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

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

@@ -64,6 +64,178 @@
   "coupon_entry": "Coupon code",
   "coupon_name_helper_text": "Coupon name is visible to the customers.",
   "create": "Create",
+  "currency": "Currency",
+  "currency_aed": "United Arab Emirates Dirham",
+  "currency_afn": "Afghan Afghani",
+  "currency_all": "Albanian Lek",
+  "currency_amd": "Armenian Dram",
+  "currency_ang": "Netherlands Antillean Guilder",
+  "currency_aoa": "Angolan Kwanza",
+  "currency_ars": "Argentine Peso",
+  "currency_aud": "Australian Dollar",
+  "currency_awg": "Aruban Florin",
+  "currency_azn": "Azerbaijani Manat",
+  "currency_bam": "Bosnia-Herzegovina Convertible Mark",
+  "currency_bbd": "Barbadian Dollar",
+  "currency_bdt": "Bangladeshi Taka",
+  "currency_bgn": "Bulgarian Lev",
+  "currency_bhd": "Bahraini Dinar",
+  "currency_bif": "Burundian Franc",
+  "currency_bmd": "Bermudan Dollar",
+  "currency_bnd": "Brunei Dollar",
+  "currency_bob": "Bolivian Boliviano",
+  "currency_brl": "Brazilian Real",
+  "currency_bsd": "Bahamian Dollar",
+  "currency_btc": "Bitcoin",
+  "currency_btn": "Bhutanese Ngultrum",
+  "currency_bwp": "Botswanan Pula",
+  "currency_byn": "Belarusian Ruble",
+  "currency_bzd": "Belize Dollar",
+  "currency_cad": "Canadian Dollar",
+  "currency_cdf": "Congolese Franc",
+  "currency_chf": "Swiss Franc",
+  "currency_clf": "Chilean Unit of Account (UF)",
+  "currency_clp": "Chilean Peso",
+  "currency_cnh": "Chinese Yuan (Offshore)",
+  "currency_cny": "Chinese Yuan",
+  "currency_cop": "Colombian Peso",
+  "currency_crc": "Costa Rican Colón",
+  "currency_cuc": "Cuban Convertible Peso",
+  "currency_cup": "Cuban Peso",
+  "currency_cve": "Cape Verdean Escudo",
+  "currency_czk": "Czech Republic Koruna",
+  "currency_djf": "Djiboutian Franc",
+  "currency_dkk": "Danish Krone",
+  "currency_dop": "Dominican Peso",
+  "currency_dzd": "Algerian Dinar",
+  "currency_egp": "Egyptian Pound",
+  "currency_ern": "Eritrean Nakfa",
+  "currency_etb": "Ethiopian Birr",
+  "currency_eur": "Euro",
+  "currency_fjd": "Fijian Dollar",
+  "currency_fkp": "Falkland Islands Pound",
+  "currency_gbp": "British Pound Sterling",
+  "currency_gel": "Georgian Lari",
+  "currency_ggp": "Guernsey Pound",
+  "currency_ghs": "Ghanaian Cedi",
+  "currency_gip": "Gibraltar Pound",
+  "currency_gmd": "Gambian Dalasi",
+  "currency_gnf": "Guinean Franc",
+  "currency_gtq": "Guatemalan Quetzal",
+  "currency_gyd": "Guyanaese Dollar",
+  "currency_hkd": "Hong Kong Dollar",
+  "currency_hnl": "Honduran Lempira",
+  "currency_hrk": "Croatian Kuna",
+  "currency_htg": "Haitian Gourde",
+  "currency_huf": "Hungarian Forint",
+  "currency_idr": "Indonesian Rupiah",
+  "currency_ils": "Israeli New Sheqel",
+  "currency_imp": "Manx pound",
+  "currency_inr": "Indian Rupee",
+  "currency_iqd": "Iraqi Dinar",
+  "currency_irr": "Iranian Rial",
+  "currency_isk": "Icelandic Króna",
+  "currency_jep": "Jersey Pound",
+  "currency_jmd": "Jamaican Dollar",
+  "currency_jod": "Jordanian Dinar",
+  "currency_jpy": "Japanese Yen",
+  "currency_kes": "Kenyan Shilling",
+  "currency_kgs": "Kyrgystani Som",
+  "currency_khr": "Cambodian Riel",
+  "currency_kmf": "Comorian Franc",
+  "currency_kpw": "North Korean Won",
+  "currency_krw": "South Korean Won",
+  "currency_kwd": "Kuwaiti Dinar",
+  "currency_kyd": "Cayman Islands Dollar",
+  "currency_kzt": "Kazakhstani Tenge",
+  "currency_lak": "Laotian Kip",
+  "currency_lbp": "Lebanese Pound",
+  "currency_lkr": "Sri Lankan Rupee",
+  "currency_lrd": "Liberian Dollar",
+  "currency_lsl": "Lesotho Loti",
+  "currency_lyd": "Libyan Dinar",
+  "currency_mad": "Moroccan Dirham",
+  "currency_mdl": "Moldovan Leu",
+  "currency_mga": "Malagasy Ariary",
+  "currency_mkd": "Macedonian Denar",
+  "currency_mmk": "Myanma Kyat",
+  "currency_mnt": "Mongolian Tugrik",
+  "currency_mop": "Macanese Pataca",
+  "currency_mru": "Mauritanian Ouguiya",
+  "currency_mur": "Mauritian Rupee",
+  "currency_mvr": "Maldivian Rufiyaa",
+  "currency_mwk": "Malawian Kwacha",
+  "currency_mxn": "Mexican Peso",
+  "currency_myr": "Malaysian Ringgit",
+  "currency_mzn": "Mozambican Metical",
+  "currency_nad": "Namibian Dollar",
+  "currency_ngn": "Nigerian Naira",
+  "currency_nio": "Nicaraguan Córdoba",
+  "currency_nok": "Norwegian Krone",
+  "currency_npr": "Nepalese Rupee",
+  "currency_nzd": "New Zealand Dollar",
+  "currency_omr": "Omani Rial",
+  "currency_pab": "Panamanian Balboa",
+  "currency_pen": "Peruvian Nuevo Sol",
+  "currency_pgk": "Papua New Guinean Kina",
+  "currency_php": "Philippine Peso",
+  "currency_pkr": "Pakistani Rupee",
+  "currency_pln": "Polish Zloty",
+  "currency_pyg": "Paraguayan Guarani",
+  "currency_qar": "Qatari Rial",
+  "currency_ron": "Romanian Leu",
+  "currency_rsd": "Serbian Dinar",
+  "currency_rub": "Russian Ruble",
+  "currency_rwf": "Rwandan Franc",
+  "currency_sar": "Saudi Riyal",
+  "currency_sbd": "Solomon Islands Dollar",
+  "currency_scr": "Seychellois Rupee",
+  "currency_sdg": "Sudanese Pound",
+  "currency_sek": "Swedish Krona",
+  "currency_sgd": "Singapore Dollar",
+  "currency_shp": "Saint Helena Pound",
+  "currency_sll": "Sierra Leonean Leone",
+  "currency_sos": "Somali Shilling",
+  "currency_srd": "Surinamese Dollar",
+  "currency_ssp": "South Sudanese Pound",
+  "currency_std": "São Tomé and Príncipe Dobra (pre-2018)",
+  "currency_stn": "São Tomé and Príncipe Dobra",
+  "currency_svc": "Salvadoran Colón",
+  "currency_syp": "Syrian Pound",
+  "currency_szl": "Swazi Lilangeni",
+  "currency_thb": "Thai Baht",
+  "currency_tjs": "Tajikistani Somoni",
+  "currency_tmt": "Turkmenistani Manat",
+  "currency_tnd": "Tunisian Dinar",
+  "currency_top": "Tongan Pa'anga",
+  "currency_try": "Turkish Lira",
+  "currency_ttd": "Trinidad and Tobago Dollar",
+  "currency_twd": "New Taiwan Dollar",
+  "currency_tzs": "Tanzanian Shilling",
+  "currency_uah": "Ukrainian Hryvnia",
+  "currency_ugx": "Ugandan Shilling",
+  "currency_usd": "United States Dollar",
+  "currency_uyu": "Uruguayan Peso",
+  "currency_uzs": "Uzbekistan Som",
+  "currency_vef": "Venezuelan Bolívar Fuerte (Old)",
+  "currency_ves": "Venezuelan Bolívar Soberano",
+  "currency_vnd": "Vietnamese Dong",
+  "currency_vuv": "Vanuatu Vatu",
+  "currency_wst": "Samoan Tala",
+  "currency_xaf": "CFA Franc BEAC",
+  "currency_xag": "Silver Ounce",
+  "currency_xau": "Gold Ounce",
+  "currency_xcd": "East Caribbean Dollar",
+  "currency_xdr": "Special Drawing Rights",
+  "currency_xof": "CFA Franc BCEAO",
+  "currency_xpd": "Palladium Ounce",
+  "currency_xpf": "CFP Franc",
+  "currency_xpt": "Platinum Ounce",
+  "currency_yer": "Yemeni Rial",
+  "currency_zar": "South African Rand",
+  "currency_zmw": "Zambian Kwacha",
+  "currency_zwl": "Zimbabwean Dollar",
+  "current_balance": "Current balance",
   "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",
