urnovl-web-components 0.0.128 → 0.0.129

package/dist/cjs/{anchor-fbe32ab5.js → anchor-d8c19f89.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const index = require('./index-8f6f2f72.js');
-const ifDefined = require('./if-defined-df505db5.js');
+const index = require('./index-3e64325e.js');
+const ifDefined = require('./if-defined-e27f8805.js');
 
 function cc(names) {
   if (typeof names === "string" || typeof names === "number") return "" + names

package/dist/cjs/{button-base-b31009d4.js → button-base-349c4484.js}

@@ -1,10 +1,11 @@
 'use strict';
 
-const index = require('./index-8f6f2f72.js');
-const ifDefined = require('./if-defined-df505db5.js');
-const anchor = require('./anchor-fbe32ab5.js');
-const form = require('./form-7985cf89.js');
-const template = require('./template-c6aa8fba.js');
+const index = require('./index-3e64325e.js');
+const ifDefined = require('./if-defined-e27f8805.js');
+const anchor = require('./anchor-d8c19f89.js');
+const form = require('./form-bdda0b9b.js');
+const template = require('./template-45f3fd9e.js');
+const rippleMixin = require('./ripple-mixin-7e22f683.js');
 
 const style = index.i `: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)}}`;
 
@@ -64,7 +65,7 @@ CircularProgress = index.__decorate([
 
 const buttonBaseStyle = index.i `.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 anchor.AnchorMixin(index.RippleMixin(index.FocusableMixin(index.MduiElement))) {
+class ButtonBase extends anchor.AnchorMixin(rippleMixin.RippleMixin(rippleMixin.FocusableMixin(index.MduiElement))) {
     constructor() {
         super(...arguments);
         /**

package/dist/cjs/{check-4aecf34f.js → check-e00396ac.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const index = require('./index-8f6f2f72.js');
-const svgTag = require('./svg-tag-f5e232ad.js');
+const index = require('./index-3e64325e.js');
+const svgTag = require('./svg-tag-41fbcd07.js');
 
 let IconCheck = class IconCheck extends index.h {
     render() {

package/dist/cjs/{default-value-d2522e56.js → default-value-398d3b89.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-8f6f2f72.js');
+const index = require('./index-3e64325e.js');
 
 /**
  * defaultValue 装饰器。在 attribute 属性变更时，若值和 property 值不一致，则会保存新的 attribute 值

package/dist/cjs/{form-7985cf89.js → form-bdda0b9b.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-8f6f2f72.js');
+const index = require('./index-3e64325e.js');
 
 /**
  * 使用该 WeakMap 来存储指定表单中所有的 mdui 表单控件

package/dist/cjs/{if-defined-df505db5.js → if-defined-e27f8805.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-8f6f2f72.js');
+const index = require('./index-3e64325e.js');
 
 /**
  * @license

package/dist/cjs/{index-7685ace6.js → index-056c4ab5.js}

@@ -21,7 +21,7 @@ function _interopNamespace(e) {
 }
 
 const NAMESPACE = 'urnovl-web-components';
-const BUILD = /* urnovl-web-components */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: false, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: false, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: false, propNumber: true, propString: true, reflect: false, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: false, state: true, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: false, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
+const BUILD = /* urnovl-web-components */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: false, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: false, propNumber: true, propString: true, reflect: false, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: false, state: true, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: false, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
 
 /*
  Stencil Client Platform v4.22.2 | MIT Licensed | https://stenciljs.com
@@ -41,6 +41,9 @@ var registerHost = (hostElement, cmpMeta) => {
     $cmpMeta$: cmpMeta,
     $instanceValues$: /* @__PURE__ */ new Map()
   };
+  {
+    hostRef.$onInstancePromise$ = new Promise((r) => hostRef.$onInstanceResolve$ = r);
+  }
   {
     hostRef.$onReadyPromise$ = new Promise((r) => hostRef.$onReadyResolve$ = r);
     hostElement["s-p"] = [];
@@ -896,6 +899,9 @@ var postUpdateComponent = (hostRef) => {
   } else {
     endPostUpdate();
   }
+  {
+    hostRef.$onInstanceResolve$(elm);
+  }
   {
     if (hostRef.$onRenderResolve$) {
       hostRef.$onRenderResolve$();
@@ -987,6 +993,17 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
           configurable: true,
           enumerable: true
         });
+      } else if (flags & 1 /* isElementConstructor */ && memberFlags & 64 /* Method */) {
+        Object.defineProperty(prototype, memberName, {
+          value(...args) {
+            var _a2;
+            const ref = getHostRef(this);
+            return (_a2 = ref == null ? void 0 : ref.$onInstancePromise$) == null ? void 0 : _a2.then(() => {
+              var _a3;
+              return (_a3 = ref.$lazyInstance$) == null ? void 0 : _a3[memberName](...args);
+            });
+          }
+        });
       }
     });
     if ((flags & 1 /* isElementConstructor */)) {

package/dist/cjs/{index-538e8bdd.js → index-3b65e71a.js}

@@ -1,12 +1,13 @@
 'use strict';
 
-const index = require('./index-8f6f2f72.js');
-const ifDefined = require('./if-defined-df505db5.js');
-const live = require('./live-4aaf6c9f.js');
-const form = require('./form-7985cf89.js');
-const defaultValue = require('./default-value-d2522e56.js');
+const index = require('./index-3e64325e.js');
+const rippleMixin = require('./ripple-mixin-7e22f683.js');
+const ifDefined = require('./if-defined-e27f8805.js');
+const live = require('./live-e617099f.js');
+const form = require('./form-bdda0b9b.js');
+const defaultValue = require('./default-value-398d3b89.js');
 const watch = require('./watch-fc873d99.js');
-const svgTag = require('./svg-tag-f5e232ad.js');
+const svgTag = require('./svg-tag-41fbcd07.js');
 
 let IconCheckBoxOutlineBlank = class IconCheckBoxOutlineBlank extends index.h {
     render() {
@@ -64,7 +65,7 @@ const style = index.i `:host{position:relative;display:inline-flex;cursor:pointe
  * @csspart indeterminate-icon - 不确定状态的图标
  * @csspart label - 复选框文本
  */
-let Checkbox = class Checkbox extends index.RippleMixin(index.FocusableMixin(index.MduiElement)) {
+let Checkbox = class Checkbox extends rippleMixin.RippleMixin(rippleMixin.FocusableMixin(index.MduiElement)) {
     constructor() {
         super(...arguments);
         /**
@@ -260,7 +261,7 @@ index.__decorate([
     index.n({ reflect: true, attribute: 'indeterminate-icon' })
 ], Checkbox.prototype, "indeterminateIcon", void 0);
 index.__decorate([
-    index.r()
+    rippleMixin.r()
 ], Checkbox.prototype, "invalid", void 0);
 index.__decorate([
     watch.watch('disabled', true),