urnovl-web-components 0.0.209 → 0.0.211

package/dist/cjs/{anchor-5TTsOQUs.js → anchor-CFt1Z5jo.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var componentStyle = require('./component-style-DynYNNFH.js');
-var helper = require('./helper-CSyCWEcu.js');
-var ifDefined = require('./if-defined-PTiMDrJQ.js');
+var componentStyle = require('./component-style-BC5DdXyd.js');
+var helper = require('./helper-DAtZpWLo.js');
+var ifDefined = require('./if-defined-CSIrgCHw.js');
 
 function getDefaultExportFromCjs (x) {
 	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;

package/dist/cjs/{appendTo-AncJu7qG.js → appendTo-DzlKhxiy.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var is = require('./is-BZqNsJMQ.js');
-var helper = require('./helper-CSyCWEcu.js');
+var is = require('./is-i_XrlY72.js');
+var helper = require('./helper-DAtZpWLo.js');
 
 helper.eachArray(['add', 'remove', 'toggle'], (name) => {
     is.$.fn[`${name}Class`] = function (className) {
@@ -26,7 +26,7 @@ helper.eachArray(['add', 'remove', 'toggle'], (name) => {
     };
 });
 
-// eslint-disable-next-line
+// eslint-disable-next-line @typescript-eslint/no-explicit-any,@typescript-eslint/no-unsafe-function-type
 function each(target, callback) {
     // eachArray 回调函数是 value, key，这里的 each 函数是 key, value
     return helper.isArrayLike(target)
@@ -36,9 +36,9 @@ function each(target, callback) {
         : helper.eachObject(target, callback);
 }
 
-// eslint-disable-next-line
+// eslint-disable-next-line @typescript-eslint/no-explicit-any,@typescript-eslint/no-unsafe-function-type
 function map(elements, callback) {
-    const window = is.getWindow();
+    const window = is.getWindow$1();
     let value;
     const ret = [];
     each(elements, (i, element) => {
@@ -50,7 +50,7 @@ function map(elements, callback) {
     return [].concat(...ret);
 }
 
-// eslint-disable-next-line
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 is.$.fn.map = function (callback) {
     return new is.JQ(map(this, (element, i) => {
         return callback.call(element, i, element);
@@ -103,7 +103,7 @@ const handleExtraWidth = (element, name, value, funcIndex, includeMargin, multip
  * @param includeMargin
  */
 const get = (element, name, funcIndex, includeMargin) => {
-    const document = is.getDocument();
+    const document = is.getDocument$1();
     const clientProp = `client${name}`;
     const scrollProp = `scroll${name}`;
     const offsetProp = `offset${name}`;
@@ -162,9 +162,9 @@ const set = (element, elementIndex, name, funcIndex, includeMargin, value) => {
 helper.eachArray(['Width', 'Height'], (name) => {
     helper.eachArray([`inner${name}`, name.toLowerCase(), `outer${name}`], (funcName, funcIndex) => {
         is.$.fn[funcName] = function (
-        // eslint-disable-next-line
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         margin, 
-        // eslint-disable-next-line
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         value) {
             // 是否是赋值操作
             const isSet = arguments.length && (funcIndex < 2 || !helper.isBoolean(margin));
@@ -184,7 +184,7 @@ helper.eachArray(['Width', 'Height'], (name) => {
 });
 
 helper.eachArray(['insertBefore', 'insertAfter'], (name, nameIndex) => {
-    // eslint-disable-next-line
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     is.$.fn[name] = function (target) {
         const $element = nameIndex ? is.$(this.get().reverse()) : this; // 顺序和 jQuery 保持一致
         const $target = is.$(target);
@@ -215,7 +215,7 @@ is.$.fn.remove = function (selector) {
 };
 
 helper.eachArray(['appendTo', 'prependTo'], (name, nameIndex) => {
-    // eslint-disable-next-line
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     is.$.fn[name] = function (target) {
         const extraChilds = [];
         const $target = is.$(target).map((_, element) => {

package/dist/cjs/{breakpoint-DZJ9czf-.js → breakpoint-CqrmG140.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var is = require('./is-BZqNsJMQ.js');
-require('./appendTo-AncJu7qG.js');
-var helper = require('./helper-CSyCWEcu.js');
+var is = require('./is-i_XrlY72.js');
+require('./appendTo-DzlKhxiy.js');
+var helper = require('./helper-DAtZpWLo.js');
 
 /**
  * 断点相关的 js 函数

package/dist/cjs/{button-base-DB811IFG.js → button-base-e-hPTs6d.js}

@@ -1,14 +1,14 @@
 'use strict';
 
-var componentStyle = require('./component-style-DynYNNFH.js');
-var helper = require('./helper-CSyCWEcu.js');
-var ifDefined = require('./if-defined-PTiMDrJQ.js');
-var anchor = require('./anchor-5TTsOQUs.js');
-var form = require('./form-B68_3t2J.js');
-var is = require('./is-BZqNsJMQ.js');
-var template = require('./template-BXSzuubO.js');
-var rippleMixin = require('./ripple-mixin-ORJWLe-4.js');
-require('./index-CUOJ7A09.js');
+var componentStyle = require('./component-style-BC5DdXyd.js');
+var helper = require('./helper-DAtZpWLo.js');
+var ifDefined = require('./if-defined-CSIrgCHw.js');
+var anchor = require('./anchor-CFt1Z5jo.js');
+var form = require('./form-CVkffwfC.js');
+var is = require('./is-i_XrlY72.js');
+var template = require('./template-X5q71k2a.js');
+var rippleMixin = require('./ripple-mixin-BzJfj2Yg.js');
+require('./index-9bT-Q_rK.js');
 
 const buttonBaseStyle = componentStyle.i$1 `.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}`;
 

package/dist/cjs/{check-BX7ajjfI.js → check-Cz4julY2.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var componentStyle = require('./component-style-DynYNNFH.js');
-var svgTag = require('./svg-tag-RUsb7uPH.js');
+var componentStyle = require('./component-style-BC5DdXyd.js');
+var svgTag = require('./svg-tag-YZLCWbPK.js');
 
 let IconCheck = class IconCheck extends componentStyle.i {
     render() {

package/dist/cjs/{children-BbRaA9l5.js → children-CuTXet1S.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var is = require('./is-BZqNsJMQ.js');
-var helper = require('./helper-CSyCWEcu.js');
+var is = require('./is-i_XrlY72.js');
+var helper = require('./helper-DAtZpWLo.js');
 
 is.$.fn.children = function (selector) {
     const children = [];

package/dist/cjs/{class-map-BhpV9DTQ.js → class-map-GQgVJIH6.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var componentStyle = require('./component-style-DynYNNFH.js');
-var helper = require('./helper-CSyCWEcu.js');
+var componentStyle = require('./component-style-BC5DdXyd.js');
+var helper = require('./helper-DAtZpWLo.js');
 
 /**
  * @license

package/dist/cjs/{clear-BSQPClxy.js → clear-BHleRTDc.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var componentStyle = require('./component-style-DynYNNFH.js');
-var svgTag = require('./svg-tag-RUsb7uPH.js');
+var componentStyle = require('./component-style-BC5DdXyd.js');
+var svgTag = require('./svg-tag-YZLCWbPK.js');
 
 let IconClear = class IconClear extends componentStyle.i {
     render() {

package/dist/cjs/{component-style-DynYNNFH.js → component-style-BC5DdXyd.js}

@@ -14,7 +14,7 @@ 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.
 ***************************************************************************** */
-/* global Reflect, Promise, SuppressedError, Symbol */
+/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
 
 
 function __decorate(decorators, target, key, desc) {

package/dist/cjs/{default-value-DNHejflG.js → default-value-CRjTpOuB.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var componentStyle = require('./component-style-DynYNNFH.js');
-var helper = require('./helper-CSyCWEcu.js');
+var componentStyle = require('./component-style-BC5DdXyd.js');
+var helper = require('./helper-DAtZpWLo.js');
 
 /**
  * defaultValue 装饰器。在 attribute 属性变更时，若值和 property 值不一致，则会保存新的 attribute 值
@@ -30,7 +30,7 @@ function defaultValue(propertyName = 'value') {
                 const converter = options.converter || componentStyle.u;
                 const fromAttribute = helper.isFunction(converter)
                     ? converter
-                    : converter?.fromAttribute ?? componentStyle.u.fromAttribute;
+                    : (converter?.fromAttribute ?? componentStyle.u.fromAttribute);
                 const newValue = fromAttribute(value, options.type);
                 if (this[propertyName] !== newValue) {
                     this[key] = newValue;

package/dist/cjs/{form-B68_3t2J.js → form-CVkffwfC.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var is = require('./is-BZqNsJMQ.js');
-var helper = require('./helper-CSyCWEcu.js');
+var is = require('./is-i_XrlY72.js');
+var helper = require('./helper-DAtZpWLo.js');
 
 /**
  * 使用该 WeakMap 来存储指定表单中所有的 mdui 表单控件

package/dist/cjs/{has-slot-bNIgkkHr.js → has-slot-CJeNEaYA.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var is = require('./is-BZqNsJMQ.js');
+var is = require('./is-i_XrlY72.js');
 
 /**
  * 检查指定的 slot 是否存在

package/dist/cjs/{helper-CSyCWEcu.js → helper-DAtZpWLo.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var componentStyle = require('./component-style-DynYNNFH.js');
+var componentStyle = require('./component-style-BC5DdXyd.js');
 
 /**
  * @license
@@ -30,7 +30,7 @@ const getNodeName = (element) => {
 const isNodeName = (element, name) => {
     return element?.nodeName.toLowerCase() === name.toLowerCase();
 };
-// eslint-disable-next-line @typescript-eslint/ban-types
+// eslint-disable-next-line @typescript-eslint/no-unsafe-function-type
 const isFunction = (target) => {
     return typeof target === 'function';
 };

package/dist/cjs/{if-defined-PTiMDrJQ.js → if-defined-CSIrgCHw.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var componentStyle = require('./component-style-DynYNNFH.js');
+var componentStyle = require('./component-style-BC5DdXyd.js');
 
 /**
  * @license

package/dist/cjs/{index-CUOJ7A09.js → index-9bT-Q_rK.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var componentStyle = require('./component-style-DynYNNFH.js');
-var helper = require('./helper-CSyCWEcu.js');
-var classMap = require('./class-map-BhpV9DTQ.js');
+var componentStyle = require('./component-style-BC5DdXyd.js');
+var helper = require('./helper-DAtZpWLo.js');
+var classMap = require('./class-map-GQgVJIH6.js');
 
 const style = componentStyle.i$1 `: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)}}`;
 

package/dist/cjs/{index-Dbm2WdCi.js → index-BsudaBhp.js}

@@ -1,25 +1,25 @@
 'use strict';
 
-var componentStyle = require('./component-style-DynYNNFH.js');
-var helper = require('./helper-CSyCWEcu.js');
-var state = require('./state-DmyY6DP1.js');
-var classMap = require('./class-map-BhpV9DTQ.js');
-var ifDefined = require('./if-defined-PTiMDrJQ.js');
-var live = require('./live-DLxKQZoc.js');
-var ref = require('./ref-D0x0-2yZ.js');
+var componentStyle = require('./component-style-BC5DdXyd.js');
+var helper = require('./helper-DAtZpWLo.js');
+var state = require('./state-BflPzv2p.js');
+var classMap = require('./class-map-GQgVJIH6.js');
+var ifDefined = require('./if-defined-CSIrgCHw.js');
+var live = require('./live-CCBlEWd_.js');
+var ref = require('./ref-B810JDSa.js');
 var when = require('./when-CKWo9geR.js');
-var localize = require('./localize-BE2bKIQI.js');
-var is = require('./is-BZqNsJMQ.js');
-var form = require('./form-B68_3t2J.js');
-var hasSlot = require('./has-slot-bNIgkkHr.js');
-var defaultValue = require('./default-value-DNHejflG.js');
+var localize = require('./localize-CSl6vB7O.js');
+var is = require('./is-i_XrlY72.js');
+var form = require('./form-CVkffwfC.js');
+var hasSlot = require('./has-slot-CJeNEaYA.js');
+var defaultValue = require('./default-value-CRjTpOuB.js');
 var watch = require('./watch-MAiBzcfm.js');
-var observeResize = require('./observeResize-DUMUDazj.js');
-var template = require('./template-BXSzuubO.js');
-var svgTag = require('./svg-tag-RUsb7uPH.js');
-var rippleMixin = require('./ripple-mixin-ORJWLe-4.js');
-require('./index-OVEwAT5F.js');
-require('./index-2krcEu8Q.js');
+var observeResize = require('./observeResize-DtgWsaAD.js');
+var template = require('./template-X5q71k2a.js');
+var svgTag = require('./svg-tag-YZLCWbPK.js');
+var rippleMixin = require('./ripple-mixin-BzJfj2Yg.js');
+require('./index-DQ0KXJyj.js');
+require('./index-Cz5w2BYp.js');
 
 /**
  * @license

package/dist/cjs/{index-COUgwTq_.js → index-BzpJiRCG.js}

@@ -3,8 +3,11 @@
 const NAMESPACE = 'urnovl-web-components';
 const BUILD = /* urnovl-web-components */ { hydratedSelectorName: "hydrated", lazyLoad: true, updatable: true};
 
+const globalScripts = () => {};
+const globalStyles = "@keyframes placeholderAnimate{0%{background-position:-650px 0}100%{background-position:650px 0}}.urnovl-loading-placeholder{animation-duration:1.7s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-timing-function:linear;animation-name:placeholderAnimate;background:#f6f7f8;background:linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);background-size:1000px}";
+
 /*
- Stencil Client Platform v4.31.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.33.1 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -222,6 +225,14 @@ var unwrapErr = (result) => {
     throw result.value;
   }
 };
+function createShadowRoot(cmpMeta) {
+  const shadowRoot = this.attachShadow({ mode: "open" });
+  if (supportsConstructableStylesheets) {
+    const sheet = new CSSStyleSheet();
+    sheet.replaceSync(globalStyles);
+    shadowRoot.adoptedStyleSheets.push(sheet);
+  }
+}
 var createTime = (fnName, tagName = "") => {
   {
     return () => {
@@ -1391,9 +1402,7 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
           if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
             {
               if (!self.shadowRoot) {
-                {
-                  self.attachShadow({ mode: "open" });
-                }
+                createShadowRoot.call(self, cmpMeta);
               } else {
                 if (self.shadowRoot.mode !== "open") {
                   throw new Error(
@@ -1512,6 +1521,7 @@ exports.bootstrapLazy = bootstrapLazy;
 exports.createEvent = createEvent;
 exports.forceUpdate = forceUpdate;
 exports.getElement = getElement;
+exports.globalScripts = globalScripts;
 exports.h = h;
 exports.promiseResolve = promiseResolve;
 exports.registerInstance = registerInstance;

package/dist/cjs/{index-2krcEu8Q.js → index-Cz5w2BYp.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var componentStyle = require('./component-style-DynYNNFH.js');
-var helper = require('./helper-CSyCWEcu.js');
-var is = require('./is-BZqNsJMQ.js');
-var hasSlot = require('./has-slot-bNIgkkHr.js');
+var componentStyle = require('./component-style-BC5DdXyd.js');
+var helper = require('./helper-DAtZpWLo.js');
+var is = require('./is-i_XrlY72.js');
+var hasSlot = require('./has-slot-CJeNEaYA.js');
 
 /**
  * @license
@@ -77,7 +77,7 @@ is.$.fn.find = function (selector) {
 };
 
 // 直接使用 CustomEvent 在 ssr 环境下会报错
-const CustomEvent = is.getWindow().CustomEvent;
+const CustomEvent = is.getWindow$1().CustomEvent;
 /**
  * 封装 CustomEvent，使之支持 data:事件监听参数，namespace:命名空间
  */
@@ -293,7 +293,7 @@ const appendQuery = (url, query) => {
  * @param url
  */
 const isCrossDomain = (url) => {
-    const window = is.getWindow();
+    const window = is.getWindow$1();
     return (/^([\w-]+:)?\/\/([^/]+)/.test(url) && RegExp.$2 !== window.location.host);
 };
 /**
@@ -417,8 +417,8 @@ ajax({
  */
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const ajax = (options) => {
-    const document = is.getDocument();
-    const window = is.getWindow();
+    const document = is.getDocument$1();
+    const window = is.getWindow$1();
     // 是否已取消请求
     let isCanceled = false;
     // ajaxStart、ajaxError、ajaxComplete 事件参数
@@ -467,12 +467,10 @@ const ajax = (options) => {
         let resultCustom;
         // 全局回调
         if (callback in globalOptions) {
-            // @ts-ignore
             resultGlobal = globalOptions[callback](...args);
         }
         // 自定义回调
         if (mergedOptions[callback]) {
-            // @ts-ignore
             resultCustom = mergedOptions[callback](...args);
         }
         // beforeSend 回调返回 false 时取消 ajax 请求
@@ -544,7 +542,7 @@ const ajax = (options) => {
                                 method === 'HEAD' ? undefined : JSON.parse(xhr.responseText);
                             successEventParams.response = responseData;
                         }
-                        catch (err) {
+                        catch (_err) {
                             textStatus = 'parsererror';
                             trigger(ajaxError, 'error', xhr, textStatus);
                             doReject(textStatus);

package/dist/cjs/{index-OVEwAT5F.js → index-DQ0KXJyj.js}

@@ -1,14 +1,14 @@
 'use strict';
 
-var componentStyle = require('./component-style-DynYNNFH.js');
-var helper = require('./helper-CSyCWEcu.js');
-var ref = require('./ref-D0x0-2yZ.js');
-var hasSlot = require('./has-slot-bNIgkkHr.js');
+var componentStyle = require('./component-style-BC5DdXyd.js');
+var helper = require('./helper-DAtZpWLo.js');
+var ref = require('./ref-B810JDSa.js');
+var hasSlot = require('./has-slot-CJeNEaYA.js');
 var watch = require('./watch-MAiBzcfm.js');
-var is = require('./is-BZqNsJMQ.js');
-var template = require('./template-BXSzuubO.js');
-var buttonBase = require('./button-base-DB811IFG.js');
-require('./index-2krcEu8Q.js');
+var is = require('./is-i_XrlY72.js');
+var template = require('./template-X5q71k2a.js');
+var buttonBase = require('./button-base-e-hPTs6d.js');
+require('./index-Cz5w2BYp.js');
 
 const style = componentStyle.i$1 `:host{--shape-corner:var(--mdui-shape-corner-full);position:relative;display:inline-block;flex-shrink:0;overflow:hidden;text-align:center;border-radius:var(--shape-corner);cursor:pointer;-webkit-tap-highlight-color:transparent;font-size:1.5rem;width:2.5rem;height:2.5rem}:host([variant=standard]){color:rgb(var(--mdui-color-on-surface-variant));--mdui-comp-ripple-state-layer-color:var(--mdui-color-on-surface-variant)}:host([variant=filled]){color:rgb(var(--mdui-color-primary));background-color:rgb(var(--mdui-color-surface-container-highest));--mdui-comp-ripple-state-layer-color:var(--mdui-color-primary)}:host([variant=tonal]){color:rgb(var(--mdui-color-on-surface-variant));background-color:rgb(var(--mdui-color-surface-container-highest));--mdui-comp-ripple-state-layer-color:var(--mdui-color-on-surface-variant)}:host([variant=outlined]){border:.0625rem solid rgb(var(--mdui-color-outline));color:rgb(var(--mdui-color-on-surface-variant));--mdui-comp-ripple-state-layer-color:var(--mdui-color-on-surface-variant)}:host([variant=outlined][pressed]){color:rgb(var(--mdui-color-on-surface));--mdui-comp-ripple-state-layer-color:var(--mdui-color-on-surface)}:host([variant=standard][selected]:not([selected=false i])){color:rgb(var(--mdui-color-primary));--mdui-comp-ripple-state-layer-color:var(--mdui-color-primary)}:host([variant=filled]:not([selectable])),:host([variant=filled][selectable=false i]),:host([variant=filled][selected]:not([selected=false i])){color:rgb(var(--mdui-color-on-primary));background-color:rgb(var(--mdui-color-primary));--mdui-comp-ripple-state-layer-color:var(--mdui-color-on-primary)}:host([variant=tonal]:not([selectable])),:host([variant=tonal][selectable=false i]),:host([variant=tonal][selected]:not([selected=false i])){color:rgb(var(--mdui-color-on-secondary-container));background-color:rgb(var(--mdui-color-secondary-container));--mdui-comp-ripple-state-layer-color:var(
       --mdui-color-on-secondary-container

package/dist/cjs/{index-BKggWMlQ.js → index-DR5lITuB.js}

@@ -1,17 +1,17 @@
 'use strict';
 
-var componentStyle = require('./component-style-DynYNNFH.js');
-var helper = require('./helper-CSyCWEcu.js');
-var ref = require('./ref-D0x0-2yZ.js');
-var anchor = require('./anchor-5TTsOQUs.js');
-var hasSlot = require('./has-slot-bNIgkkHr.js');
+var componentStyle = require('./component-style-BC5DdXyd.js');
+var helper = require('./helper-DAtZpWLo.js');
+var ref = require('./ref-B810JDSa.js');
+var anchor = require('./anchor-CFt1Z5jo.js');
+var hasSlot = require('./has-slot-CJeNEaYA.js');
 var watch = require('./watch-MAiBzcfm.js');
-var is = require('./is-BZqNsJMQ.js');
-var template = require('./template-BXSzuubO.js');
-require('./check-BX7ajjfI.js');
-require('./clear-BSQPClxy.js');
-var buttonBase = require('./button-base-DB811IFG.js');
-require('./index-2krcEu8Q.js');
+var is = require('./is-i_XrlY72.js');
+var template = require('./template-X5q71k2a.js');
+require('./check-Cz4julY2.js');
+require('./clear-BHleRTDc.js');
+var buttonBase = require('./button-base-e-hPTs6d.js');
+require('./index-Cz5w2BYp.js');
 
 const style = componentStyle.i$1 `:host{--shape-corner:var(--mdui-shape-corner-small);position:relative;display:inline-block;flex-shrink:0;overflow:hidden;border-radius:var(--shape-corner);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:box-shadow var(--mdui-motion-duration-short4) var(--mdui-motion-easing-linear);height:2rem;background-color:rgb(var(--mdui-color-surface));border:.0625rem solid rgb(var(--mdui-color-outline));color:rgb(var(--mdui-color-on-surface-variant));font-size:var(--mdui-typescale-label-large-size);font-weight:var(--mdui-typescale-label-large-weight);letter-spacing:var(--mdui-typescale-label-large-tracking);line-height:var(--mdui-typescale-label-large-line-height);--mdui-comp-ripple-state-layer-color:var(--mdui-color-on-surface-variant)}.button{padding-right:.4375rem;padding-left:.4375rem}:host([variant=input]) .button{padding-right:.1875rem;padding-left:.1875rem}:host([selected]:not([selected=false i])) .button{padding-right:.5rem;padding-left:.5rem}:host([selected][variant=input]:not([selected=false i])) .button{padding-right:.25rem;padding-left:.25rem}:host([elevated]:not([elevated=false i])) .button{padding-right:.5rem;padding-left:.5rem}:host([variant=assist]){color:rgb(var(--mdui-color-on-surface));--mdui-comp-ripple-state-layer-color:var(--mdui-color-on-surface)}:host([elevated]:not([elevated=false i])){border-width:0;background-color:rgb(var(--mdui-color-surface-container-low));box-shadow:var(--mdui-elevation-level1)}:host([selected]:not([selected=false i])){color:rgb(var(--mdui-color-on-secondary-container));background-color:rgb(var(--mdui-color-secondary-container));border-width:0;--mdui-comp-ripple-state-layer-color:var(
       --mdui-color-on-secondary-container

package/dist/cjs/{index-DV6p88ER.js → index-Dd1KMP0W.js}

@@ -1,19 +1,19 @@
 'use strict';
 
-var componentStyle = require('./component-style-DynYNNFH.js');
-var helper = require('./helper-CSyCWEcu.js');
-var state = require('./state-DmyY6DP1.js');
-var classMap = require('./class-map-BhpV9DTQ.js');
-var ifDefined = require('./if-defined-PTiMDrJQ.js');
-var live = require('./live-DLxKQZoc.js');
-var ref = require('./ref-D0x0-2yZ.js');
-var form = require('./form-B68_3t2J.js');
-var defaultValue = require('./default-value-DNHejflG.js');
+var componentStyle = require('./component-style-BC5DdXyd.js');
+var helper = require('./helper-DAtZpWLo.js');
+var state = require('./state-BflPzv2p.js');
+var classMap = require('./class-map-GQgVJIH6.js');
+var ifDefined = require('./if-defined-CSIrgCHw.js');
+var live = require('./live-CCBlEWd_.js');
+var ref = require('./ref-B810JDSa.js');
+var form = require('./form-CVkffwfC.js');
+var defaultValue = require('./default-value-CRjTpOuB.js');
 var watch = require('./watch-MAiBzcfm.js');
-var is = require('./is-BZqNsJMQ.js');
-var svgTag = require('./svg-tag-RUsb7uPH.js');
-var rippleMixin = require('./ripple-mixin-ORJWLe-4.js');
-require('./index-2krcEu8Q.js');
+var is = require('./is-i_XrlY72.js');
+var svgTag = require('./svg-tag-YZLCWbPK.js');
+var rippleMixin = require('./ripple-mixin-BzJfj2Yg.js');
+require('./index-Cz5w2BYp.js');
 
 let IconCheckBoxOutlineBlank = class IconCheckBoxOutlineBlank extends componentStyle.i {
     render() {

package/dist/cjs/{index-C1DSt3sb.js → index-Dj6ENWP_.js}

@@ -1,17 +1,17 @@
 'use strict';
 
-var componentStyle = require('./component-style-DynYNNFH.js');
-var helper = require('./helper-CSyCWEcu.js');
-var ref = require('./ref-D0x0-2yZ.js');
+var componentStyle = require('./component-style-BC5DdXyd.js');
+var helper = require('./helper-DAtZpWLo.js');
+var ref = require('./ref-B810JDSa.js');
 var when = require('./when-CKWo9geR.js');
-var is = require('./is-BZqNsJMQ.js');
-require('./appendTo-AncJu7qG.js');
+var is = require('./is-i_XrlY72.js');
+require('./appendTo-DzlKhxiy.js');
 var watch = require('./watch-MAiBzcfm.js');
-var motion = require('./motion-DqMjYFp9.js');
-var breakpoint = require('./breakpoint-DZJ9czf-.js');
-var scroll = require('./scroll-D_4kMJfV.js');
-var observeResize = require('./observeResize-DUMUDazj.js');
-var layoutItemBase = require('./layout-item-base-DsxNRJ0A.js');
+var motion = require('./motion-CvQsKdPz.js');
+var breakpoint = require('./breakpoint-CqrmG140.js');
+var scroll = require('./scroll-Bmh-eFNi.js');
+var observeResize = require('./observeResize-DtgWsaAD.js');
+var layoutItemBase = require('./layout-item-base-BAxsC-aE.js');
 
 const style = componentStyle.i$1 `:host{--shape-corner:var(--mdui-shape-corner-large);--z-index:2200;display:none;position:fixed;top:0;bottom:0;left:0;z-index:1;width:22.5rem}:host([placement=right]){left:initial;right:0}:host([mobile]),:host([modal]:not([modal=false i])){top:0!important;right:0;bottom:0!important;width:initial;z-index:var(--z-index)}:host([placement=right][mobile]),:host([placement=right][modal]:not([modal=false i])){left:0}:host([contained]:not([contained=false i])){position:absolute}.overlay{position:absolute;inset:0;z-index:inherit;background-color:rgba(var(--mdui-color-scrim),.4)}.panel{display:block;position:absolute;top:0;bottom:0;left:0;width:100%;overflow:auto;z-index:inherit;background-color:rgb(var(--mdui-color-surface));box-shadow:var(--mdui-elevation-level0)}:host([mobile]) .panel,:host([modal]:not([modal=false i])) .panel{border-radius:0 var(--shape-corner) var(--shape-corner) 0;max-width:80%;width:22.5rem;background-color:rgb(var(--mdui-color-surface-container-low));box-shadow:var(--mdui-elevation-level1)}:host([placement=right]) .panel{left:initial;right:0}:host([placement=right][mobile]) .panel,:host([placement=right][modal]:not([modal=false i])) .panel{border-radius:var(--shape-corner) 0 0 var(--shape-corner)}`;
 

package/dist/cjs/{index-Bo0CERRt.js → index-nwotm2H8.js}

@@ -1,12 +1,12 @@
 'use strict';
 
-var componentStyle = require('./component-style-DynYNNFH.js');
-var helper = require('./helper-CSyCWEcu.js');
-var ref = require('./ref-D0x0-2yZ.js');
-var is = require('./is-BZqNsJMQ.js');
-var template = require('./template-BXSzuubO.js');
-require('./index-2krcEu8Q.js');
-var buttonBase = require('./button-base-DB811IFG.js');
+var componentStyle = require('./component-style-BC5DdXyd.js');
+var helper = require('./helper-DAtZpWLo.js');
+var ref = require('./ref-B810JDSa.js');
+var is = require('./is-i_XrlY72.js');
+var template = require('./template-X5q71k2a.js');
+require('./index-Cz5w2BYp.js');
+var buttonBase = require('./button-base-e-hPTs6d.js');
 
 const style = componentStyle.i$1 `:host{--shape-corner:var(--mdui-shape-corner-full);position:relative;display:inline-block;flex-shrink:0;overflow:hidden;text-align:center;border-radius:var(--shape-corner);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:box-shadow var(--mdui-motion-duration-short4) var(--mdui-motion-easing-linear);min-width:3rem;height:2.5rem;color:rgb(var(--mdui-color-primary));font-size:var(--mdui-typescale-label-large-size);font-weight:var(--mdui-typescale-label-large-weight);letter-spacing:var(--mdui-typescale-label-large-tracking);line-height:var(--mdui-typescale-label-large-line-height)}.button{width:100%;padding:0 1rem}:host([full-width]:not([full-width=false i])){display:block}:host([variant=elevated]){box-shadow:var(--mdui-elevation-level1);background-color:rgb(var(--mdui-color-surface-container-low));--mdui-comp-ripple-state-layer-color:var(--mdui-color-primary)}:host([variant=filled]){color:rgb(var(--mdui-color-on-primary));background-color:rgb(var(--mdui-color-primary));--mdui-comp-ripple-state-layer-color:var(--mdui-color-on-primary)}:host([variant=tonal]){color:rgb(var(--mdui-color-on-secondary-container));background-color:rgb(var(--mdui-color-secondary-container));--mdui-comp-ripple-state-layer-color:var(
       --mdui-color-on-secondary-container