@canonical/maas-react-components 1.8.0 → 1.9.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.
Files changed (10) hide show
  1. package/dist/@canonical/maas-react-components.es.js +273 -187
  2. package/dist/@canonical/maas-react-components.umd.js +6 -6
  3. package/dist/src/lib/components/Pagination/Pagination.d.ts +19 -0
  4. package/dist/src/lib/components/Pagination/Pagination.stories.d.ts +26 -0
  5. package/dist/src/lib/components/Pagination/Pagination.test.d.ts +1 -0
  6. package/dist/src/lib/components/Pagination/PaginationContainer.test.d.ts +1 -0
  7. package/dist/src/lib/components/Pagination/index.d.ts +1 -0
  8. package/dist/src/lib/components/index.d.ts +1 -0
  9. package/dist/style.css +1 -1
  10. package/package.json +1 -1
package/dist/@canonical/maas-react-components.es.js CHANGED
@@ -1,11 +1,11 @@
1
- import { jsxs as b, jsx as n, Fragment as f } from "react/jsx-runtime";
1
+ import { jsxs as N, jsx as t, Fragment as x } from "react/jsx-runtime";
2
2
  import * as m from "react";
3
- import { useRef as G, useState as A, useEffect as P, useCallback as z, cloneElement as H, createContext as q, useId as W, useContext as $ } from "react";
4
- import { useListener as J, Link as K, Tooltip as Q, Button as I, Icon as T } from "@canonical/react-components";
5
- function U(e) {
3
+ import { useRef as A, useState as L, useEffect as G, useCallback as z, cloneElement as q, createContext as H, useId as W, useContext as T } from "react";
4
+ import { useListener as J, Link as K, Tooltip as Q, Button as C, Icon as k, Input as U } from "@canonical/react-components";
5
+ function V(e) {
6
6
  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
7
7
  }
8
- var y = { exports: {} };
8
+ var D = { exports: {} };
9
9
  /*!
10
10
  Copyright (c) 2018 Jed Watson.
11
11
  Licensed under the MIT License (MIT), see
@@ -13,26 +13,26 @@ var y = { exports: {} };
13
13
  */
14
14
  (function(e) {
15
15
  (function() {
16
- var t = {}.hasOwnProperty;
16
+ var n = {}.hasOwnProperty;
17
17
  function o() {
18
- for (var a = [], r = 0; r < arguments.length; r++) {
19
- var s = arguments[r];
20
- if (s) {
21
- var p = typeof s;
18
+ for (var a = [], s = 0; s < arguments.length; s++) {
19
+ var r = arguments[s];
20
+ if (r) {
21
+ var p = typeof r;
22
22
  if (p === "string" || p === "number")
23
- a.push(s);
24
- else if (Array.isArray(s)) {
25
- if (s.length) {
26
- var c = o.apply(null, s);
27
- c && a.push(c);
23
+ a.push(r);
24
+ else if (Array.isArray(r)) {
25
+ if (r.length) {
26
+ var i = o.apply(null, r);
27
+ i && a.push(i);
28
28
  }
29
29
  } else if (p === "object") {
30
- if (s.toString !== Object.prototype.toString && !s.toString.toString().includes("[native code]")) {
31
- a.push(s.toString());
30
+ if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]")) {
31
+ a.push(r.toString());
32
32
  continue;
33
33
  }
34
- for (var u in s)
35
- t.call(s, u) && s[u] && a.push(u);
34
+ for (var c in r)
35
+ n.call(r, c) && r[c] && a.push(c);
36
36
  }
37
37
  }
38
38
  }
@@ -40,10 +40,10 @@ var y = { exports: {} };
40
40
  }
41
41
  e.exports ? (o.default = o, e.exports = o) : window.classNames = o;
42
42
  })();
43
- })(y);
44
- var V = y.exports;
45
- const l = /* @__PURE__ */ U(V);
46
- const g = {
43
+ })(D);
44
+ var X = D.exports;
45
+ const u = /* @__PURE__ */ V(X);
46
+ const b = {
47
47
  caution: "#F99B11",
48
48
  light: "#F7F7F7",
49
49
  linkFaded: "#D3E4ED",
@@ -52,299 +52,299 @@ const g = {
52
52
  positiveFaded: "#B7CCB9",
53
53
  positiveMid: "#4DAB4D",
54
54
  positive: "#0E8420"
55
- }, De = [
56
- g.link,
57
- g.positive,
58
- g.negative,
59
- g.caution
60
- ], X = g.linkFaded, B = g.caution, k = g.light, S = 2, F = 1, w = (e, t) => {
61
- var r, s;
62
- const o = ((s = (r = e == null ? void 0 : e.current) == null ? void 0 : r.getBoundingClientRect()) == null ? void 0 : s.width) || 0;
63
- return o > t * S ? o / t : S;
64
- }, v = {
55
+ }, Ee = [
56
+ b.link,
57
+ b.positive,
58
+ b.negative,
59
+ b.caution
60
+ ], Y = b.linkFaded, M = b.caution, S = b.light, $ = 2, y = 1, B = (e, n) => {
61
+ var s, r;
62
+ const o = ((r = (s = e == null ? void 0 : e.current) == null ? void 0 : s.getBoundingClientRect()) == null ? void 0 : r.width) || 0;
63
+ return o > n * $ ? o / n : $;
64
+ }, _ = {
65
65
  bar: "meter-bar",
66
66
  container: "meter-container",
67
67
  filled: "meter-filled",
68
68
  label: "meter-label",
69
69
  meteroverflow: "meter-overflow",
70
70
  segments: "meter-segments"
71
- }, Y = ({
71
+ }, Z = ({
72
72
  className: e,
73
- children: t,
73
+ children: n,
74
74
  data: o,
75
75
  max: a,
76
- variant: r = "regular",
77
- size: s = "regular",
76
+ variant: s = "regular",
77
+ size: r = "regular",
78
78
  ...p
79
79
  }) => {
80
- const c = G(null), u = o == null ? void 0 : o.reduce((C, j) => C + j.value, 0), d = a || u, N = o.map((C) => C.value / d * 100), [h, _] = A(0);
81
- P(() => {
82
- _(r === "segmented" ? w(c, d) : 0);
83
- }, [d, r]);
84
- const O = z(() => {
85
- _(w(c, d));
86
- }, [c, d, _]);
87
- return J(window, O, "resize", !0, r === "segmented"), /* @__PURE__ */ b(
80
+ const i = A(null), c = o == null ? void 0 : o.reduce((v, j) => v + j.value, 0), d = a || c, f = o.map((v) => v.value / d * 100), [h, g] = L(0);
81
+ G(() => {
82
+ g(s === "segmented" ? B(i, d) : 0);
83
+ }, [d, s]);
84
+ const w = z(() => {
85
+ g(B(i, d));
86
+ }, [i, d, g]);
87
+ return J(window, w, "resize", !0, s === "segmented"), /* @__PURE__ */ N(
88
88
  "div",
89
89
  {
90
- className: l("p-meter", e, {
91
- "p-meter--small": s === "small"
90
+ className: u("p-meter", e, {
91
+ "p-meter--small": r === "small"
92
92
  }),
93
93
  "aria-label": p == null ? void 0 : p["aria-label"],
94
- "data-testid": v.container,
95
- ref: c,
94
+ "data-testid": _.container,
95
+ ref: i,
96
96
  children: [
97
- /* @__PURE__ */ n(Z, { children: /* @__PURE__ */ n(
98
- ee,
97
+ /* @__PURE__ */ t(ee, { children: /* @__PURE__ */ t(
98
+ ne,
99
99
  {
100
100
  data: o,
101
- datumWidths: N,
101
+ datumWidths: f,
102
102
  maximum: d,
103
- overColor: B,
103
+ overColor: M,
104
104
  segmentWidth: h,
105
- separatorColor: k
105
+ separatorColor: S
106
106
  }
107
107
  ) }),
108
- t
108
+ n
109
109
  ]
110
110
  }
111
111
  );
112
- }, Z = ({ children: e }) => /* @__PURE__ */ n(
112
+ }, ee = ({ children: e }) => /* @__PURE__ */ t(
113
113
  "div",
114
114
  {
115
115
  className: "p-meter__bar",
116
- "data-testid": v.bar,
117
- style: { backgroundColor: X },
116
+ "data-testid": _.bar,
117
+ style: { backgroundColor: Y },
118
118
  children: e
119
119
  }
120
- ), ee = ({
120
+ ), ne = ({
121
121
  data: e,
122
- datumWidths: t,
122
+ datumWidths: n,
123
123
  maximum: o,
124
124
  segmentWidth: a
125
125
  }) => {
126
- const r = () => (e == null ? void 0 : e.reduce((c, u) => c + u.value, 0)) > o, s = (c, u) => ({
127
- backgroundColor: c.color,
128
- left: `${t == null ? void 0 : t.reduce(
129
- (d, N, h) => u > h ? d + N : d,
126
+ const s = () => (e == null ? void 0 : e.reduce((i, c) => i + c.value, 0)) > o, r = (i, c) => ({
127
+ backgroundColor: i.color,
128
+ left: `${n == null ? void 0 : n.reduce(
129
+ (d, f, h) => c > h ? d + f : d,
130
130
  0
131
131
  )}%`,
132
- width: `${t[u]}%`
132
+ width: `${n[c]}%`
133
133
  }), p = () => ({
134
134
  background: `repeating-linear-gradient(
135
135
  to right,
136
136
  transparent 0,
137
- transparent ${a - F}px,
138
- ${k} ${a - F}px,
139
- ${k} ${a}px
137
+ transparent ${a - y}px,
138
+ ${S} ${a - y}px,
139
+ ${S} ${a}px
140
140
  )`
141
141
  });
142
- return /* @__PURE__ */ b(f, { children: [
143
- r() ? /* @__PURE__ */ n(
142
+ return /* @__PURE__ */ N(x, { children: [
143
+ s() ? /* @__PURE__ */ t(
144
144
  "div",
145
145
  {
146
146
  className: "p-meter__filled",
147
- "data-testid": v.meteroverflow,
148
- style: { backgroundColor: B, width: "100%" }
147
+ "data-testid": _.meteroverflow,
148
+ style: { backgroundColor: M, width: "100%" }
149
149
  }
150
- ) : e == null ? void 0 : e.map((c, u) => /* @__PURE__ */ n(
150
+ ) : e == null ? void 0 : e.map((i, c) => /* @__PURE__ */ t(
151
151
  "div",
152
152
  {
153
153
  className: "p-meter__filled",
154
- "data-testid": v.filled,
155
- style: s(c, u)
154
+ "data-testid": _.filled,
155
+ style: r(i, c)
156
156
  },
157
- `meter-${u}`
157
+ `meter-${c}`
158
158
  )),
159
- a > 0 && /* @__PURE__ */ n(
159
+ a > 0 && /* @__PURE__ */ t(
160
160
  "div",
161
161
  {
162
162
  className: "p-meter__separators",
163
- "data-testid": v.segments,
163
+ "data-testid": _.segments,
164
164
  style: p()
165
165
  }
166
166
  )
167
167
  ] });
168
168
  }, te = ({
169
169
  className: e,
170
- children: t
171
- }) => /* @__PURE__ */ n(
170
+ children: n
171
+ }) => /* @__PURE__ */ t(
172
172
  "div",
173
173
  {
174
- className: l("p-meter__label", e),
175
- "data-testid": v.label,
176
- children: t
174
+ className: u("p-meter__label", e),
175
+ "data-testid": _.label,
176
+ children: n
177
177
  }
178
178
  );
179
- Y.Label = te;
180
- const Me = ({ children: e, to: t, ...o }) => /* @__PURE__ */ n(K, { ...o, href: t, rel: "noreferrer noopener", target: "_blank", children: e }), ne = ({ children: e }) => /* @__PURE__ */ n(f, { children: e }), oe = ({
179
+ Z.Label = te;
180
+ const Re = ({ children: e, to: n, ...o }) => /* @__PURE__ */ t(K, { ...o, href: n, rel: "noreferrer noopener", target: "_blank", children: e }), oe = ({ children: e }) => /* @__PURE__ */ t(x, { children: e }), ae = ({
181
181
  isCollapsed: e,
182
- setIsCollapsed: t,
182
+ setIsCollapsed: n,
183
183
  className: o
184
- }) => /* @__PURE__ */ n(
184
+ }) => /* @__PURE__ */ t(
185
185
  Q,
186
186
  {
187
187
  className: "p-side-navigation__tooltip-wrapper",
188
- message: /* @__PURE__ */ b(f, { children: [
188
+ message: /* @__PURE__ */ N(x, { children: [
189
189
  e ? "expand" : "collapse",
190
190
  "( ",
191
- /* @__PURE__ */ n("code", { children: "[" }),
191
+ /* @__PURE__ */ t("code", { children: "[" }),
192
192
  " )"
193
193
  ] }),
194
194
  position: "right",
195
195
  tooltipClassName: "p-side-navigation__tooltip",
196
- children: /* @__PURE__ */ n(
197
- I,
196
+ children: /* @__PURE__ */ t(
197
+ C,
198
198
  {
199
199
  appearance: "base",
200
200
  "aria-label": `${e ? "expand" : "collapse"} main navigation`,
201
- className: l(
201
+ className: u(
202
202
  "is-dense has-icon is-dark u-no-margin l-navigation-collapse-toggle",
203
203
  o
204
204
  ),
205
205
  onClick: (a) => {
206
- t(!e), a.stopPropagation(), a.currentTarget.blur();
206
+ n(!e), a.stopPropagation(), a.currentTarget.blur();
207
207
  },
208
- children: /* @__PURE__ */ n(T, { light: !0, name: "sidebar-toggle" })
208
+ children: /* @__PURE__ */ t(k, { light: !0, name: "sidebar-toggle" })
209
209
  }
210
210
  )
211
211
  }
212
- ), ae = ({ children: e }) => /* @__PURE__ */ n("div", { className: "p-panel__content", children: /* @__PURE__ */ n("nav", { className: "p-side-navigation--icons is-dark", children: e }) }), se = ({ children: e }) => /* @__PURE__ */ n("div", { className: "p-panel__controls u-no-margin--top", children: e }), re = ({ children: e }) => /* @__PURE__ */ n("div", { className: "l-navigation__drawer", children: /* @__PURE__ */ n("div", { className: "p-panel is-dark", children: e }) }), ie = ({ children: e }) => /* @__PURE__ */ n("div", { className: "p-panel__footer", children: e }), le = ({ children: e }) => /* @__PURE__ */ n("div", { className: "p-panel__header", children: e }), ce = ({ light: e = !0, name: t }) => /* @__PURE__ */ n(T, { className: "p-side-navigation__icon", light: e, name: t }), ue = ({ children: e, className: t, hasActiveChild: o }) => /* @__PURE__ */ n("li", { className: l("p-side-navigation__item", t, { "has-active-child": o }), children: e }), me = ({ children: e, id: t, variant: o = "base" }) => /* @__PURE__ */ n("span", { className: l("p-side-navigation__label", { "p-side-navigation__label--group": o === "group" }), id: t, children: e }), pe = ({
212
+ ), re = ({ children: e }) => /* @__PURE__ */ t("div", { className: "p-panel__content", children: /* @__PURE__ */ t("nav", { className: "p-side-navigation--icons is-dark", children: e }) }), se = ({ children: e }) => /* @__PURE__ */ t("div", { className: "p-panel__controls u-no-margin--top", children: e }), ie = ({ children: e }) => /* @__PURE__ */ t("div", { className: "l-navigation__drawer", children: /* @__PURE__ */ t("div", { className: "p-panel is-dark", children: e }) }), le = ({ children: e }) => /* @__PURE__ */ t("div", { className: "p-panel__footer", children: e }), ce = ({ children: e }) => /* @__PURE__ */ t("div", { className: "p-panel__header", children: e }), ue = ({ light: e = !0, name: n }) => /* @__PURE__ */ t(k, { className: "p-side-navigation__icon", light: e, name: n }), pe = ({ children: e, className: n, hasActiveChild: o }) => /* @__PURE__ */ t("li", { className: u("p-side-navigation__item", n, { "has-active-child": o }), children: e }), me = ({ children: e, id: n, variant: o = "base" }) => /* @__PURE__ */ t("span", { className: u("p-side-navigation__label", { "p-side-navigation__label--group": o === "group" }), id: n, children: e }), de = ({
213
213
  as: e,
214
- ...t
215
- }) => /* @__PURE__ */ n(
214
+ ...n
215
+ }) => /* @__PURE__ */ t(
216
216
  e || "a",
217
217
  {
218
- className: l("p-side-navigation__link", t.className),
219
- ...t
218
+ className: u("p-side-navigation__link", n.className),
219
+ ...n
220
220
  }
221
- ), de = ({ children: e, className: t }) => /* @__PURE__ */ n("ul", { className: l("p-side-navigation__list", t), children: e }), ge = ({ as: e, children: t, className: o, ...a }) => /* @__PURE__ */ n(e || "a", { className: l("p-panel__logo", o), ...a, children: /* @__PURE__ */ n("div", { className: "p-navigation__tagged-logo", children: t }) }), ve = ({ children: e }) => H(e, { className: "p-panel__logo-icon p-navigation__logo-icon" }), _e = ({ children: e, variant: t = "base" }) => /* @__PURE__ */ n(
221
+ ), ge = ({ children: e, className: n }) => /* @__PURE__ */ t("ul", { className: u("p-side-navigation__list", n), children: e }), ve = ({ as: e, children: n, className: o, ...a }) => /* @__PURE__ */ t(e || "a", { className: u("p-panel__logo", o), ...a, children: /* @__PURE__ */ t("div", { className: "p-navigation__tagged-logo", children: n }) }), be = ({ children: e }) => q(e, { className: "p-panel__logo-icon p-navigation__logo-icon" }), _e = ({ children: e, variant: n = "base" }) => /* @__PURE__ */ t(
222
222
  "div",
223
223
  {
224
- className: l("p-panel__logo-name is-fading-when-collapsed", {
225
- "p-panel__logo-name--small": t === "small"
224
+ className: u("p-panel__logo-name is-fading-when-collapsed", {
225
+ "p-panel__logo-name--small": n === "small"
226
226
  }),
227
227
  children: e
228
228
  }
229
- ), be = ({ children: e }) => /* @__PURE__ */ n("div", { className: "p-navigation__logo-tag", children: e }), fe = ({ children: e }) => /* @__PURE__ */ n("span", { className: "p-panel__logo-text", children: e }), Ne = ({
229
+ ), Ne = ({ children: e }) => /* @__PURE__ */ t("div", { className: "p-navigation__logo-tag", children: e }), fe = ({ children: e }) => /* @__PURE__ */ t("span", { className: "p-panel__logo-text", children: e }), he = ({
230
230
  children: e,
231
- className: t,
231
+ className: n,
232
232
  onClick: o
233
- }) => /* @__PURE__ */ n(
234
- I,
233
+ }) => /* @__PURE__ */ t(
234
+ C,
235
235
  {
236
236
  appearance: "base",
237
- className: l(
237
+ className: u(
238
238
  "p-side-navigation__button--menu has-icon is-dark",
239
- t
239
+ n
240
240
  ),
241
241
  onClick: (a) => {
242
242
  o && o(a), a.stopPropagation(), a.currentTarget.blur();
243
243
  },
244
244
  children: e
245
245
  }
246
- ), he = ({ children: e }) => /* @__PURE__ */ n("span", { className: "p-side-navigation__text", children: e });
247
- const i = ({ children: e, className: t, isCollapsed: o }) => /* @__PURE__ */ n("header", { "aria-label": "main navigation", className: l("l-navigation is-maas", t, { "is-collapsed": o, "is-pinned": !o }), children: e }), Ce = ({ children: e, className: t }) => /* @__PURE__ */ n("header", { "aria-label": "navigation", className: "l-navigation-bar", children: /* @__PURE__ */ n("div", { className: l("p-panel is-dark", t), children: e }) });
248
- i.Header = le;
249
- i.Banner = ne;
250
- i.Drawer = re;
251
- i.Controls = se;
252
- i.CollapseToggle = oe;
253
- i.Content = ae;
254
- i.Footer = ie;
255
- i.List = de;
256
- i.Item = ue;
257
- i.Link = pe;
258
- i.Text = he;
259
- i.Icon = ce;
260
- i.Label = me;
261
- i.Logo = ge;
262
- i.LogoTag = be;
263
- i.LogoIcon = ve;
264
- i.LogoName = _e;
265
- i.LogoText = fe;
266
- Ce.MenuButton = Ne;
267
- const x = q(null), D = ({ children: e }) => {
268
- const t = W();
269
- return /* @__PURE__ */ n(x.Provider, { value: t, children: /* @__PURE__ */ n(
246
+ ), Ce = ({ children: e }) => /* @__PURE__ */ t("span", { className: "p-side-navigation__text", children: e });
247
+ const l = ({ children: e, className: n, isCollapsed: o }) => /* @__PURE__ */ t("header", { "aria-label": "main navigation", className: u("l-navigation is-maas", n, { "is-collapsed": o, "is-pinned": !o }), children: e }), ke = ({ children: e, className: n }) => /* @__PURE__ */ t("header", { "aria-label": "navigation", className: "l-navigation-bar", children: /* @__PURE__ */ t("div", { className: u("p-panel is-dark", n), children: e }) });
248
+ l.Header = ce;
249
+ l.Banner = oe;
250
+ l.Drawer = ie;
251
+ l.Controls = se;
252
+ l.CollapseToggle = ae;
253
+ l.Content = re;
254
+ l.Footer = le;
255
+ l.List = ge;
256
+ l.Item = pe;
257
+ l.Link = de;
258
+ l.Text = Ce;
259
+ l.Icon = ue;
260
+ l.Label = me;
261
+ l.Logo = ve;
262
+ l.LogoTag = Ne;
263
+ l.LogoIcon = be;
264
+ l.LogoName = _e;
265
+ l.LogoText = fe;
266
+ ke.MenuButton = he;
267
+ const F = H(null), E = ({ children: e }) => {
268
+ const n = W();
269
+ return /* @__PURE__ */ t(F.Provider, { value: n, children: /* @__PURE__ */ t(
270
270
  "div",
271
271
  {
272
272
  role: "group",
273
- "aria-labelledby": `${t}_label`,
274
- "aria-describedby": `${t}_description`,
273
+ "aria-labelledby": `${n}_label`,
274
+ "aria-describedby": `${n}_description`,
275
275
  className: "p-input-group",
276
276
  children: e
277
277
  }
278
278
  ) });
279
- }, ke = ({ children: e }) => {
280
- const t = $(x);
281
- return /* @__PURE__ */ n("label", { id: `${t}_label`, children: e });
282
279
  }, xe = ({ children: e }) => {
283
- const t = $(x);
284
- return /* @__PURE__ */ n("p", { className: "p-form-help-text", id: `${t}_description`, children: e });
280
+ const n = T(F);
281
+ return /* @__PURE__ */ t("label", { id: `${n}_label`, children: e });
282
+ }, we = ({ children: e }) => {
283
+ const n = T(F);
284
+ return /* @__PURE__ */ t("p", { className: "p-form-help-text", id: `${n}_description`, children: e });
285
285
  };
286
- D.Label = ke;
287
- D.Description = xe;
288
- const L = ({ children: e }) => /* @__PURE__ */ n("div", { className: "p-form-section", children: e }), Le = ({ children: e }) => /* @__PURE__ */ n("h5", { className: "p-form-section__title u-no-padding--top", children: e }), Se = ({ children: e }) => /* @__PURE__ */ n("p", { className: "p-form-help-text", children: e }), Fe = ({ children: e }) => /* @__PURE__ */ n("div", { className: "p-form-section__content", children: e });
289
- L.Title = Le;
290
- L.Description = Se;
291
- L.Content = Fe;
292
- function we(e) {
293
- const [t, o] = m.useState(null), a = m.useRef(null), r = m.useCallback(() => {
286
+ E.Label = xe;
287
+ E.Description = we;
288
+ const I = ({ children: e }) => /* @__PURE__ */ t("div", { className: "p-form-section", children: e }), Le = ({ children: e }) => /* @__PURE__ */ t("h5", { className: "p-form-section__title u-no-padding--top", children: e }), Se = ({ children: e }) => /* @__PURE__ */ t("p", { className: "p-form-help-text", children: e }), Fe = ({ children: e }) => /* @__PURE__ */ t("div", { className: "p-form-section__content", children: e });
289
+ I.Title = Le;
290
+ I.Description = Se;
291
+ I.Content = Fe;
292
+ function Ie(e) {
293
+ const [n, o] = m.useState(null), a = m.useRef(null), s = m.useCallback(() => {
294
294
  if (e.current) {
295
- const s = e.current.getBoundingClientRect();
296
- o(s);
295
+ const r = e.current.getBoundingClientRect();
296
+ o(r);
297
297
  }
298
298
  }, [e]);
299
299
  return m.useEffect(() => {
300
- const s = new ResizeObserver(() => {
301
- a.current && cancelAnimationFrame(a.current), a.current = requestAnimationFrame(r);
300
+ const r = new ResizeObserver(() => {
301
+ a.current && cancelAnimationFrame(a.current), a.current = requestAnimationFrame(s);
302
302
  });
303
- return e.current && s.observe(e.current), () => {
304
- a.current && cancelAnimationFrame(a.current), s.disconnect();
303
+ return e.current && r.observe(e.current), () => {
304
+ a.current && cancelAnimationFrame(a.current), r.disconnect();
305
305
  };
306
- }, [e, r]), t;
306
+ }, [e, s]), n;
307
307
  }
308
- const M = m.createContext(null), R = m.createContext([!1, () => {
309
- }]), E = ({ children: e }) => {
310
- const t = m.useRef(null), o = we(t), [a, r] = m.useState(!1);
311
- return /* @__PURE__ */ n(
308
+ const R = m.createContext(null), O = m.createContext([!1, () => {
309
+ }]), P = ({ children: e }) => {
310
+ const n = m.useRef(null), o = Ie(n), [a, s] = m.useState(!1);
311
+ return /* @__PURE__ */ t(
312
312
  "header",
313
313
  {
314
- className: l("main-toolbar", {
314
+ className: u("main-toolbar", {
315
315
  "main-toolbar--stacked": a
316
316
  }),
317
- ref: t,
318
- children: /* @__PURE__ */ n(M.Provider, { value: o, children: /* @__PURE__ */ n(R.Provider, { value: [a, r], children: e }) })
317
+ ref: n,
318
+ children: /* @__PURE__ */ t(R.Provider, { value: o, children: /* @__PURE__ */ t(O.Provider, { value: [a, s], children: e }) })
319
319
  }
320
320
  );
321
- }, $e = ({ children: e, ...t }) => /* @__PURE__ */ n(
321
+ }, $e = ({ children: e, ...n }) => /* @__PURE__ */ t(
322
322
  "h1",
323
323
  {
324
324
  className: "main-toolbar__title p-heading--4",
325
325
  "data-testid": "main-toolbar-heading",
326
- ...t,
326
+ ...n,
327
327
  children: e
328
328
  }
329
- ), Ie = ({ children: e }) => {
330
- const t = m.useContext(M), [o, a] = m.useContext(R), r = m.useRef(null);
329
+ ), ye = ({ children: e }) => {
330
+ const n = m.useContext(R), [o, a] = m.useContext(O), s = m.useRef(null);
331
331
  return m.useEffect(() => {
332
- !r.current || !t || a(r.current.getBoundingClientRect().width > t.width);
333
- }, [a, t, r]), /* @__PURE__ */ b(f, { children: [
334
- /* @__PURE__ */ n(
332
+ !s.current || !n || a(s.current.getBoundingClientRect().width > n.width);
333
+ }, [a, n, s]), /* @__PURE__ */ N(x, { children: [
334
+ /* @__PURE__ */ t(
335
335
  "div",
336
336
  {
337
337
  "aria-hidden": "true",
338
338
  className: "main-toolbar__controls main-toolbar__controls--observer",
339
- ref: r,
339
+ ref: s,
340
340
  style: { visibility: "hidden", position: "absolute" },
341
341
  children: e
342
342
  }
343
343
  ),
344
- /* @__PURE__ */ n(
344
+ /* @__PURE__ */ t(
345
345
  "div",
346
346
  {
347
- className: l("main-toolbar__controls", {
347
+ className: u("main-toolbar__controls", {
348
348
  "main-toolbar__controls--stacked": o
349
349
  }),
350
350
  children: e
@@ -352,22 +352,108 @@ const M = m.createContext(null), R = m.createContext([!1, () => {
352
352
  )
353
353
  ] });
354
354
  };
355
- E.Title = $e;
356
- E.Controls = Ie;
357
- const Re = ({
355
+ P.Title = $e;
356
+ P.Controls = ye;
357
+ const Oe = ({
358
358
  children: e,
359
- ...t
360
- }) => /* @__PURE__ */ n("div", { className: "p-form__nested-group", ...t, children: e });
359
+ ...n
360
+ }) => /* @__PURE__ */ t("div", { className: "p-form__nested-group", ...n, children: e });
361
+ const Be = ({
362
+ currentPage: e,
363
+ error: n,
364
+ disabled: o,
365
+ onInputBlur: a,
366
+ onInputChange: s,
367
+ onNextClick: r,
368
+ onPreviousClick: p,
369
+ totalPages: i
370
+ }) => /* @__PURE__ */ t("nav", { "aria-label": "pagination", className: "p-pagination", children: /* @__PURE__ */ N("span", { className: "p-pagination--items", children: [
371
+ /* @__PURE__ */ t(
372
+ C,
373
+ {
374
+ "aria-label": "Previous page",
375
+ className: "p-pagination__link--previous",
376
+ disabled: e === 1 || o,
377
+ onClick: p,
378
+ type: "button",
379
+ children: /* @__PURE__ */ t(k, { name: "chevron-down" })
380
+ }
381
+ ),
382
+ /* @__PURE__ */ t("strong", { children: "Page " }),
383
+ " ",
384
+ /* @__PURE__ */ t(
385
+ U,
386
+ {
387
+ "aria-label": "page number",
388
+ className: "p-pagination__input",
389
+ disabled: o,
390
+ error: n,
391
+ min: 1,
392
+ onBlur: a,
393
+ onChange: s,
394
+ required: !0,
395
+ type: "number",
396
+ value: e
397
+ }
398
+ ),
399
+ " ",
400
+ /* @__PURE__ */ N("strong", { className: "u-no-wrap", children: [
401
+ " of ",
402
+ i
403
+ ] }),
404
+ /* @__PURE__ */ t(
405
+ C,
406
+ {
407
+ "aria-label": "Next page",
408
+ className: "p-pagination__link--next",
409
+ disabled: e === i || o,
410
+ onClick: r,
411
+ type: "button",
412
+ children: /* @__PURE__ */ t(k, { name: "chevron-up" })
413
+ }
414
+ )
415
+ ] }) }), Pe = ({
416
+ currentPage: e,
417
+ disabled: n,
418
+ paginate: o,
419
+ totalPages: a
420
+ }) => {
421
+ const [s, r] = L(e), [p, i] = L("");
422
+ return /* @__PURE__ */ t(
423
+ Be,
424
+ {
425
+ currentPage: s,
426
+ error: p,
427
+ disabled: n,
428
+ onInputBlur: () => {
429
+ r(e), i("");
430
+ },
431
+ onInputChange: (g) => {
432
+ const { value: w, valueAsNumber: v } = g.target;
433
+ w ? (r(v), v > a || v < 1 ? i(`${v} is not a valid page number.`) : (i(""), o(v))) : i("Enter a page number.");
434
+ },
435
+ onNextClick: () => {
436
+ r((g) => Number(g) + 1), o(Number(e) + 1);
437
+ },
438
+ onPreviousClick: () => {
439
+ r((g) => Number(g) - 1), o(Number(e) - 1);
440
+ },
441
+ totalPages: a
442
+ }
443
+ );
444
+ };
361
445
  export {
362
- Me as ExternalLink,
363
- L as FormSection,
364
- D as InputGroup,
365
- E as MainToolbar,
366
- Y as Meter,
367
- i as Navigation,
368
- Ce as NavigationBar,
369
- Re as NestedFormGroup,
370
- De as defaultFilledColors,
371
- g as meterColor,
372
- v as testIds
446
+ Re as ExternalLink,
447
+ I as FormSection,
448
+ E as InputGroup,
449
+ P as MainToolbar,
450
+ Z as Meter,
451
+ l as Navigation,
452
+ ke as NavigationBar,
453
+ Oe as NestedFormGroup,
454
+ Be as Pagination,
455
+ Pe as PaginationContainer,
456
+ Ee as defaultFilledColors,
457
+ b as meterColor,
458
+ _ as testIds
373
459
  };
package/dist/@canonical/maas-react-components.umd.js CHANGED
@@ -1,11 +1,11 @@
1
- (function(l,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("react/jsx-runtime"),require("react"),require("@canonical/react-components")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react","@canonical/react-components"],n):(l=typeof globalThis<"u"?globalThis:l||self,n(l["@canonical/maas-react-components"]={},l["react/jsx-runtime"],l.React,l["@canonical/react-components"]))})(this,function(l,n,g,f){"use strict";function E(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const a=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,a.get?a:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const u=E(g);function G(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var T={exports:{}};/*!
1
+ (function(l,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("react/jsx-runtime"),require("react"),require("@canonical/react-components")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react","@canonical/react-components"],n):(l=typeof globalThis<"u"?globalThis:l||self,n(l["@canonical/maas-react-components"]={},l["react/jsx-runtime"],l.React,l["@canonical/react-components"]))})(this,function(l,n,g,m){"use strict";function G(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const a=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,a.get?a:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const v=G(g);function A(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var T={exports:{}};/*!
2
2
  Copyright (c) 2018 Jed Watson.
3
3
  Licensed under the MIT License (MIT), see
4
4
  http://jedwatson.github.io/classnames
5
- */(function(e){(function(){var t={}.hasOwnProperty;function o(){for(var a=[],r=0;r<arguments.length;r++){var s=arguments[r];if(s){var m=typeof s;if(m==="string"||m==="number")a.push(s);else if(Array.isArray(s)){if(s.length){var d=o.apply(null,s);d&&a.push(d)}}else if(m==="object"){if(s.toString!==Object.prototype.toString&&!s.toString.toString().includes("[native code]")){a.push(s.toString());continue}for(var p in s)t.call(s,p)&&s[p]&&a.push(p)}}}return a.join(" ")}e.exports?(o.default=o,e.exports=o):window.classNames=o})()})(T);var P=T.exports;const c=G(P),ke="",_={caution:"#F99B11",light:"#F7F7F7",linkFaded:"#D3E4ED",link:"#0066CC",negative:"#C7162B",positiveFaded:"#B7CCB9",positiveMid:"#4DAB4D",positive:"#0E8420"},A=[_.link,_.positive,_.negative,_.caution],z=_.linkFaded,I=_.caution,C=_.light,x=2,$=1,B=(e,t)=>{var r,s;const o=((s=(r=e==null?void 0:e.current)==null?void 0:r.getBoundingClientRect())==null?void 0:s.width)||0;return o>t*x?o/t:x},b={bar:"meter-bar",container:"meter-container",filled:"meter-filled",label:"meter-label",meteroverflow:"meter-overflow",segments:"meter-segments"},M=({className:e,children:t,data:o,max:a,variant:r="regular",size:s="regular",...m})=>{const d=g.useRef(null),p=o==null?void 0:o.reduce((y,Ce)=>y+Ce.value,0),v=a||p,L=o.map(y=>y.value/v*100),[w,h]=g.useState(0);g.useEffect(()=>{h(r==="segmented"?B(d,v):0)},[v,r]);const he=g.useCallback(()=>{h(B(d,v))},[d,v,h]);return f.useListener(window,he,"resize",!0,r==="segmented"),n.jsxs("div",{className:c("p-meter",e,{"p-meter--small":s==="small"}),"aria-label":m==null?void 0:m["aria-label"],"data-testid":b.container,ref:d,children:[n.jsx(q,{children:n.jsx(H,{data:o,datumWidths:L,maximum:v,overColor:I,segmentWidth:w,separatorColor:C})}),t]})},q=({children:e})=>n.jsx("div",{className:"p-meter__bar","data-testid":b.bar,style:{backgroundColor:z},children:e}),H=({data:e,datumWidths:t,maximum:o,segmentWidth:a})=>{const r=()=>(e==null?void 0:e.reduce((d,p)=>d+p.value,0))>o,s=(d,p)=>({backgroundColor:d.color,left:`${t==null?void 0:t.reduce((v,L,w)=>p>w?v+L:v,0)}%`,width:`${t[p]}%`}),m=()=>({background:`repeating-linear-gradient(
5
+ */(function(e){(function(){var t={}.hasOwnProperty;function o(){for(var a=[],s=0;s<arguments.length;s++){var r=arguments[s];if(r){var u=typeof r;if(u==="string"||u==="number")a.push(r);else if(Array.isArray(r)){if(r.length){var i=o.apply(null,r);i&&a.push(i)}}else if(u==="object"){if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]")){a.push(r.toString());continue}for(var d in r)t.call(r,d)&&r[d]&&a.push(d)}}}return a.join(" ")}e.exports?(o.default=o,e.exports=o):window.classNames=o})()})(T);var q=T.exports;const p=A(q),Fe="",N={caution:"#F99B11",light:"#F7F7F7",linkFaded:"#D3E4ED",link:"#0066CC",negative:"#C7162B",positiveFaded:"#B7CCB9",positiveMid:"#4DAB4D",positive:"#0E8420"},z=[N.link,N.positive,N.negative,N.caution],H=N.linkFaded,B=N.caution,F=N.light,$=2,x=1,M=(e,t)=>{var s,r;const o=((r=(s=e==null?void 0:e.current)==null?void 0:s.getBoundingClientRect())==null?void 0:r.width)||0;return o>t*$?o/t:$},h={bar:"meter-bar",container:"meter-container",filled:"meter-filled",label:"meter-label",meteroverflow:"meter-overflow",segments:"meter-segments"},D=({className:e,children:t,data:o,max:a,variant:s="regular",size:r="regular",...u})=>{const i=g.useRef(null),d=o==null?void 0:o.reduce((f,Se)=>f+Se.value,0),b=a||d,C=o.map(f=>f.value/b*100),[k,_]=g.useState(0);g.useEffect(()=>{_(s==="segmented"?M(i,b):0)},[b,s]);const L=g.useCallback(()=>{_(M(i,b))},[i,b,_]);return m.useListener(window,L,"resize",!0,s==="segmented"),n.jsxs("div",{className:p("p-meter",e,{"p-meter--small":r==="small"}),"aria-label":u==null?void 0:u["aria-label"],"data-testid":h.container,ref:i,children:[n.jsx(W,{children:n.jsx(J,{data:o,datumWidths:C,maximum:b,overColor:B,segmentWidth:k,separatorColor:F})}),t]})},W=({children:e})=>n.jsx("div",{className:"p-meter__bar","data-testid":h.bar,style:{backgroundColor:H},children:e}),J=({data:e,datumWidths:t,maximum:o,segmentWidth:a})=>{const s=()=>(e==null?void 0:e.reduce((i,d)=>i+d.value,0))>o,r=(i,d)=>({backgroundColor:i.color,left:`${t==null?void 0:t.reduce((b,C,k)=>d>k?b+C:b,0)}%`,width:`${t[d]}%`}),u=()=>({background:`repeating-linear-gradient(
6
6
  to right,
7
7
  transparent 0,
8
- transparent ${a-$}px,
9
- ${C} ${a-$}px,
10
- ${C} ${a}px
11
- )`});return n.jsxs(n.Fragment,{children:[r()?n.jsx("div",{className:"p-meter__filled","data-testid":b.meteroverflow,style:{backgroundColor:I,width:"100%"}}):e==null?void 0:e.map((d,p)=>n.jsx("div",{className:"p-meter__filled","data-testid":b.filled,style:s(d,p)},`meter-${p}`)),a>0&&n.jsx("div",{className:"p-meter__separators","data-testid":b.segments,style:m()})]})},W=({className:e,children:t})=>n.jsx("div",{className:c("p-meter__label",e),"data-testid":b.label,children:t});M.Label=W;const J=({children:e,to:t,...o})=>n.jsx(f.Link,{...o,href:t,rel:"noreferrer noopener",target:"_blank",children:e}),K=({children:e})=>n.jsx(n.Fragment,{children:e}),Q=({isCollapsed:e,setIsCollapsed:t,className:o})=>n.jsx(f.Tooltip,{className:"p-side-navigation__tooltip-wrapper",message:n.jsxs(n.Fragment,{children:[e?"expand":"collapse","( ",n.jsx("code",{children:"["})," )"]}),position:"right",tooltipClassName:"p-side-navigation__tooltip",children:n.jsx(f.Button,{appearance:"base","aria-label":`${e?"expand":"collapse"} main navigation`,className:c("is-dense has-icon is-dark u-no-margin l-navigation-collapse-toggle",o),onClick:a=>{t(!e),a.stopPropagation(),a.currentTarget.blur()},children:n.jsx(f.Icon,{light:!0,name:"sidebar-toggle"})})}),U=({children:e})=>n.jsx("div",{className:"p-panel__content",children:n.jsx("nav",{className:"p-side-navigation--icons is-dark",children:e})}),V=({children:e})=>n.jsx("div",{className:"p-panel__controls u-no-margin--top",children:e}),X=({children:e})=>n.jsx("div",{className:"l-navigation__drawer",children:n.jsx("div",{className:"p-panel is-dark",children:e})}),Y=({children:e})=>n.jsx("div",{className:"p-panel__footer",children:e}),Z=({children:e})=>n.jsx("div",{className:"p-panel__header",children:e}),R=({light:e=!0,name:t})=>n.jsx(f.Icon,{className:"p-side-navigation__icon",light:e,name:t}),ee=({children:e,className:t,hasActiveChild:o})=>n.jsx("li",{className:c("p-side-navigation__item",t,{"has-active-child":o}),children:e}),te=({children:e,id:t,variant:o="base"})=>n.jsx("span",{className:c("p-side-navigation__label",{"p-side-navigation__label--group":o==="group"}),id:t,children:e}),ne=({as:e,...t})=>{const o=e||"a";return n.jsx(o,{className:c("p-side-navigation__link",t.className),...t})},oe=({children:e,className:t})=>n.jsx("ul",{className:c("p-side-navigation__list",t),children:e}),ae=({as:e,children:t,className:o,...a})=>{const r=e||"a";return n.jsx(r,{className:c("p-panel__logo",o),...a,children:n.jsx("div",{className:"p-navigation__tagged-logo",children:t})})},re=({children:e})=>g.cloneElement(e,{className:"p-panel__logo-icon p-navigation__logo-icon"}),se=({children:e,variant:t="base"})=>n.jsx("div",{className:c("p-panel__logo-name is-fading-when-collapsed",{"p-panel__logo-name--small":t==="small"}),children:e}),le=({children:e})=>n.jsx("div",{className:"p-navigation__logo-tag",children:e}),ie=({children:e})=>n.jsx("span",{className:"p-panel__logo-text",children:e}),ce=({children:e,className:t,onClick:o})=>n.jsx(f.Button,{appearance:"base",className:c("p-side-navigation__button--menu has-icon is-dark",t),onClick:a=>{o&&o(a),a.stopPropagation(),a.currentTarget.blur()},children:e}),de=({children:e})=>n.jsx("span",{className:"p-side-navigation__text",children:e}),Fe="",i=({children:e,className:t,isCollapsed:o})=>n.jsx("header",{"aria-label":"main navigation",className:c("l-navigation is-maas",t,{"is-collapsed":o,"is-pinned":!o}),children:e}),D=({children:e,className:t})=>n.jsx("header",{"aria-label":"navigation",className:"l-navigation-bar",children:n.jsx("div",{className:c("p-panel is-dark",t),children:e})});i.Header=Z,i.Banner=K,i.Drawer=X,i.Controls=V,i.CollapseToggle=Q,i.Content=U,i.Footer=Y,i.List=oe,i.Item=ee,i.Link=ne,i.Text=de,i.Icon=R,i.Label=te,i.Logo=ae,i.LogoTag=le,i.LogoIcon=re,i.LogoName=se,i.LogoText=ie,D.MenuButton=ce;const Se="",k=g.createContext(null),F=({children:e})=>{const t=g.useId();return n.jsx(k.Provider,{value:t,children:n.jsx("div",{role:"group","aria-labelledby":`${t}_label`,"aria-describedby":`${t}_description`,className:"p-input-group",children:e})})},pe=({children:e})=>{const t=g.useContext(k);return n.jsx("label",{id:`${t}_label`,children:e})},ue=({children:e})=>{const t=g.useContext(k);return n.jsx("p",{className:"p-form-help-text",id:`${t}_description`,children:e})};F.Label=pe,F.Description=ue;const Le="",N=({children:e})=>n.jsx("div",{className:"p-form-section",children:e}),ge=({children:e})=>n.jsx("h5",{className:"p-form-section__title u-no-padding--top",children:e}),me=({children:e})=>n.jsx("p",{className:"p-form-help-text",children:e}),ve=({children:e})=>n.jsx("div",{className:"p-form-section__content",children:e});N.Title=ge,N.Description=me,N.Content=ve;const we="";function _e(e){const[t,o]=u.useState(null),a=u.useRef(null),r=u.useCallback(()=>{if(e.current){const s=e.current.getBoundingClientRect();o(s)}},[e]);return u.useEffect(()=>{const s=new ResizeObserver(()=>{a.current&&cancelAnimationFrame(a.current),a.current=requestAnimationFrame(r)});return e.current&&s.observe(e.current),()=>{a.current&&cancelAnimationFrame(a.current),s.disconnect()}},[e,r]),t}const O=u.createContext(null),j=u.createContext([!1,()=>{}]),S=({children:e})=>{const t=u.useRef(null),o=_e(t),[a,r]=u.useState(!1);return n.jsx("header",{className:c("main-toolbar",{"main-toolbar--stacked":a}),ref:t,children:n.jsx(O.Provider,{value:o,children:n.jsx(j.Provider,{value:[a,r],children:e})})})},fe=({children:e,...t})=>n.jsx("h1",{className:"main-toolbar__title p-heading--4","data-testid":"main-toolbar-heading",...t,children:e}),be=({children:e})=>{const t=u.useContext(O),[o,a]=u.useContext(j),r=u.useRef(null);return u.useEffect(()=>{!r.current||!t||a(r.current.getBoundingClientRect().width>t.width)},[a,t,r]),n.jsxs(n.Fragment,{children:[n.jsx("div",{"aria-hidden":"true",className:"main-toolbar__controls main-toolbar__controls--observer",ref:r,style:{visibility:"hidden",position:"absolute"},children:e}),n.jsx("div",{className:c("main-toolbar__controls",{"main-toolbar__controls--stacked":o}),children:e})]})};S.Title=fe,S.Controls=be;const ye="",Ne=({children:e,...t})=>n.jsx("div",{className:"p-form__nested-group",...t,children:e});l.ExternalLink=J,l.FormSection=N,l.InputGroup=F,l.MainToolbar=S,l.Meter=M,l.Navigation=i,l.NavigationBar=D,l.NestedFormGroup=Ne,l.defaultFilledColors=A,l.meterColor=_,l.testIds=b,Object.defineProperty(l,Symbol.toStringTag,{value:"Module"})});
8
+ transparent ${a-x}px,
9
+ ${F} ${a-x}px,
10
+ ${F} ${a}px
11
+ )`});return n.jsxs(n.Fragment,{children:[s()?n.jsx("div",{className:"p-meter__filled","data-testid":h.meteroverflow,style:{backgroundColor:B,width:"100%"}}):e==null?void 0:e.map((i,d)=>n.jsx("div",{className:"p-meter__filled","data-testid":h.filled,style:r(i,d)},`meter-${d}`)),a>0&&n.jsx("div",{className:"p-meter__separators","data-testid":h.segments,style:u()})]})},K=({className:e,children:t})=>n.jsx("div",{className:p("p-meter__label",e),"data-testid":h.label,children:t});D.Label=K;const Q=({children:e,to:t,...o})=>n.jsx(m.Link,{...o,href:t,rel:"noreferrer noopener",target:"_blank",children:e}),U=({children:e})=>n.jsx(n.Fragment,{children:e}),V=({isCollapsed:e,setIsCollapsed:t,className:o})=>n.jsx(m.Tooltip,{className:"p-side-navigation__tooltip-wrapper",message:n.jsxs(n.Fragment,{children:[e?"expand":"collapse","( ",n.jsx("code",{children:"["})," )"]}),position:"right",tooltipClassName:"p-side-navigation__tooltip",children:n.jsx(m.Button,{appearance:"base","aria-label":`${e?"expand":"collapse"} main navigation`,className:p("is-dense has-icon is-dark u-no-margin l-navigation-collapse-toggle",o),onClick:a=>{t(!e),a.stopPropagation(),a.currentTarget.blur()},children:n.jsx(m.Icon,{light:!0,name:"sidebar-toggle"})})}),X=({children:e})=>n.jsx("div",{className:"p-panel__content",children:n.jsx("nav",{className:"p-side-navigation--icons is-dark",children:e})}),Y=({children:e})=>n.jsx("div",{className:"p-panel__controls u-no-margin--top",children:e}),Z=({children:e})=>n.jsx("div",{className:"l-navigation__drawer",children:n.jsx("div",{className:"p-panel is-dark",children:e})}),R=({children:e})=>n.jsx("div",{className:"p-panel__footer",children:e}),ee=({children:e})=>n.jsx("div",{className:"p-panel__header",children:e}),ne=({light:e=!0,name:t})=>n.jsx(m.Icon,{className:"p-side-navigation__icon",light:e,name:t}),te=({children:e,className:t,hasActiveChild:o})=>n.jsx("li",{className:p("p-side-navigation__item",t,{"has-active-child":o}),children:e}),oe=({children:e,id:t,variant:o="base"})=>n.jsx("span",{className:p("p-side-navigation__label",{"p-side-navigation__label--group":o==="group"}),id:t,children:e}),ae=({as:e,...t})=>{const o=e||"a";return n.jsx(o,{className:p("p-side-navigation__link",t.className),...t})},re=({children:e,className:t})=>n.jsx("ul",{className:p("p-side-navigation__list",t),children:e}),se=({as:e,children:t,className:o,...a})=>{const s=e||"a";return n.jsx(s,{className:p("p-panel__logo",o),...a,children:n.jsx("div",{className:"p-navigation__tagged-logo",children:t})})},le=({children:e})=>g.cloneElement(e,{className:"p-panel__logo-icon p-navigation__logo-icon"}),ie=({children:e,variant:t="base"})=>n.jsx("div",{className:p("p-panel__logo-name is-fading-when-collapsed",{"p-panel__logo-name--small":t==="small"}),children:e}),ce=({children:e})=>n.jsx("div",{className:"p-navigation__logo-tag",children:e}),de=({children:e})=>n.jsx("span",{className:"p-panel__logo-text",children:e}),pe=({children:e,className:t,onClick:o})=>n.jsx(m.Button,{appearance:"base",className:p("p-side-navigation__button--menu has-icon is-dark",t),onClick:a=>{o&&o(a),a.stopPropagation(),a.currentTarget.blur()},children:e}),ue=({children:e})=>n.jsx("span",{className:"p-side-navigation__text",children:e}),we="",c=({children:e,className:t,isCollapsed:o})=>n.jsx("header",{"aria-label":"main navigation",className:p("l-navigation is-maas",t,{"is-collapsed":o,"is-pinned":!o}),children:e}),O=({children:e,className:t})=>n.jsx("header",{"aria-label":"navigation",className:"l-navigation-bar",children:n.jsx("div",{className:p("p-panel is-dark",t),children:e})});c.Header=ee,c.Banner=U,c.Drawer=Z,c.Controls=Y,c.CollapseToggle=V,c.Content=X,c.Footer=R,c.List=re,c.Item=te,c.Link=ae,c.Text=ue,c.Icon=ne,c.Label=oe,c.Logo=se,c.LogoTag=ce,c.LogoIcon=le,c.LogoName=ie,c.LogoText=de,O.MenuButton=pe;const ye="",w=g.createContext(null),y=({children:e})=>{const t=g.useId();return n.jsx(w.Provider,{value:t,children:n.jsx("div",{role:"group","aria-labelledby":`${t}_label`,"aria-describedby":`${t}_description`,className:"p-input-group",children:e})})},ge=({children:e})=>{const t=g.useContext(w);return n.jsx("label",{id:`${t}_label`,children:e})},me=({children:e})=>{const t=g.useContext(w);return n.jsx("p",{className:"p-form-help-text",id:`${t}_description`,children:e})};y.Label=ge,y.Description=me;const Ie="",S=({children:e})=>n.jsx("div",{className:"p-form-section",children:e}),ve=({children:e})=>n.jsx("h5",{className:"p-form-section__title u-no-padding--top",children:e}),be=({children:e})=>n.jsx("p",{className:"p-form-help-text",children:e}),_e=({children:e})=>n.jsx("div",{className:"p-form-section__content",children:e});S.Title=ve,S.Description=be,S.Content=_e;const Le="";function fe(e){const[t,o]=v.useState(null),a=v.useRef(null),s=v.useCallback(()=>{if(e.current){const r=e.current.getBoundingClientRect();o(r)}},[e]);return v.useEffect(()=>{const r=new ResizeObserver(()=>{a.current&&cancelAnimationFrame(a.current),a.current=requestAnimationFrame(s)});return e.current&&r.observe(e.current),()=>{a.current&&cancelAnimationFrame(a.current),r.disconnect()}},[e,s]),t}const E=v.createContext(null),P=v.createContext([!1,()=>{}]),I=({children:e})=>{const t=v.useRef(null),o=fe(t),[a,s]=v.useState(!1);return n.jsx("header",{className:p("main-toolbar",{"main-toolbar--stacked":a}),ref:t,children:n.jsx(E.Provider,{value:o,children:n.jsx(P.Provider,{value:[a,s],children:e})})})},Ne=({children:e,...t})=>n.jsx("h1",{className:"main-toolbar__title p-heading--4","data-testid":"main-toolbar-heading",...t,children:e}),he=({children:e})=>{const t=v.useContext(E),[o,a]=v.useContext(P),s=v.useRef(null);return v.useEffect(()=>{!s.current||!t||a(s.current.getBoundingClientRect().width>t.width)},[a,t,s]),n.jsxs(n.Fragment,{children:[n.jsx("div",{"aria-hidden":"true",className:"main-toolbar__controls main-toolbar__controls--observer",ref:s,style:{visibility:"hidden",position:"absolute"},children:e}),n.jsx("div",{className:p("main-toolbar__controls",{"main-toolbar__controls--stacked":o}),children:e})]})};I.Title=Ne,I.Controls=he;const Te="",Ce=({children:e,...t})=>n.jsx("div",{className:"p-form__nested-group",...t,children:e}),Be="",j=({currentPage:e,error:t,disabled:o,onInputBlur:a,onInputChange:s,onNextClick:r,onPreviousClick:u,totalPages:i})=>n.jsx("nav",{"aria-label":"pagination",className:"p-pagination",children:n.jsxs("span",{className:"p-pagination--items",children:[n.jsx(m.Button,{"aria-label":"Previous page",className:"p-pagination__link--previous",disabled:e===1||o,onClick:u,type:"button",children:n.jsx(m.Icon,{name:"chevron-down"})}),n.jsx("strong",{children:"Page "})," ",n.jsx(m.Input,{"aria-label":"page number",className:"p-pagination__input",disabled:o,error:t,min:1,onBlur:a,onChange:s,required:!0,type:"number",value:e})," ",n.jsxs("strong",{className:"u-no-wrap",children:[" of ",i]}),n.jsx(m.Button,{"aria-label":"Next page",className:"p-pagination__link--next",disabled:e===i||o,onClick:r,type:"button",children:n.jsx(m.Icon,{name:"chevron-up"})})]})}),ke=({currentPage:e,disabled:t,paginate:o,totalPages:a})=>{const[s,r]=g.useState(e),[u,i]=g.useState(""),d=()=>{r(e),i("")},b=_=>{const{value:L,valueAsNumber:f}=_.target;L?(r(f),f>a||f<1?i(`${f} is not a valid page number.`):(i(""),o(f))):i("Enter a page number.")},C=()=>{r(_=>Number(_)-1),o(Number(e)-1)},k=()=>{r(_=>Number(_)+1),o(Number(e)+1)};return n.jsx(j,{currentPage:s,error:u,disabled:t,onInputBlur:d,onInputChange:b,onNextClick:k,onPreviousClick:C,totalPages:a})};l.ExternalLink=Q,l.FormSection=S,l.InputGroup=y,l.MainToolbar=I,l.Meter=D,l.Navigation=c,l.NavigationBar=O,l.NestedFormGroup=Ce,l.Pagination=j,l.PaginationContainer=ke,l.defaultFilledColors=z,l.meterColor=N,l.testIds=h,Object.defineProperty(l,Symbol.toStringTag,{value:"Module"})});
package/dist/src/lib/components/Pagination/Pagination.d.ts ADDED
@@ -0,0 +1,19 @@
1
+ import { ChangeEvent } from "react";
2
+ export interface PaginationProps {
3
+ currentPage: number | undefined;
4
+ error?: string;
5
+ disabled: boolean;
6
+ onInputBlur: () => void;
7
+ onInputChange: (e: ChangeEvent<HTMLInputElement>) => void;
8
+ onNextClick: () => void;
9
+ onPreviousClick: () => void;
10
+ totalPages: number;
11
+ }
12
+ export declare const Pagination: React.FC<PaginationProps>;
13
+ export interface PaginationContainerProps {
14
+ currentPage: PaginationProps["currentPage"];
15
+ disabled: PaginationProps["disabled"];
16
+ paginate: (page: number) => void;
17
+ totalPages: PaginationProps["totalPages"];
18
+ }
19
+ export declare const PaginationContainer: React.FC<PaginationContainerProps>;
package/dist/src/lib/components/Pagination/Pagination.stories.d.ts ADDED
@@ -0,0 +1,26 @@
1
+ import { Meta } from "@storybook/react";
2
+ import { Pagination } from "./Pagination";
3
+ declare const meta: Meta<typeof Pagination>;
4
+ export default meta;
5
+ export declare const Example: {
6
+ args: {
7
+ currentPage: number;
8
+ error: string;
9
+ disabled: boolean;
10
+ onInputBlur: () => void;
11
+ onInputChange: () => void;
12
+ onNextClick: () => void;
13
+ onPreviousClick: () => void;
14
+ totalPages: number;
15
+ };
16
+ };
17
+ export declare const ControlledExample: {
18
+ render: () => import("react/jsx-runtime").JSX.Element;
19
+ parameters: {
20
+ docs: {
21
+ source: {
22
+ code: null;
23
+ };
24
+ };
25
+ };
26
+ };
package/dist/src/lib/components/Pagination/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export * from "./Pagination";
package/dist/src/lib/components/index.d.ts CHANGED
@@ -1 +1,2 @@
1
1
  export * from "./NestedFormGroup";
2
+ export * from "./Pagination";
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- .p-meter{margin-bottom:.75rem;padding-top:.375rem}.p-meter__bar{border-radius:.875rem;height:.875rem;overflow:hidden;position:relative;width:100%;border:1px solid #999}.p-meter__label{display:flex;justify-content:space-between;margin-bottom:-.125rem;padding-top:.25rem}.p-meter__filled{height:100%;position:absolute;width:0%}.p-meter__separators{height:100%;position:absolute;width:100%;z-index:1}.p-meter--small{margin-bottom:.875rem;padding-top:.375rem}.p-meter--small .p-meter__bar{border-radius:.75rem;height:.75rem;margin-bottom:.375rem}.p-meter--small .p-meter__label{margin-bottom:0;padding-top:0}hr.is-fixed-width{margin-left:auto;margin-right:auto;max-width:78rem;width:calc(100% - 2rem)}@media (min-width: 620px){hr.is-fixed-width{max-width:77rem;width:calc(100% - 3rem)}}.row hr.is-fixed-width,.u-fixed-width hr.is-fixed-width{width:100%}/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}h4.is-accent,h3.is-accent,h2.is-accent,h1.is-accent{color:#0f95a1}h2,h1{font-size:2rem;font-style:normal;font-weight:180;line-height:2.5rem;margin-bottom:.95rem;margin-top:0;max-width:40em;padding-top:.55rem}@media (min-width: 1036px){h2,h1{font-size:2.5rem;line-height:3rem;margin-bottom:.95rem;padding-top:.55rem}}h1{font-weight:550}h3{font-size:1.5rem;font-style:normal;font-weight:550;line-height:2rem;margin-bottom:1.05rem;margin-top:0;max-width:40em;padding-top:.45rem}@media (min-width: 1036px){h3{font-size:1.5rem;line-height:2rem;margin-bottom:1.05rem;padding-top:.45rem}}h4{font-size:1.5rem;font-style:normal;font-weight:275;line-height:2rem;margin-bottom:1.05rem;margin-top:0;max-width:40em;padding-top:.45rem}@media (min-width: 1036px){h4{font-size:1.5rem;line-height:2rem;margin-bottom:1.05rem;padding-top:.45rem}}@media (min-width: 1681px){h4{margin-bottom:1.05rem;padding-top:.45rem}}h5{font-size:1rem;font-style:normal;font-weight:550;line-height:1.5rem;margin-bottom:1.1rem;margin-top:0;max-width:40em;padding-top:.4rem}h6{font-size:1rem;font-style:italic;font-weight:400;line-height:1.5rem;margin-bottom:1.1rem;margin-top:0;max-width:40em;padding-top:.4rem}@media (min-width: 1681px){h6{padding-top:.4rem}}summary,p,dt,dd,cite,.p-text--default,.p-text--small-caps,.p-text--x-small-capitalised{line-height:1.5rem;margin-top:0;padding-top:.4rem}dt,dd,cite,.p-text--default,.p-text--small-caps,.p-text--x-small-capitalised{font-size:1rem;font-weight:400;margin-bottom:.1rem}p{margin-bottom:1.1rem}p:not([class*=p-heading--]):not([class*=p-muted-heading])+p{margin-top:-.5rem}small,.p-text--small{font-size:.875rem;line-height:1.25rem;margin-bottom:.95rem;padding-top:.05rem}@media (min-width: 1681px){small,.p-text--small{padding-top:.05rem}}.p-text--x-small,.l-navigation .p-side-navigation__label--group,thead th{font-size:.75rem;font-weight:550;line-height:1rem;margin-bottom:.75rem;padding-top:.25rem}@media (min-width: 1681px){.p-text--x-small,.l-navigation .p-side-navigation__label--group,thead th{padding-top:.25rem}}.p-text--small-caps,.p-text--x-small-capitalised{font-variant-caps:all-small-caps;font-variant-numeric:oldstyle-nums;letter-spacing:.05em;margin-bottom:.6rem}.u-align-text--x-small-to-default.p-text--small-caps,.u-align-text--x-small-to-default.p-text--x-small-capitalised{padding-top:.4rem}.l-navigation .p-side-navigation__label--group,thead th{text-transform:uppercase}dt,b,strong{font-weight:550}p:not([class*=p-heading--]):not([class*=p-muted-heading])+h1,p:not([class*=p-heading--]):not([class*=p-muted-heading])+.p-heading--1{padding-top:2.05rem}@media (min-width: 1036px){p:not([class*=p-heading--]):not([class*=p-muted-heading])+h1,p:not([class*=p-heading--]):not([class*=p-muted-heading])+.p-heading--1{padding-top:2.05rem}}p:not([class*=p-heading--]):not([class*=p-muted-heading])+h2,p:not([class*=p-heading--]):not([class*=p-muted-heading])+.p-heading--2{padding-top:2.05rem}@media (min-width: 1036px){p:not([class*=p-heading--]):not([class*=p-muted-heading])+h2,p:not([class*=p-heading--]):not([class*=p-muted-heading])+.p-heading--2{padding-top:2.05rem}}p:not([class*=p-heading--]):not([class*=p-muted-heading])+h3,p:not([class*=p-heading--]):not([class*=p-muted-heading])+.p-heading--3{padding-top:1.95rem}@media (min-width: 1036px){p:not([class*=p-heading--]):not([class*=p-muted-heading])+h3,p:not([class*=p-heading--]):not([class*=p-muted-heading])+.p-heading--3{padding-top:1.95rem}}p:not([class*=p-heading--]):not([class*=p-muted-heading])+h4,p:not([class*=p-heading--]):not([class*=p-muted-heading])+.p-heading--4{padding-top:1.95rem}@media (min-width: 1036px){p:not([class*=p-heading--]):not([class*=p-muted-heading])+h4,p:not([class*=p-heading--]):not([class*=p-muted-heading])+.p-heading--4{padding-top:1.95rem}}p:not([class*=p-heading--]):not([class*=p-muted-heading])+h5,p:not([class*=p-heading--]):not([class*=p-muted-heading])+.p-heading--5,p:not([class*=p-heading--]):not([class*=p-muted-heading])+h6,p:not([class*=p-heading--]):not([class*=p-muted-heading])+.p-heading--6{padding-top:1.9rem}p:not([class*=p-heading--]):not([class*=p-muted-heading])+.p-muted-heading{padding-top:1.55rem}fieldset{border:1.5px solid #d9d9d9}fieldset{background-color:#fff;color:#000}fieldset{overflow:auto;padding:1rem}fieldset{margin-bottom:1.5rem;overflow:auto;padding:1rem}td,th{padding-bottom:.5rem;padding-top:calc(.5rem - 1px)}hr{border:0;height:1px;margin-top:0;position:relative;width:100%}.p-panel__header .p-icon--sidebar-toggle,.p-icon--submit-bug,.p-icon--profile,.p-icon--units,.p-icon--tag,.p-icon--settings,.p-icon--connected,.p-icon--pods,.p-icon--machines{overflow:hidden;text-indent:110vw;white-space:nowrap}h2.u-no-margin--bottom,h1.u-no-margin--bottom{margin-bottom:-.55rem!important}@media (min-width: 1036px){h2.u-no-margin--bottom,h1.u-no-margin--bottom{margin-bottom:-.55rem!important}}h3.u-no-margin--bottom{margin-bottom:.05rem!important}@media (min-width: 1036px){h3.u-no-margin--bottom{margin-bottom:-.45rem!important}}h4.u-no-margin--bottom{margin-bottom:.05rem!important}@media (min-width: 1036px){h4.u-no-margin--bottom{margin-bottom:-.45rem!important}}@media (min-width: 1681px){h4.u-no-margin--bottom{margin-bottom:-.45rem!important}}h5.u-no-margin--bottom,h6.u-no-margin--bottom,p.u-no-margin--bottom,.u-no-margin--bottom.p-text--small-caps,.u-no-margin--bottom.p-text--x-small-capitalised{margin-bottom:.1rem!important}small.u-no-margin--bottom,.u-no-margin--bottom.p-text--small,.u-no-margin--bottom.p-text--x-small,.l-navigation .u-no-margin--bottom.p-side-navigation__label--group,thead th.u-no-margin--bottom{margin-bottom:-.05rem!important}hr.u-no-margin--bottom{margin-bottom:-1px!important;z-index:2}.p-panel__header .p-icon--sidebar-toggle,.p-icon--submit-bug,.p-icon--profile,.p-icon--units,.p-icon--tag,.p-icon--settings,.p-icon--connected,.p-icon--pods,.p-icon--machines{background-size:contain;height:1rem;width:1rem;background-position:center;background-repeat:no-repeat;display:inline-block;font-size:inherit;margin:0;padding:0;position:relative;vertical-align:calc(.5px + .3465em - .5rem)}body{background:#fff}body.is-paper{background:#f3f3f3}@font-face{font-family:Ubuntu variable;font-stretch:100%;font-style:normal;font-weight:100 800;src:url(https://assets.ubuntu.com/v1/f1ea362b-Ubuntu%5Bwdth,wght%5D-latin-v0.896a.woff2) format("woff2-variations")}@font-face{font-family:Ubuntu variable;font-stretch:100%;font-style:italic;font-weight:100 800;src:url(https://assets.ubuntu.com/v1/90b59210-Ubuntu-Italic%5Bwdth,wght%5D-latin-v0.896a.woff2) format("woff2-variations")}@font-face{font-family:Ubuntu Mono variable;font-style:normal;font-weight:100 800;src:url(https://assets.ubuntu.com/v1/d5fc1819-UbuntuMono%5Bwght%5D-latin-v0.869.woff2) format("woff2-variations")}html{color:#000;font-family:Ubuntu variable,Ubuntu,-apple-system,Segoe UI,Roboto,Oxygen,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:400;line-height:1.5rem;font-size:1rem}@media (min-width: 1681px){html{font-size:1.125rem;line-height:1.6875rem}}p{max-width:40em}small.dense,.p-text--small.dense{margin-bottom:1.2rem}.p-text--small-caps,.p-text--x-small-capitalised{font-weight:550}p:not([class*=p-heading--]):not([class*=p-muted-heading]):empty{line-height:0;margin:0;padding:0}sub,sup{line-height:0;position:relative;vertical-align:baseline}abbr[title]{border-bottom:.1em dotted;cursor:help;text-decoration:none}blockquote{border-left:2px solid #666;margin-bottom:1.5rem;margin-left:0;margin-top:0;overflow:auto;padding-bottom:.5rem;padding-left:1.5rem}blockquote>:last-child{margin-bottom:.1rem}blockquote>cite{display:block;font-style:normal}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}button{background-color:#fff;border-color:#0000008f;color:#000}button:visited{color:#000}button:hover{background-color:#f2f2f2;border-color:#0000008f}button:active,button[aria-pressed=true],button[aria-selected=true],button[aria-expanded=true]{background-color:#ebebeb;border-color:#0000008f;transition-duration:0s}button:disabled:active,button:disabled[aria-pressed=true],button:disabled[aria-selected=true],button:disabled[aria-expanded=true],button:disabled:hover,button.is-disabled:active,button.is-disabled[aria-pressed=true],button.is-disabled[aria-selected=true],button.is-disabled[aria-expanded=true],button.is-disabled:hover{background-color:transparent;border-color:#0000008f}button.is-dense{padding-bottom:calc(.15rem - 1.5px);padding-top:calc(.15rem - 1.5px)}button{transition-duration:.1s;transition-property:background-color,border-color;transition-timing-function:cubic-bezier(.55,.055,.675,.19);border-style:solid;border-width:1.5px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:400;justify-content:center;line-height:1.5rem;margin:0 1rem 1.2rem 0;padding:calc(.4rem - 1px) 1rem;text-align:center;text-decoration:none}button:focus{outline:.1875rem solid #2e96ff;outline-offset:-.1875rem}button:focus-visible{outline:.1875rem solid #2e96ff;outline-offset:-.1875rem}button:focus:not(:focus-visible){outline:0;outline-offset:0}button:active,button:focus,button:hover{text-decoration:none}button:disabled,button.is-disabled{cursor:not-allowed;opacity:.33}button:last-child{margin-right:0}button.is-dense{margin-bottom:.1rem}button.is-small{font-size:.875rem;line-height:1.25rem;margin-bottom:.7rem;padding:calc(.05rem - 1.5px) .5rem}button.is-small.is-dense{margin-bottom:.1rem;padding-bottom:calc(.15rem - 1.5px);padding-top:calc(.15rem - 1.5px)}p button{margin-bottom:.6rem;margin-top:-.4rem}p+p>button{margin-top:.1rem}code,kbd,pre,samp{font-family:Ubuntu Mono variable,Ubuntu Mono,Consolas,Monaco,Courier,monospace;font-weight:400;text-align:left}code b,code strong,kbd b,kbd strong,pre b,pre strong,samp b,samp strong{font-weight:550}code,kbd,samp{background-color:#00000008;-webkit-box-decoration-break:slice;box-decoration-break:slice;color:inherit;line-height:1.25rem;padding:calc(.25rem - 1.5px) .25rem}code,pre{direction:ltr;-webkit-hyphens:none;hyphens:none;-moz-tab-size:4;-o-tab-size:4;tab-size:4;word-spacing:normal;word-wrap:break-word}pre code{background:none;box-shadow:none;display:inline-block;line-height:1.5rem;margin-left:0;margin-right:0;padding:0}pre{background-color:#00000008;color:#000;display:block;margin-bottom:1.5rem;margin-top:0;overflow:auto;padding:.5rem 1rem;text-align:left;text-shadow:none;white-space:pre}[class*=--dark] code,code.is-dark{background-color:#ffffff4d;color:#fff}details{margin-bottom:1.5rem;overflow:auto}summary{margin-bottom:.4rem;max-width:40em;padding-bottom:.6rem}summary:focus{outline:.1875rem solid #2e96ff;outline-offset:-.1875rem}summary:focus-visible{outline:.1875rem solid #2e96ff;outline-offset:-.1875rem}summary:focus:not(:focus-visible){outline:0;outline-offset:0}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.1875rem;margin:.5rem 0;padding:0;width:100%}input[type=range]::-webkit-slider-runnable-track{border-radius:.1875rem;height:.1875rem}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:1.5px solid #666;border-radius:50%;box-shadow:0 0 .1875rem 1px #0003;height:1rem;margin-top:-.40625rem;width:1rem}input[type=range]::-webkit-slider-thumb:hover{cursor:pointer}input[type=range]::-moz-range-track{background:#d9d9d9;border-radius:.1875rem;height:.1875rem}input[type=range]::-moz-range-progress{background-color:#06c;border-radius:.1875rem;height:.1875rem}input[type=range]::-moz-range-thumb{background:#fff;border:1.5px solid #666;border-radius:50%;box-shadow:0 0 .1875rem 1px #0003;height:1rem;width:1rem}input[type=range]::-moz-range-thumb:hover{cursor:pointer}input[type=range]::-moz-focus-outer{border:0}input[type=range]:focus{outline:none}input[type=range]:focus::-webkit-slider-thumb{outline:.1875rem solid #2e96ff}input[type=range]:focus::-moz-range-thumb{outline:.1875rem solid #2e96ff}input[type=range]:disabled{opacity:.5}[type=file],textarea,[type=text],[type=date],[type=datetime],[type=datetime-local],[type=month],[type=time],[type=week],[type=number],[type=search],[type=password],[type=email],[type=url],[type=tel],select{padding-bottom:calc(.4rem - 1px);padding-top:calc(.4rem - 1px)}textarea,[type=text],[type=date],[type=datetime],[type=datetime-local],[type=month],[type=time],[type=week],[type=number],[type=search],[type=password],[type=email],[type=url],[type=tel],select{transition-duration:.165s;transition-property:background-color;transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;border:0 solid transparent;border-bottom:1.5px solid #000;border-radius:0;font-family:Ubuntu variable,Ubuntu,-apple-system,Segoe UI,Roboto,Oxygen,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1rem;font-weight:400;line-height:1.5rem;margin-bottom:1.2rem;min-width:8em;padding-left:.5rem;padding-right:.5rem;vertical-align:baseline;width:100%;background-color:#f5f5f5;border-color:#000;color:#000}textarea:focus,[type=text]:focus,[type=date]:focus,[type=datetime]:focus,[type=datetime-local]:focus,[type=month]:focus,[type=time]:focus,[type=week]:focus,[type=number]:focus,[type=search]:focus,[type=password]:focus,[type=email]:focus,[type=url]:focus,[type=tel]:focus,select:focus{outline:.1875rem solid #2e96ff;outline-offset:-.1875rem}textarea:focus-visible,[type=text]:focus-visible,[type=date]:focus-visible,[type=datetime]:focus-visible,[type=datetime-local]:focus-visible,[type=month]:focus-visible,[type=time]:focus-visible,[type=week]:focus-visible,[type=number]:focus-visible,[type=search]:focus-visible,[type=password]:focus-visible,[type=email]:focus-visible,[type=url]:focus-visible,[type=tel]:focus-visible,select:focus-visible{outline:.1875rem solid #2e96ff;outline-offset:-.1875rem}textarea:focus:not(:focus-visible),[type=text]:focus:not(:focus-visible),[type=date]:focus:not(:focus-visible),[type=datetime]:focus:not(:focus-visible),[type=datetime-local]:focus:not(:focus-visible),[type=month]:focus:not(:focus-visible),[type=time]:focus:not(:focus-visible),[type=week]:focus:not(:focus-visible),[type=number]:focus:not(:focus-visible),[type=search]:focus:not(:focus-visible),[type=password]:focus:not(:focus-visible),[type=email]:focus:not(:focus-visible),[type=url]:focus:not(:focus-visible),[type=tel]:focus:not(:focus-visible),select:focus:not(:focus-visible){outline:0;outline-offset:0}.is-error textarea:focus,.is-error [type=text]:focus,.is-error [type=date]:focus,.is-error [type=datetime]:focus,.is-error [type=datetime-local]:focus,.is-error [type=month]:focus,.is-error [type=time]:focus,.is-error [type=week]:focus,.is-error [type=number]:focus,.is-error [type=search]:focus,.is-error [type=password]:focus,.is-error [type=email]:focus,.is-error [type=url]:focus,.is-error [type=tel]:focus,.is-error select:focus{outline-color:#c7162b}.is-caution textarea:focus,.is-caution [type=text]:focus,.is-caution [type=date]:focus,.is-caution [type=datetime]:focus,.is-caution [type=datetime-local]:focus,.is-caution [type=month]:focus,.is-caution [type=time]:focus,.is-caution [type=week]:focus,.is-caution [type=number]:focus,.is-caution [type=search]:focus,.is-caution [type=password]:focus,.is-caution [type=email]:focus,.is-caution [type=url]:focus,.is-caution [type=tel]:focus,.is-caution select:focus{outline-color:#f99b11}.is-success textarea:focus,.is-success [type=text]:focus,.is-success [type=date]:focus,.is-success [type=datetime]:focus,.is-success [type=datetime-local]:focus,.is-success [type=month]:focus,.is-success [type=time]:focus,.is-success [type=week]:focus,.is-success [type=number]:focus,.is-success [type=search]:focus,.is-success [type=password]:focus,.is-success [type=email]:focus,.is-success [type=url]:focus,.is-success [type=tel]:focus,.is-success select:focus{outline-color:#0e8420}textarea.is-dense,.is-dense[type=text],.is-dense[type=date],.is-dense[type=datetime],.is-dense[type=datetime-local],.is-dense[type=month],.is-dense[type=time],.is-dense[type=week],.is-dense[type=number],.is-dense[type=search],.is-dense[type=password],.is-dense[type=email],.is-dense[type=url],.is-dense[type=tel],select.is-dense{margin:0 0 .1rem;padding-bottom:calc(.15rem - 1.5px);padding-top:calc(.15rem - 1.5px)}textarea.has-error,.has-error[type=text],.has-error[type=date],.has-error[type=datetime],.has-error[type=datetime-local],.has-error[type=month],.has-error[type=time],.has-error[type=week],.has-error[type=number],.has-error[type=search],.has-error[type=password],.has-error[type=email],.has-error[type=url],.has-error[type=tel],select.has-error{border:1.5px solid #c7162b}textarea.has-caution,.has-caution[type=text],.has-caution[type=date],.has-caution[type=datetime],.has-caution[type=datetime-local],.has-caution[type=month],.has-caution[type=time],.has-caution[type=week],.has-caution[type=number],.has-caution[type=search],.has-caution[type=password],.has-caution[type=email],.has-caution[type=url],.has-caution[type=tel],select.has-caution{border:1.5px solid #f99b11}textarea.has-success,.has-success[type=text],.has-success[type=date],.has-success[type=datetime],.has-success[type=datetime-local],.has-success[type=month],.has-success[type=time],.has-success[type=week],.has-success[type=number],.has-success[type=search],.has-success[type=password],.has-success[type=email],.has-success[type=url],.has-success[type=tel],select.has-success{border:1.5px solid #0e8420}textarea.has-information,.has-information[type=text],.has-information[type=date],.has-information[type=datetime],.has-information[type=datetime-local],.has-information[type=month],.has-information[type=time],.has-information[type=week],.has-information[type=number],.has-information[type=search],.has-information[type=password],.has-information[type=email],.has-information[type=url],.has-information[type=tel],select.has-information{border:1.5px solid #24598f}textarea:hover,[type=text]:hover,[type=date]:hover,[type=datetime]:hover,[type=datetime-local]:hover,[type=month]:hover,[type=time]:hover,[type=week]:hover,[type=number]:hover,[type=search]:hover,[type=password]:hover,[type=email]:hover,[type=url]:hover,[type=tel]:hover,select:hover{background-color:#f2f2f2}textarea:active,[type=text]:active,[type=date]:active,[type=datetime]:active,[type=datetime-local]:active,[type=month]:active,[type=time]:active,[type=week]:active,[type=number]:active,[type=search]:active,[type=password]:active,[type=email]:active,[type=url]:active,[type=tel]:active,select:active,textarea:focus,[type=text]:focus,[type=date]:focus,[type=datetime]:focus,[type=datetime-local]:focus,[type=month]:focus,[type=time]:focus,[type=week]:focus,[type=number]:focus,[type=search]:focus,[type=password]:focus,[type=email]:focus,[type=url]:focus,[type=tel]:focus,select:focus{background-color:#ebebeb}textarea option,[type=text] option,[type=date] option,[type=datetime] option,[type=datetime-local] option,[type=month] option,[type=time] option,[type=week] option,[type=number] option,[type=search] option,[type=password] option,[type=email] option,[type=url] option,[type=tel] option,select option{background-color:#f7f7f7;color:#000}textarea option:checked:not(:disabled),[type=text] option:checked:not(:disabled),[type=date] option:checked:not(:disabled),[type=datetime] option:checked:not(:disabled),[type=datetime-local] option:checked:not(:disabled),[type=month] option:checked:not(:disabled),[type=time] option:checked:not(:disabled),[type=week] option:checked:not(:disabled),[type=number] option:checked:not(:disabled),[type=search] option:checked:not(:disabled),[type=password] option:checked:not(:disabled),[type=email] option:checked:not(:disabled),[type=url] option:checked:not(:disabled),[type=tel] option:checked:not(:disabled),select option:checked:not(:disabled){background-color:#ebebeb}textarea::placeholder,[type=text]::placeholder,[type=date]::placeholder,[type=datetime]::placeholder,[type=datetime-local]::placeholder,[type=month]::placeholder,[type=time]::placeholder,[type=week]::placeholder,[type=number]::placeholder,[type=search]::placeholder,[type=password]::placeholder,[type=email]::placeholder,[type=url]::placeholder,[type=tel]::placeholder,select::placeholder{color:#0009}.is-dark textarea,.is-dark [type=text],.is-dark [type=date],.is-dark [type=datetime],.is-dark [type=datetime-local],.is-dark [type=month],.is-dark [type=time],.is-dark [type=week],.is-dark [type=number],.is-dark [type=search],.is-dark [type=password],.is-dark [type=email],.is-dark [type=url],.is-dark [type=tel],.is-dark select,textarea.is-dark,.is-dark[type=text],.is-dark[type=date],.is-dark[type=datetime],.is-dark[type=datetime-local],.is-dark[type=month],.is-dark[type=time],.is-dark[type=week],.is-dark[type=number],.is-dark[type=search],.is-dark[type=password],.is-dark[type=email],.is-dark[type=url],.is-dark[type=tel],select.is-dark{background-color:#ffffff0a;border-color:#ffffff80;color:#fff}.is-dark textarea:hover,.is-dark [type=text]:hover,.is-dark [type=date]:hover,.is-dark [type=datetime]:hover,.is-dark [type=datetime-local]:hover,.is-dark [type=month]:hover,.is-dark [type=time]:hover,.is-dark [type=week]:hover,.is-dark [type=number]:hover,.is-dark [type=search]:hover,.is-dark [type=password]:hover,.is-dark [type=email]:hover,.is-dark [type=url]:hover,.is-dark [type=tel]:hover,.is-dark select:hover,textarea.is-dark:hover,.is-dark[type=text]:hover,.is-dark[type=date]:hover,.is-dark[type=datetime]:hover,.is-dark[type=datetime-local]:hover,.is-dark[type=month]:hover,.is-dark[type=time]:hover,.is-dark[type=week]:hover,.is-dark[type=number]:hover,.is-dark[type=search]:hover,.is-dark[type=password]:hover,.is-dark[type=email]:hover,.is-dark[type=url]:hover,.is-dark[type=tel]:hover,select.is-dark:hover{background-color:#ffffff0d}.is-dark textarea:active,.is-dark [type=text]:active,.is-dark [type=date]:active,.is-dark [type=datetime]:active,.is-dark [type=datetime-local]:active,.is-dark [type=month]:active,.is-dark [type=time]:active,.is-dark [type=week]:active,.is-dark [type=number]:active,.is-dark [type=search]:active,.is-dark [type=password]:active,.is-dark [type=email]:active,.is-dark [type=url]:active,.is-dark [type=tel]:active,.is-dark select:active,.is-dark textarea:focus,.is-dark [type=text]:focus,.is-dark [type=date]:focus,.is-dark [type=datetime]:focus,.is-dark [type=datetime-local]:focus,.is-dark [type=month]:focus,.is-dark [type=time]:focus,.is-dark [type=week]:focus,.is-dark [type=number]:focus,.is-dark [type=search]:focus,.is-dark [type=password]:focus,.is-dark [type=email]:focus,.is-dark [type=url]:focus,.is-dark [type=tel]:focus,.is-dark select:focus,textarea.is-dark:active,.is-dark[type=text]:active,.is-dark[type=date]:active,.is-dark[type=datetime]:active,.is-dark[type=datetime-local]:active,.is-dark[type=month]:active,.is-dark[type=time]:active,.is-dark[type=week]:active,.is-dark[type=number]:active,.is-dark[type=search]:active,.is-dark[type=password]:active,.is-dark[type=email]:active,.is-dark[type=url]:active,.is-dark[type=tel]:active,select.is-dark:active,textarea.is-dark:focus,.is-dark[type=text]:focus,.is-dark[type=date]:focus,.is-dark[type=datetime]:focus,.is-dark[type=datetime-local]:focus,.is-dark[type=month]:focus,.is-dark[type=time]:focus,.is-dark[type=week]:focus,.is-dark[type=number]:focus,.is-dark[type=search]:focus,.is-dark[type=password]:focus,.is-dark[type=email]:focus,.is-dark[type=url]:focus,.is-dark[type=tel]:focus,select.is-dark:focus{background-color:#ffffff14}.is-dark textarea option,.is-dark [type=text] option,.is-dark [type=date] option,.is-dark [type=datetime] option,.is-dark [type=datetime-local] option,.is-dark [type=month] option,.is-dark [type=time] option,.is-dark [type=week] option,.is-dark [type=number] option,.is-dark [type=search] option,.is-dark [type=password] option,.is-dark [type=email] option,.is-dark [type=url] option,.is-dark [type=tel] option,.is-dark select option,textarea.is-dark option,.is-dark[type=text] option,.is-dark[type=date] option,.is-dark[type=datetime] option,.is-dark[type=datetime-local] option,.is-dark[type=month] option,.is-dark[type=time] option,.is-dark[type=week] option,.is-dark[type=number] option,.is-dark[type=search] option,.is-dark[type=password] option,.is-dark[type=email] option,.is-dark[type=url] option,.is-dark[type=tel] option,select.is-dark option{background-color:#2d2d2d;color:#fff}.is-dark textarea option:checked:not(:disabled),.is-dark [type=text] option:checked:not(:disabled),.is-dark [type=date] option:checked:not(:disabled),.is-dark [type=datetime] option:checked:not(:disabled),.is-dark [type=datetime-local] option:checked:not(:disabled),.is-dark [type=month] option:checked:not(:disabled),.is-dark [type=time] option:checked:not(:disabled),.is-dark [type=week] option:checked:not(:disabled),.is-dark [type=number] option:checked:not(:disabled),.is-dark [type=search] option:checked:not(:disabled),.is-dark [type=password] option:checked:not(:disabled),.is-dark [type=email] option:checked:not(:disabled),.is-dark [type=url] option:checked:not(:disabled),.is-dark [type=tel] option:checked:not(:disabled),.is-dark select option:checked:not(:disabled),textarea.is-dark option:checked:not(:disabled),.is-dark[type=text] option:checked:not(:disabled),.is-dark[type=date] option:checked:not(:disabled),.is-dark[type=datetime] option:checked:not(:disabled),.is-dark[type=datetime-local] option:checked:not(:disabled),.is-dark[type=month] option:checked:not(:disabled),.is-dark[type=time] option:checked:not(:disabled),.is-dark[type=week] option:checked:not(:disabled),.is-dark[type=number] option:checked:not(:disabled),.is-dark[type=search] option:checked:not(:disabled),.is-dark[type=password] option:checked:not(:disabled),.is-dark[type=email] option:checked:not(:disabled),.is-dark[type=url] option:checked:not(:disabled),.is-dark[type=tel] option:checked:not(:disabled),select.is-dark option:checked:not(:disabled){background-color:#ffffff14}.is-dark textarea::placeholder,.is-dark [type=text]::placeholder,.is-dark [type=date]::placeholder,.is-dark [type=datetime]::placeholder,.is-dark [type=datetime-local]::placeholder,.is-dark [type=month]::placeholder,.is-dark [type=time]::placeholder,.is-dark [type=week]::placeholder,.is-dark [type=number]::placeholder,.is-dark [type=search]::placeholder,.is-dark [type=password]::placeholder,.is-dark [type=email]::placeholder,.is-dark [type=url]::placeholder,.is-dark [type=tel]::placeholder,.is-dark select::placeholder,textarea.is-dark::placeholder,.is-dark[type=text]::placeholder,.is-dark[type=date]::placeholder,.is-dark[type=datetime]::placeholder,.is-dark[type=datetime-local]::placeholder,.is-dark[type=month]::placeholder,.is-dark[type=time]::placeholder,.is-dark[type=week]::placeholder,.is-dark[type=number]::placeholder,.is-dark[type=search]::placeholder,.is-dark[type=password]::placeholder,.is-dark[type=email]::placeholder,.is-dark[type=url]::placeholder,.is-dark[type=tel]::placeholder,select.is-dark::placeholder{color:#fff9}.is-paper textarea,.is-paper [type=text],.is-paper [type=date],.is-paper [type=datetime],.is-paper [type=datetime-local],.is-paper [type=month],.is-paper [type=time],.is-paper [type=week],.is-paper [type=number],.is-paper [type=search],.is-paper [type=password],.is-paper [type=email],.is-paper [type=url],.is-paper [type=tel],.is-paper select,textarea.is-paper,.is-paper[type=text],.is-paper[type=date],.is-paper[type=datetime],.is-paper[type=datetime-local],.is-paper[type=month],.is-paper[type=time],.is-paper[type=week],.is-paper[type=number],.is-paper[type=search],.is-paper[type=password],.is-paper[type=email],.is-paper[type=url],.is-paper[type=tel],select.is-paper{background-color:#0000000a;border-color:#000;color:#000}.is-paper textarea:hover,.is-paper [type=text]:hover,.is-paper [type=date]:hover,.is-paper [type=datetime]:hover,.is-paper [type=datetime-local]:hover,.is-paper [type=month]:hover,.is-paper [type=time]:hover,.is-paper [type=week]:hover,.is-paper [type=number]:hover,.is-paper [type=search]:hover,.is-paper [type=password]:hover,.is-paper [type=email]:hover,.is-paper [type=url]:hover,.is-paper [type=tel]:hover,.is-paper select:hover,textarea.is-paper:hover,.is-paper[type=text]:hover,.is-paper[type=date]:hover,.is-paper[type=datetime]:hover,.is-paper[type=datetime-local]:hover,.is-paper[type=month]:hover,.is-paper[type=time]:hover,.is-paper[type=week]:hover,.is-paper[type=number]:hover,.is-paper[type=search]:hover,.is-paper[type=password]:hover,.is-paper[type=email]:hover,.is-paper[type=url]:hover,.is-paper[type=tel]:hover,select.is-paper:hover{background-color:#0000000d}.is-paper textarea:active,.is-paper [type=text]:active,.is-paper [type=date]:active,.is-paper [type=datetime]:active,.is-paper [type=datetime-local]:active,.is-paper [type=month]:active,.is-paper [type=time]:active,.is-paper [type=week]:active,.is-paper [type=number]:active,.is-paper [type=search]:active,.is-paper [type=password]:active,.is-paper [type=email]:active,.is-paper [type=url]:active,.is-paper [type=tel]:active,.is-paper select:active,.is-paper textarea:focus,.is-paper [type=text]:focus,.is-paper [type=date]:focus,.is-paper [type=datetime]:focus,.is-paper [type=datetime-local]:focus,.is-paper [type=month]:focus,.is-paper [type=time]:focus,.is-paper [type=week]:focus,.is-paper [type=number]:focus,.is-paper [type=search]:focus,.is-paper [type=password]:focus,.is-paper [type=email]:focus,.is-paper [type=url]:focus,.is-paper [type=tel]:focus,.is-paper select:focus,textarea.is-paper:active,.is-paper[type=text]:active,.is-paper[type=date]:active,.is-paper[type=datetime]:active,.is-paper[type=datetime-local]:active,.is-paper[type=month]:active,.is-paper[type=time]:active,.is-paper[type=week]:active,.is-paper[type=number]:active,.is-paper[type=search]:active,.is-paper[type=password]:active,.is-paper[type=email]:active,.is-paper[type=url]:active,.is-paper[type=tel]:active,select.is-paper:active,textarea.is-paper:focus,.is-paper[type=text]:focus,.is-paper[type=date]:focus,.is-paper[type=datetime]:focus,.is-paper[type=datetime-local]:focus,.is-paper[type=month]:focus,.is-paper[type=time]:focus,.is-paper[type=week]:focus,.is-paper[type=number]:focus,.is-paper[type=search]:focus,.is-paper[type=password]:focus,.is-paper[type=email]:focus,.is-paper[type=url]:focus,.is-paper[type=tel]:focus,select.is-paper:focus{background-color:#00000014}.is-paper textarea option,.is-paper [type=text] option,.is-paper [type=date] option,.is-paper [type=datetime] option,.is-paper [type=datetime-local] option,.is-paper [type=month] option,.is-paper [type=time] option,.is-paper [type=week] option,.is-paper [type=number] option,.is-paper [type=search] option,.is-paper [type=password] option,.is-paper [type=email] option,.is-paper [type=url] option,.is-paper [type=tel] option,.is-paper select option,textarea.is-paper option,.is-paper[type=text] option,.is-paper[type=date] option,.is-paper[type=datetime] option,.is-paper[type=datetime-local] option,.is-paper[type=month] option,.is-paper[type=time] option,.is-paper[type=week] option,.is-paper[type=number] option,.is-paper[type=search] option,.is-paper[type=password] option,.is-paper[type=email] option,.is-paper[type=url] option,.is-paper[type=tel] option,select.is-paper option{background-color:#f7f7f7;color:#000}.is-paper textarea option:checked:not(:disabled),.is-paper [type=text] option:checked:not(:disabled),.is-paper [type=date] option:checked:not(:disabled),.is-paper [type=datetime] option:checked:not(:disabled),.is-paper [type=datetime-local] option:checked:not(:disabled),.is-paper [type=month] option:checked:not(:disabled),.is-paper [type=time] option:checked:not(:disabled),.is-paper [type=week] option:checked:not(:disabled),.is-paper [type=number] option:checked:not(:disabled),.is-paper [type=search] option:checked:not(:disabled),.is-paper [type=password] option:checked:not(:disabled),.is-paper [type=email] option:checked:not(:disabled),.is-paper [type=url] option:checked:not(:disabled),.is-paper [type=tel] option:checked:not(:disabled),.is-paper select option:checked:not(:disabled),textarea.is-paper option:checked:not(:disabled),.is-paper[type=text] option:checked:not(:disabled),.is-paper[type=date] option:checked:not(:disabled),.is-paper[type=datetime] option:checked:not(:disabled),.is-paper[type=datetime-local] option:checked:not(:disabled),.is-paper[type=month] option:checked:not(:disabled),.is-paper[type=time] option:checked:not(:disabled),.is-paper[type=week] option:checked:not(:disabled),.is-paper[type=number] option:checked:not(:disabled),.is-paper[type=search] option:checked:not(:disabled),.is-paper[type=password] option:checked:not(:disabled),.is-paper[type=email] option:checked:not(:disabled),.is-paper[type=url] option:checked:not(:disabled),.is-paper[type=tel] option:checked:not(:disabled),select.is-paper option:checked:not(:disabled){background-color:#00000014}.is-paper textarea::placeholder,.is-paper [type=text]::placeholder,.is-paper [type=date]::placeholder,.is-paper [type=datetime]::placeholder,.is-paper [type=datetime-local]::placeholder,.is-paper [type=month]::placeholder,.is-paper [type=time]::placeholder,.is-paper [type=week]::placeholder,.is-paper [type=number]::placeholder,.is-paper [type=search]::placeholder,.is-paper [type=password]::placeholder,.is-paper [type=email]::placeholder,.is-paper [type=url]::placeholder,.is-paper [type=tel]::placeholder,.is-paper select::placeholder,textarea.is-paper::placeholder,.is-paper[type=text]::placeholder,.is-paper[type=date]::placeholder,.is-paper[type=datetime]::placeholder,.is-paper[type=datetime-local]::placeholder,.is-paper[type=month]::placeholder,.is-paper[type=time]::placeholder,.is-paper[type=week]::placeholder,.is-paper[type=number]::placeholder,.is-paper[type=search]::placeholder,.is-paper[type=password]::placeholder,.is-paper[type=email]::placeholder,.is-paper[type=url]::placeholder,.is-paper[type=tel]::placeholder,select.is-paper::placeholder{color:#0009}textarea[disabled],[disabled][type=text],[disabled][type=date],[disabled][type=datetime],[disabled][type=datetime-local],[disabled][type=month],[disabled][type=time],[disabled][type=week],[disabled][type=number],[disabled][type=search],[disabled][type=password],[disabled][type=email],[disabled][type=url],[disabled][type=tel],select[disabled],textarea[disabled=disabled],[disabled=disabled][type=text],[disabled=disabled][type=date],[disabled=disabled][type=datetime],[disabled=disabled][type=datetime-local],[disabled=disabled][type=month],[disabled=disabled][type=time],[disabled=disabled][type=week],[disabled=disabled][type=number],[disabled=disabled][type=search],[disabled=disabled][type=password],[disabled=disabled][type=email],[disabled=disabled][type=url],[disabled=disabled][type=tel],select[disabled=disabled]{cursor:not-allowed;opacity:.33}textarea[readonly],[readonly][type=text],[readonly][type=date],[readonly][type=datetime],[readonly][type=datetime-local],[readonly][type=month],[readonly][type=time],[readonly][type=week],[readonly][type=number],[readonly][type=search],[readonly][type=password],[readonly][type=email],[readonly][type=url],[readonly][type=tel],select[readonly],textarea[readonly=readonly],[readonly=readonly][type=text],[readonly=readonly][type=date],[readonly=readonly][type=datetime],[readonly=readonly][type=datetime-local],[readonly=readonly][type=month],[readonly=readonly][type=time],[readonly=readonly][type=week],[readonly=readonly][type=number],[readonly=readonly][type=search],[readonly=readonly][type=password],[readonly=readonly][type=email],[readonly=readonly][type=url],[readonly=readonly][type=tel],select[readonly=readonly]{color:#d9d9d9;cursor:default}textarea[readonly]:hover,[readonly][type=text]:hover,[readonly][type=date]:hover,[readonly][type=datetime]:hover,[readonly][type=datetime-local]:hover,[readonly][type=month]:hover,[readonly][type=time]:hover,[readonly][type=week]:hover,[readonly][type=number]:hover,[readonly][type=search]:hover,[readonly][type=password]:hover,[readonly][type=email]:hover,[readonly][type=url]:hover,[readonly][type=tel]:hover,select[readonly]:hover,textarea[readonly=readonly]:hover,[readonly=readonly][type=text]:hover,[readonly=readonly][type=date]:hover,[readonly=readonly][type=datetime]:hover,[readonly=readonly][type=datetime-local]:hover,[readonly=readonly][type=month]:hover,[readonly=readonly][type=time]:hover,[readonly=readonly][type=week]:hover,[readonly=readonly][type=number]:hover,[readonly=readonly][type=search]:hover,[readonly=readonly][type=password]:hover,[readonly=readonly][type=email]:hover,[readonly=readonly][type=url]:hover,[readonly=readonly][type=tel]:hover,select[readonly=readonly]:hover,textarea[readonly]:active,[readonly][type=text]:active,[readonly][type=date]:active,[readonly][type=datetime]:active,[readonly][type=datetime-local]:active,[readonly][type=month]:active,[readonly][type=time]:active,[readonly][type=week]:active,[readonly][type=number]:active,[readonly][type=search]:active,[readonly][type=password]:active,[readonly][type=email]:active,[readonly][type=url]:active,[readonly][type=tel]:active,select[readonly]:active,textarea[readonly=readonly]:active,[readonly=readonly][type=text]:active,[readonly=readonly][type=date]:active,[readonly=readonly][type=datetime]:active,[readonly=readonly][type=datetime-local]:active,[readonly=readonly][type=month]:active,[readonly=readonly][type=time]:active,[readonly=readonly][type=week]:active,[readonly=readonly][type=number]:active,[readonly=readonly][type=search]:active,[readonly=readonly][type=password]:active,[readonly=readonly][type=email]:active,[readonly=readonly][type=url]:active,[readonly=readonly][type=tel]:active,select[readonly=readonly]:active{border-color:#666;outline:none}label{cursor:pointer;display:inline-block;margin-bottom:.6rem;margin-top:0;max-width:40em;padding-top:.4rem;width:fit-content}label.is-required:before{content:"* ";position:relative}label.u-truncate{width:auto}label.has-error{color:#c7162b}label.has-caution{color:#f99b11}label.has-success{color:#0e8420}label.has-information{color:#24598f}[type=file]{margin-bottom:1.2rem;width:100%}[type=file]:focus{outline:.1875rem solid #2e96ff;outline-offset:-.1875rem}[type=file]:focus-visible{outline:.1875rem solid #2e96ff;outline-offset:-.1875rem}[type=file]:focus:not(:focus-visible){outline:0;outline-offset:0}[type=search]{-moz-appearance:none;-webkit-appearance:none;appearance:none;border-radius:0}[type=search]::-webkit-search-results-decoration{display:none}[type=search]::-webkit-search-cancel-button{-webkit-appearance:searchfield-cancel-button;cursor:pointer}input[list]::-webkit-calendar-picker-indicator{opacity:0}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='%23666' d='M8.187 11.748l6.187-6.187-1.06-1.061-5.127 5.127L3.061 4.5 2 5.561z'/%3E%3C/svg%3E");-moz-appearance:none;-webkit-appearance:none;appearance:none;background-position:right .5rem center;background-repeat:no-repeat;background-size:1rem;box-shadow:none;min-height:1.5rem;padding-right:2rem;text-indent:.01px;text-overflow:""}select:hover{cursor:pointer}select[multiple],select[size]{background-image:none;box-shadow:none;height:auto}select[multiple] option,select[size] option{font-weight:400;line-height:calc(1rem - 2px);padding:.25rem 0}textarea{margin-bottom:1.2rem;overflow:auto;vertical-align:top}fieldset{margin-left:0;margin-right:0;padding:calc(1rem - 1.5px)}hr{margin-bottom:calc(.5rem - 1px)}hr{background:rgba(0,0,0,.2)}hr.is-muted{background-color:#0000001a}hr.is-dark{background:rgba(255,255,255,.3)}hr.is-dark.is-muted{background-color:#ffffff0d}a{color:#06c;text-decoration:none}a:focus{outline:.1875rem solid #2e96ff;outline-offset:-.1875rem}a:focus-visible{outline:.1875rem solid #2e96ff;outline-offset:-.1875rem}a:focus:not(:focus-visible){outline:0;outline-offset:0}a:focus{outline-offset:0}a:hover{cursor:pointer;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.075em}a:visited{color:#7d42b8}a.is-dark{color:#69c}a.is-dark:visited{color:#a679d2}ol,ul{margin-bottom:1.5rem;margin-left:1rem;margin-top:0;padding-left:1rem}nav ol,nav ul{list-style:none;list-style-image:none}li{margin:0;padding:0}li>ul,li>ol{margin-bottom:0;padding-top:0}li>ul>li:last-of-type,li>ol>li:last-of-type{padding-bottom:0}dl{margin-bottom:1.5rem;margin-top:0;padding:0}dd{margin-left:1rem}img{border:0;height:auto;max-width:100%}figure{margin-bottom:1.5rem;margin-left:0;width:100%}figure caption,figure figcaption{display:block;font-style:italic;margin-top:.25rem;width:100%}iframe{border:0}object,iframe,embed,canvas,video,audio{display:block;margin:0 auto 20px;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}table{border:0;border-collapse:collapse;caption-side:bottom;line-height:1.5rem;margin-bottom:1.5rem;overflow-x:auto;width:100%;table-layout:fixed}td,th{font-weight:400;overflow:hidden;padding-left:.5rem;padding-right:.5rem;text-align:left;text-overflow:ellipsis;vertical-align:top}td.has-overflow,th.has-overflow{overflow:visible}thead th{padding-bottom:.75rem;padding-top:.75rem}thead tr{border-bottom:1px solid rgba(0,0,0,.2);vertical-align:top}caption{padding-bottom:.5rem;padding-top:.5rem}tfoot tr,tbody tr:not(:first-child){border-top:1px solid rgba(0,0,0,.1)}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#0009}.token.punctuation{color:#000}.token.namespace{opacity:.7}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#77216f}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#0e811f}.token .operator,.token .entity,.token .url,.language-css .token.string,.style .token.string{color:#a86500}.token.atrule,.token.attr-value,.token.keyword{color:#06c}.token.function,.token.class-name{color:#c7162b}.token.regex,.token.important,.token.variable{color:#dc3023}.token.important,.token.bold{font-weight:550}.token.italic{font-style:italic}.token.entity{cursor:help}.p-icon--machines{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 .99a3 3 0 013 3v1.75c0 .938-.431 1.776-1.106 2.326A2.989 2.989 0 0115 10.392v1.75a3 3 0 01-3 3H4a3 3 0 01-3-3v-1.75c0-.94.431-1.777 1.106-2.327A2.989 2.989 0 011 5.739V3.99a3 3 0 013-3h8zm0 7.902H4a1.5 1.5 0 00-1.493 1.355l-.007.145v1.75a1.5 1.5 0 001.356 1.493l.144.007h8a1.5 1.5 0 001.493-1.356l.007-.144v-1.75a1.5 1.5 0 00-1.356-1.494L12 8.892zM11.5 10a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-1a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5h1zm.5-7.51H4a1.5 1.5 0 00-1.493 1.355l-.007.144v1.75a1.5 1.5 0 001.356 1.493L4 7.24h8a1.5 1.5 0 001.493-1.355l.007-.145V3.99a1.5 1.5 0 00-1.356-1.493L12 2.49zM11.5 4a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-1a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5h1z' fill='%23666' fill-rule='nonzero'/%3E%3C/svg%3E")}[class*=--dark] .p-icon--machines,.p-icon--machines.is-light{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 .99a3 3 0 013 3v1.75c0 .938-.431 1.776-1.106 2.326A2.989 2.989 0 0115 10.392v1.75a3 3 0 01-3 3H4a3 3 0 01-3-3v-1.75c0-.94.431-1.777 1.106-2.327A2.989 2.989 0 011 5.739V3.99a3 3 0 013-3h8zm0 7.902H4a1.5 1.5 0 00-1.493 1.355l-.007.145v1.75a1.5 1.5 0 001.356 1.493l.144.007h8a1.5 1.5 0 001.493-1.356l.007-.144v-1.75a1.5 1.5 0 00-1.356-1.494L12 8.892zM11.5 10a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-1a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5h1zm.5-7.51H4a1.5 1.5 0 00-1.493 1.355l-.007.144v1.75a1.5 1.5 0 001.356 1.493L4 7.24h8a1.5 1.5 0 001.493-1.355l.007-.145V3.99a1.5 1.5 0 00-1.356-1.493L12 2.49zM11.5 4a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-1a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5h1z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E")}.p-icon--pods{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.703 3.958l.106-.093.011-.009a2 2 0 01.283-.19L7.032.938a2 2 0 011.936 0l4.929 2.728.147.09.168.126.12.11.062.063.072.082.09.117.108.169.08.154.05.116.058.177c.05.176.076.36.076.546v5.311a2 2 0 01-1.031 1.75l-4.929 2.727a2 2 0 01-1.936 0l-4.929-2.727a2 2 0 01-1.031-1.75V5.416a2 2 0 01.034-.367l.042-.178a2 2 0 01.062-.184l.063-.144.042-.083.08-.135.07-.1.061-.078.1-.113.077-.076zm11.725 2.375l-4.46 2.469a2 2 0 01-1.936 0l-4.46-2.468v4.393a.5.5 0 00.183.387l.075.05 4.928 2.728a.5.5 0 00.39.04l.094-.04 4.928-2.728a.5.5 0 00.25-.348l.008-.089V6.333zM7.852 2.211l-.094.04-4.733 2.62L7.758 7.49a.5.5 0 00.39.04l.094-.04 4.732-2.62-4.732-2.62a.5.5 0 00-.39-.04z' fill='%23666' fill-rule='nonzero'/%3E%3C/svg%3E")}[class*=--dark] .p-icon--pods,.p-icon--pods.is-light{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.703 3.958l.106-.093.011-.009a2 2 0 01.283-.19L7.032.938a2 2 0 011.936 0l4.929 2.728.147.09.168.126.12.11.062.063.072.082.09.117.108.169.08.154.05.116.058.177c.05.176.076.36.076.546v5.311a2 2 0 01-1.031 1.75l-4.929 2.727a2 2 0 01-1.936 0l-4.929-2.727a2 2 0 01-1.031-1.75V5.416a2 2 0 01.034-.367l.042-.178a2 2 0 01.062-.184l.063-.144.042-.083.08-.135.07-.1.061-.078.1-.113.077-.076zm11.725 2.375l-4.46 2.469a2 2 0 01-1.936 0l-4.46-2.468v4.393a.5.5 0 00.183.387l.075.05 4.928 2.728a.5.5 0 00.39.04l.094-.04 4.928-2.728a.5.5 0 00.25-.348l.008-.089V6.333zM7.852 2.211l-.094.04-4.733 2.62L7.758 7.49a.5.5 0 00.39.04l.094-.04 4.732-2.62-4.732-2.62a.5.5 0 00-.39-.04z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E")}.p-icon--connected{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.927 7.141l3.182 3.182L6.432 13a2.251 2.251 0 01-2.724.354L1.5 15.56.44 14.5l2.295-2.297a2.25 2.25 0 01.515-2.385l2.677-2.677zM14.5.44L15.56 1.5l-1.956 1.958a2.251 2.251 0 01-.354 2.724l-2.677 2.677-3.182-3.182L10.068 3a2.25 2.25 0 012.385-.515L14.5.44z' fill='%23666' fill-rule='evenodd'/%3E%3C/svg%3E")}[class*=--dark] .p-icon--connected,.p-icon--connected.is-light{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.927 7.141l3.182 3.182L6.432 13a2.251 2.251 0 01-2.724.354L1.5 15.56.44 14.5l2.295-2.297a2.25 2.25 0 01.515-2.385l2.677-2.677zM14.5.44L15.56 1.5l-1.956 1.958a2.251 2.251 0 01-.354 2.724l-2.677 2.677-3.182-3.182L10.068 3a2.25 2.25 0 012.385-.515L14.5.44z' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E")}.p-icon--settings{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.817.639a7.572 7.572 0 013.649 2.109l-.668 1.849c.212.297.396.615.55.95l1.936.346c.193.669.296 1.376.296 2.107 0 .731-.103 1.438-.296 2.107l-1.936.346a5.876 5.876 0 01-.55.95l.668 1.85a7.572 7.572 0 01-3.65 2.108l-1.268-1.504a5.956 5.956 0 01-1.096 0l-1.268 1.504a7.572 7.572 0 01-3.65-2.109l.668-1.849a5.876 5.876 0 01-.55-.95l-1.936-.346A7.584 7.584 0 01.42 8c0-.731.103-1.438.296-2.107l1.936-.346c.154-.335.338-.653.55-.95l-.668-1.85A7.572 7.572 0 016.184.64l1.268 1.504a5.956 5.956 0 011.096 0L9.817.639zm.496 1.737L9.19 3.709l-.78-.072a4.456 4.456 0 00-.41-.02l-.206.006-.204.014-.78.072-1.124-1.333-.222.096c-.346.159-.675.35-.984.57l-.194.144.593 1.64-.455.64a4.384 4.384 0 00-.287.463l-.122.244-.327.713-1.713.305-.017.12a6.128 6.128 0 00-.029.343L1.92 8c0 .232.014.462.04.689l.016.119 1.713.306.327.713c.076.165.162.325.258.48l.151.227.455.64-.593 1.639.194.145c.31.22.638.411.984.57l.222.095 1.123-1.332.78.072c.136.013.273.02.411.02l.206-.006.204-.014.78-.072 1.123 1.332.224-.095c.345-.159.674-.35.983-.57l.193-.145-.592-1.639.455-.64c.105-.148.201-.303.287-.463l.122-.244.327-.713 1.712-.306.018-.12c.013-.113.022-.227.029-.342L14.08 8c0-.232-.014-.462-.04-.689l-.017-.12-1.712-.305-.327-.713a4.368 4.368 0 00-.258-.48l-.151-.227-.455-.64.592-1.64-.193-.144c-.309-.22-.638-.411-.983-.57l-.224-.096zM8 5a3 3 0 110 6 3 3 0 010-6zm0 1.5a1.5 1.5 0 100 3 1.5 1.5 0 000-3z' fill='%23666' fill-rule='nonzero'/%3E%3C/svg%3E")}[class*=--dark] .p-icon--settings,.p-icon--settings.is-light{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.817.639a7.572 7.572 0 013.649 2.109l-.668 1.849c.212.297.396.615.55.95l1.936.346c.193.669.296 1.376.296 2.107 0 .731-.103 1.438-.296 2.107l-1.936.346a5.876 5.876 0 01-.55.95l.668 1.85a7.572 7.572 0 01-3.65 2.108l-1.268-1.504a5.956 5.956 0 01-1.096 0l-1.268 1.504a7.572 7.572 0 01-3.65-2.109l.668-1.849a5.876 5.876 0 01-.55-.95l-1.936-.346A7.584 7.584 0 01.42 8c0-.731.103-1.438.296-2.107l1.936-.346c.154-.335.338-.653.55-.95l-.668-1.85A7.572 7.572 0 016.184.64l1.268 1.504a5.956 5.956 0 011.096 0L9.817.639zm.496 1.737L9.19 3.709l-.78-.072a4.456 4.456 0 00-.41-.02l-.206.006-.204.014-.78.072-1.124-1.333-.222.096c-.346.159-.675.35-.984.57l-.194.144.593 1.64-.455.64a4.384 4.384 0 00-.287.463l-.122.244-.327.713-1.713.305-.017.12a6.128 6.128 0 00-.029.343L1.92 8c0 .232.014.462.04.689l.016.119 1.713.306.327.713c.076.165.162.325.258.48l.151.227.455.64-.593 1.639.194.145c.31.22.638.411.984.57l.222.095 1.123-1.332.78.072c.136.013.273.02.411.02l.206-.006.204-.014.78-.072 1.123 1.332.224-.095c.345-.159.674-.35.983-.57l.193-.145-.592-1.639.455-.64c.105-.148.201-.303.287-.463l.122-.244.327-.713 1.712-.306.018-.12c.013-.113.022-.227.029-.342L14.08 8c0-.232-.014-.462-.04-.689l-.017-.12-1.712-.305-.327-.713a4.368 4.368 0 00-.258-.48l-.151-.227-.455-.64.592-1.64-.193-.144c-.309-.22-.638-.411-.983-.57l-.224-.096zM8 5a3 3 0 110 6 3 3 0 010-6zm0 1.5a1.5 1.5 0 100 3 1.5 1.5 0 000-3z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E")}.p-icon--tag{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5 1A1.5 1.5 0 0115 2.5V8h-.023l-6.466 6.467a2 2 0 01-2.828 0L1.52 10.305a2 2 0 010-2.829l6.472-6.472.007.008L8 1h5.5zm0 1.5l-4.882-.001-6.037 6.038a.5.5 0 00-.058.638l.058.07 4.163 4.162a.5.5 0 00.637.058l.07-.058 6.048-6.051L13.5 2.5zm-2.493 1.41a1.108 1.108 0 110 2.215 1.108 1.108 0 010-2.216z' fill='%23666' fill-rule='nonzero'/%3E%3C/svg%3E")}[class*=--dark] .p-icon--tag,.p-icon--tag.is-light{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5 1A1.5 1.5 0 0115 2.5V8h-.023l-6.466 6.467a2 2 0 01-2.828 0L1.52 10.305a2 2 0 010-2.829l6.472-6.472.007.008L8 1h5.5zm0 1.5l-4.882-.001-6.037 6.038a.5.5 0 00-.058.638l.058.07 4.163 4.162a.5.5 0 00.637.058l.07-.058 6.048-6.051L13.5 2.5zm-2.493 1.41a1.108 1.108 0 110 2.215 1.108 1.108 0 010-2.216z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E")}.p-icon--units{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9a1 1 0 011 1v4a1 1 0 01-1 1H2a1 1 0 01-1-1v-4a1 1 0 011-1h4zm8 0a1 1 0 011 1v4a1 1 0 01-1 1h-4a1 1 0 01-1-1v-4a1 1 0 011-1h4zm-8.5 1.5h-3v3h3v-3zm8 0h-3v3h3v-3zM14 1a1 1 0 011 1v4a1 1 0 01-1 1h-4a1 1 0 01-1-1V2a1 1 0 011-1h4zm-.5 1.5h-3v3h3v-3z' fill='%23666' fill-rule='nonzero'/%3E%3C/svg%3E")}[class*=--dark] .p-icon--units,.p-icon--units.is-light{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9a1 1 0 011 1v4a1 1 0 01-1 1H2a1 1 0 01-1-1v-4a1 1 0 011-1h4zm8 0a1 1 0 011 1v4a1 1 0 01-1 1h-4a1 1 0 01-1-1v-4a1 1 0 011-1h4zm-8.5 1.5h-3v3h3v-3zm8 0h-3v3h3v-3zM14 1a1 1 0 011 1v4a1 1 0 01-1 1h-4a1 1 0 01-1-1V2a1 1 0 011-1h4zm-.5 1.5h-3v3h3v-3z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E")}.p-icon--profile{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.95 12.95l-.18.173-.074.068a6.926 6.926 0 01-.318.271l-.271.207-.209.146-.254.163-.225.132-.243.13-.21.103-.276.121-.133.054-.385.139-.271.082-.264.068-.298.065-.272.047-.337.043-.304.025L8.12 15 8 15l-.214-.003-.285-.015-.381-.037-.339-.05-.184-.036-.324-.074-.258-.07-.249-.079-.323-.118-.195-.08-.214-.095-.276-.137-.213-.116a7.006 7.006 0 01-.551-.35l-.197-.142-.175-.136-.176-.146-.297-.27-.16-.158-.213-.229-.07-.08a7 7 0 1110.772-.221l-.194.234a7.043 7.043 0 01-.334.358zM8.5 10.502h-1a3.498 3.498 0 00-3.017 1.726A5.473 5.473 0 008 13.5a5.478 5.478 0 003.518-1.272 3.499 3.499 0 00-2.826-1.72l-.192-.006zM8 2.5a5.5 5.5 0 00-4.557 8.581 5.004 5.004 0 012.203-1.724A2.978 2.978 0 015 7.5V7a3 3 0 116 0v.5c0 .701-.24 1.347-.644 1.858.888.355 1.65.957 2.202 1.722A5.5 5.5 0 008 2.5zm0 3a1.5 1.5 0 00-1.493 1.356L6.5 7v.5a1.5 1.5 0 002.993.144L9.5 7.5V7A1.5 1.5 0 008 5.5z' fill='%23666' fill-rule='nonzero'/%3E%3C/svg%3E")}[class*=--dark] .p-icon--profile,.p-icon--profile.is-light{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.95 12.95l-.18.173-.074.068a6.926 6.926 0 01-.318.271l-.271.207-.209.146-.254.163-.225.132-.243.13-.21.103-.276.121-.133.054-.385.139-.271.082-.264.068-.298.065-.272.047-.337.043-.304.025L8.12 15 8 15l-.214-.003-.285-.015-.381-.037-.339-.05-.184-.036-.324-.074-.258-.07-.249-.079-.323-.118-.195-.08-.214-.095-.276-.137-.213-.116a7.006 7.006 0 01-.551-.35l-.197-.142-.175-.136-.176-.146-.297-.27-.16-.158-.213-.229-.07-.08a7 7 0 1110.772-.221l-.194.234a7.043 7.043 0 01-.334.358zM8.5 10.502h-1a3.498 3.498 0 00-3.017 1.726A5.473 5.473 0 008 13.5a5.478 5.478 0 003.518-1.272 3.499 3.499 0 00-2.826-1.72l-.192-.006zM8 2.5a5.5 5.5 0 00-4.557 8.581 5.004 5.004 0 012.203-1.724A2.978 2.978 0 015 7.5V7a3 3 0 116 0v.5c0 .701-.24 1.347-.644 1.858.888.355 1.65.957 2.202 1.722A5.5 5.5 0 008 2.5zm0 3a1.5 1.5 0 00-1.493 1.356L6.5 7v.5a1.5 1.5 0 002.993.144L9.5 7.5V7A1.5 1.5 0 008 5.5z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E")}.p-icon--submit-bug{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.75 1.993V3.5c0 .382.284.698.653.748l.102.007.161-.001C4.905 4.093 5.192 4 5.5 4h5c.308 0 .595.093.834.253l.216.001a.755.755 0 00.749-.653l.007-.102V1.993h1.5V3.5A2.256 2.256 0 0112 5.709l-.001 1.531 1.278.001c.324 0 .634-.126.866-.349l.094-.1.523-.628 1.152.96-.523.628a2.75 2.75 0 01-1.925.983l-.187.006h-1.278L12 10c0 .099-.004.197-.01.294a2.254 2.254 0 011.81 2.057l.006.154v1.506h-1.5v-1.506a.755.755 0 00-.653-.748l-.057-.003a4 4 0 01-7.19.004l.1-.008a.755.755 0 00-.75.653l-.006.102v1.506h-1.5v-1.506c0-1.076.754-1.976 1.762-2.2A3.671 3.671 0 014 10l-.001-1.26-1.276.001a2.75 2.75 0 01-1.987-.85l-.125-.14-.523-.627 1.152-.96.523.627c.208.25.503.407.822.442l.138.008H4V5.696a2.257 2.257 0 01-1.744-2.044L2.25 3.5V1.993h1.5zM10.5 5.5h-5V10a2.5 2.5 0 004.995.164L10.5 10V5.5zM8 .974c1.221 0 2.24.871 2.466 2.026H5.534A2.514 2.514 0 018 .974z' fill='%23666' fill-rule='evenodd'/%3E%3C/svg%3E")}[class*=--dark] .p-icon--submit-bug,.p-icon--submit-bug.is-light{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.75 1.993V3.5c0 .382.284.698.653.748l.102.007.161-.001C4.905 4.093 5.192 4 5.5 4h5c.308 0 .595.093.834.253l.216.001a.755.755 0 00.749-.653l.007-.102V1.993h1.5V3.5A2.256 2.256 0 0112 5.709l-.001 1.531 1.278.001c.324 0 .634-.126.866-.349l.094-.1.523-.628 1.152.96-.523.628a2.75 2.75 0 01-1.925.983l-.187.006h-1.278L12 10c0 .099-.004.197-.01.294a2.254 2.254 0 011.81 2.057l.006.154v1.506h-1.5v-1.506a.755.755 0 00-.653-.748l-.057-.003a4 4 0 01-7.19.004l.1-.008a.755.755 0 00-.75.653l-.006.102v1.506h-1.5v-1.506c0-1.076.754-1.976 1.762-2.2A3.671 3.671 0 014 10l-.001-1.26-1.276.001a2.75 2.75 0 01-1.987-.85l-.125-.14-.523-.627 1.152-.96.523.627c.208.25.503.407.822.442l.138.008H4V5.696a2.257 2.257 0 01-1.744-2.044L2.25 3.5V1.993h1.5zM10.5 5.5h-5V10a2.5 2.5 0 004.995.164L10.5 10V5.5zM8 .974c1.221 0 2.24.871 2.466 2.026H5.534A2.514 2.514 0 018 .974z' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E")}.l-navigation.is-collapsed .l-navigation-collapse-toggle i{transform:rotate(180deg)}.l-navigation{transition-duration:.165s;transition-property:width,box-shadow,background;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.l-navigation .p-button--base.l-navigation-collapse-toggle{background-color:#ffffff0d;visibility:hidden}@media only screen and (min-width: 621px){.l-navigation .p-button--base.l-navigation-collapse-toggle{visibility:visible}}.l-navigation:hover,.l-navigation:focus-within,.l-navigation.is-pinned{grid-area:nav}@media only screen and (min-width: 621px){.l-navigation:hover,.l-navigation:focus-within,.l-navigation.is-pinned{position:static}}.l-navigation:hover .p-panel__controls,.l-navigation:focus-within .p-panel__controls,.l-navigation.is-pinned .p-panel__controls{opacity:1;visibility:visible}@media only screen and (min-width: 621px){.l-navigation:hover .p-panel__controls,.l-navigation:focus-within .p-panel__controls,.l-navigation.is-pinned .p-panel__controls{transform:translate(12rem)}}.l-navigation .p-panel__header{margin-bottom:1rem}.l-navigation .p-panel__controls{margin-left:auto;padding-top:.65rem;z-index:104;transition-duration:.165s;transition-property:opacity,visibility,transform,background;transition-timing-function:cubic-bezier(.215,.61,.355,1)}@media only screen and (min-width: 621px){.l-navigation .p-panel__controls{opacity:1;visibility:visible;position:absolute;top:0;left:0;padding-top:0;transform:translate(1rem) translateY(2.6rem)}}.l-navigation .p-panel__controls .p-side-navigation__tooltip-wrapper{display:none}@media only screen and (min-width: 621px){.l-navigation .p-panel__controls .p-side-navigation__tooltip-wrapper{display:inherit}}@media only screen and (min-width: 460px){.l-navigation .p-panel__controls .p-side-navigation__button--menu{display:none}}.l-navigation .p-side-navigation__item .p-side-navigation__link{width:100%;justify-content:flex-start}.l-navigation .p-side-navigation__item .p-side-navigation__link[aria-current=page]:hover,.l-navigation .p-side-navigation__item .p-side-navigation__link[aria-current=page] :active{cursor:pointer}.l-navigation .p-side-navigation__label--group{color:#f7f7f7;margin-bottom:.125rem;text-transform:uppercase}.l-navigation .p-side-navigation--icons .p-side-navigation__item .p-side-navigation__item .p-side-navigation__link,.l-navigation .p-side-navigation__text{padding-left:4rem}.l-navigation .p-side-navigation--icons>.p-side-navigation__list:last-of-type:after{content:""}.l-navigation .p-side-navigation--icons .p-side-navigation__list:after{left:1rem;opacity:1}.l-navigation .l-navigation__drawer{max-width:100vw}.p-panel__header .p-icon--sidebar-toggle{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' width='16px' height='16px' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 0 7.743 L 6.742 14.485 L 7.899 13.329 L 2.311 7.743 L 7.899 2.157 L 6.742 1 L 0 7.743 Z M 7.899 7.743 L 14.642 14.485 L 15.797 13.329 L 10.21 7.743 L 15.797 2.157 L 14.642 1 L 7.899 7.743 Z' fill='%23FFF' style=''/%3E%3C/svg%3E")}.p-panel__header .p-panel__logo{color:#fff;display:flex;flex-direction:column;margin-top:.25rem}@media only screen and (max-width: 620px){.p-panel__header .p-panel__logo{margin-bottom:0}}.p-panel__header .p-panel__logo:hover,.p-panel__header .p-panel__logo:visited{color:#fff;text-decoration:none}.p-panel__header .p-panel__logo .p-panel__logo-text{display:flex;flex-direction:column;justify-content:flex-end}.p-panel__header .p-panel__logo .p-panel__logo-text .p-panel__logo-name{font-size:1.5rem;line-height:1rem;margin-bottom:0;padding-top:0;margin-left:2rem;text-wrap:nowrap}.p-panel__header .p-panel__logo .p-panel__logo-text .p-panel__logo-name--small{font-size:.6rem;margin-bottom:0;padding-left:.1rem}.p-panel__header .p-panel__logo .p-navigation__tagged-logo{min-width:auto}.p-panel__header .p-panel__logo .p-navigation__tagged-logo .p-navigation__logo-tag{height:2.3rem;left:1rem}@media only screen and (min-width: 621px){.p-panel__header .p-panel__logo .p-navigation__tagged-logo .p-navigation__logo-tag{left:1.5rem}}.p-panel__footer{margin-top:auto}.p-panel__footer .p-panel__content{padding:0}.p-panel__footer .p-panel__content .p-side-navigation__list:last-of-type:after{content:none}.l-navigation .p-panel__controls,.l-navigation-bar .p-panel__controls{padding-top:.75rem}.l-navigation__drawer .p-panel{display:flex;flex-direction:column}.p-side-navigation__tooltip{z-index:104}.p-input-group label{padding-top:0!important}.p-form-section{margin-bottom:1.5rem}.p-form-section__title{margin-bottom:.5rem}.p-form-section__content{margin-bottom:1.5rem}.main-toolbar{display:flex;container-type:inline-size;column-gap:1.5rem;align-items:baseline;margin-bottom:1rem;flex-direction:row;flex-wrap:wrap;margin-bottom:-1.2rem}.main-toolbar--stacked{flex-direction:column;align-items:flex-start}.main-toolbar__controls,.main-toolbar__controls--observer{display:flex;text-wrap:nowrap;white-space:nowrap;flex-direction:row;column-gap:1rem;flex:1}.main-toolbar__controls--stacked,.main-toolbar__controls--observer--stacked{flex-wrap:wrap;flex-direction:column;width:100%}.main-toolbar__controls:not(.main-toolbar__controls--stacked),.main-toolbar__controls--observer:not(.main-toolbar__controls--stacked){justify-content:flex-end}.main-toolbar__controls .p-search-and-filter,.main-toolbar__controls .debounce-search-box,.main-toolbar__controls .p-search-box,.main-toolbar__controls--observer .p-search-and-filter,.main-toolbar__controls--observer .debounce-search-box,.main-toolbar__controls--observer .p-search-box{flex:1}.main-toolbar__controls .p-search-box .p-search-box__input,.main-toolbar__controls--observer .p-search-box .p-search-box__input{position:static;padding-right:initial}.main-toolbar__controls .p-search-box .p-search-box__button,.main-toolbar__controls--observer .p-search-box .p-search-box__button{position:absolute}.main-toolbar__controls>*,.main-toolbar__controls--observer>*{margin-right:0;align-items:baseline}.p-form__nested-group{position:relative;margin-top:-.25rem;margin-left:calc(.5rem - .75px);padding-left:1.5rem;transition-duration:.165s;transition-property:transform,opacity,visibility;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.p-form__nested-group[aria-hidden=true]{height:0;opacity:0;transform:translate3d(0,-.5rem,0);visibility:hidden}.p-form__nested-group[aria-hidden=false]{height:auto;opacity:1;transform:translateZ(0);visibility:visible}.p-form__nested-group:before{content:"";display:block;position:absolute;height:100%;left:0;top:-.2em;width:1.5px;background:#d9d9d9;opacity:inherit;visibility:inherit;transition-duration:.165s;transition-property:transform,opacity,visibility;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.p-form__nested-group .p-checkbox,.p-form__nested-group .p-radio{padding-top:0;margin-bottom:.5rem}
1
+ .p-meter{margin-bottom:.75rem;padding-top:.375rem}.p-meter__bar{border-radius:.875rem;height:.875rem;overflow:hidden;position:relative;width:100%;border:1px solid #999}.p-meter__label{display:flex;justify-content:space-between;margin-bottom:-.125rem;padding-top:.25rem}.p-meter__filled{height:100%;position:absolute;width:0%}.p-meter__separators{height:100%;position:absolute;width:100%;z-index:1}.p-meter--small{margin-bottom:.875rem;padding-top:.375rem}.p-meter--small .p-meter__bar{border-radius:.75rem;height:.75rem;margin-bottom:.375rem}.p-meter--small .p-meter__label{margin-bottom:0;padding-top:0}hr.is-fixed-width{margin-left:auto;margin-right:auto;max-width:78rem;width:calc(100% - 2rem)}@media (min-width: 620px){hr.is-fixed-width{max-width:77rem;width:calc(100% - 3rem)}}.row hr.is-fixed-width,.u-fixed-width hr.is-fixed-width{width:100%}/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}h4.is-accent,h3.is-accent,h2.is-accent,h1.is-accent{color:#0f95a1}h2,h1{font-size:2rem;font-style:normal;font-weight:180;line-height:2.5rem;margin-bottom:.95rem;margin-top:0;max-width:40em;padding-top:.55rem}@media (min-width: 1036px){h2,h1{font-size:2.5rem;line-height:3rem;margin-bottom:.95rem;padding-top:.55rem}}h1{font-weight:550}h3{font-size:1.5rem;font-style:normal;font-weight:550;line-height:2rem;margin-bottom:1.05rem;margin-top:0;max-width:40em;padding-top:.45rem}@media (min-width: 1036px){h3{font-size:1.5rem;line-height:2rem;margin-bottom:1.05rem;padding-top:.45rem}}h4{font-size:1.5rem;font-style:normal;font-weight:275;line-height:2rem;margin-bottom:1.05rem;margin-top:0;max-width:40em;padding-top:.45rem}@media (min-width: 1036px){h4{font-size:1.5rem;line-height:2rem;margin-bottom:1.05rem;padding-top:.45rem}}@media (min-width: 1681px){h4{margin-bottom:1.05rem;padding-top:.45rem}}h5{font-size:1rem;font-style:normal;font-weight:550;line-height:1.5rem;margin-bottom:1.1rem;margin-top:0;max-width:40em;padding-top:.4rem}h6{font-size:1rem;font-style:italic;font-weight:400;line-height:1.5rem;margin-bottom:1.1rem;margin-top:0;max-width:40em;padding-top:.4rem}@media (min-width: 1681px){h6{padding-top:.4rem}}summary,p,dt,dd,cite,.p-text--default,.p-text--small-caps,.p-text--x-small-capitalised{line-height:1.5rem;margin-top:0;padding-top:.4rem}dt,dd,cite,.p-text--default,.p-text--small-caps,.p-text--x-small-capitalised{font-size:1rem;font-weight:400;margin-bottom:.1rem}p{margin-bottom:1.1rem}p:not([class*=p-heading--]):not([class*=p-muted-heading])+p{margin-top:-.5rem}small,.p-text--small{font-size:.875rem;line-height:1.25rem;margin-bottom:.95rem;padding-top:.05rem}@media (min-width: 1681px){small,.p-text--small{padding-top:.05rem}}.p-text--x-small,.l-navigation .p-side-navigation__label--group,thead th{font-size:.75rem;font-weight:550;line-height:1rem;margin-bottom:.75rem;padding-top:.25rem}@media (min-width: 1681px){.p-text--x-small,.l-navigation .p-side-navigation__label--group,thead th{padding-top:.25rem}}.p-text--small-caps,.p-text--x-small-capitalised{font-variant-caps:all-small-caps;font-variant-numeric:oldstyle-nums;letter-spacing:.05em;margin-bottom:.6rem}.u-align-text--x-small-to-default.p-text--small-caps,.u-align-text--x-small-to-default.p-text--x-small-capitalised{padding-top:.4rem}.l-navigation .p-side-navigation__label--group,thead th{text-transform:uppercase}dt,b,strong{font-weight:550}p:not([class*=p-heading--]):not([class*=p-muted-heading])+h1,p:not([class*=p-heading--]):not([class*=p-muted-heading])+.p-heading--1{padding-top:2.05rem}@media (min-width: 1036px){p:not([class*=p-heading--]):not([class*=p-muted-heading])+h1,p:not([class*=p-heading--]):not([class*=p-muted-heading])+.p-heading--1{padding-top:2.05rem}}p:not([class*=p-heading--]):not([class*=p-muted-heading])+h2,p:not([class*=p-heading--]):not([class*=p-muted-heading])+.p-heading--2{padding-top:2.05rem}@media (min-width: 1036px){p:not([class*=p-heading--]):not([class*=p-muted-heading])+h2,p:not([class*=p-heading--]):not([class*=p-muted-heading])+.p-heading--2{padding-top:2.05rem}}p:not([class*=p-heading--]):not([class*=p-muted-heading])+h3,p:not([class*=p-heading--]):not([class*=p-muted-heading])+.p-heading--3{padding-top:1.95rem}@media (min-width: 1036px){p:not([class*=p-heading--]):not([class*=p-muted-heading])+h3,p:not([class*=p-heading--]):not([class*=p-muted-heading])+.p-heading--3{padding-top:1.95rem}}p:not([class*=p-heading--]):not([class*=p-muted-heading])+h4,p:not([class*=p-heading--]):not([class*=p-muted-heading])+.p-heading--4{padding-top:1.95rem}@media (min-width: 1036px){p:not([class*=p-heading--]):not([class*=p-muted-heading])+h4,p:not([class*=p-heading--]):not([class*=p-muted-heading])+.p-heading--4{padding-top:1.95rem}}p:not([class*=p-heading--]):not([class*=p-muted-heading])+h5,p:not([class*=p-heading--]):not([class*=p-muted-heading])+.p-heading--5,p:not([class*=p-heading--]):not([class*=p-muted-heading])+h6,p:not([class*=p-heading--]):not([class*=p-muted-heading])+.p-heading--6{padding-top:1.9rem}p:not([class*=p-heading--]):not([class*=p-muted-heading])+.p-muted-heading{padding-top:1.55rem}fieldset{border:1.5px solid #d9d9d9}fieldset{background-color:#fff;color:#000}fieldset{overflow:auto;padding:1rem}fieldset{margin-bottom:1.5rem;overflow:auto;padding:1rem}td,th{padding-bottom:.5rem;padding-top:calc(.5rem - 1px)}hr{border:0;height:1px;margin-top:0;position:relative;width:100%}.p-panel__header .p-icon--sidebar-toggle,.p-icon--submit-bug,.p-icon--profile,.p-icon--units,.p-icon--tag,.p-icon--settings,.p-icon--connected,.p-icon--pods,.p-icon--machines{overflow:hidden;text-indent:110vw;white-space:nowrap}h2.u-no-margin--bottom,h1.u-no-margin--bottom{margin-bottom:-.55rem!important}@media (min-width: 1036px){h2.u-no-margin--bottom,h1.u-no-margin--bottom{margin-bottom:-.55rem!important}}h3.u-no-margin--bottom{margin-bottom:.05rem!important}@media (min-width: 1036px){h3.u-no-margin--bottom{margin-bottom:-.45rem!important}}h4.u-no-margin--bottom{margin-bottom:.05rem!important}@media (min-width: 1036px){h4.u-no-margin--bottom{margin-bottom:-.45rem!important}}@media (min-width: 1681px){h4.u-no-margin--bottom{margin-bottom:-.45rem!important}}h5.u-no-margin--bottom,h6.u-no-margin--bottom,p.u-no-margin--bottom,.u-no-margin--bottom.p-text--small-caps,.u-no-margin--bottom.p-text--x-small-capitalised{margin-bottom:.1rem!important}small.u-no-margin--bottom,.u-no-margin--bottom.p-text--small,.u-no-margin--bottom.p-text--x-small,.l-navigation .u-no-margin--bottom.p-side-navigation__label--group,thead th.u-no-margin--bottom{margin-bottom:-.05rem!important}hr.u-no-margin--bottom{margin-bottom:-1px!important;z-index:2}.p-panel__header .p-icon--sidebar-toggle,.p-icon--submit-bug,.p-icon--profile,.p-icon--units,.p-icon--tag,.p-icon--settings,.p-icon--connected,.p-icon--pods,.p-icon--machines{background-size:contain;height:1rem;width:1rem;background-position:center;background-repeat:no-repeat;display:inline-block;font-size:inherit;margin:0;padding:0;position:relative;vertical-align:calc(.5px + .3465em - .5rem)}body{background:#fff}body.is-paper{background:#f3f3f3}@font-face{font-family:Ubuntu variable;font-stretch:100%;font-style:normal;font-weight:100 800;src:url(https://assets.ubuntu.com/v1/f1ea362b-Ubuntu%5Bwdth,wght%5D-latin-v0.896a.woff2) format("woff2-variations")}@font-face{font-family:Ubuntu variable;font-stretch:100%;font-style:italic;font-weight:100 800;src:url(https://assets.ubuntu.com/v1/90b59210-Ubuntu-Italic%5Bwdth,wght%5D-latin-v0.896a.woff2) format("woff2-variations")}@font-face{font-family:Ubuntu Mono variable;font-style:normal;font-weight:100 800;src:url(https://assets.ubuntu.com/v1/d5fc1819-UbuntuMono%5Bwght%5D-latin-v0.869.woff2) format("woff2-variations")}html{color:#000;font-family:Ubuntu variable,Ubuntu,-apple-system,Segoe UI,Roboto,Oxygen,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:400;line-height:1.5rem;font-size:1rem}@media (min-width: 1681px){html{font-size:1.125rem;line-height:1.6875rem}}p{max-width:40em}small.dense,.p-text--small.dense{margin-bottom:1.2rem}.p-text--small-caps,.p-text--x-small-capitalised{font-weight:550}p:not([class*=p-heading--]):not([class*=p-muted-heading]):empty{line-height:0;margin:0;padding:0}sub,sup{line-height:0;position:relative;vertical-align:baseline}abbr[title]{border-bottom:.1em dotted;cursor:help;text-decoration:none}blockquote{border-left:2px solid #666;margin-bottom:1.5rem;margin-left:0;margin-top:0;overflow:auto;padding-bottom:.5rem;padding-left:1.5rem}blockquote>:last-child{margin-bottom:.1rem}blockquote>cite{display:block;font-style:normal}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}button{background-color:#fff;border-color:#0000008f;color:#000}button:visited{color:#000}button:hover{background-color:#f2f2f2;border-color:#0000008f}button:active,button[aria-pressed=true],button[aria-selected=true],button[aria-expanded=true]{background-color:#ebebeb;border-color:#0000008f;transition-duration:0s}button:disabled:active,button:disabled[aria-pressed=true],button:disabled[aria-selected=true],button:disabled[aria-expanded=true],button:disabled:hover,button.is-disabled:active,button.is-disabled[aria-pressed=true],button.is-disabled[aria-selected=true],button.is-disabled[aria-expanded=true],button.is-disabled:hover{background-color:transparent;border-color:#0000008f}button.is-dense{padding-bottom:calc(.15rem - 1.5px);padding-top:calc(.15rem - 1.5px)}button{transition-duration:.1s;transition-property:background-color,border-color;transition-timing-function:cubic-bezier(.55,.055,.675,.19);border-style:solid;border-width:1.5px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:400;justify-content:center;line-height:1.5rem;margin:0 1rem 1.2rem 0;padding:calc(.4rem - 1px) 1rem;text-align:center;text-decoration:none}button:focus{outline:.1875rem solid #2e96ff;outline-offset:-.1875rem}button:focus-visible{outline:.1875rem solid #2e96ff;outline-offset:-.1875rem}button:focus:not(:focus-visible){outline:0;outline-offset:0}button:active,button:focus,button:hover{text-decoration:none}button:disabled,button.is-disabled{cursor:not-allowed;opacity:.33}button:last-child{margin-right:0}button.is-dense{margin-bottom:.1rem}button.is-small{font-size:.875rem;line-height:1.25rem;margin-bottom:.7rem;padding:calc(.05rem - 1.5px) .5rem}button.is-small.is-dense{margin-bottom:.1rem;padding-bottom:calc(.15rem - 1.5px);padding-top:calc(.15rem - 1.5px)}p button{margin-bottom:.6rem;margin-top:-.4rem}p+p>button{margin-top:.1rem}code,kbd,pre,samp{font-family:Ubuntu Mono variable,Ubuntu Mono,Consolas,Monaco,Courier,monospace;font-weight:400;text-align:left}code b,code strong,kbd b,kbd strong,pre b,pre strong,samp b,samp strong{font-weight:550}code,kbd,samp{background-color:#00000008;-webkit-box-decoration-break:slice;box-decoration-break:slice;color:inherit;line-height:1.25rem;padding:calc(.25rem - 1.5px) .25rem}code,pre{direction:ltr;-webkit-hyphens:none;hyphens:none;-moz-tab-size:4;-o-tab-size:4;tab-size:4;word-spacing:normal;word-wrap:break-word}pre code{background:none;box-shadow:none;display:inline-block;line-height:1.5rem;margin-left:0;margin-right:0;padding:0}pre{background-color:#00000008;color:#000;display:block;margin-bottom:1.5rem;margin-top:0;overflow:auto;padding:.5rem 1rem;text-align:left;text-shadow:none;white-space:pre}[class*=--dark] code,code.is-dark{background-color:#ffffff4d;color:#fff}details{margin-bottom:1.5rem;overflow:auto}summary{margin-bottom:.4rem;max-width:40em;padding-bottom:.6rem}summary:focus{outline:.1875rem solid #2e96ff;outline-offset:-.1875rem}summary:focus-visible{outline:.1875rem solid #2e96ff;outline-offset:-.1875rem}summary:focus:not(:focus-visible){outline:0;outline-offset:0}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.1875rem;margin:.5rem 0;padding:0;width:100%}input[type=range]::-webkit-slider-runnable-track{border-radius:.1875rem;height:.1875rem}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:1.5px solid #666;border-radius:50%;box-shadow:0 0 .1875rem 1px #0003;height:1rem;margin-top:-.40625rem;width:1rem}input[type=range]::-webkit-slider-thumb:hover{cursor:pointer}input[type=range]::-moz-range-track{background:#d9d9d9;border-radius:.1875rem;height:.1875rem}input[type=range]::-moz-range-progress{background-color:#06c;border-radius:.1875rem;height:.1875rem}input[type=range]::-moz-range-thumb{background:#fff;border:1.5px solid #666;border-radius:50%;box-shadow:0 0 .1875rem 1px #0003;height:1rem;width:1rem}input[type=range]::-moz-range-thumb:hover{cursor:pointer}input[type=range]::-moz-focus-outer{border:0}input[type=range]:focus{outline:none}input[type=range]:focus::-webkit-slider-thumb{outline:.1875rem solid #2e96ff}input[type=range]:focus::-moz-range-thumb{outline:.1875rem solid #2e96ff}input[type=range]:disabled{opacity:.5}[type=file],textarea,[type=text],[type=date],[type=datetime],[type=datetime-local],[type=month],[type=time],[type=week],[type=number],[type=search],[type=password],[type=email],[type=url],[type=tel],select{padding-bottom:calc(.4rem - 1px);padding-top:calc(.4rem - 1px)}textarea,[type=text],[type=date],[type=datetime],[type=datetime-local],[type=month],[type=time],[type=week],[type=number],[type=search],[type=password],[type=email],[type=url],[type=tel],select{transition-duration:.165s;transition-property:background-color;transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;border:0 solid transparent;border-bottom:1.5px solid #000;border-radius:0;font-family:Ubuntu variable,Ubuntu,-apple-system,Segoe UI,Roboto,Oxygen,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1rem;font-weight:400;line-height:1.5rem;margin-bottom:1.2rem;min-width:8em;padding-left:.5rem;padding-right:.5rem;vertical-align:baseline;width:100%;background-color:#f5f5f5;border-color:#000;color:#000}textarea:focus,[type=text]:focus,[type=date]:focus,[type=datetime]:focus,[type=datetime-local]:focus,[type=month]:focus,[type=time]:focus,[type=week]:focus,[type=number]:focus,[type=search]:focus,[type=password]:focus,[type=email]:focus,[type=url]:focus,[type=tel]:focus,select:focus{outline:.1875rem solid #2e96ff;outline-offset:-.1875rem}textarea:focus-visible,[type=text]:focus-visible,[type=date]:focus-visible,[type=datetime]:focus-visible,[type=datetime-local]:focus-visible,[type=month]:focus-visible,[type=time]:focus-visible,[type=week]:focus-visible,[type=number]:focus-visible,[type=search]:focus-visible,[type=password]:focus-visible,[type=email]:focus-visible,[type=url]:focus-visible,[type=tel]:focus-visible,select:focus-visible{outline:.1875rem solid #2e96ff;outline-offset:-.1875rem}textarea:focus:not(:focus-visible),[type=text]:focus:not(:focus-visible),[type=date]:focus:not(:focus-visible),[type=datetime]:focus:not(:focus-visible),[type=datetime-local]:focus:not(:focus-visible),[type=month]:focus:not(:focus-visible),[type=time]:focus:not(:focus-visible),[type=week]:focus:not(:focus-visible),[type=number]:focus:not(:focus-visible),[type=search]:focus:not(:focus-visible),[type=password]:focus:not(:focus-visible),[type=email]:focus:not(:focus-visible),[type=url]:focus:not(:focus-visible),[type=tel]:focus:not(:focus-visible),select:focus:not(:focus-visible){outline:0;outline-offset:0}.is-error textarea:focus,.is-error [type=text]:focus,.is-error [type=date]:focus,.is-error [type=datetime]:focus,.is-error [type=datetime-local]:focus,.is-error [type=month]:focus,.is-error [type=time]:focus,.is-error [type=week]:focus,.is-error [type=number]:focus,.is-error [type=search]:focus,.is-error [type=password]:focus,.is-error [type=email]:focus,.is-error [type=url]:focus,.is-error [type=tel]:focus,.is-error select:focus{outline-color:#c7162b}.is-caution textarea:focus,.is-caution [type=text]:focus,.is-caution [type=date]:focus,.is-caution [type=datetime]:focus,.is-caution [type=datetime-local]:focus,.is-caution [type=month]:focus,.is-caution [type=time]:focus,.is-caution [type=week]:focus,.is-caution [type=number]:focus,.is-caution [type=search]:focus,.is-caution [type=password]:focus,.is-caution [type=email]:focus,.is-caution [type=url]:focus,.is-caution [type=tel]:focus,.is-caution select:focus{outline-color:#f99b11}.is-success textarea:focus,.is-success [type=text]:focus,.is-success [type=date]:focus,.is-success [type=datetime]:focus,.is-success [type=datetime-local]:focus,.is-success [type=month]:focus,.is-success [type=time]:focus,.is-success [type=week]:focus,.is-success [type=number]:focus,.is-success [type=search]:focus,.is-success [type=password]:focus,.is-success [type=email]:focus,.is-success [type=url]:focus,.is-success [type=tel]:focus,.is-success select:focus{outline-color:#0e8420}textarea.is-dense,.is-dense[type=text],.is-dense[type=date],.is-dense[type=datetime],.is-dense[type=datetime-local],.is-dense[type=month],.is-dense[type=time],.is-dense[type=week],.is-dense[type=number],.is-dense[type=search],.is-dense[type=password],.is-dense[type=email],.is-dense[type=url],.is-dense[type=tel],select.is-dense{margin:0 0 .1rem;padding-bottom:calc(.15rem - 1.5px);padding-top:calc(.15rem - 1.5px)}textarea.has-error,.has-error[type=text],.has-error[type=date],.has-error[type=datetime],.has-error[type=datetime-local],.has-error[type=month],.has-error[type=time],.has-error[type=week],.has-error[type=number],.has-error[type=search],.has-error[type=password],.has-error[type=email],.has-error[type=url],.has-error[type=tel],select.has-error{border:1.5px solid #c7162b}textarea.has-caution,.has-caution[type=text],.has-caution[type=date],.has-caution[type=datetime],.has-caution[type=datetime-local],.has-caution[type=month],.has-caution[type=time],.has-caution[type=week],.has-caution[type=number],.has-caution[type=search],.has-caution[type=password],.has-caution[type=email],.has-caution[type=url],.has-caution[type=tel],select.has-caution{border:1.5px solid #f99b11}textarea.has-success,.has-success[type=text],.has-success[type=date],.has-success[type=datetime],.has-success[type=datetime-local],.has-success[type=month],.has-success[type=time],.has-success[type=week],.has-success[type=number],.has-success[type=search],.has-success[type=password],.has-success[type=email],.has-success[type=url],.has-success[type=tel],select.has-success{border:1.5px solid #0e8420}textarea.has-information,.has-information[type=text],.has-information[type=date],.has-information[type=datetime],.has-information[type=datetime-local],.has-information[type=month],.has-information[type=time],.has-information[type=week],.has-information[type=number],.has-information[type=search],.has-information[type=password],.has-information[type=email],.has-information[type=url],.has-information[type=tel],select.has-information{border:1.5px solid #24598f}textarea:hover,[type=text]:hover,[type=date]:hover,[type=datetime]:hover,[type=datetime-local]:hover,[type=month]:hover,[type=time]:hover,[type=week]:hover,[type=number]:hover,[type=search]:hover,[type=password]:hover,[type=email]:hover,[type=url]:hover,[type=tel]:hover,select:hover{background-color:#f2f2f2}textarea:active,[type=text]:active,[type=date]:active,[type=datetime]:active,[type=datetime-local]:active,[type=month]:active,[type=time]:active,[type=week]:active,[type=number]:active,[type=search]:active,[type=password]:active,[type=email]:active,[type=url]:active,[type=tel]:active,select:active,textarea:focus,[type=text]:focus,[type=date]:focus,[type=datetime]:focus,[type=datetime-local]:focus,[type=month]:focus,[type=time]:focus,[type=week]:focus,[type=number]:focus,[type=search]:focus,[type=password]:focus,[type=email]:focus,[type=url]:focus,[type=tel]:focus,select:focus{background-color:#ebebeb}textarea option,[type=text] option,[type=date] option,[type=datetime] option,[type=datetime-local] option,[type=month] option,[type=time] option,[type=week] option,[type=number] option,[type=search] option,[type=password] option,[type=email] option,[type=url] option,[type=tel] option,select option{background-color:#f7f7f7;color:#000}textarea option:checked:not(:disabled),[type=text] option:checked:not(:disabled),[type=date] option:checked:not(:disabled),[type=datetime] option:checked:not(:disabled),[type=datetime-local] option:checked:not(:disabled),[type=month] option:checked:not(:disabled),[type=time] option:checked:not(:disabled),[type=week] option:checked:not(:disabled),[type=number] option:checked:not(:disabled),[type=search] option:checked:not(:disabled),[type=password] option:checked:not(:disabled),[type=email] option:checked:not(:disabled),[type=url] option:checked:not(:disabled),[type=tel] option:checked:not(:disabled),select option:checked:not(:disabled){background-color:#ebebeb}textarea::placeholder,[type=text]::placeholder,[type=date]::placeholder,[type=datetime]::placeholder,[type=datetime-local]::placeholder,[type=month]::placeholder,[type=time]::placeholder,[type=week]::placeholder,[type=number]::placeholder,[type=search]::placeholder,[type=password]::placeholder,[type=email]::placeholder,[type=url]::placeholder,[type=tel]::placeholder,select::placeholder{color:#0009}.is-dark textarea,.is-dark [type=text],.is-dark [type=date],.is-dark [type=datetime],.is-dark [type=datetime-local],.is-dark [type=month],.is-dark [type=time],.is-dark [type=week],.is-dark [type=number],.is-dark [type=search],.is-dark [type=password],.is-dark [type=email],.is-dark [type=url],.is-dark [type=tel],.is-dark select,textarea.is-dark,.is-dark[type=text],.is-dark[type=date],.is-dark[type=datetime],.is-dark[type=datetime-local],.is-dark[type=month],.is-dark[type=time],.is-dark[type=week],.is-dark[type=number],.is-dark[type=search],.is-dark[type=password],.is-dark[type=email],.is-dark[type=url],.is-dark[type=tel],select.is-dark{background-color:#ffffff0a;border-color:#ffffff80;color:#fff}.is-dark textarea:hover,.is-dark [type=text]:hover,.is-dark [type=date]:hover,.is-dark [type=datetime]:hover,.is-dark [type=datetime-local]:hover,.is-dark [type=month]:hover,.is-dark [type=time]:hover,.is-dark [type=week]:hover,.is-dark [type=number]:hover,.is-dark [type=search]:hover,.is-dark [type=password]:hover,.is-dark [type=email]:hover,.is-dark [type=url]:hover,.is-dark [type=tel]:hover,.is-dark select:hover,textarea.is-dark:hover,.is-dark[type=text]:hover,.is-dark[type=date]:hover,.is-dark[type=datetime]:hover,.is-dark[type=datetime-local]:hover,.is-dark[type=month]:hover,.is-dark[type=time]:hover,.is-dark[type=week]:hover,.is-dark[type=number]:hover,.is-dark[type=search]:hover,.is-dark[type=password]:hover,.is-dark[type=email]:hover,.is-dark[type=url]:hover,.is-dark[type=tel]:hover,select.is-dark:hover{background-color:#ffffff0d}.is-dark textarea:active,.is-dark [type=text]:active,.is-dark [type=date]:active,.is-dark [type=datetime]:active,.is-dark [type=datetime-local]:active,.is-dark [type=month]:active,.is-dark [type=time]:active,.is-dark [type=week]:active,.is-dark [type=number]:active,.is-dark [type=search]:active,.is-dark [type=password]:active,.is-dark [type=email]:active,.is-dark [type=url]:active,.is-dark [type=tel]:active,.is-dark select:active,.is-dark textarea:focus,.is-dark [type=text]:focus,.is-dark [type=date]:focus,.is-dark [type=datetime]:focus,.is-dark [type=datetime-local]:focus,.is-dark [type=month]:focus,.is-dark [type=time]:focus,.is-dark [type=week]:focus,.is-dark [type=number]:focus,.is-dark [type=search]:focus,.is-dark [type=password]:focus,.is-dark [type=email]:focus,.is-dark [type=url]:focus,.is-dark [type=tel]:focus,.is-dark select:focus,textarea.is-dark:active,.is-dark[type=text]:active,.is-dark[type=date]:active,.is-dark[type=datetime]:active,.is-dark[type=datetime-local]:active,.is-dark[type=month]:active,.is-dark[type=time]:active,.is-dark[type=week]:active,.is-dark[type=number]:active,.is-dark[type=search]:active,.is-dark[type=password]:active,.is-dark[type=email]:active,.is-dark[type=url]:active,.is-dark[type=tel]:active,select.is-dark:active,textarea.is-dark:focus,.is-dark[type=text]:focus,.is-dark[type=date]:focus,.is-dark[type=datetime]:focus,.is-dark[type=datetime-local]:focus,.is-dark[type=month]:focus,.is-dark[type=time]:focus,.is-dark[type=week]:focus,.is-dark[type=number]:focus,.is-dark[type=search]:focus,.is-dark[type=password]:focus,.is-dark[type=email]:focus,.is-dark[type=url]:focus,.is-dark[type=tel]:focus,select.is-dark:focus{background-color:#ffffff14}.is-dark textarea option,.is-dark [type=text] option,.is-dark [type=date] option,.is-dark [type=datetime] option,.is-dark [type=datetime-local] option,.is-dark [type=month] option,.is-dark [type=time] option,.is-dark [type=week] option,.is-dark [type=number] option,.is-dark [type=search] option,.is-dark [type=password] option,.is-dark [type=email] option,.is-dark [type=url] option,.is-dark [type=tel] option,.is-dark select option,textarea.is-dark option,.is-dark[type=text] option,.is-dark[type=date] option,.is-dark[type=datetime] option,.is-dark[type=datetime-local] option,.is-dark[type=month] option,.is-dark[type=time] option,.is-dark[type=week] option,.is-dark[type=number] option,.is-dark[type=search] option,.is-dark[type=password] option,.is-dark[type=email] option,.is-dark[type=url] option,.is-dark[type=tel] option,select.is-dark option{background-color:#2d2d2d;color:#fff}.is-dark textarea option:checked:not(:disabled),.is-dark [type=text] option:checked:not(:disabled),.is-dark [type=date] option:checked:not(:disabled),.is-dark [type=datetime] option:checked:not(:disabled),.is-dark [type=datetime-local] option:checked:not(:disabled),.is-dark [type=month] option:checked:not(:disabled),.is-dark [type=time] option:checked:not(:disabled),.is-dark [type=week] option:checked:not(:disabled),.is-dark [type=number] option:checked:not(:disabled),.is-dark [type=search] option:checked:not(:disabled),.is-dark [type=password] option:checked:not(:disabled),.is-dark [type=email] option:checked:not(:disabled),.is-dark [type=url] option:checked:not(:disabled),.is-dark [type=tel] option:checked:not(:disabled),.is-dark select option:checked:not(:disabled),textarea.is-dark option:checked:not(:disabled),.is-dark[type=text] option:checked:not(:disabled),.is-dark[type=date] option:checked:not(:disabled),.is-dark[type=datetime] option:checked:not(:disabled),.is-dark[type=datetime-local] option:checked:not(:disabled),.is-dark[type=month] option:checked:not(:disabled),.is-dark[type=time] option:checked:not(:disabled),.is-dark[type=week] option:checked:not(:disabled),.is-dark[type=number] option:checked:not(:disabled),.is-dark[type=search] option:checked:not(:disabled),.is-dark[type=password] option:checked:not(:disabled),.is-dark[type=email] option:checked:not(:disabled),.is-dark[type=url] option:checked:not(:disabled),.is-dark[type=tel] option:checked:not(:disabled),select.is-dark option:checked:not(:disabled){background-color:#ffffff14}.is-dark textarea::placeholder,.is-dark [type=text]::placeholder,.is-dark [type=date]::placeholder,.is-dark [type=datetime]::placeholder,.is-dark [type=datetime-local]::placeholder,.is-dark [type=month]::placeholder,.is-dark [type=time]::placeholder,.is-dark [type=week]::placeholder,.is-dark [type=number]::placeholder,.is-dark [type=search]::placeholder,.is-dark [type=password]::placeholder,.is-dark [type=email]::placeholder,.is-dark [type=url]::placeholder,.is-dark [type=tel]::placeholder,.is-dark select::placeholder,textarea.is-dark::placeholder,.is-dark[type=text]::placeholder,.is-dark[type=date]::placeholder,.is-dark[type=datetime]::placeholder,.is-dark[type=datetime-local]::placeholder,.is-dark[type=month]::placeholder,.is-dark[type=time]::placeholder,.is-dark[type=week]::placeholder,.is-dark[type=number]::placeholder,.is-dark[type=search]::placeholder,.is-dark[type=password]::placeholder,.is-dark[type=email]::placeholder,.is-dark[type=url]::placeholder,.is-dark[type=tel]::placeholder,select.is-dark::placeholder{color:#fff9}.is-paper textarea,.is-paper [type=text],.is-paper [type=date],.is-paper [type=datetime],.is-paper [type=datetime-local],.is-paper [type=month],.is-paper [type=time],.is-paper [type=week],.is-paper [type=number],.is-paper [type=search],.is-paper [type=password],.is-paper [type=email],.is-paper [type=url],.is-paper [type=tel],.is-paper select,textarea.is-paper,.is-paper[type=text],.is-paper[type=date],.is-paper[type=datetime],.is-paper[type=datetime-local],.is-paper[type=month],.is-paper[type=time],.is-paper[type=week],.is-paper[type=number],.is-paper[type=search],.is-paper[type=password],.is-paper[type=email],.is-paper[type=url],.is-paper[type=tel],select.is-paper{background-color:#0000000a;border-color:#000;color:#000}.is-paper textarea:hover,.is-paper [type=text]:hover,.is-paper [type=date]:hover,.is-paper [type=datetime]:hover,.is-paper [type=datetime-local]:hover,.is-paper [type=month]:hover,.is-paper [type=time]:hover,.is-paper [type=week]:hover,.is-paper [type=number]:hover,.is-paper [type=search]:hover,.is-paper [type=password]:hover,.is-paper [type=email]:hover,.is-paper [type=url]:hover,.is-paper [type=tel]:hover,.is-paper select:hover,textarea.is-paper:hover,.is-paper[type=text]:hover,.is-paper[type=date]:hover,.is-paper[type=datetime]:hover,.is-paper[type=datetime-local]:hover,.is-paper[type=month]:hover,.is-paper[type=time]:hover,.is-paper[type=week]:hover,.is-paper[type=number]:hover,.is-paper[type=search]:hover,.is-paper[type=password]:hover,.is-paper[type=email]:hover,.is-paper[type=url]:hover,.is-paper[type=tel]:hover,select.is-paper:hover{background-color:#0000000d}.is-paper textarea:active,.is-paper [type=text]:active,.is-paper [type=date]:active,.is-paper [type=datetime]:active,.is-paper [type=datetime-local]:active,.is-paper [type=month]:active,.is-paper [type=time]:active,.is-paper [type=week]:active,.is-paper [type=number]:active,.is-paper [type=search]:active,.is-paper [type=password]:active,.is-paper [type=email]:active,.is-paper [type=url]:active,.is-paper [type=tel]:active,.is-paper select:active,.is-paper textarea:focus,.is-paper [type=text]:focus,.is-paper [type=date]:focus,.is-paper [type=datetime]:focus,.is-paper [type=datetime-local]:focus,.is-paper [type=month]:focus,.is-paper [type=time]:focus,.is-paper [type=week]:focus,.is-paper [type=number]:focus,.is-paper [type=search]:focus,.is-paper [type=password]:focus,.is-paper [type=email]:focus,.is-paper [type=url]:focus,.is-paper [type=tel]:focus,.is-paper select:focus,textarea.is-paper:active,.is-paper[type=text]:active,.is-paper[type=date]:active,.is-paper[type=datetime]:active,.is-paper[type=datetime-local]:active,.is-paper[type=month]:active,.is-paper[type=time]:active,.is-paper[type=week]:active,.is-paper[type=number]:active,.is-paper[type=search]:active,.is-paper[type=password]:active,.is-paper[type=email]:active,.is-paper[type=url]:active,.is-paper[type=tel]:active,select.is-paper:active,textarea.is-paper:focus,.is-paper[type=text]:focus,.is-paper[type=date]:focus,.is-paper[type=datetime]:focus,.is-paper[type=datetime-local]:focus,.is-paper[type=month]:focus,.is-paper[type=time]:focus,.is-paper[type=week]:focus,.is-paper[type=number]:focus,.is-paper[type=search]:focus,.is-paper[type=password]:focus,.is-paper[type=email]:focus,.is-paper[type=url]:focus,.is-paper[type=tel]:focus,select.is-paper:focus{background-color:#00000014}.is-paper textarea option,.is-paper [type=text] option,.is-paper [type=date] option,.is-paper [type=datetime] option,.is-paper [type=datetime-local] option,.is-paper [type=month] option,.is-paper [type=time] option,.is-paper [type=week] option,.is-paper [type=number] option,.is-paper [type=search] option,.is-paper [type=password] option,.is-paper [type=email] option,.is-paper [type=url] option,.is-paper [type=tel] option,.is-paper select option,textarea.is-paper option,.is-paper[type=text] option,.is-paper[type=date] option,.is-paper[type=datetime] option,.is-paper[type=datetime-local] option,.is-paper[type=month] option,.is-paper[type=time] option,.is-paper[type=week] option,.is-paper[type=number] option,.is-paper[type=search] option,.is-paper[type=password] option,.is-paper[type=email] option,.is-paper[type=url] option,.is-paper[type=tel] option,select.is-paper option{background-color:#f7f7f7;color:#000}.is-paper textarea option:checked:not(:disabled),.is-paper [type=text] option:checked:not(:disabled),.is-paper [type=date] option:checked:not(:disabled),.is-paper [type=datetime] option:checked:not(:disabled),.is-paper [type=datetime-local] option:checked:not(:disabled),.is-paper [type=month] option:checked:not(:disabled),.is-paper [type=time] option:checked:not(:disabled),.is-paper [type=week] option:checked:not(:disabled),.is-paper [type=number] option:checked:not(:disabled),.is-paper [type=search] option:checked:not(:disabled),.is-paper [type=password] option:checked:not(:disabled),.is-paper [type=email] option:checked:not(:disabled),.is-paper [type=url] option:checked:not(:disabled),.is-paper [type=tel] option:checked:not(:disabled),.is-paper select option:checked:not(:disabled),textarea.is-paper option:checked:not(:disabled),.is-paper[type=text] option:checked:not(:disabled),.is-paper[type=date] option:checked:not(:disabled),.is-paper[type=datetime] option:checked:not(:disabled),.is-paper[type=datetime-local] option:checked:not(:disabled),.is-paper[type=month] option:checked:not(:disabled),.is-paper[type=time] option:checked:not(:disabled),.is-paper[type=week] option:checked:not(:disabled),.is-paper[type=number] option:checked:not(:disabled),.is-paper[type=search] option:checked:not(:disabled),.is-paper[type=password] option:checked:not(:disabled),.is-paper[type=email] option:checked:not(:disabled),.is-paper[type=url] option:checked:not(:disabled),.is-paper[type=tel] option:checked:not(:disabled),select.is-paper option:checked:not(:disabled){background-color:#00000014}.is-paper textarea::placeholder,.is-paper [type=text]::placeholder,.is-paper [type=date]::placeholder,.is-paper [type=datetime]::placeholder,.is-paper [type=datetime-local]::placeholder,.is-paper [type=month]::placeholder,.is-paper [type=time]::placeholder,.is-paper [type=week]::placeholder,.is-paper [type=number]::placeholder,.is-paper [type=search]::placeholder,.is-paper [type=password]::placeholder,.is-paper [type=email]::placeholder,.is-paper [type=url]::placeholder,.is-paper [type=tel]::placeholder,.is-paper select::placeholder,textarea.is-paper::placeholder,.is-paper[type=text]::placeholder,.is-paper[type=date]::placeholder,.is-paper[type=datetime]::placeholder,.is-paper[type=datetime-local]::placeholder,.is-paper[type=month]::placeholder,.is-paper[type=time]::placeholder,.is-paper[type=week]::placeholder,.is-paper[type=number]::placeholder,.is-paper[type=search]::placeholder,.is-paper[type=password]::placeholder,.is-paper[type=email]::placeholder,.is-paper[type=url]::placeholder,.is-paper[type=tel]::placeholder,select.is-paper::placeholder{color:#0009}textarea[disabled],[disabled][type=text],[disabled][type=date],[disabled][type=datetime],[disabled][type=datetime-local],[disabled][type=month],[disabled][type=time],[disabled][type=week],[disabled][type=number],[disabled][type=search],[disabled][type=password],[disabled][type=email],[disabled][type=url],[disabled][type=tel],select[disabled],textarea[disabled=disabled],[disabled=disabled][type=text],[disabled=disabled][type=date],[disabled=disabled][type=datetime],[disabled=disabled][type=datetime-local],[disabled=disabled][type=month],[disabled=disabled][type=time],[disabled=disabled][type=week],[disabled=disabled][type=number],[disabled=disabled][type=search],[disabled=disabled][type=password],[disabled=disabled][type=email],[disabled=disabled][type=url],[disabled=disabled][type=tel],select[disabled=disabled]{cursor:not-allowed;opacity:.33}textarea[readonly],[readonly][type=text],[readonly][type=date],[readonly][type=datetime],[readonly][type=datetime-local],[readonly][type=month],[readonly][type=time],[readonly][type=week],[readonly][type=number],[readonly][type=search],[readonly][type=password],[readonly][type=email],[readonly][type=url],[readonly][type=tel],select[readonly],textarea[readonly=readonly],[readonly=readonly][type=text],[readonly=readonly][type=date],[readonly=readonly][type=datetime],[readonly=readonly][type=datetime-local],[readonly=readonly][type=month],[readonly=readonly][type=time],[readonly=readonly][type=week],[readonly=readonly][type=number],[readonly=readonly][type=search],[readonly=readonly][type=password],[readonly=readonly][type=email],[readonly=readonly][type=url],[readonly=readonly][type=tel],select[readonly=readonly]{color:#d9d9d9;cursor:default}textarea[readonly]:hover,[readonly][type=text]:hover,[readonly][type=date]:hover,[readonly][type=datetime]:hover,[readonly][type=datetime-local]:hover,[readonly][type=month]:hover,[readonly][type=time]:hover,[readonly][type=week]:hover,[readonly][type=number]:hover,[readonly][type=search]:hover,[readonly][type=password]:hover,[readonly][type=email]:hover,[readonly][type=url]:hover,[readonly][type=tel]:hover,select[readonly]:hover,textarea[readonly=readonly]:hover,[readonly=readonly][type=text]:hover,[readonly=readonly][type=date]:hover,[readonly=readonly][type=datetime]:hover,[readonly=readonly][type=datetime-local]:hover,[readonly=readonly][type=month]:hover,[readonly=readonly][type=time]:hover,[readonly=readonly][type=week]:hover,[readonly=readonly][type=number]:hover,[readonly=readonly][type=search]:hover,[readonly=readonly][type=password]:hover,[readonly=readonly][type=email]:hover,[readonly=readonly][type=url]:hover,[readonly=readonly][type=tel]:hover,select[readonly=readonly]:hover,textarea[readonly]:active,[readonly][type=text]:active,[readonly][type=date]:active,[readonly][type=datetime]:active,[readonly][type=datetime-local]:active,[readonly][type=month]:active,[readonly][type=time]:active,[readonly][type=week]:active,[readonly][type=number]:active,[readonly][type=search]:active,[readonly][type=password]:active,[readonly][type=email]:active,[readonly][type=url]:active,[readonly][type=tel]:active,select[readonly]:active,textarea[readonly=readonly]:active,[readonly=readonly][type=text]:active,[readonly=readonly][type=date]:active,[readonly=readonly][type=datetime]:active,[readonly=readonly][type=datetime-local]:active,[readonly=readonly][type=month]:active,[readonly=readonly][type=time]:active,[readonly=readonly][type=week]:active,[readonly=readonly][type=number]:active,[readonly=readonly][type=search]:active,[readonly=readonly][type=password]:active,[readonly=readonly][type=email]:active,[readonly=readonly][type=url]:active,[readonly=readonly][type=tel]:active,select[readonly=readonly]:active{border-color:#666;outline:none}label{cursor:pointer;display:inline-block;margin-bottom:.6rem;margin-top:0;max-width:40em;padding-top:.4rem;width:fit-content}label.is-required:before{content:"* ";position:relative}label.u-truncate{width:auto}label.has-error{color:#c7162b}label.has-caution{color:#f99b11}label.has-success{color:#0e8420}label.has-information{color:#24598f}[type=file]{margin-bottom:1.2rem;width:100%}[type=file]:focus{outline:.1875rem solid #2e96ff;outline-offset:-.1875rem}[type=file]:focus-visible{outline:.1875rem solid #2e96ff;outline-offset:-.1875rem}[type=file]:focus:not(:focus-visible){outline:0;outline-offset:0}[type=search]{-moz-appearance:none;-webkit-appearance:none;appearance:none;border-radius:0}[type=search]::-webkit-search-results-decoration{display:none}[type=search]::-webkit-search-cancel-button{-webkit-appearance:searchfield-cancel-button;cursor:pointer}input[list]::-webkit-calendar-picker-indicator{opacity:0}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='%23666' d='M8.187 11.748l6.187-6.187-1.06-1.061-5.127 5.127L3.061 4.5 2 5.561z'/%3E%3C/svg%3E");-moz-appearance:none;-webkit-appearance:none;appearance:none;background-position:right .5rem center;background-repeat:no-repeat;background-size:1rem;box-shadow:none;min-height:1.5rem;padding-right:2rem;text-indent:.01px;text-overflow:""}select:hover{cursor:pointer}select[multiple],select[size]{background-image:none;box-shadow:none;height:auto}select[multiple] option,select[size] option{font-weight:400;line-height:calc(1rem - 2px);padding:.25rem 0}textarea{margin-bottom:1.2rem;overflow:auto;vertical-align:top}fieldset{margin-left:0;margin-right:0;padding:calc(1rem - 1.5px)}hr{margin-bottom:calc(.5rem - 1px)}hr{background:rgba(0,0,0,.2)}hr.is-muted{background-color:#0000001a}hr.is-dark{background:rgba(255,255,255,.3)}hr.is-dark.is-muted{background-color:#ffffff0d}a{color:#06c;text-decoration:none}a:focus{outline:.1875rem solid #2e96ff;outline-offset:-.1875rem}a:focus-visible{outline:.1875rem solid #2e96ff;outline-offset:-.1875rem}a:focus:not(:focus-visible){outline:0;outline-offset:0}a:focus{outline-offset:0}a:hover{cursor:pointer;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.075em}a:visited{color:#7d42b8}a.is-dark{color:#69c}a.is-dark:visited{color:#a679d2}ol,ul{margin-bottom:1.5rem;margin-left:1rem;margin-top:0;padding-left:1rem}nav ol,nav ul{list-style:none;list-style-image:none}li{margin:0;padding:0}li>ul,li>ol{margin-bottom:0;padding-top:0}li>ul>li:last-of-type,li>ol>li:last-of-type{padding-bottom:0}dl{margin-bottom:1.5rem;margin-top:0;padding:0}dd{margin-left:1rem}img{border:0;height:auto;max-width:100%}figure{margin-bottom:1.5rem;margin-left:0;width:100%}figure caption,figure figcaption{display:block;font-style:italic;margin-top:.25rem;width:100%}iframe{border:0}object,iframe,embed,canvas,video,audio{display:block;margin:0 auto 20px;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}table{border:0;border-collapse:collapse;caption-side:bottom;line-height:1.5rem;margin-bottom:1.5rem;overflow-x:auto;width:100%;table-layout:fixed}td,th{font-weight:400;overflow:hidden;padding-left:.5rem;padding-right:.5rem;text-align:left;text-overflow:ellipsis;vertical-align:top}td.has-overflow,th.has-overflow{overflow:visible}thead th{padding-bottom:.75rem;padding-top:.75rem}thead tr{border-bottom:1px solid rgba(0,0,0,.2);vertical-align:top}caption{padding-bottom:.5rem;padding-top:.5rem}tfoot tr,tbody tr:not(:first-child){border-top:1px solid rgba(0,0,0,.1)}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#0009}.token.punctuation{color:#000}.token.namespace{opacity:.7}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#77216f}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#0e811f}.token .operator,.token .entity,.token .url,.language-css .token.string,.style .token.string{color:#a86500}.token.atrule,.token.attr-value,.token.keyword{color:#06c}.token.function,.token.class-name{color:#c7162b}.token.regex,.token.important,.token.variable{color:#dc3023}.token.important,.token.bold{font-weight:550}.token.italic{font-style:italic}.token.entity{cursor:help}.p-icon--machines{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 .99a3 3 0 013 3v1.75c0 .938-.431 1.776-1.106 2.326A2.989 2.989 0 0115 10.392v1.75a3 3 0 01-3 3H4a3 3 0 01-3-3v-1.75c0-.94.431-1.777 1.106-2.327A2.989 2.989 0 011 5.739V3.99a3 3 0 013-3h8zm0 7.902H4a1.5 1.5 0 00-1.493 1.355l-.007.145v1.75a1.5 1.5 0 001.356 1.493l.144.007h8a1.5 1.5 0 001.493-1.356l.007-.144v-1.75a1.5 1.5 0 00-1.356-1.494L12 8.892zM11.5 10a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-1a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5h1zm.5-7.51H4a1.5 1.5 0 00-1.493 1.355l-.007.144v1.75a1.5 1.5 0 001.356 1.493L4 7.24h8a1.5 1.5 0 001.493-1.355l.007-.145V3.99a1.5 1.5 0 00-1.356-1.493L12 2.49zM11.5 4a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-1a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5h1z' fill='%23666' fill-rule='nonzero'/%3E%3C/svg%3E")}[class*=--dark] .p-icon--machines,.p-icon--machines.is-light{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 .99a3 3 0 013 3v1.75c0 .938-.431 1.776-1.106 2.326A2.989 2.989 0 0115 10.392v1.75a3 3 0 01-3 3H4a3 3 0 01-3-3v-1.75c0-.94.431-1.777 1.106-2.327A2.989 2.989 0 011 5.739V3.99a3 3 0 013-3h8zm0 7.902H4a1.5 1.5 0 00-1.493 1.355l-.007.145v1.75a1.5 1.5 0 001.356 1.493l.144.007h8a1.5 1.5 0 001.493-1.356l.007-.144v-1.75a1.5 1.5 0 00-1.356-1.494L12 8.892zM11.5 10a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-1a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5h1zm.5-7.51H4a1.5 1.5 0 00-1.493 1.355l-.007.144v1.75a1.5 1.5 0 001.356 1.493L4 7.24h8a1.5 1.5 0 001.493-1.355l.007-.145V3.99a1.5 1.5 0 00-1.356-1.493L12 2.49zM11.5 4a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-1a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5h1z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E")}.p-icon--pods{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.703 3.958l.106-.093.011-.009a2 2 0 01.283-.19L7.032.938a2 2 0 011.936 0l4.929 2.728.147.09.168.126.12.11.062.063.072.082.09.117.108.169.08.154.05.116.058.177c.05.176.076.36.076.546v5.311a2 2 0 01-1.031 1.75l-4.929 2.727a2 2 0 01-1.936 0l-4.929-2.727a2 2 0 01-1.031-1.75V5.416a2 2 0 01.034-.367l.042-.178a2 2 0 01.062-.184l.063-.144.042-.083.08-.135.07-.1.061-.078.1-.113.077-.076zm11.725 2.375l-4.46 2.469a2 2 0 01-1.936 0l-4.46-2.468v4.393a.5.5 0 00.183.387l.075.05 4.928 2.728a.5.5 0 00.39.04l.094-.04 4.928-2.728a.5.5 0 00.25-.348l.008-.089V6.333zM7.852 2.211l-.094.04-4.733 2.62L7.758 7.49a.5.5 0 00.39.04l.094-.04 4.732-2.62-4.732-2.62a.5.5 0 00-.39-.04z' fill='%23666' fill-rule='nonzero'/%3E%3C/svg%3E")}[class*=--dark] .p-icon--pods,.p-icon--pods.is-light{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.703 3.958l.106-.093.011-.009a2 2 0 01.283-.19L7.032.938a2 2 0 011.936 0l4.929 2.728.147.09.168.126.12.11.062.063.072.082.09.117.108.169.08.154.05.116.058.177c.05.176.076.36.076.546v5.311a2 2 0 01-1.031 1.75l-4.929 2.727a2 2 0 01-1.936 0l-4.929-2.727a2 2 0 01-1.031-1.75V5.416a2 2 0 01.034-.367l.042-.178a2 2 0 01.062-.184l.063-.144.042-.083.08-.135.07-.1.061-.078.1-.113.077-.076zm11.725 2.375l-4.46 2.469a2 2 0 01-1.936 0l-4.46-2.468v4.393a.5.5 0 00.183.387l.075.05 4.928 2.728a.5.5 0 00.39.04l.094-.04 4.928-2.728a.5.5 0 00.25-.348l.008-.089V6.333zM7.852 2.211l-.094.04-4.733 2.62L7.758 7.49a.5.5 0 00.39.04l.094-.04 4.732-2.62-4.732-2.62a.5.5 0 00-.39-.04z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E")}.p-icon--connected{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.927 7.141l3.182 3.182L6.432 13a2.251 2.251 0 01-2.724.354L1.5 15.56.44 14.5l2.295-2.297a2.25 2.25 0 01.515-2.385l2.677-2.677zM14.5.44L15.56 1.5l-1.956 1.958a2.251 2.251 0 01-.354 2.724l-2.677 2.677-3.182-3.182L10.068 3a2.25 2.25 0 012.385-.515L14.5.44z' fill='%23666' fill-rule='evenodd'/%3E%3C/svg%3E")}[class*=--dark] .p-icon--connected,.p-icon--connected.is-light{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.927 7.141l3.182 3.182L6.432 13a2.251 2.251 0 01-2.724.354L1.5 15.56.44 14.5l2.295-2.297a2.25 2.25 0 01.515-2.385l2.677-2.677zM14.5.44L15.56 1.5l-1.956 1.958a2.251 2.251 0 01-.354 2.724l-2.677 2.677-3.182-3.182L10.068 3a2.25 2.25 0 012.385-.515L14.5.44z' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E")}.p-icon--settings{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.817.639a7.572 7.572 0 013.649 2.109l-.668 1.849c.212.297.396.615.55.95l1.936.346c.193.669.296 1.376.296 2.107 0 .731-.103 1.438-.296 2.107l-1.936.346a5.876 5.876 0 01-.55.95l.668 1.85a7.572 7.572 0 01-3.65 2.108l-1.268-1.504a5.956 5.956 0 01-1.096 0l-1.268 1.504a7.572 7.572 0 01-3.65-2.109l.668-1.849a5.876 5.876 0 01-.55-.95l-1.936-.346A7.584 7.584 0 01.42 8c0-.731.103-1.438.296-2.107l1.936-.346c.154-.335.338-.653.55-.95l-.668-1.85A7.572 7.572 0 016.184.64l1.268 1.504a5.956 5.956 0 011.096 0L9.817.639zm.496 1.737L9.19 3.709l-.78-.072a4.456 4.456 0 00-.41-.02l-.206.006-.204.014-.78.072-1.124-1.333-.222.096c-.346.159-.675.35-.984.57l-.194.144.593 1.64-.455.64a4.384 4.384 0 00-.287.463l-.122.244-.327.713-1.713.305-.017.12a6.128 6.128 0 00-.029.343L1.92 8c0 .232.014.462.04.689l.016.119 1.713.306.327.713c.076.165.162.325.258.48l.151.227.455.64-.593 1.639.194.145c.31.22.638.411.984.57l.222.095 1.123-1.332.78.072c.136.013.273.02.411.02l.206-.006.204-.014.78-.072 1.123 1.332.224-.095c.345-.159.674-.35.983-.57l.193-.145-.592-1.639.455-.64c.105-.148.201-.303.287-.463l.122-.244.327-.713 1.712-.306.018-.12c.013-.113.022-.227.029-.342L14.08 8c0-.232-.014-.462-.04-.689l-.017-.12-1.712-.305-.327-.713a4.368 4.368 0 00-.258-.48l-.151-.227-.455-.64.592-1.64-.193-.144c-.309-.22-.638-.411-.983-.57l-.224-.096zM8 5a3 3 0 110 6 3 3 0 010-6zm0 1.5a1.5 1.5 0 100 3 1.5 1.5 0 000-3z' fill='%23666' fill-rule='nonzero'/%3E%3C/svg%3E")}[class*=--dark] .p-icon--settings,.p-icon--settings.is-light{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.817.639a7.572 7.572 0 013.649 2.109l-.668 1.849c.212.297.396.615.55.95l1.936.346c.193.669.296 1.376.296 2.107 0 .731-.103 1.438-.296 2.107l-1.936.346a5.876 5.876 0 01-.55.95l.668 1.85a7.572 7.572 0 01-3.65 2.108l-1.268-1.504a5.956 5.956 0 01-1.096 0l-1.268 1.504a7.572 7.572 0 01-3.65-2.109l.668-1.849a5.876 5.876 0 01-.55-.95l-1.936-.346A7.584 7.584 0 01.42 8c0-.731.103-1.438.296-2.107l1.936-.346c.154-.335.338-.653.55-.95l-.668-1.85A7.572 7.572 0 016.184.64l1.268 1.504a5.956 5.956 0 011.096 0L9.817.639zm.496 1.737L9.19 3.709l-.78-.072a4.456 4.456 0 00-.41-.02l-.206.006-.204.014-.78.072-1.124-1.333-.222.096c-.346.159-.675.35-.984.57l-.194.144.593 1.64-.455.64a4.384 4.384 0 00-.287.463l-.122.244-.327.713-1.713.305-.017.12a6.128 6.128 0 00-.029.343L1.92 8c0 .232.014.462.04.689l.016.119 1.713.306.327.713c.076.165.162.325.258.48l.151.227.455.64-.593 1.639.194.145c.31.22.638.411.984.57l.222.095 1.123-1.332.78.072c.136.013.273.02.411.02l.206-.006.204-.014.78-.072 1.123 1.332.224-.095c.345-.159.674-.35.983-.57l.193-.145-.592-1.639.455-.64c.105-.148.201-.303.287-.463l.122-.244.327-.713 1.712-.306.018-.12c.013-.113.022-.227.029-.342L14.08 8c0-.232-.014-.462-.04-.689l-.017-.12-1.712-.305-.327-.713a4.368 4.368 0 00-.258-.48l-.151-.227-.455-.64.592-1.64-.193-.144c-.309-.22-.638-.411-.983-.57l-.224-.096zM8 5a3 3 0 110 6 3 3 0 010-6zm0 1.5a1.5 1.5 0 100 3 1.5 1.5 0 000-3z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E")}.p-icon--tag{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5 1A1.5 1.5 0 0115 2.5V8h-.023l-6.466 6.467a2 2 0 01-2.828 0L1.52 10.305a2 2 0 010-2.829l6.472-6.472.007.008L8 1h5.5zm0 1.5l-4.882-.001-6.037 6.038a.5.5 0 00-.058.638l.058.07 4.163 4.162a.5.5 0 00.637.058l.07-.058 6.048-6.051L13.5 2.5zm-2.493 1.41a1.108 1.108 0 110 2.215 1.108 1.108 0 010-2.216z' fill='%23666' fill-rule='nonzero'/%3E%3C/svg%3E")}[class*=--dark] .p-icon--tag,.p-icon--tag.is-light{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5 1A1.5 1.5 0 0115 2.5V8h-.023l-6.466 6.467a2 2 0 01-2.828 0L1.52 10.305a2 2 0 010-2.829l6.472-6.472.007.008L8 1h5.5zm0 1.5l-4.882-.001-6.037 6.038a.5.5 0 00-.058.638l.058.07 4.163 4.162a.5.5 0 00.637.058l.07-.058 6.048-6.051L13.5 2.5zm-2.493 1.41a1.108 1.108 0 110 2.215 1.108 1.108 0 010-2.216z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E")}.p-icon--units{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9a1 1 0 011 1v4a1 1 0 01-1 1H2a1 1 0 01-1-1v-4a1 1 0 011-1h4zm8 0a1 1 0 011 1v4a1 1 0 01-1 1h-4a1 1 0 01-1-1v-4a1 1 0 011-1h4zm-8.5 1.5h-3v3h3v-3zm8 0h-3v3h3v-3zM14 1a1 1 0 011 1v4a1 1 0 01-1 1h-4a1 1 0 01-1-1V2a1 1 0 011-1h4zm-.5 1.5h-3v3h3v-3z' fill='%23666' fill-rule='nonzero'/%3E%3C/svg%3E")}[class*=--dark] .p-icon--units,.p-icon--units.is-light{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9a1 1 0 011 1v4a1 1 0 01-1 1H2a1 1 0 01-1-1v-4a1 1 0 011-1h4zm8 0a1 1 0 011 1v4a1 1 0 01-1 1h-4a1 1 0 01-1-1v-4a1 1 0 011-1h4zm-8.5 1.5h-3v3h3v-3zm8 0h-3v3h3v-3zM14 1a1 1 0 011 1v4a1 1 0 01-1 1h-4a1 1 0 01-1-1V2a1 1 0 011-1h4zm-.5 1.5h-3v3h3v-3z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E")}.p-icon--profile{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.95 12.95l-.18.173-.074.068a6.926 6.926 0 01-.318.271l-.271.207-.209.146-.254.163-.225.132-.243.13-.21.103-.276.121-.133.054-.385.139-.271.082-.264.068-.298.065-.272.047-.337.043-.304.025L8.12 15 8 15l-.214-.003-.285-.015-.381-.037-.339-.05-.184-.036-.324-.074-.258-.07-.249-.079-.323-.118-.195-.08-.214-.095-.276-.137-.213-.116a7.006 7.006 0 01-.551-.35l-.197-.142-.175-.136-.176-.146-.297-.27-.16-.158-.213-.229-.07-.08a7 7 0 1110.772-.221l-.194.234a7.043 7.043 0 01-.334.358zM8.5 10.502h-1a3.498 3.498 0 00-3.017 1.726A5.473 5.473 0 008 13.5a5.478 5.478 0 003.518-1.272 3.499 3.499 0 00-2.826-1.72l-.192-.006zM8 2.5a5.5 5.5 0 00-4.557 8.581 5.004 5.004 0 012.203-1.724A2.978 2.978 0 015 7.5V7a3 3 0 116 0v.5c0 .701-.24 1.347-.644 1.858.888.355 1.65.957 2.202 1.722A5.5 5.5 0 008 2.5zm0 3a1.5 1.5 0 00-1.493 1.356L6.5 7v.5a1.5 1.5 0 002.993.144L9.5 7.5V7A1.5 1.5 0 008 5.5z' fill='%23666' fill-rule='nonzero'/%3E%3C/svg%3E")}[class*=--dark] .p-icon--profile,.p-icon--profile.is-light{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.95 12.95l-.18.173-.074.068a6.926 6.926 0 01-.318.271l-.271.207-.209.146-.254.163-.225.132-.243.13-.21.103-.276.121-.133.054-.385.139-.271.082-.264.068-.298.065-.272.047-.337.043-.304.025L8.12 15 8 15l-.214-.003-.285-.015-.381-.037-.339-.05-.184-.036-.324-.074-.258-.07-.249-.079-.323-.118-.195-.08-.214-.095-.276-.137-.213-.116a7.006 7.006 0 01-.551-.35l-.197-.142-.175-.136-.176-.146-.297-.27-.16-.158-.213-.229-.07-.08a7 7 0 1110.772-.221l-.194.234a7.043 7.043 0 01-.334.358zM8.5 10.502h-1a3.498 3.498 0 00-3.017 1.726A5.473 5.473 0 008 13.5a5.478 5.478 0 003.518-1.272 3.499 3.499 0 00-2.826-1.72l-.192-.006zM8 2.5a5.5 5.5 0 00-4.557 8.581 5.004 5.004 0 012.203-1.724A2.978 2.978 0 015 7.5V7a3 3 0 116 0v.5c0 .701-.24 1.347-.644 1.858.888.355 1.65.957 2.202 1.722A5.5 5.5 0 008 2.5zm0 3a1.5 1.5 0 00-1.493 1.356L6.5 7v.5a1.5 1.5 0 002.993.144L9.5 7.5V7A1.5 1.5 0 008 5.5z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E")}.p-icon--submit-bug{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.75 1.993V3.5c0 .382.284.698.653.748l.102.007.161-.001C4.905 4.093 5.192 4 5.5 4h5c.308 0 .595.093.834.253l.216.001a.755.755 0 00.749-.653l.007-.102V1.993h1.5V3.5A2.256 2.256 0 0112 5.709l-.001 1.531 1.278.001c.324 0 .634-.126.866-.349l.094-.1.523-.628 1.152.96-.523.628a2.75 2.75 0 01-1.925.983l-.187.006h-1.278L12 10c0 .099-.004.197-.01.294a2.254 2.254 0 011.81 2.057l.006.154v1.506h-1.5v-1.506a.755.755 0 00-.653-.748l-.057-.003a4 4 0 01-7.19.004l.1-.008a.755.755 0 00-.75.653l-.006.102v1.506h-1.5v-1.506c0-1.076.754-1.976 1.762-2.2A3.671 3.671 0 014 10l-.001-1.26-1.276.001a2.75 2.75 0 01-1.987-.85l-.125-.14-.523-.627 1.152-.96.523.627c.208.25.503.407.822.442l.138.008H4V5.696a2.257 2.257 0 01-1.744-2.044L2.25 3.5V1.993h1.5zM10.5 5.5h-5V10a2.5 2.5 0 004.995.164L10.5 10V5.5zM8 .974c1.221 0 2.24.871 2.466 2.026H5.534A2.514 2.514 0 018 .974z' fill='%23666' fill-rule='evenodd'/%3E%3C/svg%3E")}[class*=--dark] .p-icon--submit-bug,.p-icon--submit-bug.is-light{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.75 1.993V3.5c0 .382.284.698.653.748l.102.007.161-.001C4.905 4.093 5.192 4 5.5 4h5c.308 0 .595.093.834.253l.216.001a.755.755 0 00.749-.653l.007-.102V1.993h1.5V3.5A2.256 2.256 0 0112 5.709l-.001 1.531 1.278.001c.324 0 .634-.126.866-.349l.094-.1.523-.628 1.152.96-.523.628a2.75 2.75 0 01-1.925.983l-.187.006h-1.278L12 10c0 .099-.004.197-.01.294a2.254 2.254 0 011.81 2.057l.006.154v1.506h-1.5v-1.506a.755.755 0 00-.653-.748l-.057-.003a4 4 0 01-7.19.004l.1-.008a.755.755 0 00-.75.653l-.006.102v1.506h-1.5v-1.506c0-1.076.754-1.976 1.762-2.2A3.671 3.671 0 014 10l-.001-1.26-1.276.001a2.75 2.75 0 01-1.987-.85l-.125-.14-.523-.627 1.152-.96.523.627c.208.25.503.407.822.442l.138.008H4V5.696a2.257 2.257 0 01-1.744-2.044L2.25 3.5V1.993h1.5zM10.5 5.5h-5V10a2.5 2.5 0 004.995.164L10.5 10V5.5zM8 .974c1.221 0 2.24.871 2.466 2.026H5.534A2.514 2.514 0 018 .974z' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E")}.l-navigation.is-collapsed .l-navigation-collapse-toggle i{transform:rotate(180deg)}.l-navigation{transition-duration:.165s;transition-property:width,box-shadow,background;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.l-navigation .p-button--base.l-navigation-collapse-toggle{background-color:#ffffff0d;visibility:hidden}@media only screen and (min-width: 621px){.l-navigation .p-button--base.l-navigation-collapse-toggle{visibility:visible}}.l-navigation:hover,.l-navigation:focus-within,.l-navigation.is-pinned{grid-area:nav}@media only screen and (min-width: 621px){.l-navigation:hover,.l-navigation:focus-within,.l-navigation.is-pinned{position:static}}.l-navigation:hover .p-panel__controls,.l-navigation:focus-within .p-panel__controls,.l-navigation.is-pinned .p-panel__controls{opacity:1;visibility:visible}@media only screen and (min-width: 621px){.l-navigation:hover .p-panel__controls,.l-navigation:focus-within .p-panel__controls,.l-navigation.is-pinned .p-panel__controls{transform:translate(12rem)}}.l-navigation .p-panel__header{margin-bottom:1rem}.l-navigation .p-panel__controls{margin-left:auto;padding-top:.65rem;z-index:104;transition-duration:.165s;transition-property:opacity,visibility,transform,background;transition-timing-function:cubic-bezier(.215,.61,.355,1)}@media only screen and (min-width: 621px){.l-navigation .p-panel__controls{opacity:1;visibility:visible;position:absolute;top:0;left:0;padding-top:0;transform:translate(1rem) translateY(2.6rem)}}.l-navigation .p-panel__controls .p-side-navigation__tooltip-wrapper{display:none}@media only screen and (min-width: 621px){.l-navigation .p-panel__controls .p-side-navigation__tooltip-wrapper{display:inherit}}@media only screen and (min-width: 460px){.l-navigation .p-panel__controls .p-side-navigation__button--menu{display:none}}.l-navigation .p-side-navigation__item .p-side-navigation__link{width:100%;justify-content:flex-start}.l-navigation .p-side-navigation__item .p-side-navigation__link[aria-current=page]:hover,.l-navigation .p-side-navigation__item .p-side-navigation__link[aria-current=page] :active{cursor:pointer}.l-navigation .p-side-navigation__label--group{color:#f7f7f7;margin-bottom:.125rem;text-transform:uppercase}.l-navigation .p-side-navigation--icons .p-side-navigation__item .p-side-navigation__item .p-side-navigation__link,.l-navigation .p-side-navigation__text{padding-left:4rem}.l-navigation .p-side-navigation--icons>.p-side-navigation__list:last-of-type:after{content:""}.l-navigation .p-side-navigation--icons .p-side-navigation__list:after{left:1rem;opacity:1}.l-navigation .l-navigation__drawer{max-width:100vw}.p-panel__header .p-icon--sidebar-toggle{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' width='16px' height='16px' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 0 7.743 L 6.742 14.485 L 7.899 13.329 L 2.311 7.743 L 7.899 2.157 L 6.742 1 L 0 7.743 Z M 7.899 7.743 L 14.642 14.485 L 15.797 13.329 L 10.21 7.743 L 15.797 2.157 L 14.642 1 L 7.899 7.743 Z' fill='%23FFF' style=''/%3E%3C/svg%3E")}.p-panel__header .p-panel__logo{color:#fff;display:flex;flex-direction:column;margin-top:.25rem}@media only screen and (max-width: 620px){.p-panel__header .p-panel__logo{margin-bottom:0}}.p-panel__header .p-panel__logo:hover,.p-panel__header .p-panel__logo:visited{color:#fff;text-decoration:none}.p-panel__header .p-panel__logo .p-panel__logo-text{display:flex;flex-direction:column;justify-content:flex-end}.p-panel__header .p-panel__logo .p-panel__logo-text .p-panel__logo-name{font-size:1.5rem;line-height:1rem;margin-bottom:0;padding-top:0;margin-left:2rem;text-wrap:nowrap}.p-panel__header .p-panel__logo .p-panel__logo-text .p-panel__logo-name--small{font-size:.6rem;margin-bottom:0;padding-left:.1rem}.p-panel__header .p-panel__logo .p-navigation__tagged-logo{min-width:auto}.p-panel__header .p-panel__logo .p-navigation__tagged-logo .p-navigation__logo-tag{height:2.3rem;left:1rem}@media only screen and (min-width: 621px){.p-panel__header .p-panel__logo .p-navigation__tagged-logo .p-navigation__logo-tag{left:1.5rem}}.p-panel__footer{margin-top:auto}.p-panel__footer .p-panel__content{padding:0}.p-panel__footer .p-panel__content .p-side-navigation__list:last-of-type:after{content:none}.l-navigation .p-panel__controls,.l-navigation-bar .p-panel__controls{padding-top:.75rem}.l-navigation__drawer .p-panel{display:flex;flex-direction:column}.p-side-navigation__tooltip{z-index:104}.p-input-group label{padding-top:0!important}.p-form-section{margin-bottom:1.5rem}.p-form-section__title{margin-bottom:.5rem}.p-form-section__content{margin-bottom:1.5rem}.main-toolbar{display:flex;container-type:inline-size;column-gap:1.5rem;align-items:baseline;margin-bottom:1rem;flex-direction:row;flex-wrap:wrap;margin-bottom:-1.2rem}.main-toolbar--stacked{flex-direction:column;align-items:flex-start}.main-toolbar .main-toolbar__controls,.main-toolbar .main-toolbar__controls--observer{display:flex;text-wrap:nowrap;white-space:nowrap;flex-direction:row;column-gap:1rem;flex:1}.main-toolbar .main-toolbar__controls--stacked,.main-toolbar .main-toolbar__controls--observer--stacked{flex-wrap:wrap;flex-direction:column;width:100%}.main-toolbar .main-toolbar__controls:not(.main-toolbar__controls--stacked),.main-toolbar .main-toolbar__controls--observer:not(.main-toolbar__controls--stacked){justify-content:flex-end}.main-toolbar .main-toolbar__controls .p-search-and-filter,.main-toolbar .main-toolbar__controls .debounce-search-box,.main-toolbar .main-toolbar__controls .p-search-box,.main-toolbar .main-toolbar__controls--observer .p-search-and-filter,.main-toolbar .main-toolbar__controls--observer .debounce-search-box,.main-toolbar .main-toolbar__controls--observer .p-search-box{flex:1}.main-toolbar .main-toolbar__controls .p-search-box .p-search-box__input,.main-toolbar .main-toolbar__controls--observer .p-search-box .p-search-box__input{position:static;padding-right:initial}.main-toolbar .main-toolbar__controls .p-search-box .p-search-box__button,.main-toolbar .main-toolbar__controls--observer .p-search-box .p-search-box__button{position:absolute}.main-toolbar .main-toolbar__controls>*,.main-toolbar .main-toolbar__controls--observer>*{margin-right:0;align-items:baseline}.p-form__nested-group{position:relative;margin-top:-.25rem;margin-left:calc(.5rem - .75px);padding-left:1.5rem;transition-duration:.165s;transition-property:transform,opacity,visibility;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.p-form__nested-group[aria-hidden=true]{height:0;opacity:0;transform:translate3d(0,-.5rem,0);visibility:hidden}.p-form__nested-group[aria-hidden=false]{height:auto;opacity:1;transform:translateZ(0);visibility:visible}.p-form__nested-group:before{content:"";display:block;position:absolute;height:100%;left:0;top:-.2em;width:1.5px;background:#d9d9d9;opacity:inherit;visibility:inherit;transition-duration:.165s;transition-property:transform,opacity,visibility;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.p-form__nested-group .p-checkbox,.p-form__nested-group .p-radio{padding-top:0;margin-bottom:.5rem}.p-pagination--items{display:flex;align-items:baseline;padding-bottom:0}.p-pagination--items .p-button{margin:0;border:0}.p-pagination--items .p-pagination__link--next{margin-right:2rem}.p-pagination--items .p-pagination__input{margin:0 .5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:3rem;min-width:0;text-align:center}.p-pagination--items .p-form-validation__message{position:absolute;margin-top:.5rem;margin-left:.5rem}.p-pagination--items input::-webkit-outer-spin-button,.p-pagination--items input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.p-pagination--items input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@canonical/maas-react-components",
3
3
  "description": "React components for use in MAAS UI projects.",
4
- "version": "1.8.0",
4
+ "version": "1.9.0",
5
5
  "repository": {
6
6
  "type": "git",
7
7
  "url": "https://github.com/canonical/maas-react-components.git"