urnovl-web-components 0.0.59 → 0.0.60

package/dist/cjs/button-base-f4219018.js

@@ -0,0 +1,3423 @@
+'use strict';
+
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+function __decorate(decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
+/**
+ * @license
+ * Copyright 2019 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const t$2=globalThis,e$2=t$2.ShadowRoot&&(void 0===t$2.ShadyCSS||t$2.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,s=Symbol(),o$2=new WeakMap;class n$3{constructor(t,e,o){if(this._$cssResult$=!0,o!==s)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e;}get styleSheet(){let t=this.o;const s=this.t;if(e$2&&void 0===t){const e=void 0!==s&&1===s.length;e&&(t=o$2.get(s)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),e&&o$2.set(s,t));}return t}toString(){return this.cssText}}const r$3=t=>new n$3("string"==typeof t?t:t+"",void 0,s),i$2=(t,...e)=>{const o=1===t.length?t[0]:e.reduce(((e,s,o)=>e+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(s)+t[o+1]),t[0]);return new n$3(o,t,s)},S$1=(s,o)=>{if(e$2)s.adoptedStyleSheets=o.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet));else for(const e of o){const o=document.createElement("style"),n=t$2.litNonce;void 0!==n&&o.setAttribute("nonce",n),o.textContent=e.cssText,s.appendChild(o);}},c$2=e$2?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return r$3(e)})(t):t;
+
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const{is:i$1,defineProperty:e$1,getOwnPropertyDescriptor:r$2,getOwnPropertyNames:h$2,getOwnPropertySymbols:o$1,getPrototypeOf:n$2}=Object,a=globalThis,c$1=a.trustedTypes,l=c$1?c$1.emptyScript:"",p=a.reactiveElementPolyfillSupport,d=(t,s)=>t,u={toAttribute(t,s){switch(s){case Boolean:t=t?l:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t);}return t},fromAttribute(t,s){let i=t;switch(s){case Boolean:i=null!==t;break;case Number:i=null===t?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t);}catch(t){i=null;}}return i}},f$2=(t,s)=>!i$1(t,s),y={attribute:!0,type:String,converter:u,reflect:!1,hasChanged:f$2};Symbol.metadata??=Symbol("metadata"),a.litPropertyMetadata??=new WeakMap;class b extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t);}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,s=y){if(s.state&&(s.attribute=!1),this._$Ei(),this.elementProperties.set(t,s),!s.noAccessor){const i=Symbol(),r=this.getPropertyDescriptor(t,i,s);void 0!==r&&e$1(this.prototype,t,r);}}static getPropertyDescriptor(t,s,i){const{get:e,set:h}=r$2(this.prototype,t)??{get(){return this[s]},set(t){this[s]=t;}};return {get(){return e?.call(this)},set(s){const r=e?.call(this);h.call(this,s),this.requestUpdate(t,r,i);},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??y}static _$Ei(){if(this.hasOwnProperty(d("elementProperties")))return;const t=n$2(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties);}static finalize(){if(this.hasOwnProperty(d("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(d("properties"))){const t=this.properties,s=[...h$2(t),...o$1(t)];for(const i of s)this.createProperty(i,t[i]);}const t=this[Symbol.metadata];if(null!==t){const s=litPropertyMetadata.get(t);if(void 0!==s)for(const[t,i]of s)this.elementProperties.set(t,i);}this._$Eh=new Map;for(const[t,s]of this.elementProperties){const i=this._$Eu(t,s);void 0!==i&&this._$Eh.set(i,t);}this.elementStyles=this.finalizeStyles(this.styles);}static finalizeStyles(s){const i=[];if(Array.isArray(s)){const e=new Set(s.flat(1/0).reverse());for(const s of e)i.unshift(c$2(s));}else void 0!==s&&i.push(c$2(s));return i}static _$Eu(t,s){const i=s.attribute;return !1===i?void 0:"string"==typeof i?i:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev();}_$Ev(){this._$ES=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach((t=>t(this)));}addController(t){(this._$EO??=new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.();}removeController(t){this._$EO?.delete(t);}_$E_(){const t=new Map,s=this.constructor.elementProperties;for(const i of s.keys())this.hasOwnProperty(i)&&(t.set(i,this[i]),delete this[i]);t.size>0&&(this._$Ep=t);}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return S$1(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach((t=>t.hostConnected?.()));}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach((t=>t.hostDisconnected?.()));}attributeChangedCallback(t,s,i){this._$AK(t,i);}_$EC(t,s){const i=this.constructor.elementProperties.get(t),e=this.constructor._$Eu(t,i);if(void 0!==e&&!0===i.reflect){const r=(void 0!==i.converter?.toAttribute?i.converter:u).toAttribute(s,i.type);this._$Em=t,null==r?this.removeAttribute(e):this.setAttribute(e,r),this._$Em=null;}}_$AK(t,s){const i=this.constructor,e=i._$Eh.get(t);if(void 0!==e&&this._$Em!==e){const t=i.getPropertyOptions(e),r="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:u;this._$Em=e,this[e]=r.fromAttribute(s,t.type),this._$Em=null;}}requestUpdate(t,s,i){if(void 0!==t){if(i??=this.constructor.getPropertyOptions(t),!(i.hasChanged??f$2)(this[t],s))return;this.P(t,s,i);}!1===this.isUpdatePending&&(this._$ES=this._$ET());}P(t,s,i){this._$AL.has(t)||this._$AL.set(t,s),!0===i.reflect&&this._$Em!==t&&(this._$Ej??=new Set).add(t);}async _$ET(){this.isUpdatePending=!0;try{await this._$ES;}catch(t){Promise.reject(t);}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,s]of this._$Ep)this[t]=s;this._$Ep=void 0;}const t=this.constructor.elementProperties;if(t.size>0)for(const[s,i]of t)!0!==i.wrapped||this._$AL.has(s)||void 0===this[s]||this.P(s,this[s],i);}let t=!1;const s=this._$AL;try{t=this.shouldUpdate(s),t?(this.willUpdate(s),this._$EO?.forEach((t=>t.hostUpdate?.())),this.update(s)):this._$EU();}catch(s){throw t=!1,this._$EU(),s}t&&this._$AE(s);}willUpdate(t){}_$AE(t){this._$EO?.forEach((t=>t.hostUpdated?.())),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t);}_$EU(){this._$AL=new Map,this.isUpdatePending=!1;}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return !0}update(t){this._$Ej&&=this._$Ej.forEach((t=>this._$EC(t,this[t]))),this._$EU();}updated(t){}firstUpdated(t){}}b.elementStyles=[],b.shadowRootOptions={mode:"open"},b[d("elementProperties")]=new Map,b[d("finalized")]=new Map,p?.({ReactiveElement:b}),(a.reactiveElementVersions??=[]).push("2.0.4");
+
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const n$1=globalThis,c=n$1.trustedTypes,h$1=c?c.createPolicy("lit-html",{createHTML:t=>t}):void 0,f$1="$lit$",v=`lit$${Math.random().toFixed(9).slice(2)}$`,m="?"+v,_=`<${m}>`,w=document,lt=()=>w.createComment(""),st$1=t=>null===t||"object"!=typeof t&&"function"!=typeof t,g=Array.isArray,$$1=t=>g(t)||"function"==typeof t?.[Symbol.iterator],x="[ \t\n\f\r]",T=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,E=/-->/g,k=/>/g,O=RegExp(`>|${x}(?:([^\\s"'>=/]+)(${x}*=${x}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),S=/'/g,j=/"/g,M=/^(?:script|style|textarea|title)$/i,P=t=>(i,...s)=>({_$litType$:t,strings:i,values:s}),ke=P(1),R=Symbol.for("lit-noChange"),D=Symbol.for("lit-nothing"),V=new WeakMap,I=w.createTreeWalker(w,129);function N(t,i){if(!g(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==h$1?h$1.createHTML(i):i}const U=(t,i)=>{const s=t.length-1,e=[];let h,o=2===i?"<svg>":3===i?"<math>":"",n=T;for(let i=0;i<s;i++){const s=t[i];let r,l,c=-1,a=0;for(;a<s.length&&(n.lastIndex=a,l=n.exec(s),null!==l);)a=n.lastIndex,n===T?"!--"===l[1]?n=E:void 0!==l[1]?n=k:void 0!==l[2]?(M.test(l[2])&&(h=RegExp("</"+l[2],"g")),n=O):void 0!==l[3]&&(n=O):n===O?">"===l[0]?(n=h??T,c=-1):void 0===l[1]?c=-2:(c=n.lastIndex-l[2].length,r=l[1],n=void 0===l[3]?O:'"'===l[3]?j:S):n===j||n===S?n=O:n===E||n===k?n=T:(n=O,h=void 0);const u=n===O&&t[i+1].startsWith("/>")?" ":"";o+=n===T?s+_:c>=0?(e.push(r),s.slice(0,c)+f$1+s.slice(c)+v+u):s+v+(-2===c?i:u);}return [N(t,o+(t[s]||"<?>")+(2===i?"</svg>":3===i?"</math>":"")),e]};class B{constructor({strings:t,_$litType$:i},s){let e;this.parts=[];let h=0,o=0;const n=t.length-1,r=this.parts,[l,a]=U(t,i);if(this.el=B.createElement(l,s),I.currentNode=this.el.content,2===i||3===i){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes);}for(;null!==(e=I.nextNode())&&r.length<n;){if(1===e.nodeType){if(e.hasAttributes())for(const t of e.getAttributeNames())if(t.endsWith(f$1)){const i=a[o++],s=e.getAttribute(t).split(v),n=/([.?@])?(.*)/.exec(i);r.push({type:1,index:h,name:n[2],strings:s,ctor:"."===n[1]?Y:"?"===n[1]?Z:"@"===n[1]?q:G}),e.removeAttribute(t);}else t.startsWith(v)&&(r.push({type:6,index:h}),e.removeAttribute(t));if(M.test(e.tagName)){const t=e.textContent.split(v),i=t.length-1;if(i>0){e.textContent=c?c.emptyScript:"";for(let s=0;s<i;s++)e.append(t[s],lt()),I.nextNode(),r.push({type:2,index:++h});e.append(t[i],lt());}}}else if(8===e.nodeType)if(e.data===m)r.push({type:2,index:h});else {let t=-1;for(;-1!==(t=e.data.indexOf(v,t+1));)r.push({type:7,index:h}),t+=v.length-1;}h++;}}static createElement(t,i){const s=w.createElement("template");return s.innerHTML=t,s}}function z(t,i,s=t,e){if(i===R)return i;let h=void 0!==e?s.o?.[e]:s.l;const o=st$1(i)?void 0:i._$litDirective$;return h?.constructor!==o&&(h?._$AO?.(!1),void 0===o?h=void 0:(h=new o(t),h._$AT(t,s,e)),void 0!==e?(s.o??=[])[e]=h:s.l=h),void 0!==h&&(i=z(t,h._$AS(t,i.values),h,e)),i}class F{constructor(t,i){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=i;}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:i},parts:s}=this._$AD,e=(t?.creationScope??w).importNode(i,!0);I.currentNode=e;let h=I.nextNode(),o=0,n=0,r=s[0];for(;void 0!==r;){if(o===r.index){let i;2===r.type?i=new et(h,h.nextSibling,this,t):1===r.type?i=new r.ctor(h,r.name,r.strings,this,t):6===r.type&&(i=new K(h,this,t)),this._$AV.push(i),r=s[++n];}o!==r?.index&&(h=I.nextNode(),o++);}return I.currentNode=w,e}p(t){let i=0;for(const s of this._$AV)void 0!==s&&(void 0!==s.strings?(s._$AI(t,s,i),i+=s.strings.length-2):s._$AI(t[i])),i++;}}class et{get _$AU(){return this._$AM?._$AU??this.v}constructor(t,i,s,e){this.type=2,this._$AH=D,this._$AN=void 0,this._$AA=t,this._$AB=i,this._$AM=s,this.options=e,this.v=e?.isConnected??!0;}get parentNode(){let t=this._$AA.parentNode;const i=this._$AM;return void 0!==i&&11===t?.nodeType&&(t=i.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,i=this){t=z(this,t,i),st$1(t)?t===D||null==t||""===t?(this._$AH!==D&&this._$AR(),this._$AH=D):t!==this._$AH&&t!==R&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):$$1(t)?this.k(t):this._(t);}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t));}_(t){this._$AH!==D&&st$1(this._$AH)?this._$AA.nextSibling.data=t:this.T(w.createTextNode(t)),this._$AH=t;}$(t){const{values:i,_$litType$:s}=t,e="number"==typeof s?this._$AC(t):(void 0===s.el&&(s.el=B.createElement(N(s.h,s.h[0]),this.options)),s);if(this._$AH?._$AD===e)this._$AH.p(i);else {const t=new F(e,this),s=t.u(this.options);t.p(i),this.T(s),this._$AH=t;}}_$AC(t){let i=V.get(t.strings);return void 0===i&&V.set(t.strings,i=new B(t)),i}k(t){g(this._$AH)||(this._$AH=[],this._$AR());const i=this._$AH;let s,e=0;for(const h of t)e===i.length?i.push(s=new et(this.O(lt()),this.O(lt()),this,this.options)):s=i[e],s._$AI(h),e++;e<i.length&&(this._$AR(s&&s._$AB.nextSibling,e),i.length=e);}_$AR(t=this._$AA.nextSibling,i){for(this._$AP?.(!1,!0,i);t&&t!==this._$AB;){const i=t.nextSibling;t.remove(),t=i;}}setConnected(t){void 0===this._$AM&&(this.v=t,this._$AP?.(t));}}class G{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,i,s,e,h){this.type=1,this._$AH=D,this._$AN=void 0,this.element=t,this.name=i,this._$AM=e,this.options=h,s.length>2||""!==s[0]||""!==s[1]?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=D;}_$AI(t,i=this,s,e){const h=this.strings;let o=!1;if(void 0===h)t=z(this,t,i,0),o=!st$1(t)||t!==this._$AH&&t!==R,o&&(this._$AH=t);else {const e=t;let n,r;for(t=h[0],n=0;n<h.length-1;n++)r=z(this,e[s+n],i,n),r===R&&(r=this._$AH[n]),o||=!st$1(r)||r!==this._$AH[n],r===D?t=D:t!==D&&(t+=(r??"")+h[n+1]),this._$AH[n]=r;}o&&!e&&this.j(t);}j(t){t===D?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"");}}class Y extends G{constructor(){super(...arguments),this.type=3;}j(t){this.element[this.name]=t===D?void 0:t;}}class Z extends G{constructor(){super(...arguments),this.type=4;}j(t){this.element.toggleAttribute(this.name,!!t&&t!==D);}}class q extends G{constructor(t,i,s,e,h){super(t,i,s,e,h),this.type=5;}_$AI(t,i=this){if((t=z(this,t,i,0)??D)===R)return;const s=this._$AH,e=t===D&&s!==D||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,h=t!==D&&(s===D||e);e&&this.element.removeEventListener(this.name,this,s),h&&this.element.addEventListener(this.name,this,t),this._$AH=t;}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t);}}class K{constructor(t,i,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=i,this.options=s;}get _$AU(){return this._$AM._$AU}_$AI(t){z(this,t);}}const Re=n$1.litHtmlPolyfillSupport;Re?.(B,et),(n$1.litHtmlVersions??=[]).push("3.2.0");const Q=(t,i,s)=>{const e=s?.renderBefore??i;let h=e._$litPart$;if(void 0===h){const t=s?.renderBefore??null;e._$litPart$=h=new et(i.insertBefore(lt(),t),t,void 0,s??{});}return h._$AI(t),h};
+
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */class h extends b{constructor(){super(...arguments),this.renderOptions={host:this},this.o=void 0;}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this.o=Q(e,this.renderRoot,this.renderOptions);}connectedCallback(){super.connectedCallback(),this.o?.setConnected(!0);}disconnectedCallback(){super.disconnectedCallback(),this.o?.setConnected(!1);}render(){return R}}h._$litElement$=!0,h["finalized"]=!0,globalThis.litElementHydrateSupport?.({LitElement:h});const f=globalThis.litElementPolyfillSupport;f?.({LitElement:h});(globalThis.litElementVersions??=[]).push("4.1.0");
+
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const t$1=t=>(e,o)=>{void 0!==o?o.addInitializer((()=>{customElements.define(t,e);})):customElements.define(t,e);};
+
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const o={attribute:!0,type:String,converter:u,reflect:!1,hasChanged:f$2},r$1=(t=o,e,r)=>{const{kind:n,metadata:i}=r;let s=globalThis.litPropertyMetadata.get(i);if(void 0===s&&globalThis.litPropertyMetadata.set(i,s=new Map),s.set(r.name,t),"accessor"===n){const{name:o}=r;return {set(r){const n=e.get.call(this);e.set.call(this,r),this.requestUpdate(o,n,t);},init(e){return void 0!==e&&this.P(o,void 0,t),e}}}if("setter"===n){const{name:o}=r;return function(r){const n=this[o];e.call(this,r),this.requestUpdate(o,n,t);}}throw Error("Unsupported decorator location: "+n)};function n(t){return (e,o)=>"object"==typeof o?r$1(t,e,o):((t,e,o)=>{const r=e.hasOwnProperty(o);return e.constructor.createProperty(o,r?{...t,wrapped:!0}:t),r?Object.getOwnPropertyDescriptor(e,o):void 0})(t,e,o)}
+
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */function r(r){return n({...r,state:!0,attribute:!1})}
+
+/**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const st=o=>null===o||"object"!=typeof o&&"function"!=typeof o,rt=o=>void 0===o.strings;
+
+/**
+ * @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},e=t=>(...e)=>({_$litDirective$:t,values:e});class i{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i){this.t=t,this._$AM=e,this.i=i;}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}}
+
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const mt=(i,t)=>{const e=i._$AN;if(void 0===e)return !1;for(const i of e)i._$AO?.(t,!1),mt(i,t);return !0},_t=i=>{let t,e;do{if(void 0===(t=i._$AM))break;e=t._$AN,e.delete(i),i=t;}while(0===e?.size)},wt=i=>{for(let t;t=i._$AM;i=t){let e=t._$AN;if(void 0===e)t._$AN=e=new Set;else if(e.has(i))break;e.add(i),gt(t);}};function bt(i){void 0!==this._$AN?(_t(this),this._$AM=i,wt(this)):this._$AM=i;}function yt(i,t=!1,e=0){const s=this._$AH,o=this._$AN;if(void 0!==o&&0!==o.size)if(t)if(Array.isArray(s))for(let i=e;i<s.length;i++)mt(s[i],!1),_t(s[i]);else null!=s&&(mt(s,!1),_t(s));else mt(this,i);}const gt=i=>{i.type==t.CHILD&&(i._$AP??=yt,i._$AQ??=bt);};class $t extends i{constructor(){super(...arguments),this._$AN=void 0;}_$AT(i,t,e){super._$AT(i,t,e),wt(this),this.isConnected=i._$AU;}_$AO(i,t=!0){i!==this.isConnected&&(this.isConnected=i,i?this.reconnected?.():this.disconnected?.()),t&&(mt(this,i),_t(this));}setValue(i){if(rt(this.t))this.t._$AI(i,this);else {const t=[...this.t._$AH];t[this.i]=i,this.t._$AI(t,this,0);}}disconnected(){}reconnected(){}}
+
+/**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const ii=()=>new Zt;class Zt{}const qt=new WeakMap,Kt=e(class extends $t{render(t){return D}update(t,[i]){const s=i!==this.Y;return s&&void 0!==this.Y&&this.rt(void 0),(s||this.lt!==this.ct)&&(this.Y=i,this.ht=t.options?.host,this.rt(this.ct=t.element)),D}rt(t){if(this.isConnected||(t=void 0),"function"==typeof this.Y){const i=this.ht??globalThis;let s=qt.get(i);void 0===s&&(s=new WeakMap,qt.set(i,s)),void 0!==s.get(this.Y)&&this.Y.call(this.ht,void 0),s.set(this.Y,t),void 0!==t&&this.Y.call(this.ht,t);}else this.Y.value=t;}get lt(){return "function"==typeof this.Y?qt.get(this.ht??globalThis)?.get(this.Y):this.Y?.value}disconnected(){this.lt===this.ct&&this.rt(void 0);}reconnected(){this.rt(this.ct);}});
+
+/**
+ * 在原生的 HTML 中，布尔属性只要添加了属性名，不论属性值设置成什么，属性值都是 true
+ * 但这里设置了 attr="false" 时，要把属性设置为 false
+ *
+ * 原因是：
+ * 在 vue3 中，通过 :attr="value" 设置属性时，vue 会优先从 DOM 属性中寻找是否存在 attr 属性名，
+ * 若存在，则设置对应的 DOM 属性，否则设置对应的 attribute 属性
+ * 但在 vue 的服务端渲染（ssr）时，不存在 DOM 对象，所以会把 attribute 属性设置成 attr="true" 或 attr="false"
+ * 所以在 attribute 属性 attr="false" 时，需要把属性值转换为布尔值 false
+ *
+ * 这段代码不能封装成函数，否则生成 custom-elements.json 会识别不了
+ * 这段注释仅在这里写一次，其他地方不再重复
+ *
+ * @see https://v3-migration.vuejs.org/zh/breaking-changes/attribute-coercion.html
+ */
+const booleanConverter = (value) => {
+    return value !== null && value !== 'false';
+};
+
+const nothingTemplate = ke `${D}`;
+
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const ee="important",ie=" !"+ee,se=e(class extends i{constructor(e){if(super(e),e.type!==t.ATTRIBUTE||"style"!==e.name||e.strings?.length>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(t){return Object.keys(t).reduce(((e,r)=>{const s=t[r];return null==s?e:e+`${r=r.includes("-")?r:r.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${s};`}),"")}update(t,[e]){const{style:r}=t.element;if(void 0===this.ft)return this.ft=new Set(Object.keys(e)),this.render(e);for(const t of this.ft)null==e[t]&&(this.ft.delete(t),t.includes("-")?r.removeProperty(t):r[t]=null);for(const t in e){const s=e[t];if(null!=s){this.ft.add(t);const e="string"==typeof s&&s.endsWith(ie);t.includes("-")||e?r.setProperty(t,e?s.slice(0,-11):s,e?ee:""):r[t]=s;}}return R}});
+
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */class le extends i{constructor(i){if(super(i),this.it=D,i.type!==t.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===D||null==t)return this._t=void 0,this.it=t;if(t===R)return t;if("string"!=typeof t)throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this._t;this.it=t;const i=[t];return i.raw=i,this._t={_$litType$:this.constructor.resultType,strings:i,values:[]}}}le.directiveName="unsafeHTML",le.resultType=1;
+
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */class pe extends le{}pe.directiveName="unsafeSVG",pe.resultType=2;const fe=e(pe);
+
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+class Tt{constructor(t){this.Y=t;}disconnect(){this.Y=void 0;}reconnect(t){this.Y=t;}deref(){return this.Y}}class Et{constructor(){this.Z=void 0,this.q=void 0;}get(){return this.Z}pause(){this.Z??=new Promise((t=>this.q=t));}resume(){this.q?.(),this.Z=this.q=void 0;}}
+
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const me=t=>!st(t)&&"function"==typeof t.then,_e=1073741823;class we extends $t{constructor(){super(...arguments),this.wt=_e,this.bt=[],this.K=new Tt(this),this.X=new Et;}render(...t){return t.find((t=>!me(t)))??R}update(t,s){const i=this.bt;let e=i.length;this.bt=s;const r=this.K,o=this.X;this.isConnected||this.disconnected();for(let t=0;t<s.length&&!(t>this.wt);t++){const n=s[t];if(!me(n))return this.wt=t,n;t<e&&n===i[t]||(this.wt=_e,e=0,Promise.resolve(n).then((async t=>{for(;o.get();)await o.get();const s=r.deref();if(void 0!==s){const i=s.bt.indexOf(n);i>-1&&i<s.wt&&(s.wt=i,s.setValue(t));}})));}return R}disconnected(){this.K.disconnect(),this.X.pause();}reconnected(){this.K.reconnect(this),this.X.resume();}}const be=e(we);
+
+/**
+ * SSR Window 4.0.2
+ * Better handling for window object in SSR environment
+ * https://github.com/nolimits4web/ssr-window
+ *
+ * Copyright 2021, Vladimir Kharlampidi
+ *
+ * Licensed under MIT
+ *
+ * Released on: December 13, 2021
+ */
+/* eslint-disable no-param-reassign */
+function isObject(obj) {
+    return (obj !== null &&
+        typeof obj === 'object' &&
+        'constructor' in obj &&
+        obj.constructor === Object);
+}
+function extend$1(target = {}, src = {}) {
+    Object.keys(src).forEach((key) => {
+        if (typeof target[key] === 'undefined')
+            target[key] = src[key];
+        else if (isObject(src[key]) &&
+            isObject(target[key]) &&
+            Object.keys(src[key]).length > 0) {
+            extend$1(target[key], src[key]);
+        }
+    });
+}
+
+const ssrDocument = {
+    body: {},
+    addEventListener() { },
+    removeEventListener() { },
+    activeElement: {
+        blur() { },
+        nodeName: '',
+    },
+    querySelector() {
+        return null;
+    },
+    querySelectorAll() {
+        return [];
+    },
+    getElementById() {
+        return null;
+    },
+    createEvent() {
+        return {
+            initEvent() { },
+        };
+    },
+    createElement() {
+        return {
+            children: [],
+            childNodes: [],
+            style: {},
+            setAttribute() { },
+            getElementsByTagName() {
+                return [];
+            },
+        };
+    },
+    createElementNS() {
+        return {};
+    },
+    importNode() {
+        return null;
+    },
+    location: {
+        hash: '',
+        host: '',
+        hostname: '',
+        href: '',
+        origin: '',
+        pathname: '',
+        protocol: '',
+        search: '',
+    },
+};
+function getDocument() {
+    const doc = typeof document !== 'undefined' ? document : {};
+    extend$1(doc, ssrDocument);
+    return doc;
+}
+
+const ssrWindow = {
+    document: ssrDocument,
+    navigator: {
+        userAgent: '',
+    },
+    location: {
+        hash: '',
+        host: '',
+        hostname: '',
+        href: '',
+        origin: '',
+        pathname: '',
+        protocol: '',
+        search: '',
+    },
+    history: {
+        replaceState() { },
+        pushState() { },
+        go() { },
+        back() { },
+    },
+    CustomEvent: function CustomEvent() {
+        return this;
+    },
+    addEventListener() { },
+    removeEventListener() { },
+    getComputedStyle() {
+        return {
+            getPropertyValue() {
+                return '';
+            },
+        };
+    },
+    Image() { },
+    Date() { },
+    screen: {},
+    setTimeout() { },
+    clearTimeout() { },
+    matchMedia() {
+        return {};
+    },
+    requestAnimationFrame(callback) {
+        if (typeof setTimeout === 'undefined') {
+            callback();
+            return null;
+        }
+        return setTimeout(callback, 0);
+    },
+    cancelAnimationFrame(id) {
+        if (typeof setTimeout === 'undefined') {
+            return;
+        }
+        clearTimeout(id);
+    },
+};
+function getWindow() {
+    const win = typeof window !== 'undefined' ? window : {};
+    extend$1(win, ssrWindow);
+    return win;
+}
+
+/**
+ * 获取指定元素的标签名（小写），不存在元素的返回空字符串
+ * @param element
+ */
+// eslint-disable-next-line @typescript-eslint/ban-types
+const isFunction = (target) => {
+    return typeof target === 'function';
+};
+const isString = (target) => {
+    return typeof target === 'string';
+};
+const isNumber = (target) => {
+    return typeof target === 'number';
+};
+const isBoolean = (target) => {
+    return typeof target === 'boolean';
+};
+const isUndefined = (target) => {
+    return typeof target === 'undefined';
+};
+const isNull = (target) => {
+    return target === null;
+};
+const isWindow = (target) => {
+    return typeof Window !== 'undefined' && target instanceof Window;
+};
+const isDocument = (target) => {
+    return typeof Document !== 'undefined' && target instanceof Document;
+};
+const isElement = (target) => {
+    return typeof Element !== 'undefined' && target instanceof Element;
+};
+const isNode = (target) => {
+    return typeof Node !== 'undefined' && target instanceof Node;
+};
+const isArrayLike = (target) => {
+    return (!isFunction(target) &&
+        !isWindow(target) &&
+        isNumber(target.length));
+};
+const isObjectLike = (target) => {
+    return typeof target === 'object' && target !== null;
+};
+const toElement = (target) => {
+    return isDocument(target) ? target.documentElement : target;
+};
+/**
+ * 把用 - 分隔的字符串转为驼峰（如 box-sizing 转换为 boxSizing）
+ * @param string
+ */
+const toCamelCase = (string) => {
+    return string.replace(/-([a-z])/g, (_, letter) => {
+        return letter.toUpperCase();
+    });
+};
+/**
+ * 把驼峰法转为用 - 分隔的字符串（如 boxSizing 转换为 box-sizing）
+ * @param string
+ */
+const toKebabCase = (string) => {
+    if (!string) {
+        return string;
+    }
+    return string
+        .replace(/^./, string[0].toLowerCase()) // 首字母转小写
+        .replace(/[A-Z]/g, (replacer) => {
+        return '-' + replacer.toLowerCase();
+    });
+};
+/**
+ * 始终返回 false 的函数
+ */
+const returnFalse = () => {
+    return false;
+};
+/**
+ * 遍历数组
+ * @param target
+ * @param callback
+ */
+const eachArray = (target, callback) => {
+    for (let i = 0; i < target.length; i += 1) {
+        if (callback.call(target[i], target[i], i) === false) {
+            return target;
+        }
+    }
+    return target;
+};
+/**
+ * 遍历对象
+ * @param target
+ * @param callback
+ */
+const eachObject = (target, callback) => {
+    const keys = Object.keys(target);
+    for (let i = 0; i < keys.length; i += 1) {
+        const key = keys[i];
+        if (callback.call(target[key], key, target[key]) === false) {
+            return target;
+        }
+    }
+    return target;
+};
+
+/**
+ * 为了使用模块扩充，这里不能使用默认导出
+ */
+class JQ {
+    constructor(arr) {
+        this.length = 0;
+        if (!arr) {
+            return this;
+        }
+        eachArray(arr, (item, i) => {
+            this[i] = item;
+        });
+        this.length = arr.length;
+        return this;
+    }
+}
+
+/**
+ * DOM 是否已加载完成
+ *
+ * 在 Web Components 中操作组件外部的 DOM、或组件中的 slot 的 DOM 时，必须先判断 DOM 是否已加载完成。
+ */
+const isDomReady = (document = getDocument()) => {
+    return /complete|interactive/.test(document.readyState);
+};
+const createElement = (tagName) => {
+    const document = getDocument();
+    return document.createElement(tagName);
+};
+const appendChild = (element, child) => {
+    return element.appendChild(child);
+};
+const removeChild = (element) => {
+    return element.parentNode ? element.parentNode.removeChild(element) : element;
+};
+/**
+ * 获取子节点组成的数组
+ * @param target
+ * @param parent
+ */
+const getChildNodesArray = (target, parent) => {
+    const tempParent = createElement(parent);
+    tempParent.innerHTML = target;
+    return [].slice.call(tempParent.childNodes);
+};
+
+const get$ = () => {
+    const $ = function (selector) {
+        if (!selector) {
+            return new JQ();
+        }
+        // JQ
+        if (selector instanceof JQ) {
+            return selector;
+        }
+        // function
+        if (isFunction(selector)) {
+            const document = getDocument();
+            if (isDomReady(document)) {
+                selector.call(document, $);
+            }
+            else {
+                document.addEventListener('DOMContentLoaded', () => selector.call(document, $), { once: true });
+            }
+            return new JQ([document]);
+        }
+        // String
+        if (isString(selector)) {
+            const html = selector.trim();
+            // 根据 HTML 字符串创建 JQ 对象
+            if (html.startsWith('<') && html.endsWith('>')) {
+                let toCreate = 'div';
+                const tags = {
+                    li: 'ul',
+                    tr: 'tbody',
+                    td: 'tr',
+                    th: 'tr',
+                    tbody: 'table',
+                    option: 'select',
+                };
+                eachObject(tags, (childTag, parentTag) => {
+                    if (html.startsWith(`<${childTag}`)) {
+                        toCreate = parentTag;
+                        return false;
+                    }
+                    return;
+                });
+                return new JQ(getChildNodesArray(html, toCreate));
+            }
+            const document = getDocument();
+            // 根据 CSS 选择器创建 JQ 对象
+            return new JQ(document.querySelectorAll(selector));
+        }
+        if (isArrayLike(selector) && !isNode(selector)) {
+            return new JQ(selector);
+        }
+        return new JQ([selector]);
+    };
+    $.fn = JQ.prototype;
+    return $;
+};
+const $ = get$();
+
+/**
+ * 检查 container 元素内是否包含 contains 元素
+ * @param container 父元素
+ * @param contains 子元素
+ * @example
+```js
+contains( document, document.body ); // true
+contains( document.getElementById('test'), document ); // false
+contains( $('.container').get(0), $('.contains').get(0) ); // false
+```
+ */
+const contains = (container, contains) => {
+    return container !== contains && toElement(container).contains(contains);
+};
+
+/**
+ * 把第二个数组的元素追加到第一个数组中，并返回合并后的数组
+ * @param first 第一个数组
+ * @param second 该数组的元素将被追加到第一个数组中
+ * @example
+```js
+merge( [ 0, 1, 2 ], [ 2, 3, 4 ] )
+// [ 0, 1, 2, 2, 3, 4 ]
+```
+ */
+const merge = (first, second) => {
+    eachArray(second, (value) => {
+        first.push(value);
+    });
+    return first;
+};
+
+// eslint-disable-next-line
+$.fn.each = function (callback) {
+    return eachArray(this, (value, index) => {
+        return callback.call(value, index, value);
+    });
+};
+
+// eslint-disable-next-line
+$.fn.get = function (index) {
+    return index === undefined
+        ? [].slice.call(this)
+        : this[index >= 0 ? index : index + this.length];
+};
+
+$.fn.find = function (selector) {
+    const foundElements = [];
+    this.each((_, element) => {
+        merge(foundElements, $(element.querySelectorAll(selector)).get());
+    });
+    return new JQ(foundElements);
+};
+
+// 直接使用 CustomEvent 在 ssr 环境下会报错
+const CustomEvent$1 = getWindow().CustomEvent;
+/**
+ * 封装 CustomEvent，使之支持 data:事件监听参数，namespace:命名空间
+ */
+class MduiCustomEvent extends CustomEvent$1 {
+    constructor(type, options) {
+        super(type, options);
+        this.data = options.data;
+        this.namespace = options.namespace;
+    }
+}
+const elementIdMap = new WeakMap();
+let elementId = 1;
+/**
+ * 为元素赋予一个唯一的ID
+ */
+const getElementId = (element) => {
+    if (!elementIdMap.has(element)) {
+        elementIdMap.set(element, ++elementId);
+    }
+    return elementIdMap.get(element);
+};
+// 存储唯一ID及事件处理
+const handlersMap = new Map();
+/**
+ * 获取元素上的事件处理器数组
+ * @param element
+ */
+const getHandlers = (element) => {
+    const id = getElementId(element);
+    return handlersMap.get(id) || handlersMap.set(id, []).get(id);
+};
+/**
+ * 解析事件名中的命名空间
+ */
+const parse = (type) => {
+    const parts = type.split('.');
+    return {
+        type: parts[0],
+        namespace: parts.slice(1).sort().join(' '),
+    };
+};
+/**
+ * 命名空间匹配规则
+ */
+const matcherFor = (namespace) => {
+    return new RegExp('(?:^| )' + namespace.replace(' ', ' .* ?') + '(?: |$)');
+};
+/**
+ * 获取匹配的事件
+ * @param element
+ * @param type
+ * @param func
+ * @param selector
+ */
+const getMatchedHandlers = (element, type, func, selector) => {
+    const event = parse(type);
+    return getHandlers(element).filter((handler) => {
+        return (handler &&
+            (!event.type || handler.type === event.type) &&
+            (!event.namespace ||
+                matcherFor(event.namespace).test(handler.namespace)) &&
+            (!func || getElementId(handler.func) === getElementId(func)) &&
+            (!selector || handler.selector === selector));
+    });
+};
+/**
+ * 添加事件监听
+ * @param element
+ * @param types
+ * @param func
+ * @param data
+ * @param selector
+ */
+const add = (element, types, func, data, selector) => {
+    // 传入 data.useCapture 来设置 useCapture: true
+    let useCapture = false;
+    if (isObjectLike(data) && data.useCapture) {
+        useCapture = true;
+    }
+    types.split(' ').forEach((type) => {
+        if (!type) {
+            return;
+        }
+        const event = parse(type);
+        const callFn = (e, elem) => {
+            const result = func.apply(elem, 
+            // @ts-ignore
+            e.detail === null ? [e] : [e].concat(e.detail));
+            if (result === false) {
+                e.preventDefault();
+                e.stopPropagation();
+            }
+        };
+        const proxyFn = (e) => {
+            if (e.namespace && !matcherFor(e.namespace).test(event.namespace)) {
+                return;
+            }
+            e.data = data;
+            if (selector) {
+                // 事件代理
+                $(element)
+                    .find(selector)
+                    .get()
+                    .reverse()
+                    .forEach((elem) => {
+                    if (elem === e.target || contains(elem, e.target)) {
+                        callFn(e, elem);
+                    }
+                });
+            }
+            else {
+                // 不使用事件代理
+                callFn(e, element);
+            }
+        };
+        const handler = {
+            type: event.type,
+            namespace: event.namespace,
+            func,
+            selector,
+            id: getHandlers(element).length,
+            proxy: proxyFn,
+        };
+        getHandlers(element).push(handler);
+        // @ts-ignore
+        element.addEventListener(handler.type, proxyFn, useCapture);
+    });
+};
+/**
+ * 移除事件监听
+ * @param element
+ * @param types
+ * @param func
+ * @param selector
+ */
+const remove = (element, types, func, selector) => {
+    const handlersInElement = getHandlers(element);
+    const removeEvent = (handler) => {
+        delete handlersInElement[handler.id];
+        // @ts-ignore
+        element.removeEventListener(handler.type, handler.proxy, false);
+    };
+    if (!types) {
+        handlersInElement.forEach((handler) => {
+            removeEvent(handler);
+        });
+    }
+    else {
+        types.split(' ').forEach((type) => {
+            if (type) {
+                getMatchedHandlers(element, type, func, selector).forEach((handler) => {
+                    removeEvent(handler);
+                });
+            }
+        });
+    }
+};
+
+$.fn.trigger = function (name, 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+detail = null, options) {
+    const { type, namespace } = parse(name);
+    const event = new MduiCustomEvent(type, {
+        detail,
+        data: null,
+        namespace,
+        bubbles: true,
+        cancelable: false,
+        composed: true,
+        ...options,
+    });
+    return this.each((_, element) => {
+        element.dispatchEvent(event);
+    });
+};
+
+function extend(target, ...objectN) {
+    eachArray(objectN, (object) => {
+        eachObject(object, (prop, value) => {
+            if (!isUndefined(value)) {
+                target[prop] = value;
+            }
+        });
+    });
+    return target;
+}
+
+// 全局事件名
+const ajaxStart = 'ajaxStart';
+const ajaxSuccess = 'ajaxSuccess';
+const ajaxError = 'ajaxError';
+const ajaxComplete = 'ajaxComplete';
+// 全局配置参数
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const globalOptions = {};
+/**
+ * 判断此请求方法是否通过查询字符串提交参数
+ * @param method 请求方法，大写
+ */
+const isQueryStringData = (method) => {
+    return ['GET', 'HEAD'].includes(method);
+};
+/**
+ * 添加参数到 URL 上，且 URL 中不存在 ? 时，自动把第一个 & 替换为 ?
+ * @param url
+ * @param query
+ */
+const appendQuery = (url, query) => {
+    return `${url}&${query}`.replace(/[&?]{1,2}/, '?');
+};
+/**
+ * url 是否跨域
+ * @param url
+ */
+const isCrossDomain = (url) => {
+    const window = getWindow();
+    return (/^([\w-]+:)?\/\/([^/]+)/.test(url) && RegExp.$2 !== window.location.host);
+};
+/**
+ * HTTP 状态码是否表示请求成功
+ * @param status
+ */
+const isHttpStatusSuccess = (status) => {
+    return (status >= 200 && status < 300) || [0, 304].includes(status);
+};
+/**
+ * 合并请求参数，参数优先级：options > globalOptions > defaults
+ * @param options
+ */
+const mergeOptions = (options) => {
+    // 默认参数
+    const defaults = {
+        url: '',
+        method: 'GET',
+        data: '',
+        processData: true,
+        async: true,
+        cache: true,
+        username: '',
+        password: '',
+        headers: {},
+        xhrFields: {},
+        statusCode: {},
+        dataType: '',
+        contentType: 'application/x-www-form-urlencoded',
+        timeout: 0,
+        global: true,
+    };
+    // globalOptions 中的回调函数不合并
+    eachObject(globalOptions, (key, value) => {
+        const callbacks = [
+            'beforeSend',
+            'success',
+            'error',
+            'complete',
+            'statusCode',
+        ];
+        if (!callbacks.includes(key) && !isUndefined(value)) {
+            defaults[key] = value;
+        }
+    });
+    return extend({}, defaults, options);
+};
+
+/**
+ * 将数组或对象序列化，序列化后的字符串可作为 URL 查询字符串使用
+ *
+ * 若传入数组，则格式必须和 serializeArray 方法的返回值一样
+ * @param obj 对象或数组
+ * @example
+```js
+param({ width: 1680, height: 1050 });
+// width=1680&height=1050
+```
+ * @example
+```js
+param({ foo: { one: 1, two: 2 }})
+// foo[one]=1&foo[two]=2
+```
+ * @example
+```js
+param({ids: [1, 2, 3]})
+// ids[]=1&ids[]=2&ids[]=3
+```
+ * @example
+```js
+param([
+  {"name":"name","value":"mdui"},
+  {"name":"password","value":"123456"}
+])
+// name=mdui&password=123456
+```
+ */
+const param = (obj) => {
+    if (!isObjectLike(obj) && !Array.isArray(obj)) {
+        return '';
+    }
+    const args = [];
+    const destructure = (key, value) => {
+        let keyTmp;
+        if (isObjectLike(value)) {
+            eachObject(value, (i, v) => {
+                keyTmp = Array.isArray(value) && !isObjectLike(v) ? '' : i;
+                destructure(`${key}[${keyTmp}]`, v);
+            });
+        }
+        else {
+            keyTmp =
+                value == null || value === '' ? '=' : `=${encodeURIComponent(value)}`;
+            args.push(encodeURIComponent(key) + keyTmp);
+        }
+    };
+    if (Array.isArray(obj)) {
+        eachArray(obj, ({ name, value }) => {
+            return destructure(name, value);
+        });
+    }
+    else {
+        eachObject(obj, destructure);
+    }
+    return args.join('&');
+};
+
+/**
+ * 发送 ajax 请求
+ * @param options
+ * @example
+```js
+ajax({
+  method: "POST",
+  url: "some.php",
+  data: { name: "John", location: "Boston" }
+}).then(function( msg ) {
+  alert( "Data Saved: " + msg );
+});
+```
+ */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const ajax = (options) => {
+    const document = getDocument();
+    const window = getWindow();
+    // 是否已取消请求
+    let isCanceled = false;
+    // ajaxStart、ajaxError、ajaxComplete 事件参数
+    // @ts-ignore
+    const eventParams = {};
+    // ajaxSuccess 事件参数
+    // @ts-ignore
+    const successEventParams = {};
+    // 参数合并
+    const mergedOptions = mergeOptions(options);
+    const method = mergedOptions.method.toUpperCase();
+    let { data, url } = mergedOptions;
+    url = url || window.location.toString();
+    const { processData, async, cache, username, password, headers, xhrFields, statusCode, dataType, contentType, timeout, global, } = mergedOptions;
+    // 需要发送的数据
+    // GET/HEAD 请求和 processData 为 true 时，转换为查询字符串格式，特殊格式不转换
+    const isMethodQueryString = isQueryStringData(method);
+    if (data &&
+        (isMethodQueryString || processData) &&
+        !isString(data) &&
+        !(data instanceof ArrayBuffer) &&
+        !(data instanceof Blob) &&
+        !(data instanceof Document) &&
+        !(data instanceof FormData)) {
+        data = param(data);
+    }
+    // 对于 GET、HEAD 类型的请求，把 data 数据添加到 URL 中
+    if (data && isMethodQueryString) {
+        // 查询字符串拼接到 URL 中
+        url = appendQuery(url, data);
+        data = null;
+    }
+    /**
+     * 触发事件和回调函数
+     * @param event
+     * @param callback
+     * @param args
+     */
+    const trigger = (event, callback, ...args) => {
+        // 触发全局事件
+        if (global) {
+            $(document).trigger(event, callback === 'success' ? successEventParams : eventParams);
+        }
+        // 触发 ajax 回调和事件
+        let resultGlobal;
+        let resultCustom;
+        // 全局回调
+        if (callback in globalOptions) {
+            // @ts-ignore
+            resultGlobal = globalOptions[callback](...args);
+        }
+        // 自定义回调
+        if (mergedOptions[callback]) {
+            // @ts-ignore
+            resultCustom = mergedOptions[callback](...args);
+        }
+        // beforeSend 回调返回 false 时取消 ajax 请求
+        if (callback === 'beforeSend' &&
+            [resultGlobal, resultCustom].includes(false)) {
+            isCanceled = true;
+        }
+    };
+    // XMLHttpRequest 请求
+    const XHR = () => {
+        let textStatus;
+        return new Promise((resolve, reject) => {
+            const doReject = (reason) => {
+                return reject(new Error(reason));
+            };
+            // GET/HEAD 请求的缓存处理
+            if (isMethodQueryString && !cache) {
+                url = appendQuery(url, `_=${Date.now()}`);
+            }
+            // 创建 XHR
+            const xhr = new XMLHttpRequest();
+            xhr.open(method, url, async, username, password);
+            if (contentType ||
+                (data && !isMethodQueryString && contentType !== false)) {
+                xhr.setRequestHeader('Content-Type', contentType);
+            }
+            // 设置 Accept
+            if (dataType === 'json') {
+                xhr.setRequestHeader('Accept', 'application/json, text/javascript');
+            }
+            // 添加 headers
+            eachObject(headers, (key, value) => {
+                // undefined 值不发送，string 和 null 需要发送
+                if (!isUndefined(value)) {
+                    xhr.setRequestHeader(key, value + ''); // 把 null 转换成字符串
+                }
+            });
+            // 检查是否是跨域请求，跨域请求时不添加 X-Requested-With
+            if (!isCrossDomain(url)) {
+                xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
+            }
+            // 设置 xhr 选项
+            eachObject(xhrFields, (key, value) => {
+                xhr[key] = value;
+            });
+            eventParams.xhr = successEventParams.xhr = xhr;
+            eventParams.options = successEventParams.options = mergedOptions;
+            let xhrTimeout;
+            xhr.onload = () => {
+                if (xhrTimeout) {
+                    clearTimeout(xhrTimeout);
+                }
+                // AJAX 返回的 HTTP 响应码是否表示成功
+                const isSuccess = isHttpStatusSuccess(xhr.status);
+                // @ts-ignore
+                let responseData = undefined;
+                if (isSuccess) {
+                    textStatus =
+                        xhr.status === 204 || method === 'HEAD'
+                            ? 'nocontent'
+                            : xhr.status === 304
+                                ? 'notmodified'
+                                : 'success';
+                    if (dataType === 'json' ||
+                        (!dataType &&
+                            (xhr.getResponseHeader('content-type') || '').includes('json'))) {
+                        try {
+                            responseData =
+                                method === 'HEAD' ? undefined : JSON.parse(xhr.responseText);
+                            successEventParams.response = responseData;
+                        }
+                        catch (err) {
+                            textStatus = 'parsererror';
+                            trigger(ajaxError, 'error', xhr, textStatus);
+                            doReject(textStatus);
+                        }
+                        if (textStatus !== 'parsererror') {
+                            trigger(ajaxSuccess, 'success', responseData, textStatus, xhr);
+                            resolve(responseData);
+                        }
+                    }
+                    else {
+                        responseData =
+                            method === 'HEAD'
+                                ? undefined
+                                : xhr.responseType === 'text' || xhr.responseType === ''
+                                    ? xhr.responseText
+                                    : xhr.response;
+                        successEventParams.response = responseData;
+                        trigger(ajaxSuccess, 'success', responseData, textStatus, xhr);
+                        resolve(responseData);
+                    }
+                }
+                else {
+                    textStatus = 'error';
+                    trigger(ajaxError, 'error', xhr, textStatus);
+                    doReject(textStatus);
+                }
+                // statusCode
+                eachArray([globalOptions.statusCode ?? {}, statusCode], (func) => {
+                    if (func[xhr.status]) {
+                        if (isSuccess) {
+                            func[xhr.status](responseData, textStatus, xhr);
+                        }
+                        else {
+                            func[xhr.status](xhr, textStatus);
+                        }
+                    }
+                });
+                trigger(ajaxComplete, 'complete', xhr, textStatus);
+            };
+            xhr.onerror = () => {
+                if (xhrTimeout) {
+                    clearTimeout(xhrTimeout);
+                }
+                trigger(ajaxError, 'error', xhr, xhr.statusText);
+                trigger(ajaxComplete, 'complete', xhr, 'error');
+                doReject(xhr.statusText);
+            };
+            xhr.onabort = () => {
+                let statusText = 'abort';
+                if (xhrTimeout) {
+                    statusText = 'timeout';
+                    clearTimeout(xhrTimeout);
+                }
+                trigger(ajaxError, 'error', xhr, statusText);
+                trigger(ajaxComplete, 'complete', xhr, statusText);
+                doReject(statusText);
+            };
+            // ajax start 回调
+            trigger(ajaxStart, 'beforeSend', xhr, mergedOptions);
+            if (isCanceled) {
+                return doReject('cancel');
+            }
+            // Timeout
+            if (timeout > 0) {
+                xhrTimeout = window.setTimeout(() => xhr.abort(), timeout);
+            }
+            // 发送 XHR
+            xhr.send(data);
+        });
+    };
+    return XHR();
+};
+
+// eslint-disable-next-line @typescript-eslint/no-unsafe-declaration-merging
+class MduiElement extends h {
+    /**
+     * 触发自定义事件。若返回 false，表示事件被取消
+     * @param type
+     * @param options 通常只用到 cancelable 和 detail；bubbles、composed 统一不用
+     */
+    emit(type, options) {
+        const event = new CustomEvent(type, Object.assign({
+            bubbles: true,
+            cancelable: false,
+            composed: true,
+            detail: {},
+        }, options));
+        return this.dispatchEvent(event);
+    }
+}
+
+/**
+ * 检查指定的 slot 是否存在
+ */
+class HasSlotController {
+    constructor(host, ...slotNames) {
+        this.slotNames = [];
+        (this.host = host).addController(this);
+        this.slotNames = slotNames;
+        this.onSlotChange = this.onSlotChange.bind(this);
+    }
+    hostConnected() {
+        this.host.shadowRoot.addEventListener('slotchange', this.onSlotChange);
+        if (!isDomReady()) {
+            $(() => {
+                this.host.requestUpdate();
+            });
+        }
+    }
+    hostDisconnected() {
+        this.host.shadowRoot.removeEventListener('slotchange', this.onSlotChange);
+    }
+    test(slotName) {
+        return slotName === '[default]'
+            ? this.hasDefaultSlot()
+            : this.hasNamedSlot(slotName);
+    }
+    hasDefaultSlot() {
+        return [...this.host.childNodes].some((node) => {
+            if (node.nodeType === node.TEXT_NODE && node.textContent.trim() !== '') {
+                return true;
+            }
+            if (node.nodeType === node.ELEMENT_NODE) {
+                const el = node;
+                if (!el.hasAttribute('slot')) {
+                    return true;
+                }
+            }
+            return false;
+        });
+    }
+    hasNamedSlot(name) {
+        return this.host.querySelector(`:scope > [slot="${name}"]`) !== null;
+    }
+    onSlotChange(event) {
+        const slot = event.target;
+        if ((this.slotNames.includes('[default]') && !slot.name) ||
+            (slot.name && this.slotNames.includes(slot.name))) {
+            this.host.requestUpdate();
+        }
+    }
+}
+
+const componentStyle = i$2 `:host{box-sizing:border-box}:host *,:host ::after,:host ::before{box-sizing:inherit}:host :focus,:host :focus-visible,:host(:focus),:host(:focus-visible){outline:0}[hidden]{display:none!important}`;
+
+const style$2 = i$2 `:host{display:inline-block;width:1em;height:1em;font-weight:400;font-family:'Material Icons';font-display:block;font-style:normal;line-height:1;direction:ltr;letter-spacing:normal;white-space:nowrap;text-transform:none;word-wrap:normal;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;-moz-osx-font-smoothing:grayscale;font-size:1.5rem}::slotted(svg),svg{width:100%;height:100%;fill:currentcolor}`;
+
+/**
+ * @summary 图标组件
+ *
+ * ```html
+ * <mdui-icon name="search"></mdui-icon>
+ * ```
+ *
+ * @slot - `svg` 图标的内容
+ */
+let Icon = class Icon extends MduiElement {
+    constructor() {
+        super(...arguments);
+        this.hasSlotController = new HasSlotController(this, '[default]');
+    }
+    render() {
+        const renderDefault = () => {
+            if (this.name) {
+                const [name, variant] = this.name.split('--');
+                const familyMap = new Map([
+                    ['outlined', 'Material Icons Outlined'],
+                    ['filled', 'Material Icons'],
+                    ['rounded', 'Material Icons Round'],
+                    ['sharp', 'Material Icons Sharp'],
+                    ['two-tone', 'Material Icons Two Tone'],
+                ]);
+                return ke `<span style="${se({ fontFamily: familyMap.get(variant) })}">${name}</span>`;
+            }
+            if (this.src) {
+                return ke `${be(ajax({ url: this.src }).then(fe))}`;
+            }
+            return ke ``;
+        };
+        return this.hasSlotController.test('[default]')
+            ? ke `<slot></slot>`
+            : renderDefault();
+    }
+};
+Icon.styles = [componentStyle, style$2];
+__decorate([
+    n({ reflect: true })
+], Icon.prototype, "name", void 0);
+__decorate([
+    n({ reflect: true })
+], Icon.prototype, "src", void 0);
+Icon = __decorate([
+    t$1('mdui-icon')
+], Icon);
+
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const to=t=>t??D;
+
+function cc(names) {
+  if (typeof names === "string" || typeof names === "number") return "" + names
+
+  let out = "";
+
+  if (Array.isArray(names)) {
+    for (let i = 0, tmp; i < names.length; i++) {
+      if ((tmp = cc(names[i])) !== "") {
+        out += (out && " ") + tmp;
+      }
+    }
+  } else {
+    for (let k in names) {
+      if (names[k]) out += (out && " ") + k;
+    }
+  }
+
+  return out
+}
+
+/**
+ * 获取属性值
+ * @param element
+ * @param key 属性键名
+ * @param defaultValue 当 element.getAttribute 为 null 时，默认返回 undefined
+ */
+const getAttribute = (element, key, defaultValue) => {
+    const value = element.getAttribute(key);
+    return isNull(value) ? defaultValue : value;
+};
+/**
+ * 移除属性
+ * @param element
+ * @param key 属性键名
+ */
+const removeAttribute = (element, key) => {
+    element.removeAttribute(key);
+};
+/**
+ * 设置属性值
+ * @param element
+ * @param key 属性键名
+ * @param value 值，若为 null，则调用 removeAttribute
+ */
+const setAttribute = (element, key, value) => {
+    isNull(value)
+        ? removeAttribute(element, key)
+        : element.setAttribute(key, value);
+};
+
+/**
+ * 获取元素的样式值
+ * @param element
+ * @param name
+ */
+const getComputedStyleValue = (element, name) => {
+    const window = getWindow();
+    return window.getComputedStyle(element).getPropertyValue(toKebabCase(name));
+};
+/**
+ * 检查元素的 box-sizing 是否是 border-box
+ * @param element
+ */
+const isBorderBox = (element) => {
+    return getComputedStyleValue(element, 'box-sizing') === 'border-box';
+};
+/**
+ * 获取元素的 padding, border, margin 宽度（两侧宽度的和，单位为px）
+ * @param element
+ * @param direction
+ * @param extra
+ */
+const getExtraWidth = (element, direction, extra) => {
+    const position = direction === 'width'
+        ? ['Left', 'Right']
+        : ['Top', 'Bottom'];
+    return [0, 1].reduce((prev, _, index) => {
+        let prop = extra + position[index];
+        if (extra === 'border') {
+            prop += 'Width';
+        }
+        return prev + parseFloat(getComputedStyleValue(element, prop) || '0');
+    }, 0);
+};
+/**
+ * 获取元素的样式值，对 width 和 height 进行过处理
+ * @param element
+ * @param name
+ */
+const getStyle = (element, name) => {
+    // width、height 属性使用 getComputedStyle 得到的值不准确，需要使用 getBoundingClientRect 获取
+    if (name === 'width' || name === 'height') {
+        const valueNumber = element.getBoundingClientRect()[name];
+        if (isBorderBox(element)) {
+            return `${valueNumber}px`;
+        }
+        return `${valueNumber -
+            getExtraWidth(element, name, 'border') -
+            getExtraWidth(element, name, 'padding')}px`;
+    }
+    return getComputedStyleValue(element, name);
+};
+/**
+ * 数值单位的 CSS 属性
+ */
+const cssNumber = [
+    'animation-iteration-count',
+    'column-count',
+    'fill-opacity',
+    'flex-grow',
+    'flex-shrink',
+    'font-weight',
+    'grid-area',
+    'grid-column',
+    'grid-column-end',
+    'grid-column-start',
+    'grid-row',
+    'grid-row-end',
+    'grid-row-start',
+    'line-height',
+    'opacity',
+    'order',
+    'orphans',
+    'widows',
+    'z-index',
+    'zoom',
+];
+
+eachArray(['attr', 'prop', 'css'], (name, nameIndex) => {
+    // eslint-disable-next-line
+    const set = (element, key, value) => {
+        // 值为 undefined 时，不修改
+        if (isUndefined(value)) {
+            return;
+        }
+        // attr
+        if (nameIndex === 0) {
+            return setAttribute(element, key, value);
+        }
+        // prop
+        if (nameIndex === 1) {
+            // @ts-ignore
+            element[key] = value;
+            return;
+        }
+        // css
+        key = toKebabCase(key);
+        // 获取默认后缀。以 -- 开头的为 CSS 变量，不添加后缀；值为数值类型的不添加后缀
+        const getSuffix = () => key.startsWith('--') || cssNumber.includes(key) ? '' : 'px';
+        element.style.setProperty(key, isNumber(value) ? `${value}${getSuffix()}` : value);
+    };
+    // eslint-disable-next-line
+    const get = (element, key) => {
+        // attr
+        if (nameIndex === 0) {
+            // 属性不存在时，原生 getAttribute 方法返回 null，而 jquery 返回 undefined。这里和 jquery 保持一致
+            return getAttribute(element, key);
+        }
+        // prop
+        if (nameIndex === 1) {
+            // @ts-ignore
+            return element[key];
+        }
+        return getStyle(element, key);
+    };
+    $.fn[name] = function (key, 
+    // eslint-disable-next-line
+    value) {
+        if (isObjectLike(key)) {
+            eachObject(key, (k, v) => {
+                // @ts-ignore
+                this[name](k, v);
+            });
+            return this;
+        }
+        if (arguments.length === 1) {
+            const element = this[0];
+            return isElement(element) ? get(element, key) : undefined;
+        }
+        return this.each((i, element) => {
+            set(element, key, isFunction(value) ? value.call(element, i, get(element, key)) : value);
+        });
+    };
+});
+
+/**
+ * 使用该 WeakMap 来存储指定表单中所有的 mdui 表单控件
+ * 在每个表单控件的 hostConnected 中添加、hostDisconnected 中移除对应表单的 mdui 表单控件，
+ * 然后在 getFormControls 方法中就能获取到表单中所有的 mdui 表单控件
+ */
+const formCollections = new WeakMap();
+/**
+ * 获取表单中的所有表单控件，包含原生和 mdui 表单控件
+ * 原生的 `HTMLFormElement.elements` 仅返回原生表单控件，不包含 mdui 表单控件
+ */
+const getFormControls = (form) => {
+    const nativeFormControls = [...form.elements];
+    const formControls = formCollections.get(form) || [];
+    const comparePosition = (a, b) => {
+        const position = a.compareDocumentPosition(b);
+        return position & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1;
+    };
+    // 按 DOM 元素的顺序排序
+    return [...nativeFormControls, ...formControls].sort(comparePosition);
+};
+
+/**
+ * 过滤掉数组中的重复元素
+ * @param arr 数组
+ * @example
+```js
+unique([1, 2, 12, 3, 2, 1, 2, 1, 1]);
+// [1, 2, 12, 3]
+```
+ */
+const unique = (arr) => {
+    return [...new Set(arr)];
+};
+
+/**
+ * 判断组件是否定义完成
+ *
+ * 如果需要在组件操作或读取组件外部、或组件 slot 中的原生 DOM 时，则需要在 DOM 就绪时，才能认为组件定义完成
+ * 如果组件需要和其他组件配合使用，则需要等待其他组件定义完成后，才能认为组件定义完成
+ */
+class DefinedController {
+    constructor(host, options) {
+        /**
+         * 组件是否已定义完成
+         */
+        this.defined = false;
+        (this.host = host).addController(this);
+        this.relatedElements = options.relatedElements;
+        this.needDomReady = options.needDomReady || !!options.relatedElements;
+        this.onSlotChange = this.onSlotChange.bind(this);
+    }
+    hostConnected() {
+        this.host.shadowRoot.addEventListener('slotchange', this.onSlotChange);
+    }
+    hostDisconnected() {
+        this.host.shadowRoot.removeEventListener('slotchange', this.onSlotChange);
+    }
+    /**
+     * 判断组件是否定义完成
+     */
+    isDefined() {
+        if (this.defined) {
+            return true;
+        }
+        this.defined =
+            (!this.needDomReady || isDomReady()) &&
+                !this.getUndefinedLocalNames().length;
+        return this.defined;
+    }
+    /**
+     * 在组件定义完成后，promise 被 resolve
+     */
+    async whenDefined() {
+        if (this.defined) {
+            return Promise.resolve();
+        }
+        const document = getDocument();
+        if (this.needDomReady && !isDomReady(document)) {
+            await new Promise((resolve) => {
+                document.addEventListener('DOMContentLoaded', () => resolve(), {
+                    once: true,
+                });
+            });
+        }
+        const undefinedLocalNames = this.getUndefinedLocalNames();
+        if (undefinedLocalNames.length) {
+            const promises = [];
+            undefinedLocalNames.forEach((localName) => {
+                promises.push(customElements.whenDefined(localName));
+            });
+            await Promise.all(promises);
+        }
+        this.defined = true;
+        return;
+    }
+    /**
+     * slot 中的未完成定义的相关 Web components 组件的 CSS 选择器
+     */
+    getScopeLocalNameSelector() {
+        const localNames = this.relatedElements;
+        if (!localNames) {
+            return null;
+        }
+        if (Array.isArray(localNames)) {
+            return localNames
+                .map((localName) => `${localName}:not(:defined)`)
+                .join(',');
+        }
+        return Object.keys(localNames)
+            .filter((localName) => !localNames[localName])
+            .map((localName) => `${localName}:not(:defined)`)
+            .join(',');
+    }
+    /**
+     * 整个页面中的未完成定义的相关 Web components 组件的 CSS 选择器
+     */
+    getGlobalLocalNameSelector() {
+        const localNames = this.relatedElements;
+        if (!localNames || Array.isArray(localNames)) {
+            return null;
+        }
+        return Object.keys(localNames)
+            .filter((localName) => localNames[localName])
+            .map((localName) => `${localName}:not(:defined)`)
+            .join(',');
+    }
+    /**
+     * 获取未完成定义的相关 Web components 组件名
+     */
+    getUndefinedLocalNames() {
+        const scopeSelector = this.getScopeLocalNameSelector();
+        const globalSelector = this.getGlobalLocalNameSelector();
+        const undefinedScopeElements = scopeSelector
+            ? [...this.host.querySelectorAll(scopeSelector)]
+            : [];
+        const undefinedGlobalElements = globalSelector
+            ? [...getDocument().querySelectorAll(globalSelector)]
+            : [];
+        const localNames = [
+            ...undefinedScopeElements,
+            ...undefinedGlobalElements,
+        ].map((element) => element.localName);
+        return unique(localNames);
+    }
+    /**
+     * slot 变更时，若 slot 中包含未完成定义的相关 Web components 组件，则组件未定义完成
+     */
+    onSlotChange() {
+        const selector = this.getScopeLocalNameSelector();
+        if (selector) {
+            const undefinedElements = this.host.querySelectorAll(selector);
+            if (undefinedElements.length) {
+                this.defined = false;
+            }
+        }
+    }
+}
+
+/**
+ * 参考：https://github.com/shoelace-style/shoelace/blob/next/src/internal/form.ts
+ */
+/**
+ * 在执行 `<form>` 元素的 reportValidity() 时，不会执行 mdui 组件的 reportValidity() 方法，
+ * 因此在 mdui 表单控件的 hostConnected 中把 `<form>` 的 reportValidity 替换为自定义方法，
+ * hostDisconnected 中恢复为 原生 reportValidity 方法
+ *
+ * 该 WeakMap 用于存储指定 `<form>` 的原生 reportValidity 方法
+ *
+ * 日后使用 ElementInternals 可不再进行该处理，但当前 safari 浏览器不支持。
+ */
+const reportValidityOverloads = new WeakMap();
+/**
+ * 在执行表单的 reset() 方法后，使用该 WeakMap 存储指定表单中所有的表单控件
+ * 在表单控件中监听值变更后，需要从该 WeakMap 中判断是否存在该表单控件，
+ * 若存在，则 invalid 设置为 false（不显示验证不通过样式），同时从 WeakMap 中移除该表单控件
+ */
+const formResets = new WeakMap();
+class FormController {
+    constructor(host, options) {
+        (this.host = host).addController(this);
+        this.definedController = new DefinedController(host, {
+            needDomReady: true,
+        });
+        this.options = {
+            form: (control) => {
+                const formId = $(control).attr('form');
+                if (formId) {
+                    const root = control.getRootNode();
+                    return root.getElementById(formId);
+                }
+                return control.closest('form');
+            },
+            name: (control) => control.name,
+            value: (control) => control.value,
+            defaultValue: (control) => control.defaultValue,
+            setValue: (control, value) => (control.value = value),
+            disabled: (control) => control.disabled,
+            reportValidity: (control) => isFunction(control.reportValidity) ? control.reportValidity() : true,
+            ...options,
+        };
+        this.onFormData = this.onFormData.bind(this);
+        this.onFormSubmit = this.onFormSubmit.bind(this);
+        this.onFormReset = this.onFormReset.bind(this);
+        this.reportFormValidity = this.reportFormValidity.bind(this);
+    }
+    hostConnected() {
+        this.definedController.whenDefined().then(() => {
+            this.form = this.options.form(this.host);
+            if (this.form) {
+                this.attachForm(this.form);
+            }
+        });
+    }
+    hostDisconnected() {
+        this.detachForm();
+    }
+    hostUpdated() {
+        this.definedController.whenDefined().then(() => {
+            const form = this.options.form(this.host);
+            if (!form) {
+                this.detachForm();
+            }
+            if (form && this.form !== form) {
+                this.detachForm();
+                this.attachForm(form);
+            }
+        });
+    }
+    /**
+     * 获取当前表单控件关联的 `<form>` 元素
+     */
+    getForm() {
+        return this.form ?? null;
+    }
+    /**
+     * 重置整个表单，所有表单控件恢复成默认值
+     */
+    reset(invoker) {
+        this.doAction('reset', invoker);
+    }
+    /**
+     * 提交整个表单
+     */
+    submit(invoker) {
+        this.doAction('submit', invoker);
+    }
+    attachForm(form) {
+        if (!form) {
+            this.form = undefined;
+            return;
+        }
+        this.form = form;
+        if (formCollections.has(this.form)) {
+            formCollections.get(this.form).add(this.host);
+        }
+        else {
+            formCollections.set(this.form, new Set([this.host]));
+        }
+        this.form.addEventListener('formdata', this.onFormData);
+        this.form.addEventListener('submit', this.onFormSubmit);
+        this.form.addEventListener('reset', this.onFormReset);
+        if (!reportValidityOverloads.has(this.form)) {
+            reportValidityOverloads.set(this.form, this.form.reportValidity);
+            this.form.reportValidity = () => this.reportFormValidity();
+        }
+    }
+    detachForm() {
+        if (this.form) {
+            formCollections.get(this.form).delete(this.host);
+            this.form.removeEventListener('formdata', this.onFormData);
+            this.form.removeEventListener('submit', this.onFormSubmit);
+            this.form.removeEventListener('reset', this.onFormReset);
+            if (reportValidityOverloads.has(this.form) &&
+                !formCollections.get(this.form).size) {
+                this.form.reportValidity = reportValidityOverloads.get(this.form);
+                reportValidityOverloads.delete(this.form);
+            }
+        }
+    }
+    doAction(type, invoker) {
+        if (!this.form) {
+            return;
+        }
+        const $button = $(`<button type="${type}">`).css({
+            position: 'absolute',
+            width: 0,
+            height: 0,
+            clipPath: 'inset(50%)',
+            overflow: 'hidden',
+            whiteSpace: 'nowrap',
+        });
+        const button = $button[0];
+        if (invoker) {
+            button.name = invoker.name;
+            button.value = invoker.value;
+            [
+                'formaction',
+                'formenctype',
+                'formmethod',
+                'formnovalidate',
+                'formtarget',
+            ].forEach((attr) => {
+                $button.attr(attr, $(invoker).attr(attr));
+            });
+        }
+        this.form.append(button);
+        button.click();
+        button.remove();
+    }
+    onFormData(event) {
+        const disabled = this.options.disabled(this.host);
+        const name = this.options.name(this.host);
+        const value = this.options.value(this.host);
+        // 对于按钮，仅在 type="submit" 时，才提交值。已在 doAction() 方法中把 name、value 注入到 <button> 元素上
+        const isButton = [
+            'mdui-button',
+            'mdui-button-icon',
+            'mdui-chip',
+            'mdui-fab',
+            'mdui-segmented-button',
+        ].includes(this.host.tagName.toLowerCase());
+        if (!disabled &&
+            !isButton &&
+            isString(name) &&
+            name &&
+            !isUndefined(value)) {
+            if (Array.isArray(value)) {
+                value.forEach((val) => {
+                    event.formData.append(name, val.toString());
+                });
+            }
+            else {
+                event.formData.append(name, value.toString());
+            }
+        }
+    }
+    // todo: 当前组件进行验证的顺序，取决于组件的注册顺序，而不会按在 DOM 中的顺序从上到下验证。如何按 DOM 顺序验证？
+    onFormSubmit(event) {
+        const disabled = this.options.disabled(this.host);
+        const reportValidity = this.options.reportValidity;
+        if (this.form &&
+            !this.form.noValidate &&
+            !disabled &&
+            !reportValidity(this.host)) {
+            event.preventDefault();
+            event.stopImmediatePropagation();
+        }
+    }
+    onFormReset() {
+        if (this.form) {
+            this.options.setValue(this.host, this.options.defaultValue(this.host));
+            // 取消 invalid 状态。
+            // 此外，还需要在各个组件内，监听值的变更，判断 formResets 中是否存在当前表单控件。若存在则 invalid 设为 false；不存在则设置为 checkValidity() 的值
+            // @ts-ignore
+            this.host.invalid = false;
+            if (formResets.has(this.form)) {
+                formResets.get(this.form).add(this.host);
+            }
+            else {
+                formResets.set(this.form, new Set([this.host]));
+            }
+        }
+    }
+    reportFormValidity() {
+        if (this.form && !this.form.noValidate) {
+            const elements = getFormControls(this.form);
+            for (const element of elements) {
+                if (isFunction(element.reportValidity) && !element.reportValidity()) {
+                    return false;
+                }
+            }
+        }
+        return true;
+    }
+}
+
+const AnchorMixin = (superclass) => {
+    class AnchorMixinClass extends superclass {
+        renderAnchor({ id, className, part, content = ke `<slot></slot>`, refDirective, tabIndex, }) {
+            return ke `<a ${refDirective} id="${to(id)}" class="_a ${className ? className : ''}" part="${to(part)}" href="${to(this.href)}" download="${to(this.download)}" target="${to(this.target)}" rel="${to(this.rel)}" tabindex="${to(tabIndex)}">${content}</a>`;
+        }
+    }
+    __decorate([
+        n({ reflect: true })
+    ], AnchorMixinClass.prototype, "href", void 0);
+    __decorate([
+        n({ reflect: true })
+    ], AnchorMixinClass.prototype, "download", void 0);
+    __decorate([
+        n({ reflect: true })
+    ], AnchorMixinClass.prototype, "target", void 0);
+    __decorate([
+        n({ reflect: true })
+    ], AnchorMixinClass.prototype, "rel", void 0);
+    return AnchorMixinClass;
+};
+
+$.fn.removeAttr = function (attributeName) {
+    const names = attributeName.split(' ').filter((name) => name);
+    return this.each(function () {
+        eachArray(names, (name) => {
+            removeAttribute(this, name);
+        });
+    });
+};
+
+let isClick = true;
+const document$1 = getDocument();
+document$1.addEventListener('pointerdown', () => {
+    isClick = true;
+});
+document$1.addEventListener('keydown', () => {
+    isClick = false;
+});
+/**
+ * 参考：https://github.com/adobe/spectrum-web-components/blob/main/tools/shared/src/focusable.ts
+ */
+const FocusableMixin = (superclass) => {
+    class FocusableMixinClass extends superclass {
+        constructor() {
+            super(...arguments);
+            /**
+             * 是否在页面加载完成后自动获取焦点
+             */
+            this.autofocus = false;
+            /**
+             * 是否获得了焦点，不管是鼠标点击，还是键盘切换获得的焦点，都会添加该属性
+             * 添加到 :host 元素上，供 CSS 选择器添加样式
+             */
+            this.focused = false;
+            /**
+             * 是否通过键盘切换获得了焦点
+             * 添加到 :host 元素上，供 CSS 选择器添加样式
+             */
+            this.focusVisible = false;
+            this.focusableDefinedController = new DefinedController(this, { relatedElements: [''] });
+            this._manipulatingTabindex = false;
+            this._tabIndex = 0;
+        }
+        /**
+         * 元素在使用 Tab 键切换焦点时的顺序
+         */
+        get tabIndex() {
+            const $this = $(this);
+            if (this.focusElement === this) {
+                return Number($this.attr('tabindex') || -1);
+            }
+            const tabIndexAttribute = Number($this.attr('tabindex') || 0);
+            if (this.focusDisabled || tabIndexAttribute < 0) {
+                return -1;
+            }
+            if (!this.focusElement) {
+                return tabIndexAttribute;
+            }
+            return this.focusElement.tabIndex;
+        }
+        set tabIndex(tabIndex) {
+            if (this._manipulatingTabindex) {
+                this._manipulatingTabindex = false;
+                return;
+            }
+            const $this = $(this);
+            if (this.focusElement === this) {
+                if (tabIndex !== null) {
+                    this._tabIndex = tabIndex;
+                }
+                $this.attr('tabindex', this.focusDisabled ? null : tabIndex);
+                return;
+            }
+            const onPointerDown = () => {
+                if (this.tabIndex === -1) {
+                    this.tabIndex = 0;
+                    this.focus({ preventScroll: true });
+                }
+            };
+            if (tabIndex === -1) {
+                this.addEventListener('pointerdown', onPointerDown);
+            }
+            else {
+                this._manipulatingTabindex = true;
+                this.removeEventListener('pointerdown', onPointerDown);
+            }
+            if (tabIndex === -1 || this.focusDisabled) {
+                $this.attr('tabindex', -1);
+                if (tabIndex !== -1) {
+                    this.manageFocusElementTabindex(tabIndex);
+                }
+                return;
+            }
+            if (!this.hasAttribute('tabindex')) {
+                this._manipulatingTabindex = false;
+            }
+            this.manageFocusElementTabindex(tabIndex);
+        }
+        /**
+         * 父类要实现该属性，表示是否禁用 focus 状态
+         */
+        get focusDisabled() {
+            throw new Error('Must implement focusDisabled getter!');
+        }
+        /**
+         * 最终获得焦点的元素
+         */
+        get focusElement() {
+            throw new Error('Must implement focusElement getter!');
+        }
+        connectedCallback() {
+            super.connectedCallback();
+            this.updateComplete.then(() => {
+                requestAnimationFrame(() => {
+                    this.manageAutoFocus();
+                });
+            });
+        }
+        /**
+         * 模拟鼠标点击元素
+         */
+        click() {
+            if (this.focusDisabled) {
+                return;
+            }
+            if (this.focusElement !== this) {
+                this.focusElement.click();
+            }
+            else {
+                HTMLElement.prototype.click.apply(this);
+            }
+        }
+        /**
+         * 将焦点设置到当前元素。
+         *
+         * 可以传入一个对象作为参数，该对象的属性包括：
+         *
+         * * `preventScroll`：默认情况下，元素获取焦点后，页面会滚动以将该元素滚动到视图中。如果不希望页面滚动，可以将此属性设置为 `true`。
+         */
+        focus(options) {
+            if (this.focusDisabled || !this.focusElement) {
+                return;
+            }
+            if (this.focusElement !== this) {
+                this.focusElement.focus(options);
+            }
+            else {
+                HTMLElement.prototype.focus.apply(this, [options]);
+            }
+        }
+        /**
+         * 移除当前元素的焦点
+         */
+        blur() {
+            if (this.focusElement !== this) {
+                this.focusElement.blur();
+            }
+            else {
+                HTMLElement.prototype.blur.apply(this);
+            }
+        }
+        firstUpdated(changedProperties) {
+            super.firstUpdated(changedProperties);
+            this.focusElement.addEventListener('focus', () => {
+                this.focused = true;
+                this.focusVisible = !isClick;
+            });
+            this.focusElement.addEventListener('blur', () => {
+                this.focused = false;
+                this.focusVisible = false;
+            });
+        }
+        update(changedProperties) {
+            if (this._lastFocusDisabled === undefined ||
+                this._lastFocusDisabled !== this.focusDisabled) {
+                this._lastFocusDisabled = this.focusDisabled;
+                const $this = $(this);
+                if (this.focusDisabled) {
+                    $this.removeAttr('tabindex');
+                }
+                else {
+                    if (this.focusElement === this) {
+                        this._manipulatingTabindex = true;
+                        $this.attr('tabindex', this._tabIndex);
+                    }
+                    else if (this.tabIndex > -1) {
+                        $this.removeAttr('tabindex');
+                    }
+                }
+            }
+            super.update(changedProperties);
+        }
+        updated(changedProperties) {
+            super.updated(changedProperties);
+            if (this.focused && this.focusDisabled) {
+                this.blur();
+            }
+        }
+        async manageFocusElementTabindex(tabIndex) {
+            if (!this.focusElement) {
+                await this.updateComplete;
+            }
+            if (tabIndex === null) {
+                this.focusElement.removeAttribute('tabindex');
+            }
+            else {
+                this.focusElement.tabIndex = tabIndex;
+            }
+        }
+        manageAutoFocus() {
+            if (this.autofocus) {
+                this.dispatchEvent(new KeyboardEvent('keydown', {
+                    code: 'Tab',
+                }));
+                this.focusElement.focus();
+            }
+        }
+    }
+    __decorate([
+        n({
+            type: Boolean,
+            /**
+             * 哪些属性需要 reflect: true？
+             * 一般所有属性都需要 reflect，但以下情况除外：
+             * 1. 会频繁变更的属性
+             * 2. 属性同步会造成较大性能开销的属性
+             * 3. 复杂类型属性（数组、对象等，仅提供 property，不提供 attribute）
+             */
+            reflect: true,
+            converter: booleanConverter,
+        })
+    ], FocusableMixinClass.prototype, "autofocus", void 0);
+    __decorate([
+        n({
+            type: Boolean,
+            reflect: true,
+            converter: booleanConverter,
+        })
+    ], FocusableMixinClass.prototype, "focused", void 0);
+    __decorate([
+        n({
+            type: Boolean,
+            reflect: true,
+            converter: booleanConverter,
+            attribute: 'focus-visible',
+        })
+    ], FocusableMixinClass.prototype, "focusVisible", void 0);
+    __decorate([
+        n({ type: Number, attribute: 'tabindex' })
+    ], FocusableMixinClass.prototype, "tabIndex", null);
+    return FocusableMixinClass;
+};
+
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const Rt=e(class extends i{constructor(s){if(super(s),s.type!==t.ATTRIBUTE||"class"!==s.name||s.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return " "+Object.keys(t).filter((s=>t[s])).join(" ")+" "}update(t,[s]){if(void 0===this.st){this.st=new Set,void 0!==t.strings&&(this.nt=new Set(t.strings.join(" ").split(/\s/).filter((t=>""!==t))));for(const t in s)s[t]&&!this.nt?.has(t)&&this.st.add(t);return this.render(s)}const i=t.element.classList;for(const t of this.st)t in s||(i.remove(t),this.st.delete(t));for(const t in s){const r=!!s[t];r===this.st.has(t)||this.nt?.has(t)||(r?(i.add(t),this.st.add(t)):(i.remove(t),this.st.delete(t)));}return R}});
+
+const style$1 = i$2 `:host{position:relative;display:inline-block;flex-shrink:0;width:2.5rem;height:2.5rem;stroke:rgb(var(--mdui-color-primary))}.progress{position:relative;display:inline-block;width:100%;height:100%;text-align:left;transition:opacity var(--mdui-motion-duration-medium1) var(--mdui-motion-easing-linear)}.determinate svg{transform:rotate(-90deg);fill:transparent}.determinate .track{stroke:transparent}.determinate .circle{stroke:inherit;transition:stroke-dashoffset var(--mdui-motion-duration-long2) var(--mdui-motion-easing-standard)}.indeterminate{font-size:0;letter-spacing:0;white-space:nowrap;animation:mdui-comp-circular-progress-rotate 1568ms var(--mdui-motion-easing-linear) infinite}.indeterminate .circle,.indeterminate .layer{position:absolute;width:100%;height:100%}.indeterminate .layer{animation:mdui-comp-circular-progress-layer-rotate 5332ms var(--mdui-motion-easing-standard) infinite both}.indeterminate .circle{fill:transparent;stroke:inherit}.indeterminate .gap-patch{position:absolute;top:0;left:47.5%;width:5%;height:100%;overflow:hidden}.indeterminate .gap-patch .circle{left:-900%;width:2000%;transform:rotate(180deg)}.indeterminate .clipper{position:relative;display:inline-block;width:50%;height:100%;overflow:hidden}.indeterminate .clipper .circle{width:200%}.indeterminate .clipper.left .circle{animation:mdui-comp-circular-progress-left-spin 1333ms var(--mdui-motion-easing-standard) infinite both}.indeterminate .clipper.right .circle{left:-100%;animation:mdui-comp-circular-progress-right-spin 1333ms var(--mdui-motion-easing-standard) infinite both}@keyframes mdui-comp-circular-progress-rotate{to{transform:rotate(360deg)}}@keyframes mdui-comp-circular-progress-layer-rotate{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 mdui-comp-circular-progress-left-spin{0%{transform:rotate(265deg)}50%{transform:rotate(130deg)}100%{transform:rotate(265deg)}}@keyframes mdui-comp-circular-progress-right-spin{0%{transform:rotate(-265deg)}50%{transform:rotate(-130deg)}100%{transform:rotate(-265deg)}}`;
+
+/**
+ * @summary 圆形进度指示器组件
+ *
+ * ```html
+ * <mdui-circular-progress></mdui-circular-progress>
+ * ```
+ */
+let CircularProgress = class CircularProgress extends MduiElement {
+    constructor() {
+        super(...arguments);
+        /**
+         * 进度指示器的最大值。默认为 `1`
+         */
+        this.max = 1;
+    }
+    render() {
+        const isDeterminate = !isUndefined(this.value);
+        return ke `<div class="progress ${Rt({
+            determinate: isDeterminate,
+            indeterminate: !isDeterminate,
+        })}">${isDeterminate ? this.renderDeterminate() : this.renderInDeterminate()}</div>`;
+    }
+    renderDeterminate() {
+        const value = this.value;
+        const strokeWidth = 4; // 圆环宽度
+        const circleRadius = 18; // 圆环宽度中心点的半径
+        const π = 3.1415926;
+        const center = circleRadius + strokeWidth / 2;
+        const circumference = 2 * π * circleRadius;
+        const determinateStrokeDashOffset = (1 - value / Math.max(this.max ?? value, value)) * circumference;
+        return ke `<svg viewBox="0 0 ${center * 2} ${center * 2}"><circle class="track" cx="${center}" cy="${center}" r="${circleRadius}" stroke-width="${strokeWidth}"></circle><circle class="circle" cx="${center}" cy="${center}" r="${circleRadius}" stroke-dasharray="${2 * π * circleRadius}" stroke-dashoffset="${determinateStrokeDashOffset}" stroke-width="${strokeWidth}"></circle></svg>`;
+    }
+    renderInDeterminate() {
+        const strokeWidth = 4; // 圆环宽度
+        const circleRadius = 18; // 圆环宽度中心点的半径
+        const π = 3.1415926;
+        const center = circleRadius + strokeWidth / 2;
+        const circumference = 2 * π * circleRadius;
+        const halfCircumference = 0.5 * circumference;
+        const circle = (thisStrokeWidth) => ke `<svg class="circle" viewBox="0 0 ${center * 2} ${center * 2}"><circle cx="${center}" cy="${center}" r="${circleRadius}" stroke-dasharray="${circumference}" stroke-dashoffset="${halfCircumference}" stroke-width="${thisStrokeWidth}"></circle></svg>`;
+        return ke `<div class="layer"><div class="clipper left">${circle(strokeWidth)}</div><div class="gap-patch">${circle(strokeWidth * 0.8)}</div><div class="clipper right">${circle(strokeWidth)}</div></div>`;
+    }
+};
+CircularProgress.styles = [componentStyle, style$1];
+__decorate([
+    n({ type: Number, reflect: true })
+], CircularProgress.prototype, "max", void 0);
+__decorate([
+    n({ type: Number })
+], CircularProgress.prototype, "value", void 0);
+CircularProgress = __decorate([
+    t$1('mdui-circular-progress')
+], CircularProgress);
+
+// eslint-disable-next-line
+$.fn.is = function (selector) {
+    let isMatched = false;
+    if (isFunction(selector)) {
+        this.each((index, element) => {
+            if (selector.call(element, index, element)) {
+                isMatched = true;
+            }
+        });
+        return isMatched;
+    }
+    if (isString(selector)) {
+        this.each((_, element) => {
+            if (isDocument(element) || isWindow(element)) {
+                return;
+            }
+            if (element.matches.call(element, selector)) {
+                isMatched = true;
+            }
+        });
+        return isMatched;
+    }
+    const $compareWith = $(selector);
+    this.each((_, element) => {
+        $compareWith.each((_, compare) => {
+            if (element === compare) {
+                isMatched = true;
+            }
+        });
+    });
+    return isMatched;
+};
+
+$.fn.children = function (selector) {
+    const children = [];
+    this.each((_, element) => {
+        eachArray(element.childNodes, (childNode) => {
+            if (!isElement(childNode)) {
+                return;
+            }
+            if (!selector || $(childNode).is(selector)) {
+                children.push(childNode);
+            }
+        });
+    });
+    return new JQ(unique(children));
+};
+
+$.fn.slice = function (...args) {
+    return new JQ([].slice.apply(this, args));
+};
+
+$.fn.eq = function (index) {
+    const ret = index === -1 ? this.slice(index) : this.slice(index, +index + 1);
+    return new JQ(ret);
+};
+
+const dir = ($elements, nameIndex, node, 
+// eslint-disable-next-line
+selector, filter) => {
+    const ret = [];
+    let target;
+    $elements.each((_, element) => {
+        target = element[node];
+        // 不能包含最顶层的 document 元素
+        while (target && isElement(target)) {
+            // prevUntil, nextUntil, parentsUntil
+            if (nameIndex === 2) {
+                if (selector && $(target).is(selector)) {
+                    break;
+                }
+                if (!filter || $(target).is(filter)) {
+                    ret.push(target);
+                }
+            }
+            // prev, next, parent
+            else if (nameIndex === 0) {
+                if (!selector || $(target).is(selector)) {
+                    ret.push(target);
+                }
+                break;
+            }
+            // prevAll, nextAll, parents
+            else {
+                if (!selector || $(target).is(selector)) {
+                    ret.push(target);
+                }
+            }
+            target = target[node];
+        }
+    });
+    return new JQ(unique(ret));
+};
+
+eachArray(['', 's', 'sUntil'], (name, nameIndex) => {
+    $.fn[`parent${name}`] = function (
+    // eslint-disable-next-line
+    selector, filter) {
+        // parents、parentsUntil 需要把元素的顺序反向处理，以便和 jQuery 的结果一致
+        const $nodes = !nameIndex ? this : $(this.get().reverse());
+        return dir($nodes, nameIndex, 'parentNode', selector, filter);
+    };
+});
+
+// eslint-disable-next-line
+$.fn.index = function (selector) {
+    if (!arguments.length) {
+        return this.eq(0).parent().children().get().indexOf(this[0]);
+    }
+    if (isString(selector)) {
+        return $(selector).get().indexOf(this[0]);
+    }
+    return this.get().indexOf($(selector)[0]);
+};
+
+eachArray(['add', 'remove', 'toggle'], (name) => {
+    $.fn[`${name}Class`] = function (className) {
+        if (name === 'remove' && !arguments.length) {
+            return this.each((_, element) => {
+                setAttribute(element, 'class', '');
+            });
+        }
+        return this.each((i, element) => {
+            if (!isElement(element)) {
+                return;
+            }
+            const classes = (isFunction(className)
+                ? className.call(element, i, getAttribute(element, 'class', ''))
+                : className)
+                .split(' ')
+                .filter((name) => name);
+            eachArray(classes, (cls) => {
+                element.classList[name](cls);
+            });
+        });
+    };
+});
+
+const weakMap = new WeakMap();
+/**
+ * 获取元素上的所有数据
+ * @param element
+ */
+const getAll = (element) => {
+    return weakMap.get(element) ?? {};
+};
+/**
+ * 获取元素上的的一个数据
+ * @param element
+ * @param keyOriginal
+ */
+const get$2 = (element, keyOriginal) => {
+    const data = getAll(element);
+    const key = toCamelCase(keyOriginal);
+    return key in data ? data[key] : undefined;
+};
+/**
+ * 在上设置键值对数据
+ * @param element
+ * @param object
+ */
+const setAll = (element, object) => {
+    const data = getAll(element);
+    eachObject(object, (keyOriginal, value) => {
+        data[toCamelCase(keyOriginal)] = value;
+    });
+    weakMap.set(element, data);
+};
+/**
+ * 在元素上设置一个数据
+ * @param element
+ * @param keyOriginal
+ * @param value
+ */
+const set$2 = (element, keyOriginal, value) => {
+    setAll(element, { [keyOriginal]: value });
+};
+const rbrace = /^(?:{[\w\W]*\}|\[[\w\W]*\])$/;
+/**
+ * dataset 中的值读取时进行转换
+ * @param value
+ */
+const stringTransform = (value) => {
+    if (value === 'true') {
+        return true;
+    }
+    if (value === 'false') {
+        return false;
+    }
+    if (value === 'null') {
+        return null;
+    }
+    if (value === +value + '') {
+        return +value;
+    }
+    if (rbrace.test(value)) {
+        return JSON.parse(value);
+    }
+    return value;
+};
+// 若 value 不存在，则从 `dataset` 中获取值。key 需要自行转为驼峰法
+const dataAttr = (element, key, value) => {
+    if (isUndefined(value) && element.nodeType === 1) {
+        value = element.dataset[key];
+        if (isString(value)) {
+            try {
+                value = stringTransform(value);
+            }
+            catch (e) { }
+        }
+    }
+    return value;
+};
+
+// eslint-disable-next-line
+$.fn.data = function (key, value) {
+    // 获取所有值
+    if (isUndefined(key)) {
+        if (!this.length) {
+            return undefined;
+        }
+        const element = this[0];
+        const resultData = getAll(element);
+        // window, document 上不存在 `dataset`
+        if (element.nodeType !== 1) {
+            return resultData;
+        }
+        // 若值未通过 data 方法设置，则从 `dataset` 中获取值。dataset 中读取的 key 会自动转为驼峰法
+        eachObject(element.dataset, (key) => {
+            resultData[key] = dataAttr(element, key, resultData[key]);
+        });
+        return resultData;
+    }
+    // 同时设置多个值
+    if (isObjectLike(key)) {
+        return this.each(function () {
+            setAll(this, key);
+        });
+    }
+    // value 传入了 undefined
+    if (arguments.length === 2 && isUndefined(value)) {
+        return this;
+    }
+    // 设置值
+    if (!isUndefined(value)) {
+        return this.each(function () {
+            set$2(this, key, value);
+        });
+    }
+    // 获取值
+    if (!this.length) {
+        return undefined;
+    }
+    return dataAttr(this[0], toCamelCase(key), get$2(this[0], key));
+};
+
+// eslint-disable-next-line
+function each(target, callback) {
+    // eachArray 回调函数是 value, key，这里的 each 函数是 key, value
+    return isArrayLike(target)
+        ? eachArray(target, (value, index) => {
+            return callback.call(value, index, value);
+        })
+        : eachObject(target, callback);
+}
+
+// eslint-disable-next-line
+function map(elements, callback) {
+    const window = getWindow();
+    let value;
+    const ret = [];
+    each(elements, (i, element) => {
+        value = callback.call(window, element, i);
+        if (value != null) {
+            ret.push(value);
+        }
+    });
+    return [].concat(...ret);
+}
+
+// eslint-disable-next-line
+$.fn.map = function (callback) {
+    return new JQ(map(this, (element, i) => {
+        return callback.call(element, i, element);
+    }));
+};
+
+// eslint-disable-next-line
+$.fn.filter = function (selector) {
+    if (isFunction(selector)) {
+        return this.map((index, element) => {
+            return selector.call(element, index, element) ? element : undefined;
+        });
+    }
+    if (isString(selector)) {
+        return this.map((_, element) => {
+            return $(element).is(selector) ? element : undefined;
+        });
+    }
+    const $selector = $(selector);
+    return this.map((_, element) => {
+        return $selector.get().includes(element) ? element : undefined;
+    });
+};
+
+/**
+ * 值上面的 padding、border、margin 处理
+ * @param element
+ * @param name
+ * @param value
+ * @param funcIndex
+ * @param includeMargin
+ * @param multiply
+ */
+const handleExtraWidth = (element, name, value, funcIndex, includeMargin, multiply) => {
+    // 获取元素的 padding, border, margin 宽度（两侧宽度的和）
+    const getExtraWidthValue = (extra) => {
+        return (getExtraWidth(element, name.toLowerCase(), extra) *
+            multiply);
+    };
+    if (funcIndex === 2 && includeMargin) {
+        value += getExtraWidthValue('margin');
+    }
+    if (isBorderBox(element)) {
+        if (funcIndex === 0) {
+            value -= getExtraWidthValue('border');
+        }
+        if (funcIndex === 1) {
+            value -= getExtraWidthValue('border');
+            value -= getExtraWidthValue('padding');
+        }
+    }
+    else {
+        if (funcIndex === 0) {
+            value += getExtraWidthValue('padding');
+        }
+        if (funcIndex === 2) {
+            value += getExtraWidthValue('border');
+            value += getExtraWidthValue('padding');
+        }
+    }
+    return value;
+};
+/**
+ * 获取元素的样式值
+ * @param element
+ * @param name
+ * @param funcIndex 0: innerWidth, innerHeight; 1: width, height; 2: outerWidth, outerHeight
+ * @param includeMargin
+ */
+const get$1 = (element, name, funcIndex, includeMargin) => {
+    const document = getDocument();
+    const clientProp = `client${name}`;
+    const scrollProp = `scroll${name}`;
+    const offsetProp = `offset${name}`;
+    const innerProp = `inner${name}`;
+    // $(window).width()
+    if (isWindow(element)) {
+        // outerWidth, outerHeight 需要包含滚动条的宽度
+        return funcIndex === 2
+            ? element[innerProp]
+            : toElement(document)[clientProp];
+    }
+    // $(document).width()
+    if (isDocument(element)) {
+        const doc = toElement(element);
+        return Math.max(
+        // @ts-ignore
+        element.body[scrollProp], doc[scrollProp], 
+        // @ts-ignore
+        element.body[offsetProp], doc[offsetProp], doc[clientProp]);
+    }
+    const value = parseFloat(getComputedStyleValue(element, name.toLowerCase()) || '0');
+    return handleExtraWidth(element, name, value, funcIndex, includeMargin, 1);
+};
+/**
+ * 设置元素的样式值
+ * @param element
+ * @param elementIndex
+ * @param name
+ * @param funcIndex 0: innerWidth, innerHeight; 1: width, height; 2: outerWidth, outerHeight
+ * @param includeMargin
+ * @param value
+ */
+const set$1 = (element, elementIndex, name, funcIndex, includeMargin, value) => {
+    let computedValue = isFunction(value)
+        ? value.call(element, elementIndex, get$1(element, name, funcIndex, includeMargin))
+        : value;
+    if (computedValue == null) {
+        return;
+    }
+    const $element = $(element);
+    const dimension = name.toLowerCase();
+    // 特殊的值，不需要计算 padding、border、margin
+    if (isString(computedValue) &&
+        ['auto', 'inherit', ''].includes(computedValue)) {
+        $element.css(dimension, computedValue);
+        return;
+    }
+    // 其他值保留原始单位。注意：如果不使用 px 作为单位，则算出的值一般是不准确的
+    const suffix = computedValue.toString().replace(/\b[0-9.]*/, '');
+    const numerical = parseFloat(computedValue);
+    computedValue =
+        handleExtraWidth(element, name, numerical, funcIndex, includeMargin, -1) +
+            (suffix || 'px');
+    $element.css(dimension, computedValue);
+};
+eachArray(['Width', 'Height'], (name) => {
+    eachArray([`inner${name}`, name.toLowerCase(), `outer${name}`], (funcName, funcIndex) => {
+        $.fn[funcName] = function (
+        // eslint-disable-next-line
+        margin, 
+        // eslint-disable-next-line
+        value) {
+            // 是否是赋值操作
+            const isSet = arguments.length && (funcIndex < 2 || !isBoolean(margin));
+            const includeMargin = margin === true || value === true;
+            // 获取第一个元素的值
+            if (!isSet) {
+                return this.length
+                    ? get$1(this[0], name, funcIndex, includeMargin)
+                    : undefined;
+            }
+            // 设置每个元素的值
+            return this.each((index, element) => {
+                return set$1(element, index, name, funcIndex, includeMargin, margin);
+            });
+        };
+    });
+});
+
+/**
+ * 返回最近的用于定位的父元素
+ */
+$.fn.offsetParent = function () {
+    const document = getDocument();
+    return this.map(function () {
+        let offsetParent = this.offsetParent;
+        while (offsetParent && $(offsetParent).css('position') === 'static') {
+            offsetParent = offsetParent.offsetParent;
+        }
+        return offsetParent || document.documentElement;
+    });
+};
+
+const floatStyle = ($element, name) => {
+    return parseFloat($element.css(name));
+};
+// @ts-ignore
+$.fn.position = function () {
+    if (!this.length) {
+        return undefined;
+    }
+    const $element = this.eq(0);
+    let currentOffset;
+    let parentOffset = {
+        left: 0,
+        top: 0,
+    };
+    if ($element.css('position') === 'fixed') {
+        currentOffset = $element[0].getBoundingClientRect();
+    }
+    else {
+        currentOffset = $element.offset();
+        const $offsetParent = $element.offsetParent();
+        parentOffset = $offsetParent.offset();
+        parentOffset.top += floatStyle($offsetParent, 'border-top-width');
+        parentOffset.left += floatStyle($offsetParent, 'border-left-width');
+    }
+    return {
+        top: currentOffset.top - parentOffset.top - floatStyle($element, 'margin-top'),
+        left: currentOffset.left -
+            parentOffset.left -
+            floatStyle($element, 'margin-left'),
+    };
+};
+
+const get = (element) => {
+    if (!element.getClientRects().length) {
+        return { top: 0, left: 0 };
+    }
+    const { top, left } = element.getBoundingClientRect();
+    const { pageYOffset, pageXOffset } = element.ownerDocument
+        .defaultView;
+    return {
+        top: top + pageYOffset,
+        left: left + pageXOffset,
+    };
+};
+const set = (element, value, index) => {
+    const $element = $(element);
+    const position = $element.css('position');
+    if (position === 'static') {
+        $element.css('position', 'relative');
+    }
+    const currentOffset = get(element);
+    const currentTopString = $element.css('top');
+    const currentLeftString = $element.css('left');
+    let currentTop;
+    let currentLeft;
+    const calculatePosition = (position === 'absolute' || position === 'fixed') &&
+        (currentTopString + currentLeftString).includes('auto');
+    if (calculatePosition) {
+        const currentPosition = $element.position();
+        currentTop = currentPosition.top;
+        currentLeft = currentPosition.left;
+    }
+    else {
+        currentTop = parseFloat(currentTopString);
+        currentLeft = parseFloat(currentLeftString);
+    }
+    const computedValue = isFunction(value)
+        ? value.call(element, index, extend({}, currentOffset))
+        : value;
+    $element.css({
+        top: computedValue.top != null
+            ? computedValue.top - currentOffset.top + currentTop
+            : undefined,
+        left: computedValue.left != null
+            ? computedValue.left - currentOffset.left + currentLeft
+            : undefined,
+    });
+};
+// eslint-disable-next-line
+$.fn.offset = function (value) {
+    // 获取坐标
+    if (!arguments.length) {
+        if (!this.length) {
+            return undefined;
+        }
+        return get(this[0]);
+    }
+    // 设置坐标
+    return this.each(function (index) {
+        set(this, value, index);
+    });
+};
+
+$.fn.off = function (types, 
+// eslint-disable-next-line
+selector, 
+// eslint-disable-next-line
+callback) {
+    // types 是对象
+    if (isObjectLike(types)) {
+        eachObject(types, (type, fn) => {
+            // this.off('click', undefined, function () {})
+            // this.off('click', '.box', function () {})
+            this.off(type, selector, fn);
+        });
+        return this;
+    }
+    // selector 不存在
+    if (selector === false || isFunction(selector)) {
+        callback = selector;
+        selector = undefined;
+        // this.off('click', undefined, function () {})
+    }
+    // callback 传入 `false`，相当于 `return false`
+    if (callback === false) {
+        callback = returnFalse;
+    }
+    return this.each(function () {
+        remove(this, types, callback, selector);
+    });
+};
+
+$.fn.on = function (
+// eslint-disable-next-line
+types, 
+// eslint-disable-next-line
+selector, 
+// eslint-disable-next-line
+data, 
+// eslint-disable-next-line
+callback, one) {
+    // types 可以是 type/func 对象
+    if (isObjectLike(types)) {
+        // (types-Object, selector, data)
+        if (!isString(selector)) {
+            // (types-Object, data)
+            data = data || selector;
+            selector = undefined;
+        }
+        eachObject(types, (type, fn) => {
+            // selector 和 data 都可能是 undefined
+            // @ts-ignore
+            this.on(type, selector, data, fn, one);
+        });
+        return this;
+    }
+    if (data == null && callback == null) {
+        // (types, fn)
+        callback = selector;
+        data = selector = undefined;
+    }
+    else if (callback == null) {
+        if (isString(selector)) {
+            // (types, selector, fn)
+            callback = data;
+            data = undefined;
+        }
+        else {
+            // (types, data, fn)
+            callback = data;
+            data = selector;
+            selector = undefined;
+        }
+    }
+    if (callback === false) {
+        callback = returnFalse;
+    }
+    else if (!callback) {
+        return this;
+    }
+    // $().one()
+    if (one) {
+        // eslint-disable-next-line @typescript-eslint/no-this-alias
+        const _this = this;
+        const origCallback = callback;
+        callback = function (event, ...dataN) {
+            _this.off(event.type, selector, callback);
+            return origCallback.call(this, event, ...dataN);
+        };
+    }
+    return this.each(function () {
+        add(this, types, callback, data, selector);
+    });
+};
+
+eachArray(['insertBefore', 'insertAfter'], (name, nameIndex) => {
+    // eslint-disable-next-line
+    $.fn[name] = function (target) {
+        const $element = nameIndex ? $(this.get().reverse()) : this; // 顺序和 jQuery 保持一致
+        const $target = $(target);
+        const result = [];
+        $target.each((index, target) => {
+            if (!target.parentNode) {
+                return;
+            }
+            $element.each((_, element) => {
+                const newItem = index
+                    ? element.cloneNode(true)
+                    : element;
+                const existingItem = nameIndex ? target.nextSibling : target;
+                result.push(newItem);
+                target.parentNode.insertBefore(newItem, existingItem);
+            });
+        });
+        return $(nameIndex ? result.reverse() : result);
+    };
+});
+
+$.fn.remove = function (selector) {
+    return this.each((_, element) => {
+        if (!selector || $(element).is(selector)) {
+            removeChild(element);
+        }
+    });
+};
+
+eachArray(['appendTo', 'prependTo'], (name, nameIndex) => {
+    // eslint-disable-next-line
+    $.fn[name] = function (target) {
+        const extraChilds = [];
+        const $target = $(target).map((_, element) => {
+            const childNodes = element.childNodes;
+            const childLength = childNodes.length;
+            if (childLength) {
+                return childNodes[nameIndex ? 0 : childLength - 1];
+            }
+            const child = createElement('div');
+            appendChild(element, child);
+            extraChilds.push(child);
+            return child;
+        });
+        const $result = this[nameIndex ? 'insertBefore' : 'insertAfter']($target);
+        $(extraChilds).remove();
+        return $result;
+    };
+});
+
+const style = i$2 `:host{position:absolute;top:0;left:0;display:block;width:100%;height:100%;overflow:hidden;pointer-events:none}.surface{position:absolute;top:0;left:0;width:100%;height:100%;transition-duration:280ms;transition-property:background-color;pointer-events:none;transition-timing-function:var(--mdui-motion-easing-standard)}.hover{background-color:rgba(var(--mdui-comp-ripple-state-layer-color,var(--mdui-color-on-surface)),var(--mdui-state-layer-hover))}:host-context([focus-visible]) .focused{background-color:rgba(var(--mdui-comp-ripple-state-layer-color,var(--mdui-color-on-surface)),var(--mdui-state-layer-focus))}.dragged{background-color:rgba(var(--mdui-comp-ripple-state-layer-color,var(--mdui-color-on-surface)),var(--mdui-state-layer-dragged))}.wave{position:absolute;z-index:1;background-color:rgb(var(--mdui-comp-ripple-state-layer-color,var(--mdui-color-on-surface)));border-radius:50%;transform:translate3d(0,0,0) scale(.4);opacity:0;animation:225ms ease 0s 1 normal forwards running mdui-comp-ripple-radius-in,75ms ease 0s 1 normal forwards running mdui-comp-ripple-opacity-in;pointer-events:none}.out{transform:translate3d(var(--mdui-comp-ripple-transition-x,0),var(--mdui-comp-ripple-transition-y,0),0) scale(1);animation:150ms ease 0s 1 normal none running mdui-comp-ripple-opacity-out}@keyframes mdui-comp-ripple-radius-in{from{transform:translate3d(0,0,0) scale(.4);animation-timing-function:var(--mdui-motion-easing-standard)}to{transform:translate3d(var(--mdui-comp-ripple-transition-x,0),var(--mdui-comp-ripple-transition-y,0),0) scale(1)}}@keyframes mdui-comp-ripple-opacity-in{from{opacity:0;animation-timing-function:linear}to{opacity:var(--mdui-state-layer-pressed)}}@keyframes mdui-comp-ripple-opacity-out{from{animation-timing-function:linear;opacity:var(--mdui-state-layer-pressed)}to{opacity:0}}`;
+
+/**
+ * 处理点击时的涟漪动画；及添加 hover、focused、dragged 的背景色
+ * 背景色通过在 .surface 元素上添加对应的 class 实现
+ * 阴影在 ripple-mixin 中处理，通过在 :host 元素上添加 attribute 供 CSS 选择器添加样式
+ */
+let Ripple = class Ripple extends MduiElement {
+    constructor() {
+        super(...arguments);
+        /**
+         * 是否禁用涟漪动画
+         */
+        this.noRipple = false;
+        this.hover = false;
+        this.focused = false;
+        this.dragged = false;
+        this.surfaceRef = ii();
+    }
+    startPress(event) {
+        if (this.noRipple) {
+            return;
+        }
+        const $surface = $(this.surfaceRef.value);
+        const surfaceHeight = $surface.innerHeight();
+        const surfaceWidth = $surface.innerWidth();
+        // 点击位置坐标
+        let touchStartX;
+        let touchStartY;
+        if (!event) {
+            // 未传入事件对象，涟漪从中间扩散
+            touchStartX = surfaceWidth / 2;
+            touchStartY = surfaceHeight / 2;
+        }
+        else {
+            // 传入了事件对象，涟漪从点击位置扩散
+            const touchPosition = typeof TouchEvent !== 'undefined' &&
+                event instanceof TouchEvent &&
+                event.touches.length
+                ? event.touches[0]
+                : event;
+            const offset = $surface.offset();
+            // 点击位置不在 surface 内，不执行
+            if (touchPosition.pageX < offset.left ||
+                touchPosition.pageX > offset.left + surfaceWidth ||
+                touchPosition.pageY < offset.top ||
+                touchPosition.pageY > offset.top + surfaceHeight) {
+                return;
+            }
+            touchStartX = touchPosition.pageX - offset.left;
+            touchStartY = touchPosition.pageY - offset.top;
+        }
+        // 涟漪直径
+        const diameter = Math.max(Math.pow(Math.pow(surfaceHeight, 2) + Math.pow(surfaceWidth, 2), 0.5), 48);
+        // 涟漪扩散动画
+        const translateX = `${-touchStartX + surfaceWidth / 2}px`;
+        const translateY = `${-touchStartY + surfaceHeight / 2}px`;
+        const translate = `translate3d(${translateX}, ${translateY}, 0) scale(1)`;
+        // 涟漪 DOM 元素
+        $('<div class="wave"></div>')
+            .css({
+            width: diameter,
+            height: diameter,
+            marginTop: -diameter / 2,
+            marginLeft: -diameter / 2,
+            left: touchStartX,
+            top: touchStartY,
+        })
+            .each((_, wave) => {
+            wave.style.setProperty('--mdui-comp-ripple-transition-x', translateX);
+            wave.style.setProperty('--mdui-comp-ripple-transition-y', translateY);
+        })
+            .prependTo(this.surfaceRef.value)
+            .each((_, wave) => wave.clientLeft) // 重绘
+            .css('transform', translate)
+            .on('animationend', function (e) {
+            const event = e;
+            if (event.animationName === 'mdui-comp-ripple-radius-in') {
+                $(this).data('filled', true); // 扩散动画完成后，添加标记
+            }
+        });
+    }
+    endPress() {
+        const $waves = $(this.surfaceRef.value)
+            .children()
+            .filter((_, wave) => !$(wave).data('removing'))
+            .data('removing', true);
+        const hideAndRemove = ($waves) => {
+            $waves
+                .addClass('out')
+                .each((_, wave) => wave.clientLeft) // 重绘
+                .on('animationend', function () {
+                $(this).remove();
+            });
+        };
+        // 扩散动画未完成，先完成扩散，再隐藏并移除
+        $waves
+            .filter((_, wave) => !$(wave).data('filled'))
+            .on('animationend', function (e) {
+            const event = e;
+            if (event.animationName === 'mdui-comp-ripple-radius-in') {
+                hideAndRemove($(this));
+            }
+        });
+        // 扩散动画已完成，直接隐藏并移除
+        hideAndRemove($waves.filter((_, wave) => !!$(wave).data('filled')));
+    }
+    startHover() {
+        this.hover = true;
+    }
+    endHover() {
+        this.hover = false;
+    }
+    startFocus() {
+        this.focused = true;
+    }
+    endFocus() {
+        this.focused = false;
+    }
+    startDrag() {
+        this.dragged = true;
+    }
+    endDrag() {
+        this.dragged = false;
+    }
+    render() {
+        return ke `<div ${Kt(this.surfaceRef)} class="surface ${Rt({
+            hover: this.hover,
+            focused: this.focused,
+            dragged: this.dragged,
+        })}"></div>`;
+    }
+};
+Ripple.styles = [componentStyle, style];
+__decorate([
+    n({
+        type: Boolean,
+        reflect: true,
+        converter: booleanConverter,
+        attribute: 'no-ripple',
+    })
+], Ripple.prototype, "noRipple", void 0);
+__decorate([
+    r()
+], Ripple.prototype, "hover", void 0);
+__decorate([
+    r()
+], Ripple.prototype, "focused", void 0);
+__decorate([
+    r()
+], Ripple.prototype, "dragged", void 0);
+Ripple = __decorate([
+    t$1('mdui-ripple')
+], Ripple);
+
+/**
+ * hover, pressed, dragged 三个属性用于添加到 rippleTarget 属性指定的元素上，供 CSS 选择题添加样式
+ *
+ * TODO: dragged 功能
+ *
+ * NOTE:
+ * 不支持触控的屏幕上事件顺序为：pointerdown -> (8ms) -> mousedown -> pointerup -> (1ms) -> mouseup -> (1ms) -> click
+ *
+ * 支持触控的屏幕上事件顺序为：pointerdown -> (8ms) -> touchstart -> pointerup -> (1ms) -> touchend -> (5ms) -> mousedown -> mouseup -> click
+ * pointermove 比较灵敏，有可能触发了 pointermove 但没有触发 touchmove
+ *
+ * 支持触摸笔的屏幕上事件顺序为：todo
+ */
+const RippleMixin = (superclass) => {
+    class Mixin extends superclass {
+        constructor() {
+            super(...arguments);
+            /**
+             * 是否禁用涟漪动画
+             */
+            this.noRipple = false;
+            /**
+             * 当前激活的是第几个 <mdui-ripple>。仅一个组件中有多个 <mdui-ripple> 时可以使用该属性
+             * 若值为 undefined，则组件中所有 <mdui-ripple> 都激活
+             */
+            this.rippleIndex = undefined;
+            /**
+             * 获取当前激活的是第几个 <mdui-ripple>。仅一个组件中有多个 <mdui-ripple> 时可以使用该属性
+             * 若值为 undefined，则组件中所有 <mdui-ripple> 都激活
+             * 可在子类中手动指定该方法，指定需要激活的 ripple
+             */
+            this.getRippleIndex = () => this.rippleIndex;
+        }
+        /**
+         * 子类要添加该属性，指向 <mdui-ripple> 元素
+         * 如果一个组件中包含多个 <mdui-ripple> 元素，则这里可以是一个数组或 NodeList
+         */
+        get rippleElement() {
+            throw new Error('Must implement rippleElement getter!');
+        }
+        /**
+         * 子类要实现该属性，表示是否禁用 ripple
+         * 如果一个组件中包含多个 <mdui-ripple> 元素，则这里可以是一个数组；也可以是单个值，同时控制多个 <mdui-ripple> 元素
+         */
+        get rippleDisabled() {
+            throw new Error('Must implement rippleDisabled getter!');
+        }
+        /**
+         * 当前 <mdui-ripple> 元素相对于哪个元素存在，即 hover、pressed、dragged 属性要添加到哪个元素上，默认为 :host
+         * 如果需要修改该属性，则子类可以实现该属性
+         * 如果一个组件中包含多个 <mdui-ripple> 元素，则这里可以是一个数组；也可以是单个值，同时控制多个 <mdui-ripple> 元素
+         */
+        get rippleTarget() {
+            return this;
+        }
+        firstUpdated(changedProperties) {
+            super.firstUpdated(changedProperties);
+            const $rippleTarget = $(this.rippleTarget);
+            // 监听到事件时，是在第几个 <mdui-ripple> 上触发的事件，记录到 this.rippleIndex 中
+            const setRippleIndex = (event) => {
+                if (isArrayLike(this.rippleTarget)) {
+                    this.rippleIndex = $rippleTarget.index(event.target);
+                }
+            };
+            const rippleTargetArr = isArrayLike(this.rippleTarget)
+                ? this.rippleTarget
+                : [this.rippleTarget];
+            rippleTargetArr.forEach((rippleTarget) => {
+                rippleTarget.addEventListener('pointerdown', (event) => {
+                    setRippleIndex(event);
+                    this.startPress(event);
+                });
+                rippleTarget.addEventListener('pointerenter', (event) => {
+                    setRippleIndex(event);
+                    this.startHover(event);
+                });
+                rippleTarget.addEventListener('pointerleave', (event) => {
+                    setRippleIndex(event);
+                    this.endHover(event);
+                });
+                rippleTarget.addEventListener('focus', (event) => {
+                    setRippleIndex(event);
+                    this.startFocus();
+                });
+                rippleTarget.addEventListener('blur', (event) => {
+                    setRippleIndex(event);
+                    this.endFocus();
+                });
+            });
+        }
+        /**
+         * 若存在多个 <mdui-ripple>，但 rippleTarget 为同一个，则 hover 状态无法在多个 <mdui-ripple> 之间切换
+         * 所以把 startHover 和 endHover 设置为 protected，供子类调用
+         * 子类中，在 getRippleIndex() 的返回值变更前调用 endHover(event)，变更后调用 startHover(event)
+         */
+        startHover(event) {
+            if (event.pointerType !== 'mouse' || this.isRippleDisabled()) {
+                return;
+            }
+            this.getRippleTarget().setAttribute('hover', '');
+            this.getRippleElement().startHover();
+        }
+        endHover(event) {
+            if (event.pointerType !== 'mouse' || this.isRippleDisabled()) {
+                return;
+            }
+            this.getRippleTarget().removeAttribute('hover');
+            this.getRippleElement().endHover();
+        }
+        /**
+         * 当前激活的 <mdui-ripple> 元素是否被禁用
+         */
+        isRippleDisabled() {
+            const disabled = this.rippleDisabled;
+            if (!Array.isArray(disabled)) {
+                return disabled;
+            }
+            const rippleIndex = this.getRippleIndex();
+            if (rippleIndex !== undefined) {
+                return disabled[rippleIndex];
+            }
+            return disabled.length ? disabled[0] : false;
+        }
+        /**
+         * 获取当前激活的 <mdui-ripple> 元素实例
+         */
+        getRippleElement() {
+            const ripple = this.rippleElement;
+            if (!isArrayLike(ripple)) {
+                return ripple;
+            }
+            const rippleIndex = this.getRippleIndex();
+            if (rippleIndex !== undefined) {
+                return ripple[rippleIndex];
+            }
+            return ripple[0];
+        }
+        /**
+         * 获取当前激活的 <mdui-ripple> 元素相对于哪个元素存在
+         */
+        getRippleTarget() {
+            const target = this.rippleTarget;
+            if (!isArrayLike(target)) {
+                return target;
+            }
+            const rippleIndex = this.getRippleIndex();
+            if (rippleIndex !== undefined) {
+                return target[rippleIndex];
+            }
+            return target[0];
+        }
+        startFocus() {
+            if (this.isRippleDisabled()) {
+                return;
+            }
+            this.getRippleElement().startFocus();
+        }
+        endFocus() {
+            if (this.isRippleDisabled()) {
+                return;
+            }
+            this.getRippleElement().endFocus();
+        }
+        startPress(event) {
+            // 为鼠标时操作，仅响应鼠标左键点击
+            if (this.isRippleDisabled() || event.button) {
+                return;
+            }
+            const target = this.getRippleTarget();
+            target.setAttribute('pressed', '');
+            // 手指触摸触发涟漪
+            if (['touch', 'pen'].includes(event.pointerType)) {
+                let hidden = false;
+                // 手指触摸后，延迟一段时间触发涟漪，避免手指滑动时也触发涟漪
+                let timer = setTimeout(() => {
+                    timer = 0;
+                    this.getRippleElement().startPress(event);
+                }, 70);
+                const hideRipple = () => {
+                    // 如果手指没有移动，且涟漪动画还没有开始，则开始涟漪动画
+                    if (timer) {
+                        clearTimeout(timer);
+                        timer = 0;
+                        this.getRippleElement().startPress(event);
+                    }
+                    if (!hidden) {
+                        hidden = true;
+                        this.endPress();
+                    }
+                    target.removeEventListener('pointerup', hideRipple);
+                    target.removeEventListener('pointercancel', hideRipple);
+                };
+                // 手指移动后，移除涟漪动画
+                const touchMove = () => {
+                    if (timer) {
+                        clearTimeout(timer);
+                        timer = 0;
+                    }
+                    target.removeEventListener('touchmove', touchMove);
+                };
+                // pointermove 事件过于灵敏，可能在未触发 touchmove 的情况下，触发了 pointermove 事件，导致正常的点击操作没有显示涟漪
+                // 因此这里监听 touchmove 事件
+                target.addEventListener('touchmove', touchMove);
+                target.addEventListener('pointerup', hideRipple);
+                target.addEventListener('pointercancel', hideRipple);
+            }
+            // 鼠标点击触发涟漪，点击后立即触发涟漪（仅鼠标左键能触发涟漪）
+            if (event.pointerType === 'mouse' && event.button === 0) {
+                const hideRipple = () => {
+                    this.endPress();
+                    target.removeEventListener('pointerup', hideRipple);
+                    target.removeEventListener('pointercancel', hideRipple);
+                    target.removeEventListener('pointerleave', hideRipple);
+                };
+                this.getRippleElement().startPress(event);
+                target.addEventListener('pointerup', hideRipple);
+                target.addEventListener('pointercancel', hideRipple);
+                target.addEventListener('pointerleave', hideRipple);
+            }
+        }
+        endPress() {
+            if (this.isRippleDisabled()) {
+                return;
+            }
+            this.getRippleTarget().removeAttribute('pressed');
+            this.getRippleElement().endPress();
+        }
+        startDrag() {
+            if (this.isRippleDisabled()) {
+                return;
+            }
+            this.getRippleElement().startDrag();
+        }
+        endDrag() {
+            if (this.isRippleDisabled()) {
+                return;
+            }
+            this.getRippleElement().endDrag();
+        }
+    }
+    __decorate([
+        n({
+            type: Boolean,
+            reflect: true,
+            converter: booleanConverter,
+            attribute: 'no-ripple',
+        })
+    ], Mixin.prototype, "noRipple", void 0);
+    return Mixin;
+};
+
+const buttonBaseStyle = i$2 `.button{position:relative;display:inline-flex;align-items:center;justify-content:center;height:100%;padding:0;overflow:hidden;color:inherit;font-size:inherit;font-family:inherit;font-weight:inherit;letter-spacing:inherit;white-space:nowrap;text-align:center;text-decoration:none;vertical-align:middle;background:0 0;border:none;outline:0;cursor:inherit;-webkit-user-select:none;user-select:none;touch-action:manipulation;zoom:1;-webkit-user-drag:none}`;
+
+class ButtonBase extends AnchorMixin(RippleMixin(FocusableMixin(MduiElement))) {
+    constructor() {
+        super(...arguments);
+        /**
+         * 是否禁用
+         */
+        this.disabled = false;
+        /**
+         * 是否处于加载中状态
+         */
+        this.loading = false;
+        /**
+         * 按钮的名称，将与表单数据一起提交。
+         *
+         * **Note**：仅在未设置 `href` 属性时，此属性才有效。
+         */
+        this.name = '';
+        /**
+         * 按钮的初始值，将与表单数据一起提交。
+         *
+         * **Note**：仅在未设置 `href` 属性时，此属性才有效。
+         */
+        this.value = '';
+        /**
+         * 按钮的类型。默认类型为 `button`。可选类型包括：
+         *
+         * * `submit`：点击按钮会提交表单数据到服务器
+         * * `reset`：点击按钮会将表单中的所有字段重置为初始值
+         * * `button`：此类型的按钮没有默认行为
+         *
+         * **Note**：仅在未指定 `href` 属性时，此属性才有效。
+         */
+        this.type = 'button';
+        /**
+         * 如果设置了此属性，表单提交时将不执行表单验证。
+         *
+         * 如果设置了此属性，将覆盖 `<form>` 元素的 `novalidate` 属性。
+         *
+         * **Note**：仅在未设置 `href` 属性且 `type="submit"` 时，此属性才有效。
+         */
+        this.formNoValidate = false;
+        this.formController = new FormController(this);
+    }
+    /**
+     * 表单验证状态对象，具体参见 [`ValidityState`](https://developer.mozilla.org/zh-CN/docs/Web/API/ValidityState)
+     */
+    get validity() {
+        if (this.isButton()) {
+            return this.focusElement.validity;
+        }
+    }
+    /**
+     * 如果表单验证未通过，此属性将包含提示信息。如果验证通过，此属性将为空字符串
+     */
+    get validationMessage() {
+        if (this.isButton()) {
+            return this.focusElement.validationMessage;
+        }
+    }
+    get rippleDisabled() {
+        return this.disabled || this.loading;
+    }
+    get focusElement() {
+        return this.isButton()
+            ? this.renderRoot?.querySelector('._button')
+            : !this.focusDisabled
+                ? this.renderRoot?.querySelector('._a')
+                : this;
+    }
+    get focusDisabled() {
+        return this.disabled || this.loading;
+    }
+    /**
+     * 检查表单字段是否通过验证。如果未通过，返回 `false` 并触发 `invalid` 事件；如果通过，返回 `true`
+     */
+    checkValidity() {
+        if (this.isButton()) {
+            const valid = this.focusElement.checkValidity();
+            if (!valid) {
+                // @ts-ignore
+                this.emit('invalid', {
+                    bubbles: false,
+                    cancelable: true,
+                    composed: false,
+                });
+            }
+            return valid;
+        }
+        return true;
+    }
+    /**
+     * 检查表单字段是否通过验证。如果未通过，返回 `false` 并触发 `invalid` 事件；如果通过，返回 `true`。
+     *
+     * 如果验证未通过，还会在组件上显示验证失败的提示。
+     */
+    reportValidity() {
+        if (this.isButton()) {
+            const invalid = !this.focusElement.reportValidity();
+            if (invalid) {
+                // @ts-ignore
+                this.emit('invalid', {
+                    bubbles: false,
+                    cancelable: true,
+                    composed: false,
+                });
+                // todo 考虑是否要支持 preventDefault() 方法，当前 invalid 状态没有样式
+            }
+            return !invalid;
+        }
+        return true;
+    }
+    /**
+     * 设置自定义的错误提示文本。只要这个文本不为空，就表示字段未通过验证
+     *
+     * @param message 自定义的错误提示文本
+     */
+    setCustomValidity(message) {
+        if (this.isButton()) {
+            this.focusElement.setCustomValidity(message);
+        }
+    }
+    firstUpdated(_changedProperties) {
+        super.firstUpdated(_changedProperties);
+        this.addEventListener('click', () => {
+            if (this.type === 'submit') {
+                this.formController.submit(this);
+            }
+            if (this.type === 'reset') {
+                this.formController.reset(this);
+            }
+        });
+    }
+    renderLoading() {
+        return this.loading
+            ? ke `<mdui-circular-progress part="loading"></mdui-circular-progress>`
+            : nothingTemplate;
+    }
+    renderButton({ id, className, part, content = ke `<slot></slot>`, }) {
+        return ke `<button id="${to(id)}" class="${cc(['_button', className])}" part="${to(part)}" ?disabled="${this.rippleDisabled || this.focusDisabled}">${content}</button>`;
+    }
+    isButton() {
+        return !this.href;
+    }
+}
+ButtonBase.styles = [
+    componentStyle,
+    buttonBaseStyle,
+];
+__decorate([
+    n({
+        type: Boolean,
+        reflect: true,
+        converter: booleanConverter,
+    })
+], ButtonBase.prototype, "disabled", void 0);
+__decorate([
+    n({
+        type: Boolean,
+        reflect: true,
+        converter: booleanConverter,
+    })
+], ButtonBase.prototype, "loading", void 0);
+__decorate([
+    n({ reflect: true })
+], ButtonBase.prototype, "name", void 0);
+__decorate([
+    n({ reflect: true })
+], ButtonBase.prototype, "value", void 0);
+__decorate([
+    n({ reflect: true })
+], ButtonBase.prototype, "type", void 0);
+__decorate([
+    n({ reflect: true })
+], ButtonBase.prototype, "form", void 0);
+__decorate([
+    n({ reflect: true, attribute: 'formaction' })
+], ButtonBase.prototype, "formAction", void 0);
+__decorate([
+    n({ reflect: true, attribute: 'formenctype' })
+], ButtonBase.prototype, "formEnctype", void 0);
+__decorate([
+    n({ reflect: true, attribute: 'formmethod' })
+], ButtonBase.prototype, "formMethod", void 0);
+__decorate([
+    n({
+        type: Boolean,
+        reflect: true,
+        converter: booleanConverter,
+        attribute: 'formnovalidate',
+    })
+], ButtonBase.prototype, "formNoValidate", void 0);
+__decorate([
+    n({ reflect: true, attribute: 'formtarget' })
+], ButtonBase.prototype, "formTarget", void 0);
+
+exports.ButtonBase = ButtonBase;
+exports.HasSlotController = HasSlotController;
+exports.Kt = Kt;
+exports.__decorate = __decorate;
+exports.booleanConverter = booleanConverter;
+exports.i = i$2;
+exports.ii = ii;
+exports.ke = ke;
+exports.n = n;
+exports.nothingTemplate = nothingTemplate;
+exports.t = t$1;
+
+//# sourceMappingURL=button-base-f4219018.js.map