@orangelogic/design-system 4.18.0 → 4.20.0
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.
- package/library/chunks/{color-swatch-group.DHrDL5W4.js → color-swatch-group.WMinusvs.js} +378 -359
- package/library/chunks/{config-manager.j-83Ts1D.js → config-manager.Q6Uu3jTl.js} +7 -7
- package/library/chunks/{config-manager.utils.C-G0Iimp.js → config-manager.utils.BjTsUGLW.js} +11 -11
- package/library/chunks/{configs-controller.FjT3LVI8.js → configs-controller.Dea3OymR.js} +3 -3
- package/library/chunks/{folder-select.CmyEyzfA.js → folder-select.DZ27acgw.js} +36 -19
- package/library/chunks/{header.DpccEGpQ.js → header.Ny2fWwyt.js} +43 -15
- package/library/chunks/{src.BQQW1rcJ.js → src.BFdGIzyC.js} +1 -1
- package/library/components/atoms.js +2 -2
- package/library/components/color-swatch-group.js +1 -1
- package/library/components/folder-select.js +1 -1
- package/library/components/header.js +1 -1
- package/library/components/molecules.js +4 -4
- package/library/components/organisms.js +1 -1
- package/library/components/types.js +13074 -13010
- package/library/package.json +1 -1
- package/library/packages/events/src/cx-table-validation-change.d.ts +2 -2
- package/library/packages/events/src/cx-video-active-subclip-change.d.ts +6 -0
- package/library/packages/events/src/events.d.ts +1 -0
- package/library/packages/hybrid/rich-text/src/components/rich-text-toolbar/rich-text-toolbar.d.ts +16 -8
- package/library/packages/hybrid/rich-text/src/components/rich-text-toolbar/toolbar-align-actions.d.ts +3 -8
- package/library/packages/hybrid/rich-text/src/rich-text.d.ts +21 -1
- package/library/packages/hybrid/rich-text/src/utils/parse-border-from-style.d.ts +2 -1
- package/library/packages/hybrid/table-core/src/table/controllers/filter-controller.d.ts +8 -0
- package/library/packages/hybrid/table-core/src/table/table-in-memory-data.d.ts +2 -0
- package/library/packages/hybrid/table-core/src/table/table.d.ts +1 -1
- package/library/packages/hybrid/video-advanced/src/react/context.d.ts +1 -0
- package/library/packages/hybrid/video-advanced/src/react/hooks/useVideoEditorAnnotation.d.ts +26 -0
- package/library/packages/hybrid/video-advanced/src/react/type.d.ts +12 -0
- package/library/packages/molecules/src/faceted-filter/components/facet/facet.d.ts +2 -0
- package/library/packages/molecules/src/folder-select/components/folder-select-tree/folder-select-tree.d.ts +2 -0
- package/library/packages/molecules/src/folder-select/components/folder-select-tree-item/folder-select-tree-item.d.ts +3 -0
- package/library/packages/molecules/src/folder-select/folder-select.d.ts +2 -0
- package/library/packages/organisms/src/downloader/data/core/worker/app/DownloadManager.d.ts +4 -2
- package/library/packages/organisms/src/downloader/data/core/worker/app/utilities/index.d.ts +2 -1
- package/library/packages/organisms/src/downloader/data/core/worker/utilities/FilePathFixer.d.ts +10 -0
- package/library/packages/services/src/api/folder/folder.d.ts +1 -1
- package/library/packages/tools/src/tiptap/extensions/index.d.ts +7 -1
- package/library/packages/tools/src/tiptap/extensions/link/helpers/active-link-range.d.ts +9 -0
- package/library/packages/tools/src/tiptap/extensions/table/index.d.ts +13 -1
- package/library/packages/tools/src/tiptap/utils/to-published-html.d.ts +14 -0
- package/library/packages/types/src/folder-select.d.ts +1 -0
- package/library/packages/types/src/rich-text.d.ts +10 -0
- package/library/packages/types/src/table.d.ts +10 -0
- package/library/react-web-component.d.ts +5 -1
- package/package.json +1 -1
- package/library/packages/hybrid/video-advanced/src/react/@types/react-range-slider-input/index.d.ts +0 -1
|
@@ -8,18 +8,18 @@ import { t as h } from "./component.styles.0xM1ZmBs.js";
|
|
|
8
8
|
import { t as g } from "./custom-element.BEMYNDK1.js";
|
|
9
9
|
import { t as _ } from "./i18n.CpiuF-f4.js";
|
|
10
10
|
import { t as v } from "./slot.CZUlACxT.js";
|
|
11
|
-
import { O as y, S as ee, h as b, k as x, n as
|
|
12
|
-
import { t as
|
|
13
|
-
import { t as
|
|
14
|
-
import { t as
|
|
15
|
-
import { t as
|
|
16
|
-
import { t as
|
|
17
|
-
import { t as
|
|
18
|
-
import { t as
|
|
19
|
-
import { t as
|
|
20
|
-
import { g as
|
|
21
|
-
import { o as
|
|
22
|
-
import { t as
|
|
11
|
+
import { O as y, S as ee, h as b, k as x, n as S, t as C } from "./watch.Ub5r8btz.js";
|
|
12
|
+
import { t as w } from "./class-map.D8nsNOVJ.js";
|
|
13
|
+
import { t as T } from "./icon-button.8OdZOZsM.js";
|
|
14
|
+
import { t as E } from "./if-defined.B29V_rEp.js";
|
|
15
|
+
import { t as D } from "./when.BUskJLtZ.js";
|
|
16
|
+
import { t as O } from "./icon.CeQpEaQz.js";
|
|
17
|
+
import { t as k } from "./spinner.DXFJTymk.js";
|
|
18
|
+
import { t as A } from "./style-map.DPGQIxip.js";
|
|
19
|
+
import { t as te } from "./button.F15zfy2d.js";
|
|
20
|
+
import { g as j, h as ne, l as re, t as ie } from "./string.DamEXDH2.js";
|
|
21
|
+
import { o as ae, s as M } from "./dom.dDaS97WU.js";
|
|
22
|
+
import { t as oe } from "./debounce.Ci-xdsHE.js";
|
|
23
23
|
import { t as N } from "./tooltip.EVa9qa8X.js";
|
|
24
24
|
import { t as se } from "./line-clamp.DUw4HDNG.js";
|
|
25
25
|
import { t as ce } from "./tag.BEHzfhc1.js";
|
|
@@ -134,11 +134,11 @@ function Dt(e, t) {
|
|
|
134
134
|
}
|
|
135
135
|
function Ot(e, t) {
|
|
136
136
|
let n = e.facetDetails;
|
|
137
|
-
return r`<cx-facet-date-picker field=${n.facetFieldName} display-name=${n.displayName} display-format=${
|
|
137
|
+
return r`<cx-facet-date-picker field=${n.facetFieldName} display-name=${n.displayName} display-format=${E(n.displayFormat)} value=${t.dateRange?.fromDate ?? ""} from-time=${t.dateRange?.fromTime ?? Te} min=${n.min ?? ""} max=${n.max ?? ""} ?show-time=${n.showTime ?? !1}></cx-facet-date-picker>`;
|
|
138
138
|
}
|
|
139
139
|
function kt(e, t) {
|
|
140
140
|
let n = e.facetDetails;
|
|
141
|
-
return r`<cx-facet-date-range field=${n.facetFieldName} display-name=${n.displayName} display-format=${
|
|
141
|
+
return r`<cx-facet-date-range field=${n.facetFieldName} display-name=${n.displayName} display-format=${E(n.displayFormat)} from-date=${t.dateRange?.fromDate ?? ""} to-date=${t.dateRange?.toDate ?? ""} from-time=${t.dateRange?.fromTime ?? Te} to-time=${t.dateRange?.toTime ?? "23:59:59"} preset=${t.dateRange?.preset ?? ""} min=${n.min ?? ""} max=${n.max ?? ""} ?show-time=${n.showTime ?? !1} ?show-preset=${n.showPreset ?? !1}></cx-facet-date-range>`;
|
|
142
142
|
}
|
|
143
143
|
var At = {
|
|
144
144
|
[Ct.Checkbox]: Dt,
|
|
@@ -152,13 +152,13 @@ var At = {
|
|
|
152
152
|
static #t = this.styles = [h, jt];
|
|
153
153
|
static #n = this.dependencies = {
|
|
154
154
|
"cx-badge": de,
|
|
155
|
-
"cx-button":
|
|
155
|
+
"cx-button": te,
|
|
156
156
|
"cx-details": Ee,
|
|
157
157
|
"cx-dropdown": me,
|
|
158
|
-
"cx-icon":
|
|
159
|
-
"cx-icon-button":
|
|
158
|
+
"cx-icon": O,
|
|
159
|
+
"cx-icon-button": T,
|
|
160
160
|
"cx-space": ve,
|
|
161
|
-
"cx-spinner":
|
|
161
|
+
"cx-spinner": k,
|
|
162
162
|
"cx-tag": ce,
|
|
163
163
|
"cx-tooltip": N
|
|
164
164
|
};
|
|
@@ -254,10 +254,10 @@ var At = {
|
|
|
254
254
|
} });
|
|
255
255
|
}
|
|
256
256
|
renderAppliedFilters() {
|
|
257
|
-
return r`<cx-details aria-busy=${this.loading ? "true" : "false"} class=${
|
|
257
|
+
return r`<cx-details aria-busy=${this.loading ? "true" : "false"} class=${w({
|
|
258
258
|
"applied-filters": !0,
|
|
259
259
|
"applied-filters--empty": this.appliedFiltersCount === 0
|
|
260
|
-
})}><span slot="summary" class="applied-filters__summary"><span class="applied-filters__title">${this.localize.term("appliedFilters")}${this.appliedFiltersCount > 0 ? ` (${this.appliedFiltersCount})` : o}</span>${
|
|
260
|
+
})}><span slot="summary" class="applied-filters__summary"><span class="applied-filters__title">${this.localize.term("appliedFilters")}${this.appliedFiltersCount > 0 ? ` (${this.appliedFiltersCount})` : o}</span>${D(this.loading, () => r`<span class="applied-filters__loading" role="status" aria-label=${this.localize.term("loading")}><cx-spinner></cx-spinner></span>`, () => o)}</span><cx-space direction="horizontal" spacing="small" class="applied-filters__tags">${this.renderExternalFilterTags()}
|
|
261
261
|
${this.renderSelectionCheckboxTags()}
|
|
262
262
|
${this.renderDateTags()}</cx-space></cx-details>`;
|
|
263
263
|
}
|
|
@@ -286,10 +286,10 @@ var At = {
|
|
|
286
286
|
return pe(Object.entries(this.internalSelection), ([e]) => e, ([e, t]) => t.filter((t) => this.mappedDisplayNames[e]?.[t]).map((t) => r`<cx-tag removable data-value=${t} data-type=${e}>${this.mappedDisplayNames[e][t]}</cx-tag>`));
|
|
287
287
|
}
|
|
288
288
|
renderFooter() {
|
|
289
|
-
return
|
|
289
|
+
return D(this.appliedFiltersCount > 0, () => r`<div class="panel__footer"><cx-button variant="text" @click=${this.handleClearAllClick} size="small" class="panel__clear-all-button">${this.localize.term("clear")}</cx-button></div>`, () => o);
|
|
290
290
|
}
|
|
291
291
|
render() {
|
|
292
|
-
return r`<cx-dropdown stay-open-on-select placement="bottom-start" distance="4" hoist @cx-selection-change=${this.handleSelectionChange} @cx-facet-change=${this.handleFacetChange} @cx-remove=${this.handleRemove}><cx-icon-button slot="trigger" name="filter_alt" label=${this.localize.term("filter")} class="faceted-filter__trigger">${
|
|
292
|
+
return r`<cx-dropdown stay-open-on-select placement="bottom-start" distance="4" hoist @cx-selection-change=${this.handleSelectionChange} @cx-facet-change=${this.handleFacetChange} @cx-remove=${this.handleRemove}><cx-icon-button slot="trigger" name="filter_alt" label=${this.localize.term("filter")} class="faceted-filter__trigger">${D(this.appliedFiltersCount > 0, () => r`<cx-badge slot="badge" class="faceted-filter__trigger-badge" pill size="small">${this.appliedFiltersCount}</cx-badge>`, () => o)}</cx-icon-button><div class="panel"><div class="panel__content"><div class="panel__header">${this.renderAppliedFilters()}</div><div class="panel__body">${D(this.availableFacets.length > 0, () => r`<div>${pe(this.availableFacets, (e) => e.facetFieldName, (e) => {
|
|
293
293
|
let t = this.facets.find((t) => t.facetDetails.facetFieldName === e.facetFieldName);
|
|
294
294
|
if (!t) return o;
|
|
295
295
|
let n = At[e.type ?? Ct.Checkbox];
|
|
@@ -313,34 +313,34 @@ l([s({ type: Array }), u("design:type", Array)], P.prototype, "facets", void 0),
|
|
|
313
313
|
attribute: !1,
|
|
314
314
|
type: Array
|
|
315
315
|
}), u("design:type", Array)], P.prototype, "externalFilters", void 0), l([c(), u("design:type", Object)], P.prototype, "appliedFiltersCount", void 0), l([c(), u("design:type", Object)], P.prototype, "internalSelection", void 0), l([c(), u("design:type", Object)], P.prototype, "internalDateRanges", void 0), l([c(), u("design:type", typeof Record > "u" ? Object : Record)], P.prototype, "mappedDisplayNames", void 0), l([c(), u("design:type", typeof Map > "u" ? Object : Map)], P.prototype, "facetDetailsByField", void 0), l([
|
|
316
|
-
|
|
316
|
+
C("facets"),
|
|
317
317
|
u("design:type", Function),
|
|
318
318
|
u("design:paramtypes", []),
|
|
319
319
|
u("design:returntype", void 0)
|
|
320
320
|
], P.prototype, "handleFacetsChange", null), l([
|
|
321
|
-
|
|
322
|
-
|
|
321
|
+
C("facets"),
|
|
322
|
+
C("availableFacets"),
|
|
323
323
|
u("design:type", Function),
|
|
324
324
|
u("design:paramtypes", []),
|
|
325
325
|
u("design:returntype", void 0)
|
|
326
326
|
], P.prototype, "rebuildFacetDetailsByField", null), l([
|
|
327
|
-
|
|
327
|
+
C("selectedFacets"),
|
|
328
328
|
u("design:type", Function),
|
|
329
329
|
u("design:paramtypes", []),
|
|
330
330
|
u("design:returntype", void 0)
|
|
331
331
|
], P.prototype, "handleSelectedFacetsChange", null), l([
|
|
332
|
-
|
|
332
|
+
C("selectedDateRanges"),
|
|
333
333
|
u("design:type", Function),
|
|
334
334
|
u("design:paramtypes", []),
|
|
335
335
|
u("design:returntype", void 0)
|
|
336
336
|
], P.prototype, "handleSelectedDateRangesChange", null), l([
|
|
337
|
-
|
|
338
|
-
|
|
337
|
+
C("internalSelection"),
|
|
338
|
+
C("internalDateRanges", { waitUntilFirstUpdate: !0 }),
|
|
339
339
|
u("design:type", Function),
|
|
340
340
|
u("design:paramtypes", []),
|
|
341
341
|
u("design:returntype", void 0)
|
|
342
342
|
], P.prototype, "handleInternalSelectionChange", null), l([
|
|
343
|
-
|
|
343
|
+
C("externalFilters"),
|
|
344
344
|
u("design:type", Function),
|
|
345
345
|
u("design:paramtypes", []),
|
|
346
346
|
u("design:returntype", void 0)
|
|
@@ -443,8 +443,8 @@ var en = 1, tn = 2, nn = 4, rn = vt(function(e, t) {
|
|
|
443
443
|
}
|
|
444
444
|
static #e = this.styles = [h, an];
|
|
445
445
|
static #t = this.dependencies = {
|
|
446
|
-
"cx-icon":
|
|
447
|
-
"cx-icon-button":
|
|
446
|
+
"cx-icon": O,
|
|
447
|
+
"cx-icon-button": T,
|
|
448
448
|
"cx-line-clamp": se,
|
|
449
449
|
"cx-tooltip": N
|
|
450
450
|
};
|
|
@@ -467,7 +467,7 @@ var en = 1, tn = 2, nn = 4, rn = vt(function(e, t) {
|
|
|
467
467
|
this.tooltipElement && (this.tooltipElement.open = !1);
|
|
468
468
|
}
|
|
469
469
|
render() {
|
|
470
|
-
return r`<div class=${
|
|
470
|
+
return r`<div class=${w({
|
|
471
471
|
"board-list-item": !0,
|
|
472
472
|
"board-list-item--checked": this.selected,
|
|
473
473
|
"board-list-item--group": this.isGroup,
|
|
@@ -476,14 +476,14 @@ var en = 1, tn = 2, nn = 4, rn = vt(function(e, t) {
|
|
|
476
476
|
})}><span class="board-list-item__control">${this.selected ? r`<cx-icon class="board-list-item__checked-icon" name="check"></cx-icon>` : ""}</span><div part="text" class="board-list-item__text" @mouseenter=${this.onTextMouseEnter} @mouseleave=${this.onTextMouseLeave}><cx-line-clamp part="text-content" class="board-list-item__text__content" lines="2" ?disabled-tooltip=${!!this.tooltip} disabled-hover-bridge>${this.text}</cx-line-clamp><cx-tooltip part="tooltip" hoist trigger="manual" ?disabled=${this.disabledTooltip || !this.tooltip} disabled-hover-bridge><div class="board-list-item__text__anchor"></div><div slot="content">${ye(this.tooltip)}</div></cx-tooltip></div>${this.configurable && !this.readonly ? r`<cx-icon-button part="config-button" name="settings" label=${this.localize.term("configure")} @click=${this.onConfigButtonClick}></cx-icon-button>` : ""}</div>`;
|
|
477
477
|
}
|
|
478
478
|
};
|
|
479
|
-
l([f("[part=\"config-button\"]"), u("design:type",
|
|
479
|
+
l([f("[part=\"config-button\"]"), u("design:type", T === void 0 ? Object : T)], R.prototype, "configButton", void 0), l([f("[part=\"text\"]"), u("design:type", typeof HTMLElement > "u" ? Object : HTMLElement)], R.prototype, "textElement", void 0), l([f("[part=\"tooltip\"]"), u("design:type", N === void 0 ? Object : N)], R.prototype, "tooltipElement", void 0), l([f(".board-list-item__control"), u("design:type", typeof HTMLElement > "u" ? Object : HTMLElement)], R.prototype, "controlElement", void 0), l([s({ type: String }), u("design:type", Object)], R.prototype, "text", void 0), l([s({ type: String }), u("design:type", Object)], R.prototype, "tooltip", void 0), l([s({ type: Boolean }), u("design:type", Object)], R.prototype, "readonly", void 0), l([s({ type: Boolean }), u("design:type", Object)], R.prototype, "placeholder", void 0), l([s({ type: Boolean }), u("design:type", Object)], R.prototype, "selected", void 0), l([s({ type: Boolean }), u("design:type", Object)], R.prototype, "configurable", void 0), l([s({
|
|
480
480
|
attribute: "disabled-tooltip",
|
|
481
481
|
type: Boolean
|
|
482
482
|
}), u("design:type", Object)], R.prototype, "disabledTooltip", void 0), l([s({
|
|
483
483
|
attribute: "is-group",
|
|
484
484
|
type: Boolean
|
|
485
485
|
}), u("design:type", Object)], R.prototype, "isGroup", void 0), l([
|
|
486
|
-
|
|
486
|
+
C("disabledTooltip"),
|
|
487
487
|
u("design:type", Function),
|
|
488
488
|
u("design:paramtypes", []),
|
|
489
489
|
u("design:returntype", void 0)
|
|
@@ -498,8 +498,8 @@ var ln = /mac os x/i.test(navigator.userAgent) && !/iphone|ipad/i.test(navigator
|
|
|
498
498
|
static #t = this.dependencies = {
|
|
499
499
|
"cx-board-list-item": on,
|
|
500
500
|
"cx-divider": Ae,
|
|
501
|
-
"cx-icon":
|
|
502
|
-
"cx-icon-button":
|
|
501
|
+
"cx-icon": O,
|
|
502
|
+
"cx-icon-button": T,
|
|
503
503
|
"cx-input": he,
|
|
504
504
|
"cx-tooltip": N
|
|
505
505
|
};
|
|
@@ -747,17 +747,17 @@ var ln = /mac os x/i.test(navigator.userAgent) && !/iphone|ipad/i.test(navigator
|
|
|
747
747
|
}
|
|
748
748
|
render() {
|
|
749
749
|
let e = this.selectedCount, t = e + this.hiddenSelectedCount, n = this.isAllSelected ? r`<cx-icon class="board__checked-icon" name="check"></cx-icon>` : this.isPartiallySelected ? r`<cx-icon class="board__checked-icon" name="remove"></cx-icon>` : o;
|
|
750
|
-
return r`<div class=${
|
|
750
|
+
return r`<div class=${w({
|
|
751
751
|
board: !0,
|
|
752
752
|
"board--checked": this.all && (e > 0 || this.hiddenSelection !== Xt.None),
|
|
753
753
|
"board--dragging": this.isDragging
|
|
754
|
-
})}><div class=${
|
|
754
|
+
})}><div class=${w({
|
|
755
755
|
board__header: !0,
|
|
756
756
|
"board__header--divided": !!this.dividerColor
|
|
757
|
-
})}>${this.all ? r`<span class="board__select-all" part="select-all" role="checkbox" tabindex="0" aria-checked=${this.isAllSelected ? "true" : this.isPartiallySelected ? "mixed" : "false"} aria-label=${this.localize.term("selectAll")} @click=${this.handleSelectAll} @keydown=${this.handleSelectAllKeydown}>${n}</span>` : ""}<cx-tooltip content=${this.boardTitle} hoist ?disabled=${!this.boardTitle || this.isDragging}><div class="board__header__text">${this.boardTitle}</div></cx-tooltip>${
|
|
757
|
+
})}>${this.all ? r`<span class="board__select-all" part="select-all" role="checkbox" tabindex="0" aria-checked=${this.isAllSelected ? "true" : this.isPartiallySelected ? "mixed" : "false"} aria-label=${this.localize.term("selectAll")} @click=${this.handleSelectAll} @keydown=${this.handleSelectAllKeydown}>${n}</span>` : ""}<cx-tooltip content=${this.boardTitle} hoist ?disabled=${!this.boardTitle || this.isDragging}><div class="board__header__text">${this.boardTitle}</div></cx-tooltip>${D(this.allowSearch, () => r`<div class="board__header__search"><cx-input part="search-input" aria-label=${this.localize.term("search")} title=${this.localize.term("search")} placeholder=${this.localize.term("search")} size="small" value=${this.searchValue} @cx-input=${this.handleSearchChange}><cx-icon name="search" slot="prefix"></cx-icon><cx-icon-button part="search-input-clear" label=${this.localize.term("clearSearch")} name="close" size="small" slot="suffix" @click=${this.handleSearchClear}></cx-icon-button></cx-input></div>`)}</div>${D(this.dividerColor, () => r`<cx-divider class="board__divider" part="divider" style=${A({ "--color": this.dividerColor })}></cx-divider>`)}<div part="list" class="board__list" role="listbox" aria-label=${this.boardTitle || this.name} aria-multiselectable="true" tabindex="-1" @scroll=${this.handleListScroll}><div style="height: ${un * this.start}px"></div>${pe(this.filteredItems.slice(this.start, Math.min(this.end, this.filteredItems.length)), (e) => e.id, (e) => r`<cx-board-list-item data-id=${e.id} data-index=${this._indexMap[e.id]} data-type=${e.type} ?disabled-tooltip=${this.isDragging} ?readonly=${e.disabled || e.id === e.group} ?selected=${!!this.selectedItems[e.id] || !1} text=${e.text} tooltip=${e.tooltip} ?configurable=${this.configurable} ?is-group=${e.id === e.group} role="option" tabindex=${e.disabled || e.id === e.group ? "-1" : "0"} aria-selected=${!!this.selectedItems[e.id]} aria-label=${e.text} @click=${this.handleSelect} @keydown=${this.handleItemKeydown}></cx-board-list-item>`)}<div style="height: ${un * (this.filteredItems.length - this.end > 0 ? this.filteredItems.length - this.end : 0)}px"></div></div><div class="board__footer">${t ? r`<div class="board__footer__text">${this.localize.term("selected")}: ${t}</div>` : r`<span></span>`}<div class="board__footer__text">${this.localize.term("total")}: ${this.totalDisplayedCount}</div></div></div>`;
|
|
758
758
|
}
|
|
759
759
|
};
|
|
760
|
-
l([f(".board"), u("design:type", typeof HTMLElement > "u" ? Object : HTMLElement)], z.prototype, "board", void 0), l([f("[part=\"search-input\"]"), u("design:type", he === void 0 ? Object : he)], z.prototype, "searchInput", void 0), l([f("[part=\"search-input-clear\"]"), u("design:type",
|
|
760
|
+
l([f(".board"), u("design:type", typeof HTMLElement > "u" ? Object : HTMLElement)], z.prototype, "board", void 0), l([f("[part=\"search-input\"]"), u("design:type", he === void 0 ? Object : he)], z.prototype, "searchInput", void 0), l([f("[part=\"search-input-clear\"]"), u("design:type", T === void 0 ? Object : T)], z.prototype, "searchInputClear", void 0), l([f("[part=\"list\"]"), u("design:type", typeof HTMLElement > "u" ? Object : HTMLElement)], z.prototype, "list", void 0), l([f("[part=\"select-all\"]"), u("design:type", typeof HTMLElement > "u" ? Object : HTMLElement)], z.prototype, "selectAllCheckBox", void 0), l([s({
|
|
761
761
|
attribute: "title",
|
|
762
762
|
reflect: !0,
|
|
763
763
|
type: String
|
|
@@ -786,17 +786,17 @@ l([f(".board"), u("design:type", typeof HTMLElement > "u" ? Object : HTMLElement
|
|
|
786
786
|
attribute: "hidden-selected-count",
|
|
787
787
|
type: Number
|
|
788
788
|
}), u("design:type", Object)], z.prototype, "hiddenSelectedCount", void 0), l([c(), u("design:type", Object)], z.prototype, "abortDrag", void 0), l([c(), u("design:type", Array)], z.prototype, "items", void 0), l([c(), u("design:type", Array)], z.prototype, "_allItems", void 0), l([c(), u("design:type", Array)], z.prototype, "_filteredItems", void 0), l([c(), u("design:type", typeof Record > "u" ? Object : Record)], z.prototype, "_selectedItems", void 0), l([c(), u("design:type", typeof Record > "u" ? Object : Record)], z.prototype, "_selectedItemOrder", void 0), l([c(), u("design:type", Object)], z.prototype, "searchValue", void 0), l([c(), u("design:type", Object)], z.prototype, "sortable", void 0), l([c(), u("design:type", Number)], z.prototype, "_totalCount", void 0), l([c(), u("design:type", Number)], z.prototype, "_totalDisplayedCount", void 0), l([c(), u("design:type", typeof Record > "u" ? Object : Record)], z.prototype, "_indexMap", void 0), l([c(), u("design:type", Object)], z.prototype, "isDragging", void 0), l([c(), u("design:type", Number)], z.prototype, "start", void 0), l([c(), u("design:type", Number)], z.prototype, "end", void 0), l([c(), u("design:type", typeof Array > "u" ? Object : Array)], z.prototype, "previous", void 0), l([c(), u("design:type", Object)], z.prototype, "lastSelectedItem", void 0), l([
|
|
789
|
-
|
|
789
|
+
C(["items", "searchValue"], { waitUntilFirstUpdate: !0 }),
|
|
790
790
|
u("design:type", Function),
|
|
791
791
|
u("design:paramtypes", []),
|
|
792
792
|
u("design:returntype", void 0)
|
|
793
793
|
], z.prototype, "onSearchValueChanged", null), l([
|
|
794
|
-
|
|
794
|
+
C(["data", "group"]),
|
|
795
795
|
u("design:type", Function),
|
|
796
796
|
u("design:paramtypes", []),
|
|
797
797
|
u("design:returntype", void 0)
|
|
798
798
|
], z.prototype, "onItemsChanged", null), l([
|
|
799
|
-
|
|
799
|
+
oe(200, !0),
|
|
800
800
|
u("design:type", Function),
|
|
801
801
|
u("design:paramtypes", [on === void 0 ? Object : on]),
|
|
802
802
|
u("design:returntype", void 0)
|
|
@@ -957,8 +957,8 @@ var B = class extends d {
|
|
|
957
957
|
static #t = this.dependencies = {
|
|
958
958
|
"cx-board": dn,
|
|
959
959
|
"cx-faceted-filter": Nt,
|
|
960
|
-
"cx-icon":
|
|
961
|
-
"cx-icon-button":
|
|
960
|
+
"cx-icon": O,
|
|
961
|
+
"cx-icon-button": T,
|
|
962
962
|
"cx-input": he,
|
|
963
963
|
"cx-tooltip": N
|
|
964
964
|
};
|
|
@@ -1164,11 +1164,11 @@ var B = class extends d {
|
|
|
1164
1164
|
t && (this.board1OriginalData = this.firstColumnData.sort ?? !0 ? this.firstColumnData.items : [...this.firstColumnData.items].sort(hn)), n && (this.board2OriginalData = this.secondColumnData.sort ?? !0 ? this.secondColumnData.items : [...this.secondColumnData.items].sort(hn)), (t || n || e.has("labelMap")) && (this.rebuildMetadataFacets(), this.recomputeBoardData());
|
|
1165
1165
|
}
|
|
1166
1166
|
renderFilterToolbar() {
|
|
1167
|
-
return !this.canSearch && this.metadataFacetDetails.length === 0 ? o : r`<div class="multi-select__toolbar">${
|
|
1167
|
+
return !this.canSearch && this.metadataFacetDetails.length === 0 ? o : r`<div class="multi-select__toolbar">${D(this.canSearch, () => r`<cx-input class="multi-select__search" part="search-input" exportparts="clear-button:search-input-clear" aria-label=${this.localize.term("search")} title=${this.localize.term("search")} placeholder=${this.localize.term("search")} clearable value=${this.searchValue} @cx-keydown=${this.handleSearchKeydown} @cx-clear=${this.handleSearchClear}><cx-icon name="search" slot="prefix"></cx-icon></cx-input>`)}<cx-faceted-filter part="faceted-filter" selection="multiple" .facets=${this.metadataFacets} .availableFacets=${this.metadataFacetDetails} .selectedFacets=${this.selectedMetadataFacets} .externalFilters=${this.appliedFilterTags} @cx-faceted-filter-change=${this.handleMetadataFacetChange} @cx-faceted-filter-remove=${this.handleAppliedFilterRemove}></cx-faceted-filter></div>`;
|
|
1168
1168
|
}
|
|
1169
1169
|
render() {
|
|
1170
1170
|
let e = this.selectedItems[this.firstColumnData.id] ?? [], t = this.selectedItems[this.secondColumnData.id] ?? [], n = this.boardsWithOwnSearch, i = wn(e, this.board1Data, this.firstColumnData.items, this.ignoreTypes), a = wn(t, this.board2Data, this.secondColumnData.items, []);
|
|
1171
|
-
return r`<div class="multi-select">${this.renderFilterToolbar()}<div class="multi-select__boards" @cx-board-change=${this.handleBoardChange} @cx-board-selected-change=${this.handleSelectedChange}><cx-board part="board-1" title=${this.firstColumnData.title} name=${this.firstColumnData.id} all .data=${this.board1Data} ?sort=${this.firstColumnData.sort ?? !1} .ignoreTypes=${this.ignoreTypes} hidden-selection=${i.state} hidden-selected-count=${i.count} ?allow-search=${n.has("1")} divider-color=${
|
|
1171
|
+
return r`<div class="multi-select">${this.renderFilterToolbar()}<div class="multi-select__boards" @cx-board-change=${this.handleBoardChange} @cx-board-selected-change=${this.handleSelectedChange}><cx-board part="board-1" title=${this.firstColumnData.title} name=${this.firstColumnData.id} all .data=${this.board1Data} ?sort=${this.firstColumnData.sort ?? !1} .ignoreTypes=${this.ignoreTypes} hidden-selection=${i.state} hidden-selected-count=${i.count} ?allow-search=${n.has("1")} divider-color=${E(this.firstColumnData.dividerColor)}></cx-board><div class="multi-select__control"><cx-tooltip part="tooltip" content=${this.localize.term("moveSelectedItemRight")} hoist ?disabled=${!e.length}><cx-icon-button class="multi-select__control__move-button" name="arrow_forward_ios" label=${this.localize.term("moveSelectedItemRight")} @click=${this.handleMoveItemsRight} ?disabled=${!e.length}></cx-icon-button></cx-tooltip><cx-tooltip part="tooltip" content=${this.localize.term("moveSelectedItemLeft")} hoist ?disabled=${!t.length}><cx-icon-button class="multi-select__control__move-button" name="arrow_back_ios" label=${this.localize.term("moveSelectedItemLeft")} @click=${this.handleMoveItemsLeft} ?disabled=${!t.length}></cx-icon-button></cx-tooltip></div><cx-board part="board-2" title=${this.secondColumnData.title} name=${this.secondColumnData.id} all .data=${this.board2Data} ?configurable=${this.configurable} ?sort=${this.secondColumnData.sort ?? !0} hidden-selection=${a.state} hidden-selected-count=${a.count} ?allow-search=${n.has("2")} divider-color=${E(this.secondColumnData.dividerColor)}></cx-board></div></div>`;
|
|
1172
1172
|
}
|
|
1173
1173
|
};
|
|
1174
1174
|
l([f(".multi-select"), u("design:type", typeof HTMLElement > "u" ? Object : HTMLElement)], B.prototype, "multiSelect", void 0), l([f("[part~=\"board-1\"]"), u("design:type", dn === void 0 ? Object : dn)], B.prototype, "board1", void 0), l([f("[part~=\"board-2\"]"), u("design:type", dn === void 0 ? Object : dn)], B.prototype, "board2", void 0), l([s({
|
|
@@ -1196,12 +1196,12 @@ l([f(".multi-select"), u("design:type", typeof HTMLElement > "u" ? Object : HTML
|
|
|
1196
1196
|
attribute: "add-limit",
|
|
1197
1197
|
type: Number
|
|
1198
1198
|
}), u("design:type", Object)], B.prototype, "addLimit", void 0), l([c(), u("design:type", typeof Record > "u" ? Object : Record)], B.prototype, "itemMap", void 0), l([c(), u("design:type", typeof Record > "u" ? Object : Record)], B.prototype, "selectedItems", void 0), l([c(), u("design:type", Array)], B.prototype, "initialSecondColumnItems", void 0), l([c(), u("design:type", Array)], B.prototype, "metadataFacetDetails", void 0), l([c(), u("design:type", Array)], B.prototype, "metadataFacets", void 0), l([c(), u("design:type", Object)], B.prototype, "selectedMetadataFacets", void 0), l([c(), u("design:type", Object)], B.prototype, "searchValue", void 0), l([
|
|
1199
|
-
|
|
1199
|
+
C("searchValue", { waitUntilFirstUpdate: !0 }),
|
|
1200
1200
|
u("design:type", Function),
|
|
1201
1201
|
u("design:paramtypes", []),
|
|
1202
1202
|
u("design:returntype", Promise)
|
|
1203
1203
|
], B.prototype, "onSearchValueChanged", null), l([
|
|
1204
|
-
|
|
1204
|
+
C("secondColumnData"),
|
|
1205
1205
|
u("design:type", Function),
|
|
1206
1206
|
u("design:paramtypes", []),
|
|
1207
1207
|
u("design:returntype", void 0)
|
|
@@ -1224,7 +1224,7 @@ var Tn = B, En = /* @__PURE__ */ function(e) {
|
|
|
1224
1224
|
}
|
|
1225
1225
|
static #e = this.styles = [h, Dn];
|
|
1226
1226
|
static #t = this.dependencies = {
|
|
1227
|
-
"cx-button":
|
|
1227
|
+
"cx-button": te,
|
|
1228
1228
|
"cx-dialog": ke,
|
|
1229
1229
|
"cx-multi-select": Tn
|
|
1230
1230
|
};
|
|
@@ -1271,14 +1271,14 @@ var Tn = B, En = /* @__PURE__ */ function(e) {
|
|
|
1271
1271
|
e.target === this.dialogEl && this.handleCancel();
|
|
1272
1272
|
}
|
|
1273
1273
|
render() {
|
|
1274
|
-
return r`<cx-dialog label=${this.localize.term("editColumns")} ?open=${this.open} @cx-request-close=${this.handleDialogRequestClose}><cx-multi-select .firstColumnData=${this.firstColumnData} .secondColumnData=${this.secondColumnData} @cx-multi-select-change=${this.handleMultiSelectChange}></cx-multi-select>${
|
|
1274
|
+
return r`<cx-dialog label=${this.localize.term("editColumns")} ?open=${this.open} @cx-request-close=${this.handleDialogRequestClose}><cx-multi-select .firstColumnData=${this.firstColumnData} .secondColumnData=${this.secondColumnData} @cx-multi-select-change=${this.handleMultiSelectChange}></cx-multi-select>${D(!this.canApply, () => r`<p class="table-column-editor__note">${this.localize.term("editColumnsMinVisibleNote")}</p>`)}<div slot="footer" class="table-column-editor__footer"><cx-button @click=${this.handleCancel}>${this.localize.term("cancel")}</cx-button><cx-button variant="primary" ?disabled=${!this.canApply} @click=${this.handleApply}>${this.localize.term("apply")}</cx-button></div></cx-dialog>`;
|
|
1275
1275
|
}
|
|
1276
1276
|
};
|
|
1277
1277
|
l([f("cx-dialog"), u("design:type", ke === void 0 ? Object : ke)], On.prototype, "dialogEl", void 0), l([s({
|
|
1278
1278
|
reflect: !0,
|
|
1279
1279
|
type: Boolean
|
|
1280
1280
|
}), u("design:type", Object)], On.prototype, "open", void 0), l([s({ attribute: !1 }), u("design:type", Array)], On.prototype, "entries", void 0), l([c(), u("design:type", Object)], On.prototype, "firstColumnData", void 0), l([c(), u("design:type", Object)], On.prototype, "secondColumnData", void 0), l([c(), u("design:type", Array)], On.prototype, "visibleFields", void 0), l([
|
|
1281
|
-
|
|
1281
|
+
C("entries"),
|
|
1282
1282
|
u("design:type", Function),
|
|
1283
1283
|
u("design:paramtypes", []),
|
|
1284
1284
|
u("design:returntype", void 0)
|
|
@@ -1300,7 +1300,7 @@ l([s({
|
|
|
1300
1300
|
var Mn = jn, Nn = i`:host{display:contents}cx-popup::part(popup){z-index:var(--cx-z-index-dropdown)}`, Pn = class extends d {
|
|
1301
1301
|
static #e = this.styles = [h, Nn];
|
|
1302
1302
|
static #t = this.dependencies = {
|
|
1303
|
-
"cx-icon":
|
|
1303
|
+
"cx-icon": O,
|
|
1304
1304
|
"cx-menu": ge,
|
|
1305
1305
|
"cx-menu-item": _e,
|
|
1306
1306
|
"cx-popup": m
|
|
@@ -1356,7 +1356,7 @@ l([f("cx-menu-item"), u("design:type", Object)], Pn.prototype, "firstMenuItem",
|
|
|
1356
1356
|
attribute: "hide-disabled",
|
|
1357
1357
|
type: Boolean
|
|
1358
1358
|
}), u("design:type", Object)], Pn.prototype, "hideDisabled", void 0), l([
|
|
1359
|
-
|
|
1359
|
+
C("open", { waitUntilFirstUpdate: !0 }),
|
|
1360
1360
|
u("design:type", Function),
|
|
1361
1361
|
u("design:paramtypes", []),
|
|
1362
1362
|
u("design:returntype", void 0)
|
|
@@ -1366,9 +1366,9 @@ var Fn = Pn, In = i`.table-row-actions__button::part(label),.table-row-actions__
|
|
|
1366
1366
|
super(...e), this.localize = new _(this), this.groupedDropdownItems = {}, this.sections = [];
|
|
1367
1367
|
}
|
|
1368
1368
|
static #e = this.dependencies = {
|
|
1369
|
-
"cx-button":
|
|
1369
|
+
"cx-button": te,
|
|
1370
1370
|
"cx-dropdown": me,
|
|
1371
|
-
"cx-icon":
|
|
1371
|
+
"cx-icon": O,
|
|
1372
1372
|
"cx-menu": ge,
|
|
1373
1373
|
"cx-menu-item": _e,
|
|
1374
1374
|
"cx-menu-section": Ze,
|
|
@@ -1389,7 +1389,7 @@ var Fn = Pn, In = i`.table-row-actions__button::part(label),.table-row-actions__
|
|
|
1389
1389
|
} });
|
|
1390
1390
|
}
|
|
1391
1391
|
renderMenuItems(e) {
|
|
1392
|
-
return pe(e, (e) => e.name, (e) => r`<cx-menu-item class="table-row-actions__menu-item" data-action=${e.name} style=${
|
|
1392
|
+
return pe(e, (e) => e.name, (e) => r`<cx-menu-item class="table-row-actions__menu-item" data-action=${e.name} style=${A(e.style ?? {})} @click=${this.handleActionClick}>${D(e.prefixIcon, () => r`<cx-icon name=${e.prefixIcon} slot="prefix"></cx-icon>`)}
|
|
1393
1393
|
${e.label}</cx-menu-item>`);
|
|
1394
1394
|
}
|
|
1395
1395
|
renderMenuSection(e, t, n = e) {
|
|
@@ -1398,11 +1398,11 @@ var Fn = Pn, In = i`.table-row-actions__button::part(label),.table-row-actions__
|
|
|
1398
1398
|
render() {
|
|
1399
1399
|
if (!this.action) return o;
|
|
1400
1400
|
let e = this.action?.icon ?? "more_horiz";
|
|
1401
|
-
return r`<cx-dropdown hoist><cx-tooltip slot="trigger" hoist content=${this.action?.tooltip} ?disabled=${!this.action?.tooltip?.trim()}><cx-button class="table-row-actions__dropdown__trigger" aria-label=${this.action?.tooltip ?? this.action?.name ?? this.localize.term("more")}><cx-icon name=${e} style=${
|
|
1401
|
+
return r`<cx-dropdown hoist><cx-tooltip slot="trigger" hoist content=${this.action?.tooltip} ?disabled=${!this.action?.tooltip?.trim()}><cx-button class="table-row-actions__dropdown__trigger" aria-label=${this.action?.tooltip ?? this.action?.name ?? this.localize.term("more")}><cx-icon name=${e} style=${A(this.action.options?.iconStyle ?? {})}></cx-icon></cx-button></cx-tooltip><cx-menu>${pe(this.sections, (e) => e, (e) => this.renderMenuSection(e, this.groupedDropdownItems[e], this.action?.options?.dropdownSections?.[e]))}</cx-menu></cx-dropdown>`;
|
|
1402
1402
|
}
|
|
1403
1403
|
};
|
|
1404
1404
|
l([s({ type: Object }), u("design:type", Object)], Ln.prototype, "action", void 0), l([s({ type: Object }), u("design:type", Object)], Ln.prototype, "row", void 0), l([s({ type: Object }), u("design:type", Object)], Ln.prototype, "cell", void 0), l([c(), u("design:type", typeof Record > "u" ? Object : Record)], Ln.prototype, "groupedDropdownItems", void 0), l([c(), u("design:type", Array)], Ln.prototype, "sections", void 0), l([
|
|
1405
|
-
|
|
1405
|
+
C("action"),
|
|
1406
1406
|
u("design:type", Function),
|
|
1407
1407
|
u("design:paramtypes", []),
|
|
1408
1408
|
u("design:returntype", void 0)
|
|
@@ -1413,8 +1413,8 @@ var Rn = Ln, zn = class extends d {
|
|
|
1413
1413
|
}
|
|
1414
1414
|
static #e = this.styles = [h, In];
|
|
1415
1415
|
static #t = this.dependencies = {
|
|
1416
|
-
"cx-button":
|
|
1417
|
-
"cx-icon":
|
|
1416
|
+
"cx-button": te,
|
|
1417
|
+
"cx-icon": O,
|
|
1418
1418
|
"cx-space": ve,
|
|
1419
1419
|
"cx-table-row-actions-dropdown": Rn,
|
|
1420
1420
|
"cx-tooltip": N
|
|
@@ -1428,7 +1428,7 @@ var Rn = Ln, zn = class extends d {
|
|
|
1428
1428
|
} });
|
|
1429
1429
|
}
|
|
1430
1430
|
renderButton(e) {
|
|
1431
|
-
return r`<cx-tooltip hoist content=${e.tooltip} ?disabled=${!e.tooltip?.trim()}><cx-button data-action=${e.name} class="table-row-actions__button" label=${e.tooltip ?? e.name} @click=${this.handleActionClick} ?loading=${!!e.options?.buttonProps?.loading} ?outline=${!!e.options?.buttonProps?.outline} variant=${
|
|
1431
|
+
return r`<cx-tooltip hoist content=${e.tooltip} ?disabled=${!e.tooltip?.trim()}><cx-button data-action=${e.name} class="table-row-actions__button" label=${e.tooltip ?? e.name} @click=${this.handleActionClick} ?loading=${!!e.options?.buttonProps?.loading} ?outline=${!!e.options?.buttonProps?.outline} variant=${E(e.options?.buttonProps?.variant)}><cx-icon name=${e.icon} style=${A(e.options?.iconStyle ?? {})}></cx-icon></cx-button></cx-tooltip>`;
|
|
1432
1432
|
}
|
|
1433
1433
|
renderDropdown(e) {
|
|
1434
1434
|
return r`<cx-table-row-actions-dropdown .action=${e} .row=${this.row} .cell=${this.cell}></cx-table-row-actions-dropdown>`;
|
|
@@ -1450,9 +1450,9 @@ var Bn = zn, Vn = class extends d {
|
|
|
1450
1450
|
}
|
|
1451
1451
|
static #e = this.styles = [h];
|
|
1452
1452
|
static #t = this.dependencies = {
|
|
1453
|
-
"cx-button":
|
|
1453
|
+
"cx-button": te,
|
|
1454
1454
|
"cx-dropdown": me,
|
|
1455
|
-
"cx-icon":
|
|
1455
|
+
"cx-icon": O,
|
|
1456
1456
|
"cx-menu": ge,
|
|
1457
1457
|
"cx-menu-item": _e
|
|
1458
1458
|
};
|
|
@@ -1502,19 +1502,19 @@ var Bn = zn, Vn = class extends d {
|
|
|
1502
1502
|
}
|
|
1503
1503
|
renderTriggerIcon() {
|
|
1504
1504
|
let { icon: e } = this.data;
|
|
1505
|
-
return e ? r`<cx-icon class="table-dropdown-filter__icon" slot="prefix" name=${
|
|
1505
|
+
return e ? r`<cx-icon class="table-dropdown-filter__icon" slot="prefix" name=${E(e.name)} src=${E(e.src)}></cx-icon>` : o;
|
|
1506
1506
|
}
|
|
1507
1507
|
render() {
|
|
1508
1508
|
let e = this.isIconOnly ? this.triggerText : void 0;
|
|
1509
|
-
return r`<div class="table-dropdown-filter"><cx-dropdown hoist><cx-button class=${
|
|
1509
|
+
return r`<div class="table-dropdown-filter"><cx-dropdown hoist><cx-button class=${w({
|
|
1510
1510
|
"table-dropdown-filter__trigger": !0,
|
|
1511
1511
|
"table-dropdown-filter__trigger--icon-alone": this.isIconAlone,
|
|
1512
1512
|
"table-dropdown-filter__trigger--icon-only": this.isIconOnly
|
|
1513
|
-
})} slot="trigger" label=${
|
|
1513
|
+
})} slot="trigger" label=${E(e)} title=${E(e)} ?caret=${this.showCaret} outline>${this.renderTriggerIcon()}${D(!this.isIconOnly, () => this.triggerText)}</cx-button><cx-menu @cx-select=${this.handleMenuSelect}>${this.renderMenuItems()}</cx-menu></cx-dropdown></div>`;
|
|
1514
1514
|
}
|
|
1515
1515
|
};
|
|
1516
1516
|
l([s({ type: Object }), u("design:type", Object)], Vn.prototype, "data", void 0), l([c(), u("design:type", String)], Vn.prototype, "activeOptionId", void 0), l([c(), u("design:type", typeof Record > "u" ? Object : Record)], Vn.prototype, "optionsMap", void 0), l([
|
|
1517
|
-
|
|
1517
|
+
C("data"),
|
|
1518
1518
|
u("design:type", Function),
|
|
1519
1519
|
u("design:paramtypes", []),
|
|
1520
1520
|
u("design:returntype", void 0)
|
|
@@ -1525,7 +1525,7 @@ var Hn = Vn, Un = class extends d {
|
|
|
1525
1525
|
}
|
|
1526
1526
|
static #e = this.styles = [h];
|
|
1527
1527
|
static #t = this.dependencies = {
|
|
1528
|
-
"cx-button":
|
|
1528
|
+
"cx-button": te,
|
|
1529
1529
|
"cx-dropdown": me,
|
|
1530
1530
|
"cx-menu": ge,
|
|
1531
1531
|
"cx-menu-item": _e
|
|
@@ -1550,27 +1550,27 @@ var Hn = Vn, Un = class extends d {
|
|
|
1550
1550
|
}
|
|
1551
1551
|
renderOption(e, t, n) {
|
|
1552
1552
|
let i = n === e;
|
|
1553
|
-
return r`<cx-menu-item class=${
|
|
1553
|
+
return r`<cx-menu-item class=${w({
|
|
1554
1554
|
"group-by-option": !0,
|
|
1555
1555
|
"group-by-option--selected": i
|
|
1556
1556
|
})} data-option-id=${e} type="checkbox" ?checked=${i}>${t}</cx-menu-item>`;
|
|
1557
1557
|
}
|
|
1558
1558
|
renderOffOption(e) {
|
|
1559
1559
|
let t = e === null;
|
|
1560
|
-
return r`<cx-menu-item class=${
|
|
1560
|
+
return r`<cx-menu-item class=${w({
|
|
1561
1561
|
"group-by-option": !0,
|
|
1562
1562
|
"group-by-option--selected": t
|
|
1563
1563
|
})} data-group-by-action="off" type="checkbox" ?checked=${t}>${this.localize.term("off")}</cx-menu-item>`;
|
|
1564
1564
|
}
|
|
1565
1565
|
render() {
|
|
1566
1566
|
let e = this.groupByOptionIdSet.has(this.groupByValue) ? this.groupByValue : null;
|
|
1567
|
-
return r`<cx-dropdown hoist class="header-actions__group-by"><cx-button slot="trigger" caret>${this.localize.term("groupBy")}</cx-button><cx-menu @cx-select=${this.handleMenuSelect}>${
|
|
1568
|
-
${
|
|
1567
|
+
return r`<cx-dropdown hoist class="header-actions__group-by"><cx-button slot="trigger" caret>${this.localize.term("groupBy")}</cx-button><cx-menu @cx-select=${this.handleMenuSelect}>${D(!this.groupByOptions.length, () => r`<cx-menu-item disabled=disabled>${this.localize.term("noDataAvailable")}</cx-menu-item>`)}
|
|
1568
|
+
${D(this.groupByOptions.length, () => this.renderOffOption(e))}
|
|
1569
1569
|
${pe(this.groupByOptions, (e) => e.id, (t) => this.renderOption(t.id, t.label, e))}</cx-menu></cx-dropdown>`;
|
|
1570
1570
|
}
|
|
1571
1571
|
};
|
|
1572
1572
|
l([
|
|
1573
|
-
|
|
1573
|
+
C("groupByOptions"),
|
|
1574
1574
|
u("design:type", Function),
|
|
1575
1575
|
u("design:paramtypes", []),
|
|
1576
1576
|
u("design:returntype", void 0)
|
|
@@ -1587,9 +1587,9 @@ var Wn = Un, Gn = class extends d {
|
|
|
1587
1587
|
}
|
|
1588
1588
|
static #e = this.styles = [h];
|
|
1589
1589
|
static #t = this.dependencies = {
|
|
1590
|
-
"cx-button":
|
|
1590
|
+
"cx-button": te,
|
|
1591
1591
|
"cx-dropdown": me,
|
|
1592
|
-
"cx-icon":
|
|
1592
|
+
"cx-icon": O,
|
|
1593
1593
|
"cx-menu": ge,
|
|
1594
1594
|
"cx-menu-item": _e
|
|
1595
1595
|
};
|
|
@@ -1630,9 +1630,9 @@ var Wn = Un, Gn = class extends d {
|
|
|
1630
1630
|
n && this.emit("cx-table-save-search-select", { detail: { id: n } });
|
|
1631
1631
|
}
|
|
1632
1632
|
render() {
|
|
1633
|
-
return r`<cx-dropdown hoist class="header-actions__saved-search"><cx-button slot="trigger" caret>${this.localize.term("savedSearches")}</cx-button><cx-menu @cx-select=${this.handleSavedSearchItemSelect}>${
|
|
1633
|
+
return r`<cx-dropdown hoist class="header-actions__saved-search"><cx-button slot="trigger" caret>${this.localize.term("savedSearches")}</cx-button><cx-menu @cx-select=${this.handleSavedSearchItemSelect}>${D(this.savedSearchItems.length === 0 && !this.loading, () => r`<cx-menu-item disabled=disabled>${this.localize.term("noSavedSearch")}</cx-menu-item>`)}
|
|
1634
1634
|
${pe(this.savedSearchItems, (e) => e.recordID, (e) => r`<cx-menu-item data-id=${e.recordID}><cx-icon name="search" slot="prefix"></cx-icon>${e.name}</cx-menu-item>`)}
|
|
1635
|
-
${
|
|
1635
|
+
${D(this.hasMore, () => r`<cx-button class="header-actions__saved-search__load-more" variant="text" @click=${this.handleLoadMore} ?loading=${this.loading}>${this.localize.term("more")}</cx-button>`)}</cx-menu></cx-dropdown>`;
|
|
1636
1636
|
}
|
|
1637
1637
|
};
|
|
1638
1638
|
l([s({
|
|
@@ -1651,7 +1651,7 @@ l([s({
|
|
|
1651
1651
|
attribute: "saved-search-page-number-param",
|
|
1652
1652
|
type: String
|
|
1653
1653
|
}), u("design:type", String)], Gn.prototype, "savedSearchPageNumberParam", void 0), l([c(), u("design:type", Number)], Gn.prototype, "totalCount", void 0), l([c(), u("design:type", Boolean)], Gn.prototype, "loading", void 0), l([c(), u("design:type", Number)], Gn.prototype, "currentPage", void 0), l([
|
|
1654
|
-
|
|
1654
|
+
C("savedSearchURL"),
|
|
1655
1655
|
u("design:type", Function),
|
|
1656
1656
|
u("design:paramtypes", []),
|
|
1657
1657
|
u("design:returntype", void 0)
|
|
@@ -1662,11 +1662,11 @@ var Kn = Gn, qn = i`:host{container-type:inline-size}.header{align-items:center;
|
|
|
1662
1662
|
}
|
|
1663
1663
|
static #e = this.styles = [h, qn];
|
|
1664
1664
|
static #t = this.dependencies = {
|
|
1665
|
-
"cx-button":
|
|
1665
|
+
"cx-button": te,
|
|
1666
1666
|
"cx-checkbox": fe,
|
|
1667
1667
|
"cx-dropdown": me,
|
|
1668
|
-
"cx-icon":
|
|
1669
|
-
"cx-icon-button":
|
|
1668
|
+
"cx-icon": O,
|
|
1669
|
+
"cx-icon-button": T,
|
|
1670
1670
|
"cx-input": he,
|
|
1671
1671
|
"cx-menu": ge,
|
|
1672
1672
|
"cx-menu-item": _e,
|
|
@@ -1714,10 +1714,10 @@ var Kn = Gn, qn = i`:host{container-type:inline-size}.header{align-items:center;
|
|
|
1714
1714
|
this.emit("cx-table-export", { detail: { type: "report" } });
|
|
1715
1715
|
}
|
|
1716
1716
|
renderSearch() {
|
|
1717
|
-
return r`<form class="search" id="search-form" @submit=${this.handleSearchSubmit}><cx-input class="search__input" placeholder=${this.localize.term("typeYourSearchHere")} value=${this.searchValue} clearable @cx-clear=${this.handleClearSearch}><cx-icon-button class=${
|
|
1717
|
+
return r`<form class="search" id="search-form" @submit=${this.handleSearchSubmit}><cx-input class="search__input" placeholder=${this.localize.term("typeYourSearchHere")} value=${this.searchValue} clearable @cx-clear=${this.handleClearSearch}><cx-icon-button class=${w({
|
|
1718
1718
|
search__icon: !0,
|
|
1719
1719
|
"search__icon--search": !0
|
|
1720
|
-
})} label=${this.localize.term("search")} name="search" slot="prefix" size="small" @click=${this.handleSearchSubmit}></cx-icon-button>${
|
|
1720
|
+
})} label=${this.localize.term("search")} name="search" slot="prefix" size="small" @click=${this.handleSearchSubmit}></cx-icon-button>${D(!this.noAdvancedSearch, () => r`<cx-tooltip slot="suffix" hoist content=${this.localize.term("advancedSearch")}><cx-icon-button class=${w({
|
|
1721
1721
|
search__icon: !0,
|
|
1722
1722
|
"search__icon--advanced-search": !0
|
|
1723
1723
|
})} name="tune" @click=${this.handleAdvancedSearchClick} size="small"></cx-icon-button></cx-tooltip>`)}</cx-input></form>`;
|
|
@@ -1732,22 +1732,22 @@ var Kn = Gn, qn = i`:host{container-type:inline-size}.header{align-items:center;
|
|
|
1732
1732
|
return r`<cx-table-group-by-dropdown .groupByOptions=${this.groupByOptions} group-by-value=${this.groupByValue}></cx-table-group-by-dropdown>`;
|
|
1733
1733
|
}
|
|
1734
1734
|
renderExportDropdown() {
|
|
1735
|
-
return r`<cx-dropdown hoist placement="bottom-end" distance="4" class="header-actions__dropdown"><cx-icon-button name="more_horiz" slot="trigger" outline></cx-icon-button><cx-menu>${
|
|
1736
|
-
${
|
|
1737
|
-
${
|
|
1738
|
-
${
|
|
1739
|
-
${
|
|
1735
|
+
return r`<cx-dropdown hoist placement="bottom-end" distance="4" class="header-actions__dropdown"><cx-icon-button name="more_horiz" slot="trigger" outline></cx-icon-button><cx-menu>${D(this.canExportCsv, () => r`<cx-menu-item @click=${this.handleExportCsv}>${this.localize.term("exportAsCsv")}</cx-menu-item>`)}
|
|
1736
|
+
${D(this.canExportXml, () => r`<cx-menu-item @click=${this.handleExportXml}>${this.localize.term("exportAsXml")}</cx-menu-item>`)}
|
|
1737
|
+
${D(this.canExportPdf, () => r`<cx-menu-item @click=${this.handleExportPdf}>${this.localize.term("exportAsPdf")}</cx-menu-item>`)}
|
|
1738
|
+
${D(this.canExportCustom, () => r`<cx-menu-item @click=${this.handleExportCustom}>${this.localize.term("customExport")}</cx-menu-item>`)}
|
|
1739
|
+
${D(this.canSaveReport, () => r`<cx-menu-item data-testid="save-report-menu-item" @click=${this.handleSaveReport}>${this.localize.term("saveReport")}</cx-menu-item>`)}</cx-menu></cx-dropdown>`;
|
|
1740
1740
|
}
|
|
1741
1741
|
renderDropdownFilters() {
|
|
1742
1742
|
return r`<cx-space align-items="center" spacing="x-small">${pe(this.dropdownFilters, (e) => e.id, (e) => r`<cx-table-dropdown-filter .data=${e}></cx-table-dropdown-filter>`)}</cx-space>`;
|
|
1743
1743
|
}
|
|
1744
1744
|
renderHeaderRow() {
|
|
1745
1745
|
let e = !!this.label || this.hasSlotController.test("label"), t = this.hasSlotController.test("pagination");
|
|
1746
|
-
return r`<div class=${
|
|
1746
|
+
return r`<div class=${w({
|
|
1747
1747
|
header: !0,
|
|
1748
1748
|
"header--has-label": e,
|
|
1749
1749
|
"header--has-pagination": t
|
|
1750
|
-
})}><div class="header__label"><slot name="label">${
|
|
1750
|
+
})}><div class="header__label"><slot name="label">${D(this.label, () => r`<cx-typography variant="h3">${this.label}</cx-typography>`)}</slot></div><div class="header__pagination"><slot name="pagination"></slot></div></div>`;
|
|
1751
1751
|
}
|
|
1752
1752
|
get hasHeaderActions() {
|
|
1753
1753
|
return this.selectAllState !== null || this.canSearch || this.dropdownFilters.length > 0 || this.showSavedSearch || this.hasAddAction || this.groupByOptions.length > 0 || this.canExportCsv || this.canExportXml || this.canExportPdf || this.canExportCustom || this.canSaveReport || this.hasDynamicFilter;
|
|
@@ -1757,16 +1757,16 @@ var Kn = Gn, qn = i`:host{container-type:inline-size}.header{align-items:center;
|
|
|
1757
1757
|
}
|
|
1758
1758
|
renderHeaderActions() {
|
|
1759
1759
|
let e = this.canExportCsv || this.canExportXml || this.canExportPdf || this.canExportCustom || this.canSaveReport;
|
|
1760
|
-
return r`<cx-space class="header-actions" justify-content="space-between" align-items="center"><cx-space class="header-actions__left" align-items="center" spacing="x-small">${
|
|
1761
|
-
${
|
|
1762
|
-
${
|
|
1763
|
-
${
|
|
1764
|
-
${
|
|
1765
|
-
${
|
|
1760
|
+
return r`<cx-space class="header-actions" justify-content="space-between" align-items="center"><cx-space class="header-actions__left" align-items="center" spacing="x-small">${D(this.selectAllState !== null, () => this.renderSelectAll())}
|
|
1761
|
+
${D(this.selectAllState !== null && this.selectAllState.count > 0, () => r`<slot name="select-all-actions"></slot>`, () => r`
|
|
1762
|
+
${D(this.canSearch, () => this.renderSearch())}
|
|
1763
|
+
${D(this.dropdownFilters.length, () => this.renderDropdownFilters())}
|
|
1764
|
+
${D(this.showSavedSearch, () => this.renderSavedSearchDropdown())}<slot name="dialog-dynamic-filter"></slot>`)}</cx-space><cx-space class="header-actions__right" align-items="center" spacing="x-small"><slot name="add-action">${D(this.canAdd, () => this.renderAddButton())}</slot>${D(this.groupByOptions.length, () => this.renderGroupByDropdown())}
|
|
1765
|
+
${D(e, () => this.renderExportDropdown())}</cx-space></cx-space>`;
|
|
1766
1766
|
}
|
|
1767
1767
|
render() {
|
|
1768
1768
|
return r`<cx-space class="container" direction="vertical">${this.renderHeaderRow()}
|
|
1769
|
-
${
|
|
1769
|
+
${D(this.hasHeaderActions, () => this.renderHeaderActions())}</cx-space>`;
|
|
1770
1770
|
}
|
|
1771
1771
|
};
|
|
1772
1772
|
l([f("#search-form"), u("design:type", typeof HTMLFormElement > "u" ? Object : HTMLFormElement)], V.prototype, "form", void 0), l([f(".search__input"), u("design:type", he === void 0 ? Object : he)], V.prototype, "searchInput", void 0), l([s({
|
|
@@ -2238,7 +2238,7 @@ var Jn = V, H = class {
|
|
|
2238
2238
|
n && n.classList.remove("tabulator-hover-menu--active");
|
|
2239
2239
|
}
|
|
2240
2240
|
createCxTableRowActions() {
|
|
2241
|
-
let e =
|
|
2241
|
+
let e = M(ir);
|
|
2242
2242
|
return e.classList.add("tabulator-hover-menu"), e;
|
|
2243
2243
|
}
|
|
2244
2244
|
layoutRow(t) {
|
|
@@ -2887,7 +2887,7 @@ var Mr = class e extends W {
|
|
|
2887
2887
|
this.generateElement(), this.setWidth(), this._configureCell();
|
|
2888
2888
|
}
|
|
2889
2889
|
generateElement() {
|
|
2890
|
-
if (this.element =
|
|
2890
|
+
if (this.element = M(Pr), this.element.setAttribute("role", this.table.options.cellRole ?? "gridcell"), this.column.modules.format?.cellClass) {
|
|
2891
2891
|
let e = this.column.modules.format?.cellClass;
|
|
2892
2892
|
e && e.split(/\s+/).filter(Boolean).forEach((e) => this.element.classList.add(e));
|
|
2893
2893
|
}
|
|
@@ -2927,7 +2927,7 @@ var Mr = class e extends W {
|
|
|
2927
2927
|
_generateContents() {
|
|
2928
2928
|
if (!this.element) return;
|
|
2929
2929
|
this.contentElement?.parentNode !== this.element && (this.contentElement = document.createElement("div"), this.contentElement.className = "tabulator-cell-content", this.element.appendChild(this.contentElement));
|
|
2930
|
-
let e = this.chain("cell-format", [this], null, () =>
|
|
2930
|
+
let e = this.chain("cell-format", [this], null, () => j(String(this.value ?? "")));
|
|
2931
2931
|
switch (typeof e) {
|
|
2932
2932
|
case "object":
|
|
2933
2933
|
if (e instanceof Node) {
|
|
@@ -2941,7 +2941,7 @@ var Mr = class e extends W {
|
|
|
2941
2941
|
default: {
|
|
2942
2942
|
for (; this.contentElement.firstChild;) this.contentElement.firstChild.remove();
|
|
2943
2943
|
let t = document.createElement("cx-line-clamp");
|
|
2944
|
-
t.lines = 1, Object.assign(t.style, this.getTextFormat()), t.innerHTML =
|
|
2944
|
+
t.lines = 1, Object.assign(t.style, this.getTextFormat()), t.innerHTML = j(String(e)), this.contentElement.appendChild(t);
|
|
2945
2945
|
}
|
|
2946
2946
|
}
|
|
2947
2947
|
}
|
|
@@ -3159,7 +3159,7 @@ var Mr = class e extends W {
|
|
|
3159
3159
|
case "undefined":
|
|
3160
3160
|
e.innerHTML = "";
|
|
3161
3161
|
break;
|
|
3162
|
-
default: e.innerHTML = `<cx-line-clamp lines="1">${
|
|
3162
|
+
default: e.innerHTML = `<cx-line-clamp lines="1">${j(String(n))}</cx-line-clamp>`;
|
|
3163
3163
|
}
|
|
3164
3164
|
}
|
|
3165
3165
|
_buildGroupHeader() {
|
|
@@ -3977,7 +3977,7 @@ var Mr = class e extends W {
|
|
|
3977
3977
|
initialize() {
|
|
3978
3978
|
if (this.table.options.dataTree) {
|
|
3979
3979
|
let e = null, t = this.table.options;
|
|
3980
|
-
switch (this.field = t.dataTreeChildField || "_children", this.indent = t.dataTreeChildIndent || 9, this.loadingField = t.dataTreeLoadingField || "loading", this.hasMoreField = t.dataTreeHasMoreField || "hasMore", this.options("movableRows") && ei && console.warn("The movableRows option is not available with dataTree enabled, moving of child rows could result in unpredictable behavior"), t.dataTreeBranchElement ? t.dataTreeBranchElement === !0 ? this.branchEl =
|
|
3980
|
+
switch (this.field = t.dataTreeChildField || "_children", this.indent = t.dataTreeChildIndent || 9, this.loadingField = t.dataTreeLoadingField || "loading", this.hasMoreField = t.dataTreeHasMoreField || "hasMore", this.options("movableRows") && ei && console.warn("The movableRows option is not available with dataTree enabled, moving of child rows could result in unpredictable behavior"), t.dataTreeBranchElement ? t.dataTreeBranchElement === !0 ? this.branchEl = M(Xr) : typeof t.dataTreeBranchElement == "string" ? (e = document.createElement("div"), e.innerHTML = j(t.dataTreeBranchElement), this.branchEl = e.firstChild) : this.branchEl = t.dataTreeBranchElement : this.branchEl = M(Zr), t.dataTreeCollapseElement ? typeof t.dataTreeCollapseElement == "string" ? (e = document.createElement("div"), e.innerHTML = j(t.dataTreeCollapseElement), this.collapseEl = e.firstChild) : this.collapseEl = t.dataTreeCollapseElement : this.collapseEl = M(qr), t.dataTreeExpandElement ? typeof t.dataTreeExpandElement == "string" ? (e = document.createElement("div"), e.innerHTML = j(t.dataTreeExpandElement), this.expandEl = e.firstChild) : this.expandEl = t.dataTreeExpandElement : this.expandEl = M(Jr), typeof t.dataTreeStartExpanded) {
|
|
3981
3981
|
case "boolean":
|
|
3982
3982
|
this.startOpen = function() {
|
|
3983
3983
|
return t.dataTreeStartExpanded;
|
|
@@ -4063,7 +4063,7 @@ var Mr = class e extends W {
|
|
|
4063
4063
|
i.addEventListener("mousedown", (e) => {
|
|
4064
4064
|
e.stopPropagation();
|
|
4065
4065
|
});
|
|
4066
|
-
} else i =
|
|
4066
|
+
} else i = M(Yr);
|
|
4067
4067
|
i.style.setProperty("margin-inline-end", `${this.indent}px`), i.style.setProperty("margin-inline-start", "0px"), e.modules.dataTree.controlEl = i, r && r.parentNode === t ? r.parentNode.replaceChild(i, r) : t.insertBefore(i, t.firstChild);
|
|
4068
4068
|
}
|
|
4069
4069
|
}
|
|
@@ -4109,7 +4109,7 @@ var Mr = class e extends W {
|
|
|
4109
4109
|
generateLoadMoreButton({ childLevel: e, parentRow: t }) {
|
|
4110
4110
|
let n = new Kr({ id: "load-more" }, this.table.rowManager);
|
|
4111
4111
|
n.create(), n.modules.dataTree.index = e, n.modules.dataTree.parent = t, n.modules.dataTree.children = !1, n.modules.dataTree.open = !0;
|
|
4112
|
-
let r =
|
|
4112
|
+
let r = M(Qr);
|
|
4113
4113
|
return n.getElement()?.classList.add("tabulator-tree-level-" + e), n.element.appendChild(r), r.style.setProperty("--tabulator-tree-level", String(e + 1)), r.style.setProperty("--tabulator-tree-child-indent", `${this.indent}px`), r.style.setProperty("margin-inline-start", `calc(${e + 1} * var(--tabulator-tree-step))`), r.addEventListener("click", () => {
|
|
4114
4114
|
this.dispatchExternal("dataTreeLoadMore", t.getComponent(), t.modules.dataTree.index);
|
|
4115
4115
|
}), n;
|
|
@@ -4117,7 +4117,7 @@ var Mr = class e extends W {
|
|
|
4117
4117
|
generateLoadingRow({ childLevel: e, parentRow: t }) {
|
|
4118
4118
|
let n = new Kr({ id: "loading" }, this.table.rowManager);
|
|
4119
4119
|
n.create(), n.modules.dataTree.index = e, n.modules.dataTree.parent = t, n.modules.dataTree.children = !1, n.modules.dataTree.open = !0;
|
|
4120
|
-
let r =
|
|
4120
|
+
let r = M($r);
|
|
4121
4121
|
return n.element.appendChild(r), n.getElement()?.classList.add("tabulator-tree-level-" + e), r.style.setProperty("--tabulator-tree-level", String(e + 1)), r.style.setProperty("--tabulator-tree-child-indent", `${this.indent}px`), r.style.setProperty("margin-inline-start", `calc(${e + 1} * var(--tabulator-tree-step))`), n;
|
|
4122
4122
|
}
|
|
4123
4123
|
expandRow(e, t) {
|
|
@@ -4700,7 +4700,7 @@ function Oi(e, t, n) {
|
|
|
4700
4700
|
//#region ../../packages/hybrid/table-core/src/tabulator-tables/modules/Format/defaults/formatters/avatar.ts
|
|
4701
4701
|
function ki(e, t) {
|
|
4702
4702
|
let n = t ?? {}, i = e.getValue(), a = i != null && i !== "", o = !!n.initials;
|
|
4703
|
-
return !a && !o ? "" :
|
|
4703
|
+
return !a && !o ? "" : M(r`<cx-avatar image=${E(a ? String(i) : void 0)} initials=${E(n.initials)} label=${E(n.label)} shape=${E(n.shape)} style="--size: ${n.size ?? "2rem"}"></cx-avatar>`);
|
|
4704
4704
|
}
|
|
4705
4705
|
//#endregion
|
|
4706
4706
|
//#region ../../packages/hybrid/table-core/src/tabulator-tables/modules/Format/defaults/formatters/buttonCross.ts
|
|
@@ -4725,7 +4725,7 @@ function Ni(e) {
|
|
|
4725
4725
|
//#region ../../packages/hybrid/table-core/src/tabulator-tables/modules/Format/defaults/formatters/composite.ts
|
|
4726
4726
|
var Pi = r`<span style="display: inline-flex; align-items: center;"></span>`;
|
|
4727
4727
|
function Fi({ spacing: e, style: t }) {
|
|
4728
|
-
let n =
|
|
4728
|
+
let n = M(Pi);
|
|
4729
4729
|
return e && (n.style.margin = e), t && Object.assign(n.style, t), n;
|
|
4730
4730
|
}
|
|
4731
4731
|
function Ii(e, t, n) {
|
|
@@ -4771,7 +4771,7 @@ function Bi(e, t, n) {
|
|
|
4771
4771
|
return t.valueMap && (r = t.valueMap[String(r)] ?? r), !Ri(r);
|
|
4772
4772
|
});
|
|
4773
4773
|
if (Ri(s) && !c && t.placeholder !== void 0) return Ii.call(this, e, t, n);
|
|
4774
|
-
let l = e.getRow(), { align: u, block: d, containerStyle: f, direction: p, gap: m, justifyContent: h, wrap: g } = t, _ = r`<cx-space class="tabulator-composite" style=${
|
|
4774
|
+
let l = e.getRow(), { align: u, block: d, containerStyle: f, direction: p, gap: m, justifyContent: h, wrap: g } = t, _ = r`<cx-space class="tabulator-composite" style=${A(f ?? {})} align-items=${u ?? "center"} ?block=${d} direction=${E(p)} justify-content=${E(h)} spacing=${m ?? "3x-small"} wrap=${g ?? "nowrap"}></cx-space>`, v = M(_), y = [];
|
|
4775
4775
|
if (t.elements.forEach((t) => {
|
|
4776
4776
|
let r = zi({
|
|
4777
4777
|
cell: e,
|
|
@@ -4828,7 +4828,7 @@ function Vi(e) {
|
|
|
4828
4828
|
}
|
|
4829
4829
|
function Hi(e, t) {
|
|
4830
4830
|
let n = t ?? {}, i = Vi(e.getValue());
|
|
4831
|
-
return i === void 0 ? "" :
|
|
4831
|
+
return i === void 0 ? "" : M(r`<cx-format-date date=${i.toISOString()} weekday=${E(n.weekday)} era=${E(n.era)} year=${E(n.year)} month=${E(n.month)} day=${E(n.day)} hour=${E(n.hour)} minute=${E(n.minute)} second=${E(n.second)} time-zone-name=${E(n.timeZoneName)} time-zone=${E(n.timeZone)} hour-format=${E(n.hourFormat)} ?no-datetime-separator=${n.noDatetimeSeparator ?? !1}></cx-format-date>`);
|
|
4832
4832
|
}
|
|
4833
4833
|
//#endregion
|
|
4834
4834
|
//#region ../../packages/hybrid/table-core/src/tabulator-tables/modules/Format/defaults/formatters/datetime.ts
|
|
@@ -4858,8 +4858,8 @@ function qi(e, t) {
|
|
|
4858
4858
|
return e == null ? "" : Array.isArray(e) ? e.join(t) : String(e);
|
|
4859
4859
|
}
|
|
4860
4860
|
function Ji(e, t) {
|
|
4861
|
-
let n = t ?? {}, i = n.arraySeparator ?? ", ", a = (t) => typeof t == "function" ? t(e) : t, o = qi(a(n.newValue) ?? e.getValue(), i), s = qi(a(n.oldValue) ?? "", i), c =
|
|
4862
|
-
return
|
|
4861
|
+
let n = t ?? {}, i = n.arraySeparator ?? ", ", a = (t) => typeof t == "function" ? t(e) : t, o = qi(a(n.newValue) ?? e.getValue(), i), s = qi(a(n.oldValue) ?? "", i), c = re(s), l = re(o), u = c && l ? `${c} ${l}` : l || c;
|
|
4862
|
+
return M(r`<cx-line-clamp lines="1" clamped-tooltip=${u}><cx-diff old-value=${s} new-value=${o}></cx-diff></cx-line-clamp>`);
|
|
4863
4863
|
}
|
|
4864
4864
|
//#endregion
|
|
4865
4865
|
//#region ../../packages/hybrid/table-core/src/tabulator-tables/modules/Format/defaults/formatters/handle.ts
|
|
@@ -4878,7 +4878,7 @@ var Zi = r`<cx-icon></cx-icon>`;
|
|
|
4878
4878
|
function Qi(e, t) {
|
|
4879
4879
|
let n = e.getValue(), r = t ?? {}, i;
|
|
4880
4880
|
if (i = r.getIcon ? r.getIcon(n) : typeof r.icon == "function" ? r.icon(n) : r.iconMap ? r.iconMap[n] : r.icon ? r.icon : n ? String(n) : void 0, !i) return;
|
|
4881
|
-
let a =
|
|
4881
|
+
let a = M(Zi);
|
|
4882
4882
|
if (a.name = i, r.size !== void 0) switch (typeof r.size) {
|
|
4883
4883
|
case "number":
|
|
4884
4884
|
a.style.setProperty("--font-size", `${r.size}px`);
|
|
@@ -4893,7 +4893,7 @@ var $i = r`<div style="display: flex; align-items: center; justify-content: cent
|
|
|
4893
4893
|
function ea(e, t) {
|
|
4894
4894
|
let n = e.getValue();
|
|
4895
4895
|
if (!n) return null;
|
|
4896
|
-
let r =
|
|
4896
|
+
let r = M($i), i = r.querySelector("img"), a = t ?? {};
|
|
4897
4897
|
switch (a.urlPrefix && (n = a.urlPrefix + e.getValue()), a.urlSuffix && (n += a.urlSuffix), i.setAttribute("src", String(n)), i.setAttribute("alt", typeof a.alt == "string" ? a.alt : ""), typeof a.height) {
|
|
4898
4898
|
case "number":
|
|
4899
4899
|
r.style.height = a.height + "px";
|
|
@@ -4956,8 +4956,8 @@ function ia(e, t, n) {
|
|
|
4956
4956
|
"mailto:",
|
|
4957
4957
|
"tel:",
|
|
4958
4958
|
""
|
|
4959
|
-
].includes(u.protocol) || n.startsWith("#") ? c.setAttribute("href", n) : (ra && console.warn("Link formatter blocked potentially unsafe URL:", n), c.setAttribute("href", "#")), t.target && c.setAttribute("target", t.target), t.rel && c.setAttribute("rel", t.rel), t.download && (o = typeof o == "function" ? o(e) : o === !0 ? "" : o, c.setAttribute("download", String(o))), c.innerHTML =
|
|
4960
|
-
let d =
|
|
4959
|
+
].includes(u.protocol) || n.startsWith("#") ? c.setAttribute("href", n) : (ra && console.warn("Link formatter blocked potentially unsafe URL:", n), c.setAttribute("href", "#")), t.target && c.setAttribute("target", t.target), t.rel && c.setAttribute("rel", t.rel), t.download && (o = typeof o == "function" ? o(e) : o === !0 ? "" : o, c.setAttribute("download", String(o))), c.innerHTML = ie(j(s));
|
|
4960
|
+
let d = M(r`<cx-line-clamp lines="1"></cx-line-clamp>`);
|
|
4961
4961
|
return d.appendChild(c), d;
|
|
4962
4962
|
}
|
|
4963
4963
|
return "\xA0";
|
|
@@ -4973,7 +4973,7 @@ function oa(e, t, n) {
|
|
|
4973
4973
|
//#region ../../packages/hybrid/table-core/src/tabulator-tables/modules/Format/defaults/formatters/money.ts
|
|
4974
4974
|
function sa(e, t, n) {
|
|
4975
4975
|
let r = parseFloat(e.getValue()), i = "", a, o, s, c, l = t.decimal || ".", u = t.thousand || ",", d = t.negativeSign || "-", f = t.symbol || "", p = !!t.symbolAfter, m = t.precision === void 0 ? 2 : t.precision;
|
|
4976
|
-
if (isNaN(r)) return
|
|
4976
|
+
if (isNaN(r)) return ie(j(ne(e.getValue())));
|
|
4977
4977
|
r < 0 && (r = Math.abs(r), i = d), a = m === !1 ? String(r) : r.toFixed(m), a = String(a).split("."), o = a[0];
|
|
4978
4978
|
let h = a.length > 1 ? l + a[1] : "";
|
|
4979
4979
|
if (t.thousand !== !1) for (s = /(\d+)(\d{3})/; s.test(o);) o = o.replace(s, "$1" + u + "$2");
|
|
@@ -4987,7 +4987,7 @@ function la(e, t) {
|
|
|
4987
4987
|
if (n == null || n === "") return;
|
|
4988
4988
|
let r = Number(n);
|
|
4989
4989
|
if (Number.isNaN(r)) return;
|
|
4990
|
-
let i = t ?? {}, a =
|
|
4990
|
+
let i = t ?? {}, a = M(ca);
|
|
4991
4991
|
a.value = r;
|
|
4992
4992
|
for (let e of Object.keys(i)) {
|
|
4993
4993
|
let t = i[e];
|
|
@@ -4998,15 +4998,15 @@ function la(e, t) {
|
|
|
4998
4998
|
//#endregion
|
|
4999
4999
|
//#region ../../packages/hybrid/table-core/src/tabulator-tables/modules/Format/defaults/formatters/plaintext.ts
|
|
5000
5000
|
function ua(e, t) {
|
|
5001
|
-
let n =
|
|
5001
|
+
let n = ie(j(ne(e.getValue()))), i = t ?? {};
|
|
5002
5002
|
i.prefix && (n = i.prefix + n), i.suffix && (n += i.suffix);
|
|
5003
|
-
let a = r`<cx-line-clamp lines="1"><span style=${
|
|
5004
|
-
return
|
|
5003
|
+
let a = r`<cx-line-clamp lines="1"><span style=${A(i.style ?? {})}>${n}</span></cx-line-clamp>`;
|
|
5004
|
+
return M(a);
|
|
5005
5005
|
}
|
|
5006
5006
|
//#endregion
|
|
5007
5007
|
//#region ../../packages/hybrid/table-core/src/tabulator-tables/modules/Format/defaults/formatters/progress.ts
|
|
5008
5008
|
function da(e, t = {}, n) {
|
|
5009
|
-
let r =
|
|
5009
|
+
let r = j(e.getValue()) || 0, i = e.getElement(), a = t.max ? t.max : 100, o = t.min ? t.min : 0, s = t.legendAlign ? t.legendAlign : "center", c, l, u = !1, d;
|
|
5010
5010
|
c = parseFloat(String(r)) <= a ? parseFloat(String(r)) : a, c = parseFloat(String(c)) >= o ? parseFloat(String(c)) : o;
|
|
5011
5011
|
let f = a - o;
|
|
5012
5012
|
if (f <= 0) c = 0;
|
|
@@ -5062,7 +5062,7 @@ function da(e, t = {}, n) {
|
|
|
5062
5062
|
let m = document.createElement("div");
|
|
5063
5063
|
m.style.position = "relative", m.style.width = "100%", m.style.height = "100%";
|
|
5064
5064
|
let h;
|
|
5065
|
-
return u && (h = document.createElement("div"), h.style.position = "absolute", h.style.top = "0", h.style.left = "0", h.style.textAlign = s, h.style.width = "100%", h.style.color = d, h.innerHTML =
|
|
5065
|
+
return u && (h = document.createElement("div"), h.style.position = "absolute", h.style.top = "0", h.style.left = "0", h.style.textAlign = s, h.style.width = "100%", h.style.color = d, h.innerHTML = j(String(u))), n(() => {
|
|
5066
5066
|
if (!i) return;
|
|
5067
5067
|
let t;
|
|
5068
5068
|
if (e instanceof Nr) t = e.getContentElement();
|
|
@@ -5141,7 +5141,7 @@ function ba(e, t) {
|
|
|
5141
5141
|
let t = document.createElement("span");
|
|
5142
5142
|
return t.textContent = String(e.getValue() ?? ""), t;
|
|
5143
5143
|
}
|
|
5144
|
-
let n =
|
|
5144
|
+
let n = M(ha), { offValue: r, onValue: i } = ga(t);
|
|
5145
5145
|
return t.size && (n.size = t.size), n.disabled = (typeof t.disabled == "function" ? t.disabled : () => !1)(e), ya(n, e, i, r), n;
|
|
5146
5146
|
}
|
|
5147
5147
|
//#endregion
|
|
@@ -5155,18 +5155,18 @@ function Sa(e, t) {
|
|
|
5155
5155
|
removable: !1,
|
|
5156
5156
|
size: "medium",
|
|
5157
5157
|
variant: "neutral"
|
|
5158
|
-
}, i =
|
|
5158
|
+
}, i = M(xa);
|
|
5159
5159
|
return Object.assign(i, r), i.textContent = t?.getTagContent?.(n) ?? t?.tagContentMap?.[n] ?? String(n), i;
|
|
5160
5160
|
}
|
|
5161
5161
|
//#endregion
|
|
5162
5162
|
//#region ../../packages/hybrid/table-core/src/tabulator-tables/modules/Format/defaults/formatters/textarea.ts
|
|
5163
5163
|
function Ca(e) {
|
|
5164
|
-
return
|
|
5164
|
+
return ie(j(ne(e.getValue())));
|
|
5165
5165
|
}
|
|
5166
5166
|
//#endregion
|
|
5167
5167
|
//#region ../../packages/hybrid/table-core/src/tabulator-tables/modules/Format/defaults/formatters/tickCross.ts
|
|
5168
5168
|
function wa(e, t, n) {
|
|
5169
|
-
let r = e.getValue(), i = e.getElement(), a = t.allowEmpty, o = t.allowTruthy, s = Object.prototype.hasOwnProperty.call(t, "trueValue"), c = (typeof t.tickElement == "string" ?
|
|
5169
|
+
let r = e.getValue(), i = e.getElement(), a = t.allowEmpty, o = t.allowTruthy, s = Object.prototype.hasOwnProperty.call(t, "trueValue"), c = (typeof t.tickElement == "string" ? j(t.tickElement) : t.tickElement) ?? "<svg enable-background=\"new 0 0 24 24\" height=\"14\" width=\"14\" viewBox=\"0 0 24 24\" xml:space=\"preserve\" role=\"img\" aria-label=\"true\" ><path fill=\"#2DC214\" clip-rule=\"evenodd\" d=\"M21.652,3.211c-0.293-0.295-0.77-0.295-1.061,0L9.41,14.34 c-0.293,0.297-0.771,0.297-1.062,0L3.449,9.351C3.304,9.203,3.114,9.13,2.923,9.129C2.73,9.128,2.534,9.201,2.387,9.351 l-2.165,1.946C0.078,11.445,0,11.63,0,11.823c0,0.194,0.078,0.397,0.223,0.544l4.94,5.184c0.292,0.296,0.771,0.776,1.062,1.07 l2.124,2.141c0.292,0.293,0.769,0.293,1.062,0l14.366-14.34c0.293-0.294,0.293-0.777,0-1.071L21.652,3.211z\" fill-rule=\"evenodd\"/></svg>", l = (typeof t.crossElement == "string" ? j(t.crossElement) : t.crossElement) ?? "<svg enable-background=\"new 0 0 24 24\" height=\"14\" width=\"14\" viewBox=\"0 0 24 24\" xml:space=\"preserve\" role=\"img\" aria-label=\"false\" ><path fill=\"#CE1515\" d=\"M22.245,4.015c0.313,0.313,0.313,0.826,0,1.139l-6.276,6.27c-0.313,0.312-0.313,0.826,0,1.14l6.273,6.272 c0.313,0.313,0.313,0.826,0,1.14l-2.285,2.277c-0.314,0.312-0.828,0.312-1.142,0l-6.271-6.271c-0.313-0.313-0.828-0.313-1.141,0 l-6.276,6.267c-0.313,0.313-0.828,0.313-1.141,0l-2.282-2.28c-0.313-0.313-0.313-0.826,0-1.14l6.278-6.269 c0.313-0.312,0.313-0.826,0-1.14L1.709,5.147c-0.314-0.313-0.314-0.827,0-1.14l2.284-2.278C4.308,1.417,4.821,1.417,5.135,1.73 L11.405,8c0.314,0.314,0.828,0.314,1.141,0.001l6.276-6.267c0.312-0.312,0.826-0.312,1.141,0L22.245,4.015z\"/></svg>";
|
|
5170
5170
|
return s && r === t.trueValue || !s && (o && r || r === !0 || r === "true" || r === "True" || r === 1 || r === "1") ? (i && i.setAttribute("aria-checked", "true"), c || "") : a && (r === "null" || r === "" || r == null) ? (i && i.setAttribute("aria-checked", "mixed"), "") : (i && i.setAttribute("aria-checked", "false"), l || "");
|
|
5171
5171
|
}
|
|
5172
5172
|
//#endregion
|
|
@@ -5190,7 +5190,7 @@ function Da(e) {
|
|
|
5190
5190
|
}
|
|
5191
5191
|
function Oa(e, t) {
|
|
5192
5192
|
let n = Ea(t ?? {}, e), i = Ta(e.getValue()), a = Da(n);
|
|
5193
|
-
return
|
|
5193
|
+
return M(r`<cx-format-time .duration=${i} display-style=${E(n.displayStyle)} input-unit=${E(n.inputUnit)} locale=${E(n.locale)} placeholder=${E(n.placeholder)} units-format=${E(n.unitsFormat)} style=${A(a)}></cx-format-time>`);
|
|
5194
5194
|
}
|
|
5195
5195
|
//#endregion
|
|
5196
5196
|
//#region ../../packages/hybrid/table-core/src/tabulator-tables/modules/Format/defaults/formatters/toggle.ts
|
|
@@ -5212,7 +5212,7 @@ var Aa = r`<span class="tabulator-traffic-light-container"><span class="tabulato
|
|
|
5212
5212
|
function ja(e, t, n, r) {
|
|
5213
5213
|
let i = e.getValue();
|
|
5214
5214
|
if (i == null || i === "") return;
|
|
5215
|
-
let a =
|
|
5215
|
+
let a = M(Aa), o = t?.getColor?.(i) ?? t?.colorMap?.[i];
|
|
5216
5216
|
if (o) {
|
|
5217
5217
|
let e = a.querySelector(".tabulator-traffic-light");
|
|
5218
5218
|
e && (e.style.backgroundColor = o);
|
|
@@ -5227,7 +5227,7 @@ function Ma(e, t) {
|
|
|
5227
5227
|
if (n == null || n === "") return;
|
|
5228
5228
|
let i = t ?? {}, a;
|
|
5229
5229
|
i.getVariant && (a = i.getVariant(n)), !a && i.variantMap && (a = i.variantMap[n]), !a && i.variant && (a = i.variant), a ??= le.Body1;
|
|
5230
|
-
let o = r`<cx-line-clamp lines="1"><cx-typography style=${
|
|
5230
|
+
let o = r`<cx-line-clamp lines="1"><cx-typography style=${A(i.style ?? {})}></cx-typography></cx-line-clamp>`, s = M(o), c = s.querySelector("cx-typography");
|
|
5231
5231
|
c.variant = a;
|
|
5232
5232
|
let l = String(n);
|
|
5233
5233
|
return i.prefix && (l = i.prefix + l), i.suffix && (l += i.suffix), c.textContent = l, s;
|
|
@@ -5408,10 +5408,10 @@ var Pa = class e extends W {
|
|
|
5408
5408
|
let { prefixElement: e } = this.params;
|
|
5409
5409
|
if (!e) return null;
|
|
5410
5410
|
let t;
|
|
5411
|
-
return t = typeof e == "string" ?
|
|
5411
|
+
return t = typeof e == "string" ? ae(e) : e, t && (t.slot = "prefix"), t;
|
|
5412
5412
|
}
|
|
5413
5413
|
_createSelectElement() {
|
|
5414
|
-
let { autocomplete: e, clearable: t, fallbackOption: n, freeWidth: i, placeholder: a } = this.params, o = r`<cx-select style="width: 100%; margin: auto;" hoist ?clearable=${t} ?free-width=${i ?? !1} placeholder=${
|
|
5414
|
+
let { autocomplete: e, clearable: t, fallbackOption: n, freeWidth: i, placeholder: a } = this.params, o = r`<cx-select style="width: 100%; margin: auto;" hoist ?clearable=${t} ?free-width=${i ?? !1} placeholder=${E(a)}></cx-select>`, s = M(o);
|
|
5415
5415
|
n?.value != null && (s.fallbackOptionValue = this.sanitizeValue(n.value));
|
|
5416
5416
|
let c = this.createPrefixElement();
|
|
5417
5417
|
return c && s.prepend(c), e || (s.style.cursor = "default", s.style.caretColor = "transparent"), this._bindInputEvents(s), s;
|
|
@@ -5629,7 +5629,7 @@ var Pa = class e extends W {
|
|
|
5629
5629
|
}
|
|
5630
5630
|
}
|
|
5631
5631
|
_appendDivider() {
|
|
5632
|
-
let e =
|
|
5632
|
+
let e = M(La);
|
|
5633
5633
|
this.input.appendChild(e);
|
|
5634
5634
|
}
|
|
5635
5635
|
_appendSectionLabel(e) {
|
|
@@ -5639,12 +5639,12 @@ var Pa = class e extends W {
|
|
|
5639
5639
|
_appendLeafOption(e) {
|
|
5640
5640
|
let t = e.element;
|
|
5641
5641
|
if (!t) {
|
|
5642
|
-
t =
|
|
5642
|
+
t = M(Ia), t.getTextLabel = () => e.label, t.value = this.sanitizeValue(e.value);
|
|
5643
5643
|
let n = this.formatItemLabel(e, t);
|
|
5644
|
-
n && typeof n == "object" && "nodeType" in n && n instanceof HTMLElement ? t.appendChild(n) : t.innerHTML =
|
|
5644
|
+
n && typeof n == "object" && "nodeType" in n && n instanceof HTMLElement ? t.appendChild(n) : t.innerHTML = j(String(n || ""));
|
|
5645
5645
|
let r = this.params.fallbackOption?.prefix;
|
|
5646
5646
|
if (e.isFallbackOption && r) {
|
|
5647
|
-
let e =
|
|
5647
|
+
let e = ae(`<div style="display: inline-flex" slot="prefix">${j(r)}</div>`);
|
|
5648
5648
|
e && t.prepend(e);
|
|
5649
5649
|
}
|
|
5650
5650
|
t.classList.add("tabulator-edit-list-item", "tabulator-edit-list-group-level-" + e.level), e.element = t;
|
|
@@ -6177,7 +6177,7 @@ var Pa = class e extends W {
|
|
|
6177
6177
|
if (e.column.definition.editor !== "list") return;
|
|
6178
6178
|
let t = e.getElement(!0);
|
|
6179
6179
|
if (!t || t.classList.contains("tabulator-editing") || t.querySelector(`.${Ya}`)) return;
|
|
6180
|
-
let n =
|
|
6180
|
+
let n = M(Xa);
|
|
6181
6181
|
n.addEventListener("mousedown", (e) => {
|
|
6182
6182
|
e.preventDefault(), e.stopPropagation();
|
|
6183
6183
|
}), n.addEventListener("click", (n) => {
|
|
@@ -6466,7 +6466,7 @@ var Pa = class e extends W {
|
|
|
6466
6466
|
return e.columns.forEach((e) => {
|
|
6467
6467
|
if (e?.component && "_column" in e.component) {
|
|
6468
6468
|
let t = document.createElement("th"), n = e.component._column.definition.cssClass ? e.component._column.definition.cssClass.split(" ") : [];
|
|
6469
|
-
t.colSpan = e.width, t.rowSpan = e.height, t.innerHTML =
|
|
6469
|
+
t.colSpan = e.width, t.rowSpan = e.height, t.innerHTML = j(String(e.value)), this.cloneTableStyle && (t.style.boxSizing = "border-box"), n.forEach((e) => {
|
|
6470
6470
|
t.classList.add(e);
|
|
6471
6471
|
});
|
|
6472
6472
|
let i = e.component.getElement();
|
|
@@ -6507,7 +6507,7 @@ var Pa = class e extends W {
|
|
|
6507
6507
|
}
|
|
6508
6508
|
generateGroupElement(e, t, n) {
|
|
6509
6509
|
let r = document.createElement("tr"), i = document.createElement("td"), a = e.columns[0];
|
|
6510
|
-
return a ? (r.classList.add("tabulator-print-table-row"), t.groupHeader && Array.isArray(t.groupHeader) && t.groupHeader[e.indent] ? a.value = t.groupHeader[e.indent](a.value, e.component?._group?.getRowCount() || 0, e.component?._group?.getData() || {}, e.component || {}) : t.groupHeader !== !1 && e.component && e.component?._group && (a.value = e.component._group.generator(a.value, e.component._group.getRowCount(), e.component._group.getData(), e.component)), i.colSpan = a.width, i.innerHTML =
|
|
6510
|
+
return a ? (r.classList.add("tabulator-print-table-row"), t.groupHeader && Array.isArray(t.groupHeader) && t.groupHeader[e.indent] ? a.value = t.groupHeader[e.indent](a.value, e.component?._group?.getRowCount() || 0, e.component?._group?.getData() || {}, e.component || {}) : t.groupHeader !== !1 && e.component && e.component?._group && (a.value = e.component._group.generator(a.value, e.component._group.getRowCount(), e.component._group.getData(), e.component)), i.colSpan = a.width, i.innerHTML = j(String(a.value)), r.classList.add("tabulator-print-table-group", "tabulator-group-level-" + e.indent), a.component && a.component.isVisible() && r.classList.add("tabulator-group-visible"), this.mapElementStyles(n.firstGroup, r, [
|
|
6511
6511
|
"border-top",
|
|
6512
6512
|
"border-left",
|
|
6513
6513
|
"border-right",
|
|
@@ -6587,7 +6587,7 @@ var Pa = class e extends W {
|
|
|
6587
6587
|
break;
|
|
6588
6588
|
case "undefined": u = "";
|
|
6589
6589
|
}
|
|
6590
|
-
u instanceof Node ? o.appendChild(u) : o.innerHTML =
|
|
6590
|
+
u instanceof Node ? o.appendChild(u) : o.innerHTML = j(String(u));
|
|
6591
6591
|
let p = [
|
|
6592
6592
|
"padding-top",
|
|
6593
6593
|
"padding-left",
|
|
@@ -7571,7 +7571,7 @@ var q = process.env.NODE_ENV === "development", zo = class e extends W {
|
|
|
7571
7571
|
this.element = !1, this.arrowElement = !1, this.elementContents = !1, this.heightInitialized = !1, this._loadMoreRow = !1, this._loadMoreStateKey = "";
|
|
7572
7572
|
}
|
|
7573
7573
|
createElements() {
|
|
7574
|
-
this.element = document.createElement("div"), this.element.classList.add("tabulator-row"), this.element.classList.add("tabulator-group"), this.element.classList.add("tabulator-group-level-" + this.level), this.element.setAttribute("role", this.groupManager.table.options.rowGroupRole ?? "rowgroup"), this.arrowElement =
|
|
7574
|
+
this.element = document.createElement("div"), this.element.classList.add("tabulator-row"), this.element.classList.add("tabulator-group"), this.element.classList.add("tabulator-group-level-" + this.level), this.element.setAttribute("role", this.groupManager.table.options.rowGroupRole ?? "rowgroup"), this.arrowElement = M(Go), this.groupManager.table.options.movableRows !== !1 && this.groupManager.table.modExists("moveRow") && this.groupManager.table.modules.moveRow.initializeGroupHeader(this);
|
|
7575
7575
|
}
|
|
7576
7576
|
createValueGroups() {
|
|
7577
7577
|
let e = this.level + 1;
|
|
@@ -7619,7 +7619,7 @@ var q = process.env.NODE_ENV === "development", zo = class e extends W {
|
|
|
7619
7619
|
e.parentElement !== n && e.remove();
|
|
7620
7620
|
});
|
|
7621
7621
|
let e = n.querySelector(".tabulator-group-level-indent");
|
|
7622
|
-
e || (e =
|
|
7622
|
+
e || (e = M(Ko), n.insertBefore(e, n.firstChild)), this.applyGroupIndent(e, (this.level + 1) * (this.groupManager.table.options.groupIndent ?? 36)), e.dataset.groupLevel = this.level.toString();
|
|
7623
7623
|
}
|
|
7624
7624
|
}
|
|
7625
7625
|
insertRow(e, t, n) {
|
|
@@ -7663,10 +7663,10 @@ var q = process.env.NODE_ENV === "development", zo = class e extends W {
|
|
|
7663
7663
|
if (!e?.hasMore || !n) return this._loadMoreRow = !1, !1;
|
|
7664
7664
|
let r = new Kr({ id: `group-load-more:${this.getPathKey()}` }, n), i = (this.level + 1) * (this.groupManager.table.options.groupIndent ?? 36);
|
|
7665
7665
|
if (r.create(), e.loading) {
|
|
7666
|
-
let e =
|
|
7666
|
+
let e = M(Jo);
|
|
7667
7667
|
return r.element.appendChild(e), this.applyGroupIndent(e, i), this._loadMoreRow = r, r;
|
|
7668
7668
|
}
|
|
7669
|
-
let a =
|
|
7669
|
+
let a = M(qo), o = this.getGroupLoadMoreEventPayload();
|
|
7670
7670
|
return r.element.appendChild(a), this.applyGroupIndent(a, i), a.addEventListener("click", (e) => {
|
|
7671
7671
|
e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation(), this.groupManager.table.externalEvents?.dispatch("groupLoadMore", o);
|
|
7672
7672
|
}), this._loadMoreRow = r, r;
|
|
@@ -7793,7 +7793,7 @@ var q = process.env.NODE_ENV === "development", zo = class e extends W {
|
|
|
7793
7793
|
for (let n of t) e.push(n.getData());
|
|
7794
7794
|
if (this.elementContents = this.generator(this.key, this.getRowCount(), e, this.getComponent()), this.element) {
|
|
7795
7795
|
for (; this.element.firstChild;) this.element.removeChild(this.element.firstChild);
|
|
7796
|
-
typeof this.elementContents == "string" ? this.element.innerHTML =
|
|
7796
|
+
typeof this.elementContents == "string" ? this.element.innerHTML = j(this.elementContents) : this.element.appendChild(this.elementContents), this.arrowElement && this.element.insertBefore(this.arrowElement, this.element.firstChild);
|
|
7797
7797
|
}
|
|
7798
7798
|
}
|
|
7799
7799
|
getPath(e = []) {
|
|
@@ -7880,10 +7880,10 @@ var q = process.env.NODE_ENV === "development", zo = class e extends W {
|
|
|
7880
7880
|
let o = this.table.options.groupHeaderCount ? "<span class=\"tabulator-group-count\">(" + r + " " + (r === 1 ? e : t.groups.items) + ")</span>" : "";
|
|
7881
7881
|
if (this.table.options.groupHeaderUseFormatter && a) {
|
|
7882
7882
|
let e = this.buildFormattedGroupHeader(n, i, a);
|
|
7883
|
-
if (e) return o && e.insertAdjacentHTML("beforeend",
|
|
7883
|
+
if (e) return o && e.insertAdjacentHTML("beforeend", j(o)), e;
|
|
7884
7884
|
}
|
|
7885
7885
|
let s = n ?? "";
|
|
7886
|
-
return this.table.options.groupHeaderCount ?
|
|
7886
|
+
return this.table.options.groupHeaderCount ? j(s + o) : j(s);
|
|
7887
7887
|
};
|
|
7888
7888
|
}), this.groupIDLookups = [], e ? this.table.modExists("columnCalcs") && this.table.options.columnCalcs !== "table" && this.table.options.columnCalcs !== "both" && this.table.modules.columnCalcs.removeCalcs() : this.table.modExists("columnCalcs") && this.table.options.columnCalcs !== "group" && (this.table.columnManager?.getRealColumns() || []).forEach((e) => {
|
|
7889
7889
|
e.definition.topCalc && this.table.modules.columnCalcs.initializeTopRow(), e.definition.bottomCalc && this.table.modules.columnCalcs.initializeBottomRow();
|
|
@@ -7927,7 +7927,7 @@ var q = process.env.NODE_ENV === "development", zo = class e extends W {
|
|
|
7927
7927
|
}, d = typeof a.params == "function" ? a.params(u) : a.params, f = a.formatter.call(o, u, d ?? {}, () => {});
|
|
7928
7928
|
if (f == null || f === "") return null;
|
|
7929
7929
|
let p = document.createElement("span");
|
|
7930
|
-
return p.classList.add("tabulator-group-formatted"), typeof f == "string" ? p.innerHTML =
|
|
7930
|
+
return p.classList.add("tabulator-group-formatted"), typeof f == "string" ? p.innerHTML = j(f) : p.appendChild(f), p;
|
|
7931
7931
|
}
|
|
7932
7932
|
rowSample(e, t) {
|
|
7933
7933
|
if (this.table.options.groupBy) {
|
|
@@ -8307,7 +8307,7 @@ var q = process.env.NODE_ENV === "development", zo = class e extends W {
|
|
|
8307
8307
|
!this.hasIndex && t.index && (r[t.index] = e);
|
|
8308
8308
|
for (let e = 0; e < n.length; e++) {
|
|
8309
8309
|
let t = n[e], i = this.fieldIndex[e];
|
|
8310
|
-
i != null && (r[i] =
|
|
8310
|
+
i != null && (r[i] = j(t.innerHTML));
|
|
8311
8311
|
}
|
|
8312
8312
|
i.push(r);
|
|
8313
8313
|
}
|
|
@@ -8497,13 +8497,13 @@ var os = /* @__PURE__ */ e((/* @__PURE__ */ n(((e, t) => {
|
|
|
8497
8497
|
function b(t) {
|
|
8498
8498
|
return e.skipEmptyLines === "greedy" ? t.join("").trim() === "" : t.length === 1 && t[0].length === 0;
|
|
8499
8499
|
}
|
|
8500
|
-
function
|
|
8501
|
-
if (y && r && (
|
|
8500
|
+
function S() {
|
|
8501
|
+
if (y && r && (w("Delimiter", "UndetectableDelimiter", "Unable to auto-detect delimiting character; defaulted to '" + s.DefaultDelimiter + "'"), r = !1), e.skipEmptyLines && (y.data = y.data.filter(function(e) {
|
|
8502
8502
|
return !b(e);
|
|
8503
|
-
})),
|
|
8503
|
+
})), C()) {
|
|
8504
8504
|
if (y) {
|
|
8505
8505
|
if (Array.isArray(y.data[0])) {
|
|
8506
|
-
for (var t = 0;
|
|
8506
|
+
for (var t = 0; C() && t < y.data.length; t++) y.data[t].forEach(n);
|
|
8507
8507
|
y.data.splice(0, 1);
|
|
8508
8508
|
} else y.data.forEach(n);
|
|
8509
8509
|
}
|
|
@@ -8518,15 +8518,15 @@ var os = /* @__PURE__ */ e((/* @__PURE__ */ n(((e, t) => {
|
|
|
8518
8518
|
})(n) ? parseFloat(n) : u.test(n) ? new Date(n) : n === "" ? null : n) : n)(s = e.header ? i >= v.length ? "__parsed_extra" : v[i] : s, c = e.transform ? e.transform(c, s) : c);
|
|
8519
8519
|
s === "__parsed_extra" ? (r[s] = r[s] || [], r[s].push(c)) : r[s] = c;
|
|
8520
8520
|
}
|
|
8521
|
-
return e.header && (i > v.length ?
|
|
8521
|
+
return e.header && (i > v.length ? w("FieldMismatch", "TooManyFields", "Too many fields: expected " + v.length + " fields but parsed " + i, p + n) : i < v.length && w("FieldMismatch", "TooFewFields", "Too few fields: expected " + v.length + " fields but parsed " + i, p + n)), r;
|
|
8522
8522
|
}
|
|
8523
8523
|
var i;
|
|
8524
8524
|
y && (e.header || e.dynamicTyping || e.transform) && (i = 1, !y.data.length || Array.isArray(y.data[0]) ? (y.data = y.data.map(n), i = y.data.length) : y.data = n(y.data, 0), e.header && y.meta && (y.meta.fields = v), p += i);
|
|
8525
8525
|
}
|
|
8526
|
-
function
|
|
8526
|
+
function C() {
|
|
8527
8527
|
return e.header && v.length === 0;
|
|
8528
8528
|
}
|
|
8529
|
-
function
|
|
8529
|
+
function w(e, t, n, r) {
|
|
8530
8530
|
e = {
|
|
8531
8531
|
type: e,
|
|
8532
8532
|
code: t,
|
|
@@ -8534,7 +8534,7 @@ var os = /* @__PURE__ */ e((/* @__PURE__ */ n(((e, t) => {
|
|
|
8534
8534
|
}, r !== void 0 && (e.row = r), y.errors.push(e);
|
|
8535
8535
|
}
|
|
8536
8536
|
x(e.step) && (i = e.step, e.step = function(t) {
|
|
8537
|
-
y = t,
|
|
8537
|
+
y = t, C() ? S() : (S(), y.data.length !== 0 && (f += t.data.length, e.preview && f > e.preview ? n.abort() : (y.data = y.data[0], i(y, d))));
|
|
8538
8538
|
}), this.parse = function(i, a, o) {
|
|
8539
8539
|
var c = e.quoteChar || "\"", c = (e.newline ||= this.guessLineEndings(i, c), r = !1, e.delimiter ? x(e.delimiter) && (e.delimiter = e.delimiter(i), y.meta.delimiter = e.delimiter) : ((c = ((t, n, r, i, a) => {
|
|
8540
8540
|
var o, c, l, u;
|
|
@@ -8560,7 +8560,7 @@ var os = /* @__PURE__ */ e((/* @__PURE__ */ n(((e, t) => {
|
|
|
8560
8560
|
bestDelimiter: o
|
|
8561
8561
|
};
|
|
8562
8562
|
})(i, e.newline, e.skipEmptyLines, e.comments, e.delimitersToGuess)).successful ? e.delimiter = c.bestDelimiter : (r = !0, e.delimiter = s.DefaultDelimiter), y.meta.delimiter = e.delimiter), ee(e));
|
|
8563
|
-
return e.preview && e.header && c.preview++, t = i, n = new g(c), y = n.parse(t, a, o),
|
|
8563
|
+
return e.preview && e.header && c.preview++, t = i, n = new g(c), y = n.parse(t, a, o), S(), m ? { meta: { paused: !0 } } : y || { meta: { paused: !1 } };
|
|
8564
8564
|
}, this.paused = function() {
|
|
8565
8565
|
return m;
|
|
8566
8566
|
}, this.pause = function() {
|
|
@@ -8589,78 +8589,78 @@ var os = /* @__PURE__ */ e((/* @__PURE__ */ n(((e, t) => {
|
|
|
8589
8589
|
var p = 0, m = !1;
|
|
8590
8590
|
this.parse = function(s, g, _) {
|
|
8591
8591
|
if (typeof s != "string") throw Error("Input must be a string");
|
|
8592
|
-
var v = s.length, y = t.length, ee = n.length, b = r.length,
|
|
8593
|
-
if (!s) return
|
|
8592
|
+
var v = s.length, y = t.length, ee = n.length, b = r.length, S = x(i), C = [], w = [], T = [], E = p = 0;
|
|
8593
|
+
if (!s) return oe();
|
|
8594
8594
|
if (o || !1 !== o && s.indexOf(d) === -1) {
|
|
8595
|
-
for (var
|
|
8596
|
-
if (
|
|
8597
|
-
else if (_) return
|
|
8598
|
-
if (!r ||
|
|
8599
|
-
if (
|
|
8600
|
-
if (
|
|
8601
|
-
} else
|
|
8602
|
-
if (a && a <=
|
|
8595
|
+
for (var D = s.split(n), O = 0; O < D.length; O++) {
|
|
8596
|
+
if (T = D[O], p += T.length, O !== D.length - 1) p += n.length;
|
|
8597
|
+
else if (_) return oe();
|
|
8598
|
+
if (!r || T.substring(0, b) !== r) {
|
|
8599
|
+
if (S) {
|
|
8600
|
+
if (C = [], re(T.split(t)), N(), m) return oe();
|
|
8601
|
+
} else re(T.split(t));
|
|
8602
|
+
if (a && a <= O) return C = C.slice(0, a), oe(!0);
|
|
8603
8603
|
}
|
|
8604
8604
|
}
|
|
8605
|
-
return
|
|
8605
|
+
return oe();
|
|
8606
8606
|
}
|
|
8607
|
-
for (var
|
|
8608
|
-
if ((
|
|
8607
|
+
for (var k = s.indexOf(t, p), A = s.indexOf(n, p), te = new RegExp(h(f) + h(d), "g"), j = s.indexOf(d, p);;) if (s[p] === d) for (j = p, p++;;) {
|
|
8608
|
+
if ((j = s.indexOf(d, j + 1)) === -1) return _ || w.push({
|
|
8609
8609
|
type: "Quotes",
|
|
8610
8610
|
code: "MissingQuotes",
|
|
8611
8611
|
message: "Quoted field unterminated",
|
|
8612
|
-
row:
|
|
8612
|
+
row: C.length,
|
|
8613
8613
|
index: p
|
|
8614
|
-
}),
|
|
8615
|
-
if (
|
|
8616
|
-
if (d === f && s[
|
|
8617
|
-
else if (d === f ||
|
|
8618
|
-
|
|
8619
|
-
var
|
|
8620
|
-
if (s.substr(
|
|
8621
|
-
|
|
8614
|
+
}), ae();
|
|
8615
|
+
if (j === v - 1) return ae(s.substring(p, j).replace(te, d));
|
|
8616
|
+
if (d === f && s[j + 1] === f) j++;
|
|
8617
|
+
else if (d === f || j === 0 || s[j - 1] !== f) {
|
|
8618
|
+
k !== -1 && k < j + 1 && (k = s.indexOf(t, j + 1));
|
|
8619
|
+
var ne = ie((A = A !== -1 && A < j + 1 ? s.indexOf(n, j + 1) : A) === -1 ? k : Math.min(k, A));
|
|
8620
|
+
if (s.substr(j + 1 + ne, y) === t) {
|
|
8621
|
+
T.push(s.substring(p, j).replace(te, d)), s[p = j + 1 + ne + y] !== d && (j = s.indexOf(d, p)), k = s.indexOf(t, p), A = s.indexOf(n, p);
|
|
8622
8622
|
break;
|
|
8623
8623
|
}
|
|
8624
|
-
if (
|
|
8625
|
-
if (
|
|
8626
|
-
if (a &&
|
|
8624
|
+
if (ne = ie(A), s.substring(j + 1 + ne, j + 1 + ne + ee) === n) {
|
|
8625
|
+
if (T.push(s.substring(p, j).replace(te, d)), M(j + 1 + ne + ee), k = s.indexOf(t, p), j = s.indexOf(d, p), S && (N(), m)) return oe();
|
|
8626
|
+
if (a && C.length >= a) return oe(!0);
|
|
8627
8627
|
break;
|
|
8628
8628
|
}
|
|
8629
|
-
|
|
8629
|
+
w.push({
|
|
8630
8630
|
type: "Quotes",
|
|
8631
8631
|
code: "InvalidQuotes",
|
|
8632
8632
|
message: "Trailing quote on quoted field is malformed",
|
|
8633
|
-
row:
|
|
8633
|
+
row: C.length,
|
|
8634
8634
|
index: p
|
|
8635
|
-
}),
|
|
8635
|
+
}), j++;
|
|
8636
8636
|
}
|
|
8637
8637
|
}
|
|
8638
|
-
else if (r &&
|
|
8639
|
-
if (
|
|
8640
|
-
p =
|
|
8641
|
-
} else if (
|
|
8638
|
+
else if (r && T.length === 0 && s.substring(p, p + b) === r) {
|
|
8639
|
+
if (A === -1) return oe();
|
|
8640
|
+
p = A + ee, A = s.indexOf(n, p), k = s.indexOf(t, p);
|
|
8641
|
+
} else if (k !== -1 && (k < A || A === -1)) T.push(s.substring(p, k)), p = k + y, k = s.indexOf(t, p);
|
|
8642
8642
|
else {
|
|
8643
|
-
if (
|
|
8644
|
-
if (
|
|
8645
|
-
if (a &&
|
|
8643
|
+
if (A === -1) break;
|
|
8644
|
+
if (T.push(s.substring(p, A)), M(A + ee), S && (N(), m)) return oe();
|
|
8645
|
+
if (a && C.length >= a) return oe(!0);
|
|
8646
8646
|
}
|
|
8647
|
-
return
|
|
8648
|
-
function
|
|
8649
|
-
|
|
8647
|
+
return ae();
|
|
8648
|
+
function re(e) {
|
|
8649
|
+
C.push(e), E = p;
|
|
8650
8650
|
}
|
|
8651
|
-
function
|
|
8651
|
+
function ie(e) {
|
|
8652
8652
|
var t = 0;
|
|
8653
|
-
return t = e !== -1 && (e = s.substring(
|
|
8653
|
+
return t = e !== -1 && (e = s.substring(j + 1, e)) && e.trim() === "" ? e.length : t;
|
|
8654
8654
|
}
|
|
8655
|
-
function
|
|
8656
|
-
return _ || (e === void 0 && (e = s.substring(p)),
|
|
8655
|
+
function ae(e) {
|
|
8656
|
+
return _ || (e === void 0 && (e = s.substring(p)), T.push(e), p = v, re(T), S && N()), oe();
|
|
8657
8657
|
}
|
|
8658
|
-
function
|
|
8659
|
-
p = e,
|
|
8658
|
+
function M(e) {
|
|
8659
|
+
p = e, re(T), T = [], A = s.indexOf(n, p);
|
|
8660
8660
|
}
|
|
8661
|
-
function
|
|
8662
|
-
if (e.header && !g &&
|
|
8663
|
-
var i =
|
|
8661
|
+
function oe(r) {
|
|
8662
|
+
if (e.header && !g && C.length && !u) {
|
|
8663
|
+
var i = C[0], a = Object.create(null), o = new Set(i);
|
|
8664
8664
|
let t = !1;
|
|
8665
8665
|
for (let n = 0; n < i.length; n++) {
|
|
8666
8666
|
let r = c(i[n]);
|
|
@@ -8674,20 +8674,20 @@ var os = /* @__PURE__ */ e((/* @__PURE__ */ n(((e, t) => {
|
|
|
8674
8674
|
t && console.warn("Duplicate headers found and renamed."), u = !0;
|
|
8675
8675
|
}
|
|
8676
8676
|
return {
|
|
8677
|
-
data:
|
|
8678
|
-
errors:
|
|
8677
|
+
data: C,
|
|
8678
|
+
errors: w,
|
|
8679
8679
|
meta: {
|
|
8680
8680
|
delimiter: t,
|
|
8681
8681
|
linebreak: n,
|
|
8682
8682
|
aborted: m,
|
|
8683
8683
|
truncated: !!r,
|
|
8684
|
-
cursor:
|
|
8684
|
+
cursor: E + (g || 0),
|
|
8685
8685
|
renamedHeaders: l
|
|
8686
8686
|
}
|
|
8687
8687
|
};
|
|
8688
8688
|
}
|
|
8689
8689
|
function N() {
|
|
8690
|
-
i(
|
|
8690
|
+
i(oe()), C = [], w = [];
|
|
8691
8691
|
}
|
|
8692
8692
|
}, this.abort = function() {
|
|
8693
8693
|
m = !0;
|
|
@@ -9310,7 +9310,7 @@ var us = process.env.NODE_ENV === "development", ds = {
|
|
|
9310
9310
|
}
|
|
9311
9311
|
initializeColumnHeaderMenu(e) {
|
|
9312
9312
|
let t = e.definition.headerMenuIcon, n = document.createElement("span");
|
|
9313
|
-
n.classList.add("tabulator-header-popup-button"), t ? (typeof t == "function" && (t = t(e.getComponent())), t instanceof HTMLElement ? n.appendChild(t) : n.innerHTML =
|
|
9313
|
+
n.classList.add("tabulator-header-popup-button"), t ? (typeof t == "function" && (t = t(e.getComponent())), t instanceof HTMLElement ? n.appendChild(t) : n.innerHTML = j(String(t))) : n.innerHTML = j("⋮"), n.addEventListener("click", (t) => {
|
|
9314
9314
|
t.stopPropagation(), t.preventDefault(), this.loadMenuEvent(e.definition.headerMenu, t, e);
|
|
9315
9315
|
}), e.titleElement && e.titleElement.insertBefore(n, e.titleElement.firstChild);
|
|
9316
9316
|
}
|
|
@@ -9337,7 +9337,7 @@ var us = process.env.NODE_ENV === "development", ds = {
|
|
|
9337
9337
|
else return;
|
|
9338
9338
|
n.forEach((e) => {
|
|
9339
9339
|
let n = document.createElement("div"), r = e.label, i = e.disabled;
|
|
9340
|
-
e.separator ? n.classList.add("tabulator-menu-separator") : (n.classList.add("tabulator-menu-item"), typeof r == "function" && (r = r.call(this.table, t.getComponent())), r instanceof Node ? n.appendChild(r) : n.innerHTML =
|
|
9340
|
+
e.separator ? n.classList.add("tabulator-menu-separator") : (n.classList.add("tabulator-menu-item"), typeof r == "function" && (r = r.call(this.table, t.getComponent())), r instanceof Node ? n.appendChild(r) : n.innerHTML = j(String(r || "")), typeof i == "function" && (i = i.call(this.table, t.getComponent())), i ? (n.classList.add("tabulator-menu-item-disabled"), n.addEventListener("click", (e) => {
|
|
9341
9341
|
e.stopPropagation();
|
|
9342
9342
|
})) : e.menu && e.menu.length ? n.addEventListener("click", (r) => {
|
|
9343
9343
|
r.stopPropagation(), this.loadMenu(r, t, e.menu, n, s);
|
|
@@ -9825,7 +9825,7 @@ var us = process.env.NODE_ENV === "development", ds = {
|
|
|
9825
9825
|
}
|
|
9826
9826
|
calculatePageSizes() {
|
|
9827
9827
|
let e, t;
|
|
9828
|
-
this.table.options.paginationSize ? this.size = this.table.options.paginationSize : (e = document.createElement("div"), e.classList.add("tabulator-row"), e.style.visibility = "hidden", t = document.createElement("div"), t.classList.add("tabulator-cell"), t.innerHTML =
|
|
9828
|
+
this.table.options.paginationSize ? this.size = this.table.options.paginationSize : (e = document.createElement("div"), e.classList.add("tabulator-row"), e.style.visibility = "hidden", t = document.createElement("div"), t.classList.add("tabulator-cell"), t.innerHTML = j("Page Row Test"), e.appendChild(t), this.table.rowManager?.getTableElement().appendChild(e), this.size = Math.floor((this.table.rowManager?.getElement()?.clientHeight ?? 0) / e.offsetHeight), e.remove()), this.dispatchExternal("pageSizeChanged", this.size), this.generatePageSizeSelectList();
|
|
9829
9829
|
}
|
|
9830
9830
|
initialLoadComplete() {
|
|
9831
9831
|
this.initialLoad = !1;
|
|
@@ -9853,7 +9853,7 @@ var us = process.env.NODE_ENV === "development", ds = {
|
|
|
9853
9853
|
}
|
|
9854
9854
|
createElements() {
|
|
9855
9855
|
let e = r`<cx-pagination back-icon-name="arrow_back" next-icon-name="arrow_forward" icon-button-size="small"></cx-pagination>`, t = r`<div slot="pagination" class="tabulator-paginator"></div>`;
|
|
9856
|
-
this.element =
|
|
9856
|
+
this.element = M(t), this.paginationElement = M(e), this.table.options.paginationShowFirst && this.paginationElement.setAttribute("show-first", ""), this.table.options.paginationShowLast && this.paginationElement.setAttribute("show-last", ""), this.table.options.showPaginationButtons && (this.paginationElement.setAttribute("show-pagination-buttons", ""), this.paginationElement.setAttribute("pagination-button-count", this.count.toString())), this.table.options.showPaginationInput && this.paginationElement.setAttribute("show-pagination-input", ""), this.paginationElement.setAttribute("label", ""), this.paginationElement.classList.add("tabulator-paginator-pagination");
|
|
9857
9857
|
}
|
|
9858
9858
|
generatePageSizeSelectList() {
|
|
9859
9859
|
let e = [], t = 1;
|
|
@@ -10197,7 +10197,7 @@ var us = process.env.NODE_ENV === "development", ds = {
|
|
|
10197
10197
|
}
|
|
10198
10198
|
initializeColumnHeaderPopup(e) {
|
|
10199
10199
|
let t = e.definition.headerPopupIcon, n = document.createElement("span");
|
|
10200
|
-
n.classList.add("tabulator-header-popup-button"), t ? (typeof t == "function" && (t = t(e.getComponent())), t instanceof HTMLElement ? n.appendChild(t) : n.innerHTML =
|
|
10200
|
+
n.classList.add("tabulator-header-popup-button"), t ? (typeof t == "function" && (t = t(e.getComponent())), t instanceof HTMLElement ? n.appendChild(t) : n.innerHTML = j(t)) : n.innerHTML = j("⋮"), n.addEventListener("click", (t) => {
|
|
10201
10201
|
t.stopPropagation(), t.preventDefault(), this.loadPopupEvent(e.definition.headerPopup, t, e);
|
|
10202
10202
|
}), e.titleElement && e.titleElement.insertBefore(n, e.titleElement.firstChild);
|
|
10203
10203
|
}
|
|
@@ -10216,7 +10216,7 @@ var us = process.env.NODE_ENV === "development", ds = {
|
|
|
10216
10216
|
}
|
|
10217
10217
|
loadPopup(e, t, n, r, i) {
|
|
10218
10218
|
let a = !(e instanceof MouseEvent), o;
|
|
10219
|
-
n instanceof HTMLElement ? o = n : (o = document.createElement("div"), o.innerHTML =
|
|
10219
|
+
n instanceof HTMLElement ? o = n : (o = document.createElement("div"), o.innerHTML = j(n)), o.classList.add("tabulator-popup"), o.addEventListener("click", (e) => {
|
|
10220
10220
|
e.stopPropagation();
|
|
10221
10221
|
}), !a && e && e.preventDefault();
|
|
10222
10222
|
let s = this.popup(o);
|
|
@@ -10255,7 +10255,7 @@ var us = process.env.NODE_ENV === "development", ds = {
|
|
|
10255
10255
|
return;
|
|
10256
10256
|
}
|
|
10257
10257
|
let c = s.generateTable(n ?? this.table.options.printConfig, t ?? this.table.options.printStyled, typeof e == "boolean" ? e ? "visible" : this.table.options.printRowRange : e || this.table.options.printRowRange, "print"), l, u;
|
|
10258
|
-
this.manualBlock = !0, this.element = document.createElement("div"), this.element.classList.add("tabulator-print-fullscreen"), this.table.options.printHeader && (a.classList.add("tabulator-print-header"), l = typeof this.table.options.printHeader == "function" ? this.table.options.printHeader.call(this.table) : this.table.options.printHeader, typeof l == "string" ? a.innerHTML =
|
|
10258
|
+
this.manualBlock = !0, this.element = document.createElement("div"), this.element.classList.add("tabulator-print-fullscreen"), this.table.options.printHeader && (a.classList.add("tabulator-print-header"), l = typeof this.table.options.printHeader == "function" ? this.table.options.printHeader.call(this.table) : this.table.options.printHeader, typeof l == "string" ? a.innerHTML = j(l) : a.appendChild(l), this.element.appendChild(a)), this.element.appendChild(c), this.table.options.printFooter && (o.classList.add("tabulator-print-footer"), u = typeof this.table.options.printFooter == "function" ? this.table.options.printFooter.call(this.table) : this.table.options.printFooter, typeof u == "string" ? o.innerHTML = j(u) : o.appendChild(u), this.element.appendChild(o)), document.body.classList.add("tabulator-print-fullscreen-hide"), document.body.appendChild(this.element);
|
|
10259
10259
|
try {
|
|
10260
10260
|
this.table.options.printFormatter && this.table.options.printFormatter(this.element, c), globalThis.print();
|
|
10261
10261
|
} finally {
|
|
@@ -10819,7 +10819,7 @@ var Hs = { format: { formatters: { responsiveCollapse: Vs } } }, Us = class exte
|
|
|
10819
10819
|
if (e.modules.responsiveLayout && this.collapseFormatter) {
|
|
10820
10820
|
if (t = e.modules.responsiveLayout.element, t) {
|
|
10821
10821
|
for (; t.firstChild;) t.removeChild(t.firstChild);
|
|
10822
|
-
n = this.collapseFormatter(this.generateCollapsedRowData(e)), n && (typeof n == "string" ? t.innerHTML =
|
|
10822
|
+
n = this.collapseFormatter(this.generateCollapsedRowData(e)), n && (typeof n == "string" ? t.innerHTML = j(n) : t.appendChild(n));
|
|
10823
10823
|
}
|
|
10824
10824
|
e.calcHeight(!0);
|
|
10825
10825
|
}
|
|
@@ -10868,13 +10868,13 @@ var Hs = { format: { formatters: { responsiveCollapse: Vs } } }, Us = class exte
|
|
|
10868
10868
|
return e.forEach((e) => {
|
|
10869
10869
|
let n = document.createElement("tr"), r = document.createElement("td"), i = document.createElement("td"), a, o = document.createElement("strong");
|
|
10870
10870
|
r.appendChild(o), this.table.modules.localize?.langBind("columns|" + e.field, (t) => {
|
|
10871
|
-
o.innerHTML =
|
|
10872
|
-
}), e.value instanceof Node ? (a = document.createElement("div"), a.appendChild(e.value), i.appendChild(a)) : i.innerHTML =
|
|
10871
|
+
o.innerHTML = j(t || e.title);
|
|
10872
|
+
}), e.value instanceof Node ? (a = document.createElement("div"), a.appendChild(e.value), i.appendChild(a)) : i.innerHTML = j(String(e.value)), n.appendChild(r), n.appendChild(i), t.appendChild(n);
|
|
10873
10873
|
}), Object.keys(e).length ? t : "";
|
|
10874
10874
|
}
|
|
10875
10875
|
}, Ws = r`<cx-checkbox></cx-checkbox>`;
|
|
10876
10876
|
function Gs(e, t, n) {
|
|
10877
|
-
let r =
|
|
10877
|
+
let r = M(Ws), i = r, a = !1;
|
|
10878
10878
|
r.setAttribute("aria-label", "Select Row");
|
|
10879
10879
|
let o = this.table;
|
|
10880
10880
|
if (o.modExists("selectRow", !0)) {
|
|
@@ -11359,7 +11359,7 @@ var Ks = { format: { formatters: { rowSelection: Gs } } }, qs = process.env.NODE
|
|
|
11359
11359
|
this.options("selectableRange") && (this.options("selectableRows") ? rc && console.warn("SelectRange functionality cannot be used in conjunction with row selection") : (this.maxRanges = this.options("selectableRange"), this.initializeTable(), this.initializeWatchers()), this.options("columns").findIndex((e) => e.frozen) > 0 && rc && console.warn("Having frozen column in arbitrary position with selectRange option may result in unpredictable behavior."), this.options("columns").filter((e) => e.frozen).length > 1 && rc && console.warn("Having multiple frozen columns with selectRange option may result in unpredictable behavior."));
|
|
11360
11360
|
}
|
|
11361
11361
|
initializeTable() {
|
|
11362
|
-
this.overlay = document.createElement("div"), this.overlay.classList.add("tabulator-range-overlay"), this.rangeContainer = document.createElement("div"), this.rangeContainer.classList.add("tabulator-range-container"), this.activeRangeCellElement = document.createElement("div"), this.activeRangeCellElement.classList.add("tabulator-range-cell-active"), this.hoverRangeCellElement =
|
|
11362
|
+
this.overlay = document.createElement("div"), this.overlay.classList.add("tabulator-range-overlay"), this.rangeContainer = document.createElement("div"), this.rangeContainer.classList.add("tabulator-range-container"), this.activeRangeCellElement = document.createElement("div"), this.activeRangeCellElement.classList.add("tabulator-range-cell-active"), this.hoverRangeCellElement = M(ic), this.overlay.appendChild(this.rangeContainer), this.overlay.appendChild(this.hoverRangeCellElement), this.overlay.appendChild(this.activeRangeCellElement), this.table.rowManager?.element && this.table.rowManager.element.addEventListener("keydown", this.keyDownEvent), this.resetRanges(), this.table.rowManager?.element && this.overlay && this.table.rowManager.element.appendChild(this.overlay), this.table.columnManager?.element && this.table.columnManager.element.setAttribute("tabindex", "0"), this.table.element.classList.add("tabulator-ranges");
|
|
11363
11363
|
}
|
|
11364
11364
|
initializeWatchers() {
|
|
11365
11365
|
this.columnSelection = this.options("selectableRangeColumns"), this.rowSelection = this.options("selectableRangeRows"), this.subscribe("column-init", this.initializeColumn.bind(this)), this.subscribe("column-mousedown", this.handleColumnMouseDown.bind(this)), this.subscribe("column-mousemove", this.handleColumnMouseMove.bind(this)), this.subscribe("column-resized", this.handleColumnResized.bind(this)), this.subscribe("column-moving", this.handleColumnMoving.bind(this)), this.subscribe("column-moved", this.handleColumnMoved.bind(this)), this.subscribe("column-width", this.handleColumnWidthChange.bind(this)), this.subscribe("column-height", this.layoutChange.bind(this)), this.subscribe("column-resized", this.layoutChangeNextFrame.bind(this)), this.subscribe("columns-loaded", this.updateHeaderColumn.bind(this)), this.subscribe("cell-height", this.layoutChange.bind(this)), this.subscribe("cell-rendered", this.renderCell.bind(this)), this.subscribe("cell-mousedown", this.handleCellMouseDown.bind(this)), this.subscribe("cell-mousemove", this.handleCellMouseMove.bind(this)), this.subscribe("cell-mouseout", this.handleCellMouseOut.bind(this)), this.subscribe("cell-click", this.handleCellClick.bind(this)), this.subscribe("cell-editing", this.handleEditingCell.bind(this)), this.subscribe("page-changed", this.redraw.bind(this)), this.subscribe("scroll-vertical", this.layoutChange.bind(this)), this.subscribe("scroll-horizontal", this.layoutChange.bind(this)), this.subscribe("data-destroy", this.tableDestroyed.bind(this)), this.subscribe("data-processed", this.resetRanges.bind(this)), this.subscribe("table-layout", this.layoutElement.bind(this)), this.subscribe("table-redraw", this.redraw.bind(this)), this.subscribe("table-destroy", this.tableDestroyed.bind(this)), this.subscribe("edit-editor-clear", this.finishEditingCell.bind(this)), this.subscribe("edit-blur", this.restoreFocus.bind(this)), this.subscribe("keybinding-nav-prev", this.keyNavigate.bind(this, "left")), this.subscribe("keybinding-nav-next", this.keyNavigate.bind(this, "right")), this.subscribe("keybinding-nav-left", this.keyNavigate.bind(this, "left")), this.subscribe("keybinding-nav-right", this.keyNavigate.bind(this, "right")), this.subscribe("keybinding-nav-up", this.keyNavigate.bind(this, "up")), this.subscribe("keybinding-nav-down", this.keyNavigate.bind(this, "down")), this.subscribe("keybinding-nav-range", this.keyNavigateRange.bind(this));
|
|
@@ -11964,7 +11964,7 @@ var gc = {
|
|
|
11964
11964
|
e instanceof Node && i.appendChild(e);
|
|
11965
11965
|
}
|
|
11966
11966
|
break;
|
|
11967
|
-
default: i.innerHTML =
|
|
11967
|
+
default: i.innerHTML = j(this.table.options.headerSortElement || "");
|
|
11968
11968
|
}
|
|
11969
11969
|
t.titleHolderElement && t.titleHolderElement.appendChild(i), t.modules.sort.element = i, this.setColumnHeaderSortIcon(t, I.None), this.table.options.headerSortClickElement === "icon" && i.addEventListener("mousedown", (e) => {
|
|
11970
11970
|
e.stopPropagation();
|
|
@@ -12077,7 +12077,7 @@ var gc = {
|
|
|
12077
12077
|
if (n && e.definition.headerSort && typeof this.table.options.headerSortElement == "function") {
|
|
12078
12078
|
for (; n.firstChild;) n.removeChild(n.firstChild);
|
|
12079
12079
|
let r = this.table.options.headerSortElement.call(this.table, e.getComponent(), t);
|
|
12080
|
-
r instanceof Node ? n.appendChild(r) : typeof r == "string" && (n.innerHTML =
|
|
12080
|
+
r instanceof Node ? n.appendChild(r) : typeof r == "string" && (n.innerHTML = j(r));
|
|
12081
12081
|
}
|
|
12082
12082
|
}
|
|
12083
12083
|
_sortItems(e, t) {
|
|
@@ -12409,8 +12409,8 @@ var gc = {
|
|
|
12409
12409
|
i = e;
|
|
12410
12410
|
}
|
|
12411
12411
|
typeof n == "function" && (n = n(e, t.getComponent(), o)), n instanceof HTMLElement ? r = n : (r = document.createElement("div"), n === !0 && (t instanceof Ir ? n = t.value : t.definition.field ? this.langBind("columns|" + t.definition.field, (e) => {
|
|
12412
|
-
r.innerHTML = n =
|
|
12413
|
-
}) : n = t.definition.title), r.innerHTML =
|
|
12412
|
+
r.innerHTML = n = j(e || t.definition.title);
|
|
12413
|
+
}) : n = t.definition.title), r.innerHTML = j(n)), (n || n === 0 || n === !1) && (r.classList.add("tabulator-tooltip"), r.addEventListener("mousemove", (e) => e.preventDefault()), this.popupInstance = this.popup(r), typeof i == "function" && this.popupInstance.renderCallback(i), a = this.popupInstance.containerEventCoords(e), this.popupInstance.show(a.x + 15, a.y + 15).hideOnBlur(() => {
|
|
12414
12414
|
this.dispatchExternal("tooltipClosed", t.getComponent()), this.popupInstance = null;
|
|
12415
12415
|
}), this.dispatchExternal("tooltipOpened", t.getComponent()));
|
|
12416
12416
|
}
|
|
@@ -13598,7 +13598,7 @@ var Wc = process.env.NODE_ENV === "development", Gc = 2e3, Kc = 1e3, qc = "data-
|
|
|
13598
13598
|
initializeElement() {
|
|
13599
13599
|
if (this.table.options.footerElement) switch (typeof this.table.options.footerElement) {
|
|
13600
13600
|
case "string":
|
|
13601
|
-
if (this.table.options.footerElement.startsWith("<")) this.containerElement.innerHTML =
|
|
13601
|
+
if (this.table.options.footerElement.startsWith("<")) this.containerElement.innerHTML = j(this.table.options.footerElement);
|
|
13602
13602
|
else {
|
|
13603
13603
|
this.external = !0;
|
|
13604
13604
|
let e = document.querySelector(this.table.options.footerElement);
|
|
@@ -13740,15 +13740,15 @@ var Wc = process.env.NODE_ENV === "development", Gc = 2e3, Kc = 1e3, qc = "data-
|
|
|
13740
13740
|
return o.slice(i, a + 1);
|
|
13741
13741
|
}
|
|
13742
13742
|
_virtualRenderFill(e, t, n) {
|
|
13743
|
-
let r = this.tableElement, i = this.elementVertical, a = 0, o = 0, s = 0, c = 0, l = 0, u = 0, d = this.rows(), f = d.length, p = 0, m, h, g = [], _ = 0, v = 0, y = this.table.rowManager?.fixedHeight ?? !1, ee = this.table.element ? globalThis.getComputedStyle(this.table.element).getPropertyValue("--table-max-height").trim() : "", b = y || ee !== "" && ee !== "auto", x = this.elementVertical?.clientHeight ?? 0,
|
|
13743
|
+
let r = this.tableElement, i = this.elementVertical, a = 0, o = 0, s = 0, c = 0, l = 0, u = 0, d = this.rows(), f = d.length, p = 0, m, h, g = [], _ = 0, v = 0, y = this.table.rowManager?.fixedHeight ?? !1, ee = this.table.element ? globalThis.getComputedStyle(this.table.element).getPropertyValue("--table-max-height").trim() : "", b = y || ee !== "" && ee !== "auto", x = this.elementVertical?.clientHeight ?? 0, S = this.table.options.rowHeight, C = !0;
|
|
13744
13744
|
if (e ||= 0, n ||= 0, !e) this.clear();
|
|
13745
13745
|
else {
|
|
13746
13746
|
for (; r?.firstChild;) r.removeChild(r.firstChild);
|
|
13747
13747
|
c = (f - e + 1) * this.vDomRowHeight, c < x && (e -= Math.ceil((x - c) / this.vDomRowHeight), e < 0 && (e = 0)), a = Math.min(Math.max(Math.floor(this.vDomWindowBuffer / this.vDomRowHeight), this.vDomWindowMinMarginRows), e), e -= a;
|
|
13748
13748
|
}
|
|
13749
|
-
let
|
|
13750
|
-
if (f && this.elementVertical && (U.elVisible(this.elementVertical) ||
|
|
13751
|
-
for (this.vDomTop = e, this.vDomBottom = e - 1, b ? (
|
|
13749
|
+
let w = !this.table.initialized || !!t;
|
|
13750
|
+
if (f && this.elementVertical && (U.elVisible(this.elementVertical) || w)) {
|
|
13751
|
+
for (this.vDomTop = e, this.vDomBottom = e - 1, b ? (S && (v = x / S + this.vDomWindowBuffer / S), v = Math.max(this.vDomWindowMinTotalRows, Math.ceil(v))) : v = f; (v == f || o <= x + this.vDomWindowBuffer || _ < this.vDomWindowMinTotalRows) && this.vDomBottom < f - 1;) {
|
|
13752
13752
|
for (g = [], h = document.createDocumentFragment(), u = 0; u < v && this.vDomBottom < f - 1;) {
|
|
13753
13753
|
p = this.vDomBottom + 1, m = d[p], this.styleRow(m, p), m.initialize(!1, !0), !m.heightInitialized && !this.table.options.rowHeight && m.clearCellHeight();
|
|
13754
13754
|
let e = m.getElement();
|
|
@@ -13761,7 +13761,7 @@ var Wc = process.env.NODE_ENV === "development", Gc = 2e3, Kc = 1e3, qc = "data-
|
|
|
13761
13761
|
e.heightInitialized || e.setCellHeight();
|
|
13762
13762
|
}), g.forEach((e) => {
|
|
13763
13763
|
s = e.getHeight(), _ < a ? l += s : o += s, s > this.vDomWindowBuffer && (this.vDomWindowBuffer = s * 2), _++;
|
|
13764
|
-
}),
|
|
13764
|
+
}), C = this.table.rowManager?.adjustTableSize() || !1, x = this.elementVertical.clientHeight, C && b && (S = o / _, v = Math.max(this.vDomWindowMinTotalRows, Math.ceil(x / S + this.vDomWindowBuffer / S)));
|
|
13765
13765
|
}
|
|
13766
13766
|
e ? (this.vDomTopPad = t ? this.vDomRowHeight * this.vDomTop + n : this.scrollTop - l, this.vDomBottomPad = this.vDomBottom == f - 1 ? 0 : Math.max(this.vDomScrollHeight - this.vDomTopPad - o - l, 0)) : (this.vDomTopPad = 0, this.vDomRowHeight = Math.floor((o + l) / _), this.vDomBottomPad = this.vDomRowHeight * (f - this.vDomBottom - 1), this.vDomScrollHeight = l + o + this.vDomBottomPad - x), r && (r.style.paddingTop = this.vDomTopPad + "px", r.style.paddingBottom = this.vDomBottomPad + "px"), t && (this.scrollTop = this.vDomTopPad + l + n - (this.elementVertical.scrollWidth > this.elementVertical.clientWidth ? this.elementVertical.offsetHeight - x : 0)), this.scrollTop = Math.min(this.scrollTop, this.elementVertical.scrollHeight - x), this.elementVertical.scrollWidth > this.elementVertical.clientWidth && t && (this.scrollTop += this.elementVertical.offsetHeight - x), this.vDomScrollPosTop = this.scrollTop, this.vDomScrollPosBottom = this.scrollTop, i && (i.scrollTop = this.scrollTop), this.dispatch("render-virtual-fill");
|
|
13767
13767
|
}
|
|
@@ -13843,7 +13843,7 @@ var Wc = process.env.NODE_ENV === "development", Gc = 2e3, Kc = 1e3, qc = "data-
|
|
|
13843
13843
|
super(e), this.headerWidthObserver = null, this.headerWidthSyncFrame = null, this.element = this.createHolderElement(), this.wrapperElement = this.createWrapperElement(), this.wrapperElement.appendChild(this.element), this.tableElement = this.createTableElement(), this.heightFixer = this.createTableElement(), this.placeholder = null, this.placeholderContents = null, this.firstRender = !1, this.renderMode = "virtual", this.rows = [], this.activeRowsPipeline = [], this.activeRows = [], this.activeRowsCount = 0, this.displayRows = [], this.displayRowsCount = 0, this.scrollTop = 0, this.scrollLeft = 0, this.redrawBlock = !1, this.redrawBlockRestoreConfig = !1, this.redrawBlockRenderInPosition = !1, this.dataPipeline = [], this.displayPipeline = [], this.scrollbarWidth = 0, this.renderer = null, this.rowIndexMap = /* @__PURE__ */ new Map();
|
|
13844
13844
|
}
|
|
13845
13845
|
createWrapperElement() {
|
|
13846
|
-
return
|
|
13846
|
+
return M(cl);
|
|
13847
13847
|
}
|
|
13848
13848
|
createHolderElement() {
|
|
13849
13849
|
let e = document.createElement("div");
|
|
@@ -13860,7 +13860,7 @@ var Wc = process.env.NODE_ENV === "development", Gc = 2e3, Kc = 1e3, qc = "data-
|
|
|
13860
13860
|
let e = document.createElement("div");
|
|
13861
13861
|
if (e.classList.add("tabulator-placeholder"), typeof t == "string") {
|
|
13862
13862
|
let n = document.createElement("div");
|
|
13863
|
-
n.classList.add("tabulator-placeholder-contents"), n.innerHTML =
|
|
13863
|
+
n.classList.add("tabulator-placeholder-contents"), n.innerHTML = j(t), e.appendChild(n), this.placeholderContents = n;
|
|
13864
13864
|
} else typeof HTMLElement < "u" && t instanceof HTMLElement ? (e.appendChild(t), this.placeholderContents = t) : (sl && console.warn("Invalid placeholder provided, must be string or HTML Element", t), this.placeholder = null);
|
|
13865
13865
|
this.placeholder = e;
|
|
13866
13866
|
}
|
|
@@ -14295,7 +14295,7 @@ var Wc = process.env.NODE_ENV === "development", Gc = 2e3, Kc = 1e3, qc = "data-
|
|
|
14295
14295
|
for (this.clear(), this.dispatch("alert-show", t), this.type = t; this.msgElement.firstChild;) this.msgElement.removeChild(this.msgElement.firstChild);
|
|
14296
14296
|
this.element.classList.add(this._typeClass()), this.msgElement.classList.add(this._typeClass());
|
|
14297
14297
|
let n;
|
|
14298
|
-
n = typeof e == "function" ? e() : e, n instanceof HTMLElement ? this.msgElement.appendChild(n) : this.msgElement.innerHTML =
|
|
14298
|
+
n = typeof e == "function" ? e() : e, n instanceof HTMLElement ? this.msgElement.appendChild(n) : this.msgElement.innerHTML = j(String(n)), this.table.element.appendChild(this.element);
|
|
14299
14299
|
}
|
|
14300
14300
|
}
|
|
14301
14301
|
clear() {
|
|
@@ -14388,7 +14388,7 @@ var Wc = process.env.NODE_ENV === "development", Gc = 2e3, Kc = 1e3, qc = "data-
|
|
|
14388
14388
|
}
|
|
14389
14389
|
alertLoader() {
|
|
14390
14390
|
if ((this.pendingPromise || this.loading || this.externalLoading) && this.table.alertManager?.element.parentNode) return;
|
|
14391
|
-
let e = typeof this.table.options.dataLoader == "function" ? this.table.options.dataLoader() : this.table.options.dataLoader, t = r`<cx-spinner aria-hidden="true"></cx-spinner>`, n =
|
|
14391
|
+
let e = typeof this.table.options.dataLoader == "function" ? this.table.options.dataLoader() : this.table.options.dataLoader, t = r`<cx-spinner aria-hidden="true"></cx-spinner>`, n = M(t);
|
|
14392
14392
|
e && this.table.alertManager?.alert(this.table.options.dataLoaderLoading || n, "loading");
|
|
14393
14393
|
}
|
|
14394
14394
|
alertError() {
|
|
@@ -15426,6 +15426,9 @@ var Xl = class {
|
|
|
15426
15426
|
resetAppliedFilterBaseline() {
|
|
15427
15427
|
this.lastAppliedFilters = null;
|
|
15428
15428
|
}
|
|
15429
|
+
setAppliedFilterBaseline(e) {
|
|
15430
|
+
this.lastAppliedFilters = [...e];
|
|
15431
|
+
}
|
|
15429
15432
|
setSourceFilters(e, t) {
|
|
15430
15433
|
t.length === 0 ? this.filters.delete(e) : this.filters.set(e, [...t]), this.applyFilters();
|
|
15431
15434
|
}
|
|
@@ -15511,6 +15514,9 @@ var Xl = class {
|
|
|
15511
15514
|
getFilters() {
|
|
15512
15515
|
return Array.from(this.filters.values()).flat();
|
|
15513
15516
|
}
|
|
15517
|
+
getMergedFilters() {
|
|
15518
|
+
return [...this.host.initialFilter || [], ...this.getFilters()];
|
|
15519
|
+
}
|
|
15514
15520
|
getSourceFilters(e) {
|
|
15515
15521
|
return this.filters.get(e) || [];
|
|
15516
15522
|
}
|
|
@@ -15521,8 +15527,8 @@ var Xl = class {
|
|
|
15521
15527
|
applyFilters() {
|
|
15522
15528
|
let e = this.host.tabulatorInstance;
|
|
15523
15529
|
if (!e?.initialized) return;
|
|
15524
|
-
let t = this.getFilters(), n =
|
|
15525
|
-
if (!
|
|
15530
|
+
let t = this.getFilters(), n = this.getMergedFilters();
|
|
15531
|
+
if (!S(n, this.lastAppliedFilters)) {
|
|
15526
15532
|
if (this.lastAppliedFilters === null && t.length === 0) {
|
|
15527
15533
|
this.lastAppliedFilters = n;
|
|
15528
15534
|
return;
|
|
@@ -15730,7 +15736,7 @@ var Xl = class {
|
|
|
15730
15736
|
};
|
|
15731
15737
|
function Eu(e, t) {
|
|
15732
15738
|
let n = t === I.Desc ? "arrow_downward" : "arrow_upward";
|
|
15733
|
-
return
|
|
15739
|
+
return M(r`<cx-icon name=${n} aria-hidden="true"></cx-icon>`);
|
|
15734
15740
|
}
|
|
15735
15741
|
//#endregion
|
|
15736
15742
|
//#region ../../packages/hybrid/table-core/src/table/table-data-loader.ts
|
|
@@ -16001,7 +16007,13 @@ function qu(e) {
|
|
|
16001
16007
|
});
|
|
16002
16008
|
}), t;
|
|
16003
16009
|
}
|
|
16004
|
-
|
|
16010
|
+
function Ju(e) {
|
|
16011
|
+
let t = 0;
|
|
16012
|
+
return e.forEach((e) => {
|
|
16013
|
+
t += e.size;
|
|
16014
|
+
}), t;
|
|
16015
|
+
}
|
|
16016
|
+
async function Yu(e, t, n, r, i, a = Hu) {
|
|
16005
16017
|
let o = [], s = [];
|
|
16006
16018
|
if (t.forEach((t) => {
|
|
16007
16019
|
if (typeof t.field != "string" || t.field === "") return;
|
|
@@ -16028,7 +16040,7 @@ async function Ju(e, t, n, r, i, a = Hu) {
|
|
|
16028
16040
|
a || (a = /* @__PURE__ */ new Map(), r.set(i, a)), a.set(t, e.failures);
|
|
16029
16041
|
}), !0;
|
|
16030
16042
|
}
|
|
16031
|
-
function
|
|
16043
|
+
function Xu(e, t) {
|
|
16032
16044
|
return e.map((e) => {
|
|
16033
16045
|
if (typeof e.field != "string" || e.field === "" || !e.validator) return e;
|
|
16034
16046
|
let n = e.field, r = e.formatter, i = (e, i, a) => {
|
|
@@ -16046,7 +16058,7 @@ function Yu(e, t) {
|
|
|
16046
16058
|
};
|
|
16047
16059
|
});
|
|
16048
16060
|
}
|
|
16049
|
-
function
|
|
16061
|
+
function Zu(e, t) {
|
|
16050
16062
|
e.some((e) => e.mutateOnValidate) && t && t.getRows().forEach((e) => {
|
|
16051
16063
|
e.getCells().forEach((e) => {
|
|
16052
16064
|
if (!e.getColumn().getDefinition().mutateOnValidate) return;
|
|
@@ -16055,11 +16067,11 @@ function Xu(e, t) {
|
|
|
16055
16067
|
});
|
|
16056
16068
|
});
|
|
16057
16069
|
}
|
|
16058
|
-
function
|
|
16070
|
+
function Qu(e, t) {
|
|
16059
16071
|
let n = t?.modules?.mutator;
|
|
16060
16072
|
n && e.forEach((e) => n.transformRow(e, "data"));
|
|
16061
16073
|
}
|
|
16062
|
-
function
|
|
16074
|
+
function $u(e, t, n, r, i) {
|
|
16063
16075
|
let a = t.filter((e) => e.mutateOnValidate && typeof e.field == "string" && e.field !== "" && typeof e.mutator == "function");
|
|
16064
16076
|
if (a.length === 0) return;
|
|
16065
16077
|
let o = t.filter((e) => typeof e.field == "string" && e.field !== "");
|
|
@@ -16084,24 +16096,24 @@ function Qu(e, t, n, r, i) {
|
|
|
16084
16096
|
}
|
|
16085
16097
|
//#endregion
|
|
16086
16098
|
//#region ../../packages/hybrid/table-core/src/table/table.ts
|
|
16087
|
-
var
|
|
16088
|
-
static #e =
|
|
16099
|
+
var ed, Z = class extends d {
|
|
16100
|
+
static #e = ed = this;
|
|
16089
16101
|
static #t = this.styles = [
|
|
16090
16102
|
h,
|
|
16091
16103
|
xu,
|
|
16092
16104
|
Oe
|
|
16093
16105
|
];
|
|
16094
16106
|
static #n = this.dependencies = {
|
|
16095
|
-
"cx-button":
|
|
16107
|
+
"cx-button": te,
|
|
16096
16108
|
"cx-checkbox": fe,
|
|
16097
16109
|
"cx-divider": Ae,
|
|
16098
16110
|
"cx-faceted-filter": Nt,
|
|
16099
16111
|
"cx-format-number": Xe,
|
|
16100
|
-
"cx-icon":
|
|
16101
|
-
"cx-icon-button":
|
|
16112
|
+
"cx-icon": O,
|
|
16113
|
+
"cx-icon-button": T,
|
|
16102
16114
|
"cx-select": be,
|
|
16103
16115
|
"cx-space": ve,
|
|
16104
|
-
"cx-spinner":
|
|
16116
|
+
"cx-spinner": k,
|
|
16105
16117
|
"cx-table-column-editor": kn,
|
|
16106
16118
|
"cx-table-footer": Mn,
|
|
16107
16119
|
"cx-table-header-menu": Fn,
|
|
@@ -16176,9 +16188,11 @@ var $u, Z = class extends d {
|
|
|
16176
16188
|
}
|
|
16177
16189
|
}
|
|
16178
16190
|
async initTable() {
|
|
16179
|
-
this.tabulatorInstance
|
|
16180
|
-
let e = this.
|
|
16181
|
-
|
|
16191
|
+
this.tabulatorInstance &&= (this.selectAllController.resetSelection(), this.overflowObserver?.disconnect(), this.osInstance?.destroy(), this.tabulatorInstance.off("tableBuilt"), this.tabulatorInstance.destroy(), null), this.filterController.syncDropdownFilterSources(this.dropdownFilters);
|
|
16192
|
+
let e = this.filterController.getMergedFilters();
|
|
16193
|
+
!this.pagination || !this.dataUrl?.trim() ? (this.internalAjaxRequestFunc = void 0, this.inMemoryDataUrlRows = null, this.inMemoryValidationResult = null, this.lastAttemptedDataUrl = null) : this.internalAjaxRequestFunc ||= Wu(() => this.inMemoryDataUrlRows, () => this.inMemoryFilterSortContext);
|
|
16194
|
+
let t = this.rowHeader;
|
|
16195
|
+
t ?? (this.movableRows ? t = Su : this.responsiveLayout === "collapse" && (t = { formatter: "responsiveCollapse" })), this.tabulatorInstance = new Ul(this.table, {
|
|
16182
16196
|
ajaxConfig: { method: this.ajaxMethod },
|
|
16183
16197
|
ajaxContentType: this.ajaxMethod?.toUpperCase() === "POST" ? "json" : "form",
|
|
16184
16198
|
ajaxParams: this.ajaxParams,
|
|
@@ -16239,7 +16253,7 @@ var $u, Z = class extends d {
|
|
|
16239
16253
|
headerSortElement: Eu,
|
|
16240
16254
|
hoverMenu: this.hoverMenu,
|
|
16241
16255
|
index: this.rowIdField,
|
|
16242
|
-
initialFilter:
|
|
16256
|
+
initialFilter: e,
|
|
16243
16257
|
initialHeaderFilter: this.initialHeaderFilter,
|
|
16244
16258
|
layout: this.layout,
|
|
16245
16259
|
layoutColumnsOnNewData: !0,
|
|
@@ -16269,7 +16283,7 @@ var $u, Z = class extends d {
|
|
|
16269
16283
|
responsiveLayoutCollapseStartOpen: this.responsiveLayoutCollapseStartOpen,
|
|
16270
16284
|
responsiveLayoutCollapseUseFormatters: this.responsiveLayoutCollapseUseFormatters,
|
|
16271
16285
|
rowGroupRole: this.rowGroupRole,
|
|
16272
|
-
rowHeader:
|
|
16286
|
+
rowHeader: t,
|
|
16273
16287
|
rowHeight: this.rowHeight,
|
|
16274
16288
|
rowRole: this.rowRole,
|
|
16275
16289
|
selectableRange: !this.noSelectable && this.selectableRange,
|
|
@@ -16293,7 +16307,7 @@ var $u, Z = class extends d {
|
|
|
16293
16307
|
toolbarElement: this.tableToolbar,
|
|
16294
16308
|
validateOnLoad: this.validateOnLoad,
|
|
16295
16309
|
validationWorkerThreshold: this.validationWorkerThreshold
|
|
16296
|
-
}), this.filterController.
|
|
16310
|
+
}), this.filterController.setAppliedFilterBaseline(e), this.loading && this.tabulatorInstance.dataLoader?.setExternalLoading(!0), this.canSelectAll && this.selectAllController.onTableInit(), this.registerEventListeners(), this.tabulatorInstance.on("tableBuilt", this.handleTableBuilt), this.tabulatorInstance.on("validationChanged", this.handleValidationChanged);
|
|
16297
16311
|
}
|
|
16298
16312
|
handleUseOverlayScrollbarChange() {
|
|
16299
16313
|
this.initialized && this.initScrollbars();
|
|
@@ -16302,7 +16316,12 @@ var $u, Z = class extends d {
|
|
|
16302
16316
|
super(), this.localize = new _(this), this.hasSlotController = new v(this, "add-action"), this.osInstance = null, this.resizeObserver = null, this.overflowObserver = null, this.ajaxFacetsController = new Gl(this), this.filterController = new Zl(this), this.ajaxFacetFilterController = new Xl(this, this.filterController), this.selectAllController = new Ql(this), this.shadowRootAutoloader = new Et(this), this.validationTooltipAnchor = null, this.validationTooltipHidePromise = null, this.movableRows = !1, this.movableColumns = !1, this.data = void 0, this.rowHeight = 48, this.layout = "fitColumns", this.columns = [], this.footerElement = void 0, this.responsiveLayout = !1, this.responsiveLayoutCollapseFormatter = void 0, this.responsiveLayoutCollapseUseFormatters = void 0, this.rowHeader = void 0, this.noHeader = !1, this.textDirection = void 0, this.responsiveLayoutCollapseStartOpen = void 0, this.renderVerticalBuffer = void 0, this.renderVertical = "virtual", this.validateOnLoad = !1, this.validationWorkerThreshold = void 0, this.columnDefaults = {}, this.headerContextMenu = !1, this.canSearch = !1, this.noAdvancedSearch = !1, this.showSavedSearch = !1, this.searchFields = [], this.searchMatchAnyKeyword = !1, this.canAdd = !1, this.addLabel = this.localize.term("add"), this.canExportCsv = !1, this.canExportXml = !1, this.canExportPdf = !1, this.canExportCustom = !1, this.canSaveReport = !1, this.savedSearchURL = "", this.savedSearchItems = [], this.savedSearchPageSizeParam = "PageSize", this.savedSearchPageSize = 10, this.savedSearchPageNumberParam = "PageNumber", this.dropdownFilters = [], this.groupByOptions = [], this.ajaxURL = void 0, this.ajaxMethod = "GET", this.ajaxURLGenerator = void 0, this.ajaxParams = void 0, this.ajaxResponse = void 0, this.facetConfig = void 0, this.additionalAppliedFilters = [], this.dataSendParams = void 0, this.dataReceiveParams = void 0, this.noAutoResize = !1, this.resizableRows = !1, this.resizableColumnFit = !1, this.resizableColumnGuide = !1, this.resizableRowGuide = !1, this.frozenRows = void 0, this.frozenRowsField = "id", this.placeholder = this.localize.term("noData"), this.groupBy = void 0, this.groupHeader = void 0, this.groupHeaderCount = !1, this.groupHeaderUseFormatter = !1, this.groupIndent = 36, this.groupHeaderPrint = void 0, this.groupHeaderClipboard = void 0, this.groupHeaderDownload = void 0, this.groupHeaderHtmlOutput = void 0, this.groupStartOpen = !1, this.groupStartOpenValues = void 0, this.groupToggleElement = "arrow", this.groupValues = [], this.groupUpdateOnCellEdit = !1, this.groupLoadMoreMeta = {}, this.dataTree = !1, this.dataTreeChildField = "_children", this.dataTreeLoadingField = "loading", this.dataTreeHasMoreField = "hasMore", this.dataTreeFilter = !1, this.dataTreeSort = !1, this.dataTreeElementColumn = void 0, this.dataTreeChildIndent = 9, this.dataTreeStartExpanded = !1, this.dataTreeSelectPropagate = !1, this.dataTreeExpandElement = void 0, this.dataTreeCollapseElement = void 0, this.spreadsheet = !1, this.spreadsheetColumns = 50, this.spreadsheetRows = 50, this.spreadsheetColumnDefinition = void 0, this.spreadsheetOutputFull = !1, this.editorEmptyValue = "", this.spreadsheetSheets = void 0, this.spreadsheetSheetTabs = !1, this.spreadsheetData = void 0, this.selectableRange = 1, this.noSelectable = !1, this.selectableRangeColumns = !1, this.selectableRangeRows = !1, this.selectableRangeClearCells = !1, this.editTriggerEvent = "dblclick", this.selectableRangeAutoFocus = !1, this.noClipboard = !1, this.clipboardAction = Rt.Both, this.clipboardCopyRowRange = "range", this.clipboardPasteParser = void 0, this.clipboardPasteAction = "insert", this.clipboardCopyConfig = { columnHeaders: !1 }, this.clipboardNoCopyStyled = !1, this.pagination = !1, this.paginationMode = Vt.Local, this.paginationSize = void 0, this.paginationInitialPage = 1, this.paginationButtonCount = 5, this.showPaginationButtons = !1, this.hidePaginationInput = !1, this.pageSizeOptions = void 0, this.paginationAddRow = "page", this.paginationCounter = Qe.Both, this.paginationShowFirst = !1, this.paginationShowLast = !1, this.paginationPlacement = Ft.TopEnd, this.noHeaderRowReserve = !1, this.hoverMenu = void 0, this.label = "", this.tabulatorRole = "grid", this.columnGroupRole = "columngroup", this.columnHeaderRole = "columnheader", this.rowRole = "row", this.rowGroupRole = "rowgroup", this.cellRole = "gridcell", this.filterMode = Vt.Local, this.placeholderHeaderFilter = "No matching data", this.noColumnPlaceholderText = this.localize.term("noColumnsVisible"), this.useOverlayScrollbar = !1, this.loading = !1, this.canSelectAll = !1, this.rowIdField = "id", this.dataUrl = "", this.dateFilterCompareFormat = Ht.IsoDateTime, this.dataFormat = F.Auto, this.dataUrlPath = "", this.preserveColumnsOnLoad = !1, this.tabulatorInstance = null, this.watchedEvents = /* @__PURE__ */ new Set(), this.activeSearchValue = "", this.dataUrlRequestId = 0, this.inMemoryDataUrlRows = null, this.inMemoryValidationResult = null, this.internalAjaxRequestFunc = void 0, this.lastAttemptedDataUrl = null, this.hasFacets = !1, this.headerMenuOpen = !1, this.headerMenuField = "", this.headerMenuPointX = 0, this.headerMenuPointY = 0, this.headerMenuHideDisabled = !1, this.columnEditorOpen = !1, this.columnEditorEntries = [], this.handleTableBuilt = () => {
|
|
16303
16317
|
this.initScrollbars(), this.initOverflowObserver(), this.tabulatorInstance?.setColumns(this.columns ?? []), this.validateOnLoad && this.tabulatorInstance?.validateAsync(), this.filterController.syncDropdownFilterSources(this.dropdownFilters), this.handleSearch(), this.filterController.applyFilters(), this.refreshInMemoryPaginationCount(), this.placePaginator(), this.dataUrl && (!this.pagination || this.lastAttemptedDataUrl !== this.dataUrl.trim()) && this.loadFromDataUrl();
|
|
16304
16318
|
}, this.handleValidationChanged = (e) => {
|
|
16305
|
-
this.validationTooltipAnchor && !this.validationTooltipAnchor.isConnected && this.hideValidationTooltip()
|
|
16319
|
+
this.validationTooltipAnchor && !this.validationTooltipAnchor.isConnected && this.hideValidationTooltip();
|
|
16320
|
+
let t = this.pagination && !!this.dataUrl?.trim();
|
|
16321
|
+
this.emit("cx-table-validation-change", { detail: {
|
|
16322
|
+
...e,
|
|
16323
|
+
complete: !t
|
|
16324
|
+
} });
|
|
16306
16325
|
}, this.checkHorizontalOverflow = () => {
|
|
16307
16326
|
if (!this.tabulatorElement || !this.tabulatorHolder) return;
|
|
16308
16327
|
let e = this.tabulatorHolder.scrollWidth > this.tabulatorHolder.clientWidth;
|
|
@@ -16561,8 +16580,8 @@ var $u, Z = class extends d {
|
|
|
16561
16580
|
let t = s.length;
|
|
16562
16581
|
e.forEach((e) => {
|
|
16563
16582
|
e.__cxRowIndex = s.length, s.push(e);
|
|
16564
|
-
}),
|
|
16565
|
-
}, m =
|
|
16583
|
+
}), Qu(e, this.tabulatorInstance), !d && s.length >= r && (d = !0, a(l, s)), d && !this.hasActiveDataFilter && this.updatePaginationCountLive(s.length), await Yu(e, u, t, c, this.tabulatorInstance, this.validationWorkerThreshold) && n === this.dataUrlRequestId && o(s.length, c), await new Promise((e) => requestAnimationFrame(() => e()));
|
|
16584
|
+
}, m = ed.IN_MEMORY_PARSE_CHUNK_SIZE;
|
|
16566
16585
|
return t === F.Csv ? await Du(e, f, p, m) : t === F.Json ? await ku(e, f, p, m, this.dataUrlPath) : t === F.Xml && await Ou(e, f, p, m, this.dataUrlPath), d || a(l, s), {
|
|
16567
16586
|
columns: l,
|
|
16568
16587
|
rows: s,
|
|
@@ -16647,25 +16666,25 @@ var $u, Z = class extends d {
|
|
|
16647
16666
|
let a = await n.text();
|
|
16648
16667
|
if (t !== this.dataUrlRequestId) return;
|
|
16649
16668
|
if (this.pagination) {
|
|
16650
|
-
let n = this.paginationSize ?? 200, r = !1, o = [], s = 0, { rows: c, validationResult: l } = await this.parseDataUrlIntoMemory(a, i, t, n, (e) => (o =
|
|
16669
|
+
let n = this.paginationSize ?? 200, r = !1, o = [], s = 0, { rows: c, validationResult: l } = await this.parseDataUrlIntoMemory(a, i, t, n, (e) => (o = Xu(this.resolveColumnsAfterLoad(e), () => this.inMemoryValidationResult), o), (e, n) => {
|
|
16651
16670
|
r || t !== this.dataUrlRequestId || (r = !0, this.inMemoryDataUrlRows = n, this.columns = o, this.tabulatorInstance?.setData(void 0), this.setLoading(!1));
|
|
16652
16671
|
}, (e, n) => {
|
|
16653
|
-
|
|
16654
|
-
|
|
16655
|
-
|
|
16656
|
-
n.forEach((e) => {
|
|
16657
|
-
i += e.size;
|
|
16658
|
-
}), this.emit("cx-table-validation-change", { detail: {
|
|
16659
|
-
invalidCellCount: i,
|
|
16672
|
+
t === this.dataUrlRequestId && (this.inMemoryValidationResult = n, this.inMemoryDataUrlRows && ($u(this.inMemoryDataUrlRows, o, s, e, n), s = e), this.emit("cx-table-validation-change", { detail: {
|
|
16673
|
+
complete: !1,
|
|
16674
|
+
invalidCellCount: Ju(n),
|
|
16660
16675
|
invalidCells: []
|
|
16661
|
-
} }), r && (
|
|
16676
|
+
} }), r && (Zu(o, this.tabulatorInstance), this.tabulatorInstance?.redraw(!0)));
|
|
16662
16677
|
});
|
|
16663
16678
|
if (t !== this.dataUrlRequestId) return;
|
|
16664
|
-
this.inMemoryValidationResult = l,
|
|
16679
|
+
this.inMemoryValidationResult = l, $u(c, o, s, c.length, l), this.refreshInMemoryPaginationCount(), t === this.dataUrlRequestId && await this.tabulatorInstance?.setData(void 0), t === this.dataUrlRequestId && (this.emit("cx-table-validation-change", { detail: {
|
|
16680
|
+
complete: !0,
|
|
16681
|
+
invalidCellCount: Ju(l),
|
|
16682
|
+
invalidCells: []
|
|
16683
|
+
} }), this.emit("cx-table-data-load", { detail: {
|
|
16665
16684
|
format: i,
|
|
16666
16685
|
rowCount: c.length,
|
|
16667
16686
|
url: e
|
|
16668
|
-
} });
|
|
16687
|
+
} }));
|
|
16669
16688
|
return;
|
|
16670
16689
|
}
|
|
16671
16690
|
if (i === F.Csv) {
|
|
@@ -16708,8 +16727,8 @@ var $u, Z = class extends d {
|
|
|
16708
16727
|
} : r : Array.isArray(r) ? r : r?.data ?? r;
|
|
16709
16728
|
}
|
|
16710
16729
|
renderToolbar() {
|
|
16711
|
-
return r`<cx-table-toolbar label=${this.label} ?pagination=${this.pagination} pagination-placement=${
|
|
16712
|
-
${
|
|
16730
|
+
return r`<cx-table-toolbar label=${this.label} ?pagination=${this.pagination} pagination-placement=${E(this.pagination ? this.paginationPlacement : void 0)} ?no-header-row-reserve=${this.noHeaderRowReserve} ?has-dynamic-filter=${this.hasFacets} ?can-search=${this.canSearch} search-value=${this.searchValue} ?can-add=${this.canAdd} add-label=${this.addLabel} ?can-export-csv=${this.canExportCsv} ?can-export-xml=${this.canExportXml} ?can-export-pdf=${this.canExportPdf} ?can-export-custom=${this.canExportCustom} ?can-save-report=${this.canSaveReport} ?show-saved-search=${this.showSavedSearch} ?no-advanced-search=${this.noAdvancedSearch} .dropdownFilters=${this.dropdownFilters} .groupByOptions=${this.groupByOptions} group-by-value=${typeof this.groupBy == "string" ? this.groupBy : ""} saved-search-url=${this.savedSearchURL} .savedSearchItems=${this.savedSearchItems} saved-search-page-size-param=${this.savedSearchPageSizeParam} saved-search-page-size=${this.savedSearchPageSize} saved-search-page-number-param=${this.savedSearchPageNumberParam} .selectAllState=${this.canSelectAll ? this.selectAllController.state : null} @cx-search=${this.handleSearch} @cx-table-export=${this.handleTableExport} @cx-table-dropdown-filter-change=${this.handleDropdownFilterChange} @cx-table-group-by-change=${this.handleTableGroupByChange} @cx-table-select-all-change=${this.handleSelectAllChange}><slot name="select-all-actions" slot="select-all-actions"></slot>${D(this.hasFacets, () => r`<cx-faceted-filter slot="dialog-dynamic-filter" .facets=${this.ajaxFacetsController.facets} .availableFacets=${this.ajaxFacetsController.availableFacets} .externalFilters=${this.appliedFilterTags} @cx-faceted-filter-remove=${this.handleAppliedFilterRemove}></cx-faceted-filter>`)}
|
|
16731
|
+
${D(this.hasSlotController.test("add-action"), () => r`<slot name="add-action" slot="add-action"></slot>`)}</cx-table-toolbar>`;
|
|
16713
16732
|
}
|
|
16714
16733
|
renderPaginationFooter() {
|
|
16715
16734
|
return r`<cx-table-footer part="pagination-footer" pagination-placement=${this.paginationPlacement}></cx-table-footer>`;
|
|
@@ -16773,10 +16792,10 @@ var $u, Z = class extends d {
|
|
|
16773
16792
|
this.columnEditorOpen = !1, this.emit("cx-table-columns-change", { detail: { visibleFields: e } });
|
|
16774
16793
|
}
|
|
16775
16794
|
render() {
|
|
16776
|
-
return r`<cx-space part="base" direction="vertical" spacing="large" wrap="nowrap" class=${
|
|
16795
|
+
return r`<cx-space part="base" direction="vertical" spacing="large" wrap="nowrap" class=${w({
|
|
16777
16796
|
container: !0,
|
|
16778
16797
|
"container--overlay-scrollbar": this.useOverlayScrollbar
|
|
16779
|
-
})}>${
|
|
16798
|
+
})}>${D(this.showTableToolbar, () => this.renderToolbar())}<div part="table" class="table" @mouseover=${this.handleValidationMouseOver} @mouseout=${this.handleValidationMouseOut} @contextmenu=${this.handleHeaderContextMenu}></div>${D(this.showPaginationFooter, () => this.renderPaginationFooter())}</cx-space><cx-tooltip class="validation-tooltip" trigger="manual" disabled-hover-bridge></cx-tooltip><cx-table-header-menu ?open=${this.headerMenuOpen} point-x=${this.headerMenuPointX} point-y=${this.headerMenuPointY} field=${this.headerMenuField} ?hide-disabled=${this.headerMenuHideDisabled} @cx-table-header-menu-select=${this.handleHeaderMenuSelect} @cx-table-header-menu-close=${this.handleHeaderMenuClose}></cx-table-header-menu><cx-table-column-editor ?open=${this.columnEditorOpen} .entries=${this.columnEditorEntries} @cx-table-column-editor-apply=${this.handleColumnEditorApply} @cx-table-column-editor-cancel=${this.handleColumnEditorCancel}></cx-table-column-editor>`;
|
|
16780
16799
|
}
|
|
16781
16800
|
};
|
|
16782
16801
|
l([f(".tabulator-tableholder"), u("design:type", typeof HTMLDivElement > "u" ? Object : HTMLDivElement)], Z.prototype, "tabulatorHolder", void 0), l([f(".tabulator"), u("design:type", typeof HTMLElement > "u" ? Object : HTMLElement)], Z.prototype, "tabulatorElement", void 0), l([f(".table"), u("design:type", typeof HTMLElement > "u" ? Object : HTMLElement)], Z.prototype, "table", void 0), l([f("cx-table-toolbar"), u("design:type", Jn === void 0 ? Object : Jn)], Z.prototype, "tableToolbar", void 0), l([f("cx-table-footer"), u("design:type", Object)], Z.prototype, "tableFooter", void 0), l([f(".validation-tooltip"), u("design:type", N === void 0 ? Object : N)], Z.prototype, "validationTooltip", void 0), l([s({
|
|
@@ -17231,17 +17250,17 @@ l([f(".tabulator-tableholder"), u("design:type", typeof HTMLDivElement > "u" ? O
|
|
|
17231
17250
|
attribute: "preserve-columns-on-load",
|
|
17232
17251
|
type: Boolean
|
|
17233
17252
|
}), u("design:type", Object)], Z.prototype, "preserveColumnsOnLoad", void 0), l([c(), u("design:type", Object)], Z.prototype, "tabulatorInstance", void 0), l([c(), u("design:type", Object)], Z.prototype, "watchedEvents", void 0), l([c(), u("design:type", String)], Z.prototype, "activeSearchValue", void 0), l([c(), u("design:type", Object)], Z.prototype, "dataUrlRequestId", void 0), l([c(), u("design:type", Object)], Z.prototype, "hasFacets", void 0), l([c(), u("design:type", Object)], Z.prototype, "headerMenuOpen", void 0), l([c(), u("design:type", Object)], Z.prototype, "headerMenuField", void 0), l([c(), u("design:type", Object)], Z.prototype, "headerMenuPointX", void 0), l([c(), u("design:type", Object)], Z.prototype, "headerMenuPointY", void 0), l([c(), u("design:type", Object)], Z.prototype, "headerMenuHideDisabled", void 0), l([c(), u("design:type", Object)], Z.prototype, "columnEditorOpen", void 0), l([c(), u("design:type", Array)], Z.prototype, "columnEditorEntries", void 0), l([
|
|
17234
|
-
|
|
17253
|
+
C("useOverlayScrollbar"),
|
|
17235
17254
|
u("design:type", Function),
|
|
17236
17255
|
u("design:paramtypes", []),
|
|
17237
17256
|
u("design:returntype", void 0)
|
|
17238
17257
|
], Z.prototype, "handleUseOverlayScrollbarChange", null), l([
|
|
17239
|
-
|
|
17258
|
+
C(/* @__PURE__ */ "movableRows.movableColumns.rowHeight.layout.footerElement.responsiveLayout.responsiveLayoutCollapseStartOpen.responsiveLayoutCollapseFormatter.responsiveLayoutCollapseUseFormatters.rowHeader.noHeader.textDirection.renderVerticalBuffer.renderVertical.columnDefaults.ajaxURL.ajaxMethod.ajaxURLGenerator.ajaxParams.ajaxResponse.ajaxRequestFunc.dataSendParams.dataReceiveParams.noAutoResize.resizableRows.resizableColumnFit.resizableColumnGuide.resizableRowGuide.frozenRows.frozenRowsField.placeholder.groupHeaderPrint.groupHeaderClipboard.groupHeaderCount.groupHeaderDownload.groupHeaderHtmlOutput.groupToggleElement.groupStartOpen.groupStartOpenValues.groupIndent.groupUpdateOnCellEdit.dataTree.dataTreeChildField.dataTreeLoadingField.dataTreeHasMoreField.dataTreeFilter.dataTreeSort.dataTreeElementColumn.dataTreeChildIndent.dataTreeStartExpanded.dataTreeSelectPropagate.dataTreeExpandElement.dataTreeCollapseElement.spreadsheet.spreadsheetColumns.spreadsheetRows.spreadsheetColumnDefinition.spreadsheetOutputFull.hidePaginationInput.editorEmptyValue.spreadsheetSheets.spreadsheetSheetTabs.selectableRange.noSelectable.selectableRangeColumns.selectableRangeRows.selectableRangeClearCells.editTriggerEvent.selectableRangeAutoFocus.noClipboard.clipboardAction.clipboardCopyRowRange.clipboardPasteParser.clipboardPasteAction.clipboardCopyConfig.clipboardNoCopyStyled.pagination.paginationMode.paginationButtonCount.pageSizeOptions.paginationAddRow.paginationCounter.hoverMenu.tabulatorRole.columnGroupRole.columnHeaderRole.rowRole.rowGroupRole.cellRole.filterMode.initialFilter.initialHeaderFilter.headerFilterLiveFilterDelay.placeholderHeaderFilter.canSelectAll.rowIdField.validateOnLoad.validationWorkerThreshold".split(".")),
|
|
17240
17259
|
u("design:type", Function),
|
|
17241
17260
|
u("design:paramtypes", []),
|
|
17242
17261
|
u("design:returntype", void 0)
|
|
17243
17262
|
], Z.prototype, "handleLayoutChange", null), l([
|
|
17244
|
-
|
|
17263
|
+
C("data", {
|
|
17245
17264
|
deepCompare: !0,
|
|
17246
17265
|
waitUntilFirstUpdate: !0
|
|
17247
17266
|
}),
|
|
@@ -17249,12 +17268,12 @@ l([f(".tabulator-tableholder"), u("design:type", typeof HTMLDivElement > "u" ? O
|
|
|
17249
17268
|
u("design:paramtypes", []),
|
|
17250
17269
|
u("design:returntype", void 0)
|
|
17251
17270
|
], Z.prototype, "handleDataChange", null), l([
|
|
17252
|
-
|
|
17271
|
+
C("spreadsheetData", { waitUntilFirstUpdate: !0 }),
|
|
17253
17272
|
u("design:type", Function),
|
|
17254
17273
|
u("design:paramtypes", []),
|
|
17255
17274
|
u("design:returntype", void 0)
|
|
17256
17275
|
], Z.prototype, "handleSpreadsheetDataChange", null), l([
|
|
17257
|
-
|
|
17276
|
+
C("columns", {
|
|
17258
17277
|
deepCompare: !0,
|
|
17259
17278
|
waitUntilFirstUpdate: !0
|
|
17260
17279
|
}),
|
|
@@ -17262,32 +17281,32 @@ l([f(".tabulator-tableholder"), u("design:type", typeof HTMLDivElement > "u" ? O
|
|
|
17262
17281
|
u("design:paramtypes", []),
|
|
17263
17282
|
u("design:returntype", void 0)
|
|
17264
17283
|
], Z.prototype, "handleColumnsChange", null), l([
|
|
17265
|
-
|
|
17284
|
+
C("noColumnPlaceholderText", { waitUntilFirstUpdate: !0 }),
|
|
17266
17285
|
u("design:type", Function),
|
|
17267
17286
|
u("design:paramtypes", []),
|
|
17268
17287
|
u("design:returntype", void 0)
|
|
17269
17288
|
], Z.prototype, "handleNoColumnPlaceholderTextChange", null), l([
|
|
17270
|
-
|
|
17289
|
+
C("groupBy", { waitUntilFirstUpdate: !0 }),
|
|
17271
17290
|
u("design:type", Function),
|
|
17272
17291
|
u("design:paramtypes", []),
|
|
17273
17292
|
u("design:returntype", void 0)
|
|
17274
17293
|
], Z.prototype, "handleGroupByChange", null), l([
|
|
17275
|
-
|
|
17294
|
+
C("groupHeader", { waitUntilFirstUpdate: !0 }),
|
|
17276
17295
|
u("design:type", Function),
|
|
17277
17296
|
u("design:paramtypes", []),
|
|
17278
17297
|
u("design:returntype", void 0)
|
|
17279
17298
|
], Z.prototype, "handleGroupHeaderChange", null), l([
|
|
17280
|
-
|
|
17299
|
+
C("groupHeaderUseFormatter", { waitUntilFirstUpdate: !0 }),
|
|
17281
17300
|
u("design:type", Function),
|
|
17282
17301
|
u("design:paramtypes", []),
|
|
17283
17302
|
u("design:returntype", void 0)
|
|
17284
17303
|
], Z.prototype, "handleGroupHeaderUseFormatterChange", null), l([
|
|
17285
|
-
|
|
17304
|
+
C("groupValues", { waitUntilFirstUpdate: !0 }),
|
|
17286
17305
|
u("design:type", Function),
|
|
17287
17306
|
u("design:paramtypes", []),
|
|
17288
17307
|
u("design:returntype", void 0)
|
|
17289
17308
|
], Z.prototype, "handleGroupValuesChange", null), l([
|
|
17290
|
-
|
|
17309
|
+
C("groupLoadMoreMeta", {
|
|
17291
17310
|
deepCompare: !0,
|
|
17292
17311
|
waitUntilFirstUpdate: !0
|
|
17293
17312
|
}),
|
|
@@ -17295,42 +17314,42 @@ l([f(".tabulator-tableholder"), u("design:type", typeof HTMLDivElement > "u" ? O
|
|
|
17295
17314
|
u("design:paramtypes", []),
|
|
17296
17315
|
u("design:returntype", void 0)
|
|
17297
17316
|
], Z.prototype, "handleGroupLoadMoreMetaChange", null), l([
|
|
17298
|
-
|
|
17317
|
+
C("paginationSize", { waitUntilFirstUpdate: !0 }),
|
|
17299
17318
|
u("design:type", Function),
|
|
17300
17319
|
u("design:paramtypes", []),
|
|
17301
17320
|
u("design:returntype", void 0)
|
|
17302
17321
|
], Z.prototype, "handlePaginationSizeChange", null), l([
|
|
17303
|
-
|
|
17322
|
+
C("pagination", { waitUntilFirstUpdate: !0 }),
|
|
17304
17323
|
u("design:type", Function),
|
|
17305
17324
|
u("design:paramtypes", []),
|
|
17306
17325
|
u("design:returntype", Promise)
|
|
17307
17326
|
], Z.prototype, "handlePaginationChange", null), l([
|
|
17308
|
-
|
|
17327
|
+
C("paginationPlacement", { waitUntilFirstUpdate: !0 }),
|
|
17309
17328
|
u("design:type", Function),
|
|
17310
17329
|
u("design:paramtypes", []),
|
|
17311
17330
|
u("design:returntype", Promise)
|
|
17312
17331
|
], Z.prototype, "handlePaginationPlacementChange", null), l([
|
|
17313
|
-
|
|
17332
|
+
C("paginationInitialPage"),
|
|
17314
17333
|
u("design:type", Function),
|
|
17315
17334
|
u("design:paramtypes", []),
|
|
17316
17335
|
u("design:returntype", void 0)
|
|
17317
17336
|
], Z.prototype, "handlePaginationInitialPageChange", null), l([
|
|
17318
|
-
|
|
17337
|
+
C("loading", { waitUntilFirstUpdate: !0 }),
|
|
17319
17338
|
u("design:type", Function),
|
|
17320
17339
|
u("design:paramtypes", []),
|
|
17321
17340
|
u("design:returntype", void 0)
|
|
17322
17341
|
], Z.prototype, "handleLoadingChange", null), l([
|
|
17323
|
-
|
|
17342
|
+
C("searchFields", { waitUntilFirstUpdate: !0 }),
|
|
17324
17343
|
u("design:type", Function),
|
|
17325
17344
|
u("design:paramtypes", []),
|
|
17326
17345
|
u("design:returntype", void 0)
|
|
17327
17346
|
], Z.prototype, "handleSearchFieldsChange", null), l([
|
|
17328
|
-
|
|
17347
|
+
C("searchMatchAnyKeyword", { waitUntilFirstUpdate: !0 }),
|
|
17329
17348
|
u("design:type", Function),
|
|
17330
17349
|
u("design:paramtypes", []),
|
|
17331
17350
|
u("design:returntype", void 0)
|
|
17332
17351
|
], Z.prototype, "handleSearchMatchAnyKeywordChange", null), l([
|
|
17333
|
-
|
|
17352
|
+
C("dropdownFilters", {
|
|
17334
17353
|
deepCompare: !0,
|
|
17335
17354
|
waitUntilFirstUpdate: !0
|
|
17336
17355
|
}),
|
|
@@ -17338,7 +17357,7 @@ l([f(".tabulator-tableholder"), u("design:type", typeof HTMLDivElement > "u" ? O
|
|
|
17338
17357
|
u("design:paramtypes", []),
|
|
17339
17358
|
u("design:returntype", void 0)
|
|
17340
17359
|
], Z.prototype, "handleDropdownFiltersPropChange", null), l([
|
|
17341
|
-
|
|
17360
|
+
C([
|
|
17342
17361
|
"dataUrl",
|
|
17343
17362
|
"dataFormat",
|
|
17344
17363
|
"dataUrlPath"
|
|
@@ -17346,18 +17365,18 @@ l([f(".tabulator-tableholder"), u("design:type", typeof HTMLDivElement > "u" ? O
|
|
|
17346
17365
|
u("design:type", Function),
|
|
17347
17366
|
u("design:paramtypes", []),
|
|
17348
17367
|
u("design:returntype", void 0)
|
|
17349
|
-
], Z.prototype, "handleDataUrlChange", null), Z =
|
|
17368
|
+
], Z.prototype, "handleDataUrlChange", null), Z = ed = l([g("cx-table"), u("design:paramtypes", [])], Z);
|
|
17350
17369
|
//#endregion
|
|
17351
17370
|
//#region ../../packages/hybrid/table-core/src/index.ts
|
|
17352
|
-
var
|
|
17371
|
+
var td = Z, Q = /* @__PURE__ */ function(e) {
|
|
17353
17372
|
return e.Circles = "circles", e.Grid = "grid", e.Table = "table", e;
|
|
17354
|
-
}({}), td = /* @__PURE__ */ function(e) {
|
|
17355
|
-
return e.Custom = "custom", e.FillContainer = "fill-container", e.HugContents = "hug-contents", e;
|
|
17356
17373
|
}({}), nd = /* @__PURE__ */ function(e) {
|
|
17357
|
-
return e.
|
|
17374
|
+
return e.Custom = "custom", e.FillContainer = "fill-container", e.HugContents = "hug-contents", e;
|
|
17358
17375
|
}({}), rd = /* @__PURE__ */ function(e) {
|
|
17376
|
+
return e.Center = "center", e.Left = "left", e.Right = "right", e;
|
|
17377
|
+
}({}), id = /* @__PURE__ */ function(e) {
|
|
17359
17378
|
return e.ColumnTitles = "column-titles", e.PaletteName = "palette-name", e.SeparatorLine = "separator-line", e;
|
|
17360
|
-
}({}),
|
|
17379
|
+
}({}), ad = {
|
|
17361
17380
|
alignment: "left",
|
|
17362
17381
|
color: "",
|
|
17363
17382
|
constraints: !1,
|
|
@@ -17369,12 +17388,12 @@ var ed = Z, Q = /* @__PURE__ */ function(e) {
|
|
|
17369
17388
|
minWidth: "",
|
|
17370
17389
|
width: "",
|
|
17371
17390
|
widthMode: "hug-contents"
|
|
17372
|
-
},
|
|
17391
|
+
}, od = /* @__PURE__ */ new Set([
|
|
17373
17392
|
"HEX",
|
|
17374
17393
|
"RGB",
|
|
17375
17394
|
"CMYK",
|
|
17376
17395
|
"PMS"
|
|
17377
|
-
]),
|
|
17396
|
+
]), sd = new Set(Object.values(id)), cd = { resizable: !1 }, ld = {
|
|
17378
17397
|
field: "name",
|
|
17379
17398
|
formatter: (e) => {
|
|
17380
17399
|
let t = e.getRow().getData(), n = document.createElement("div");
|
|
@@ -17388,7 +17407,7 @@ var ed = Z, Q = /* @__PURE__ */ function(e) {
|
|
|
17388
17407
|
headerSort: !1,
|
|
17389
17408
|
hozAlign: "left",
|
|
17390
17409
|
title: "Name"
|
|
17391
|
-
},
|
|
17410
|
+
}, ud = [
|
|
17392
17411
|
{
|
|
17393
17412
|
field: "hex",
|
|
17394
17413
|
headerHozAlign: "left",
|
|
@@ -17419,10 +17438,10 @@ var ed = Z, Q = /* @__PURE__ */ function(e) {
|
|
|
17419
17438
|
title: "PMS"
|
|
17420
17439
|
}
|
|
17421
17440
|
];
|
|
17422
|
-
function
|
|
17441
|
+
function dd(e, t, n) {
|
|
17423
17442
|
let i = t.getValue() ?? "";
|
|
17424
17443
|
if (!i) return null;
|
|
17425
|
-
let o = r`<cx-copy-button copy-label=${e.term("clickToCopy")} focus-copy-label=${e.term("pressEnterOrCtrlCToCopy")} hoist label=${`${n}, ${t.getField()} ${e.term("code")} ${i}. ${e.term("clickOrPressCtrlCToCopy")}`} no-icon tooltip-distance="0" value=${i} style=${
|
|
17444
|
+
let o = r`<cx-copy-button copy-label=${e.term("clickToCopy")} focus-copy-label=${e.term("pressEnterOrCtrlCToCopy")} hoist label=${`${n}, ${t.getField()} ${e.term("code")} ${i}. ${e.term("clickOrPressCtrlCToCopy")}`} no-icon tooltip-distance="0" value=${i} style=${A({
|
|
17426
17445
|
"--button-background-color": "transparent",
|
|
17427
17446
|
"--button-font-family": "var(--swatch-font-family, var(--cx-font-sans))",
|
|
17428
17447
|
"--button-font-size": "var(--swatch-font-size, var(--cx-font-size-large))",
|
|
@@ -17431,7 +17450,7 @@ function ud(e, t, n) {
|
|
|
17431
17450
|
"--button-padding": "0",
|
|
17432
17451
|
"--button-text-color": "var(--swatch-text-color, var(--cx-color-neutral))",
|
|
17433
17452
|
"max-width": "100%"
|
|
17434
|
-
})}><span style=${
|
|
17453
|
+
})}><span style=${A({
|
|
17435
17454
|
display: "inline-block",
|
|
17436
17455
|
maxWidth: "100%",
|
|
17437
17456
|
overflowWrap: "anywhere",
|
|
@@ -17440,10 +17459,10 @@ function ud(e, t, n) {
|
|
|
17440
17459
|
})}>${i}</span></cx-copy-button>`, s = document.createDocumentFragment();
|
|
17441
17460
|
return a(o, s), s.firstElementChild;
|
|
17442
17461
|
}
|
|
17443
|
-
var
|
|
17462
|
+
var fd = (e, t) => [
|
|
17444
17463
|
{
|
|
17445
17464
|
field: "hex",
|
|
17446
|
-
formatter: (n) =>
|
|
17465
|
+
formatter: (n) => dd(e, n, t),
|
|
17447
17466
|
headerHozAlign: "left",
|
|
17448
17467
|
headerSort: !1,
|
|
17449
17468
|
hozAlign: "center",
|
|
@@ -17451,7 +17470,7 @@ var dd = (e, t) => [
|
|
|
17451
17470
|
},
|
|
17452
17471
|
{
|
|
17453
17472
|
field: "rgb",
|
|
17454
|
-
formatter: (n) =>
|
|
17473
|
+
formatter: (n) => dd(e, n, t),
|
|
17455
17474
|
headerHozAlign: "left",
|
|
17456
17475
|
headerSort: !1,
|
|
17457
17476
|
hozAlign: "center",
|
|
@@ -17459,7 +17478,7 @@ var dd = (e, t) => [
|
|
|
17459
17478
|
},
|
|
17460
17479
|
{
|
|
17461
17480
|
field: "cmyk",
|
|
17462
|
-
formatter: (n) =>
|
|
17481
|
+
formatter: (n) => dd(e, n, t),
|
|
17463
17482
|
headerHozAlign: "left",
|
|
17464
17483
|
headerSort: !1,
|
|
17465
17484
|
hozAlign: "center",
|
|
@@ -17467,18 +17486,18 @@ var dd = (e, t) => [
|
|
|
17467
17486
|
},
|
|
17468
17487
|
{
|
|
17469
17488
|
field: "pms",
|
|
17470
|
-
formatter: (n) =>
|
|
17489
|
+
formatter: (n) => dd(e, n, t),
|
|
17471
17490
|
headerHozAlign: "left",
|
|
17472
17491
|
headerSort: !1,
|
|
17473
17492
|
hozAlign: "center",
|
|
17474
17493
|
title: "PMS"
|
|
17475
17494
|
}
|
|
17476
17495
|
];
|
|
17477
|
-
function
|
|
17496
|
+
function pd(e) {
|
|
17478
17497
|
return {
|
|
17479
|
-
field:
|
|
17498
|
+
field: md(e.id),
|
|
17480
17499
|
formatter: (t) => {
|
|
17481
|
-
let n = t.getValue() ?? "", i = r`<span style=${
|
|
17500
|
+
let n = t.getValue() ?? "", i = r`<span style=${A({
|
|
17482
17501
|
color: e.color || "var(--swatch-text-color, var(--cx-color-neutral-900))",
|
|
17483
17502
|
display: "inline-block",
|
|
17484
17503
|
fontFamily: e.fontFamily || "var(--swatch-font-family, var(--cx-font-sans))",
|
|
@@ -17498,20 +17517,20 @@ function fd(e) {
|
|
|
17498
17517
|
title: e.name
|
|
17499
17518
|
};
|
|
17500
17519
|
}
|
|
17501
|
-
function
|
|
17520
|
+
function md(e) {
|
|
17502
17521
|
return `custom-${e}`;
|
|
17503
17522
|
}
|
|
17504
17523
|
//#endregion
|
|
17505
17524
|
//#region ../../packages/organisms/src/color-swatch-group/color-swatch-group.styles.ts
|
|
17506
|
-
var
|
|
17525
|
+
var hd = i`:host{--grid-gap:var(--cx-spacing-medium);--grid-column-gap:var(--grid-gap);--grid-row-gap:var(--grid-gap);--padding:0;--palette-title-font-size:var(--cx-font-size-x-large);--palette-title-color:light-dark(#000,#fff);--column-title-font-size:var(--cx-font-size-large);--column-title-color:light-dark(#000,#fff);--name-swatch-width:64px;--name-swatch-height:32px;--name-swatch-border-radius:0;--swatch-circle-size:350px;--swatch-circle-border-radius:1000px;--swatch-circle-content-align:center;--swatch-circle-content-justify:center;--swatch-circle-content-margin:0px;--swatch-group-horizontal-gap:-120px;--swatch-border:light-dark(#0000,#0000) 0px;--swatch-border-radius:var(--cx-border-radius-x-large);--swatch-box-shadow:0px 0px 0px 0px light-dark(#0000,#0000);--swatch-content-justify:space-between;--swatch-content-margin:var(--cx-spacing-medium);--swatch-min-height:50px;--swatch-text-color:light-dark(#000,#fff);--swatch-font-size:var(--cx-font-size-large);padding:var(--cx-focus-ring-width);width:100%;min-width:0;display:block}.color-swatch-group__swatches{padding:var(--padding,0);width:100%;max-width:100%;height:100%}.color-swatch-group__table-container{width:100%;min-width:0;max-width:100%}.color-swatch-group__measure{visibility:hidden;pointer-events:none;box-sizing:border-box;white-space:nowrap;padding-right:calc(var(--row-padding-right,var(--cx-spacing-2x-small)) + var(--table-column-gap,0px));padding-left:var(--row-padding-left,var(--cx-spacing-2x-small));font-family:var(--swatch-font-family,var(--cx-font-sans));font-style:var(--swatch-font-style,normal);font-weight:var(--swatch-font-weight,var(--cx-font-weight-regular));font-size:var(--swatch-font-size,var(--cx-font-size-large));position:absolute;top:0;left:0}.color-swatch-group__measure--title{padding-right:calc(var(--row-padding-left,var(--cx-spacing-2x-small)) + var(--table-column-gap,0px));font-family:var(--column-title-font-family,var(--swatch-font-family,var(--cx-font-sans)));font-style:var(--column-title-font-style,var(--swatch-font-style,normal));font-weight:var(--column-title-font-weight,var(--swatch-font-weight,var(--cx-font-weight-semibold)));font-size:var(--column-title-font-size,var(--swatch-font-size,var(--cx-font-size-large)))}.color-swatch-group__measure--copyable{border:var(--cx-input-border-width) solid transparent;text-transform:var(--cx-button-text-transform,none)}.color-swatch-group__measure--name{padding-left:calc(var(--row-padding-left,var(--cx-spacing-2x-small)) + var(--name-swatch-width,64px) + var(--cx-spacing-small))}.color-swatch-group__title{--font-family:var(--palette-title-font-family,var(--swatch-font-family,var(--cx-font-sans)));--font-style:var(--palette-title-font-style);--font-weight:var(--palette-title-font-weight);--font-size:var(--palette-title-font-size);--color:var(--palette-title-color)}.color-swatch-group__table-container:focus-visible{outline:var(--cx-focus-ring);outline-offset:var(--cx-focus-ring-offset)}.color-swatch-group__swatches--circles--horizontal,.color-swatch-group__swatches--circles--vertical{--spacing-container-gap:0px}.color-swatch-group__swatches--circles--horizontal{overflow:auto}.color-swatch-group__swatches--circles--horizontal>cx-color-swatch:not(:first-child){margin-left:var(--swatch-group-horizontal-gap,-120px)}.color-swatch-group__swatches--circles--vertical>cx-color-swatch:not(:first-child){margin-top:var(--swatch-group-vertical-gap,var(--swatch-group-horizontal-gap,-50px))}.color-swatch-group__swatches--circles--vertical__item--mobile{--swatch-size:100%}.color-swatch-group__swatches--grid{align-items:stretch;column-gap:var(--grid-column-gap,var(--grid-gap,var(--cx-spacing-medium)));row-gap:var(--grid-row-gap,var(--grid-gap,var(--cx-spacing-medium)));display:grid}.color-swatch-group__table{font-family:var(--swatch-font-family,var(--cx-font-sans));font-style:var(--swatch-font-style,normal);--width:var(--table-width,100%);--body-background-color:transparent;--row-background-color:transparent;--row-even-background-color:transparent;--row-hover-background-color:var(--cx-color-neutral-50);--row-even-hover-background-color:var(--cx-color-neutral-50);--header-background-color:transparent;--group-row-background-color:transparent;--cell-border-color:transparent;--cell-bottom-border-color:transparent;--header-font-family:var(--column-title-font-family,var(--swatch-font-family,var(--cx-font-sans)));--header-font-style:var(--column-title-font-style,var(--swatch-font-style,normal));--header-font-size:var(--column-title-font-size,var(--swatch-font-size,var(--cx-font-size-large)));--header-font-weight:var(--column-title-font-weight,var(--swatch-font-weight,var(--cx-font-weight-semibold)));--header-color:var(--column-title-color,var(--cx-color-neutral-700));--header-border-right:none;--cell-font-family:var(--swatch-font-family,var(--cx-font-sans));--cell-font-size:var(--swatch-font-size,var(--cx-font-size-large));--cell-font-weight:var(--swatch-font-weight,var(--cx-font-weight-regular));--cell-line-height:normal;--cell-hover-background-color:transparent;--color:var(--swatch-text-color,var(--cx-color-neutral-900));--placeholder-font-size:var(--cx-font-size-medium-large);--cell-horizontal-padding:var(--cx-spacing-2x-small);--cell-padding-top:var(--row-padding-top,var(--cx-spacing-2x-small));--cell-padding-right:var(--row-padding-right,var(--cx-spacing-2x-small));--cell-padding-bottom:var(--row-padding-bottom,var(--cx-spacing-2x-small));--cell-padding-left:var(--row-padding-left,var(--cx-spacing-2x-small));--header-horizontal-padding:var(--row-padding-left,var(--cx-spacing-2x-small));--row-gap:var(--table-row-gap,0);--column-gap:var(--table-column-gap,0px);--header-border-bottom:1px solid var(--cx-color-neutral-200);--hover-menu-background-color:var(--row-hover-background-color);--outer-border-color:transparent}.color-swatch-group__table--no-separator{--header-border-bottom:none}.color-swatch-group__table::part(table){background-color:#0000}`, gd = "unnamed", _d = 5, vd = { fromAttribute: (e) => {
|
|
17507
17526
|
let t = Number.parseFloat(e ?? "");
|
|
17508
17527
|
return Number.isFinite(t) ? t : void 0;
|
|
17509
17528
|
} }, $ = class extends d {
|
|
17510
|
-
static #e = this.styles = [h,
|
|
17529
|
+
static #e = this.styles = [h, hd];
|
|
17511
17530
|
static #t = this.dependencies = {
|
|
17512
17531
|
"cx-color-swatch": tt,
|
|
17513
17532
|
"cx-space": ve,
|
|
17514
|
-
"cx-table":
|
|
17533
|
+
"cx-table": td,
|
|
17515
17534
|
"cx-typography": ue
|
|
17516
17535
|
};
|
|
17517
17536
|
constructor() {
|
|
@@ -17521,10 +17540,10 @@ var md = i`:host{--grid-gap:var(--cx-spacing-medium);--grid-column-gap:var(--gri
|
|
|
17521
17540
|
"CMYK",
|
|
17522
17541
|
"PMS"
|
|
17523
17542
|
], this.multiLanguage = !1, this.codeAlignment = Fe.SameLine, this.codeSeparator = Ne.Comma, this.hexFormat = Le.LeadingHash, this.showElements = [
|
|
17524
|
-
|
|
17525
|
-
|
|
17526
|
-
|
|
17527
|
-
], this.nameColumnWidthMode =
|
|
17543
|
+
id.PaletteName,
|
|
17544
|
+
id.ColumnTitles,
|
|
17545
|
+
id.SeparatorLine
|
|
17546
|
+
], this.nameColumnWidthMode = nd.HugContents, this.nameColumnConstraints = !1, this.nameColumnWidth = "", this.codeColumnWidthMode = nd.HugContents, this.codeColumnConstraints = !1, this.codeColumnWidth = "", this.customColumns = [], this.gradientEffect = !1, this.breakpoints = He, this.deviceType = ze.Desktop, this.currentCol = 0, this.visibleElements = new Set(this.showElements), this.hugWidths = {}, this.isFocused = !1, this.canFocusContainer = !0, this.isContainerFocused = !1, this.handleWindowResize = this.handleWindowResize.bind(this);
|
|
17528
17547
|
}
|
|
17529
17548
|
runFirstUpdated() {
|
|
17530
17549
|
this.setAttribute("role", "region"), this.setAttribute("aria-label", this.localize.term("colorSwatches")), this.setAttribute("aria-roledescription", this.localize.term("colorSwatches")), this.breakpoints = Be(this, this.breakpoints), this.handleResize();
|
|
@@ -17572,8 +17591,8 @@ var md = i`:host{--grid-gap:var(--cx-spacing-medium);--grid-column-gap:var(--gri
|
|
|
17572
17591
|
let e = this.measureEl;
|
|
17573
17592
|
if (!e) return this.hugWidths;
|
|
17574
17593
|
let t = {};
|
|
17575
|
-
for (let n of [
|
|
17576
|
-
for (let n of this.customColumns) this.recordHugWidth(t,
|
|
17594
|
+
for (let n of [ld, ...ud]) this.recordHugWidth(t, n.field, this.measureBuiltInColumn(e, n));
|
|
17595
|
+
for (let n of this.customColumns) this.recordHugWidth(t, md(n.id), this.measureCustomColumn(e, n));
|
|
17577
17596
|
return e.textContent = "", e.removeAttribute("style"), t;
|
|
17578
17597
|
}
|
|
17579
17598
|
measureProbe(e, t, n = [], r = {}) {
|
|
@@ -17582,7 +17601,7 @@ var md = i`:host{--grid-gap:var(--cx-spacing-medium);--grid-column-gap:var(--gri
|
|
|
17582
17601
|
return e.textContent = t, e.offsetWidth;
|
|
17583
17602
|
}
|
|
17584
17603
|
measureBuiltInColumn(e, t) {
|
|
17585
|
-
let { field: n } = t, r = n ===
|
|
17604
|
+
let { field: n } = t, r = n === ld.field, i = this.canCopy ? ["copyable"] : [], a = this.localize.lang()?.toLowerCase(), o = this.measureProbe(e, t.title, ["title"]);
|
|
17586
17605
|
for (let t of this.data) {
|
|
17587
17606
|
let s = r && this.multiLanguage && a ? t[`name-${a}`] ?? t.name : t[n], c = typeof s == "string" && !r ? this.formatCode(n, s) : s;
|
|
17588
17607
|
typeof c == "string" && c && (o = Math.max(o, r ? this.measureProbe(e, c, ["name"]) : this.measureProbe(e, c, i)));
|
|
@@ -17600,7 +17619,7 @@ var md = i`:host{--grid-gap:var(--cx-spacing-medium);--grid-column-gap:var(--gri
|
|
|
17600
17619
|
return r;
|
|
17601
17620
|
}
|
|
17602
17621
|
recordHugWidth(e, t, n) {
|
|
17603
|
-
n > 0 && (e[t] = Math.ceil(n) +
|
|
17622
|
+
n > 0 && (e[t] = Math.ceil(n) + _d);
|
|
17604
17623
|
}
|
|
17605
17624
|
gradientStopsFor(e) {
|
|
17606
17625
|
if (!this.gradientEffect || this.variant !== Q.Grid) return "";
|
|
@@ -17621,26 +17640,26 @@ var md = i`:host{--grid-gap:var(--cx-spacing-medium);--grid-column-gap:var(--gri
|
|
|
17621
17640
|
}
|
|
17622
17641
|
flattenMetadata(e) {
|
|
17623
17642
|
let t = {};
|
|
17624
|
-
for (let n of this.customColumns) t[
|
|
17643
|
+
for (let n of this.customColumns) t[md(n.id)] = e.metadata?.[n.id] ?? "";
|
|
17625
17644
|
return t;
|
|
17626
17645
|
}
|
|
17627
17646
|
formatCode(e, t) {
|
|
17628
17647
|
return e === "hex" ? Ie(t, this.hexFormat) : e === "rgb" || e === "cmyk" ? Pe(t, this.codeSeparator) : t;
|
|
17629
17648
|
}
|
|
17630
17649
|
applyColumnSettings(e, t) {
|
|
17631
|
-
let n = { ...e }, r = t.widthMode ===
|
|
17650
|
+
let n = { ...e }, r = t.widthMode === nd.HugContents;
|
|
17632
17651
|
if (n.variableHeight = !r, n.formatter = (t) => {
|
|
17633
17652
|
let n = e.formatter ? e.formatter(t) : document.createElement("span");
|
|
17634
17653
|
return n ? (e.formatter || (n.textContent = String(t.getValue() ?? "")), n.style.setProperty("--swatch-cell-white-space", r ? "nowrap" : "normal"), n.style.whiteSpace = "var(--swatch-cell-white-space)", n.style.overflowWrap = "anywhere", n.style.flexWrap = r ? "nowrap" : "wrap", n.style.rowGap = "0", n) : null;
|
|
17635
|
-
}, t.widthMode ===
|
|
17636
|
-
else if (t.widthMode ===
|
|
17654
|
+
}, t.widthMode === nd.HugContents) n.width = this.hugWidths[e.field];
|
|
17655
|
+
else if (t.widthMode === nd.Custom) {
|
|
17637
17656
|
let e = t.width?.trim() ?? "", r = Number.parseFloat(e);
|
|
17638
17657
|
/^\d+(?:\.\d+)?(?:px|%)?$/.test(e) && Number.isFinite(r) && r > 0 && (n.width = e.endsWith("%") ? e : r);
|
|
17639
17658
|
} else n.widthGrow = 1;
|
|
17640
17659
|
return t.constraints && (t.minWidth && (n.minWidth = t.minWidth), t.maxWidth && (n.maxWidth = t.maxWidth)), t.alignment && (n.hozAlign = t.alignment, n.headerHozAlign = t.alignment), n;
|
|
17641
17660
|
}
|
|
17642
17661
|
getTableColumns(e) {
|
|
17643
|
-
let t = this.canCopy ?
|
|
17662
|
+
let t = this.canCopy ? fd(this.localize, e) : ud, n = {
|
|
17644
17663
|
alignment: this.nameColumnAlignment,
|
|
17645
17664
|
constraints: this.nameColumnConstraints,
|
|
17646
17665
|
maxWidth: this.nameColumnMaxWidth,
|
|
@@ -17656,15 +17675,15 @@ var md = i`:host{--grid-gap:var(--cx-spacing-medium);--grid-column-gap:var(--gri
|
|
|
17656
17675
|
widthMode: this.codeColumnWidthMode
|
|
17657
17676
|
};
|
|
17658
17677
|
return [
|
|
17659
|
-
this.applyColumnSettings(
|
|
17678
|
+
this.applyColumnSettings(ld, n),
|
|
17660
17679
|
...t.filter((e) => this.showCodes.includes(e.field.toUpperCase())).map((e) => this.applyColumnSettings(e, r)),
|
|
17661
|
-
...this.customColumns.map((e) => this.applyColumnSettings(
|
|
17680
|
+
...this.customColumns.map((e) => this.applyColumnSettings(pd(e), {
|
|
17662
17681
|
alignment: e.alignment,
|
|
17663
17682
|
constraints: !!e.constraints,
|
|
17664
|
-
maxWidth:
|
|
17665
|
-
minWidth:
|
|
17683
|
+
maxWidth: vd.fromAttribute(e.maxWidth ?? null),
|
|
17684
|
+
minWidth: vd.fromAttribute(e.minWidth ?? null),
|
|
17666
17685
|
width: e.width,
|
|
17667
|
-
widthMode: e.widthMode ??
|
|
17686
|
+
widthMode: e.widthMode ?? nd.HugContents
|
|
17668
17687
|
}))
|
|
17669
17688
|
];
|
|
17670
17689
|
}
|
|
@@ -17693,7 +17712,7 @@ var md = i`:host{--grid-gap:var(--cx-spacing-medium);--grid-column-gap:var(--gri
|
|
|
17693
17712
|
}
|
|
17694
17713
|
categorizeByPalette() {
|
|
17695
17714
|
return Object.values(this.data.reduce((e, t) => {
|
|
17696
|
-
let n = t.palette?.trim() ? t.palette :
|
|
17715
|
+
let n = t.palette?.trim() ? t.palette : gd;
|
|
17697
17716
|
return e[n] || (e[n] = {
|
|
17698
17717
|
colors: [],
|
|
17699
17718
|
palette: n
|
|
@@ -17721,7 +17740,7 @@ var md = i`:host{--grid-gap:var(--cx-spacing-medium);--grid-column-gap:var(--gri
|
|
|
17721
17740
|
render() {
|
|
17722
17741
|
let e = this.currentDirection, t = this.localize.lang();
|
|
17723
17742
|
return r`
|
|
17724
|
-
${
|
|
17743
|
+
${D(this.variant === Q.Table, () => r`<span class="color-swatch-group__measure" aria-hidden="true"></span><cx-space class="color-swatch-group__swatches" direction="vertical" spacing="2x-small">${xe([
|
|
17725
17744
|
this.data,
|
|
17726
17745
|
this.showElements,
|
|
17727
17746
|
...this.columnGuardDependencies
|
|
@@ -17734,15 +17753,15 @@ var md = i`:host{--grid-gap:var(--cx-spacing-medium);--grid-column-gap:var(--gri
|
|
|
17734
17753
|
...this.multiLanguage && t ? { name: e[`name-${t.toLowerCase()}`] ?? e.name } : {},
|
|
17735
17754
|
rgb: this.formatCode("rgb", e.rgb ?? "")
|
|
17736
17755
|
}));
|
|
17737
|
-
return r`<div tabindex=${
|
|
17756
|
+
return r`<div tabindex=${E(this.canFocusContainer ? "0" : void 0)} data-table-container class="color-swatch-group__table-container" @focusin=${this.handleFocusIn} @focusout=${this.handleFocusOut} @keydown=${this.handleKeyDown}>${D(this.visibleElements.has(id.PaletteName), () => r`<cx-typography class="color-swatch-group__title" variant="h3">${e.palette === gd ? this.localize.term("noPalette") : this.localize.term("shadesPalette", e.palette)}</cx-typography>`)}<cx-table part="table" tabindex=${this.isFocused ? void 0 : "-1"} no-selectable ?no-header=${!this.visibleElements.has(id.ColumnTitles)} layout="fitColumns" .columns=${xe(this.columnGuardDependencies, () => this.getTableColumns(e.palette))} .columnDefaults=${cd} .rowHeight=${void 0} .data=${n} class=${w({
|
|
17738
17757
|
"color-swatch-group__table": !0,
|
|
17739
|
-
"color-swatch-group__table--no-separator": !this.visibleElements.has(
|
|
17758
|
+
"color-swatch-group__table--no-separator": !this.visibleElements.has(id.SeparatorLine)
|
|
17740
17759
|
})}></cx-table></div>`;
|
|
17741
|
-
}))}</cx-space>`, () => r`<cx-space part="color-swatch" role="list" aria-label=${this.localize.term("listOfColors")} aria-roledescription=${this.localize.term("listOfColors")} direction=${e} justify-content="flex-start" wrap=${this.variant === "circles" ? "nowrap" : "wrap"} class=${
|
|
17760
|
+
}))}</cx-space>`, () => r`<cx-space part="color-swatch" role="list" aria-label=${this.localize.term("listOfColors")} aria-roledescription=${this.localize.term("listOfColors")} direction=${e} justify-content="flex-start" wrap=${this.variant === "circles" ? "nowrap" : "wrap"} class=${w({
|
|
17742
17761
|
"color-swatch-group__swatches": !0,
|
|
17743
17762
|
"color-swatch-group__swatches--grid": this.variant === Q.Grid,
|
|
17744
17763
|
[`color-swatch-group__swatches--circles--${e}`]: this.variant === Q.Circles
|
|
17745
|
-
})} style=${
|
|
17764
|
+
})} style=${A({ gridTemplateColumns: this.currentCol >= this.maxCol ? `repeat(${this.maxCol}, 1fr)` : "repeat(auto-fit, minmax(165px, 1fr))" })}>${pe(this.data, (e) => e.name, (n, i) => r`<cx-color-swatch part="color-swatch-item" role="listitem" aria-label=${this.localize.term("colorOfTotal", i + 1, this.data.length)} hex=${n.hex} rgb=${n.rgb} cmyk=${n.cmyk} pms=${n.pms} name=${this.multiLanguage && t ? n[`name-${t.toLowerCase()}`] ?? n.name : n.name} variant=${this.swatchVariant} ?can-copy=${this.canCopy} ?can-focus-code-only=${this.isFocused} gradient-stops=${this.gradientStopsFor(i)} .showCodes=${this.showCodes} code-alignment=${this.codeAlignment} code-separator=${this.codeSeparator} hex-format=${this.hexFormat} no-auto-convert class=${w({
|
|
17746
17765
|
[`color-swatch-group__swatches--circles--${e}__item`]: this.variant === Q.Circles,
|
|
17747
17766
|
"color-swatch-group__swatches--circles--vertical__item--mobile": this.variant === Q.Circles && this.deviceType === ze.Mobile
|
|
17748
17767
|
})} @keydown=${this.handleKeyDown} @focusout=${this.handleFocusOut}></cx-color-swatch>`)}</cx-space>`)}
|
|
@@ -17766,7 +17785,7 @@ l([f(".color-swatch-group__swatches"), u("design:type", typeof HTMLDivElement >
|
|
|
17766
17785
|
}), u("design:type", Object)], $.prototype, "canCopy", void 0), l([s({
|
|
17767
17786
|
attribute: "show-codes",
|
|
17768
17787
|
converter: {
|
|
17769
|
-
fromAttribute: (e) => (e?.split(" ") ?? []).filter((e) =>
|
|
17788
|
+
fromAttribute: (e) => (e?.split(" ") ?? []).filter((e) => od.has(e)),
|
|
17770
17789
|
toAttribute: (e) => e.join(" ")
|
|
17771
17790
|
},
|
|
17772
17791
|
reflect: !0
|
|
@@ -17789,7 +17808,7 @@ l([f(".color-swatch-group__swatches"), u("design:type", typeof HTMLDivElement >
|
|
|
17789
17808
|
}), u("design:type", Le === void 0 ? Object : Le)], $.prototype, "hexFormat", void 0), l([s({
|
|
17790
17809
|
attribute: "show-elements",
|
|
17791
17810
|
converter: {
|
|
17792
|
-
fromAttribute: (e) => (e?.split(" ") ?? []).filter((e) =>
|
|
17811
|
+
fromAttribute: (e) => (e?.split(" ") ?? []).filter((e) => sd.has(e)),
|
|
17793
17812
|
toAttribute: (e) => e.join(" ")
|
|
17794
17813
|
},
|
|
17795
17814
|
reflect: !0
|
|
@@ -17797,16 +17816,16 @@ l([f(".color-swatch-group__swatches"), u("design:type", typeof HTMLDivElement >
|
|
|
17797
17816
|
attribute: "name-column-width-mode",
|
|
17798
17817
|
reflect: !0,
|
|
17799
17818
|
type: String
|
|
17800
|
-
}), u("design:type",
|
|
17819
|
+
}), u("design:type", nd === void 0 ? Object : nd)], $.prototype, "nameColumnWidthMode", void 0), l([s({
|
|
17801
17820
|
attribute: "name-column-constraints",
|
|
17802
17821
|
reflect: !0,
|
|
17803
17822
|
type: Boolean
|
|
17804
17823
|
}), u("design:type", Object)], $.prototype, "nameColumnConstraints", void 0), l([s({
|
|
17805
17824
|
attribute: "name-column-min-width",
|
|
17806
|
-
converter:
|
|
17825
|
+
converter: vd
|
|
17807
17826
|
}), u("design:type", Number)], $.prototype, "nameColumnMinWidth", void 0), l([s({
|
|
17808
17827
|
attribute: "name-column-max-width",
|
|
17809
|
-
converter:
|
|
17828
|
+
converter: vd
|
|
17810
17829
|
}), u("design:type", Number)], $.prototype, "nameColumnMaxWidth", void 0), l([s({
|
|
17811
17830
|
attribute: "name-column-width",
|
|
17812
17831
|
type: String
|
|
@@ -17814,20 +17833,20 @@ l([f(".color-swatch-group__swatches"), u("design:type", typeof HTMLDivElement >
|
|
|
17814
17833
|
attribute: "name-column-alignment",
|
|
17815
17834
|
reflect: !0,
|
|
17816
17835
|
type: String
|
|
17817
|
-
}), u("design:type",
|
|
17836
|
+
}), u("design:type", rd === void 0 ? Object : rd)], $.prototype, "nameColumnAlignment", void 0), l([s({
|
|
17818
17837
|
attribute: "code-column-width-mode",
|
|
17819
17838
|
reflect: !0,
|
|
17820
17839
|
type: String
|
|
17821
|
-
}), u("design:type",
|
|
17840
|
+
}), u("design:type", nd === void 0 ? Object : nd)], $.prototype, "codeColumnWidthMode", void 0), l([s({
|
|
17822
17841
|
attribute: "code-column-constraints",
|
|
17823
17842
|
reflect: !0,
|
|
17824
17843
|
type: Boolean
|
|
17825
17844
|
}), u("design:type", Object)], $.prototype, "codeColumnConstraints", void 0), l([s({
|
|
17826
17845
|
attribute: "code-column-min-width",
|
|
17827
|
-
converter:
|
|
17846
|
+
converter: vd
|
|
17828
17847
|
}), u("design:type", Number)], $.prototype, "codeColumnMinWidth", void 0), l([s({
|
|
17829
17848
|
attribute: "code-column-max-width",
|
|
17830
|
-
converter:
|
|
17849
|
+
converter: vd
|
|
17831
17850
|
}), u("design:type", Number)], $.prototype, "codeColumnMaxWidth", void 0), l([s({
|
|
17832
17851
|
attribute: "code-column-width",
|
|
17833
17852
|
type: String
|
|
@@ -17835,7 +17854,7 @@ l([f(".color-swatch-group__swatches"), u("design:type", typeof HTMLDivElement >
|
|
|
17835
17854
|
attribute: "code-column-alignment",
|
|
17836
17855
|
reflect: !0,
|
|
17837
17856
|
type: String
|
|
17838
|
-
}), u("design:type",
|
|
17857
|
+
}), u("design:type", rd === void 0 ? Object : rd)], $.prototype, "codeColumnAlignment", void 0), l([s({
|
|
17839
17858
|
attribute: "custom-columns",
|
|
17840
17859
|
reflect: !0,
|
|
17841
17860
|
type: Array
|
|
@@ -17844,26 +17863,26 @@ l([f(".color-swatch-group__swatches"), u("design:type", typeof HTMLDivElement >
|
|
|
17844
17863
|
reflect: !0,
|
|
17845
17864
|
type: Boolean
|
|
17846
17865
|
}), u("design:type", Object)], $.prototype, "gradientEffect", void 0), l([c(), u("design:type", Array)], $.prototype, "breakpoints", void 0), l([c(), u("design:type", ze === void 0 ? Object : ze)], $.prototype, "deviceType", void 0), l([c(), u("design:type", Object)], $.prototype, "currentCol", void 0), l([c(), u("design:type", Object)], $.prototype, "visibleElements", void 0), l([c(), u("design:type", typeof Record > "u" ? Object : Record)], $.prototype, "hugWidths", void 0), l([c(), u("design:type", Object)], $.prototype, "isFocused", void 0), l([c(), u("design:type", Object)], $.prototype, "canFocusContainer", void 0), l([c(), u("design:type", Object)], $.prototype, "isContainerFocused", void 0), l([
|
|
17847
|
-
|
|
17866
|
+
oe(100),
|
|
17848
17867
|
u("design:type", Function),
|
|
17849
17868
|
u("design:paramtypes", []),
|
|
17850
17869
|
u("design:returntype", void 0)
|
|
17851
17870
|
], $.prototype, "handleWindowResize", null), l([
|
|
17852
|
-
|
|
17871
|
+
C("variant", { waitUntilFirstUpdate: !0 }),
|
|
17853
17872
|
u("design:type", Function),
|
|
17854
17873
|
u("design:paramtypes", []),
|
|
17855
17874
|
u("design:returntype", void 0)
|
|
17856
17875
|
], $.prototype, "handleResize", null), l([
|
|
17857
|
-
|
|
17876
|
+
C("showElements"),
|
|
17858
17877
|
u("design:type", Function),
|
|
17859
17878
|
u("design:paramtypes", []),
|
|
17860
17879
|
u("design:returntype", void 0)
|
|
17861
17880
|
], $.prototype, "handleShowElementsChange", null), l([
|
|
17862
|
-
|
|
17881
|
+
C("isFocused", { waitUntilFirstUpdate: !0 }),
|
|
17863
17882
|
u("design:type", Function),
|
|
17864
17883
|
u("design:paramtypes", []),
|
|
17865
17884
|
u("design:returntype", void 0)
|
|
17866
17885
|
], $.prototype, "handleIsFocusedChange", null), $ = l([g("cx-color-swatch-group"), u("design:paramtypes", [])], $);
|
|
17867
|
-
var
|
|
17886
|
+
var yd = $;
|
|
17868
17887
|
//#endregion
|
|
17869
|
-
export {
|
|
17888
|
+
export { id as a, td as c, Ut as d, Bt as f, Ct as h, nd as i, Tn as l, St as m, md as n, Q as o, Nt as p, rd as r, ad as s, yd as t, rn as u };
|