@@ -109,6 +281,8 @@
   "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",
+  "expires_after": "Expires after",
+  "expires_after_value": "Expires {{value}}",
   "field": "Field",
   "field_plural": "Fields",
   "filter": "Filter",
@@ -135,6 +309,9 @@
   "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.",
+  "gift_card_category_restrictions_helper_text": "Select which item categories this gift card can be applied to. If you’d like this gift card to be available to all items regardless of the category, keep your selection empty. All changes are saved automatically.",
+  "gift_card_name_helper_text": "Gift card names are displayed to the customer.",
+  "gift_card_product_restrictions_explainer": "If you want to limit which products can use this gift card, 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.",
   "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",
@@ -180,6 +357,7 @@
   "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",
+  "never_expires": "Never expires",
   "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.",

package/dist/cdn/translations/shared/zh-hk.json

@@ -0,0 +1,179 @@
+{
+  "add_or_clause": "加入 「或」 指令",
+  "add_value": "輸入值",
+  "address1": "地址第一行",
+  "address2": "地址第二行",
+  "address_name": "地址名稱",
+  "address_plural": "地址",
+  "attribute_plural": "屬性",
+  "back": "回去",
+  "backend_developer": "後端開發人員",
+  "backend_developer_explainer": "用 PHP、Python、Ruby 等管理服務器端代碼。",
+  "cancel": "取消",
+  "city": "城市",
+  "client": "客戶",
+  "close": "關閉",
+  "company": "公司",
+  "country": "國家",
+  "create": "建立",
+  "customer": "顧客",
+  "daily": "每天",
+  "daily_plural": "每 {{count}} 天",
+  "date": "{{value, date}}",
+  "date_created": "建立於",
+  "date_modified": "最近更新時間",
+  "day": "日",
+  "day_plural": "日",
+  "default_billing_address": "預設賬單地址",
+  "default_shipping_address": "預設送貨地址",
+  "delete": "刪除",
+  "delete_prompt": "此資源將被永久刪除。你確定嗎？",
+  "designer": "設計師",
+  "designer_explainer": "管理外觀、藝術和用戶界面。",
+  "email": "電子郵件",
+  "end_date": "結束日期",
+  "end_subscription": "結束訂閱",
+  "end_subscription_explainer": "直到選定的結束日期前，您的訂閱將一直有效。如果您稍後決定恢復此訂閱，則需要重新訂閱.",
+  "expires": "過期日期為",
+  "field": "表格域",
+  "first_name": "名",
+  "fraud_risk": "欺詐風險： {{ score }}",
+  "frequency": "$t({{units}}, { \"count\": {{count}} })",
+  "frequency_label": "頻率",
+  "frequency_plural": "$t({{units}}, { \"count\": {{count}} })",
+  "frontend_developer": "前端開發人員",
+  "frontend_developer_explainer": "以 JS、CSS、HTML 等形式管理客戶端代碼。",
+  "full_address": "{{address1}} {{address2}} {{city}} {{region}} {{postal_code}}",
+  "full_name": "{{last_name}} {{first_name}}",
+  "invalid_credential_error": "錯誤的電子郵件或密碼。請檢查您的輸入，然後重試。",
+  "is_defined_false": "沒有定義",
+  "is_defined_true": "有定義",
+  "item": "項目",
+  "item_plural": "項目",
+  "last_4_digits": "最後 4 位數字",
+  "last_login_date": "上次登錄",
+  "last_name": "姓",
+  "load_more": "加載更多",
+  "loading_busy": "載入中",
+  "loading_empty": "沒有數據",
+  "loading_end": "沒有更多數據",
+  "loading_error": "加載失敗",
+  "loading_paused": "暫停",
+  "merchant": "商人",
+  "merchant_explainer": "管理項目、財務和這家商店整體營運。",
+  "mfa_remember_device": "信任這個裝置",
+  "mfa_remember_device_hint": "以後從此裝置登錄時不再需要驗證碼",
+  "mfa_totp_code": "一次性代碼",
+  "mfa_totp_code_hint": "使用您的身份驗證器應用軟件, 掃描下面的圖像以接收驗證碼",
+  "mfa_totp_code_invalid_error": "您輸入的一次性代碼無效。請再試一次。",
+  "month": "月",
+  "month_plural": "月",
+  "monthly": "每月",
+  "monthly_plural": "每 {{count}} 個月",
+  "name": "姓名",
+  "new_password": "新密碼",
+  "new_password_format_error": "您選擇的新密碼太弱。請輸入一個較安全的新密碼。",
+  "new_password_required_error": "為確保您的帳戶安全，請在此次登錄前更改您的密碼。",
+  "next_transaction_date": "下一個交易日期",
+  "operator_equal": "等於",
+  "operator_greaterthan": "大於",
+  "operator_greaterthanorequal": "等於或大於",
+  "operator_in": "屬於",
+  "operator_isdefined": "被定義為",
+  "operator_lessthan": "小於",
+  "operator_lessthanorequal": "等於或小於",
+  "operator_not": "不等於",
+  "or": "或",
+  "password": "密碼",
+  "payment_method_plural": "支付方式",
+  "percent": "{{fraction, percent}}",
+  "phone": "電話",
+  "postal_code": "郵政編碼",
+  "preview": "預覽",
+  "price": "{{amount, price}}",
+  "price_recurring": "{{amount, price}} $t(frequency, { \"count\": \"{{count}}\", \"units\": \"{{units}}\" })",
+  "price_twice_a_month": "{{amount, price}} $t(twice_a_month)",
+  "query_builder_group": "過濾組別",
+  "query_builder_rule": "過濾",
+  "range_from": "由",
+  "range_to": "至",
+  "receipt": "收據",
+  "recover_access": "獲取一次性代碼",
+  "recover_access_hint": "輸入您的電子郵件，我們將向您發送一個臨時密碼。",
+  "recover_access_success": "完成！請檢查您的電子郵件以獲取進一步說明。",
+  "region": "地區",
+  "request": "要求",
+  "save": "儲存",
+  "show_on_receipt": "在收據上顯示",
+  "sign_in": "登入",
+  "sign_in_hint": "請輸入您的電子郵件和密碼",
+  "subscription_active": "下次付款在 {{date, date}}",
+  "subscription_cancelled": "於 {{date, date}} 結束",
+  "subscription_failed": "{{date, date}} 付款失敗",
+  "subscription_inactive": "閒置",
+  "subscription_plural": "訂閱",
+  "subscription_will_be_cancelled": "於 {{date, date}} 結束",
+  "tax_apply_to_shipping": "對運費收取稅金",
+  "tax_apply_to_shipping_explainer": "勾選此處以對運費收取稅金",
+  "tax_country": "國家稅",
+  "tax_exempt_all_customer_tax_ids": "豁免所有具有稅務編號的客戶",
+  "tax_exempt_all_customer_tax_ids_explainer": "勾選此處以跳過對存了稅務編號的客戶收稅",
+  "tax_global": "全球稅",
+  "tax_id": "稅務編號",
+  "tax_local": "本地稅",
+  "tax_rate": "稅率 (%)",
+  "tax_rate_provider": "稅率提供者",
+  "tax_rate_provider_default": "預設 (Thomson Reuters; 其他)",
+  "tax_rate_provider_none": "沒有(自定率)",
+  "tax_region": "地區稅",
+  "tax_union": "歐盟稅",
+  "tax_use_origin_rates": "使用起源地稅率",
+  "tax_use_origin_rates_explainer": "勾選此處以使用您所在國家的稅率,無論客戶位於何處",
+  "time": "{{value, time}}",
+  "transaction": "交易",
+  "transaction_approved": "得到正式認可的",
+  "transaction_authorized": "已授權",
+  "transaction_captured": "已截獲",
+  "transaction_completed": "已完成",
+  "transaction_declined": "被拒絕",
+  "transaction_pending": "代辦中",
+  "transaction_plural": "交易",
+  "transaction_refunded": "已退款",
+  "transaction_rejected": "被拒絕",
+  "transaction_summary": "交易總結",
+  "transaction_summary_plural": "交易總結",
+  "transaction_verified": "已驗證",
+  "transaction_voided": "已作廢",
+  "twice_a_month": "一個月兩次",
+  "type": "格式類型",
+  "type_any": "不明類型的項目",
+  "type_attribute": "鍵-值對資源",
+  "type_date": "日期",
+  "type_number": "數字",
+  "type_string": "文字",
+  "undo_cancel": "審核",
+  "undo_confirm": "丟棄",
+  "undo_header": "未保存的更改",
+  "undo_message": "看起來您沒有保存更改！你想如何處理它們？",
+  "unknown_error": "發生未知錯誤。請稍後再試。",
+  "update": "更新",
+  "update_billing": "更新賬單",
+  "update_items": "編輯",
+  "v8n_format_error": "無效的格式",
+  "v8n_invalid_email": "電子郵件地址不合規",
+  "v8n_required": "必需的",
+  "v8n_too_long": "太長",
+  "value": "值",
+  "visibility": "能見度",
+  "visibility_private": "只有我",
+  "visibility_public": "所有人",
+  "visibility_restricted": "商店管理員",
+  "week": "星期",
+  "week_plural": "星期",
+  "weekly": "每星期",
+  "weekly_plural": "每 {{count}} 星期",
+  "year": "年",
+  "year_plural": "年",
+  "yearly": "每年",
+  "yearly_plural": "每 {{count}} 年"
+}

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

