@foxy.io/elements 1.42.0-beta.5 → 1.42.0-beta.7

package/dist/cdn/translations/subscription-form/en.json

@@ -87,10 +87,14 @@
     "delete_header": "Delete attribute?",
     "pagination": {
       "create_button_text": "Add attribute +",
+      "first": "First",
+      "last": "Last",
+      "next": "Next",
+      "pagination": "{{from}}-{{to}} out of {{total}}",
+      "previous": "Previous",
       "page_number": "Page number:",
-      "per_page": "Per page:",
-      "jump_to": "Jump to:",
-      "jump": "Jump",
+      "select": "Select...",
+      "per_page": "Items per page:",
       "card": {
         "delete_button_text": "Remove",
         "spinner": {
@@ -134,10 +138,14 @@
   },
   "items": {
     "pagination": {
+      "first": "First",
+      "last": "Last",
+      "next": "Next",
+      "pagination": "{{from}}-{{to}} out of {{total}}",
+      "previous": "Previous",
       "page_number": "Page number:",
-      "per_page": "Per page:",
-      "jump_to": "Jump to:",
-      "jump": "Jump",
+      "select": "Select...",
+      "per_page": "Items per page:",
       "card": {
         "daily": "Daily",
         "daily_plural": "Every {{count}} days",
@@ -164,10 +172,14 @@
   "transactions": {
     "label": "Transactions",
     "pagination": {
+      "first": "First",
+      "last": "Last",
+      "next": "Next",
+      "pagination": "{{from}}-{{to}} out of {{total}}",
+      "previous": "Previous",
       "page_number": "Page number:",
-      "per_page": "Per page:",
-      "jump_to": "Jump to:",
-      "jump": "Jump",
+      "select": "Select...",
+      "per_page": "Items per page:",
       "card": {
         "code": "Code",
         "customer": "Customer",

package/dist/cdn/translations/tax-form/en.json

@@ -139,10 +139,14 @@
           "loading_error": "Unknown error"
         }
       },
+      "first": "First",
+      "last": "Last",
+      "next": "Next",
+      "pagination": "{{from}}-{{to}} out of {{total}}",
+      "previous": "Previous",
       "page_number": "Page number:",
-      "per_page": "Per page:",
-      "jump_to": "Jump to:",
-      "jump": "Jump"
+      "select": "Select...",
+      "per_page": "Items per page:"
     }
   },
   "timestamps": {

package/dist/cdn/translations/template-set-form/en.json

@@ -53,10 +53,14 @@
         "label": "Payment method sets",
         "helper_text": "",
         "pagination": {
+          "first": "First",
+          "last": "Last",
+          "next": "Next",
+          "pagination": "{{from}}-{{to}} out of {{total}}",
+          "previous": "Previous",
           "page_number": "Page number:",
-          "per_page": "Per page:",
-          "jump_to": "Jump to:",
-          "jump": "Jump",
+          "select": "Select...",
+          "per_page": "Items per page:",
           "card": {
             "status_test": "Test",
             "status_live": "Live",

package/dist/cdn/translations/transaction/en.json

@@ -60,10 +60,14 @@
     "delete_cancel": "Cancel",
     "pagination": {
       "create_button_text": "Add item +",
+      "first": "First",
+      "last": "Last",
+      "next": "Next",
+      "pagination": "{{from}}-{{to}} out of {{total}}",
+      "previous": "Previous",
       "page_number": "Page number:",
-      "per_page": "Per page:",
-      "jump_to": "Jump to:",
-      "jump": "Jump",
+      "select": "Select...",
+      "per_page": "Items per page:",
       "card": {
         "delete_button_text": "Remove",
         "daily": "Daily",
@@ -155,10 +159,14 @@
                 "clear": "Clear",
                 "pagination": {
                   "search_button_text": "Filters",
+                  "first": "First",
+                  "last": "Last",
+                  "next": "Next",
+                  "pagination": "{{from}}-{{to}} out of {{total}}",
+                  "previous": "Previous",
                   "page_number": "Page number:",
-                  "per_page": "Per page:",
-                  "jump_to": "Jump to:",
-                  "jump": "Jump",
+                  "select": "Select...",
+                  "per_page": "Items per page:",
                   "card": {
                     "spinner": {
                       "loading_busy": "Loading",
@@ -302,10 +310,14 @@
         "discount-details": {
           "label": "Applied discounts",
           "pagination": {
+            "first": "First",
+            "last": "Last",
+            "next": "Next",
+            "pagination": "{{from}}-{{to}} out of {{total}}",
+            "previous": "Previous",
             "page_number": "Page number:",
-            "per_page": "Per page:",
-            "jump_to": "Jump to:",
-            "jump": "Jump",
+            "select": "Select...",
+            "per_page": "Items per page:",
             "card": {
               "spinner": {
                 "loading_busy": "Loading",
@@ -318,10 +330,14 @@
         "coupon-details": {
           "label": "Applied coupons",
           "pagination": {
+            "first": "First",
+            "last": "Last",
+            "next": "Next",
+            "pagination": "{{from}}-{{to}} out of {{total}}",
+            "previous": "Previous",
             "page_number": "Page number:",
-            "per_page": "Per page:",
-            "jump_to": "Jump to:",
-            "jump": "Jump",
+            "select": "Select...",
+            "per_page": "Items per page:",
             "card": {
               "spinner": {
                 "loading_busy": "Loading",
@@ -424,10 +440,14 @@
                 "loading_error": "Unknown error"
               }
             },
+            "first": "First",
+            "last": "Last",
+            "next": "Next",
+            "pagination": "{{from}}-{{to}} out of {{total}}",
+            "previous": "Previous",
             "page_number": "Page number:",
-            "per_page": "Per page:",
-            "jump_to": "Jump to:",
-            "jump": "Jump"
+            "select": "Select...",
+            "per_page": "Items per page:"
           }
         },
         "item-options": {
@@ -532,10 +552,14 @@
               }
             },
             "create_button_text": "Add option +",
+            "first": "First",
+            "last": "Last",
+            "next": "Next",
+            "pagination": "{{from}}-{{to}} out of {{total}}",
+            "previous": "Previous",
             "page_number": "Page number:",
-            "per_page": "Per page:",
-            "jump_to": "Jump to:",
-            "jump": "Jump"
+            "select": "Select...",
+            "per_page": "Items per page:"
           }
         },
         "timestamps": {
@@ -646,10 +670,14 @@
     },
     "pagination": {
       "create_button_text": "Add custom field +",
+      "first": "First",
+      "last": "Last",
+      "next": "Next",
+      "pagination": "{{from}}-{{to}} out of {{total}}",
+      "previous": "Previous",
       "page_number": "Page number:",
-      "per_page": "Per page:",
-      "jump_to": "Jump to:",
-      "jump": "Jump",
+      "select": "Select...",
+      "per_page": "Items per page:",
       "card": {
         "delete_button_text": "Remove",
         "spinner": {
@@ -745,10 +773,14 @@
     },
     "pagination": {
       "create_button_text": "Add attribute +",
+      "first": "First",
+      "last": "Last",
+      "next": "Next",
+      "pagination": "{{from}}-{{to}} out of {{total}}",
+      "previous": "Previous",
       "page_number": "Page number:",
-      "per_page": "Per page:",
-      "jump_to": "Jump to:",
-      "jump": "Jump",
+      "select": "Select...",
+      "per_page": "Items per page:",
       "card": {
         "delete_button_text": "Remove",
         "spinner": {
@@ -778,10 +810,14 @@
         "statuses": {
           "label": "Runs",
           "pagination": {
+            "first": "First",
+            "last": "Last",
+            "next": "Next",
+            "pagination": "{{from}}-{{to}} out of {{total}}",
+            "previous": "Previous",
             "page_number": "Page number:",
-            "per_page": "Per page:",
-            "jump_to": "Jump to:",
-            "jump": "Jump",
+            "select": "Select...",
+            "per_page": "Items per page:",
             "card": {
               "status_initializing": "Initializing",
               "status_successful": "Successful",
@@ -799,10 +835,14 @@
         "logs": {
           "label": "Logs",
           "pagination": {
+            "first": "First",
+            "last": "Last",
+            "next": "Next",
+            "pagination": "{{from}}-{{to}} out of {{total}}",
+            "previous": "Previous",
             "page_number": "Page number:",
-            "per_page": "Per page:",
-            "jump_to": "Jump to:",
-            "jump": "Jump",
+            "select": "Select...",
+            "per_page": "Items per page:",
             "card": {
               "date": "{{ value, date }} at {{ value, time }}",
               "spinner": {
@@ -827,10 +867,14 @@
       "refeed_bulk_action_caption_busy": "Refeeding...",
       "refeed_bulk_action_notification_done": "Selected webhooks were sent successfully.",
       "refeed_bulk_action_notification_fail": "Failed to refeed selected webhooks.",
+      "first": "First",
+      "last": "Last",
+      "next": "Next",
+      "pagination": "{{from}}-{{to}} out of {{total}}",
+      "previous": "Previous",
       "page_number": "Page number:",
-      "per_page": "Per page:",
-      "jump_to": "Jump to:",
-      "jump": "Jump",
+      "select": "Select...",
+      "per_page": "Items per page:",
       "card": {
         "status_initializing": "Last run: {{ date_created, date }} at {{ date_created, time }} • Initializing",
         "status_successful": "Last run: {{ date_created, date }} at {{ date_created, time }} • Successful",
@@ -898,10 +942,14 @@
   "payments": {
     "label": "Payments",
     "pagination": {
+      "first": "First",
+      "last": "Last",
+      "next": "Next",
+      "pagination": "{{from}}-{{to}} out of {{total}}",
+      "previous": "Previous",
       "page_number": "Page number:",
-      "per_page": "Per page:",
-      "jump_to": "Jump to:",
-      "jump": "Jump",
+      "select": "Select...",
+      "per_page": "Items per page:",
       "card": {
         "code": "Code",
         "date": "{{value, date}}",
@@ -1626,10 +1674,14 @@
       }
     },
     "pagination": {
+      "first": "First",
+      "last": "Last",
+      "next": "Next",
+      "pagination": "{{from}}-{{to}} out of {{total}}",
+      "previous": "Previous",
       "page_number": "Page number:",
-      "per_page": "Per page:",
-      "jump_to": "Jump to:",
-      "jump": "Jump",
+      "select": "Select...",
+      "per_page": "Items per page:",
       "card": {
         "full_address": "{{address1}} {{address2}} {{city}} {{region}} {{country}} {{postal_code}}",
         "full_name": "{{first_name}} {{last_name}}",
@@ -1644,10 +1696,14 @@
   "shipments": {
     "label": "Shipments",
     "pagination": {
+      "first": "First",
+      "last": "Last",
+      "next": "Next",
+      "pagination": "{{from}}-{{to}} out of {{total}}",
+      "previous": "Previous",
       "page_number": "Page number:",
-      "per_page": "Per page:",
-      "jump_to": "Jump to:",
-      "jump": "Jump",
+      "select": "Select...",
+      "per_page": "Items per page:",
       "card": {
         "full_address": "{{ address1 }} {{ address2 }} {{ city }} {{ region }} {{ postal_code }}",
         "quantity": "Qty: {{ count }}",

package/dist/cdn/translations/update-payment-method-form/en.json

@@ -23,10 +23,14 @@
         "clear": "Clear",
         "pagination": {
           "search_button_text": "Filters",
+          "first": "First",
+          "last": "Last",
+          "next": "Next",
+          "pagination": "{{from}}-{{to}} out of {{total}}",
+          "previous": "Previous",
           "page_number": "Page number:",
-          "per_page": "Per page:",
-          "jump_to": "Jump to:",
-          "jump": "Jump",
+          "select": "Select...",
+          "per_page": "Items per page:",
           "card": {
             "spinner": {
               "loading_busy": "Loading",

package/dist/cdn/translations/webhook-form/en.json

@@ -76,10 +76,14 @@
   "statuses": {
     "label": "Runs",
     "pagination": {
+      "first": "First",
+      "last": "Last",
+      "next": "Next",
+      "pagination": "{{from}}-{{to}} out of {{total}}",
+      "previous": "Previous",
       "page_number": "Page number:",
-      "per_page": "Per page:",
-      "jump_to": "Jump to:",
-      "jump": "Jump",
+      "select": "Select...",
+      "per_page": "Items per page:",
       "card": {
         "status_initializing": "Initializing",
         "status_successful": "Successful",
@@ -97,10 +101,14 @@
   "logs": {
     "label": "Logs",
     "pagination": {
+      "first": "First",
+      "last": "Last",
+      "next": "Next",
+      "pagination": "{{from}}-{{to}} out of {{total}}",
+      "previous": "Previous",
       "page_number": "Page number:",
-      "per_page": "Per page:",
-      "jump_to": "Jump to:",
-      "jump": "Jump",
+      "select": "Select...",
+      "per_page": "Items per page:",
       "card": {
         "date": "{{ value, date }} at {{ value, time }}",
         "spinner": {

package/dist/elements/internal/InternalNumberControl/InternalNumberControl.js

@@ -1,5 +1,5 @@
 import { InternalEditableControl } from "../InternalEditableControl/InternalEditableControl.js";
-import { html, css, svg } from 'lit-element';
+import { html, css } from 'lit-element';
 import { ifDefined } from 'lit-html/directives/if-defined';
 import { classMap } from "../../../utils/class-map.js";
 /**
@@ -112,7 +112,7 @@ input{
             min=${ifDefined((_b = this.min) !== null && _b !== void 0 ? _b : void 0)}
             max=${ifDefined((_c = this.max) !== null && _c !== void 0 ? _c : void 0)}
             id="input"
-            .value=${this._value === 0 ? '' : this._value}
+            .value=${this._value}
             ?disabled=${this.disabled}
             ?readonly=${this.readonly}
             @keydown=${(evt) => { var _a; return evt.key === 'Enter' && ((_a = this.nucleon) === null || _a === void 0 ? void 0 : _a.submit()); }}
@@ -120,40 +120,22 @@ input{
             @input=${(evt) => {
             evt.stopPropagation();
             const newValue = parseFloat(evt.target.value);
-            this._value = isNaN(newValue) ? 0 : newValue;
+            if (!isNaN(newValue))
+                this._value = newValue;
         }}
           />
 
           ${this.suffix ? html `<div class="font-medium text-secondary">${this.suffix}</div>` : ''}
 
-          <button
-            aria-label=${this.t('clear')}
-            class=${classMap({
-            'flex-shrink-0 rounded-full transition-colors': true,
-            'focus-outline-none focus-ring-2 focus-ring-primary-50': true,
-            'cursor-pointer text-tertiary hover-text-body': !this.disabled,
-            'cursor-default text-disabled': this.disabled,
-        })}
-            style="width: 1em; height: 1em;"
-            ?disabled=${this.disabled}
-            ?hidden=${this.readonly || !this._value}
-            @click=${() => {
-            this._value = 0;
-            this.dispatchEvent(new CustomEvent('clear'));
-        }}
-          >
-            ${svg `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" style="width: 1em; height: 1em; transform: scale(1.25); margin-right: -0.16em"><path d="M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z" /></svg>`}
-          </button>
-        </div>
-
-        <div style="max-width: 32rem">
-          <p class="text-xs text-secondary">${this.helperText}</p>
-          <p
-            class="text-xs text-error"
-            ?hidden=${!this.__isErrorVisible || this.disabled || this.readonly}
-          >
-            ${this._errorMessage}
-          </p>
+          <div style="max-width: 32rem">
+            <p class="text-xs text-secondary">${this.helperText}</p>
+            <p
+              class="text-xs text-error"
+              ?hidden=${!this.__isErrorVisible || this.disabled || this.readonly}
+            >
+              ${this._errorMessage}
+            </p>
+          </div>
         </div>
       </div>
     `;

package/dist/elements/internal/InternalNumberControl/InternalNumberControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"InternalNumberControl.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalNumberControl/InternalNumberControl.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,uBAAuB,EAAE,8DAA2D;AAC7F,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,oCAAiC;AAEpD;;;;;GAKG;AACH,MAAM,OAAO,qBAAsB,SAAQ,uBAAuB;IAAlE;;QAuCE,WAAM,GAAyC,IAAI,CAAC;QAEpD,WAAM,GAAkB,IAAI,CAAC;QAE7B,WAAM,GAAkB,IAAI,CAAC;QAE7B,SAAI,GAAkB,IAAI,CAAC;QAE3B,QAAG,GAAkB,IAAI,CAAC;QAE1B,QAAG,GAAkB,IAAI,CAAC;QAElB,qBAAgB,GAAG,KAAK,CAAC;IA0GnC,CAAC;IA5JC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,MAAM,EAAE,EAAE;YACV,MAAM,EAAE,EAAE;YACV,MAAM,EAAE,EAAE;YACV,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACtB,GAAG,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACrB,GAAG,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACrB,gBAAgB,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;SACvC,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO;YACL,GAAG,KAAK,CAAC,MAAM;YACf,GAAG;;;;;;;;;;;;;;;;;OAkBF;SACF,CAAC;IACJ,CAAC;IAgBD,cAAc;QACZ,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;QAC7B,KAAK,CAAC,cAAc,EAAE,CAAC;IACzB,CAAC;IAED,aAAa;;QACX,IAAI,IAAI,CAAC,MAAM,KAAK,cAAc;YAAE,OAAO,IAAI,CAAC,yBAAyB,EAAE,CAAC;QAE5E,OAAO,IAAI,CAAA;;wBAES,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC;sBAC/B,IAAI,CAAC,WAAW;sBAChB,IAAI,CAAC,UAAU;gBACrB,IAAI,CAAC,KAAK;;eAEX,SAAS,OAAC,IAAI,CAAC,IAAI,mCAAI,SAAS,CAAC;cAClC,SAAS,OAAC,IAAI,CAAC,GAAG,mCAAI,SAAS,CAAC;cAChC,SAAS,OAAC,IAAI,CAAC,GAAG,mCAAI,SAAS,CAAC;oBAC1B,IAAI,CAAC,QAAQ;oBACb,IAAI,CAAC,QAAQ;yBACR,IAAI,CAAC,cAAc;iBAC3B,IAAI,CAAC,MAAM;;mBAET,CAAC,GAAkB,EAAE,EAAE,WAAC,OAAA,GAAG,CAAC,GAAG,KAAK,OAAO,WAAI,IAAI,CAAC,OAAO,0CAAE,MAAM,GAAE,CAAA,EAAA;kBACtE,CAAC,GAAgB,EAAE,EAAE;YAC7B,MAAM,KAAK,GAAG,GAAG,CAAC,aAAmC,CAAC;YACtD,IAAI,CAAC,MAAM,GAAG,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACxC,CAAC;;UAEC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,sBAAsB,IAAI,CAAC,MAAM,QAAQ,CAAC,CAAC,CAAC,EAAE;UAChE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,+CAA+C,IAAI,CAAC,MAAM,QAAQ,CAAC,CAAC,CAAC,EAAE;;KAE9F,CAAC;IACJ,CAAC;IAEO,yBAAyB;;QAC/B,OAAO,IAAI,CAAA;;;iFAGkE,IAAI,CAAC,KAAK;;YAE/E,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,QAAQ,IAAI,CAAC,MAAM,QAAQ,CAAC,CAAC,CAAC,EAAE;;;0BAGpC,IAAI,CAAC,WAAW;;oBAEtB,QAAQ,CAAC;YACf,oEAAoE,EAAE,IAAI;YAC1E,qCAAqC,EAAE,IAAI;YAC3C,gBAAgB,EAAE,IAAI,CAAC,QAAQ;YAC/B,eAAe,EAAE,IAAI,CAAC,QAAQ;YAC9B,aAAa,EAAE,CAAC,IAAI,CAAC,QAAQ;SAC9B,CAAC;;mBAEK,SAAS,OAAC,IAAI,CAAC,IAAI,mCAAI,KAAK,CAAC,CAAC;kBAC/B,SAAS,OAAC,IAAI,CAAC,GAAG,mCAAI,KAAK,CAAC,CAAC;kBAC7B,SAAS,OAAC,IAAI,CAAC,GAAG,mCAAI,KAAK,CAAC,CAAC;;qBAE1B,IAAI,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM;wBACjC,IAAI,CAAC,QAAQ;wBACb,IAAI,CAAC,QAAQ;uBACd,CAAC,GAAkB,EAAE,EAAE,WAAC,OAAA,GAAG,CAAC,GAAG,KAAK,OAAO,WAAI,IAAI,CAAC,OAAO,0CAAE,MAAM,GAAE,CAAA,EAAA;oBACxE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;qBACnC,CAAC,GAAU,EAAE,EAAE;YACtB,GAAG,CAAC,eAAe,EAAE,CAAC;YACtB,MAAM,QAAQ,GAAG,UAAU,CAAE,GAAG,CAAC,MAA2B,CAAC,KAAK,CAAC,CAAC;YACpE,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;QAC/C,CAAC;;;YAGD,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,2CAA2C,IAAI,CAAC,MAAM,QAAQ,CAAC,CAAC,CAAC,EAAE;;;yBAGxE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC;oBACpB,QAAQ,CAAC;YACf,8CAA8C,EAAE,IAAI;YACpD,uDAAuD,EAAE,IAAI;YAC7D,8CAA8C,EAAE,CAAC,IAAI,CAAC,QAAQ;YAC9D,8BAA8B,EAAE,IAAI,CAAC,QAAQ;SAC9C,CAAC;;wBAEU,IAAI,CAAC,QAAQ;sBACf,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,MAAM;qBAC9B,GAAG,EAAE;YACZ,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;YAChB,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC;QAC/C,CAAC;;cAEC,GAAG,CAAA,sWAAsW;;;;;8CAKzU,IAAI,CAAC,UAAU;;;sBAGvC,CAAC,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ;;cAEhE,IAAI,CAAC,aAAa;;;;KAI3B,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { CSSResultArray, PropertyDeclarations, TemplateResult } from 'lit-element';\nimport type { NumberFieldElement } from '@vaadin/vaadin-text-field/vaadin-number-field';\n\nimport { InternalEditableControl } from '../InternalEditableControl/InternalEditableControl';\nimport { html, css, svg } from 'lit-element';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { classMap } from '../../../utils/class-map';\n\n/**\n * Internal control displaying a basic number box.\n *\n * @since 1.17.0\n * @element foxy-internal-number-control\n */\nexport class InternalNumberControl extends InternalEditableControl {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      layout: {},\n      prefix: {},\n      suffix: {},\n      step: { type: Number },\n      min: { type: Number },\n      max: { type: Number },\n      __isErrorVisible: { attribute: false },\n    };\n  }\n\n  static get styles(): CSSResultArray {\n    return [\n      ...super.styles,\n      css`\n        input::-webkit-contacts-auto-fill-button {\n          visibility: hidden;\n          display: none !important;\n          pointer-events: none;\n          position: absolute;\n          right: 0;\n        }\n\n        input::-webkit-outer-spin-button,\n        input::-webkit-inner-spin-button {\n          -webkit-appearance: none;\n          margin: 0;\n        }\n\n        input {\n          -moz-appearance: textfield;\n        }\n      `,\n    ];\n  }\n\n  layout: 'summary-item' | 'standalone' | null = null;\n\n  prefix: string | null = null;\n\n  suffix: string | null = null;\n\n  step: number | null = null;\n\n  min: number | null = null;\n\n  max: number | null = null;\n\n  private __isErrorVisible = false;\n\n  reportValidity(): void {\n    this.__isErrorVisible = true;\n    super.reportValidity();\n  }\n\n  renderControl(): TemplateResult {\n    if (this.layout === 'summary-item') return this.__renderSummaryItemLayout();\n\n    return html`\n      <vaadin-number-field\n        error-message=${ifDefined(this._errorMessage)}\n        placeholder=${this.placeholder}\n        helper-text=${this.helperText}\n        label=${this.label}\n        class=\"w-full\"\n        step=${ifDefined(this.step ?? undefined)}\n        min=${ifDefined(this.min ?? undefined)}\n        max=${ifDefined(this.max ?? undefined)}\n        ?disabled=${this.disabled}\n        ?readonly=${this.readonly}\n        .checkValidity=${this._checkValidity}\n        .value=${this._value}\n        clear-button-visible\n        @keydown=${(evt: KeyboardEvent) => evt.key === 'Enter' && this.nucleon?.submit()}\n        @change=${(evt: CustomEvent) => {\n          const field = evt.currentTarget as NumberFieldElement;\n          this._value = parseFloat(field.value);\n        }}\n      >\n        ${this.prefix ? html`<div slot=\"prefix\">${this.prefix}</div>` : ''}\n        ${this.suffix ? html`<div class=\"pr-s font-medium\" slot=\"suffix\">${this.suffix}</div>` : ''}\n      </vaadin-number-field>\n    `;\n  }\n\n  private __renderSummaryItemLayout() {\n    return html`\n      <div class=\"leading-xs\">\n        <div class=\"flex items-center gap-xs\">\n          <label class=\"text-m text-body flex-1 whitespace-nowrap\" for=\"input\">${this.label}</label>\n\n          ${this.prefix ? html`<div>${this.prefix}</div>` : ''}\n\n          <input\n            placeholder=${this.placeholder}\n            style=\"min-width: 10ch\"\n            class=${classMap({\n              'w-full appearance-none text-right bg-transparent transition-colors': true,\n              'text-m rounded-s focus-outline-none': true,\n              'text-secondary': this.readonly,\n              'text-disabled': this.disabled,\n              'font-medium': !this.readonly,\n            })}\n            type=\"number\"\n            step=${ifDefined(this.step ?? void 0)}\n            min=${ifDefined(this.min ?? void 0)}\n            max=${ifDefined(this.max ?? void 0)}\n            id=\"input\"\n            .value=${this._value === 0 ? '' : this._value}\n            ?disabled=${this.disabled}\n            ?readonly=${this.readonly}\n            @keydown=${(evt: KeyboardEvent) => evt.key === 'Enter' && this.nucleon?.submit()}\n            @blur=${() => (this.__isErrorVisible = true)}\n            @input=${(evt: Event) => {\n              evt.stopPropagation();\n              const newValue = parseFloat((evt.target as HTMLInputElement).value);\n              this._value = isNaN(newValue) ? 0 : newValue;\n            }}\n          />\n\n          ${this.suffix ? html`<div class=\"font-medium text-secondary\">${this.suffix}</div>` : ''}\n\n          <button\n            aria-label=${this.t('clear')}\n            class=${classMap({\n              'flex-shrink-0 rounded-full transition-colors': true,\n              'focus-outline-none focus-ring-2 focus-ring-primary-50': true,\n              'cursor-pointer text-tertiary hover-text-body': !this.disabled,\n              'cursor-default text-disabled': this.disabled,\n            })}\n            style=\"width: 1em; height: 1em;\"\n            ?disabled=${this.disabled}\n            ?hidden=${this.readonly || !this._value}\n            @click=${() => {\n              this._value = 0;\n              this.dispatchEvent(new CustomEvent('clear'));\n            }}\n          >\n            ${svg`<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" style=\"width: 1em; height: 1em; transform: scale(1.25); margin-right: -0.16em\"><path d=\"M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z\" /></svg>`}\n          </button>\n        </div>\n\n        <div style=\"max-width: 32rem\">\n          <p class=\"text-xs text-secondary\">${this.helperText}</p>\n          <p\n            class=\"text-xs text-error\"\n            ?hidden=${!this.__isErrorVisible || this.disabled || this.readonly}\n          >\n            ${this._errorMessage}\n          </p>\n        </div>\n      </div>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"InternalNumberControl.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalNumberControl/InternalNumberControl.ts"],"names":[],"mappings":"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","sourcesContent":["import type { CSSResultArray, PropertyDeclarations, TemplateResult } from 'lit-element';\nimport type { NumberFieldElement } from '@vaadin/vaadin-text-field/vaadin-number-field';\n\nimport { InternalEditableControl } from '../InternalEditableControl/InternalEditableControl';\nimport { html, css } from 'lit-element';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { classMap } from '../../../utils/class-map';\n\n/**\n * Internal control displaying a basic number box.\n *\n * @since 1.17.0\n * @element foxy-internal-number-control\n */\nexport class InternalNumberControl extends InternalEditableControl {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      layout: {},\n      prefix: {},\n      suffix: {},\n      step: { type: Number },\n      min: { type: Number },\n      max: { type: Number },\n      __isErrorVisible: { attribute: false },\n    };\n  }\n\n  static get styles(): CSSResultArray {\n    return [\n      ...super.styles,\n      css`\n        input::-webkit-contacts-auto-fill-button {\n          visibility: hidden;\n          display: none !important;\n          pointer-events: none;\n          position: absolute;\n          right: 0;\n        }\n\n        input::-webkit-outer-spin-button,\n        input::-webkit-inner-spin-button {\n          -webkit-appearance: none;\n          margin: 0;\n        }\n\n        input {\n          -moz-appearance: textfield;\n        }\n      `,\n    ];\n  }\n\n  layout: 'summary-item' | 'standalone' | null = null;\n\n  prefix: string | null = null;\n\n  suffix: string | null = null;\n\n  step: number | null = null;\n\n  min: number | null = null;\n\n  max: number | null = null;\n\n  private __isErrorVisible = false;\n\n  reportValidity(): void {\n    this.__isErrorVisible = true;\n    super.reportValidity();\n  }\n\n  renderControl(): TemplateResult {\n    if (this.layout === 'summary-item') return this.__renderSummaryItemLayout();\n\n    return html`\n      <vaadin-number-field\n        error-message=${ifDefined(this._errorMessage)}\n        placeholder=${this.placeholder}\n        helper-text=${this.helperText}\n        label=${this.label}\n        class=\"w-full\"\n        step=${ifDefined(this.step ?? undefined)}\n        min=${ifDefined(this.min ?? undefined)}\n        max=${ifDefined(this.max ?? undefined)}\n        ?disabled=${this.disabled}\n        ?readonly=${this.readonly}\n        .checkValidity=${this._checkValidity}\n        .value=${this._value}\n        clear-button-visible\n        @keydown=${(evt: KeyboardEvent) => evt.key === 'Enter' && this.nucleon?.submit()}\n        @change=${(evt: CustomEvent) => {\n          const field = evt.currentTarget as NumberFieldElement;\n          this._value = parseFloat(field.value);\n        }}\n      >\n        ${this.prefix ? html`<div slot=\"prefix\">${this.prefix}</div>` : ''}\n        ${this.suffix ? html`<div class=\"pr-s font-medium\" slot=\"suffix\">${this.suffix}</div>` : ''}\n      </vaadin-number-field>\n    `;\n  }\n\n  private __renderSummaryItemLayout() {\n    return html`\n      <div class=\"leading-xs\">\n        <div class=\"flex items-center gap-xs\">\n          <label class=\"text-m text-body flex-1 whitespace-nowrap\" for=\"input\">${this.label}</label>\n\n          ${this.prefix ? html`<div>${this.prefix}</div>` : ''}\n\n          <input\n            placeholder=${this.placeholder}\n            style=\"min-width: 10ch\"\n            class=${classMap({\n              'w-full appearance-none text-right bg-transparent transition-colors': true,\n              'text-m rounded-s focus-outline-none': true,\n              'text-secondary': this.readonly,\n              'text-disabled': this.disabled,\n              'font-medium': !this.readonly,\n            })}\n            type=\"number\"\n            step=${ifDefined(this.step ?? void 0)}\n            min=${ifDefined(this.min ?? void 0)}\n            max=${ifDefined(this.max ?? void 0)}\n            id=\"input\"\n            .value=${this._value}\n            ?disabled=${this.disabled}\n            ?readonly=${this.readonly}\n            @keydown=${(evt: KeyboardEvent) => evt.key === 'Enter' && this.nucleon?.submit()}\n            @blur=${() => (this.__isErrorVisible = true)}\n            @input=${(evt: Event) => {\n              evt.stopPropagation();\n              const newValue = parseFloat((evt.target as HTMLInputElement).value);\n              if (!isNaN(newValue)) this._value = newValue;\n            }}\n          />\n\n          ${this.suffix ? html`<div class=\"font-medium text-secondary\">${this.suffix}</div>` : ''}\n\n          <div style=\"max-width: 32rem\">\n            <p class=\"text-xs text-secondary\">${this.helperText}</p>\n            <p\n              class=\"text-xs text-error\"\n              ?hidden=${!this.__isErrorVisible || this.disabled || this.readonly}\n            >\n              ${this._errorMessage}\n            </p>\n          </div>\n        </div>\n      </div>\n    `;\n  }\n}\n"]}