@pantheon-systems/pds-toolkit-react 1.19.1 → 1.20.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/_dist/components/footer/SiteFooter/SiteFooter.d.ts +6 -3
- package/_dist/css/component-css/pds-index.css +1 -1
- package/_dist/css/component-css/pds-site-footer.css +1 -1
- package/_dist/css/pds-components.css +1 -1
- package/_dist/index.css +1 -1
- package/_dist/index.js +219 -212
- package/_dist/index.js.map +1 -1
- package/package.json +2 -2
package/_dist/index.js
CHANGED
|
@@ -4967,7 +4967,14 @@ var Bn = {
|
|
|
4967
4967
|
key: n,
|
|
4968
4968
|
className: `${o}__item`
|
|
4969
4969
|
}, t))));
|
|
4970
|
-
}, er =
|
|
4970
|
+
}, er = {
|
|
4971
|
+
privacy: /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Privacy Policy"),
|
|
4972
|
+
dataSubjectRequest: /* @__PURE__ */ e.createElement("a", { href: "http://pantheon.io/data-subject-request" }, "Data Subject Request"),
|
|
4973
|
+
cookiePolicy: /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Cookie Policy"),
|
|
4974
|
+
termsOfUse: /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Terms of Use"),
|
|
4975
|
+
acceptableUse: /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Acceptable Use Policy"),
|
|
4976
|
+
accessibilityStatement: /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/accessibility-statement" }, "Accessibility Statement")
|
|
4977
|
+
}, tr = (e) => typeof e == "string", nr = ({ as: t = "div", children: n, className: r, containerWidth: i = "standard", hasTopBorder: a, legalLinks: o = [
|
|
4971
4978
|
"privacy",
|
|
4972
4979
|
"dataSubjectRequest",
|
|
4973
4980
|
"cookiePolicy",
|
|
@@ -4975,7 +4982,7 @@ var Bn = {
|
|
|
4975
4982
|
"acceptableUse",
|
|
4976
4983
|
"accessibilityStatement"
|
|
4977
4984
|
], ...s }) => {
|
|
4978
|
-
let c = "pds-site-footer", l = a ? `${c}--border` : null, u = i && i !== "standard" ? `pds-container pds-container--${i}` : "pds-container", d = (/* @__PURE__ */ new Date()).getFullYear()
|
|
4985
|
+
let c = "pds-site-footer", l = a ? `${c}--border` : null, u = i && i !== "standard" ? `pds-container pds-container--${i}` : "pds-container", d = (/* @__PURE__ */ new Date()).getFullYear();
|
|
4979
4986
|
return /* @__PURE__ */ e.createElement(t, {
|
|
4980
4987
|
className: Z([
|
|
4981
4988
|
c,
|
|
@@ -4983,8 +4990,8 @@ var Bn = {
|
|
|
4983
4990
|
r ?? ""
|
|
4984
4991
|
]),
|
|
4985
4992
|
...s
|
|
4986
|
-
}, /* @__PURE__ */ e.createElement("div", { className: u }, n && /* @__PURE__ */ e.createElement("div", { className: `${c}__content` }, n), /* @__PURE__ */ e.createElement("div", { className: `${c}__legal` }, /* @__PURE__ */ e.createElement("span", { className: `${c}__copyright` }, "© ", d, " Pantheon Systems, Inc."),
|
|
4987
|
-
},
|
|
4993
|
+
}, /* @__PURE__ */ e.createElement("div", { className: u }, n && /* @__PURE__ */ e.createElement("div", { className: `${c}__content` }, n), /* @__PURE__ */ e.createElement("div", { className: `${c}__legal` }, /* @__PURE__ */ e.createElement("span", { className: `${c}__copyright` }, "© ", d, " Pantheon Systems, Inc."), o.map((t, n) => tr(t) ? /* @__PURE__ */ e.createElement(e.Fragment, { key: t }, er[t]) : /* @__PURE__ */ e.createElement(e.Fragment, { key: n }, t)))));
|
|
4994
|
+
}, rr = s(({ checked: t, className: n, defaultChecked: r, disabled: i, id: a, indeterminate: o, inputProps: s, inputWidth: c, label: u, message: d, name: f, nestingLevel: p = 0, onBlur: m, onChange: g, onFocus: _, required: v, showLabel: y = !0, size: b = "M", validationMessage: x, validationStatus: S, value: C, ...w }, T) => {
|
|
4988
4995
|
let E = c ? { width: `${c / 16}rem` } : null, D = "pds-checkbox", O = i ? $.disabled : null, k = S === "error" ? $.error : null, A = p > 0 ? `${D}--indent-${p}` : null, j = v && !i ? $.required : null, M = b === "S" ? `${D}--sm` : null, N = S === "success" ? $.success : null, P = x || d, F = t !== void 0, [I, L] = h(r === void 0 ? !1 : r), R = t || I, z = (e) => {
|
|
4989
4996
|
F || L(e.target.checked), g && g(e);
|
|
4990
4997
|
}, B = `${D}__box`, V = o ? null : R ? `${B}--checked` : null, H = o ? `${B}--indeterminate` : null, U = l(() => {
|
|
@@ -5042,7 +5049,7 @@ var Bn = {
|
|
|
5042
5049
|
message: P,
|
|
5043
5050
|
validationStatus: S
|
|
5044
5051
|
}));
|
|
5045
|
-
}),
|
|
5052
|
+
}), ir = ({ children: t, className: n, disabled: r = !1, fieldsetProps: i, id: a, inputWidth: o, label: s, message: c, required: l = !1, showLabel: u = !0, tooltipText: d = null, validationMessage: f, validationStatus: p, ...m }) => {
|
|
5046
5053
|
let h = o ? { width: `${o / 16}rem` } : null, g = "pds-checkbox-group", _ = r ? $.disabled : null, v = l && !r ? $.required : null, y = p === "error" ? $.error : null, b = p === "success" ? $.success : null, x = f || c;
|
|
5047
5054
|
return /* @__PURE__ */ e.createElement("div", {
|
|
5048
5055
|
className: Z([
|
|
@@ -5074,7 +5081,7 @@ var Bn = {
|
|
|
5074
5081
|
message: x,
|
|
5075
5082
|
validationStatus: p
|
|
5076
5083
|
}));
|
|
5077
|
-
},
|
|
5084
|
+
}, ar = ({ className: t, disabled: n = !1, fieldsetProps: r, id: i, inputWidth: a, label: o, message: s, onGroupBlur: c, onValueChange: l, options: u, required: d = !1, showLabel: f = !0, tooltipText: p = null, validationMessage: m, validationStatus: g, ..._ }) => {
|
|
5078
5085
|
let v = a ? { width: `${a / 16}rem` } : null, y = "pds-checkbox-group", b = n ? $.disabled : null, x = d && !n ? $.required : null, S = g === "error" ? $.error : null, C = g === "success" ? $.success : null, w = m || s;
|
|
5079
5086
|
u.map((e) => {
|
|
5080
5087
|
e.id || (e.id = e.value);
|
|
@@ -5118,7 +5125,7 @@ var Bn = {
|
|
|
5118
5125
|
required: d,
|
|
5119
5126
|
showLabel: f,
|
|
5120
5127
|
tooltipText: p
|
|
5121
|
-
}), /* @__PURE__ */ e.createElement("div", { className: `${y}__options` }, u.map((t) => /* @__PURE__ */ e.createElement(
|
|
5128
|
+
}), /* @__PURE__ */ e.createElement("div", { className: `${y}__options` }, u.map((t) => /* @__PURE__ */ e.createElement(rr, {
|
|
5122
5129
|
key: t.id,
|
|
5123
5130
|
checked: t.checked,
|
|
5124
5131
|
className: `${y}__checkbox`,
|
|
@@ -5136,7 +5143,7 @@ var Bn = {
|
|
|
5136
5143
|
message: w,
|
|
5137
5144
|
validationStatus: g
|
|
5138
5145
|
}));
|
|
5139
|
-
},
|
|
5146
|
+
}, or = s(({ className: t, defaultValue: n, disabled: r = !1, hasClearButton: i = !0, hasDropdownTrigger: a = !1, hasSearchIcon: o = !0, hasSearchShortcut: s = !1, id: c, inputWidth: u, isLoading: f = !1, label: p, labelStrings: g = {
|
|
5140
5147
|
clearButton: "Clear input text",
|
|
5141
5148
|
inputInstructions: "Type to search options",
|
|
5142
5149
|
searchShortcut: "Press / to focus the search field",
|
|
@@ -5323,13 +5330,13 @@ var Bn = {
|
|
|
5323
5330
|
validationMessageHasDecorators: !1,
|
|
5324
5331
|
validationStatus: H
|
|
5325
5332
|
}));
|
|
5326
|
-
}),
|
|
5333
|
+
}), sr = (e, t, n) => {
|
|
5327
5334
|
let r = n.toLowerCase();
|
|
5328
5335
|
return e.filter((e) => e.label.toLowerCase().includes(r)).map((e) => ({
|
|
5329
5336
|
...e,
|
|
5330
5337
|
isAlreadySelected: t.some((t) => t.id === e.id)
|
|
5331
5338
|
})).sort((e, t) => e.badge && !t.badge ? -1 : !e.badge && t.badge ? 1 : 0);
|
|
5332
|
-
},
|
|
5339
|
+
}, cr = ({ auxiliaryPanel: t, className: n, disabled: r = !1, id: i, initialSelectedItems: a = [], inputWidth: o, isLoading: s = !1, label: c = "Lorem ipsum dolor sit:", labelStrings: l = {
|
|
5333
5340
|
aiBadgeLabel: "Suggested",
|
|
5334
5341
|
aiPanelButton: "Show AI suggestions",
|
|
5335
5342
|
aiPanelClose: "Close suggestions panel",
|
|
@@ -5337,7 +5344,7 @@ var Bn = {
|
|
|
5337
5344
|
inputInstructions: "Type to search options",
|
|
5338
5345
|
triggerButton: "Toggle dropdown menu"
|
|
5339
5346
|
}, loadingText: u = "Loading results...", noResultsText: d = "No results found", onChange: f, options: m, placeholder: g = "Filter", required: _ = !1, showAllTags: v = !1, showLabel: y = !0, ...b }) => {
|
|
5340
|
-
let x = Ge(o), T = "pds-combobox-multi", E = r ? $.disabled : null, O = _ && !r ? $.required : null, j = v ? `${T}--show-all-tags` : null, [M, N] = h(""), [F, I] = h(a), [L, R] = h(null), [z, B] = h(!1), V = p(() =>
|
|
5347
|
+
let x = Ge(o), T = "pds-combobox-multi", E = r ? $.disabled : null, O = _ && !r ? $.required : null, j = v ? `${T}--show-all-tags` : null, [M, N] = h(""), [F, I] = h(a), [L, R] = h(null), [z, B] = h(!1), V = p(() => sr(m, F, M), [
|
|
5341
5348
|
m,
|
|
5342
5349
|
F,
|
|
5343
5350
|
M
|
|
@@ -5582,7 +5589,7 @@ var Bn = {
|
|
|
5582
5589
|
onClick: me,
|
|
5583
5590
|
type: "button"
|
|
5584
5591
|
}, /* @__PURE__ */ e.createElement(Q, { iconName: "xmark" })))));
|
|
5585
|
-
},
|
|
5592
|
+
}, lr = (e, t) => e ? se(e, "PP", { locale: t }) : "", ur = {
|
|
5586
5593
|
clearButton: "Clear",
|
|
5587
5594
|
doneButton: "Done",
|
|
5588
5595
|
noDateSelected: "No date selected",
|
|
@@ -5592,7 +5599,7 @@ var Bn = {
|
|
|
5592
5599
|
pleaseSelectEndDate: ". Please select an end date.",
|
|
5593
5600
|
selectedDateRange: "Selected date range: ",
|
|
5594
5601
|
to: " to "
|
|
5595
|
-
},
|
|
5602
|
+
}, dr = ({ className: t, disabled: n = !1, hasDateRange: r, id: i, inputWidth: a, label: o, locale: s, maxDate: c, minDate: l, onChange: u, onInitialize: f, placeholder: p, presets: m, required: g = !1, showLabel: _ = !0, tooltipText: v, translationStrings: y = ur, value: b, ...x }) => {
|
|
5596
5603
|
let T = () => {
|
|
5597
5604
|
if (!m || !r) return "";
|
|
5598
5605
|
let e = m.find((e) => e.active);
|
|
@@ -5694,18 +5701,18 @@ var Bn = {
|
|
|
5694
5701
|
}, Y = () => {
|
|
5695
5702
|
if (r) {
|
|
5696
5703
|
let t = D;
|
|
5697
|
-
return t?.from ? t.to ? /* @__PURE__ */ e.createElement(e.Fragment, null,
|
|
5704
|
+
return t?.from ? t.to ? /* @__PURE__ */ e.createElement(e.Fragment, null, lr(t.from, s), /* @__PURE__ */ e.createElement("span", { className: `${L}__separator` }, " – "), lr(t.to, s)) : lr(t.from, s) : p || "";
|
|
5698
5705
|
} else {
|
|
5699
5706
|
let e = D;
|
|
5700
|
-
return e ?
|
|
5707
|
+
return e ? lr(e, s) : p || "";
|
|
5701
5708
|
}
|
|
5702
5709
|
}, ie = () => r ? !D?.from : !D, ae = () => {
|
|
5703
5710
|
if (r) {
|
|
5704
5711
|
let e = D;
|
|
5705
|
-
return e?.from ? e.to ? `${y.selectedDateRange}${
|
|
5712
|
+
return e?.from ? e.to ? `${y.selectedDateRange}${lr(e.from, s)}${y.to}${lr(e.to, s)}` : `${y.selectedStartDate}${lr(e.from, s)}${y.pleaseSelectEndDate}` : y.noDateRangeSelected || "";
|
|
5706
5713
|
} else {
|
|
5707
5714
|
let e = D;
|
|
5708
|
-
return e ? `${y.selectedDate}${
|
|
5715
|
+
return e ? `${y.selectedDate}${lr(e, s)}` : y.noDateSelected || "";
|
|
5709
5716
|
}
|
|
5710
5717
|
}, oe = (e) => {
|
|
5711
5718
|
V.floating.current && !V.floating.current.contains(e.target) && M && !M.contains(e.target) && j(!1);
|
|
@@ -5811,7 +5818,7 @@ var Bn = {
|
|
|
5811
5818
|
type: "button",
|
|
5812
5819
|
variant: "primary"
|
|
5813
5820
|
}))));
|
|
5814
|
-
},
|
|
5821
|
+
}, fr = s(({ accept: t, className: n, defaultValue: r, disabled: i = !1, fieldLabel: a, id: o, inputProps: s, inputWidth: c, labelStrings: l = {
|
|
5815
5822
|
chooseFile: "Choose file",
|
|
5816
5823
|
clearButton: "Clear selected file"
|
|
5817
5824
|
}, message: u, multiple: f = !1, onClear: p, onFileChange: m, required: g = !1, showFullPath: _, showLabel: v = !0, tooltipText: y = null, validationMessage: b, validationStatus: x, ...S }, C) => {
|
|
@@ -5894,7 +5901,7 @@ var Bn = {
|
|
|
5894
5901
|
validationMessageHasDecorators: !1,
|
|
5895
5902
|
validationStatus: x
|
|
5896
5903
|
}));
|
|
5897
|
-
}),
|
|
5904
|
+
}), pr = ({ children: t, className: n, ...r }) => {
|
|
5898
5905
|
let i = "pds-input-group", a = [t[0], t[1]], o = t[0].props.id ?? null, s = t[0].props.message ?? null, c = t[0].props.validationMessage ?? null, l = t[0].props.validationStatus ?? null, u = c || s, d = u ? `${i}--has-message` : null;
|
|
5899
5906
|
return /* @__PURE__ */ e.createElement("div", {
|
|
5900
5907
|
className: Z([
|
|
@@ -5911,7 +5918,7 @@ var Bn = {
|
|
|
5911
5918
|
validationMessageHasDecorators: !1,
|
|
5912
5919
|
validationStatus: l
|
|
5913
5920
|
}));
|
|
5914
|
-
},
|
|
5921
|
+
}, mr = ({ className: t, defaultValue: n, disabled: r = !1, fieldsetProps: i, id: a, inputWidth: o, label: s, message: c, onBlur: l, onChange: u, onValueChange: d, options: f, required: p = !1, showLabel: m = !0, tooltipText: g = null, validationMessage: _, validationStatus: v, value: y, ...b }) => {
|
|
5915
5922
|
let x = "pds-radio-group", S = r ? $.disabled : null, C = p && !r ? $.required : null, w = v === "error" ? $.error : null, T = v === "success" ? $.success : null, E = y !== void 0, [D, O] = h(n === void 0 ? "" : n), k = _ || c, A = (e) => {
|
|
5916
5923
|
E || O(e.target.value), u && u(e), d && d(e.target.value);
|
|
5917
5924
|
}, j = (e) => {
|
|
@@ -5960,7 +5967,7 @@ var Bn = {
|
|
|
5960
5967
|
message: k,
|
|
5961
5968
|
validationStatus: v
|
|
5962
5969
|
}));
|
|
5963
|
-
},
|
|
5970
|
+
}, hr = s(({ checked: t, className: n, defaultChecked: r, disabled: i = !1, id: a, inputProps: o, inputWidth: s, label: c, message: l, offLabel: u = "Off", onChange: d, onLabel: f = "On", required: p = !1, showLabel: m = !0, showStatusLabel: g = !0, statusLabelPlacement: _ = "right", switchPlacement: v = "right", ...y }, b) => {
|
|
5964
5971
|
let x = Ge(s), S = "pds-switch", C = `${S}--${v}`, w = l ? `${S}--message` : null, T = i ? $.disabled : null, E = p && !i ? $.required : null, D = t !== void 0, [O, k] = h(!D && r ? r : !1), A = t || O ? f : u, j = (e) => {
|
|
5965
5972
|
D || k(e.target.checked), d && d(e);
|
|
5966
5973
|
}, M = g ? /* @__PURE__ */ e.createElement("span", {
|
|
@@ -6027,7 +6034,7 @@ var Bn = {
|
|
|
6027
6034
|
required: p,
|
|
6028
6035
|
showLabel: m
|
|
6029
6036
|
}), /* @__PURE__ */ e.createElement("div", { className: `${S}__content` }, F, P));
|
|
6030
|
-
}),
|
|
6037
|
+
}), gr = ({ disabled: t, dropTargetDirection: n, focusedIndex: r, index: i, isDragging: a, isSortable: o, onDragEnd: s, onDragOver: c, onDragStart: l, onKeyboardMove: u, onRemove: f, setFocusedIndex: p, tag: h, totalTags: g, translationStrings: _ }) => {
|
|
6031
6038
|
let v = m(null), y = "pds-tags-input__tag";
|
|
6032
6039
|
d(() => {
|
|
6033
6040
|
r === i && v.current && v.current.focus();
|
|
@@ -6093,7 +6100,7 @@ var Bn = {
|
|
|
6093
6100
|
iconName: "xmark",
|
|
6094
6101
|
iconSize: "md"
|
|
6095
6102
|
})));
|
|
6096
|
-
},
|
|
6103
|
+
}, _r = s(({ addMorePlaceholder: t = "Add another", className: n, disabled: r = !1, id: i, inputMinHeight: a = 80, inputWidth: o, isSortable: s = !1, label: c, message: l, onChange: u, placeholder: d, required: f = !1, showLabel: p = !0, tags: g, tooltipText: _ = null, translationStrings: v = {
|
|
6097
6104
|
inputInstructions: "Type a tag name and press Enter to add. Press Backspace on empty input to remove last tag. Press left arrow on empty input to navigate to tags.",
|
|
6098
6105
|
tagAriaLabel: "tag {index} of {total}. Press Shift plus arrow keys to reorder, Delete to remove.",
|
|
6099
6106
|
tagAriaLabelSimple: "tag {index} of {total}. Press Delete to remove.",
|
|
@@ -6175,7 +6182,7 @@ var Bn = {
|
|
|
6175
6182
|
return M && M !== t.id && (P === t.id && I === "before" ? i = "before" : P === t.id && I === "after" && n === g.length - 1 ? i = "after" : n > 0 && P === g[n - 1].id && I === "after" && (i = "before")), /* @__PURE__ */ e.createElement("div", {
|
|
6176
6183
|
key: t.id,
|
|
6177
6184
|
role: "listitem"
|
|
6178
|
-
}, /* @__PURE__ */ e.createElement(
|
|
6185
|
+
}, /* @__PURE__ */ e.createElement(gr, {
|
|
6179
6186
|
disabled: r,
|
|
6180
6187
|
dropTargetDirection: i,
|
|
6181
6188
|
focusedIndex: R,
|
|
@@ -6218,7 +6225,7 @@ var Bn = {
|
|
|
6218
6225
|
validationMessageHasDecorators: !1,
|
|
6219
6226
|
validationStatus: b
|
|
6220
6227
|
}));
|
|
6221
|
-
}),
|
|
6228
|
+
}), vr = s(({ className: t, counterMaxLength: n, defaultValue: r, disabled: i = !1, id: a, inputWidth: o, isResizable: s = !0, label: c, message: l, onBlur: u, onChange: d, onFocus: f, placeholder: p, readonly: m = !1, required: g = !1, rows: _ = 5, showLabel: v, textareaProps: y, tooltipText: b = null, translationStrings: x = {
|
|
6222
6229
|
clearButton: "Clear input text",
|
|
6223
6230
|
counterOverLimit: "Character limit exceeded by",
|
|
6224
6231
|
searchShortcut: "Press / to focus the search field",
|
|
@@ -6281,7 +6288,7 @@ var Bn = {
|
|
|
6281
6288
|
message: F,
|
|
6282
6289
|
validationStatus: C
|
|
6283
6290
|
}));
|
|
6284
|
-
}),
|
|
6291
|
+
}), yr = () => /* @__PURE__ */ e.createElement("div", { className: "pds-text-input__url-prefix" }, "https://"), br = s(({ autoComplete: t, className: n, counterMaxLength: r, defaultValue: i, disabled: a = !1, hasClearButton: o = !1, hasSearchShortcut: s = !1, hasUrlPrefix: c = !1, id: l, inputProps: u, inputWidth: d, label: f, message: p, onBlur: m, onChange: g, onClear: _, onFocus: v, placeholder: y, readonly: b = !1, required: x = !1, searchIcon: S = "search", showLabel: C = !0, showVisibilityToggle: w = !1, tooltipText: T = null, translationStrings: E = {
|
|
6285
6292
|
clearButton: "Clear input text",
|
|
6286
6293
|
counterOverLimit: "Character limit exceeded by",
|
|
6287
6294
|
searchShortcut: "Press / to focus the search field",
|
|
@@ -6346,7 +6353,7 @@ var Bn = {
|
|
|
6346
6353
|
}), w && D === "password" && /* @__PURE__ */ e.createElement("div", {
|
|
6347
6354
|
"aria-live": "polite",
|
|
6348
6355
|
className: "visually-hidden"
|
|
6349
|
-
}, `${E.visibilityStatus} ${J ? "visible" : "hidden"}.`), /* @__PURE__ */ e.createElement("div", { className: `${P}__input-wrapper ${c && D === "url" ? `${P}__input-wrapper--has-prefix` : ""}` }, V && /* @__PURE__ */ e.createElement(Ze, { variant: V }), c && D === "url" && /* @__PURE__ */ e.createElement(
|
|
6356
|
+
}, `${E.visibilityStatus} ${J ? "visible" : "hidden"}.`), /* @__PURE__ */ e.createElement("div", { className: `${P}__input-wrapper ${c && D === "url" ? `${P}__input-wrapper--has-prefix` : ""}` }, V && /* @__PURE__ */ e.createElement(Ze, { variant: V }), c && D === "url" && /* @__PURE__ */ e.createElement(yr, null), /* @__PURE__ */ e.createElement("input", {
|
|
6350
6357
|
ref: M,
|
|
6351
6358
|
"aria-describedby": H ? `${l}__message` : null,
|
|
6352
6359
|
"aria-invalid": k === "error" ? !0 : null,
|
|
@@ -6393,7 +6400,7 @@ var Bn = {
|
|
|
6393
6400
|
validationMessageHasDecorators: !1,
|
|
6394
6401
|
validationStatus: k
|
|
6395
6402
|
}));
|
|
6396
|
-
}),
|
|
6403
|
+
}), xr = ({ children: t, className: n, fontSize: r, isLoading: i, newWindowText: a = "opens in a new window", url: o, ...s }) => {
|
|
6397
6404
|
let c = "pds-link-new-window", l = r ? `${c}--${r}` : null;
|
|
6398
6405
|
return i ? /* @__PURE__ */ e.createElement("span", {
|
|
6399
6406
|
"aria-hidden": "true",
|
|
@@ -6420,7 +6427,7 @@ var Bn = {
|
|
|
6420
6427
|
className: `${c}__icon`,
|
|
6421
6428
|
iconName: "externalLink"
|
|
6422
6429
|
}));
|
|
6423
|
-
},
|
|
6430
|
+
}, Sr = ({ ariaLabel: t, children: n, className: r, closeButtonLabel: i = "Close modal", contentMaxHeight: a, disableOutsideClick: o, hasCloseButton: s = !0, modalIsOpen: c = !1, setModalIsOpen: l = () => {}, size: u = "md", title: f, ...p }) => {
|
|
6424
6431
|
let m = Ee(n), g = m.__unslotted, _ = m.footer, b = "pds-modal", x = u === "md" ? null : `${b}--${u}`, S = a ? {
|
|
6425
6432
|
maxHeight: a,
|
|
6426
6433
|
paddingInlineEnd: "1rem",
|
|
@@ -6496,7 +6503,7 @@ var Bn = {
|
|
|
6496
6503
|
className: `${b}__content`,
|
|
6497
6504
|
style: S
|
|
6498
6505
|
}, g), _ && /* @__PURE__ */ e.createElement("div", { className: `${b}__footer` }, _)))));
|
|
6499
|
-
},
|
|
6506
|
+
}, Cr = ({ ariaLabel: t = "Breadcrumb", className: n, crumbs: i, ...a }) => {
|
|
6500
6507
|
let o = "pds-breadcrumb", s = i.length, l = i.map((t, n) => {
|
|
6501
6508
|
if (n < s - 1) return /* @__PURE__ */ e.createElement("li", {
|
|
6502
6509
|
key: n,
|
|
@@ -6515,36 +6522,36 @@ var Bn = {
|
|
|
6515
6522
|
className: Z([o, n ?? ""]),
|
|
6516
6523
|
...a
|
|
6517
6524
|
}, /* @__PURE__ */ e.createElement("ol", { className: `${o}__crumbs` }, l));
|
|
6518
|
-
},
|
|
6525
|
+
}, wr = (e) => {
|
|
6519
6526
|
if (!e) return null;
|
|
6520
6527
|
for (let t = 0; t < e.length; t++) {
|
|
6521
|
-
if (
|
|
6528
|
+
if (Er(e[t])) return typeof e[t].linkContent == "string" ? null : e[t].linkContent;
|
|
6522
6529
|
if (e[t].links) {
|
|
6523
|
-
let n =
|
|
6530
|
+
let n = wr(e[t].links);
|
|
6524
6531
|
if (n) return n;
|
|
6525
6532
|
}
|
|
6526
6533
|
}
|
|
6527
6534
|
return null;
|
|
6528
|
-
},
|
|
6529
|
-
if (
|
|
6535
|
+
}, Tr = (e) => typeof e == "string" ? e : e.props.children, Er = (e) => typeof e.linkContent == "string" ? !1 : !!(e.isActive || e.linkContent.props.className && e.linkContent.props.className.includes("pds-isActive")), Dr = (e) => {
|
|
6536
|
+
if (Er(e)) return !0;
|
|
6530
6537
|
if (e.links) {
|
|
6531
|
-
for (let t = 0; t < e.links.length; t++) if (
|
|
6538
|
+
for (let t = 0; t < e.links.length; t++) if (Dr(e.links[t])) return !0;
|
|
6532
6539
|
}
|
|
6533
6540
|
return !1;
|
|
6534
|
-
},
|
|
6541
|
+
}, Or = (e) => {
|
|
6535
6542
|
if (c(e)) {
|
|
6536
6543
|
let t = e.type;
|
|
6537
6544
|
return t === "a" || typeof t == "string" && t.toLowerCase() === "a" || (typeof t == "function" || typeof t == "object") && t?.displayName === "Link";
|
|
6538
6545
|
}
|
|
6539
6546
|
return !1;
|
|
6540
|
-
},
|
|
6547
|
+
}, kr = (e, t) => {
|
|
6541
6548
|
let n = null;
|
|
6542
6549
|
if (typeof e == "string" && t) {
|
|
6543
6550
|
let i = t ? t[0].linkContent : null;
|
|
6544
6551
|
c(i) && (n = r(i, { ...typeof e == "string" ? { children: e } : {} }));
|
|
6545
6552
|
} else n = e;
|
|
6546
6553
|
return n;
|
|
6547
|
-
},
|
|
6554
|
+
}, Ar = (t, n, i, a) => {
|
|
6548
6555
|
let o = null;
|
|
6549
6556
|
if (typeof n == "string") {
|
|
6550
6557
|
let s = a ? [/* @__PURE__ */ e.createElement("span", {
|
|
@@ -6569,7 +6576,7 @@ var Bn = {
|
|
|
6569
6576
|
iconName: a,
|
|
6570
6577
|
iconSize: "md"
|
|
6571
6578
|
})), /* @__PURE__ */ e.createElement("span", { className: `${t}__link-label` }, n.props.children))] })) : n), o;
|
|
6572
|
-
},
|
|
6579
|
+
}, jr = ({ ariaLabel: t, className: n, menuItems: r, size: i = "md", ...a }) => {
|
|
6573
6580
|
let o = !1, s = u(bt);
|
|
6574
6581
|
s && (o = s.isMobile);
|
|
6575
6582
|
let c = m(null), l = "pds-button-nav", f = o ? `${l}--isMobile` : null, p = i === "md" ? null : `${l}--${i}`;
|
|
@@ -6592,11 +6599,11 @@ var Bn = {
|
|
|
6592
6599
|
return /* @__PURE__ */ e.createElement("li", { className: Z([r, t ? `${r}--active` : null]) }, n);
|
|
6593
6600
|
}, g = r.length > 0 ? /* @__PURE__ */ e.createElement("ul", { className: `${l}__menu` }, r.map((t, n) => /* @__PURE__ */ e.createElement(h, {
|
|
6594
6601
|
key: n,
|
|
6595
|
-
isActive:
|
|
6602
|
+
isActive: Dr(t),
|
|
6596
6603
|
linkContent: t.linkContent
|
|
6597
6604
|
}))) : null, _ = [];
|
|
6598
6605
|
r.map((e) => {
|
|
6599
|
-
e.linkContent && (
|
|
6606
|
+
e.linkContent && (Dr(e) ? _.unshift({
|
|
6600
6607
|
linkContent: e.linkContent,
|
|
6601
6608
|
isLink: !0
|
|
6602
6609
|
}) : _.push({
|
|
@@ -6621,11 +6628,11 @@ var Bn = {
|
|
|
6621
6628
|
]),
|
|
6622
6629
|
...a
|
|
6623
6630
|
}, o ? v : g);
|
|
6624
|
-
},
|
|
6631
|
+
}, Mr = ({ className: t, destination: n = "main", text: r = "Skip to main content", ...i }) => /* @__PURE__ */ e.createElement("a", {
|
|
6625
6632
|
className: Z(["pds-skiplink", t]),
|
|
6626
6633
|
href: `#${n}`,
|
|
6627
6634
|
...i
|
|
6628
|
-
}, r),
|
|
6635
|
+
}, r), Nr = i(null), Pr = ({ children: t, className: n, hasSidebarToggle: r = !0, isAdmin: i, isSidebarExpanded: a, logoLinkContent: o, setIsSidebarExpanded: s = () => {}, sidebarCollapsedWidth: c = 2.125, sidebarExpandedWidth: l = 12, sidebarToggleLabel: f = "Toggle sidebar", skiplinkText: p = "Skip to main content", ...g }) => {
|
|
6629
6636
|
let { isMobile: _, windowWidth: v } = u(bt), [y, b] = h(() => a === void 0 ? v > 1440 : a), x = m(null), [S] = ue(x), C = S.width;
|
|
6630
6637
|
d(() => {
|
|
6631
6638
|
a !== void 0 && b(a);
|
|
@@ -6667,7 +6674,7 @@ var Bn = {
|
|
|
6667
6674
|
className: `${T}__main`,
|
|
6668
6675
|
id: "main"
|
|
6669
6676
|
}, I), L && /* @__PURE__ */ e.createElement("footer", { className: `${T}__footer` }, L))));
|
|
6670
|
-
return /* @__PURE__ */ e.createElement(
|
|
6677
|
+
return /* @__PURE__ */ e.createElement(Nr.Provider, { value: w }, /* @__PURE__ */ e.createElement(Mr, {
|
|
6671
6678
|
destination: "main",
|
|
6672
6679
|
text: p
|
|
6673
6680
|
}), /* @__PURE__ */ e.createElement("div", {
|
|
@@ -6681,8 +6688,8 @@ var Bn = {
|
|
|
6681
6688
|
]),
|
|
6682
6689
|
...g
|
|
6683
6690
|
}, _ ? R : z));
|
|
6684
|
-
},
|
|
6685
|
-
let s = "pds-dropdown-menu", [c, l] = h(!1), [u, f] = h(null), p =
|
|
6691
|
+
}, Fr = ({ className: t, headingText: n, menuItems: i, selectTextFallback: a = "Navigate to...", ...o }) => {
|
|
6692
|
+
let s = "pds-dropdown-menu", [c, l] = h(!1), [u, f] = h(null), p = wr(i), g = p ? p.props.children : a, _ = /* @__PURE__ */ e.createElement(Q, {
|
|
6686
6693
|
className: `${s}__active-icon`,
|
|
6687
6694
|
iconName: "check",
|
|
6688
6695
|
iconSize: "md"
|
|
@@ -6700,7 +6707,7 @@ var Bn = {
|
|
|
6700
6707
|
}
|
|
6701
6708
|
}, [c]);
|
|
6702
6709
|
let b = ({ item: e, level: t }) => {
|
|
6703
|
-
let n =
|
|
6710
|
+
let n = kr(e.linkContent, e.links);
|
|
6704
6711
|
return {
|
|
6705
6712
|
...e,
|
|
6706
6713
|
level: t,
|
|
@@ -6821,8 +6828,8 @@ var Bn = {
|
|
|
6821
6828
|
tabIndex: u === n ? 0 : -1,
|
|
6822
6829
|
...M()
|
|
6823
6830
|
}, t.linkContent, t.isActive === !0 && _))));
|
|
6824
|
-
},
|
|
6825
|
-
let s = "pds-dashboard-nav", c = `${s}__item`, l = `${s}__menu`, u = /* @__PURE__ */ e.createElement("div", { className: `${c}-wrapper` },
|
|
6831
|
+
}, Ir = ({ icon: t, isActive: n, isSidebarExpanded: r, labels: i, linkContent: a, links: o }) => {
|
|
6832
|
+
let s = "pds-dashboard-nav", c = `${s}__item`, l = `${s}__menu`, u = /* @__PURE__ */ e.createElement("div", { className: `${c}-wrapper` }, Ar(s, a, o, t)), f = (t, r) => /* @__PURE__ */ e.createElement("ul", { className: Z([
|
|
6826
6833
|
l,
|
|
6827
6834
|
`${l}--${r}`,
|
|
6828
6835
|
n ? `${l}--expanded` : null
|
|
@@ -6831,7 +6838,7 @@ var Bn = {
|
|
|
6831
6838
|
className: Z([
|
|
6832
6839
|
c,
|
|
6833
6840
|
`${c}--${r}`,
|
|
6834
|
-
|
|
6841
|
+
Dr(t) ? `${c}--active` : null
|
|
6835
6842
|
])
|
|
6836
6843
|
}, t.linkContent))), [p, g] = h(!1), _ = m(p), { context: v, floatingStyles: y, refs: b } = A({
|
|
6837
6844
|
placement: "right-start",
|
|
@@ -6922,7 +6929,7 @@ var Bn = {
|
|
|
6922
6929
|
]),
|
|
6923
6930
|
...D(),
|
|
6924
6931
|
onKeyDown: O
|
|
6925
|
-
}, o ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${c}-wrapper` },
|
|
6932
|
+
}, o ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${c}-wrapper` }, Ar(s, a, o, t), r && /* @__PURE__ */ e.createElement("button", {
|
|
6926
6933
|
"aria-expanded": n,
|
|
6927
6934
|
className: Z([`${s}__toggle`, n ? `${s}__toggle--expanded` : null]),
|
|
6928
6935
|
onClick: j,
|
|
@@ -6930,13 +6937,13 @@ var Bn = {
|
|
|
6930
6937
|
}, /* @__PURE__ */ e.createElement(Q, {
|
|
6931
6938
|
iconName: "angleDown",
|
|
6932
6939
|
iconSize: "md"
|
|
6933
|
-
}), /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${i.toggle} ${
|
|
6940
|
+
}), /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${i.toggle} ${Tr(a)} ${i.submenu}`))), r && f(o, "second-level"), !r && p && /* @__PURE__ */ e.createElement("div", {
|
|
6934
6941
|
ref: b.setFloating,
|
|
6935
6942
|
className: `${s}__flyout`,
|
|
6936
6943
|
style: y,
|
|
6937
6944
|
...x()
|
|
6938
|
-
}, /* @__PURE__ */ e.createElement("div", { className: `${s}__flyout-heading` },
|
|
6939
|
-
content:
|
|
6945
|
+
}, /* @__PURE__ */ e.createElement("div", { className: `${s}__flyout-heading` }, Tr(a)), f(o, "second-level-flyout"))) : /* @__PURE__ */ e.createElement(e.Fragment, null, r ? u : /* @__PURE__ */ e.createElement(Re, {
|
|
6946
|
+
content: Tr(a),
|
|
6940
6947
|
customTrigger: u,
|
|
6941
6948
|
offsetValue: {
|
|
6942
6949
|
mainAxis: 8,
|
|
@@ -6944,18 +6951,18 @@ var Bn = {
|
|
|
6944
6951
|
},
|
|
6945
6952
|
preferredPlacement: "right"
|
|
6946
6953
|
})));
|
|
6947
|
-
},
|
|
6954
|
+
}, Lr = ({ ariaLabel: t, className: n, labels: r = {
|
|
6948
6955
|
submenu: "submenu",
|
|
6949
6956
|
toggle: "Toggle"
|
|
6950
6957
|
}, menuItems: i, mobileMenuSelectTextFallback: a = "Navigate to...", secondaryMenuItems: o, secondaryMenuLabel: s, ...c }) => {
|
|
6951
6958
|
let l = !1, d = u(bt);
|
|
6952
6959
|
d && (l = d.isMobile);
|
|
6953
|
-
let f = u(
|
|
6960
|
+
let f = u(Nr), p = !0, m = null;
|
|
6954
6961
|
f && (p = f.isSidebarExpanded, m = f.logoLinkContent);
|
|
6955
|
-
let h = "pds-dashboard-nav", g = p ? `${h}--expanded` : `${h}--collapsed`, _ = /* @__PURE__ */ e.createElement(e.Fragment, null, i.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${h}__menu ${h}__menu--top-level` }, i.map((t, n) => /* @__PURE__ */ e.createElement(
|
|
6962
|
+
let h = "pds-dashboard-nav", g = p ? `${h}--expanded` : `${h}--collapsed`, _ = /* @__PURE__ */ e.createElement(e.Fragment, null, i.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${h}__menu ${h}__menu--top-level` }, i.map((t, n) => /* @__PURE__ */ e.createElement(Ir, {
|
|
6956
6963
|
key: n,
|
|
6957
6964
|
icon: t.icon,
|
|
6958
|
-
isActive:
|
|
6965
|
+
isActive: Dr(t),
|
|
6959
6966
|
isSidebarExpanded: p,
|
|
6960
6967
|
labels: r,
|
|
6961
6968
|
linkContent: t.linkContent,
|
|
@@ -6966,22 +6973,22 @@ var Bn = {
|
|
|
6966
6973
|
}), s && /* @__PURE__ */ e.createElement("div", {
|
|
6967
6974
|
"aria-hidden": "true",
|
|
6968
6975
|
className: `${h}__section-label`
|
|
6969
|
-
}, s), /* @__PURE__ */ e.createElement("ul", { className: `${h}__menu ${h}__menu--top-level` }, o.map((t, n) => /* @__PURE__ */ e.createElement(
|
|
6976
|
+
}, s), /* @__PURE__ */ e.createElement("ul", { className: `${h}__menu ${h}__menu--top-level` }, o.map((t, n) => /* @__PURE__ */ e.createElement(Ir, {
|
|
6970
6977
|
key: n,
|
|
6971
6978
|
icon: t.icon,
|
|
6972
|
-
isActive:
|
|
6979
|
+
isActive: Dr(t),
|
|
6973
6980
|
isSidebarExpanded: p,
|
|
6974
6981
|
labels: r,
|
|
6975
6982
|
linkContent: t.linkContent,
|
|
6976
6983
|
links: t.links
|
|
6977
6984
|
}))))), v = (e) => e.map((e) => ({
|
|
6978
6985
|
...e,
|
|
6979
|
-
linkContent:
|
|
6986
|
+
linkContent: Ar(h, e.linkContent, e.links, e.icon)
|
|
6980
6987
|
})), y = o && o.length > 0 ? [
|
|
6981
6988
|
...v(i),
|
|
6982
6989
|
{ isSeparator: !0 },
|
|
6983
6990
|
...v(o)
|
|
6984
|
-
] : v(i), b = /* @__PURE__ */ e.createElement(
|
|
6991
|
+
] : v(i), b = /* @__PURE__ */ e.createElement(Fr, {
|
|
6985
6992
|
menuItems: y,
|
|
6986
6993
|
selectTextFallback: a
|
|
6987
6994
|
});
|
|
@@ -6998,7 +7005,7 @@ var Bn = {
|
|
|
6998
7005
|
displayType: p ? "full" : "icon",
|
|
6999
7006
|
linkContent: m
|
|
7000
7007
|
}), l ? b : _);
|
|
7001
|
-
},
|
|
7008
|
+
}, Rr = ({ className: t, option: n, ...r }) => {
|
|
7002
7009
|
let i = "pds-site-option-display", a = n.type ? vt[n.type] : "bolt", o = m(null), [s] = ue(o), c = s.width / 16 - 7.5, l, u;
|
|
7003
7010
|
n.status === "active" && (l = "Active", u = "success"), n.status === "frozen" && (l = "Frozen", u = "frozen"), n.status === "restricted" && (l = "Restricted", u = "critical");
|
|
7004
7011
|
let d = /* @__PURE__ */ e.createElement(Pe, {
|
|
@@ -7021,7 +7028,7 @@ var Bn = {
|
|
|
7021
7028
|
className: `${i}__status`,
|
|
7022
7029
|
style: { pointerEvents: "none" }
|
|
7023
7030
|
}, d));
|
|
7024
|
-
},
|
|
7031
|
+
}, zr = ({ className: t, disabled: n = !1, horizontalOffset: r = 0, id: i, isLoading: a = !1, label: o = "Search sites", labelStrings: s = {
|
|
7025
7032
|
clearButton: "Clear input text",
|
|
7026
7033
|
inputInstructions: "Type to search options"
|
|
7027
7034
|
}, loadingText: c = "Loading results...", noResultsText: l = "No results found", onFocus: d, onOptionSelect: f, placeholder: p = "Search sites", siteList: m, ...g }) => {
|
|
@@ -7035,10 +7042,10 @@ var Bn = {
|
|
|
7035
7042
|
id: n,
|
|
7036
7043
|
label: i,
|
|
7037
7044
|
value: r ?? i,
|
|
7038
|
-
optionDisplay: /* @__PURE__ */ e.createElement(
|
|
7045
|
+
optionDisplay: /* @__PURE__ */ e.createElement(Rr, { option: t }),
|
|
7039
7046
|
siteData: t
|
|
7040
7047
|
};
|
|
7041
|
-
}), T = /* @__PURE__ */ e.createElement(
|
|
7048
|
+
}), T = /* @__PURE__ */ e.createElement(or, {
|
|
7042
7049
|
hasClearButton: !0,
|
|
7043
7050
|
hasSearchShortcut: !0,
|
|
7044
7051
|
className: `${x}__combobox`,
|
|
@@ -7065,7 +7072,7 @@ var Bn = {
|
|
|
7065
7072
|
id: i,
|
|
7066
7073
|
...g
|
|
7067
7074
|
}, y ? D : E);
|
|
7068
|
-
},
|
|
7075
|
+
}, Br = ({ children: t, className: n, width: r = "standard", ...i }) => {
|
|
7069
7076
|
let a = "pds-container", o = r === "standard" ? null : `${a}--${r}`;
|
|
7070
7077
|
return /* @__PURE__ */ e.createElement("div", {
|
|
7071
7078
|
className: Z([
|
|
@@ -7075,13 +7082,13 @@ var Bn = {
|
|
|
7075
7082
|
]),
|
|
7076
7083
|
...i
|
|
7077
7084
|
}, t);
|
|
7078
|
-
},
|
|
7085
|
+
}, Vr = ({ children: n, className: i, colorType: a = "default", containerWidth: s = "x-wide", hideBorder: l, hideLogo: f = !1, logoDisplayType: p = "full", logoLinkContent: m, logoSrc: g, logoSubBrand: _, translationStrings: v = {
|
|
7079
7086
|
closeMobileNav: "Close navigation area",
|
|
7080
7087
|
openMobileNav: "Open navigation area"
|
|
7081
7088
|
}, ...y }) => {
|
|
7082
7089
|
let [b, x] = h(!1), S = !1, C = u(bt);
|
|
7083
7090
|
C && (S = C.isMobile);
|
|
7084
|
-
let { closeOverlay: w, openOverlay: T } = We(), E = u(
|
|
7091
|
+
let { closeOverlay: w, openOverlay: T } = We(), E = u(Nr);
|
|
7085
7092
|
E && (m = E.logoLinkContent);
|
|
7086
7093
|
let D = "pds-navbar", O = l ? `${D}--noBorder` : "", k = a === "default" ? "" : `${D}--${a}`, A = S ? `${D}--isMobile` : `${D}--notMobile`, j = (e) => {
|
|
7087
7094
|
let t = e.key, n = !1;
|
|
@@ -7161,14 +7168,14 @@ var Bn = {
|
|
|
7161
7168
|
})), U = t.toArray(n).sort((e, t) => (c(e) && parseInt(e.props["data-mobile-order"], 10) || Infinity) - (c(t) && parseInt(t.props["data-mobile-order"], 10) || Infinity)), ee = /* @__PURE__ */ e.createElement("div", {
|
|
7162
7169
|
ref: N,
|
|
7163
7170
|
className: b ? `${D}__mobile ${D}__mobile--open` : `${D}__mobile ${D}__mobile--closed`
|
|
7164
|
-
}, /* @__PURE__ */ e.createElement(
|
|
7171
|
+
}, /* @__PURE__ */ e.createElement(Br, null, U)), W = /* @__PURE__ */ e.createElement(ie, {
|
|
7165
7172
|
active: b,
|
|
7166
7173
|
focusTrapOptions: {
|
|
7167
7174
|
clickOutsideDeactivates: !0,
|
|
7168
7175
|
initialFocus: !1,
|
|
7169
7176
|
returnFocusOnDeactivate: !1
|
|
7170
7177
|
}
|
|
7171
|
-
}, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
|
|
7178
|
+
}, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(Br, { className: `${D}__bar-mobile` }, /* @__PURE__ */ e.createElement("div", { className: `${D}__inner-mobile` }, V(), n && H)), /* @__PURE__ */ e.createElement(Br, null, n && ee))), te = /* @__PURE__ */ e.createElement(Br, {
|
|
7172
7179
|
className: `${D}__inner`,
|
|
7173
7180
|
width: s
|
|
7174
7181
|
}, !f && /* @__PURE__ */ e.createElement("div", { className: `${D}__logo` }, V()), /* @__PURE__ */ e.createElement("div", { className: `${D}__content` }, I ? /* @__PURE__ */ e.createElement("div", { className: `${D}__items-left` }, I) : /* @__PURE__ */ e.createElement("span", null), L && /* @__PURE__ */ e.createElement("div", { className: `${D}__items-right` }, L)));
|
|
@@ -7182,7 +7189,7 @@ var Bn = {
|
|
|
7182
7189
|
]),
|
|
7183
7190
|
...y
|
|
7184
7191
|
}, S ? W : te);
|
|
7185
|
-
},
|
|
7192
|
+
}, Hr = ({ items: t, label: n, mobileMenuMaxWidth: r = 640 }) => {
|
|
7186
7193
|
let [i, a] = h(!1), [o, s] = h(0);
|
|
7187
7194
|
d(() => (s(window.innerWidth), window.addEventListener("resize", c), () => {
|
|
7188
7195
|
window.removeEventListener("resize", c);
|
|
@@ -7226,7 +7233,7 @@ var Bn = {
|
|
|
7226
7233
|
className: `${u}__item ${t.isSeparator ? `${u}__dropdown--separator` : `${u}__item--second-level`} ${x(t) ? `${u}__item--active` : null}`,
|
|
7227
7234
|
role: t.isSeparator ? "separator" : "menuitem"
|
|
7228
7235
|
}, !t.isSeparator && t.linkContent))));
|
|
7229
|
-
},
|
|
7236
|
+
}, Ur = ({ ariaLabel: t = "Main Navigation", className: n, colorType: r = "default", menuItems: i, mobileMenuMaxWidth: a = 640, ...o }) => {
|
|
7230
7237
|
let [s, c] = h(1025), [l, u] = h(null), [f, p] = h(-1), [g, _] = h(null), [v, y] = h({
|
|
7231
7238
|
container: null,
|
|
7232
7239
|
containerChildren: []
|
|
@@ -7279,7 +7286,7 @@ var Bn = {
|
|
|
7279
7286
|
},
|
|
7280
7287
|
className: `${S}__item ${S}__item--top-level ${S}__item--has-children ${D(t) === !0 ? `${S}__item--active` : ""}`,
|
|
7281
7288
|
id: i
|
|
7282
|
-
}, /* @__PURE__ */ e.createElement(
|
|
7289
|
+
}, /* @__PURE__ */ e.createElement(Hr, {
|
|
7283
7290
|
items: t.links,
|
|
7284
7291
|
label: t.label,
|
|
7285
7292
|
mobileMenuMaxWidth: a
|
|
@@ -7304,7 +7311,7 @@ var Bn = {
|
|
|
7304
7311
|
},
|
|
7305
7312
|
...o
|
|
7306
7313
|
}, /* @__PURE__ */ e.createElement("ul", { className: `${S}__menu` }, O));
|
|
7307
|
-
},
|
|
7314
|
+
}, Wr = ({ ariaLabel: t, className: n, headingText: i, labels: a = {
|
|
7308
7315
|
submenu: "submenu",
|
|
7309
7316
|
toggle: "Toggle"
|
|
7310
7317
|
}, menuItems: o, mobileMenuSelectTextFallback: s = "Navigate to...", ...l }) => {
|
|
@@ -7314,7 +7321,7 @@ var Bn = {
|
|
|
7314
7321
|
let i = t.getAttribute("aria-expanded") === "false";
|
|
7315
7322
|
t.classList.toggle(`${u}__toggle--expanded`, i), t.setAttribute("aria-expanded", i ? "true" : "false"), n.classList.toggle(`${f}--expanded`, i);
|
|
7316
7323
|
}, m = (t, n) => {
|
|
7317
|
-
let { linkContent: i, links: o } = t, s =
|
|
7324
|
+
let { linkContent: i, links: o } = t, s = Dr(t), l = Or(i), m = s;
|
|
7318
7325
|
return /* @__PURE__ */ e.createElement("li", {
|
|
7319
7326
|
key: n,
|
|
7320
7327
|
className: Z([
|
|
@@ -7323,7 +7330,7 @@ var Bn = {
|
|
|
7323
7330
|
o ? `${d}--has-children` : null,
|
|
7324
7331
|
s ? `${d}--active` : null
|
|
7325
7332
|
])
|
|
7326
|
-
}, o ? l ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${d}-wrapper` },
|
|
7333
|
+
}, o ? l ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${d}-wrapper` }, kr(i, o), /* @__PURE__ */ e.createElement("button", {
|
|
7327
7334
|
"aria-expanded": m,
|
|
7328
7335
|
className: Z([`${u}__toggle`, m ? `${u}__toggle--expanded` : null]),
|
|
7329
7336
|
onClick: p,
|
|
@@ -7331,7 +7338,7 @@ var Bn = {
|
|
|
7331
7338
|
}, /* @__PURE__ */ e.createElement(Q, {
|
|
7332
7339
|
iconName: "angleDown",
|
|
7333
7340
|
iconSize: "md"
|
|
7334
|
-
}), /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${a.toggle} ${
|
|
7341
|
+
}), /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${a.toggle} ${Tr(i)} ${a.submenu}`))), /* @__PURE__ */ e.createElement("ul", { className: Z([
|
|
7335
7342
|
f,
|
|
7336
7343
|
`${f}--second-level`,
|
|
7337
7344
|
m ? `${f}--expanded` : null
|
|
@@ -7340,9 +7347,9 @@ var Bn = {
|
|
|
7340
7347
|
className: Z([
|
|
7341
7348
|
d,
|
|
7342
7349
|
`${d}--second-level`,
|
|
7343
|
-
|
|
7350
|
+
Dr(t) ? `${d}--active` : null
|
|
7344
7351
|
])
|
|
7345
|
-
},
|
|
7352
|
+
}, kr(t.linkContent, t.links))))) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("button", {
|
|
7346
7353
|
"aria-expanded": m,
|
|
7347
7354
|
className: Z([
|
|
7348
7355
|
`${u}__toggle`,
|
|
@@ -7354,7 +7361,7 @@ var Bn = {
|
|
|
7354
7361
|
}, c(i) && i.type === "span" ? r(i, { className: Z([i.props.className, `${u}__toggle-content`]) }) : /* @__PURE__ */ e.createElement("span", { className: `${u}__toggle-content` }, i), /* @__PURE__ */ e.createElement(Q, {
|
|
7355
7362
|
iconName: "angleDown",
|
|
7356
7363
|
iconSize: "md"
|
|
7357
|
-
}), /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${a.toggle} ${
|
|
7364
|
+
}), /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${a.toggle} ${Tr(i)} ${a.submenu}`)), /* @__PURE__ */ e.createElement("ul", { className: Z([
|
|
7358
7365
|
f,
|
|
7359
7366
|
`${f}--second-level`,
|
|
7360
7367
|
m ? `${f}--expanded` : null
|
|
@@ -7363,10 +7370,10 @@ var Bn = {
|
|
|
7363
7370
|
className: Z([
|
|
7364
7371
|
d,
|
|
7365
7372
|
`${d}--second-level`,
|
|
7366
|
-
|
|
7373
|
+
Dr(t) ? `${d}--active` : null
|
|
7367
7374
|
])
|
|
7368
|
-
},
|
|
7369
|
-
}, h = /* @__PURE__ */ e.createElement(e.Fragment, null, i && /* @__PURE__ */ e.createElement("h2", { className: `${u}__heading pds-ts-l` }, i), o.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${u}__menu ${u}__menu--top-level` }, o.map((e, t) => m(e, t)))), g = /* @__PURE__ */ e.createElement(
|
|
7375
|
+
}, kr(t.linkContent, t.links))))) : i);
|
|
7376
|
+
}, h = /* @__PURE__ */ e.createElement(e.Fragment, null, i && /* @__PURE__ */ e.createElement("h2", { className: `${u}__heading pds-ts-l` }, i), o.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${u}__menu ${u}__menu--top-level` }, o.map((e, t) => m(e, t)))), g = /* @__PURE__ */ e.createElement(Fr, {
|
|
7370
7377
|
className: `${u}__mobile`,
|
|
7371
7378
|
headingText: i,
|
|
7372
7379
|
menuItems: o,
|
|
@@ -7377,7 +7384,7 @@ var Bn = {
|
|
|
7377
7384
|
className: Z([u, n ?? ""]),
|
|
7378
7385
|
...l
|
|
7379
7386
|
}, h, g);
|
|
7380
|
-
},
|
|
7387
|
+
}, Gr = 0, Kr = ({ ariaLabel: t, className: n, hasMobileMenu: r = !0, headingText: i, labels: a = {
|
|
7381
7388
|
submenu: "submenu",
|
|
7382
7389
|
toggle: "Toggle"
|
|
7383
7390
|
}, menuItems: o, mobileMenuMaxWidth: s = 640, mobileMenuSelectTextFallback: c = "Navigate to...", ...l }) => {
|
|
@@ -7459,7 +7466,7 @@ var Bn = {
|
|
|
7459
7466
|
O();
|
|
7460
7467
|
let n = e.querySelector("a") || t;
|
|
7461
7468
|
n && (n.focus(), T.current = w.current.indexOf(n));
|
|
7462
|
-
},
|
|
7469
|
+
}, Gr));
|
|
7463
7470
|
}
|
|
7464
7471
|
} else if (j(t)) {
|
|
7465
7472
|
let e = t.classList.contains(`${u}__toggle`) ? t : k(t);
|
|
@@ -7509,7 +7516,7 @@ var Bn = {
|
|
|
7509
7516
|
opacity: "1",
|
|
7510
7517
|
marginBlockStart: `${hn}rem`
|
|
7511
7518
|
}], {
|
|
7512
|
-
duration:
|
|
7519
|
+
duration: Gr,
|
|
7513
7520
|
easing: Le
|
|
7514
7521
|
}).onfinish = () => {
|
|
7515
7522
|
Object.assign(e.style, {
|
|
@@ -7529,7 +7536,7 @@ var Bn = {
|
|
|
7529
7536
|
opacity: "0",
|
|
7530
7537
|
marginBlockStart: "0"
|
|
7531
7538
|
}], {
|
|
7532
|
-
duration:
|
|
7539
|
+
duration: Gr,
|
|
7533
7540
|
easing: Le
|
|
7534
7541
|
});
|
|
7535
7542
|
n.onfinish = () => {
|
|
@@ -7545,21 +7552,21 @@ var Bn = {
|
|
|
7545
7552
|
3: "third",
|
|
7546
7553
|
4: "fourth"
|
|
7547
7554
|
}, B = (t, n, r) => {
|
|
7548
|
-
let i = z[t], o = `${p}--${i}-level`, s = `${f}--${i}-level`, c = t + 1, l =
|
|
7555
|
+
let i = z[t], o = `${p}--${i}-level`, s = `${f}--${i}-level`, c = t + 1, l = Dr(n), d = !1, m = S.current?.querySelector(`.${f}--top-level[data-item-path="${n.path}"]`);
|
|
7549
7556
|
if (m) {
|
|
7550
7557
|
let e = Array.from(S.current?.querySelectorAll(`.${f}--top-level`) || []).indexOf(m);
|
|
7551
7558
|
d = b.includes(e);
|
|
7552
7559
|
} else d = l;
|
|
7553
7560
|
return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${f}-wrapper` }, /* @__PURE__ */ e.createElement("button", {
|
|
7554
|
-
"aria-expanded":
|
|
7555
|
-
className: Z([`${u}__toggle`,
|
|
7561
|
+
"aria-expanded": Dr(n),
|
|
7562
|
+
className: Z([`${u}__toggle`, Dr(n) ? `${u}__toggle--expanded` : null]),
|
|
7556
7563
|
onClick: I,
|
|
7557
7564
|
type: "button"
|
|
7558
7565
|
}, /* @__PURE__ */ e.createElement(Q, {
|
|
7559
7566
|
iconName: "caretDown",
|
|
7560
7567
|
iconSize: "md",
|
|
7561
7568
|
verticalAlign: "-0.0625rem"
|
|
7562
|
-
}), /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${a.toggle} ${
|
|
7569
|
+
}), /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${a.toggle} ${Tr(n.linkContent)} ${a.submenu}`)), kr(n.linkContent, n.links)), /* @__PURE__ */ e.createElement("ul", { className: Z([
|
|
7563
7570
|
p,
|
|
7564
7571
|
o,
|
|
7565
7572
|
d ? `${p}--expanded` : null
|
|
@@ -7568,7 +7575,7 @@ var Bn = {
|
|
|
7568
7575
|
className: Z([
|
|
7569
7576
|
f,
|
|
7570
7577
|
s,
|
|
7571
|
-
|
|
7578
|
+
Dr(t) ? `${f}--active` : null
|
|
7572
7579
|
]),
|
|
7573
7580
|
"data-item-path": t.path || ""
|
|
7574
7581
|
}, t.links && c in z ? B(c, t, t.links) : t.linkContent))));
|
|
@@ -7579,11 +7586,11 @@ var Bn = {
|
|
|
7579
7586
|
className: Z([
|
|
7580
7587
|
f,
|
|
7581
7588
|
`${f}--top-level`,
|
|
7582
|
-
|
|
7589
|
+
Dr(t) ? `${f}--active` : null
|
|
7583
7590
|
]),
|
|
7584
7591
|
"data-item-path": t.path || ""
|
|
7585
7592
|
}, i ? B(2, t, i) : r);
|
|
7586
|
-
}, H = /* @__PURE__ */ e.createElement(e.Fragment, null, i && /* @__PURE__ */ e.createElement("h2", { className: `${u}__heading pds-ts-l` }, i), o.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${u}__menu ${u}__menu--top-level` }, o.map((e, t) => V(e, t)))), U = /* @__PURE__ */ e.createElement(
|
|
7593
|
+
}, H = /* @__PURE__ */ e.createElement(e.Fragment, null, i && /* @__PURE__ */ e.createElement("h2", { className: `${u}__heading pds-ts-l` }, i), o.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${u}__menu ${u}__menu--top-level` }, o.map((e, t) => V(e, t)))), U = /* @__PURE__ */ e.createElement(Fr, {
|
|
7587
7594
|
headingText: i,
|
|
7588
7595
|
menuItems: o,
|
|
7589
7596
|
selectTextFallback: c
|
|
@@ -7600,8 +7607,8 @@ var Bn = {
|
|
|
7600
7607
|
tabIndex: 0,
|
|
7601
7608
|
...l
|
|
7602
7609
|
}, D && r ? U : H);
|
|
7603
|
-
},
|
|
7604
|
-
let s = "pds-side-nav-global", c = `${s}__item`, l = `${s}__menu`, u = /* @__PURE__ */ e.createElement("div", { className: `${c}-wrapper` },
|
|
7610
|
+
}, qr = ({ icon: t, isActive: n, isSidebarCollapsed: r, labels: i, linkContent: a, links: o }) => {
|
|
7611
|
+
let s = "pds-side-nav-global", c = `${s}__item`, l = `${s}__menu`, u = /* @__PURE__ */ e.createElement("div", { className: `${c}-wrapper` }, Ar(s, a, o, t)), f = (t, r) => /* @__PURE__ */ e.createElement("ul", { className: Z([
|
|
7605
7612
|
l,
|
|
7606
7613
|
`${l}--${r}`,
|
|
7607
7614
|
n ? `${l}--expanded` : null
|
|
@@ -7610,7 +7617,7 @@ var Bn = {
|
|
|
7610
7617
|
className: Z([
|
|
7611
7618
|
c,
|
|
7612
7619
|
`${c}--${r}`,
|
|
7613
|
-
|
|
7620
|
+
Dr(t) ? `${c}--active` : null
|
|
7614
7621
|
])
|
|
7615
7622
|
}, t.linkContent))), [p, g] = h(!1), _ = m(p), { context: v, floatingStyles: y, refs: b } = A({
|
|
7616
7623
|
placement: "right-start",
|
|
@@ -7664,7 +7671,7 @@ var Bn = {
|
|
|
7664
7671
|
]),
|
|
7665
7672
|
...D(),
|
|
7666
7673
|
onKeyDown: O
|
|
7667
|
-
}, o ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${c}-wrapper` },
|
|
7674
|
+
}, o ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${c}-wrapper` }, Ar(s, a, o, t), !r && /* @__PURE__ */ e.createElement("button", {
|
|
7668
7675
|
"aria-expanded": n,
|
|
7669
7676
|
className: Z([`${s}__toggle`, n ? `${s}__toggle--expanded` : null]),
|
|
7670
7677
|
onClick: j,
|
|
@@ -7672,13 +7679,13 @@ var Bn = {
|
|
|
7672
7679
|
}, /* @__PURE__ */ e.createElement(Q, {
|
|
7673
7680
|
iconName: "angleDown",
|
|
7674
7681
|
iconSize: "md"
|
|
7675
|
-
}), /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${i.toggle} ${
|
|
7682
|
+
}), /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${i.toggle} ${Tr(a)} ${i.submenu}`))), !r && f(o, "second-level"), r && p && /* @__PURE__ */ e.createElement("div", {
|
|
7676
7683
|
ref: b.setFloating,
|
|
7677
7684
|
className: `${s}__flyout`,
|
|
7678
7685
|
style: y,
|
|
7679
7686
|
...x()
|
|
7680
|
-
}, /* @__PURE__ */ e.createElement("div", { className: `${s}__flyout-heading` },
|
|
7681
|
-
content:
|
|
7687
|
+
}, /* @__PURE__ */ e.createElement("div", { className: `${s}__flyout-heading` }, Tr(a)), f(o, "second-level-flyout"))) : /* @__PURE__ */ e.createElement(e.Fragment, null, r ? /* @__PURE__ */ e.createElement(Re, {
|
|
7688
|
+
content: Tr(a),
|
|
7682
7689
|
customTrigger: u,
|
|
7683
7690
|
offsetValue: {
|
|
7684
7691
|
mainAxis: 8,
|
|
@@ -7686,7 +7693,7 @@ var Bn = {
|
|
|
7686
7693
|
},
|
|
7687
7694
|
preferredPlacement: "right"
|
|
7688
7695
|
}) : u));
|
|
7689
|
-
},
|
|
7696
|
+
}, Jr = ({ ariaLabel: t, className: n, hasLogo: r, isSidebarCollapsed: i, labels: a = {
|
|
7690
7697
|
submenu: "submenu",
|
|
7691
7698
|
toggle: "Toggle"
|
|
7692
7699
|
}, logoLinkContent: o, menuItems: s, mobileMenuSelectTextFallback: c = "Navigate to...", ...l }) => {
|
|
@@ -7694,18 +7701,18 @@ var Bn = {
|
|
|
7694
7701
|
className: `${u}__logo`,
|
|
7695
7702
|
displayType: i ? "icon" : "full",
|
|
7696
7703
|
linkContent: o
|
|
7697
|
-
})), s.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${u}__menu ${u}__menu--top-level` }, s.map((t, n) => /* @__PURE__ */ e.createElement(
|
|
7704
|
+
})), s.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${u}__menu ${u}__menu--top-level` }, s.map((t, n) => /* @__PURE__ */ e.createElement(qr, {
|
|
7698
7705
|
key: n,
|
|
7699
7706
|
icon: t.icon,
|
|
7700
|
-
isActive:
|
|
7707
|
+
isActive: Dr(t),
|
|
7701
7708
|
isSidebarCollapsed: i,
|
|
7702
7709
|
labels: a,
|
|
7703
7710
|
linkContent: t.linkContent,
|
|
7704
7711
|
links: t.links
|
|
7705
7712
|
})))), p = s.map((e) => ({
|
|
7706
7713
|
...e,
|
|
7707
|
-
linkContent:
|
|
7708
|
-
})), m = /* @__PURE__ */ e.createElement(
|
|
7714
|
+
linkContent: Ar(u, e.linkContent, e.links, e.icon)
|
|
7715
|
+
})), m = /* @__PURE__ */ e.createElement(Fr, {
|
|
7709
7716
|
className: `${u}__dropdown-menu`,
|
|
7710
7717
|
menuItems: p,
|
|
7711
7718
|
selectTextFallback: c
|
|
@@ -7719,7 +7726,7 @@ var Bn = {
|
|
|
7719
7726
|
]),
|
|
7720
7727
|
...l
|
|
7721
7728
|
}, f, m);
|
|
7722
|
-
},
|
|
7729
|
+
}, Yr = ({ buttonLabel: t = "Toggle dropdown", filterLabel: n = "Filter items", filterPlaceholder: r = "Filter items...", links: i, minFilterItems: a = 5, noResultsText: o = "No results found" }) => {
|
|
7723
7730
|
let [s, c] = h(!1), [l, u] = h(null), [f, p] = h(i), [g, _] = h(""), v = i.length >= a, y = "pds-tab-menu", b = `${y}__dropdown-menu`, x = v ? `${b}--scroll` : null, C = `${y}__dropdown-item`, w = m([]), { context: T, refs: E } = A({
|
|
7724
7731
|
open: s,
|
|
7725
7732
|
onOpenChange: c,
|
|
@@ -7746,7 +7753,7 @@ var Bn = {
|
|
|
7746
7753
|
close: { opacity: 0 }
|
|
7747
7754
|
}), V = (e) => {
|
|
7748
7755
|
e.preventDefault(), e.key === "Enter" && w.current[l].querySelector("a")?.click(), e.key === "Tab" && e.shiftKey && (v ? document.getElementById("links-filter").focus() : c(!1));
|
|
7749
|
-
}, H = (e, t) =>
|
|
7756
|
+
}, H = (e, t) => Tr(e.linkContent).toLowerCase().includes(t.toLowerCase()), U = (e) => {
|
|
7750
7757
|
let t = e.target.value;
|
|
7751
7758
|
_(t), p(i.filter((e) => H(e, t)));
|
|
7752
7759
|
};
|
|
@@ -7757,11 +7764,11 @@ var Bn = {
|
|
|
7757
7764
|
_(""), p(i);
|
|
7758
7765
|
}, W = {
|
|
7759
7766
|
minWidth: "13rem",
|
|
7760
|
-
width: `${
|
|
7767
|
+
width: `${Tr(i.reduce((e, t) => Tr(e.linkContent).length > Tr(t.linkContent).length ? e : t).linkContent).length + 2}ch`
|
|
7761
7768
|
}, te = /* @__PURE__ */ e.createElement(Q, {
|
|
7762
7769
|
className: `${y}__active-icon`,
|
|
7763
7770
|
iconName: "check"
|
|
7764
|
-
}), G = v && /* @__PURE__ */ e.createElement("div", { className: `${y}__filter` }, /* @__PURE__ */ e.createElement(
|
|
7771
|
+
}), G = v && /* @__PURE__ */ e.createElement("div", { className: `${y}__filter` }, /* @__PURE__ */ e.createElement(br, {
|
|
7765
7772
|
hasClearButton: !0,
|
|
7766
7773
|
autoComplete: "off",
|
|
7767
7774
|
id: "links-filter",
|
|
@@ -7803,11 +7810,11 @@ var Bn = {
|
|
|
7803
7810
|
...W
|
|
7804
7811
|
} })
|
|
7805
7812
|
}, /* @__PURE__ */ e.createElement("div", { style: { ...B } }, G, /* @__PURE__ */ e.createElement("ul", { className: Z([b, x]) }, K.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: `${y}__no-results` }, o) : K))));
|
|
7806
|
-
},
|
|
7813
|
+
}, Xr = ({ ariaLabel: t, className: n, menuItems: i, ...a }) => {
|
|
7807
7814
|
let o = !1, s = u(bt);
|
|
7808
7815
|
s && (o = s.isMobile);
|
|
7809
7816
|
let l = "pds-tab-menu", d = o ? `${l}--isMobile` : null, f = ({ dropdownSettings: t, icon: n, isActive: i, linkContent: a, links: s, promoteActiveChildLink: u = !1 }) => {
|
|
7810
|
-
let d = `${l}__item`, f =
|
|
7817
|
+
let d = `${l}__item`, f = wr(s);
|
|
7811
7818
|
return /* @__PURE__ */ e.createElement("li", { className: Z([d, i ? `${d}--active` : null]) }, ((t, n) => {
|
|
7812
7819
|
let i = null;
|
|
7813
7820
|
return c(t) && (i = n ? r(t, Object.assign({}, t.props, { children: [/* @__PURE__ */ e.createElement("span", {
|
|
@@ -7818,7 +7825,7 @@ var Bn = {
|
|
|
7818
7825
|
iconName: n,
|
|
7819
7826
|
iconSize: o ? "sm" : "md"
|
|
7820
7827
|
}), t.props.children)] })) : t), i;
|
|
7821
|
-
})(u ? f : a, n), s && /* @__PURE__ */ e.createElement(
|
|
7828
|
+
})(u ? f : a, n), s && /* @__PURE__ */ e.createElement(Yr, {
|
|
7822
7829
|
buttonLabel: t?.buttonLabel,
|
|
7823
7830
|
filterLabel: t?.filterLabel,
|
|
7824
7831
|
filterPlaceholder: t?.filterPlaceholder,
|
|
@@ -7830,7 +7837,7 @@ var Bn = {
|
|
|
7830
7837
|
key: n,
|
|
7831
7838
|
dropdownSettings: t.dropdownSettings,
|
|
7832
7839
|
icon: t.icon,
|
|
7833
|
-
isActive:
|
|
7840
|
+
isActive: Dr(t),
|
|
7834
7841
|
linkContent: t.linkContent,
|
|
7835
7842
|
links: t.links,
|
|
7836
7843
|
promoteActiveChildLink: t.promoteActiveChildLink
|
|
@@ -7844,7 +7851,7 @@ var Bn = {
|
|
|
7844
7851
|
]),
|
|
7845
7852
|
...a
|
|
7846
7853
|
}, o ? /* @__PURE__ */ e.createElement("div", { className: `${l}__mobile-menu-wrapper` }, p) : p);
|
|
7847
|
-
},
|
|
7854
|
+
}, Zr = ({ ariaLabel: t = "User menu", className: n, menuItems: r, userEmail: i, userImageSrc: a, userName: o, withinNavbar: s = !0, ...c }) => {
|
|
7848
7855
|
let [l, d] = h(null), [f, p] = h(!1), g = m([]), _ = m([]), v = !1, y = u(bt);
|
|
7849
7856
|
y && (v = y.isMobile);
|
|
7850
7857
|
let b = s && v, x = "pds-user-menu", T = b ? `${x}--isMobile` : null, D = `${x}__menu`, { context: j, floatingStyles: M, refs: N } = A({
|
|
@@ -7957,7 +7964,7 @@ var Bn = {
|
|
|
7957
7964
|
]),
|
|
7958
7965
|
...c
|
|
7959
7966
|
}, b ? ae : ie);
|
|
7960
|
-
},
|
|
7967
|
+
}, Qr = {
|
|
7961
7968
|
silver: "Silver",
|
|
7962
7969
|
gold: "Gold",
|
|
7963
7970
|
platinum: "Platinum",
|
|
@@ -7966,7 +7973,7 @@ var Bn = {
|
|
|
7966
7973
|
standard: "Standard",
|
|
7967
7974
|
premium: "Premium",
|
|
7968
7975
|
priority: "Priority"
|
|
7969
|
-
},
|
|
7976
|
+
}, $r = ({ ariaLabel: t = "Workspace selector menu", className: n, createWorkspaceLink: r, filterLabel: i = "Filter workspaces", filterPlaceholder: a = "Find workspace...", menuHeading: o = "Workspaces", minFilterItems: s = 8, noResultsText: c = "No results found", withinNavbar: l = !0, workspaceList: d, ...f }) => {
|
|
7970
7977
|
let [g, _] = h(!1), [v, y] = h(null), [b, x] = h(""), C = m([]), w = m(null), T = d.length >= s, E = !1, D = u(bt);
|
|
7971
7978
|
D && (E = D.isMobile);
|
|
7972
7979
|
let j = l && E, M = "pds-workspace-selector", N = j ? `${M}--isMobile` : null, z = `${M}__menu`, B = T ? `${z}--scroll` : null, { context: V, floatingStyles: H, refs: U } = A({
|
|
@@ -8021,13 +8028,13 @@ var Bn = {
|
|
|
8021
8028
|
uniqueId: J.workspaceId
|
|
8022
8029
|
}), /* @__PURE__ */ e.createElement("span", { className: `${M}__name` }, J.displayName), J.planTier && /* @__PURE__ */ e.createElement(Ne, {
|
|
8023
8030
|
color: J.planTier,
|
|
8024
|
-
label:
|
|
8031
|
+
label: Qr[J.planTier],
|
|
8025
8032
|
size: "sm"
|
|
8026
8033
|
})), ie = /* @__PURE__ */ e.createElement(Q, {
|
|
8027
8034
|
className: `${M}__trigger-icon`,
|
|
8028
8035
|
iconName: "angleDown",
|
|
8029
8036
|
iconSize: "md"
|
|
8030
|
-
}), ae = T && /* @__PURE__ */ e.createElement("div", { className: `${M}__filter` }, /* @__PURE__ */ e.createElement(
|
|
8037
|
+
}), ae = T && /* @__PURE__ */ e.createElement("div", { className: `${M}__filter` }, /* @__PURE__ */ e.createElement(br, {
|
|
8031
8038
|
hasClearButton: !0,
|
|
8032
8039
|
id: "workspace-filter",
|
|
8033
8040
|
label: i,
|
|
@@ -8122,11 +8129,11 @@ var Bn = {
|
|
|
8122
8129
|
]),
|
|
8123
8130
|
...f
|
|
8124
8131
|
}, j ? ce : se);
|
|
8125
|
-
},
|
|
8132
|
+
}, ei = {
|
|
8126
8133
|
info: "circleInfo",
|
|
8127
8134
|
warning: "triangleExclamation",
|
|
8128
8135
|
critical: "diamondExclamation"
|
|
8129
|
-
},
|
|
8136
|
+
}, ti = ({ banners: t, className: n, dismissLabel: r = "Dismiss", labelNext: i = "Go to next message", labelPrevious: a = "Go to previous message", typeLabels: o = dt, ...s }) => {
|
|
8130
8137
|
let [c, l] = h(t);
|
|
8131
8138
|
d(() => {
|
|
8132
8139
|
l(t);
|
|
@@ -8160,7 +8167,7 @@ var Bn = {
|
|
|
8160
8167
|
style: { zIndex: v(n).zIndex }
|
|
8161
8168
|
}, /* @__PURE__ */ e.createElement("div", { className: `${f}__content` }, /* @__PURE__ */ e.createElement(Q, {
|
|
8162
8169
|
className: `${f}__icon ${f}__icon--${t.type}`,
|
|
8163
|
-
iconName:
|
|
8170
|
+
iconName: ei[d],
|
|
8164
8171
|
iconSize: "md"
|
|
8165
8172
|
}), /* @__PURE__ */ e.createElement("div", { className: `${f}__message` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, h, " "), s)), a && /* @__PURE__ */ e.createElement("button", {
|
|
8166
8173
|
className: `${f}__dismiss-button`,
|
|
@@ -8198,12 +8205,12 @@ var Bn = {
|
|
|
8198
8205
|
onClick: x,
|
|
8199
8206
|
size: "lg"
|
|
8200
8207
|
}), c.map((e, t) => C(e, t))) : C(c[0], 0));
|
|
8201
|
-
},
|
|
8208
|
+
}, ni = {
|
|
8202
8209
|
info: "circleInfo",
|
|
8203
8210
|
warning: "triangleExclamation",
|
|
8204
8211
|
success: "circleCheck",
|
|
8205
8212
|
critical: "diamondExclamation"
|
|
8206
|
-
},
|
|
8213
|
+
}, ri = ({ className: t, message: n, title: r, type: i, typeLabels: a = {
|
|
8207
8214
|
...dt,
|
|
8208
8215
|
working: "Working"
|
|
8209
8216
|
}, ...o }) => {
|
|
@@ -8227,16 +8234,16 @@ var Bn = {
|
|
|
8227
8234
|
colorType: "monochromatic",
|
|
8228
8235
|
size: "lg"
|
|
8229
8236
|
}) : /* @__PURE__ */ e.createElement(Q, {
|
|
8230
|
-
iconName: `${i}` in
|
|
8237
|
+
iconName: `${i}` in ni ? ni[i] : ni.info,
|
|
8231
8238
|
iconSize: "lg"
|
|
8232
8239
|
})), /* @__PURE__ */ e.createElement("div", { className: `${s}__text` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, u), /* @__PURE__ */ e.createElement("div", { className: `${s}__title` }, r), /* @__PURE__ */ e.createElement("div", { className: `${s}__message` }, d)));
|
|
8233
|
-
},
|
|
8240
|
+
}, ii = {
|
|
8234
8241
|
info: "circleInfo",
|
|
8235
8242
|
warning: "triangleExclamation",
|
|
8236
8243
|
success: "circleCheck",
|
|
8237
8244
|
critical: "diamondExclamation",
|
|
8238
8245
|
discovery: "squareQuestion"
|
|
8239
|
-
},
|
|
8246
|
+
}, ai = ({ className: t, ctaButton: n, dismissLabel: r = "Dismiss", id: i, isDismissible: a, message: o, onDismiss: s, title: c, type: l = "info", typeLabels: u = dt, ...d }) => {
|
|
8240
8247
|
let f = m(null), p = "pds-section-message", h = {
|
|
8241
8248
|
error: `${p}--error`,
|
|
8242
8249
|
success: `${p}--success`,
|
|
@@ -8268,7 +8275,7 @@ var Bn = {
|
|
|
8268
8275
|
role: v,
|
|
8269
8276
|
...d
|
|
8270
8277
|
}, /* @__PURE__ */ e.createElement("div", { className: `${p}__content` }, /* @__PURE__ */ e.createElement("div", { className: `${p}__icon ${p}__icon-${l}` }, /* @__PURE__ */ e.createElement(Q, {
|
|
8271
|
-
iconName: `${l}` in
|
|
8278
|
+
iconName: `${l}` in ii ? ii[l] : ii.info,
|
|
8272
8279
|
iconSize: "lg"
|
|
8273
8280
|
})), /* @__PURE__ */ e.createElement("div", { className: `${p}__text` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, y), c && /* @__PURE__ */ e.createElement("div", { className: `${p}__title` }, c), /* @__PURE__ */ e.createElement("div", { className: `${p}__message` }, b))), (n || a) && /* @__PURE__ */ e.createElement("div", { className: `${p}__actions` }, n && /* @__PURE__ */ e.createElement(at, {
|
|
8274
8281
|
...n,
|
|
@@ -8285,10 +8292,10 @@ var Bn = {
|
|
|
8285
8292
|
iconName: "xmark",
|
|
8286
8293
|
iconSize: "lg"
|
|
8287
8294
|
}))));
|
|
8288
|
-
},
|
|
8295
|
+
}, oi = 3e4, si = {
|
|
8289
8296
|
pause: "Pause notification",
|
|
8290
8297
|
resume: "Resume notification"
|
|
8291
|
-
},
|
|
8298
|
+
}, ci = i({ labelStrings: si }), li = ({ ariaLabel: t, closeToast: n }) => /* @__PURE__ */ e.createElement("button", {
|
|
8292
8299
|
"aria-label": t ?? "Close",
|
|
8293
8300
|
className: "pds-toast__close-button",
|
|
8294
8301
|
onClick: (e) => {
|
|
@@ -8299,13 +8306,13 @@ var Bn = {
|
|
|
8299
8306
|
}, /* @__PURE__ */ e.createElement(Q, {
|
|
8300
8307
|
iconName: "xmark",
|
|
8301
8308
|
iconSize: "md"
|
|
8302
|
-
})),
|
|
8309
|
+
})), ui = ({ className: t, labelStrings: n = si, limit: r = 5, position: i = "bottom-right" }) => {
|
|
8303
8310
|
let a = Z(["pds-toaster", t]);
|
|
8304
|
-
return /* @__PURE__ */ e.createElement(
|
|
8311
|
+
return /* @__PURE__ */ e.createElement(ci.Provider, { value: { labelStrings: n } }, /* @__PURE__ */ e.createElement(fe, {
|
|
8305
8312
|
newestOnTop: !0,
|
|
8306
8313
|
autoClose: !1,
|
|
8307
8314
|
className: a,
|
|
8308
|
-
closeButton:
|
|
8315
|
+
closeButton: li,
|
|
8309
8316
|
draggable: !1,
|
|
8310
8317
|
icon: !1,
|
|
8311
8318
|
limit: r,
|
|
@@ -8314,18 +8321,18 @@ var Bn = {
|
|
|
8314
8321
|
role: "status",
|
|
8315
8322
|
transition: de
|
|
8316
8323
|
}));
|
|
8317
|
-
},
|
|
8324
|
+
}, di = {
|
|
8318
8325
|
info: "circleInfo",
|
|
8319
8326
|
success: "check",
|
|
8320
8327
|
warning: "triangleExclamation",
|
|
8321
8328
|
critical: "diamondExclamation"
|
|
8322
|
-
},
|
|
8329
|
+
}, fi = {
|
|
8323
8330
|
info: "Information",
|
|
8324
8331
|
success: "Success",
|
|
8325
8332
|
warning: "Warning",
|
|
8326
8333
|
critical: "Critical",
|
|
8327
8334
|
working: "Working..."
|
|
8328
|
-
},
|
|
8335
|
+
}, pi = ({ autoCloseDuration: t, children: n, className: r, id: i, toastId: a, type: o = "info", typeLabels: s = fi }) => {
|
|
8329
8336
|
let c = "pds-toast", l = {
|
|
8330
8337
|
info: `${c}--info`,
|
|
8331
8338
|
success: `${c}--success`,
|
|
@@ -8335,7 +8342,7 @@ var Bn = {
|
|
|
8335
8342
|
dismissing: `${c}--dismissing`,
|
|
8336
8343
|
dismissed: `${c}--dismissed`,
|
|
8337
8344
|
transition: `${c}--transition`
|
|
8338
|
-
}, d = `${s[o]} `, { labelStrings: f } = u(
|
|
8345
|
+
}, d = `${s[o]} `, { labelStrings: f } = u(ci), [p, m] = h(!1), g = a !== void 0 && o !== "critical" && o !== "working" && typeof t == "number";
|
|
8339
8346
|
return /* @__PURE__ */ e.createElement("div", {
|
|
8340
8347
|
className: Z([
|
|
8341
8348
|
c,
|
|
@@ -8348,7 +8355,7 @@ var Bn = {
|
|
|
8348
8355
|
size: "lg"
|
|
8349
8356
|
}) : /* @__PURE__ */ e.createElement(Q, {
|
|
8350
8357
|
className: `${c}__icon ${c}__icon--${o}`,
|
|
8351
|
-
iconName: `${o}` in
|
|
8358
|
+
iconName: `${o}` in di ? di[o] : di.info
|
|
8352
8359
|
})), /* @__PURE__ */ e.createElement("div", { className: `${c}__message` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, d), n), g && /* @__PURE__ */ e.createElement("button", {
|
|
8353
8360
|
"aria-label": p ? f.resume : f.pause,
|
|
8354
8361
|
className: `${c}__pause-button`,
|
|
@@ -8359,11 +8366,11 @@ var Bn = {
|
|
|
8359
8366
|
},
|
|
8360
8367
|
type: "button"
|
|
8361
8368
|
}, /* @__PURE__ */ e.createElement(Q, { iconName: p ? "play" : "pause" })));
|
|
8362
|
-
},
|
|
8369
|
+
}, mi = /* @__PURE__ */ function(e) {
|
|
8363
8370
|
return e.Critical = "critical", e.Info = "info", e.Success = "success", e.Warning = "warning", e.Working = "working", e;
|
|
8364
|
-
}({}),
|
|
8371
|
+
}({}), hi = () => [
|
|
8365
8372
|
(t, n, r = {}) => {
|
|
8366
|
-
let i = r.toastId ?? we(), a = typeof r.autoClose == "number" ? Math.max(
|
|
8373
|
+
let i = r.toastId ?? we(), a = typeof r.autoClose == "number" ? Math.max(oi, r.autoClose) : !1, o = /* @__PURE__ */ e.createElement(pi, {
|
|
8367
8374
|
autoCloseDuration: a || void 0,
|
|
8368
8375
|
toastId: i,
|
|
8369
8376
|
type: t
|
|
@@ -8388,27 +8395,27 @@ var Bn = {
|
|
|
8388
8395
|
enter: "pds-toast--bounceInPlace",
|
|
8389
8396
|
exit: "pds-toast--slideOut"
|
|
8390
8397
|
})
|
|
8391
|
-
],
|
|
8398
|
+
], gi = (e, t) => {
|
|
8392
8399
|
let n = t - e + 1;
|
|
8393
8400
|
return Array.from({ length: n }, (t, n) => n + e);
|
|
8394
|
-
},
|
|
8401
|
+
}, _i = ({ bufferCount: e = 1, currentPage: t, itemsPerPage: n, totalItemCount: r }) => p(() => {
|
|
8395
8402
|
let i = Math.ceil(r / n), a = e + 5, o = i;
|
|
8396
|
-
if (a >= i) return
|
|
8403
|
+
if (a >= i) return gi(1, i);
|
|
8397
8404
|
let s = Math.max(t - e, 1), c = Math.min(t + e, i), l = s > 2, u = c < i - 2;
|
|
8398
8405
|
if (!l && u) return [
|
|
8399
|
-
...
|
|
8406
|
+
...gi(1, 3 + 2 * e),
|
|
8400
8407
|
"...",
|
|
8401
8408
|
i
|
|
8402
8409
|
];
|
|
8403
8410
|
if (l && !u) return [
|
|
8404
8411
|
1,
|
|
8405
8412
|
"...",
|
|
8406
|
-
...
|
|
8413
|
+
...gi(i - (3 + 2 * e) + 1, i)
|
|
8407
8414
|
];
|
|
8408
8415
|
if (l && u) return [
|
|
8409
8416
|
1,
|
|
8410
8417
|
"...",
|
|
8411
|
-
...
|
|
8418
|
+
...gi(s, c),
|
|
8412
8419
|
"...",
|
|
8413
8420
|
o
|
|
8414
8421
|
];
|
|
@@ -8417,11 +8424,11 @@ var Bn = {
|
|
|
8417
8424
|
n,
|
|
8418
8425
|
e,
|
|
8419
8426
|
t
|
|
8420
|
-
]),
|
|
8427
|
+
]), vi = ({ bufferCount: t = 1, className: n, currentPage: r, headingLevel: i = "h2", headingText: a = "Pagination", itemsPerPage: o = 10, labelStrings: s = {
|
|
8421
8428
|
previous: "Go to previous page",
|
|
8422
8429
|
next: "Go to next page"
|
|
8423
8430
|
}, onPageChange: c, totalItemCount: l, ...u }) => {
|
|
8424
|
-
let d =
|
|
8431
|
+
let d = _i({
|
|
8425
8432
|
currentPage: r,
|
|
8426
8433
|
totalItemCount: l,
|
|
8427
8434
|
bufferCount: t,
|
|
@@ -8469,7 +8476,7 @@ var Bn = {
|
|
|
8469
8476
|
onClick: r === f ? void 0 : p,
|
|
8470
8477
|
type: "button"
|
|
8471
8478
|
}, /* @__PURE__ */ e.createElement(Q, { iconName: "arrowRight" })))));
|
|
8472
|
-
},
|
|
8479
|
+
}, yi = 0, bi = ({ children: t, className: n, id: r, isOpen: i = !1, showBorder: a = !0, summary: o, ...s }) => {
|
|
8473
8480
|
let [c, l] = h(i), u = m(r || `expansion-panel-${we()}`).current, f = "pds-expansion-panel", p = a ? null : `${f}--no-border`, g = m(null), _ = m(null), v = m(null);
|
|
8474
8481
|
return d(() => {
|
|
8475
8482
|
let e = g.current, t = _.current, n = v.current;
|
|
@@ -8480,7 +8487,7 @@ var Bn = {
|
|
|
8480
8487
|
i = !0, l(!1);
|
|
8481
8488
|
let n = `${e.offsetHeight}px`, a = `${t.offsetHeight}px`;
|
|
8482
8489
|
r && r.cancel(), r = e.animate({ height: [n, a] }, {
|
|
8483
|
-
duration:
|
|
8490
|
+
duration: yi,
|
|
8484
8491
|
easing: Le
|
|
8485
8492
|
}), r.onfinish = () => d(!1), r.oncancel = () => i = !1;
|
|
8486
8493
|
}, c = () => {
|
|
@@ -8489,7 +8496,7 @@ var Bn = {
|
|
|
8489
8496
|
a = !0;
|
|
8490
8497
|
let i = `${e.offsetHeight}px`, o = `${t.offsetHeight + n.offsetHeight}px`;
|
|
8491
8498
|
r && r.cancel(), r = e.animate({ height: [i, o] }, {
|
|
8492
|
-
duration:
|
|
8499
|
+
duration: yi,
|
|
8493
8500
|
easing: Le
|
|
8494
8501
|
}), r.onfinish = () => d(!0), r.oncancel = () => a = !1;
|
|
8495
8502
|
}, d = (t) => {
|
|
@@ -8515,7 +8522,7 @@ var Bn = {
|
|
|
8515
8522
|
ref: v,
|
|
8516
8523
|
className: `${f}__content`
|
|
8517
8524
|
}, t)));
|
|
8518
|
-
},
|
|
8525
|
+
}, xi = ({ children: t, className: n, displayType: r = "standard", ...i }) => {
|
|
8519
8526
|
let a = "pds-expansion-panel-group", o = `${a}--${r}`;
|
|
8520
8527
|
return /* @__PURE__ */ e.createElement("div", {
|
|
8521
8528
|
className: Z([
|
|
@@ -8525,7 +8532,7 @@ var Bn = {
|
|
|
8525
8532
|
]),
|
|
8526
8533
|
...i
|
|
8527
8534
|
}, t);
|
|
8528
|
-
},
|
|
8535
|
+
}, Si = ({ children: t, className: n, hasStatusIndicator: r = !1, padding: i = "standard", statusType: a, typeLabels: o = dt, variant: s = "default", ...c }) => {
|
|
8529
8536
|
let l = "pds-panel", u = r ? `${l}__status ${l}__status-${a}` : null, d = `${l}--${s}`, f = `${l}__content`, p = i === "standard" ? null : `${f}--pad-${i}`, m = a && a !== "neutral" ? `${o[a]}: ` : null;
|
|
8530
8537
|
return /* @__PURE__ */ e.createElement("div", {
|
|
8531
8538
|
className: Z([
|
|
@@ -8535,7 +8542,7 @@ var Bn = {
|
|
|
8535
8542
|
]),
|
|
8536
8543
|
...c
|
|
8537
8544
|
}, r && a && /* @__PURE__ */ e.createElement("span", { className: u }, m && /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, m)), /* @__PURE__ */ e.createElement("div", { className: Z([f, p]) }, t));
|
|
8538
|
-
},
|
|
8545
|
+
}, Ci = ({ background: t = "default", children: n, className: r, hasBorder: i = !0, paddingSize: a = "md", ...o }) => {
|
|
8539
8546
|
let s = "pds-panel-list", c = `pds-panel-list--${a}`, l = t === "default" ? null : `${s}--${t}`, u = i ? null : `${s}--borderless`;
|
|
8540
8547
|
return /* @__PURE__ */ e.createElement("ul", {
|
|
8541
8548
|
className: Z([
|
|
@@ -8547,7 +8554,7 @@ var Bn = {
|
|
|
8547
8554
|
]),
|
|
8548
8555
|
...o
|
|
8549
8556
|
}, n);
|
|
8550
|
-
},
|
|
8557
|
+
}, wi = 0, Ti = ({ children: t, className: n, expandButtonAriaLabel: r, isExpandable: i = !1, ...a }) => {
|
|
8551
8558
|
let o = "pds-panel-row", [s, c] = h(!1), l = m(null), u = m(null), d = Ee(t), f = d["items-left"], p = d["items-right"], g = d["items-below"], _ = () => {
|
|
8552
8559
|
let e = u.current, t = l.current;
|
|
8553
8560
|
if (!e || !t) return;
|
|
@@ -8562,7 +8569,7 @@ var Bn = {
|
|
|
8562
8569
|
height: n,
|
|
8563
8570
|
opacity: "1"
|
|
8564
8571
|
}], {
|
|
8565
|
-
duration:
|
|
8572
|
+
duration: wi,
|
|
8566
8573
|
easing: Le
|
|
8567
8574
|
}).onfinish = () => {
|
|
8568
8575
|
Object.assign(e.style, {
|
|
@@ -8579,7 +8586,7 @@ var Bn = {
|
|
|
8579
8586
|
height: "0px",
|
|
8580
8587
|
opacity: "0"
|
|
8581
8588
|
}], {
|
|
8582
|
-
duration:
|
|
8589
|
+
duration: wi,
|
|
8583
8590
|
easing: Le
|
|
8584
8591
|
}).onfinish = () => {
|
|
8585
8592
|
Object.assign(e.style, {
|
|
@@ -8611,7 +8618,7 @@ var Bn = {
|
|
|
8611
8618
|
opacity: "0"
|
|
8612
8619
|
}
|
|
8613
8620
|
}, /* @__PURE__ */ e.createElement("div", { className: `${o}__items-inside` }, g)));
|
|
8614
|
-
},
|
|
8621
|
+
}, Ei = ({ alt: t = "", className: n, height: r, srcFallback: i, srcWebp: a, width: o, ...s }) => {
|
|
8615
8622
|
let c = "pds-picture";
|
|
8616
8623
|
return /* @__PURE__ */ e.createElement("picture", { className: Z([c, n ?? ""]) }, /* @__PURE__ */ e.createElement("source", {
|
|
8617
8624
|
srcSet: a,
|
|
@@ -8624,7 +8631,7 @@ var Bn = {
|
|
|
8624
8631
|
width: o,
|
|
8625
8632
|
...s
|
|
8626
8633
|
}));
|
|
8627
|
-
},
|
|
8634
|
+
}, Di = 8, Oi = 14, ki = ({ className: t, classNameContainer: n, closeButtonLabel: r = "Close", content: i, customTrigger: a = !1, hasCloseButton: o = !1, offsetValue: s = 0, onClose: c = () => {}, placement: l = "top", popoverIsOpen: u = !1, setPopoverIsOpen: f = () => {}, title: p, triggerAccessibleText: g = "Show more information", triggerIcon: y = "circleInfo", ...T }) => {
|
|
8628
8635
|
let [D, j] = h(u);
|
|
8629
8636
|
d(() => {
|
|
8630
8637
|
j(u);
|
|
@@ -8650,12 +8657,12 @@ var Bn = {
|
|
|
8650
8657
|
O(B),
|
|
8651
8658
|
k(B),
|
|
8652
8659
|
I(B)
|
|
8653
|
-
]), G = H.arrow?.x ?? 0, K = H.arrow?.y ?? 0, q = G +
|
|
8660
|
+
]), G = H.arrow?.x ?? 0, K = H.arrow?.y ?? 0, q = G + Oi / 2, J = K + Di, { isMounted: ne } = L(B, {
|
|
8654
8661
|
initial: { transform: "scale(0)" },
|
|
8655
8662
|
common: ({ side: e }) => ({ transformOrigin: {
|
|
8656
|
-
top: `${q}px calc(100% + ${
|
|
8663
|
+
top: `${q}px calc(100% + ${Di}px)`,
|
|
8657
8664
|
bottom: `${q}px -8px`,
|
|
8658
|
-
left: `calc(100% + ${
|
|
8665
|
+
left: `calc(100% + ${Di}px) ${J}px`,
|
|
8659
8666
|
right: `-8px ${J}px`
|
|
8660
8667
|
}[e] })
|
|
8661
8668
|
});
|
|
@@ -8687,23 +8694,23 @@ var Bn = {
|
|
|
8687
8694
|
className: `${N}__arrow`,
|
|
8688
8695
|
context: B,
|
|
8689
8696
|
fill: "var(--pds-color-bg-default)",
|
|
8690
|
-
height:
|
|
8697
|
+
height: Di,
|
|
8691
8698
|
stroke: "var(--pds-color-border-default)",
|
|
8692
8699
|
strokeWidth: 1,
|
|
8693
8700
|
tipRadius: 0,
|
|
8694
|
-
width:
|
|
8701
|
+
width: Oi
|
|
8695
8702
|
}), /* @__PURE__ */ e.createElement("div", { className: `${N}__container-inner` }, p && /* @__PURE__ */ e.createElement("div", { className: `${N}__title` }, p), i && /* @__PURE__ */ e.createElement("div", { className: `${N}__content` }, i), o && /* @__PURE__ */ e.createElement("div", { className: `${N}__close-wrapper` }, /* @__PURE__ */ e.createElement(ut, {
|
|
8696
8703
|
ariaLabel: r,
|
|
8697
8704
|
iconSize: "lg",
|
|
8698
8705
|
onClick: ee
|
|
8699
8706
|
})))))));
|
|
8700
|
-
},
|
|
8707
|
+
}, Ai = {
|
|
8701
8708
|
neutral: "--pds-color-status-neutral-utility",
|
|
8702
8709
|
info: "--pds-color-status-info-foreground",
|
|
8703
8710
|
success: "--pds-color-status-success-foreground",
|
|
8704
8711
|
warning: "--pds-color-status-warning-foreground",
|
|
8705
8712
|
critical: "--pds-color-status-critical-foreground"
|
|
8706
|
-
},
|
|
8713
|
+
}, ji = ({ className: t, colorBreakpoints: n = [{
|
|
8707
8714
|
colorType: "info",
|
|
8708
8715
|
percentage: 0
|
|
8709
8716
|
}, {
|
|
@@ -8724,7 +8731,7 @@ var Bn = {
|
|
|
8724
8731
|
id: f
|
|
8725
8732
|
}, i), (y || l) && /* @__PURE__ */ e.createElement("div", { className: `${p}__details` }, y && v, l && /* @__PURE__ */ e.createElement("div", {
|
|
8726
8733
|
className: `${p}__percentage`,
|
|
8727
|
-
style: { color: `hsl(from var(${
|
|
8734
|
+
style: { color: `hsl(from var(${Ai[_]}) h s calc(l - 7))` }
|
|
8728
8735
|
}, s, "%")), /* @__PURE__ */ e.createElement("div", { className: `${p}__wrapper` }, /* @__PURE__ */ e.createElement("div", {
|
|
8729
8736
|
"aria-labelledby": f,
|
|
8730
8737
|
"aria-valuenow": g,
|
|
@@ -8734,10 +8741,10 @@ var Bn = {
|
|
|
8734
8741
|
className: `${p}__bar`,
|
|
8735
8742
|
style: {
|
|
8736
8743
|
width: `${g}%`,
|
|
8737
|
-
backgroundColor: `var(${
|
|
8744
|
+
backgroundColor: `var(${Ai[_]})`
|
|
8738
8745
|
}
|
|
8739
8746
|
}))), b && v);
|
|
8740
|
-
},
|
|
8747
|
+
}, Mi = ({ className: t, id: n, innerLabel: r, label: i, percentage: a, showLabel: o = !1, showPercentage: s = !1, size: c = "md", ...l }) => {
|
|
8741
8748
|
let u = n || we(), d = "pds-progress-ring", f = o ? `${d}__label` : "visually-hidden", p = `${d}__loading-text ${d}__loading-text--${c}`, m = (e) => e * 16, h = m(wn), g = 7;
|
|
8742
8749
|
c === "sm" && (h = m(Cn), g /= 1.25), c === "lg" && (h = m(Tn), g *= 1.25);
|
|
8743
8750
|
let _ = h / 2 - g / 2, v = 2 * Math.PI * _, y = v - v * a / 100, b;
|
|
@@ -8786,7 +8793,7 @@ var Bn = {
|
|
|
8786
8793
|
x: "50%",
|
|
8787
8794
|
y: "51%"
|
|
8788
8795
|
}, b))));
|
|
8789
|
-
},
|
|
8796
|
+
}, Ni = ({ attribution: t, className: n, image: r, layoutType: i = "stand-alone", quote: a, ...o }) => {
|
|
8790
8797
|
let s = "pds-pull-quote", c = `${s}--${i}`;
|
|
8791
8798
|
return /* @__PURE__ */ e.createElement("div", {
|
|
8792
8799
|
className: Z([
|
|
@@ -8805,9 +8812,9 @@ var Bn = {
|
|
|
8805
8812
|
iconName: "quotesRight",
|
|
8806
8813
|
iconSize: "4xl"
|
|
8807
8814
|
}))));
|
|
8808
|
-
},
|
|
8815
|
+
}, Pi = /* @__PURE__ */ function(e) {
|
|
8809
8816
|
return e.CHECKED = "checked", e.DEFAULT = "default", e.WORKING = "working", e;
|
|
8810
|
-
}({}),
|
|
8817
|
+
}({}), Fi = ({ alignment: t = "left", className: n, componentWidth: r, labelStrings: i = {}, lastChecked: a, onCheck: o, state: s, ...c }) => {
|
|
8811
8818
|
let l = s ?? "default", u = {
|
|
8812
8819
|
checkForUpdates: "Check for updates",
|
|
8813
8820
|
checking: "Checking...",
|
|
@@ -8856,7 +8863,7 @@ var Bn = {
|
|
|
8856
8863
|
triggerIconColor: "default",
|
|
8857
8864
|
triggerIconSize: "sm"
|
|
8858
8865
|
}), t === "left" && v));
|
|
8859
|
-
},
|
|
8866
|
+
}, Ii = ({ className: t, handleUpgradeClick: n, popoverContent: r, popoverIsOpen: i, popoverTitle: a, setPopoverIsOpen: o, siteName: s, sitePlanLevel: c, siteType: l, triggerProps: u, upgradeLabel: d, workspaceName: f, ...p }) => {
|
|
8860
8867
|
let m = "pds-site-dashboard-heading", h = c && c in gt ? gt[c] : c, g = l ? vt[l] : "bolt";
|
|
8861
8868
|
return /* @__PURE__ */ e.createElement("div", {
|
|
8862
8869
|
className: Z([m, t ?? ""]),
|
|
@@ -8875,7 +8882,7 @@ var Bn = {
|
|
|
8875
8882
|
color: "neutral",
|
|
8876
8883
|
label: h,
|
|
8877
8884
|
size: "md"
|
|
8878
|
-
}), r && /* @__PURE__ */ e.createElement(
|
|
8885
|
+
}), r && /* @__PURE__ */ e.createElement(ki, {
|
|
8879
8886
|
content: r,
|
|
8880
8887
|
placement: "bottom",
|
|
8881
8888
|
popoverIsOpen: i,
|
|
@@ -8884,7 +8891,7 @@ var Bn = {
|
|
|
8884
8891
|
triggerIcon: "circleInfo",
|
|
8885
8892
|
...u
|
|
8886
8893
|
})))));
|
|
8887
|
-
},
|
|
8894
|
+
}, Li = {
|
|
8888
8895
|
bluesky: {
|
|
8889
8896
|
icon: "bluesky",
|
|
8890
8897
|
url: "https://bsky.app/profile/pantheon.io",
|
|
@@ -8920,7 +8927,7 @@ var Bn = {
|
|
|
8920
8927
|
url: "https://www.youtube.com/user/GetPantheon",
|
|
8921
8928
|
label: "Pantheon on YouTube"
|
|
8922
8929
|
}
|
|
8923
|
-
},
|
|
8930
|
+
}, Ri = ({ className: t, linkItems: n = [
|
|
8924
8931
|
"facebook",
|
|
8925
8932
|
"x",
|
|
8926
8933
|
"bluesky",
|
|
@@ -8936,15 +8943,15 @@ var Bn = {
|
|
|
8936
8943
|
key: n,
|
|
8937
8944
|
className: `${i}__item`
|
|
8938
8945
|
}, /* @__PURE__ */ e.createElement("a", {
|
|
8939
|
-
"aria-label":
|
|
8940
|
-
href:
|
|
8946
|
+
"aria-label": Li[t].label,
|
|
8947
|
+
href: Li[t].url,
|
|
8941
8948
|
rel: "noreferrer",
|
|
8942
8949
|
target: "_blank"
|
|
8943
8950
|
}, /* @__PURE__ */ e.createElement(Q, {
|
|
8944
|
-
iconName:
|
|
8951
|
+
iconName: Li[t].icon,
|
|
8945
8952
|
iconSize: "xl"
|
|
8946
8953
|
})))));
|
|
8947
|
-
},
|
|
8954
|
+
}, zi = ({ className: t, label: n = null, size: r = "md", type: i = "neutral", ...a }) => {
|
|
8948
8955
|
let o = "pds-status-indicator", s = `${o}--${i}`, c = `${o}--${r}`;
|
|
8949
8956
|
return /* @__PURE__ */ e.createElement("div", {
|
|
8950
8957
|
className: Z([
|
|
@@ -8963,7 +8970,7 @@ var Bn = {
|
|
|
8963
8970
|
className: `${o}__icon`,
|
|
8964
8971
|
role: "img"
|
|
8965
8972
|
}), n && /* @__PURE__ */ e.createElement("span", { className: "pds-status-indicator__label" }, n));
|
|
8966
|
-
},
|
|
8973
|
+
}, Bi = ({ className: t, steps: n, translatableLabels: r = {
|
|
8967
8974
|
step: "Step",
|
|
8968
8975
|
completed: "completed",
|
|
8969
8976
|
hasError: "has an error",
|
|
@@ -9023,7 +9030,7 @@ var Bn = {
|
|
|
9023
9030
|
key: t.id,
|
|
9024
9031
|
className: `${o}__step`,
|
|
9025
9032
|
id: `${t.id}--mobile`
|
|
9026
|
-
}, /* @__PURE__ */ e.createElement("div", { className: `${o}__progress-indicator` }, /* @__PURE__ */ e.createElement(
|
|
9033
|
+
}, /* @__PURE__ */ e.createElement("div", { className: `${o}__progress-indicator` }, /* @__PURE__ */ e.createElement(Mi, {
|
|
9027
9034
|
innerLabel: n,
|
|
9028
9035
|
label: "Step progress",
|
|
9029
9036
|
percentage: i,
|
|
@@ -9048,7 +9055,7 @@ var Bn = {
|
|
|
9048
9055
|
"data-steps": d,
|
|
9049
9056
|
...i
|
|
9050
9057
|
}, /* @__PURE__ */ e.createElement("div", { className: `${o}__steps` }, h)));
|
|
9051
|
-
},
|
|
9058
|
+
}, Vi = ({ _isFirstStep: t, backButton: n, forwardButton: r, hasError: i, id: a, isComplete: o, isCurrent: s, label: c, stepContent: l, ...u }) => {
|
|
9052
9059
|
let d = "pds-vert-stepper", f = `${d}__step`, p = [f];
|
|
9053
9060
|
return s && p.push(`${f}--current`), o && p.push(`${f}--complete`), i && p.push(`${f}--error`), /* @__PURE__ */ e.createElement("li", {
|
|
9054
9061
|
className: Z([...p]),
|
|
@@ -9070,14 +9077,14 @@ var Bn = {
|
|
|
9070
9077
|
size: "sm",
|
|
9071
9078
|
variant: "primary"
|
|
9072
9079
|
})))));
|
|
9073
|
-
},
|
|
9080
|
+
}, Hi = ({ className: t, labelStrings: n = {
|
|
9074
9081
|
step: "Step",
|
|
9075
9082
|
completed: "completed",
|
|
9076
9083
|
hasError: "has an error"
|
|
9077
9084
|
}, steps: r, ...i }) => {
|
|
9078
9085
|
let a = "pds-vert-stepper", o = r.length, s = r.findIndex((e) => e.isCurrent), c = r.map((t, r) => {
|
|
9079
9086
|
let i = r + 1, a = r === s, c = r === 0, l = t.isComplete || !1, u = t.hasError && a, d = `${n.step} ${i}`;
|
|
9080
|
-
return l && (d = `${n.step} ${i}, ${n.completed}`), u && (d = `${n.step} ${i}, ${n.hasError}`), /* @__PURE__ */ e.createElement(
|
|
9087
|
+
return l && (d = `${n.step} ${i}, ${n.completed}`), u && (d = `${n.step} ${i}, ${n.hasError}`), /* @__PURE__ */ e.createElement(Vi, {
|
|
9081
9088
|
key: `s${i}`,
|
|
9082
9089
|
_isFirstStep: c,
|
|
9083
9090
|
"aria-current": a ? "step" : null,
|
|
@@ -9098,7 +9105,7 @@ var Bn = {
|
|
|
9098
9105
|
className: Z([a, t ?? ""]),
|
|
9099
9106
|
...i
|
|
9100
9107
|
}, /* @__PURE__ */ e.createElement("ol", { className: `${a}__steps` }, r && c));
|
|
9101
|
-
},
|
|
9108
|
+
}, Ui = ({ className: t, headers: n, rowData: r, ...i }) => {
|
|
9102
9109
|
let [a] = h(n), [o, s] = h(r), [c, l] = h({
|
|
9103
9110
|
order: "asc",
|
|
9104
9111
|
key: ""
|
|
@@ -9139,7 +9146,7 @@ var Bn = {
|
|
|
9139
9146
|
iconName: "caretDown",
|
|
9140
9147
|
iconSize: "sm"
|
|
9141
9148
|
})))) : /* @__PURE__ */ e.createElement("span", null, t.title))))), /* @__PURE__ */ e.createElement("tbody", null, o.map((e, t) => p(e, t)))));
|
|
9142
|
-
},
|
|
9149
|
+
}, Wi = ({ 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 }) => {
|
|
9143
9150
|
let u = "pds-toc", f = [
|
|
9144
9151
|
" ",
|
|
9145
9152
|
"/",
|
|
@@ -9241,7 +9248,7 @@ var Bn = {
|
|
|
9241
9248
|
activeID: b,
|
|
9242
9249
|
headings: y
|
|
9243
9250
|
}));
|
|
9244
|
-
},
|
|
9251
|
+
}, Gi = ({ ariaLabel: t, className: n, defaultSelected: r = 0, onActiveTabChange: i = () => {}, selectedTab: a, tabs: o, ...s }) => {
|
|
9245
9252
|
let c = "pds-tabs", [l, u] = h(a ?? r);
|
|
9246
9253
|
d(() => {
|
|
9247
9254
|
a !== void 0 && u(a);
|
|
@@ -9360,7 +9367,7 @@ var Bn = {
|
|
|
9360
9367
|
className: `${c}__panel-content`,
|
|
9361
9368
|
hidden: s != l
|
|
9362
9369
|
}, r)))));
|
|
9363
|
-
},
|
|
9370
|
+
}, Ki = [
|
|
9364
9371
|
"color-1",
|
|
9365
9372
|
"color-2",
|
|
9366
9373
|
"color-3",
|
|
@@ -9381,8 +9388,8 @@ var Bn = {
|
|
|
9381
9388
|
"color-18",
|
|
9382
9389
|
"color-19",
|
|
9383
9390
|
"color-20"
|
|
9384
|
-
],
|
|
9385
|
-
let [u, d] = h(!0), f = "pds-tag", p = o ? `${f}--${o}` : `${f}--${
|
|
9391
|
+
], qi = (e) => Ki[parseInt(g(e), 16) % Ki.length], Ji = (e, t) => e.length > t ? e.slice(0, t) + " ..." : e, Yi = ({ className: t, isRemovable: n, linkContent: r, onRemove: i, removeLabel: a = "Remove tag", tagColor: o, tagLabel: s, ...l }) => {
|
|
9392
|
+
let [u, d] = h(!0), f = "pds-tag", p = o ? `${f}--${o}` : `${f}--${qi(s)}`, m = u ? null : "pds-tag--hide", g = () => {
|
|
9386
9393
|
d((e) => !e);
|
|
9387
9394
|
}, _, v, y;
|
|
9388
9395
|
if (r && !n && c(r)) {
|
|
@@ -9403,7 +9410,7 @@ var Bn = {
|
|
|
9403
9410
|
}, /* @__PURE__ */ e.createElement("span", {
|
|
9404
9411
|
className: `${f}__label`,
|
|
9405
9412
|
title: s
|
|
9406
|
-
},
|
|
9413
|
+
}, Ji(s, 20)), n ? /* @__PURE__ */ e.createElement("button", {
|
|
9407
9414
|
"aria-label": `${a}: ${s}`,
|
|
9408
9415
|
className: `${f}__remove`,
|
|
9409
9416
|
onClick: () => {
|
|
@@ -9415,7 +9422,7 @@ var Bn = {
|
|
|
9415
9422
|
iconName: "xmark",
|
|
9416
9423
|
iconSize: "md"
|
|
9417
9424
|
})) : null);
|
|
9418
|
-
},
|
|
9425
|
+
}, Xi = ({ className: t, onChange: n, theme: r = "light", translations: i = {
|
|
9419
9426
|
light: "Light",
|
|
9420
9427
|
dark: "Dark",
|
|
9421
9428
|
system: "System"
|
|
@@ -9469,7 +9476,7 @@ var Bn = {
|
|
|
9469
9476
|
offsetValue: 0,
|
|
9470
9477
|
preferredPlacement: "top"
|
|
9471
9478
|
}));
|
|
9472
|
-
},
|
|
9479
|
+
}, Zi = ({ className: t, listItems: r, ...i }) => {
|
|
9473
9480
|
let o = "pds-tile-list", s = ({ alt: t, image: n, name: r, org: i, title: a }) => /* @__PURE__ */ e.createElement(e.Fragment, null, n && /* @__PURE__ */ e.createElement("div", { className: `${o}__image ${o}__image--avatar` }, /* @__PURE__ */ e.createElement("img", {
|
|
9474
9481
|
alt: t,
|
|
9475
9482
|
src: n
|
|
@@ -9491,7 +9498,7 @@ var Bn = {
|
|
|
9491
9498
|
]),
|
|
9492
9499
|
...i
|
|
9493
9500
|
}, u());
|
|
9494
|
-
},
|
|
9501
|
+
}, Qi = ({ className: t, displayType: n = "border", headingLevel: r = "span", headingText: i, imageSrc: a, linkContent: o, summary: s, ...c }) => {
|
|
9495
9502
|
let l = "pds-tile", u = `${l}--${n}`;
|
|
9496
9503
|
return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", {
|
|
9497
9504
|
className: Z([
|
|
@@ -9512,7 +9519,7 @@ var Bn = {
|
|
|
9512
9519
|
linkContent: o,
|
|
9513
9520
|
size: "sm"
|
|
9514
9521
|
})), /* @__PURE__ */ e.createElement("span", { className: `${l}__separator` }));
|
|
9515
|
-
},
|
|
9522
|
+
}, $i = ({ className: t, displayType: n = "border", headingLevel: r = "h2", tiles: i, ...a }) => {
|
|
9516
9523
|
let o = i.length, s = "pds-tile-grid", c = `${s}--${n}`, l = o === 2 || o === 4 ? `${s}--two-column` : null;
|
|
9517
9524
|
return /* @__PURE__ */ e.createElement("div", {
|
|
9518
9525
|
className: Z([
|
|
@@ -9522,7 +9529,7 @@ var Bn = {
|
|
|
9522
9529
|
t ?? ""
|
|
9523
9530
|
]),
|
|
9524
9531
|
...a
|
|
9525
|
-
}, i.map((t, i) => /* @__PURE__ */ e.createElement(
|
|
9532
|
+
}, i.map((t, i) => /* @__PURE__ */ e.createElement(Qi, {
|
|
9526
9533
|
key: i,
|
|
9527
9534
|
className: t.className,
|
|
9528
9535
|
displayType: n,
|
|
@@ -9532,7 +9539,7 @@ var Bn = {
|
|
|
9532
9539
|
linkContent: t.linkContent,
|
|
9533
9540
|
summary: t.summary
|
|
9534
9541
|
})));
|
|
9535
|
-
},
|
|
9542
|
+
}, ea = ({ children: t, className: n, containerWidth: r = "x-wide", hasSidebarToggle: i, isSidebarCollapsed: o, labels: s = {
|
|
9536
9543
|
collapseSidebar: "Collapse sidebar",
|
|
9537
9544
|
expandSidebar: "Expand sidebar"
|
|
9538
9545
|
}, mainContentElement: c = "main", mainContentProps: l, onSidebarToggle: f, sidebarCollapsedWidth: p = 3.5, sidebarExpandedWidth: m = "15%", sidebarExpandedWidthMin: g = 13, sidebarProps: _, ...v }) => {
|
|
@@ -9583,7 +9590,7 @@ var Bn = {
|
|
|
9583
9590
|
]),
|
|
9584
9591
|
...v
|
|
9585
9592
|
}, y ? M : N);
|
|
9586
|
-
},
|
|
9593
|
+
}, ta = ({ children: t, className: n, hasContentSpacing: r, ...i }) => {
|
|
9587
9594
|
let { isMobile: a } = u(bt), o = "pds-dashboard-inner", s = a ? `${o}--isMobile` : `${o}--notMobile`, c = Ee(t), l = c["header-left"], d = c["header-right"], f = c.__unslotted || c.content;
|
|
9588
9595
|
return /* @__PURE__ */ e.createElement("div", {
|
|
9589
9596
|
className: Z([
|
|
@@ -9593,7 +9600,7 @@ var Bn = {
|
|
|
9593
9600
|
]),
|
|
9594
9601
|
...i
|
|
9595
9602
|
}, (l || d) && /* @__PURE__ */ e.createElement("div", { className: `${o}__header` }, l && /* @__PURE__ */ e.createElement("div", { className: `${o}__header-left` }, l), d && /* @__PURE__ */ e.createElement("div", { className: `${o}__header-right` }, d)), f && /* @__PURE__ */ e.createElement("div", { className: r ? `${o}__content ${o}__content--with-spacing` : `${o}__content` }, f));
|
|
9596
|
-
},
|
|
9603
|
+
}, na = ({ children: t, className: n, sidebarMinWidth: r = 14.5, sidebarWidth: i = "18%", ...a }) => {
|
|
9597
9604
|
let o = !1, s = u(bt);
|
|
9598
9605
|
s && (o = s.isMobile);
|
|
9599
9606
|
let c = "pds-docs-layout", l = o ? `${c}--isMobile` : null, d = {
|
|
@@ -9612,7 +9619,7 @@ var Bn = {
|
|
|
9612
9619
|
]),
|
|
9613
9620
|
...a
|
|
9614
9621
|
}, o ? h : g);
|
|
9615
|
-
},
|
|
9622
|
+
}, ra = ({ alignContent: t = "flex-start", alignItems: n = "stretch", children: r, className: i, flexDirection: a = "row", flexWrap: o = "nowrap", gap: s = "standard", justifyContent: c = "flex-start", mobileAlignContent: l, mobileAlignItems: d, mobileFlexDirection: f = "column", mobileFlexWrap: p, mobileGap: m, mobileJustifyContent: h, ...g }) => {
|
|
9616
9623
|
let _ = yt() <= 640, v = u(bt);
|
|
9617
9624
|
v && (_ = v.isMobile);
|
|
9618
9625
|
let y = "pds-flex", b = `${y}-container`, x = _ ? `${b}--mobile` : null, S = null;
|
|
@@ -9640,7 +9647,7 @@ var Bn = {
|
|
|
9640
9647
|
]),
|
|
9641
9648
|
...g
|
|
9642
9649
|
}, r);
|
|
9643
|
-
},
|
|
9650
|
+
}, ia = ({ children: t, mobileMenuMaxWidth: n = 640 }) => /* @__PURE__ */ e.createElement(xt, { mobileMenuMaxWidth: n }, /* @__PURE__ */ e.createElement(Ue, null, t)), aa = ({ children: t, className: n, gridGap: r = "standard", sidebarLocation: i = "right", sidebarMobileLocation: a = "after", sidebarWidth: o = "standard", ...s }) => {
|
|
9644
9651
|
let c = "pds-sidebar-layout", l = `pds-grid pds-grid--${r}`, d = `${c}--${o}`, f = !1, p = u(bt);
|
|
9645
9652
|
p && (f = p.isMobile);
|
|
9646
9653
|
let m = Ee(t), h = "pds-grid-item pds-grid-item--md-8 pds-grid-item--lg-9 pds-grid-item--xl-10", g = "pds-grid-item pds-grid-item--md-4 pds-grid-item--lg-3 pds-grid-item--xl-2";
|
|
@@ -9661,18 +9668,18 @@ var Bn = {
|
|
|
9661
9668
|
]),
|
|
9662
9669
|
...s
|
|
9663
9670
|
}, f ? a === "before" ? /* @__PURE__ */ e.createElement(e.Fragment, null, v, _) : /* @__PURE__ */ e.createElement(e.Fragment, null, _, v) : i === "left" ? /* @__PURE__ */ e.createElement(e.Fragment, null, v, _) : /* @__PURE__ */ e.createElement(e.Fragment, null, _, v));
|
|
9664
|
-
},
|
|
9671
|
+
}, oa = ({ children: t, className: n, ...r }) => {
|
|
9665
9672
|
let i = Ee(t), a = i.stepper, o = i.form, s = m(null), [c] = ue(s), l = c.width;
|
|
9666
9673
|
document.documentElement.style.setProperty("--stepper-layout-max-width", l + "px");
|
|
9667
9674
|
let u = "pds-stepper-layout";
|
|
9668
|
-
return /* @__PURE__ */ e.createElement(
|
|
9675
|
+
return /* @__PURE__ */ e.createElement(Br, {
|
|
9669
9676
|
className: Z([u, n]),
|
|
9670
9677
|
...r
|
|
9671
9678
|
}, a && /* @__PURE__ */ e.createElement("div", {
|
|
9672
9679
|
ref: s,
|
|
9673
9680
|
className: `${u}__stepper-container`
|
|
9674
9681
|
}, a), o && /* @__PURE__ */ e.createElement("div", { className: `${u}__form-container` }, o));
|
|
9675
|
-
},
|
|
9682
|
+
}, sa = ({ children: t, className: n, gridGap: r = "standard", verticalAlign: i = "start", ...a }) => {
|
|
9676
9683
|
let o = "pds-three-item-layout", s = r === "standard" ? "pds-grid" : `pds-grid pds-grid--${r}`, c = `${o}--${i}`, l = Ee(t), u = [
|
|
9677
9684
|
l["first-item"],
|
|
9678
9685
|
l["second-item"],
|
|
@@ -9690,7 +9697,7 @@ var Bn = {
|
|
|
9690
9697
|
key: n,
|
|
9691
9698
|
className: "pds-grid-item pds-grid-item--sm-12 pds-grid-item--md-4 pds-grid-item--lg-4"
|
|
9692
9699
|
}, t)));
|
|
9693
|
-
},
|
|
9700
|
+
}, ca = ({ children: t, className: n, gridGap: r = "standard", layoutVariant: i = "equal", verticalAlign: a = "start", ...o }) => {
|
|
9694
9701
|
let s = "pds-two-item-layout", c = r === "standard" ? "pds-grid" : `pds-grid pds-grid--${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;
|
|
9695
9702
|
switch (i) {
|
|
9696
9703
|
case "equal":
|
|
@@ -9711,7 +9718,7 @@ var Bn = {
|
|
|
9711
9718
|
]),
|
|
9712
9719
|
...o
|
|
9713
9720
|
}, /* @__PURE__ */ e.createElement("div", { className: m.join(" ").trim() }, _), /* @__PURE__ */ e.createElement("div", { className: h.join(" ").trim() }, v));
|
|
9714
|
-
},
|
|
9721
|
+
}, la = (e, t) => `(${t > 0 ? Math.round(e / t * 100) : 0}%)`, ua = ({ chartHeight: t, chartWidth: n, className: r, colorPalette: i = "categorical", data: a = [], isLoading: o = !1, isThumbnail: s = !1, labelStrings: c = {}, legendVariant: l = "inline", showAccessibleTable: u = !0, showLegend: d, showTooltip: f, valueFormatter: p = la, variant: h = "pie", ...g }) => {
|
|
9715
9722
|
let { accessibleTableDescription: _ = "Pie chart data", emptyStateHeading: v = "No data available", emptyStateMessage: y, loadingLabel: b = "Loading chart data" } = c, x = m(null), S = $t(i, on(x, i)), C = "pds-pie-chart", w = t ?? (s ? 80 : 300), T = n ?? (s ? 80 : void 0), E = d ?? !s, D = f ?? !s, O = a.reduce((e, t) => e + t.value, 0), k = (e, t) => rn(e, S, t.color, en(i, t.paletteIndex));
|
|
9716
9723
|
if (o) {
|
|
9717
9724
|
let t = `${Math.round(w * .8)}px`;
|
|
@@ -9834,7 +9841,7 @@ var Bn = {
|
|
|
9834
9841
|
let n = O > 0 ? Math.round(t.value / O * 100) : 0;
|
|
9835
9842
|
return /* @__PURE__ */ e.createElement("tr", { key: t.label }, /* @__PURE__ */ e.createElement("td", null, t.label), /* @__PURE__ */ e.createElement("td", null, t.value.toLocaleString()), /* @__PURE__ */ e.createElement("td", null, n, "%"));
|
|
9836
9843
|
}))));
|
|
9837
|
-
},
|
|
9844
|
+
}, da = (e, t) => {
|
|
9838
9845
|
let [n, r] = h(!1), i = l((n) => {
|
|
9839
9846
|
n.key === e && (r(!0), t && t(n));
|
|
9840
9847
|
}, [e, t]), a = l((t) => {
|
|
@@ -9845,6 +9852,6 @@ var Bn = {
|
|
|
9845
9852
|
}), [i, a]), n;
|
|
9846
9853
|
};
|
|
9847
9854
|
//#endregion
|
|
9848
|
-
export {
|
|
9855
|
+
export { ea as AppLayout, Me as Avatar, Zi as AvatarTileList, ti as Banner, Nn as BarChart, ze as BranchDiff, Cr as Breadcrumb, at as Button, ot as ButtonLink, jr as ButtonNav, Un as CTALink, Wn as CTASlice, Dt as Callout, Ot as Card, kt as CardHeading, At as CardSelectGroup, rr as Checkbox, ir as CheckboxFieldset, ar as CheckboxGroup, lt as ClipboardButton, ut as CloseButton, Hn as CodeBlock, or as Combobox, cr as ComboboxMultiselect, Zt as CompactEmptyState, Kt as ComparisonList, Br as Container, Nr as DashboardContext, Pr as DashboardGlobal, ta as DashboardInner, Lr as DashboardNav, Ir as DashboardNavItem, zr as DashboardSearch, Gn as DashboardStat, dr as Datepicker, na as DocsLayout, Kn as Drawer, Fr as DropdownMenu, jt as EmptyStateCard, bi as ExpansionPanel, xi as ExpansionPanelGroup, Xn as FileDiff, fr as FileUpload, ra as FlexContainer, Zn as FlowSteps, Qn as FooterHeading, $n as FooterLinks, ia as GlobalWrapper, Jn as HorizontalEmptyState, Q as Icon, ct as IconButton, Ne as IndicatorBadge, ri as InlineMessage, pr as InputGroup, Fn as LineChart, xr as LinkNewWindow, Mt as LinksCard, oi as MIN_AUTO_CLOSE_DURATION, St as MenuButton, Sr as Modal, Ur as NavMenu, Vr as Navbar, Vt as NewSiteCard, vi as Pagination, Si as Panel, Ci as PanelList, Ti as PanelRow, zt as PantheonLogo, Wt as PaymentCard, Ut as PaymentIcon, Ei as Picture, ua as PieChart, Pt as PlatformIcon, ki as Popover, Yt as PricingCard, ji as ProgressBar, Mi as ProgressRing, Ln as ProportionBar, Ni as PullQuote, mr as RadioGroup, Fi as RefreshChecker, Pi as RefreshCheckerState, bt as ResponsiveContext, ai as SectionMessage, Ct as SegmentedButton, Jt as Select, qt as SelectOptionGroup, Wr as SideNav, Kr as SideNavCompact, Jr as SideNavGlobal, qr as SideNavGlobalItem, aa as SidebarLayout, Xt as SiteCard, Ii as SiteDashboardHeading, nr as SiteFooter, Rr as SiteOptionDisplay, gt as SitePlanLevelLabel, vt as SiteTypeIcon, _t as SiteTypeLabel, kn as Skeleton, Mr as Skiplink, Ri as SocialLinks, it as Spinner, wt as SplitButton, Pe as StatusBadge, zi as StatusIndicator, dt as StatusTypeLabels, Bi as Stepper, oa as StepperLayout, hr as Switch, Xr as TabMenu, Ui as Table, Wi as TableOfContents, Gi as Tabs, Yi as Tag, _r as TagsInput, Fe as Tally, br as TextInput, vr as Textarea, Xi as ThemeSwitcher, sa as ThreeItemLayout, Qi as Tile, $i as TileGrid, pi as Toast, mi as ToastType, ui as Toaster, ci as ToasterContext, Re as Tooltip, ca as TwoItemLayout, Zr as UserMenu, Tt as UtilityButton, Yn as VerticalEmptyState, Hi as VerticalStepper, qn as VideoEmbed, $r as WorkspaceSelector, Bt as badgeTypes, ke as iconList, pt as isHeadingItemType, mt as isLinkItemType, ht as isNodeItemType, ft as isSeparatorItemType, Ki as tagColors, st as useClipboard, da as useKeyPress, hi as useToast, yt as useWindowWidth };
|
|
9849
9856
|
|
|
9850
9857
|
//# sourceMappingURL=index.js.map
|