@foxy.io/elements 1.15.0-beta.1 → 1.15.0-beta.2

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

@@ -8,12 +8,20 @@
   "address2": "Address Line 2",
   "address_name": "Address name",
   "address_plural": "Addresses",
+  "allow": "Allow",
   "allowlist": "Allow all except",
+  "allunits_price_amount_discount_summary": "{{adjustment}}¤ each after {{from}}",
+  "allunits_price_percentage_discount_summary": "{{adjustment, percent}} after {{from}}",
+  "allunits_quantity_amount_discount_summary": "{{adjustment}}¤ each on orders of {{from}}+",
+  "allunits_quantity_percentage_discount_summary": "{{adjustment, percent}} on orders of {{from}}+",
+  "apply_taxes_before_coupon": "Apply taxes before this coupon",
+  "apply_taxes_before_coupon_explainer": "Calculate taxes before applying this coupon.",
   "attribute_plural": "Attributes",
   "back": "Back",
   "backend_developer": "Backend developer",
   "backend_developer_explainer": "Manages server-side code in PHP, Python, Ruby, etc.",
   "billing": "Billing",
+  "block": "Block",
   "blocklist": "Ban all except",
   "cache": "Cache",
   "cancel": "Cancel",
@@ -25,6 +33,8 @@
   "cart_type_default_explainer": "Default cart appearance in version 2.0",
   "cart_type_fullpage": "Full page",
   "cart_type_fullpage_explainer": "Send all customers to a full page cart while still including minicart functionality",
+  "category_restrictions": "Category restrictions",
+  "category_restrictions_helper_text": "Select which item categories this coupon can be applied to. If you’d like this coupon to be available to all items regardless of the category, keep your selection empty. All changes are saved automatically.",
   "checked_by_default": "Checked by default",
   "checkout_type": "Accounts",
   "checkout_type_account_only": "Allow customer accounts only",
@@ -33,16 +43,30 @@
   "checkout_type_guest_only": "Allow guests only",
   "checkout_type_helper_text": "If you select $t(checkout_type_guest_only), your store will not be able to use subscriptions.",
   "city": "City",
+  "clear_filters": "Clear filters",
   "client": "Client",
   "close": "Close",
   "close_icon": "Close icon",
+  "code": "Code",
+  "code_import_hint": "Paste multiple space-separated codes in the field above to add all of them at once. Importing duplicate codes clears their usage stats.",
+  "code_plural": "Codes",
+  "combinable": "Combine with other coupons",
+  "combinable_explainer": "Let customers apply this coupon when there are other coupons in the cart.",
+  "combine_with_category_discounts": "Combine with category discounts",
+  "combine_with_category_discounts_explainer": "Let customers apply this coupon when category discounts are applied to the cart.",
+  "combine_with_line_discounts": "Combine with line item discounts",
+  "combine_with_line_discounts_explainer": "Let customers apply this coupon when line item discounts are applied to the cart.",
   "company": "Company",
   "consent": "Consent",
+  "copied": "Copied",
+  "copy": "Copy",
   "country": "Country",
   "coupon_entry": "Coupon code",
+  "coupon_name_helper_text": "Coupon name is visible to the customers.",
   "create": "Create",
   "custom_config": "Custom config",
   "custom_config_helper_text": "If you have any custom values you'd like to make available to your twig template, you can add them here as a valid JSON string.",
+  "custom_discount": "Custom discount",
   "custom_fields": "Custom fields",
   "custom_fields_helper_text": "If you have information you'd like to collect from the customer on the checkout page, you can add custom form fields here which will be added to the checkout form. We recommend you follow the same HTML container structure used on other checkout fields for consistency. You can use Twig syntax here.",
   "custom_footer": "Custom footer",
@@ -55,6 +79,10 @@
   "date": "{{value, date}}",
   "date_created": "Created on",
   "date_modified": "Last updated",
+  "date_range_any": "Ongoing",
+  "date_range_complete": "{{start, date}} – {{end, date}}",
+  "date_range_from": "From {{start, date}}",
+  "date_range_until": "Until {{end, date}}",
   "day": "Day",
   "day_plural": "Days",
   "default": "Default",
@@ -66,19 +94,25 @@
   "designer": "Designer",
   "designer_explainer": "Manages appearance, art and user interface.",
   "disabled": "Disabled",
+  "discount_preset": "Discount preset",
+  "discount_summary": "{{params, discount}}",
   "display_sdta": "Display a Secure Data Transfer agreement to EU customers",
   "display_sdta_explainer": "If you have customers in the European Union, enable this feature so they can opt in to sending their data to our secure servers in the United States.",
   "display_tos_link": "Display a link to Terms & Conditions",
   "display_tos_link_explainer": "Include a checkbox to ask your customers to agree to your Terms of Service.",
+  "duplicate": "Duplicate",
   "email": "Email",
   "enable_postcode_lookup": "Offer city and state suggestions based on postcode",
   "enabled": "Enabled",
   "end_date": "End date",
   "end_subscription": "End subscription",
   "end_subscription_explainer": "Your subscription will remain active until the selected end date. You might have to resubscribe if you decide to resume this subscription later.",
+  "error": "Error",
   "expires": "Expires",
   "field": "Field",
   "field_plural": "Fields",
