@pantheon-systems/pds-toolkit-react 2.0.0-alpha.77 → 2.0.0-alpha.78
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/dist/components/cards/Card/Card.d.ts +2 -2
- package/dist/components/icons/Icon/generated-icon-data.d.ts +1 -1
- package/dist/components/links/CTALink/CTALink.d.ts +2 -2
- package/dist/components/links/LinkNewWindow/LinkNewWindow.d.ts +1 -1
- package/dist/components/panels/FeaturePanel/FeaturePanel.d.ts +72 -0
- package/dist/components/panels/WidgetPanel/WidgetPanel.d.ts +39 -0
- package/dist/css/component-css/pds-cta-link.css +1 -1
- package/dist/css/component-css/pds-feature-panel.css +15 -0
- package/dist/css/component-css/pds-index.css +17 -3
- package/dist/css/component-css/pds-link-new-window.css +1 -1
- package/dist/css/component-css/pds-widget-panel.css +1 -0
- package/dist/css/pds-components.css +17 -3
- package/dist/index.css +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.js +173 -133
- package/dist/index.js.map +1 -1
- package/dist/index.source.d.ts +2 -0
- package/dist/libs/types/layout-types.d.ts +1 -0
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -8764,7 +8764,7 @@ var Xr = {
|
|
|
8764
8764
|
}, n, /* @__PURE__ */ e.createElement(Q, {
|
|
8765
8765
|
className: `${a}__icon`,
|
|
8766
8766
|
iconName: "arrowRight",
|
|
8767
|
-
size: r === "
|
|
8767
|
+
size: r === "m" ? "m" : "s"
|
|
8768
8768
|
}));
|
|
8769
8769
|
}, Hi = ({ children: t, className: n, fontSize: r, isLoading: i, newWindowText: a = "opens in a new window", url: o, ...s }) => {
|
|
8770
8770
|
let c = "pds-link-new-window", l = r ? `${c}--${r}` : null;
|
|
@@ -10917,7 +10917,34 @@ var Xr = {
|
|
|
10917
10917
|
]),
|
|
10918
10918
|
...i
|
|
10919
10919
|
}, t);
|
|
10920
|
-
}, Za = ({
|
|
10920
|
+
}, Za = ({ className: t, content: n, cta: r, dismissLabel: i = "Close", heading: a, image: o, imageVariant: s = "bleed", isDismissible: c, layout: l = "vertical", onDismiss: u, ...d }) => {
|
|
10921
|
+
let f = "pds-feature-panel", p = l === "vertical" ? null : `${f}--${l}`, m = s === "bleed" ? null : `${f}--image-${s}`, h = c ? `${f}--hasDismiss` : null, g = o ? `${f}--has-image` : null, _ = r && "linkContent" in r;
|
|
10922
|
+
return /* @__PURE__ */ e.createElement("div", {
|
|
10923
|
+
className: Z([
|
|
10924
|
+
f,
|
|
10925
|
+
p,
|
|
10926
|
+
m,
|
|
10927
|
+
h,
|
|
10928
|
+
g,
|
|
10929
|
+
t ?? ""
|
|
10930
|
+
]),
|
|
10931
|
+
...d
|
|
10932
|
+
}, c && /* @__PURE__ */ e.createElement("div", { className: `${f}__dismiss` }, /* @__PURE__ */ e.createElement(In, {
|
|
10933
|
+
ariaLabel: i,
|
|
10934
|
+
onClick: u,
|
|
10935
|
+
size: "s"
|
|
10936
|
+
})), o && /* @__PURE__ */ e.createElement("div", { className: `${f}__image` }, o), /* @__PURE__ */ e.createElement("div", { className: `${f}__body` }, /* @__PURE__ */ e.createElement("h2", { className: `${f}__heading` }, a), /* @__PURE__ */ e.createElement("p", { className: `${f}__content` }, n), r && (_ ? /* @__PURE__ */ e.createElement(Mn, {
|
|
10937
|
+
...r,
|
|
10938
|
+
className: `${f}__cta`,
|
|
10939
|
+
size: "s",
|
|
10940
|
+
variant: "brand"
|
|
10941
|
+
}) : /* @__PURE__ */ e.createElement(jn, {
|
|
10942
|
+
...r,
|
|
10943
|
+
className: `${f}__cta`,
|
|
10944
|
+
size: "s",
|
|
10945
|
+
variant: "brand"
|
|
10946
|
+
}))));
|
|
10947
|
+
}, Qa = ({ children: t, className: n, padding: r = "standard", variant: i = "default", ...a }) => {
|
|
10921
10948
|
let o = "pds-panel", s = i === "default" ? null : `${o}--${i}`, c = `${o}__content`, l = r === "standard" ? null : `${c}--pad-${r}`;
|
|
10922
10949
|
return /* @__PURE__ */ e.createElement("div", {
|
|
10923
10950
|
className: Z([
|
|
@@ -10927,7 +10954,7 @@ var Xr = {
|
|
|
10927
10954
|
]),
|
|
10928
10955
|
...a
|
|
10929
10956
|
}, /* @__PURE__ */ e.createElement("div", { className: Z([c, l]) }, t));
|
|
10930
|
-
},
|
|
10957
|
+
}, $a = ({ background: t = "default", children: n, className: r, hasBorder: i = !0, paddingSize: a = "m", ...o }) => {
|
|
10931
10958
|
let s = "pds-panel-list", c = `pds-panel-list--${a}`, l = t === "default" ? null : `${s}--${t}`, u = i ? null : `${s}--borderless`;
|
|
10932
10959
|
return /* @__PURE__ */ e.createElement("ul", {
|
|
10933
10960
|
className: Z([
|
|
@@ -10939,7 +10966,7 @@ var Xr = {
|
|
|
10939
10966
|
]),
|
|
10940
10967
|
...o
|
|
10941
10968
|
}, n);
|
|
10942
|
-
},
|
|
10969
|
+
}, eo = ({ children: t, className: n, expandButtonAriaLabel: r, isExpandable: i = !1, ...a }) => {
|
|
10943
10970
|
let o = "pds-panel-row", [s, c] = g(!1), l = gt(t), u = l["items-left"], d = l["items-right"], f = l["items-below"], p = () => {
|
|
10944
10971
|
c((e) => !e);
|
|
10945
10972
|
};
|
|
@@ -10970,10 +10997,23 @@ var Xr = {
|
|
|
10970
10997
|
opacity: "0"
|
|
10971
10998
|
}
|
|
10972
10999
|
}, /* @__PURE__ */ e.createElement("div", { className: `${o}__items-inside` }, f)));
|
|
10973
|
-
},
|
|
11000
|
+
}, to = ({ children: t, className: n, ...r }) => /* @__PURE__ */ e.createElement("div", {
|
|
10974
11001
|
className: Z(["pds-panel-stack", n ?? ""]),
|
|
10975
11002
|
...r
|
|
10976
|
-
}, t),
|
|
11003
|
+
}, t), no = ({ children: t, className: n, contentMaxHeight: r, heading: i, icon: a, ...o }) => {
|
|
11004
|
+
let s = "pds-widget-panel", c = gt(t), l = c.__unslotted, u = c.footer, d = r ? { maxHeight: r } : void 0;
|
|
11005
|
+
return /* @__PURE__ */ e.createElement("div", {
|
|
11006
|
+
className: Z([s, n ?? ""]),
|
|
11007
|
+
...o
|
|
11008
|
+
}, /* @__PURE__ */ e.createElement("div", { className: `${s}__header` }, a && /* @__PURE__ */ e.createElement(Q, {
|
|
11009
|
+
className: `${s}__icon`,
|
|
11010
|
+
iconName: a,
|
|
11011
|
+
size: "m"
|
|
11012
|
+
}), /* @__PURE__ */ e.createElement("h2", { className: `${s}__heading` }, i)), /* @__PURE__ */ e.createElement("div", {
|
|
11013
|
+
className: `${s}__content`,
|
|
11014
|
+
style: d
|
|
11015
|
+
}, l), _t(u) && /* @__PURE__ */ e.createElement("div", { className: `${s}__footer` }, u));
|
|
11016
|
+
}, ro = /* @__PURE__ */ e.createElement("svg", {
|
|
10977
11017
|
"aria-label": "Pantheon",
|
|
10978
11018
|
fill: "none",
|
|
10979
11019
|
focusable: "false",
|
|
@@ -11035,7 +11075,7 @@ var Xr = {
|
|
|
11035
11075
|
}), /* @__PURE__ */ e.createElement("path", {
|
|
11036
11076
|
d: "M161.5 16.65H161V16.35H162.5V16.65H162V18.25H161.6V16.65H161.5ZM163.6 18.25L163.1 16.75V18.25H162.7V16.35H163.3L163.8 17.85L164.3 16.35H164.9V18.25H164.5V16.75L164 18.25H163.6Z",
|
|
11037
11077
|
fill: "var(--pds-color-foreground-default)"
|
|
11038
|
-
})),
|
|
11078
|
+
})), io = /* @__PURE__ */ e.createElement("svg", {
|
|
11039
11079
|
"aria-label": "Pantheon",
|
|
11040
11080
|
fill: "none",
|
|
11041
11081
|
focusable: "false",
|
|
@@ -11070,7 +11110,7 @@ var Xr = {
|
|
|
11070
11110
|
}), /* @__PURE__ */ e.createElement("path", {
|
|
11071
11111
|
d: "M5.4 24.2L3.7 19.9H7.6L9.4 24.2H13.1L9.8 16.3H1.7C1.1 16.3 0.7 16.3 0.4 17.2C0.0999996 18.3 0 20.4 0 24.5C0 28.6 -3.8743e-07 30.7 0.4 31.8C0.7 32.7 1 32.7 1.7 32.7H8.8L5.4 24.2Z",
|
|
11072
11112
|
fill: "var(--pds-color-foreground-default)"
|
|
11073
|
-
})),
|
|
11113
|
+
})), ao = /* @__PURE__ */ e.createElement("svg", {
|
|
11074
11114
|
"aria-label": "Pantheon",
|
|
11075
11115
|
fill: "none",
|
|
11076
11116
|
focusable: "false",
|
|
@@ -11105,17 +11145,17 @@ var Xr = {
|
|
|
11105
11145
|
}), /* @__PURE__ */ e.createElement("path", {
|
|
11106
11146
|
d: "M135.7 0.299999H135.2V0H136.7V0.299999H136.2V1.9H135.8V0.299999H135.7ZM137.8 1.9L137.3 0.4V1.9H136.9V0H137.5L138 1.5L138.5 0H139.1V1.9H138.7V0.4L138.2 1.9H137.8Z",
|
|
11107
11147
|
fill: "var(--pds-color-foreground-default)"
|
|
11108
|
-
})),
|
|
11148
|
+
})), oo = ({ className: t, colorType: n = "default", displayType: r = "full", linkContent: i, size: a = "m", ...o }) => {
|
|
11109
11149
|
let c = "pds-pantheon-logo", l = r && r !== "full" ? `${c}--${r}` : null, u = n && n !== "default" ? `${c}--${n}` : null, d = a === "m" ? null : `${c}--${a}`, f;
|
|
11110
11150
|
switch (r) {
|
|
11111
11151
|
case "full":
|
|
11112
|
-
f =
|
|
11152
|
+
f = ro;
|
|
11113
11153
|
break;
|
|
11114
11154
|
case "icon":
|
|
11115
|
-
f =
|
|
11155
|
+
f = io;
|
|
11116
11156
|
break;
|
|
11117
11157
|
case "wordmark":
|
|
11118
|
-
f =
|
|
11158
|
+
f = ao;
|
|
11119
11159
|
break;
|
|
11120
11160
|
}
|
|
11121
11161
|
let p = s(i) && typeof i.props.children == "string" ? i.props.children : "", m = s(i) ? i.type : null, h = s(i) && m ? /* @__PURE__ */ e.createElement(m, Object.assign({}, i.props, {
|
|
@@ -11132,7 +11172,7 @@ var Xr = {
|
|
|
11132
11172
|
]),
|
|
11133
11173
|
...o
|
|
11134
11174
|
}, i ? h : f);
|
|
11135
|
-
},
|
|
11175
|
+
}, so = 8, co = 14, lo = ({ className: t, classNameContainer: n, closeButtonLabel: r = "Close", content: i, customTrigger: a = !1, hasCloseButton: o = !1, offsetValue: s = 0, onClose: c = () => {}, placement: l = "top", popoverIsOpen: d = !1, setPopoverIsOpen: f = () => {}, title: p, triggerAccessibleText: m = "Show more information", triggerIcon: _ = "circleInfo", triggerIconSize: v = "m", ...x }) => {
|
|
11136
11176
|
let [S, w] = g(d);
|
|
11137
11177
|
u(() => {
|
|
11138
11178
|
w(d);
|
|
@@ -11159,12 +11199,12 @@ var Xr = {
|
|
|
11159
11199
|
M(R),
|
|
11160
11200
|
N(R),
|
|
11161
11201
|
H(R)
|
|
11162
|
-
]), J = V.arrow?.x ?? 0, ee = V.arrow?.y ?? 0, te = J +
|
|
11202
|
+
]), J = V.arrow?.x ?? 0, ee = V.arrow?.y ?? 0, te = J + co / 2, ne = ee + so, { isMounted: re } = U(R, {
|
|
11163
11203
|
initial: { transform: "scale(0)" },
|
|
11164
11204
|
common: ({ side: e }) => ({ transformOrigin: {
|
|
11165
|
-
top: `${te}px calc(100% + ${
|
|
11205
|
+
top: `${te}px calc(100% + ${so}px)`,
|
|
11166
11206
|
bottom: `${te}px -8px`,
|
|
11167
|
-
left: `calc(100% + ${
|
|
11207
|
+
left: `calc(100% + ${so}px) ${ne}px`,
|
|
11168
11208
|
right: `-8px ${ne}px`
|
|
11169
11209
|
}[e] })
|
|
11170
11210
|
});
|
|
@@ -11196,23 +11236,23 @@ var Xr = {
|
|
|
11196
11236
|
className: `${j}__arrow`,
|
|
11197
11237
|
context: R,
|
|
11198
11238
|
fill: "var(--pds-color-surface-default)",
|
|
11199
|
-
height:
|
|
11239
|
+
height: so,
|
|
11200
11240
|
stroke: "var(--pds-color-border-default)",
|
|
11201
11241
|
strokeWidth: 1,
|
|
11202
11242
|
tipRadius: 0,
|
|
11203
|
-
width:
|
|
11243
|
+
width: co
|
|
11204
11244
|
}), /* @__PURE__ */ e.createElement("div", { className: `${j}__container-inner` }, p && /* @__PURE__ */ e.createElement("div", { className: `${j}__title` }, p), i && /* @__PURE__ */ e.createElement("div", { className: `${j}__content` }, i), o && /* @__PURE__ */ e.createElement("div", { className: `${j}__close-wrapper` }, /* @__PURE__ */ e.createElement(In, {
|
|
11205
11245
|
ariaLabel: r,
|
|
11206
11246
|
onClick: G,
|
|
11207
11247
|
size: "s"
|
|
11208
11248
|
})))))));
|
|
11209
|
-
},
|
|
11249
|
+
}, uo = {
|
|
11210
11250
|
neutral: "--pds-color-status-neutral-indicator",
|
|
11211
11251
|
info: "--pds-color-status-info-fill",
|
|
11212
11252
|
success: "--pds-color-status-success-fill",
|
|
11213
11253
|
warning: "--pds-color-status-warning-fill",
|
|
11214
11254
|
critical: "--pds-color-status-critical-fill"
|
|
11215
|
-
},
|
|
11255
|
+
}, fo = ({ className: t, colorBreakpoints: n = [{
|
|
11216
11256
|
colorType: "info",
|
|
11217
11257
|
percentage: 0
|
|
11218
11258
|
}, {
|
|
@@ -11233,7 +11273,7 @@ var Xr = {
|
|
|
11233
11273
|
id: m
|
|
11234
11274
|
}, i), (x || l) && /* @__PURE__ */ e.createElement("div", { className: `${h}__details` }, x && b, l && /* @__PURE__ */ e.createElement("div", {
|
|
11235
11275
|
className: `${h}__percentage`,
|
|
11236
|
-
style: { color: `hsl(from var(${
|
|
11276
|
+
style: { color: `hsl(from var(${uo[y]}) h s calc(l - 7))` }
|
|
11237
11277
|
}, s, "%")), /* @__PURE__ */ e.createElement("div", { className: `${h}__wrapper` }, /* @__PURE__ */ e.createElement("div", {
|
|
11238
11278
|
"aria-labelledby": m,
|
|
11239
11279
|
"aria-valuenow": v,
|
|
@@ -11243,16 +11283,16 @@ var Xr = {
|
|
|
11243
11283
|
className: `${h}__bar`,
|
|
11244
11284
|
style: {
|
|
11245
11285
|
width: `${v}%`,
|
|
11246
|
-
backgroundColor: `var(${
|
|
11286
|
+
backgroundColor: `var(${uo[y]})`
|
|
11247
11287
|
}
|
|
11248
11288
|
}))), S && b);
|
|
11249
|
-
},
|
|
11289
|
+
}, po = {
|
|
11250
11290
|
neutral: "--pds-color-status-neutral-indicator",
|
|
11251
11291
|
info: "--pds-color-status-info-fill",
|
|
11252
11292
|
success: "--pds-color-status-success-fill",
|
|
11253
11293
|
warning: "--pds-color-status-warning-fill",
|
|
11254
11294
|
critical: "--pds-color-status-critical-fill"
|
|
11255
|
-
},
|
|
11295
|
+
}, mo = ({ className: t, colorBreakpoints: n = [{
|
|
11256
11296
|
colorType: "info",
|
|
11257
11297
|
percentage: 0
|
|
11258
11298
|
}, {
|
|
@@ -11301,7 +11341,7 @@ var Xr = {
|
|
|
11301
11341
|
strokeDasharray: x,
|
|
11302
11342
|
strokeDashoffset: S,
|
|
11303
11343
|
strokeWidth: y,
|
|
11304
|
-
style: { stroke: `var(${
|
|
11344
|
+
style: { stroke: `var(${po[C]})` },
|
|
11305
11345
|
transform: `rotate(-90 ${v / 2} ${v / 2})`
|
|
11306
11346
|
}), /* @__PURE__ */ e.createElement("text", {
|
|
11307
11347
|
alignmentBaseline: "middle",
|
|
@@ -11311,22 +11351,22 @@ var Xr = {
|
|
|
11311
11351
|
x: "50%",
|
|
11312
11352
|
y: "51%"
|
|
11313
11353
|
}, w))));
|
|
11314
|
-
},
|
|
11354
|
+
}, ho = {
|
|
11315
11355
|
of: "of",
|
|
11316
11356
|
showing: "Showing",
|
|
11317
11357
|
unitPlural: "results",
|
|
11318
11358
|
unitSingular: "result"
|
|
11319
|
-
},
|
|
11359
|
+
}, go = (e, t, n, r) => new Intl.PluralRules(r).select(e) === "one" ? t : n, _o = ({ className: t, countMatching: n, countTotal: r, labelStrings: i, locale: a, ...o }) => {
|
|
11320
11360
|
let s = "pds-result-count", c = `${s}__number`, { of: l, showing: u, unitPlural: d, unitSingular: f } = {
|
|
11321
|
-
...
|
|
11361
|
+
...ho,
|
|
11322
11362
|
...i
|
|
11323
|
-
}, p = n !== void 0, m =
|
|
11363
|
+
}, p = n !== void 0, m = go(r, f, d, a);
|
|
11324
11364
|
return /* @__PURE__ */ e.createElement("div", {
|
|
11325
11365
|
"aria-live": "polite",
|
|
11326
11366
|
className: Z([s, t ?? ""]),
|
|
11327
11367
|
...o
|
|
11328
11368
|
}, /* @__PURE__ */ e.createElement("span", null, p && /* @__PURE__ */ e.createElement(e.Fragment, null, u && `${u} `, /* @__PURE__ */ e.createElement("span", { className: c }, n), ` ${l} `), /* @__PURE__ */ e.createElement("span", { className: c }, r), ` ${m}`));
|
|
11329
|
-
},
|
|
11369
|
+
}, vo = ({ children: t, className: n, menuAriaLabel: r, menuItems: i, variant: a = "dropdown", ...o }) => {
|
|
11330
11370
|
let s = "pds-row-actions-menu", c = a === "dropdown" ? null : `${s}--${a}`, l = d(), u = h(null);
|
|
11331
11371
|
return /* @__PURE__ */ e.createElement("div", {
|
|
11332
11372
|
className: Z([
|
|
@@ -11353,14 +11393,14 @@ var Xr = {
|
|
|
11353
11393
|
size: "s",
|
|
11354
11394
|
variant: "subtle"
|
|
11355
11395
|
})));
|
|
11356
|
-
},
|
|
11396
|
+
}, yo = {
|
|
11357
11397
|
privacy: /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Privacy Policy"),
|
|
11358
11398
|
dataSubjectRequest: /* @__PURE__ */ e.createElement("a", { href: "http://pantheon.io/data-subject-request" }, "Data Subject Request"),
|
|
11359
11399
|
cookiePolicy: /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Cookie Policy"),
|
|
11360
11400
|
termsOfUse: /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Terms of Use"),
|
|
11361
11401
|
acceptableUse: /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Acceptable Use Policy"),
|
|
11362
11402
|
accessibilityStatement: /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/accessibility-statement" }, "Accessibility Statement")
|
|
11363
|
-
},
|
|
11403
|
+
}, bo = (e) => typeof e == "string", xo = ({ as: t = "div", children: n, className: r, containerWidth: i = "full", hasTopBorder: a, legalLinks: o = [
|
|
11364
11404
|
"privacy",
|
|
11365
11405
|
"dataSubjectRequest",
|
|
11366
11406
|
"cookiePolicy",
|
|
@@ -11377,8 +11417,8 @@ var Xr = {
|
|
|
11377
11417
|
r ?? ""
|
|
11378
11418
|
]),
|
|
11379
11419
|
...c
|
|
11380
|
-
}, /* @__PURE__ */ e.createElement("div", { className: f }, n && /* @__PURE__ */ e.createElement("div", { className: `${l}__content` }, n), /* @__PURE__ */ e.createElement("div", { className: `${l}__legal` }, /* @__PURE__ */ e.createElement("span", { className: `${l}__copyright` }, "© ", p, " Pantheon Systems, Inc."), o.map((t, n) =>
|
|
11381
|
-
},
|
|
11420
|
+
}, /* @__PURE__ */ e.createElement("div", { className: f }, n && /* @__PURE__ */ e.createElement("div", { className: `${l}__content` }, n), /* @__PURE__ */ e.createElement("div", { className: `${l}__legal` }, /* @__PURE__ */ e.createElement("span", { className: `${l}__copyright` }, "© ", p, " Pantheon Systems, Inc."), o.map((t, n) => bo(t) ? /* @__PURE__ */ e.createElement(e.Fragment, { key: t }, yo[t]) : /* @__PURE__ */ e.createElement(e.Fragment, { key: n }, t)))));
|
|
11421
|
+
}, So = ({ className: t, option: n, ...r }) => {
|
|
11382
11422
|
let i = "pds-site-option-display", a = n.type ? Kn[n.type] : "boltSolid", o = h(null), [s] = qe(o), c = s.width / 16 - 7.5, l, u;
|
|
11383
11423
|
n.status === "active" && (l = "Active", u = "success"), n.status === "frozen" && (l = "Frozen", u = "frozen"), n.status === "restricted" && (l = "Restricted", u = "critical");
|
|
11384
11424
|
let d = /* @__PURE__ */ e.createElement(Tn, {
|
|
@@ -11401,7 +11441,7 @@ var Xr = {
|
|
|
11401
11441
|
className: `${i}__status`,
|
|
11402
11442
|
style: { pointerEvents: "none" }
|
|
11403
11443
|
}, d));
|
|
11404
|
-
},
|
|
11444
|
+
}, Co = ({ className: t, disabled: n = !1, id: r, isLoading: i = !1, label: a = "Search sites", labelStrings: o = {
|
|
11405
11445
|
clearButton: "Clear input text",
|
|
11406
11446
|
inputInstructions: "Type to search options"
|
|
11407
11447
|
}, loadingText: s = "Loading results...", noResultsText: c = "No results found", onFocus: l, onOptionSelect: u, placeholder: d = "Search sites", siteList: f, ...p }) => {
|
|
@@ -11413,7 +11453,7 @@ var Xr = {
|
|
|
11413
11453
|
id: n,
|
|
11414
11454
|
label: i,
|
|
11415
11455
|
value: r ?? i,
|
|
11416
|
-
optionDisplay: /* @__PURE__ */ e.createElement(
|
|
11456
|
+
optionDisplay: /* @__PURE__ */ e.createElement(So, { option: t }),
|
|
11417
11457
|
siteData: t
|
|
11418
11458
|
};
|
|
11419
11459
|
});
|
|
@@ -11442,7 +11482,7 @@ var Xr = {
|
|
|
11442
11482
|
};
|
|
11443
11483
|
//#endregion
|
|
11444
11484
|
//#region src/components/SortableList/sortable-utils.ts
|
|
11445
|
-
function
|
|
11485
|
+
function wo(e, t, n = null, r = 0, i = []) {
|
|
11446
11486
|
return e.reduce((e, a, o) => {
|
|
11447
11487
|
let s = !!a.children?.length, c = t.has(a.id);
|
|
11448
11488
|
return e.push({
|
|
@@ -11454,10 +11494,10 @@ function So(e, t, n = null, r = 0, i = []) {
|
|
|
11454
11494
|
index: o,
|
|
11455
11495
|
isExpanded: c,
|
|
11456
11496
|
parentId: n
|
|
11457
|
-
}), s && c && a.children && e.push(...
|
|
11497
|
+
}), s && c && a.children && e.push(...wo(a.children, t, a.id, r + 1, [...i, a.id])), e;
|
|
11458
11498
|
}, []);
|
|
11459
11499
|
}
|
|
11460
|
-
function
|
|
11500
|
+
function To(e) {
|
|
11461
11501
|
let t = /* @__PURE__ */ new Map(), n = new Set(e.map((e) => e.id)), r = [];
|
|
11462
11502
|
for (let i of e) {
|
|
11463
11503
|
let e = i.data.children ?? [], a = e.length > 0 && !e.some((e) => n.has(e.id)), o = {
|
|
@@ -11470,28 +11510,28 @@ function Co(e) {
|
|
|
11470
11510
|
e && (e.children || (e.children = []), e.children.push(o));
|
|
11471
11511
|
}
|
|
11472
11512
|
}
|
|
11473
|
-
return
|
|
11513
|
+
return Eo(r);
|
|
11474
11514
|
}
|
|
11475
|
-
function
|
|
11515
|
+
function Eo(e) {
|
|
11476
11516
|
return e.map((e) => {
|
|
11477
11517
|
if (e.children?.length) return {
|
|
11478
11518
|
...e,
|
|
11479
|
-
children:
|
|
11519
|
+
children: Eo(e.children)
|
|
11480
11520
|
};
|
|
11481
11521
|
let { children: t, ...n } = e;
|
|
11482
11522
|
return n;
|
|
11483
11523
|
});
|
|
11484
11524
|
}
|
|
11485
|
-
function
|
|
11525
|
+
function Do(e, t) {
|
|
11486
11526
|
for (let n of e) {
|
|
11487
11527
|
if (n.id === t) return n;
|
|
11488
11528
|
if (n.children) {
|
|
11489
|
-
let e =
|
|
11529
|
+
let e = Do(n.children, t);
|
|
11490
11530
|
if (e) return e;
|
|
11491
11531
|
}
|
|
11492
11532
|
}
|
|
11493
11533
|
}
|
|
11494
|
-
function
|
|
11534
|
+
function Oo(e, t, n, r, i, a, o) {
|
|
11495
11535
|
let s = e.findIndex((e) => e.id === n);
|
|
11496
11536
|
if (s === -1) return 0;
|
|
11497
11537
|
let c = e[s], l = Math.round(r / i), u = e.find((e) => e.id === t), d = (o ?? u?.depth ?? c.depth) + l, f = e[s - 1], p = f ? f.depth + 1 : 0, m = e.slice(s + 1).find((e) => e.id !== t && !e.ancestorIds.includes(t) && !e.ancestorIds.includes(n)), h = m ? m.depth : 0;
|
|
@@ -11499,7 +11539,7 @@ function Eo(e, t, n, r, i, a, o) {
|
|
|
11499
11539
|
}
|
|
11500
11540
|
//#endregion
|
|
11501
11541
|
//#region src/components/SortableList/SortableListHeader.tsx
|
|
11502
|
-
var
|
|
11542
|
+
var ko = ({ children: t, className: n, columns: r, ...i }) => {
|
|
11503
11543
|
if (!r && !t) return null;
|
|
11504
11544
|
let a = r ? {
|
|
11505
11545
|
display: "grid",
|
|
@@ -11520,13 +11560,13 @@ var Do = ({ children: t, className: n, columns: r, ...i }) => {
|
|
|
11520
11560
|
};
|
|
11521
11561
|
//#endregion
|
|
11522
11562
|
//#region src/components/SortableList/useSortableTree.ts
|
|
11523
|
-
function
|
|
11563
|
+
function Ao({ defaultItems: e, isDragEnabled: t = !1, items: n, onReorder: r }) {
|
|
11524
11564
|
let i = n !== void 0, [a, o] = g(() => n ?? e ?? []), [s, l] = g(/* @__PURE__ */ new Set()), u = h(null), d = h(t);
|
|
11525
11565
|
t && !d.current && (u.current = {
|
|
11526
11566
|
items: i ? n : a,
|
|
11527
11567
|
expandedIds: s
|
|
11528
|
-
}), t || (u.current = null), d.current = t, process.env.NODE_ENV !== "production" && n !== void 0 && e !== void 0 &&
|
|
11529
|
-
let f = i ? n : a, p = m(() =>
|
|
11568
|
+
}), t || (u.current = null), d.current = t, process.env.NODE_ENV !== "production" && n !== void 0 && e !== void 0 && Mo("SortableList received both `items` and `defaultItems`. `items` will be used and `defaultItems` will be ignored.");
|
|
11569
|
+
let f = i ? n : a, p = m(() => wo(f, s), [f, s]), _ = m(() => p.map((e) => e.id), [p]), v = c((e) => {
|
|
11530
11570
|
l((t) => {
|
|
11531
11571
|
let n = new Set(t);
|
|
11532
11572
|
return n.has(e) ? n.delete(e) : n.add(e), n;
|
|
@@ -11544,7 +11584,7 @@ function Oo({ defaultItems: e, isDragEnabled: t = !1, items: n, onReorder: r })
|
|
|
11544
11584
|
}, []),
|
|
11545
11585
|
flatNodes: p,
|
|
11546
11586
|
handleReorder: c((e) => {
|
|
11547
|
-
let t =
|
|
11587
|
+
let t = To(e);
|
|
11548
11588
|
i || o(t), r?.(t);
|
|
11549
11589
|
}, [i, r]),
|
|
11550
11590
|
resetToSnapshot: c(() => {
|
|
@@ -11556,24 +11596,24 @@ function Oo({ defaultItems: e, isDragEnabled: t = !1, items: n, onReorder: r })
|
|
|
11556
11596
|
toggleExpand: v
|
|
11557
11597
|
};
|
|
11558
11598
|
}
|
|
11559
|
-
var
|
|
11560
|
-
function
|
|
11561
|
-
|
|
11599
|
+
var jo = /* @__PURE__ */ new Set();
|
|
11600
|
+
function Mo(e) {
|
|
11601
|
+
jo.has(e) || (jo.add(e), console.warn(e));
|
|
11562
11602
|
}
|
|
11563
11603
|
//#endregion
|
|
11564
11604
|
//#region src/components/SortableList/SortableList.tsx
|
|
11565
|
-
var
|
|
11605
|
+
var No = 24, Po = { droppable: { strategy: Ze.Always } }, Fo = o(function({ children: n, className: r, columns: i, defaultItems: a, getItemLabel: o = (e) => String(e.id), isDragEnabled: l, isItemLocked: u = () => !1, isNestingLocked: d = () => !1, items: p, maxDepth: _ = 0, onReorder: v, renderRow: y, reorderMode: b = "always", screenReaderInstructions: x, ...S }, C) {
|
|
11566
11606
|
let w = "pds-sortable-list", [T, E] = g(null), D = h(null), [O, k] = g(!1), A = h(!1), [j, M] = g(null), N = h(0), P = h(0), F = h("pointer"), I = h(0), L = h(null), [R, z] = g(0), B = h(0), [V, H] = g(0), U = h(0), W = c((e, t) => {
|
|
11567
11607
|
if (_ > 0 && (e.key === "ArrowLeft" || e.key === "ArrowRight")) {
|
|
11568
11608
|
e.preventDefault();
|
|
11569
11609
|
let n = e.key === "ArrowRight" ? 1 : -1, r = B.current, i = Math.max(-_, Math.min(_, r + n)), a = i - r;
|
|
11570
11610
|
return B.current = i, z(i), {
|
|
11571
|
-
x: t.currentCoordinates.x + a *
|
|
11611
|
+
x: t.currentCoordinates.x + a * No,
|
|
11572
11612
|
y: t.currentCoordinates.y
|
|
11573
11613
|
};
|
|
11574
11614
|
}
|
|
11575
11615
|
return rt(e, t);
|
|
11576
|
-
}, [_]), G = b === "always" || b === "toggle" && (l ?? !1), { currentItems: K, expandItem: q, flatNodes: J, handleReorder: ee, resetToSnapshot: te, sortableIds: ne, toggleExpand: re } =
|
|
11616
|
+
}, [_]), G = b === "always" || b === "toggle" && (l ?? !1), { currentItems: K, expandItem: q, flatNodes: J, handleReorder: ee, resetToSnapshot: te, sortableIds: ne, toggleExpand: re } = Ao({
|
|
11577
11617
|
defaultItems: a,
|
|
11578
11618
|
isDragEnabled: G,
|
|
11579
11619
|
items: p,
|
|
@@ -11600,9 +11640,9 @@ var jo = 24, Mo = { droppable: { strategy: Ze.Always } }, No = o(function({ chil
|
|
|
11600
11640
|
Y,
|
|
11601
11641
|
oe,
|
|
11602
11642
|
j
|
|
11603
|
-
]).size > 0, le = m(() => T ? J.find((e) => e.id === T) ?? null : null, [T, J]), ue = m(() => T ?
|
|
11643
|
+
]).size > 0, le = m(() => T ? J.find((e) => e.id === T) ?? null : null, [T, J]), ue = m(() => T ? Do(K, String(T)) ?? null : null, [T, K]), de = m(() => {
|
|
11604
11644
|
let e = le?.depth ?? 0;
|
|
11605
|
-
return !T || !j || O || _ === 0 ? e :
|
|
11645
|
+
return !T || !j || O || _ === 0 ? e : Oo(J, String(T), String(j), V * No, No, _);
|
|
11606
11646
|
}, [
|
|
11607
11647
|
T,
|
|
11608
11648
|
le,
|
|
@@ -11614,7 +11654,7 @@ var jo = 24, Mo = { droppable: { strategy: Ze.Always } }, No = o(function({ chil
|
|
|
11614
11654
|
]), fe = m(() => {
|
|
11615
11655
|
if (!T || O || de === 0 || j && Y(j)) return null;
|
|
11616
11656
|
let e = J.findIndex((e) => e.id === T);
|
|
11617
|
-
return e === -1 ? null :
|
|
11657
|
+
return e === -1 ? null : Io(J, e, de);
|
|
11618
11658
|
}, [
|
|
11619
11659
|
T,
|
|
11620
11660
|
J,
|
|
@@ -11660,19 +11700,19 @@ var jo = 24, Mo = { droppable: { strategy: Ze.Always } }, No = o(function({ chil
|
|
|
11660
11700
|
}, [J, oe]), ge = c((e) => {
|
|
11661
11701
|
let t = e.delta.x;
|
|
11662
11702
|
if (P.current = t, A.current || _ === 0) return;
|
|
11663
|
-
let n = Math.floor(t /
|
|
11664
|
-
(n > r || n < r && t < r *
|
|
11703
|
+
let n = Math.floor(t / No), r = U.current;
|
|
11704
|
+
(n > r || n < r && t < r * No - No * .4) && (U.current = n, H(n));
|
|
11665
11705
|
}, [_]), _e = c((e) => {
|
|
11666
11706
|
let { active: t, over: n } = e, r = A.current, i = B.current, a = U.current;
|
|
11667
11707
|
E(null), D.current = null, k(!1), A.current = !1, M(null), U.current = 0, H(0), L.current && (q(L.current), L.current = null);
|
|
11668
|
-
let o = J.findIndex((e) => e.id === t.id), s = r ? i *
|
|
11708
|
+
let o = J.findIndex((e) => e.id === t.id), s = r ? i * No : a * No, c = !n || t.id === n.id, l = n?.id ?? null;
|
|
11669
11709
|
if (r && i > 0 && c && o > 0 && (l = J[o - 1].id), !l || t.id === l) {
|
|
11670
11710
|
if (o === -1) return;
|
|
11671
11711
|
let e = J[o];
|
|
11672
11712
|
if (!e) return;
|
|
11673
|
-
let n =
|
|
11713
|
+
let n = Oo(J, String(t.id), String(t.id), s, No, _);
|
|
11674
11714
|
if (n === e.depth) return;
|
|
11675
|
-
let r = [...J], [i] = r.splice(o, 1), a =
|
|
11715
|
+
let r = [...J], [i] = r.splice(o, 1), a = Io(r, o, n);
|
|
11676
11716
|
if (a && se.has(a)) return;
|
|
11677
11717
|
let c = {
|
|
11678
11718
|
...i,
|
|
@@ -11694,9 +11734,9 @@ var jo = 24, Mo = { droppable: { strategy: Ze.Always } }, No = o(function({ chil
|
|
|
11694
11734
|
let e = J[u];
|
|
11695
11735
|
g = Math.min(e.depth + 1, _), v = String(l);
|
|
11696
11736
|
} else {
|
|
11697
|
-
g =
|
|
11737
|
+
g = Oo(d, String(t.id), String(l), s, No, _, p.depth);
|
|
11698
11738
|
let e = d[h];
|
|
11699
|
-
v = e && e.depth === g - 1 ? String(l) :
|
|
11739
|
+
v = e && e.depth === g - 1 ? String(l) : Io(d, h, g);
|
|
11700
11740
|
}
|
|
11701
11741
|
if (v && se.has(v)) return;
|
|
11702
11742
|
let y = {
|
|
@@ -11719,24 +11759,24 @@ var jo = 24, Mo = { droppable: { strategy: Ze.Always } }, No = o(function({ chil
|
|
|
11719
11759
|
E(null), D.current = null, k(!1), A.current = !1, M(null), P.current = 0, U.current = 0, H(0), B.current = 0, z(0), L.current && (q(L.current), L.current = null);
|
|
11720
11760
|
}, [q]), ye = m(() => ({
|
|
11721
11761
|
onDragStart({ active: e }) {
|
|
11722
|
-
let t = J.find((t) => t.id === e.id), n =
|
|
11762
|
+
let t = J.find((t) => t.id === e.id), n = Do(K, String(e.id));
|
|
11723
11763
|
return `Picked up ${n ? o(n) : String(e.id)}. Current position: ${t ? J.indexOf(t) + 1 : "?"} of ${J.length} at depth ${t?.depth ?? 0}.`;
|
|
11724
11764
|
},
|
|
11725
11765
|
onDragOver({ active: e, over: t }) {
|
|
11726
11766
|
if (!t) return;
|
|
11727
11767
|
let n = J.findIndex((e) => e.id === t.id);
|
|
11728
11768
|
if (n === -1) return;
|
|
11729
|
-
let r =
|
|
11769
|
+
let r = Do(K, String(e.id)), i = r ? o(r) : String(e.id), a = Oo(J, String(e.id), String(t.id), P.current, No, _);
|
|
11730
11770
|
return `Moving ${i}. Target position: ${n + 1} of ${J.length} at depth ${a}.`;
|
|
11731
11771
|
},
|
|
11732
11772
|
onDragEnd({ active: e, over: t }) {
|
|
11733
|
-
let n =
|
|
11773
|
+
let n = Do(K, String(e.id)), r = n ? o(n) : String(e.id);
|
|
11734
11774
|
if (!t || e.id === t.id) return `${r} dropped. No change in position.`;
|
|
11735
|
-
let i = J.findIndex((e) => e.id === t.id), a =
|
|
11775
|
+
let i = J.findIndex((e) => e.id === t.id), a = Oo(J, String(e.id), String(t.id), P.current, No, _);
|
|
11736
11776
|
return `${r} dropped at position ${i + 1} of ${J.length} at depth ${a}.`;
|
|
11737
11777
|
},
|
|
11738
11778
|
onDragCancel({ active: e }) {
|
|
11739
|
-
let t = J.find((t) => t.id === e.id), n =
|
|
11779
|
+
let t = J.find((t) => t.id === e.id), n = Do(K, String(e.id));
|
|
11740
11780
|
return `Sorting cancelled. ${n ? o(n) : String(e.id)} returned to position ${t ? J.indexOf(t) + 1 : "?"} of ${J.length}.`;
|
|
11741
11781
|
}
|
|
11742
11782
|
}), [
|
|
@@ -11744,14 +11784,14 @@ var jo = 24, Mo = { droppable: { strategy: Ze.Always } }, No = o(function({ chil
|
|
|
11744
11784
|
J,
|
|
11745
11785
|
o,
|
|
11746
11786
|
_
|
|
11747
|
-
]), be = { columns: i }, xe = t.map(n, (t) => s(t) && t.type ===
|
|
11787
|
+
]), be = { columns: i }, xe = t.map(n, (t) => s(t) && t.type === ko ? e.cloneElement(t, be) : t);
|
|
11748
11788
|
return /* @__PURE__ */ e.createElement(Je, {
|
|
11749
11789
|
accessibility: {
|
|
11750
11790
|
announcements: ye,
|
|
11751
11791
|
...x ? { screenReaderInstructions: { draggable: x } } : {}
|
|
11752
11792
|
},
|
|
11753
11793
|
collisionDetection: me,
|
|
11754
|
-
measuring:
|
|
11794
|
+
measuring: Po,
|
|
11755
11795
|
onDragCancel: ve,
|
|
11756
11796
|
onDragEnd: _e,
|
|
11757
11797
|
onDragMove: ge,
|
|
@@ -11826,14 +11866,14 @@ var jo = 24, Mo = { droppable: { strategy: Ze.Always } }, No = o(function({ chil
|
|
|
11826
11866
|
return s(a) ? e.cloneElement(a, o) : a;
|
|
11827
11867
|
})()) : null));
|
|
11828
11868
|
});
|
|
11829
|
-
function
|
|
11869
|
+
function Io(e, t, n) {
|
|
11830
11870
|
if (n === 0) return null;
|
|
11831
11871
|
for (let r = t - 1; r >= 0; r--) if (e[r].depth === n - 1) return e[r].id;
|
|
11832
11872
|
return null;
|
|
11833
11873
|
}
|
|
11834
11874
|
//#endregion
|
|
11835
11875
|
//#region src/components/SortableList/SortableRow.tsx
|
|
11836
|
-
var
|
|
11876
|
+
var Lo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a = !1, id: o, isDragActive: s = !1, isDragging: c = !1, isDropTarget: l = !1, isExpanded: u = !1, isLocked: d = !1, isProjectedParent: f = !1, onToggleExpand: p, projectedDepthDelta: m, ...h }) => {
|
|
11837
11877
|
let { attributes: g, isDragging: _, listeners: v, setNodeRef: y, transform: b, transition: x } = it({
|
|
11838
11878
|
attributes: {
|
|
11839
11879
|
role: "listitem",
|
|
@@ -11888,7 +11928,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
11888
11928
|
key: t.id,
|
|
11889
11929
|
className: `${w}__cell`
|
|
11890
11930
|
}, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, t.label, ": "), j[t.id] ?? null)) : t));
|
|
11891
|
-
},
|
|
11931
|
+
}, Ro = ({ actionCallback: t, actionIcon: n = "barsFilter", actionLabel: r, className: i, description: a, icon: o, iconColor: s = "neutral", isActive: c = !1, isLoading: l = !1, stat: u, title: f, ...p }) => {
|
|
11892
11932
|
let m = "pds-stat-panel", h = s === "neutral" ? null : `${m}--${s}`, g = c ? `${m}--active` : null, _ = d(), v = n && r && t;
|
|
11893
11933
|
return /* @__PURE__ */ e.createElement("div", {
|
|
11894
11934
|
"aria-labelledby": _,
|
|
@@ -11924,11 +11964,11 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
11924
11964
|
size: { width: 6 },
|
|
11925
11965
|
textSize: "xl"
|
|
11926
11966
|
}) : u && /* @__PURE__ */ e.createElement("span", { className: `${m}__stat` }, u)), a && /* @__PURE__ */ e.createElement("p", { className: `${m}__description` }, a));
|
|
11927
|
-
},
|
|
11967
|
+
}, zo = [
|
|
11928
11968
|
"default",
|
|
11929
11969
|
"working",
|
|
11930
11970
|
"checked"
|
|
11931
|
-
],
|
|
11971
|
+
], Bo = ({ alignment: t = "left", className: n, componentWidth: r, labelStrings: i = {}, lastChecked: a, onCheck: o, state: s = "default", ...c }) => {
|
|
11932
11972
|
let l = {
|
|
11933
11973
|
checkForUpdates: "Check for updates",
|
|
11934
11974
|
checking: "Checking...",
|
|
@@ -11975,7 +12015,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
11975
12015
|
triggerIconColor: "default",
|
|
11976
12016
|
triggerIconSize: "s"
|
|
11977
12017
|
}), t === "left" && g));
|
|
11978
|
-
},
|
|
12018
|
+
}, Vo = ({ className: t, label: n = null, linkContent: r, type: i = "neutral", ...a }) => {
|
|
11979
12019
|
let o = "pds-status-indicator", c = `${o}--${i}`, l = /* @__PURE__ */ e.createElement(e.Fragment, null, i === "working" ? /* @__PURE__ */ e.createElement(wn, {
|
|
11980
12020
|
className: `${o}__spinner`,
|
|
11981
12021
|
size: "m"
|
|
@@ -11992,7 +12032,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
11992
12032
|
]),
|
|
11993
12033
|
...a
|
|
11994
12034
|
}, r ? d : l);
|
|
11995
|
-
},
|
|
12035
|
+
}, Ho = ({ className: t, contentAlignment: n = "indented", layoutDirection: r = "vertical", steps: i, ...a }) => {
|
|
11996
12036
|
let o = "pds-step-list", s = `${o}--${n}`, c = r === "horizontal" ? `${o}--horizontal` : "", l = i.map(({ content: t, header: r }, i) => {
|
|
11997
12037
|
let a = /* @__PURE__ */ e.createElement("div", { className: `${o}__number` }, /* @__PURE__ */ e.createElement("span", null, i + 1)), s = /* @__PURE__ */ e.createElement("div", { className: `${o}__header` }, r), c = t ? /* @__PURE__ */ e.createElement("div", { className: `${o}__content` }, t) : null, l = `${o}__step`;
|
|
11998
12038
|
return /* @__PURE__ */ e.createElement("li", {
|
|
@@ -12010,7 +12050,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12010
12050
|
style: r === "horizontal" ? { "--step-list-columns": i.length } : void 0,
|
|
12011
12051
|
...a
|
|
12012
12052
|
}, l);
|
|
12013
|
-
},
|
|
12053
|
+
}, Uo = ({ className: t, steps: n, translatableLabels: r = {
|
|
12014
12054
|
step: "Step",
|
|
12015
12055
|
completed: "completed",
|
|
12016
12056
|
hasError: "has an error",
|
|
@@ -12074,7 +12114,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12074
12114
|
key: t.id,
|
|
12075
12115
|
className: `${o}__step`,
|
|
12076
12116
|
id: `${t.id}--mobile`
|
|
12077
|
-
}, /* @__PURE__ */ e.createElement("div", { className: `${o}__progress-indicator` }, /* @__PURE__ */ e.createElement(
|
|
12117
|
+
}, /* @__PURE__ */ e.createElement("div", { className: `${o}__progress-indicator` }, /* @__PURE__ */ e.createElement(mo, {
|
|
12078
12118
|
innerLabel: n,
|
|
12079
12119
|
label: "Step progress",
|
|
12080
12120
|
percentage: i,
|
|
@@ -12100,7 +12140,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12100
12140
|
"data-steps": u,
|
|
12101
12141
|
...i
|
|
12102
12142
|
}, /* @__PURE__ */ e.createElement("div", { className: `${o}__steps` }, p)));
|
|
12103
|
-
},
|
|
12143
|
+
}, Wo = ({ _isFirstStep: t, backButton: n, forwardButton: r, hasError: i, id: a, isComplete: o, isCurrent: s, label: c, stepContent: l, ...u }) => {
|
|
12104
12144
|
let d = "pds-vert-stepper", f = `${d}__step`, p = [f];
|
|
12105
12145
|
return s && p.push(`${f}--current`), o && p.push(`${f}--complete`), i && p.push(`${f}--error`), /* @__PURE__ */ e.createElement("li", {
|
|
12106
12146
|
className: Z([...p]),
|
|
@@ -12126,14 +12166,14 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12126
12166
|
size: "s",
|
|
12127
12167
|
variant: "highlight"
|
|
12128
12168
|
})))));
|
|
12129
|
-
},
|
|
12169
|
+
}, Go = ({ className: t, labelStrings: n = {
|
|
12130
12170
|
step: "Step",
|
|
12131
12171
|
completed: "completed",
|
|
12132
12172
|
hasError: "has an error"
|
|
12133
12173
|
}, steps: r, ...i }) => {
|
|
12134
12174
|
let a = "pds-vert-stepper", o = r.length, s = r.findIndex((e) => e.isCurrent), c = r.map((t, r) => {
|
|
12135
12175
|
let i = r + 1, a = r === s, c = r === 0, l = t.isComplete || !1, u = t.hasError && a, d = `${n.step} ${i}`;
|
|
12136
|
-
return l && (d = `${n.step} ${i}, ${n.completed}`), u && (d = `${n.step} ${i}, ${n.hasError}`), /* @__PURE__ */ e.createElement(
|
|
12176
|
+
return l && (d = `${n.step} ${i}, ${n.completed}`), u && (d = `${n.step} ${i}, ${n.hasError}`), /* @__PURE__ */ e.createElement(Wo, {
|
|
12137
12177
|
key: `s${i}`,
|
|
12138
12178
|
_isFirstStep: c,
|
|
12139
12179
|
"aria-current": a ? "step" : null,
|
|
@@ -12154,7 +12194,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12154
12194
|
className: Z([a, t ?? ""]),
|
|
12155
12195
|
...i
|
|
12156
12196
|
}, /* @__PURE__ */ e.createElement("ol", { className: `${a}__steps` }, r && c));
|
|
12157
|
-
},
|
|
12197
|
+
}, Ko = () => {
|
|
12158
12198
|
let e = typeof window < "u", t = (e) => e >= 1440 ? "xl" : e >= 1280 ? "lg" : e >= 768 ? "md" : "sm", [n, r] = g(e ? t(window.innerWidth) : "lg");
|
|
12159
12199
|
return u(() => {
|
|
12160
12200
|
if (!e) return;
|
|
@@ -12165,8 +12205,8 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12165
12205
|
window.removeEventListener("resize", n);
|
|
12166
12206
|
};
|
|
12167
12207
|
}, []), n;
|
|
12168
|
-
},
|
|
12169
|
-
let Y = "pds-table", X = d(), ce = d(), le = h(null), ue =
|
|
12208
|
+
}, qo = ({ className: t, closeDetailPanelLabel: n = "Close detail panel", columns: r, currentPage: i, defaultSortKey: a, defaultSortOrder: o = "asc", detailPanelNav: s = !0, detailPanelTitle: c, detailPanelWidth: l, emptyState: f, emptyStateHeading: p = "No results found.", emptyStateMessage: _, footer: v, getDetailPanelPositionLabel: y = (e, t) => `${e} of ${t}`, getPageSizeLabel: b = (e) => `Show ${e} rows per page`, getRowClassName: x, getRowId: S, getRowSelectDisabledReason: C, getSelectRowLabel: w = (e, t) => `Select row ${t}`, getSortLabel: T = (e) => `Sort by ${e}`, hasMobileCards: E = !1, hasMobileDetailSheet: D = !0, inspectedRowId: O, isLoading: k = !1, isRowSelectable: A = () => !0, itemsPerPage: j, loadingRowCount: M = 5, maxHeight: N, minHeight: P, nextDetailPanelRowLabel: F = "Next row", onDetailPanelNext: I, onDetailPanelPrev: L, onPageChange: R, onPageSizeChange: z, onRowInspect: B, onRowSelectionChange: V, onSort: H, pageSizeOptions: U, pageSizeSelectLabel: W = "Rows per page", paginationLabels: G, panel: K, prevDetailPanelRowLabel: q = "Previous row", renderDetailPanel: J, renderDetailPanelFooter: ee, rowData: te, selectAllLabel: ne = "Select all rows", selectedRows: re, sortKey: ie, sortOrder: ae, totalItemCount: oe, ...se }) => {
|
|
12209
|
+
let Y = "pds-table", X = d(), ce = d(), le = h(null), ue = Ko() === "sm" && E, de = K && !ue, fe = r.some((e) => e.cardVisible) ? r.filter((e) => e.cardVisible) : r.slice(0, 1), pe = J !== void 0 || B === void 0 && D, me = J !== void 0 || B !== void 0 || D, he = H !== void 0, ge = R !== void 0, _e = z !== void 0, ve = ge || j !== void 0 || U !== void 0, ye = te.length > 0 || ge && (oe ?? 0) > 0, [be, xe] = g({
|
|
12170
12210
|
key: a ?? "",
|
|
12171
12211
|
order: a === void 0 ? "asc" : o
|
|
12172
12212
|
}), Se = m(() => {
|
|
@@ -12478,8 +12518,8 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12478
12518
|
size: "s",
|
|
12479
12519
|
variant: "standard"
|
|
12480
12520
|
}))))));
|
|
12481
|
-
return de ? /* @__PURE__ */ e.createElement(
|
|
12482
|
-
},
|
|
12521
|
+
return de ? /* @__PURE__ */ e.createElement(Qa, { padding: "none" }, xt) : xt;
|
|
12522
|
+
}, Jo = [
|
|
12483
12523
|
" ",
|
|
12484
12524
|
"/",
|
|
12485
12525
|
".",
|
|
@@ -12497,7 +12537,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12497
12537
|
"=",
|
|
12498
12538
|
"|",
|
|
12499
12539
|
"~"
|
|
12500
|
-
],
|
|
12540
|
+
], Yo = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), Xo = (e) => {
|
|
12501
12541
|
let t = [];
|
|
12502
12542
|
return e.forEach((e) => {
|
|
12503
12543
|
let { id: n, innerText: r } = e;
|
|
@@ -12510,18 +12550,18 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12510
12550
|
title: r
|
|
12511
12551
|
});
|
|
12512
12552
|
}), t;
|
|
12513
|
-
},
|
|
12553
|
+
}, Zo = (e, t, n) => {
|
|
12514
12554
|
let [r, i] = g([]);
|
|
12515
12555
|
return u(() => {
|
|
12516
12556
|
let r = `#${e} h2:not(.${t}), #${e} h3:not(.${t})`, a = () => {
|
|
12517
12557
|
let e = Array.from(document.querySelectorAll(r));
|
|
12518
12558
|
e.forEach((e) => {
|
|
12519
|
-
|
|
12520
|
-
e.id.includes(t) && (e.id = e.id.replace(new RegExp(
|
|
12559
|
+
Jo.forEach((t) => {
|
|
12560
|
+
e.id.includes(t) && (e.id = e.id.replace(new RegExp(Yo(t), "g"), "-"));
|
|
12521
12561
|
});
|
|
12522
12562
|
}), e.forEach((e, t) => {
|
|
12523
12563
|
e.id || (e.id = `${n}-item-${t}`);
|
|
12524
|
-
}), i(
|
|
12564
|
+
}), i(Xo(e));
|
|
12525
12565
|
};
|
|
12526
12566
|
a();
|
|
12527
12567
|
let o = document.getElementById(e);
|
|
@@ -12537,7 +12577,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12537
12577
|
t,
|
|
12538
12578
|
n
|
|
12539
12579
|
]), { nestedHeadings: r };
|
|
12540
|
-
},
|
|
12580
|
+
}, Qo = (e, t) => {
|
|
12541
12581
|
let [n, r] = g(void 0), i = h({});
|
|
12542
12582
|
return u(() => {
|
|
12543
12583
|
let n = `#${e} h2:not(.${t}), #${e} h3:not(.${t})`, a = Array.from(document.querySelectorAll(n));
|
|
@@ -12556,7 +12596,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12556
12596
|
o.disconnect(), r(void 0);
|
|
12557
12597
|
};
|
|
12558
12598
|
}, [e, t]), n;
|
|
12559
|
-
},
|
|
12599
|
+
}, $o = ({ activeID: t, baseClass: n, headings: r, onLinkClick: i }) => /* @__PURE__ */ e.createElement("ul", { className: `${n}__list ${n}__list--top-level` }, r.map((r) => /* @__PURE__ */ e.createElement("li", {
|
|
12560
12600
|
key: r.id,
|
|
12561
12601
|
className: `${n}__list-item`
|
|
12562
12602
|
}, /* @__PURE__ */ e.createElement("a", {
|
|
@@ -12572,8 +12612,8 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12572
12612
|
className: Z([`${n}__link`, r.id === t ? `${n}__link--active` : null]),
|
|
12573
12613
|
href: `#${r.id}`,
|
|
12574
12614
|
onClick: (e) => i(e, r.id)
|
|
12575
|
-
}, r.title))))))),
|
|
12576
|
-
let u = "pds-toc", { nestedHeadings: f } =
|
|
12615
|
+
}, r.title))))))), es = ({ appendIds: t = !1, ariaLabel: n = "Table of contents", className: r, headingLevel: i = "h2", headingText: a = "Table of contents", ignoreClass: o = "pds-toc-ignore", showHeading: s = !1, sourceID: c = "pds-toc-source", ...l }) => {
|
|
12616
|
+
let u = "pds-toc", { nestedHeadings: f } = Zo(c, o, d()), p = Qo(c, o), m = (e) => {
|
|
12577
12617
|
typeof window < "u" && window.location.hash !== `#${e}` && window.history.pushState({}, "", `#${e}`);
|
|
12578
12618
|
}, h = (e) => {
|
|
12579
12619
|
document.querySelector(`#${e}`)?.scrollIntoView({
|
|
@@ -12591,13 +12631,13 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12591
12631
|
baseClass: u,
|
|
12592
12632
|
className: `${s ? "" : "visually-hidden"}`,
|
|
12593
12633
|
level: i
|
|
12594
|
-
}, a), /* @__PURE__ */ e.createElement(
|
|
12634
|
+
}, a), /* @__PURE__ */ e.createElement($o, {
|
|
12595
12635
|
activeID: p,
|
|
12596
12636
|
baseClass: u,
|
|
12597
12637
|
headings: f,
|
|
12598
12638
|
onLinkClick: g
|
|
12599
12639
|
}));
|
|
12600
|
-
},
|
|
12640
|
+
}, ts = ({ ariaLabel: t, className: n, defaultSelected: r = 0, onActiveTabChange: i = () => {}, selectedTab: a, tabs: o, ...s }) => {
|
|
12601
12641
|
let c = "pds-tabs", [l, d] = g(a ?? r);
|
|
12602
12642
|
u(() => {
|
|
12603
12643
|
a !== void 0 && d(a);
|
|
@@ -12711,7 +12751,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12711
12751
|
className: `${c}__panel-content`,
|
|
12712
12752
|
hidden: o !== l
|
|
12713
12753
|
}, r)))));
|
|
12714
|
-
},
|
|
12754
|
+
}, ns = [
|
|
12715
12755
|
"orange",
|
|
12716
12756
|
"stone",
|
|
12717
12757
|
"gold",
|
|
@@ -12725,7 +12765,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12725
12765
|
"magenta",
|
|
12726
12766
|
"rose",
|
|
12727
12767
|
"red"
|
|
12728
|
-
],
|
|
12768
|
+
], rs = [
|
|
12729
12769
|
"orange-solid",
|
|
12730
12770
|
"teal-solid",
|
|
12731
12771
|
"indigo-solid",
|
|
@@ -12735,14 +12775,14 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12735
12775
|
"lime-solid",
|
|
12736
12776
|
"sky-solid",
|
|
12737
12777
|
"slate-solid"
|
|
12738
|
-
],
|
|
12778
|
+
], is = [
|
|
12739
12779
|
"success-solid",
|
|
12740
12780
|
"warning-solid",
|
|
12741
12781
|
"critical-solid",
|
|
12742
12782
|
"info-solid",
|
|
12743
12783
|
"discovery-solid"
|
|
12744
|
-
],
|
|
12745
|
-
let [f, p] = g(!0), m = "pds-tag", h = c ? `${m}--${c}` : `${m}--${
|
|
12784
|
+
], as = [...rs, ...is], os = [...ns, ...rs], ss = (e) => os[parseInt(v(e), 16) % os.length], cs = (e, t) => e.length > t ? e.slice(0, t) + " ..." : e, ls = ({ className: t, isRemovable: n, linkContent: r, onRemove: i, removeLabel: a = "Remove tag", size: o = "s", tagColor: c, tagLabel: l, truncationLength: u = 18, ...d }) => {
|
|
12785
|
+
let [f, p] = g(!0), m = "pds-tag", h = c ? `${m}--${c}` : `${m}--${ss(l)}`, _ = `${m}--${o}`, v = f ? null : "pds-tag--hide", y = () => {
|
|
12746
12786
|
p((e) => !e);
|
|
12747
12787
|
}, b, x, S;
|
|
12748
12788
|
if (r && !n && s(r)) {
|
|
@@ -12764,7 +12804,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12764
12804
|
}, /* @__PURE__ */ e.createElement("span", {
|
|
12765
12805
|
className: `${m}__label`,
|
|
12766
12806
|
title: l
|
|
12767
|
-
}, u > 0 ?
|
|
12807
|
+
}, u > 0 ? cs(l, u) : l), n ? /* @__PURE__ */ e.createElement("button", {
|
|
12768
12808
|
"aria-label": `${a}: ${l}`,
|
|
12769
12809
|
className: `${m}__remove`,
|
|
12770
12810
|
onClick: () => {
|
|
@@ -12776,7 +12816,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12776
12816
|
iconName: "xmark",
|
|
12777
12817
|
size: "m"
|
|
12778
12818
|
})) : null);
|
|
12779
|
-
},
|
|
12819
|
+
}, us = ({ backgroundColor: t = "transparent", children: n, className: r, padding: i = "none", ...a }) => {
|
|
12780
12820
|
let o = "pds-utility-bar", s = t === "transparent" ? null : `${o}--bg-${t}`, c = i === "none" ? null : `${o}--pad-${i}`, l = gt(n), u = l["items-left"], d = l["items-right"] ?? l.__unslotted;
|
|
12781
12821
|
return /* @__PURE__ */ e.createElement("div", {
|
|
12782
12822
|
className: Z([
|
|
@@ -12787,7 +12827,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12787
12827
|
]),
|
|
12788
12828
|
...a
|
|
12789
12829
|
}, /* @__PURE__ */ e.createElement("div", { className: `${o}__layout` }, /* @__PURE__ */ e.createElement("div", { className: `${o}__items-left` }, u), /* @__PURE__ */ e.createElement("div", { className: `${o}__items-right` }, d)));
|
|
12790
|
-
},
|
|
12830
|
+
}, ds = ({ children: t, className: n, drawerContent: r, drawerProps: i, hasDrawerToggle: o, hasSidebarToggle: s, isDrawerOpen: c = !1, isSidebarCollapsed: l, keyboardShortcuts: d = !0, labels: f, mainBackground: m, mainContentElement: _ = "main", mainContentMaxWidth: v = 1600, mainContentProps: y, onDrawerToggle: b, onSidebarToggle: x, scrollableContent: S, sidebarBackground: C, sidebarCollapsedWidth: w = 4, sidebarExpandedWidth: T = "15%", sidebarExpandedWidthMax: E = 18, sidebarExpandedWidthMin: D = 14.75, sidebarProps: O, topOffset: k, ...A }) => {
|
|
12791
12831
|
let [j, M] = g(l || !1);
|
|
12792
12832
|
u(() => {
|
|
12793
12833
|
M(l || !1);
|
|
@@ -12809,7 +12849,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12809
12849
|
return;
|
|
12810
12850
|
}
|
|
12811
12851
|
M(!j);
|
|
12812
|
-
}, U =
|
|
12852
|
+
}, U = Ko();
|
|
12813
12853
|
u(() => {
|
|
12814
12854
|
U === "sm" && !j ? (V.current = !0, x ? x() : M(!0)) : U !== "sm" && V.current && (V.current = !1, x ? x() : M(!1));
|
|
12815
12855
|
}, [U]);
|
|
@@ -12912,7 +12952,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12912
12952
|
!e && c && b && b();
|
|
12913
12953
|
}
|
|
12914
12954
|
}, r));
|
|
12915
|
-
},
|
|
12955
|
+
}, fs = ({ children: t, className: n, sidebarWidth: r = "18%", sidebarWidthMax: i = 20, sidebarWidthMin: a = 15, style: o, ...s }) => {
|
|
12916
12956
|
let c = "pds-docs-layout", l = {
|
|
12917
12957
|
"--docs-sidebar-max-width": `${i}rem`,
|
|
12918
12958
|
"--docs-sidebar-min-width": `${a}rem`,
|
|
@@ -12930,7 +12970,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12930
12970
|
},
|
|
12931
12971
|
...s
|
|
12932
12972
|
}, f && /* @__PURE__ */ e.createElement("aside", { className: `${c}__sidebar` }, /* @__PURE__ */ e.createElement("div", { className: `${c}__sidebar-inner` }, f)), /* @__PURE__ */ e.createElement("div", { className: `${c}__content` }, d));
|
|
12933
|
-
},
|
|
12973
|
+
}, ps = ({ children: t, className: n, gridGap: r = "xl", secondSidebarMobileLocation: i = "after", secondSidebarWidth: a, secondSidebarWidthMax: o, secondSidebarWidthMin: s, sidebarLocation: c = "right", sidebarMobileLocation: l = "after", sidebarWidth: u = "33%", sidebarWidthMax: d = 25, sidebarWidthMin: f = 15, ...p }) => {
|
|
12934
12974
|
let m = "pds-sidebar-layout", h = r === "none" ? "0" : `var(--pds-spacing-${r})`, g = gt(t), _ = !!g["second-sidebar"];
|
|
12935
12975
|
return /* @__PURE__ */ e.createElement("div", {
|
|
12936
12976
|
className: Z([m, n ?? ""]),
|
|
@@ -12948,7 +12988,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12948
12988
|
},
|
|
12949
12989
|
...p
|
|
12950
12990
|
}, /* @__PURE__ */ e.createElement("div", { className: `${m}__main` }, g.__unslotted || g.content), /* @__PURE__ */ e.createElement("div", { className: `${m}__side` }, g.sidebar), _ && /* @__PURE__ */ e.createElement("div", { className: `${m}__second-side` }, g["second-sidebar"]));
|
|
12951
|
-
},
|
|
12991
|
+
}, ms = ({ children: n, className: r, maxColumns: i = 3, style: a, ...o }) => {
|
|
12952
12992
|
let s = "pds-stat-panel-group", c = `${s}--max-${i}`, l = {
|
|
12953
12993
|
"--max-columns": i,
|
|
12954
12994
|
...a
|
|
@@ -12967,7 +13007,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12967
13007
|
className: `${s}__item`,
|
|
12968
13008
|
role: "listitem"
|
|
12969
13009
|
}, t))));
|
|
12970
|
-
},
|
|
13010
|
+
}, hs = ({ children: t, className: n, formWidth: r = "standard", hasPanel: i = !1, ...a }) => {
|
|
12971
13011
|
let o = gt(t), s = o.stepper, c = o.form, l = "pds-stepper-layout", u = r === "full" ? `${l}--full-width` : null, d = /* @__PURE__ */ e.createElement(na, {
|
|
12972
13012
|
className: Z([
|
|
12973
13013
|
l,
|
|
@@ -12977,8 +13017,8 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12977
13017
|
width: "wide",
|
|
12978
13018
|
...a
|
|
12979
13019
|
}, s && /* @__PURE__ */ e.createElement("div", { className: `${l}__stepper-container` }, s), c && /* @__PURE__ */ e.createElement("div", { className: `${l}__form-container` }, c));
|
|
12980
|
-
return i ? /* @__PURE__ */ e.createElement(
|
|
12981
|
-
},
|
|
13020
|
+
return i ? /* @__PURE__ */ e.createElement(Qa, null, d) : d;
|
|
13021
|
+
}, gs = ({ children: t, className: n, gridGap: r = "xl", verticalAlign: i = "start", ...a }) => {
|
|
12982
13022
|
let o = "pds-three-item-layout", s = r === "xl" ? "pds-grid" : `pds-grid pds-grid--gap-${r}`, c = `${o}--${i}`, l = gt(t), u = [
|
|
12983
13023
|
l["first-item"],
|
|
12984
13024
|
l["second-item"],
|
|
@@ -12996,7 +13036,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12996
13036
|
key: n,
|
|
12997
13037
|
className: "pds-grid-item pds-grid-item--sm-12 pds-grid-item--md-4 pds-grid-item--lg-4"
|
|
12998
13038
|
}, t)));
|
|
12999
|
-
},
|
|
13039
|
+
}, _s = ({ children: t, className: n, gridGap: r = "xl", layoutVariant: i = "equal", verticalAlign: a = "start", ...o }) => {
|
|
13000
13040
|
let s = "pds-two-item-layout", c = r === "xl" ? "pds-grid" : `pds-grid pds-grid--gap-${r}`, l = `${s}--${a}`, u = ["pds-grid-item--md-6"], d = ["pds-grid-item--md-4", "pds-grid-item--lg-3"], f = ["pds-grid-item--md-8", "pds-grid-item--lg-9"], p = ["pds-grid-item", "pds-grid-item--sm-4"], m, h;
|
|
13001
13041
|
switch (i) {
|
|
13002
13042
|
case "equal":
|
|
@@ -13017,7 +13057,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
13017
13057
|
]),
|
|
13018
13058
|
...o
|
|
13019
13059
|
}, /* @__PURE__ */ e.createElement("div", { className: m.join(" ").trim() }, _), /* @__PURE__ */ e.createElement("div", { className: h.join(" ").trim() }, v));
|
|
13020
|
-
},
|
|
13060
|
+
}, vs = ({ alignContent: t = "flex-start", alignItems: n = "stretch", children: r, className: i, flexDirection: a = "row", flexWrap: o = "nowrap", gap: s = "xl", justifyContent: c = "flex-start", mobileAlignContent: l, mobileAlignItems: u, mobileFlexDirection: d = "column", mobileFlexWrap: f, mobileGap: p, mobileJustifyContent: m, style: h, ...g }) => {
|
|
13021
13061
|
let _ = "pds-flex", v = `${_}-container`, y = {
|
|
13022
13062
|
"--pds-flex-align-content": t,
|
|
13023
13063
|
"--pds-flex-align-items": n,
|
|
@@ -13043,7 +13083,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
13043
13083
|
},
|
|
13044
13084
|
...g
|
|
13045
13085
|
}, r);
|
|
13046
|
-
},
|
|
13086
|
+
}, ys = (e) => {
|
|
13047
13087
|
let t = typeof window < "u", [n, r] = g(((e) => t ? window.matchMedia(e).matches : !1)(e));
|
|
13048
13088
|
return u(() => {
|
|
13049
13089
|
if (!t) return;
|
|
@@ -13052,20 +13092,20 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
13052
13092
|
};
|
|
13053
13093
|
return r(n.matches), n.addEventListener ? (n.addEventListener("change", i), () => n.removeEventListener("change", i)) : (n.addListener(i), () => n.removeListener(i));
|
|
13054
13094
|
}, [e]), n;
|
|
13055
|
-
},
|
|
13095
|
+
}, bs = [
|
|
13056
13096
|
"light",
|
|
13057
13097
|
"dark",
|
|
13058
13098
|
"system"
|
|
13059
|
-
],
|
|
13099
|
+
], xs = (e) => typeof e == "string" && bs.includes(e), Ss = i(null), Cs = {
|
|
13060
13100
|
resolvedTheme: "light",
|
|
13061
13101
|
setTheme: () => {},
|
|
13062
13102
|
theme: "light"
|
|
13063
|
-
},
|
|
13064
|
-
let d = l !== void 0, f = !r && !d && o && !i, [p, m] = g(n), [h, _] = g(!1), v = d ? l : p, y =
|
|
13103
|
+
}, ws = ({ defaultTheme: e = "light", storageKey: t = "pds-theme" } = {}) => `(function(){try{var t=localStorage.getItem(${JSON.stringify(t)})||${JSON.stringify(e)};if(t==='system'){t=matchMedia('(prefers-color-scheme: dark)').matches?'dark':'light';}document.documentElement.setAttribute('data-theme',t);}catch(e){}})();`, Ts = ({ children: t, defaultTheme: n = "light", disableInitScript: r = !1, nodeRef: i, onThemeChange: a, persist: o = !0, storageKey: s = "pds-theme", theme: l }) => {
|
|
13104
|
+
let d = l !== void 0, f = !r && !d && o && !i, [p, m] = g(n), [h, _] = g(!1), v = d ? l : p, y = ys("(prefers-color-scheme: dark)"), b = v === "system" ? h && y ? "dark" : "light" : v;
|
|
13065
13105
|
u(() => {
|
|
13066
13106
|
if (_(!0), !(d || !o || typeof window > "u")) try {
|
|
13067
13107
|
let e = window.localStorage.getItem(s);
|
|
13068
|
-
|
|
13108
|
+
xs(e) && m(e);
|
|
13069
13109
|
} catch {}
|
|
13070
13110
|
}, []), u(() => {
|
|
13071
13111
|
typeof document > "u" || (i?.current ?? document.documentElement).setAttribute("data-theme", b);
|
|
@@ -13085,20 +13125,20 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
13085
13125
|
]),
|
|
13086
13126
|
theme: v
|
|
13087
13127
|
};
|
|
13088
|
-
return /* @__PURE__ */ e.createElement(
|
|
13128
|
+
return /* @__PURE__ */ e.createElement(Ss.Provider, { value: x }, f && /* @__PURE__ */ e.createElement("script", { dangerouslySetInnerHTML: { __html: ws({
|
|
13089
13129
|
defaultTheme: n,
|
|
13090
13130
|
storageKey: s
|
|
13091
13131
|
}) } }), t);
|
|
13092
|
-
},
|
|
13132
|
+
}, Es = () => l(Ss) ?? Cs, Ds = ({ children: t, enableThemeSwitching: n = !1, mobileMaxWidth: r = 767, themeProps: i = {} }) => {
|
|
13093
13133
|
u(() => {
|
|
13094
13134
|
let e = document.documentElement, t = () => {
|
|
13095
13135
|
window.innerWidth <= r ? e.setAttribute("data-pds-mobile", "") : e.removeAttribute("data-pds-mobile");
|
|
13096
13136
|
};
|
|
13097
13137
|
return t(), window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
|
|
13098
13138
|
}, [r]);
|
|
13099
|
-
let a = n ? /* @__PURE__ */ e.createElement(
|
|
13139
|
+
let a = n ? /* @__PURE__ */ e.createElement(Ts, i, t) : t;
|
|
13100
13140
|
return /* @__PURE__ */ e.createElement(rn, null, a);
|
|
13101
|
-
},
|
|
13141
|
+
}, Os = ({ children: t, className: n, gap: r = "xl", itemMinWidth: i, maxColumns: a, mobileGap: o, ...s }) => {
|
|
13102
13142
|
let c = "pds-auto-grid", l = r === "xl" ? null : `${c}--gap-${r}`, u = a ? `${c}--capped` : null, d = o ?? r, f = d === r ? null : `${c}-gap-mobile--${d}`;
|
|
13103
13143
|
return /* @__PURE__ */ e.createElement("div", {
|
|
13104
13144
|
className: Z([
|
|
@@ -13114,7 +13154,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
13114
13154
|
},
|
|
13115
13155
|
...s
|
|
13116
13156
|
}, t);
|
|
13117
|
-
},
|
|
13157
|
+
}, ks = ({ asContainer: t = !1, children: n, className: r, dense: i = !1, gap: a = "xl", mobileGap: o, stackBelow: s, ...c }) => {
|
|
13118
13158
|
let l = "pds-grid", u = a === "xl" ? null : `${l}--gap-${a}`, d = i ? `${l}--dense` : null, f = t || s ? `${l}--container` : null, p = s ? `${l}--stack-${s}` : null, m = o ?? a, h = m === a ? null : `${l}-gap-mobile--${m}`;
|
|
13119
13159
|
return /* @__PURE__ */ e.createElement("div", {
|
|
13120
13160
|
className: Z([
|
|
@@ -13128,7 +13168,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
13128
13168
|
]),
|
|
13129
13169
|
...c
|
|
13130
13170
|
}, n);
|
|
13131
|
-
},
|
|
13171
|
+
}, As = ({ children: t, className: n, rowSpanLg: r, rowSpanMd: i, rowSpanSm: a, rowSpanXl: o, spanLg: s, spanMd: c, spanSm: l, spanXl: u, ...d }) => {
|
|
13132
13172
|
let f = "pds-grid-item", p = [
|
|
13133
13173
|
l ? `${f}--sm-${l}` : null,
|
|
13134
13174
|
c ? `${f}--md-${c}` : null,
|
|
@@ -13147,7 +13187,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
13147
13187
|
]),
|
|
13148
13188
|
...d
|
|
13149
13189
|
}, t);
|
|
13150
|
-
},
|
|
13190
|
+
}, js = (e, t, n) => {
|
|
13151
13191
|
let { altKey: r = !1, ctrlKey: i = !1, enabled: a = !0, metaKey: o = !1, shiftKey: s = !1 } = n ?? {}, [l, d] = g(!1), f = c((e) => e.altKey === r && e.ctrlKey === i && e.metaKey === o && e.shiftKey === s, [
|
|
13152
13192
|
r,
|
|
13153
13193
|
i,
|
|
@@ -13171,7 +13211,7 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
13171
13211
|
m,
|
|
13172
13212
|
a
|
|
13173
13213
|
]), l;
|
|
13174
|
-
},
|
|
13214
|
+
}, Ms = () => {
|
|
13175
13215
|
let e = typeof window < "u", [t, n] = g(e && window.innerWidth !== void 0 ? window.innerWidth : 1024);
|
|
13176
13216
|
return u(() => {
|
|
13177
13217
|
if (!e) return;
|
|
@@ -13185,6 +13225,6 @@ var Fo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
13185
13225
|
}, []), t;
|
|
13186
13226
|
};
|
|
13187
13227
|
//#endregion
|
|
13188
|
-
export { vr as ActionCard,
|
|
13228
|
+
export { vr as ActionCard, ds as AppLayout, Os as AutoGrid, wt as Avatar, Et as Badge, ba as Banner, Vr as BarChart, za as BottomSheet, Dn as BranchDiff, Gi as Breadcrumb, Ba as BulkActionBar, jn as Button, Mn as ButtonLink, ta as ButtonNav, Vi as CTALink, _r as Callout, yr as Card, br as CardSelect, si as Checkbox, ci as CheckboxFieldset, li as CheckboxGroup, Fn as ClipboardButton, In as CloseButton, Zr as CodeBlock, ui as Combobox, fi as ComboboxMultiselect, xr as CompactEmptyState, $r as ComparisonList, na as Container, ji as Datepicker, fs as DocsLayout, Va as Drawer, Zn as Dropdown, ea as DropdownMenu, Ya as ExpansionPanel, Xa as ExpansionPanelGroup, Za as FeaturePanel, ri as FileDiff, Mi as FileUpload, cr as FilterButton, vs as FlexContainer, Ha as FullScreenOverlay, Ds as GlobalWrapper, ks as Grid, As as GridItem, ti as HorizontalEmptyState, Q as Icon, Pn as IconButton, oi as IdentityBlock, Sa as InlineMessage, Ni as InputGroup, Ur as LineChart, Hi as LinkNewWindow, Ta as MIN_AUTO_CLOSE_DURATION, qn as MenuButton, Ua as Modal, ra as Navbar, Ka as Pagination, qa as PaginationChapter, Ja as PaginationCompact, Qa as Panel, $a as PanelList, eo as PanelRow, to as PanelStack, oo as PantheonLogo, ai as PaymentIcon, Wi as Picture, Gr as PieChart, fr as PlatformIcon, lo as Popover, fo as ProgressBar, mo as ProgressRing, qr as ProportionBar, Pi as RadioGroup, _o as ResultCount, vo as RowActionsMenu, mr as SSOButton, wa as SectionMessage, lr as SegmentedButton, Cr as Select, ur as SelectButton, Sr as SelectOptionGroup, ia as SideNav, oa as SideNavGlobal, aa as SideNavGlobalItem, ps as SidebarLayout, xo as SiteFooter, ca as SiteMenu, So as SiteOptionDisplay, Co as SiteSearch, Kn as SiteTypeIcon, Gn as SiteTypeLabel, Lr as Skeleton, Ui as Skiplink, Fo as SortableList, ko as SortableListHeader, Lo as SortableRow, wn as Spinner, dr as SplitButton, Ro as StatPanel, ms as StatPanelGroup, Tn as StatusBadge, Bo as StatusChecker, Vo as StatusIndicator, Bn as StatusTypeLabels, Ho as StepList, Uo as Stepper, hs as StepperLayout, Fi as Switch, ua as TabMenu, qo as Table, es as TableOfContents, ts as Tabs, ls as Tag, Li as TagsInput, En as Tally, Bi as TextInput, Ri as Textarea, Ss as ThemeContext, Ts as ThemeContextProvider, ma as ThemeSwitcher, gs as ThreeItemLayout, _i as Timepicker, Ma as Toast, Na as ToastType, ka as Toaster, Da as ToasterContext, sn as Tooltip, fa as TreeNav, _s as TwoItemLayout, ha as UserMenu, us as UtilityBar, hr as UtilityButton, ni as VerticalEmptyState, Go as VerticalStepper, ei as VideoEmbed, no as WidgetPanel, ga as WorkspaceSelector, Di as getPresetDateRange, ws as getThemeInitScript, xt as iconList, Hn as isHeadingItemType, Un as isLinkItemType, Wn as isNodeItemType, Vn as isSeparatorItemType, zo as statusCheckerStates, ns as tagColors, as as tagSolidColors, rs as tagSolidHueColors, is as tagSolidStatusColors, Ko as useBreakpoint, Nn as useClipboard, Rn as useDropdown, en as useIsMobile, js as useKeyPress, on as useKeyboardShortcut, ys as useMediaQuery, Es as useTheme, Pa as useToast, Ms as useWindowWidth };
|
|
13189
13229
|
|
|
13190
13230
|
//# sourceMappingURL=index.js.map
|