urnovl-web-components 0.0.192 → 0.0.193

package/dist/cjs/anchor-BN5iNQMV.js

@@ -0,0 +1,65 @@
+'use strict';
+
+var componentStyle = require('./component-style-B2SHKQGs.js');
+var ifDefined = require('./if-defined-DRNLjd-w.js');
+
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+var classcat;
+var hasRequiredClasscat;
+
+function requireClasscat () {
+	if (hasRequiredClasscat) return classcat;
+	hasRequiredClasscat = 1;
+	classcat = 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
+	};
+	return classcat;
+}
+
+var classcatExports = requireClasscat();
+var cc = /*@__PURE__*/getDefaultExportFromCjs(classcatExports);
+
+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;
+
+//# sourceMappingURL=anchor-BN5iNQMV.js.map

package/dist/cjs/anchor-BN5iNQMV.js.map

@@ -0,0 +1 @@
+{"sourcesContent":[]}

package/dist/cjs/app-globals-V2Kpy_OQ.js

@@ -0,0 +1,7 @@
+'use strict';
+
+const globalScripts = () => {};
+
+exports.globalScripts = globalScripts;
+
+//# sourceMappingURL=app-globals-V2Kpy_OQ.js.map

package/dist/cjs/app-globals-V2Kpy_OQ.js.map

@@ -0,0 +1 @@
+{"sourcesContent":[]}

package/dist/cjs/appendTo-B0R297lH.js