+  "filter": "Filter",
+  "first": "First",
   "first_name": "First name",
   "foxycomplete": "Location autocomplete",
   "foxycomplete_combobox": "Combo Box",
@@ -99,17 +133,31 @@
   "ga_account_id_explainer": "You can find the ID in the Admin section of your Analytics in Tracking info > Tracking code.",
   "ga_include_on_site": "Include via loader.js",
   "ga_include_on_site_explainer": "Enable Google Analytics on any page where the loader.js file is included.",
+  "generate": "Generate",
+  "generate_codes_done": "All done! We've added new codes for you.",
   "hidden": "Hidden",
+  "hidden_codes_explainer": "We’ve hidden some of your codes because there were too many of them. Don’t worry – we’ll import them anyway.",
+  "hidden_codes_header": "{{count}} code is hidden",
+  "hidden_codes_header_plural": "{{count}} codes are hidden",
   "hidden_fields": "Hidden fields",
   "html_template": "HTML template",
+  "import": "Import",
+  "import_codes_done": "All done! We've imported your codes into the system.",
+  "incremental_price_amount_discount_summary": "{{adjustment}}¤ each on orders of {{from}}+",
+  "incremental_price_percentage_discount_summary": "{{adjustment, percent}} on orders of {{from}}+",
+  "incremental_quantity_amount_discount_summary": "{{adjustment}}¤ each on items {{from}}+",
+  "incremental_quantity_percentage_discount_summary": "{{adjustment, percent}} on items {{from}}+",
   "invalid_credential_error": "Incorrect email or password. Please check your credentials and try again.",
   "is_defined_false": "Not defined",
   "is_defined_true": "Defined",
   "item": "Item",
   "item_plural": "Items",
+  "last": "Last",
   "last_4_digits": "Last 4 digits",
   "last_login_date": "Last login",
   "last_name": "Last name",
+  "leave_empty_for_random_codes": "Leave empty to generate completely random codes.",
+  "length": "Length",
   "load_more": "Load more",
   "loading_busy": "Loading",
   "loading_empty": "No data",
@@ -129,13 +177,17 @@
   "month_plural": "Months",
   "monthly": "Monthly",
   "monthly_plural": "Every {{count}} months",
+  "multiple_codes_allowed": "Allow multiple codes per customer",
+  "multiple_codes_allowed_explainer": "Let customers apply this coupon multiple times to the same order.",
   "name": "Name",
   "new_password": "New password",
   "new_password_format_error": "The new password you've chosen is too weak. Please enter a secure new password.",
   "new_password_required_error": "To keep your account secure, please change your password before logging in this time.",
   "newsletter_subscribe": "Allow users to sign up for your newsletter",
   "newsletter_subscribe_explainer": "This includes a checkbox on your checkout to allow customers to choose to sign up to your newsletter, available in the transaction reports, the API and webhooks.",
+  "next": "Next",
   "next_transaction_date": "Next transaction date",
+  "number_of_codes": "Number of codes",
   "open_icon": "Open icon",
   "operator_equal": "Equal",
   "operator_greaterthan": "Greater than",
@@ -145,20 +197,32 @@
   "operator_lessthan": "Less than",
   "operator_lessthanorequal": "Less than or equal",
   "operator_not": "Not equal",
+  "option_plural": "Options",
   "optional": "Optional",
   "or": "Or",
+  "ordinal_few": "rd",
+  "ordinal_many": "th",
+  "ordinal_one": "st",
+  "ordinal_other": "th",
+  "ordinal_two": "nd",
+  "ordinal_zero": "th",
+  "pagination": "{{from}}-{{to}} out of {{total}}",
   "password": "Password",
   "payment_method_plural": "Payment methods",
   "percent": "{{fraction, percent}}",
   "phone": "Phone",
   "postal_code": "Postal code",
+  "prefix": "Prefix",
   "preview": "Preview",
+  "previous": "Previous",
   "price": "{{amount, price}}",
   "price_recurring": "{{amount, price}} $t(frequency, { \"count\": \"{{count}}\", \"units\": \"{{units}}\" })",
   "price_twice_a_month": "{{amount, price}} $t(twice_a_month)",
   "product_category": "Product category",
   "product_code": "Product code",
   "product_options": "Product options",
+  "product_restrictions": "Product restrictions",
+  "product_restrictions_explainer": "If you want to limit which products can use this coupon, you can enter full product codes or partial product codes using * as a wild card at the beginning or end of the value. So abc123, fun_*, *-small would match abc123, fun_ and fun_times, and example-small. It wouldn't match abc12, abc1234, fun, or good-smalls.",
   "product_weight": "Product weight",
   "query_builder_group": "Group of filters",
   "query_builder_rule": "Filter",
@@ -169,20 +233,33 @@
   "recover_access_hint": "Enter your email and we'll send you a temporary password",
   "recover_access_success": "Done! Please check your email for further instructions.",
   "region": "Region",
+  "repeat_price_amount_discount_summary": "for each {{from}}, {{adjustment}}¤ on the next item",
+  "repeat_price_percentage_discount_summary": "for each {{from}}, {{adjustment, percent}} on the next item",
+  "repeat_quantity_amount_discount_summary": "{{adjustment}}¤ on each {{from, ordinal}} item",
+  "repeat_quantity_percentage_discount_summary": "{{adjustment, percent}} on each {{from, ordinal}} item",
   "request": "Request",
   "require_consent": "Require consent to proceed",
   "required": "Required",
