@orangelogic/design-system 4.0.0 → 4.2.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/{asset-link-format.ttcRQgDc.js → asset-link-format.CVwjA_yf.js} +606 -599
- package/library/chunks/{color-swatch-group.Bumfw-G2.js → color-swatch-group.BPXiMxjh.js} +611 -558
- package/library/chunks/{document-viewer.C9tM2Gc7.js → document-viewer.DtBW-p7z.js} +2 -2
- package/library/chunks/{index.Coy2OPB4.js → index.BO_sT6SH.js} +218 -217
- package/library/chunks/{menu-item.0TbnDEDp.js → menu-item.CbqZ66to.js} +5 -5
- package/library/chunks/{option.CyorNG0S.js → option.CkhHTlpl.js} +1 -1
- package/library/chunks/{pagination.D0BeaEIi.js → pagination.BlQRt932.js} +33 -29
- package/library/chunks/{tab-group.C98CWzEH.js → tab-group.CQfcMVEw.js} +1 -1
- package/library/chunks/{toast.BxiewnAG.js → toast.BOkYwUIj.js} +1 -1
- package/library/chunks/{transformation.CjWnFhab.js → transformation.B8m0Nbao.js} +23 -25
- package/library/chunks/{types.DVZ_cbKn.js → types.MwUT4xFk.js} +9410 -9400
- package/library/components/asset-link-format.js +2 -2
- package/library/components/atoms.js +5 -5
- package/library/components/color-picker.js +2 -2
- package/library/components/color-swatch-group.js +3 -3
- package/library/components/corner-position-input-group.js +1 -1
- package/library/components/document-viewer.js +1 -1
- package/library/components/dynamic-select.js +1 -1
- package/library/components/file-on-demand.js +2 -2
- package/library/components/menu-item.js +1 -1
- package/library/components/menu.js +1 -1
- package/library/components/option.js +1 -1
- package/library/components/organisms.js +2 -2
- package/library/components/pagination.js +2 -2
- package/library/components/select.js +1 -1
- package/library/components/tab-group.js +2 -2
- package/library/components/types.js +10 -10
- package/library/package.json +1 -1
- package/library/packages/hybrid/table-core/src/table/components/table-toolbar/table-dropdown-filter.d.ts +2 -0
- package/library/packages/hybrid/table-core/src/table/table.d.ts +35 -4
- package/library/packages/tools/src/fetch-image/fetch-image.d.ts +12 -0
- package/library/packages/utils/src/custom-element/i18n.d.ts +2 -2
- package/library/utils.js +2 -2
- package/package.json +1 -1
|
@@ -13,8 +13,8 @@ import $ from "../components/popup.js";
|
|
|
13
13
|
import O from "../components/spinner.js";
|
|
14
14
|
import { f as C } from "./focus-when-visible.jWSw9ks0.js";
|
|
15
15
|
import { e as I, n as A } from "./ref.DktKp7fP.js";
|
|
16
|
-
var p = /* @__PURE__ */ ((i) => (i.Prefix = "prefix", i.Suffix = "suffix", i))(p || {}),
|
|
17
|
-
const B = D`:host{--submenu-offset:0px;--prefix-font-size:var(--cx-font-size-small);--prefix-color:var(--cx-color-neutral-500);--label-color:var(--cx-color-neutral);--suffix-color:var(--cx-color-neutral);--font-weight:var(--cx-font-weight-
|
|
16
|
+
var p = /* @__PURE__ */ ((i) => (i.Prefix = "prefix", i.Suffix = "suffix", i))(p || {}), y = /* @__PURE__ */ ((i) => (i.Checkbox = "menuitemcheckbox", i.Item = "menuitem", i.Radio = "menuitemradio", i))(y || {}), c = /* @__PURE__ */ ((i) => (i.Checkbox = "checkbox", i.Normal = "normal", i))(c || {});
|
|
17
|
+
const B = D`:host{--submenu-offset:0px;--prefix-font-size:var(--cx-font-size-small);--prefix-color:var(--cx-color-neutral-500);--label-color:var(--cx-color-neutral);--suffix-color:var(--cx-color-neutral);--font-weight:var(--cx-font-weight-medium);display:block}:host([inert]){display:none}.menu-item{font:var(--cx-font-label-small);font-weight:var(--font-weight,var(--cx-font-weight-medium));letter-spacing:var(--cx-letter-spacing-normal);color:var(--cx-color-neutral);padding:var(--cx-spacing-x-small) var(--cx-spacing-small);transition:var(--cx-transition-fast) fill;background-color:var(--cx-menu-item-background-color,unset);-webkit-user-select:none;user-select:none;white-space:nowrap;cursor:pointer;align-items:stretch;text-decoration:none;display:flex;position:relative}.menu-item.menu-item--disabled{cursor:default;outline:none}.menu-item.menu-item--disabled .menu-item__label,.menu-item.menu-item--disabled .menu-item__prefix,.menu-item.menu-item--disabled .menu-item__chevron,.menu-item.menu-item--disabled .menu-item__check{opacity:.5}.menu-item.menu-item--disabled .menu-item__suffix:not(:slotted(cx-tooltip)){opacity:.5}.menu-item.menu-item--loading{cursor:wait;outline:none}.menu-item.menu-item--loading :not(cx-spinner){opacity:.5}.menu-item--loading cx-spinner{--indicator-color:currentColor;--track-width:1px;opacity:1;font-size:.75em;position:absolute;top:calc(50% - .5em);left:.65rem}.menu-item .menu-item__label{color:var(--label-color,var(--cx-color-neutral));text-overflow:ellipsis;flex:auto;margin:auto;display:inline-block;overflow:hidden}.menu-item--checked .menu-item__label{color:var(--checked-label-color,var(--cx-color-primary))}.menu-item .menu-item__prefix{color:var(--prefix-color,var(--cx-color-neutral-500));font-size:var(--prefix-font-size,var(--cx-font-size-small));flex:none;align-items:center;display:flex}.menu-item--checked{--prefix-color:var(--cx-color-primary);--suffix-color:var(--cx-color-primary)}.menu-item--checked .menu-item__check{color:var(--checked-icon-color,var(--cx-color-primary))}.menu-item .menu-item__prefix::slotted(*){margin-inline-end:var(--cx-spacing-x-small)}.menu-item .menu-item__suffix{color:var(--suffix-color);flex:none;align-items:center;display:flex}.menu-item .menu-item__suffix::slotted(*){margin-inline-start:var(--cx-spacing-medium)}.menu-item--submenu-expanded:after{content:"";z-index:calc(var(--cx-z-index-dropdown) - 1);clip-path:polygon(var(--safe-triangle-cursor-x,0) var(--safe-triangle-cursor-y,0), var(--safe-triangle-submenu-start-x,0) var(--safe-triangle-submenu-start-y,0), var(--safe-triangle-submenu-end-x,0) var(--safe-triangle-submenu-end-y,0));position:fixed;inset:0}@media (pointer:none),(pointer:coarse){.menu-item--submenu-expanded:after{display:none}}:host(:focus-visible){outline:var(--cx-focus-ring);outline-offset:calc(-1 * var(--cx-focus-ring-width))}:host(:hover:not([aria-disabled=true],:focus-visible,.disable-hover)) .menu-item,.menu-item--submenu-expanded{background-color:var(--cx-menu-item-background-color-hover);color:var(--cx-color-neutral-1000)}:host(:not([aria-disabled=true])) .menu-item--active{background-color:var(--cx-menu-item-background-color-active,var(--cx-menu-item-background-color-hover));color:var(--cx-color-neutral-1000)}:host(:hover:not([aria-disabled=true],:focus-visible,.disable-hover)) .menu-item--active{background-color:var(--cx-menu-item-background-color-active-hover,var(--cx-menu-item-background-color-active,var(--cx-menu-item-background-color-hover)))}:host(:focus-visible) .menu-item{outline:var(--cx-focus-ring);outline-offset:calc(-1 * var(--cx-focus-ring-width));background-color:var(--cx-menu-item-background-color-hover);opacity:1}.menu-item .menu-item__check,.menu-item .menu-item__chevron{width:var(--checked-icon-size,1.5em);visibility:hidden;flex:none;justify-content:center;align-items:center}.menu-item .menu-item__check{display:var(--checked-icon-display,flex);margin-inline-end:var(--cx-spacing-2x-small)}.menu-item .menu-item__check--suffix{margin-inline:auto 0;padding-inline-start:var(--cx-spacing-2x-small)}.menu-item .menu-item__check--always-show{visibility:visible}.menu-item .menu-item__chevron{display:var(--submenu-icon-display,flex)}.menu-item--checked .menu-item__check,.menu-item--has-submenu .menu-item__chevron{visibility:visible}cx-popup::part(popup){border:var(--cx-panel-border-width) solid var(--cx-popup-border-color);border-radius:var(--cx-border-radius-large);box-shadow:var(--cx-shadow-large);z-index:var(--cx-z-index-dropdown);margin-left:var(--submenu-offset,0px);overflow:hidden}.menu-item--rtl cx-popup::part(popup){margin-left:calc(-1 * var(--submenu-offset))}@media (forced-colors:active){:host(:hover:not([aria-disabled=true])) .menu-item,:host(:focus-visible) .menu-item{outline-offset:-1px;outline:1px dashed selecteditem}}::slotted(cx-menu){max-width:var(--auto-size-available-width)!important;max-height:var(--auto-size-available-height)!important}`;
|
|
18
18
|
class H {
|
|
19
19
|
constructor(e, t) {
|
|
20
20
|
this.popupRef = I(), this.parent = null, this.enableSubmenuTimer = -1, this.isHorizontalMenu = !1, this.isConnected = !1, this.isPopupConnected = !1, this.skidding = 0, this.submenuOpenDelay = 100, this.focusVisibilityTimeoutMs = 1e4, this.lazyLoadObserver = null, this.pendingFocusCancel = null, (this.host = e).addController(this), this.hasSlotController = t, this.handleMouseMove = this.handleMouseMove.bind(this), this.handleMouseOver = this.handleMouseOver.bind(this), this.handleKeyDown = this.handleKeyDown.bind(this), this.handleClick = this.handleClick.bind(this), this.handleSubmenuIconClick = this.handleSubmenuIconClick.bind(this), this.handleDocumentMouseDown = this.handleDocumentMouseDown.bind(this), this.handleMouseLeave = this.handleMouseLeave.bind(this), this.handlePopupMouseover = this.handlePopupMouseover.bind(this), this.handlePopupReposition = this.handlePopupReposition.bind(this);
|
|
@@ -249,7 +249,7 @@ class H {
|
|
|
249
249
|
let a = [];
|
|
250
250
|
l && (n.endsWith("-start") ? a = ["padding-top", "border-top-width", "margin-top"] : n.endsWith("-end") && (a = ["padding-bottom", "border-bottom-width", "margin-bottom"]));
|
|
251
251
|
const u = a.reduce((m, v) => {
|
|
252
|
-
const
|
|
252
|
+
const g = e.get(v) ?? new CSSUnitValue(0, "px"), w = (g instanceof CSSUnitValue ? g : new CSSUnitValue(0, "px")).to("px"), _ = n.endsWith("-end") ? 1 : -1;
|
|
253
253
|
return m + w.value * _;
|
|
254
254
|
}, 0);
|
|
255
255
|
this.skidding = u;
|
|
@@ -330,7 +330,7 @@ let s = class extends L {
|
|
|
330
330
|
this.current ? this.setAttribute("aria-current", this.current) : this.removeAttribute("aria-current");
|
|
331
331
|
}
|
|
332
332
|
handleTypeChange() {
|
|
333
|
-
this.type === "checkbox" ? (this.setAttribute("role", this.itemRole ??
|
|
333
|
+
this.type === "checkbox" ? (this.setAttribute("role", this.itemRole ?? y.Checkbox), this.setAttribute("aria-checked", this.checked ? "true" : "false")) : (this.setAttribute("role", this.itemRole ?? y.Item), this.removeAttribute("aria-checked"));
|
|
334
334
|
}
|
|
335
335
|
/** Returns a text label based on the contents of the menu item's default slot. */
|
|
336
336
|
getTextLabel() {
|
|
@@ -489,5 +489,5 @@ s = o([
|
|
|
489
489
|
export {
|
|
490
490
|
s as C,
|
|
491
491
|
c as M,
|
|
492
|
-
|
|
492
|
+
y as a
|
|
493
493
|
};
|
|
@@ -11,7 +11,7 @@ import { n as u } from "./when.Dr1es41R.js";
|
|
|
11
11
|
import { C as k } from "./icon.BLXWp6CU.js";
|
|
12
12
|
import w from "../components/space.js";
|
|
13
13
|
var l = /* @__PURE__ */ ((t) => (t.Left = "left", t.Right = "right", t))(l || {});
|
|
14
|
-
const C = b`:host{-webkit-user-select:none;user-select:none;display:block}:host(:focus){outline:none}.option{font-family:var(--option-font-family), var(--cx-font-sans);font-
|
|
14
|
+
const C = b`:host{-webkit-user-select:none;user-select:none;display:block}:host(:focus){outline:none}.option{font:var(--cx-font-label-small);font-family:var(--option-font-family), var(--cx-font-sans);font-weight:var(--option-font-weight,var(--cx-font-weight-medium));letter-spacing:var(--cx-letter-spacing-normal);color:var(--option-color,var(--cx-color-neutral-700));padding:var(--cx-spacing-x-small) var(--cx-spacing-medium) var(--cx-spacing-x-small) var(--cx-spacing-x-small);transition:var(--cx-transition-fast) fill;cursor:pointer;align-items:center;display:flex;position:relative}.option:not(.option--show-check){padding-inline:var(--cx-spacing-small)}.option--hover:not(.option--disabled){background-color:var(--cx-menu-item-background-color-hover)}.option--current,.option--current.option--disabled{background-color:var(--option-current-background-color,var(--cx-menu-item-background-color-hover,transparent));opacity:1}.option--selected{background-color:var(--option-current-background-color,transparent);color:var(--option-selected-color,var(--cx-color-primary));font-weight:var(--option-selected-font-weight,var(--cx-font-weight-regular))}.option--disabled{opacity:.5;cursor:default;outline:none}.option__content{flex:1}.option__label{line-height:var(--cx-line-height-medium);flex:auto;display:inline-block}.option .option__check{visibility:hidden;flex:none;justify-content:center;align-items:center;padding-inline-end:var(--cx-spacing-2x-small);display:none}.option--show-check .option__check{display:block}.option--show-check.option--selected .option__check{visibility:visible}.option__help-text{color:var(--option-help-text-color,var(--cx-color-neutral-600));font-weight:var(--option-help-text-font-weight,var(--cx-font-weight-regular))}.option--selected .option__content .option__help-text{color:var(--option-selected-help-text-color,var(--cx-color-primary));font-weight:var(--option-selected-help-text-font-weight,var(--cx-font-weight-regular))}.option__prefix,.option__suffix{flex:none;align-items:center;display:flex}.option__prefix::slotted(*){margin-inline-end:var(--cx-spacing-x-small)}.option__suffix::slotted(*){margin-inline-start:var(--cx-spacing-x-small)}.option__prefix{align-self:var(--prefix-alignment,center)}.option__suffix{align-self:var(--suffix-alignment,center)}.option__check{align-self:var(--check-alignment,center)}@media (forced-colors:active){:host(:hover:not([aria-disabled=true])) .option{outline-offset:-1px;outline:1px dashed selecteditem}}`;
|
|
15
15
|
var L = Object.defineProperty, E = Object.getOwnPropertyDescriptor, o = (t, n, i, r) => {
|
|
16
16
|
for (var a = r > 1 ? void 0 : r ? E(n, i) : n, c = t.length - 1, p; c >= 0; c--)
|
|
17
17
|
(p = t[c]) && (a = (r ? p(n, i, a) : p(a)) || a);
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import
|
|
1
|
+
import d from "../components/space.js";
|
|
2
2
|
import { n as o, C as _ } from "./lib-cortex-element.CVMmyPMC.js";
|
|
3
|
-
import { C as P, I as
|
|
4
|
-
import { c as
|
|
5
|
-
import { L as
|
|
3
|
+
import { C as P, I as z } from "./icon-button.CbUddcgI.js";
|
|
4
|
+
import { c as y } from "./custom-element.L4WJXn1j.js";
|
|
5
|
+
import { L as f } from "./i18n.rtxrs1c1.js";
|
|
6
6
|
import { c as m } from "./math.DuKzLacZ.js";
|
|
7
|
-
import { w as
|
|
7
|
+
import { w as b } from "./watch.DJF5K-8U.js";
|
|
8
8
|
import { i as C, x as s } from "./lit-element.jLBm65_O.js";
|
|
9
9
|
import { r as S } from "./state.CSDxrqLd.js";
|
|
10
10
|
import { e as $ } from "./class-map.BiVq-cVR.js";
|
|
11
11
|
import { c as x } from "./repeat.CFjcER6_.js";
|
|
12
|
-
import { n as
|
|
12
|
+
import { n as c } from "./when.Dr1es41R.js";
|
|
13
13
|
import { C as w } from "./button.D1YIxtv-.js";
|
|
14
14
|
import { C as v } from "./input.D1FFprPl.js";
|
|
15
|
-
import { C as I } from "./option.
|
|
15
|
+
import { C as I } from "./option.CkhHTlpl.js";
|
|
16
16
|
import B from "../components/select.js";
|
|
17
17
|
import N from "../components/tooltip.js";
|
|
18
18
|
import { C as k } from "./typography.T72DuoCa.js";
|
|
@@ -89,14 +89,14 @@ const p = 1, M = C`
|
|
|
89
89
|
color: var(--cx-color-primary);
|
|
90
90
|
}
|
|
91
91
|
`;
|
|
92
|
-
var O = Object.defineProperty, D = Object.getOwnPropertyDescriptor, a = (t, i, n,
|
|
93
|
-
for (var r =
|
|
94
|
-
(h = t[l]) && (r = (
|
|
95
|
-
return
|
|
92
|
+
var O = Object.defineProperty, D = Object.getOwnPropertyDescriptor, a = (t, i, n, g) => {
|
|
93
|
+
for (var r = g > 1 ? void 0 : g ? D(i, n) : i, l = t.length - 1, h; l >= 0; l--)
|
|
94
|
+
(h = t[l]) && (r = (g ? h(i, n, r) : h(r)) || r);
|
|
95
|
+
return g && r && O(i, n, r), r;
|
|
96
96
|
};
|
|
97
97
|
let e = class extends _ {
|
|
98
98
|
constructor() {
|
|
99
|
-
super(...arguments), this.localize = new
|
|
99
|
+
super(...arguments), this.localize = new f(this), this.count = 0, this.pageSizeOptions = [10, 20, 50, 100], this.pageSize = this.pageSizeOptions[0], this.label = this.localize.term("rowsPerPage"), this.showFirst = !1, this.showLast = !1, this.showPaginationButtons = !1, this.paginationButtonCount = 5, this.paginationCounter = u.Rows, this.showPaginationInput = !1, this.backIconName = "chevron_left", this.nextIconName = "chevron_right", this.iconButtonSize = z.Medium, this.currentPage = p, this._pageInputValue = p.toString();
|
|
100
100
|
}
|
|
101
101
|
get _pageCount() {
|
|
102
102
|
const t = Number.isFinite(this.pageSize) && this.pageSize > 0 ? this.pageSize : 1;
|
|
@@ -185,35 +185,39 @@ let e = class extends _ {
|
|
|
185
185
|
return s`<cx-button data-page=${t} variant="text" size="small" class=${$({
|
|
186
186
|
pagination__page: !0,
|
|
187
187
|
"pagination__page--active": t === this.currentPage
|
|
188
|
-
})}>${t}</cx-button>`;
|
|
188
|
+
})}>${this.localize.number(t)}</cx-button>`;
|
|
189
189
|
}
|
|
190
190
|
renderPageButtons() {
|
|
191
191
|
const t = Math.floor((this.paginationButtonCount - 1) / 2), i = Math.ceil((this.paginationButtonCount - 1) / 2), n = Math.max(
|
|
192
192
|
p,
|
|
193
193
|
this._pageCount - this.currentPage + t + 1 < this.paginationButtonCount ? this._pageCount - this.paginationButtonCount + 1 : this.currentPage - t
|
|
194
|
-
),
|
|
194
|
+
), g = Math.min(
|
|
195
195
|
this._pageCount,
|
|
196
196
|
this.currentPage <= i ? this.paginationButtonCount : this.currentPage + i
|
|
197
197
|
);
|
|
198
198
|
return s`<div class="pagination__pages" @click=${this.handlePageClick}>${x(
|
|
199
|
-
Array.from({ length:
|
|
199
|
+
Array.from({ length: g - n + 1 }, (r, l) => l + n),
|
|
200
200
|
(r) => r,
|
|
201
201
|
(r) => this.renderPageButton(r)
|
|
202
202
|
)}</div>`;
|
|
203
203
|
}
|
|
204
204
|
renderPageCount() {
|
|
205
|
-
return !this.showPaginationInput || !this.hasMultiplePages ? s`<cx-typography variant="body3" class="pagination_count">${this.localize.term(
|
|
205
|
+
return !this.showPaginationInput || !this.hasMultiplePages ? s`<cx-typography variant="body3" class="pagination_count">${this.localize.term(
|
|
206
|
+
"itemOfTotal",
|
|
207
|
+
this.localize.number(this.currentPage),
|
|
208
|
+
this.localize.number(this._pageCount)
|
|
209
|
+
)}</cx-typography>` : s`<cx-space class="pagination_count">${this.renderCounterInput()}<cx-typography variant="body3">${this.localize.term("itemOfTotal", "", this.localize.number(this._pageCount))}</cx-typography></cx-space>`;
|
|
206
210
|
}
|
|
207
211
|
renderRowCount() {
|
|
208
212
|
return s`<cx-typography variant="body3" class="pagination_count">${this.localize.term(
|
|
209
213
|
"itemRangeOfTotal",
|
|
210
|
-
this.pageStart,
|
|
211
|
-
this.pageEnd,
|
|
212
|
-
this.count
|
|
214
|
+
this.localize.number(this.pageStart),
|
|
215
|
+
this.localize.number(this.pageEnd),
|
|
216
|
+
this.localize.number(this.count)
|
|
213
217
|
)}</cx-typography>`;
|
|
214
218
|
}
|
|
215
219
|
render() {
|
|
216
|
-
return s`<div class="pagination">${
|
|
220
|
+
return s`<div class="pagination">${c(
|
|
217
221
|
this.pageSizeOptions.length > 1,
|
|
218
222
|
() => s`<label class="pagination__label__container"><cx-typography variant="body3" class="pagination__label">${this.label}</cx-typography><cx-select class="pagination__select" size="small" hoist value=${this.pageSize.toString()} @cx-change=${this.handlePageSizeSelectChange}>${x(
|
|
219
223
|
this.pageSizeOptions,
|
|
@@ -221,21 +225,21 @@ let e = class extends _ {
|
|
|
221
225
|
(t) => s`<cx-option value=${t}>${t}</cx-option>`
|
|
222
226
|
)}</cx-select></label>`
|
|
223
227
|
)}
|
|
224
|
-
${
|
|
228
|
+
${c(
|
|
225
229
|
this.paginationCounter === u.Both || this.paginationCounter === u.Rows,
|
|
226
230
|
() => this.renderRowCount(),
|
|
227
231
|
() => this.renderPageCount()
|
|
228
232
|
)}
|
|
229
|
-
${
|
|
233
|
+
${c(
|
|
230
234
|
this.hasMultiplePages,
|
|
231
|
-
() => s`<div class="pagination__navigation-buttons">${
|
|
235
|
+
() => s`<div class="pagination__navigation-buttons">${c(
|
|
232
236
|
this.showFirst,
|
|
233
237
|
() => s`<cx-tooltip hoist content=${this.localize.term("first")}><cx-icon-button class="pagination__first" label=${this.localize.term("first")} name="first_page" size=${this.iconButtonSize} ?disabled=${this.prevDisabled} @click=${this.handleFirst}></cx-icon-button></cx-tooltip>`
|
|
234
|
-
)}<cx-tooltip hoist content=${this.localize.term("previous")}><cx-icon-button part="back-icon" class="pagination__back" label=${this.localize.term("previous")} name=${this.backIconName} size=${this.iconButtonSize} ?disabled=${this.prevDisabled} @click=${this.handleBack}></cx-icon-button></cx-tooltip>${
|
|
238
|
+
)}<cx-tooltip hoist content=${this.localize.term("previous")}><cx-icon-button part="back-icon" class="pagination__back" label=${this.localize.term("previous")} name=${this.backIconName} size=${this.iconButtonSize} ?disabled=${this.prevDisabled} @click=${this.handleBack}></cx-icon-button></cx-tooltip>${c(
|
|
235
239
|
this.paginationCounter === u.Both,
|
|
236
240
|
() => this.renderPageCount()
|
|
237
241
|
)}
|
|
238
|
-
${
|
|
242
|
+
${c(this.showPaginationButtons, () => this.renderPageButtons())}<cx-tooltip hoist content=${this.localize.term("next")}><cx-icon-button part="next-icon" class="pagination__forward" label=${this.localize.term("next")} name=${this.nextIconName} size=${this.iconButtonSize} ?disabled=${this.nextDisabled} @click=${this.handleForward}></cx-icon-button></cx-tooltip>${c(
|
|
239
243
|
this.showLast,
|
|
240
244
|
() => s`<cx-tooltip hoist content=${this.localize.term("last")}><cx-icon-button class="pagination__last" label=${this.localize.term("last")} name="last_page" size=${this.iconButtonSize} ?disabled=${this.nextDisabled} @click=${this.handleLast}></cx-icon-button></cx-tooltip>`
|
|
241
245
|
)}</div>`
|
|
@@ -249,7 +253,7 @@ e.dependencies = {
|
|
|
249
253
|
"cx-input": v,
|
|
250
254
|
"cx-option": I,
|
|
251
255
|
"cx-select": B,
|
|
252
|
-
"cx-space":
|
|
256
|
+
"cx-space": d,
|
|
253
257
|
"cx-tooltip": N,
|
|
254
258
|
"cx-typography": k
|
|
255
259
|
};
|
|
@@ -309,13 +313,13 @@ a([
|
|
|
309
313
|
S()
|
|
310
314
|
], e.prototype, "_pageInputValue", 2);
|
|
311
315
|
a([
|
|
312
|
-
|
|
316
|
+
b("currentPage", { waitUntilFirstUpdate: !0 })
|
|
313
317
|
], e.prototype, "handlePageChange", 1);
|
|
314
318
|
a([
|
|
315
|
-
|
|
319
|
+
b("pageSize", { waitUntilFirstUpdate: !0 })
|
|
316
320
|
], e.prototype, "handlePageSizeChange", 1);
|
|
317
321
|
e = a([
|
|
318
|
-
|
|
322
|
+
y("cx-pagination")
|
|
319
323
|
], e);
|
|
320
324
|
export {
|
|
321
325
|
e as C,
|
|
@@ -21,7 +21,7 @@ import { C as Yn } from "./button.D1YIxtv-.js";
|
|
|
21
21
|
import Xn from "../components/dropdown.js";
|
|
22
22
|
import { C as qn } from "./icon-button.CbUddcgI.js";
|
|
23
23
|
import Gn from "../components/menu.js";
|
|
24
|
-
import { C as Kn } from "./menu-item.
|
|
24
|
+
import { C as Kn } from "./menu-item.CbqZ66to.js";
|
|
25
25
|
import jn from "../components/tab.js";
|
|
26
26
|
var bi = /* @__PURE__ */ ((o) => (o.Bottom = "bottom", o.End = "end", o.Start = "start", o.Top = "top", o))(bi || {}), Ke = /* @__PURE__ */ ((o) => (o.Center = "center", o.End = "flex-end", o.Start = "flex-start", o))(Ke || {}), wr = /* @__PURE__ */ ((o) => (o.Auto = "auto", o.Manual = "manual", o))(wr || {}), ue = /* @__PURE__ */ ((o) => (o.Button = "button", o.Default = "default", o.Timeline = "timeline", o))(ue || {}), Tt = /* @__PURE__ */ ((o) => (o.Dropdown = "dropdown", o.Pagination = "pagination", o.Scroll = "scroll", o))(Tt || {}), Ut = /* @__PURE__ */ ((o) => (o.Absolute = "absolute", o.DisplayNone = "display-none", o))(Ut || {});
|
|
27
27
|
function Dt(o) {
|
|
@@ -64,19 +64,19 @@ function H({
|
|
|
64
64
|
options: u,
|
|
65
65
|
parameters: c,
|
|
66
66
|
transformations: a,
|
|
67
|
-
useSession:
|
|
67
|
+
useSession: f = ""
|
|
68
68
|
}) {
|
|
69
69
|
if (i == null)
|
|
70
70
|
return "";
|
|
71
71
|
let r = i;
|
|
72
|
-
const
|
|
72
|
+
const h = a?.findLast(
|
|
73
73
|
(l) => l.key === R.Quality
|
|
74
74
|
);
|
|
75
|
-
if (
|
|
75
|
+
if (h && (a = [
|
|
76
76
|
...a?.filter(
|
|
77
77
|
(l) => l.key !== R.Quality
|
|
78
78
|
) || [],
|
|
79
|
-
|
|
79
|
+
h
|
|
80
80
|
]), a) {
|
|
81
81
|
const l = [];
|
|
82
82
|
for (let t = 0; t < a.length; t++) {
|
|
@@ -220,7 +220,7 @@ function H({
|
|
|
220
220
|
s.push(
|
|
221
221
|
`${encodeURIComponent(l.trim())}=${encodeURIComponent(t.trim())}`
|
|
222
222
|
);
|
|
223
|
-
}), i &&
|
|
223
|
+
}), i && f && s.push(`UseSession=${encodeURIComponent(f)}`), s.length > 0 && (r += `?${s.join("&")}`), r.endsWith("/") && (r = r.slice(0, -1)), r;
|
|
224
224
|
}
|
|
225
225
|
const E = ".auto";
|
|
226
226
|
function ce(e, i, n = {}) {
|
|
@@ -230,13 +230,13 @@ function ce(e, i, n = {}) {
|
|
|
230
230
|
const a = i?.length ? H({ baseUrl: "", transformations: i }).replace(/\/t\//g, "") : "";
|
|
231
231
|
if (!a && !c)
|
|
232
232
|
return e;
|
|
233
|
-
const
|
|
234
|
-
if (
|
|
233
|
+
const f = e.indexOf(_);
|
|
234
|
+
if (f < 0)
|
|
235
235
|
return a ? `${e}${g}${a}` : e;
|
|
236
|
-
const r = e.slice(0,
|
|
237
|
-
if (!
|
|
236
|
+
const r = e.slice(0, f + _.length), h = e.slice(f + _.length);
|
|
237
|
+
if (!h)
|
|
238
238
|
return e;
|
|
239
|
-
const s =
|
|
239
|
+
const s = h.indexOf(g), l = s >= 0, t = h.indexOf("/"), d = l ? s : t, o = d >= 0 ? h.slice(0, d) : h, m = l ? h.slice(s + g.length) : t >= 0 ? h.slice(t + 1) : "", A = m.slice(m.lastIndexOf("/") + 1), C = A ? `${A.replace(/\.[^.]+$/, "")}${E}` : `${o.replace(/\.[^.]+$/, "")}${E}`, x = [a, c ? C : l ? "" : A].filter(
|
|
240
240
|
Boolean
|
|
241
241
|
);
|
|
242
242
|
return x.length === 0 ? e : `${r}${o}${g}${x.join("/")}`;
|
|
@@ -250,17 +250,17 @@ function q(e, i) {
|
|
|
250
250
|
const n = e.indexOf(_);
|
|
251
251
|
if (n < 0)
|
|
252
252
|
return e;
|
|
253
|
-
const u = Y(i), c = e.slice(0, n + _.length), a = e.slice(n + _.length),
|
|
254
|
-
if (
|
|
255
|
-
const
|
|
256
|
-
|
|
253
|
+
const u = Y(i), c = e.slice(0, n + _.length), a = e.slice(n + _.length), f = a.indexOf(g);
|
|
254
|
+
if (f >= 0) {
|
|
255
|
+
const h = a.slice(0, f), s = a.slice(
|
|
256
|
+
f + g.length
|
|
257
257
|
);
|
|
258
|
-
return `${c}${
|
|
258
|
+
return `${c}${h}${g}${u}/${s}`;
|
|
259
259
|
}
|
|
260
260
|
const r = a.indexOf("/");
|
|
261
261
|
if (r >= 0) {
|
|
262
|
-
const
|
|
263
|
-
return `${c}${
|
|
262
|
+
const h = a.slice(0, r), s = a.slice(r);
|
|
263
|
+
return `${c}${h}${g}${u}${s}`;
|
|
264
264
|
}
|
|
265
265
|
return `${c}${a}${g}${u}`;
|
|
266
266
|
}
|
|
@@ -284,8 +284,6 @@ const T = "TRX", N = "TR1", Z = /* @__PURE__ */ new Set([
|
|
|
284
284
|
"jpg",
|
|
285
285
|
"png",
|
|
286
286
|
"svg",
|
|
287
|
-
"tif",
|
|
288
|
-
"tiff",
|
|
289
287
|
"webp"
|
|
290
288
|
]);
|
|
291
289
|
function I(e) {
|
|
@@ -335,7 +333,7 @@ function ue(e, i) {
|
|
|
335
333
|
const n = ee(i);
|
|
336
334
|
return n !== void 0 && n > J ? N : T;
|
|
337
335
|
}
|
|
338
|
-
function
|
|
336
|
+
function he(e, i = {}) {
|
|
339
337
|
if (!e.includes(_) || Q(e) || i.format === T && S(i.extension))
|
|
340
338
|
return "";
|
|
341
339
|
const { maxWidth: n, widths: u = X } = i, c = [...u].filter((s) => Number.isFinite(s) && s > 0).sort((s, l) => s - l);
|
|
@@ -346,14 +344,14 @@ function fe(e, i = {}) {
|
|
|
346
344
|
const s = c.filter((l) => l <= n);
|
|
347
345
|
a = s.length > 0 ? s : [c[0]];
|
|
348
346
|
}
|
|
349
|
-
const
|
|
347
|
+
const f = n !== void 0 && Number.isFinite(n) && n > 0, h = (f ? a.filter(
|
|
350
348
|
(s) => n > s * (1 + z)
|
|
351
349
|
) : a).map(
|
|
352
350
|
(s) => `${q(e, s)} ${s}w`
|
|
353
351
|
);
|
|
354
|
-
return
|
|
352
|
+
return f && h.push(`${e} ${n}w`), h.join(", ");
|
|
355
353
|
}
|
|
356
|
-
function
|
|
354
|
+
function fe(e, i = 100) {
|
|
357
355
|
return !Number.isFinite(e) || e <= 0 ? "" : `${Math.ceil(e / i) * i}px`;
|
|
358
356
|
}
|
|
359
357
|
export {
|
|
@@ -366,12 +364,12 @@ export {
|
|
|
366
364
|
oe as S,
|
|
367
365
|
G as T,
|
|
368
366
|
ce as a,
|
|
369
|
-
|
|
367
|
+
he as b,
|
|
370
368
|
de as c,
|
|
371
369
|
H as d,
|
|
372
370
|
K as e,
|
|
373
371
|
ae as f,
|
|
374
|
-
|
|
372
|
+
fe as g,
|
|
375
373
|
j as h,
|
|
376
374
|
se as i,
|
|
377
375
|
re as j,
|