@@ -0,0 +1,238 @@
+'use strict';
+
+var is = require('./is-DXSKHVs_.js');
+var componentStyle = require('./component-style-B2SHKQGs.js');
+
+componentStyle.eachArray(['add', 'remove', 'toggle'], (name) => {
+    is.$.fn[`${name}Class`] = function (className) {
+        if (name === 'remove' && !arguments.length) {
+            return this.each((_, element) => {
+                is.setAttribute(element, 'class', '');
+            });
+        }
+        return this.each((i, element) => {
+            if (!componentStyle.isElement(element)) {
+                return;
+            }
+            const classes = (componentStyle.isFunction(className)
+                ? className.call(element, i, is.getAttribute(element, 'class', ''))
+                : className)
+                .split(' ')
+                .filter((name) => name);
+            componentStyle.eachArray(classes, (cls) => {
+                element.classList[name](cls);
+            });
+        });
+    };
+});
+
+// eslint-disable-next-line
+function each(target, callback) {
+    // eachArray 回调函数是 value, key，这里的 each 函数是 key, value
+    return componentStyle.isArrayLike(target)
+        ? componentStyle.eachArray(target, (value, index) => {
+            return callback.call(value, index, value);
+        })
+        : componentStyle.eachObject(target, callback);
+}
+
+// eslint-disable-next-line
+function map(elements, callback) {
+    const window = is.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
+is.$.fn.map = function (callback) {
+    return new is.JQ(map(this, (element, i) => {
+        return callback.call(element, i, element);
+    }));
+};
+
+/**
+ * 值上面的 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 (is.getExtraWidth(element, name.toLowerCase(), extra) *
+            multiply);
+    };
+    if (funcIndex === 2 && includeMargin) {
+        value += getExtraWidthValue('margin');
+    }
+    if (is.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 = (element, name, funcIndex, includeMargin) => {
+    const document = is.getDocument();
+    const clientProp = `client${name}`;
+    const scrollProp = `scroll${name}`;
+    const offsetProp = `offset${name}`;
+    const innerProp = `inner${name}`;
+    // $(window).width()
+    if (componentStyle.isWindow(element)) {
+        // outerWidth, outerHeight 需要包含滚动条的宽度
+        return funcIndex === 2
+            ? element[innerProp]
+            : componentStyle.toElement(document)[clientProp];
+    }
+    // $(document).width()
+    if (componentStyle.isDocument(element)) {
+        const doc = componentStyle.toElement(element);
+        return Math.max(
+        // @ts-ignore
+        element.body[scrollProp], doc[scrollProp], 
+        // @ts-ignore
+        element.body[offsetProp], doc[offsetProp], doc[clientProp]);
+    }
+    const value = parseFloat(is.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 = (element, elementIndex, name, funcIndex, includeMargin, value) => {
+    let computedValue = componentStyle.isFunction(value)
+        ? value.call(element, elementIndex, get(element, name, funcIndex, includeMargin))
+        : value;
+    if (computedValue == null) {
+        return;
+    }
+    const $element = is.$(element);
+    const dimension = name.toLowerCase();
+    // 特殊的值，不需要计算 padding、border、margin
+    if (componentStyle.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);
+};
+componentStyle.eachArray(['Width', 'Height'], (name) => {
+    componentStyle.eachArray([`inner${name}`, name.toLowerCase(), `outer${name}`], (funcName, funcIndex) => {
+        is.$.fn[funcName] = function (
+        // eslint-disable-next-line
+        margin, 
+        // eslint-disable-next-line
+        value) {
+            // 是否是赋值操作
+            const isSet = arguments.length && (funcIndex < 2 || !componentStyle.isBoolean(margin));
+            const includeMargin = margin === true || value === true;
+            // 获取第一个元素的值
+            if (!isSet) {
+                return this.length
+                    ? get(this[0], name, funcIndex, includeMargin)
+                    : undefined;
+            }
+            // 设置每个元素的值
+            return this.each((index, element) => {
+                return set(element, index, name, funcIndex, includeMargin, margin);
+            });
+        };
+    });
+});
+
+componentStyle.eachArray(['insertBefore', 'insertAfter'], (name, nameIndex) => {
+    // eslint-disable-next-line
+    is.$.fn[name] = function (target) {
+        const $element = nameIndex ? is.$(this.get().reverse()) : this; // 顺序和 jQuery 保持一致
+        const $target = is.$(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 is.$(nameIndex ? result.reverse() : result);
+    };
+});
+
+is.$.fn.remove = function (selector) {
+    return this.each((_, element) => {
+        if (!selector || is.$(element).is(selector)) {
+            is.removeChild(element);
+        }
+    });
+};
+
+componentStyle.eachArray(['appendTo', 'prependTo'], (name, nameIndex) => {
+    // eslint-disable-next-line
+    is.$.fn[name] = function (target) {
+        const extraChilds = [];
+        const $target = is.$(target).map((_, element) => {
+            const childNodes = element.childNodes;
+            const childLength = childNodes.length;
+            if (childLength) {
+                return childNodes[nameIndex ? 0 : childLength - 1];
+            }
+            const child = is.createElement('div');
+            is.appendChild(element, child);
+            extraChilds.push(child);
+            return child;
+        });
+        const $result = this[nameIndex ? 'insertBefore' : 'insertAfter']($target);
+        is.$(extraChilds).remove();
+        return $result;
+    };
+});
+
+//# sourceMappingURL=appendTo-B0R297lH.js.map

package/dist/cjs/appendTo-B0R297lH.js.map

@@ -0,0 +1 @@
+{"sourcesContent":[]}

package/dist/cjs/array-CC7Y3kF2.js

@@ -0,0 +1,27 @@
+'use strict';
+
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+function*oo(o,f){if(void 0!==o){let i=0;for(const t of o)yield f(t,i++);}}
+
+/**
+ * 检查两个数组是否包含相同的元素，不考虑顺序
+ * @param a
+ * @param b
+ */
+const arraysEqualIgnoreOrder = (a, b) => {
+    if (a.length !== b.length) {
+        return false;
+    }
+    const sortedA = [...a].sort();
+    const sortedB = [...b].sort();
+    return sortedA.every((value, index) => value === sortedB[index]);
+};
+
+exports.arraysEqualIgnoreOrder = arraysEqualIgnoreOrder;
+exports.oo = oo;
+
+//# sourceMappingURL=array-CC7Y3kF2.js.map

package/dist/cjs/array-CC7Y3kF2.js.map

@@ -0,0 +1 @@
+{"sourcesContent":[]}

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

@@ -0,0 +1,211 @@
+'use strict';
+
+var componentStyle = require('./component-style-B2SHKQGs.js');
+var ifDefined = require('./if-defined-DRNLjd-w.js');
+var anchor = require('./anchor-BN5iNQMV.js');
+var form = require('./form-DBJZ4lWs.js');
+var is = require('./is-DXSKHVs_.js');
+var template = require('./template-BzinHQqZ.js');
+var rippleMixin = require('./ripple-mixin-DQiWcZUk.js');
+require('./index-Cu65VTFw.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}`;
+
+class ButtonBase extends anchor.AnchorMixin(rippleMixin.RippleMixin(rippleMixin.FocusableMixin(componentStyle.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 form.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
+            ? componentStyle.ke `<mdui-circular-progress part="loading"></mdui-circular-progress>`
+            : template.nothingTemplate;
+    }
+    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 = [
+    componentStyle.componentStyle,
+    buttonBaseStyle,
+];
+componentStyle.__decorate([
+    componentStyle.n({
+        type: Boolean,
+        reflect: true,
+        converter: is.booleanConverter,
+    })
+], ButtonBase.prototype, "disabled", void 0);
+componentStyle.__decorate([
+    componentStyle.n({
+        type: Boolean,
+        reflect: true,
+        converter: is.booleanConverter,
+    })
+], ButtonBase.prototype, "loading", void 0);
+componentStyle.__decorate([
+    componentStyle.n({ reflect: true })
+], ButtonBase.prototype, "name", void 0);
+componentStyle.__decorate([
+    componentStyle.n({ reflect: true })
+], ButtonBase.prototype, "value", void 0);
+componentStyle.__decorate([
+    componentStyle.n({ reflect: true })
+], ButtonBase.prototype, "type", void 0);
+componentStyle.__decorate([
+    componentStyle.n({ reflect: true })
+], ButtonBase.prototype, "form", void 0);
+componentStyle.__decorate([
+    componentStyle.n({ reflect: true, attribute: 'formaction' })
+], ButtonBase.prototype, "formAction", void 0);
+componentStyle.__decorate([
+    componentStyle.n({ reflect: true, attribute: 'formenctype' })
+], ButtonBase.prototype, "formEnctype", void 0);
+componentStyle.__decorate([
+    componentStyle.n({ reflect: true, attribute: 'formmethod' })
+], ButtonBase.prototype, "formMethod", void 0);
+componentStyle.__decorate([
+    componentStyle.n({
+        type: Boolean,
+        reflect: true,
+        converter: is.booleanConverter,
+        attribute: 'formnovalidate',
+    })
+], ButtonBase.prototype, "formNoValidate", void 0);
+componentStyle.__decorate([
+    componentStyle.n({ reflect: true, attribute: 'formtarget' })
+], ButtonBase.prototype, "formTarget", void 0);
+
+exports.ButtonBase = ButtonBase;
+
+//# sourceMappingURL=button-base-CvkH5ezt.js.map

package/dist/cjs/button-base-CvkH5ezt.js.map

@@ -0,0 +1 @@
+{"sourcesContent":[]}

package/dist/cjs/check--V36SaMJ.js

@@ -0,0 +1,16 @@
+'use strict';
+
+var componentStyle = require('./component-style-B2SHKQGs.js');
+var svgTag = require('./svg-tag-CtPPozb1.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$1('mdui-icon-check')
+], IconCheck);
+
+//# sourceMappingURL=check--V36SaMJ.js.map

package/dist/cjs/check--V36SaMJ.js.map

@@ -0,0 +1 @@
+{"sourcesContent":[]}

package/dist/cjs/children-AXOZE0Ak.js

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

package/dist/cjs/children-AXOZE0Ak.js.map

@@ -0,0 +1 @@
+{"sourcesContent":[]}

package/dist/cjs/class-map-BwRbI3Fj.js

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

package/dist/cjs/class-map-BwRbI3Fj.js.map

@@ -0,0 +1 @@
+{"sourcesContent":[]}