+  "rule_plural": "Rules",
   "same_as_shipping": "Same as shipping",
   "save": "Save",
+  "select": "Select...",
+  "set_time_constraints": "Set time constraints",
+  "set_time_constraints_explainer": "Limit when your customers can apply this coupon.",
   "shipping": "Shipping",
   "show_country_flags": "Show country flags",
   "show_on_receipt": "Show on receipt",
   "sign_in": "Sign in",
   "sign_in_hint": "Please enter your email and password",
+  "single_price_amount_discount_summary": "{{adjustment}}¤ after {{from}}",
+  "single_price_percentage_discount_summary": "{{adjustment, percent}} after {{from}}",
+  "single_quantity_amount_discount_summary": "{{adjustment}}¤ after {{from}} items",
+  "single_quantity_percentage_discount_summary": "{{adjustment, percent}} after {{from}} items",
   "sio_account_id": "Write Key",
   "sio_account_id_explainer": "You can find the write key in your project set up guide or in the source’s settings.",
   "skip_csc_for_saved": "Skip CSC for saved cards",
   "skip_csc_for_sso": "Skip CSC for single sign-on",
+  "start_date": "Start date",
   "sub_enddate": "Subscription end date",
   "sub_frequency": "Subscription frequency",
   "sub_nextdate": "Subscription next date",
@@ -219,6 +296,14 @@
   "template_url": "From URL",
   "template_url_explainer": "Fetch the template from a public URL",
   "text_template": "Text template",
+  "tier": "Tier",
+  "tier_allunits": "price of each item",
+  "tier_by": "by",
+  "tier_if": "if",
+  "tier_incremental": "price of additional items",
+  "tier_repeat": "price of next item",
+  "tier_single": "order total",
+  "tier_then": "then",
   "time": "{{value, time}}",
   "transaction": "Transaction",
   "transaction_approved": "Approved",
@@ -242,16 +327,36 @@
   "type_any": "Field of unknown type",
   "type_attribute": "Key-value resource",
   "type_date": "Date field",
+  "type_here": "Type here...",
   "type_number": "Numeric field",
   "type_string": "Text field",
   "undo_cancel": "Review",
   "undo_confirm": "Discard",
   "undo_header": "Unsaved changes",
   "undo_message": "Looks like you didn't save your changes! What would you like to do with them?",
+  "unique": "Unique",
+  "unknown": "Unknown",
   "unknown_error": "An unknown error has occured. Please try again later.",
+  "unlimited": "Unlimited",
   "update": "Update",
   "update_billing": "Update billing",
   "update_items": "Edit",
+  "url_parameter": "URL parameter",
+  "used_codes": "Codes used",
+  "uses_count": "{{count}} uses",
+  "uses_per_coupon": "Uses per coupon",
+  "uses_per_coupon_code": "Uses per code",
+  "uses_per_coupon_code_summary": "Each coupon code can be used only one time.",
+  "uses_per_coupon_code_summary_0": "Each coupon code can be used unlimited times.",
+  "uses_per_coupon_code_summary_plural": "Each coupon code can be used only {{count}} times.",
+  "uses_per_coupon_summary": "Only the first customer can use this coupon.",
+  "uses_per_coupon_summary_0": "All customers can use this coupon.",
+  "uses_per_coupon_summary_plural": "Only the first {{count}} customers can use this coupon.",
+  "uses_per_customer": "Uses per customer",
+  "uses_per_customer_summary": "Customers can use this coupon for one order only.",
+  "uses_per_customer_summary_0": "Customers can use this coupon for as many orders as they like.",
+  "uses_per_customer_summary_plural": "Customers can use this coupon for {{count}} orders only.",
+  "uses_to_total_count": "{{count}}/{{total}} uses",
   "v8n_format_error": "Invalid format",
   "v8n_invalid_email": "Invalid email",
   "v8n_required": "Required",

package/dist/elements/private/Checkbox/Checkbox.js

