From eecaaea9ddb54de34c214daf718475ae19163fe6 Mon Sep 17 00:00:00 2001 From: OfficialDakari Date: Thu, 3 Apr 2025 08:55:50 +0500 Subject: [PATCH] idk --- .gitignore | 2 +- dist/react-you-ui.es.js | 12271 +++++++++++++++++++++++++++++++++++++ dist/react-you-ui.umd.js | 1741 ++++++ dist/style.css | 1 + tsconfig-build.json | 4 + vite.config.js | 14 +- 6 files changed, 14022 insertions(+), 11 deletions(-) create mode 100644 dist/react-you-ui.es.js create mode 100644 dist/react-you-ui.umd.js create mode 100644 dist/style.css create mode 100644 tsconfig-build.json diff --git a/.gitignore b/.gitignore index ceaea36..298f6cb 100644 --- a/.gitignore +++ b/.gitignore @@ -90,7 +90,7 @@ out # Nuxt.js build / generate output .nuxt -dist +#dist # Gatsby files .cache/ diff --git a/dist/react-you-ui.es.js b/dist/react-you-ui.es.js new file mode 100644 index 0000000..2626b78 --- /dev/null +++ b/dist/react-you-ui.es.js @@ -0,0 +1,12271 @@ +function kl(r, e) { + for (var t = 0; t < e.length; t++) { + const o = e[t]; + if (typeof o != "string" && !Array.isArray(o)) { + for (const i in o) + if (i !== "default" && !(i in r)) { + const a = Object.getOwnPropertyDescriptor(o, i); + a && Object.defineProperty(r, i, a.get ? a : { + enumerable: !0, + get: () => o[i] + }); + } + } + } + return Object.freeze(Object.defineProperty(r, Symbol.toStringTag, { value: "Module" })); +} +function Cl(r) { + return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r; +} +var da = { exports: {} }, gr = {}, ca = { exports: {} }, Y = {}; +/** + * @license React + * react.production.min.js + * + * Copyright (c) Facebook, Inc. and its affiliates. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */ +var vn; +function El() { + if (vn) return Y; + vn = 1; + var r = Symbol.for("react.element"), e = Symbol.for("react.portal"), t = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), a = Symbol.for("react.provider"), s = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), h = Symbol.for("react.suspense"), y = Symbol.for("react.memo"), v = Symbol.for("react.lazy"), f = Symbol.iterator; + function C(m) { + return m === null || typeof m != "object" ? null : (m = f && m[f] || m["@@iterator"], typeof m == "function" ? m : null); + } + var w = { isMounted: function() { + return !1; + }, enqueueForceUpdate: function() { + }, enqueueReplaceState: function() { + }, enqueueSetState: function() { + } }, A = Object.assign, S = {}; + function I(m, E, Z) { + this.props = m, this.context = E, this.refs = S, this.updater = Z || w; + } + I.prototype.isReactComponent = {}, I.prototype.setState = function(m, E) { + if (typeof m != "object" && typeof m != "function" && m != null) throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables."); + this.updater.enqueueSetState(this, m, E, "setState"); + }, I.prototype.forceUpdate = function(m) { + this.updater.enqueueForceUpdate(this, m, "forceUpdate"); + }; + function O() { + } + O.prototype = I.prototype; + function R(m, E, Z) { + this.props = m, this.context = E, this.refs = S, this.updater = Z || w; + } + var B = R.prototype = new O(); + B.constructor = R, A(B, I.prototype), B.isPureReactComponent = !0; + var U = Array.isArray, P = Object.prototype.hasOwnProperty, q = { current: null }, D = { key: !0, ref: !0, __self: !0, __source: !0 }; + function Oe(m, E, Z) { + var te, oe = {}, ve = null, he = null; + if (E != null) for (te in E.ref !== void 0 && (he = E.ref), E.key !== void 0 && (ve = "" + E.key), E) P.call(E, te) && !D.hasOwnProperty(te) && (oe[te] = E[te]); + var ue = arguments.length - 2; + if (ue === 1) oe.children = Z; + else if (1 < ue) { + for (var de = Array(ue), Ae = 0; Ae < ue; Ae++) de[Ae] = arguments[Ae + 2]; + oe.children = de; + } + if (m && m.defaultProps) for (te in ue = m.defaultProps, ue) oe[te] === void 0 && (oe[te] = ue[te]); + return { $$typeof: r, type: m, key: ve, ref: he, props: oe, _owner: q.current }; + } + function Fe(m, E) { + return { $$typeof: r, type: m.type, key: E, ref: m.ref, props: m.props, _owner: m._owner }; + } + function ze(m) { + return typeof m == "object" && m !== null && m.$$typeof === r; + } + function Ue(m) { + var E = { "=": "=0", ":": "=2" }; + return "$" + m.replace(/[=:]/g, function(Z) { + return E[Z]; + }); + } + var st = /\/+/g; + function Ce(m, E) { + return typeof m == "object" && m !== null && m.key != null ? Ue("" + m.key) : E.toString(36); + } + function Ee(m, E, Z, te, oe) { + var ve = typeof m; + (ve === "undefined" || ve === "boolean") && (m = null); + var he = !1; + if (m === null) he = !0; + else switch (ve) { + case "string": + case "number": + he = !0; + break; + case "object": + switch (m.$$typeof) { + case r: + case e: + he = !0; + } + } + if (he) return he = m, oe = oe(he), m = te === "" ? "." + Ce(he, 0) : te, U(oe) ? (Z = "", m != null && (Z = m.replace(st, "$&/") + "/"), Ee(oe, E, Z, "", function(Ae) { + return Ae; + })) : oe != null && (ze(oe) && (oe = Fe(oe, Z + (!oe.key || he && he.key === oe.key ? "" : ("" + oe.key).replace(st, "$&/") + "/") + m)), E.push(oe)), 1; + if (he = 0, te = te === "" ? "." : te + ":", U(m)) for (var ue = 0; ue < m.length; ue++) { + ve = m[ue]; + var de = te + Ce(ve, ue); + he += Ee(ve, E, Z, de, oe); + } + else if (de = C(m), typeof de == "function") for (m = de.call(m), ue = 0; !(ve = m.next()).done; ) ve = ve.value, de = te + Ce(ve, ue++), he += Ee(ve, E, Z, de, oe); + else if (ve === "object") throw E = String(m), Error("Objects are not valid as a React child (found: " + (E === "[object Object]" ? "object with keys {" + Object.keys(m).join(", ") + "}" : E) + "). If you meant to render a collection of children, use an array instead."); + return he; + } + function Te(m, E, Z) { + if (m == null) return m; + var te = [], oe = 0; + return Ee(m, te, "", "", function(ve) { + return E.call(Z, ve, oe++); + }), te; + } + function Ke(m) { + if (m._status === -1) { + var E = m._result; + E = E(), E.then(function(Z) { + (m._status === 0 || m._status === -1) && (m._status = 1, m._result = Z); + }, function(Z) { + (m._status === 0 || m._status === -1) && (m._status = 2, m._result = Z); + }), m._status === -1 && (m._status = 0, m._result = E); + } + if (m._status === 1) return m._result.default; + throw m._result; + } + var L = { current: null }, Se = { transition: null }, Pt = { ReactCurrentDispatcher: L, ReactCurrentBatchConfig: Se, ReactCurrentOwner: q }; + function ft() { + throw Error("act(...) is not supported in production builds of React."); + } + return Y.Children = { map: Te, forEach: function(m, E, Z) { + Te(m, function() { + E.apply(this, arguments); + }, Z); + }, count: function(m) { + var E = 0; + return Te(m, function() { + E++; + }), E; + }, toArray: function(m) { + return Te(m, function(E) { + return E; + }) || []; + }, only: function(m) { + if (!ze(m)) throw Error("React.Children.only expected to receive a single React element child."); + return m; + } }, Y.Component = I, Y.Fragment = t, Y.Profiler = i, Y.PureComponent = R, Y.StrictMode = o, Y.Suspense = h, Y.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = Pt, Y.act = ft, Y.cloneElement = function(m, E, Z) { + if (m == null) throw Error("React.cloneElement(...): The argument must be a React element, but you passed " + m + "."); + var te = A({}, m.props), oe = m.key, ve = m.ref, he = m._owner; + if (E != null) { + if (E.ref !== void 0 && (ve = E.ref, he = q.current), E.key !== void 0 && (oe = "" + E.key), m.type && m.type.defaultProps) var ue = m.type.defaultProps; + for (de in E) P.call(E, de) && !D.hasOwnProperty(de) && (te[de] = E[de] === void 0 && ue !== void 0 ? ue[de] : E[de]); + } + var de = arguments.length - 2; + if (de === 1) te.children = Z; + else if (1 < de) { + ue = Array(de); + for (var Ae = 0; Ae < de; Ae++) ue[Ae] = arguments[Ae + 2]; + te.children = ue; + } + return { $$typeof: r, type: m.type, key: oe, ref: ve, props: te, _owner: he }; + }, Y.createContext = function(m) { + return m = { $$typeof: s, _currentValue: m, _currentValue2: m, _threadCount: 0, Provider: null, Consumer: null, _defaultValue: null, _globalName: null }, m.Provider = { $$typeof: a, _context: m }, m.Consumer = m; + }, Y.createElement = Oe, Y.createFactory = function(m) { + var E = Oe.bind(null, m); + return E.type = m, E; + }, Y.createRef = function() { + return { current: null }; + }, Y.forwardRef = function(m) { + return { $$typeof: d, render: m }; + }, Y.isValidElement = ze, Y.lazy = function(m) { + return { $$typeof: v, _payload: { _status: -1, _result: m }, _init: Ke }; + }, Y.memo = function(m, E) { + return { $$typeof: y, type: m, compare: E === void 0 ? null : E }; + }, Y.startTransition = function(m) { + var E = Se.transition; + Se.transition = {}; + try { + m(); + } finally { + Se.transition = E; + } + }, Y.unstable_act = ft, Y.useCallback = function(m, E) { + return L.current.useCallback(m, E); + }, Y.useContext = function(m) { + return L.current.useContext(m); + }, Y.useDebugValue = function() { + }, Y.useDeferredValue = function(m) { + return L.current.useDeferredValue(m); + }, Y.useEffect = function(m, E) { + return L.current.useEffect(m, E); + }, Y.useId = function() { + return L.current.useId(); + }, Y.useImperativeHandle = function(m, E, Z) { + return L.current.useImperativeHandle(m, E, Z); + }, Y.useInsertionEffect = function(m, E) { + return L.current.useInsertionEffect(m, E); + }, Y.useLayoutEffect = function(m, E) { + return L.current.useLayoutEffect(m, E); + }, Y.useMemo = function(m, E) { + return L.current.useMemo(m, E); + }, Y.useReducer = function(m, E, Z) { + return L.current.useReducer(m, E, Z); + }, Y.useRef = function(m) { + return L.current.useRef(m); + }, Y.useState = function(m) { + return L.current.useState(m); + }, Y.useSyncExternalStore = function(m, E, Z) { + return L.current.useSyncExternalStore(m, E, Z); + }, Y.useTransition = function() { + return L.current.useTransition(); + }, Y.version = "18.3.1", Y; +} +var Cr = { exports: {} }; +/** + * @license React + * react.development.js + * + * Copyright (c) Facebook, Inc. and its affiliates. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */ +Cr.exports; +var mn; +function $l() { + return mn || (mn = 1, function(r, e) { + process.env.NODE_ENV !== "production" && function() { + typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error()); + var t = "18.3.1", o = Symbol.for("react.element"), i = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"), d = Symbol.for("react.profiler"), h = Symbol.for("react.provider"), y = Symbol.for("react.context"), v = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), C = Symbol.for("react.suspense_list"), w = Symbol.for("react.memo"), A = Symbol.for("react.lazy"), S = Symbol.for("react.offscreen"), I = Symbol.iterator, O = "@@iterator"; + function R(n) { + if (n === null || typeof n != "object") + return null; + var c = I && n[I] || n[O]; + return typeof c == "function" ? c : null; + } + var B = { + /** + * @internal + * @type {ReactComponent} + */ + current: null + }, U = { + transition: null + }, P = { + current: null, + // Used to reproduce behavior of `batchedUpdates` in legacy mode. + isBatchingLegacy: !1, + didScheduleLegacyUpdate: !1 + }, q = { + /** + * @internal + * @type {ReactComponent} + */ + current: null + }, D = {}, Oe = null; + function Fe(n) { + Oe = n; + } + D.setExtraStackFrame = function(n) { + Oe = n; + }, D.getCurrentStack = null, D.getStackAddendum = function() { + var n = ""; + Oe && (n += Oe); + var c = D.getCurrentStack; + return c && (n += c() || ""), n; + }; + var ze = !1, Ue = !1, st = !1, Ce = !1, Ee = !1, Te = { + ReactCurrentDispatcher: B, + ReactCurrentBatchConfig: U, + ReactCurrentOwner: q + }; + Te.ReactDebugCurrentFrame = D, Te.ReactCurrentActQueue = P; + function Ke(n) { + { + for (var c = arguments.length, b = new Array(c > 1 ? c - 1 : 0), g = 1; g < c; g++) + b[g - 1] = arguments[g]; + Se("warn", n, b); + } + } + function L(n) { + { + for (var c = arguments.length, b = new Array(c > 1 ? c - 1 : 0), g = 1; g < c; g++) + b[g - 1] = arguments[g]; + Se("error", n, b); + } + } + function Se(n, c, b) { + { + var g = Te.ReactDebugCurrentFrame, T = g.getStackAddendum(); + T !== "" && (c += "%s", b = b.concat([T])); + var M = b.map(function(z) { + return String(z); + }); + M.unshift("Warning: " + c), Function.prototype.apply.call(console[n], console, M); + } + } + var Pt = {}; + function ft(n, c) { + { + var b = n.constructor, g = b && (b.displayName || b.name) || "ReactClass", T = g + "." + c; + if (Pt[T]) + return; + L("Can't call %s on a component that is not yet mounted. This is a no-op, but it might indicate a bug in your application. Instead, assign to `this.state` directly or define a `state = {};` class property with the desired state in the %s component.", c, g), Pt[T] = !0; + } + } + var m = { + /** + * Checks whether or not this composite component is mounted. + * @param {ReactClass} publicInstance The instance we want to test. + * @return {boolean} True if mounted, false otherwise. + * @protected + * @final + */ + isMounted: function(n) { + return !1; + }, + /** + * Forces an update. This should only be invoked when it is known with + * certainty that we are **not** in a DOM transaction. + * + * You may want to call this when you know that some deeper aspect of the + * component's state has changed but `setState` was not called. + * + * This will not invoke `shouldComponentUpdate`, but it will invoke + * `componentWillUpdate` and `componentDidUpdate`. + * + * @param {ReactClass} publicInstance The instance that should rerender. + * @param {?function} callback Called after component is updated. + * @param {?string} callerName name of the calling function in the public API. + * @internal + */ + enqueueForceUpdate: function(n, c, b) { + ft(n, "forceUpdate"); + }, + /** + * Replaces all of the state. Always use this or `setState` to mutate state. + * You should treat `this.state` as immutable. + * + * There is no guarantee that `this.state` will be immediately updated, so + * accessing `this.state` after calling this method may return the old value. + * + * @param {ReactClass} publicInstance The instance that should rerender. + * @param {object} completeState Next state. + * @param {?function} callback Called after component is updated. + * @param {?string} callerName name of the calling function in the public API. + * @internal + */ + enqueueReplaceState: function(n, c, b, g) { + ft(n, "replaceState"); + }, + /** + * Sets a subset of the state. This only exists because _pendingState is + * internal. This provides a merging strategy that is not available to deep + * properties which is confusing. TODO: Expose pendingState or don't use it + * during the merge. + * + * @param {ReactClass} publicInstance The instance that should rerender. + * @param {object} partialState Next partial state to be merged with state. + * @param {?function} callback Called after component is updated. + * @param {?string} Name of the calling function in the public API. + * @internal + */ + enqueueSetState: function(n, c, b, g) { + ft(n, "setState"); + } + }, E = Object.assign, Z = {}; + Object.freeze(Z); + function te(n, c, b) { + this.props = n, this.context = c, this.refs = Z, this.updater = b || m; + } + te.prototype.isReactComponent = {}, te.prototype.setState = function(n, c) { + if (typeof n != "object" && typeof n != "function" && n != null) + throw new Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables."); + this.updater.enqueueSetState(this, n, c, "setState"); + }, te.prototype.forceUpdate = function(n) { + this.updater.enqueueForceUpdate(this, n, "forceUpdate"); + }; + { + var oe = { + isMounted: ["isMounted", "Instead, make sure to clean up subscriptions and pending requests in componentWillUnmount to prevent memory leaks."], + replaceState: ["replaceState", "Refactor your code to use setState instead (see https://github.com/facebook/react/issues/3236)."] + }, ve = function(n, c) { + Object.defineProperty(te.prototype, n, { + get: function() { + Ke("%s(...) is deprecated in plain JavaScript React classes. %s", c[0], c[1]); + } + }); + }; + for (var he in oe) + oe.hasOwnProperty(he) && ve(he, oe[he]); + } + function ue() { + } + ue.prototype = te.prototype; + function de(n, c, b) { + this.props = n, this.context = c, this.refs = Z, this.updater = b || m; + } + var Ae = de.prototype = new ue(); + Ae.constructor = de, E(Ae, te.prototype), Ae.isPureReactComponent = !0; + function $i() { + var n = { + current: null + }; + return Object.seal(n), n; + } + var Hr = Array.isArray; + function Xt(n) { + return Hr(n); + } + function Ti(n) { + { + var c = typeof Symbol == "function" && Symbol.toStringTag, b = c && n[Symbol.toStringTag] || n.constructor.name || "Object"; + return b; + } + } + function Zt(n) { + try { + return xt(n), !1; + } catch { + return !0; + } + } + function xt(n) { + return "" + n; + } + function Lt(n) { + if (Zt(n)) + return L("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Ti(n)), xt(n); + } + function qr(n, c, b) { + var g = n.displayName; + if (g) + return g; + var T = c.displayName || c.name || ""; + return T !== "" ? b + "(" + T + ")" : b; + } + function Ft(n) { + return n.displayName || "Context"; + } + function lt(n) { + if (n == null) + return null; + if (typeof n.tag == "number" && L("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof n == "function") + return n.displayName || n.name || null; + if (typeof n == "string") + return n; + switch (n) { + case a: + return "Fragment"; + case i: + return "Portal"; + case d: + return "Profiler"; + case s: + return "StrictMode"; + case f: + return "Suspense"; + case C: + return "SuspenseList"; + } + if (typeof n == "object") + switch (n.$$typeof) { + case y: + var c = n; + return Ft(c) + ".Consumer"; + case h: + var b = n; + return Ft(b._context) + ".Provider"; + case v: + return qr(n, n.render, "ForwardRef"); + case w: + var g = n.displayName || null; + return g !== null ? g : lt(n.type) || "Memo"; + case A: { + var T = n, M = T._payload, z = T._init; + try { + return lt(z(M)); + } catch { + return null; + } + } + } + return null; + } + var Mt = Object.prototype.hasOwnProperty, Jt = { + key: !0, + ref: !0, + __self: !0, + __source: !0 + }, Wr, Kr, Qt; + Qt = {}; + function fr(n) { + if (Mt.call(n, "ref")) { + var c = Object.getOwnPropertyDescriptor(n, "ref").get; + if (c && c.isReactWarning) + return !1; + } + return n.ref !== void 0; + } + function _t(n) { + if (Mt.call(n, "key")) { + var c = Object.getOwnPropertyDescriptor(n, "key").get; + if (c && c.isReactWarning) + return !1; + } + return n.key !== void 0; + } + function Si(n, c) { + var b = function() { + Wr || (Wr = !0, L("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", c)); + }; + b.isReactWarning = !0, Object.defineProperty(n, "key", { + get: b, + configurable: !0 + }); + } + function Yr(n, c) { + var b = function() { + Kr || (Kr = !0, L("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", c)); + }; + b.isReactWarning = !0, Object.defineProperty(n, "ref", { + get: b, + configurable: !0 + }); + } + function Gr(n) { + if (typeof n.ref == "string" && q.current && n.__self && q.current.stateNode !== n.__self) { + var c = lt(q.current.type); + Qt[c] || (L('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', c, n.ref), Qt[c] = !0); + } + } + var Dt = function(n, c, b, g, T, M, z) { + var j = { + // This tag allows us to uniquely identify this as a React Element + $$typeof: o, + // Built-in properties that belong on the element + type: n, + key: c, + ref: b, + props: z, + // Record the component responsible for creating this element. + _owner: M + }; + return j._store = {}, Object.defineProperty(j._store, "validated", { + configurable: !1, + enumerable: !1, + writable: !0, + value: !1 + }), Object.defineProperty(j, "_self", { + configurable: !1, + enumerable: !1, + writable: !1, + value: g + }), Object.defineProperty(j, "_source", { + configurable: !1, + enumerable: !1, + writable: !1, + value: T + }), Object.freeze && (Object.freeze(j.props), Object.freeze(j)), j; + }; + function Ai(n, c, b) { + var g, T = {}, M = null, z = null, j = null, re = null; + if (c != null) { + fr(c) && (z = c.ref, Gr(c)), _t(c) && (Lt(c.key), M = "" + c.key), j = c.__self === void 0 ? null : c.__self, re = c.__source === void 0 ? null : c.__source; + for (g in c) + Mt.call(c, g) && !Jt.hasOwnProperty(g) && (T[g] = c[g]); + } + var pe = arguments.length - 2; + if (pe === 1) + T.children = b; + else if (pe > 1) { + for (var me = Array(pe), be = 0; be < pe; be++) + me[be] = arguments[be + 2]; + Object.freeze && Object.freeze(me), T.children = me; + } + if (n && n.defaultProps) { + var xe = n.defaultProps; + for (g in xe) + T[g] === void 0 && (T[g] = xe[g]); + } + if (M || z) { + var Re = typeof n == "function" ? n.displayName || n.name || "Unknown" : n; + M && Si(T, Re), z && Yr(T, Re); + } + return Dt(n, M, z, j, re, q.current, T); + } + function Ri(n, c) { + var b = Dt(n.type, c, n.ref, n._self, n._source, n._owner, n.props); + return b; + } + function Ii(n, c, b) { + if (n == null) + throw new Error("React.cloneElement(...): The argument must be a React element, but you passed " + n + "."); + var g, T = E({}, n.props), M = n.key, z = n.ref, j = n._self, re = n._source, pe = n._owner; + if (c != null) { + fr(c) && (z = c.ref, pe = q.current), _t(c) && (Lt(c.key), M = "" + c.key); + var me; + n.type && n.type.defaultProps && (me = n.type.defaultProps); + for (g in c) + Mt.call(c, g) && !Jt.hasOwnProperty(g) && (c[g] === void 0 && me !== void 0 ? T[g] = me[g] : T[g] = c[g]); + } + var be = arguments.length - 2; + if (be === 1) + T.children = b; + else if (be > 1) { + for (var xe = Array(be), Re = 0; Re < be; Re++) + xe[Re] = arguments[Re + 2]; + T.children = xe; + } + return Dt(n.type, M, z, j, re, pe, T); + } + function wt(n) { + return typeof n == "object" && n !== null && n.$$typeof === o; + } + var Xr = ".", Oi = ":"; + function zi(n) { + var c = /[=:]/g, b = { + "=": "=0", + ":": "=2" + }, g = n.replace(c, function(T) { + return b[T]; + }); + return "$" + g; + } + var er = !1, Zr = /\/+/g; + function vt(n) { + return n.replace(Zr, "$&/"); + } + function Nt(n, c) { + return typeof n == "object" && n !== null && n.key != null ? (Lt(n.key), zi("" + n.key)) : c.toString(36); + } + function kt(n, c, b, g, T) { + var M = typeof n; + (M === "undefined" || M === "boolean") && (n = null); + var z = !1; + if (n === null) + z = !0; + else + switch (M) { + case "string": + case "number": + z = !0; + break; + case "object": + switch (n.$$typeof) { + case o: + case i: + z = !0; + } + } + if (z) { + var j = n, re = T(j), pe = g === "" ? Xr + Nt(j, 0) : g; + if (Xt(re)) { + var me = ""; + pe != null && (me = vt(pe) + "/"), kt(re, c, me, "", function(wl) { + return wl; + }); + } else re != null && (wt(re) && (re.key && (!j || j.key !== re.key) && Lt(re.key), re = Ri( + re, + // Keep both the (mapped) and old keys if they differ, just as + // traverseAllChildren used to do for objects as children + b + // $FlowFixMe Flow incorrectly thinks React.Portal doesn't have a key + (re.key && (!j || j.key !== re.key) ? ( + // $FlowFixMe Flow incorrectly thinks existing element's key can be a number + // eslint-disable-next-line react-internal/safe-string-coercion + vt("" + re.key) + "/" + ) : "") + pe + )), c.push(re)); + return 1; + } + var be, xe, Re = 0, De = g === "" ? Xr : g + Oi; + if (Xt(n)) + for (var co = 0; co < n.length; co++) + be = n[co], xe = De + Nt(be, co), Re += kt(be, c, b, xe, T); + else { + var Yi = R(n); + if (typeof Yi == "function") { + var hn = n; + Yi === hn.entries && (er || Ke("Using Maps as children is not supported. Use an array of keyed ReactElements instead."), er = !0); + for (var xl = Yi.call(hn), pn, _l = 0; !(pn = xl.next()).done; ) + be = pn.value, xe = De + Nt(be, _l++), Re += kt(be, c, b, xe, T); + } else if (M === "object") { + var fn = String(n); + throw new Error("Objects are not valid as a React child (found: " + (fn === "[object Object]" ? "object with keys {" + Object.keys(n).join(", ") + "}" : fn) + "). If you meant to render a collection of children, use an array instead."); + } + } + return Re; + } + function Bt(n, c, b) { + if (n == null) + return n; + var g = [], T = 0; + return kt(n, g, "", "", function(M) { + return c.call(b, M, T++); + }), g; + } + function Pi(n) { + var c = 0; + return Bt(n, function() { + c++; + }), c; + } + function Jr(n, c, b) { + Bt(n, function() { + c.apply(this, arguments); + }, b); + } + function Li(n) { + return Bt(n, function(c) { + return c; + }) || []; + } + function Qr(n) { + if (!wt(n)) + throw new Error("React.Children.only expected to receive a single React element child."); + return n; + } + function eo(n) { + var c = { + $$typeof: y, + // As a workaround to support multiple concurrent renderers, we categorize + // some renderers as primary and others as secondary. We only expect + // there to be two concurrent renderers at most: React Native (primary) and + // Fabric (secondary); React DOM (primary) and React ART (secondary). + // Secondary renderers store their context values on separate fields. + _currentValue: n, + _currentValue2: n, + // Used to track how many concurrent renderers this context currently + // supports within in a single renderer. Such as parallel server rendering. + _threadCount: 0, + // These are circular + Provider: null, + Consumer: null, + // Add these to use same hidden class in VM as ServerContext + _defaultValue: null, + _globalName: null + }; + c.Provider = { + $$typeof: h, + _context: c + }; + var b = !1, g = !1, T = !1; + { + var M = { + $$typeof: y, + _context: c + }; + Object.defineProperties(M, { + Provider: { + get: function() { + return g || (g = !0, L("Rendering is not supported and will be removed in a future major release. Did you mean to render instead?")), c.Provider; + }, + set: function(z) { + c.Provider = z; + } + }, + _currentValue: { + get: function() { + return c._currentValue; + }, + set: function(z) { + c._currentValue = z; + } + }, + _currentValue2: { + get: function() { + return c._currentValue2; + }, + set: function(z) { + c._currentValue2 = z; + } + }, + _threadCount: { + get: function() { + return c._threadCount; + }, + set: function(z) { + c._threadCount = z; + } + }, + Consumer: { + get: function() { + return b || (b = !0, L("Rendering is not supported and will be removed in a future major release. Did you mean to render instead?")), c.Consumer; + } + }, + displayName: { + get: function() { + return c.displayName; + }, + set: function(z) { + T || (Ke("Setting `displayName` on Context.Consumer has no effect. You should set it directly on the context with Context.displayName = '%s'.", z), T = !0); + } + } + }), c.Consumer = M; + } + return c._currentRenderer = null, c._currentRenderer2 = null, c; + } + var jt = -1, vr = 0, mr = 1, to = 2; + function Fi(n) { + if (n._status === jt) { + var c = n._result, b = c(); + if (b.then(function(M) { + if (n._status === vr || n._status === jt) { + var z = n; + z._status = mr, z._result = M; + } + }, function(M) { + if (n._status === vr || n._status === jt) { + var z = n; + z._status = to, z._result = M; + } + }), n._status === jt) { + var g = n; + g._status = vr, g._result = b; + } + } + if (n._status === mr) { + var T = n._result; + return T === void 0 && L(`lazy: Expected the result of a dynamic import() call. Instead received: %s + +Your code should look like: + const MyComponent = lazy(() => import('./MyComponent')) + +Did you accidentally put curly braces around the import?`, T), "default" in T || L(`lazy: Expected the result of a dynamic import() call. Instead received: %s + +Your code should look like: + const MyComponent = lazy(() => import('./MyComponent'))`, T), T.default; + } else + throw n._result; + } + function Mi(n) { + var c = { + // We use these fields to store the result. + _status: jt, + _result: n + }, b = { + $$typeof: A, + _payload: c, + _init: Fi + }; + { + var g, T; + Object.defineProperties(b, { + defaultProps: { + configurable: !0, + get: function() { + return g; + }, + set: function(M) { + L("React.lazy(...): It is not supported to assign `defaultProps` to a lazy component import. Either specify them where the component is defined, or create a wrapping component around it."), g = M, Object.defineProperty(b, "defaultProps", { + enumerable: !0 + }); + } + }, + propTypes: { + configurable: !0, + get: function() { + return T; + }, + set: function(M) { + L("React.lazy(...): It is not supported to assign `propTypes` to a lazy component import. Either specify them where the component is defined, or create a wrapping component around it."), T = M, Object.defineProperty(b, "propTypes", { + enumerable: !0 + }); + } + } + }); + } + return b; + } + function Di(n) { + n != null && n.$$typeof === w ? L("forwardRef requires a render function but received a `memo` component. Instead of forwardRef(memo(...)), use memo(forwardRef(...)).") : typeof n != "function" ? L("forwardRef requires a render function but was given %s.", n === null ? "null" : typeof n) : n.length !== 0 && n.length !== 2 && L("forwardRef render functions accept exactly two parameters: props and ref. %s", n.length === 1 ? "Did you forget to use the ref parameter?" : "Any additional parameter will be undefined."), n != null && (n.defaultProps != null || n.propTypes != null) && L("forwardRef render functions do not support propTypes or defaultProps. Did you accidentally pass a React component?"); + var c = { + $$typeof: v, + render: n + }; + { + var b; + Object.defineProperty(c, "displayName", { + enumerable: !1, + configurable: !0, + get: function() { + return b; + }, + set: function(g) { + b = g, !n.name && !n.displayName && (n.displayName = g); + } + }); + } + return c; + } + var ro; + ro = Symbol.for("react.module.reference"); + function u(n) { + return !!(typeof n == "string" || typeof n == "function" || n === a || n === d || Ee || n === s || n === f || n === C || Ce || n === S || ze || Ue || st || typeof n == "object" && n !== null && (n.$$typeof === A || n.$$typeof === w || n.$$typeof === h || n.$$typeof === y || n.$$typeof === v || // This needs to include all possible module reference object + // types supported by any Flight configuration anywhere since + // we don't know which Flight build this will end up being used + // with. + n.$$typeof === ro || n.getModuleId !== void 0)); + } + function k(n, c) { + u(n) || L("memo: The first argument must be a component. Instead received: %s", n === null ? "null" : typeof n); + var b = { + $$typeof: w, + type: n, + compare: c === void 0 ? null : c + }; + { + var g; + Object.defineProperty(b, "displayName", { + enumerable: !1, + configurable: !0, + get: function() { + return g; + }, + set: function(T) { + g = T, !n.name && !n.displayName && (n.displayName = T); + } + }); + } + return b; + } + function $() { + var n = B.current; + return n === null && L(`Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons: +1. You might have mismatching versions of React and the renderer (such as React DOM) +2. You might be breaking the Rules of Hooks +3. You might have more than one copy of React in the same app +See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem.`), n; + } + function N(n) { + var c = $(); + if (n._context !== void 0) { + var b = n._context; + b.Consumer === n ? L("Calling useContext(Context.Consumer) is not supported, may cause bugs, and will be removed in a future major release. Did you mean to call useContext(Context) instead?") : b.Provider === n && L("Calling useContext(Context.Provider) is not supported. Did you mean to call useContext(Context) instead?"); + } + return c.useContext(n); + } + function ie(n) { + var c = $(); + return c.useState(n); + } + function ce(n, c, b) { + var g = $(); + return g.useReducer(n, c, b); + } + function Q(n) { + var c = $(); + return c.useRef(n); + } + function K(n, c) { + var b = $(); + return b.useEffect(n, c); + } + function Me(n, c) { + var b = $(); + return b.useInsertionEffect(n, c); + } + function ge(n, c) { + var b = $(); + return b.useLayoutEffect(n, c); + } + function we(n, c) { + var b = $(); + return b.useCallback(n, c); + } + function Ge(n, c) { + var b = $(); + return b.useMemo(n, c); + } + function Ct(n, c, b) { + var g = $(); + return g.useImperativeHandle(n, c, b); + } + function mt(n, c) { + { + var b = $(); + return b.useDebugValue(n, c); + } + } + function Ve() { + var n = $(); + return n.useTransition(); + } + function br(n) { + var c = $(); + return c.useDeferredValue(n); + } + function Ni() { + var n = $(); + return n.useId(); + } + function Bi(n, c, b) { + var g = $(); + return g.useSyncExternalStore(n, c, b); + } + var yr = 0, Ha, qa, Wa, Ka, Ya, Ga, Xa; + function Za() { + } + Za.__reactDisabledLog = !0; + function rl() { + { + if (yr === 0) { + Ha = console.log, qa = console.info, Wa = console.warn, Ka = console.error, Ya = console.group, Ga = console.groupCollapsed, Xa = console.groupEnd; + var n = { + configurable: !0, + enumerable: !0, + value: Za, + writable: !0 + }; + Object.defineProperties(console, { + info: n, + log: n, + warn: n, + error: n, + group: n, + groupCollapsed: n, + groupEnd: n + }); + } + yr++; + } + } + function ol() { + { + if (yr--, yr === 0) { + var n = { + configurable: !0, + enumerable: !0, + writable: !0 + }; + Object.defineProperties(console, { + log: E({}, n, { + value: Ha + }), + info: E({}, n, { + value: qa + }), + warn: E({}, n, { + value: Wa + }), + error: E({}, n, { + value: Ka + }), + group: E({}, n, { + value: Ya + }), + groupCollapsed: E({}, n, { + value: Ga + }), + groupEnd: E({}, n, { + value: Xa + }) + }); + } + yr < 0 && L("disabledDepth fell below zero. This is a bug in React. Please file an issue."); + } + } + var ji = Te.ReactCurrentDispatcher, Ui; + function oo(n, c, b) { + { + if (Ui === void 0) + try { + throw Error(); + } catch (T) { + var g = T.stack.trim().match(/\n( *(at )?)/); + Ui = g && g[1] || ""; + } + return ` +` + Ui + n; + } + } + var Vi = !1, io; + { + var il = typeof WeakMap == "function" ? WeakMap : Map; + io = new il(); + } + function Ja(n, c) { + if (!n || Vi) + return ""; + { + var b = io.get(n); + if (b !== void 0) + return b; + } + var g; + Vi = !0; + var T = Error.prepareStackTrace; + Error.prepareStackTrace = void 0; + var M; + M = ji.current, ji.current = null, rl(); + try { + if (c) { + var z = function() { + throw Error(); + }; + if (Object.defineProperty(z.prototype, "props", { + set: function() { + throw Error(); + } + }), typeof Reflect == "object" && Reflect.construct) { + try { + Reflect.construct(z, []); + } catch (De) { + g = De; + } + Reflect.construct(n, [], z); + } else { + try { + z.call(); + } catch (De) { + g = De; + } + n.call(z.prototype); + } + } else { + try { + throw Error(); + } catch (De) { + g = De; + } + n(); + } + } catch (De) { + if (De && g && typeof De.stack == "string") { + for (var j = De.stack.split(` +`), re = g.stack.split(` +`), pe = j.length - 1, me = re.length - 1; pe >= 1 && me >= 0 && j[pe] !== re[me]; ) + me--; + for (; pe >= 1 && me >= 0; pe--, me--) + if (j[pe] !== re[me]) { + if (pe !== 1 || me !== 1) + do + if (pe--, me--, me < 0 || j[pe] !== re[me]) { + var be = ` +` + j[pe].replace(" at new ", " at "); + return n.displayName && be.includes("") && (be = be.replace("", n.displayName)), typeof n == "function" && io.set(n, be), be; + } + while (pe >= 1 && me >= 0); + break; + } + } + } finally { + Vi = !1, ji.current = M, ol(), Error.prepareStackTrace = T; + } + var xe = n ? n.displayName || n.name : "", Re = xe ? oo(xe) : ""; + return typeof n == "function" && io.set(n, Re), Re; + } + function al(n, c, b) { + return Ja(n, !1); + } + function nl(n) { + var c = n.prototype; + return !!(c && c.isReactComponent); + } + function ao(n, c, b) { + if (n == null) + return ""; + if (typeof n == "function") + return Ja(n, nl(n)); + if (typeof n == "string") + return oo(n); + switch (n) { + case f: + return oo("Suspense"); + case C: + return oo("SuspenseList"); + } + if (typeof n == "object") + switch (n.$$typeof) { + case v: + return al(n.render); + case w: + return ao(n.type, c, b); + case A: { + var g = n, T = g._payload, M = g._init; + try { + return ao(M(T), c, b); + } catch { + } + } + } + return ""; + } + var Qa = {}, en = Te.ReactDebugCurrentFrame; + function no(n) { + if (n) { + var c = n._owner, b = ao(n.type, n._source, c ? c.type : null); + en.setExtraStackFrame(b); + } else + en.setExtraStackFrame(null); + } + function sl(n, c, b, g, T) { + { + var M = Function.call.bind(Mt); + for (var z in n) + if (M(n, z)) { + var j = void 0; + try { + if (typeof n[z] != "function") { + var re = Error((g || "React class") + ": " + b + " type `" + z + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof n[z] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."); + throw re.name = "Invariant Violation", re; + } + j = n[z](c, z, g, b, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"); + } catch (pe) { + j = pe; + } + j && !(j instanceof Error) && (no(T), L("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", g || "React class", b, z, typeof j), no(null)), j instanceof Error && !(j.message in Qa) && (Qa[j.message] = !0, no(T), L("Failed %s type: %s", b, j.message), no(null)); + } + } + } + function tr(n) { + if (n) { + var c = n._owner, b = ao(n.type, n._source, c ? c.type : null); + Fe(b); + } else + Fe(null); + } + var Hi; + Hi = !1; + function tn() { + if (q.current) { + var n = lt(q.current.type); + if (n) + return ` + +Check the render method of \`` + n + "`."; + } + return ""; + } + function ll(n) { + if (n !== void 0) { + var c = n.fileName.replace(/^.*[\\\/]/, ""), b = n.lineNumber; + return ` + +Check your code at ` + c + ":" + b + "."; + } + return ""; + } + function dl(n) { + return n != null ? ll(n.__source) : ""; + } + var rn = {}; + function cl(n) { + var c = tn(); + if (!c) { + var b = typeof n == "string" ? n : n.displayName || n.name; + b && (c = ` + +Check the top-level render call using <` + b + ">."); + } + return c; + } + function on(n, c) { + if (!(!n._store || n._store.validated || n.key != null)) { + n._store.validated = !0; + var b = cl(c); + if (!rn[b]) { + rn[b] = !0; + var g = ""; + n && n._owner && n._owner !== q.current && (g = " It was passed a child from " + lt(n._owner.type) + "."), tr(n), L('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', b, g), tr(null); + } + } + } + function an(n, c) { + if (typeof n == "object") { + if (Xt(n)) + for (var b = 0; b < n.length; b++) { + var g = n[b]; + wt(g) && on(g, c); + } + else if (wt(n)) + n._store && (n._store.validated = !0); + else if (n) { + var T = R(n); + if (typeof T == "function" && T !== n.entries) + for (var M = T.call(n), z; !(z = M.next()).done; ) + wt(z.value) && on(z.value, c); + } + } + } + function nn(n) { + { + var c = n.type; + if (c == null || typeof c == "string") + return; + var b; + if (typeof c == "function") + b = c.propTypes; + else if (typeof c == "object" && (c.$$typeof === v || // Note: Memo only checks outer props here. + // Inner props are checked in the reconciler. + c.$$typeof === w)) + b = c.propTypes; + else + return; + if (b) { + var g = lt(c); + sl(b, n.props, "prop", g, n); + } else if (c.PropTypes !== void 0 && !Hi) { + Hi = !0; + var T = lt(c); + L("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", T || "Unknown"); + } + typeof c.getDefaultProps == "function" && !c.getDefaultProps.isReactClassApproved && L("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead."); + } + } + function ul(n) { + { + for (var c = Object.keys(n.props), b = 0; b < c.length; b++) { + var g = c[b]; + if (g !== "children" && g !== "key") { + tr(n), L("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", g), tr(null); + break; + } + } + n.ref !== null && (tr(n), L("Invalid attribute `ref` supplied to `React.Fragment`."), tr(null)); + } + } + function sn(n, c, b) { + var g = u(n); + if (!g) { + var T = ""; + (n === void 0 || typeof n == "object" && n !== null && Object.keys(n).length === 0) && (T += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports."); + var M = dl(c); + M ? T += M : T += tn(); + var z; + n === null ? z = "null" : Xt(n) ? z = "array" : n !== void 0 && n.$$typeof === o ? (z = "<" + (lt(n.type) || "Unknown") + " />", T = " Did you accidentally export a JSX literal instead of a component?") : z = typeof n, L("React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", z, T); + } + var j = Ai.apply(this, arguments); + if (j == null) + return j; + if (g) + for (var re = 2; re < arguments.length; re++) + an(arguments[re], n); + return n === a ? ul(j) : nn(j), j; + } + var ln = !1; + function hl(n) { + var c = sn.bind(null, n); + return c.type = n, ln || (ln = !0, Ke("React.createFactory() is deprecated and will be removed in a future major release. Consider using JSX or use React.createElement() directly instead.")), Object.defineProperty(c, "type", { + enumerable: !1, + get: function() { + return Ke("Factory.type is deprecated. Access the class directly before passing it to createFactory."), Object.defineProperty(this, "type", { + value: n + }), n; + } + }), c; + } + function pl(n, c, b) { + for (var g = Ii.apply(this, arguments), T = 2; T < arguments.length; T++) + an(arguments[T], g.type); + return nn(g), g; + } + function fl(n, c) { + var b = U.transition; + U.transition = {}; + var g = U.transition; + U.transition._updatedFibers = /* @__PURE__ */ new Set(); + try { + n(); + } finally { + if (U.transition = b, b === null && g._updatedFibers) { + var T = g._updatedFibers.size; + T > 10 && Ke("Detected a large number of updates inside startTransition. If this is due to a subscription please re-write it to use React provided hooks. Otherwise concurrent mode guarantees are off the table."), g._updatedFibers.clear(); + } + } + } + var dn = !1, so = null; + function vl(n) { + if (so === null) + try { + var c = ("require" + Math.random()).slice(0, 7), b = r && r[c]; + so = b.call(r, "timers").setImmediate; + } catch { + so = function(T) { + dn === !1 && (dn = !0, typeof MessageChannel > "u" && L("This browser does not have a MessageChannel implementation, so enqueuing tasks via await act(async () => ...) will fail. Please file an issue at https://github.com/facebook/react/issues if you encounter this warning.")); + var M = new MessageChannel(); + M.port1.onmessage = T, M.port2.postMessage(void 0); + }; + } + return so(n); + } + var rr = 0, cn = !1; + function un(n) { + { + var c = rr; + rr++, P.current === null && (P.current = []); + var b = P.isBatchingLegacy, g; + try { + if (P.isBatchingLegacy = !0, g = n(), !b && P.didScheduleLegacyUpdate) { + var T = P.current; + T !== null && (P.didScheduleLegacyUpdate = !1, Ki(T)); + } + } catch (xe) { + throw lo(c), xe; + } finally { + P.isBatchingLegacy = b; + } + if (g !== null && typeof g == "object" && typeof g.then == "function") { + var M = g, z = !1, j = { + then: function(xe, Re) { + z = !0, M.then(function(De) { + lo(c), rr === 0 ? qi(De, xe, Re) : xe(De); + }, function(De) { + lo(c), Re(De); + }); + } + }; + return !cn && typeof Promise < "u" && Promise.resolve().then(function() { + }).then(function() { + z || (cn = !0, L("You called act(async () => ...) without await. This could lead to unexpected testing behaviour, interleaving multiple act calls and mixing their scopes. You should - await act(async () => ...);")); + }), j; + } else { + var re = g; + if (lo(c), rr === 0) { + var pe = P.current; + pe !== null && (Ki(pe), P.current = null); + var me = { + then: function(xe, Re) { + P.current === null ? (P.current = [], qi(re, xe, Re)) : xe(re); + } + }; + return me; + } else { + var be = { + then: function(xe, Re) { + xe(re); + } + }; + return be; + } + } + } + } + function lo(n) { + n !== rr - 1 && L("You seem to have overlapping act() calls, this is not supported. Be sure to await previous act() calls before making a new one. "), rr = n; + } + function qi(n, c, b) { + { + var g = P.current; + if (g !== null) + try { + Ki(g), vl(function() { + g.length === 0 ? (P.current = null, c(n)) : qi(n, c, b); + }); + } catch (T) { + b(T); + } + else + c(n); + } + } + var Wi = !1; + function Ki(n) { + if (!Wi) { + Wi = !0; + var c = 0; + try { + for (; c < n.length; c++) { + var b = n[c]; + do + b = b(!0); + while (b !== null); + } + n.length = 0; + } catch (g) { + throw n = n.slice(c + 1), g; + } finally { + Wi = !1; + } + } + } + var ml = sn, bl = pl, yl = hl, gl = { + map: Bt, + forEach: Jr, + count: Pi, + toArray: Li, + only: Qr + }; + e.Children = gl, e.Component = te, e.Fragment = a, e.Profiler = d, e.PureComponent = de, e.StrictMode = s, e.Suspense = f, e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = Te, e.act = un, e.cloneElement = bl, e.createContext = eo, e.createElement = ml, e.createFactory = yl, e.createRef = $i, e.forwardRef = Di, e.isValidElement = wt, e.lazy = Mi, e.memo = k, e.startTransition = fl, e.unstable_act = un, e.useCallback = we, e.useContext = N, e.useDebugValue = mt, e.useDeferredValue = br, e.useEffect = K, e.useId = Ni, e.useImperativeHandle = Ct, e.useInsertionEffect = Me, e.useLayoutEffect = ge, e.useMemo = Ge, e.useReducer = ce, e.useRef = Q, e.useState = ie, e.useSyncExternalStore = Bi, e.useTransition = Ve, e.version = t, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error()); + }(); + }(Cr, Cr.exports)), Cr.exports; +} +process.env.NODE_ENV === "production" ? ca.exports = El() : ca.exports = $l(); +var qe = ca.exports; +const J = /* @__PURE__ */ Cl(qe), bn = /* @__PURE__ */ kl({ + __proto__: null, + default: J +}, [qe]); +/** + * @license React + * react-jsx-runtime.production.min.js + * + * Copyright (c) Facebook, Inc. and its affiliates. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */ +var yn; +function Tl() { + if (yn) return gr; + yn = 1; + var r = qe, e = Symbol.for("react.element"), t = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, i = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, a = { key: !0, ref: !0, __self: !0, __source: !0 }; + function s(d, h, y) { + var v, f = {}, C = null, w = null; + y !== void 0 && (C = "" + y), h.key !== void 0 && (C = "" + h.key), h.ref !== void 0 && (w = h.ref); + for (v in h) o.call(h, v) && !a.hasOwnProperty(v) && (f[v] = h[v]); + if (d && d.defaultProps) for (v in h = d.defaultProps, h) f[v] === void 0 && (f[v] = h[v]); + return { $$typeof: e, type: d, key: C, ref: w, props: f, _owner: i.current }; + } + return gr.Fragment = t, gr.jsx = s, gr.jsxs = s, gr; +} +var xr = {}; +/** + * @license React + * react-jsx-runtime.development.js + * + * Copyright (c) Facebook, Inc. and its affiliates. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */ +var gn; +function Sl() { + return gn || (gn = 1, process.env.NODE_ENV !== "production" && function() { + var r = qe, e = Symbol.for("react.element"), t = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), a = Symbol.for("react.profiler"), s = Symbol.for("react.provider"), d = Symbol.for("react.context"), h = Symbol.for("react.forward_ref"), y = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), f = Symbol.for("react.memo"), C = Symbol.for("react.lazy"), w = Symbol.for("react.offscreen"), A = Symbol.iterator, S = "@@iterator"; + function I(u) { + if (u === null || typeof u != "object") + return null; + var k = A && u[A] || u[S]; + return typeof k == "function" ? k : null; + } + var O = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED; + function R(u) { + { + for (var k = arguments.length, $ = new Array(k > 1 ? k - 1 : 0), N = 1; N < k; N++) + $[N - 1] = arguments[N]; + B("error", u, $); + } + } + function B(u, k, $) { + { + var N = O.ReactDebugCurrentFrame, ie = N.getStackAddendum(); + ie !== "" && (k += "%s", $ = $.concat([ie])); + var ce = $.map(function(Q) { + return String(Q); + }); + ce.unshift("Warning: " + k), Function.prototype.apply.call(console[u], console, ce); + } + } + var U = !1, P = !1, q = !1, D = !1, Oe = !1, Fe; + Fe = Symbol.for("react.module.reference"); + function ze(u) { + return !!(typeof u == "string" || typeof u == "function" || u === o || u === a || Oe || u === i || u === y || u === v || D || u === w || U || P || q || typeof u == "object" && u !== null && (u.$$typeof === C || u.$$typeof === f || u.$$typeof === s || u.$$typeof === d || u.$$typeof === h || // This needs to include all possible module reference object + // types supported by any Flight configuration anywhere since + // we don't know which Flight build this will end up being used + // with. + u.$$typeof === Fe || u.getModuleId !== void 0)); + } + function Ue(u, k, $) { + var N = u.displayName; + if (N) + return N; + var ie = k.displayName || k.name || ""; + return ie !== "" ? $ + "(" + ie + ")" : $; + } + function st(u) { + return u.displayName || "Context"; + } + function Ce(u) { + if (u == null) + return null; + if (typeof u.tag == "number" && R("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof u == "function") + return u.displayName || u.name || null; + if (typeof u == "string") + return u; + switch (u) { + case o: + return "Fragment"; + case t: + return "Portal"; + case a: + return "Profiler"; + case i: + return "StrictMode"; + case y: + return "Suspense"; + case v: + return "SuspenseList"; + } + if (typeof u == "object") + switch (u.$$typeof) { + case d: + var k = u; + return st(k) + ".Consumer"; + case s: + var $ = u; + return st($._context) + ".Provider"; + case h: + return Ue(u, u.render, "ForwardRef"); + case f: + var N = u.displayName || null; + return N !== null ? N : Ce(u.type) || "Memo"; + case C: { + var ie = u, ce = ie._payload, Q = ie._init; + try { + return Ce(Q(ce)); + } catch { + return null; + } + } + } + return null; + } + var Ee = Object.assign, Te = 0, Ke, L, Se, Pt, ft, m, E; + function Z() { + } + Z.__reactDisabledLog = !0; + function te() { + { + if (Te === 0) { + Ke = console.log, L = console.info, Se = console.warn, Pt = console.error, ft = console.group, m = console.groupCollapsed, E = console.groupEnd; + var u = { + configurable: !0, + enumerable: !0, + value: Z, + writable: !0 + }; + Object.defineProperties(console, { + info: u, + log: u, + warn: u, + error: u, + group: u, + groupCollapsed: u, + groupEnd: u + }); + } + Te++; + } + } + function oe() { + { + if (Te--, Te === 0) { + var u = { + configurable: !0, + enumerable: !0, + writable: !0 + }; + Object.defineProperties(console, { + log: Ee({}, u, { + value: Ke + }), + info: Ee({}, u, { + value: L + }), + warn: Ee({}, u, { + value: Se + }), + error: Ee({}, u, { + value: Pt + }), + group: Ee({}, u, { + value: ft + }), + groupCollapsed: Ee({}, u, { + value: m + }), + groupEnd: Ee({}, u, { + value: E + }) + }); + } + Te < 0 && R("disabledDepth fell below zero. This is a bug in React. Please file an issue."); + } + } + var ve = O.ReactCurrentDispatcher, he; + function ue(u, k, $) { + { + if (he === void 0) + try { + throw Error(); + } catch (ie) { + var N = ie.stack.trim().match(/\n( *(at )?)/); + he = N && N[1] || ""; + } + return ` +` + he + u; + } + } + var de = !1, Ae; + { + var $i = typeof WeakMap == "function" ? WeakMap : Map; + Ae = new $i(); + } + function Hr(u, k) { + if (!u || de) + return ""; + { + var $ = Ae.get(u); + if ($ !== void 0) + return $; + } + var N; + de = !0; + var ie = Error.prepareStackTrace; + Error.prepareStackTrace = void 0; + var ce; + ce = ve.current, ve.current = null, te(); + try { + if (k) { + var Q = function() { + throw Error(); + }; + if (Object.defineProperty(Q.prototype, "props", { + set: function() { + throw Error(); + } + }), typeof Reflect == "object" && Reflect.construct) { + try { + Reflect.construct(Q, []); + } catch (Ve) { + N = Ve; + } + Reflect.construct(u, [], Q); + } else { + try { + Q.call(); + } catch (Ve) { + N = Ve; + } + u.call(Q.prototype); + } + } else { + try { + throw Error(); + } catch (Ve) { + N = Ve; + } + u(); + } + } catch (Ve) { + if (Ve && N && typeof Ve.stack == "string") { + for (var K = Ve.stack.split(` +`), Me = N.stack.split(` +`), ge = K.length - 1, we = Me.length - 1; ge >= 1 && we >= 0 && K[ge] !== Me[we]; ) + we--; + for (; ge >= 1 && we >= 0; ge--, we--) + if (K[ge] !== Me[we]) { + if (ge !== 1 || we !== 1) + do + if (ge--, we--, we < 0 || K[ge] !== Me[we]) { + var Ge = ` +` + K[ge].replace(" at new ", " at "); + return u.displayName && Ge.includes("") && (Ge = Ge.replace("", u.displayName)), typeof u == "function" && Ae.set(u, Ge), Ge; + } + while (ge >= 1 && we >= 0); + break; + } + } + } finally { + de = !1, ve.current = ce, oe(), Error.prepareStackTrace = ie; + } + var Ct = u ? u.displayName || u.name : "", mt = Ct ? ue(Ct) : ""; + return typeof u == "function" && Ae.set(u, mt), mt; + } + function Xt(u, k, $) { + return Hr(u, !1); + } + function Ti(u) { + var k = u.prototype; + return !!(k && k.isReactComponent); + } + function Zt(u, k, $) { + if (u == null) + return ""; + if (typeof u == "function") + return Hr(u, Ti(u)); + if (typeof u == "string") + return ue(u); + switch (u) { + case y: + return ue("Suspense"); + case v: + return ue("SuspenseList"); + } + if (typeof u == "object") + switch (u.$$typeof) { + case h: + return Xt(u.render); + case f: + return Zt(u.type, k, $); + case C: { + var N = u, ie = N._payload, ce = N._init; + try { + return Zt(ce(ie), k, $); + } catch { + } + } + } + return ""; + } + var xt = Object.prototype.hasOwnProperty, Lt = {}, qr = O.ReactDebugCurrentFrame; + function Ft(u) { + if (u) { + var k = u._owner, $ = Zt(u.type, u._source, k ? k.type : null); + qr.setExtraStackFrame($); + } else + qr.setExtraStackFrame(null); + } + function lt(u, k, $, N, ie) { + { + var ce = Function.call.bind(xt); + for (var Q in u) + if (ce(u, Q)) { + var K = void 0; + try { + if (typeof u[Q] != "function") { + var Me = Error((N || "React class") + ": " + $ + " type `" + Q + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof u[Q] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."); + throw Me.name = "Invariant Violation", Me; + } + K = u[Q](k, Q, N, $, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"); + } catch (ge) { + K = ge; + } + K && !(K instanceof Error) && (Ft(ie), R("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", N || "React class", $, Q, typeof K), Ft(null)), K instanceof Error && !(K.message in Lt) && (Lt[K.message] = !0, Ft(ie), R("Failed %s type: %s", $, K.message), Ft(null)); + } + } + } + var Mt = Array.isArray; + function Jt(u) { + return Mt(u); + } + function Wr(u) { + { + var k = typeof Symbol == "function" && Symbol.toStringTag, $ = k && u[Symbol.toStringTag] || u.constructor.name || "Object"; + return $; + } + } + function Kr(u) { + try { + return Qt(u), !1; + } catch { + return !0; + } + } + function Qt(u) { + return "" + u; + } + function fr(u) { + if (Kr(u)) + return R("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Wr(u)), Qt(u); + } + var _t = O.ReactCurrentOwner, Si = { + key: !0, + ref: !0, + __self: !0, + __source: !0 + }, Yr, Gr, Dt; + Dt = {}; + function Ai(u) { + if (xt.call(u, "ref")) { + var k = Object.getOwnPropertyDescriptor(u, "ref").get; + if (k && k.isReactWarning) + return !1; + } + return u.ref !== void 0; + } + function Ri(u) { + if (xt.call(u, "key")) { + var k = Object.getOwnPropertyDescriptor(u, "key").get; + if (k && k.isReactWarning) + return !1; + } + return u.key !== void 0; + } + function Ii(u, k) { + if (typeof u.ref == "string" && _t.current && k && _t.current.stateNode !== k) { + var $ = Ce(_t.current.type); + Dt[$] || (R('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', Ce(_t.current.type), u.ref), Dt[$] = !0); + } + } + function wt(u, k) { + { + var $ = function() { + Yr || (Yr = !0, R("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", k)); + }; + $.isReactWarning = !0, Object.defineProperty(u, "key", { + get: $, + configurable: !0 + }); + } + } + function Xr(u, k) { + { + var $ = function() { + Gr || (Gr = !0, R("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", k)); + }; + $.isReactWarning = !0, Object.defineProperty(u, "ref", { + get: $, + configurable: !0 + }); + } + } + var Oi = function(u, k, $, N, ie, ce, Q) { + var K = { + // This tag allows us to uniquely identify this as a React Element + $$typeof: e, + // Built-in properties that belong on the element + type: u, + key: k, + ref: $, + props: Q, + // Record the component responsible for creating this element. + _owner: ce + }; + return K._store = {}, Object.defineProperty(K._store, "validated", { + configurable: !1, + enumerable: !1, + writable: !0, + value: !1 + }), Object.defineProperty(K, "_self", { + configurable: !1, + enumerable: !1, + writable: !1, + value: N + }), Object.defineProperty(K, "_source", { + configurable: !1, + enumerable: !1, + writable: !1, + value: ie + }), Object.freeze && (Object.freeze(K.props), Object.freeze(K)), K; + }; + function zi(u, k, $, N, ie) { + { + var ce, Q = {}, K = null, Me = null; + $ !== void 0 && (fr($), K = "" + $), Ri(k) && (fr(k.key), K = "" + k.key), Ai(k) && (Me = k.ref, Ii(k, ie)); + for (ce in k) + xt.call(k, ce) && !Si.hasOwnProperty(ce) && (Q[ce] = k[ce]); + if (u && u.defaultProps) { + var ge = u.defaultProps; + for (ce in ge) + Q[ce] === void 0 && (Q[ce] = ge[ce]); + } + if (K || Me) { + var we = typeof u == "function" ? u.displayName || u.name || "Unknown" : u; + K && wt(Q, we), Me && Xr(Q, we); + } + return Oi(u, K, Me, ie, N, _t.current, Q); + } + } + var er = O.ReactCurrentOwner, Zr = O.ReactDebugCurrentFrame; + function vt(u) { + if (u) { + var k = u._owner, $ = Zt(u.type, u._source, k ? k.type : null); + Zr.setExtraStackFrame($); + } else + Zr.setExtraStackFrame(null); + } + var Nt; + Nt = !1; + function kt(u) { + return typeof u == "object" && u !== null && u.$$typeof === e; + } + function Bt() { + { + if (er.current) { + var u = Ce(er.current.type); + if (u) + return ` + +Check the render method of \`` + u + "`."; + } + return ""; + } + } + function Pi(u) { + return ""; + } + var Jr = {}; + function Li(u) { + { + var k = Bt(); + if (!k) { + var $ = typeof u == "string" ? u : u.displayName || u.name; + $ && (k = ` + +Check the top-level render call using <` + $ + ">."); + } + return k; + } + } + function Qr(u, k) { + { + if (!u._store || u._store.validated || u.key != null) + return; + u._store.validated = !0; + var $ = Li(k); + if (Jr[$]) + return; + Jr[$] = !0; + var N = ""; + u && u._owner && u._owner !== er.current && (N = " It was passed a child from " + Ce(u._owner.type) + "."), vt(u), R('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', $, N), vt(null); + } + } + function eo(u, k) { + { + if (typeof u != "object") + return; + if (Jt(u)) + for (var $ = 0; $ < u.length; $++) { + var N = u[$]; + kt(N) && Qr(N, k); + } + else if (kt(u)) + u._store && (u._store.validated = !0); + else if (u) { + var ie = I(u); + if (typeof ie == "function" && ie !== u.entries) + for (var ce = ie.call(u), Q; !(Q = ce.next()).done; ) + kt(Q.value) && Qr(Q.value, k); + } + } + } + function jt(u) { + { + var k = u.type; + if (k == null || typeof k == "string") + return; + var $; + if (typeof k == "function") + $ = k.propTypes; + else if (typeof k == "object" && (k.$$typeof === h || // Note: Memo only checks outer props here. + // Inner props are checked in the reconciler. + k.$$typeof === f)) + $ = k.propTypes; + else + return; + if ($) { + var N = Ce(k); + lt($, u.props, "prop", N, u); + } else if (k.PropTypes !== void 0 && !Nt) { + Nt = !0; + var ie = Ce(k); + R("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", ie || "Unknown"); + } + typeof k.getDefaultProps == "function" && !k.getDefaultProps.isReactClassApproved && R("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead."); + } + } + function vr(u) { + { + for (var k = Object.keys(u.props), $ = 0; $ < k.length; $++) { + var N = k[$]; + if (N !== "children" && N !== "key") { + vt(u), R("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", N), vt(null); + break; + } + } + u.ref !== null && (vt(u), R("Invalid attribute `ref` supplied to `React.Fragment`."), vt(null)); + } + } + var mr = {}; + function to(u, k, $, N, ie, ce) { + { + var Q = ze(u); + if (!Q) { + var K = ""; + (u === void 0 || typeof u == "object" && u !== null && Object.keys(u).length === 0) && (K += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports."); + var Me = Pi(); + Me ? K += Me : K += Bt(); + var ge; + u === null ? ge = "null" : Jt(u) ? ge = "array" : u !== void 0 && u.$$typeof === e ? (ge = "<" + (Ce(u.type) || "Unknown") + " />", K = " Did you accidentally export a JSX literal instead of a component?") : ge = typeof u, R("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", ge, K); + } + var we = zi(u, k, $, ie, ce); + if (we == null) + return we; + if (Q) { + var Ge = k.children; + if (Ge !== void 0) + if (N) + if (Jt(Ge)) { + for (var Ct = 0; Ct < Ge.length; Ct++) + eo(Ge[Ct], u); + Object.freeze && Object.freeze(Ge); + } else + R("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."); + else + eo(Ge, u); + } + if (xt.call(k, "key")) { + var mt = Ce(u), Ve = Object.keys(k).filter(function(Bi) { + return Bi !== "key"; + }), br = Ve.length > 0 ? "{key: someKey, " + Ve.join(": ..., ") + ": ...}" : "{key: someKey}"; + if (!mr[mt + br]) { + var Ni = Ve.length > 0 ? "{" + Ve.join(": ..., ") + ": ...}" : "{}"; + R(`A props object containing a "key" prop is being spread into JSX: + let props = %s; + <%s {...props} /> +React keys must be passed directly to JSX without using spread: + let props = %s; + <%s key={someKey} {...props} />`, br, mt, Ni, mt), mr[mt + br] = !0; + } + } + return u === o ? vr(we) : jt(we), we; + } + } + function Fi(u, k, $) { + return to(u, k, $, !0); + } + function Mi(u, k, $) { + return to(u, k, $, !1); + } + var Di = Mi, ro = Fi; + xr.Fragment = o, xr.jsx = Di, xr.jsxs = ro; + }()), xr; +} +process.env.NODE_ENV === "production" ? da.exports = Tl() : da.exports = Sl(); +var V = da.exports; +/** + * @license + * Copyright 2018 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + */ +const Al = /* @__PURE__ */ new Set(["children", "localName", "ref", "style", "className"]), xn = /* @__PURE__ */ new WeakMap(), _n = (r, e, t, o, i) => { + const a = i == null ? void 0 : i[e]; + a === void 0 ? (r[e] = t, t == null && e in HTMLElement.prototype && r.removeAttribute(e)) : t !== o && ((s, d, h) => { + let y = xn.get(s); + y === void 0 && xn.set(s, y = /* @__PURE__ */ new Map()); + let v = y.get(d); + h !== void 0 ? v === void 0 ? (y.set(d, v = { handleEvent: h }), s.addEventListener(d, v)) : v.handleEvent = h : v !== void 0 && (y.delete(d), s.removeEventListener(d, v)); + })(r, a, t); +}, ee = ({ react: r, tagName: e, elementClass: t, events: o, displayName: i }) => { + const a = new Set(Object.keys(o ?? {})), s = r.forwardRef((d, h) => { + const y = r.useRef(/* @__PURE__ */ new Map()), v = r.useRef(null), f = {}, C = {}; + for (const [w, A] of Object.entries(d)) Al.has(w) ? f[w === "className" ? "class" : w] = A : a.has(w) || w in t.prototype ? C[w] = A : f[w] = A; + return r.useLayoutEffect(() => { + if (v.current === null) return; + const w = /* @__PURE__ */ new Map(); + for (const A in C) _n(v.current, A, d[A], y.current.get(A), o), y.current.delete(A), w.set(A, d[A]); + for (const [A, S] of y.current) _n(v.current, A, void 0, S, o); + y.current = w; + }), r.useLayoutEffect(() => { + var w; + (w = v.current) == null || w.removeAttribute("defer-hydration"); + }, []), f.suppressHydrationWarning = !0, r.createElement(e, { ...f, ref: r.useCallback((w) => { + v.current = w, typeof h == "function" ? h(w) : h !== null && (h.current = w); + }, [h]) }); + }); + return s.displayName = i ?? t.name, s; +}; +function l(r, e, t, o) { + var i = arguments.length, a = i < 3 ? e : o === null ? o = Object.getOwnPropertyDescriptor(e, t) : o, s; + if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(r, e, t, o); + else for (var d = r.length - 1; d >= 0; d--) (s = r[d]) && (a = (i < 3 ? s(a) : i > 3 ? s(e, t, a) : s(e, t)) || a); + return i > 3 && a && Object.defineProperty(e, t, a), a; +} +/** + * @license + * Copyright 2017 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + */ +const H = (r) => (e, t) => { + t !== void 0 ? t.addInitializer(() => { + customElements.define(r, e); + }) : customElements.define(r, e); +}; +/** + * @license + * Copyright 2019 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + */ +const Eo = globalThis, Sa = Eo.ShadowRoot && (Eo.ShadyCSS === void 0 || Eo.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, Aa = Symbol(), wn = /* @__PURE__ */ new WeakMap(); +let es = class { + constructor(e, t, o) { + if (this._$cssResult$ = !0, o !== Aa) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead."); + this.cssText = e, this.t = t; + } + get styleSheet() { + let e = this.o; + const t = this.t; + if (Sa && e === void 0) { + const o = t !== void 0 && t.length === 1; + o && (e = wn.get(t)), e === void 0 && ((this.o = e = new CSSStyleSheet()).replaceSync(this.cssText), o && wn.set(t, e)); + } + return e; + } + toString() { + return this.cssText; + } +}; +const Rl = (r) => new es(typeof r == "string" ? r : r + "", void 0, Aa), F = (r, ...e) => { + const t = r.length === 1 ? r[0] : e.reduce((o, i, a) => o + ((s) => { + if (s._$cssResult$ === !0) return s.cssText; + if (typeof s == "number") return s; + throw Error("Value passed to 'css' function must be a 'css' function result: " + s + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security."); + })(i) + r[a + 1], r[0]); + return new es(t, r, Aa); +}, Il = (r, e) => { + if (Sa) r.adoptedStyleSheets = e.map((t) => t instanceof CSSStyleSheet ? t : t.styleSheet); + else for (const t of e) { + const o = document.createElement("style"), i = Eo.litNonce; + i !== void 0 && o.setAttribute("nonce", i), o.textContent = t.cssText, r.appendChild(o); + } +}, kn = Sa ? (r) => r : (r) => r instanceof CSSStyleSheet ? ((e) => { + let t = ""; + for (const o of e.cssRules) t += o.cssText; + return Rl(t); +})(r) : r; +/** + * @license + * Copyright 2017 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + */ +const { is: Ol, defineProperty: zl, getOwnPropertyDescriptor: Pl, getOwnPropertyNames: Ll, getOwnPropertySymbols: Fl, getPrototypeOf: Ml } = Object, St = globalThis, Cn = St.trustedTypes, Dl = Cn ? Cn.emptyScript : "", Gi = St.reactiveElementPolyfillSupport, Er = (r, e) => r, Ro = { toAttribute(r, e) { + switch (e) { + case Boolean: + r = r ? Dl : null; + break; + case Object: + case Array: + r = r == null ? r : JSON.stringify(r); + } + return r; +}, fromAttribute(r, e) { + let t = r; + switch (e) { + case Boolean: + t = r !== null; + break; + case Number: + t = r === null ? null : Number(r); + break; + case Object: + case Array: + try { + t = JSON.parse(r); + } catch { + t = null; + } + } + return t; +} }, Ra = (r, e) => !Ol(r, e), En = { attribute: !0, type: String, converter: Ro, reflect: !1, hasChanged: Ra }; +Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), St.litPropertyMetadata ?? (St.litPropertyMetadata = /* @__PURE__ */ new WeakMap()); +class ir extends HTMLElement { + static addInitializer(e) { + this._$Ei(), (this.l ?? (this.l = [])).push(e); + } + static get observedAttributes() { + return this.finalize(), this._$Eh && [...this._$Eh.keys()]; + } + static createProperty(e, t = En) { + if (t.state && (t.attribute = !1), this._$Ei(), this.elementProperties.set(e, t), !t.noAccessor) { + const o = Symbol(), i = this.getPropertyDescriptor(e, o, t); + i !== void 0 && zl(this.prototype, e, i); + } + } + static getPropertyDescriptor(e, t, o) { + const { get: i, set: a } = Pl(this.prototype, e) ?? { get() { + return this[t]; + }, set(s) { + this[t] = s; + } }; + return { get() { + return i == null ? void 0 : i.call(this); + }, set(s) { + const d = i == null ? void 0 : i.call(this); + a.call(this, s), this.requestUpdate(e, d, o); + }, configurable: !0, enumerable: !0 }; + } + static getPropertyOptions(e) { + return this.elementProperties.get(e) ?? En; + } + static _$Ei() { + if (this.hasOwnProperty(Er("elementProperties"))) return; + const e = Ml(this); + e.finalize(), e.l !== void 0 && (this.l = [...e.l]), this.elementProperties = new Map(e.elementProperties); + } + static finalize() { + if (this.hasOwnProperty(Er("finalized"))) return; + if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(Er("properties"))) { + const t = this.properties, o = [...Ll(t), ...Fl(t)]; + for (const i of o) this.createProperty(i, t[i]); + } + const e = this[Symbol.metadata]; + if (e !== null) { + const t = litPropertyMetadata.get(e); + if (t !== void 0) for (const [o, i] of t) this.elementProperties.set(o, i); + } + this._$Eh = /* @__PURE__ */ new Map(); + for (const [t, o] of this.elementProperties) { + const i = this._$Eu(t, o); + i !== void 0 && this._$Eh.set(i, t); + } + this.elementStyles = this.finalizeStyles(this.styles); + } + static finalizeStyles(e) { + const t = []; + if (Array.isArray(e)) { + const o = new Set(e.flat(1 / 0).reverse()); + for (const i of o) t.unshift(kn(i)); + } else e !== void 0 && t.push(kn(e)); + return t; + } + static _$Eu(e, t) { + const o = t.attribute; + return o === !1 ? void 0 : typeof o == "string" ? o : typeof e == "string" ? e.toLowerCase() : void 0; + } + constructor() { + super(), this._$Ep = void 0, this.isUpdatePending = !1, this.hasUpdated = !1, this._$Em = null, this._$Ev(); + } + _$Ev() { + var e; + this._$ES = new Promise((t) => this.enableUpdating = t), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), (e = this.constructor.l) == null || e.forEach((t) => t(this)); + } + addController(e) { + var t; + (this._$EO ?? (this._$EO = /* @__PURE__ */ new Set())).add(e), this.renderRoot !== void 0 && this.isConnected && ((t = e.hostConnected) == null || t.call(e)); + } + removeController(e) { + var t; + (t = this._$EO) == null || t.delete(e); + } + _$E_() { + const e = /* @__PURE__ */ new Map(), t = this.constructor.elementProperties; + for (const o of t.keys()) this.hasOwnProperty(o) && (e.set(o, this[o]), delete this[o]); + e.size > 0 && (this._$Ep = e); + } + createRenderRoot() { + const e = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions); + return Il(e, this.constructor.elementStyles), e; + } + connectedCallback() { + var e; + this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this.enableUpdating(!0), (e = this._$EO) == null || e.forEach((t) => { + var o; + return (o = t.hostConnected) == null ? void 0 : o.call(t); + }); + } + enableUpdating(e) { + } + disconnectedCallback() { + var e; + (e = this._$EO) == null || e.forEach((t) => { + var o; + return (o = t.hostDisconnected) == null ? void 0 : o.call(t); + }); + } + attributeChangedCallback(e, t, o) { + this._$AK(e, o); + } + _$EC(e, t) { + var a; + const o = this.constructor.elementProperties.get(e), i = this.constructor._$Eu(e, o); + if (i !== void 0 && o.reflect === !0) { + const s = (((a = o.converter) == null ? void 0 : a.toAttribute) !== void 0 ? o.converter : Ro).toAttribute(t, o.type); + this._$Em = e, s == null ? this.removeAttribute(i) : this.setAttribute(i, s), this._$Em = null; + } + } + _$AK(e, t) { + var a; + const o = this.constructor, i = o._$Eh.get(e); + if (i !== void 0 && this._$Em !== i) { + const s = o.getPropertyOptions(i), d = typeof s.converter == "function" ? { fromAttribute: s.converter } : ((a = s.converter) == null ? void 0 : a.fromAttribute) !== void 0 ? s.converter : Ro; + this._$Em = i, this[i] = d.fromAttribute(t, s.type), this._$Em = null; + } + } + requestUpdate(e, t, o) { + if (e !== void 0) { + if (o ?? (o = this.constructor.getPropertyOptions(e)), !(o.hasChanged ?? Ra)(this[e], t)) return; + this.P(e, t, o); + } + this.isUpdatePending === !1 && (this._$ES = this._$ET()); + } + P(e, t, o) { + this._$AL.has(e) || this._$AL.set(e, t), o.reflect === !0 && this._$Em !== e && (this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Set())).add(e); + } + async _$ET() { + this.isUpdatePending = !0; + try { + await this._$ES; + } catch (t) { + Promise.reject(t); + } + const e = this.scheduleUpdate(); + return e != null && await e, !this.isUpdatePending; + } + scheduleUpdate() { + return this.performUpdate(); + } + performUpdate() { + var o; + if (!this.isUpdatePending) return; + if (!this.hasUpdated) { + if (this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this._$Ep) { + for (const [a, s] of this._$Ep) this[a] = s; + this._$Ep = void 0; + } + const i = this.constructor.elementProperties; + if (i.size > 0) for (const [a, s] of i) s.wrapped !== !0 || this._$AL.has(a) || this[a] === void 0 || this.P(a, this[a], s); + } + let e = !1; + const t = this._$AL; + try { + e = this.shouldUpdate(t), e ? (this.willUpdate(t), (o = this._$EO) == null || o.forEach((i) => { + var a; + return (a = i.hostUpdate) == null ? void 0 : a.call(i); + }), this.update(t)) : this._$EU(); + } catch (i) { + throw e = !1, this._$EU(), i; + } + e && this._$AE(t); + } + willUpdate(e) { + } + _$AE(e) { + var t; + (t = this._$EO) == null || t.forEach((o) => { + var i; + return (i = o.hostUpdated) == null ? void 0 : i.call(o); + }), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(e)), this.updated(e); + } + _$EU() { + this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1; + } + get updateComplete() { + return this.getUpdateComplete(); + } + getUpdateComplete() { + return this._$ES; + } + shouldUpdate(e) { + return !0; + } + update(e) { + this._$Ej && (this._$Ej = this._$Ej.forEach((t) => this._$EC(t, this[t]))), this._$EU(); + } + updated(e) { + } + firstUpdated(e) { + } +} +ir.elementStyles = [], ir.shadowRootOptions = { mode: "open" }, ir[Er("elementProperties")] = /* @__PURE__ */ new Map(), ir[Er("finalized")] = /* @__PURE__ */ new Map(), Gi == null || Gi({ ReactiveElement: ir }), (St.reactiveElementVersions ?? (St.reactiveElementVersions = [])).push("2.0.4"); +/** + * @license + * Copyright 2017 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + */ +const Nl = { attribute: !0, type: String, converter: Ro, reflect: !1, hasChanged: Ra }, Bl = (r = Nl, e, t) => { + const { kind: o, metadata: i } = t; + let a = globalThis.litPropertyMetadata.get(i); + if (a === void 0 && globalThis.litPropertyMetadata.set(i, a = /* @__PURE__ */ new Map()), a.set(t.name, r), o === "accessor") { + const { name: s } = t; + return { set(d) { + const h = e.get.call(this); + e.set.call(this, d), this.requestUpdate(s, h, r); + }, init(d) { + return d !== void 0 && this.P(s, void 0, r), d; + } }; + } + if (o === "setter") { + const { name: s } = t; + return function(d) { + const h = this[s]; + e.call(this, d), this.requestUpdate(s, h, r); + }; + } + throw Error("Unsupported decorator location: " + o); +}; +function p(r) { + return (e, t) => typeof t == "object" ? Bl(r, e, t) : ((o, i, a) => { + const s = i.hasOwnProperty(a); + return i.constructor.createProperty(a, s ? { ...o, wrapped: !0 } : o), s ? Object.getOwnPropertyDescriptor(i, a) : void 0; + })(r, e, t); +} +/** + * @license + * Copyright 2017 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + */ +function se(r) { + return p({ ...r, state: !0, attribute: !1 }); +} +/** + * @license + * Copyright 2017 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + */ +const Pr = (r, e, t) => (t.configurable = !0, t.enumerable = !0, Reflect.decorate && typeof e != "object" && Object.defineProperty(r, e, t), t); +/** + * @license + * Copyright 2017 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + */ +function G(r, e) { + return (t, o, i) => { + const a = (s) => { + var d; + return ((d = s.renderRoot) == null ? void 0 : d.querySelector(r)) ?? null; + }; + return Pr(t, o, { get() { + return a(this); + } }); + }; +} +/** + * @license + * Copyright 2017 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + */ +let jl; +function Ul(r) { + return (e, t) => Pr(e, t, { get() { + return (this.renderRoot ?? jl ?? (jl = document.createDocumentFragment())).querySelectorAll(r); + } }); +} +/** + * @license + * Copyright 2017 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + */ +function ts(r) { + return (e, t) => Pr(e, t, { async get() { + var o; + return await this.updateComplete, ((o = this.renderRoot) == null ? void 0 : o.querySelector(r)) ?? null; + } }); +} +/** + * @license + * Copyright 2021 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + */ +function We(r) { + return (e, t) => { + const { slot: o, selector: i } = r ?? {}, a = "slot" + (o ? `[name=${o}]` : ":not([name])"); + return Pr(e, t, { get() { + var h; + const s = (h = this.renderRoot) == null ? void 0 : h.querySelector(a), d = (s == null ? void 0 : s.assignedElements(r)) ?? []; + return i === void 0 ? d : d.filter((y) => y.matches(i)); + } }); + }; +} +/** + * @license + * Copyright 2017 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + */ +function Ia(r) { + return (e, t) => { + const { slot: o } = r ?? {}, i = "slot" + (o ? `[name=${o}]` : ":not([name])"); + return Pr(e, t, { get() { + var s; + const a = (s = this.renderRoot) == null ? void 0 : s.querySelector(i); + return (a == null ? void 0 : a.assignedNodes(r)) ?? []; + } }); + }; +} +/** + * @license + * Copyright 2017 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + */ +const $r = globalThis, Io = $r.trustedTypes, $n = Io ? Io.createPolicy("lit-html", { createHTML: (r) => r }) : void 0, rs = "$lit$", Tt = `lit$${Math.random().toFixed(9).slice(2)}$`, os = "?" + Tt, Vl = `<${os}>`, Ht = document, Tr = () => Ht.createComment(""), Sr = (r) => r === null || typeof r != "object" && typeof r != "function", Oa = Array.isArray, Hl = (r) => Oa(r) || typeof (r == null ? void 0 : r[Symbol.iterator]) == "function", Xi = `[ +\f\r]`, _r = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Tn = /-->/g, Sn = />/g, Ut = RegExp(`>|${Xi}(?:([^\\s"'>=/]+)(${Xi}*=${Xi}*(?:[^ +\f\r"'\`<>=]|("|')|))|$)`, "g"), An = /'/g, Rn = /"/g, is = /^(?:script|style|textarea|title)$/i, ql = (r) => (e, ...t) => ({ _$litType$: r, strings: e, values: t }), _ = ql(1), rt = Symbol.for("lit-noChange"), x = Symbol.for("lit-nothing"), In = /* @__PURE__ */ new WeakMap(), Vt = Ht.createTreeWalker(Ht, 129); +function as(r, e) { + if (!Oa(r) || !r.hasOwnProperty("raw")) throw Error("invalid template strings array"); + return $n !== void 0 ? $n.createHTML(e) : e; +} +const Wl = (r, e) => { + const t = r.length - 1, o = []; + let i, a = e === 2 ? "" : e === 3 ? "" : "", s = _r; + for (let d = 0; d < t; d++) { + const h = r[d]; + let y, v, f = -1, C = 0; + for (; C < h.length && (s.lastIndex = C, v = s.exec(h), v !== null); ) C = s.lastIndex, s === _r ? v[1] === "!--" ? s = Tn : v[1] !== void 0 ? s = Sn : v[2] !== void 0 ? (is.test(v[2]) && (i = RegExp("" ? (s = i ?? _r, f = -1) : v[1] === void 0 ? f = -2 : (f = s.lastIndex - v[2].length, y = v[1], s = v[3] === void 0 ? Ut : v[3] === '"' ? Rn : An) : s === Rn || s === An ? s = Ut : s === Tn || s === Sn ? s = _r : (s = Ut, i = void 0); + const w = s === Ut && r[d + 1].startsWith("/>") ? " " : ""; + a += s === _r ? h + Vl : f >= 0 ? (o.push(y), h.slice(0, f) + rs + h.slice(f) + Tt + w) : h + Tt + (f === -2 ? d : w); + } + return [as(r, a + (r[t] || "") + (e === 2 ? "" : e === 3 ? "" : "")), o]; +}; +class Ar { + constructor({ strings: e, _$litType$: t }, o) { + let i; + this.parts = []; + let a = 0, s = 0; + const d = e.length - 1, h = this.parts, [y, v] = Wl(e, t); + if (this.el = Ar.createElement(y, o), Vt.currentNode = this.el.content, t === 2 || t === 3) { + const f = this.el.content.firstChild; + f.replaceWith(...f.childNodes); + } + for (; (i = Vt.nextNode()) !== null && h.length < d; ) { + if (i.nodeType === 1) { + if (i.hasAttributes()) for (const f of i.getAttributeNames()) if (f.endsWith(rs)) { + const C = v[s++], w = i.getAttribute(f).split(Tt), A = /([.?@])?(.*)/.exec(C); + h.push({ type: 1, index: a, name: A[2], strings: w, ctor: A[1] === "." ? Yl : A[1] === "?" ? Gl : A[1] === "@" ? Xl : mi }), i.removeAttribute(f); + } else f.startsWith(Tt) && (h.push({ type: 6, index: a }), i.removeAttribute(f)); + if (is.test(i.tagName)) { + const f = i.textContent.split(Tt), C = f.length - 1; + if (C > 0) { + i.textContent = Io ? Io.emptyScript : ""; + for (let w = 0; w < C; w++) i.append(f[w], Tr()), Vt.nextNode(), h.push({ type: 2, index: ++a }); + i.append(f[C], Tr()); + } + } + } else if (i.nodeType === 8) if (i.data === os) h.push({ type: 2, index: a }); + else { + let f = -1; + for (; (f = i.data.indexOf(Tt, f + 1)) !== -1; ) h.push({ type: 7, index: a }), f += Tt.length - 1; + } + a++; + } + } + static createElement(e, t) { + const o = Ht.createElement("template"); + return o.innerHTML = e, o; + } +} +function lr(r, e, t = r, o) { + var s, d; + if (e === rt) return e; + let i = o !== void 0 ? (s = t._$Co) == null ? void 0 : s[o] : t._$Cl; + const a = Sr(e) ? void 0 : e._$litDirective$; + return (i == null ? void 0 : i.constructor) !== a && ((d = i == null ? void 0 : i._$AO) == null || d.call(i, !1), a === void 0 ? i = void 0 : (i = new a(r), i._$AT(r, t, o)), o !== void 0 ? (t._$Co ?? (t._$Co = []))[o] = i : t._$Cl = i), i !== void 0 && (e = lr(r, i._$AS(r, e.values), i, o)), e; +} +class Kl { + constructor(e, t) { + this._$AV = [], this._$AN = void 0, this._$AD = e, this._$AM = t; + } + get parentNode() { + return this._$AM.parentNode; + } + get _$AU() { + return this._$AM._$AU; + } + u(e) { + const { el: { content: t }, parts: o } = this._$AD, i = ((e == null ? void 0 : e.creationScope) ?? Ht).importNode(t, !0); + Vt.currentNode = i; + let a = Vt.nextNode(), s = 0, d = 0, h = o[0]; + for (; h !== void 0; ) { + if (s === h.index) { + let y; + h.type === 2 ? y = new Lr(a, a.nextSibling, this, e) : h.type === 1 ? y = new h.ctor(a, h.name, h.strings, this, e) : h.type === 6 && (y = new Zl(a, this, e)), this._$AV.push(y), h = o[++d]; + } + s !== (h == null ? void 0 : h.index) && (a = Vt.nextNode(), s++); + } + return Vt.currentNode = Ht, i; + } + p(e) { + let t = 0; + for (const o of this._$AV) o !== void 0 && (o.strings !== void 0 ? (o._$AI(e, o, t), t += o.strings.length - 2) : o._$AI(e[t])), t++; + } +} +class Lr { + get _$AU() { + var e; + return ((e = this._$AM) == null ? void 0 : e._$AU) ?? this._$Cv; + } + constructor(e, t, o, i) { + this.type = 2, this._$AH = x, this._$AN = void 0, this._$AA = e, this._$AB = t, this._$AM = o, this.options = i, this._$Cv = (i == null ? void 0 : i.isConnected) ?? !0; + } + get parentNode() { + let e = this._$AA.parentNode; + const t = this._$AM; + return t !== void 0 && (e == null ? void 0 : e.nodeType) === 11 && (e = t.parentNode), e; + } + get startNode() { + return this._$AA; + } + get endNode() { + return this._$AB; + } + _$AI(e, t = this) { + e = lr(this, e, t), Sr(e) ? e === x || e == null || e === "" ? (this._$AH !== x && this._$AR(), this._$AH = x) : e !== this._$AH && e !== rt && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : Hl(e) ? this.k(e) : this._(e); + } + O(e) { + return this._$AA.parentNode.insertBefore(e, this._$AB); + } + T(e) { + this._$AH !== e && (this._$AR(), this._$AH = this.O(e)); + } + _(e) { + this._$AH !== x && Sr(this._$AH) ? this._$AA.nextSibling.data = e : this.T(Ht.createTextNode(e)), this._$AH = e; + } + $(e) { + var a; + const { values: t, _$litType$: o } = e, i = typeof o == "number" ? this._$AC(e) : (o.el === void 0 && (o.el = Ar.createElement(as(o.h, o.h[0]), this.options)), o); + if (((a = this._$AH) == null ? void 0 : a._$AD) === i) this._$AH.p(t); + else { + const s = new Kl(i, this), d = s.u(this.options); + s.p(t), this.T(d), this._$AH = s; + } + } + _$AC(e) { + let t = In.get(e.strings); + return t === void 0 && In.set(e.strings, t = new Ar(e)), t; + } + k(e) { + Oa(this._$AH) || (this._$AH = [], this._$AR()); + const t = this._$AH; + let o, i = 0; + for (const a of e) i === t.length ? t.push(o = new Lr(this.O(Tr()), this.O(Tr()), this, this.options)) : o = t[i], o._$AI(a), i++; + i < t.length && (this._$AR(o && o._$AB.nextSibling, i), t.length = i); + } + _$AR(e = this._$AA.nextSibling, t) { + var o; + for ((o = this._$AP) == null ? void 0 : o.call(this, !1, !0, t); e && e !== this._$AB; ) { + const i = e.nextSibling; + e.remove(), e = i; + } + } + setConnected(e) { + var t; + this._$AM === void 0 && (this._$Cv = e, (t = this._$AP) == null || t.call(this, e)); + } +} +class mi { + get tagName() { + return this.element.tagName; + } + get _$AU() { + return this._$AM._$AU; + } + constructor(e, t, o, i, a) { + this.type = 1, this._$AH = x, this._$AN = void 0, this.element = e, this.name = t, this._$AM = i, this.options = a, o.length > 2 || o[0] !== "" || o[1] !== "" ? (this._$AH = Array(o.length - 1).fill(new String()), this.strings = o) : this._$AH = x; + } + _$AI(e, t = this, o, i) { + const a = this.strings; + let s = !1; + if (a === void 0) e = lr(this, e, t, 0), s = !Sr(e) || e !== this._$AH && e !== rt, s && (this._$AH = e); + else { + const d = e; + let h, y; + for (e = a[0], h = 0; h < a.length - 1; h++) y = lr(this, d[o + h], t, h), y === rt && (y = this._$AH[h]), s || (s = !Sr(y) || y !== this._$AH[h]), y === x ? e = x : e !== x && (e += (y ?? "") + a[h + 1]), this._$AH[h] = y; + } + s && !i && this.j(e); + } + j(e) { + e === x ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, e ?? ""); + } +} +class Yl extends mi { + constructor() { + super(...arguments), this.type = 3; + } + j(e) { + this.element[this.name] = e === x ? void 0 : e; + } +} +class Gl extends mi { + constructor() { + super(...arguments), this.type = 4; + } + j(e) { + this.element.toggleAttribute(this.name, !!e && e !== x); + } +} +class Xl extends mi { + constructor(e, t, o, i, a) { + super(e, t, o, i, a), this.type = 5; + } + _$AI(e, t = this) { + if ((e = lr(this, e, t, 0) ?? x) === rt) return; + const o = this._$AH, i = e === x && o !== x || e.capture !== o.capture || e.once !== o.once || e.passive !== o.passive, a = e !== x && (o === x || i); + i && this.element.removeEventListener(this.name, this, o), a && this.element.addEventListener(this.name, this, e), this._$AH = e; + } + handleEvent(e) { + var t; + typeof this._$AH == "function" ? this._$AH.call(((t = this.options) == null ? void 0 : t.host) ?? this.element, e) : this._$AH.handleEvent(e); + } +} +class Zl { + constructor(e, t, o) { + this.element = e, this.type = 6, this._$AN = void 0, this._$AM = t, this.options = o; + } + get _$AU() { + return this._$AM._$AU; + } + _$AI(e) { + lr(this, e); + } +} +const Zi = $r.litHtmlPolyfillSupport; +Zi == null || Zi(Ar, Lr), ($r.litHtmlVersions ?? ($r.litHtmlVersions = [])).push("3.2.1"); +const za = (r, e, t) => { + const o = (t == null ? void 0 : t.renderBefore) ?? e; + let i = o._$litPart$; + if (i === void 0) { + const a = (t == null ? void 0 : t.renderBefore) ?? null; + o._$litPart$ = i = new Lr(e.insertBefore(Tr(), a), a, void 0, t ?? {}); + } + return i._$AI(r), i; +}; +/** + * @license + * Copyright 2017 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + */ +class W extends ir { + constructor() { + super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0; + } + createRenderRoot() { + var t; + const e = super.createRenderRoot(); + return (t = this.renderOptions).renderBefore ?? (t.renderBefore = e.firstChild), e; + } + update(e) { + const t = this.render(); + this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(e), this._$Do = za(t, this.renderRoot, this.renderOptions); + } + connectedCallback() { + var e; + super.connectedCallback(), (e = this._$Do) == null || e.setConnected(!0); + } + disconnectedCallback() { + var e; + super.disconnectedCallback(), (e = this._$Do) == null || e.setConnected(!1); + } + render() { + return rt; + } +} +var Qn; +W._$litElement$ = !0, W.finalized = !0, (Qn = globalThis.litElementHydrateSupport) == null || Qn.call(globalThis, { LitElement: W }); +const Ji = globalThis.litElementPolyfillSupport; +Ji == null || Ji({ LitElement: W }); +(globalThis.litElementVersions ?? (globalThis.litElementVersions = [])).push("4.1.1"); +/** + * @license + * Copyright 2022 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + */ +const Jl = !1; +/** + * @license + * Copyright 2017 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + */ +const $t = { ATTRIBUTE: 1, CHILD: 2, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4, EVENT: 5, ELEMENT: 6 }, Pa = (r) => (...e) => ({ _$litDirective$: r, values: e }); +let La = class { + constructor(e) { + } + get _$AU() { + return this._$AM._$AU; + } + _$AT(e, t, o) { + this._$Ct = e, this._$AM = t, this._$Ci = o; + } + _$AS(e, t) { + return this.update(e, t); + } + update(e, t) { + return this.render(...t); + } +}; +/** + * @license + * Copyright 2018 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + */ +const ye = Pa(class extends La { + constructor(r) { + var e; + if (super(r), r.type !== $t.ATTRIBUTE || r.name !== "class" || ((e = r.strings) == null ? void 0 : e.length) > 2) throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute."); + } + render(r) { + return " " + Object.keys(r).filter((e) => r[e]).join(" ") + " "; + } + update(r, [e]) { + var o, i; + if (this.st === void 0) { + this.st = /* @__PURE__ */ new Set(), r.strings !== void 0 && (this.nt = new Set(r.strings.join(" ").split(/\s/).filter((a) => a !== ""))); + for (const a in e) e[a] && !((o = this.nt) != null && o.has(a)) && this.st.add(a); + return this.render(e); + } + const t = r.element.classList; + for (const a of this.st) a in e || (t.remove(a), this.st.delete(a)); + for (const a in e) { + const s = !!e[a]; + s === this.st.has(a) || (i = this.nt) != null && i.has(a) || (s ? (t.add(a), this.st.add(a)) : (t.remove(a), this.st.delete(a))); + } + return rt; + } +}); +/** + * @license + * Copyright 2021 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const at = { + STANDARD: "cubic-bezier(0.2, 0, 0, 1)", + STANDARD_ACCELERATE: "cubic-bezier(.3,0,1,1)", + STANDARD_DECELERATE: "cubic-bezier(0,0,0,1)", + EMPHASIZED: "cubic-bezier(.3,0,0,1)", + EMPHASIZED_ACCELERATE: "cubic-bezier(.3,0,.8,.15)", + EMPHASIZED_DECELERATE: "cubic-bezier(.05,.7,.1,1)" +}; +function Ql() { + let r = null; + return { + start() { + return r == null || r.abort(), r = new AbortController(), r.signal; + }, + finish() { + r = null; + } + }; +} +/** + * @license + * Copyright 2021 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +class _e extends W { + constructor() { + super(...arguments), this.disabled = !1, this.error = !1, this.focused = !1, this.label = "", this.noAsterisk = !1, this.populated = !1, this.required = !1, this.resizable = !1, this.supportingText = "", this.errorText = "", this.count = -1, this.max = -1, this.hasStart = !1, this.hasEnd = !1, this.isAnimating = !1, this.refreshErrorAlert = !1, this.disableTransitions = !1; + } + get counterText() { + const e = this.count ?? -1, t = this.max ?? -1; + return e < 0 || t <= 0 ? "" : `${e} / ${t}`; + } + get supportingOrErrorText() { + return this.error && this.errorText ? this.errorText : this.supportingText; + } + /** + * Re-announces the field's error supporting text to screen readers. + * + * Error text announces to screen readers anytime it is visible and changes. + * Use the method to re-announce the message when the text has not changed, + * but announcement is still needed (such as for `reportValidity()`). + */ + reannounceError() { + this.refreshErrorAlert = !0; + } + update(e) { + e.has("disabled") && e.get("disabled") !== void 0 && (this.disableTransitions = !0), this.disabled && this.focused && (e.set("focused", !0), this.focused = !1), this.animateLabelIfNeeded({ + wasFocused: e.get("focused"), + wasPopulated: e.get("populated") + }), super.update(e); + } + render() { + var a, s, d, h; + const e = this.renderLabel( + /*isFloating*/ + !0 + ), t = this.renderLabel( + /*isFloating*/ + !1 + ), o = (a = this.renderOutline) == null ? void 0 : a.call(this, e), i = { + disabled: this.disabled, + "disable-transitions": this.disableTransitions, + error: this.error && !this.disabled, + focused: this.focused, + "with-start": this.hasStart, + "with-end": this.hasEnd, + populated: this.populated, + resizable: this.resizable, + required: this.required, + "no-label": !this.label + }; + return _` +
+
+ ${(s = this.renderBackground) == null ? void 0 : s.call(this)} + + ${(d = this.renderStateLayer) == null ? void 0 : d.call(this)} ${(h = this.renderIndicator) == null ? void 0 : h.call(this)} ${o} +
+
+ +
+
+
+ ${t} ${o ? x : e} +
+
+ +
+
+
+ +
+
+
+ ${this.renderSupportingText()} +
+ `; + } + updated(e) { + (e.has("supportingText") || e.has("errorText") || e.has("count") || e.has("max")) && this.updateSlottedAriaDescribedBy(), this.refreshErrorAlert && requestAnimationFrame(() => { + this.refreshErrorAlert = !1; + }), this.disableTransitions && requestAnimationFrame(() => { + this.disableTransitions = !1; + }); + } + renderSupportingText() { + const { supportingOrErrorText: e, counterText: t } = this; + if (!e && !t) + return x; + const o = _`${e}`, i = t ? _`${t}` : x, s = this.error && this.errorText && !this.refreshErrorAlert ? "alert" : x; + return _` +
${o}${i}
+ + `; + } + updateSlottedAriaDescribedBy() { + for (const e of this.slottedAriaDescribedBy) + za(_`${this.supportingOrErrorText} ${this.counterText}`, e), e.setAttribute("hidden", ""); + } + renderLabel(e) { + if (!this.label) + return x; + let t; + e ? t = this.focused || this.populated || this.isAnimating : t = !this.focused && !this.populated && !this.isAnimating; + const o = { + hidden: !t, + floating: e, + resting: !e + }, i = `${this.label}${this.required && !this.noAsterisk ? "*" : ""}`; + return _` + ${i} + `; + } + animateLabelIfNeeded({ wasFocused: e, wasPopulated: t }) { + var a, s, d; + if (!this.label) + return; + e ?? (e = this.focused), t ?? (t = this.populated); + const o = e || t, i = this.focused || this.populated; + o !== i && (this.isAnimating = !0, (a = this.labelAnimation) == null || a.cancel(), this.labelAnimation = (s = this.floatingLabelEl) == null ? void 0 : s.animate(this.getLabelKeyframes(), { duration: 150, easing: at.STANDARD }), (d = this.labelAnimation) == null || d.addEventListener("finish", () => { + this.isAnimating = !1; + })); + } + getLabelKeyframes() { + const { floatingLabelEl: e, restingLabelEl: t } = this; + if (!e || !t) + return []; + const { x: o, y: i, height: a } = e.getBoundingClientRect(), { x: s, y: d, height: h } = t.getBoundingClientRect(), y = e.scrollWidth, v = t.scrollWidth, f = v / y, C = s - o, w = d - i + Math.round((h - a * f) / 2), A = `translateX(${C}px) translateY(${w}px) scale(${f})`, S = "translateX(0) translateY(0) scale(1)", I = t.clientWidth, R = v > I ? `${I / f}px` : ""; + return this.focused || this.populated ? [ + { transform: A, width: R }, + { transform: S, width: R } + ] : [ + { transform: S, width: R }, + { transform: A, width: R } + ]; + } + getSurfacePositionClientRect() { + return this.containerEl.getBoundingClientRect(); + } +} +l([ + p({ type: Boolean }) +], _e.prototype, "disabled", void 0); +l([ + p({ type: Boolean }) +], _e.prototype, "error", void 0); +l([ + p({ type: Boolean }) +], _e.prototype, "focused", void 0); +l([ + p() +], _e.prototype, "label", void 0); +l([ + p({ type: Boolean, attribute: "no-asterisk" }) +], _e.prototype, "noAsterisk", void 0); +l([ + p({ type: Boolean }) +], _e.prototype, "populated", void 0); +l([ + p({ type: Boolean }) +], _e.prototype, "required", void 0); +l([ + p({ type: Boolean }) +], _e.prototype, "resizable", void 0); +l([ + p({ attribute: "supporting-text" }) +], _e.prototype, "supportingText", void 0); +l([ + p({ attribute: "error-text" }) +], _e.prototype, "errorText", void 0); +l([ + p({ type: Number }) +], _e.prototype, "count", void 0); +l([ + p({ type: Number }) +], _e.prototype, "max", void 0); +l([ + p({ type: Boolean, attribute: "has-start" }) +], _e.prototype, "hasStart", void 0); +l([ + p({ type: Boolean, attribute: "has-end" }) +], _e.prototype, "hasEnd", void 0); +l([ + We({ slot: "aria-describedby" }) +], _e.prototype, "slottedAriaDescribedBy", void 0); +l([ + se() +], _e.prototype, "isAnimating", void 0); +l([ + se() +], _e.prototype, "refreshErrorAlert", void 0); +l([ + se() +], _e.prototype, "disableTransitions", void 0); +l([ + G(".label.floating") +], _e.prototype, "floatingLabelEl", void 0); +l([ + G(".label.resting") +], _e.prototype, "restingLabelEl", void 0); +l([ + G(".container") +], _e.prototype, "containerEl", void 0); +/** + * @license + * Copyright 2021 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +class ed extends _e { + renderBackground() { + return _`
`; + } + renderStateLayer() { + return _`
`; + } + renderIndicator() { + return _`
`; + } +} +/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const td = F`@layer styles{:host{--_active-indicator-color: var(--md-filled-field-active-indicator-color, var(--md-sys-color-on-surface-variant, #49454f));--_active-indicator-height: var(--md-filled-field-active-indicator-height, 1px);--_bottom-space: var(--md-filled-field-bottom-space, 16px);--_container-color: var(--md-filled-field-container-color, var(--md-sys-color-surface-container-highest, #e6e0e9));--_content-color: var(--md-filled-field-content-color, var(--md-sys-color-on-surface, #1d1b20));--_content-font: var(--md-filled-field-content-font, var(--md-sys-typescale-body-large-font, var(--md-ref-typeface-plain, Roboto)));--_content-line-height: var(--md-filled-field-content-line-height, var(--md-sys-typescale-body-large-line-height, 1.5rem));--_content-size: var(--md-filled-field-content-size, var(--md-sys-typescale-body-large-size, 1rem));--_content-space: var(--md-filled-field-content-space, 16px);--_content-weight: var(--md-filled-field-content-weight, var(--md-sys-typescale-body-large-weight, var(--md-ref-typeface-weight-regular, 400)));--_disabled-active-indicator-color: var(--md-filled-field-disabled-active-indicator-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-active-indicator-height: var(--md-filled-field-disabled-active-indicator-height, 1px);--_disabled-active-indicator-opacity: var(--md-filled-field-disabled-active-indicator-opacity, 0.38);--_disabled-container-color: var(--md-filled-field-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-container-opacity: var(--md-filled-field-disabled-container-opacity, 0.04);--_disabled-content-color: var(--md-filled-field-disabled-content-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-content-opacity: var(--md-filled-field-disabled-content-opacity, 0.38);--_disabled-label-text-color: var(--md-filled-field-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-label-text-opacity: var(--md-filled-field-disabled-label-text-opacity, 0.38);--_disabled-leading-content-color: var(--md-filled-field-disabled-leading-content-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-leading-content-opacity: var(--md-filled-field-disabled-leading-content-opacity, 0.38);--_disabled-supporting-text-color: var(--md-filled-field-disabled-supporting-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-supporting-text-opacity: var(--md-filled-field-disabled-supporting-text-opacity, 0.38);--_disabled-trailing-content-color: var(--md-filled-field-disabled-trailing-content-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-trailing-content-opacity: var(--md-filled-field-disabled-trailing-content-opacity, 0.38);--_error-active-indicator-color: var(--md-filled-field-error-active-indicator-color, var(--md-sys-color-error, #b3261e));--_error-content-color: var(--md-filled-field-error-content-color, var(--md-sys-color-on-surface, #1d1b20));--_error-focus-active-indicator-color: var(--md-filled-field-error-focus-active-indicator-color, var(--md-sys-color-error, #b3261e));--_error-focus-content-color: var(--md-filled-field-error-focus-content-color, var(--md-sys-color-on-surface-variant, #49454f));--_error-focus-label-text-color: var(--md-filled-field-error-focus-label-text-color, var(--md-sys-color-error, #b3261e));--_error-focus-leading-content-color: var(--md-filled-field-error-focus-leading-content-color, var(--md-sys-color-on-surface-variant, #49454f));--_error-focus-supporting-text-color: var(--md-filled-field-error-focus-supporting-text-color, var(--md-sys-color-error, #b3261e));--_error-focus-trailing-content-color: var(--md-filled-field-error-focus-trailing-content-color, var(--md-sys-color-error, #b3261e));--_error-hover-active-indicator-color: var(--md-filled-field-error-hover-active-indicator-color, var(--md-sys-color-on-error-container, #410e0b));--_error-hover-content-color: var(--md-filled-field-error-hover-content-color, var(--md-sys-color-on-surface, #1d1b20));--_error-hover-label-text-color: var(--md-filled-field-error-hover-label-text-color, var(--md-sys-color-on-error-container, #410e0b));--_error-hover-leading-content-color: var(--md-filled-field-error-hover-leading-content-color, var(--md-sys-color-on-surface-variant, #49454f));--_error-hover-state-layer-color: var(--md-filled-field-error-hover-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--_error-hover-state-layer-opacity: var(--md-filled-field-error-hover-state-layer-opacity, 0.08);--_error-hover-supporting-text-color: var(--md-filled-field-error-hover-supporting-text-color, var(--md-sys-color-error, #b3261e));--_error-hover-trailing-content-color: var(--md-filled-field-error-hover-trailing-content-color, var(--md-sys-color-on-error-container, #410e0b));--_error-label-text-color: var(--md-filled-field-error-label-text-color, var(--md-sys-color-error, #b3261e));--_error-leading-content-color: var(--md-filled-field-error-leading-content-color, var(--md-sys-color-on-surface-variant, #49454f));--_error-supporting-text-color: var(--md-filled-field-error-supporting-text-color, var(--md-sys-color-error, #b3261e));--_error-trailing-content-color: var(--md-filled-field-error-trailing-content-color, var(--md-sys-color-error, #b3261e));--_focus-active-indicator-color: var(--md-filled-field-focus-active-indicator-color, var(--md-sys-color-primary, #6750a4));--_focus-active-indicator-height: var(--md-filled-field-focus-active-indicator-height, 3px);--_focus-content-color: var(--md-filled-field-focus-content-color, var(--md-sys-color-on-surface, #1d1b20));--_focus-label-text-color: var(--md-filled-field-focus-label-text-color, var(--md-sys-color-primary, #6750a4));--_focus-leading-content-color: var(--md-filled-field-focus-leading-content-color, var(--md-sys-color-on-surface-variant, #49454f));--_focus-supporting-text-color: var(--md-filled-field-focus-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_focus-trailing-content-color: var(--md-filled-field-focus-trailing-content-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-active-indicator-color: var(--md-filled-field-hover-active-indicator-color, var(--md-sys-color-on-surface, #1d1b20));--_hover-active-indicator-height: var(--md-filled-field-hover-active-indicator-height, 1px);--_hover-content-color: var(--md-filled-field-hover-content-color, var(--md-sys-color-on-surface, #1d1b20));--_hover-label-text-color: var(--md-filled-field-hover-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-leading-content-color: var(--md-filled-field-hover-leading-content-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-state-layer-color: var(--md-filled-field-hover-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--_hover-state-layer-opacity: var(--md-filled-field-hover-state-layer-opacity, 0.08);--_hover-supporting-text-color: var(--md-filled-field-hover-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-trailing-content-color: var(--md-filled-field-hover-trailing-content-color, var(--md-sys-color-on-surface-variant, #49454f));--_label-text-color: var(--md-filled-field-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_label-text-font: var(--md-filled-field-label-text-font, var(--md-sys-typescale-body-large-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-filled-field-label-text-line-height, var(--md-sys-typescale-body-large-line-height, 1.5rem));--_label-text-populated-line-height: var(--md-filled-field-label-text-populated-line-height, var(--md-sys-typescale-body-small-line-height, 1rem));--_label-text-populated-size: var(--md-filled-field-label-text-populated-size, var(--md-sys-typescale-body-small-size, 0.75rem));--_label-text-size: var(--md-filled-field-label-text-size, var(--md-sys-typescale-body-large-size, 1rem));--_label-text-weight: var(--md-filled-field-label-text-weight, var(--md-sys-typescale-body-large-weight, var(--md-ref-typeface-weight-regular, 400)));--_leading-content-color: var(--md-filled-field-leading-content-color, var(--md-sys-color-on-surface-variant, #49454f));--_leading-space: var(--md-filled-field-leading-space, 16px);--_supporting-text-color: var(--md-filled-field-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_supporting-text-font: var(--md-filled-field-supporting-text-font, var(--md-sys-typescale-body-small-font, var(--md-ref-typeface-plain, Roboto)));--_supporting-text-leading-space: var(--md-filled-field-supporting-text-leading-space, 16px);--_supporting-text-line-height: var(--md-filled-field-supporting-text-line-height, var(--md-sys-typescale-body-small-line-height, 1rem));--_supporting-text-size: var(--md-filled-field-supporting-text-size, var(--md-sys-typescale-body-small-size, 0.75rem));--_supporting-text-top-space: var(--md-filled-field-supporting-text-top-space, 4px);--_supporting-text-trailing-space: var(--md-filled-field-supporting-text-trailing-space, 16px);--_supporting-text-weight: var(--md-filled-field-supporting-text-weight, var(--md-sys-typescale-body-small-weight, var(--md-ref-typeface-weight-regular, 400)));--_top-space: var(--md-filled-field-top-space, 16px);--_trailing-content-color: var(--md-filled-field-trailing-content-color, var(--md-sys-color-on-surface-variant, #49454f));--_trailing-space: var(--md-filled-field-trailing-space, 16px);--_with-label-bottom-space: var(--md-filled-field-with-label-bottom-space, 8px);--_with-label-top-space: var(--md-filled-field-with-label-top-space, 8px);--_with-leading-content-leading-space: var(--md-filled-field-with-leading-content-leading-space, 12px);--_with-trailing-content-trailing-space: var(--md-filled-field-with-trailing-content-trailing-space, 12px);--_container-shape-start-start: var(--md-filled-field-container-shape-start-start, var(--md-filled-field-container-shape, var(--md-sys-shape-corner-extra-small, 4px)));--_container-shape-start-end: var(--md-filled-field-container-shape-start-end, var(--md-filled-field-container-shape, var(--md-sys-shape-corner-extra-small, 4px)));--_container-shape-end-end: var(--md-filled-field-container-shape-end-end, var(--md-filled-field-container-shape, var(--md-sys-shape-corner-none, 0px)));--_container-shape-end-start: var(--md-filled-field-container-shape-end-start, var(--md-filled-field-container-shape, var(--md-sys-shape-corner-none, 0px)))}.background,.state-layer{border-radius:inherit;inset:0;pointer-events:none;position:absolute}.background{background:var(--_container-color)}.state-layer{visibility:hidden}.field:not(.disabled):hover .state-layer{visibility:visible}.label.floating{position:absolute;top:var(--_with-label-top-space)}.field:not(.with-start) .label-wrapper{margin-inline-start:var(--_leading-space)}.field:not(.with-end) .label-wrapper{margin-inline-end:var(--_trailing-space)}.active-indicator{inset:auto 0 0 0;pointer-events:none;position:absolute;width:100%;z-index:1}.active-indicator::before,.active-indicator::after{border-bottom:var(--_active-indicator-height) solid var(--_active-indicator-color);inset:auto 0 0 0;content:"";position:absolute;width:100%}.active-indicator::after{opacity:0;transition:opacity 150ms cubic-bezier(0.2, 0, 0, 1)}.focused .active-indicator::after{opacity:1}.field:not(.with-start) .content ::slotted(*){padding-inline-start:var(--_leading-space)}.field:not(.with-end) .content ::slotted(*){padding-inline-end:var(--_trailing-space)}.field:not(.no-label) .content ::slotted(:not(textarea)){padding-bottom:var(--_with-label-bottom-space);padding-top:calc(var(--_with-label-top-space) + var(--_label-text-populated-line-height))}.field:not(.no-label) .content ::slotted(textarea){margin-bottom:var(--_with-label-bottom-space);margin-top:calc(var(--_with-label-top-space) + var(--_label-text-populated-line-height))}:hover .active-indicator::before{border-bottom-color:var(--_hover-active-indicator-color);border-bottom-width:var(--_hover-active-indicator-height)}.active-indicator::after{border-bottom-color:var(--_focus-active-indicator-color);border-bottom-width:var(--_focus-active-indicator-height)}:hover .state-layer{background:var(--_hover-state-layer-color);opacity:var(--_hover-state-layer-opacity)}.disabled .active-indicator::before{border-bottom-color:var(--_disabled-active-indicator-color);border-bottom-width:var(--_disabled-active-indicator-height);opacity:var(--_disabled-active-indicator-opacity)}.disabled .background{background:var(--_disabled-container-color);opacity:var(--_disabled-container-opacity)}.error .active-indicator::before{border-bottom-color:var(--_error-active-indicator-color)}.error:hover .active-indicator::before{border-bottom-color:var(--_error-hover-active-indicator-color)}.error:hover .state-layer{background:var(--_error-hover-state-layer-color);opacity:var(--_error-hover-state-layer-opacity)}.error .active-indicator::after{border-bottom-color:var(--_error-focus-active-indicator-color)}.resizable .container{bottom:var(--_focus-active-indicator-height);clip-path:inset(var(--_focus-active-indicator-height) 0 0 0)}.resizable .container>*{top:var(--_focus-active-indicator-height)}}@layer hcm{@media(forced-colors: active){.disabled .active-indicator::before{border-color:GrayText;opacity:1}}} +`; +/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const ns = F`:host{display:inline-flex;resize:both}.field{display:flex;flex:1;flex-direction:column;writing-mode:horizontal-tb;max-width:100%}.container-overflow{border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-end-radius:var(--_container-shape-end-end);border-end-start-radius:var(--_container-shape-end-start);display:flex;height:100%;position:relative}.container{align-items:center;border-radius:inherit;display:flex;flex:1;max-height:100%;min-height:100%;min-width:min-content;position:relative}.field,.container-overflow{resize:inherit}.resizable:not(.disabled) .container{resize:inherit;overflow:hidden}.disabled{pointer-events:none}slot[name=container]{border-radius:inherit}slot[name=container]::slotted(*){border-radius:inherit;inset:0;pointer-events:none;position:absolute}@layer styles{.start,.middle,.end{display:flex;box-sizing:border-box;height:100%;position:relative}.start{color:var(--_leading-content-color)}.end{color:var(--_trailing-content-color)}.start,.end{align-items:center;justify-content:center}.with-start .start{margin-inline:var(--_with-leading-content-leading-space) var(--_content-space)}.with-end .end{margin-inline:var(--_content-space) var(--_with-trailing-content-trailing-space)}.middle{align-items:stretch;align-self:baseline;flex:1}.content{color:var(--_content-color);display:flex;flex:1;opacity:0;transition:opacity 83ms cubic-bezier(0.2, 0, 0, 1)}.no-label .content,.focused .content,.populated .content{opacity:1;transition-delay:67ms}:is(.disabled,.disable-transitions) .content{transition:none}.content ::slotted(*){all:unset;color:currentColor;font-family:var(--_content-font);font-size:var(--_content-size);line-height:var(--_content-line-height);font-weight:var(--_content-weight);width:100%;overflow-wrap:revert;white-space:revert}.content ::slotted(:not(textarea)){padding-top:var(--_top-space);padding-bottom:var(--_bottom-space)}.content ::slotted(textarea){margin-top:var(--_top-space);margin-bottom:var(--_bottom-space)}:hover .content{color:var(--_hover-content-color)}:hover .start{color:var(--_hover-leading-content-color)}:hover .end{color:var(--_hover-trailing-content-color)}.focused .content{color:var(--_focus-content-color)}.focused .start{color:var(--_focus-leading-content-color)}.focused .end{color:var(--_focus-trailing-content-color)}.disabled .content{color:var(--_disabled-content-color)}.disabled.no-label .content,.disabled.focused .content,.disabled.populated .content{opacity:var(--_disabled-content-opacity)}.disabled .start{color:var(--_disabled-leading-content-color);opacity:var(--_disabled-leading-content-opacity)}.disabled .end{color:var(--_disabled-trailing-content-color);opacity:var(--_disabled-trailing-content-opacity)}.error .content{color:var(--_error-content-color)}.error .start{color:var(--_error-leading-content-color)}.error .end{color:var(--_error-trailing-content-color)}.error:hover .content{color:var(--_error-hover-content-color)}.error:hover .start{color:var(--_error-hover-leading-content-color)}.error:hover .end{color:var(--_error-hover-trailing-content-color)}.error.focused .content{color:var(--_error-focus-content-color)}.error.focused .start{color:var(--_error-focus-leading-content-color)}.error.focused .end{color:var(--_error-focus-trailing-content-color)}}@layer hcm{@media(forced-colors: active){.disabled :is(.start,.content,.end){color:GrayText;opacity:1}}}@layer styles{.label{box-sizing:border-box;color:var(--_label-text-color);overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap;z-index:1;font-family:var(--_label-text-font);font-size:var(--_label-text-size);line-height:var(--_label-text-line-height);font-weight:var(--_label-text-weight);width:min-content}.label-wrapper{inset:0;pointer-events:none;position:absolute}.label.resting{position:absolute;top:var(--_top-space)}.label.floating{font-size:var(--_label-text-populated-size);line-height:var(--_label-text-populated-line-height);transform-origin:top left}.label.hidden{opacity:0}.no-label .label{display:none}.label-wrapper{inset:0;position:absolute;text-align:initial}:hover .label{color:var(--_hover-label-text-color)}.focused .label{color:var(--_focus-label-text-color)}.disabled .label{color:var(--_disabled-label-text-color)}.disabled .label:not(.hidden){opacity:var(--_disabled-label-text-opacity)}.error .label{color:var(--_error-label-text-color)}.error:hover .label{color:var(--_error-hover-label-text-color)}.error.focused .label{color:var(--_error-focus-label-text-color)}}@layer hcm{@media(forced-colors: active){.disabled .label:not(.hidden){color:GrayText;opacity:1}}}@layer styles{.supporting-text{color:var(--_supporting-text-color);display:flex;font-family:var(--_supporting-text-font);font-size:var(--_supporting-text-size);line-height:var(--_supporting-text-line-height);font-weight:var(--_supporting-text-weight);gap:16px;justify-content:space-between;padding-inline-start:var(--_supporting-text-leading-space);padding-inline-end:var(--_supporting-text-trailing-space);padding-top:var(--_supporting-text-top-space)}.supporting-text :nth-child(2){flex-shrink:0}:hover .supporting-text{color:var(--_hover-supporting-text-color)}.focus .supporting-text{color:var(--_focus-supporting-text-color)}.disabled .supporting-text{color:var(--_disabled-supporting-text-color);opacity:var(--_disabled-supporting-text-opacity)}.error .supporting-text{color:var(--_error-supporting-text-color)}.error:hover .supporting-text{color:var(--_error-hover-supporting-text-color)}.error.focus .supporting-text{color:var(--_error-focus-supporting-text-color)}}@layer hcm{@media(forced-colors: active){.disabled .supporting-text{color:GrayText;opacity:1}}} +`; +/** + * @license + * Copyright 2021 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +let ua = class extends ed { +}; +ua.styles = [ns, td]; +ua = l([ + H("md-filled-field") +], ua); +/** + * @license + * Copyright 2020 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + */ +const ss = Symbol.for(""), rd = (r) => { + if ((r == null ? void 0 : r.r) === ss) return r == null ? void 0 : r._$litStatic$; +}, Xe = (r, ...e) => ({ _$litStatic$: e.reduce((t, o, i) => t + ((a) => { + if (a._$litStatic$ !== void 0) return a._$litStatic$; + throw Error(`Value passed to 'literal' function must be a 'literal' result: ${a}. Use 'unsafeStatic' to pass non-literal values, but + take care to ensure page security.`); +})(o) + r[i + 1], r[0]), r: ss }), On = /* @__PURE__ */ new Map(), od = (r) => (e, ...t) => { + const o = t.length; + let i, a; + const s = [], d = []; + let h, y = 0, v = !1; + for (; y < o; ) { + for (h = e[y]; y < o && (a = t[y], (i = rd(a)) !== void 0); ) h += i + e[++y], v = !0; + y !== o && d.push(a), s.push(h), y++; + } + if (y === o && s.push(e[o]), v) { + const f = s.join("$$lit$$"); + (e = On.get(f)) === void 0 && (s.raw = s, On.set(f, e = s)), t = d; + } + return r(e, ...t); +}, Fr = od(_); +/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const id = F`:host{--_active-indicator-color: var(--md-filled-text-field-active-indicator-color, var(--md-sys-color-on-surface-variant, #49454f));--_active-indicator-height: var(--md-filled-text-field-active-indicator-height, 1px);--_caret-color: var(--md-filled-text-field-caret-color, var(--md-sys-color-primary, #6750a4));--_container-color: var(--md-filled-text-field-container-color, var(--md-sys-color-surface-container-highest, #e6e0e9));--_disabled-active-indicator-color: var(--md-filled-text-field-disabled-active-indicator-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-active-indicator-height: var(--md-filled-text-field-disabled-active-indicator-height, 1px);--_disabled-active-indicator-opacity: var(--md-filled-text-field-disabled-active-indicator-opacity, 0.38);--_disabled-container-color: var(--md-filled-text-field-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-container-opacity: var(--md-filled-text-field-disabled-container-opacity, 0.04);--_disabled-input-text-color: var(--md-filled-text-field-disabled-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-input-text-opacity: var(--md-filled-text-field-disabled-input-text-opacity, 0.38);--_disabled-label-text-color: var(--md-filled-text-field-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-label-text-opacity: var(--md-filled-text-field-disabled-label-text-opacity, 0.38);--_disabled-leading-icon-color: var(--md-filled-text-field-disabled-leading-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-leading-icon-opacity: var(--md-filled-text-field-disabled-leading-icon-opacity, 0.38);--_disabled-supporting-text-color: var(--md-filled-text-field-disabled-supporting-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-supporting-text-opacity: var(--md-filled-text-field-disabled-supporting-text-opacity, 0.38);--_disabled-trailing-icon-color: var(--md-filled-text-field-disabled-trailing-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-trailing-icon-opacity: var(--md-filled-text-field-disabled-trailing-icon-opacity, 0.38);--_error-active-indicator-color: var(--md-filled-text-field-error-active-indicator-color, var(--md-sys-color-error, #b3261e));--_error-focus-active-indicator-color: var(--md-filled-text-field-error-focus-active-indicator-color, var(--md-sys-color-error, #b3261e));--_error-focus-caret-color: var(--md-filled-text-field-error-focus-caret-color, var(--md-sys-color-error, #b3261e));--_error-focus-input-text-color: var(--md-filled-text-field-error-focus-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_error-focus-label-text-color: var(--md-filled-text-field-error-focus-label-text-color, var(--md-sys-color-error, #b3261e));--_error-focus-leading-icon-color: var(--md-filled-text-field-error-focus-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_error-focus-supporting-text-color: var(--md-filled-text-field-error-focus-supporting-text-color, var(--md-sys-color-error, #b3261e));--_error-focus-trailing-icon-color: var(--md-filled-text-field-error-focus-trailing-icon-color, var(--md-sys-color-error, #b3261e));--_error-hover-active-indicator-color: var(--md-filled-text-field-error-hover-active-indicator-color, var(--md-sys-color-on-error-container, #410e0b));--_error-hover-input-text-color: var(--md-filled-text-field-error-hover-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_error-hover-label-text-color: var(--md-filled-text-field-error-hover-label-text-color, var(--md-sys-color-on-error-container, #410e0b));--_error-hover-leading-icon-color: var(--md-filled-text-field-error-hover-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_error-hover-state-layer-color: var(--md-filled-text-field-error-hover-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--_error-hover-state-layer-opacity: var(--md-filled-text-field-error-hover-state-layer-opacity, 0.08);--_error-hover-supporting-text-color: var(--md-filled-text-field-error-hover-supporting-text-color, var(--md-sys-color-error, #b3261e));--_error-hover-trailing-icon-color: var(--md-filled-text-field-error-hover-trailing-icon-color, var(--md-sys-color-on-error-container, #410e0b));--_error-input-text-color: var(--md-filled-text-field-error-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_error-label-text-color: var(--md-filled-text-field-error-label-text-color, var(--md-sys-color-error, #b3261e));--_error-leading-icon-color: var(--md-filled-text-field-error-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_error-supporting-text-color: var(--md-filled-text-field-error-supporting-text-color, var(--md-sys-color-error, #b3261e));--_error-trailing-icon-color: var(--md-filled-text-field-error-trailing-icon-color, var(--md-sys-color-error, #b3261e));--_focus-active-indicator-color: var(--md-filled-text-field-focus-active-indicator-color, var(--md-sys-color-primary, #6750a4));--_focus-active-indicator-height: var(--md-filled-text-field-focus-active-indicator-height, 3px);--_focus-input-text-color: var(--md-filled-text-field-focus-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_focus-label-text-color: var(--md-filled-text-field-focus-label-text-color, var(--md-sys-color-primary, #6750a4));--_focus-leading-icon-color: var(--md-filled-text-field-focus-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_focus-supporting-text-color: var(--md-filled-text-field-focus-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_focus-trailing-icon-color: var(--md-filled-text-field-focus-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-active-indicator-color: var(--md-filled-text-field-hover-active-indicator-color, var(--md-sys-color-on-surface, #1d1b20));--_hover-active-indicator-height: var(--md-filled-text-field-hover-active-indicator-height, 1px);--_hover-input-text-color: var(--md-filled-text-field-hover-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_hover-label-text-color: var(--md-filled-text-field-hover-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-leading-icon-color: var(--md-filled-text-field-hover-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-state-layer-color: var(--md-filled-text-field-hover-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--_hover-state-layer-opacity: var(--md-filled-text-field-hover-state-layer-opacity, 0.08);--_hover-supporting-text-color: var(--md-filled-text-field-hover-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-trailing-icon-color: var(--md-filled-text-field-hover-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_input-text-color: var(--md-filled-text-field-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_input-text-font: var(--md-filled-text-field-input-text-font, var(--md-sys-typescale-body-large-font, var(--md-ref-typeface-plain, Roboto)));--_input-text-line-height: var(--md-filled-text-field-input-text-line-height, var(--md-sys-typescale-body-large-line-height, 1.5rem));--_input-text-placeholder-color: var(--md-filled-text-field-input-text-placeholder-color, var(--md-sys-color-on-surface-variant, #49454f));--_input-text-prefix-color: var(--md-filled-text-field-input-text-prefix-color, var(--md-sys-color-on-surface-variant, #49454f));--_input-text-size: var(--md-filled-text-field-input-text-size, var(--md-sys-typescale-body-large-size, 1rem));--_input-text-suffix-color: var(--md-filled-text-field-input-text-suffix-color, var(--md-sys-color-on-surface-variant, #49454f));--_input-text-weight: var(--md-filled-text-field-input-text-weight, var(--md-sys-typescale-body-large-weight, var(--md-ref-typeface-weight-regular, 400)));--_label-text-color: var(--md-filled-text-field-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_label-text-font: var(--md-filled-text-field-label-text-font, var(--md-sys-typescale-body-large-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-filled-text-field-label-text-line-height, var(--md-sys-typescale-body-large-line-height, 1.5rem));--_label-text-populated-line-height: var(--md-filled-text-field-label-text-populated-line-height, var(--md-sys-typescale-body-small-line-height, 1rem));--_label-text-populated-size: var(--md-filled-text-field-label-text-populated-size, var(--md-sys-typescale-body-small-size, 0.75rem));--_label-text-size: var(--md-filled-text-field-label-text-size, var(--md-sys-typescale-body-large-size, 1rem));--_label-text-weight: var(--md-filled-text-field-label-text-weight, var(--md-sys-typescale-body-large-weight, var(--md-ref-typeface-weight-regular, 400)));--_leading-icon-color: var(--md-filled-text-field-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_leading-icon-size: var(--md-filled-text-field-leading-icon-size, 24px);--_supporting-text-color: var(--md-filled-text-field-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_supporting-text-font: var(--md-filled-text-field-supporting-text-font, var(--md-sys-typescale-body-small-font, var(--md-ref-typeface-plain, Roboto)));--_supporting-text-line-height: var(--md-filled-text-field-supporting-text-line-height, var(--md-sys-typescale-body-small-line-height, 1rem));--_supporting-text-size: var(--md-filled-text-field-supporting-text-size, var(--md-sys-typescale-body-small-size, 0.75rem));--_supporting-text-weight: var(--md-filled-text-field-supporting-text-weight, var(--md-sys-typescale-body-small-weight, var(--md-ref-typeface-weight-regular, 400)));--_trailing-icon-color: var(--md-filled-text-field-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_trailing-icon-size: var(--md-filled-text-field-trailing-icon-size, 24px);--_container-shape-start-start: var(--md-filled-text-field-container-shape-start-start, var(--md-filled-text-field-container-shape, var(--md-sys-shape-corner-extra-small, 4px)));--_container-shape-start-end: var(--md-filled-text-field-container-shape-start-end, var(--md-filled-text-field-container-shape, var(--md-sys-shape-corner-extra-small, 4px)));--_container-shape-end-end: var(--md-filled-text-field-container-shape-end-end, var(--md-filled-text-field-container-shape, var(--md-sys-shape-corner-none, 0px)));--_container-shape-end-start: var(--md-filled-text-field-container-shape-end-start, var(--md-filled-text-field-container-shape, var(--md-sys-shape-corner-none, 0px)));--_icon-input-space: var(--md-filled-text-field-icon-input-space, 16px);--_leading-space: var(--md-filled-text-field-leading-space, 16px);--_trailing-space: var(--md-filled-text-field-trailing-space, 16px);--_top-space: var(--md-filled-text-field-top-space, 16px);--_bottom-space: var(--md-filled-text-field-bottom-space, 16px);--_input-text-prefix-trailing-space: var(--md-filled-text-field-input-text-prefix-trailing-space, 2px);--_input-text-suffix-leading-space: var(--md-filled-text-field-input-text-suffix-leading-space, 2px);--_with-label-top-space: var(--md-filled-text-field-with-label-top-space, 8px);--_with-label-bottom-space: var(--md-filled-text-field-with-label-bottom-space, 8px);--_focus-caret-color: var(--md-filled-text-field-focus-caret-color, var(--md-sys-color-primary, #6750a4));--_with-leading-icon-leading-space: var(--md-filled-text-field-with-leading-icon-leading-space, 12px);--_with-trailing-icon-trailing-space: var(--md-filled-text-field-with-trailing-icon-trailing-space, 12px);--md-filled-field-active-indicator-color: var(--_active-indicator-color);--md-filled-field-active-indicator-height: var(--_active-indicator-height);--md-filled-field-bottom-space: var(--_bottom-space);--md-filled-field-container-color: var(--_container-color);--md-filled-field-container-shape-end-end: var(--_container-shape-end-end);--md-filled-field-container-shape-end-start: var(--_container-shape-end-start);--md-filled-field-container-shape-start-end: var(--_container-shape-start-end);--md-filled-field-container-shape-start-start: var(--_container-shape-start-start);--md-filled-field-content-color: var(--_input-text-color);--md-filled-field-content-font: var(--_input-text-font);--md-filled-field-content-line-height: var(--_input-text-line-height);--md-filled-field-content-size: var(--_input-text-size);--md-filled-field-content-space: var(--_icon-input-space);--md-filled-field-content-weight: var(--_input-text-weight);--md-filled-field-disabled-active-indicator-color: var(--_disabled-active-indicator-color);--md-filled-field-disabled-active-indicator-height: var(--_disabled-active-indicator-height);--md-filled-field-disabled-active-indicator-opacity: var(--_disabled-active-indicator-opacity);--md-filled-field-disabled-container-color: var(--_disabled-container-color);--md-filled-field-disabled-container-opacity: var(--_disabled-container-opacity);--md-filled-field-disabled-content-color: var(--_disabled-input-text-color);--md-filled-field-disabled-content-opacity: var(--_disabled-input-text-opacity);--md-filled-field-disabled-label-text-color: var(--_disabled-label-text-color);--md-filled-field-disabled-label-text-opacity: var(--_disabled-label-text-opacity);--md-filled-field-disabled-leading-content-color: var(--_disabled-leading-icon-color);--md-filled-field-disabled-leading-content-opacity: var(--_disabled-leading-icon-opacity);--md-filled-field-disabled-supporting-text-color: var(--_disabled-supporting-text-color);--md-filled-field-disabled-supporting-text-opacity: var(--_disabled-supporting-text-opacity);--md-filled-field-disabled-trailing-content-color: var(--_disabled-trailing-icon-color);--md-filled-field-disabled-trailing-content-opacity: var(--_disabled-trailing-icon-opacity);--md-filled-field-error-active-indicator-color: var(--_error-active-indicator-color);--md-filled-field-error-content-color: var(--_error-input-text-color);--md-filled-field-error-focus-active-indicator-color: var(--_error-focus-active-indicator-color);--md-filled-field-error-focus-content-color: var(--_error-focus-input-text-color);--md-filled-field-error-focus-label-text-color: var(--_error-focus-label-text-color);--md-filled-field-error-focus-leading-content-color: var(--_error-focus-leading-icon-color);--md-filled-field-error-focus-supporting-text-color: var(--_error-focus-supporting-text-color);--md-filled-field-error-focus-trailing-content-color: var(--_error-focus-trailing-icon-color);--md-filled-field-error-hover-active-indicator-color: var(--_error-hover-active-indicator-color);--md-filled-field-error-hover-content-color: var(--_error-hover-input-text-color);--md-filled-field-error-hover-label-text-color: var(--_error-hover-label-text-color);--md-filled-field-error-hover-leading-content-color: var(--_error-hover-leading-icon-color);--md-filled-field-error-hover-state-layer-color: var(--_error-hover-state-layer-color);--md-filled-field-error-hover-state-layer-opacity: var(--_error-hover-state-layer-opacity);--md-filled-field-error-hover-supporting-text-color: var(--_error-hover-supporting-text-color);--md-filled-field-error-hover-trailing-content-color: var(--_error-hover-trailing-icon-color);--md-filled-field-error-label-text-color: var(--_error-label-text-color);--md-filled-field-error-leading-content-color: var(--_error-leading-icon-color);--md-filled-field-error-supporting-text-color: var(--_error-supporting-text-color);--md-filled-field-error-trailing-content-color: var(--_error-trailing-icon-color);--md-filled-field-focus-active-indicator-color: var(--_focus-active-indicator-color);--md-filled-field-focus-active-indicator-height: var(--_focus-active-indicator-height);--md-filled-field-focus-content-color: var(--_focus-input-text-color);--md-filled-field-focus-label-text-color: var(--_focus-label-text-color);--md-filled-field-focus-leading-content-color: var(--_focus-leading-icon-color);--md-filled-field-focus-supporting-text-color: var(--_focus-supporting-text-color);--md-filled-field-focus-trailing-content-color: var(--_focus-trailing-icon-color);--md-filled-field-hover-active-indicator-color: var(--_hover-active-indicator-color);--md-filled-field-hover-active-indicator-height: var(--_hover-active-indicator-height);--md-filled-field-hover-content-color: var(--_hover-input-text-color);--md-filled-field-hover-label-text-color: var(--_hover-label-text-color);--md-filled-field-hover-leading-content-color: var(--_hover-leading-icon-color);--md-filled-field-hover-state-layer-color: var(--_hover-state-layer-color);--md-filled-field-hover-state-layer-opacity: var(--_hover-state-layer-opacity);--md-filled-field-hover-supporting-text-color: var(--_hover-supporting-text-color);--md-filled-field-hover-trailing-content-color: var(--_hover-trailing-icon-color);--md-filled-field-label-text-color: var(--_label-text-color);--md-filled-field-label-text-font: var(--_label-text-font);--md-filled-field-label-text-line-height: var(--_label-text-line-height);--md-filled-field-label-text-populated-line-height: var(--_label-text-populated-line-height);--md-filled-field-label-text-populated-size: var(--_label-text-populated-size);--md-filled-field-label-text-size: var(--_label-text-size);--md-filled-field-label-text-weight: var(--_label-text-weight);--md-filled-field-leading-content-color: var(--_leading-icon-color);--md-filled-field-leading-space: var(--_leading-space);--md-filled-field-supporting-text-color: var(--_supporting-text-color);--md-filled-field-supporting-text-font: var(--_supporting-text-font);--md-filled-field-supporting-text-line-height: var(--_supporting-text-line-height);--md-filled-field-supporting-text-size: var(--_supporting-text-size);--md-filled-field-supporting-text-weight: var(--_supporting-text-weight);--md-filled-field-top-space: var(--_top-space);--md-filled-field-trailing-content-color: var(--_trailing-icon-color);--md-filled-field-trailing-space: var(--_trailing-space);--md-filled-field-with-label-bottom-space: var(--_with-label-bottom-space);--md-filled-field-with-label-top-space: var(--_with-label-top-space);--md-filled-field-with-leading-content-leading-space: var(--_with-leading-icon-leading-space);--md-filled-field-with-trailing-content-trailing-space: var(--_with-trailing-icon-trailing-space)} +`; +/** + * @license + * Copyright 2020 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + */ +const ad = (r) => r.strings === void 0, nd = {}, sd = (r, e = nd) => r._$AH = e; +/** + * @license + * Copyright 2020 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + */ +const zn = Pa(class extends La { + constructor(r) { + if (super(r), r.type !== $t.PROPERTY && r.type !== $t.ATTRIBUTE && r.type !== $t.BOOLEAN_ATTRIBUTE) throw Error("The `live` directive is not allowed on child or event bindings"); + if (!ad(r)) throw Error("`live` bindings can only contain a single expression"); + } + render(r) { + return r; + } + update(r, [e]) { + if (e === rt || e === x) return e; + const t = r.element, o = r.name; + if (r.type === $t.PROPERTY) { + if (e === t[o]) return rt; + } else if (r.type === $t.BOOLEAN_ATTRIBUTE) { + if (!!e === t.hasAttribute(o)) return rt; + } else if (r.type === $t.ATTRIBUTE && t.getAttribute(o) === e + "") return rt; + return sd(r), e; + } +}); +/** + * @license + * Copyright 2018 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + */ +const ls = "important", ld = " !" + ls, qt = Pa(class extends La { + constructor(r) { + var e; + if (super(r), r.type !== $t.ATTRIBUTE || r.name !== "style" || ((e = r.strings) == null ? void 0 : e.length) > 2) throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute."); + } + render(r) { + return Object.keys(r).reduce((e, t) => { + const o = r[t]; + return o == null ? e : e + `${t = t.includes("-") ? t : t.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g, "-$&").toLowerCase()}:${o};`; + }, ""); + } + update(r, [e]) { + const { style: t } = r.element; + if (this.ft === void 0) return this.ft = new Set(Object.keys(e)), this.render(e); + for (const o of this.ft) e[o] == null && (this.ft.delete(o), o.includes("-") ? t.removeProperty(o) : t[o] = null); + for (const o in e) { + const i = e[o]; + if (i != null) { + this.ft.add(o); + const a = typeof i == "string" && i.endsWith(ld); + o.includes("-") || a ? t.setProperty(o, a ? i.slice(0, -11) : i, a ? ls : "") : t[o] = i; + } + } + return rt; + } +}); +/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const ds = [ + "role", + "ariaAtomic", + "ariaAutoComplete", + "ariaBusy", + "ariaChecked", + "ariaColCount", + "ariaColIndex", + "ariaColSpan", + "ariaCurrent", + "ariaDisabled", + "ariaExpanded", + "ariaHasPopup", + "ariaHidden", + "ariaInvalid", + "ariaKeyShortcuts", + "ariaLabel", + "ariaLevel", + "ariaLive", + "ariaModal", + "ariaMultiLine", + "ariaMultiSelectable", + "ariaOrientation", + "ariaPlaceholder", + "ariaPosInSet", + "ariaPressed", + "ariaReadOnly", + "ariaRequired", + "ariaRoleDescription", + "ariaRowCount", + "ariaRowIndex", + "ariaRowSpan", + "ariaSelected", + "ariaSetSize", + "ariaSort", + "ariaValueMax", + "ariaValueMin", + "ariaValueNow", + "ariaValueText" +], dd = ds.map(cs); +function Qi(r) { + return dd.includes(r); +} +function cs(r) { + return r.replace("aria", "aria-").replace(/Elements?/g, "").toLowerCase(); +} +/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const uo = Symbol("privateIgnoreAttributeChangesFor"); +function Je(r) { + var e; + class t extends r { + constructor() { + super(...arguments), this[e] = /* @__PURE__ */ new Set(); + } + attributeChangedCallback(i, a, s) { + if (!Qi(i)) { + super.attributeChangedCallback(i, a, s); + return; + } + if (this[uo].has(i)) + return; + this[uo].add(i), this.removeAttribute(i), this[uo].delete(i); + const d = pa(i); + s === null ? delete this.dataset[d] : this.dataset[d] = s, this.requestUpdate(pa(i), a); + } + getAttribute(i) { + return Qi(i) ? super.getAttribute(ha(i)) : super.getAttribute(i); + } + removeAttribute(i) { + super.removeAttribute(i), Qi(i) && (super.removeAttribute(ha(i)), this.requestUpdate()); + } + } + return e = uo, cd(t), t; +} +function cd(r) { + for (const e of ds) { + const t = cs(e), o = ha(t), i = pa(t); + r.createProperty(e, { + attribute: t, + noAccessor: !0 + }), r.createProperty(Symbol(o), { + attribute: o, + noAccessor: !0 + }), Object.defineProperty(r.prototype, e, { + configurable: !0, + enumerable: !0, + get() { + return this.dataset[i] ?? null; + }, + set(a) { + const s = this.dataset[i] ?? null; + a !== s && (a === null ? delete this.dataset[i] : this.dataset[i] = a, this.requestUpdate(e, s)); + } + }); + } +} +function ha(r) { + return `data-${r}`; +} +function pa(r) { + return r.replace(/-\w/, (e) => e[1].toUpperCase()); +} +/** + * @license + * Copyright 2022 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const ud = { + fromAttribute(r) { + return r ?? ""; + }, + toAttribute(r) { + return r || null; + } +}; +/** + * @license + * Copyright 2021 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +function At(r, e) { + e.bubbles && (!r.shadowRoot || e.composed) && e.stopPropagation(); + const t = Reflect.construct(e.constructor, [e.type, e]), o = r.dispatchEvent(t); + return o || e.preventDefault(), o; +} +/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const je = Symbol("internals"), ea = Symbol("privateInternals"); +function Rt(r) { + class e extends r { + get [je]() { + return this[ea] || (this[ea] = this.attachInternals()), this[ea]; + } + } + return e; +} +/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const Wt = Symbol("createValidator"), Kt = Symbol("getValidityAnchor"), ta = Symbol("privateValidator"), bt = Symbol("privateSyncValidity"), ho = Symbol("privateCustomValidationMessage"); +function Mr(r) { + var e; + class t extends r { + constructor() { + super(...arguments), this[e] = ""; + } + get validity() { + return this[bt](), this[je].validity; + } + get validationMessage() { + return this[bt](), this[je].validationMessage; + } + get willValidate() { + return this[bt](), this[je].willValidate; + } + checkValidity() { + return this[bt](), this[je].checkValidity(); + } + reportValidity() { + return this[bt](), this[je].reportValidity(); + } + setCustomValidity(i) { + this[ho] = i, this[bt](); + } + requestUpdate(i, a, s) { + super.requestUpdate(i, a, s), this[bt](); + } + firstUpdated(i) { + super.firstUpdated(i), this[bt](); + } + [(e = ho, bt)]() { + this[ta] || (this[ta] = this[Wt]()); + const { validity: i, validationMessage: a } = this[ta].getValidity(), s = !!this[ho], d = this[ho] || a; + this[je].setValidity({ ...i, customError: s }, d, this[Kt]() ?? void 0); + } + [Wt]() { + throw new Error("Implement [createValidator]"); + } + [Kt]() { + throw new Error("Implement [getValidityAnchor]"); + } + } + return t; +} +/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const yt = Symbol("getFormValue"), Rr = Symbol("getFormState"); +function cr(r) { + class e extends r { + get form() { + return this[je].form; + } + get labels() { + return this[je].labels; + } + // Use @property for the `name` and `disabled` properties to add them to the + // `observedAttributes` array and trigger `attributeChangedCallback()`. + // + // We don't use Lit's default getter/setter (`noAccessor: true`) because + // the attributes need to be updated synchronously to work with synchronous + // form APIs, and Lit updates attributes async by default. + get name() { + return this.getAttribute("name") ?? ""; + } + set name(o) { + this.setAttribute("name", o); + } + get disabled() { + return this.hasAttribute("disabled"); + } + set disabled(o) { + this.toggleAttribute("disabled", o); + } + attributeChangedCallback(o, i, a) { + if (o === "name" || o === "disabled") { + const s = o === "disabled" ? i !== null : i; + this.requestUpdate(o, s); + return; + } + super.attributeChangedCallback(o, i, a); + } + requestUpdate(o, i, a) { + super.requestUpdate(o, i, a), this[je].setFormValue(this[yt](), this[Rr]()); + } + [yt]() { + throw new Error("Implement [getFormValue]"); + } + [Rr]() { + return this[yt](); + } + formDisabledCallback(o) { + this.disabled = o; + } + } + return e.formAssociated = !0, l([ + p({ noAccessor: !0 }) + ], e.prototype, "name", null), l([ + p({ type: Boolean, noAccessor: !0 }) + ], e.prototype, "disabled", null), e; +} +/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const Oo = Symbol("onReportValidity"), po = Symbol("privateCleanupFormListeners"), fo = Symbol("privateDoNotReportInvalid"), vo = Symbol("privateIsSelfReportingValidity"), mo = Symbol("privateCallOnReportValidity"); +function us(r) { + var e, t, o; + class i extends r { + // Mixins must have a constructor with `...args: any[]` + // tslint:disable-next-line:no-any + constructor(...s) { + super(...s), this[e] = new AbortController(), this[t] = !1, this[o] = !1, this.addEventListener("invalid", (d) => { + this[fo] || !d.isTrusted || this.addEventListener("invalid", () => { + this[mo](d); + }, { once: !0 }); + }, { + // Listen during the capture phase, which will happen before the + // bubbling phase. That way, we can add a final event listener that + // will run after other event listeners, and we can check if it was + // default prevented. This works because invalid does not bubble. + capture: !0 + }); + } + checkValidity() { + this[fo] = !0; + const s = super.checkValidity(); + return this[fo] = !1, s; + } + reportValidity() { + this[vo] = !0; + const s = super.reportValidity(); + return s && this[mo](null), this[vo] = !1, s; + } + [(e = po, t = fo, o = vo, mo)](s) { + const d = s == null ? void 0 : s.defaultPrevented; + d || (this[Oo](s), !(!d && (s == null ? void 0 : s.defaultPrevented))) || (this[vo] || fd(this[je].form, this)) && this.focus(); + } + [Oo](s) { + throw new Error("Implement [onReportValidity]"); + } + formAssociatedCallback(s) { + super.formAssociatedCallback && super.formAssociatedCallback(s), this[po].abort(), s && (this[po] = new AbortController(), hd(this, s, () => { + this[mo](null); + }, this[po].signal)); + } + } + return i; +} +function hd(r, e, t, o) { + const i = pd(e); + let a = !1, s, d = !1; + i.addEventListener("before", () => { + d = !0, s = new AbortController(), a = !1, r.addEventListener("invalid", () => { + a = !0; + }, { + signal: s.signal + }); + }, { signal: o }), i.addEventListener("after", () => { + d = !1, s == null || s.abort(), !a && t(); + }, { signal: o }), e.addEventListener("submit", () => { + d || t(); + }, { + signal: o + }); +} +const ra = /* @__PURE__ */ new WeakMap(); +function pd(r) { + if (!ra.has(r)) { + const e = new EventTarget(); + ra.set(r, e); + for (const t of ["reportValidity", "requestSubmit"]) { + const o = r[t]; + r[t] = function() { + e.dispatchEvent(new Event("before")); + const i = Reflect.apply(o, this, arguments); + return e.dispatchEvent(new Event("after")), i; + }; + } + } + return ra.get(r); +} +function fd(r, e) { + if (!r) + return !0; + let t; + for (const o of r.elements) + if (o.matches(":invalid")) { + t = o; + break; + } + return t === e; +} +/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +class bi { + /** + * Creates a new validator. + * + * @param getCurrentState A callback that returns the current state of + * constraint validation-related properties. + */ + constructor(e) { + this.getCurrentState = e, this.currentValidity = { + validity: {}, + validationMessage: "" + }; + } + /** + * Returns the current `ValidityStateFlags` and validation message for the + * validator. + * + * If the constraint validation state has not changed, this will return a + * cached result. This is important since `getValidity()` can be called + * frequently in response to synchronous property changes. + * + * @return The current validity and validation message. + */ + getValidity() { + const e = this.getCurrentState(); + if (!(!this.prevState || !this.equals(this.prevState, e))) + return this.currentValidity; + const { validity: o, validationMessage: i } = this.computeValidity(e); + return this.prevState = this.copy(e), this.currentValidity = { + validationMessage: i, + validity: { + // Change any `ValidityState` instances into `ValidityStateFlags` since + // `ValidityState` cannot be easily `{...spread}`. + badInput: o.badInput, + customError: o.customError, + patternMismatch: o.patternMismatch, + rangeOverflow: o.rangeOverflow, + rangeUnderflow: o.rangeUnderflow, + stepMismatch: o.stepMismatch, + tooLong: o.tooLong, + tooShort: o.tooShort, + typeMismatch: o.typeMismatch, + valueMissing: o.valueMissing + } + }, this.currentValidity; + } +} +/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +class vd extends bi { + computeValidity({ state: e, renderedControl: t }) { + let o = t; + wr(e) && !o ? (o = this.inputControl || document.createElement("input"), this.inputControl = o) : o || (o = this.textAreaControl || document.createElement("textarea"), this.textAreaControl = o); + const i = wr(e) ? o : null; + if (i && (i.type = e.type), o.value !== e.value && (o.value = e.value), o.required = e.required, i) { + const a = e; + a.pattern ? i.pattern = a.pattern : i.removeAttribute("pattern"), a.min ? i.min = a.min : i.removeAttribute("min"), a.max ? i.max = a.max : i.removeAttribute("max"), a.step ? i.step = a.step : i.removeAttribute("step"); + } + return (e.minLength ?? -1) > -1 ? o.setAttribute("minlength", String(e.minLength)) : o.removeAttribute("minlength"), (e.maxLength ?? -1) > -1 ? o.setAttribute("maxlength", String(e.maxLength)) : o.removeAttribute("maxlength"), { + validity: o.validity, + validationMessage: o.validationMessage + }; + } + equals({ state: e }, { state: t }) { + const o = e.type === t.type && e.value === t.value && e.required === t.required && e.minLength === t.minLength && e.maxLength === t.maxLength; + return !wr(e) || !wr(t) ? o : o && e.pattern === t.pattern && e.min === t.min && e.max === t.max && e.step === t.step; + } + copy({ state: e }) { + return { + state: wr(e) ? this.copyInput(e) : this.copyTextArea(e), + renderedControl: null + }; + } + copyInput(e) { + const { type: t, pattern: o, min: i, max: a, step: s } = e; + return { + ...this.copySharedState(e), + type: t, + pattern: o, + min: i, + max: a, + step: s + }; + } + copyTextArea(e) { + return { + ...this.copySharedState(e), + type: e.type + }; + } + copySharedState({ value: e, required: t, minLength: o, maxLength: i }) { + return { value: e, required: t, minLength: o, maxLength: i }; + } +} +function wr(r) { + return r.type !== "textarea"; +} +/** + * @license + * Copyright 2021 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const md = Je(us(Mr(cr(Rt(W))))); +let X = class extends md { + constructor() { + super(...arguments), this.error = !1, this.errorText = "", this.label = "", this.noAsterisk = !1, this.required = !1, this.value = "", this.prefixText = "", this.suffixText = "", this.hasLeadingIcon = !1, this.hasTrailingIcon = !1, this.supportingText = "", this.textDirection = "", this.rows = 2, this.cols = 20, this.inputMode = "", this.max = "", this.maxLength = -1, this.min = "", this.minLength = -1, this.noSpinner = !1, this.pattern = "", this.placeholder = "", this.readOnly = !1, this.multiple = !1, this.step = "", this.type = "text", this.autocomplete = "", this.dirty = !1, this.focused = !1, this.nativeError = !1, this.nativeErrorText = ""; + } + /** + * Gets or sets the direction in which selection occurred. + */ + get selectionDirection() { + return this.getInputOrTextarea().selectionDirection; + } + set selectionDirection(e) { + this.getInputOrTextarea().selectionDirection = e; + } + /** + * Gets or sets the end position or offset of a text selection. + */ + get selectionEnd() { + return this.getInputOrTextarea().selectionEnd; + } + set selectionEnd(e) { + this.getInputOrTextarea().selectionEnd = e; + } + /** + * Gets or sets the starting position or offset of a text selection. + */ + get selectionStart() { + return this.getInputOrTextarea().selectionStart; + } + set selectionStart(e) { + this.getInputOrTextarea().selectionStart = e; + } + /** + * The text field's value as a number. + */ + get valueAsNumber() { + const e = this.getInput(); + return e ? e.valueAsNumber : NaN; + } + set valueAsNumber(e) { + const t = this.getInput(); + t && (t.valueAsNumber = e, this.value = t.value); + } + /** + * The text field's value as a Date. + */ + get valueAsDate() { + const e = this.getInput(); + return e ? e.valueAsDate : null; + } + set valueAsDate(e) { + const t = this.getInput(); + t && (t.valueAsDate = e, this.value = t.value); + } + get hasError() { + return this.error || this.nativeError; + } + /** + * Selects all the text in the text field. + * + * https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/select + */ + select() { + this.getInputOrTextarea().select(); + } + setRangeText(...e) { + this.getInputOrTextarea().setRangeText(...e), this.value = this.getInputOrTextarea().value; + } + /** + * Sets the start and end positions of a selection in the text field. + * + * https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange + * + * @param start The offset into the text field for the start of the selection. + * @param end The offset into the text field for the end of the selection. + * @param direction The direction in which the selection is performed. + */ + setSelectionRange(e, t, o) { + this.getInputOrTextarea().setSelectionRange(e, t, o); + } + /** + * Decrements the value of a numeric type text field by `step` or `n` `step` + * number of times. + * + * https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/stepDown + * + * @param stepDecrement The number of steps to decrement, defaults to 1. + */ + stepDown(e) { + const t = this.getInput(); + t && (t.stepDown(e), this.value = t.value); + } + /** + * Increments the value of a numeric type text field by `step` or `n` `step` + * number of times. + * + * https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/stepUp + * + * @param stepIncrement The number of steps to increment, defaults to 1. + */ + stepUp(e) { + const t = this.getInput(); + t && (t.stepUp(e), this.value = t.value); + } + /** + * Reset the text field to its default value. + */ + reset() { + this.dirty = !1, this.value = this.getAttribute("value") ?? "", this.nativeError = !1, this.nativeErrorText = ""; + } + attributeChangedCallback(e, t, o) { + e === "value" && this.dirty || super.attributeChangedCallback(e, t, o); + } + render() { + const e = { + disabled: this.disabled, + error: !this.disabled && this.hasError, + textarea: this.type === "textarea", + "no-spinner": this.noSpinner + }; + return _` + + ${this.renderField()} + + `; + } + updated(e) { + const t = this.getInputOrTextarea().value; + this.value !== t && (this.value = t); + } + renderField() { + return Fr`<${this.fieldTag} + class="field" + count=${this.value.length} + ?disabled=${this.disabled} + ?error=${this.hasError} + error-text=${this.getErrorText()} + ?focused=${this.focused} + ?has-end=${this.hasTrailingIcon} + ?has-start=${this.hasLeadingIcon} + label=${this.label} + ?no-asterisk=${this.noAsterisk} + max=${this.maxLength} + ?populated=${!!this.value} + ?required=${this.required} + ?resizable=${this.type === "textarea"} + supporting-text=${this.supportingText} + > + ${this.renderLeadingIcon()} + ${this.renderInputOrTextarea()} + ${this.renderTrailingIcon()} +
+ + `; + } + renderLeadingIcon() { + return _` + + + + `; + } + renderTrailingIcon() { + return _` + + + + `; + } + renderInputOrTextarea() { + const e = { direction: this.textDirection }, t = this.ariaLabel || this.label || x, o = this.autocomplete, i = (this.maxLength ?? -1) > -1, a = (this.minLength ?? -1) > -1; + if (this.type === "textarea") + return _` + + `; + const s = this.renderPrefix(), d = this.renderSuffix(), h = this.inputMode; + return _` +
+ ${s} + + ${d} +
+ `; + } + renderPrefix() { + return this.renderAffix( + this.prefixText, + /* isSuffix */ + !1 + ); + } + renderSuffix() { + return this.renderAffix( + this.suffixText, + /* isSuffix */ + !0 + ); + } + renderAffix(e, t) { + return e ? _`${e}` : x; + } + getErrorText() { + return this.error ? this.errorText : this.nativeErrorText; + } + handleFocusChange() { + var e; + this.focused = ((e = this.inputOrTextarea) == null ? void 0 : e.matches(":focus")) ?? !1; + } + handleInput(e) { + this.dirty = !0, this.value = e.target.value; + } + redispatchEvent(e) { + At(this, e); + } + getInputOrTextarea() { + return this.inputOrTextarea || (this.connectedCallback(), this.scheduleUpdate()), this.isUpdatePending && this.scheduleUpdate(), this.inputOrTextarea; + } + getInput() { + return this.type === "textarea" ? null : this.getInputOrTextarea(); + } + handleIconChange() { + this.hasLeadingIcon = this.leadingIcons.length > 0, this.hasTrailingIcon = this.trailingIcons.length > 0; + } + [yt]() { + return this.value; + } + formResetCallback() { + this.reset(); + } + formStateRestoreCallback(e) { + this.value = e; + } + focus() { + this.getInputOrTextarea().focus(); + } + [Wt]() { + return new vd(() => ({ + state: this, + renderedControl: this.inputOrTextarea + })); + } + [Kt]() { + return this.inputOrTextarea; + } + [Oo](e) { + var o; + e == null || e.preventDefault(); + const t = this.getErrorText(); + this.nativeError = !!e, this.nativeErrorText = this.validationMessage, t === this.getErrorText() && ((o = this.field) == null || o.reannounceError()); + } +}; +X.shadowRootOptions = { + ...W.shadowRootOptions, + delegatesFocus: !0 +}; +l([ + p({ type: Boolean, reflect: !0 }) +], X.prototype, "error", void 0); +l([ + p({ attribute: "error-text" }) +], X.prototype, "errorText", void 0); +l([ + p() +], X.prototype, "label", void 0); +l([ + p({ type: Boolean, attribute: "no-asterisk" }) +], X.prototype, "noAsterisk", void 0); +l([ + p({ type: Boolean, reflect: !0 }) +], X.prototype, "required", void 0); +l([ + p() +], X.prototype, "value", void 0); +l([ + p({ attribute: "prefix-text" }) +], X.prototype, "prefixText", void 0); +l([ + p({ attribute: "suffix-text" }) +], X.prototype, "suffixText", void 0); +l([ + p({ type: Boolean, attribute: "has-leading-icon" }) +], X.prototype, "hasLeadingIcon", void 0); +l([ + p({ type: Boolean, attribute: "has-trailing-icon" }) +], X.prototype, "hasTrailingIcon", void 0); +l([ + p({ attribute: "supporting-text" }) +], X.prototype, "supportingText", void 0); +l([ + p({ attribute: "text-direction" }) +], X.prototype, "textDirection", void 0); +l([ + p({ type: Number }) +], X.prototype, "rows", void 0); +l([ + p({ type: Number }) +], X.prototype, "cols", void 0); +l([ + p({ reflect: !0 }) +], X.prototype, "inputMode", void 0); +l([ + p() +], X.prototype, "max", void 0); +l([ + p({ type: Number }) +], X.prototype, "maxLength", void 0); +l([ + p() +], X.prototype, "min", void 0); +l([ + p({ type: Number }) +], X.prototype, "minLength", void 0); +l([ + p({ type: Boolean, attribute: "no-spinner" }) +], X.prototype, "noSpinner", void 0); +l([ + p() +], X.prototype, "pattern", void 0); +l([ + p({ reflect: !0, converter: ud }) +], X.prototype, "placeholder", void 0); +l([ + p({ type: Boolean, reflect: !0 }) +], X.prototype, "readOnly", void 0); +l([ + p({ type: Boolean, reflect: !0 }) +], X.prototype, "multiple", void 0); +l([ + p() +], X.prototype, "step", void 0); +l([ + p({ reflect: !0 }) +], X.prototype, "type", void 0); +l([ + p({ reflect: !0 }) +], X.prototype, "autocomplete", void 0); +l([ + se() +], X.prototype, "dirty", void 0); +l([ + se() +], X.prototype, "focused", void 0); +l([ + se() +], X.prototype, "nativeError", void 0); +l([ + se() +], X.prototype, "nativeErrorText", void 0); +l([ + G(".input") +], X.prototype, "inputOrTextarea", void 0); +l([ + G(".field") +], X.prototype, "field", void 0); +l([ + We({ slot: "leading-icon" }) +], X.prototype, "leadingIcons", void 0); +l([ + We({ slot: "trailing-icon" }) +], X.prototype, "trailingIcons", void 0); +/** + * @license + * Copyright 2021 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +class bd extends X { + constructor() { + super(...arguments), this.fieldTag = Xe`md-filled-field`; + } +} +/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const hs = F`:host{display:inline-flex;outline:none;resize:both;text-align:start;-webkit-tap-highlight-color:rgba(0,0,0,0)}.text-field,.field{width:100%}.text-field{display:inline-flex}.field{cursor:text}.disabled .field{cursor:default}.text-field,.textarea .field{resize:inherit}slot[name=container]{border-radius:inherit}.icon{color:currentColor;display:flex;align-items:center;justify-content:center;fill:currentColor;position:relative}.icon ::slotted(*){display:flex;position:absolute}[has-start] .icon.leading{font-size:var(--_leading-icon-size);height:var(--_leading-icon-size);width:var(--_leading-icon-size)}[has-end] .icon.trailing{font-size:var(--_trailing-icon-size);height:var(--_trailing-icon-size);width:var(--_trailing-icon-size)}.input-wrapper{display:flex}.input-wrapper>*{all:inherit;padding:0}.input{caret-color:var(--_caret-color);overflow-x:hidden;text-align:inherit}.input::placeholder{color:currentColor;opacity:1}.input::-webkit-calendar-picker-indicator{display:none}.input::-webkit-search-decoration,.input::-webkit-search-cancel-button{display:none}@media(forced-colors: active){.input{background:none}}.no-spinner .input::-webkit-inner-spin-button,.no-spinner .input::-webkit-outer-spin-button{display:none}.no-spinner .input[type=number]{-moz-appearance:textfield}:focus-within .input{caret-color:var(--_focus-caret-color)}.error:focus-within .input{caret-color:var(--_error-focus-caret-color)}.text-field:not(.disabled) .prefix{color:var(--_input-text-prefix-color)}.text-field:not(.disabled) .suffix{color:var(--_input-text-suffix-color)}.text-field:not(.disabled) .input::placeholder{color:var(--_input-text-placeholder-color)}.prefix,.suffix{text-wrap:nowrap;width:min-content}.prefix{padding-inline-end:var(--_input-text-prefix-trailing-space)}.suffix{padding-inline-start:var(--_input-text-suffix-leading-space)} +`; +/** + * @license + * Copyright 2021 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +let zo = class extends bd { + constructor() { + super(...arguments), this.fieldTag = Xe`md-filled-field`; + } +}; +zo.styles = [hs, id]; +zo = l([ + H("md-filled-text-field") +], zo); +/** + * @license + * Copyright 2021 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +class yd extends _e { + renderOutline(e) { + return _` +
+
+
+
+
+
${e}
+
+
+
+ `; + } +} +/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const gd = F`@layer styles{:host{--_bottom-space: var(--md-outlined-field-bottom-space, 16px);--_content-color: var(--md-outlined-field-content-color, var(--md-sys-color-on-surface, #1d1b20));--_content-font: var(--md-outlined-field-content-font, var(--md-sys-typescale-body-large-font, var(--md-ref-typeface-plain, Roboto)));--_content-line-height: var(--md-outlined-field-content-line-height, var(--md-sys-typescale-body-large-line-height, 1.5rem));--_content-size: var(--md-outlined-field-content-size, var(--md-sys-typescale-body-large-size, 1rem));--_content-space: var(--md-outlined-field-content-space, 16px);--_content-weight: var(--md-outlined-field-content-weight, var(--md-sys-typescale-body-large-weight, var(--md-ref-typeface-weight-regular, 400)));--_disabled-content-color: var(--md-outlined-field-disabled-content-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-content-opacity: var(--md-outlined-field-disabled-content-opacity, 0.38);--_disabled-label-text-color: var(--md-outlined-field-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-label-text-opacity: var(--md-outlined-field-disabled-label-text-opacity, 0.38);--_disabled-leading-content-color: var(--md-outlined-field-disabled-leading-content-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-leading-content-opacity: var(--md-outlined-field-disabled-leading-content-opacity, 0.38);--_disabled-outline-color: var(--md-outlined-field-disabled-outline-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-outline-opacity: var(--md-outlined-field-disabled-outline-opacity, 0.12);--_disabled-outline-width: var(--md-outlined-field-disabled-outline-width, 1px);--_disabled-supporting-text-color: var(--md-outlined-field-disabled-supporting-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-supporting-text-opacity: var(--md-outlined-field-disabled-supporting-text-opacity, 0.38);--_disabled-trailing-content-color: var(--md-outlined-field-disabled-trailing-content-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-trailing-content-opacity: var(--md-outlined-field-disabled-trailing-content-opacity, 0.38);--_error-content-color: var(--md-outlined-field-error-content-color, var(--md-sys-color-on-surface, #1d1b20));--_error-focus-content-color: var(--md-outlined-field-error-focus-content-color, var(--md-sys-color-on-surface, #1d1b20));--_error-focus-label-text-color: var(--md-outlined-field-error-focus-label-text-color, var(--md-sys-color-error, #b3261e));--_error-focus-leading-content-color: var(--md-outlined-field-error-focus-leading-content-color, var(--md-sys-color-on-surface-variant, #49454f));--_error-focus-outline-color: var(--md-outlined-field-error-focus-outline-color, var(--md-sys-color-error, #b3261e));--_error-focus-supporting-text-color: var(--md-outlined-field-error-focus-supporting-text-color, var(--md-sys-color-error, #b3261e));--_error-focus-trailing-content-color: var(--md-outlined-field-error-focus-trailing-content-color, var(--md-sys-color-error, #b3261e));--_error-hover-content-color: var(--md-outlined-field-error-hover-content-color, var(--md-sys-color-on-surface, #1d1b20));--_error-hover-label-text-color: var(--md-outlined-field-error-hover-label-text-color, var(--md-sys-color-on-error-container, #410e0b));--_error-hover-leading-content-color: var(--md-outlined-field-error-hover-leading-content-color, var(--md-sys-color-on-surface-variant, #49454f));--_error-hover-outline-color: var(--md-outlined-field-error-hover-outline-color, var(--md-sys-color-on-error-container, #410e0b));--_error-hover-supporting-text-color: var(--md-outlined-field-error-hover-supporting-text-color, var(--md-sys-color-error, #b3261e));--_error-hover-trailing-content-color: var(--md-outlined-field-error-hover-trailing-content-color, var(--md-sys-color-on-error-container, #410e0b));--_error-label-text-color: var(--md-outlined-field-error-label-text-color, var(--md-sys-color-error, #b3261e));--_error-leading-content-color: var(--md-outlined-field-error-leading-content-color, var(--md-sys-color-on-surface-variant, #49454f));--_error-outline-color: var(--md-outlined-field-error-outline-color, var(--md-sys-color-error, #b3261e));--_error-supporting-text-color: var(--md-outlined-field-error-supporting-text-color, var(--md-sys-color-error, #b3261e));--_error-trailing-content-color: var(--md-outlined-field-error-trailing-content-color, var(--md-sys-color-error, #b3261e));--_focus-content-color: var(--md-outlined-field-focus-content-color, var(--md-sys-color-on-surface, #1d1b20));--_focus-label-text-color: var(--md-outlined-field-focus-label-text-color, var(--md-sys-color-primary, #6750a4));--_focus-leading-content-color: var(--md-outlined-field-focus-leading-content-color, var(--md-sys-color-on-surface-variant, #49454f));--_focus-outline-color: var(--md-outlined-field-focus-outline-color, var(--md-sys-color-primary, #6750a4));--_focus-outline-width: var(--md-outlined-field-focus-outline-width, 3px);--_focus-supporting-text-color: var(--md-outlined-field-focus-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_focus-trailing-content-color: var(--md-outlined-field-focus-trailing-content-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-content-color: var(--md-outlined-field-hover-content-color, var(--md-sys-color-on-surface, #1d1b20));--_hover-label-text-color: var(--md-outlined-field-hover-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_hover-leading-content-color: var(--md-outlined-field-hover-leading-content-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-outline-color: var(--md-outlined-field-hover-outline-color, var(--md-sys-color-on-surface, #1d1b20));--_hover-outline-width: var(--md-outlined-field-hover-outline-width, 1px);--_hover-supporting-text-color: var(--md-outlined-field-hover-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-trailing-content-color: var(--md-outlined-field-hover-trailing-content-color, var(--md-sys-color-on-surface-variant, #49454f));--_label-text-color: var(--md-outlined-field-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_label-text-font: var(--md-outlined-field-label-text-font, var(--md-sys-typescale-body-large-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-outlined-field-label-text-line-height, var(--md-sys-typescale-body-large-line-height, 1.5rem));--_label-text-padding-bottom: var(--md-outlined-field-label-text-padding-bottom, 8px);--_label-text-populated-line-height: var(--md-outlined-field-label-text-populated-line-height, var(--md-sys-typescale-body-small-line-height, 1rem));--_label-text-populated-size: var(--md-outlined-field-label-text-populated-size, var(--md-sys-typescale-body-small-size, 0.75rem));--_label-text-size: var(--md-outlined-field-label-text-size, var(--md-sys-typescale-body-large-size, 1rem));--_label-text-weight: var(--md-outlined-field-label-text-weight, var(--md-sys-typescale-body-large-weight, var(--md-ref-typeface-weight-regular, 400)));--_leading-content-color: var(--md-outlined-field-leading-content-color, var(--md-sys-color-on-surface-variant, #49454f));--_leading-space: var(--md-outlined-field-leading-space, 16px);--_outline-color: var(--md-outlined-field-outline-color, var(--md-sys-color-outline, #79747e));--_outline-label-padding: var(--md-outlined-field-outline-label-padding, 4px);--_outline-width: var(--md-outlined-field-outline-width, 1px);--_supporting-text-color: var(--md-outlined-field-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_supporting-text-font: var(--md-outlined-field-supporting-text-font, var(--md-sys-typescale-body-small-font, var(--md-ref-typeface-plain, Roboto)));--_supporting-text-leading-space: var(--md-outlined-field-supporting-text-leading-space, 16px);--_supporting-text-line-height: var(--md-outlined-field-supporting-text-line-height, var(--md-sys-typescale-body-small-line-height, 1rem));--_supporting-text-size: var(--md-outlined-field-supporting-text-size, var(--md-sys-typescale-body-small-size, 0.75rem));--_supporting-text-top-space: var(--md-outlined-field-supporting-text-top-space, 4px);--_supporting-text-trailing-space: var(--md-outlined-field-supporting-text-trailing-space, 16px);--_supporting-text-weight: var(--md-outlined-field-supporting-text-weight, var(--md-sys-typescale-body-small-weight, var(--md-ref-typeface-weight-regular, 400)));--_top-space: var(--md-outlined-field-top-space, 16px);--_trailing-content-color: var(--md-outlined-field-trailing-content-color, var(--md-sys-color-on-surface-variant, #49454f));--_trailing-space: var(--md-outlined-field-trailing-space, 16px);--_with-leading-content-leading-space: var(--md-outlined-field-with-leading-content-leading-space, 12px);--_with-trailing-content-trailing-space: var(--md-outlined-field-with-trailing-content-trailing-space, 12px);--_container-shape-start-start: var(--md-outlined-field-container-shape-start-start, var(--md-outlined-field-container-shape, var(--md-sys-shape-corner-extra-small, 4px)));--_container-shape-start-end: var(--md-outlined-field-container-shape-start-end, var(--md-outlined-field-container-shape, var(--md-sys-shape-corner-extra-small, 4px)));--_container-shape-end-end: var(--md-outlined-field-container-shape-end-end, var(--md-outlined-field-container-shape, var(--md-sys-shape-corner-extra-small, 4px)));--_container-shape-end-start: var(--md-outlined-field-container-shape-end-start, var(--md-outlined-field-container-shape, var(--md-sys-shape-corner-extra-small, 4px)))}.outline{border-color:var(--_outline-color);border-radius:inherit;display:flex;pointer-events:none;height:100%;position:absolute;width:100%;z-index:1}.outline-start::before,.outline-start::after,.outline-panel-inactive::before,.outline-panel-inactive::after,.outline-panel-active::before,.outline-panel-active::after,.outline-end::before,.outline-end::after{border:inherit;content:"";inset:0;position:absolute}.outline-start,.outline-end{border:inherit;border-radius:inherit;box-sizing:border-box;position:relative}.outline-start::before,.outline-start::after,.outline-end::before,.outline-end::after{border-bottom-style:solid;border-top-style:solid}.outline-start::after,.outline-end::after{opacity:0;transition:opacity 150ms cubic-bezier(0.2, 0, 0, 1)}.focused .outline-start::after,.focused .outline-end::after{opacity:1}.outline-start::before,.outline-start::after{border-inline-start-style:solid;border-inline-end-style:none;border-start-start-radius:inherit;border-start-end-radius:0;border-end-start-radius:inherit;border-end-end-radius:0;margin-inline-end:var(--_outline-label-padding)}.outline-end{flex-grow:1;margin-inline-start:calc(-1*var(--_outline-label-padding))}.outline-end::before,.outline-end::after{border-inline-start-style:none;border-inline-end-style:solid;border-start-start-radius:0;border-start-end-radius:inherit;border-end-start-radius:0;border-end-end-radius:inherit}.outline-notch{align-items:flex-start;border:inherit;display:flex;margin-inline-start:calc(-1*var(--_outline-label-padding));margin-inline-end:var(--_outline-label-padding);max-width:calc(100% - var(--_leading-space) - var(--_trailing-space));padding:0 var(--_outline-label-padding);position:relative}.no-label .outline-notch{display:none}.outline-panel-inactive,.outline-panel-active{border:inherit;border-bottom-style:solid;inset:0;position:absolute}.outline-panel-inactive::before,.outline-panel-inactive::after,.outline-panel-active::before,.outline-panel-active::after{border-top-style:solid;border-bottom:none;bottom:auto;transform:scaleX(1);transition:transform 150ms cubic-bezier(0.2, 0, 0, 1)}.outline-panel-inactive::before,.outline-panel-active::before{right:50%;transform-origin:top left}.outline-panel-inactive::after,.outline-panel-active::after{left:50%;transform-origin:top right}.populated .outline-panel-inactive::before,.populated .outline-panel-inactive::after,.populated .outline-panel-active::before,.populated .outline-panel-active::after,.focused .outline-panel-inactive::before,.focused .outline-panel-inactive::after,.focused .outline-panel-active::before,.focused .outline-panel-active::after{transform:scaleX(0)}.outline-panel-active{opacity:0;transition:opacity 150ms cubic-bezier(0.2, 0, 0, 1)}.focused .outline-panel-active{opacity:1}.outline-label{display:flex;max-width:100%;transform:translateY(calc(-100% + var(--_label-text-padding-bottom)))}.outline-start,.field:not(.with-start) .content ::slotted(*){padding-inline-start:max(var(--_leading-space),max(var(--_container-shape-start-start),var(--_container-shape-end-start)) + var(--_outline-label-padding))}.field:not(.with-start) .label-wrapper{margin-inline-start:max(var(--_leading-space),max(var(--_container-shape-start-start),var(--_container-shape-end-start)) + var(--_outline-label-padding))}.field:not(.with-end) .content ::slotted(*){padding-inline-end:max(var(--_trailing-space),max(var(--_container-shape-start-end),var(--_container-shape-end-end)))}.field:not(.with-end) .label-wrapper{margin-inline-end:max(var(--_trailing-space),max(var(--_container-shape-start-end),var(--_container-shape-end-end)))}.outline-start::before,.outline-end::before,.outline-panel-inactive,.outline-panel-inactive::before,.outline-panel-inactive::after{border-width:var(--_outline-width)}:hover .outline{border-color:var(--_hover-outline-color);color:var(--_hover-outline-color)}:hover .outline-start::before,:hover .outline-end::before,:hover .outline-panel-inactive,:hover .outline-panel-inactive::before,:hover .outline-panel-inactive::after{border-width:var(--_hover-outline-width)}.focused .outline{border-color:var(--_focus-outline-color);color:var(--_focus-outline-color)}.outline-start::after,.outline-end::after,.outline-panel-active,.outline-panel-active::before,.outline-panel-active::after{border-width:var(--_focus-outline-width)}.disabled .outline{border-color:var(--_disabled-outline-color);color:var(--_disabled-outline-color)}.disabled .outline-start,.disabled .outline-end,.disabled .outline-panel-inactive{opacity:var(--_disabled-outline-opacity)}.disabled .outline-start::before,.disabled .outline-end::before,.disabled .outline-panel-inactive,.disabled .outline-panel-inactive::before,.disabled .outline-panel-inactive::after{border-width:var(--_disabled-outline-width)}.error .outline{border-color:var(--_error-outline-color);color:var(--_error-outline-color)}.error:hover .outline{border-color:var(--_error-hover-outline-color);color:var(--_error-hover-outline-color)}.error.focused .outline{border-color:var(--_error-focus-outline-color);color:var(--_error-focus-outline-color)}.resizable .container{bottom:var(--_focus-outline-width);inset-inline-end:var(--_focus-outline-width);clip-path:inset(var(--_focus-outline-width) 0 0 var(--_focus-outline-width))}.resizable .container>*{top:var(--_focus-outline-width);inset-inline-start:var(--_focus-outline-width)}.resizable .container:dir(rtl){clip-path:inset(var(--_focus-outline-width) var(--_focus-outline-width) 0 0)}}@layer hcm{@media(forced-colors: active){.disabled .outline{border-color:GrayText;color:GrayText}.disabled :is(.outline-start,.outline-end,.outline-panel-inactive){opacity:1}}} +`; +/** + * @license + * Copyright 2021 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +let fa = class extends yd { +}; +fa.styles = [ns, gd]; +fa = l([ + H("md-outlined-field") +], fa); +/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const xd = F`:host{--_caret-color: var(--md-outlined-text-field-caret-color, var(--md-sys-color-primary, #6750a4));--_disabled-input-text-color: var(--md-outlined-text-field-disabled-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-input-text-opacity: var(--md-outlined-text-field-disabled-input-text-opacity, 0.38);--_disabled-label-text-color: var(--md-outlined-text-field-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-label-text-opacity: var(--md-outlined-text-field-disabled-label-text-opacity, 0.38);--_disabled-leading-icon-color: var(--md-outlined-text-field-disabled-leading-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-leading-icon-opacity: var(--md-outlined-text-field-disabled-leading-icon-opacity, 0.38);--_disabled-outline-color: var(--md-outlined-text-field-disabled-outline-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-outline-opacity: var(--md-outlined-text-field-disabled-outline-opacity, 0.12);--_disabled-outline-width: var(--md-outlined-text-field-disabled-outline-width, 1px);--_disabled-supporting-text-color: var(--md-outlined-text-field-disabled-supporting-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-supporting-text-opacity: var(--md-outlined-text-field-disabled-supporting-text-opacity, 0.38);--_disabled-trailing-icon-color: var(--md-outlined-text-field-disabled-trailing-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-trailing-icon-opacity: var(--md-outlined-text-field-disabled-trailing-icon-opacity, 0.38);--_error-focus-caret-color: var(--md-outlined-text-field-error-focus-caret-color, var(--md-sys-color-error, #b3261e));--_error-focus-input-text-color: var(--md-outlined-text-field-error-focus-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_error-focus-label-text-color: var(--md-outlined-text-field-error-focus-label-text-color, var(--md-sys-color-error, #b3261e));--_error-focus-leading-icon-color: var(--md-outlined-text-field-error-focus-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_error-focus-outline-color: var(--md-outlined-text-field-error-focus-outline-color, var(--md-sys-color-error, #b3261e));--_error-focus-supporting-text-color: var(--md-outlined-text-field-error-focus-supporting-text-color, var(--md-sys-color-error, #b3261e));--_error-focus-trailing-icon-color: var(--md-outlined-text-field-error-focus-trailing-icon-color, var(--md-sys-color-error, #b3261e));--_error-hover-input-text-color: var(--md-outlined-text-field-error-hover-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_error-hover-label-text-color: var(--md-outlined-text-field-error-hover-label-text-color, var(--md-sys-color-on-error-container, #410e0b));--_error-hover-leading-icon-color: var(--md-outlined-text-field-error-hover-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_error-hover-outline-color: var(--md-outlined-text-field-error-hover-outline-color, var(--md-sys-color-on-error-container, #410e0b));--_error-hover-supporting-text-color: var(--md-outlined-text-field-error-hover-supporting-text-color, var(--md-sys-color-error, #b3261e));--_error-hover-trailing-icon-color: var(--md-outlined-text-field-error-hover-trailing-icon-color, var(--md-sys-color-on-error-container, #410e0b));--_error-input-text-color: var(--md-outlined-text-field-error-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_error-label-text-color: var(--md-outlined-text-field-error-label-text-color, var(--md-sys-color-error, #b3261e));--_error-leading-icon-color: var(--md-outlined-text-field-error-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_error-outline-color: var(--md-outlined-text-field-error-outline-color, var(--md-sys-color-error, #b3261e));--_error-supporting-text-color: var(--md-outlined-text-field-error-supporting-text-color, var(--md-sys-color-error, #b3261e));--_error-trailing-icon-color: var(--md-outlined-text-field-error-trailing-icon-color, var(--md-sys-color-error, #b3261e));--_focus-input-text-color: var(--md-outlined-text-field-focus-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_focus-label-text-color: var(--md-outlined-text-field-focus-label-text-color, var(--md-sys-color-primary, #6750a4));--_focus-leading-icon-color: var(--md-outlined-text-field-focus-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_focus-outline-color: var(--md-outlined-text-field-focus-outline-color, var(--md-sys-color-primary, #6750a4));--_focus-outline-width: var(--md-outlined-text-field-focus-outline-width, 3px);--_focus-supporting-text-color: var(--md-outlined-text-field-focus-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_focus-trailing-icon-color: var(--md-outlined-text-field-focus-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-input-text-color: var(--md-outlined-text-field-hover-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_hover-label-text-color: var(--md-outlined-text-field-hover-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_hover-leading-icon-color: var(--md-outlined-text-field-hover-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-outline-color: var(--md-outlined-text-field-hover-outline-color, var(--md-sys-color-on-surface, #1d1b20));--_hover-outline-width: var(--md-outlined-text-field-hover-outline-width, 1px);--_hover-supporting-text-color: var(--md-outlined-text-field-hover-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-trailing-icon-color: var(--md-outlined-text-field-hover-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_input-text-color: var(--md-outlined-text-field-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_input-text-font: var(--md-outlined-text-field-input-text-font, var(--md-sys-typescale-body-large-font, var(--md-ref-typeface-plain, Roboto)));--_input-text-line-height: var(--md-outlined-text-field-input-text-line-height, var(--md-sys-typescale-body-large-line-height, 1.5rem));--_input-text-placeholder-color: var(--md-outlined-text-field-input-text-placeholder-color, var(--md-sys-color-on-surface-variant, #49454f));--_input-text-prefix-color: var(--md-outlined-text-field-input-text-prefix-color, var(--md-sys-color-on-surface-variant, #49454f));--_input-text-size: var(--md-outlined-text-field-input-text-size, var(--md-sys-typescale-body-large-size, 1rem));--_input-text-suffix-color: var(--md-outlined-text-field-input-text-suffix-color, var(--md-sys-color-on-surface-variant, #49454f));--_input-text-weight: var(--md-outlined-text-field-input-text-weight, var(--md-sys-typescale-body-large-weight, var(--md-ref-typeface-weight-regular, 400)));--_label-text-color: var(--md-outlined-text-field-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_label-text-font: var(--md-outlined-text-field-label-text-font, var(--md-sys-typescale-body-large-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-outlined-text-field-label-text-line-height, var(--md-sys-typescale-body-large-line-height, 1.5rem));--_label-text-populated-line-height: var(--md-outlined-text-field-label-text-populated-line-height, var(--md-sys-typescale-body-small-line-height, 1rem));--_label-text-populated-size: var(--md-outlined-text-field-label-text-populated-size, var(--md-sys-typescale-body-small-size, 0.75rem));--_label-text-size: var(--md-outlined-text-field-label-text-size, var(--md-sys-typescale-body-large-size, 1rem));--_label-text-weight: var(--md-outlined-text-field-label-text-weight, var(--md-sys-typescale-body-large-weight, var(--md-ref-typeface-weight-regular, 400)));--_leading-icon-color: var(--md-outlined-text-field-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_leading-icon-size: var(--md-outlined-text-field-leading-icon-size, 24px);--_outline-color: var(--md-outlined-text-field-outline-color, var(--md-sys-color-outline, #79747e));--_outline-width: var(--md-outlined-text-field-outline-width, 1px);--_supporting-text-color: var(--md-outlined-text-field-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_supporting-text-font: var(--md-outlined-text-field-supporting-text-font, var(--md-sys-typescale-body-small-font, var(--md-ref-typeface-plain, Roboto)));--_supporting-text-line-height: var(--md-outlined-text-field-supporting-text-line-height, var(--md-sys-typescale-body-small-line-height, 1rem));--_supporting-text-size: var(--md-outlined-text-field-supporting-text-size, var(--md-sys-typescale-body-small-size, 0.75rem));--_supporting-text-weight: var(--md-outlined-text-field-supporting-text-weight, var(--md-sys-typescale-body-small-weight, var(--md-ref-typeface-weight-regular, 400)));--_trailing-icon-color: var(--md-outlined-text-field-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_trailing-icon-size: var(--md-outlined-text-field-trailing-icon-size, 24px);--_container-shape-start-start: var(--md-outlined-text-field-container-shape-start-start, var(--md-outlined-text-field-container-shape, var(--md-sys-shape-corner-extra-small, 4px)));--_container-shape-start-end: var(--md-outlined-text-field-container-shape-start-end, var(--md-outlined-text-field-container-shape, var(--md-sys-shape-corner-extra-small, 4px)));--_container-shape-end-end: var(--md-outlined-text-field-container-shape-end-end, var(--md-outlined-text-field-container-shape, var(--md-sys-shape-corner-extra-small, 4px)));--_container-shape-end-start: var(--md-outlined-text-field-container-shape-end-start, var(--md-outlined-text-field-container-shape, var(--md-sys-shape-corner-extra-small, 4px)));--_icon-input-space: var(--md-outlined-text-field-icon-input-space, 16px);--_leading-space: var(--md-outlined-text-field-leading-space, 16px);--_trailing-space: var(--md-outlined-text-field-trailing-space, 16px);--_top-space: var(--md-outlined-text-field-top-space, 16px);--_bottom-space: var(--md-outlined-text-field-bottom-space, 16px);--_input-text-prefix-trailing-space: var(--md-outlined-text-field-input-text-prefix-trailing-space, 2px);--_input-text-suffix-leading-space: var(--md-outlined-text-field-input-text-suffix-leading-space, 2px);--_focus-caret-color: var(--md-outlined-text-field-focus-caret-color, var(--md-sys-color-primary, #6750a4));--_with-leading-icon-leading-space: var(--md-outlined-text-field-with-leading-icon-leading-space, 12px);--_with-trailing-icon-trailing-space: var(--md-outlined-text-field-with-trailing-icon-trailing-space, 12px);--md-outlined-field-bottom-space: var(--_bottom-space);--md-outlined-field-container-shape-end-end: var(--_container-shape-end-end);--md-outlined-field-container-shape-end-start: var(--_container-shape-end-start);--md-outlined-field-container-shape-start-end: var(--_container-shape-start-end);--md-outlined-field-container-shape-start-start: var(--_container-shape-start-start);--md-outlined-field-content-color: var(--_input-text-color);--md-outlined-field-content-font: var(--_input-text-font);--md-outlined-field-content-line-height: var(--_input-text-line-height);--md-outlined-field-content-size: var(--_input-text-size);--md-outlined-field-content-space: var(--_icon-input-space);--md-outlined-field-content-weight: var(--_input-text-weight);--md-outlined-field-disabled-content-color: var(--_disabled-input-text-color);--md-outlined-field-disabled-content-opacity: var(--_disabled-input-text-opacity);--md-outlined-field-disabled-label-text-color: var(--_disabled-label-text-color);--md-outlined-field-disabled-label-text-opacity: var(--_disabled-label-text-opacity);--md-outlined-field-disabled-leading-content-color: var(--_disabled-leading-icon-color);--md-outlined-field-disabled-leading-content-opacity: var(--_disabled-leading-icon-opacity);--md-outlined-field-disabled-outline-color: var(--_disabled-outline-color);--md-outlined-field-disabled-outline-opacity: var(--_disabled-outline-opacity);--md-outlined-field-disabled-outline-width: var(--_disabled-outline-width);--md-outlined-field-disabled-supporting-text-color: var(--_disabled-supporting-text-color);--md-outlined-field-disabled-supporting-text-opacity: var(--_disabled-supporting-text-opacity);--md-outlined-field-disabled-trailing-content-color: var(--_disabled-trailing-icon-color);--md-outlined-field-disabled-trailing-content-opacity: var(--_disabled-trailing-icon-opacity);--md-outlined-field-error-content-color: var(--_error-input-text-color);--md-outlined-field-error-focus-content-color: var(--_error-focus-input-text-color);--md-outlined-field-error-focus-label-text-color: var(--_error-focus-label-text-color);--md-outlined-field-error-focus-leading-content-color: var(--_error-focus-leading-icon-color);--md-outlined-field-error-focus-outline-color: var(--_error-focus-outline-color);--md-outlined-field-error-focus-supporting-text-color: var(--_error-focus-supporting-text-color);--md-outlined-field-error-focus-trailing-content-color: var(--_error-focus-trailing-icon-color);--md-outlined-field-error-hover-content-color: var(--_error-hover-input-text-color);--md-outlined-field-error-hover-label-text-color: var(--_error-hover-label-text-color);--md-outlined-field-error-hover-leading-content-color: var(--_error-hover-leading-icon-color);--md-outlined-field-error-hover-outline-color: var(--_error-hover-outline-color);--md-outlined-field-error-hover-supporting-text-color: var(--_error-hover-supporting-text-color);--md-outlined-field-error-hover-trailing-content-color: var(--_error-hover-trailing-icon-color);--md-outlined-field-error-label-text-color: var(--_error-label-text-color);--md-outlined-field-error-leading-content-color: var(--_error-leading-icon-color);--md-outlined-field-error-outline-color: var(--_error-outline-color);--md-outlined-field-error-supporting-text-color: var(--_error-supporting-text-color);--md-outlined-field-error-trailing-content-color: var(--_error-trailing-icon-color);--md-outlined-field-focus-content-color: var(--_focus-input-text-color);--md-outlined-field-focus-label-text-color: var(--_focus-label-text-color);--md-outlined-field-focus-leading-content-color: var(--_focus-leading-icon-color);--md-outlined-field-focus-outline-color: var(--_focus-outline-color);--md-outlined-field-focus-outline-width: var(--_focus-outline-width);--md-outlined-field-focus-supporting-text-color: var(--_focus-supporting-text-color);--md-outlined-field-focus-trailing-content-color: var(--_focus-trailing-icon-color);--md-outlined-field-hover-content-color: var(--_hover-input-text-color);--md-outlined-field-hover-label-text-color: var(--_hover-label-text-color);--md-outlined-field-hover-leading-content-color: var(--_hover-leading-icon-color);--md-outlined-field-hover-outline-color: var(--_hover-outline-color);--md-outlined-field-hover-outline-width: var(--_hover-outline-width);--md-outlined-field-hover-supporting-text-color: var(--_hover-supporting-text-color);--md-outlined-field-hover-trailing-content-color: var(--_hover-trailing-icon-color);--md-outlined-field-label-text-color: var(--_label-text-color);--md-outlined-field-label-text-font: var(--_label-text-font);--md-outlined-field-label-text-line-height: var(--_label-text-line-height);--md-outlined-field-label-text-populated-line-height: var(--_label-text-populated-line-height);--md-outlined-field-label-text-populated-size: var(--_label-text-populated-size);--md-outlined-field-label-text-size: var(--_label-text-size);--md-outlined-field-label-text-weight: var(--_label-text-weight);--md-outlined-field-leading-content-color: var(--_leading-icon-color);--md-outlined-field-leading-space: var(--_leading-space);--md-outlined-field-outline-color: var(--_outline-color);--md-outlined-field-outline-width: var(--_outline-width);--md-outlined-field-supporting-text-color: var(--_supporting-text-color);--md-outlined-field-supporting-text-font: var(--_supporting-text-font);--md-outlined-field-supporting-text-line-height: var(--_supporting-text-line-height);--md-outlined-field-supporting-text-size: var(--_supporting-text-size);--md-outlined-field-supporting-text-weight: var(--_supporting-text-weight);--md-outlined-field-top-space: var(--_top-space);--md-outlined-field-trailing-content-color: var(--_trailing-icon-color);--md-outlined-field-trailing-space: var(--_trailing-space);--md-outlined-field-with-leading-content-leading-space: var(--_with-leading-icon-leading-space);--md-outlined-field-with-trailing-content-trailing-space: var(--_with-trailing-icon-trailing-space)} +`; +/** + * @license + * Copyright 2021 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +class _d extends X { + constructor() { + super(...arguments), this.fieldTag = Xe`md-outlined-field`; + } +} +/** + * @license + * Copyright 2021 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +let Po = class extends _d { + constructor() { + super(...arguments), this.fieldTag = Xe`md-outlined-field`; + } +}; +Po.styles = [hs, xd]; +Po = l([ + H("md-outlined-text-field") +], Po); +const wd = ee({ + react: J, + tagName: "md-filled-text-field", + elementClass: zo +}), kd = ee({ + react: J, + tagName: "md-outlined-text-field", + elementClass: Po +}), tp = qe.forwardRef(({ + variant: r = "filled", + ...e +}, t) => r === "filled" ? /* @__PURE__ */ V.jsx(wd, { ...e, ref: t }) : /* @__PURE__ */ V.jsx(kd, { ...e, ref: t })); +/** + * @license + * Copyright 2022 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +class Cd extends W { + connectedCallback() { + super.connectedCallback(), this.setAttribute("aria-hidden", "true"); + } + render() { + return _``; + } +} +/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const Ed = F`:host,.shadow,.shadow::before,.shadow::after{border-radius:inherit;inset:0;position:absolute;transition-duration:inherit;transition-property:inherit;transition-timing-function:inherit}:host{display:flex;pointer-events:none;transition-property:box-shadow,opacity}.shadow::before,.shadow::after{content:"";transition-property:box-shadow,opacity;--_level: var(--md-elevation-level, 0);--_shadow-color: var(--md-elevation-shadow-color, var(--md-sys-color-shadow, #000))}.shadow::before{box-shadow:0px calc(1px*(clamp(0,var(--_level),1) + clamp(0,var(--_level) - 3,1) + 2*clamp(0,var(--_level) - 4,1))) calc(1px*(2*clamp(0,var(--_level),1) + clamp(0,var(--_level) - 2,1) + clamp(0,var(--_level) - 4,1))) 0px var(--_shadow-color);opacity:.3}.shadow::after{box-shadow:0px calc(1px*(clamp(0,var(--_level),1) + clamp(0,var(--_level) - 1,1) + 2*clamp(0,var(--_level) - 2,3))) calc(1px*(3*clamp(0,var(--_level),2) + 2*clamp(0,var(--_level) - 2,3))) calc(1px*(clamp(0,var(--_level),4) + 2*clamp(0,var(--_level) - 4,1))) var(--_shadow-color);opacity:.15} +`; +/** + * @license + * Copyright 2022 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +let va = class extends Cd { +}; +va.styles = [Ed]; +va = l([ + H("md-elevation") +], va); +/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const ps = Symbol("attachableController"); +let $o; +$o = new MutationObserver((r) => { + var e; + for (const t of r) + (e = t.target[ps]) == null || e.hostConnected(); +}); +class fs { + get htmlFor() { + return this.host.getAttribute("for"); + } + set htmlFor(e) { + e === null ? this.host.removeAttribute("for") : this.host.setAttribute("for", e); + } + get control() { + return this.host.hasAttribute("for") ? !this.htmlFor || !this.host.isConnected ? null : this.host.getRootNode().querySelector(`#${this.htmlFor}`) : this.currentControl || this.host.parentElement; + } + set control(e) { + e ? this.attach(e) : this.detach(); + } + /** + * Creates a new controller for an `Attachable` element. + * + * @param host The `Attachable` element. + * @param onControlChange A callback with two parameters for the previous and + * next control. An `Attachable` element may perform setup or teardown + * logic whenever the control changes. + */ + constructor(e, t) { + this.host = e, this.onControlChange = t, this.currentControl = null, e.addController(this), e[ps] = this, $o == null || $o.observe(e, { attributeFilter: ["for"] }); + } + attach(e) { + e !== this.currentControl && (this.setCurrentControl(e), this.host.removeAttribute("for")); + } + detach() { + this.setCurrentControl(null), this.host.setAttribute("for", ""); + } + /** @private */ + hostConnected() { + this.setCurrentControl(this.control); + } + /** @private */ + hostDisconnected() { + this.setCurrentControl(null); + } + setCurrentControl(e) { + this.onControlChange(this.currentControl, e), this.currentControl = e; + } +} +/** + * @license + * Copyright 2021 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const $d = ["focusin", "focusout", "pointerdown"]; +class Fa extends W { + constructor() { + super(...arguments), this.visible = !1, this.inward = !1, this.attachableController = new fs(this, this.onControlChange.bind(this)); + } + get htmlFor() { + return this.attachableController.htmlFor; + } + set htmlFor(e) { + this.attachableController.htmlFor = e; + } + get control() { + return this.attachableController.control; + } + set control(e) { + this.attachableController.control = e; + } + attach(e) { + this.attachableController.attach(e); + } + detach() { + this.attachableController.detach(); + } + connectedCallback() { + super.connectedCallback(), this.setAttribute("aria-hidden", "true"); + } + /** @private */ + handleEvent(e) { + var t; + if (!e[Pn]) { + switch (e.type) { + default: + return; + case "focusin": + this.visible = ((t = this.control) == null ? void 0 : t.matches(":focus-visible")) ?? !1; + break; + case "focusout": + case "pointerdown": + this.visible = !1; + break; + } + e[Pn] = !0; + } + } + onControlChange(e, t) { + for (const o of $d) + e == null || e.removeEventListener(o, this), t == null || t.addEventListener(o, this); + } + update(e) { + e.has("visible") && this.dispatchEvent(new Event("visibility-changed")), super.update(e); + } +} +l([ + p({ type: Boolean, reflect: !0 }) +], Fa.prototype, "visible", void 0); +l([ + p({ type: Boolean, reflect: !0 }) +], Fa.prototype, "inward", void 0); +const Pn = Symbol("handledByFocusRing"); +/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const Td = F`:host{animation-delay:0s,calc(var(--md-focus-ring-duration, 600ms)*.25);animation-duration:calc(var(--md-focus-ring-duration, 600ms)*.25),calc(var(--md-focus-ring-duration, 600ms)*.75);animation-timing-function:cubic-bezier(0.2, 0, 0, 1);box-sizing:border-box;color:var(--md-focus-ring-color, var(--md-sys-color-secondary, #625b71));display:none;pointer-events:none;position:absolute}:host([visible]){display:flex}:host(:not([inward])){animation-name:outward-grow,outward-shrink;border-end-end-radius:calc(var(--md-focus-ring-shape-end-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));border-end-start-radius:calc(var(--md-focus-ring-shape-end-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));border-start-end-radius:calc(var(--md-focus-ring-shape-start-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));border-start-start-radius:calc(var(--md-focus-ring-shape-start-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));inset:calc(-1*var(--md-focus-ring-outward-offset, 2px));outline:var(--md-focus-ring-width, 3px) solid currentColor}:host([inward]){animation-name:inward-grow,inward-shrink;border-end-end-radius:calc(var(--md-focus-ring-shape-end-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border-end-start-radius:calc(var(--md-focus-ring-shape-end-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border-start-end-radius:calc(var(--md-focus-ring-shape-start-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border-start-start-radius:calc(var(--md-focus-ring-shape-start-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border:var(--md-focus-ring-width, 3px) solid currentColor;inset:var(--md-focus-ring-inward-offset, 0px)}@keyframes outward-grow{from{outline-width:0}to{outline-width:var(--md-focus-ring-active-width, 8px)}}@keyframes outward-shrink{from{outline-width:var(--md-focus-ring-active-width, 8px)}}@keyframes inward-grow{from{border-width:0}to{border-width:var(--md-focus-ring-active-width, 8px)}}@keyframes inward-shrink{from{border-width:var(--md-focus-ring-active-width, 8px)}}@media(prefers-reduced-motion){:host{animation:none}} +`; +/** + * @license + * Copyright 2021 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +let ma = class extends Fa { +}; +ma.styles = [Td]; +ma = l([ + H("md-focus-ring") +], ma); +/** + * @license + * Copyright 2022 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const Sd = 450, Ln = 225, Ad = 0.2, Rd = 10, Id = 75, Od = 0.35, zd = "::after", Pd = "forwards"; +var Ye; +(function(r) { + r[r.INACTIVE = 0] = "INACTIVE", r[r.TOUCH_DELAY = 1] = "TOUCH_DELAY", r[r.HOLDING = 2] = "HOLDING", r[r.WAITING_FOR_CLICK = 3] = "WAITING_FOR_CLICK"; +})(Ye || (Ye = {})); +const Ld = [ + "click", + "contextmenu", + "pointercancel", + "pointerdown", + "pointerenter", + "pointerleave", + "pointerup" +], Fd = 150, oa = window.matchMedia("(forced-colors: active)"); +class Dr extends W { + constructor() { + super(...arguments), this.disabled = !1, this.hovered = !1, this.pressed = !1, this.rippleSize = "", this.rippleScale = "", this.initialSize = 0, this.state = Ye.INACTIVE, this.checkBoundsAfterContextMenu = !1, this.attachableController = new fs(this, this.onControlChange.bind(this)); + } + get htmlFor() { + return this.attachableController.htmlFor; + } + set htmlFor(e) { + this.attachableController.htmlFor = e; + } + get control() { + return this.attachableController.control; + } + set control(e) { + this.attachableController.control = e; + } + attach(e) { + this.attachableController.attach(e); + } + detach() { + this.attachableController.detach(); + } + connectedCallback() { + super.connectedCallback(), this.setAttribute("aria-hidden", "true"); + } + render() { + const e = { + hovered: this.hovered, + pressed: this.pressed + }; + return _`
`; + } + update(e) { + e.has("disabled") && this.disabled && (this.hovered = !1, this.pressed = !1), super.update(e); + } + /** + * TODO(b/269799771): make private + * @private only public for slider + */ + handlePointerenter(e) { + this.shouldReactToEvent(e) && (this.hovered = !0); + } + /** + * TODO(b/269799771): make private + * @private only public for slider + */ + handlePointerleave(e) { + this.shouldReactToEvent(e) && (this.hovered = !1, this.state !== Ye.INACTIVE && this.endPressAnimation()); + } + handlePointerup(e) { + if (this.shouldReactToEvent(e)) { + if (this.state === Ye.HOLDING) { + this.state = Ye.WAITING_FOR_CLICK; + return; + } + if (this.state === Ye.TOUCH_DELAY) { + this.state = Ye.WAITING_FOR_CLICK, this.startPressAnimation(this.rippleStartEvent); + return; + } + } + } + async handlePointerdown(e) { + if (this.shouldReactToEvent(e)) { + if (this.rippleStartEvent = e, !this.isTouch(e)) { + this.state = Ye.WAITING_FOR_CLICK, this.startPressAnimation(e); + return; + } + this.checkBoundsAfterContextMenu && !this.inBounds(e) || (this.checkBoundsAfterContextMenu = !1, this.state = Ye.TOUCH_DELAY, await new Promise((t) => { + setTimeout(t, Fd); + }), this.state === Ye.TOUCH_DELAY && (this.state = Ye.HOLDING, this.startPressAnimation(e))); + } + } + handleClick() { + if (!this.disabled) { + if (this.state === Ye.WAITING_FOR_CLICK) { + this.endPressAnimation(); + return; + } + this.state === Ye.INACTIVE && (this.startPressAnimation(), this.endPressAnimation()); + } + } + handlePointercancel(e) { + this.shouldReactToEvent(e) && this.endPressAnimation(); + } + handleContextmenu() { + this.disabled || (this.checkBoundsAfterContextMenu = !0, this.endPressAnimation()); + } + determineRippleSize() { + const { height: e, width: t } = this.getBoundingClientRect(), o = Math.max(e, t), i = Math.max(Od * o, Id), a = Math.floor(o * Ad), d = Math.sqrt(t ** 2 + e ** 2) + Rd; + this.initialSize = a, this.rippleScale = `${(d + i) / a}`, this.rippleSize = `${a}px`; + } + getNormalizedPointerEventCoords(e) { + const { scrollX: t, scrollY: o } = window, { left: i, top: a } = this.getBoundingClientRect(), s = t + i, d = o + a, { pageX: h, pageY: y } = e; + return { x: h - s, y: y - d }; + } + getTranslationCoordinates(e) { + const { height: t, width: o } = this.getBoundingClientRect(), i = { + x: (o - this.initialSize) / 2, + y: (t - this.initialSize) / 2 + }; + let a; + return e instanceof PointerEvent ? a = this.getNormalizedPointerEventCoords(e) : a = { + x: o / 2, + y: t / 2 + }, a = { + x: a.x - this.initialSize / 2, + y: a.y - this.initialSize / 2 + }, { startPoint: a, endPoint: i }; + } + startPressAnimation(e) { + var s; + if (!this.mdRoot) + return; + this.pressed = !0, (s = this.growAnimation) == null || s.cancel(), this.determineRippleSize(); + const { startPoint: t, endPoint: o } = this.getTranslationCoordinates(e), i = `${t.x}px, ${t.y}px`, a = `${o.x}px, ${o.y}px`; + this.growAnimation = this.mdRoot.animate({ + top: [0, 0], + left: [0, 0], + height: [this.rippleSize, this.rippleSize], + width: [this.rippleSize, this.rippleSize], + transform: [ + `translate(${i}) scale(1)`, + `translate(${a}) scale(${this.rippleScale})` + ] + }, { + pseudoElement: zd, + duration: Sd, + easing: at.STANDARD, + fill: Pd + }); + } + async endPressAnimation() { + this.rippleStartEvent = void 0, this.state = Ye.INACTIVE; + const e = this.growAnimation; + let t = 1 / 0; + if (typeof (e == null ? void 0 : e.currentTime) == "number" ? t = e.currentTime : e != null && e.currentTime && (t = e.currentTime.to("ms").value), t >= Ln) { + this.pressed = !1; + return; + } + await new Promise((o) => { + setTimeout(o, Ln - t); + }), this.growAnimation === e && (this.pressed = !1); + } + /** + * Returns `true` if + * - the ripple element is enabled + * - the pointer is primary for the input type + * - the pointer is the pointer that started the interaction, or will start + * the interaction + * - the pointer is a touch, or the pointer state has the primary button + * held, or the pointer is hovering + */ + shouldReactToEvent(e) { + if (this.disabled || !e.isPrimary || this.rippleStartEvent && this.rippleStartEvent.pointerId !== e.pointerId) + return !1; + if (e.type === "pointerenter" || e.type === "pointerleave") + return !this.isTouch(e); + const t = e.buttons === 1; + return this.isTouch(e) || t; + } + /** + * Check if the event is within the bounds of the element. + * + * This is only needed for the "stuck" contextmenu longpress on Chrome. + */ + inBounds({ x: e, y: t }) { + const { top: o, left: i, bottom: a, right: s } = this.getBoundingClientRect(); + return e >= i && e <= s && t >= o && t <= a; + } + isTouch({ pointerType: e }) { + return e === "touch"; + } + /** @private */ + async handleEvent(e) { + if (!(oa != null && oa.matches)) + switch (e.type) { + case "click": + this.handleClick(); + break; + case "contextmenu": + this.handleContextmenu(); + break; + case "pointercancel": + this.handlePointercancel(e); + break; + case "pointerdown": + await this.handlePointerdown(e); + break; + case "pointerenter": + this.handlePointerenter(e); + break; + case "pointerleave": + this.handlePointerleave(e); + break; + case "pointerup": + this.handlePointerup(e); + break; + } + } + onControlChange(e, t) { + for (const o of Ld) + e == null || e.removeEventListener(o, this), t == null || t.addEventListener(o, this); + } +} +l([ + p({ type: Boolean, reflect: !0 }) +], Dr.prototype, "disabled", void 0); +l([ + se() +], Dr.prototype, "hovered", void 0); +l([ + se() +], Dr.prototype, "pressed", void 0); +l([ + G(".surface") +], Dr.prototype, "mdRoot", void 0); +/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const Md = F`:host{display:flex;margin:auto;pointer-events:none}:host([disabled]){display:none}@media(forced-colors: active){:host{display:none}}:host,.surface{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.surface{-webkit-tap-highlight-color:rgba(0,0,0,0)}.surface::before,.surface::after{content:"";opacity:0;position:absolute}.surface::before{background-color:var(--md-ripple-hover-color, var(--md-sys-color-on-surface, #1d1b20));inset:0;transition:opacity 15ms linear,background-color 15ms linear}.surface::after{background:radial-gradient(closest-side, var(--md-ripple-pressed-color, var(--md-sys-color-on-surface, #1d1b20)) max(100% - 70px, 65%), transparent 100%);transform-origin:center center;transition:opacity 375ms linear}.hovered::before{background-color:var(--md-ripple-hover-color, var(--md-sys-color-on-surface, #1d1b20));opacity:var(--md-ripple-hover-opacity, 0.08)}.pressed::after{opacity:var(--md-ripple-pressed-opacity, 0.12);transition-duration:105ms} +`; +/** + * @license + * Copyright 2022 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +let ba = class extends Dr { +}; +ba.styles = [Md]; +ba = l([ + H("md-ripple") +], ba); +/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +function vs(r) { + r.addInitializer((e) => { + const t = e; + t.addEventListener("click", async (o) => { + const { type: i, [je]: a } = t, { form: s } = a; + if (!(!s || i === "button") && (await new Promise((d) => { + setTimeout(d); + }), !o.defaultPrevented)) { + if (i === "reset") { + s.reset(); + return; + } + s.addEventListener("submit", (d) => { + Object.defineProperty(d, "submitter", { + configurable: !0, + enumerable: !0, + get: () => t + }); + }, { capture: !0, once: !0 }), a.setFormValue(t.value), s.requestSubmit(); + } + }); + }); +} +/** + * @license + * Copyright 2021 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +function yi(r) { + const e = new MouseEvent("click", { bubbles: !0 }); + return r.dispatchEvent(e), e; +} +function Nr(r) { + return r.currentTarget !== r.target || r.composedPath()[0] !== r.target || r.target.disabled ? !1 : !Dd(r); +} +function Dd(r) { + const e = ya; + return e && (r.preventDefault(), r.stopImmediatePropagation()), Nd(), e; +} +let ya = !1; +async function Nd() { + ya = !0, await null, ya = !1; +} +/** + * @license + * Copyright 2019 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const Bd = Je(Rt(W)); +let Pe = class extends Bd { + get name() { + return this.getAttribute("name") ?? ""; + } + set name(e) { + this.setAttribute("name", e); + } + /** + * The associated form element with which this element's value will submit. + */ + get form() { + return this[je].form; + } + constructor() { + super(), this.disabled = !1, this.softDisabled = !1, this.href = "", this.target = "", this.trailingIcon = !1, this.hasIcon = !1, this.type = "submit", this.value = "", this.addEventListener("click", this.handleClick.bind(this)); + } + focus() { + var e; + (e = this.buttonElement) == null || e.focus(); + } + blur() { + var e; + (e = this.buttonElement) == null || e.blur(); + } + render() { + var i; + const e = !this.href && (this.disabled || this.softDisabled), t = this.href ? this.renderLink() : this.renderButton(), o = this.href ? "link" : "button"; + return _` + ${(i = this.renderElevationOrOutline) == null ? void 0 : i.call(this)} +
+ + + ${t} + `; + } + renderButton() { + const { ariaLabel: e, ariaHasPopup: t, ariaExpanded: o } = this; + return _``; + } + renderLink() { + const { ariaLabel: e, ariaHasPopup: t, ariaExpanded: o } = this; + return _`${this.renderContent()} + `; + } + renderContent() { + const e = _``; + return _` + + ${this.trailingIcon ? x : e} + + ${this.trailingIcon ? e : x} + `; + } + handleClick(e) { + if (!this.href && this.softDisabled) { + e.stopImmediatePropagation(), e.preventDefault(); + return; + } + !Nr(e) || !this.buttonElement || (this.focus(), yi(this.buttonElement)); + } + handleSlotChange() { + this.hasIcon = this.assignedIcons.length > 0; + } +}; +vs(Pe); +Pe.formAssociated = !0; +Pe.shadowRootOptions = { + mode: "open", + delegatesFocus: !0 +}; +l([ + p({ type: Boolean, reflect: !0 }) +], Pe.prototype, "disabled", void 0); +l([ + p({ type: Boolean, attribute: "soft-disabled", reflect: !0 }) +], Pe.prototype, "softDisabled", void 0); +l([ + p() +], Pe.prototype, "href", void 0); +l([ + p() +], Pe.prototype, "target", void 0); +l([ + p({ type: Boolean, attribute: "trailing-icon", reflect: !0 }) +], Pe.prototype, "trailingIcon", void 0); +l([ + p({ type: Boolean, attribute: "has-icon", reflect: !0 }) +], Pe.prototype, "hasIcon", void 0); +l([ + p() +], Pe.prototype, "type", void 0); +l([ + p({ reflect: !0 }) +], Pe.prototype, "value", void 0); +l([ + G(".button") +], Pe.prototype, "buttonElement", void 0); +l([ + We({ slot: "icon", flatten: !0 }) +], Pe.prototype, "assignedIcons", void 0); +/** + * @license + * Copyright 2021 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +class jd extends Pe { + renderElevationOrOutline() { + return _``; + } +} +/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const Ud = F`:host{--_container-color: var(--md-filled-button-container-color, var(--md-sys-color-primary, #6750a4));--_container-elevation: var(--md-filled-button-container-elevation, 0);--_container-height: var(--md-filled-button-container-height, 40px);--_container-shadow-color: var(--md-filled-button-container-shadow-color, var(--md-sys-color-shadow, #000));--_disabled-container-color: var(--md-filled-button-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-container-elevation: var(--md-filled-button-disabled-container-elevation, 0);--_disabled-container-opacity: var(--md-filled-button-disabled-container-opacity, 0.12);--_disabled-label-text-color: var(--md-filled-button-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-label-text-opacity: var(--md-filled-button-disabled-label-text-opacity, 0.38);--_focus-container-elevation: var(--md-filled-button-focus-container-elevation, 0);--_focus-label-text-color: var(--md-filled-button-focus-label-text-color, var(--md-sys-color-on-primary, #fff));--_hover-container-elevation: var(--md-filled-button-hover-container-elevation, 1);--_hover-label-text-color: var(--md-filled-button-hover-label-text-color, var(--md-sys-color-on-primary, #fff));--_hover-state-layer-color: var(--md-filled-button-hover-state-layer-color, var(--md-sys-color-on-primary, #fff));--_hover-state-layer-opacity: var(--md-filled-button-hover-state-layer-opacity, 0.08);--_label-text-color: var(--md-filled-button-label-text-color, var(--md-sys-color-on-primary, #fff));--_label-text-font: var(--md-filled-button-label-text-font, var(--md-sys-typescale-label-large-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-filled-button-label-text-line-height, var(--md-sys-typescale-label-large-line-height, 1.25rem));--_label-text-size: var(--md-filled-button-label-text-size, var(--md-sys-typescale-label-large-size, 0.875rem));--_label-text-weight: var(--md-filled-button-label-text-weight, var(--md-sys-typescale-label-large-weight, var(--md-ref-typeface-weight-medium, 500)));--_pressed-container-elevation: var(--md-filled-button-pressed-container-elevation, 0);--_pressed-label-text-color: var(--md-filled-button-pressed-label-text-color, var(--md-sys-color-on-primary, #fff));--_pressed-state-layer-color: var(--md-filled-button-pressed-state-layer-color, var(--md-sys-color-on-primary, #fff));--_pressed-state-layer-opacity: var(--md-filled-button-pressed-state-layer-opacity, 0.12);--_disabled-icon-color: var(--md-filled-button-disabled-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-icon-opacity: var(--md-filled-button-disabled-icon-opacity, 0.38);--_focus-icon-color: var(--md-filled-button-focus-icon-color, var(--md-sys-color-on-primary, #fff));--_hover-icon-color: var(--md-filled-button-hover-icon-color, var(--md-sys-color-on-primary, #fff));--_icon-color: var(--md-filled-button-icon-color, var(--md-sys-color-on-primary, #fff));--_icon-size: var(--md-filled-button-icon-size, 18px);--_pressed-icon-color: var(--md-filled-button-pressed-icon-color, var(--md-sys-color-on-primary, #fff));--_container-shape-start-start: var(--md-filled-button-container-shape-start-start, var(--md-filled-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-start-end: var(--md-filled-button-container-shape-start-end, var(--md-filled-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-end: var(--md-filled-button-container-shape-end-end, var(--md-filled-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-start: var(--md-filled-button-container-shape-end-start, var(--md-filled-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_leading-space: var(--md-filled-button-leading-space, 24px);--_trailing-space: var(--md-filled-button-trailing-space, 24px);--_with-leading-icon-leading-space: var(--md-filled-button-with-leading-icon-leading-space, 16px);--_with-leading-icon-trailing-space: var(--md-filled-button-with-leading-icon-trailing-space, 24px);--_with-trailing-icon-leading-space: var(--md-filled-button-with-trailing-icon-leading-space, 24px);--_with-trailing-icon-trailing-space: var(--md-filled-button-with-trailing-icon-trailing-space, 16px)} +`; +/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const Ma = F`md-elevation{transition-duration:280ms}:host(:is([disabled],[soft-disabled])) md-elevation{transition:none}md-elevation{--md-elevation-level: var(--_container-elevation);--md-elevation-shadow-color: var(--_container-shadow-color)}:host(:focus-within) md-elevation{--md-elevation-level: var(--_focus-container-elevation)}:host(:hover) md-elevation{--md-elevation-level: var(--_hover-container-elevation)}:host(:active) md-elevation{--md-elevation-level: var(--_pressed-container-elevation)}:host(:is([disabled],[soft-disabled])) md-elevation{--md-elevation-level: var(--_disabled-container-elevation)} +`; +/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const Br = F`:host{border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-start-radius:var(--_container-shape-end-start);border-end-end-radius:var(--_container-shape-end-end);box-sizing:border-box;cursor:pointer;display:inline-flex;gap:8px;min-height:var(--_container-height);outline:none;padding-block:calc((var(--_container-height) - max(var(--_label-text-line-height),var(--_icon-size)))/2);padding-inline-start:var(--_leading-space);padding-inline-end:var(--_trailing-space);place-content:center;place-items:center;position:relative;font-family:var(--_label-text-font);font-size:var(--_label-text-size);line-height:var(--_label-text-line-height);font-weight:var(--_label-text-weight);text-overflow:ellipsis;text-wrap:nowrap;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);vertical-align:top;--md-ripple-hover-color: var(--_hover-state-layer-color);--md-ripple-pressed-color: var(--_pressed-state-layer-color);--md-ripple-hover-opacity: var(--_hover-state-layer-opacity);--md-ripple-pressed-opacity: var(--_pressed-state-layer-opacity)}md-focus-ring{--md-focus-ring-shape-start-start: var(--_container-shape-start-start);--md-focus-ring-shape-start-end: var(--_container-shape-start-end);--md-focus-ring-shape-end-end: var(--_container-shape-end-end);--md-focus-ring-shape-end-start: var(--_container-shape-end-start)}:host(:is([disabled],[soft-disabled])){cursor:default;pointer-events:none}.button{border-radius:inherit;cursor:inherit;display:inline-flex;align-items:center;justify-content:center;border:none;outline:none;-webkit-appearance:none;vertical-align:middle;background:rgba(0,0,0,0);text-decoration:none;min-width:calc(64px - var(--_leading-space) - var(--_trailing-space));width:100%;z-index:0;height:100%;font:inherit;color:var(--_label-text-color);padding:0;gap:inherit;text-transform:inherit}.button::-moz-focus-inner{padding:0;border:0}:host(:hover) .button{color:var(--_hover-label-text-color)}:host(:focus-within) .button{color:var(--_focus-label-text-color)}:host(:active) .button{color:var(--_pressed-label-text-color)}.background{background-color:var(--_container-color);border-radius:inherit;inset:0;position:absolute}.label{overflow:hidden}:is(.button,.label,.label slot),.label ::slotted(*){text-overflow:inherit}:host(:is([disabled],[soft-disabled])) .label{color:var(--_disabled-label-text-color);opacity:var(--_disabled-label-text-opacity)}:host(:is([disabled],[soft-disabled])) .background{background-color:var(--_disabled-container-color);opacity:var(--_disabled-container-opacity)}@media(forced-colors: active){.background{border:1px solid CanvasText}:host(:is([disabled],[soft-disabled])){--_disabled-icon-color: GrayText;--_disabled-icon-opacity: 1;--_disabled-container-opacity: 1;--_disabled-label-text-color: GrayText;--_disabled-label-text-opacity: 1}}:host([has-icon]:not([trailing-icon])){padding-inline-start:var(--_with-leading-icon-leading-space);padding-inline-end:var(--_with-leading-icon-trailing-space)}:host([has-icon][trailing-icon]){padding-inline-start:var(--_with-trailing-icon-leading-space);padding-inline-end:var(--_with-trailing-icon-trailing-space)}::slotted([slot=icon]){display:inline-flex;position:relative;writing-mode:horizontal-tb;fill:currentColor;flex-shrink:0;color:var(--_icon-color);font-size:var(--_icon-size);inline-size:var(--_icon-size);block-size:var(--_icon-size)}:host(:hover) ::slotted([slot=icon]){color:var(--_hover-icon-color)}:host(:focus-within) ::slotted([slot=icon]){color:var(--_focus-icon-color)}:host(:active) ::slotted([slot=icon]){color:var(--_pressed-icon-color)}:host(:is([disabled],[soft-disabled])) ::slotted([slot=icon]){color:var(--_disabled-icon-color);opacity:var(--_disabled-icon-opacity)}.touch{position:absolute;top:50%;height:48px;left:0;right:0;transform:translateY(-50%)}:host([touch-target=wrapper]){margin:max(0px,(48px - var(--_container-height))/2) 0}:host([touch-target=none]) .touch{display:none} +`; +/** + * @license + * Copyright 2021 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +let Lo = class extends jd { +}; +Lo.styles = [ + Br, + Ma, + Ud +]; +Lo = l([ + H("md-filled-button") +], Lo); +/** + * @license + * Copyright 2021 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +class Vd extends Pe { + renderElevationOrOutline() { + return _``; + } +} +/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const Hd = F`:host{--_container-color: var(--md-filled-tonal-button-container-color, var(--md-sys-color-secondary-container, #e8def8));--_container-elevation: var(--md-filled-tonal-button-container-elevation, 0);--_container-height: var(--md-filled-tonal-button-container-height, 40px);--_container-shadow-color: var(--md-filled-tonal-button-container-shadow-color, var(--md-sys-color-shadow, #000));--_disabled-container-color: var(--md-filled-tonal-button-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-container-elevation: var(--md-filled-tonal-button-disabled-container-elevation, 0);--_disabled-container-opacity: var(--md-filled-tonal-button-disabled-container-opacity, 0.12);--_disabled-label-text-color: var(--md-filled-tonal-button-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-label-text-opacity: var(--md-filled-tonal-button-disabled-label-text-opacity, 0.38);--_focus-container-elevation: var(--md-filled-tonal-button-focus-container-elevation, 0);--_focus-label-text-color: var(--md-filled-tonal-button-focus-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_hover-container-elevation: var(--md-filled-tonal-button-hover-container-elevation, 1);--_hover-label-text-color: var(--md-filled-tonal-button-hover-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_hover-state-layer-color: var(--md-filled-tonal-button-hover-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_hover-state-layer-opacity: var(--md-filled-tonal-button-hover-state-layer-opacity, 0.08);--_label-text-color: var(--md-filled-tonal-button-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_label-text-font: var(--md-filled-tonal-button-label-text-font, var(--md-sys-typescale-label-large-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-filled-tonal-button-label-text-line-height, var(--md-sys-typescale-label-large-line-height, 1.25rem));--_label-text-size: var(--md-filled-tonal-button-label-text-size, var(--md-sys-typescale-label-large-size, 0.875rem));--_label-text-weight: var(--md-filled-tonal-button-label-text-weight, var(--md-sys-typescale-label-large-weight, var(--md-ref-typeface-weight-medium, 500)));--_pressed-container-elevation: var(--md-filled-tonal-button-pressed-container-elevation, 0);--_pressed-label-text-color: var(--md-filled-tonal-button-pressed-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_pressed-state-layer-color: var(--md-filled-tonal-button-pressed-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_pressed-state-layer-opacity: var(--md-filled-tonal-button-pressed-state-layer-opacity, 0.12);--_disabled-icon-color: var(--md-filled-tonal-button-disabled-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-icon-opacity: var(--md-filled-tonal-button-disabled-icon-opacity, 0.38);--_focus-icon-color: var(--md-filled-tonal-button-focus-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_hover-icon-color: var(--md-filled-tonal-button-hover-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_icon-color: var(--md-filled-tonal-button-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_icon-size: var(--md-filled-tonal-button-icon-size, 18px);--_pressed-icon-color: var(--md-filled-tonal-button-pressed-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_container-shape-start-start: var(--md-filled-tonal-button-container-shape-start-start, var(--md-filled-tonal-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-start-end: var(--md-filled-tonal-button-container-shape-start-end, var(--md-filled-tonal-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-end: var(--md-filled-tonal-button-container-shape-end-end, var(--md-filled-tonal-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-start: var(--md-filled-tonal-button-container-shape-end-start, var(--md-filled-tonal-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_leading-space: var(--md-filled-tonal-button-leading-space, 24px);--_trailing-space: var(--md-filled-tonal-button-trailing-space, 24px);--_with-leading-icon-leading-space: var(--md-filled-tonal-button-with-leading-icon-leading-space, 16px);--_with-leading-icon-trailing-space: var(--md-filled-tonal-button-with-leading-icon-trailing-space, 24px);--_with-trailing-icon-leading-space: var(--md-filled-tonal-button-with-trailing-icon-leading-space, 24px);--_with-trailing-icon-trailing-space: var(--md-filled-tonal-button-with-trailing-icon-trailing-space, 16px)} +`; +/** + * @license + * Copyright 2021 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +let Fo = class extends Vd { +}; +Fo.styles = [ + Br, + Ma, + Hd +]; +Fo = l([ + H("md-filled-tonal-button") +], Fo); +/** + * @license + * Copyright 2021 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +class qd extends Pe { + renderElevationOrOutline() { + return _``; + } +} +/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const Wd = F`:host{--_container-color: var(--md-elevated-button-container-color, var(--md-sys-color-surface-container-low, #f7f2fa));--_container-elevation: var(--md-elevated-button-container-elevation, 1);--_container-height: var(--md-elevated-button-container-height, 40px);--_container-shadow-color: var(--md-elevated-button-container-shadow-color, var(--md-sys-color-shadow, #000));--_disabled-container-color: var(--md-elevated-button-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-container-elevation: var(--md-elevated-button-disabled-container-elevation, 0);--_disabled-container-opacity: var(--md-elevated-button-disabled-container-opacity, 0.12);--_disabled-label-text-color: var(--md-elevated-button-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-label-text-opacity: var(--md-elevated-button-disabled-label-text-opacity, 0.38);--_focus-container-elevation: var(--md-elevated-button-focus-container-elevation, 1);--_focus-label-text-color: var(--md-elevated-button-focus-label-text-color, var(--md-sys-color-primary, #6750a4));--_hover-container-elevation: var(--md-elevated-button-hover-container-elevation, 2);--_hover-label-text-color: var(--md-elevated-button-hover-label-text-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-color: var(--md-elevated-button-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-opacity: var(--md-elevated-button-hover-state-layer-opacity, 0.08);--_label-text-color: var(--md-elevated-button-label-text-color, var(--md-sys-color-primary, #6750a4));--_label-text-font: var(--md-elevated-button-label-text-font, var(--md-sys-typescale-label-large-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-elevated-button-label-text-line-height, var(--md-sys-typescale-label-large-line-height, 1.25rem));--_label-text-size: var(--md-elevated-button-label-text-size, var(--md-sys-typescale-label-large-size, 0.875rem));--_label-text-weight: var(--md-elevated-button-label-text-weight, var(--md-sys-typescale-label-large-weight, var(--md-ref-typeface-weight-medium, 500)));--_pressed-container-elevation: var(--md-elevated-button-pressed-container-elevation, 1);--_pressed-label-text-color: var(--md-elevated-button-pressed-label-text-color, var(--md-sys-color-primary, #6750a4));--_pressed-state-layer-color: var(--md-elevated-button-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--_pressed-state-layer-opacity: var(--md-elevated-button-pressed-state-layer-opacity, 0.12);--_disabled-icon-color: var(--md-elevated-button-disabled-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-icon-opacity: var(--md-elevated-button-disabled-icon-opacity, 0.38);--_focus-icon-color: var(--md-elevated-button-focus-icon-color, var(--md-sys-color-primary, #6750a4));--_hover-icon-color: var(--md-elevated-button-hover-icon-color, var(--md-sys-color-primary, #6750a4));--_icon-color: var(--md-elevated-button-icon-color, var(--md-sys-color-primary, #6750a4));--_icon-size: var(--md-elevated-button-icon-size, 18px);--_pressed-icon-color: var(--md-elevated-button-pressed-icon-color, var(--md-sys-color-primary, #6750a4));--_container-shape-start-start: var(--md-elevated-button-container-shape-start-start, var(--md-elevated-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-start-end: var(--md-elevated-button-container-shape-start-end, var(--md-elevated-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-end: var(--md-elevated-button-container-shape-end-end, var(--md-elevated-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-start: var(--md-elevated-button-container-shape-end-start, var(--md-elevated-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_leading-space: var(--md-elevated-button-leading-space, 24px);--_trailing-space: var(--md-elevated-button-trailing-space, 24px);--_with-leading-icon-leading-space: var(--md-elevated-button-with-leading-icon-leading-space, 16px);--_with-leading-icon-trailing-space: var(--md-elevated-button-with-leading-icon-trailing-space, 24px);--_with-trailing-icon-leading-space: var(--md-elevated-button-with-trailing-icon-leading-space, 24px);--_with-trailing-icon-trailing-space: var(--md-elevated-button-with-trailing-icon-trailing-space, 16px)} +`; +/** + * @license + * Copyright 2021 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +let Mo = class extends qd { +}; +Mo.styles = [ + Br, + Ma, + Wd +]; +Mo = l([ + H("md-elevated-button") +], Mo); +/** + * @license + * Copyright 2021 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +class Kd extends Pe { + renderElevationOrOutline() { + return _`
`; + } +} +/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const Yd = F`:host{--_container-height: var(--md-outlined-button-container-height, 40px);--_disabled-label-text-color: var(--md-outlined-button-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-label-text-opacity: var(--md-outlined-button-disabled-label-text-opacity, 0.38);--_disabled-outline-color: var(--md-outlined-button-disabled-outline-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-outline-opacity: var(--md-outlined-button-disabled-outline-opacity, 0.12);--_focus-label-text-color: var(--md-outlined-button-focus-label-text-color, var(--md-sys-color-primary, #6750a4));--_hover-label-text-color: var(--md-outlined-button-hover-label-text-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-color: var(--md-outlined-button-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-opacity: var(--md-outlined-button-hover-state-layer-opacity, 0.08);--_label-text-color: var(--md-outlined-button-label-text-color, var(--md-sys-color-primary, #6750a4));--_label-text-font: var(--md-outlined-button-label-text-font, var(--md-sys-typescale-label-large-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-outlined-button-label-text-line-height, var(--md-sys-typescale-label-large-line-height, 1.25rem));--_label-text-size: var(--md-outlined-button-label-text-size, var(--md-sys-typescale-label-large-size, 0.875rem));--_label-text-weight: var(--md-outlined-button-label-text-weight, var(--md-sys-typescale-label-large-weight, var(--md-ref-typeface-weight-medium, 500)));--_outline-color: var(--md-outlined-button-outline-color, var(--md-sys-color-outline, #79747e));--_outline-width: var(--md-outlined-button-outline-width, 1px);--_pressed-label-text-color: var(--md-outlined-button-pressed-label-text-color, var(--md-sys-color-primary, #6750a4));--_pressed-outline-color: var(--md-outlined-button-pressed-outline-color, var(--md-sys-color-outline, #79747e));--_pressed-state-layer-color: var(--md-outlined-button-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--_pressed-state-layer-opacity: var(--md-outlined-button-pressed-state-layer-opacity, 0.12);--_disabled-icon-color: var(--md-outlined-button-disabled-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-icon-opacity: var(--md-outlined-button-disabled-icon-opacity, 0.38);--_focus-icon-color: var(--md-outlined-button-focus-icon-color, var(--md-sys-color-primary, #6750a4));--_hover-icon-color: var(--md-outlined-button-hover-icon-color, var(--md-sys-color-primary, #6750a4));--_icon-color: var(--md-outlined-button-icon-color, var(--md-sys-color-primary, #6750a4));--_icon-size: var(--md-outlined-button-icon-size, 18px);--_pressed-icon-color: var(--md-outlined-button-pressed-icon-color, var(--md-sys-color-primary, #6750a4));--_container-shape-start-start: var(--md-outlined-button-container-shape-start-start, var(--md-outlined-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-start-end: var(--md-outlined-button-container-shape-start-end, var(--md-outlined-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-end: var(--md-outlined-button-container-shape-end-end, var(--md-outlined-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-start: var(--md-outlined-button-container-shape-end-start, var(--md-outlined-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_leading-space: var(--md-outlined-button-leading-space, 24px);--_trailing-space: var(--md-outlined-button-trailing-space, 24px);--_with-leading-icon-leading-space: var(--md-outlined-button-with-leading-icon-leading-space, 16px);--_with-leading-icon-trailing-space: var(--md-outlined-button-with-leading-icon-trailing-space, 24px);--_with-trailing-icon-leading-space: var(--md-outlined-button-with-trailing-icon-leading-space, 24px);--_with-trailing-icon-trailing-space: var(--md-outlined-button-with-trailing-icon-trailing-space, 16px);--_container-color: none;--_disabled-container-color: none;--_disabled-container-opacity: 0}.outline{inset:0;border-style:solid;position:absolute;box-sizing:border-box;border-color:var(--_outline-color);border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-start-radius:var(--_container-shape-end-start);border-end-end-radius:var(--_container-shape-end-end)}:host(:active) .outline{border-color:var(--_pressed-outline-color)}:host(:is([disabled],[soft-disabled])) .outline{border-color:var(--_disabled-outline-color);opacity:var(--_disabled-outline-opacity)}@media(forced-colors: active){:host(:is([disabled],[soft-disabled])) .background{border-color:GrayText}:host(:is([disabled],[soft-disabled])) .outline{opacity:1}}.outline,md-ripple{border-width:var(--_outline-width)}md-ripple{inline-size:calc(100% - 2*var(--_outline-width));block-size:calc(100% - 2*var(--_outline-width));border-style:solid;border-color:rgba(0,0,0,0)} +`; +/** + * @license + * Copyright 2021 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +let Do = class extends Kd { +}; +Do.styles = [Br, Yd]; +Do = l([ + H("md-outlined-button") +], Do); +/** + * @license + * Copyright 2021 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +class Gd extends Pe { +} +/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const Xd = F`:host{--_container-height: var(--md-text-button-container-height, 40px);--_disabled-label-text-color: var(--md-text-button-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-label-text-opacity: var(--md-text-button-disabled-label-text-opacity, 0.38);--_focus-label-text-color: var(--md-text-button-focus-label-text-color, var(--md-sys-color-primary, #6750a4));--_hover-label-text-color: var(--md-text-button-hover-label-text-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-color: var(--md-text-button-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-opacity: var(--md-text-button-hover-state-layer-opacity, 0.08);--_label-text-color: var(--md-text-button-label-text-color, var(--md-sys-color-primary, #6750a4));--_label-text-font: var(--md-text-button-label-text-font, var(--md-sys-typescale-label-large-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-text-button-label-text-line-height, var(--md-sys-typescale-label-large-line-height, 1.25rem));--_label-text-size: var(--md-text-button-label-text-size, var(--md-sys-typescale-label-large-size, 0.875rem));--_label-text-weight: var(--md-text-button-label-text-weight, var(--md-sys-typescale-label-large-weight, var(--md-ref-typeface-weight-medium, 500)));--_pressed-label-text-color: var(--md-text-button-pressed-label-text-color, var(--md-sys-color-primary, #6750a4));--_pressed-state-layer-color: var(--md-text-button-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--_pressed-state-layer-opacity: var(--md-text-button-pressed-state-layer-opacity, 0.12);--_disabled-icon-color: var(--md-text-button-disabled-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-icon-opacity: var(--md-text-button-disabled-icon-opacity, 0.38);--_focus-icon-color: var(--md-text-button-focus-icon-color, var(--md-sys-color-primary, #6750a4));--_hover-icon-color: var(--md-text-button-hover-icon-color, var(--md-sys-color-primary, #6750a4));--_icon-color: var(--md-text-button-icon-color, var(--md-sys-color-primary, #6750a4));--_icon-size: var(--md-text-button-icon-size, 18px);--_pressed-icon-color: var(--md-text-button-pressed-icon-color, var(--md-sys-color-primary, #6750a4));--_container-shape-start-start: var(--md-text-button-container-shape-start-start, var(--md-text-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-start-end: var(--md-text-button-container-shape-start-end, var(--md-text-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-end: var(--md-text-button-container-shape-end-end, var(--md-text-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-start: var(--md-text-button-container-shape-end-start, var(--md-text-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_leading-space: var(--md-text-button-leading-space, 12px);--_trailing-space: var(--md-text-button-trailing-space, 12px);--_with-leading-icon-leading-space: var(--md-text-button-with-leading-icon-leading-space, 12px);--_with-leading-icon-trailing-space: var(--md-text-button-with-leading-icon-trailing-space, 16px);--_with-trailing-icon-leading-space: var(--md-text-button-with-trailing-icon-leading-space, 16px);--_with-trailing-icon-trailing-space: var(--md-text-button-with-trailing-icon-trailing-space, 12px);--_container-color: none;--_disabled-container-color: none;--_disabled-container-opacity: 0} +`; +/** + * @license + * Copyright 2021 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +let No = class extends Gd { +}; +No.styles = [Br, Xd]; +No = l([ + H("md-text-button") +], No); +const Fn = ee({ + tagName: "md-filled-button", + elementClass: Lo, + react: J +}), Zd = ee({ + tagName: "md-filled-tonal-button", + elementClass: Fo, + react: J +}), Jd = ee({ + tagName: "md-elevated-button", + elementClass: Mo, + react: J +}), Qd = ee({ + tagName: "md-outlined-button", + elementClass: Do, + react: J +}), ec = ee({ + tagName: "md-text-button", + elementClass: No, + react: J +}), up = ({ variant: r, children: e, disabled: t, softDisabled: o, href: i, target: a, type: s, value: d, ...h }) => { + switch (r) { + case "filled": + return /* @__PURE__ */ V.jsx(Fn, { ...h, disabled: t, softDisabled: o, href: i, target: a, type: s, value: d, children: e }); + case "filled-tonal": + return /* @__PURE__ */ V.jsx(Zd, { ...h, disabled: t, softDisabled: o, href: i, target: a, type: s, value: d, children: e }); + case "elevated": + return /* @__PURE__ */ V.jsx(Jd, { ...h, disabled: t, softDisabled: o, href: i, target: a, type: s, value: d, children: e }); + case "outlined": + return /* @__PURE__ */ V.jsx(Qd, { ...h, disabled: t, softDisabled: o, href: i, target: a, type: s, value: d, children: e }); + case "text": + return /* @__PURE__ */ V.jsx(ec, { ...h, disabled: t, softDisabled: o, href: i, target: a, type: s, value: d, children: e }); + default: + return /* @__PURE__ */ V.jsx(Fn, { ...h, disabled: t, softDisabled: o, href: i, target: a, type: s, value: d, children: e }); + } +}; +/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +class ms extends bi { + computeValidity(e) { + return this.checkboxControl || (this.checkboxControl = document.createElement("input"), this.checkboxControl.type = "checkbox"), this.checkboxControl.checked = e.checked, this.checkboxControl.required = e.required, { + validity: this.checkboxControl.validity, + validationMessage: this.checkboxControl.validationMessage + }; + } + equals(e, t) { + return e.checked === t.checked && e.required === t.required; + } + copy({ checked: e, required: t }) { + return { checked: e, required: t }; + } +} +/** + * @license + * Copyright 2019 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const tc = Je(Mr(cr(Rt(W)))); +let ht = class extends tc { + constructor() { + super(), this.checked = !1, this.indeterminate = !1, this.required = !1, this.value = "on", this.prevChecked = !1, this.prevDisabled = !1, this.prevIndeterminate = !1, this.addEventListener("click", (e) => { + !Nr(e) || !this.input || (this.focus(), yi(this.input)); + }); + } + update(e) { + (e.has("checked") || e.has("disabled") || e.has("indeterminate")) && (this.prevChecked = e.get("checked") ?? this.checked, this.prevDisabled = e.get("disabled") ?? this.disabled, this.prevIndeterminate = e.get("indeterminate") ?? this.indeterminate), super.update(e); + } + render() { + const e = !this.prevChecked && !this.prevIndeterminate, t = this.prevChecked && !this.prevIndeterminate, o = this.prevIndeterminate, i = this.checked && !this.indeterminate, a = this.indeterminate, s = ye({ + disabled: this.disabled, + selected: i || a, + unselected: !i && !a, + checked: i, + indeterminate: a, + "prev-unselected": e, + "prev-checked": t, + "prev-indeterminate": o, + "prev-disabled": this.prevDisabled + }), { ariaLabel: d, ariaInvalid: h } = this; + return _` +
+ + +
+
+ + + +
+ `; + } + handleInput(e) { + const t = e.target; + this.checked = t.checked, this.indeterminate = t.indeterminate; + } + handleChange(e) { + At(this, e); + } + [yt]() { + return !this.checked || this.indeterminate ? null : this.value; + } + [Rr]() { + return String(this.checked); + } + formResetCallback() { + this.checked = this.hasAttribute("checked"); + } + formStateRestoreCallback(e) { + this.checked = e === "true"; + } + [Wt]() { + return new ms(() => this); + } + [Kt]() { + return this.input; + } +}; +ht.shadowRootOptions = { + ...W.shadowRootOptions, + delegatesFocus: !0 +}; +l([ + p({ type: Boolean }) +], ht.prototype, "checked", void 0); +l([ + p({ type: Boolean }) +], ht.prototype, "indeterminate", void 0); +l([ + p({ type: Boolean }) +], ht.prototype, "required", void 0); +l([ + p() +], ht.prototype, "value", void 0); +l([ + se() +], ht.prototype, "prevChecked", void 0); +l([ + se() +], ht.prototype, "prevDisabled", void 0); +l([ + se() +], ht.prototype, "prevIndeterminate", void 0); +l([ + G("input") +], ht.prototype, "input", void 0); +/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const rc = F`:host{border-start-start-radius:var(--md-checkbox-container-shape-start-start, var(--md-checkbox-container-shape, 2px));border-start-end-radius:var(--md-checkbox-container-shape-start-end, var(--md-checkbox-container-shape, 2px));border-end-end-radius:var(--md-checkbox-container-shape-end-end, var(--md-checkbox-container-shape, 2px));border-end-start-radius:var(--md-checkbox-container-shape-end-start, var(--md-checkbox-container-shape, 2px));display:inline-flex;height:var(--md-checkbox-container-size, 18px);position:relative;vertical-align:top;width:var(--md-checkbox-container-size, 18px);-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer}:host([disabled]){cursor:default}:host([touch-target=wrapper]){margin:max(0px,(48px - var(--md-checkbox-container-size, 18px))/2)}md-focus-ring{height:44px;inset:unset;width:44px}input{appearance:none;height:48px;margin:0;opacity:0;outline:none;position:absolute;width:48px;z-index:1;cursor:inherit}:host([touch-target=none]) input{height:100%;width:100%}.container{border-radius:inherit;display:flex;height:100%;place-content:center;place-items:center;position:relative;width:100%}.outline,.background,.icon{inset:0;position:absolute}.outline,.background{border-radius:inherit}.outline{border-color:var(--md-checkbox-outline-color, var(--md-sys-color-on-surface-variant, #49454f));border-style:solid;border-width:var(--md-checkbox-outline-width, 2px);box-sizing:border-box}.background{background-color:var(--md-checkbox-selected-container-color, var(--md-sys-color-primary, #6750a4))}.background,.icon{opacity:0;transition-duration:150ms,50ms;transition-property:transform,opacity;transition-timing-function:cubic-bezier(0.3, 0, 0.8, 0.15),linear;transform:scale(0.6)}:where(.selected) :is(.background,.icon){opacity:1;transition-duration:350ms,50ms;transition-timing-function:cubic-bezier(0.05, 0.7, 0.1, 1),linear;transform:scale(1)}md-ripple{border-radius:var(--md-checkbox-state-layer-shape, var(--md-sys-shape-corner-full, 9999px));height:var(--md-checkbox-state-layer-size, 40px);inset:unset;width:var(--md-checkbox-state-layer-size, 40px);--md-ripple-hover-color: var(--md-checkbox-hover-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--md-ripple-hover-opacity: var(--md-checkbox-hover-state-layer-opacity, 0.08);--md-ripple-pressed-color: var(--md-checkbox-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-pressed-opacity: var(--md-checkbox-pressed-state-layer-opacity, 0.12)}.selected md-ripple{--md-ripple-hover-color: var(--md-checkbox-selected-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-hover-opacity: var(--md-checkbox-selected-hover-state-layer-opacity, 0.08);--md-ripple-pressed-color: var(--md-checkbox-selected-pressed-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--md-ripple-pressed-opacity: var(--md-checkbox-selected-pressed-state-layer-opacity, 0.12)}.icon{fill:var(--md-checkbox-selected-icon-color, var(--md-sys-color-on-primary, #fff));height:var(--md-checkbox-icon-size, 18px);width:var(--md-checkbox-icon-size, 18px)}.mark.short{height:2px;transition-property:transform,height;width:2px}.mark.long{height:2px;transition-property:transform,width;width:10px}.mark{animation-duration:150ms;animation-timing-function:cubic-bezier(0.3, 0, 0.8, 0.15);transition-duration:150ms;transition-timing-function:cubic-bezier(0.3, 0, 0.8, 0.15)}.selected .mark{animation-duration:350ms;animation-timing-function:cubic-bezier(0.05, 0.7, 0.1, 1);transition-duration:350ms;transition-timing-function:cubic-bezier(0.05, 0.7, 0.1, 1)}.checked .mark,.prev-checked.unselected .mark{transform:scaleY(-1) translate(7px, -14px) rotate(45deg)}.checked .mark.short,.prev-checked.unselected .mark.short{height:5.6568542495px}.checked .mark.long,.prev-checked.unselected .mark.long{width:11.313708499px}.indeterminate .mark,.prev-indeterminate.unselected .mark{transform:scaleY(-1) translate(4px, -10px) rotate(0deg)}.prev-unselected .mark{transition-property:none}.prev-unselected.checked .mark.long{animation-name:prev-unselected-to-checked}@keyframes prev-unselected-to-checked{from{width:0}}:where(:hover) .outline{border-color:var(--md-checkbox-hover-outline-color, var(--md-sys-color-on-surface, #1d1b20));border-width:var(--md-checkbox-hover-outline-width, 2px)}:where(:hover) .background{background:var(--md-checkbox-selected-hover-container-color, var(--md-sys-color-primary, #6750a4))}:where(:hover) .icon{fill:var(--md-checkbox-selected-hover-icon-color, var(--md-sys-color-on-primary, #fff))}:where(:focus-within) .outline{border-color:var(--md-checkbox-focus-outline-color, var(--md-sys-color-on-surface, #1d1b20));border-width:var(--md-checkbox-focus-outline-width, 2px)}:where(:focus-within) .background{background:var(--md-checkbox-selected-focus-container-color, var(--md-sys-color-primary, #6750a4))}:where(:focus-within) .icon{fill:var(--md-checkbox-selected-focus-icon-color, var(--md-sys-color-on-primary, #fff))}:where(:active) .outline{border-color:var(--md-checkbox-pressed-outline-color, var(--md-sys-color-on-surface, #1d1b20));border-width:var(--md-checkbox-pressed-outline-width, 2px)}:where(:active) .background{background:var(--md-checkbox-selected-pressed-container-color, var(--md-sys-color-primary, #6750a4))}:where(:active) .icon{fill:var(--md-checkbox-selected-pressed-icon-color, var(--md-sys-color-on-primary, #fff))}:where(.disabled,.prev-disabled) :is(.background,.icon,.mark){animation-duration:0s;transition-duration:0s}:where(.disabled) .outline{border-color:var(--md-checkbox-disabled-outline-color, var(--md-sys-color-on-surface, #1d1b20));border-width:var(--md-checkbox-disabled-outline-width, 2px);opacity:var(--md-checkbox-disabled-container-opacity, 0.38)}:where(.selected.disabled) .outline{visibility:hidden}:where(.selected.disabled) .background{background:var(--md-checkbox-selected-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));opacity:var(--md-checkbox-selected-disabled-container-opacity, 0.38)}:where(.disabled) .icon{fill:var(--md-checkbox-selected-disabled-icon-color, var(--md-sys-color-surface, #fef7ff))}@media(forced-colors: active){.background{background-color:CanvasText}.selected.disabled .background{background-color:GrayText;opacity:1}.outline{border-color:CanvasText}.disabled .outline{border-color:GrayText;opacity:1}.icon{fill:Canvas}} +`; +/** + * @license + * Copyright 2018 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +let Bo = class extends ht { +}; +Bo.styles = [rc]; +Bo = l([ + H("md-checkbox") +], Bo); +const oc = ee({ + tagName: "md-checkbox", + react: J, + elementClass: Bo +}), fp = ({ checked: r, indeterminate: e, id: t, disabled: o, hidden: i, ariaLabel: a, ariaLabelledBy: s, ariaDescribedBy: d, ariaControls: h, required: y, onInput: v, onChange: f, onClick: C, onMouseDown: w, onMouseUp: A, onMouseEnter: S, onFocus: I, onBlur: O, className: R, style: B, tabIndex: U, name: P, ...q }) => /* @__PURE__ */ V.jsx( + oc, + { + ...q, + id: t, + value: r ? "on" : "off", + indeterminate: e, + disabled: o || !1, + required: y, + checked: r, + hidden: i, + "touch-target": "wrapper", + "aria-label": a, + "aria-labelledby": s, + "aria-describedby": d, + "aria-controls": h, + "aria-required": y, + onInput: v, + onChange: f, + onClick: C, + onMouseDown: w, + onMouseUp: A, + onMouseEnter: S, + onFocus: I, + onBlur: O, + className: R, + style: B, + tabIndex: U, + name: P || void 0 + } +); +/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const bo = Symbol("isFocusable"), ia = Symbol("privateIsFocusable"), yo = Symbol("externalTabIndex"), go = Symbol("isUpdatingTabIndex"), xo = Symbol("updateTabIndex"); +function bs(r) { + var e, t, o; + class i extends r { + constructor() { + super(...arguments), this[e] = !0, this[t] = null, this[o] = !1; + } + get [bo]() { + return this[ia]; + } + set [bo](s) { + this[bo] !== s && (this[ia] = s, this[xo]()); + } + connectedCallback() { + super.connectedCallback(), this[xo](); + } + attributeChangedCallback(s, d, h) { + if (s !== "tabindex") { + super.attributeChangedCallback(s, d, h); + return; + } + if (this.requestUpdate("tabIndex", Number(d ?? -1)), !this[go]) { + if (!this.hasAttribute("tabindex")) { + this[yo] = null, this[xo](); + return; + } + this[yo] = this.tabIndex; + } + } + [(e = ia, t = yo, o = go, xo)]() { + const s = this[bo] ? 0 : -1, d = this[yo] ?? s; + this[go] = !0, this.tabIndex = d, this[go] = !1; + } + } + return l([ + p({ noAccessor: !0 }) + ], i.prototype, "tabIndex", void 0), i; +} +/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +class ic extends bi { + computeValidity(e) { + this.radioElement || (this.radioElement = document.createElement("input"), this.radioElement.type = "radio", this.radioElement.name = "group"); + let t = !1, o = !1; + for (const { checked: i, required: a } of e) + a && (t = !0), i && (o = !0); + return this.radioElement.checked = o, this.radioElement.required = t, { + validity: { + valueMissing: t && !o + }, + validationMessage: this.radioElement.validationMessage + }; + } + equals(e, t) { + if (e.length !== t.length) + return !1; + for (let o = 0; o < e.length; o++) { + const i = e[o], a = t[o]; + if (i.checked !== a.checked || i.required !== a.required) + return !1; + } + return !0; + } + copy(e) { + return e.map(({ checked: t, required: o }) => ({ + checked: t, + required: o + })); + } +} +/** + * @license + * Copyright 2022 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +class ac { + /** + * All single selection elements in the host element's root with the same + * `name` attribute, including the host element. + */ + get controls() { + const e = this.host.getAttribute("name"); + return !e || !this.root || !this.host.isConnected ? [this.host] : Array.from(this.root.querySelectorAll(`[name="${e}"]`)); + } + constructor(e) { + this.host = e, this.focused = !1, this.root = null, this.handleFocusIn = () => { + this.focused = !0, this.updateTabIndices(); + }, this.handleFocusOut = () => { + this.focused = !1, this.updateTabIndices(); + }, this.handleKeyDown = (t) => { + const o = t.key === "ArrowDown", i = t.key === "ArrowUp", a = t.key === "ArrowLeft", s = t.key === "ArrowRight"; + if (!a && !s && !o && !i) + return; + const d = this.controls; + if (!d.length) + return; + t.preventDefault(); + const y = getComputedStyle(this.host).direction === "rtl" ? a || o : s || o, v = d.indexOf(this.host); + let f = y ? v + 1 : v - 1; + for (; f !== v; ) { + f >= d.length ? f = 0 : f < 0 && (f = d.length - 1); + const C = d[f]; + if (C.hasAttribute("disabled")) { + y ? f++ : f--; + continue; + } + for (const w of d) + w !== C && (w.checked = !1, w.tabIndex = -1, w.blur()); + C.checked = !0, C.tabIndex = 0, C.focus(), C.dispatchEvent(new Event("change", { bubbles: !0 })); + break; + } + }; + } + hostConnected() { + this.root = this.host.getRootNode(), this.host.addEventListener("keydown", this.handleKeyDown), this.host.addEventListener("focusin", this.handleFocusIn), this.host.addEventListener("focusout", this.handleFocusOut), this.host.checked && this.uncheckSiblings(), this.updateTabIndices(); + } + hostDisconnected() { + this.host.removeEventListener("keydown", this.handleKeyDown), this.host.removeEventListener("focusin", this.handleFocusIn), this.host.removeEventListener("focusout", this.handleFocusOut), this.updateTabIndices(), this.root = null; + } + /** + * Should be called whenever the host's `checked` property changes + * synchronously. + */ + handleCheckedChange() { + this.host.checked && (this.uncheckSiblings(), this.updateTabIndices()); + } + uncheckSiblings() { + for (const e of this.controls) + e !== this.host && (e.checked = !1); + } + /** + * Updates the `tabindex` of the host and its siblings. + */ + updateTabIndices() { + const e = this.controls, t = e.find((o) => o.checked); + if (t || this.focused) { + const o = t || this.host; + o.tabIndex = 0; + for (const i of e) + i !== o && (i.tabIndex = -1); + return; + } + for (const o of e) + o.tabIndex = 0; + } +} +/** + * @license + * Copyright 2018 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +var Mn; +const aa = Symbol("checked"); +let nc = 0; +const sc = Mr(cr(Rt(bs(W)))); +let jr = class extends sc { + /** + * Whether or not the radio is selected. + */ + get checked() { + return this[aa]; + } + set checked(e) { + const t = this.checked; + t !== e && (this[aa] = e, this.requestUpdate("checked", t), this.selectionController.handleCheckedChange()); + } + constructor() { + super(), this.maskId = `cutout${++nc}`, this[Mn] = !1, this.required = !1, this.value = "on", this.selectionController = new ac(this), this.addController(this.selectionController), this[je].role = "radio", this.addEventListener("click", this.handleClick.bind(this)), this.addEventListener("keydown", this.handleKeydown.bind(this)); + } + render() { + const e = { checked: this.checked }; + return _` + + `; + } + updated() { + this[je].ariaChecked = String(this.checked); + } + async handleClick(e) { + this.disabled || (await 0, !e.defaultPrevented && (Nr(e) && this.focus(), this.checked = !0, this.dispatchEvent(new Event("change", { bubbles: !0 })), this.dispatchEvent(new InputEvent("input", { bubbles: !0, composed: !0 })))); + } + async handleKeydown(e) { + await 0, !(e.key !== " " || e.defaultPrevented) && this.click(); + } + [(Mn = aa, yt)]() { + return this.checked ? this.value : null; + } + [Rr]() { + return String(this.checked); + } + formResetCallback() { + this.checked = this.hasAttribute("checked"); + } + formStateRestoreCallback(e) { + this.checked = e === "true"; + } + [Wt]() { + return new ic(() => this.selectionController ? this.selectionController.controls : [this]); + } + [Kt]() { + return this.container; + } +}; +l([ + p({ type: Boolean }) +], jr.prototype, "checked", null); +l([ + p({ type: Boolean }) +], jr.prototype, "required", void 0); +l([ + p() +], jr.prototype, "value", void 0); +l([ + G(".container") +], jr.prototype, "container", void 0); +/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const lc = F`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20px);outline:none;position:relative;vertical-align:top;width:var(--md-radio-icon-size, 20px);-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;--md-ripple-hover-color: var(--md-radio-hover-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--md-ripple-hover-opacity: var(--md-radio-hover-state-layer-opacity, 0.08);--md-ripple-pressed-color: var(--md-radio-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-pressed-opacity: var(--md-radio-pressed-state-layer-opacity, 0.12)}:host([disabled]){cursor:default}:host([touch-target=wrapper]){margin:max(0px,(48px - var(--md-radio-icon-size, 20px))/2)}.container{display:flex;height:100%;place-content:center;place-items:center;width:100%}md-focus-ring{height:44px;inset:unset;width:44px}.checked{--md-ripple-hover-color: var(--md-radio-selected-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-hover-opacity: var(--md-radio-selected-hover-state-layer-opacity, 0.08);--md-ripple-pressed-color: var(--md-radio-selected-pressed-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--md-ripple-pressed-opacity: var(--md-radio-selected-pressed-state-layer-opacity, 0.12)}.touch-target{height:48px;position:absolute;width:48px}:host([touch-target=none]) .touch-target{display:none}md-ripple{border-radius:50%;height:var(--md-radio-state-layer-size, 40px);inset:unset;width:var(--md-radio-state-layer-size, 40px)}.icon{fill:var(--md-radio-icon-color, var(--md-sys-color-on-surface-variant, #49454f));inset:0;position:absolute}.outer.circle{transition:fill 50ms linear}.inner.circle{opacity:0;transform-origin:center;transition:opacity 50ms linear}.checked .icon{fill:var(--md-radio-selected-icon-color, var(--md-sys-color-primary, #6750a4))}.checked .inner.circle{animation:inner-circle-grow 300ms cubic-bezier(0.05, 0.7, 0.1, 1);opacity:1}@keyframes inner-circle-grow{from{transform:scale(0)}to{transform:scale(1)}}:host([disabled]) .circle{animation-duration:0s;transition-duration:0s}:host(:hover) .icon{fill:var(--md-radio-hover-icon-color, var(--md-sys-color-on-surface, #1d1b20))}:host(:focus-within) .icon{fill:var(--md-radio-focus-icon-color, var(--md-sys-color-on-surface, #1d1b20))}:host(:active) .icon{fill:var(--md-radio-pressed-icon-color, var(--md-sys-color-on-surface, #1d1b20))}:host([disabled]) .icon{fill:var(--md-radio-disabled-unselected-icon-color, var(--md-sys-color-on-surface, #1d1b20));opacity:var(--md-radio-disabled-unselected-icon-opacity, 0.38)}:host(:hover) .checked .icon{fill:var(--md-radio-selected-hover-icon-color, var(--md-sys-color-primary, #6750a4))}:host(:focus-within) .checked .icon{fill:var(--md-radio-selected-focus-icon-color, var(--md-sys-color-primary, #6750a4))}:host(:active) .checked .icon{fill:var(--md-radio-selected-pressed-icon-color, var(--md-sys-color-primary, #6750a4))}:host([disabled]) .checked .icon{fill:var(--md-radio-disabled-selected-icon-color, var(--md-sys-color-on-surface, #1d1b20));opacity:var(--md-radio-disabled-selected-icon-opacity, 0.38)}}@layer hcm{@media(forced-colors: active){.icon{fill:CanvasText}:host([disabled]) .icon{fill:GrayText;opacity:1}}} +`; +/** + * @license + * Copyright 2022 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +let jo = class extends jr { +}; +jo.styles = [lc]; +jo = l([ + H("md-radio") +], jo); +const dc = ee({ + react: J, + tagName: "md-radio", + elementClass: jo +}), bp = (r) => { + const { + checked: e, + value: t, + required: o, + disabled: i, + name: a, + ariaLabel: s, + className: d, + style: h, + id: y, + iconColor: v, + selectedIconColor: f, + iconSize: C, + ...w + } = r; + return /* @__PURE__ */ V.jsx( + dc, + { + checked: e, + value: t, + required: o, + disabled: i || !1, + name: a, + className: d, + style: { + ...h, + "--md-radio-icon-color": v || "var(--md-sys-on-surface-variant)", + "--md-radio-selected-icon-color": f || "var(--md-sys-color-primary)", + "--md-radio-icon-size": C || "20px" + }, + id: y, + "aria-label": s, + ...w + } + ); +}; +/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +function ys(r, e = pt) { + const t = gi(r, e); + return t && (t.tabIndex = 0, t.focus()), t; +} +function gs(r, e = pt) { + const t = xs(r, e); + return t && (t.tabIndex = 0, t.focus()), t; +} +function cc(r, e = pt) { + const t = ar(r, e); + return t && (t.item.tabIndex = -1), t; +} +function ar(r, e = pt) { + for (let t = 0; t < r.length; t++) { + const o = r[t]; + if (o.tabIndex === 0 && e(o)) + return { + item: o, + index: t + }; + } + return null; +} +function gi(r, e = pt) { + for (const t of r) + if (e(t)) + return t; + return null; +} +function xs(r, e = pt) { + for (let t = r.length - 1; t >= 0; t--) { + const o = r[t]; + if (e(o)) + return o; + } + return null; +} +function uc(r, e, t = pt, o = !0) { + for (let i = 1; i < r.length; i++) { + const a = (i + e) % r.length; + if (a < e && !o) + return null; + const s = r[a]; + if (t(s)) + return s; + } + return r[e] ? r[e] : null; +} +function hc(r, e, t = pt, o = !0) { + for (let i = 1; i < r.length; i++) { + const a = (e - i + r.length) % r.length; + if (a > e && !o) + return null; + const s = r[a]; + if (t(s)) + return s; + } + return r[e] ? r[e] : null; +} +function Dn(r, e, t = pt, o = !0) { + if (e) { + const i = uc(r, e.index, t, o); + return i && (i.tabIndex = 0, i.focus()), i; + } else + return ys(r, t); +} +function Nn(r, e, t = pt, o = !0) { + if (e) { + const i = hc(r, e.index, t, o); + return i && (i.tabIndex = 0, i.focus()), i; + } else + return gs(r, t); +} +function _o() { + return new Event("deactivate-items", { bubbles: !0, composed: !0 }); +} +function _s() { + return new Event("request-activation", { bubbles: !0, composed: !0 }); +} +function pt(r) { + return !r.disabled; +} +/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const Ne = { + ArrowDown: "ArrowDown", + ArrowLeft: "ArrowLeft", + ArrowUp: "ArrowUp", + ArrowRight: "ArrowRight", + Home: "Home", + End: "End" +}; +class ws { + constructor(e) { + this.handleKeydown = (v) => { + const f = v.key; + if (v.defaultPrevented || !this.isNavigableKey(f)) + return; + const C = this.items; + if (!C.length) + return; + const w = ar(C, this.isActivatable); + v.preventDefault(); + const A = this.isRtl(), S = A ? Ne.ArrowRight : Ne.ArrowLeft, I = A ? Ne.ArrowLeft : Ne.ArrowRight; + let O = null; + switch (f) { + case Ne.ArrowDown: + case I: + O = Dn(C, w, this.isActivatable, this.wrapNavigation()); + break; + case Ne.ArrowUp: + case S: + O = Nn(C, w, this.isActivatable, this.wrapNavigation()); + break; + case Ne.Home: + O = ys(C, this.isActivatable); + break; + case Ne.End: + O = gs(C, this.isActivatable); + break; + } + O && w && w.item !== O && (w.item.tabIndex = -1); + }, this.onDeactivateItems = () => { + const v = this.items; + for (const f of v) + this.deactivateItem(f); + }, this.onRequestActivation = (v) => { + this.onDeactivateItems(); + const f = v.target; + this.activateItem(f), f.focus(); + }, this.onSlotchange = () => { + const v = this.items; + let f = !1; + for (const w of v) { + if (!w.disabled && w.tabIndex > -1 && !f) { + f = !0, w.tabIndex = 0; + continue; + } + w.tabIndex = -1; + } + if (f) + return; + const C = gi(v, this.isActivatable); + C && (C.tabIndex = 0); + }; + const { isItem: t, getPossibleItems: o, isRtl: i, deactivateItem: a, activateItem: s, isNavigableKey: d, isActivatable: h, wrapNavigation: y } = e; + this.isItem = t, this.getPossibleItems = o, this.isRtl = i, this.deactivateItem = a, this.activateItem = s, this.isNavigableKey = d, this.isActivatable = h, this.wrapNavigation = y ?? (() => !0); + } + /** + * The items being managed by the list. Additionally, attempts to see if the + * object has a sub-item in the `.item` property. + */ + get items() { + const e = this.getPossibleItems(), t = []; + for (const o of e) { + if (this.isItem(o)) { + t.push(o); + continue; + } + const a = o.item; + a && this.isItem(a) && t.push(a); + } + return t; + } + /** + * Activates the next item in the list. If at the end of the list, the first + * item will be activated. + * + * @return The activated list item or `null` if there are no items. + */ + activateNextItem() { + const e = this.items, t = ar(e, this.isActivatable); + return t && (t.item.tabIndex = -1), Dn(e, t, this.isActivatable, this.wrapNavigation()); + } + /** + * Activates the previous item in the list. If at the start of the list, the + * last item will be activated. + * + * @return The activated list item or `null` if there are no items. + */ + activatePreviousItem() { + const e = this.items, t = ar(e, this.isActivatable); + return t && (t.item.tabIndex = -1), Nn(e, t, this.isActivatable, this.wrapNavigation()); + } +} +/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +function pc(r, e) { + return new CustomEvent("close-menu", { + bubbles: !0, + composed: !0, + detail: { initiator: r, reason: e, itemPath: [r] } + }); +} +const Bn = pc; +function fc() { + return new Event("deactivate-typeahead", { bubbles: !0, composed: !0 }); +} +function na() { + return new Event("activate-typeahead", { bubbles: !0, composed: !0 }); +} +const Et = { + UP: "ArrowUp", + DOWN: "ArrowDown", + RIGHT: "ArrowRight", + LEFT: "ArrowLeft" +}, nr = { + SPACE: "Space", + ENTER: "Enter" +}, ga = { + CLICK_SELECTION: "click-selection", + KEYDOWN: "keydown" +}, xa = { + ESCAPE: "Escape", + SPACE: nr.SPACE, + ENTER: nr.ENTER +}; +function ks(r) { + return Object.values(xa).some((e) => e === r); +} +function vc(r) { + return Object.values(nr).some((e) => e === r); +} +function _a(r, e) { + const t = new Event("md-contains", { bubbles: !0, composed: !0 }); + let o = []; + const i = (s) => { + o = s.composedPath(); + }; + return e.addEventListener("md-contains", i), r.dispatchEvent(t), e.removeEventListener("md-contains", i), o.length > 0; +} +const it = { + NONE: "none", + LIST_ROOT: "list-root", + FIRST_ITEM: "first-item", + LAST_ITEM: "last-item" +}; +/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const Uo = { + END_START: "end-start", + END_END: "end-end", + START_START: "start-start", + START_END: "start-end" +}; +class mc { + /** + * @param host The host to connect the controller to. + * @param getProperties A function that returns the properties for the + * controller. + */ + constructor(e, t) { + this.host = e, this.getProperties = t, this.surfaceStylesInternal = { + display: "none" + }, this.lastValues = { + isOpen: !1 + }, this.host.addController(this); + } + /** + * The StyleInfo map to apply to the surface via Lit's stylemap + */ + get surfaceStyles() { + return this.surfaceStylesInternal; + } + /** + * Calculates the surface's new position required so that the surface's + * `surfaceCorner` aligns to the anchor's `anchorCorner` while keeping the + * surface inside the window viewport. This positioning also respects RTL by + * checking `getComputedStyle()` on the surface element. + */ + async position() { + const { surfaceEl: e, anchorEl: t, anchorCorner: o, surfaceCorner: i, positioning: a, xOffset: s, yOffset: d, disableBlockFlip: h, disableInlineFlip: y, repositionStrategy: v } = this.getProperties(), f = o.toLowerCase().trim(), C = i.toLowerCase().trim(); + if (!e || !t) + return; + const w = window.innerWidth, A = window.innerHeight, S = document.createElement("div"); + S.style.opacity = "0", S.style.position = "fixed", S.style.display = "block", S.style.inset = "0", document.body.appendChild(S); + const I = S.getBoundingClientRect(); + S.remove(); + const O = window.innerHeight - I.bottom, R = window.innerWidth - I.right; + this.surfaceStylesInternal = { + display: "block", + opacity: "0" + }, this.host.requestUpdate(), await this.host.updateComplete, e.popover && e.isConnected && e.showPopover(); + const B = e.getSurfacePositionClientRect ? e.getSurfacePositionClientRect() : e.getBoundingClientRect(), U = t.getSurfacePositionClientRect ? t.getSurfacePositionClientRect() : t.getBoundingClientRect(), [P, q] = C.split("-"), [D, Oe] = f.split("-"), Fe = getComputedStyle(e).direction === "ltr"; + let { blockInset: ze, blockOutOfBoundsCorrection: Ue, surfaceBlockProperty: st } = this.calculateBlock({ + surfaceRect: B, + anchorRect: U, + anchorBlock: D, + surfaceBlock: P, + yOffset: d, + positioning: a, + windowInnerHeight: A, + blockScrollbarHeight: O + }); + if (Ue && !h) { + const Ke = P === "start" ? "end" : "start", L = D === "start" ? "end" : "start", Se = this.calculateBlock({ + surfaceRect: B, + anchorRect: U, + anchorBlock: L, + surfaceBlock: Ke, + yOffset: d, + positioning: a, + windowInnerHeight: A, + blockScrollbarHeight: O + }); + Ue > Se.blockOutOfBoundsCorrection && (ze = Se.blockInset, Ue = Se.blockOutOfBoundsCorrection, st = Se.surfaceBlockProperty); + } + let { inlineInset: Ce, inlineOutOfBoundsCorrection: Ee, surfaceInlineProperty: Te } = this.calculateInline({ + surfaceRect: B, + anchorRect: U, + anchorInline: Oe, + surfaceInline: q, + xOffset: s, + positioning: a, + isLTR: Fe, + windowInnerWidth: w, + inlineScrollbarWidth: R + }); + if (Ee && !y) { + const Ke = q === "start" ? "end" : "start", L = Oe === "start" ? "end" : "start", Se = this.calculateInline({ + surfaceRect: B, + anchorRect: U, + anchorInline: L, + surfaceInline: Ke, + xOffset: s, + positioning: a, + isLTR: Fe, + windowInnerWidth: w, + inlineScrollbarWidth: R + }); + Math.abs(Ee) > Math.abs(Se.inlineOutOfBoundsCorrection) && (Ce = Se.inlineInset, Ee = Se.inlineOutOfBoundsCorrection, Te = Se.surfaceInlineProperty); + } + v === "move" && (ze = ze - Ue, Ce = Ce - Ee), this.surfaceStylesInternal = { + display: "block", + opacity: "1", + [st]: `${ze}px`, + [Te]: `${Ce}px` + }, v === "resize" && (Ue && (this.surfaceStylesInternal.height = `${B.height - Ue}px`), Ee && (this.surfaceStylesInternal.width = `${B.width - Ee}px`)), this.host.requestUpdate(); + } + /** + * Calculates the css property, the inset, and the out of bounds correction + * for the surface in the block direction. + */ + calculateBlock(e) { + const { surfaceRect: t, anchorRect: o, anchorBlock: i, surfaceBlock: a, yOffset: s, positioning: d, windowInnerHeight: h, blockScrollbarHeight: y } = e, v = d === "fixed" || d === "document" ? 1 : 0, f = d === "document" ? 1 : 0, C = a === "start" ? 1 : 0, w = a === "end" ? 1 : 0, S = (i !== a ? 1 : 0) * o.height + s, I = C * o.top + w * (h - o.bottom - y), O = C * window.scrollY - w * window.scrollY, R = Math.abs(Math.min(0, h - I - S - t.height)); + return { blockInset: v * I + f * O + S, blockOutOfBoundsCorrection: R, surfaceBlockProperty: a === "start" ? "inset-block-start" : "inset-block-end" }; + } + /** + * Calculates the css property, the inset, and the out of bounds correction + * for the surface in the inline direction. + */ + calculateInline(e) { + const { isLTR: t, surfaceInline: o, anchorInline: i, anchorRect: a, surfaceRect: s, xOffset: d, positioning: h, windowInnerWidth: y, inlineScrollbarWidth: v } = e, f = h === "fixed" || h === "document" ? 1 : 0, C = h === "document" ? 1 : 0, w = t ? 1 : 0, A = t ? 0 : 1, S = o === "start" ? 1 : 0, I = o === "end" ? 1 : 0, R = (i !== o ? 1 : 0) * a.width + d, B = S * a.left + I * (y - a.right - v), U = S * (y - a.right - v) + I * a.left, P = w * B + A * U, q = S * window.scrollX - I * window.scrollX, D = I * window.scrollX - S * window.scrollX, Oe = w * q + A * D, Fe = Math.abs(Math.min(0, y - P - R - s.width)), ze = f * P + R + C * Oe; + let Ue = o === "start" ? "inset-inline-start" : "inset-inline-end"; + return (h === "document" || h === "fixed") && (o === "start" && t || o === "end" && !t ? Ue = "left" : Ue = "right"), { + inlineInset: ze, + inlineOutOfBoundsCorrection: Fe, + surfaceInlineProperty: Ue + }; + } + hostUpdate() { + this.onUpdate(); + } + hostUpdated() { + this.onUpdate(); + } + /** + * Checks whether the properties passed into the controller have changed since + * the last positioning. If so, it will reposition if the surface is open or + * close it if the surface should close. + */ + async onUpdate() { + const e = this.getProperties(); + let t = !1; + for (const [s, d] of Object.entries(e)) + if (t = t || d !== this.lastValues[s], t) + break; + const o = this.lastValues.isOpen !== e.isOpen, i = !!e.anchorEl, a = !!e.surfaceEl; + t && i && a && (this.lastValues.isOpen = e.isOpen, e.isOpen ? (this.lastValues = e, await this.position(), e.onOpen()) : o && (await e.beforeClose(), this.close(), e.onClose())); + } + /** + * Hides the surface. + */ + close() { + this.surfaceStylesInternal = { + display: "none" + }, this.host.requestUpdate(); + const e = this.getProperties().surfaceEl; + e != null && e.popover && (e != null && e.isConnected) && e.hidePopover(); + } +} +/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const tt = { + INDEX: 0, + ITEM: 1, + TEXT: 2 +}; +class bc { + /** + * @param getProperties A function that returns the options of the typeahead + * controller: + * + * { + * getItems: A function that returns an array of menu items to be searched. + * typeaheadBufferTime: The maximum time between each keystroke to keep the + * current type buffer alive. + * } + */ + constructor(e) { + this.getProperties = e, this.typeaheadRecords = [], this.typaheadBuffer = "", this.cancelTypeaheadTimeout = 0, this.isTypingAhead = !1, this.lastActiveRecord = null, this.onKeydown = (t) => { + this.isTypingAhead ? this.typeahead(t) : this.beginTypeahead(t); + }, this.endTypeahead = () => { + this.isTypingAhead = !1, this.typaheadBuffer = "", this.typeaheadRecords = []; + }; + } + get items() { + return this.getProperties().getItems(); + } + get active() { + return this.getProperties().active; + } + /** + * Sets up typingahead + */ + beginTypeahead(e) { + this.active && (e.code === "Space" || e.code === "Enter" || e.code.startsWith("Arrow") || e.code === "Escape" || (this.isTypingAhead = !0, this.typeaheadRecords = this.items.map((t, o) => [ + o, + t, + t.typeaheadText.trim().toLowerCase() + ]), this.lastActiveRecord = this.typeaheadRecords.find((t) => t[tt.ITEM].tabIndex === 0) ?? null, this.lastActiveRecord && (this.lastActiveRecord[tt.ITEM].tabIndex = -1), this.typeahead(e))); + } + /** + * Performs the typeahead. Based on the normalized items and the current text + * buffer, finds the _next_ item with matching text and activates it. + * + * @example + * + * items: Apple, Banana, Olive, Orange, Cucumber + * buffer: '' + * user types: o + * + * activates Olive + * + * @example + * + * items: Apple, Banana, Olive (active), Orange, Cucumber + * buffer: 'o' + * user types: l + * + * activates Olive + * + * @example + * + * items: Apple, Banana, Olive (active), Orange, Cucumber + * buffer: '' + * user types: o + * + * activates Orange + * + * @example + * + * items: Apple, Banana, Olive, Orange (active), Cucumber + * buffer: '' + * user types: o + * + * activates Olive + */ + typeahead(e) { + if (e.defaultPrevented) + return; + if (clearTimeout(this.cancelTypeaheadTimeout), e.code === "Enter" || e.code.startsWith("Arrow") || e.code === "Escape") { + this.endTypeahead(), this.lastActiveRecord && (this.lastActiveRecord[tt.ITEM].tabIndex = -1); + return; + } + e.code === "Space" && e.preventDefault(), this.cancelTypeaheadTimeout = setTimeout(this.endTypeahead, this.getProperties().typeaheadBufferTime), this.typaheadBuffer += e.key.toLowerCase(); + const t = this.lastActiveRecord ? this.lastActiveRecord[tt.INDEX] : -1, o = this.typeaheadRecords.length, i = (h) => (h[tt.INDEX] + o - t) % o, a = this.typeaheadRecords.filter((h) => !h[tt.ITEM].disabled && h[tt.TEXT].startsWith(this.typaheadBuffer)).sort((h, y) => i(h) - i(y)); + if (a.length === 0) { + clearTimeout(this.cancelTypeaheadTimeout), this.lastActiveRecord && (this.lastActiveRecord[tt.ITEM].tabIndex = -1), this.endTypeahead(); + return; + } + const s = this.typaheadBuffer.length === 1; + let d; + this.lastActiveRecord === a[0] && s ? d = a[1] ?? a[0] : d = a[0], this.lastActiveRecord && (this.lastActiveRecord[tt.ITEM].tabIndex = -1), this.lastActiveRecord = d, d[tt.ITEM].tabIndex = 0, d[tt.ITEM].focus(); + } +} +/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const Cs = 200, Es = /* @__PURE__ */ new Set([ + Ne.ArrowDown, + Ne.ArrowUp, + Ne.Home, + Ne.End +]), yc = /* @__PURE__ */ new Set([ + Ne.ArrowLeft, + Ne.ArrowRight, + ...Es +]); +function gc(r = document) { + var t; + let e = r.activeElement; + for (; e && ((t = e == null ? void 0 : e.shadowRoot) != null && t.activeElement); ) + e = e.shadowRoot.activeElement; + return e; +} +let ke = class extends W { + /** + * Whether the menu is animating upwards or downwards when opening. This is + * helpful for calculating some animation calculations. + */ + get openDirection() { + return this.menuCorner.split("-")[0] === "start" ? "DOWN" : "UP"; + } + /** + * The element which the menu should align to. If `anchor` is set to a + * non-empty idref string, then `anchorEl` will resolve to the element with + * the given id in the same root node. Otherwise, `null`. + */ + get anchorElement() { + return this.anchor ? this.getRootNode().querySelector(`#${this.anchor}`) : this.currentAnchorElement; + } + set anchorElement(e) { + this.currentAnchorElement = e, this.requestUpdate("anchorElement"); + } + constructor() { + super(), this.anchor = "", this.positioning = "absolute", this.quick = !1, this.hasOverflow = !1, this.open = !1, this.xOffset = 0, this.yOffset = 0, this.noHorizontalFlip = !1, this.noVerticalFlip = !1, this.typeaheadDelay = Cs, this.anchorCorner = Uo.END_START, this.menuCorner = Uo.START_START, this.stayOpenOnOutsideClick = !1, this.stayOpenOnFocusout = !1, this.skipRestoreFocus = !1, this.defaultFocus = it.FIRST_ITEM, this.noNavigationWrap = !1, this.typeaheadActive = !0, this.isSubmenu = !1, this.pointerPath = [], this.isRepositioning = !1, this.openCloseAnimationSignal = Ql(), this.listController = new ws({ + isItem: (e) => e.hasAttribute("md-menu-item"), + getPossibleItems: () => this.slotItems, + isRtl: () => getComputedStyle(this).direction === "rtl", + deactivateItem: (e) => { + e.selected = !1, e.tabIndex = -1; + }, + activateItem: (e) => { + e.selected = !0, e.tabIndex = 0; + }, + isNavigableKey: (e) => { + if (!this.isSubmenu) + return yc.has(e); + const o = getComputedStyle(this).direction === "rtl" ? Ne.ArrowLeft : Ne.ArrowRight; + return e === o ? !0 : Es.has(e); + }, + wrapNavigation: () => !this.noNavigationWrap + }), this.lastFocusedElement = null, this.typeaheadController = new bc(() => ({ + getItems: () => this.items, + typeaheadBufferTime: this.typeaheadDelay, + active: this.typeaheadActive + })), this.currentAnchorElement = null, this.internals = // Cast needed for closure + this.attachInternals(), this.menuPositionController = new mc(this, () => ({ + anchorCorner: this.anchorCorner, + surfaceCorner: this.menuCorner, + surfaceEl: this.surfaceEl, + anchorEl: this.anchorElement, + positioning: this.positioning === "popover" ? "document" : this.positioning, + isOpen: this.open, + xOffset: this.xOffset, + yOffset: this.yOffset, + disableBlockFlip: this.noVerticalFlip, + disableInlineFlip: this.noHorizontalFlip, + onOpen: this.onOpened, + beforeClose: this.beforeClose, + onClose: this.onClosed, + // We can't resize components that have overflow like menus with + // submenus because the overflow-y will show menu items / content + // outside the bounds of the menu. Popover API fixes this because each + // submenu is hoisted to the top-layer and are not considered overflow + // content. + repositionStrategy: this.hasOverflow && this.positioning !== "popover" ? "move" : "resize" + })), this.onWindowResize = () => { + this.isRepositioning || this.positioning !== "document" && this.positioning !== "fixed" && this.positioning !== "popover" || (this.isRepositioning = !0, this.reposition(), this.isRepositioning = !1); + }, this.handleFocusout = async (e) => { + const t = this.anchorElement; + if (this.stayOpenOnFocusout || !this.open || this.pointerPath.includes(t)) + return; + if (e.relatedTarget) { + if (_a(e.relatedTarget, this) || this.pointerPath.length !== 0 && _a(e.relatedTarget, t)) + return; + } else if (this.pointerPath.includes(this)) + return; + const o = this.skipRestoreFocus; + this.skipRestoreFocus = !0, this.close(), await this.updateComplete, this.skipRestoreFocus = o; + }, this.onOpened = async () => { + this.lastFocusedElement = gc(); + const e = this.items, t = ar(e); + t && this.defaultFocus !== it.NONE && (t.item.tabIndex = -1); + let o = !this.quick; + switch (this.quick ? this.dispatchEvent(new Event("opening")) : o = !!await this.animateOpen(), this.defaultFocus) { + case it.FIRST_ITEM: + const i = gi(e); + i && (i.tabIndex = 0, i.focus(), await i.updateComplete); + break; + case it.LAST_ITEM: + const a = xs(e); + a && (a.tabIndex = 0, a.focus(), await a.updateComplete); + break; + case it.LIST_ROOT: + this.focus(); + break; + default: + case it.NONE: + break; + } + o || this.dispatchEvent(new Event("opened")); + }, this.beforeClose = async () => { + var e, t; + this.open = !1, this.skipRestoreFocus || (t = (e = this.lastFocusedElement) == null ? void 0 : e.focus) == null || t.call(e), this.quick || await this.animateClose(); + }, this.onClosed = () => { + this.quick && (this.dispatchEvent(new Event("closing")), this.dispatchEvent(new Event("closed"))); + }, this.onWindowPointerdown = (e) => { + this.pointerPath = e.composedPath(); + }, this.onDocumentClick = (e) => { + if (!this.open) + return; + const t = e.composedPath(); + !this.stayOpenOnOutsideClick && !t.includes(this) && !t.includes(this.anchorElement) && (this.open = !1); + }, this.internals.role = "menu", this.addEventListener("keydown", this.handleKeydown), this.addEventListener("keydown", this.captureKeydown, { capture: !0 }), this.addEventListener("focusout", this.handleFocusout); + } + /** + * The menu items associated with this menu. The items must be `MenuItem`s and + * have both the `md-menu-item` and `md-list-item` attributes. + */ + get items() { + return this.listController.items; + } + willUpdate(e) { + if (e.has("open")) { + if (this.open) { + this.removeAttribute("aria-hidden"); + return; + } + this.setAttribute("aria-hidden", "true"); + } + } + update(e) { + e.has("open") && (this.open ? this.setUpGlobalEventListeners() : this.cleanUpGlobalEventListeners()), e.has("positioning") && this.positioning === "popover" && // type required for Google JS conformance + !this.showPopover && (this.positioning = "fixed"), super.update(e); + } + connectedCallback() { + super.connectedCallback(), this.open && this.setUpGlobalEventListeners(); + } + disconnectedCallback() { + super.disconnectedCallback(), this.cleanUpGlobalEventListeners(); + } + getBoundingClientRect() { + return this.surfaceEl ? this.surfaceEl.getBoundingClientRect() : super.getBoundingClientRect(); + } + getClientRects() { + return this.surfaceEl ? this.surfaceEl.getClientRects() : super.getClientRects(); + } + render() { + return this.renderSurface(); + } + /** + * Renders the positionable surface element and its contents. + */ + renderSurface() { + return _` +
+ ${this.renderElevation()} +
+
${this.renderMenuItems()}
+
+
+ `; + } + /** + * Renders the menu items' slot + */ + renderMenuItems() { + return _``; + } + /** + * Renders the elevation component. + */ + renderElevation() { + return _``; + } + getSurfaceClasses() { + return { + open: this.open, + fixed: this.positioning === "fixed", + "has-overflow": this.hasOverflow + }; + } + captureKeydown(e) { + e.target === this && !e.defaultPrevented && ks(e.code) && (e.preventDefault(), this.close()), this.typeaheadController.onKeydown(e); + } + /** + * Performs the opening animation: + * + * https://direct.googleplex.com/#/spec/295000003+271060003 + * + * @return A promise that resolve to `true` if the animation was aborted, + * `false` if it was not aborted. + */ + async animateOpen() { + const e = this.surfaceEl, t = this.slotEl; + if (!e || !t) + return !0; + const o = this.openDirection; + this.dispatchEvent(new Event("opening")), e.classList.toggle("animating", !0); + const i = this.openCloseAnimationSignal.start(), a = e.offsetHeight, s = o === "UP", d = this.items, h = 500, y = 50, v = 250, f = (h - v) / d.length, C = e.animate([{ height: "0px" }, { height: `${a}px` }], { + duration: h, + easing: at.EMPHASIZED + }), w = t.animate([ + { transform: s ? `translateY(-${a}px)` : "" }, + { transform: "" } + ], { duration: h, easing: at.EMPHASIZED }), A = e.animate([{ opacity: 0 }, { opacity: 1 }], y), S = []; + for (let R = 0; R < d.length; R++) { + const B = s ? d.length - 1 - R : R, U = d[B], P = U.animate([{ opacity: 0 }, { opacity: 1 }], { + duration: v, + delay: f * R + }); + U.classList.toggle("md-menu-hidden", !0), P.addEventListener("finish", () => { + U.classList.toggle("md-menu-hidden", !1); + }), S.push([U, P]); + } + let I = (R) => { + }; + const O = new Promise((R) => { + I = R; + }); + return i.addEventListener("abort", () => { + C.cancel(), w.cancel(), A.cancel(), S.forEach(([R, B]) => { + R.classList.toggle("md-menu-hidden", !1), B.cancel(); + }), I(!0); + }), C.addEventListener("finish", () => { + e.classList.toggle("animating", !1), this.openCloseAnimationSignal.finish(), I(!1); + }), await O; + } + /** + * Performs the closing animation: + * + * https://direct.googleplex.com/#/spec/295000003+271060003 + */ + animateClose() { + let e; + const t = new Promise((P) => { + e = P; + }), o = this.surfaceEl, i = this.slotEl; + if (!o || !i) + return e(!1), t; + const s = this.openDirection === "UP"; + this.dispatchEvent(new Event("closing")), o.classList.toggle("animating", !0); + const d = this.openCloseAnimationSignal.start(), h = o.offsetHeight, y = this.items, v = 150, f = 50, C = v - f, w = 50, A = 50, S = 0.35, I = (v - A - w) / y.length, O = o.animate([ + { height: `${h}px` }, + { height: `${h * S}px` } + ], { + duration: v, + easing: at.EMPHASIZED_ACCELERATE + }), R = i.animate([ + { transform: "" }, + { + transform: s ? `translateY(-${h * (1 - S)}px)` : "" + } + ], { duration: v, easing: at.EMPHASIZED_ACCELERATE }), B = o.animate([{ opacity: 1 }, { opacity: 0 }], { duration: f, delay: C }), U = []; + for (let P = 0; P < y.length; P++) { + const q = s ? P : y.length - 1 - P, D = y[q], Oe = D.animate([{ opacity: 1 }, { opacity: 0 }], { + duration: w, + delay: A + I * P + }); + Oe.addEventListener("finish", () => { + D.classList.toggle("md-menu-hidden", !0); + }), U.push([D, Oe]); + } + return d.addEventListener("abort", () => { + O.cancel(), R.cancel(), B.cancel(), U.forEach(([P, q]) => { + q.cancel(), P.classList.toggle("md-menu-hidden", !1); + }), e(!1); + }), O.addEventListener("finish", () => { + o.classList.toggle("animating", !1), U.forEach(([P]) => { + P.classList.toggle("md-menu-hidden", !1); + }), this.openCloseAnimationSignal.finish(), this.dispatchEvent(new Event("closed")), e(!0); + }), t; + } + handleKeydown(e) { + this.pointerPath = [], this.listController.handleKeydown(e); + } + setUpGlobalEventListeners() { + document.addEventListener("click", this.onDocumentClick, { capture: !0 }), window.addEventListener("pointerdown", this.onWindowPointerdown), document.addEventListener("resize", this.onWindowResize, { passive: !0 }), window.addEventListener("resize", this.onWindowResize, { passive: !0 }); + } + cleanUpGlobalEventListeners() { + document.removeEventListener("click", this.onDocumentClick, { + capture: !0 + }), window.removeEventListener("pointerdown", this.onWindowPointerdown), document.removeEventListener("resize", this.onWindowResize), window.removeEventListener("resize", this.onWindowResize); + } + onCloseMenu() { + this.close(); + } + onDeactivateItems(e) { + e.stopPropagation(), this.listController.onDeactivateItems(); + } + onRequestActivation(e) { + e.stopPropagation(), this.listController.onRequestActivation(e); + } + handleDeactivateTypeahead(e) { + e.stopPropagation(), this.typeaheadActive = !1; + } + handleActivateTypeahead(e) { + e.stopPropagation(), this.typeaheadActive = !0; + } + handleStayOpenOnFocusout(e) { + e.stopPropagation(), this.stayOpenOnFocusout = !0; + } + handleCloseOnFocusout(e) { + e.stopPropagation(), this.stayOpenOnFocusout = !1; + } + close() { + this.open = !1, this.slotItems.forEach((t) => { + var o; + (o = t.close) == null || o.call(t); + }); + } + show() { + this.open = !0; + } + /** + * Activates the next item in the menu. If at the end of the menu, the first + * item will be activated. + * + * @return The activated menu item or `null` if there are no items. + */ + activateNextItem() { + return this.listController.activateNextItem() ?? null; + } + /** + * Activates the previous item in the menu. If at the start of the menu, the + * last item will be activated. + * + * @return The activated menu item or `null` if there are no items. + */ + activatePreviousItem() { + return this.listController.activatePreviousItem() ?? null; + } + /** + * Repositions the menu if it is open. + * + * Useful for the case where document or window-positioned menus have their + * anchors moved while open. + */ + reposition() { + this.open && this.menuPositionController.position(); + } +}; +l([ + G(".menu") +], ke.prototype, "surfaceEl", void 0); +l([ + G("slot") +], ke.prototype, "slotEl", void 0); +l([ + p() +], ke.prototype, "anchor", void 0); +l([ + p() +], ke.prototype, "positioning", void 0); +l([ + p({ type: Boolean }) +], ke.prototype, "quick", void 0); +l([ + p({ type: Boolean, attribute: "has-overflow" }) +], ke.prototype, "hasOverflow", void 0); +l([ + p({ type: Boolean, reflect: !0 }) +], ke.prototype, "open", void 0); +l([ + p({ type: Number, attribute: "x-offset" }) +], ke.prototype, "xOffset", void 0); +l([ + p({ type: Number, attribute: "y-offset" }) +], ke.prototype, "yOffset", void 0); +l([ + p({ type: Boolean, attribute: "no-horizontal-flip" }) +], ke.prototype, "noHorizontalFlip", void 0); +l([ + p({ type: Boolean, attribute: "no-vertical-flip" }) +], ke.prototype, "noVerticalFlip", void 0); +l([ + p({ type: Number, attribute: "typeahead-delay" }) +], ke.prototype, "typeaheadDelay", void 0); +l([ + p({ attribute: "anchor-corner" }) +], ke.prototype, "anchorCorner", void 0); +l([ + p({ attribute: "menu-corner" }) +], ke.prototype, "menuCorner", void 0); +l([ + p({ type: Boolean, attribute: "stay-open-on-outside-click" }) +], ke.prototype, "stayOpenOnOutsideClick", void 0); +l([ + p({ type: Boolean, attribute: "stay-open-on-focusout" }) +], ke.prototype, "stayOpenOnFocusout", void 0); +l([ + p({ type: Boolean, attribute: "skip-restore-focus" }) +], ke.prototype, "skipRestoreFocus", void 0); +l([ + p({ attribute: "default-focus" }) +], ke.prototype, "defaultFocus", void 0); +l([ + p({ type: Boolean, attribute: "no-navigation-wrap" }) +], ke.prototype, "noNavigationWrap", void 0); +l([ + We({ flatten: !0 }) +], ke.prototype, "slotItems", void 0); +l([ + se() +], ke.prototype, "typeaheadActive", void 0); +/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const xc = F`:host{--md-elevation-level: var(--md-menu-container-elevation, 2);--md-elevation-shadow-color: var(--md-menu-container-shadow-color, var(--md-sys-color-shadow, #000));min-width:112px;color:unset;display:contents}md-focus-ring{--md-focus-ring-shape: var(--md-menu-container-shape, var(--md-sys-shape-corner-extra-small, 4px))}.menu{border-radius:var(--md-menu-container-shape, var(--md-sys-shape-corner-extra-small, 4px));display:none;inset:auto;border:none;padding:0px;overflow:visible;background-color:rgba(0,0,0,0);color:inherit;opacity:0;z-index:20;position:absolute;user-select:none;max-height:inherit;height:inherit;min-width:inherit;max-width:inherit;scrollbar-width:inherit}.menu::backdrop{display:none}.fixed{position:fixed}.items{display:block;list-style-type:none;margin:0;outline:none;box-sizing:border-box;background-color:var(--md-menu-container-color, var(--md-sys-color-surface-container, #f3edf7));height:inherit;max-height:inherit;overflow:auto;min-width:inherit;max-width:inherit;border-radius:inherit;scrollbar-width:inherit}.item-padding{padding-block:8px}.has-overflow:not([popover]) .items{overflow:visible}.has-overflow.animating .items,.animating .items{overflow:hidden}.has-overflow.animating .items{pointer-events:none}.animating ::slotted(.md-menu-hidden){opacity:0}slot{display:block;height:inherit;max-height:inherit}::slotted(:is(md-divider,[role=separator])){margin:8px 0}@media(forced-colors: active){.menu{border-style:solid;border-color:CanvasText;border-width:1px}} +`; +/** + * @license + * Copyright 2022 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +let Vo = class extends ke { +}; +Vo.styles = [xc]; +Vo = l([ + H("md-menu") +], Vo); +/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +class _c extends bi { + computeValidity(e) { + return this.selectControl || (this.selectControl = document.createElement("select")), za(_``, this.selectControl), this.selectControl.value = e.value, this.selectControl.required = e.required, { + validity: this.selectControl.validity, + validationMessage: this.selectControl.validationMessage + }; + } + equals(e, t) { + return e.value === t.value && e.required === t.required; + } + copy({ value: e, required: t }) { + return { value: e, required: t }; + } +} +/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +function wc(r) { + const e = []; + for (let t = 0; t < r.length; t++) { + const o = r[t]; + o.selected && e.push([o, t]); + } + return e; +} +/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +var jn; +const wo = Symbol("value"), kc = Je(us(Mr(cr(Rt(W))))); +let fe = class extends kc { + /** + * The value of the currently selected option. + * + * Note: For SSR, set `[selected]` on the requested option and `displayText` + * rather than setting `value` setting `value` will incur a DOM query. + */ + get value() { + return this[wo]; + } + set value(e) { + this.lastUserSetValue = e, this.select(e); + } + get options() { + var e; + return ((e = this.menu) == null ? void 0 : e.items) ?? []; + } + /** + * The index of the currently selected option. + * + * Note: For SSR, set `[selected]` on the requested option and `displayText` + * rather than setting `selectedIndex` setting `selectedIndex` will incur a + * DOM query. + */ + get selectedIndex() { + const [e, t] = (this.getSelectedOptions() ?? [])[0] ?? []; + return t ?? -1; + } + set selectedIndex(e) { + this.lastUserSetSelectedIndex = e, this.selectIndex(e); + } + /** + * Returns an array of selected options. + * + * NOTE: md-select only supports single selection. + */ + get selectedOptions() { + return (this.getSelectedOptions() ?? []).map(([e]) => e); + } + get hasError() { + return this.error || this.nativeError; + } + constructor() { + super(), this.quick = !1, this.required = !1, this.errorText = "", this.label = "", this.noAsterisk = !1, this.supportingText = "", this.error = !1, this.menuPositioning = "popover", this.clampMenuWidth = !1, this.typeaheadDelay = Cs, this.hasLeadingIcon = !1, this.displayText = "", this.menuAlign = "start", this[jn] = "", this.lastUserSetValue = null, this.lastUserSetSelectedIndex = null, this.lastSelectedOption = null, this.lastSelectedOptionRecords = [], this.nativeError = !1, this.nativeErrorText = "", this.focused = !1, this.open = !1, this.defaultFocus = it.NONE, this.prevOpen = this.open, this.selectWidth = 0, this.addEventListener("focus", this.handleFocus.bind(this)), this.addEventListener("blur", this.handleBlur.bind(this)); + } + /** + * Selects an option given the value of the option, and updates MdSelect's + * value. + */ + select(e) { + const t = this.options.find((o) => o.value === e); + t && this.selectItem(t); + } + /** + * Selects an option given the index of the option, and updates MdSelect's + * value. + */ + selectIndex(e) { + const t = this.options[e]; + t && this.selectItem(t); + } + /** + * Reset the select to its default value. + */ + reset() { + for (const e of this.options) + e.selected = e.hasAttribute("selected"); + this.updateValueAndDisplayText(), this.nativeError = !1, this.nativeErrorText = ""; + } + [(jn = wo, Oo)](e) { + var o; + e == null || e.preventDefault(); + const t = this.getErrorText(); + this.nativeError = !!e, this.nativeErrorText = this.validationMessage, t === this.getErrorText() && ((o = this.field) == null || o.reannounceError()); + } + update(e) { + if (this.hasUpdated || this.initUserSelection(), this.prevOpen !== this.open && this.open) { + const t = this.getBoundingClientRect(); + this.selectWidth = t.width; + } + this.prevOpen = this.open, super.update(e); + } + render() { + return _` + + ${this.renderField()} ${this.renderMenu()} + + `; + } + async firstUpdated(e) { + var t; + await ((t = this.menu) == null ? void 0 : t.updateComplete), this.lastSelectedOptionRecords.length || this.initUserSelection(), !this.lastSelectedOptionRecords.length && !Jl && !this.options.length && setTimeout(() => { + this.updateValueAndDisplayText(); + }), super.firstUpdated(e); + } + getRenderClasses() { + return { + disabled: this.disabled, + error: this.error, + open: this.open + }; + } + renderField() { + return Fr` + <${this.fieldTag} + aria-haspopup="listbox" + role="combobox" + part="field" + id="field" + tabindex=${this.disabled ? "-1" : "0"} + aria-label=${this.ariaLabel || x} + aria-describedby="description" + aria-expanded=${this.open ? "true" : "false"} + aria-controls="listbox" + class="field" + label=${this.label} + ?no-asterisk=${this.noAsterisk} + .focused=${this.focused || this.open} + .populated=${!!this.displayText} + .disabled=${this.disabled} + .required=${this.required} + .error=${this.hasError} + ?has-start=${this.hasLeadingIcon} + has-end + supporting-text=${this.supportingText} + error-text=${this.getErrorText()} + @keydown=${this.handleKeydown} + @click=${this.handleClick}> + ${this.renderFieldContent()} +
+ `; + } + renderFieldContent() { + return [ + this.renderLeadingIcon(), + this.renderLabel(), + this.renderTrailingIcon() + ]; + } + renderLeadingIcon() { + return _` + + + + `; + } + renderTrailingIcon() { + return _` + + + + + + + + + `; + } + renderLabel() { + return _`
${this.displayText || _` `}
`; + } + renderMenu() { + const e = this.label || this.ariaLabel; + return _`
+ + ${this.renderMenuContent()} + +
`; + } + renderMenuContent() { + return _``; + } + /** + * Handles opening the select on keydown and typahead selection when the menu + * is closed. + */ + handleKeydown(e) { + var a, s; + if (this.open || this.disabled || !this.menu) + return; + const t = this.menu.typeaheadController, o = e.code === "Space" || e.code === "ArrowDown" || e.code === "ArrowUp" || e.code === "End" || e.code === "Home" || e.code === "Enter"; + if (!t.isTypingAhead && o) { + switch (e.preventDefault(), this.open = !0, e.code) { + case "Space": + case "ArrowDown": + case "Enter": + this.defaultFocus = it.NONE; + break; + case "End": + this.defaultFocus = it.LAST_ITEM; + break; + case "ArrowUp": + case "Home": + this.defaultFocus = it.FIRST_ITEM; + break; + } + return; + } + if (e.key.length === 1) { + t.onKeydown(e), e.preventDefault(); + const { lastActiveRecord: d } = t; + if (!d) + return; + (s = (a = this.labelEl) == null ? void 0 : a.setAttribute) == null || s.call(a, "aria-live", "polite"), this.selectItem(d[tt.ITEM]) && this.dispatchInteractionEvents(); + } + } + handleClick() { + this.open = !this.open; + } + handleFocus() { + this.focused = !0; + } + handleBlur() { + this.focused = !1; + } + /** + * Handles closing the menu when the focus leaves the select's subtree. + */ + handleFocusout(e) { + e.relatedTarget && _a(e.relatedTarget, this) || (this.open = !1); + } + /** + * Gets a list of all selected select options as a list item record array. + * + * @return An array of selected list option records. + */ + getSelectedOptions() { + if (!this.menu) + return this.lastSelectedOptionRecords = [], null; + const e = this.menu.items; + return this.lastSelectedOptionRecords = wc(e), this.lastSelectedOptionRecords; + } + async getUpdateComplete() { + var e; + return await ((e = this.menu) == null ? void 0 : e.updateComplete), super.getUpdateComplete(); + } + /** + * Gets the selected options from the DOM, and updates the value and display + * text to the first selected option's value and headline respectively. + * + * @return Whether or not the selected option has changed since last update. + */ + updateValueAndDisplayText() { + const e = this.getSelectedOptions() ?? []; + let t = !1; + if (e.length) { + const [o] = e[0]; + t = this.lastSelectedOption !== o, this.lastSelectedOption = o, this[wo] = o.value, this.displayText = o.displayText; + } else + t = this.lastSelectedOption !== null, this.lastSelectedOption = null, this[wo] = "", this.displayText = ""; + return t; + } + /** + * Focuses and activates the last selected item upon opening, and resets other + * active items. + */ + async handleOpening(e) { + var a, s, d; + if ((s = (a = this.labelEl) == null ? void 0 : a.removeAttribute) == null || s.call(a, "aria-live"), this.redispatchEvent(e), this.defaultFocus !== it.NONE) + return; + const t = this.menu.items, o = (d = ar(t)) == null ? void 0 : d.item; + let [i] = this.lastSelectedOptionRecords[0] ?? [null]; + o && o !== i && (o.tabIndex = -1), i = i ?? t[0], i && (i.tabIndex = 0, i.focus()); + } + redispatchEvent(e) { + At(this, e); + } + handleClosed(e) { + this.open = !1, this.redispatchEvent(e); + } + /** + * Determines the reason for closing, and updates the UI accordingly. + */ + handleCloseMenu(e) { + const t = e.detail.reason, o = e.detail.itemPath[0]; + this.open = !1; + let i = !1; + t.kind === "click-selection" ? i = this.selectItem(o) : t.kind === "keydown" && vc(t.key) ? i = this.selectItem(o) : (o.tabIndex = -1, o.blur()), i && this.dispatchInteractionEvents(); + } + /** + * Selects a given option, deselects other options, and updates the UI. + * + * @return Whether the last selected option has changed. + */ + selectItem(e) { + return (this.getSelectedOptions() ?? []).forEach(([o]) => { + e !== o && (o.selected = !1); + }), e.selected = !0, this.updateValueAndDisplayText(); + } + /** + * Handles updating selection when an option element requests selection via + * property / attribute change. + */ + handleRequestSelection(e) { + const t = e.target; + this.lastSelectedOptionRecords.some(([o]) => o === t) || this.selectItem(t); + } + /** + * Handles updating selection when an option element requests deselection via + * property / attribute change. + */ + handleRequestDeselection(e) { + const t = e.target; + this.lastSelectedOptionRecords.some(([o]) => o === t) && this.updateValueAndDisplayText(); + } + /** + * Attempts to initialize the selected option from user-settable values like + * SSR, setting `value`, or `selectedIndex` at startup. + */ + initUserSelection() { + this.lastUserSetValue && !this.lastSelectedOptionRecords.length ? this.select(this.lastUserSetValue) : this.lastUserSetSelectedIndex !== null && !this.lastSelectedOptionRecords.length ? this.selectIndex(this.lastUserSetSelectedIndex) : this.updateValueAndDisplayText(); + } + handleIconChange() { + this.hasLeadingIcon = this.leadingIcons.length > 0; + } + /** + * Dispatches the `input` and `change` events. + */ + dispatchInteractionEvents() { + this.dispatchEvent(new Event("input", { bubbles: !0, composed: !0 })), this.dispatchEvent(new Event("change", { bubbles: !0 })); + } + getErrorText() { + return this.error ? this.errorText : this.nativeErrorText; + } + [yt]() { + return this.value; + } + formResetCallback() { + this.reset(); + } + formStateRestoreCallback(e) { + this.value = e; + } + click() { + var e; + (e = this.field) == null || e.click(); + } + [Wt]() { + return new _c(() => this); + } + [Kt]() { + return this.field; + } +}; +fe.shadowRootOptions = { + ...W.shadowRootOptions, + delegatesFocus: !0 +}; +l([ + p({ type: Boolean }) +], fe.prototype, "quick", void 0); +l([ + p({ type: Boolean }) +], fe.prototype, "required", void 0); +l([ + p({ type: String, attribute: "error-text" }) +], fe.prototype, "errorText", void 0); +l([ + p() +], fe.prototype, "label", void 0); +l([ + p({ type: Boolean, attribute: "no-asterisk" }) +], fe.prototype, "noAsterisk", void 0); +l([ + p({ type: String, attribute: "supporting-text" }) +], fe.prototype, "supportingText", void 0); +l([ + p({ type: Boolean, reflect: !0 }) +], fe.prototype, "error", void 0); +l([ + p({ attribute: "menu-positioning" }) +], fe.prototype, "menuPositioning", void 0); +l([ + p({ type: Boolean, attribute: "clamp-menu-width" }) +], fe.prototype, "clampMenuWidth", void 0); +l([ + p({ type: Number, attribute: "typeahead-delay" }) +], fe.prototype, "typeaheadDelay", void 0); +l([ + p({ type: Boolean, attribute: "has-leading-icon" }) +], fe.prototype, "hasLeadingIcon", void 0); +l([ + p({ attribute: "display-text" }) +], fe.prototype, "displayText", void 0); +l([ + p({ attribute: "menu-align" }) +], fe.prototype, "menuAlign", void 0); +l([ + p() +], fe.prototype, "value", null); +l([ + p({ type: Number, attribute: "selected-index" }) +], fe.prototype, "selectedIndex", null); +l([ + se() +], fe.prototype, "nativeError", void 0); +l([ + se() +], fe.prototype, "nativeErrorText", void 0); +l([ + se() +], fe.prototype, "focused", void 0); +l([ + se() +], fe.prototype, "open", void 0); +l([ + se() +], fe.prototype, "defaultFocus", void 0); +l([ + G(".field") +], fe.prototype, "field", void 0); +l([ + G("md-menu") +], fe.prototype, "menu", void 0); +l([ + G("#label") +], fe.prototype, "labelEl", void 0); +l([ + We({ slot: "leading-icon", flatten: !0 }) +], fe.prototype, "leadingIcons", void 0); +/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +class Cc extends fe { + constructor() { + super(...arguments), this.fieldTag = Xe`md-filled-field`; + } +} +/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const Ec = F`:host{--_text-field-active-indicator-color: var(--md-filled-select-text-field-active-indicator-color, var(--md-sys-color-on-surface-variant, #49454f));--_text-field-active-indicator-height: var(--md-filled-select-text-field-active-indicator-height, 1px);--_text-field-container-color: var(--md-filled-select-text-field-container-color, var(--md-sys-color-surface-container-highest, #e6e0e9));--_text-field-disabled-active-indicator-color: var(--md-filled-select-text-field-disabled-active-indicator-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-disabled-active-indicator-height: var(--md-filled-select-text-field-disabled-active-indicator-height, 1px);--_text-field-disabled-active-indicator-opacity: var(--md-filled-select-text-field-disabled-active-indicator-opacity, 0.38);--_text-field-disabled-container-color: var(--md-filled-select-text-field-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-disabled-container-opacity: var(--md-filled-select-text-field-disabled-container-opacity, 0.04);--_text-field-disabled-input-text-color: var(--md-filled-select-text-field-disabled-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-disabled-input-text-opacity: var(--md-filled-select-text-field-disabled-input-text-opacity, 0.38);--_text-field-disabled-label-text-color: var(--md-filled-select-text-field-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-disabled-label-text-opacity: var(--md-filled-select-text-field-disabled-label-text-opacity, 0.38);--_text-field-disabled-leading-icon-color: var(--md-filled-select-text-field-disabled-leading-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-disabled-leading-icon-opacity: var(--md-filled-select-text-field-disabled-leading-icon-opacity, 0.38);--_text-field-disabled-supporting-text-color: var(--md-filled-select-text-field-disabled-supporting-text-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-disabled-supporting-text-opacity: var(--md-filled-select-text-field-disabled-supporting-text-opacity, 0.38);--_text-field-disabled-trailing-icon-color: var(--md-filled-select-text-field-disabled-trailing-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-disabled-trailing-icon-opacity: var(--md-filled-select-text-field-disabled-trailing-icon-opacity, 0.38);--_text-field-error-active-indicator-color: var(--md-filled-select-text-field-error-active-indicator-color, var(--md-sys-color-error, #b3261e));--_text-field-error-focus-active-indicator-color: var(--md-filled-select-text-field-error-focus-active-indicator-color, var(--md-sys-color-error, #b3261e));--_text-field-error-focus-input-text-color: var(--md-filled-select-text-field-error-focus-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-error-focus-label-text-color: var(--md-filled-select-text-field-error-focus-label-text-color, var(--md-sys-color-error, #b3261e));--_text-field-error-focus-leading-icon-color: var(--md-filled-select-text-field-error-focus-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_text-field-error-focus-supporting-text-color: var(--md-filled-select-text-field-error-focus-supporting-text-color, var(--md-sys-color-error, #b3261e));--_text-field-error-focus-trailing-icon-color: var(--md-filled-select-text-field-error-focus-trailing-icon-color, var(--md-sys-color-error, #b3261e));--_text-field-error-hover-active-indicator-color: var(--md-filled-select-text-field-error-hover-active-indicator-color, var(--md-sys-color-on-error-container, #410e0b));--_text-field-error-hover-input-text-color: var(--md-filled-select-text-field-error-hover-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-error-hover-label-text-color: var(--md-filled-select-text-field-error-hover-label-text-color, var(--md-sys-color-on-error-container, #410e0b));--_text-field-error-hover-leading-icon-color: var(--md-filled-select-text-field-error-hover-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_text-field-error-hover-state-layer-color: var(--md-filled-select-text-field-error-hover-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-error-hover-state-layer-opacity: var(--md-filled-select-text-field-error-hover-state-layer-opacity, 0.08);--_text-field-error-hover-supporting-text-color: var(--md-filled-select-text-field-error-hover-supporting-text-color, var(--md-sys-color-error, #b3261e));--_text-field-error-hover-trailing-icon-color: var(--md-filled-select-text-field-error-hover-trailing-icon-color, var(--md-sys-color-on-error-container, #410e0b));--_text-field-error-input-text-color: var(--md-filled-select-text-field-error-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-error-label-text-color: var(--md-filled-select-text-field-error-label-text-color, var(--md-sys-color-error, #b3261e));--_text-field-error-leading-icon-color: var(--md-filled-select-text-field-error-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_text-field-error-supporting-text-color: var(--md-filled-select-text-field-error-supporting-text-color, var(--md-sys-color-error, #b3261e));--_text-field-error-trailing-icon-color: var(--md-filled-select-text-field-error-trailing-icon-color, var(--md-sys-color-error, #b3261e));--_text-field-focus-active-indicator-color: var(--md-filled-select-text-field-focus-active-indicator-color, var(--md-sys-color-primary, #6750a4));--_text-field-focus-active-indicator-height: var(--md-filled-select-text-field-focus-active-indicator-height, 3px);--_text-field-focus-input-text-color: var(--md-filled-select-text-field-focus-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-focus-label-text-color: var(--md-filled-select-text-field-focus-label-text-color, var(--md-sys-color-primary, #6750a4));--_text-field-focus-leading-icon-color: var(--md-filled-select-text-field-focus-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_text-field-focus-supporting-text-color: var(--md-filled-select-text-field-focus-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_text-field-focus-trailing-icon-color: var(--md-filled-select-text-field-focus-trailing-icon-color, var(--md-sys-color-primary, #6750a4));--_text-field-hover-active-indicator-color: var(--md-filled-select-text-field-hover-active-indicator-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-hover-active-indicator-height: var(--md-filled-select-text-field-hover-active-indicator-height, 1px);--_text-field-hover-input-text-color: var(--md-filled-select-text-field-hover-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-hover-label-text-color: var(--md-filled-select-text-field-hover-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-hover-leading-icon-color: var(--md-filled-select-text-field-hover-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_text-field-hover-state-layer-color: var(--md-filled-select-text-field-hover-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-hover-state-layer-opacity: var(--md-filled-select-text-field-hover-state-layer-opacity, 0.08);--_text-field-hover-supporting-text-color: var(--md-filled-select-text-field-hover-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_text-field-hover-trailing-icon-color: var(--md-filled-select-text-field-hover-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_text-field-input-text-color: var(--md-filled-select-text-field-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-input-text-font: var(--md-filled-select-text-field-input-text-font, var(--md-sys-typescale-body-large-font, var(--md-ref-typeface-plain, Roboto)));--_text-field-input-text-line-height: var(--md-filled-select-text-field-input-text-line-height, var(--md-sys-typescale-body-large-line-height, 1.5rem));--_text-field-input-text-size: var(--md-filled-select-text-field-input-text-size, var(--md-sys-typescale-body-large-size, 1rem));--_text-field-input-text-weight: var(--md-filled-select-text-field-input-text-weight, var(--md-sys-typescale-body-large-weight, var(--md-ref-typeface-weight-regular, 400)));--_text-field-label-text-color: var(--md-filled-select-text-field-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_text-field-label-text-font: var(--md-filled-select-text-field-label-text-font, var(--md-sys-typescale-body-large-font, var(--md-ref-typeface-plain, Roboto)));--_text-field-label-text-line-height: var(--md-filled-select-text-field-label-text-line-height, var(--md-sys-typescale-body-large-line-height, 1.5rem));--_text-field-label-text-populated-line-height: var(--md-filled-select-text-field-label-text-populated-line-height, var(--md-sys-typescale-body-small-line-height, 1rem));--_text-field-label-text-populated-size: var(--md-filled-select-text-field-label-text-populated-size, var(--md-sys-typescale-body-small-size, 0.75rem));--_text-field-label-text-size: var(--md-filled-select-text-field-label-text-size, var(--md-sys-typescale-body-large-size, 1rem));--_text-field-label-text-weight: var(--md-filled-select-text-field-label-text-weight, var(--md-sys-typescale-body-large-weight, var(--md-ref-typeface-weight-regular, 400)));--_text-field-leading-icon-color: var(--md-filled-select-text-field-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_text-field-leading-icon-size: var(--md-filled-select-text-field-leading-icon-size, 24px);--_text-field-supporting-text-color: var(--md-filled-select-text-field-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_text-field-supporting-text-font: var(--md-filled-select-text-field-supporting-text-font, var(--md-sys-typescale-body-small-font, var(--md-ref-typeface-plain, Roboto)));--_text-field-supporting-text-line-height: var(--md-filled-select-text-field-supporting-text-line-height, var(--md-sys-typescale-body-small-line-height, 1rem));--_text-field-supporting-text-size: var(--md-filled-select-text-field-supporting-text-size, var(--md-sys-typescale-body-small-size, 0.75rem));--_text-field-supporting-text-weight: var(--md-filled-select-text-field-supporting-text-weight, var(--md-sys-typescale-body-small-weight, var(--md-ref-typeface-weight-regular, 400)));--_text-field-trailing-icon-color: var(--md-filled-select-text-field-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_text-field-trailing-icon-size: var(--md-filled-select-text-field-trailing-icon-size, 24px);--_text-field-container-shape-start-start: var(--md-filled-select-text-field-container-shape-start-start, var(--md-filled-select-text-field-container-shape, var(--md-sys-shape-corner-extra-small, 4px)));--_text-field-container-shape-start-end: var(--md-filled-select-text-field-container-shape-start-end, var(--md-filled-select-text-field-container-shape, var(--md-sys-shape-corner-extra-small, 4px)));--_text-field-container-shape-end-end: var(--md-filled-select-text-field-container-shape-end-end, var(--md-filled-select-text-field-container-shape, var(--md-sys-shape-corner-none, 0px)));--_text-field-container-shape-end-start: var(--md-filled-select-text-field-container-shape-end-start, var(--md-filled-select-text-field-container-shape, var(--md-sys-shape-corner-none, 0px)));--md-filled-field-active-indicator-color: var(--_text-field-active-indicator-color);--md-filled-field-active-indicator-height: var(--_text-field-active-indicator-height);--md-filled-field-container-color: var(--_text-field-container-color);--md-filled-field-container-shape-end-end: var(--_text-field-container-shape-end-end);--md-filled-field-container-shape-end-start: var(--_text-field-container-shape-end-start);--md-filled-field-container-shape-start-end: var(--_text-field-container-shape-start-end);--md-filled-field-container-shape-start-start: var(--_text-field-container-shape-start-start);--md-filled-field-content-color: var(--_text-field-input-text-color);--md-filled-field-content-font: var(--_text-field-input-text-font);--md-filled-field-content-line-height: var(--_text-field-input-text-line-height);--md-filled-field-content-size: var(--_text-field-input-text-size);--md-filled-field-content-weight: var(--_text-field-input-text-weight);--md-filled-field-disabled-active-indicator-color: var(--_text-field-disabled-active-indicator-color);--md-filled-field-disabled-active-indicator-height: var(--_text-field-disabled-active-indicator-height);--md-filled-field-disabled-active-indicator-opacity: var(--_text-field-disabled-active-indicator-opacity);--md-filled-field-disabled-container-color: var(--_text-field-disabled-container-color);--md-filled-field-disabled-container-opacity: var(--_text-field-disabled-container-opacity);--md-filled-field-disabled-content-color: var(--_text-field-disabled-input-text-color);--md-filled-field-disabled-content-opacity: var(--_text-field-disabled-input-text-opacity);--md-filled-field-disabled-label-text-color: var(--_text-field-disabled-label-text-color);--md-filled-field-disabled-label-text-opacity: var(--_text-field-disabled-label-text-opacity);--md-filled-field-disabled-leading-content-color: var(--_text-field-disabled-leading-icon-color);--md-filled-field-disabled-leading-content-opacity: var(--_text-field-disabled-leading-icon-opacity);--md-filled-field-disabled-supporting-text-color: var(--_text-field-disabled-supporting-text-color);--md-filled-field-disabled-supporting-text-opacity: var(--_text-field-disabled-supporting-text-opacity);--md-filled-field-disabled-trailing-content-color: var(--_text-field-disabled-trailing-icon-color);--md-filled-field-disabled-trailing-content-opacity: var(--_text-field-disabled-trailing-icon-opacity);--md-filled-field-error-active-indicator-color: var(--_text-field-error-active-indicator-color);--md-filled-field-error-content-color: var(--_text-field-error-input-text-color);--md-filled-field-error-focus-active-indicator-color: var(--_text-field-error-focus-active-indicator-color);--md-filled-field-error-focus-content-color: var(--_text-field-error-focus-input-text-color);--md-filled-field-error-focus-label-text-color: var(--_text-field-error-focus-label-text-color);--md-filled-field-error-focus-leading-content-color: var(--_text-field-error-focus-leading-icon-color);--md-filled-field-error-focus-supporting-text-color: var(--_text-field-error-focus-supporting-text-color);--md-filled-field-error-focus-trailing-content-color: var(--_text-field-error-focus-trailing-icon-color);--md-filled-field-error-hover-active-indicator-color: var(--_text-field-error-hover-active-indicator-color);--md-filled-field-error-hover-content-color: var(--_text-field-error-hover-input-text-color);--md-filled-field-error-hover-label-text-color: var(--_text-field-error-hover-label-text-color);--md-filled-field-error-hover-leading-content-color: var(--_text-field-error-hover-leading-icon-color);--md-filled-field-error-hover-state-layer-color: var(--_text-field-error-hover-state-layer-color);--md-filled-field-error-hover-state-layer-opacity: var(--_text-field-error-hover-state-layer-opacity);--md-filled-field-error-hover-supporting-text-color: var(--_text-field-error-hover-supporting-text-color);--md-filled-field-error-hover-trailing-content-color: var(--_text-field-error-hover-trailing-icon-color);--md-filled-field-error-label-text-color: var(--_text-field-error-label-text-color);--md-filled-field-error-leading-content-color: var(--_text-field-error-leading-icon-color);--md-filled-field-error-supporting-text-color: var(--_text-field-error-supporting-text-color);--md-filled-field-error-trailing-content-color: var(--_text-field-error-trailing-icon-color);--md-filled-field-focus-active-indicator-color: var(--_text-field-focus-active-indicator-color);--md-filled-field-focus-active-indicator-height: var(--_text-field-focus-active-indicator-height);--md-filled-field-focus-content-color: var(--_text-field-focus-input-text-color);--md-filled-field-focus-label-text-color: var(--_text-field-focus-label-text-color);--md-filled-field-focus-leading-content-color: var(--_text-field-focus-leading-icon-color);--md-filled-field-focus-supporting-text-color: var(--_text-field-focus-supporting-text-color);--md-filled-field-focus-trailing-content-color: var(--_text-field-focus-trailing-icon-color);--md-filled-field-hover-active-indicator-color: var(--_text-field-hover-active-indicator-color);--md-filled-field-hover-active-indicator-height: var(--_text-field-hover-active-indicator-height);--md-filled-field-hover-content-color: var(--_text-field-hover-input-text-color);--md-filled-field-hover-label-text-color: var(--_text-field-hover-label-text-color);--md-filled-field-hover-leading-content-color: var(--_text-field-hover-leading-icon-color);--md-filled-field-hover-state-layer-color: var(--_text-field-hover-state-layer-color);--md-filled-field-hover-state-layer-opacity: var(--_text-field-hover-state-layer-opacity);--md-filled-field-hover-supporting-text-color: var(--_text-field-hover-supporting-text-color);--md-filled-field-hover-trailing-content-color: var(--_text-field-hover-trailing-icon-color);--md-filled-field-label-text-color: var(--_text-field-label-text-color);--md-filled-field-label-text-font: var(--_text-field-label-text-font);--md-filled-field-label-text-line-height: var(--_text-field-label-text-line-height);--md-filled-field-label-text-populated-line-height: var(--_text-field-label-text-populated-line-height);--md-filled-field-label-text-populated-size: var(--_text-field-label-text-populated-size);--md-filled-field-label-text-size: var(--_text-field-label-text-size);--md-filled-field-label-text-weight: var(--_text-field-label-text-weight);--md-filled-field-leading-content-color: var(--_text-field-leading-icon-color);--md-filled-field-supporting-text-color: var(--_text-field-supporting-text-color);--md-filled-field-supporting-text-font: var(--_text-field-supporting-text-font);--md-filled-field-supporting-text-line-height: var(--_text-field-supporting-text-line-height);--md-filled-field-supporting-text-size: var(--_text-field-supporting-text-size);--md-filled-field-supporting-text-weight: var(--_text-field-supporting-text-weight);--md-filled-field-trailing-content-color: var(--_text-field-trailing-icon-color)}[has-start] .icon.leading{font-size:var(--_text-field-leading-icon-size);height:var(--_text-field-leading-icon-size);width:var(--_text-field-leading-icon-size)}.icon.trailing{font-size:var(--_text-field-trailing-icon-size);height:var(--_text-field-trailing-icon-size);width:var(--_text-field-trailing-icon-size)} +`; +/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const $s = F`:host{color:unset;min-width:210px;display:flex}.field{cursor:default;outline:none}.select{position:relative;flex-direction:column}.icon.trailing svg,.icon ::slotted(*){fill:currentColor}.icon ::slotted(*){width:inherit;height:inherit;font-size:inherit}.icon slot{display:flex;height:100%;width:100%;align-items:center;justify-content:center}.icon.trailing :is(.up,.down){opacity:0;transition:opacity 75ms linear 75ms}.select:not(.open) .down,.select.open .up{opacity:1}.field,.select,md-menu{min-width:inherit;width:inherit;max-width:inherit;display:flex}md-menu{min-width:var(--__menu-min-width);max-width:var(--__menu-max-width, inherit)}.menu-wrapper{width:0px;height:0px;max-width:inherit}md-menu ::slotted(:not[disabled]){cursor:pointer}.field,.select{width:100%}:host{display:inline-flex}:host([disabled]){pointer-events:none} +`; +/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +let Ho = class extends Cc { +}; +Ho.styles = [$s, Ec]; +Ho = l([ + H("md-filled-select") +], Ho); +/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +class $c extends fe { + constructor() { + super(...arguments), this.fieldTag = Xe`md-outlined-field`; + } +} +/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const Tc = F`:host{--_text-field-disabled-input-text-color: var(--md-outlined-select-text-field-disabled-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-disabled-input-text-opacity: var(--md-outlined-select-text-field-disabled-input-text-opacity, 0.38);--_text-field-disabled-label-text-color: var(--md-outlined-select-text-field-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-disabled-label-text-opacity: var(--md-outlined-select-text-field-disabled-label-text-opacity, 0.38);--_text-field-disabled-leading-icon-color: var(--md-outlined-select-text-field-disabled-leading-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-disabled-leading-icon-opacity: var(--md-outlined-select-text-field-disabled-leading-icon-opacity, 0.38);--_text-field-disabled-outline-color: var(--md-outlined-select-text-field-disabled-outline-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-disabled-outline-opacity: var(--md-outlined-select-text-field-disabled-outline-opacity, 0.12);--_text-field-disabled-outline-width: var(--md-outlined-select-text-field-disabled-outline-width, 1px);--_text-field-disabled-supporting-text-color: var(--md-outlined-select-text-field-disabled-supporting-text-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-disabled-supporting-text-opacity: var(--md-outlined-select-text-field-disabled-supporting-text-opacity, 0.38);--_text-field-disabled-trailing-icon-color: var(--md-outlined-select-text-field-disabled-trailing-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-disabled-trailing-icon-opacity: var(--md-outlined-select-text-field-disabled-trailing-icon-opacity, 0.38);--_text-field-error-focus-input-text-color: var(--md-outlined-select-text-field-error-focus-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-error-focus-label-text-color: var(--md-outlined-select-text-field-error-focus-label-text-color, var(--md-sys-color-error, #b3261e));--_text-field-error-focus-leading-icon-color: var(--md-outlined-select-text-field-error-focus-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_text-field-error-focus-outline-color: var(--md-outlined-select-text-field-error-focus-outline-color, var(--md-sys-color-error, #b3261e));--_text-field-error-focus-supporting-text-color: var(--md-outlined-select-text-field-error-focus-supporting-text-color, var(--md-sys-color-error, #b3261e));--_text-field-error-focus-trailing-icon-color: var(--md-outlined-select-text-field-error-focus-trailing-icon-color, var(--md-sys-color-error, #b3261e));--_text-field-error-hover-input-text-color: var(--md-outlined-select-text-field-error-hover-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-error-hover-label-text-color: var(--md-outlined-select-text-field-error-hover-label-text-color, var(--md-sys-color-on-error-container, #410e0b));--_text-field-error-hover-leading-icon-color: var(--md-outlined-select-text-field-error-hover-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_text-field-error-hover-outline-color: var(--md-outlined-select-text-field-error-hover-outline-color, var(--md-sys-color-on-error-container, #410e0b));--_text-field-error-hover-supporting-text-color: var(--md-outlined-select-text-field-error-hover-supporting-text-color, var(--md-sys-color-error, #b3261e));--_text-field-error-hover-trailing-icon-color: var(--md-outlined-select-text-field-error-hover-trailing-icon-color, var(--md-sys-color-on-error-container, #410e0b));--_text-field-error-input-text-color: var(--md-outlined-select-text-field-error-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-error-label-text-color: var(--md-outlined-select-text-field-error-label-text-color, var(--md-sys-color-error, #b3261e));--_text-field-error-leading-icon-color: var(--md-outlined-select-text-field-error-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_text-field-error-outline-color: var(--md-outlined-select-text-field-error-outline-color, var(--md-sys-color-error, #b3261e));--_text-field-error-supporting-text-color: var(--md-outlined-select-text-field-error-supporting-text-color, var(--md-sys-color-error, #b3261e));--_text-field-error-trailing-icon-color: var(--md-outlined-select-text-field-error-trailing-icon-color, var(--md-sys-color-error, #b3261e));--_text-field-focus-input-text-color: var(--md-outlined-select-text-field-focus-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-focus-label-text-color: var(--md-outlined-select-text-field-focus-label-text-color, var(--md-sys-color-primary, #6750a4));--_text-field-focus-leading-icon-color: var(--md-outlined-select-text-field-focus-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_text-field-focus-outline-color: var(--md-outlined-select-text-field-focus-outline-color, var(--md-sys-color-primary, #6750a4));--_text-field-focus-outline-width: var(--md-outlined-select-text-field-focus-outline-width, 3px);--_text-field-focus-supporting-text-color: var(--md-outlined-select-text-field-focus-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_text-field-focus-trailing-icon-color: var(--md-outlined-select-text-field-focus-trailing-icon-color, var(--md-sys-color-primary, #6750a4));--_text-field-hover-input-text-color: var(--md-outlined-select-text-field-hover-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-hover-label-text-color: var(--md-outlined-select-text-field-hover-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-hover-leading-icon-color: var(--md-outlined-select-text-field-hover-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_text-field-hover-outline-color: var(--md-outlined-select-text-field-hover-outline-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-hover-outline-width: var(--md-outlined-select-text-field-hover-outline-width, 1px);--_text-field-hover-supporting-text-color: var(--md-outlined-select-text-field-hover-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_text-field-hover-trailing-icon-color: var(--md-outlined-select-text-field-hover-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_text-field-input-text-color: var(--md-outlined-select-text-field-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-input-text-font: var(--md-outlined-select-text-field-input-text-font, var(--md-sys-typescale-body-large-font, var(--md-ref-typeface-plain, Roboto)));--_text-field-input-text-line-height: var(--md-outlined-select-text-field-input-text-line-height, var(--md-sys-typescale-body-large-line-height, 1.5rem));--_text-field-input-text-size: var(--md-outlined-select-text-field-input-text-size, var(--md-sys-typescale-body-large-size, 1rem));--_text-field-input-text-weight: var(--md-outlined-select-text-field-input-text-weight, var(--md-sys-typescale-body-large-weight, var(--md-ref-typeface-weight-regular, 400)));--_text-field-label-text-color: var(--md-outlined-select-text-field-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_text-field-label-text-font: var(--md-outlined-select-text-field-label-text-font, var(--md-sys-typescale-body-large-font, var(--md-ref-typeface-plain, Roboto)));--_text-field-label-text-line-height: var(--md-outlined-select-text-field-label-text-line-height, var(--md-sys-typescale-body-large-line-height, 1.5rem));--_text-field-label-text-populated-line-height: var(--md-outlined-select-text-field-label-text-populated-line-height, var(--md-sys-typescale-body-small-line-height, 1rem));--_text-field-label-text-populated-size: var(--md-outlined-select-text-field-label-text-populated-size, var(--md-sys-typescale-body-small-size, 0.75rem));--_text-field-label-text-size: var(--md-outlined-select-text-field-label-text-size, var(--md-sys-typescale-body-large-size, 1rem));--_text-field-label-text-weight: var(--md-outlined-select-text-field-label-text-weight, var(--md-sys-typescale-body-large-weight, var(--md-ref-typeface-weight-regular, 400)));--_text-field-leading-icon-color: var(--md-outlined-select-text-field-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_text-field-leading-icon-size: var(--md-outlined-select-text-field-leading-icon-size, 24px);--_text-field-outline-color: var(--md-outlined-select-text-field-outline-color, var(--md-sys-color-outline, #79747e));--_text-field-outline-width: var(--md-outlined-select-text-field-outline-width, 1px);--_text-field-supporting-text-color: var(--md-outlined-select-text-field-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_text-field-supporting-text-font: var(--md-outlined-select-text-field-supporting-text-font, var(--md-sys-typescale-body-small-font, var(--md-ref-typeface-plain, Roboto)));--_text-field-supporting-text-line-height: var(--md-outlined-select-text-field-supporting-text-line-height, var(--md-sys-typescale-body-small-line-height, 1rem));--_text-field-supporting-text-size: var(--md-outlined-select-text-field-supporting-text-size, var(--md-sys-typescale-body-small-size, 0.75rem));--_text-field-supporting-text-weight: var(--md-outlined-select-text-field-supporting-text-weight, var(--md-sys-typescale-body-small-weight, var(--md-ref-typeface-weight-regular, 400)));--_text-field-trailing-icon-color: var(--md-outlined-select-text-field-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_text-field-trailing-icon-size: var(--md-outlined-select-text-field-trailing-icon-size, 24px);--_text-field-container-shape-start-start: var(--md-outlined-select-text-field-container-shape-start-start, var(--md-outlined-select-text-field-container-shape, var(--md-sys-shape-corner-extra-small, 4px)));--_text-field-container-shape-start-end: var(--md-outlined-select-text-field-container-shape-start-end, var(--md-outlined-select-text-field-container-shape, var(--md-sys-shape-corner-extra-small, 4px)));--_text-field-container-shape-end-end: var(--md-outlined-select-text-field-container-shape-end-end, var(--md-outlined-select-text-field-container-shape, var(--md-sys-shape-corner-extra-small, 4px)));--_text-field-container-shape-end-start: var(--md-outlined-select-text-field-container-shape-end-start, var(--md-outlined-select-text-field-container-shape, var(--md-sys-shape-corner-extra-small, 4px)));--md-outlined-field-container-shape-end-end: var(--_text-field-container-shape-end-end);--md-outlined-field-container-shape-end-start: var(--_text-field-container-shape-end-start);--md-outlined-field-container-shape-start-end: var(--_text-field-container-shape-start-end);--md-outlined-field-container-shape-start-start: var(--_text-field-container-shape-start-start);--md-outlined-field-content-color: var(--_text-field-input-text-color);--md-outlined-field-content-font: var(--_text-field-input-text-font);--md-outlined-field-content-line-height: var(--_text-field-input-text-line-height);--md-outlined-field-content-size: var(--_text-field-input-text-size);--md-outlined-field-content-weight: var(--_text-field-input-text-weight);--md-outlined-field-disabled-content-color: var(--_text-field-disabled-input-text-color);--md-outlined-field-disabled-content-opacity: var(--_text-field-disabled-input-text-opacity);--md-outlined-field-disabled-label-text-color: var(--_text-field-disabled-label-text-color);--md-outlined-field-disabled-label-text-opacity: var(--_text-field-disabled-label-text-opacity);--md-outlined-field-disabled-leading-content-color: var(--_text-field-disabled-leading-icon-color);--md-outlined-field-disabled-leading-content-opacity: var(--_text-field-disabled-leading-icon-opacity);--md-outlined-field-disabled-outline-color: var(--_text-field-disabled-outline-color);--md-outlined-field-disabled-outline-opacity: var(--_text-field-disabled-outline-opacity);--md-outlined-field-disabled-outline-width: var(--_text-field-disabled-outline-width);--md-outlined-field-disabled-supporting-text-color: var(--_text-field-disabled-supporting-text-color);--md-outlined-field-disabled-supporting-text-opacity: var(--_text-field-disabled-supporting-text-opacity);--md-outlined-field-disabled-trailing-content-color: var(--_text-field-disabled-trailing-icon-color);--md-outlined-field-disabled-trailing-content-opacity: var(--_text-field-disabled-trailing-icon-opacity);--md-outlined-field-error-content-color: var(--_text-field-error-input-text-color);--md-outlined-field-error-focus-content-color: var(--_text-field-error-focus-input-text-color);--md-outlined-field-error-focus-label-text-color: var(--_text-field-error-focus-label-text-color);--md-outlined-field-error-focus-leading-content-color: var(--_text-field-error-focus-leading-icon-color);--md-outlined-field-error-focus-outline-color: var(--_text-field-error-focus-outline-color);--md-outlined-field-error-focus-supporting-text-color: var(--_text-field-error-focus-supporting-text-color);--md-outlined-field-error-focus-trailing-content-color: var(--_text-field-error-focus-trailing-icon-color);--md-outlined-field-error-hover-content-color: var(--_text-field-error-hover-input-text-color);--md-outlined-field-error-hover-label-text-color: var(--_text-field-error-hover-label-text-color);--md-outlined-field-error-hover-leading-content-color: var(--_text-field-error-hover-leading-icon-color);--md-outlined-field-error-hover-outline-color: var(--_text-field-error-hover-outline-color);--md-outlined-field-error-hover-supporting-text-color: var(--_text-field-error-hover-supporting-text-color);--md-outlined-field-error-hover-trailing-content-color: var(--_text-field-error-hover-trailing-icon-color);--md-outlined-field-error-label-text-color: var(--_text-field-error-label-text-color);--md-outlined-field-error-leading-content-color: var(--_text-field-error-leading-icon-color);--md-outlined-field-error-outline-color: var(--_text-field-error-outline-color);--md-outlined-field-error-supporting-text-color: var(--_text-field-error-supporting-text-color);--md-outlined-field-error-trailing-content-color: var(--_text-field-error-trailing-icon-color);--md-outlined-field-focus-content-color: var(--_text-field-focus-input-text-color);--md-outlined-field-focus-label-text-color: var(--_text-field-focus-label-text-color);--md-outlined-field-focus-leading-content-color: var(--_text-field-focus-leading-icon-color);--md-outlined-field-focus-outline-color: var(--_text-field-focus-outline-color);--md-outlined-field-focus-outline-width: var(--_text-field-focus-outline-width);--md-outlined-field-focus-supporting-text-color: var(--_text-field-focus-supporting-text-color);--md-outlined-field-focus-trailing-content-color: var(--_text-field-focus-trailing-icon-color);--md-outlined-field-hover-content-color: var(--_text-field-hover-input-text-color);--md-outlined-field-hover-label-text-color: var(--_text-field-hover-label-text-color);--md-outlined-field-hover-leading-content-color: var(--_text-field-hover-leading-icon-color);--md-outlined-field-hover-outline-color: var(--_text-field-hover-outline-color);--md-outlined-field-hover-outline-width: var(--_text-field-hover-outline-width);--md-outlined-field-hover-supporting-text-color: var(--_text-field-hover-supporting-text-color);--md-outlined-field-hover-trailing-content-color: var(--_text-field-hover-trailing-icon-color);--md-outlined-field-label-text-color: var(--_text-field-label-text-color);--md-outlined-field-label-text-font: var(--_text-field-label-text-font);--md-outlined-field-label-text-line-height: var(--_text-field-label-text-line-height);--md-outlined-field-label-text-populated-line-height: var(--_text-field-label-text-populated-line-height);--md-outlined-field-label-text-populated-size: var(--_text-field-label-text-populated-size);--md-outlined-field-label-text-size: var(--_text-field-label-text-size);--md-outlined-field-label-text-weight: var(--_text-field-label-text-weight);--md-outlined-field-leading-content-color: var(--_text-field-leading-icon-color);--md-outlined-field-outline-color: var(--_text-field-outline-color);--md-outlined-field-outline-width: var(--_text-field-outline-width);--md-outlined-field-supporting-text-color: var(--_text-field-supporting-text-color);--md-outlined-field-supporting-text-font: var(--_text-field-supporting-text-font);--md-outlined-field-supporting-text-line-height: var(--_text-field-supporting-text-line-height);--md-outlined-field-supporting-text-size: var(--_text-field-supporting-text-size);--md-outlined-field-supporting-text-weight: var(--_text-field-supporting-text-weight);--md-outlined-field-trailing-content-color: var(--_text-field-trailing-icon-color)}[has-start] .icon.leading{font-size:var(--_text-field-leading-icon-size);height:var(--_text-field-leading-icon-size);width:var(--_text-field-leading-icon-size)}.icon.trailing{font-size:var(--_text-field-trailing-icon-size);height:var(--_text-field-trailing-icon-size);width:var(--_text-field-trailing-icon-size)} +`; +/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +let qo = class extends $c { +}; +qo.styles = [$s, Tc]; +qo = l([ + H("md-outlined-select") +], qo); +/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const Ts = F`:host{display:flex;--md-ripple-hover-color: var(--md-menu-item-hover-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--md-ripple-hover-opacity: var(--md-menu-item-hover-state-layer-opacity, 0.08);--md-ripple-pressed-color: var(--md-menu-item-pressed-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--md-ripple-pressed-opacity: var(--md-menu-item-pressed-state-layer-opacity, 0.12)}:host([disabled]){opacity:var(--md-menu-item-disabled-opacity, 0.3);pointer-events:none}md-focus-ring{z-index:1;--md-focus-ring-shape: 8px}a,button,li{background:none;border:none;padding:0;margin:0;text-align:unset;text-decoration:none}.list-item{border-radius:inherit;display:flex;flex:1;max-width:inherit;min-width:inherit;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.list-item:not(.disabled){cursor:pointer}[slot=container]{pointer-events:none}md-ripple{border-radius:inherit}md-item{border-radius:inherit;flex:1;color:var(--md-menu-item-label-text-color, var(--md-sys-color-on-surface, #1d1b20));font-family:var(--md-menu-item-label-text-font, var(--md-sys-typescale-body-large-font, var(--md-ref-typeface-plain, Roboto)));font-size:var(--md-menu-item-label-text-size, var(--md-sys-typescale-body-large-size, 1rem));line-height:var(--md-menu-item-label-text-line-height, var(--md-sys-typescale-body-large-line-height, 1.5rem));font-weight:var(--md-menu-item-label-text-weight, var(--md-sys-typescale-body-large-weight, var(--md-ref-typeface-weight-regular, 400)));min-height:var(--md-menu-item-one-line-container-height, 56px);padding-top:var(--md-menu-item-top-space, 12px);padding-bottom:var(--md-menu-item-bottom-space, 12px);padding-inline-start:var(--md-menu-item-leading-space, 16px);padding-inline-end:var(--md-menu-item-trailing-space, 16px)}md-item[multiline]{min-height:var(--md-menu-item-two-line-container-height, 72px)}[slot=supporting-text]{color:var(--md-menu-item-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));font-family:var(--md-menu-item-supporting-text-font, var(--md-sys-typescale-body-medium-font, var(--md-ref-typeface-plain, Roboto)));font-size:var(--md-menu-item-supporting-text-size, var(--md-sys-typescale-body-medium-size, 0.875rem));line-height:var(--md-menu-item-supporting-text-line-height, var(--md-sys-typescale-body-medium-line-height, 1.25rem));font-weight:var(--md-menu-item-supporting-text-weight, var(--md-sys-typescale-body-medium-weight, var(--md-ref-typeface-weight-regular, 400)))}[slot=trailing-supporting-text]{color:var(--md-menu-item-trailing-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));font-family:var(--md-menu-item-trailing-supporting-text-font, var(--md-sys-typescale-label-small-font, var(--md-ref-typeface-plain, Roboto)));font-size:var(--md-menu-item-trailing-supporting-text-size, var(--md-sys-typescale-label-small-size, 0.6875rem));line-height:var(--md-menu-item-trailing-supporting-text-line-height, var(--md-sys-typescale-label-small-line-height, 1rem));font-weight:var(--md-menu-item-trailing-supporting-text-weight, var(--md-sys-typescale-label-small-weight, var(--md-ref-typeface-weight-medium, 500)))}:is([slot=start],[slot=end])::slotted(*){fill:currentColor}[slot=start]{color:var(--md-menu-item-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f))}[slot=end]{color:var(--md-menu-item-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f))}.list-item{background-color:var(--md-menu-item-container-color, transparent)}.list-item.selected{background-color:var(--md-menu-item-selected-container-color, var(--md-sys-color-secondary-container, #e8def8))}.selected:not(.disabled) ::slotted(*){color:var(--md-menu-item-selected-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b))}@media(forced-colors: active){:host([disabled]),:host([disabled]) slot{color:GrayText;opacity:1}.list-item{position:relative}.list-item.selected::before{content:"";position:absolute;inset:0;box-sizing:border-box;border-radius:inherit;pointer-events:none;border:3px double CanvasText}} +`; +/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +class Da extends W { + constructor() { + super(...arguments), this.multiline = !1; + } + render() { + return _` + + +
+ + + + +
+ + + `; + } + handleTextSlotChange() { + let e = !1, t = 0; + for (const o of this.textSlots) + if (Sc(o) && (t += 1), t > 1) { + e = !0; + break; + } + this.multiline = e; + } +} +l([ + p({ type: Boolean, reflect: !0 }) +], Da.prototype, "multiline", void 0); +l([ + Ul(".text slot") +], Da.prototype, "textSlots", void 0); +function Sc(r) { + var e; + for (const t of r.assignedNodes({ flatten: !0 })) { + const o = t.nodeType === Node.ELEMENT_NODE, i = t.nodeType === Node.TEXT_NODE && ((e = t.textContent) == null ? void 0 : e.match(/\S/)); + if (o || i) + return !0; + } + return !1; +} +/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const Ac = F`:host{color:var(--md-sys-color-on-surface, #1d1b20);font-family:var(--md-sys-typescale-body-large-font, var(--md-ref-typeface-plain, Roboto));font-size:var(--md-sys-typescale-body-large-size, 1rem);font-weight:var(--md-sys-typescale-body-large-weight, var(--md-ref-typeface-weight-regular, 400));line-height:var(--md-sys-typescale-body-large-line-height, 1.5rem);align-items:center;box-sizing:border-box;display:flex;gap:16px;min-height:56px;overflow:hidden;padding:12px 16px;position:relative;text-overflow:ellipsis}:host([multiline]){min-height:72px}[name=overline]{color:var(--md-sys-color-on-surface-variant, #49454f);font-family:var(--md-sys-typescale-label-small-font, var(--md-ref-typeface-plain, Roboto));font-size:var(--md-sys-typescale-label-small-size, 0.6875rem);font-weight:var(--md-sys-typescale-label-small-weight, var(--md-ref-typeface-weight-medium, 500));line-height:var(--md-sys-typescale-label-small-line-height, 1rem)}[name=supporting-text]{color:var(--md-sys-color-on-surface-variant, #49454f);font-family:var(--md-sys-typescale-body-medium-font, var(--md-ref-typeface-plain, Roboto));font-size:var(--md-sys-typescale-body-medium-size, 0.875rem);font-weight:var(--md-sys-typescale-body-medium-weight, var(--md-ref-typeface-weight-regular, 400));line-height:var(--md-sys-typescale-body-medium-line-height, 1.25rem)}[name=trailing-supporting-text]{color:var(--md-sys-color-on-surface-variant, #49454f);font-family:var(--md-sys-typescale-label-small-font, var(--md-ref-typeface-plain, Roboto));font-size:var(--md-sys-typescale-label-small-size, 0.6875rem);font-weight:var(--md-sys-typescale-label-small-weight, var(--md-ref-typeface-weight-medium, 500));line-height:var(--md-sys-typescale-label-small-line-height, 1rem)}[name=container]::slotted(*){inset:0;position:absolute}.default-slot{display:inline}.default-slot,.text ::slotted(*){overflow:hidden;text-overflow:ellipsis}.text{display:flex;flex:1;flex-direction:column;overflow:hidden} +`; +/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +let wa = class extends Da { +}; +wa.styles = [Ac]; +wa = l([ + H("md-item") +], wa); +/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +class Ss { + /** + * @param host The MenuItem in which to attach this controller to. + * @param config The object that configures this controller's behavior. + */ + constructor(e, t) { + this.host = e, this.internalTypeaheadText = null, this.onClick = () => { + this.host.keepOpen || this.host.dispatchEvent(Bn(this.host, { + kind: ga.CLICK_SELECTION + })); + }, this.onKeydown = (o) => { + if (this.host.href && o.code === "Enter") { + const a = this.getInteractiveElement(); + a instanceof HTMLAnchorElement && a.click(); + } + if (o.defaultPrevented) + return; + const i = o.code; + this.host.keepOpen && i !== "Escape" || ks(i) && (o.preventDefault(), this.host.dispatchEvent(Bn(this.host, { + kind: ga.KEYDOWN, + key: i + }))); + }, this.getHeadlineElements = t.getHeadlineElements, this.getSupportingTextElements = t.getSupportingTextElements, this.getDefaultElements = t.getDefaultElements, this.getInteractiveElement = t.getInteractiveElement, this.host.addController(this); + } + /** + * The text that is selectable via typeahead. If not set, defaults to the + * innerText of the item slotted into the `"headline"` slot, and if there are + * no slotted elements into headline, then it checks the _default_ slot, and + * then the `"supporting-text"` slot if nothing is in _default_. + */ + get typeaheadText() { + if (this.internalTypeaheadText !== null) + return this.internalTypeaheadText; + const e = this.getHeadlineElements(), t = []; + return e.forEach((o) => { + o.textContent && o.textContent.trim() && t.push(o.textContent.trim()); + }), t.length === 0 && this.getDefaultElements().forEach((o) => { + o.textContent && o.textContent.trim() && t.push(o.textContent.trim()); + }), t.length === 0 && this.getSupportingTextElements().forEach((o) => { + o.textContent && o.textContent.trim() && t.push(o.textContent.trim()); + }), t.join(" "); + } + /** + * The recommended tag name to render as the list item. + */ + get tagName() { + switch (this.host.type) { + case "link": + return "a"; + case "button": + return "button"; + default: + case "menuitem": + case "option": + return "li"; + } + } + /** + * The recommended role of the menu item. + */ + get role() { + return this.host.type === "option" ? "option" : "menuitem"; + } + hostConnected() { + this.host.toggleAttribute("md-menu-item", !0); + } + hostUpdate() { + this.host.href && (this.host.type = "link"); + } + /** + * Use to set the typeaheadText when it changes. + */ + setTypeaheadText(e) { + this.internalTypeaheadText = e; + } +} +/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +function Rc() { + return new Event("request-selection", { + bubbles: !0, + composed: !0 + }); +} +function Ic() { + return new Event("request-deselection", { + bubbles: !0, + composed: !0 + }); +} +class Oc { + /** + * The recommended role of the select option. + */ + get role() { + return this.menuItemController.role; + } + /** + * The text that is selectable via typeahead. If not set, defaults to the + * innerText of the item slotted into the `"headline"` slot, and if there are + * no slotted elements into headline, then it checks the _default_ slot, and + * then the `"supporting-text"` slot if nothing is in _default_. + */ + get typeaheadText() { + return this.menuItemController.typeaheadText; + } + setTypeaheadText(e) { + this.menuItemController.setTypeaheadText(e); + } + /** + * The text that is displayed in the select field when selected. If not set, + * defaults to the textContent of the item slotted into the `"headline"` slot, + * and if there are no slotted elements into headline, then it checks the + * _default_ slot, and then the `"supporting-text"` slot if nothing is in + * _default_. + */ + get displayText() { + return this.internalDisplayText !== null ? this.internalDisplayText : this.menuItemController.typeaheadText; + } + setDisplayText(e) { + this.internalDisplayText = e; + } + /** + * @param host The SelectOption in which to attach this controller to. + * @param config The object that configures this controller's behavior. + */ + constructor(e, t) { + this.host = e, this.internalDisplayText = null, this.firstUpdate = !0, this.onClick = () => { + this.menuItemController.onClick(); + }, this.onKeydown = (o) => { + this.menuItemController.onKeydown(o); + }, this.lastSelected = this.host.selected, this.menuItemController = new Ss(e, t), e.addController(this); + } + hostUpdate() { + this.lastSelected !== this.host.selected && (this.host.ariaSelected = this.host.selected ? "true" : "false"); + } + hostUpdated() { + this.lastSelected !== this.host.selected && !this.firstUpdate && (this.host.selected ? this.host.dispatchEvent(Rc()) : this.host.dispatchEvent(Ic())), this.lastSelected = this.host.selected, this.firstUpdate = !1; + } +} +/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const zc = Je(W); +class ot extends zc { + constructor() { + super(...arguments), this.disabled = !1, this.isMenuItem = !0, this.selected = !1, this.value = "", this.type = "option", this.selectOptionController = new Oc(this, { + getHeadlineElements: () => this.headlineElements, + getSupportingTextElements: () => this.supportingTextElements, + getDefaultElements: () => this.defaultElements, + getInteractiveElement: () => this.listItemRoot + }); + } + /** + * The text that is selectable via typeahead. If not set, defaults to the + * innerText of the item slotted into the `"headline"` slot. + */ + get typeaheadText() { + return this.selectOptionController.typeaheadText; + } + set typeaheadText(e) { + this.selectOptionController.setTypeaheadText(e); + } + /** + * The text that is displayed in the select field when selected. If not set, + * defaults to the textContent of the item slotted into the `"headline"` slot. + */ + get displayText() { + return this.selectOptionController.displayText; + } + set displayText(e) { + this.selectOptionController.setDisplayText(e); + } + render() { + return this.renderListItem(_` + +
+ ${this.renderRipple()} ${this.renderFocusRing()} +
+ + + ${this.renderBody()} + + `); + } + /** + * Renders the root list item. + * + * @param content the child content of the list item. + */ + renderListItem(e) { + return _` +
  • ${e}
    • + `; + } + /** + * Handles rendering of the ripple element. + */ + renderRipple() { + return _` `; + } + /** + * Handles rendering of the focus ring. + */ + renderFocusRing() { + return _` `; + } + /** + * Classes applied to the list item root. + */ + getRenderClasses() { + return { + disabled: this.disabled, + selected: this.selected + }; + } + /** + * Handles rendering the headline and supporting text. + */ + renderBody() { + return _` + + + + + + `; + } + focus() { + var e; + (e = this.listItemRoot) == null || e.focus(); + } +} +ot.shadowRootOptions = { + ...W.shadowRootOptions, + delegatesFocus: !0 +}; +l([ + p({ type: Boolean, reflect: !0 }) +], ot.prototype, "disabled", void 0); +l([ + p({ type: Boolean, attribute: "md-menu-item", reflect: !0 }) +], ot.prototype, "isMenuItem", void 0); +l([ + p({ type: Boolean }) +], ot.prototype, "selected", void 0); +l([ + p() +], ot.prototype, "value", void 0); +l([ + G(".list-item") +], ot.prototype, "listItemRoot", void 0); +l([ + We({ slot: "headline" }) +], ot.prototype, "headlineElements", void 0); +l([ + We({ slot: "supporting-text" }) +], ot.prototype, "supportingTextElements", void 0); +l([ + Ia({ slot: "" }) +], ot.prototype, "defaultElements", void 0); +l([ + p({ attribute: "typeahead-text" }) +], ot.prototype, "typeaheadText", null); +l([ + p({ attribute: "display-text" }) +], ot.prototype, "displayText", null); +/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +let Wo = class extends ot { +}; +Wo.styles = [Ts]; +Wo = l([ + H("md-select-option") +], Wo); +const Pc = ee({ + tagName: "md-select", + react: J, + elementClass: Ho +}), Lc = ee({ + tagName: "md-select", + react: J, + elementClass: qo +}); +ee({ + tagName: "md-select-option", + react: J, + elementClass: Wo +}); +const Ep = (r) => { + const { variant: e = "filled", ...t } = r, o = e === "filled" ? Pc : Lc; + return /* @__PURE__ */ V.jsx(o, { ...t }); +}; +/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const As = Symbol("dispatchHooks"); +function Fc(r, e) { + const t = r[As]; + if (!t) + throw new Error(`'${r.type}' event needs setupDispatchHooks().`); + t.addEventListener("after", e); +} +const Un = /* @__PURE__ */ new WeakMap(); +function Mc(r, ...e) { + let t = Un.get(r); + t || (t = /* @__PURE__ */ new Set(), Un.set(r, t)); + for (const o of e) { + if (t.has(o)) + continue; + let i = !1; + r.addEventListener(o, (a) => { + if (i) + return; + a.stopImmediatePropagation(); + const s = Reflect.construct(a.constructor, [ + a.type, + a + ]), d = new EventTarget(); + s[As] = d, i = !0; + const h = r.dispatchEvent(s); + i = !1, h || a.preventDefault(), d.dispatchEvent(new Event("after")); + }, { + // Ensure this listener runs before other listeners. + // `setupDispatchHooks()` should be called in constructors to also + // ensure they run before any other externally-added capture listeners. + capture: !0 + }), t.add(o); + } +} +/** + * @license + * Copyright 2021 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const Dc = Je(Mr(cr(Rt(W)))); +let It = class extends Dc { + constructor() { + super(), this.selected = !1, this.icons = !1, this.showOnlySelectedIcon = !1, this.required = !1, this.value = "on", this.addEventListener("click", (e) => { + !Nr(e) || !this.input || (this.focus(), yi(this.input)); + }), Mc(this, "keydown"), this.addEventListener("keydown", (e) => { + Fc(e, () => { + e.defaultPrevented || e.key !== "Enter" || this.disabled || !this.input || this.input.click(); + }); + }); + } + render() { + return _` +
    + + + + ${this.renderHandle()} +
    + `; + } + getRenderClasses() { + return { + selected: this.selected, + unselected: !this.selected, + disabled: this.disabled + }; + } + renderHandle() { + const e = { + "with-icon": this.showOnlySelectedIcon ? this.selected : this.icons + }; + return _` + ${this.renderTouchTarget()} + + + + ${this.shouldShowIcons() ? this.renderIcons() : _``} + + + `; + } + renderIcons() { + return _` +
    + ${this.renderOnIcon()} + ${this.showOnlySelectedIcon ? _`` : this.renderOffIcon()} +
    + `; + } + /** + * https://fonts.google.com/icons?selected=Material%20Symbols%20Outlined%3Acheck%3AFILL%400%3Bwght%40500%3BGRAD%400%3Bopsz%4024 + */ + renderOnIcon() { + return _` + + + + + + `; + } + /** + * https://fonts.google.com/icons?selected=Material%20Symbols%20Outlined%3Aclose%3AFILL%400%3Bwght%40500%3BGRAD%400%3Bopsz%4024 + */ + renderOffIcon() { + return _` + + + + + + `; + } + renderTouchTarget() { + return _``; + } + shouldShowIcons() { + return this.icons || this.showOnlySelectedIcon; + } + handleInput(e) { + const t = e.target; + this.selected = t.checked; + } + handleChange(e) { + At(this, e); + } + [yt]() { + return this.selected ? this.value : null; + } + [Rr]() { + return String(this.selected); + } + formResetCallback() { + this.selected = this.hasAttribute("selected"); + } + formStateRestoreCallback(e) { + this.selected = e === "true"; + } + [Wt]() { + return new ms(() => ({ + checked: this.selected, + required: this.required + })); + } + [Kt]() { + return this.input; + } +}; +It.shadowRootOptions = { + mode: "open", + delegatesFocus: !0 +}; +l([ + p({ type: Boolean }) +], It.prototype, "selected", void 0); +l([ + p({ type: Boolean }) +], It.prototype, "icons", void 0); +l([ + p({ type: Boolean, attribute: "show-only-selected-icon" }) +], It.prototype, "showOnlySelectedIcon", void 0); +l([ + p({ type: Boolean }) +], It.prototype, "required", void 0); +l([ + p() +], It.prototype, "value", void 0); +l([ + G("input") +], It.prototype, "input", void 0); +/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const Nc = F`@layer styles, hcm;@layer styles{:host{display:inline-flex;outline:none;vertical-align:top;-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer}:host([disabled]){cursor:default}:host([touch-target=wrapper]){margin:max(0px,(48px - var(--md-switch-track-height, 32px))/2) 0px}md-focus-ring{--md-focus-ring-shape-start-start: var(--md-switch-track-shape-start-start, var(--md-switch-track-shape, var(--md-sys-shape-corner-full, 9999px)));--md-focus-ring-shape-start-end: var(--md-switch-track-shape-start-end, var(--md-switch-track-shape, var(--md-sys-shape-corner-full, 9999px)));--md-focus-ring-shape-end-end: var(--md-switch-track-shape-end-end, var(--md-switch-track-shape, var(--md-sys-shape-corner-full, 9999px)));--md-focus-ring-shape-end-start: var(--md-switch-track-shape-end-start, var(--md-switch-track-shape, var(--md-sys-shape-corner-full, 9999px)))}.switch{align-items:center;display:inline-flex;flex-shrink:0;position:relative;width:var(--md-switch-track-width, 52px);height:var(--md-switch-track-height, 32px);border-start-start-radius:var(--md-switch-track-shape-start-start, var(--md-switch-track-shape, var(--md-sys-shape-corner-full, 9999px)));border-start-end-radius:var(--md-switch-track-shape-start-end, var(--md-switch-track-shape, var(--md-sys-shape-corner-full, 9999px)));border-end-end-radius:var(--md-switch-track-shape-end-end, var(--md-switch-track-shape, var(--md-sys-shape-corner-full, 9999px)));border-end-start-radius:var(--md-switch-track-shape-end-start, var(--md-switch-track-shape, var(--md-sys-shape-corner-full, 9999px)))}input{appearance:none;height:max(100%,var(--md-switch-touch-target-size, 48px));outline:none;margin:0;position:absolute;width:max(100%,var(--md-switch-touch-target-size, 48px));z-index:1;cursor:inherit;top:50%;left:50%;transform:translate(-50%, -50%)}:host([touch-target=none]) input{display:none}}@layer styles{.track{position:absolute;width:100%;height:100%;box-sizing:border-box;border-radius:inherit;display:flex;justify-content:center;align-items:center}.track::before{content:"";display:flex;position:absolute;height:100%;width:100%;border-radius:inherit;box-sizing:border-box;transition-property:opacity,background-color;transition-timing-function:linear;transition-duration:67ms}.disabled .track{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.disabled .track::before,.disabled .track::after{transition:none;opacity:var(--md-switch-disabled-track-opacity, 0.12)}.disabled .track::before{background-clip:content-box}.selected .track::before{background-color:var(--md-switch-selected-track-color, var(--md-sys-color-primary, #6750a4))}.selected:hover .track::before{background-color:var(--md-switch-selected-hover-track-color, var(--md-sys-color-primary, #6750a4))}.selected:focus-within .track::before{background-color:var(--md-switch-selected-focus-track-color, var(--md-sys-color-primary, #6750a4))}.selected:active .track::before{background-color:var(--md-switch-selected-pressed-track-color, var(--md-sys-color-primary, #6750a4))}.selected.disabled .track{background-clip:border-box}.selected.disabled .track::before{background-color:var(--md-switch-disabled-selected-track-color, var(--md-sys-color-on-surface, #1d1b20))}.unselected .track::before{background-color:var(--md-switch-track-color, var(--md-sys-color-surface-container-highest, #e6e0e9));border-color:var(--md-switch-track-outline-color, var(--md-sys-color-outline, #79747e));border-style:solid;border-width:var(--md-switch-track-outline-width, 2px)}.unselected:hover .track::before{background-color:var(--md-switch-hover-track-color, var(--md-sys-color-surface-container-highest, #e6e0e9));border-color:var(--md-switch-hover-track-outline-color, var(--md-sys-color-outline, #79747e))}.unselected:focus-visible .track::before{background-color:var(--md-switch-focus-track-color, var(--md-sys-color-surface-container-highest, #e6e0e9));border-color:var(--md-switch-focus-track-outline-color, var(--md-sys-color-outline, #79747e))}.unselected:active .track::before{background-color:var(--md-switch-pressed-track-color, var(--md-sys-color-surface-container-highest, #e6e0e9));border-color:var(--md-switch-pressed-track-outline-color, var(--md-sys-color-outline, #79747e))}.unselected.disabled .track::before{background-color:var(--md-switch-disabled-track-color, var(--md-sys-color-surface-container-highest, #e6e0e9));border-color:var(--md-switch-disabled-track-outline-color, var(--md-sys-color-on-surface, #1d1b20))}}@layer hcm{@media(forced-colors: active){.selected .track::before{background:ButtonText;border-color:ButtonText}.disabled .track::before{border-color:GrayText;opacity:1}.disabled.selected .track::before{background:GrayText}}}@layer styles{.handle-container{display:flex;place-content:center;place-items:center;position:relative;transition:margin 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275)}.selected .handle-container{margin-inline-start:calc(var(--md-switch-track-width, 52px) - var(--md-switch-track-height, 32px))}.unselected .handle-container{margin-inline-end:calc(var(--md-switch-track-width, 52px) - var(--md-switch-track-height, 32px))}.disabled .handle-container{transition:none}.handle{border-start-start-radius:var(--md-switch-handle-shape-start-start, var(--md-switch-handle-shape, var(--md-sys-shape-corner-full, 9999px)));border-start-end-radius:var(--md-switch-handle-shape-start-end, var(--md-switch-handle-shape, var(--md-sys-shape-corner-full, 9999px)));border-end-end-radius:var(--md-switch-handle-shape-end-end, var(--md-switch-handle-shape, var(--md-sys-shape-corner-full, 9999px)));border-end-start-radius:var(--md-switch-handle-shape-end-start, var(--md-switch-handle-shape, var(--md-sys-shape-corner-full, 9999px)));height:var(--md-switch-handle-height, 16px);width:var(--md-switch-handle-width, 16px);transform-origin:center;transition-property:height,width;transition-duration:250ms,250ms;transition-timing-function:cubic-bezier(0.2, 0, 0, 1),cubic-bezier(0.2, 0, 0, 1);z-index:0}.handle::before{content:"";display:flex;inset:0;position:absolute;border-radius:inherit;box-sizing:border-box;transition:background-color 67ms linear}.disabled .handle,.disabled .handle::before{transition:none}.selected .handle{height:var(--md-switch-selected-handle-height, 24px);width:var(--md-switch-selected-handle-width, 24px)}.handle.with-icon{height:var(--md-switch-with-icon-handle-height, 24px);width:var(--md-switch-with-icon-handle-width, 24px)}.selected:not(.disabled):active .handle,.unselected:not(.disabled):active .handle{height:var(--md-switch-pressed-handle-height, 28px);width:var(--md-switch-pressed-handle-width, 28px);transition-timing-function:linear;transition-duration:100ms}.selected .handle::before{background-color:var(--md-switch-selected-handle-color, var(--md-sys-color-on-primary, #fff))}.selected:hover .handle::before{background-color:var(--md-switch-selected-hover-handle-color, var(--md-sys-color-primary-container, #eaddff))}.selected:focus-within .handle::before{background-color:var(--md-switch-selected-focus-handle-color, var(--md-sys-color-primary-container, #eaddff))}.selected:active .handle::before{background-color:var(--md-switch-selected-pressed-handle-color, var(--md-sys-color-primary-container, #eaddff))}.selected.disabled .handle::before{background-color:var(--md-switch-disabled-selected-handle-color, var(--md-sys-color-surface, #fef7ff));opacity:var(--md-switch-disabled-selected-handle-opacity, 1)}.unselected .handle::before{background-color:var(--md-switch-handle-color, var(--md-sys-color-outline, #79747e))}.unselected:hover .handle::before{background-color:var(--md-switch-hover-handle-color, var(--md-sys-color-on-surface-variant, #49454f))}.unselected:focus-within .handle::before{background-color:var(--md-switch-focus-handle-color, var(--md-sys-color-on-surface-variant, #49454f))}.unselected:active .handle::before{background-color:var(--md-switch-pressed-handle-color, var(--md-sys-color-on-surface-variant, #49454f))}.unselected.disabled .handle::before{background-color:var(--md-switch-disabled-handle-color, var(--md-sys-color-on-surface, #1d1b20));opacity:var(--md-switch-disabled-handle-opacity, 0.38)}md-ripple{border-radius:var(--md-switch-state-layer-shape, var(--md-sys-shape-corner-full, 9999px));height:var(--md-switch-state-layer-size, 40px);inset:unset;width:var(--md-switch-state-layer-size, 40px)}.selected md-ripple{--md-ripple-hover-color: var(--md-switch-selected-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-pressed-color: var(--md-switch-selected-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-hover-opacity: var(--md-switch-selected-hover-state-layer-opacity, 0.08);--md-ripple-pressed-opacity: var(--md-switch-selected-pressed-state-layer-opacity, 0.12)}.unselected md-ripple{--md-ripple-hover-color: var(--md-switch-hover-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--md-ripple-pressed-color: var(--md-switch-pressed-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--md-ripple-hover-opacity: var(--md-switch-hover-state-layer-opacity, 0.08);--md-ripple-pressed-opacity: var(--md-switch-pressed-state-layer-opacity, 0.12)}}@layer hcm{@media(forced-colors: active){.unselected .handle::before{background:ButtonText}.disabled .handle::before{opacity:1}.disabled.unselected .handle::before{background:GrayText}}}@layer styles{.icons{position:relative;height:100%;width:100%}.icon{position:absolute;inset:0;margin:auto;display:flex;align-items:center;justify-content:center;fill:currentColor;transition:fill 67ms linear,opacity 33ms linear,transform 167ms cubic-bezier(0.2, 0, 0, 1);opacity:0}.disabled .icon{transition:none}.selected .icon--on,.unselected .icon--off{opacity:1}.unselected .handle:not(.with-icon) .icon--on{transform:rotate(-45deg)}.icon--off{width:var(--md-switch-icon-size, 16px);height:var(--md-switch-icon-size, 16px);color:var(--md-switch-icon-color, var(--md-sys-color-surface-container-highest, #e6e0e9))}.unselected:hover .icon--off{color:var(--md-switch-hover-icon-color, var(--md-sys-color-surface-container-highest, #e6e0e9))}.unselected:focus-within .icon--off{color:var(--md-switch-focus-icon-color, var(--md-sys-color-surface-container-highest, #e6e0e9))}.unselected:active .icon--off{color:var(--md-switch-pressed-icon-color, var(--md-sys-color-surface-container-highest, #e6e0e9))}.unselected.disabled .icon--off{color:var(--md-switch-disabled-icon-color, var(--md-sys-color-surface-container-highest, #e6e0e9));opacity:var(--md-switch-disabled-icon-opacity, 0.38)}.icon--on{width:var(--md-switch-selected-icon-size, 16px);height:var(--md-switch-selected-icon-size, 16px);color:var(--md-switch-selected-icon-color, var(--md-sys-color-on-primary-container, #21005d))}.selected:hover .icon--on{color:var(--md-switch-selected-hover-icon-color, var(--md-sys-color-on-primary-container, #21005d))}.selected:focus-within .icon--on{color:var(--md-switch-selected-focus-icon-color, var(--md-sys-color-on-primary-container, #21005d))}.selected:active .icon--on{color:var(--md-switch-selected-pressed-icon-color, var(--md-sys-color-on-primary-container, #21005d))}.selected.disabled .icon--on{color:var(--md-switch-disabled-selected-icon-color, var(--md-sys-color-on-surface, #1d1b20));opacity:var(--md-switch-disabled-selected-icon-opacity, 0.38)}}@layer hcm{@media(forced-colors: active){.icon--off{fill:Canvas}.icon--on{fill:ButtonText}.disabled.unselected .icon--off,.disabled.selected .icon--on{opacity:1}.disabled .icon--on{fill:GrayText}}} +`; +/** + * @license + * Copyright 2021 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +let Ko = class extends It { +}; +Ko.styles = [Nc]; +Ko = l([ + H("md-switch") +], Ko); +const Bc = ee({ + tagName: "md-switch", + react: J, + elementClass: Ko +}), Sp = ({ checked: r, id: e, disabled: t, hidden: o, ariaLabel: i, ariaLabelledBy: a, ariaDescribedBy: s, ariaControls: d, required: h, onInput: y, onChange: v, onClick: f, onMouseDown: C, onMouseUp: w, onMouseEnter: A, onFocus: S, onBlur: I, className: O, style: R, tabIndex: B, name: U, ...P }) => /* @__PURE__ */ V.jsx( + Bc, + { + ...P, + id: e, + disabled: t || !1, + required: h, + selected: r, + hidden: o, + "touch-target": "wrapper", + "aria-label": i, + "aria-labelledby": a, + "aria-describedby": s, + "aria-controls": d, + "aria-required": h, + onInput: y, + onChange: v, + onClick: f, + onMouseDown: C, + onMouseUp: w, + onMouseEnter: A, + onFocus: S, + onBlur: I, + className: O, + style: R, + tabIndex: B, + name: U || void 0 + } +); +/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const jc = F`@media(forced-colors: active){:host{--md-slider-active-track-color: CanvasText;--md-slider-disabled-active-track-color: GrayText;--md-slider-disabled-active-track-opacity: 1;--md-slider-disabled-handle-color: GrayText;--md-slider-disabled-inactive-track-color: GrayText;--md-slider-disabled-inactive-track-opacity: 1;--md-slider-focus-handle-color: CanvasText;--md-slider-handle-color: CanvasText;--md-slider-handle-shadow-color: Canvas;--md-slider-hover-handle-color: CanvasText;--md-slider-hover-state-layer-color: Canvas;--md-slider-hover-state-layer-opacity: 1;--md-slider-inactive-track-color: Canvas;--md-slider-label-container-color: Canvas;--md-slider-label-text-color: CanvasText;--md-slider-pressed-handle-color: CanvasText;--md-slider-pressed-state-layer-color: Canvas;--md-slider-pressed-state-layer-opacity: 1;--md-slider-with-overlap-handle-outline-color: CanvasText}.label,.label::before{border:var(--_with-overlap-handle-outline-color) solid var(--_with-overlap-handle-outline-width)}:host(:not([disabled])) .track::before{border:1px solid var(--_active-track-color)}.tickmarks::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='CanvasText'%3E%3Ccircle cx='2' cy='2' r='1'/%3E%3C/svg%3E")}.tickmarks::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='Canvas'%3E%3Ccircle cx='2' cy='2' r='1'/%3E%3C/svg%3E")}:host([disabled]) .tickmarks::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='Canvas'%3E%3Ccircle cx='2' cy='2' r='1'/%3E%3C/svg%3E")}} +`; +/** + * @license + * Copyright 2021 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + */ +function sa(r, e, t) { + return r ? e(r) : t == null ? void 0 : t(r); +} +/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const Uc = Je(cr(Rt(W))); +let le = class extends Uc { + /** + * The HTML name to use in form submission for a range slider's starting + * value. Use `name` instead if both the start and end values should use the + * same name. + */ + get nameStart() { + return this.getAttribute("name-start") ?? this.name; + } + set nameStart(e) { + this.setAttribute("name-start", e); + } + /** + * The HTML name to use in form submission for a range slider's ending value. + * Use `name` instead if both the start and end values should use the same + * name. + */ + get nameEnd() { + return this.getAttribute("name-end") ?? this.nameStart; + } + set nameEnd(e) { + this.setAttribute("name-end", e); + } + // Note: start aria-* properties are only applied when range=true, which is + // why they do not need to handle both cases. + get renderAriaLabelStart() { + const { ariaLabel: e } = this; + return this.ariaLabelStart || e && `${e} start` || this.valueLabelStart || String(this.valueStart); + } + get renderAriaValueTextStart() { + return this.ariaValueTextStart || this.valueLabelStart || String(this.valueStart); + } + // Note: end aria-* properties are applied for single and range sliders, which + // is why it needs to handle `this.range` (while start aria-* properties do + // not). + get renderAriaLabelEnd() { + const { ariaLabel: e } = this; + return this.range ? this.ariaLabelEnd || e && `${e} end` || this.valueLabelEnd || String(this.valueEnd) : e || this.valueLabel || String(this.value); + } + get renderAriaValueTextEnd() { + if (this.range) + return this.ariaValueTextEnd || this.valueLabelEnd || String(this.valueEnd); + const { ariaValueText: e } = this; + return e || this.valueLabel || String(this.value); + } + constructor() { + super(), this.min = 0, this.max = 100, this.valueLabel = "", this.valueLabelStart = "", this.valueLabelEnd = "", this.ariaLabelStart = "", this.ariaValueTextStart = "", this.ariaLabelEnd = "", this.ariaValueTextEnd = "", this.step = 1, this.ticks = !1, this.labeled = !1, this.range = !1, this.handleStartHover = !1, this.handleEndHover = !1, this.startOnTop = !1, this.handlesOverlapping = !1, this.ripplePointerId = 1, this.isRedispatchingEvent = !1, this.addEventListener("click", (e) => { + !Nr(e) || !this.inputEnd || (this.focus(), yi(this.inputEnd)); + }); + } + focus() { + var e; + (e = this.inputEnd) == null || e.focus(); + } + willUpdate(e) { + var o, i; + this.renderValueStart = e.has("valueStart") ? this.valueStart : (o = this.inputStart) == null ? void 0 : o.valueAsNumber; + const t = e.has("valueEnd") && this.range || e.has("value"); + this.renderValueEnd = t ? this.range ? this.valueEnd : this.value : (i = this.inputEnd) == null ? void 0 : i.valueAsNumber, e.get("handleStartHover") !== void 0 ? this.toggleRippleHover(this.rippleStart, this.handleStartHover) : e.get("handleEndHover") !== void 0 && this.toggleRippleHover(this.rippleEnd, this.handleEndHover); + } + updated(e) { + var t, o; + if (this.range && (this.renderValueStart = this.inputStart.valueAsNumber), this.renderValueEnd = this.inputEnd.valueAsNumber, this.range) { + const i = (this.max - this.min) / 3; + if (this.valueStart === void 0) { + this.inputStart.valueAsNumber = this.min + i; + const a = this.inputStart.valueAsNumber; + this.valueStart = this.renderValueStart = a; + } + if (this.valueEnd === void 0) { + this.inputEnd.valueAsNumber = this.min + 2 * i; + const a = this.inputEnd.valueAsNumber; + this.valueEnd = this.renderValueEnd = a; + } + } else + this.value ?? (this.value = this.renderValueEnd); + if (e.has("range") || e.has("renderValueStart") || e.has("renderValueEnd") || this.isUpdatePending) { + const i = (t = this.handleStart) == null ? void 0 : t.querySelector(".handleNub"), a = (o = this.handleEnd) == null ? void 0 : o.querySelector(".handleNub"); + this.handlesOverlapping = Vc(i, a); + } + this.performUpdate(); + } + render() { + const e = this.step === 0 ? 1 : this.step, t = Math.max(this.max - this.min, e), o = this.range ? ((this.renderValueStart ?? this.min) - this.min) / t : 0, i = ((this.renderValueEnd ?? this.min) - this.min) / t, a = { + // for clipping inputs and active track. + "--_start-fraction": String(o), + "--_end-fraction": String(i), + // for generating tick marks + "--_tick-count": String(t / e) + }, s = { ranged: this.range }, d = this.valueLabelStart || String(this.renderValueStart), h = (this.range ? this.valueLabelEnd : this.valueLabel) || String(this.renderValueEnd), y = { + start: !0, + value: this.renderValueStart, + ariaLabel: this.renderAriaLabelStart, + ariaValueText: this.renderAriaValueTextStart, + ariaMin: this.min, + ariaMax: this.valueEnd ?? this.max + }, v = { + start: !1, + value: this.renderValueEnd, + ariaLabel: this.renderAriaLabelEnd, + ariaValueText: this.renderAriaValueTextEnd, + ariaMin: this.range ? this.valueStart ?? this.min : this.min, + ariaMax: this.max + }, f = { + start: !0, + hover: this.handleStartHover, + label: d + }, C = { + start: !1, + hover: this.handleEndHover, + label: h + }, w = { + hover: this.handleStartHover || this.handleEndHover + }; + return _`
    + ${sa(this.range, () => this.renderInput(y))} + ${this.renderInput(v)} ${this.renderTrack()} +
    +
    +
    + ${sa(this.range, () => this.renderHandle(f))} + ${this.renderHandle(C)} +
    +
    +
    +
    `; + } + renderTrack() { + return _` +
    + ${this.ticks ? _`
    ` : x} + `; + } + renderLabel(e) { + return _``; + } + renderHandle({ start: e, hover: t, label: o }) { + const i = !this.disabled && e === this.startOnTop, a = !this.disabled && this.handlesOverlapping, s = e ? "start" : "end"; + return _`
    + + +
    + +
    + ${sa(this.labeled, () => this.renderLabel(o))} +
    `; + } + renderInput({ start: e, value: t, ariaLabel: o, ariaValueText: i, ariaMin: a, ariaMax: s }) { + const d = e ? "start" : "end"; + return _``; + } + async toggleRippleHover(e, t) { + const o = await e; + o && (t ? o.handlePointerenter(new PointerEvent("pointerenter", { + isPrimary: !0, + pointerId: this.ripplePointerId + })) : o.handlePointerleave(new PointerEvent("pointerleave", { + isPrimary: !0, + pointerId: this.ripplePointerId + }))); + } + handleFocus(e) { + this.updateOnTop(e.target); + } + startAction(e) { + const t = e.target, o = t === this.inputStart ? this.inputEnd : this.inputStart; + this.action = { + canFlip: e.type === "pointerdown", + flipped: !1, + target: t, + fixed: o, + values: /* @__PURE__ */ new Map([ + [t, t.valueAsNumber], + [o, o == null ? void 0 : o.valueAsNumber] + ]) + }; + } + finishAction(e) { + this.action = void 0; + } + handleKeydown(e) { + this.startAction(e); + } + handleKeyup(e) { + this.finishAction(e); + } + handleDown(e) { + this.startAction(e), this.ripplePointerId = e.pointerId; + const t = e.target === this.inputStart; + this.handleStartHover = !this.disabled && t && !!this.handleStart, this.handleEndHover = !this.disabled && !t && !!this.handleEnd; + } + async handleUp(e) { + if (!this.action) + return; + const { target: t, values: o, flipped: i } = this.action; + await new Promise(requestAnimationFrame), t !== void 0 && (t.focus(), i && t.valueAsNumber !== o.get(t) && t.dispatchEvent(new Event("change", { bubbles: !0 }))), this.finishAction(e); + } + /** + * The move handler tracks handle hovering to facilitate proper ripple + * behavior on the slider handle. This is needed because user interaction with + * the native input is leveraged to position the handle. Because the separate + * displayed handle element has pointer events disabled (to allow interaction + * with the input) and the input's handle is a pseudo-element, neither can be + * the ripple's interactive element. Therefore the input is the ripple's + * interactive element and has a `ripple` directive; however the ripple + * is gated on the handle being hovered. In addition, because the ripple + * hover state is being specially handled, it must be triggered independent + * of the directive. This is done based on the hover state when the + * slider is updated. + */ + handleMove(e) { + this.handleStartHover = !this.disabled && Vn(e, this.handleStart), this.handleEndHover = !this.disabled && Vn(e, this.handleEnd); + } + handleEnter(e) { + this.handleMove(e); + } + handleLeave() { + this.handleStartHover = !1, this.handleEndHover = !1; + } + updateOnTop(e) { + this.startOnTop = e.classList.contains("start"); + } + needsClamping() { + if (!this.action) + return !1; + const { target: e, fixed: t } = this.action; + return e === this.inputStart ? e.valueAsNumber > t.valueAsNumber : e.valueAsNumber < t.valueAsNumber; + } + // if start/end start coincident and the first drag input would e.g. move + // start > end, avoid clamping and "flip" to use the other input + // as the action target. + isActionFlipped() { + const { action: e } = this; + if (!e) + return !1; + const { target: t, fixed: o, values: i } = e; + return e.canFlip && i.get(t) === i.get(o) && this.needsClamping() && (e.canFlip = !1, e.flipped = !0, e.target = o, e.fixed = t), e.flipped; + } + // when flipped, apply the drag input to the flipped target and reset + // the actual target. + flipAction() { + if (!this.action) + return !1; + const { target: e, fixed: t, values: o } = this.action, i = e.valueAsNumber !== t.valueAsNumber; + return e.valueAsNumber = t.valueAsNumber, t.valueAsNumber = o.get(t), i; + } + // clamp such that start does not move beyond end and visa versa. + clampAction() { + if (!this.needsClamping() || !this.action) + return !1; + const { target: e, fixed: t } = this.action; + return e.valueAsNumber = t.valueAsNumber, !0; + } + handleInput(e) { + if (this.isRedispatchingEvent) + return; + let t = !1, o = !1; + this.range && (this.isActionFlipped() && (t = !0, o = this.flipAction()), this.clampAction() && (t = !0, o = !1)); + const i = e.target; + this.updateOnTop(i), this.range ? (this.valueStart = this.inputStart.valueAsNumber, this.valueEnd = this.inputEnd.valueAsNumber) : this.value = this.inputEnd.valueAsNumber, t && e.stopPropagation(), o && (this.isRedispatchingEvent = !0, At(i, e), this.isRedispatchingEvent = !1); + } + handleChange(e) { + const t = e.target, { target: o, values: i } = this.action ?? {}; + o && o.valueAsNumber === i.get(t) || At(this, e), this.finishAction(e); + } + [yt]() { + if (this.range) { + const e = new FormData(); + return e.append(this.nameStart, String(this.valueStart)), e.append(this.nameEnd, String(this.valueEnd)), e; + } + return String(this.value); + } + formResetCallback() { + if (this.range) { + const t = this.getAttribute("value-start"); + this.valueStart = t !== null ? Number(t) : void 0; + const o = this.getAttribute("value-end"); + this.valueEnd = o !== null ? Number(o) : void 0; + return; + } + const e = this.getAttribute("value"); + this.value = e !== null ? Number(e) : void 0; + } + formStateRestoreCallback(e) { + if (Array.isArray(e)) { + const [[, t], [, o]] = e; + this.valueStart = Number(t), this.valueEnd = Number(o), this.range = !0; + return; + } + this.value = Number(e), this.range = !1; + } +}; +le.shadowRootOptions = { + ...W.shadowRootOptions, + delegatesFocus: !0 +}; +l([ + p({ type: Number }) +], le.prototype, "min", void 0); +l([ + p({ type: Number }) +], le.prototype, "max", void 0); +l([ + p({ type: Number }) +], le.prototype, "value", void 0); +l([ + p({ type: Number, attribute: "value-start" }) +], le.prototype, "valueStart", void 0); +l([ + p({ type: Number, attribute: "value-end" }) +], le.prototype, "valueEnd", void 0); +l([ + p({ attribute: "value-label" }) +], le.prototype, "valueLabel", void 0); +l([ + p({ attribute: "value-label-start" }) +], le.prototype, "valueLabelStart", void 0); +l([ + p({ attribute: "value-label-end" }) +], le.prototype, "valueLabelEnd", void 0); +l([ + p({ attribute: "aria-label-start" }) +], le.prototype, "ariaLabelStart", void 0); +l([ + p({ attribute: "aria-valuetext-start" }) +], le.prototype, "ariaValueTextStart", void 0); +l([ + p({ attribute: "aria-label-end" }) +], le.prototype, "ariaLabelEnd", void 0); +l([ + p({ attribute: "aria-valuetext-end" }) +], le.prototype, "ariaValueTextEnd", void 0); +l([ + p({ type: Number }) +], le.prototype, "step", void 0); +l([ + p({ type: Boolean }) +], le.prototype, "ticks", void 0); +l([ + p({ type: Boolean }) +], le.prototype, "labeled", void 0); +l([ + p({ type: Boolean }) +], le.prototype, "range", void 0); +l([ + G("input.start") +], le.prototype, "inputStart", void 0); +l([ + G(".handle.start") +], le.prototype, "handleStart", void 0); +l([ + ts("md-ripple.start") +], le.prototype, "rippleStart", void 0); +l([ + G("input.end") +], le.prototype, "inputEnd", void 0); +l([ + G(".handle.end") +], le.prototype, "handleEnd", void 0); +l([ + ts("md-ripple.end") +], le.prototype, "rippleEnd", void 0); +l([ + se() +], le.prototype, "handleStartHover", void 0); +l([ + se() +], le.prototype, "handleEndHover", void 0); +l([ + se() +], le.prototype, "startOnTop", void 0); +l([ + se() +], le.prototype, "handlesOverlapping", void 0); +l([ + se() +], le.prototype, "renderValueStart", void 0); +l([ + se() +], le.prototype, "renderValueEnd", void 0); +function Vn({ x: r, y: e }, t) { + if (!t) + return !1; + const { top: o, left: i, bottom: a, right: s } = t.getBoundingClientRect(); + return r >= i && r <= s && e >= o && e <= a; +} +function Vc(r, e) { + if (!(r && e)) + return !1; + const t = r.getBoundingClientRect(), o = e.getBoundingClientRect(); + return !(t.top > o.bottom || t.right < o.left || t.bottom < o.top || t.left > o.right); +} +/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const Hc = F`:host{--_active-track-color: var(--md-slider-active-track-color, var(--md-sys-color-primary, #6750a4));--_active-track-height: var(--md-slider-active-track-height, 4px);--_active-track-shape: var(--md-slider-active-track-shape, var(--md-sys-shape-corner-full, 9999px));--_disabled-active-track-color: var(--md-slider-disabled-active-track-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-active-track-opacity: var(--md-slider-disabled-active-track-opacity, 0.38);--_disabled-handle-color: var(--md-slider-disabled-handle-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-handle-elevation: var(--md-slider-disabled-handle-elevation, 0);--_disabled-inactive-track-color: var(--md-slider-disabled-inactive-track-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-inactive-track-opacity: var(--md-slider-disabled-inactive-track-opacity, 0.12);--_focus-handle-color: var(--md-slider-focus-handle-color, var(--md-sys-color-primary, #6750a4));--_handle-color: var(--md-slider-handle-color, var(--md-sys-color-primary, #6750a4));--_handle-elevation: var(--md-slider-handle-elevation, 1);--_handle-height: var(--md-slider-handle-height, 20px);--_handle-shadow-color: var(--md-slider-handle-shadow-color, var(--md-sys-color-shadow, #000));--_handle-shape: var(--md-slider-handle-shape, var(--md-sys-shape-corner-full, 9999px));--_handle-width: var(--md-slider-handle-width, 20px);--_hover-handle-color: var(--md-slider-hover-handle-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-color: var(--md-slider-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-opacity: var(--md-slider-hover-state-layer-opacity, 0.08);--_inactive-track-color: var(--md-slider-inactive-track-color, var(--md-sys-color-surface-container-highest, #e6e0e9));--_inactive-track-height: var(--md-slider-inactive-track-height, 4px);--_inactive-track-shape: var(--md-slider-inactive-track-shape, var(--md-sys-shape-corner-full, 9999px));--_label-container-color: var(--md-slider-label-container-color, var(--md-sys-color-primary, #6750a4));--_label-container-height: var(--md-slider-label-container-height, 28px);--_pressed-handle-color: var(--md-slider-pressed-handle-color, var(--md-sys-color-primary, #6750a4));--_pressed-state-layer-color: var(--md-slider-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--_pressed-state-layer-opacity: var(--md-slider-pressed-state-layer-opacity, 0.12);--_state-layer-size: var(--md-slider-state-layer-size, 40px);--_with-overlap-handle-outline-color: var(--md-slider-with-overlap-handle-outline-color, var(--md-sys-color-on-primary, #fff));--_with-overlap-handle-outline-width: var(--md-slider-with-overlap-handle-outline-width, 1px);--_with-tick-marks-active-container-color: var(--md-slider-with-tick-marks-active-container-color, var(--md-sys-color-on-primary, #fff));--_with-tick-marks-container-size: var(--md-slider-with-tick-marks-container-size, 2px);--_with-tick-marks-disabled-container-color: var(--md-slider-with-tick-marks-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));--_with-tick-marks-inactive-container-color: var(--md-slider-with-tick-marks-inactive-container-color, var(--md-sys-color-on-surface-variant, #49454f));--_label-text-color: var(--md-slider-label-text-color, var(--md-sys-color-on-primary, #fff));--_label-text-font: var(--md-slider-label-text-font, var(--md-sys-typescale-label-medium-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-slider-label-text-line-height, var(--md-sys-typescale-label-medium-line-height, 1rem));--_label-text-size: var(--md-slider-label-text-size, var(--md-sys-typescale-label-medium-size, 0.75rem));--_label-text-weight: var(--md-slider-label-text-weight, var(--md-sys-typescale-label-medium-weight, var(--md-ref-typeface-weight-medium, 500)));--_start-fraction: 0;--_end-fraction: 0;--_tick-count: 0;display:inline-flex;vertical-align:middle;min-inline-size:200px;--md-elevation-level: var(--_handle-elevation);--md-elevation-shadow-color: var(--_handle-shadow-color)}md-focus-ring{height:48px;inset:unset;width:48px}md-elevation{transition-duration:250ms}@media(prefers-reduced-motion){.label{transition-duration:0}}:host([disabled]){opacity:var(--_disabled-active-track-opacity);--md-elevation-level: var(--_disabled-handle-elevation)}.container{flex:1;display:flex;align-items:center;position:relative;block-size:var(--_state-layer-size);pointer-events:none;touch-action:none}.track,.tickmarks{position:absolute;inset:0;display:flex;align-items:center}.track::before,.tickmarks::before,.track::after,.tickmarks::after{position:absolute;content:"";inset-inline-start:calc(var(--_state-layer-size)/2 - var(--_with-tick-marks-container-size));inset-inline-end:calc(var(--_state-layer-size)/2 - var(--_with-tick-marks-container-size));background-size:calc((100% - var(--_with-tick-marks-container-size)*2)/var(--_tick-count)) 100%}.track::before,.tickmarks::before{block-size:var(--_inactive-track-height);border-radius:var(--_inactive-track-shape)}.track::before{background:var(--_inactive-track-color)}.tickmarks::before{background-image:radial-gradient(circle at var(--_with-tick-marks-container-size) center, var(--_with-tick-marks-inactive-container-color) 0, var(--_with-tick-marks-inactive-container-color) calc(var(--_with-tick-marks-container-size) / 2), transparent calc(var(--_with-tick-marks-container-size) / 2))}:host([disabled]) .track::before{opacity:calc(1/var(--_disabled-active-track-opacity)*var(--_disabled-inactive-track-opacity));background:var(--_disabled-inactive-track-color)}.track::after,.tickmarks::after{block-size:var(--_active-track-height);border-radius:var(--_active-track-shape);clip-path:inset(0 calc(var(--_with-tick-marks-container-size) * min((1 - var(--_end-fraction)) * 1000000000, 1) + (100% - var(--_with-tick-marks-container-size) * 2) * (1 - var(--_end-fraction))) 0 calc(var(--_with-tick-marks-container-size) * min(var(--_start-fraction) * 1000000000, 1) + (100% - var(--_with-tick-marks-container-size) * 2) * var(--_start-fraction)))}.track::after{background:var(--_active-track-color)}.tickmarks::after{background-image:radial-gradient(circle at var(--_with-tick-marks-container-size) center, var(--_with-tick-marks-active-container-color) 0, var(--_with-tick-marks-active-container-color) calc(var(--_with-tick-marks-container-size) / 2), transparent calc(var(--_with-tick-marks-container-size) / 2))}.track:dir(rtl)::after{clip-path:inset(0 calc(var(--_with-tick-marks-container-size) * min(var(--_start-fraction) * 1000000000, 1) + (100% - var(--_with-tick-marks-container-size) * 2) * var(--_start-fraction)) 0 calc(var(--_with-tick-marks-container-size) * min((1 - var(--_end-fraction)) * 1000000000, 1) + (100% - var(--_with-tick-marks-container-size) * 2) * (1 - var(--_end-fraction))))}.tickmarks:dir(rtl)::after{clip-path:inset(0 calc(var(--_with-tick-marks-container-size) * min(var(--_start-fraction) * 1000000000, 1) + (100% - var(--_with-tick-marks-container-size) * 2) * var(--_start-fraction)) 0 calc(var(--_with-tick-marks-container-size) * min((1 - var(--_end-fraction)) * 1000000000, 1) + (100% - var(--_with-tick-marks-container-size) * 2) * (1 - var(--_end-fraction))))}:host([disabled]) .track::after{background:var(--_disabled-active-track-color)}:host([disabled]) .tickmarks::before{background-image:radial-gradient(circle at var(--_with-tick-marks-container-size) center, var(--_with-tick-marks-disabled-container-color) 0, var(--_with-tick-marks-disabled-container-color) calc(var(--_with-tick-marks-container-size) / 2), transparent calc(var(--_with-tick-marks-container-size) / 2))}.handleContainerPadded{position:relative;block-size:100%;inline-size:100%;padding-inline:calc(var(--_state-layer-size)/2)}.handleContainerBlock{position:relative;block-size:100%;inline-size:100%}.handleContainer{position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:calc(100%*var(--_start-fraction));inline-size:calc(100%*(var(--_end-fraction) - var(--_start-fraction)))}.handle{position:absolute;block-size:var(--_state-layer-size);inline-size:var(--_state-layer-size);border-radius:var(--_handle-shape);display:flex;place-content:center;place-items:center}.handleNub{position:absolute;height:var(--_handle-height);width:var(--_handle-width);border-radius:var(--_handle-shape);background:var(--_handle-color)}:host([disabled]) .handleNub{background:var(--_disabled-handle-color)}input.end:focus~.handleContainerPadded .handle.end>.handleNub,input.start:focus~.handleContainerPadded .handle.start>.handleNub{background:var(--_focus-handle-color)}.container>.handleContainerPadded .handle.hover>.handleNub{background:var(--_hover-handle-color)}:host(:not([disabled])) input.end:active~.handleContainerPadded .handle.end>.handleNub,:host(:not([disabled])) input.start:active~.handleContainerPadded .handle.start>.handleNub{background:var(--_pressed-handle-color)}.onTop.isOverlapping .label,.onTop.isOverlapping .label::before{outline:var(--_with-overlap-handle-outline-color) solid var(--_with-overlap-handle-outline-width)}.onTop.isOverlapping .handleNub{border:var(--_with-overlap-handle-outline-color) solid var(--_with-overlap-handle-outline-width)}.handle.start{inset-inline-start:calc(0px - var(--_state-layer-size)/2)}.handle.end{inset-inline-end:calc(0px - var(--_state-layer-size)/2)}.label{position:absolute;box-sizing:border-box;display:flex;padding:4px;place-content:center;place-items:center;border-radius:var(--md-sys-shape-corner-full, 9999px);color:var(--_label-text-color);font-family:var(--_label-text-font);font-size:var(--_label-text-size);line-height:var(--_label-text-line-height);font-weight:var(--_label-text-weight);inset-block-end:100%;min-inline-size:var(--_label-container-height);min-block-size:var(--_label-container-height);background:var(--_label-container-color);transition:transform 100ms cubic-bezier(0.2, 0, 0, 1);transform-origin:center bottom;transform:scale(0)}:host(:focus-within) .label,.handleContainer.hover .label,:where(:has(input:active)) .label{transform:scale(1)}.label::before,.label::after{position:absolute;display:block;content:"";background:inherit}.label::before{inline-size:calc(var(--_label-container-height)/2);block-size:calc(var(--_label-container-height)/2);bottom:calc(var(--_label-container-height)/-10);transform:rotate(45deg)}.label::after{inset:0px;border-radius:inherit}.labelContent{z-index:1}input[type=range]{opacity:0;-webkit-tap-highlight-color:rgba(0,0,0,0);position:absolute;box-sizing:border-box;height:100%;width:100%;margin:0;background:rgba(0,0,0,0);cursor:pointer;pointer-events:auto;appearance:none}input[type=range]:focus{outline:none}::-webkit-slider-runnable-track{-webkit-appearance:none}::-moz-range-track{appearance:none}::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;block-size:var(--_handle-height);inline-size:var(--_handle-width);opacity:0;z-index:2}input.end::-webkit-slider-thumb{--_track-and-knob-padding: calc( (var(--_state-layer-size) - var(--_handle-width)) / 2 );--_x-translate: calc( var(--_track-and-knob-padding) - 2 * var(--_end-fraction) * var(--_track-and-knob-padding) );transform:translateX(var(--_x-translate))}input.end:dir(rtl)::-webkit-slider-thumb{transform:translateX(calc(-1 * var(--_x-translate)))}input.start::-webkit-slider-thumb{--_track-and-knob-padding: calc( (var(--_state-layer-size) - var(--_handle-width)) / 2 );--_x-translate: calc( var(--_track-and-knob-padding) - 2 * var(--_start-fraction) * var(--_track-and-knob-padding) );transform:translateX(var(--_x-translate))}input.start:dir(rtl)::-webkit-slider-thumb{transform:translateX(calc(-1 * var(--_x-translate)))}::-moz-range-thumb{appearance:none;block-size:var(--_state-layer-size);inline-size:var(--_state-layer-size);transform:scaleX(0);opacity:0;z-index:2}.ranged input.start{clip-path:inset(0 calc(100% - (var(--_state-layer-size) / 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction)) / 2))) 0 0)}.ranged input.start:dir(rtl){clip-path:inset(0 0 0 calc(100% - (var(--_state-layer-size) / 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction)) / 2))))}.ranged input.end{clip-path:inset(0 0 0 calc(var(--_state-layer-size) / 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction)) / 2)))}.ranged input.end:dir(rtl){clip-path:inset(0 calc(var(--_state-layer-size) / 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction)) / 2)) 0 0)}.onTop{z-index:1}.handle{--md-ripple-hover-color: var(--_hover-state-layer-color);--md-ripple-hover-opacity: var(--_hover-state-layer-opacity);--md-ripple-pressed-color: var(--_pressed-state-layer-color);--md-ripple-pressed-opacity: var(--_pressed-state-layer-opacity)}md-ripple{border-radius:50%;height:var(--_state-layer-size);width:var(--_state-layer-size)} +`; +/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +let Yo = class extends le { +}; +Yo.styles = [Hc, jc]; +Yo = l([ + H("md-slider") +], Yo); +const qc = ee({ + react: J, + elementClass: Yo, + tagName: "md-slider" +}), Ip = ({ + className: r, + id: e, + style: t, + ...o +}) => /* @__PURE__ */ V.jsx( + qc, + { + className: r, + id: e, + style: t, + ...o + } +); +/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +class xi extends W { + constructor() { + super(...arguments), this.inset = !1, this.insetStart = !1, this.insetEnd = !1; + } +} +l([ + p({ type: Boolean, reflect: !0 }) +], xi.prototype, "inset", void 0); +l([ + p({ type: Boolean, reflect: !0, attribute: "inset-start" }) +], xi.prototype, "insetStart", void 0); +l([ + p({ type: Boolean, reflect: !0, attribute: "inset-end" }) +], xi.prototype, "insetEnd", void 0); +/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const Wc = F`:host{box-sizing:border-box;color:var(--md-divider-color, var(--md-sys-color-outline-variant, #cac4d0));display:flex;height:var(--md-divider-thickness, 1px);width:100%}:host([inset]),:host([inset-start]){padding-inline-start:16px}:host([inset]),:host([inset-end]){padding-inline-end:16px}:host::before{background:currentColor;content:"";height:100%;width:100%}@media(forced-colors: active){:host::before{background:CanvasText}} +`; +/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +let ka = class extends xi { +}; +ka.styles = [Wc]; +ka = l([ + H("md-divider") +], ka); +/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const Kc = { + dialog: [ + [ + // Dialog slide down + [{ transform: "translateY(-50px)" }, { transform: "translateY(0)" }], + { duration: 500, easing: at.EMPHASIZED } + ] + ], + scrim: [ + [ + // Scrim fade in + [{ opacity: 0 }, { opacity: 0.32 }], + { duration: 500, easing: "linear" } + ] + ], + container: [ + [ + // Container fade in + [{ opacity: 0 }, { opacity: 1 }], + { duration: 50, easing: "linear", pseudoElement: "::before" } + ], + [ + // Container grow + // Note: current spec says to grow from 0dp->100% and shrink from + // 100%->35%. We change this to 35%->100% to simplify the animation that + // is supposed to clip content as it grows. From 0dp it's possible to see + // text/actions appear before the container has fully grown. + [{ height: "35%" }, { height: "100%" }], + { duration: 500, easing: at.EMPHASIZED, pseudoElement: "::before" } + ] + ], + headline: [ + [ + // Headline fade in + [{ opacity: 0 }, { opacity: 0, offset: 0.2 }, { opacity: 1 }], + { duration: 250, easing: "linear", fill: "forwards" } + ] + ], + content: [ + [ + // Content fade in + [{ opacity: 0 }, { opacity: 0, offset: 0.2 }, { opacity: 1 }], + { duration: 250, easing: "linear", fill: "forwards" } + ] + ], + actions: [ + [ + // Actions fade in + [{ opacity: 0 }, { opacity: 0, offset: 0.5 }, { opacity: 1 }], + { duration: 300, easing: "linear", fill: "forwards" } + ] + ] +}, Yc = { + dialog: [ + [ + // Dialog slide up + [{ transform: "translateY(0)" }, { transform: "translateY(-50px)" }], + { duration: 150, easing: at.EMPHASIZED_ACCELERATE } + ] + ], + scrim: [ + [ + // Scrim fade out + [{ opacity: 0.32 }, { opacity: 0 }], + { duration: 150, easing: "linear" } + ] + ], + container: [ + [ + // Container shrink + [{ height: "100%" }, { height: "35%" }], + { + duration: 150, + easing: at.EMPHASIZED_ACCELERATE, + pseudoElement: "::before" + } + ], + [ + // Container fade out + [{ opacity: "1" }, { opacity: "0" }], + { delay: 100, duration: 50, easing: "linear", pseudoElement: "::before" } + ] + ], + headline: [ + [ + // Headline fade out + [{ opacity: 1 }, { opacity: 0 }], + { duration: 100, easing: "linear", fill: "forwards" } + ] + ], + content: [ + [ + // Content fade out + [{ opacity: 1 }, { opacity: 0 }], + { duration: 100, easing: "linear", fill: "forwards" } + ] + ], + actions: [ + [ + // Actions fade out + [{ opacity: 1 }, { opacity: 0 }], + { duration: 100, easing: "linear", fill: "forwards" } + ] + ] +}; +/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const Gc = Je(W); +let $e = class extends Gc { + // We do not use `delegatesFocus: true` due to a Chromium bug with + // selecting text. + // See https://bugs.chromium.org/p/chromium/issues/detail?id=950357 + /** + * Opens the dialog when set to `true` and closes it when set to `false`. + */ + get open() { + return this.isOpen; + } + set open(e) { + e !== this.isOpen && (this.isOpen = e, e ? (this.setAttribute("open", ""), this.show()) : (this.removeAttribute("open"), this.close())); + } + constructor() { + super(), this.quick = !1, this.returnValue = "", this.noFocusTrap = !1, this.getOpenAnimation = () => Kc, this.getCloseAnimation = () => Yc, this.isOpen = !1, this.isOpening = !1, this.isConnectedPromise = this.getIsConnectedPromise(), this.isAtScrollTop = !1, this.isAtScrollBottom = !1, this.nextClickIsFromContent = !1, this.hasHeadline = !1, this.hasActions = !1, this.hasIcon = !1, this.escapePressedWithoutCancel = !1, this.treewalker = document.createTreeWalker(this, NodeFilter.SHOW_ELEMENT), this.addEventListener("submit", this.handleSubmit); + } + /** + * Opens the dialog and fires a cancelable `open` event. After a dialog's + * animation, an `opened` event is fired. + * + * Add an `autofocus` attribute to a child of the dialog that should + * receive focus after opening. + * + * @return A Promise that resolves after the animation is finished and the + * `opened` event was fired. + */ + async show() { + var o; + this.isOpening = !0, await this.isConnectedPromise, await this.updateComplete; + const e = this.dialog; + if (e.open || !this.isOpening) { + this.isOpening = !1; + return; + } + if (!this.dispatchEvent(new Event("open", { cancelable: !0 }))) { + this.open = !1, this.isOpening = !1; + return; + } + e.showModal(), this.open = !0, this.scroller && (this.scroller.scrollTop = 0), (o = this.querySelector("[autofocus]")) == null || o.focus(), await this.animateDialog(this.getOpenAnimation()), this.dispatchEvent(new Event("opened")), this.isOpening = !1; + } + /** + * Closes the dialog and fires a cancelable `close` event. After a dialog's + * animation, a `closed` event is fired. + * + * @param returnValue A return value usually indicating which button was used + * to close a dialog. If a dialog is canceled by clicking the scrim or + * pressing Escape, it will not change the return value after closing. + * @return A Promise that resolves after the animation is finished and the + * `closed` event was fired. + */ + async close(e = this.returnValue) { + if (this.isOpening = !1, !this.isConnected) { + this.open = !1; + return; + } + await this.updateComplete; + const t = this.dialog; + if (!t.open || this.isOpening) { + this.open = !1; + return; + } + const o = this.returnValue; + if (this.returnValue = e, !this.dispatchEvent(new Event("close", { cancelable: !0 }))) { + this.returnValue = o; + return; + } + await this.animateDialog(this.getCloseAnimation()), t.close(e), this.open = !1, this.dispatchEvent(new Event("closed")); + } + connectedCallback() { + super.connectedCallback(), this.isConnectedPromiseResolve(); + } + disconnectedCallback() { + super.disconnectedCallback(), this.isConnectedPromise = this.getIsConnectedPromise(); + } + render() { + const e = this.open && !(this.isAtScrollTop && this.isAtScrollBottom), t = { + "has-headline": this.hasHeadline, + "has-actions": this.hasActions, + "has-icon": this.hasIcon, + scrollable: e, + "show-top-divider": e && !this.isAtScrollTop, + "show-bottom-divider": e && !this.isAtScrollBottom + }, o = this.open && !this.noFocusTrap, i = _` + + `, { ariaLabel: a } = this; + return _` +
    + + ${o ? i : x} +
    +
    + +

    + +

    + +
    +
    +
    +
    + +
    +
    +
    +
    + + +
    +
    + ${o ? i : x} +     + `; + } + firstUpdated() { + this.intersectionObserver = new IntersectionObserver((e) => { + for (const t of e) + this.handleAnchorIntersection(t); + }, { root: this.scroller }), this.intersectionObserver.observe(this.topAnchor), this.intersectionObserver.observe(this.bottomAnchor); + } + handleDialogClick() { + if (this.nextClickIsFromContent) { + this.nextClickIsFromContent = !1; + return; + } + this.dispatchEvent(new Event("cancel", { cancelable: !0 })) && this.close(); + } + handleContentClick() { + this.nextClickIsFromContent = !0; + } + handleSubmit(e) { + const t = e.target, { submitter: o } = e; + t.method !== "dialog" || !o || this.close(o.getAttribute("value") ?? this.returnValue); + } + handleCancel(e) { + if (e.target !== this.dialog) + return; + this.escapePressedWithoutCancel = !1; + const t = !At(this, e); + e.preventDefault(), !t && this.close(); + } + handleClose() { + var e; + this.escapePressedWithoutCancel && (this.escapePressedWithoutCancel = !1, (e = this.dialog) == null || e.dispatchEvent(new Event("cancel", { cancelable: !0 }))); + } + handleKeydown(e) { + e.key === "Escape" && (this.escapePressedWithoutCancel = !0, setTimeout(() => { + this.escapePressedWithoutCancel = !1; + })); + } + async animateDialog(e) { + var I; + if ((I = this.cancelAnimations) == null || I.abort(), this.cancelAnimations = new AbortController(), this.quick) + return; + const { dialog: t, scrim: o, container: i, headline: a, content: s, actions: d } = this; + if (!t || !o || !i || !a || !s || !d) + return; + const { container: h, dialog: y, scrim: v, headline: f, content: C, actions: w } = e, A = [ + [t, y ?? []], + [o, v ?? []], + [i, h ?? []], + [a, f ?? []], + [s, C ?? []], + [d, w ?? []] + ], S = []; + for (const [O, R] of A) + for (const B of R) { + const U = O.animate(...B); + this.cancelAnimations.signal.addEventListener("abort", () => { + U.cancel(); + }), S.push(U); + } + await Promise.all(S.map((O) => O.finished.catch(() => { + }))); + } + handleHeadlineChange(e) { + const t = e.target; + this.hasHeadline = t.assignedElements().length > 0; + } + handleActionsChange(e) { + const t = e.target; + this.hasActions = t.assignedElements().length > 0; + } + handleIconChange(e) { + const t = e.target; + this.hasIcon = t.assignedElements().length > 0; + } + handleAnchorIntersection(e) { + const { target: t, isIntersecting: o } = e; + t === this.topAnchor && (this.isAtScrollTop = o), t === this.bottomAnchor && (this.isAtScrollBottom = o); + } + getIsConnectedPromise() { + return new Promise((e) => { + this.isConnectedPromiseResolve = e; + }); + } + handleFocusTrapFocus(e) { + var f; + const [t, o] = this.getFirstAndLastFocusableChildren(); + if (!t || !o) { + (f = this.dialog) == null || f.focus(); + return; + } + const i = e.target === this.firstFocusTrap, a = !i, s = e.relatedTarget === t, d = e.relatedTarget === o, h = !s && !d; + if (a && d || i && h) { + t.focus(); + return; + } + if (i && s || a && h) { + o.focus(); + return; + } + } + getFirstAndLastFocusableChildren() { + if (!this.treewalker) + return [null, null]; + let e = null, t = null; + for (this.treewalker.currentNode = this.treewalker.root; this.treewalker.nextNode(); ) { + const o = this.treewalker.currentNode; + Xc(o) && (e || (e = o), t = o); + } + return [e, t]; + } +}; +l([ + p({ type: Boolean }) +], $e.prototype, "open", null); +l([ + p({ type: Boolean }) +], $e.prototype, "quick", void 0); +l([ + p({ attribute: !1 }) +], $e.prototype, "returnValue", void 0); +l([ + p() +], $e.prototype, "type", void 0); +l([ + p({ type: Boolean, attribute: "no-focus-trap" }) +], $e.prototype, "noFocusTrap", void 0); +l([ + G("dialog") +], $e.prototype, "dialog", void 0); +l([ + G(".scrim") +], $e.prototype, "scrim", void 0); +l([ + G(".container") +], $e.prototype, "container", void 0); +l([ + G(".headline") +], $e.prototype, "headline", void 0); +l([ + G(".content") +], $e.prototype, "content", void 0); +l([ + G(".actions") +], $e.prototype, "actions", void 0); +l([ + se() +], $e.prototype, "isAtScrollTop", void 0); +l([ + se() +], $e.prototype, "isAtScrollBottom", void 0); +l([ + G(".scroller") +], $e.prototype, "scroller", void 0); +l([ + G(".top.anchor") +], $e.prototype, "topAnchor", void 0); +l([ + G(".bottom.anchor") +], $e.prototype, "bottomAnchor", void 0); +l([ + G(".focus-trap") +], $e.prototype, "firstFocusTrap", void 0); +l([ + se() +], $e.prototype, "hasHeadline", void 0); +l([ + se() +], $e.prototype, "hasActions", void 0); +l([ + se() +], $e.prototype, "hasIcon", void 0); +function Xc(r) { + var a; + const e = ":is(button,input,select,textarea,object,:is(a,area)[href],[tabindex],[contenteditable=true])", t = ":not(:disabled,[disabled])"; + return r.matches(e + t + ':not([tabindex^="-"])') ? !0 : !r.localName.includes("-") || !r.matches(t) ? !1 : ((a = r.shadowRoot) == null ? void 0 : a.delegatesFocus) ?? !1; +} +/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const Zc = F`:host{border-start-start-radius:var(--md-dialog-container-shape-start-start, var(--md-dialog-container-shape, var(--md-sys-shape-corner-extra-large, 28px)));border-start-end-radius:var(--md-dialog-container-shape-start-end, var(--md-dialog-container-shape, var(--md-sys-shape-corner-extra-large, 28px)));border-end-end-radius:var(--md-dialog-container-shape-end-end, var(--md-dialog-container-shape, var(--md-sys-shape-corner-extra-large, 28px)));border-end-start-radius:var(--md-dialog-container-shape-end-start, var(--md-dialog-container-shape, var(--md-sys-shape-corner-extra-large, 28px)));display:contents;margin:auto;max-height:min(560px,100% - 48px);max-width:min(560px,100% - 48px);min-height:140px;min-width:280px;position:fixed;height:fit-content;width:fit-content}dialog{background:rgba(0,0,0,0);border:none;border-radius:inherit;flex-direction:column;height:inherit;margin:inherit;max-height:inherit;max-width:inherit;min-height:inherit;min-width:inherit;outline:none;overflow:visible;padding:0;width:inherit}dialog[open]{display:flex}::backdrop{background:none}.scrim{background:var(--md-sys-color-scrim, #000);display:none;inset:0;opacity:32%;pointer-events:none;position:fixed;z-index:1}:host([open]) .scrim{display:flex}h2{all:unset;align-self:stretch}.headline{align-items:center;color:var(--md-dialog-headline-color, var(--md-sys-color-on-surface, #1d1b20));display:flex;flex-direction:column;font-family:var(--md-dialog-headline-font, var(--md-sys-typescale-headline-small-font, var(--md-ref-typeface-brand, Roboto)));font-size:var(--md-dialog-headline-size, var(--md-sys-typescale-headline-small-size, 1.5rem));line-height:var(--md-dialog-headline-line-height, var(--md-sys-typescale-headline-small-line-height, 2rem));font-weight:var(--md-dialog-headline-weight, var(--md-sys-typescale-headline-small-weight, var(--md-ref-typeface-weight-regular, 400)));position:relative}slot[name=headline]::slotted(*){align-items:center;align-self:stretch;box-sizing:border-box;display:flex;gap:8px;padding:24px 24px 0}.icon{display:flex}slot[name=icon]::slotted(*){color:var(--md-dialog-icon-color, var(--md-sys-color-secondary, #625b71));fill:currentColor;font-size:var(--md-dialog-icon-size, 24px);margin-top:24px;height:var(--md-dialog-icon-size, 24px);width:var(--md-dialog-icon-size, 24px)}.has-icon slot[name=headline]::slotted(*){justify-content:center;padding-top:16px}.scrollable slot[name=headline]::slotted(*){padding-bottom:16px}.scrollable.has-headline slot[name=content]::slotted(*){padding-top:8px}.container{border-radius:inherit;display:flex;flex-direction:column;flex-grow:1;overflow:hidden;position:relative;transform-origin:top}.container::before{background:var(--md-dialog-container-color, var(--md-sys-color-surface-container-high, #ece6f0));border-radius:inherit;content:"";inset:0;position:absolute}.scroller{display:flex;flex:1;flex-direction:column;overflow:hidden;z-index:1}.scrollable .scroller{overflow-y:scroll}.content{color:var(--md-dialog-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));font-family:var(--md-dialog-supporting-text-font, var(--md-sys-typescale-body-medium-font, var(--md-ref-typeface-plain, Roboto)));font-size:var(--md-dialog-supporting-text-size, var(--md-sys-typescale-body-medium-size, 0.875rem));line-height:var(--md-dialog-supporting-text-line-height, var(--md-sys-typescale-body-medium-line-height, 1.25rem));flex:1;font-weight:var(--md-dialog-supporting-text-weight, var(--md-sys-typescale-body-medium-weight, var(--md-ref-typeface-weight-regular, 400)));height:min-content;position:relative}slot[name=content]::slotted(*){box-sizing:border-box;padding:24px}.anchor{position:absolute}.top.anchor{top:0}.bottom.anchor{bottom:0}.actions{position:relative}slot[name=actions]::slotted(*){box-sizing:border-box;display:flex;gap:8px;justify-content:flex-end;padding:16px 24px 24px}.has-actions slot[name=content]::slotted(*){padding-bottom:8px}md-divider{display:none;position:absolute}.has-headline.show-top-divider .headline md-divider,.has-actions.show-bottom-divider .actions md-divider{display:flex}.headline md-divider{bottom:0}.actions md-divider{top:0}@media(forced-colors: active){dialog{outline:2px solid WindowText}} +`; +/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +let Go = class extends $e { +}; +Go.styles = [Zc]; +Go = l([ + H("md-dialog") +], Go); +const Jc = ee({ + react: J, + tagName: "md-dialog", + elementClass: Go, + events: { + onClose: "close", + onShow: "show", + onOpen: "open", + onOpened: "opened", + onClosed: "closed", + onCancel: "cancel" + } +}), Lp = (r) => { + const { children: e, quick: t, returnValue: o, noFocusTrap: i, open: a, fullScreen: s, style: d, className: h, id: y, onClose: v, onShow: f, onOpen: C, onOpened: w, onClosed: A, onCancel: S } = r; + return /* @__PURE__ */ V.jsx( + Jc, + { + quick: t, + returnValue: o, + noFocusTrap: i, + open: a, + style: { + ...d, + ...s ? { + width: "100vw", + height: "100vh", + maxWidth: "100vw", + maxHeight: "100vh" + } : {} + }, + className: h, + id: y, + onClose: v, + onShow: f, + onOpen: C, + onOpened: w, + onClosed: A, + onCancel: S, + children: e + } + ); +}; +/** + * @license + * Copyright 2021 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const Qc = new Set(Object.values(Ne)); +let Rs = class extends W { + /** @export */ + get items() { + return this.listController.items; + } + constructor() { + super(), this.listController = new ws({ + isItem: (e) => e.hasAttribute("md-list-item"), + getPossibleItems: () => this.slotItems, + isRtl: () => getComputedStyle(this).direction === "rtl", + deactivateItem: (e) => { + e.tabIndex = -1; + }, + activateItem: (e) => { + e.tabIndex = 0; + }, + isNavigableKey: (e) => Qc.has(e), + isActivatable: (e) => !e.disabled && e.type !== "text" + }), this.internals = // Cast needed for closure + this.attachInternals(), this.internals.role = "list", this.addEventListener("keydown", this.listController.handleKeydown); + } + render() { + return _` + + + `; + } + /** + * Activates the next item in the list. If at the end of the list, the first + * item will be activated. + * + * @return The activated list item or `null` if there are no items. + */ + activateNextItem() { + return this.listController.activateNextItem(); + } + /** + * Activates the previous item in the list. If at the start of the list, the + * last item will be activated. + * + * @return The activated list item or `null` if there are no items. + */ + activatePreviousItem() { + return this.listController.activatePreviousItem(); + } +}; +l([ + We({ flatten: !0 }) +], Rs.prototype, "slotItems", void 0); +/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const eu = F`:host{background:var(--md-list-container-color, var(--md-sys-color-surface, #fef7ff));color:unset;display:flex;flex-direction:column;outline:none;padding:8px 0;position:relative} +`; +/** + * @license + * Copyright 2021 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +let Xo = class extends Rs { +}; +Xo.styles = [eu]; +Xo = l([ + H("md-list") +], Xo); +/** + * @license + * Copyright 2022 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const tu = Je(W); +class Ot extends tu { + constructor() { + super(...arguments), this.disabled = !1, this.type = "text", this.isListItem = !0, this.href = "", this.target = ""; + } + get isDisabled() { + return this.disabled && this.type !== "link"; + } + willUpdate(e) { + this.href && (this.type = "link"), super.willUpdate(e); + } + render() { + return this.renderListItem(_` + +
    + ${this.renderRipple()} ${this.renderFocusRing()} +
    + + + ${this.renderBody()} +     + `); + } + /** + * Renders the root list item. + * + * @param content the child content of the list item. + */ + renderListItem(e) { + const t = this.type === "link"; + let o; + switch (this.type) { + case "link": + o = Xe`a`; + break; + case "button": + o = Xe`button`; + break; + default: + case "text": + o = Xe`li`; + break; + } + const i = this.type !== "text", a = t && this.target ? this.target : x; + return Fr` + <${o} + id="item" + tabindex="${this.isDisabled || !i ? -1 : 0}" + ?disabled=${this.isDisabled} + role="listitem" + aria-selected=${this.ariaSelected || x} + aria-checked=${this.ariaChecked || x} + aria-expanded=${this.ariaExpanded || x} + aria-haspopup=${this.ariaHasPopup || x} + class="list-item ${ye(this.getRenderClasses())}" + href=${this.href || x} + target=${a} + @focus=${this.onFocus} + >${e} + `; + } + /** + * Handles rendering of the ripple element. + */ + renderRipple() { + return this.type === "text" ? x : _` `; + } + /** + * Handles rendering of the focus ring. + */ + renderFocusRing() { + return this.type === "text" ? x : _` `; + } + onFocusRingVisibilityChanged(e) { + } + /** + * Classes applied to the list item root. + */ + getRenderClasses() { + return { disabled: this.isDisabled }; + } + /** + * Handles rendering the headline and supporting text. + */ + renderBody() { + return _` + + + + + + `; + } + onFocus() { + this.tabIndex === -1 && this.dispatchEvent(_s()); + } + focus() { + var e; + (e = this.listItemRoot) == null || e.focus(); + } +} +Ot.shadowRootOptions = { + ...W.shadowRootOptions, + delegatesFocus: !0 +}; +l([ + p({ type: Boolean, reflect: !0 }) +], Ot.prototype, "disabled", void 0); +l([ + p({ reflect: !0 }) +], Ot.prototype, "type", void 0); +l([ + p({ type: Boolean, attribute: "md-list-item", reflect: !0 }) +], Ot.prototype, "isListItem", void 0); +l([ + p() +], Ot.prototype, "href", void 0); +l([ + p() +], Ot.prototype, "target", void 0); +l([ + G(".list-item") +], Ot.prototype, "listItemRoot", void 0); +/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const ru = F`:host{display:flex;-webkit-tap-highlight-color:rgba(0,0,0,0);--md-ripple-hover-color: var(--md-list-item-hover-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--md-ripple-hover-opacity: var(--md-list-item-hover-state-layer-opacity, 0.08);--md-ripple-pressed-color: var(--md-list-item-pressed-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--md-ripple-pressed-opacity: var(--md-list-item-pressed-state-layer-opacity, 0.12)}:host(:is([type=button]:not([disabled]),[type=link])){cursor:pointer}md-focus-ring{z-index:1;--md-focus-ring-shape: 8px}a,button,li{background:none;border:none;cursor:inherit;padding:0;margin:0;text-align:unset;text-decoration:none}.list-item{border-radius:inherit;display:flex;flex:1;max-width:inherit;min-width:inherit;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);width:100%}.list-item.interactive{cursor:pointer}.list-item.disabled{opacity:var(--md-list-item-disabled-opacity, 0.3);pointer-events:none}[slot=container]{pointer-events:none}md-ripple{border-radius:inherit}md-item{border-radius:inherit;flex:1;height:100%;color:var(--md-list-item-label-text-color, var(--md-sys-color-on-surface, #1d1b20));font-family:var(--md-list-item-label-text-font, var(--md-sys-typescale-body-large-font, var(--md-ref-typeface-plain, Roboto)));font-size:var(--md-list-item-label-text-size, var(--md-sys-typescale-body-large-size, 1rem));line-height:var(--md-list-item-label-text-line-height, var(--md-sys-typescale-body-large-line-height, 1.5rem));font-weight:var(--md-list-item-label-text-weight, var(--md-sys-typescale-body-large-weight, var(--md-ref-typeface-weight-regular, 400)));min-height:var(--md-list-item-one-line-container-height, 56px);padding-top:var(--md-list-item-top-space, 12px);padding-bottom:var(--md-list-item-bottom-space, 12px);padding-inline-start:var(--md-list-item-leading-space, 16px);padding-inline-end:var(--md-list-item-trailing-space, 16px)}md-item[multiline]{min-height:var(--md-list-item-two-line-container-height, 72px)}[slot=supporting-text]{color:var(--md-list-item-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));font-family:var(--md-list-item-supporting-text-font, var(--md-sys-typescale-body-medium-font, var(--md-ref-typeface-plain, Roboto)));font-size:var(--md-list-item-supporting-text-size, var(--md-sys-typescale-body-medium-size, 0.875rem));line-height:var(--md-list-item-supporting-text-line-height, var(--md-sys-typescale-body-medium-line-height, 1.25rem));font-weight:var(--md-list-item-supporting-text-weight, var(--md-sys-typescale-body-medium-weight, var(--md-ref-typeface-weight-regular, 400)))}[slot=trailing-supporting-text]{color:var(--md-list-item-trailing-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));font-family:var(--md-list-item-trailing-supporting-text-font, var(--md-sys-typescale-label-small-font, var(--md-ref-typeface-plain, Roboto)));font-size:var(--md-list-item-trailing-supporting-text-size, var(--md-sys-typescale-label-small-size, 0.6875rem));line-height:var(--md-list-item-trailing-supporting-text-line-height, var(--md-sys-typescale-label-small-line-height, 1rem));font-weight:var(--md-list-item-trailing-supporting-text-weight, var(--md-sys-typescale-label-small-weight, var(--md-ref-typeface-weight-medium, 500)))}:is([slot=start],[slot=end])::slotted(*){fill:currentColor}[slot=start]{color:var(--md-list-item-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f))}[slot=end]{color:var(--md-list-item-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f))}@media(forced-colors: active){.disabled slot{color:GrayText}.list-item.disabled{color:GrayText;opacity:1}} +`; +/** + * @license + * Copyright 2022 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +let Zo = class extends Ot { +}; +Zo.styles = [ru]; +Zo = l([ + H("md-list-item") +], Zo); +const ou = ee({ + react: J, + tagName: "md-list", + elementClass: Xo +}), Np = (r) => { + const { children: e, ...t } = r; + return /* @__PURE__ */ V.jsx(ou, { ...t, children: e }); +}; +ee({ + react: J, + tagName: "md-list-item", + elementClass: Zo +}); +function Ca() { + return Ca = Object.assign ? Object.assign.bind() : function(r) { + for (var e = 1; e < arguments.length; e++) { + var t = arguments[e]; + for (var o in t) ({}).hasOwnProperty.call(t, o) && (r[o] = t[o]); + } + return r; + }, Ca.apply(null, arguments); +} +function Is(r) { + var e = /* @__PURE__ */ Object.create(null); + return function(t) { + return e[t] === void 0 && (e[t] = r(t)), e[t]; + }; +} +var iu = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/, au = /* @__PURE__ */ Is( + function(r) { + return iu.test(r) || r.charCodeAt(0) === 111 && r.charCodeAt(1) === 110 && r.charCodeAt(2) < 91; + } + /* Z+1 */ +), nu = !1; +function su(r) { + if (r.sheet) + return r.sheet; + for (var e = 0; e < document.styleSheets.length; e++) + if (document.styleSheets[e].ownerNode === r) + return document.styleSheets[e]; +} +function lu(r) { + var e = document.createElement("style"); + return e.setAttribute("data-emotion", r.key), r.nonce !== void 0 && e.setAttribute("nonce", r.nonce), e.appendChild(document.createTextNode("")), e.setAttribute("data-s", ""), e; +} +var du = /* @__PURE__ */ function() { + function r(t) { + var o = this; + this._insertTag = function(i) { + var a; + o.tags.length === 0 ? o.insertionPoint ? a = o.insertionPoint.nextSibling : o.prepend ? a = o.container.firstChild : a = o.before : a = o.tags[o.tags.length - 1].nextSibling, o.container.insertBefore(i, a), o.tags.push(i); + }, this.isSpeedy = t.speedy === void 0 ? !nu : t.speedy, this.tags = [], this.ctr = 0, this.nonce = t.nonce, this.key = t.key, this.container = t.container, this.prepend = t.prepend, this.insertionPoint = t.insertionPoint, this.before = null; + } + var e = r.prototype; + return e.hydrate = function(o) { + o.forEach(this._insertTag); + }, e.insert = function(o) { + this.ctr % (this.isSpeedy ? 65e3 : 1) === 0 && this._insertTag(lu(this)); + var i = this.tags[this.tags.length - 1]; + if (this.isSpeedy) { + var a = su(i); + try { + a.insertRule(o, a.cssRules.length); + } catch { + } + } else + i.appendChild(document.createTextNode(o)); + this.ctr++; + }, e.flush = function() { + this.tags.forEach(function(o) { + var i; + return (i = o.parentNode) == null ? void 0 : i.removeChild(o); + }), this.tags = [], this.ctr = 0; + }, r; +}(), He = "-ms-", Jo = "-moz-", ae = "-webkit-", Os = "comm", Na = "rule", Ba = "decl", cu = "@import", zs = "@keyframes", uu = "@layer", hu = Math.abs, _i = String.fromCharCode, pu = Object.assign; +function fu(r, e) { + return Be(r, 0) ^ 45 ? (((e << 2 ^ Be(r, 0)) << 2 ^ Be(r, 1)) << 2 ^ Be(r, 2)) << 2 ^ Be(r, 3) : 0; +} +function Ps(r) { + return r.trim(); +} +function vu(r, e) { + return (r = e.exec(r)) ? r[0] : r; +} +function ne(r, e, t) { + return r.replace(e, t); +} +function Ea(r, e) { + return r.indexOf(e); +} +function Be(r, e) { + return r.charCodeAt(e) | 0; +} +function Ir(r, e, t) { + return r.slice(e, t); +} +function dt(r) { + return r.length; +} +function ja(r) { + return r.length; +} +function ko(r, e) { + return e.push(r), r; +} +function mu(r, e) { + return r.map(e).join(""); +} +var wi = 1, dr = 1, Ls = 0, Ze = 0, Ie = 0, ur = ""; +function ki(r, e, t, o, i, a, s) { + return { value: r, root: e, parent: t, type: o, props: i, children: a, line: wi, column: dr, length: s, return: "" }; +} +function kr(r, e) { + return pu(ki("", null, null, "", null, null, 0), r, { length: -r.length }, e); +} +function bu() { + return Ie; +} +function yu() { + return Ie = Ze > 0 ? Be(ur, --Ze) : 0, dr--, Ie === 10 && (dr = 1, wi--), Ie; +} +function Qe() { + return Ie = Ze < Ls ? Be(ur, Ze++) : 0, dr++, Ie === 10 && (dr = 1, wi++), Ie; +} +function ut() { + return Be(ur, Ze); +} +function To() { + return Ze; +} +function Ur(r, e) { + return Ir(ur, r, e); +} +function Or(r) { + switch (r) { + case 0: + case 9: + case 10: + case 13: + case 32: + return 5; + case 33: + case 43: + case 44: + case 47: + case 62: + case 64: + case 126: + case 59: + case 123: + case 125: + return 4; + case 58: + return 3; + case 34: + case 39: + case 40: + case 91: + return 2; + case 41: + case 93: + return 1; + } + return 0; +} +function Fs(r) { + return wi = dr = 1, Ls = dt(ur = r), Ze = 0, []; +} +function Ms(r) { + return ur = "", r; +} +function So(r) { + return Ps(Ur(Ze - 1, $a(r === 91 ? r + 2 : r === 40 ? r + 1 : r))); +} +function gu(r) { + for (; (Ie = ut()) && Ie < 33; ) + Qe(); + return Or(r) > 2 || Or(Ie) > 3 ? "" : " "; +} +function xu(r, e) { + for (; --e && Qe() && !(Ie < 48 || Ie > 102 || Ie > 57 && Ie < 65 || Ie > 70 && Ie < 97); ) + ; + return Ur(r, To() + (e < 6 && ut() == 32 && Qe() == 32)); +} +function $a(r) { + for (; Qe(); ) + switch (Ie) { + case r: + return Ze; + case 34: + case 39: + r !== 34 && r !== 39 && $a(Ie); + break; + case 40: + r === 41 && $a(r); + break; + case 92: + Qe(); + break; + } + return Ze; +} +function _u(r, e) { + for (; Qe() && r + Ie !== 57; ) + if (r + Ie === 84 && ut() === 47) + break; + return "/*" + Ur(e, Ze - 1) + "*" + _i(r === 47 ? r : Qe()); +} +function wu(r) { + for (; !Or(ut()); ) + Qe(); + return Ur(r, Ze); +} +function ku(r) { + return Ms(Ao("", null, null, null, [""], r = Fs(r), 0, [0], r)); +} +function Ao(r, e, t, o, i, a, s, d, h) { + for (var y = 0, v = 0, f = s, C = 0, w = 0, A = 0, S = 1, I = 1, O = 1, R = 0, B = "", U = i, P = a, q = o, D = B; I; ) + switch (A = R, R = Qe()) { + case 40: + if (A != 108 && Be(D, f - 1) == 58) { + Ea(D += ne(So(R), "&", "&\f"), "&\f") != -1 && (O = -1); + break; + } + case 34: + case 39: + case 91: + D += So(R); + break; + case 9: + case 10: + case 13: + case 32: + D += gu(A); + break; + case 92: + D += xu(To() - 1, 7); + continue; + case 47: + switch (ut()) { + case 42: + case 47: + ko(Cu(_u(Qe(), To()), e, t), h); + break; + default: + D += "/"; + } + break; + case 123 * S: + d[y++] = dt(D) * O; + case 125 * S: + case 59: + case 0: + switch (R) { + case 0: + case 125: + I = 0; + case 59 + v: + O == -1 && (D = ne(D, /\f/g, "")), w > 0 && dt(D) - f && ko(w > 32 ? qn(D + ";", o, t, f - 1) : qn(ne(D, " ", "") + ";", o, t, f - 2), h); + break; + case 59: + D += ";"; + default: + if (ko(q = Hn(D, e, t, y, v, i, d, B, U = [], P = [], f), a), R === 123) + if (v === 0) + Ao(D, e, q, q, U, a, f, d, P); + else + switch (C === 99 && Be(D, 3) === 110 ? 100 : C) { + case 100: + case 108: + case 109: + case 115: + Ao(r, q, q, o && ko(Hn(r, q, q, 0, 0, i, d, B, i, U = [], f), P), i, P, f, d, o ? U : P); + break; + default: + Ao(D, q, q, q, [""], P, 0, d, P); + } + } + y = v = w = 0, S = O = 1, B = D = "", f = s; + break; + case 58: + f = 1 + dt(D), w = A; + default: + if (S < 1) { + if (R == 123) + --S; + else if (R == 125 && S++ == 0 && yu() == 125) + continue; + } + switch (D += _i(R), R * S) { + case 38: + O = v > 0 ? 1 : (D += "\f", -1); + break; + case 44: + d[y++] = (dt(D) - 1) * O, O = 1; + break; + case 64: + ut() === 45 && (D += So(Qe())), C = ut(), v = f = dt(B = D += wu(To())), R++; + break; + case 45: + A === 45 && dt(D) == 2 && (S = 0); + } + } + return a; +} +function Hn(r, e, t, o, i, a, s, d, h, y, v) { + for (var f = i - 1, C = i === 0 ? a : [""], w = ja(C), A = 0, S = 0, I = 0; A < o; ++A) + for (var O = 0, R = Ir(r, f + 1, f = hu(S = s[A])), B = r; O < w; ++O) + (B = Ps(S > 0 ? C[O] + " " + R : ne(R, /&\f/g, C[O]))) && (h[I++] = B); + return ki(r, e, t, i === 0 ? Na : d, h, y, v); +} +function Cu(r, e, t) { + return ki(r, e, t, Os, _i(bu()), Ir(r, 2, -2), 0); +} +function qn(r, e, t, o) { + return ki(r, e, t, Ba, Ir(r, 0, o), Ir(r, o + 1, -1), o); +} +function sr(r, e) { + for (var t = "", o = ja(r), i = 0; i < o; i++) + t += e(r[i], i, r, e) || ""; + return t; +} +function Eu(r, e, t, o) { + switch (r.type) { + case uu: + if (r.children.length) break; + case cu: + case Ba: + return r.return = r.return || r.value; + case Os: + return ""; + case zs: + return r.return = r.value + "{" + sr(r.children, o) + "}"; + case Na: + r.value = r.props.join(","); + } + return dt(t = sr(r.children, o)) ? r.return = r.value + "{" + t + "}" : ""; +} +function $u(r) { + var e = ja(r); + return function(t, o, i, a) { + for (var s = "", d = 0; d < e; d++) + s += r[d](t, o, i, a) || ""; + return s; + }; +} +function Tu(r) { + return function(e) { + e.root || (e = e.return) && r(e); + }; +} +var Su = function(e, t, o) { + for (var i = 0, a = 0; i = a, a = ut(), i === 38 && a === 12 && (t[o] = 1), !Or(a); ) + Qe(); + return Ur(e, Ze); +}, Au = function(e, t) { + var o = -1, i = 44; + do + switch (Or(i)) { + case 0: + i === 38 && ut() === 12 && (t[o] = 1), e[o] += Su(Ze - 1, t, o); + break; + case 2: + e[o] += So(i); + break; + case 4: + if (i === 44) { + e[++o] = ut() === 58 ? "&\f" : "", t[o] = e[o].length; + break; + } + default: + e[o] += _i(i); + } + while (i = Qe()); + return e; +}, Ru = function(e, t) { + return Ms(Au(Fs(e), t)); +}, Wn = /* @__PURE__ */ new WeakMap(), Iu = function(e) { + if (!(e.type !== "rule" || !e.parent || // positive .length indicates that this rule contains pseudo + // negative .length indicates that this rule has been already prefixed + e.length < 1)) { + for (var t = e.value, o = e.parent, i = e.column === o.column && e.line === o.line; o.type !== "rule"; ) + if (o = o.parent, !o) return; + if (!(e.props.length === 1 && t.charCodeAt(0) !== 58 && !Wn.get(o)) && !i) { + Wn.set(e, !0); + for (var a = [], s = Ru(t, a), d = o.props, h = 0, y = 0; h < s.length; h++) + for (var v = 0; v < d.length; v++, y++) + e.props[y] = a[h] ? s[h].replace(/&\f/g, d[v]) : d[v] + " " + s[h]; + } + } +}, Ou = function(e) { + if (e.type === "decl") { + var t = e.value; + // charcode for l + t.charCodeAt(0) === 108 && // charcode for b + t.charCodeAt(2) === 98 && (e.return = "", e.value = ""); + } +}; +function Ds(r, e) { + switch (fu(r, e)) { + case 5103: + return ae + "print-" + r + r; + case 5737: + case 4201: + case 3177: + case 3433: + case 1641: + case 4457: + case 2921: + case 5572: + case 6356: + case 5844: + case 3191: + case 6645: + case 3005: + case 6391: + case 5879: + case 5623: + case 6135: + case 4599: + case 4855: + case 4215: + case 6389: + case 5109: + case 5365: + case 5621: + case 3829: + return ae + r + r; + case 5349: + case 4246: + case 4810: + case 6968: + case 2756: + return ae + r + Jo + r + He + r + r; + case 6828: + case 4268: + return ae + r + He + r + r; + case 6165: + return ae + r + He + "flex-" + r + r; + case 5187: + return ae + r + ne(r, /(\w+).+(:[^]+)/, ae + "box-$1$2" + He + "flex-$1$2") + r; + case 5443: + return ae + r + He + "flex-item-" + ne(r, /flex-|-self/, "") + r; + case 4675: + return ae + r + He + "flex-line-pack" + ne(r, /align-content|flex-|-self/, "") + r; + case 5548: + return ae + r + He + ne(r, "shrink", "negative") + r; + case 5292: + return ae + r + He + ne(r, "basis", "preferred-size") + r; + case 6060: + return ae + "box-" + ne(r, "-grow", "") + ae + r + He + ne(r, "grow", "positive") + r; + case 4554: + return ae + ne(r, /([^-])(transform)/g, "$1" + ae + "$2") + r; + case 6187: + return ne(ne(ne(r, /(zoom-|grab)/, ae + "$1"), /(image-set)/, ae + "$1"), r, "") + r; + case 5495: + case 3959: + return ne(r, /(image-set\([^]*)/, ae + "$1$`$1"); + case 4968: + return ne(ne(r, /(.+:)(flex-)?(.*)/, ae + "box-pack:$3" + He + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + ae + r + r; + case 4095: + case 3583: + case 4068: + case 2532: + return ne(r, /(.+)-inline(.+)/, ae + "$1$2") + r; + case 8116: + case 7059: + case 5753: + case 5535: + case 5445: + case 5701: + case 4933: + case 4677: + case 5533: + case 5789: + case 5021: + case 4765: + if (dt(r) - 1 - e > 6) switch (Be(r, e + 1)) { + case 109: + if (Be(r, e + 4) !== 45) break; + case 102: + return ne(r, /(.+:)(.+)-([^]+)/, "$1" + ae + "$2-$3$1" + Jo + (Be(r, e + 3) == 108 ? "$3" : "$2-$3")) + r; + case 115: + return ~Ea(r, "stretch") ? Ds(ne(r, "stretch", "fill-available"), e) + r : r; + } + break; + case 4949: + if (Be(r, e + 1) !== 115) break; + case 6444: + switch (Be(r, dt(r) - 3 - (~Ea(r, "!important") && 10))) { + case 107: + return ne(r, ":", ":" + ae) + r; + case 101: + return ne(r, /(.+:)([^;!]+)(;|!.+)?/, "$1" + ae + (Be(r, 14) === 45 ? "inline-" : "") + "box$3$1" + ae + "$2$3$1" + He + "$2box$3") + r; + } + break; + case 5936: + switch (Be(r, e + 11)) { + case 114: + return ae + r + He + ne(r, /[svh]\w+-[tblr]{2}/, "tb") + r; + case 108: + return ae + r + He + ne(r, /[svh]\w+-[tblr]{2}/, "tb-rl") + r; + case 45: + return ae + r + He + ne(r, /[svh]\w+-[tblr]{2}/, "lr") + r; + } + return ae + r + He + r + r; + } + return r; +} +var zu = function(e, t, o, i) { + if (e.length > -1 && !e.return) switch (e.type) { + case Ba: + e.return = Ds(e.value, e.length); + break; + case zs: + return sr([kr(e, { + value: ne(e.value, "@", "@" + ae) + })], i); + case Na: + if (e.length) return mu(e.props, function(a) { + switch (vu(a, /(::plac\w+|:read-\w+)/)) { + case ":read-only": + case ":read-write": + return sr([kr(e, { + props: [ne(a, /:(read-\w+)/, ":" + Jo + "$1")] + })], i); + case "::placeholder": + return sr([kr(e, { + props: [ne(a, /:(plac\w+)/, ":" + ae + "input-$1")] + }), kr(e, { + props: [ne(a, /:(plac\w+)/, ":" + Jo + "$1")] + }), kr(e, { + props: [ne(a, /:(plac\w+)/, He + "input-$1")] + })], i); + } + return ""; + }); + } +}, Pu = [zu], Lu = function(e) { + var t = e.key; + if (t === "css") { + var o = document.querySelectorAll("style[data-emotion]:not([data-s])"); + Array.prototype.forEach.call(o, function(S) { + var I = S.getAttribute("data-emotion"); + I.indexOf(" ") !== -1 && (document.head.appendChild(S), S.setAttribute("data-s", "")); + }); + } + var i = e.stylisPlugins || Pu, a = {}, s, d = []; + s = e.container || document.head, Array.prototype.forEach.call( + // this means we will ignore elements which don't have a space in them which + // means that the style elements we're looking at are only Emotion 11 server-rendered style elements + document.querySelectorAll('style[data-emotion^="' + t + ' "]'), + function(S) { + for (var I = S.getAttribute("data-emotion").split(" "), O = 1; O < I.length; O++) + a[I[O]] = !0; + d.push(S); + } + ); + var h, y = [Iu, Ou]; + { + var v, f = [Eu, Tu(function(S) { + v.insert(S); + })], C = $u(y.concat(i, f)), w = function(I) { + return sr(ku(I), C); + }; + h = function(I, O, R, B) { + v = R, w(I ? I + "{" + O.styles + "}" : O.styles), B && (A.inserted[O.name] = !0); + }; + } + var A = { + key: t, + sheet: new du({ + key: t, + container: s, + nonce: e.nonce, + speedy: e.speedy, + prepend: e.prepend, + insertionPoint: e.insertionPoint + }), + nonce: e.nonce, + inserted: a, + registered: {}, + insert: h + }; + return A.sheet.hydrate(d), A; +}, Fu = !0; +function Mu(r, e, t) { + var o = ""; + return t.split(" ").forEach(function(i) { + r[i] !== void 0 ? e.push(r[i] + ";") : i && (o += i + " "); + }), o; +} +var Ns = function(e, t, o) { + var i = e.key + "-" + t.name; + // we only need to add the styles to the registered cache if the + // class name could be used further down + // the tree but if it's a string tag, we know it won't + // so we don't have to add it to registered cache. + // this improves memory usage since we can avoid storing the whole style string + (o === !1 || // we need to always store it if we're in compat mode and + // in node since emotion-server relies on whether a style is in + // the registered cache to know whether a style is global or not + // also, note that this check will be dead code eliminated in the browser + Fu === !1) && e.registered[i] === void 0 && (e.registered[i] = t.styles); +}, Du = function(e, t, o) { + Ns(e, t, o); + var i = e.key + "-" + t.name; + if (e.inserted[t.name] === void 0) { + var a = t; + do + e.insert(t === a ? "." + i : "", a, e.sheet, !0), a = a.next; + while (a !== void 0); + } +}; +function Nu(r) { + for (var e = 0, t, o = 0, i = r.length; i >= 4; ++o, i -= 4) + t = r.charCodeAt(o) & 255 | (r.charCodeAt(++o) & 255) << 8 | (r.charCodeAt(++o) & 255) << 16 | (r.charCodeAt(++o) & 255) << 24, t = /* Math.imul(k, m): */ + (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16), t ^= /* k >>> r: */ + t >>> 24, e = /* Math.imul(k, m): */ + (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16) ^ /* Math.imul(h, m): */ + (e & 65535) * 1540483477 + ((e >>> 16) * 59797 << 16); + switch (i) { + case 3: + e ^= (r.charCodeAt(o + 2) & 255) << 16; + case 2: + e ^= (r.charCodeAt(o + 1) & 255) << 8; + case 1: + e ^= r.charCodeAt(o) & 255, e = /* Math.imul(h, m): */ + (e & 65535) * 1540483477 + ((e >>> 16) * 59797 << 16); + } + return e ^= e >>> 13, e = /* Math.imul(h, m): */ + (e & 65535) * 1540483477 + ((e >>> 16) * 59797 << 16), ((e ^ e >>> 15) >>> 0).toString(36); +} +var Bu = { + animationIterationCount: 1, + aspectRatio: 1, + borderImageOutset: 1, + borderImageSlice: 1, + borderImageWidth: 1, + boxFlex: 1, + boxFlexGroup: 1, + boxOrdinalGroup: 1, + columnCount: 1, + columns: 1, + flex: 1, + flexGrow: 1, + flexPositive: 1, + flexShrink: 1, + flexNegative: 1, + flexOrder: 1, + gridRow: 1, + gridRowEnd: 1, + gridRowSpan: 1, + gridRowStart: 1, + gridColumn: 1, + gridColumnEnd: 1, + gridColumnSpan: 1, + gridColumnStart: 1, + msGridRow: 1, + msGridRowSpan: 1, + msGridColumn: 1, + msGridColumnSpan: 1, + fontWeight: 1, + lineHeight: 1, + opacity: 1, + order: 1, + orphans: 1, + scale: 1, + tabSize: 1, + widows: 1, + zIndex: 1, + zoom: 1, + WebkitLineClamp: 1, + // SVG-related properties + fillOpacity: 1, + floodOpacity: 1, + stopOpacity: 1, + strokeDasharray: 1, + strokeDashoffset: 1, + strokeMiterlimit: 1, + strokeOpacity: 1, + strokeWidth: 1 +}, ju = !1, Uu = /[A-Z]|^ms/g, Vu = /_EMO_([^_]+?)_([^]*?)_EMO_/g, Bs = function(e) { + return e.charCodeAt(1) === 45; +}, Kn = function(e) { + return e != null && typeof e != "boolean"; +}, la = /* @__PURE__ */ Is(function(r) { + return Bs(r) ? r : r.replace(Uu, "-$&").toLowerCase(); +}), Yn = function(e, t) { + switch (e) { + case "animation": + case "animationName": + if (typeof t == "string") + return t.replace(Vu, function(o, i, a) { + return ct = { + name: i, + styles: a, + next: ct + }, i; + }); + } + return Bu[e] !== 1 && !Bs(e) && typeof t == "number" && t !== 0 ? t + "px" : t; +}, Hu = "Component selectors can only be used in conjunction with @emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware compiler transform."; +function zr(r, e, t) { + if (t == null) + return ""; + var o = t; + if (o.__emotion_styles !== void 0) + return o; + switch (typeof t) { + case "boolean": + return ""; + case "object": { + var i = t; + if (i.anim === 1) + return ct = { + name: i.name, + styles: i.styles, + next: ct + }, i.name; + var a = t; + if (a.styles !== void 0) { + var s = a.next; + if (s !== void 0) + for (; s !== void 0; ) + ct = { + name: s.name, + styles: s.styles, + next: ct + }, s = s.next; + var d = a.styles + ";"; + return d; + } + return qu(r, e, t); + } + case "function": { + if (r !== void 0) { + var h = ct, y = t(r); + return ct = h, zr(r, e, y); + } + break; + } + } + var v = t; + if (e == null) + return v; + var f = e[v]; + return f !== void 0 ? f : v; +} +function qu(r, e, t) { + var o = ""; + if (Array.isArray(t)) + for (var i = 0; i < t.length; i++) + o += zr(r, e, t[i]) + ";"; + else + for (var a in t) { + var s = t[a]; + if (typeof s != "object") { + var d = s; + e != null && e[d] !== void 0 ? o += a + "{" + e[d] + "}" : Kn(d) && (o += la(a) + ":" + Yn(a, d) + ";"); + } else { + if (a === "NO_COMPONENT_SELECTOR" && ju) + throw new Error(Hu); + if (Array.isArray(s) && typeof s[0] == "string" && (e == null || e[s[0]] === void 0)) + for (var h = 0; h < s.length; h++) + Kn(s[h]) && (o += la(a) + ":" + Yn(a, s[h]) + ";"); + else { + var y = zr(r, e, s); + switch (a) { + case "animation": + case "animationName": { + o += la(a) + ":" + y + ";"; + break; + } + default: + o += a + "{" + y + "}"; + } + } + } + } + return o; +} +var Gn = /label:\s*([^\s;{]+)\s*(;|$)/g, ct; +function Wu(r, e, t) { + if (r.length === 1 && typeof r[0] == "object" && r[0] !== null && r[0].styles !== void 0) + return r[0]; + var o = !0, i = ""; + ct = void 0; + var a = r[0]; + if (a == null || a.raw === void 0) + o = !1, i += zr(t, e, a); + else { + var s = a; + i += s[0]; + } + for (var d = 1; d < r.length; d++) + if (i += zr(t, e, r[d]), o) { + var h = a; + i += h[d]; + } + Gn.lastIndex = 0; + for (var y = "", v; (v = Gn.exec(i)) !== null; ) + y += "-" + v[1]; + var f = Nu(i) + y; + return { + name: f, + styles: i, + next: ct + }; +} +var Ku = function(e) { + return e(); +}, Yu = bn.useInsertionEffect ? bn.useInsertionEffect : !1, Gu = Yu || Ku, js = /* @__PURE__ */ qe.createContext( + // we're doing this to avoid preconstruct's dead code elimination in this one case + // because this module is primarily intended for the browser and node + // but it's also required in react native and similar environments sometimes + // and we could have a special build just for that + // but this is much easier and the native packages + // might use a different theme context in the future anyway + typeof HTMLElement < "u" ? /* @__PURE__ */ Lu({ + key: "css" + }) : null +); +js.Provider; +var Xu = function(e) { + return /* @__PURE__ */ qe.forwardRef(function(t, o) { + var i = qe.useContext(js); + return e(t, i, o); + }); +}, Zu = /* @__PURE__ */ qe.createContext({}), Ju = au, Qu = function(e) { + return e !== "theme"; +}, Xn = function(e) { + return typeof e == "string" && // 96 is one less than the char code + // for "a" so this is checking that + // it's a lowercase character + e.charCodeAt(0) > 96 ? Ju : Qu; +}, Zn = function(e, t, o) { + var i; + if (t) { + var a = t.shouldForwardProp; + i = e.__emotion_forwardProp && a ? function(s) { + return e.__emotion_forwardProp(s) && a(s); + } : a; + } + return typeof i != "function" && o && (i = e.__emotion_forwardProp), i; +}, eh = !1, th = function(e) { + var t = e.cache, o = e.serialized, i = e.isStringTag; + return Ns(t, o, i), Gu(function() { + return Du(t, o, i); + }), null; +}, rh = function r(e, t) { + var o = e.__emotion_real === e, i = o && e.__emotion_base || e, a, s; + t !== void 0 && (a = t.label, s = t.target); + var d = Zn(e, t, o), h = d || Xn(i), y = !h("as"); + return function() { + var v = arguments, f = o && e.__emotion_styles !== void 0 ? e.__emotion_styles.slice(0) : []; + if (a !== void 0 && f.push("label:" + a + ";"), v[0] == null || v[0].raw === void 0) + f.push.apply(f, v); + else { + f.push(v[0][0]); + for (var C = v.length, w = 1; w < C; w++) + f.push(v[w], v[0][w]); + } + var A = Xu(function(S, I, O) { + var R = y && S.as || i, B = "", U = [], P = S; + if (S.theme == null) { + P = {}; + for (var q in S) + P[q] = S[q]; + P.theme = qe.useContext(Zu); + } + typeof S.className == "string" ? B = Mu(I.registered, U, S.className) : S.className != null && (B = S.className + " "); + var D = Wu(f.concat(U), I.registered, P); + B += I.key + "-" + D.name, s !== void 0 && (B += " " + s); + var Oe = y && d === void 0 ? Xn(R) : h, Fe = {}; + for (var ze in S) + y && ze === "as" || Oe(ze) && (Fe[ze] = S[ze]); + return Fe.className = B, O && (Fe.ref = O), /* @__PURE__ */ qe.createElement(qe.Fragment, null, /* @__PURE__ */ qe.createElement(th, { + cache: I, + serialized: D, + isStringTag: typeof R == "string" + }), /* @__PURE__ */ qe.createElement(R, Fe)); + }); + return A.displayName = a !== void 0 ? a : "Styled(" + (typeof i == "string" ? i : i.displayName || i.name || "Component") + ")", A.defaultProps = e.defaultProps, A.__emotion_real = A, A.__emotion_base = i, A.__emotion_styles = f, A.__emotion_forwardProp = d, Object.defineProperty(A, "toString", { + value: function() { + return s === void 0 && eh ? "NO_COMPONENT_SELECTOR" : "." + s; + } + }), A.withComponent = function(S, I) { + return r(S, Ca({}, t, I, { + shouldForwardProp: Zn(A, I, !0) + })).apply(void 0, f); + }, A; + }; +}, oh = [ + "a", + "abbr", + "address", + "area", + "article", + "aside", + "audio", + "b", + "base", + "bdi", + "bdo", + "big", + "blockquote", + "body", + "br", + "button", + "canvas", + "caption", + "cite", + "code", + "col", + "colgroup", + "data", + "datalist", + "dd", + "del", + "details", + "dfn", + "dialog", + "div", + "dl", + "dt", + "em", + "embed", + "fieldset", + "figcaption", + "figure", + "footer", + "form", + "h1", + "h2", + "h3", + "h4", + "h5", + "h6", + "head", + "header", + "hgroup", + "hr", + "html", + "i", + "iframe", + "img", + "input", + "ins", + "kbd", + "keygen", + "label", + "legend", + "li", + "link", + "main", + "map", + "mark", + "marquee", + "menu", + "menuitem", + "meta", + "meter", + "nav", + "noscript", + "object", + "ol", + "optgroup", + "option", + "output", + "p", + "param", + "picture", + "pre", + "progress", + "q", + "rp", + "rt", + "ruby", + "s", + "samp", + "script", + "section", + "select", + "small", + "source", + "span", + "strong", + "style", + "sub", + "summary", + "sup", + "table", + "tbody", + "td", + "textarea", + "tfoot", + "th", + "thead", + "time", + "title", + "tr", + "track", + "u", + "ul", + "var", + "video", + "wbr", + // SVG + "circle", + "clipPath", + "defs", + "ellipse", + "foreignObject", + "g", + "image", + "line", + "linearGradient", + "mask", + "path", + "pattern", + "polygon", + "polyline", + "radialGradient", + "rect", + "stop", + "svg", + "text", + "tspan" +], Ta = rh.bind(); +oh.forEach(function(r) { + Ta[r] = Ta(r); +}); +const ih = Ta.div` + display: ${(r) => r.display}; + flex-direction: ${(r) => r.flexDirection}; + flex-wrap: ${(r) => r.flexWrap}; + justify-content: ${(r) => r.justifyContent}; + align-items: ${(r) => r.alignItems}; + align-content: ${(r) => r.alignContent}; + gap: ${(r) => r.gap}; + row-gap: ${(r) => r.rowGap}; + column-gap: ${(r) => r.columnGap}; + flex: ${(r) => r.flex}; + flex-grow: ${(r) => r.flexGrow}; + flex-shrink: ${(r) => r.flexShrink}; + flex-basis: ${(r) => r.flexBasis}; + flex-flow: ${(r) => r.flexFlow}; + align-self: ${(r) => r.alignSelf}; + order: ${(r) => r.order}; +`, Us = (r) => { + const { style: e, children: t, ...o } = r; + return /* @__PURE__ */ V.jsx(ih, { style: e, ...o, children: t }); +}, Bp = ({ children: r, variant: e = "span", className: t, color: o = "", align: i, style: a, noWrap: s, id: d, size: h = "auto", htmlFor: y }) => { + const v = qe.useMemo(() => o === "primary" ? "var(--md-sys-color-primary)" : o === "secondary" ? "var(--md-sys-color-secondary)" : o === "tertiary" ? "var(--md-sys-color-tertiary)" : o === "error" ? "var(--md-sys-color-error)" : o === "on-primary" ? "var(--md-sys-color-on-primary)" : o === "on-secondary" ? "var(--md-sys-color-on-secondary)" : o === "on-tertiary" ? "var(--md-sys-color-on-tertiary)" : o === "on-error" ? "var(--md-sys-color-on-error)" : o === "on-surface" ? "var(--md-sys-color-on-surface)" : o === "scrim" ? "var(--md-sys-color-scrim)" : o === "outline" ? "var(--md-sys-color-outline)" : o === "outline-variant" ? "var(--md-sys-color-outline-variant)" : o, [o]), f = qe.useMemo(() => { + if (h === "auto") + return { + h1: "large", + h2: "large", + h3: "medium", + h4: "medium", + h5: "small", + h6: "small", + p: "large", + span: "large", + label: "large" + }[e]; + if (h === "small") return "small"; + if (h === "medium") return "medium"; + if (h === "large") return "large"; + }, [h]); + return e === "h1" ? /* @__PURE__ */ V.jsx( + "h1", + { + className: t, + style: { + color: v, + fontWeight: `var(--md-sys-typescale-headline-${f}-weight)`, + fontSize: `var(--md-sys-typescale-headline-${f}-size)`, + lineHeight: `var(--md-sys-typescale-headline-${f}-line-height)`, + fontFamily: `var(--md-sys-typescale-headline-${f}-font)`, + textAlign: i, + whiteSpace: s ? "nowrap" : "normal", + ...a + }, + id: d, + children: r + } + ) : e === "h2" ? /* @__PURE__ */ V.jsx( + "h2", + { + className: t, + style: { + color: v, + fontWeight: `var(--md-sys-typescale-headline-${f}-weight)`, + fontSize: `var(--md-sys-typescale-headline-${f}-size)`, + lineHeight: `var(--md-sys-typescale-headline-${f}-line-height)`, + fontFamily: `var(--md-sys-typescale-headline-${f}-font)`, + textAlign: i, + whiteSpace: s ? "nowrap" : "normal", + ...a + }, + id: d, + children: r + } + ) : e === "h3" ? /* @__PURE__ */ V.jsx( + "h3", + { + className: t, + style: { + color: v, + fontWeight: `var(--md-sys-typescale-headline-${f}-weight)`, + fontSize: `var(--md-sys-typescale-headline-${f}-size)`, + lineHeight: `var(--md-sys-typescale-headline-${f}-line-height)`, + fontFamily: `var(--md-sys-typescale-headline-${f}-font)`, + textAlign: i, + whiteSpace: s ? "nowrap" : "normal", + ...a + }, + id: d, + children: r + } + ) : e === "h4" ? /* @__PURE__ */ V.jsx( + "h4", + { + className: t, + style: { + color: v, + fontWeight: `var(--md-sys-typescale-headline-${f}-weight)`, + fontSize: `var(--md-sys-typescale-headline-${f}-size)`, + lineHeight: `var(--md-sys-typescale-headline-${f}-line-height)`, + fontFamily: `var(--md-sys-typescale-headline-${f}-font)`, + textAlign: i, + whiteSpace: s ? "nowrap" : "normal", + ...a + }, + id: d, + children: r + } + ) : e === "h5" ? /* @__PURE__ */ V.jsx( + "h5", + { + className: t, + style: { + color: v, + fontWeight: `var(--md-sys-typescale-headline-${f}-weight)`, + fontSize: `var(--md-sys-typescale-headline-${f}-size)`, + lineHeight: `var(--md-sys-typescale-headline-${f}-line-height)`, + fontFamily: `var(--md-sys-typescale-headline-${f}-font)`, + textAlign: i, + whiteSpace: s ? "nowrap" : "normal", + ...a + }, + id: d, + children: r + } + ) : e === "h6" ? /* @__PURE__ */ V.jsx( + "h6", + { + className: t, + style: { + color: v, + fontWeight: `var(--md-sys-typescale-headline-${f}-weight)`, + fontSize: `var(--md-sys-typescale-headline-${f}-size)`, + lineHeight: `var(--md-sys-typescale-headline-${f}-line-height)`, + fontFamily: `var(--md-sys-typescale-headline-${f}-font)`, + textAlign: i, + whiteSpace: s ? "nowrap" : "normal", + ...a + }, + id: d, + children: r + } + ) : e === "p" ? /* @__PURE__ */ V.jsx( + "p", + { + className: t, + style: { + color: v, + fontWeight: `var(--md-sys-typescale-body-${f}-weight)`, + fontSize: `var(--md-sys-typescale-body-${f}-size)`, + lineHeight: `var(--md-sys-typescale-body-${f}-line-height)`, + fontFamily: `var(--md-sys-typescale-body-${f}-font)`, + textAlign: i, + whiteSpace: s ? "nowrap" : "normal", + ...a + }, + id: d, + children: r + } + ) : e === "span" ? /* @__PURE__ */ V.jsx( + "span", + { + className: t, + style: { + color: v, + fontWeight: `var(--md-sys-typescale-body-${f}-weight)`, + fontSize: `var(--md-sys-typescale-body-${f}-size)`, + lineHeight: `var(--md-sys-typescale-body-${f}-line-height)`, + fontFamily: `var(--md-sys-typescale-body-${f}-font)`, + textAlign: i, + whiteSpace: s ? "nowrap" : "normal", + ...a + }, + id: d, + children: r + } + ) : e === "label" ? /* @__PURE__ */ V.jsx( + "label", + { + htmlFor: y, + className: t, + style: { + color: v, + fontWeight: `var(--md-sys-typescale-label-${f}-weight)`, + fontSize: `var(--md-sys-typescale-label-${f}-size)`, + lineHeight: `var(--md-sys-typescale-label-${f}-line-height)`, + fontFamily: `var(--md-sys-typescale-label-${f}-font)`, + textAlign: i, + whiteSpace: s ? "nowrap" : "normal", + ...a + }, + id: d, + children: r + } + ) : null; +}; +/** + * @license + * Copyright 2022 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +function Jn(r, e = !0) { + return e && getComputedStyle(r).getPropertyValue("direction").trim() === "rtl"; +} +/** + * @license + * Copyright 2018 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const ah = Je(Rt(W)); +let Le = class extends ah { + get name() { + return this.getAttribute("name") ?? ""; + } + set name(e) { + this.setAttribute("name", e); + } + /** + * The associated form element with which this element's value will submit. + */ + get form() { + return this[je].form; + } + /** + * The labels this element is associated with. + */ + get labels() { + return this[je].labels; + } + constructor() { + super(), this.disabled = !1, this.softDisabled = !1, this.flipIconInRtl = !1, this.href = "", this.target = "", this.ariaLabelSelected = "", this.toggle = !1, this.selected = !1, this.type = "submit", this.value = "", this.flipIcon = Jn(this, this.flipIconInRtl), this.addEventListener("click", this.handleClick.bind(this)); + } + willUpdate() { + this.href && (this.disabled = !1, this.softDisabled = !1); + } + render() { + const e = this.href ? Xe`div` : Xe`button`, { ariaLabel: t, ariaHasPopup: o, ariaExpanded: i } = this, a = t && this.ariaLabelSelected, s = this.toggle ? this.selected : x; + let d = x; + return this.href || (d = a && this.selected ? this.ariaLabelSelected : t), Fr`<${e} + class="icon-button ${ye(this.getRenderClasses())}" + id="button" + aria-label="${d || x}" + aria-haspopup="${!this.href && o || x}" + aria-expanded="${!this.href && i || x}" + aria-pressed="${s}" + aria-disabled=${!this.href && this.softDisabled || x} + ?disabled="${!this.href && this.disabled}" + @click="${this.handleClickOnChild}"> + ${this.renderFocusRing()} + ${this.renderRipple()} + ${this.selected ? x : this.renderIcon()} + ${this.selected ? this.renderSelectedIcon() : x} + ${this.renderTouchTarget()} + ${this.href && this.renderLink()} + `; + } + renderLink() { + const { ariaLabel: e } = this; + return _` + + `; + } + getRenderClasses() { + return { + "flip-icon": this.flipIcon, + selected: this.toggle && this.selected + }; + } + renderIcon() { + return _``; + } + renderSelectedIcon() { + return _``; + } + renderTouchTarget() { + return _``; + } + renderFocusRing() { + return _``; + } + renderRipple() { + const e = !this.href && (this.disabled || this.softDisabled); + return _``; + } + connectedCallback() { + this.flipIcon = Jn(this, this.flipIconInRtl), super.connectedCallback(); + } + /** Handles a click on this element. */ + handleClick(e) { + if (!this.href && this.softDisabled) { + e.stopImmediatePropagation(), e.preventDefault(); + return; + } + } + /** + * Handles a click on the child
    or + `; + } + renderOutline() { + return this.elevated ? _`` : super.renderOutline(); + } +}; +l([ + p({ type: Boolean }) +], Ei.prototype, "elevated", void 0); +l([ + p() +], Ei.prototype, "href", void 0); +l([ + p() +], Ei.prototype, "target", void 0); +/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const vh = F`:host{--_container-height: var(--md-assist-chip-container-height, 32px);--_disabled-label-text-color: var(--md-assist-chip-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-label-text-opacity: var(--md-assist-chip-disabled-label-text-opacity, 0.38);--_elevated-container-color: var(--md-assist-chip-elevated-container-color, var(--md-sys-color-surface-container-low, #f7f2fa));--_elevated-container-elevation: var(--md-assist-chip-elevated-container-elevation, 1);--_elevated-container-shadow-color: var(--md-assist-chip-elevated-container-shadow-color, var(--md-sys-color-shadow, #000));--_elevated-disabled-container-color: var(--md-assist-chip-elevated-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));--_elevated-disabled-container-elevation: var(--md-assist-chip-elevated-disabled-container-elevation, 0);--_elevated-disabled-container-opacity: var(--md-assist-chip-elevated-disabled-container-opacity, 0.12);--_elevated-focus-container-elevation: var(--md-assist-chip-elevated-focus-container-elevation, 1);--_elevated-hover-container-elevation: var(--md-assist-chip-elevated-hover-container-elevation, 2);--_elevated-pressed-container-elevation: var(--md-assist-chip-elevated-pressed-container-elevation, 1);--_focus-label-text-color: var(--md-assist-chip-focus-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_hover-label-text-color: var(--md-assist-chip-hover-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_hover-state-layer-color: var(--md-assist-chip-hover-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--_hover-state-layer-opacity: var(--md-assist-chip-hover-state-layer-opacity, 0.08);--_label-text-color: var(--md-assist-chip-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_label-text-font: var(--md-assist-chip-label-text-font, var(--md-sys-typescale-label-large-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-assist-chip-label-text-line-height, var(--md-sys-typescale-label-large-line-height, 1.25rem));--_label-text-size: var(--md-assist-chip-label-text-size, var(--md-sys-typescale-label-large-size, 0.875rem));--_label-text-weight: var(--md-assist-chip-label-text-weight, var(--md-sys-typescale-label-large-weight, var(--md-ref-typeface-weight-medium, 500)));--_pressed-label-text-color: var(--md-assist-chip-pressed-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_pressed-state-layer-color: var(--md-assist-chip-pressed-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--_pressed-state-layer-opacity: var(--md-assist-chip-pressed-state-layer-opacity, 0.12);--_disabled-outline-color: var(--md-assist-chip-disabled-outline-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-outline-opacity: var(--md-assist-chip-disabled-outline-opacity, 0.12);--_focus-outline-color: var(--md-assist-chip-focus-outline-color, var(--md-sys-color-on-surface, #1d1b20));--_outline-color: var(--md-assist-chip-outline-color, var(--md-sys-color-outline, #79747e));--_outline-width: var(--md-assist-chip-outline-width, 1px);--_disabled-leading-icon-color: var(--md-assist-chip-disabled-leading-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-leading-icon-opacity: var(--md-assist-chip-disabled-leading-icon-opacity, 0.38);--_focus-leading-icon-color: var(--md-assist-chip-focus-leading-icon-color, var(--md-sys-color-primary, #6750a4));--_hover-leading-icon-color: var(--md-assist-chip-hover-leading-icon-color, var(--md-sys-color-primary, #6750a4));--_leading-icon-color: var(--md-assist-chip-leading-icon-color, var(--md-sys-color-primary, #6750a4));--_icon-size: var(--md-assist-chip-icon-size, 18px);--_pressed-leading-icon-color: var(--md-assist-chip-pressed-leading-icon-color, var(--md-sys-color-primary, #6750a4));--_container-shape-start-start: var(--md-assist-chip-container-shape-start-start, var(--md-assist-chip-container-shape, var(--md-sys-shape-corner-small, 8px)));--_container-shape-start-end: var(--md-assist-chip-container-shape-start-end, var(--md-assist-chip-container-shape, var(--md-sys-shape-corner-small, 8px)));--_container-shape-end-end: var(--md-assist-chip-container-shape-end-end, var(--md-assist-chip-container-shape, var(--md-sys-shape-corner-small, 8px)));--_container-shape-end-start: var(--md-assist-chip-container-shape-end-start, var(--md-assist-chip-container-shape, var(--md-sys-shape-corner-small, 8px)));--_leading-space: var(--md-assist-chip-leading-space, 16px);--_trailing-space: var(--md-assist-chip-trailing-space, 16px);--_icon-label-space: var(--md-assist-chip-icon-label-space, 8px);--_with-leading-icon-leading-space: var(--md-assist-chip-with-leading-icon-leading-space, 8px)}@media(forced-colors: active){.link .outline{border-color:ActiveText}} +`; +/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const Vs = F`.elevated{--md-elevation-level: var(--_elevated-container-elevation);--md-elevation-shadow-color: var(--_elevated-container-shadow-color)}.elevated::before{background:var(--_elevated-container-color)}.elevated:hover{--md-elevation-level: var(--_elevated-hover-container-elevation)}.elevated:focus-within{--md-elevation-level: var(--_elevated-focus-container-elevation)}.elevated:active{--md-elevation-level: var(--_elevated-pressed-container-elevation)}.elevated.disabled{--md-elevation-level: var(--_elevated-disabled-container-elevation)}.elevated.disabled::before{background:var(--_elevated-disabled-container-color);opacity:var(--_elevated-disabled-container-opacity)}@media(forced-colors: active){.elevated md-elevation{border:1px solid CanvasText}.elevated.disabled md-elevation{border-color:GrayText}} +`; +/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const Ua = F`:host{border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-start-radius:var(--_container-shape-end-start);border-end-end-radius:var(--_container-shape-end-end);display:inline-flex;height:var(--_container-height);cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--md-ripple-hover-color: var(--_hover-state-layer-color);--md-ripple-hover-opacity: var(--_hover-state-layer-opacity);--md-ripple-pressed-color: var(--_pressed-state-layer-color);--md-ripple-pressed-opacity: var(--_pressed-state-layer-opacity)}:host(:is([disabled],[soft-disabled])){pointer-events:none}:host([touch-target=wrapper]){margin:max(0px,(48px - var(--_container-height))/2) 0}md-focus-ring{--md-focus-ring-shape-start-start: var(--_container-shape-start-start);--md-focus-ring-shape-start-end: var(--_container-shape-start-end);--md-focus-ring-shape-end-end: var(--_container-shape-end-end);--md-focus-ring-shape-end-start: var(--_container-shape-end-start)}.container{border-radius:inherit;box-sizing:border-box;display:flex;height:100%;position:relative;width:100%}.container::before{border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute}.container:not(.disabled){cursor:pointer}.container.disabled{pointer-events:none}.cell{display:flex}.action{align-items:baseline;appearance:none;background:none;border:none;border-radius:inherit;display:flex;outline:none;padding:0;position:relative;text-decoration:none}.primary.action{min-width:0;padding-inline-start:var(--_leading-space);padding-inline-end:var(--_trailing-space)}.has-icon .primary.action{padding-inline-start:var(--_with-leading-icon-leading-space)}.touch{height:48px;inset:50% 0 0;position:absolute;transform:translateY(-50%);width:100%}:host([touch-target=none]) .touch{display:none}.outline{border:var(--_outline-width) solid var(--_outline-color);border-radius:inherit;inset:0;pointer-events:none;position:absolute}:where(:focus) .outline{border-color:var(--_focus-outline-color)}:where(.disabled) .outline{border-color:var(--_disabled-outline-color);opacity:var(--_disabled-outline-opacity)}md-ripple{border-radius:inherit}.label,.icon,.touch{z-index:1}.label{align-items:center;color:var(--_label-text-color);display:flex;font-family:var(--_label-text-font);font-size:var(--_label-text-size);font-weight:var(--_label-text-weight);height:100%;line-height:var(--_label-text-line-height);overflow:hidden;user-select:none}.label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where(:hover) .label{color:var(--_hover-label-text-color)}:where(:focus) .label{color:var(--_focus-label-text-color)}:where(:active) .label{color:var(--_pressed-label-text-color)}:where(.disabled) .label{color:var(--_disabled-label-text-color);opacity:var(--_disabled-label-text-opacity)}.icon{align-self:center;display:flex;fill:currentColor;position:relative}.icon ::slotted(:first-child){font-size:var(--_icon-size);height:var(--_icon-size);width:var(--_icon-size)}.leading.icon{color:var(--_leading-icon-color)}.leading.icon ::slotted(*),.leading.icon svg{margin-inline-end:var(--_icon-label-space)}:where(:hover) .leading.icon{color:var(--_hover-leading-icon-color)}:where(:focus) .leading.icon{color:var(--_focus-leading-icon-color)}:where(:active) .leading.icon{color:var(--_pressed-leading-icon-color)}:where(.disabled) .leading.icon{color:var(--_disabled-leading-icon-color);opacity:var(--_disabled-leading-icon-opacity)}@media(forced-colors: active){:where(.disabled) :is(.label,.outline,.leading.icon){color:GrayText;opacity:1}}a,button{text-transform:inherit}a,button:not(:disabled,[aria-disabled=true]){cursor:inherit} +`; +/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +let oi = class extends Ei { +}; +oi.styles = [Ua, Vs, vh]; +oi = l([ + H("md-assist-chip") +], oi); +/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +let Hs = class extends W { + get chips() { + return this.childElements.filter((e) => e instanceof gt); + } + constructor() { + super(), this.internals = // Cast needed for closure + this.attachInternals(), this.addEventListener("focusin", this.updateTabIndices.bind(this)), this.addEventListener("update-focus", this.updateTabIndices.bind(this)), this.addEventListener("keydown", this.handleKeyDown.bind(this)), this.internals.role = "toolbar"; + } + render() { + return _``; + } + handleKeyDown(e) { + const t = e.key === "ArrowLeft", o = e.key === "ArrowRight", i = e.key === "Home", a = e.key === "End"; + if (!t && !o && !i && !a) + return; + const { chips: s } = this; + if (s.length < 2) + return; + if (e.preventDefault(), i || a) { + const C = i ? 0 : s.length - 1; + s[C].focus({ trailing: a }), this.updateTabIndices(); + return; + } + const h = getComputedStyle(this).direction === "rtl" ? t : o, y = s.find((C) => C.matches(":focus-within")); + if (!y) { + (h ? s[0] : s[s.length - 1]).focus({ trailing: !h }), this.updateTabIndices(); + return; + } + const v = s.indexOf(y); + let f = h ? v + 1 : v - 1; + for (; f !== v; ) { + f >= s.length ? f = 0 : f < 0 && (f = s.length - 1); + const C = s[f]; + if (C.disabled && !C.alwaysFocusable) { + h ? f++ : f--; + continue; + } + C.focus({ trailing: !h }), this.updateTabIndices(); + break; + } + } + updateTabIndices() { + const { chips: e } = this; + let t; + for (const o of e) { + const i = o.alwaysFocusable || !o.disabled; + if (o.matches(":focus-within") && i) { + t = o; + continue; + } + i && !t && (t = o), o.tabIndex = -1; + } + t && (t.tabIndex = 0); + } +}; +l([ + We() +], Hs.prototype, "childElements", void 0); +/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const mh = F`:host{display:flex;flex-wrap:wrap;gap:8px} +`; +/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +let ii = class extends Hs { +}; +ii.styles = [mh]; +ii = l([ + H("md-chip-set") +], ii); +/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const Co = "aria-label-remove"; +class qs extends gt { + get ariaLabelRemove() { + if (this.hasAttribute(Co)) + return this.getAttribute(Co); + const { ariaLabel: e } = this; + return e || this.label ? `Remove ${e || this.label}` : null; + } + set ariaLabelRemove(e) { + const t = this.ariaLabelRemove; + e !== t && (e === null ? this.removeAttribute(Co) : this.setAttribute(Co, e), this.requestUpdate()); + } + constructor() { + super(), this.handleTrailingActionFocus = this.handleTrailingActionFocus.bind(this), this.addEventListener("keydown", this.handleKeyDown.bind(this)); + } + focus(e) { + if ((this.alwaysFocusable || !this.disabled) && (e != null && e.trailing) && this.trailingAction) { + this.trailingAction.focus(e); + return; + } + super.focus(e); + } + renderContainerContent() { + return _` + ${super.renderContainerContent()} + ${this.renderTrailingAction(this.handleTrailingActionFocus)} + `; + } + handleKeyDown(e) { + var y, v; + const t = e.key === "ArrowLeft", o = e.key === "ArrowRight"; + if (!t && !o || !this.primaryAction || !this.trailingAction) + return; + const a = getComputedStyle(this).direction === "rtl" ? t : o, s = (y = this.primaryAction) == null ? void 0 : y.matches(":focus-within"), d = (v = this.trailingAction) == null ? void 0 : v.matches(":focus-within"); + if (a && d || !a && s) + return; + e.preventDefault(), e.stopPropagation(), (a ? this.trailingAction : this.primaryAction).focus(); + } + handleTrailingActionFocus() { + const { primaryAction: e, trailingAction: t } = this; + !e || !t || (e.tabIndex = -1, t.addEventListener("focusout", () => { + e.tabIndex = 0; + }, { once: !0 })); + } +} +/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +function Ws({ ariaLabel: r, disabled: e, focusListener: t, tabbable: o = !1 }) { + return _` + + + `; +} +function bh(r) { + this.disabled || this.softDisabled || (r.stopPropagation(), !this.dispatchEvent(new Event("remove", { cancelable: !0 }))) || this.remove(); +} +/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +let Yt = class extends qs { + constructor() { + super(...arguments), this.elevated = !1, this.removable = !1, this.selected = !1, this.hasSelectedIcon = !1; + } + get primaryId() { + return "button"; + } + getContainerClasses() { + return { + ...super.getContainerClasses(), + elevated: this.elevated, + selected: this.selected, + "has-trailing": this.removable, + "has-icon": this.hasIcon || this.selected + }; + } + renderPrimaryAction(e) { + const { ariaLabel: t } = this; + return _` + + `; + } + renderLeadingIcon() { + return this.selected ? _` + + + + ` : super.renderLeadingIcon(); + } + renderTrailingAction(e) { + return this.removable ? Ws({ + focusListener: e, + ariaLabel: this.ariaLabelRemove, + disabled: this.disabled || this.softDisabled + }) : x; + } + renderOutline() { + return this.elevated ? _`` : super.renderOutline(); + } + handleClickOnChild(e) { + if (this.disabled || this.softDisabled) + return; + const t = this.selected; + if (this.selected = !this.selected, !At(this, e)) { + this.selected = t; + return; + } + } +}; +l([ + p({ type: Boolean }) +], Yt.prototype, "elevated", void 0); +l([ + p({ type: Boolean }) +], Yt.prototype, "removable", void 0); +l([ + p({ type: Boolean, reflect: !0 }) +], Yt.prototype, "selected", void 0); +l([ + p({ type: Boolean, reflect: !0, attribute: "has-selected-icon" }) +], Yt.prototype, "hasSelectedIcon", void 0); +l([ + G(".primary.action") +], Yt.prototype, "primaryAction", void 0); +l([ + G(".trailing.action") +], Yt.prototype, "trailingAction", void 0); +/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const yh = F`:host{--_container-height: var(--md-filter-chip-container-height, 32px);--_disabled-label-text-color: var(--md-filter-chip-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-label-text-opacity: var(--md-filter-chip-disabled-label-text-opacity, 0.38);--_elevated-container-elevation: var(--md-filter-chip-elevated-container-elevation, 1);--_elevated-container-shadow-color: var(--md-filter-chip-elevated-container-shadow-color, var(--md-sys-color-shadow, #000));--_elevated-disabled-container-color: var(--md-filter-chip-elevated-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));--_elevated-disabled-container-elevation: var(--md-filter-chip-elevated-disabled-container-elevation, 0);--_elevated-disabled-container-opacity: var(--md-filter-chip-elevated-disabled-container-opacity, 0.12);--_elevated-focus-container-elevation: var(--md-filter-chip-elevated-focus-container-elevation, 1);--_elevated-hover-container-elevation: var(--md-filter-chip-elevated-hover-container-elevation, 2);--_elevated-pressed-container-elevation: var(--md-filter-chip-elevated-pressed-container-elevation, 1);--_elevated-selected-container-color: var(--md-filter-chip-elevated-selected-container-color, var(--md-sys-color-secondary-container, #e8def8));--_label-text-font: var(--md-filter-chip-label-text-font, var(--md-sys-typescale-label-large-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-filter-chip-label-text-line-height, var(--md-sys-typescale-label-large-line-height, 1.25rem));--_label-text-size: var(--md-filter-chip-label-text-size, var(--md-sys-typescale-label-large-size, 0.875rem));--_label-text-weight: var(--md-filter-chip-label-text-weight, var(--md-sys-typescale-label-large-weight, var(--md-ref-typeface-weight-medium, 500)));--_selected-focus-label-text-color: var(--md-filter-chip-selected-focus-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-hover-label-text-color: var(--md-filter-chip-selected-hover-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-hover-state-layer-color: var(--md-filter-chip-selected-hover-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-hover-state-layer-opacity: var(--md-filter-chip-selected-hover-state-layer-opacity, 0.08);--_selected-label-text-color: var(--md-filter-chip-selected-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-pressed-label-text-color: var(--md-filter-chip-selected-pressed-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-pressed-state-layer-color: var(--md-filter-chip-selected-pressed-state-layer-color, var(--md-sys-color-on-surface-variant, #49454f));--_selected-pressed-state-layer-opacity: var(--md-filter-chip-selected-pressed-state-layer-opacity, 0.12);--_elevated-container-color: var(--md-filter-chip-elevated-container-color, var(--md-sys-color-surface-container-low, #f7f2fa));--_disabled-outline-color: var(--md-filter-chip-disabled-outline-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-outline-opacity: var(--md-filter-chip-disabled-outline-opacity, 0.12);--_disabled-selected-container-color: var(--md-filter-chip-disabled-selected-container-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-selected-container-opacity: var(--md-filter-chip-disabled-selected-container-opacity, 0.12);--_focus-outline-color: var(--md-filter-chip-focus-outline-color, var(--md-sys-color-on-surface-variant, #49454f));--_outline-color: var(--md-filter-chip-outline-color, var(--md-sys-color-outline, #79747e));--_outline-width: var(--md-filter-chip-outline-width, 1px);--_selected-container-color: var(--md-filter-chip-selected-container-color, var(--md-sys-color-secondary-container, #e8def8));--_selected-outline-width: var(--md-filter-chip-selected-outline-width, 0px);--_focus-label-text-color: var(--md-filter-chip-focus-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-label-text-color: var(--md-filter-chip-hover-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-state-layer-color: var(--md-filter-chip-hover-state-layer-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-state-layer-opacity: var(--md-filter-chip-hover-state-layer-opacity, 0.08);--_label-text-color: var(--md-filter-chip-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_pressed-label-text-color: var(--md-filter-chip-pressed-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_pressed-state-layer-color: var(--md-filter-chip-pressed-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_pressed-state-layer-opacity: var(--md-filter-chip-pressed-state-layer-opacity, 0.12);--_icon-size: var(--md-filter-chip-icon-size, 18px);--_disabled-leading-icon-color: var(--md-filter-chip-disabled-leading-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-leading-icon-opacity: var(--md-filter-chip-disabled-leading-icon-opacity, 0.38);--_selected-focus-leading-icon-color: var(--md-filter-chip-selected-focus-leading-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-hover-leading-icon-color: var(--md-filter-chip-selected-hover-leading-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-leading-icon-color: var(--md-filter-chip-selected-leading-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-pressed-leading-icon-color: var(--md-filter-chip-selected-pressed-leading-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_focus-leading-icon-color: var(--md-filter-chip-focus-leading-icon-color, var(--md-sys-color-primary, #6750a4));--_hover-leading-icon-color: var(--md-filter-chip-hover-leading-icon-color, var(--md-sys-color-primary, #6750a4));--_leading-icon-color: var(--md-filter-chip-leading-icon-color, var(--md-sys-color-primary, #6750a4));--_pressed-leading-icon-color: var(--md-filter-chip-pressed-leading-icon-color, var(--md-sys-color-primary, #6750a4));--_disabled-trailing-icon-color: var(--md-filter-chip-disabled-trailing-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-trailing-icon-opacity: var(--md-filter-chip-disabled-trailing-icon-opacity, 0.38);--_selected-focus-trailing-icon-color: var(--md-filter-chip-selected-focus-trailing-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-hover-trailing-icon-color: var(--md-filter-chip-selected-hover-trailing-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-pressed-trailing-icon-color: var(--md-filter-chip-selected-pressed-trailing-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-trailing-icon-color: var(--md-filter-chip-selected-trailing-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_focus-trailing-icon-color: var(--md-filter-chip-focus-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-trailing-icon-color: var(--md-filter-chip-hover-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_pressed-trailing-icon-color: var(--md-filter-chip-pressed-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_trailing-icon-color: var(--md-filter-chip-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_container-shape-start-start: var(--md-filter-chip-container-shape-start-start, var(--md-filter-chip-container-shape, var(--md-sys-shape-corner-small, 8px)));--_container-shape-start-end: var(--md-filter-chip-container-shape-start-end, var(--md-filter-chip-container-shape, var(--md-sys-shape-corner-small, 8px)));--_container-shape-end-end: var(--md-filter-chip-container-shape-end-end, var(--md-filter-chip-container-shape, var(--md-sys-shape-corner-small, 8px)));--_container-shape-end-start: var(--md-filter-chip-container-shape-end-start, var(--md-filter-chip-container-shape, var(--md-sys-shape-corner-small, 8px)));--_leading-space: var(--md-filter-chip-leading-space, 16px);--_trailing-space: var(--md-filter-chip-trailing-space, 16px);--_icon-label-space: var(--md-filter-chip-icon-label-space, 8px);--_with-leading-icon-leading-space: var(--md-filter-chip-with-leading-icon-leading-space, 8px);--_with-trailing-icon-trailing-space: var(--md-filter-chip-with-trailing-icon-trailing-space, 8px)}.selected.elevated::before{background:var(--_elevated-selected-container-color)}.checkmark{height:var(--_icon-size);width:var(--_icon-size)}.disabled .checkmark{opacity:var(--_disabled-leading-icon-opacity)}@media(forced-colors: active){.disabled .checkmark{opacity:1}} +`; +/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const Ks = F`.selected{--md-ripple-hover-color: var(--_selected-hover-state-layer-color);--md-ripple-hover-opacity: var(--_selected-hover-state-layer-opacity);--md-ripple-pressed-color: var(--_selected-pressed-state-layer-color);--md-ripple-pressed-opacity: var(--_selected-pressed-state-layer-opacity)}:where(.selected)::before{background:var(--_selected-container-color)}:where(.selected) .outline{border-width:var(--_selected-outline-width)}:where(.selected.disabled)::before{background:var(--_disabled-selected-container-color);opacity:var(--_disabled-selected-container-opacity)}:where(.selected) .label{color:var(--_selected-label-text-color)}:where(.selected:hover) .label{color:var(--_selected-hover-label-text-color)}:where(.selected:focus) .label{color:var(--_selected-focus-label-text-color)}:where(.selected:active) .label{color:var(--_selected-pressed-label-text-color)}:where(.selected) .leading.icon{color:var(--_selected-leading-icon-color)}:where(.selected:hover) .leading.icon{color:var(--_selected-hover-leading-icon-color)}:where(.selected:focus) .leading.icon{color:var(--_selected-focus-leading-icon-color)}:where(.selected:active) .leading.icon{color:var(--_selected-pressed-leading-icon-color)}@media(forced-colors: active){:where(.selected:not(.elevated))::before{border:1px solid CanvasText}:where(.selected) .outline{border-width:1px}} +`; +/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const Ys = F`.trailing.action{align-items:center;justify-content:center;padding-inline-start:var(--_icon-label-space);padding-inline-end:var(--_with-trailing-icon-trailing-space)}.trailing.action :is(md-ripple,md-focus-ring){border-radius:50%;height:calc(1.3333333333*var(--_icon-size));width:calc(1.3333333333*var(--_icon-size))}.trailing.action md-focus-ring{inset:unset}.has-trailing .primary.action{padding-inline-end:0}.trailing.icon{color:var(--_trailing-icon-color);height:var(--_icon-size);width:var(--_icon-size)}:where(:hover) .trailing.icon{color:var(--_hover-trailing-icon-color)}:where(:focus) .trailing.icon{color:var(--_focus-trailing-icon-color)}:where(:active) .trailing.icon{color:var(--_pressed-trailing-icon-color)}:where(.disabled) .trailing.icon{color:var(--_disabled-trailing-icon-color);opacity:var(--_disabled-trailing-icon-opacity)}:where(.selected) .trailing.icon{color:var(--_selected-trailing-icon-color)}:where(.selected:hover) .trailing.icon{color:var(--_selected-hover-trailing-icon-color)}:where(.selected:focus) .trailing.icon{color:var(--_selected-focus-trailing-icon-color)}:where(.selected:active) .trailing.icon{color:var(--_selected-pressed-trailing-icon-color)}@media(forced-colors: active){.trailing.icon{color:ButtonText}:where(.disabled) .trailing.icon{color:GrayText;opacity:1}} +`; +/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +let ai = class extends Yt { +}; +ai.styles = [ + Ua, + Vs, + Ys, + Ks, + yh +]; +ai = l([ + H("md-filter-chip") +], ai); +/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +let Gt = class extends qs { + constructor() { + super(...arguments), this.avatar = !1, this.href = "", this.target = "", this.removeOnly = !1, this.selected = !1; + } + get primaryId() { + return this.href ? "link" : this.removeOnly ? "" : "button"; + } + get rippleDisabled() { + return !this.href && (this.disabled || this.softDisabled); + } + get primaryAction() { + return this.removeOnly ? null : this.renderRoot.querySelector(".primary.action"); + } + getContainerClasses() { + return { + ...super.getContainerClasses(), + avatar: this.avatar, + // Link chips cannot be disabled + disabled: !this.href && (this.disabled || this.softDisabled), + link: !!this.href, + selected: this.selected, + "has-trailing": !0 + }; + } + renderPrimaryAction(e) { + const { ariaLabel: t } = this; + return this.href ? _` + ${e} + ` : this.removeOnly ? _` + + ${e} + + ` : _` + + `; + } + renderTrailingAction(e) { + return Ws({ + focusListener: e, + ariaLabel: this.ariaLabelRemove, + disabled: !this.href && (this.disabled || this.softDisabled), + tabbable: this.removeOnly + }); + } +}; +l([ + p({ type: Boolean }) +], Gt.prototype, "avatar", void 0); +l([ + p() +], Gt.prototype, "href", void 0); +l([ + p() +], Gt.prototype, "target", void 0); +l([ + p({ type: Boolean, attribute: "remove-only" }) +], Gt.prototype, "removeOnly", void 0); +l([ + p({ type: Boolean, reflect: !0 }) +], Gt.prototype, "selected", void 0); +l([ + G(".trailing.action") +], Gt.prototype, "trailingAction", void 0); +/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const gh = F`:host{--_container-height: var(--md-input-chip-container-height, 32px);--_disabled-label-text-color: var(--md-input-chip-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-label-text-opacity: var(--md-input-chip-disabled-label-text-opacity, 0.38);--_disabled-selected-container-color: var(--md-input-chip-disabled-selected-container-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-selected-container-opacity: var(--md-input-chip-disabled-selected-container-opacity, 0.12);--_label-text-font: var(--md-input-chip-label-text-font, var(--md-sys-typescale-label-large-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-input-chip-label-text-line-height, var(--md-sys-typescale-label-large-line-height, 1.25rem));--_label-text-size: var(--md-input-chip-label-text-size, var(--md-sys-typescale-label-large-size, 0.875rem));--_label-text-weight: var(--md-input-chip-label-text-weight, var(--md-sys-typescale-label-large-weight, var(--md-ref-typeface-weight-medium, 500)));--_selected-container-color: var(--md-input-chip-selected-container-color, var(--md-sys-color-secondary-container, #e8def8));--_selected-focus-label-text-color: var(--md-input-chip-selected-focus-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-hover-label-text-color: var(--md-input-chip-selected-hover-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-hover-state-layer-color: var(--md-input-chip-selected-hover-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-hover-state-layer-opacity: var(--md-input-chip-selected-hover-state-layer-opacity, 0.08);--_selected-label-text-color: var(--md-input-chip-selected-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-outline-width: var(--md-input-chip-selected-outline-width, 0px);--_selected-pressed-label-text-color: var(--md-input-chip-selected-pressed-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-pressed-state-layer-color: var(--md-input-chip-selected-pressed-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-pressed-state-layer-opacity: var(--md-input-chip-selected-pressed-state-layer-opacity, 0.12);--_disabled-outline-color: var(--md-input-chip-disabled-outline-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-outline-opacity: var(--md-input-chip-disabled-outline-opacity, 0.12);--_focus-label-text-color: var(--md-input-chip-focus-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_focus-outline-color: var(--md-input-chip-focus-outline-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-label-text-color: var(--md-input-chip-hover-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-state-layer-color: var(--md-input-chip-hover-state-layer-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-state-layer-opacity: var(--md-input-chip-hover-state-layer-opacity, 0.08);--_label-text-color: var(--md-input-chip-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_outline-color: var(--md-input-chip-outline-color, var(--md-sys-color-outline, #79747e));--_outline-width: var(--md-input-chip-outline-width, 1px);--_pressed-label-text-color: var(--md-input-chip-pressed-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_pressed-state-layer-color: var(--md-input-chip-pressed-state-layer-color, var(--md-sys-color-on-surface-variant, #49454f));--_pressed-state-layer-opacity: var(--md-input-chip-pressed-state-layer-opacity, 0.12);--_avatar-shape: var(--md-input-chip-avatar-shape, var(--md-sys-shape-corner-full, 9999px));--_avatar-size: var(--md-input-chip-avatar-size, 24px);--_disabled-avatar-opacity: var(--md-input-chip-disabled-avatar-opacity, 0.38);--_disabled-leading-icon-color: var(--md-input-chip-disabled-leading-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-leading-icon-opacity: var(--md-input-chip-disabled-leading-icon-opacity, 0.38);--_icon-size: var(--md-input-chip-icon-size, 18px);--_selected-focus-leading-icon-color: var(--md-input-chip-selected-focus-leading-icon-color, var(--md-sys-color-primary, #6750a4));--_selected-hover-leading-icon-color: var(--md-input-chip-selected-hover-leading-icon-color, var(--md-sys-color-primary, #6750a4));--_selected-leading-icon-color: var(--md-input-chip-selected-leading-icon-color, var(--md-sys-color-primary, #6750a4));--_selected-pressed-leading-icon-color: var(--md-input-chip-selected-pressed-leading-icon-color, var(--md-sys-color-primary, #6750a4));--_focus-leading-icon-color: var(--md-input-chip-focus-leading-icon-color, var(--md-sys-color-primary, #6750a4));--_hover-leading-icon-color: var(--md-input-chip-hover-leading-icon-color, var(--md-sys-color-primary, #6750a4));--_leading-icon-color: var(--md-input-chip-leading-icon-color, var(--md-sys-color-primary, #6750a4));--_pressed-leading-icon-color: var(--md-input-chip-pressed-leading-icon-color, var(--md-sys-color-primary, #6750a4));--_disabled-trailing-icon-color: var(--md-input-chip-disabled-trailing-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-trailing-icon-opacity: var(--md-input-chip-disabled-trailing-icon-opacity, 0.38);--_selected-focus-trailing-icon-color: var(--md-input-chip-selected-focus-trailing-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-hover-trailing-icon-color: var(--md-input-chip-selected-hover-trailing-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-pressed-trailing-icon-color: var(--md-input-chip-selected-pressed-trailing-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-trailing-icon-color: var(--md-input-chip-selected-trailing-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_focus-trailing-icon-color: var(--md-input-chip-focus-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-trailing-icon-color: var(--md-input-chip-hover-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_pressed-trailing-icon-color: var(--md-input-chip-pressed-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_trailing-icon-color: var(--md-input-chip-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_container-shape-start-start: var(--md-input-chip-container-shape-start-start, var(--md-input-chip-container-shape, var(--md-sys-shape-corner-small, 8px)));--_container-shape-start-end: var(--md-input-chip-container-shape-start-end, var(--md-input-chip-container-shape, var(--md-sys-shape-corner-small, 8px)));--_container-shape-end-end: var(--md-input-chip-container-shape-end-end, var(--md-input-chip-container-shape, var(--md-sys-shape-corner-small, 8px)));--_container-shape-end-start: var(--md-input-chip-container-shape-end-start, var(--md-input-chip-container-shape, var(--md-sys-shape-corner-small, 8px)));--_leading-space: var(--md-input-chip-leading-space, 16px);--_trailing-space: var(--md-input-chip-trailing-space, 16px);--_icon-label-space: var(--md-input-chip-icon-label-space, 8px);--_with-leading-icon-leading-space: var(--md-input-chip-with-leading-icon-leading-space, 8px);--_with-trailing-icon-trailing-space: var(--md-input-chip-with-trailing-icon-trailing-space, 8px)}:host([avatar]){--_container-shape-start-start: var( --md-input-chip-container-shape-start-start, var(--md-input-chip-container-shape, calc(var(--_container-height) / 2)) );--_container-shape-start-end: var( --md-input-chip-container-shape-start-end, var(--md-input-chip-container-shape, calc(var(--_container-height) / 2)) );--_container-shape-end-end: var( --md-input-chip-container-shape-end-end, var(--md-input-chip-container-shape, calc(var(--_container-height) / 2)) );--_container-shape-end-start: var( --md-input-chip-container-shape-end-start, var(--md-input-chip-container-shape, calc(var(--_container-height) / 2)) )}.avatar .primary.action{padding-inline-start:4px}.avatar .leading.icon ::slotted(:first-child){border-radius:var(--_avatar-shape);height:var(--_avatar-size);width:var(--_avatar-size)}.disabled.avatar .leading.icon{opacity:var(--_disabled-avatar-opacity)}@media(forced-colors: active){.link .outline{border-color:ActiveText}.disabled.avatar .leading.icon{opacity:1}} +`; +/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +let ni = class extends Gt { +}; +ni.styles = [ + Ua, + Ys, + Ks, + gh +]; +ni = l([ + H("md-input-chip") +], ni); +const xh = ee({ + react: J, + tagName: "md-chip-set", + elementClass: ii +}), tf = (r) => /* @__PURE__ */ V.jsx(xh, { children: r.children }), _h = ee({ + react: J, + tagName: "md-assist-chip", + elementClass: oi, + events: { + onClick: "click", + onKeyDown: "keydown", + onFocus: "focus", + onBlur: "blur" + } +}), rf = (r) => { + const { label: e, elevated: t, href: o, target: i, disabled: a, alwaysFocusable: s } = r; + return /* @__PURE__ */ V.jsx(_h, { label: e, elevated: t, href: o, target: i, disabled: a, alwaysFocusable: s }); +}, wh = ee({ + react: J, + tagName: "md-filter-chip", + elementClass: ai, + events: { + onRemove: "remove", + onUpdateFocus: "update-focus" + } +}), of = (r) => { + const { label: e, elevated: t, removable: o, selected: i, hasSelectedIcon: a, disabled: s, alwaysFocusable: d } = r; + return /* @__PURE__ */ V.jsx(wh, { label: e, elevated: t, removable: o, selected: i, hasSelectedIcon: a, disabled: s, alwaysFocusable: d }); +}, kh = ee({ + react: J, + tagName: "md-input-chip", + elementClass: ni, + events: { + onRemove: "remove", + onUpdateFocus: "update-focus" + } +}), af = (r) => { + const { label: e, avatar: t, href: o, target: i, removeOnly: a, selected: s, disabled: d, alwaysFocusable: h } = r; + return /* @__PURE__ */ V.jsx(kh, { label: e, avatar: t, href: o, target: i, removeOnly: a, selected: s, disabled: d, alwaysFocusable: h }); +}; +/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const Ch = Je(W); +class Vr extends Ch { + constructor() { + super(...arguments), this.size = "medium", this.label = "", this.lowered = !1; + } + render() { + const { ariaLabel: e } = this; + return _` + + `; + } + getRenderClasses() { + const e = !!this.label; + return { + lowered: this.lowered, + small: this.size === "small" && !e, + large: this.size === "large" && !e, + extended: e + }; + } + renderTouchTarget() { + return _`
    `; + } + renderLabel() { + return this.label ? _`${this.label}` : ""; + } + renderIcon() { + const { ariaLabel: e } = this; + return _` + + + + `; + } +} +Vr.shadowRootOptions = { + mode: "open", + delegatesFocus: !0 +}; +l([ + p({ reflect: !0 }) +], Vr.prototype, "size", void 0); +l([ + p() +], Vr.prototype, "label", void 0); +l([ + p({ type: Boolean }) +], Vr.prototype, "lowered", void 0); +/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +class Va extends Vr { + constructor() { + super(...arguments), this.variant = "surface"; + } + getRenderClasses() { + return { + ...super.getRenderClasses(), + primary: this.variant === "primary", + secondary: this.variant === "secondary", + tertiary: this.variant === "tertiary" + }; + } +} +l([ + p() +], Va.prototype, "variant", void 0); +/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const Eh = F`:host{--_container-color: var(--md-fab-container-color, var(--md-sys-color-surface-container-high, #ece6f0));--_container-elevation: var(--md-fab-container-elevation, 3);--_container-height: var(--md-fab-container-height, 56px);--_container-shadow-color: var(--md-fab-container-shadow-color, var(--md-sys-color-shadow, #000));--_container-width: var(--md-fab-container-width, 56px);--_focus-container-elevation: var(--md-fab-focus-container-elevation, 3);--_focus-icon-color: var(--md-fab-focus-icon-color, var(--md-sys-color-primary, #6750a4));--_hover-container-elevation: var(--md-fab-hover-container-elevation, 4);--_hover-icon-color: var(--md-fab-hover-icon-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-color: var(--md-fab-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-opacity: var(--md-fab-hover-state-layer-opacity, 0.08);--_icon-color: var(--md-fab-icon-color, var(--md-sys-color-primary, #6750a4));--_icon-size: var(--md-fab-icon-size, 24px);--_lowered-container-color: var(--md-fab-lowered-container-color, var(--md-sys-color-surface-container-low, #f7f2fa));--_lowered-container-elevation: var(--md-fab-lowered-container-elevation, 1);--_lowered-focus-container-elevation: var(--md-fab-lowered-focus-container-elevation, 1);--_lowered-hover-container-elevation: var(--md-fab-lowered-hover-container-elevation, 2);--_lowered-pressed-container-elevation: var(--md-fab-lowered-pressed-container-elevation, 1);--_pressed-container-elevation: var(--md-fab-pressed-container-elevation, 3);--_pressed-icon-color: var(--md-fab-pressed-icon-color, var(--md-sys-color-primary, #6750a4));--_pressed-state-layer-color: var(--md-fab-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--_pressed-state-layer-opacity: var(--md-fab-pressed-state-layer-opacity, 0.12);--_focus-label-text-color: var(--md-fab-focus-label-text-color, var(--md-sys-color-primary, #6750a4));--_hover-label-text-color: var(--md-fab-hover-label-text-color, var(--md-sys-color-primary, #6750a4));--_label-text-color: var(--md-fab-label-text-color, var(--md-sys-color-primary, #6750a4));--_label-text-font: var(--md-fab-label-text-font, var(--md-sys-typescale-label-large-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-fab-label-text-line-height, var(--md-sys-typescale-label-large-line-height, 1.25rem));--_label-text-size: var(--md-fab-label-text-size, var(--md-sys-typescale-label-large-size, 0.875rem));--_label-text-weight: var(--md-fab-label-text-weight, var(--md-sys-typescale-label-large-weight, var(--md-ref-typeface-weight-medium, 500)));--_large-container-height: var(--md-fab-large-container-height, 96px);--_large-container-width: var(--md-fab-large-container-width, 96px);--_large-icon-size: var(--md-fab-large-icon-size, 36px);--_pressed-label-text-color: var(--md-fab-pressed-label-text-color, var(--md-sys-color-primary, #6750a4));--_primary-container-color: var(--md-fab-primary-container-color, var(--md-sys-color-primary-container, #eaddff));--_primary-focus-icon-color: var(--md-fab-primary-focus-icon-color, var(--md-sys-color-on-primary-container, #21005d));--_primary-focus-label-text-color: var(--md-fab-primary-focus-label-text-color, var(--md-sys-color-on-primary-container, #21005d));--_primary-hover-icon-color: var(--md-fab-primary-hover-icon-color, var(--md-sys-color-on-primary-container, #21005d));--_primary-hover-label-text-color: var(--md-fab-primary-hover-label-text-color, var(--md-sys-color-on-primary-container, #21005d));--_primary-hover-state-layer-color: var(--md-fab-primary-hover-state-layer-color, var(--md-sys-color-on-primary-container, #21005d));--_primary-icon-color: var(--md-fab-primary-icon-color, var(--md-sys-color-on-primary-container, #21005d));--_primary-label-text-color: var(--md-fab-primary-label-text-color, var(--md-sys-color-on-primary-container, #21005d));--_primary-pressed-icon-color: var(--md-fab-primary-pressed-icon-color, var(--md-sys-color-on-primary-container, #21005d));--_primary-pressed-label-text-color: var(--md-fab-primary-pressed-label-text-color, var(--md-sys-color-on-primary-container, #21005d));--_primary-pressed-state-layer-color: var(--md-fab-primary-pressed-state-layer-color, var(--md-sys-color-on-primary-container, #21005d));--_secondary-container-color: var(--md-fab-secondary-container-color, var(--md-sys-color-secondary-container, #e8def8));--_secondary-focus-icon-color: var(--md-fab-secondary-focus-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_secondary-focus-label-text-color: var(--md-fab-secondary-focus-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_secondary-hover-icon-color: var(--md-fab-secondary-hover-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_secondary-hover-label-text-color: var(--md-fab-secondary-hover-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_secondary-hover-state-layer-color: var(--md-fab-secondary-hover-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_secondary-icon-color: var(--md-fab-secondary-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_secondary-label-text-color: var(--md-fab-secondary-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_secondary-pressed-icon-color: var(--md-fab-secondary-pressed-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_secondary-pressed-label-text-color: var(--md-fab-secondary-pressed-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_secondary-pressed-state-layer-color: var(--md-fab-secondary-pressed-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_small-container-height: var(--md-fab-small-container-height, 40px);--_small-container-width: var(--md-fab-small-container-width, 40px);--_small-icon-size: var(--md-fab-small-icon-size, 24px);--_tertiary-container-color: var(--md-fab-tertiary-container-color, var(--md-sys-color-tertiary-container, #ffd8e4));--_tertiary-focus-icon-color: var(--md-fab-tertiary-focus-icon-color, var(--md-sys-color-on-tertiary-container, #31111d));--_tertiary-focus-label-text-color: var(--md-fab-tertiary-focus-label-text-color, var(--md-sys-color-on-tertiary-container, #31111d));--_tertiary-hover-icon-color: var(--md-fab-tertiary-hover-icon-color, var(--md-sys-color-on-tertiary-container, #31111d));--_tertiary-hover-label-text-color: var(--md-fab-tertiary-hover-label-text-color, var(--md-sys-color-on-tertiary-container, #31111d));--_tertiary-hover-state-layer-color: var(--md-fab-tertiary-hover-state-layer-color, var(--md-sys-color-on-tertiary-container, #31111d));--_tertiary-icon-color: var(--md-fab-tertiary-icon-color, var(--md-sys-color-on-tertiary-container, #31111d));--_tertiary-label-text-color: var(--md-fab-tertiary-label-text-color, var(--md-sys-color-on-tertiary-container, #31111d));--_tertiary-pressed-icon-color: var(--md-fab-tertiary-pressed-icon-color, var(--md-sys-color-on-tertiary-container, #31111d));--_tertiary-pressed-label-text-color: var(--md-fab-tertiary-pressed-label-text-color, var(--md-sys-color-on-tertiary-container, #31111d));--_tertiary-pressed-state-layer-color: var(--md-fab-tertiary-pressed-state-layer-color, var(--md-sys-color-on-tertiary-container, #31111d));--_container-shape-start-start: var(--md-fab-container-shape-start-start, var(--md-fab-container-shape, var(--md-sys-shape-corner-large, 16px)));--_container-shape-start-end: var(--md-fab-container-shape-start-end, var(--md-fab-container-shape, var(--md-sys-shape-corner-large, 16px)));--_container-shape-end-end: var(--md-fab-container-shape-end-end, var(--md-fab-container-shape, var(--md-sys-shape-corner-large, 16px)));--_container-shape-end-start: var(--md-fab-container-shape-end-start, var(--md-fab-container-shape, var(--md-sys-shape-corner-large, 16px)));--_large-container-shape-start-start: var(--md-fab-large-container-shape-start-start, var(--md-fab-large-container-shape, var(--md-sys-shape-corner-extra-large, 28px)));--_large-container-shape-start-end: var(--md-fab-large-container-shape-start-end, var(--md-fab-large-container-shape, var(--md-sys-shape-corner-extra-large, 28px)));--_large-container-shape-end-end: var(--md-fab-large-container-shape-end-end, var(--md-fab-large-container-shape, var(--md-sys-shape-corner-extra-large, 28px)));--_large-container-shape-end-start: var(--md-fab-large-container-shape-end-start, var(--md-fab-large-container-shape, var(--md-sys-shape-corner-extra-large, 28px)));--_small-container-shape-start-start: var(--md-fab-small-container-shape-start-start, var(--md-fab-small-container-shape, var(--md-sys-shape-corner-medium, 12px)));--_small-container-shape-start-end: var(--md-fab-small-container-shape-start-end, var(--md-fab-small-container-shape, var(--md-sys-shape-corner-medium, 12px)));--_small-container-shape-end-end: var(--md-fab-small-container-shape-end-end, var(--md-fab-small-container-shape, var(--md-sys-shape-corner-medium, 12px)));--_small-container-shape-end-start: var(--md-fab-small-container-shape-end-start, var(--md-fab-small-container-shape, var(--md-sys-shape-corner-medium, 12px)));cursor:pointer}:host([size=small][touch-target=wrapper]){margin:max(0px,48px - var(--_small-container-height))}.fab{cursor:inherit}.fab .icon ::slotted(*){color:var(--_icon-color)}.fab:focus{color:var(--_focus-icon-color)}.fab:hover{color:var(--_hover-icon-color)}.fab:active{color:var(--_pressed-icon-color)}.fab.primary{background-color:var(--_primary-container-color);--md-ripple-hover-color: var(--_primary-hover-state-layer-color);--md-ripple-pressed-color: var(--_primary-pressed-state-layer-color)}.fab.primary .icon ::slotted(*){color:var(--_primary-icon-color)}.fab.primary:focus{color:var(--_primary-focus-icon-color)}.fab.primary:hover{color:var(--_primary-hover-icon-color)}.fab.primary:active{color:var(--_primary-pressed-icon-color)}.fab.primary .label{color:var(--_primary-label-text-color)}.fab:hover .fab.primary .label{color:var(--_primary-hover-label-text-color)}.fab:focus .fab.primary .label{color:var(--_primary-focus-label-text-color)}.fab:active .fab.primary .label{color:var(--_primary-pressed-label-text-color)}.fab.secondary{background-color:var(--_secondary-container-color);--md-ripple-hover-color: var(--_secondary-hover-state-layer-color);--md-ripple-pressed-color: var(--_secondary-pressed-state-layer-color)}.fab.secondary .icon ::slotted(*){color:var(--_secondary-icon-color)}.fab.secondary:focus{color:var(--_secondary-focus-icon-color)}.fab.secondary:hover{color:var(--_secondary-hover-icon-color)}.fab.secondary:active{color:var(--_secondary-pressed-icon-color)}.fab.secondary .label{color:var(--_secondary-label-text-color)}.fab:hover .fab.secondary .label{color:var(--_secondary-hover-label-text-color)}.fab:focus .fab.secondary .label{color:var(--_secondary-focus-label-text-color)}.fab:active .fab.secondary .label{color:var(--_secondary-pressed-label-text-color)}.fab.tertiary{background-color:var(--_tertiary-container-color);--md-ripple-hover-color: var(--_tertiary-hover-state-layer-color);--md-ripple-pressed-color: var(--_tertiary-pressed-state-layer-color)}.fab.tertiary .icon ::slotted(*){color:var(--_tertiary-icon-color)}.fab.tertiary:focus{color:var(--_tertiary-focus-icon-color)}.fab.tertiary:hover{color:var(--_tertiary-hover-icon-color)}.fab.tertiary:active{color:var(--_tertiary-pressed-icon-color)}.fab.tertiary .label{color:var(--_tertiary-label-text-color)}.fab:hover .fab.tertiary .label{color:var(--_tertiary-hover-label-text-color)}.fab:focus .fab.tertiary .label{color:var(--_tertiary-focus-label-text-color)}.fab:active .fab.tertiary .label{color:var(--_tertiary-pressed-label-text-color)}.fab.extended slot span{padding-inline-start:4px}.fab.small{width:var(--_small-container-width);height:var(--_small-container-height)}.fab.small .icon ::slotted(*){width:var(--_small-icon-size);height:var(--_small-icon-size);font-size:var(--_small-icon-size)}.fab.small,.fab.small .ripple{border-start-start-radius:var(--_small-container-shape-start-start);border-start-end-radius:var(--_small-container-shape-start-end);border-end-start-radius:var(--_small-container-shape-end-start);border-end-end-radius:var(--_small-container-shape-end-end)}.fab.small md-focus-ring{--md-focus-ring-shape-start-start: var(--_small-container-shape-start-start);--md-focus-ring-shape-start-end: var(--_small-container-shape-start-end);--md-focus-ring-shape-end-end: var(--_small-container-shape-end-end);--md-focus-ring-shape-end-start: var(--_small-container-shape-end-start)} +`; +/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const Gs = F`@media(forced-colors: active){.fab{border:1px solid ButtonText}.fab.extended{padding-inline-start:15px;padding-inline-end:19px}md-focus-ring{--md-focus-ring-outward-offset: 3px}} +`; +/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const Xs = F`:host{--md-ripple-hover-opacity: var(--_hover-state-layer-opacity);--md-ripple-pressed-opacity: var(--_pressed-state-layer-opacity);display:inline-flex;-webkit-tap-highlight-color:rgba(0,0,0,0)}:host([size=medium][touch-target=wrapper]){margin:max(0px,48px - var(--_container-height))}:host([size=large][touch-target=wrapper]){margin:max(0px,48px - var(--_large-container-height))}.fab,.icon,.icon ::slotted(*){display:flex}.fab{align-items:center;justify-content:center;vertical-align:middle;padding:0;position:relative;height:var(--_container-height);transition-property:background-color;border-width:0px;outline:none;z-index:0;text-transform:inherit;--md-elevation-level: var(--_container-elevation);--md-elevation-shadow-color: var(--_container-shadow-color);background-color:var(--_container-color);--md-ripple-hover-color: var(--_hover-state-layer-color);--md-ripple-pressed-color: var(--_pressed-state-layer-color)}.fab.extended{width:inherit;box-sizing:border-box;padding-inline-start:16px;padding-inline-end:20px}.fab:not(.extended){width:var(--_container-width)}.fab.large{width:var(--_large-container-width);height:var(--_large-container-height)}.fab.large .icon ::slotted(*){width:var(--_large-icon-size);height:var(--_large-icon-size);font-size:var(--_large-icon-size)}.fab.large,.fab.large .ripple{border-start-start-radius:var(--_large-container-shape-start-start);border-start-end-radius:var(--_large-container-shape-start-end);border-end-start-radius:var(--_large-container-shape-end-start);border-end-end-radius:var(--_large-container-shape-end-end)}.fab.large md-focus-ring{--md-focus-ring-shape-start-start: var(--_large-container-shape-start-start);--md-focus-ring-shape-start-end: var(--_large-container-shape-start-end);--md-focus-ring-shape-end-end: var(--_large-container-shape-end-end);--md-focus-ring-shape-end-start: var(--_large-container-shape-end-start)}.fab:focus{--md-elevation-level: var(--_focus-container-elevation)}.fab:hover{--md-elevation-level: var(--_hover-container-elevation)}.fab:active{--md-elevation-level: var(--_pressed-container-elevation)}.fab.lowered{background-color:var(--_lowered-container-color);--md-elevation-level: var(--_lowered-container-elevation)}.fab.lowered:focus{--md-elevation-level: var(--_lowered-focus-container-elevation)}.fab.lowered:hover{--md-elevation-level: var(--_lowered-hover-container-elevation)}.fab.lowered:active{--md-elevation-level: var(--_lowered-pressed-container-elevation)}.fab .label{color:var(--_label-text-color)}.fab:hover .fab .label{color:var(--_hover-label-text-color)}.fab:focus .fab .label{color:var(--_focus-label-text-color)}.fab:active .fab .label{color:var(--_pressed-label-text-color)}.label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--_label-text-font);font-size:var(--_label-text-size);line-height:var(--_label-text-line-height);font-weight:var(--_label-text-weight)}.fab.extended .icon ::slotted(*){margin-inline-end:12px}.ripple{overflow:hidden}.ripple,md-elevation{z-index:-1}.touch-target{position:absolute;top:50%;height:48px;left:50%;width:48px;transform:translate(-50%, -50%)}:host([touch-target=none]) .touch-target{display:none}md-elevation,.fab{transition-duration:280ms;transition-timing-function:cubic-bezier(0.2, 0, 0, 1)}.fab,.ripple{border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-start-radius:var(--_container-shape-end-start);border-end-end-radius:var(--_container-shape-end-end)}md-focus-ring{--md-focus-ring-shape-start-start: var(--_container-shape-start-start);--md-focus-ring-shape-start-end: var(--_container-shape-start-end);--md-focus-ring-shape-end-end: var(--_container-shape-end-end);--md-focus-ring-shape-end-start: var(--_container-shape-end-start)}.icon ::slotted(*){width:var(--_icon-size);height:var(--_icon-size);font-size:var(--_icon-size)} +`; +/** + * @license + * Copyright 2022 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +let si = class extends Va { +}; +si.styles = [Xs, Eh, Gs]; +si = l([ + H("md-fab") +], si); +/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const $h = F`:host{--_container-color: var(--md-fab-branded-container-color, var(--md-sys-color-surface-container-high, #ece6f0));--_container-elevation: var(--md-fab-branded-container-elevation, 3);--_container-height: var(--md-fab-branded-container-height, 56px);--_container-shadow-color: var(--md-fab-branded-container-shadow-color, var(--md-sys-color-shadow, #000));--_container-width: var(--md-fab-branded-container-width, 56px);--_focus-container-elevation: var(--md-fab-branded-focus-container-elevation, 3);--_hover-container-elevation: var(--md-fab-branded-hover-container-elevation, 4);--_hover-state-layer-color: var(--md-fab-branded-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-opacity: var(--md-fab-branded-hover-state-layer-opacity, 0.08);--_icon-size: var(--md-fab-branded-icon-size, 36px);--_lowered-container-color: var(--md-fab-branded-lowered-container-color, var(--md-sys-color-surface-container-low, #f7f2fa));--_lowered-container-elevation: var(--md-fab-branded-lowered-container-elevation, 1);--_lowered-focus-container-elevation: var(--md-fab-branded-lowered-focus-container-elevation, 1);--_lowered-hover-container-elevation: var(--md-fab-branded-lowered-hover-container-elevation, 2);--_lowered-pressed-container-elevation: var(--md-fab-branded-lowered-pressed-container-elevation, 1);--_pressed-container-elevation: var(--md-fab-branded-pressed-container-elevation, 3);--_pressed-state-layer-color: var(--md-fab-branded-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--_pressed-state-layer-opacity: var(--md-fab-branded-pressed-state-layer-opacity, 0.12);--_focus-label-text-color: var(--md-fab-branded-focus-label-text-color, var(--md-sys-color-primary, #6750a4));--_hover-label-text-color: var(--md-fab-branded-hover-label-text-color, var(--md-sys-color-primary, #6750a4));--_label-text-color: var(--md-fab-branded-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_label-text-font: var(--md-fab-branded-label-text-font, var(--md-sys-typescale-label-large-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-size: var(--md-fab-branded-label-text-size, var(--md-sys-typescale-label-large-size, 0.875rem));--_label-text-line-height: var(--md-fab-branded-label-text-line-height, var(--md-sys-typescale-label-large-line-height, 1.25rem));--_label-text-weight: var(--md-fab-branded-label-text-weight, var(--md-sys-typescale-label-large-weight, var(--md-ref-typeface-weight-medium, 500)));--_large-container-height: var(--md-fab-branded-large-container-height, 96px);--_large-container-width: var(--md-fab-branded-large-container-width, 96px);--_large-icon-size: var(--md-fab-branded-large-icon-size, 48px);--_pressed-label-text-color: var(--md-fab-branded-pressed-label-text-color, var(--md-sys-color-primary, #6750a4));--_container-shape-start-start: var(--md-fab-branded-container-shape-start-start, var(--md-fab-branded-container-shape, var(--md-sys-shape-corner-large, 16px)));--_container-shape-start-end: var(--md-fab-branded-container-shape-start-end, var(--md-fab-branded-container-shape, var(--md-sys-shape-corner-large, 16px)));--_container-shape-end-end: var(--md-fab-branded-container-shape-end-end, var(--md-fab-branded-container-shape, var(--md-sys-shape-corner-large, 16px)));--_container-shape-end-start: var(--md-fab-branded-container-shape-end-start, var(--md-fab-branded-container-shape, var(--md-sys-shape-corner-large, 16px)));--_large-container-shape-start-start: var(--md-fab-branded-large-container-shape-start-start, var(--md-fab-branded-large-container-shape, var(--md-sys-shape-corner-extra-large, 28px)));--_large-container-shape-start-end: var(--md-fab-branded-large-container-shape-start-end, var(--md-fab-branded-large-container-shape, var(--md-sys-shape-corner-extra-large, 28px)));--_large-container-shape-end-end: var(--md-fab-branded-large-container-shape-end-end, var(--md-fab-branded-large-container-shape, var(--md-sys-shape-corner-extra-large, 28px)));--_large-container-shape-end-start: var(--md-fab-branded-large-container-shape-end-start, var(--md-fab-branded-large-container-shape, var(--md-sys-shape-corner-extra-large, 28px)))} +`; +/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +let li = class extends Va { + getRenderClasses() { + return { + ...super.getRenderClasses(), + primary: !1, + secondary: !1, + tertiary: !1, + small: !1 + }; + } +}; +li.styles = [ + Xs, + $h, + Gs +]; +li = l([ + H("md-branded-fab") +], li); +const Th = ee({ + react: J, + tagName: "md-fab", + elementClass: si +}), lf = (r) => { + const { children: e, className: t, ...o } = r, i = r.variant || "surface", a = r.size || "medium", s = r.label || "", d = r.lowered || !1; + return /* @__PURE__ */ V.jsx(Th, { ...o, className: t, variant: i, size: a, label: s, lowered: d, children: e }); +}, Sh = ee({ + react: J, + tagName: "md-branded-fab", + elementClass: li +}), df = (r) => { + const { children: e, className: t, ...o } = r, i = r.variant || "surface", a = r.size || "medium", s = r.label || "", d = r.lowered || !1; + return /* @__PURE__ */ V.jsx(Sh, { ...o, className: t, variant: i, size: a, label: s, lowered: d, children: e }); +}; +/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +var Zs; +const or = Symbol("indicator"), Js = Symbol("animateIndicator"), Ah = bs(W); +let nt = class extends Ah { + /** + * @deprecated use `active` + */ + get selected() { + return this.active; + } + set selected(e) { + this.active = e; + } + constructor() { + super(), this.isTab = !0, this.active = !1, this.hasIcon = !1, this.iconOnly = !1, this.fullWidthIndicator = !1, this.internals = // Cast needed for closure + this.attachInternals(), this.internals.role = "tab", this.addEventListener("keydown", this.handleKeydown.bind(this)); + } + render() { + const e = _`
    `; + return _``; + } + getContentClasses() { + return { + "has-icon": this.hasIcon, + "has-label": !this.iconOnly + }; + } + updated() { + this.internals.ariaSelected = String(this.active); + } + async handleKeydown(e) { + await 0, !e.defaultPrevented && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), this.click()); + } + handleContentClick(e) { + e.stopPropagation(), this.click(); + } + [(Zs = or, Js)](e) { + if (!this[or]) + return; + this[or].getAnimations().forEach((o) => { + o.cancel(); + }); + const t = this.getKeyframes(e); + t !== null && this[or].animate(t, { + duration: 250, + easing: at.EMPHASIZED + }); + } + getKeyframes(e) { + var f; + const t = Rh(); + if (!this.active) + return t ? [{ opacity: 1 }, { transform: "none" }] : null; + const o = {}, i = ((f = e[or]) == null ? void 0 : f.getBoundingClientRect()) ?? {}, a = i.left, s = i.width, d = this[or].getBoundingClientRect(), h = d.left, y = d.width, v = s / y; + return !t && a !== void 0 && h !== void 0 && !isNaN(v) ? o.transform = `translateX(${(a - h).toFixed(4)}px) scaleX(${v.toFixed(4)})` : o.opacity = 0, [o, { transform: "none" }]; + } + handleSlotChange() { + this.iconOnly = !1; + for (const e of this.assignedDefaultNodes) { + const t = e.nodeType === Node.TEXT_NODE && !!e.wholeText.match(/\S/); + if (e.nodeType === Node.ELEMENT_NODE || t) + return; + } + this.iconOnly = !0; + } + handleIconSlotChange() { + this.hasIcon = this.assignedIcons.length > 0; + } +}; +l([ + p({ type: Boolean, reflect: !0, attribute: "md-tab" }) +], nt.prototype, "isTab", void 0); +l([ + p({ type: Boolean, reflect: !0 }) +], nt.prototype, "active", void 0); +l([ + p({ type: Boolean }) +], nt.prototype, "selected", null); +l([ + p({ type: Boolean, attribute: "has-icon" }) +], nt.prototype, "hasIcon", void 0); +l([ + p({ type: Boolean, attribute: "icon-only" }) +], nt.prototype, "iconOnly", void 0); +l([ + G(".indicator") +], nt.prototype, Zs, void 0); +l([ + se() +], nt.prototype, "fullWidthIndicator", void 0); +l([ + Ia({ flatten: !0 }) +], nt.prototype, "assignedDefaultNodes", void 0); +l([ + We({ slot: "icon", flatten: !0 }) +], nt.prototype, "assignedIcons", void 0); +function Rh() { + return window.matchMedia("(prefers-reduced-motion: reduce)").matches; +} +/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +let hr = class extends W { + /** + * The currently selected tab, `null` only when there are no tab children. + * + * @export + */ + get activeTab() { + return this.tabs.find((e) => e.active) ?? null; + } + set activeTab(e) { + e && this.activateTab(e); + } + /** + * The index of the currently selected tab. + * + * @export + */ + get activeTabIndex() { + return this.tabs.findIndex((e) => e.active); + } + set activeTabIndex(e) { + const t = () => { + const o = this.tabs[e]; + o && this.activateTab(o); + }; + if (!this.slotElement) { + this.updateComplete.then(t); + return; + } + t(); + } + get focusedTab() { + return this.tabs.find((e) => e.matches(":focus-within")); + } + constructor() { + super(), this.autoActivate = !1, this.internals = // Cast needed for closure + this.attachInternals(), this.internals.role = "tablist", this.addEventListener("keydown", this.handleKeydown.bind(this)), this.addEventListener("keyup", this.handleKeyup.bind(this)), this.addEventListener("focusout", this.handleFocusout.bind(this)); + } + /** + * Scrolls the toolbar, if overflowing, to the active tab, or the provided + * tab. + * + * @param tabToScrollTo The tab that should be scrolled to. Defaults to the + * active tab. + * @return A Promise that resolves after the tab has been scrolled to. + */ + async scrollToTab(e) { + await this.updateComplete; + const { tabs: t } = this; + if (e ?? (e = this.activeTab), !e || !t.includes(e) || !this.tabsScrollerElement) + return; + for (const C of this.tabs) + await C.updateComplete; + const o = e.offsetLeft, i = e.offsetWidth, a = this.scrollLeft, s = this.offsetWidth, d = 48, h = o - d, y = o + i - s + d, v = Math.min(h, Math.max(y, a)), f = this.focusedTab ? "auto" : "instant"; + this.tabsScrollerElement.scrollTo({ behavior: f, top: 0, left: v }); + } + render() { + return _` +
    + +
    + + `; + } + async handleTabClick(e) { + const t = e.target; + await 0, !(e.defaultPrevented || !Ih(t) || t.active) && this.activateTab(t); + } + activateTab(e) { + const { tabs: t } = this, o = this.activeTab; + if (!(!t.includes(e) || o === e)) { + for (const i of t) + i.active = i === e; + if (o) { + if (!this.dispatchEvent(new Event("change", { bubbles: !0, cancelable: !0 }))) { + for (const a of t) + a.active = a === o; + return; + } + e[Js](o); + } + this.updateFocusableTab(e), this.scrollToTab(e); + } + } + updateFocusableTab(e) { + for (const t of this.tabs) + t.tabIndex = t === e ? 0 : -1; + } + // focus item on keydown and optionally select it + async handleKeydown(e) { + await 0; + const t = e.key === "ArrowLeft", o = e.key === "ArrowRight", i = e.key === "Home", a = e.key === "End"; + if (e.defaultPrevented || !t && !o && !i && !a) + return; + const { tabs: s } = this; + if (s.length < 2) + return; + e.preventDefault(); + let d; + if (i || a) + d = i ? 0 : s.length - 1; + else { + const v = getComputedStyle(this).direction === "rtl" ? t : o, { focusedTab: f } = this; + if (!f) + d = v ? 0 : s.length - 1; + else { + const C = this.tabs.indexOf(f); + d = v ? C + 1 : C - 1, d >= s.length ? d = 0 : d < 0 && (d = s.length - 1); + } + } + const h = s[d]; + h.focus(), this.autoActivate ? this.activateTab(h) : this.updateFocusableTab(h); + } + // scroll to item on keyup. + handleKeyup() { + this.scrollToTab(this.focusedTab ?? this.activeTab); + } + handleFocusout() { + if (this.matches(":focus-within")) + return; + const { activeTab: e } = this; + e && this.updateFocusableTab(e); + } + handleSlotChange() { + const e = this.tabs[0]; + !this.activeTab && e && this.activateTab(e), this.scrollToTab(this.activeTab); + } +}; +l([ + We({ flatten: !0, selector: "[md-tab]" }) +], hr.prototype, "tabs", void 0); +l([ + p({ type: Number, attribute: "active-tab-index" }) +], hr.prototype, "activeTabIndex", null); +l([ + p({ type: Boolean, attribute: "auto-activate" }) +], hr.prototype, "autoActivate", void 0); +l([ + G(".tabs") +], hr.prototype, "tabsScrollerElement", void 0); +l([ + G("slot") +], hr.prototype, "slotElement", void 0); +function Ih(r) { + return r instanceof HTMLElement && r.hasAttribute("md-tab"); +} +/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const Oh = F`:host{box-sizing:border-box;display:flex;flex-direction:column;overflow:auto;scroll-behavior:smooth;scrollbar-width:none;position:relative}:host([hidden]){display:none}:host::-webkit-scrollbar{display:none}.tabs{align-items:end;display:flex;height:100%;overflow:inherit;scroll-behavior:inherit;scrollbar-width:inherit;justify-content:space-between;width:100%}::slotted(*){flex:1}::slotted([active]){z-index:1} +`; +/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +let di = class extends hr { +}; +di.styles = [Oh]; +di = l([ + H("md-tabs") +], di); +/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +class Qs extends nt { + constructor() { + super(...arguments), this.inlineIcon = !1; + } + getContentClasses() { + return { + ...super.getContentClasses(), + stacked: !this.inlineIcon + }; + } +} +l([ + p({ type: Boolean, attribute: "inline-icon" }) +], Qs.prototype, "inlineIcon", void 0); +/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const zh = F`:host{--_active-indicator-color: var(--md-primary-tab-active-indicator-color, var(--md-sys-color-primary, #6750a4));--_active-indicator-height: var(--md-primary-tab-active-indicator-height, 3px);--_active-indicator-shape: var(--md-primary-tab-active-indicator-shape, 3px 3px 0px 0px);--_active-hover-state-layer-color: var(--md-primary-tab-active-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--_active-hover-state-layer-opacity: var(--md-primary-tab-active-hover-state-layer-opacity, 0.08);--_active-pressed-state-layer-color: var(--md-primary-tab-active-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--_active-pressed-state-layer-opacity: var(--md-primary-tab-active-pressed-state-layer-opacity, 0.12);--_container-color: var(--md-primary-tab-container-color, var(--md-sys-color-surface, #fef7ff));--_container-elevation: var(--md-primary-tab-container-elevation, 0);--_container-height: var(--md-primary-tab-container-height, 48px);--_with-icon-and-label-text-container-height: var(--md-primary-tab-with-icon-and-label-text-container-height, 64px);--_hover-state-layer-color: var(--md-primary-tab-hover-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--_hover-state-layer-opacity: var(--md-primary-tab-hover-state-layer-opacity, 0.08);--_pressed-state-layer-color: var(--md-primary-tab-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--_pressed-state-layer-opacity: var(--md-primary-tab-pressed-state-layer-opacity, 0.12);--_active-focus-icon-color: var(--md-primary-tab-active-focus-icon-color, var(--md-sys-color-primary, #6750a4));--_active-hover-icon-color: var(--md-primary-tab-active-hover-icon-color, var(--md-sys-color-primary, #6750a4));--_active-icon-color: var(--md-primary-tab-active-icon-color, var(--md-sys-color-primary, #6750a4));--_active-pressed-icon-color: var(--md-primary-tab-active-pressed-icon-color, var(--md-sys-color-primary, #6750a4));--_icon-size: var(--md-primary-tab-icon-size, 24px);--_focus-icon-color: var(--md-primary-tab-focus-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_hover-icon-color: var(--md-primary-tab-hover-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_icon-color: var(--md-primary-tab-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_pressed-icon-color: var(--md-primary-tab-pressed-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_label-text-font: var(--md-primary-tab-label-text-font, var(--md-sys-typescale-title-small-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-primary-tab-label-text-line-height, var(--md-sys-typescale-title-small-line-height, 1.25rem));--_label-text-size: var(--md-primary-tab-label-text-size, var(--md-sys-typescale-title-small-size, 0.875rem));--_label-text-weight: var(--md-primary-tab-label-text-weight, var(--md-sys-typescale-title-small-weight, var(--md-ref-typeface-weight-medium, 500)));--_active-focus-label-text-color: var(--md-primary-tab-active-focus-label-text-color, var(--md-sys-color-primary, #6750a4));--_active-hover-label-text-color: var(--md-primary-tab-active-hover-label-text-color, var(--md-sys-color-primary, #6750a4));--_active-label-text-color: var(--md-primary-tab-active-label-text-color, var(--md-sys-color-primary, #6750a4));--_active-pressed-label-text-color: var(--md-primary-tab-active-pressed-label-text-color, var(--md-sys-color-primary, #6750a4));--_focus-label-text-color: var(--md-primary-tab-focus-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_hover-label-text-color: var(--md-primary-tab-hover-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_label-text-color: var(--md-primary-tab-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_pressed-label-text-color: var(--md-primary-tab-pressed-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_container-shape-start-start: var(--md-primary-tab-container-shape-start-start, var(--md-primary-tab-container-shape, var(--md-sys-shape-corner-none, 0px)));--_container-shape-start-end: var(--md-primary-tab-container-shape-start-end, var(--md-primary-tab-container-shape, var(--md-sys-shape-corner-none, 0px)));--_container-shape-end-end: var(--md-primary-tab-container-shape-end-end, var(--md-primary-tab-container-shape, var(--md-sys-shape-corner-none, 0px)));--_container-shape-end-start: var(--md-primary-tab-container-shape-end-start, var(--md-primary-tab-container-shape, var(--md-sys-shape-corner-none, 0px)))}.content.stacked{flex-direction:column;gap:2px}.content.stacked.has-icon.has-label{height:var(--_with-icon-and-label-text-container-height)} +`; +/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const el = F`:host{display:inline-flex;align-items:center;justify-content:center;outline:none;padding:0 16px;position:relative;-webkit-tap-highlight-color:rgba(0,0,0,0);vertical-align:middle;user-select:none;font-family:var(--_label-text-font);font-size:var(--_label-text-size);line-height:var(--_label-text-line-height);font-weight:var(--_label-text-weight);color:var(--_label-text-color);z-index:0;--md-ripple-hover-color: var(--_hover-state-layer-color);--md-ripple-hover-opacity: var(--_hover-state-layer-opacity);--md-ripple-pressed-color: var(--_pressed-state-layer-color);--md-ripple-pressed-opacity: var(--_pressed-state-layer-opacity);--md-elevation-level: var(--_container-elevation)}md-focus-ring{--md-focus-ring-shape: 8px}:host([active]) md-focus-ring{margin-bottom:calc(var(--_active-indicator-height) + 1px)}.button::before{background:var(--_container-color);content:"";inset:0;position:absolute;z-index:-1}.button::before,md-ripple,md-elevation{border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-end-radius:var(--_container-shape-end-end);border-end-start-radius:var(--_container-shape-end-start)}.content{position:relative;box-sizing:border-box;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;height:var(--_container-height);gap:8px}.indicator{position:absolute;box-sizing:border-box;z-index:-1;transform-origin:bottom left;background:var(--_active-indicator-color);border-radius:var(--_active-indicator-shape);height:var(--_active-indicator-height);inset:auto 0 0 0;opacity:0}::slotted([slot=icon]){display:inline-flex;position:relative;writing-mode:horizontal-tb;fill:currentColor;color:var(--_icon-color);font-size:var(--_icon-size);width:var(--_icon-size);height:var(--_icon-size)}:host(:hover){color:var(--_hover-label-text-color);cursor:pointer}:host(:hover) ::slotted([slot=icon]){color:var(--_hover-icon-color)}:host(:focus){color:var(--_focus-label-text-color)}:host(:focus) ::slotted([slot=icon]){color:var(--_focus-icon-color)}:host(:active){color:var(--_pressed-label-text-color)}:host(:active) ::slotted([slot=icon]){color:var(--_pressed-icon-color)}:host([active]) .indicator{opacity:1}:host([active]){color:var(--_active-label-text-color);--md-ripple-hover-color: var(--_active-hover-state-layer-color);--md-ripple-hover-opacity: var(--_active-hover-state-layer-opacity);--md-ripple-pressed-color: var(--_active-pressed-state-layer-color);--md-ripple-pressed-opacity: var(--_active-pressed-state-layer-opacity)}:host([active]) ::slotted([slot=icon]){color:var(--_active-icon-color)}:host([active]:hover){color:var(--_active-hover-label-text-color)}:host([active]:hover) ::slotted([slot=icon]){color:var(--_active-hover-icon-color)}:host([active]:focus){color:var(--_active-focus-label-text-color)}:host([active]:focus) ::slotted([slot=icon]){color:var(--_active-focus-icon-color)}:host([active]:active){color:var(--_active-pressed-label-text-color)}:host([active]:active) ::slotted([slot=icon]){color:var(--_active-pressed-icon-color)}:host,::slotted(*){white-space:nowrap}@media(forced-colors: active){.indicator{background:CanvasText}} +`; +/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +let ci = class extends Qs { +}; +ci.styles = [el, zh]; +ci = l([ + H("md-primary-tab") +], ci); +/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +class Ph extends nt { + constructor() { + super(...arguments), this.fullWidthIndicator = !0; + } +} +/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const Lh = F`:host{--_active-indicator-color: var(--md-secondary-tab-active-indicator-color, var(--md-sys-color-primary, #6750a4));--_active-indicator-height: var(--md-secondary-tab-active-indicator-height, 2px);--_active-label-text-color: var(--md-secondary-tab-active-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_container-color: var(--md-secondary-tab-container-color, var(--md-sys-color-surface, #fef7ff));--_container-elevation: var(--md-secondary-tab-container-elevation, 0);--_container-height: var(--md-secondary-tab-container-height, 48px);--_focus-label-text-color: var(--md-secondary-tab-focus-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_hover-label-text-color: var(--md-secondary-tab-hover-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_hover-state-layer-color: var(--md-secondary-tab-hover-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--_hover-state-layer-opacity: var(--md-secondary-tab-hover-state-layer-opacity, 0.08);--_label-text-font: var(--md-secondary-tab-label-text-font, var(--md-sys-typescale-title-small-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-secondary-tab-label-text-line-height, var(--md-sys-typescale-title-small-line-height, 1.25rem));--_label-text-size: var(--md-secondary-tab-label-text-size, var(--md-sys-typescale-title-small-size, 0.875rem));--_label-text-weight: var(--md-secondary-tab-label-text-weight, var(--md-sys-typescale-title-small-weight, var(--md-ref-typeface-weight-medium, 500)));--_pressed-label-text-color: var(--md-secondary-tab-pressed-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_pressed-state-layer-color: var(--md-secondary-tab-pressed-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--_pressed-state-layer-opacity: var(--md-secondary-tab-pressed-state-layer-opacity, 0.12);--_active-focus-icon-color: var(--md-secondary-tab-active-focus-icon-color, );--_active-focus-label-text-color: var(--md-secondary-tab-active-focus-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_active-hover-icon-color: var(--md-secondary-tab-active-hover-icon-color, );--_active-hover-label-text-color: var(--md-secondary-tab-active-hover-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_active-hover-state-layer-color: var(--md-secondary-tab-active-hover-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--_active-hover-state-layer-opacity: var(--md-secondary-tab-active-hover-state-layer-opacity, 0.08);--_active-icon-color: var(--md-secondary-tab-active-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_active-indicator-shape: var(--md-secondary-tab-active-indicator-shape, 0);--_active-pressed-icon-color: var(--md-secondary-tab-active-pressed-icon-color, );--_active-pressed-label-text-color: var(--md-secondary-tab-active-pressed-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_active-pressed-state-layer-color: var(--md-secondary-tab-active-pressed-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--_active-pressed-state-layer-opacity: var(--md-secondary-tab-active-pressed-state-layer-opacity, 0.12);--_label-text-color: var(--md-secondary-tab-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_focus-icon-color: var(--md-secondary-tab-focus-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_hover-icon-color: var(--md-secondary-tab-hover-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_icon-size: var(--md-secondary-tab-icon-size, 24px);--_icon-color: var(--md-secondary-tab-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_pressed-icon-color: var(--md-secondary-tab-pressed-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_container-shape-start-start: var(--md-secondary-tab-container-shape-start-start, var(--md-secondary-tab-container-shape, var(--md-sys-shape-corner-none, 0px)));--_container-shape-start-end: var(--md-secondary-tab-container-shape-start-end, var(--md-secondary-tab-container-shape, var(--md-sys-shape-corner-none, 0px)));--_container-shape-end-end: var(--md-secondary-tab-container-shape-end-end, var(--md-secondary-tab-container-shape, var(--md-sys-shape-corner-none, 0px)));--_container-shape-end-start: var(--md-secondary-tab-container-shape-end-start, var(--md-secondary-tab-container-shape, var(--md-sys-shape-corner-none, 0px)))} +`; +/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +let ui = class extends Ph { +}; +ui.styles = [el, Lh]; +ui = l([ + H("md-secondary-tab") +], ui); +const Fh = ee({ + react: J, + tagName: "md-tabs", + elementClass: di +}), Mh = ee({ + react: J, + tagName: "md-primary-tab", + elementClass: ci +}), Dh = ee({ + react: J, + tagName: "md-secondary-tab", + elementClass: ui +}), vf = (r) => { + const { children: e, className: t, style: o, id: i, activeTabIndex: a, onChange: s, ...d } = r; + return /* @__PURE__ */ V.jsx(Fh, { className: t, style: o, id: i, activeTabIndex: a, onChange: s, ...d, children: e }); +}, mf = (r) => { + const { children: e, className: t, style: o, id: i, selected: a, variant: s = "primary", onClick: d, ...h } = r, y = s === "primary" ? Mh : Dh; + return /* @__PURE__ */ V.jsx(y, { className: t, style: o, id: i, selected: a, onClick: d, ...h, children: e }); +}; +/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const Nh = Je(W); +class pr extends Nh { + constructor() { + super(...arguments), this.value = 0, this.max = 1, this.indeterminate = !1, this.fourColor = !1; + } + render() { + const { ariaLabel: e } = this; + return _` +
    ${this.renderIndicator()}
    + `; + } + getRenderClasses() { + return { + indeterminate: this.indeterminate, + "four-color": this.fourColor + }; + } +} +l([ + p({ type: Number }) +], pr.prototype, "value", void 0); +l([ + p({ type: Number }) +], pr.prototype, "max", void 0); +l([ + p({ type: Boolean }) +], pr.prototype, "indeterminate", void 0); +l([ + p({ type: Boolean, attribute: "four-color" }) +], pr.prototype, "fourColor", void 0); +/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +let Bh = class extends pr { + renderIndicator() { + return this.indeterminate ? this.renderIndeterminateContainer() : this.renderDeterminateContainer(); + } + // Determinate mode is rendered with an svg so the progress arc can be + // easily animated via stroke-dashoffset. + renderDeterminateContainer() { + const e = (1 - this.value / this.max) * 100; + return _` + + + + + `; + } + // Indeterminate mode rendered with 2 bordered-divs. The borders are + // clipped into half circles by their containers. The divs are then carefully + // animated to produce changes to the spinner arc size. + // This approach has 4.5x the FPS of rendering via svg on Chrome 111. + // See https://lit.dev/playground/#gist=febb773565272f75408ab06a0eb49746. + renderIndeterminateContainer() { + return _` `; + } +}; +/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const jh = F`:host{--_active-indicator-color: var(--md-circular-progress-active-indicator-color, var(--md-sys-color-primary, #6750a4));--_active-indicator-width: var(--md-circular-progress-active-indicator-width, 10);--_four-color-active-indicator-four-color: var(--md-circular-progress-four-color-active-indicator-four-color, var(--md-sys-color-tertiary-container, #ffd8e4));--_four-color-active-indicator-one-color: var(--md-circular-progress-four-color-active-indicator-one-color, var(--md-sys-color-primary, #6750a4));--_four-color-active-indicator-three-color: var(--md-circular-progress-four-color-active-indicator-three-color, var(--md-sys-color-tertiary, #7d5260));--_four-color-active-indicator-two-color: var(--md-circular-progress-four-color-active-indicator-two-color, var(--md-sys-color-primary-container, #eaddff));--_size: var(--md-circular-progress-size, 48px);display:inline-flex;vertical-align:middle;width:var(--_size);height:var(--_size);position:relative;align-items:center;justify-content:center;contain:strict;content-visibility:auto}.progress{flex:1;align-self:stretch;margin:4px}.progress,.spinner,.left,.right,.circle,svg,.track,.active-track{position:absolute;inset:0}svg{transform:rotate(-90deg)}circle{cx:50%;cy:50%;r:calc(50%*(1 - var(--_active-indicator-width)/100));stroke-width:calc(var(--_active-indicator-width)*1%);stroke-dasharray:100;fill:rgba(0,0,0,0)}.active-track{transition:stroke-dashoffset 500ms cubic-bezier(0, 0, 0.2, 1);stroke:var(--_active-indicator-color)}.track{stroke:rgba(0,0,0,0)}.progress.indeterminate{animation:linear infinite linear-rotate;animation-duration:1568.2352941176ms}.spinner{animation:infinite both rotate-arc;animation-duration:5332ms;animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.left{overflow:hidden;inset:0 50% 0 0}.right{overflow:hidden;inset:0 0 0 50%}.circle{box-sizing:border-box;border-radius:50%;border:solid calc(var(--_active-indicator-width)/100*(var(--_size) - 8px));border-color:var(--_active-indicator-color) var(--_active-indicator-color) rgba(0,0,0,0) rgba(0,0,0,0);animation:expand-arc;animation-iteration-count:infinite;animation-fill-mode:both;animation-duration:1333ms,5332ms;animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.four-color .circle{animation-name:expand-arc,four-color}.left .circle{rotate:135deg;inset:0 -100% 0 0}.right .circle{rotate:100deg;inset:0 0 0 -100%;animation-delay:-666.5ms,0ms}@media(forced-colors: active){.active-track{stroke:CanvasText}.circle{border-color:CanvasText CanvasText Canvas Canvas}}@keyframes expand-arc{0%{transform:rotate(265deg)}50%{transform:rotate(130deg)}100%{transform:rotate(265deg)}}@keyframes rotate-arc{12.5%{transform:rotate(135deg)}25%{transform:rotate(270deg)}37.5%{transform:rotate(405deg)}50%{transform:rotate(540deg)}62.5%{transform:rotate(675deg)}75%{transform:rotate(810deg)}87.5%{transform:rotate(945deg)}100%{transform:rotate(1080deg)}}@keyframes linear-rotate{to{transform:rotate(360deg)}}@keyframes four-color{0%{border-top-color:var(--_four-color-active-indicator-one-color);border-right-color:var(--_four-color-active-indicator-one-color)}15%{border-top-color:var(--_four-color-active-indicator-one-color);border-right-color:var(--_four-color-active-indicator-one-color)}25%{border-top-color:var(--_four-color-active-indicator-two-color);border-right-color:var(--_four-color-active-indicator-two-color)}40%{border-top-color:var(--_four-color-active-indicator-two-color);border-right-color:var(--_four-color-active-indicator-two-color)}50%{border-top-color:var(--_four-color-active-indicator-three-color);border-right-color:var(--_four-color-active-indicator-three-color)}65%{border-top-color:var(--_four-color-active-indicator-three-color);border-right-color:var(--_four-color-active-indicator-three-color)}75%{border-top-color:var(--_four-color-active-indicator-four-color);border-right-color:var(--_four-color-active-indicator-four-color)}90%{border-top-color:var(--_four-color-active-indicator-four-color);border-right-color:var(--_four-color-active-indicator-four-color)}100%{border-top-color:var(--_four-color-active-indicator-one-color);border-right-color:var(--_four-color-active-indicator-one-color)}} +`; +/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +let hi = class extends Bh { +}; +hi.styles = [jh]; +hi = l([ + H("md-circular-progress") +], hi); +/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +class tl extends pr { + constructor() { + super(...arguments), this.buffer = 0; + } + // Note, the indeterminate animation is rendered with transform %'s + // Previously, this was optimized to use px calculated with the resizeObserver + // due to a now fixed Chrome bug: crbug.com/389359. + renderIndicator() { + const e = { + transform: `scaleX(${(this.indeterminate ? 1 : this.value / this.max) * 100}%)` + }, t = this.buffer ?? 0, o = t > 0, a = { + transform: `scaleX(${(this.indeterminate || !o ? 1 : t / this.max) * 100}%)` + }, s = this.indeterminate || !o || t >= this.max || this.value >= this.max; + return _` +
    +
    +
    +
    +
    +
    +
    +
    + `; + } +} +l([ + p({ type: Number }) +], tl.prototype, "buffer", void 0); +/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const Uh = F`:host{--_active-indicator-color: var(--md-linear-progress-active-indicator-color, var(--md-sys-color-primary, #6750a4));--_active-indicator-height: var(--md-linear-progress-active-indicator-height, 4px);--_four-color-active-indicator-four-color: var(--md-linear-progress-four-color-active-indicator-four-color, var(--md-sys-color-tertiary-container, #ffd8e4));--_four-color-active-indicator-one-color: var(--md-linear-progress-four-color-active-indicator-one-color, var(--md-sys-color-primary, #6750a4));--_four-color-active-indicator-three-color: var(--md-linear-progress-four-color-active-indicator-three-color, var(--md-sys-color-tertiary, #7d5260));--_four-color-active-indicator-two-color: var(--md-linear-progress-four-color-active-indicator-two-color, var(--md-sys-color-primary-container, #eaddff));--_track-color: var(--md-linear-progress-track-color, var(--md-sys-color-surface-container-highest, #e6e0e9));--_track-height: var(--md-linear-progress-track-height, 4px);--_track-shape: var(--md-linear-progress-track-shape, var(--md-sys-shape-corner-none, 0px));border-radius:var(--_track-shape);display:flex;position:relative;min-width:80px;height:var(--_track-height);content-visibility:auto;contain:strict}.progress,.dots,.inactive-track,.bar,.bar-inner{position:absolute}.progress{direction:ltr;inset:0;border-radius:inherit;overflow:hidden;display:flex;align-items:center}.bar{animation:none;width:100%;height:var(--_active-indicator-height);transform-origin:left center;transition:transform 250ms cubic-bezier(0.4, 0, 0.6, 1)}.secondary-bar{display:none}.bar-inner{inset:0;animation:none;background:var(--_active-indicator-color)}.inactive-track{background:var(--_track-color);inset:0;transition:transform 250ms cubic-bezier(0.4, 0, 0.6, 1);transform-origin:left center}.dots{inset:0;animation:linear infinite 250ms;animation-name:buffering;background-color:var(--_track-color);background-repeat:repeat-x;-webkit-mask-image:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5 2' preserveAspectRatio='xMinYMin slice'%3E%3Ccircle cx='1' cy='1' r='1'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5 2' preserveAspectRatio='xMinYMin slice'%3E%3Ccircle cx='1' cy='1' r='1'/%3E%3C/svg%3E");z-index:-1}.dots[hidden]{display:none}.indeterminate .bar{transition:none}.indeterminate .primary-bar{inset-inline-start:-145.167%}.indeterminate .secondary-bar{inset-inline-start:-54.8889%;display:block}.indeterminate .primary-bar{animation:linear infinite 2s;animation-name:primary-indeterminate-translate}.indeterminate .primary-bar>.bar-inner{animation:linear infinite 2s primary-indeterminate-scale}.indeterminate.four-color .primary-bar>.bar-inner{animation-name:primary-indeterminate-scale,four-color;animation-duration:2s,4s}.indeterminate .secondary-bar{animation:linear infinite 2s;animation-name:secondary-indeterminate-translate}.indeterminate .secondary-bar>.bar-inner{animation:linear infinite 2s secondary-indeterminate-scale}.indeterminate.four-color .secondary-bar>.bar-inner{animation-name:secondary-indeterminate-scale,four-color;animation-duration:2s,4s}:host(:dir(rtl)){transform:scale(-1)}@keyframes primary-indeterminate-scale{0%{transform:scaleX(0.08)}36.65%{animation-timing-function:cubic-bezier(0.334731, 0.12482, 0.785844, 1);transform:scaleX(0.08)}69.15%{animation-timing-function:cubic-bezier(0.06, 0.11, 0.6, 1);transform:scaleX(0.661479)}100%{transform:scaleX(0.08)}}@keyframes secondary-indeterminate-scale{0%{animation-timing-function:cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971);transform:scaleX(0.08)}19.15%{animation-timing-function:cubic-bezier(0.152313, 0.196432, 0.648374, 1.00432);transform:scaleX(0.457104)}44.15%{animation-timing-function:cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179);transform:scaleX(0.72796)}100%{transform:scaleX(0.08)}}@keyframes buffering{0%{transform:translateX(calc(var(--_track-height) / 2 * 5))}}@keyframes primary-indeterminate-translate{0%{transform:translateX(0px)}20%{animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);transform:translateX(0px)}59.15%{animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);transform:translateX(83.6714%)}100%{transform:translateX(200.611%)}}@keyframes secondary-indeterminate-translate{0%{animation-timing-function:cubic-bezier(0.15, 0, 0.515058, 0.409685);transform:translateX(0px)}25%{animation-timing-function:cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);transform:translateX(37.6519%)}48.35%{animation-timing-function:cubic-bezier(0.4, 0.627035, 0.6, 0.902026);transform:translateX(84.3862%)}100%{transform:translateX(160.278%)}}@keyframes four-color{0%{background:var(--_four-color-active-indicator-one-color)}15%{background:var(--_four-color-active-indicator-one-color)}25%{background:var(--_four-color-active-indicator-two-color)}40%{background:var(--_four-color-active-indicator-two-color)}50%{background:var(--_four-color-active-indicator-three-color)}65%{background:var(--_four-color-active-indicator-three-color)}75%{background:var(--_four-color-active-indicator-four-color)}90%{background:var(--_four-color-active-indicator-four-color)}100%{background:var(--_four-color-active-indicator-one-color)}}@media(forced-colors: active){:host{outline:1px solid CanvasText}.bar-inner,.dots{background-color:CanvasText}} +`; +/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +let pi = class extends tl { +}; +pi.styles = [Uh]; +pi = l([ + H("md-linear-progress") +], pi); +const Vh = ee({ + react: J, + tagName: "md-circular-progress", + elementClass: hi +}); +ee({ + react: J, + tagName: "md-linear-progress", + elementClass: pi +}); +const xf = (r) => { + const { + value: e, + max: t, + fourColor: o, + className: i, + style: a, + id: s, + color: d, + size: h, + ...y + } = r; + return /* @__PURE__ */ V.jsx( + Vh, + { + indeterminate: e === void 0, + value: e, + max: t, + fourColor: o, + className: i, + style: { + ...a, + "--md-circular-progress-color": d || "var(--md-sys-color-primary)", + "--md-circular-progress-size": h || "48px" + }, + id: s, + ...y + } + ); +}; +/** + * @license + * Copyright 2022 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const Hh = Je(W); +class et extends Hh { + constructor() { + super(...arguments), this.disabled = !1, this.type = "menuitem", this.href = "", this.target = "", this.keepOpen = !1, this.selected = !1, this.menuItemController = new Ss(this, { + getHeadlineElements: () => this.headlineElements, + getSupportingTextElements: () => this.supportingTextElements, + getDefaultElements: () => this.defaultElements, + getInteractiveElement: () => this.listItemRoot + }); + } + /** + * The text that is selectable via typeahead. If not set, defaults to the + * innerText of the item slotted into the `"headline"` slot. + */ + get typeaheadText() { + return this.menuItemController.typeaheadText; + } + set typeaheadText(e) { + this.menuItemController.setTypeaheadText(e); + } + render() { + return this.renderListItem(_` + +
    + ${this.renderRipple()} ${this.renderFocusRing()} +
    + + + ${this.renderBody()} +     + `); + } + /** + * Renders the root list item. + * + * @param content the child content of the list item. + */ + renderListItem(e) { + const t = this.type === "link"; + let o; + switch (this.menuItemController.tagName) { + case "a": + o = Xe`a`; + break; + case "button": + o = Xe`button`; + break; + default: + case "li": + o = Xe`li`; + break; + } + const i = t && this.target ? this.target : x; + return Fr` + <${o} + id="item" + tabindex=${this.disabled && !t ? -1 : 0} + role=${this.menuItemController.role} + aria-label=${this.ariaLabel || x} + aria-selected=${this.ariaSelected || x} + aria-checked=${this.ariaChecked || x} + aria-expanded=${this.ariaExpanded || x} + aria-haspopup=${this.ariaHasPopup || x} + class="list-item ${ye(this.getRenderClasses())}" + href=${this.href || x} + target=${i} + @click=${this.menuItemController.onClick} + @keydown=${this.menuItemController.onKeydown} + >${e} + `; + } + /** + * Handles rendering of the ripple element. + */ + renderRipple() { + return _` `; + } + /** + * Handles rendering of the focus ring. + */ + renderFocusRing() { + return _` `; + } + /** + * Classes applied to the list item root. + */ + getRenderClasses() { + return { + disabled: this.disabled, + selected: this.selected + }; + } + /** + * Handles rendering the headline and supporting text. + */ + renderBody() { + return _` + + + + + + `; + } + focus() { + var e; + (e = this.listItemRoot) == null || e.focus(); + } +} +et.shadowRootOptions = { + ...W.shadowRootOptions, + delegatesFocus: !0 +}; +l([ + p({ type: Boolean, reflect: !0 }) +], et.prototype, "disabled", void 0); +l([ + p() +], et.prototype, "type", void 0); +l([ + p() +], et.prototype, "href", void 0); +l([ + p() +], et.prototype, "target", void 0); +l([ + p({ type: Boolean, attribute: "keep-open" }) +], et.prototype, "keepOpen", void 0); +l([ + p({ type: Boolean }) +], et.prototype, "selected", void 0); +l([ + G(".list-item") +], et.prototype, "listItemRoot", void 0); +l([ + We({ slot: "headline" }) +], et.prototype, "headlineElements", void 0); +l([ + We({ slot: "supporting-text" }) +], et.prototype, "supportingTextElements", void 0); +l([ + Ia({ slot: "" }) +], et.prototype, "defaultElements", void 0); +l([ + p({ attribute: "typeahead-text" }) +], et.prototype, "typeaheadText", null); +/** + * @license + * Copyright 2022 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +let fi = class extends et { +}; +fi.styles = [Ts]; +fi = l([ + H("md-menu-item") +], fi); +/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +class zt extends W { + get item() { + return this.items[0] ?? null; + } + get menu() { + return this.menus[0] ?? null; + } + constructor() { + super(), this.anchorCorner = Uo.START_END, this.menuCorner = Uo.START_START, this.hoverOpenDelay = 400, this.hoverCloseDelay = 400, this.isSubMenu = !0, this.previousOpenTimeout = 0, this.previousCloseTimeout = 0, this.onMouseenter = () => { + var e; + clearTimeout(this.previousOpenTimeout), clearTimeout(this.previousCloseTimeout), !((e = this.menu) != null && e.open) && (this.hoverOpenDelay ? this.previousOpenTimeout = setTimeout(() => { + this.show(); + }, this.hoverOpenDelay) : this.show()); + }, this.onMouseleave = () => { + clearTimeout(this.previousCloseTimeout), clearTimeout(this.previousOpenTimeout), this.hoverCloseDelay ? this.previousCloseTimeout = setTimeout(() => { + this.close(); + }, this.hoverCloseDelay) : this.close(); + }, this.addEventListener("mouseenter", this.onMouseenter), this.addEventListener("mouseleave", this.onMouseleave); + } + render() { + return _` + + + + + `; + } + firstUpdated() { + this.onSlotchange(); + } + /** + * Shows the submenu. + */ + async show() { + const e = this.menu; + if (!e || e.open) + return; + e.addEventListener("closed", () => { + this.item.ariaExpanded = "false", this.dispatchEvent(na()), this.dispatchEvent(_o()), e.ariaHidden = "true"; + }, { once: !0 }), e.positioning === "document" && (e.positioning = "absolute"), e.quick = !0, e.hasOverflow = !0, e.anchorCorner = this.anchorCorner, e.menuCorner = this.menuCorner, e.anchorElement = this.item, e.defaultFocus = "first-item", e.removeAttribute("aria-hidden"), e.skipRestoreFocus = !1; + const t = e.open; + if (e.show(), this.item.ariaExpanded = "true", this.item.ariaHasPopup = "menu", e.id && this.item.setAttribute("aria-controls", e.id), this.dispatchEvent(_o()), this.dispatchEvent(fc()), this.item.selected = !0, !t) { + let o = (a) => { + }; + const i = new Promise((a) => { + o = a; + }); + e.addEventListener("opened", o, { once: !0 }), await i; + } + } + /** + * Closes the submenu. + */ + async close() { + const e = this.menu; + if (!e || !e.open) + return; + this.dispatchEvent(na()), e.quick = !0, e.close(), this.dispatchEvent(_o()); + let t = (i) => { + }; + const o = new Promise((i) => { + t = i; + }); + e.addEventListener("closed", t, { once: !0 }), await o; + } + onSlotchange() { + var t; + if (!this.item) + return; + this.item.ariaExpanded = "false", this.item.ariaHasPopup = "menu", (t = this.menu) != null && t.id && this.item.setAttribute("aria-controls", this.menu.id), this.item.keepOpen = !0; + const e = this.menu; + e && (e.isSubmenu = !0, e.ariaHidden = "true"); + } + onClick() { + this.show(); + } + /** + * On item keydown handles opening the submenu. + */ + async onKeydown(e) { + const t = this.isSubmenuOpenKey(e.code); + if (e.defaultPrevented) + return; + const o = t && (Et.LEFT === e.code || Et.RIGHT === e.code); + if ((e.code === nr.SPACE || o) && (e.preventDefault(), o && e.stopPropagation()), !t) + return; + const i = this.menu; + if (!i) + return; + const a = i.items, s = gi(a); + if (s) { + await this.show(), s.tabIndex = 0, s.focus(); + return; + } + } + onCloseSubmenu(e) { + const { itemPath: t, reason: o } = e.detail; + if (t.push(this.item), this.dispatchEvent(na()), o.kind === ga.KEYDOWN && o.key === xa.ESCAPE) { + e.stopPropagation(), this.item.dispatchEvent(_s()); + return; + } + this.dispatchEvent(_o()); + } + async onSubMenuKeydown(e) { + var i; + if (e.defaultPrevented) + return; + const { close: t, keyCode: o } = this.isSubmenuCloseKey(e.code); + t && (e.preventDefault(), (o === Et.LEFT || o === Et.RIGHT) && e.stopPropagation(), await this.close(), cc(this.menu.items), (i = this.item) == null || i.focus(), this.item.tabIndex = 0, this.item.focus()); + } + /** + * Determines whether the given KeyboardEvent code is one that should open + * the submenu. This is RTL-aware. By default, left, right, space, or enter. + * + * @param code The native KeyboardEvent code. + * @return Whether or not the key code should open the submenu. + */ + isSubmenuOpenKey(e) { + const o = getComputedStyle(this).direction === "rtl" ? Et.LEFT : Et.RIGHT; + switch (e) { + case o: + case nr.SPACE: + case nr.ENTER: + return !0; + default: + return !1; + } + } + /** + * Determines whether the given KeyboardEvent code is one that should close + * the submenu. This is RTL-aware. By default right, left, or escape. + * + * @param code The native KeyboardEvent code. + * @return Whether or not the key code should close the submenu. + */ + isSubmenuCloseKey(e) { + const o = getComputedStyle(this).direction === "rtl" ? Et.RIGHT : Et.LEFT; + switch (e) { + case o: + case xa.ESCAPE: + return { close: !0, keyCode: e }; + default: + return { close: !1 }; + } + } +} +l([ + p({ attribute: "anchor-corner" }) +], zt.prototype, "anchorCorner", void 0); +l([ + p({ attribute: "menu-corner" }) +], zt.prototype, "menuCorner", void 0); +l([ + p({ type: Number, attribute: "hover-open-delay" }) +], zt.prototype, "hoverOpenDelay", void 0); +l([ + p({ type: Number, attribute: "hover-close-delay" }) +], zt.prototype, "hoverCloseDelay", void 0); +l([ + p({ type: Boolean, reflect: !0, attribute: "md-sub-menu" }) +], zt.prototype, "isSubMenu", void 0); +l([ + We({ slot: "item", flatten: !0 }) +], zt.prototype, "items", void 0); +l([ + We({ slot: "menu", flatten: !0 }) +], zt.prototype, "menus", void 0); +/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +const qh = F`:host{position:relative;display:flex;flex-direction:column} +`; +/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */ +let vi = class extends zt { +}; +vi.styles = [qh]; +vi = l([ + H("md-sub-menu") +], vi); +const Wh = ee({ + react: J, + tagName: "md-menu", + elementClass: Vo +}); +ee({ + react: J, + tagName: "md-menu-item", + elementClass: fi, + events: { + "close-menu": "onCloseMenu" + } +}); +ee({ + react: J, + tagName: "md-sub-menu", + elementClass: vi +}); +const kf = (r) => /* @__PURE__ */ V.jsx( + Wh, + { + ...r + } +), Cf = ({ children: r, style: e, ...t }) => (console.log(t, e), /* @__PURE__ */ V.jsx( + Us, + { + ...t, + style: { + borderRadius: "28px", + backgroundColor: "var(--md-sys-color-surface)", + color: "var(--md-sys-color-on-surface)", + padding: "18px", + display: "flex", + ...e + }, + children: r + } +)), Kh = ee({ + tagName: "label", + react: J, + elementClass: HTMLLabelElement +}), Ef = (r) => { + const { form: e, ...t } = r; + return /* @__PURE__ */ V.jsx( + Kh, + { + ...t, + style: { + display: "flex", + alignItems: "center", + gap: "8px", + ...r.style, + fontFamily: "var(--md-ref-typeface-plain)" + } + } + ); +}, $f = (r) => { + const { className: e, id: t, children: o, style: i, ...a } = r; + return /* @__PURE__ */ V.jsx( + Us, + { + className: e, + id: t, + style: { + display: "flex", + alignItems: "center", + justifyContent: "space-between", + padding: "8px 16px", + backgroundColor: "transparent", + ...i + }, + ...a, + children: o + } + ); +}; +export { + $f as AppBar, + rf as AssistChip, + Us as Box, + df as BrandedFAB, + up as Button, + fp as Checkbox, + tf as ChipSet, + xf as CircularProgress, + Lp as Dialog, + lf as FAB, + of as FilterChip, + Ef as FormLabel, + Wp as IconButton, + af as InputChip, + Np as List, + kf as Menu, + Cf as Paper, + bp as Radio, + Ep as Select, + Ip as Slider, + Sp as Switch, + mf as Tab, + vf as Tabs, + tp as TextField, + Bp as Typography +}; diff --git a/dist/react-you-ui.umd.js b/dist/react-you-ui.umd.js new file mode 100644 index 0000000..ceb1eeb --- /dev/null +++ b/dist/react-you-ui.umd.js @@ -0,0 +1,1741 @@ +(function(le,vr){typeof exports=="object"&&typeof module<"u"?vr(exports):typeof define=="function"&&define.amd?define(["exports"],vr):(le=typeof globalThis<"u"?globalThis:le||self,vr(le["react-you-ui"]={}))})(this,function(le){"use strict";var zs;function vr(r,e){for(var t=0;to[i]})}}}return Object.freeze(Object.defineProperty(r,Symbol.toStringTag,{value:"Module"}))}function il(r){return r&&r.__esModule&&Object.prototype.hasOwnProperty.call(r,"default")?r.default:r}var Si={exports:{}},mr={},Ai={exports:{}},K={};/** + * @license React + * react.production.min.js + * + * Copyright (c) Facebook, Inc. and its affiliates. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */var Ka;function al(){if(Ka)return K;Ka=1;var r=Symbol.for("react.element"),e=Symbol.for("react.portal"),t=Symbol.for("react.fragment"),o=Symbol.for("react.strict_mode"),i=Symbol.for("react.profiler"),a=Symbol.for("react.provider"),s=Symbol.for("react.context"),d=Symbol.for("react.forward_ref"),h=Symbol.for("react.suspense"),y=Symbol.for("react.memo"),v=Symbol.for("react.lazy"),f=Symbol.iterator;function C(m){return m===null||typeof m!="object"?null:(m=f&&m[f]||m["@@iterator"],typeof m=="function"?m:null)}var w={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},A=Object.assign,S={};function I(m,E,J){this.props=m,this.context=E,this.refs=S,this.updater=J||w}I.prototype.isReactComponent={},I.prototype.setState=function(m,E){if(typeof m!="object"&&typeof m!="function"&&m!=null)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,m,E,"setState")},I.prototype.forceUpdate=function(m){this.updater.enqueueForceUpdate(this,m,"forceUpdate")};function O(){}O.prototype=I.prototype;function R(m,E,J){this.props=m,this.context=E,this.refs=S,this.updater=J||w}var B=R.prototype=new O;B.constructor=R,A(B,I.prototype),B.isPureReactComponent=!0;var U=Array.isArray,P=Object.prototype.hasOwnProperty,q={current:null},D={key:!0,ref:!0,__self:!0,__source:!0};function ze(m,E,J){var te,oe={},me=null,fe=null;if(E!=null)for(te in E.ref!==void 0&&(fe=E.ref),E.key!==void 0&&(me=""+E.key),E)P.call(E,te)&&!D.hasOwnProperty(te)&&(oe[te]=E[te]);var he=arguments.length-2;if(he===1)oe.children=J;else if(11?c-1:0),g=1;g1?c-1:0),g=1;g1){for(var ye=Array(ve),ge=0;ge1){for(var we=Array(ge),Oe=0;Oe is not supported and will be removed in a future major release. Did you mean to render instead?")),c.Provider},set:function(z){c.Provider=z}},_currentValue:{get:function(){return c._currentValue},set:function(z){c._currentValue=z}},_currentValue2:{get:function(){return c._currentValue2},set:function(z){c._currentValue2=z}},_threadCount:{get:function(){return c._threadCount},set:function(z){c._threadCount=z}},Consumer:{get:function(){return b||(b=!0,F("Rendering is not supported and will be removed in a future major release. Did you mean to render instead?")),c.Consumer}},displayName:{get:function(){return c.displayName},set:function(z){T||(Ge("Setting `displayName` on Context.Consumer has no effect. You should set it directly on the context with Context.displayName = '%s'.",z),T=!0)}}}),c.Consumer=M}return c._currentRenderer=null,c._currentRenderer2=null,c}var Xt=-1,Ur=0,Vr=1,gi=2;function Pa(n){if(n._status===Xt){var c=n._result,b=c();if(b.then(function(M){if(n._status===Ur||n._status===Xt){var z=n;z._status=Vr,z._result=M}},function(M){if(n._status===Ur||n._status===Xt){var z=n;z._status=gi,z._result=M}}),n._status===Xt){var g=n;g._status=Ur,g._result=b}}if(n._status===Vr){var T=n._result;return T===void 0&&F(`lazy: Expected the result of a dynamic import() call. Instead received: %s + +Your code should look like: + const MyComponent = lazy(() => import('./MyComponent')) + +Did you accidentally put curly braces around the import?`,T),"default"in T||F(`lazy: Expected the result of a dynamic import() call. Instead received: %s + +Your code should look like: + const MyComponent = lazy(() => import('./MyComponent'))`,T),T.default}else throw n._result}function La(n){var c={_status:Xt,_result:n},b={$$typeof:A,_payload:c,_init:Pa};{var g,T;Object.defineProperties(b,{defaultProps:{configurable:!0,get:function(){return g},set:function(M){F("React.lazy(...): It is not supported to assign `defaultProps` to a lazy component import. Either specify them where the component is defined, or create a wrapping component around it."),g=M,Object.defineProperty(b,"defaultProps",{enumerable:!0})}},propTypes:{configurable:!0,get:function(){return T},set:function(M){F("React.lazy(...): It is not supported to assign `propTypes` to a lazy component import. Either specify them where the component is defined, or create a wrapping component around it."),T=M,Object.defineProperty(b,"propTypes",{enumerable:!0})}}})}return b}function Fa(n){n!=null&&n.$$typeof===w?F("forwardRef requires a render function but received a `memo` component. Instead of forwardRef(memo(...)), use memo(forwardRef(...))."):typeof n!="function"?F("forwardRef requires a render function but was given %s.",n===null?"null":typeof n):n.length!==0&&n.length!==2&&F("forwardRef render functions accept exactly two parameters: props and ref. %s",n.length===1?"Did you forget to use the ref parameter?":"Any additional parameter will be undefined."),n!=null&&(n.defaultProps!=null||n.propTypes!=null)&&F("forwardRef render functions do not support propTypes or defaultProps. Did you accidentally pass a React component?");var c={$$typeof:v,render:n};{var b;Object.defineProperty(c,"displayName",{enumerable:!1,configurable:!0,get:function(){return b},set:function(g){b=g,!n.name&&!n.displayName&&(n.displayName=g)}})}return c}var xi;xi=Symbol.for("react.module.reference");function u(n){return!!(typeof n=="string"||typeof n=="function"||n===a||n===d||Te||n===s||n===f||n===C||$e||n===S||Pe||We||pt||typeof n=="object"&&n!==null&&(n.$$typeof===A||n.$$typeof===w||n.$$typeof===h||n.$$typeof===y||n.$$typeof===v||n.$$typeof===xi||n.getModuleId!==void 0))}function k(n,c){u(n)||F("memo: The first argument must be a component. Instead received: %s",n===null?"null":typeof n);var b={$$typeof:w,type:n,compare:c===void 0?null:c};{var g;Object.defineProperty(b,"displayName",{enumerable:!1,configurable:!0,get:function(){return g},set:function(T){g=T,!n.name&&!n.displayName&&(n.displayName=T)}})}return b}function $(){var n=B.current;return n===null&&F(`Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons: +1. You might have mismatching versions of React and the renderer (such as React DOM) +2. You might be breaking the Rules of Hooks +3. You might have more than one copy of React in the same app +See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem.`),n}function N(n){var c=$();if(n._context!==void 0){var b=n._context;b.Consumer===n?F("Calling useContext(Context.Consumer) is not supported, may cause bugs, and will be removed in a future major release. Did you mean to call useContext(Context) instead?"):b.Provider===n&&F("Calling useContext(Context.Provider) is not supported. Did you mean to call useContext(Context) instead?")}return c.useContext(n)}function ie(n){var c=$();return c.useState(n)}function ue(n,c,b){var g=$();return g.useReducer(n,c,b)}function ee(n){var c=$();return c.useRef(n)}function X(n,c){var b=$();return b.useEffect(n,c)}function je(n,c){var b=$();return b.useInsertionEffect(n,c)}function _e(n,c){var b=$();return b.useLayoutEffect(n,c)}function Ce(n,c){var b=$();return b.useCallback(n,c)}function Qe(n,c){var b=$();return b.useMemo(n,c)}function Pt(n,c,b){var g=$();return g.useImperativeHandle(n,c,b)}function xt(n,c){{var b=$();return b.useDebugValue(n,c)}}function Ke(){var n=$();return n.useTransition()}function Hr(n){var c=$();return c.useDeferredValue(n)}function Ma(){var n=$();return n.useId()}function Da(n,c,b){var g=$();return g.useSyncExternalStore(n,c,b)}var qr=0,Ps,Ls,Fs,Ms,Ds,Ns,Bs;function js(){}js.__reactDisabledLog=!0;function Jh(){{if(qr===0){Ps=console.log,Ls=console.info,Fs=console.warn,Ms=console.error,Ds=console.group,Ns=console.groupCollapsed,Bs=console.groupEnd;var n={configurable:!0,enumerable:!0,value:js,writable:!0};Object.defineProperties(console,{info:n,log:n,warn:n,error:n,group:n,groupCollapsed:n,groupEnd:n})}qr++}}function Qh(){{if(qr--,qr===0){var n={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:E({},n,{value:Ps}),info:E({},n,{value:Ls}),warn:E({},n,{value:Fs}),error:E({},n,{value:Ms}),group:E({},n,{value:Ds}),groupCollapsed:E({},n,{value:Ns}),groupEnd:E({},n,{value:Bs})})}qr<0&&F("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var Na=Ae.ReactCurrentDispatcher,Ba;function _i(n,c,b){{if(Ba===void 0)try{throw Error()}catch(T){var g=T.stack.trim().match(/\n( *(at )?)/);Ba=g&&g[1]||""}return` +`+Ba+n}}var ja=!1,wi;{var ep=typeof WeakMap=="function"?WeakMap:Map;wi=new ep}function Us(n,c){if(!n||ja)return"";{var b=wi.get(n);if(b!==void 0)return b}var g;ja=!0;var T=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var M;M=Na.current,Na.current=null,Jh();try{if(c){var z=function(){throw Error()};if(Object.defineProperty(z.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(z,[])}catch(Ue){g=Ue}Reflect.construct(n,[],z)}else{try{z.call()}catch(Ue){g=Ue}n.call(z.prototype)}}else{try{throw Error()}catch(Ue){g=Ue}n()}}catch(Ue){if(Ue&&g&&typeof Ue.stack=="string"){for(var j=Ue.stack.split(` +`),re=g.stack.split(` +`),ve=j.length-1,ye=re.length-1;ve>=1&&ye>=0&&j[ve]!==re[ye];)ye--;for(;ve>=1&&ye>=0;ve--,ye--)if(j[ve]!==re[ye]){if(ve!==1||ye!==1)do if(ve--,ye--,ye<0||j[ve]!==re[ye]){var ge=` +`+j[ve].replace(" at new "," at ");return n.displayName&&ge.includes("")&&(ge=ge.replace("",n.displayName)),typeof n=="function"&&wi.set(n,ge),ge}while(ve>=1&&ye>=0);break}}}finally{ja=!1,Na.current=M,Qh(),Error.prepareStackTrace=T}var we=n?n.displayName||n.name:"",Oe=we?_i(we):"";return typeof n=="function"&&wi.set(n,Oe),Oe}function tp(n,c,b){return Us(n,!1)}function rp(n){var c=n.prototype;return!!(c&&c.isReactComponent)}function ki(n,c,b){if(n==null)return"";if(typeof n=="function")return Us(n,rp(n));if(typeof n=="string")return _i(n);switch(n){case f:return _i("Suspense");case C:return _i("SuspenseList")}if(typeof n=="object")switch(n.$$typeof){case v:return tp(n.render);case w:return ki(n.type,c,b);case A:{var g=n,T=g._payload,M=g._init;try{return ki(M(T),c,b)}catch{}}}return""}var Vs={},Hs=Ae.ReactDebugCurrentFrame;function Ci(n){if(n){var c=n._owner,b=ki(n.type,n._source,c?c.type:null);Hs.setExtraStackFrame(b)}else Hs.setExtraStackFrame(null)}function op(n,c,b,g,T){{var M=Function.call.bind(Wt);for(var z in n)if(M(n,z)){var j=void 0;try{if(typeof n[z]!="function"){var re=Error((g||"React class")+": "+b+" type `"+z+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof n[z]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw re.name="Invariant Violation",re}j=n[z](c,z,g,b,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(ve){j=ve}j&&!(j instanceof Error)&&(Ci(T),F("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",g||"React class",b,z,typeof j),Ci(null)),j instanceof Error&&!(j.message in Vs)&&(Vs[j.message]=!0,Ci(T),F("Failed %s type: %s",b,j.message),Ci(null))}}}function pr(n){if(n){var c=n._owner,b=ki(n.type,n._source,c?c.type:null);Be(b)}else Be(null)}var Ua;Ua=!1;function qs(){if(q.current){var n=ft(q.current.type);if(n)return` + +Check the render method of \``+n+"`."}return""}function ip(n){if(n!==void 0){var c=n.fileName.replace(/^.*[\\\/]/,""),b=n.lineNumber;return` + +Check your code at `+c+":"+b+"."}return""}function ap(n){return n!=null?ip(n.__source):""}var Ws={};function np(n){var c=qs();if(!c){var b=typeof n=="string"?n:n.displayName||n.name;b&&(c=` + +Check the top-level render call using <`+b+">.")}return c}function Ks(n,c){if(!(!n._store||n._store.validated||n.key!=null)){n._store.validated=!0;var b=np(c);if(!Ws[b]){Ws[b]=!0;var g="";n&&n._owner&&n._owner!==q.current&&(g=" It was passed a child from "+ft(n._owner.type)+"."),pr(n),F('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',b,g),pr(null)}}}function Ys(n,c){if(typeof n=="object"){if(lr(n))for(var b=0;b",T=" Did you accidentally export a JSX literal instead of a component?"):z=typeof n,F("React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",z,T)}var j=Ta.apply(this,arguments);if(j==null)return j;if(g)for(var re=2;re10&&Ge("Detected a large number of updates inside startTransition. If this is due to a subscription please re-write it to use React provided hooks. Otherwise concurrent mode guarantees are off the table."),g._updatedFibers.clear()}}}var Js=!1,Ei=null;function up(n){if(Ei===null)try{var c=("require"+Math.random()).slice(0,7),b=r&&r[c];Ei=b.call(r,"timers").setImmediate}catch{Ei=function(T){Js===!1&&(Js=!0,typeof MessageChannel>"u"&&F("This browser does not have a MessageChannel implementation, so enqueuing tasks via await act(async () => ...) will fail. Please file an issue at https://github.com/facebook/react/issues if you encounter this warning."));var M=new MessageChannel;M.port1.onmessage=T,M.port2.postMessage(void 0)}}return Ei(n)}var fr=0,Qs=!1;function el(n){{var c=fr;fr++,P.current===null&&(P.current=[]);var b=P.isBatchingLegacy,g;try{if(P.isBatchingLegacy=!0,g=n(),!b&&P.didScheduleLegacyUpdate){var T=P.current;T!==null&&(P.didScheduleLegacyUpdate=!1,qa(T))}}catch(we){throw $i(c),we}finally{P.isBatchingLegacy=b}if(g!==null&&typeof g=="object"&&typeof g.then=="function"){var M=g,z=!1,j={then:function(we,Oe){z=!0,M.then(function(Ue){$i(c),fr===0?Va(Ue,we,Oe):we(Ue)},function(Ue){$i(c),Oe(Ue)})}};return!Qs&&typeof Promise<"u"&&Promise.resolve().then(function(){}).then(function(){z||(Qs=!0,F("You called act(async () => ...) without await. This could lead to unexpected testing behaviour, interleaving multiple act calls and mixing their scopes. You should - await act(async () => ...);"))}),j}else{var re=g;if($i(c),fr===0){var ve=P.current;ve!==null&&(qa(ve),P.current=null);var ye={then:function(we,Oe){P.current===null?(P.current=[],Va(re,we,Oe)):we(re)}};return ye}else{var ge={then:function(we,Oe){we(re)}};return ge}}}}function $i(n){n!==fr-1&&F("You seem to have overlapping act() calls, this is not supported. Be sure to await previous act() calls before making a new one. "),fr=n}function Va(n,c,b){{var g=P.current;if(g!==null)try{qa(g),up(function(){g.length===0?(P.current=null,c(n)):Va(n,c,b)})}catch(T){b(T)}else c(n)}}var Ha=!1;function qa(n){if(!Ha){Ha=!0;var c=0;try{for(;c1?k-1:0),N=1;N=1&&Ce>=0&&X[_e]!==je[Ce];)Ce--;for(;_e>=1&&Ce>=0;_e--,Ce--)if(X[_e]!==je[Ce]){if(_e!==1||Ce!==1)do if(_e--,Ce--,Ce<0||X[_e]!==je[Ce]){var Qe=` +`+X[_e].replace(" at new "," at ");return u.displayName&&Qe.includes("")&&(Qe=Qe.replace("",u.displayName)),typeof u=="function"&&Ie.set(u,Qe),Qe}while(_e>=1&&Ce>=0);break}}}finally{ce=!1,me.current=ue,oe(),Error.prepareStackTrace=ie}var Pt=u?u.displayName||u.name:"",xt=Pt?he(Pt):"";return typeof u=="function"&&Ie.set(u,xt),xt}function lr(u,k,$){return li(u,!1)}function Ea(u){var k=u.prototype;return!!(k&&k.isReactComponent)}function dr(u,k,$){if(u==null)return"";if(typeof u=="function")return li(u,Ea(u));if(typeof u=="string")return he(u);switch(u){case y:return he("Suspense");case v:return he("SuspenseList")}if(typeof u=="object")switch(u.$$typeof){case h:return lr(u.render);case f:return dr(u.type,k,$);case C:{var N=u,ie=N._payload,ue=N._init;try{return dr(ue(ie),k,$)}catch{}}}return""}var Rt=Object.prototype.hasOwnProperty,Ht={},di=O.ReactDebugCurrentFrame;function qt(u){if(u){var k=u._owner,$=dr(u.type,u._source,k?k.type:null);di.setExtraStackFrame($)}else di.setExtraStackFrame(null)}function ft(u,k,$,N,ie){{var ue=Function.call.bind(Rt);for(var ee in u)if(ue(u,ee)){var X=void 0;try{if(typeof u[ee]!="function"){var je=Error((N||"React class")+": "+$+" type `"+ee+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof u[ee]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw je.name="Invariant Violation",je}X=u[ee](k,ee,N,$,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(_e){X=_e}X&&!(X instanceof Error)&&(qt(ie),R("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",N||"React class",$,ee,typeof X),qt(null)),X instanceof Error&&!(X.message in Ht)&&(Ht[X.message]=!0,qt(ie),R("Failed %s type: %s",$,X.message),qt(null))}}}var Wt=Array.isArray;function cr(u){return Wt(u)}function ci(u){{var k=typeof Symbol=="function"&&Symbol.toStringTag,$=k&&u[Symbol.toStringTag]||u.constructor.name||"Object";return $}}function ui(u){try{return ur(u),!1}catch{return!0}}function ur(u){return""+u}function jr(u){if(ui(u))return R("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",ci(u)),ur(u)}var It=O.ReactCurrentOwner,$a={key:!0,ref:!0,__self:!0,__source:!0},hi,pi,Kt;Kt={};function Ta(u){if(Rt.call(u,"ref")){var k=Object.getOwnPropertyDescriptor(u,"ref").get;if(k&&k.isReactWarning)return!1}return u.ref!==void 0}function Sa(u){if(Rt.call(u,"key")){var k=Object.getOwnPropertyDescriptor(u,"key").get;if(k&&k.isReactWarning)return!1}return u.key!==void 0}function Aa(u,k){if(typeof u.ref=="string"&&It.current&&k&&It.current.stateNode!==k){var $=$e(It.current.type);Kt[$]||(R('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref',$e(It.current.type),u.ref),Kt[$]=!0)}}function Ot(u,k){{var $=function(){hi||(hi=!0,R("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",k))};$.isReactWarning=!0,Object.defineProperty(u,"key",{get:$,configurable:!0})}}function fi(u,k){{var $=function(){pi||(pi=!0,R("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",k))};$.isReactWarning=!0,Object.defineProperty(u,"ref",{get:$,configurable:!0})}}var Ra=function(u,k,$,N,ie,ue,ee){var X={$$typeof:e,type:u,key:k,ref:$,props:ee,_owner:ue};return X._store={},Object.defineProperty(X._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(X,"_self",{configurable:!1,enumerable:!1,writable:!1,value:N}),Object.defineProperty(X,"_source",{configurable:!1,enumerable:!1,writable:!1,value:ie}),Object.freeze&&(Object.freeze(X.props),Object.freeze(X)),X};function Ia(u,k,$,N,ie){{var ue,ee={},X=null,je=null;$!==void 0&&(jr($),X=""+$),Sa(k)&&(jr(k.key),X=""+k.key),Ta(k)&&(je=k.ref,Aa(k,ie));for(ue in k)Rt.call(k,ue)&&!$a.hasOwnProperty(ue)&&(ee[ue]=k[ue]);if(u&&u.defaultProps){var _e=u.defaultProps;for(ue in _e)ee[ue]===void 0&&(ee[ue]=_e[ue])}if(X||je){var Ce=typeof u=="function"?u.displayName||u.name||"Unknown":u;X&&Ot(ee,Ce),je&&fi(ee,Ce)}return Ra(u,X,je,ie,N,It.current,ee)}}var hr=O.ReactCurrentOwner,vi=O.ReactDebugCurrentFrame;function gt(u){if(u){var k=u._owner,$=dr(u.type,u._source,k?k.type:null);vi.setExtraStackFrame($)}else vi.setExtraStackFrame(null)}var Yt;Yt=!1;function zt(u){return typeof u=="object"&&u!==null&&u.$$typeof===e}function Gt(){{if(hr.current){var u=$e(hr.current.type);if(u)return` + +Check the render method of \``+u+"`."}return""}}function Oa(u){return""}var mi={};function za(u){{var k=Gt();if(!k){var $=typeof u=="string"?u:u.displayName||u.name;$&&(k=` + +Check the top-level render call using <`+$+">.")}return k}}function bi(u,k){{if(!u._store||u._store.validated||u.key!=null)return;u._store.validated=!0;var $=za(k);if(mi[$])return;mi[$]=!0;var N="";u&&u._owner&&u._owner!==hr.current&&(N=" It was passed a child from "+$e(u._owner.type)+"."),gt(u),R('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',$,N),gt(null)}}function yi(u,k){{if(typeof u!="object")return;if(cr(u))for(var $=0;$",X=" Did you accidentally export a JSX literal instead of a component?"):_e=typeof u,R("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",_e,X)}var Ce=Ia(u,k,$,ie,ue);if(Ce==null)return Ce;if(ee){var Qe=k.children;if(Qe!==void 0)if(N)if(cr(Qe)){for(var Pt=0;Pt0?"{key: someKey, "+Ke.join(": ..., ")+": ...}":"{key: someKey}";if(!Vr[xt+Hr]){var Ma=Ke.length>0?"{"+Ke.join(": ..., ")+": ...}":"{}";R(`A props object containing a "key" prop is being spread into JSX: + let props = %s; + <%s {...props} /> +React keys must be passed directly to JSX without using spread: + let props = %s; + <%s key={someKey} {...props} />`,Hr,xt,Ma,xt),Vr[xt+Hr]=!0}}return u===o?Ur(Ce):Xt(Ce),Ce}}function Pa(u,k,$){return gi(u,k,$,!0)}function La(u,k,$){return gi(u,k,$,!1)}var Fa=La,xi=Pa;yr.Fragment=o,yr.jsx=Fa,yr.jsxs=xi}()),yr}process.env.NODE_ENV==="production"?Si.exports=sl():Si.exports=ll();var V=Si.exports;/** + * @license + * Copyright 2018 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + */const dl=new Set(["children","localName","ref","style","className"]),Ja=new WeakMap,Qa=(r,e,t,o,i)=>{const a=i==null?void 0:i[e];a===void 0?(r[e]=t,t==null&&e in HTMLElement.prototype&&r.removeAttribute(e)):t!==o&&((s,d,h)=>{let y=Ja.get(s);y===void 0&&Ja.set(s,y=new Map);let v=y.get(d);h!==void 0?v===void 0?(y.set(d,v={handleEvent:h}),s.addEventListener(d,v)):v.handleEvent=h:v!==void 0&&(y.delete(d),s.removeEventListener(d,v))})(r,a,t)},Q=({react:r,tagName:e,elementClass:t,events:o,displayName:i})=>{const a=new Set(Object.keys(o??{})),s=r.forwardRef((d,h)=>{const y=r.useRef(new Map),v=r.useRef(null),f={},C={};for(const[w,A]of Object.entries(d))dl.has(w)?f[w==="className"?"class":w]=A:a.has(w)||w in t.prototype?C[w]=A:f[w]=A;return r.useLayoutEffect(()=>{if(v.current===null)return;const w=new Map;for(const A in C)Qa(v.current,A,d[A],y.current.get(A),o),y.current.delete(A),w.set(A,d[A]);for(const[A,S]of y.current)Qa(v.current,A,void 0,S,o);y.current=w}),r.useLayoutEffect(()=>{var w;(w=v.current)==null||w.removeAttribute("defer-hydration")},[]),f.suppressHydrationWarning=!0,r.createElement(e,{...f,ref:r.useCallback(w=>{v.current=w,typeof h=="function"?h(w):h!==null&&(h.current=w)},[h])})});return s.displayName=i??t.name,s};function l(r,e,t,o){var i=arguments.length,a=i<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(r,e,t,o);else for(var d=r.length-1;d>=0;d--)(s=r[d])&&(a=(i<3?s(a):i>3?s(e,t,a):s(e,t))||a);return i>3&&a&&Object.defineProperty(e,t,a),a}typeof SuppressedError=="function"&&SuppressedError;/** + * @license + * Copyright 2017 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + */const H=r=>(e,t)=>{t!==void 0?t.addInitializer(()=>{customElements.define(r,e)}):customElements.define(r,e)};/** + * @license + * Copyright 2019 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + */const Wr=globalThis,Ri=Wr.ShadowRoot&&(Wr.ShadyCSS===void 0||Wr.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,Ii=Symbol(),en=new WeakMap;let tn=class{constructor(e,t,o){if(this._$cssResult$=!0,o!==Ii)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if(Ri&&e===void 0){const o=t!==void 0&&t.length===1;o&&(e=en.get(t)),e===void 0&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),o&&en.set(t,e))}return e}toString(){return this.cssText}};const cl=r=>new tn(typeof r=="string"?r:r+"",void 0,Ii),L=(r,...e)=>{const t=r.length===1?r[0]:e.reduce((o,i,a)=>o+(s=>{if(s._$cssResult$===!0)return s.cssText;if(typeof s=="number")return s;throw Error("Value passed to 'css' function must be a 'css' function result: "+s+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(i)+r[a+1],r[0]);return new tn(t,r,Ii)},ul=(r,e)=>{if(Ri)r.adoptedStyleSheets=e.map(t=>t instanceof CSSStyleSheet?t:t.styleSheet);else for(const t of e){const o=document.createElement("style"),i=Wr.litNonce;i!==void 0&&o.setAttribute("nonce",i),o.textContent=t.cssText,r.appendChild(o)}},rn=Ri?r=>r:r=>r instanceof CSSStyleSheet?(e=>{let t="";for(const o of e.cssRules)t+=o.cssText;return cl(t)})(r):r;/** + * @license + * Copyright 2017 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + */const{is:hl,defineProperty:pl,getOwnPropertyDescriptor:fl,getOwnPropertyNames:vl,getOwnPropertySymbols:ml,getPrototypeOf:bl}=Object,_t=globalThis,on=_t.trustedTypes,yl=on?on.emptyScript:"",Oi=_t.reactiveElementPolyfillSupport,gr=(r,e)=>r,Kr={toAttribute(r,e){switch(e){case Boolean:r=r?yl:null;break;case Object:case Array:r=r==null?r:JSON.stringify(r)}return r},fromAttribute(r,e){let t=r;switch(e){case Boolean:t=r!==null;break;case Number:t=r===null?null:Number(r);break;case Object:case Array:try{t=JSON.parse(r)}catch{t=null}}return t}},zi=(r,e)=>!hl(r,e),an={attribute:!0,type:String,converter:Kr,reflect:!1,hasChanged:zi};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),_t.litPropertyMetadata??(_t.litPropertyMetadata=new WeakMap);class Zt extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??(this.l=[])).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=an){if(t.state&&(t.attribute=!1),this._$Ei(),this.elementProperties.set(e,t),!t.noAccessor){const o=Symbol(),i=this.getPropertyDescriptor(e,o,t);i!==void 0&&pl(this.prototype,e,i)}}static getPropertyDescriptor(e,t,o){const{get:i,set:a}=fl(this.prototype,e)??{get(){return this[t]},set(s){this[t]=s}};return{get(){return i==null?void 0:i.call(this)},set(s){const d=i==null?void 0:i.call(this);a.call(this,s),this.requestUpdate(e,d,o)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??an}static _$Ei(){if(this.hasOwnProperty(gr("elementProperties")))return;const e=bl(this);e.finalize(),e.l!==void 0&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(gr("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(gr("properties"))){const t=this.properties,o=[...vl(t),...ml(t)];for(const i of o)this.createProperty(i,t[i])}const e=this[Symbol.metadata];if(e!==null){const t=litPropertyMetadata.get(e);if(t!==void 0)for(const[o,i]of t)this.elementProperties.set(o,i)}this._$Eh=new Map;for(const[t,o]of this.elementProperties){const i=this._$Eu(t,o);i!==void 0&&this._$Eh.set(i,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const o=new Set(e.flat(1/0).reverse());for(const i of o)t.unshift(rn(i))}else e!==void 0&&t.push(rn(e));return t}static _$Eu(e,t){const o=t.attribute;return o===!1?void 0:typeof o=="string"?o:typeof e=="string"?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){var e;this._$ES=new Promise(t=>this.enableUpdating=t),this._$AL=new Map,this._$E_(),this.requestUpdate(),(e=this.constructor.l)==null||e.forEach(t=>t(this))}addController(e){var t;(this._$EO??(this._$EO=new Set)).add(e),this.renderRoot!==void 0&&this.isConnected&&((t=e.hostConnected)==null||t.call(e))}removeController(e){var t;(t=this._$EO)==null||t.delete(e)}_$E_(){const e=new Map,t=this.constructor.elementProperties;for(const o of t.keys())this.hasOwnProperty(o)&&(e.set(o,this[o]),delete this[o]);e.size>0&&(this._$Ep=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return ul(e,this.constructor.elementStyles),e}connectedCallback(){var e;this.renderRoot??(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(e=this._$EO)==null||e.forEach(t=>{var o;return(o=t.hostConnected)==null?void 0:o.call(t)})}enableUpdating(e){}disconnectedCallback(){var e;(e=this._$EO)==null||e.forEach(t=>{var o;return(o=t.hostDisconnected)==null?void 0:o.call(t)})}attributeChangedCallback(e,t,o){this._$AK(e,o)}_$EC(e,t){var a;const o=this.constructor.elementProperties.get(e),i=this.constructor._$Eu(e,o);if(i!==void 0&&o.reflect===!0){const s=(((a=o.converter)==null?void 0:a.toAttribute)!==void 0?o.converter:Kr).toAttribute(t,o.type);this._$Em=e,s==null?this.removeAttribute(i):this.setAttribute(i,s),this._$Em=null}}_$AK(e,t){var a;const o=this.constructor,i=o._$Eh.get(e);if(i!==void 0&&this._$Em!==i){const s=o.getPropertyOptions(i),d=typeof s.converter=="function"?{fromAttribute:s.converter}:((a=s.converter)==null?void 0:a.fromAttribute)!==void 0?s.converter:Kr;this._$Em=i,this[i]=d.fromAttribute(t,s.type),this._$Em=null}}requestUpdate(e,t,o){if(e!==void 0){if(o??(o=this.constructor.getPropertyOptions(e)),!(o.hasChanged??zi)(this[e],t))return;this.P(e,t,o)}this.isUpdatePending===!1&&(this._$ES=this._$ET())}P(e,t,o){this._$AL.has(e)||this._$AL.set(e,t),o.reflect===!0&&this._$Em!==e&&(this._$Ej??(this._$Ej=new Set)).add(e)}async _$ET(){this.isUpdatePending=!0;try{await this._$ES}catch(t){Promise.reject(t)}const e=this.scheduleUpdate();return e!=null&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var o;if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??(this.renderRoot=this.createRenderRoot()),this._$Ep){for(const[a,s]of this._$Ep)this[a]=s;this._$Ep=void 0}const i=this.constructor.elementProperties;if(i.size>0)for(const[a,s]of i)s.wrapped!==!0||this._$AL.has(a)||this[a]===void 0||this.P(a,this[a],s)}let e=!1;const t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),(o=this._$EO)==null||o.forEach(i=>{var a;return(a=i.hostUpdate)==null?void 0:a.call(i)}),this.update(t)):this._$EU()}catch(i){throw e=!1,this._$EU(),i}e&&this._$AE(t)}willUpdate(e){}_$AE(e){var t;(t=this._$EO)==null||t.forEach(o=>{var i;return(i=o.hostUpdated)==null?void 0:i.call(o)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EU(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Ej&&(this._$Ej=this._$Ej.forEach(t=>this._$EC(t,this[t]))),this._$EU()}updated(e){}firstUpdated(e){}}Zt.elementStyles=[],Zt.shadowRootOptions={mode:"open"},Zt[gr("elementProperties")]=new Map,Zt[gr("finalized")]=new Map,Oi==null||Oi({ReactiveElement:Zt}),(_t.reactiveElementVersions??(_t.reactiveElementVersions=[])).push("2.0.4");/** + * @license + * Copyright 2017 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + */const gl={attribute:!0,type:String,converter:Kr,reflect:!1,hasChanged:zi},xl=(r=gl,e,t)=>{const{kind:o,metadata:i}=t;let a=globalThis.litPropertyMetadata.get(i);if(a===void 0&&globalThis.litPropertyMetadata.set(i,a=new Map),a.set(t.name,r),o==="accessor"){const{name:s}=t;return{set(d){const h=e.get.call(this);e.set.call(this,d),this.requestUpdate(s,h,r)},init(d){return d!==void 0&&this.P(s,void 0,r),d}}}if(o==="setter"){const{name:s}=t;return function(d){const h=this[s];e.call(this,d),this.requestUpdate(s,h,r)}}throw Error("Unsupported decorator location: "+o)};function p(r){return(e,t)=>typeof t=="object"?xl(r,e,t):((o,i,a)=>{const s=i.hasOwnProperty(a);return i.constructor.createProperty(a,s?{...o,wrapped:!0}:o),s?Object.getOwnPropertyDescriptor(i,a):void 0})(r,e,t)}/** + * @license + * Copyright 2017 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + */function ae(r){return p({...r,state:!0,attribute:!1})}/** + * @license + * Copyright 2017 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + */const xr=(r,e,t)=>(t.configurable=!0,t.enumerable=!0,Reflect.decorate&&typeof e!="object"&&Object.defineProperty(r,e,t),t);/** + * @license + * Copyright 2017 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + */function Y(r,e){return(t,o,i)=>{const a=s=>{var d;return((d=s.renderRoot)==null?void 0:d.querySelector(r))??null};return xr(t,o,{get(){return a(this)}})}}/** + * @license + * Copyright 2017 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + */let _l;function wl(r){return(e,t)=>xr(e,t,{get(){return(this.renderRoot??_l??(_l=document.createDocumentFragment())).querySelectorAll(r)}})}/** + * @license + * Copyright 2017 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + */function nn(r){return(e,t)=>xr(e,t,{async get(){var o;return await this.updateComplete,((o=this.renderRoot)==null?void 0:o.querySelector(r))??null}})}/** + * @license + * Copyright 2021 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + */function He(r){return(e,t)=>{const{slot:o,selector:i}=r??{},a="slot"+(o?`[name=${o}]`:":not([name])");return xr(e,t,{get(){var h;const s=(h=this.renderRoot)==null?void 0:h.querySelector(a),d=(s==null?void 0:s.assignedElements(r))??[];return i===void 0?d:d.filter(y=>y.matches(i))}})}}/** + * @license + * Copyright 2017 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + */function Pi(r){return(e,t)=>{const{slot:o}=r??{},i="slot"+(o?`[name=${o}]`:":not([name])");return xr(e,t,{get(){var s;const a=(s=this.renderRoot)==null?void 0:s.querySelector(i);return(a==null?void 0:a.assignedNodes(r))??[]}})}}/** + * @license + * Copyright 2017 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + */const _r=globalThis,Yr=_r.trustedTypes,sn=Yr?Yr.createPolicy("lit-html",{createHTML:r=>r}):void 0,ln="$lit$",wt=`lit$${Math.random().toFixed(9).slice(2)}$`,dn="?"+wt,kl=`<${dn}>`,Lt=document,wr=()=>Lt.createComment(""),kr=r=>r===null||typeof r!="object"&&typeof r!="function",Li=Array.isArray,Cl=r=>Li(r)||typeof(r==null?void 0:r[Symbol.iterator])=="function",Fi=`[ +\f\r]`,Cr=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,cn=/-->/g,un=/>/g,Ft=RegExp(`>|${Fi}(?:([^\\s"'>=/]+)(${Fi}*=${Fi}*(?:[^ +\f\r"'\`<>=]|("|')|))|$)`,"g"),hn=/'/g,pn=/"/g,fn=/^(?:script|style|textarea|title)$/i,El=r=>(e,...t)=>({_$litType$:r,strings:e,values:t}),_=El(1),rt=Symbol.for("lit-noChange"),x=Symbol.for("lit-nothing"),vn=new WeakMap,Mt=Lt.createTreeWalker(Lt,129);function mn(r,e){if(!Li(r)||!r.hasOwnProperty("raw"))throw Error("invalid template strings array");return sn!==void 0?sn.createHTML(e):e}const $l=(r,e)=>{const t=r.length-1,o=[];let i,a=e===2?"":e===3?"":"",s=Cr;for(let d=0;d"?(s=i??Cr,f=-1):v[1]===void 0?f=-2:(f=s.lastIndex-v[2].length,y=v[1],s=v[3]===void 0?Ft:v[3]==='"'?pn:hn):s===pn||s===hn?s=Ft:s===cn||s===un?s=Cr:(s=Ft,i=void 0);const w=s===Ft&&r[d+1].startsWith("/>")?" ":"";a+=s===Cr?h+kl:f>=0?(o.push(y),h.slice(0,f)+ln+h.slice(f)+wt+w):h+wt+(f===-2?d:w)}return[mn(r,a+(r[t]||"")+(e===2?"":e===3?"":"")),o]};class Er{constructor({strings:e,_$litType$:t},o){let i;this.parts=[];let a=0,s=0;const d=e.length-1,h=this.parts,[y,v]=$l(e,t);if(this.el=Er.createElement(y,o),Mt.currentNode=this.el.content,t===2||t===3){const f=this.el.content.firstChild;f.replaceWith(...f.childNodes)}for(;(i=Mt.nextNode())!==null&&h.length0){i.textContent=Yr?Yr.emptyScript:"";for(let w=0;w2||o[0]!==""||o[1]!==""?(this._$AH=Array(o.length-1).fill(new String),this.strings=o):this._$AH=x}_$AI(e,t=this,o,i){const a=this.strings;let s=!1;if(a===void 0)e=Jt(this,e,t,0),s=!kr(e)||e!==this._$AH&&e!==rt,s&&(this._$AH=e);else{const d=e;let h,y;for(e=a[0],h=0;h{const o=(t==null?void 0:t.renderBefore)??e;let i=o._$litPart$;if(i===void 0){const a=(t==null?void 0:t.renderBefore)??null;o._$litPart$=i=new $r(e.insertBefore(wr(),a),a,void 0,t??{})}return i._$AI(r),i};/** + * @license + * Copyright 2017 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + */class W extends Zt{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var t;const e=super.createRenderRoot();return(t=this.renderOptions).renderBefore??(t.renderBefore=e.firstChild),e}update(e){const t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=Di(t,this.renderRoot,this.renderOptions)}connectedCallback(){var e;super.connectedCallback(),(e=this._$Do)==null||e.setConnected(!0)}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this._$Do)==null||e.setConnected(!1)}render(){return rt}}W._$litElement$=!0,W.finalized=!0,(zs=globalThis.litElementHydrateSupport)==null||zs.call(globalThis,{LitElement:W});const Ni=globalThis.litElementPolyfillSupport;Ni==null||Ni({LitElement:W}),(globalThis.litElementVersions??(globalThis.litElementVersions=[])).push("4.1.1");/** + * @license + * Copyright 2022 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + */const Ol=!1;/** + * @license + * Copyright 2017 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + */const kt={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},Bi=r=>(...e)=>({_$litDirective$:r,values:e});let ji=class{constructor(e){}get _$AU(){return this._$AM._$AU}_$AT(e,t,o){this._$Ct=e,this._$AM=t,this._$Ci=o}_$AS(e,t){return this.update(e,t)}update(e,t){return this.render(...t)}};/** + * @license + * Copyright 2018 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + */const be=Bi(class extends ji{constructor(r){var e;if(super(r),r.type!==kt.ATTRIBUTE||r.name!=="class"||((e=r.strings)==null?void 0:e.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(r){return" "+Object.keys(r).filter(e=>r[e]).join(" ")+" "}update(r,[e]){var o,i;if(this.st===void 0){this.st=new Set,r.strings!==void 0&&(this.nt=new Set(r.strings.join(" ").split(/\s/).filter(a=>a!=="")));for(const a in e)e[a]&&!((o=this.nt)!=null&&o.has(a))&&this.st.add(a);return this.render(e)}const t=r.element.classList;for(const a of this.st)a in e||(t.remove(a),this.st.delete(a));for(const a in e){const s=!!e[a];s===this.st.has(a)||(i=this.nt)!=null&&i.has(a)||(s?(t.add(a),this.st.add(a)):(t.remove(a),this.st.delete(a)))}return rt}});/** + * @license + * Copyright 2021 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const at={STANDARD:"cubic-bezier(0.2, 0, 0, 1)",STANDARD_ACCELERATE:"cubic-bezier(.3,0,1,1)",STANDARD_DECELERATE:"cubic-bezier(0,0,0,1)",EMPHASIZED:"cubic-bezier(.3,0,0,1)",EMPHASIZED_ACCELERATE:"cubic-bezier(.3,0,.8,.15)",EMPHASIZED_DECELERATE:"cubic-bezier(.05,.7,.1,1)"};function zl(){let r=null;return{start(){return r==null||r.abort(),r=new AbortController,r.signal},finish(){r=null}}}/** + * @license + * Copyright 2021 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */class xe extends W{constructor(){super(...arguments),this.disabled=!1,this.error=!1,this.focused=!1,this.label="",this.noAsterisk=!1,this.populated=!1,this.required=!1,this.resizable=!1,this.supportingText="",this.errorText="",this.count=-1,this.max=-1,this.hasStart=!1,this.hasEnd=!1,this.isAnimating=!1,this.refreshErrorAlert=!1,this.disableTransitions=!1}get counterText(){const e=this.count??-1,t=this.max??-1;return e<0||t<=0?"":`${e} / ${t}`}get supportingOrErrorText(){return this.error&&this.errorText?this.errorText:this.supportingText}reannounceError(){this.refreshErrorAlert=!0}update(e){e.has("disabled")&&e.get("disabled")!==void 0&&(this.disableTransitions=!0),this.disabled&&this.focused&&(e.set("focused",!0),this.focused=!1),this.animateLabelIfNeeded({wasFocused:e.get("focused"),wasPopulated:e.get("populated")}),super.update(e)}render(){var a,s,d,h;const e=this.renderLabel(!0),t=this.renderLabel(!1),o=(a=this.renderOutline)==null?void 0:a.call(this,e),i={disabled:this.disabled,"disable-transitions":this.disableTransitions,error:this.error&&!this.disabled,focused:this.focused,"with-start":this.hasStart,"with-end":this.hasEnd,populated:this.populated,resizable:this.resizable,required:this.required,"no-label":!this.label};return _` +
    +
    + ${(s=this.renderBackground)==null?void 0:s.call(this)} + + ${(d=this.renderStateLayer)==null?void 0:d.call(this)} ${(h=this.renderIndicator)==null?void 0:h.call(this)} ${o} +
    +
    + +
    +
    +
    + ${t} ${o?x:e} +
    +
    + +
    +
    +
    + +
    +
    +
    + ${this.renderSupportingText()} +
    + `}updated(e){(e.has("supportingText")||e.has("errorText")||e.has("count")||e.has("max"))&&this.updateSlottedAriaDescribedBy(),this.refreshErrorAlert&&requestAnimationFrame(()=>{this.refreshErrorAlert=!1}),this.disableTransitions&&requestAnimationFrame(()=>{this.disableTransitions=!1})}renderSupportingText(){const{supportingOrErrorText:e,counterText:t}=this;if(!e&&!t)return x;const o=_`${e}`,i=t?_`${t}`:x,s=this.error&&this.errorText&&!this.refreshErrorAlert?"alert":x;return _` +
    ${o}${i}
    + + `}updateSlottedAriaDescribedBy(){for(const e of this.slottedAriaDescribedBy)Di(_`${this.supportingOrErrorText} ${this.counterText}`,e),e.setAttribute("hidden","")}renderLabel(e){if(!this.label)return x;let t;e?t=this.focused||this.populated||this.isAnimating:t=!this.focused&&!this.populated&&!this.isAnimating;const o={hidden:!t,floating:e,resting:!e},i=`${this.label}${this.required&&!this.noAsterisk?"*":""}`;return _` + ${i} + `}animateLabelIfNeeded({wasFocused:e,wasPopulated:t}){var a,s,d;if(!this.label)return;e??(e=this.focused),t??(t=this.populated);const o=e||t,i=this.focused||this.populated;o!==i&&(this.isAnimating=!0,(a=this.labelAnimation)==null||a.cancel(),this.labelAnimation=(s=this.floatingLabelEl)==null?void 0:s.animate(this.getLabelKeyframes(),{duration:150,easing:at.STANDARD}),(d=this.labelAnimation)==null||d.addEventListener("finish",()=>{this.isAnimating=!1}))}getLabelKeyframes(){const{floatingLabelEl:e,restingLabelEl:t}=this;if(!e||!t)return[];const{x:o,y:i,height:a}=e.getBoundingClientRect(),{x:s,y:d,height:h}=t.getBoundingClientRect(),y=e.scrollWidth,v=t.scrollWidth,f=v/y,C=s-o,w=d-i+Math.round((h-a*f)/2),A=`translateX(${C}px) translateY(${w}px) scale(${f})`,S="translateX(0) translateY(0) scale(1)",I=t.clientWidth,R=v>I?`${I/f}px`:"";return this.focused||this.populated?[{transform:A,width:R},{transform:S,width:R}]:[{transform:S,width:R},{transform:A,width:R}]}getSurfacePositionClientRect(){return this.containerEl.getBoundingClientRect()}}l([p({type:Boolean})],xe.prototype,"disabled",void 0),l([p({type:Boolean})],xe.prototype,"error",void 0),l([p({type:Boolean})],xe.prototype,"focused",void 0),l([p()],xe.prototype,"label",void 0),l([p({type:Boolean,attribute:"no-asterisk"})],xe.prototype,"noAsterisk",void 0),l([p({type:Boolean})],xe.prototype,"populated",void 0),l([p({type:Boolean})],xe.prototype,"required",void 0),l([p({type:Boolean})],xe.prototype,"resizable",void 0),l([p({attribute:"supporting-text"})],xe.prototype,"supportingText",void 0),l([p({attribute:"error-text"})],xe.prototype,"errorText",void 0),l([p({type:Number})],xe.prototype,"count",void 0),l([p({type:Number})],xe.prototype,"max",void 0),l([p({type:Boolean,attribute:"has-start"})],xe.prototype,"hasStart",void 0),l([p({type:Boolean,attribute:"has-end"})],xe.prototype,"hasEnd",void 0),l([He({slot:"aria-describedby"})],xe.prototype,"slottedAriaDescribedBy",void 0),l([ae()],xe.prototype,"isAnimating",void 0),l([ae()],xe.prototype,"refreshErrorAlert",void 0),l([ae()],xe.prototype,"disableTransitions",void 0),l([Y(".label.floating")],xe.prototype,"floatingLabelEl",void 0),l([Y(".label.resting")],xe.prototype,"restingLabelEl",void 0),l([Y(".container")],xe.prototype,"containerEl",void 0);/** + * @license + * Copyright 2021 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */class Pl extends xe{renderBackground(){return _`
    `}renderStateLayer(){return _`
    `}renderIndicator(){return _`
    `}}/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const Ll=L`@layer styles{:host{--_active-indicator-color: var(--md-filled-field-active-indicator-color, var(--md-sys-color-on-surface-variant, #49454f));--_active-indicator-height: var(--md-filled-field-active-indicator-height, 1px);--_bottom-space: var(--md-filled-field-bottom-space, 16px);--_container-color: var(--md-filled-field-container-color, var(--md-sys-color-surface-container-highest, #e6e0e9));--_content-color: var(--md-filled-field-content-color, var(--md-sys-color-on-surface, #1d1b20));--_content-font: var(--md-filled-field-content-font, var(--md-sys-typescale-body-large-font, var(--md-ref-typeface-plain, Roboto)));--_content-line-height: var(--md-filled-field-content-line-height, var(--md-sys-typescale-body-large-line-height, 1.5rem));--_content-size: var(--md-filled-field-content-size, var(--md-sys-typescale-body-large-size, 1rem));--_content-space: var(--md-filled-field-content-space, 16px);--_content-weight: var(--md-filled-field-content-weight, var(--md-sys-typescale-body-large-weight, var(--md-ref-typeface-weight-regular, 400)));--_disabled-active-indicator-color: var(--md-filled-field-disabled-active-indicator-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-active-indicator-height: var(--md-filled-field-disabled-active-indicator-height, 1px);--_disabled-active-indicator-opacity: var(--md-filled-field-disabled-active-indicator-opacity, 0.38);--_disabled-container-color: var(--md-filled-field-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-container-opacity: var(--md-filled-field-disabled-container-opacity, 0.04);--_disabled-content-color: var(--md-filled-field-disabled-content-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-content-opacity: var(--md-filled-field-disabled-content-opacity, 0.38);--_disabled-label-text-color: var(--md-filled-field-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-label-text-opacity: var(--md-filled-field-disabled-label-text-opacity, 0.38);--_disabled-leading-content-color: var(--md-filled-field-disabled-leading-content-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-leading-content-opacity: var(--md-filled-field-disabled-leading-content-opacity, 0.38);--_disabled-supporting-text-color: var(--md-filled-field-disabled-supporting-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-supporting-text-opacity: var(--md-filled-field-disabled-supporting-text-opacity, 0.38);--_disabled-trailing-content-color: var(--md-filled-field-disabled-trailing-content-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-trailing-content-opacity: var(--md-filled-field-disabled-trailing-content-opacity, 0.38);--_error-active-indicator-color: var(--md-filled-field-error-active-indicator-color, var(--md-sys-color-error, #b3261e));--_error-content-color: var(--md-filled-field-error-content-color, var(--md-sys-color-on-surface, #1d1b20));--_error-focus-active-indicator-color: var(--md-filled-field-error-focus-active-indicator-color, var(--md-sys-color-error, #b3261e));--_error-focus-content-color: var(--md-filled-field-error-focus-content-color, var(--md-sys-color-on-surface-variant, #49454f));--_error-focus-label-text-color: var(--md-filled-field-error-focus-label-text-color, var(--md-sys-color-error, #b3261e));--_error-focus-leading-content-color: var(--md-filled-field-error-focus-leading-content-color, var(--md-sys-color-on-surface-variant, #49454f));--_error-focus-supporting-text-color: var(--md-filled-field-error-focus-supporting-text-color, var(--md-sys-color-error, #b3261e));--_error-focus-trailing-content-color: var(--md-filled-field-error-focus-trailing-content-color, var(--md-sys-color-error, #b3261e));--_error-hover-active-indicator-color: var(--md-filled-field-error-hover-active-indicator-color, var(--md-sys-color-on-error-container, #410e0b));--_error-hover-content-color: var(--md-filled-field-error-hover-content-color, var(--md-sys-color-on-surface, #1d1b20));--_error-hover-label-text-color: var(--md-filled-field-error-hover-label-text-color, var(--md-sys-color-on-error-container, #410e0b));--_error-hover-leading-content-color: var(--md-filled-field-error-hover-leading-content-color, var(--md-sys-color-on-surface-variant, #49454f));--_error-hover-state-layer-color: var(--md-filled-field-error-hover-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--_error-hover-state-layer-opacity: var(--md-filled-field-error-hover-state-layer-opacity, 0.08);--_error-hover-supporting-text-color: var(--md-filled-field-error-hover-supporting-text-color, var(--md-sys-color-error, #b3261e));--_error-hover-trailing-content-color: var(--md-filled-field-error-hover-trailing-content-color, var(--md-sys-color-on-error-container, #410e0b));--_error-label-text-color: var(--md-filled-field-error-label-text-color, var(--md-sys-color-error, #b3261e));--_error-leading-content-color: var(--md-filled-field-error-leading-content-color, var(--md-sys-color-on-surface-variant, #49454f));--_error-supporting-text-color: var(--md-filled-field-error-supporting-text-color, var(--md-sys-color-error, #b3261e));--_error-trailing-content-color: var(--md-filled-field-error-trailing-content-color, var(--md-sys-color-error, #b3261e));--_focus-active-indicator-color: var(--md-filled-field-focus-active-indicator-color, var(--md-sys-color-primary, #6750a4));--_focus-active-indicator-height: var(--md-filled-field-focus-active-indicator-height, 3px);--_focus-content-color: var(--md-filled-field-focus-content-color, var(--md-sys-color-on-surface, #1d1b20));--_focus-label-text-color: var(--md-filled-field-focus-label-text-color, var(--md-sys-color-primary, #6750a4));--_focus-leading-content-color: var(--md-filled-field-focus-leading-content-color, var(--md-sys-color-on-surface-variant, #49454f));--_focus-supporting-text-color: var(--md-filled-field-focus-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_focus-trailing-content-color: var(--md-filled-field-focus-trailing-content-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-active-indicator-color: var(--md-filled-field-hover-active-indicator-color, var(--md-sys-color-on-surface, #1d1b20));--_hover-active-indicator-height: var(--md-filled-field-hover-active-indicator-height, 1px);--_hover-content-color: var(--md-filled-field-hover-content-color, var(--md-sys-color-on-surface, #1d1b20));--_hover-label-text-color: var(--md-filled-field-hover-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-leading-content-color: var(--md-filled-field-hover-leading-content-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-state-layer-color: var(--md-filled-field-hover-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--_hover-state-layer-opacity: var(--md-filled-field-hover-state-layer-opacity, 0.08);--_hover-supporting-text-color: var(--md-filled-field-hover-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-trailing-content-color: var(--md-filled-field-hover-trailing-content-color, var(--md-sys-color-on-surface-variant, #49454f));--_label-text-color: var(--md-filled-field-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_label-text-font: var(--md-filled-field-label-text-font, var(--md-sys-typescale-body-large-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-filled-field-label-text-line-height, var(--md-sys-typescale-body-large-line-height, 1.5rem));--_label-text-populated-line-height: var(--md-filled-field-label-text-populated-line-height, var(--md-sys-typescale-body-small-line-height, 1rem));--_label-text-populated-size: var(--md-filled-field-label-text-populated-size, var(--md-sys-typescale-body-small-size, 0.75rem));--_label-text-size: var(--md-filled-field-label-text-size, var(--md-sys-typescale-body-large-size, 1rem));--_label-text-weight: var(--md-filled-field-label-text-weight, var(--md-sys-typescale-body-large-weight, var(--md-ref-typeface-weight-regular, 400)));--_leading-content-color: var(--md-filled-field-leading-content-color, var(--md-sys-color-on-surface-variant, #49454f));--_leading-space: var(--md-filled-field-leading-space, 16px);--_supporting-text-color: var(--md-filled-field-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_supporting-text-font: var(--md-filled-field-supporting-text-font, var(--md-sys-typescale-body-small-font, var(--md-ref-typeface-plain, Roboto)));--_supporting-text-leading-space: var(--md-filled-field-supporting-text-leading-space, 16px);--_supporting-text-line-height: var(--md-filled-field-supporting-text-line-height, var(--md-sys-typescale-body-small-line-height, 1rem));--_supporting-text-size: var(--md-filled-field-supporting-text-size, var(--md-sys-typescale-body-small-size, 0.75rem));--_supporting-text-top-space: var(--md-filled-field-supporting-text-top-space, 4px);--_supporting-text-trailing-space: var(--md-filled-field-supporting-text-trailing-space, 16px);--_supporting-text-weight: var(--md-filled-field-supporting-text-weight, var(--md-sys-typescale-body-small-weight, var(--md-ref-typeface-weight-regular, 400)));--_top-space: var(--md-filled-field-top-space, 16px);--_trailing-content-color: var(--md-filled-field-trailing-content-color, var(--md-sys-color-on-surface-variant, #49454f));--_trailing-space: var(--md-filled-field-trailing-space, 16px);--_with-label-bottom-space: var(--md-filled-field-with-label-bottom-space, 8px);--_with-label-top-space: var(--md-filled-field-with-label-top-space, 8px);--_with-leading-content-leading-space: var(--md-filled-field-with-leading-content-leading-space, 12px);--_with-trailing-content-trailing-space: var(--md-filled-field-with-trailing-content-trailing-space, 12px);--_container-shape-start-start: var(--md-filled-field-container-shape-start-start, var(--md-filled-field-container-shape, var(--md-sys-shape-corner-extra-small, 4px)));--_container-shape-start-end: var(--md-filled-field-container-shape-start-end, var(--md-filled-field-container-shape, var(--md-sys-shape-corner-extra-small, 4px)));--_container-shape-end-end: var(--md-filled-field-container-shape-end-end, var(--md-filled-field-container-shape, var(--md-sys-shape-corner-none, 0px)));--_container-shape-end-start: var(--md-filled-field-container-shape-end-start, var(--md-filled-field-container-shape, var(--md-sys-shape-corner-none, 0px)))}.background,.state-layer{border-radius:inherit;inset:0;pointer-events:none;position:absolute}.background{background:var(--_container-color)}.state-layer{visibility:hidden}.field:not(.disabled):hover .state-layer{visibility:visible}.label.floating{position:absolute;top:var(--_with-label-top-space)}.field:not(.with-start) .label-wrapper{margin-inline-start:var(--_leading-space)}.field:not(.with-end) .label-wrapper{margin-inline-end:var(--_trailing-space)}.active-indicator{inset:auto 0 0 0;pointer-events:none;position:absolute;width:100%;z-index:1}.active-indicator::before,.active-indicator::after{border-bottom:var(--_active-indicator-height) solid var(--_active-indicator-color);inset:auto 0 0 0;content:"";position:absolute;width:100%}.active-indicator::after{opacity:0;transition:opacity 150ms cubic-bezier(0.2, 0, 0, 1)}.focused .active-indicator::after{opacity:1}.field:not(.with-start) .content ::slotted(*){padding-inline-start:var(--_leading-space)}.field:not(.with-end) .content ::slotted(*){padding-inline-end:var(--_trailing-space)}.field:not(.no-label) .content ::slotted(:not(textarea)){padding-bottom:var(--_with-label-bottom-space);padding-top:calc(var(--_with-label-top-space) + var(--_label-text-populated-line-height))}.field:not(.no-label) .content ::slotted(textarea){margin-bottom:var(--_with-label-bottom-space);margin-top:calc(var(--_with-label-top-space) + var(--_label-text-populated-line-height))}:hover .active-indicator::before{border-bottom-color:var(--_hover-active-indicator-color);border-bottom-width:var(--_hover-active-indicator-height)}.active-indicator::after{border-bottom-color:var(--_focus-active-indicator-color);border-bottom-width:var(--_focus-active-indicator-height)}:hover .state-layer{background:var(--_hover-state-layer-color);opacity:var(--_hover-state-layer-opacity)}.disabled .active-indicator::before{border-bottom-color:var(--_disabled-active-indicator-color);border-bottom-width:var(--_disabled-active-indicator-height);opacity:var(--_disabled-active-indicator-opacity)}.disabled .background{background:var(--_disabled-container-color);opacity:var(--_disabled-container-opacity)}.error .active-indicator::before{border-bottom-color:var(--_error-active-indicator-color)}.error:hover .active-indicator::before{border-bottom-color:var(--_error-hover-active-indicator-color)}.error:hover .state-layer{background:var(--_error-hover-state-layer-color);opacity:var(--_error-hover-state-layer-opacity)}.error .active-indicator::after{border-bottom-color:var(--_error-focus-active-indicator-color)}.resizable .container{bottom:var(--_focus-active-indicator-height);clip-path:inset(var(--_focus-active-indicator-height) 0 0 0)}.resizable .container>*{top:var(--_focus-active-indicator-height)}}@layer hcm{@media(forced-colors: active){.disabled .active-indicator::before{border-color:GrayText;opacity:1}}} +`;/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const bn=L`:host{display:inline-flex;resize:both}.field{display:flex;flex:1;flex-direction:column;writing-mode:horizontal-tb;max-width:100%}.container-overflow{border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-end-radius:var(--_container-shape-end-end);border-end-start-radius:var(--_container-shape-end-start);display:flex;height:100%;position:relative}.container{align-items:center;border-radius:inherit;display:flex;flex:1;max-height:100%;min-height:100%;min-width:min-content;position:relative}.field,.container-overflow{resize:inherit}.resizable:not(.disabled) .container{resize:inherit;overflow:hidden}.disabled{pointer-events:none}slot[name=container]{border-radius:inherit}slot[name=container]::slotted(*){border-radius:inherit;inset:0;pointer-events:none;position:absolute}@layer styles{.start,.middle,.end{display:flex;box-sizing:border-box;height:100%;position:relative}.start{color:var(--_leading-content-color)}.end{color:var(--_trailing-content-color)}.start,.end{align-items:center;justify-content:center}.with-start .start{margin-inline:var(--_with-leading-content-leading-space) var(--_content-space)}.with-end .end{margin-inline:var(--_content-space) var(--_with-trailing-content-trailing-space)}.middle{align-items:stretch;align-self:baseline;flex:1}.content{color:var(--_content-color);display:flex;flex:1;opacity:0;transition:opacity 83ms cubic-bezier(0.2, 0, 0, 1)}.no-label .content,.focused .content,.populated .content{opacity:1;transition-delay:67ms}:is(.disabled,.disable-transitions) .content{transition:none}.content ::slotted(*){all:unset;color:currentColor;font-family:var(--_content-font);font-size:var(--_content-size);line-height:var(--_content-line-height);font-weight:var(--_content-weight);width:100%;overflow-wrap:revert;white-space:revert}.content ::slotted(:not(textarea)){padding-top:var(--_top-space);padding-bottom:var(--_bottom-space)}.content ::slotted(textarea){margin-top:var(--_top-space);margin-bottom:var(--_bottom-space)}:hover .content{color:var(--_hover-content-color)}:hover .start{color:var(--_hover-leading-content-color)}:hover .end{color:var(--_hover-trailing-content-color)}.focused .content{color:var(--_focus-content-color)}.focused .start{color:var(--_focus-leading-content-color)}.focused .end{color:var(--_focus-trailing-content-color)}.disabled .content{color:var(--_disabled-content-color)}.disabled.no-label .content,.disabled.focused .content,.disabled.populated .content{opacity:var(--_disabled-content-opacity)}.disabled .start{color:var(--_disabled-leading-content-color);opacity:var(--_disabled-leading-content-opacity)}.disabled .end{color:var(--_disabled-trailing-content-color);opacity:var(--_disabled-trailing-content-opacity)}.error .content{color:var(--_error-content-color)}.error .start{color:var(--_error-leading-content-color)}.error .end{color:var(--_error-trailing-content-color)}.error:hover .content{color:var(--_error-hover-content-color)}.error:hover .start{color:var(--_error-hover-leading-content-color)}.error:hover .end{color:var(--_error-hover-trailing-content-color)}.error.focused .content{color:var(--_error-focus-content-color)}.error.focused .start{color:var(--_error-focus-leading-content-color)}.error.focused .end{color:var(--_error-focus-trailing-content-color)}}@layer hcm{@media(forced-colors: active){.disabled :is(.start,.content,.end){color:GrayText;opacity:1}}}@layer styles{.label{box-sizing:border-box;color:var(--_label-text-color);overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap;z-index:1;font-family:var(--_label-text-font);font-size:var(--_label-text-size);line-height:var(--_label-text-line-height);font-weight:var(--_label-text-weight);width:min-content}.label-wrapper{inset:0;pointer-events:none;position:absolute}.label.resting{position:absolute;top:var(--_top-space)}.label.floating{font-size:var(--_label-text-populated-size);line-height:var(--_label-text-populated-line-height);transform-origin:top left}.label.hidden{opacity:0}.no-label .label{display:none}.label-wrapper{inset:0;position:absolute;text-align:initial}:hover .label{color:var(--_hover-label-text-color)}.focused .label{color:var(--_focus-label-text-color)}.disabled .label{color:var(--_disabled-label-text-color)}.disabled .label:not(.hidden){opacity:var(--_disabled-label-text-opacity)}.error .label{color:var(--_error-label-text-color)}.error:hover .label{color:var(--_error-hover-label-text-color)}.error.focused .label{color:var(--_error-focus-label-text-color)}}@layer hcm{@media(forced-colors: active){.disabled .label:not(.hidden){color:GrayText;opacity:1}}}@layer styles{.supporting-text{color:var(--_supporting-text-color);display:flex;font-family:var(--_supporting-text-font);font-size:var(--_supporting-text-size);line-height:var(--_supporting-text-line-height);font-weight:var(--_supporting-text-weight);gap:16px;justify-content:space-between;padding-inline-start:var(--_supporting-text-leading-space);padding-inline-end:var(--_supporting-text-trailing-space);padding-top:var(--_supporting-text-top-space)}.supporting-text :nth-child(2){flex-shrink:0}:hover .supporting-text{color:var(--_hover-supporting-text-color)}.focus .supporting-text{color:var(--_focus-supporting-text-color)}.disabled .supporting-text{color:var(--_disabled-supporting-text-color);opacity:var(--_disabled-supporting-text-opacity)}.error .supporting-text{color:var(--_error-supporting-text-color)}.error:hover .supporting-text{color:var(--_error-hover-supporting-text-color)}.error.focus .supporting-text{color:var(--_error-focus-supporting-text-color)}}@layer hcm{@media(forced-colors: active){.disabled .supporting-text{color:GrayText;opacity:1}}} +`;/** + * @license + * Copyright 2021 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */let Ui=class extends Pl{};Ui.styles=[bn,Ll],Ui=l([H("md-filled-field")],Ui);/** + * @license + * Copyright 2020 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + */const yn=Symbol.for(""),Fl=r=>{if((r==null?void 0:r.r)===yn)return r==null?void 0:r._$litStatic$},Xe=(r,...e)=>({_$litStatic$:e.reduce((t,o,i)=>t+(a=>{if(a._$litStatic$!==void 0)return a._$litStatic$;throw Error(`Value passed to 'literal' function must be a 'literal' result: ${a}. Use 'unsafeStatic' to pass non-literal values, but + take care to ensure page security.`)})(o)+r[i+1],r[0]),r:yn}),gn=new Map,Ml=r=>(e,...t)=>{const o=t.length;let i,a;const s=[],d=[];let h,y=0,v=!1;for(;yr.strings===void 0,Bl={},jl=(r,e=Bl)=>r._$AH=e;/** + * @license + * Copyright 2020 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + */const xn=Bi(class extends ji{constructor(r){if(super(r),r.type!==kt.PROPERTY&&r.type!==kt.ATTRIBUTE&&r.type!==kt.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!Nl(r))throw Error("`live` bindings can only contain a single expression")}render(r){return r}update(r,[e]){if(e===rt||e===x)return e;const t=r.element,o=r.name;if(r.type===kt.PROPERTY){if(e===t[o])return rt}else if(r.type===kt.BOOLEAN_ATTRIBUTE){if(!!e===t.hasAttribute(o))return rt}else if(r.type===kt.ATTRIBUTE&&t.getAttribute(o)===e+"")return rt;return jl(r),e}});/** + * @license + * Copyright 2018 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + */const _n="important",Ul=" !"+_n,Dt=Bi(class extends ji{constructor(r){var e;if(super(r),r.type!==kt.ATTRIBUTE||r.name!=="style"||((e=r.strings)==null?void 0:e.length)>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(r){return Object.keys(r).reduce((e,t)=>{const o=r[t];return o==null?e:e+`${t=t.includes("-")?t:t.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${o};`},"")}update(r,[e]){const{style:t}=r.element;if(this.ft===void 0)return this.ft=new Set(Object.keys(e)),this.render(e);for(const o of this.ft)e[o]==null&&(this.ft.delete(o),o.includes("-")?t.removeProperty(o):t[o]=null);for(const o in e){const i=e[o];if(i!=null){this.ft.add(o);const a=typeof i=="string"&&i.endsWith(Ul);o.includes("-")||a?t.setProperty(o,a?i.slice(0,-11):i,a?_n:""):t[o]=i}}return rt}});/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const wn=["role","ariaAtomic","ariaAutoComplete","ariaBusy","ariaChecked","ariaColCount","ariaColIndex","ariaColSpan","ariaCurrent","ariaDisabled","ariaExpanded","ariaHasPopup","ariaHidden","ariaInvalid","ariaKeyShortcuts","ariaLabel","ariaLevel","ariaLive","ariaModal","ariaMultiLine","ariaMultiSelectable","ariaOrientation","ariaPlaceholder","ariaPosInSet","ariaPressed","ariaReadOnly","ariaRequired","ariaRoleDescription","ariaRowCount","ariaRowIndex","ariaRowSpan","ariaSelected","ariaSetSize","ariaSort","ariaValueMax","ariaValueMin","ariaValueNow","ariaValueText"],Vl=wn.map(kn);function Vi(r){return Vl.includes(r)}function kn(r){return r.replace("aria","aria-").replace(/Elements?/g,"").toLowerCase()}/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const Xr=Symbol("privateIgnoreAttributeChangesFor");function Ze(r){var e;class t extends r{constructor(){super(...arguments),this[e]=new Set}attributeChangedCallback(i,a,s){if(!Vi(i)){super.attributeChangedCallback(i,a,s);return}if(this[Xr].has(i))return;this[Xr].add(i),this.removeAttribute(i),this[Xr].delete(i);const d=qi(i);s===null?delete this.dataset[d]:this.dataset[d]=s,this.requestUpdate(qi(i),a)}getAttribute(i){return Vi(i)?super.getAttribute(Hi(i)):super.getAttribute(i)}removeAttribute(i){super.removeAttribute(i),Vi(i)&&(super.removeAttribute(Hi(i)),this.requestUpdate())}}return e=Xr,Hl(t),t}function Hl(r){for(const e of wn){const t=kn(e),o=Hi(t),i=qi(t);r.createProperty(e,{attribute:t,noAccessor:!0}),r.createProperty(Symbol(o),{attribute:o,noAccessor:!0}),Object.defineProperty(r.prototype,e,{configurable:!0,enumerable:!0,get(){return this.dataset[i]??null},set(a){const s=this.dataset[i]??null;a!==s&&(a===null?delete this.dataset[i]:this.dataset[i]=a,this.requestUpdate(e,s))}})}}function Hi(r){return`data-${r}`}function qi(r){return r.replace(/-\w/,e=>e[1].toUpperCase())}/** + * @license + * Copyright 2022 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const ql={fromAttribute(r){return r??""},toAttribute(r){return r||null}};/** + * @license + * Copyright 2021 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */function Ct(r,e){e.bubbles&&(!r.shadowRoot||e.composed)&&e.stopPropagation();const t=Reflect.construct(e.constructor,[e.type,e]),o=r.dispatchEvent(t);return o||e.preventDefault(),o}/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const Me=Symbol("internals"),Wi=Symbol("privateInternals");function Et(r){class e extends r{get[Me](){return this[Wi]||(this[Wi]=this.attachInternals()),this[Wi]}}return e}/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const Nt=Symbol("createValidator"),Bt=Symbol("getValidityAnchor"),Ki=Symbol("privateValidator"),vt=Symbol("privateSyncValidity"),Zr=Symbol("privateCustomValidationMessage");function Sr(r){var e;class t extends r{constructor(){super(...arguments),this[e]=""}get validity(){return this[vt](),this[Me].validity}get validationMessage(){return this[vt](),this[Me].validationMessage}get willValidate(){return this[vt](),this[Me].willValidate}checkValidity(){return this[vt](),this[Me].checkValidity()}reportValidity(){return this[vt](),this[Me].reportValidity()}setCustomValidity(i){this[Zr]=i,this[vt]()}requestUpdate(i,a,s){super.requestUpdate(i,a,s),this[vt]()}firstUpdated(i){super.firstUpdated(i),this[vt]()}[(e=Zr,vt)](){this[Ki]||(this[Ki]=this[Nt]());const{validity:i,validationMessage:a}=this[Ki].getValidity(),s=!!this[Zr],d=this[Zr]||a;this[Me].setValidity({...i,customError:s},d,this[Bt]()??void 0)}[Nt](){throw new Error("Implement [createValidator]")}[Bt](){throw new Error("Implement [getValidityAnchor]")}}return t}/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const mt=Symbol("getFormValue"),Ar=Symbol("getFormState");function Qt(r){class e extends r{get form(){return this[Me].form}get labels(){return this[Me].labels}get name(){return this.getAttribute("name")??""}set name(o){this.setAttribute("name",o)}get disabled(){return this.hasAttribute("disabled")}set disabled(o){this.toggleAttribute("disabled",o)}attributeChangedCallback(o,i,a){if(o==="name"||o==="disabled"){const s=o==="disabled"?i!==null:i;this.requestUpdate(o,s);return}super.attributeChangedCallback(o,i,a)}requestUpdate(o,i,a){super.requestUpdate(o,i,a),this[Me].setFormValue(this[mt](),this[Ar]())}[mt](){throw new Error("Implement [getFormValue]")}[Ar](){return this[mt]()}formDisabledCallback(o){this.disabled=o}}return e.formAssociated=!0,l([p({noAccessor:!0})],e.prototype,"name",null),l([p({type:Boolean,noAccessor:!0})],e.prototype,"disabled",null),e}/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const Jr=Symbol("onReportValidity"),Qr=Symbol("privateCleanupFormListeners"),eo=Symbol("privateDoNotReportInvalid"),to=Symbol("privateIsSelfReportingValidity"),ro=Symbol("privateCallOnReportValidity");function Cn(r){var e,t,o;class i extends r{constructor(...s){super(...s),this[e]=new AbortController,this[t]=!1,this[o]=!1,this.addEventListener("invalid",d=>{this[eo]||!d.isTrusted||this.addEventListener("invalid",()=>{this[ro](d)},{once:!0})},{capture:!0})}checkValidity(){this[eo]=!0;const s=super.checkValidity();return this[eo]=!1,s}reportValidity(){this[to]=!0;const s=super.reportValidity();return s&&this[ro](null),this[to]=!1,s}[(e=Qr,t=eo,o=to,ro)](s){const d=s==null?void 0:s.defaultPrevented;d||(this[Jr](s),!(!d&&(s==null?void 0:s.defaultPrevented)))||(this[to]||Yl(this[Me].form,this))&&this.focus()}[Jr](s){throw new Error("Implement [onReportValidity]")}formAssociatedCallback(s){super.formAssociatedCallback&&super.formAssociatedCallback(s),this[Qr].abort(),s&&(this[Qr]=new AbortController,Wl(this,s,()=>{this[ro](null)},this[Qr].signal))}}return i}function Wl(r,e,t,o){const i=Kl(e);let a=!1,s,d=!1;i.addEventListener("before",()=>{d=!0,s=new AbortController,a=!1,r.addEventListener("invalid",()=>{a=!0},{signal:s.signal})},{signal:o}),i.addEventListener("after",()=>{d=!1,s==null||s.abort(),!a&&t()},{signal:o}),e.addEventListener("submit",()=>{d||t()},{signal:o})}const Yi=new WeakMap;function Kl(r){if(!Yi.has(r)){const e=new EventTarget;Yi.set(r,e);for(const t of["reportValidity","requestSubmit"]){const o=r[t];r[t]=function(){e.dispatchEvent(new Event("before"));const i=Reflect.apply(o,this,arguments);return e.dispatchEvent(new Event("after")),i}}}return Yi.get(r)}function Yl(r,e){if(!r)return!0;let t;for(const o of r.elements)if(o.matches(":invalid")){t=o;break}return t===e}/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */class oo{constructor(e){this.getCurrentState=e,this.currentValidity={validity:{},validationMessage:""}}getValidity(){const e=this.getCurrentState();if(!(!this.prevState||!this.equals(this.prevState,e)))return this.currentValidity;const{validity:o,validationMessage:i}=this.computeValidity(e);return this.prevState=this.copy(e),this.currentValidity={validationMessage:i,validity:{badInput:o.badInput,customError:o.customError,patternMismatch:o.patternMismatch,rangeOverflow:o.rangeOverflow,rangeUnderflow:o.rangeUnderflow,stepMismatch:o.stepMismatch,tooLong:o.tooLong,tooShort:o.tooShort,typeMismatch:o.typeMismatch,valueMissing:o.valueMissing}},this.currentValidity}}/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */class Gl extends oo{computeValidity({state:e,renderedControl:t}){let o=t;Rr(e)&&!o?(o=this.inputControl||document.createElement("input"),this.inputControl=o):o||(o=this.textAreaControl||document.createElement("textarea"),this.textAreaControl=o);const i=Rr(e)?o:null;if(i&&(i.type=e.type),o.value!==e.value&&(o.value=e.value),o.required=e.required,i){const a=e;a.pattern?i.pattern=a.pattern:i.removeAttribute("pattern"),a.min?i.min=a.min:i.removeAttribute("min"),a.max?i.max=a.max:i.removeAttribute("max"),a.step?i.step=a.step:i.removeAttribute("step")}return(e.minLength??-1)>-1?o.setAttribute("minlength",String(e.minLength)):o.removeAttribute("minlength"),(e.maxLength??-1)>-1?o.setAttribute("maxlength",String(e.maxLength)):o.removeAttribute("maxlength"),{validity:o.validity,validationMessage:o.validationMessage}}equals({state:e},{state:t}){const o=e.type===t.type&&e.value===t.value&&e.required===t.required&&e.minLength===t.minLength&&e.maxLength===t.maxLength;return!Rr(e)||!Rr(t)?o:o&&e.pattern===t.pattern&&e.min===t.min&&e.max===t.max&&e.step===t.step}copy({state:e}){return{state:Rr(e)?this.copyInput(e):this.copyTextArea(e),renderedControl:null}}copyInput(e){const{type:t,pattern:o,min:i,max:a,step:s}=e;return{...this.copySharedState(e),type:t,pattern:o,min:i,max:a,step:s}}copyTextArea(e){return{...this.copySharedState(e),type:e.type}}copySharedState({value:e,required:t,minLength:o,maxLength:i}){return{value:e,required:t,minLength:o,maxLength:i}}}function Rr(r){return r.type!=="textarea"}/** + * @license + * Copyright 2021 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const Xl=Ze(Cn(Sr(Qt(Et(W)))));let G=class extends Xl{constructor(){super(...arguments),this.error=!1,this.errorText="",this.label="",this.noAsterisk=!1,this.required=!1,this.value="",this.prefixText="",this.suffixText="",this.hasLeadingIcon=!1,this.hasTrailingIcon=!1,this.supportingText="",this.textDirection="",this.rows=2,this.cols=20,this.inputMode="",this.max="",this.maxLength=-1,this.min="",this.minLength=-1,this.noSpinner=!1,this.pattern="",this.placeholder="",this.readOnly=!1,this.multiple=!1,this.step="",this.type="text",this.autocomplete="",this.dirty=!1,this.focused=!1,this.nativeError=!1,this.nativeErrorText=""}get selectionDirection(){return this.getInputOrTextarea().selectionDirection}set selectionDirection(e){this.getInputOrTextarea().selectionDirection=e}get selectionEnd(){return this.getInputOrTextarea().selectionEnd}set selectionEnd(e){this.getInputOrTextarea().selectionEnd=e}get selectionStart(){return this.getInputOrTextarea().selectionStart}set selectionStart(e){this.getInputOrTextarea().selectionStart=e}get valueAsNumber(){const e=this.getInput();return e?e.valueAsNumber:NaN}set valueAsNumber(e){const t=this.getInput();t&&(t.valueAsNumber=e,this.value=t.value)}get valueAsDate(){const e=this.getInput();return e?e.valueAsDate:null}set valueAsDate(e){const t=this.getInput();t&&(t.valueAsDate=e,this.value=t.value)}get hasError(){return this.error||this.nativeError}select(){this.getInputOrTextarea().select()}setRangeText(...e){this.getInputOrTextarea().setRangeText(...e),this.value=this.getInputOrTextarea().value}setSelectionRange(e,t,o){this.getInputOrTextarea().setSelectionRange(e,t,o)}stepDown(e){const t=this.getInput();t&&(t.stepDown(e),this.value=t.value)}stepUp(e){const t=this.getInput();t&&(t.stepUp(e),this.value=t.value)}reset(){this.dirty=!1,this.value=this.getAttribute("value")??"",this.nativeError=!1,this.nativeErrorText=""}attributeChangedCallback(e,t,o){e==="value"&&this.dirty||super.attributeChangedCallback(e,t,o)}render(){const e={disabled:this.disabled,error:!this.disabled&&this.hasError,textarea:this.type==="textarea","no-spinner":this.noSpinner};return _` + + ${this.renderField()} + + `}updated(e){const t=this.getInputOrTextarea().value;this.value!==t&&(this.value=t)}renderField(){return Tr`<${this.fieldTag} + class="field" + count=${this.value.length} + ?disabled=${this.disabled} + ?error=${this.hasError} + error-text=${this.getErrorText()} + ?focused=${this.focused} + ?has-end=${this.hasTrailingIcon} + ?has-start=${this.hasLeadingIcon} + label=${this.label} + ?no-asterisk=${this.noAsterisk} + max=${this.maxLength} + ?populated=${!!this.value} + ?required=${this.required} + ?resizable=${this.type==="textarea"} + supporting-text=${this.supportingText} + > + ${this.renderLeadingIcon()} + ${this.renderInputOrTextarea()} + ${this.renderTrailingIcon()} +
    + + `}renderLeadingIcon(){return _` + + + + `}renderTrailingIcon(){return _` + + + + `}renderInputOrTextarea(){const e={direction:this.textDirection},t=this.ariaLabel||this.label||x,o=this.autocomplete,i=(this.maxLength??-1)>-1,a=(this.minLength??-1)>-1;if(this.type==="textarea")return _` + + `;const s=this.renderPrefix(),d=this.renderSuffix(),h=this.inputMode;return _` +
    + ${s} + + ${d} +
    + `}renderPrefix(){return this.renderAffix(this.prefixText,!1)}renderSuffix(){return this.renderAffix(this.suffixText,!0)}renderAffix(e,t){return e?_`${e}`:x}getErrorText(){return this.error?this.errorText:this.nativeErrorText}handleFocusChange(){var e;this.focused=((e=this.inputOrTextarea)==null?void 0:e.matches(":focus"))??!1}handleInput(e){this.dirty=!0,this.value=e.target.value}redispatchEvent(e){Ct(this,e)}getInputOrTextarea(){return this.inputOrTextarea||(this.connectedCallback(),this.scheduleUpdate()),this.isUpdatePending&&this.scheduleUpdate(),this.inputOrTextarea}getInput(){return this.type==="textarea"?null:this.getInputOrTextarea()}handleIconChange(){this.hasLeadingIcon=this.leadingIcons.length>0,this.hasTrailingIcon=this.trailingIcons.length>0}[mt](){return this.value}formResetCallback(){this.reset()}formStateRestoreCallback(e){this.value=e}focus(){this.getInputOrTextarea().focus()}[Nt](){return new Gl(()=>({state:this,renderedControl:this.inputOrTextarea}))}[Bt](){return this.inputOrTextarea}[Jr](e){var o;e==null||e.preventDefault();const t=this.getErrorText();this.nativeError=!!e,this.nativeErrorText=this.validationMessage,t===this.getErrorText()&&((o=this.field)==null||o.reannounceError())}};G.shadowRootOptions={...W.shadowRootOptions,delegatesFocus:!0},l([p({type:Boolean,reflect:!0})],G.prototype,"error",void 0),l([p({attribute:"error-text"})],G.prototype,"errorText",void 0),l([p()],G.prototype,"label",void 0),l([p({type:Boolean,attribute:"no-asterisk"})],G.prototype,"noAsterisk",void 0),l([p({type:Boolean,reflect:!0})],G.prototype,"required",void 0),l([p()],G.prototype,"value",void 0),l([p({attribute:"prefix-text"})],G.prototype,"prefixText",void 0),l([p({attribute:"suffix-text"})],G.prototype,"suffixText",void 0),l([p({type:Boolean,attribute:"has-leading-icon"})],G.prototype,"hasLeadingIcon",void 0),l([p({type:Boolean,attribute:"has-trailing-icon"})],G.prototype,"hasTrailingIcon",void 0),l([p({attribute:"supporting-text"})],G.prototype,"supportingText",void 0),l([p({attribute:"text-direction"})],G.prototype,"textDirection",void 0),l([p({type:Number})],G.prototype,"rows",void 0),l([p({type:Number})],G.prototype,"cols",void 0),l([p({reflect:!0})],G.prototype,"inputMode",void 0),l([p()],G.prototype,"max",void 0),l([p({type:Number})],G.prototype,"maxLength",void 0),l([p()],G.prototype,"min",void 0),l([p({type:Number})],G.prototype,"minLength",void 0),l([p({type:Boolean,attribute:"no-spinner"})],G.prototype,"noSpinner",void 0),l([p()],G.prototype,"pattern",void 0),l([p({reflect:!0,converter:ql})],G.prototype,"placeholder",void 0),l([p({type:Boolean,reflect:!0})],G.prototype,"readOnly",void 0),l([p({type:Boolean,reflect:!0})],G.prototype,"multiple",void 0),l([p()],G.prototype,"step",void 0),l([p({reflect:!0})],G.prototype,"type",void 0),l([p({reflect:!0})],G.prototype,"autocomplete",void 0),l([ae()],G.prototype,"dirty",void 0),l([ae()],G.prototype,"focused",void 0),l([ae()],G.prototype,"nativeError",void 0),l([ae()],G.prototype,"nativeErrorText",void 0),l([Y(".input")],G.prototype,"inputOrTextarea",void 0),l([Y(".field")],G.prototype,"field",void 0),l([He({slot:"leading-icon"})],G.prototype,"leadingIcons",void 0),l([He({slot:"trailing-icon"})],G.prototype,"trailingIcons",void 0);/** + * @license + * Copyright 2021 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */class Zl extends G{constructor(){super(...arguments),this.fieldTag=Xe`md-filled-field`}}/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const En=L`:host{display:inline-flex;outline:none;resize:both;text-align:start;-webkit-tap-highlight-color:rgba(0,0,0,0)}.text-field,.field{width:100%}.text-field{display:inline-flex}.field{cursor:text}.disabled .field{cursor:default}.text-field,.textarea .field{resize:inherit}slot[name=container]{border-radius:inherit}.icon{color:currentColor;display:flex;align-items:center;justify-content:center;fill:currentColor;position:relative}.icon ::slotted(*){display:flex;position:absolute}[has-start] .icon.leading{font-size:var(--_leading-icon-size);height:var(--_leading-icon-size);width:var(--_leading-icon-size)}[has-end] .icon.trailing{font-size:var(--_trailing-icon-size);height:var(--_trailing-icon-size);width:var(--_trailing-icon-size)}.input-wrapper{display:flex}.input-wrapper>*{all:inherit;padding:0}.input{caret-color:var(--_caret-color);overflow-x:hidden;text-align:inherit}.input::placeholder{color:currentColor;opacity:1}.input::-webkit-calendar-picker-indicator{display:none}.input::-webkit-search-decoration,.input::-webkit-search-cancel-button{display:none}@media(forced-colors: active){.input{background:none}}.no-spinner .input::-webkit-inner-spin-button,.no-spinner .input::-webkit-outer-spin-button{display:none}.no-spinner .input[type=number]{-moz-appearance:textfield}:focus-within .input{caret-color:var(--_focus-caret-color)}.error:focus-within .input{caret-color:var(--_error-focus-caret-color)}.text-field:not(.disabled) .prefix{color:var(--_input-text-prefix-color)}.text-field:not(.disabled) .suffix{color:var(--_input-text-suffix-color)}.text-field:not(.disabled) .input::placeholder{color:var(--_input-text-placeholder-color)}.prefix,.suffix{text-wrap:nowrap;width:min-content}.prefix{padding-inline-end:var(--_input-text-prefix-trailing-space)}.suffix{padding-inline-start:var(--_input-text-suffix-leading-space)} +`;/** + * @license + * Copyright 2021 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */let io=class extends Zl{constructor(){super(...arguments),this.fieldTag=Xe`md-filled-field`}};io.styles=[En,Dl],io=l([H("md-filled-text-field")],io);/** + * @license + * Copyright 2021 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */class Jl extends xe{renderOutline(e){return _` +
    +
    +
    +
    +
    +
    ${e}
    +
    +
    +
    + `}}/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const Ql=L`@layer styles{:host{--_bottom-space: var(--md-outlined-field-bottom-space, 16px);--_content-color: var(--md-outlined-field-content-color, var(--md-sys-color-on-surface, #1d1b20));--_content-font: var(--md-outlined-field-content-font, var(--md-sys-typescale-body-large-font, var(--md-ref-typeface-plain, Roboto)));--_content-line-height: var(--md-outlined-field-content-line-height, var(--md-sys-typescale-body-large-line-height, 1.5rem));--_content-size: var(--md-outlined-field-content-size, var(--md-sys-typescale-body-large-size, 1rem));--_content-space: var(--md-outlined-field-content-space, 16px);--_content-weight: var(--md-outlined-field-content-weight, var(--md-sys-typescale-body-large-weight, var(--md-ref-typeface-weight-regular, 400)));--_disabled-content-color: var(--md-outlined-field-disabled-content-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-content-opacity: var(--md-outlined-field-disabled-content-opacity, 0.38);--_disabled-label-text-color: var(--md-outlined-field-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-label-text-opacity: var(--md-outlined-field-disabled-label-text-opacity, 0.38);--_disabled-leading-content-color: var(--md-outlined-field-disabled-leading-content-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-leading-content-opacity: var(--md-outlined-field-disabled-leading-content-opacity, 0.38);--_disabled-outline-color: var(--md-outlined-field-disabled-outline-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-outline-opacity: var(--md-outlined-field-disabled-outline-opacity, 0.12);--_disabled-outline-width: var(--md-outlined-field-disabled-outline-width, 1px);--_disabled-supporting-text-color: var(--md-outlined-field-disabled-supporting-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-supporting-text-opacity: var(--md-outlined-field-disabled-supporting-text-opacity, 0.38);--_disabled-trailing-content-color: var(--md-outlined-field-disabled-trailing-content-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-trailing-content-opacity: var(--md-outlined-field-disabled-trailing-content-opacity, 0.38);--_error-content-color: var(--md-outlined-field-error-content-color, var(--md-sys-color-on-surface, #1d1b20));--_error-focus-content-color: var(--md-outlined-field-error-focus-content-color, var(--md-sys-color-on-surface, #1d1b20));--_error-focus-label-text-color: var(--md-outlined-field-error-focus-label-text-color, var(--md-sys-color-error, #b3261e));--_error-focus-leading-content-color: var(--md-outlined-field-error-focus-leading-content-color, var(--md-sys-color-on-surface-variant, #49454f));--_error-focus-outline-color: var(--md-outlined-field-error-focus-outline-color, var(--md-sys-color-error, #b3261e));--_error-focus-supporting-text-color: var(--md-outlined-field-error-focus-supporting-text-color, var(--md-sys-color-error, #b3261e));--_error-focus-trailing-content-color: var(--md-outlined-field-error-focus-trailing-content-color, var(--md-sys-color-error, #b3261e));--_error-hover-content-color: var(--md-outlined-field-error-hover-content-color, var(--md-sys-color-on-surface, #1d1b20));--_error-hover-label-text-color: var(--md-outlined-field-error-hover-label-text-color, var(--md-sys-color-on-error-container, #410e0b));--_error-hover-leading-content-color: var(--md-outlined-field-error-hover-leading-content-color, var(--md-sys-color-on-surface-variant, #49454f));--_error-hover-outline-color: var(--md-outlined-field-error-hover-outline-color, var(--md-sys-color-on-error-container, #410e0b));--_error-hover-supporting-text-color: var(--md-outlined-field-error-hover-supporting-text-color, var(--md-sys-color-error, #b3261e));--_error-hover-trailing-content-color: var(--md-outlined-field-error-hover-trailing-content-color, var(--md-sys-color-on-error-container, #410e0b));--_error-label-text-color: var(--md-outlined-field-error-label-text-color, var(--md-sys-color-error, #b3261e));--_error-leading-content-color: var(--md-outlined-field-error-leading-content-color, var(--md-sys-color-on-surface-variant, #49454f));--_error-outline-color: var(--md-outlined-field-error-outline-color, var(--md-sys-color-error, #b3261e));--_error-supporting-text-color: var(--md-outlined-field-error-supporting-text-color, var(--md-sys-color-error, #b3261e));--_error-trailing-content-color: var(--md-outlined-field-error-trailing-content-color, var(--md-sys-color-error, #b3261e));--_focus-content-color: var(--md-outlined-field-focus-content-color, var(--md-sys-color-on-surface, #1d1b20));--_focus-label-text-color: var(--md-outlined-field-focus-label-text-color, var(--md-sys-color-primary, #6750a4));--_focus-leading-content-color: var(--md-outlined-field-focus-leading-content-color, var(--md-sys-color-on-surface-variant, #49454f));--_focus-outline-color: var(--md-outlined-field-focus-outline-color, var(--md-sys-color-primary, #6750a4));--_focus-outline-width: var(--md-outlined-field-focus-outline-width, 3px);--_focus-supporting-text-color: var(--md-outlined-field-focus-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_focus-trailing-content-color: var(--md-outlined-field-focus-trailing-content-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-content-color: var(--md-outlined-field-hover-content-color, var(--md-sys-color-on-surface, #1d1b20));--_hover-label-text-color: var(--md-outlined-field-hover-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_hover-leading-content-color: var(--md-outlined-field-hover-leading-content-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-outline-color: var(--md-outlined-field-hover-outline-color, var(--md-sys-color-on-surface, #1d1b20));--_hover-outline-width: var(--md-outlined-field-hover-outline-width, 1px);--_hover-supporting-text-color: var(--md-outlined-field-hover-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-trailing-content-color: var(--md-outlined-field-hover-trailing-content-color, var(--md-sys-color-on-surface-variant, #49454f));--_label-text-color: var(--md-outlined-field-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_label-text-font: var(--md-outlined-field-label-text-font, var(--md-sys-typescale-body-large-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-outlined-field-label-text-line-height, var(--md-sys-typescale-body-large-line-height, 1.5rem));--_label-text-padding-bottom: var(--md-outlined-field-label-text-padding-bottom, 8px);--_label-text-populated-line-height: var(--md-outlined-field-label-text-populated-line-height, var(--md-sys-typescale-body-small-line-height, 1rem));--_label-text-populated-size: var(--md-outlined-field-label-text-populated-size, var(--md-sys-typescale-body-small-size, 0.75rem));--_label-text-size: var(--md-outlined-field-label-text-size, var(--md-sys-typescale-body-large-size, 1rem));--_label-text-weight: var(--md-outlined-field-label-text-weight, var(--md-sys-typescale-body-large-weight, var(--md-ref-typeface-weight-regular, 400)));--_leading-content-color: var(--md-outlined-field-leading-content-color, var(--md-sys-color-on-surface-variant, #49454f));--_leading-space: var(--md-outlined-field-leading-space, 16px);--_outline-color: var(--md-outlined-field-outline-color, var(--md-sys-color-outline, #79747e));--_outline-label-padding: var(--md-outlined-field-outline-label-padding, 4px);--_outline-width: var(--md-outlined-field-outline-width, 1px);--_supporting-text-color: var(--md-outlined-field-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_supporting-text-font: var(--md-outlined-field-supporting-text-font, var(--md-sys-typescale-body-small-font, var(--md-ref-typeface-plain, Roboto)));--_supporting-text-leading-space: var(--md-outlined-field-supporting-text-leading-space, 16px);--_supporting-text-line-height: var(--md-outlined-field-supporting-text-line-height, var(--md-sys-typescale-body-small-line-height, 1rem));--_supporting-text-size: var(--md-outlined-field-supporting-text-size, var(--md-sys-typescale-body-small-size, 0.75rem));--_supporting-text-top-space: var(--md-outlined-field-supporting-text-top-space, 4px);--_supporting-text-trailing-space: var(--md-outlined-field-supporting-text-trailing-space, 16px);--_supporting-text-weight: var(--md-outlined-field-supporting-text-weight, var(--md-sys-typescale-body-small-weight, var(--md-ref-typeface-weight-regular, 400)));--_top-space: var(--md-outlined-field-top-space, 16px);--_trailing-content-color: var(--md-outlined-field-trailing-content-color, var(--md-sys-color-on-surface-variant, #49454f));--_trailing-space: var(--md-outlined-field-trailing-space, 16px);--_with-leading-content-leading-space: var(--md-outlined-field-with-leading-content-leading-space, 12px);--_with-trailing-content-trailing-space: var(--md-outlined-field-with-trailing-content-trailing-space, 12px);--_container-shape-start-start: var(--md-outlined-field-container-shape-start-start, var(--md-outlined-field-container-shape, var(--md-sys-shape-corner-extra-small, 4px)));--_container-shape-start-end: var(--md-outlined-field-container-shape-start-end, var(--md-outlined-field-container-shape, var(--md-sys-shape-corner-extra-small, 4px)));--_container-shape-end-end: var(--md-outlined-field-container-shape-end-end, var(--md-outlined-field-container-shape, var(--md-sys-shape-corner-extra-small, 4px)));--_container-shape-end-start: var(--md-outlined-field-container-shape-end-start, var(--md-outlined-field-container-shape, var(--md-sys-shape-corner-extra-small, 4px)))}.outline{border-color:var(--_outline-color);border-radius:inherit;display:flex;pointer-events:none;height:100%;position:absolute;width:100%;z-index:1}.outline-start::before,.outline-start::after,.outline-panel-inactive::before,.outline-panel-inactive::after,.outline-panel-active::before,.outline-panel-active::after,.outline-end::before,.outline-end::after{border:inherit;content:"";inset:0;position:absolute}.outline-start,.outline-end{border:inherit;border-radius:inherit;box-sizing:border-box;position:relative}.outline-start::before,.outline-start::after,.outline-end::before,.outline-end::after{border-bottom-style:solid;border-top-style:solid}.outline-start::after,.outline-end::after{opacity:0;transition:opacity 150ms cubic-bezier(0.2, 0, 0, 1)}.focused .outline-start::after,.focused .outline-end::after{opacity:1}.outline-start::before,.outline-start::after{border-inline-start-style:solid;border-inline-end-style:none;border-start-start-radius:inherit;border-start-end-radius:0;border-end-start-radius:inherit;border-end-end-radius:0;margin-inline-end:var(--_outline-label-padding)}.outline-end{flex-grow:1;margin-inline-start:calc(-1*var(--_outline-label-padding))}.outline-end::before,.outline-end::after{border-inline-start-style:none;border-inline-end-style:solid;border-start-start-radius:0;border-start-end-radius:inherit;border-end-start-radius:0;border-end-end-radius:inherit}.outline-notch{align-items:flex-start;border:inherit;display:flex;margin-inline-start:calc(-1*var(--_outline-label-padding));margin-inline-end:var(--_outline-label-padding);max-width:calc(100% - var(--_leading-space) - var(--_trailing-space));padding:0 var(--_outline-label-padding);position:relative}.no-label .outline-notch{display:none}.outline-panel-inactive,.outline-panel-active{border:inherit;border-bottom-style:solid;inset:0;position:absolute}.outline-panel-inactive::before,.outline-panel-inactive::after,.outline-panel-active::before,.outline-panel-active::after{border-top-style:solid;border-bottom:none;bottom:auto;transform:scaleX(1);transition:transform 150ms cubic-bezier(0.2, 0, 0, 1)}.outline-panel-inactive::before,.outline-panel-active::before{right:50%;transform-origin:top left}.outline-panel-inactive::after,.outline-panel-active::after{left:50%;transform-origin:top right}.populated .outline-panel-inactive::before,.populated .outline-panel-inactive::after,.populated .outline-panel-active::before,.populated .outline-panel-active::after,.focused .outline-panel-inactive::before,.focused .outline-panel-inactive::after,.focused .outline-panel-active::before,.focused .outline-panel-active::after{transform:scaleX(0)}.outline-panel-active{opacity:0;transition:opacity 150ms cubic-bezier(0.2, 0, 0, 1)}.focused .outline-panel-active{opacity:1}.outline-label{display:flex;max-width:100%;transform:translateY(calc(-100% + var(--_label-text-padding-bottom)))}.outline-start,.field:not(.with-start) .content ::slotted(*){padding-inline-start:max(var(--_leading-space),max(var(--_container-shape-start-start),var(--_container-shape-end-start)) + var(--_outline-label-padding))}.field:not(.with-start) .label-wrapper{margin-inline-start:max(var(--_leading-space),max(var(--_container-shape-start-start),var(--_container-shape-end-start)) + var(--_outline-label-padding))}.field:not(.with-end) .content ::slotted(*){padding-inline-end:max(var(--_trailing-space),max(var(--_container-shape-start-end),var(--_container-shape-end-end)))}.field:not(.with-end) .label-wrapper{margin-inline-end:max(var(--_trailing-space),max(var(--_container-shape-start-end),var(--_container-shape-end-end)))}.outline-start::before,.outline-end::before,.outline-panel-inactive,.outline-panel-inactive::before,.outline-panel-inactive::after{border-width:var(--_outline-width)}:hover .outline{border-color:var(--_hover-outline-color);color:var(--_hover-outline-color)}:hover .outline-start::before,:hover .outline-end::before,:hover .outline-panel-inactive,:hover .outline-panel-inactive::before,:hover .outline-panel-inactive::after{border-width:var(--_hover-outline-width)}.focused .outline{border-color:var(--_focus-outline-color);color:var(--_focus-outline-color)}.outline-start::after,.outline-end::after,.outline-panel-active,.outline-panel-active::before,.outline-panel-active::after{border-width:var(--_focus-outline-width)}.disabled .outline{border-color:var(--_disabled-outline-color);color:var(--_disabled-outline-color)}.disabled .outline-start,.disabled .outline-end,.disabled .outline-panel-inactive{opacity:var(--_disabled-outline-opacity)}.disabled .outline-start::before,.disabled .outline-end::before,.disabled .outline-panel-inactive,.disabled .outline-panel-inactive::before,.disabled .outline-panel-inactive::after{border-width:var(--_disabled-outline-width)}.error .outline{border-color:var(--_error-outline-color);color:var(--_error-outline-color)}.error:hover .outline{border-color:var(--_error-hover-outline-color);color:var(--_error-hover-outline-color)}.error.focused .outline{border-color:var(--_error-focus-outline-color);color:var(--_error-focus-outline-color)}.resizable .container{bottom:var(--_focus-outline-width);inset-inline-end:var(--_focus-outline-width);clip-path:inset(var(--_focus-outline-width) 0 0 var(--_focus-outline-width))}.resizable .container>*{top:var(--_focus-outline-width);inset-inline-start:var(--_focus-outline-width)}.resizable .container:dir(rtl){clip-path:inset(var(--_focus-outline-width) var(--_focus-outline-width) 0 0)}}@layer hcm{@media(forced-colors: active){.disabled .outline{border-color:GrayText;color:GrayText}.disabled :is(.outline-start,.outline-end,.outline-panel-inactive){opacity:1}}} +`;/** + * @license + * Copyright 2021 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */let Gi=class extends Jl{};Gi.styles=[bn,Ql],Gi=l([H("md-outlined-field")],Gi);/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const ed=L`:host{--_caret-color: var(--md-outlined-text-field-caret-color, var(--md-sys-color-primary, #6750a4));--_disabled-input-text-color: var(--md-outlined-text-field-disabled-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-input-text-opacity: var(--md-outlined-text-field-disabled-input-text-opacity, 0.38);--_disabled-label-text-color: var(--md-outlined-text-field-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-label-text-opacity: var(--md-outlined-text-field-disabled-label-text-opacity, 0.38);--_disabled-leading-icon-color: var(--md-outlined-text-field-disabled-leading-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-leading-icon-opacity: var(--md-outlined-text-field-disabled-leading-icon-opacity, 0.38);--_disabled-outline-color: var(--md-outlined-text-field-disabled-outline-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-outline-opacity: var(--md-outlined-text-field-disabled-outline-opacity, 0.12);--_disabled-outline-width: var(--md-outlined-text-field-disabled-outline-width, 1px);--_disabled-supporting-text-color: var(--md-outlined-text-field-disabled-supporting-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-supporting-text-opacity: var(--md-outlined-text-field-disabled-supporting-text-opacity, 0.38);--_disabled-trailing-icon-color: var(--md-outlined-text-field-disabled-trailing-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-trailing-icon-opacity: var(--md-outlined-text-field-disabled-trailing-icon-opacity, 0.38);--_error-focus-caret-color: var(--md-outlined-text-field-error-focus-caret-color, var(--md-sys-color-error, #b3261e));--_error-focus-input-text-color: var(--md-outlined-text-field-error-focus-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_error-focus-label-text-color: var(--md-outlined-text-field-error-focus-label-text-color, var(--md-sys-color-error, #b3261e));--_error-focus-leading-icon-color: var(--md-outlined-text-field-error-focus-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_error-focus-outline-color: var(--md-outlined-text-field-error-focus-outline-color, var(--md-sys-color-error, #b3261e));--_error-focus-supporting-text-color: var(--md-outlined-text-field-error-focus-supporting-text-color, var(--md-sys-color-error, #b3261e));--_error-focus-trailing-icon-color: var(--md-outlined-text-field-error-focus-trailing-icon-color, var(--md-sys-color-error, #b3261e));--_error-hover-input-text-color: var(--md-outlined-text-field-error-hover-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_error-hover-label-text-color: var(--md-outlined-text-field-error-hover-label-text-color, var(--md-sys-color-on-error-container, #410e0b));--_error-hover-leading-icon-color: var(--md-outlined-text-field-error-hover-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_error-hover-outline-color: var(--md-outlined-text-field-error-hover-outline-color, var(--md-sys-color-on-error-container, #410e0b));--_error-hover-supporting-text-color: var(--md-outlined-text-field-error-hover-supporting-text-color, var(--md-sys-color-error, #b3261e));--_error-hover-trailing-icon-color: var(--md-outlined-text-field-error-hover-trailing-icon-color, var(--md-sys-color-on-error-container, #410e0b));--_error-input-text-color: var(--md-outlined-text-field-error-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_error-label-text-color: var(--md-outlined-text-field-error-label-text-color, var(--md-sys-color-error, #b3261e));--_error-leading-icon-color: var(--md-outlined-text-field-error-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_error-outline-color: var(--md-outlined-text-field-error-outline-color, var(--md-sys-color-error, #b3261e));--_error-supporting-text-color: var(--md-outlined-text-field-error-supporting-text-color, var(--md-sys-color-error, #b3261e));--_error-trailing-icon-color: var(--md-outlined-text-field-error-trailing-icon-color, var(--md-sys-color-error, #b3261e));--_focus-input-text-color: var(--md-outlined-text-field-focus-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_focus-label-text-color: var(--md-outlined-text-field-focus-label-text-color, var(--md-sys-color-primary, #6750a4));--_focus-leading-icon-color: var(--md-outlined-text-field-focus-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_focus-outline-color: var(--md-outlined-text-field-focus-outline-color, var(--md-sys-color-primary, #6750a4));--_focus-outline-width: var(--md-outlined-text-field-focus-outline-width, 3px);--_focus-supporting-text-color: var(--md-outlined-text-field-focus-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_focus-trailing-icon-color: var(--md-outlined-text-field-focus-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-input-text-color: var(--md-outlined-text-field-hover-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_hover-label-text-color: var(--md-outlined-text-field-hover-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_hover-leading-icon-color: var(--md-outlined-text-field-hover-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-outline-color: var(--md-outlined-text-field-hover-outline-color, var(--md-sys-color-on-surface, #1d1b20));--_hover-outline-width: var(--md-outlined-text-field-hover-outline-width, 1px);--_hover-supporting-text-color: var(--md-outlined-text-field-hover-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-trailing-icon-color: var(--md-outlined-text-field-hover-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_input-text-color: var(--md-outlined-text-field-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_input-text-font: var(--md-outlined-text-field-input-text-font, var(--md-sys-typescale-body-large-font, var(--md-ref-typeface-plain, Roboto)));--_input-text-line-height: var(--md-outlined-text-field-input-text-line-height, var(--md-sys-typescale-body-large-line-height, 1.5rem));--_input-text-placeholder-color: var(--md-outlined-text-field-input-text-placeholder-color, var(--md-sys-color-on-surface-variant, #49454f));--_input-text-prefix-color: var(--md-outlined-text-field-input-text-prefix-color, var(--md-sys-color-on-surface-variant, #49454f));--_input-text-size: var(--md-outlined-text-field-input-text-size, var(--md-sys-typescale-body-large-size, 1rem));--_input-text-suffix-color: var(--md-outlined-text-field-input-text-suffix-color, var(--md-sys-color-on-surface-variant, #49454f));--_input-text-weight: var(--md-outlined-text-field-input-text-weight, var(--md-sys-typescale-body-large-weight, var(--md-ref-typeface-weight-regular, 400)));--_label-text-color: var(--md-outlined-text-field-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_label-text-font: var(--md-outlined-text-field-label-text-font, var(--md-sys-typescale-body-large-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-outlined-text-field-label-text-line-height, var(--md-sys-typescale-body-large-line-height, 1.5rem));--_label-text-populated-line-height: var(--md-outlined-text-field-label-text-populated-line-height, var(--md-sys-typescale-body-small-line-height, 1rem));--_label-text-populated-size: var(--md-outlined-text-field-label-text-populated-size, var(--md-sys-typescale-body-small-size, 0.75rem));--_label-text-size: var(--md-outlined-text-field-label-text-size, var(--md-sys-typescale-body-large-size, 1rem));--_label-text-weight: var(--md-outlined-text-field-label-text-weight, var(--md-sys-typescale-body-large-weight, var(--md-ref-typeface-weight-regular, 400)));--_leading-icon-color: var(--md-outlined-text-field-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_leading-icon-size: var(--md-outlined-text-field-leading-icon-size, 24px);--_outline-color: var(--md-outlined-text-field-outline-color, var(--md-sys-color-outline, #79747e));--_outline-width: var(--md-outlined-text-field-outline-width, 1px);--_supporting-text-color: var(--md-outlined-text-field-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_supporting-text-font: var(--md-outlined-text-field-supporting-text-font, var(--md-sys-typescale-body-small-font, var(--md-ref-typeface-plain, Roboto)));--_supporting-text-line-height: var(--md-outlined-text-field-supporting-text-line-height, var(--md-sys-typescale-body-small-line-height, 1rem));--_supporting-text-size: var(--md-outlined-text-field-supporting-text-size, var(--md-sys-typescale-body-small-size, 0.75rem));--_supporting-text-weight: var(--md-outlined-text-field-supporting-text-weight, var(--md-sys-typescale-body-small-weight, var(--md-ref-typeface-weight-regular, 400)));--_trailing-icon-color: var(--md-outlined-text-field-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_trailing-icon-size: var(--md-outlined-text-field-trailing-icon-size, 24px);--_container-shape-start-start: var(--md-outlined-text-field-container-shape-start-start, var(--md-outlined-text-field-container-shape, var(--md-sys-shape-corner-extra-small, 4px)));--_container-shape-start-end: var(--md-outlined-text-field-container-shape-start-end, var(--md-outlined-text-field-container-shape, var(--md-sys-shape-corner-extra-small, 4px)));--_container-shape-end-end: var(--md-outlined-text-field-container-shape-end-end, var(--md-outlined-text-field-container-shape, var(--md-sys-shape-corner-extra-small, 4px)));--_container-shape-end-start: var(--md-outlined-text-field-container-shape-end-start, var(--md-outlined-text-field-container-shape, var(--md-sys-shape-corner-extra-small, 4px)));--_icon-input-space: var(--md-outlined-text-field-icon-input-space, 16px);--_leading-space: var(--md-outlined-text-field-leading-space, 16px);--_trailing-space: var(--md-outlined-text-field-trailing-space, 16px);--_top-space: var(--md-outlined-text-field-top-space, 16px);--_bottom-space: var(--md-outlined-text-field-bottom-space, 16px);--_input-text-prefix-trailing-space: var(--md-outlined-text-field-input-text-prefix-trailing-space, 2px);--_input-text-suffix-leading-space: var(--md-outlined-text-field-input-text-suffix-leading-space, 2px);--_focus-caret-color: var(--md-outlined-text-field-focus-caret-color, var(--md-sys-color-primary, #6750a4));--_with-leading-icon-leading-space: var(--md-outlined-text-field-with-leading-icon-leading-space, 12px);--_with-trailing-icon-trailing-space: var(--md-outlined-text-field-with-trailing-icon-trailing-space, 12px);--md-outlined-field-bottom-space: var(--_bottom-space);--md-outlined-field-container-shape-end-end: var(--_container-shape-end-end);--md-outlined-field-container-shape-end-start: var(--_container-shape-end-start);--md-outlined-field-container-shape-start-end: var(--_container-shape-start-end);--md-outlined-field-container-shape-start-start: var(--_container-shape-start-start);--md-outlined-field-content-color: var(--_input-text-color);--md-outlined-field-content-font: var(--_input-text-font);--md-outlined-field-content-line-height: var(--_input-text-line-height);--md-outlined-field-content-size: var(--_input-text-size);--md-outlined-field-content-space: var(--_icon-input-space);--md-outlined-field-content-weight: var(--_input-text-weight);--md-outlined-field-disabled-content-color: var(--_disabled-input-text-color);--md-outlined-field-disabled-content-opacity: var(--_disabled-input-text-opacity);--md-outlined-field-disabled-label-text-color: var(--_disabled-label-text-color);--md-outlined-field-disabled-label-text-opacity: var(--_disabled-label-text-opacity);--md-outlined-field-disabled-leading-content-color: var(--_disabled-leading-icon-color);--md-outlined-field-disabled-leading-content-opacity: var(--_disabled-leading-icon-opacity);--md-outlined-field-disabled-outline-color: var(--_disabled-outline-color);--md-outlined-field-disabled-outline-opacity: var(--_disabled-outline-opacity);--md-outlined-field-disabled-outline-width: var(--_disabled-outline-width);--md-outlined-field-disabled-supporting-text-color: var(--_disabled-supporting-text-color);--md-outlined-field-disabled-supporting-text-opacity: var(--_disabled-supporting-text-opacity);--md-outlined-field-disabled-trailing-content-color: var(--_disabled-trailing-icon-color);--md-outlined-field-disabled-trailing-content-opacity: var(--_disabled-trailing-icon-opacity);--md-outlined-field-error-content-color: var(--_error-input-text-color);--md-outlined-field-error-focus-content-color: var(--_error-focus-input-text-color);--md-outlined-field-error-focus-label-text-color: var(--_error-focus-label-text-color);--md-outlined-field-error-focus-leading-content-color: var(--_error-focus-leading-icon-color);--md-outlined-field-error-focus-outline-color: var(--_error-focus-outline-color);--md-outlined-field-error-focus-supporting-text-color: var(--_error-focus-supporting-text-color);--md-outlined-field-error-focus-trailing-content-color: var(--_error-focus-trailing-icon-color);--md-outlined-field-error-hover-content-color: var(--_error-hover-input-text-color);--md-outlined-field-error-hover-label-text-color: var(--_error-hover-label-text-color);--md-outlined-field-error-hover-leading-content-color: var(--_error-hover-leading-icon-color);--md-outlined-field-error-hover-outline-color: var(--_error-hover-outline-color);--md-outlined-field-error-hover-supporting-text-color: var(--_error-hover-supporting-text-color);--md-outlined-field-error-hover-trailing-content-color: var(--_error-hover-trailing-icon-color);--md-outlined-field-error-label-text-color: var(--_error-label-text-color);--md-outlined-field-error-leading-content-color: var(--_error-leading-icon-color);--md-outlined-field-error-outline-color: var(--_error-outline-color);--md-outlined-field-error-supporting-text-color: var(--_error-supporting-text-color);--md-outlined-field-error-trailing-content-color: var(--_error-trailing-icon-color);--md-outlined-field-focus-content-color: var(--_focus-input-text-color);--md-outlined-field-focus-label-text-color: var(--_focus-label-text-color);--md-outlined-field-focus-leading-content-color: var(--_focus-leading-icon-color);--md-outlined-field-focus-outline-color: var(--_focus-outline-color);--md-outlined-field-focus-outline-width: var(--_focus-outline-width);--md-outlined-field-focus-supporting-text-color: var(--_focus-supporting-text-color);--md-outlined-field-focus-trailing-content-color: var(--_focus-trailing-icon-color);--md-outlined-field-hover-content-color: var(--_hover-input-text-color);--md-outlined-field-hover-label-text-color: var(--_hover-label-text-color);--md-outlined-field-hover-leading-content-color: var(--_hover-leading-icon-color);--md-outlined-field-hover-outline-color: var(--_hover-outline-color);--md-outlined-field-hover-outline-width: var(--_hover-outline-width);--md-outlined-field-hover-supporting-text-color: var(--_hover-supporting-text-color);--md-outlined-field-hover-trailing-content-color: var(--_hover-trailing-icon-color);--md-outlined-field-label-text-color: var(--_label-text-color);--md-outlined-field-label-text-font: var(--_label-text-font);--md-outlined-field-label-text-line-height: var(--_label-text-line-height);--md-outlined-field-label-text-populated-line-height: var(--_label-text-populated-line-height);--md-outlined-field-label-text-populated-size: var(--_label-text-populated-size);--md-outlined-field-label-text-size: var(--_label-text-size);--md-outlined-field-label-text-weight: var(--_label-text-weight);--md-outlined-field-leading-content-color: var(--_leading-icon-color);--md-outlined-field-leading-space: var(--_leading-space);--md-outlined-field-outline-color: var(--_outline-color);--md-outlined-field-outline-width: var(--_outline-width);--md-outlined-field-supporting-text-color: var(--_supporting-text-color);--md-outlined-field-supporting-text-font: var(--_supporting-text-font);--md-outlined-field-supporting-text-line-height: var(--_supporting-text-line-height);--md-outlined-field-supporting-text-size: var(--_supporting-text-size);--md-outlined-field-supporting-text-weight: var(--_supporting-text-weight);--md-outlined-field-top-space: var(--_top-space);--md-outlined-field-trailing-content-color: var(--_trailing-icon-color);--md-outlined-field-trailing-space: var(--_trailing-space);--md-outlined-field-with-leading-content-leading-space: var(--_with-leading-icon-leading-space);--md-outlined-field-with-trailing-content-trailing-space: var(--_with-trailing-icon-trailing-space)} +`;/** + * @license + * Copyright 2021 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */class td extends G{constructor(){super(...arguments),this.fieldTag=Xe`md-outlined-field`}}/** + * @license + * Copyright 2021 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */let ao=class extends td{constructor(){super(...arguments),this.fieldTag=Xe`md-outlined-field`}};ao.styles=[En,ed],ao=l([H("md-outlined-text-field")],ao);const rd=Q({react:Z,tagName:"md-filled-text-field",elementClass:io}),od=Q({react:Z,tagName:"md-outlined-text-field",elementClass:ao}),id=Ve.forwardRef(({variant:r="filled",...e},t)=>r==="filled"?V.jsx(rd,{...e,ref:t}):V.jsx(od,{...e,ref:t}));/** + * @license + * Copyright 2022 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */class ad extends W{connectedCallback(){super.connectedCallback(),this.setAttribute("aria-hidden","true")}render(){return _``}}/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const nd=L`:host,.shadow,.shadow::before,.shadow::after{border-radius:inherit;inset:0;position:absolute;transition-duration:inherit;transition-property:inherit;transition-timing-function:inherit}:host{display:flex;pointer-events:none;transition-property:box-shadow,opacity}.shadow::before,.shadow::after{content:"";transition-property:box-shadow,opacity;--_level: var(--md-elevation-level, 0);--_shadow-color: var(--md-elevation-shadow-color, var(--md-sys-color-shadow, #000))}.shadow::before{box-shadow:0px calc(1px*(clamp(0,var(--_level),1) + clamp(0,var(--_level) - 3,1) + 2*clamp(0,var(--_level) - 4,1))) calc(1px*(2*clamp(0,var(--_level),1) + clamp(0,var(--_level) - 2,1) + clamp(0,var(--_level) - 4,1))) 0px var(--_shadow-color);opacity:.3}.shadow::after{box-shadow:0px calc(1px*(clamp(0,var(--_level),1) + clamp(0,var(--_level) - 1,1) + 2*clamp(0,var(--_level) - 2,3))) calc(1px*(3*clamp(0,var(--_level),2) + 2*clamp(0,var(--_level) - 2,3))) calc(1px*(clamp(0,var(--_level),4) + 2*clamp(0,var(--_level) - 4,1))) var(--_shadow-color);opacity:.15} +`;/** + * @license + * Copyright 2022 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */let Xi=class extends ad{};Xi.styles=[nd],Xi=l([H("md-elevation")],Xi);/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const $n=Symbol("attachableController");let no;no=new MutationObserver(r=>{var e;for(const t of r)(e=t.target[$n])==null||e.hostConnected()});class Tn{get htmlFor(){return this.host.getAttribute("for")}set htmlFor(e){e===null?this.host.removeAttribute("for"):this.host.setAttribute("for",e)}get control(){return this.host.hasAttribute("for")?!this.htmlFor||!this.host.isConnected?null:this.host.getRootNode().querySelector(`#${this.htmlFor}`):this.currentControl||this.host.parentElement}set control(e){e?this.attach(e):this.detach()}constructor(e,t){this.host=e,this.onControlChange=t,this.currentControl=null,e.addController(this),e[$n]=this,no==null||no.observe(e,{attributeFilter:["for"]})}attach(e){e!==this.currentControl&&(this.setCurrentControl(e),this.host.removeAttribute("for"))}detach(){this.setCurrentControl(null),this.host.setAttribute("for","")}hostConnected(){this.setCurrentControl(this.control)}hostDisconnected(){this.setCurrentControl(null)}setCurrentControl(e){this.onControlChange(this.currentControl,e),this.currentControl=e}}/** + * @license + * Copyright 2021 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const sd=["focusin","focusout","pointerdown"];class Zi extends W{constructor(){super(...arguments),this.visible=!1,this.inward=!1,this.attachableController=new Tn(this,this.onControlChange.bind(this))}get htmlFor(){return this.attachableController.htmlFor}set htmlFor(e){this.attachableController.htmlFor=e}get control(){return this.attachableController.control}set control(e){this.attachableController.control=e}attach(e){this.attachableController.attach(e)}detach(){this.attachableController.detach()}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-hidden","true")}handleEvent(e){var t;if(!e[Sn]){switch(e.type){default:return;case"focusin":this.visible=((t=this.control)==null?void 0:t.matches(":focus-visible"))??!1;break;case"focusout":case"pointerdown":this.visible=!1;break}e[Sn]=!0}}onControlChange(e,t){for(const o of sd)e==null||e.removeEventListener(o,this),t==null||t.addEventListener(o,this)}update(e){e.has("visible")&&this.dispatchEvent(new Event("visibility-changed")),super.update(e)}}l([p({type:Boolean,reflect:!0})],Zi.prototype,"visible",void 0),l([p({type:Boolean,reflect:!0})],Zi.prototype,"inward",void 0);const Sn=Symbol("handledByFocusRing");/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const ld=L`:host{animation-delay:0s,calc(var(--md-focus-ring-duration, 600ms)*.25);animation-duration:calc(var(--md-focus-ring-duration, 600ms)*.25),calc(var(--md-focus-ring-duration, 600ms)*.75);animation-timing-function:cubic-bezier(0.2, 0, 0, 1);box-sizing:border-box;color:var(--md-focus-ring-color, var(--md-sys-color-secondary, #625b71));display:none;pointer-events:none;position:absolute}:host([visible]){display:flex}:host(:not([inward])){animation-name:outward-grow,outward-shrink;border-end-end-radius:calc(var(--md-focus-ring-shape-end-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));border-end-start-radius:calc(var(--md-focus-ring-shape-end-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));border-start-end-radius:calc(var(--md-focus-ring-shape-start-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));border-start-start-radius:calc(var(--md-focus-ring-shape-start-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));inset:calc(-1*var(--md-focus-ring-outward-offset, 2px));outline:var(--md-focus-ring-width, 3px) solid currentColor}:host([inward]){animation-name:inward-grow,inward-shrink;border-end-end-radius:calc(var(--md-focus-ring-shape-end-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border-end-start-radius:calc(var(--md-focus-ring-shape-end-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border-start-end-radius:calc(var(--md-focus-ring-shape-start-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border-start-start-radius:calc(var(--md-focus-ring-shape-start-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border:var(--md-focus-ring-width, 3px) solid currentColor;inset:var(--md-focus-ring-inward-offset, 0px)}@keyframes outward-grow{from{outline-width:0}to{outline-width:var(--md-focus-ring-active-width, 8px)}}@keyframes outward-shrink{from{outline-width:var(--md-focus-ring-active-width, 8px)}}@keyframes inward-grow{from{border-width:0}to{border-width:var(--md-focus-ring-active-width, 8px)}}@keyframes inward-shrink{from{border-width:var(--md-focus-ring-active-width, 8px)}}@media(prefers-reduced-motion){:host{animation:none}} +`;/** + * @license + * Copyright 2021 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */let Ji=class extends Zi{};Ji.styles=[ld],Ji=l([H("md-focus-ring")],Ji);/** + * @license + * Copyright 2022 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const dd=450,An=225,cd=.2,ud=10,hd=75,pd=.35,fd="::after",vd="forwards";var Ye;(function(r){r[r.INACTIVE=0]="INACTIVE",r[r.TOUCH_DELAY=1]="TOUCH_DELAY",r[r.HOLDING=2]="HOLDING",r[r.WAITING_FOR_CLICK=3]="WAITING_FOR_CLICK"})(Ye||(Ye={}));const md=["click","contextmenu","pointercancel","pointerdown","pointerenter","pointerleave","pointerup"],bd=150,Qi=window.matchMedia("(forced-colors: active)");class Ir extends W{constructor(){super(...arguments),this.disabled=!1,this.hovered=!1,this.pressed=!1,this.rippleSize="",this.rippleScale="",this.initialSize=0,this.state=Ye.INACTIVE,this.checkBoundsAfterContextMenu=!1,this.attachableController=new Tn(this,this.onControlChange.bind(this))}get htmlFor(){return this.attachableController.htmlFor}set htmlFor(e){this.attachableController.htmlFor=e}get control(){return this.attachableController.control}set control(e){this.attachableController.control=e}attach(e){this.attachableController.attach(e)}detach(){this.attachableController.detach()}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-hidden","true")}render(){const e={hovered:this.hovered,pressed:this.pressed};return _`
    `}update(e){e.has("disabled")&&this.disabled&&(this.hovered=!1,this.pressed=!1),super.update(e)}handlePointerenter(e){this.shouldReactToEvent(e)&&(this.hovered=!0)}handlePointerleave(e){this.shouldReactToEvent(e)&&(this.hovered=!1,this.state!==Ye.INACTIVE&&this.endPressAnimation())}handlePointerup(e){if(this.shouldReactToEvent(e)){if(this.state===Ye.HOLDING){this.state=Ye.WAITING_FOR_CLICK;return}if(this.state===Ye.TOUCH_DELAY){this.state=Ye.WAITING_FOR_CLICK,this.startPressAnimation(this.rippleStartEvent);return}}}async handlePointerdown(e){if(this.shouldReactToEvent(e)){if(this.rippleStartEvent=e,!this.isTouch(e)){this.state=Ye.WAITING_FOR_CLICK,this.startPressAnimation(e);return}this.checkBoundsAfterContextMenu&&!this.inBounds(e)||(this.checkBoundsAfterContextMenu=!1,this.state=Ye.TOUCH_DELAY,await new Promise(t=>{setTimeout(t,bd)}),this.state===Ye.TOUCH_DELAY&&(this.state=Ye.HOLDING,this.startPressAnimation(e)))}}handleClick(){if(!this.disabled){if(this.state===Ye.WAITING_FOR_CLICK){this.endPressAnimation();return}this.state===Ye.INACTIVE&&(this.startPressAnimation(),this.endPressAnimation())}}handlePointercancel(e){this.shouldReactToEvent(e)&&this.endPressAnimation()}handleContextmenu(){this.disabled||(this.checkBoundsAfterContextMenu=!0,this.endPressAnimation())}determineRippleSize(){const{height:e,width:t}=this.getBoundingClientRect(),o=Math.max(e,t),i=Math.max(pd*o,hd),a=Math.floor(o*cd),d=Math.sqrt(t**2+e**2)+ud;this.initialSize=a,this.rippleScale=`${(d+i)/a}`,this.rippleSize=`${a}px`}getNormalizedPointerEventCoords(e){const{scrollX:t,scrollY:o}=window,{left:i,top:a}=this.getBoundingClientRect(),s=t+i,d=o+a,{pageX:h,pageY:y}=e;return{x:h-s,y:y-d}}getTranslationCoordinates(e){const{height:t,width:o}=this.getBoundingClientRect(),i={x:(o-this.initialSize)/2,y:(t-this.initialSize)/2};let a;return e instanceof PointerEvent?a=this.getNormalizedPointerEventCoords(e):a={x:o/2,y:t/2},a={x:a.x-this.initialSize/2,y:a.y-this.initialSize/2},{startPoint:a,endPoint:i}}startPressAnimation(e){var s;if(!this.mdRoot)return;this.pressed=!0,(s=this.growAnimation)==null||s.cancel(),this.determineRippleSize();const{startPoint:t,endPoint:o}=this.getTranslationCoordinates(e),i=`${t.x}px, ${t.y}px`,a=`${o.x}px, ${o.y}px`;this.growAnimation=this.mdRoot.animate({top:[0,0],left:[0,0],height:[this.rippleSize,this.rippleSize],width:[this.rippleSize,this.rippleSize],transform:[`translate(${i}) scale(1)`,`translate(${a}) scale(${this.rippleScale})`]},{pseudoElement:fd,duration:dd,easing:at.STANDARD,fill:vd})}async endPressAnimation(){this.rippleStartEvent=void 0,this.state=Ye.INACTIVE;const e=this.growAnimation;let t=1/0;if(typeof(e==null?void 0:e.currentTime)=="number"?t=e.currentTime:e!=null&&e.currentTime&&(t=e.currentTime.to("ms").value),t>=An){this.pressed=!1;return}await new Promise(o=>{setTimeout(o,An-t)}),this.growAnimation===e&&(this.pressed=!1)}shouldReactToEvent(e){if(this.disabled||!e.isPrimary||this.rippleStartEvent&&this.rippleStartEvent.pointerId!==e.pointerId)return!1;if(e.type==="pointerenter"||e.type==="pointerleave")return!this.isTouch(e);const t=e.buttons===1;return this.isTouch(e)||t}inBounds({x:e,y:t}){const{top:o,left:i,bottom:a,right:s}=this.getBoundingClientRect();return e>=i&&e<=s&&t>=o&&t<=a}isTouch({pointerType:e}){return e==="touch"}async handleEvent(e){if(!(Qi!=null&&Qi.matches))switch(e.type){case"click":this.handleClick();break;case"contextmenu":this.handleContextmenu();break;case"pointercancel":this.handlePointercancel(e);break;case"pointerdown":await this.handlePointerdown(e);break;case"pointerenter":this.handlePointerenter(e);break;case"pointerleave":this.handlePointerleave(e);break;case"pointerup":this.handlePointerup(e);break}}onControlChange(e,t){for(const o of md)e==null||e.removeEventListener(o,this),t==null||t.addEventListener(o,this)}}l([p({type:Boolean,reflect:!0})],Ir.prototype,"disabled",void 0),l([ae()],Ir.prototype,"hovered",void 0),l([ae()],Ir.prototype,"pressed",void 0),l([Y(".surface")],Ir.prototype,"mdRoot",void 0);/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const yd=L`:host{display:flex;margin:auto;pointer-events:none}:host([disabled]){display:none}@media(forced-colors: active){:host{display:none}}:host,.surface{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.surface{-webkit-tap-highlight-color:rgba(0,0,0,0)}.surface::before,.surface::after{content:"";opacity:0;position:absolute}.surface::before{background-color:var(--md-ripple-hover-color, var(--md-sys-color-on-surface, #1d1b20));inset:0;transition:opacity 15ms linear,background-color 15ms linear}.surface::after{background:radial-gradient(closest-side, var(--md-ripple-pressed-color, var(--md-sys-color-on-surface, #1d1b20)) max(100% - 70px, 65%), transparent 100%);transform-origin:center center;transition:opacity 375ms linear}.hovered::before{background-color:var(--md-ripple-hover-color, var(--md-sys-color-on-surface, #1d1b20));opacity:var(--md-ripple-hover-opacity, 0.08)}.pressed::after{opacity:var(--md-ripple-pressed-opacity, 0.12);transition-duration:105ms} +`;/** + * @license + * Copyright 2022 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */let ea=class extends Ir{};ea.styles=[yd],ea=l([H("md-ripple")],ea);/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */function Rn(r){r.addInitializer(e=>{const t=e;t.addEventListener("click",async o=>{const{type:i,[Me]:a}=t,{form:s}=a;if(!(!s||i==="button")&&(await new Promise(d=>{setTimeout(d)}),!o.defaultPrevented)){if(i==="reset"){s.reset();return}s.addEventListener("submit",d=>{Object.defineProperty(d,"submitter",{configurable:!0,enumerable:!0,get:()=>t})},{capture:!0,once:!0}),a.setFormValue(t.value),s.requestSubmit()}})})}/** + * @license + * Copyright 2021 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */function so(r){const e=new MouseEvent("click",{bubbles:!0});return r.dispatchEvent(e),e}function Or(r){return r.currentTarget!==r.target||r.composedPath()[0]!==r.target||r.target.disabled?!1:!gd(r)}function gd(r){const e=ta;return e&&(r.preventDefault(),r.stopImmediatePropagation()),xd(),e}let ta=!1;async function xd(){ta=!0,await null,ta=!1}/** + * @license + * Copyright 2019 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const _d=Ze(Et(W));let Le=class extends _d{get name(){return this.getAttribute("name")??""}set name(e){this.setAttribute("name",e)}get form(){return this[Me].form}constructor(){super(),this.disabled=!1,this.softDisabled=!1,this.href="",this.target="",this.trailingIcon=!1,this.hasIcon=!1,this.type="submit",this.value="",this.addEventListener("click",this.handleClick.bind(this))}focus(){var e;(e=this.buttonElement)==null||e.focus()}blur(){var e;(e=this.buttonElement)==null||e.blur()}render(){var i;const e=!this.href&&(this.disabled||this.softDisabled),t=this.href?this.renderLink():this.renderButton(),o=this.href?"link":"button";return _` + ${(i=this.renderElevationOrOutline)==null?void 0:i.call(this)} +
    + + + ${t} + `}renderButton(){const{ariaLabel:e,ariaHasPopup:t,ariaExpanded:o}=this;return _``}renderLink(){const{ariaLabel:e,ariaHasPopup:t,ariaExpanded:o}=this;return _`${this.renderContent()} + `}renderContent(){const e=_``;return _` + + ${this.trailingIcon?x:e} + + ${this.trailingIcon?e:x} + `}handleClick(e){if(!this.href&&this.softDisabled){e.stopImmediatePropagation(),e.preventDefault();return}!Or(e)||!this.buttonElement||(this.focus(),so(this.buttonElement))}handleSlotChange(){this.hasIcon=this.assignedIcons.length>0}};Rn(Le),Le.formAssociated=!0,Le.shadowRootOptions={mode:"open",delegatesFocus:!0},l([p({type:Boolean,reflect:!0})],Le.prototype,"disabled",void 0),l([p({type:Boolean,attribute:"soft-disabled",reflect:!0})],Le.prototype,"softDisabled",void 0),l([p()],Le.prototype,"href",void 0),l([p()],Le.prototype,"target",void 0),l([p({type:Boolean,attribute:"trailing-icon",reflect:!0})],Le.prototype,"trailingIcon",void 0),l([p({type:Boolean,attribute:"has-icon",reflect:!0})],Le.prototype,"hasIcon",void 0),l([p()],Le.prototype,"type",void 0),l([p({reflect:!0})],Le.prototype,"value",void 0),l([Y(".button")],Le.prototype,"buttonElement",void 0),l([He({slot:"icon",flatten:!0})],Le.prototype,"assignedIcons",void 0);/** + * @license + * Copyright 2021 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */class wd extends Le{renderElevationOrOutline(){return _``}}/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const kd=L`:host{--_container-color: var(--md-filled-button-container-color, var(--md-sys-color-primary, #6750a4));--_container-elevation: var(--md-filled-button-container-elevation, 0);--_container-height: var(--md-filled-button-container-height, 40px);--_container-shadow-color: var(--md-filled-button-container-shadow-color, var(--md-sys-color-shadow, #000));--_disabled-container-color: var(--md-filled-button-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-container-elevation: var(--md-filled-button-disabled-container-elevation, 0);--_disabled-container-opacity: var(--md-filled-button-disabled-container-opacity, 0.12);--_disabled-label-text-color: var(--md-filled-button-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-label-text-opacity: var(--md-filled-button-disabled-label-text-opacity, 0.38);--_focus-container-elevation: var(--md-filled-button-focus-container-elevation, 0);--_focus-label-text-color: var(--md-filled-button-focus-label-text-color, var(--md-sys-color-on-primary, #fff));--_hover-container-elevation: var(--md-filled-button-hover-container-elevation, 1);--_hover-label-text-color: var(--md-filled-button-hover-label-text-color, var(--md-sys-color-on-primary, #fff));--_hover-state-layer-color: var(--md-filled-button-hover-state-layer-color, var(--md-sys-color-on-primary, #fff));--_hover-state-layer-opacity: var(--md-filled-button-hover-state-layer-opacity, 0.08);--_label-text-color: var(--md-filled-button-label-text-color, var(--md-sys-color-on-primary, #fff));--_label-text-font: var(--md-filled-button-label-text-font, var(--md-sys-typescale-label-large-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-filled-button-label-text-line-height, var(--md-sys-typescale-label-large-line-height, 1.25rem));--_label-text-size: var(--md-filled-button-label-text-size, var(--md-sys-typescale-label-large-size, 0.875rem));--_label-text-weight: var(--md-filled-button-label-text-weight, var(--md-sys-typescale-label-large-weight, var(--md-ref-typeface-weight-medium, 500)));--_pressed-container-elevation: var(--md-filled-button-pressed-container-elevation, 0);--_pressed-label-text-color: var(--md-filled-button-pressed-label-text-color, var(--md-sys-color-on-primary, #fff));--_pressed-state-layer-color: var(--md-filled-button-pressed-state-layer-color, var(--md-sys-color-on-primary, #fff));--_pressed-state-layer-opacity: var(--md-filled-button-pressed-state-layer-opacity, 0.12);--_disabled-icon-color: var(--md-filled-button-disabled-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-icon-opacity: var(--md-filled-button-disabled-icon-opacity, 0.38);--_focus-icon-color: var(--md-filled-button-focus-icon-color, var(--md-sys-color-on-primary, #fff));--_hover-icon-color: var(--md-filled-button-hover-icon-color, var(--md-sys-color-on-primary, #fff));--_icon-color: var(--md-filled-button-icon-color, var(--md-sys-color-on-primary, #fff));--_icon-size: var(--md-filled-button-icon-size, 18px);--_pressed-icon-color: var(--md-filled-button-pressed-icon-color, var(--md-sys-color-on-primary, #fff));--_container-shape-start-start: var(--md-filled-button-container-shape-start-start, var(--md-filled-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-start-end: var(--md-filled-button-container-shape-start-end, var(--md-filled-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-end: var(--md-filled-button-container-shape-end-end, var(--md-filled-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-start: var(--md-filled-button-container-shape-end-start, var(--md-filled-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_leading-space: var(--md-filled-button-leading-space, 24px);--_trailing-space: var(--md-filled-button-trailing-space, 24px);--_with-leading-icon-leading-space: var(--md-filled-button-with-leading-icon-leading-space, 16px);--_with-leading-icon-trailing-space: var(--md-filled-button-with-leading-icon-trailing-space, 24px);--_with-trailing-icon-leading-space: var(--md-filled-button-with-trailing-icon-leading-space, 24px);--_with-trailing-icon-trailing-space: var(--md-filled-button-with-trailing-icon-trailing-space, 16px)} +`;/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const ra=L`md-elevation{transition-duration:280ms}:host(:is([disabled],[soft-disabled])) md-elevation{transition:none}md-elevation{--md-elevation-level: var(--_container-elevation);--md-elevation-shadow-color: var(--_container-shadow-color)}:host(:focus-within) md-elevation{--md-elevation-level: var(--_focus-container-elevation)}:host(:hover) md-elevation{--md-elevation-level: var(--_hover-container-elevation)}:host(:active) md-elevation{--md-elevation-level: var(--_pressed-container-elevation)}:host(:is([disabled],[soft-disabled])) md-elevation{--md-elevation-level: var(--_disabled-container-elevation)} +`;/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const zr=L`:host{border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-start-radius:var(--_container-shape-end-start);border-end-end-radius:var(--_container-shape-end-end);box-sizing:border-box;cursor:pointer;display:inline-flex;gap:8px;min-height:var(--_container-height);outline:none;padding-block:calc((var(--_container-height) - max(var(--_label-text-line-height),var(--_icon-size)))/2);padding-inline-start:var(--_leading-space);padding-inline-end:var(--_trailing-space);place-content:center;place-items:center;position:relative;font-family:var(--_label-text-font);font-size:var(--_label-text-size);line-height:var(--_label-text-line-height);font-weight:var(--_label-text-weight);text-overflow:ellipsis;text-wrap:nowrap;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);vertical-align:top;--md-ripple-hover-color: var(--_hover-state-layer-color);--md-ripple-pressed-color: var(--_pressed-state-layer-color);--md-ripple-hover-opacity: var(--_hover-state-layer-opacity);--md-ripple-pressed-opacity: var(--_pressed-state-layer-opacity)}md-focus-ring{--md-focus-ring-shape-start-start: var(--_container-shape-start-start);--md-focus-ring-shape-start-end: var(--_container-shape-start-end);--md-focus-ring-shape-end-end: var(--_container-shape-end-end);--md-focus-ring-shape-end-start: var(--_container-shape-end-start)}:host(:is([disabled],[soft-disabled])){cursor:default;pointer-events:none}.button{border-radius:inherit;cursor:inherit;display:inline-flex;align-items:center;justify-content:center;border:none;outline:none;-webkit-appearance:none;vertical-align:middle;background:rgba(0,0,0,0);text-decoration:none;min-width:calc(64px - var(--_leading-space) - var(--_trailing-space));width:100%;z-index:0;height:100%;font:inherit;color:var(--_label-text-color);padding:0;gap:inherit;text-transform:inherit}.button::-moz-focus-inner{padding:0;border:0}:host(:hover) .button{color:var(--_hover-label-text-color)}:host(:focus-within) .button{color:var(--_focus-label-text-color)}:host(:active) .button{color:var(--_pressed-label-text-color)}.background{background-color:var(--_container-color);border-radius:inherit;inset:0;position:absolute}.label{overflow:hidden}:is(.button,.label,.label slot),.label ::slotted(*){text-overflow:inherit}:host(:is([disabled],[soft-disabled])) .label{color:var(--_disabled-label-text-color);opacity:var(--_disabled-label-text-opacity)}:host(:is([disabled],[soft-disabled])) .background{background-color:var(--_disabled-container-color);opacity:var(--_disabled-container-opacity)}@media(forced-colors: active){.background{border:1px solid CanvasText}:host(:is([disabled],[soft-disabled])){--_disabled-icon-color: GrayText;--_disabled-icon-opacity: 1;--_disabled-container-opacity: 1;--_disabled-label-text-color: GrayText;--_disabled-label-text-opacity: 1}}:host([has-icon]:not([trailing-icon])){padding-inline-start:var(--_with-leading-icon-leading-space);padding-inline-end:var(--_with-leading-icon-trailing-space)}:host([has-icon][trailing-icon]){padding-inline-start:var(--_with-trailing-icon-leading-space);padding-inline-end:var(--_with-trailing-icon-trailing-space)}::slotted([slot=icon]){display:inline-flex;position:relative;writing-mode:horizontal-tb;fill:currentColor;flex-shrink:0;color:var(--_icon-color);font-size:var(--_icon-size);inline-size:var(--_icon-size);block-size:var(--_icon-size)}:host(:hover) ::slotted([slot=icon]){color:var(--_hover-icon-color)}:host(:focus-within) ::slotted([slot=icon]){color:var(--_focus-icon-color)}:host(:active) ::slotted([slot=icon]){color:var(--_pressed-icon-color)}:host(:is([disabled],[soft-disabled])) ::slotted([slot=icon]){color:var(--_disabled-icon-color);opacity:var(--_disabled-icon-opacity)}.touch{position:absolute;top:50%;height:48px;left:0;right:0;transform:translateY(-50%)}:host([touch-target=wrapper]){margin:max(0px,(48px - var(--_container-height))/2) 0}:host([touch-target=none]) .touch{display:none} +`;/** + * @license + * Copyright 2021 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */let lo=class extends wd{};lo.styles=[zr,ra,kd],lo=l([H("md-filled-button")],lo);/** + * @license + * Copyright 2021 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */class Cd extends Le{renderElevationOrOutline(){return _``}}/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const Ed=L`:host{--_container-color: var(--md-filled-tonal-button-container-color, var(--md-sys-color-secondary-container, #e8def8));--_container-elevation: var(--md-filled-tonal-button-container-elevation, 0);--_container-height: var(--md-filled-tonal-button-container-height, 40px);--_container-shadow-color: var(--md-filled-tonal-button-container-shadow-color, var(--md-sys-color-shadow, #000));--_disabled-container-color: var(--md-filled-tonal-button-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-container-elevation: var(--md-filled-tonal-button-disabled-container-elevation, 0);--_disabled-container-opacity: var(--md-filled-tonal-button-disabled-container-opacity, 0.12);--_disabled-label-text-color: var(--md-filled-tonal-button-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-label-text-opacity: var(--md-filled-tonal-button-disabled-label-text-opacity, 0.38);--_focus-container-elevation: var(--md-filled-tonal-button-focus-container-elevation, 0);--_focus-label-text-color: var(--md-filled-tonal-button-focus-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_hover-container-elevation: var(--md-filled-tonal-button-hover-container-elevation, 1);--_hover-label-text-color: var(--md-filled-tonal-button-hover-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_hover-state-layer-color: var(--md-filled-tonal-button-hover-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_hover-state-layer-opacity: var(--md-filled-tonal-button-hover-state-layer-opacity, 0.08);--_label-text-color: var(--md-filled-tonal-button-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_label-text-font: var(--md-filled-tonal-button-label-text-font, var(--md-sys-typescale-label-large-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-filled-tonal-button-label-text-line-height, var(--md-sys-typescale-label-large-line-height, 1.25rem));--_label-text-size: var(--md-filled-tonal-button-label-text-size, var(--md-sys-typescale-label-large-size, 0.875rem));--_label-text-weight: var(--md-filled-tonal-button-label-text-weight, var(--md-sys-typescale-label-large-weight, var(--md-ref-typeface-weight-medium, 500)));--_pressed-container-elevation: var(--md-filled-tonal-button-pressed-container-elevation, 0);--_pressed-label-text-color: var(--md-filled-tonal-button-pressed-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_pressed-state-layer-color: var(--md-filled-tonal-button-pressed-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_pressed-state-layer-opacity: var(--md-filled-tonal-button-pressed-state-layer-opacity, 0.12);--_disabled-icon-color: var(--md-filled-tonal-button-disabled-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-icon-opacity: var(--md-filled-tonal-button-disabled-icon-opacity, 0.38);--_focus-icon-color: var(--md-filled-tonal-button-focus-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_hover-icon-color: var(--md-filled-tonal-button-hover-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_icon-color: var(--md-filled-tonal-button-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_icon-size: var(--md-filled-tonal-button-icon-size, 18px);--_pressed-icon-color: var(--md-filled-tonal-button-pressed-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_container-shape-start-start: var(--md-filled-tonal-button-container-shape-start-start, var(--md-filled-tonal-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-start-end: var(--md-filled-tonal-button-container-shape-start-end, var(--md-filled-tonal-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-end: var(--md-filled-tonal-button-container-shape-end-end, var(--md-filled-tonal-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-start: var(--md-filled-tonal-button-container-shape-end-start, var(--md-filled-tonal-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_leading-space: var(--md-filled-tonal-button-leading-space, 24px);--_trailing-space: var(--md-filled-tonal-button-trailing-space, 24px);--_with-leading-icon-leading-space: var(--md-filled-tonal-button-with-leading-icon-leading-space, 16px);--_with-leading-icon-trailing-space: var(--md-filled-tonal-button-with-leading-icon-trailing-space, 24px);--_with-trailing-icon-leading-space: var(--md-filled-tonal-button-with-trailing-icon-leading-space, 24px);--_with-trailing-icon-trailing-space: var(--md-filled-tonal-button-with-trailing-icon-trailing-space, 16px)} +`;/** + * @license + * Copyright 2021 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */let co=class extends Cd{};co.styles=[zr,ra,Ed],co=l([H("md-filled-tonal-button")],co);/** + * @license + * Copyright 2021 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */class $d extends Le{renderElevationOrOutline(){return _``}}/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const Td=L`:host{--_container-color: var(--md-elevated-button-container-color, var(--md-sys-color-surface-container-low, #f7f2fa));--_container-elevation: var(--md-elevated-button-container-elevation, 1);--_container-height: var(--md-elevated-button-container-height, 40px);--_container-shadow-color: var(--md-elevated-button-container-shadow-color, var(--md-sys-color-shadow, #000));--_disabled-container-color: var(--md-elevated-button-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-container-elevation: var(--md-elevated-button-disabled-container-elevation, 0);--_disabled-container-opacity: var(--md-elevated-button-disabled-container-opacity, 0.12);--_disabled-label-text-color: var(--md-elevated-button-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-label-text-opacity: var(--md-elevated-button-disabled-label-text-opacity, 0.38);--_focus-container-elevation: var(--md-elevated-button-focus-container-elevation, 1);--_focus-label-text-color: var(--md-elevated-button-focus-label-text-color, var(--md-sys-color-primary, #6750a4));--_hover-container-elevation: var(--md-elevated-button-hover-container-elevation, 2);--_hover-label-text-color: var(--md-elevated-button-hover-label-text-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-color: var(--md-elevated-button-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-opacity: var(--md-elevated-button-hover-state-layer-opacity, 0.08);--_label-text-color: var(--md-elevated-button-label-text-color, var(--md-sys-color-primary, #6750a4));--_label-text-font: var(--md-elevated-button-label-text-font, var(--md-sys-typescale-label-large-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-elevated-button-label-text-line-height, var(--md-sys-typescale-label-large-line-height, 1.25rem));--_label-text-size: var(--md-elevated-button-label-text-size, var(--md-sys-typescale-label-large-size, 0.875rem));--_label-text-weight: var(--md-elevated-button-label-text-weight, var(--md-sys-typescale-label-large-weight, var(--md-ref-typeface-weight-medium, 500)));--_pressed-container-elevation: var(--md-elevated-button-pressed-container-elevation, 1);--_pressed-label-text-color: var(--md-elevated-button-pressed-label-text-color, var(--md-sys-color-primary, #6750a4));--_pressed-state-layer-color: var(--md-elevated-button-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--_pressed-state-layer-opacity: var(--md-elevated-button-pressed-state-layer-opacity, 0.12);--_disabled-icon-color: var(--md-elevated-button-disabled-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-icon-opacity: var(--md-elevated-button-disabled-icon-opacity, 0.38);--_focus-icon-color: var(--md-elevated-button-focus-icon-color, var(--md-sys-color-primary, #6750a4));--_hover-icon-color: var(--md-elevated-button-hover-icon-color, var(--md-sys-color-primary, #6750a4));--_icon-color: var(--md-elevated-button-icon-color, var(--md-sys-color-primary, #6750a4));--_icon-size: var(--md-elevated-button-icon-size, 18px);--_pressed-icon-color: var(--md-elevated-button-pressed-icon-color, var(--md-sys-color-primary, #6750a4));--_container-shape-start-start: var(--md-elevated-button-container-shape-start-start, var(--md-elevated-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-start-end: var(--md-elevated-button-container-shape-start-end, var(--md-elevated-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-end: var(--md-elevated-button-container-shape-end-end, var(--md-elevated-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-start: var(--md-elevated-button-container-shape-end-start, var(--md-elevated-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_leading-space: var(--md-elevated-button-leading-space, 24px);--_trailing-space: var(--md-elevated-button-trailing-space, 24px);--_with-leading-icon-leading-space: var(--md-elevated-button-with-leading-icon-leading-space, 16px);--_with-leading-icon-trailing-space: var(--md-elevated-button-with-leading-icon-trailing-space, 24px);--_with-trailing-icon-leading-space: var(--md-elevated-button-with-trailing-icon-leading-space, 24px);--_with-trailing-icon-trailing-space: var(--md-elevated-button-with-trailing-icon-trailing-space, 16px)} +`;/** + * @license + * Copyright 2021 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */let uo=class extends $d{};uo.styles=[zr,ra,Td],uo=l([H("md-elevated-button")],uo);/** + * @license + * Copyright 2021 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */class Sd extends Le{renderElevationOrOutline(){return _`
    `}}/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const Ad=L`:host{--_container-height: var(--md-outlined-button-container-height, 40px);--_disabled-label-text-color: var(--md-outlined-button-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-label-text-opacity: var(--md-outlined-button-disabled-label-text-opacity, 0.38);--_disabled-outline-color: var(--md-outlined-button-disabled-outline-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-outline-opacity: var(--md-outlined-button-disabled-outline-opacity, 0.12);--_focus-label-text-color: var(--md-outlined-button-focus-label-text-color, var(--md-sys-color-primary, #6750a4));--_hover-label-text-color: var(--md-outlined-button-hover-label-text-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-color: var(--md-outlined-button-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-opacity: var(--md-outlined-button-hover-state-layer-opacity, 0.08);--_label-text-color: var(--md-outlined-button-label-text-color, var(--md-sys-color-primary, #6750a4));--_label-text-font: var(--md-outlined-button-label-text-font, var(--md-sys-typescale-label-large-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-outlined-button-label-text-line-height, var(--md-sys-typescale-label-large-line-height, 1.25rem));--_label-text-size: var(--md-outlined-button-label-text-size, var(--md-sys-typescale-label-large-size, 0.875rem));--_label-text-weight: var(--md-outlined-button-label-text-weight, var(--md-sys-typescale-label-large-weight, var(--md-ref-typeface-weight-medium, 500)));--_outline-color: var(--md-outlined-button-outline-color, var(--md-sys-color-outline, #79747e));--_outline-width: var(--md-outlined-button-outline-width, 1px);--_pressed-label-text-color: var(--md-outlined-button-pressed-label-text-color, var(--md-sys-color-primary, #6750a4));--_pressed-outline-color: var(--md-outlined-button-pressed-outline-color, var(--md-sys-color-outline, #79747e));--_pressed-state-layer-color: var(--md-outlined-button-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--_pressed-state-layer-opacity: var(--md-outlined-button-pressed-state-layer-opacity, 0.12);--_disabled-icon-color: var(--md-outlined-button-disabled-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-icon-opacity: var(--md-outlined-button-disabled-icon-opacity, 0.38);--_focus-icon-color: var(--md-outlined-button-focus-icon-color, var(--md-sys-color-primary, #6750a4));--_hover-icon-color: var(--md-outlined-button-hover-icon-color, var(--md-sys-color-primary, #6750a4));--_icon-color: var(--md-outlined-button-icon-color, var(--md-sys-color-primary, #6750a4));--_icon-size: var(--md-outlined-button-icon-size, 18px);--_pressed-icon-color: var(--md-outlined-button-pressed-icon-color, var(--md-sys-color-primary, #6750a4));--_container-shape-start-start: var(--md-outlined-button-container-shape-start-start, var(--md-outlined-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-start-end: var(--md-outlined-button-container-shape-start-end, var(--md-outlined-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-end: var(--md-outlined-button-container-shape-end-end, var(--md-outlined-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-start: var(--md-outlined-button-container-shape-end-start, var(--md-outlined-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_leading-space: var(--md-outlined-button-leading-space, 24px);--_trailing-space: var(--md-outlined-button-trailing-space, 24px);--_with-leading-icon-leading-space: var(--md-outlined-button-with-leading-icon-leading-space, 16px);--_with-leading-icon-trailing-space: var(--md-outlined-button-with-leading-icon-trailing-space, 24px);--_with-trailing-icon-leading-space: var(--md-outlined-button-with-trailing-icon-leading-space, 24px);--_with-trailing-icon-trailing-space: var(--md-outlined-button-with-trailing-icon-trailing-space, 16px);--_container-color: none;--_disabled-container-color: none;--_disabled-container-opacity: 0}.outline{inset:0;border-style:solid;position:absolute;box-sizing:border-box;border-color:var(--_outline-color);border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-start-radius:var(--_container-shape-end-start);border-end-end-radius:var(--_container-shape-end-end)}:host(:active) .outline{border-color:var(--_pressed-outline-color)}:host(:is([disabled],[soft-disabled])) .outline{border-color:var(--_disabled-outline-color);opacity:var(--_disabled-outline-opacity)}@media(forced-colors: active){:host(:is([disabled],[soft-disabled])) .background{border-color:GrayText}:host(:is([disabled],[soft-disabled])) .outline{opacity:1}}.outline,md-ripple{border-width:var(--_outline-width)}md-ripple{inline-size:calc(100% - 2*var(--_outline-width));block-size:calc(100% - 2*var(--_outline-width));border-style:solid;border-color:rgba(0,0,0,0)} +`;/** + * @license + * Copyright 2021 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */let ho=class extends Sd{};ho.styles=[zr,Ad],ho=l([H("md-outlined-button")],ho);/** + * @license + * Copyright 2021 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */class Rd extends Le{}/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const Id=L`:host{--_container-height: var(--md-text-button-container-height, 40px);--_disabled-label-text-color: var(--md-text-button-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-label-text-opacity: var(--md-text-button-disabled-label-text-opacity, 0.38);--_focus-label-text-color: var(--md-text-button-focus-label-text-color, var(--md-sys-color-primary, #6750a4));--_hover-label-text-color: var(--md-text-button-hover-label-text-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-color: var(--md-text-button-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-opacity: var(--md-text-button-hover-state-layer-opacity, 0.08);--_label-text-color: var(--md-text-button-label-text-color, var(--md-sys-color-primary, #6750a4));--_label-text-font: var(--md-text-button-label-text-font, var(--md-sys-typescale-label-large-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-text-button-label-text-line-height, var(--md-sys-typescale-label-large-line-height, 1.25rem));--_label-text-size: var(--md-text-button-label-text-size, var(--md-sys-typescale-label-large-size, 0.875rem));--_label-text-weight: var(--md-text-button-label-text-weight, var(--md-sys-typescale-label-large-weight, var(--md-ref-typeface-weight-medium, 500)));--_pressed-label-text-color: var(--md-text-button-pressed-label-text-color, var(--md-sys-color-primary, #6750a4));--_pressed-state-layer-color: var(--md-text-button-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--_pressed-state-layer-opacity: var(--md-text-button-pressed-state-layer-opacity, 0.12);--_disabled-icon-color: var(--md-text-button-disabled-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-icon-opacity: var(--md-text-button-disabled-icon-opacity, 0.38);--_focus-icon-color: var(--md-text-button-focus-icon-color, var(--md-sys-color-primary, #6750a4));--_hover-icon-color: var(--md-text-button-hover-icon-color, var(--md-sys-color-primary, #6750a4));--_icon-color: var(--md-text-button-icon-color, var(--md-sys-color-primary, #6750a4));--_icon-size: var(--md-text-button-icon-size, 18px);--_pressed-icon-color: var(--md-text-button-pressed-icon-color, var(--md-sys-color-primary, #6750a4));--_container-shape-start-start: var(--md-text-button-container-shape-start-start, var(--md-text-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-start-end: var(--md-text-button-container-shape-start-end, var(--md-text-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-end: var(--md-text-button-container-shape-end-end, var(--md-text-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-start: var(--md-text-button-container-shape-end-start, var(--md-text-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_leading-space: var(--md-text-button-leading-space, 12px);--_trailing-space: var(--md-text-button-trailing-space, 12px);--_with-leading-icon-leading-space: var(--md-text-button-with-leading-icon-leading-space, 12px);--_with-leading-icon-trailing-space: var(--md-text-button-with-leading-icon-trailing-space, 16px);--_with-trailing-icon-leading-space: var(--md-text-button-with-trailing-icon-leading-space, 16px);--_with-trailing-icon-trailing-space: var(--md-text-button-with-trailing-icon-trailing-space, 12px);--_container-color: none;--_disabled-container-color: none;--_disabled-container-opacity: 0} +`;/** + * @license + * Copyright 2021 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */let po=class extends Rd{};po.styles=[zr,Id],po=l([H("md-text-button")],po);const In=Q({tagName:"md-filled-button",elementClass:lo,react:Z}),Od=Q({tagName:"md-filled-tonal-button",elementClass:co,react:Z}),zd=Q({tagName:"md-elevated-button",elementClass:uo,react:Z}),Pd=Q({tagName:"md-outlined-button",elementClass:ho,react:Z}),Ld=Q({tagName:"md-text-button",elementClass:po,react:Z}),Fd=({variant:r,children:e,disabled:t,softDisabled:o,href:i,target:a,type:s,value:d,...h})=>{switch(r){case"filled":return V.jsx(In,{...h,disabled:t,softDisabled:o,href:i,target:a,type:s,value:d,children:e});case"filled-tonal":return V.jsx(Od,{...h,disabled:t,softDisabled:o,href:i,target:a,type:s,value:d,children:e});case"elevated":return V.jsx(zd,{...h,disabled:t,softDisabled:o,href:i,target:a,type:s,value:d,children:e});case"outlined":return V.jsx(Pd,{...h,disabled:t,softDisabled:o,href:i,target:a,type:s,value:d,children:e});case"text":return V.jsx(Ld,{...h,disabled:t,softDisabled:o,href:i,target:a,type:s,value:d,children:e});default:return V.jsx(In,{...h,disabled:t,softDisabled:o,href:i,target:a,type:s,value:d,children:e})}};/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */class On extends oo{computeValidity(e){return this.checkboxControl||(this.checkboxControl=document.createElement("input"),this.checkboxControl.type="checkbox"),this.checkboxControl.checked=e.checked,this.checkboxControl.required=e.required,{validity:this.checkboxControl.validity,validationMessage:this.checkboxControl.validationMessage}}equals(e,t){return e.checked===t.checked&&e.required===t.required}copy({checked:e,required:t}){return{checked:e,required:t}}}/** + * @license + * Copyright 2019 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const Md=Ze(Sr(Qt(Et(W))));let lt=class extends Md{constructor(){super(),this.checked=!1,this.indeterminate=!1,this.required=!1,this.value="on",this.prevChecked=!1,this.prevDisabled=!1,this.prevIndeterminate=!1,this.addEventListener("click",e=>{!Or(e)||!this.input||(this.focus(),so(this.input))})}update(e){(e.has("checked")||e.has("disabled")||e.has("indeterminate"))&&(this.prevChecked=e.get("checked")??this.checked,this.prevDisabled=e.get("disabled")??this.disabled,this.prevIndeterminate=e.get("indeterminate")??this.indeterminate),super.update(e)}render(){const e=!this.prevChecked&&!this.prevIndeterminate,t=this.prevChecked&&!this.prevIndeterminate,o=this.prevIndeterminate,i=this.checked&&!this.indeterminate,a=this.indeterminate,s=be({disabled:this.disabled,selected:i||a,unselected:!i&&!a,checked:i,indeterminate:a,"prev-unselected":e,"prev-checked":t,"prev-indeterminate":o,"prev-disabled":this.prevDisabled}),{ariaLabel:d,ariaInvalid:h}=this;return _` +
    + + +
    +
    + + + +
    + `}handleInput(e){const t=e.target;this.checked=t.checked,this.indeterminate=t.indeterminate}handleChange(e){Ct(this,e)}[mt](){return!this.checked||this.indeterminate?null:this.value}[Ar](){return String(this.checked)}formResetCallback(){this.checked=this.hasAttribute("checked")}formStateRestoreCallback(e){this.checked=e==="true"}[Nt](){return new On(()=>this)}[Bt](){return this.input}};lt.shadowRootOptions={...W.shadowRootOptions,delegatesFocus:!0},l([p({type:Boolean})],lt.prototype,"checked",void 0),l([p({type:Boolean})],lt.prototype,"indeterminate",void 0),l([p({type:Boolean})],lt.prototype,"required",void 0),l([p()],lt.prototype,"value",void 0),l([ae()],lt.prototype,"prevChecked",void 0),l([ae()],lt.prototype,"prevDisabled",void 0),l([ae()],lt.prototype,"prevIndeterminate",void 0),l([Y("input")],lt.prototype,"input",void 0);/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const Dd=L`:host{border-start-start-radius:var(--md-checkbox-container-shape-start-start, var(--md-checkbox-container-shape, 2px));border-start-end-radius:var(--md-checkbox-container-shape-start-end, var(--md-checkbox-container-shape, 2px));border-end-end-radius:var(--md-checkbox-container-shape-end-end, var(--md-checkbox-container-shape, 2px));border-end-start-radius:var(--md-checkbox-container-shape-end-start, var(--md-checkbox-container-shape, 2px));display:inline-flex;height:var(--md-checkbox-container-size, 18px);position:relative;vertical-align:top;width:var(--md-checkbox-container-size, 18px);-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer}:host([disabled]){cursor:default}:host([touch-target=wrapper]){margin:max(0px,(48px - var(--md-checkbox-container-size, 18px))/2)}md-focus-ring{height:44px;inset:unset;width:44px}input{appearance:none;height:48px;margin:0;opacity:0;outline:none;position:absolute;width:48px;z-index:1;cursor:inherit}:host([touch-target=none]) input{height:100%;width:100%}.container{border-radius:inherit;display:flex;height:100%;place-content:center;place-items:center;position:relative;width:100%}.outline,.background,.icon{inset:0;position:absolute}.outline,.background{border-radius:inherit}.outline{border-color:var(--md-checkbox-outline-color, var(--md-sys-color-on-surface-variant, #49454f));border-style:solid;border-width:var(--md-checkbox-outline-width, 2px);box-sizing:border-box}.background{background-color:var(--md-checkbox-selected-container-color, var(--md-sys-color-primary, #6750a4))}.background,.icon{opacity:0;transition-duration:150ms,50ms;transition-property:transform,opacity;transition-timing-function:cubic-bezier(0.3, 0, 0.8, 0.15),linear;transform:scale(0.6)}:where(.selected) :is(.background,.icon){opacity:1;transition-duration:350ms,50ms;transition-timing-function:cubic-bezier(0.05, 0.7, 0.1, 1),linear;transform:scale(1)}md-ripple{border-radius:var(--md-checkbox-state-layer-shape, var(--md-sys-shape-corner-full, 9999px));height:var(--md-checkbox-state-layer-size, 40px);inset:unset;width:var(--md-checkbox-state-layer-size, 40px);--md-ripple-hover-color: var(--md-checkbox-hover-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--md-ripple-hover-opacity: var(--md-checkbox-hover-state-layer-opacity, 0.08);--md-ripple-pressed-color: var(--md-checkbox-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-pressed-opacity: var(--md-checkbox-pressed-state-layer-opacity, 0.12)}.selected md-ripple{--md-ripple-hover-color: var(--md-checkbox-selected-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-hover-opacity: var(--md-checkbox-selected-hover-state-layer-opacity, 0.08);--md-ripple-pressed-color: var(--md-checkbox-selected-pressed-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--md-ripple-pressed-opacity: var(--md-checkbox-selected-pressed-state-layer-opacity, 0.12)}.icon{fill:var(--md-checkbox-selected-icon-color, var(--md-sys-color-on-primary, #fff));height:var(--md-checkbox-icon-size, 18px);width:var(--md-checkbox-icon-size, 18px)}.mark.short{height:2px;transition-property:transform,height;width:2px}.mark.long{height:2px;transition-property:transform,width;width:10px}.mark{animation-duration:150ms;animation-timing-function:cubic-bezier(0.3, 0, 0.8, 0.15);transition-duration:150ms;transition-timing-function:cubic-bezier(0.3, 0, 0.8, 0.15)}.selected .mark{animation-duration:350ms;animation-timing-function:cubic-bezier(0.05, 0.7, 0.1, 1);transition-duration:350ms;transition-timing-function:cubic-bezier(0.05, 0.7, 0.1, 1)}.checked .mark,.prev-checked.unselected .mark{transform:scaleY(-1) translate(7px, -14px) rotate(45deg)}.checked .mark.short,.prev-checked.unselected .mark.short{height:5.6568542495px}.checked .mark.long,.prev-checked.unselected .mark.long{width:11.313708499px}.indeterminate .mark,.prev-indeterminate.unselected .mark{transform:scaleY(-1) translate(4px, -10px) rotate(0deg)}.prev-unselected .mark{transition-property:none}.prev-unselected.checked .mark.long{animation-name:prev-unselected-to-checked}@keyframes prev-unselected-to-checked{from{width:0}}:where(:hover) .outline{border-color:var(--md-checkbox-hover-outline-color, var(--md-sys-color-on-surface, #1d1b20));border-width:var(--md-checkbox-hover-outline-width, 2px)}:where(:hover) .background{background:var(--md-checkbox-selected-hover-container-color, var(--md-sys-color-primary, #6750a4))}:where(:hover) .icon{fill:var(--md-checkbox-selected-hover-icon-color, var(--md-sys-color-on-primary, #fff))}:where(:focus-within) .outline{border-color:var(--md-checkbox-focus-outline-color, var(--md-sys-color-on-surface, #1d1b20));border-width:var(--md-checkbox-focus-outline-width, 2px)}:where(:focus-within) .background{background:var(--md-checkbox-selected-focus-container-color, var(--md-sys-color-primary, #6750a4))}:where(:focus-within) .icon{fill:var(--md-checkbox-selected-focus-icon-color, var(--md-sys-color-on-primary, #fff))}:where(:active) .outline{border-color:var(--md-checkbox-pressed-outline-color, var(--md-sys-color-on-surface, #1d1b20));border-width:var(--md-checkbox-pressed-outline-width, 2px)}:where(:active) .background{background:var(--md-checkbox-selected-pressed-container-color, var(--md-sys-color-primary, #6750a4))}:where(:active) .icon{fill:var(--md-checkbox-selected-pressed-icon-color, var(--md-sys-color-on-primary, #fff))}:where(.disabled,.prev-disabled) :is(.background,.icon,.mark){animation-duration:0s;transition-duration:0s}:where(.disabled) .outline{border-color:var(--md-checkbox-disabled-outline-color, var(--md-sys-color-on-surface, #1d1b20));border-width:var(--md-checkbox-disabled-outline-width, 2px);opacity:var(--md-checkbox-disabled-container-opacity, 0.38)}:where(.selected.disabled) .outline{visibility:hidden}:where(.selected.disabled) .background{background:var(--md-checkbox-selected-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));opacity:var(--md-checkbox-selected-disabled-container-opacity, 0.38)}:where(.disabled) .icon{fill:var(--md-checkbox-selected-disabled-icon-color, var(--md-sys-color-surface, #fef7ff))}@media(forced-colors: active){.background{background-color:CanvasText}.selected.disabled .background{background-color:GrayText;opacity:1}.outline{border-color:CanvasText}.disabled .outline{border-color:GrayText;opacity:1}.icon{fill:Canvas}} +`;/** + * @license + * Copyright 2018 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */let fo=class extends lt{};fo.styles=[Dd],fo=l([H("md-checkbox")],fo);const Nd=Q({tagName:"md-checkbox",react:Z,elementClass:fo}),Bd=({checked:r,indeterminate:e,id:t,disabled:o,hidden:i,ariaLabel:a,ariaLabelledBy:s,ariaDescribedBy:d,ariaControls:h,required:y,onInput:v,onChange:f,onClick:C,onMouseDown:w,onMouseUp:A,onMouseEnter:S,onFocus:I,onBlur:O,className:R,style:B,tabIndex:U,name:P,...q})=>V.jsx(Nd,{...q,id:t,value:r?"on":"off",indeterminate:e,disabled:o||!1,required:y,checked:r,hidden:i,"touch-target":"wrapper","aria-label":a,"aria-labelledby":s,"aria-describedby":d,"aria-controls":h,"aria-required":y,onInput:v,onChange:f,onClick:C,onMouseDown:w,onMouseUp:A,onMouseEnter:S,onFocus:I,onBlur:O,className:R,style:B,tabIndex:U,name:P||void 0});/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const vo=Symbol("isFocusable"),oa=Symbol("privateIsFocusable"),mo=Symbol("externalTabIndex"),bo=Symbol("isUpdatingTabIndex"),yo=Symbol("updateTabIndex");function zn(r){var e,t,o;class i extends r{constructor(){super(...arguments),this[e]=!0,this[t]=null,this[o]=!1}get[vo](){return this[oa]}set[vo](s){this[vo]!==s&&(this[oa]=s,this[yo]())}connectedCallback(){super.connectedCallback(),this[yo]()}attributeChangedCallback(s,d,h){if(s!=="tabindex"){super.attributeChangedCallback(s,d,h);return}if(this.requestUpdate("tabIndex",Number(d??-1)),!this[bo]){if(!this.hasAttribute("tabindex")){this[mo]=null,this[yo]();return}this[mo]=this.tabIndex}}[(e=oa,t=mo,o=bo,yo)](){const s=this[vo]?0:-1,d=this[mo]??s;this[bo]=!0,this.tabIndex=d,this[bo]=!1}}return l([p({noAccessor:!0})],i.prototype,"tabIndex",void 0),i}/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */class jd extends oo{computeValidity(e){this.radioElement||(this.radioElement=document.createElement("input"),this.radioElement.type="radio",this.radioElement.name="group");let t=!1,o=!1;for(const{checked:i,required:a}of e)a&&(t=!0),i&&(o=!0);return this.radioElement.checked=o,this.radioElement.required=t,{validity:{valueMissing:t&&!o},validationMessage:this.radioElement.validationMessage}}equals(e,t){if(e.length!==t.length)return!1;for(let o=0;o({checked:t,required:o}))}}/** + * @license + * Copyright 2022 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */class Ud{get controls(){const e=this.host.getAttribute("name");return!e||!this.root||!this.host.isConnected?[this.host]:Array.from(this.root.querySelectorAll(`[name="${e}"]`))}constructor(e){this.host=e,this.focused=!1,this.root=null,this.handleFocusIn=()=>{this.focused=!0,this.updateTabIndices()},this.handleFocusOut=()=>{this.focused=!1,this.updateTabIndices()},this.handleKeyDown=t=>{const o=t.key==="ArrowDown",i=t.key==="ArrowUp",a=t.key==="ArrowLeft",s=t.key==="ArrowRight";if(!a&&!s&&!o&&!i)return;const d=this.controls;if(!d.length)return;t.preventDefault();const y=getComputedStyle(this.host).direction==="rtl"?a||o:s||o,v=d.indexOf(this.host);let f=y?v+1:v-1;for(;f!==v;){f>=d.length?f=0:f<0&&(f=d.length-1);const C=d[f];if(C.hasAttribute("disabled")){y?f++:f--;continue}for(const w of d)w!==C&&(w.checked=!1,w.tabIndex=-1,w.blur());C.checked=!0,C.tabIndex=0,C.focus(),C.dispatchEvent(new Event("change",{bubbles:!0}));break}}}hostConnected(){this.root=this.host.getRootNode(),this.host.addEventListener("keydown",this.handleKeyDown),this.host.addEventListener("focusin",this.handleFocusIn),this.host.addEventListener("focusout",this.handleFocusOut),this.host.checked&&this.uncheckSiblings(),this.updateTabIndices()}hostDisconnected(){this.host.removeEventListener("keydown",this.handleKeyDown),this.host.removeEventListener("focusin",this.handleFocusIn),this.host.removeEventListener("focusout",this.handleFocusOut),this.updateTabIndices(),this.root=null}handleCheckedChange(){this.host.checked&&(this.uncheckSiblings(),this.updateTabIndices())}uncheckSiblings(){for(const e of this.controls)e!==this.host&&(e.checked=!1)}updateTabIndices(){const e=this.controls,t=e.find(o=>o.checked);if(t||this.focused){const o=t||this.host;o.tabIndex=0;for(const i of e)i!==o&&(i.tabIndex=-1);return}for(const o of e)o.tabIndex=0}}/** + * @license + * Copyright 2018 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */var Pn;const ia=Symbol("checked");let Vd=0;const Hd=Sr(Qt(Et(zn(W))));let Pr=class extends Hd{get checked(){return this[ia]}set checked(e){const t=this.checked;t!==e&&(this[ia]=e,this.requestUpdate("checked",t),this.selectionController.handleCheckedChange())}constructor(){super(),this.maskId=`cutout${++Vd}`,this[Pn]=!1,this.required=!1,this.value="on",this.selectionController=new Ud(this),this.addController(this.selectionController),this[Me].role="radio",this.addEventListener("click",this.handleClick.bind(this)),this.addEventListener("keydown",this.handleKeydown.bind(this))}render(){const e={checked:this.checked};return _` + + `}updated(){this[Me].ariaChecked=String(this.checked)}async handleClick(e){this.disabled||(await 0,!e.defaultPrevented&&(Or(e)&&this.focus(),this.checked=!0,this.dispatchEvent(new Event("change",{bubbles:!0})),this.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0}))))}async handleKeydown(e){await 0,!(e.key!==" "||e.defaultPrevented)&&this.click()}[(Pn=ia,mt)](){return this.checked?this.value:null}[Ar](){return String(this.checked)}formResetCallback(){this.checked=this.hasAttribute("checked")}formStateRestoreCallback(e){this.checked=e==="true"}[Nt](){return new jd(()=>this.selectionController?this.selectionController.controls:[this])}[Bt](){return this.container}};l([p({type:Boolean})],Pr.prototype,"checked",null),l([p({type:Boolean})],Pr.prototype,"required",void 0),l([p()],Pr.prototype,"value",void 0),l([Y(".container")],Pr.prototype,"container",void 0);/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const qd=L`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20px);outline:none;position:relative;vertical-align:top;width:var(--md-radio-icon-size, 20px);-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;--md-ripple-hover-color: var(--md-radio-hover-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--md-ripple-hover-opacity: var(--md-radio-hover-state-layer-opacity, 0.08);--md-ripple-pressed-color: var(--md-radio-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-pressed-opacity: var(--md-radio-pressed-state-layer-opacity, 0.12)}:host([disabled]){cursor:default}:host([touch-target=wrapper]){margin:max(0px,(48px - var(--md-radio-icon-size, 20px))/2)}.container{display:flex;height:100%;place-content:center;place-items:center;width:100%}md-focus-ring{height:44px;inset:unset;width:44px}.checked{--md-ripple-hover-color: var(--md-radio-selected-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-hover-opacity: var(--md-radio-selected-hover-state-layer-opacity, 0.08);--md-ripple-pressed-color: var(--md-radio-selected-pressed-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--md-ripple-pressed-opacity: var(--md-radio-selected-pressed-state-layer-opacity, 0.12)}.touch-target{height:48px;position:absolute;width:48px}:host([touch-target=none]) .touch-target{display:none}md-ripple{border-radius:50%;height:var(--md-radio-state-layer-size, 40px);inset:unset;width:var(--md-radio-state-layer-size, 40px)}.icon{fill:var(--md-radio-icon-color, var(--md-sys-color-on-surface-variant, #49454f));inset:0;position:absolute}.outer.circle{transition:fill 50ms linear}.inner.circle{opacity:0;transform-origin:center;transition:opacity 50ms linear}.checked .icon{fill:var(--md-radio-selected-icon-color, var(--md-sys-color-primary, #6750a4))}.checked .inner.circle{animation:inner-circle-grow 300ms cubic-bezier(0.05, 0.7, 0.1, 1);opacity:1}@keyframes inner-circle-grow{from{transform:scale(0)}to{transform:scale(1)}}:host([disabled]) .circle{animation-duration:0s;transition-duration:0s}:host(:hover) .icon{fill:var(--md-radio-hover-icon-color, var(--md-sys-color-on-surface, #1d1b20))}:host(:focus-within) .icon{fill:var(--md-radio-focus-icon-color, var(--md-sys-color-on-surface, #1d1b20))}:host(:active) .icon{fill:var(--md-radio-pressed-icon-color, var(--md-sys-color-on-surface, #1d1b20))}:host([disabled]) .icon{fill:var(--md-radio-disabled-unselected-icon-color, var(--md-sys-color-on-surface, #1d1b20));opacity:var(--md-radio-disabled-unselected-icon-opacity, 0.38)}:host(:hover) .checked .icon{fill:var(--md-radio-selected-hover-icon-color, var(--md-sys-color-primary, #6750a4))}:host(:focus-within) .checked .icon{fill:var(--md-radio-selected-focus-icon-color, var(--md-sys-color-primary, #6750a4))}:host(:active) .checked .icon{fill:var(--md-radio-selected-pressed-icon-color, var(--md-sys-color-primary, #6750a4))}:host([disabled]) .checked .icon{fill:var(--md-radio-disabled-selected-icon-color, var(--md-sys-color-on-surface, #1d1b20));opacity:var(--md-radio-disabled-selected-icon-opacity, 0.38)}}@layer hcm{@media(forced-colors: active){.icon{fill:CanvasText}:host([disabled]) .icon{fill:GrayText;opacity:1}}} +`;/** + * @license + * Copyright 2022 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */let go=class extends Pr{};go.styles=[qd],go=l([H("md-radio")],go);const Wd=Q({react:Z,tagName:"md-radio",elementClass:go}),Kd=r=>{const{checked:e,value:t,required:o,disabled:i,name:a,ariaLabel:s,className:d,style:h,id:y,iconColor:v,selectedIconColor:f,iconSize:C,...w}=r;return V.jsx(Wd,{checked:e,value:t,required:o,disabled:i||!1,name:a,className:d,style:{...h,"--md-radio-icon-color":v||"var(--md-sys-on-surface-variant)","--md-radio-selected-icon-color":f||"var(--md-sys-color-primary)","--md-radio-icon-size":C||"20px"},id:y,"aria-label":s,...w})};/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */function Ln(r,e=dt){const t=xo(r,e);return t&&(t.tabIndex=0,t.focus()),t}function Fn(r,e=dt){const t=Mn(r,e);return t&&(t.tabIndex=0,t.focus()),t}function Yd(r,e=dt){const t=er(r,e);return t&&(t.item.tabIndex=-1),t}function er(r,e=dt){for(let t=0;t=0;t--){const o=r[t];if(e(o))return o}return null}function Gd(r,e,t=dt,o=!0){for(let i=1;ie&&!o)return null;const s=r[a];if(t(s))return s}return r[e]?r[e]:null}function Dn(r,e,t=dt,o=!0){if(e){const i=Gd(r,e.index,t,o);return i&&(i.tabIndex=0,i.focus()),i}else return Ln(r,t)}function Nn(r,e,t=dt,o=!0){if(e){const i=Xd(r,e.index,t,o);return i&&(i.tabIndex=0,i.focus()),i}else return Fn(r,t)}function _o(){return new Event("deactivate-items",{bubbles:!0,composed:!0})}function Bn(){return new Event("request-activation",{bubbles:!0,composed:!0})}function dt(r){return!r.disabled}/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const De={ArrowDown:"ArrowDown",ArrowLeft:"ArrowLeft",ArrowUp:"ArrowUp",ArrowRight:"ArrowRight",Home:"Home",End:"End"};class jn{constructor(e){this.handleKeydown=v=>{const f=v.key;if(v.defaultPrevented||!this.isNavigableKey(f))return;const C=this.items;if(!C.length)return;const w=er(C,this.isActivatable);v.preventDefault();const A=this.isRtl(),S=A?De.ArrowRight:De.ArrowLeft,I=A?De.ArrowLeft:De.ArrowRight;let O=null;switch(f){case De.ArrowDown:case I:O=Dn(C,w,this.isActivatable,this.wrapNavigation());break;case De.ArrowUp:case S:O=Nn(C,w,this.isActivatable,this.wrapNavigation());break;case De.Home:O=Ln(C,this.isActivatable);break;case De.End:O=Fn(C,this.isActivatable);break}O&&w&&w.item!==O&&(w.item.tabIndex=-1)},this.onDeactivateItems=()=>{const v=this.items;for(const f of v)this.deactivateItem(f)},this.onRequestActivation=v=>{this.onDeactivateItems();const f=v.target;this.activateItem(f),f.focus()},this.onSlotchange=()=>{const v=this.items;let f=!1;for(const w of v){if(!w.disabled&&w.tabIndex>-1&&!f){f=!0,w.tabIndex=0;continue}w.tabIndex=-1}if(f)return;const C=xo(v,this.isActivatable);C&&(C.tabIndex=0)};const{isItem:t,getPossibleItems:o,isRtl:i,deactivateItem:a,activateItem:s,isNavigableKey:d,isActivatable:h,wrapNavigation:y}=e;this.isItem=t,this.getPossibleItems=o,this.isRtl=i,this.deactivateItem=a,this.activateItem=s,this.isNavigableKey=d,this.isActivatable=h,this.wrapNavigation=y??(()=>!0)}get items(){const e=this.getPossibleItems(),t=[];for(const o of e){if(this.isItem(o)){t.push(o);continue}const a=o.item;a&&this.isItem(a)&&t.push(a)}return t}activateNextItem(){const e=this.items,t=er(e,this.isActivatable);return t&&(t.item.tabIndex=-1),Dn(e,t,this.isActivatable,this.wrapNavigation())}activatePreviousItem(){const e=this.items,t=er(e,this.isActivatable);return t&&(t.item.tabIndex=-1),Nn(e,t,this.isActivatable,this.wrapNavigation())}}/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */function Zd(r,e){return new CustomEvent("close-menu",{bubbles:!0,composed:!0,detail:{initiator:r,reason:e,itemPath:[r]}})}const Un=Zd;function Jd(){return new Event("deactivate-typeahead",{bubbles:!0,composed:!0})}function aa(){return new Event("activate-typeahead",{bubbles:!0,composed:!0})}const $t={UP:"ArrowUp",DOWN:"ArrowDown",RIGHT:"ArrowRight",LEFT:"ArrowLeft"},tr={SPACE:"Space",ENTER:"Enter"},na={CLICK_SELECTION:"click-selection",KEYDOWN:"keydown"},sa={ESCAPE:"Escape",SPACE:tr.SPACE,ENTER:tr.ENTER};function Vn(r){return Object.values(sa).some(e=>e===r)}function Qd(r){return Object.values(tr).some(e=>e===r)}function la(r,e){const t=new Event("md-contains",{bubbles:!0,composed:!0});let o=[];const i=s=>{o=s.composedPath()};return e.addEventListener("md-contains",i),r.dispatchEvent(t),e.removeEventListener("md-contains",i),o.length>0}const nt={NONE:"none",LIST_ROOT:"list-root",FIRST_ITEM:"first-item",LAST_ITEM:"last-item"};/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const wo={END_START:"end-start",END_END:"end-end",START_START:"start-start",START_END:"start-end"};class ec{constructor(e,t){this.host=e,this.getProperties=t,this.surfaceStylesInternal={display:"none"},this.lastValues={isOpen:!1},this.host.addController(this)}get surfaceStyles(){return this.surfaceStylesInternal}async position(){const{surfaceEl:e,anchorEl:t,anchorCorner:o,surfaceCorner:i,positioning:a,xOffset:s,yOffset:d,disableBlockFlip:h,disableInlineFlip:y,repositionStrategy:v}=this.getProperties(),f=o.toLowerCase().trim(),C=i.toLowerCase().trim();if(!e||!t)return;const w=window.innerWidth,A=window.innerHeight,S=document.createElement("div");S.style.opacity="0",S.style.position="fixed",S.style.display="block",S.style.inset="0",document.body.appendChild(S);const I=S.getBoundingClientRect();S.remove();const O=window.innerHeight-I.bottom,R=window.innerWidth-I.right;this.surfaceStylesInternal={display:"block",opacity:"0"},this.host.requestUpdate(),await this.host.updateComplete,e.popover&&e.isConnected&&e.showPopover();const B=e.getSurfacePositionClientRect?e.getSurfacePositionClientRect():e.getBoundingClientRect(),U=t.getSurfacePositionClientRect?t.getSurfacePositionClientRect():t.getBoundingClientRect(),[P,q]=C.split("-"),[D,ze]=f.split("-"),Be=getComputedStyle(e).direction==="ltr";let{blockInset:Pe,blockOutOfBoundsCorrection:We,surfaceBlockProperty:pt}=this.calculateBlock({surfaceRect:B,anchorRect:U,anchorBlock:D,surfaceBlock:P,yOffset:d,positioning:a,windowInnerHeight:A,blockScrollbarHeight:O});if(We&&!h){const Ge=P==="start"?"end":"start",F=D==="start"?"end":"start",Re=this.calculateBlock({surfaceRect:B,anchorRect:U,anchorBlock:F,surfaceBlock:Ge,yOffset:d,positioning:a,windowInnerHeight:A,blockScrollbarHeight:O});We>Re.blockOutOfBoundsCorrection&&(Pe=Re.blockInset,We=Re.blockOutOfBoundsCorrection,pt=Re.surfaceBlockProperty)}let{inlineInset:$e,inlineOutOfBoundsCorrection:Te,surfaceInlineProperty:Ae}=this.calculateInline({surfaceRect:B,anchorRect:U,anchorInline:ze,surfaceInline:q,xOffset:s,positioning:a,isLTR:Be,windowInnerWidth:w,inlineScrollbarWidth:R});if(Te&&!y){const Ge=q==="start"?"end":"start",F=ze==="start"?"end":"start",Re=this.calculateInline({surfaceRect:B,anchorRect:U,anchorInline:F,surfaceInline:Ge,xOffset:s,positioning:a,isLTR:Be,windowInnerWidth:w,inlineScrollbarWidth:R});Math.abs(Te)>Math.abs(Re.inlineOutOfBoundsCorrection)&&($e=Re.inlineInset,Te=Re.inlineOutOfBoundsCorrection,Ae=Re.surfaceInlineProperty)}v==="move"&&(Pe=Pe-We,$e=$e-Te),this.surfaceStylesInternal={display:"block",opacity:"1",[pt]:`${Pe}px`,[Ae]:`${$e}px`},v==="resize"&&(We&&(this.surfaceStylesInternal.height=`${B.height-We}px`),Te&&(this.surfaceStylesInternal.width=`${B.width-Te}px`)),this.host.requestUpdate()}calculateBlock(e){const{surfaceRect:t,anchorRect:o,anchorBlock:i,surfaceBlock:a,yOffset:s,positioning:d,windowInnerHeight:h,blockScrollbarHeight:y}=e,v=d==="fixed"||d==="document"?1:0,f=d==="document"?1:0,C=a==="start"?1:0,w=a==="end"?1:0,S=(i!==a?1:0)*o.height+s,I=C*o.top+w*(h-o.bottom-y),O=C*window.scrollY-w*window.scrollY,R=Math.abs(Math.min(0,h-I-S-t.height));return{blockInset:v*I+f*O+S,blockOutOfBoundsCorrection:R,surfaceBlockProperty:a==="start"?"inset-block-start":"inset-block-end"}}calculateInline(e){const{isLTR:t,surfaceInline:o,anchorInline:i,anchorRect:a,surfaceRect:s,xOffset:d,positioning:h,windowInnerWidth:y,inlineScrollbarWidth:v}=e,f=h==="fixed"||h==="document"?1:0,C=h==="document"?1:0,w=t?1:0,A=t?0:1,S=o==="start"?1:0,I=o==="end"?1:0,R=(i!==o?1:0)*a.width+d,B=S*a.left+I*(y-a.right-v),U=S*(y-a.right-v)+I*a.left,P=w*B+A*U,q=S*window.scrollX-I*window.scrollX,D=I*window.scrollX-S*window.scrollX,ze=w*q+A*D,Be=Math.abs(Math.min(0,y-P-R-s.width)),Pe=f*P+R+C*ze;let We=o==="start"?"inset-inline-start":"inset-inline-end";return(h==="document"||h==="fixed")&&(o==="start"&&t||o==="end"&&!t?We="left":We="right"),{inlineInset:Pe,inlineOutOfBoundsCorrection:Be,surfaceInlineProperty:We}}hostUpdate(){this.onUpdate()}hostUpdated(){this.onUpdate()}async onUpdate(){const e=this.getProperties();let t=!1;for(const[s,d]of Object.entries(e))if(t=t||d!==this.lastValues[s],t)break;const o=this.lastValues.isOpen!==e.isOpen,i=!!e.anchorEl,a=!!e.surfaceEl;t&&i&&a&&(this.lastValues.isOpen=e.isOpen,e.isOpen?(this.lastValues=e,await this.position(),e.onOpen()):o&&(await e.beforeClose(),this.close(),e.onClose()))}close(){this.surfaceStylesInternal={display:"none"},this.host.requestUpdate();const e=this.getProperties().surfaceEl;e!=null&&e.popover&&(e!=null&&e.isConnected)&&e.hidePopover()}}/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const ot={INDEX:0,ITEM:1,TEXT:2};class tc{constructor(e){this.getProperties=e,this.typeaheadRecords=[],this.typaheadBuffer="",this.cancelTypeaheadTimeout=0,this.isTypingAhead=!1,this.lastActiveRecord=null,this.onKeydown=t=>{this.isTypingAhead?this.typeahead(t):this.beginTypeahead(t)},this.endTypeahead=()=>{this.isTypingAhead=!1,this.typaheadBuffer="",this.typeaheadRecords=[]}}get items(){return this.getProperties().getItems()}get active(){return this.getProperties().active}beginTypeahead(e){this.active&&(e.code==="Space"||e.code==="Enter"||e.code.startsWith("Arrow")||e.code==="Escape"||(this.isTypingAhead=!0,this.typeaheadRecords=this.items.map((t,o)=>[o,t,t.typeaheadText.trim().toLowerCase()]),this.lastActiveRecord=this.typeaheadRecords.find(t=>t[ot.ITEM].tabIndex===0)??null,this.lastActiveRecord&&(this.lastActiveRecord[ot.ITEM].tabIndex=-1),this.typeahead(e)))}typeahead(e){if(e.defaultPrevented)return;if(clearTimeout(this.cancelTypeaheadTimeout),e.code==="Enter"||e.code.startsWith("Arrow")||e.code==="Escape"){this.endTypeahead(),this.lastActiveRecord&&(this.lastActiveRecord[ot.ITEM].tabIndex=-1);return}e.code==="Space"&&e.preventDefault(),this.cancelTypeaheadTimeout=setTimeout(this.endTypeahead,this.getProperties().typeaheadBufferTime),this.typaheadBuffer+=e.key.toLowerCase();const t=this.lastActiveRecord?this.lastActiveRecord[ot.INDEX]:-1,o=this.typeaheadRecords.length,i=h=>(h[ot.INDEX]+o-t)%o,a=this.typeaheadRecords.filter(h=>!h[ot.ITEM].disabled&&h[ot.TEXT].startsWith(this.typaheadBuffer)).sort((h,y)=>i(h)-i(y));if(a.length===0){clearTimeout(this.cancelTypeaheadTimeout),this.lastActiveRecord&&(this.lastActiveRecord[ot.ITEM].tabIndex=-1),this.endTypeahead();return}const s=this.typaheadBuffer.length===1;let d;this.lastActiveRecord===a[0]&&s?d=a[1]??a[0]:d=a[0],this.lastActiveRecord&&(this.lastActiveRecord[ot.ITEM].tabIndex=-1),this.lastActiveRecord=d,d[ot.ITEM].tabIndex=0,d[ot.ITEM].focus()}}/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const Hn=200,qn=new Set([De.ArrowDown,De.ArrowUp,De.Home,De.End]),rc=new Set([De.ArrowLeft,De.ArrowRight,...qn]);function oc(r=document){var t;let e=r.activeElement;for(;e&&((t=e==null?void 0:e.shadowRoot)!=null&&t.activeElement);)e=e.shadowRoot.activeElement;return e}let ke=class extends W{get openDirection(){return this.menuCorner.split("-")[0]==="start"?"DOWN":"UP"}get anchorElement(){return this.anchor?this.getRootNode().querySelector(`#${this.anchor}`):this.currentAnchorElement}set anchorElement(e){this.currentAnchorElement=e,this.requestUpdate("anchorElement")}constructor(){super(),this.anchor="",this.positioning="absolute",this.quick=!1,this.hasOverflow=!1,this.open=!1,this.xOffset=0,this.yOffset=0,this.noHorizontalFlip=!1,this.noVerticalFlip=!1,this.typeaheadDelay=Hn,this.anchorCorner=wo.END_START,this.menuCorner=wo.START_START,this.stayOpenOnOutsideClick=!1,this.stayOpenOnFocusout=!1,this.skipRestoreFocus=!1,this.defaultFocus=nt.FIRST_ITEM,this.noNavigationWrap=!1,this.typeaheadActive=!0,this.isSubmenu=!1,this.pointerPath=[],this.isRepositioning=!1,this.openCloseAnimationSignal=zl(),this.listController=new jn({isItem:e=>e.hasAttribute("md-menu-item"),getPossibleItems:()=>this.slotItems,isRtl:()=>getComputedStyle(this).direction==="rtl",deactivateItem:e=>{e.selected=!1,e.tabIndex=-1},activateItem:e=>{e.selected=!0,e.tabIndex=0},isNavigableKey:e=>{if(!this.isSubmenu)return rc.has(e);const o=getComputedStyle(this).direction==="rtl"?De.ArrowLeft:De.ArrowRight;return e===o?!0:qn.has(e)},wrapNavigation:()=>!this.noNavigationWrap}),this.lastFocusedElement=null,this.typeaheadController=new tc(()=>({getItems:()=>this.items,typeaheadBufferTime:this.typeaheadDelay,active:this.typeaheadActive})),this.currentAnchorElement=null,this.internals=this.attachInternals(),this.menuPositionController=new ec(this,()=>({anchorCorner:this.anchorCorner,surfaceCorner:this.menuCorner,surfaceEl:this.surfaceEl,anchorEl:this.anchorElement,positioning:this.positioning==="popover"?"document":this.positioning,isOpen:this.open,xOffset:this.xOffset,yOffset:this.yOffset,disableBlockFlip:this.noVerticalFlip,disableInlineFlip:this.noHorizontalFlip,onOpen:this.onOpened,beforeClose:this.beforeClose,onClose:this.onClosed,repositionStrategy:this.hasOverflow&&this.positioning!=="popover"?"move":"resize"})),this.onWindowResize=()=>{this.isRepositioning||this.positioning!=="document"&&this.positioning!=="fixed"&&this.positioning!=="popover"||(this.isRepositioning=!0,this.reposition(),this.isRepositioning=!1)},this.handleFocusout=async e=>{const t=this.anchorElement;if(this.stayOpenOnFocusout||!this.open||this.pointerPath.includes(t))return;if(e.relatedTarget){if(la(e.relatedTarget,this)||this.pointerPath.length!==0&&la(e.relatedTarget,t))return}else if(this.pointerPath.includes(this))return;const o=this.skipRestoreFocus;this.skipRestoreFocus=!0,this.close(),await this.updateComplete,this.skipRestoreFocus=o},this.onOpened=async()=>{this.lastFocusedElement=oc();const e=this.items,t=er(e);t&&this.defaultFocus!==nt.NONE&&(t.item.tabIndex=-1);let o=!this.quick;switch(this.quick?this.dispatchEvent(new Event("opening")):o=!!await this.animateOpen(),this.defaultFocus){case nt.FIRST_ITEM:const i=xo(e);i&&(i.tabIndex=0,i.focus(),await i.updateComplete);break;case nt.LAST_ITEM:const a=Mn(e);a&&(a.tabIndex=0,a.focus(),await a.updateComplete);break;case nt.LIST_ROOT:this.focus();break;default:case nt.NONE:break}o||this.dispatchEvent(new Event("opened"))},this.beforeClose=async()=>{var e,t;this.open=!1,this.skipRestoreFocus||(t=(e=this.lastFocusedElement)==null?void 0:e.focus)==null||t.call(e),this.quick||await this.animateClose()},this.onClosed=()=>{this.quick&&(this.dispatchEvent(new Event("closing")),this.dispatchEvent(new Event("closed")))},this.onWindowPointerdown=e=>{this.pointerPath=e.composedPath()},this.onDocumentClick=e=>{if(!this.open)return;const t=e.composedPath();!this.stayOpenOnOutsideClick&&!t.includes(this)&&!t.includes(this.anchorElement)&&(this.open=!1)},this.internals.role="menu",this.addEventListener("keydown",this.handleKeydown),this.addEventListener("keydown",this.captureKeydown,{capture:!0}),this.addEventListener("focusout",this.handleFocusout)}get items(){return this.listController.items}willUpdate(e){if(e.has("open")){if(this.open){this.removeAttribute("aria-hidden");return}this.setAttribute("aria-hidden","true")}}update(e){e.has("open")&&(this.open?this.setUpGlobalEventListeners():this.cleanUpGlobalEventListeners()),e.has("positioning")&&this.positioning==="popover"&&!this.showPopover&&(this.positioning="fixed"),super.update(e)}connectedCallback(){super.connectedCallback(),this.open&&this.setUpGlobalEventListeners()}disconnectedCallback(){super.disconnectedCallback(),this.cleanUpGlobalEventListeners()}getBoundingClientRect(){return this.surfaceEl?this.surfaceEl.getBoundingClientRect():super.getBoundingClientRect()}getClientRects(){return this.surfaceEl?this.surfaceEl.getClientRects():super.getClientRects()}render(){return this.renderSurface()}renderSurface(){return _` +
    + ${this.renderElevation()} +
    +
    ${this.renderMenuItems()}
    +
    +
    + `}renderMenuItems(){return _``}renderElevation(){return _``}getSurfaceClasses(){return{open:this.open,fixed:this.positioning==="fixed","has-overflow":this.hasOverflow}}captureKeydown(e){e.target===this&&!e.defaultPrevented&&Vn(e.code)&&(e.preventDefault(),this.close()),this.typeaheadController.onKeydown(e)}async animateOpen(){const e=this.surfaceEl,t=this.slotEl;if(!e||!t)return!0;const o=this.openDirection;this.dispatchEvent(new Event("opening")),e.classList.toggle("animating",!0);const i=this.openCloseAnimationSignal.start(),a=e.offsetHeight,s=o==="UP",d=this.items,h=500,y=50,v=250,f=(h-v)/d.length,C=e.animate([{height:"0px"},{height:`${a}px`}],{duration:h,easing:at.EMPHASIZED}),w=t.animate([{transform:s?`translateY(-${a}px)`:""},{transform:""}],{duration:h,easing:at.EMPHASIZED}),A=e.animate([{opacity:0},{opacity:1}],y),S=[];for(let R=0;R{U.classList.toggle("md-menu-hidden",!1)}),S.push([U,P])}let I=R=>{};const O=new Promise(R=>{I=R});return i.addEventListener("abort",()=>{C.cancel(),w.cancel(),A.cancel(),S.forEach(([R,B])=>{R.classList.toggle("md-menu-hidden",!1),B.cancel()}),I(!0)}),C.addEventListener("finish",()=>{e.classList.toggle("animating",!1),this.openCloseAnimationSignal.finish(),I(!1)}),await O}animateClose(){let e;const t=new Promise(P=>{e=P}),o=this.surfaceEl,i=this.slotEl;if(!o||!i)return e(!1),t;const s=this.openDirection==="UP";this.dispatchEvent(new Event("closing")),o.classList.toggle("animating",!0);const d=this.openCloseAnimationSignal.start(),h=o.offsetHeight,y=this.items,v=150,f=50,C=v-f,w=50,A=50,S=.35,I=(v-A-w)/y.length,O=o.animate([{height:`${h}px`},{height:`${h*S}px`}],{duration:v,easing:at.EMPHASIZED_ACCELERATE}),R=i.animate([{transform:""},{transform:s?`translateY(-${h*(1-S)}px)`:""}],{duration:v,easing:at.EMPHASIZED_ACCELERATE}),B=o.animate([{opacity:1},{opacity:0}],{duration:f,delay:C}),U=[];for(let P=0;P{D.classList.toggle("md-menu-hidden",!0)}),U.push([D,ze])}return d.addEventListener("abort",()=>{O.cancel(),R.cancel(),B.cancel(),U.forEach(([P,q])=>{q.cancel(),P.classList.toggle("md-menu-hidden",!1)}),e(!1)}),O.addEventListener("finish",()=>{o.classList.toggle("animating",!1),U.forEach(([P])=>{P.classList.toggle("md-menu-hidden",!1)}),this.openCloseAnimationSignal.finish(),this.dispatchEvent(new Event("closed")),e(!0)}),t}handleKeydown(e){this.pointerPath=[],this.listController.handleKeydown(e)}setUpGlobalEventListeners(){document.addEventListener("click",this.onDocumentClick,{capture:!0}),window.addEventListener("pointerdown",this.onWindowPointerdown),document.addEventListener("resize",this.onWindowResize,{passive:!0}),window.addEventListener("resize",this.onWindowResize,{passive:!0})}cleanUpGlobalEventListeners(){document.removeEventListener("click",this.onDocumentClick,{capture:!0}),window.removeEventListener("pointerdown",this.onWindowPointerdown),document.removeEventListener("resize",this.onWindowResize),window.removeEventListener("resize",this.onWindowResize)}onCloseMenu(){this.close()}onDeactivateItems(e){e.stopPropagation(),this.listController.onDeactivateItems()}onRequestActivation(e){e.stopPropagation(),this.listController.onRequestActivation(e)}handleDeactivateTypeahead(e){e.stopPropagation(),this.typeaheadActive=!1}handleActivateTypeahead(e){e.stopPropagation(),this.typeaheadActive=!0}handleStayOpenOnFocusout(e){e.stopPropagation(),this.stayOpenOnFocusout=!0}handleCloseOnFocusout(e){e.stopPropagation(),this.stayOpenOnFocusout=!1}close(){this.open=!1,this.slotItems.forEach(t=>{var o;(o=t.close)==null||o.call(t)})}show(){this.open=!0}activateNextItem(){return this.listController.activateNextItem()??null}activatePreviousItem(){return this.listController.activatePreviousItem()??null}reposition(){this.open&&this.menuPositionController.position()}};l([Y(".menu")],ke.prototype,"surfaceEl",void 0),l([Y("slot")],ke.prototype,"slotEl",void 0),l([p()],ke.prototype,"anchor",void 0),l([p()],ke.prototype,"positioning",void 0),l([p({type:Boolean})],ke.prototype,"quick",void 0),l([p({type:Boolean,attribute:"has-overflow"})],ke.prototype,"hasOverflow",void 0),l([p({type:Boolean,reflect:!0})],ke.prototype,"open",void 0),l([p({type:Number,attribute:"x-offset"})],ke.prototype,"xOffset",void 0),l([p({type:Number,attribute:"y-offset"})],ke.prototype,"yOffset",void 0),l([p({type:Boolean,attribute:"no-horizontal-flip"})],ke.prototype,"noHorizontalFlip",void 0),l([p({type:Boolean,attribute:"no-vertical-flip"})],ke.prototype,"noVerticalFlip",void 0),l([p({type:Number,attribute:"typeahead-delay"})],ke.prototype,"typeaheadDelay",void 0),l([p({attribute:"anchor-corner"})],ke.prototype,"anchorCorner",void 0),l([p({attribute:"menu-corner"})],ke.prototype,"menuCorner",void 0),l([p({type:Boolean,attribute:"stay-open-on-outside-click"})],ke.prototype,"stayOpenOnOutsideClick",void 0),l([p({type:Boolean,attribute:"stay-open-on-focusout"})],ke.prototype,"stayOpenOnFocusout",void 0),l([p({type:Boolean,attribute:"skip-restore-focus"})],ke.prototype,"skipRestoreFocus",void 0),l([p({attribute:"default-focus"})],ke.prototype,"defaultFocus",void 0),l([p({type:Boolean,attribute:"no-navigation-wrap"})],ke.prototype,"noNavigationWrap",void 0),l([He({flatten:!0})],ke.prototype,"slotItems",void 0),l([ae()],ke.prototype,"typeaheadActive",void 0);/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const ic=L`:host{--md-elevation-level: var(--md-menu-container-elevation, 2);--md-elevation-shadow-color: var(--md-menu-container-shadow-color, var(--md-sys-color-shadow, #000));min-width:112px;color:unset;display:contents}md-focus-ring{--md-focus-ring-shape: var(--md-menu-container-shape, var(--md-sys-shape-corner-extra-small, 4px))}.menu{border-radius:var(--md-menu-container-shape, var(--md-sys-shape-corner-extra-small, 4px));display:none;inset:auto;border:none;padding:0px;overflow:visible;background-color:rgba(0,0,0,0);color:inherit;opacity:0;z-index:20;position:absolute;user-select:none;max-height:inherit;height:inherit;min-width:inherit;max-width:inherit;scrollbar-width:inherit}.menu::backdrop{display:none}.fixed{position:fixed}.items{display:block;list-style-type:none;margin:0;outline:none;box-sizing:border-box;background-color:var(--md-menu-container-color, var(--md-sys-color-surface-container, #f3edf7));height:inherit;max-height:inherit;overflow:auto;min-width:inherit;max-width:inherit;border-radius:inherit;scrollbar-width:inherit}.item-padding{padding-block:8px}.has-overflow:not([popover]) .items{overflow:visible}.has-overflow.animating .items,.animating .items{overflow:hidden}.has-overflow.animating .items{pointer-events:none}.animating ::slotted(.md-menu-hidden){opacity:0}slot{display:block;height:inherit;max-height:inherit}::slotted(:is(md-divider,[role=separator])){margin:8px 0}@media(forced-colors: active){.menu{border-style:solid;border-color:CanvasText;border-width:1px}} +`;/** + * @license + * Copyright 2022 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */let ko=class extends ke{};ko.styles=[ic],ko=l([H("md-menu")],ko);/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */class ac extends oo{computeValidity(e){return this.selectControl||(this.selectControl=document.createElement("select")),Di(_``,this.selectControl),this.selectControl.value=e.value,this.selectControl.required=e.required,{validity:this.selectControl.validity,validationMessage:this.selectControl.validationMessage}}equals(e,t){return e.value===t.value&&e.required===t.required}copy({value:e,required:t}){return{value:e,required:t}}}/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */function nc(r){const e=[];for(let t=0;te)}get hasError(){return this.error||this.nativeError}constructor(){super(),this.quick=!1,this.required=!1,this.errorText="",this.label="",this.noAsterisk=!1,this.supportingText="",this.error=!1,this.menuPositioning="popover",this.clampMenuWidth=!1,this.typeaheadDelay=Hn,this.hasLeadingIcon=!1,this.displayText="",this.menuAlign="start",this[Wn]="",this.lastUserSetValue=null,this.lastUserSetSelectedIndex=null,this.lastSelectedOption=null,this.lastSelectedOptionRecords=[],this.nativeError=!1,this.nativeErrorText="",this.focused=!1,this.open=!1,this.defaultFocus=nt.NONE,this.prevOpen=this.open,this.selectWidth=0,this.addEventListener("focus",this.handleFocus.bind(this)),this.addEventListener("blur",this.handleBlur.bind(this))}select(e){const t=this.options.find(o=>o.value===e);t&&this.selectItem(t)}selectIndex(e){const t=this.options[e];t&&this.selectItem(t)}reset(){for(const e of this.options)e.selected=e.hasAttribute("selected");this.updateValueAndDisplayText(),this.nativeError=!1,this.nativeErrorText=""}[(Wn=Co,Jr)](e){var o;e==null||e.preventDefault();const t=this.getErrorText();this.nativeError=!!e,this.nativeErrorText=this.validationMessage,t===this.getErrorText()&&((o=this.field)==null||o.reannounceError())}update(e){if(this.hasUpdated||this.initUserSelection(),this.prevOpen!==this.open&&this.open){const t=this.getBoundingClientRect();this.selectWidth=t.width}this.prevOpen=this.open,super.update(e)}render(){return _` + + ${this.renderField()} ${this.renderMenu()} + + `}async firstUpdated(e){var t;await((t=this.menu)==null?void 0:t.updateComplete),this.lastSelectedOptionRecords.length||this.initUserSelection(),!this.lastSelectedOptionRecords.length&&!Ol&&!this.options.length&&setTimeout(()=>{this.updateValueAndDisplayText()}),super.firstUpdated(e)}getRenderClasses(){return{disabled:this.disabled,error:this.error,open:this.open}}renderField(){return Tr` + <${this.fieldTag} + aria-haspopup="listbox" + role="combobox" + part="field" + id="field" + tabindex=${this.disabled?"-1":"0"} + aria-label=${this.ariaLabel||x} + aria-describedby="description" + aria-expanded=${this.open?"true":"false"} + aria-controls="listbox" + class="field" + label=${this.label} + ?no-asterisk=${this.noAsterisk} + .focused=${this.focused||this.open} + .populated=${!!this.displayText} + .disabled=${this.disabled} + .required=${this.required} + .error=${this.hasError} + ?has-start=${this.hasLeadingIcon} + has-end + supporting-text=${this.supportingText} + error-text=${this.getErrorText()} + @keydown=${this.handleKeydown} + @click=${this.handleClick}> + ${this.renderFieldContent()} +
    + `}renderFieldContent(){return[this.renderLeadingIcon(),this.renderLabel(),this.renderTrailingIcon()]}renderLeadingIcon(){return _` + + + + `}renderTrailingIcon(){return _` + + + + + + + + + `}renderLabel(){return _`
    ${this.displayText||_` `}
    `}renderMenu(){const e=this.label||this.ariaLabel;return _`
    + + ${this.renderMenuContent()} + +
    `}renderMenuContent(){return _``}handleKeydown(e){var a,s;if(this.open||this.disabled||!this.menu)return;const t=this.menu.typeaheadController,o=e.code==="Space"||e.code==="ArrowDown"||e.code==="ArrowUp"||e.code==="End"||e.code==="Home"||e.code==="Enter";if(!t.isTypingAhead&&o){switch(e.preventDefault(),this.open=!0,e.code){case"Space":case"ArrowDown":case"Enter":this.defaultFocus=nt.NONE;break;case"End":this.defaultFocus=nt.LAST_ITEM;break;case"ArrowUp":case"Home":this.defaultFocus=nt.FIRST_ITEM;break}return}if(e.key.length===1){t.onKeydown(e),e.preventDefault();const{lastActiveRecord:d}=t;if(!d)return;(s=(a=this.labelEl)==null?void 0:a.setAttribute)==null||s.call(a,"aria-live","polite"),this.selectItem(d[ot.ITEM])&&this.dispatchInteractionEvents()}}handleClick(){this.open=!this.open}handleFocus(){this.focused=!0}handleBlur(){this.focused=!1}handleFocusout(e){e.relatedTarget&&la(e.relatedTarget,this)||(this.open=!1)}getSelectedOptions(){if(!this.menu)return this.lastSelectedOptionRecords=[],null;const e=this.menu.items;return this.lastSelectedOptionRecords=nc(e),this.lastSelectedOptionRecords}async getUpdateComplete(){var e;return await((e=this.menu)==null?void 0:e.updateComplete),super.getUpdateComplete()}updateValueAndDisplayText(){const e=this.getSelectedOptions()??[];let t=!1;if(e.length){const[o]=e[0];t=this.lastSelectedOption!==o,this.lastSelectedOption=o,this[Co]=o.value,this.displayText=o.displayText}else t=this.lastSelectedOption!==null,this.lastSelectedOption=null,this[Co]="",this.displayText="";return t}async handleOpening(e){var a,s,d;if((s=(a=this.labelEl)==null?void 0:a.removeAttribute)==null||s.call(a,"aria-live"),this.redispatchEvent(e),this.defaultFocus!==nt.NONE)return;const t=this.menu.items,o=(d=er(t))==null?void 0:d.item;let[i]=this.lastSelectedOptionRecords[0]??[null];o&&o!==i&&(o.tabIndex=-1),i=i??t[0],i&&(i.tabIndex=0,i.focus())}redispatchEvent(e){Ct(this,e)}handleClosed(e){this.open=!1,this.redispatchEvent(e)}handleCloseMenu(e){const t=e.detail.reason,o=e.detail.itemPath[0];this.open=!1;let i=!1;t.kind==="click-selection"?i=this.selectItem(o):t.kind==="keydown"&&Qd(t.key)?i=this.selectItem(o):(o.tabIndex=-1,o.blur()),i&&this.dispatchInteractionEvents()}selectItem(e){return(this.getSelectedOptions()??[]).forEach(([o])=>{e!==o&&(o.selected=!1)}),e.selected=!0,this.updateValueAndDisplayText()}handleRequestSelection(e){const t=e.target;this.lastSelectedOptionRecords.some(([o])=>o===t)||this.selectItem(t)}handleRequestDeselection(e){const t=e.target;this.lastSelectedOptionRecords.some(([o])=>o===t)&&this.updateValueAndDisplayText()}initUserSelection(){this.lastUserSetValue&&!this.lastSelectedOptionRecords.length?this.select(this.lastUserSetValue):this.lastUserSetSelectedIndex!==null&&!this.lastSelectedOptionRecords.length?this.selectIndex(this.lastUserSetSelectedIndex):this.updateValueAndDisplayText()}handleIconChange(){this.hasLeadingIcon=this.leadingIcons.length>0}dispatchInteractionEvents(){this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0})),this.dispatchEvent(new Event("change",{bubbles:!0}))}getErrorText(){return this.error?this.errorText:this.nativeErrorText}[mt](){return this.value}formResetCallback(){this.reset()}formStateRestoreCallback(e){this.value=e}click(){var e;(e=this.field)==null||e.click()}[Nt](){return new ac(()=>this)}[Bt](){return this.field}};pe.shadowRootOptions={...W.shadowRootOptions,delegatesFocus:!0},l([p({type:Boolean})],pe.prototype,"quick",void 0),l([p({type:Boolean})],pe.prototype,"required",void 0),l([p({type:String,attribute:"error-text"})],pe.prototype,"errorText",void 0),l([p()],pe.prototype,"label",void 0),l([p({type:Boolean,attribute:"no-asterisk"})],pe.prototype,"noAsterisk",void 0),l([p({type:String,attribute:"supporting-text"})],pe.prototype,"supportingText",void 0),l([p({type:Boolean,reflect:!0})],pe.prototype,"error",void 0),l([p({attribute:"menu-positioning"})],pe.prototype,"menuPositioning",void 0),l([p({type:Boolean,attribute:"clamp-menu-width"})],pe.prototype,"clampMenuWidth",void 0),l([p({type:Number,attribute:"typeahead-delay"})],pe.prototype,"typeaheadDelay",void 0),l([p({type:Boolean,attribute:"has-leading-icon"})],pe.prototype,"hasLeadingIcon",void 0),l([p({attribute:"display-text"})],pe.prototype,"displayText",void 0),l([p({attribute:"menu-align"})],pe.prototype,"menuAlign",void 0),l([p()],pe.prototype,"value",null),l([p({type:Number,attribute:"selected-index"})],pe.prototype,"selectedIndex",null),l([ae()],pe.prototype,"nativeError",void 0),l([ae()],pe.prototype,"nativeErrorText",void 0),l([ae()],pe.prototype,"focused",void 0),l([ae()],pe.prototype,"open",void 0),l([ae()],pe.prototype,"defaultFocus",void 0),l([Y(".field")],pe.prototype,"field",void 0),l([Y("md-menu")],pe.prototype,"menu",void 0),l([Y("#label")],pe.prototype,"labelEl",void 0),l([He({slot:"leading-icon",flatten:!0})],pe.prototype,"leadingIcons",void 0);/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */class lc extends pe{constructor(){super(...arguments),this.fieldTag=Xe`md-filled-field`}}/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const dc=L`:host{--_text-field-active-indicator-color: var(--md-filled-select-text-field-active-indicator-color, var(--md-sys-color-on-surface-variant, #49454f));--_text-field-active-indicator-height: var(--md-filled-select-text-field-active-indicator-height, 1px);--_text-field-container-color: var(--md-filled-select-text-field-container-color, var(--md-sys-color-surface-container-highest, #e6e0e9));--_text-field-disabled-active-indicator-color: var(--md-filled-select-text-field-disabled-active-indicator-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-disabled-active-indicator-height: var(--md-filled-select-text-field-disabled-active-indicator-height, 1px);--_text-field-disabled-active-indicator-opacity: var(--md-filled-select-text-field-disabled-active-indicator-opacity, 0.38);--_text-field-disabled-container-color: var(--md-filled-select-text-field-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-disabled-container-opacity: var(--md-filled-select-text-field-disabled-container-opacity, 0.04);--_text-field-disabled-input-text-color: var(--md-filled-select-text-field-disabled-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-disabled-input-text-opacity: var(--md-filled-select-text-field-disabled-input-text-opacity, 0.38);--_text-field-disabled-label-text-color: var(--md-filled-select-text-field-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-disabled-label-text-opacity: var(--md-filled-select-text-field-disabled-label-text-opacity, 0.38);--_text-field-disabled-leading-icon-color: var(--md-filled-select-text-field-disabled-leading-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-disabled-leading-icon-opacity: var(--md-filled-select-text-field-disabled-leading-icon-opacity, 0.38);--_text-field-disabled-supporting-text-color: var(--md-filled-select-text-field-disabled-supporting-text-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-disabled-supporting-text-opacity: var(--md-filled-select-text-field-disabled-supporting-text-opacity, 0.38);--_text-field-disabled-trailing-icon-color: var(--md-filled-select-text-field-disabled-trailing-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-disabled-trailing-icon-opacity: var(--md-filled-select-text-field-disabled-trailing-icon-opacity, 0.38);--_text-field-error-active-indicator-color: var(--md-filled-select-text-field-error-active-indicator-color, var(--md-sys-color-error, #b3261e));--_text-field-error-focus-active-indicator-color: var(--md-filled-select-text-field-error-focus-active-indicator-color, var(--md-sys-color-error, #b3261e));--_text-field-error-focus-input-text-color: var(--md-filled-select-text-field-error-focus-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-error-focus-label-text-color: var(--md-filled-select-text-field-error-focus-label-text-color, var(--md-sys-color-error, #b3261e));--_text-field-error-focus-leading-icon-color: var(--md-filled-select-text-field-error-focus-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_text-field-error-focus-supporting-text-color: var(--md-filled-select-text-field-error-focus-supporting-text-color, var(--md-sys-color-error, #b3261e));--_text-field-error-focus-trailing-icon-color: var(--md-filled-select-text-field-error-focus-trailing-icon-color, var(--md-sys-color-error, #b3261e));--_text-field-error-hover-active-indicator-color: var(--md-filled-select-text-field-error-hover-active-indicator-color, var(--md-sys-color-on-error-container, #410e0b));--_text-field-error-hover-input-text-color: var(--md-filled-select-text-field-error-hover-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-error-hover-label-text-color: var(--md-filled-select-text-field-error-hover-label-text-color, var(--md-sys-color-on-error-container, #410e0b));--_text-field-error-hover-leading-icon-color: var(--md-filled-select-text-field-error-hover-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_text-field-error-hover-state-layer-color: var(--md-filled-select-text-field-error-hover-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-error-hover-state-layer-opacity: var(--md-filled-select-text-field-error-hover-state-layer-opacity, 0.08);--_text-field-error-hover-supporting-text-color: var(--md-filled-select-text-field-error-hover-supporting-text-color, var(--md-sys-color-error, #b3261e));--_text-field-error-hover-trailing-icon-color: var(--md-filled-select-text-field-error-hover-trailing-icon-color, var(--md-sys-color-on-error-container, #410e0b));--_text-field-error-input-text-color: var(--md-filled-select-text-field-error-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-error-label-text-color: var(--md-filled-select-text-field-error-label-text-color, var(--md-sys-color-error, #b3261e));--_text-field-error-leading-icon-color: var(--md-filled-select-text-field-error-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_text-field-error-supporting-text-color: var(--md-filled-select-text-field-error-supporting-text-color, var(--md-sys-color-error, #b3261e));--_text-field-error-trailing-icon-color: var(--md-filled-select-text-field-error-trailing-icon-color, var(--md-sys-color-error, #b3261e));--_text-field-focus-active-indicator-color: var(--md-filled-select-text-field-focus-active-indicator-color, var(--md-sys-color-primary, #6750a4));--_text-field-focus-active-indicator-height: var(--md-filled-select-text-field-focus-active-indicator-height, 3px);--_text-field-focus-input-text-color: var(--md-filled-select-text-field-focus-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-focus-label-text-color: var(--md-filled-select-text-field-focus-label-text-color, var(--md-sys-color-primary, #6750a4));--_text-field-focus-leading-icon-color: var(--md-filled-select-text-field-focus-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_text-field-focus-supporting-text-color: var(--md-filled-select-text-field-focus-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_text-field-focus-trailing-icon-color: var(--md-filled-select-text-field-focus-trailing-icon-color, var(--md-sys-color-primary, #6750a4));--_text-field-hover-active-indicator-color: var(--md-filled-select-text-field-hover-active-indicator-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-hover-active-indicator-height: var(--md-filled-select-text-field-hover-active-indicator-height, 1px);--_text-field-hover-input-text-color: var(--md-filled-select-text-field-hover-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-hover-label-text-color: var(--md-filled-select-text-field-hover-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-hover-leading-icon-color: var(--md-filled-select-text-field-hover-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_text-field-hover-state-layer-color: var(--md-filled-select-text-field-hover-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-hover-state-layer-opacity: var(--md-filled-select-text-field-hover-state-layer-opacity, 0.08);--_text-field-hover-supporting-text-color: var(--md-filled-select-text-field-hover-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_text-field-hover-trailing-icon-color: var(--md-filled-select-text-field-hover-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_text-field-input-text-color: var(--md-filled-select-text-field-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-input-text-font: var(--md-filled-select-text-field-input-text-font, var(--md-sys-typescale-body-large-font, var(--md-ref-typeface-plain, Roboto)));--_text-field-input-text-line-height: var(--md-filled-select-text-field-input-text-line-height, var(--md-sys-typescale-body-large-line-height, 1.5rem));--_text-field-input-text-size: var(--md-filled-select-text-field-input-text-size, var(--md-sys-typescale-body-large-size, 1rem));--_text-field-input-text-weight: var(--md-filled-select-text-field-input-text-weight, var(--md-sys-typescale-body-large-weight, var(--md-ref-typeface-weight-regular, 400)));--_text-field-label-text-color: var(--md-filled-select-text-field-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_text-field-label-text-font: var(--md-filled-select-text-field-label-text-font, var(--md-sys-typescale-body-large-font, var(--md-ref-typeface-plain, Roboto)));--_text-field-label-text-line-height: var(--md-filled-select-text-field-label-text-line-height, var(--md-sys-typescale-body-large-line-height, 1.5rem));--_text-field-label-text-populated-line-height: var(--md-filled-select-text-field-label-text-populated-line-height, var(--md-sys-typescale-body-small-line-height, 1rem));--_text-field-label-text-populated-size: var(--md-filled-select-text-field-label-text-populated-size, var(--md-sys-typescale-body-small-size, 0.75rem));--_text-field-label-text-size: var(--md-filled-select-text-field-label-text-size, var(--md-sys-typescale-body-large-size, 1rem));--_text-field-label-text-weight: var(--md-filled-select-text-field-label-text-weight, var(--md-sys-typescale-body-large-weight, var(--md-ref-typeface-weight-regular, 400)));--_text-field-leading-icon-color: var(--md-filled-select-text-field-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_text-field-leading-icon-size: var(--md-filled-select-text-field-leading-icon-size, 24px);--_text-field-supporting-text-color: var(--md-filled-select-text-field-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_text-field-supporting-text-font: var(--md-filled-select-text-field-supporting-text-font, var(--md-sys-typescale-body-small-font, var(--md-ref-typeface-plain, Roboto)));--_text-field-supporting-text-line-height: var(--md-filled-select-text-field-supporting-text-line-height, var(--md-sys-typescale-body-small-line-height, 1rem));--_text-field-supporting-text-size: var(--md-filled-select-text-field-supporting-text-size, var(--md-sys-typescale-body-small-size, 0.75rem));--_text-field-supporting-text-weight: var(--md-filled-select-text-field-supporting-text-weight, var(--md-sys-typescale-body-small-weight, var(--md-ref-typeface-weight-regular, 400)));--_text-field-trailing-icon-color: var(--md-filled-select-text-field-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_text-field-trailing-icon-size: var(--md-filled-select-text-field-trailing-icon-size, 24px);--_text-field-container-shape-start-start: var(--md-filled-select-text-field-container-shape-start-start, var(--md-filled-select-text-field-container-shape, var(--md-sys-shape-corner-extra-small, 4px)));--_text-field-container-shape-start-end: var(--md-filled-select-text-field-container-shape-start-end, var(--md-filled-select-text-field-container-shape, var(--md-sys-shape-corner-extra-small, 4px)));--_text-field-container-shape-end-end: var(--md-filled-select-text-field-container-shape-end-end, var(--md-filled-select-text-field-container-shape, var(--md-sys-shape-corner-none, 0px)));--_text-field-container-shape-end-start: var(--md-filled-select-text-field-container-shape-end-start, var(--md-filled-select-text-field-container-shape, var(--md-sys-shape-corner-none, 0px)));--md-filled-field-active-indicator-color: var(--_text-field-active-indicator-color);--md-filled-field-active-indicator-height: var(--_text-field-active-indicator-height);--md-filled-field-container-color: var(--_text-field-container-color);--md-filled-field-container-shape-end-end: var(--_text-field-container-shape-end-end);--md-filled-field-container-shape-end-start: var(--_text-field-container-shape-end-start);--md-filled-field-container-shape-start-end: var(--_text-field-container-shape-start-end);--md-filled-field-container-shape-start-start: var(--_text-field-container-shape-start-start);--md-filled-field-content-color: var(--_text-field-input-text-color);--md-filled-field-content-font: var(--_text-field-input-text-font);--md-filled-field-content-line-height: var(--_text-field-input-text-line-height);--md-filled-field-content-size: var(--_text-field-input-text-size);--md-filled-field-content-weight: var(--_text-field-input-text-weight);--md-filled-field-disabled-active-indicator-color: var(--_text-field-disabled-active-indicator-color);--md-filled-field-disabled-active-indicator-height: var(--_text-field-disabled-active-indicator-height);--md-filled-field-disabled-active-indicator-opacity: var(--_text-field-disabled-active-indicator-opacity);--md-filled-field-disabled-container-color: var(--_text-field-disabled-container-color);--md-filled-field-disabled-container-opacity: var(--_text-field-disabled-container-opacity);--md-filled-field-disabled-content-color: var(--_text-field-disabled-input-text-color);--md-filled-field-disabled-content-opacity: var(--_text-field-disabled-input-text-opacity);--md-filled-field-disabled-label-text-color: var(--_text-field-disabled-label-text-color);--md-filled-field-disabled-label-text-opacity: var(--_text-field-disabled-label-text-opacity);--md-filled-field-disabled-leading-content-color: var(--_text-field-disabled-leading-icon-color);--md-filled-field-disabled-leading-content-opacity: var(--_text-field-disabled-leading-icon-opacity);--md-filled-field-disabled-supporting-text-color: var(--_text-field-disabled-supporting-text-color);--md-filled-field-disabled-supporting-text-opacity: var(--_text-field-disabled-supporting-text-opacity);--md-filled-field-disabled-trailing-content-color: var(--_text-field-disabled-trailing-icon-color);--md-filled-field-disabled-trailing-content-opacity: var(--_text-field-disabled-trailing-icon-opacity);--md-filled-field-error-active-indicator-color: var(--_text-field-error-active-indicator-color);--md-filled-field-error-content-color: var(--_text-field-error-input-text-color);--md-filled-field-error-focus-active-indicator-color: var(--_text-field-error-focus-active-indicator-color);--md-filled-field-error-focus-content-color: var(--_text-field-error-focus-input-text-color);--md-filled-field-error-focus-label-text-color: var(--_text-field-error-focus-label-text-color);--md-filled-field-error-focus-leading-content-color: var(--_text-field-error-focus-leading-icon-color);--md-filled-field-error-focus-supporting-text-color: var(--_text-field-error-focus-supporting-text-color);--md-filled-field-error-focus-trailing-content-color: var(--_text-field-error-focus-trailing-icon-color);--md-filled-field-error-hover-active-indicator-color: var(--_text-field-error-hover-active-indicator-color);--md-filled-field-error-hover-content-color: var(--_text-field-error-hover-input-text-color);--md-filled-field-error-hover-label-text-color: var(--_text-field-error-hover-label-text-color);--md-filled-field-error-hover-leading-content-color: var(--_text-field-error-hover-leading-icon-color);--md-filled-field-error-hover-state-layer-color: var(--_text-field-error-hover-state-layer-color);--md-filled-field-error-hover-state-layer-opacity: var(--_text-field-error-hover-state-layer-opacity);--md-filled-field-error-hover-supporting-text-color: var(--_text-field-error-hover-supporting-text-color);--md-filled-field-error-hover-trailing-content-color: var(--_text-field-error-hover-trailing-icon-color);--md-filled-field-error-label-text-color: var(--_text-field-error-label-text-color);--md-filled-field-error-leading-content-color: var(--_text-field-error-leading-icon-color);--md-filled-field-error-supporting-text-color: var(--_text-field-error-supporting-text-color);--md-filled-field-error-trailing-content-color: var(--_text-field-error-trailing-icon-color);--md-filled-field-focus-active-indicator-color: var(--_text-field-focus-active-indicator-color);--md-filled-field-focus-active-indicator-height: var(--_text-field-focus-active-indicator-height);--md-filled-field-focus-content-color: var(--_text-field-focus-input-text-color);--md-filled-field-focus-label-text-color: var(--_text-field-focus-label-text-color);--md-filled-field-focus-leading-content-color: var(--_text-field-focus-leading-icon-color);--md-filled-field-focus-supporting-text-color: var(--_text-field-focus-supporting-text-color);--md-filled-field-focus-trailing-content-color: var(--_text-field-focus-trailing-icon-color);--md-filled-field-hover-active-indicator-color: var(--_text-field-hover-active-indicator-color);--md-filled-field-hover-active-indicator-height: var(--_text-field-hover-active-indicator-height);--md-filled-field-hover-content-color: var(--_text-field-hover-input-text-color);--md-filled-field-hover-label-text-color: var(--_text-field-hover-label-text-color);--md-filled-field-hover-leading-content-color: var(--_text-field-hover-leading-icon-color);--md-filled-field-hover-state-layer-color: var(--_text-field-hover-state-layer-color);--md-filled-field-hover-state-layer-opacity: var(--_text-field-hover-state-layer-opacity);--md-filled-field-hover-supporting-text-color: var(--_text-field-hover-supporting-text-color);--md-filled-field-hover-trailing-content-color: var(--_text-field-hover-trailing-icon-color);--md-filled-field-label-text-color: var(--_text-field-label-text-color);--md-filled-field-label-text-font: var(--_text-field-label-text-font);--md-filled-field-label-text-line-height: var(--_text-field-label-text-line-height);--md-filled-field-label-text-populated-line-height: var(--_text-field-label-text-populated-line-height);--md-filled-field-label-text-populated-size: var(--_text-field-label-text-populated-size);--md-filled-field-label-text-size: var(--_text-field-label-text-size);--md-filled-field-label-text-weight: var(--_text-field-label-text-weight);--md-filled-field-leading-content-color: var(--_text-field-leading-icon-color);--md-filled-field-supporting-text-color: var(--_text-field-supporting-text-color);--md-filled-field-supporting-text-font: var(--_text-field-supporting-text-font);--md-filled-field-supporting-text-line-height: var(--_text-field-supporting-text-line-height);--md-filled-field-supporting-text-size: var(--_text-field-supporting-text-size);--md-filled-field-supporting-text-weight: var(--_text-field-supporting-text-weight);--md-filled-field-trailing-content-color: var(--_text-field-trailing-icon-color)}[has-start] .icon.leading{font-size:var(--_text-field-leading-icon-size);height:var(--_text-field-leading-icon-size);width:var(--_text-field-leading-icon-size)}.icon.trailing{font-size:var(--_text-field-trailing-icon-size);height:var(--_text-field-trailing-icon-size);width:var(--_text-field-trailing-icon-size)} +`;/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const Kn=L`:host{color:unset;min-width:210px;display:flex}.field{cursor:default;outline:none}.select{position:relative;flex-direction:column}.icon.trailing svg,.icon ::slotted(*){fill:currentColor}.icon ::slotted(*){width:inherit;height:inherit;font-size:inherit}.icon slot{display:flex;height:100%;width:100%;align-items:center;justify-content:center}.icon.trailing :is(.up,.down){opacity:0;transition:opacity 75ms linear 75ms}.select:not(.open) .down,.select.open .up{opacity:1}.field,.select,md-menu{min-width:inherit;width:inherit;max-width:inherit;display:flex}md-menu{min-width:var(--__menu-min-width);max-width:var(--__menu-max-width, inherit)}.menu-wrapper{width:0px;height:0px;max-width:inherit}md-menu ::slotted(:not[disabled]){cursor:pointer}.field,.select{width:100%}:host{display:inline-flex}:host([disabled]){pointer-events:none} +`;/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */let Eo=class extends lc{};Eo.styles=[Kn,dc],Eo=l([H("md-filled-select")],Eo);/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */class cc extends pe{constructor(){super(...arguments),this.fieldTag=Xe`md-outlined-field`}}/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const uc=L`:host{--_text-field-disabled-input-text-color: var(--md-outlined-select-text-field-disabled-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-disabled-input-text-opacity: var(--md-outlined-select-text-field-disabled-input-text-opacity, 0.38);--_text-field-disabled-label-text-color: var(--md-outlined-select-text-field-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-disabled-label-text-opacity: var(--md-outlined-select-text-field-disabled-label-text-opacity, 0.38);--_text-field-disabled-leading-icon-color: var(--md-outlined-select-text-field-disabled-leading-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-disabled-leading-icon-opacity: var(--md-outlined-select-text-field-disabled-leading-icon-opacity, 0.38);--_text-field-disabled-outline-color: var(--md-outlined-select-text-field-disabled-outline-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-disabled-outline-opacity: var(--md-outlined-select-text-field-disabled-outline-opacity, 0.12);--_text-field-disabled-outline-width: var(--md-outlined-select-text-field-disabled-outline-width, 1px);--_text-field-disabled-supporting-text-color: var(--md-outlined-select-text-field-disabled-supporting-text-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-disabled-supporting-text-opacity: var(--md-outlined-select-text-field-disabled-supporting-text-opacity, 0.38);--_text-field-disabled-trailing-icon-color: var(--md-outlined-select-text-field-disabled-trailing-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-disabled-trailing-icon-opacity: var(--md-outlined-select-text-field-disabled-trailing-icon-opacity, 0.38);--_text-field-error-focus-input-text-color: var(--md-outlined-select-text-field-error-focus-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-error-focus-label-text-color: var(--md-outlined-select-text-field-error-focus-label-text-color, var(--md-sys-color-error, #b3261e));--_text-field-error-focus-leading-icon-color: var(--md-outlined-select-text-field-error-focus-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_text-field-error-focus-outline-color: var(--md-outlined-select-text-field-error-focus-outline-color, var(--md-sys-color-error, #b3261e));--_text-field-error-focus-supporting-text-color: var(--md-outlined-select-text-field-error-focus-supporting-text-color, var(--md-sys-color-error, #b3261e));--_text-field-error-focus-trailing-icon-color: var(--md-outlined-select-text-field-error-focus-trailing-icon-color, var(--md-sys-color-error, #b3261e));--_text-field-error-hover-input-text-color: var(--md-outlined-select-text-field-error-hover-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-error-hover-label-text-color: var(--md-outlined-select-text-field-error-hover-label-text-color, var(--md-sys-color-on-error-container, #410e0b));--_text-field-error-hover-leading-icon-color: var(--md-outlined-select-text-field-error-hover-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_text-field-error-hover-outline-color: var(--md-outlined-select-text-field-error-hover-outline-color, var(--md-sys-color-on-error-container, #410e0b));--_text-field-error-hover-supporting-text-color: var(--md-outlined-select-text-field-error-hover-supporting-text-color, var(--md-sys-color-error, #b3261e));--_text-field-error-hover-trailing-icon-color: var(--md-outlined-select-text-field-error-hover-trailing-icon-color, var(--md-sys-color-on-error-container, #410e0b));--_text-field-error-input-text-color: var(--md-outlined-select-text-field-error-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-error-label-text-color: var(--md-outlined-select-text-field-error-label-text-color, var(--md-sys-color-error, #b3261e));--_text-field-error-leading-icon-color: var(--md-outlined-select-text-field-error-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_text-field-error-outline-color: var(--md-outlined-select-text-field-error-outline-color, var(--md-sys-color-error, #b3261e));--_text-field-error-supporting-text-color: var(--md-outlined-select-text-field-error-supporting-text-color, var(--md-sys-color-error, #b3261e));--_text-field-error-trailing-icon-color: var(--md-outlined-select-text-field-error-trailing-icon-color, var(--md-sys-color-error, #b3261e));--_text-field-focus-input-text-color: var(--md-outlined-select-text-field-focus-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-focus-label-text-color: var(--md-outlined-select-text-field-focus-label-text-color, var(--md-sys-color-primary, #6750a4));--_text-field-focus-leading-icon-color: var(--md-outlined-select-text-field-focus-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_text-field-focus-outline-color: var(--md-outlined-select-text-field-focus-outline-color, var(--md-sys-color-primary, #6750a4));--_text-field-focus-outline-width: var(--md-outlined-select-text-field-focus-outline-width, 3px);--_text-field-focus-supporting-text-color: var(--md-outlined-select-text-field-focus-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_text-field-focus-trailing-icon-color: var(--md-outlined-select-text-field-focus-trailing-icon-color, var(--md-sys-color-primary, #6750a4));--_text-field-hover-input-text-color: var(--md-outlined-select-text-field-hover-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-hover-label-text-color: var(--md-outlined-select-text-field-hover-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-hover-leading-icon-color: var(--md-outlined-select-text-field-hover-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_text-field-hover-outline-color: var(--md-outlined-select-text-field-hover-outline-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-hover-outline-width: var(--md-outlined-select-text-field-hover-outline-width, 1px);--_text-field-hover-supporting-text-color: var(--md-outlined-select-text-field-hover-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_text-field-hover-trailing-icon-color: var(--md-outlined-select-text-field-hover-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_text-field-input-text-color: var(--md-outlined-select-text-field-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-input-text-font: var(--md-outlined-select-text-field-input-text-font, var(--md-sys-typescale-body-large-font, var(--md-ref-typeface-plain, Roboto)));--_text-field-input-text-line-height: var(--md-outlined-select-text-field-input-text-line-height, var(--md-sys-typescale-body-large-line-height, 1.5rem));--_text-field-input-text-size: var(--md-outlined-select-text-field-input-text-size, var(--md-sys-typescale-body-large-size, 1rem));--_text-field-input-text-weight: var(--md-outlined-select-text-field-input-text-weight, var(--md-sys-typescale-body-large-weight, var(--md-ref-typeface-weight-regular, 400)));--_text-field-label-text-color: var(--md-outlined-select-text-field-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_text-field-label-text-font: var(--md-outlined-select-text-field-label-text-font, var(--md-sys-typescale-body-large-font, var(--md-ref-typeface-plain, Roboto)));--_text-field-label-text-line-height: var(--md-outlined-select-text-field-label-text-line-height, var(--md-sys-typescale-body-large-line-height, 1.5rem));--_text-field-label-text-populated-line-height: var(--md-outlined-select-text-field-label-text-populated-line-height, var(--md-sys-typescale-body-small-line-height, 1rem));--_text-field-label-text-populated-size: var(--md-outlined-select-text-field-label-text-populated-size, var(--md-sys-typescale-body-small-size, 0.75rem));--_text-field-label-text-size: var(--md-outlined-select-text-field-label-text-size, var(--md-sys-typescale-body-large-size, 1rem));--_text-field-label-text-weight: var(--md-outlined-select-text-field-label-text-weight, var(--md-sys-typescale-body-large-weight, var(--md-ref-typeface-weight-regular, 400)));--_text-field-leading-icon-color: var(--md-outlined-select-text-field-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_text-field-leading-icon-size: var(--md-outlined-select-text-field-leading-icon-size, 24px);--_text-field-outline-color: var(--md-outlined-select-text-field-outline-color, var(--md-sys-color-outline, #79747e));--_text-field-outline-width: var(--md-outlined-select-text-field-outline-width, 1px);--_text-field-supporting-text-color: var(--md-outlined-select-text-field-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_text-field-supporting-text-font: var(--md-outlined-select-text-field-supporting-text-font, var(--md-sys-typescale-body-small-font, var(--md-ref-typeface-plain, Roboto)));--_text-field-supporting-text-line-height: var(--md-outlined-select-text-field-supporting-text-line-height, var(--md-sys-typescale-body-small-line-height, 1rem));--_text-field-supporting-text-size: var(--md-outlined-select-text-field-supporting-text-size, var(--md-sys-typescale-body-small-size, 0.75rem));--_text-field-supporting-text-weight: var(--md-outlined-select-text-field-supporting-text-weight, var(--md-sys-typescale-body-small-weight, var(--md-ref-typeface-weight-regular, 400)));--_text-field-trailing-icon-color: var(--md-outlined-select-text-field-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_text-field-trailing-icon-size: var(--md-outlined-select-text-field-trailing-icon-size, 24px);--_text-field-container-shape-start-start: var(--md-outlined-select-text-field-container-shape-start-start, var(--md-outlined-select-text-field-container-shape, var(--md-sys-shape-corner-extra-small, 4px)));--_text-field-container-shape-start-end: var(--md-outlined-select-text-field-container-shape-start-end, var(--md-outlined-select-text-field-container-shape, var(--md-sys-shape-corner-extra-small, 4px)));--_text-field-container-shape-end-end: var(--md-outlined-select-text-field-container-shape-end-end, var(--md-outlined-select-text-field-container-shape, var(--md-sys-shape-corner-extra-small, 4px)));--_text-field-container-shape-end-start: var(--md-outlined-select-text-field-container-shape-end-start, var(--md-outlined-select-text-field-container-shape, var(--md-sys-shape-corner-extra-small, 4px)));--md-outlined-field-container-shape-end-end: var(--_text-field-container-shape-end-end);--md-outlined-field-container-shape-end-start: var(--_text-field-container-shape-end-start);--md-outlined-field-container-shape-start-end: var(--_text-field-container-shape-start-end);--md-outlined-field-container-shape-start-start: var(--_text-field-container-shape-start-start);--md-outlined-field-content-color: var(--_text-field-input-text-color);--md-outlined-field-content-font: var(--_text-field-input-text-font);--md-outlined-field-content-line-height: var(--_text-field-input-text-line-height);--md-outlined-field-content-size: var(--_text-field-input-text-size);--md-outlined-field-content-weight: var(--_text-field-input-text-weight);--md-outlined-field-disabled-content-color: var(--_text-field-disabled-input-text-color);--md-outlined-field-disabled-content-opacity: var(--_text-field-disabled-input-text-opacity);--md-outlined-field-disabled-label-text-color: var(--_text-field-disabled-label-text-color);--md-outlined-field-disabled-label-text-opacity: var(--_text-field-disabled-label-text-opacity);--md-outlined-field-disabled-leading-content-color: var(--_text-field-disabled-leading-icon-color);--md-outlined-field-disabled-leading-content-opacity: var(--_text-field-disabled-leading-icon-opacity);--md-outlined-field-disabled-outline-color: var(--_text-field-disabled-outline-color);--md-outlined-field-disabled-outline-opacity: var(--_text-field-disabled-outline-opacity);--md-outlined-field-disabled-outline-width: var(--_text-field-disabled-outline-width);--md-outlined-field-disabled-supporting-text-color: var(--_text-field-disabled-supporting-text-color);--md-outlined-field-disabled-supporting-text-opacity: var(--_text-field-disabled-supporting-text-opacity);--md-outlined-field-disabled-trailing-content-color: var(--_text-field-disabled-trailing-icon-color);--md-outlined-field-disabled-trailing-content-opacity: var(--_text-field-disabled-trailing-icon-opacity);--md-outlined-field-error-content-color: var(--_text-field-error-input-text-color);--md-outlined-field-error-focus-content-color: var(--_text-field-error-focus-input-text-color);--md-outlined-field-error-focus-label-text-color: var(--_text-field-error-focus-label-text-color);--md-outlined-field-error-focus-leading-content-color: var(--_text-field-error-focus-leading-icon-color);--md-outlined-field-error-focus-outline-color: var(--_text-field-error-focus-outline-color);--md-outlined-field-error-focus-supporting-text-color: var(--_text-field-error-focus-supporting-text-color);--md-outlined-field-error-focus-trailing-content-color: var(--_text-field-error-focus-trailing-icon-color);--md-outlined-field-error-hover-content-color: var(--_text-field-error-hover-input-text-color);--md-outlined-field-error-hover-label-text-color: var(--_text-field-error-hover-label-text-color);--md-outlined-field-error-hover-leading-content-color: var(--_text-field-error-hover-leading-icon-color);--md-outlined-field-error-hover-outline-color: var(--_text-field-error-hover-outline-color);--md-outlined-field-error-hover-supporting-text-color: var(--_text-field-error-hover-supporting-text-color);--md-outlined-field-error-hover-trailing-content-color: var(--_text-field-error-hover-trailing-icon-color);--md-outlined-field-error-label-text-color: var(--_text-field-error-label-text-color);--md-outlined-field-error-leading-content-color: var(--_text-field-error-leading-icon-color);--md-outlined-field-error-outline-color: var(--_text-field-error-outline-color);--md-outlined-field-error-supporting-text-color: var(--_text-field-error-supporting-text-color);--md-outlined-field-error-trailing-content-color: var(--_text-field-error-trailing-icon-color);--md-outlined-field-focus-content-color: var(--_text-field-focus-input-text-color);--md-outlined-field-focus-label-text-color: var(--_text-field-focus-label-text-color);--md-outlined-field-focus-leading-content-color: var(--_text-field-focus-leading-icon-color);--md-outlined-field-focus-outline-color: var(--_text-field-focus-outline-color);--md-outlined-field-focus-outline-width: var(--_text-field-focus-outline-width);--md-outlined-field-focus-supporting-text-color: var(--_text-field-focus-supporting-text-color);--md-outlined-field-focus-trailing-content-color: var(--_text-field-focus-trailing-icon-color);--md-outlined-field-hover-content-color: var(--_text-field-hover-input-text-color);--md-outlined-field-hover-label-text-color: var(--_text-field-hover-label-text-color);--md-outlined-field-hover-leading-content-color: var(--_text-field-hover-leading-icon-color);--md-outlined-field-hover-outline-color: var(--_text-field-hover-outline-color);--md-outlined-field-hover-outline-width: var(--_text-field-hover-outline-width);--md-outlined-field-hover-supporting-text-color: var(--_text-field-hover-supporting-text-color);--md-outlined-field-hover-trailing-content-color: var(--_text-field-hover-trailing-icon-color);--md-outlined-field-label-text-color: var(--_text-field-label-text-color);--md-outlined-field-label-text-font: var(--_text-field-label-text-font);--md-outlined-field-label-text-line-height: var(--_text-field-label-text-line-height);--md-outlined-field-label-text-populated-line-height: var(--_text-field-label-text-populated-line-height);--md-outlined-field-label-text-populated-size: var(--_text-field-label-text-populated-size);--md-outlined-field-label-text-size: var(--_text-field-label-text-size);--md-outlined-field-label-text-weight: var(--_text-field-label-text-weight);--md-outlined-field-leading-content-color: var(--_text-field-leading-icon-color);--md-outlined-field-outline-color: var(--_text-field-outline-color);--md-outlined-field-outline-width: var(--_text-field-outline-width);--md-outlined-field-supporting-text-color: var(--_text-field-supporting-text-color);--md-outlined-field-supporting-text-font: var(--_text-field-supporting-text-font);--md-outlined-field-supporting-text-line-height: var(--_text-field-supporting-text-line-height);--md-outlined-field-supporting-text-size: var(--_text-field-supporting-text-size);--md-outlined-field-supporting-text-weight: var(--_text-field-supporting-text-weight);--md-outlined-field-trailing-content-color: var(--_text-field-trailing-icon-color)}[has-start] .icon.leading{font-size:var(--_text-field-leading-icon-size);height:var(--_text-field-leading-icon-size);width:var(--_text-field-leading-icon-size)}.icon.trailing{font-size:var(--_text-field-trailing-icon-size);height:var(--_text-field-trailing-icon-size);width:var(--_text-field-trailing-icon-size)} +`;/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */let $o=class extends cc{};$o.styles=[Kn,uc],$o=l([H("md-outlined-select")],$o);/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const Yn=L`:host{display:flex;--md-ripple-hover-color: var(--md-menu-item-hover-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--md-ripple-hover-opacity: var(--md-menu-item-hover-state-layer-opacity, 0.08);--md-ripple-pressed-color: var(--md-menu-item-pressed-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--md-ripple-pressed-opacity: var(--md-menu-item-pressed-state-layer-opacity, 0.12)}:host([disabled]){opacity:var(--md-menu-item-disabled-opacity, 0.3);pointer-events:none}md-focus-ring{z-index:1;--md-focus-ring-shape: 8px}a,button,li{background:none;border:none;padding:0;margin:0;text-align:unset;text-decoration:none}.list-item{border-radius:inherit;display:flex;flex:1;max-width:inherit;min-width:inherit;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.list-item:not(.disabled){cursor:pointer}[slot=container]{pointer-events:none}md-ripple{border-radius:inherit}md-item{border-radius:inherit;flex:1;color:var(--md-menu-item-label-text-color, var(--md-sys-color-on-surface, #1d1b20));font-family:var(--md-menu-item-label-text-font, var(--md-sys-typescale-body-large-font, var(--md-ref-typeface-plain, Roboto)));font-size:var(--md-menu-item-label-text-size, var(--md-sys-typescale-body-large-size, 1rem));line-height:var(--md-menu-item-label-text-line-height, var(--md-sys-typescale-body-large-line-height, 1.5rem));font-weight:var(--md-menu-item-label-text-weight, var(--md-sys-typescale-body-large-weight, var(--md-ref-typeface-weight-regular, 400)));min-height:var(--md-menu-item-one-line-container-height, 56px);padding-top:var(--md-menu-item-top-space, 12px);padding-bottom:var(--md-menu-item-bottom-space, 12px);padding-inline-start:var(--md-menu-item-leading-space, 16px);padding-inline-end:var(--md-menu-item-trailing-space, 16px)}md-item[multiline]{min-height:var(--md-menu-item-two-line-container-height, 72px)}[slot=supporting-text]{color:var(--md-menu-item-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));font-family:var(--md-menu-item-supporting-text-font, var(--md-sys-typescale-body-medium-font, var(--md-ref-typeface-plain, Roboto)));font-size:var(--md-menu-item-supporting-text-size, var(--md-sys-typescale-body-medium-size, 0.875rem));line-height:var(--md-menu-item-supporting-text-line-height, var(--md-sys-typescale-body-medium-line-height, 1.25rem));font-weight:var(--md-menu-item-supporting-text-weight, var(--md-sys-typescale-body-medium-weight, var(--md-ref-typeface-weight-regular, 400)))}[slot=trailing-supporting-text]{color:var(--md-menu-item-trailing-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));font-family:var(--md-menu-item-trailing-supporting-text-font, var(--md-sys-typescale-label-small-font, var(--md-ref-typeface-plain, Roboto)));font-size:var(--md-menu-item-trailing-supporting-text-size, var(--md-sys-typescale-label-small-size, 0.6875rem));line-height:var(--md-menu-item-trailing-supporting-text-line-height, var(--md-sys-typescale-label-small-line-height, 1rem));font-weight:var(--md-menu-item-trailing-supporting-text-weight, var(--md-sys-typescale-label-small-weight, var(--md-ref-typeface-weight-medium, 500)))}:is([slot=start],[slot=end])::slotted(*){fill:currentColor}[slot=start]{color:var(--md-menu-item-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f))}[slot=end]{color:var(--md-menu-item-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f))}.list-item{background-color:var(--md-menu-item-container-color, transparent)}.list-item.selected{background-color:var(--md-menu-item-selected-container-color, var(--md-sys-color-secondary-container, #e8def8))}.selected:not(.disabled) ::slotted(*){color:var(--md-menu-item-selected-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b))}@media(forced-colors: active){:host([disabled]),:host([disabled]) slot{color:GrayText;opacity:1}.list-item{position:relative}.list-item.selected::before{content:"";position:absolute;inset:0;box-sizing:border-box;border-radius:inherit;pointer-events:none;border:3px double CanvasText}} +`;/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */class da extends W{constructor(){super(...arguments),this.multiline=!1}render(){return _` + + +
    + + + + +
    + + + `}handleTextSlotChange(){let e=!1,t=0;for(const o of this.textSlots)if(hc(o)&&(t+=1),t>1){e=!0;break}this.multiline=e}}l([p({type:Boolean,reflect:!0})],da.prototype,"multiline",void 0),l([wl(".text slot")],da.prototype,"textSlots",void 0);function hc(r){var e;for(const t of r.assignedNodes({flatten:!0})){const o=t.nodeType===Node.ELEMENT_NODE,i=t.nodeType===Node.TEXT_NODE&&((e=t.textContent)==null?void 0:e.match(/\S/));if(o||i)return!0}return!1}/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const pc=L`:host{color:var(--md-sys-color-on-surface, #1d1b20);font-family:var(--md-sys-typescale-body-large-font, var(--md-ref-typeface-plain, Roboto));font-size:var(--md-sys-typescale-body-large-size, 1rem);font-weight:var(--md-sys-typescale-body-large-weight, var(--md-ref-typeface-weight-regular, 400));line-height:var(--md-sys-typescale-body-large-line-height, 1.5rem);align-items:center;box-sizing:border-box;display:flex;gap:16px;min-height:56px;overflow:hidden;padding:12px 16px;position:relative;text-overflow:ellipsis}:host([multiline]){min-height:72px}[name=overline]{color:var(--md-sys-color-on-surface-variant, #49454f);font-family:var(--md-sys-typescale-label-small-font, var(--md-ref-typeface-plain, Roboto));font-size:var(--md-sys-typescale-label-small-size, 0.6875rem);font-weight:var(--md-sys-typescale-label-small-weight, var(--md-ref-typeface-weight-medium, 500));line-height:var(--md-sys-typescale-label-small-line-height, 1rem)}[name=supporting-text]{color:var(--md-sys-color-on-surface-variant, #49454f);font-family:var(--md-sys-typescale-body-medium-font, var(--md-ref-typeface-plain, Roboto));font-size:var(--md-sys-typescale-body-medium-size, 0.875rem);font-weight:var(--md-sys-typescale-body-medium-weight, var(--md-ref-typeface-weight-regular, 400));line-height:var(--md-sys-typescale-body-medium-line-height, 1.25rem)}[name=trailing-supporting-text]{color:var(--md-sys-color-on-surface-variant, #49454f);font-family:var(--md-sys-typescale-label-small-font, var(--md-ref-typeface-plain, Roboto));font-size:var(--md-sys-typescale-label-small-size, 0.6875rem);font-weight:var(--md-sys-typescale-label-small-weight, var(--md-ref-typeface-weight-medium, 500));line-height:var(--md-sys-typescale-label-small-line-height, 1rem)}[name=container]::slotted(*){inset:0;position:absolute}.default-slot{display:inline}.default-slot,.text ::slotted(*){overflow:hidden;text-overflow:ellipsis}.text{display:flex;flex:1;flex-direction:column;overflow:hidden} +`;/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */let ca=class extends da{};ca.styles=[pc],ca=l([H("md-item")],ca);/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */class Gn{constructor(e,t){this.host=e,this.internalTypeaheadText=null,this.onClick=()=>{this.host.keepOpen||this.host.dispatchEvent(Un(this.host,{kind:na.CLICK_SELECTION}))},this.onKeydown=o=>{if(this.host.href&&o.code==="Enter"){const a=this.getInteractiveElement();a instanceof HTMLAnchorElement&&a.click()}if(o.defaultPrevented)return;const i=o.code;this.host.keepOpen&&i!=="Escape"||Vn(i)&&(o.preventDefault(),this.host.dispatchEvent(Un(this.host,{kind:na.KEYDOWN,key:i})))},this.getHeadlineElements=t.getHeadlineElements,this.getSupportingTextElements=t.getSupportingTextElements,this.getDefaultElements=t.getDefaultElements,this.getInteractiveElement=t.getInteractiveElement,this.host.addController(this)}get typeaheadText(){if(this.internalTypeaheadText!==null)return this.internalTypeaheadText;const e=this.getHeadlineElements(),t=[];return e.forEach(o=>{o.textContent&&o.textContent.trim()&&t.push(o.textContent.trim())}),t.length===0&&this.getDefaultElements().forEach(o=>{o.textContent&&o.textContent.trim()&&t.push(o.textContent.trim())}),t.length===0&&this.getSupportingTextElements().forEach(o=>{o.textContent&&o.textContent.trim()&&t.push(o.textContent.trim())}),t.join(" ")}get tagName(){switch(this.host.type){case"link":return"a";case"button":return"button";default:case"menuitem":case"option":return"li"}}get role(){return this.host.type==="option"?"option":"menuitem"}hostConnected(){this.host.toggleAttribute("md-menu-item",!0)}hostUpdate(){this.host.href&&(this.host.type="link")}setTypeaheadText(e){this.internalTypeaheadText=e}}/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */function fc(){return new Event("request-selection",{bubbles:!0,composed:!0})}function vc(){return new Event("request-deselection",{bubbles:!0,composed:!0})}class mc{get role(){return this.menuItemController.role}get typeaheadText(){return this.menuItemController.typeaheadText}setTypeaheadText(e){this.menuItemController.setTypeaheadText(e)}get displayText(){return this.internalDisplayText!==null?this.internalDisplayText:this.menuItemController.typeaheadText}setDisplayText(e){this.internalDisplayText=e}constructor(e,t){this.host=e,this.internalDisplayText=null,this.firstUpdate=!0,this.onClick=()=>{this.menuItemController.onClick()},this.onKeydown=o=>{this.menuItemController.onKeydown(o)},this.lastSelected=this.host.selected,this.menuItemController=new Gn(e,t),e.addController(this)}hostUpdate(){this.lastSelected!==this.host.selected&&(this.host.ariaSelected=this.host.selected?"true":"false")}hostUpdated(){this.lastSelected!==this.host.selected&&!this.firstUpdate&&(this.host.selected?this.host.dispatchEvent(fc()):this.host.dispatchEvent(vc())),this.lastSelected=this.host.selected,this.firstUpdate=!1}}/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const bc=Ze(W);class it extends bc{constructor(){super(...arguments),this.disabled=!1,this.isMenuItem=!0,this.selected=!1,this.value="",this.type="option",this.selectOptionController=new mc(this,{getHeadlineElements:()=>this.headlineElements,getSupportingTextElements:()=>this.supportingTextElements,getDefaultElements:()=>this.defaultElements,getInteractiveElement:()=>this.listItemRoot})}get typeaheadText(){return this.selectOptionController.typeaheadText}set typeaheadText(e){this.selectOptionController.setTypeaheadText(e)}get displayText(){return this.selectOptionController.displayText}set displayText(e){this.selectOptionController.setDisplayText(e)}render(){return this.renderListItem(_` + +
    + ${this.renderRipple()} ${this.renderFocusRing()} +
    + + + ${this.renderBody()} +     + `)}renderListItem(e){return _` +
  • ${e}
    • + `}renderRipple(){return _` `}renderFocusRing(){return _` `}getRenderClasses(){return{disabled:this.disabled,selected:this.selected}}renderBody(){return _` + + + + + + `}focus(){var e;(e=this.listItemRoot)==null||e.focus()}}it.shadowRootOptions={...W.shadowRootOptions,delegatesFocus:!0},l([p({type:Boolean,reflect:!0})],it.prototype,"disabled",void 0),l([p({type:Boolean,attribute:"md-menu-item",reflect:!0})],it.prototype,"isMenuItem",void 0),l([p({type:Boolean})],it.prototype,"selected",void 0),l([p()],it.prototype,"value",void 0),l([Y(".list-item")],it.prototype,"listItemRoot",void 0),l([He({slot:"headline"})],it.prototype,"headlineElements",void 0),l([He({slot:"supporting-text"})],it.prototype,"supportingTextElements",void 0),l([Pi({slot:""})],it.prototype,"defaultElements",void 0),l([p({attribute:"typeahead-text"})],it.prototype,"typeaheadText",null),l([p({attribute:"display-text"})],it.prototype,"displayText",null);/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */let To=class extends it{};To.styles=[Yn],To=l([H("md-select-option")],To);const yc=Q({tagName:"md-select",react:Z,elementClass:Eo}),gc=Q({tagName:"md-select",react:Z,elementClass:$o});Q({tagName:"md-select-option",react:Z,elementClass:To});const xc=r=>{const{variant:e="filled",...t}=r,o=e==="filled"?yc:gc;return V.jsx(o,{...t})};/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const Xn=Symbol("dispatchHooks");function _c(r,e){const t=r[Xn];if(!t)throw new Error(`'${r.type}' event needs setupDispatchHooks().`);t.addEventListener("after",e)}const Zn=new WeakMap;function wc(r,...e){let t=Zn.get(r);t||(t=new Set,Zn.set(r,t));for(const o of e){if(t.has(o))continue;let i=!1;r.addEventListener(o,a=>{if(i)return;a.stopImmediatePropagation();const s=Reflect.construct(a.constructor,[a.type,a]),d=new EventTarget;s[Xn]=d,i=!0;const h=r.dispatchEvent(s);i=!1,h||a.preventDefault(),d.dispatchEvent(new Event("after"))},{capture:!0}),t.add(o)}}/** + * @license + * Copyright 2021 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const kc=Ze(Sr(Qt(Et(W))));let Tt=class extends kc{constructor(){super(),this.selected=!1,this.icons=!1,this.showOnlySelectedIcon=!1,this.required=!1,this.value="on",this.addEventListener("click",e=>{!Or(e)||!this.input||(this.focus(),so(this.input))}),wc(this,"keydown"),this.addEventListener("keydown",e=>{_c(e,()=>{e.defaultPrevented||e.key!=="Enter"||this.disabled||!this.input||this.input.click()})})}render(){return _` +
    + + + + ${this.renderHandle()} +
    + `}getRenderClasses(){return{selected:this.selected,unselected:!this.selected,disabled:this.disabled}}renderHandle(){const e={"with-icon":this.showOnlySelectedIcon?this.selected:this.icons};return _` + ${this.renderTouchTarget()} + + + + ${this.shouldShowIcons()?this.renderIcons():_``} + + + `}renderIcons(){return _` +
    + ${this.renderOnIcon()} + ${this.showOnlySelectedIcon?_``:this.renderOffIcon()} +
    + `}renderOnIcon(){return _` + + + + + + `}renderOffIcon(){return _` + + + + + + `}renderTouchTarget(){return _``}shouldShowIcons(){return this.icons||this.showOnlySelectedIcon}handleInput(e){const t=e.target;this.selected=t.checked}handleChange(e){Ct(this,e)}[mt](){return this.selected?this.value:null}[Ar](){return String(this.selected)}formResetCallback(){this.selected=this.hasAttribute("selected")}formStateRestoreCallback(e){this.selected=e==="true"}[Nt](){return new On(()=>({checked:this.selected,required:this.required}))}[Bt](){return this.input}};Tt.shadowRootOptions={mode:"open",delegatesFocus:!0},l([p({type:Boolean})],Tt.prototype,"selected",void 0),l([p({type:Boolean})],Tt.prototype,"icons",void 0),l([p({type:Boolean,attribute:"show-only-selected-icon"})],Tt.prototype,"showOnlySelectedIcon",void 0),l([p({type:Boolean})],Tt.prototype,"required",void 0),l([p()],Tt.prototype,"value",void 0),l([Y("input")],Tt.prototype,"input",void 0);/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const Cc=L`@layer styles, hcm;@layer styles{:host{display:inline-flex;outline:none;vertical-align:top;-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer}:host([disabled]){cursor:default}:host([touch-target=wrapper]){margin:max(0px,(48px - var(--md-switch-track-height, 32px))/2) 0px}md-focus-ring{--md-focus-ring-shape-start-start: var(--md-switch-track-shape-start-start, var(--md-switch-track-shape, var(--md-sys-shape-corner-full, 9999px)));--md-focus-ring-shape-start-end: var(--md-switch-track-shape-start-end, var(--md-switch-track-shape, var(--md-sys-shape-corner-full, 9999px)));--md-focus-ring-shape-end-end: var(--md-switch-track-shape-end-end, var(--md-switch-track-shape, var(--md-sys-shape-corner-full, 9999px)));--md-focus-ring-shape-end-start: var(--md-switch-track-shape-end-start, var(--md-switch-track-shape, var(--md-sys-shape-corner-full, 9999px)))}.switch{align-items:center;display:inline-flex;flex-shrink:0;position:relative;width:var(--md-switch-track-width, 52px);height:var(--md-switch-track-height, 32px);border-start-start-radius:var(--md-switch-track-shape-start-start, var(--md-switch-track-shape, var(--md-sys-shape-corner-full, 9999px)));border-start-end-radius:var(--md-switch-track-shape-start-end, var(--md-switch-track-shape, var(--md-sys-shape-corner-full, 9999px)));border-end-end-radius:var(--md-switch-track-shape-end-end, var(--md-switch-track-shape, var(--md-sys-shape-corner-full, 9999px)));border-end-start-radius:var(--md-switch-track-shape-end-start, var(--md-switch-track-shape, var(--md-sys-shape-corner-full, 9999px)))}input{appearance:none;height:max(100%,var(--md-switch-touch-target-size, 48px));outline:none;margin:0;position:absolute;width:max(100%,var(--md-switch-touch-target-size, 48px));z-index:1;cursor:inherit;top:50%;left:50%;transform:translate(-50%, -50%)}:host([touch-target=none]) input{display:none}}@layer styles{.track{position:absolute;width:100%;height:100%;box-sizing:border-box;border-radius:inherit;display:flex;justify-content:center;align-items:center}.track::before{content:"";display:flex;position:absolute;height:100%;width:100%;border-radius:inherit;box-sizing:border-box;transition-property:opacity,background-color;transition-timing-function:linear;transition-duration:67ms}.disabled .track{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.disabled .track::before,.disabled .track::after{transition:none;opacity:var(--md-switch-disabled-track-opacity, 0.12)}.disabled .track::before{background-clip:content-box}.selected .track::before{background-color:var(--md-switch-selected-track-color, var(--md-sys-color-primary, #6750a4))}.selected:hover .track::before{background-color:var(--md-switch-selected-hover-track-color, var(--md-sys-color-primary, #6750a4))}.selected:focus-within .track::before{background-color:var(--md-switch-selected-focus-track-color, var(--md-sys-color-primary, #6750a4))}.selected:active .track::before{background-color:var(--md-switch-selected-pressed-track-color, var(--md-sys-color-primary, #6750a4))}.selected.disabled .track{background-clip:border-box}.selected.disabled .track::before{background-color:var(--md-switch-disabled-selected-track-color, var(--md-sys-color-on-surface, #1d1b20))}.unselected .track::before{background-color:var(--md-switch-track-color, var(--md-sys-color-surface-container-highest, #e6e0e9));border-color:var(--md-switch-track-outline-color, var(--md-sys-color-outline, #79747e));border-style:solid;border-width:var(--md-switch-track-outline-width, 2px)}.unselected:hover .track::before{background-color:var(--md-switch-hover-track-color, var(--md-sys-color-surface-container-highest, #e6e0e9));border-color:var(--md-switch-hover-track-outline-color, var(--md-sys-color-outline, #79747e))}.unselected:focus-visible .track::before{background-color:var(--md-switch-focus-track-color, var(--md-sys-color-surface-container-highest, #e6e0e9));border-color:var(--md-switch-focus-track-outline-color, var(--md-sys-color-outline, #79747e))}.unselected:active .track::before{background-color:var(--md-switch-pressed-track-color, var(--md-sys-color-surface-container-highest, #e6e0e9));border-color:var(--md-switch-pressed-track-outline-color, var(--md-sys-color-outline, #79747e))}.unselected.disabled .track::before{background-color:var(--md-switch-disabled-track-color, var(--md-sys-color-surface-container-highest, #e6e0e9));border-color:var(--md-switch-disabled-track-outline-color, var(--md-sys-color-on-surface, #1d1b20))}}@layer hcm{@media(forced-colors: active){.selected .track::before{background:ButtonText;border-color:ButtonText}.disabled .track::before{border-color:GrayText;opacity:1}.disabled.selected .track::before{background:GrayText}}}@layer styles{.handle-container{display:flex;place-content:center;place-items:center;position:relative;transition:margin 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275)}.selected .handle-container{margin-inline-start:calc(var(--md-switch-track-width, 52px) - var(--md-switch-track-height, 32px))}.unselected .handle-container{margin-inline-end:calc(var(--md-switch-track-width, 52px) - var(--md-switch-track-height, 32px))}.disabled .handle-container{transition:none}.handle{border-start-start-radius:var(--md-switch-handle-shape-start-start, var(--md-switch-handle-shape, var(--md-sys-shape-corner-full, 9999px)));border-start-end-radius:var(--md-switch-handle-shape-start-end, var(--md-switch-handle-shape, var(--md-sys-shape-corner-full, 9999px)));border-end-end-radius:var(--md-switch-handle-shape-end-end, var(--md-switch-handle-shape, var(--md-sys-shape-corner-full, 9999px)));border-end-start-radius:var(--md-switch-handle-shape-end-start, var(--md-switch-handle-shape, var(--md-sys-shape-corner-full, 9999px)));height:var(--md-switch-handle-height, 16px);width:var(--md-switch-handle-width, 16px);transform-origin:center;transition-property:height,width;transition-duration:250ms,250ms;transition-timing-function:cubic-bezier(0.2, 0, 0, 1),cubic-bezier(0.2, 0, 0, 1);z-index:0}.handle::before{content:"";display:flex;inset:0;position:absolute;border-radius:inherit;box-sizing:border-box;transition:background-color 67ms linear}.disabled .handle,.disabled .handle::before{transition:none}.selected .handle{height:var(--md-switch-selected-handle-height, 24px);width:var(--md-switch-selected-handle-width, 24px)}.handle.with-icon{height:var(--md-switch-with-icon-handle-height, 24px);width:var(--md-switch-with-icon-handle-width, 24px)}.selected:not(.disabled):active .handle,.unselected:not(.disabled):active .handle{height:var(--md-switch-pressed-handle-height, 28px);width:var(--md-switch-pressed-handle-width, 28px);transition-timing-function:linear;transition-duration:100ms}.selected .handle::before{background-color:var(--md-switch-selected-handle-color, var(--md-sys-color-on-primary, #fff))}.selected:hover .handle::before{background-color:var(--md-switch-selected-hover-handle-color, var(--md-sys-color-primary-container, #eaddff))}.selected:focus-within .handle::before{background-color:var(--md-switch-selected-focus-handle-color, var(--md-sys-color-primary-container, #eaddff))}.selected:active .handle::before{background-color:var(--md-switch-selected-pressed-handle-color, var(--md-sys-color-primary-container, #eaddff))}.selected.disabled .handle::before{background-color:var(--md-switch-disabled-selected-handle-color, var(--md-sys-color-surface, #fef7ff));opacity:var(--md-switch-disabled-selected-handle-opacity, 1)}.unselected .handle::before{background-color:var(--md-switch-handle-color, var(--md-sys-color-outline, #79747e))}.unselected:hover .handle::before{background-color:var(--md-switch-hover-handle-color, var(--md-sys-color-on-surface-variant, #49454f))}.unselected:focus-within .handle::before{background-color:var(--md-switch-focus-handle-color, var(--md-sys-color-on-surface-variant, #49454f))}.unselected:active .handle::before{background-color:var(--md-switch-pressed-handle-color, var(--md-sys-color-on-surface-variant, #49454f))}.unselected.disabled .handle::before{background-color:var(--md-switch-disabled-handle-color, var(--md-sys-color-on-surface, #1d1b20));opacity:var(--md-switch-disabled-handle-opacity, 0.38)}md-ripple{border-radius:var(--md-switch-state-layer-shape, var(--md-sys-shape-corner-full, 9999px));height:var(--md-switch-state-layer-size, 40px);inset:unset;width:var(--md-switch-state-layer-size, 40px)}.selected md-ripple{--md-ripple-hover-color: var(--md-switch-selected-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-pressed-color: var(--md-switch-selected-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-hover-opacity: var(--md-switch-selected-hover-state-layer-opacity, 0.08);--md-ripple-pressed-opacity: var(--md-switch-selected-pressed-state-layer-opacity, 0.12)}.unselected md-ripple{--md-ripple-hover-color: var(--md-switch-hover-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--md-ripple-pressed-color: var(--md-switch-pressed-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--md-ripple-hover-opacity: var(--md-switch-hover-state-layer-opacity, 0.08);--md-ripple-pressed-opacity: var(--md-switch-pressed-state-layer-opacity, 0.12)}}@layer hcm{@media(forced-colors: active){.unselected .handle::before{background:ButtonText}.disabled .handle::before{opacity:1}.disabled.unselected .handle::before{background:GrayText}}}@layer styles{.icons{position:relative;height:100%;width:100%}.icon{position:absolute;inset:0;margin:auto;display:flex;align-items:center;justify-content:center;fill:currentColor;transition:fill 67ms linear,opacity 33ms linear,transform 167ms cubic-bezier(0.2, 0, 0, 1);opacity:0}.disabled .icon{transition:none}.selected .icon--on,.unselected .icon--off{opacity:1}.unselected .handle:not(.with-icon) .icon--on{transform:rotate(-45deg)}.icon--off{width:var(--md-switch-icon-size, 16px);height:var(--md-switch-icon-size, 16px);color:var(--md-switch-icon-color, var(--md-sys-color-surface-container-highest, #e6e0e9))}.unselected:hover .icon--off{color:var(--md-switch-hover-icon-color, var(--md-sys-color-surface-container-highest, #e6e0e9))}.unselected:focus-within .icon--off{color:var(--md-switch-focus-icon-color, var(--md-sys-color-surface-container-highest, #e6e0e9))}.unselected:active .icon--off{color:var(--md-switch-pressed-icon-color, var(--md-sys-color-surface-container-highest, #e6e0e9))}.unselected.disabled .icon--off{color:var(--md-switch-disabled-icon-color, var(--md-sys-color-surface-container-highest, #e6e0e9));opacity:var(--md-switch-disabled-icon-opacity, 0.38)}.icon--on{width:var(--md-switch-selected-icon-size, 16px);height:var(--md-switch-selected-icon-size, 16px);color:var(--md-switch-selected-icon-color, var(--md-sys-color-on-primary-container, #21005d))}.selected:hover .icon--on{color:var(--md-switch-selected-hover-icon-color, var(--md-sys-color-on-primary-container, #21005d))}.selected:focus-within .icon--on{color:var(--md-switch-selected-focus-icon-color, var(--md-sys-color-on-primary-container, #21005d))}.selected:active .icon--on{color:var(--md-switch-selected-pressed-icon-color, var(--md-sys-color-on-primary-container, #21005d))}.selected.disabled .icon--on{color:var(--md-switch-disabled-selected-icon-color, var(--md-sys-color-on-surface, #1d1b20));opacity:var(--md-switch-disabled-selected-icon-opacity, 0.38)}}@layer hcm{@media(forced-colors: active){.icon--off{fill:Canvas}.icon--on{fill:ButtonText}.disabled.unselected .icon--off,.disabled.selected .icon--on{opacity:1}.disabled .icon--on{fill:GrayText}}} +`;/** + * @license + * Copyright 2021 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */let So=class extends Tt{};So.styles=[Cc],So=l([H("md-switch")],So);const Ec=Q({tagName:"md-switch",react:Z,elementClass:So}),$c=({checked:r,id:e,disabled:t,hidden:o,ariaLabel:i,ariaLabelledBy:a,ariaDescribedBy:s,ariaControls:d,required:h,onInput:y,onChange:v,onClick:f,onMouseDown:C,onMouseUp:w,onMouseEnter:A,onFocus:S,onBlur:I,className:O,style:R,tabIndex:B,name:U,...P})=>V.jsx(Ec,{...P,id:e,disabled:t||!1,required:h,selected:r,hidden:o,"touch-target":"wrapper","aria-label":i,"aria-labelledby":a,"aria-describedby":s,"aria-controls":d,"aria-required":h,onInput:y,onChange:v,onClick:f,onMouseDown:C,onMouseUp:w,onMouseEnter:A,onFocus:S,onBlur:I,className:O,style:R,tabIndex:B,name:U||void 0});/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const Tc=L`@media(forced-colors: active){:host{--md-slider-active-track-color: CanvasText;--md-slider-disabled-active-track-color: GrayText;--md-slider-disabled-active-track-opacity: 1;--md-slider-disabled-handle-color: GrayText;--md-slider-disabled-inactive-track-color: GrayText;--md-slider-disabled-inactive-track-opacity: 1;--md-slider-focus-handle-color: CanvasText;--md-slider-handle-color: CanvasText;--md-slider-handle-shadow-color: Canvas;--md-slider-hover-handle-color: CanvasText;--md-slider-hover-state-layer-color: Canvas;--md-slider-hover-state-layer-opacity: 1;--md-slider-inactive-track-color: Canvas;--md-slider-label-container-color: Canvas;--md-slider-label-text-color: CanvasText;--md-slider-pressed-handle-color: CanvasText;--md-slider-pressed-state-layer-color: Canvas;--md-slider-pressed-state-layer-opacity: 1;--md-slider-with-overlap-handle-outline-color: CanvasText}.label,.label::before{border:var(--_with-overlap-handle-outline-color) solid var(--_with-overlap-handle-outline-width)}:host(:not([disabled])) .track::before{border:1px solid var(--_active-track-color)}.tickmarks::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='CanvasText'%3E%3Ccircle cx='2' cy='2' r='1'/%3E%3C/svg%3E")}.tickmarks::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='Canvas'%3E%3Ccircle cx='2' cy='2' r='1'/%3E%3C/svg%3E")}:host([disabled]) .tickmarks::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='Canvas'%3E%3Ccircle cx='2' cy='2' r='1'/%3E%3C/svg%3E")}} +`;/** + * @license + * Copyright 2021 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + */function ua(r,e,t){return r?e(r):t==null?void 0:t(r)}/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const Sc=Ze(Qt(Et(W)));let de=class extends Sc{get nameStart(){return this.getAttribute("name-start")??this.name}set nameStart(e){this.setAttribute("name-start",e)}get nameEnd(){return this.getAttribute("name-end")??this.nameStart}set nameEnd(e){this.setAttribute("name-end",e)}get renderAriaLabelStart(){const{ariaLabel:e}=this;return this.ariaLabelStart||e&&`${e} start`||this.valueLabelStart||String(this.valueStart)}get renderAriaValueTextStart(){return this.ariaValueTextStart||this.valueLabelStart||String(this.valueStart)}get renderAriaLabelEnd(){const{ariaLabel:e}=this;return this.range?this.ariaLabelEnd||e&&`${e} end`||this.valueLabelEnd||String(this.valueEnd):e||this.valueLabel||String(this.value)}get renderAriaValueTextEnd(){if(this.range)return this.ariaValueTextEnd||this.valueLabelEnd||String(this.valueEnd);const{ariaValueText:e}=this;return e||this.valueLabel||String(this.value)}constructor(){super(),this.min=0,this.max=100,this.valueLabel="",this.valueLabelStart="",this.valueLabelEnd="",this.ariaLabelStart="",this.ariaValueTextStart="",this.ariaLabelEnd="",this.ariaValueTextEnd="",this.step=1,this.ticks=!1,this.labeled=!1,this.range=!1,this.handleStartHover=!1,this.handleEndHover=!1,this.startOnTop=!1,this.handlesOverlapping=!1,this.ripplePointerId=1,this.isRedispatchingEvent=!1,this.addEventListener("click",e=>{!Or(e)||!this.inputEnd||(this.focus(),so(this.inputEnd))})}focus(){var e;(e=this.inputEnd)==null||e.focus()}willUpdate(e){var o,i;this.renderValueStart=e.has("valueStart")?this.valueStart:(o=this.inputStart)==null?void 0:o.valueAsNumber;const t=e.has("valueEnd")&&this.range||e.has("value");this.renderValueEnd=t?this.range?this.valueEnd:this.value:(i=this.inputEnd)==null?void 0:i.valueAsNumber,e.get("handleStartHover")!==void 0?this.toggleRippleHover(this.rippleStart,this.handleStartHover):e.get("handleEndHover")!==void 0&&this.toggleRippleHover(this.rippleEnd,this.handleEndHover)}updated(e){var t,o;if(this.range&&(this.renderValueStart=this.inputStart.valueAsNumber),this.renderValueEnd=this.inputEnd.valueAsNumber,this.range){const i=(this.max-this.min)/3;if(this.valueStart===void 0){this.inputStart.valueAsNumber=this.min+i;const a=this.inputStart.valueAsNumber;this.valueStart=this.renderValueStart=a}if(this.valueEnd===void 0){this.inputEnd.valueAsNumber=this.min+2*i;const a=this.inputEnd.valueAsNumber;this.valueEnd=this.renderValueEnd=a}}else this.value??(this.value=this.renderValueEnd);if(e.has("range")||e.has("renderValueStart")||e.has("renderValueEnd")||this.isUpdatePending){const i=(t=this.handleStart)==null?void 0:t.querySelector(".handleNub"),a=(o=this.handleEnd)==null?void 0:o.querySelector(".handleNub");this.handlesOverlapping=Ac(i,a)}this.performUpdate()}render(){const e=this.step===0?1:this.step,t=Math.max(this.max-this.min,e),o=this.range?((this.renderValueStart??this.min)-this.min)/t:0,i=((this.renderValueEnd??this.min)-this.min)/t,a={"--_start-fraction":String(o),"--_end-fraction":String(i),"--_tick-count":String(t/e)},s={ranged:this.range},d=this.valueLabelStart||String(this.renderValueStart),h=(this.range?this.valueLabelEnd:this.valueLabel)||String(this.renderValueEnd),y={start:!0,value:this.renderValueStart,ariaLabel:this.renderAriaLabelStart,ariaValueText:this.renderAriaValueTextStart,ariaMin:this.min,ariaMax:this.valueEnd??this.max},v={start:!1,value:this.renderValueEnd,ariaLabel:this.renderAriaLabelEnd,ariaValueText:this.renderAriaValueTextEnd,ariaMin:this.range?this.valueStart??this.min:this.min,ariaMax:this.max},f={start:!0,hover:this.handleStartHover,label:d},C={start:!1,hover:this.handleEndHover,label:h},w={hover:this.handleStartHover||this.handleEndHover};return _`
    + ${ua(this.range,()=>this.renderInput(y))} + ${this.renderInput(v)} ${this.renderTrack()} +
    +
    +
    + ${ua(this.range,()=>this.renderHandle(f))} + ${this.renderHandle(C)} +
    +
    +
    +
    `}renderTrack(){return _` +
    + ${this.ticks?_`
    `:x} + `}renderLabel(e){return _``}renderHandle({start:e,hover:t,label:o}){const i=!this.disabled&&e===this.startOnTop,a=!this.disabled&&this.handlesOverlapping,s=e?"start":"end";return _`
    + + +
    + +
    + ${ua(this.labeled,()=>this.renderLabel(o))} +
    `}renderInput({start:e,value:t,ariaLabel:o,ariaValueText:i,ariaMin:a,ariaMax:s}){const d=e?"start":"end";return _``}async toggleRippleHover(e,t){const o=await e;o&&(t?o.handlePointerenter(new PointerEvent("pointerenter",{isPrimary:!0,pointerId:this.ripplePointerId})):o.handlePointerleave(new PointerEvent("pointerleave",{isPrimary:!0,pointerId:this.ripplePointerId})))}handleFocus(e){this.updateOnTop(e.target)}startAction(e){const t=e.target,o=t===this.inputStart?this.inputEnd:this.inputStart;this.action={canFlip:e.type==="pointerdown",flipped:!1,target:t,fixed:o,values:new Map([[t,t.valueAsNumber],[o,o==null?void 0:o.valueAsNumber]])}}finishAction(e){this.action=void 0}handleKeydown(e){this.startAction(e)}handleKeyup(e){this.finishAction(e)}handleDown(e){this.startAction(e),this.ripplePointerId=e.pointerId;const t=e.target===this.inputStart;this.handleStartHover=!this.disabled&&t&&!!this.handleStart,this.handleEndHover=!this.disabled&&!t&&!!this.handleEnd}async handleUp(e){if(!this.action)return;const{target:t,values:o,flipped:i}=this.action;await new Promise(requestAnimationFrame),t!==void 0&&(t.focus(),i&&t.valueAsNumber!==o.get(t)&&t.dispatchEvent(new Event("change",{bubbles:!0}))),this.finishAction(e)}handleMove(e){this.handleStartHover=!this.disabled&&Jn(e,this.handleStart),this.handleEndHover=!this.disabled&&Jn(e,this.handleEnd)}handleEnter(e){this.handleMove(e)}handleLeave(){this.handleStartHover=!1,this.handleEndHover=!1}updateOnTop(e){this.startOnTop=e.classList.contains("start")}needsClamping(){if(!this.action)return!1;const{target:e,fixed:t}=this.action;return e===this.inputStart?e.valueAsNumber>t.valueAsNumber:e.valueAsNumber=i&&r<=s&&e>=o&&e<=a}function Ac(r,e){if(!(r&&e))return!1;const t=r.getBoundingClientRect(),o=e.getBoundingClientRect();return!(t.top>o.bottom||t.righto.right)}/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const Rc=L`:host{--_active-track-color: var(--md-slider-active-track-color, var(--md-sys-color-primary, #6750a4));--_active-track-height: var(--md-slider-active-track-height, 4px);--_active-track-shape: var(--md-slider-active-track-shape, var(--md-sys-shape-corner-full, 9999px));--_disabled-active-track-color: var(--md-slider-disabled-active-track-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-active-track-opacity: var(--md-slider-disabled-active-track-opacity, 0.38);--_disabled-handle-color: var(--md-slider-disabled-handle-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-handle-elevation: var(--md-slider-disabled-handle-elevation, 0);--_disabled-inactive-track-color: var(--md-slider-disabled-inactive-track-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-inactive-track-opacity: var(--md-slider-disabled-inactive-track-opacity, 0.12);--_focus-handle-color: var(--md-slider-focus-handle-color, var(--md-sys-color-primary, #6750a4));--_handle-color: var(--md-slider-handle-color, var(--md-sys-color-primary, #6750a4));--_handle-elevation: var(--md-slider-handle-elevation, 1);--_handle-height: var(--md-slider-handle-height, 20px);--_handle-shadow-color: var(--md-slider-handle-shadow-color, var(--md-sys-color-shadow, #000));--_handle-shape: var(--md-slider-handle-shape, var(--md-sys-shape-corner-full, 9999px));--_handle-width: var(--md-slider-handle-width, 20px);--_hover-handle-color: var(--md-slider-hover-handle-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-color: var(--md-slider-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-opacity: var(--md-slider-hover-state-layer-opacity, 0.08);--_inactive-track-color: var(--md-slider-inactive-track-color, var(--md-sys-color-surface-container-highest, #e6e0e9));--_inactive-track-height: var(--md-slider-inactive-track-height, 4px);--_inactive-track-shape: var(--md-slider-inactive-track-shape, var(--md-sys-shape-corner-full, 9999px));--_label-container-color: var(--md-slider-label-container-color, var(--md-sys-color-primary, #6750a4));--_label-container-height: var(--md-slider-label-container-height, 28px);--_pressed-handle-color: var(--md-slider-pressed-handle-color, var(--md-sys-color-primary, #6750a4));--_pressed-state-layer-color: var(--md-slider-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--_pressed-state-layer-opacity: var(--md-slider-pressed-state-layer-opacity, 0.12);--_state-layer-size: var(--md-slider-state-layer-size, 40px);--_with-overlap-handle-outline-color: var(--md-slider-with-overlap-handle-outline-color, var(--md-sys-color-on-primary, #fff));--_with-overlap-handle-outline-width: var(--md-slider-with-overlap-handle-outline-width, 1px);--_with-tick-marks-active-container-color: var(--md-slider-with-tick-marks-active-container-color, var(--md-sys-color-on-primary, #fff));--_with-tick-marks-container-size: var(--md-slider-with-tick-marks-container-size, 2px);--_with-tick-marks-disabled-container-color: var(--md-slider-with-tick-marks-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));--_with-tick-marks-inactive-container-color: var(--md-slider-with-tick-marks-inactive-container-color, var(--md-sys-color-on-surface-variant, #49454f));--_label-text-color: var(--md-slider-label-text-color, var(--md-sys-color-on-primary, #fff));--_label-text-font: var(--md-slider-label-text-font, var(--md-sys-typescale-label-medium-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-slider-label-text-line-height, var(--md-sys-typescale-label-medium-line-height, 1rem));--_label-text-size: var(--md-slider-label-text-size, var(--md-sys-typescale-label-medium-size, 0.75rem));--_label-text-weight: var(--md-slider-label-text-weight, var(--md-sys-typescale-label-medium-weight, var(--md-ref-typeface-weight-medium, 500)));--_start-fraction: 0;--_end-fraction: 0;--_tick-count: 0;display:inline-flex;vertical-align:middle;min-inline-size:200px;--md-elevation-level: var(--_handle-elevation);--md-elevation-shadow-color: var(--_handle-shadow-color)}md-focus-ring{height:48px;inset:unset;width:48px}md-elevation{transition-duration:250ms}@media(prefers-reduced-motion){.label{transition-duration:0}}:host([disabled]){opacity:var(--_disabled-active-track-opacity);--md-elevation-level: var(--_disabled-handle-elevation)}.container{flex:1;display:flex;align-items:center;position:relative;block-size:var(--_state-layer-size);pointer-events:none;touch-action:none}.track,.tickmarks{position:absolute;inset:0;display:flex;align-items:center}.track::before,.tickmarks::before,.track::after,.tickmarks::after{position:absolute;content:"";inset-inline-start:calc(var(--_state-layer-size)/2 - var(--_with-tick-marks-container-size));inset-inline-end:calc(var(--_state-layer-size)/2 - var(--_with-tick-marks-container-size));background-size:calc((100% - var(--_with-tick-marks-container-size)*2)/var(--_tick-count)) 100%}.track::before,.tickmarks::before{block-size:var(--_inactive-track-height);border-radius:var(--_inactive-track-shape)}.track::before{background:var(--_inactive-track-color)}.tickmarks::before{background-image:radial-gradient(circle at var(--_with-tick-marks-container-size) center, var(--_with-tick-marks-inactive-container-color) 0, var(--_with-tick-marks-inactive-container-color) calc(var(--_with-tick-marks-container-size) / 2), transparent calc(var(--_with-tick-marks-container-size) / 2))}:host([disabled]) .track::before{opacity:calc(1/var(--_disabled-active-track-opacity)*var(--_disabled-inactive-track-opacity));background:var(--_disabled-inactive-track-color)}.track::after,.tickmarks::after{block-size:var(--_active-track-height);border-radius:var(--_active-track-shape);clip-path:inset(0 calc(var(--_with-tick-marks-container-size) * min((1 - var(--_end-fraction)) * 1000000000, 1) + (100% - var(--_with-tick-marks-container-size) * 2) * (1 - var(--_end-fraction))) 0 calc(var(--_with-tick-marks-container-size) * min(var(--_start-fraction) * 1000000000, 1) + (100% - var(--_with-tick-marks-container-size) * 2) * var(--_start-fraction)))}.track::after{background:var(--_active-track-color)}.tickmarks::after{background-image:radial-gradient(circle at var(--_with-tick-marks-container-size) center, var(--_with-tick-marks-active-container-color) 0, var(--_with-tick-marks-active-container-color) calc(var(--_with-tick-marks-container-size) / 2), transparent calc(var(--_with-tick-marks-container-size) / 2))}.track:dir(rtl)::after{clip-path:inset(0 calc(var(--_with-tick-marks-container-size) * min(var(--_start-fraction) * 1000000000, 1) + (100% - var(--_with-tick-marks-container-size) * 2) * var(--_start-fraction)) 0 calc(var(--_with-tick-marks-container-size) * min((1 - var(--_end-fraction)) * 1000000000, 1) + (100% - var(--_with-tick-marks-container-size) * 2) * (1 - var(--_end-fraction))))}.tickmarks:dir(rtl)::after{clip-path:inset(0 calc(var(--_with-tick-marks-container-size) * min(var(--_start-fraction) * 1000000000, 1) + (100% - var(--_with-tick-marks-container-size) * 2) * var(--_start-fraction)) 0 calc(var(--_with-tick-marks-container-size) * min((1 - var(--_end-fraction)) * 1000000000, 1) + (100% - var(--_with-tick-marks-container-size) * 2) * (1 - var(--_end-fraction))))}:host([disabled]) .track::after{background:var(--_disabled-active-track-color)}:host([disabled]) .tickmarks::before{background-image:radial-gradient(circle at var(--_with-tick-marks-container-size) center, var(--_with-tick-marks-disabled-container-color) 0, var(--_with-tick-marks-disabled-container-color) calc(var(--_with-tick-marks-container-size) / 2), transparent calc(var(--_with-tick-marks-container-size) / 2))}.handleContainerPadded{position:relative;block-size:100%;inline-size:100%;padding-inline:calc(var(--_state-layer-size)/2)}.handleContainerBlock{position:relative;block-size:100%;inline-size:100%}.handleContainer{position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:calc(100%*var(--_start-fraction));inline-size:calc(100%*(var(--_end-fraction) - var(--_start-fraction)))}.handle{position:absolute;block-size:var(--_state-layer-size);inline-size:var(--_state-layer-size);border-radius:var(--_handle-shape);display:flex;place-content:center;place-items:center}.handleNub{position:absolute;height:var(--_handle-height);width:var(--_handle-width);border-radius:var(--_handle-shape);background:var(--_handle-color)}:host([disabled]) .handleNub{background:var(--_disabled-handle-color)}input.end:focus~.handleContainerPadded .handle.end>.handleNub,input.start:focus~.handleContainerPadded .handle.start>.handleNub{background:var(--_focus-handle-color)}.container>.handleContainerPadded .handle.hover>.handleNub{background:var(--_hover-handle-color)}:host(:not([disabled])) input.end:active~.handleContainerPadded .handle.end>.handleNub,:host(:not([disabled])) input.start:active~.handleContainerPadded .handle.start>.handleNub{background:var(--_pressed-handle-color)}.onTop.isOverlapping .label,.onTop.isOverlapping .label::before{outline:var(--_with-overlap-handle-outline-color) solid var(--_with-overlap-handle-outline-width)}.onTop.isOverlapping .handleNub{border:var(--_with-overlap-handle-outline-color) solid var(--_with-overlap-handle-outline-width)}.handle.start{inset-inline-start:calc(0px - var(--_state-layer-size)/2)}.handle.end{inset-inline-end:calc(0px - var(--_state-layer-size)/2)}.label{position:absolute;box-sizing:border-box;display:flex;padding:4px;place-content:center;place-items:center;border-radius:var(--md-sys-shape-corner-full, 9999px);color:var(--_label-text-color);font-family:var(--_label-text-font);font-size:var(--_label-text-size);line-height:var(--_label-text-line-height);font-weight:var(--_label-text-weight);inset-block-end:100%;min-inline-size:var(--_label-container-height);min-block-size:var(--_label-container-height);background:var(--_label-container-color);transition:transform 100ms cubic-bezier(0.2, 0, 0, 1);transform-origin:center bottom;transform:scale(0)}:host(:focus-within) .label,.handleContainer.hover .label,:where(:has(input:active)) .label{transform:scale(1)}.label::before,.label::after{position:absolute;display:block;content:"";background:inherit}.label::before{inline-size:calc(var(--_label-container-height)/2);block-size:calc(var(--_label-container-height)/2);bottom:calc(var(--_label-container-height)/-10);transform:rotate(45deg)}.label::after{inset:0px;border-radius:inherit}.labelContent{z-index:1}input[type=range]{opacity:0;-webkit-tap-highlight-color:rgba(0,0,0,0);position:absolute;box-sizing:border-box;height:100%;width:100%;margin:0;background:rgba(0,0,0,0);cursor:pointer;pointer-events:auto;appearance:none}input[type=range]:focus{outline:none}::-webkit-slider-runnable-track{-webkit-appearance:none}::-moz-range-track{appearance:none}::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;block-size:var(--_handle-height);inline-size:var(--_handle-width);opacity:0;z-index:2}input.end::-webkit-slider-thumb{--_track-and-knob-padding: calc( (var(--_state-layer-size) - var(--_handle-width)) / 2 );--_x-translate: calc( var(--_track-and-knob-padding) - 2 * var(--_end-fraction) * var(--_track-and-knob-padding) );transform:translateX(var(--_x-translate))}input.end:dir(rtl)::-webkit-slider-thumb{transform:translateX(calc(-1 * var(--_x-translate)))}input.start::-webkit-slider-thumb{--_track-and-knob-padding: calc( (var(--_state-layer-size) - var(--_handle-width)) / 2 );--_x-translate: calc( var(--_track-and-knob-padding) - 2 * var(--_start-fraction) * var(--_track-and-knob-padding) );transform:translateX(var(--_x-translate))}input.start:dir(rtl)::-webkit-slider-thumb{transform:translateX(calc(-1 * var(--_x-translate)))}::-moz-range-thumb{appearance:none;block-size:var(--_state-layer-size);inline-size:var(--_state-layer-size);transform:scaleX(0);opacity:0;z-index:2}.ranged input.start{clip-path:inset(0 calc(100% - (var(--_state-layer-size) / 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction)) / 2))) 0 0)}.ranged input.start:dir(rtl){clip-path:inset(0 0 0 calc(100% - (var(--_state-layer-size) / 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction)) / 2))))}.ranged input.end{clip-path:inset(0 0 0 calc(var(--_state-layer-size) / 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction)) / 2)))}.ranged input.end:dir(rtl){clip-path:inset(0 calc(var(--_state-layer-size) / 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction)) / 2)) 0 0)}.onTop{z-index:1}.handle{--md-ripple-hover-color: var(--_hover-state-layer-color);--md-ripple-hover-opacity: var(--_hover-state-layer-opacity);--md-ripple-pressed-color: var(--_pressed-state-layer-color);--md-ripple-pressed-opacity: var(--_pressed-state-layer-opacity)}md-ripple{border-radius:50%;height:var(--_state-layer-size);width:var(--_state-layer-size)} +`;/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */let Ao=class extends de{};Ao.styles=[Rc,Tc],Ao=l([H("md-slider")],Ao);const Ic=Q({react:Z,elementClass:Ao,tagName:"md-slider"}),Oc=({className:r,id:e,style:t,...o})=>V.jsx(Ic,{className:r,id:e,style:t,...o});/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */class Ro extends W{constructor(){super(...arguments),this.inset=!1,this.insetStart=!1,this.insetEnd=!1}}l([p({type:Boolean,reflect:!0})],Ro.prototype,"inset",void 0),l([p({type:Boolean,reflect:!0,attribute:"inset-start"})],Ro.prototype,"insetStart",void 0),l([p({type:Boolean,reflect:!0,attribute:"inset-end"})],Ro.prototype,"insetEnd",void 0);/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const zc=L`:host{box-sizing:border-box;color:var(--md-divider-color, var(--md-sys-color-outline-variant, #cac4d0));display:flex;height:var(--md-divider-thickness, 1px);width:100%}:host([inset]),:host([inset-start]){padding-inline-start:16px}:host([inset]),:host([inset-end]){padding-inline-end:16px}:host::before{background:currentColor;content:"";height:100%;width:100%}@media(forced-colors: active){:host::before{background:CanvasText}} +`;/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */let ha=class extends Ro{};ha.styles=[zc],ha=l([H("md-divider")],ha);/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const Pc={dialog:[[[{transform:"translateY(-50px)"},{transform:"translateY(0)"}],{duration:500,easing:at.EMPHASIZED}]],scrim:[[[{opacity:0},{opacity:.32}],{duration:500,easing:"linear"}]],container:[[[{opacity:0},{opacity:1}],{duration:50,easing:"linear",pseudoElement:"::before"}],[[{height:"35%"},{height:"100%"}],{duration:500,easing:at.EMPHASIZED,pseudoElement:"::before"}]],headline:[[[{opacity:0},{opacity:0,offset:.2},{opacity:1}],{duration:250,easing:"linear",fill:"forwards"}]],content:[[[{opacity:0},{opacity:0,offset:.2},{opacity:1}],{duration:250,easing:"linear",fill:"forwards"}]],actions:[[[{opacity:0},{opacity:0,offset:.5},{opacity:1}],{duration:300,easing:"linear",fill:"forwards"}]]},Lc={dialog:[[[{transform:"translateY(0)"},{transform:"translateY(-50px)"}],{duration:150,easing:at.EMPHASIZED_ACCELERATE}]],scrim:[[[{opacity:.32},{opacity:0}],{duration:150,easing:"linear"}]],container:[[[{height:"100%"},{height:"35%"}],{duration:150,easing:at.EMPHASIZED_ACCELERATE,pseudoElement:"::before"}],[[{opacity:"1"},{opacity:"0"}],{delay:100,duration:50,easing:"linear",pseudoElement:"::before"}]],headline:[[[{opacity:1},{opacity:0}],{duration:100,easing:"linear",fill:"forwards"}]],content:[[[{opacity:1},{opacity:0}],{duration:100,easing:"linear",fill:"forwards"}]],actions:[[[{opacity:1},{opacity:0}],{duration:100,easing:"linear",fill:"forwards"}]]};/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const Fc=Ze(W);let Ee=class extends Fc{get open(){return this.isOpen}set open(e){e!==this.isOpen&&(this.isOpen=e,e?(this.setAttribute("open",""),this.show()):(this.removeAttribute("open"),this.close()))}constructor(){super(),this.quick=!1,this.returnValue="",this.noFocusTrap=!1,this.getOpenAnimation=()=>Pc,this.getCloseAnimation=()=>Lc,this.isOpen=!1,this.isOpening=!1,this.isConnectedPromise=this.getIsConnectedPromise(),this.isAtScrollTop=!1,this.isAtScrollBottom=!1,this.nextClickIsFromContent=!1,this.hasHeadline=!1,this.hasActions=!1,this.hasIcon=!1,this.escapePressedWithoutCancel=!1,this.treewalker=document.createTreeWalker(this,NodeFilter.SHOW_ELEMENT),this.addEventListener("submit",this.handleSubmit)}async show(){var o;this.isOpening=!0,await this.isConnectedPromise,await this.updateComplete;const e=this.dialog;if(e.open||!this.isOpening){this.isOpening=!1;return}if(!this.dispatchEvent(new Event("open",{cancelable:!0}))){this.open=!1,this.isOpening=!1;return}e.showModal(),this.open=!0,this.scroller&&(this.scroller.scrollTop=0),(o=this.querySelector("[autofocus]"))==null||o.focus(),await this.animateDialog(this.getOpenAnimation()),this.dispatchEvent(new Event("opened")),this.isOpening=!1}async close(e=this.returnValue){if(this.isOpening=!1,!this.isConnected){this.open=!1;return}await this.updateComplete;const t=this.dialog;if(!t.open||this.isOpening){this.open=!1;return}const o=this.returnValue;if(this.returnValue=e,!this.dispatchEvent(new Event("close",{cancelable:!0}))){this.returnValue=o;return}await this.animateDialog(this.getCloseAnimation()),t.close(e),this.open=!1,this.dispatchEvent(new Event("closed"))}connectedCallback(){super.connectedCallback(),this.isConnectedPromiseResolve()}disconnectedCallback(){super.disconnectedCallback(),this.isConnectedPromise=this.getIsConnectedPromise()}render(){const e=this.open&&!(this.isAtScrollTop&&this.isAtScrollBottom),t={"has-headline":this.hasHeadline,"has-actions":this.hasActions,"has-icon":this.hasIcon,scrollable:e,"show-top-divider":e&&!this.isAtScrollTop,"show-bottom-divider":e&&!this.isAtScrollBottom},o=this.open&&!this.noFocusTrap,i=_` + + `,{ariaLabel:a}=this;return _` +
    + + ${o?i:x} +
    +
    + +

    + +

    + +
    +
    +
    +
    + +
    +
    +
    +
    + + +
    +
    + ${o?i:x} +     + `}firstUpdated(){this.intersectionObserver=new IntersectionObserver(e=>{for(const t of e)this.handleAnchorIntersection(t)},{root:this.scroller}),this.intersectionObserver.observe(this.topAnchor),this.intersectionObserver.observe(this.bottomAnchor)}handleDialogClick(){if(this.nextClickIsFromContent){this.nextClickIsFromContent=!1;return}this.dispatchEvent(new Event("cancel",{cancelable:!0}))&&this.close()}handleContentClick(){this.nextClickIsFromContent=!0}handleSubmit(e){const t=e.target,{submitter:o}=e;t.method!=="dialog"||!o||this.close(o.getAttribute("value")??this.returnValue)}handleCancel(e){if(e.target!==this.dialog)return;this.escapePressedWithoutCancel=!1;const t=!Ct(this,e);e.preventDefault(),!t&&this.close()}handleClose(){var e;this.escapePressedWithoutCancel&&(this.escapePressedWithoutCancel=!1,(e=this.dialog)==null||e.dispatchEvent(new Event("cancel",{cancelable:!0})))}handleKeydown(e){e.key==="Escape"&&(this.escapePressedWithoutCancel=!0,setTimeout(()=>{this.escapePressedWithoutCancel=!1}))}async animateDialog(e){var I;if((I=this.cancelAnimations)==null||I.abort(),this.cancelAnimations=new AbortController,this.quick)return;const{dialog:t,scrim:o,container:i,headline:a,content:s,actions:d}=this;if(!t||!o||!i||!a||!s||!d)return;const{container:h,dialog:y,scrim:v,headline:f,content:C,actions:w}=e,A=[[t,y??[]],[o,v??[]],[i,h??[]],[a,f??[]],[s,C??[]],[d,w??[]]],S=[];for(const[O,R]of A)for(const B of R){const U=O.animate(...B);this.cancelAnimations.signal.addEventListener("abort",()=>{U.cancel()}),S.push(U)}await Promise.all(S.map(O=>O.finished.catch(()=>{})))}handleHeadlineChange(e){const t=e.target;this.hasHeadline=t.assignedElements().length>0}handleActionsChange(e){const t=e.target;this.hasActions=t.assignedElements().length>0}handleIconChange(e){const t=e.target;this.hasIcon=t.assignedElements().length>0}handleAnchorIntersection(e){const{target:t,isIntersecting:o}=e;t===this.topAnchor&&(this.isAtScrollTop=o),t===this.bottomAnchor&&(this.isAtScrollBottom=o)}getIsConnectedPromise(){return new Promise(e=>{this.isConnectedPromiseResolve=e})}handleFocusTrapFocus(e){var f;const[t,o]=this.getFirstAndLastFocusableChildren();if(!t||!o){(f=this.dialog)==null||f.focus();return}const i=e.target===this.firstFocusTrap,a=!i,s=e.relatedTarget===t,d=e.relatedTarget===o,h=!s&&!d;if(a&&d||i&&h){t.focus();return}if(i&&s||a&&h){o.focus();return}}getFirstAndLastFocusableChildren(){if(!this.treewalker)return[null,null];let e=null,t=null;for(this.treewalker.currentNode=this.treewalker.root;this.treewalker.nextNode();){const o=this.treewalker.currentNode;Mc(o)&&(e||(e=o),t=o)}return[e,t]}};l([p({type:Boolean})],Ee.prototype,"open",null),l([p({type:Boolean})],Ee.prototype,"quick",void 0),l([p({attribute:!1})],Ee.prototype,"returnValue",void 0),l([p()],Ee.prototype,"type",void 0),l([p({type:Boolean,attribute:"no-focus-trap"})],Ee.prototype,"noFocusTrap",void 0),l([Y("dialog")],Ee.prototype,"dialog",void 0),l([Y(".scrim")],Ee.prototype,"scrim",void 0),l([Y(".container")],Ee.prototype,"container",void 0),l([Y(".headline")],Ee.prototype,"headline",void 0),l([Y(".content")],Ee.prototype,"content",void 0),l([Y(".actions")],Ee.prototype,"actions",void 0),l([ae()],Ee.prototype,"isAtScrollTop",void 0),l([ae()],Ee.prototype,"isAtScrollBottom",void 0),l([Y(".scroller")],Ee.prototype,"scroller",void 0),l([Y(".top.anchor")],Ee.prototype,"topAnchor",void 0),l([Y(".bottom.anchor")],Ee.prototype,"bottomAnchor",void 0),l([Y(".focus-trap")],Ee.prototype,"firstFocusTrap",void 0),l([ae()],Ee.prototype,"hasHeadline",void 0),l([ae()],Ee.prototype,"hasActions",void 0),l([ae()],Ee.prototype,"hasIcon",void 0);function Mc(r){var a;const e=":is(button,input,select,textarea,object,:is(a,area)[href],[tabindex],[contenteditable=true])",t=":not(:disabled,[disabled])";return r.matches(e+t+':not([tabindex^="-"])')?!0:!r.localName.includes("-")||!r.matches(t)?!1:((a=r.shadowRoot)==null?void 0:a.delegatesFocus)??!1}/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const Dc=L`:host{border-start-start-radius:var(--md-dialog-container-shape-start-start, var(--md-dialog-container-shape, var(--md-sys-shape-corner-extra-large, 28px)));border-start-end-radius:var(--md-dialog-container-shape-start-end, var(--md-dialog-container-shape, var(--md-sys-shape-corner-extra-large, 28px)));border-end-end-radius:var(--md-dialog-container-shape-end-end, var(--md-dialog-container-shape, var(--md-sys-shape-corner-extra-large, 28px)));border-end-start-radius:var(--md-dialog-container-shape-end-start, var(--md-dialog-container-shape, var(--md-sys-shape-corner-extra-large, 28px)));display:contents;margin:auto;max-height:min(560px,100% - 48px);max-width:min(560px,100% - 48px);min-height:140px;min-width:280px;position:fixed;height:fit-content;width:fit-content}dialog{background:rgba(0,0,0,0);border:none;border-radius:inherit;flex-direction:column;height:inherit;margin:inherit;max-height:inherit;max-width:inherit;min-height:inherit;min-width:inherit;outline:none;overflow:visible;padding:0;width:inherit}dialog[open]{display:flex}::backdrop{background:none}.scrim{background:var(--md-sys-color-scrim, #000);display:none;inset:0;opacity:32%;pointer-events:none;position:fixed;z-index:1}:host([open]) .scrim{display:flex}h2{all:unset;align-self:stretch}.headline{align-items:center;color:var(--md-dialog-headline-color, var(--md-sys-color-on-surface, #1d1b20));display:flex;flex-direction:column;font-family:var(--md-dialog-headline-font, var(--md-sys-typescale-headline-small-font, var(--md-ref-typeface-brand, Roboto)));font-size:var(--md-dialog-headline-size, var(--md-sys-typescale-headline-small-size, 1.5rem));line-height:var(--md-dialog-headline-line-height, var(--md-sys-typescale-headline-small-line-height, 2rem));font-weight:var(--md-dialog-headline-weight, var(--md-sys-typescale-headline-small-weight, var(--md-ref-typeface-weight-regular, 400)));position:relative}slot[name=headline]::slotted(*){align-items:center;align-self:stretch;box-sizing:border-box;display:flex;gap:8px;padding:24px 24px 0}.icon{display:flex}slot[name=icon]::slotted(*){color:var(--md-dialog-icon-color, var(--md-sys-color-secondary, #625b71));fill:currentColor;font-size:var(--md-dialog-icon-size, 24px);margin-top:24px;height:var(--md-dialog-icon-size, 24px);width:var(--md-dialog-icon-size, 24px)}.has-icon slot[name=headline]::slotted(*){justify-content:center;padding-top:16px}.scrollable slot[name=headline]::slotted(*){padding-bottom:16px}.scrollable.has-headline slot[name=content]::slotted(*){padding-top:8px}.container{border-radius:inherit;display:flex;flex-direction:column;flex-grow:1;overflow:hidden;position:relative;transform-origin:top}.container::before{background:var(--md-dialog-container-color, var(--md-sys-color-surface-container-high, #ece6f0));border-radius:inherit;content:"";inset:0;position:absolute}.scroller{display:flex;flex:1;flex-direction:column;overflow:hidden;z-index:1}.scrollable .scroller{overflow-y:scroll}.content{color:var(--md-dialog-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));font-family:var(--md-dialog-supporting-text-font, var(--md-sys-typescale-body-medium-font, var(--md-ref-typeface-plain, Roboto)));font-size:var(--md-dialog-supporting-text-size, var(--md-sys-typescale-body-medium-size, 0.875rem));line-height:var(--md-dialog-supporting-text-line-height, var(--md-sys-typescale-body-medium-line-height, 1.25rem));flex:1;font-weight:var(--md-dialog-supporting-text-weight, var(--md-sys-typescale-body-medium-weight, var(--md-ref-typeface-weight-regular, 400)));height:min-content;position:relative}slot[name=content]::slotted(*){box-sizing:border-box;padding:24px}.anchor{position:absolute}.top.anchor{top:0}.bottom.anchor{bottom:0}.actions{position:relative}slot[name=actions]::slotted(*){box-sizing:border-box;display:flex;gap:8px;justify-content:flex-end;padding:16px 24px 24px}.has-actions slot[name=content]::slotted(*){padding-bottom:8px}md-divider{display:none;position:absolute}.has-headline.show-top-divider .headline md-divider,.has-actions.show-bottom-divider .actions md-divider{display:flex}.headline md-divider{bottom:0}.actions md-divider{top:0}@media(forced-colors: active){dialog{outline:2px solid WindowText}} +`;/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */let Io=class extends Ee{};Io.styles=[Dc],Io=l([H("md-dialog")],Io);const Nc=Q({react:Z,tagName:"md-dialog",elementClass:Io,events:{onClose:"close",onShow:"show",onOpen:"open",onOpened:"opened",onClosed:"closed",onCancel:"cancel"}}),Bc=r=>{const{children:e,quick:t,returnValue:o,noFocusTrap:i,open:a,fullScreen:s,style:d,className:h,id:y,onClose:v,onShow:f,onOpen:C,onOpened:w,onClosed:A,onCancel:S}=r;return V.jsx(Nc,{quick:t,returnValue:o,noFocusTrap:i,open:a,style:{...d,...s?{width:"100vw",height:"100vh",maxWidth:"100vw",maxHeight:"100vh"}:{}},className:h,id:y,onClose:v,onShow:f,onOpen:C,onOpened:w,onClosed:A,onCancel:S,children:e})};/** + * @license + * Copyright 2021 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const jc=new Set(Object.values(De));let Qn=class extends W{get items(){return this.listController.items}constructor(){super(),this.listController=new jn({isItem:e=>e.hasAttribute("md-list-item"),getPossibleItems:()=>this.slotItems,isRtl:()=>getComputedStyle(this).direction==="rtl",deactivateItem:e=>{e.tabIndex=-1},activateItem:e=>{e.tabIndex=0},isNavigableKey:e=>jc.has(e),isActivatable:e=>!e.disabled&&e.type!=="text"}),this.internals=this.attachInternals(),this.internals.role="list",this.addEventListener("keydown",this.listController.handleKeydown)}render(){return _` + + + `}activateNextItem(){return this.listController.activateNextItem()}activatePreviousItem(){return this.listController.activatePreviousItem()}};l([He({flatten:!0})],Qn.prototype,"slotItems",void 0);/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const Uc=L`:host{background:var(--md-list-container-color, var(--md-sys-color-surface, #fef7ff));color:unset;display:flex;flex-direction:column;outline:none;padding:8px 0;position:relative} +`;/** + * @license + * Copyright 2021 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */let Oo=class extends Qn{};Oo.styles=[Uc],Oo=l([H("md-list")],Oo);/** + * @license + * Copyright 2022 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const Vc=Ze(W);class St extends Vc{constructor(){super(...arguments),this.disabled=!1,this.type="text",this.isListItem=!0,this.href="",this.target=""}get isDisabled(){return this.disabled&&this.type!=="link"}willUpdate(e){this.href&&(this.type="link"),super.willUpdate(e)}render(){return this.renderListItem(_` + +
    + ${this.renderRipple()} ${this.renderFocusRing()} +
    + + + ${this.renderBody()} +     + `)}renderListItem(e){const t=this.type==="link";let o;switch(this.type){case"link":o=Xe`a`;break;case"button":o=Xe`button`;break;default:case"text":o=Xe`li`;break}const i=this.type!=="text",a=t&&this.target?this.target:x;return Tr` + <${o} + id="item" + tabindex="${this.isDisabled||!i?-1:0}" + ?disabled=${this.isDisabled} + role="listitem" + aria-selected=${this.ariaSelected||x} + aria-checked=${this.ariaChecked||x} + aria-expanded=${this.ariaExpanded||x} + aria-haspopup=${this.ariaHasPopup||x} + class="list-item ${be(this.getRenderClasses())}" + href=${this.href||x} + target=${a} + @focus=${this.onFocus} + >${e} + `}renderRipple(){return this.type==="text"?x:_` `}renderFocusRing(){return this.type==="text"?x:_` `}onFocusRingVisibilityChanged(e){}getRenderClasses(){return{disabled:this.isDisabled}}renderBody(){return _` + + + + + + `}onFocus(){this.tabIndex===-1&&this.dispatchEvent(Bn())}focus(){var e;(e=this.listItemRoot)==null||e.focus()}}St.shadowRootOptions={...W.shadowRootOptions,delegatesFocus:!0},l([p({type:Boolean,reflect:!0})],St.prototype,"disabled",void 0),l([p({reflect:!0})],St.prototype,"type",void 0),l([p({type:Boolean,attribute:"md-list-item",reflect:!0})],St.prototype,"isListItem",void 0),l([p()],St.prototype,"href",void 0),l([p()],St.prototype,"target",void 0),l([Y(".list-item")],St.prototype,"listItemRoot",void 0);/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const Hc=L`:host{display:flex;-webkit-tap-highlight-color:rgba(0,0,0,0);--md-ripple-hover-color: var(--md-list-item-hover-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--md-ripple-hover-opacity: var(--md-list-item-hover-state-layer-opacity, 0.08);--md-ripple-pressed-color: var(--md-list-item-pressed-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--md-ripple-pressed-opacity: var(--md-list-item-pressed-state-layer-opacity, 0.12)}:host(:is([type=button]:not([disabled]),[type=link])){cursor:pointer}md-focus-ring{z-index:1;--md-focus-ring-shape: 8px}a,button,li{background:none;border:none;cursor:inherit;padding:0;margin:0;text-align:unset;text-decoration:none}.list-item{border-radius:inherit;display:flex;flex:1;max-width:inherit;min-width:inherit;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);width:100%}.list-item.interactive{cursor:pointer}.list-item.disabled{opacity:var(--md-list-item-disabled-opacity, 0.3);pointer-events:none}[slot=container]{pointer-events:none}md-ripple{border-radius:inherit}md-item{border-radius:inherit;flex:1;height:100%;color:var(--md-list-item-label-text-color, var(--md-sys-color-on-surface, #1d1b20));font-family:var(--md-list-item-label-text-font, var(--md-sys-typescale-body-large-font, var(--md-ref-typeface-plain, Roboto)));font-size:var(--md-list-item-label-text-size, var(--md-sys-typescale-body-large-size, 1rem));line-height:var(--md-list-item-label-text-line-height, var(--md-sys-typescale-body-large-line-height, 1.5rem));font-weight:var(--md-list-item-label-text-weight, var(--md-sys-typescale-body-large-weight, var(--md-ref-typeface-weight-regular, 400)));min-height:var(--md-list-item-one-line-container-height, 56px);padding-top:var(--md-list-item-top-space, 12px);padding-bottom:var(--md-list-item-bottom-space, 12px);padding-inline-start:var(--md-list-item-leading-space, 16px);padding-inline-end:var(--md-list-item-trailing-space, 16px)}md-item[multiline]{min-height:var(--md-list-item-two-line-container-height, 72px)}[slot=supporting-text]{color:var(--md-list-item-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));font-family:var(--md-list-item-supporting-text-font, var(--md-sys-typescale-body-medium-font, var(--md-ref-typeface-plain, Roboto)));font-size:var(--md-list-item-supporting-text-size, var(--md-sys-typescale-body-medium-size, 0.875rem));line-height:var(--md-list-item-supporting-text-line-height, var(--md-sys-typescale-body-medium-line-height, 1.25rem));font-weight:var(--md-list-item-supporting-text-weight, var(--md-sys-typescale-body-medium-weight, var(--md-ref-typeface-weight-regular, 400)))}[slot=trailing-supporting-text]{color:var(--md-list-item-trailing-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));font-family:var(--md-list-item-trailing-supporting-text-font, var(--md-sys-typescale-label-small-font, var(--md-ref-typeface-plain, Roboto)));font-size:var(--md-list-item-trailing-supporting-text-size, var(--md-sys-typescale-label-small-size, 0.6875rem));line-height:var(--md-list-item-trailing-supporting-text-line-height, var(--md-sys-typescale-label-small-line-height, 1rem));font-weight:var(--md-list-item-trailing-supporting-text-weight, var(--md-sys-typescale-label-small-weight, var(--md-ref-typeface-weight-medium, 500)))}:is([slot=start],[slot=end])::slotted(*){fill:currentColor}[slot=start]{color:var(--md-list-item-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f))}[slot=end]{color:var(--md-list-item-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f))}@media(forced-colors: active){.disabled slot{color:GrayText}.list-item.disabled{color:GrayText;opacity:1}} +`;/** + * @license + * Copyright 2022 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */let zo=class extends St{};zo.styles=[Hc],zo=l([H("md-list-item")],zo);const qc=Q({react:Z,tagName:"md-list",elementClass:Oo}),Wc=r=>{const{children:e,...t}=r;return V.jsx(qc,{...t,children:e})};Q({react:Z,tagName:"md-list-item",elementClass:zo});function pa(){return pa=Object.assign?Object.assign.bind():function(r){for(var e=1;e0?Ne(or,--Je):0,rr--,Se===10&&(rr=1,Mo--),Se}function et(){return Se=Je2||Dr(Se)>3?"":" "}function du(r,e){for(;--e&&et()&&!(Se<48||Se>102||Se>57&&Se<65||Se>70&&Se<97););return Mr(r,No()+(e<6&&ut()==32&&et()==32))}function ya(r){for(;et();)switch(Se){case r:return Je;case 34:case 39:r!==34&&r!==39&&ya(Se);break;case 40:r===41&&ya(r);break;case 92:et();break}return Je}function cu(r,e){for(;et()&&r+Se!==57;)if(r+Se===84&&ut()===47)break;return"/*"+Mr(e,Je-1)+"*"+Lo(r===47?r:et())}function uu(r){for(;!Dr(ut());)et();return Mr(r,Je)}function hu(r){return ns(jo("",null,null,null,[""],r=as(r),0,[0],r))}function jo(r,e,t,o,i,a,s,d,h){for(var y=0,v=0,f=s,C=0,w=0,A=0,S=1,I=1,O=1,R=0,B="",U=i,P=a,q=o,D=B;I;)switch(A=R,R=et()){case 40:if(A!=108&&Ne(D,f-1)==58){ma(D+=se(Bo(R),"&","&\f"),"&\f")!=-1&&(O=-1);break}case 34:case 39:case 91:D+=Bo(R);break;case 9:case 10:case 13:case 32:D+=lu(A);break;case 92:D+=du(No()-1,7);continue;case 47:switch(ut()){case 42:case 47:Fo(pu(cu(et(),No()),e,t),h);break;default:D+="/"}break;case 123*S:d[y++]=ct(D)*O;case 125*S:case 59:case 0:switch(R){case 0:case 125:I=0;case 59+v:O==-1&&(D=se(D,/\f/g,"")),w>0&&ct(D)-f&&Fo(w>32?ls(D+";",o,t,f-1):ls(se(D," ","")+";",o,t,f-2),h);break;case 59:D+=";";default:if(Fo(q=ss(D,e,t,y,v,i,d,B,U=[],P=[],f),a),R===123)if(v===0)jo(D,e,q,q,U,a,f,d,P);else switch(C===99&&Ne(D,3)===110?100:C){case 100:case 108:case 109:case 115:jo(r,q,q,o&&Fo(ss(r,q,q,0,0,i,d,B,i,U=[],f),P),i,P,f,d,o?U:P);break;default:jo(D,q,q,q,[""],P,0,d,P)}}y=v=w=0,S=O=1,B=D="",f=s;break;case 58:f=1+ct(D),w=A;default:if(S<1){if(R==123)--S;else if(R==125&&S++==0&&su()==125)continue}switch(D+=Lo(R),R*S){case 38:O=v>0?1:(D+="\f",-1);break;case 44:d[y++]=(ct(D)-1)*O,O=1;break;case 64:ut()===45&&(D+=Bo(et())),C=ut(),v=f=ct(B=D+=uu(No())),R++;break;case 45:A===45&&ct(D)==2&&(S=0)}}return a}function ss(r,e,t,o,i,a,s,d,h,y,v){for(var f=i-1,C=i===0?a:[""],w=ba(C),A=0,S=0,I=0;A0?C[O]+" "+R:se(R,/&\f/g,C[O])))&&(h[I++]=B);return Do(r,e,t,i===0?fa:d,h,y,v)}function pu(r,e,t){return Do(r,e,t,ts,Lo(nu()),Lr(r,2,-2),0)}function ls(r,e,t,o){return Do(r,e,t,va,Lr(r,0,o),Lr(r,o+1,-1),o)}function ir(r,e){for(var t="",o=ba(r),i=0;i6)switch(Ne(r,e+1)){case 109:if(Ne(r,e+4)!==45)break;case 102:return se(r,/(.+:)(.+)-([^]+)/,"$1"+ne+"$2-$3$1"+Po+(Ne(r,e+3)==108?"$3":"$2-$3"))+r;case 115:return~ma(r,"stretch")?cs(se(r,"stretch","fill-available"),e)+r:r}break;case 4949:if(Ne(r,e+1)!==115)break;case 6444:switch(Ne(r,ct(r)-3-(~ma(r,"!important")&&10))){case 107:return se(r,":",":"+ne)+r;case 101:return se(r,/(.+:)([^;!]+)(;|!.+)?/,"$1"+ne+(Ne(r,14)===45?"inline-":"")+"box$3$1"+ne+"$2$3$1"+qe+"$2box$3")+r}break;case 5936:switch(Ne(r,e+11)){case 114:return ne+r+qe+se(r,/[svh]\w+-[tblr]{2}/,"tb")+r;case 108:return ne+r+qe+se(r,/[svh]\w+-[tblr]{2}/,"tb-rl")+r;case 45:return ne+r+qe+se(r,/[svh]\w+-[tblr]{2}/,"lr")+r}return ne+r+qe+r+r}return r}var wu=function(e,t,o,i){if(e.length>-1&&!e.return)switch(e.type){case va:e.return=cs(e.value,e.length);break;case rs:return ir([Fr(e,{value:se(e.value,"@","@"+ne)})],i);case fa:if(e.length)return au(e.props,function(a){switch(iu(a,/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":return ir([Fr(e,{props:[se(a,/:(read-\w+)/,":"+Po+"$1")]})],i);case"::placeholder":return ir([Fr(e,{props:[se(a,/:(plac\w+)/,":"+ne+"input-$1")]}),Fr(e,{props:[se(a,/:(plac\w+)/,":"+Po+"$1")]}),Fr(e,{props:[se(a,/:(plac\w+)/,qe+"input-$1")]})],i)}return""})}},ku=[wu],Cu=function(e){var t=e.key;if(t==="css"){var o=document.querySelectorAll("style[data-emotion]:not([data-s])");Array.prototype.forEach.call(o,function(S){var I=S.getAttribute("data-emotion");I.indexOf(" ")!==-1&&(document.head.appendChild(S),S.setAttribute("data-s",""))})}var i=e.stylisPlugins||ku,a={},s,d=[];s=e.container||document.head,Array.prototype.forEach.call(document.querySelectorAll('style[data-emotion^="'+t+' "]'),function(S){for(var I=S.getAttribute("data-emotion").split(" "),O=1;O=4;++o,i-=4)t=r.charCodeAt(o)&255|(r.charCodeAt(++o)&255)<<8|(r.charCodeAt(++o)&255)<<16|(r.charCodeAt(++o)&255)<<24,t=(t&65535)*1540483477+((t>>>16)*59797<<16),t^=t>>>24,e=(t&65535)*1540483477+((t>>>16)*59797<<16)^(e&65535)*1540483477+((e>>>16)*59797<<16);switch(i){case 3:e^=(r.charCodeAt(o+2)&255)<<16;case 2:e^=(r.charCodeAt(o+1)&255)<<8;case 1:e^=r.charCodeAt(o)&255,e=(e&65535)*1540483477+((e>>>16)*59797<<16)}return e^=e>>>13,e=(e&65535)*1540483477+((e>>>16)*59797<<16),((e^e>>>15)>>>0).toString(36)}var Au={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,scale:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1},Ru=!1,Iu=/[A-Z]|^ms/g,Ou=/_EMO_([^_]+?)_([^]*?)_EMO_/g,hs=function(e){return e.charCodeAt(1)===45},ps=function(e){return e!=null&&typeof e!="boolean"},ga=es(function(r){return hs(r)?r:r.replace(Iu,"-$&").toLowerCase()}),fs=function(e,t){switch(e){case"animation":case"animationName":if(typeof t=="string")return t.replace(Ou,function(o,i,a){return ht={name:i,styles:a,next:ht},i})}return Au[e]!==1&&!hs(e)&&typeof t=="number"&&t!==0?t+"px":t},zu="Component selectors can only be used in conjunction with @emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware compiler transform.";function Nr(r,e,t){if(t==null)return"";var o=t;if(o.__emotion_styles!==void 0)return o;switch(typeof t){case"boolean":return"";case"object":{var i=t;if(i.anim===1)return ht={name:i.name,styles:i.styles,next:ht},i.name;var a=t;if(a.styles!==void 0){var s=a.next;if(s!==void 0)for(;s!==void 0;)ht={name:s.name,styles:s.styles,next:ht},s=s.next;var d=a.styles+";";return d}return Pu(r,e,t)}case"function":{if(r!==void 0){var h=ht,y=t(r);return ht=h,Nr(r,e,y)}break}}var v=t;if(e==null)return v;var f=e[v];return f!==void 0?f:v}function Pu(r,e,t){var o="";if(Array.isArray(t))for(var i=0;i96?ju:Uu},ys=function(e,t,o){var i;if(t){var a=t.shouldForwardProp;i=e.__emotion_forwardProp&&a?function(s){return e.__emotion_forwardProp(s)&&a(s)}:a}return typeof i!="function"&&o&&(i=e.__emotion_forwardProp),i},Vu=!1,Hu=function(e){var t=e.cache,o=e.serialized,i=e.isStringTag;return us(t,o,i),Du(function(){return Tu(t,o,i)}),null},qu=function r(e,t){var o=e.__emotion_real===e,i=o&&e.__emotion_base||e,a,s;t!==void 0&&(a=t.label,s=t.target);var d=ys(e,t,o),h=d||bs(i),y=!h("as");return function(){var v=arguments,f=o&&e.__emotion_styles!==void 0?e.__emotion_styles.slice(0):[];if(a!==void 0&&f.push("label:"+a+";"),v[0]==null||v[0].raw===void 0)f.push.apply(f,v);else{f.push(v[0][0]);for(var C=v.length,w=1;wr.display}; + flex-direction: ${r=>r.flexDirection}; + flex-wrap: ${r=>r.flexWrap}; + justify-content: ${r=>r.justifyContent}; + align-items: ${r=>r.alignItems}; + align-content: ${r=>r.alignContent}; + gap: ${r=>r.gap}; + row-gap: ${r=>r.rowGap}; + column-gap: ${r=>r.columnGap}; + flex: ${r=>r.flex}; + flex-grow: ${r=>r.flexGrow}; + flex-shrink: ${r=>r.flexShrink}; + flex-basis: ${r=>r.flexBasis}; + flex-flow: ${r=>r.flexFlow}; + align-self: ${r=>r.alignSelf}; + order: ${r=>r.order}; +`,_a=r=>{const{style:e,children:t,...o}=r;return V.jsx(Ku,{style:e,...o,children:t})},Yu=({children:r,variant:e="span",className:t,color:o="",align:i,style:a,noWrap:s,id:d,size:h="auto",htmlFor:y})=>{const v=Ve.useMemo(()=>o==="primary"?"var(--md-sys-color-primary)":o==="secondary"?"var(--md-sys-color-secondary)":o==="tertiary"?"var(--md-sys-color-tertiary)":o==="error"?"var(--md-sys-color-error)":o==="on-primary"?"var(--md-sys-color-on-primary)":o==="on-secondary"?"var(--md-sys-color-on-secondary)":o==="on-tertiary"?"var(--md-sys-color-on-tertiary)":o==="on-error"?"var(--md-sys-color-on-error)":o==="on-surface"?"var(--md-sys-color-on-surface)":o==="scrim"?"var(--md-sys-color-scrim)":o==="outline"?"var(--md-sys-color-outline)":o==="outline-variant"?"var(--md-sys-color-outline-variant)":o,[o]),f=Ve.useMemo(()=>{if(h==="auto")return{h1:"large",h2:"large",h3:"medium",h4:"medium",h5:"small",h6:"small",p:"large",span:"large",label:"large"}[e];if(h==="small")return"small";if(h==="medium")return"medium";if(h==="large")return"large"},[h]);return e==="h1"?V.jsx("h1",{className:t,style:{color:v,fontWeight:`var(--md-sys-typescale-headline-${f}-weight)`,fontSize:`var(--md-sys-typescale-headline-${f}-size)`,lineHeight:`var(--md-sys-typescale-headline-${f}-line-height)`,fontFamily:`var(--md-sys-typescale-headline-${f}-font)`,textAlign:i,whiteSpace:s?"nowrap":"normal",...a},id:d,children:r}):e==="h2"?V.jsx("h2",{className:t,style:{color:v,fontWeight:`var(--md-sys-typescale-headline-${f}-weight)`,fontSize:`var(--md-sys-typescale-headline-${f}-size)`,lineHeight:`var(--md-sys-typescale-headline-${f}-line-height)`,fontFamily:`var(--md-sys-typescale-headline-${f}-font)`,textAlign:i,whiteSpace:s?"nowrap":"normal",...a},id:d,children:r}):e==="h3"?V.jsx("h3",{className:t,style:{color:v,fontWeight:`var(--md-sys-typescale-headline-${f}-weight)`,fontSize:`var(--md-sys-typescale-headline-${f}-size)`,lineHeight:`var(--md-sys-typescale-headline-${f}-line-height)`,fontFamily:`var(--md-sys-typescale-headline-${f}-font)`,textAlign:i,whiteSpace:s?"nowrap":"normal",...a},id:d,children:r}):e==="h4"?V.jsx("h4",{className:t,style:{color:v,fontWeight:`var(--md-sys-typescale-headline-${f}-weight)`,fontSize:`var(--md-sys-typescale-headline-${f}-size)`,lineHeight:`var(--md-sys-typescale-headline-${f}-line-height)`,fontFamily:`var(--md-sys-typescale-headline-${f}-font)`,textAlign:i,whiteSpace:s?"nowrap":"normal",...a},id:d,children:r}):e==="h5"?V.jsx("h5",{className:t,style:{color:v,fontWeight:`var(--md-sys-typescale-headline-${f}-weight)`,fontSize:`var(--md-sys-typescale-headline-${f}-size)`,lineHeight:`var(--md-sys-typescale-headline-${f}-line-height)`,fontFamily:`var(--md-sys-typescale-headline-${f}-font)`,textAlign:i,whiteSpace:s?"nowrap":"normal",...a},id:d,children:r}):e==="h6"?V.jsx("h6",{className:t,style:{color:v,fontWeight:`var(--md-sys-typescale-headline-${f}-weight)`,fontSize:`var(--md-sys-typescale-headline-${f}-size)`,lineHeight:`var(--md-sys-typescale-headline-${f}-line-height)`,fontFamily:`var(--md-sys-typescale-headline-${f}-font)`,textAlign:i,whiteSpace:s?"nowrap":"normal",...a},id:d,children:r}):e==="p"?V.jsx("p",{className:t,style:{color:v,fontWeight:`var(--md-sys-typescale-body-${f}-weight)`,fontSize:`var(--md-sys-typescale-body-${f}-size)`,lineHeight:`var(--md-sys-typescale-body-${f}-line-height)`,fontFamily:`var(--md-sys-typescale-body-${f}-font)`,textAlign:i,whiteSpace:s?"nowrap":"normal",...a},id:d,children:r}):e==="span"?V.jsx("span",{className:t,style:{color:v,fontWeight:`var(--md-sys-typescale-body-${f}-weight)`,fontSize:`var(--md-sys-typescale-body-${f}-size)`,lineHeight:`var(--md-sys-typescale-body-${f}-line-height)`,fontFamily:`var(--md-sys-typescale-body-${f}-font)`,textAlign:i,whiteSpace:s?"nowrap":"normal",...a},id:d,children:r}):e==="label"?V.jsx("label",{htmlFor:y,className:t,style:{color:v,fontWeight:`var(--md-sys-typescale-label-${f}-weight)`,fontSize:`var(--md-sys-typescale-label-${f}-size)`,lineHeight:`var(--md-sys-typescale-label-${f}-line-height)`,fontFamily:`var(--md-sys-typescale-label-${f}-font)`,textAlign:i,whiteSpace:s?"nowrap":"normal",...a},id:d,children:r}):null};/** + * @license + * Copyright 2022 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */function gs(r,e=!0){return e&&getComputedStyle(r).getPropertyValue("direction").trim()==="rtl"}/** + * @license + * Copyright 2018 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const Gu=Ze(Et(W));let Fe=class extends Gu{get name(){return this.getAttribute("name")??""}set name(e){this.setAttribute("name",e)}get form(){return this[Me].form}get labels(){return this[Me].labels}constructor(){super(),this.disabled=!1,this.softDisabled=!1,this.flipIconInRtl=!1,this.href="",this.target="",this.ariaLabelSelected="",this.toggle=!1,this.selected=!1,this.type="submit",this.value="",this.flipIcon=gs(this,this.flipIconInRtl),this.addEventListener("click",this.handleClick.bind(this))}willUpdate(){this.href&&(this.disabled=!1,this.softDisabled=!1)}render(){const e=this.href?Xe`div`:Xe`button`,{ariaLabel:t,ariaHasPopup:o,ariaExpanded:i}=this,a=t&&this.ariaLabelSelected,s=this.toggle?this.selected:x;let d=x;return this.href||(d=a&&this.selected?this.ariaLabelSelected:t),Tr`<${e} + class="icon-button ${be(this.getRenderClasses())}" + id="button" + aria-label="${d||x}" + aria-haspopup="${!this.href&&o||x}" + aria-expanded="${!this.href&&i||x}" + aria-pressed="${s}" + aria-disabled=${!this.href&&this.softDisabled||x} + ?disabled="${!this.href&&this.disabled}" + @click="${this.handleClickOnChild}"> + ${this.renderFocusRing()} + ${this.renderRipple()} + ${this.selected?x:this.renderIcon()} + ${this.selected?this.renderSelectedIcon():x} + ${this.renderTouchTarget()} + ${this.href&&this.renderLink()} + `}renderLink(){const{ariaLabel:e}=this;return _` + + `}getRenderClasses(){return{"flip-icon":this.flipIcon,selected:this.toggle&&this.selected}}renderIcon(){return _``}renderSelectedIcon(){return _``}renderTouchTarget(){return _``}renderFocusRing(){return _``}renderRipple(){const e=!this.href&&(this.disabled||this.softDisabled);return _``}connectedCallback(){this.flipIcon=gs(this,this.flipIconInRtl),super.connectedCallback()}handleClick(e){if(!this.href&&this.softDisabled){e.stopImmediatePropagation(),e.preventDefault();return}}async handleClickOnChild(e){await 0,!(!this.toggle||this.disabled||this.softDisabled||e.defaultPrevented)&&(this.selected=!this.selected,this.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0})),this.dispatchEvent(new Event("change",{bubbles:!0})))}};Rn(Fe),Fe.formAssociated=!0,Fe.shadowRootOptions={mode:"open",delegatesFocus:!0},l([p({type:Boolean,reflect:!0})],Fe.prototype,"disabled",void 0),l([p({type:Boolean,attribute:"soft-disabled",reflect:!0})],Fe.prototype,"softDisabled",void 0),l([p({type:Boolean,attribute:"flip-icon-in-rtl"})],Fe.prototype,"flipIconInRtl",void 0),l([p()],Fe.prototype,"href",void 0),l([p()],Fe.prototype,"target",void 0),l([p({attribute:"aria-label-selected"})],Fe.prototype,"ariaLabelSelected",void 0),l([p({type:Boolean})],Fe.prototype,"toggle",void 0),l([p({type:Boolean,reflect:!0})],Fe.prototype,"selected",void 0),l([p()],Fe.prototype,"type",void 0),l([p({reflect:!0})],Fe.prototype,"value",void 0),l([ae()],Fe.prototype,"flipIcon",void 0);/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const Uo=L`:host{display:inline-flex;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);height:var(--_container-height);width:var(--_container-width);justify-content:center}:host([touch-target=wrapper]){margin:max(0px,(48px - var(--_container-height))/2) max(0px,(48px - var(--_container-width))/2)}md-focus-ring{--md-focus-ring-shape-start-start: var(--_container-shape-start-start);--md-focus-ring-shape-start-end: var(--_container-shape-start-end);--md-focus-ring-shape-end-end: var(--_container-shape-end-end);--md-focus-ring-shape-end-start: var(--_container-shape-end-start)}:host(:is([disabled],[soft-disabled])){pointer-events:none}.icon-button{place-items:center;background:none;border:none;box-sizing:border-box;cursor:pointer;display:flex;place-content:center;outline:none;padding:0;position:relative;text-decoration:none;user-select:none;z-index:0;flex:1;border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-start-radius:var(--_container-shape-end-start);border-end-end-radius:var(--_container-shape-end-end)}.icon ::slotted(*){font-size:var(--_icon-size);height:var(--_icon-size);width:var(--_icon-size);font-weight:inherit}md-ripple{z-index:-1;border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-start-radius:var(--_container-shape-end-start);border-end-end-radius:var(--_container-shape-end-end)}.flip-icon .icon{transform:scaleX(-1)}.icon{display:inline-flex}.link{height:100%;outline:none;position:absolute;width:100%}.touch{position:absolute;height:max(48px,100%);width:max(48px,100%)}:host([touch-target=none]) .touch{display:none}@media(forced-colors: active){:host(:is([disabled],[soft-disabled])){--_disabled-icon-color: GrayText;--_disabled-icon-opacity: 1}} +`;/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const Xu=L`:host{--_disabled-icon-color: var(--md-icon-button-disabled-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-icon-opacity: var(--md-icon-button-disabled-icon-opacity, 0.38);--_icon-size: var(--md-icon-button-icon-size, 24px);--_selected-focus-icon-color: var(--md-icon-button-selected-focus-icon-color, var(--md-sys-color-primary, #6750a4));--_selected-hover-icon-color: var(--md-icon-button-selected-hover-icon-color, var(--md-sys-color-primary, #6750a4));--_selected-hover-state-layer-color: var(--md-icon-button-selected-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--_selected-hover-state-layer-opacity: var(--md-icon-button-selected-hover-state-layer-opacity, 0.08);--_selected-icon-color: var(--md-icon-button-selected-icon-color, var(--md-sys-color-primary, #6750a4));--_selected-pressed-icon-color: var(--md-icon-button-selected-pressed-icon-color, var(--md-sys-color-primary, #6750a4));--_selected-pressed-state-layer-color: var(--md-icon-button-selected-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--_selected-pressed-state-layer-opacity: var(--md-icon-button-selected-pressed-state-layer-opacity, 0.12);--_state-layer-height: var(--md-icon-button-state-layer-height, 40px);--_state-layer-shape: var(--md-icon-button-state-layer-shape, var(--md-sys-shape-corner-full, 9999px));--_state-layer-width: var(--md-icon-button-state-layer-width, 40px);--_focus-icon-color: var(--md-icon-button-focus-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-icon-color: var(--md-icon-button-hover-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-state-layer-color: var(--md-icon-button-hover-state-layer-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-state-layer-opacity: var(--md-icon-button-hover-state-layer-opacity, 0.08);--_icon-color: var(--md-icon-button-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_pressed-icon-color: var(--md-icon-button-pressed-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_pressed-state-layer-color: var(--md-icon-button-pressed-state-layer-color, var(--md-sys-color-on-surface-variant, #49454f));--_pressed-state-layer-opacity: var(--md-icon-button-pressed-state-layer-opacity, 0.12);--_container-shape-start-start: 0;--_container-shape-start-end: 0;--_container-shape-end-end: 0;--_container-shape-end-start: 0;--_container-height: 0;--_container-width: 0;height:var(--_state-layer-height);width:var(--_state-layer-width)}:host([touch-target=wrapper]){margin:max(0px,(48px - var(--_state-layer-height))/2) max(0px,(48px - var(--_state-layer-width))/2)}md-focus-ring{--md-focus-ring-shape-start-start: var(--_state-layer-shape);--md-focus-ring-shape-start-end: var(--_state-layer-shape);--md-focus-ring-shape-end-end: var(--_state-layer-shape);--md-focus-ring-shape-end-start: var(--_state-layer-shape)}.standard{background-color:rgba(0,0,0,0);color:var(--_icon-color);--md-ripple-hover-color: var(--_hover-state-layer-color);--md-ripple-hover-opacity: var(--_hover-state-layer-opacity);--md-ripple-pressed-color: var(--_pressed-state-layer-color);--md-ripple-pressed-opacity: var(--_pressed-state-layer-opacity)}.standard:hover{color:var(--_hover-icon-color)}.standard:focus{color:var(--_focus-icon-color)}.standard:active{color:var(--_pressed-icon-color)}.standard:is(:disabled,[aria-disabled=true]){color:var(--_disabled-icon-color)}md-ripple{border-radius:var(--_state-layer-shape)}.standard:is(:disabled,[aria-disabled=true]){opacity:var(--_disabled-icon-opacity)}.selected{--md-ripple-hover-color: var(--_selected-hover-state-layer-color);--md-ripple-hover-opacity: var(--_selected-hover-state-layer-opacity);--md-ripple-pressed-color: var(--_selected-pressed-state-layer-color);--md-ripple-pressed-opacity: var(--_selected-pressed-state-layer-opacity)}.selected:not(:disabled,[aria-disabled=true]){color:var(--_selected-icon-color)}.selected:not(:disabled,[aria-disabled=true]):hover{color:var(--_selected-hover-icon-color)}.selected:not(:disabled,[aria-disabled=true]):focus{color:var(--_selected-focus-icon-color)}.selected:not(:disabled,[aria-disabled=true]):active{color:var(--_selected-pressed-icon-color)} +`;/** + * @license + * Copyright 2021 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */let Vo=class extends Fe{getRenderClasses(){return{...super.getRenderClasses(),standard:!0}}};Vo.styles=[Uo,Xu],Vo=l([H("md-icon-button")],Vo);/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const Zu=L`:host{--_container-color: var(--md-filled-icon-button-container-color, var(--md-sys-color-primary, #6750a4));--_container-height: var(--md-filled-icon-button-container-height, 40px);--_container-width: var(--md-filled-icon-button-container-width, 40px);--_disabled-container-color: var(--md-filled-icon-button-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-container-opacity: var(--md-filled-icon-button-disabled-container-opacity, 0.12);--_disabled-icon-color: var(--md-filled-icon-button-disabled-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-icon-opacity: var(--md-filled-icon-button-disabled-icon-opacity, 0.38);--_focus-icon-color: var(--md-filled-icon-button-focus-icon-color, var(--md-sys-color-on-primary, #fff));--_hover-icon-color: var(--md-filled-icon-button-hover-icon-color, var(--md-sys-color-on-primary, #fff));--_hover-state-layer-color: var(--md-filled-icon-button-hover-state-layer-color, var(--md-sys-color-on-primary, #fff));--_hover-state-layer-opacity: var(--md-filled-icon-button-hover-state-layer-opacity, 0.08);--_icon-color: var(--md-filled-icon-button-icon-color, var(--md-sys-color-on-primary, #fff));--_icon-size: var(--md-filled-icon-button-icon-size, 24px);--_pressed-icon-color: var(--md-filled-icon-button-pressed-icon-color, var(--md-sys-color-on-primary, #fff));--_pressed-state-layer-color: var(--md-filled-icon-button-pressed-state-layer-color, var(--md-sys-color-on-primary, #fff));--_pressed-state-layer-opacity: var(--md-filled-icon-button-pressed-state-layer-opacity, 0.12);--_selected-container-color: var(--md-filled-icon-button-selected-container-color, var(--md-sys-color-primary, #6750a4));--_toggle-selected-focus-icon-color: var(--md-filled-icon-button-toggle-selected-focus-icon-color, var(--md-sys-color-on-primary, #fff));--_toggle-selected-hover-icon-color: var(--md-filled-icon-button-toggle-selected-hover-icon-color, var(--md-sys-color-on-primary, #fff));--_toggle-selected-hover-state-layer-color: var(--md-filled-icon-button-toggle-selected-hover-state-layer-color, var(--md-sys-color-on-primary, #fff));--_toggle-selected-icon-color: var(--md-filled-icon-button-toggle-selected-icon-color, var(--md-sys-color-on-primary, #fff));--_toggle-selected-pressed-icon-color: var(--md-filled-icon-button-toggle-selected-pressed-icon-color, var(--md-sys-color-on-primary, #fff));--_toggle-selected-pressed-state-layer-color: var(--md-filled-icon-button-toggle-selected-pressed-state-layer-color, var(--md-sys-color-on-primary, #fff));--_unselected-container-color: var(--md-filled-icon-button-unselected-container-color, var(--md-sys-color-surface-container-highest, #e6e0e9));--_toggle-focus-icon-color: var(--md-filled-icon-button-toggle-focus-icon-color, var(--md-sys-color-primary, #6750a4));--_toggle-hover-icon-color: var(--md-filled-icon-button-toggle-hover-icon-color, var(--md-sys-color-primary, #6750a4));--_toggle-hover-state-layer-color: var(--md-filled-icon-button-toggle-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--_toggle-icon-color: var(--md-filled-icon-button-toggle-icon-color, var(--md-sys-color-primary, #6750a4));--_toggle-pressed-icon-color: var(--md-filled-icon-button-toggle-pressed-icon-color, var(--md-sys-color-primary, #6750a4));--_toggle-pressed-state-layer-color: var(--md-filled-icon-button-toggle-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--_container-shape-start-start: var(--md-filled-icon-button-container-shape-start-start, var(--md-filled-icon-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-start-end: var(--md-filled-icon-button-container-shape-start-end, var(--md-filled-icon-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-end: var(--md-filled-icon-button-container-shape-end-end, var(--md-filled-icon-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-start: var(--md-filled-icon-button-container-shape-end-start, var(--md-filled-icon-button-container-shape, var(--md-sys-shape-corner-full, 9999px)))}.icon-button{color:var(--_icon-color);--md-ripple-hover-color: var(--_hover-state-layer-color);--md-ripple-hover-opacity: var(--_hover-state-layer-opacity);--md-ripple-pressed-color: var(--_pressed-state-layer-color);--md-ripple-pressed-opacity: var(--_pressed-state-layer-opacity)}.icon-button:hover{color:var(--_hover-icon-color)}.icon-button:focus{color:var(--_focus-icon-color)}.icon-button:active{color:var(--_pressed-icon-color)}.icon-button:is(:disabled,[aria-disabled=true]){color:var(--_disabled-icon-color)}.icon-button::before{background-color:var(--_container-color);border-radius:inherit;content:"";inset:0;position:absolute;z-index:-1}.icon-button:is(:disabled,[aria-disabled=true])::before{background-color:var(--_disabled-container-color);opacity:var(--_disabled-container-opacity)}.icon-button:is(:disabled,[aria-disabled=true]) .icon{opacity:var(--_disabled-icon-opacity)}.toggle-filled{--md-ripple-hover-color: var(--_toggle-hover-state-layer-color);--md-ripple-pressed-color: var(--_toggle-pressed-state-layer-color)}.toggle-filled:not(:disabled,[aria-disabled=true]){color:var(--_toggle-icon-color)}.toggle-filled:not(:disabled,[aria-disabled=true]):hover{color:var(--_toggle-hover-icon-color)}.toggle-filled:not(:disabled,[aria-disabled=true]):focus{color:var(--_toggle-focus-icon-color)}.toggle-filled:not(:disabled,[aria-disabled=true]):active{color:var(--_toggle-pressed-icon-color)}.toggle-filled:not(:disabled,[aria-disabled=true])::before{background-color:var(--_unselected-container-color)}.selected{--md-ripple-hover-color: var(--_toggle-selected-hover-state-layer-color);--md-ripple-pressed-color: var(--_toggle-selected-pressed-state-layer-color)}.selected:not(:disabled,[aria-disabled=true]){color:var(--_toggle-selected-icon-color)}.selected:not(:disabled,[aria-disabled=true]):hover{color:var(--_toggle-selected-hover-icon-color)}.selected:not(:disabled,[aria-disabled=true]):focus{color:var(--_toggle-selected-focus-icon-color)}.selected:not(:disabled,[aria-disabled=true]):active{color:var(--_toggle-selected-pressed-icon-color)}.selected:not(:disabled,[aria-disabled=true])::before{background-color:var(--_selected-container-color)} +`;/** + * @license + * Copyright 2022 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */let Ho=class extends Fe{getRenderClasses(){return{...super.getRenderClasses(),filled:!0,"toggle-filled":this.toggle}}};Ho.styles=[Uo,Zu],Ho=l([H("md-filled-icon-button")],Ho);/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const Ju=L`:host{--_container-height: var(--md-outlined-icon-button-container-height, 40px);--_container-width: var(--md-outlined-icon-button-container-width, 40px);--_disabled-icon-color: var(--md-outlined-icon-button-disabled-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-icon-opacity: var(--md-outlined-icon-button-disabled-icon-opacity, 0.38);--_disabled-selected-container-color: var(--md-outlined-icon-button-disabled-selected-container-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-selected-container-opacity: var(--md-outlined-icon-button-disabled-selected-container-opacity, 0.12);--_hover-state-layer-opacity: var(--md-outlined-icon-button-hover-state-layer-opacity, 0.08);--_icon-size: var(--md-outlined-icon-button-icon-size, 24px);--_pressed-state-layer-opacity: var(--md-outlined-icon-button-pressed-state-layer-opacity, 0.12);--_selected-container-color: var(--md-outlined-icon-button-selected-container-color, var(--md-sys-color-inverse-surface, #322f35));--_selected-focus-icon-color: var(--md-outlined-icon-button-selected-focus-icon-color, var(--md-sys-color-inverse-on-surface, #f5eff7));--_selected-hover-icon-color: var(--md-outlined-icon-button-selected-hover-icon-color, var(--md-sys-color-inverse-on-surface, #f5eff7));--_selected-hover-state-layer-color: var(--md-outlined-icon-button-selected-hover-state-layer-color, var(--md-sys-color-inverse-on-surface, #f5eff7));--_selected-icon-color: var(--md-outlined-icon-button-selected-icon-color, var(--md-sys-color-inverse-on-surface, #f5eff7));--_selected-pressed-icon-color: var(--md-outlined-icon-button-selected-pressed-icon-color, var(--md-sys-color-inverse-on-surface, #f5eff7));--_selected-pressed-state-layer-color: var(--md-outlined-icon-button-selected-pressed-state-layer-color, var(--md-sys-color-inverse-on-surface, #f5eff7));--_disabled-outline-color: var(--md-outlined-icon-button-disabled-outline-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-outline-opacity: var(--md-outlined-icon-button-disabled-outline-opacity, 0.12);--_focus-icon-color: var(--md-outlined-icon-button-focus-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-icon-color: var(--md-outlined-icon-button-hover-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-state-layer-color: var(--md-outlined-icon-button-hover-state-layer-color, var(--md-sys-color-on-surface-variant, #49454f));--_icon-color: var(--md-outlined-icon-button-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_outline-color: var(--md-outlined-icon-button-outline-color, var(--md-sys-color-outline, #79747e));--_outline-width: var(--md-outlined-icon-button-outline-width, 1px);--_pressed-icon-color: var(--md-outlined-icon-button-pressed-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_pressed-state-layer-color: var(--md-outlined-icon-button-pressed-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--_container-shape-start-start: var(--md-outlined-icon-button-container-shape-start-start, var(--md-outlined-icon-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-start-end: var(--md-outlined-icon-button-container-shape-start-end, var(--md-outlined-icon-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-end: var(--md-outlined-icon-button-container-shape-end-end, var(--md-outlined-icon-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-start: var(--md-outlined-icon-button-container-shape-end-start, var(--md-outlined-icon-button-container-shape, var(--md-sys-shape-corner-full, 9999px)))}.outlined{background-color:rgba(0,0,0,0);color:var(--_icon-color);--md-ripple-hover-color: var(--_hover-state-layer-color);--md-ripple-hover-opacity: var(--_hover-state-layer-opacity);--md-ripple-pressed-color: var(--_pressed-state-layer-color);--md-ripple-pressed-opacity: var(--_pressed-state-layer-opacity)}.outlined::before{border-color:var(--_outline-color);border-width:var(--_outline-width)}.outlined:hover{color:var(--_hover-icon-color)}.outlined:focus{color:var(--_focus-icon-color)}.outlined:active{color:var(--_pressed-icon-color)}.outlined:is(:disabled,[aria-disabled=true]){color:var(--_disabled-icon-color)}.outlined:is(:disabled,[aria-disabled=true])::before{border-color:var(--_disabled-outline-color);opacity:var(--_disabled-outline-opacity)}.outlined:is(:disabled,[aria-disabled=true]) .icon{opacity:var(--_disabled-icon-opacity)}.outlined::before{block-size:100%;border-style:solid;border-radius:inherit;box-sizing:border-box;content:"";inline-size:100%;inset:0;pointer-events:none;position:absolute;z-index:-1}.outlined.selected::before{border-width:0}.selected{--md-ripple-hover-color: var(--_selected-hover-state-layer-color);--md-ripple-hover-opacity: var(--_hover-state-layer-opacity);--md-ripple-pressed-color: var(--_selected-pressed-state-layer-color);--md-ripple-pressed-opacity: var(--_pressed-state-layer-opacity)}.selected:not(:disabled,[aria-disabled=true]){color:var(--_selected-icon-color)}.selected:not(:disabled,[aria-disabled=true]):hover{color:var(--_selected-hover-icon-color)}.selected:not(:disabled,[aria-disabled=true]):focus{color:var(--_selected-focus-icon-color)}.selected:not(:disabled,[aria-disabled=true]):active{color:var(--_selected-pressed-icon-color)}.selected:not(:disabled,[aria-disabled=true])::before{background-color:var(--_selected-container-color)}.selected:is(:disabled,[aria-disabled=true])::before{background-color:var(--_disabled-selected-container-color);opacity:var(--_disabled-selected-container-opacity)}@media(forced-colors: active){:host(:is([disabled],[soft-disabled])){--_disabled-outline-opacity: 1}.selected::before{border-color:CanvasText;border-width:var(--_outline-width)}.selected:is(:disabled,[aria-disabled=true])::before{border-color:GrayText;opacity:1}} +`;/** + * @license + * Copyright 2022 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */let qo=class extends Fe{getRenderClasses(){return{...super.getRenderClasses(),outlined:!0}}};qo.styles=[Uo,Ju],qo=l([H("md-outlined-icon-button")],qo);/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const Qu=L`:host{--_container-color: var(--md-filled-tonal-icon-button-container-color, var(--md-sys-color-secondary-container, #e8def8));--_container-height: var(--md-filled-tonal-icon-button-container-height, 40px);--_container-width: var(--md-filled-tonal-icon-button-container-width, 40px);--_disabled-container-color: var(--md-filled-tonal-icon-button-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-container-opacity: var(--md-filled-tonal-icon-button-disabled-container-opacity, 0.12);--_disabled-icon-color: var(--md-filled-tonal-icon-button-disabled-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-icon-opacity: var(--md-filled-tonal-icon-button-disabled-icon-opacity, 0.38);--_focus-icon-color: var(--md-filled-tonal-icon-button-focus-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_hover-icon-color: var(--md-filled-tonal-icon-button-hover-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_hover-state-layer-color: var(--md-filled-tonal-icon-button-hover-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_hover-state-layer-opacity: var(--md-filled-tonal-icon-button-hover-state-layer-opacity, 0.08);--_icon-color: var(--md-filled-tonal-icon-button-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_icon-size: var(--md-filled-tonal-icon-button-icon-size, 24px);--_pressed-icon-color: var(--md-filled-tonal-icon-button-pressed-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_pressed-state-layer-color: var(--md-filled-tonal-icon-button-pressed-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_pressed-state-layer-opacity: var(--md-filled-tonal-icon-button-pressed-state-layer-opacity, 0.12);--_selected-container-color: var(--md-filled-tonal-icon-button-selected-container-color, var(--md-sys-color-secondary-container, #e8def8));--_toggle-selected-focus-icon-color: var(--md-filled-tonal-icon-button-toggle-selected-focus-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_toggle-selected-hover-icon-color: var(--md-filled-tonal-icon-button-toggle-selected-hover-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_toggle-selected-hover-state-layer-color: var(--md-filled-tonal-icon-button-toggle-selected-hover-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_toggle-selected-icon-color: var(--md-filled-tonal-icon-button-toggle-selected-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_toggle-selected-pressed-icon-color: var(--md-filled-tonal-icon-button-toggle-selected-pressed-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_toggle-selected-pressed-state-layer-color: var(--md-filled-tonal-icon-button-toggle-selected-pressed-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_unselected-container-color: var(--md-filled-tonal-icon-button-unselected-container-color, var(--md-sys-color-surface-container-highest, #e6e0e9));--_toggle-focus-icon-color: var(--md-filled-tonal-icon-button-toggle-focus-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_toggle-hover-icon-color: var(--md-filled-tonal-icon-button-toggle-hover-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_toggle-hover-state-layer-color: var(--md-filled-tonal-icon-button-toggle-hover-state-layer-color, var(--md-sys-color-on-surface-variant, #49454f));--_toggle-icon-color: var(--md-filled-tonal-icon-button-toggle-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_toggle-pressed-icon-color: var(--md-filled-tonal-icon-button-toggle-pressed-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_toggle-pressed-state-layer-color: var(--md-filled-tonal-icon-button-toggle-pressed-state-layer-color, var(--md-sys-color-on-surface-variant, #49454f));--_container-shape-start-start: var(--md-filled-tonal-icon-button-container-shape-start-start, var(--md-filled-tonal-icon-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-start-end: var(--md-filled-tonal-icon-button-container-shape-start-end, var(--md-filled-tonal-icon-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-end: var(--md-filled-tonal-icon-button-container-shape-end-end, var(--md-filled-tonal-icon-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-start: var(--md-filled-tonal-icon-button-container-shape-end-start, var(--md-filled-tonal-icon-button-container-shape, var(--md-sys-shape-corner-full, 9999px)))}.icon-button{color:var(--_icon-color);--md-ripple-hover-color: var(--_hover-state-layer-color);--md-ripple-hover-opacity: var(--_hover-state-layer-opacity);--md-ripple-pressed-color: var(--_pressed-state-layer-color);--md-ripple-pressed-opacity: var(--_pressed-state-layer-opacity)}.icon-button:hover{color:var(--_hover-icon-color)}.icon-button:focus{color:var(--_focus-icon-color)}.icon-button:active{color:var(--_pressed-icon-color)}.icon-button:is(:disabled,[aria-disabled=true]){color:var(--_disabled-icon-color)}.icon-button::before{background-color:var(--_container-color);border-radius:inherit;content:"";inset:0;position:absolute;z-index:-1}.icon-button:is(:disabled,[aria-disabled=true])::before{background-color:var(--_disabled-container-color);opacity:var(--_disabled-container-opacity)}.icon-button:is(:disabled,[aria-disabled=true]) .icon{opacity:var(--_disabled-icon-opacity)}.toggle-filled-tonal{--md-ripple-hover-color: var(--_toggle-hover-state-layer-color);--md-ripple-pressed-color: var(--_toggle-pressed-state-layer-color)}.toggle-filled-tonal:not(:disabled,[aria-disabled=true]){color:var(--_toggle-icon-color)}.toggle-filled-tonal:not(:disabled,[aria-disabled=true]):hover{color:var(--_toggle-hover-icon-color)}.toggle-filled-tonal:not(:disabled,[aria-disabled=true]):focus{color:var(--_toggle-focus-icon-color)}.toggle-filled-tonal:not(:disabled,[aria-disabled=true]):active{color:var(--_toggle-pressed-icon-color)}.toggle-filled-tonal:not(:disabled,[aria-disabled=true])::before{background-color:var(--_unselected-container-color)}.selected{--md-ripple-hover-color: var(--_toggle-selected-hover-state-layer-color);--md-ripple-pressed-color: var(--_toggle-selected-pressed-state-layer-color)}.selected:not(:disabled,[aria-disabled=true]){color:var(--_toggle-selected-icon-color)}.selected:not(:disabled,[aria-disabled=true]):hover{color:var(--_toggle-selected-hover-icon-color)}.selected:not(:disabled,[aria-disabled=true]):focus{color:var(--_toggle-selected-focus-icon-color)}.selected:not(:disabled,[aria-disabled=true]):active{color:var(--_toggle-selected-pressed-icon-color)}.selected:not(:disabled,[aria-disabled=true])::before{background-color:var(--_selected-container-color)} +`;/** + * @license + * Copyright 2022 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */let Wo=class extends Fe{getRenderClasses(){return{...super.getRenderClasses(),"filled-tonal":!0,"toggle-filled-tonal":this.toggle}}};Wo.styles=[Uo,Qu],Wo=l([H("md-filled-tonal-icon-button")],Wo);const eh=Q({react:Z,tagName:"md-icon-button",elementClass:Vo,events:{onChange:"change",onInput:"input",onClick:"click"}}),th=Q({react:Z,tagName:"md-filled-icon-button",elementClass:Ho,events:{onChange:"change",onInput:"input",onClick:"click"}}),rh=Q({react:Z,tagName:"md-outlined-icon-button",elementClass:qo,events:{onChange:"change",onInput:"input",onClick:"click"}}),oh=Q({react:Z,tagName:"md-filled-tonal-icon-button",elementClass:Wo,events:{onChange:"change",onInput:"input",onClick:"click"}}),ih=r=>{switch(r.variant||"standard"){case"filled":return V.jsx(th,{...r});case"outlined":return V.jsx(rh,{...r});case"filled-tonal":return V.jsx(oh,{...r});default:return V.jsx(eh,{...r})}};/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const ah=Ze(W);class bt extends ah{get rippleDisabled(){return this.disabled||this.softDisabled}constructor(){super(),this.disabled=!1,this.softDisabled=!1,this.alwaysFocusable=!1,this.label="",this.hasIcon=!1,this.addEventListener("click",this.handleClick.bind(this))}focus(e){this.disabled&&!this.alwaysFocusable||super.focus(e)}render(){return _` +
    + ${this.renderContainerContent()} +
    + `}updated(e){e.has("disabled")&&e.get("disabled")!==void 0&&this.dispatchEvent(new Event("update-focus",{bubbles:!0}))}getContainerClasses(){return{disabled:this.disabled||this.softDisabled,"has-icon":this.hasIcon}}renderContainerContent(){return _` + ${this.renderOutline()} + + + ${this.renderPrimaryAction(this.renderPrimaryContent())} + `}renderOutline(){return _``}renderLeadingIcon(){return _``}renderPrimaryContent(){return _` + + + + ${this.label?this.label:_``} + + + + `}handleIconChange(e){const t=e.target;this.hasIcon=t.assignedElements({flatten:!0}).length>0}handleClick(e){if(this.softDisabled||this.disabled&&this.alwaysFocusable){e.stopImmediatePropagation(),e.preventDefault();return}}}bt.shadowRootOptions={...W.shadowRootOptions,delegatesFocus:!0},l([p({type:Boolean,reflect:!0})],bt.prototype,"disabled",void 0),l([p({type:Boolean,attribute:"soft-disabled",reflect:!0})],bt.prototype,"softDisabled",void 0),l([p({type:Boolean,attribute:"always-focusable"})],bt.prototype,"alwaysFocusable",void 0),l([p()],bt.prototype,"label",void 0),l([p({type:Boolean,reflect:!0,attribute:"has-icon"})],bt.prototype,"hasIcon",void 0);/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */let Ko=class extends bt{constructor(){super(...arguments),this.elevated=!1,this.href="",this.target=""}get primaryId(){return this.href?"link":"button"}get rippleDisabled(){return!this.href&&(this.disabled||this.softDisabled)}getContainerClasses(){return{...super.getContainerClasses(),disabled:!this.href&&(this.disabled||this.softDisabled),elevated:this.elevated,link:!!this.href}}renderPrimaryAction(e){const{ariaLabel:t}=this;return this.href?_` + ${e} + `:_` + + `}renderOutline(){return this.elevated?_``:super.renderOutline()}};l([p({type:Boolean})],Ko.prototype,"elevated",void 0),l([p()],Ko.prototype,"href",void 0),l([p()],Ko.prototype,"target",void 0);/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const nh=L`:host{--_container-height: var(--md-assist-chip-container-height, 32px);--_disabled-label-text-color: var(--md-assist-chip-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-label-text-opacity: var(--md-assist-chip-disabled-label-text-opacity, 0.38);--_elevated-container-color: var(--md-assist-chip-elevated-container-color, var(--md-sys-color-surface-container-low, #f7f2fa));--_elevated-container-elevation: var(--md-assist-chip-elevated-container-elevation, 1);--_elevated-container-shadow-color: var(--md-assist-chip-elevated-container-shadow-color, var(--md-sys-color-shadow, #000));--_elevated-disabled-container-color: var(--md-assist-chip-elevated-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));--_elevated-disabled-container-elevation: var(--md-assist-chip-elevated-disabled-container-elevation, 0);--_elevated-disabled-container-opacity: var(--md-assist-chip-elevated-disabled-container-opacity, 0.12);--_elevated-focus-container-elevation: var(--md-assist-chip-elevated-focus-container-elevation, 1);--_elevated-hover-container-elevation: var(--md-assist-chip-elevated-hover-container-elevation, 2);--_elevated-pressed-container-elevation: var(--md-assist-chip-elevated-pressed-container-elevation, 1);--_focus-label-text-color: var(--md-assist-chip-focus-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_hover-label-text-color: var(--md-assist-chip-hover-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_hover-state-layer-color: var(--md-assist-chip-hover-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--_hover-state-layer-opacity: var(--md-assist-chip-hover-state-layer-opacity, 0.08);--_label-text-color: var(--md-assist-chip-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_label-text-font: var(--md-assist-chip-label-text-font, var(--md-sys-typescale-label-large-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-assist-chip-label-text-line-height, var(--md-sys-typescale-label-large-line-height, 1.25rem));--_label-text-size: var(--md-assist-chip-label-text-size, var(--md-sys-typescale-label-large-size, 0.875rem));--_label-text-weight: var(--md-assist-chip-label-text-weight, var(--md-sys-typescale-label-large-weight, var(--md-ref-typeface-weight-medium, 500)));--_pressed-label-text-color: var(--md-assist-chip-pressed-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_pressed-state-layer-color: var(--md-assist-chip-pressed-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--_pressed-state-layer-opacity: var(--md-assist-chip-pressed-state-layer-opacity, 0.12);--_disabled-outline-color: var(--md-assist-chip-disabled-outline-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-outline-opacity: var(--md-assist-chip-disabled-outline-opacity, 0.12);--_focus-outline-color: var(--md-assist-chip-focus-outline-color, var(--md-sys-color-on-surface, #1d1b20));--_outline-color: var(--md-assist-chip-outline-color, var(--md-sys-color-outline, #79747e));--_outline-width: var(--md-assist-chip-outline-width, 1px);--_disabled-leading-icon-color: var(--md-assist-chip-disabled-leading-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-leading-icon-opacity: var(--md-assist-chip-disabled-leading-icon-opacity, 0.38);--_focus-leading-icon-color: var(--md-assist-chip-focus-leading-icon-color, var(--md-sys-color-primary, #6750a4));--_hover-leading-icon-color: var(--md-assist-chip-hover-leading-icon-color, var(--md-sys-color-primary, #6750a4));--_leading-icon-color: var(--md-assist-chip-leading-icon-color, var(--md-sys-color-primary, #6750a4));--_icon-size: var(--md-assist-chip-icon-size, 18px);--_pressed-leading-icon-color: var(--md-assist-chip-pressed-leading-icon-color, var(--md-sys-color-primary, #6750a4));--_container-shape-start-start: var(--md-assist-chip-container-shape-start-start, var(--md-assist-chip-container-shape, var(--md-sys-shape-corner-small, 8px)));--_container-shape-start-end: var(--md-assist-chip-container-shape-start-end, var(--md-assist-chip-container-shape, var(--md-sys-shape-corner-small, 8px)));--_container-shape-end-end: var(--md-assist-chip-container-shape-end-end, var(--md-assist-chip-container-shape, var(--md-sys-shape-corner-small, 8px)));--_container-shape-end-start: var(--md-assist-chip-container-shape-end-start, var(--md-assist-chip-container-shape, var(--md-sys-shape-corner-small, 8px)));--_leading-space: var(--md-assist-chip-leading-space, 16px);--_trailing-space: var(--md-assist-chip-trailing-space, 16px);--_icon-label-space: var(--md-assist-chip-icon-label-space, 8px);--_with-leading-icon-leading-space: var(--md-assist-chip-with-leading-icon-leading-space, 8px)}@media(forced-colors: active){.link .outline{border-color:ActiveText}} +`;/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const xs=L`.elevated{--md-elevation-level: var(--_elevated-container-elevation);--md-elevation-shadow-color: var(--_elevated-container-shadow-color)}.elevated::before{background:var(--_elevated-container-color)}.elevated:hover{--md-elevation-level: var(--_elevated-hover-container-elevation)}.elevated:focus-within{--md-elevation-level: var(--_elevated-focus-container-elevation)}.elevated:active{--md-elevation-level: var(--_elevated-pressed-container-elevation)}.elevated.disabled{--md-elevation-level: var(--_elevated-disabled-container-elevation)}.elevated.disabled::before{background:var(--_elevated-disabled-container-color);opacity:var(--_elevated-disabled-container-opacity)}@media(forced-colors: active){.elevated md-elevation{border:1px solid CanvasText}.elevated.disabled md-elevation{border-color:GrayText}} +`;/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const wa=L`:host{border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-start-radius:var(--_container-shape-end-start);border-end-end-radius:var(--_container-shape-end-end);display:inline-flex;height:var(--_container-height);cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--md-ripple-hover-color: var(--_hover-state-layer-color);--md-ripple-hover-opacity: var(--_hover-state-layer-opacity);--md-ripple-pressed-color: var(--_pressed-state-layer-color);--md-ripple-pressed-opacity: var(--_pressed-state-layer-opacity)}:host(:is([disabled],[soft-disabled])){pointer-events:none}:host([touch-target=wrapper]){margin:max(0px,(48px - var(--_container-height))/2) 0}md-focus-ring{--md-focus-ring-shape-start-start: var(--_container-shape-start-start);--md-focus-ring-shape-start-end: var(--_container-shape-start-end);--md-focus-ring-shape-end-end: var(--_container-shape-end-end);--md-focus-ring-shape-end-start: var(--_container-shape-end-start)}.container{border-radius:inherit;box-sizing:border-box;display:flex;height:100%;position:relative;width:100%}.container::before{border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute}.container:not(.disabled){cursor:pointer}.container.disabled{pointer-events:none}.cell{display:flex}.action{align-items:baseline;appearance:none;background:none;border:none;border-radius:inherit;display:flex;outline:none;padding:0;position:relative;text-decoration:none}.primary.action{min-width:0;padding-inline-start:var(--_leading-space);padding-inline-end:var(--_trailing-space)}.has-icon .primary.action{padding-inline-start:var(--_with-leading-icon-leading-space)}.touch{height:48px;inset:50% 0 0;position:absolute;transform:translateY(-50%);width:100%}:host([touch-target=none]) .touch{display:none}.outline{border:var(--_outline-width) solid var(--_outline-color);border-radius:inherit;inset:0;pointer-events:none;position:absolute}:where(:focus) .outline{border-color:var(--_focus-outline-color)}:where(.disabled) .outline{border-color:var(--_disabled-outline-color);opacity:var(--_disabled-outline-opacity)}md-ripple{border-radius:inherit}.label,.icon,.touch{z-index:1}.label{align-items:center;color:var(--_label-text-color);display:flex;font-family:var(--_label-text-font);font-size:var(--_label-text-size);font-weight:var(--_label-text-weight);height:100%;line-height:var(--_label-text-line-height);overflow:hidden;user-select:none}.label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where(:hover) .label{color:var(--_hover-label-text-color)}:where(:focus) .label{color:var(--_focus-label-text-color)}:where(:active) .label{color:var(--_pressed-label-text-color)}:where(.disabled) .label{color:var(--_disabled-label-text-color);opacity:var(--_disabled-label-text-opacity)}.icon{align-self:center;display:flex;fill:currentColor;position:relative}.icon ::slotted(:first-child){font-size:var(--_icon-size);height:var(--_icon-size);width:var(--_icon-size)}.leading.icon{color:var(--_leading-icon-color)}.leading.icon ::slotted(*),.leading.icon svg{margin-inline-end:var(--_icon-label-space)}:where(:hover) .leading.icon{color:var(--_hover-leading-icon-color)}:where(:focus) .leading.icon{color:var(--_focus-leading-icon-color)}:where(:active) .leading.icon{color:var(--_pressed-leading-icon-color)}:where(.disabled) .leading.icon{color:var(--_disabled-leading-icon-color);opacity:var(--_disabled-leading-icon-opacity)}@media(forced-colors: active){:where(.disabled) :is(.label,.outline,.leading.icon){color:GrayText;opacity:1}}a,button{text-transform:inherit}a,button:not(:disabled,[aria-disabled=true]){cursor:inherit} +`;/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */let Yo=class extends Ko{};Yo.styles=[wa,xs,nh],Yo=l([H("md-assist-chip")],Yo);/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */let _s=class extends W{get chips(){return this.childElements.filter(e=>e instanceof bt)}constructor(){super(),this.internals=this.attachInternals(),this.addEventListener("focusin",this.updateTabIndices.bind(this)),this.addEventListener("update-focus",this.updateTabIndices.bind(this)),this.addEventListener("keydown",this.handleKeyDown.bind(this)),this.internals.role="toolbar"}render(){return _``}handleKeyDown(e){const t=e.key==="ArrowLeft",o=e.key==="ArrowRight",i=e.key==="Home",a=e.key==="End";if(!t&&!o&&!i&&!a)return;const{chips:s}=this;if(s.length<2)return;if(e.preventDefault(),i||a){const C=i?0:s.length-1;s[C].focus({trailing:a}),this.updateTabIndices();return}const h=getComputedStyle(this).direction==="rtl"?t:o,y=s.find(C=>C.matches(":focus-within"));if(!y){(h?s[0]:s[s.length-1]).focus({trailing:!h}),this.updateTabIndices();return}const v=s.indexOf(y);let f=h?v+1:v-1;for(;f!==v;){f>=s.length?f=0:f<0&&(f=s.length-1);const C=s[f];if(C.disabled&&!C.alwaysFocusable){h?f++:f--;continue}C.focus({trailing:!h}),this.updateTabIndices();break}}updateTabIndices(){const{chips:e}=this;let t;for(const o of e){const i=o.alwaysFocusable||!o.disabled;if(o.matches(":focus-within")&&i){t=o;continue}i&&!t&&(t=o),o.tabIndex=-1}t&&(t.tabIndex=0)}};l([He()],_s.prototype,"childElements",void 0);/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const sh=L`:host{display:flex;flex-wrap:wrap;gap:8px} +`;/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */let Go=class extends _s{};Go.styles=[sh],Go=l([H("md-chip-set")],Go);/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const Xo="aria-label-remove";class ws extends bt{get ariaLabelRemove(){if(this.hasAttribute(Xo))return this.getAttribute(Xo);const{ariaLabel:e}=this;return e||this.label?`Remove ${e||this.label}`:null}set ariaLabelRemove(e){const t=this.ariaLabelRemove;e!==t&&(e===null?this.removeAttribute(Xo):this.setAttribute(Xo,e),this.requestUpdate())}constructor(){super(),this.handleTrailingActionFocus=this.handleTrailingActionFocus.bind(this),this.addEventListener("keydown",this.handleKeyDown.bind(this))}focus(e){if((this.alwaysFocusable||!this.disabled)&&(e!=null&&e.trailing)&&this.trailingAction){this.trailingAction.focus(e);return}super.focus(e)}renderContainerContent(){return _` + ${super.renderContainerContent()} + ${this.renderTrailingAction(this.handleTrailingActionFocus)} + `}handleKeyDown(e){var y,v;const t=e.key==="ArrowLeft",o=e.key==="ArrowRight";if(!t&&!o||!this.primaryAction||!this.trailingAction)return;const a=getComputedStyle(this).direction==="rtl"?t:o,s=(y=this.primaryAction)==null?void 0:y.matches(":focus-within"),d=(v=this.trailingAction)==null?void 0:v.matches(":focus-within");if(a&&d||!a&&s)return;e.preventDefault(),e.stopPropagation(),(a?this.trailingAction:this.primaryAction).focus()}handleTrailingActionFocus(){const{primaryAction:e,trailingAction:t}=this;!e||!t||(e.tabIndex=-1,t.addEventListener("focusout",()=>{e.tabIndex=0},{once:!0}))}}/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */function ks({ariaLabel:r,disabled:e,focusListener:t,tabbable:o=!1}){return _` + + + `}function lh(r){this.disabled||this.softDisabled||(r.stopPropagation(),!this.dispatchEvent(new Event("remove",{cancelable:!0})))||this.remove()}/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */let jt=class extends ws{constructor(){super(...arguments),this.elevated=!1,this.removable=!1,this.selected=!1,this.hasSelectedIcon=!1}get primaryId(){return"button"}getContainerClasses(){return{...super.getContainerClasses(),elevated:this.elevated,selected:this.selected,"has-trailing":this.removable,"has-icon":this.hasIcon||this.selected}}renderPrimaryAction(e){const{ariaLabel:t}=this;return _` + + `}renderLeadingIcon(){return this.selected?_` + + + + `:super.renderLeadingIcon()}renderTrailingAction(e){return this.removable?ks({focusListener:e,ariaLabel:this.ariaLabelRemove,disabled:this.disabled||this.softDisabled}):x}renderOutline(){return this.elevated?_``:super.renderOutline()}handleClickOnChild(e){if(this.disabled||this.softDisabled)return;const t=this.selected;if(this.selected=!this.selected,!Ct(this,e)){this.selected=t;return}}};l([p({type:Boolean})],jt.prototype,"elevated",void 0),l([p({type:Boolean})],jt.prototype,"removable",void 0),l([p({type:Boolean,reflect:!0})],jt.prototype,"selected",void 0),l([p({type:Boolean,reflect:!0,attribute:"has-selected-icon"})],jt.prototype,"hasSelectedIcon",void 0),l([Y(".primary.action")],jt.prototype,"primaryAction",void 0),l([Y(".trailing.action")],jt.prototype,"trailingAction",void 0);/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const dh=L`:host{--_container-height: var(--md-filter-chip-container-height, 32px);--_disabled-label-text-color: var(--md-filter-chip-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-label-text-opacity: var(--md-filter-chip-disabled-label-text-opacity, 0.38);--_elevated-container-elevation: var(--md-filter-chip-elevated-container-elevation, 1);--_elevated-container-shadow-color: var(--md-filter-chip-elevated-container-shadow-color, var(--md-sys-color-shadow, #000));--_elevated-disabled-container-color: var(--md-filter-chip-elevated-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));--_elevated-disabled-container-elevation: var(--md-filter-chip-elevated-disabled-container-elevation, 0);--_elevated-disabled-container-opacity: var(--md-filter-chip-elevated-disabled-container-opacity, 0.12);--_elevated-focus-container-elevation: var(--md-filter-chip-elevated-focus-container-elevation, 1);--_elevated-hover-container-elevation: var(--md-filter-chip-elevated-hover-container-elevation, 2);--_elevated-pressed-container-elevation: var(--md-filter-chip-elevated-pressed-container-elevation, 1);--_elevated-selected-container-color: var(--md-filter-chip-elevated-selected-container-color, var(--md-sys-color-secondary-container, #e8def8));--_label-text-font: var(--md-filter-chip-label-text-font, var(--md-sys-typescale-label-large-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-filter-chip-label-text-line-height, var(--md-sys-typescale-label-large-line-height, 1.25rem));--_label-text-size: var(--md-filter-chip-label-text-size, var(--md-sys-typescale-label-large-size, 0.875rem));--_label-text-weight: var(--md-filter-chip-label-text-weight, var(--md-sys-typescale-label-large-weight, var(--md-ref-typeface-weight-medium, 500)));--_selected-focus-label-text-color: var(--md-filter-chip-selected-focus-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-hover-label-text-color: var(--md-filter-chip-selected-hover-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-hover-state-layer-color: var(--md-filter-chip-selected-hover-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-hover-state-layer-opacity: var(--md-filter-chip-selected-hover-state-layer-opacity, 0.08);--_selected-label-text-color: var(--md-filter-chip-selected-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-pressed-label-text-color: var(--md-filter-chip-selected-pressed-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-pressed-state-layer-color: var(--md-filter-chip-selected-pressed-state-layer-color, var(--md-sys-color-on-surface-variant, #49454f));--_selected-pressed-state-layer-opacity: var(--md-filter-chip-selected-pressed-state-layer-opacity, 0.12);--_elevated-container-color: var(--md-filter-chip-elevated-container-color, var(--md-sys-color-surface-container-low, #f7f2fa));--_disabled-outline-color: var(--md-filter-chip-disabled-outline-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-outline-opacity: var(--md-filter-chip-disabled-outline-opacity, 0.12);--_disabled-selected-container-color: var(--md-filter-chip-disabled-selected-container-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-selected-container-opacity: var(--md-filter-chip-disabled-selected-container-opacity, 0.12);--_focus-outline-color: var(--md-filter-chip-focus-outline-color, var(--md-sys-color-on-surface-variant, #49454f));--_outline-color: var(--md-filter-chip-outline-color, var(--md-sys-color-outline, #79747e));--_outline-width: var(--md-filter-chip-outline-width, 1px);--_selected-container-color: var(--md-filter-chip-selected-container-color, var(--md-sys-color-secondary-container, #e8def8));--_selected-outline-width: var(--md-filter-chip-selected-outline-width, 0px);--_focus-label-text-color: var(--md-filter-chip-focus-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-label-text-color: var(--md-filter-chip-hover-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-state-layer-color: var(--md-filter-chip-hover-state-layer-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-state-layer-opacity: var(--md-filter-chip-hover-state-layer-opacity, 0.08);--_label-text-color: var(--md-filter-chip-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_pressed-label-text-color: var(--md-filter-chip-pressed-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_pressed-state-layer-color: var(--md-filter-chip-pressed-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_pressed-state-layer-opacity: var(--md-filter-chip-pressed-state-layer-opacity, 0.12);--_icon-size: var(--md-filter-chip-icon-size, 18px);--_disabled-leading-icon-color: var(--md-filter-chip-disabled-leading-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-leading-icon-opacity: var(--md-filter-chip-disabled-leading-icon-opacity, 0.38);--_selected-focus-leading-icon-color: var(--md-filter-chip-selected-focus-leading-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-hover-leading-icon-color: var(--md-filter-chip-selected-hover-leading-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-leading-icon-color: var(--md-filter-chip-selected-leading-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-pressed-leading-icon-color: var(--md-filter-chip-selected-pressed-leading-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_focus-leading-icon-color: var(--md-filter-chip-focus-leading-icon-color, var(--md-sys-color-primary, #6750a4));--_hover-leading-icon-color: var(--md-filter-chip-hover-leading-icon-color, var(--md-sys-color-primary, #6750a4));--_leading-icon-color: var(--md-filter-chip-leading-icon-color, var(--md-sys-color-primary, #6750a4));--_pressed-leading-icon-color: var(--md-filter-chip-pressed-leading-icon-color, var(--md-sys-color-primary, #6750a4));--_disabled-trailing-icon-color: var(--md-filter-chip-disabled-trailing-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-trailing-icon-opacity: var(--md-filter-chip-disabled-trailing-icon-opacity, 0.38);--_selected-focus-trailing-icon-color: var(--md-filter-chip-selected-focus-trailing-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-hover-trailing-icon-color: var(--md-filter-chip-selected-hover-trailing-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-pressed-trailing-icon-color: var(--md-filter-chip-selected-pressed-trailing-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-trailing-icon-color: var(--md-filter-chip-selected-trailing-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_focus-trailing-icon-color: var(--md-filter-chip-focus-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-trailing-icon-color: var(--md-filter-chip-hover-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_pressed-trailing-icon-color: var(--md-filter-chip-pressed-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_trailing-icon-color: var(--md-filter-chip-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_container-shape-start-start: var(--md-filter-chip-container-shape-start-start, var(--md-filter-chip-container-shape, var(--md-sys-shape-corner-small, 8px)));--_container-shape-start-end: var(--md-filter-chip-container-shape-start-end, var(--md-filter-chip-container-shape, var(--md-sys-shape-corner-small, 8px)));--_container-shape-end-end: var(--md-filter-chip-container-shape-end-end, var(--md-filter-chip-container-shape, var(--md-sys-shape-corner-small, 8px)));--_container-shape-end-start: var(--md-filter-chip-container-shape-end-start, var(--md-filter-chip-container-shape, var(--md-sys-shape-corner-small, 8px)));--_leading-space: var(--md-filter-chip-leading-space, 16px);--_trailing-space: var(--md-filter-chip-trailing-space, 16px);--_icon-label-space: var(--md-filter-chip-icon-label-space, 8px);--_with-leading-icon-leading-space: var(--md-filter-chip-with-leading-icon-leading-space, 8px);--_with-trailing-icon-trailing-space: var(--md-filter-chip-with-trailing-icon-trailing-space, 8px)}.selected.elevated::before{background:var(--_elevated-selected-container-color)}.checkmark{height:var(--_icon-size);width:var(--_icon-size)}.disabled .checkmark{opacity:var(--_disabled-leading-icon-opacity)}@media(forced-colors: active){.disabled .checkmark{opacity:1}} +`;/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const Cs=L`.selected{--md-ripple-hover-color: var(--_selected-hover-state-layer-color);--md-ripple-hover-opacity: var(--_selected-hover-state-layer-opacity);--md-ripple-pressed-color: var(--_selected-pressed-state-layer-color);--md-ripple-pressed-opacity: var(--_selected-pressed-state-layer-opacity)}:where(.selected)::before{background:var(--_selected-container-color)}:where(.selected) .outline{border-width:var(--_selected-outline-width)}:where(.selected.disabled)::before{background:var(--_disabled-selected-container-color);opacity:var(--_disabled-selected-container-opacity)}:where(.selected) .label{color:var(--_selected-label-text-color)}:where(.selected:hover) .label{color:var(--_selected-hover-label-text-color)}:where(.selected:focus) .label{color:var(--_selected-focus-label-text-color)}:where(.selected:active) .label{color:var(--_selected-pressed-label-text-color)}:where(.selected) .leading.icon{color:var(--_selected-leading-icon-color)}:where(.selected:hover) .leading.icon{color:var(--_selected-hover-leading-icon-color)}:where(.selected:focus) .leading.icon{color:var(--_selected-focus-leading-icon-color)}:where(.selected:active) .leading.icon{color:var(--_selected-pressed-leading-icon-color)}@media(forced-colors: active){:where(.selected:not(.elevated))::before{border:1px solid CanvasText}:where(.selected) .outline{border-width:1px}} +`;/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const Es=L`.trailing.action{align-items:center;justify-content:center;padding-inline-start:var(--_icon-label-space);padding-inline-end:var(--_with-trailing-icon-trailing-space)}.trailing.action :is(md-ripple,md-focus-ring){border-radius:50%;height:calc(1.3333333333*var(--_icon-size));width:calc(1.3333333333*var(--_icon-size))}.trailing.action md-focus-ring{inset:unset}.has-trailing .primary.action{padding-inline-end:0}.trailing.icon{color:var(--_trailing-icon-color);height:var(--_icon-size);width:var(--_icon-size)}:where(:hover) .trailing.icon{color:var(--_hover-trailing-icon-color)}:where(:focus) .trailing.icon{color:var(--_focus-trailing-icon-color)}:where(:active) .trailing.icon{color:var(--_pressed-trailing-icon-color)}:where(.disabled) .trailing.icon{color:var(--_disabled-trailing-icon-color);opacity:var(--_disabled-trailing-icon-opacity)}:where(.selected) .trailing.icon{color:var(--_selected-trailing-icon-color)}:where(.selected:hover) .trailing.icon{color:var(--_selected-hover-trailing-icon-color)}:where(.selected:focus) .trailing.icon{color:var(--_selected-focus-trailing-icon-color)}:where(.selected:active) .trailing.icon{color:var(--_selected-pressed-trailing-icon-color)}@media(forced-colors: active){.trailing.icon{color:ButtonText}:where(.disabled) .trailing.icon{color:GrayText;opacity:1}} +`;/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */let Zo=class extends jt{};Zo.styles=[wa,xs,Es,Cs,dh],Zo=l([H("md-filter-chip")],Zo);/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */let Ut=class extends ws{constructor(){super(...arguments),this.avatar=!1,this.href="",this.target="",this.removeOnly=!1,this.selected=!1}get primaryId(){return this.href?"link":this.removeOnly?"":"button"}get rippleDisabled(){return!this.href&&(this.disabled||this.softDisabled)}get primaryAction(){return this.removeOnly?null:this.renderRoot.querySelector(".primary.action")}getContainerClasses(){return{...super.getContainerClasses(),avatar:this.avatar,disabled:!this.href&&(this.disabled||this.softDisabled),link:!!this.href,selected:this.selected,"has-trailing":!0}}renderPrimaryAction(e){const{ariaLabel:t}=this;return this.href?_` + ${e} + `:this.removeOnly?_` + + ${e} + + `:_` + + `}renderTrailingAction(e){return ks({focusListener:e,ariaLabel:this.ariaLabelRemove,disabled:!this.href&&(this.disabled||this.softDisabled),tabbable:this.removeOnly})}};l([p({type:Boolean})],Ut.prototype,"avatar",void 0),l([p()],Ut.prototype,"href",void 0),l([p()],Ut.prototype,"target",void 0),l([p({type:Boolean,attribute:"remove-only"})],Ut.prototype,"removeOnly",void 0),l([p({type:Boolean,reflect:!0})],Ut.prototype,"selected",void 0),l([Y(".trailing.action")],Ut.prototype,"trailingAction",void 0);/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const ch=L`:host{--_container-height: var(--md-input-chip-container-height, 32px);--_disabled-label-text-color: var(--md-input-chip-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-label-text-opacity: var(--md-input-chip-disabled-label-text-opacity, 0.38);--_disabled-selected-container-color: var(--md-input-chip-disabled-selected-container-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-selected-container-opacity: var(--md-input-chip-disabled-selected-container-opacity, 0.12);--_label-text-font: var(--md-input-chip-label-text-font, var(--md-sys-typescale-label-large-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-input-chip-label-text-line-height, var(--md-sys-typescale-label-large-line-height, 1.25rem));--_label-text-size: var(--md-input-chip-label-text-size, var(--md-sys-typescale-label-large-size, 0.875rem));--_label-text-weight: var(--md-input-chip-label-text-weight, var(--md-sys-typescale-label-large-weight, var(--md-ref-typeface-weight-medium, 500)));--_selected-container-color: var(--md-input-chip-selected-container-color, var(--md-sys-color-secondary-container, #e8def8));--_selected-focus-label-text-color: var(--md-input-chip-selected-focus-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-hover-label-text-color: var(--md-input-chip-selected-hover-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-hover-state-layer-color: var(--md-input-chip-selected-hover-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-hover-state-layer-opacity: var(--md-input-chip-selected-hover-state-layer-opacity, 0.08);--_selected-label-text-color: var(--md-input-chip-selected-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-outline-width: var(--md-input-chip-selected-outline-width, 0px);--_selected-pressed-label-text-color: var(--md-input-chip-selected-pressed-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-pressed-state-layer-color: var(--md-input-chip-selected-pressed-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-pressed-state-layer-opacity: var(--md-input-chip-selected-pressed-state-layer-opacity, 0.12);--_disabled-outline-color: var(--md-input-chip-disabled-outline-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-outline-opacity: var(--md-input-chip-disabled-outline-opacity, 0.12);--_focus-label-text-color: var(--md-input-chip-focus-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_focus-outline-color: var(--md-input-chip-focus-outline-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-label-text-color: var(--md-input-chip-hover-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-state-layer-color: var(--md-input-chip-hover-state-layer-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-state-layer-opacity: var(--md-input-chip-hover-state-layer-opacity, 0.08);--_label-text-color: var(--md-input-chip-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_outline-color: var(--md-input-chip-outline-color, var(--md-sys-color-outline, #79747e));--_outline-width: var(--md-input-chip-outline-width, 1px);--_pressed-label-text-color: var(--md-input-chip-pressed-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_pressed-state-layer-color: var(--md-input-chip-pressed-state-layer-color, var(--md-sys-color-on-surface-variant, #49454f));--_pressed-state-layer-opacity: var(--md-input-chip-pressed-state-layer-opacity, 0.12);--_avatar-shape: var(--md-input-chip-avatar-shape, var(--md-sys-shape-corner-full, 9999px));--_avatar-size: var(--md-input-chip-avatar-size, 24px);--_disabled-avatar-opacity: var(--md-input-chip-disabled-avatar-opacity, 0.38);--_disabled-leading-icon-color: var(--md-input-chip-disabled-leading-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-leading-icon-opacity: var(--md-input-chip-disabled-leading-icon-opacity, 0.38);--_icon-size: var(--md-input-chip-icon-size, 18px);--_selected-focus-leading-icon-color: var(--md-input-chip-selected-focus-leading-icon-color, var(--md-sys-color-primary, #6750a4));--_selected-hover-leading-icon-color: var(--md-input-chip-selected-hover-leading-icon-color, var(--md-sys-color-primary, #6750a4));--_selected-leading-icon-color: var(--md-input-chip-selected-leading-icon-color, var(--md-sys-color-primary, #6750a4));--_selected-pressed-leading-icon-color: var(--md-input-chip-selected-pressed-leading-icon-color, var(--md-sys-color-primary, #6750a4));--_focus-leading-icon-color: var(--md-input-chip-focus-leading-icon-color, var(--md-sys-color-primary, #6750a4));--_hover-leading-icon-color: var(--md-input-chip-hover-leading-icon-color, var(--md-sys-color-primary, #6750a4));--_leading-icon-color: var(--md-input-chip-leading-icon-color, var(--md-sys-color-primary, #6750a4));--_pressed-leading-icon-color: var(--md-input-chip-pressed-leading-icon-color, var(--md-sys-color-primary, #6750a4));--_disabled-trailing-icon-color: var(--md-input-chip-disabled-trailing-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-trailing-icon-opacity: var(--md-input-chip-disabled-trailing-icon-opacity, 0.38);--_selected-focus-trailing-icon-color: var(--md-input-chip-selected-focus-trailing-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-hover-trailing-icon-color: var(--md-input-chip-selected-hover-trailing-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-pressed-trailing-icon-color: var(--md-input-chip-selected-pressed-trailing-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-trailing-icon-color: var(--md-input-chip-selected-trailing-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_focus-trailing-icon-color: var(--md-input-chip-focus-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-trailing-icon-color: var(--md-input-chip-hover-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_pressed-trailing-icon-color: var(--md-input-chip-pressed-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_trailing-icon-color: var(--md-input-chip-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_container-shape-start-start: var(--md-input-chip-container-shape-start-start, var(--md-input-chip-container-shape, var(--md-sys-shape-corner-small, 8px)));--_container-shape-start-end: var(--md-input-chip-container-shape-start-end, var(--md-input-chip-container-shape, var(--md-sys-shape-corner-small, 8px)));--_container-shape-end-end: var(--md-input-chip-container-shape-end-end, var(--md-input-chip-container-shape, var(--md-sys-shape-corner-small, 8px)));--_container-shape-end-start: var(--md-input-chip-container-shape-end-start, var(--md-input-chip-container-shape, var(--md-sys-shape-corner-small, 8px)));--_leading-space: var(--md-input-chip-leading-space, 16px);--_trailing-space: var(--md-input-chip-trailing-space, 16px);--_icon-label-space: var(--md-input-chip-icon-label-space, 8px);--_with-leading-icon-leading-space: var(--md-input-chip-with-leading-icon-leading-space, 8px);--_with-trailing-icon-trailing-space: var(--md-input-chip-with-trailing-icon-trailing-space, 8px)}:host([avatar]){--_container-shape-start-start: var( --md-input-chip-container-shape-start-start, var(--md-input-chip-container-shape, calc(var(--_container-height) / 2)) );--_container-shape-start-end: var( --md-input-chip-container-shape-start-end, var(--md-input-chip-container-shape, calc(var(--_container-height) / 2)) );--_container-shape-end-end: var( --md-input-chip-container-shape-end-end, var(--md-input-chip-container-shape, calc(var(--_container-height) / 2)) );--_container-shape-end-start: var( --md-input-chip-container-shape-end-start, var(--md-input-chip-container-shape, calc(var(--_container-height) / 2)) )}.avatar .primary.action{padding-inline-start:4px}.avatar .leading.icon ::slotted(:first-child){border-radius:var(--_avatar-shape);height:var(--_avatar-size);width:var(--_avatar-size)}.disabled.avatar .leading.icon{opacity:var(--_disabled-avatar-opacity)}@media(forced-colors: active){.link .outline{border-color:ActiveText}.disabled.avatar .leading.icon{opacity:1}} +`;/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */let Jo=class extends Ut{};Jo.styles=[wa,Es,Cs,ch],Jo=l([H("md-input-chip")],Jo);const uh=Q({react:Z,tagName:"md-chip-set",elementClass:Go}),hh=r=>V.jsx(uh,{children:r.children}),ph=Q({react:Z,tagName:"md-assist-chip",elementClass:Yo,events:{onClick:"click",onKeyDown:"keydown",onFocus:"focus",onBlur:"blur"}}),fh=r=>{const{label:e,elevated:t,href:o,target:i,disabled:a,alwaysFocusable:s}=r;return V.jsx(ph,{label:e,elevated:t,href:o,target:i,disabled:a,alwaysFocusable:s})},vh=Q({react:Z,tagName:"md-filter-chip",elementClass:Zo,events:{onRemove:"remove",onUpdateFocus:"update-focus"}}),mh=r=>{const{label:e,elevated:t,removable:o,selected:i,hasSelectedIcon:a,disabled:s,alwaysFocusable:d}=r;return V.jsx(vh,{label:e,elevated:t,removable:o,selected:i,hasSelectedIcon:a,disabled:s,alwaysFocusable:d})},bh=Q({react:Z,tagName:"md-input-chip",elementClass:Jo,events:{onRemove:"remove",onUpdateFocus:"update-focus"}}),yh=r=>{const{label:e,avatar:t,href:o,target:i,removeOnly:a,selected:s,disabled:d,alwaysFocusable:h}=r;return V.jsx(bh,{label:e,avatar:t,href:o,target:i,removeOnly:a,selected:s,disabled:d,alwaysFocusable:h})};/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const gh=Ze(W);class Br extends gh{constructor(){super(...arguments),this.size="medium",this.label="",this.lowered=!1}render(){const{ariaLabel:e}=this;return _` + + `}getRenderClasses(){const e=!!this.label;return{lowered:this.lowered,small:this.size==="small"&&!e,large:this.size==="large"&&!e,extended:e}}renderTouchTarget(){return _`
    `}renderLabel(){return this.label?_`${this.label}`:""}renderIcon(){const{ariaLabel:e}=this;return _` + + + + `}}Br.shadowRootOptions={mode:"open",delegatesFocus:!0},l([p({reflect:!0})],Br.prototype,"size",void 0),l([p()],Br.prototype,"label",void 0),l([p({type:Boolean})],Br.prototype,"lowered",void 0);/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */class ka extends Br{constructor(){super(...arguments),this.variant="surface"}getRenderClasses(){return{...super.getRenderClasses(),primary:this.variant==="primary",secondary:this.variant==="secondary",tertiary:this.variant==="tertiary"}}}l([p()],ka.prototype,"variant",void 0);/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const xh=L`:host{--_container-color: var(--md-fab-container-color, var(--md-sys-color-surface-container-high, #ece6f0));--_container-elevation: var(--md-fab-container-elevation, 3);--_container-height: var(--md-fab-container-height, 56px);--_container-shadow-color: var(--md-fab-container-shadow-color, var(--md-sys-color-shadow, #000));--_container-width: var(--md-fab-container-width, 56px);--_focus-container-elevation: var(--md-fab-focus-container-elevation, 3);--_focus-icon-color: var(--md-fab-focus-icon-color, var(--md-sys-color-primary, #6750a4));--_hover-container-elevation: var(--md-fab-hover-container-elevation, 4);--_hover-icon-color: var(--md-fab-hover-icon-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-color: var(--md-fab-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-opacity: var(--md-fab-hover-state-layer-opacity, 0.08);--_icon-color: var(--md-fab-icon-color, var(--md-sys-color-primary, #6750a4));--_icon-size: var(--md-fab-icon-size, 24px);--_lowered-container-color: var(--md-fab-lowered-container-color, var(--md-sys-color-surface-container-low, #f7f2fa));--_lowered-container-elevation: var(--md-fab-lowered-container-elevation, 1);--_lowered-focus-container-elevation: var(--md-fab-lowered-focus-container-elevation, 1);--_lowered-hover-container-elevation: var(--md-fab-lowered-hover-container-elevation, 2);--_lowered-pressed-container-elevation: var(--md-fab-lowered-pressed-container-elevation, 1);--_pressed-container-elevation: var(--md-fab-pressed-container-elevation, 3);--_pressed-icon-color: var(--md-fab-pressed-icon-color, var(--md-sys-color-primary, #6750a4));--_pressed-state-layer-color: var(--md-fab-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--_pressed-state-layer-opacity: var(--md-fab-pressed-state-layer-opacity, 0.12);--_focus-label-text-color: var(--md-fab-focus-label-text-color, var(--md-sys-color-primary, #6750a4));--_hover-label-text-color: var(--md-fab-hover-label-text-color, var(--md-sys-color-primary, #6750a4));--_label-text-color: var(--md-fab-label-text-color, var(--md-sys-color-primary, #6750a4));--_label-text-font: var(--md-fab-label-text-font, var(--md-sys-typescale-label-large-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-fab-label-text-line-height, var(--md-sys-typescale-label-large-line-height, 1.25rem));--_label-text-size: var(--md-fab-label-text-size, var(--md-sys-typescale-label-large-size, 0.875rem));--_label-text-weight: var(--md-fab-label-text-weight, var(--md-sys-typescale-label-large-weight, var(--md-ref-typeface-weight-medium, 500)));--_large-container-height: var(--md-fab-large-container-height, 96px);--_large-container-width: var(--md-fab-large-container-width, 96px);--_large-icon-size: var(--md-fab-large-icon-size, 36px);--_pressed-label-text-color: var(--md-fab-pressed-label-text-color, var(--md-sys-color-primary, #6750a4));--_primary-container-color: var(--md-fab-primary-container-color, var(--md-sys-color-primary-container, #eaddff));--_primary-focus-icon-color: var(--md-fab-primary-focus-icon-color, var(--md-sys-color-on-primary-container, #21005d));--_primary-focus-label-text-color: var(--md-fab-primary-focus-label-text-color, var(--md-sys-color-on-primary-container, #21005d));--_primary-hover-icon-color: var(--md-fab-primary-hover-icon-color, var(--md-sys-color-on-primary-container, #21005d));--_primary-hover-label-text-color: var(--md-fab-primary-hover-label-text-color, var(--md-sys-color-on-primary-container, #21005d));--_primary-hover-state-layer-color: var(--md-fab-primary-hover-state-layer-color, var(--md-sys-color-on-primary-container, #21005d));--_primary-icon-color: var(--md-fab-primary-icon-color, var(--md-sys-color-on-primary-container, #21005d));--_primary-label-text-color: var(--md-fab-primary-label-text-color, var(--md-sys-color-on-primary-container, #21005d));--_primary-pressed-icon-color: var(--md-fab-primary-pressed-icon-color, var(--md-sys-color-on-primary-container, #21005d));--_primary-pressed-label-text-color: var(--md-fab-primary-pressed-label-text-color, var(--md-sys-color-on-primary-container, #21005d));--_primary-pressed-state-layer-color: var(--md-fab-primary-pressed-state-layer-color, var(--md-sys-color-on-primary-container, #21005d));--_secondary-container-color: var(--md-fab-secondary-container-color, var(--md-sys-color-secondary-container, #e8def8));--_secondary-focus-icon-color: var(--md-fab-secondary-focus-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_secondary-focus-label-text-color: var(--md-fab-secondary-focus-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_secondary-hover-icon-color: var(--md-fab-secondary-hover-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_secondary-hover-label-text-color: var(--md-fab-secondary-hover-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_secondary-hover-state-layer-color: var(--md-fab-secondary-hover-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_secondary-icon-color: var(--md-fab-secondary-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_secondary-label-text-color: var(--md-fab-secondary-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_secondary-pressed-icon-color: var(--md-fab-secondary-pressed-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_secondary-pressed-label-text-color: var(--md-fab-secondary-pressed-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_secondary-pressed-state-layer-color: var(--md-fab-secondary-pressed-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_small-container-height: var(--md-fab-small-container-height, 40px);--_small-container-width: var(--md-fab-small-container-width, 40px);--_small-icon-size: var(--md-fab-small-icon-size, 24px);--_tertiary-container-color: var(--md-fab-tertiary-container-color, var(--md-sys-color-tertiary-container, #ffd8e4));--_tertiary-focus-icon-color: var(--md-fab-tertiary-focus-icon-color, var(--md-sys-color-on-tertiary-container, #31111d));--_tertiary-focus-label-text-color: var(--md-fab-tertiary-focus-label-text-color, var(--md-sys-color-on-tertiary-container, #31111d));--_tertiary-hover-icon-color: var(--md-fab-tertiary-hover-icon-color, var(--md-sys-color-on-tertiary-container, #31111d));--_tertiary-hover-label-text-color: var(--md-fab-tertiary-hover-label-text-color, var(--md-sys-color-on-tertiary-container, #31111d));--_tertiary-hover-state-layer-color: var(--md-fab-tertiary-hover-state-layer-color, var(--md-sys-color-on-tertiary-container, #31111d));--_tertiary-icon-color: var(--md-fab-tertiary-icon-color, var(--md-sys-color-on-tertiary-container, #31111d));--_tertiary-label-text-color: var(--md-fab-tertiary-label-text-color, var(--md-sys-color-on-tertiary-container, #31111d));--_tertiary-pressed-icon-color: var(--md-fab-tertiary-pressed-icon-color, var(--md-sys-color-on-tertiary-container, #31111d));--_tertiary-pressed-label-text-color: var(--md-fab-tertiary-pressed-label-text-color, var(--md-sys-color-on-tertiary-container, #31111d));--_tertiary-pressed-state-layer-color: var(--md-fab-tertiary-pressed-state-layer-color, var(--md-sys-color-on-tertiary-container, #31111d));--_container-shape-start-start: var(--md-fab-container-shape-start-start, var(--md-fab-container-shape, var(--md-sys-shape-corner-large, 16px)));--_container-shape-start-end: var(--md-fab-container-shape-start-end, var(--md-fab-container-shape, var(--md-sys-shape-corner-large, 16px)));--_container-shape-end-end: var(--md-fab-container-shape-end-end, var(--md-fab-container-shape, var(--md-sys-shape-corner-large, 16px)));--_container-shape-end-start: var(--md-fab-container-shape-end-start, var(--md-fab-container-shape, var(--md-sys-shape-corner-large, 16px)));--_large-container-shape-start-start: var(--md-fab-large-container-shape-start-start, var(--md-fab-large-container-shape, var(--md-sys-shape-corner-extra-large, 28px)));--_large-container-shape-start-end: var(--md-fab-large-container-shape-start-end, var(--md-fab-large-container-shape, var(--md-sys-shape-corner-extra-large, 28px)));--_large-container-shape-end-end: var(--md-fab-large-container-shape-end-end, var(--md-fab-large-container-shape, var(--md-sys-shape-corner-extra-large, 28px)));--_large-container-shape-end-start: var(--md-fab-large-container-shape-end-start, var(--md-fab-large-container-shape, var(--md-sys-shape-corner-extra-large, 28px)));--_small-container-shape-start-start: var(--md-fab-small-container-shape-start-start, var(--md-fab-small-container-shape, var(--md-sys-shape-corner-medium, 12px)));--_small-container-shape-start-end: var(--md-fab-small-container-shape-start-end, var(--md-fab-small-container-shape, var(--md-sys-shape-corner-medium, 12px)));--_small-container-shape-end-end: var(--md-fab-small-container-shape-end-end, var(--md-fab-small-container-shape, var(--md-sys-shape-corner-medium, 12px)));--_small-container-shape-end-start: var(--md-fab-small-container-shape-end-start, var(--md-fab-small-container-shape, var(--md-sys-shape-corner-medium, 12px)));cursor:pointer}:host([size=small][touch-target=wrapper]){margin:max(0px,48px - var(--_small-container-height))}.fab{cursor:inherit}.fab .icon ::slotted(*){color:var(--_icon-color)}.fab:focus{color:var(--_focus-icon-color)}.fab:hover{color:var(--_hover-icon-color)}.fab:active{color:var(--_pressed-icon-color)}.fab.primary{background-color:var(--_primary-container-color);--md-ripple-hover-color: var(--_primary-hover-state-layer-color);--md-ripple-pressed-color: var(--_primary-pressed-state-layer-color)}.fab.primary .icon ::slotted(*){color:var(--_primary-icon-color)}.fab.primary:focus{color:var(--_primary-focus-icon-color)}.fab.primary:hover{color:var(--_primary-hover-icon-color)}.fab.primary:active{color:var(--_primary-pressed-icon-color)}.fab.primary .label{color:var(--_primary-label-text-color)}.fab:hover .fab.primary .label{color:var(--_primary-hover-label-text-color)}.fab:focus .fab.primary .label{color:var(--_primary-focus-label-text-color)}.fab:active .fab.primary .label{color:var(--_primary-pressed-label-text-color)}.fab.secondary{background-color:var(--_secondary-container-color);--md-ripple-hover-color: var(--_secondary-hover-state-layer-color);--md-ripple-pressed-color: var(--_secondary-pressed-state-layer-color)}.fab.secondary .icon ::slotted(*){color:var(--_secondary-icon-color)}.fab.secondary:focus{color:var(--_secondary-focus-icon-color)}.fab.secondary:hover{color:var(--_secondary-hover-icon-color)}.fab.secondary:active{color:var(--_secondary-pressed-icon-color)}.fab.secondary .label{color:var(--_secondary-label-text-color)}.fab:hover .fab.secondary .label{color:var(--_secondary-hover-label-text-color)}.fab:focus .fab.secondary .label{color:var(--_secondary-focus-label-text-color)}.fab:active .fab.secondary .label{color:var(--_secondary-pressed-label-text-color)}.fab.tertiary{background-color:var(--_tertiary-container-color);--md-ripple-hover-color: var(--_tertiary-hover-state-layer-color);--md-ripple-pressed-color: var(--_tertiary-pressed-state-layer-color)}.fab.tertiary .icon ::slotted(*){color:var(--_tertiary-icon-color)}.fab.tertiary:focus{color:var(--_tertiary-focus-icon-color)}.fab.tertiary:hover{color:var(--_tertiary-hover-icon-color)}.fab.tertiary:active{color:var(--_tertiary-pressed-icon-color)}.fab.tertiary .label{color:var(--_tertiary-label-text-color)}.fab:hover .fab.tertiary .label{color:var(--_tertiary-hover-label-text-color)}.fab:focus .fab.tertiary .label{color:var(--_tertiary-focus-label-text-color)}.fab:active .fab.tertiary .label{color:var(--_tertiary-pressed-label-text-color)}.fab.extended slot span{padding-inline-start:4px}.fab.small{width:var(--_small-container-width);height:var(--_small-container-height)}.fab.small .icon ::slotted(*){width:var(--_small-icon-size);height:var(--_small-icon-size);font-size:var(--_small-icon-size)}.fab.small,.fab.small .ripple{border-start-start-radius:var(--_small-container-shape-start-start);border-start-end-radius:var(--_small-container-shape-start-end);border-end-start-radius:var(--_small-container-shape-end-start);border-end-end-radius:var(--_small-container-shape-end-end)}.fab.small md-focus-ring{--md-focus-ring-shape-start-start: var(--_small-container-shape-start-start);--md-focus-ring-shape-start-end: var(--_small-container-shape-start-end);--md-focus-ring-shape-end-end: var(--_small-container-shape-end-end);--md-focus-ring-shape-end-start: var(--_small-container-shape-end-start)} +`;/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const $s=L`@media(forced-colors: active){.fab{border:1px solid ButtonText}.fab.extended{padding-inline-start:15px;padding-inline-end:19px}md-focus-ring{--md-focus-ring-outward-offset: 3px}} +`;/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const Ts=L`:host{--md-ripple-hover-opacity: var(--_hover-state-layer-opacity);--md-ripple-pressed-opacity: var(--_pressed-state-layer-opacity);display:inline-flex;-webkit-tap-highlight-color:rgba(0,0,0,0)}:host([size=medium][touch-target=wrapper]){margin:max(0px,48px - var(--_container-height))}:host([size=large][touch-target=wrapper]){margin:max(0px,48px - var(--_large-container-height))}.fab,.icon,.icon ::slotted(*){display:flex}.fab{align-items:center;justify-content:center;vertical-align:middle;padding:0;position:relative;height:var(--_container-height);transition-property:background-color;border-width:0px;outline:none;z-index:0;text-transform:inherit;--md-elevation-level: var(--_container-elevation);--md-elevation-shadow-color: var(--_container-shadow-color);background-color:var(--_container-color);--md-ripple-hover-color: var(--_hover-state-layer-color);--md-ripple-pressed-color: var(--_pressed-state-layer-color)}.fab.extended{width:inherit;box-sizing:border-box;padding-inline-start:16px;padding-inline-end:20px}.fab:not(.extended){width:var(--_container-width)}.fab.large{width:var(--_large-container-width);height:var(--_large-container-height)}.fab.large .icon ::slotted(*){width:var(--_large-icon-size);height:var(--_large-icon-size);font-size:var(--_large-icon-size)}.fab.large,.fab.large .ripple{border-start-start-radius:var(--_large-container-shape-start-start);border-start-end-radius:var(--_large-container-shape-start-end);border-end-start-radius:var(--_large-container-shape-end-start);border-end-end-radius:var(--_large-container-shape-end-end)}.fab.large md-focus-ring{--md-focus-ring-shape-start-start: var(--_large-container-shape-start-start);--md-focus-ring-shape-start-end: var(--_large-container-shape-start-end);--md-focus-ring-shape-end-end: var(--_large-container-shape-end-end);--md-focus-ring-shape-end-start: var(--_large-container-shape-end-start)}.fab:focus{--md-elevation-level: var(--_focus-container-elevation)}.fab:hover{--md-elevation-level: var(--_hover-container-elevation)}.fab:active{--md-elevation-level: var(--_pressed-container-elevation)}.fab.lowered{background-color:var(--_lowered-container-color);--md-elevation-level: var(--_lowered-container-elevation)}.fab.lowered:focus{--md-elevation-level: var(--_lowered-focus-container-elevation)}.fab.lowered:hover{--md-elevation-level: var(--_lowered-hover-container-elevation)}.fab.lowered:active{--md-elevation-level: var(--_lowered-pressed-container-elevation)}.fab .label{color:var(--_label-text-color)}.fab:hover .fab .label{color:var(--_hover-label-text-color)}.fab:focus .fab .label{color:var(--_focus-label-text-color)}.fab:active .fab .label{color:var(--_pressed-label-text-color)}.label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--_label-text-font);font-size:var(--_label-text-size);line-height:var(--_label-text-line-height);font-weight:var(--_label-text-weight)}.fab.extended .icon ::slotted(*){margin-inline-end:12px}.ripple{overflow:hidden}.ripple,md-elevation{z-index:-1}.touch-target{position:absolute;top:50%;height:48px;left:50%;width:48px;transform:translate(-50%, -50%)}:host([touch-target=none]) .touch-target{display:none}md-elevation,.fab{transition-duration:280ms;transition-timing-function:cubic-bezier(0.2, 0, 0, 1)}.fab,.ripple{border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-start-radius:var(--_container-shape-end-start);border-end-end-radius:var(--_container-shape-end-end)}md-focus-ring{--md-focus-ring-shape-start-start: var(--_container-shape-start-start);--md-focus-ring-shape-start-end: var(--_container-shape-start-end);--md-focus-ring-shape-end-end: var(--_container-shape-end-end);--md-focus-ring-shape-end-start: var(--_container-shape-end-start)}.icon ::slotted(*){width:var(--_icon-size);height:var(--_icon-size);font-size:var(--_icon-size)} +`;/** + * @license + * Copyright 2022 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */let Qo=class extends ka{};Qo.styles=[Ts,xh,$s],Qo=l([H("md-fab")],Qo);/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const _h=L`:host{--_container-color: var(--md-fab-branded-container-color, var(--md-sys-color-surface-container-high, #ece6f0));--_container-elevation: var(--md-fab-branded-container-elevation, 3);--_container-height: var(--md-fab-branded-container-height, 56px);--_container-shadow-color: var(--md-fab-branded-container-shadow-color, var(--md-sys-color-shadow, #000));--_container-width: var(--md-fab-branded-container-width, 56px);--_focus-container-elevation: var(--md-fab-branded-focus-container-elevation, 3);--_hover-container-elevation: var(--md-fab-branded-hover-container-elevation, 4);--_hover-state-layer-color: var(--md-fab-branded-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-opacity: var(--md-fab-branded-hover-state-layer-opacity, 0.08);--_icon-size: var(--md-fab-branded-icon-size, 36px);--_lowered-container-color: var(--md-fab-branded-lowered-container-color, var(--md-sys-color-surface-container-low, #f7f2fa));--_lowered-container-elevation: var(--md-fab-branded-lowered-container-elevation, 1);--_lowered-focus-container-elevation: var(--md-fab-branded-lowered-focus-container-elevation, 1);--_lowered-hover-container-elevation: var(--md-fab-branded-lowered-hover-container-elevation, 2);--_lowered-pressed-container-elevation: var(--md-fab-branded-lowered-pressed-container-elevation, 1);--_pressed-container-elevation: var(--md-fab-branded-pressed-container-elevation, 3);--_pressed-state-layer-color: var(--md-fab-branded-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--_pressed-state-layer-opacity: var(--md-fab-branded-pressed-state-layer-opacity, 0.12);--_focus-label-text-color: var(--md-fab-branded-focus-label-text-color, var(--md-sys-color-primary, #6750a4));--_hover-label-text-color: var(--md-fab-branded-hover-label-text-color, var(--md-sys-color-primary, #6750a4));--_label-text-color: var(--md-fab-branded-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_label-text-font: var(--md-fab-branded-label-text-font, var(--md-sys-typescale-label-large-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-size: var(--md-fab-branded-label-text-size, var(--md-sys-typescale-label-large-size, 0.875rem));--_label-text-line-height: var(--md-fab-branded-label-text-line-height, var(--md-sys-typescale-label-large-line-height, 1.25rem));--_label-text-weight: var(--md-fab-branded-label-text-weight, var(--md-sys-typescale-label-large-weight, var(--md-ref-typeface-weight-medium, 500)));--_large-container-height: var(--md-fab-branded-large-container-height, 96px);--_large-container-width: var(--md-fab-branded-large-container-width, 96px);--_large-icon-size: var(--md-fab-branded-large-icon-size, 48px);--_pressed-label-text-color: var(--md-fab-branded-pressed-label-text-color, var(--md-sys-color-primary, #6750a4));--_container-shape-start-start: var(--md-fab-branded-container-shape-start-start, var(--md-fab-branded-container-shape, var(--md-sys-shape-corner-large, 16px)));--_container-shape-start-end: var(--md-fab-branded-container-shape-start-end, var(--md-fab-branded-container-shape, var(--md-sys-shape-corner-large, 16px)));--_container-shape-end-end: var(--md-fab-branded-container-shape-end-end, var(--md-fab-branded-container-shape, var(--md-sys-shape-corner-large, 16px)));--_container-shape-end-start: var(--md-fab-branded-container-shape-end-start, var(--md-fab-branded-container-shape, var(--md-sys-shape-corner-large, 16px)));--_large-container-shape-start-start: var(--md-fab-branded-large-container-shape-start-start, var(--md-fab-branded-large-container-shape, var(--md-sys-shape-corner-extra-large, 28px)));--_large-container-shape-start-end: var(--md-fab-branded-large-container-shape-start-end, var(--md-fab-branded-large-container-shape, var(--md-sys-shape-corner-extra-large, 28px)));--_large-container-shape-end-end: var(--md-fab-branded-large-container-shape-end-end, var(--md-fab-branded-large-container-shape, var(--md-sys-shape-corner-extra-large, 28px)));--_large-container-shape-end-start: var(--md-fab-branded-large-container-shape-end-start, var(--md-fab-branded-large-container-shape, var(--md-sys-shape-corner-extra-large, 28px)))} +`;/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */let ei=class extends ka{getRenderClasses(){return{...super.getRenderClasses(),primary:!1,secondary:!1,tertiary:!1,small:!1}}};ei.styles=[Ts,_h,$s],ei=l([H("md-branded-fab")],ei);const wh=Q({react:Z,tagName:"md-fab",elementClass:Qo}),kh=r=>{const{children:e,className:t,...o}=r,i=r.variant||"surface",a=r.size||"medium",s=r.label||"",d=r.lowered||!1;return V.jsx(wh,{...o,className:t,variant:i,size:a,label:s,lowered:d,children:e})},Ch=Q({react:Z,tagName:"md-branded-fab",elementClass:ei}),Eh=r=>{const{children:e,className:t,...o}=r,i=r.variant||"surface",a=r.size||"medium",s=r.label||"",d=r.lowered||!1;return V.jsx(Ch,{...o,className:t,variant:i,size:a,label:s,lowered:d,children:e})};/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */var Ss;const ar=Symbol("indicator"),As=Symbol("animateIndicator"),$h=zn(W);let st=class extends $h{get selected(){return this.active}set selected(e){this.active=e}constructor(){super(),this.isTab=!0,this.active=!1,this.hasIcon=!1,this.iconOnly=!1,this.fullWidthIndicator=!1,this.internals=this.attachInternals(),this.internals.role="tab",this.addEventListener("keydown",this.handleKeydown.bind(this))}render(){const e=_`
    `;return _``}getContentClasses(){return{"has-icon":this.hasIcon,"has-label":!this.iconOnly}}updated(){this.internals.ariaSelected=String(this.active)}async handleKeydown(e){await 0,!e.defaultPrevented&&(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this.click())}handleContentClick(e){e.stopPropagation(),this.click()}[(Ss=ar,As)](e){if(!this[ar])return;this[ar].getAnimations().forEach(o=>{o.cancel()});const t=this.getKeyframes(e);t!==null&&this[ar].animate(t,{duration:250,easing:at.EMPHASIZED})}getKeyframes(e){var f;const t=Th();if(!this.active)return t?[{opacity:1},{transform:"none"}]:null;const o={},i=((f=e[ar])==null?void 0:f.getBoundingClientRect())??{},a=i.left,s=i.width,d=this[ar].getBoundingClientRect(),h=d.left,y=d.width,v=s/y;return!t&&a!==void 0&&h!==void 0&&!isNaN(v)?o.transform=`translateX(${(a-h).toFixed(4)}px) scaleX(${v.toFixed(4)})`:o.opacity=0,[o,{transform:"none"}]}handleSlotChange(){this.iconOnly=!1;for(const e of this.assignedDefaultNodes){const t=e.nodeType===Node.TEXT_NODE&&!!e.wholeText.match(/\S/);if(e.nodeType===Node.ELEMENT_NODE||t)return}this.iconOnly=!0}handleIconSlotChange(){this.hasIcon=this.assignedIcons.length>0}};l([p({type:Boolean,reflect:!0,attribute:"md-tab"})],st.prototype,"isTab",void 0),l([p({type:Boolean,reflect:!0})],st.prototype,"active",void 0),l([p({type:Boolean})],st.prototype,"selected",null),l([p({type:Boolean,attribute:"has-icon"})],st.prototype,"hasIcon",void 0),l([p({type:Boolean,attribute:"icon-only"})],st.prototype,"iconOnly",void 0),l([Y(".indicator")],st.prototype,Ss,void 0),l([ae()],st.prototype,"fullWidthIndicator",void 0),l([Pi({flatten:!0})],st.prototype,"assignedDefaultNodes",void 0),l([He({slot:"icon",flatten:!0})],st.prototype,"assignedIcons",void 0);function Th(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */let nr=class extends W{get activeTab(){return this.tabs.find(e=>e.active)??null}set activeTab(e){e&&this.activateTab(e)}get activeTabIndex(){return this.tabs.findIndex(e=>e.active)}set activeTabIndex(e){const t=()=>{const o=this.tabs[e];o&&this.activateTab(o)};if(!this.slotElement){this.updateComplete.then(t);return}t()}get focusedTab(){return this.tabs.find(e=>e.matches(":focus-within"))}constructor(){super(),this.autoActivate=!1,this.internals=this.attachInternals(),this.internals.role="tablist",this.addEventListener("keydown",this.handleKeydown.bind(this)),this.addEventListener("keyup",this.handleKeyup.bind(this)),this.addEventListener("focusout",this.handleFocusout.bind(this))}async scrollToTab(e){await this.updateComplete;const{tabs:t}=this;if(e??(e=this.activeTab),!e||!t.includes(e)||!this.tabsScrollerElement)return;for(const C of this.tabs)await C.updateComplete;const o=e.offsetLeft,i=e.offsetWidth,a=this.scrollLeft,s=this.offsetWidth,d=48,h=o-d,y=o+i-s+d,v=Math.min(h,Math.max(y,a)),f=this.focusedTab?"auto":"instant";this.tabsScrollerElement.scrollTo({behavior:f,top:0,left:v})}render(){return _` +
    + +
    + + `}async handleTabClick(e){const t=e.target;await 0,!(e.defaultPrevented||!Sh(t)||t.active)&&this.activateTab(t)}activateTab(e){const{tabs:t}=this,o=this.activeTab;if(!(!t.includes(e)||o===e)){for(const i of t)i.active=i===e;if(o){if(!this.dispatchEvent(new Event("change",{bubbles:!0,cancelable:!0}))){for(const a of t)a.active=a===o;return}e[As](o)}this.updateFocusableTab(e),this.scrollToTab(e)}}updateFocusableTab(e){for(const t of this.tabs)t.tabIndex=t===e?0:-1}async handleKeydown(e){await 0;const t=e.key==="ArrowLeft",o=e.key==="ArrowRight",i=e.key==="Home",a=e.key==="End";if(e.defaultPrevented||!t&&!o&&!i&&!a)return;const{tabs:s}=this;if(s.length<2)return;e.preventDefault();let d;if(i||a)d=i?0:s.length-1;else{const v=getComputedStyle(this).direction==="rtl"?t:o,{focusedTab:f}=this;if(!f)d=v?0:s.length-1;else{const C=this.tabs.indexOf(f);d=v?C+1:C-1,d>=s.length?d=0:d<0&&(d=s.length-1)}}const h=s[d];h.focus(),this.autoActivate?this.activateTab(h):this.updateFocusableTab(h)}handleKeyup(){this.scrollToTab(this.focusedTab??this.activeTab)}handleFocusout(){if(this.matches(":focus-within"))return;const{activeTab:e}=this;e&&this.updateFocusableTab(e)}handleSlotChange(){const e=this.tabs[0];!this.activeTab&&e&&this.activateTab(e),this.scrollToTab(this.activeTab)}};l([He({flatten:!0,selector:"[md-tab]"})],nr.prototype,"tabs",void 0),l([p({type:Number,attribute:"active-tab-index"})],nr.prototype,"activeTabIndex",null),l([p({type:Boolean,attribute:"auto-activate"})],nr.prototype,"autoActivate",void 0),l([Y(".tabs")],nr.prototype,"tabsScrollerElement",void 0),l([Y("slot")],nr.prototype,"slotElement",void 0);function Sh(r){return r instanceof HTMLElement&&r.hasAttribute("md-tab")}/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const Ah=L`:host{box-sizing:border-box;display:flex;flex-direction:column;overflow:auto;scroll-behavior:smooth;scrollbar-width:none;position:relative}:host([hidden]){display:none}:host::-webkit-scrollbar{display:none}.tabs{align-items:end;display:flex;height:100%;overflow:inherit;scroll-behavior:inherit;scrollbar-width:inherit;justify-content:space-between;width:100%}::slotted(*){flex:1}::slotted([active]){z-index:1} +`;/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */let ti=class extends nr{};ti.styles=[Ah],ti=l([H("md-tabs")],ti);/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */class Rs extends st{constructor(){super(...arguments),this.inlineIcon=!1}getContentClasses(){return{...super.getContentClasses(),stacked:!this.inlineIcon}}}l([p({type:Boolean,attribute:"inline-icon"})],Rs.prototype,"inlineIcon",void 0);/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const Rh=L`:host{--_active-indicator-color: var(--md-primary-tab-active-indicator-color, var(--md-sys-color-primary, #6750a4));--_active-indicator-height: var(--md-primary-tab-active-indicator-height, 3px);--_active-indicator-shape: var(--md-primary-tab-active-indicator-shape, 3px 3px 0px 0px);--_active-hover-state-layer-color: var(--md-primary-tab-active-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--_active-hover-state-layer-opacity: var(--md-primary-tab-active-hover-state-layer-opacity, 0.08);--_active-pressed-state-layer-color: var(--md-primary-tab-active-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--_active-pressed-state-layer-opacity: var(--md-primary-tab-active-pressed-state-layer-opacity, 0.12);--_container-color: var(--md-primary-tab-container-color, var(--md-sys-color-surface, #fef7ff));--_container-elevation: var(--md-primary-tab-container-elevation, 0);--_container-height: var(--md-primary-tab-container-height, 48px);--_with-icon-and-label-text-container-height: var(--md-primary-tab-with-icon-and-label-text-container-height, 64px);--_hover-state-layer-color: var(--md-primary-tab-hover-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--_hover-state-layer-opacity: var(--md-primary-tab-hover-state-layer-opacity, 0.08);--_pressed-state-layer-color: var(--md-primary-tab-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--_pressed-state-layer-opacity: var(--md-primary-tab-pressed-state-layer-opacity, 0.12);--_active-focus-icon-color: var(--md-primary-tab-active-focus-icon-color, var(--md-sys-color-primary, #6750a4));--_active-hover-icon-color: var(--md-primary-tab-active-hover-icon-color, var(--md-sys-color-primary, #6750a4));--_active-icon-color: var(--md-primary-tab-active-icon-color, var(--md-sys-color-primary, #6750a4));--_active-pressed-icon-color: var(--md-primary-tab-active-pressed-icon-color, var(--md-sys-color-primary, #6750a4));--_icon-size: var(--md-primary-tab-icon-size, 24px);--_focus-icon-color: var(--md-primary-tab-focus-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_hover-icon-color: var(--md-primary-tab-hover-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_icon-color: var(--md-primary-tab-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_pressed-icon-color: var(--md-primary-tab-pressed-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_label-text-font: var(--md-primary-tab-label-text-font, var(--md-sys-typescale-title-small-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-primary-tab-label-text-line-height, var(--md-sys-typescale-title-small-line-height, 1.25rem));--_label-text-size: var(--md-primary-tab-label-text-size, var(--md-sys-typescale-title-small-size, 0.875rem));--_label-text-weight: var(--md-primary-tab-label-text-weight, var(--md-sys-typescale-title-small-weight, var(--md-ref-typeface-weight-medium, 500)));--_active-focus-label-text-color: var(--md-primary-tab-active-focus-label-text-color, var(--md-sys-color-primary, #6750a4));--_active-hover-label-text-color: var(--md-primary-tab-active-hover-label-text-color, var(--md-sys-color-primary, #6750a4));--_active-label-text-color: var(--md-primary-tab-active-label-text-color, var(--md-sys-color-primary, #6750a4));--_active-pressed-label-text-color: var(--md-primary-tab-active-pressed-label-text-color, var(--md-sys-color-primary, #6750a4));--_focus-label-text-color: var(--md-primary-tab-focus-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_hover-label-text-color: var(--md-primary-tab-hover-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_label-text-color: var(--md-primary-tab-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_pressed-label-text-color: var(--md-primary-tab-pressed-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_container-shape-start-start: var(--md-primary-tab-container-shape-start-start, var(--md-primary-tab-container-shape, var(--md-sys-shape-corner-none, 0px)));--_container-shape-start-end: var(--md-primary-tab-container-shape-start-end, var(--md-primary-tab-container-shape, var(--md-sys-shape-corner-none, 0px)));--_container-shape-end-end: var(--md-primary-tab-container-shape-end-end, var(--md-primary-tab-container-shape, var(--md-sys-shape-corner-none, 0px)));--_container-shape-end-start: var(--md-primary-tab-container-shape-end-start, var(--md-primary-tab-container-shape, var(--md-sys-shape-corner-none, 0px)))}.content.stacked{flex-direction:column;gap:2px}.content.stacked.has-icon.has-label{height:var(--_with-icon-and-label-text-container-height)} +`;/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const Is=L`:host{display:inline-flex;align-items:center;justify-content:center;outline:none;padding:0 16px;position:relative;-webkit-tap-highlight-color:rgba(0,0,0,0);vertical-align:middle;user-select:none;font-family:var(--_label-text-font);font-size:var(--_label-text-size);line-height:var(--_label-text-line-height);font-weight:var(--_label-text-weight);color:var(--_label-text-color);z-index:0;--md-ripple-hover-color: var(--_hover-state-layer-color);--md-ripple-hover-opacity: var(--_hover-state-layer-opacity);--md-ripple-pressed-color: var(--_pressed-state-layer-color);--md-ripple-pressed-opacity: var(--_pressed-state-layer-opacity);--md-elevation-level: var(--_container-elevation)}md-focus-ring{--md-focus-ring-shape: 8px}:host([active]) md-focus-ring{margin-bottom:calc(var(--_active-indicator-height) + 1px)}.button::before{background:var(--_container-color);content:"";inset:0;position:absolute;z-index:-1}.button::before,md-ripple,md-elevation{border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-end-radius:var(--_container-shape-end-end);border-end-start-radius:var(--_container-shape-end-start)}.content{position:relative;box-sizing:border-box;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;height:var(--_container-height);gap:8px}.indicator{position:absolute;box-sizing:border-box;z-index:-1;transform-origin:bottom left;background:var(--_active-indicator-color);border-radius:var(--_active-indicator-shape);height:var(--_active-indicator-height);inset:auto 0 0 0;opacity:0}::slotted([slot=icon]){display:inline-flex;position:relative;writing-mode:horizontal-tb;fill:currentColor;color:var(--_icon-color);font-size:var(--_icon-size);width:var(--_icon-size);height:var(--_icon-size)}:host(:hover){color:var(--_hover-label-text-color);cursor:pointer}:host(:hover) ::slotted([slot=icon]){color:var(--_hover-icon-color)}:host(:focus){color:var(--_focus-label-text-color)}:host(:focus) ::slotted([slot=icon]){color:var(--_focus-icon-color)}:host(:active){color:var(--_pressed-label-text-color)}:host(:active) ::slotted([slot=icon]){color:var(--_pressed-icon-color)}:host([active]) .indicator{opacity:1}:host([active]){color:var(--_active-label-text-color);--md-ripple-hover-color: var(--_active-hover-state-layer-color);--md-ripple-hover-opacity: var(--_active-hover-state-layer-opacity);--md-ripple-pressed-color: var(--_active-pressed-state-layer-color);--md-ripple-pressed-opacity: var(--_active-pressed-state-layer-opacity)}:host([active]) ::slotted([slot=icon]){color:var(--_active-icon-color)}:host([active]:hover){color:var(--_active-hover-label-text-color)}:host([active]:hover) ::slotted([slot=icon]){color:var(--_active-hover-icon-color)}:host([active]:focus){color:var(--_active-focus-label-text-color)}:host([active]:focus) ::slotted([slot=icon]){color:var(--_active-focus-icon-color)}:host([active]:active){color:var(--_active-pressed-label-text-color)}:host([active]:active) ::slotted([slot=icon]){color:var(--_active-pressed-icon-color)}:host,::slotted(*){white-space:nowrap}@media(forced-colors: active){.indicator{background:CanvasText}} +`;/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */let ri=class extends Rs{};ri.styles=[Is,Rh],ri=l([H("md-primary-tab")],ri);/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */class Ih extends st{constructor(){super(...arguments),this.fullWidthIndicator=!0}}/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const Oh=L`:host{--_active-indicator-color: var(--md-secondary-tab-active-indicator-color, var(--md-sys-color-primary, #6750a4));--_active-indicator-height: var(--md-secondary-tab-active-indicator-height, 2px);--_active-label-text-color: var(--md-secondary-tab-active-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_container-color: var(--md-secondary-tab-container-color, var(--md-sys-color-surface, #fef7ff));--_container-elevation: var(--md-secondary-tab-container-elevation, 0);--_container-height: var(--md-secondary-tab-container-height, 48px);--_focus-label-text-color: var(--md-secondary-tab-focus-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_hover-label-text-color: var(--md-secondary-tab-hover-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_hover-state-layer-color: var(--md-secondary-tab-hover-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--_hover-state-layer-opacity: var(--md-secondary-tab-hover-state-layer-opacity, 0.08);--_label-text-font: var(--md-secondary-tab-label-text-font, var(--md-sys-typescale-title-small-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-secondary-tab-label-text-line-height, var(--md-sys-typescale-title-small-line-height, 1.25rem));--_label-text-size: var(--md-secondary-tab-label-text-size, var(--md-sys-typescale-title-small-size, 0.875rem));--_label-text-weight: var(--md-secondary-tab-label-text-weight, var(--md-sys-typescale-title-small-weight, var(--md-ref-typeface-weight-medium, 500)));--_pressed-label-text-color: var(--md-secondary-tab-pressed-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_pressed-state-layer-color: var(--md-secondary-tab-pressed-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--_pressed-state-layer-opacity: var(--md-secondary-tab-pressed-state-layer-opacity, 0.12);--_active-focus-icon-color: var(--md-secondary-tab-active-focus-icon-color, );--_active-focus-label-text-color: var(--md-secondary-tab-active-focus-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_active-hover-icon-color: var(--md-secondary-tab-active-hover-icon-color, );--_active-hover-label-text-color: var(--md-secondary-tab-active-hover-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_active-hover-state-layer-color: var(--md-secondary-tab-active-hover-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--_active-hover-state-layer-opacity: var(--md-secondary-tab-active-hover-state-layer-opacity, 0.08);--_active-icon-color: var(--md-secondary-tab-active-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_active-indicator-shape: var(--md-secondary-tab-active-indicator-shape, 0);--_active-pressed-icon-color: var(--md-secondary-tab-active-pressed-icon-color, );--_active-pressed-label-text-color: var(--md-secondary-tab-active-pressed-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_active-pressed-state-layer-color: var(--md-secondary-tab-active-pressed-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--_active-pressed-state-layer-opacity: var(--md-secondary-tab-active-pressed-state-layer-opacity, 0.12);--_label-text-color: var(--md-secondary-tab-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_focus-icon-color: var(--md-secondary-tab-focus-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_hover-icon-color: var(--md-secondary-tab-hover-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_icon-size: var(--md-secondary-tab-icon-size, 24px);--_icon-color: var(--md-secondary-tab-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_pressed-icon-color: var(--md-secondary-tab-pressed-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_container-shape-start-start: var(--md-secondary-tab-container-shape-start-start, var(--md-secondary-tab-container-shape, var(--md-sys-shape-corner-none, 0px)));--_container-shape-start-end: var(--md-secondary-tab-container-shape-start-end, var(--md-secondary-tab-container-shape, var(--md-sys-shape-corner-none, 0px)));--_container-shape-end-end: var(--md-secondary-tab-container-shape-end-end, var(--md-secondary-tab-container-shape, var(--md-sys-shape-corner-none, 0px)));--_container-shape-end-start: var(--md-secondary-tab-container-shape-end-start, var(--md-secondary-tab-container-shape, var(--md-sys-shape-corner-none, 0px)))} +`;/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */let oi=class extends Ih{};oi.styles=[Is,Oh],oi=l([H("md-secondary-tab")],oi);const zh=Q({react:Z,tagName:"md-tabs",elementClass:ti}),Ph=Q({react:Z,tagName:"md-primary-tab",elementClass:ri}),Lh=Q({react:Z,tagName:"md-secondary-tab",elementClass:oi}),Fh=r=>{const{children:e,className:t,style:o,id:i,activeTabIndex:a,onChange:s,...d}=r;return V.jsx(zh,{className:t,style:o,id:i,activeTabIndex:a,onChange:s,...d,children:e})},Mh=r=>{const{children:e,className:t,style:o,id:i,selected:a,variant:s="primary",onClick:d,...h}=r,y=s==="primary"?Ph:Lh;return V.jsx(y,{className:t,style:o,id:i,selected:a,onClick:d,...h,children:e})};/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const Dh=Ze(W);class sr extends Dh{constructor(){super(...arguments),this.value=0,this.max=1,this.indeterminate=!1,this.fourColor=!1}render(){const{ariaLabel:e}=this;return _` +
    ${this.renderIndicator()}
    + `}getRenderClasses(){return{indeterminate:this.indeterminate,"four-color":this.fourColor}}}l([p({type:Number})],sr.prototype,"value",void 0),l([p({type:Number})],sr.prototype,"max",void 0),l([p({type:Boolean})],sr.prototype,"indeterminate",void 0),l([p({type:Boolean,attribute:"four-color"})],sr.prototype,"fourColor",void 0);/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */let Nh=class extends sr{renderIndicator(){return this.indeterminate?this.renderIndeterminateContainer():this.renderDeterminateContainer()}renderDeterminateContainer(){const e=(1-this.value/this.max)*100;return _` + + + + + `}renderIndeterminateContainer(){return _` `}};/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const Bh=L`:host{--_active-indicator-color: var(--md-circular-progress-active-indicator-color, var(--md-sys-color-primary, #6750a4));--_active-indicator-width: var(--md-circular-progress-active-indicator-width, 10);--_four-color-active-indicator-four-color: var(--md-circular-progress-four-color-active-indicator-four-color, var(--md-sys-color-tertiary-container, #ffd8e4));--_four-color-active-indicator-one-color: var(--md-circular-progress-four-color-active-indicator-one-color, var(--md-sys-color-primary, #6750a4));--_four-color-active-indicator-three-color: var(--md-circular-progress-four-color-active-indicator-three-color, var(--md-sys-color-tertiary, #7d5260));--_four-color-active-indicator-two-color: var(--md-circular-progress-four-color-active-indicator-two-color, var(--md-sys-color-primary-container, #eaddff));--_size: var(--md-circular-progress-size, 48px);display:inline-flex;vertical-align:middle;width:var(--_size);height:var(--_size);position:relative;align-items:center;justify-content:center;contain:strict;content-visibility:auto}.progress{flex:1;align-self:stretch;margin:4px}.progress,.spinner,.left,.right,.circle,svg,.track,.active-track{position:absolute;inset:0}svg{transform:rotate(-90deg)}circle{cx:50%;cy:50%;r:calc(50%*(1 - var(--_active-indicator-width)/100));stroke-width:calc(var(--_active-indicator-width)*1%);stroke-dasharray:100;fill:rgba(0,0,0,0)}.active-track{transition:stroke-dashoffset 500ms cubic-bezier(0, 0, 0.2, 1);stroke:var(--_active-indicator-color)}.track{stroke:rgba(0,0,0,0)}.progress.indeterminate{animation:linear infinite linear-rotate;animation-duration:1568.2352941176ms}.spinner{animation:infinite both rotate-arc;animation-duration:5332ms;animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.left{overflow:hidden;inset:0 50% 0 0}.right{overflow:hidden;inset:0 0 0 50%}.circle{box-sizing:border-box;border-radius:50%;border:solid calc(var(--_active-indicator-width)/100*(var(--_size) - 8px));border-color:var(--_active-indicator-color) var(--_active-indicator-color) rgba(0,0,0,0) rgba(0,0,0,0);animation:expand-arc;animation-iteration-count:infinite;animation-fill-mode:both;animation-duration:1333ms,5332ms;animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.four-color .circle{animation-name:expand-arc,four-color}.left .circle{rotate:135deg;inset:0 -100% 0 0}.right .circle{rotate:100deg;inset:0 0 0 -100%;animation-delay:-666.5ms,0ms}@media(forced-colors: active){.active-track{stroke:CanvasText}.circle{border-color:CanvasText CanvasText Canvas Canvas}}@keyframes expand-arc{0%{transform:rotate(265deg)}50%{transform:rotate(130deg)}100%{transform:rotate(265deg)}}@keyframes rotate-arc{12.5%{transform:rotate(135deg)}25%{transform:rotate(270deg)}37.5%{transform:rotate(405deg)}50%{transform:rotate(540deg)}62.5%{transform:rotate(675deg)}75%{transform:rotate(810deg)}87.5%{transform:rotate(945deg)}100%{transform:rotate(1080deg)}}@keyframes linear-rotate{to{transform:rotate(360deg)}}@keyframes four-color{0%{border-top-color:var(--_four-color-active-indicator-one-color);border-right-color:var(--_four-color-active-indicator-one-color)}15%{border-top-color:var(--_four-color-active-indicator-one-color);border-right-color:var(--_four-color-active-indicator-one-color)}25%{border-top-color:var(--_four-color-active-indicator-two-color);border-right-color:var(--_four-color-active-indicator-two-color)}40%{border-top-color:var(--_four-color-active-indicator-two-color);border-right-color:var(--_four-color-active-indicator-two-color)}50%{border-top-color:var(--_four-color-active-indicator-three-color);border-right-color:var(--_four-color-active-indicator-three-color)}65%{border-top-color:var(--_four-color-active-indicator-three-color);border-right-color:var(--_four-color-active-indicator-three-color)}75%{border-top-color:var(--_four-color-active-indicator-four-color);border-right-color:var(--_four-color-active-indicator-four-color)}90%{border-top-color:var(--_four-color-active-indicator-four-color);border-right-color:var(--_four-color-active-indicator-four-color)}100%{border-top-color:var(--_four-color-active-indicator-one-color);border-right-color:var(--_four-color-active-indicator-one-color)}} +`;/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */let ii=class extends Nh{};ii.styles=[Bh],ii=l([H("md-circular-progress")],ii);/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */class Os extends sr{constructor(){super(...arguments),this.buffer=0}renderIndicator(){const e={transform:`scaleX(${(this.indeterminate?1:this.value/this.max)*100}%)`},t=this.buffer??0,o=t>0,a={transform:`scaleX(${(this.indeterminate||!o?1:t/this.max)*100}%)`},s=this.indeterminate||!o||t>=this.max||this.value>=this.max;return _` +
    +
    +
    +
    +
    +
    +
    +
    + `}}l([p({type:Number})],Os.prototype,"buffer",void 0);/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const jh=L`:host{--_active-indicator-color: var(--md-linear-progress-active-indicator-color, var(--md-sys-color-primary, #6750a4));--_active-indicator-height: var(--md-linear-progress-active-indicator-height, 4px);--_four-color-active-indicator-four-color: var(--md-linear-progress-four-color-active-indicator-four-color, var(--md-sys-color-tertiary-container, #ffd8e4));--_four-color-active-indicator-one-color: var(--md-linear-progress-four-color-active-indicator-one-color, var(--md-sys-color-primary, #6750a4));--_four-color-active-indicator-three-color: var(--md-linear-progress-four-color-active-indicator-three-color, var(--md-sys-color-tertiary, #7d5260));--_four-color-active-indicator-two-color: var(--md-linear-progress-four-color-active-indicator-two-color, var(--md-sys-color-primary-container, #eaddff));--_track-color: var(--md-linear-progress-track-color, var(--md-sys-color-surface-container-highest, #e6e0e9));--_track-height: var(--md-linear-progress-track-height, 4px);--_track-shape: var(--md-linear-progress-track-shape, var(--md-sys-shape-corner-none, 0px));border-radius:var(--_track-shape);display:flex;position:relative;min-width:80px;height:var(--_track-height);content-visibility:auto;contain:strict}.progress,.dots,.inactive-track,.bar,.bar-inner{position:absolute}.progress{direction:ltr;inset:0;border-radius:inherit;overflow:hidden;display:flex;align-items:center}.bar{animation:none;width:100%;height:var(--_active-indicator-height);transform-origin:left center;transition:transform 250ms cubic-bezier(0.4, 0, 0.6, 1)}.secondary-bar{display:none}.bar-inner{inset:0;animation:none;background:var(--_active-indicator-color)}.inactive-track{background:var(--_track-color);inset:0;transition:transform 250ms cubic-bezier(0.4, 0, 0.6, 1);transform-origin:left center}.dots{inset:0;animation:linear infinite 250ms;animation-name:buffering;background-color:var(--_track-color);background-repeat:repeat-x;-webkit-mask-image:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5 2' preserveAspectRatio='xMinYMin slice'%3E%3Ccircle cx='1' cy='1' r='1'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5 2' preserveAspectRatio='xMinYMin slice'%3E%3Ccircle cx='1' cy='1' r='1'/%3E%3C/svg%3E");z-index:-1}.dots[hidden]{display:none}.indeterminate .bar{transition:none}.indeterminate .primary-bar{inset-inline-start:-145.167%}.indeterminate .secondary-bar{inset-inline-start:-54.8889%;display:block}.indeterminate .primary-bar{animation:linear infinite 2s;animation-name:primary-indeterminate-translate}.indeterminate .primary-bar>.bar-inner{animation:linear infinite 2s primary-indeterminate-scale}.indeterminate.four-color .primary-bar>.bar-inner{animation-name:primary-indeterminate-scale,four-color;animation-duration:2s,4s}.indeterminate .secondary-bar{animation:linear infinite 2s;animation-name:secondary-indeterminate-translate}.indeterminate .secondary-bar>.bar-inner{animation:linear infinite 2s secondary-indeterminate-scale}.indeterminate.four-color .secondary-bar>.bar-inner{animation-name:secondary-indeterminate-scale,four-color;animation-duration:2s,4s}:host(:dir(rtl)){transform:scale(-1)}@keyframes primary-indeterminate-scale{0%{transform:scaleX(0.08)}36.65%{animation-timing-function:cubic-bezier(0.334731, 0.12482, 0.785844, 1);transform:scaleX(0.08)}69.15%{animation-timing-function:cubic-bezier(0.06, 0.11, 0.6, 1);transform:scaleX(0.661479)}100%{transform:scaleX(0.08)}}@keyframes secondary-indeterminate-scale{0%{animation-timing-function:cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971);transform:scaleX(0.08)}19.15%{animation-timing-function:cubic-bezier(0.152313, 0.196432, 0.648374, 1.00432);transform:scaleX(0.457104)}44.15%{animation-timing-function:cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179);transform:scaleX(0.72796)}100%{transform:scaleX(0.08)}}@keyframes buffering{0%{transform:translateX(calc(var(--_track-height) / 2 * 5))}}@keyframes primary-indeterminate-translate{0%{transform:translateX(0px)}20%{animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);transform:translateX(0px)}59.15%{animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);transform:translateX(83.6714%)}100%{transform:translateX(200.611%)}}@keyframes secondary-indeterminate-translate{0%{animation-timing-function:cubic-bezier(0.15, 0, 0.515058, 0.409685);transform:translateX(0px)}25%{animation-timing-function:cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);transform:translateX(37.6519%)}48.35%{animation-timing-function:cubic-bezier(0.4, 0.627035, 0.6, 0.902026);transform:translateX(84.3862%)}100%{transform:translateX(160.278%)}}@keyframes four-color{0%{background:var(--_four-color-active-indicator-one-color)}15%{background:var(--_four-color-active-indicator-one-color)}25%{background:var(--_four-color-active-indicator-two-color)}40%{background:var(--_four-color-active-indicator-two-color)}50%{background:var(--_four-color-active-indicator-three-color)}65%{background:var(--_four-color-active-indicator-three-color)}75%{background:var(--_four-color-active-indicator-four-color)}90%{background:var(--_four-color-active-indicator-four-color)}100%{background:var(--_four-color-active-indicator-one-color)}}@media(forced-colors: active){:host{outline:1px solid CanvasText}.bar-inner,.dots{background-color:CanvasText}} +`;/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */let ai=class extends Os{};ai.styles=[jh],ai=l([H("md-linear-progress")],ai);const Uh=Q({react:Z,tagName:"md-circular-progress",elementClass:ii});Q({react:Z,tagName:"md-linear-progress",elementClass:ai});const Vh=r=>{const{value:e,max:t,fourColor:o,className:i,style:a,id:s,color:d,size:h,...y}=r;return V.jsx(Uh,{indeterminate:e===void 0,value:e,max:t,fourColor:o,className:i,style:{...a,"--md-circular-progress-color":d||"var(--md-sys-color-primary)","--md-circular-progress-size":h||"48px"},id:s,...y})};/** + * @license + * Copyright 2022 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const Hh=Ze(W);class tt extends Hh{constructor(){super(...arguments),this.disabled=!1,this.type="menuitem",this.href="",this.target="",this.keepOpen=!1,this.selected=!1,this.menuItemController=new Gn(this,{getHeadlineElements:()=>this.headlineElements,getSupportingTextElements:()=>this.supportingTextElements,getDefaultElements:()=>this.defaultElements,getInteractiveElement:()=>this.listItemRoot})}get typeaheadText(){return this.menuItemController.typeaheadText}set typeaheadText(e){this.menuItemController.setTypeaheadText(e)}render(){return this.renderListItem(_` + +
    + ${this.renderRipple()} ${this.renderFocusRing()} +
    + + + ${this.renderBody()} +     + `)}renderListItem(e){const t=this.type==="link";let o;switch(this.menuItemController.tagName){case"a":o=Xe`a`;break;case"button":o=Xe`button`;break;default:case"li":o=Xe`li`;break}const i=t&&this.target?this.target:x;return Tr` + <${o} + id="item" + tabindex=${this.disabled&&!t?-1:0} + role=${this.menuItemController.role} + aria-label=${this.ariaLabel||x} + aria-selected=${this.ariaSelected||x} + aria-checked=${this.ariaChecked||x} + aria-expanded=${this.ariaExpanded||x} + aria-haspopup=${this.ariaHasPopup||x} + class="list-item ${be(this.getRenderClasses())}" + href=${this.href||x} + target=${i} + @click=${this.menuItemController.onClick} + @keydown=${this.menuItemController.onKeydown} + >${e} + `}renderRipple(){return _` `}renderFocusRing(){return _` `}getRenderClasses(){return{disabled:this.disabled,selected:this.selected}}renderBody(){return _` + + + + + + `}focus(){var e;(e=this.listItemRoot)==null||e.focus()}}tt.shadowRootOptions={...W.shadowRootOptions,delegatesFocus:!0},l([p({type:Boolean,reflect:!0})],tt.prototype,"disabled",void 0),l([p()],tt.prototype,"type",void 0),l([p()],tt.prototype,"href",void 0),l([p()],tt.prototype,"target",void 0),l([p({type:Boolean,attribute:"keep-open"})],tt.prototype,"keepOpen",void 0),l([p({type:Boolean})],tt.prototype,"selected",void 0),l([Y(".list-item")],tt.prototype,"listItemRoot",void 0),l([He({slot:"headline"})],tt.prototype,"headlineElements",void 0),l([He({slot:"supporting-text"})],tt.prototype,"supportingTextElements",void 0),l([Pi({slot:""})],tt.prototype,"defaultElements",void 0),l([p({attribute:"typeahead-text"})],tt.prototype,"typeaheadText",null);/** + * @license + * Copyright 2022 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */let ni=class extends tt{};ni.styles=[Yn],ni=l([H("md-menu-item")],ni);/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */class At extends W{get item(){return this.items[0]??null}get menu(){return this.menus[0]??null}constructor(){super(),this.anchorCorner=wo.START_END,this.menuCorner=wo.START_START,this.hoverOpenDelay=400,this.hoverCloseDelay=400,this.isSubMenu=!0,this.previousOpenTimeout=0,this.previousCloseTimeout=0,this.onMouseenter=()=>{var e;clearTimeout(this.previousOpenTimeout),clearTimeout(this.previousCloseTimeout),!((e=this.menu)!=null&&e.open)&&(this.hoverOpenDelay?this.previousOpenTimeout=setTimeout(()=>{this.show()},this.hoverOpenDelay):this.show())},this.onMouseleave=()=>{clearTimeout(this.previousCloseTimeout),clearTimeout(this.previousOpenTimeout),this.hoverCloseDelay?this.previousCloseTimeout=setTimeout(()=>{this.close()},this.hoverCloseDelay):this.close()},this.addEventListener("mouseenter",this.onMouseenter),this.addEventListener("mouseleave",this.onMouseleave)}render(){return _` + + + + + `}firstUpdated(){this.onSlotchange()}async show(){const e=this.menu;if(!e||e.open)return;e.addEventListener("closed",()=>{this.item.ariaExpanded="false",this.dispatchEvent(aa()),this.dispatchEvent(_o()),e.ariaHidden="true"},{once:!0}),e.positioning==="document"&&(e.positioning="absolute"),e.quick=!0,e.hasOverflow=!0,e.anchorCorner=this.anchorCorner,e.menuCorner=this.menuCorner,e.anchorElement=this.item,e.defaultFocus="first-item",e.removeAttribute("aria-hidden"),e.skipRestoreFocus=!1;const t=e.open;if(e.show(),this.item.ariaExpanded="true",this.item.ariaHasPopup="menu",e.id&&this.item.setAttribute("aria-controls",e.id),this.dispatchEvent(_o()),this.dispatchEvent(Jd()),this.item.selected=!0,!t){let o=a=>{};const i=new Promise(a=>{o=a});e.addEventListener("opened",o,{once:!0}),await i}}async close(){const e=this.menu;if(!e||!e.open)return;this.dispatchEvent(aa()),e.quick=!0,e.close(),this.dispatchEvent(_o());let t=i=>{};const o=new Promise(i=>{t=i});e.addEventListener("closed",t,{once:!0}),await o}onSlotchange(){var t;if(!this.item)return;this.item.ariaExpanded="false",this.item.ariaHasPopup="menu",(t=this.menu)!=null&&t.id&&this.item.setAttribute("aria-controls",this.menu.id),this.item.keepOpen=!0;const e=this.menu;e&&(e.isSubmenu=!0,e.ariaHidden="true")}onClick(){this.show()}async onKeydown(e){const t=this.isSubmenuOpenKey(e.code);if(e.defaultPrevented)return;const o=t&&($t.LEFT===e.code||$t.RIGHT===e.code);if((e.code===tr.SPACE||o)&&(e.preventDefault(),o&&e.stopPropagation()),!t)return;const i=this.menu;if(!i)return;const a=i.items,s=xo(a);if(s){await this.show(),s.tabIndex=0,s.focus();return}}onCloseSubmenu(e){const{itemPath:t,reason:o}=e.detail;if(t.push(this.item),this.dispatchEvent(aa()),o.kind===na.KEYDOWN&&o.key===sa.ESCAPE){e.stopPropagation(),this.item.dispatchEvent(Bn());return}this.dispatchEvent(_o())}async onSubMenuKeydown(e){var i;if(e.defaultPrevented)return;const{close:t,keyCode:o}=this.isSubmenuCloseKey(e.code);t&&(e.preventDefault(),(o===$t.LEFT||o===$t.RIGHT)&&e.stopPropagation(),await this.close(),Yd(this.menu.items),(i=this.item)==null||i.focus(),this.item.tabIndex=0,this.item.focus())}isSubmenuOpenKey(e){const o=getComputedStyle(this).direction==="rtl"?$t.LEFT:$t.RIGHT;switch(e){case o:case tr.SPACE:case tr.ENTER:return!0;default:return!1}}isSubmenuCloseKey(e){const o=getComputedStyle(this).direction==="rtl"?$t.RIGHT:$t.LEFT;switch(e){case o:case sa.ESCAPE:return{close:!0,keyCode:e};default:return{close:!1}}}}l([p({attribute:"anchor-corner"})],At.prototype,"anchorCorner",void 0),l([p({attribute:"menu-corner"})],At.prototype,"menuCorner",void 0),l([p({type:Number,attribute:"hover-open-delay"})],At.prototype,"hoverOpenDelay",void 0),l([p({type:Number,attribute:"hover-close-delay"})],At.prototype,"hoverCloseDelay",void 0),l([p({type:Boolean,reflect:!0,attribute:"md-sub-menu"})],At.prototype,"isSubMenu",void 0),l([He({slot:"item",flatten:!0})],At.prototype,"items",void 0),l([He({slot:"menu",flatten:!0})],At.prototype,"menus",void 0);/** + * @license + * Copyright 2024 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */const qh=L`:host{position:relative;display:flex;flex-direction:column} +`;/** + * @license + * Copyright 2023 Google LLC + * SPDX-License-Identifier: Apache-2.0 + */let si=class extends At{};si.styles=[qh],si=l([H("md-sub-menu")],si);const Wh=Q({react:Z,tagName:"md-menu",elementClass:ko});Q({react:Z,tagName:"md-menu-item",elementClass:ni,events:{"close-menu":"onCloseMenu"}}),Q({react:Z,tagName:"md-sub-menu",elementClass:si});const Kh=r=>V.jsx(Wh,{...r}),Yh=({children:r,style:e,...t})=>(console.log(t,e),V.jsx(_a,{...t,style:{borderRadius:"28px",backgroundColor:"var(--md-sys-color-surface)",color:"var(--md-sys-color-on-surface)",padding:"18px",display:"flex",...e},children:r})),Gh=Q({tagName:"label",react:Z,elementClass:HTMLLabelElement}),Xh=r=>{const{form:e,...t}=r;return V.jsx(Gh,{...t,style:{display:"flex",alignItems:"center",gap:"8px",...r.style,fontFamily:"var(--md-ref-typeface-plain)"}})},Zh=r=>{const{className:e,id:t,children:o,style:i,...a}=r;return V.jsx(_a,{className:e,id:t,style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"8px 16px",backgroundColor:"transparent",...i},...a,children:o})};le.AppBar=Zh,le.AssistChip=fh,le.Box=_a,le.BrandedFAB=Eh,le.Button=Fd,le.Checkbox=Bd,le.ChipSet=hh,le.CircularProgress=Vh,le.Dialog=Bc,le.FAB=kh,le.FilterChip=mh,le.FormLabel=Xh,le.IconButton=ih,le.InputChip=yh,le.List=Wc,le.Menu=Kh,le.Paper=Yh,le.Radio=Kd,le.Select=xc,le.Slider=Oc,le.Switch=$c,le.Tab=Mh,le.Tabs=Fh,le.TextField=id,le.Typography=Yu,Object.defineProperty(le,Symbol.toStringTag,{value:"Module"})}); diff --git a/dist/style.css b/dist/style.css new file mode 100644 index 0000000..a9b2884 --- /dev/null +++ b/dist/style.css @@ -0,0 +1 @@ +@font-face{font-family:Roboto Flex;src:url(fonts/roboto.ttf) format("truetype")} diff --git a/tsconfig-build.json b/tsconfig-build.json new file mode 100644 index 0000000..10acfbc --- /dev/null +++ b/tsconfig-build.json @@ -0,0 +1,4 @@ +{ + "extends": "./tsconfig.json", + "include": [] +} \ No newline at end of file diff --git a/vite.config.js b/vite.config.js index b91a0e9..003500e 100644 --- a/vite.config.js +++ b/vite.config.js @@ -3,15 +3,10 @@ import react from '@vitejs/plugin-react'; import { NodeGlobalsPolyfillPlugin } from '@esbuild-plugins/node-globals-polyfill'; import inject from '@rollup/plugin-inject'; import buildConfig from './build.config'; - +import { resolve } from 'path'; export default defineConfig({ - appType: 'spa', publicDir: false, base: buildConfig.base, - server: { - port: 8082, - host: '127.0.0.1', - }, plugins: [ react() ], @@ -30,16 +25,15 @@ export default defineConfig({ }, }, build: { - outDir: 'dist', - sourcemap: true, - copyPublicDir: false, rollupOptions: { plugins: [inject({ Buffer: ['buffer', 'Buffer'] })], + }, lib: { - entry: './src/index.ts', + entry: resolve(__dirname, 'src/index.ts'), name: 'react-you-ui', fileName: (format) => `react-you-ui.${format}.js`, + formats: ['es', 'umd'], }, }, }); \ No newline at end of file