urnovl-web-components 0.0.176 → 0.0.178

package/dist/cjs/anchor-912b392e.js

@@ -0,0 +1,48 @@
+'use strict';
+
+const componentStyle = require('./component-style-e80943e9.js');
+const ifDefined = require('./if-defined-03ea0dea.js');
+
+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
+}
+
+const AnchorMixin = (superclass) => {
+    class AnchorMixinClass extends superclass {
+        renderAnchor({ id, className, part, content = componentStyle.ke `<slot></slot>`, refDirective, tabIndex, }) {
+            return componentStyle.ke `<a ${refDirective} id="${ifDefined.to(id)}" class="_a ${className ? className : ''}" part="${ifDefined.to(part)}" href="${ifDefined.to(this.href)}" download="${ifDefined.to(this.download)}" target="${ifDefined.to(this.target)}" rel="${ifDefined.to(this.rel)}" tabindex="${ifDefined.to(tabIndex)}">${content}</a>`;
+        }
+    }
+    componentStyle.__decorate([
+        componentStyle.n({ reflect: true })
+    ], AnchorMixinClass.prototype, "href", void 0);
+    componentStyle.__decorate([
+        componentStyle.n({ reflect: true })
+    ], AnchorMixinClass.prototype, "download", void 0);
+    componentStyle.__decorate([
+        componentStyle.n({ reflect: true })
+    ], AnchorMixinClass.prototype, "target", void 0);
+    componentStyle.__decorate([
+        componentStyle.n({ reflect: true })
+    ], AnchorMixinClass.prototype, "rel", void 0);
+    return AnchorMixinClass;
+};
+
+exports.AnchorMixin = AnchorMixin;
+exports.cc = cc;

package/dist/cjs/{button-base-37b48e60.js → button-base-41a4e0cd.js}

@@ -1,14 +1,14 @@
 'use strict';
 
-const get = require('./get-511a0185.js');
-const ifDefined = require('./if-defined-0a794922.js');
-const anchor = require('./anchor-31b9a9d1.js');
-const form = require('./form-a018dd49.js');
-const template = require('./template-0f669b3d.js');
-const rippleMixin = require('./ripple-mixin-ada8a9ad.js');
-const classMap = require('./class-map-5321cbe6.js');
+const componentStyle = require('./component-style-e80943e9.js');
+const ifDefined = require('./if-defined-03ea0dea.js');
+const anchor = require('./anchor-912b392e.js');
+const form = require('./form-441f7529.js');
+const template = require('./template-3b98978c.js');
+const rippleMixin = require('./ripple-mixin-c1592480.js');
+const classMap = require('./class-map-693acde8.js');
 
-const style = get.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)}}`;
+const style = componentStyle.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)}}`;
 
 /**
  * @summary 圆形进度指示器组件
@@ -17,7 +17,7 @@ const style = get.i `:host{position:relative;display:inline-block;flex-shrink:0;
  * <mdui-circular-progress></mdui-circular-progress>
  * ```
  */
