@universal-material/web 3.0.136 → 3.0.137

package/button-field/button-field.d.ts

@@ -0,0 +1,18 @@
+import { TemplateResult } from 'lit';
+import { UmTextFieldBase } from '../shared/text-field-base/text-field-base.js';
+export declare class UmButtonField extends UmTextFieldBase {
+    static styles: import("lit").CSSResultGroup[];
+    protected _value: string;
+    get value(): string;
+    set value(value: string);
+    _button: HTMLButtonElement;
+    _input: HTMLElement;
+    protected renderControl(): TemplateResult;
+    protected renderAfterContent(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'u-button-field': UmButtonField;
+    }
+}
+//# sourceMappingURL=button-field.d.ts.map

package/button-field/button-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-field.d.ts","sourceRoot":"","sources":["../../src/button-field/button-field.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAC;AAI3C,OAAO,EAAE,eAAe,EAAE,MAAM,8CAA8C,CAAC;AAG/E,qBACa,aAAc,SAAQ,eAAe;IAChD,OAAgB,MAAM,iCAAoC;IAE1D,SAAS,CAAC,MAAM,EAAE,MAAM,CAAM;IAC9B,IACI,KAAK,IAGQ,MAAM,CADtB;IACD,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,EAItB;IAEuB,OAAO,EAAG,iBAAiB,CAAC;IAC7B,MAAM,EAAG,WAAW,CAAC;cAEzB,aAAa,IAAI,cAAc;cAa/B,kBAAkB,IAAI,cAAc;CAOxD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,aAAa,CAAC;KACjC;CACF"}

package/button-field/button-field.js

@@ -0,0 +1,59 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html } from 'lit';
+import { customElement, property, query } from 'lit/decorators.js';
+import { html as staticHtml } from 'lit/static-html.js';
+import { UmTextFieldBase } from '../shared/text-field-base/text-field-base.js';
+import { styles } from './button-field.styles';
+let UmButtonField = class UmButtonField extends UmTextFieldBase {
+    constructor() {
+        super(...arguments);
+        this._value = '';
+    }
+    static { this.styles = [UmTextFieldBase.styles, styles]; }
+    get value() {
+        return this._value;
+    }
+    set value(value) {
+        this._value = value;
+        this.empty = !value;
+        this.elementInternals.setFormValue(value);
+    }
+    renderControl() {
+        return staticHtml `
+      <button 
+         class="button"
+         aria-expanded="false"
+         aria-owns="select"
+         ?disabled=${this.disabled}></button>
+      <div class="input">
+        <slot>${this.value}</slot>
+      </div>
+      <u-ripple ?disabled=${this.disabled}></u-ripple>`;
+    }
+    renderAfterContent() {
+        return html `
+      <u-menu>
+        <slot></slot>
+      </u-menu>
+    `;
+    }
+};
+__decorate([
+    property()
+], UmButtonField.prototype, "value", null);
+__decorate([
+    query('.button', true)
+], UmButtonField.prototype, "_button", void 0);
+__decorate([
+    query('.input', true)
+], UmButtonField.prototype, "_input", void 0);
+UmButtonField = __decorate([
+    customElement('u-button-field')
+], UmButtonField);
+export { UmButtonField };
+//# sourceMappingURL=button-field.js.map

package/button-field/button-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-field.js","sourceRoot":"","sources":["../../src/button-field/button-field.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAExD,OAAO,EAAE,eAAe,EAAE,MAAM,8CAA8C,CAAC;AAC/E,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAGxC,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,eAAe;IAA3C;;QAGK,WAAM,GAAW,EAAE,CAAC;IAkChC,CAAC;aApCiB,WAAM,GAAG,CAAC,eAAe,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnC,CAAoC;IAI1D,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IACD,IAAI,KAAK,CAAC,KAAa;QACrB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,CAAC,KAAK,GAAG,CAAC,KAAK,CAAC;QACpB,IAAI,CAAC,gBAAgB,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IAC5C,CAAC;IAKkB,aAAa;QAC9B,OAAO,UAAU,CAAA;;;;;qBAKA,IAAI,CAAC,QAAQ;;gBAElB,IAAI,CAAC,KAAK;;4BAEE,IAAI,CAAC,QAAQ,cAAc,CAAC;IACtD,CAAC;IAEkB,kBAAkB;QACnC,OAAO,IAAI,CAAA;;;;KAIV,CAAC;IACJ,CAAC;;AA/BD;IADC,QAAQ,EAAE;0CAGV;AAOuB;IAAvB,KAAK,CAAC,SAAS,EAAE,IAAI,CAAC;8CAA6B;AAC7B;IAAtB,KAAK,CAAC,QAAQ,EAAE,IAAI,CAAC;6CAAsB;AAfjC,aAAa;IADzB,aAAa,CAAC,gBAAgB,CAAC;GACnB,aAAa,CAqCzB","sourcesContent":["import { html, TemplateResult } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { html as staticHtml } from 'lit/static-html.js';\n\nimport { UmTextFieldBase } from '../shared/text-field-base/text-field-base.js';\nimport { styles } from './button-field.styles';\n\n@customElement('u-button-field')\nexport class UmButtonField extends UmTextFieldBase {\n  static override styles = [UmTextFieldBase.styles, styles];\n\n  protected _value: string = '';\n  @property()\n  get value() {\n    return this._value;\n  }\n  set value(value: string) {\n    this._value = value;\n    this.empty = !value;\n    this.elementInternals.setFormValue(value);\n  }\n\n  @query('.button', true) _button!: HTMLButtonElement;\n  @query('.input', true) _input!: HTMLElement;\n\n  protected override renderControl(): TemplateResult {\n    return staticHtml`\n      <button \n         class=\"button\"\n         aria-expanded=\"false\"\n         aria-owns=\"select\"\n         ?disabled=${this.disabled}></button>\n      <div class=\"input\">\n        <slot>${this.value}</slot>\n      </div>\n      <u-ripple ?disabled=${this.disabled}></u-ripple>`;\n  }\n\n  protected override renderAfterContent(): TemplateResult {\n    return html`\n      <u-menu>\n        <slot></slot>\n      </u-menu>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-button-field': UmButtonField;\n  }\n}\n"]}

package/button-field/button-field.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const styles: import("lit").CSSResult;
+//# sourceMappingURL=button-field.styles.d.ts.map

package/button-field/button-field.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-field.styles.d.ts","sourceRoot":"","sources":["../../src/button-field/button-field.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAclB,CAAC"}

package/button-field/button-field.styles.js

@@ -0,0 +1,17 @@
+import { css } from 'lit';
+export const styles = css `
+  :host(:not([disabled])) .container {
+    cursor: pointer;
+  }
+
+  .button {
+    position: absolute;
+    inset: 0;
+    margin: 0;
+    padding: 0;
+    background: transparent;
+    border: none;
+    appearance: none;
+  }
+`;
+//# sourceMappingURL=button-field.styles.js.map

package/button-field/button-field.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-field.styles.js","sourceRoot":"","sources":["../../src/button-field/button-field.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;CAczB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n  :host(:not([disabled])) .container {\n    cursor: pointer;\n  }\n\n  .button {\n    position: absolute;\n    inset: 0;\n    margin: 0;\n    padding: 0;\n    background: transparent;\n    border: none;\n    appearance: none;\n  }\n`;\n"]}