@@ -22,13 +22,25 @@ export class Checkbox extends ThemeableMixin(LitElement) {
     static get styles() {
         return [
             super.styles,
-            css `.ml-xxl{
-  margin-left:calc(var(--lumo-space-m) + 1.125rem);
+            css `:host{
+  --check-size:1.125rem;
+}
+
+label{
+  margin:calc(((1rem * var(--lumo-line-height-s)) - var(--check-size)) / -2) 0;
+}
+
+label > :first-child{
+  height:calc(1rem * var(--lumo-line-height-s));
+}
+
+.ml-xxl{
+  margin-left:calc(var(--lumo-space-m) + var(--check-size));
 }
 
 .check{
-  height:1.125rem;
-  width:1.125rem;
+  height:var(--check-size);
+  width:var(--check-size);
 }
       `,
         ];
@@ -37,15 +49,16 @@ export class Checkbox extends ThemeableMixin(LitElement) {
         return html `
       <label
         class=${classMap({
-            'flex group transition-colors': true,
+            'flex items-start group transition-colors': true,
             'cursor-default': this.disabled || this.readonly,
             'text-disabled': this.disabled,
             'text-secondary': this.readonly,
             'cursor-pointer': !this.disabled,
         })}
       >
-        <div
-          class=${classMap({
+        <div class="flex items-center">
+          <div
+            class=${classMap({
             'flex-shrink-0 check transition-colors rounded-s border': true,
             'focus-within-shadow-outline': true,
             'bg-primary text-primary-contrast': !this.readonly && this.checked,
@@ -55,34 +68,35 @@ export class Checkbox extends ThemeableMixin(LitElement) {
             'text-secondary bg-contrast-20': !this.readonly && !this.checked,
             'group-hover-bg-contrast-30': !this.readonly && !this.checked,
         })}
-        >
-          <iron-icon
-            icon="lumo:checkmark"
-            class=${classMap({
+          >
+            <iron-icon
+              icon="lumo:checkmark"
+              class=${classMap({
             'block w-full h-full transition-transform transform': true,
             'scale-100': this.checked,
             'scale-0': !this.checked,
         })}
-          >
-          </iron-icon>
+            >
+            </iron-icon>
 
-          <input
-            type="checkbox"
-            class="sr-only"
-            .checked=${this.checked}
-            ?disabled=${this.disabled}
-            data-testid="input"
-            @change=${(evt) => {
+            <input
+              type="checkbox"
+              class="sr-only"
+              .checked=${this.checked}
+              ?disabled=${this.disabled}
+              data-testid="input"
+              @change=${(evt) => {
             if (this.readonly)
                 return evt.preventDefault();
             evt.stopPropagation();
             this.checked = !this.checked;
             this.dispatchEvent(new CheckboxChangeEvent(this.checked));
         }}
-          />
+            />
+          </div>
         </div>
 
-        <div class="flex-1 font-lumo leading-m -mt-xs ml-m">
+        <div class="flex-1 font-lumo leading-s ml-m">
           <slot></slot>
         </div>
       </label>

package/dist/elements/private/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/elements/private/Checkbox/Checkbox.ts"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAC;AAC5B,OAAO,kCAAkC,CAAC;AAE1C,OAAO,EAEL,UAAU,EAGV,GAAG,EACH,IAAI,GACL,MAAM,aAAa,CAAC;AAErB,OAAO,EAAE,mBAAmB,EAAE,iCAA8B;AAC5D,OAAO,EAAE,cAAc,EAAE,qCAAkC;AAC3D,OAAO,EAAE,QAAQ,EAAE,oCAAiC;AAEpD,MAAM,OAAO,QAAS,SAAQ,cAAc,CAAC,UAAU,CAAC;IAAxD;;QA0BE,aAAQ,GAAG,KAAK,CAAC;QAEjB,aAAQ,GAAG,KAAK,CAAC;QAEjB,YAAO,GAAG,KAAK,CAAC;IAkElB,CAAC;IA/FC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;YAC3B,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;YAC3B,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;SAC3B,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO;YACL,KAAK,CAAC,MAAM;YACZ,GAAG;;;;;;;;OASF;SACF,CAAC;IACJ,CAAC;IAQD,MAAM;QACJ,OAAO,IAAI,CAAA;;gBAEC,QAAQ,CAAC;YACf,8BAA8B,EAAE,IAAI;YACpC,gBAAgB,EAAE,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ;YAChD,eAAe,EAAE,IAAI,CAAC,QAAQ;YAC9B,gBAAgB,EAAE,IAAI,CAAC,QAAQ;YAC/B,gBAAgB,EAAE,CAAC,IAAI,CAAC,QAAQ;SACjC,CAAC;;;kBAGQ,QAAQ,CAAC;YACf,wDAAwD,EAAE,IAAI;YAC9D,6BAA6B,EAAE,IAAI;YACnC,kCAAkC,EAAE,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO;YAClE,kCAAkC,EAAE,IAAI,CAAC,QAAQ;YACjD,oBAAoB,EAAE,CAAC,IAAI,CAAC,QAAQ;YACpC,YAAY,EAAE,IAAI,CAAC,QAAQ;YAC3B,+BAA+B,EAAE,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,OAAO;YAChE,4BAA4B,EAAE,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,OAAO;SAC9D,CAAC;;;;oBAIQ,QAAQ,CAAC;YACf,oDAAoD,EAAE,IAAI;YAC1D,WAAW,EAAE,IAAI,CAAC,OAAO;YACzB,SAAS,EAAE,CAAC,IAAI,CAAC,OAAO;SACzB,CAAC;;;;;;;uBAOS,IAAI,CAAC,OAAO;wBACX,IAAI,CAAC,QAAQ;;sBAEf,CAAC,GAAU,EAAE,EAAE;YACvB,IAAI,IAAI,CAAC,QAAQ;gBAAE,OAAO,GAAG,CAAC,cAAc,EAAE,CAAC;YAE/C,GAAG,CAAC,eAAe,EAAE,CAAC;YACtB,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC;YAC7B,IAAI,CAAC,aAAa,CAAC,IAAI,mBAAmB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;QAC5D,CAAC;;;;;;;;;;gBAUG,QAAQ,CAAC;YACf,oCAAoC,EAAE,IAAI;YAC1C,eAAe,EAAE,IAAI,CAAC,QAAQ;SAC/B,CAAC;;;;KAIL,CAAC;IACJ,CAAC;CACF","sourcesContent":["import '@polymer/iron-icon';\nimport '@vaadin/vaadin-lumo-styles/icons';\n\nimport {\n  CSSResultArray,\n  LitElement,\n  PropertyDeclarations,\n  TemplateResult,\n  css,\n  html,\n} from 'lit-element';\n\nimport { CheckboxChangeEvent } from './CheckboxChangeEvent';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { classMap } from '../../../utils/class-map';\n\nexport class Checkbox extends ThemeableMixin(LitElement) {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      readonly: { type: Boolean },\n      disabled: { type: Boolean },\n      checked: { type: Boolean },\n    };\n  }\n\n  static get styles(): CSSResultArray {\n    return [\n      super.styles,\n      css`\n        .ml-xxl {\n          margin-left: calc(var(--lumo-space-m) + 1.125rem);\n        }\n\n        .check {\n          height: 1.125rem;\n          width: 1.125rem;\n        }\n      `,\n    ];\n  }\n\n  readonly = false;\n\n  disabled = false;\n\n  checked = false;\n\n  render(): TemplateResult {\n    return html`\n      <label\n        class=${classMap({\n          'flex group transition-colors': true,\n          'cursor-default': this.disabled || this.readonly,\n          'text-disabled': this.disabled,\n          'text-secondary': this.readonly,\n          'cursor-pointer': !this.disabled,\n        })}\n      >\n        <div\n          class=${classMap({\n            'flex-shrink-0 check transition-colors rounded-s border': true,\n            'focus-within-shadow-outline': true,\n            'bg-primary text-primary-contrast': !this.readonly && this.checked,\n            'border-dashed border-contrast-30': this.readonly,\n            'border-transparent': !this.readonly,\n            'opacity-50': this.disabled,\n            'text-secondary bg-contrast-20': !this.readonly && !this.checked,\n            'group-hover-bg-contrast-30': !this.readonly && !this.checked,\n          })}\n        >\n          <iron-icon\n            icon=\"lumo:checkmark\"\n            class=${classMap({\n              'block w-full h-full transition-transform transform': true,\n              'scale-100': this.checked,\n              'scale-0': !this.checked,\n            })}\n          >\n          </iron-icon>\n\n          <input\n            type=\"checkbox\"\n            class=\"sr-only\"\n            .checked=${this.checked}\n            ?disabled=${this.disabled}\n            data-testid=\"input\"\n            @change=${(evt: Event) => {\n              if (this.readonly) return evt.preventDefault();\n\n              evt.stopPropagation();\n              this.checked = !this.checked;\n              this.dispatchEvent(new CheckboxChangeEvent(this.checked));\n            }}\n          />\n        </div>\n\n        <div class=\"flex-1 font-lumo leading-m -mt-xs ml-m\">\n          <slot></slot>\n        </div>\n      </label>\n\n      <div\n        class=${classMap({\n          'font-lumo ml-xxl transition-colors': true,\n          'text-disabled': this.disabled,\n        })}\n      >\n        <slot name=\"content\"></slot>\n      </div>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/elements/private/Checkbox/Checkbox.ts"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAC;AAC5B,OAAO,kCAAkC,CAAC;AAE1C,OAAO,EAEL,UAAU,EAGV,GAAG,EACH,IAAI,GACL,MAAM,aAAa,CAAC;AAErB,OAAO,EAAE,mBAAmB,EAAE,iCAA8B;AAC5D,OAAO,EAAE,cAAc,EAAE,qCAAkC;AAC3D,OAAO,EAAE,QAAQ,EAAE,oCAAiC;AAEpD,MAAM,OAAO,QAAS,SAAQ,cAAc,CAAC,UAAU,CAAC;IAAxD;;QAsCE,aAAQ,GAAG,KAAK,CAAC;QAEjB,aAAQ,GAAG,KAAK,CAAC;QAEjB,YAAO,GAAG,KAAK,CAAC;IAoElB,CAAC;IA7GC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;YAC3B,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;YAC3B,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;SAC3B,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO;YACL,KAAK,CAAC,MAAM;YACZ,GAAG;;;;;;;;;;;;;;;;;;;;OAqBF;SACF,CAAC;IACJ,CAAC;IAQD,MAAM;QACJ,OAAO,IAAI,CAAA;;gBAEC,QAAQ,CAAC;YACf,0CAA0C,EAAE,IAAI;YAChD,gBAAgB,EAAE,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ;YAChD,eAAe,EAAE,IAAI,CAAC,QAAQ;YAC9B,gBAAgB,EAAE,IAAI,CAAC,QAAQ;YAC/B,gBAAgB,EAAE,CAAC,IAAI,CAAC,QAAQ;SACjC,CAAC;;;;oBAIU,QAAQ,CAAC;YACf,wDAAwD,EAAE,IAAI;YAC9D,6BAA6B,EAAE,IAAI;YACnC,kCAAkC,EAAE,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO;YAClE,kCAAkC,EAAE,IAAI,CAAC,QAAQ;YACjD,oBAAoB,EAAE,CAAC,IAAI,CAAC,QAAQ;YACpC,YAAY,EAAE,IAAI,CAAC,QAAQ;YAC3B,+BAA+B,EAAE,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,OAAO;YAChE,4BAA4B,EAAE,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,OAAO;SAC9D,CAAC;;;;sBAIQ,QAAQ,CAAC;YACf,oDAAoD,EAAE,IAAI;YAC1D,WAAW,EAAE,IAAI,CAAC,OAAO;YACzB,SAAS,EAAE,CAAC,IAAI,CAAC,OAAO;SACzB,CAAC;;;;;;;yBAOS,IAAI,CAAC,OAAO;0BACX,IAAI,CAAC,QAAQ;;wBAEf,CAAC,GAAU,EAAE,EAAE;YACvB,IAAI,IAAI,CAAC,QAAQ;gBAAE,OAAO,GAAG,CAAC,cAAc,EAAE,CAAC;YAE/C,GAAG,CAAC,eAAe,EAAE,CAAC;YACtB,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC;YAC7B,IAAI,CAAC,aAAa,CAAC,IAAI,mBAAmB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;QAC5D,CAAC;;;;;;;;;;;gBAWC,QAAQ,CAAC;YACf,oCAAoC,EAAE,IAAI;YAC1C,eAAe,EAAE,IAAI,CAAC,QAAQ;SAC/B,CAAC;;;;KAIL,CAAC;IACJ,CAAC;CACF","sourcesContent":["import '@polymer/iron-icon';\nimport '@vaadin/vaadin-lumo-styles/icons';\n\nimport {\n  CSSResultArray,\n  LitElement,\n  PropertyDeclarations,\n  TemplateResult,\n  css,\n  html,\n} from 'lit-element';\n\nimport { CheckboxChangeEvent } from './CheckboxChangeEvent';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { classMap } from '../../../utils/class-map';\n\nexport class Checkbox extends ThemeableMixin(LitElement) {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      readonly: { type: Boolean },\n      disabled: { type: Boolean },\n      checked: { type: Boolean },\n    };\n  }\n\n  static get styles(): CSSResultArray {\n    return [\n      super.styles,\n      css`\n        :host {\n          --check-size: 1.125rem;\n        }\n\n        label {\n          margin: calc(((1rem * var(--lumo-line-height-s)) - var(--check-size)) / -2) 0;\n        }\n\n        label > :first-child {\n          height: calc(1rem * var(--lumo-line-height-s));\n        }\n\n        .ml-xxl {\n          margin-left: calc(var(--lumo-space-m) + var(--check-size));\n        }\n\n        .check {\n          height: var(--check-size);\n          width: var(--check-size);\n        }\n      `,\n    ];\n  }\n\n  readonly = false;\n\n  disabled = false;\n\n  checked = false;\n\n  render(): TemplateResult {\n    return html`\n      <label\n        class=${classMap({\n          'flex items-start group transition-colors': true,\n          'cursor-default': this.disabled || this.readonly,\n          'text-disabled': this.disabled,\n          'text-secondary': this.readonly,\n          'cursor-pointer': !this.disabled,\n        })}\n      >\n        <div class=\"flex items-center\">\n          <div\n            class=${classMap({\n              'flex-shrink-0 check transition-colors rounded-s border': true,\n              'focus-within-shadow-outline': true,\n              'bg-primary text-primary-contrast': !this.readonly && this.checked,\n              'border-dashed border-contrast-30': this.readonly,\n              'border-transparent': !this.readonly,\n              'opacity-50': this.disabled,\n              'text-secondary bg-contrast-20': !this.readonly && !this.checked,\n              'group-hover-bg-contrast-30': !this.readonly && !this.checked,\n            })}\n          >\n            <iron-icon\n              icon=\"lumo:checkmark\"\n              class=${classMap({\n                'block w-full h-full transition-transform transform': true,\n                'scale-100': this.checked,\n                'scale-0': !this.checked,\n              })}\n            >\n            </iron-icon>\n\n            <input\n              type=\"checkbox\"\n              class=\"sr-only\"\n              .checked=${this.checked}\n              ?disabled=${this.disabled}\n              data-testid=\"input\"\n              @change=${(evt: Event) => {\n                if (this.readonly) return evt.preventDefault();\n\n                evt.stopPropagation();\n                this.checked = !this.checked;\n                this.dispatchEvent(new CheckboxChangeEvent(this.checked));\n              }}\n            />\n          </div>\n        </div>\n\n        <div class=\"flex-1 font-lumo leading-s ml-m\">\n          <slot></slot>\n        </div>\n      </label>\n\n      <div\n        class=${classMap({\n          'font-lumo ml-xxl transition-colors': true,\n          'text-disabled': this.disabled,\n        })}\n      >\n        <slot name=\"content\"></slot>\n      </div>\n    `;\n  }\n}\n"]}

package/dist/elements/private/EditableList/EditableList.d.ts

@@ -0,0 +1,20 @@
+import { LitElement, PropertyDeclarations, TemplateResult } from 'lit-element';
+declare const EditableList_base: typeof LitElement & {
+    styles: import("lit-element").CSSResultArray;
+} & import("lit-element").Constructor<import("../../../mixins/configurable").ConfigurableMixinHost> & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
+    defaultNS: string;
+};
+export declare class EditableList extends EditableList_base {
+    static get properties(): PropertyDeclarations;
+    options: {
+        label?: string;
+        value: string;
+    }[];
+    items: {
+        label?: string | TemplateResult;
+        value: string;
+    }[];
+    private __newItem;
+    render(): TemplateResult;
+}
+export {};

package/dist/elements/private/EditableList/EditableList.js

@@ -0,0 +1,123 @@
+import { LitElement, html } from 'lit-element';
+import { ConfigurableMixin } from "../../../mixins/configurable.js";
+import { ThemeableMixin } from "../../../mixins/themeable.js";
+import { TranslatableMixin } from "../../../mixins/translatable.js";
+import { classMap } from "../../../utils/class-map.js";
+import { live } from 'lit-html/directives/live';
+import { repeat } from 'lit-html/directives/repeat';
+export class EditableList extends TranslatableMixin(ConfigurableMixin(ThemeableMixin(LitElement))) {
+    constructor() {
+        super(...arguments);
+        this.options = [];
+        this.items = [];
+        this.__newItem = '';
+    }
+    static get properties() {
+        return {
+            ...super.properties,
+            options: { type: Array },
+            items: { type: Array },
+            __newItem: { attribute: false },
+        };
+    }
+    render() {
+        const deleteButtonClass = classMap({
+            'w-xs h-xs mr-xs rounded-full transition-colors flex-shrink-0': true,
+            'focus-outline-none focus-ring-2 ring-inset ring-error-50': true,
+            'text-tertiary hover-bg-error-10 hover-text-error': !this.disabled,
+            'cursor-default text-disabled': this.disabled,
+            'flex items-center justify-center': !this.readonly,
+            'hidden': this.readonly,
+        });
+        const itemClass = classMap({
+            'transition-colors h-l ml-m flex items-center': true,
+            'text-secondary': this.readonly,
+            'text-disabled': this.disabled,
+        });
+        const isAddButtonDisabled = this.disabled || !this.__newItem;
+        const addItem = () => {
+            if (!this.__newItem)
+                return;
+            this.items.push({ value: this.__newItem });
+            this.requestUpdate('items');
+            this.dispatchEvent(new CustomEvent('change'));
+            this.__newItem = '';
+        };
+        return html `
+      <slot></slot>
+
+      <ol class="divide-y divide-contrast-10">
+        ${repeat(this.items, item => item.value, (item, index) => {
+            var _a;
+            return html `
+              <li class=${itemClass}>
+                <div class="flex-1 mr-s">${(_a = item.label) !== null && _a !== void 0 ? _a : item.value}</div>
+
+                <button
+                  aria-label=${this.t('delete')}
+                  class=${deleteButtonClass}
+                  ?disabled=${this.disabled}
+                  @click=${() => {
+                this.items.splice(index, 1);
+                this.requestUpdate('items');
+                this.dispatchEvent(new CustomEvent('change'));
+            }}
+                >
+                  <iron-icon icon="lumo:cross" class="icon-inline text-xl"></iron-icon>
+                </button>
+              </li>
+            `;
+        })}
+      </ol>
+
+      <div
+        class=${classMap({
+            'ml-m h-l flex items-center': true,
+            'border-t border-contrast-10': this.items.length > 0,
+            'flex': !this.readonly,
+            'hidden': this.readonly,
+        })}
+      >
+        <input
+          placeholder=${this.t('type_here')}
+          class="w-full bg-transparent appearance-none h-m focus-outline-none"
+          list="list"
+          .value=${live(this.__newItem)}
+          ?disabled=${this.disabled}
+          ?readonly=${this.readonly}
+          @keydown=${(evt) => evt.key === 'Enter' && addItem()}
+          @input=${(evt) => {
+            this.__newItem = evt.currentTarget.value.trim();
+        }}
+        />
+
+        <datalist id="list">
+          ${this.options.map(({ label, value }) => {
+            if (this.items.some(item => item.value === value))
+                return;
+            return html `<option value=${value}>${label !== null && label !== void 0 ? label : value}</option>`;
+        })}
+        </datalist>
+
+        <div class="transition-opacity ${this.__newItem ? 'opacity-100' : 'opacity-0'}">
+          <button
+            aria-label=${this.t('submit')}
+            class=${classMap({
+            'w-xs h-xs mr-xs flex-shrink-0 ring-inset ring-success-50 focus-outline-none': true,
+            'flex items-center justify-center rounded-full transition-colors': true,
+            'bg-contrast-5 text-disabled cursor-default': isAddButtonDisabled,
+            'bg-success-10 text-success cursor-pointer': !isAddButtonDisabled,
+            'hover-bg-success hover-text-success-contrast': !isAddButtonDisabled,
+            'focus-ring-2': !isAddButtonDisabled,
+        })}
+            ?disabled=${isAddButtonDisabled}
+            @click=${addItem}
+          >
+            <iron-icon icon="lumo:plus" class="icon-inline text-l"></iron-icon>
+          </button>
+        </div>
+      </div>
+    `;
+    }
+}
+//# sourceMappingURL=EditableList.js.map

package/dist/elements/private/EditableList/EditableList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditableList.js","sourceRoot":"","sources":["../../../../src/elements/private/EditableList/EditableList.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, PropertyDeclarations, TemplateResult, html } from 'lit-element';\n\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { classMap } from '../../../utils/class-map';\nimport { live } from 'lit-html/directives/live';\nimport { repeat } from 'lit-html/directives/repeat';\n\nexport class EditableList extends TranslatableMixin(ConfigurableMixin(ThemeableMixin(LitElement))) {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      options: { type: Array },\n      items: { type: Array },\n      __newItem: { attribute: false },\n    };\n  }\n\n  options: { label?: string; value: string }[] = [];\n\n  items: { label?: string | TemplateResult; value: string }[] = [];\n\n  private __newItem = '';\n\n  render(): TemplateResult {\n    const deleteButtonClass = classMap({\n      'w-xs h-xs mr-xs rounded-full transition-colors flex-shrink-0': true,\n      'focus-outline-none focus-ring-2 ring-inset ring-error-50': true,\n      'text-tertiary hover-bg-error-10 hover-text-error': !this.disabled,\n      'cursor-default text-disabled': this.disabled,\n      'flex items-center justify-center': !this.readonly,\n      'hidden': this.readonly,\n    });\n\n    const itemClass = classMap({\n      'transition-colors h-l ml-m flex items-center': true,\n      'text-secondary': this.readonly,\n      'text-disabled': this.disabled,\n    });\n\n    const isAddButtonDisabled = this.disabled || !this.__newItem;\n\n    const addItem = () => {\n      if (!this.__newItem) return;\n      this.items.push({ value: this.__newItem });\n      this.requestUpdate('items');\n      this.dispatchEvent(new CustomEvent('change'));\n      this.__newItem = '';\n    };\n\n    return html`\n      <slot></slot>\n\n      <ol class=\"divide-y divide-contrast-10\">\n        ${repeat(\n          this.items,\n          item => item.value,\n          (item, index) => {\n            return html`\n              <li class=${itemClass}>\n                <div class=\"flex-1 mr-s\">${item.label ?? item.value}</div>\n\n                <button\n                  aria-label=${this.t('delete')}\n                  class=${deleteButtonClass}\n                  ?disabled=${this.disabled}\n                  @click=${() => {\n                    this.items.splice(index, 1);\n                    this.requestUpdate('items');\n                    this.dispatchEvent(new CustomEvent('change'));\n                  }}\n                >\n                  <iron-icon icon=\"lumo:cross\" class=\"icon-inline text-xl\"></iron-icon>\n                </button>\n              </li>\n            `;\n          }\n        )}\n      </ol>\n\n      <div\n        class=${classMap({\n          'ml-m h-l flex items-center': true,\n          'border-t border-contrast-10': this.items.length > 0,\n          'flex': !this.readonly,\n          'hidden': this.readonly,\n        })}\n      >\n        <input\n          placeholder=${this.t('type_here')}\n          class=\"w-full bg-transparent appearance-none h-m focus-outline-none\"\n          list=\"list\"\n          .value=${live(this.__newItem)}\n          ?disabled=${this.disabled}\n          ?readonly=${this.readonly}\n          @keydown=${(evt: KeyboardEvent) => evt.key === 'Enter' && addItem()}\n          @input=${(evt: InputEvent) => {\n            this.__newItem = (evt.currentTarget as HTMLInputElement).value.trim();\n          }}\n        />\n\n        <datalist id=\"list\">\n          ${this.options.map(({ label, value }) => {\n            if (this.items.some(item => item.value === value)) return;\n            return html`<option value=${value}>${label ?? value}</option>`;\n          })}\n        </datalist>\n\n        <div class=\"transition-opacity ${this.__newItem ? 'opacity-100' : 'opacity-0'}\">\n          <button\n            aria-label=${this.t('submit')}\n            class=${classMap({\n              'w-xs h-xs mr-xs flex-shrink-0 ring-inset ring-success-50 focus-outline-none': true,\n              'flex items-center justify-center rounded-full transition-colors': true,\n              'bg-contrast-5 text-disabled cursor-default': isAddButtonDisabled,\n              'bg-success-10 text-success cursor-pointer': !isAddButtonDisabled,\n              'hover-bg-success hover-text-success-contrast': !isAddButtonDisabled,\n              'focus-ring-2': !isAddButtonDisabled,\n            })}\n            ?disabled=${isAddButtonDisabled}\n            @click=${addItem}\n          >\n            <iron-icon icon=\"lumo:plus\" class=\"icon-inline text-l\"></iron-icon>\n          </button>\n        </div>\n      </div>\n    `;\n  }\n}\n"]}

package/dist/elements/public/CouponCard/CouponCard.d.ts

@@ -0,0 +1,29 @@
+import { Data, Templates } from './types';
+import { TemplateResult } from 'lit-html';
+import { NucleonElement } from '../NucleonElement/NucleonElement';
+declare const Base: typeof NucleonElement & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
+    defaultNS: string;
+} & import("lit-element").Constructor<import("../../../mixins/configurable").ConfigurableMixinHost> & {
+    styles: import("lit-element").CSSResultArray;
+};
+/**
+ * Basic card displaying a coupon.
+ *
+ * @slot title:before
+ * @slot title:after
+ * @slot description:before
+ * @slot description:after
+ * @slot status:before
+ * @slot status:after
+ *
+ * @element foxy-coupon-card
+ * @since 1.15.0
+ */
+export declare class CouponCard extends Base<Data> {
+    templates: Templates;
+    render(): TemplateResult;
+    private __renderTitle;
+    private __renderDescription;
+    private __renderStatus;
+}
+export {};