urnovl-web-components 0.0.81 → 0.0.83

package/dist/cjs/button-base-91029a09.js

@@ -0,0 +1,304 @@
+'use strict';
+
+const rippleMixin = require('./ripple-mixin-039d4676.js');
+
+const nothingTemplate = rippleMixin.ke `${rippleMixin.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
+}
+
+const AnchorMixin = (superclass) => {
+    class AnchorMixinClass extends superclass {
+        renderAnchor({ id, className, part, content = rippleMixin.ke `<slot></slot>`, refDirective, tabIndex, }) {
+            return rippleMixin.ke `<a ${refDirective} id="${rippleMixin.to(id)}" class="_a ${className ? className : ''}" part="${rippleMixin.to(part)}" href="${rippleMixin.to(this.href)}" download="${rippleMixin.to(this.download)}" target="${rippleMixin.to(this.target)}" rel="${rippleMixin.to(this.rel)}" tabindex="${rippleMixin.to(tabIndex)}">${content}</a>`;
+        }
+    }
+    rippleMixin.__decorate([
+        rippleMixin.n({ reflect: true })
+    ], AnchorMixinClass.prototype, "href", void 0);
+    rippleMixin.__decorate([
+        rippleMixin.n({ reflect: true })
+    ], AnchorMixinClass.prototype, "download", void 0);
+    rippleMixin.__decorate([
+        rippleMixin.n({ reflect: true })
+    ], AnchorMixinClass.prototype, "target", void 0);
+    rippleMixin.__decorate([
+        rippleMixin.n({ reflect: true })
+    ], AnchorMixinClass.prototype, "rel", void 0);
+    return AnchorMixinClass;
+};
+
+const style = rippleMixin.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 圆形进度指示器组件
+ *
+ * ```html
+ * <mdui-circular-progress></mdui-circular-progress>
+ * ```
+ */
+let CircularProgress = class CircularProgress extends rippleMixin.MduiElement {
+    constructor() {
+        super(...arguments);
+        /**
+         * 进度指示器的最大值。默认为 `1`
+         */
+        this.max = 1;
+    }
+    render() {
+        const isDeterminate = !rippleMixin.isUndefined(this.value);
+        return rippleMixin.ke `<div class="progress ${rippleMixin.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 rippleMixin.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) => rippleMixin.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 rippleMixin.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 = [rippleMixin.componentStyle, style];
+rippleMixin.__decorate([
+    rippleMixin.n({ type: Number, reflect: true })
+], CircularProgress.prototype, "max", void 0);
+rippleMixin.__decorate([
+    rippleMixin.n({ type: Number })
+], CircularProgress.prototype, "value", void 0);
+CircularProgress = rippleMixin.__decorate([
+    rippleMixin.t('mdui-circular-progress')
+], CircularProgress);
+
+const buttonBaseStyle = rippleMixin.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 AnchorMixin(rippleMixin.RippleMixin(rippleMixin.FocusableMixin(rippleMixin.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 rippleMixin.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
+            ? rippleMixin.ke `<mdui-circular-progress part="loading"></mdui-circular-progress>`
+            : nothingTemplate;
+    }
+    renderButton({ id, className, part, content = rippleMixin.ke `<slot></slot>`, }) {
+        return rippleMixin.ke `<button id="${rippleMixin.to(id)}" class="${cc(['_button', className])}" part="${rippleMixin.to(part)}" ?disabled="${this.rippleDisabled || this.focusDisabled}">${content}</button>`;
+    }
+    isButton() {
+        return !this.href;
+    }
+}
+ButtonBase.styles = [
+    rippleMixin.componentStyle,
+    buttonBaseStyle,
+];
+rippleMixin.__decorate([
+    rippleMixin.n({
+        type: Boolean,
+        reflect: true,
+        converter: rippleMixin.booleanConverter,
+    })
+], ButtonBase.prototype, "disabled", void 0);
+rippleMixin.__decorate([
+    rippleMixin.n({
+        type: Boolean,
+        reflect: true,
+        converter: rippleMixin.booleanConverter,
+    })
+], ButtonBase.prototype, "loading", void 0);
+rippleMixin.__decorate([
+    rippleMixin.n({ reflect: true })
+], ButtonBase.prototype, "name", void 0);
+rippleMixin.__decorate([
+    rippleMixin.n({ reflect: true })
+], ButtonBase.prototype, "value", void 0);
+rippleMixin.__decorate([
+    rippleMixin.n({ reflect: true })
+], ButtonBase.prototype, "type", void 0);
+rippleMixin.__decorate([
+    rippleMixin.n({ reflect: true })
+], ButtonBase.prototype, "form", void 0);
+rippleMixin.__decorate([
+    rippleMixin.n({ reflect: true, attribute: 'formaction' })
+], ButtonBase.prototype, "formAction", void 0);
+rippleMixin.__decorate([
+    rippleMixin.n({ reflect: true, attribute: 'formenctype' })
+], ButtonBase.prototype, "formEnctype", void 0);
+rippleMixin.__decorate([
+    rippleMixin.n({ reflect: true, attribute: 'formmethod' })
+], ButtonBase.prototype, "formMethod", void 0);
+rippleMixin.__decorate([
+    rippleMixin.n({
+        type: Boolean,
+        reflect: true,
+        converter: rippleMixin.booleanConverter,
+        attribute: 'formnovalidate',
+    })
+], ButtonBase.prototype, "formNoValidate", void 0);
+rippleMixin.__decorate([
+    rippleMixin.n({ reflect: true, attribute: 'formtarget' })
+], ButtonBase.prototype, "formTarget", void 0);
+
+exports.ButtonBase = ButtonBase;
+exports.nothingTemplate = nothingTemplate;
+
+//# sourceMappingURL=button-base-91029a09.js.map

package/dist/cjs/button-base-91029a09.js.map

@@ -0,0 +1 @@
+{"file":"button-base-91029a09.js","mappings":"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","names":["html","nothing","ifDefined","__decorate","property","css","MduiElement","isUndefined","classMap","componentStyle","customElement","RippleMixin","FocusableMixin","FormController","booleanConverter"],"sources":["node_modules/@mdui/shared/helpers/template.js","node_modules/classcat/index.js","node_modules/@mdui/shared/mixins/anchor.js","node_modules/mdui/components/circular-progress/style.js","node_modules/mdui/components/circular-progress/index.js","node_modules/mdui/components/button/button-base-style.js","node_modules/mdui/components/button/button-base.js"],"sourcesContent":["import { html, nothing } from 'lit';\nexport const nothingTemplate = html `${nothing}`;\n","export default function cc(names) {\n  if (typeof names === \"string\" || typeof names === \"number\") return \"\" + names\n\n  let out = \"\"\n\n  if (Array.isArray(names)) {\n    for (let i = 0, tmp; i < names.length; i++) {\n      if ((tmp = cc(names[i])) !== \"\") {\n        out += (out && \" \") + tmp\n      }\n    }\n  } else {\n    for (let k in names) {\n      if (names[k]) out += (out && \" \") + k\n    }\n  }\n\n  return out\n}\n","import { __decorate } from \"tslib\";\nimport { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nexport const AnchorMixin = (superclass) => {\n    class AnchorMixinClass extends superclass {\n        renderAnchor({ id, className, part, content = html `<slot></slot>`, refDirective, tabIndex, }) {\n            return html `<a ${refDirective} id=\"${ifDefined(id)}\" class=\"_a ${className ? className : ''}\" part=\"${ifDefined(part)}\" href=\"${ifDefined(this.href)}\" download=\"${ifDefined(this.download)}\" target=\"${ifDefined(this.target)}\" rel=\"${ifDefined(this.rel)}\" tabindex=\"${ifDefined(tabIndex)}\">${content}</a>`;\n        }\n    }\n    __decorate([\n        property({ reflect: true })\n    ], AnchorMixinClass.prototype, \"href\", void 0);\n    __decorate([\n        property({ reflect: true })\n    ], AnchorMixinClass.prototype, \"download\", void 0);\n    __decorate([\n        property({ reflect: true })\n    ], AnchorMixinClass.prototype, \"target\", void 0);\n    __decorate([\n        property({ reflect: true })\n    ], AnchorMixinClass.prototype, \"rel\", void 0);\n    return AnchorMixinClass;\n};\n","import { css } from 'lit';\nexport const style = css `: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)}}`;\n","import { __decorate } from \"tslib\";\nimport { html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { isUndefined } from '@mdui/jq/shared/helper.js';\nimport { MduiElement } from '@mdui/shared/base/mdui-element.js';\nimport { componentStyle } from '@mdui/shared/lit-styles/component-style.js';\nimport { style } from './style.js';\n/**\n * @summary 圆形进度指示器组件\n *\n * ```html\n * <mdui-circular-progress></mdui-circular-progress>\n * ```\n */\nlet CircularProgress = class CircularProgress extends MduiElement {\n    constructor() {\n        super(...arguments);\n        /**\n         * 进度指示器的最大值。默认为 `1`\n         */\n        this.max = 1;\n    }\n    render() {\n        const isDeterminate = !isUndefined(this.value);\n        return html `<div class=\"progress ${classMap({\n            determinate: isDeterminate,\n            indeterminate: !isDeterminate,\n        })}\">${isDeterminate ? this.renderDeterminate() : this.renderInDeterminate()}</div>`;\n    }\n    renderDeterminate() {\n        const value = this.value;\n        const strokeWidth = 4; // 圆环宽度\n        const circleRadius = 18; // 圆环宽度中心点的半径\n        const π = 3.1415926;\n        const center = circleRadius + strokeWidth / 2;\n        const circumference = 2 * π * circleRadius;\n        const determinateStrokeDashOffset = (1 - value / Math.max(this.max ?? value, value)) * circumference;\n        return html `<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>`;\n    }\n    renderInDeterminate() {\n        const strokeWidth = 4; // 圆环宽度\n        const circleRadius = 18; // 圆环宽度中心点的半径\n        const π = 3.1415926;\n        const center = circleRadius + strokeWidth / 2;\n        const circumference = 2 * π * circleRadius;\n        const halfCircumference = 0.5 * circumference;\n        const circle = (thisStrokeWidth) => html `<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>`;\n        return html `<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>`;\n    }\n};\nCircularProgress.styles = [componentStyle, style];\n__decorate([\n    property({ type: Number, reflect: true })\n], CircularProgress.prototype, \"max\", void 0);\n__decorate([\n    property({ type: Number })\n], CircularProgress.prototype, \"value\", void 0);\nCircularProgress = __decorate([\n    customElement('mdui-circular-progress')\n], CircularProgress);\nexport { CircularProgress };\n","import { css } from 'lit';\nexport const buttonBaseStyle = css `.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}`;\n","import { __decorate } from \"tslib\";\nimport { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport cc from 'classcat';\nimport { MduiElement } from '@mdui/shared/base/mdui-element.js';\nimport { FormController } from '@mdui/shared/controllers/form.js';\nimport { booleanConverter } from '@mdui/shared/helpers/decorator.js';\nimport { nothingTemplate } from '@mdui/shared/helpers/template.js';\nimport { componentStyle } from '@mdui/shared/lit-styles/component-style.js';\nimport { AnchorMixin } from '@mdui/shared/mixins/anchor.js';\nimport { FocusableMixin } from '@mdui/shared/mixins/focusable.js';\nimport '../circular-progress.js';\nimport { RippleMixin } from '../ripple/ripple-mixin.js';\nimport { buttonBaseStyle } from './button-base-style.js';\nexport class ButtonBase extends AnchorMixin(RippleMixin(FocusableMixin(MduiElement))) {\n    constructor() {\n        super(...arguments);\n        /**\n         * 是否禁用\n         */\n        this.disabled = false;\n        /**\n         * 是否处于加载中状态\n         */\n        this.loading = false;\n        /**\n         * 按钮的名称，将与表单数据一起提交。\n         *\n         * **Note**：仅在未设置 `href` 属性时，此属性才有效。\n         */\n        this.name = '';\n        /**\n         * 按钮的初始值，将与表单数据一起提交。\n         *\n         * **Note**：仅在未设置 `href` 属性时，此属性才有效。\n         */\n        this.value = '';\n        /**\n         * 按钮的类型。默认类型为 `button`。可选类型包括：\n         *\n         * * `submit`：点击按钮会提交表单数据到服务器\n         * * `reset`：点击按钮会将表单中的所有字段重置为初始值\n         * * `button`：此类型的按钮没有默认行为\n         *\n         * **Note**：仅在未指定 `href` 属性时，此属性才有效。\n         */\n        this.type = 'button';\n        /**\n         * 如果设置了此属性，表单提交时将不执行表单验证。\n         *\n         * 如果设置了此属性，将覆盖 `<form>` 元素的 `novalidate` 属性。\n         *\n         * **Note**：仅在未设置 `href` 属性且 `type=\"submit\"` 时，此属性才有效。\n         */\n        this.formNoValidate = false;\n        this.formController = new FormController(this);\n    }\n    /**\n     * 表单验证状态对象，具体参见 [`ValidityState`](https://developer.mozilla.org/zh-CN/docs/Web/API/ValidityState)\n     */\n    get validity() {\n        if (this.isButton()) {\n            return this.focusElement.validity;\n        }\n    }\n    /**\n     * 如果表单验证未通过，此属性将包含提示信息。如果验证通过，此属性将为空字符串\n     */\n    get validationMessage() {\n        if (this.isButton()) {\n            return this.focusElement.validationMessage;\n        }\n    }\n    get rippleDisabled() {\n        return this.disabled || this.loading;\n    }\n    get focusElement() {\n        return this.isButton()\n            ? this.renderRoot?.querySelector('._button')\n            : !this.focusDisabled\n                ? this.renderRoot?.querySelector('._a')\n                : this;\n    }\n    get focusDisabled() {\n        return this.disabled || this.loading;\n    }\n    /**\n     * 检查表单字段是否通过验证。如果未通过，返回 `false` 并触发 `invalid` 事件；如果通过，返回 `true`\n     */\n    checkValidity() {\n        if (this.isButton()) {\n            const valid = this.focusElement.checkValidity();\n            if (!valid) {\n                // @ts-ignore\n                this.emit('invalid', {\n                    bubbles: false,\n                    cancelable: true,\n                    composed: false,\n                });\n            }\n            return valid;\n        }\n        return true;\n    }\n    /**\n     * 检查表单字段是否通过验证。如果未通过，返回 `false` 并触发 `invalid` 事件；如果通过，返回 `true`。\n     *\n     * 如果验证未通过，还会在组件上显示验证失败的提示。\n     */\n    reportValidity() {\n        if (this.isButton()) {\n            const invalid = !this.focusElement.reportValidity();\n            if (invalid) {\n                // @ts-ignore\n                this.emit('invalid', {\n                    bubbles: false,\n                    cancelable: true,\n                    composed: false,\n                });\n                // todo 考虑是否要支持 preventDefault() 方法，当前 invalid 状态没有样式\n            }\n            return !invalid;\n        }\n        return true;\n    }\n    /**\n     * 设置自定义的错误提示文本。只要这个文本不为空，就表示字段未通过验证\n     *\n     * @param message 自定义的错误提示文本\n     */\n    setCustomValidity(message) {\n        if (this.isButton()) {\n            this.focusElement.setCustomValidity(message);\n        }\n    }\n    firstUpdated(_changedProperties) {\n        super.firstUpdated(_changedProperties);\n        this.addEventListener('click', () => {\n            if (this.type === 'submit') {\n                this.formController.submit(this);\n            }\n            if (this.type === 'reset') {\n                this.formController.reset(this);\n            }\n        });\n    }\n    renderLoading() {\n        return this.loading\n            ? html `<mdui-circular-progress part=\"loading\"></mdui-circular-progress>`\n            : nothingTemplate;\n    }\n    renderButton({ id, className, part, content = html `<slot></slot>`, }) {\n        return html `<button id=\"${ifDefined(id)}\" class=\"${cc(['_button', className])}\" part=\"${ifDefined(part)}\" ?disabled=\"${this.rippleDisabled || this.focusDisabled}\">${content}</button>`;\n    }\n    isButton() {\n        return !this.href;\n    }\n}\nButtonBase.styles = [\n    componentStyle,\n    buttonBaseStyle,\n];\n__decorate([\n    property({\n        type: Boolean,\n        reflect: true,\n        converter: booleanConverter,\n    })\n], ButtonBase.prototype, \"disabled\", void 0);\n__decorate([\n    property({\n        type: Boolean,\n        reflect: true,\n        converter: booleanConverter,\n    })\n], ButtonBase.prototype, \"loading\", void 0);\n__decorate([\n    property({ reflect: true })\n], ButtonBase.prototype, \"name\", void 0);\n__decorate([\n    property({ reflect: true })\n], ButtonBase.prototype, \"value\", void 0);\n__decorate([\n    property({ reflect: true })\n], ButtonBase.prototype, \"type\", void 0);\n__decorate([\n    property({ reflect: true })\n], ButtonBase.prototype, \"form\", void 0);\n__decorate([\n    property({ reflect: true, attribute: 'formaction' })\n], ButtonBase.prototype, \"formAction\", void 0);\n__decorate([\n    property({ reflect: true, attribute: 'formenctype' })\n], ButtonBase.prototype, \"formEnctype\", void 0);\n__decorate([\n    property({ reflect: true, attribute: 'formmethod' })\n], ButtonBase.prototype, \"formMethod\", void 0);\n__decorate([\n    property({\n        type: Boolean,\n        reflect: true,\n        converter: booleanConverter,\n        attribute: 'formnovalidate',\n    })\n], ButtonBase.prototype, \"formNoValidate\", void 0);\n__decorate([\n    property({ reflect: true, attribute: 'formtarget' })\n], ButtonBase.prototype, \"formTarget\", void 0);\n"],"version":3}