@leavittsoftware/web 1.0.0 → 1.2.0

package/titanium/address-input/address-input.js

@@ -29,35 +29,35 @@ let TitaniumAddressInput = class TitaniumAddressInput extends GoogleAddressInput
     set showCounty(value) { this.#showCounty_accessor_storage = value; }
     static { this.styles = [
         ...GoogleAddressInput.styles,
-        css `
-      :host {
-        display: flex;
-        flex-direction: column;
-        position: relative;
-        --_supporting-text-trailing-space: 165px;
-      }
+        css `
+      :host {
+        display: flex;
+        flex-direction: column;
+        position: relative;
+        --_supporting-text-trailing-space: 165px;
+      }
     `,
     ]; }
     renderTrailingSlot() {
         return html `<manual-address-dialog .showCounty=${this.showCounty} .showStreet2=${this.showStreet2} .label=${this.label}></manual-address-dialog>`;
     }
     renderTrailingInputSlot() {
-        return html `
-      <md-icon-button
-        ?disabled=${this.disabled}
-        slot="trailing-icon"
-        title="Can't find address"
+        return html `
+      <md-icon-button
+        ?disabled=${this.disabled}
+        slot="trailing-icon"
+        title="Can't find address"
         @click=${async (e) => {
             e.preventDefault();
-            var address = await this.manualAddressDialog.open(this.selected);
+            const address = await this.manualAddressDialog.open(this.selected);
             if (address) {
                 this.selected = { Id: '0', ...address };
                 this.reportValidity();
             }
-        }}
-      >
-        <md-icon>contact_support</md-icon>
-      </md-icon-button>
+        }}
+      >
+        <md-icon>contact_support</md-icon>
+      </md-icon-button>
     `;
     }
 };

package/titanium/address-input/address-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"address-input.js","sourceRoot":"","sources":["address-input.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,wBAAwB,CAAC;AAChC,OAAO,yBAAyB,CAAC;AAEjC,OAAO,sCAAsC,CAAC;AAC9C,OAAO,yBAAyB,CAAC;AAEjC,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAG5D;;;;;;;GAOG;AAEI,IAAM,oBAAoB,GAA1B,MAAM,oBAAqB,SAAQ,kBAAkB;IAIO,gCAAuB,KAAK,CAAC;IAH9F;;OAEG;IAC8D,IAAA,WAAW,iDAAkB;IAA7B,IAAA,WAAW,uDAAkB;IAK9B,+BAAsB,KAAK,CAAC;IAH5F;;OAEG;IAC6D,IAAA,UAAU,gDAAkB;IAA5B,IAAA,UAAU,sDAAkB;aAIrF,WAAM,GAAG;QACd,GAAG,kBAAkB,CAAC,MAAM;QAC5B,GAAG,CAAA;;;;;;;KAOF;KACF,AAVY,CAUX;IAEO,kBAAkB;QACzB,OAAO,IAAI,CAAA,sCAAsC,IAAI,CAAC,UAAU,iBAAiB,IAAI,CAAC,WAAW,WAAW,IAAI,CAAC,KAAK,2BAA2B,CAAC;IACpJ,CAAC;IACQ,uBAAuB;QAC9B,OAAO,IAAI,CAAA;;oBAEK,IAAI,CAAC,QAAQ;;;iBAGhB,KAAK,EAAE,CAAa,EAAE,EAAE;YAC/B,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,IAAI,OAAO,GAAG,MAAM,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YACjE,IAAI,OAAO,EAAE;gBACX,IAAI,CAAC,QAAQ,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,OAAO,EAAE,CAAC;gBACxC,IAAI,CAAC,cAAc,EAAE,CAAC;aACvB;QACH,CAAC;;;;KAIJ,CAAC;IACJ,CAAC;;AA1CgE;IAAhE,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC;uDAAuC;AAK9B;IAA/D,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;sDAAsC;AAE5D;IAA/B,KAAK,CAAC,uBAAuB,CAAC;iEAA0C;AAX9D,oBAAoB;IADhC,aAAa,CAAC,wBAAwB,CAAC;GAC3B,oBAAoB,CA+ChC"}
+{"version":3,"file":"address-input.js","sourceRoot":"","sources":["address-input.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,wBAAwB,CAAC;AAChC,OAAO,yBAAyB,CAAC;AAEjC,OAAO,sCAAsC,CAAC;AAC9C,OAAO,yBAAyB,CAAC;AAEjC,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAG5D;;;;;;;GAOG;AAEI,IAAM,oBAAoB,GAA1B,MAAM,oBAAqB,SAAQ,kBAAkB;IAIO,gCAAuB,KAAK,CAAC;IAH9F;;OAEG;IAC8D,IAAA,WAAW,iDAAkB;IAA7B,IAAA,WAAW,uDAAkB;IAK9B,+BAAsB,KAAK,CAAC;IAH5F;;OAEG;IAC6D,IAAA,UAAU,gDAAkB;IAA5B,IAAA,UAAU,sDAAkB;aAIrF,WAAM,GAAG;QACd,GAAG,kBAAkB,CAAC,MAAM;QAC5B,GAAG,CAAA;;;;;;;KAOF;KACF,AAVY,CAUX;IAEO,kBAAkB;QACzB,OAAO,IAAI,CAAA,sCAAsC,IAAI,CAAC,UAAU,iBAAiB,IAAI,CAAC,WAAW,WAAW,IAAI,CAAC,KAAK,2BAA2B,CAAC;IACpJ,CAAC;IACQ,uBAAuB;QAC9B,OAAO,IAAI,CAAA;;oBAEK,IAAI,CAAC,QAAQ;;;iBAGhB,KAAK,EAAE,CAAa,EAAE,EAAE;YAC/B,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YACnE,IAAI,OAAO,EAAE;gBACX,IAAI,CAAC,QAAQ,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,OAAO,EAAE,CAAC;gBACxC,IAAI,CAAC,cAAc,EAAE,CAAC;aACvB;QACH,CAAC;;;;KAIJ,CAAC;IACJ,CAAC;;AA1CgE;IAAhE,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC;uDAAuC;AAK9B;IAA/D,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;sDAAsC;AAE5D;IAA/B,KAAK,CAAC,uBAAuB,CAAC;iEAA0C;AAX9D,oBAAoB;IADhC,aAAa,CAAC,wBAAwB,CAAC;GAC3B,oBAAoB,CA+ChC"}

package/titanium/address-input/google-address-input.js

@@ -176,10 +176,10 @@ let GoogleAddressInput = class GoogleAddressInput extends TitaniumSingleSelectBa
         return html ` <md-icon slot="leading-icon">place</md-icon> `;
     }
     renderSuggestion(item) {
-        return html `<md-menu-item .item=${item} ?selected=${this.selected?.Id === item.Id}>
-      <md-icon slot="start">place</md-icon>
-      <span slot="headline">${item.primaryDisplayText}</span>
-      <span slot="supporting-text">${item.secondaryText}</span>
+        return html `<md-menu-item .item=${item} ?selected=${this.selected?.Id === item.Id}>
+      <md-icon slot="start">place</md-icon>
+      <span slot="headline">${item.primaryDisplayText}</span>
+      <span slot="supporting-text">${item.secondaryText}</span>
     </md-menu-item>`;
     }
 };

package/titanium/address-input/manual-address-dialog.js

@@ -53,142 +53,142 @@ let ManualAddressDialog = class ManualAddressDialog extends LitElement {
     }
     static { this.styles = [
         formStyles,
-        css `
-      md-dialog {
-        width: -webkit-fill-available;
-        max-width: min(0% + 550px, 100% - 48px);
-      }
+        css `
+      md-dialog {
+        width: -webkit-fill-available;
+        max-width: min(0% + 550px, 100% - 48px);
+      }
     `,
     ]; }
     render() {
-        return html `
-      <md-dialog
+        return html `
+      <md-dialog
         @closing=${(e) => {
             if (e.target.returnValue !== 'apply') {
                 this.resolve(null);
             }
-        }}
-      >
-        <div slot="headline">${this.label}</div>
-        <form slot="content">
-          <md-outlined-text-field
-            label="Street"
-            required
-            .value=${this.street || ''}
-            @change=${(e) => (this.street = e.target.value)}
-          >
-            <md-icon slot="leading-icon">markunread_mailbox</md-icon>
-          </md-outlined-text-field>
+        }}
+      >
+        <div slot="headline">${this.label}</div>
+        <form slot="content">
+          <md-outlined-text-field
+            label="Street"
+            required
+            .value=${this.street || ''}
+            @change=${(e) => (this.street = e.target.value)}
+          >
+            <md-icon slot="leading-icon">markunread_mailbox</md-icon>
+          </md-outlined-text-field>
           ${this.showStreet2
-            ? html ` <md-outlined-text-field
-                label="Street 2"
-                .value=${this.street2 || ''}
-                @change=${(e) => (this.street2 = e.target.value)}
-              >
-                <md-icon slot="leading-icon">meeting_room</md-icon></md-outlined-text-field
+            ? html ` <md-outlined-text-field
+                label="Street 2"
+                .value=${this.street2 || ''}
+                @change=${(e) => (this.street2 = e.target.value)}
+              >
+                <md-icon slot="leading-icon">meeting_room</md-icon></md-outlined-text-field
               >`
-            : nothing}
-          <md-outlined-text-field label="City" required .value=${this.city || ''} @change=${(e) => (this.city = e.target.value)}
-            ><md-icon slot="leading-icon">location_city</md-icon></md-outlined-text-field
-          >
+            : nothing}
+          <md-outlined-text-field label="City" required .value=${this.city || ''} @change=${(e) => (this.city = e.target.value)}
+            ><md-icon slot="leading-icon">location_city</md-icon></md-outlined-text-field
+          >
           ${!this.showCounty
             ? nothing
-            : html `<md-outlined-text-field
-                label="County"
-                required
-                .value=${this.county || ''}
-                @change=${(e) => (this.county = e.target.value)}
-                ><md-icon slot="leading-icon">explore</md-icon></md-outlined-text-field
-              >`}
-
-          <md-outlined-select
-            @opening=${() => preventDialogOverflow(this.dialog)}
-            @closing=${() => allowDialogOverflow(this.dialog)}
-            label="State"
-            required
-            .value=${this.state || ''}
+            : html `<md-outlined-text-field
+                label="County"
+                required
+                .value=${this.county || ''}
+                @change=${(e) => (this.county = e.target.value)}
+                ><md-icon slot="leading-icon">explore</md-icon></md-outlined-text-field
+              >`}
+
+          <md-outlined-select
+            @opening=${() => preventDialogOverflow(this.dialog)}
+            @closing=${() => allowDialogOverflow(this.dialog)}
+            label="State"
+            required
+            .value=${this.state || ''}
             @request-selection=${(e) => {
             e.stopPropagation();
             this.state = e.target.value;
-        }}
-          >
-            <md-icon slot="location_on">location_on</md-icon>
-            <md-select-option value="AL">
-              <div slot="headline">Alabama</div>
-            </md-select-option>
-
-            <md-select-option value="AK"> <div slot="headline">Alaska</div></md-select-option>
-            <md-select-option value="AS"> <div slot="headline">American Samoa</div></md-select-option>
-            <md-select-option value="AZ"> <div slot="headline">Arizona</div></md-select-option>
-            <md-select-option value="AR"> <div slot="headline">Arkansas</div></md-select-option>
-            <md-select-option value="CA"> <div slot="headline">California</div></md-select-option>
-            <md-select-option value="CO"> <div slot="headline">Colorado</div></md-select-option>
-            <md-select-option value="CT"> <div slot="headline">Connecticut</div></md-select-option>
-            <md-select-option value="DE"> <div slot="headline">Delaware</div></md-select-option>
-            <md-select-option value="DC"> <div slot="headline">District of Columbia</div></md-select-option>
-            <md-select-option value="FM"> <div slot="headline">Federated States of Micronesia</div></md-select-option>
-            <md-select-option value="FL"> <div slot="headline">Florida</div></md-select-option>
-            <md-select-option value="GA"> <div slot="headline">Georgia</div></md-select-option>
-            <md-select-option value="GU"> <div slot="headline">Guam</div></md-select-option>
-            <md-select-option value="HI"> <div slot="headline">Hawaii</div></md-select-option>
-            <md-select-option value="ID"> <div slot="headline">Idaho</div></md-select-option>
-            <md-select-option value="IL"> <div slot="headline">Illinois</div></md-select-option>
-            <md-select-option value="IN"> <div slot="headline">Indiana</div></md-select-option>
-            <md-select-option value="IA"> <div slot="headline">Iowa</div></md-select-option>
-            <md-select-option value="KS"> <div slot="headline">Kansas</div></md-select-option>
-            <md-select-option value="KY"> <div slot="headline">Kentucky</div></md-select-option>
-            <md-select-option value="LA"> <div slot="headline">Louisiana</div></md-select-option>
-            <md-select-option value="ME"> <div slot="headline">Maine</div></md-select-option>
-            <md-select-option value="MH"> <div slot="headline">Marshall Islands</div></md-select-option>
-            <md-select-option value="MD"> <div slot="headline">Maryland</div></md-select-option>
-            <md-select-option value="MA"> <div slot="headline">Massachusetts</div></md-select-option>
-            <md-select-option value="MI"> <div slot="headline">Michigan</div></md-select-option>
-            <md-select-option value="MN"> <div slot="headline">Minnesota</div></md-select-option>
-            <md-select-option value="MS"> <div slot="headline">Mississippi</div></md-select-option>
-            <md-select-option value="MO"> <div slot="headline">Missouri</div></md-select-option>
-            <md-select-option value="MT"> <div slot="headline">Montana</div></md-select-option>
-            <md-select-option value="NE"> <div slot="headline">Nebraska</div></md-select-option>
-            <md-select-option value="NV"> <div slot="headline">Nevada</div></md-select-option>
-            <md-select-option value="NH"> <div slot="headline">New Hampshire</div></md-select-option>
-            <md-select-option value="NJ"> <div slot="headline">New Jersey</div></md-select-option>
-            <md-select-option value="NM"> <div slot="headline">New Mexico</div></md-select-option>
-            <md-select-option value="NY"> <div slot="headline">New York</div></md-select-option>
-            <md-select-option value="NC"> <div slot="headline">North Carolina</div></md-select-option>
-            <md-select-option value="ND"> <div slot="headline">North Dakota</div></md-select-option>
-            <md-select-option value="MP"> <div slot="headline">Northern Mariana Islands</div></md-select-option>
-            <md-select-option value="OH"> <div slot="headline">Ohio</div></md-select-option>
-            <md-select-option value="OK"> <div slot="headline">Oklahoma</div></md-select-option>
-            <md-select-option value="OR"> <div slot="headline">Oregon</div></md-select-option>
-            <md-select-option value="PW"> <div slot="headline">Palau</div></md-select-option>
-            <md-select-option value="PA"> <div slot="headline">Pennsylvania</div></md-select-option>
-            <md-select-option value="PR"> <div slot="headline">Puerto Rico</div></md-select-option>
-            <md-select-option value="RI"> <div slot="headline">Rhode Island</div></md-select-option>
-            <md-select-option value="SC"> <div slot="headline">South Carolina</div></md-select-option>
-            <md-select-option value="SD"> <div slot="headline">South Dakota</div></md-select-option>
-            <md-select-option value="TN"> <div slot="headline">Tennessee</div></md-select-option>
-            <md-select-option value="TX"> <div slot="headline">Texas</div></md-select-option>
-            <md-select-option value="UT"> <div slot="headline">Utah</div></md-select-option>
-            <md-select-option value="VT"> <div slot="headline">Vermont</div></md-select-option>
-            <md-select-option value="VI"> <div slot="headline">Virgin Islands</div></md-select-option>
-            <md-select-option value="VA"> <div slot="headline">Virginia</div></md-select-option>
-            <md-select-option value="WA"> <div slot="headline">Washington</div></md-select-option>
-            <md-select-option value="WV"> <div slot="headline">West Virginia</div></md-select-option>
-            <md-select-option value="WI"> <div slot="headline">Wisconsin</div></md-select-option>
-            <md-select-option value="WY"> <div slot="headline">Wyoming</div></md-select-option>
-          </md-outlined-select>
-          <md-outlined-text-field
-            label="Zip"
-            pattern="^\\d{5}$|^\\d{5}-\\d{4}$"
-            required
-            .value=${this.zip || ''}
-            @change=${(e) => (this.zip = e.target.value)}
-            ><md-icon slot="leading-icon">map</md-icon></md-outlined-text-field
-          >
-        </form>
-
-        <div slot="actions">
-          <md-text-button @click=${() => this.dialog.close('cancel')}> Cancel </md-text-button>
-          <md-text-button
+        }}
+          >
+            <md-icon slot="location_on">location_on</md-icon>
+            <md-select-option value="AL">
+              <div slot="headline">Alabama</div>
+            </md-select-option>
+
+            <md-select-option value="AK"> <div slot="headline">Alaska</div></md-select-option>
+            <md-select-option value="AS"> <div slot="headline">American Samoa</div></md-select-option>
+            <md-select-option value="AZ"> <div slot="headline">Arizona</div></md-select-option>
+            <md-select-option value="AR"> <div slot="headline">Arkansas</div></md-select-option>
+            <md-select-option value="CA"> <div slot="headline">California</div></md-select-option>
+            <md-select-option value="CO"> <div slot="headline">Colorado</div></md-select-option>
+            <md-select-option value="CT"> <div slot="headline">Connecticut</div></md-select-option>
+            <md-select-option value="DE"> <div slot="headline">Delaware</div></md-select-option>
+            <md-select-option value="DC"> <div slot="headline">District of Columbia</div></md-select-option>
+            <md-select-option value="FM"> <div slot="headline">Federated States of Micronesia</div></md-select-option>
+            <md-select-option value="FL"> <div slot="headline">Florida</div></md-select-option>
+            <md-select-option value="GA"> <div slot="headline">Georgia</div></md-select-option>
+            <md-select-option value="GU"> <div slot="headline">Guam</div></md-select-option>
+            <md-select-option value="HI"> <div slot="headline">Hawaii</div></md-select-option>
+            <md-select-option value="ID"> <div slot="headline">Idaho</div></md-select-option>
+            <md-select-option value="IL"> <div slot="headline">Illinois</div></md-select-option>
+            <md-select-option value="IN"> <div slot="headline">Indiana</div></md-select-option>
+            <md-select-option value="IA"> <div slot="headline">Iowa</div></md-select-option>
+            <md-select-option value="KS"> <div slot="headline">Kansas</div></md-select-option>
+            <md-select-option value="KY"> <div slot="headline">Kentucky</div></md-select-option>
+            <md-select-option value="LA"> <div slot="headline">Louisiana</div></md-select-option>
+            <md-select-option value="ME"> <div slot="headline">Maine</div></md-select-option>
+            <md-select-option value="MH"> <div slot="headline">Marshall Islands</div></md-select-option>
+            <md-select-option value="MD"> <div slot="headline">Maryland</div></md-select-option>
+            <md-select-option value="MA"> <div slot="headline">Massachusetts</div></md-select-option>
+            <md-select-option value="MI"> <div slot="headline">Michigan</div></md-select-option>
+            <md-select-option value="MN"> <div slot="headline">Minnesota</div></md-select-option>
+            <md-select-option value="MS"> <div slot="headline">Mississippi</div></md-select-option>
+            <md-select-option value="MO"> <div slot="headline">Missouri</div></md-select-option>
+            <md-select-option value="MT"> <div slot="headline">Montana</div></md-select-option>
+            <md-select-option value="NE"> <div slot="headline">Nebraska</div></md-select-option>
+            <md-select-option value="NV"> <div slot="headline">Nevada</div></md-select-option>
+            <md-select-option value="NH"> <div slot="headline">New Hampshire</div></md-select-option>
+            <md-select-option value="NJ"> <div slot="headline">New Jersey</div></md-select-option>
+            <md-select-option value="NM"> <div slot="headline">New Mexico</div></md-select-option>
+            <md-select-option value="NY"> <div slot="headline">New York</div></md-select-option>
+            <md-select-option value="NC"> <div slot="headline">North Carolina</div></md-select-option>
+            <md-select-option value="ND"> <div slot="headline">North Dakota</div></md-select-option>
+            <md-select-option value="MP"> <div slot="headline">Northern Mariana Islands</div></md-select-option>
+            <md-select-option value="OH"> <div slot="headline">Ohio</div></md-select-option>
+            <md-select-option value="OK"> <div slot="headline">Oklahoma</div></md-select-option>
+            <md-select-option value="OR"> <div slot="headline">Oregon</div></md-select-option>
+            <md-select-option value="PW"> <div slot="headline">Palau</div></md-select-option>
+            <md-select-option value="PA"> <div slot="headline">Pennsylvania</div></md-select-option>
+            <md-select-option value="PR"> <div slot="headline">Puerto Rico</div></md-select-option>
+            <md-select-option value="RI"> <div slot="headline">Rhode Island</div></md-select-option>
+            <md-select-option value="SC"> <div slot="headline">South Carolina</div></md-select-option>
+            <md-select-option value="SD"> <div slot="headline">South Dakota</div></md-select-option>
+            <md-select-option value="TN"> <div slot="headline">Tennessee</div></md-select-option>
+            <md-select-option value="TX"> <div slot="headline">Texas</div></md-select-option>
+            <md-select-option value="UT"> <div slot="headline">Utah</div></md-select-option>
+            <md-select-option value="VT"> <div slot="headline">Vermont</div></md-select-option>
+            <md-select-option value="VI"> <div slot="headline">Virgin Islands</div></md-select-option>
+            <md-select-option value="VA"> <div slot="headline">Virginia</div></md-select-option>
+            <md-select-option value="WA"> <div slot="headline">Washington</div></md-select-option>
+            <md-select-option value="WV"> <div slot="headline">West Virginia</div></md-select-option>
+            <md-select-option value="WI"> <div slot="headline">Wisconsin</div></md-select-option>
+            <md-select-option value="WY"> <div slot="headline">Wyoming</div></md-select-option>
+          </md-outlined-select>
+          <md-outlined-text-field
+            label="Zip"
+            pattern="^\\d{5}$|^\\d{5}-\\d{4}$"
+            required
+            .value=${this.zip || ''}
+            @change=${(e) => (this.zip = e.target.value)}
+            ><md-icon slot="leading-icon">map</md-icon></md-outlined-text-field
+          >
+        </form>
+
+        <div slot="actions">
+          <md-text-button @click=${() => this.dialog.close('cancel')}> Cancel </md-text-button>
+          <md-text-button
             @click=${() => {
             if (this.validate()) {
                 this.dialog.close('apply');
@@ -202,11 +202,11 @@ let ManualAddressDialog = class ManualAddressDialog extends LitElement {
                 };
                 this.resolve(address);
             }
-        }}
-            >Update</md-text-button
-          >
-        </div>
-      </md-dialog>
+        }}
+            >Update</md-text-button
+          >
+        </div>
+      </md-dialog>
     `;
     }
 };