@@ -86,6 +86,7 @@ export class EditableList extends TranslatableMixin(ConfigurableMixin(ThemeableM
           ?disabled=${this.disabled}
           ?readonly=${this.readonly}
           @keydown=${(evt) => evt.key === 'Enter' && addItem()}
+          @change=${(evt) => evt.stopPropagation()}
           @input=${(evt) => {
             this.__newItem = evt.currentTarget.value.trim();
         }}

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

@@ -1 +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"]}
+{"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          @change=${(evt: Event) => evt.stopPropagation()}\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/private/FrequencyInput/FrequencyInput.d.ts

@@ -1,5 +1,6 @@
-import '@vaadin/vaadin-combo-box';
 import '@vaadin/vaadin-text-field/vaadin-integer-field';
+import '@vaadin/vaadin-custom-field';
+import '@vaadin/vaadin-combo-box';
 import '../../public/I18n/index';
 import { CSSResult, CSSResultArray, LitElement, PropertyDeclarations, TemplateResult } from 'lit-element';
 export declare class FrequencyInput extends LitElement {

package/dist/elements/private/FrequencyInput/FrequencyInput.js

@@ -1,5 +1,6 @@
-import '@vaadin/vaadin-combo-box';
 import '@vaadin/vaadin-text-field/vaadin-integer-field';
+import '@vaadin/vaadin-custom-field';
+import '@vaadin/vaadin-combo-box';
 import "../../public/I18n/index.js";
 import { LitElement, css, html, } from 'lit-element';
 import { FrequencyInputChangeEvent } from "./FrequencyInputChangeEvent.js";
@@ -51,6 +52,7 @@ vaadin-custom-field{
   width:100%;
   font-size:0;
   line-height:0;
+  padding-top:0 !important;
 }
 
 vaadin-custom-field::part(label){

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

@@ -1 +1 @@
-{"version":3,"file":"FrequencyInput.js","sourceRoot":"","sources":["../../../../src/elements/private/FrequencyInput/FrequencyInput.ts"],"names":[],"mappings":"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","sourcesContent":["import '@vaadin/vaadin-combo-box';\nimport '@vaadin/vaadin-text-field/vaadin-integer-field';\nimport '../../public/I18n/index';\n\nimport {\n  CSSResult,\n  CSSResultArray,\n  LitElement,\n  PropertyDeclarations,\n  TemplateResult,\n  css,\n  html,\n} from 'lit-element';\nimport { CustomFieldElement, CustomFieldI18n } from '@vaadin/vaadin-custom-field';\n\nimport { FrequencyInputChangeEvent } from './FrequencyInputChangeEvent';\nimport { live } from '@open-wc/lit-helpers';\nimport memoize from 'lodash-es/memoize';\nimport { parseDuration } from '../../../utils/parse-duration';\n\nexport class FrequencyInput extends LitElement {\n  static get properties(): PropertyDeclarations {\n    return {\n      checkValidity: { attribute: false },\n      errorMessage: { type: String, attribute: 'error-message' },\n      disabled: { type: Boolean, reflect: true },\n      readonly: { type: Boolean, reflect: true },\n      label: { type: String },\n      value: { type: String },\n      lang: { type: String },\n    };\n  }\n\n  static get styles(): CSSResult | CSSResultArray {\n    return css`\n      :host {\n        display: block;\n      }\n\n      vaadin-custom-field {\n        width: 100%;\n        font-size: 0;\n        line-height: 0;\n      }\n\n      vaadin-custom-field::part(label) {\n        padding-bottom: var(--lumo-space-s);\n      }\n\n      vaadin-custom-field::part(error-message)[aria-hidden='false'] {\n        padding-top: var(--lumo-space-xs);\n      }\n\n      vaadin-integer-field,\n      vaadin-combo-box {\n        width: calc(50% - (var(--lumo-space-s) / 2));\n      }\n\n      vaadin-integer-field {\n        margin-right: var(--lumo-space-s);\n        padding: 0;\n      }\n\n      vaadin-combo-box::part(text-field) {\n        padding: 0;\n      }\n    `;\n  }\n\n  label = '';\n\n  value = '';\n\n  disabled = false;\n\n  readonly = false;\n\n  errorMessage = '';\n\n  private __i18n: CustomFieldI18n = {\n    formatValue: inputValues => inputValues.join(''),\n    parseValue: value => {\n      const { count, units } = parseDuration(value);\n      return [count.toString(), units];\n    },\n  };\n\n  private __getItems = memoize((value: string) => {\n    const count = parseDuration(value).count;\n\n    return [\n      { value: 'd', label: this.__t('day', { count }) },\n      { value: 'w', label: this.__t('week', { count }) },\n      { value: 'm', label: this.__t('month', { count }) },\n      { value: 'y', label: this.__t('year', { count }) },\n    ];\n  });\n\n  private __untrackTranslations?: () => void;\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.__untrackTranslations = customElements.get('foxy-i18n').onTranslationChange(() => {\n      this.__getItems.cache.clear?.();\n      this.requestUpdate();\n    });\n  }\n\n  render(): TemplateResult {\n    return html`\n      <vaadin-custom-field\n        data-testid=\"field\"\n        .i18n=${this.__i18n}\n        .label=${this.label}\n        .value=${live(this.value)}\n        ?disabled=${this.disabled}\n        ?readonly=${this.readonly}\n        .errorMessage=${this.errorMessage}\n        .checkValidity=${this.checkValidity}\n        @change=${this.__handleChange}\n      >\n        <vaadin-integer-field\n          data-testid=\"value\"\n          min=\"1\"\n          max=\"999\"\n          has-controls\n          prevent-invalid-input\n          ?invalid=${!this.checkValidity()}\n          ?disabled=${this.disabled}\n          ?readonly=${this.readonly}\n        >\n        </vaadin-integer-field>\n\n        <vaadin-combo-box\n          data-testid=\"units\"\n          item-value-path=\"value\"\n          item-label-path=\"label\"\n          .items=${this.__getItems(this.value)}\n          ?invalid=${!this.checkValidity()}\n          ?disabled=${this.disabled}\n          ?readonly=${this.readonly}\n        >\n        </vaadin-combo-box>\n      </vaadin-custom-field>\n    `;\n  }\n\n  updated(changes: Map<keyof this, unknown>): void {\n    super.updated(changes);\n    const field = this.renderRoot.firstElementChild as CustomFieldElement;\n    if (field.value !== this.value) field.value = this.value;\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.__untrackTranslations?.();\n  }\n\n  checkValidity(): boolean {\n    return true;\n  }\n\n  private get __t() {\n    return customElements.get('foxy-i18n').i18next.getFixedT(this.lang);\n  }\n\n  private __handleChange(evt: CustomEvent<void>) {\n    const field = evt.target as CustomFieldElement;\n    this.value = field.value as string;\n    this.dispatchEvent(new FrequencyInputChangeEvent(this.value));\n  }\n}\n"]}
+{"version":3,"file":"FrequencyInput.js","sourceRoot":"","sources":["../../../../src/elements/private/FrequencyInput/FrequencyInput.ts"],"names":[],"mappings":"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","sourcesContent":["import '@vaadin/vaadin-text-field/vaadin-integer-field';\nimport '@vaadin/vaadin-custom-field';\nimport '@vaadin/vaadin-combo-box';\nimport '../../public/I18n/index';\n\nimport {\n  CSSResult,\n  CSSResultArray,\n  LitElement,\n  PropertyDeclarations,\n  TemplateResult,\n  css,\n  html,\n} from 'lit-element';\nimport type { CustomFieldElement, CustomFieldI18n } from '@vaadin/vaadin-custom-field';\n\nimport { FrequencyInputChangeEvent } from './FrequencyInputChangeEvent';\nimport { live } from '@open-wc/lit-helpers';\nimport memoize from 'lodash-es/memoize';\nimport { parseDuration } from '../../../utils/parse-duration';\n\nexport class FrequencyInput extends LitElement {\n  static get properties(): PropertyDeclarations {\n    return {\n      checkValidity: { attribute: false },\n      errorMessage: { type: String, attribute: 'error-message' },\n      disabled: { type: Boolean, reflect: true },\n      readonly: { type: Boolean, reflect: true },\n      label: { type: String },\n      value: { type: String },\n      lang: { type: String },\n    };\n  }\n\n  static get styles(): CSSResult | CSSResultArray {\n    return css`\n      :host {\n        display: block;\n      }\n\n      vaadin-custom-field {\n        width: 100%;\n        font-size: 0;\n        line-height: 0;\n        padding-top: 0 !important;\n      }\n\n      vaadin-custom-field::part(label) {\n        padding-bottom: var(--lumo-space-s);\n      }\n\n      vaadin-custom-field::part(error-message)[aria-hidden='false'] {\n        padding-top: var(--lumo-space-xs);\n      }\n\n      vaadin-integer-field,\n      vaadin-combo-box {\n        width: calc(50% - (var(--lumo-space-s) / 2));\n      }\n\n      vaadin-integer-field {\n        margin-right: var(--lumo-space-s);\n        padding: 0;\n      }\n\n      vaadin-combo-box::part(text-field) {\n        padding: 0;\n      }\n    `;\n  }\n\n  label = '';\n\n  value = '';\n\n  disabled = false;\n\n  readonly = false;\n\n  errorMessage = '';\n\n  private __i18n: CustomFieldI18n = {\n    formatValue: inputValues => inputValues.join(''),\n    parseValue: value => {\n      const { count, units } = parseDuration(value);\n      return [count.toString(), units];\n    },\n  };\n\n  private __getItems = memoize((value: string) => {\n    const count = parseDuration(value).count;\n\n    return [\n      { value: 'd', label: this.__t('day', { count }) },\n      { value: 'w', label: this.__t('week', { count }) },\n      { value: 'm', label: this.__t('month', { count }) },\n      { value: 'y', label: this.__t('year', { count }) },\n    ];\n  });\n\n  private __untrackTranslations?: () => void;\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.__untrackTranslations = customElements.get('foxy-i18n').onTranslationChange(() => {\n      this.__getItems.cache.clear?.();\n      this.requestUpdate();\n    });\n  }\n\n  render(): TemplateResult {\n    return html`\n      <vaadin-custom-field\n        data-testid=\"field\"\n        .i18n=${this.__i18n}\n        .label=${this.label}\n        .value=${live(this.value)}\n        ?disabled=${this.disabled}\n        ?readonly=${this.readonly}\n        .errorMessage=${this.errorMessage}\n        .checkValidity=${this.checkValidity}\n        @change=${this.__handleChange}\n      >\n        <vaadin-integer-field\n          data-testid=\"value\"\n          min=\"1\"\n          max=\"999\"\n          has-controls\n          prevent-invalid-input\n          ?invalid=${!this.checkValidity()}\n          ?disabled=${this.disabled}\n          ?readonly=${this.readonly}\n        >\n        </vaadin-integer-field>\n\n        <vaadin-combo-box\n          data-testid=\"units\"\n          item-value-path=\"value\"\n          item-label-path=\"label\"\n          .items=${this.__getItems(this.value)}\n          ?invalid=${!this.checkValidity()}\n          ?disabled=${this.disabled}\n          ?readonly=${this.readonly}\n        >\n        </vaadin-combo-box>\n      </vaadin-custom-field>\n    `;\n  }\n\n  updated(changes: Map<keyof this, unknown>): void {\n    super.updated(changes);\n    const field = this.renderRoot.firstElementChild as CustomFieldElement;\n    if (field.value !== this.value) field.value = this.value;\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.__untrackTranslations?.();\n  }\n\n  checkValidity(): boolean {\n    return true;\n  }\n\n  private get __t() {\n    return customElements.get('foxy-i18n').i18next.getFixedT(this.lang);\n  }\n\n  private __handleChange(evt: CustomEvent<void>) {\n    const field = evt.target as CustomFieldElement;\n    this.value = field.value as string;\n    this.dispatchEvent(new FrequencyInputChangeEvent(this.value));\n  }\n}\n"]}

package/dist/elements/public/CollectionPage/CollectionPage.js

@@ -94,13 +94,14 @@ export class CollectionPage extends ConfigurableMixin(NucleonElement) {
         else if (this.in({ idle: 'template' }) || this.__items.length === 0) {
             items.push({ key: 'empty', href: '', data: null });
         }
-        return html `${repeat(items, item => item.key, item => { var _a; return (_a = this.__renderItem) === null || _a === void 0 ? void 0 : _a.call(this, {
+        return html `${repeat(items, item => item.key, (item, index) => { var _a, _b, _c, _d, _e; return (_a = this.__renderItem) === null || _a === void 0 ? void 0 : _a.call(this, {
             disabledControls: this.disabledControls,
             readonlyControls: this.readonlyControls,
             hiddenControls: this.hiddenControls,
             templates: this.templates,
             disabled: this.disabled,
             readonly: this.readonly,
+            previous: (_c = (_b = items[index - 1]) === null || _b === void 0 ? void 0 : _b.data) !== null && _c !== void 0 ? _c : null,
             hidden: this.hidden,
             parent: this.href,
             spread: spread,
@@ -109,6 +110,7 @@ export class CollectionPage extends ConfigurableMixin(NucleonElement) {
             lang: this.lang,
             data: item.data,
             href: item.href,
+            next: (_e = (_d = items[index + 1]) === null || _d === void 0 ? void 0 : _d.data) !== null && _e !== void 0 ? _e : null,
             ns: this.ns,
             html,
         }); })}`;

package/dist/elements/public/CollectionPage/CollectionPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollectionPage.js","sourceRoot":"","sources":["../../../../src/elements/public/CollectionPage/CollectionPage.ts"],"names":[],"mappings":"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","sourcesContent":["import { ExtractItem, ItemRenderer, Page } from './types';\nimport { PropertyDeclarations, TemplateResult, html } from 'lit-element';\n\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { FetchEvent } from '../NucleonElement/FetchEvent';\nimport { NucleonElement } from '../NucleonElement/NucleonElement';\nimport { repeat } from 'lit-html/directives/repeat';\nimport { spread } from '@open-wc/lit-helpers';\n\n/**\n * Renders an element for each resource in a collection page.\n *\n * @element foxy-collection-page\n * @since 1.1.0\n */\nexport class CollectionPage<TPage extends Page> extends ConfigurableMixin(NucleonElement)<TPage> {\n  /** @readonly */\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      props: { type: Object },\n      item: { type: String },\n      ns: { type: String },\n    };\n  }\n\n  /** Spread directive argument from `@open-wc/lit-helpers` (properties, event listeners and attributes you'd like to pass to the item element). */\n  props: Record<string, unknown> = {};\n\n  ns = '';\n\n  private __pageFetchEventHandler = (evt: unknown) => this.__handlePageFetchEvent(evt);\n\n  private __renderItem!: ItemRenderer<ExtractItem<TPage>>;\n\n  private __item!: string | ItemRenderer<ExtractItem<TPage>>;\n\n  constructor() {\n    super();\n    this.item = 'foxy-null';\n  }\n\n  /**\n   * Custom element tag or a render function to use for displaying collection items.\n   * Generated custom elements will have the following attributes:\n   *\n   * - `parent` – same as `foxy-collection-page[href]`;\n   * - `group` - same as `foxy-collection-page[group]`;\n   * - `href` – collection page item's `_links.self.href` value;\n   * - `lang` – same as `foxy-collection-page[lang]`;\n   *\n   * Render function will receive `ItemRendererContext` in the first argument.\n   */\n  get item(): string | ItemRenderer<ExtractItem<TPage>> {\n    return this.__item;\n  }\n\n  set item(value: string | ItemRenderer<ExtractItem<TPage>>) {\n    if (typeof value === 'string') {\n      this.__renderItem = new Function(\n        'ctx',\n        `return ctx.html\\`\n          <${value}\n            disabledcontrols=\\${ctx.disabledControls.toString()}\n            readonlycontrols=\\${ctx.readonlyControls.toString()}\n            hiddencontrols=\\${ctx.hiddenControls.toString()}\n            data-testclass=\"items\"\n            parent=\\${ctx.parent}\n            group=\\${ctx.group}\n            href=\\${ctx.href}\n            lang=\\${ctx.lang}\n            ns=\"\\${ctx.ns} $\\{customElements.get('${value}')?.defaultNS ?? ''}\"\n            ?disabled=\\${ctx.disabled}\n            ?readonly=\\${ctx.readonly}\n            ?hidden=\\${ctx.hidden}\n            .templates=\\${ctx.templates}\n            ...=\\${ctx.spread(ctx.props)}\n          >\n          </${value}>\\``\n      ) as ItemRenderer;\n    } else {\n      this.__renderItem = value;\n    }\n\n    this.__item = value;\n    this.requestUpdate();\n  }\n\n  /** @readonly */\n  createRenderRoot(): HTMLElement {\n    return this;\n  }\n\n  /** @readonly */\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.addEventListener('fetch', this.__pageFetchEventHandler);\n  }\n\n  /** @readonly */\n  render(): TemplateResult {\n    type RepeatItem = { key: string; href: string; data: ExtractItem<TPage> | null };\n    const items: RepeatItem[] = this.__items.map(item => ({\n      key: item._links.self.href,\n      href: item._links.self.href,\n      data: item,\n    }));\n\n    if (this.in('busy')) {\n      items.push({ key: 'stalled', href: 'foxy://collection-page/stall', data: null });\n    } else if (this.in('fail')) {\n      items.push({ key: 'failed', href: 'foxy://collection-page/fail', data: null });\n    } else if (this.in({ idle: 'template' }) || this.__items.length === 0) {\n      items.push({ key: 'empty', href: '', data: null });\n    }\n\n    return html`${repeat(\n      items,\n      item => item.key,\n      item =>\n        this.__renderItem?.({\n          disabledControls: this.disabledControls,\n          readonlyControls: this.readonlyControls,\n          hiddenControls: this.hiddenControls,\n          templates: this.templates,\n          disabled: this.disabled,\n          readonly: this.readonly,\n          hidden: this.hidden,\n          parent: this.href,\n          spread: spread,\n          props: this.props,\n          group: this.group,\n          lang: this.lang,\n          data: item.data,\n          href: item.href,\n          ns: this.ns,\n          html,\n        })\n    )}`;\n  }\n\n  /** @readonly */\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.removeEventListener('fetch', this.__pageFetchEventHandler);\n  }\n\n  private get __items(): ExtractItem<TPage>[] {\n    return Array.from(Object.values(this.form?._embedded ?? {}) as any[]).reduce(\n      (p, c) => [...p, ...c],\n      [] as ExtractItem<TPage>[]\n    );\n  }\n\n  private __handlePageFetchEvent(event: unknown) {\n    if (!(event instanceof FetchEvent) || event.target === this) return;\n    const { method, url } = event.request;\n\n    if (method !== 'GET') return;\n    if (url === 'foxy://collection-page/stall') return this.__stallRequest(event);\n    if (url === 'foxy://collection-page/fail') return this.__failRequest(event);\n  }\n\n  private __stallRequest(event: FetchEvent) {\n    event.stopImmediatePropagation();\n    event.respondWith(new Promise(() => void 0));\n  }\n\n  private __failRequest(event: FetchEvent) {\n    event.stopImmediatePropagation();\n    event.respondWith(Promise.resolve(new Response(null, { status: 500 })));\n  }\n}\n\nexport * from './types';\n"]}
+{"version":3,"file":"CollectionPage.js","sourceRoot":"","sources":["../../../../src/elements/public/CollectionPage/CollectionPage.ts"],"names":[],"mappings":"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","sourcesContent":["import { ExtractItem, ItemRenderer, Page } from './types';\nimport { PropertyDeclarations, TemplateResult, html } from 'lit-element';\n\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { FetchEvent } from '../NucleonElement/FetchEvent';\nimport { NucleonElement } from '../NucleonElement/NucleonElement';\nimport { repeat } from 'lit-html/directives/repeat';\nimport { spread } from '@open-wc/lit-helpers';\n\n/**\n * Renders an element for each resource in a collection page.\n *\n * @element foxy-collection-page\n * @since 1.1.0\n */\nexport class CollectionPage<TPage extends Page> extends ConfigurableMixin(NucleonElement)<TPage> {\n  /** @readonly */\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      props: { type: Object },\n      item: { type: String },\n      ns: { type: String },\n    };\n  }\n\n  /** Spread directive argument from `@open-wc/lit-helpers` (properties, event listeners and attributes you'd like to pass to the item element). */\n  props: Record<string, unknown> = {};\n\n  ns = '';\n\n  private __pageFetchEventHandler = (evt: unknown) => this.__handlePageFetchEvent(evt);\n\n  private __renderItem!: ItemRenderer<ExtractItem<TPage>>;\n\n  private __item!: string | ItemRenderer<ExtractItem<TPage>>;\n\n  constructor() {\n    super();\n    this.item = 'foxy-null';\n  }\n\n  /**\n   * Custom element tag or a render function to use for displaying collection items.\n   * Generated custom elements will have the following attributes:\n   *\n   * - `parent` – same as `foxy-collection-page[href]`;\n   * - `group` - same as `foxy-collection-page[group]`;\n   * - `href` – collection page item's `_links.self.href` value;\n   * - `lang` – same as `foxy-collection-page[lang]`;\n   *\n   * Render function will receive `ItemRendererContext` in the first argument.\n   */\n  get item(): string | ItemRenderer<ExtractItem<TPage>> {\n    return this.__item;\n  }\n\n  set item(value: string | ItemRenderer<ExtractItem<TPage>>) {\n    if (typeof value === 'string') {\n      this.__renderItem = new Function(\n        'ctx',\n        `return ctx.html\\`\n          <${value}\n            disabledcontrols=\\${ctx.disabledControls.toString()}\n            readonlycontrols=\\${ctx.readonlyControls.toString()}\n            hiddencontrols=\\${ctx.hiddenControls.toString()}\n            data-testclass=\"items\"\n            parent=\\${ctx.parent}\n            group=\\${ctx.group}\n            href=\\${ctx.href}\n            lang=\\${ctx.lang}\n            ns=\"\\${ctx.ns} $\\{customElements.get('${value}')?.defaultNS ?? ''}\"\n            ?disabled=\\${ctx.disabled}\n            ?readonly=\\${ctx.readonly}\n            ?hidden=\\${ctx.hidden}\n            .templates=\\${ctx.templates}\n            ...=\\${ctx.spread(ctx.props)}\n          >\n          </${value}>\\``\n      ) as ItemRenderer;\n    } else {\n      this.__renderItem = value;\n    }\n\n    this.__item = value;\n    this.requestUpdate();\n  }\n\n  /** @readonly */\n  createRenderRoot(): HTMLElement {\n    return this;\n  }\n\n  /** @readonly */\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.addEventListener('fetch', this.__pageFetchEventHandler);\n  }\n\n  /** @readonly */\n  render(): TemplateResult {\n    type RepeatItem = { key: string; href: string; data: ExtractItem<TPage> | null };\n    const items: RepeatItem[] = this.__items.map(item => ({\n      key: item._links.self.href,\n      href: item._links.self.href,\n      data: item,\n    }));\n\n    if (this.in('busy')) {\n      items.push({ key: 'stalled', href: 'foxy://collection-page/stall', data: null });\n    } else if (this.in('fail')) {\n      items.push({ key: 'failed', href: 'foxy://collection-page/fail', data: null });\n    } else if (this.in({ idle: 'template' }) || this.__items.length === 0) {\n      items.push({ key: 'empty', href: '', data: null });\n    }\n\n    return html`${repeat(\n      items,\n      item => item.key,\n      (item, index) =>\n        this.__renderItem?.({\n          disabledControls: this.disabledControls,\n          readonlyControls: this.readonlyControls,\n          hiddenControls: this.hiddenControls,\n          templates: this.templates,\n          disabled: this.disabled,\n          readonly: this.readonly,\n          previous: items[index - 1]?.data ?? null,\n          hidden: this.hidden,\n          parent: this.href,\n          spread: spread,\n          props: this.props,\n          group: this.group,\n          lang: this.lang,\n          data: item.data,\n          href: item.href,\n          next: items[index + 1]?.data ?? null,\n          ns: this.ns,\n          html,\n        })\n    )}`;\n  }\n\n  /** @readonly */\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.removeEventListener('fetch', this.__pageFetchEventHandler);\n  }\n\n  private get __items(): ExtractItem<TPage>[] {\n    return Array.from(Object.values(this.form?._embedded ?? {}) as any[]).reduce(\n      (p, c) => [...p, ...c],\n      [] as ExtractItem<TPage>[]\n    );\n  }\n\n  private __handlePageFetchEvent(event: unknown) {\n    if (!(event instanceof FetchEvent) || event.target === this) return;\n    const { method, url } = event.request;\n\n    if (method !== 'GET') return;\n    if (url === 'foxy://collection-page/stall') return this.__stallRequest(event);\n    if (url === 'foxy://collection-page/fail') return this.__failRequest(event);\n  }\n\n  private __stallRequest(event: FetchEvent) {\n    event.stopImmediatePropagation();\n    event.respondWith(new Promise(() => void 0));\n  }\n\n  private __failRequest(event: FetchEvent) {\n    event.stopImmediatePropagation();\n    event.respondWith(Promise.resolve(new Response(null, { status: 500 })));\n  }\n}\n\nexport * from './types';\n"]}

package/dist/elements/public/CollectionPage/types.d.ts

@@ -16,6 +16,7 @@ export declare type ItemRendererContext<TItem extends HALJSONResource = HALJSONR
     templates: Partial<Record<string, Renderer<any>>>;
     readonly: boolean;
     disabled: boolean;
+    previous: TItem | null;
     hidden: boolean;
     parent: string;
     spread: typeof spread;
@@ -25,6 +26,7 @@ export declare type ItemRendererContext<TItem extends HALJSONResource = HALJSONR
     lang: string;
     href: string;
     data: TItem | null;
+    next: TItem | null;
     ns: string;
 };
 export declare type ItemRenderer<TItem extends HALJSONResource = HALJSONResource> = (ctx: ItemRendererContext<TItem>) => TemplateResult;

package/dist/elements/public/CollectionPage/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/CollectionPage/types.ts"],"names":[],"mappings":"","sourcesContent":["import { TemplateResult, html } from 'lit-html';\n\nimport { BooleanSelector } from '@foxy.io/sdk/core';\nimport { HALJSONResource } from '../NucleonElement/types';\nimport { Renderer } from '../../../mixins/configurable';\nimport { spread } from '@open-wc/lit-helpers';\n\nexport type Page = HALJSONResource & { _embedded: Record<string, HALJSONResource[]> };\nexport type ExtractItem<T> = T extends { _embedded: Record<string, (infer U)[]> } ? U : never;\n\nexport type ItemRendererContext<TItem extends HALJSONResource = HALJSONResource> = {\n  readonlyControls: BooleanSelector;\n  disabledControls: BooleanSelector;\n  hiddenControls: BooleanSelector;\n  templates: Partial<Record<string, Renderer<any>>>;\n  readonly: boolean;\n  disabled: boolean;\n  hidden: boolean;\n  parent: string;\n  spread: typeof spread;\n  props: Record<string, unknown>;\n  group: string;\n  html: typeof html;\n  lang: string;\n  href: string;\n  data: TItem | null;\n  ns: string;\n};\n\nexport type ItemRenderer<TItem extends HALJSONResource = HALJSONResource> = (\n  ctx: ItemRendererContext<TItem>\n) => TemplateResult;\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/CollectionPage/types.ts"],"names":[],"mappings":"","sourcesContent":["import { TemplateResult, html } from 'lit-html';\n\nimport { BooleanSelector } from '@foxy.io/sdk/core';\nimport { HALJSONResource } from '../NucleonElement/types';\nimport { Renderer } from '../../../mixins/configurable';\nimport { spread } from '@open-wc/lit-helpers';\n\nexport type Page = HALJSONResource & { _embedded: Record<string, HALJSONResource[]> };\nexport type ExtractItem<T> = T extends { _embedded: Record<string, (infer U)[]> } ? U : never;\n\nexport type ItemRendererContext<TItem extends HALJSONResource = HALJSONResource> = {\n  readonlyControls: BooleanSelector;\n  disabledControls: BooleanSelector;\n  hiddenControls: BooleanSelector;\n  templates: Partial<Record<string, Renderer<any>>>;\n  readonly: boolean;\n  disabled: boolean;\n  previous: TItem | null;\n  hidden: boolean;\n  parent: string;\n  spread: typeof spread;\n  props: Record<string, unknown>;\n  group: string;\n  html: typeof html;\n  lang: string;\n  href: string;\n  data: TItem | null;\n  next: TItem | null;\n  ns: string;\n};\n\nexport type ItemRenderer<TItem extends HALJSONResource = HALJSONResource> = (\n  ctx: ItemRendererContext<TItem>\n) => TemplateResult;\n"]}

package/dist/elements/public/CouponCard/CouponCard.js

@@ -58,7 +58,7 @@ export class CouponCard extends Base {
     `;
     }
     __renderTitle() {
-        var _a, _b, _c, _d, _e;
+        var _a, _b, _c, _d, _e, _f;
         const count = (_b = (_a = this.data) === null || _a === void 0 ? void 0 : _a.number_of_uses_to_date) !== null && _b !== void 0 ? _b : 0;
         const total = (_d = (_c = this.data) === null || _c === void 0 ? void 0 : _c.number_of_uses_allowed) !== null && _d !== void 0 ? _d : 0;
         return html `
@@ -66,7 +66,7 @@ export class CouponCard extends Base {
         ${this.renderTemplateOrSlot('title:before')}
 
         <div class="flex items-center justify-between">
-          <div class="font-semibold truncate">${(_e = this.data) === null || _e === void 0 ? void 0 : _e.name}</div>
+          <div class="font-semibold truncate">${(_f = (_e = this.data) === null || _e === void 0 ? void 0 : _e.name) !== null && _f !== void 0 ? _f : html `&ZeroWidthSpace;`}</div>
 
           <foxy-i18n
             options=${JSON.stringify({ count, total })}