OfficialDakari
/
ReactMaterial3
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
ReactMaterial3/dist/react-you-ui.es.js

12272 lines
652 KiB
JavaScript
Raw Blame History

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 <Context.Consumer.Provider> is not supported and will be removed in a future major release. Did you mean to render <Context.Provider> 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 <Context.Consumer.Consumer> is not supported and will be removed in a future major release. Did you mean to render <Context.Consumer> 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("<anonymous>") && (be = be.replace("<anonymous>", 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("<anonymous>") && (Ge = Ge.replace("<anonymous>", 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 ? "<svg>" : e === 3 ? "<math>" : "", 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("</" + v[2], "g")), s = Ut) : v[3] !== void 0 && (s = Ut) : s === Ut ? v[0] === ">" ? (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 ? "</svg>" : e === 3 ? "</math>" : "")), 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 _`
<div class="field ${ye(i)}">
<div class="container-overflow">
${(s = this.renderBackground) == null ? void 0 : s.call(this)}
<slot name="container"></slot>
${(d = this.renderStateLayer) == null ? void 0 : d.call(this)} ${(h = this.renderIndicator) == null ? void 0 : h.call(this)} ${o}
<div class="container">
<div class="start">
<slot name="start"></slot>
</div>
<div class="middle">
<div class="label-wrapper">
${t} ${o ? x : e}
</div>
<div class="content">
<slot></slot>
</div>
</div>
<div class="end">
<slot name="end"></slot>
</div>
</div>
</div>
${this.renderSupportingText()}
</div>
`;
}
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 = _`<span>${e}</span>`, i = t ? _`<span class="counter">${t}</span>` : x, s = this.error && this.errorText && !this.refreshErrorAlert ? "alert" : x;
return _`
<div class="supporting-text" role=${s}>${o}${i}</div>
<slot
name="aria-describedby"
@slotchange=${this.updateSlottedAriaDescribedBy}></slot>
`;
}
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 _`
<span class="label ${ye(o)}" aria-hidden=${!t}
>${i}</span
>
`;
}
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 _` <div class="background"></div> `;
}
renderStateLayer() {
return _` <div class="state-layer"></div> `;
}
renderIndicator() {
return _`<div class="active-indicator"></div>`;
}
}
/**
* @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 _`
<span class="text-field ${ye(e)}">
${this.renderField()}
</span>
`;
}
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()}
<div id="description" slot="aria-describedby"></div>
<slot name="container" slot="container"></slot>
</${this.fieldTag}>`;
}
renderLeadingIcon() {
return _`
<span class="icon leading" slot="start">
<slot name="leading-icon" @slotchange=${this.handleIconChange}></slot>
</span>
`;
}
renderTrailingIcon() {
return _`
<span class="icon trailing" slot="end">
<slot name="trailing-icon" @slotchange=${this.handleIconChange}></slot>
</span>
`;
}
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 _`
<textarea
class="input"
style=${qt(e)}
aria-describedby="description"
aria-invalid=${this.hasError}
aria-label=${t}
autocomplete=${o || x}
name=${this.name || x}
?disabled=${this.disabled}
maxlength=${i ? this.maxLength : x}
minlength=${a ? this.minLength : x}
placeholder=${this.placeholder || x}
?readonly=${this.readOnly}
?required=${this.required}
rows=${this.rows}
cols=${this.cols}
.value=${zn(this.value)}
@change=${this.redispatchEvent}
@focus=${this.handleFocusChange}
@blur=${this.handleFocusChange}
@input=${this.handleInput}
@select=${this.redispatchEvent}></textarea>
`;
const s = this.renderPrefix(), d = this.renderSuffix(), h = this.inputMode;
return _`
<div class="input-wrapper">
${s}
<input
class="input"
style=${qt(e)}
aria-describedby="description"
aria-invalid=${this.hasError}
aria-label=${t}
autocomplete=${o || x}
name=${this.name || x}
?disabled=${this.disabled}
inputmode=${h || x}
max=${this.max || x}
maxlength=${i ? this.maxLength : x}
min=${this.min || x}
minlength=${a ? this.minLength : x}
pattern=${this.pattern || x}
placeholder=${this.placeholder || x}
?readonly=${this.readOnly}
?required=${this.required}
?multiple=${this.multiple}
step=${this.step || x}
type=${this.type}
.value=${zn(this.value)}
@change=${this.redispatchEvent}
@focus=${this.handleFocusChange}
@blur=${this.handleFocusChange}
@input=${this.handleInput}
@select=${this.redispatchEvent} />
${d}
</div>
`;
}
renderPrefix() {
return this.renderAffix(
this.prefixText,
/* isSuffix */
!1
);
}
renderSuffix() {
return this.renderAffix(
this.suffixText,
/* isSuffix */
!0
);
}
renderAffix(e, t) {
return e ? _`<span class="${ye({
suffix: t,
prefix: !t
})}">${e}</span>` : 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 _`
<div class="outline">
<div class="outline-start"></div>
<div class="outline-notch">
<div class="outline-panel-inactive"></div>
<div class="outline-panel-active"></div>
<div class="outline-label">${e}</div>
</div>
<div class="outline-end"></div>
</div>
`;
}
}
/**
* @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 _`<span class="shadow"></span>`;
}
}
/**
* @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 _`<div class="surface ${ye(e)}"></div>`;
}
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)}
<div class="background"></div>
<md-focus-ring part="focus-ring" for=${o}></md-focus-ring>
<md-ripple
part="ripple"
for=${o}
?disabled="${e}"></md-ripple>
${t}
`;
}
renderButton() {
const { ariaLabel: e, ariaHasPopup: t, ariaExpanded: o } = this;
return _`<button
id="button"
class="button"
?disabled=${this.disabled}
aria-disabled=${this.softDisabled || x}
aria-label="${e || x}"
aria-haspopup="${t || x}"
aria-expanded="${o || x}">
${this.renderContent()}
</button>`;
}
renderLink() {
const { ariaLabel: e, ariaHasPopup: t, ariaExpanded: o } = this;
return _`<a
id="link"
class="button"
aria-label="${e || x}"
aria-haspopup="${t || x}"
aria-expanded="${o || x}"
href=${this.href}
target=${this.target || x}
>${this.renderContent()}
</a>`;
}
renderContent() {
const e = _`<slot
name="icon"
@slotchange="${this.handleSlotChange}"></slot>`;
return _`
<span class="touch"></span>
${this.trailingIcon ? x : e}
<span class="label"><slot></slot></span>
${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 _`<md-elevation part="elevation"></md-elevation>`;
}
}
/**
* @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 _`<md-elevation part="elevation"></md-elevation>`;
}
}
/**
* @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 _`<md-elevation part="elevation"></md-elevation>`;
}
}
/**
* @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 _`<div class="outline"></div>`;
}
}
/**
* @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 _`
<div class="container ${s}">
<input
type="checkbox"
id="input"
aria-checked=${a ? "mixed" : x}
aria-label=${d || x}
aria-invalid=${h || x}
?disabled=${this.disabled}
?required=${this.required}
.indeterminate=${this.indeterminate}
.checked=${this.checked}
@input=${this.handleInput}
@change=${this.handleChange} />
<div class="outline"></div>
<div class="background"></div>
<md-focus-ring part="focus-ring" for="input"></md-focus-ring>
<md-ripple for="input" ?disabled=${this.disabled}></md-ripple>
<svg class="icon" viewBox="0 0 18 18" aria-hidden="true">
<rect class="mark short" />
<rect class="mark long" />
</svg>
</div>
`;
}
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 _`
<div class="container ${ye(e)}" aria-hidden="true">
<md-ripple
part="ripple"
.control=${this}
?disabled=${this.disabled}></md-ripple>
<md-focus-ring part="focus-ring" .control=${this}></md-focus-ring>
<svg class="icon" viewBox="0 0 20 20">
<mask id="${this.maskId}">
<rect width="100%" height="100%" fill="white" />
<circle cx="10" cy="10" r="8" fill="black" />
</mask>
<circle
class="outer circle"
cx="10"
cy="10"
r="10"
mask="url(#${this.maskId})" />
<circle class="inner circle" cx="10" cy="10" r="5" />
</svg>
<div class="touch-target"></div>
</div>
`;
}
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 _`
<div
class="menu ${ye(this.getSurfaceClasses())}"
style=${qt(this.menuPositionController.surfaceStyles)}
popover=${this.positioning === "popover" ? "manual" : x}>
${this.renderElevation()}
<div class="items">
<div class="item-padding"> ${this.renderMenuItems()} </div>
</div>
</div>
`;
}
/**
* Renders the menu items' slot
*/
renderMenuItems() {
return _`<slot
@close-menu=${this.onCloseMenu}
@deactivate-items=${this.onDeactivateItems}
@request-activation=${this.onRequestActivation}
@deactivate-typeahead=${this.handleDeactivateTypeahead}
@activate-typeahead=${this.handleActivateTypeahead}
@stay-open-on-focusout=${this.handleStayOpenOnFocusout}
@close-on-focusout=${this.handleCloseOnFocusout}
@slotchange=${this.listController.onSlotchange}></slot>`;
}
/**
* Renders the elevation component.
*/
renderElevation() {
return _`<md-elevation part="elevation"></md-elevation>`;
}
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(_`<option value=${e.value}></option>`, 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 _`
<span
class="select ${ye(this.getRenderClasses())}"
@focusout=${this.handleFocusout}>
${this.renderField()} ${this.renderMenu()}
</span>
`;
}
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()}
<div id="description" slot="aria-describedby"></div>
</${this.fieldTag}>`;
}
renderFieldContent() {
return [
this.renderLeadingIcon(),
this.renderLabel(),
this.renderTrailingIcon()
];
}
renderLeadingIcon() {
return _`
<span class="icon leading" slot="start">
<slot name="leading-icon" @slotchange=${this.handleIconChange}></slot>
</span>
`;
}
renderTrailingIcon() {
return _`
<span class="icon trailing" slot="end">
<slot name="trailing-icon" @slotchange=${this.handleIconChange}>
<svg height="5" viewBox="7 10 10 5" focusable="false">
<polygon
class="down"
stroke="none"
fill-rule="evenodd"
points="7 10 12 15 17 10"></polygon>
<polygon
class="up"
stroke="none"
fill-rule="evenodd"
points="7 15 12 10 17 15"></polygon>
</svg>
</slot>
</span>
`;
}
renderLabel() {
return _`<div id="label">${this.displayText || _`&nbsp;`}</div>`;
}
renderMenu() {
const e = this.label || this.ariaLabel;
return _`<div class="menu-wrapper">
<md-menu
id="listbox"
.defaultFocus=${this.defaultFocus}
role="listbox"
tabindex="-1"
aria-label=${e || x}
stay-open-on-focusout
part="menu"
exportparts="focus-ring: menu-focus-ring"
anchor="field"
style=${qt({
"--__menu-min-width": `${this.selectWidth}px`,
"--__menu-max-width": this.clampMenuWidth ? `${this.selectWidth}px` : void 0
})}
no-navigation-wrap
.open=${this.open}
.quick=${this.quick}
.positioning=${this.menuPositioning}
.typeaheadDelay=${this.typeaheadDelay}
.anchorCorner=${this.menuAlign === "start" ? "end-start" : "end-end"}
.menuCorner=${this.menuAlign === "start" ? "start-start" : "start-end"}
@opening=${this.handleOpening}
@opened=${this.redispatchEvent}
@closing=${this.redispatchEvent}
@closed=${this.handleClosed}
@close-menu=${this.handleCloseMenu}
@request-selection=${this.handleRequestSelection}
@request-deselection=${this.handleRequestDeselection}>
${this.renderMenuContent()}
</md-menu>
</div>`;
}
renderMenuContent() {
return _`<slot></slot>`;
}
/**
* 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 _`
<slot name="container"></slot>
<slot class="non-text" name="start"></slot>
<div class="text">
<slot name="overline" @slotchange=${this.handleTextSlotChange}></slot>
<slot
class="default-slot"
@slotchange=${this.handleTextSlotChange}></slot>
<slot name="headline" @slotchange=${this.handleTextSlotChange}></slot>
<slot
name="supporting-text"
@slotchange=${this.handleTextSlotChange}></slot>
</div>
<slot class="non-text" name="trailing-supporting-text"></slot>
<slot class="non-text" name="end"></slot>
`;
}
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(_`
<md-item>
<div slot="container">
${this.renderRipple()} ${this.renderFocusRing()}
</div>
<slot name="start" slot="start"></slot>
<slot name="end" slot="end"></slot>
${this.renderBody()}
</md-item>
`);
}
/**
* Renders the root list item.
*
* @param content the child content of the list item.
*/
renderListItem(e) {
return _`
<li
id="item"
tabindex=${this.disabled ? -1 : 0}
role=${this.selectOptionController.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())}"
@click=${this.selectOptionController.onClick}
@keydown=${this.selectOptionController.onKeydown}
>${e}</li
>
`;
}
/**
* Handles rendering of the ripple element.
*/
renderRipple() {
return _` <md-ripple
part="ripple"
for="item"
?disabled=${this.disabled}></md-ripple>`;
}
/**
* Handles rendering of the focus ring.
*/
renderFocusRing() {
return _` <md-focus-ring
part="focus-ring"
for="item"
inward></md-focus-ring>`;
}
/**
* Classes applied to the list item root.
*/
getRenderClasses() {
return {
disabled: this.disabled,
selected: this.selected
};
}
/**
* Handles rendering the headline and supporting text.
*/
renderBody() {
return _`
<slot></slot>
<slot name="overline" slot="overline"></slot>
<slot name="headline" slot="headline"></slot>
<slot name="supporting-text" slot="supporting-text"></slot>
<slot
name="trailing-supporting-text"
slot="trailing-supporting-text"></slot>
`;
}
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 _`
<div class="switch ${ye(this.getRenderClasses())}">
<input
id="switch"
class="touch"
type="checkbox"
role="switch"
aria-label=${this.ariaLabel || x}
?checked=${this.selected}
?disabled=${this.disabled}
?required=${this.required}
@input=${this.handleInput}
@change=${this.handleChange} />
<md-focus-ring part="focus-ring" for="switch"></md-focus-ring>
<span class="track"> ${this.renderHandle()} </span>
</div>
`;
}
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()}
<span class="handle-container">
<md-ripple for="switch" ?disabled="${this.disabled}"></md-ripple>
<span class="handle ${ye(e)}">
${this.shouldShowIcons() ? this.renderIcons() : _``}
</span>
</span>
`;
}
renderIcons() {
return _`
<div class="icons">
${this.renderOnIcon()}
${this.showOnlySelectedIcon ? _`` : this.renderOffIcon()}
</div>
`;
}
/**
* https://fonts.google.com/icons?selected=Material%20Symbols%20Outlined%3Acheck%3AFILL%400%3Bwght%40500%3BGRAD%400%3Bopsz%4024
*/
renderOnIcon() {
return _`
<slot class="icon icon--on" name="on-icon">
<svg viewBox="0 0 24 24">
<path
d="M9.55 18.2 3.65 12.3 5.275 10.675 9.55 14.95 18.725 5.775 20.35 7.4Z" />
</svg>
</slot>
`;
}
/**
* https://fonts.google.com/icons?selected=Material%20Symbols%20Outlined%3Aclose%3AFILL%400%3Bwght%40500%3BGRAD%400%3Bopsz%4024
*/
renderOffIcon() {
return _`
<slot class="icon icon--off" name="off-icon">
<svg viewBox="0 0 24 24">
<path
d="M6.4 19.2 4.8 17.6 10.4 12 4.8 6.4 6.4 4.8 12 10.4 17.6 4.8 19.2 6.4 13.6 12 19.2 17.6 17.6 19.2 12 13.6Z" />
</svg>
</slot>
`;
}
renderTouchTarget() {
return _`<span class="touch"></span>`;
}
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 _` <div
class="container ${ye(s)}"
style=${qt(a)}>
${sa(this.range, () => this.renderInput(y))}
${this.renderInput(v)} ${this.renderTrack()}
<div class="handleContainerPadded">
<div class="handleContainerBlock">
<div class="handleContainer ${ye(w)}">
${sa(this.range, () => this.renderHandle(f))}
${this.renderHandle(C)}
</div>
</div>
</div>
</div>`;
}
renderTrack() {
return _`
<div class="track"></div>
${this.ticks ? _`<div class="tickmarks"></div>` : x}
`;
}
renderLabel(e) {
return _`<div class="label" aria-hidden="true">
<span class="labelContent" part="label">${e}</span>
</div>`;
}
renderHandle({ start: e, hover: t, label: o }) {
const i = !this.disabled && e === this.startOnTop, a = !this.disabled && this.handlesOverlapping, s = e ? "start" : "end";
return _`<div
class="handle ${ye({
[s]: !0,
hover: t,
onTop: i,
isOverlapping: a
})}">
<md-focus-ring part="focus-ring" for=${s}></md-focus-ring>
<md-ripple
for=${s}
class=${s}
?disabled=${this.disabled}></md-ripple>
<div class="handleNub">
<md-elevation part="elevation"></md-elevation>
</div>
${sa(this.labeled, () => this.renderLabel(o))}
</div>`;
}
renderInput({ start: e, value: t, ariaLabel: o, ariaValueText: i, ariaMin: a, ariaMax: s }) {
const d = e ? "start" : "end";
return _`<input
type="range"
class="${ye({
start: e,
end: !e
})}"
@focus=${this.handleFocus}
@pointerdown=${this.handleDown}
@pointerup=${this.handleUp}
@pointerenter=${this.handleEnter}
@pointermove=${this.handleMove}
@pointerleave=${this.handleLeave}
@keydown=${this.handleKeydown}
@keyup=${this.handleKeyup}
@input=${this.handleInput}
@change=${this.handleChange}
id=${d}
.disabled=${this.disabled}
.min=${String(this.min)}
aria-valuemin=${a}
.max=${String(this.max)}
aria-valuemax=${s}
.step=${String(this.step)}
.value=${String(t)}
.tabIndex=${e ? 1 : 0}
aria-label=${o || x}
aria-valuetext=${i} />`;
}
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 = _`
<div
class="focus-trap"
tabindex="0"
aria-hidden="true"
@focus=${this.handleFocusTrapFocus}></div>
`, { ariaLabel: a } = this;
return _`
<div class="scrim"></div>
<dialog
class=${ye(t)}
aria-label=${a || x}
aria-labelledby=${this.hasHeadline ? "headline" : x}
role=${this.type === "alert" ? "alertdialog" : x}
@cancel=${this.handleCancel}
@click=${this.handleDialogClick}
@close=${this.handleClose}
@keydown=${this.handleKeydown}
.returnValue=${this.returnValue || x}>
${o ? i : x}
<div class="container" @click=${this.handleContentClick}>
<div class="headline">
<div class="icon" aria-hidden="true">
<slot name="icon" @slotchange=${this.handleIconChange}></slot>
</div>
<h2 id="headline" aria-hidden=${!this.hasHeadline || x}>
<slot
name="headline"
@slotchange=${this.handleHeadlineChange}></slot>
</h2>
<md-divider></md-divider>
</div>
<div class="scroller">
<div class="content">
<div class="top anchor"></div>
<slot name="content"></slot>
<div class="bottom anchor"></div>
</div>
</div>
<div class="actions">
<md-divider></md-divider>
<slot name="actions" @slotchange=${this.handleActionsChange}></slot>
</div>
</div>
${o ? i : x}
</dialog>
`;
}
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 _`
<slot
@deactivate-items=${this.listController.onDeactivateItems}
@request-activation=${this.listController.onRequestActivation}
@slotchange=${this.listController.onSlotchange}>
</slot>
`;
}
/**
* 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(_`
<md-item>
<div slot="container">
${this.renderRipple()} ${this.renderFocusRing()}
</div>
<slot name="start" slot="start"></slot>
<slot name="end" slot="end"></slot>
${this.renderBody()}
</md-item>
`);
}
/**
* 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}</${o}>
`;
}
/**
* Handles rendering of the ripple element.
*/
renderRipple() {
return this.type === "text" ? x : _` <md-ripple
part="ripple"
for="item"
?disabled=${this.isDisabled}></md-ripple>`;
}
/**
* Handles rendering of the focus ring.
*/
renderFocusRing() {
return this.type === "text" ? x : _` <md-focus-ring
@visibility-changed=${this.onFocusRingVisibilityChanged}
part="focus-ring"
for="item"
inward></md-focus-ring>`;
}
onFocusRingVisibilityChanged(e) {
}
/**
* Classes applied to the list item root.
*/
getRenderClasses() {
return { disabled: this.isDisabled };
}
/**
* Handles rendering the headline and supporting text.
*/
renderBody() {
return _`
<slot></slot>
<slot name="overline" slot="overline"></slot>
<slot name="headline" slot="headline"></slot>
<slot name="supporting-text" slot="supporting-text"></slot>
<slot
name="trailing-supporting-text"
slot="trailing-supporting-text"></slot>
`;
}
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()}
</${e}>`;
}
renderLink() {
const { ariaLabel: e } = this;
return _`
<a
class="link"
id="link"
href="${this.href}"
target="${this.target || x}"
aria-label="${e || x}"></a>
`;
}
getRenderClasses() {
return {
"flip-icon": this.flipIcon,
selected: this.toggle && this.selected
};
}
renderIcon() {
return _`<span class="icon"><slot></slot></span>`;
}
renderSelectedIcon() {
return _`<span class="icon icon--selected"
><slot name="selected"><slot></slot></slot
></span>`;
}
renderTouchTarget() {
return _`<span class="touch"></span>`;
}
renderFocusRing() {
return _`<md-focus-ring
part="focus-ring"
for=${this.href ? "link" : "button"}></md-focus-ring>`;
}
renderRipple() {
const e = !this.href && (this.disabled || this.softDisabled);
return _`<md-ripple
for=${this.href ? "link" : x}
?disabled="${e}"></md-ripple>`;
}
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 <div> or <button> element within this
* element's shadow DOM.
*/
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 })));
}
};
vs(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({ type: Boolean, attribute: "flip-icon-in-rtl" })
], Le.prototype, "flipIconInRtl", void 0);
l([
p()
], Le.prototype, "href", void 0);
l([
p()
], Le.prototype, "target", void 0);
l([
p({ attribute: "aria-label-selected" })
], Le.prototype, "ariaLabelSelected", void 0);
l([
p({ type: Boolean })
], Le.prototype, "toggle", void 0);
l([
p({ type: Boolean, reflect: !0 })
], Le.prototype, "selected", void 0);
l([
p()
], Le.prototype, "type", void 0);
l([
p({ reflect: !0 })
], Le.prototype, "value", void 0);
l([
se()
], Le.prototype, "flipIcon", void 0);
/**
* @license
* Copyright 2024 Google LLC
* SPDX-License-Identifier: Apache-2.0
*/
const Ci = F`: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 nh = F`: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 Qo = class extends Le {
getRenderClasses() {
return {
...super.getRenderClasses(),
standard: !0
};
}
};
Qo.styles = [Ci, nh];
Qo = l([
H("md-icon-button")
], Qo);
/**
* @license
* Copyright 2024 Google LLC
* SPDX-License-Identifier: Apache-2.0
*/
const sh = F`: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 ei = class extends Le {
getRenderClasses() {
return {
...super.getRenderClasses(),
filled: !0,
"toggle-filled": this.toggle
};
}
};
ei.styles = [Ci, sh];
ei = l([
H("md-filled-icon-button")
], ei);
/**
* @license
* Copyright 2024 Google LLC
* SPDX-License-Identifier: Apache-2.0
*/
const lh = F`: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 ti = class extends Le {
getRenderClasses() {
return {
...super.getRenderClasses(),
outlined: !0
};
}
};
ti.styles = [Ci, lh];
ti = l([
H("md-outlined-icon-button")
], ti);
/**
* @license
* Copyright 2024 Google LLC
* SPDX-License-Identifier: Apache-2.0
*/
const dh = F`: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 ri = class extends Le {
getRenderClasses() {
return {
...super.getRenderClasses(),
"filled-tonal": !0,
"toggle-filled-tonal": this.toggle
};
}
};
ri.styles = [Ci, dh];
ri = l([
H("md-filled-tonal-icon-button")
], ri);
const ch = ee({
react: J,
tagName: "md-icon-button",
elementClass: Qo,
events: {
onChange: "change",
onInput: "input",
onClick: "click"
}
}), uh = ee({
react: J,
tagName: "md-filled-icon-button",
elementClass: ei,
events: {
onChange: "change",
onInput: "input",
onClick: "click"
}
}), hh = ee({
react: J,
tagName: "md-outlined-icon-button",
elementClass: ti,
events: {
onChange: "change",
onInput: "input",
onClick: "click"
}
}), ph = ee({
react: J,
tagName: "md-filled-tonal-icon-button",
elementClass: ri,
events: {
onChange: "change",
onInput: "input",
onClick: "click"
}
}), Wp = (r) => {
switch (r.variant || "standard") {
case "filled":
return /* @__PURE__ */ V.jsx(uh, { ...r });
case "outlined":
return /* @__PURE__ */ V.jsx(hh, { ...r });
case "filled-tonal":
return /* @__PURE__ */ V.jsx(ph, { ...r });
default:
return /* @__PURE__ */ V.jsx(ch, { ...r });
}
};
/**
* @license
* Copyright 2023 Google LLC
* SPDX-License-Identifier: Apache-2.0
*/
const fh = Je(W);
class gt extends fh {
/**
* Whether or not the primary ripple is disabled (defaults to `disabled`).
* Some chip actions such as links cannot be disabled.
*/
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 _`
<div class="container ${ye(this.getContainerClasses())}">
${this.renderContainerContent()}
</div>
`;
}
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()}
<md-focus-ring part="focus-ring" for=${this.primaryId}></md-focus-ring>
<md-ripple
for=${this.primaryId}
?disabled=${this.rippleDisabled}></md-ripple>
${this.renderPrimaryAction(this.renderPrimaryContent())}
`;
}
renderOutline() {
return _`<span class="outline"></span>`;
}
renderLeadingIcon() {
return _`<slot name="icon" @slotchange=${this.handleIconChange}></slot>`;
}
renderPrimaryContent() {
return _`
<span class="leading icon" aria-hidden="true">
${this.renderLeadingIcon()}
</span>
<span class="label">
<span class="label-text" id="label">
${this.label ? this.label : _`<slot></slot>`}
</span>
</span>
<span class="touch"></span>
`;
}
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;
}
}
}
gt.shadowRootOptions = {
...W.shadowRootOptions,
delegatesFocus: !0
};
l([
p({ type: Boolean, reflect: !0 })
], gt.prototype, "disabled", void 0);
l([
p({ type: Boolean, attribute: "soft-disabled", reflect: !0 })
], gt.prototype, "softDisabled", void 0);
l([
p({ type: Boolean, attribute: "always-focusable" })
], gt.prototype, "alwaysFocusable", void 0);
l([
p()
], gt.prototype, "label", void 0);
l([
p({ type: Boolean, reflect: !0, attribute: "has-icon" })
], gt.prototype, "hasIcon", void 0);
/**
* @license
* Copyright 2023 Google LLC
* SPDX-License-Identifier: Apache-2.0
*/
let Ei = class extends gt {
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(),
// Link chips cannot be disabled
disabled: !this.href && (this.disabled || this.softDisabled),
elevated: this.elevated,
link: !!this.href
};
}
renderPrimaryAction(e) {
const { ariaLabel: t } = this;
return this.href ? _`
<a
class="primary action"
id="link"
aria-label=${t || x}
href=${this.href}
target=${this.target || x}
>${e}</a
>
` : _`
<button
class="primary action"
id="button"
aria-label=${t || x}
aria-disabled=${this.softDisabled || x}
?disabled=${this.disabled && !this.alwaysFocusable}
type="button"
>${e}</button
>
`;
}
renderOutline() {
return this.elevated ? _`<md-elevation part="elevation"></md-elevation>` : 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 _`<slot @slotchange=${this.updateTabIndices}></slot>`;
}
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 _`
<span id="remove-label" hidden aria-hidden="true">Remove</span>
<button
class="trailing action"
aria-label=${r || x}
aria-labelledby=${r ? x : "remove-label label"}
tabindex=${o ? x : -1}
@click=${bh}
@focus=${t}>
<md-focus-ring part="trailing-focus-ring"></md-focus-ring>
<md-ripple ?disabled=${e}></md-ripple>
<span class="trailing icon" aria-hidden="true">
<slot name="remove-trailing-icon">
<svg viewBox="0 96 960 960">
<path
d="m249 849-42-42 231-231-231-231 42-42 231 231 231-231 42 42-231 231 231 231-42 42-231-231-231 231Z" />
</svg>
</slot>
</span>
<span class="touch"></span>
</button>
`;
}
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 _`
<button
class="primary action"
id="button"
aria-label=${t || x}
aria-pressed=${this.selected}
aria-disabled=${this.softDisabled || x}
?disabled=${this.disabled && !this.alwaysFocusable}
@click=${this.handleClickOnChild}
>${e}</button
>
`;
}
renderLeadingIcon() {
return this.selected ? _`
<slot name="selected-icon">
<svg class="checkmark" viewBox="0 0 18 18" aria-hidden="true">
<path
d="M6.75012 12.1274L3.62262 8.99988L2.55762 10.0574L6.75012 14.2499L15.7501 5.24988L14.6926 4.19238L6.75012 12.1274Z" />
</svg>
</slot>
` : super.renderLeadingIcon();
}
renderTrailingAction(e) {
return this.removable ? Ws({
focusListener: e,
ariaLabel: this.ariaLabelRemove,
disabled: this.disabled || this.softDisabled
}) : x;
}
renderOutline() {
return this.elevated ? _`<md-elevation part="elevation"></md-elevation>` : 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 ? _`
<a
class="primary action"
id="link"
aria-label=${t || x}
href=${this.href}
target=${this.target || x}
>${e}</a
>
` : this.removeOnly ? _`
<span class="primary action" aria-label=${t || x}>
${e}
</span>
` : _`
<button
class="primary action"
id="button"
aria-label=${t || x}
aria-disabled=${this.softDisabled || x}
?disabled=${this.disabled && !this.alwaysFocusable}
type="button"
>${e}</button
>
`;
}
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 _`
<button
class="fab ${ye(this.getRenderClasses())}"
aria-label=${e || x}>
<md-elevation part="elevation"></md-elevation>
<md-focus-ring part="focus-ring"></md-focus-ring>
<md-ripple class="ripple"></md-ripple>
${this.renderTouchTarget()} ${this.renderIcon()} ${this.renderLabel()}
</button>
`;
}
getRenderClasses() {
const e = !!this.label;
return {
lowered: this.lowered,
small: this.size === "small" && !e,
large: this.size === "large" && !e,
extended: e
};
}
renderTouchTarget() {
return _`<div class="touch-target"></div>`;
}
renderLabel() {
return this.label ? _`<span class="label">${this.label}</span>` : "";
}
renderIcon() {
const { ariaLabel: e } = this;
return _`<span class="icon">
<slot
name="icon"
aria-hidden=${e || this.label ? "true" : x}>
<span></span>
</slot>
</span>`;
}
}
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 = _`<div class="indicator"></div>`;
return _`<div
class="button"
role="presentation"
@click=${this.handleContentClick}>
<md-focus-ring part="focus-ring" inward .control=${this}></md-focus-ring>
<md-elevation part="elevation"></md-elevation>
<md-ripple .control=${this}></md-ripple>
<div
class="content ${ye(this.getContentClasses())}"
role="presentation">
<slot name="icon" @slotchange=${this.handleIconSlotChange}></slot>
<slot @slotchange=${this.handleSlotChange}></slot>
${this.fullWidthIndicator ? x : e}
</div>
${this.fullWidthIndicator ? e : x}
</div>`;
}
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 _`
<div class="tabs">
<slot
@slotchange=${this.handleSlotChange}
@click=${this.handleTabClick}></slot>
</div>
<md-divider part="divider"></md-divider>
`;
}
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 _`
<div
class="progress ${ye(this.getRenderClasses())}"
role="progressbar"
aria-label="${e || x}"
aria-valuemin="0"
aria-valuemax=${this.max}
aria-valuenow=${this.indeterminate ? x : this.value}
>${this.renderIndicator()}</div
>
`;
}
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 _`
<svg viewBox="0 0 4800 4800">
<circle class="track" pathLength="100"></circle>
<circle
class="active-track"
pathLength="100"
stroke-dashoffset=${e}></circle>
</svg>
`;
}
// 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 _` <div class="spinner">
<div class="left">
<div class="circle"></div>
</div>
<div class="right">
<div class="circle"></div>
</div>
</div>`;
}
};
/**
* @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 _`
<div class="dots" ?hidden=${s}></div>
<div class="inactive-track" style=${qt(a)}></div>
<div class="bar primary-bar" style=${qt(e)}>
<div class="bar-inner"></div>
</div>
<div class="bar secondary-bar">
<div class="bar-inner"></div>
</div>
`;
}
}
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(_`
<md-item>
<div slot="container">
${this.renderRipple()} ${this.renderFocusRing()}
</div>
<slot name="start" slot="start"></slot>
<slot name="end" slot="end"></slot>
${this.renderBody()}
</md-item>
`);
}
/**
* 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}</${o}>
`;
}
/**
* Handles rendering of the ripple element.
*/
renderRipple() {
return _` <md-ripple
part="ripple"
for="item"
?disabled=${this.disabled}></md-ripple>`;
}
/**
* Handles rendering of the focus ring.
*/
renderFocusRing() {
return _` <md-focus-ring
part="focus-ring"
for="item"
inward></md-focus-ring>`;
}
/**
* Classes applied to the list item root.
*/
getRenderClasses() {
return {
disabled: this.disabled,
selected: this.selected
};
}
/**
* Handles rendering the headline and supporting text.
*/
renderBody() {
return _`
<slot></slot>
<slot name="overline" slot="overline"></slot>
<slot name="headline" slot="headline"></slot>
<slot name="supporting-text" slot="supporting-text"></slot>
<slot
name="trailing-supporting-text"
slot="trailing-supporting-text"></slot>
`;
}
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 _`
<slot
name="item"
@click=${this.onClick}
@keydown=${this.onKeydown}
@slotchange=${this.onSlotchange}>
</slot>
<slot
name="menu"
@keydown=${this.onSubMenuKeydown}
@close-menu=${this.onCloseSubmenu}
@slotchange=${this.onSlotchange}>
</slot>
`;
}
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
};
Reference in New Issue View Git Blame Copy Permalink