package/titanium/card/card.js

@@ -15,123 +15,123 @@ import { property, customElement } from 'lit/decorators.js';
  */
 let TitaniumCard = class TitaniumCard extends LitElement {
     static { this.styles = [
-        css `
-      :host {
-        display: grid;
-        padding: 24px;
-        gap: 8px 12px;
-        grid:
-          'title' auto
-          'body' 1fr;
-        border-radius: 12px;
-        position: relative;
-
-        border: 1px solid var(--md-sys-color-outline-variant);
-        background-color: var(--md-sys-color-surface);
-        color: var(--md-sys-color-on-surface);
-      }
-
-      :host([primary]) {
-        border: none;
-        background-color: var(--md-sys-color-primary-container);
-        color: var(--md-sys-color-on-primary-container);
-      }
-
-      :host([surface]) {
-        border: none;
-        background-color: var(--md-sys-color-surface-variant);
-        color: var(--md-sys-color-on-surface-variant);
-      }
-
-      :host([has-menu]) {
-        grid:
-          'title menu' auto
-          'body body' 1fr / 1fr auto;
-      }
-
-      :host([has-footer]) {
-        grid:
-          'title' auto
-          'body' 1fr
-          'footer' auto;
-      }
-
-      :host([has-footer][has-menu]) {
-        grid:
-          'title menu' min-content
-          'body body' 1fr
-          'footer footer' auto / 1fr auto;
-      }
-
-      :host([has-image]) {
-        grid:
-          'title image' min-content
-          'body image' 1fr / 1fr auto;
-      }
-
-      :host([has-image][has-footer]) {
-        grid:
-          'title image' min-content
-          'body image' 1fr
-          'footer footer' auto / 1fr auto;
-      }
-
-      :host([has-image][has-footer][has-menu]) {
-        grid:
-          'title menu' min-content
-          'body image' 1fr
-          'footer footer' auto / 1fr auto;
-      }
-
-      ::slotted([card-menu]) {
-        grid-area: menu;
-        justify-self: right;
-        margin: -12px -12px -12px 0;
-      }
-
-      ::slotted([card-title]) {
-        grid-area: title;
-      }
-
-      ::slotted([card-body]) {
-        grid-area: body;
-      }
-
-      ::slotted([card-image]) {
-        grid-area: image;
-      }
-
-      ::slotted([full-width]) {
-        margin: 0 -24px;
-      }
-
-      ::slotted([card-footer]) {
-        grid-area: footer;
-      }
-
-      ::slotted([nav]) {
-        margin: 16px -12px -12px 0;
-        justify-self: right;
-      }
-
-      @media (max-width: 400px) {
-        ::slotted([card-image]) {
-          display: none;
-        }
-
-        :host([has-image][has-footer]) {
-          grid:
-            'title' min-content
-            'body' auto
-            'footer' 1fr / auto;
-        }
-
-        :host([has-image]) {
-          grid:
-            'title' min-content
-            'body' auto / auto;
-        }
-      }
+        css `
+      :host {
+        display: grid;
+        padding: 24px;
+        gap: 8px 12px;
+        grid:
+          'title' auto
+          'body' 1fr;
+        border-radius: 12px;
+        position: relative;
+
+        border: 1px solid var(--md-sys-color-outline-variant);
+        background-color: var(--md-sys-color-surface);
+        color: var(--md-sys-color-on-surface);
+      }
+
+      :host([primary]) {
+        border: none;
+        background-color: var(--md-sys-color-primary-container);
+        color: var(--md-sys-color-on-primary-container);
+      }
+
+      :host([surface]) {
+        border: none;
+        background-color: var(--md-sys-color-surface-variant);
+        color: var(--md-sys-color-on-surface-variant);
+      }
+
+      :host([has-menu]) {
+        grid:
+          'title menu' auto
+          'body body' 1fr / 1fr auto;
+      }
+
+      :host([has-footer]) {
+        grid:
+          'title' auto
+          'body' 1fr
+          'footer' auto;
+      }
+
+      :host([has-footer][has-menu]) {
+        grid:
+          'title menu' min-content
+          'body body' 1fr
+          'footer footer' auto / 1fr auto;
+      }
+
+      :host([has-image]) {
+        grid:
+          'title image' min-content
+          'body image' 1fr / 1fr auto;
+      }
+
+      :host([has-image][has-footer]) {
+        grid:
+          'title image' min-content
+          'body image' 1fr
+          'footer footer' auto / 1fr auto;
+      }
+
+      :host([has-image][has-footer][has-menu]) {
+        grid:
+          'title menu' min-content
+          'body image' 1fr
+          'footer footer' auto / 1fr auto;
+      }
+
+      ::slotted([card-menu]) {
+        grid-area: menu;
+        justify-self: right;
+        margin: -12px -12px -12px 0;
+      }
+
+      ::slotted([card-title]) {
+        grid-area: title;
+      }
+
+      ::slotted([card-body]) {
+        grid-area: body;
+      }
+
+      ::slotted([card-image]) {
+        grid-area: image;
+      }
+
+      ::slotted([full-width]) {
+        margin: 0 -24px;
+      }
+
+      ::slotted([card-footer]) {
+        grid-area: footer;
+      }
+
+      ::slotted([nav]) {
+        margin: 16px -12px -12px 0;
+        justify-self: right;
+      }
+
+      @media (max-width: 400px) {
+        ::slotted([card-image]) {
+          display: none;
+        }
+
+        :host([has-image][has-footer]) {
+          grid:
+            'title' min-content
+            'body' auto
+            'footer' 1fr / auto;
+        }
+
+        :host([has-image]) {
+          grid:
+            'title' min-content
+            'body' auto / auto;
+        }
+      }
     `,
     ]; }
     render() {