-let CircularProgress = class CircularProgress extends get.MduiElement {
+let CircularProgress = class CircularProgress extends componentStyle.MduiElement {
     constructor() {
         super(...arguments);
         /**
@@ -26,8 +26,8 @@ let CircularProgress = class CircularProgress extends get.MduiElement {
         this.max = 1;
     }
     render() {
-        const isDeterminate = !get.isUndefined(this.value);
-        return get.ke `<div class="progress ${classMap.Rt({
+        const isDeterminate = !componentStyle.isUndefined(this.value);
+        return componentStyle.ke `<div class="progress ${classMap.Rt({
             determinate: isDeterminate,
             indeterminate: !isDeterminate,
         })}">${isDeterminate ? this.renderDeterminate() : this.renderInDeterminate()}</div>`;
@@ -40,7 +40,7 @@ let CircularProgress = class CircularProgress extends get.MduiElement {
         const center = circleRadius + strokeWidth / 2;
         const circumference = 2 * π * circleRadius;
         const determinateStrokeDashOffset = (1 - value / Math.max(this.max ?? value, value)) * circumference;
-        return get.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>`;
+        return componentStyle.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; // 圆环宽度
@@ -49,24 +49,24 @@ let CircularProgress = class CircularProgress extends get.MduiElement {
         const center = circleRadius + strokeWidth / 2;
         const circumference = 2 * π * circleRadius;
         const halfCircumference = 0.5 * circumference;
-        const circle = (thisStrokeWidth) => get.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 get.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>`;
+        const circle = (thisStrokeWidth) => componentStyle.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 componentStyle.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 = [get.componentStyle, style];
-get.__decorate([
-    get.n({ type: Number, reflect: true })
+CircularProgress.styles = [componentStyle.componentStyle, style];
+componentStyle.__decorate([
+    componentStyle.n({ type: Number, reflect: true })
 ], CircularProgress.prototype, "max", void 0);
-get.__decorate([
-    get.n({ type: Number })
+componentStyle.__decorate([
+    componentStyle.n({ type: Number })
 ], CircularProgress.prototype, "value", void 0);
-CircularProgress = get.__decorate([
-    get.t('mdui-circular-progress')
+CircularProgress = componentStyle.__decorate([
+    componentStyle.t('mdui-circular-progress')
 ], CircularProgress);
 
-const buttonBaseStyle = get.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}`;
+const buttonBaseStyle = componentStyle.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(rippleMixin.RippleMixin(rippleMixin.FocusableMixin(get.MduiElement))) {
+class ButtonBase extends anchor.AnchorMixin(rippleMixin.RippleMixin(rippleMixin.FocusableMixin(componentStyle.MduiElement))) {
     constructor() {
         super(...arguments);
         /**
@@ -200,65 +200,65 @@ class ButtonBase extends anchor.AnchorMixin(rippleMixin.RippleMixin(rippleMixin.
     }
     renderLoading() {
         return this.loading
-            ? get.ke `<mdui-circular-progress part="loading"></mdui-circular-progress>`
+            ? componentStyle.ke `<mdui-circular-progress part="loading"></mdui-circular-progress>`
             : template.nothingTemplate;
     }
-    renderButton({ id, className, part, content = get.ke `<slot></slot>`, }) {
-        return get.ke `<button id="${ifDefined.to(id)}" class="${anchor.cc(['_button', className])}" part="${ifDefined.to(part)}" ?disabled="${this.rippleDisabled || this.focusDisabled}">${content}</button>`;
+    renderButton({ id, className, part, content = componentStyle.ke `<slot></slot>`, }) {
+        return componentStyle.ke `<button id="${ifDefined.to(id)}" class="${anchor.cc(['_button', className])}" part="${ifDefined.to(part)}" ?disabled="${this.rippleDisabled || this.focusDisabled}">${content}</button>`;
     }
     isButton() {
         return !this.href;
     }
 }
 ButtonBase.styles = [
-    get.componentStyle,
+    componentStyle.componentStyle,
     buttonBaseStyle,
 ];
-get.__decorate([
-    get.n({
+componentStyle.__decorate([
+    componentStyle.n({
         type: Boolean,
         reflect: true,
-        converter: get.booleanConverter,
+        converter: componentStyle.booleanConverter,
     })
 ], ButtonBase.prototype, "disabled", void 0);
-get.__decorate([
-    get.n({
+componentStyle.__decorate([
+    componentStyle.n({
         type: Boolean,
         reflect: true,
-        converter: get.booleanConverter,
+        converter: componentStyle.booleanConverter,
     })
 ], ButtonBase.prototype, "loading", void 0);
-get.__decorate([
-    get.n({ reflect: true })
+componentStyle.__decorate([
+    componentStyle.n({ reflect: true })
 ], ButtonBase.prototype, "name", void 0);
-get.__decorate([
-    get.n({ reflect: true })
+componentStyle.__decorate([
+    componentStyle.n({ reflect: true })
 ], ButtonBase.prototype, "value", void 0);
-get.__decorate([
-    get.n({ reflect: true })
+componentStyle.__decorate([
+    componentStyle.n({ reflect: true })
 ], ButtonBase.prototype, "type", void 0);
-get.__decorate([
-    get.n({ reflect: true })
+componentStyle.__decorate([
+    componentStyle.n({ reflect: true })
 ], ButtonBase.prototype, "form", void 0);
-get.__decorate([
-    get.n({ reflect: true, attribute: 'formaction' })
+componentStyle.__decorate([
+    componentStyle.n({ reflect: true, attribute: 'formaction' })
 ], ButtonBase.prototype, "formAction", void 0);
-get.__decorate([
-    get.n({ reflect: true, attribute: 'formenctype' })
+componentStyle.__decorate([
+    componentStyle.n({ reflect: true, attribute: 'formenctype' })
 ], ButtonBase.prototype, "formEnctype", void 0);
-get.__decorate([
-    get.n({ reflect: true, attribute: 'formmethod' })
+componentStyle.__decorate([
+    componentStyle.n({ reflect: true, attribute: 'formmethod' })
 ], ButtonBase.prototype, "formMethod", void 0);
-get.__decorate([
-    get.n({
+componentStyle.__decorate([
+    componentStyle.n({
         type: Boolean,
         reflect: true,
-        converter: get.booleanConverter,
+        converter: componentStyle.booleanConverter,
         attribute: 'formnovalidate',
     })
 ], ButtonBase.prototype, "formNoValidate", void 0);
-get.__decorate([
-    get.n({ reflect: true, attribute: 'formtarget' })
+componentStyle.__decorate([
+    componentStyle.n({ reflect: true, attribute: 'formtarget' })
 ], ButtonBase.prototype, "formTarget", void 0);
 
 exports.ButtonBase = ButtonBase;

package/dist/cjs/check-ffb45dcc.js

@@ -0,0 +1,14 @@
+'use strict';
+
+const componentStyle = require('./component-style-e80943e9.js');
+const svgTag = require('./svg-tag-d9af4726.js');
+
+let IconCheck = class IconCheck extends componentStyle.h {
+    render() {
+        return svgTag.svgTag('<path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/>');
+    }
+};
+IconCheck.styles = svgTag.style;
+IconCheck = componentStyle.__decorate([
+    componentStyle.t('mdui-icon-check')
+], IconCheck);

package/dist/cjs/children-a0ac3fe6.js

@@ -0,0 +1,18 @@
+'use strict';
+
+const componentStyle = require('./component-style-e80943e9.js');
+
+componentStyle.$.fn.children = function (selector) {
+    const children = [];
+    this.each((_, element) => {
+        componentStyle.eachArray(element.childNodes, (childNode) => {
+            if (!componentStyle.isElement(childNode)) {
+                return;
+            }
+            if (!selector || componentStyle.$(childNode).is(selector)) {
+                children.push(childNode);
+            }
+        });
+    });
+    return new componentStyle.JQ(componentStyle.unique(children));
+};

package/dist/cjs/class-map-693acde8.js

@@ -0,0 +1,11 @@
+'use strict';
+
+const componentStyle = require('./component-style-e80943e9.js');
+
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const Rt=componentStyle.e(class extends componentStyle.i$1{constructor(s){if(super(s),s.type!==componentStyle.t$1.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 componentStyle.R}});
+
+exports.Rt = Rt;