diff --git a/fragment.json b/fragment.json new file mode 100644 index 000000000..e0c402430 --- /dev/null +++ b/fragment.json @@ -0,0 +1,2916 @@ +{ + "path": "/content/dam/mas/sandbox/en_US/ilyas-test-compare-chart", + "title": "Ilyas Test Compare Chart", + "description": "Compare chart description", + "id": "9fcc906c-fc60-4652-a2c8-1af12c8fbed9", + "created": { + "at": "2026-03-23T13:14:07.444Z", + "by": "ilyas@adobe.com", + "fullName": "Ilyas Stephane Turkben" + }, + "modified": { + "at": "2026-03-24T19:55:14.166Z", + "by": "ilyas@adobe.com", + "fullName": "Ilyas Stephane Turkben" + }, + "published": { + "at": "2026-03-24T21:47:24.339Z", + "by": "ilyas@adobe.com", + "fullName": "Ilyas Stephane Turkben" + }, + "status": "PUBLISHED", + "previewReplicationStatus": "NEVER_PUBLISHED", + "fields": [ + { + "name": "label", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "navigationLabel", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "queryLabel", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "icon", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "iconLight", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "cards", + "type": "content-fragment", + "multiple": true, + "locked": false, + "values": [ + "/content/dam/mas/sandbox/en_US/new-compare-card-4-9x1w", + "/content/dam/mas/sandbox/en_US/new-compare-card-3-gbqh", + "/content/dam/mas/sandbox/en_US/new-compare-card-2-t4gp", + "/content/dam/mas/sandbox/en_US/new-compare-card-1-dp3i" + ] + }, + { + "name": "collections", + "type": "content-fragment", + "multiple": true, + "locked": false, + "values": [] + }, + { + "name": "originalId", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "defaultchild", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "variations", + "type": "content-fragment", + "multiple": true, + "locked": false, + "values": [] + }, + { + "name": "searchText", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "tagFiltersTitle", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "tagFilters", + "type": "tag", + "multiple": true, + "locked": false, + "values": [] + }, + { + "name": "linksTitle", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "link", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "linkText", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "linkIcon", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "compareChart", + "type": "long-text", + "multiple": false, + "locked": false, + "mimeType": "text/plain", + "values": [ + "
Adobe Photoshop on desktop
Adobe Photoshop on web and mobile
Best for
Individuals
Individuals
Individuals
Individuals
7-day free trial
Premium creative AI video and audio features
Access using generative credits
Access using generative credits
Price
Regularly at Alternatively at for the first 3 months. Annual, billed monthly.
Cloud storage
100GB
100GB
1TB
100GB
25 monthly
4,000 monthly
1,000 monthly
4,000 monthly
Standard creative AI image and vector features
Access using generative credits
Unlimited
Access using generative credits
Unlimited
Adobe Express Premium plan
Lightroom
20+ desktop and mobile apps
20,000+ fonts
1 million+ free photos, drawings, video clips, audio clips, and templates
Tutorials
" + ] + }, + { + "name": "locReady", + "type": "boolean", + "multiple": false, + "locked": false, + "values": [] + } + ], + "variations": [], + "tags": [], + "references": [ + { + "name": "new-compare-card-1-dp3i", + "fieldName": "cards", + "type": "content-fragment", + "title": "Creative Cloud Pro", + "path": "/content/dam/mas/sandbox/en_US/new-compare-card-1-dp3i", + "created": { + "at": "2026-03-23T16:01:48.763Z", + "by": "ilyas@adobe.com", + "fullName": "Ilyas Stephane Turkben" + }, + "modified": { + "at": "2026-03-24T20:16:09.713Z", + "by": "ilyas@adobe.com", + "fullName": "Ilyas Stephane Turkben" + }, + "published": { + "at": "2026-03-24T21:47:24.339Z", + "by": "ilyas@adobe.com", + "fullName": "Ilyas Stephane Turkben" + }, + "status": "PUBLISHED", + "previewReplicationStatus": "NEVER_PUBLISHED", + "id": "2c91c10d-f869-4dbf-9f8c-723ff259b737", + "references": [], + "model": { + "id": "L2NvbmYvbWFzL3NldHRpbmdzL2RhbS9jZm0vbW9kZWxzL2NhcmQ", + "path": "/conf/mas/settings/dam/cfm/models/card", + "name": "Card", + "title": "Card", + "description": "universal m@s card model" + }, + "description": "Creative Cloud Pro compare plan card", + "fields": [ + { + "name": "variant", + "type": "text", + "multiple": false, + "locked": false, + "values": ["mini-compare-chart"] + }, + { + "name": "osi", + "type": "text", + "multiple": false, + "locked": false, + "values": ["r_JXAnlFI7xD6FxWKl2ODvZriLYBoSL701Kd1hRyhe8"] + }, + { + "name": "size", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "mnemonicIcon", + "type": "text", + "multiple": true, + "locked": false, + "values": ["https://www.adobe.com/cc-shared/assets/img/product-icons/svg/creative-cloud.svg"] + }, + { + "name": "mnemonicAlt", + "type": "text", + "multiple": true, + "locked": false, + "values": ["Creative Cloud Product Icon"] + }, + { + "name": "mnemonicLink", + "type": "text", + "multiple": true, + "locked": false, + "values": [""] + }, + { + "name": "badge", + "type": "long-text", + "multiple": false, + "locked": false, + "mimeType": "text/html", + "values": [ + "Save " + ] + }, + { + "name": "trialBadge", + "type": "long-text", + "multiple": false, + "locked": false, + "mimeType": "text/html", + "values": [] + }, + { + "name": "backgroundColor", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "borderColor", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "backgroundImage", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "backgroundImageAltText", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "cardTitle", + "type": "text", + "multiple": false, + "locked": false, + "values": ["Creative Cloud Pro"] + }, + { + "name": "cardName", + "type": "text", + "multiple": false, + "locked": false, + "values": ["Creative Cloud Pro"] + }, + { + "name": "cardTitleLink", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "subtitle", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "prices", + "type": "long-text", + "multiple": false, + "locked": false, + "mimeType": "text/html", + "values": [ + "

" + ] + }, + { + "name": "shortDescription", + "type": "long-text", + "multiple": false, + "locked": false, + "mimeType": "text/html", + "values": [] + }, + { + "name": "promoText", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "promoCode", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "description", + "type": "long-text", + "multiple": false, + "locked": false, + "mimeType": "text/html", + "values": [ + "

Save 50% for the first 3 months. Get Photoshop and 20+ apps. New subscribers only. See terms.

" + ] + }, + { + "name": "callout", + "type": "long-text", + "multiple": false, + "locked": false, + "mimeType": "text/html", + "values": [] + }, + { + "name": "showSecureLabel", + "type": "boolean", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "showPlanType", + "type": "boolean", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "quantitySelect", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "addon", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "addonConfirmation", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "ctas", + "type": "long-text", + "multiple": false, + "locked": false, + "mimeType": "text/html", + "values": [ + "

Free trial

Buy now

" + ] + }, + { + "name": "variations", + "type": "content-fragment", + "multiple": true, + "locked": false, + "values": [] + }, + { + "name": "product", + "type": "content-reference", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "whatsIncluded", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "tags", + "type": "tag", + "multiple": true, + "locked": false, + "values": [ + "mas:offer_type/base", + "mas:plan_type/abm", + "mas:customer_segment/individual", + "mas:product_code/cces", + "mas:market_segments/com" + ] + }, + { + "name": "pznTags", + "type": "tag", + "multiple": true, + "locked": false, + "values": [] + }, + { + "name": "perUnitLabel", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "originalId", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "locReady", + "type": "boolean", + "multiple": false, + "locked": false, + "values": [] + } + ], + "variations": [], + "tags": [ + { + "id": "mas:offer_type/base", + "title": "Base", + "i18n": [], + "titlePath": "Merch at Scale : Offer type / Base", + "name": "base", + "path": "/content/cq:tags/mas/offer_type/base" + }, + { + "id": "mas:product_code/cces", + "title": "Creative Cloud Individual Extra Storage", + "i18n": [], + "titlePath": "Merch at Scale : Product code / Creative Cloud Individual Extra Storage", + "name": "cces", + "path": "/content/cq:tags/mas/product_code/cces", + "description": "" + }, + { + "id": "mas:market_segments/com", + "title": "COM", + "i18n": [], + "titlePath": "Merch at Scale : Market segments / COM", + "name": "com", + "path": "/content/cq:tags/mas/market_segments/com", + "description": "" + }, + { + "id": "mas:plan_type/abm", + "title": "ABM", + "i18n": [], + "titlePath": "Merch at Scale : Plan type / ABM", + "name": "abm", + "path": "/content/cq:tags/mas/plan_type/abm", + "description": "" + }, + { + "id": "mas:customer_segment/individual", + "title": "Individual", + "i18n": [], + "titlePath": "Merch at Scale : Customer segment / Individual", + "name": "individual", + "path": "/content/cq:tags/mas/customer_segment/individual" + } + ] + }, + { + "name": "new-compare-card-1-dp3i", + "fieldName": "compareChart", + "type": "content-fragment", + "title": "Creative Cloud Pro", + "path": "/content/dam/mas/sandbox/en_US/new-compare-card-1-dp3i", + "created": { + "at": "2026-03-23T16:01:48.763Z", + "by": "ilyas@adobe.com", + "fullName": "Ilyas Stephane Turkben" + }, + "modified": { + "at": "2026-03-24T20:16:09.713Z", + "by": "ilyas@adobe.com", + "fullName": "Ilyas Stephane Turkben" + }, + "published": { + "at": "2026-03-24T21:47:24.339Z", + "by": "ilyas@adobe.com", + "fullName": "Ilyas Stephane Turkben" + }, + "status": "PUBLISHED", + "previewReplicationStatus": "NEVER_PUBLISHED", + "id": "2c91c10d-f869-4dbf-9f8c-723ff259b737", + "references": [], + "model": { + "id": "L2NvbmYvbWFzL3NldHRpbmdzL2RhbS9jZm0vbW9kZWxzL2NhcmQ", + "path": "/conf/mas/settings/dam/cfm/models/card", + "name": "Card", + "title": "Card", + "description": "universal m@s card model" + }, + "description": "Creative Cloud Pro compare plan card", + "fields": [ + { + "name": "variant", + "type": "text", + "multiple": false, + "locked": false, + "values": ["mini-compare-chart"] + }, + { + "name": "osi", + "type": "text", + "multiple": false, + "locked": false, + "values": ["r_JXAnlFI7xD6FxWKl2ODvZriLYBoSL701Kd1hRyhe8"] + }, + { + "name": "size", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "mnemonicIcon", + "type": "text", + "multiple": true, + "locked": false, + "values": ["https://www.adobe.com/cc-shared/assets/img/product-icons/svg/creative-cloud.svg"] + }, + { + "name": "mnemonicAlt", + "type": "text", + "multiple": true, + "locked": false, + "values": ["Creative Cloud Product Icon"] + }, + { + "name": "mnemonicLink", + "type": "text", + "multiple": true, + "locked": false, + "values": [""] + }, + { + "name": "badge", + "type": "long-text", + "multiple": false, + "locked": false, + "mimeType": "text/html", + "values": [ + "Save " + ] + }, + { + "name": "trialBadge", + "type": "long-text", + "multiple": false, + "locked": false, + "mimeType": "text/html", + "values": [] + }, + { + "name": "backgroundColor", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "borderColor", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "backgroundImage", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "backgroundImageAltText", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "cardTitle", + "type": "text", + "multiple": false, + "locked": false, + "values": ["Creative Cloud Pro"] + }, + { + "name": "cardName", + "type": "text", + "multiple": false, + "locked": false, + "values": ["Creative Cloud Pro"] + }, + { + "name": "cardTitleLink", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "subtitle", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "prices", + "type": "long-text", + "multiple": false, + "locked": false, + "mimeType": "text/html", + "values": [ + "

" + ] + }, + { + "name": "shortDescription", + "type": "long-text", + "multiple": false, + "locked": false, + "mimeType": "text/html", + "values": [] + }, + { + "name": "promoText", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "promoCode", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "description", + "type": "long-text", + "multiple": false, + "locked": false, + "mimeType": "text/html", + "values": [ + "

Save 50% for the first 3 months. Get Photoshop and 20+ apps. New subscribers only. See terms.

" + ] + }, + { + "name": "callout", + "type": "long-text", + "multiple": false, + "locked": false, + "mimeType": "text/html", + "values": [] + }, + { + "name": "showSecureLabel", + "type": "boolean", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "showPlanType", + "type": "boolean", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "quantitySelect", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "addon", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "addonConfirmation", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "ctas", + "type": "long-text", + "multiple": false, + "locked": false, + "mimeType": "text/html", + "values": [ + "

Free trial

Buy now

" + ] + }, + { + "name": "variations", + "type": "content-fragment", + "multiple": true, + "locked": false, + "values": [] + }, + { + "name": "product", + "type": "content-reference", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "whatsIncluded", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "tags", + "type": "tag", + "multiple": true, + "locked": false, + "values": [ + "mas:offer_type/base", + "mas:plan_type/abm", + "mas:customer_segment/individual", + "mas:product_code/cces", + "mas:market_segments/com" + ] + }, + { + "name": "pznTags", + "type": "tag", + "multiple": true, + "locked": false, + "values": [] + }, + { + "name": "perUnitLabel", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "originalId", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "locReady", + "type": "boolean", + "multiple": false, + "locked": false, + "values": [] + } + ], + "variations": [], + "tags": [ + { + "id": "mas:offer_type/base", + "title": "Base", + "i18n": [], + "titlePath": "Merch at Scale : Offer type / Base", + "name": "base", + "path": "/content/cq:tags/mas/offer_type/base" + }, + { + "id": "mas:product_code/cces", + "title": "Creative Cloud Individual Extra Storage", + "i18n": [], + "titlePath": "Merch at Scale : Product code / Creative Cloud Individual Extra Storage", + "name": "cces", + "path": "/content/cq:tags/mas/product_code/cces", + "description": "" + }, + { + "id": "mas:market_segments/com", + "title": "COM", + "i18n": [], + "titlePath": "Merch at Scale : Market segments / COM", + "name": "com", + "path": "/content/cq:tags/mas/market_segments/com", + "description": "" + }, + { + "id": "mas:plan_type/abm", + "title": "ABM", + "i18n": [], + "titlePath": "Merch at Scale : Plan type / ABM", + "name": "abm", + "path": "/content/cq:tags/mas/plan_type/abm", + "description": "" + }, + { + "id": "mas:customer_segment/individual", + "title": "Individual", + "i18n": [], + "titlePath": "Merch at Scale : Customer segment / Individual", + "name": "individual", + "path": "/content/cq:tags/mas/customer_segment/individual" + } + ] + }, + { + "name": "new-compare-card-2-t4gp", + "fieldName": "cards", + "type": "content-fragment", + "title": "Photography", + "path": "/content/dam/mas/sandbox/en_US/new-compare-card-2-t4gp", + "created": { + "at": "2026-03-23T16:08:30.877Z", + "by": "ilyas@adobe.com", + "fullName": "Ilyas Stephane Turkben" + }, + "modified": { + "at": "2026-03-24T20:16:06.928Z", + "by": "ilyas@adobe.com", + "fullName": "Ilyas Stephane Turkben" + }, + "published": { + "at": "2026-03-24T21:47:24.339Z", + "by": "ilyas@adobe.com", + "fullName": "Ilyas Stephane Turkben" + }, + "status": "PUBLISHED", + "previewReplicationStatus": "NEVER_PUBLISHED", + "id": "22515abd-bb64-4756-a2f8-1f8d0ba0ff83", + "references": [], + "model": { + "id": "L2NvbmYvbWFzL3NldHRpbmdzL2RhbS9jZm0vbW9kZWxzL2NhcmQ", + "path": "/conf/mas/settings/dam/cfm/models/card", + "name": "Card", + "title": "Card", + "description": "universal m@s card model" + }, + "description": "Photography compare plan card", + "fields": [ + { + "name": "variant", + "type": "text", + "multiple": false, + "locked": false, + "values": ["mini-compare-chart"] + }, + { + "name": "osi", + "type": "text", + "multiple": false, + "locked": false, + "values": ["MzCpF9nUi8rEzyW-9slEUwtRenS69PRW5fp84a93uK4"] + }, + { + "name": "size", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "mnemonicIcon", + "type": "text", + "multiple": true, + "locked": false, + "values": [ + "https://www.adobe.com/cc-shared/assets/img/product-icons/svg/photoshop.svg", + "https://www.adobe.com/cc-shared/assets/img/product-icons/svg/lightroom.svg" + ] + }, + { + "name": "mnemonicAlt", + "type": "text", + "multiple": true, + "locked": false, + "values": ["Photoshop Product Icon", "Lightroom Product Icon"] + }, + { + "name": "mnemonicLink", + "type": "text", + "multiple": true, + "locked": false, + "values": ["", ""] + }, + { + "name": "badge", + "type": "long-text", + "multiple": false, + "locked": false, + "mimeType": "text/html", + "values": [] + }, + { + "name": "trialBadge", + "type": "long-text", + "multiple": false, + "locked": false, + "mimeType": "text/html", + "values": [] + }, + { + "name": "backgroundColor", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "borderColor", + "type": "text", + "multiple": false, + "locked": false, + "values": ["Default"] + }, + { + "name": "backgroundImage", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "backgroundImageAltText", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "cardTitle", + "type": "text", + "multiple": false, + "locked": false, + "values": ["Photography"] + }, + { + "name": "cardName", + "type": "text", + "multiple": false, + "locked": false, + "values": ["Photography"] + }, + { + "name": "cardTitleLink", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "subtitle", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "prices", + "type": "long-text", + "multiple": false, + "locked": false, + "mimeType": "text/html", + "values": [ + "

" + ] + }, + { + "name": "shortDescription", + "type": "long-text", + "multiple": false, + "locked": false, + "mimeType": "text/html", + "values": [] + }, + { + "name": "promoText", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "promoCode", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "description", + "type": "long-text", + "multiple": false, + "locked": false, + "mimeType": "text/html", + "values": ["

Photoshop on desktop, web, and mobile, plus Lightroom.

"] + }, + { + "name": "callout", + "type": "long-text", + "multiple": false, + "locked": false, + "mimeType": "text/html", + "values": [] + }, + { + "name": "showSecureLabel", + "type": "boolean", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "showPlanType", + "type": "boolean", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "quantitySelect", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "addon", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "addonConfirmation", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "ctas", + "type": "long-text", + "multiple": false, + "locked": false, + "mimeType": "text/html", + "values": [ + "

Free trial

Buy now

" + ] + }, + { + "name": "variations", + "type": "content-fragment", + "multiple": true, + "locked": false, + "values": [] + }, + { + "name": "product", + "type": "content-reference", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "whatsIncluded", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "tags", + "type": "tag", + "multiple": true, + "locked": false, + "values": [ + "mas:offer_type/base", + "mas:plan_type/abm", + "mas:customer_segment/individual", + "mas:product_code/ples", + "mas:market_segments/com" + ] + }, + { + "name": "pznTags", + "type": "tag", + "multiple": true, + "locked": false, + "values": [] + }, + { + "name": "perUnitLabel", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "originalId", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "locReady", + "type": "boolean", + "multiple": false, + "locked": false, + "values": [] + } + ], + "variations": [], + "tags": [ + { + "id": "mas:offer_type/base", + "title": "Base", + "i18n": [], + "titlePath": "Merch at Scale : Offer type / Base", + "name": "base", + "path": "/content/cq:tags/mas/offer_type/base" + }, + { + "id": "mas:product_code/ples", + "title": "Photoshop Lightrm Bundle (1TB)", + "i18n": [], + "titlePath": "Merch at Scale : Product code / Photoshop Lightrm Bundle (1TB)", + "name": "ples", + "path": "/content/cq:tags/mas/product_code/ples", + "description": "" + }, + { + "id": "mas:market_segments/com", + "title": "COM", + "i18n": [], + "titlePath": "Merch at Scale : Market segments / COM", + "name": "com", + "path": "/content/cq:tags/mas/market_segments/com", + "description": "" + }, + { + "id": "mas:plan_type/abm", + "title": "ABM", + "i18n": [], + "titlePath": "Merch at Scale : Plan type / ABM", + "name": "abm", + "path": "/content/cq:tags/mas/plan_type/abm", + "description": "" + }, + { + "id": "mas:customer_segment/individual", + "title": "Individual", + "i18n": [], + "titlePath": "Merch at Scale : Customer segment / Individual", + "name": "individual", + "path": "/content/cq:tags/mas/customer_segment/individual" + } + ] + }, + { + "name": "new-compare-card-2-t4gp", + "fieldName": "compareChart", + "type": "content-fragment", + "title": "Photography", + "path": "/content/dam/mas/sandbox/en_US/new-compare-card-2-t4gp", + "created": { + "at": "2026-03-23T16:08:30.877Z", + "by": "ilyas@adobe.com", + "fullName": "Ilyas Stephane Turkben" + }, + "modified": { + "at": "2026-03-24T20:16:06.928Z", + "by": "ilyas@adobe.com", + "fullName": "Ilyas Stephane Turkben" + }, + "published": { + "at": "2026-03-24T21:47:24.339Z", + "by": "ilyas@adobe.com", + "fullName": "Ilyas Stephane Turkben" + }, + "status": "PUBLISHED", + "previewReplicationStatus": "NEVER_PUBLISHED", + "id": "22515abd-bb64-4756-a2f8-1f8d0ba0ff83", + "references": [], + "model": { + "id": "L2NvbmYvbWFzL3NldHRpbmdzL2RhbS9jZm0vbW9kZWxzL2NhcmQ", + "path": "/conf/mas/settings/dam/cfm/models/card", + "name": "Card", + "title": "Card", + "description": "universal m@s card model" + }, + "description": "Photography compare plan card", + "fields": [ + { + "name": "variant", + "type": "text", + "multiple": false, + "locked": false, + "values": ["mini-compare-chart"] + }, + { + "name": "osi", + "type": "text", + "multiple": false, + "locked": false, + "values": ["MzCpF9nUi8rEzyW-9slEUwtRenS69PRW5fp84a93uK4"] + }, + { + "name": "size", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "mnemonicIcon", + "type": "text", + "multiple": true, + "locked": false, + "values": [ + "https://www.adobe.com/cc-shared/assets/img/product-icons/svg/photoshop.svg", + "https://www.adobe.com/cc-shared/assets/img/product-icons/svg/lightroom.svg" + ] + }, + { + "name": "mnemonicAlt", + "type": "text", + "multiple": true, + "locked": false, + "values": ["Photoshop Product Icon", "Lightroom Product Icon"] + }, + { + "name": "mnemonicLink", + "type": "text", + "multiple": true, + "locked": false, + "values": ["", ""] + }, + { + "name": "badge", + "type": "long-text", + "multiple": false, + "locked": false, + "mimeType": "text/html", + "values": [] + }, + { + "name": "trialBadge", + "type": "long-text", + "multiple": false, + "locked": false, + "mimeType": "text/html", + "values": [] + }, + { + "name": "backgroundColor", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "borderColor", + "type": "text", + "multiple": false, + "locked": false, + "values": ["Default"] + }, + { + "name": "backgroundImage", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "backgroundImageAltText", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "cardTitle", + "type": "text", + "multiple": false, + "locked": false, + "values": ["Photography"] + }, + { + "name": "cardName", + "type": "text", + "multiple": false, + "locked": false, + "values": ["Photography"] + }, + { + "name": "cardTitleLink", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "subtitle", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "prices", + "type": "long-text", + "multiple": false, + "locked": false, + "mimeType": "text/html", + "values": [ + "

" + ] + }, + { + "name": "shortDescription", + "type": "long-text", + "multiple": false, + "locked": false, + "mimeType": "text/html", + "values": [] + }, + { + "name": "promoText", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "promoCode", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "description", + "type": "long-text", + "multiple": false, + "locked": false, + "mimeType": "text/html", + "values": ["

Photoshop on desktop, web, and mobile, plus Lightroom.

"] + }, + { + "name": "callout", + "type": "long-text", + "multiple": false, + "locked": false, + "mimeType": "text/html", + "values": [] + }, + { + "name": "showSecureLabel", + "type": "boolean", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "showPlanType", + "type": "boolean", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "quantitySelect", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "addon", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "addonConfirmation", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "ctas", + "type": "long-text", + "multiple": false, + "locked": false, + "mimeType": "text/html", + "values": [ + "

Free trial

Buy now

" + ] + }, + { + "name": "variations", + "type": "content-fragment", + "multiple": true, + "locked": false, + "values": [] + }, + { + "name": "product", + "type": "content-reference", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "whatsIncluded", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "tags", + "type": "tag", + "multiple": true, + "locked": false, + "values": [ + "mas:offer_type/base", + "mas:plan_type/abm", + "mas:customer_segment/individual", + "mas:product_code/ples", + "mas:market_segments/com" + ] + }, + { + "name": "pznTags", + "type": "tag", + "multiple": true, + "locked": false, + "values": [] + }, + { + "name": "perUnitLabel", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "originalId", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "locReady", + "type": "boolean", + "multiple": false, + "locked": false, + "values": [] + } + ], + "variations": [], + "tags": [ + { + "id": "mas:offer_type/base", + "title": "Base", + "i18n": [], + "titlePath": "Merch at Scale : Offer type / Base", + "name": "base", + "path": "/content/cq:tags/mas/offer_type/base" + }, + { + "id": "mas:product_code/ples", + "title": "Photoshop Lightrm Bundle (1TB)", + "i18n": [], + "titlePath": "Merch at Scale : Product code / Photoshop Lightrm Bundle (1TB)", + "name": "ples", + "path": "/content/cq:tags/mas/product_code/ples", + "description": "" + }, + { + "id": "mas:market_segments/com", + "title": "COM", + "i18n": [], + "titlePath": "Merch at Scale : Market segments / COM", + "name": "com", + "path": "/content/cq:tags/mas/market_segments/com", + "description": "" + }, + { + "id": "mas:plan_type/abm", + "title": "ABM", + "i18n": [], + "titlePath": "Merch at Scale : Plan type / ABM", + "name": "abm", + "path": "/content/cq:tags/mas/plan_type/abm", + "description": "" + }, + { + "id": "mas:customer_segment/individual", + "title": "Individual", + "i18n": [], + "titlePath": "Merch at Scale : Customer segment / Individual", + "name": "individual", + "path": "/content/cq:tags/mas/customer_segment/individual" + } + ] + }, + { + "name": "new-compare-card-3-gbqh", + "fieldName": "cards", + "type": "content-fragment", + "title": "Firefly Pro", + "path": "/content/dam/mas/sandbox/en_US/new-compare-card-3-gbqh", + "created": { + "at": "2026-03-23T16:24:39.216Z", + "by": "ilyas@adobe.com", + "fullName": "Ilyas Stephane Turkben" + }, + "modified": { + "at": "2026-03-24T19:57:15.974Z", + "by": "ilyas@adobe.com", + "fullName": "Ilyas Stephane Turkben" + }, + "published": { + "at": "2026-03-24T21:47:24.339Z", + "by": "ilyas@adobe.com", + "fullName": "Ilyas Stephane Turkben" + }, + "status": "PUBLISHED", + "previewReplicationStatus": "NEVER_PUBLISHED", + "id": "8a5cf2fe-67e4-47ab-8864-38c0fe58ede7", + "references": [], + "model": { + "id": "L2NvbmYvbWFzL3NldHRpbmdzL2RhbS9jZm0vbW9kZWxzL2NhcmQ", + "path": "/conf/mas/settings/dam/cfm/models/card", + "name": "Card", + "title": "Card", + "description": "universal m@s card model" + }, + "description": "Firefly Pro compare plan card", + "fields": [ + { + "name": "variant", + "type": "text", + "multiple": false, + "locked": false, + "values": ["mini-compare-chart"] + }, + { + "name": "osi", + "type": "text", + "multiple": false, + "locked": false, + "values": ["msg4m1782IVpeTz8mHd_P_0GG3OSG7XS932oW-7EGuM"] + }, + { + "name": "size", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "mnemonicIcon", + "type": "text", + "multiple": true, + "locked": false, + "values": ["https://www.adobe.com/cc-shared/assets/img/product-icons/svg/firefly.svg"] + }, + { + "name": "mnemonicAlt", + "type": "text", + "multiple": true, + "locked": false, + "values": ["Firefly Product Icon"] + }, + { + "name": "mnemonicLink", + "type": "text", + "multiple": true, + "locked": false, + "values": [""] + }, + { + "name": "badge", + "type": "long-text", + "multiple": false, + "locked": false, + "mimeType": "text/html", + "values": [] + }, + { + "name": "trialBadge", + "type": "long-text", + "multiple": false, + "locked": false, + "mimeType": "text/html", + "values": [] + }, + { + "name": "backgroundColor", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "borderColor", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "backgroundImage", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "backgroundImageAltText", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "cardTitle", + "type": "text", + "multiple": false, + "locked": false, + "values": ["Firefly Pro"] + }, + { + "name": "cardName", + "type": "text", + "multiple": false, + "locked": false, + "values": ["Firefly Pro"] + }, + { + "name": "cardTitleLink", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "subtitle", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "prices", + "type": "long-text", + "multiple": false, + "locked": false, + "mimeType": "text/html", + "values": [ + "

" + ] + }, + { + "name": "shortDescription", + "type": "long-text", + "multiple": false, + "locked": false, + "mimeType": "text/html", + "values": [] + }, + { + "name": "promoText", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "promoCode", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "description", + "type": "long-text", + "multiple": false, + "locked": false, + "mimeType": "text/html", + "values": ["

Get 4,000 credits for creative AI, plus Photoshop on web and mobile.

"] + }, + { + "name": "callout", + "type": "long-text", + "multiple": false, + "locked": false, + "mimeType": "text/html", + "values": [] + }, + { + "name": "showSecureLabel", + "type": "boolean", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "showPlanType", + "type": "boolean", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "quantitySelect", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "addon", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "addonConfirmation", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "ctas", + "type": "long-text", + "multiple": false, + "locked": false, + "mimeType": "text/html", + "values": [ + "

Free trial

Buy now

" + ] + }, + { + "name": "variations", + "type": "content-fragment", + "multiple": true, + "locked": false, + "values": [] + }, + { + "name": "product", + "type": "content-reference", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "whatsIncluded", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "tags", + "type": "tag", + "multiple": true, + "locked": false, + "values": [ + "mas:offer_type/base", + "mas:plan_type/abm", + "mas:customer_segment/individual", + "mas:product_code/ffpo", + "mas:market_segments/com" + ] + }, + { + "name": "pznTags", + "type": "tag", + "multiple": true, + "locked": false, + "values": [] + }, + { + "name": "perUnitLabel", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "originalId", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "locReady", + "type": "boolean", + "multiple": false, + "locked": false, + "values": [] + } + ], + "variations": [], + "tags": [] + }, + { + "name": "new-compare-card-3-gbqh", + "fieldName": "compareChart", + "type": "content-fragment", + "title": "Firefly Pro", + "path": "/content/dam/mas/sandbox/en_US/new-compare-card-3-gbqh", + "created": { + "at": "2026-03-23T16:24:39.216Z", + "by": "ilyas@adobe.com", + "fullName": "Ilyas Stephane Turkben" + }, + "modified": { + "at": "2026-03-24T19:57:15.974Z", + "by": "ilyas@adobe.com", + "fullName": "Ilyas Stephane Turkben" + }, + "published": { + "at": "2026-03-24T21:47:24.339Z", + "by": "ilyas@adobe.com", + "fullName": "Ilyas Stephane Turkben" + }, + "status": "PUBLISHED", + "previewReplicationStatus": "NEVER_PUBLISHED", + "id": "8a5cf2fe-67e4-47ab-8864-38c0fe58ede7", + "references": [], + "model": { + "id": "L2NvbmYvbWFzL3NldHRpbmdzL2RhbS9jZm0vbW9kZWxzL2NhcmQ", + "path": "/conf/mas/settings/dam/cfm/models/card", + "name": "Card", + "title": "Card", + "description": "universal m@s card model" + }, + "description": "Firefly Pro compare plan card", + "fields": [ + { + "name": "variant", + "type": "text", + "multiple": false, + "locked": false, + "values": ["mini-compare-chart"] + }, + { + "name": "osi", + "type": "text", + "multiple": false, + "locked": false, + "values": ["msg4m1782IVpeTz8mHd_P_0GG3OSG7XS932oW-7EGuM"] + }, + { + "name": "size", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "mnemonicIcon", + "type": "text", + "multiple": true, + "locked": false, + "values": ["https://www.adobe.com/cc-shared/assets/img/product-icons/svg/firefly.svg"] + }, + { + "name": "mnemonicAlt", + "type": "text", + "multiple": true, + "locked": false, + "values": ["Firefly Product Icon"] + }, + { + "name": "mnemonicLink", + "type": "text", + "multiple": true, + "locked": false, + "values": [""] + }, + { + "name": "badge", + "type": "long-text", + "multiple": false, + "locked": false, + "mimeType": "text/html", + "values": [] + }, + { + "name": "trialBadge", + "type": "long-text", + "multiple": false, + "locked": false, + "mimeType": "text/html", + "values": [] + }, + { + "name": "backgroundColor", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "borderColor", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "backgroundImage", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "backgroundImageAltText", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "cardTitle", + "type": "text", + "multiple": false, + "locked": false, + "values": ["Firefly Pro"] + }, + { + "name": "cardName", + "type": "text", + "multiple": false, + "locked": false, + "values": ["Firefly Pro"] + }, + { + "name": "cardTitleLink", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "subtitle", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "prices", + "type": "long-text", + "multiple": false, + "locked": false, + "mimeType": "text/html", + "values": [ + "

" + ] + }, + { + "name": "shortDescription", + "type": "long-text", + "multiple": false, + "locked": false, + "mimeType": "text/html", + "values": [] + }, + { + "name": "promoText", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "promoCode", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "description", + "type": "long-text", + "multiple": false, + "locked": false, + "mimeType": "text/html", + "values": ["

Get 4,000 credits for creative AI, plus Photoshop on web and mobile.

"] + }, + { + "name": "callout", + "type": "long-text", + "multiple": false, + "locked": false, + "mimeType": "text/html", + "values": [] + }, + { + "name": "showSecureLabel", + "type": "boolean", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "showPlanType", + "type": "boolean", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "quantitySelect", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "addon", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "addonConfirmation", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "ctas", + "type": "long-text", + "multiple": false, + "locked": false, + "mimeType": "text/html", + "values": [ + "

Free trial

Buy now

" + ] + }, + { + "name": "variations", + "type": "content-fragment", + "multiple": true, + "locked": false, + "values": [] + }, + { + "name": "product", + "type": "content-reference", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "whatsIncluded", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "tags", + "type": "tag", + "multiple": true, + "locked": false, + "values": [ + "mas:offer_type/base", + "mas:plan_type/abm", + "mas:customer_segment/individual", + "mas:product_code/ffpo", + "mas:market_segments/com" + ] + }, + { + "name": "pznTags", + "type": "tag", + "multiple": true, + "locked": false, + "values": [] + }, + { + "name": "perUnitLabel", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "originalId", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "locReady", + "type": "boolean", + "multiple": false, + "locked": false, + "values": [] + } + ], + "variations": [], + "tags": [] + }, + { + "name": "new-compare-card-4-9x1w", + "fieldName": "cards", + "type": "content-fragment", + "title": "Photoshop", + "path": "/content/dam/mas/sandbox/en_US/new-compare-card-4-9x1w", + "created": { + "at": "2026-03-23T16:34:12.397Z", + "by": "ilyas@adobe.com", + "fullName": "Ilyas Stephane Turkben" + }, + "modified": { + "at": "2026-03-24T19:57:02.3Z", + "by": "ilyas@adobe.com", + "fullName": "Ilyas Stephane Turkben" + }, + "published": { + "at": "2026-03-24T21:47:24.339Z", + "by": "ilyas@adobe.com", + "fullName": "Ilyas Stephane Turkben" + }, + "status": "PUBLISHED", + "previewReplicationStatus": "NEVER_PUBLISHED", + "id": "4cd11201-c0fb-4fce-83f9-8aa09d2c6dc0", + "references": [], + "model": { + "id": "L2NvbmYvbWFzL3NldHRpbmdzL2RhbS9jZm0vbW9kZWxzL2NhcmQ", + "path": "/conf/mas/settings/dam/cfm/models/card", + "name": "Card", + "title": "Card", + "description": "universal m@s card model" + }, + "description": "Photoshop compare plan card", + "fields": [ + { + "name": "variant", + "type": "text", + "multiple": false, + "locked": false, + "values": ["mini-compare-chart"] + }, + { + "name": "osi", + "type": "text", + "multiple": false, + "locked": false, + "values": ["A1xn6EL4pK93bWjM8flffQpfEL-bnvtoQKQAvkx574M"] + }, + { + "name": "size", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "mnemonicIcon", + "type": "text", + "multiple": true, + "locked": false, + "values": ["https://www.adobe.com/cc-shared/assets/img/product-icons/svg/photoshop.svg"] + }, + { + "name": "mnemonicAlt", + "type": "text", + "multiple": true, + "locked": false, + "values": ["Photoshop Product Icon"] + }, + { + "name": "mnemonicLink", + "type": "text", + "multiple": true, + "locked": false, + "values": [""] + }, + { + "name": "badge", + "type": "long-text", + "multiple": false, + "locked": false, + "mimeType": "text/html", + "values": [] + }, + { + "name": "trialBadge", + "type": "long-text", + "multiple": false, + "locked": false, + "mimeType": "text/html", + "values": [] + }, + { + "name": "backgroundColor", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "borderColor", + "type": "text", + "multiple": false, + "locked": false, + "values": ["Default"] + }, + { + "name": "backgroundImage", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "backgroundImageAltText", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "cardTitle", + "type": "text", + "multiple": false, + "locked": false, + "values": ["Photoshop"] + }, + { + "name": "cardName", + "type": "text", + "multiple": false, + "locked": false, + "values": ["Photoshop"] + }, + { + "name": "cardTitleLink", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "subtitle", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "prices", + "type": "long-text", + "multiple": false, + "locked": false, + "mimeType": "text/html", + "values": [ + "

" + ] + }, + { + "name": "shortDescription", + "type": "long-text", + "multiple": false, + "locked": false, + "mimeType": "text/html", + "values": [] + }, + { + "name": "promoText", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "promoCode", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "description", + "type": "long-text", + "multiple": false, + "locked": false, + "mimeType": "text/html", + "values": ["

Photoshop on desktop, web, and mobile, plus Adobe Express Premium plan.

"] + }, + { + "name": "callout", + "type": "long-text", + "multiple": false, + "locked": false, + "mimeType": "text/html", + "values": [] + }, + { + "name": "showSecureLabel", + "type": "boolean", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "showPlanType", + "type": "boolean", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "quantitySelect", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "addon", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "addonConfirmation", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "ctas", + "type": "long-text", + "multiple": false, + "locked": false, + "mimeType": "text/html", + "values": [ + "

Free trial

Buy now

" + ] + }, + { + "name": "variations", + "type": "content-fragment", + "multiple": true, + "locked": false, + "values": [] + }, + { + "name": "product", + "type": "content-reference", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "whatsIncluded", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "tags", + "type": "tag", + "multiple": true, + "locked": false, + "values": [ + "mas:offer_type/base", + "mas:plan_type/abm", + "mas:customer_segment/individual", + "mas:product_code/phsp", + "mas:market_segments/com" + ] + }, + { + "name": "pznTags", + "type": "tag", + "multiple": true, + "locked": false, + "values": [] + }, + { + "name": "perUnitLabel", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "originalId", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "locReady", + "type": "boolean", + "multiple": false, + "locked": false, + "values": [] + } + ], + "variations": [], + "tags": [ + { + "id": "mas:offer_type/base", + "title": "Base", + "i18n": [], + "titlePath": "Merch at Scale : Offer type / Base", + "name": "base", + "path": "/content/cq:tags/mas/offer_type/base" + }, + { + "id": "mas:product_code/phsp", + "title": "Photoshop", + "i18n": [], + "titlePath": "Merch at Scale : Product code / Photoshop", + "name": "phsp", + "path": "/content/cq:tags/mas/product_code/phsp" + }, + { + "id": "mas:market_segments/com", + "title": "COM", + "i18n": [], + "titlePath": "Merch at Scale : Market segments / COM", + "name": "com", + "path": "/content/cq:tags/mas/market_segments/com", + "description": "" + }, + { + "id": "mas:plan_type/abm", + "title": "ABM", + "i18n": [], + "titlePath": "Merch at Scale : Plan type / ABM", + "name": "abm", + "path": "/content/cq:tags/mas/plan_type/abm", + "description": "" + }, + { + "id": "mas:customer_segment/individual", + "title": "Individual", + "i18n": [], + "titlePath": "Merch at Scale : Customer segment / Individual", + "name": "individual", + "path": "/content/cq:tags/mas/customer_segment/individual" + } + ] + }, + { + "name": "new-compare-card-4-9x1w", + "fieldName": "compareChart", + "type": "content-fragment", + "title": "Photoshop", + "path": "/content/dam/mas/sandbox/en_US/new-compare-card-4-9x1w", + "created": { + "at": "2026-03-23T16:34:12.397Z", + "by": "ilyas@adobe.com", + "fullName": "Ilyas Stephane Turkben" + }, + "modified": { + "at": "2026-03-24T19:57:02.3Z", + "by": "ilyas@adobe.com", + "fullName": "Ilyas Stephane Turkben" + }, + "published": { + "at": "2026-03-24T21:47:24.339Z", + "by": "ilyas@adobe.com", + "fullName": "Ilyas Stephane Turkben" + }, + "status": "PUBLISHED", + "previewReplicationStatus": "NEVER_PUBLISHED", + "id": "4cd11201-c0fb-4fce-83f9-8aa09d2c6dc0", + "references": [], + "model": { + "id": "L2NvbmYvbWFzL3NldHRpbmdzL2RhbS9jZm0vbW9kZWxzL2NhcmQ", + "path": "/conf/mas/settings/dam/cfm/models/card", + "name": "Card", + "title": "Card", + "description": "universal m@s card model" + }, + "description": "Photoshop compare plan card", + "fields": [ + { + "name": "variant", + "type": "text", + "multiple": false, + "locked": false, + "values": ["mini-compare-chart"] + }, + { + "name": "osi", + "type": "text", + "multiple": false, + "locked": false, + "values": ["A1xn6EL4pK93bWjM8flffQpfEL-bnvtoQKQAvkx574M"] + }, + { + "name": "size", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "mnemonicIcon", + "type": "text", + "multiple": true, + "locked": false, + "values": ["https://www.adobe.com/cc-shared/assets/img/product-icons/svg/photoshop.svg"] + }, + { + "name": "mnemonicAlt", + "type": "text", + "multiple": true, + "locked": false, + "values": ["Photoshop Product Icon"] + }, + { + "name": "mnemonicLink", + "type": "text", + "multiple": true, + "locked": false, + "values": [""] + }, + { + "name": "badge", + "type": "long-text", + "multiple": false, + "locked": false, + "mimeType": "text/html", + "values": [] + }, + { + "name": "trialBadge", + "type": "long-text", + "multiple": false, + "locked": false, + "mimeType": "text/html", + "values": [] + }, + { + "name": "backgroundColor", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "borderColor", + "type": "text", + "multiple": false, + "locked": false, + "values": ["Default"] + }, + { + "name": "backgroundImage", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "backgroundImageAltText", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "cardTitle", + "type": "text", + "multiple": false, + "locked": false, + "values": ["Photoshop"] + }, + { + "name": "cardName", + "type": "text", + "multiple": false, + "locked": false, + "values": ["Photoshop"] + }, + { + "name": "cardTitleLink", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "subtitle", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "prices", + "type": "long-text", + "multiple": false, + "locked": false, + "mimeType": "text/html", + "values": [ + "

" + ] + }, + { + "name": "shortDescription", + "type": "long-text", + "multiple": false, + "locked": false, + "mimeType": "text/html", + "values": [] + }, + { + "name": "promoText", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "promoCode", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "description", + "type": "long-text", + "multiple": false, + "locked": false, + "mimeType": "text/html", + "values": ["

Photoshop on desktop, web, and mobile, plus Adobe Express Premium plan.

"] + }, + { + "name": "callout", + "type": "long-text", + "multiple": false, + "locked": false, + "mimeType": "text/html", + "values": [] + }, + { + "name": "showSecureLabel", + "type": "boolean", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "showPlanType", + "type": "boolean", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "quantitySelect", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "addon", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "addonConfirmation", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "ctas", + "type": "long-text", + "multiple": false, + "locked": false, + "mimeType": "text/html", + "values": [ + "

Free trial

Buy now

" + ] + }, + { + "name": "variations", + "type": "content-fragment", + "multiple": true, + "locked": false, + "values": [] + }, + { + "name": "product", + "type": "content-reference", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "whatsIncluded", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "tags", + "type": "tag", + "multiple": true, + "locked": false, + "values": [ + "mas:offer_type/base", + "mas:plan_type/abm", + "mas:customer_segment/individual", + "mas:product_code/phsp", + "mas:market_segments/com" + ] + }, + { + "name": "pznTags", + "type": "tag", + "multiple": true, + "locked": false, + "values": [] + }, + { + "name": "perUnitLabel", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "originalId", + "type": "text", + "multiple": false, + "locked": false, + "values": [] + }, + { + "name": "locReady", + "type": "boolean", + "multiple": false, + "locked": false, + "values": [] + } + ], + "variations": [], + "tags": [ + { + "id": "mas:offer_type/base", + "title": "Base", + "i18n": [], + "titlePath": "Merch at Scale : Offer type / Base", + "name": "base", + "path": "/content/cq:tags/mas/offer_type/base" + }, + { + "id": "mas:product_code/phsp", + "title": "Photoshop", + "i18n": [], + "titlePath": "Merch at Scale : Product code / Photoshop", + "name": "phsp", + "path": "/content/cq:tags/mas/product_code/phsp" + }, + { + "id": "mas:market_segments/com", + "title": "COM", + "i18n": [], + "titlePath": "Merch at Scale : Market segments / COM", + "name": "com", + "path": "/content/cq:tags/mas/market_segments/com", + "description": "" + }, + { + "id": "mas:plan_type/abm", + "title": "ABM", + "i18n": [], + "titlePath": "Merch at Scale : Plan type / ABM", + "name": "abm", + "path": "/content/cq:tags/mas/plan_type/abm", + "description": "" + }, + { + "id": "mas:customer_segment/individual", + "title": "Individual", + "i18n": [], + "titlePath": "Merch at Scale : Customer segment / Individual", + "name": "individual", + "path": "/content/cq:tags/mas/customer_segment/individual" + } + ] + } + ], + "model": { + "id": "L2NvbmYvbWFzL3NldHRpbmdzL2RhbS9jZm0vbW9kZWxzL2NvbGxlY3Rpb24", + "path": "/conf/mas/settings/dam/cfm/models/collection", + "name": "Collection", + "title": "Collection", + "tagIds": ["properties:fullyhydrated"] + }, + "validationStatus": [ + { + "property": "fields.label.values", + "message": "size must be between 1 and 1" + } + ], + "fieldTags": [] +} diff --git a/io/www/test/fragment/utils/odinSchemaTransform.test.js b/io/www/test/fragment/utils/odinSchemaTransform.test.js new file mode 100644 index 000000000..b30499144 --- /dev/null +++ b/io/www/test/fragment/utils/odinSchemaTransform.test.js @@ -0,0 +1,217 @@ +import { expect } from 'chai'; +import { transformBody, CF_REFERENCE_FIELDS } from '../../../src/fragment/utils/odinSchemaTransform.js'; + +describe('odinSchemaTransform', function () { + describe('CF_REFERENCE_FIELDS', function () { + it('should include compare-chart field names', function () { + expect(CF_REFERENCE_FIELDS).to.include('fragment'); + expect(CF_REFERENCE_FIELDS).to.include('fragments'); + expect(CF_REFERENCE_FIELDS).to.include('sections'); + expect(CF_REFERENCE_FIELDS).to.include('rows'); + expect(CF_REFERENCE_FIELDS).to.include('rowValues'); + expect(CF_REFERENCE_FIELDS).to.include('values'); + }); + + it('should still include original field names', function () { + expect(CF_REFERENCE_FIELDS).to.include('cards'); + expect(CF_REFERENCE_FIELDS).to.include('collections'); + expect(CF_REFERENCE_FIELDS).to.include('entries'); + }); + }); + + describe('transformBody with compare-chart fields', function () { + it('should transform fragments reference field from paths to IDs', function () { + const body = { + fields: [ + { name: 'fragments', multiple: true, values: ['/content/dam/mas/sandbox/en_US/col-frag'] }, + { name: 'badge', multiple: false, values: ['Best Offer'] }, + ], + references: [ + { + type: 'content-fragment', + path: '/content/dam/mas/sandbox/en_US/col-frag', + id: 'col-frag-id', + name: 'col-frag', + title: 'Column Fragment', + fields: [ + { name: 'cardTitle', multiple: false, values: ['Acrobat'] }, + ], + }, + ], + }; + + const result = transformBody(body); + expect(result.fields.fragments).to.deep.equal(['col-frag-id']); + expect(result.fields.badge).to.equal('Best Offer'); + }); + + it('should transform sections, rows, and values reference fields', function () { + const body = { + fields: [ + { name: 'sections', multiple: true, values: ['/content/dam/mas/sandbox/en_US/section-1'] }, + ], + references: [ + { + type: 'content-fragment', + path: '/content/dam/mas/sandbox/en_US/section-1', + id: 'section-1-id', + name: 'section-1', + title: 'Section 1', + fields: [ + { name: 'section-title', multiple: false, values: ['Create PDFs'] }, + { name: 'rows', multiple: true, values: ['/content/dam/mas/sandbox/en_US/row-1'] }, + ], + references: [ + { + type: 'content-fragment', + path: '/content/dam/mas/sandbox/en_US/row-1', + id: 'row-1-id', + name: 'row-1', + title: 'Row 1', + fields: [ + { name: 'row-title', multiple: false, values: ['Combine files'], mimeType: 'text/html' }, + { name: 'values', multiple: true, values: ['/content/dam/mas/sandbox/en_US/value-1'] }, + ], + references: [ + { + type: 'content-fragment', + path: '/content/dam/mas/sandbox/en_US/value-1', + id: 'value-1-id', + name: 'value-1', + title: 'Value 1', + fields: [ + { name: 'type', multiple: false, values: ['boolean'] }, + { name: 'booleanValue', multiple: false, values: [true] }, + ], + }, + ], + }, + ], + }, + ], + }; + + const result = transformBody(body); + + // Top-level sections resolved to IDs + expect(result.fields.sections).to.deep.equal(['section-1-id']); + + // Section reference exists with rows resolved + const sectionRef = result.references['section-1-id']; + expect(sectionRef).to.exist; + expect(sectionRef.value.fields.rows).to.deep.equal(['row-1-id']); + + // Row reference exists with values resolved + const rowRef = result.references['row-1-id']; + expect(rowRef).to.exist; + expect(rowRef.value.fields.values).to.deep.equal(['value-1-id']); + expect(rowRef.value.fields['row-title']).to.deep.equal({ value: 'Combine files', mimeType: 'text/html' }); + + // Value reference exists + const valueRef = result.references['value-1-id']; + expect(valueRef).to.exist; + expect(valueRef.value.fields.type).to.equal('boolean'); + expect(valueRef.value.fields.booleanValue).to.equal(true); + }); + + it('should build referencesTree with new field names', function () { + const body = { + fields: [ + { name: 'sections', multiple: true, values: ['/content/dam/mas/sandbox/en_US/sec'] }, + ], + references: [ + { + type: 'content-fragment', + path: '/content/dam/mas/sandbox/en_US/sec', + id: 'sec-id', + name: 'sec', + title: 'Section', + fields: [ + { name: 'rows', multiple: true, values: ['/content/dam/mas/sandbox/en_US/r'] }, + ], + references: [ + { + type: 'content-fragment', + path: '/content/dam/mas/sandbox/en_US/r', + id: 'row-id', + name: 'r', + title: 'Row', + fields: [ + { name: 'values', multiple: true, values: ['/content/dam/mas/sandbox/en_US/v'] }, + ], + references: [ + { + type: 'content-fragment', + path: '/content/dam/mas/sandbox/en_US/v', + id: 'val-id', + name: 'v', + title: 'Value', + fields: [ + { name: 'type', multiple: false, values: ['boolean'] }, + ], + }, + ], + }, + ], + }, + ], + }; + + const result = transformBody(body); + + // Verify referencesTree structure + expect(result.referencesTree).to.have.length(1); + + const sectionNode = result.referencesTree[0]; + expect(sectionNode.fieldName).to.equal('sections'); + expect(sectionNode.identifier).to.equal('sec-id'); + + const rowNode = sectionNode.referencesTree[0]; + expect(rowNode.fieldName).to.equal('rows'); + expect(rowNode.identifier).to.equal('row-id'); + + const valueNode = rowNode.referencesTree[0]; + expect(valueNode.fieldName).to.equal('values'); + expect(valueNode.identifier).to.equal('val-id'); + }); + + it('should handle fragments field with multiple references', function () { + const body = { + fields: [ + { + name: 'fragments', + multiple: true, + values: [ + '/content/dam/mas/sandbox/en_US/frag-a', + '/content/dam/mas/sandbox/en_US/frag-b', + ], + }, + ], + references: [ + { + type: 'content-fragment', + path: '/content/dam/mas/sandbox/en_US/frag-a', + id: 'frag-a-id', + name: 'frag-a', + title: 'Fragment A', + fields: [{ name: 'badge', multiple: false, values: ['A'] }], + }, + { + type: 'content-fragment', + path: '/content/dam/mas/sandbox/en_US/frag-b', + id: 'frag-b-id', + name: 'frag-b', + title: 'Fragment B', + fields: [{ name: 'badge', multiple: false, values: ['B'] }], + }, + ], + }; + + const result = transformBody(body); + expect(result.fields.fragments).to.deep.equal(['frag-a-id', 'frag-b-id']); + expect(result.referencesTree).to.have.length(2); + expect(result.referencesTree[0].identifier).to.equal('frag-a-id'); + expect(result.referencesTree[1].identifier).to.equal('frag-b-id'); + }); + }); +}); diff --git a/studio/compare-chart.md b/studio/compare-chart.md new file mode 100644 index 000000000..7809b03bc --- /dev/null +++ b/studio/compare-chart.md @@ -0,0 +1,509 @@ +# Compare Chart Authoring PRD + +## Status + +- Baseline extracted from the historical compare-chart authoring flow implemented in commit `6c75e66a`. +- This document describes the old Studio authoring experience that needs to be preserved while the storage model changes. + +## Objective + +Port the old compare-chart authoring experience into [src/editors/compare-chart-editor.js](/Users/ilyas/git/mas/studio/src/editors/compare-chart-editor.js) without reintroducing the old `compare-*` fragment model architecture. + +The new implementation may store data differently, but authors should retain the same core editing capabilities and interaction model. + +## Users + +- Merch authors building comparison tables for a set of merch cards. +- Editors who need fast in-context editing of table structure, column card assignment, and feature values. + +## Goals + +- Preserve the dedicated compare-chart editor experience. +- Preserve the live compare-chart preview as the primary editing surface. +- Preserve in-context editing for columns, sections, rows, and cells. +- Preserve advanced column configuration, including card assignment and display field management. +- Preserve author feedback patterns: loading states, validation, and toast feedback. + +## Non-Goals + +- Reintroducing `compare-chart`, `compare-fragment`, `compare-section`, `compare-row`, or `compare-value` content fragment models. +- Defining the final HTML serialization shape for `compareChart`. +- Specifying `io/*` runtime behavior. + +## Product Principles + +- The preview is the editor, not just an output sample. +- Most edits should happen in context with minimal navigation. +- Column configuration is a deeper workflow and merits a focused modal. +- Card assignment must be scoped, validated, and previewable before the author leaves the editor. + +## Functional Requirements + +### 1. Dedicated Compare Chart Workspace + +The editor must render as a dedicated compare-chart workspace with: + +- A top toolbar/header labeled `Compare Chart`. +- Count summaries for total columns and total sections. +- Primary actions to add a column and add a section. +- A busy/loading indicator while structural mutations are in progress. +- A block configuration row for compare-chart-level settings. + +### 2. Compare-Chart-Level Configuration + +The editor must support top-level chart configuration: + +- Block picker with at least: + - `Comparison Table` + - `Table` +- Variant selection checkboxes when block type is `Table`. +- Supported legacy variants: + - `merch` + - `highlight` + - `sticky` + - `collapse` + - `m-heading-icon` + - `pricing-bottom` + - `header-left` + +### 3. Live Preview as Primary Editing Surface + +The editor must render a live compare-chart preview panel that authors interact with directly. + +The preview must: + +- Render columns and sections from editor state. +- Show selected column, section, row, and cell state. +- Support clicking: + - a column header + - a section header + - a row title + - an individual cell +- Emit add-row actions from the preview. +- Support inline section title changes. +- Support inline row title changes. + +### 4. Column Authoring + +Authors must be able to manage columns directly from the compare chart. + +Required capabilities: + +- Add a new column from the toolbar. +- Select a column from the preview. +- Open a contextual column popover. +- Edit the column badge from the popover. +- Open a deeper `Configure Column` modal from the popover. +- Delete a column. + +Column deletion must also update row/cell data so the deleted column’s positional values are removed from every row. + +### 5. Column Configuration Modal + +The column modal is a major part of the old workflow and must be preserved. + +#### 5.1 Display Fields + +Authors must be able to control which card fields appear in the column header. + +Required capabilities: + +- Show selectable display fields. +- Legacy field options: + - `mnemonicIcon` + - `cardTitle` + - `prices` + - `description` + - `ctas` +- Preserve grouped ordering behavior across field groups. +- Allow selecting and unselecting display fields. +- Allow drag-and-drop reordering for selected fields. +- Restrict drag-and-drop reordering to items within the same group. +- Preserve stable display order, including for unselected fields. + +#### 5.2 Badge + +Authors must be able to edit the column badge in the modal as well as the popover. + +#### 5.3 Card Assignment + +Authors must be able to assign or replace the card linked to a column. + +Required capabilities: + +- Show current card chip with: + - title + - ID + - open action + - change action +- Show an empty state when no card is assigned. +- Open a card picker panel from the modal. +- Close the picker without dismissing the modal. +- Search cards within the same surface and locale as the compare chart. +- Restrict search results to card fragments only. +- Debounce card search. +- Limit search results. +- Show recent cards when the query is empty. +- Persist recent cards per surface/locale. +- Allow manual fragment ID entry as an alternative to browse/search. + +#### 5.4 Card Validation Rules + +Card assignment must enforce the legacy validation rules: + +- Reject fragments outside the compare chart’s current surface/locale scope. +- Reject non-card fragments. +- Resolve card references by path and canonical ID when needed. + +#### 5.5 Card Change Compatibility + +When a card changes, the editor must check whether the currently selected display fields still exist on the new card. + +Required behavior: + +- Automatically remove incompatible display fields. +- Preserve compatible display fields. +- Inform the author that unavailable fields were removed. + +#### 5.6 Card Preview + +The column modal must contain a live card preview disclosure. + +Required capabilities: + +- Disclosure is open by default. +- Preview updates when the selected card changes. +- Preview shows loading state. +- Preview shows error state. +- Preview resolves by canonical card ID, even when the selected reference started from a stale path/ID pairing. + +#### 5.7 Open Card in Editor + +Authors must be able to open the selected card in Studio from the column modal. + +Required behavior: + +- Open the selected card in a new tab when allowed. +- Use the current Studio host. +- Navigate directly to the fragment editor route. +- Remove irrelevant query parameters. +- Fall back to same-tab navigation if opening a new tab is blocked. + +### 6. Section Authoring + +Authors must be able to manage sections. + +Required capabilities: + +- Add a section from the toolbar. +- Select a section from the preview. +- Edit section title from a contextual popover. +- Delete a section. + +### 7. Row Authoring + +Authors must be able to manage rows within sections. + +Required capabilities: + +- Add a row inside a section from the preview. +- Select a row from the preview. +- Edit row title from a contextual popover. +- Delete a row. + +When a row is added, the old flow created one cell value per existing column. The ported experience must preserve the user outcome: a newly added row immediately has editable values across all current columns. + +### 8. Cell Authoring + +Authors must be able to edit individual cells from the preview. + +Required capabilities: + +- Select a cell from the preview. +- Open a contextual cell popover anchored to that cell. +- Show column and row context in the popover. +- Choose cell value type: + - `No value` + - `Boolean` + - `Text` + +#### 8.1 Empty Values + +- Empty values render as a dash-like placeholder in the chart. +- Authors can switch an empty placeholder cell to boolean or text. +- If underlying value data is missing, the editor must create the missing cell data on first edit. + +#### 8.2 Boolean Values + +- Boolean values must be editable via checkbox/toggle behavior. +- `true` and `false` must be persisted distinctly. +- `false` must render as a cross-style negative mark in the preview. + +#### 8.3 Text Values + +- Text values must be editable inline through a text input. +- Switching from empty to text must show the text input immediately. + +### 9. Contextual Editing Model + +The old authoring flow used a layered editing model that must be preserved: + +- Preview interaction selects the target object. +- Lightweight edits happen in contextual popovers. +- Deeper column edits happen in a focused modal. + +Required behaviors: + +- Popovers must anchor to the clicked preview item. +- Popovers must reposition with scroll. +- Clicking outside a popover dismisses it. +- Clicking within the preview should not immediately dismiss the selection workflow. +- `Escape` closes the current popover or modal. + +### 10. Feedback and Responsiveness + +The editor must provide responsive author feedback. + +Required capabilities: + +- Busy/loading state during structural mutations. +- Toast feedback for: + - add success + - delete success + - assignment success + - validation failures + - compatibility cleanup info + - save failures +- Inline empty states and help text where appropriate. + +### 11. Data Hydration Requirements + +The old flow supported deep reference hydration and partial data recovery. The new implementation does not need the same storage model, but it does need equivalent resilience. + +Required outcomes: + +- Build the preview/editor state from persisted compare-chart data plus referenced cards. +- Recover from partially hydrated nested data without collapsing the editor. +- Lazily resolve missing data needed for editing and preview. +- Keep local editor state synchronized after edits without requiring a full page reload. + +## Authoring Flows + +### Flow A: Build a Chart Structure + +1. Author opens the compare-chart editor. +2. Author adds columns. +3. Author adds sections. +4. Author adds rows to sections. +5. Preview immediately reflects the current structure. + +### Flow B: Configure a Column + +1. Author clicks a column in the preview. +2. Author uses the popover for quick badge edits. +3. Author opens `Configure Column`. +4. Author picks display fields, adjusts order, edits badge, and assigns a card. +5. Author reviews the live card preview. +6. Author opens the card in Studio if deeper card edits are needed. + +### Flow C: Edit Feature Values + +1. Author clicks a cell in the preview. +2. Author chooses whether the value is empty, boolean, or text. +3. Author edits the value inline. +4. Preview reflects the change immediately. + +### Flow D: Maintain Cards Safely + +1. Author changes a column’s card. +2. Editor validates scope and model type. +3. Editor removes incompatible display fields if necessary. +4. Editor stores the new card in recents. +5. Preview updates to the new card. + +## Acceptance Criteria + +The port is complete when all of the following are true: + +- Authors can add/remove columns, sections, and rows. +- Authors can click the preview to edit columns, sections, rows, and cells in context. +- Column configuration supports card search, recents, manual ID entry, preview, and open-in-editor. +- Card assignment is restricted to in-scope card fragments. +- Column display fields are selectable and reorderable. +- Changing the assigned card automatically removes unsupported display fields. +- Section and row titles can be updated from the compare chart UI. +- Cells support empty, boolean, and text modes. +- Newly needed cell data can be created during editing. +- The compare-chart preview remains live throughout the editing session. + +## Porting Notes + +The port should preserve the author-facing experience above while replacing the old persistence layer with the new collection-backed model: + +- Card references now belong in `cards`. +- Compare feature/table content now belongs in `compareChart`. +- The old child-fragment CRUD model should be treated as implementation history, not as a requirement. + +The UX target is the old workflow. The storage target is the new model. + +## Clear Authoring Requirements + +With [src/editors/merch-card-editor.js](/Users/ilyas/git/mas/studio/src/editors/merch-card-editor.js) as the Studio baseline, the historical compare-chart capability set should be translated into the following authoring requirements. + +### A. Editor Shell + +- `compare-chart-editor` must behave like a first-class full-page fragment editor, not a special embedded tool. +- The form authoring surface must live in the editor column. +- The live compare preview must live in the preview column managed by `mas-fragment-editor`. +- The editor must use the same general structure as `merch-card-editor`: + - sectioned form layout + - Spectrum field groups and inputs + - immediate persistence on edit + - no separate save step + +### B. Primary Interaction Model + +- The primary editing path must be persistent form controls, not floating popovers. +- Preview selection may be used to focus or reveal the relevant authoring section, but authors must not depend on ephemeral popovers for routine work. +- Deeper workflows that genuinely need isolation may use a modal, but that should be the exception, not the base editing model. + +### C. Top-Level Compare Chart Settings + +- Authors must be able to edit top-level compare-chart settings from a dedicated section near the top of the form. +- Required settings: + - block type + - selected variants +- Variant editing should follow the same mental model as card template/variant editing in `merch-card-editor`: explicit, visible, and always available from the form. + +### D. Column Management + +- Authors must be able to manage the compared cards from a dedicated `Columns` section in the form. +- Required capabilities: + - list all columns in order + - add a column + - remove a column + - reorder columns + - select a column for detailed editing +- Each column must expose editable properties in a stable inspector-style UI: + - assigned card + - badge + - display fields + +### E. Card Assignment UX + +- Card assignment must remain a rich workflow, but it should feel like a Studio field editor rather than a temporary popover flow. +- Required capabilities: + - browse/search cards + - show recent cards + - allow manual fragment ID entry when needed + - validate surface/locale scope + - validate that the selected fragment is a card + - open the selected card in Studio + - show a live preview of the selected card state +- Card assignment UI may use a modal or expandable panel, but the selected card state must remain visible in the form after assignment. + +### F. Column Display Fields + +- Column display fields must be edited in a persistent form section, not hidden behind transient UI. +- Authors must be able to: + - toggle supported display fields on/off + - reorder selected fields + - understand unavailable fields after card changes +- When a card change makes some display fields invalid, the editor must: + - remove unsupported fields automatically + - preserve supported fields + - communicate the cleanup clearly + +### G. Section and Row Management + +- Authors must be able to manage sections and rows from the form in a hierarchical way. +- Required capabilities: + - add section + - edit section title + - remove section + - add row within a section + - edit row title + - remove row +- The UI should follow the same readability standard as `merch-card-editor`: + - stable section headers + - grouped controls + - minimal hidden state + +### H. Cell Editing + +- Cell editing must support the same data capabilities as the old flow: + - empty + - boolean + - text +- Cell editing should be exposed through a persistent editor pattern that fits the Studio form model. +- Acceptable patterns: + - selecting a row and editing its cell values in an inline matrix editor + - selecting a row and rendering per-column field groups below it + - selecting a preview cell and focusing the corresponding persistent form controls +- The author must always be able to see where the active cell value is being edited. + +### I. Preview Requirements + +- The live preview remains essential and must stay author-facing throughout editing. +- The preview must: + - reflect column, section, row, and cell changes immediately + - reflect card assignment changes immediately + - reflect block and variant changes immediately + - support selecting authoring targets +- The preview should be treated like the merch-card preview: + - always available beside the form + - not the only place where editing controls exist + +### J. Persistence Model + +- The editor must preserve the new storage contract: + - `cards` is the source of truth for card references and order + - `compareChart` stores the feature matrix content +- Authoring interactions must write through the same immediate-update model used by `merch-card-editor`. +- The editor must normalize persisted output so that reopening the editor yields the same structure and ordering the author saw before saving. + +### K. Empty and Loading States + +- The editor must provide clear empty states rather than dead-end screens. +- Minimum states: + - no cards assigned yet + - no sections yet + - no rows in a section yet + - preview unavailable + - loading/hydrating state +- Empty states must direct the author toward the next valid action. + +### L. Variation and Field-State Affordances + +- Where collection variation/inheritance is supported, compare-chart authoring should adopt the same affordances used by `merch-card-editor`. +- That includes, where applicable: + - inherited vs overridden field state styling + - restore-to-parent actions + - top-level field state awareness for compare-chart-owned fields + +### M. Spectrum-First Implementation + +- Adobe Spectrum Web Components must be the default UI layer. +- Preferred primitives: + - `sp-field-group` + - `sp-textfield` + - `sp-picker` + - `sp-checkbox` + - `sp-switch` + - `sp-action-button` + - `sp-button` + - `sp-action-group` + - `sp-divider` +- Custom UI should be reserved for the compare-specific matrix and preview interactions that Spectrum does not provide directly. + +## Summary Decision + +The old compare-chart feature set should be preserved, but its interaction model should be translated into the Studio editor pattern established by `merch-card-editor`. + +That means: + +- keep the live preview +- keep the rich compare-chart capabilities +- replace popover-heavy editing with persistent form-based authoring +- keep advanced column/card workflows where they add real value +- align persistence and visual structure with the rest of Studio diff --git a/studio/libs/swc.js b/studio/libs/swc.js index 07f3243a4..d33fc1f2b 100644 --- a/studio/libs/swc.js +++ b/studio/libs/swc.js @@ -1,8 +1,8 @@ -var tf=Object.create;var Hn=Object.defineProperty;var ef=Object.getOwnPropertyDescriptor;var rf=Object.getOwnPropertyNames;var of=Object.getPrototypeOf,sf=Object.prototype.hasOwnProperty;var w=(o,t)=>()=>(o&&(t=o(o=0)),t);var af=(o,t)=>()=>(t||o((t={exports:{}}).exports,t),t.exports),Rn=(o,t)=>{for(var e in t)Hn(o,e,{get:t[e],enumerable:!0})},cf=(o,t,e,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of rf(t))!sf.call(o,s)&&s!==e&&Hn(o,s,{get:()=>t[s],enumerable:!(r=ef(t,s))||r.enumerable});return o};var nf=(o,t,e)=>(e=o!=null?tf(of(o)):{},cf(t||!o||!o.__esModule?Hn(e,"default",{value:o,enumerable:!0}):e,o));var Ss,Es,qn,Id,Ao,Sd,y,jn,$s,Fn=w(()=>{Ss=globalThis,Es=Ss.ShadowRoot&&(Ss.ShadyCSS===void 0||Ss.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,qn=Symbol(),Id=new WeakMap,Ao=class{constructor(t,e,r){if(this._$cssResult$=!0,r!==qn)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o,e=this.t;if(Es&&t===void 0){let r=e!==void 0&&e.length===1;r&&(t=Id.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),r&&Id.set(e,t))}return t}toString(){return this.cssText}},Sd=o=>new Ao(typeof o=="string"?o:o+"",void 0,qn),y=(o,...t)=>{let e=o.length===1?o[0]:t.reduce((r,s,i)=>r+(a=>{if(a._$cssResult$===!0)return a.cssText;if(typeof a=="number")return a;throw Error("Value passed to 'css' function must be a 'css' function result: "+a+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(s)+o[i+1],o[0]);return new Ao(e,o,qn)},jn=(o,t)=>{if(Es)o.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(let e of t){let r=document.createElement("style"),s=Ss.litNonce;s!==void 0&&r.setAttribute("nonce",s),r.textContent=e.cssText,o.appendChild(r)}},$s=Es?o=>o:o=>o instanceof CSSStyleSheet?(t=>{let e="";for(let r of t.cssRules)e+=r.cssText;return Sd(e)})(o):o});var lf,df,uf,mf,pf,hf,qe,Ed,bf,gf,Lo,Po,_s,$d,ye,Mo=w(()=>{Fn();Fn();({is:lf,defineProperty:df,getOwnPropertyDescriptor:uf,getOwnPropertyNames:mf,getOwnPropertySymbols:pf,getPrototypeOf:hf}=Object),qe=globalThis,Ed=qe.trustedTypes,bf=Ed?Ed.emptyScript:"",gf=qe.reactiveElementPolyfillSupport,Lo=(o,t)=>o,Po={toAttribute(o,t){switch(t){case Boolean:o=o?bf:null;break;case Object:case Array:o=o==null?o:JSON.stringify(o)}return o},fromAttribute(o,t){let e=o;switch(t){case Boolean:e=o!==null;break;case Number:e=o===null?null:Number(o);break;case Object:case Array:try{e=JSON.parse(o)}catch{e=null}}return e}},_s=(o,t)=>!lf(o,t),$d={attribute:!0,type:String,converter:Po,reflect:!1,hasChanged:_s};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),qe.litPropertyMetadata??(qe.litPropertyMetadata=new WeakMap);ye=class extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??(this.l=[])).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=$d){if(e.state&&(e.attribute=!1),this._$Ei(),this.elementProperties.set(t,e),!e.noAccessor){let r=Symbol(),s=this.getPropertyDescriptor(t,r,e);s!==void 0&&df(this.prototype,t,s)}}static getPropertyDescriptor(t,e,r){let{get:s,set:i}=uf(this.prototype,t)??{get(){return this[e]},set(a){this[e]=a}};return{get(){return s?.call(this)},set(a){let d=s?.call(this);i.call(this,a),this.requestUpdate(t,d,r)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??$d}static _$Ei(){if(this.hasOwnProperty(Lo("elementProperties")))return;let t=hf(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(Lo("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(Lo("properties"))){let e=this.properties,r=[...mf(e),...pf(e)];for(let s of r)this.createProperty(s,e[s])}let t=this[Symbol.metadata];if(t!==null){let e=litPropertyMetadata.get(t);if(e!==void 0)for(let[r,s]of e)this.elementProperties.set(r,s)}this._$Eh=new Map;for(let[e,r]of this.elementProperties){let s=this._$Eu(e,r);s!==void 0&&this._$Eh.set(s,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){let e=[];if(Array.isArray(t)){let r=new Set(t.flat(1/0).reverse());for(let s of r)e.unshift($s(s))}else t!==void 0&&e.push($s(t));return e}static _$Eu(t,e){let r=e.attribute;return r===!1?void 0:typeof r=="string"?r:typeof t=="string"?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(t=>this.enableUpdating=t),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(t=>t(this))}addController(t){(this._$EO??(this._$EO=new Set)).add(t),this.renderRoot!==void 0&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){let t=new Map,e=this.constructor.elementProperties;for(let r of e.keys())this.hasOwnProperty(r)&&(t.set(r,this[r]),delete this[r]);t.size>0&&(this._$Ep=t)}createRenderRoot(){let t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return jn(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),this._$EO?.forEach(t=>t.hostConnected?.())}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach(t=>t.hostDisconnected?.())}attributeChangedCallback(t,e,r){this._$AK(t,r)}_$EC(t,e){let r=this.constructor.elementProperties.get(t),s=this.constructor._$Eu(t,r);if(s!==void 0&&r.reflect===!0){let i=(r.converter?.toAttribute!==void 0?r.converter:Po).toAttribute(e,r.type);this._$Em=t,i==null?this.removeAttribute(s):this.setAttribute(s,i),this._$Em=null}}_$AK(t,e){let r=this.constructor,s=r._$Eh.get(t);if(s!==void 0&&this._$Em!==s){let i=r.getPropertyOptions(s),a=typeof i.converter=="function"?{fromAttribute:i.converter}:i.converter?.fromAttribute!==void 0?i.converter:Po;this._$Em=s,this[s]=a.fromAttribute(e,i.type),this._$Em=null}}requestUpdate(t,e,r){if(t!==void 0){if(r??(r=this.constructor.getPropertyOptions(t)),!(r.hasChanged??_s)(this[t],e))return;this.P(t,e,r)}this.isUpdatePending===!1&&(this._$ES=this._$ET())}P(t,e,r){this._$AL.has(t)||this._$AL.set(t,e),r.reflect===!0&&this._$Em!==t&&(this._$Ej??(this._$Ej=new Set)).add(t)}async _$ET(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}let t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??(this.renderRoot=this.createRenderRoot()),this._$Ep){for(let[s,i]of this._$Ep)this[s]=i;this._$Ep=void 0}let r=this.constructor.elementProperties;if(r.size>0)for(let[s,i]of r)i.wrapped!==!0||this._$AL.has(s)||this[s]===void 0||this.P(s,this[s],i)}let t=!1,e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),this._$EO?.forEach(r=>r.hostUpdate?.()),this.update(e)):this._$EU()}catch(r){throw t=!1,this._$EU(),r}t&&this._$AE(e)}willUpdate(t){}_$AE(t){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EU(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Ej&&(this._$Ej=this._$Ej.forEach(e=>this._$EC(e,this[e]))),this._$EU()}updated(t){}firstUpdated(t){}};ye.elementStyles=[],ye.shadowRootOptions={mode:"open"},ye[Lo("elementProperties")]=new Map,ye[Lo("finalized")]=new Map,gf?.({ReactiveElement:ye}),(qe.reactiveElementVersions??(qe.reactiveElementVersions=[])).push("2.0.4")});function Hd(o,t){if(!Zn(o)||!o.hasOwnProperty("raw"))throw Error("invalid template strings array");return _d!==void 0?_d.createHTML(t):t}function mr(o,t,e=o,r){if(t===tt)return t;let s=r!==void 0?e._$Co?.[r]:e._$Cl,i=Ho(t)?void 0:t._$litDirective$;return s?.constructor!==i&&(s?._$AO?.(!1),i===void 0?s=void 0:(s=new i(o),s._$AT(o,e,r)),r!==void 0?(e._$Co??(e._$Co=[]))[r]=s:e._$Cl=s),s!==void 0&&(t=mr(o,s._$AS(o,t.values),s,r)),t}var Oo,As,_d,Nn,we,Un,vf,ur,Do,Ho,Zn,Od,Vn,Bo,Ad,Ld,lr,Pd,Md,Dd,Kn,c,Wy,Yy,tt,_,Bd,dr,Rd,Ro,Ls,Vr,pr,Ps,Ms,Bs,Os,qd,ff,Nr,Mt=w(()=>{Oo=globalThis,As=Oo.trustedTypes,_d=As?As.createPolicy("lit-html",{createHTML:o=>o}):void 0,Nn="$lit$",we=`lit$${Math.random().toFixed(9).slice(2)}$`,Un="?"+we,vf=`<${Un}>`,ur=document,Do=()=>ur.createComment(""),Ho=o=>o===null||typeof o!="object"&&typeof o!="function",Zn=Array.isArray,Od=o=>Zn(o)||typeof o?.[Symbol.iterator]=="function",Vn=`[ -\f\r]`,Bo=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Ad=/-->/g,Ld=/>/g,lr=RegExp(`>|${Vn}(?:([^\\s"'>=/]+)(${Vn}*=${Vn}*(?:[^ -\f\r"'\`<>=]|("|')|))|$)`,"g"),Pd=/'/g,Md=/"/g,Dd=/^(?:script|style|textarea|title)$/i,Kn=o=>(t,...e)=>({_$litType$:o,strings:t,values:e}),c=Kn(1),Wy=Kn(2),Yy=Kn(3),tt=Symbol.for("lit-noChange"),_=Symbol.for("lit-nothing"),Bd=new WeakMap,dr=ur.createTreeWalker(ur,129);Rd=(o,t)=>{let e=o.length-1,r=[],s,i=t===2?"":t===3?"":"",a=Bo;for(let d=0;d"?(a=s??Bo,f=-1):v[1]===void 0?f=-2:(f=a.lastIndex-v[2].length,b=v[1],a=v[3]===void 0?lr:v[3]==='"'?Md:Pd):a===Md||a===Pd?a=lr:a===Ad||a===Ld?a=Bo:(a=lr,s=void 0);let z=a===lr&&o[d+1].startsWith("/>")?" ":"";i+=a===Bo?m+vf:f>=0?(r.push(b),m.slice(0,f)+Nn+m.slice(f)+we+z):m+we+(f===-2?d:z)}return[Hd(o,i+(o[e]||"")+(t===2?"":t===3?"":"")),r]},Ro=class o{constructor({strings:t,_$litType$:e},r){let s;this.parts=[];let i=0,a=0,d=t.length-1,m=this.parts,[b,v]=Rd(t,e);if(this.el=o.createElement(b,r),dr.currentNode=this.el.content,e===2||e===3){let f=this.el.content.firstChild;f.replaceWith(...f.childNodes)}for(;(s=dr.nextNode())!==null&&m.length0){s.textContent=As?As.emptyScript:"";for(let z=0;z2||r[0]!==""||r[1]!==""?(this._$AH=Array(r.length-1).fill(new String),this.strings=r):this._$AH=_}_$AI(t,e=this,r,s){let i=this.strings,a=!1;if(i===void 0)t=mr(this,t,e,0),a=!Ho(t)||t!==this._$AH&&t!==tt,a&&(this._$AH=t);else{let d=t,m,b;for(t=i[0],m=0;m{let r=e?.renderBefore??t,s=r._$litPart$;if(s===void 0){let i=e?.renderBefore??null;r._$litPart$=s=new Vr(t.insertBefore(Do(),i),i,void 0,e??{})}return s._$AI(o),s}});var je,xf,jd=w(()=>{Mo();Mo();Mt();Mt();je=class extends ye{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var e;let t=super.createRenderRoot();return(e=this.renderOptions).renderBefore??(e.renderBefore=t.firstChild),t}update(t){let e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=Nr(e,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return tt}};je._$litElement$=!0,je.finalized=!0,globalThis.litElementHydrateSupport?.({LitElement:je});xf=globalThis.litElementPolyfillSupport;xf?.({LitElement:je});(globalThis.litElementVersions??(globalThis.litElementVersions=[])).push("4.1.1")});var Fd=w(()=>{});var Ur=w(()=>{Mo();Mt();jd();Fd()});var qo,Gn=w(()=>{qo="1.10.0"});function Vd(o){class t extends o{get isLTR(){return this.dir==="ltr"}hasVisibleFocusInTree(){let r=((s=document)=>{let i=s.activeElement;for(;i?.shadowRoot&&i.shadowRoot.activeElement;)i=i.shadowRoot.activeElement;let a=i?[i]:[];for(;i;){let d=i.assignedSlot||i.parentElement||i.getRootNode()?.host;d&&a.push(d),i=d}return a})(this.getRootNode())[0];if(!r)return!1;try{return r.matches(":focus-visible")||r.matches(".focus-visible")}catch{return r.matches(".focus-visible")}}connectedCallback(){if(!this.hasAttribute("dir")){let r=this.assignedSlot||this.parentNode;for(;r!==document.documentElement&&!kf(r);)r=r.assignedSlot||r.parentNode||r.host;if(this.dir=r.dir==="rtl"?r.dir:this.dir||"ltr",r===document.documentElement)Wn.add(this);else{let{localName:s}=r;s.search("-")>-1&&!customElements.get(s)?customElements.whenDefined(s).then(()=>{r.startManagingContentDirection(this)}):r.startManagingContentDirection(this)}this._dirParent=r}super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback(),this._dirParent&&(this._dirParent===document.documentElement?Wn.delete(this):this._dirParent.stopManagingContentDirection(this),this.removeAttribute("dir"))}}return t}var Wn,yf,wf,kf,Yn,E,Xn=w(()=>{Ur();Gn();Wn=new Set,yf=()=>{let o=document.documentElement.dir==="rtl"?document.documentElement.dir:"ltr";Wn.forEach(t=>{t.setAttribute("dir",o)})},wf=new MutationObserver(yf);wf.observe(document.documentElement,{attributes:!0,attributeFilter:["dir"]});kf=o=>typeof o.startManagingContentDirection<"u"||o.tagName==="SP-THEME";Yn=class Yn extends Vd(je){};Yn.VERSION=qo;E=Yn});var Nd=w(()=>{"use strict";Xn()});var Ud=w(()=>{});function n(o){return(t,e)=>typeof e=="object"?Cf(o,t,e):((r,s,i)=>{let a=s.hasOwnProperty(i);return s.constructor.createProperty(i,a?{...r,wrapped:!0}:r),a?Object.getOwnPropertyDescriptor(s,i):void 0})(o,t,e)}var zf,Cf,Jn=w(()=>{Mo();zf={attribute:!0,type:String,converter:Po,reflect:!1,hasChanged:_s},Cf=(o=zf,t,e)=>{let{kind:r,metadata:s}=e,i=globalThis.litPropertyMetadata.get(s);if(i===void 0&&globalThis.litPropertyMetadata.set(s,i=new Map),i.set(e.name,o),r==="accessor"){let{name:a}=e;return{set(d){let m=t.get.call(this);t.set.call(this,d),this.requestUpdate(a,m,o)},init(d){return d!==void 0&&this.P(a,void 0,o),d}}}if(r==="setter"){let{name:a}=e;return function(d){let m=this[a];t.call(this,d),this.requestUpdate(a,m,o)}}throw Error("Unsupported decorator location: "+r)}});function W(o){return n({...o,state:!0,attribute:!1})}var Zd=w(()=>{Jn();});var Kd=w(()=>{});var ke,Zr=w(()=>{ke=(o,t,e)=>(e.configurable=!0,e.enumerable=!0,Reflect.decorate&&typeof t!="object"&&Object.defineProperty(o,t,e),e)});function P(o,t){return(e,r,s)=>{let i=a=>a.renderRoot?.querySelector(o)??null;if(t){let{get:a,set:d}=typeof r=="object"?e:s??(()=>{let m=Symbol();return{get(){return this[m]},set(b){this[m]=b}}})();return ke(e,r,{get(){let m=a.call(this);return m===void 0&&(m=i(this),(m!==null||this.hasUpdated)&&d.call(this,m)),m}})}return ke(e,r,{get(){return i(this)}})}}var Gd=w(()=>{Zr();});var Wd=w(()=>{Zr();});var Yd=w(()=>{Zr();});function hr(o){return(t,e)=>{let{slot:r,selector:s}=o??{},i="slot"+(r?`[name=${r}]`:":not([name])");return ke(t,e,{get(){let a=this.renderRoot?.querySelector(i),d=a?.assignedElements(o)??[];return s===void 0?d:d.filter(m=>m.matches(s))}})}}var Xd=w(()=>{Zr();});function Fe(o){return(t,e)=>{let{slot:r}=o??{},s="slot"+(r?`[name=${r}]`:":not([name])");return ke(t,e,{get(){return this.renderRoot?.querySelector(s)?.assignedNodes(o)??[]}})}}var Jd=w(()=>{Zr();});var Ve=w(()=>{Ud();Jn();Zd();Kd();Gd();Wd();Yd();Xd();Jd()});function R(o,{validSizes:t=["s","m","l","xl"],noDefaultSize:e,defaultSize:r="m"}={}){let i=class i extends o{constructor(){super(...arguments),this._size=r}get size(){return this._size||r}set size(d){let m=e?null:r,b=d&&d.toLocaleLowerCase(),v=t.includes(b)?b:m;if(v&&this.setAttribute("size",v),this._size===v)return;let f=this._size;this._size=v,this.requestUpdate("size",f)}update(d){!this.hasAttribute("size")&&!e&&this.setAttribute("size",this.size),super.update(d)}};i.VALID_SIZES=t;let s=i;return Sf([n({type:String})],s.prototype,"size"),s}var Tf,If,Sf,Qn=w(()=>{Ve();Tf=Object.defineProperty,If=Object.getOwnPropertyDescriptor,Sf=(o,t,e,r)=>{for(var s=If(t,e),i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=a(t,e,s)||s);return s&&Tf(t,e,s),s}});var Qd=w(()=>{"use strict";Qn()});var Ef,tu,eu=w(()=>{"use strict";Ef=["SP-SEARCH","SP-TEXTFIELD","SP-NUMBER-FIELD","SP-COMBOBOX","SP-COLOR-FIELD"],tu=new RegExp(`^(${Ef.join("|")})$`)});var p=w(()=>{"use strict";Nd();Qd();eu();Ur()});var L=w(()=>{"use strict";Ve()});var $f,ru,ou=w(()=>{"use strict";p();$f=y` +var of=Object.create;var Rn=Object.defineProperty;var sf=Object.getOwnPropertyDescriptor;var af=Object.getOwnPropertyNames;var cf=Object.getPrototypeOf,nf=Object.prototype.hasOwnProperty;var w=(o,t)=>()=>(o&&(t=o(o=0)),t);var lf=(o,t)=>()=>(t||o((t={exports:{}}).exports,t),t.exports),qn=(o,t)=>{for(var e in t)Rn(o,e,{get:t[e],enumerable:!0})},df=(o,t,e,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of af(t))!nf.call(o,s)&&s!==e&&Rn(o,s,{get:()=>t[s],enumerable:!(r=sf(t,s))||r.enumerable});return o};var uf=(o,t,e)=>(e=o!=null?of(cf(o)):{},df(t||!o||!o.__esModule?Rn(e,"default",{value:o,enumerable:!0}):e,o));var Ss,Es,jn,Sd,Ao,Ed,y,Fn,$s,Vn=w(()=>{Ss=globalThis,Es=Ss.ShadowRoot&&(Ss.ShadyCSS===void 0||Ss.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,jn=Symbol(),Sd=new WeakMap,Ao=class{constructor(t,e,r){if(this._$cssResult$=!0,r!==jn)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o,e=this.t;if(Es&&t===void 0){let r=e!==void 0&&e.length===1;r&&(t=Sd.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),r&&Sd.set(e,t))}return t}toString(){return this.cssText}},Ed=o=>new Ao(typeof o=="string"?o:o+"",void 0,jn),y=(o,...t)=>{let e=o.length===1?o[0]:t.reduce((r,s,i)=>r+(a=>{if(a._$cssResult$===!0)return a.cssText;if(typeof a=="number")return a;throw Error("Value passed to 'css' function must be a 'css' function result: "+a+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(s)+o[i+1],o[0]);return new Ao(e,o,jn)},Fn=(o,t)=>{if(Es)o.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(let e of t){let r=document.createElement("style"),s=Ss.litNonce;s!==void 0&&r.setAttribute("nonce",s),r.textContent=e.cssText,o.appendChild(r)}},$s=Es?o=>o:o=>o instanceof CSSStyleSheet?(t=>{let e="";for(let r of t.cssRules)e+=r.cssText;return Ed(e)})(o):o});var mf,pf,hf,bf,gf,vf,qe,$d,ff,xf,Lo,Po,_s,_d,ye,Mo=w(()=>{Vn();Vn();({is:mf,defineProperty:pf,getOwnPropertyDescriptor:hf,getOwnPropertyNames:bf,getOwnPropertySymbols:gf,getPrototypeOf:vf}=Object),qe=globalThis,$d=qe.trustedTypes,ff=$d?$d.emptyScript:"",xf=qe.reactiveElementPolyfillSupport,Lo=(o,t)=>o,Po={toAttribute(o,t){switch(t){case Boolean:o=o?ff:null;break;case Object:case Array:o=o==null?o:JSON.stringify(o)}return o},fromAttribute(o,t){let e=o;switch(t){case Boolean:e=o!==null;break;case Number:e=o===null?null:Number(o);break;case Object:case Array:try{e=JSON.parse(o)}catch{e=null}}return e}},_s=(o,t)=>!mf(o,t),_d={attribute:!0,type:String,converter:Po,reflect:!1,hasChanged:_s};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),qe.litPropertyMetadata??(qe.litPropertyMetadata=new WeakMap);ye=class extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??(this.l=[])).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=_d){if(e.state&&(e.attribute=!1),this._$Ei(),this.elementProperties.set(t,e),!e.noAccessor){let r=Symbol(),s=this.getPropertyDescriptor(t,r,e);s!==void 0&&pf(this.prototype,t,s)}}static getPropertyDescriptor(t,e,r){let{get:s,set:i}=hf(this.prototype,t)??{get(){return this[e]},set(a){this[e]=a}};return{get(){return s?.call(this)},set(a){let d=s?.call(this);i.call(this,a),this.requestUpdate(t,d,r)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??_d}static _$Ei(){if(this.hasOwnProperty(Lo("elementProperties")))return;let t=vf(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(Lo("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(Lo("properties"))){let e=this.properties,r=[...bf(e),...gf(e)];for(let s of r)this.createProperty(s,e[s])}let t=this[Symbol.metadata];if(t!==null){let e=litPropertyMetadata.get(t);if(e!==void 0)for(let[r,s]of e)this.elementProperties.set(r,s)}this._$Eh=new Map;for(let[e,r]of this.elementProperties){let s=this._$Eu(e,r);s!==void 0&&this._$Eh.set(s,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){let e=[];if(Array.isArray(t)){let r=new Set(t.flat(1/0).reverse());for(let s of r)e.unshift($s(s))}else t!==void 0&&e.push($s(t));return e}static _$Eu(t,e){let r=e.attribute;return r===!1?void 0:typeof r=="string"?r:typeof t=="string"?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(t=>this.enableUpdating=t),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(t=>t(this))}addController(t){(this._$EO??(this._$EO=new Set)).add(t),this.renderRoot!==void 0&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){let t=new Map,e=this.constructor.elementProperties;for(let r of e.keys())this.hasOwnProperty(r)&&(t.set(r,this[r]),delete this[r]);t.size>0&&(this._$Ep=t)}createRenderRoot(){let t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return Fn(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),this._$EO?.forEach(t=>t.hostConnected?.())}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach(t=>t.hostDisconnected?.())}attributeChangedCallback(t,e,r){this._$AK(t,r)}_$EC(t,e){let r=this.constructor.elementProperties.get(t),s=this.constructor._$Eu(t,r);if(s!==void 0&&r.reflect===!0){let i=(r.converter?.toAttribute!==void 0?r.converter:Po).toAttribute(e,r.type);this._$Em=t,i==null?this.removeAttribute(s):this.setAttribute(s,i),this._$Em=null}}_$AK(t,e){let r=this.constructor,s=r._$Eh.get(t);if(s!==void 0&&this._$Em!==s){let i=r.getPropertyOptions(s),a=typeof i.converter=="function"?{fromAttribute:i.converter}:i.converter?.fromAttribute!==void 0?i.converter:Po;this._$Em=s,this[s]=a.fromAttribute(e,i.type),this._$Em=null}}requestUpdate(t,e,r){if(t!==void 0){if(r??(r=this.constructor.getPropertyOptions(t)),!(r.hasChanged??_s)(this[t],e))return;this.P(t,e,r)}this.isUpdatePending===!1&&(this._$ES=this._$ET())}P(t,e,r){this._$AL.has(t)||this._$AL.set(t,e),r.reflect===!0&&this._$Em!==t&&(this._$Ej??(this._$Ej=new Set)).add(t)}async _$ET(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}let t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??(this.renderRoot=this.createRenderRoot()),this._$Ep){for(let[s,i]of this._$Ep)this[s]=i;this._$Ep=void 0}let r=this.constructor.elementProperties;if(r.size>0)for(let[s,i]of r)i.wrapped!==!0||this._$AL.has(s)||this[s]===void 0||this.P(s,this[s],i)}let t=!1,e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),this._$EO?.forEach(r=>r.hostUpdate?.()),this.update(e)):this._$EU()}catch(r){throw t=!1,this._$EU(),r}t&&this._$AE(e)}willUpdate(t){}_$AE(t){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EU(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Ej&&(this._$Ej=this._$Ej.forEach(e=>this._$EC(e,this[e]))),this._$EU()}updated(t){}firstUpdated(t){}};ye.elementStyles=[],ye.shadowRootOptions={mode:"open"},ye[Lo("elementProperties")]=new Map,ye[Lo("finalized")]=new Map,xf?.({ReactiveElement:ye}),(qe.reactiveElementVersions??(qe.reactiveElementVersions=[])).push("2.0.4")});function Rd(o,t){if(!Kn(o)||!o.hasOwnProperty("raw"))throw Error("invalid template strings array");return Ad!==void 0?Ad.createHTML(t):t}function mr(o,t,e=o,r){if(t===tt)return t;let s=r!==void 0?e._$Co?.[r]:e._$Cl,i=Ho(t)?void 0:t._$litDirective$;return s?.constructor!==i&&(s?._$AO?.(!1),i===void 0?s=void 0:(s=new i(o),s._$AT(o,e,r)),r!==void 0?(e._$Co??(e._$Co=[]))[r]=s:e._$Cl=s),s!==void 0&&(t=mr(o,s._$AS(o,t.values),s,r)),t}var Oo,As,Ad,Un,we,Zn,yf,ur,Do,Ho,Kn,Dd,Nn,Bo,Ld,Pd,lr,Md,Bd,Hd,Gn,c,Jy,Qy,tt,_,Od,dr,qd,Ro,Ls,Vr,pr,Ps,Ms,Bs,Os,jd,wf,Nr,Mt=w(()=>{Oo=globalThis,As=Oo.trustedTypes,Ad=As?As.createPolicy("lit-html",{createHTML:o=>o}):void 0,Un="$lit$",we=`lit$${Math.random().toFixed(9).slice(2)}$`,Zn="?"+we,yf=`<${Zn}>`,ur=document,Do=()=>ur.createComment(""),Ho=o=>o===null||typeof o!="object"&&typeof o!="function",Kn=Array.isArray,Dd=o=>Kn(o)||typeof o?.[Symbol.iterator]=="function",Nn=`[ +\f\r]`,Bo=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Ld=/-->/g,Pd=/>/g,lr=RegExp(`>|${Nn}(?:([^\\s"'>=/]+)(${Nn}*=${Nn}*(?:[^ +\f\r"'\`<>=]|("|')|))|$)`,"g"),Md=/'/g,Bd=/"/g,Hd=/^(?:script|style|textarea|title)$/i,Gn=o=>(t,...e)=>({_$litType$:o,strings:t,values:e}),c=Gn(1),Jy=Gn(2),Qy=Gn(3),tt=Symbol.for("lit-noChange"),_=Symbol.for("lit-nothing"),Od=new WeakMap,dr=ur.createTreeWalker(ur,129);qd=(o,t)=>{let e=o.length-1,r=[],s,i=t===2?"":t===3?"":"",a=Bo;for(let d=0;d"?(a=s??Bo,f=-1):v[1]===void 0?f=-2:(f=a.lastIndex-v[2].length,b=v[1],a=v[3]===void 0?lr:v[3]==='"'?Bd:Md):a===Bd||a===Md?a=lr:a===Ld||a===Pd?a=Bo:(a=lr,s=void 0);let z=a===lr&&o[d+1].startsWith("/>")?" ":"";i+=a===Bo?m+yf:f>=0?(r.push(b),m.slice(0,f)+Un+m.slice(f)+we+z):m+we+(f===-2?d:z)}return[Rd(o,i+(o[e]||"")+(t===2?"":t===3?"":"")),r]},Ro=class o{constructor({strings:t,_$litType$:e},r){let s;this.parts=[];let i=0,a=0,d=t.length-1,m=this.parts,[b,v]=qd(t,e);if(this.el=o.createElement(b,r),dr.currentNode=this.el.content,e===2||e===3){let f=this.el.content.firstChild;f.replaceWith(...f.childNodes)}for(;(s=dr.nextNode())!==null&&m.length0){s.textContent=As?As.emptyScript:"";for(let z=0;z2||r[0]!==""||r[1]!==""?(this._$AH=Array(r.length-1).fill(new String),this.strings=r):this._$AH=_}_$AI(t,e=this,r,s){let i=this.strings,a=!1;if(i===void 0)t=mr(this,t,e,0),a=!Ho(t)||t!==this._$AH&&t!==tt,a&&(this._$AH=t);else{let d=t,m,b;for(t=i[0],m=0;m{let r=e?.renderBefore??t,s=r._$litPart$;if(s===void 0){let i=e?.renderBefore??null;r._$litPart$=s=new Vr(t.insertBefore(Do(),i),i,void 0,e??{})}return s._$AI(o),s}});var je,kf,Fd=w(()=>{Mo();Mo();Mt();Mt();je=class extends ye{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var e;let t=super.createRenderRoot();return(e=this.renderOptions).renderBefore??(e.renderBefore=t.firstChild),t}update(t){let e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=Nr(e,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return tt}};je._$litElement$=!0,je.finalized=!0,globalThis.litElementHydrateSupport?.({LitElement:je});kf=globalThis.litElementPolyfillSupport;kf?.({LitElement:je});(globalThis.litElementVersions??(globalThis.litElementVersions=[])).push("4.1.1")});var Vd=w(()=>{});var Ur=w(()=>{Mo();Mt();Fd();Vd()});var qo,Wn=w(()=>{qo="1.10.0"});function Nd(o){class t extends o{get isLTR(){return this.dir==="ltr"}hasVisibleFocusInTree(){let r=((s=document)=>{let i=s.activeElement;for(;i?.shadowRoot&&i.shadowRoot.activeElement;)i=i.shadowRoot.activeElement;let a=i?[i]:[];for(;i;){let d=i.assignedSlot||i.parentElement||i.getRootNode()?.host;d&&a.push(d),i=d}return a})(this.getRootNode())[0];if(!r)return!1;try{return r.matches(":focus-visible")||r.matches(".focus-visible")}catch{return r.matches(".focus-visible")}}connectedCallback(){if(!this.hasAttribute("dir")){let r=this.assignedSlot||this.parentNode;for(;r!==document.documentElement&&!Tf(r);)r=r.assignedSlot||r.parentNode||r.host;if(this.dir=r.dir==="rtl"?r.dir:this.dir||"ltr",r===document.documentElement)Yn.add(this);else{let{localName:s}=r;s.search("-")>-1&&!customElements.get(s)?customElements.whenDefined(s).then(()=>{r.startManagingContentDirection(this)}):r.startManagingContentDirection(this)}this._dirParent=r}super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback(),this._dirParent&&(this._dirParent===document.documentElement?Yn.delete(this):this._dirParent.stopManagingContentDirection(this),this.removeAttribute("dir"))}}return t}var Yn,zf,Cf,Tf,Xn,E,Jn=w(()=>{Ur();Wn();Yn=new Set,zf=()=>{let o=document.documentElement.dir==="rtl"?document.documentElement.dir:"ltr";Yn.forEach(t=>{t.setAttribute("dir",o)})},Cf=new MutationObserver(zf);Cf.observe(document.documentElement,{attributes:!0,attributeFilter:["dir"]});Tf=o=>typeof o.startManagingContentDirection<"u"||o.tagName==="SP-THEME";Xn=class Xn extends Nd(je){};Xn.VERSION=qo;E=Xn});var Ud=w(()=>{"use strict";Jn()});var Zd=w(()=>{});function n(o){return(t,e)=>typeof e=="object"?Sf(o,t,e):((r,s,i)=>{let a=s.hasOwnProperty(i);return s.constructor.createProperty(i,a?{...r,wrapped:!0}:r),a?Object.getOwnPropertyDescriptor(s,i):void 0})(o,t,e)}var If,Sf,Qn=w(()=>{Mo();If={attribute:!0,type:String,converter:Po,reflect:!1,hasChanged:_s},Sf=(o=If,t,e)=>{let{kind:r,metadata:s}=e,i=globalThis.litPropertyMetadata.get(s);if(i===void 0&&globalThis.litPropertyMetadata.set(s,i=new Map),i.set(e.name,o),r==="accessor"){let{name:a}=e;return{set(d){let m=t.get.call(this);t.set.call(this,d),this.requestUpdate(a,m,o)},init(d){return d!==void 0&&this.P(a,void 0,o),d}}}if(r==="setter"){let{name:a}=e;return function(d){let m=this[a];t.call(this,d),this.requestUpdate(a,m,o)}}throw Error("Unsupported decorator location: "+r)}});function W(o){return n({...o,state:!0,attribute:!1})}var Kd=w(()=>{Qn();});var Gd=w(()=>{});var ke,Zr=w(()=>{ke=(o,t,e)=>(e.configurable=!0,e.enumerable=!0,Reflect.decorate&&typeof t!="object"&&Object.defineProperty(o,t,e),e)});function P(o,t){return(e,r,s)=>{let i=a=>a.renderRoot?.querySelector(o)??null;if(t){let{get:a,set:d}=typeof r=="object"?e:s??(()=>{let m=Symbol();return{get(){return this[m]},set(b){this[m]=b}}})();return ke(e,r,{get(){let m=a.call(this);return m===void 0&&(m=i(this),(m!==null||this.hasUpdated)&&d.call(this,m)),m}})}return ke(e,r,{get(){return i(this)}})}}var Wd=w(()=>{Zr();});var Yd=w(()=>{Zr();});var Xd=w(()=>{Zr();});function hr(o){return(t,e)=>{let{slot:r,selector:s}=o??{},i="slot"+(r?`[name=${r}]`:":not([name])");return ke(t,e,{get(){let a=this.renderRoot?.querySelector(i),d=a?.assignedElements(o)??[];return s===void 0?d:d.filter(m=>m.matches(s))}})}}var Jd=w(()=>{Zr();});function Fe(o){return(t,e)=>{let{slot:r}=o??{},s="slot"+(r?`[name=${r}]`:":not([name])");return ke(t,e,{get(){return this.renderRoot?.querySelector(s)?.assignedNodes(o)??[]}})}}var Qd=w(()=>{Zr();});var Ve=w(()=>{Zd();Qn();Kd();Gd();Wd();Yd();Xd();Jd();Qd()});function R(o,{validSizes:t=["s","m","l","xl"],noDefaultSize:e,defaultSize:r="m"}={}){let i=class i extends o{constructor(){super(...arguments),this._size=r}get size(){return this._size||r}set size(d){let m=e?null:r,b=d&&d.toLocaleLowerCase(),v=t.includes(b)?b:m;if(v&&this.setAttribute("size",v),this._size===v)return;let f=this._size;this._size=v,this.requestUpdate("size",f)}update(d){!this.hasAttribute("size")&&!e&&this.setAttribute("size",this.size),super.update(d)}};i.VALID_SIZES=t;let s=i;return _f([n({type:String})],s.prototype,"size"),s}var Ef,$f,_f,tl=w(()=>{Ve();Ef=Object.defineProperty,$f=Object.getOwnPropertyDescriptor,_f=(o,t,e,r)=>{for(var s=$f(t,e),i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=a(t,e,s)||s);return s&&Ef(t,e,s),s}});var tu=w(()=>{"use strict";tl()});var Af,eu,ru=w(()=>{"use strict";Af=["SP-SEARCH","SP-TEXTFIELD","SP-NUMBER-FIELD","SP-COMBOBOX","SP-COLOR-FIELD"],eu=new RegExp(`^(${Af.join("|")})$`)});var p=w(()=>{"use strict";Ud();tu();ru();Ur()});var L=w(()=>{"use strict";Ve()});var Lf,ou,su=w(()=>{"use strict";p();Lf=y` :host{pointer-events:none;visibility:hidden;opacity:0;transition:transform .13s ease-in-out,opacity .13s ease-in-out,visibility 0s linear .13s;transition:transform var(--mod-overlay-animation-duration,var(--spectrum-animation-duration-100,.13s))ease-in-out,opacity var(--mod-overlay-animation-duration,var(--spectrum-animation-duration-100,.13s))ease-in-out,visibility 0s linear var(--mod-overlay-animation-duration,var(--spectrum-animation-duration-100,.13s))}:host([open]){pointer-events:auto;visibility:visible;opacity:1;transition-delay:0s;transition-delay:var(--mod-overlay-animation-duration-opened,var(--spectrum-animation-duration-0,0s))}:host{--spectrum-popover-animation-distance:var(--spectrum-spacing-100);--spectrum-popover-background-color:var(--spectrum-background-layer-2-color);--spectrum-popover-border-color:var(--spectrum-gray-400);--spectrum-popover-content-area-spacing-vertical:var(--spectrum-popover-top-to-content-area);--spectrum-popover-shadow-horizontal:var(--spectrum-drop-shadow-x);--spectrum-popover-shadow-vertical:var(--spectrum-drop-shadow-y);--spectrum-popover-shadow-blur:var(--spectrum-drop-shadow-blur);--spectrum-popover-shadow-color:var(--spectrum-drop-shadow-color);--spectrum-popover-corner-radius:var(--spectrum-corner-radius-100);--spectrum-popover-pointer-width:var(--spectrum-popover-tip-width);--spectrum-popover-pointer-height:var(--spectrum-popover-tip-height);--spectrum-popover-pointer-edge-offset:calc(var(--spectrum-corner-radius-100) + var(--spectrum-popover-tip-width)/2);--spectrum-popover-pointer-edge-spacing:calc(var(--spectrum-popover-pointer-edge-offset) - var(--spectrum-popover-tip-width)/2)}@media (forced-colors:active){:host{--highcontrast-popover-border-color:CanvasText}}:host{--spectrum-popover-filter:drop-shadow(var(--mod-popover-shadow-horizontal,var(--spectrum-popover-shadow-horizontal))var(--mod-popover-shadow-vertical,var(--spectrum-popover-shadow-vertical))var(--mod-popover-shadow-blur,var(--spectrum-popover-shadow-blur))var(--mod-popover-shadow-color,var(--spectrum-popover-shadow-color)));box-sizing:border-box;padding:var(--mod-popover-content-area-spacing-vertical,var(--spectrum-popover-content-area-spacing-vertical))0;border-radius:var(--mod-popover-corner-radius,var(--spectrum-popover-corner-radius));border-style:solid;border-color:var(--highcontrast-popover-border-color,var(--mod-popover-border-color,var(--spectrum-popover-border-color)));border-width:var(--mod-popover-border-width,var(--spectrum-popover-border-width));background-color:var(--mod-popover-background-color,var(--spectrum-popover-background-color));filter:var(--mod-popover-filter,var(--spectrum-popover-filter));outline:none;flex-direction:column;display:inline-flex;position:absolute}:host([tip]){overflow:visible}:host([tip]) #tip .triangle{stroke-linecap:square;stroke-linejoin:miter;fill:var(--mod-popover-background-color,var(--spectrum-popover-background-color));stroke:var(--highcontrast-popover-border-color,var(--mod-popover-border-color,var(--spectrum-popover-border-color)));stroke-width:var(--mod-popover-border-width,var(--spectrum-popover-border-width))}*{--mod-popover-filter:none}:host([tip]) .spectrum-Popover--top-end,:host([tip]) .spectrum-Popover--top-left,:host([tip]) .spectrum-Popover--top-right,:host([tip]) .spectrum-Popover--top-start,:host([placement*=top][tip]){margin-block-end:calc(var(--mod-popover-pointer-height,var(--spectrum-popover-pointer-height)) - var(--mod-popover-border-width,var(--spectrum-popover-border-width)))}:host([open]) .spectrum-Popover--top-end,:host([open]) .spectrum-Popover--top-left,:host([open]) .spectrum-Popover--top-right,:host([open]) .spectrum-Popover--top-start,:host([placement*=top][open]){transform:translateY(calc(var(--mod-popover-animation-distance,var(--spectrum-popover-animation-distance))*-1))translateZ(0)}:host([tip]) .spectrum-Popover--bottom-end,:host([tip]) .spectrum-Popover--bottom-left,:host([tip]) .spectrum-Popover--bottom-right,:host([tip]) .spectrum-Popover--bottom-start,:host([placement*=bottom][tip]){margin-block-start:calc(var(--mod-popover-pointer-height,var(--spectrum-popover-pointer-height)) - var(--mod-popover-border-width,var(--spectrum-popover-border-width)))}:host([open]) .spectrum-Popover--bottom-end,:host([open]) .spectrum-Popover--bottom-left,:host([open]) .spectrum-Popover--bottom-right,:host([open]) .spectrum-Popover--bottom-start,:host([placement*=bottom][open]){transform:translateY(var(--mod-popover-animation-distance,var(--spectrum-popover-animation-distance)))translateZ(0)}:host([tip]) .spectrum-Popover--right-bottom,:host([tip]) .spectrum-Popover--right-top,:host([placement*=right][tip]){margin-left:calc(var(--mod-popover-pointer-width,var(--spectrum-popover-pointer-width)) - var(--mod-popover-border-width,var(--spectrum-popover-border-width)))}:host([open]) .spectrum-Popover--right-bottom,:host([open]) .spectrum-Popover--right-top,:host([placement*=right][open]){transform:translateX(var(--mod-popover-animation-distance,var(--spectrum-popover-animation-distance)))translateZ(0)}:host([tip]) .spectrum-Popover--left-bottom,:host([tip]) .spectrum-Popover--left-top,:host([placement*=left][tip]){margin-right:calc(var(--mod-popover-pointer-width,var(--spectrum-popover-pointer-width)) - var(--mod-popover-border-width,var(--spectrum-popover-border-width)))}:host([open]) .spectrum-Popover--left-bottom,:host([open]) .spectrum-Popover--left-top,:host([placement*=left][open]){transform:translateX(calc(var(--mod-popover-animation-distance,var(--spectrum-popover-animation-distance))*-1))translateZ(0)}:host([tip]) .spectrum-Popover--start-bottom,:host([tip]) .spectrum-Popover--start-top,:host([tip]) .spectrum-Popover--start{margin-inline-end:calc(var(--mod-popover-pointer-width,var(--spectrum-popover-pointer-width)) - var(--mod-popover-border-width,var(--spectrum-popover-border-width)))}:host([open]) .spectrum-Popover--start-bottom,:host([open]) .spectrum-Popover--start-top,:host([open]) .spectrum-Popover--start{transform:translateX(calc(var(--mod-popover-animation-distance,var(--spectrum-popover-animation-distance))*-1))translateZ(0)}:host([open]) .spectrum-Popover--start-bottom:dir(rtl),:host([open]) .spectrum-Popover--start-top:dir(rtl),:host([open]) .spectrum-Popover--start:dir(rtl),:host([dir=rtl][open]) .spectrum-Popover--start-bottom,:host([dir=rtl][open]) .spectrum-Popover--start-top,:host([dir=rtl][open]) .spectrum-Popover--start{transform:translateX(var(--mod-popover-animation-distance,var(--spectrum-popover-animation-distance)))translateZ(0)}:host([tip]) .spectrum-Popover--end-bottom,:host([tip]) .spectrum-Popover--end-top,:host([tip]) .spectrum-Popover--end{margin-inline-start:calc(var(--mod-popover-pointer-width,var(--spectrum-popover-pointer-width)) - var(--mod-popover-border-width,var(--spectrum-popover-border-width)))}:host([open]) .spectrum-Popover--end-bottom,:host([open]) .spectrum-Popover--end-top,:host([open]) .spectrum-Popover--end{transform:translateX(var(--mod-popover-animation-distance,var(--spectrum-popover-animation-distance)))translateZ(0)}:host([open]) .spectrum-Popover--end-bottom:dir(rtl),:host([open]) .spectrum-Popover--end-top:dir(rtl),:host([open]) .spectrum-Popover--end:dir(rtl),:host([dir=rtl][open]) .spectrum-Popover--end-bottom,:host([dir=rtl][open]) .spectrum-Popover--end-top,:host([dir=rtl][open]) .spectrum-Popover--end{transform:translateX(calc(var(--mod-popover-animation-distance,var(--spectrum-popover-animation-distance))*-1))translateZ(0)}:host([tip]) #tip,:host([tip][placement*=bottom]) #tip,:host([tip]) .spectrum-Popover--bottom-end #tip,:host([tip]) .spectrum-Popover--bottom-left #tip,:host([tip]) .spectrum-Popover--bottom-right #tip,:host([tip]) .spectrum-Popover--bottom-start #tip,:host([tip][placement*=top]) #tip,:host([tip]) .spectrum-Popover--top-end #tip,:host([tip]) .spectrum-Popover--top-left #tip,:host([tip]) .spectrum-Popover--top-right #tip,:host([tip]) .spectrum-Popover--top-start #tip{inline-size:var(--mod-popover-pointer-width,var(--spectrum-popover-pointer-width));block-size:var(--mod-popover-pointer-height,var(--spectrum-popover-pointer-height));margin:auto;position:absolute;inset-block-start:100%;inset-inline:0;transform:translate(0)}:host([tip]) .spectrum-Popover--top-left #tip{inset-inline:var(--mod-popover-pointer-edge-spacing,var(--spectrum-popover-pointer-edge-spacing))auto}:host([tip]) .spectrum-Popover--top-right #tip{inset-inline:auto var(--mod-popover-pointer-edge-spacing,var(--spectrum-popover-pointer-edge-spacing))}:host([tip]) .spectrum-Popover--top-start #tip{margin-inline-start:var(--mod-popover-pointer-edge-spacing,var(--spectrum-popover-pointer-edge-spacing))}:host([tip]) .spectrum-Popover--top-end #tip{margin-inline-end:var(--mod-popover-pointer-edge-spacing,var(--spectrum-popover-pointer-edge-spacing))}:host([tip][placement*=bottom]) #tip,:host([tip]) .spectrum-Popover--bottom-end #tip,:host([tip]) .spectrum-Popover--bottom-left #tip,:host([tip]) .spectrum-Popover--bottom-right #tip,:host([tip]) .spectrum-Popover--bottom-start #tip{inset-block:auto 100%;transform:scaleY(-1)}:host([tip]) .spectrum-Popover--bottom-left #tip{inset-inline:var(--mod-popover-pointer-edge-spacing,var(--spectrum-popover-pointer-edge-spacing))auto}:host([tip]) .spectrum-Popover--bottom-right #tip{inset-inline:auto var(--mod-popover-pointer-edge-spacing,var(--spectrum-popover-pointer-edge-spacing))}:host([tip]) .spectrum-Popover--bottom-start #tip{margin-inline-start:var(--mod-popover-pointer-edge-spacing,var(--spectrum-popover-pointer-edge-spacing))}:host([tip]) .spectrum-Popover--bottom-end #tip{margin-inline-end:var(--mod-popover-pointer-edge-spacing,var(--spectrum-popover-pointer-edge-spacing))}:host([tip]) .spectrum-Popover--end #tip,:host([tip]) .spectrum-Popover--end-bottom #tip,:host([tip]) .spectrum-Popover--end-top #tip,:host([tip][placement*=left]) #tip,:host([tip]) .spectrum-Popover--left-bottom #tip,:host([tip]) .spectrum-Popover--left-top #tip,:host([tip][placement*=right]) #tip,:host([tip]) .spectrum-Popover--right-bottom #tip,:host([tip]) .spectrum-Popover--right-top #tip,:host([tip]) .spectrum-Popover--start #tip,:host([tip]) .spectrum-Popover--start-bottom #tip,:host([tip]) .spectrum-Popover--start-top #tip{inline-size:var(--mod-popover-pointer-height,var(--spectrum-popover-pointer-height));block-size:var(--mod-popover-pointer-width,var(--spectrum-popover-pointer-width));inset-block:0}:host([tip][placement*=left]) #tip,:host([tip]) .spectrum-Popover--left-bottom #tip,:host([tip]) .spectrum-Popover--left-top #tip{left:100%;right:auto}:host([tip][placement*=right]) #tip,:host([tip]) .spectrum-Popover--right-bottom #tip,:host([tip]) .spectrum-Popover--right-top #tip{left:auto;right:100%;transform:scaleX(-1)}:host([tip]) .spectrum-Popover--end-top #tip,:host([tip]) .spectrum-Popover--left-top #tip,:host([tip]) .spectrum-Popover--right-top #tip,:host([tip]) .spectrum-Popover--start-top #tip{inset-block:var(--mod-popover-pointer-edge-spacing,var(--spectrum-popover-pointer-edge-spacing))auto}:host([tip]) .spectrum-Popover--end-bottom #tip,:host([tip]) .spectrum-Popover--left-bottom #tip,:host([tip]) .spectrum-Popover--right-bottom #tip,:host([tip]) .spectrum-Popover--start-bottom #tip{inset-block:auto var(--mod-popover-pointer-edge-spacing,var(--spectrum-popover-pointer-edge-spacing))}:host([tip]) .spectrum-Popover--start #tip,:host([tip]) .spectrum-Popover--start-bottom #tip,:host([tip]) .spectrum-Popover--start-top #tip{margin-inline-start:100%}:host([tip]) .spectrum-Popover--start #tip:dir(rtl),:host([tip]) .spectrum-Popover--start-bottom #tip:dir(rtl),:host([tip]) .spectrum-Popover--start-top #tip:dir(rtl),:host([dir=rtl][tip]) .spectrum-Popover--start #tip,:host([dir=rtl][tip]) .spectrum-Popover--start-bottom #tip,:host([dir=rtl][tip]) .spectrum-Popover--start-top #tip{transform:none}:host([tip]) .spectrum-Popover--end #tip,:host([tip]) .spectrum-Popover--end-bottom #tip,:host([tip]) .spectrum-Popover--end-top #tip{margin-inline-end:100%;transform:scaleX(-1)}:host([tip]) .spectrum-Popover--end #tip:dir(rtl),:host([tip]) .spectrum-Popover--end-bottom #tip:dir(rtl),:host([tip]) .spectrum-Popover--end-top #tip:dir(rtl),:host([dir=rtl][tip]) .spectrum-Popover--end #tip,:host([dir=rtl][tip]) .spectrum-Popover--end-bottom #tip,:host([dir=rtl][tip]) .spectrum-Popover--end-top #tip{transform:scaleX(1)}:host{--spectrum-popover-border-width:var(--system-popover-border-width)}:host{min-width:min-content;max-width:100%;max-height:100%;inline-size:var(--mod-popover-inline-size);clip-path:none}::slotted(*){overscroll-behavior:contain}:host([placement*=left]) #tip[style],:host([placement*=right]) #tip[style]{inset-block-end:auto}:host([placement*=top]) #tip[style],:host([placement*=bottom]) #tip[style]{inset-inline-end:auto}.block,.inline{width:100%;height:100%;display:block}:host([placement*=left]) .block,:host([placement*=right]) .block,:host([placement*=top]) .inline,:host([placement*=bottom]) .inline{display:none}::slotted(.visually-hidden){clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:0 -1px -1px 0;padding:0;position:absolute;overflow:hidden}::slotted(sp-menu){margin:0}:host([dialog]){min-width:var(--mod-popover-dialog-min-width,var(--spectrum-popover-dialog-min-width,270px));padding:var(--mod-popover-dialog-padding,var(--spectrum-popover-dialog-padding,30px 29px))}:host([tip][placement]) #tip{height:auto} -`,ru=$f});var _f,Af,Ds,Ne,su=w(()=>{"use strict";p();L();ou();_f=Object.defineProperty,Af=Object.getOwnPropertyDescriptor,Ds=(o,t,e,r)=>{for(var s=r>1?void 0:r?Af(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&_f(t,e,s),s},Ne=class extends E{constructor(){super(...arguments),this.open=!1,this.tip=!1}static get styles(){return[ru]}renderTip(){return c` +`,ou=Lf});var Pf,Mf,Ds,Ne,iu=w(()=>{"use strict";p();L();su();Pf=Object.defineProperty,Mf=Object.getOwnPropertyDescriptor,Ds=(o,t,e,r)=>{for(var s=r>1?void 0:r?Mf(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&Pf(t,e,s),s},Ne=class extends E{constructor(){super(...arguments),this.open=!1,this.tip=!1}static get styles(){return[ou]}renderTip(){return c` - `}};Jr.STATIC_COLORS=Us,t1([n({type:String,reflect:!0,attribute:"static-color"})],Jr.prototype,"staticColor",2)});var Zu={};var Qr=w(()=>{"use strict";Uu();x();l("sp-progress-circle",Jr)});function at(){return Array.from(crypto.getRandomValues(new Uint8Array(4)),o=>`0${(o&255).toString(16)}`.slice(-2)).join("")}var te=w(()=>{"use strict"});function Cl(o,t,e){let r=o.getAttribute(t),s=r?r.split(/\s+/):[];s=s.filter(i=>!e.find(a=>i===a)),s.length?o.setAttribute(t,s.join(" ")):o.removeAttribute(t)}function Bt(o,t,e){let r=Array.isArray(e)?e:[e],s=o.getAttribute(t),i=s?s.split(/\s+/):[];return r.every(a=>i.indexOf(a)>-1)?()=>{}:(i.push(...r),o.setAttribute(t,i.join(" ")),()=>Cl(o,t,r))}var ro=w(()=>{"use strict"});var Wo,oo,Tl=w(()=>{"use strict";Wo=Symbol("element resolver updated"),oo=class{constructor(t,{selector:e}={selector:""}){this._element=null,this._selector="",this.mutationCallback=r=>{let s=!1;r.forEach(i=>{if(!s){if(i.type==="childList"){let a=this.element&&[...i.removedNodes].includes(this.element),d=!!this.selector&&[...i.addedNodes].some(this.elementIsSelected);s=s||a||d}if(i.type==="attributes"){let a=i.target===this.element,d=!!this.selector&&this.elementIsSelected(i.target);s=s||a||d}}}),s&&this.resolveElement()},this.elementIsSelected=r=>{var s;return this.selectorIsId?r?.id===this.selectorAsId:(s=r?.matches)==null?void 0:s.call(r,this.selector)},this.host=t,this.selector=e,this.observer=new MutationObserver(this.mutationCallback),this.host.addController(this)}get element(){return this._element}set element(t){if(t===this.element)return;let e=this.element;this._element=t,this.host.requestUpdate(Wo,e)}get selector(){return this._selector}set selector(t){t!==this.selector&&(this.releaseElement(),this._selector=t,this.resolveElement())}get selectorAsId(){return this.selector.slice(1)}get selectorIsId(){return!!this.selector&&this.selector.startsWith("#")}hostConnected(){this.resolveElement(),this.observer.observe(this.host.getRootNode(),{subtree:!0,childList:!0,attributes:!0})}hostDisconnected(){this.releaseElement(),this.observer.disconnect()}resolveElement(){if(!this.selector){this.releaseElement();return}let t=this.host.getRootNode();this.element=this.selectorIsId?t.getElementById(this.selectorAsId):t.querySelector(this.selector)}releaseElement(){this.element=null}}});var Tm,io,Sl=w(()=>{"use strict";Tm="(max-width: 743px) and (hover: none) and (pointer: coarse)",io=class{constructor(t,e){this.key=Symbol("match-media-key"),this.matches=!1,this.host=t,this.host.addController(this),this.media=window.matchMedia(e),this.matches=this.media.matches,this.onChange=this.onChange.bind(this),t.addController(this)}hostConnected(){var t;(t=this.media)==null||t.addEventListener("change",this.onChange)}hostDisconnected(){var t;(t=this.media)==null||t.removeEventListener("change",this.onChange)}onChange(t){this.matches!==t.matches&&(this.matches=t.matches,this.host.requestUpdate(this.key,!this.matches))}}});function j1(o,t,e=[]){for(let r=0;r{"use strict";Sm=(o,t,{position:e,prepareCallback:r}={position:"beforeend"})=>{let{length:s}=o;if(s===0)return()=>o;let i=1,a=0;(e==="afterbegin"||e==="afterend")&&(i=-1,a=s-1);let d=new Array(s),m=new Array(s),b=document.createComment("placeholder for reparented element");do{let v=o[a];r&&(m[a]=r(v)),d[a]=b.cloneNode();let f=v.parentElement||v.getRootNode();f&&f!==v&&f.replaceChild(d[a],v),t.insertAdjacentElement(e,v),a+=i}while(--s>0);return function(){return j1(d,o,m)}}});var li,Em=w(()=>{"use strict";li=class{constructor(t={}){this.warmUpDelay=1e3,this.coolDownDelay=1e3,this.isWarm=!1,this.timeout=0,Object.assign(this,t)}async openTimer(t){if(this.cancelCooldownTimer(),!this.component||t!==this.component)return this.component&&(this.close(this.component),this.cancelCooldownTimer()),this.component=t,this.isWarm?!1:(this.promise=new Promise(e=>{this.resolve=e,this.timeout=window.setTimeout(()=>{this.resolve&&(this.resolve(!1),this.isWarm=!0)},this.warmUpDelay)}),this.promise);if(this.promise)return this.promise;throw new Error("Inconsistent state")}close(t){this.component&&this.component===t&&(this.resetCooldownTimer(),this.timeout>0&&(clearTimeout(this.timeout),this.timeout=0),this.resolve&&(this.resolve(!0),delete this.resolve),delete this.promise,delete this.component)}resetCooldownTimer(){this.isWarm&&(this.cooldownTimeout&&window.clearTimeout(this.cooldownTimeout),this.cooldownTimeout=window.setTimeout(()=>{this.isWarm=!1,delete this.cooldownTimeout},this.coolDownDelay))}cancelCooldownTimer(){this.cooldownTimeout&&window.clearTimeout(this.cooldownTimeout),delete this.cooldownTimeout}}});var Yo={};var Te=w(()=>{"use strict";x();di();l("sp-overlay",$l)});function Ft(){return new Promise(o=>requestAnimationFrame(()=>o()))}var ao,Ie,ui,xr,yr=w(()=>{"use strict";p();El();Em();ao=new li,Ie=()=>{},ui=(o,t,e)=>{let r=new AbortController,s=new Map,i=()=>{r.abort(),e()},a,d,m=requestAnimationFrame(()=>{a=requestAnimationFrame(()=>{d=requestAnimationFrame(()=>{i()})})}),b=f=>{f.target===o&&(s.set(f.propertyName,s.get(f.propertyName)-1),s.get(f.propertyName)||s.delete(f.propertyName),s.size===0&&i())},v=f=>{f.target===o&&(s.has(f.propertyName)||s.set(f.propertyName,0),s.set(f.propertyName,s.get(f.propertyName)+1),cancelAnimationFrame(m),cancelAnimationFrame(a),cancelAnimationFrame(d))};o.addEventListener("transitionrun",v,{signal:r.signal}),o.addEventListener("transitionend",b,{signal:r.signal}),o.addEventListener("transitioncancel",b,{signal:r.signal}),t()};xr=class o extends E{constructor(){super(...arguments),this.dispose=Ie,this.offset=0,this.willPreventClose=!1}async applyFocus(t,e){}get delayed(){return!1}set delayed(t){}get disabled(){return!1}set disabled(t){}get elementResolver(){return this._elementResolver}set elementResolver(t){this._elementResolver=t}async ensureOnDOM(t){}async makeTransition(t){return null}async manageDelay(t){}async managePopoverOpen(){}managePosition(){}get open(){return!1}set open(t){}get placementController(){return this._placementController}set placementController(t){this._placementController=t}requestSlottable(){}returnFocus(){}get state(){return"closed"}set state(t){}manuallyKeepOpen(){}static update(){let t=new CustomEvent("sp-update-overlays",{bubbles:!0,composed:!0,cancelable:!0});document.dispatchEvent(t)}static async open(t,e,r,s){await Promise.resolve().then(()=>(Te(),Yo));let i=arguments.length===2,a=r||t,d=new this,m=!1;d.dispose=()=>{d.addEventListener("sp-closed",()=>{m||(b(),m=!0),requestAnimationFrame(()=>{d.remove()})}),d.open=!1,d.dispose=Ie};let b=Sm([a],d,{position:"beforeend",prepareCallback:f=>{let k=f.slot;return f.removeAttribute("slot"),()=>{f.slot=k}}});if(!i&&a&&s){let f=t,k=e,z=s;return o.applyOptions(d,{...z,delayed:z.delayed||a.hasAttribute("delayed"),trigger:z.virtualTrigger||f,type:k==="modal"?"modal":k==="hover"?"hint":"auto"}),f.insertAdjacentElement("afterend",d),await d.updateComplete,d.open=!0,d.dispose}let v=e;return d.append(a),o.applyOptions(d,{...v,delayed:v.delayed||a.hasAttribute("delayed")}),d.updateComplete.then(()=>{d.open=!0}),d}static applyOptions(t,e){var r,s;t.delayed=!!e.delayed,t.receivesFocus=(r=e.receivesFocus)!=null?r:"auto",t.triggerElement=e.trigger||null,t.type=e.type||"modal",t.offset=(s=e.offset)!=null?s:0,t.placement=e.placement,t.willPreventClose=!!e.notImmediatelyClosable}disconnectedCallback(){super.disconnectedCallback()}}});var _m,$m,wr,Am,mi=w(()=>{"use strict";_m=["input:not([inert])","select:not([inert])","textarea:not([inert])","a[href]:not([inert])","button:not([inert])","label:not([inert])","[tabindex]:not([inert])","audio[controls]:not([inert])","video[controls]:not([inert])",'[contenteditable]:not([contenteditable="false"]):not([inert])',"details>summary:first-of-type:not([inert])","details:not([inert])",'[focusable]:not([focusable="false"])'],$m=':not([tabindex="-1"])',wr=_m.join(`${$m}, `)+$m,Am=_m.join(", ")});var Ye,pi,co=w(()=>{"use strict";mi();Ye=o=>o.querySelector(wr),pi=o=>o.assignedElements().find(t=>t.matches(wr))});var Xe,hi=w(()=>{"use strict";yr();Xe=class{constructor(t,e){this.x=0,this.y=0,this.x=t,this.y=e}updateBoundingClientRect(t,e){this.x=t,this.y=e,xr.update()}getBoundingClientRect(){return{width:0,height:0,top:this.y,right:this.x,y:this.y,x:this.x,bottom:this.y,left:this.x,toJSON(){}}}}});var no,lo,ee,_l=w(()=>{"use strict";no=class extends Event{constructor(){super("beforetoggle",{bubbles:!1,composed:!1}),this.currentState="open",this.newState="closed"}},lo=class extends Event{constructor(){super("beforetoggle",{bubbles:!1,composed:!1}),this.currentState="closed",this.newState="open"}},ee=class extends Event{constructor(t,e,{publish:r,interaction:s,reason:i}){super(t,{bubbles:r,composed:r}),this.overlay=e,this.detail={interaction:s,reason:i}}}});var Lm=w(()=>{"use strict"});function Vt(o,t){var e,r;let s=Array.isArray(t)?t:[t];class i extends(r=o,e=uo,r){constructor(...d){super(d),this[e]=new Map,this.managePresenceObservedSlot=()=>{let m=!1;s.forEach(b=>{let v=!!this.querySelector(`:scope > ${b}`),f=this[uo].get(b)||!1;m=m||f!==v,this[uo].set(b,!!this.querySelector(`:scope > ${b}`))}),m&&this.updateComplete.then(()=>{this.requestUpdate()})},new Xr(this,{config:{childList:!0,subtree:!0},callback:()=>{this.managePresenceObservedSlot()}}),this.managePresenceObservedSlot()}get slotContentIsPresent(){if(s.length===1)return this[uo].get(s[0])||!1;throw new Error("Multiple selectors provided to `ObserveSlotPresence` use `getSlotContentPresence(selector: string)` instead.")}getSlotContentPresence(d){if(this[uo].has(d))return this[uo].get(d)||!1;throw new Error(`The provided selector \`${d}\` is not being observed.`)}}return i}var uo,Al=w(()=>{dl();uo=Symbol("slotContentIsPresent")});var Xo=w(()=>{"use strict";Al()});function Ll(o){return typeof window<"u"&&window.navigator!=null?o.test(window.navigator.userAgent):!1}function Pl(o){return typeof window<"u"&&window.navigator!=null?o.test(window.navigator.platform):!1}function F1(){return Pl(/^Mac/)}function Ml(){return Pl(/^iPhone/)}function V1(){return Pl(/^iPad/)||F1()&&navigator.maxTouchPoints>1}function Jo(){return Ml()||V1()}function Qo(){return Ll(/AppleWebKit/)&&!N1()}function N1(){return Ll(/Chrome/)}function bi(){return Ll(/Android/)}var Bl=w(()=>{"use strict"});var Pm=w(()=>{"use strict";hl()});var Nt=w(()=>{"use strict";co();le();Ce();mi();Lm();br();Xo();Zo();Bl();El();Pm();te()});function Mm(o){let t=!1;try{t=o.matches(":popover-open")}catch{}let e=!1;try{e=o.matches(":open")}catch{}return t||e}function Bm(o){class t extends o{async manageDelay(r){if(r===!1||r!==this.open){ao.close(this);return}this.delayed&&await ao.openTimer(this)&&(this.open=!r)}async shouldHidePopover(r){if(r&&this.open!==r)return;let s=async({newState:i}={})=>{i!=="open"&&await this.placementController.resetOverlayPosition()};if(!Mm(this.dialogEl)){s();return}this.dialogEl.addEventListener("toggle",s,{once:!0})}shouldShowPopover(r){let s=!1;try{s=this.dialogEl.matches(":popover-open")}catch{}let i=!1;try{i=this.dialogEl.matches(":open")}catch{}r&&this.open===r&&!s&&!i&&this.isConnected&&(this.dialogEl.showPopover(),this.managePosition())}async ensureOnDOM(r){U1||await this.shouldHidePopover(r),this.shouldShowPopover(r),await Ft()}async makeTransition(r){if(this.open!==r)return null;let s=null,i=(d,m)=>()=>{if(d.open=r,m===0){let b=r?lo:no;this.dispatchEvent(new b)}!r||(d.matches(wr)&&(s=d),s=s||Ye(d),s)||d.querySelectorAll("slot").forEach(b=>{s||(s=pi(b))})},a=(d,m)=>async()=>{if(this.open!==r)return;let b=r?"sp-opened":"sp-closed";if(m>0){d.dispatchEvent(new ee(b,this,{interaction:this.type,publish:!1}));return}let v=async()=>{if(this.open!==r)return;await Ft();let k=this.triggerElement instanceof Xe;this.dispatchEvent(new ee(b,this,{interaction:this.type,publish:k})),d.dispatchEvent(new ee(b,this,{interaction:this.type,publish:!1})),this.triggerElement&&!k&&this.triggerElement.dispatchEvent(new ee(b,this,{interaction:this.type,publish:!0})),this.state=r?"opened":"closed",this.returnFocus(),await Ft(),await Ft(),r===this.open&&r===!1&&this.requestSlottable()};if(this.open!==r)return;let f=Mm(this.dialogEl);r!==!0&&f&&this.isConnected?(this.dialogEl.addEventListener("beforetoggle",()=>{v()},{once:!0}),this.dialogEl.hidePopover()):v()};return this.elements.forEach((d,m)=>{ui(d,i(d,m),a(d,m))}),s}}return t}var U1,Om=w(()=>{"use strict";co();hi();yr();_l();Nt();U1=CSS.supports("(overlay: auto)")});function Dm(o){class t extends o{async managePopoverOpen(){await this.managePosition()}async manageDelay(r){if(r===!1||r!==this.open){ao.close(this);return}this.delayed&&await ao.openTimer(this)&&(this.open=!r)}async ensureOnDOM(r){document.body.offsetHeight}async makeTransition(r){if(this.open!==r)return null;let s=null,i=(d,m)=>()=>{if(r===this.open){if(d.open=r,m===0){let b=r?lo:no;this.dispatchEvent(new b)}r!==!0||(d.matches(wr)&&(s=d),s=s||Ye(d),s)||d.querySelectorAll("slot").forEach(b=>{s||(s=pi(b))})}},a=(d,m)=>async()=>{if(this.open!==r)return;let b=r?"sp-opened":"sp-closed";if(d.dispatchEvent(new ee(b,this,{interaction:this.type})),m>0)return;let v=this.triggerElement instanceof Xe;this.dispatchEvent(new ee(b,this,{interaction:this.type,publish:v})),this.triggerElement&&!v&&this.triggerElement.dispatchEvent(new ee(b,this,{interaction:this.type,publish:!0})),this.state=r?"opened":"closed",this.returnFocus(),await Ft(),await Ft(),r===this.open&&r===!1&&this.requestSlottable()};return this.elements.forEach((d,m)=>{ui(d,i(d,m),a(d,m))}),s}}return t}var Hm=w(()=>{"use strict";co();hi();yr();_l();Nt()});var Z1,Ol,Dl,Rm=w(()=>{"use strict";Z1="showPopover"in document.createElement("div"),Ol=class{constructor(){this.root=document.body,this.stack=[],this.originalBodyOverflow="",this.bodyScrollBlocked=!1,this.handleScroll=t=>{t.target!==document&&t.target!==document.documentElement&&t.target!==document.body||this.stack.forEach(e=>{e.open&&(e.type==="auto"&&e.triggerElement instanceof HTMLElement&&e.triggerElement.closest("sp-picker, sp-action-menu")&&t.stopPropagation(),document.dispatchEvent(new CustomEvent("sp-update-overlays",{bubbles:!0,composed:!0,cancelable:!0})))})},this.handlePointerdown=t=>{this.pointerdownPath=t.composedPath(),this.lastOverlay=this.stack[this.stack.length-1]},this.handlePointerup=()=>{let t=this.pointerdownPath;if(this.pointerdownPath=void 0,!this.stack.length||!(t!=null&&t.length))return;let e=this.lastOverlay;this.lastOverlay=void 0;let r=this.stack.length-1,s=this.stack.filter((i,a)=>!t.find(d=>d===i||d===i?.triggerElement&&i?.type==="hint"||a===r&&i!==e&&i.triggerInteraction==="longpress")&&!i.shouldPreventClose()&&i.type!=="manual"&&!(i.type==="modal"&&e!==i));s.reverse(),s.forEach(i=>{this.closeOverlay(i);let a=i.parentOverlayToForceClose;for(;a;)this.closeOverlay(a),a=a.parentOverlayToForceClose})},this.handleBeforetoggle=t=>{let{target:e,newState:r}=t;r!=="open"&&this.closeOverlay(e)},this.handleKeydown=t=>{if(t.code!=="Escape"||!this.stack.length)return;let e=this.stack[this.stack.length-1];if(e?.type==="page"){t.preventDefault();return}if(e?.type==="manual"){this.closeOverlay(e);return}Z1||e&&this.closeOverlay(e)},this.bindEvents()}get document(){return this.root.ownerDocument||document}bindEvents(){this.document.addEventListener("pointerdown",this.handlePointerdown),this.document.addEventListener("pointerup",this.handlePointerup),this.document.addEventListener("keydown",this.handleKeydown),this.document.addEventListener("scroll",this.handleScroll,{capture:!0})}closeOverlay(t){let e=this.stack.indexOf(t);e>-1&&this.stack.splice(e,1),t.open=!1,this.manageBodyScroll()}manageBodyScroll(){let t=this.stack.some(e=>e.type==="modal"||e.type==="page");t&&!this.bodyScrollBlocked?(this.originalBodyOverflow=document.body.style.overflow||"",document.body.style.overflow="hidden",this.bodyScrollBlocked=!0):!t&&this.bodyScrollBlocked&&(document.body.style.overflow=this.originalBodyOverflow,this.bodyScrollBlocked=!1)}overlaysByTriggerElement(t){return this.stack.filter(e=>e.triggerElement===t)}add(t){if(this.stack.includes(t)){let e=this.stack.indexOf(t);e>-1&&(this.stack.splice(e,1),this.stack.push(t));return}if(t.type==="auto"||t.type==="modal"||t.type==="page"){let e="sp-overlay-query-path",r=new Event(e,{composed:!0,bubbles:!0});t.addEventListener(e,s=>{let i=s.composedPath();this.stack.forEach(a=>{!i.find(d=>d===a)&&a.type!=="manual"&&a.type!=="modal"&&this.closeOverlay(a)})},{once:!0}),t.dispatchEvent(r)}else if(t.type==="hint"){if(this.stack.some(e=>e.type!=="manual"&&e.triggerElement&&e.triggerElement===t.triggerElement)){t.open=!1;return}this.stack.forEach(e=>{e.type==="hint"&&this.closeOverlay(e)})}requestAnimationFrame(()=>{this.stack.push(t),t.addEventListener("beforetoggle",this.handleBeforetoggle,{once:!0}),this.manageBodyScroll()})}remove(t){this.closeOverlay(t)}},Dl=new Ol});function vi(o,t,e){return zt(o,he(t,e))}function kr(o,t){return typeof o=="function"?o(t):o}function Se(o){return o.split("-")[0]}function zr(o){return o.split("-")[1]}function Hl(o){return o==="x"?"y":"x"}function fi(o){return o==="y"?"height":"width"}function be(o){return W1.has(Se(o))?"y":"x"}function xi(o){return Hl(be(o))}function Fm(o,t,e){e===void 0&&(e=!1);let r=zr(o),s=xi(o),i=fi(s),a=s==="x"?r===(e?"end":"start")?"right":"left":r==="start"?"bottom":"top";return t.reference[i]>t.floating[i]&&(a=ts(a)),[a,ts(a)]}function Vm(o){let t=ts(o);return[gi(o),t,gi(t)]}function gi(o){return o.replace(/start|end/g,t=>G1[t])}function J1(o,t,e){switch(o){case"top":case"bottom":return e?t?jm:qm:t?qm:jm;case"left":case"right":return t?Y1:X1;default:return[]}}function Nm(o,t,e,r){let s=zr(o),i=J1(Se(o),e==="start",r);return s&&(i=i.map(a=>a+"-"+s),t&&(i=i.concat(i.map(gi)))),i}function ts(o){return o.replace(/left|right|bottom|top/g,t=>K1[t])}function Q1(o){return{top:0,right:0,bottom:0,left:0,...o}}function Rl(o){return typeof o!="number"?Q1(o):{top:o,right:o,bottom:o,left:o}}function Cr(o){let{x:t,y:e,width:r,height:s}=o;return{width:r,height:s,top:e,left:t,right:t+r,bottom:e+s,x:t,y:e}}var he,zt,es,rs,re,K1,G1,W1,qm,jm,Y1,X1,yi=w(()=>{he=Math.min,zt=Math.max,es=Math.round,rs=Math.floor,re=o=>({x:o,y:o}),K1={left:"right",right:"left",bottom:"top",top:"bottom"},G1={start:"end",end:"start"};W1=new Set(["top","bottom"]);qm=["left","right"],jm=["right","left"],Y1=["top","bottom"],X1=["bottom","top"]});function Um(o,t,e){let{reference:r,floating:s}=o,i=be(t),a=xi(t),d=fi(a),m=Se(t),b=i==="y",v=r.x+r.width/2-s.width/2,f=r.y+r.height/2-s.height/2,k=r[d]/2-s[d]/2,z;switch(m){case"top":z={x:v,y:r.y-s.height};break;case"bottom":z={x:v,y:r.y+r.height};break;case"right":z={x:r.x+r.width,y:f};break;case"left":z={x:r.x-s.width,y:f};break;default:z={x:r.x,y:r.y}}switch(zr(t)){case"start":z[a]-=k*(e&&b?-1:1);break;case"end":z[a]+=k*(e&&b?-1:1);break}return z}async function wi(o,t){var e;t===void 0&&(t={});let{x:r,y:s,platform:i,rects:a,elements:d,strategy:m}=o,{boundary:b="clippingAncestors",rootBoundary:v="viewport",elementContext:f="floating",altBoundary:k=!1,padding:z=0}=kr(t,o),S=Rl(z),q=d[k?f==="floating"?"reference":"floating":f],B=Cr(await i.getClippingRect({element:(e=await(i.isElement==null?void 0:i.isElement(q)))==null||e?q:q.contextElement||await(i.getDocumentElement==null?void 0:i.getDocumentElement(d.floating)),boundary:b,rootBoundary:v,strategy:m})),O=f==="floating"?{x:r,y:s,width:a.floating.width,height:a.floating.height}:a.reference,A=await(i.getOffsetParent==null?void 0:i.getOffsetParent(d.floating)),X=await(i.isElement==null?void 0:i.isElement(A))?await(i.getScale==null?void 0:i.getScale(A))||{x:1,y:1}:{x:1,y:1},G=Cr(i.convertOffsetParentRelativeRectToViewportRelativeRect?await i.convertOffsetParentRelativeRectToViewportRelativeRect({elements:d,rect:O,offsetParent:A,strategy:m}):O);return{top:(B.top-G.top+S.top)/X.y,bottom:(G.bottom-B.bottom+S.bottom)/X.y,left:(B.left-G.left+S.left)/X.x,right:(G.right-B.right+S.right)/X.x}}async function e2(o,t){let{placement:e,platform:r,elements:s}=o,i=await(r.isRTL==null?void 0:r.isRTL(s.floating)),a=Se(e),d=zr(e),m=be(e)==="y",b=t2.has(a)?-1:1,v=i&&m?-1:1,f=kr(t,o),{mainAxis:k,crossAxis:z,alignmentAxis:S}=typeof f=="number"?{mainAxis:f,crossAxis:0,alignmentAxis:null}:{mainAxis:f.mainAxis||0,crossAxis:f.crossAxis||0,alignmentAxis:f.alignmentAxis};return d&&typeof S=="number"&&(z=d==="end"?S*-1:S),m?{x:z*v,y:k*b}:{x:k*b,y:z*v}}var Zm,Km,Gm,t2,Wm,Ym,Xm,Jm=w(()=>{yi();yi();Zm=async(o,t,e)=>{let{placement:r="bottom",strategy:s="absolute",middleware:i=[],platform:a}=e,d=i.filter(Boolean),m=await(a.isRTL==null?void 0:a.isRTL(t)),b=await a.getElementRects({reference:o,floating:t,strategy:s}),{x:v,y:f}=Um(b,r,m),k=r,z={},S=0;for(let M=0;M({name:"arrow",options:o,async fn(t){let{x:e,y:r,placement:s,rects:i,platform:a,elements:d,middlewareData:m}=t,{element:b,padding:v=0}=kr(o,t)||{};if(b==null)return{};let f=Rl(v),k={x:e,y:r},z=xi(s),S=fi(z),M=await a.getDimensions(b),q=z==="y",B=q?"top":"left",O=q?"bottom":"right",A=q?"clientHeight":"clientWidth",X=i.reference[S]+i.reference[z]-k[z]-i.floating[S],G=k[z]-i.reference[z],ht=await(a.getOffsetParent==null?void 0:a.getOffsetParent(b)),st=ht?ht[A]:0;(!st||!await(a.isElement==null?void 0:a.isElement(ht)))&&(st=d.floating[A]||i.floating[S]);let St=X/2-G/2,Pt=st/2-M[S]/2-1,U=he(f[B],Pt),ot=he(f[O],Pt),Z=U,C=st-M[S]-ot,I=st/2-M[S]/2+St,D=vi(Z,I,C),N=!m.arrow&&zr(s)!=null&&I!==D&&i.reference[S]/2-(II<=0)){var ot,Z;let I=(((ot=i.flip)==null?void 0:ot.index)||0)+1,D=st[I];if(D&&(!(f==="alignment"?O!==be(D):!1)||U.every(K=>be(K.placement)===O?K.overflows[0]>0:!0)))return{data:{index:I,overflows:U},reset:{placement:D}};let N=(Z=U.filter(F=>F.overflows[0]<=0).sort((F,K)=>F.overflows[1]-K.overflows[1])[0])==null?void 0:Z.placement;if(!N)switch(z){case"bestFit":{var C;let F=(C=U.filter(K=>{if(ht){let V=be(K.placement);return V===O||V==="y"}return!0}).map(K=>[K.placement,K.overflows.filter(V=>V>0).reduce((V,it)=>V+it,0)]).sort((K,V)=>K[1]-V[1])[0])==null?void 0:C[0];F&&(N=F);break}case"initialPlacement":N=d;break}if(s!==N)return{reset:{placement:N}}}return{}}}},t2=new Set(["left","top"]);Wm=function(o){return o===void 0&&(o=0),{name:"offset",options:o,async fn(t){var e,r;let{x:s,y:i,placement:a,middlewareData:d}=t,m=await e2(t,o);return a===((e=d.offset)==null?void 0:e.placement)&&(r=d.arrow)!=null&&r.alignmentOffset?{}:{x:s+m.x,y:i+m.y,data:{...m,placement:a}}}}},Ym=function(o){return o===void 0&&(o={}),{name:"shift",options:o,async fn(t){let{x:e,y:r,placement:s}=t,{mainAxis:i=!0,crossAxis:a=!1,limiter:d={fn:q=>{let{x:B,y:O}=q;return{x:B,y:O}}},...m}=kr(o,t),b={x:e,y:r},v=await wi(t,m),f=be(Se(s)),k=Hl(f),z=b[k],S=b[f];if(i){let q=k==="y"?"top":"left",B=k==="y"?"bottom":"right",O=z+v[q],A=z-v[B];z=vi(O,z,A)}if(a){let q=f==="y"?"top":"left",B=f==="y"?"bottom":"right",O=S+v[q],A=S-v[B];S=vi(O,S,A)}let M=d.fn({...t,[k]:z,[f]:S});return{...M,data:{x:M.x-e,y:M.y-r,enabled:{[k]:i,[f]:a}}}}}},Xm=function(o){return o===void 0&&(o={}),{name:"size",options:o,async fn(t){var e,r;let{placement:s,rects:i,platform:a,elements:d}=t,{apply:m=()=>{},...b}=kr(o,t),v=await wi(t,b),f=Se(s),k=zr(s),z=be(s)==="y",{width:S,height:M}=i.floating,q,B;f==="top"||f==="bottom"?(q=f,B=k===(await(a.isRTL==null?void 0:a.isRTL(d.floating))?"start":"end")?"left":"right"):(B=f,q=k==="end"?"top":"bottom");let O=M-v.top-v.bottom,A=S-v.left-v.right,X=he(M-v[q],O),G=he(S-v[B],A),ht=!t.middlewareData.shift,st=X,St=G;if((e=t.middlewareData.shift)!=null&&e.enabled.x&&(St=A),(r=t.middlewareData.shift)!=null&&r.enabled.y&&(st=O),ht&&!k){let U=zt(v.left,0),ot=zt(v.right,0),Z=zt(v.top,0),C=zt(v.bottom,0);z?St=S-2*(U!==0||ot!==0?U+ot:zt(v.left,v.right)):st=M-2*(Z!==0||C!==0?Z+C:zt(v.top,v.bottom))}await m({...t,availableWidth:St,availableHeight:st});let Pt=await a.getDimensions(d.floating);return S!==Pt.width||M!==Pt.height?{reset:{rects:!0}}:{}}}}});function ki(){return typeof window<"u"}function Tr(o){return tp(o)?(o.nodeName||"").toLowerCase():"#document"}function _t(o){var t;return(o==null||(t=o.ownerDocument)==null?void 0:t.defaultView)||window}function oe(o){var t;return(t=(tp(o)?o.ownerDocument:o.document)||window.document)==null?void 0:t.documentElement}function tp(o){return ki()?o instanceof Node||o instanceof _t(o).Node:!1}function Ut(o){return ki()?o instanceof Element||o instanceof _t(o).Element:!1}function se(o){return ki()?o instanceof HTMLElement||o instanceof _t(o).HTMLElement:!1}function Qm(o){return!ki()||typeof ShadowRoot>"u"?!1:o instanceof ShadowRoot||o instanceof _t(o).ShadowRoot}function po(o){let{overflow:t,overflowX:e,overflowY:r,display:s}=Zt(o);return/auto|scroll|overlay|hidden|clip/.test(t+r+e)&&!r2.has(s)}function ep(o){return o2.has(Tr(o))}function os(o){return s2.some(t=>{try{return o.matches(t)}catch{return!1}})}function zi(o){let t=Ci(),e=Ut(o)?Zt(o):o;return i2.some(r=>e[r]?e[r]!=="none":!1)||(e.containerType?e.containerType!=="normal":!1)||!t&&(e.backdropFilter?e.backdropFilter!=="none":!1)||!t&&(e.filter?e.filter!=="none":!1)||a2.some(r=>(e.willChange||"").includes(r))||c2.some(r=>(e.contain||"").includes(r))}function rp(o){let t=Ee(o);for(;se(t)&&!Ir(t);){if(zi(t))return t;if(os(t))return null;t=Ee(t)}return null}function Ci(){return typeof CSS>"u"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}function Ir(o){return n2.has(Tr(o))}function Zt(o){return _t(o).getComputedStyle(o)}function ss(o){return Ut(o)?{scrollLeft:o.scrollLeft,scrollTop:o.scrollTop}:{scrollLeft:o.scrollX,scrollTop:o.scrollY}}function Ee(o){if(Tr(o)==="html")return o;let t=o.assignedSlot||o.parentNode||Qm(o)&&o.host||oe(o);return Qm(t)?t.host:t}function op(o){let t=Ee(o);return Ir(t)?o.ownerDocument?o.ownerDocument.body:o.body:se(t)&&po(t)?t:op(t)}function mo(o,t,e){var r;t===void 0&&(t=[]),e===void 0&&(e=!0);let s=op(o),i=s===((r=o.ownerDocument)==null?void 0:r.body),a=_t(s);if(i){let d=Ti(a);return t.concat(a,a.visualViewport||[],po(s)?s:[],d&&e?mo(d):[])}return t.concat(s,mo(s,[],e))}function Ti(o){return o.parent&&Object.getPrototypeOf(o.parent)?o.frameElement:null}var r2,o2,s2,i2,a2,c2,n2,sp=w(()=>{r2=new Set(["inline","contents"]);o2=new Set(["table","td","th"]);s2=[":popover-open",":modal"];i2=["transform","translate","scale","rotate","perspective"],a2=["transform","translate","scale","rotate","perspective","filter"],c2=["paint","layout","strict","content"];n2=new Set(["html","body","#document"])});function np(o){let t=Zt(o),e=parseFloat(t.width)||0,r=parseFloat(t.height)||0,s=se(o),i=s?o.offsetWidth:e,a=s?o.offsetHeight:r,d=es(e)!==i||es(r)!==a;return d&&(e=i,r=a),{width:e,height:r,$:d}}function jl(o){return Ut(o)?o:o.contextElement}function ho(o){let t=jl(o);if(!se(t))return re(1);let e=t.getBoundingClientRect(),{width:r,height:s,$:i}=np(t),a=(i?es(e.width):e.width)/r,d=(i?es(e.height):e.height)/s;return(!a||!Number.isFinite(a))&&(a=1),(!d||!Number.isFinite(d))&&(d=1),{x:a,y:d}}function lp(o){let t=_t(o);return!Ci()||!t.visualViewport?l2:{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}}function d2(o,t,e){return t===void 0&&(t=!1),!e||t&&e!==_t(o)?!1:t}function Sr(o,t,e,r){t===void 0&&(t=!1),e===void 0&&(e=!1);let s=o.getBoundingClientRect(),i=jl(o),a=re(1);t&&(r?Ut(r)&&(a=ho(r)):a=ho(o));let d=d2(i,e,r)?lp(i):re(0),m=(s.left+d.x)/a.x,b=(s.top+d.y)/a.y,v=s.width/a.x,f=s.height/a.y;if(i){let k=_t(i),z=r&&Ut(r)?_t(r):r,S=k,M=Ti(S);for(;M&&r&&z!==S;){let q=ho(M),B=M.getBoundingClientRect(),O=Zt(M),A=B.left+(M.clientLeft+parseFloat(O.paddingLeft))*q.x,X=B.top+(M.clientTop+parseFloat(O.paddingTop))*q.y;m*=q.x,b*=q.y,v*=q.x,f*=q.y,m+=A,b+=X,S=_t(M),M=Ti(S)}}return Cr({width:v,height:f,x:m,y:b})}function Ii(o,t){let e=ss(o).scrollLeft;return t?t.left+e:Sr(oe(o)).left+e}function dp(o,t){let e=o.getBoundingClientRect(),r=e.left+t.scrollLeft-Ii(o,e),s=e.top+t.scrollTop;return{x:r,y:s}}function u2(o){let{elements:t,rect:e,offsetParent:r,strategy:s}=o,i=s==="fixed",a=oe(r),d=t?os(t.floating):!1;if(r===a||d&&i)return e;let m={scrollLeft:0,scrollTop:0},b=re(1),v=re(0),f=se(r);if((f||!f&&!i)&&((Tr(r)!=="body"||po(a))&&(m=ss(r)),se(r))){let z=Sr(r);b=ho(r),v.x=z.x+r.clientLeft,v.y=z.y+r.clientTop}let k=a&&!f&&!i?dp(a,m):re(0);return{width:e.width*b.x,height:e.height*b.y,x:e.x*b.x-m.scrollLeft*b.x+v.x+k.x,y:e.y*b.y-m.scrollTop*b.y+v.y+k.y}}function m2(o){return Array.from(o.getClientRects())}function p2(o){let t=oe(o),e=ss(o),r=o.ownerDocument.body,s=zt(t.scrollWidth,t.clientWidth,r.scrollWidth,r.clientWidth),i=zt(t.scrollHeight,t.clientHeight,r.scrollHeight,r.clientHeight),a=-e.scrollLeft+Ii(o),d=-e.scrollTop;return Zt(r).direction==="rtl"&&(a+=zt(t.clientWidth,r.clientWidth)-s),{width:s,height:i,x:a,y:d}}function h2(o,t){let e=_t(o),r=oe(o),s=e.visualViewport,i=r.clientWidth,a=r.clientHeight,d=0,m=0;if(s){i=s.width,a=s.height;let v=Ci();(!v||v&&t==="fixed")&&(d=s.offsetLeft,m=s.offsetTop)}let b=Ii(r);if(b<=0){let v=r.ownerDocument,f=v.body,k=getComputedStyle(f),z=v.compatMode==="CSS1Compat"&&parseFloat(k.marginLeft)+parseFloat(k.marginRight)||0,S=Math.abs(r.clientWidth-f.clientWidth-z);S<=ip&&(i-=S)}else b<=ip&&(i+=b);return{width:i,height:a,x:d,y:m}}function g2(o,t){let e=Sr(o,!0,t==="fixed"),r=e.top+o.clientTop,s=e.left+o.clientLeft,i=se(o)?ho(o):re(1),a=o.clientWidth*i.x,d=o.clientHeight*i.y,m=s*i.x,b=r*i.y;return{width:a,height:d,x:m,y:b}}function ap(o,t,e){let r;if(t==="viewport")r=h2(o,e);else if(t==="document")r=p2(oe(o));else if(Ut(t))r=g2(t,e);else{let s=lp(o);r={x:t.x-s.x,y:t.y-s.y,width:t.width,height:t.height}}return Cr(r)}function up(o,t){let e=Ee(o);return e===t||!Ut(e)||Ir(e)?!1:Zt(e).position==="fixed"||up(e,t)}function v2(o,t){let e=t.get(o);if(e)return e;let r=mo(o,[],!1).filter(d=>Ut(d)&&Tr(d)!=="body"),s=null,i=Zt(o).position==="fixed",a=i?Ee(o):o;for(;Ut(a)&&!Ir(a);){let d=Zt(a),m=zi(a);!m&&d.position==="fixed"&&(s=null),(i?!m&&!s:!m&&d.position==="static"&&!!s&&b2.has(s.position)||po(a)&&!m&&up(o,a))?r=r.filter(v=>v!==a):s=d,a=Ee(a)}return t.set(o,r),r}function f2(o){let{element:t,boundary:e,rootBoundary:r,strategy:s}=o,a=[...e==="clippingAncestors"?os(t)?[]:v2(t,this._c):[].concat(e),r],d=a[0],m=a.reduce((b,v)=>{let f=ap(t,v,s);return b.top=zt(f.top,b.top),b.right=he(f.right,b.right),b.bottom=he(f.bottom,b.bottom),b.left=zt(f.left,b.left),b},ap(t,d,s));return{width:m.right-m.left,height:m.bottom-m.top,x:m.left,y:m.top}}function x2(o){let{width:t,height:e}=np(o);return{width:t,height:e}}function y2(o,t,e){let r=se(t),s=oe(t),i=e==="fixed",a=Sr(o,!0,i,t),d={scrollLeft:0,scrollTop:0},m=re(0);function b(){m.x=Ii(s)}if(r||!r&&!i)if((Tr(t)!=="body"||po(s))&&(d=ss(t)),r){let z=Sr(t,!0,i,t);m.x=z.x+t.clientLeft,m.y=z.y+t.clientTop}else s&&b();i&&!r&&s&&b();let v=s&&!r&&!i?dp(s,d):re(0),f=a.left+d.scrollLeft-m.x-v.x,k=a.top+d.scrollTop-m.y-v.y;return{x:f,y:k,width:a.width,height:a.height}}function ql(o){return Zt(o).position==="static"}function cp(o,t){if(!se(o)||Zt(o).position==="fixed")return null;if(t)return t(o);let e=o.offsetParent;return oe(o)===e&&(e=e.ownerDocument.body),e}function mp(o,t){let e=_t(o);if(os(o))return e;if(!se(o)){let s=Ee(o);for(;s&&!Ir(s);){if(Ut(s)&&!ql(s))return s;s=Ee(s)}return e}let r=cp(o,t);for(;r&&ep(r)&&ql(r);)r=cp(r,t);return r&&Ir(r)&&ql(r)&&!zi(r)?e:r||rp(o)||e}function k2(o){return Zt(o).direction==="rtl"}function pp(o,t){return o.x===t.x&&o.y===t.y&&o.width===t.width&&o.height===t.height}function C2(o,t){let e=null,r,s=oe(o);function i(){var d;clearTimeout(r),(d=e)==null||d.disconnect(),e=null}function a(d,m){d===void 0&&(d=!1),m===void 0&&(m=1),i();let b=o.getBoundingClientRect(),{left:v,top:f,width:k,height:z}=b;if(d||t(),!k||!z)return;let S=rs(f),M=rs(s.clientWidth-(v+k)),q=rs(s.clientHeight-(f+z)),B=rs(v),A={rootMargin:-S+"px "+-M+"px "+-q+"px "+-B+"px",threshold:zt(0,he(1,m))||1},X=!0;function G(ht){let st=ht[0].intersectionRatio;if(st!==m){if(!X)return a();st?a(!1,st):r=setTimeout(()=>{a(!1,1e-7)},1e3)}st===1&&!pp(b,o.getBoundingClientRect())&&a(),X=!1}try{e=new IntersectionObserver(G,{...A,root:s.ownerDocument})}catch{e=new IntersectionObserver(G,A)}e.observe(o)}return a(!0),i}function Fl(o,t,e,r){r===void 0&&(r={});let{ancestorScroll:s=!0,ancestorResize:i=!0,elementResize:a=typeof ResizeObserver=="function",layoutShift:d=typeof IntersectionObserver=="function",animationFrame:m=!1}=r,b=jl(o),v=s||i?[...b?mo(b):[],...mo(t)]:[];v.forEach(B=>{s&&B.addEventListener("scroll",e,{passive:!0}),i&&B.addEventListener("resize",e)});let f=b&&d?C2(b,e):null,k=-1,z=null;a&&(z=new ResizeObserver(B=>{let[O]=B;O&&O.target===b&&z&&(z.unobserve(t),cancelAnimationFrame(k),k=requestAnimationFrame(()=>{var A;(A=z)==null||A.observe(t)})),e()}),b&&!m&&z.observe(b),z.observe(t));let S,M=m?Sr(o):null;m&&q();function q(){let B=Sr(o);M&&!pp(M,B)&&e(),M=B,S=requestAnimationFrame(q)}return e(),()=>{var B;v.forEach(O=>{s&&O.removeEventListener("scroll",e),i&&O.removeEventListener("resize",e)}),f?.(),(B=z)==null||B.disconnect(),z=null,m&&cancelAnimationFrame(S)}}var l2,ip,b2,w2,z2,hp,bp,Vl,gp,vp,fp,xp=w(()=>{Jm();yi();sp();l2=re(0);ip=25;b2=new Set(["absolute","fixed"]);w2=async function(o){let t=this.getOffsetParent||mp,e=this.getDimensions,r=await e(o.floating);return{reference:y2(o.reference,await t(o.floating),o.strategy),floating:{x:0,y:0,width:r.width,height:r.height}}};z2={convertOffsetParentRelativeRectToViewportRelativeRect:u2,getDocumentElement:oe,getClippingRect:f2,getOffsetParent:mp,getElementRects:w2,getClientRects:m2,getDimensions:x2,getScale:ho,isElement:Ut,isRTL:k2};hp=Wm,bp=Ym,Vl=Gm,gp=Xm,vp=Km,fp=(o,t,e)=>{let r=new Map,s={platform:z2,...e},i={...s.platform,_c:r};return Zm(o,t,{...s,platform:i})}});function Si(o){if(typeof o>"u")return 0;let t=window.devicePixelRatio||1;return Math.round(o*t)/t}var Ei,T2,I2,zT,$i,yp=w(()=>{"use strict";xp();Ei=8,T2=100,I2=o=>{var t;return(t={left:["right","bottom","top"],"left-start":["right-start","bottom","top"],"left-end":["right-end","bottom","top"],right:["left","bottom","top"],"right-start":["left-start","bottom","top"],"right-end":["left-end","bottom","top"],top:["bottom","left","right"],"top-start":["bottom-start","left","right"],"top-end":["bottom-end","left","right"],bottom:["top","left","right"],"bottom-start":["top-start","left","right"],"bottom-end":["top-end","left","right"]}[o])!=null?t:[o]},zT=Symbol("placement updated"),$i=class{constructor(t){this.originalPlacements=new WeakMap,this.allowPlacementUpdate=!1,this.closeForAncestorUpdate=()=>{!this.allowPlacementUpdate&&this.options.type!=="modal"&&this.cleanup&&this.target.dispatchEvent(new Event("close",{bubbles:!0})),this.allowPlacementUpdate=!1},this.updatePlacement=()=>{this.computePlacement()},this.resetOverlayPosition=()=>{!this.target||!this.options||(this.clearOverlayPosition(),this.host.offsetHeight,this.computePlacement())},this.host=t,this.host.addController(this)}async placeOverlay(t=this.target,e=this.options){if(this.target=t,this.options=e,!t||!e)return;let r=Fl(e.trigger,t,this.closeForAncestorUpdate,{ancestorResize:!1,elementResize:!1,layoutShift:!1}),s=Fl(e.trigger,t,this.updatePlacement,{ancestorScroll:!1});this.cleanup=()=>{var i;(i=this.host.elements)==null||i.forEach(a=>{a.addEventListener("sp-closed",()=>{let d=this.originalPlacements.get(a);d&&a.setAttribute("placement",d),this.originalPlacements.delete(a)},{once:!0})}),r(),s()}}async computePlacement(){var t,e;let{options:r,target:s}=this;await(document.fonts?document.fonts.ready:Promise.resolve());let i=r.trigger instanceof HTMLElement?Vl():Vl({padding:Ei,fallbackPlacements:I2(r.placement)}),[a=0,d=0]=Array.isArray(r?.offset)?r.offset:[r.offset,0],m=(t=this.host.elements.find(S=>S.tipElement))==null?void 0:t.tipElement,b=[hp({mainAxis:a,crossAxis:d}),bp({padding:Ei}),i,gp({padding:Ei,apply:({availableWidth:S,availableHeight:M,rects:{floating:q}})=>{let B=Math.max(T2,Math.floor(M)),O=q.height;this.initialHeight=this.isConstrained&&this.initialHeight||O,this.isConstrained=O{this.originalPlacements.has(S)||this.originalPlacements.set(S,S.getAttribute("placement")),S.setAttribute("placement",k)}),m&&z.arrow){let{x:S,y:M}=z.arrow;Object.assign(m.style,{top:k.startsWith("right")||k.startsWith("left")?"0px":"",left:k.startsWith("bottom")||k.startsWith("top")?"0px":"",translate:`${Si(S)}px ${Si(M)}px`})}}clearOverlayPosition(){this.target&&(this.target.style.removeProperty("max-height"),this.target.style.removeProperty("max-width"),this.initialHeight=void 0,this.isConstrained=!1)}hostConnected(){document.addEventListener("sp-update-overlays",this.resetOverlayPosition)}hostUpdated(){var t;this.host.open||((t=this.cleanup)==null||t.call(this),this.cleanup=void 0)}hostDisconnected(){var t;(t=this.cleanup)==null||t.call(this),this.cleanup=void 0,document.removeEventListener("sp-update-overlays",this.resetOverlayPosition)}}});var Qe,_i,Je,Ai=w(()=>{"use strict";Qe=(o=>(o.click="click",o.hover="hover",o.longpress="longpress",o))(Qe||{}),_i=Symbol("lastInteractionType"),Je=class{constructor(t,{overlay:e,isPersistent:r,handleOverlayReady:s}){this.target=t,this.isLazilyOpen=!1,this.isPersistent=!1,this.isPersistent=!!r,this.handleOverlayReady=s,this.isPersistent&&this.init(),this.overlay=e}get activelyOpening(){return!1}get open(){var t,e;return(e=(t=this.overlay)==null?void 0:t.open)!=null?e:this.isLazilyOpen}set open(t){if(t!==this.open){if(this.isLazilyOpen=t,this.overlay){this.overlay.open=t,this.target[_i]=this.type;return}t&&(customElements.whenDefined("sp-overlay").then(async()=>{let{Overlay:e}=await Promise.resolve().then(()=>(di(),Nl));this.overlay=new e,this.overlay.open=!0,this.target[_i]=this.type}),Promise.resolve().then(()=>(Te(),Yo)))}}get overlay(){return this._overlay}set overlay(t){var e;t&&this.overlay!==t&&(this.overlay&&this.overlay.removeController(this),this._overlay=t,this.overlay.addController(this),this.initOverlay(),this.prepareDescription(this.target),(e=this.handleOverlayReady)==null||e.call(this,this.overlay))}prepareDescription(t){}releaseDescription(){}shouldCompleteOpen(){}init(){}initOverlay(){}abort(){var t;this.releaseDescription(),(t=this.abortController)==null||t.abort()}hostConnected(){this.init()}hostDisconnected(){this.isPersistent||this.abort()}}});var S2,Ul,Li,Zl=w(()=>{"use strict";Bl();ro();te();yr();Ai();S2=300,Ul={touch:"Double tap and long press for additional options",keyboard:"Press Space or Alt+Down Arrow for additional options",mouse:"Click and hold for additional options"},Li=class extends Je{constructor(){super(...arguments),this.type=Qe.longpress,this.longpressState=null,this.releaseDescription=Ie,this.handlePointerup=()=>{var t;clearTimeout(this.timeout),this.target&&(this.longpressState=((t=this.overlay)==null?void 0:t.state)==="opening"?"pressed":null,document.removeEventListener("pointerup",this.handlePointerup),document.removeEventListener("pointercancel",this.handlePointerup))}}get activelyOpening(){return this.longpressState==="opening"||this.longpressState==="pressed"}handleLongpress(){this.open=!0,this.longpressState=this.longpressState==="potential"?"opening":"pressed"}handlePointerdown(t){!this.target||t.button!==0||(this.longpressState="potential",document.addEventListener("pointerup",this.handlePointerup),document.addEventListener("pointercancel",this.handlePointerup),"holdAffordance"in this.target)||(this.timeout=setTimeout(()=>{this.target&&this.target.dispatchEvent(new CustomEvent("longpress",{bubbles:!0,composed:!0,detail:{source:"pointer"}}))},S2))}handleKeydown(t){let{code:e,altKey:r}=t;r&&e==="ArrowDown"&&(t.stopPropagation(),t.stopImmediatePropagation())}handleKeyup(t){let{code:e,altKey:r}=t;if(e==="Space"||r&&e==="ArrowDown"){if(!this.target)return;t.stopPropagation(),this.target.dispatchEvent(new CustomEvent("longpress",{bubbles:!0,composed:!0,detail:{source:"keyboard"}})),setTimeout(()=>{this.longpressState=null})}}prepareDescription(t){if(this.releaseDescription!==Ie||!this.overlay.elements.length)return;let e=document.createElement("div");e.id=`longpress-describedby-descriptor-${at()}`;let r=Jo()||bi()?"touch":"keyboard";e.textContent=Ul[r],e.slot="longpress-describedby-descriptor";let s=t.getRootNode(),i=this.overlay.getRootNode();s===i?this.overlay.append(e):(e.hidden=!("host"in s),t.insertAdjacentElement("afterend",e));let a=Bt(t,"aria-describedby",[e.id]);this.releaseDescription=()=>{a(),e.remove(),this.releaseDescription=Ie}}shouldCompleteOpen(){this.longpressState=this.longpressState==="pressed"?null:this.longpressState}init(){var t;(t=this.abortController)==null||t.abort(),this.abortController=new AbortController;let{signal:e}=this.abortController;this.target.addEventListener("longpress",()=>this.handleLongpress(),{signal:e}),this.target.addEventListener("pointerdown",r=>this.handlePointerdown(r),{signal:e}),this.prepareDescription(this.target),!this.target.holdAffordance&&(this.target.addEventListener("keydown",r=>this.handleKeydown(r),{signal:e}),this.target.addEventListener("keyup",r=>this.handleKeyup(r),{signal:e}))}}});var Pi,wp=w(()=>{"use strict";Ai();Pi=class extends Je{constructor(){super(...arguments),this.type=Qe.click,this.preventNextToggle=!1}handleClick(){this.preventNextToggle||(this.open=!this.open),this.preventNextToggle=!1}handlePointerdown(){this.preventNextToggle=this.open}init(){var t;(t=this.abortController)==null||t.abort(),this.abortController=new AbortController;let{signal:e}=this.abortController;this.target.addEventListener("click",()=>this.handleClick(),{signal:e}),this.target.addEventListener("pointerdown",()=>this.handlePointerdown(),{signal:e})}}});var Mi,kp=w(()=>{"use strict";ro();Nt();te();yr();Ai();Mi=class extends Je{constructor(){super(...arguments),this.type=Qe.hover,this.elementIds=[],this.targetFocused=!1,this.hovering=!1,this.overlayFocused=!1}handleKeyup(t){t.code==="Tab"?this.open=!0:t.code==="Escape"&&this.open&&(t.preventDefault(),t.stopPropagation(),this.open=!1,this.target&&this.target.focus())}handleTargetFocusin(){this.target.matches(":focus-visible")&&(Qo()&&this.target[_i]===Qe.click||(this.open=!0,this.targetFocused=!0))}handleTargetFocusout(){this.targetFocused=!1,!this.hovering&&this.doFocusleave()}clearCloseTimeout(){this.hoverTimeout&&(clearTimeout(this.hoverTimeout),this.hoverTimeout=void 0)}handleTargetPointerenter(){var t;this.clearCloseTimeout(),!((t=this.overlay)!=null&&t.disabled)&&(this.open=!0,this.hovering=!0)}handleTargetPointerleave(){this.doPointerleave()}handleHostPointerenter(){this.clearCloseTimeout()}handleHostPointerleave(){this.doPointerleave()}handleOverlayFocusin(){this.overlayFocused=!0,this.clearCloseTimeout()}handleOverlayFocusout(){this.overlayFocused=!1,!this.hovering&&(this.targetFocused&&this.target.matches(":focus-visible")||this.doFocusleave())}prepareDescription(){if(!this.overlay.elements.length)return;let t=this.target.getRootNode(),e=this.overlay.elements[0].getRootNode(),r=this.overlay.getRootNode();t===r?this.prepareOverlayRelativeDescription():t===e&&this.prepareContentRelativeDescription()}prepareOverlayRelativeDescription(){let t=Bt(this.target,"aria-describedby",[this.overlay.id]);this.releaseDescription=()=>{t(),this.releaseDescription=Ie}}prepareContentRelativeDescription(){let t=[],e=this.overlay.elements.map(s=>(t.push(s.id),s.id||(s.id=`${this.overlay.tagName.toLowerCase()}-helper-${at()}`),s.id));this.elementIds=t;let r=Bt(this.target,"aria-describedby",e);this.releaseDescription=()=>{r(),this.overlay.elements.map((s,i)=>{s.id=this.elementIds[i]}),this.releaseDescription=Ie}}scheduleClose(){this.hoverTimeout=setTimeout(()=>{this.open=!1},300)}doPointerleave(){this.hovering=!1;let t=this.target;this.targetFocused&&t.matches(":focus-visible")||this.overlayFocused||this.scheduleClose()}doFocusleave(){this.clearCloseTimeout(),!this.targetFocused&&!this.overlayFocused&&!this.hovering&&this.scheduleClose()}init(){var t;(t=this.abortController)==null||t.abort(),this.abortController=new AbortController;let{signal:e}=this.abortController;this.target.addEventListener("keyup",r=>this.handleKeyup(r),{signal:e}),this.target.addEventListener("focusin",()=>this.handleTargetFocusin(),{signal:e}),this.target.addEventListener("focusout",()=>this.handleTargetFocusout(),{signal:e}),this.target.addEventListener("pointerenter",()=>this.handleTargetPointerenter(),{signal:e}),this.target.addEventListener("pointerleave",()=>this.handleTargetPointerleave(),{signal:e}),this.overlay&&this.initOverlay()}initOverlay(){if(!this.abortController)return;let{signal:t}=this.abortController;this.overlay.addEventListener("pointerenter",()=>this.handleHostPointerenter(),{signal:t}),this.overlay.addEventListener("pointerleave",()=>this.handleHostPointerleave(),{signal:t}),this.overlay.addEventListener("focusin",()=>this.handleOverlayFocusin(),{signal:t}),this.overlay.addEventListener("focusout",()=>this.handleOverlayFocusout(),{signal:t}),this.overlay.addEventListener("keyup",e=>this.handleKeyup(e),{signal:t})}}});var zp,Cp=w(()=>{"use strict";wp();kp();Zl();zp={click:Pi,longpress:Li,hover:Mi}});var tr,Tp,Bi=w(()=>{"use strict";tr=class extends Event{constructor(t,e,r){super("slottable-request",{bubbles:!1,cancelable:!0,composed:!1}),this.name=t,this.data=e,this.slotName=r!==void 0?`${t}.${r}`:t}},Tp=Symbol("remove-slottable-request")});var E2,Ip,Sp=w(()=>{"use strict";p();E2=y` + `}};Jr.STATIC_COLORS=Us,o1([n({type:String,reflect:!0,attribute:"static-color"})],Jr.prototype,"staticColor",2)});var Ku={};var Qr=w(()=>{"use strict";Zu();x();l("sp-progress-circle",Jr)});function at(){return Array.from(crypto.getRandomValues(new Uint8Array(4)),o=>`0${(o&255).toString(16)}`.slice(-2)).join("")}var te=w(()=>{"use strict"});function Tl(o,t,e){let r=o.getAttribute(t),s=r?r.split(/\s+/):[];s=s.filter(i=>!e.find(a=>i===a)),s.length?o.setAttribute(t,s.join(" ")):o.removeAttribute(t)}function Bt(o,t,e){let r=Array.isArray(e)?e:[e],s=o.getAttribute(t),i=s?s.split(/\s+/):[];return r.every(a=>i.indexOf(a)>-1)?()=>{}:(i.push(...r),o.setAttribute(t,i.join(" ")),()=>Tl(o,t,r))}var ro=w(()=>{"use strict"});var Wo,oo,Il=w(()=>{"use strict";Wo=Symbol("element resolver updated"),oo=class{constructor(t,{selector:e}={selector:""}){this._element=null,this._selector="",this.mutationCallback=r=>{let s=!1;r.forEach(i=>{if(!s){if(i.type==="childList"){let a=this.element&&[...i.removedNodes].includes(this.element),d=!!this.selector&&[...i.addedNodes].some(this.elementIsSelected);s=s||a||d}if(i.type==="attributes"){let a=i.target===this.element,d=!!this.selector&&this.elementIsSelected(i.target);s=s||a||d}}}),s&&this.resolveElement()},this.elementIsSelected=r=>{var s;return this.selectorIsId?r?.id===this.selectorAsId:(s=r?.matches)==null?void 0:s.call(r,this.selector)},this.host=t,this.selector=e,this.observer=new MutationObserver(this.mutationCallback),this.host.addController(this)}get element(){return this._element}set element(t){if(t===this.element)return;let e=this.element;this._element=t,this.host.requestUpdate(Wo,e)}get selector(){return this._selector}set selector(t){t!==this.selector&&(this.releaseElement(),this._selector=t,this.resolveElement())}get selectorAsId(){return this.selector.slice(1)}get selectorIsId(){return!!this.selector&&this.selector.startsWith("#")}hostConnected(){this.resolveElement(),this.observer.observe(this.host.getRootNode(),{subtree:!0,childList:!0,attributes:!0})}hostDisconnected(){this.releaseElement(),this.observer.disconnect()}resolveElement(){if(!this.selector){this.releaseElement();return}let t=this.host.getRootNode();this.element=this.selectorIsId?t.getElementById(this.selectorAsId):t.querySelector(this.selector)}releaseElement(){this.element=null}}});var Im,io,El=w(()=>{"use strict";Im="(max-width: 743px) and (hover: none) and (pointer: coarse)",io=class{constructor(t,e){this.key=Symbol("match-media-key"),this.matches=!1,this.host=t,this.host.addController(this),this.media=window.matchMedia(e),this.matches=this.media.matches,this.onChange=this.onChange.bind(this),t.addController(this)}hostConnected(){var t;(t=this.media)==null||t.addEventListener("change",this.onChange)}hostDisconnected(){var t;(t=this.media)==null||t.removeEventListener("change",this.onChange)}onChange(t){this.matches!==t.matches&&(this.matches=t.matches,this.host.requestUpdate(this.key,!this.matches))}}});function N1(o,t,e=[]){for(let r=0;r{"use strict";Em=(o,t,{position:e,prepareCallback:r}={position:"beforeend"})=>{let{length:s}=o;if(s===0)return()=>o;let i=1,a=0;(e==="afterbegin"||e==="afterend")&&(i=-1,a=s-1);let d=new Array(s),m=new Array(s),b=document.createComment("placeholder for reparented element");do{let v=o[a];r&&(m[a]=r(v)),d[a]=b.cloneNode();let f=v.parentElement||v.getRootNode();f&&f!==v&&f.replaceChild(d[a],v),t.insertAdjacentElement(e,v),a+=i}while(--s>0);return function(){return N1(d,o,m)}}});var li,$m=w(()=>{"use strict";li=class{constructor(t={}){this.warmUpDelay=1e3,this.coolDownDelay=1e3,this.isWarm=!1,this.timeout=0,Object.assign(this,t)}async openTimer(t){if(this.cancelCooldownTimer(),!this.component||t!==this.component)return this.component&&(this.close(this.component),this.cancelCooldownTimer()),this.component=t,this.isWarm?!1:(this.promise=new Promise(e=>{this.resolve=e,this.timeout=window.setTimeout(()=>{this.resolve&&(this.resolve(!1),this.isWarm=!0)},this.warmUpDelay)}),this.promise);if(this.promise)return this.promise;throw new Error("Inconsistent state")}close(t){this.component&&this.component===t&&(this.resetCooldownTimer(),this.timeout>0&&(clearTimeout(this.timeout),this.timeout=0),this.resolve&&(this.resolve(!0),delete this.resolve),delete this.promise,delete this.component)}resetCooldownTimer(){this.isWarm&&(this.cooldownTimeout&&window.clearTimeout(this.cooldownTimeout),this.cooldownTimeout=window.setTimeout(()=>{this.isWarm=!1,delete this.cooldownTimeout},this.coolDownDelay))}cancelCooldownTimer(){this.cooldownTimeout&&window.clearTimeout(this.cooldownTimeout),delete this.cooldownTimeout}}});var Yo={};var Te=w(()=>{"use strict";x();di();l("sp-overlay",_l)});function Ft(){return new Promise(o=>requestAnimationFrame(()=>o()))}var ao,Ie,ui,xr,yr=w(()=>{"use strict";p();$l();$m();ao=new li,Ie=()=>{},ui=(o,t,e)=>{let r=new AbortController,s=new Map,i=()=>{r.abort(),e()},a,d,m=requestAnimationFrame(()=>{a=requestAnimationFrame(()=>{d=requestAnimationFrame(()=>{i()})})}),b=f=>{f.target===o&&(s.set(f.propertyName,s.get(f.propertyName)-1),s.get(f.propertyName)||s.delete(f.propertyName),s.size===0&&i())},v=f=>{f.target===o&&(s.has(f.propertyName)||s.set(f.propertyName,0),s.set(f.propertyName,s.get(f.propertyName)+1),cancelAnimationFrame(m),cancelAnimationFrame(a),cancelAnimationFrame(d))};o.addEventListener("transitionrun",v,{signal:r.signal}),o.addEventListener("transitionend",b,{signal:r.signal}),o.addEventListener("transitioncancel",b,{signal:r.signal}),t()};xr=class o extends E{constructor(){super(...arguments),this.dispose=Ie,this.offset=0,this.willPreventClose=!1}async applyFocus(t,e){}get delayed(){return!1}set delayed(t){}get disabled(){return!1}set disabled(t){}get elementResolver(){return this._elementResolver}set elementResolver(t){this._elementResolver=t}async ensureOnDOM(t){}async makeTransition(t){return null}async manageDelay(t){}async managePopoverOpen(){}managePosition(){}get open(){return!1}set open(t){}get placementController(){return this._placementController}set placementController(t){this._placementController=t}requestSlottable(){}returnFocus(){}get state(){return"closed"}set state(t){}manuallyKeepOpen(){}static update(){let t=new CustomEvent("sp-update-overlays",{bubbles:!0,composed:!0,cancelable:!0});document.dispatchEvent(t)}static async open(t,e,r,s){await Promise.resolve().then(()=>(Te(),Yo));let i=arguments.length===2,a=r||t,d=new this,m=!1;d.dispose=()=>{d.addEventListener("sp-closed",()=>{m||(b(),m=!0),requestAnimationFrame(()=>{d.remove()})}),d.open=!1,d.dispose=Ie};let b=Em([a],d,{position:"beforeend",prepareCallback:f=>{let k=f.slot;return f.removeAttribute("slot"),()=>{f.slot=k}}});if(!i&&a&&s){let f=t,k=e,z=s;return o.applyOptions(d,{...z,delayed:z.delayed||a.hasAttribute("delayed"),trigger:z.virtualTrigger||f,type:k==="modal"?"modal":k==="hover"?"hint":"auto"}),f.insertAdjacentElement("afterend",d),await d.updateComplete,d.open=!0,d.dispose}let v=e;return d.append(a),o.applyOptions(d,{...v,delayed:v.delayed||a.hasAttribute("delayed")}),d.updateComplete.then(()=>{d.open=!0}),d}static applyOptions(t,e){var r,s;t.delayed=!!e.delayed,t.receivesFocus=(r=e.receivesFocus)!=null?r:"auto",t.triggerElement=e.trigger||null,t.type=e.type||"modal",t.offset=(s=e.offset)!=null?s:0,t.placement=e.placement,t.willPreventClose=!!e.notImmediatelyClosable}disconnectedCallback(){super.disconnectedCallback()}}});var Am,_m,wr,Lm,mi=w(()=>{"use strict";Am=["input:not([inert])","select:not([inert])","textarea:not([inert])","a[href]:not([inert])","button:not([inert])","label:not([inert])","[tabindex]:not([inert])","audio[controls]:not([inert])","video[controls]:not([inert])",'[contenteditable]:not([contenteditable="false"]):not([inert])',"details>summary:first-of-type:not([inert])","details:not([inert])",'[focusable]:not([focusable="false"])'],_m=':not([tabindex="-1"])',wr=Am.join(`${_m}, `)+_m,Lm=Am.join(", ")});var Ye,pi,co=w(()=>{"use strict";mi();Ye=o=>o.querySelector(wr),pi=o=>o.assignedElements().find(t=>t.matches(wr))});var Xe,hi=w(()=>{"use strict";yr();Xe=class{constructor(t,e){this.x=0,this.y=0,this.x=t,this.y=e}updateBoundingClientRect(t,e){this.x=t,this.y=e,xr.update()}getBoundingClientRect(){return{width:0,height:0,top:this.y,right:this.x,y:this.y,x:this.x,bottom:this.y,left:this.x,toJSON(){}}}}});var no,lo,ee,Al=w(()=>{"use strict";no=class extends Event{constructor(){super("beforetoggle",{bubbles:!1,composed:!1}),this.currentState="open",this.newState="closed"}},lo=class extends Event{constructor(){super("beforetoggle",{bubbles:!1,composed:!1}),this.currentState="closed",this.newState="open"}},ee=class extends Event{constructor(t,e,{publish:r,interaction:s,reason:i}){super(t,{bubbles:r,composed:r}),this.overlay=e,this.detail={interaction:s,reason:i}}}});var Pm=w(()=>{"use strict"});function Vt(o,t){var e,r;let s=Array.isArray(t)?t:[t];class i extends(r=o,e=uo,r){constructor(...d){super(d),this[e]=new Map,this.managePresenceObservedSlot=()=>{let m=!1;s.forEach(b=>{let v=!!this.querySelector(`:scope > ${b}`),f=this[uo].get(b)||!1;m=m||f!==v,this[uo].set(b,!!this.querySelector(`:scope > ${b}`))}),m&&this.updateComplete.then(()=>{this.requestUpdate()})},new Xr(this,{config:{childList:!0,subtree:!0},callback:()=>{this.managePresenceObservedSlot()}}),this.managePresenceObservedSlot()}get slotContentIsPresent(){if(s.length===1)return this[uo].get(s[0])||!1;throw new Error("Multiple selectors provided to `ObserveSlotPresence` use `getSlotContentPresence(selector: string)` instead.")}getSlotContentPresence(d){if(this[uo].has(d))return this[uo].get(d)||!1;throw new Error(`The provided selector \`${d}\` is not being observed.`)}}return i}var uo,Ll=w(()=>{ul();uo=Symbol("slotContentIsPresent")});var Xo=w(()=>{"use strict";Ll()});function Pl(o){return typeof window<"u"&&window.navigator!=null?o.test(window.navigator.userAgent):!1}function Ml(o){return typeof window<"u"&&window.navigator!=null?o.test(window.navigator.platform):!1}function U1(){return Ml(/^Mac/)}function Bl(){return Ml(/^iPhone/)}function Z1(){return Ml(/^iPad/)||U1()&&navigator.maxTouchPoints>1}function Jo(){return Bl()||Z1()}function Qo(){return Pl(/AppleWebKit/)&&!K1()}function K1(){return Pl(/Chrome/)}function bi(){return Pl(/Android/)}var Ol=w(()=>{"use strict"});var Mm=w(()=>{"use strict";bl()});var Nt=w(()=>{"use strict";co();le();Ce();mi();Pm();br();Xo();Zo();Ol();$l();Mm();te()});function Bm(o){let t=!1;try{t=o.matches(":popover-open")}catch{}let e=!1;try{e=o.matches(":open")}catch{}return t||e}function Om(o){class t extends o{async manageDelay(r){if(r===!1||r!==this.open){ao.close(this);return}this.delayed&&await ao.openTimer(this)&&(this.open=!r)}async shouldHidePopover(r){if(r&&this.open!==r)return;let s=async({newState:i}={})=>{i!=="open"&&await this.placementController.resetOverlayPosition()};if(!Bm(this.dialogEl)){s();return}this.dialogEl.addEventListener("toggle",s,{once:!0})}shouldShowPopover(r){let s=!1;try{s=this.dialogEl.matches(":popover-open")}catch{}let i=!1;try{i=this.dialogEl.matches(":open")}catch{}r&&this.open===r&&!s&&!i&&this.isConnected&&(this.dialogEl.showPopover(),this.managePosition())}async ensureOnDOM(r){G1||await this.shouldHidePopover(r),this.shouldShowPopover(r),await Ft()}async makeTransition(r){if(this.open!==r)return null;let s=null,i=(d,m)=>()=>{if(d.open=r,m===0){let b=r?lo:no;this.dispatchEvent(new b)}!r||(d.matches(wr)&&(s=d),s=s||Ye(d),s)||d.querySelectorAll("slot").forEach(b=>{s||(s=pi(b))})},a=(d,m)=>async()=>{if(this.open!==r)return;let b=r?"sp-opened":"sp-closed";if(m>0){d.dispatchEvent(new ee(b,this,{interaction:this.type,publish:!1}));return}let v=async()=>{if(this.open!==r)return;await Ft();let k=this.triggerElement instanceof Xe;this.dispatchEvent(new ee(b,this,{interaction:this.type,publish:k})),d.dispatchEvent(new ee(b,this,{interaction:this.type,publish:!1})),this.triggerElement&&!k&&this.triggerElement.dispatchEvent(new ee(b,this,{interaction:this.type,publish:!0})),this.state=r?"opened":"closed",this.returnFocus(),await Ft(),await Ft(),r===this.open&&r===!1&&this.requestSlottable()};if(this.open!==r)return;let f=Bm(this.dialogEl);r!==!0&&f&&this.isConnected?(this.dialogEl.addEventListener("beforetoggle",()=>{v()},{once:!0}),this.dialogEl.hidePopover()):v()};return this.elements.forEach((d,m)=>{ui(d,i(d,m),a(d,m))}),s}}return t}var G1,Dm=w(()=>{"use strict";co();hi();yr();Al();Nt();G1=CSS.supports("(overlay: auto)")});function Hm(o){class t extends o{async managePopoverOpen(){await this.managePosition()}async manageDelay(r){if(r===!1||r!==this.open){ao.close(this);return}this.delayed&&await ao.openTimer(this)&&(this.open=!r)}async ensureOnDOM(r){document.body.offsetHeight}async makeTransition(r){if(this.open!==r)return null;let s=null,i=(d,m)=>()=>{if(r===this.open){if(d.open=r,m===0){let b=r?lo:no;this.dispatchEvent(new b)}r!==!0||(d.matches(wr)&&(s=d),s=s||Ye(d),s)||d.querySelectorAll("slot").forEach(b=>{s||(s=pi(b))})}},a=(d,m)=>async()=>{if(this.open!==r)return;let b=r?"sp-opened":"sp-closed";if(d.dispatchEvent(new ee(b,this,{interaction:this.type})),m>0)return;let v=this.triggerElement instanceof Xe;this.dispatchEvent(new ee(b,this,{interaction:this.type,publish:v})),this.triggerElement&&!v&&this.triggerElement.dispatchEvent(new ee(b,this,{interaction:this.type,publish:!0})),this.state=r?"opened":"closed",this.returnFocus(),await Ft(),await Ft(),r===this.open&&r===!1&&this.requestSlottable()};return this.elements.forEach((d,m)=>{ui(d,i(d,m),a(d,m))}),s}}return t}var Rm=w(()=>{"use strict";co();hi();yr();Al();Nt()});var W1,Dl,Hl,qm=w(()=>{"use strict";W1="showPopover"in document.createElement("div"),Dl=class{constructor(){this.root=document.body,this.stack=[],this.originalBodyOverflow="",this.bodyScrollBlocked=!1,this.handleScroll=t=>{t.target!==document&&t.target!==document.documentElement&&t.target!==document.body||this.stack.forEach(e=>{e.open&&(e.type==="auto"&&e.triggerElement instanceof HTMLElement&&e.triggerElement.closest("sp-picker, sp-action-menu")&&t.stopPropagation(),document.dispatchEvent(new CustomEvent("sp-update-overlays",{bubbles:!0,composed:!0,cancelable:!0})))})},this.handlePointerdown=t=>{this.pointerdownPath=t.composedPath(),this.lastOverlay=this.stack[this.stack.length-1]},this.handlePointerup=()=>{let t=this.pointerdownPath;if(this.pointerdownPath=void 0,!this.stack.length||!(t!=null&&t.length))return;let e=this.lastOverlay;this.lastOverlay=void 0;let r=this.stack.length-1,s=this.stack.filter((i,a)=>!t.find(d=>d===i||d===i?.triggerElement&&i?.type==="hint"||a===r&&i!==e&&i.triggerInteraction==="longpress")&&!i.shouldPreventClose()&&i.type!=="manual"&&!(i.type==="modal"&&e!==i));s.reverse(),s.forEach(i=>{this.closeOverlay(i);let a=i.parentOverlayToForceClose;for(;a;)this.closeOverlay(a),a=a.parentOverlayToForceClose})},this.handleBeforetoggle=t=>{let{target:e,newState:r}=t;r!=="open"&&this.closeOverlay(e)},this.handleKeydown=t=>{if(t.code!=="Escape"||!this.stack.length)return;let e=this.stack[this.stack.length-1];if(e?.type==="page"){t.preventDefault();return}if(e?.type==="manual"){this.closeOverlay(e);return}W1||e&&this.closeOverlay(e)},this.bindEvents()}get document(){return this.root.ownerDocument||document}bindEvents(){this.document.addEventListener("pointerdown",this.handlePointerdown),this.document.addEventListener("pointerup",this.handlePointerup),this.document.addEventListener("keydown",this.handleKeydown),this.document.addEventListener("scroll",this.handleScroll,{capture:!0})}closeOverlay(t){let e=this.stack.indexOf(t);e>-1&&this.stack.splice(e,1),t.open=!1,this.manageBodyScroll()}manageBodyScroll(){let t=this.stack.some(e=>e.type==="modal"||e.type==="page");t&&!this.bodyScrollBlocked?(this.originalBodyOverflow=document.body.style.overflow||"",document.body.style.overflow="hidden",this.bodyScrollBlocked=!0):!t&&this.bodyScrollBlocked&&(document.body.style.overflow=this.originalBodyOverflow,this.bodyScrollBlocked=!1)}overlaysByTriggerElement(t){return this.stack.filter(e=>e.triggerElement===t)}add(t){if(this.stack.includes(t)){let e=this.stack.indexOf(t);e>-1&&(this.stack.splice(e,1),this.stack.push(t));return}if(t.type==="auto"||t.type==="modal"||t.type==="page"){let e="sp-overlay-query-path",r=new Event(e,{composed:!0,bubbles:!0});t.addEventListener(e,s=>{let i=s.composedPath();this.stack.forEach(a=>{!i.find(d=>d===a)&&a.type!=="manual"&&a.type!=="modal"&&this.closeOverlay(a)})},{once:!0}),t.dispatchEvent(r)}else if(t.type==="hint"){if(this.stack.some(e=>e.type!=="manual"&&e.triggerElement&&e.triggerElement===t.triggerElement)){t.open=!1;return}this.stack.forEach(e=>{e.type==="hint"&&this.closeOverlay(e)})}requestAnimationFrame(()=>{this.stack.push(t),t.addEventListener("beforetoggle",this.handleBeforetoggle,{once:!0}),this.manageBodyScroll()})}remove(t){this.closeOverlay(t)}},Hl=new Dl});function vi(o,t,e){return zt(o,he(t,e))}function kr(o,t){return typeof o=="function"?o(t):o}function Se(o){return o.split("-")[0]}function zr(o){return o.split("-")[1]}function Rl(o){return o==="x"?"y":"x"}function fi(o){return o==="y"?"height":"width"}function be(o){return J1.has(Se(o))?"y":"x"}function xi(o){return Rl(be(o))}function Vm(o,t,e){e===void 0&&(e=!1);let r=zr(o),s=xi(o),i=fi(s),a=s==="x"?r===(e?"end":"start")?"right":"left":r==="start"?"bottom":"top";return t.reference[i]>t.floating[i]&&(a=ts(a)),[a,ts(a)]}function Nm(o){let t=ts(o);return[gi(o),t,gi(t)]}function gi(o){return o.replace(/start|end/g,t=>X1[t])}function e2(o,t,e){switch(o){case"top":case"bottom":return e?t?Fm:jm:t?jm:Fm;case"left":case"right":return t?Q1:t2;default:return[]}}function Um(o,t,e,r){let s=zr(o),i=e2(Se(o),e==="start",r);return s&&(i=i.map(a=>a+"-"+s),t&&(i=i.concat(i.map(gi)))),i}function ts(o){return o.replace(/left|right|bottom|top/g,t=>Y1[t])}function r2(o){return{top:0,right:0,bottom:0,left:0,...o}}function ql(o){return typeof o!="number"?r2(o):{top:o,right:o,bottom:o,left:o}}function Cr(o){let{x:t,y:e,width:r,height:s}=o;return{width:r,height:s,top:e,left:t,right:t+r,bottom:e+s,x:t,y:e}}var he,zt,es,rs,re,Y1,X1,J1,jm,Fm,Q1,t2,yi=w(()=>{he=Math.min,zt=Math.max,es=Math.round,rs=Math.floor,re=o=>({x:o,y:o}),Y1={left:"right",right:"left",bottom:"top",top:"bottom"},X1={start:"end",end:"start"};J1=new Set(["top","bottom"]);jm=["left","right"],Fm=["right","left"],Q1=["top","bottom"],t2=["bottom","top"]});function Zm(o,t,e){let{reference:r,floating:s}=o,i=be(t),a=xi(t),d=fi(a),m=Se(t),b=i==="y",v=r.x+r.width/2-s.width/2,f=r.y+r.height/2-s.height/2,k=r[d]/2-s[d]/2,z;switch(m){case"top":z={x:v,y:r.y-s.height};break;case"bottom":z={x:v,y:r.y+r.height};break;case"right":z={x:r.x+r.width,y:f};break;case"left":z={x:r.x-s.width,y:f};break;default:z={x:r.x,y:r.y}}switch(zr(t)){case"start":z[a]-=k*(e&&b?-1:1);break;case"end":z[a]+=k*(e&&b?-1:1);break}return z}async function wi(o,t){var e;t===void 0&&(t={});let{x:r,y:s,platform:i,rects:a,elements:d,strategy:m}=o,{boundary:b="clippingAncestors",rootBoundary:v="viewport",elementContext:f="floating",altBoundary:k=!1,padding:z=0}=kr(t,o),S=ql(z),q=d[k?f==="floating"?"reference":"floating":f],B=Cr(await i.getClippingRect({element:(e=await(i.isElement==null?void 0:i.isElement(q)))==null||e?q:q.contextElement||await(i.getDocumentElement==null?void 0:i.getDocumentElement(d.floating)),boundary:b,rootBoundary:v,strategy:m})),O=f==="floating"?{x:r,y:s,width:a.floating.width,height:a.floating.height}:a.reference,A=await(i.getOffsetParent==null?void 0:i.getOffsetParent(d.floating)),X=await(i.isElement==null?void 0:i.isElement(A))?await(i.getScale==null?void 0:i.getScale(A))||{x:1,y:1}:{x:1,y:1},G=Cr(i.convertOffsetParentRelativeRectToViewportRelativeRect?await i.convertOffsetParentRelativeRectToViewportRelativeRect({elements:d,rect:O,offsetParent:A,strategy:m}):O);return{top:(B.top-G.top+S.top)/X.y,bottom:(G.bottom-B.bottom+S.bottom)/X.y,left:(B.left-G.left+S.left)/X.x,right:(G.right-B.right+S.right)/X.x}}async function s2(o,t){let{placement:e,platform:r,elements:s}=o,i=await(r.isRTL==null?void 0:r.isRTL(s.floating)),a=Se(e),d=zr(e),m=be(e)==="y",b=o2.has(a)?-1:1,v=i&&m?-1:1,f=kr(t,o),{mainAxis:k,crossAxis:z,alignmentAxis:S}=typeof f=="number"?{mainAxis:f,crossAxis:0,alignmentAxis:null}:{mainAxis:f.mainAxis||0,crossAxis:f.crossAxis||0,alignmentAxis:f.alignmentAxis};return d&&typeof S=="number"&&(z=d==="end"?S*-1:S),m?{x:z*v,y:k*b}:{x:k*b,y:z*v}}var Km,Gm,Wm,o2,Ym,Xm,Jm,Qm=w(()=>{yi();yi();Km=async(o,t,e)=>{let{placement:r="bottom",strategy:s="absolute",middleware:i=[],platform:a}=e,d=i.filter(Boolean),m=await(a.isRTL==null?void 0:a.isRTL(t)),b=await a.getElementRects({reference:o,floating:t,strategy:s}),{x:v,y:f}=Zm(b,r,m),k=r,z={},S=0;for(let M=0;M({name:"arrow",options:o,async fn(t){let{x:e,y:r,placement:s,rects:i,platform:a,elements:d,middlewareData:m}=t,{element:b,padding:v=0}=kr(o,t)||{};if(b==null)return{};let f=ql(v),k={x:e,y:r},z=xi(s),S=fi(z),M=await a.getDimensions(b),q=z==="y",B=q?"top":"left",O=q?"bottom":"right",A=q?"clientHeight":"clientWidth",X=i.reference[S]+i.reference[z]-k[z]-i.floating[S],G=k[z]-i.reference[z],ht=await(a.getOffsetParent==null?void 0:a.getOffsetParent(b)),st=ht?ht[A]:0;(!st||!await(a.isElement==null?void 0:a.isElement(ht)))&&(st=d.floating[A]||i.floating[S]);let St=X/2-G/2,Pt=st/2-M[S]/2-1,U=he(f[B],Pt),ot=he(f[O],Pt),Z=U,C=st-M[S]-ot,I=st/2-M[S]/2+St,D=vi(Z,I,C),N=!m.arrow&&zr(s)!=null&&I!==D&&i.reference[S]/2-(II<=0)){var ot,Z;let I=(((ot=i.flip)==null?void 0:ot.index)||0)+1,D=st[I];if(D&&(!(f==="alignment"?O!==be(D):!1)||U.every(K=>be(K.placement)===O?K.overflows[0]>0:!0)))return{data:{index:I,overflows:U},reset:{placement:D}};let N=(Z=U.filter(F=>F.overflows[0]<=0).sort((F,K)=>F.overflows[1]-K.overflows[1])[0])==null?void 0:Z.placement;if(!N)switch(z){case"bestFit":{var C;let F=(C=U.filter(K=>{if(ht){let V=be(K.placement);return V===O||V==="y"}return!0}).map(K=>[K.placement,K.overflows.filter(V=>V>0).reduce((V,it)=>V+it,0)]).sort((K,V)=>K[1]-V[1])[0])==null?void 0:C[0];F&&(N=F);break}case"initialPlacement":N=d;break}if(s!==N)return{reset:{placement:N}}}return{}}}},o2=new Set(["left","top"]);Ym=function(o){return o===void 0&&(o=0),{name:"offset",options:o,async fn(t){var e,r;let{x:s,y:i,placement:a,middlewareData:d}=t,m=await s2(t,o);return a===((e=d.offset)==null?void 0:e.placement)&&(r=d.arrow)!=null&&r.alignmentOffset?{}:{x:s+m.x,y:i+m.y,data:{...m,placement:a}}}}},Xm=function(o){return o===void 0&&(o={}),{name:"shift",options:o,async fn(t){let{x:e,y:r,placement:s}=t,{mainAxis:i=!0,crossAxis:a=!1,limiter:d={fn:q=>{let{x:B,y:O}=q;return{x:B,y:O}}},...m}=kr(o,t),b={x:e,y:r},v=await wi(t,m),f=be(Se(s)),k=Rl(f),z=b[k],S=b[f];if(i){let q=k==="y"?"top":"left",B=k==="y"?"bottom":"right",O=z+v[q],A=z-v[B];z=vi(O,z,A)}if(a){let q=f==="y"?"top":"left",B=f==="y"?"bottom":"right",O=S+v[q],A=S-v[B];S=vi(O,S,A)}let M=d.fn({...t,[k]:z,[f]:S});return{...M,data:{x:M.x-e,y:M.y-r,enabled:{[k]:i,[f]:a}}}}}},Jm=function(o){return o===void 0&&(o={}),{name:"size",options:o,async fn(t){var e,r;let{placement:s,rects:i,platform:a,elements:d}=t,{apply:m=()=>{},...b}=kr(o,t),v=await wi(t,b),f=Se(s),k=zr(s),z=be(s)==="y",{width:S,height:M}=i.floating,q,B;f==="top"||f==="bottom"?(q=f,B=k===(await(a.isRTL==null?void 0:a.isRTL(d.floating))?"start":"end")?"left":"right"):(B=f,q=k==="end"?"top":"bottom");let O=M-v.top-v.bottom,A=S-v.left-v.right,X=he(M-v[q],O),G=he(S-v[B],A),ht=!t.middlewareData.shift,st=X,St=G;if((e=t.middlewareData.shift)!=null&&e.enabled.x&&(St=A),(r=t.middlewareData.shift)!=null&&r.enabled.y&&(st=O),ht&&!k){let U=zt(v.left,0),ot=zt(v.right,0),Z=zt(v.top,0),C=zt(v.bottom,0);z?St=S-2*(U!==0||ot!==0?U+ot:zt(v.left,v.right)):st=M-2*(Z!==0||C!==0?Z+C:zt(v.top,v.bottom))}await m({...t,availableWidth:St,availableHeight:st});let Pt=await a.getDimensions(d.floating);return S!==Pt.width||M!==Pt.height?{reset:{rects:!0}}:{}}}}});function ki(){return typeof window<"u"}function Tr(o){return ep(o)?(o.nodeName||"").toLowerCase():"#document"}function _t(o){var t;return(o==null||(t=o.ownerDocument)==null?void 0:t.defaultView)||window}function oe(o){var t;return(t=(ep(o)?o.ownerDocument:o.document)||window.document)==null?void 0:t.documentElement}function ep(o){return ki()?o instanceof Node||o instanceof _t(o).Node:!1}function Ut(o){return ki()?o instanceof Element||o instanceof _t(o).Element:!1}function se(o){return ki()?o instanceof HTMLElement||o instanceof _t(o).HTMLElement:!1}function tp(o){return!ki()||typeof ShadowRoot>"u"?!1:o instanceof ShadowRoot||o instanceof _t(o).ShadowRoot}function po(o){let{overflow:t,overflowX:e,overflowY:r,display:s}=Zt(o);return/auto|scroll|overlay|hidden|clip/.test(t+r+e)&&!i2.has(s)}function rp(o){return a2.has(Tr(o))}function os(o){return c2.some(t=>{try{return o.matches(t)}catch{return!1}})}function zi(o){let t=Ci(),e=Ut(o)?Zt(o):o;return n2.some(r=>e[r]?e[r]!=="none":!1)||(e.containerType?e.containerType!=="normal":!1)||!t&&(e.backdropFilter?e.backdropFilter!=="none":!1)||!t&&(e.filter?e.filter!=="none":!1)||l2.some(r=>(e.willChange||"").includes(r))||d2.some(r=>(e.contain||"").includes(r))}function op(o){let t=Ee(o);for(;se(t)&&!Ir(t);){if(zi(t))return t;if(os(t))return null;t=Ee(t)}return null}function Ci(){return typeof CSS>"u"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}function Ir(o){return u2.has(Tr(o))}function Zt(o){return _t(o).getComputedStyle(o)}function ss(o){return Ut(o)?{scrollLeft:o.scrollLeft,scrollTop:o.scrollTop}:{scrollLeft:o.scrollX,scrollTop:o.scrollY}}function Ee(o){if(Tr(o)==="html")return o;let t=o.assignedSlot||o.parentNode||tp(o)&&o.host||oe(o);return tp(t)?t.host:t}function sp(o){let t=Ee(o);return Ir(t)?o.ownerDocument?o.ownerDocument.body:o.body:se(t)&&po(t)?t:sp(t)}function mo(o,t,e){var r;t===void 0&&(t=[]),e===void 0&&(e=!0);let s=sp(o),i=s===((r=o.ownerDocument)==null?void 0:r.body),a=_t(s);if(i){let d=Ti(a);return t.concat(a,a.visualViewport||[],po(s)?s:[],d&&e?mo(d):[])}return t.concat(s,mo(s,[],e))}function Ti(o){return o.parent&&Object.getPrototypeOf(o.parent)?o.frameElement:null}var i2,a2,c2,n2,l2,d2,u2,ip=w(()=>{i2=new Set(["inline","contents"]);a2=new Set(["table","td","th"]);c2=[":popover-open",":modal"];n2=["transform","translate","scale","rotate","perspective"],l2=["transform","translate","scale","rotate","perspective","filter"],d2=["paint","layout","strict","content"];u2=new Set(["html","body","#document"])});function lp(o){let t=Zt(o),e=parseFloat(t.width)||0,r=parseFloat(t.height)||0,s=se(o),i=s?o.offsetWidth:e,a=s?o.offsetHeight:r,d=es(e)!==i||es(r)!==a;return d&&(e=i,r=a),{width:e,height:r,$:d}}function Fl(o){return Ut(o)?o:o.contextElement}function ho(o){let t=Fl(o);if(!se(t))return re(1);let e=t.getBoundingClientRect(),{width:r,height:s,$:i}=lp(t),a=(i?es(e.width):e.width)/r,d=(i?es(e.height):e.height)/s;return(!a||!Number.isFinite(a))&&(a=1),(!d||!Number.isFinite(d))&&(d=1),{x:a,y:d}}function dp(o){let t=_t(o);return!Ci()||!t.visualViewport?m2:{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}}function p2(o,t,e){return t===void 0&&(t=!1),!e||t&&e!==_t(o)?!1:t}function Sr(o,t,e,r){t===void 0&&(t=!1),e===void 0&&(e=!1);let s=o.getBoundingClientRect(),i=Fl(o),a=re(1);t&&(r?Ut(r)&&(a=ho(r)):a=ho(o));let d=p2(i,e,r)?dp(i):re(0),m=(s.left+d.x)/a.x,b=(s.top+d.y)/a.y,v=s.width/a.x,f=s.height/a.y;if(i){let k=_t(i),z=r&&Ut(r)?_t(r):r,S=k,M=Ti(S);for(;M&&r&&z!==S;){let q=ho(M),B=M.getBoundingClientRect(),O=Zt(M),A=B.left+(M.clientLeft+parseFloat(O.paddingLeft))*q.x,X=B.top+(M.clientTop+parseFloat(O.paddingTop))*q.y;m*=q.x,b*=q.y,v*=q.x,f*=q.y,m+=A,b+=X,S=_t(M),M=Ti(S)}}return Cr({width:v,height:f,x:m,y:b})}function Ii(o,t){let e=ss(o).scrollLeft;return t?t.left+e:Sr(oe(o)).left+e}function up(o,t){let e=o.getBoundingClientRect(),r=e.left+t.scrollLeft-Ii(o,e),s=e.top+t.scrollTop;return{x:r,y:s}}function h2(o){let{elements:t,rect:e,offsetParent:r,strategy:s}=o,i=s==="fixed",a=oe(r),d=t?os(t.floating):!1;if(r===a||d&&i)return e;let m={scrollLeft:0,scrollTop:0},b=re(1),v=re(0),f=se(r);if((f||!f&&!i)&&((Tr(r)!=="body"||po(a))&&(m=ss(r)),se(r))){let z=Sr(r);b=ho(r),v.x=z.x+r.clientLeft,v.y=z.y+r.clientTop}let k=a&&!f&&!i?up(a,m):re(0);return{width:e.width*b.x,height:e.height*b.y,x:e.x*b.x-m.scrollLeft*b.x+v.x+k.x,y:e.y*b.y-m.scrollTop*b.y+v.y+k.y}}function b2(o){return Array.from(o.getClientRects())}function g2(o){let t=oe(o),e=ss(o),r=o.ownerDocument.body,s=zt(t.scrollWidth,t.clientWidth,r.scrollWidth,r.clientWidth),i=zt(t.scrollHeight,t.clientHeight,r.scrollHeight,r.clientHeight),a=-e.scrollLeft+Ii(o),d=-e.scrollTop;return Zt(r).direction==="rtl"&&(a+=zt(t.clientWidth,r.clientWidth)-s),{width:s,height:i,x:a,y:d}}function v2(o,t){let e=_t(o),r=oe(o),s=e.visualViewport,i=r.clientWidth,a=r.clientHeight,d=0,m=0;if(s){i=s.width,a=s.height;let v=Ci();(!v||v&&t==="fixed")&&(d=s.offsetLeft,m=s.offsetTop)}let b=Ii(r);if(b<=0){let v=r.ownerDocument,f=v.body,k=getComputedStyle(f),z=v.compatMode==="CSS1Compat"&&parseFloat(k.marginLeft)+parseFloat(k.marginRight)||0,S=Math.abs(r.clientWidth-f.clientWidth-z);S<=ap&&(i-=S)}else b<=ap&&(i+=b);return{width:i,height:a,x:d,y:m}}function x2(o,t){let e=Sr(o,!0,t==="fixed"),r=e.top+o.clientTop,s=e.left+o.clientLeft,i=se(o)?ho(o):re(1),a=o.clientWidth*i.x,d=o.clientHeight*i.y,m=s*i.x,b=r*i.y;return{width:a,height:d,x:m,y:b}}function cp(o,t,e){let r;if(t==="viewport")r=v2(o,e);else if(t==="document")r=g2(oe(o));else if(Ut(t))r=x2(t,e);else{let s=dp(o);r={x:t.x-s.x,y:t.y-s.y,width:t.width,height:t.height}}return Cr(r)}function mp(o,t){let e=Ee(o);return e===t||!Ut(e)||Ir(e)?!1:Zt(e).position==="fixed"||mp(e,t)}function y2(o,t){let e=t.get(o);if(e)return e;let r=mo(o,[],!1).filter(d=>Ut(d)&&Tr(d)!=="body"),s=null,i=Zt(o).position==="fixed",a=i?Ee(o):o;for(;Ut(a)&&!Ir(a);){let d=Zt(a),m=zi(a);!m&&d.position==="fixed"&&(s=null),(i?!m&&!s:!m&&d.position==="static"&&!!s&&f2.has(s.position)||po(a)&&!m&&mp(o,a))?r=r.filter(v=>v!==a):s=d,a=Ee(a)}return t.set(o,r),r}function w2(o){let{element:t,boundary:e,rootBoundary:r,strategy:s}=o,a=[...e==="clippingAncestors"?os(t)?[]:y2(t,this._c):[].concat(e),r],d=a[0],m=a.reduce((b,v)=>{let f=cp(t,v,s);return b.top=zt(f.top,b.top),b.right=he(f.right,b.right),b.bottom=he(f.bottom,b.bottom),b.left=zt(f.left,b.left),b},cp(t,d,s));return{width:m.right-m.left,height:m.bottom-m.top,x:m.left,y:m.top}}function k2(o){let{width:t,height:e}=lp(o);return{width:t,height:e}}function z2(o,t,e){let r=se(t),s=oe(t),i=e==="fixed",a=Sr(o,!0,i,t),d={scrollLeft:0,scrollTop:0},m=re(0);function b(){m.x=Ii(s)}if(r||!r&&!i)if((Tr(t)!=="body"||po(s))&&(d=ss(t)),r){let z=Sr(t,!0,i,t);m.x=z.x+t.clientLeft,m.y=z.y+t.clientTop}else s&&b();i&&!r&&s&&b();let v=s&&!r&&!i?up(s,d):re(0),f=a.left+d.scrollLeft-m.x-v.x,k=a.top+d.scrollTop-m.y-v.y;return{x:f,y:k,width:a.width,height:a.height}}function jl(o){return Zt(o).position==="static"}function np(o,t){if(!se(o)||Zt(o).position==="fixed")return null;if(t)return t(o);let e=o.offsetParent;return oe(o)===e&&(e=e.ownerDocument.body),e}function pp(o,t){let e=_t(o);if(os(o))return e;if(!se(o)){let s=Ee(o);for(;s&&!Ir(s);){if(Ut(s)&&!jl(s))return s;s=Ee(s)}return e}let r=np(o,t);for(;r&&rp(r)&&jl(r);)r=np(r,t);return r&&Ir(r)&&jl(r)&&!zi(r)?e:r||op(o)||e}function T2(o){return Zt(o).direction==="rtl"}function hp(o,t){return o.x===t.x&&o.y===t.y&&o.width===t.width&&o.height===t.height}function S2(o,t){let e=null,r,s=oe(o);function i(){var d;clearTimeout(r),(d=e)==null||d.disconnect(),e=null}function a(d,m){d===void 0&&(d=!1),m===void 0&&(m=1),i();let b=o.getBoundingClientRect(),{left:v,top:f,width:k,height:z}=b;if(d||t(),!k||!z)return;let S=rs(f),M=rs(s.clientWidth-(v+k)),q=rs(s.clientHeight-(f+z)),B=rs(v),A={rootMargin:-S+"px "+-M+"px "+-q+"px "+-B+"px",threshold:zt(0,he(1,m))||1},X=!0;function G(ht){let st=ht[0].intersectionRatio;if(st!==m){if(!X)return a();st?a(!1,st):r=setTimeout(()=>{a(!1,1e-7)},1e3)}st===1&&!hp(b,o.getBoundingClientRect())&&a(),X=!1}try{e=new IntersectionObserver(G,{...A,root:s.ownerDocument})}catch{e=new IntersectionObserver(G,A)}e.observe(o)}return a(!0),i}function Vl(o,t,e,r){r===void 0&&(r={});let{ancestorScroll:s=!0,ancestorResize:i=!0,elementResize:a=typeof ResizeObserver=="function",layoutShift:d=typeof IntersectionObserver=="function",animationFrame:m=!1}=r,b=Fl(o),v=s||i?[...b?mo(b):[],...mo(t)]:[];v.forEach(B=>{s&&B.addEventListener("scroll",e,{passive:!0}),i&&B.addEventListener("resize",e)});let f=b&&d?S2(b,e):null,k=-1,z=null;a&&(z=new ResizeObserver(B=>{let[O]=B;O&&O.target===b&&z&&(z.unobserve(t),cancelAnimationFrame(k),k=requestAnimationFrame(()=>{var A;(A=z)==null||A.observe(t)})),e()}),b&&!m&&z.observe(b),z.observe(t));let S,M=m?Sr(o):null;m&&q();function q(){let B=Sr(o);M&&!hp(M,B)&&e(),M=B,S=requestAnimationFrame(q)}return e(),()=>{var B;v.forEach(O=>{s&&O.removeEventListener("scroll",e),i&&O.removeEventListener("resize",e)}),f?.(),(B=z)==null||B.disconnect(),z=null,m&&cancelAnimationFrame(S)}}var m2,ap,f2,C2,I2,bp,gp,Nl,vp,fp,xp,yp=w(()=>{Qm();yi();ip();m2=re(0);ap=25;f2=new Set(["absolute","fixed"]);C2=async function(o){let t=this.getOffsetParent||pp,e=this.getDimensions,r=await e(o.floating);return{reference:z2(o.reference,await t(o.floating),o.strategy),floating:{x:0,y:0,width:r.width,height:r.height}}};I2={convertOffsetParentRelativeRectToViewportRelativeRect:h2,getDocumentElement:oe,getClippingRect:w2,getOffsetParent:pp,getElementRects:C2,getClientRects:b2,getDimensions:k2,getScale:ho,isElement:Ut,isRTL:T2};bp=Ym,gp=Xm,Nl=Wm,vp=Jm,fp=Gm,xp=(o,t,e)=>{let r=new Map,s={platform:I2,...e},i={...s.platform,_c:r};return Km(o,t,{...s,platform:i})}});function Si(o){if(typeof o>"u")return 0;let t=window.devicePixelRatio||1;return Math.round(o*t)/t}var Ei,E2,$2,IT,$i,wp=w(()=>{"use strict";yp();Ei=8,E2=100,$2=o=>{var t;return(t={left:["right","bottom","top"],"left-start":["right-start","bottom","top"],"left-end":["right-end","bottom","top"],right:["left","bottom","top"],"right-start":["left-start","bottom","top"],"right-end":["left-end","bottom","top"],top:["bottom","left","right"],"top-start":["bottom-start","left","right"],"top-end":["bottom-end","left","right"],bottom:["top","left","right"],"bottom-start":["top-start","left","right"],"bottom-end":["top-end","left","right"]}[o])!=null?t:[o]},IT=Symbol("placement updated"),$i=class{constructor(t){this.originalPlacements=new WeakMap,this.allowPlacementUpdate=!1,this.closeForAncestorUpdate=()=>{!this.allowPlacementUpdate&&this.options.type!=="modal"&&this.cleanup&&this.target.dispatchEvent(new Event("close",{bubbles:!0})),this.allowPlacementUpdate=!1},this.updatePlacement=()=>{this.computePlacement()},this.resetOverlayPosition=()=>{!this.target||!this.options||(this.clearOverlayPosition(),this.host.offsetHeight,this.computePlacement())},this.host=t,this.host.addController(this)}async placeOverlay(t=this.target,e=this.options){if(this.target=t,this.options=e,!t||!e)return;let r=Vl(e.trigger,t,this.closeForAncestorUpdate,{ancestorResize:!1,elementResize:!1,layoutShift:!1}),s=Vl(e.trigger,t,this.updatePlacement,{ancestorScroll:!1});this.cleanup=()=>{var i;(i=this.host.elements)==null||i.forEach(a=>{a.addEventListener("sp-closed",()=>{let d=this.originalPlacements.get(a);d&&a.setAttribute("placement",d),this.originalPlacements.delete(a)},{once:!0})}),r(),s()}}async computePlacement(){var t,e;let{options:r,target:s}=this;await(document.fonts?document.fonts.ready:Promise.resolve());let i=r.trigger instanceof HTMLElement?Nl():Nl({padding:Ei,fallbackPlacements:$2(r.placement)}),[a=0,d=0]=Array.isArray(r?.offset)?r.offset:[r.offset,0],m=(t=this.host.elements.find(S=>S.tipElement))==null?void 0:t.tipElement,b=[bp({mainAxis:a,crossAxis:d}),gp({padding:Ei}),i,vp({padding:Ei,apply:({availableWidth:S,availableHeight:M,rects:{floating:q}})=>{let B=Math.max(E2,Math.floor(M)),O=q.height;this.initialHeight=this.isConstrained&&this.initialHeight||O,this.isConstrained=O{this.originalPlacements.has(S)||this.originalPlacements.set(S,S.getAttribute("placement")),S.setAttribute("placement",k)}),m&&z.arrow){let{x:S,y:M}=z.arrow;Object.assign(m.style,{top:k.startsWith("right")||k.startsWith("left")?"0px":"",left:k.startsWith("bottom")||k.startsWith("top")?"0px":"",translate:`${Si(S)}px ${Si(M)}px`})}}clearOverlayPosition(){this.target&&(this.target.style.removeProperty("max-height"),this.target.style.removeProperty("max-width"),this.initialHeight=void 0,this.isConstrained=!1)}hostConnected(){document.addEventListener("sp-update-overlays",this.resetOverlayPosition)}hostUpdated(){var t;this.host.open||((t=this.cleanup)==null||t.call(this),this.cleanup=void 0)}hostDisconnected(){var t;(t=this.cleanup)==null||t.call(this),this.cleanup=void 0,document.removeEventListener("sp-update-overlays",this.resetOverlayPosition)}}});var Qe,_i,Je,Ai=w(()=>{"use strict";Qe=(o=>(o.click="click",o.hover="hover",o.longpress="longpress",o))(Qe||{}),_i=Symbol("lastInteractionType"),Je=class{constructor(t,{overlay:e,isPersistent:r,handleOverlayReady:s}){this.target=t,this.isLazilyOpen=!1,this.isPersistent=!1,this.isPersistent=!!r,this.handleOverlayReady=s,this.isPersistent&&this.init(),this.overlay=e}get activelyOpening(){return!1}get open(){var t,e;return(e=(t=this.overlay)==null?void 0:t.open)!=null?e:this.isLazilyOpen}set open(t){if(t!==this.open){if(this.isLazilyOpen=t,this.overlay){this.overlay.open=t,this.target[_i]=this.type;return}t&&(customElements.whenDefined("sp-overlay").then(async()=>{let{Overlay:e}=await Promise.resolve().then(()=>(di(),Ul));this.overlay=new e,this.overlay.open=!0,this.target[_i]=this.type}),Promise.resolve().then(()=>(Te(),Yo)))}}get overlay(){return this._overlay}set overlay(t){var e;t&&this.overlay!==t&&(this.overlay&&this.overlay.removeController(this),this._overlay=t,this.overlay.addController(this),this.initOverlay(),this.prepareDescription(this.target),(e=this.handleOverlayReady)==null||e.call(this,this.overlay))}prepareDescription(t){}releaseDescription(){}shouldCompleteOpen(){}init(){}initOverlay(){}abort(){var t;this.releaseDescription(),(t=this.abortController)==null||t.abort()}hostConnected(){this.init()}hostDisconnected(){this.isPersistent||this.abort()}}});var _2,Zl,Li,Kl=w(()=>{"use strict";Ol();ro();te();yr();Ai();_2=300,Zl={touch:"Double tap and long press for additional options",keyboard:"Press Space or Alt+Down Arrow for additional options",mouse:"Click and hold for additional options"},Li=class extends Je{constructor(){super(...arguments),this.type=Qe.longpress,this.longpressState=null,this.releaseDescription=Ie,this.handlePointerup=()=>{var t;clearTimeout(this.timeout),this.target&&(this.longpressState=((t=this.overlay)==null?void 0:t.state)==="opening"?"pressed":null,document.removeEventListener("pointerup",this.handlePointerup),document.removeEventListener("pointercancel",this.handlePointerup))}}get activelyOpening(){return this.longpressState==="opening"||this.longpressState==="pressed"}handleLongpress(){this.open=!0,this.longpressState=this.longpressState==="potential"?"opening":"pressed"}handlePointerdown(t){!this.target||t.button!==0||(this.longpressState="potential",document.addEventListener("pointerup",this.handlePointerup),document.addEventListener("pointercancel",this.handlePointerup),"holdAffordance"in this.target)||(this.timeout=setTimeout(()=>{this.target&&this.target.dispatchEvent(new CustomEvent("longpress",{bubbles:!0,composed:!0,detail:{source:"pointer"}}))},_2))}handleKeydown(t){let{code:e,altKey:r}=t;r&&e==="ArrowDown"&&(t.stopPropagation(),t.stopImmediatePropagation())}handleKeyup(t){let{code:e,altKey:r}=t;if(e==="Space"||r&&e==="ArrowDown"){if(!this.target)return;t.stopPropagation(),this.target.dispatchEvent(new CustomEvent("longpress",{bubbles:!0,composed:!0,detail:{source:"keyboard"}})),setTimeout(()=>{this.longpressState=null})}}prepareDescription(t){if(this.releaseDescription!==Ie||!this.overlay.elements.length)return;let e=document.createElement("div");e.id=`longpress-describedby-descriptor-${at()}`;let r=Jo()||bi()?"touch":"keyboard";e.textContent=Zl[r],e.slot="longpress-describedby-descriptor";let s=t.getRootNode(),i=this.overlay.getRootNode();s===i?this.overlay.append(e):(e.hidden=!("host"in s),t.insertAdjacentElement("afterend",e));let a=Bt(t,"aria-describedby",[e.id]);this.releaseDescription=()=>{a(),e.remove(),this.releaseDescription=Ie}}shouldCompleteOpen(){this.longpressState=this.longpressState==="pressed"?null:this.longpressState}init(){var t;(t=this.abortController)==null||t.abort(),this.abortController=new AbortController;let{signal:e}=this.abortController;this.target.addEventListener("longpress",()=>this.handleLongpress(),{signal:e}),this.target.addEventListener("pointerdown",r=>this.handlePointerdown(r),{signal:e}),this.prepareDescription(this.target),!this.target.holdAffordance&&(this.target.addEventListener("keydown",r=>this.handleKeydown(r),{signal:e}),this.target.addEventListener("keyup",r=>this.handleKeyup(r),{signal:e}))}}});var Pi,kp=w(()=>{"use strict";Ai();Pi=class extends Je{constructor(){super(...arguments),this.type=Qe.click,this.preventNextToggle=!1}handleClick(){this.preventNextToggle||(this.open=!this.open),this.preventNextToggle=!1}handlePointerdown(){this.preventNextToggle=this.open}init(){var t;(t=this.abortController)==null||t.abort(),this.abortController=new AbortController;let{signal:e}=this.abortController;this.target.addEventListener("click",()=>this.handleClick(),{signal:e}),this.target.addEventListener("pointerdown",()=>this.handlePointerdown(),{signal:e})}}});var Mi,zp=w(()=>{"use strict";ro();Nt();te();yr();Ai();Mi=class extends Je{constructor(){super(...arguments),this.type=Qe.hover,this.elementIds=[],this.targetFocused=!1,this.hovering=!1,this.overlayFocused=!1}handleKeyup(t){t.code==="Tab"?this.open=!0:t.code==="Escape"&&this.open&&(t.preventDefault(),t.stopPropagation(),this.open=!1,this.target&&this.target.focus())}handleTargetFocusin(){this.target.matches(":focus-visible")&&(Qo()&&this.target[_i]===Qe.click||(this.open=!0,this.targetFocused=!0))}handleTargetFocusout(){this.targetFocused=!1,!this.hovering&&this.doFocusleave()}clearCloseTimeout(){this.hoverTimeout&&(clearTimeout(this.hoverTimeout),this.hoverTimeout=void 0)}handleTargetPointerenter(){var t;this.clearCloseTimeout(),!((t=this.overlay)!=null&&t.disabled)&&(this.open=!0,this.hovering=!0)}handleTargetPointerleave(){this.doPointerleave()}handleHostPointerenter(){this.clearCloseTimeout()}handleHostPointerleave(){this.doPointerleave()}handleOverlayFocusin(){this.overlayFocused=!0,this.clearCloseTimeout()}handleOverlayFocusout(){this.overlayFocused=!1,!this.hovering&&(this.targetFocused&&this.target.matches(":focus-visible")||this.doFocusleave())}prepareDescription(){if(!this.overlay.elements.length)return;let t=this.target.getRootNode(),e=this.overlay.elements[0].getRootNode(),r=this.overlay.getRootNode();t===r?this.prepareOverlayRelativeDescription():t===e&&this.prepareContentRelativeDescription()}prepareOverlayRelativeDescription(){let t=Bt(this.target,"aria-describedby",[this.overlay.id]);this.releaseDescription=()=>{t(),this.releaseDescription=Ie}}prepareContentRelativeDescription(){let t=[],e=this.overlay.elements.map(s=>(t.push(s.id),s.id||(s.id=`${this.overlay.tagName.toLowerCase()}-helper-${at()}`),s.id));this.elementIds=t;let r=Bt(this.target,"aria-describedby",e);this.releaseDescription=()=>{r(),this.overlay.elements.map((s,i)=>{s.id=this.elementIds[i]}),this.releaseDescription=Ie}}scheduleClose(){this.hoverTimeout=setTimeout(()=>{this.open=!1},300)}doPointerleave(){this.hovering=!1;let t=this.target;this.targetFocused&&t.matches(":focus-visible")||this.overlayFocused||this.scheduleClose()}doFocusleave(){this.clearCloseTimeout(),!this.targetFocused&&!this.overlayFocused&&!this.hovering&&this.scheduleClose()}init(){var t;(t=this.abortController)==null||t.abort(),this.abortController=new AbortController;let{signal:e}=this.abortController;this.target.addEventListener("keyup",r=>this.handleKeyup(r),{signal:e}),this.target.addEventListener("focusin",()=>this.handleTargetFocusin(),{signal:e}),this.target.addEventListener("focusout",()=>this.handleTargetFocusout(),{signal:e}),this.target.addEventListener("pointerenter",()=>this.handleTargetPointerenter(),{signal:e}),this.target.addEventListener("pointerleave",()=>this.handleTargetPointerleave(),{signal:e}),this.overlay&&this.initOverlay()}initOverlay(){if(!this.abortController)return;let{signal:t}=this.abortController;this.overlay.addEventListener("pointerenter",()=>this.handleHostPointerenter(),{signal:t}),this.overlay.addEventListener("pointerleave",()=>this.handleHostPointerleave(),{signal:t}),this.overlay.addEventListener("focusin",()=>this.handleOverlayFocusin(),{signal:t}),this.overlay.addEventListener("focusout",()=>this.handleOverlayFocusout(),{signal:t}),this.overlay.addEventListener("keyup",e=>this.handleKeyup(e),{signal:t})}}});var Cp,Tp=w(()=>{"use strict";kp();zp();Kl();Cp={click:Pi,longpress:Li,hover:Mi}});var tr,Ip,Bi=w(()=>{"use strict";tr=class extends Event{constructor(t,e,r){super("slottable-request",{bubbles:!1,cancelable:!0,composed:!1}),this.name=t,this.data=e,this.slotName=r!==void 0?`${t}.${r}`:t}},Ip=Symbol("remove-slottable-request")});var A2,Sp,Ep=w(()=>{"use strict";p();A2=y` :host{pointer-events:none;--swc-overlay-animation-distance:var(--spectrum-spacing-100);display:contents}:host(:has(>sp-tooltip)){--swc-overlay-animation-distance:var(--spectrum-tooltip-animation-distance)}.dialog{box-sizing:border-box;--sp-overlay-open:true;background:0 0;border:0;max-width:calc(100vw - 16px);height:auto;max-height:calc(100dvh - 16px);margin:0;padding:0;display:flex;position:fixed;inset:0 auto auto 0;overflow:visible;opacity:1!important}.dialog:not([is-visible]){display:none}.dialog:focus{outline:none}dialog:modal{--mod-popover-filter:var(--spectrum-popover-filter)}:host(:not([open])) .dialog{--sp-overlay-open:false}.dialog::backdrop{display:none}.dialog:before{content:"";position:absolute;inset:-999em;pointer-events:auto!important}.dialog:not(.not-immediately-closable):before{display:none}.dialog>div{width:100%}::slotted(*){pointer-events:auto;visibility:visible!important}::slotted(sp-popover){position:static}.dialog:not([actual-placement])[placement*=top]{padding-block:var(--swc-overlay-animation-distance);margin-top:var(--swc-overlay-animation-distance)}.dialog:not([actual-placement])[placement*=right]{padding-inline:var(--swc-overlay-animation-distance);margin-left:calc(-1*var(--swc-overlay-animation-distance))}.dialog:not([actual-placement])[placement*=bottom]{padding-block:var(--swc-overlay-animation-distance);margin-top:calc(-1*var(--swc-overlay-animation-distance))}.dialog:not([actual-placement])[placement*=left]{padding-inline:var(--swc-overlay-animation-distance);margin-left:var(--swc-overlay-animation-distance)}.dialog[actual-placement*=top]{padding-block:var(--swc-overlay-animation-distance);margin-top:var(--swc-overlay-animation-distance)}.dialog[actual-placement*=right]{padding-inline:var(--swc-overlay-animation-distance);margin-left:calc(-1*var(--swc-overlay-animation-distance))}.dialog[actual-placement*=bottom]{padding-block:var(--swc-overlay-animation-distance);margin-top:calc(-1*var(--swc-overlay-animation-distance))}.dialog[actual-placement*=left]{padding-inline:var(--swc-overlay-animation-distance);margin-left:var(--swc-overlay-animation-distance)}slot[name=longpress-describedby-descriptor]{display:none}@supports selector(:open){.dialog{opacity:0}.dialog:open{opacity:1;--mod-popover-filter:var(--spectrum-popover-filter)}}@supports selector(:popover-open){.dialog{opacity:0}.dialog:popover-open{opacity:1;--mod-popover-filter:var(--spectrum-popover-filter)}}@supports (overlay:auto){.dialog{transition:all var(--mod-overlay-animation-duration,var(--spectrum-animation-duration-100,.13s)),translate 0s,display var(--mod-overlay-animation-duration,var(--spectrum-animation-duration-100,.13s));transition-behavior:allow-discrete;display:none}.dialog:popover-open{display:flex}}@supports (not selector(:open)) and (not selector(:popover-open)){:host:not([open]) .dialog{pointer-events:none}.dialog[actual-placement]{z-index:calc(var(--swc-overlay-z-index-base,1000) + var(--swc-overlay-open-count))}} -`,Ip=E2});var $p,Oi,_p,Er,Di,is,$2,Ap,Hi,Lp,er,_2,A2,Pp,L2,P2,M2,B2,O2,D2,H2,Ep,R2,q2,Ri,Kl,j2,Mp,Bp,Op,$r,F2,qi,Dp=w(()=>{$p=["input:not([inert])","select:not([inert])","textarea:not([inert])","a[href]:not([inert])","button:not([inert])","[tabindex]:not(slot):not([inert])","audio[controls]:not([inert])","video[controls]:not([inert])",'[contenteditable]:not([contenteditable="false"]):not([inert])',"details>summary:first-of-type:not([inert])","details:not([inert])"],Oi=$p.join(","),_p=typeof Element>"u",Er=_p?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector,Di=!_p&&Element.prototype.getRootNode?function(o){var t;return o==null||(t=o.getRootNode)===null||t===void 0?void 0:t.call(o)}:function(o){return o?.ownerDocument},is=function(t,e){var r;e===void 0&&(e=!0);var s=t==null||(r=t.getAttribute)===null||r===void 0?void 0:r.call(t,"inert"),i=s===""||s==="true",a=i||e&&t&&is(t.parentNode);return a},$2=function(t){var e,r=t==null||(e=t.getAttribute)===null||e===void 0?void 0:e.call(t,"contenteditable");return r===""||r==="true"},Ap=function(t,e,r){if(is(t))return[];var s=Array.prototype.slice.apply(t.querySelectorAll(Oi));return e&&Er.call(t,Oi)&&s.unshift(t),s=s.filter(r),s},Hi=function(t,e,r){for(var s=[],i=Array.from(t);i.length;){var a=i.shift();if(!is(a,!1))if(a.tagName==="SLOT"){var d=a.assignedElements(),m=d.length?d:a.children,b=Hi(m,!0,r);r.flatten?s.push.apply(s,b):s.push({scopeParent:a,candidates:b})}else{var v=Er.call(a,Oi);v&&r.filter(a)&&(e||!t.includes(a))&&s.push(a);var f=a.shadowRoot||typeof r.getShadowRoot=="function"&&r.getShadowRoot(a),k=!is(f,!1)&&(!r.shadowRootFilter||r.shadowRootFilter(a));if(f&&k){var z=Hi(f===!0?a.children:f.children,!0,r);r.flatten?s.push.apply(s,z):s.push({scopeParent:a,candidates:z})}else i.unshift.apply(i,a.children)}}return s},Lp=function(t){return!isNaN(parseInt(t.getAttribute("tabindex"),10))},er=function(t){if(!t)throw new Error("No node provided");return t.tabIndex<0&&(/^(AUDIO|VIDEO|DETAILS)$/.test(t.tagName)||$2(t))&&!Lp(t)?0:t.tabIndex},_2=function(t,e){var r=er(t);return r<0&&e&&!Lp(t)?0:r},A2=function(t,e){return t.tabIndex===e.tabIndex?t.documentOrder-e.documentOrder:t.tabIndex-e.tabIndex},Pp=function(t){return t.tagName==="INPUT"},L2=function(t){return Pp(t)&&t.type==="hidden"},P2=function(t){var e=t.tagName==="DETAILS"&&Array.prototype.slice.apply(t.children).some(function(r){return r.tagName==="SUMMARY"});return e},M2=function(t,e){for(var r=0;rsummary:first-of-type"),d=a?t.parentElement:t;if(Er.call(d,"details:not([open]) *"))return!0;if(!r||r==="full"||r==="full-native"||r==="legacy-full"){if(typeof s=="function"){for(var m=t;t;){var b=t.parentElement,v=Di(t);if(b&&!b.shadowRoot&&s(b)===!0)return Ep(t);t.assignedSlot?t=t.assignedSlot:!b&&v!==t.ownerDocument?t=v.host:t=b}t=m}if(H2(t))return!t.getClientRects().length;if(r!=="legacy-full")return!0}else if(r==="non-zero-area")return Ep(t);return!1},q2=function(t){if(/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(t.tagName))for(var e=t.parentElement;e;){if(e.tagName==="FIELDSET"&&e.disabled){for(var r=0;r=0)},Mp=function(t){var e=[],r=[];return t.forEach(function(s,i){var a=!!s.scopeParent,d=a?s.scopeParent:s,m=_2(d,a),b=a?Mp(s.candidates):d;m===0?a?e.push.apply(e,b):e.push(d):r.push({documentOrder:i,tabIndex:m,item:s,isScope:a,content:b})}),r.sort(A2).reduce(function(s,i){return i.isScope?s.push.apply(s,i.content):s.push(i.content),s},[]).concat(e)},Bp=function(t,e){e=e||{};var r;return e.getShadowRoot?r=Hi([t],e.includeContainer,{filter:Kl.bind(null,e),flatten:!1,getShadowRoot:e.getShadowRoot,shadowRootFilter:j2}):r=Ap(t,e.includeContainer,Kl.bind(null,e)),Mp(r)},Op=function(t,e){e=e||{};var r;return e.getShadowRoot?r=Hi([t],e.includeContainer,{filter:Ri.bind(null,e),flatten:!0,getShadowRoot:e.getShadowRoot}):r=Ap(t,e.includeContainer,Ri.bind(null,e)),r},$r=function(t,e){if(e=e||{},!t)throw new Error("No node provided");return Er.call(t,Oi)===!1?!1:Kl(e,t)},F2=$p.concat("iframe").join(","),qi=function(t,e){if(e=e||{},!t)throw new Error("No node provided");return Er.call(t,F2)===!1?!1:Ri(e,t)}});var Fp={};Rn(Fp,{createFocusTrap:()=>r5});function Gl(o,t){(t==null||t>o.length)&&(t=o.length);for(var e=0,r=Array(t);e{Dp();qp={activateTrap:function(t,e){if(t.length>0){var r=t[t.length-1];r!==e&&r._setPausedState(!0)}var s=t.indexOf(e);s===-1||t.splice(s,1),t.push(e)},deactivateTrap:function(t,e){var r=t.indexOf(e);r!==-1&&t.splice(r,1),t.length>0&&!t[t.length-1]._isManuallyPaused()&&t[t.length-1]._setPausedState(!1)}},X2=function(t){return t.tagName&&t.tagName.toLowerCase()==="input"&&typeof t.select=="function"},J2=function(t){return t?.key==="Escape"||t?.key==="Esc"||t?.keyCode===27},cs=function(t){return t?.key==="Tab"||t?.keyCode===9},Q2=function(t){return cs(t)&&!t.shiftKey},t5=function(t){return cs(t)&&t.shiftKey},jp=function(t){return setTimeout(t,0)},as=function(t){for(var e=arguments.length,r=new Array(e>1?e-1:0),s=1;s1&&arguments[1]!==void 0?arguments[1]:{},D=I.hasFallback,N=D===void 0?!1:D,F=I.params,K=F===void 0?[]:F,V=i[C];if(typeof V=="function"&&(V=V.apply(void 0,K2(K))),V===!0&&(V=void 0),!V){if(V===void 0||V===!1)return V;throw new Error("`".concat(C,"` was specified but was not a node, or did not return a node"))}var it=V;if(typeof V=="string"){try{it=r.querySelector(V)}catch(ut){throw new Error("`".concat(C,'` appears to be an invalid selector; error="').concat(ut.message,'"'))}if(!it&&!N)throw new Error("`".concat(C,"` as selector refers to no known node"))}return it},f=function(){var C=v("initialFocus",{hasFallback:!0});if(C===!1)return!1;if(C===void 0||C&&!qi(C,i.tabbableOptions))if(b(r.activeElement)>=0)C=r.activeElement;else{var I=a.tabbableGroups[0],D=I&&I.firstTabbableNode;C=D||v("fallbackFocus")}else C===null&&(C=v("fallbackFocus"));if(!C)throw new Error("Your focus-trap needs to have at least one focusable element");return C},k=function(){if(a.containerGroups=a.containers.map(function(C){var I=Bp(C,i.tabbableOptions),D=Op(C,i.tabbableOptions),N=I.length>0?I[0]:void 0,F=I.length>0?I[I.length-1]:void 0,K=D.find(function(ut){return $r(ut)}),V=D.slice().reverse().find(function(ut){return $r(ut)}),it=!!I.find(function(ut){return er(ut)>0});return{container:C,tabbableNodes:I,focusableNodes:D,posTabIndexesFound:it,firstTabbableNode:N,lastTabbableNode:F,firstDomTabbableNode:K,lastDomTabbableNode:V,nextTabbableNode:function(nr){var $o=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!0,Re=I.indexOf(nr);return Re<0?$o?D.slice(D.indexOf(nr)+1).find(function(_o){return $r(_o)}):D.slice(0,D.indexOf(nr)).reverse().find(function(_o){return $r(_o)}):I[Re+($o?1:-1)]}}}),a.tabbableGroups=a.containerGroups.filter(function(C){return C.tabbableNodes.length>0}),a.tabbableGroups.length<=0&&!v("fallbackFocus"))throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times");if(a.containerGroups.find(function(C){return C.posTabIndexesFound})&&a.containerGroups.length>1)throw new Error("At least one node with a positive tabindex was found in one of your focus-trap's multiple containers. Positive tabindexes are only supported in single-container focus-traps.")},z=function(C){var I=C.activeElement;if(I)return I.shadowRoot&&I.shadowRoot.activeElement!==null?z(I.shadowRoot):I},S=function(C){if(C!==!1&&C!==z(document)){if(!C||!C.focus){S(f());return}C.focus({preventScroll:!!i.preventScroll}),a.mostRecentlyFocusedNode=C,X2(C)&&C.select()}},M=function(C){var I=v("setReturnFocus",{params:[C]});return I||(I===!1?!1:C)},q=function(C){var I=C.target,D=C.event,N=C.isBackward,F=N===void 0?!1:N;I=I||ji(D),k();var K=null;if(a.tabbableGroups.length>0){var V=b(I,D),it=V>=0?a.containerGroups[V]:void 0;if(V<0)F?K=a.tabbableGroups[a.tabbableGroups.length-1].lastTabbableNode:K=a.tabbableGroups[0].firstTabbableNode;else if(F){var ut=a.tabbableGroups.findIndex(function(On){var Dn=On.firstTabbableNode;return I===Dn});if(ut<0&&(it.container===I||qi(I,i.tabbableOptions)&&!$r(I,i.tabbableOptions)&&!it.nextTabbableNode(I,!1))&&(ut=V),ut>=0){var nr=ut===0?a.tabbableGroups.length-1:ut-1,$o=a.tabbableGroups[nr];K=er(I)>=0?$o.lastTabbableNode:$o.lastDomTabbableNode}else cs(D)||(K=it.nextTabbableNode(I,!1))}else{var Re=a.tabbableGroups.findIndex(function(On){var Dn=On.lastTabbableNode;return I===Dn});if(Re<0&&(it.container===I||qi(I,i.tabbableOptions)&&!$r(I,i.tabbableOptions)&&!it.nextTabbableNode(I))&&(Re=V),Re>=0){var _o=Re===a.tabbableGroups.length-1?0:Re+1,Td=a.tabbableGroups[_o];K=er(I)>=0?Td.firstTabbableNode:Td.firstDomTabbableNode}else cs(D)||(K=it.nextTabbableNode(I))}}else K=v("fallbackFocus");return K},B=function(C){var I=ji(C);if(!(b(I,C)>=0)){if(as(i.clickOutsideDeactivates,C)){d.deactivate({returnFocus:i.returnFocusOnDeactivate});return}as(i.allowOutsideClick,C)||C.preventDefault()}},O=function(C){var I=ji(C),D=b(I,C)>=0;if(D||I instanceof Document)D&&(a.mostRecentlyFocusedNode=I);else{C.stopImmediatePropagation();var N,F=!0;if(a.mostRecentlyFocusedNode)if(er(a.mostRecentlyFocusedNode)>0){var K=b(a.mostRecentlyFocusedNode),V=a.containerGroups[K].tabbableNodes;if(V.length>0){var it=V.findIndex(function(ut){return ut===a.mostRecentlyFocusedNode});it>=0&&(i.isKeyForward(a.recentNavEvent)?it+1=0&&(N=V[it-1],F=!1))}}else a.containerGroups.some(function(ut){return ut.tabbableNodes.some(function(nr){return er(nr)>0})})||(F=!1);else F=!1;F&&(N=q({target:a.mostRecentlyFocusedNode,isBackward:i.isKeyBackward(a.recentNavEvent)})),S(N||a.mostRecentlyFocusedNode||f())}a.recentNavEvent=void 0},A=function(C){var I=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!1;a.recentNavEvent=C;var D=q({event:C,isBackward:I});D&&(cs(C)&&C.preventDefault(),S(D))},X=function(C){(i.isKeyForward(C)||i.isKeyBackward(C))&&A(C,i.isKeyBackward(C))},G=function(C){J2(C)&&as(i.escapeDeactivates,C)!==!1&&(C.preventDefault(),d.deactivate())},ht=function(C){var I=ji(C);b(I,C)>=0||as(i.clickOutsideDeactivates,C)||as(i.allowOutsideClick,C)||(C.preventDefault(),C.stopImmediatePropagation())},st=function(){if(a.active)return qp.activateTrap(s,d),a.delayInitialFocusTimer=i.delayInitialFocus?jp(function(){S(f())}):S(f()),r.addEventListener("focusin",O,!0),r.addEventListener("mousedown",B,{capture:!0,passive:!1}),r.addEventListener("touchstart",B,{capture:!0,passive:!1}),r.addEventListener("click",ht,{capture:!0,passive:!1}),r.addEventListener("keydown",X,{capture:!0,passive:!1}),r.addEventListener("keydown",G),d},St=function(){if(a.active)return r.removeEventListener("focusin",O,!0),r.removeEventListener("mousedown",B,!0),r.removeEventListener("touchstart",B,!0),r.removeEventListener("click",ht,!0),r.removeEventListener("keydown",X,!0),r.removeEventListener("keydown",G),d},Pt=function(C){var I=C.some(function(D){var N=Array.from(D.removedNodes);return N.some(function(F){return F===a.mostRecentlyFocusedNode})});I&&S(f())},U=typeof window<"u"&&"MutationObserver"in window?new MutationObserver(Pt):void 0,ot=function(){U&&(U.disconnect(),a.active&&!a.paused&&a.containers.map(function(C){U.observe(C,{subtree:!0,childList:!0})}))};return d={get active(){return a.active},get paused(){return a.paused},activate:function(C){if(a.active)return this;var I=m(C,"onActivate"),D=m(C,"onPostActivate"),N=m(C,"checkCanFocusTrap");N||k(),a.active=!0,a.paused=!1,a.nodeFocusedBeforeActivation=z(r),I?.();var F=function(){N&&k(),st(),ot(),D?.()};return N?(N(a.containers.concat()).then(F,F),this):(F(),this)},deactivate:function(C){if(!a.active)return this;var I=Rp({onDeactivate:i.onDeactivate,onPostDeactivate:i.onPostDeactivate,checkCanReturnFocus:i.checkCanReturnFocus},C);clearTimeout(a.delayInitialFocusTimer),a.delayInitialFocusTimer=void 0,St(),a.active=!1,a.paused=!1,ot(),qp.deactivateTrap(s,d);var D=m(I,"onDeactivate"),N=m(I,"onPostDeactivate"),F=m(I,"checkCanReturnFocus"),K=m(I,"returnFocus","returnFocusOnDeactivate");D?.();var V=function(){jp(function(){K&&S(M(a.nodeFocusedBeforeActivation)),N?.()})};return K&&F?(F(M(a.nodeFocusedBeforeActivation)).then(V,V),this):(V(),this)},pause:function(C){return a.active?(a.manuallyPaused=!0,this._setPausedState(!0,C)):this},unpause:function(C){return a.active?(a.manuallyPaused=!1,s[s.length-1]!==this?this:this._setPausedState(!1,C)):this},updateContainerElements:function(C){var I=[].concat(C).filter(Boolean);return a.containers=I.map(function(D){return typeof D=="string"?r.querySelector(D):D}),a.active&&k(),ot(),this}},Object.defineProperties(d,{_isManuallyPaused:{value:function(){return a.manuallyPaused}},_setPausedState:{value:function(C,I){if(a.paused===C)return this;if(a.paused=C,C){var D=m(I,"onPause"),N=m(I,"onPostPause");D?.(),St(),ot(),N?.()}else{var F=m(I,"onUnpause"),K=m(I,"onPostUnpause");F?.(),k(),st(),ot(),K?.()}return this}}}),d.updateContainerElements(t),d}});var Nl={};Rn(Nl,{LONGPRESS_INSTRUCTIONS:()=>Ul,Overlay:()=>$l});var o5,s5,vt,i5,Np,dt,$l,di=w(()=>{"use strict";p();L();Tl();J();te();yr();Om();Hm();Rm();hi();yp();Zl();Cp();Bi();Sp();o5=Object.defineProperty,s5=Object.getOwnPropertyDescriptor,vt=(o,t,e,r)=>{for(var s=r>1?void 0:r?s5(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&o5(t,e,s),s},i5="showPopover"in document.createElement("div"),Np=Bm(xr);i5||(Np=Dm(xr));dt=class Wl extends Np{constructor(){super(...arguments),this._delayed=!1,this._disabled=!1,this.offset=0,this._open=!1,this.lastRequestSlottableState=!1,this.receivesFocus="auto",this.allowOutsideClick=!1,this._state="closed",this.triggerElement=null,this.type="auto",this.wasOpen=!1,this._focusTrap=null,this.closeOnFocusOut=t=>{if(!t.relatedTarget)return;let e=new Event("overlay-relation-query",{bubbles:!0,composed:!0});t.relatedTarget.addEventListener(e.type,r=>{r.composedPath().some(s=>s===this)||(this.open=!1)}),t.relatedTarget.dispatchEvent(e)},this.closeOnCancelEvent=()=>{this.open=!1}}get delayed(){var t;return((t=this.elements.at(-1))==null?void 0:t.hasAttribute("delayed"))||this._delayed}set delayed(t){this._delayed=t}get disabled(){return this._disabled}set disabled(t){var e;this._disabled=t,t?((e=this.strategy)==null||e.abort(),this.wasOpen=this.open,this.open=!1):(this.bindEvents(),this.open=this.open||this.wasOpen,this.wasOpen=!1)}get hasNonVirtualTrigger(){return!!this.triggerElement&&!(this.triggerElement instanceof Xe)}get placementController(){return this._placementController||(this._placementController=new $i(this)),this._placementController}get open(){return this._open}set open(t){var e;t&&this.disabled||t!==this.open&&((e=this.strategy)!=null&&e.activelyOpening&&!t||(this._open=t,this.open&&(Wl.openCount+=1),this.requestUpdate("open",!this.open),this.open&&this.requestSlottable()))}get state(){return this._state}set state(t){var e;if(t===this.state)return;let r=this.state;this._state=t,(this.state==="opened"||this.state==="closed")&&((e=this.strategy)==null||e.shouldCompleteOpen()),this.requestUpdate("state",r)}get elementResolver(){return this._elementResolver||(this._elementResolver=new oo(this)),this._elementResolver}get popoverValue(){if("popover"in this)switch(this.type){case"modal":return"auto";case"page":return"manual";case"hint":return"manual";default:return this.type}}get requiresPositioning(){return!(this.type==="page"||!this.open||!this.triggerElement||!this.placement&&this.type!=="hint")}managePosition(){if(!this.requiresPositioning||!this.open)return;let t=this.offset||0,e=this.triggerElement,r=this.placement||"right",s=this.tipPadding;this.placementController.placeOverlay(this.dialogEl,{offset:t,placement:r,tipPadding:s,trigger:e,type:this.type})}async managePopoverOpen(){super.managePopoverOpen();let t=this.open;if(this.open!==t||(await this.manageDelay(t),this.open!==t)||(this.triggerInteraction==="longpress"&&await Ft(),await this.ensureOnDOM(t),this.open!==t))return;let e=await this.makeTransition(t);if(this.open===t){if(t){let r=await Promise.resolve().then(()=>(Vp(),Fp));this._focusTrap=r.createFocusTrap(this.dialogEl,{initialFocus:e||void 0,tabbableOptions:{getShadowRoot:!0},fallbackFocus:()=>(this.dialogEl.setAttribute("tabIndex","-1"),this.dialogEl),escapeDeactivates:!1,allowOutsideClick:this.allowOutsideClick}),(this.type==="modal"||this.type==="page")&&this._focusTrap.activate()}await this.applyFocus(t,e)}}async applyFocus(t,e){if(!(this.receivesFocus==="false"||this.type==="hint")){if(await Ft(),await Ft(),t===this.open&&!this.open){this.hasNonVirtualTrigger&&this.contains(this.getRootNode().activeElement)&&this.triggerElement.focus();return}e?.focus()}}returnFocus(){var t;if(this.open||this.type==="hint")return;let e=()=>{var r,s;let i=[],a=document.activeElement;for(;(r=a?.shadowRoot)!=null&&r.activeElement;)a=a.shadowRoot.activeElement;for(;a;){let d=a.assignedSlot||a.parentElement||((s=a.getRootNode())==null?void 0:s.host);d&&i.push(d),a=d}return i};this.receivesFocus!=="false"&&(t=this.triggerElement)!=null&&t.focus&&(this.contains(this.getRootNode().activeElement)||e().includes(this)||document.activeElement===document.body)&&this.triggerElement.focus()}async manageOpen(t){var e;if(!this.isConnected&&this.open)return;this.hasUpdated||await this.updateComplete,this.open?(Dl.add(this),this.willPreventClose&&(document.addEventListener("pointerup",()=>{this.dialogEl.classList.toggle("not-immediately-closable",!1),this.willPreventClose=!1},{once:!0}),this.dialogEl.classList.toggle("not-immediately-closable",!0))):(t&&((e=this._focusTrap)==null||e.deactivate(),this._focusTrap=null,this.dispose()),Dl.remove(this)),this.open&&this.state!=="opened"?this.state="opening":!this.open&&this.state!=="closed"&&(this.state="closing"),this.managePopoverOpen();let r=this.getRootNode();this.type==="auto"&&(this.open?r.addEventListener("focusout",this.closeOnFocusOut,{capture:!0}):r.removeEventListener("focusout",this.closeOnFocusOut,{capture:!0})),(this.type==="modal"||this.type==="page")&&(this.open?r.addEventListener("cancel",this.closeOnCancelEvent,{capture:!0}):r.removeEventListener("cancel",this.closeOnCancelEvent,{capture:!0}))}bindEvents(){var t;(t=this.strategy)==null||t.abort(),this.strategy=void 0,this.hasNonVirtualTrigger&&this.triggerInteraction&&(this.strategy=new zp[this.triggerInteraction](this.triggerElement,{overlay:this}))}handleBeforetoggle(t){t.newState!=="open"&&this.handleBrowserClose(t)}handleBrowserClose(t){var e;if(t.stopPropagation(),!((e=this.strategy)!=null&&e.activelyOpening)){this.open=!1;return}this.manuallyKeepOpen()}manuallyKeepOpen(){this.open=!0,this.placementController.allowPlacementUpdate=!0,this.manageOpen(!1)}handleSlotchange(){var t,e;this.elements.length?this.hasNonVirtualTrigger&&((e=this.strategy)==null||e.prepareDescription(this.triggerElement)):(t=this.strategy)==null||t.releaseDescription()}shouldPreventClose(){let t=this.willPreventClose;return this.willPreventClose=!1,t}requestSlottable(){this.lastRequestSlottableState!==this.open&&(this.open||document.body.offsetHeight,this.dispatchEvent(new tr("overlay-content",this.open?{}:Tp)),this.lastRequestSlottableState=this.open)}willUpdate(t){var e;if(this.hasAttribute("id")||this.setAttribute("id",`${this.tagName.toLowerCase()}-${at()}`),t.has("allowOutsideClick")&&this.allowOutsideClick&&console.warn(`[${this.localName}] The "allow-outside-click" attribute has been deprecated and will be removed in a future release. We do not recommend using this attribute for accessibility reasons. It allows clicks outside the overlay to close it, which can cause unexpected behavior and accessibility issues.`),t.has("open")&&(this.hasUpdated||this.open)&&this.manageOpen(t.get("open")),t.has("trigger")){let[s,i]=((e=this.trigger)==null?void 0:e.split("@"))||[];this.elementResolver.selector=s?`#${s}`:"",this.triggerInteraction=i}let r=!1;t.has(Wo)&&(r=this.triggerElement,this.triggerElement=this.elementResolver.element),t.has("triggerElement")&&(r=t.get("triggerElement")),r!==!1&&this.bindEvents()}updated(t){super.updated(t),t.has("placement")&&(this.placement?this.dialogEl.setAttribute("actual-placement",this.placement):this.dialogEl.removeAttribute("actual-placement"),this.open&&typeof t.get("placement")<"u"&&this.placementController.resetOverlayPosition()),t.has("state")&&this.state==="closed"&&typeof t.get("state")<"u"&&this.placementController.clearOverlayPosition()}renderContent(){return c` +`,Sp=A2});var _p,Oi,Ap,Er,Di,is,L2,Lp,Hi,Pp,er,P2,M2,Mp,B2,O2,D2,H2,R2,q2,j2,$p,F2,V2,Ri,Gl,N2,Bp,Op,Dp,$r,U2,qi,Hp=w(()=>{_p=["input:not([inert])","select:not([inert])","textarea:not([inert])","a[href]:not([inert])","button:not([inert])","[tabindex]:not(slot):not([inert])","audio[controls]:not([inert])","video[controls]:not([inert])",'[contenteditable]:not([contenteditable="false"]):not([inert])',"details>summary:first-of-type:not([inert])","details:not([inert])"],Oi=_p.join(","),Ap=typeof Element>"u",Er=Ap?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector,Di=!Ap&&Element.prototype.getRootNode?function(o){var t;return o==null||(t=o.getRootNode)===null||t===void 0?void 0:t.call(o)}:function(o){return o?.ownerDocument},is=function(t,e){var r;e===void 0&&(e=!0);var s=t==null||(r=t.getAttribute)===null||r===void 0?void 0:r.call(t,"inert"),i=s===""||s==="true",a=i||e&&t&&is(t.parentNode);return a},L2=function(t){var e,r=t==null||(e=t.getAttribute)===null||e===void 0?void 0:e.call(t,"contenteditable");return r===""||r==="true"},Lp=function(t,e,r){if(is(t))return[];var s=Array.prototype.slice.apply(t.querySelectorAll(Oi));return e&&Er.call(t,Oi)&&s.unshift(t),s=s.filter(r),s},Hi=function(t,e,r){for(var s=[],i=Array.from(t);i.length;){var a=i.shift();if(!is(a,!1))if(a.tagName==="SLOT"){var d=a.assignedElements(),m=d.length?d:a.children,b=Hi(m,!0,r);r.flatten?s.push.apply(s,b):s.push({scopeParent:a,candidates:b})}else{var v=Er.call(a,Oi);v&&r.filter(a)&&(e||!t.includes(a))&&s.push(a);var f=a.shadowRoot||typeof r.getShadowRoot=="function"&&r.getShadowRoot(a),k=!is(f,!1)&&(!r.shadowRootFilter||r.shadowRootFilter(a));if(f&&k){var z=Hi(f===!0?a.children:f.children,!0,r);r.flatten?s.push.apply(s,z):s.push({scopeParent:a,candidates:z})}else i.unshift.apply(i,a.children)}}return s},Pp=function(t){return!isNaN(parseInt(t.getAttribute("tabindex"),10))},er=function(t){if(!t)throw new Error("No node provided");return t.tabIndex<0&&(/^(AUDIO|VIDEO|DETAILS)$/.test(t.tagName)||L2(t))&&!Pp(t)?0:t.tabIndex},P2=function(t,e){var r=er(t);return r<0&&e&&!Pp(t)?0:r},M2=function(t,e){return t.tabIndex===e.tabIndex?t.documentOrder-e.documentOrder:t.tabIndex-e.tabIndex},Mp=function(t){return t.tagName==="INPUT"},B2=function(t){return Mp(t)&&t.type==="hidden"},O2=function(t){var e=t.tagName==="DETAILS"&&Array.prototype.slice.apply(t.children).some(function(r){return r.tagName==="SUMMARY"});return e},D2=function(t,e){for(var r=0;rsummary:first-of-type"),d=a?t.parentElement:t;if(Er.call(d,"details:not([open]) *"))return!0;if(!r||r==="full"||r==="full-native"||r==="legacy-full"){if(typeof s=="function"){for(var m=t;t;){var b=t.parentElement,v=Di(t);if(b&&!b.shadowRoot&&s(b)===!0)return $p(t);t.assignedSlot?t=t.assignedSlot:!b&&v!==t.ownerDocument?t=v.host:t=b}t=m}if(j2(t))return!t.getClientRects().length;if(r!=="legacy-full")return!0}else if(r==="non-zero-area")return $p(t);return!1},V2=function(t){if(/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(t.tagName))for(var e=t.parentElement;e;){if(e.tagName==="FIELDSET"&&e.disabled){for(var r=0;r=0)},Bp=function(t){var e=[],r=[];return t.forEach(function(s,i){var a=!!s.scopeParent,d=a?s.scopeParent:s,m=P2(d,a),b=a?Bp(s.candidates):d;m===0?a?e.push.apply(e,b):e.push(d):r.push({documentOrder:i,tabIndex:m,item:s,isScope:a,content:b})}),r.sort(M2).reduce(function(s,i){return i.isScope?s.push.apply(s,i.content):s.push(i.content),s},[]).concat(e)},Op=function(t,e){e=e||{};var r;return e.getShadowRoot?r=Hi([t],e.includeContainer,{filter:Gl.bind(null,e),flatten:!1,getShadowRoot:e.getShadowRoot,shadowRootFilter:N2}):r=Lp(t,e.includeContainer,Gl.bind(null,e)),Bp(r)},Dp=function(t,e){e=e||{};var r;return e.getShadowRoot?r=Hi([t],e.includeContainer,{filter:Ri.bind(null,e),flatten:!0,getShadowRoot:e.getShadowRoot}):r=Lp(t,e.includeContainer,Ri.bind(null,e)),r},$r=function(t,e){if(e=e||{},!t)throw new Error("No node provided");return Er.call(t,Oi)===!1?!1:Gl(e,t)},U2=_p.concat("iframe").join(","),qi=function(t,e){if(e=e||{},!t)throw new Error("No node provided");return Er.call(t,U2)===!1?!1:Ri(e,t)}});var Vp={};qn(Vp,{createFocusTrap:()=>i5});function Wl(o,t){(t==null||t>o.length)&&(t=o.length);for(var e=0,r=Array(t);e{Hp();jp={activateTrap:function(t,e){if(t.length>0){var r=t[t.length-1];r!==e&&r._setPausedState(!0)}var s=t.indexOf(e);s===-1||t.splice(s,1),t.push(e)},deactivateTrap:function(t,e){var r=t.indexOf(e);r!==-1&&t.splice(r,1),t.length>0&&!t[t.length-1]._isManuallyPaused()&&t[t.length-1]._setPausedState(!1)}},t5=function(t){return t.tagName&&t.tagName.toLowerCase()==="input"&&typeof t.select=="function"},e5=function(t){return t?.key==="Escape"||t?.key==="Esc"||t?.keyCode===27},cs=function(t){return t?.key==="Tab"||t?.keyCode===9},r5=function(t){return cs(t)&&!t.shiftKey},o5=function(t){return cs(t)&&t.shiftKey},Fp=function(t){return setTimeout(t,0)},as=function(t){for(var e=arguments.length,r=new Array(e>1?e-1:0),s=1;s1&&arguments[1]!==void 0?arguments[1]:{},D=I.hasFallback,N=D===void 0?!1:D,F=I.params,K=F===void 0?[]:F,V=i[C];if(typeof V=="function"&&(V=V.apply(void 0,Y2(K))),V===!0&&(V=void 0),!V){if(V===void 0||V===!1)return V;throw new Error("`".concat(C,"` was specified but was not a node, or did not return a node"))}var it=V;if(typeof V=="string"){try{it=r.querySelector(V)}catch(ut){throw new Error("`".concat(C,'` appears to be an invalid selector; error="').concat(ut.message,'"'))}if(!it&&!N)throw new Error("`".concat(C,"` as selector refers to no known node"))}return it},f=function(){var C=v("initialFocus",{hasFallback:!0});if(C===!1)return!1;if(C===void 0||C&&!qi(C,i.tabbableOptions))if(b(r.activeElement)>=0)C=r.activeElement;else{var I=a.tabbableGroups[0],D=I&&I.firstTabbableNode;C=D||v("fallbackFocus")}else C===null&&(C=v("fallbackFocus"));if(!C)throw new Error("Your focus-trap needs to have at least one focusable element");return C},k=function(){if(a.containerGroups=a.containers.map(function(C){var I=Op(C,i.tabbableOptions),D=Dp(C,i.tabbableOptions),N=I.length>0?I[0]:void 0,F=I.length>0?I[I.length-1]:void 0,K=D.find(function(ut){return $r(ut)}),V=D.slice().reverse().find(function(ut){return $r(ut)}),it=!!I.find(function(ut){return er(ut)>0});return{container:C,tabbableNodes:I,focusableNodes:D,posTabIndexesFound:it,firstTabbableNode:N,lastTabbableNode:F,firstDomTabbableNode:K,lastDomTabbableNode:V,nextTabbableNode:function(nr){var $o=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!0,Re=I.indexOf(nr);return Re<0?$o?D.slice(D.indexOf(nr)+1).find(function(_o){return $r(_o)}):D.slice(0,D.indexOf(nr)).reverse().find(function(_o){return $r(_o)}):I[Re+($o?1:-1)]}}}),a.tabbableGroups=a.containerGroups.filter(function(C){return C.tabbableNodes.length>0}),a.tabbableGroups.length<=0&&!v("fallbackFocus"))throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times");if(a.containerGroups.find(function(C){return C.posTabIndexesFound})&&a.containerGroups.length>1)throw new Error("At least one node with a positive tabindex was found in one of your focus-trap's multiple containers. Positive tabindexes are only supported in single-container focus-traps.")},z=function(C){var I=C.activeElement;if(I)return I.shadowRoot&&I.shadowRoot.activeElement!==null?z(I.shadowRoot):I},S=function(C){if(C!==!1&&C!==z(document)){if(!C||!C.focus){S(f());return}C.focus({preventScroll:!!i.preventScroll}),a.mostRecentlyFocusedNode=C,t5(C)&&C.select()}},M=function(C){var I=v("setReturnFocus",{params:[C]});return I||(I===!1?!1:C)},q=function(C){var I=C.target,D=C.event,N=C.isBackward,F=N===void 0?!1:N;I=I||ji(D),k();var K=null;if(a.tabbableGroups.length>0){var V=b(I,D),it=V>=0?a.containerGroups[V]:void 0;if(V<0)F?K=a.tabbableGroups[a.tabbableGroups.length-1].lastTabbableNode:K=a.tabbableGroups[0].firstTabbableNode;else if(F){var ut=a.tabbableGroups.findIndex(function(Dn){var Hn=Dn.firstTabbableNode;return I===Hn});if(ut<0&&(it.container===I||qi(I,i.tabbableOptions)&&!$r(I,i.tabbableOptions)&&!it.nextTabbableNode(I,!1))&&(ut=V),ut>=0){var nr=ut===0?a.tabbableGroups.length-1:ut-1,$o=a.tabbableGroups[nr];K=er(I)>=0?$o.lastTabbableNode:$o.lastDomTabbableNode}else cs(D)||(K=it.nextTabbableNode(I,!1))}else{var Re=a.tabbableGroups.findIndex(function(Dn){var Hn=Dn.lastTabbableNode;return I===Hn});if(Re<0&&(it.container===I||qi(I,i.tabbableOptions)&&!$r(I,i.tabbableOptions)&&!it.nextTabbableNode(I))&&(Re=V),Re>=0){var _o=Re===a.tabbableGroups.length-1?0:Re+1,Id=a.tabbableGroups[_o];K=er(I)>=0?Id.firstTabbableNode:Id.firstDomTabbableNode}else cs(D)||(K=it.nextTabbableNode(I))}}else K=v("fallbackFocus");return K},B=function(C){var I=ji(C);if(!(b(I,C)>=0)){if(as(i.clickOutsideDeactivates,C)){d.deactivate({returnFocus:i.returnFocusOnDeactivate});return}as(i.allowOutsideClick,C)||C.preventDefault()}},O=function(C){var I=ji(C),D=b(I,C)>=0;if(D||I instanceof Document)D&&(a.mostRecentlyFocusedNode=I);else{C.stopImmediatePropagation();var N,F=!0;if(a.mostRecentlyFocusedNode)if(er(a.mostRecentlyFocusedNode)>0){var K=b(a.mostRecentlyFocusedNode),V=a.containerGroups[K].tabbableNodes;if(V.length>0){var it=V.findIndex(function(ut){return ut===a.mostRecentlyFocusedNode});it>=0&&(i.isKeyForward(a.recentNavEvent)?it+1=0&&(N=V[it-1],F=!1))}}else a.containerGroups.some(function(ut){return ut.tabbableNodes.some(function(nr){return er(nr)>0})})||(F=!1);else F=!1;F&&(N=q({target:a.mostRecentlyFocusedNode,isBackward:i.isKeyBackward(a.recentNavEvent)})),S(N||a.mostRecentlyFocusedNode||f())}a.recentNavEvent=void 0},A=function(C){var I=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!1;a.recentNavEvent=C;var D=q({event:C,isBackward:I});D&&(cs(C)&&C.preventDefault(),S(D))},X=function(C){(i.isKeyForward(C)||i.isKeyBackward(C))&&A(C,i.isKeyBackward(C))},G=function(C){e5(C)&&as(i.escapeDeactivates,C)!==!1&&(C.preventDefault(),d.deactivate())},ht=function(C){var I=ji(C);b(I,C)>=0||as(i.clickOutsideDeactivates,C)||as(i.allowOutsideClick,C)||(C.preventDefault(),C.stopImmediatePropagation())},st=function(){if(a.active)return jp.activateTrap(s,d),a.delayInitialFocusTimer=i.delayInitialFocus?Fp(function(){S(f())}):S(f()),r.addEventListener("focusin",O,!0),r.addEventListener("mousedown",B,{capture:!0,passive:!1}),r.addEventListener("touchstart",B,{capture:!0,passive:!1}),r.addEventListener("click",ht,{capture:!0,passive:!1}),r.addEventListener("keydown",X,{capture:!0,passive:!1}),r.addEventListener("keydown",G),d},St=function(){if(a.active)return r.removeEventListener("focusin",O,!0),r.removeEventListener("mousedown",B,!0),r.removeEventListener("touchstart",B,!0),r.removeEventListener("click",ht,!0),r.removeEventListener("keydown",X,!0),r.removeEventListener("keydown",G),d},Pt=function(C){var I=C.some(function(D){var N=Array.from(D.removedNodes);return N.some(function(F){return F===a.mostRecentlyFocusedNode})});I&&S(f())},U=typeof window<"u"&&"MutationObserver"in window?new MutationObserver(Pt):void 0,ot=function(){U&&(U.disconnect(),a.active&&!a.paused&&a.containers.map(function(C){U.observe(C,{subtree:!0,childList:!0})}))};return d={get active(){return a.active},get paused(){return a.paused},activate:function(C){if(a.active)return this;var I=m(C,"onActivate"),D=m(C,"onPostActivate"),N=m(C,"checkCanFocusTrap");N||k(),a.active=!0,a.paused=!1,a.nodeFocusedBeforeActivation=z(r),I?.();var F=function(){N&&k(),st(),ot(),D?.()};return N?(N(a.containers.concat()).then(F,F),this):(F(),this)},deactivate:function(C){if(!a.active)return this;var I=qp({onDeactivate:i.onDeactivate,onPostDeactivate:i.onPostDeactivate,checkCanReturnFocus:i.checkCanReturnFocus},C);clearTimeout(a.delayInitialFocusTimer),a.delayInitialFocusTimer=void 0,St(),a.active=!1,a.paused=!1,ot(),jp.deactivateTrap(s,d);var D=m(I,"onDeactivate"),N=m(I,"onPostDeactivate"),F=m(I,"checkCanReturnFocus"),K=m(I,"returnFocus","returnFocusOnDeactivate");D?.();var V=function(){Fp(function(){K&&S(M(a.nodeFocusedBeforeActivation)),N?.()})};return K&&F?(F(M(a.nodeFocusedBeforeActivation)).then(V,V),this):(V(),this)},pause:function(C){return a.active?(a.manuallyPaused=!0,this._setPausedState(!0,C)):this},unpause:function(C){return a.active?(a.manuallyPaused=!1,s[s.length-1]!==this?this:this._setPausedState(!1,C)):this},updateContainerElements:function(C){var I=[].concat(C).filter(Boolean);return a.containers=I.map(function(D){return typeof D=="string"?r.querySelector(D):D}),a.active&&k(),ot(),this}},Object.defineProperties(d,{_isManuallyPaused:{value:function(){return a.manuallyPaused}},_setPausedState:{value:function(C,I){if(a.paused===C)return this;if(a.paused=C,C){var D=m(I,"onPause"),N=m(I,"onPostPause");D?.(),St(),ot(),N?.()}else{var F=m(I,"onUnpause"),K=m(I,"onPostUnpause");F?.(),k(),st(),ot(),K?.()}return this}}}),d.updateContainerElements(t),d}});var Ul={};qn(Ul,{LONGPRESS_INSTRUCTIONS:()=>Zl,Overlay:()=>_l});var a5,c5,vt,n5,Up,dt,_l,di=w(()=>{"use strict";p();L();Il();J();te();yr();Dm();Rm();qm();hi();wp();Kl();Tp();Bi();Ep();a5=Object.defineProperty,c5=Object.getOwnPropertyDescriptor,vt=(o,t,e,r)=>{for(var s=r>1?void 0:r?c5(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&a5(t,e,s),s},n5="showPopover"in document.createElement("div"),Up=Om(xr);n5||(Up=Hm(xr));dt=class Yl extends Up{constructor(){super(...arguments),this._delayed=!1,this._disabled=!1,this.offset=0,this._open=!1,this.lastRequestSlottableState=!1,this.receivesFocus="auto",this.allowOutsideClick=!1,this._state="closed",this.triggerElement=null,this.type="auto",this.wasOpen=!1,this._focusTrap=null,this.closeOnFocusOut=t=>{if(!t.relatedTarget)return;let e=new Event("overlay-relation-query",{bubbles:!0,composed:!0});t.relatedTarget.addEventListener(e.type,r=>{r.composedPath().some(s=>s===this)||(this.open=!1)}),t.relatedTarget.dispatchEvent(e)},this.closeOnCancelEvent=()=>{this.open=!1}}get delayed(){var t;return((t=this.elements.at(-1))==null?void 0:t.hasAttribute("delayed"))||this._delayed}set delayed(t){this._delayed=t}get disabled(){return this._disabled}set disabled(t){var e;this._disabled=t,t?((e=this.strategy)==null||e.abort(),this.wasOpen=this.open,this.open=!1):(this.bindEvents(),this.open=this.open||this.wasOpen,this.wasOpen=!1)}get hasNonVirtualTrigger(){return!!this.triggerElement&&!(this.triggerElement instanceof Xe)}get placementController(){return this._placementController||(this._placementController=new $i(this)),this._placementController}get open(){return this._open}set open(t){var e;t&&this.disabled||t!==this.open&&((e=this.strategy)!=null&&e.activelyOpening&&!t||(this._open=t,this.open&&(Yl.openCount+=1),this.requestUpdate("open",!this.open),this.open&&this.requestSlottable()))}get state(){return this._state}set state(t){var e;if(t===this.state)return;let r=this.state;this._state=t,(this.state==="opened"||this.state==="closed")&&((e=this.strategy)==null||e.shouldCompleteOpen()),this.requestUpdate("state",r)}get elementResolver(){return this._elementResolver||(this._elementResolver=new oo(this)),this._elementResolver}get popoverValue(){if("popover"in this)switch(this.type){case"modal":return"auto";case"page":return"manual";case"hint":return"manual";default:return this.type}}get requiresPositioning(){return!(this.type==="page"||!this.open||!this.triggerElement||!this.placement&&this.type!=="hint")}managePosition(){if(!this.requiresPositioning||!this.open)return;let t=this.offset||0,e=this.triggerElement,r=this.placement||"right",s=this.tipPadding;this.placementController.placeOverlay(this.dialogEl,{offset:t,placement:r,tipPadding:s,trigger:e,type:this.type})}async managePopoverOpen(){super.managePopoverOpen();let t=this.open;if(this.open!==t||(await this.manageDelay(t),this.open!==t)||(this.triggerInteraction==="longpress"&&await Ft(),await this.ensureOnDOM(t),this.open!==t))return;let e=await this.makeTransition(t);if(this.open===t){if(t){let r=await Promise.resolve().then(()=>(Np(),Vp));this._focusTrap=r.createFocusTrap(this.dialogEl,{initialFocus:e||void 0,tabbableOptions:{getShadowRoot:!0},fallbackFocus:()=>(this.dialogEl.setAttribute("tabIndex","-1"),this.dialogEl),escapeDeactivates:!1,allowOutsideClick:this.allowOutsideClick}),(this.type==="modal"||this.type==="page")&&this._focusTrap.activate()}await this.applyFocus(t,e)}}async applyFocus(t,e){if(!(this.receivesFocus==="false"||this.type==="hint")){if(await Ft(),await Ft(),t===this.open&&!this.open){this.hasNonVirtualTrigger&&this.contains(this.getRootNode().activeElement)&&this.triggerElement.focus();return}e?.focus()}}returnFocus(){var t;if(this.open||this.type==="hint")return;let e=()=>{var r,s;let i=[],a=document.activeElement;for(;(r=a?.shadowRoot)!=null&&r.activeElement;)a=a.shadowRoot.activeElement;for(;a;){let d=a.assignedSlot||a.parentElement||((s=a.getRootNode())==null?void 0:s.host);d&&i.push(d),a=d}return i};this.receivesFocus!=="false"&&(t=this.triggerElement)!=null&&t.focus&&(this.contains(this.getRootNode().activeElement)||e().includes(this)||document.activeElement===document.body)&&this.triggerElement.focus()}async manageOpen(t){var e;if(!this.isConnected&&this.open)return;this.hasUpdated||await this.updateComplete,this.open?(Hl.add(this),this.willPreventClose&&(document.addEventListener("pointerup",()=>{this.dialogEl.classList.toggle("not-immediately-closable",!1),this.willPreventClose=!1},{once:!0}),this.dialogEl.classList.toggle("not-immediately-closable",!0))):(t&&((e=this._focusTrap)==null||e.deactivate(),this._focusTrap=null,this.dispose()),Hl.remove(this)),this.open&&this.state!=="opened"?this.state="opening":!this.open&&this.state!=="closed"&&(this.state="closing"),this.managePopoverOpen();let r=this.getRootNode();this.type==="auto"&&(this.open?r.addEventListener("focusout",this.closeOnFocusOut,{capture:!0}):r.removeEventListener("focusout",this.closeOnFocusOut,{capture:!0})),(this.type==="modal"||this.type==="page")&&(this.open?r.addEventListener("cancel",this.closeOnCancelEvent,{capture:!0}):r.removeEventListener("cancel",this.closeOnCancelEvent,{capture:!0}))}bindEvents(){var t;(t=this.strategy)==null||t.abort(),this.strategy=void 0,this.hasNonVirtualTrigger&&this.triggerInteraction&&(this.strategy=new Cp[this.triggerInteraction](this.triggerElement,{overlay:this}))}handleBeforetoggle(t){t.newState!=="open"&&this.handleBrowserClose(t)}handleBrowserClose(t){var e;if(t.stopPropagation(),!((e=this.strategy)!=null&&e.activelyOpening)){this.open=!1;return}this.manuallyKeepOpen()}manuallyKeepOpen(){this.open=!0,this.placementController.allowPlacementUpdate=!0,this.manageOpen(!1)}handleSlotchange(){var t,e;this.elements.length?this.hasNonVirtualTrigger&&((e=this.strategy)==null||e.prepareDescription(this.triggerElement)):(t=this.strategy)==null||t.releaseDescription()}shouldPreventClose(){let t=this.willPreventClose;return this.willPreventClose=!1,t}requestSlottable(){this.lastRequestSlottableState!==this.open&&(this.open||document.body.offsetHeight,this.dispatchEvent(new tr("overlay-content",this.open?{}:Ip)),this.lastRequestSlottableState=this.open)}willUpdate(t){var e;if(this.hasAttribute("id")||this.setAttribute("id",`${this.tagName.toLowerCase()}-${at()}`),t.has("allowOutsideClick")&&this.allowOutsideClick&&console.warn(`[${this.localName}] The "allow-outside-click" attribute has been deprecated and will be removed in a future release. We do not recommend using this attribute for accessibility reasons. It allows clicks outside the overlay to close it, which can cause unexpected behavior and accessibility issues.`),t.has("open")&&(this.hasUpdated||this.open)&&this.manageOpen(t.get("open")),t.has("trigger")){let[s,i]=((e=this.trigger)==null?void 0:e.split("@"))||[];this.elementResolver.selector=s?`#${s}`:"",this.triggerInteraction=i}let r=!1;t.has(Wo)&&(r=this.triggerElement,this.triggerElement=this.elementResolver.element),t.has("triggerElement")&&(r=t.get("triggerElement")),r!==!1&&this.bindEvents()}updated(t){super.updated(t),t.has("placement")&&(this.placement?this.dialogEl.setAttribute("actual-placement",this.placement):this.dialogEl.removeAttribute("actual-placement"),this.open&&typeof t.get("placement")<"u"&&this.placementController.resetOverlayPosition()),t.has("state")&&this.state==="closed"&&typeof t.get("state")<"u"&&this.placementController.clearOverlayPosition()}renderContent(){return c` - `}get dialogStyleMap(){return{"--swc-overlay-open-count":Wl.openCount.toString()}}renderPopover(){return c` + `}get dialogStyleMap(){return{"--swc-overlay-open-count":Yl.openCount.toString()}}renderPopover(){return c`
- `}connectedCallback(){super.connectedCallback(),this.addEventListener("close",()=>{this.open=!1}),this.hasUpdated&&this.bindEvents()}disconnectedCallback(){var t;(t=this.strategy)==null||t.releaseDescription(),this.open=!1,super.disconnectedCallback()}};dt.styles=[Ip],dt.openCount=1,vt([n({type:Boolean})],dt.prototype,"delayed",1),vt([P(".dialog")],dt.prototype,"dialogEl",2),vt([n({type:Boolean})],dt.prototype,"disabled",1),vt([hr({flatten:!0,selector:':not([slot="longpress-describedby-descriptor"], slot)'})],dt.prototype,"elements",2),vt([n({type:Number})],dt.prototype,"offset",2),vt([n({type:Boolean,reflect:!0})],dt.prototype,"open",1),vt([n()],dt.prototype,"placement",2),vt([n({attribute:"receives-focus"})],dt.prototype,"receivesFocus",2),vt([n({type:Boolean,attribute:"allow-outside-click"})],dt.prototype,"allowOutsideClick",2),vt([P("slot")],dt.prototype,"slotEl",2),vt([W()],dt.prototype,"state",1),vt([n({type:Number,attribute:"tip-padding"})],dt.prototype,"tipPadding",2),vt([n()],dt.prototype,"trigger",2),vt([n({attribute:!1})],dt.prototype,"triggerElement",2),vt([n({attribute:!1})],dt.prototype,"triggerInteraction",2),vt([n()],dt.prototype,"type",2);$l=dt});var a5,Up,Zp=w(()=>{"use strict";p();a5=y` + `}connectedCallback(){super.connectedCallback(),this.addEventListener("close",()=>{this.open=!1}),this.hasUpdated&&this.bindEvents()}disconnectedCallback(){var t;(t=this.strategy)==null||t.releaseDescription(),this.open=!1,super.disconnectedCallback()}};dt.styles=[Sp],dt.openCount=1,vt([n({type:Boolean})],dt.prototype,"delayed",1),vt([P(".dialog")],dt.prototype,"dialogEl",2),vt([n({type:Boolean})],dt.prototype,"disabled",1),vt([hr({flatten:!0,selector:':not([slot="longpress-describedby-descriptor"], slot)'})],dt.prototype,"elements",2),vt([n({type:Number})],dt.prototype,"offset",2),vt([n({type:Boolean,reflect:!0})],dt.prototype,"open",1),vt([n()],dt.prototype,"placement",2),vt([n({attribute:"receives-focus"})],dt.prototype,"receivesFocus",2),vt([n({type:Boolean,attribute:"allow-outside-click"})],dt.prototype,"allowOutsideClick",2),vt([P("slot")],dt.prototype,"slotEl",2),vt([W()],dt.prototype,"state",1),vt([n({type:Number,attribute:"tip-padding"})],dt.prototype,"tipPadding",2),vt([n()],dt.prototype,"trigger",2),vt([n({attribute:!1})],dt.prototype,"triggerElement",2),vt([n({attribute:!1})],dt.prototype,"triggerInteraction",2),vt([n()],dt.prototype,"type",2);_l=dt});var l5,Zp,Kp=w(()=>{"use strict";p();l5=y` :host{--spectrum-underlay-background-exit-animation-duration:var(--mod-underlay-background-exit-animation-duration,var(--spectrum-animation-duration-300));--spectrum-underlay-background-exit-animation-ease:var(--mod-underlay-background-exit-animation-ease,var(--spectrum-animation-ease-in));--spectrum-underlay-background-exit-animation-delay:var(--mod-underlay-background-exit-animation-delay,var(--spectrum-animation-duration-200));--spectrum-underlay-background-entry-animation-duration:var(--mod-underlay-background-entry-animation-duration,var(--spectrum-animation-duration-600));--spectrum-underlay-background-entry-animation-ease:var(--mod-underlay-background-entry-animation-ease,var(--spectrum-animation-ease-out));--spectrum-underlay-background-entry-animation-delay:var(--mod-underlay-background-entry-animation-delay,var(--mod-overlay-animation-duration-opened,var(--spectrum-animation-duration-0)));--spectrum-underlay-background-color:var(--mod-underlay-background-color,rgba(var(--spectrum-black-rgb),var(--spectrum-overlay-opacity)));pointer-events:none;visibility:hidden;opacity:0;background-color:var(--spectrum-underlay-background-color);z-index:1;transition:opacity var(--spectrum-underlay-background-exit-animation-duration)var(--spectrum-underlay-background-exit-animation-ease)var(--spectrum-underlay-background-exit-animation-delay),visibility 0s linear calc(var(--spectrum-underlay-background-exit-animation-delay) + var(--spectrum-underlay-background-exit-animation-duration));position:fixed;inset-block:0;inset-inline:0;overflow:hidden}:host([open]){pointer-events:auto;visibility:visible;opacity:1;transition:opacity var(--spectrum-underlay-background-entry-animation-duration)var(--spectrum-underlay-background-entry-animation-ease)var(--spectrum-underlay-background-entry-animation-delay);transition-delay:var(--spectrum-underlay-background-entry-animation-delay)} -`,Up=a5});var c5,n5,l5,ls,Kp=w(()=>{"use strict";p();L();Zp();c5=Object.defineProperty,n5=Object.getOwnPropertyDescriptor,l5=(o,t,e,r)=>{for(var s=r>1?void 0:r?n5(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&c5(t,e,s),s},ls=class extends E{constructor(){super(...arguments),this.canClick=!1,this.open=!1}static get styles(){return[Up]}click(){this.dispatchEvent(new Event("close"))}handlePointerdown(){this.canClick=!0}handlePointerup(){this.canClick&&this.click(),this.canClick=!1}render(){return c``}firstUpdated(){this.addEventListener("pointerdown",this.handlePointerdown),this.addEventListener("pointerup",this.handlePointerup)}};l5([n({type:Boolean,reflect:!0})],ls.prototype,"open",2)});var ds=w(()=>{"use strict";Kp();x();l("sp-underlay",ls)});var d5,Ui,Xl=w(()=>{"use strict";p();d5=y` +`,Zp=l5});var d5,u5,m5,ls,Gp=w(()=>{"use strict";p();L();Kp();d5=Object.defineProperty,u5=Object.getOwnPropertyDescriptor,m5=(o,t,e,r)=>{for(var s=r>1?void 0:r?u5(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&d5(t,e,s),s},ls=class extends E{constructor(){super(...arguments),this.canClick=!1,this.open=!1}static get styles(){return[Zp]}click(){this.dispatchEvent(new Event("close"))}handlePointerdown(){this.canClick=!0}handlePointerup(){this.canClick&&this.click(),this.canClick=!1}render(){return c``}firstUpdated(){this.addEventListener("pointerdown",this.handlePointerdown),this.addEventListener("pointerup",this.handlePointerup)}};m5([n({type:Boolean,reflect:!0})],ls.prototype,"open",2)});var ds=w(()=>{"use strict";Gp();x();l("sp-underlay",ls)});var p5,Ui,Jl=w(()=>{"use strict";p();p5=y` :host{--spectrum-modal-confirm-entry-animation-duration:var(--mod-modal-confirm-entry-animation-duration,var(--spectrum-animation-duration-500));--spectrum-modal-confirm-entry-animation-delay:var(--mod-overlay-animation-duration-opened,var(--mod-modal-confirm-entry-animation-delay,var(--spectrum-animation-duration-200)));--spectrum-modal-confirm-exit-animation-duration:var(--mod-overlay-animation-duration,var(--mod-modal-confirm-exit-animation-duration,var(--spectrum-animation-duration-100)));--spectrum-modal-confirm-exit-animation-delay:var(--mod-modal-confirm-exit-animation-delay,var(--spectrum-animation-duration-0));--spectrum-modal-fullscreen-margin:var(--mod-modal-fullscreen-margin,32px)}.modal{visibility:hidden;opacity:0;transform:translateY(var(--mod-modal-confirm-entry-animation-distance,var(--spectrum-dialog-confirm-entry-animation-distance)));z-index:1;max-block-size:90vh;max-block-size:var(--mod-modal-max-height,90vh);max-inline-size:90%;max-inline-size:var(--mod-modal-max-width,90%);background:var(--mod-modal-background-color,var(--spectrum-modal-background-color));border-radius:var(--mod-modal-confirm-border-radius,var(--spectrum-corner-radius-100));pointer-events:auto;transition:opacity var(--spectrum-modal-confirm-exit-animation-duration)var(--spectrum-animation-ease-in)var(--spectrum-modal-confirm-exit-animation-delay),visibility var(--spectrum-animation-duration-0)var(--spectrum-animation-linear)calc(var(--spectrum-modal-confirm-exit-animation-delay) + var(--spectrum-modal-confirm-exit-animation-duration)),transform var(--spectrum-animation-duration-0)var(--spectrum-animation-linear)calc(var(--spectrum-modal-confirm-exit-animation-delay) + var(--spectrum-modal-confirm-exit-animation-duration));outline:none;overflow:hidden}:host([open]) .modal{pointer-events:auto;visibility:visible;opacity:1;transition:transform var(--spectrum-modal-confirm-entry-animation-duration)var(--spectrum-animation-ease-out)var(--spectrum-modal-confirm-entry-animation-delay),opacity var(--spectrum-modal-confirm-entry-animation-duration)var(--spectrum-animation-ease-out)var(--spectrum-modal-confirm-entry-animation-delay);transform:translateY(0)}@media only screen and (device-height<=350px),only screen and (device-width<=400px){:host([responsive]) .modal{border-radius:0;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%}}.fullscreen{max-block-size:none;max-inline-size:none;position:fixed;inset-block-start:var(--spectrum-modal-fullscreen-margin);inset-block-end:var(--spectrum-modal-fullscreen-margin);inset-inline-start:var(--spectrum-modal-fullscreen-margin);inset-inline-end:var(--spectrum-modal-fullscreen-margin)}.fullscreenTakeover{box-sizing:border-box;border:none;border-radius:0;max-block-size:none;max-inline-size:none;position:fixed;inset:0}.fullscreenTakeover,:host([open]) .fullscreenTakeover{transform:none}:host{--spectrum-modal-background-color:var(--system-modal-background-color)}:host{--spectrum-dialog-confirm-exit-animation-duration:var(--swc-test-duration);--spectrum-dialog-confirm-entry-animation-duration:var(--swc-test-duration);--spectrum-modal-confirm-entry-animation-distance:var(--spectrum-dialog-confirm-entry-animation-distance);height:100dvh}.modal{overflow:visible} -`,Ui=d5});var u5,Gp,Wp=w(()=>{"use strict";p();u5=y` +`,Ui=p5});var h5,Wp,Yp=w(()=>{"use strict";p();h5=y` :host{justify-content:center;inline-size:100%;display:flex;position:fixed;inset-block-end:0;inset-inline-start:0}.tray{--spectrum-tray-max-inline-size:var(--mod-tray-max-inline-size,375px);--spectrum-tray-spacing-edge-to-tray-safe-zone:var(--mod-tray-spacing-edge-to-tray-safe-zone,64px);--spectrum-tray-entry-animation-delay:var(--mod-tray-entry-animation-delay,.16s);--spectrum-tray-entry-animation-duration:var(--mod-tray-entry-animation-duration,var(--spectrum-animation-duration-500));--spectrum-tray-exit-animation-delay:var(--mod-tray-exit-animation-delay,0s);--spectrum-tray-exit-animation-duration:var(--mod-tray-exit-animation-duration,var(--spectrum-animation-duration-100));--spectrum-tray-corner-radius:var(--mod-tray-corner-radius,var(--spectrum-corner-radius-100));--spectrum-tray-background-color:var(--highcontrast-tray-background-color,var(--mod-tray-background-color,var(--spectrum-background-layer-2-color)));--mod-modal-max-width:100%;max-block-size:calc(100vh - 64px);inline-size:100%;max-inline-size:100%;max-block-size:calc(100vh - var(--spectrum-tray-spacing-edge-to-tray-safe-zone));box-sizing:border-box;border-radius:0;border-radius:var(--mod-tray-corner-radius-portrait,0)var(--mod-tray-corner-radius-portrait,0)0 0;transition:opacity var(--spectrum-tray-exit-animation-duration)cubic-bezier(.5,0,1,1)0s,visibility var(--spectrum-tray-exit-animation-duration)linear calc(var(--spectrum-tray-exit-animation-duration)),transform var(--spectrum-tray-exit-animation-duration)cubic-bezier(.5,0,1,1)0s;transition:opacity var(--spectrum-tray-exit-animation-duration)cubic-bezier(.5,0,1,1)var(--spectrum-tray-exit-animation-delay),visibility var(--spectrum-tray-exit-animation-duration)linear calc(var(--spectrum-tray-exit-animation-delay) + var(--spectrum-tray-exit-animation-duration)),transform var(--spectrum-tray-exit-animation-duration)cubic-bezier(.5,0,1,1)var(--spectrum-tray-exit-animation-delay);background-color:var(--spectrum-tray-background-color);outline:none;margin-block-start:var(--spectrum-tray-spacing-edge-to-tray-safe-zone);padding-block-start:var(--mod-tray-top-to-content-area,var(--spectrum-tray-top-to-content-area));padding-block-end:var(--mod-tray-bottom-to-content-area,var(--spectrum-tray-top-to-content-area));overflow:auto;transform:translateY(100%)}:host([open]) .tray{transition:transform var(--spectrum-tray-entry-animation-duration)cubic-bezier(0,0,.4,1)var(--spectrum-tray-entry-animation-delay),opacity var(--spectrum-tray-entry-animation-duration)cubic-bezier(0,0,.4,1)var(--spectrum-tray-entry-animation-delay);transform:translateY(0)}@media screen and (orientation:landscape){.tray{max-inline-size:var(--spectrum-tray-max-inline-size);border-start-start-radius:var(--spectrum-tray-corner-radius);border-start-end-radius:var(--spectrum-tray-corner-radius)}}@media (forced-colors:active){.tray{--highcontrast-tray-background-color:Canvas;border:solid}.tray ::slotted(*){border:none}}:host{align-items:flex-end;max-height:100dvh;position:fixed!important}sp-underlay{touch-action:none}.tray{overscroll-behavior:contain;display:inline-flex}::slotted(.visually-hidden){clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:0 -1px -1px 0;padding:0;position:absolute;overflow:hidden} -`,Gp=u5});var m5,p5,Yp,go,Xp=w(()=>{"use strict";p();L();ds();co();Sl();Xl();Wp();m5=Object.defineProperty,p5=Object.getOwnPropertyDescriptor,Yp=(o,t,e,r)=>{for(var s=r>1?void 0:r?p5(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&m5(t,e,s),s},go=class extends E{constructor(){super(...arguments),this.open=!1,this.prefersMotion=new io(this,"(prefers-reduced-motion: no-preference)"),this.transitionPromise=Promise.resolve(),this.resolveTransitionPromise=()=>{},this.animating=!1}static get styles(){return[Ui,Gp]}focus(){let t=Ye(this);t?t.focus():this.children.length===1?this.tray.focus():super.focus()}overlayWillCloseCallback(){return this.open?(this.close(),!0):this.animating}close(){this.open=!1,this.prefersMotion.matches||this.dispatchClosed()}dispatchClosed(){this.dispatchEvent(new Event("close",{bubbles:!0}))}handleUnderlayTransitionend(){this.open||(this.resolveTransitionPromise(),this.dispatchClosed())}handleTrayTransitionend(){this.open&&this.resolveTransitionPromise()}update(t){t.has("open")&&t.get("open")!==void 0&&this.prefersMotion.matches&&(this.animating=!0,this.transitionPromise=new Promise(e=>{this.resolveTransitionPromise=()=>{this.animating=!1,e()}})),super.update(t)}render(){return c` +`,Wp=h5});var b5,g5,Xp,go,Jp=w(()=>{"use strict";p();L();ds();co();El();Jl();Yp();b5=Object.defineProperty,g5=Object.getOwnPropertyDescriptor,Xp=(o,t,e,r)=>{for(var s=r>1?void 0:r?g5(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&b5(t,e,s),s},go=class extends E{constructor(){super(...arguments),this.open=!1,this.prefersMotion=new io(this,"(prefers-reduced-motion: no-preference)"),this.transitionPromise=Promise.resolve(),this.resolveTransitionPromise=()=>{},this.animating=!1}static get styles(){return[Ui,Wp]}focus(){let t=Ye(this);t?t.focus():this.children.length===1?this.tray.focus():super.focus()}overlayWillCloseCallback(){return this.open?(this.close(),!0):this.animating}close(){this.open=!1,this.prefersMotion.matches||this.dispatchClosed()}dispatchClosed(){this.dispatchEvent(new Event("close",{bubbles:!0}))}handleUnderlayTransitionend(){this.open||(this.resolveTransitionPromise(),this.dispatchClosed())}handleTrayTransitionend(){this.open&&this.resolveTransitionPromise()}update(t){t.has("open")&&t.get("open")!==void 0&&this.prefersMotion.matches&&(this.animating=!0,this.transitionPromise=new Promise(e=>{this.resolveTransitionPromise=()=>{this.animating=!1,e()}})),super.update(t)}render(){return c`
- `}async getUpdateComplete(){let t=await super.getUpdateComplete();return await this.transitionPromise,t}};Yp([n({type:Boolean,reflect:!0})],go.prototype,"open",2),Yp([P(".tray")],go.prototype,"tray",2)});var h5={};var Jp=w(()=>{"use strict";Xp();x();l("sp-tray",go)});var zs,Iv=w(()=>{zs=class{constructor(t){this._map=new Map,this._roundAverageSize=!1,this.totalSize=0,t?.roundAverageSize===!0&&(this._roundAverageSize=!0)}set(t,e){let r=this._map.get(t)||0;this._map.set(t,e),this.totalSize+=e-r}get averageSize(){if(this._map.size>0){let t=this.totalSize/this._map.size;return this._roundAverageSize?Math.round(t):t}return 0}getSize(t){return this._map.get(t)}clear(){this._map.clear(),this.totalSize=0}}});function yd(o){return o==="horizontal"?"width":"height"}var kn,Sv=w(()=>{kn=class{_getDefaultConfig(){return{direction:"vertical"}}constructor(t,e){this._latestCoords={left:0,top:0},this._direction=null,this._viewportSize={width:0,height:0},this.totalScrollSize={width:0,height:0},this.offsetWithinScroller={left:0,top:0},this._pendingReflow=!1,this._pendingLayoutUpdate=!1,this._pin=null,this._firstVisible=0,this._lastVisible=0,this._physicalMin=0,this._physicalMax=0,this._first=-1,this._last=-1,this._sizeDim="height",this._secondarySizeDim="width",this._positionDim="top",this._secondaryPositionDim="left",this._scrollPosition=0,this._scrollError=0,this._items=[],this._scrollSize=1,this._overhang=1e3,this._hostSink=t,Promise.resolve().then(()=>this.config=e||this._getDefaultConfig())}set config(t){Object.assign(this,Object.assign({},this._getDefaultConfig(),t))}get config(){return{direction:this.direction}}get items(){return this._items}set items(t){this._setItems(t)}_setItems(t){t!==this._items&&(this._items=t,this._scheduleReflow())}get direction(){return this._direction}set direction(t){t=t==="horizontal"?t:"vertical",t!==this._direction&&(this._direction=t,this._sizeDim=t==="horizontal"?"width":"height",this._secondarySizeDim=t==="horizontal"?"height":"width",this._positionDim=t==="horizontal"?"left":"top",this._secondaryPositionDim=t==="horizontal"?"top":"left",this._triggerReflow())}get viewportSize(){return this._viewportSize}set viewportSize(t){let{_viewDim1:e,_viewDim2:r}=this;Object.assign(this._viewportSize,t),r!==this._viewDim2?this._scheduleLayoutUpdate():e!==this._viewDim1&&this._checkThresholds()}get viewportScroll(){return this._latestCoords}set viewportScroll(t){Object.assign(this._latestCoords,t);let e=this._scrollPosition;this._scrollPosition=this._latestCoords[this._positionDim],Math.abs(e-this._scrollPosition)>=1&&this._checkThresholds()}reflowIfNeeded(t=!1){(t||this._pendingReflow)&&(this._pendingReflow=!1,this._reflow())}set pin(t){this._pin=t,this._triggerReflow()}get pin(){if(this._pin!==null){let{index:t,block:e}=this._pin;return{index:Math.max(0,Math.min(t,this.items.length-1)),block:e}}return null}_clampScrollPosition(t){return Math.max(-this.offsetWithinScroller[this._positionDim],Math.min(t,this.totalScrollSize[yd(this.direction)]-this._viewDim1))}unpin(){this._pin!==null&&(this._sendUnpinnedMessage(),this._pin=null)}_updateLayout(){}get _viewDim1(){return this._viewportSize[this._sizeDim]}get _viewDim2(){return this._viewportSize[this._secondarySizeDim]}_scheduleReflow(){this._pendingReflow=!0}_scheduleLayoutUpdate(){this._pendingLayoutUpdate=!0,this._scheduleReflow()}_triggerReflow(){this._scheduleLayoutUpdate(),Promise.resolve().then(()=>this.reflowIfNeeded())}_reflow(){this._pendingLayoutUpdate&&(this._updateLayout(),this._pendingLayoutUpdate=!1),this._updateScrollSize(),this._setPositionFromPin(),this._getActiveItems(),this._updateVisibleIndices(),this._sendStateChangedMessage()}_setPositionFromPin(){if(this.pin!==null){let t=this._scrollPosition,{index:e,block:r}=this.pin;this._scrollPosition=this._calculateScrollIntoViewPosition({index:e,block:r||"start"})-this.offsetWithinScroller[this._positionDim],this._scrollError=t-this._scrollPosition}}_calculateScrollIntoViewPosition(t){let{block:e}=t,r=Math.min(this.items.length,Math.max(0,t.index)),s=this._getItemPosition(r)[this._positionDim],i=s;if(e!=="start"){let a=this._getItemSize(r)[this._sizeDim];if(e==="center")i=s-.5*this._viewDim1+.5*a;else{let d=s-this._viewDim1+a;if(e==="end")i=d;else{let m=this._scrollPosition;i=Math.abs(m-s)0||this._pin!==null)this._scheduleReflow();else{let t=Math.max(0,this._scrollPosition-this._overhang),e=Math.min(this._scrollSize,this._scrollPosition+this._viewDim1+this._overhang);this._physicalMin>t||this._physicalMaxthis._first&&Math.round(this._getItemPosition(r)[this._positionDim])>=Math.round(this._scrollPosition+this._viewDim1);)r--;(e!==this._firstVisible||r!==this._lastVisible)&&(this._firstVisible=e,this._lastVisible=r,t&&t.emit&&this._sendVisibilityChangedMessage())}}});var $v={};Rn($v,{FlowLayout:()=>zn,flow:()=>Y3});function Ev(o){return o==="horizontal"?"marginLeft":"marginTop"}function X3(o){return o==="horizontal"?"marginRight":"marginBottom"}function J3(o){return o==="horizontal"?"xOffset":"yOffset"}function Q3(o,t){let e=[o,t].sort();return e[1]<=0?Math.min(...e):e[0]>=0?Math.max(...e):e[0]+e[1]}var Y3,wd,zn,_v=w(()=>{Iv();Sv();Y3=o=>Object.assign({type:zn},o);wd=class{constructor(){this._childSizeCache=new zs,this._marginSizeCache=new zs,this._metricsCache=new Map}update(t,e){let r=new Set;Object.keys(t).forEach(s=>{let i=Number(s);this._metricsCache.set(i,t[i]),this._childSizeCache.set(i,t[i][yd(e)]),r.add(i),r.add(i+1)});for(let s of r){let i=this._metricsCache.get(s)?.[Ev(e)]||0,a=this._metricsCache.get(s-1)?.[X3(e)]||0;this._marginSizeCache.set(s,Q3(i,a))}}get averageChildSize(){return this._childSizeCache.averageSize}get totalChildSize(){return this._childSizeCache.totalSize}get averageMarginSize(){return this._marginSizeCache.averageSize}get totalMarginSize(){return this._marginSizeCache.totalSize}getLeadingMarginValue(t,e){return this._metricsCache.get(t)?.[Ev(e)]||0}getChildSize(t){return this._childSizeCache.getSize(t)}getMarginSize(t){return this._marginSizeCache.getSize(t)}clear(){this._childSizeCache.clear(),this._marginSizeCache.clear(),this._metricsCache.clear()}},zn=class extends kn{constructor(){super(...arguments),this._itemSize={width:100,height:100},this._physicalItems=new Map,this._newPhysicalItems=new Map,this._metricsCache=new wd,this._anchorIdx=null,this._anchorPos=null,this._stable=!0,this._measureChildren=!0,this._estimate=!0}get measureChildren(){return this._measureChildren}updateItemSizes(t){this._metricsCache.update(t,this.direction),this._scheduleReflow()}_getPhysicalItem(t){return this._newPhysicalItems.get(t)??this._physicalItems.get(t)}_getSize(t){return this._getPhysicalItem(t)&&this._metricsCache.getChildSize(t)}_getAverageSize(){return this._metricsCache.averageChildSize||this._itemSize[this._sizeDim]}_estimatePosition(t){let e=this._metricsCache;if(this._first===-1||this._last===-1)return e.averageMarginSize+t*(e.averageMarginSize+this._getAverageSize());if(tthis._scrollSize-this._viewDim1?this.items.length-1:Math.max(0,Math.min(this.items.length-1,Math.floor((t+e)/2/this._delta)))}_getAnchor(t,e){if(this._physicalItems.size===0)return this._calculateAnchor(t,e);if(this._first<0)return this._calculateAnchor(t,e);if(this._last<0)return this._calculateAnchor(t,e);let r=this._getPhysicalItem(this._first),s=this._getPhysicalItem(this._last),i=r.pos;if(s.pos+this._metricsCache.getChildSize(this._last)e)return this._calculateAnchor(t,e);let m=this._firstVisible-1,b=-1/0;for(;bthis._scrollSize){this._clearItems();return}(this._anchorIdx===null||this._anchorPos===null)&&(this._anchorIdx=this._getAnchor(e,r),this._anchorPos=this._getPosition(this._anchorIdx));let s=this._getSize(this._anchorIdx);s===void 0&&(this._stable=!1,s=this._getAverageSize());let i=this._metricsCache.getMarginSize(this._anchorIdx)??this._metricsCache.averageMarginSize,a=this._metricsCache.getMarginSize(this._anchorIdx+1)??this._metricsCache.averageMarginSize;this._anchorIdx===0&&(this._anchorPos=i),this._anchorIdx===this.items.length-1&&(this._anchorPos=this._scrollSize-a-s);let d=0;for(this._anchorPos+s+ar&&(d=r-(this._anchorPos-i)),d&&(this._scrollPosition-=d,e-=d,r-=d,this._scrollError+=d),t.set(this._anchorIdx,{pos:this._anchorPos,size:s}),this._first=this._last=this._anchorIdx,this._physicalMin=this._anchorPos-i,this._physicalMax=this._anchorPos+s+a;this._physicalMin>e&&this._first>0;){let b=this._getSize(--this._first);b===void 0&&(this._stable=!1,b=this._getAverageSize());let v=this._metricsCache.getMarginSize(this._first);v===void 0&&(this._stable=!1,v=this._metricsCache.averageMarginSize),this._physicalMin-=b;let f=this._physicalMin;if(t.set(this._first,{pos:f,size:b}),this._physicalMin-=v,this._stable===!1&&this._estimate===!1)break}for(;this._physicalMaxb.pos-=m),this._scrollError+=m),this._stable&&(this._newPhysicalItems=this._physicalItems,this._newPhysicalItems.clear(),this._physicalItems=t)}_calculateError(){return this._first===0?this._physicalMin:this._physicalMin<=0?this._physicalMin-this._first*this._delta:this._last===this.items.length-1?this._physicalMax-this._scrollSize:this._physicalMax>=this._scrollSize?this._physicalMax-this._scrollSize+(this.items.length-1-this._last)*this._delta:0}_reflow(){let{_first:t,_last:e}=this;super._reflow(),(this._first===-1&&this._last==-1||this._first===t&&this._last===e)&&this._resetReflowState()}_resetReflowState(){this._anchorIdx=null,this._anchorPos=null,this._stable=!0}_updateScrollSize(){let{averageMarginSize:t}=this._metricsCache;this._scrollSize=Math.max(1,this.items.length*(t+this._getAverageSize())+t)}get _delta(){let{averageMarginSize:t}=this._metricsCache;return this._getAverageSize()+t}_getItemPosition(t){return{[this._positionDim]:this._getPosition(t),[this._secondaryPositionDim]:0,[J3(this.direction)]:-(this._metricsCache.getLeadingMarginValue(t,this.direction)??this._metricsCache.averageMarginSize)}}_getItemSize(t){return{[this._sizeDim]:this._getSize(t)||this._getAverageSize(),[this._secondarySizeDim]:this._itemSize[this._secondarySizeDim]}}_viewDim2Changed(){this._metricsCache.clear(),this._scheduleReflow()}}});p();L();Kr();p();L();p();L();p();L();p();L();br();Ce();Zo();p();var Uf=y` + `}async getUpdateComplete(){let t=await super.getUpdateComplete();return await this.transitionPromise,t}};Xp([n({type:Boolean,reflect:!0})],go.prototype,"open",2),Xp([P(".tray")],go.prototype,"tray",2)});var v5={};var Qp=w(()=>{"use strict";Jp();x();l("sp-tray",go)});var zs,$v=w(()=>{zs=class{constructor(t){this._map=new Map,this._roundAverageSize=!1,this.totalSize=0,t?.roundAverageSize===!0&&(this._roundAverageSize=!0)}set(t,e){let r=this._map.get(t)||0;this._map.set(t,e),this.totalSize+=e-r}get averageSize(){if(this._map.size>0){let t=this.totalSize/this._map.size;return this._roundAverageSize?Math.round(t):t}return 0}getSize(t){return this._map.get(t)}clear(){this._map.clear(),this.totalSize=0}}});function wd(o){return o==="horizontal"?"width":"height"}var zn,_v=w(()=>{zn=class{_getDefaultConfig(){return{direction:"vertical"}}constructor(t,e){this._latestCoords={left:0,top:0},this._direction=null,this._viewportSize={width:0,height:0},this.totalScrollSize={width:0,height:0},this.offsetWithinScroller={left:0,top:0},this._pendingReflow=!1,this._pendingLayoutUpdate=!1,this._pin=null,this._firstVisible=0,this._lastVisible=0,this._physicalMin=0,this._physicalMax=0,this._first=-1,this._last=-1,this._sizeDim="height",this._secondarySizeDim="width",this._positionDim="top",this._secondaryPositionDim="left",this._scrollPosition=0,this._scrollError=0,this._items=[],this._scrollSize=1,this._overhang=1e3,this._hostSink=t,Promise.resolve().then(()=>this.config=e||this._getDefaultConfig())}set config(t){Object.assign(this,Object.assign({},this._getDefaultConfig(),t))}get config(){return{direction:this.direction}}get items(){return this._items}set items(t){this._setItems(t)}_setItems(t){t!==this._items&&(this._items=t,this._scheduleReflow())}get direction(){return this._direction}set direction(t){t=t==="horizontal"?t:"vertical",t!==this._direction&&(this._direction=t,this._sizeDim=t==="horizontal"?"width":"height",this._secondarySizeDim=t==="horizontal"?"height":"width",this._positionDim=t==="horizontal"?"left":"top",this._secondaryPositionDim=t==="horizontal"?"top":"left",this._triggerReflow())}get viewportSize(){return this._viewportSize}set viewportSize(t){let{_viewDim1:e,_viewDim2:r}=this;Object.assign(this._viewportSize,t),r!==this._viewDim2?this._scheduleLayoutUpdate():e!==this._viewDim1&&this._checkThresholds()}get viewportScroll(){return this._latestCoords}set viewportScroll(t){Object.assign(this._latestCoords,t);let e=this._scrollPosition;this._scrollPosition=this._latestCoords[this._positionDim],Math.abs(e-this._scrollPosition)>=1&&this._checkThresholds()}reflowIfNeeded(t=!1){(t||this._pendingReflow)&&(this._pendingReflow=!1,this._reflow())}set pin(t){this._pin=t,this._triggerReflow()}get pin(){if(this._pin!==null){let{index:t,block:e}=this._pin;return{index:Math.max(0,Math.min(t,this.items.length-1)),block:e}}return null}_clampScrollPosition(t){return Math.max(-this.offsetWithinScroller[this._positionDim],Math.min(t,this.totalScrollSize[wd(this.direction)]-this._viewDim1))}unpin(){this._pin!==null&&(this._sendUnpinnedMessage(),this._pin=null)}_updateLayout(){}get _viewDim1(){return this._viewportSize[this._sizeDim]}get _viewDim2(){return this._viewportSize[this._secondarySizeDim]}_scheduleReflow(){this._pendingReflow=!0}_scheduleLayoutUpdate(){this._pendingLayoutUpdate=!0,this._scheduleReflow()}_triggerReflow(){this._scheduleLayoutUpdate(),Promise.resolve().then(()=>this.reflowIfNeeded())}_reflow(){this._pendingLayoutUpdate&&(this._updateLayout(),this._pendingLayoutUpdate=!1),this._updateScrollSize(),this._setPositionFromPin(),this._getActiveItems(),this._updateVisibleIndices(),this._sendStateChangedMessage()}_setPositionFromPin(){if(this.pin!==null){let t=this._scrollPosition,{index:e,block:r}=this.pin;this._scrollPosition=this._calculateScrollIntoViewPosition({index:e,block:r||"start"})-this.offsetWithinScroller[this._positionDim],this._scrollError=t-this._scrollPosition}}_calculateScrollIntoViewPosition(t){let{block:e}=t,r=Math.min(this.items.length,Math.max(0,t.index)),s=this._getItemPosition(r)[this._positionDim],i=s;if(e!=="start"){let a=this._getItemSize(r)[this._sizeDim];if(e==="center")i=s-.5*this._viewDim1+.5*a;else{let d=s-this._viewDim1+a;if(e==="end")i=d;else{let m=this._scrollPosition;i=Math.abs(m-s)0||this._pin!==null)this._scheduleReflow();else{let t=Math.max(0,this._scrollPosition-this._overhang),e=Math.min(this._scrollSize,this._scrollPosition+this._viewDim1+this._overhang);this._physicalMin>t||this._physicalMaxthis._first&&Math.round(this._getItemPosition(r)[this._positionDim])>=Math.round(this._scrollPosition+this._viewDim1);)r--;(e!==this._firstVisible||r!==this._lastVisible)&&(this._firstVisible=e,this._lastVisible=r,t&&t.emit&&this._sendVisibilityChangedMessage())}}});var Lv={};qn(Lv,{FlowLayout:()=>Cn,flow:()=>Q3});function Av(o){return o==="horizontal"?"marginLeft":"marginTop"}function ty(o){return o==="horizontal"?"marginRight":"marginBottom"}function ey(o){return o==="horizontal"?"xOffset":"yOffset"}function ry(o,t){let e=[o,t].sort();return e[1]<=0?Math.min(...e):e[0]>=0?Math.max(...e):e[0]+e[1]}var Q3,kd,Cn,Pv=w(()=>{$v();_v();Q3=o=>Object.assign({type:Cn},o);kd=class{constructor(){this._childSizeCache=new zs,this._marginSizeCache=new zs,this._metricsCache=new Map}update(t,e){let r=new Set;Object.keys(t).forEach(s=>{let i=Number(s);this._metricsCache.set(i,t[i]),this._childSizeCache.set(i,t[i][wd(e)]),r.add(i),r.add(i+1)});for(let s of r){let i=this._metricsCache.get(s)?.[Av(e)]||0,a=this._metricsCache.get(s-1)?.[ty(e)]||0;this._marginSizeCache.set(s,ry(i,a))}}get averageChildSize(){return this._childSizeCache.averageSize}get totalChildSize(){return this._childSizeCache.totalSize}get averageMarginSize(){return this._marginSizeCache.averageSize}get totalMarginSize(){return this._marginSizeCache.totalSize}getLeadingMarginValue(t,e){return this._metricsCache.get(t)?.[Av(e)]||0}getChildSize(t){return this._childSizeCache.getSize(t)}getMarginSize(t){return this._marginSizeCache.getSize(t)}clear(){this._childSizeCache.clear(),this._marginSizeCache.clear(),this._metricsCache.clear()}},Cn=class extends zn{constructor(){super(...arguments),this._itemSize={width:100,height:100},this._physicalItems=new Map,this._newPhysicalItems=new Map,this._metricsCache=new kd,this._anchorIdx=null,this._anchorPos=null,this._stable=!0,this._measureChildren=!0,this._estimate=!0}get measureChildren(){return this._measureChildren}updateItemSizes(t){this._metricsCache.update(t,this.direction),this._scheduleReflow()}_getPhysicalItem(t){return this._newPhysicalItems.get(t)??this._physicalItems.get(t)}_getSize(t){return this._getPhysicalItem(t)&&this._metricsCache.getChildSize(t)}_getAverageSize(){return this._metricsCache.averageChildSize||this._itemSize[this._sizeDim]}_estimatePosition(t){let e=this._metricsCache;if(this._first===-1||this._last===-1)return e.averageMarginSize+t*(e.averageMarginSize+this._getAverageSize());if(tthis._scrollSize-this._viewDim1?this.items.length-1:Math.max(0,Math.min(this.items.length-1,Math.floor((t+e)/2/this._delta)))}_getAnchor(t,e){if(this._physicalItems.size===0)return this._calculateAnchor(t,e);if(this._first<0)return this._calculateAnchor(t,e);if(this._last<0)return this._calculateAnchor(t,e);let r=this._getPhysicalItem(this._first),s=this._getPhysicalItem(this._last),i=r.pos;if(s.pos+this._metricsCache.getChildSize(this._last)e)return this._calculateAnchor(t,e);let m=this._firstVisible-1,b=-1/0;for(;bthis._scrollSize){this._clearItems();return}(this._anchorIdx===null||this._anchorPos===null)&&(this._anchorIdx=this._getAnchor(e,r),this._anchorPos=this._getPosition(this._anchorIdx));let s=this._getSize(this._anchorIdx);s===void 0&&(this._stable=!1,s=this._getAverageSize());let i=this._metricsCache.getMarginSize(this._anchorIdx)??this._metricsCache.averageMarginSize,a=this._metricsCache.getMarginSize(this._anchorIdx+1)??this._metricsCache.averageMarginSize;this._anchorIdx===0&&(this._anchorPos=i),this._anchorIdx===this.items.length-1&&(this._anchorPos=this._scrollSize-a-s);let d=0;for(this._anchorPos+s+ar&&(d=r-(this._anchorPos-i)),d&&(this._scrollPosition-=d,e-=d,r-=d,this._scrollError+=d),t.set(this._anchorIdx,{pos:this._anchorPos,size:s}),this._first=this._last=this._anchorIdx,this._physicalMin=this._anchorPos-i,this._physicalMax=this._anchorPos+s+a;this._physicalMin>e&&this._first>0;){let b=this._getSize(--this._first);b===void 0&&(this._stable=!1,b=this._getAverageSize());let v=this._metricsCache.getMarginSize(this._first);v===void 0&&(this._stable=!1,v=this._metricsCache.averageMarginSize),this._physicalMin-=b;let f=this._physicalMin;if(t.set(this._first,{pos:f,size:b}),this._physicalMin-=v,this._stable===!1&&this._estimate===!1)break}for(;this._physicalMaxb.pos-=m),this._scrollError+=m),this._stable&&(this._newPhysicalItems=this._physicalItems,this._newPhysicalItems.clear(),this._physicalItems=t)}_calculateError(){return this._first===0?this._physicalMin:this._physicalMin<=0?this._physicalMin-this._first*this._delta:this._last===this.items.length-1?this._physicalMax-this._scrollSize:this._physicalMax>=this._scrollSize?this._physicalMax-this._scrollSize+(this.items.length-1-this._last)*this._delta:0}_reflow(){let{_first:t,_last:e}=this;super._reflow(),(this._first===-1&&this._last==-1||this._first===t&&this._last===e)&&this._resetReflowState()}_resetReflowState(){this._anchorIdx=null,this._anchorPos=null,this._stable=!0}_updateScrollSize(){let{averageMarginSize:t}=this._metricsCache;this._scrollSize=Math.max(1,this.items.length*(t+this._getAverageSize())+t)}get _delta(){let{averageMarginSize:t}=this._metricsCache;return this._getAverageSize()+t}_getItemPosition(t){return{[this._positionDim]:this._getPosition(t),[this._secondaryPositionDim]:0,[ey(this.direction)]:-(this._metricsCache.getLeadingMarginValue(t,this.direction)??this._metricsCache.averageMarginSize)}}_getItemSize(t){return{[this._sizeDim]:this._getSize(t)||this._getAverageSize(),[this._secondarySizeDim]:this._itemSize[this._secondarySizeDim]}}_viewDim2Changed(){this._metricsCache.clear(),this._scheduleReflow()}}});p();L();Kr();p();L();p();L();p();L();p();L();br();Ce();Zo();p();var Gf=y` :host{vertical-align:top;--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-100);--spectrum-icon-size:var(--spectrum-workflow-icon-size-100);display:inline-flex}:host([dir]){-webkit-appearance:none}:host([disabled]){pointer-events:none;cursor:auto}#button{position:absolute;inset:0}::slotted(sp-overlay),::slotted(sp-tooltip){position:absolute}:host:after,::slotted(*){pointer-events:none}slot[name=icon]::slotted(svg),slot[name=icon]::slotted(img){fill:currentColor;stroke:currentColor;block-size:var(--spectrum-icon-size,var(--spectrum-workflow-icon-size-100));inline-size:var(--spectrum-icon-size,var(--spectrum-workflow-icon-size-100))}[icon-only]+#label{display:contents}:host([size=xs]){--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-50);--spectrum-icon-size:var(--spectrum-workflow-icon-size-50)}:host([size=s]){--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-75);--spectrum-icon-size:var(--spectrum-workflow-icon-size-75)}:host([size=l]){--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-200);--spectrum-icon-size:var(--spectrum-workflow-icon-size-200)}:host([size=xl]){--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-300);--spectrum-icon-size:var(--spectrum-workflow-icon-size-300)}:host([size=xxl]){--spectrum-progress-circle-size:var(--spectrum-workflow-icon-size-400);--spectrum-icon-size:var(--spectrum-workflow-icon-size-400)} -`,Hu=Uf;var Zf=Object.defineProperty,Kf=Object.getOwnPropertyDescriptor,pl=(o,t,e,r)=>{for(var s=r>1?void 0:r?Kf(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&Zf(t,e,s),s},yt=class extends de(qt(et),"",["sp-overlay,sp-tooltip"]){constructor(){super(),this.active=!1,this.type="button",this.proxyFocus=this.proxyFocus.bind(this),this.addEventListener("click",this.handleClickCapture,{capture:!0})}static get styles(){return[Hu]}get focusElement(){return this}get hasLabel(){return this.slotHasContent}get buttonContent(){return[c` +`,Ru=Gf;var Wf=Object.defineProperty,Yf=Object.getOwnPropertyDescriptor,hl=(o,t,e,r)=>{for(var s=r>1?void 0:r?Yf(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&Wf(t,e,s),s},yt=class extends de(qt(et),"",["sp-overlay,sp-tooltip"]){constructor(){super(),this.active=!1,this.type="button",this.proxyFocus=this.proxyFocus.bind(this),this.addEventListener("click",this.handleClickCapture,{capture:!0})}static get styles(){return[Ru]}get focusElement(){return this}get hasLabel(){return this.slotHasContent}get buttonContent(){return[c` `,c` @@ -98,9 +98,9 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho ${super.renderAnchor({id:"button",ariaHidden:!0,className:"button anchor",tabindex:-1})} `}renderButton(){return c` ${this.buttonContent} - `}render(){return this.href&&this.href.length>0?this.renderAnchor():this.renderButton()}handleKeydown(t){let{code:e}=t;switch(e){case"Space":t.preventDefault(),typeof this.href>"u"&&(this.addEventListener("keyup",this.handleKeyup),this.active=!0);break;default:break}}handleKeypress(t){let{code:e}=t;switch(e){case"Enter":case"NumpadEnter":this.click();break;default:break}}handleKeyup(t){let{code:e}=t;switch(e){case"Space":this.removeEventListener("keyup",this.handleKeyup),this.active=!1,this.click();break;default:break}}manageAnchor(){this.href&&this.href.length>0?(!this.hasAttribute("role")||this.getAttribute("role")==="button")&&this.setAttribute("role","link"):(!this.hasAttribute("role")||this.getAttribute("role")==="link")&&this.setAttribute("role","button")}firstUpdated(t){super.firstUpdated(t),this.hasAttribute("tabindex")||this.setAttribute("tabindex","0"),this.manageAnchor(),this.addEventListener("keydown",this.handleKeydown),this.addEventListener("keypress",this.handleKeypress)}updated(t){super.updated(t),t.has("href")&&this.manageAnchor(),t.has("label")&&(this.label?this.setAttribute("aria-label",this.label):this.removeAttribute("aria-label")),this.anchorElement&&(this.anchorElement.tabIndex=-1,this.anchorElement.hasAttribute("aria-hidden")||this.anchorElement.setAttribute("aria-hidden","true"),this.anchorElement.addEventListener("focus",this.proxyFocus))}};pl([n({type:Boolean,reflect:!0})],yt.prototype,"active",2),pl([n({type:String})],yt.prototype,"type",2),pl([P(".anchor")],yt.prototype,"anchorElement",2);p();var Gf=y` + `}render(){return this.href&&this.href.length>0?this.renderAnchor():this.renderButton()}handleKeydown(t){let{code:e}=t;switch(e){case"Space":t.preventDefault(),typeof this.href>"u"&&(this.addEventListener("keyup",this.handleKeyup),this.active=!0);break;default:break}}handleKeypress(t){let{code:e}=t;switch(e){case"Enter":case"NumpadEnter":this.click();break;default:break}}handleKeyup(t){let{code:e}=t;switch(e){case"Space":this.removeEventListener("keyup",this.handleKeyup),this.active=!1,this.click();break;default:break}}manageAnchor(){this.href&&this.href.length>0?(!this.hasAttribute("role")||this.getAttribute("role")==="button")&&this.setAttribute("role","link"):(!this.hasAttribute("role")||this.getAttribute("role")==="link")&&this.setAttribute("role","button")}firstUpdated(t){super.firstUpdated(t),this.hasAttribute("tabindex")||this.setAttribute("tabindex","0"),this.manageAnchor(),this.addEventListener("keydown",this.handleKeydown),this.addEventListener("keypress",this.handleKeypress)}updated(t){super.updated(t),t.has("href")&&this.manageAnchor(),t.has("label")&&(this.label?this.setAttribute("aria-label",this.label):this.removeAttribute("aria-label")),this.anchorElement&&(this.anchorElement.tabIndex=-1,this.anchorElement.hasAttribute("aria-hidden")||this.anchorElement.setAttribute("aria-hidden","true"),this.anchorElement.addEventListener("focus",this.proxyFocus))}};hl([n({type:Boolean,reflect:!0})],yt.prototype,"active",2),hl([n({type:String})],yt.prototype,"type",2),hl([P(".anchor")],yt.prototype,"anchorElement",2);p();var Xf=y` :host{cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;font-family:var(--mod-button-font-family,var(--mod-sans-font-family-stack,var(--spectrum-sans-font-family-stack)));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:var(--mod-button-line-height,var(--mod-line-height-100,var(--spectrum-line-height-100)));text-transform:none;vertical-align:top;-webkit-appearance:button;transition:background var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100)))ease-out,border-color var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100)))ease-out,color var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100)))ease-out,box-shadow var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100)))ease-out;justify-content:center;align-items:center;margin:0;-webkit-text-decoration:none;text-decoration:none;display:inline-flex;overflow:visible}:host(:focus){outline:none}:host .is-disabled,:host([disabled]){cursor:default}:host:after{margin:calc(var(--mod-button-focus-indicator-gap,var(--spectrum-focus-indicator-gap))*-1);transition:opacity var(--mod-button-animation-duration,var(--mod-button-animation-duration,var(--spectrum-animation-duration-100)))ease-out,margin var(--mod-button-animation-duration,var(--mod-button-animation-duration,var(--spectrum-animation-duration-100)))ease-out;display:block;inset-block:0;inset-inline:0}:host(:focus-visible):after{margin:calc(var(--mod-focus-indicator-gap,var(--spectrum-focus-indicator-gap))*-2)}#label{text-align:center;place-self:center}#label[hidden]{display:none}:host{--spectrum-button-sized-height:var(--spectrum-component-height-100);--spectrum-button-sized-font-size:var(--spectrum-font-size-100);--spectrum-button-sized-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-100) - var(--spectrum-button-border-width));--spectrum-button-sized-edge-to-visual-only:var(--spectrum-component-pill-edge-to-visual-only-100);--spectrum-button-sized-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-100) - var(--spectrum-button-border-width));--spectrum-button-sized-padding-label-to-icon:var(--spectrum-text-to-visual-100);--spectrum-button-sized-top-to-text:var(--spectrum-button-top-to-text-medium);--spectrum-button-sized-bottom-to-text:var(--spectrum-button-bottom-to-text-medium);--spectrum-button-sized-top-to-icon:var(--spectrum-component-top-to-workflow-icon-100);--spectrum-button-intended-icon-size:var(--spectrum-workflow-icon-size-100)}:host([size=s]){--spectrum-button-sized-height:var(--spectrum-component-height-75);--spectrum-button-sized-font-size:var(--spectrum-font-size-75);--spectrum-button-sized-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-75) - var(--spectrum-button-border-width));--spectrum-button-sized-edge-to-visual-only:var(--spectrum-component-pill-edge-to-visual-only-75);--spectrum-button-sized-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-75) - var(--spectrum-button-border-width));--spectrum-button-sized-padding-label-to-icon:var(--spectrum-text-to-visual-75);--spectrum-button-sized-top-to-text:var(--spectrum-button-top-to-text-small);--spectrum-button-sized-bottom-to-text:var(--spectrum-button-bottom-to-text-small);--spectrum-button-sized-top-to-icon:var(--spectrum-component-top-to-workflow-icon-75);--spectrum-button-intended-icon-size:var(--spectrum-workflow-icon-size-75)}:host([size=l]){--spectrum-button-sized-height:var(--spectrum-component-height-200);--spectrum-button-sized-font-size:var(--spectrum-font-size-200);--spectrum-button-sized-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-200) - var(--spectrum-button-border-width));--spectrum-button-sized-edge-to-visual-only:var(--spectrum-component-pill-edge-to-visual-only-200);--spectrum-button-sized-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-200) - var(--spectrum-button-border-width));--spectrum-button-sized-padding-label-to-icon:var(--spectrum-text-to-visual-200);--spectrum-button-sized-top-to-text:var(--spectrum-button-top-to-text-large);--spectrum-button-sized-bottom-to-text:var(--spectrum-button-bottom-to-text-large);--spectrum-button-sized-top-to-icon:var(--spectrum-component-top-to-workflow-icon-200);--spectrum-button-intended-icon-size:var(--spectrum-workflow-icon-size-200)}:host([size=xl]){--spectrum-button-sized-height:var(--spectrum-component-height-300);--spectrum-button-sized-font-size:var(--spectrum-font-size-300);--spectrum-button-sized-edge-to-visual:calc(var(--spectrum-component-pill-edge-to-visual-300) - var(--spectrum-button-border-width));--spectrum-button-sized-edge-to-visual-only:var(--spectrum-component-pill-edge-to-visual-only-300);--spectrum-button-sized-edge-to-text:calc(var(--spectrum-component-pill-edge-to-text-300) - var(--spectrum-button-border-width));--spectrum-button-sized-padding-label-to-icon:var(--spectrum-text-to-visual-300);--spectrum-button-sized-top-to-text:var(--spectrum-button-top-to-text-extra-large);--spectrum-button-sized-bottom-to-text:var(--spectrum-button-bottom-to-text-extra-large);--spectrum-button-sized-top-to-icon:var(--spectrum-component-top-to-workflow-icon-300);--spectrum-button-intended-icon-size:var(--spectrum-workflow-icon-size-300)}:host{--spectrum-button-content-color-default:var(--spectrum-neutral-content-color-default);--spectrum-button-content-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-button-content-color-down:var(--spectrum-neutral-content-color-down);--spectrum-button-content-color-focus:var(--spectrum-neutral-content-color-key-focus);--spectrum-button-content-color-disabled:var(--spectrum-disabled-content-color)}:host([selected]){--spectrum-button-border-color-default:transparent;--spectrum-button-border-color-hover:transparent;--spectrum-button-border-color-down:transparent;--spectrum-button-border-color-focus:transparent;--spectrum-button-content-color-default:var(--spectrum-white);--spectrum-button-content-color-hover:var(--spectrum-white);--spectrum-button-content-color-down:var(--spectrum-white);--spectrum-button-content-color-focus:var(--spectrum-white);--spectrum-button-background-color-disabled:var(--spectrum-disabled-background-color);--spectrum-button-border-color-disabled:transparent}:host([selected][emphasized]),:host([variant=accent]){--spectrum-button-background-color-default:var(--spectrum-accent-background-color-default);--spectrum-button-background-color-hover:var(--spectrum-accent-background-color-hover);--spectrum-button-background-color-down:var(--spectrum-accent-background-color-down);--spectrum-button-background-color-focus:var(--spectrum-accent-background-color-key-focus)}:host([variant=accent]){--spectrum-button-background-color-disabled:var(--spectrum-disabled-background-color);--spectrum-button-border-color-default:transparent;--spectrum-button-border-color-hover:transparent;--spectrum-button-border-color-down:transparent;--spectrum-button-border-color-focus:transparent;--spectrum-button-border-color-disabled:transparent;--spectrum-button-content-color-default:var(--spectrum-white);--spectrum-button-content-color-hover:var(--spectrum-white);--spectrum-button-content-color-down:var(--spectrum-white);--spectrum-button-content-color-focus:var(--spectrum-white)}:host([variant=accent][treatment=outline]){--spectrum-button-background-color-hover:var(--spectrum-accent-color-200);--spectrum-button-background-color-down:var(--spectrum-accent-color-300);--spectrum-button-background-color-focus:var(--spectrum-accent-color-200);--spectrum-button-border-color-default:var(--spectrum-accent-color-900);--spectrum-button-border-color-hover:var(--spectrum-accent-color-1000);--spectrum-button-border-color-down:var(--spectrum-accent-color-1100);--spectrum-button-border-color-focus:var(--spectrum-accent-color-1000);--spectrum-button-border-color-disabled:var(--spectrum-disabled-border-color);--spectrum-button-content-color-default:var(--spectrum-accent-content-color-default);--spectrum-button-content-color-hover:var(--spectrum-accent-content-color-hover);--spectrum-button-content-color-down:var(--spectrum-accent-content-color-down);--spectrum-button-content-color-focus:var(--spectrum-accent-content-color-key-focus);--spectrum-button-content-color-disabled:var(--spectrum-disabled-content-color)}:host([variant=negative]){--spectrum-button-background-color-default:var(--spectrum-negative-background-color-default);--spectrum-button-background-color-hover:var(--spectrum-negative-background-color-hover);--spectrum-button-background-color-down:var(--spectrum-negative-background-color-down);--spectrum-button-background-color-focus:var(--spectrum-negative-background-color-key-focus);--spectrum-button-border-color-default:transparent;--spectrum-button-border-color-hover:transparent;--spectrum-button-border-color-down:transparent;--spectrum-button-border-color-focus:transparent;--spectrum-button-content-color-default:var(--spectrum-white);--spectrum-button-content-color-hover:var(--spectrum-white);--spectrum-button-content-color-down:var(--spectrum-white);--spectrum-button-content-color-focus:var(--spectrum-white);--spectrum-button-background-color-disabled:var(--spectrum-disabled-background-color);--spectrum-button-border-color-disabled:transparent;--spectrum-button-content-color-disabled:var(--spectrum-disabled-content-color)}:host([variant=negative][treatment=outline]){--spectrum-button-background-color-hover:var(--spectrum-negative-color-200);--spectrum-button-background-color-down:var(--spectrum-negative-color-300);--spectrum-button-background-color-focus:var(--spectrum-negative-color-200);--spectrum-button-border-color-default:var(--spectrum-negative-color-900);--spectrum-button-border-color-hover:var(--spectrum-negative-color-1000);--spectrum-button-border-color-down:var(--spectrum-negative-color-1100);--spectrum-button-border-color-focus:var(--spectrum-negative-color-1000);--spectrum-button-border-color-disabled:var(--spectrum-disabled-border-color);--spectrum-button-content-color-default:var(--spectrum-negative-content-color-default);--spectrum-button-content-color-hover:var(--spectrum-negative-content-color-hover);--spectrum-button-content-color-down:var(--spectrum-negative-content-color-down);--spectrum-button-content-color-focus:var(--spectrum-negative-content-color-key-focus);--spectrum-button-content-color-disabled:var(--spectrum-disabled-content-color)}:host([variant=primary]){--spectrum-button-background-color-default:var(--spectrum-neutral-background-color-default);--spectrum-button-background-color-hover:var(--spectrum-neutral-background-color-hover);--spectrum-button-background-color-down:var(--spectrum-neutral-background-color-down);--spectrum-button-background-color-focus:var(--spectrum-neutral-background-color-key-focus);--spectrum-button-background-color-disabled:var(--spectrum-disabled-background-color);--spectrum-button-border-color-default:transparent;--spectrum-button-border-color-hover:transparent;--spectrum-button-border-color-down:transparent;--spectrum-button-border-color-focus:transparent;--spectrum-button-border-color-disabled:transparent}:host([variant=primary][treatment=outline]){--spectrum-button-border-color-default:var(--spectrum-gray-800);--spectrum-button-border-color-hover:var(--spectrum-gray-900);--spectrum-button-border-color-down:var(--spectrum-gray-900);--spectrum-button-border-color-focus:var(--spectrum-gray-900);--spectrum-button-content-color-default:var(--spectrum-neutral-content-color-default);--spectrum-button-content-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-button-content-color-down:var(--spectrum-neutral-content-color-down);--spectrum-button-content-color-focus:var(--spectrum-neutral-content-color-key-focus);--spectrum-button-border-color-disabled:var(--spectrum-disabled-border-color);--spectrum-button-content-color-disabled:var(--spectrum-disabled-content-color)}:host([variant=secondary]){--spectrum-button-background-color-disabled:var(--spectrum-disabled-background-color);--spectrum-button-border-color-default:transparent;--spectrum-button-border-color-hover:transparent;--spectrum-button-border-color-down:transparent;--spectrum-button-border-color-focus:transparent;--spectrum-button-border-color-disabled:transparent;--spectrum-button-content-color-default:var(--spectrum-neutral-content-color-default);--spectrum-button-content-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-button-content-color-down:var(--spectrum-neutral-content-color-down);--spectrum-button-content-color-focus:var(--spectrum-neutral-content-color-key-focus);--spectrum-button-content-color-disabled:var(--spectrum-disabled-content-color)}:host([variant=secondary][treatment=outline]){--spectrum-button-background-color-down:var(--spectrum-gray-400);--spectrum-button-border-color-default:var(--spectrum-gray-300);--spectrum-button-border-color-hover:var(--spectrum-gray-400);--spectrum-button-border-color-focus:var(--spectrum-gray-400);--spectrum-button-border-color-disabled:var(--spectrum-disabled-border-color);--spectrum-button-content-color-default:var(--spectrum-neutral-content-color-default);--spectrum-button-content-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-button-content-color-down:var(--spectrum-neutral-content-color-down);--spectrum-button-content-color-focus:var(--spectrum-neutral-content-color-key-focus);--spectrum-button-content-color-disabled:var(--spectrum-disabled-content-color)}:host([quiet]){--spectrum-button-background-color-hover:var(--spectrum-gray-200);--spectrum-button-background-color-down:var(--spectrum-gray-300);--spectrum-button-background-color-focus:var(--spectrum-gray-200)}:host([quiet]),:host([static-color=black]),:host([static-color=white]){--spectrum-button-border-color-default:transparent;--spectrum-button-border-color-hover:transparent;--spectrum-button-border-color-down:transparent;--spectrum-button-border-color-focus:transparent;--spectrum-button-border-color-disabled:transparent}:host([static-color=black][selected]),:host([static-color=white][selected]){--mod-button-content-color-default:var(--mod-button-static-content-color);--mod-button-content-color-hover:var(--mod-button-static-content-color);--mod-button-content-color-down:var(--mod-button-static-content-color);--mod-button-content-color-focus:var(--mod-button-static-content-color);--spectrum-button-border-color-disabled:transparent}:host([static-color=black][variant=secondary]),:host([static-color=white][variant=secondary]){--spectrum-button-border-color-default:transparent;--spectrum-button-border-color-hover:transparent;--spectrum-button-border-color-down:transparent;--spectrum-button-border-color-focus:transparent;--spectrum-button-border-color-disabled:transparent}:host([static-color=black][variant=secondary][treatment=outline]),:host([static-color=white][variant=secondary][treatment=outline]){--spectrum-button-background-color-disabled:transparent}:host([static-color=black][quiet]),:host([static-color=white][quiet]){--spectrum-button-border-color-default:transparent;--spectrum-button-border-color-hover:transparent;--spectrum-button-border-color-down:transparent;--spectrum-button-border-color-focus:transparent;--spectrum-button-border-color-disabled:transparent}:host([static-color=white]){--spectrum-button-content-color-disabled:var(--spectrum-disabled-static-white-content-color);--spectrum-button-background-color-disabled:var(--spectrum-disabled-static-white-background-color);--spectrum-button-focus-indicator-color:var(--spectrum-static-white-focus-indicator-color)}:host([static-color=white][treatment=outline]){--spectrum-button-content-color-disabled:var(--spectrum-disabled-static-white-content-color);--spectrum-button-border-color-disabled:var(--spectrum-disabled-static-white-border-color)}:host([static-color=white][variant=secondary]){--spectrum-button-background-color-disabled:var(--spectrum-disabled-static-white-background-color)}:host([static-color=black]){--spectrum-button-content-color-disabled:var(--spectrum-disabled-static-black-content-color);--spectrum-button-background-color-disabled:var(--spectrum-disabled-static-black-background-color);--spectrum-button-focus-indicator-color:var(--mod-static-black-focus-indicator-color,var(--spectrum-static-black-focus-indicator-color))}:host([static-color=black][treatment=outline]){--spectrum-button-content-color-disabled:var(--spectrum-disabled-static-black-content-color);--spectrum-button-border-color-disabled:var(--spectrum-disabled-static-black-border-color)}:host([static-color=black][variant=secondary]){--spectrum-button-background-color-disabled:var(--spectrum-disabled-static-black-background-color)}:host([treatment=outline]),:host([quiet]){--spectrum-button-background-color-default:transparent;--spectrum-button-background-color-disabled:transparent}:host{--spectrum-button-height:var(--mod-button-height,var(--spectrum-button-sized-height));--spectrum-button-min-width:var(--mod-button-min-width,calc(var(--spectrum-button-height)*var(--spectrum-button-minimum-width-multiplier)));--spectrum-button-line-height:var(--mod-button-line-height,1.2);--spectrum-button-font-size:var(--mod-button-font-size,var(--spectrum-button-sized-font-size));--spectrum-button-padding-label-to-icon:var(--mod-button-padding-label-to-icon,var(--spectrum-button-sized-padding-label-to-icon));--spectrum-button-edge-to-visual:var(--mod-button-edge-to-visual,var(--spectrum-button-sized-edge-to-visual));--spectrum-button-edge-to-visual-only:var(--mod-button-edge-to-visual-only,var(--spectrum-button-sized-edge-to-visual-only));--spectrum-button-edge-to-text:var(--mod-button-edge-to-text,var(--spectrum-button-sized-edge-to-text));--spectrum-button-top-to-text:var(--mod-button-top-to-text,var(--spectrum-button-sized-top-to-text));--spectrum-button-bottom-to-text:var(--mod-button-bottom-to-text,var(--spectrum-button-sized-bottom-to-text));--spectrum-button-top-to-icon:var(--mod-button-top-to-icon,var(--spectrum-button-sized-top-to-icon));--spectrum-button-focus-ring-thickness:var(--mod-button-focus-ring-thickness,var(--spectrum-focus-indicator-thickness));--spectrum-button-focus-indicator-color:var(--mod-button-focus-ring-color,var(--spectrum-focus-indicator-color));--spectrum-button-animation-duration:var(--mod-button-animation-duration,var(--spectrum-animation-duration-100));--spectrum-button-border-width:var(--mod-button-border-width,var(--spectrum-border-width-200));--spectrum-button-focus-ring-gap:var(--mod-focus-indicator-gap,var(--mod-button-focus-ring-gap,var(--spectrum-focus-indicator-gap)));--spectrum-button-border-radius:var(--mod-button-border-radius,calc(var(--spectrum-button-height)/2));--mod-progress-circle-position:absolute;border-radius:var(--spectrum-button-border-radius);border-width:var(--spectrum-button-border-width);font-size:var(--spectrum-button-font-size);font-weight:var(--mod-bold-font-weight,var(--spectrum-bold-font-weight));gap:var(--spectrum-button-padding-label-to-icon);max-inline-size:var(--mod-button-max-inline-size,none);min-inline-size:var(--spectrum-button-min-width);min-block-size:var(--spectrum-button-height);padding-block:0;padding-inline:var(--spectrum-button-edge-to-text);margin-block:var(--mod-button-margin-block);background-color:var(--highcontrast-button-background-color-default,var(--mod-button-background-color-default,var(--spectrum-button-background-color-default)));border-style:solid;border-color:var(--highcontrast-button-border-color-default,var(--mod-button-border-color-default,var(--spectrum-button-border-color-default)));color:var(--highcontrast-button-content-color-default,var(--mod-button-content-color-default,var(--spectrum-button-content-color-default,inherit)));transition:border var(--spectrum-button-animation-duration,.13s)linear,color var(--spectrum-button-animation-duration,.13s)linear,background-color var(--spectrum-button-animation-duration,.13s)linear;margin-inline-start:var(--mod-button-margin-left);margin-inline-end:var(--mod-button-margin-right);position:relative}:host([treatment=outline]){background-color:initial}:host:after{margin:var(--mod-button-focus-ring-border-radius,calc((var(--spectrum-button-focus-ring-gap) + var(--spectrum-button-border-width))*-1));transition:box-shadow var(--spectrum-button-animation-duration)ease-in-out;pointer-events:none;content:"";border-radius:calc(var(--spectrum-button-border-radius) + var(--spectrum-focus-indicator-gap));position:absolute;inset:0}:host(:focus-visible){background-color:var(--highcontrast-button-background-color-focus,var(--mod-button-background-color-focus,var(--spectrum-button-background-color-focus)));border-color:var(--highcontrast-button-border-color-focus,var(--mod-button-border-color-focus,var(--spectrum-button-border-color-focus)));color:var(--highcontrast-button-content-color-focus,var(--mod-button-content-color-focus,var(--spectrum-button-content-color-focus)));box-shadow:none;outline:none}:host([focused]):after,:host(:focus-visible):after{box-shadow:0 0 0 var(--spectrum-button-focus-ring-thickness)var(--spectrum-button-focus-indicator-color)}:host(:is(:active,[active])){background-color:var(--highcontrast-button-background-color-down,var(--mod-button-background-color-down,var(--spectrum-button-background-color-down)));border-color:var(--highcontrast-button-border-color-down,var(--mod-button-border-color-down,var(--spectrum-button-border-color-down)));color:var(--highcontrast-button-content-color-down,var(--mod-button-content-color-down,var(--spectrum-button-content-color-down)));box-shadow:none}@media (hover:hover){:host(:hover){background-color:var(--highcontrast-button-background-color-hover,var(--mod-button-background-color-hover,var(--spectrum-button-background-color-hover)));border-color:var(--highcontrast-button-border-color-hover,var(--mod-button-border-color-hover,var(--spectrum-button-border-color-hover)));color:var(--highcontrast-button-content-color-hover,var(--mod-button-content-color-hover,var(--spectrum-button-content-color-hover)));box-shadow:none}}:host .is-disabled,:host([pending]),:host([disabled]),:host([pending]){background-color:var(--highcontrast-button-background-color-disabled,var(--mod-button-background-color-disabled,var(--spectrum-button-background-color-disabled)));border-color:var(--highcontrast-button-border-color-disabled,var(--mod-button-border-color-disabled,var(--spectrum-button-border-color-disabled)));color:var(--highcontrast-button-content-color-disabled,var(--mod-button-content-color-disabled,var(--spectrum-button-content-color-disabled)))}::slotted([slot=icon]){--_icon-size-difference:max(0px,var(--spectrum-button-intended-icon-size) - var(--spectrum-icon-block-size,var(--spectrum-button-intended-icon-size)));margin-block-start:var(--mod-button-icon-margin-block-start,max(0px,var(--mod-button-top-to-icon,var(--spectrum-button-top-to-icon)) - var(--mod-button-border-width,var(--spectrum-button-border-width)) + (var(--_icon-size-difference,0px)/2)));margin-inline-start:calc(var(--mod-button-edge-to-visual,var(--spectrum-button-edge-to-visual)) - var(--mod-button-edge-to-text,var(--spectrum-button-edge-to-text)))}:host([icon-only]){padding:calc(var(--mod-button-edge-to-visual-only,var(--spectrum-button-edge-to-visual-only)) - var(--mod-button-border-width,var(--spectrum-button-border-width)))}#label,::slotted([slot=icon]){visibility:visible;opacity:1;transition:opacity var(--spectrum-button-animation-duration,.13s)ease-in-out}.spectrum-ProgressCircle{visibility:hidden;opacity:0;transition:opacity var(--spectrum-button-animation-duration,.13s)ease-in-out,visibility 0s linear var(--spectrum-button-animation-duration,.13s)}:host([pending]),:host([pending]){cursor:default}:host([pending]) .spectrum-ProgressCircle,:host([pending]) .spectrum-ProgressCircle{visibility:visible;opacity:1;transition:opacity var(--spectrum-button-animation-duration,.13s)ease-in-out}::slotted([slot=icon]){--_icon-size-difference:max(0px,calc(var(--spectrum-button-intended-icon-size) - var(--spectrum-icon-block-size,var(--spectrum-button-intended-icon-size))));color:inherit;flex-shrink:0;align-self:flex-start;margin-block-start:var(--mod-button-icon-margin-block-start,max(0px,calc(var(--spectrum-button-top-to-icon) - var(--spectrum-button-border-width) + var(--_icon-size-difference,0px)/2)));margin-inline-start:calc(var(--spectrum-button-edge-to-visual) - var(--spectrum-button-edge-to-text))}:host([icon-only]){min-inline-size:unset;padding:calc(var(--spectrum-button-edge-to-visual-only) - var(--spectrum-button-border-width));border-radius:50%}:host([icon-only]) ::slotted([slot=icon]){align-self:center;margin-block-start:0;margin-inline-start:0}:host([icon-only]):after{border-radius:50%}[name=icon]+#label{text-align:var(--mod-button-text-align-with-icon,start)}#label{line-height:var(--spectrum-button-line-height);text-align:var(--mod-button-text-align,center);align-self:start;padding-block-start:calc(var(--spectrum-button-top-to-text) - var(--spectrum-button-border-width));padding-block-end:calc(var(--spectrum-button-bottom-to-text) - var(--spectrum-button-border-width))}:host([no-wrap]) #label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (forced-colors:active){:host{--highcontrast-button-content-color-default:ButtonText;--highcontrast-button-content-color-hover:ButtonText;--highcontrast-button-content-color-focus:ButtonText;--highcontrast-button-content-color-down:ButtonText;--highcontrast-button-content-color-disabled:GrayText;--highcontrast-button-border-color-default:ButtonBorder;--highcontrast-button-border-color-hover:ButtonBorder;--highcontrast-button-border-color-focus:ButtonBorder;--highcontrast-button-border-color-down:ButtonBorder;--highcontrast-button-border-color-disabled:GrayText;--highcontrast-button-background-color-default:ButtonFace;--highcontrast-button-background-color-hover:ButtonFace;--highcontrast-button-background-color-down:ButtonFace;--highcontrast-button-background-color-focus:ButtonFace;--highcontrast-button-background-color-disabled:ButtonFace;--mod-progress-circle-track-border-color:ButtonText;--mod-progress-circle-track-border-color-over-background:ButtonText;--mod-progress-circle-thickness:var(--spectrum-progress-circle-thickness-medium);--spectrum-button-animation-duration:0s}#label{forced-color-adjust:none}:host(:focus-visible):after{forced-color-adjust:none;box-shadow:0 0 0 var(--spectrum-button-focus-ring-thickness)ButtonText}:host([variant=accent][treatment=fill]){--highcontrast-button-background-color-default:ButtonText;--highcontrast-button-background-color-hover:Highlight;--highcontrast-button-background-color-down:Highlight;--highcontrast-button-background-color-focus:Highlight;--highcontrast-button-background-color-disabled:ButtonFace;--highcontrast-button-content-color-default:ButtonFace;--highcontrast-button-content-color-hover:HighlightText;--highcontrast-button-content-color-down:HighlightText;--highcontrast-button-content-color-focus:HighlightText;--highcontrast-button-border-color-default:ButtonText;--highcontrast-button-border-color-hover:Highlight;--highcontrast-button-border-color-focus:Highlight;--highcontrast-button-border-color-down:Highlight}:host([static-color=white][variant=accent]){--highcontrast-button-content-color-disabled:GrayText}}:host{--spectrum-button-background-color-default:var(--system-button-background-color-default);--spectrum-button-background-color-hover:var(--system-button-background-color-hover);--spectrum-button-background-color-down:var(--system-button-background-color-down);--spectrum-button-background-color-focus:var(--system-button-background-color-focus);--spectrum-button-border-color-default:var(--system-button-border-color-default);--spectrum-button-border-color-hover:var(--system-button-border-color-hover);--spectrum-button-border-color-down:var(--system-button-border-color-down);--spectrum-button-border-color-focus:var(--system-button-border-color-focus);--spectrum-button-background-color-disabled:var(--system-button-background-color-disabled);--spectrum-button-border-color-disabled:var(--system-button-border-color-disabled)}:host([selected]){--spectrum-button-background-color-default:var(--system-button-selected-background-color-default);--spectrum-button-background-color-hover:var(--system-button-selected-background-color-hover);--spectrum-button-background-color-down:var(--system-button-selected-background-color-down);--spectrum-button-background-color-focus:var(--system-button-selected-background-color-focus)}:host([variant=primary]){--spectrum-button-content-color-default:var(--system-button-primary-content-color-default);--spectrum-button-content-color-hover:var(--system-button-primary-content-color-hover);--spectrum-button-content-color-down:var(--system-button-primary-content-color-down);--spectrum-button-content-color-focus:var(--system-button-primary-content-color-focus)}:host([variant=primary][treatment=outline]){--spectrum-button-background-color-hover:var(--system-button-primary-outline-background-color-hover);--spectrum-button-background-color-down:var(--system-button-primary-outline-background-color-down);--spectrum-button-background-color-focus:var(--system-button-primary-outline-background-color-focus)}:host([variant=secondary]){--spectrum-button-background-color-default:var(--system-button-secondary-background-color-default);--spectrum-button-background-color-hover:var(--system-button-secondary-background-color-hover);--spectrum-button-background-color-down:var(--system-button-secondary-background-color-down);--spectrum-button-background-color-focus:var(--system-button-secondary-background-color-focus)}:host([variant=secondary][treatment=outline]){--spectrum-button-background-color-hover:var(--system-button-secondary-outline-background-color-hover);--spectrum-button-background-color-down:var(--system-button-secondary-outline-background-color-down);--spectrum-button-background-color-focus:var(--system-button-secondary-outline-background-color-focus);--spectrum-button-border-color-default:var(--system-button-secondary-outline-border-color-default);--spectrum-button-border-color-down:var(--system-button-secondary-outline-border-color-down)}:host([static-color=white]){--spectrum-button-background-color-default:var(--system-button-static-white-background-color-default);--spectrum-button-background-color-hover:var(--system-button-static-white-background-color-hover);--spectrum-button-background-color-down:var(--system-button-static-white-background-color-down);--spectrum-button-background-color-focus:var(--system-button-static-white-background-color-focus);--spectrum-button-content-color-default:var(--system-button-static-white-content-color-default);--spectrum-button-content-color-hover:var(--system-button-static-white-content-color-hover);--spectrum-button-content-color-down:var(--system-button-static-white-content-color-down);--spectrum-button-content-color-focus:var(--system-button-static-white-content-color-focus)}:host([static-color=white][treatment=outline]){--spectrum-button-background-color-default:var(--system-button-static-white-outline-background-color-default);--spectrum-button-background-color-hover:var(--system-button-static-white-outline-background-color-hover);--spectrum-button-background-color-down:var(--system-button-static-white-outline-background-color-down);--spectrum-button-background-color-focus:var(--system-button-static-white-outline-background-color-focus);--spectrum-button-content-color-default:var(--system-button-static-white-outline-content-color-default);--spectrum-button-content-color-hover:var(--system-button-static-white-outline-content-color-hover);--spectrum-button-content-color-down:var(--system-button-static-white-outline-content-color-down);--spectrum-button-content-color-focus:var(--system-button-static-white-outline-content-color-focus);--spectrum-button-border-color-default:var(--system-button-static-white-outline-border-color-default);--spectrum-button-border-color-hover:var(--system-button-static-white-outline-border-color-hover);--spectrum-button-border-color-down:var(--system-button-static-white-outline-border-color-down);--spectrum-button-border-color-focus:var(--system-button-static-white-outline-border-color-focus)}:host([static-color=white][variant=secondary]){--spectrum-button-background-color-default:var(--system-button-static-white-secondary-background-color-default);--spectrum-button-background-color-hover:var(--system-button-static-white-secondary-background-color-hover);--spectrum-button-background-color-down:var(--system-button-static-white-secondary-background-color-down);--spectrum-button-background-color-focus:var(--system-button-static-white-secondary-background-color-focus);--spectrum-button-content-color-default:var(--system-button-static-white-secondary-content-color-default);--spectrum-button-content-color-hover:var(--system-button-static-white-secondary-content-color-hover);--spectrum-button-content-color-down:var(--system-button-static-white-secondary-content-color-down);--spectrum-button-content-color-focus:var(--system-button-static-white-secondary-content-color-focus)}:host([static-color=white][variant=secondary][treatment=outline]){--spectrum-button-border-color-default:var(--system-button-static-white-secondary-outline-border-color-default);--spectrum-button-border-color-hover:var(--system-button-static-white-secondary-outline-border-color-hover);--spectrum-button-border-color-down:var(--system-button-static-white-secondary-outline-border-color-down);--spectrum-button-border-color-focus:var(--system-button-static-white-secondary-outline-border-color-focus);--spectrum-button-background-color-default:var(--system-button-static-white-secondary-outline-background-color-default);--spectrum-button-background-color-hover:var(--system-button-static-white-secondary-outline-background-color-hover);--spectrum-button-background-color-down:var(--system-button-static-white-secondary-outline-background-color-down);--spectrum-button-background-color-focus:var(--system-button-static-white-secondary-outline-background-color-focus)}:host([static-color=black]){--spectrum-button-background-color-default:var(--system-button-static-black-background-color-default);--spectrum-button-background-color-hover:var(--system-button-static-black-background-color-hover);--spectrum-button-background-color-down:var(--system-button-static-black-background-color-down);--spectrum-button-background-color-focus:var(--system-button-static-black-background-color-focus);--spectrum-button-content-color-default:var(--system-button-static-black-content-color-default);--spectrum-button-content-color-hover:var(--system-button-static-black-content-color-hover);--spectrum-button-content-color-down:var(--system-button-static-black-content-color-down);--spectrum-button-content-color-focus:var(--system-button-static-black-content-color-focus)}:host([static-color=black][treatment=outline]){--spectrum-button-background-color-default:var(--system-button-static-black-outline-background-color-default);--spectrum-button-background-color-hover:var(--system-button-static-black-outline-background-color-hover);--spectrum-button-background-color-down:var(--system-button-static-black-outline-background-color-down);--spectrum-button-background-color-focus:var(--system-button-static-black-outline-background-color-focus);--spectrum-button-content-color-default:var(--system-button-static-black-outline-content-color-default);--spectrum-button-content-color-hover:var(--system-button-static-black-outline-content-color-hover);--spectrum-button-content-color-down:var(--system-button-static-black-outline-content-color-down);--spectrum-button-content-color-focus:var(--system-button-static-black-outline-content-color-focus);--spectrum-button-border-color-default:var(--system-button-static-black-outline-border-color-default);--spectrum-button-border-color-hover:var(--system-button-static-black-outline-border-color-hover);--spectrum-button-border-color-down:var(--system-button-static-black-outline-border-color-down);--spectrum-button-border-color-focus:var(--system-button-static-black-outline-border-color-focus)}:host([static-color=black][variant=secondary]){--spectrum-button-background-color-default:var(--system-button-static-black-secondary-background-color-default);--spectrum-button-background-color-hover:var(--system-button-static-black-secondary-background-color-hover);--spectrum-button-background-color-down:var(--system-button-static-black-secondary-background-color-down);--spectrum-button-background-color-focus:var(--system-button-static-black-secondary-background-color-focus);--spectrum-button-content-color-default:var(--system-button-static-black-secondary-content-color-default);--spectrum-button-content-color-hover:var(--system-button-static-black-secondary-content-color-hover);--spectrum-button-content-color-down:var(--system-button-static-black-secondary-content-color-down);--spectrum-button-content-color-focus:var(--system-button-static-black-secondary-content-color-focus)}:host([static-color=black][variant=secondary][treatment=outline]){--spectrum-button-border-color-default:var(--system-button-static-black-secondary-outline-border-color-default);--spectrum-button-border-color-hover:var(--system-button-static-black-secondary-outline-border-color-hover);--spectrum-button-border-color-down:var(--system-button-static-black-secondary-outline-border-color-down);--spectrum-button-border-color-focus:var(--system-button-static-black-secondary-outline-border-color-focus);--spectrum-button-background-color-default:var(--system-button-static-black-secondary-outline-background-color-default);--spectrum-button-background-color-hover:var(--system-button-static-black-secondary-outline-background-color-hover);--spectrum-button-background-color-down:var(--system-button-static-black-secondary-outline-background-color-down);--spectrum-button-background-color-focus:var(--system-button-static-black-secondary-outline-background-color-focus)}@media (forced-colors:active){:host([treatment][disabled]){border-color:graytext}:host([treatment]:not([disabled]):hover){border-color:highlight}:host(.remove-focus-ring-safari-hack:focus-visible):after{forced-color-adjust:none;box-shadow:none}}@keyframes show-progress-circle{0%{visibility:hidden}to{visibility:visible}}@keyframes hide-icons-label{0%{visibility:visible}to{visibility:hidden}}@keyframes update-pending-button-styles{to{background-color:var(--highcontrast-button-background-color-disabled,var(--mod-button-background-color-disabled,var(--spectrum-button-background-color-disabled)));border-color:var(--highcontrast-button-border-color-disabled,var(--mod-button-border-color-disabled,var(--spectrum-button-border-color-disabled)));color:var(--highcontrast-button-content-color-disabled,var(--mod-button-content-color-disabled,var(--spectrum-button-content-color-disabled)))}}:host([pending]:not([disabled])){cursor:default;pointer-events:none;animation:update-pending-button-styles 0s var(--pending-delay,1s)forwards}::slotted([slot=icon]){visibility:revert-layer;--mod-progress-circle-position:relative;--spectrum-icon-size:inherit}sp-progress-circle{visibility:hidden;display:block;position:absolute;left:50%;transform:translate(-50%)}:host([pending]:not([disabled])) sp-progress-circle{animation:show-progress-circle 0s var(--pending-delay,1s)forwards}:host([pending]:not([disabled])) slot[name=icon],:host([pending]:not([disabled])) #label{animation:hide-icons-label 0s var(--pending-delay,1s)forwards}:host(.remove-focus-ring-safari-hack:focus-visible):after{margin:calc(-1*var(--mod-button-focus-indicator-gap,var(--mod-focus-indicator-gap,var(--spectrum-focus-indicator-gap))));box-shadow:none}:host(.remove-focus-ring-safari-hack:focus-visible){box-shadow:none;outline:none}:host(.remove-focus-ring-safari-hack:focus-visible:not(:hover)){background-color:var(--highcontrast-button-background-color-default,var(--mod-button-background-color-default,var(--spectrum-button-background-color-default)));border-color:var(--highcontrast-button-border-color-default,var(--mod-button-border-color-default,var(--spectrum-button-border-color-default)));color:var(--highcontrast-button-content-color-default,var(--mod-button-content-color-default,var(--spectrum-button-content-color-default)))} -`,Ru=Gf;Qr();Ur();var Zs=class{constructor(t){this.cachedAriaLabel=null,this.host=t,this.host.addController(this)}renderPendingState(){return this.host.pending?c` +`,qu=Xf;Qr();Ur();var Zs=class{constructor(t){this.cachedAriaLabel=null,this.host=t,this.host.addController(this)}renderPendingState(){return this.host.pending?c` - `:c``}updateAriaLabel(){let{pending:t,disabled:e,pendingLabel:r}=this.host,s=this.host.getAttribute("aria-label");function i(a,d,m){return!a&&d!==m||a!==d&&d!==m}i(this.cachedAriaLabel,s,r)&&(this.cachedAriaLabel=s),t&&!e?this.host.setAttribute("aria-label",r||"Pending"):this.cachedAriaLabel?this.host.setAttribute("aria-label",this.cachedAriaLabel):this.host.removeAttribute("aria-label")}hostConnected(){this.cachedAriaLabel||(this.cachedAriaLabel=this.host.getAttribute("aria-label")),this.updateAriaLabel()}hostUpdated(){this.updateAriaLabel()}};var e1=Object.defineProperty,r1=Object.getOwnPropertyDescriptor,gr=(o,t,e,r)=>{for(var s=r>1?void 0:r?r1(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&e1(t,e,s),s},o1=["accent","primary","secondary","negative","white","black"];var Qt=class extends R(yt,{noDefaultSize:!0}){constructor(){super(),this.pendingLabel="Pending",this.pending=!1,this._variant="accent",this.treatment="fill",this.noWrap=!1,this.pendingStateController=new Zs(this)}static get styles(){return[...super.styles,Ru]}click(){this.pending||super.click()}get variant(){return this._variant}set variant(t){if(t!==this.variant){switch(this.requestUpdate("variant",this.variant),t){case"cta":this._variant="accent";break;case"overBackground":this.removeAttribute("variant"),this.staticColor="white",this.treatment="outline";return;case"white":this.staticColor="white";return;case"black":this.staticColor="black";return;case null:return;default:o1.includes(t)?this._variant=t:this._variant="accent";break}this.setAttribute("variant",this.variant)}}set quiet(t){this.treatment=t?"outline":"fill"}get quiet(){return this.treatment==="outline"}firstUpdated(t){super.firstUpdated(t),this.hasAttribute("variant")||this.setAttribute("variant",this.variant),this.pending&&this.pendingStateController.hostUpdated()}renderButton(){return c` + `:c``}updateAriaLabel(){let{pending:t,disabled:e,pendingLabel:r}=this.host,s=this.host.getAttribute("aria-label");function i(a,d,m){return!a&&d!==m||a!==d&&d!==m}i(this.cachedAriaLabel,s,r)&&(this.cachedAriaLabel=s),t&&!e?this.host.setAttribute("aria-label",r||"Pending"):this.cachedAriaLabel?this.host.setAttribute("aria-label",this.cachedAriaLabel):this.host.removeAttribute("aria-label")}hostConnected(){this.cachedAriaLabel||(this.cachedAriaLabel=this.host.getAttribute("aria-label")),this.updateAriaLabel()}hostUpdated(){this.updateAriaLabel()}};var s1=Object.defineProperty,i1=Object.getOwnPropertyDescriptor,gr=(o,t,e,r)=>{for(var s=r>1?void 0:r?i1(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&s1(t,e,s),s},a1=["accent","primary","secondary","negative","white","black"];var Qt=class extends R(yt,{noDefaultSize:!0}){constructor(){super(),this.pendingLabel="Pending",this.pending=!1,this._variant="accent",this.treatment="fill",this.noWrap=!1,this.pendingStateController=new Zs(this)}static get styles(){return[...super.styles,qu]}click(){this.pending||super.click()}get variant(){return this._variant}set variant(t){if(t!==this.variant){switch(this.requestUpdate("variant",this.variant),t){case"cta":this._variant="accent";break;case"overBackground":this.removeAttribute("variant"),this.staticColor="white",this.treatment="outline";return;case"white":this.staticColor="white";return;case"black":this.staticColor="black";return;case null:return;default:a1.includes(t)?this._variant=t:this._variant="accent";break}this.setAttribute("variant",this.variant)}}set quiet(t){this.treatment=t?"outline":"fill"}get quiet(){return this.treatment==="outline"}firstUpdated(t){super.firstUpdated(t),this.hasAttribute("variant")||this.setAttribute("variant",this.variant),this.pending&&this.pendingStateController.hostUpdated()}renderButton(){return c` ${this.buttonContent} ${this.pendingStateController.renderPendingState()} - `}};gr([n({type:String,attribute:"pending-label"})],Qt.prototype,"pendingLabel",2),gr([n({type:Boolean,reflect:!0,attribute:!0})],Qt.prototype,"pending",2),gr([n()],Qt.prototype,"variant",1),gr([n({reflect:!0,attribute:"static-color"})],Qt.prototype,"staticColor",2),gr([n({reflect:!0})],Qt.prototype,"treatment",2),gr([n({type:Boolean})],Qt.prototype,"quiet",1),gr([n({type:Boolean,attribute:"no-wrap",reflect:!0})],Qt.prototype,"noWrap",2);p();L();var to=class extends yt{};p();var s1=y` + `}};gr([n({type:String,attribute:"pending-label"})],Qt.prototype,"pendingLabel",2),gr([n({type:Boolean,reflect:!0,attribute:!0})],Qt.prototype,"pending",2),gr([n()],Qt.prototype,"variant",1),gr([n({reflect:!0,attribute:"static-color"})],Qt.prototype,"staticColor",2),gr([n({reflect:!0})],Qt.prototype,"treatment",2),gr([n({type:Boolean})],Qt.prototype,"quiet",1),gr([n({type:Boolean,attribute:"no-wrap",reflect:!0})],Qt.prototype,"noWrap",2);p();L();var to=class extends yt{};p();var c1=y` :host{--spectrum-clear-button-background-color:var(--system-clear-button-background-color);--spectrum-clear-button-background-color-hover:var(--system-clear-button-background-color-hover);--spectrum-clear-button-background-color-down:var(--system-clear-button-background-color-down);--spectrum-clear-button-background-color-key-focus:var(--system-clear-button-background-color-key-focus)}:host([static-color=white]){--spectrum-clear-button-background-color-hover:var(--system-clear-button-static-white-background-color-hover);--spectrum-clear-button-background-color-down:var(--system-clear-button-static-white-background-color-down);--spectrum-clear-button-background-color-key-focus:var(--system-clear-button-static-white-background-color-key-focus)}:host{--spectrum-clear-button-height:var(--spectrum-component-height-100);--spectrum-clear-button-width:var(--spectrum-component-height-100);--spectrum-clear-button-padding:var(--spectrum-in-field-button-edge-to-fill);--spectrum-clear-button-icon-color:var(--spectrum-neutral-content-color-default);--spectrum-clear-button-icon-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-clear-button-icon-color-down:var(--spectrum-neutral-content-color-down);--spectrum-clear-button-icon-color-key-focus:var(--spectrum-neutral-content-color-key-focus);box-sizing:border-box;block-size:var(--mod-clear-button-height,var(--spectrum-clear-button-height));inline-size:var(--mod-clear-button-width,var(--spectrum-clear-button-width));background-color:var(--mod-clear-button-background-color,transparent);padding:var(--mod-clear-button-padding,var(--spectrum-clear-button-padding));color:var(--mod-clear-button-icon-color,var(--spectrum-clear-button-icon-color));border:none;border-radius:100%;margin:0}:host([size=s]){--spectrum-clear-button-height:var(--spectrum-component-height-75);--spectrum-clear-button-width:var(--spectrum-component-height-75)}:host([size=l]){--spectrum-clear-button-height:var(--spectrum-component-height-200);--spectrum-clear-button-width:var(--spectrum-component-height-200)}:host([size=xl]){--spectrum-clear-button-height:var(--spectrum-component-height-300);--spectrum-clear-button-width:var(--spectrum-component-height-300)}:host([quiet]){--mod-clear-button-background-color:transparent;--mod-clear-button-background-color-hover:transparent;--mod-clear-button-background-color-down:transparent;--mod-clear-button-background-color-key-focus:transparent}:host([static-color=white]){--mod-clear-button-icon-color:var(--spectrum-white);--mod-clear-button-icon-color-hover:var(--spectrum-white);--mod-clear-button-icon-color-down:var(--spectrum-white);--mod-clear-button-icon-color-key-focus:var(--spectrum-white);--mod-clear-button-icon-color-disabled:var(--spectrum-disabled-static-white-content-color);--mod-clear-button-background-color:transparent}:host(:disabled),:host([disabled]){--mod-clear-button-icon-color:var(--mod-clear-button-icon-color-disabled,var(--spectrum-disabled-content-color));--mod-clear-button-icon-color-hover:var(--spectrum-disabled-content-color);--mod-clear-button-icon-color-down:var(--spectrum-disabled-content-color);--mod-clear-button-background-color:var(--mod-clear-button-background-color-disabled,transparent)}:host(:not(:disabled)),:host(:not([disabled])){cursor:pointer}.icon{margin-block:0;margin-inline:auto}@media (hover:hover){:host(:hover:not(:disabled)),:host(:hover:not([disabled])){color:var(--highcontrast-clear-button-icon-color-hover,var(--mod-clear-button-icon-color-hover,var(--spectrum-clear-button-icon-color-hover)))}:host(:hover:not(:disabled)) .fill,:host(:hover:not([disabled])) .fill{background-color:var(--mod-clear-button-background-color-hover,var(--spectrum-clear-button-background-color-hover))}}:host(:is(:active,[active]):not(:disabled)),:host(:is(:active,[active]):not([disabled])){color:var(--mod-clear-button-icon-color-down,var(--spectrum-clear-button-icon-color-down))}:host(:is(:active,[active]):not(:disabled)),:host(:is(:active,[active]):not([disabled])) .fill{background-color:var(--mod-clear-button-background-color-down,var(--spectrum-clear-button-background-color-down))}:host(:not(:disabled):focus-visible),:host(:not([disabled]):focus-visible),:host(:not(:disabled):focus-within),:host(:not([disabled]):focus-within){color:var(--mod-clear-button-icon-color-key-focus,var(--spectrum-clear-button-icon-color-key-focus))}:host(:not(:disabled):focus-visible) .fill,:host(:not([disabled]):focus-visible) .fill,:host(:not(:disabled):focus-within) .fill,:host(:not([disabled]):focus-within) .fill{background-color:var(--mod-clear-button-background-color-key-focus,var(--spectrum-clear-button-background-color-key-focus))}.icon{color:inherit}.fill{background-color:var(--mod-clear-button-background-color,var(--spectrum-clear-button-background-color));border-radius:100%;justify-content:center;align-items:center;block-size:100%;inline-size:100%;display:flex}:host([variant=overBackground]:focus-visible),:host([static-color=white]:focus-visible){outline:none}@media (forced-colors:active){:host(:not(:disabled)),:host(:not([disabled])){--highcontrast-clear-button-icon-color-hover:Highlight}} -`,Ku=s1;p();p();var vl=Symbol("system resolver updated"),Ks=class{constructor(t){this.system="spectrum",this.host=t,this.host.addController(this)}hostConnected(){this.resolveSystem()}hostDisconnected(){var t;(t=this.unsubscribe)==null||t.call(this)}resolveSystem(){let t=new CustomEvent("sp-system-context",{bubbles:!0,composed:!0,detail:{callback:(e,r)=>{let s=this.system;this.system=e,this.unsubscribe=r,this.host.requestUpdate(vl,s)}},cancelable:!0});this.host.dispatchEvent(t)}};L();p();var i1=y` +`,Gu=c1;p();p();var fl=Symbol("system resolver updated"),Ks=class{constructor(t){this.system="spectrum",this.host=t,this.host.addController(this)}hostConnected(){this.resolveSystem()}hostDisconnected(){var t;(t=this.unsubscribe)==null||t.call(this)}resolveSystem(){let t=new CustomEvent("sp-system-context",{bubbles:!0,composed:!0,detail:{callback:(e,r)=>{let s=this.system;this.system=e,this.unsubscribe=r,this.host.requestUpdate(fl,s)}},cancelable:!0});this.host.dispatchEvent(t)}};L();p();var n1=y` :host{--spectrum-icon-inline-size:var(--mod-icon-inline-size,var(--mod-icon-size,var(--spectrum-icon-size)));--spectrum-icon-block-size:var(--mod-icon-block-size,var(--mod-icon-size,var(--spectrum-icon-size)));inline-size:var(--spectrum-icon-inline-size);block-size:var(--spectrum-icon-block-size);color:var(--mod-icon-color,inherit);fill:currentColor;pointer-events:none;display:inline-block}@media (forced-colors:active){:host{forced-color-adjust:auto}}:host{--spectrum-icon-size:var(--spectrum-workflow-icon-size-100)}:host([size=xxs]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-xxs)}:host([size=xs]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-50)}:host([size=s]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-75)}:host([size=l]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-200)}:host([size=xl]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-300)}:host([size=xxl]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-xxl)}#container{height:100%}img,svg,::slotted(*){vertical-align:top;width:100%;height:100%;color:inherit}@media (forced-colors:active){img,svg,::slotted(*){forced-color-adjust:auto}}:host(:not(:root)){overflow:hidden} -`,Gu=i1;var a1=Object.defineProperty,c1=Object.getOwnPropertyDescriptor,fl=(o,t,e,r)=>{for(var s=r>1?void 0:r?c1(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&a1(t,e,s),s},h=class extends E{constructor(){super(...arguments),this.unsubscribeSystemContext=null,this.spectrumVersion=1,this.label="",this.systemResolver=new Ks(this)}static get styles(){return[Gu]}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback(),this.unsubscribeSystemContext&&(this.unsubscribeSystemContext(),this.unsubscribeSystemContext=null)}update(t){t.has("label")&&(this.label?this.removeAttribute("aria-hidden"):this.setAttribute("aria-hidden","true")),t.has(vl)&&(this.spectrumVersion=this.systemResolver.system==="spectrum-two"?2:1),super.update(t)}render(){return c` +`,Wu=n1;var l1=Object.defineProperty,d1=Object.getOwnPropertyDescriptor,xl=(o,t,e,r)=>{for(var s=r>1?void 0:r?d1(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&l1(t,e,s),s},h=class extends E{constructor(){super(...arguments),this.unsubscribeSystemContext=null,this.spectrumVersion=1,this.label="",this.systemResolver=new Ks(this)}static get styles(){return[Wu]}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback(),this.unsubscribeSystemContext&&(this.unsubscribeSystemContext(),this.unsubscribeSystemContext=null)}update(t){t.has("label")&&(this.label?this.removeAttribute("aria-hidden"):this.setAttribute("aria-hidden","true")),t.has(fl)&&(this.spectrumVersion=this.systemResolver.system==="spectrum-two"?2:1),super.update(t)}render(){return c` - `}};fl([W()],h.prototype,"spectrumVersion",2),fl([n({reflect:!0})],h.prototype,"label",2),fl([n({reflect:!0})],h.prototype,"size",2);p();L();J();var Gs=class o{constructor(){this.iconsetMap=new Map}static getInstance(){return o.instance||(o.instance=new o),o.instance}addIconset(t,e){this.iconsetMap.set(t,e);let r=new CustomEvent("sp-iconset-added",{bubbles:!0,composed:!0,detail:{name:t,iconset:e}});setTimeout(()=>window.dispatchEvent(r),0)}removeIconset(t){this.iconsetMap.delete(t);let e=new CustomEvent("sp-iconset-removed",{bubbles:!0,composed:!0,detail:{name:t}});setTimeout(()=>window.dispatchEvent(e),0)}getIconset(t){return this.iconsetMap.get(t)}};var n1=Object.defineProperty,l1=Object.getOwnPropertyDescriptor,xl=(o,t,e,r)=>{for(var s=r>1?void 0:r?l1(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&n1(t,e,s),s},vr=class extends h{constructor(){super(...arguments),this.iconsetListener=t=>{if(!this.name)return;let e=this.parseIcon(this.name);t.detail.name===e.iconset&&(this.updateIconPromise=this.updateIcon())}}connectedCallback(){super.connectedCallback(),window.addEventListener("sp-iconset-added",this.iconsetListener)}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("sp-iconset-added",this.iconsetListener)}firstUpdated(){this.updateIconPromise=this.updateIcon()}attributeChangedCallback(t,e,r){super.attributeChangedCallback(t,e,r),this.updateIconPromise=this.updateIcon()}announceIconImageSrcError(){this.dispatchEvent(new Event("error",{cancelable:!1,bubbles:!1,composed:!1}))}render(){return this.name?c` + `}};xl([W()],h.prototype,"spectrumVersion",2),xl([n({reflect:!0})],h.prototype,"label",2),xl([n({reflect:!0})],h.prototype,"size",2);p();L();J();var Gs=class o{constructor(){this.iconsetMap=new Map}static getInstance(){return o.instance||(o.instance=new o),o.instance}addIconset(t,e){this.iconsetMap.set(t,e);let r=new CustomEvent("sp-iconset-added",{bubbles:!0,composed:!0,detail:{name:t,iconset:e}});setTimeout(()=>window.dispatchEvent(r),0)}removeIconset(t){this.iconsetMap.delete(t);let e=new CustomEvent("sp-iconset-removed",{bubbles:!0,composed:!0,detail:{name:t}});setTimeout(()=>window.dispatchEvent(e),0)}getIconset(t){return this.iconsetMap.get(t)}};var u1=Object.defineProperty,m1=Object.getOwnPropertyDescriptor,yl=(o,t,e,r)=>{for(var s=r>1?void 0:r?m1(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&u1(t,e,s),s},vr=class extends h{constructor(){super(...arguments),this.iconsetListener=t=>{if(!this.name)return;let e=this.parseIcon(this.name);t.detail.name===e.iconset&&(this.updateIconPromise=this.updateIcon())}}connectedCallback(){super.connectedCallback(),window.addEventListener("sp-iconset-added",this.iconsetListener)}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("sp-iconset-added",this.iconsetListener)}firstUpdated(){this.updateIconPromise=this.updateIcon()}attributeChangedCallback(t,e,r){super.attributeChangedCallback(t,e,r),this.updateIconPromise=this.updateIcon()}announceIconImageSrcError(){this.dispatchEvent(new Event("error",{cancelable:!1,bubbles:!1,composed:!1}))}render(){return this.name?c`
`:this.src?c` ${T(this.label)} - `:super.render()}async updateIcon(){if(this.updateIconPromise&&await this.updateIconPromise,!this.name)return Promise.resolve();let t=this.parseIcon(this.name),e=Gs.getInstance().getIconset(t.iconset);return!e||!this.iconContainer?Promise.resolve():(this.iconContainer.innerHTML="",e.applyIconToElement(this.iconContainer,t.icon,this.size||"",this.label?this.label:""))}parseIcon(t){let e=t.split(":"),r="default",s=t;return e.length>1&&(r=e[0],s=e[1]),{iconset:r,icon:s}}async getUpdateComplete(){let t=await super.getUpdateComplete();return await this.updateIconPromise,t}};xl([n()],vr.prototype,"src",2),xl([n()],vr.prototype,"name",2),xl([P("#container")],vr.prototype,"iconContainer",2);var yl,$=function(o,...t){return yl?yl(o,...t):t.reduce((e,r,s)=>e+r+o[s+1],o[0])},j=o=>{yl=o};var Wu=({width:o=24,height:t=24,hidden:e=!1,title:r="Cross75"}={})=>$`1&&(r=e[0],s=e[1]),{iconset:r,icon:s}}async getUpdateComplete(){let t=await super.getUpdateComplete();return await this.updateIconPromise,t}};yl([n()],vr.prototype,"src",2),yl([n()],vr.prototype,"name",2),yl([P("#container")],vr.prototype,"iconContainer",2);var wl,$=function(o,...t){return wl?wl(o,...t):t.reduce((e,r,s)=>e+r+o[s+1],o[0])},j=o=>{wl=o};var Yu=({width:o=24,height:t=24,hidden:e=!1,title:r="Cross75"}={})=>$` - `;var Yu=({width:o=24,height:t=24,hidden:e=!1,title:r="Cross75"}={})=>$``;var Xu=({width:o=24,height:t=24,hidden:e=!1,title:r="Cross75"}={})=>$` - `;var Ws=class extends h{render(){return j(c),this.spectrumVersion===2?Wu({hidden:!this.label,title:this.label}):Yu({hidden:!this.label,title:this.label})}};x();l("sp-icon-cross75",Ws);p();var Xu=({width:o=24,height:t=24,hidden:e=!1,title:r="Cross100"}={})=>$``;var Ws=class extends h{render(){return j(c),this.spectrumVersion===2?Yu({hidden:!this.label,title:this.label}):Xu({hidden:!this.label,title:this.label})}};x();l("sp-icon-cross75",Ws);p();var Ju=({width:o=24,height:t=24,hidden:e=!1,title:r="Cross100"}={})=>$` - `;var Ju=({width:o=24,height:t=24,hidden:e=!1,title:r="Cross100"}={})=>$``;var Qu=({width:o=24,height:t=24,hidden:e=!1,title:r="Cross100"}={})=>$` - `;var Ys=class extends h{render(){return j(c),this.spectrumVersion===2?Xu({hidden:!this.label,title:this.label}):Ju({hidden:!this.label,title:this.label})}};x();l("sp-icon-cross100",Ys);p();var Qu=({width:o=24,height:t=24,hidden:e=!1,title:r="Cross200"}={})=>$``;var Ys=class extends h{render(){return j(c),this.spectrumVersion===2?Ju({hidden:!this.label,title:this.label}):Qu({hidden:!this.label,title:this.label})}};x();l("sp-icon-cross100",Ys);p();var tm=({width:o=24,height:t=24,hidden:e=!1,title:r="Cross200"}={})=>$` - `;var tm=({width:o=24,height:t=24,hidden:e=!1,title:r="Cross200"}={})=>$``;var em=({width:o=24,height:t=24,hidden:e=!1,title:r="Cross200"}={})=>$` - `;var Xs=class extends h{render(){return j(c),this.spectrumVersion===2?Qu({hidden:!this.label,title:this.label}):tm({hidden:!this.label,title:this.label})}};x();l("sp-icon-cross200",Xs);p();var em=({width:o=24,height:t=24,hidden:e=!1,title:r="Cross300"}={})=>$``;var Xs=class extends h{render(){return j(c),this.spectrumVersion===2?tm({hidden:!this.label,title:this.label}):em({hidden:!this.label,title:this.label})}};x();l("sp-icon-cross200",Xs);p();var rm=({width:o=24,height:t=24,hidden:e=!1,title:r="Cross300"}={})=>$` - `;var rm=({width:o=24,height:t=24,hidden:e=!1,title:r="Cross300"}={})=>$``;var om=({width:o=24,height:t=24,hidden:e=!1,title:r="Cross300"}={})=>$` - `;var Js=class extends h{render(){return j(c),this.spectrumVersion===2?em({hidden:!this.label,title:this.label}):rm({hidden:!this.label,title:this.label})}};x();l("sp-icon-cross300",Js);p();var d1=y` + `;var Js=class extends h{render(){return j(c),this.spectrumVersion===2?rm({hidden:!this.label,title:this.label}):om({hidden:!this.label,title:this.label})}};x();l("sp-icon-cross300",Js);p();var p1=y` .spectrum-UIIcon-Cross75{--spectrum-icon-size:var(--spectrum-cross-icon-size-75)}.spectrum-UIIcon-Cross100{--spectrum-icon-size:var(--spectrum-cross-icon-size-100)}.spectrum-UIIcon-Cross200{--spectrum-icon-size:var(--spectrum-cross-icon-size-200)}.spectrum-UIIcon-Cross300{--spectrum-icon-size:var(--spectrum-cross-icon-size-300)}.spectrum-UIIcon-Cross400{--spectrum-icon-size:var(--spectrum-cross-icon-size-400)}.spectrum-UIIcon-Cross500{--spectrum-icon-size:var(--spectrum-cross-icon-size-500)}.spectrum-UIIcon-Cross600{--spectrum-icon-size:var(--spectrum-cross-icon-size-600)} -`,Qs=d1;var u1=Object.defineProperty,m1=Object.getOwnPropertyDescriptor,wl=(o,t,e,r)=>{for(var s=r>1?void 0:r?m1(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&u1(t,e,s),s},p1={s:()=>c` +`,Qs=p1;var h1=Object.defineProperty,b1=Object.getOwnPropertyDescriptor,kl=(o,t,e,r)=>{for(var s=r>1?void 0:r?b1(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&h1(t,e,s),s},g1={s:()=>c` - `},fr=class extends R(to,{noDefaultSize:!0}){constructor(){super(...arguments),this.quiet=!1}static get styles(){return[...super.styles,Ku,Qs]}set variant(t){let e=this._variant,r=this.staticColor;if(t!=="overBackground"){this.removeAttribute("variant"),this._variant=void 0,this.staticColor=void 0;return}this.setAttribute("variant",t),this._variant=t,this.staticColor="white",this.requestUpdate("variant",e),this.requestUpdate("staticColor",r)}get variant(){return this._variant}get buttonContent(){return[p1[this.size]()]}render(){return c` + `},fr=class extends R(to,{noDefaultSize:!0}){constructor(){super(...arguments),this.quiet=!1}static get styles(){return[...super.styles,Gu,Qs]}set variant(t){let e=this._variant,r=this.staticColor;if(t!=="overBackground"){this.removeAttribute("variant"),this._variant=void 0,this.staticColor=void 0;return}this.setAttribute("variant",t),this._variant=t,this.staticColor="white",this.requestUpdate("variant",e),this.requestUpdate("staticColor",r)}get variant(){return this._variant}get buttonContent(){return[g1[this.size]()]}render(){return c`
${super.render()}
- `}};wl([n({type:Boolean,reflect:!0})],fr.prototype,"quiet",2),wl([n({reflect:!0})],fr.prototype,"variant",1),wl([n({reflect:!0,attribute:"static-color"})],fr.prototype,"staticColor",2);p();L();p();var h1=y` + `}};kl([n({type:Boolean,reflect:!0})],fr.prototype,"quiet",2),kl([n({reflect:!0})],fr.prototype,"variant",1),kl([n({reflect:!0,attribute:"static-color"})],fr.prototype,"staticColor",2);p();L();p();var v1=y` :host{cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;font-family:var(--mod-button-font-family,var(--mod-sans-font-family-stack,var(--spectrum-sans-font-family-stack)));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:var(--mod-button-line-height,var(--mod-line-height-100,var(--spectrum-line-height-100)));text-transform:none;vertical-align:top;-webkit-appearance:button;transition:background var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100)))ease-out,border-color var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100)))ease-out,color var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100)))ease-out,box-shadow var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100)))ease-out;border-style:solid;margin:0;-webkit-text-decoration:none;text-decoration:none;overflow:visible}:host(:focus){outline:none}:host([disabled]),:host([disabled]){cursor:default}:host a{-webkit-user-select:none;user-select:none;-webkit-appearance:none}@media (forced-colors:active){:host{--highcontrast-closebutton-icon-color-disabled:GrayText;--highcontrast-closebutton-icon-color-down:Highlight;--highcontrast-closebutton-icon-color-hover:Highlight;--highcontrast-closebutton-icon-color-focus:Highlight;--highcontrast-closebutton-background-color-default:ButtonFace;--highcontrast-closebutton-focus-indicator-color:ButtonText}:host(:focus-visible):after{forced-color-adjust:none;margin:var(--mod-closebutton-focus-indicator-gap,var(--spectrum-closebutton-focus-indicator-gap));transition:opacity var(--mod-closebutton-animation-duration,var(--spectrum-closebutton-animation-duration))ease-out,margin var(--mod-closebutton-animation-duraction,var(--spectrum-closebutton-animation-duration))ease-out}:host([static-color=black]){--highcontrast-closebutton-static-background-color-default:ButtonFace;--highcontrast-closebutton-icon-color-default:Highlight;--highcontrast-closebutton-icon-color-disabled:GrayText}:host([static-color=white]){--highcontrast-closebutton-static-background-color-default:ButtonFace;--highcontrast-closebutton-icon-color-default:Highlight;--highcontrast-closebutton-icon-color-disabled:Highlight}}:host{--spectrum-closebutton-icon-color-default:var(--spectrum-neutral-content-color-default);--spectrum-closebutton-icon-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-closebutton-icon-color-down:var(--spectrum-neutral-content-color-down);--spectrum-closebutton-icon-color-focus:var(--spectrum-neutral-content-color-key-focus);--spectrum-closebutton-icon-color-disabled:var(--spectrum-disabled-content-color);--spectrum-closebutton-focus-indicator-thickness:var(--spectrum-focus-indicator-thickness);--spectrum-closebutton-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-closebutton-focus-indicator-color:var(--spectrum-focus-indicator-color);--spectrum-closebutton-animation-duration:var(--spectrum-animation-duration-100);block-size:var(--mod-closebutton-height,var(--spectrum-closebutton-size));inline-size:var(--mod-closebutton-width,var(--mod-closebutton-height,var(--spectrum-closebutton-size)));color:inherit;border-radius:var(--mod-closebutton-border-radius,var(--spectrum-closebutton-border-radius));transition:border-color var(--mod-closebutton-animation-duration,var(--spectrum-closebutton-animation-duration))ease-in-out;margin-inline:var(--mod-closebutton-margin-inline);justify-content:center;align-items:center;align-self:var(--mod-closebutton-align-self);border-width:0;border-color:#0000;flex-direction:row;margin-block-start:var(--mod-closebutton-margin-top);padding:0;display:inline-flex;position:relative}:host([size=s]){--spectrum-closebutton-size:var(--spectrum-component-height-75);--spectrum-closebutton-border-radius:var(--spectrum-component-height-75)}:host,:host{--spectrum-closebutton-size:var(--spectrum-component-height-100);--spectrum-closebutton-border-radius:var(--spectrum-component-height-100)}:host([size=l]){--spectrum-closebutton-size:var(--spectrum-component-height-200);--spectrum-closebutton-border-radius:var(--spectrum-component-height-200)}:host([size=xl]){--spectrum-closebutton-size:var(--spectrum-component-height-300);--spectrum-closebutton-border-radius:var(--spectrum-component-height-300)}:host([static-color=white]){--spectrum-closebutton-static-background-color-default:transparent;--spectrum-closebutton-icon-color-default:var(--spectrum-white);--spectrum-closebutton-icon-color-disabled:var(--spectrum-disabled-static-white-content-color);--spectrum-closebutton-focus-indicator-color:var(--spectrum-static-white-focus-indicator-color)}:host([static-color=black]){--spectrum-closebutton-static-background-color-default:transparent;--spectrum-closebutton-icon-color-default:var(--spectrum-black);--spectrum-closebutton-icon-color-disabled:var(--spectrum-disabled-static-black-content-color);--spectrum-closebutton-focus-indicator-color:var(--spectrum-static-black-focus-indicator-color)}:host:after{pointer-events:none;content:"";margin:calc(var(--mod-closebutton-focus-indicator-gap,var(--spectrum-closebutton-focus-indicator-gap))*-1);border-radius:calc(var(--mod-closebutton-size,var(--spectrum-closebutton-size)) + var(--mod-closebutton-focus-indicator-gap,var(--spectrum-closebutton-focus-indicator-gap)));transition:box-shadow var(--mod-closebutton-animation-duration,var(--spectrum-closebutton-animation-duration))ease-in-out;position:absolute;inset-block:0;inset-inline:0}:host(:focus-visible){box-shadow:none;outline:none}:host(:focus-visible):after{box-shadow:0 0 0 var(--mod-closebutton-focus-indicator-thickness,var(--spectrum-closebutton-focus-indicator-thickness))var(--highcontrast-closebutton-focus-indicator-color,var(--mod-closebutton-focus-indicator-color,var(--spectrum-closebutton-focus-indicator-color)))}:host(:not([disabled])){background-color:var(--highcontrast-closebutton-background-color-default,var(--mod-closebutton-background-color-default,var(--spectrum-closebutton-background-color-default)))}:host(:not([disabled]):is(:active,[active])){background-color:var(--mod-closebutton-background-color-down,var(--spectrum-closebutton-background-color-down))}:host(:not([disabled]):is(:active,[active])) .icon{color:var(--highcontrast-closebutton-icon-color-down,var(--mod-closebutton-icon-color-down,var(--spectrum-closebutton-icon-color-down)))}:host([focused]:not([disabled])),:host(:not([disabled]):focus-visible){background-color:var(--mod-closebutton-background-color-focus,var(--spectrum-closebutton-background-color-focus))}:host([focused]:not([disabled])) .icon,:host(:not([disabled]):focus-visible) .icon{color:var(--highcontrast-closebutton-icon-color-focus,var(--mod-closebutton-icon-color-focus,var(--spectrum-closebutton-icon-color-focus)))}:host(:not([disabled])) .icon{color:var(--mod-closebutton-icon-color-default,var(--spectrum-closebutton-icon-color-default))}:host([focused]:not([disabled])) .icon,:host(:not([disabled]):focus) .icon{color:var(--highcontrast-closebutton-icon-color-focus,var(--mod-closebutton-icon-color-focus,var(--spectrum-closebutton-icon-color-focus)))}:host([disabled]){background-color:var(--mod-closebutton-background-color-default,var(--spectrum-closebutton-background-color-default))}:host([disabled]) .icon{color:var(--highcontrast-closebutton-icon-color-disabled,var(--mod-closebutton-icon-color-disabled,var(--spectrum-closebutton-icon-color-disabled)))}:host([static-color=black]:not([disabled])),:host([static-color=white]:not([disabled])){background-color:var(--highcontrast-closebutton-static-background-color-default,var(--mod-closebutton-static-background-color-default,var(--spectrum-closebutton-static-background-color-default)))}@media (hover:hover){:host(:not([disabled]):hover){background-color:var(--mod-closebutton-background-color-hover,var(--spectrum-closebutton-background-color-hover))}:host(:not([disabled]):hover) .icon{color:var(--highcontrast-closebutton-icon-color-hover,var(--mod-closebutton-icon-color-hover,var(--spectrum-closebutton-icon-color-hover)))}:host([static-color=black]:not([disabled]):hover),:host([static-color=white]:not([disabled]):hover){background-color:var(--mod-closebutton-static-background-color-hover,var(--spectrum-closebutton-static-background-color-hover))}:host([static-color=black]:not([disabled]):hover) .icon,:host([static-color=white]:not([disabled]):hover) .icon{color:var(--highcontrast-closebutton-icon-color-default,var(--mod-closebutton-icon-color-default,var(--spectrum-closebutton-icon-color-default)))}}:host([static-color=black]:not([disabled]):is(:active,[active])),:host([static-color=white]:not([disabled]):is(:active,[active])){background-color:var(--mod-closebutton-static-background-color-down,var(--spectrum-closebutton-static-background-color-down))}:host([static-color=black]:not([disabled]):is(:active,[active])) .icon,:host([static-color=white]:not([disabled]):is(:active,[active])) .icon{color:var(--highcontrast-closebutton-icon-color-default,var(--mod-closebutton-icon-color-default,var(--spectrum-closebutton-icon-color-default)))}:host([static-color=black][focused]:not([disabled])),:host([static-color=black]:not([disabled]):focus-visible),:host([static-color=white][focused]:not([disabled])),:host([static-color=white]:not([disabled]):focus-visible){background-color:var(--mod-closebutton-static-background-color-focus,var(--spectrum-closebutton-static-background-color-focus))}:host([static-color=black][focused]:not([disabled])) .icon,:host([static-color=black][focused]:not([disabled])) .icon,:host([static-color=black]:not([disabled]):focus) .icon,:host([static-color=black]:not([disabled]):focus-visible) .icon,:host([static-color=white][focused]:not([disabled])) .icon,:host([static-color=white][focused]:not([disabled])) .icon,:host([static-color=white]:not([disabled]):focus) .icon,:host([static-color=white]:not([disabled]):focus-visible) .icon{color:var(--highcontrast-closebutton-icon-color-default,var(--mod-closebutton-icon-color-default,var(--spectrum-closebutton-icon-color-default)))}:host([static-color=black]:not([disabled])) .icon,:host([static-color=white]:not([disabled])) .icon{color:var(--mod-closebutton-icon-color-default,var(--spectrum-closebutton-icon-color-default))}:host([static-color=black][disabled]) .icon,:host([static-color=white][disabled]) .icon{color:var(--mod-closebutton-icon-color-disabled,var(--spectrum-closebutton-icon-color-disabled))}.icon{margin:0}:host{--spectrum-closebutton-background-color-default:var(--system-close-button-background-color-default);--spectrum-closebutton-background-color-hover:var(--system-close-button-background-color-hover);--spectrum-closebutton-background-color-down:var(--system-close-button-background-color-down);--spectrum-closebutton-background-color-focus:var(--system-close-button-background-color-focus)}:host([static-color=white]){--spectrum-closebutton-static-background-color-hover:var(--system-close-button-static-white-static-background-color-hover);--spectrum-closebutton-static-background-color-down:var(--system-close-button-static-white-static-background-color-down);--spectrum-closebutton-static-background-color-focus:var(--system-close-button-static-white-static-background-color-focus)}:host([static-color=black]){--spectrum-closebutton-static-background-color-hover:var(--system-close-button-static-black-static-background-color-hover);--spectrum-closebutton-static-background-color-down:var(--system-close-button-static-black-static-background-color-down);--spectrum-closebutton-static-background-color-focus:var(--system-close-button-static-black-static-background-color-focus)} -`,om=h1;p();var sm=({width:o=24,height:t=24,hidden:e=!1,title:r="Cross400"}={})=>$`$` - `;var im=({width:o=24,height:t=24,hidden:e=!1,title:r="Cross400"}={})=>$``;var am=({width:o=24,height:t=24,hidden:e=!1,title:r="Cross400"}={})=>$` - `;var ti=class extends h{render(){return j(c),this.spectrumVersion===2?sm({hidden:!this.label,title:this.label}):im({hidden:!this.label,title:this.label})}};x();l("sp-icon-cross400",ti);p();var am=({width:o=24,height:t=24,hidden:e=!1,title:r="Cross500"}={})=>$``;var ti=class extends h{render(){return j(c),this.spectrumVersion===2?im({hidden:!this.label,title:this.label}):am({hidden:!this.label,title:this.label})}};x();l("sp-icon-cross400",ti);p();var cm=({width:o=24,height:t=24,hidden:e=!1,title:r="Cross500"}={})=>$` - `;var cm=({width:o=24,height:t=24,hidden:e=!1,title:r="Cross500"}={})=>$``;var nm=({width:o=24,height:t=24,hidden:e=!1,title:r="Cross500"}={})=>$` - `;var ei=class extends h{render(){return j(c),this.spectrumVersion===2?am({hidden:!this.label,title:this.label}):cm({hidden:!this.label,title:this.label})}};x();l("sp-icon-cross500",ei);var b1=Object.defineProperty,g1=Object.getOwnPropertyDescriptor,nm=(o,t,e,r)=>{for(var s=r>1?void 0:r?g1(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&b1(t,e,s),s},v1={s:()=>c` + `;var ei=class extends h{render(){return j(c),this.spectrumVersion===2?cm({hidden:!this.label,title:this.label}):nm({hidden:!this.label,title:this.label})}};x();l("sp-icon-cross500",ei);var f1=Object.defineProperty,x1=Object.getOwnPropertyDescriptor,lm=(o,t,e,r)=>{for(var s=r>1?void 0:r?x1(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&f1(t,e,s),s},y1={s:()=>c` - `},eo=class extends R(to,{noDefaultSize:!0}){constructor(){super(...arguments),this.variant=""}static get styles(){return[...super.styles,om,Qs]}get buttonContent(){return[v1[this.size]()]}};nm([n({reflect:!0})],eo.prototype,"variant",2),nm([n({reflect:!0,attribute:"static-color"})],eo.prototype,"staticColor",2);p();var f1=y` + `},eo=class extends R(to,{noDefaultSize:!0}){constructor(){super(...arguments),this.variant=""}static get styles(){return[...super.styles,sm,Qs]}get buttonContent(){return[y1[this.size]()]}};lm([n({reflect:!0})],eo.prototype,"variant",2),lm([n({reflect:!0,attribute:"static-color"})],eo.prototype,"staticColor",2);p();var w1=y` :host{cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;font-family:var(--mod-button-font-family,var(--mod-sans-font-family-stack,var(--spectrum-sans-font-family-stack)));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:var(--mod-button-line-height,var(--mod-line-height-100,var(--spectrum-line-height-100)));text-transform:none;vertical-align:top;-webkit-appearance:button;transition:background var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100)))ease-out,border-color var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100)))ease-out,color var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100)))ease-out,box-shadow var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100)))ease-out;border-style:solid;justify-content:center;align-items:center;margin:0;-webkit-text-decoration:none;text-decoration:none;display:inline-flex;overflow:visible}:host(:focus){outline:none}:host([disabled]),:host([disabled]){cursor:default}::slotted([slot=icon]){flex-shrink:0;max-block-size:100%}#label{text-align:center;place-self:center}#label:empty{display:none}@media (forced-colors:active){:host{--highcontrast-actionbutton-focus-indicator-color:ButtonText;--highcontrast-actionbutton-content-color:ButtonText}:host:after{forced-color-adjust:none}:host([selected]){--highcontrast-actionbutton-background-color:Highlight;--highcontrast-actionbutton-border-color:HighlightText;--highcontrast-actionbutton-content-color:HighlightText}:host([selected]) .hold-affordance,:host([selected]) ::slotted([slot=icon]),:host([selected]) #label{forced-color-adjust:none}:host([disabled]),:host([disabled]){--highcontrast-actionbutton-content-color:GrayText;--highcontrast-actionbutton-border-color:GrayText;--highcontrast-actionbutton-background-color:ButtonFace}}:host{--spectrum-actionbutton-background-color:var(--highcontrast-actionbutton-background-color,var(--mod-actionbutton-background-color-default,var(--spectrum-actionbutton-background-color-default)));--spectrum-actionbutton-border-color:var(--highcontrast-actionbutton-border-color,var(--mod-actionbutton-border-color-default,var(--spectrum-actionbutton-border-color-default)));--spectrum-actionbutton-content-color:var(--highcontrast-actionbutton-content-color,var(--mod-actionbutton-content-color-default,var(--spectrum-neutral-content-color-default)));--spectrum-actionbutton-border-radius:var(--mod-actionbutton-border-radius,var(--spectrum-actionbutton-border-radius-default));--spectrum-actionbutton-border-width:var(--mod-actionbutton-border-width,var(--spectrum-border-width-100));--spectrum-actionbutton-focus-indicator-gap:var(--mod-actionbutton-focus-indicator-gap,var(--spectrum-focus-indicator-gap));--spectrum-actionbutton-focus-indicator-thickness:var(--mod-actionbutton-focus-indicator-thickness,var(--spectrum-focus-indicator-thickness));--spectrum-actionbutton-focus-indicator-color:var(--highcontrast-actionbutton-focus-indicator-color,var(--mod-actionbutton-focus-indicator-color,var(--spectrum-focus-indicator-color)))}:host:dir(rtl),:host([dir=rtl]){--spectrum-logical-rotation:matrix(-1,0,0,1,0,0)}:host([quiet]){--spectrum-actionbutton-border-color:transparent}:host([emphasized]:not([static-color=black],[static-color=white])){--mod-actionbutton-background-color-default-selected:var(--mod-actionbutton-background-color-default-selected-emphasized,var(--spectrum-accent-background-color-default));--mod-actionbutton-background-color-hover-selected:var(--mod-actionbutton-background-color-hover-selected-emphasized,var(--spectrum-accent-background-color-hover));--mod-actionbutton-background-color-down-selected:var(--mod-actionbutton-background-color-down-selected-emphasized,var(--spectrum-accent-background-color-down));--mod-actionbutton-background-color-focus-selected:var(--mod-actionbutton-background-color-focus-selected-emphasized,var(--spectrum-accent-background-color-key-focus));--mod-actionbutton-content-color-default-selected:var(--mod-actionbutton-content-color-default-selected-emphasized,var(--spectrum-white));--mod-actionbutton-content-color-hover-selected:var(--mod-actionbutton-content-color-hover-selected-emphasized,var(--spectrum-white));--mod-actionbutton-content-color-down-selected:var(--mod-actionbutton-content-color-down-selected-emphasized,var(--spectrum-white));--mod-actionbutton-content-color-focus-selected:var(--mod-actionbutton-content-color-focus-selected-emphasized,var(--spectrum-white))}:host([static-color=black]){--mod-actionbutton-background-color-default-selected:var(--spectrum-transparent-black-800);--mod-actionbutton-background-color-hover-selected:var(--spectrum-transparent-black-900);--mod-actionbutton-background-color-down-selected:var(--spectrum-transparent-black-900);--mod-actionbutton-background-color-focus-selected:var(--spectrum-transparent-black-900);--mod-actionbutton-content-color-default:var(--spectrum-black);--mod-actionbutton-content-color-hover:var(--spectrum-black);--mod-actionbutton-content-color-down:var(--spectrum-black);--mod-actionbutton-content-color-focus:var(--spectrum-black);--mod-actionbutton-content-color-disabled:var(--spectrum-disabled-static-black-content-color);--mod-actionbutton-content-color-default-selected:var(--mod-actionbutton-static-content-color,var(--spectrum-white));--mod-actionbutton-content-color-hover-selected:var(--mod-actionbutton-static-content-color,var(--spectrum-white));--mod-actionbutton-content-color-down-selected:var(--mod-actionbutton-static-content-color,var(--spectrum-white));--mod-actionbutton-content-color-focus-selected:var(--mod-actionbutton-static-content-color,var(--spectrum-white));--mod-actionbutton-focus-indicator-color:var(--spectrum-static-black-focus-indicator-color)}:host([static-color=white]){--mod-actionbutton-background-color-default-selected:var(--spectrum-transparent-white-800);--mod-actionbutton-background-color-hover-selected:var(--spectrum-transparent-white-900);--mod-actionbutton-background-color-down-selected:var(--spectrum-transparent-white-900);--mod-actionbutton-background-color-focus-selected:var(--spectrum-transparent-white-900);--mod-actionbutton-content-color-default:var(--spectrum-white);--mod-actionbutton-content-color-hover:var(--spectrum-white);--mod-actionbutton-content-color-down:var(--spectrum-white);--mod-actionbutton-content-color-focus:var(--spectrum-white);--mod-actionbutton-content-color-disabled:var(--spectrum-disabled-static-white-content-color);--mod-actionbutton-content-color-default-selected:var(--mod-actionbutton-static-content-color,var(--spectrum-black));--mod-actionbutton-content-color-hover-selected:var(--mod-actionbutton-static-content-color,var(--spectrum-black));--mod-actionbutton-content-color-down-selected:var(--mod-actionbutton-static-content-color,var(--spectrum-black));--mod-actionbutton-content-color-focus-selected:var(--mod-actionbutton-static-content-color,var(--spectrum-black));--mod-actionbutton-focus-indicator-color:var(--spectrum-static-white-focus-indicator-color)}:host([selected]){--mod-actionbutton-background-color-default:var(--mod-actionbutton-background-color-default-selected,var(--spectrum-actionbutton-background-color-selected));--mod-actionbutton-background-color-hover:var(--mod-actionbutton-background-color-hover-selected,var(--spectrum-actionbutton-background-color-selected-hover));--mod-actionbutton-background-color-down:var(--mod-actionbutton-background-color-down-selected,var(--spectrum-actionbutton-background-color-selected-down));--mod-actionbutton-background-color-focus:var(--mod-actionbutton-background-color-focus-selected,var(--spectrum-actionbutton-background-color-selected-focus));--mod-actionbutton-background-color-disabled:var(--spectrum-actionbutton-background-color-selected-disabled);--mod-actionbutton-border-color-default:transparent;--mod-actionbutton-border-color-hover:transparent;--mod-actionbutton-border-color-down:transparent;--mod-actionbutton-border-color-focus:transparent;--mod-actionbutton-border-color-disabled:transparent;--mod-actionbutton-content-color-default:var(--mod-actionbutton-content-color-default-selected,var(--spectrum-actionbutton-content-color-selected));--mod-actionbutton-content-color-hover:var(--mod-actionbutton-content-color-hover-selected,var(--spectrum-actionbutton-content-color-selected));--mod-actionbutton-content-color-down:var(--mod-actionbutton-content-color-down-selected,var(--spectrum-actionbutton-content-color-selected));--mod-actionbutton-content-color-focus:var(--mod-actionbutton-content-color-focus-selected,var(--spectrum-actionbutton-content-color-selected))}@media (hover:hover){:host(:hover){--mod-actionbutton-background-color-default:var(--mod-actionbutton-background-color-hover,var(--spectrum-actionbutton-background-color-hover));--mod-actionbutton-border-color-default:var(--mod-actionbutton-border-color-hover,var(--spectrum-actionbutton-border-color-hover));--mod-actionbutton-content-color-default:var(--mod-actionbutton-content-color-hover,var(--spectrum-neutral-content-color-hover))}}:host(:focus-visible){--mod-actionbutton-background-color-default:var(--mod-actionbutton-background-color-focus,var(--spectrum-actionbutton-background-color-focus));--mod-actionbutton-border-color-default:var(--mod-actionbutton-border-color-focus,var(--spectrum-actionbutton-border-color-focus));--mod-actionbutton-content-color-default:var(--mod-actionbutton-content-color-focus,var(--spectrum-neutral-content-color-key-focus))}:host(:is(:active,[active])){--mod-actionbutton-background-color-default:var(--mod-actionbutton-background-color-down,var(--spectrum-actionbutton-background-color-down));--mod-actionbutton-border-color-default:var(--mod-actionbutton-border-color-down,var(--spectrum-actionbutton-border-color-down));--mod-actionbutton-content-color-default:var(--mod-actionbutton-content-color-down,var(--spectrum-neutral-content-color-down))}:host([disabled]),:host([disabled]){--mod-actionbutton-background-color-default:var(--mod-actionbutton-background-color-disabled,var(--spectrum-actionbutton-background-color-disabled));--mod-actionbutton-border-color-default:var(--mod-actionbutton-border-color-disabled,var(--spectrum-actionbutton-border-color-disabled));--mod-actionbutton-content-color-default:var(--mod-actionbutton-content-color-disabled,var(--spectrum-disabled-content-color))}:host,:host{--spectrum-actionbutton-sized-height:var(--spectrum-component-height-100);--spectrum-actionbutton-sized-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-actionbutton-sized-font-size:var(--spectrum-font-size-100);--spectrum-actionbutton-sized-text-to-visual:var(--spectrum-text-to-visual-100);--spectrum-actionbutton-sized-edge-to-hold-icon:var(--spectrum-action-button-edge-to-hold-icon-medium);--spectrum-actionbutton-sized-edge-to-visual:var(--spectrum-component-edge-to-visual-100);--spectrum-actionbutton-sized-edge-to-text:var(--spectrum-component-edge-to-text-100);--spectrum-actionbutton-sized-edge-to-visual-only:var(--spectrum-component-edge-to-visual-only-100)}:host([size=xs]){--spectrum-actionbutton-sized-height:var(--spectrum-component-height-50);--spectrum-actionbutton-sized-icon-size:var(--spectrum-workflow-icon-size-50);--spectrum-actionbutton-sized-font-size:var(--spectrum-font-size-50);--spectrum-actionbutton-sized-text-to-visual:var(--spectrum-text-to-visual-50);--spectrum-actionbutton-sized-edge-to-hold-icon:var(--spectrum-action-button-edge-to-hold-icon-extra-small);--spectrum-actionbutton-sized-edge-to-visual:var(--spectrum-component-edge-to-visual-50);--spectrum-actionbutton-sized-edge-to-text:var(--spectrum-component-edge-to-text-50);--spectrum-actionbutton-sized-edge-to-visual-only:var(--spectrum-component-edge-to-visual-only-50)}:host([size=s]){--spectrum-actionbutton-sized-height:var(--spectrum-component-height-75);--spectrum-actionbutton-sized-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-actionbutton-sized-font-size:var(--spectrum-font-size-75);--spectrum-actionbutton-sized-text-to-visual:var(--spectrum-text-to-visual-75);--spectrum-actionbutton-sized-edge-to-hold-icon:var(--spectrum-action-button-edge-to-hold-icon-small);--spectrum-actionbutton-sized-edge-to-visual:var(--spectrum-component-edge-to-visual-75);--spectrum-actionbutton-sized-edge-to-text:var(--spectrum-component-edge-to-text-75);--spectrum-actionbutton-sized-edge-to-visual-only:var(--spectrum-component-edge-to-visual-only-75)}:host([size=l]){--spectrum-actionbutton-sized-height:var(--spectrum-component-height-200);--spectrum-actionbutton-sized-icon-size:var(--spectrum-workflow-icon-size-200);--spectrum-actionbutton-sized-font-size:var(--spectrum-font-size-200);--spectrum-actionbutton-sized-text-to-visual:var(--spectrum-text-to-visual-200);--spectrum-actionbutton-sized-edge-to-hold-icon:var(--spectrum-action-button-edge-to-hold-icon-large);--spectrum-actionbutton-sized-edge-to-visual:var(--spectrum-component-edge-to-visual-200);--spectrum-actionbutton-sized-edge-to-text:var(--spectrum-component-edge-to-text-200);--spectrum-actionbutton-sized-edge-to-visual-only:var(--spectrum-component-edge-to-visual-only-200)}:host([size=xl]){--spectrum-actionbutton-sized-height:var(--spectrum-component-height-300);--spectrum-actionbutton-sized-icon-size:var(--spectrum-workflow-icon-size-300);--spectrum-actionbutton-sized-font-size:var(--spectrum-font-size-300);--spectrum-actionbutton-sized-text-to-visual:var(--spectrum-text-to-visual-300);--spectrum-actionbutton-sized-edge-to-hold-icon:var(--spectrum-action-button-edge-to-hold-icon-extra-large);--spectrum-actionbutton-sized-edge-to-visual:var(--spectrum-component-edge-to-visual-300);--spectrum-actionbutton-sized-edge-to-text:var(--spectrum-component-edge-to-text-300);--spectrum-actionbutton-sized-edge-to-visual-only:var(--spectrum-component-edge-to-visual-only-300)}:host{--spectrum-actionbutton-height:var(--mod-actionbutton-height,var(--spectrum-actionbutton-sized-height));--spectrum-actionbutton-icon-size:var(--mod-actionbutton-icon-size,var(--spectrum-actionbutton-sized-icon-size));--spectrum-actionbutton-font-size:var(--mod-actionbutton-font-size,var(--spectrum-actionbutton-sized-font-size));--spectrum-actionbutton-text-to-visual:var(--mod-actionbutton-text-to-visual,var(--spectrum-actionbutton-sized-text-to-visual));--spectrum-actionbutton-edge-to-hold-icon:var(--mod-actionbutton-edge-to-hold-icon,var(--spectrum-actionbutton-sized-edge-to-hold-icon));--spectrum-actionbutton-edge-to-visual:var(--mod-actionbutton-edge-to-visual,calc(var(--spectrum-actionbutton-sized-edge-to-visual) - var(--spectrum-actionbutton-border-width)));--spectrum-actionbutton-edge-to-text:var(--mod-actionbutton-edge-to-text,calc(var(--spectrum-actionbutton-sized-edge-to-text) - var(--spectrum-actionbutton-border-width)));--spectrum-actionbutton-edge-to-visual-only:var(--mod-actionbutton-edge-to-visual-only,calc(var(--spectrum-actionbutton-sized-edge-to-visual-only) - var(--spectrum-actionbutton-border-width)));min-inline-size:var(--mod-actionbutton-min-width,calc(var(--mod-actionbutton-edge-to-visual-only,var(--spectrum-actionbutton-sized-edge-to-visual-only))*2 + var(--spectrum-actionbutton-icon-size)));block-size:var(--spectrum-actionbutton-height);border-radius:var(--spectrum-actionbutton-border-radius);border-width:var(--spectrum-actionbutton-border-width);gap:calc(var(--spectrum-actionbutton-text-to-visual) + var(--spectrum-actionbutton-edge-to-text) - var(--spectrum-actionbutton-edge-to-visual-only));padding-inline:var(--spectrum-actionbutton-edge-to-text);background-color:var(--spectrum-actionbutton-background-color);border-color:var(--spectrum-actionbutton-border-color);color:var(--spectrum-actionbutton-content-color);transition:border-color var(--mod-actionbutton-animation-duration,var(--spectrum-animation-duration-100))ease-in-out;position:relative}:host:after{margin:calc((var(--spectrum-actionbutton-focus-indicator-gap) + var(--spectrum-actionbutton-border-width))*-1);border-radius:var(--mod-actionbutton-focus-indicator-border-radius,calc(var(--spectrum-actionbutton-border-radius) + var(--spectrum-actionbutton-focus-indicator-gap)));transition:box-shadow var(--mod-actionbutton-animation-duration,var(--spectrum-animation-duration-100))ease-in-out;pointer-events:none;content:"";position:absolute;inset:0}:host(:focus-visible){box-shadow:none;outline:none}:host(:focus-visible):after{box-shadow:0 0 0 var(--spectrum-actionbutton-focus-indicator-thickness)var(--spectrum-actionbutton-focus-indicator-color)}::slotted([slot=icon]){inline-size:var(--spectrum-actionbutton-icon-size);block-size:var(--spectrum-actionbutton-icon-size);color:inherit;margin-inline-start:calc(var(--spectrum-actionbutton-edge-to-visual) - var(--spectrum-actionbutton-edge-to-text));margin-inline-end:calc(var(--spectrum-actionbutton-edge-to-visual-only) - var(--spectrum-actionbutton-edge-to-text))}.hold-affordance+::slotted([slot=icon]),[icon-only]::slotted([slot=icon]){margin-inline-start:calc(var(--spectrum-actionbutton-edge-to-visual-only) - var(--spectrum-actionbutton-edge-to-text))}#label{pointer-events:none;line-height:var(--spectrum-actionbutton-height);font-size:var(--spectrum-actionbutton-font-size);white-space:nowrap;color:var(--mod-actionbutton-label-color,inherit);text-overflow:ellipsis;overflow:hidden}.hold-affordance{color:inherit;transform:var(--spectrum-logical-rotation,);position:absolute;inset-block-end:calc(var(--spectrum-actionbutton-edge-to-hold-icon) - var(--spectrum-actionbutton-border-width));inset-inline-end:calc(var(--spectrum-actionbutton-edge-to-hold-icon) - var(--spectrum-actionbutton-border-width))}:host{--spectrum-actionbutton-background-color-default:var(--system-action-button-background-color-default);--spectrum-actionbutton-background-color-hover:var(--system-action-button-background-color-hover);--spectrum-actionbutton-background-color-down:var(--system-action-button-background-color-down);--spectrum-actionbutton-background-color-focus:var(--system-action-button-background-color-focus);--spectrum-actionbutton-background-color-disabled:var(--system-action-button-background-color-disabled);--spectrum-actionbutton-background-color-selected:var(--system-action-button-background-color-selected);--spectrum-actionbutton-background-color-selected-hover:var(--system-action-button-background-color-selected-hover);--spectrum-actionbutton-background-color-selected-down:var(--system-action-button-background-color-selected-down);--spectrum-actionbutton-background-color-selected-focus:var(--system-action-button-background-color-selected-focus);--spectrum-actionbutton-border-color-default:var(--system-action-button-border-color-default);--spectrum-actionbutton-border-color-hover:var(--system-action-button-border-color-hover);--spectrum-actionbutton-border-color-down:var(--system-action-button-border-color-down);--spectrum-actionbutton-border-color-focus:var(--system-action-button-border-color-focus);--spectrum-actionbutton-border-color-disabled:var(--system-action-button-border-color-disabled);--spectrum-actionbutton-content-color-selected:var(--system-action-button-content-color-selected);--spectrum-actionbutton-background-color-selected-disabled:var(--system-action-button-background-color-selected-disabled);--spectrum-actionbutton-border-radius-default:var(--system-action-button-size-m-border-radius-default)}:host([size=xs]){--spectrum-actionbutton-border-radius-default:var(--system-action-button-size-xs-border-radius-default)}:host([size=s]){--spectrum-actionbutton-border-radius-default:var(--system-action-button-size-s-border-radius-default)}:host([size=l]){--spectrum-actionbutton-border-radius-default:var(--system-action-button-size-l-border-radius-default)}:host([size=xl]){--spectrum-actionbutton-border-radius-default:var(--system-action-button-size-xl-border-radius-default)}:host([quiet]){--spectrum-actionbutton-background-color-default:var(--system-action-button-quiet-background-color-default);--spectrum-actionbutton-background-color-hover:var(--system-action-button-quiet-background-color-hover);--spectrum-actionbutton-background-color-down:var(--system-action-button-quiet-background-color-down);--spectrum-actionbutton-background-color-focus:var(--system-action-button-quiet-background-color-focus);--spectrum-actionbutton-background-color-disabled:var(--system-action-button-quiet-background-color-disabled);--spectrum-actionbutton-background-color-selected-disabled:var(--system-action-button-quiet-background-color-selected-disabled)}:host([static-color=black]){--spectrum-actionbutton-border-color-default:var(--system-action-button-static-black-border-color-default);--spectrum-actionbutton-border-color-hover:var(--system-action-button-static-black-border-color-hover);--spectrum-actionbutton-border-color-down:var(--system-action-button-static-black-border-color-down);--spectrum-actionbutton-border-color-focus:var(--system-action-button-static-black-border-color-focus);--spectrum-actionbutton-border-color-disabled:var(--system-action-button-static-black-border-color-disabled);--spectrum-actionbutton-background-color-disabled:var(--system-action-button-static-black-background-color-disabled);--spectrum-actionbutton-background-color-selected-disabled:var(--system-action-button-static-black-background-color-selected-disabled);--spectrum-actionbutton-background-color-default:var(--system-action-button-static-black-background-color-default);--spectrum-actionbutton-background-color-hover:var(--system-action-button-static-black-background-color-hover);--spectrum-actionbutton-background-color-down:var(--system-action-button-static-black-background-color-down);--spectrum-actionbutton-background-color-focus:var(--system-action-button-static-black-background-color-focus)}:host([static-color=black][quiet]){--spectrum-actionbutton-background-color-default:var(--system-action-button-static-black-quiet-background-color-default);--spectrum-actionbutton-background-color-hover:var(--system-action-button-static-black-quiet-background-color-hover);--spectrum-actionbutton-background-color-down:var(--system-action-button-static-black-quiet-background-color-down);--spectrum-actionbutton-background-color-focus:var(--system-action-button-static-black-quiet-background-color-focus);--spectrum-actionbutton-background-color-disabled:var(--system-action-button-static-black-quiet-background-color-disabled)}:host([static-color=white]){--spectrum-actionbutton-border-color-default:var(--system-action-button-static-white-border-color-default);--spectrum-actionbutton-border-color-hover:var(--system-action-button-static-white-border-color-hover);--spectrum-actionbutton-border-color-down:var(--system-action-button-static-white-border-color-down);--spectrum-actionbutton-border-color-focus:var(--system-action-button-static-white-border-color-focus);--spectrum-actionbutton-border-color-disabled:var(--system-action-button-static-white-border-color-disabled);--spectrum-actionbutton-background-color-disabled:var(--system-action-button-static-white-background-color-disabled);--spectrum-actionbutton-background-color-selected-disabled:var(--system-action-button-static-white-background-color-selected-disabled);--spectrum-actionbutton-background-color-default:var(--system-action-button-static-white-background-color-default);--spectrum-actionbutton-background-color-hover:var(--system-action-button-static-white-background-color-hover);--spectrum-actionbutton-background-color-down:var(--system-action-button-static-white-background-color-down);--spectrum-actionbutton-background-color-focus:var(--system-action-button-static-white-background-color-focus)}:host([static-color=white][quiet]){--spectrum-actionbutton-background-color-default:var(--system-action-button-static-white-quiet-background-color-default);--spectrum-actionbutton-background-color-hover:var(--system-action-button-static-white-quiet-background-color-hover);--spectrum-actionbutton-background-color-down:var(--system-action-button-static-white-quiet-background-color-down);--spectrum-actionbutton-background-color-focus:var(--system-action-button-static-white-quiet-background-color-focus);--spectrum-actionbutton-background-color-disabled:var(--system-action-button-static-white-quiet-background-color-disabled)}::slotted([slot=icon]){flex-shrink:0}#label{flex-grow:var(--spectrum-actionbutton-label-flex-grow);text-align:var(--spectrum-actionbutton-label-text-align);pointer-events:none!important}:host([size=xs]){min-width:var(--spectrum-actionbutton-height,0);--spectrum-actionbutton-edge-to-visual-only:calc(var(--spectrum-component-edge-to-visual-only-50) - var(--spectrum-actionbutton-border-width))}:host([size=s]){--spectrum-actionbutton-edge-to-visual-only:calc(var(--spectrum-component-edge-to-visual-only-75) - var(--spectrum-actionbutton-border-width))}:host([size=m]){--spectrum-actionbutton-edge-to-visual-only:calc(var(--spectrum-component-edge-to-visual-only-100) - var(--spectrum-actionbutton-border-width))}:host([size=l]){--spectrum-actionbutton-edge-to-visual-only:calc(var(--spectrum-component-edge-to-visual-only-200) - var(--spectrum-actionbutton-border-width))}:host([size=xl]){--spectrum-actionbutton-edge-to-visual-only:calc(var(--spectrum-component-edge-to-visual-only-300) - var(--spectrum-actionbutton-border-width))}@media (forced-colors:active){:host{--highcontrast-actionbutton-border-color-disabled:GrayText;--highcontrast-actionbutton-content-color-disabled:GrayText}} -`,lm=f1;p();var x1=y` +`,dm=w1;p();var k1=y` .spectrum-UIIcon-CornerTriangle75{--spectrum-icon-size:var(--spectrum-corner-triangle-icon-size-75)}.spectrum-UIIcon-CornerTriangle100{--spectrum-icon-size:var(--spectrum-corner-triangle-icon-size-100)}.spectrum-UIIcon-CornerTriangle200{--spectrum-icon-size:var(--spectrum-corner-triangle-icon-size-200)}.spectrum-UIIcon-CornerTriangle300{--spectrum-icon-size:var(--spectrum-corner-triangle-icon-size-300)} -`,dm=x1;p();var um=({width:o=24,height:t=24,hidden:e=!1,title:r="Corner Triangle300"}={})=>$`$` - `;var mm=({width:o=24,height:t=24,hidden:e=!1,title:r="Corner Triangle300"}={})=>$``;var pm=({width:o=24,height:t=24,hidden:e=!1,title:r="Corner Triangle300"}={})=>$` - `;var ri=class extends h{render(){return j(c),this.spectrumVersion===2?um({hidden:!this.label,title:this.label}):mm({hidden:!this.label,title:this.label})}};x();l("sp-icon-corner-triangle300",ri);var y1=Object.defineProperty,w1=Object.getOwnPropertyDescriptor,Ze=(o,t,e,r)=>{for(var s=r>1?void 0:r?w1(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&y1(t,e,s),s},k1={xs:"spectrum-UIIcon-CornerTriangle75",s:"spectrum-UIIcon-CornerTriangle75",m:"spectrum-UIIcon-CornerTriangle100",l:"spectrum-UIIcon-CornerTriangle200",xl:"spectrum-UIIcon-CornerTriangle300"},z1=300,pm,bt=class extends R(yt,{validSizes:["xs","s","m","l","xl"],noDefaultSize:!0}){constructor(){super(),this.emphasized=!1,this.holdAffordance=!1,this.quiet=!1,this.role="button",this.selected=!1,this.toggles=!1,this._value="",this.onClick=()=>{this.toggles&&(this.selected=!this.selected,this.dispatchEvent(new Event("change",{cancelable:!0,bubbles:!0,composed:!0}))||(this.selected=!this.selected))},this.addEventListener("click",this.onClick)}static get styles(){return[...super.styles,lm,dm]}get value(){return this._value||this.itemText}set value(t){t!==this._value&&(this._value=t||"",this._value?this.setAttribute("value",this._value):this.removeAttribute("value"))}get itemText(){return(this.textContent||"").trim()}handlePointerdownHoldAffordance(t){t.button===0&&(this.addEventListener("pointerup",this.handlePointerupHoldAffordance),this.addEventListener("pointercancel",this.handlePointerupHoldAffordance),pm=setTimeout(()=>{this.dispatchEvent(new CustomEvent("longpress",{bubbles:!0,composed:!0,detail:{source:"pointer"}}))},z1))}handlePointerupHoldAffordance(){clearTimeout(pm),this.removeEventListener("pointerup",this.handlePointerupHoldAffordance),this.removeEventListener("pointercancel",this.handlePointerupHoldAffordance)}handleKeydown(t){if(!this.holdAffordance)return super.handleKeydown(t);let{code:e,altKey:r}=t;(e==="Space"||r&&e==="ArrowDown")&&(t.preventDefault(),e==="ArrowDown"&&(t.stopPropagation(),t.stopImmediatePropagation()),this.addEventListener("keyup",this.handleKeyup),this.active=!0)}handleKeyup(t){if(!this.holdAffordance)return super.handleKeyup(t);let{code:e,altKey:r}=t;(e==="Space"||r&&e==="ArrowDown")&&(t.stopPropagation(),this.dispatchEvent(new CustomEvent("longpress",{bubbles:!0,composed:!0,detail:{source:"keyboard"}})),this.active=!1)}get buttonContent(){let t=super.buttonContent;return this.holdAffordance&&t.unshift(c` + `;var ri=class extends h{render(){return j(c),this.spectrumVersion===2?mm({hidden:!this.label,title:this.label}):pm({hidden:!this.label,title:this.label})}};x();l("sp-icon-corner-triangle300",ri);var z1=Object.defineProperty,C1=Object.getOwnPropertyDescriptor,Ze=(o,t,e,r)=>{for(var s=r>1?void 0:r?C1(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&z1(t,e,s),s},T1={xs:"spectrum-UIIcon-CornerTriangle75",s:"spectrum-UIIcon-CornerTriangle75",m:"spectrum-UIIcon-CornerTriangle100",l:"spectrum-UIIcon-CornerTriangle200",xl:"spectrum-UIIcon-CornerTriangle300"},I1=300,hm,bt=class extends R(yt,{validSizes:["xs","s","m","l","xl"],noDefaultSize:!0}){constructor(){super(),this.emphasized=!1,this.holdAffordance=!1,this.quiet=!1,this.role="button",this.selected=!1,this.toggles=!1,this._value="",this.onClick=()=>{this.toggles&&(this.selected=!this.selected,this.dispatchEvent(new Event("change",{cancelable:!0,bubbles:!0,composed:!0}))||(this.selected=!this.selected))},this.addEventListener("click",this.onClick)}static get styles(){return[...super.styles,dm,um]}get value(){return this._value||this.itemText}set value(t){t!==this._value&&(this._value=t||"",this._value?this.setAttribute("value",this._value):this.removeAttribute("value"))}get itemText(){return(this.textContent||"").trim()}handlePointerdownHoldAffordance(t){t.button===0&&(this.addEventListener("pointerup",this.handlePointerupHoldAffordance),this.addEventListener("pointercancel",this.handlePointerupHoldAffordance),hm=setTimeout(()=>{this.dispatchEvent(new CustomEvent("longpress",{bubbles:!0,composed:!0,detail:{source:"pointer"}}))},I1))}handlePointerupHoldAffordance(){clearTimeout(hm),this.removeEventListener("pointerup",this.handlePointerupHoldAffordance),this.removeEventListener("pointercancel",this.handlePointerupHoldAffordance)}handleKeydown(t){if(!this.holdAffordance)return super.handleKeydown(t);let{code:e,altKey:r}=t;(e==="Space"||r&&e==="ArrowDown")&&(t.preventDefault(),e==="ArrowDown"&&(t.stopPropagation(),t.stopImmediatePropagation()),this.addEventListener("keyup",this.handleKeyup),this.active=!0)}handleKeyup(t){if(!this.holdAffordance)return super.handleKeyup(t);let{code:e,altKey:r}=t;(e==="Space"||r&&e==="ArrowDown")&&(t.stopPropagation(),this.dispatchEvent(new CustomEvent("longpress",{bubbles:!0,composed:!0,detail:{source:"keyboard"}})),this.active=!1)}get buttonContent(){let t=super.buttonContent;return this.holdAffordance&&t.unshift(c` - `),t}updated(t){super.updated(t);let e=this.role==="button",r=e&&(this.selected||this.toggles)&&!(this.hasAttribute("aria-haspopup")&&this.hasAttribute("aria-expanded"));(t.has("selected")||t.has("role"))&&(r?this.setAttribute("aria-pressed",this.selected?"true":"false"):(this.removeAttribute("aria-pressed"),e&&this.toggles&&this.hasAttribute("aria-expanded")&&this.setAttribute("aria-expanded",this.selected?"true":"false"))),t.has("holdAffordance")&&(this.holdAffordance?this.addEventListener("pointerdown",this.handlePointerdownHoldAffordance):(this.removeEventListener("pointerdown",this.handlePointerdownHoldAffordance),this.handlePointerupHoldAffordance()))}};Ze([n({type:Boolean,reflect:!0})],bt.prototype,"emphasized",2),Ze([n({type:Boolean,reflect:!0,attribute:"hold-affordance"})],bt.prototype,"holdAffordance",2),Ze([n({type:Boolean,reflect:!0})],bt.prototype,"quiet",2),Ze([n({reflect:!0})],bt.prototype,"role",2),Ze([n({type:Boolean,reflect:!0})],bt.prototype,"selected",2),Ze([n({type:Boolean,reflect:!0})],bt.prototype,"toggles",2),Ze([n({reflect:!0,attribute:"static-color"})],bt.prototype,"staticColor",2),Ze([n({type:String})],bt.prototype,"value",1);function kl(o,t,e){return typeof o===t?()=>o:typeof o=="function"?o:e}var oi=class{constructor(t,{hostDelegatesFocus:e,direction:r,elementEnterAction:s,elements:i,focusInIndex:a,isFocusableElement:d,listenerScope:m}={elements:()=>[]}){this._currentIndex=-1,this.prevIndex=-1,this._direction=()=>"both",this.directionLength=5,this.hostDelegatesFocus=!1,this.elementEnterAction=b=>{},this._focused=!1,this._focusInIndex=b=>0,this.isFocusableElement=b=>!0,this._listenerScope=()=>this.host,this.offset=0,this.recentlyConnected=!1,this.handleFocusin=b=>{if(!this.isEventWithinListenerScope(b))return;let v=b.composedPath(),f=-1;v.find(k=>(f=this.elements.indexOf(k),f!==-1)),this.prevIndex=this.currentIndex,this.currentIndex=f>-1?f:this.currentIndex,this.isRelatedTargetOrContainAnElement(b)&&this.hostContainsFocus()},this.handleClick=()=>{var b;let v=this.elements;if(!v.length)return;let f=v[this.currentIndex];this.currentIndex<0||((!f||!this.isFocusableElement(f))&&(this.setCurrentIndexCircularly(1),f=v[this.currentIndex]),f&&this.isFocusableElement(f)&&((b=v[this.prevIndex])==null||b.setAttribute("tabindex","-1"),f.setAttribute("tabindex","0")))},this.handleFocusout=b=>{this.isRelatedTargetOrContainAnElement(b)&&this.hostNoLongerContainsFocus()},this.handleKeydown=b=>{if(!this.acceptsEventKey(b.key)||b.defaultPrevented)return;let v=0;switch(this.prevIndex=this.currentIndex,b.key){case"ArrowRight":v+=1;break;case"ArrowDown":v+=this.direction==="grid"?this.directionLength:1;break;case"ArrowLeft":v-=1;break;case"ArrowUp":v-=this.direction==="grid"?this.directionLength:1;break;case"End":this.currentIndex=0,v-=1;break;case"Home":this.currentIndex=this.elements.length-1,v+=1;break}b.preventDefault(),this.direction==="grid"&&this.currentIndex+v<0?this.currentIndex=0:this.direction==="grid"&&this.currentIndex+v>this.elements.length-1?this.currentIndex=this.elements.length-1:this.setCurrentIndexCircularly(v),this.elementEnterAction(this.elements[this.currentIndex]),this.focus()},this.mutationObserver=new MutationObserver(()=>{this.handleItemMutation()}),this.hostDelegatesFocus=e||!1,this.host=t,this.host.addController(this),this._elements=i,this.isFocusableElement=d||this.isFocusableElement,this._direction=kl(r,"string",this._direction),this.elementEnterAction=s||this.elementEnterAction,this._focusInIndex=kl(a,"number",this._focusInIndex),this._listenerScope=kl(m,"object",this._listenerScope)}get currentIndex(){return this._currentIndex===-1&&(this._currentIndex=this.focusInIndex),this._currentIndex-this.offset}set currentIndex(t){this._currentIndex=t+this.offset}get direction(){return this._direction()}get elements(){return this.cachedElements||(this.cachedElements=this._elements()),this.cachedElements}set focused(t){t!==this.focused&&(this._focused=t)}get focused(){return this._focused}get focusInElement(){return this.elements[this.focusInIndex]}get focusInIndex(){return this._focusInIndex(this.elements)}isEventWithinListenerScope(t){return this._listenerScope()===this.host?!0:t.composedPath().includes(this._listenerScope())}handleItemMutation(){if(this._currentIndex==-1||this.elements.length<=this._elements().length)return;let t=this.elements[this.currentIndex];if(this.clearElementCache(),this.elements.includes(t))return;let e=this.currentIndex!==this.elements.length,r=e?1:-1;e&&this.setCurrentIndexCircularly(-1),this.setCurrentIndexCircularly(r),this.focus()}update({elements:t}={elements:()=>[]}){this.unmanage(),this._elements=t,this.clearElementCache(),this.manage()}reset(){var t;let e=this.elements;if(!e.length)return;this.setCurrentIndexCircularly(this.focusInIndex-this.currentIndex);let r=e[this.currentIndex];this.currentIndex<0||((!r||!this.isFocusableElement(r))&&(this.setCurrentIndexCircularly(1),r=e[this.currentIndex]),r&&this.isFocusableElement(r)&&((t=e[this.prevIndex])==null||t.setAttribute("tabindex","-1"),r.setAttribute("tabindex","0")))}focusOnItem(t,e){var r;let s=this.elements||[],i=!t||!this.isFocusableElement(t)?-1:s.indexOf(t);i>-1&&(this.currentIndex=i,(r=s[this.prevIndex])==null||r.setAttribute("tabindex","-1")),this.focus(e)}focus(t){var e;let r=this.elements;if(!r.length)return;let s=r[this.currentIndex];(!s||!this.isFocusableElement(s))&&(this.setCurrentIndexCircularly(1),s=r[this.currentIndex]),s&&this.isFocusableElement(s)&&((!this.hostDelegatesFocus||r[this.prevIndex]!==s)&&((e=r[this.prevIndex])==null||e.setAttribute("tabindex","-1")),s.tabIndex=0,s.focus(t),this.hostDelegatesFocus&&!this.focused&&this.hostContainsFocus())}clearElementCache(t=0){this.mutationObserver.disconnect(),delete this.cachedElements,this.offset=t,requestAnimationFrame(()=>{this.elements.forEach(e=>{this.mutationObserver.observe(e,{attributes:!0})})})}setCurrentIndexCircularly(t){let{length:e}=this.elements,r=e;this.prevIndex=this.currentIndex;let s=(e+this.currentIndex+t)%e;for(;r&&this.elements[s]&&!this.isFocusableElement(this.elements[s]);)s=(e+s+t)%e,r-=1;this.currentIndex=s}hostContainsFocus(){this.host.addEventListener("focusout",this.handleFocusout),this.host.addEventListener("keydown",this.handleKeydown),this.focused=!0}hostNoLongerContainsFocus(){this.host.addEventListener("focusin",this.handleFocusin),this.host.removeEventListener("focusout",this.handleFocusout),this.host.removeEventListener("keydown",this.handleKeydown),this.focused=!1}isRelatedTargetOrContainAnElement(t){let e=t.relatedTarget,r=this.elements.includes(e),s=this.elements.some(i=>i.contains(e));return!(r||s)}acceptsEventKey(t){if(t==="End"||t==="Home")return!0;switch(this.direction){case"horizontal":return t==="ArrowLeft"||t==="ArrowRight";case"vertical":return t==="ArrowUp"||t==="ArrowDown";case"both":case"grid":return t.startsWith("Arrow")}}manage(){this.addEventListeners()}unmanage(){this.removeEventListeners()}addEventListeners(){this.host.addEventListener("focusin",this.handleFocusin),this.host.addEventListener("click",this.handleClick)}removeEventListeners(){this.host.removeEventListener("focusin",this.handleFocusin),this.host.removeEventListener("focusout",this.handleFocusout),this.host.removeEventListener("keydown",this.handleKeydown),this.host.removeEventListener("click",this.handleClick)}hostConnected(){this.recentlyConnected=!0,this.addEventListeners()}hostDisconnected(){this.mutationObserver.disconnect(),this.removeEventListeners()}hostUpdated(){this.recentlyConnected&&(this.recentlyConnected=!1,this.elements.forEach(t=>{this.mutationObserver.observe(t,{attributes:!0})}))}};var $t=class extends oi{constructor(){super(...arguments),this.managed=!0,this.manageIndexesAnimationFrame=0}set focused(t){t!==this.focused&&(super.focused=t,this.manageTabindexes())}get focused(){return super.focused}clearElementCache(t=0){cancelAnimationFrame(this.manageIndexesAnimationFrame),super.clearElementCache(t),this.managed&&(this.manageIndexesAnimationFrame=requestAnimationFrame(()=>this.manageTabindexes()))}manageTabindexes(){this.focused&&!this.hostDelegatesFocus?this.updateTabindexes(()=>({tabIndex:-1})):this.updateTabindexes(t=>({removeTabIndex:t.contains(this.focusInElement)&&t!==this.focusInElement,tabIndex:t===this.focusInElement?0:-1}))}updateTabindexes(t){this.elements.forEach(e=>{let{tabIndex:r,removeTabIndex:s}=t(e);if(!s){this.focused?e!==this.elements[this.currentIndex]&&(e.tabIndex=r):e.tabIndex=r;return}let i=e;i.requestUpdate&&i.requestUpdate()})}manage(){this.managed=!0,this.manageTabindexes(),super.manage()}unmanage(){this.managed=!1,this.updateTabindexes(()=>({tabIndex:0})),super.unmanage()}hostUpdated(){super.hostUpdated(),this.host.hasUpdated||this.manageTabindexes()}};var si=class{constructor(t,{target:e,config:r,callback:s,skipInitial:i}){this.t=new Set,this.o=!1,this.i=!1,this.h=t,e!==null&&this.t.add(e??t),this.l=r,this.o=i??this.o,this.callback=s,window.MutationObserver?(this.u=new MutationObserver(a=>{this.handleChanges(a),this.h.requestUpdate()}),t.addController(this)):console.warn("MutationController error: browser does not support MutationObserver.")}handleChanges(t){this.value=this.callback?.(t,this.u)}hostConnected(){for(let t of this.t)this.observe(t)}hostDisconnected(){this.disconnect()}async hostUpdated(){let t=this.u.takeRecords();(t.length||!this.o&&this.i)&&this.handleChanges(t),this.i=!1}observe(t){this.t.add(t),this.u.observe(t,this.l),this.i=!0,this.h.requestUpdate()}disconnect(){this.u.disconnect()}};p();var C1=y` + `),t}updated(t){super.updated(t);let e=this.role==="button",r=e&&(this.selected||this.toggles)&&!(this.hasAttribute("aria-haspopup")&&this.hasAttribute("aria-expanded"));(t.has("selected")||t.has("role"))&&(r?this.setAttribute("aria-pressed",this.selected?"true":"false"):(this.removeAttribute("aria-pressed"),e&&this.toggles&&this.hasAttribute("aria-expanded")&&this.setAttribute("aria-expanded",this.selected?"true":"false"))),t.has("holdAffordance")&&(this.holdAffordance?this.addEventListener("pointerdown",this.handlePointerdownHoldAffordance):(this.removeEventListener("pointerdown",this.handlePointerdownHoldAffordance),this.handlePointerupHoldAffordance()))}};Ze([n({type:Boolean,reflect:!0})],bt.prototype,"emphasized",2),Ze([n({type:Boolean,reflect:!0,attribute:"hold-affordance"})],bt.prototype,"holdAffordance",2),Ze([n({type:Boolean,reflect:!0})],bt.prototype,"quiet",2),Ze([n({reflect:!0})],bt.prototype,"role",2),Ze([n({type:Boolean,reflect:!0})],bt.prototype,"selected",2),Ze([n({type:Boolean,reflect:!0})],bt.prototype,"toggles",2),Ze([n({reflect:!0,attribute:"static-color"})],bt.prototype,"staticColor",2),Ze([n({type:String})],bt.prototype,"value",1);function zl(o,t,e){return typeof o===t?()=>o:typeof o=="function"?o:e}var oi=class{constructor(t,{hostDelegatesFocus:e,direction:r,elementEnterAction:s,elements:i,focusInIndex:a,isFocusableElement:d,listenerScope:m}={elements:()=>[]}){this._currentIndex=-1,this.prevIndex=-1,this._direction=()=>"both",this.directionLength=5,this.hostDelegatesFocus=!1,this.elementEnterAction=b=>{},this._focused=!1,this._focusInIndex=b=>0,this.isFocusableElement=b=>!0,this._listenerScope=()=>this.host,this.offset=0,this.recentlyConnected=!1,this.handleFocusin=b=>{if(!this.isEventWithinListenerScope(b))return;let v=b.composedPath(),f=-1;v.find(k=>(f=this.elements.indexOf(k),f!==-1)),this.prevIndex=this.currentIndex,this.currentIndex=f>-1?f:this.currentIndex,this.isRelatedTargetOrContainAnElement(b)&&this.hostContainsFocus()},this.handleClick=()=>{var b;let v=this.elements;if(!v.length)return;let f=v[this.currentIndex];this.currentIndex<0||((!f||!this.isFocusableElement(f))&&(this.setCurrentIndexCircularly(1),f=v[this.currentIndex]),f&&this.isFocusableElement(f)&&((b=v[this.prevIndex])==null||b.setAttribute("tabindex","-1"),f.setAttribute("tabindex","0")))},this.handleFocusout=b=>{this.isRelatedTargetOrContainAnElement(b)&&this.hostNoLongerContainsFocus()},this.handleKeydown=b=>{if(!this.acceptsEventKey(b.key)||b.defaultPrevented)return;let v=0;switch(this.prevIndex=this.currentIndex,b.key){case"ArrowRight":v+=1;break;case"ArrowDown":v+=this.direction==="grid"?this.directionLength:1;break;case"ArrowLeft":v-=1;break;case"ArrowUp":v-=this.direction==="grid"?this.directionLength:1;break;case"End":this.currentIndex=0,v-=1;break;case"Home":this.currentIndex=this.elements.length-1,v+=1;break}b.preventDefault(),this.direction==="grid"&&this.currentIndex+v<0?this.currentIndex=0:this.direction==="grid"&&this.currentIndex+v>this.elements.length-1?this.currentIndex=this.elements.length-1:this.setCurrentIndexCircularly(v),this.elementEnterAction(this.elements[this.currentIndex]),this.focus()},this.mutationObserver=new MutationObserver(()=>{this.handleItemMutation()}),this.hostDelegatesFocus=e||!1,this.host=t,this.host.addController(this),this._elements=i,this.isFocusableElement=d||this.isFocusableElement,this._direction=zl(r,"string",this._direction),this.elementEnterAction=s||this.elementEnterAction,this._focusInIndex=zl(a,"number",this._focusInIndex),this._listenerScope=zl(m,"object",this._listenerScope)}get currentIndex(){return this._currentIndex===-1&&(this._currentIndex=this.focusInIndex),this._currentIndex-this.offset}set currentIndex(t){this._currentIndex=t+this.offset}get direction(){return this._direction()}get elements(){return this.cachedElements||(this.cachedElements=this._elements()),this.cachedElements}set focused(t){t!==this.focused&&(this._focused=t)}get focused(){return this._focused}get focusInElement(){return this.elements[this.focusInIndex]}get focusInIndex(){return this._focusInIndex(this.elements)}isEventWithinListenerScope(t){return this._listenerScope()===this.host?!0:t.composedPath().includes(this._listenerScope())}handleItemMutation(){if(this._currentIndex==-1||this.elements.length<=this._elements().length)return;let t=this.elements[this.currentIndex];if(this.clearElementCache(),this.elements.includes(t))return;let e=this.currentIndex!==this.elements.length,r=e?1:-1;e&&this.setCurrentIndexCircularly(-1),this.setCurrentIndexCircularly(r),this.focus()}update({elements:t}={elements:()=>[]}){this.unmanage(),this._elements=t,this.clearElementCache(),this.manage()}reset(){var t;let e=this.elements;if(!e.length)return;this.setCurrentIndexCircularly(this.focusInIndex-this.currentIndex);let r=e[this.currentIndex];this.currentIndex<0||((!r||!this.isFocusableElement(r))&&(this.setCurrentIndexCircularly(1),r=e[this.currentIndex]),r&&this.isFocusableElement(r)&&((t=e[this.prevIndex])==null||t.setAttribute("tabindex","-1"),r.setAttribute("tabindex","0")))}focusOnItem(t,e){var r;let s=this.elements||[],i=!t||!this.isFocusableElement(t)?-1:s.indexOf(t);i>-1&&(this.currentIndex=i,(r=s[this.prevIndex])==null||r.setAttribute("tabindex","-1")),this.focus(e)}focus(t){var e;let r=this.elements;if(!r.length)return;let s=r[this.currentIndex];(!s||!this.isFocusableElement(s))&&(this.setCurrentIndexCircularly(1),s=r[this.currentIndex]),s&&this.isFocusableElement(s)&&((!this.hostDelegatesFocus||r[this.prevIndex]!==s)&&((e=r[this.prevIndex])==null||e.setAttribute("tabindex","-1")),s.tabIndex=0,s.focus(t),this.hostDelegatesFocus&&!this.focused&&this.hostContainsFocus())}clearElementCache(t=0){this.mutationObserver.disconnect(),delete this.cachedElements,this.offset=t,requestAnimationFrame(()=>{this.elements.forEach(e=>{this.mutationObserver.observe(e,{attributes:!0})})})}setCurrentIndexCircularly(t){let{length:e}=this.elements,r=e;this.prevIndex=this.currentIndex;let s=(e+this.currentIndex+t)%e;for(;r&&this.elements[s]&&!this.isFocusableElement(this.elements[s]);)s=(e+s+t)%e,r-=1;this.currentIndex=s}hostContainsFocus(){this.host.addEventListener("focusout",this.handleFocusout),this.host.addEventListener("keydown",this.handleKeydown),this.focused=!0}hostNoLongerContainsFocus(){this.host.addEventListener("focusin",this.handleFocusin),this.host.removeEventListener("focusout",this.handleFocusout),this.host.removeEventListener("keydown",this.handleKeydown),this.focused=!1}isRelatedTargetOrContainAnElement(t){let e=t.relatedTarget,r=this.elements.includes(e),s=this.elements.some(i=>i.contains(e));return!(r||s)}acceptsEventKey(t){if(t==="End"||t==="Home")return!0;switch(this.direction){case"horizontal":return t==="ArrowLeft"||t==="ArrowRight";case"vertical":return t==="ArrowUp"||t==="ArrowDown";case"both":case"grid":return t.startsWith("Arrow")}}manage(){this.addEventListeners()}unmanage(){this.removeEventListeners()}addEventListeners(){this.host.addEventListener("focusin",this.handleFocusin),this.host.addEventListener("click",this.handleClick)}removeEventListeners(){this.host.removeEventListener("focusin",this.handleFocusin),this.host.removeEventListener("focusout",this.handleFocusout),this.host.removeEventListener("keydown",this.handleKeydown),this.host.removeEventListener("click",this.handleClick)}hostConnected(){this.recentlyConnected=!0,this.addEventListeners()}hostDisconnected(){this.mutationObserver.disconnect(),this.removeEventListeners()}hostUpdated(){this.recentlyConnected&&(this.recentlyConnected=!1,this.elements.forEach(t=>{this.mutationObserver.observe(t,{attributes:!0})}))}};var $t=class extends oi{constructor(){super(...arguments),this.managed=!0,this.manageIndexesAnimationFrame=0}set focused(t){t!==this.focused&&(super.focused=t,this.manageTabindexes())}get focused(){return super.focused}clearElementCache(t=0){cancelAnimationFrame(this.manageIndexesAnimationFrame),super.clearElementCache(t),this.managed&&(this.manageIndexesAnimationFrame=requestAnimationFrame(()=>this.manageTabindexes()))}manageTabindexes(){this.focused&&!this.hostDelegatesFocus?this.updateTabindexes(()=>({tabIndex:-1})):this.updateTabindexes(t=>({removeTabIndex:t.contains(this.focusInElement)&&t!==this.focusInElement,tabIndex:t===this.focusInElement?0:-1}))}updateTabindexes(t){this.elements.forEach(e=>{let{tabIndex:r,removeTabIndex:s}=t(e);if(!s){this.focused?e!==this.elements[this.currentIndex]&&(e.tabIndex=r):e.tabIndex=r;return}let i=e;i.requestUpdate&&i.requestUpdate()})}manage(){this.managed=!0,this.manageTabindexes(),super.manage()}unmanage(){this.managed=!1,this.updateTabindexes(()=>({tabIndex:0})),super.unmanage()}hostUpdated(){super.hostUpdated(),this.host.hasUpdated||this.manageTabindexes()}};var si=class{constructor(t,{target:e,config:r,callback:s,skipInitial:i}){this.t=new Set,this.o=!1,this.i=!1,this.h=t,e!==null&&this.t.add(e??t),this.l=r,this.o=i??this.o,this.callback=s,window.MutationObserver?(this.u=new MutationObserver(a=>{this.handleChanges(a),this.h.requestUpdate()}),t.addController(this)):console.warn("MutationController error: browser does not support MutationObserver.")}handleChanges(t){this.value=this.callback?.(t,this.u)}hostConnected(){for(let t of this.t)this.observe(t)}hostDisconnected(){this.disconnect()}async hostUpdated(){let t=this.u.takeRecords();(t.length||!this.o&&this.i)&&this.handleChanges(t),this.i=!1}observe(t){this.t.add(t),this.u.observe(t,this.l),this.i=!0,this.h.requestUpdate()}disconnect(){this.u.disconnect()}};p();var S1=y` :host{--spectrum-actiongroup-button-spacing-reset:0;--spectrum-actiongroup-border-radius-reset:0;--spectrum-actiongroup-border-radius:var(--spectrum-corner-radius-100)}:host([size=s]),:host([size=xs]){--spectrum-actiongroup-horizontal-spacing-regular:var(--spectrum-spacing-75);--spectrum-actiongroup-vertical-spacing-regular:var(--spectrum-spacing-75)}:host([size=l]),:host,:host([size=xl]){--spectrum-actiongroup-horizontal-spacing-regular:var(--spectrum-spacing-100);--spectrum-actiongroup-vertical-spacing-regular:var(--spectrum-spacing-100)}:host{gap:var(--mod-actiongroup-horizontal-spacing-regular,var(--spectrum-actiongroup-horizontal-spacing-regular));flex-wrap:wrap;display:flex}::slotted(*){flex-shrink:0}::slotted(:focus-visible){z-index:3}:host(:not([vertical=true][compact=true])) ::slotted(*){flex-shrink:0}:host([vertical]){gap:var(--mod-actiongroup-vertical-spacing-regular,var(--spectrum-actiongroup-vertical-spacing-regular));flex-direction:column;display:inline-flex}:host([compact]){gap:var(--mod-actiongroup-gap-size-compact,var(--spectrum-actiongroup-gap-size-compact))}:host([compact]:not([quiet])){flex-wrap:nowrap}:host([compact]:not([quiet])) ::slotted(*){border-radius:var(--mod-actiongroup-border-radius-reset,var(--spectrum-actiongroup-border-radius-reset));z-index:0;position:relative}:host([compact]:not([quiet])) ::slotted(:first-child){--mod-actionbutton-focus-indicator-border-radius:var(--mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius))0px 0px var(--mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius));border-start-start-radius:var(--mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius));border-end-start-radius:var(--mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius));margin-inline-start:var(--mod-actiongroup-button-spacing-reset,var(--spectrum-actiongroup-button-spacing-reset))}:host([compact]:not([quiet])) ::slotted(:not(:first-child)){--mod-actionbutton-focus-indicator-border-radius:0px;margin-inline-start:var(--mod-actiongroup-horizontal-spacing-compact,var(--spectrum-actiongroup-horizontal-spacing-compact));margin-inline-end:var(--mod-actiongroup-horizontal-spacing-compact,var(--spectrum-actiongroup-horizontal-spacing-compact))}:host([compact]:not([quiet])) ::slotted(:last-child){--mod-actionbutton-focus-indicator-border-radius:0px var(--mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius))var(--mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius))0px;border-start-end-radius:var(--mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius));border-end-end-radius:var(--mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius));margin-inline-start:var(--mod-actiongroup-horizontal-spacing-compact,var(--spectrum-actiongroup-horizontal-spacing-compact));margin-inline-end:var(--mod-actiongroup-border-radius-reset,var(--spectrum-actiongroup-border-radius-reset))}:host([compact]:not([quiet])) ::slotted([selected]){z-index:1}@media (hover:hover){:host([compact]:not([quiet])) ::slotted(:hover){z-index:2}}:host([compact]:not([quiet])) ::slotted(:focus-visible){z-index:3}:host([compact][vertical]:not([quiet])){gap:var(--mod-actiongroup-gap-size-compact,var(--spectrum-actiongroup-gap-size-compact))}:host([compact][vertical]:not([quiet])) ::slotted(*){border-radius:var(--mod-actiongroup-border-radius-reset,var(--spectrum-actiongroup-border-radius-reset))}:host([compact][vertical]:not([quiet])) ::slotted(:first-child){--mod-actionbutton-focus-indicator-border-radius:var(--mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius))var(--mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius))0px 0px;border-start-start-radius:var(--mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius));border-start-end-radius:var(--mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius));margin-block-start:var(--mod-actiongroup-vertical-spacing-compact,var(--spectrum-actiongroup-vertical-spacing-compact));margin-block-end:var(--mod-actiongroup-vertical-spacing-compact,var(--spectrum-actiongroup-vertical-spacing-compact));margin-inline-end:var(--mod-actiongroup-button-spacing-reset,var(--spectrum-actiongroup-button-spacing-reset))}:host([compact][vertical]:not([quiet])) ::slotted(:not(:first-child)){margin-block-start:var(--mod-actiongroup-button-spacing-reset,var(--spectrum-actiongroup-button-spacing-reset));margin-block-end:var(--mod-actiongroup-vertical-spacing-compact,var(--spectrum-actiongroup-vertical-spacing-compact));margin-inline-start:var(--mod-actiongroup-button-spacing-reset,var(--spectrum-actiongroup-button-spacing-reset));margin-inline-end:var(--mod-actiongroup-button-spacing-reset,var(--spectrum-actiongroup-button-spacing-reset))}:host([compact][vertical]:not([quiet])) ::slotted(:last-child){--mod-actionbutton-focus-indicator-border-radius:0px 0px var(--mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius))var(--mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius));border-end-end-radius:var(--mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius));border-end-start-radius:var(--mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius));margin-block-start:var(--mod-actiongroup-vertical-spacing-compact,var(--spectrum-actiongroup-vertical-spacing-compact));margin-block-end:var(--mod-actiongroup-button-spacing-reset,var(--spectrum-actiongroup-button-spacing-reset))}:host([justified]) ::slotted(*){flex-grow:1}:host{--spectrum-actiongroup-gap-size-compact:var(--system-action-group-gap-size-compact);--spectrum-actiongroup-horizontal-spacing-compact:var(--system-action-group-horizontal-spacing-compact);--spectrum-actiongroup-vertical-spacing-compact:var(--system-action-group-vertical-spacing-compact)}:host([size=xs]){--spectrum-actiongroup-horizontal-spacing-regular:var(--spectrum-spacing-75);--spectrum-actiongroup-vertical-spacing-regular:var(--spectrum-spacing-75)}:host([dir][compact][vertical]) ::slotted(:nth-child(n)){margin-left:0;margin-right:0}:host([justified]) ::slotted(:not([role])),:host([vertical]) ::slotted(:not([role])){flex-direction:column;align-items:stretch;display:flex}:host([compact]:not([quiet])) ::slotted(:not([role])){--overriden-border-radius:0;--mod-actionbutton-border-radius:var(--overriden-border-radius)}:host([compact][vertical]:not([quiet])) ::slotted(:not([role]):first-child){--overriden-border-radius:var(--mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius))var(--mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius))0 0}:host([compact][vertical]:not([quiet])) ::slotted(:not([role]):last-child){--overriden-border-radius:0 0 var(--mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius))var(--mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius))}:host([dir=ltr][compact]:not([quiet],[vertical])) ::slotted(:not([role]):first-child){--overriden-border-radius:var(--mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius))0 0 var(--mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius))}:host([dir=rtl][compact]:not([quiet],[vertical])) ::slotted(:not([role]):first-child),:host([dir=ltr][compact]:not([quiet],[vertical])) ::slotted(:not([role]):last-child){--overriden-border-radius:0 var(--mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius))var(--mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius))0}:host([dir=rtl][compact]:not([quiet],[vertical])) ::slotted(:not([role]):last-child){--overriden-border-radius:var(--mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius))0 0 var(--mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius))}:host([compact]:not([quiet])) ::slotted(*){--mod-actionbutton-focus-ring-border-radius:0}:host([compact][vertical]:not([quiet])) ::slotted(:first-child){--mod-actionbutton-focus-ring-border-radius:var(--spectrum-alias-component-border-radius)var(--mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius))0 0}:host([compact][vertical]:not([quiet])) ::slotted(:last-child){--mod-actionbutton-focus-ring-border-radius:0 0 var(--mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius))var(--mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius))}:host([dir=ltr][compact]:not([quiet],[vertical])) ::slotted(:first-child){--mod-actionbutton-focus-ring-border-radius:var(--spectrum-alias-component-border-radius)0 0 var(--mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius))}:host([dir=rtl][compact]:not([quiet],[vertical])) ::slotted(:first-child),:host([dir=ltr][compact]:not([quiet],[vertical])) ::slotted(:last-child){--mod-actionbutton-focus-ring-border-radius:0 var(--mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius))var(--mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius))0}:host([dir=rtl][compact]:not([quiet],[vertical])) ::slotted(:last-child){--mod-actionbutton-focus-ring-border-radius:var(--spectrum-alias-component-border-radius)0 0 var(--mod-actiongroup-border-radius,var(--spectrum-actiongroup-border-radius))}:host([justified]) ::slotted(*){flex:1} -`,hm=C1;var T1=Object.defineProperty,I1=Object.getOwnPropertyDescriptor,me=(o,t,e,r)=>{for(var s=r>1?void 0:r?I1(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&T1(t,e,s),s},zl=[],wt=class extends R(E,{validSizes:["xs","s","m","l","xl"],noDefaultSize:!0}){constructor(){super(),this._buttons=[],this._buttonSelector="sp-action-button, sp-action-menu",this.rovingTabindexController=new $t(this,{focusInIndex:t=>{let e=-1,r=t.findIndex((s,i)=>(!t[e]&&!s.disabled&&(e=i),s.selected&&!s.disabled));return t[r]?r:e},elements:()=>this.buttons,hostDelegatesFocus:!0,isFocusableElement:t=>!t.disabled}),this.compact=!1,this.emphasized=!1,this.justified=!1,this.label="",this.quiet=!1,this.vertical=!1,this._selected=zl,this.hasManaged=!1,this.manageButtons=()=>{if(!this.slotElement)return;let t=this.slotElement.assignedElements({flatten:!0}).reduce((e,r)=>{if(r.matches(this._buttonSelector))e.push(r);else{let s=Array.from(r.querySelectorAll(`:scope > ${this._buttonSelector}`));e.push(...s)}return e},[]);if(this.buttons=t,this.selects||!this.hasManaged){let e=[];this.buttons.forEach(r=>{r.selected&&e.push(r.value)}),this.setSelected(this.selected.concat(e))}this.manageChildren(),this.manageSelects(),this.hasManaged=!0},new si(this,{config:{childList:!0,subtree:!0},callback:()=>{this.manageButtons()},skipInitial:!0})}static get styles(){return[hm]}set buttons(t){t!==this.buttons&&(this._buttons=t,this.rovingTabindexController.clearElementCache())}get buttons(){return this._buttons}set selected(t){this.requestUpdate("selected",this._selected),this._selected=t,this.updateComplete.then(()=>{this.applySelects(),this.manageChildren()})}get selected(){return this._selected}dispatchChange(t){this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0,cancelable:!0}))||(this.setSelected(t),this.buttons.map(e=>{e.selected=this.selected.includes(e.value)}))}setSelected(t,e){if(t===this.selected)return;let r=this.selected;this.requestUpdate("selected",r),this._selected=t,e&&this.dispatchChange(r)}focus(t){this.rovingTabindexController.focus(t)}deselectSelectedButtons(){this.buttons.forEach(t=>{t.selected&&(t.selected=!1,t.tabIndex=-1,t.setAttribute(this.selects?"aria-checked":"aria-pressed","false"))})}handleActionButtonChange(t){t.stopPropagation(),t.preventDefault()}handleClick(t){let e=t.target;if(typeof e.value<"u")switch(this.selects){case"single":{this.deselectSelectedButtons(),e.selected=!0,e.tabIndex=0,e.setAttribute("aria-checked","true"),this.setSelected([e.value],!0);break}case"multiple":{let r=[...this.selected];e.selected=!e.selected,e.setAttribute("aria-checked",e.selected?"true":"false"),e.selected?r.push(e.value):r.splice(this.selected.indexOf(e.value),1),this.setSelected(r,!0),this.buttons.forEach(s=>{s.tabIndex=-1}),e.tabIndex=0;break}default:break}}async applySelects(){await this.manageSelects(!0)}async manageSelects(t){if(!this.buttons.length)return;let e=this.buttons;switch(this.selects){case"single":{this.setAttribute("role","radiogroup");let r=[],s=e.map(async a=>{await a.updateComplete,a instanceof bt&&a.setAttribute("role","radio"),a.setAttribute("aria-checked",a.selected?"true":"false"),a.selected&&r.push(a)});if(t)break;await Promise.all(s);let i=r.map(a=>a.value);this.setSelected(i||zl);break}case"multiple":{this.getAttribute("role")==="radiogroup"&&this.removeAttribute("role");let r=[],s=[],i=e.map(async d=>{await d.updateComplete,d instanceof bt&&d.setAttribute("role","checkbox"),d.setAttribute("aria-checked",d.selected?"true":"false"),d.selected&&(r.push(d.value),s.push(d))});if(t)break;await Promise.all(i);let a=r.length?r:zl;this.setSelected(a);break}default:if(this.selected.length){let r=[],s=e.map(async i=>{await i.updateComplete,i instanceof bt&&i.setAttribute("role","button"),i.selected?(i.setAttribute("aria-pressed","true"),r.push(i)):i.removeAttribute("aria-pressed")});if(t)break;await Promise.all(s),this.setSelected(r.map(i=>i.value))}else{this.buttons.forEach(r=>{r instanceof bt&&r.setAttribute("role","button")});break}}this.hasAttribute("role")||this.setAttribute("role","toolbar")}render(){return c` +`,bm=S1;var E1=Object.defineProperty,$1=Object.getOwnPropertyDescriptor,me=(o,t,e,r)=>{for(var s=r>1?void 0:r?$1(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&E1(t,e,s),s},Cl=[],wt=class extends R(E,{validSizes:["xs","s","m","l","xl"],noDefaultSize:!0}){constructor(){super(),this._buttons=[],this._buttonSelector="sp-action-button, sp-action-menu",this.rovingTabindexController=new $t(this,{focusInIndex:t=>{let e=-1,r=t.findIndex((s,i)=>(!t[e]&&!s.disabled&&(e=i),s.selected&&!s.disabled));return t[r]?r:e},elements:()=>this.buttons,hostDelegatesFocus:!0,isFocusableElement:t=>!t.disabled}),this.compact=!1,this.emphasized=!1,this.justified=!1,this.label="",this.quiet=!1,this.vertical=!1,this._selected=Cl,this.hasManaged=!1,this.manageButtons=()=>{if(!this.slotElement)return;let t=this.slotElement.assignedElements({flatten:!0}).reduce((e,r)=>{if(r.matches(this._buttonSelector))e.push(r);else{let s=Array.from(r.querySelectorAll(`:scope > ${this._buttonSelector}`));e.push(...s)}return e},[]);if(this.buttons=t,this.selects||!this.hasManaged){let e=[];this.buttons.forEach(r=>{r.selected&&e.push(r.value)}),this.setSelected(this.selected.concat(e))}this.manageChildren(),this.manageSelects(),this.hasManaged=!0},new si(this,{config:{childList:!0,subtree:!0},callback:()=>{this.manageButtons()},skipInitial:!0})}static get styles(){return[bm]}set buttons(t){t!==this.buttons&&(this._buttons=t,this.rovingTabindexController.clearElementCache())}get buttons(){return this._buttons}set selected(t){this.requestUpdate("selected",this._selected),this._selected=t,this.updateComplete.then(()=>{this.applySelects(),this.manageChildren()})}get selected(){return this._selected}dispatchChange(t){this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0,cancelable:!0}))||(this.setSelected(t),this.buttons.map(e=>{e.selected=this.selected.includes(e.value)}))}setSelected(t,e){if(t===this.selected)return;let r=this.selected;this.requestUpdate("selected",r),this._selected=t,e&&this.dispatchChange(r)}focus(t){this.rovingTabindexController.focus(t)}deselectSelectedButtons(){this.buttons.forEach(t=>{t.selected&&(t.selected=!1,t.tabIndex=-1,t.setAttribute(this.selects?"aria-checked":"aria-pressed","false"))})}handleActionButtonChange(t){t.stopPropagation(),t.preventDefault()}handleClick(t){let e=t.target;if(typeof e.value<"u")switch(this.selects){case"single":{this.deselectSelectedButtons(),e.selected=!0,e.tabIndex=0,e.setAttribute("aria-checked","true"),this.setSelected([e.value],!0);break}case"multiple":{let r=[...this.selected];e.selected=!e.selected,e.setAttribute("aria-checked",e.selected?"true":"false"),e.selected?r.push(e.value):r.splice(this.selected.indexOf(e.value),1),this.setSelected(r,!0),this.buttons.forEach(s=>{s.tabIndex=-1}),e.tabIndex=0;break}default:break}}async applySelects(){await this.manageSelects(!0)}async manageSelects(t){if(!this.buttons.length)return;let e=this.buttons;switch(this.selects){case"single":{this.setAttribute("role","radiogroup");let r=[],s=e.map(async a=>{await a.updateComplete,a instanceof bt&&a.setAttribute("role","radio"),a.setAttribute("aria-checked",a.selected?"true":"false"),a.selected&&r.push(a)});if(t)break;await Promise.all(s);let i=r.map(a=>a.value);this.setSelected(i||Cl);break}case"multiple":{this.getAttribute("role")==="radiogroup"&&this.removeAttribute("role");let r=[],s=[],i=e.map(async d=>{await d.updateComplete,d instanceof bt&&d.setAttribute("role","checkbox"),d.setAttribute("aria-checked",d.selected?"true":"false"),d.selected&&(r.push(d.value),s.push(d))});if(t)break;await Promise.all(i);let a=r.length?r:Cl;this.setSelected(a);break}default:if(this.selected.length){let r=[],s=e.map(async i=>{await i.updateComplete,i instanceof bt&&i.setAttribute("role","button"),i.selected?(i.setAttribute("aria-pressed","true"),r.push(i)):i.removeAttribute("aria-pressed")});if(t)break;await Promise.all(s),this.setSelected(r.map(i=>i.value))}else{this.buttons.forEach(r=>{r instanceof bt&&r.setAttribute("role","button")});break}}this.hasAttribute("role")||this.setAttribute("role","toolbar")}render(){return c` - `}firstUpdated(t){super.firstUpdated(t),this.addEventListener("click",this.handleClick)}updated(t){super.updated(t),t.has("selects")&&(this.manageSelects(),this.manageChildren(),this.selects?this.shadowRoot.addEventListener("change",this.handleActionButtonChange):this.shadowRoot.removeEventListener("change",this.handleActionButtonChange)),(t.has("quiet")||t.has("emphasized")||t.has("size")||t.has("staticColor"))&&this.manageChildren(t),t.has("label")&&(this.label||typeof t.get("label")<"u")&&(this.label.length?this.setAttribute("aria-label",this.label):this.removeAttribute("aria-label"))}manageChildren(t){this.buttons.forEach(e=>{(this.quiet||t!=null&&t.get("quiet"))&&(e.quiet=this.quiet),(this.emphasized||t!=null&&t.get("emphasized"))&&(e.emphasized=this.emphasized),(this.staticColor||t!=null&&t.get("staticColor"))&&(e.staticColor=this.staticColor),(this.selects||!this.hasManaged)&&(e.selected=this.selected.includes(e.value)),this.size&&(this.size!=="m"||typeof t?.get("size")<"u")&&(e.size=this.size)})}};wt.shadowRootOptions={...E.shadowRootOptions,delegatesFocus:!0},me([n({type:Boolean,reflect:!0})],wt.prototype,"compact",2),me([n({type:Boolean,reflect:!0})],wt.prototype,"emphasized",2),me([n({type:Boolean,reflect:!0})],wt.prototype,"justified",2),me([n({type:String})],wt.prototype,"label",2),me([n({type:Boolean,reflect:!0})],wt.prototype,"quiet",2),me([n({type:String})],wt.prototype,"selects",2),me([n({reflect:!0,attribute:"static-color"})],wt.prototype,"staticColor",2),me([n({type:Boolean,reflect:!0})],wt.prototype,"vertical",2),me([n({type:Array})],wt.prototype,"selected",1),me([P("slot")],wt.prototype,"slotElement",2);x();l("sp-action-group",wt);x();l("sp-close-button",eo);p();L();te();p();var bm=({width:o=24,height:t=24,hidden:e=!1,title:r="Asterisk100"}={})=>$`{(this.quiet||t!=null&&t.get("quiet"))&&(e.quiet=this.quiet),(this.emphasized||t!=null&&t.get("emphasized"))&&(e.emphasized=this.emphasized),(this.staticColor||t!=null&&t.get("staticColor"))&&(e.staticColor=this.staticColor),(this.selects||!this.hasManaged)&&(e.selected=this.selected.includes(e.value)),this.size&&(this.size!=="m"||typeof t?.get("size")<"u")&&(e.size=this.size)})}};wt.shadowRootOptions={...E.shadowRootOptions,delegatesFocus:!0},me([n({type:Boolean,reflect:!0})],wt.prototype,"compact",2),me([n({type:Boolean,reflect:!0})],wt.prototype,"emphasized",2),me([n({type:Boolean,reflect:!0})],wt.prototype,"justified",2),me([n({type:String})],wt.prototype,"label",2),me([n({type:Boolean,reflect:!0})],wt.prototype,"quiet",2),me([n({type:String})],wt.prototype,"selects",2),me([n({reflect:!0,attribute:"static-color"})],wt.prototype,"staticColor",2),me([n({type:Boolean,reflect:!0})],wt.prototype,"vertical",2),me([n({type:Array})],wt.prototype,"selected",1),me([P("slot")],wt.prototype,"slotElement",2);x();l("sp-action-group",wt);x();l("sp-close-button",eo);p();L();te();p();var gm=({width:o=24,height:t=24,hidden:e=!1,title:r="Asterisk100"}={})=>$` - `;var gm=({width:o=24,height:t=24,hidden:e=!1,title:r="Asterisk100"}={})=>$``;var vm=({width:o=24,height:t=24,hidden:e=!1,title:r="Asterisk100"}={})=>$` - `;var ii=class extends h{render(){return j(c),this.spectrumVersion===2?bm({hidden:!this.label,title:this.label}):gm({hidden:!this.label,title:this.label})}};x();l("sp-icon-asterisk100",ii);p();var S1=y` + `;var ii=class extends h{render(){return j(c),this.spectrumVersion===2?gm({hidden:!this.label,title:this.label}):vm({hidden:!this.label,title:this.label})}};x();l("sp-icon-asterisk100",ii);p();var _1=y` .spectrum-UIIcon-Asterisk75{--spectrum-icon-size:var(--spectrum-asterisk-icon-size-75)}.spectrum-UIIcon-Asterisk100{--spectrum-icon-size:var(--spectrum-asterisk-icon-size-100)}.spectrum-UIIcon-Asterisk200{--spectrum-icon-size:var(--spectrum-asterisk-icon-size-200)}.spectrum-UIIcon-Asterisk300{--spectrum-icon-size:var(--spectrum-asterisk-icon-size-300)} -`,vm=S1;ro();Tl();p();var E1=y` +`,fm=_1;ro();Il();p();var A1=y` /*! * Copyright 2025 Adobe. All rights reserved. This file is licensed to you under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License./ * @@ -405,7 +405,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho * } */ :host,:host{--spectrum-field-label-min-height:var(--spectrum-component-height-75);--spectrum-field-label-font-size:var(--spectrum-font-size-75);--spectrum-field-label-side-margin-block-start:var(--spectrum-field-label-top-margin-medium);--spectrum-field-label-side-padding-right:var(--spectrum-spacing-200);--spectrum-field-label-text-to-asterisk:var(--spectrum-field-label-text-to-asterisk-medium)}:host([size=s]){--spectrum-field-label-min-height:var(--spectrum-component-height-75);--spectrum-field-label-font-size:var(--spectrum-font-size-75);--spectrum-field-label-side-margin-block-start:var(--spectrum-field-label-top-margin-small);--spectrum-field-label-side-padding-right:var(--spectrum-spacing-100);--spectrum-field-label-text-to-asterisk:var(--spectrum-field-label-text-to-asterisk-small)}:host([size=l]){--spectrum-field-label-min-height:var(--spectrum-component-height-100);--spectrum-field-label-font-size:var(--spectrum-font-size-100);--spectrum-field-label-side-margin-block-start:var(--spectrum-field-label-top-margin-large);--spectrum-field-label-side-padding-right:var(--spectrum-spacing-200);--spectrum-field-label-text-to-asterisk:var(--spectrum-field-label-text-to-asterisk-large)}:host([size=xl]){--spectrum-field-label-min-height:var(--spectrum-component-height-200);--spectrum-field-label-font-size:var(--spectrum-font-size-200);--spectrum-field-label-side-margin-block-start:var(--spectrum-field-label-top-margin-extra-large);--spectrum-field-label-side-padding-right:var(--spectrum-spacing-200);--spectrum-field-label-text-to-asterisk:var(--spectrum-field-label-text-to-asterisk-extra-large)}:host{box-sizing:border-box;min-block-size:var(--mod-fieldlabel-min-height,var(--spectrum-field-label-min-height));padding-block:var(--mod-fieldlabel-padding-block,var(--mod-field-label-top-to-text,var(--spectrum-field-label-top-to-text))var(--mod-field-label-bottom-to-text,var(--spectrum-field-label-bottom-to-text)));padding-inline:0;padding-inline:var(--mod-fieldlabel-padding-inline,0);margin-block:0;margin-block:var(--mod-fieldlabel-margin-block,var(--mod-fieldlabel-margin-block-start,0)var(--mod-fieldlabel-margin-block-end,0));margin-inline:0;margin-inline:var(--mod-fieldlabel-margin-inline,var(--mod-fieldlabel-margin-inline-start,0)var(--mod-fieldlabel-margin-inline-end,0));font-size:var(--mod-fieldlabel-font-size,var(--spectrum-field-label-font-size));font-weight:var(--mod-fieldlabel-font-weight,var(--spectrum-regular-font-weight));line-height:var(--mod-fieldlabel-line-height,var(--spectrum-line-height-100));-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;color:var(--highcontrast-field-label-content-color,var(--mod-fieldlabel-color,var(--spectrum-neutral-subdued-content-color-default)));display:block}:host(:lang(ja)),:host(:lang(ko)),:host(:lang(zh)){--mod-fieldlabel-line-height:var(--mod-fieldlabel-line-height-cjk,var(--spectrum-cjk-line-height-100))}:host([disabled]){--mod-fieldlabel-color:var(--mod-disabled-content-color,var(--spectrum-disabled-content-color))}.required-icon{color:inherit;margin-block:0;margin-inline:var(--mod-field-label-text-to-asterisk,var(--spectrum-field-label-text-to-asterisk))0;vertical-align:initial;vertical-align:var(--mod-field-label-asterisk-vertical-align,baseline)}:host([side-aligned=start]),:host([side-aligned=end]){vertical-align:top;margin-block-start:var(--mod-fieldlabel-side-margin-block-start,var(--spectrum-field-label-side-margin-block-start));margin-block-end:0;margin-inline-end:var(--mod-fieldlabel-side-padding-right,var(--spectrum-field-label-side-padding-right));display:inline-block}:host([side-aligned=end]){text-align:end}@media (forced-colors:active){:host([disabled]){--highcontrast-field-label-content-color:GrayText}}label{display:inline-block} - `,fm=E1;var $1=Object.defineProperty,_1=Object.getOwnPropertyDescriptor,so=(o,t,e,r)=>{for(var s=r>1?void 0:r?_1(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&$1(t,e,s),s},pe=class extends R(E,{noDefaultSize:!0}){constructor(){super(...arguments),this.disabled=!1,this.id="",this.for="",this.required=!1,this.resolvedElement=new oo(this)}static get styles(){return[fm,vm]}handleClick(t){if(!this.target||this.disabled||t.defaultPrevented)return;this.target.focus();let e=this.getRootNode(),r=this.target,s=r.getRootNode(),i=s.host;s===e&&r.forceFocusVisible?r.forceFocusVisible():i&&i.forceFocusVisible&&i.forceFocusVisible()}applyTargetLabel(t){if(this.target=t||this.target,this.target){let e=this.target.applyFocusElementLabel,r=this.target.focusElement||this.target,s=r.getRootNode();typeof e<"u"?e(this.labelText,this):s===this.getRootNode()?(t?Bt:Cl)(r,"aria-labelledby",[this.id]):t?r.setAttribute("aria-label",this.labelText):r.removeAttribute("aria-label")}}async manageTarget(){this.applyTargetLabel();let t=this.resolvedElement.element;if(!t){this.target=t;return}t.localName.search("-")>0&&await customElements.whenDefined(t.localName),typeof t.updateComplete<"u"&&await t.updateComplete,this.applyTargetLabel(t)}get labelText(){let t=this.slotEl.assignedNodes({flatten:!0});return t.length?t.map(e=>(e.textContent||"").trim()).join(" "):""}render(){return c` + `,xm=A1;var L1=Object.defineProperty,P1=Object.getOwnPropertyDescriptor,so=(o,t,e,r)=>{for(var s=r>1?void 0:r?P1(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&L1(t,e,s),s},pe=class extends R(E,{noDefaultSize:!0}){constructor(){super(...arguments),this.disabled=!1,this.id="",this.for="",this.required=!1,this.resolvedElement=new oo(this)}static get styles(){return[xm,fm]}handleClick(t){if(!this.target||this.disabled||t.defaultPrevented)return;this.target.focus();let e=this.getRootNode(),r=this.target,s=r.getRootNode(),i=s.host;s===e&&r.forceFocusVisible?r.forceFocusVisible():i&&i.forceFocusVisible&&i.forceFocusVisible()}applyTargetLabel(t){if(this.target=t||this.target,this.target){let e=this.target.applyFocusElementLabel,r=this.target.focusElement||this.target,s=r.getRootNode();typeof e<"u"?e(this.labelText,this):s===this.getRootNode()?(t?Bt:Tl)(r,"aria-labelledby",[this.id]):t?r.setAttribute("aria-label",this.labelText):r.removeAttribute("aria-label")}}async manageTarget(){this.applyTargetLabel();let t=this.resolvedElement.element;if(!t){this.target=t;return}t.localName.search("-")>0&&await customElements.whenDefined(t.localName),typeof t.updateComplete<"u"&&await t.updateComplete,this.applyTargetLabel(t)}get labelText(){let t=this.slotEl.assignedNodes({flatten:!0});return t.length?t.map(e=>(e.textContent||"").trim()).join(" "):""}render(){return c` - `}firstUpdated(t){super.firstUpdated(t),this.addEventListener("click",this.handleClick)}willUpdate(t){this.hasAttribute("id")||this.setAttribute("id",`${this.tagName.toLowerCase()}-${at()}`),t.has("for")&&(this.resolvedElement.selector=this.for?`#${this.for}`:""),(t.has("id")||t.has(Wo))&&this.manageTarget()}};so([n({type:Boolean,reflect:!0})],pe.prototype,"disabled",2),so([n({type:String})],pe.prototype,"id",2),so([n({type:String})],pe.prototype,"for",2),so([n({type:Boolean,reflect:!0})],pe.prototype,"required",2),so([P("slot")],pe.prototype,"slotEl",2),so([n({type:String,reflect:!0,attribute:"side-aligned"})],pe.prototype,"sideAligned",2);x();l("sp-field-label",pe);p();var A1=y` + `}firstUpdated(t){super.firstUpdated(t),this.addEventListener("click",this.handleClick)}willUpdate(t){this.hasAttribute("id")||this.setAttribute("id",`${this.tagName.toLowerCase()}-${at()}`),t.has("for")&&(this.resolvedElement.selector=this.for?`#${this.for}`:""),(t.has("id")||t.has(Wo))&&this.manageTarget()}};so([n({type:Boolean,reflect:!0})],pe.prototype,"disabled",2),so([n({type:String})],pe.prototype,"id",2),so([n({type:String})],pe.prototype,"for",2),so([n({type:Boolean,reflect:!0})],pe.prototype,"required",2),so([P("slot")],pe.prototype,"slotEl",2),so([n({type:String,reflect:!0,attribute:"side-aligned"})],pe.prototype,"sideAligned",2);x();l("sp-field-label",pe);p();var M1=y` :host{--spectrum-actionbar-height:var(--spectrum-action-bar-height);--spectrum-actionbar-corner-radius:var(--spectrum-corner-radius-100);--spectrum-actionbar-item-counter-font-size:var(--spectrum-font-size-100);--spectrum-actionbar-item-counter-line-height:var(--spectrum-line-height-100);--spectrum-actionbar-item-counter-color:var(--spectrum-neutral-content-color-default);--spectrum-actionbar-emphasized-background-color:var(--spectrum-informative-background-color-default);--spectrum-actionbar-emphasized-item-counter-color:var(--spectrum-white);--spectrum-actionbar-spacing-outer-edge:var(--spectrum-spacing-300);--spectrum-actionbar-spacing-close-button-top:var(--spectrum-spacing-100);--spectrum-actionbar-spacing-close-button-start:var(--spectrum-spacing-100);--spectrum-actionbar-spacing-close-button-end:var(--spectrum-spacing-75);--spectrum-actionbar-spacing-item-counter-top:var(--spectrum-action-bar-top-to-item-counter);--spectrum-actionbar-spacing-item-counter-end:var(--spectrum-spacing-400);--spectrum-actionbar-spacing-action-group-top:var(--spectrum-spacing-100);--spectrum-actionbar-spacing-action-group-end:var(--spectrum-spacing-100);--spectrum-actionbar-shadow-horizontal:var(--spectrum-drop-shadow-x);--spectrum-actionbar-shadow-vertical:var(--spectrum-drop-shadow-y);--spectrum-actionbar-shadow-blur:var(--spectrum-drop-shadow-blur);--spectrum-actionbar-shadow-color:var(--spectrum-drop-shadow-color)}:host:lang(ja),:host:lang(ko),:host:lang(zh){--spectrum-actionbar-item-counter-line-height-cjk:var(--spectrum-cjk-line-height-100)}@media (forced-colors:active){:host,:host([emphasized]) #popover{--highcontrast-actionbar-popover-border-color:CanvasText}}:host{padding:0 var(--mod-actionbar-spacing-outer-edge,var(--spectrum-actionbar-spacing-outer-edge));z-index:1;box-sizing:border-box;pointer-events:none;opacity:0;block-size:0;inset-block-end:0}:host([open]){block-size:calc(var(--mod-actionbar-spacing-outer-edge,var(--spectrum-actionbar-spacing-outer-edge)) + var(--mod-actionbar-height,var(--spectrum-actionbar-height)));opacity:1}#popover{block-size:var(--mod-actionbar-height,var(--spectrum-actionbar-height));box-sizing:border-box;border-radius:var(--mod-actionbar-corner-radius,var(--spectrum-actionbar-corner-radius));border-color:var(--highcontrast-actionbar-popover-border-color,var(--mod-actionbar-popover-border-color,var(--spectrum-actionbar-popover-border-color)));background-color:var(--mod-actionbar-popover-background-color,var(--spectrum-actionbar-popover-background-color));inline-size:100%;filter:drop-shadow(var(--mod-actionbar-shadow-horizontal,var(--spectrum-actionbar-shadow-horizontal))var(--mod-actionbar-shadow-vertical,var(--spectrum-actionbar-shadow-vertical))var(--mod-actionbar-shadow-blur,var(--spectrum-actionbar-shadow-blur))var(--mod-actionbar-shadow-color,var(--spectrum-actionbar-shadow-color)));pointer-events:auto;flex-direction:row;margin:auto;padding-block:0;display:flex;position:relative}.close-button{flex-shrink:0;margin-block-start:var(--mod-actionbar-spacing-close-button-top,var(--spectrum-actionbar-spacing-close-button-top));margin-inline-start:var(--mod-actionbar-spacing-close-button-start,var(--spectrum-actionbar-spacing-close-button-start));margin-inline-end:var(--mod-actionbar-spacing-close-button-end,var(--spectrum-actionbar-spacing-close-button-end))}.field-label{font-size:var(--mod-actionbar-item-counter-font-size,var(--spectrum-actionbar-item-counter-font-size));color:var(--mod-actionbar-item-counter-color,var(--spectrum-actionbar-item-counter-color));line-height:var(--mod-actionbar-item-counter-line-height,var(--spectrum-actionbar-item-counter-line-height));margin-block-start:var(--mod-actionbar-spacing-item-counter-top,var(--spectrum-actionbar-spacing-item-counter-top));margin-inline-end:var(--mod-actionbar-spacing-item-counter-end,var(--spectrum-actionbar-spacing-item-counter-end));padding:0}.field-label:lang(ja),.field-label:lang(ko),.field-label:lang(zh){line-height:var(--mod-actionbar-item-counter-line-height-cjk,var(--spectrum-actionbar-item-counter-line-height-cjk))}.action-group{margin-block-start:var(--mod-actionbar-spacing-action-group-top,var(--spectrum-actionbar-spacing-action-group-top));margin-inline-start:auto;margin-inline-end:var(--mod-actionbar-spacing-action-group-end,var(--spectrum-actionbar-spacing-action-group-end))}:host([emphasized]) #popover{filter:none;background-color:var(--mod-actionbar-emphasized-background-color,var(--spectrum-actionbar-emphasized-background-color));border-color:#0000}:host([emphasized]) .field-label{color:var(--mod-actionbar-emphasized-item-counter-color,var(--spectrum-actionbar-emphasized-item-counter-color))}:host([variant=sticky]){position:sticky;inset-inline:0}:host([variant=fixed]){position:fixed}:host([flexible]) #popover{inline-size:auto}:host{--spectrum-actionbar-popover-background-color:var(--system-action-bar-popover-background-color);--spectrum-actionbar-popover-border-color:var(--system-action-bar-popover-border-color)}:host{display:block}:host([flexible]){display:inline-block} -`,xm=A1;J();le();var L1=Object.defineProperty,P1=Object.getOwnPropertyDescriptor,ai=(o,t,e,r)=>{for(var s=r>1?void 0:r?P1(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&L1(t,e,s),s},M1=["sticky","fixed"],Ke=class extends mt(E){constructor(){super(...arguments),this.emphasized=!1,this.flexible=!1,this.open=!1,this._variant=""}static get styles(){return[xm]}set variant(t){if(t!==this.variant){if(M1.includes(t)){this.setAttribute("variant",t),this._variant=t;return}this.removeAttribute("variant"),this._variant=""}}get variant(){return this._variant}handleClick(){this.open=!1,this.dispatchEvent(new Event("close",{bubbles:!0,composed:!0,cancelable:!0}))||(this.open=!0)}render(){return c` +`,ym=M1;J();le();var B1=Object.defineProperty,O1=Object.getOwnPropertyDescriptor,ai=(o,t,e,r)=>{for(var s=r>1?void 0:r?O1(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&B1(t,e,s),s},D1=["sticky","fixed"],Ke=class extends mt(E){constructor(){super(...arguments),this.emphasized=!1,this.flexible=!1,this.open=!1,this._variant=""}static get styles(){return[ym]}set variant(t){if(t!==this.variant){if(D1.includes(t)){this.setAttribute("variant",t),this._variant=t;return}this.removeAttribute("variant"),this._variant=""}}get variant(){return this._variant}handleClick(){this.open=!1,this.dispatchEvent(new Event("close",{bubbles:!0,composed:!0,cancelable:!0}))||(this.open=!0)}render(){return c` - `}};ai([n({type:Boolean,reflect:!0})],Ke.prototype,"emphasized",2),ai([n({type:Boolean,reflect:!0})],Ke.prototype,"flexible",2),ai([n({type:Boolean,reflect:!0})],Ke.prototype,"open",2),ai([n({type:String})],Ke.prototype,"variant",1);x();l("sp-action-bar",Ke);x();l("sp-action-button",bt);p();L();J();L();p();L();J();p();var B1=y` + `}};ai([n({type:Boolean,reflect:!0})],Ke.prototype,"emphasized",2),ai([n({type:Boolean,reflect:!0})],Ke.prototype,"flexible",2),ai([n({type:Boolean,reflect:!0})],Ke.prototype,"open",2),ai([n({type:String})],Ke.prototype,"variant",1);x();l("sp-action-bar",Ke);x();l("sp-action-button",bt);p();L();J();L();p();L();J();p();var H1=y` .spectrum-UIIcon-ChevronRight50{--spectrum-icon-size:var(--spectrum-chevron-icon-size-50)}.spectrum-UIIcon-ChevronRight75{--spectrum-icon-size:var(--spectrum-chevron-icon-size-75)}.spectrum-UIIcon-ChevronRight100{--spectrum-icon-size:var(--spectrum-chevron-icon-size-100)}.spectrum-UIIcon-ChevronRight200{--spectrum-icon-size:var(--spectrum-chevron-icon-size-200)}.spectrum-UIIcon-ChevronRight300{--spectrum-icon-size:var(--spectrum-chevron-icon-size-300)}.spectrum-UIIcon-ChevronRight400{--spectrum-icon-size:var(--spectrum-chevron-icon-size-400)}.spectrum-UIIcon-ChevronRight500{--spectrum-icon-size:var(--spectrum-chevron-icon-size-500)}.spectrum-UIIcon-ChevronDown50{--spectrum-icon-size:var(--spectrum-chevron-icon-size-50);transform:rotate(90deg)}.spectrum-UIIcon-ChevronDown75{--spectrum-icon-size:var(--spectrum-chevron-icon-size-75);transform:rotate(90deg)}.spectrum-UIIcon-ChevronDown100{--spectrum-icon-size:var(--spectrum-chevron-icon-size-100);transform:rotate(90deg)}.spectrum-UIIcon-ChevronDown200{--spectrum-icon-size:var(--spectrum-chevron-icon-size-200);transform:rotate(90deg)}.spectrum-UIIcon-ChevronDown300{--spectrum-icon-size:var(--spectrum-chevron-icon-size-300);transform:rotate(90deg)}.spectrum-UIIcon-ChevronDown400{--spectrum-icon-size:var(--spectrum-chevron-icon-size-400);transform:rotate(90deg)}.spectrum-UIIcon-ChevronDown500{--spectrum-icon-size:var(--spectrum-chevron-icon-size-500);transform:rotate(90deg)}.spectrum-UIIcon-ChevronLeft50{--spectrum-icon-size:var(--spectrum-chevron-icon-size-50);transform:rotate(180deg)}.spectrum-UIIcon-ChevronLeft75{--spectrum-icon-size:var(--spectrum-chevron-icon-size-75);transform:rotate(180deg)}.spectrum-UIIcon-ChevronLeft100{--spectrum-icon-size:var(--spectrum-chevron-icon-size-100);transform:rotate(180deg)}.spectrum-UIIcon-ChevronLeft200{--spectrum-icon-size:var(--spectrum-chevron-icon-size-200);transform:rotate(180deg)}.spectrum-UIIcon-ChevronLeft300{--spectrum-icon-size:var(--spectrum-chevron-icon-size-300);transform:rotate(180deg)}.spectrum-UIIcon-ChevronLeft400{--spectrum-icon-size:var(--spectrum-chevron-icon-size-400);transform:rotate(180deg)}.spectrum-UIIcon-ChevronLeft500{--spectrum-icon-size:var(--spectrum-chevron-icon-size-500);transform:rotate(180deg)}.spectrum-UIIcon-ChevronUp50{--spectrum-icon-size:var(--spectrum-chevron-icon-size-50);transform:rotate(270deg)}.spectrum-UIIcon-ChevronUp75{--spectrum-icon-size:var(--spectrum-chevron-icon-size-75);transform:rotate(270deg)}.spectrum-UIIcon-ChevronUp100{--spectrum-icon-size:var(--spectrum-chevron-icon-size-100);transform:rotate(270deg)}.spectrum-UIIcon-ChevronUp200{--spectrum-icon-size:var(--spectrum-chevron-icon-size-200);transform:rotate(270deg)}.spectrum-UIIcon-ChevronUp300{--spectrum-icon-size:var(--spectrum-chevron-icon-size-300);transform:rotate(270deg)}.spectrum-UIIcon-ChevronUp400{--spectrum-icon-size:var(--spectrum-chevron-icon-size-400);transform:rotate(270deg)}.spectrum-UIIcon-ChevronUp500{--spectrum-icon-size:var(--spectrum-chevron-icon-size-500);transform:rotate(270deg)} -`,jt=B1;p();var ym=({width:o=24,height:t=24,hidden:e=!1,title:r="Chevron100"}={})=>$`$` - `;var wm=({width:o=24,height:t=24,hidden:e=!1,title:r="Chevron100"}={})=>$``;var km=({width:o=24,height:t=24,hidden:e=!1,title:r="Chevron100"}={})=>$` - `;var ci=class extends h{render(){return j(c),this.spectrumVersion===2?ym({hidden:!this.label,title:this.label}):wm({hidden:!this.label,title:this.label})}};x();l("sp-icon-chevron100",ci);p();var Il,u=function(o,...t){return Il?Il(o,...t):t.reduce((e,r,s)=>e+r+o[s+1],o[0])},g=o=>{Il=o};var km=({width:o=24,height:t=24,hidden:e=!1,title:r="Alert"}={})=>u``;var ci=class extends h{render(){return j(c),this.spectrumVersion===2?wm({hidden:!this.label,title:this.label}):km({hidden:!this.label,title:this.label})}};x();l("sp-icon-chevron100",ci);p();var Sl,u=function(o,...t){return Sl?Sl(o,...t):t.reduce((e,r,s)=>e+r+o[s+1],o[0])},g=o=>{Sl=o};var zm=({width:o=24,height:t=24,hidden:e=!1,title:r="Alert"}={})=>u` - `;var zm=({width:o=24,height:t=24,hidden:e=!1,title:r="Alert Triangle"}={})=>u``;var Cm=({width:o=24,height:t=24,hidden:e=!1,title:r="Alert Triangle"}={})=>u` - `;var ni=class extends h{render(){return g(c),this.spectrumVersion===1?km({hidden:!this.label,title:this.label}):zm({hidden:!this.label,title:this.label})}};x();l("sp-icon-alert",ni);p();L();p();var O1=y` + `;var ni=class extends h{render(){return g(c),this.spectrumVersion===1?zm({hidden:!this.label,title:this.label}):Cm({hidden:!this.label,title:this.label})}};x();l("sp-icon-alert",ni);p();L();p();var R1=y` :host{--spectrum-menu-item-background-color-hover:var(--system-menu-item-background-color-hover);--spectrum-menu-item-background-color-down:var(--system-menu-item-background-color-down);--spectrum-menu-item-background-color-key-focus:var(--system-menu-item-background-color-key-focus);--spectrum-menu-item-corner-radius:var(--system-menu-item-corner-radius);--spectrum-menu-item-focus-indicator-shadow:var(--system-menu-item-focus-indicator-shadow);--spectrum-menu-item-focus-indicator-offset:var(--system-menu-item-focus-indicator-offset);--spectrum-menu-item-spacing-multiplier:var(--system-menu-item-spacing-multiplier);--spectrum-menu-item-focus-indicator-outline-style:var(--system-menu-item-focus-indicator-outline-style)}@media (forced-colors:active){:host{--highcontrast-menu-item-background-color-default:ButtonFace;--highcontrast-menu-item-color-default:ButtonText;--highcontrast-menu-item-background-color-focus:Highlight;--highcontrast-menu-item-color-focus:HighlightText;--highcontrast-menu-checkmark-icon-color-default:Highlight;--highcontrast-menu-item-color-disabled:GrayText;--highcontrast-menu-item-focus-indicator-color:Highlight;--highcontrast-menu-item-selected-background-color:Highlight;--highcontrast-menu-item-selected-color:HighlightText}@supports (color:SelectedItem){:host{--highcontrast-menu-item-selected-background-color:SelectedItem;--highcontrast-menu-item-selected-color:SelectedItemText}}}:host{--spectrum-menu-item-top-to-action:var(--spectrum-spacing-50);--spectrum-menu-item-top-to-checkbox:var(--spectrum-spacing-50);--spectrum-menu-item-label-line-height:var(--spectrum-line-height-100);--spectrum-menu-item-label-line-height-cjk:var(--spectrum-cjk-line-height-100);--spectrum-menu-item-label-to-description-spacing:var(--spectrum-menu-item-label-to-description);--spectrum-menu-item-focus-indicator-width:var(--mod-menu-item-focus-indicator-width,var(--spectrum-border-width-200));--spectrum-menu-item-focus-indicator-color:var(--spectrum-blue-800);--spectrum-menu-item-label-to-value-area-min-spacing:var(--spectrum-spacing-100);--spectrum-menu-item-label-content-color-default:var(--spectrum-neutral-content-color-default);--spectrum-menu-item-label-content-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-menu-item-label-content-color-down:var(--spectrum-neutral-content-color-down);--spectrum-menu-item-label-content-color-focus:var(--spectrum-neutral-content-color-key-focus);--spectrum-menu-item-label-icon-color-default:var(--spectrum-neutral-content-color-default);--spectrum-menu-item-label-icon-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-menu-item-label-icon-color-down:var(--spectrum-neutral-content-color-down);--spectrum-menu-item-label-icon-color-focus:var(--spectrum-neutral-content-color-key-focus);--spectrum-menu-item-label-content-color-disabled:var(--spectrum-disabled-content-color);--spectrum-menu-item-label-icon-color-disabled:var(--spectrum-disabled-content-color);--spectrum-menu-item-description-line-height:var(--spectrum-line-height-100);--spectrum-menu-item-description-line-height-cjk:var(--spectrum-cjk-line-height-100);--spectrum-menu-item-description-color-default:var(--spectrum-neutral-subdued-content-color-default);--spectrum-menu-item-description-color-hover:var(--spectrum-neutral-subdued-content-color-hover);--spectrum-menu-item-description-color-down:var(--spectrum-neutral-subdued-content-color-down);--spectrum-menu-item-description-color-focus:var(--spectrum-neutral-subdued-content-color-key-focus);--spectrum-menu-item-description-color-disabled:var(--spectrum-disabled-content-color);--spectrum-menu-section-header-line-height:var(--spectrum-line-height-100);--spectrum-menu-section-header-line-height-cjk:var(--spectrum-cjk-line-height-100);--spectrum-menu-section-header-font-weight:var(--spectrum-bold-font-weight);--spectrum-menu-section-header-color:var(--spectrum-gray-900);--spectrum-menu-collapsible-icon-color:var(--spectrum-gray-900);--spectrum-menu-checkmark-icon-color-default:var(--spectrum-accent-color-900);--spectrum-menu-checkmark-icon-color-hover:var(--spectrum-accent-color-1000);--spectrum-menu-checkmark-icon-color-down:var(--spectrum-accent-color-1100);--spectrum-menu-checkmark-icon-color-focus:var(--spectrum-accent-color-1000);--spectrum-menu-drillin-icon-color-default:var(--spectrum-neutral-subdued-content-color-default);--spectrum-menu-drillin-icon-color-hover:var(--spectrum-neutral-subdued-content-color-hover);--spectrum-menu-drillin-icon-color-down:var(--spectrum-neutral-subdued-content-color-down);--spectrum-menu-drillin-icon-color-focus:var(--spectrum-neutral-subdued-content-color-key-focus);--spectrum-menu-item-value-color-default:var(--spectrum-neutral-subdued-content-color-default);--spectrum-menu-item-value-color-hover:var(--spectrum-neutral-subdued-content-color-hover);--spectrum-menu-item-value-color-down:var(--spectrum-neutral-subdued-content-color-down);--spectrum-menu-item-value-color-focus:var(--spectrum-neutral-subdued-content-color-key-focus);--spectrum-menu-checkmark-display-hidden:none;--spectrum-menu-checkmark-display-shown:block;--spectrum-menu-checkmark-display:var(--spectrum-menu-checkmark-display-shown);--spectrum-menu-item-min-height:var(--spectrum-component-height-100);--spectrum-menu-item-icon-height:var(--spectrum-workflow-icon-size-100);--spectrum-menu-item-icon-width:var(--spectrum-workflow-icon-size-100);--spectrum-menu-item-label-font-size:var(--spectrum-font-size-100);--spectrum-menu-item-label-text-to-visual:var(--spectrum-text-to-visual-100);--spectrum-menu-item-label-inline-edge-to-content:var(--spectrum-component-edge-to-text-100);--spectrum-menu-item-top-edge-to-text:var(--spectrum-component-top-to-text-100);--spectrum-menu-item-bottom-edge-to-text:var(--spectrum-component-bottom-to-text-100);--spectrum-menu-item-text-to-control:var(--spectrum-text-to-control-100);--spectrum-menu-item-description-font-size:var(--spectrum-font-size-75);--spectrum-menu-section-header-font-size:var(--spectrum-font-size-100);--spectrum-menu-section-header-min-width:var(--spectrum-component-height-100);--spectrum-menu-item-selectable-edge-to-text-not-selected:var(--spectrum-menu-item-selectable-edge-to-text-not-selected-medium);--spectrum-menu-item-checkmark-height:var(--spectrum-menu-item-checkmark-height-medium);--spectrum-menu-item-checkmark-width:var(--spectrum-menu-item-checkmark-width-medium);--spectrum-menu-item-top-to-checkmark:var(--spectrum-menu-item-top-to-selected-icon-medium);--spectrum-menu-back-icon-margin:var(--spectrum-navigational-indicator-top-to-back-icon-medium);--spectrum-menu-item-collapsible-no-icon-submenu-item-padding-x-start:calc(var(--spectrum-menu-item-label-inline-edge-to-content) + var(--spectrum-menu-item-checkmark-width) + var(--spectrum-menu-item-label-text-to-visual) + var(--spectrum-menu-item-focus-indicator-width));--spectrum-menu-item-focus-indicator-color-default:var(--highcontrast-menu-item-focus-indicator-color,var(--mod-menu-item-focus-indicator-color,var(--spectrum-menu-item-focus-indicator-color)));--spectrum-menu-item-focus-indicator-border-width:calc(var(--spectrum-menu-item-focus-indicator-width)*var(--spectrum-menu-item-focus-indicator-direction-scalar,1))}:host([size=s]){--spectrum-menu-item-min-height:var(--spectrum-component-height-75);--spectrum-menu-item-icon-height:var(--spectrum-workflow-icon-size-75);--spectrum-menu-item-icon-width:var(--spectrum-workflow-icon-size-75);--spectrum-menu-item-label-font-size:var(--spectrum-font-size-75);--spectrum-menu-item-label-text-to-visual:var(--spectrum-text-to-visual-75);--spectrum-menu-item-label-inline-edge-to-content:var(--spectrum-component-edge-to-text-75);--spectrum-menu-item-top-edge-to-text:var(--spectrum-component-top-to-text-75);--spectrum-menu-item-bottom-edge-to-text:var(--spectrum-component-bottom-to-text-75);--spectrum-menu-item-text-to-control:var(--spectrum-text-to-control-75);--spectrum-menu-item-description-font-size:var(--spectrum-font-size-50);--spectrum-menu-section-header-font-size:var(--spectrum-font-size-75);--spectrum-menu-section-header-min-width:var(--spectrum-component-height-75);--spectrum-menu-item-selectable-edge-to-text-not-selected:var(--spectrum-menu-item-selectable-edge-to-text-not-selected-small);--spectrum-menu-item-checkmark-height:var(--spectrum-menu-item-checkmark-height-small);--spectrum-menu-item-checkmark-width:var(--spectrum-menu-item-checkmark-width-small);--spectrum-menu-item-top-to-checkmark:var(--spectrum-menu-item-top-to-selected-icon-small);--spectrum-menu-back-icon-margin:var(--spectrum-navigational-indicator-top-to-back-icon-small)}:host([size=l]){--spectrum-menu-item-min-height:var(--spectrum-component-height-200);--spectrum-menu-item-icon-height:var(--spectrum-workflow-icon-size-200);--spectrum-menu-item-icon-width:var(--spectrum-workflow-icon-size-200);--spectrum-menu-item-label-font-size:var(--spectrum-font-size-200);--spectrum-menu-item-label-text-to-visual:var(--spectrum-text-to-visual-200);--spectrum-menu-item-label-inline-edge-to-content:var(--spectrum-component-edge-to-text-200);--spectrum-menu-item-top-edge-to-text:var(--spectrum-component-top-to-text-200);--spectrum-menu-item-bottom-edge-to-text:var(--spectrum-component-bottom-to-text-200);--spectrum-menu-item-text-to-control:var(--spectrum-text-to-control-200);--spectrum-menu-item-description-font-size:var(--spectrum-font-size-100);--spectrum-menu-section-header-font-size:var(--spectrum-font-size-200);--spectrum-menu-section-header-min-width:var(--spectrum-component-height-200);--spectrum-menu-item-selectable-edge-to-text-not-selected:var(--spectrum-menu-item-selectable-edge-to-text-not-selected-large);--spectrum-menu-item-checkmark-height:var(--spectrum-menu-item-checkmark-height-large);--spectrum-menu-item-checkmark-width:var(--spectrum-menu-item-checkmark-width-large);--spectrum-menu-item-top-to-checkmark:var(--spectrum-menu-item-top-to-selected-icon-large);--spectrum-menu-back-icon-margin:var(--spectrum-navigational-indicator-top-to-back-icon-large)}:host([size=xl]){--spectrum-menu-item-min-height:var(--spectrum-component-height-300);--spectrum-menu-item-icon-height:var(--spectrum-workflow-icon-size-300);--spectrum-menu-item-icon-width:var(--spectrum-workflow-icon-size-300);--spectrum-menu-item-label-font-size:var(--spectrum-font-size-300);--spectrum-menu-item-label-text-to-visual:var(--spectrum-text-to-visual-300);--spectrum-menu-item-label-inline-edge-to-content:var(--spectrum-component-edge-to-text-300);--spectrum-menu-item-top-edge-to-text:var(--spectrum-component-top-to-text-300);--spectrum-menu-item-bottom-edge-to-text:var(--spectrum-component-bottom-to-text-300);--spectrum-menu-item-text-to-control:var(--spectrum-text-to-control-300);--spectrum-menu-item-description-font-size:var(--spectrum-font-size-200);--spectrum-menu-section-header-font-size:var(--spectrum-font-size-300);--spectrum-menu-section-header-min-width:var(--spectrum-component-height-300);--spectrum-menu-item-selectable-edge-to-text-not-selected:var(--spectrum-menu-item-selectable-edge-to-text-not-selected-extra-large);--spectrum-menu-item-checkmark-height:var(--spectrum-menu-item-checkmark-height-extra-large);--spectrum-menu-item-checkmark-width:var(--spectrum-menu-item-checkmark-width-extra-large);--spectrum-menu-item-top-to-checkmark:var(--spectrum-menu-item-top-to-selected-icon-extra-large);--spectrum-menu-back-icon-margin:var(--spectrum-navigational-indicator-top-to-back-icon-extra-large)}:host:dir(rtl),:host([dir=rtl]){--spectrum-menu-item-focus-indicator-direction-scalar:-1}:host{inline-size:var(--mod-menu-inline-size,auto);box-sizing:border-box;margin:0;padding:0;list-style-type:none;display:inline-block;overflow:auto}:host:lang(ja),:host:lang(ko),:host:lang(zh){--spectrum-menu-item-label-line-height:var(--mod-menu-item-label-line-height-cjk,var(--spectrum-menu-item-label-line-height-cjk));--spectrum-menu-item-description-line-height:var(--mod-menu-item-description-line-height-cjk,var(--spectrum-menu-item-description-line-height-cjk));--spectrum-menu-section-header-line-height:var(--mod-menu-section-header-line-height-cjk,var(--spectrum-menu-section-header-line-height-cjk))}:host([selects]) ::slotted(sp-menu-item){--spectrum-menu-checkmark-display:var(--spectrum-menu-checkmark-display-hidden);padding-inline-start:var(--mod-menu-item-selectable-edge-to-text-not-selected,var(--spectrum-menu-item-selectable-edge-to-text-not-selected))}:host([selects]) ::slotted(sp-menu-item[selected]){--spectrum-menu-checkmark-display:var(--spectrum-menu-checkmark-display-shown);padding-inline-start:var(--mod-menu-item-label-inline-edge-to-content,var(--spectrum-menu-item-label-inline-edge-to-content))}.spectrum-Menu-backIcon{margin-block:var(--mod-menu-back-icon-margin-block,var(--spectrum-menu-back-icon-margin));margin-inline:var(--mod-menu-back-icon-margin-inline,var(--spectrum-menu-back-icon-margin));fill:var(--highcontrast-menu-item-color-default,var(--mod-menu-back-icon-color-default,var(--spectrum-menu-section-header-color)));color:var(--highcontrast-menu-item-color-default,var(--mod-menu-back-icon-color-default,var(--spectrum-menu-section-header-color)))}.spectrum-Menu-back:focus-visible{box-shadow:var(--spectrum-menu-item-focus-indicator-shadow)var(--spectrum-menu-item-focus-indicator-border-width)0 0 0 var(--spectrum-menu-item-focus-indicator-color-default);outline:var(--spectrum-menu-item-focus-indicator-width)var(--spectrum-menu-item-focus-indicator-outline-style)var(--spectrum-menu-item-focus-indicator-color-default);outline-offset:var(--spectrum-menu-item-focus-indicator-offset);border-radius:var(--spectrum-menu-item-corner-radius)}.spectrum-Menu-sectionHeading{color:var(--highcontrast-menu-item-color-default,var(--mod-menu-section-header-color,var(--spectrum-menu-section-header-color)));font-size:var(--mod-menu-section-header-font-size,var(--spectrum-menu-section-header-font-size));font-weight:var(--mod-menu-section-header-font-weight,var(--spectrum-menu-section-header-font-weight));line-height:var(--mod-menu-section-header-line-height,var(--spectrum-menu-section-header-line-height));min-inline-size:var(--mod-menu-section-header-min-width,var(--spectrum-menu-section-header-min-width));padding-block-start:var(--mod-menu-section-header-top-edge-to-text,var(--mod-menu-item-top-edge-to-text,var(--spectrum-menu-item-top-edge-to-text)));padding-block-end:var(--mod-menu-section-header-bottom-edge-to-text,var(--mod-menu-item-bottom-edge-to-text,var(--spectrum-menu-item-bottom-edge-to-text)));padding-inline:var(--mod-menu-item-label-inline-edge-to-content,var(--spectrum-menu-item-label-inline-edge-to-content));grid-area:sectionHeadingArea/1/sectionHeadingArea/-1;display:block}.spectrum-Menu-back{padding-inline:var(--mod-menu-back-padding-inline-start,0)var(--mod-menu-back-padding-inline-end,var(--spectrum-menu-item-label-inline-edge-to-content));padding-block:var(--mod-menu-back-padding-block-start,0)var(--mod-menu-back-padding-block-end,0);flex-flow:wrap;align-items:center;display:flex}.spectrum-Menu-back .spectrum-Menu-sectionHeading{padding:0}.spectrum-Menu-backButton{cursor:pointer;background:0 0;border:0;margin:0;padding:0;display:inline-flex}.spectrum-Menu-backButton:focus-visible{outline:var(--spectrum-focus-indicator-thickness)solid var(--spectrum-focus-indicator-color);outline-offset:calc((var(--spectrum-focus-indicator-thickness) + 1px)*-1)}.spectrum-Menu-backHeading{color:var(--highcontrast-menu-item-color-default,var(--mod-menu-back-heading-color,var(--spectrum-menu-section-header-color)));font-size:var(--mod-menu-section-header-font-size,var(--spectrum-menu-section-header-font-size));font-weight:var(--mod-menu-section-header-font-weight,var(--spectrum-menu-section-header-font-weight));line-height:var(--mod-menu-section-header-line-height,var(--spectrum-menu-section-header-line-height));display:block}:host{width:var(--swc-menu-width);flex-direction:column}:host(:focus){outline:none}::slotted(*){flex-shrink:0} -`,Cm=O1;var D1=Object.defineProperty,H1=Object.getOwnPropertyDescriptor,Ge=(o,t,e,r)=>{for(var s=r>1?void 0:r?H1(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&D1(t,e,s),s},kt=class extends R(E,{noDefaultSize:!0}){constructor(){super(),this.touchStartY=void 0,this.touchStartTime=void 0,this.isCurrentlyScrolling=!1,this.scrollThreshold=10,this.scrollTimeThreshold=300,this.label="",this.ignore=!1,this.value="",this.valueSeparator=",",this._selected=[],this.selectedItems=[],this.childItemSet=new Set,this.focusedItemIndex=0,this.focusInItemIndex=0,this.shouldSupportDragAndSelect=!1,this.selectedItemsMap=new Map,this.pointerUpTarget=null,this.descendentOverlays=new Map,this.handleSubmenuClosed=t=>{t.stopPropagation(),t.composedPath()[0].dispatchEvent(new Event("sp-menu-submenu-closed",{bubbles:!0,composed:!0}))},this.handleSubmenuOpened=t=>{t.stopPropagation(),t.composedPath()[0].dispatchEvent(new Event("sp-menu-submenu-opened",{bubbles:!0,composed:!0})),t.composedPath().find(e=>this.childItemSet.has(e))},this._hasUpdatedSelectedItemIndex=!1,this._willUpdateItems=!1,this.cacheUpdated=Promise.resolve(),this.resolveCacheUpdated=()=>{},!this.rovingTabindexController&&this.controlsRovingTabindex&&(this.rovingTabindexController=new $t(this,{direction:"vertical",focusInIndex:t=>{let e=-1,r=t?.findIndex((s,i)=>(!t[e]&&!s.disabled&&(e=i),s.selected&&!s.disabled));return t&&r&&t[r]?r:e},elements:()=>this.childItems,isFocusableElement:this.isFocusableElement.bind(this),hostDelegatesFocus:!0})),this.addEventListener("sp-menu-item-added-or-updated",this.onSelectableItemAddedOrUpdated),this.addEventListener("sp-menu-item-added-or-updated",this.onFocusableItemAddedOrUpdated,{capture:!0}),this.addEventListener("click",this.handleClick),this.addEventListener("touchend",this.handlePointerup),this.addEventListener("focusout",this.handleFocusout),this.addEventListener("sp-menu-item-keydown",this.handleKeydown),this.addEventListener("pointerup",this.handlePointerup),this.addEventListener("sp-opened",this.handleSubmenuOpened),this.addEventListener("sp-closed",this.handleSubmenuClosed),this.addEventListener("touchstart",this.handleTouchStart,{passive:!0}),this.addEventListener("touchmove",this.handleTouchMove,{passive:!0})}static get styles(){return[Cm]}get isSubmenu(){return this.slot==="submenu"}get isScrolling(){return this.isCurrentlyScrolling}set isScrolling(t){this.isCurrentlyScrolling=t}get selected(){return this.selects?this._selected:[]}set selected(t){if(t===this.selected)return;let e=this.selected;this._selected=t,this.selectedItems=[],this.selectedItemsMap.clear(),this.childItems.forEach(r=>{this===r.menuData.selectionRoot&&(r.selected=this.selected.includes(r.value),r.selected&&(this.selectedItems.push(r),this.selectedItemsMap.set(r,!0)))}),this.requestUpdate("selected",e)}get focusInItem(){var t;return(t=this.rovingTabindexController)==null?void 0:t.focusInElement}get controlsRovingTabindex(){return!0}get childItems(){return this.cachedChildItems||(this.cachedChildItems=this.updateCachedMenuItems()),this.cachedChildItems}updateCachedMenuItems(){var t;if(!this.menuSlot)return[];let e=[],r=this.menuSlot.assignedElements({flatten:!0});for(let[s,i]of r.entries()){if(this.childItemSet.has(i)){e.push(i);continue}let a=i.localName==="slot"?i.assignedElements({flatten:!0}):[...i.querySelectorAll(":scope > *")];r.splice(s,1,i,...a)}return this.cachedChildItems=[...e],(t=this.rovingTabindexController)==null||t.clearElementCache(),this.cachedChildItems}get childRole(){if(this.resolvedRole==="listbox")return"option";switch(this.resolvedSelects){case"single":return"menuitemradio";case"multiple":return"menuitemcheckbox";default:return"menuitem"}}get ownRole(){return"menu"}onFocusableItemAddedOrUpdated(t){t.menuCascade.set(this,{hadFocusRoot:!!t.item.menuData.focusRoot,ancestorWithSelects:t.currentAncestorWithSelects}),this.selects&&(t.currentAncestorWithSelects=this),t.item.menuData.focusRoot=t.item.menuData.focusRoot||this}onSelectableItemAddedOrUpdated(t){var e,r;if(!t.menuCascade.get(this))return;if(t.item.menuData.parentMenu=t.item.menuData.parentMenu||this,this.addChildItem(t.item),this.selects==="inherit"){this.resolvedSelects="inherit";let i=(e=t.currentAncestorWithSelects)==null?void 0:e.ignore;this.resolvedRole=i?"none":((r=t.currentAncestorWithSelects)==null?void 0:r.getAttribute("role"))||this.getAttribute("role")||void 0}else this.selects?(this.resolvedRole=this.ignore?"none":this.getAttribute("role")||void 0,this.resolvedSelects=this.selects):(this.resolvedRole=this.ignore?"none":this.getAttribute("role")||void 0,this.resolvedSelects=this.resolvedRole==="none"?"ignore":"none");if(this.resolvedRole==="none")return;let s=this.resolvedSelects==="single"||this.resolvedSelects==="multiple";t.item.menuData.cleanupSteps.push(i=>this.removeChildItem(i)),(s||!this.selects&&this.resolvedSelects!=="ignore")&&!t.item.menuData.selectionRoot&&(t.item.setRole(this.childRole),t.item.menuData.selectionRoot=t.item.menuData.selectionRoot||this,t.item.selected&&(this.selectedItemsMap.set(t.item,!0),this.selectedItems=[...this.selectedItems,t.item],this._selected=[...this.selected,t.item.value],this.value=this.selected.join(this.valueSeparator)))}addChildItem(t){this.childItemSet.add(t),this.handleItemsChanged()}async removeChildItem(t){(t.focused||t.hasAttribute("focused")||t.active)&&(this._updateFocus=this.getNeighboringFocusableElement(t)),this.childItemSet.delete(t),this.cachedChildItems=void 0}focusOnFirstSelectedItem({preventScroll:t}={}){var e;if(!this.rovingTabindexController)return;let r=this.selectedItems.find(s=>this.isFocusableElement(s));if(!r){this.focus({preventScroll:t});return}r&&!t&&r.scrollIntoView({block:"nearest"}),(e=this.rovingTabindexController)==null||e.focusOnItem(r)}focus({preventScroll:t}={}){if(this.rovingTabindexController){if(!this.childItems.length||this.childItems.every(e=>e.disabled))return;if(this.childItems.some(e=>e.menuData.focusRoot!==this)){super.focus({preventScroll:t});return}this.rovingTabindexController.focus({preventScroll:t})}}handleTouchStart(t){t.touches.length===1&&(this.touchStartY=t.touches[0].clientY,this.touchStartTime=Date.now(),this.isCurrentlyScrolling=!1)}handleTouchMove(t){if(t.touches.length===1&&this.touchStartY!==void 0&&this.touchStartTime!==void 0){let e=t.touches[0].clientY,r=Math.abs(e-this.touchStartY),s=Date.now()-this.touchStartTime;r>this.scrollThreshold&&s{this.isCurrentlyScrolling=!1,this.touchStartY=void 0,this.touchStartTime=void 0},100)}handleFocusout(){var t;this.matches(":focus-within")||(t=this.rovingTabindexController)==null||t.reset()}handleClick(t){if(this.pointerUpTarget===t.target){this.pointerUpTarget=null;return}this.handlePointerBasedSelection(t)}handlePointerup(t){this.handleTouchEnd(),this.shouldSupportDragAndSelect&&(this.pointerUpTarget=t.target,this.handlePointerBasedSelection(t))}async handlePointerBasedSelection(t){var e,r;if(t instanceof MouseEvent&&t.button!==0||this.isScrolling)return;let s=t.composedPath().find(i=>i instanceof Element?i.getAttribute("role")===this.childRole:!1);if(t.defaultPrevented){let i=this.childItems.indexOf(s);((e=s?.menuData)==null?void 0:e.focusRoot)===this&&i>-1&&(this.focusedItemIndex=i);return}if(s!=null&&s.href&&s.href.length){this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}));return}else if(((r=s?.menuData)==null?void 0:r.selectionRoot)===this&&this.childItems.length){if(t.preventDefault(),s.hasSubmenu||s.open)return;this.selectOrToggleItem(s)}else return;this.prepareToCleanUp()}handleDescendentOverlayOpened(t){let e=t.composedPath()[0];e.overlayElement&&this.descendentOverlays.set(e.overlayElement,e.overlayElement)}handleDescendentOverlayClosed(t){let e=t.composedPath()[0];e.overlayElement&&this.descendentOverlays.delete(e.overlayElement)}getNeighboringFocusableElement(t,e=!1){var r;let s=e?-1:1,i=((r=this.rovingTabindexController)==null?void 0:r.elements)||[],a=t?i.indexOf(t):-1,d=Math.min(Math.max(0,a+s),i.length-1);for(;!this.isFocusableElement(i[d])&&0{v.menuData.selectionRoot===this&&this.selectedItemsMap.has(v)&&(m.push(v.value),b.push(v))}),this._selected=m,this.selectedItems=b,this.value=this.selected.join(this.valueSeparator)}else this.selectedItemsMap.clear(),this.selectedItemsMap.set(t,!0),this.value=t.value,this._selected=[t.value],this.selectedItems=[t];if(!this.dispatchEvent(new Event("change",{cancelable:!0,bubbles:!0,composed:!0}))){this._selected=i,this.selectedItems=a,this.selectedItemsMap=s,this.value=d;return}if(r==="single"){for(let m of s.keys())m!==t&&(m.selected=!1);t.selected=!0}else r==="multiple"?t.selected=!t.selected:!t.hasSubmenu&&((e=t?.menuData)==null?void 0:e.focusRoot)===this&&this.dispatchEvent(new Event("close",{bubbles:!0}))}}navigateBetweenRelatedMenus(t){let{key:e,root:r}=t,s=this.isLTR&&e==="ArrowRight"||!this.isLTR&&e==="ArrowLeft",i=this.isLTR&&e==="ArrowLeft"||!this.isLTR&&e==="ArrowRight"||e==="Escape",a=r;s?a!=null&&a.hasSubmenu&&(t.stopPropagation(),a.openOverlay(!0)):i&&this.isSubmenu&&(t.stopPropagation(),this.dispatchEvent(new Event("close",{bubbles:!0})),this.updateSelectedItemIndex())}handleKeydown(t){var e;if(t.defaultPrevented||!this.rovingTabindexController)return;let{key:r,root:s,shiftKey:i,target:a}=t,d=["Enter"," "].includes(r);if(i&&a!==this&&this.hasAttribute("tabindex")){this.removeAttribute("tabindex");let m=b=>{!b.shiftKey&&!this.hasAttribute("tabindex")&&(document.removeEventListener("keyup",m),this.removeEventListener("focusout",m))};document.addEventListener("keyup",m),this.addEventListener("focusout",m)}if(r==="Tab"){this.closeDescendentOverlays();return}if(d&&s!=null&&s.hasSubmenu&&!s.open){t.preventDefault(),s.openOverlay(!0);return}if(r===" "||r==="Enter"){t.preventDefault(),(e=s?.focusElement)==null||e.click(),s&&this.selectOrToggleItem(s);return}this.navigateBetweenRelatedMenus(t)}prepareToCleanUp(){document.addEventListener("focusout",()=>{requestAnimationFrame(()=>{let t=this.focusInItem;t&&(t.focused=!1)})},{once:!0})}updateSelectedItemIndex(){let t=0,e=new Map,r=[],s=[],i=this.childItems.length;for(;i;){i-=1;let a=this.childItems[i];a.menuData.selectionRoot===this&&((a.selected||!this._hasUpdatedSelectedItemIndex&&this.selected.includes(a.value))&&(t=i,e.set(a,!0),r.unshift(a.value),s.unshift(a)),i!==t&&(a.focused=!1))}this.selectedItemsMap=e,this._selected=r,this.selectedItems=s,this.value=this.selected.join(this.valueSeparator),this.focusedItemIndex=t,this.focusInItemIndex=t}handleItemsChanged(){this.cachedChildItems=void 0,this._willUpdateItems||(this._willUpdateItems=!0,this.cacheUpdated=this.updateCache())}async updateCache(){this.hasUpdated?await new Promise(t=>requestAnimationFrame(()=>t(!0))):await Promise.all([new Promise(t=>requestAnimationFrame(()=>t(!0))),this.updateComplete]),this.cachedChildItems===void 0&&(this.updateSelectedItemIndex(),this.updateItemFocus()),this._willUpdateItems=!1}updateItemFocus(){var t;(t=this.focusInItem)==null||t.setAttribute("tabindex","0"),this.childItems.length!=0}closeDescendentOverlays(){this.descendentOverlays.forEach(t=>{t.open=!1}),this.descendentOverlays=new Map}handleSlotchange({target:t}){var e;let r=t.assignedElements({flatten:!0});this.childItems.length!==r.length&&r.forEach(s=>{typeof s.triggerUpdate<"u"?s.triggerUpdate():typeof s.childItems<"u"&&s.childItems.forEach(i=>{i.triggerUpdate()})}),this._updateFocus&&((e=this.rovingTabindexController)==null||e.focusOnItem(this._updateFocus),this._updateFocus=void 0)}renderMenuItemSlot(){return c` +`,Tm=R1;var q1=Object.defineProperty,j1=Object.getOwnPropertyDescriptor,Ge=(o,t,e,r)=>{for(var s=r>1?void 0:r?j1(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&q1(t,e,s),s},kt=class extends R(E,{noDefaultSize:!0}){constructor(){super(),this.touchStartY=void 0,this.touchStartTime=void 0,this.isCurrentlyScrolling=!1,this.scrollThreshold=10,this.scrollTimeThreshold=300,this.label="",this.ignore=!1,this.value="",this.valueSeparator=",",this._selected=[],this.selectedItems=[],this.childItemSet=new Set,this.focusedItemIndex=0,this.focusInItemIndex=0,this.shouldSupportDragAndSelect=!1,this.selectedItemsMap=new Map,this.pointerUpTarget=null,this.descendentOverlays=new Map,this.handleSubmenuClosed=t=>{t.stopPropagation(),t.composedPath()[0].dispatchEvent(new Event("sp-menu-submenu-closed",{bubbles:!0,composed:!0}))},this.handleSubmenuOpened=t=>{t.stopPropagation(),t.composedPath()[0].dispatchEvent(new Event("sp-menu-submenu-opened",{bubbles:!0,composed:!0})),t.composedPath().find(e=>this.childItemSet.has(e))},this._hasUpdatedSelectedItemIndex=!1,this._willUpdateItems=!1,this.cacheUpdated=Promise.resolve(),this.resolveCacheUpdated=()=>{},!this.rovingTabindexController&&this.controlsRovingTabindex&&(this.rovingTabindexController=new $t(this,{direction:"vertical",focusInIndex:t=>{let e=-1,r=t?.findIndex((s,i)=>(!t[e]&&!s.disabled&&(e=i),s.selected&&!s.disabled));return t&&r&&t[r]?r:e},elements:()=>this.childItems,isFocusableElement:this.isFocusableElement.bind(this),hostDelegatesFocus:!0})),this.addEventListener("sp-menu-item-added-or-updated",this.onSelectableItemAddedOrUpdated),this.addEventListener("sp-menu-item-added-or-updated",this.onFocusableItemAddedOrUpdated,{capture:!0}),this.addEventListener("click",this.handleClick),this.addEventListener("touchend",this.handlePointerup),this.addEventListener("focusout",this.handleFocusout),this.addEventListener("sp-menu-item-keydown",this.handleKeydown),this.addEventListener("pointerup",this.handlePointerup),this.addEventListener("sp-opened",this.handleSubmenuOpened),this.addEventListener("sp-closed",this.handleSubmenuClosed),this.addEventListener("touchstart",this.handleTouchStart,{passive:!0}),this.addEventListener("touchmove",this.handleTouchMove,{passive:!0})}static get styles(){return[Tm]}get isSubmenu(){return this.slot==="submenu"}get isScrolling(){return this.isCurrentlyScrolling}set isScrolling(t){this.isCurrentlyScrolling=t}get selected(){return this.selects?this._selected:[]}set selected(t){if(t===this.selected)return;let e=this.selected;this._selected=t,this.selectedItems=[],this.selectedItemsMap.clear(),this.childItems.forEach(r=>{this===r.menuData.selectionRoot&&(r.selected=this.selected.includes(r.value),r.selected&&(this.selectedItems.push(r),this.selectedItemsMap.set(r,!0)))}),this.requestUpdate("selected",e)}get focusInItem(){var t;return(t=this.rovingTabindexController)==null?void 0:t.focusInElement}get controlsRovingTabindex(){return!0}get childItems(){return this.cachedChildItems||(this.cachedChildItems=this.updateCachedMenuItems()),this.cachedChildItems}updateCachedMenuItems(){var t;if(!this.menuSlot)return[];let e=[],r=this.menuSlot.assignedElements({flatten:!0});for(let[s,i]of r.entries()){if(this.childItemSet.has(i)){e.push(i);continue}let a=i.localName==="slot"?i.assignedElements({flatten:!0}):[...i.querySelectorAll(":scope > *")];r.splice(s,1,i,...a)}return this.cachedChildItems=[...e],(t=this.rovingTabindexController)==null||t.clearElementCache(),this.cachedChildItems}get childRole(){if(this.resolvedRole==="listbox")return"option";switch(this.resolvedSelects){case"single":return"menuitemradio";case"multiple":return"menuitemcheckbox";default:return"menuitem"}}get ownRole(){return"menu"}onFocusableItemAddedOrUpdated(t){t.menuCascade.set(this,{hadFocusRoot:!!t.item.menuData.focusRoot,ancestorWithSelects:t.currentAncestorWithSelects}),this.selects&&(t.currentAncestorWithSelects=this),t.item.menuData.focusRoot=t.item.menuData.focusRoot||this}onSelectableItemAddedOrUpdated(t){var e,r;if(!t.menuCascade.get(this))return;if(t.item.menuData.parentMenu=t.item.menuData.parentMenu||this,this.addChildItem(t.item),this.selects==="inherit"){this.resolvedSelects="inherit";let i=(e=t.currentAncestorWithSelects)==null?void 0:e.ignore;this.resolvedRole=i?"none":((r=t.currentAncestorWithSelects)==null?void 0:r.getAttribute("role"))||this.getAttribute("role")||void 0}else this.selects?(this.resolvedRole=this.ignore?"none":this.getAttribute("role")||void 0,this.resolvedSelects=this.selects):(this.resolvedRole=this.ignore?"none":this.getAttribute("role")||void 0,this.resolvedSelects=this.resolvedRole==="none"?"ignore":"none");if(this.resolvedRole==="none")return;let s=this.resolvedSelects==="single"||this.resolvedSelects==="multiple";t.item.menuData.cleanupSteps.push(i=>this.removeChildItem(i)),(s||!this.selects&&this.resolvedSelects!=="ignore")&&!t.item.menuData.selectionRoot&&(t.item.setRole(this.childRole),t.item.menuData.selectionRoot=t.item.menuData.selectionRoot||this,t.item.selected&&(this.selectedItemsMap.set(t.item,!0),this.selectedItems=[...this.selectedItems,t.item],this._selected=[...this.selected,t.item.value],this.value=this.selected.join(this.valueSeparator)))}addChildItem(t){this.childItemSet.add(t),this.handleItemsChanged()}async removeChildItem(t){(t.focused||t.hasAttribute("focused")||t.active)&&(this._updateFocus=this.getNeighboringFocusableElement(t)),this.childItemSet.delete(t),this.cachedChildItems=void 0}focusOnFirstSelectedItem({preventScroll:t}={}){var e;if(!this.rovingTabindexController)return;let r=this.selectedItems.find(s=>this.isFocusableElement(s));if(!r){this.focus({preventScroll:t});return}r&&!t&&r.scrollIntoView({block:"nearest"}),(e=this.rovingTabindexController)==null||e.focusOnItem(r)}focus({preventScroll:t}={}){if(this.rovingTabindexController){if(!this.childItems.length||this.childItems.every(e=>e.disabled))return;if(this.childItems.some(e=>e.menuData.focusRoot!==this)){super.focus({preventScroll:t});return}this.rovingTabindexController.focus({preventScroll:t})}}handleTouchStart(t){t.touches.length===1&&(this.touchStartY=t.touches[0].clientY,this.touchStartTime=Date.now(),this.isCurrentlyScrolling=!1)}handleTouchMove(t){if(t.touches.length===1&&this.touchStartY!==void 0&&this.touchStartTime!==void 0){let e=t.touches[0].clientY,r=Math.abs(e-this.touchStartY),s=Date.now()-this.touchStartTime;r>this.scrollThreshold&&s{this.isCurrentlyScrolling=!1,this.touchStartY=void 0,this.touchStartTime=void 0},100)}handleFocusout(){var t;this.matches(":focus-within")||(t=this.rovingTabindexController)==null||t.reset()}handleClick(t){if(this.pointerUpTarget===t.target){this.pointerUpTarget=null;return}this.handlePointerBasedSelection(t)}handlePointerup(t){this.handleTouchEnd(),this.shouldSupportDragAndSelect&&(this.pointerUpTarget=t.target,this.handlePointerBasedSelection(t))}async handlePointerBasedSelection(t){var e,r;if(t instanceof MouseEvent&&t.button!==0||this.isScrolling)return;let s=t.composedPath().find(i=>i instanceof Element?i.getAttribute("role")===this.childRole:!1);if(t.defaultPrevented){let i=this.childItems.indexOf(s);((e=s?.menuData)==null?void 0:e.focusRoot)===this&&i>-1&&(this.focusedItemIndex=i);return}if(s!=null&&s.href&&s.href.length){this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}));return}else if(((r=s?.menuData)==null?void 0:r.selectionRoot)===this&&this.childItems.length){if(t.preventDefault(),s.hasSubmenu||s.open)return;this.selectOrToggleItem(s)}else return;this.prepareToCleanUp()}handleDescendentOverlayOpened(t){let e=t.composedPath()[0];e.overlayElement&&this.descendentOverlays.set(e.overlayElement,e.overlayElement)}handleDescendentOverlayClosed(t){let e=t.composedPath()[0];e.overlayElement&&this.descendentOverlays.delete(e.overlayElement)}getNeighboringFocusableElement(t,e=!1){var r;let s=e?-1:1,i=((r=this.rovingTabindexController)==null?void 0:r.elements)||[],a=t?i.indexOf(t):-1,d=Math.min(Math.max(0,a+s),i.length-1);for(;!this.isFocusableElement(i[d])&&0{v.menuData.selectionRoot===this&&this.selectedItemsMap.has(v)&&(m.push(v.value),b.push(v))}),this._selected=m,this.selectedItems=b,this.value=this.selected.join(this.valueSeparator)}else this.selectedItemsMap.clear(),this.selectedItemsMap.set(t,!0),this.value=t.value,this._selected=[t.value],this.selectedItems=[t];if(!this.dispatchEvent(new Event("change",{cancelable:!0,bubbles:!0,composed:!0}))){this._selected=i,this.selectedItems=a,this.selectedItemsMap=s,this.value=d;return}if(r==="single"){for(let m of s.keys())m!==t&&(m.selected=!1);t.selected=!0}else r==="multiple"?t.selected=!t.selected:!t.hasSubmenu&&((e=t?.menuData)==null?void 0:e.focusRoot)===this&&this.dispatchEvent(new Event("close",{bubbles:!0}))}}navigateBetweenRelatedMenus(t){let{key:e,root:r}=t,s=this.isLTR&&e==="ArrowRight"||!this.isLTR&&e==="ArrowLeft",i=this.isLTR&&e==="ArrowLeft"||!this.isLTR&&e==="ArrowRight"||e==="Escape",a=r;s?a!=null&&a.hasSubmenu&&(t.stopPropagation(),a.openOverlay(!0)):i&&this.isSubmenu&&(t.stopPropagation(),this.dispatchEvent(new Event("close",{bubbles:!0})),this.updateSelectedItemIndex())}handleKeydown(t){var e;if(t.defaultPrevented||!this.rovingTabindexController)return;let{key:r,root:s,shiftKey:i,target:a}=t,d=["Enter"," "].includes(r);if(i&&a!==this&&this.hasAttribute("tabindex")){this.removeAttribute("tabindex");let m=b=>{!b.shiftKey&&!this.hasAttribute("tabindex")&&(document.removeEventListener("keyup",m),this.removeEventListener("focusout",m))};document.addEventListener("keyup",m),this.addEventListener("focusout",m)}if(r==="Tab"){this.closeDescendentOverlays();return}if(d&&s!=null&&s.hasSubmenu&&!s.open){t.preventDefault(),s.openOverlay(!0);return}if(r===" "||r==="Enter"){t.preventDefault(),(e=s?.focusElement)==null||e.click(),s&&this.selectOrToggleItem(s);return}this.navigateBetweenRelatedMenus(t)}prepareToCleanUp(){document.addEventListener("focusout",()=>{requestAnimationFrame(()=>{let t=this.focusInItem;t&&(t.focused=!1)})},{once:!0})}updateSelectedItemIndex(){let t=0,e=new Map,r=[],s=[],i=this.childItems.length;for(;i;){i-=1;let a=this.childItems[i];a.menuData.selectionRoot===this&&((a.selected||!this._hasUpdatedSelectedItemIndex&&this.selected.includes(a.value))&&(t=i,e.set(a,!0),r.unshift(a.value),s.unshift(a)),i!==t&&(a.focused=!1))}this.selectedItemsMap=e,this._selected=r,this.selectedItems=s,this.value=this.selected.join(this.valueSeparator),this.focusedItemIndex=t,this.focusInItemIndex=t}handleItemsChanged(){this.cachedChildItems=void 0,this._willUpdateItems||(this._willUpdateItems=!0,this.cacheUpdated=this.updateCache())}async updateCache(){this.hasUpdated?await new Promise(t=>requestAnimationFrame(()=>t(!0))):await Promise.all([new Promise(t=>requestAnimationFrame(()=>t(!0))),this.updateComplete]),this.cachedChildItems===void 0&&(this.updateSelectedItemIndex(),this.updateItemFocus()),this._willUpdateItems=!1}updateItemFocus(){var t;(t=this.focusInItem)==null||t.setAttribute("tabindex","0"),this.childItems.length!=0}closeDescendentOverlays(){this.descendentOverlays.forEach(t=>{t.open=!1}),this.descendentOverlays=new Map}handleSlotchange({target:t}){var e;let r=t.assignedElements({flatten:!0});this.childItems.length!==r.length&&r.forEach(s=>{typeof s.triggerUpdate<"u"?s.triggerUpdate():typeof s.childItems<"u"&&s.childItems.forEach(i=>{i.triggerUpdate()})}),this._updateFocus&&((e=this.rovingTabindexController)==null||e.focusOnItem(this._updateFocus),this._updateFocus=void 0)}renderMenuItemSlot(){return c` - `}render(){return this.renderMenuItemSlot()}firstUpdated(t){super.firstUpdated(t);let e=[new Promise(r=>requestAnimationFrame(()=>r(!0)))];[...this.children].forEach(r=>{r.localName==="sp-menu-item"&&e.push(r.updateComplete)}),this.childItemsUpdated=Promise.all(e)}updated(t){super.updated(t),t.has("selects")&&this.hasUpdated&&this.selectsChanged(),t.has("label")&&(this.label||typeof t.get("label")<"u")&&(this.label?this.setAttribute("aria-label",this.label):this.removeAttribute("aria-label"))}selectsChanged(){let t=[new Promise(e=>requestAnimationFrame(()=>e(!0)))];this.childItemSet.forEach(e=>{t.push(e.triggerUpdate())}),this.childItemsUpdated=Promise.all(t)}connectedCallback(){super.connectedCallback(),!this.hasAttribute("role")&&!this.ignore&&this.setAttribute("role",this.ownRole),this.updateComplete.then(()=>this.updateItemFocus())}isFocusableElement(t){return t?!t.disabled:!1}disconnectedCallback(){this.cachedChildItems=void 0,this.selectedItems=[],this.selectedItemsMap.clear(),this.childItemSet.clear(),this.descendentOverlays=new Map,super.disconnectedCallback()}async getUpdateComplete(){let t=await super.getUpdateComplete();return await this.childItemsUpdated,await this.cacheUpdated,t}};kt.shadowRootOptions={...E.shadowRootOptions,delegatesFocus:!0},Ge([n({type:String,reflect:!0})],kt.prototype,"label",2),Ge([n({type:Boolean,reflect:!0})],kt.prototype,"ignore",2),Ge([n({type:String,reflect:!0})],kt.prototype,"selects",2),Ge([n({type:String})],kt.prototype,"value",2),Ge([n({type:String,attribute:"value-separator"})],kt.prototype,"valueSeparator",2),Ge([n({attribute:!1})],kt.prototype,"selected",1),Ge([n({attribute:!1})],kt.prototype,"selectedItems",2),Ge([P("slot:not([name])")],kt.prototype,"menuSlot",2);x();l("sp-menu",kt);var R1=Symbol("dependency manager loaded"),We=class{constructor(t){this.dependencies={},this._loaded=!1,this.host=t}get loaded(){return this._loaded}set loaded(t){t!==this.loaded&&(this._loaded=t,this.host.requestUpdate(R1,!this.loaded))}add(t,e){let r=!!e||!!customElements.get(t)||this.dependencies[t];r||customElements.whenDefined(t).then(()=>{this.add(t,!0)}),this.dependencies={...this.dependencies,[t]:r},this.loaded=Object.values(this.dependencies).every(s=>s)}};Sl();p();var q1=y` + `}render(){return this.renderMenuItemSlot()}firstUpdated(t){super.firstUpdated(t);let e=[new Promise(r=>requestAnimationFrame(()=>r(!0)))];[...this.children].forEach(r=>{r.localName==="sp-menu-item"&&e.push(r.updateComplete)}),this.childItemsUpdated=Promise.all(e)}updated(t){super.updated(t),t.has("selects")&&this.hasUpdated&&this.selectsChanged(),t.has("label")&&(this.label||typeof t.get("label")<"u")&&(this.label?this.setAttribute("aria-label",this.label):this.removeAttribute("aria-label"))}selectsChanged(){let t=[new Promise(e=>requestAnimationFrame(()=>e(!0)))];this.childItemSet.forEach(e=>{t.push(e.triggerUpdate())}),this.childItemsUpdated=Promise.all(t)}connectedCallback(){super.connectedCallback(),!this.hasAttribute("role")&&!this.ignore&&this.setAttribute("role",this.ownRole),this.updateComplete.then(()=>this.updateItemFocus())}isFocusableElement(t){return t?!t.disabled:!1}disconnectedCallback(){this.cachedChildItems=void 0,this.selectedItems=[],this.selectedItemsMap.clear(),this.childItemSet.clear(),this.descendentOverlays=new Map,super.disconnectedCallback()}async getUpdateComplete(){let t=await super.getUpdateComplete();return await this.childItemsUpdated,await this.cacheUpdated,t}};kt.shadowRootOptions={...E.shadowRootOptions,delegatesFocus:!0},Ge([n({type:String,reflect:!0})],kt.prototype,"label",2),Ge([n({type:Boolean,reflect:!0})],kt.prototype,"ignore",2),Ge([n({type:String,reflect:!0})],kt.prototype,"selects",2),Ge([n({type:String})],kt.prototype,"value",2),Ge([n({type:String,attribute:"value-separator"})],kt.prototype,"valueSeparator",2),Ge([n({attribute:!1})],kt.prototype,"selected",1),Ge([n({attribute:!1})],kt.prototype,"selectedItems",2),Ge([P("slot:not([name])")],kt.prototype,"menuSlot",2);x();l("sp-menu",kt);var F1=Symbol("dependency manager loaded"),We=class{constructor(t){this.dependencies={},this._loaded=!1,this.host=t}get loaded(){return this._loaded}set loaded(t){t!==this.loaded&&(this._loaded=t,this.host.requestUpdate(F1,!this.loaded))}add(t,e){let r=!!e||!!customElements.get(t)||this.dependencies[t];r||customElements.whenDefined(t).then(()=>{this.add(t,!0)}),this.dependencies={...this.dependencies,[t]:r},this.loaded=Object.values(this.dependencies).every(s=>s)}};El();p();var V1=y` #button{cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--mod-button-font-family,var(--mod-sans-font-family-stack,var(--spectrum-sans-font-family-stack)));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:var(--mod-button-line-height,var(--mod-line-height-100,var(--spectrum-line-height-100)));text-transform:none;vertical-align:top;-webkit-appearance:button;transition:background var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100)))ease-out,border-color var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100)))ease-out,color var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100)))ease-out,box-shadow var(--mod-button-animation-duration,var(--mod-animation-duration-100,var(--spectrum-animation-duration-100)))ease-out;justify-content:center;align-items:center;margin:0;-webkit-text-decoration:none;text-decoration:none;display:inline-flex;position:relative;overflow:visible}#button::-moz-focus-inner{border-style:none;padding:0}#button:focus{outline:none}:host{--spectrum-picker-font-size:var(--spectrum-font-size-100);--spectrum-picker-font-weight:var(--spectrum-regular-font-weight);--spectrum-picker-placeholder-font-style:var(--spectrum-default-font-style);--spectrum-picker-line-height:var(--spectrum-line-height-100);--spectrum-picker-block-size:var(--spectrum-component-height-100);--spectrum-picker-inline-size:var(--spectrum-field-width);--spectrum-picker-border-radius:var(--spectrum-corner-radius-100);--spectrum-picker-spacing-top-to-text:var(--spectrum-component-top-to-text-100);--spectrum-picker-spacing-bottom-to-text:var(--spectrum-component-bottom-to-text-100);--spectrum-picker-spacing-edge-to-text:var(--spectrum-component-edge-to-text-100);--spectrum-picker-spacing-edge-to-text-quiet:var(--spectrum-field-edge-to-text-quiet);--spectrum-picker-spacing-label-to-picker:var(--spectrum-field-label-to-component);--spectrum-picker-spacing-text-to-icon:var(--spectrum-text-to-visual-100);--spectrum-picker-spacing-text-to-icon-inline-end:var(--spectrum-field-text-to-alert-icon-medium);--spectrum-picker-spacing-icon-to-disclosure-icon:var(--spectrum-picker-visual-to-disclosure-icon-medium);--spectrum-picker-spacing-label-to-picker-quiet:var(--spectrum-field-label-to-component-quiet-medium);--spectrum-picker-spacing-top-to-alert-icon:var(--spectrum-field-top-to-alert-icon-medium);--spectrum-picker-spacing-top-to-progress-circle:var(--spectrum-field-top-to-progress-circle-medium);--spectrum-picker-spacing-top-to-disclosure-icon:var(--spectrum-field-top-to-disclosure-icon-100);--spectrum-picker-spacing-edge-to-disclosure-icon:var(--spectrum-field-end-edge-to-disclosure-icon-100);--spectrum-picker-spacing-edge-to-disclosure-icon-quiet:var(--spectrum-picker-end-edge-to-disclousure-icon-quiet);--spectrum-picker-animation-duration:var(--spectrum-animation-duration-100);--spectrum-picker-font-color-default:var(--spectrum-neutral-content-color-default);--spectrum-picker-font-color-default-open:var(--spectrum-neutral-content-color-focus);--spectrum-picker-font-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-picker-font-color-hover-open:var(--spectrum-neutral-content-color-focus-hover);--spectrum-picker-font-color-active:var(--spectrum-neutral-content-color-down);--spectrum-picker-font-color-key-focus:var(--spectrum-neutral-content-color-key-focus);--spectrum-picker-icon-color-default:var(--spectrum-neutral-content-color-default);--spectrum-picker-icon-color-default-open:var(--spectrum-neutral-content-color-focus);--spectrum-picker-icon-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-picker-icon-color-hover-open:var(--spectrum-neutral-content-color-focus-hover);--spectrum-picker-icon-color-active:var(--spectrum-neutral-content-color-down);--spectrum-picker-icon-color-key-focus:var(--spectrum-neutral-content-color-key-focus);--spectrum-picker-border-color-error-default:var(--spectrum-negative-border-color-default);--spectrum-picker-border-color-error-default-open:var(--spectrum-negative-border-color-focus);--spectrum-picker-border-color-error-hover:var(--spectrum-negative-border-color-hover);--spectrum-picker-border-color-error-hover-open:var(--spectrum-negative-border-color-focus-hover);--spectrum-picker-border-color-error-active:var(--spectrum-negative-border-color-down);--spectrum-picker-border-color-error-key-focus:var(--spectrum-negative-border-color-key-focus);--spectrum-picker-icon-color-error:var(--spectrum-negative-visual-color);--spectrum-picker-background-color-disabled:var(--spectrum-disabled-background-color);--spectrum-picker-font-color-disabled:var(--spectrum-disabled-content-color);--spectrum-picker-icon-color-disabled:var(--spectrum-disabled-content-color);--spectrum-picker-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-picker-focus-indicator-thickness:var(--spectrum-focus-indicator-thickness);--spectrum-picker-focus-indicator-color:var(--spectrum-focus-indicator-color)}:host([size=s]){--spectrum-picker-font-size:var(--spectrum-font-size-75);--spectrum-picker-block-size:var(--spectrum-component-height-75);--spectrum-picker-spacing-top-to-text:var(--spectrum-component-top-to-text-75);--spectrum-picker-spacing-bottom-to-text:var(--spectrum-component-bottom-to-text-75);--spectrum-picker-spacing-edge-to-text:var(--spectrum-component-edge-to-text-75);--spectrum-picker-spacing-text-to-icon:var(--spectrum-text-to-visual-75);--spectrum-picker-spacing-text-to-icon-inline-end:var(--spectrum-field-text-to-alert-icon-small);--spectrum-picker-spacing-icon-to-disclosure-icon:var(--spectrum-picker-visual-to-disclosure-icon-small);--spectrum-picker-spacing-label-to-picker-quiet:var(--spectrum-field-label-to-component-quiet-small);--spectrum-picker-spacing-top-to-alert-icon:var(--spectrum-field-top-to-alert-icon-small);--spectrum-picker-spacing-top-to-progress-circle:var(--spectrum-field-top-to-progress-circle-small);--spectrum-picker-spacing-top-to-disclosure-icon:var(--spectrum-field-top-to-disclosure-icon-75);--spectrum-picker-spacing-edge-to-disclosure-icon:var(--spectrum-field-end-edge-to-disclosure-icon-75)}:host([size=l]){--spectrum-picker-font-size:var(--spectrum-font-size-200);--spectrum-picker-block-size:var(--spectrum-component-height-200);--spectrum-picker-spacing-top-to-text:var(--spectrum-component-top-to-text-200);--spectrum-picker-spacing-bottom-to-text:var(--spectrum-component-bottom-to-text-200);--spectrum-picker-spacing-edge-to-text:var(--spectrum-component-edge-to-text-200);--spectrum-picker-spacing-text-to-icon:var(--spectrum-text-to-visual-200);--spectrum-picker-spacing-text-to-icon-inline-end:var(--spectrum-field-text-to-alert-icon-large);--spectrum-picker-spacing-icon-to-disclosure-icon:var(--spectrum-picker-visual-to-disclosure-icon-large);--spectrum-picker-spacing-label-to-picker-quiet:var(--spectrum-field-label-to-component-quiet-large);--spectrum-picker-spacing-top-to-alert-icon:var(--spectrum-field-top-to-alert-icon-large);--spectrum-picker-spacing-top-to-progress-circle:var(--spectrum-field-top-to-progress-circle-large);--spectrum-picker-spacing-top-to-disclosure-icon:var(--spectrum-field-top-to-disclosure-icon-200);--spectrum-picker-spacing-edge-to-disclosure-icon:var(--spectrum-field-end-edge-to-disclosure-icon-200)}:host([size=xl]){--spectrum-picker-font-size:var(--spectrum-font-size-300);--spectrum-picker-block-size:var(--spectrum-component-height-300);--spectrum-picker-spacing-top-to-text:var(--spectrum-component-top-to-text-300);--spectrum-picker-spacing-bottom-to-text:var(--spectrum-component-bottom-to-text-300);--spectrum-picker-spacing-edge-to-text:var(--spectrum-component-edge-to-text-300);--spectrum-picker-spacing-text-to-icon:var(--spectrum-text-to-visual-300);--spectrum-picker-spacing-text-to-icon-inline-end:var(--spectrum-field-text-to-alert-icon-extra-large);--spectrum-picker-spacing-icon-to-disclosure-icon:var(--spectrum-picker-visual-to-disclosure-icon-extra-large);--spectrum-picker-spacing-label-to-picker-quiet:var(--spectrum-field-label-to-component-quiet-extra-large);--spectrum-picker-spacing-top-to-alert-icon:var(--spectrum-field-top-to-alert-icon-extra-large);--spectrum-picker-spacing-top-to-progress-circle:var(--spectrum-field-top-to-progress-circle-extra-large);--spectrum-picker-spacing-top-to-disclosure-icon:var(--spectrum-field-top-to-disclosure-icon-300);--spectrum-picker-spacing-edge-to-disclosure-icon:var(--spectrum-field-end-edge-to-disclosure-icon-300)}@media (forced-colors:active){:host{--highcontrast-picker-focus-indicator-color:Highlight;--highcontrast-picker-border-color-default:ButtonBorder;--highcontrast-picker-border-color-hover:Highlight;--highcontrast-picker-border-color-disabled:GrayText;--highcontrast-picker-content-color-default:ButtonText;--highcontrast-picker-content-color-disabled:GrayText;--highcontrast-picker-background-color:ButtonFace}#button.is-keyboardFocused,#button:focus-visible{--highcontrast-picker-border-color-hover:ButtonText}#button .label,#button:after{forced-color-adjust:none}}#button{box-sizing:border-box;max-inline-size:100%;min-inline-size:calc(var(--spectrum-picker-minimum-width-multiplier)*var(--mod-picker-block-size,var(--spectrum-picker-block-size)));inline-size:var(--mod-picker-inline-size,var(--spectrum-picker-inline-size));block-size:var(--mod-picker-block-size,var(--spectrum-picker-block-size));border-width:var(--mod-picker-border-width,var(--spectrum-picker-border-width));border-radius:var(--mod-picker-border-radius,var(--spectrum-picker-border-radius));transition:background-color var(--mod-picker-animation-duration,var(--spectrum-picker-animation-duration)),box-shadow var(--mod-picker-animation-duration,var(--spectrum-picker-animation-duration)),border-color var(--mod-picker-animation-duration,var(--spectrum-picker-animation-duration))ease-in-out;color:var(--highcontrast-picker-content-color-default,var(--mod-picker-font-color-default,var(--spectrum-picker-font-color-default)));background-color:var(--highcontrast-picker-background-color,var(--mod-picker-background-color-default,var(--spectrum-picker-background-color-default)));border-style:solid;border-color:var(--highcontrast-picker-border-color-default,var(--mod-picker-border-color-default,var(--spectrum-picker-border-color-default)));margin-block-start:var(--mod-picker-spacing-label-to-picker,var(--spectrum-picker-spacing-label-to-picker));padding-block:0;padding-inline-start:var(--mod-picker-spacing-edge-to-text,var(--spectrum-picker-spacing-edge-to-text));padding-inline-end:var(--mod-picker-spacing-edge-to-disclosure-icon,var(--spectrum-picker-spacing-edge-to-disclosure-icon));display:flex}#button:after{pointer-events:none;content:"";block-size:calc(100% + var(--mod-picker-focus-indicator-gap,var(--spectrum-picker-focus-indicator-gap))*2 + var(--mod-picker-border-width,var(--spectrum-picker-border-width))*2);inline-size:calc(100% + var(--mod-picker-focus-indicator-gap,var(--spectrum-picker-focus-indicator-gap))*2 + var(--mod-picker-border-width,var(--spectrum-picker-border-width))*2);border-style:solid;border-width:var(--mod-picker-focus-indicator-thickness,var(--spectrum-picker-focus-indicator-thickness));border-radius:calc(var(--mod-picker-border-radius,var(--spectrum-picker-border-radius)) + var(--mod-picker-focus-indicator-gap,var(--spectrum-picker-focus-indicator-gap)) + var(--mod-picker-border-width,var(--spectrum-picker-border-width)));border-color:#0000;margin-block-start:calc((var(--mod-picker-focus-indicator-gap,var(--spectrum-picker-focus-indicator-gap)) + var(--mod-picker-focus-indicator-thickness,var(--spectrum-picker-focus-indicator-thickness)) + var(--mod-picker-border-width,var(--spectrum-picker-border-width)))*-1);margin-inline-start:calc((var(--mod-picker-focus-indicator-gap,var(--spectrum-picker-focus-indicator-gap)) + var(--mod-picker-focus-indicator-thickness,var(--spectrum-picker-focus-indicator-thickness)) + var(--mod-picker-border-width,var(--spectrum-picker-border-width)))*-1);position:absolute;inset-block:0;inset-inline:0}#button:active{background-color:var(--highcontrast-picker-background-color,var(--mod-picker-background-color-active,var(--spectrum-picker-background-color-active)));border-color:var(--highcontrast-picker-border-color-default,var(--mod-picker-border-active,var(--spectrum-picker-border-color-active)))}#button:active:after{border-color:#0000}#button.placeholder:active .label{color:var(--highcontrast-picker-content-color-default,var(--mod-picker-font-color-active,var(--spectrum-picker-font-color-active)))}#button.is-keyboardFocused,#button:focus-visible{background-color:var(--highcontrast-picker-background-color,var(--mod-picker-background-color-key-focus,var(--spectrum-picker-background-color-key-focus)));border-color:var(--highcontrast-picker-border-color-default,var(--mod-picker-border-color-key-focus,var(--spectrum-picker-border-color-key-focus)));color:var(--highcontrast-picker-content-color-default,var(--mod-picker-font-color-key-focus,var(--spectrum-picker-font-color-key-focus)));outline:none}#button.is-keyboardFocused:after,#button:focus-visible:after{border-color:var(--highcontrast-picker-focus-indicator-color,var(--mod-picker-focus-indicator-color,var(--spectrum-picker-focus-indicator-color)))}#button.is-keyboardFocused .label.placeholder,#button:focus-visible .label.placeholder{color:var(--highcontrast-picker-content-color-default,var(--mod-picker-font-color-key-focus,var(--spectrum-picker-font-color-key-focus)))}#button.is-keyboardFocused .picker,#button:focus-visible .picker{color:var(--highcontrast-picker-content-color-default,var(--mod-picker-icon-color-key-focus,var(--spectrum-picker-icon-color-key-focus)))}:host([open]) #button:not(.spectrum-Picker--quiet,:disabled,.is-disabled){color:var(--highcontrast-picker-content-color-default,var(--mod-picker-font-color-default-open,var(--spectrum-picker-font-color-default-open)));background-color:var(--highcontrast-picker-background-color,var(--mod-picker-background-color-default-open,var(--spectrum-picker-background-color-default-open)));border-color:var(--highcontrast-picker-border-color-default,var(--mod-picker-border-default-open,var(--spectrum-picker-border-color-default-open)))}:host([open]) #button:not(.spectrum-Picker--quiet,:disabled,.is-disabled) .picker{color:var(--highcontrast-picker-content-color-default,var(--mod-picker-icon-color-default-open,var(--spectrum-picker-icon-color-default-open)))}:host([invalid]) #button:not(:disabled,.is-disabled){border-color:var(--highcontrast-picker-border-color-default,var(--mod-picker-border-color-error-default,var(--spectrum-picker-border-color-error-default)))}:host([invalid]) #button:not(:disabled,.is-disabled) .validation-icon{color:var(--highcontrast-picker-content-color-default,var(--mod-picker-icon-color-error,var(--spectrum-picker-icon-color-error)))}:host([invalid]) #button:not(:disabled,.is-disabled):active{border-color:var(--highcontrast-picker-border-color-default,var(--mod-picker-border-color-error-active,var(--spectrum-picker-border-color-error-active)))}:host([invalid][open]) #button:not(:disabled,.is-disabled){border-color:var(--highcontrast-picker-border-color-default,var(--mod-picker-border-color-error-default-open,var(--spectrum-picker-border-color-error-default-open)))}:host([invalid]) #button.is-keyboardFocused:not(:disabled,.is-disabled),:host([invalid]) #button:not(:disabled,.is-disabled):focus-visible{border-color:var(--highcontrast-picker-border-color-default,var(--mod-picker-border-color-error-key-focus,var(--spectrum-picker-border-color-error-key-focus)))}:host([pending]) #button .picker{color:var(--highcontrast-picker-content-color-disabled,var(--mod-picker-icon-color-disabled,var(--spectrum-picker-icon-color-disabled)))}:host([invalid]) #button .label,:host([pending]) #button .label{margin-inline-end:var(--mod-picker-spacing-text-to-icon-inline-end,var(--mod-picker-spacing-text-to-alert-icon-inline-start,var(--spectrum-picker-spacing-text-to-icon-inline-end)))}.icon{flex-shrink:0;margin-inline-end:var(--mod-picker-spacing-text-to-icon,var(--spectrum-picker-spacing-text-to-icon))}.label{white-space:nowrap;font-size:var(--mod-picker-font-size,var(--spectrum-picker-font-size));line-height:var(--mod-picker-line-height,var(--spectrum-picker-line-height));font-weight:var(--mod-picker-font-weight,var(--spectrum-picker-font-weight));text-overflow:ellipsis;text-align:start;flex:auto;padding-block-start:var(--mod-picker-spacing-top-to-text,var(--spectrum-picker-spacing-top-to-text));padding-block-end:calc(var(--mod-picker-spacing-bottom-to-text,var(--spectrum-picker-spacing-bottom-to-text)) - var(--mod-picker-border-width,var(--spectrum-picker-border-width)));overflow:hidden}.label.placeholder{font-weight:var(--mod-picker-placeholder-font-weight,var(--spectrum-picker-font-weight));font-style:var(--mod-picker-placeholder-font-style,var(--spectrum-picker-placeholder-font-style));transition:color var(--mod-picker-animation-duration,var(--spectrum-picker-animation-duration))ease-in-out;color:var(--highcontrast-picker-content-color-default,var(--mod-picker-font-color-default,var(--spectrum-picker-font-color-default)))}.label.placeholder:active{color:var(--highcontrast-picker-content-color-default,var(--mod-picker-font-color-active,var(--spectrum-picker-font-color-active)))}.picker{vertical-align:top;transition:color var(--mod-picker-animation-duration,var(--spectrum-picker-animation-duration))ease-out;margin-inline-start:var(--mod-picker-spacing-icon-to-disclosure-icon,var(--spectrum-picker-spacing-icon-to-disclosure-icon));margin-block:var(--mod-picker-spacing-top-to-disclosure-icon,var(--spectrum-picker-spacing-top-to-disclosure-icon));color:var(--highcontrast-picker-content-color-default,var(--mod-picker-icon-color-default,var(--spectrum-picker-icon-color-default)));flex-shrink:0;display:inline-block;position:relative}.picker:active{color:var(--highcontrast-picker-content-color-default,var(--mod-picker-icon-color-active,var(--spectrum-picker-icon-color-active)))}.validation-icon{flex-shrink:0;margin-block-start:calc(var(--mod-picker-spacing-top-to-alert-icon,var(--spectrum-picker-spacing-top-to-alert-icon)) - var(--mod-picker-border-width,var(--spectrum-picker-border-width)));margin-block-end:calc(var(--mod-picker-spacing-top-to-alert-icon,var(--spectrum-picker-spacing-top-to-alert-icon)) - var(--mod-picker-border-width,var(--spectrum-picker-border-width)))}#button .progress-circle{margin-block-start:calc(var(--mod-picker-spacing-top-to-progress-circle,var(--spectrum-picker-spacing-top-to-progress-circle)) - var(--mod-picker-border-width,var(--spectrum-picker-border-width)));margin-block-end:calc(var(--mod-picker-spacing-top-to-progress-circle,var(--spectrum-picker-spacing-top-to-progress-circle)) - var(--mod-picker-border-width,var(--spectrum-picker-border-width)))}.label~.picker{margin-inline-start:var(--mod-picker-spacing-text-to-icon,var(--spectrum-picker-spacing-text-to-icon))}:host([quiet]) #button{inline-size:auto;min-inline-size:0;padding-inline:var(--mod-picker-spacing-edge-to-text-quiet,var(--spectrum-picker-spacing-edge-to-text-quiet));color:var(--highcontrast-picker-content-color-default,var(--mod-picker-font-color-default,var(--spectrum-picker-font-color-default)));background-color:initial;background-color:var(--highcontrast-picker-background-color,transparent);border:none;border-radius:0;margin-block-start:calc(var(--mod-picker-spacing-label-to-picker-quiet,var(--spectrum-picker-spacing-label-to-picker-quiet)) + 1px)}:host([quiet]) #button.label-inline{margin-block-start:0}:host([quiet]) #button .picker{margin-inline-end:var(--mod-picker-spacing-edge-to-disclosure-icon-quiet,var(--spectrum-picker-spacing-edge-to-disclosure-icon-quiet))}:host([quiet]) #button:after{border:none;block-size:auto;inline-size:auto}@media (hover:hover){#button:hover{color:var(--highcontrast-picker-content-color-default,var(--mod-picker-font-color-hover,var(--spectrum-picker-font-color-hover)));background-color:var(--highcontrast-picker-background-color,var(--mod-picker-background-color-hover,var(--spectrum-picker-background-color-hover)));border-color:var(--highcontrast-picker-border-color-hover,var(--mod-picker-border-color-hover,var(--spectrum-picker-border-color-hover)))}#button:hover .picker{color:var(--highcontrast-picker-content-color-default,var(--mod-picker-icon-color-hover,var(--spectrum-picker-icon-color-hover)))}:host([open]) #button:not(.spectrum-Picker--quiet,:disabled,.is-disabled):hover{color:var(--highcontrast-picker-content-color-default,var(--mod-picker-font-color-hover-open,var(--spectrum-picker-font-color-hover-open)));background-color:var(--highcontrast-picker-background-color,var(--mod-picker-background-color-hover-open,var(--spectrum-picker-background-color-hover-open)));border-color:var(--highcontrast-picker-border-color-hover,var(--mod-picker-border-color-hover-open,var(--spectrum-picker-border-color-hover-open)))}:host([open]) #button:not(.spectrum-Picker--quiet,:disabled,.is-disabled):hover .picker{color:var(--highcontrast-picker-content-color-default,var(--mod-picker-icon-color-hover-open,var(--spectrum-picker-icon-color-hover-open)))}:host([invalid]) #button:not(:disabled,.is-disabled):hover{border-color:var(--highcontrast-picker-border-color-hover,var(--mod-picker-border-color-error-hover,var(--spectrum-picker-border-color-error-hover)))}:host([invalid][open]) #button:not(:disabled,.is-disabled):hover{border-color:var(--highcontrast-picker-border-color-hover,var(--mod-picker-border-color-error-hover-open,var(--spectrum-picker-border-color-error-hover-open)))}.label.placeholder:hover{color:var(--highcontrast-picker-content-color-default,var(--mod-picker-font-color-hover,var(--spectrum-picker-font-color-hover)))}:host([quiet]) #button:hover{background-color:initial;background-color:var(--highcontrast-picker-background-color,transparent)}}:host([quiet]) #button.is-keyboardFocused,:host([quiet]) #button:focus-visible{background-color:initial;background-color:var(--highcontrast-picker-background-color,transparent)}:host([quiet]) #button.is-keyboardFocused:after,:host([quiet]) #button:focus-visible:after{box-shadow:0 var(--mod-picker-focus-indicator-thickness,var(--spectrum-picker-focus-indicator-thickness))0 0 var(--highcontrast-picker-focus-indicator-color,var(--mod-picker-focus-indicator-color,var(--spectrum-picker-focus-indicator-color)));margin:calc((var(--mod-picker-focus-indicator-gap,var(--spectrum-picker-focus-indicator-gap)) + var(--mod-picker-border-width,var(--spectrum-picker-border-width)))*-1)0;border:none;border-radius:0}:host([quiet][open]) #button,:host([quiet][disabled]) #button#button,:host([quiet]) #button#button:disabled,:host([quiet]) #button:active{background-color:initial;background-color:var(--highcontrast-picker-background-color,transparent)}.label-inline{vertical-align:top;display:inline-flex}:host([disabled]) #button,#button:disabled{cursor:default;background-color:var(--highcontrast-picker-background-color,var(--mod-picker-background-color-disabled,var(--spectrum-picker-background-color-disabled)));border-color:var(--highcontrast-picker-border-color-disabled,var(--spectrum-picker-border-color-disabled));color:var(--highcontrast-picker-content-color-disabled,var(--mod-picker-font-color-disabled,var(--spectrum-picker-font-color-disabled)))}:host([disabled]) #button .icon,:host([disabled]) #button .picker,:host([disabled]) #button .validation-icon,#button:disabled .icon,#button:disabled .picker,#button:disabled .validation-icon{color:var(--highcontrast-picker-content-color-disabled,var(--mod-picker-icon-color-disabled,var(--spectrum-picker-icon-color-disabled)))}:host([disabled]) #button .label.placeholder,#button:disabled .label.placeholder{color:var(--highcontrast-picker-content-color-disabled,var(--mod-picker-font-color-disabled,var(--spectrum-picker-font-color-disabled)))}:host{--spectrum-picker-background-color-default:var(--system-picker-background-color-default);--spectrum-picker-background-color-default-open:var(--system-picker-background-color-default-open);--spectrum-picker-background-color-hover:var(--system-picker-background-color-hover);--spectrum-picker-background-color-hover-open:var(--system-picker-background-color-hover-open);--spectrum-picker-background-color-active:var(--system-picker-background-color-active);--spectrum-picker-background-color-key-focus:var(--system-picker-background-color-key-focus);--spectrum-picker-border-color-default:var(--system-picker-border-color-default);--spectrum-picker-border-color-default-open:var(--system-picker-border-color-default-open);--spectrum-picker-border-color-hover:var(--system-picker-border-color-hover);--spectrum-picker-border-color-hover-open:var(--system-picker-border-color-hover-open);--spectrum-picker-border-color-active:var(--system-picker-border-color-active);--spectrum-picker-border-color-key-focus:var(--system-picker-border-color-key-focus);--spectrum-picker-border-color-disabled:var(--system-picker-border-color-disabled);--spectrum-picker-border-width:var(--system-picker-border-width)}:host{--mod-popover-inline-size:var(--mod-picker-inline-size,var(--spectrum-picker-inline-size));vertical-align:top;max-inline-size:100%;inline-size:var(--mod-picker-inline-size,var(--spectrum-picker-inline-size));min-inline-size:calc(var(--spectrum-picker-minimum-width-multiplier)*var(--mod-picker-block-size,var(--spectrum-picker-block-size)));display:inline-flex}:host([quiet]){width:auto;min-width:0}:host([disabled]){pointer-events:none}#button{width:100%;min-width:100%;max-width:100%}#icon:not([hidden]){display:inline-flex}:host([readonly]) #button{user-select:inherit}.picker,.validation-icon{flex-shrink:0}sp-overlay{pointer-events:none}sp-menu{pointer-events:initial}:host>sp-menu{display:none}:host([focused]:not([quiet])) #button #label.placeholder{color:var(--spectrum-picker-placeholder-text-color-key-focus,var(--spectrum-alias-placeholder-text-color-hover))}#label.visually-hidden~.picker{margin-inline-start:auto}:host([focused]:not([quiet],[pending])) #button .picker{color:var(--spectrum-picker-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}.visually-hidden{clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:0 -1px -1px 0;padding:0;position:absolute;overflow:hidden}sp-overlay:not(:defined){display:none}#button.remove-focus-ring-safari-hack:focus-visible{background-color:var(--highcontrast-picker-background-color,var(--mod-picker-background-color-default,var(--spectrum-picker-background-color-default)));border-color:var(--highcontrast-picker-border-color-default,var(--mod-picker-border-color-default,var(--spectrum-picker-border-color-default)));color:var(--highcontrast-picker-content-color-default,var(--mod-picker-font-color-default,var(--spectrum-picker-font-color-default)))}#button.remove-focus-ring-safari-hack:after{border:none}#button.remove-focus-ring-safari-hack:focus-visible:after{box-shadow:none}#button.remove-focus-ring-safari-hack:active{background-color:var(--highcontrast-picker-background-color,var(--mod-picker-background-color-default,var(--spectrum-picker-background-color-default)));border-color:var(--highcontrast-picker-border-color-default,var(--mod-picker-border-color-default,var(--spectrum-picker-border-color-default)));color:var(--highcontrast-picker-content-color-default,var(--mod-picker-font-color-default,var(--spectrum-picker-font-color-default)))} -`,Im=q1;var ns=(o=>(o[o.desktop=0]="desktop",o[o.mobile=1]="mobile",o))(ns||{}),Fi="remove-focus-ring-safari-hack",bo=class{constructor(t,e){this.target=t,this.host=e,this.preventNextToggle="no",this.pointerdownState=!1,this.enterKeydownOn=null,this._open=!1,this.target=t,this.host=e,this.host.addController(this),this.init()}get activelyOpening(){return!1}get open(){return this._open}set open(t){if(this._open!==t){if(this._open=t,this.overlay){this.host.open=t;return}customElements.whenDefined("sp-overlay").then(async()=>{let{Overlay:e}=await Promise.resolve().then(()=>(di(),Nl));this.overlay=new e,this.host.open=!0,this.host.requestUpdate()}),Promise.resolve().then(()=>Te())}}get overlay(){return this._overlay}set overlay(t){t&&this.overlay!==t&&(this._overlay=t,this.initOverlay())}releaseDescription(){}handleBeforetoggle(t){var e;t.composedPath()[0]===t.target&&(t.newState==="closed"&&(this.preventNextToggle==="no"?this.open=!1:this.pointerdownState||(e=this.overlay)==null||e.manuallyKeepOpen()),this.open||(this.host.optionsMenu.updateSelectedItemIndex(),this.host.optionsMenu.closeDescendentOverlays()))}initOverlay(){this.overlay&&(this.overlay.addEventListener("beforetoggle",t=>{this.handleBeforetoggle(t)}),this.overlay.type=this.host.isMobile.matches&&!this.host.forcePopover?"modal":"auto",this.overlay.triggerElement=this.host,this.overlay.placement=this.host.isMobile.matches&&!this.host.forcePopover?void 0:this.host.placement,this.overlay.receivesFocus="false",this.overlay.willPreventClose=this.preventNextToggle!=="no"&&this.open,this.overlay.addEventListener("slottable-request",this.host.handleSlottableRequest))}handlePointerdown(t){}handleButtonFocus(t){this.preventNextToggle==="maybe"&&t.relatedTarget===this.host.optionsMenu&&(this.preventNextToggle="yes"),this.preventNextToggle==="no"&&this.host.close()}handleActivate(t){}init(){}abort(){var t;this.releaseDescription(),(t=this.abortController)==null||t.abort()}hostConnected(){this.init(),this.host.addEventListener("sp-opened",()=>{this.host.optionsMenu.shouldSupportDragAndSelect=!this.host.isMobile.matches}),this.host.addEventListener("sp-closed",()=>{!this.open&&this.host.optionsMenu.matches(":focus-within")&&!this.host.button.matches(":focus")&&this.host.button.focus()})}hostDisconnected(){var t;(t=this.abortController)==null||t.abort()}hostUpdated(){this.overlay&&this.host.dependencyManager.loaded&&this.host.open!==this.overlay.open&&(this.overlay.willPreventClose=this.preventNextToggle!=="no",this.overlay.open=this.host.open)}};var Vi=class extends bo{constructor(){super(...arguments),this.type=ns.desktop}handlePointerdown(t){if(t.button!==0||t.pointerType==="touch")return;this.pointerdownState=this.open,this.preventNextToggle="maybe";let e=0,r=()=>{cancelAnimationFrame(e),e=requestAnimationFrame(async()=>{document.removeEventListener("pointerup",r),document.removeEventListener("pointercancel",r),this.target.removeEventListener("click",r),requestAnimationFrame(()=>{this.preventNextToggle="no"})})};document.addEventListener("pointerup",r),document.addEventListener("pointercancel",r),this.target.addEventListener("click",r),this.handleActivate()}handleActivate(t){this.enterKeydownOn&&this.enterKeydownOn!==this.target||this.preventNextToggle!=="yes"&&(t?.type==="click"&&this.open!==this.pointerdownState||this.host.toggle())}init(){var t;(t=this.abortController)==null||t.abort(),this.abortController=new AbortController;let{signal:e}=this.abortController;this.target.addEventListener("click",r=>this.handleActivate(r),{signal:e}),this.target.addEventListener("pointerdown",r=>this.handlePointerdown(r),{signal:e}),this.target.addEventListener("focus",r=>this.handleButtonFocus(r),{signal:e})}};Nt();var Ni=class extends bo{constructor(){super(...arguments),this.type=ns.mobile}handleClick(){this.host.disabled||(this.preventNextToggle=="no"&&this.host.toggle(),this.preventNextToggle="no")}handlePointerdown(){this.preventNextToggle=this.open?"yes":"no",Qo()&&this.target.classList.add(Fi)}handleFocusOut(){this.host.open||Qo()&&this.target.classList.contains(Fi)&&this.target.classList.remove(Fi)}init(){var t;(t=this.abortController)==null||t.abort(),this.abortController=new AbortController;let{signal:e}=this.abortController;this.target.addEventListener("click",()=>this.handleClick(),{signal:e}),this.target.addEventListener("pointerdown",()=>this.handlePointerdown(),{signal:e}),this.target.addEventListener("focusout",()=>this.handleFocusOut(),{signal:e})}};var Yl={desktop:Vi,mobile:Ni};var b5=Object.defineProperty,g5=Object.getOwnPropertyDescriptor,ct=(o,t,e,r)=>{for(var s=r>1?void 0:r?g5(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&b5(t,e,s),s},v5={s:"spectrum-UIIcon-ChevronDown75",m:"spectrum-UIIcon-ChevronDown100",l:"spectrum-UIIcon-ChevronDown200",xl:"spectrum-UIIcon-ChevronDown300"},Zi="option-picker",Q=class extends R(E,{noDefaultSize:!0}){constructor(){super(...arguments),this.isMobile=new io(this,Tm),this.dependencyManager=new We(this),this.deprecatedMenu=null,this.disabled=!1,this.focused=!1,this.invalid=!1,this.forcePopover=!1,this.pending=!1,this.pendingLabel="Pending",this.open=!1,this.readonly=!1,this.selects="single",this.placement="bottom-start",this.quiet=!1,this.value="",this.listRole="listbox",this.itemRole="option",this.handleEscape=t=>{t.key==="Escape"&&this.open&&(t.stopPropagation(),t.preventDefault(),this.toggle(!1))},this.handleKeydown=t=>{if(this.focused=!0,!!["ArrowUp","ArrowDown","Enter"," ","Escape"].includes(t.key)){if(t.key==="Escape"){this.handleEscape(t);return}t.stopPropagation(),t.preventDefault(),this.keyboardOpen()}},this.handleSlottableRequest=t=>{},this.applyFocusElementLabel=(t,e)=>{this.appliedLabel=t,this.labelAlignment=e.sideAligned?"inline":void 0},this.hasRenderedOverlay=!1,this.willManageSelection=!1,this.selectionPromise=Promise.resolve(),this.recentlyConnected=!1,this.enterKeydownOn=null,this.handleEnterKeydown=t=>{if(t.key!=="Enter")return;let e=t?.target;if(!e.open&&e.hasSubmenu){t.preventDefault();return}if(this.enterKeydownOn){t.preventDefault();return}this.enterKeydownOn=t.target,this.addEventListener("keyup",async r=>{r.key==="Enter"&&(this.enterKeydownOn=null)},{once:!0})}}get menuItems(){return this.optionsMenu.childItems}get selfManageFocusElement(){return!0}get selectedItem(){return this._selectedItem}set selectedItem(t){if(this.selectedItemContent=t?t.itemChildren:void 0,t===this.selectedItem)return;let e=this.selectedItem;this._selectedItem=t,this.requestUpdate("selectedItem",e)}get focusElement(){return this.open?this.optionsMenu:this.button}forceFocusVisible(){this.disabled||(this.focused=!0)}click(){this.toggle()}handleButtonClick(){this.disabled||this.toggle()}handleButtonBlur(){this.focused=!1}focus(t){var e;(e=this.focusElement)==null||e.focus(t)}handleHelperFocus(){this.focused=!0,this.button.focus()}handleFocus(){!this.disabled&&this.focusElement&&(this.focused=this.hasVisibleFocusInTree())}handleChange(t){this.strategy&&(this.strategy.preventNextToggle="no");let e=t.target,[r]=e.selectedItems;t.stopPropagation(),t.cancelable?this.setValueFromItem(r,t):(this.open=!1,this.strategy&&(this.strategy.open=!1))}handleButtonFocus(t){var e;(e=this.strategy)==null||e.handleButtonFocus(t)}async keyboardOpen(){var t;!this.open||!this.strategy.open?(this.addEventListener("sp-opened",()=>{var e;return(e=this.optionsMenu)==null?void 0:e.focusOnFirstSelectedItem()},{once:!0}),this.toggle(!0)):(t=this.optionsMenu)==null||t.focusOnFirstSelectedItem()}async setValueFromItem(t,e){var r;this.open=!1;let s=this.selectedItem,i=this.value;if(this.selectedItem=t,this.value=(r=t?.value)!=null?r:"",await this.updateComplete,!this.dispatchEvent(new Event("change",{bubbles:!0,cancelable:!0,composed:!0}))&&this.selects){e&&e.preventDefault(),this.setMenuItemSelected(this.selectedItem,!1),s&&this.setMenuItemSelected(s,!0),this.selectedItem=s,this.value=i,this.open=!0,this.strategy&&(this.strategy.open=!0);return}else if(!this.selects){this.selectedItem=s,this.value=i;return}s&&this.setMenuItemSelected(s,!1),this.setMenuItemSelected(t,!!this.selects)}setMenuItemSelected(t,e){this.selects!=null&&(t.selected=e)}toggle(t){if(this.readonly||this.pending||this.disabled)return;let e=typeof t<"u"?t:!this.open;this.open=e,this.strategy&&(this.strategy.open=this.open)}close(){this.readonly||this.strategy&&(this.open=!1,this.strategy.open=!1)}get containerStyles(){return this.isMobile.matches?{"--swc-menu-width":"100%"}:{}}get selectedItemContent(){return this._selectedItemContent||{icon:[],content:[]}}set selectedItemContent(t){if(t===this.selectedItemContent)return;let e=this.selectedItemContent;this._selectedItemContent=t,this.requestUpdate("selectedItemContent",e)}handleTooltipSlotchange(t){var e;this.tooltipEl=t.target.assignedElements()[0],(e=this.tooltipEl)!=null&&e.selfManaged&&this.updateComplete.then(()=>{var r;(r=this.tooltipEl)!=null&&r.overlayElement&&this.button&&(this.tooltipEl.overlayElement.triggerElement=this.button)})}renderLabelContent(t){return this.value&&this.selectedItem?t:c` +`,Sm=V1;var ns=(o=>(o[o.desktop=0]="desktop",o[o.mobile=1]="mobile",o))(ns||{}),Fi="remove-focus-ring-safari-hack",bo=class{constructor(t,e){this.target=t,this.host=e,this.preventNextToggle="no",this.pointerdownState=!1,this.enterKeydownOn=null,this._open=!1,this.target=t,this.host=e,this.host.addController(this),this.init()}get activelyOpening(){return!1}get open(){return this._open}set open(t){if(this._open!==t){if(this._open=t,this.overlay){this.host.open=t;return}customElements.whenDefined("sp-overlay").then(async()=>{let{Overlay:e}=await Promise.resolve().then(()=>(di(),Ul));this.overlay=new e,this.host.open=!0,this.host.requestUpdate()}),Promise.resolve().then(()=>Te())}}get overlay(){return this._overlay}set overlay(t){t&&this.overlay!==t&&(this._overlay=t,this.initOverlay())}releaseDescription(){}handleBeforetoggle(t){var e;t.composedPath()[0]===t.target&&(t.newState==="closed"&&(this.preventNextToggle==="no"?this.open=!1:this.pointerdownState||(e=this.overlay)==null||e.manuallyKeepOpen()),this.open||(this.host.optionsMenu.updateSelectedItemIndex(),this.host.optionsMenu.closeDescendentOverlays()))}initOverlay(){this.overlay&&(this.overlay.addEventListener("beforetoggle",t=>{this.handleBeforetoggle(t)}),this.overlay.type=this.host.isMobile.matches&&!this.host.forcePopover?"modal":"auto",this.overlay.triggerElement=this.host,this.overlay.placement=this.host.isMobile.matches&&!this.host.forcePopover?void 0:this.host.placement,this.overlay.receivesFocus="false",this.overlay.willPreventClose=this.preventNextToggle!=="no"&&this.open,this.overlay.addEventListener("slottable-request",this.host.handleSlottableRequest))}handlePointerdown(t){}handleButtonFocus(t){this.preventNextToggle==="maybe"&&t.relatedTarget===this.host.optionsMenu&&(this.preventNextToggle="yes"),this.preventNextToggle==="no"&&this.host.close()}handleActivate(t){}init(){}abort(){var t;this.releaseDescription(),(t=this.abortController)==null||t.abort()}hostConnected(){this.init(),this.host.addEventListener("sp-opened",()=>{this.host.optionsMenu.shouldSupportDragAndSelect=!this.host.isMobile.matches}),this.host.addEventListener("sp-closed",()=>{!this.open&&this.host.optionsMenu.matches(":focus-within")&&!this.host.button.matches(":focus")&&this.host.button.focus()})}hostDisconnected(){var t;(t=this.abortController)==null||t.abort()}hostUpdated(){this.overlay&&this.host.dependencyManager.loaded&&this.host.open!==this.overlay.open&&(this.overlay.willPreventClose=this.preventNextToggle!=="no",this.overlay.open=this.host.open)}};var Vi=class extends bo{constructor(){super(...arguments),this.type=ns.desktop}handlePointerdown(t){if(t.button!==0||t.pointerType==="touch")return;this.pointerdownState=this.open,this.preventNextToggle="maybe";let e=0,r=()=>{cancelAnimationFrame(e),e=requestAnimationFrame(async()=>{document.removeEventListener("pointerup",r),document.removeEventListener("pointercancel",r),this.target.removeEventListener("click",r),requestAnimationFrame(()=>{this.preventNextToggle="no"})})};document.addEventListener("pointerup",r),document.addEventListener("pointercancel",r),this.target.addEventListener("click",r),this.handleActivate()}handleActivate(t){this.enterKeydownOn&&this.enterKeydownOn!==this.target||this.preventNextToggle!=="yes"&&(t?.type==="click"&&this.open!==this.pointerdownState||this.host.toggle())}init(){var t;(t=this.abortController)==null||t.abort(),this.abortController=new AbortController;let{signal:e}=this.abortController;this.target.addEventListener("click",r=>this.handleActivate(r),{signal:e}),this.target.addEventListener("pointerdown",r=>this.handlePointerdown(r),{signal:e}),this.target.addEventListener("focus",r=>this.handleButtonFocus(r),{signal:e})}};Nt();var Ni=class extends bo{constructor(){super(...arguments),this.type=ns.mobile}handleClick(){this.host.disabled||(this.preventNextToggle=="no"&&this.host.toggle(),this.preventNextToggle="no")}handlePointerdown(){this.preventNextToggle=this.open?"yes":"no",Qo()&&this.target.classList.add(Fi)}handleFocusOut(){this.host.open||Qo()&&this.target.classList.contains(Fi)&&this.target.classList.remove(Fi)}init(){var t;(t=this.abortController)==null||t.abort(),this.abortController=new AbortController;let{signal:e}=this.abortController;this.target.addEventListener("click",()=>this.handleClick(),{signal:e}),this.target.addEventListener("pointerdown",()=>this.handlePointerdown(),{signal:e}),this.target.addEventListener("focusout",()=>this.handleFocusOut(),{signal:e})}};var Xl={desktop:Vi,mobile:Ni};var f5=Object.defineProperty,x5=Object.getOwnPropertyDescriptor,ct=(o,t,e,r)=>{for(var s=r>1?void 0:r?x5(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&f5(t,e,s),s},y5={s:"spectrum-UIIcon-ChevronDown75",m:"spectrum-UIIcon-ChevronDown100",l:"spectrum-UIIcon-ChevronDown200",xl:"spectrum-UIIcon-ChevronDown300"},Zi="option-picker",Q=class extends R(E,{noDefaultSize:!0}){constructor(){super(...arguments),this.isMobile=new io(this,Im),this.dependencyManager=new We(this),this.deprecatedMenu=null,this.disabled=!1,this.focused=!1,this.invalid=!1,this.forcePopover=!1,this.pending=!1,this.pendingLabel="Pending",this.open=!1,this.readonly=!1,this.selects="single",this.placement="bottom-start",this.quiet=!1,this.value="",this.listRole="listbox",this.itemRole="option",this.handleEscape=t=>{t.key==="Escape"&&this.open&&(t.stopPropagation(),t.preventDefault(),this.toggle(!1))},this.handleKeydown=t=>{if(this.focused=!0,!!["ArrowUp","ArrowDown","Enter"," ","Escape"].includes(t.key)){if(t.key==="Escape"){this.handleEscape(t);return}t.stopPropagation(),t.preventDefault(),this.keyboardOpen()}},this.handleSlottableRequest=t=>{},this.applyFocusElementLabel=(t,e)=>{this.appliedLabel=t,this.labelAlignment=e.sideAligned?"inline":void 0},this.hasRenderedOverlay=!1,this.willManageSelection=!1,this.selectionPromise=Promise.resolve(),this.recentlyConnected=!1,this.enterKeydownOn=null,this.handleEnterKeydown=t=>{if(t.key!=="Enter")return;let e=t?.target;if(!e.open&&e.hasSubmenu){t.preventDefault();return}if(this.enterKeydownOn){t.preventDefault();return}this.enterKeydownOn=t.target,this.addEventListener("keyup",async r=>{r.key==="Enter"&&(this.enterKeydownOn=null)},{once:!0})}}get menuItems(){return this.optionsMenu.childItems}get selfManageFocusElement(){return!0}get selectedItem(){return this._selectedItem}set selectedItem(t){if(this.selectedItemContent=t?t.itemChildren:void 0,t===this.selectedItem)return;let e=this.selectedItem;this._selectedItem=t,this.requestUpdate("selectedItem",e)}get focusElement(){return this.open?this.optionsMenu:this.button}forceFocusVisible(){this.disabled||(this.focused=!0)}click(){this.toggle()}handleButtonClick(){this.disabled||this.toggle()}handleButtonBlur(){this.focused=!1}focus(t){var e;(e=this.focusElement)==null||e.focus(t)}handleHelperFocus(){this.focused=!0,this.button.focus()}handleFocus(){!this.disabled&&this.focusElement&&(this.focused=this.hasVisibleFocusInTree())}handleChange(t){this.strategy&&(this.strategy.preventNextToggle="no");let e=t.target,[r]=e.selectedItems;t.stopPropagation(),t.cancelable?this.setValueFromItem(r,t):(this.open=!1,this.strategy&&(this.strategy.open=!1))}handleButtonFocus(t){var e;(e=this.strategy)==null||e.handleButtonFocus(t)}async keyboardOpen(){var t;!this.open||!this.strategy.open?(this.addEventListener("sp-opened",()=>{var e;return(e=this.optionsMenu)==null?void 0:e.focusOnFirstSelectedItem()},{once:!0}),this.toggle(!0)):(t=this.optionsMenu)==null||t.focusOnFirstSelectedItem()}async setValueFromItem(t,e){var r;this.open=!1;let s=this.selectedItem,i=this.value;if(this.selectedItem=t,this.value=(r=t?.value)!=null?r:"",await this.updateComplete,!this.dispatchEvent(new Event("change",{bubbles:!0,cancelable:!0,composed:!0}))&&this.selects){e&&e.preventDefault(),this.setMenuItemSelected(this.selectedItem,!1),s&&this.setMenuItemSelected(s,!0),this.selectedItem=s,this.value=i,this.open=!0,this.strategy&&(this.strategy.open=!0);return}else if(!this.selects){this.selectedItem=s,this.value=i;return}s&&this.setMenuItemSelected(s,!1),this.setMenuItemSelected(t,!!this.selects)}setMenuItemSelected(t,e){this.selects!=null&&(t.selected=e)}toggle(t){if(this.readonly||this.pending||this.disabled)return;let e=typeof t<"u"?t:!this.open;this.open=e,this.strategy&&(this.strategy.open=this.open)}close(){this.readonly||this.strategy&&(this.open=!1,this.strategy.open=!1)}get containerStyles(){return this.isMobile.matches?{"--swc-menu-width":"100%"}:{}}get selectedItemContent(){return this._selectedItemContent||{icon:[],content:[]}}set selectedItemContent(t){if(t===this.selectedItemContent)return;let e=this.selectedItemContent;this._selectedItemContent=t,this.requestUpdate("selectedItemContent",e)}handleTooltipSlotchange(t){var e;this.tooltipEl=t.target.assignedElements()[0],(e=this.tooltipEl)!=null&&e.selfManaged&&this.updateComplete.then(()=>{var r;(r=this.tooltipEl)!=null&&r.overlayElement&&this.button&&(this.tooltipEl.overlayElement.triggerElement=this.button)})}renderLabelContent(t){return this.value&&this.selectedItem?t:c` `:_} `]}hasAccessibleLabel(){var t,e,r,s,i,a,d;let m=((t=this.querySelector('[slot="label"]'))==null?void 0:t.textContent)&&((r=(e=this.querySelector('[slot="label"]'))==null?void 0:e.textContent)==null?void 0:r.trim())!=="",b=((i=(s=this.querySelector('[slot="label"]'))==null?void 0:s.getAttribute("alt"))==null?void 0:i.trim())&&((d=(a=this.querySelector('[slot="label"]'))==null?void 0:a.getAttribute("alt"))==null?void 0:d.trim())!=="";return!!this.label||!!this.getAttribute("aria-label")||!!this.getAttribute("aria-labelledby")||!!this.appliedLabel||!!m||!!b}warnNoLabel(){window.__swc.warn(this,`<${this.localName}> needs one of the following to be accessible:`,"https://opensource.adobe.com/spectrum-web-components/components/picker/#accessibility",{type:"accessibility",issues:[`an element with a \`for\` attribute referencing the \`id\` of the \`<${this.localName}>\`, or`,'value supplied to the "label" attribute, which will be displayed visually as placeholder text, or','text content supplied in a with slot="label", which will also be displayed visually as placeholder text.']})}renderOverlay(t){var e,r,s;if(((e=this.strategy)==null?void 0:e.overlay)===void 0)return t;let i=this.renderContainer(t);return Nr(i,(r=this.strategy)==null?void 0:r.overlay,{host:this}),(s=this.strategy)==null?void 0:s.overlay}get renderDescriptionSlot(){return c`
@@ -603,7 +603,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
`}renderContainer(t){let e=c` ${this.dismissHelper} ${t} ${this.dismissHelper} - `;return this.isMobile.matches&&!this.forcePopover?(this.dependencyManager.add("sp-tray"),Promise.resolve().then(()=>Jp()),c` + `;return this.isMobile.matches&&!this.forcePopover?(this.dependencyManager.add("sp-tray"),Promise.resolve().then(()=>Qp()),c` - `;return this.hasRenderedOverlay=this.hasRenderedOverlay||this.focused||this.open||!!this.deprecatedMenu,this.hasRenderedOverlay?(this.dependencyManager.loaded&&this.dependencyManager.add("sp-overlay"),this.renderOverlay(t)):t}shouldScheduleManageSelection(t){!this.willManageSelection&&(!t||t.target.getRootNode().host===this)&&(this.willManageSelection=!0,requestAnimationFrame(()=>{requestAnimationFrame(()=>{this.manageSelection()})}))}shouldManageSelection(){this.willManageSelection||(this.willManageSelection=!0,this.manageSelection())}async manageSelection(){if(this.selects==null)return;this.selectionPromise=new Promise(e=>this.selectionResolver=e);let t;await this.optionsMenu.updateComplete,this.recentlyConnected&&(await new Promise(e=>requestAnimationFrame(()=>e(!0))),this.recentlyConnected=!1),this.menuItems.forEach(e=>{this.value===e.value&&!e.disabled?t=e:e.selected=!1}),t?(t.selected=!!this.selects,this.selectedItem=t):(this.value="",this.selectedItem=void 0),this.open&&(await this.optionsMenu.updateComplete,this.optionsMenu.updateSelectedItemIndex()),this.selectionResolver(),this.willManageSelection=!1}async getUpdateComplete(){let t=await super.getUpdateComplete();return await this.selectionPromise,t}bindEvents(){var t;(t=this.strategy)==null||t.abort(),this.isMobile.matches?this.strategy=new Yl.mobile(this.button,this):this.strategy=new Yl.desktop(this.button,this)}connectedCallback(){super.connectedCallback(),this.updateComplete.then(()=>{var t;if(!((t=this.tooltipEl)!=null&&t.selfManaged))return;let e=this.tooltipEl.overlayElement;e&&(e.triggerElement=this.button)}),this.recentlyConnected=this.hasUpdated,this.addEventListener("focus",this.handleFocus)}disconnectedCallback(){var t;this.close(),(t=this.strategy)==null||t.releaseDescription(),super.disconnectedCallback()}};Q.shadowRootOptions={...E.shadowRootOptions,delegatesFocus:!0},ct([W()],Q.prototype,"appliedLabel",2),ct([P("#button")],Q.prototype,"button",2),ct([n({type:Boolean,reflect:!0})],Q.prototype,"disabled",2),ct([n({type:Boolean,reflect:!0})],Q.prototype,"focused",2),ct([n({type:String,reflect:!0})],Q.prototype,"icons",2),ct([n({type:Boolean,reflect:!0})],Q.prototype,"invalid",2),ct([n({type:Boolean,reflect:!0,attribute:"force-popover"})],Q.prototype,"forcePopover",2),ct([n({type:Boolean,reflect:!0})],Q.prototype,"pending",2),ct([n({type:String,attribute:"pending-label"})],Q.prototype,"pendingLabel",2),ct([n()],Q.prototype,"label",2),ct([n({type:Boolean,reflect:!0})],Q.prototype,"open",2),ct([n({type:Boolean,reflect:!0})],Q.prototype,"readonly",2),ct([W()],Q.prototype,"labelAlignment",2),ct([P("sp-menu")],Q.prototype,"optionsMenu",2),ct([P("sp-overlay")],Q.prototype,"overlayElement",2),ct([n()],Q.prototype,"placement",2),ct([n({type:Boolean,reflect:!0})],Q.prototype,"quiet",2),ct([n({type:String})],Q.prototype,"value",2),ct([n({attribute:!1})],Q.prototype,"selectedItem",1),ct([W()],Q.prototype,"selectedItemContent",1);var Ki=class extends Q{constructor(){super(...arguments),this.handleKeydown=t=>{var e;let{key:r}=t,s=["ArrowUp","ArrowDown","ArrowLeft","ArrowRight","Enter"," ","Escape"].includes(r),i=["ArrowUp","ArrowDown","Enter"," "].includes(r);if(this.focused=!0,r==="Escape"){this.handleEscape(t);return}if(!s||this.readonly||this.pending)return;if(i){this.keyboardOpen(),t.preventDefault();return}t.preventDefault();let a=(e=this.optionsMenu)==null?void 0:e.getNeighboringFocusableElement(this.selectedItem,r==="ArrowLeft");(!this.value||a!==this.selectedItem)&&a&&this.setValueFromItem(a)}}static get styles(){return[Im,jt]}get containerStyles(){let t=super.containerStyles;return this.quiet||(t["min-width"]=`${this.offsetWidth}px`),t}};Xo();Zo();p();var Qp=({width:o=24,height:t=24,hidden:e=!1,title:r="More"}={})=>u`{requestAnimationFrame(()=>{this.manageSelection()})}))}shouldManageSelection(){this.willManageSelection||(this.willManageSelection=!0,this.manageSelection())}async manageSelection(){if(this.selects==null)return;this.selectionPromise=new Promise(e=>this.selectionResolver=e);let t;await this.optionsMenu.updateComplete,this.recentlyConnected&&(await new Promise(e=>requestAnimationFrame(()=>e(!0))),this.recentlyConnected=!1),this.menuItems.forEach(e=>{this.value===e.value&&!e.disabled?t=e:e.selected=!1}),t?(t.selected=!!this.selects,this.selectedItem=t):(this.value="",this.selectedItem=void 0),this.open&&(await this.optionsMenu.updateComplete,this.optionsMenu.updateSelectedItemIndex()),this.selectionResolver(),this.willManageSelection=!1}async getUpdateComplete(){let t=await super.getUpdateComplete();return await this.selectionPromise,t}bindEvents(){var t;(t=this.strategy)==null||t.abort(),this.isMobile.matches?this.strategy=new Xl.mobile(this.button,this):this.strategy=new Xl.desktop(this.button,this)}connectedCallback(){super.connectedCallback(),this.updateComplete.then(()=>{var t;if(!((t=this.tooltipEl)!=null&&t.selfManaged))return;let e=this.tooltipEl.overlayElement;e&&(e.triggerElement=this.button)}),this.recentlyConnected=this.hasUpdated,this.addEventListener("focus",this.handleFocus)}disconnectedCallback(){var t;this.close(),(t=this.strategy)==null||t.releaseDescription(),super.disconnectedCallback()}};Q.shadowRootOptions={...E.shadowRootOptions,delegatesFocus:!0},ct([W()],Q.prototype,"appliedLabel",2),ct([P("#button")],Q.prototype,"button",2),ct([n({type:Boolean,reflect:!0})],Q.prototype,"disabled",2),ct([n({type:Boolean,reflect:!0})],Q.prototype,"focused",2),ct([n({type:String,reflect:!0})],Q.prototype,"icons",2),ct([n({type:Boolean,reflect:!0})],Q.prototype,"invalid",2),ct([n({type:Boolean,reflect:!0,attribute:"force-popover"})],Q.prototype,"forcePopover",2),ct([n({type:Boolean,reflect:!0})],Q.prototype,"pending",2),ct([n({type:String,attribute:"pending-label"})],Q.prototype,"pendingLabel",2),ct([n()],Q.prototype,"label",2),ct([n({type:Boolean,reflect:!0})],Q.prototype,"open",2),ct([n({type:Boolean,reflect:!0})],Q.prototype,"readonly",2),ct([W()],Q.prototype,"labelAlignment",2),ct([P("sp-menu")],Q.prototype,"optionsMenu",2),ct([P("sp-overlay")],Q.prototype,"overlayElement",2),ct([n()],Q.prototype,"placement",2),ct([n({type:Boolean,reflect:!0})],Q.prototype,"quiet",2),ct([n({type:String})],Q.prototype,"value",2),ct([n({attribute:!1})],Q.prototype,"selectedItem",1),ct([W()],Q.prototype,"selectedItemContent",1);var Ki=class extends Q{constructor(){super(...arguments),this.handleKeydown=t=>{var e;let{key:r}=t,s=["ArrowUp","ArrowDown","ArrowLeft","ArrowRight","Enter"," ","Escape"].includes(r),i=["ArrowUp","ArrowDown","Enter"," "].includes(r);if(this.focused=!0,r==="Escape"){this.handleEscape(t);return}if(!s||this.readonly||this.pending)return;if(i){this.keyboardOpen(),t.preventDefault();return}t.preventDefault();let a=(e=this.optionsMenu)==null?void 0:e.getNeighboringFocusableElement(this.selectedItem,r==="ArrowLeft");(!this.value||a!==this.selectedItem)&&a&&this.setValueFromItem(a)}}static get styles(){return[Sm,jt]}get containerStyles(){let t=super.containerStyles;return this.quiet||(t["min-width"]=`${this.offsetWidth}px`),t}};Xo();Zo();p();var th=({width:o=24,height:t=24,hidden:e=!1,title:r="More"}={})=>u` - `;var th=({width:o=24,height:t=24,hidden:e=!1,title:r="More"}={})=>u``;var eh=({width:o=24,height:t=24,hidden:e=!1,title:r="More"}={})=>u` - `;var Gi=class extends h{render(){return g(c),this.spectrumVersion===2?Qp({hidden:!this.label,title:this.label}):th({hidden:!this.label,title:this.label})}};x();l("sp-icon-more",Gi);p();var f5=y` + `;var Gi=class extends h{render(){return g(c),this.spectrumVersion===2?th({hidden:!this.label,title:this.label}):eh({hidden:!this.label,title:this.label})}};x();l("sp-icon-more",Gi);p();var w5=y` :host{display:inline-flex}:host([quiet]){min-width:0}:host>sp-menu{display:none}::slotted([slot=icon]),.icon{flex-shrink:0}#popover{max-width:none}:host([dir=ltr]) ::slotted([slot=icon]),:host([dir=ltr]) .icon{margin-left:calc(-1*(var(--spectrum-actionbutton-textonly-padding-left-adjusted) - var(--spectrum-actionbutton-padding-left-adjusted)))}:host([dir=rtl]) ::slotted([slot=icon]),:host([dir=rtl]) .icon{margin-right:calc(-1*(var(--spectrum-actionbutton-textonly-padding-left-adjusted) - var(--spectrum-actionbutton-padding-left-adjusted)))}:host([dir]) slot[icon-only]::slotted([slot=icon]),:host([dir]) slot[icon-only] .icon{margin-inline:calc((var(--custom-actionbutton-edge-to-text,var(--spectrum-actionbutton-edge-to-text)) - var(--custom-actionbutton-edge-to-visual-only,var(--spectrum-actionbutton-edge-to-visual-only)))*-1)}sp-overlay:not(:defined){display:none} -`,eh=f5;Bi();var x5=Object.defineProperty,y5=Object.getOwnPropertyDescriptor,Jl=(o,t,e,r)=>{for(var s=r>1?void 0:r?y5(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&x5(t,e,s),s},_r=class extends Vt(de(Q,"label"),'[slot="label-only"]'){constructor(){super(...arguments),this.selects=void 0,this.listRole="menu",this.itemRole="menuitem",this.handleSlottableRequest=t=>{this.dispatchEvent(new tr(t.name,t.data))}}static get styles(){return[eh]}get hasLabel(){return this.slotHasContent}get labelOnly(){return this.slotContentIsPresent}get buttonContent(){return[c` +`,rh=w5;Bi();var k5=Object.defineProperty,z5=Object.getOwnPropertyDescriptor,Ql=(o,t,e,r)=>{for(var s=r>1?void 0:r?z5(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&k5(t,e,s),s},_r=class extends Vt(de(Q,"label"),'[slot="label-only"]'){constructor(){super(...arguments),this.selects=void 0,this.listRole="menu",this.itemRole="menuitem",this.handleSlottableRequest=t=>{this.dispatchEvent(new tr(t.name,t.data))}}static get styles(){return[rh]}get hasLabel(){return this.slotHasContent}get labelOnly(){return this.slotContentIsPresent}get buttonContent(){return[c` ${this.labelOnly?c``:c` ${this.renderMenu} ${this.renderDescriptionSlot} - `}update(t){t.has("invalid")&&(this.invalid=!1),super.update(t)}hasAccessibleLabel(){return!!this.label||!!this.getAttribute("aria-label")||!!this.getAttribute("aria-labelledby")||!!this.appliedLabel||this.hasLabel||this.labelOnly}warnNoLabel(){window.__swc.warn(this,`<${this.localName}> needs one of the following to be accessible:`,"https://opensource.adobe.com/spectrum-web-components/components/action-menu/#accessibility",{type:"accessibility",issues:[`an element with a \`for\` attribute referencing the \`id\` of the \`<${this.localName}>\`, or`,'value supplied to the "label" attribute, which will be displayed visually as placeholder text','text content supplied in a with slot="label", or, text content supplied in a with slot="label-only"',"which will also be displayed visually as placeholder text."]})}};Jl([n({type:String})],_r.prototype,"selects",2),Jl([n({reflect:!0,attribute:"static-color"})],_r.prototype,"staticColor",2),Jl([W()],_r.prototype,"labelOnly",1);x();l("sp-action-menu",_r);p();L();Ve();Ko();Al();ml();var Wi=["inline-start","inline-end","block-start","block-end"],us=["accent","neutral","informative","positive","negative","notice"],ms=["fuchsia","indigo","magenta","purple","seafoam","yellow","gray","red","orange","chartreuse","celery","green","cyan","blue"],rh=[...ms,"pink","turquoise","brown","cinnamon","silver"],Ql=[...us,...ms],w5=[...us,...rh];var k5=Object.defineProperty,z5=Object.getOwnPropertyDescriptor,oh=(o,t,e,r)=>{for(var s=r>1?void 0:r?z5(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&k5(t,e,s),s},Yi=class Yi extends R(de(Vt(E,'[slot="icon"]'),""),{noDefaultSize:!0}){constructor(){super(...arguments),this.variant="informative"}get fixed(){return this._fixed}set fixed(t){if(t===this.fixed)return;let e=this.fixed;this._fixed=t,t?this.setAttribute("fixed",t):this.removeAttribute("fixed"),this.requestUpdate("fixed",e)}get hasIcon(){return this.slotContentIsPresent}update(t){if(super.update(t),window.__swc?.DEBUG){let e=this.constructor;e.VARIANTS.includes(this.variant)||window.__swc.warn(this,`<${this.localName}> element expect the "variant" attribute to be one of the following:`,"https://opensource.adobe.com/spectrum-web-components/components/badge/#variants",{issues:[...e.VARIANTS]}),"outline"in this&&this.outline===!0&&!e.VARIANTS_SEMANTIC.includes(this.variant)&&window.__swc.warn(this,`<${this.localName}> element only supports the outline styling if the variant is a semantic color variant.`,"https://opensource.adobe.com/spectrum-web-components/components/badge/#variants",{issues:[...e.VARIANTS_SEMANTIC]})}}};Yi.FIXED_VALUES=Wi,Yi.VARIANTS_SEMANTIC=us;var Ar=Yi;oh([n({type:String,reflect:!0})],Ar.prototype,"variant",2);oh([n({reflect:!0})],Ar.prototype,"fixed",1);p();var C5=y` + `}update(t){t.has("invalid")&&(this.invalid=!1),super.update(t)}hasAccessibleLabel(){return!!this.label||!!this.getAttribute("aria-label")||!!this.getAttribute("aria-labelledby")||!!this.appliedLabel||this.hasLabel||this.labelOnly}warnNoLabel(){window.__swc.warn(this,`<${this.localName}> needs one of the following to be accessible:`,"https://opensource.adobe.com/spectrum-web-components/components/action-menu/#accessibility",{type:"accessibility",issues:[`an element with a \`for\` attribute referencing the \`id\` of the \`<${this.localName}>\`, or`,'value supplied to the "label" attribute, which will be displayed visually as placeholder text','text content supplied in a with slot="label", or, text content supplied in a with slot="label-only"',"which will also be displayed visually as placeholder text."]})}};Ql([n({type:String})],_r.prototype,"selects",2),Ql([n({reflect:!0,attribute:"static-color"})],_r.prototype,"staticColor",2),Ql([W()],_r.prototype,"labelOnly",1);x();l("sp-action-menu",_r);p();L();Ve();Ko();Ll();pl();var Wi=["inline-start","inline-end","block-start","block-end"],us=["accent","neutral","informative","positive","negative","notice"],ms=["fuchsia","indigo","magenta","purple","seafoam","yellow","gray","red","orange","chartreuse","celery","green","cyan","blue"],oh=[...ms,"pink","turquoise","brown","cinnamon","silver"],td=[...us,...ms],C5=[...us,...oh];var T5=Object.defineProperty,I5=Object.getOwnPropertyDescriptor,sh=(o,t,e,r)=>{for(var s=r>1?void 0:r?I5(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&T5(t,e,s),s},Yi=class Yi extends R(de(Vt(E,'[slot="icon"]'),""),{noDefaultSize:!0}){constructor(){super(...arguments),this.variant="informative"}get fixed(){return this._fixed}set fixed(t){if(t===this.fixed)return;let e=this.fixed;this._fixed=t,t?this.setAttribute("fixed",t):this.removeAttribute("fixed"),this.requestUpdate("fixed",e)}get hasIcon(){return this.slotContentIsPresent}update(t){if(super.update(t),window.__swc?.DEBUG){let e=this.constructor;e.VARIANTS.includes(this.variant)||window.__swc.warn(this,`<${this.localName}> element expect the "variant" attribute to be one of the following:`,"https://opensource.adobe.com/spectrum-web-components/components/badge/#variants",{issues:[...e.VARIANTS]}),"outline"in this&&this.outline===!0&&!e.VARIANTS_SEMANTIC.includes(this.variant)&&window.__swc.warn(this,`<${this.localName}> element only supports the outline styling if the variant is a semantic color variant.`,"https://opensource.adobe.com/spectrum-web-components/components/badge/#variants",{issues:[...e.VARIANTS_SEMANTIC]})}}};Yi.FIXED_VALUES=Wi,Yi.VARIANTS_SEMANTIC=us;var Ar=Yi;sh([n({type:String,reflect:!0})],Ar.prototype,"variant",2);sh([n({reflect:!0})],Ar.prototype,"fixed",1);p();var S5=y` :host{--spectrum-badge-corner-radius:var(--spectrum-corner-radius-100);--spectrum-badge-line-height:var(--spectrum-line-height-100);--spectrum-badge-line-height-cjk:var(--spectrum-cjk-line-height-100);--spectrum-badge-label-icon-color:var(--spectrum-white);--spectrum-badge-background-color-default:var(--spectrum-neutral-subdued-background-color-default);--spectrum-badge-background-color-accent:var(--spectrum-accent-background-color-default);--spectrum-badge-background-color-informative:var(--spectrum-informative-background-color-default);--spectrum-badge-background-color-negative:var(--spectrum-negative-background-color-default);--spectrum-badge-background-color-positive:var(--spectrum-positive-background-color-default);--spectrum-badge-background-color-notice:var(--spectrum-notice-background-color-default);--spectrum-badge-background-color-gray:var(--spectrum-gray-background-color-default);--spectrum-badge-background-color-red:var(--spectrum-red-background-color-default);--spectrum-badge-background-color-orange:var(--spectrum-orange-background-color-default);--spectrum-badge-background-color-yellow:var(--spectrum-yellow-background-color-default);--spectrum-badge-background-color-chartreuse:var(--spectrum-chartreuse-background-color-default);--spectrum-badge-background-color-celery:var(--spectrum-celery-background-color-default);--spectrum-badge-background-color-green:var(--spectrum-green-background-color-default);--spectrum-badge-background-color-seafoam:var(--spectrum-seafoam-background-color-default);--spectrum-badge-background-color-cyan:var(--spectrum-cyan-background-color-default);--spectrum-badge-background-color-blue:var(--spectrum-blue-background-color-default);--spectrum-badge-background-color-indigo:var(--spectrum-indigo-background-color-default);--spectrum-badge-background-color-purple:var(--spectrum-purple-background-color-default);--spectrum-badge-background-color-fuchsia:var(--spectrum-fuchsia-background-color-default);--spectrum-badge-background-color-magenta:var(--spectrum-magenta-background-color-default);--spectrum-badge-height:var(--spectrum-component-height-100);--spectrum-badge-font-size:var(--spectrum-font-size-100);--spectrum-badge-label-spacing-vertical-top:var(--spectrum-component-top-to-text-100);--spectrum-badge-label-spacing-vertical-bottom:var(--spectrum-component-bottom-to-text-100);--spectrum-badge-label-spacing-horizontal:var(--spectrum-component-edge-to-text-100);--spectrum-badge-workflow-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-badge-icon-text-spacing:var(--spectrum-text-to-visual-100);--spectrum-badge-icon-spacing-horizontal:var(--spectrum-component-edge-to-visual-100);--spectrum-badge-icon-spacing-vertical-top:var(--spectrum-component-top-to-workflow-icon-100);--spectrum-badge-icon-only-spacing-horizontal:var(--spectrum-component-edge-to-visual-only-100);--highcontrast-badge-border-color:CanvasText}:host([variant=celery]),:host([variant=chartreuse]),:host([variant=orange]),:host([variant=yellow]){--spectrum-badge-label-icon-color:var(--spectrum-black)}:host([variant=blue]),:host([variant=cyan]),:host([variant=fuchsia]),:host([variant=gray]),:host([variant=green]),:host([variant=indigo]),:host([variant=magenta]),:host([variant=purple]),:host([variant=red]),:host([variant=seafoam]){--spectrum-badge-label-icon-color:var(--spectrum-badge-label-icon-color-primary)}:host([size=s]){--spectrum-badge-height:var(--spectrum-component-height-75);--spectrum-badge-font-size:var(--spectrum-font-size-75);--spectrum-badge-label-spacing-vertical-top:var(--spectrum-component-top-to-text-75);--spectrum-badge-label-spacing-vertical-bottom:var(--spectrum-component-bottom-to-text-75);--spectrum-badge-label-spacing-horizontal:var(--spectrum-component-edge-to-text-75);--spectrum-badge-workflow-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-badge-icon-text-spacing:var(--spectrum-text-to-visual-75);--spectrum-badge-icon-spacing-horizontal:var(--spectrum-component-edge-to-visual-75);--spectrum-badge-icon-spacing-vertical-top:var(--spectrum-component-top-to-workflow-icon-75);--spectrum-badge-icon-only-spacing-horizontal:var(--spectrum-component-edge-to-visual-only-75)}:host([size=l]){--spectrum-badge-height:var(--spectrum-component-height-100);--spectrum-badge-font-size:var(--spectrum-font-size-200);--spectrum-badge-label-spacing-vertical-top:var(--spectrum-component-top-to-text-200);--spectrum-badge-label-spacing-vertical-bottom:var(--spectrum-component-bottom-to-text-200);--spectrum-badge-label-spacing-horizontal:var(--spectrum-component-edge-to-text-200);--spectrum-badge-workflow-icon-size:var(--spectrum-workflow-icon-size-200);--spectrum-badge-icon-text-spacing:var(--spectrum-text-to-visual-200);--spectrum-badge-icon-spacing-horizontal:var(--spectrum-component-edge-to-visual-200);--spectrum-badge-icon-spacing-vertical-top:var(--spectrum-component-top-to-workflow-icon-200);--spectrum-badge-icon-only-spacing-horizontal:var(--spectrum-component-edge-to-visual-only-200)}:host([size=xl]){--spectrum-badge-height:var(--spectrum-component-height-100);--spectrum-badge-font-size:var(--spectrum-font-size-300);--spectrum-badge-label-spacing-vertical-top:var(--spectrum-component-top-to-text-300);--spectrum-badge-label-spacing-vertical-bottom:var(--spectrum-component-bottom-to-text-300);--spectrum-badge-label-spacing-horizontal:var(--spectrum-component-edge-to-text-300);--spectrum-badge-workflow-icon-size:var(--spectrum-workflow-icon-size-300);--spectrum-badge-icon-text-spacing:var(--spectrum-text-to-visual-300);--spectrum-badge-icon-spacing-horizontal:var(--spectrum-component-edge-to-visual-300);--spectrum-badge-icon-spacing-vertical-top:var(--spectrum-component-top-to-workflow-icon-300);--spectrum-badge-icon-only-spacing-horizontal:var(--spectrum-component-edge-to-visual-only-300)}@media (forced-colors:active){:host{border-color:var(--highcontrast-badge-border-color)}}:host{min-block-size:var(--mod-badge-height,var(--spectrum-badge-height));vertical-align:middle;cursor:default;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;border-radius:var(--mod-badge-corner-radius,var(--spectrum-badge-corner-radius));inline-size:auto;color:var(--mod-badge-label-icon-color,var(--spectrum-badge-label-icon-color));border:1px solid #0000;display:inline-flex;position:relative}:host,:host([variant=neutral]){background:var(--mod-badge-background-color-default,var(--spectrum-badge-background-color-default))}:host([variant=accent]){background:var(--mod-badge-background-color-accent,var(--spectrum-badge-background-color-accent))}:host([variant=informative]){background:var(--mod-badge-background-color-informative,var(--spectrum-badge-background-color-informative))}:host([variant=negative]){background:var(--mod-badge-background-color-negative,var(--spectrum-badge-background-color-negative))}:host([variant=positive]){background:var(--mod-badge-background-color-positive,var(--spectrum-badge-background-color-positive))}:host([variant=notice]){background:var(--mod-badge-background-color-notice,var(--spectrum-badge-background-color-notice))}:host([variant=gray]){background:var(--mod-badge-background-color-gray,var(--spectrum-badge-background-color-gray))}:host([variant=red]){background:var(--mod-badge-background-color-red,var(--spectrum-badge-background-color-red))}:host([variant=orange]){background:var(--mod-badge-background-color-orange,var(--spectrum-badge-background-color-orange))}:host([variant=yellow]){background:var(--mod-badge-background-color-yellow,var(--spectrum-badge-background-color-yellow))}:host([variant=chartreuse]){background:var(--mod-badge-background-color-chartreuse,var(--spectrum-badge-background-color-chartreuse))}:host([variant=celery]){background:var(--mod-badge-background-color-celery,var(--spectrum-badge-background-color-celery))}:host([variant=green]){background:var(--mod-badge-background-color-green,var(--spectrum-badge-background-color-green))}:host([variant=seafoam]){background:var(--mod-badge-background-color-seafoam,var(--spectrum-badge-background-color-seafoam))}:host([variant=cyan]){background:var(--mod-badge-background-color-cyan,var(--spectrum-badge-background-color-cyan))}:host([variant=blue]){background:var(--mod-badge-background-color-blue,var(--spectrum-badge-background-color-blue))}:host([variant=indigo]){background:var(--mod-badge-background-color-indigo,var(--spectrum-badge-background-color-indigo))}:host([variant=purple]){background:var(--mod-badge-background-color-purple,var(--spectrum-badge-background-color-purple))}:host([variant=fuchsia]){background:var(--mod-badge-background-color-fuchsia,var(--spectrum-badge-background-color-fuchsia))}:host([variant=magenta]){background:var(--mod-badge-background-color-magenta,var(--spectrum-badge-background-color-magenta))}:host([fixed=inline-start]){border-start-start-radius:0;border-end-start-radius:0}:host([fixed=inline-end]){border-start-end-radius:0;border-end-end-radius:0}:host([fixed=block-start]){border-start-start-radius:0;border-start-end-radius:0}:host([fixed=block-end]){border-end-end-radius:0;border-end-start-radius:0}.label{font-size:var(--mod-badge-font-size,var(--spectrum-badge-font-size));line-height:var(--mod-badge-line-height,var(--spectrum-badge-line-height));color:var(--mod-badge-label-icon-color,var(--spectrum-badge-label-icon-color));padding-block-start:var(--mod-badge-label-spacing-vertical-top,var(--spectrum-badge-label-spacing-vertical-top));padding-block-end:var(--mod-badge-label-spacing-vertical-bottom,var(--spectrum-badge-label-spacing-vertical-bottom));padding-inline-start:var(--mod-badge-label-spacing-horizontal,var(--spectrum-badge-label-spacing-horizontal));padding-inline-end:var(--mod-badge-label-spacing-horizontal,var(--spectrum-badge-label-spacing-horizontal))}.label:lang(ja),.label:lang(ko),.label:lang(zh){line-height:var(--mod-badge-line-height-cjk,var(--spectrum-badge-line-height-cjk))}[name=icon]+.label{padding-inline-start:0}::slotted([slot=icon]){block-size:var(--mod-badge-workflow-icon-size,var(--spectrum-badge-workflow-icon-size));inline-size:var(--mod-badge-workflow-icon-size,var(--spectrum-badge-workflow-icon-size));flex:0 0 var(--mod-badge-workflow-icon-size,var(--spectrum-badge-workflow-icon-size));color:var(--mod-badge-label-icon-color,var(--spectrum-badge-label-icon-color));padding-block-start:var(--mod-badge-icon-spacing-vertical-top,var(--spectrum-badge-icon-spacing-vertical-top));padding-block-end:var(--mod-badge-icon-spacing-vertical-top,var(--spectrum-badge-icon-spacing-vertical-top));padding-inline-start:var(--mod-badge-icon-spacing-horizontal,var(--spectrum-badge-icon-spacing-horizontal));padding-inline-end:var(--mod-badge-icon-text-spacing,var(--spectrum-badge-icon-text-spacing))}[icon-only]::slotted(*){padding-inline-start:var(--mod-badge-icon-only-spacing-horizontal,var(--spectrum-badge-icon-only-spacing-horizontal));padding-inline-end:var(--mod-badge-icon-only-spacing-horizontal,var(--spectrum-badge-icon-only-spacing-horizontal))}:host{align-items:center}:host([size=xs]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-50)}:host([size=s]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-75)}:host([size=m]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-100)}:host([size=l]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-200)}:host([size=xl]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-300)}:host([size=xxl]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-400)}::slotted([slot=icon]){flex-shrink:0}.label slot{max-height:calc(var(--spectrum-badge-line-height)*var(--spectrum-badge-font-size)*2);display:block;overflow:hidden}[icon-only]+.label{display:none} -`,sh=C5;var T5=Object.defineProperty,I5=Object.getOwnPropertyDescriptor,S5=(o,t,e,r)=>{for(var s=r>1?void 0:r?I5(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&T5(t,e,s),s};var Lr=class extends Ar{constructor(){super(...arguments),this.variant="informative"}static get styles(){return[sh]}render(){return c` +`,ih=S5;var E5=Object.defineProperty,$5=Object.getOwnPropertyDescriptor,_5=(o,t,e,r)=>{for(var s=r>1?void 0:r?$5(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&E5(t,e,s),s};var Lr=class extends Ar{constructor(){super(...arguments),this.variant="informative"}static get styles(){return[ih]}render(){return c` ${this.hasIcon?c` - `}};Lr.VARIANTS_COLOR=ms,Lr.VARIANTS=Ql,S5([n({type:String,reflect:!0})],Lr.prototype,"variant",2);x();l("sp-badge",Lr);p();J();L();Ce();br();p();var E5=y` + `}};Lr.VARIANTS_COLOR=ms,Lr.VARIANTS=td,_5([n({type:String,reflect:!0})],Lr.prototype,"variant",2);x();l("sp-badge",Lr);p();J();L();Ce();br();p();var A5=y` #separator{margin-block:var(--mod-breadcrumbs-icon-spacing-block,var(--spectrum-breadcrumbs-icon-spacing-block));margin-inline:var(--mod-breadcrumbs-separator-spacing-inline,var(--spectrum-breadcrumbs-separator-spacing-inline));opacity:1;color:var(--highcontrast-breadcrumbs-separator-color,var(--mod-breadcrumbs-separator-color,var(--spectrum-breadcrumbs-separator-color)));position:relative}#separator:dir(rtl),:host([dir=rtl]) #separator{transform:scaleX(-1)}:host{box-sizing:border-box;white-space:nowrap;font-family:var(--mod-breadcrumbs-font-family,var(--spectrum-breadcrumbs-font-family));font-size:var(--mod-breadcrumbs-font-size,var(--spectrum-breadcrumbs-font-size));font-weight:var(--mod-breadcrumbs-font-weight,var(--spectrum-breadcrumbs-font-weight));line-height:var(--mod-breadcrumbs-line-height,var(--spectrum-breadcrumbs-line-height));align-items:center;display:inline-flex;position:relative}:host(:not(.is-menu):last-of-type){font-family:var(--mod-breadcrumbs-font-family-current,var(--spectrum-breadcrumbs-font-family-current));font-size:var(--mod-breadcrumbs-font-size-current,var(--spectrum-breadcrumbs-font-size-current));font-weight:var(--mod-breadcrumbs-font-weight-current,var(--spectrum-breadcrumbs-font-weight-current))}:host(:not(.is-menu):last-of-type) #separator{display:none}::slotted(sp-action-menu){margin-inline:var(--mod-breadcrumbs-action-button-spacing-inline,var(--spectrum-breadcrumbs-action-button-spacing-inline));margin-block:var(--mod-breadcrumbs-action-button-spacing-block,var(--spectrum-breadcrumbs-action-button-spacing-block));color:var(--highcontrast-breadcrumbs-action-button-color,var(--mod-breadcrumbs-action-button-color,var(--spectrum-breadcrumbs-action-button-color)))}::slotted(sp-action-menu[disabled]){color:var(--highcontrast-breadcrumbs-action-button-color-disabled,var(--mod-breadcrumbs-action-button-color-disabled,var(--spectrum-breadcrumbs-action-button-color-disabled)))}:host(:first-of-type)>::slotted(sp-action-menu){margin-inline-start:var(--mod-breadcrumbs-action-button-spacing-inline-start,var(--spectrum-breadcrumbs-action-button-spacing-inline-start))}#item-link{cursor:default;box-sizing:border-box;border-radius:var(--mod-breadcrumbs-item-link-border-radius,var(--spectrum-breadcrumbs-item-link-border-radius));color:var(--highcontrast-breadcrumbs-text-color,var(--mod-breadcrumbs-text-color,var(--spectrum-breadcrumbs-text-color)));outline:none;margin-block-start:var(--mod-breadcrumbs-text-spacing-block-start,var(--spectrum-breadcrumbs-text-spacing-block-start));margin-block-end:var(--mod-breadcrumbs-text-spacing-block-end,var(--spectrum-breadcrumbs-text-spacing-block-end));-webkit-text-decoration:none;text-decoration:none;display:block;position:relative}#item-link.is-disabled,:host([aria-disabled=true]) #item-link{color:var(--highcontrast-breadcrumbs-text-color-disabled,var(--mod-breadcrumbs-text-color-disabled,var(--spectrum-breadcrumbs-text-color-disabled)))}:host(:not(.is-menu):last-of-type) #item-link{color:var(--highcontrast-breadcrumbs-text-color-current,var(--mod-breadcrumbs-text-color-current,var(--spectrum-breadcrumbs-text-color-current)))}#item-link[href],#item-link[tabindex]{cursor:pointer}#item-link[href]:focus-visible,#item-link[tabindex]:focus-visible{-webkit-text-decoration:underline;text-decoration:underline;text-decoration-thickness:var(--mod-breadcrumbs-text-decoration-thickness,var(--spectrum-breadcrumbs-text-decoration-thickness));text-underline-offset:var(--mod-breadcrumbs-text-decoration-gap,var(--spectrum-breadcrumbs-text-decoration-gap))}@media (hover:hover){#item-link[href]:hover,#item-link[tabindex]:hover{-webkit-text-decoration:underline;text-decoration:underline;text-decoration-thickness:var(--mod-breadcrumbs-text-decoration-thickness,var(--spectrum-breadcrumbs-text-decoration-thickness));text-underline-offset:var(--mod-breadcrumbs-text-decoration-gap,var(--spectrum-breadcrumbs-text-decoration-gap))}}:host .is-dragged #item-link:before,#item-link:focus-visible:before{box-sizing:border-box;inline-size:calc(100% + var(--mod-breadcrumbs-focus-indicator-gap,var(--spectrum-breadcrumbs-focus-indicator-gap))*2 + var(--mod-breadcrumbs-focus-indicator-thickness,var(--spectrum-breadcrumbs-focus-indicator-thickness))*2);block-size:calc(100% + var(--mod-breadcrumbs-focus-indicator-gap,var(--spectrum-breadcrumbs-focus-indicator-gap))*2 + var(--mod-breadcrumbs-focus-indicator-thickness,var(--spectrum-breadcrumbs-focus-indicator-thickness))*2);border-width:var(--mod-breadcrumbs-focus-indicator-thickness,var(--spectrum-breadcrumbs-focus-indicator-thickness));border-radius:var(--mod-breadcrumbs-item-link-border-radius,var(--spectrum-breadcrumbs-item-link-border-radius));content:"";pointer-events:none;border-style:solid;border-color:var(--highcontrast-breadcrumbs-focus-indicator-color,var(--mod-breadcrumbs-focus-indicator-color,var(--spectrum-breadcrumbs-focus-indicator-color)));margin-block-start:calc((var(--mod-breadcrumbs-focus-indicator-gap,var(--spectrum-breadcrumbs-focus-indicator-gap)) + var(--mod-breadcrumbs-focus-indicator-thickness,var(--spectrum-breadcrumbs-focus-indicator-thickness)))*-1);margin-inline-start:calc((var(--mod-breadcrumbs-focus-indicator-gap,var(--spectrum-breadcrumbs-focus-indicator-gap)) + var(--mod-breadcrumbs-focus-indicator-thickness,var(--spectrum-breadcrumbs-focus-indicator-thickness)))*-1);display:block;position:absolute}:host([hidden]){display:none}:host([disabled]){pointer-events:none} -`,ih=E5;var $5=Object.defineProperty,_5=Object.getOwnPropertyDescriptor,ah=(o,t,e,r)=>{for(var s=r>1?void 0:r?_5(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&$5(t,e,s),s},vo=class extends qt(et){constructor(){super(...arguments),this.value=void 0,this.isLastOfType=!1}static get styles(){return[ih,jt]}get focusElement(){return this.shadowRoot.querySelector("#item-link")}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","listitem")}announceSelected(t){let e={value:t},r=new CustomEvent("breadcrumb-select",{bubbles:!0,composed:!0,detail:e});this.dispatchEvent(r)}handleClick(t){!this.href&&t&&t.preventDefault(),(!this.href||t!=null&&t.defaultPrevented)&&this.value&&!this.isLastOfType&&this.announceSelected(this.value)}handleKeyDown(t){(t.key==="Enter"||t.keyCode===13)&&this.handleClick(t)}renderLink(){return c` +`,ah=A5;var L5=Object.defineProperty,P5=Object.getOwnPropertyDescriptor,ch=(o,t,e,r)=>{for(var s=r>1?void 0:r?P5(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&L5(t,e,s),s},vo=class extends qt(et){constructor(){super(...arguments),this.value=void 0,this.isLastOfType=!1}static get styles(){return[ah,jt]}get focusElement(){return this.shadowRoot.querySelector("#item-link")}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","listitem")}announceSelected(t){let e={value:t},r=new CustomEvent("breadcrumb-select",{bubbles:!0,composed:!0,detail:e});this.dispatchEvent(r)}handleClick(t){!this.href&&t&&t.preventDefault(),(!this.href||t!=null&&t.defaultPrevented)&&this.value&&!this.isLastOfType&&this.announceSelected(this.value)}handleKeyDown(t){(t.key==="Enter"||t.keyCode===13)&&this.handleClick(t)}renderLink(){return c` ${this.renderSeparator()} - `}updated(t){t.has("disabled")&&(this.disabled?this.setAttribute("aria-disabled","true"):this.removeAttribute("aria-disabled"))}};ah([n()],vo.prototype,"value",2),ah([n({type:Boolean})],vo.prototype,"isLastOfType",2);customElements.define("sp-breadcrumb-item",vo);p();L();p();var ch=({width:o=24,height:t=24,hidden:e=!1,title:r="Folder Open"}={})=>u`u` - `;var nh=({width:o=24,height:t=24,hidden:e=!1,title:r="Folder Open"}={})=>u``;var lh=({width:o=24,height:t=24,hidden:e=!1,title:r="Folder Open"}={})=>u` - `;var Xi=class extends h{render(){return g(c),this.spectrumVersion===2?ch({hidden:!this.label,title:this.label}):nh({hidden:!this.label,title:this.label})}};x();l("sp-icon-folder-open",Xi);p();Nt();L();p();var lh=({width:o=24,height:t=24,hidden:e=!1,title:r="Checkmark100"}={})=>$``;var Xi=class extends h{render(){return g(c),this.spectrumVersion===2?nh({hidden:!this.label,title:this.label}):lh({hidden:!this.label,title:this.label})}};x();l("sp-icon-folder-open",Xi);p();Nt();L();p();var dh=({width:o=24,height:t=24,hidden:e=!1,title:r="Checkmark100"}={})=>$` - `;var dh=({width:o=24,height:t=24,hidden:e=!1,title:r="Checkmark100"}={})=>$``;var uh=({width:o=24,height:t=24,hidden:e=!1,title:r="Checkmark100"}={})=>$` - `;var Ji=class extends h{render(){return j(c),this.spectrumVersion===2?lh({hidden:!this.label,title:this.label}):dh({hidden:!this.label,title:this.label})}};x();l("sp-icon-checkmark100",Ji);br();Ce();p();var A5=y` + `;var Ji=class extends h{render(){return j(c),this.spectrumVersion===2?dh({hidden:!this.label,title:this.label}):uh({hidden:!this.label,title:this.label})}};x();l("sp-icon-checkmark100",Ji);br();Ce();p();var M5=y` .checkmark{display:var(--mod-menu-checkmark-display,var(--spectrum-menu-checkmark-display));block-size:var(--mod-menu-item-checkmark-height,var(--spectrum-menu-item-checkmark-height));inline-size:var(--mod-menu-item-checkmark-width,var(--spectrum-menu-item-checkmark-width));fill:var(--highcontrast-menu-checkmark-icon-color-default,var(--mod-menu-checkmark-icon-color-default,var(--spectrum-menu-checkmark-icon-color-default)));color:var(--highcontrast-menu-checkmark-icon-color-default,var(--mod-menu-checkmark-icon-color-default,var(--spectrum-menu-checkmark-icon-color-default)));opacity:1;grid-area:checkmarkArea;align-self:start;margin-block-start:calc(var(--mod-menu-item-top-to-checkmark,var(--spectrum-menu-item-top-to-checkmark)) - var(--mod-menu-item-top-edge-to-text,var(--spectrum-menu-item-top-edge-to-text)));margin-inline-end:var(--mod-menu-item-text-to-control,var(--spectrum-menu-item-text-to-control))}.chevron{block-size:var(--spectrum-menu-item-checkmark-height);inline-size:var(--spectrum-menu-item-checkmark-width);grid-area:chevronArea;align-self:center;margin-inline-end:var(--mod-menu-item-text-to-control,var(--spectrum-menu-item-text-to-control))}.spectrum-Menu-back:focus-visible{box-shadow:var(--spectrum-menu-item-focus-indicator-shadow)var(--spectrum-menu-item-focus-indicator-border-width)0 0 0 var(--spectrum-menu-item-focus-indicator-color-default);outline:var(--spectrum-menu-item-focus-indicator-width)var(--spectrum-menu-item-focus-indicator-outline-style)var(--spectrum-menu-item-focus-indicator-color-default);outline-offset:var(--spectrum-menu-item-focus-indicator-offset);border-radius:var(--spectrum-menu-item-corner-radius)}.spectrum-Menu-backButton:focus-visible{outline:var(--spectrum-focus-indicator-thickness)solid var(--spectrum-focus-indicator-color);outline-offset:calc((var(--spectrum-focus-indicator-thickness) + 1px)*-1)}::slotted([slot=icon]){fill:var(--highcontrast-menu-item-color-default,var(--mod-menu-item-label-icon-color-default,var(--spectrum-menu-item-label-icon-color-default)));color:var(--highcontrast-menu-item-color-default,var(--mod-menu-item-label-icon-color-default,var(--spectrum-menu-item-label-icon-color-default)));grid-area:iconArea;align-self:start;margin-inline-end:var(--mod-menu-item-label-text-to-visual,var(--spectrum-menu-item-label-text-to-visual))}:host{cursor:pointer;border-radius:var(--spectrum-menu-item-corner-radius);box-sizing:border-box;background-color:var(--highcontrast-menu-item-background-color-default,var(--mod-menu-item-background-color-default,var(--spectrum-menu-item-background-color-default)));line-height:var(--mod-menu-item-label-line-height,var(--spectrum-menu-item-label-line-height));min-block-size:var(--mod-menu-item-min-height,var(--spectrum-menu-item-min-height));padding-block-start:var(--mod-menu-item-top-edge-to-text,var(--spectrum-menu-item-top-edge-to-text));padding-block-end:var(--mod-menu-item-bottom-edge-to-text,var(--spectrum-menu-item-bottom-edge-to-text));padding-inline:var(--mod-menu-item-label-inline-edge-to-content,var(--spectrum-menu-item-label-inline-edge-to-content));margin:calc((var(--spectrum-menu-item-focus-indicator-offset) + var(--spectrum-menu-item-focus-indicator-width))*var(--spectrum-menu-item-spacing-multiplier));grid-template:".chevronAreaCollapsible.headingIconArea sectionHeadingArea. . ."1fr"selectedArea chevronAreaCollapsible checkmarkArea iconArea labelArea valueArea actionsArea chevronAreaDrillIn"". . . .descriptionArea. . ."". . . .submenuArea. . ."/auto auto auto auto 1fr auto auto auto;align-items:center;-webkit-text-decoration:none;text-decoration:none;display:grid;position:relative}.spectrum-Menu-itemCheckbox{--mod-checkbox-top-to-text:0;--mod-checkbox-text-to-control:0;min-block-size:0}.spectrum-Menu-itemCheckbox .spectrum-Checkbox-box{margin-block-start:var(--mod-menu-item-top-to-checkbox,var(--spectrum-menu-item-top-to-checkbox));margin-block-end:0;margin-inline-end:var(--mod-menu-item-text-to-control,var(--spectrum-menu-item-text-to-control))}.spectrum-Menu-itemSwitch{min-block-size:0}.spectrum-Menu-itemSwitch .spectrum-Switch-switch{margin-block-start:var(--mod-menu-item-top-to-action,var(--spectrum-menu-item-top-to-action));margin-block-end:0}#label{grid-area:submenuItemLabelArea}::slotted([slot=value]){grid-area:submenuItemValueArea}:host([focused]),:host(:focus){background-color:var(--highcontrast-menu-item-background-color-focus,var(--mod-menu-item-background-color-key-focus,var(--spectrum-menu-item-background-color-key-focus)));outline:none}:host([focused])>#label,:host(:focus)>#label{color:var(--highcontrast-menu-item-color-focus,var(--mod-menu-item-label-content-color-focus,var(--spectrum-menu-item-label-content-color-focus)))}:host([focused])>[name=description]::slotted(*),:host(:focus)>[name=description]::slotted(*){color:var(--highcontrast-menu-item-color-focus,var(--mod-menu-item-description-color-focus,var(--spectrum-menu-item-description-color-focus)))}:host([focused])>::slotted([slot=value]),:host(:focus)>::slotted([slot=value]){color:var(--highcontrast-menu-item-color-focus,var(--mod-menu-item-value-color-focus,var(--spectrum-menu-item-value-color-focus)))}:host([focused])>.icon:not(.chevron,.checkmark),:host(:focus)>.icon:not(.chevron,.checkmark){fill:var(--highcontrast-menu-item-color-focus,var(--mod-menu-item-label-icon-color-focus,var(--spectrum-menu-item-label-icon-color-focus)));color:var(--highcontrast-menu-item-color-focus,var(--mod-menu-item-label-icon-color-focus,var(--spectrum-menu-item-label-icon-color-focus)))}:host([focused])>.chevron,:host(:focus)>.chevron{fill:var(--highcontrast-menu-item-color-focus,var(--mod-menu-collapsible-icon-color,var(--spectrum-menu-collapsible-icon-color)));color:var(--highcontrast-menu-item-color-focus,var(--mod-menu-collapsible-icon-color,var(--spectrum-menu-collapsible-icon-color)))}:host([focused])>.checkmark,:host(:focus)>.checkmark{fill:var(--highcontrast-menu-item-color-focus,var(--mod-menu-checkmark-icon-color-focus,var(--spectrum-menu-checkmark-icon-color-focus)));color:var(--highcontrast-menu-item-color-focus,var(--mod-menu-checkmark-icon-color-focus,var(--spectrum-menu-checkmark-icon-color-focus)))}:host(:is(:active,[active])){background-color:var(--highcontrast-menu-item-background-color-focus,var(--mod-menu-item-background-color-down,var(--spectrum-menu-item-background-color-down)))}:host(:is(:active,[active]))>#label{color:var(--highcontrast-menu-item-color-focus,var(--mod-menu-item-label-content-color-down,var(--spectrum-menu-item-label-content-color-down)))}:host(:is(:active,[active]))>[name=description]::slotted(*){color:var(--highcontrast-menu-item-color-focus,var(--mod-menu-item-description-color-down,var(--spectrum-menu-item-description-color-down)))}:host(:is(:active,[active]))>::slotted([slot=value]){color:var(--highcontrast-menu-item-color-focus,var(--mod-menu-item-value-color-down,var(--spectrum-menu-item-value-color-down)))}:host(:is(:active,[active]))>.icon:not(.chevron,.checkmark){fill:var(--highcontrast-menu-item-color-focus,var(--mod-menu-item-label-icon-color-down,var(--spectrum-menu-item-label-icon-color-down)));color:var(--highcontrast-menu-item-color-focus,var(--mod-menu-item-label-icon-color-down,var(--spectrum-menu-item-label-icon-color-down)))}:host(:is(:active,[active]))>.chevron{fill:var(--highcontrast-menu-item-color-focus,var(--mod-menu-collapsible-icon-color,var(--spectrum-menu-collapsible-icon-color)));color:var(--highcontrast-menu-item-color-focus,var(--mod-menu-collapsible-icon-color,var(--spectrum-menu-collapsible-icon-color)))}:host(:is(:active,[active]))>.checkmark{fill:var(--highcontrast-menu-item-color-focus,var(--mod-menu-checkmark-icon-color-down,var(--spectrum-menu-checkmark-icon-color-down)));color:var(--highcontrast-menu-item-color-focus,var(--mod-menu-checkmark-icon-color-down,var(--spectrum-menu-checkmark-icon-color-down)))}:host([disabled]),:host([aria-disabled=true]){background-color:initial}:host([disabled]) #label,:host([disabled]) ::slotted([slot=value]),:host([aria-disabled=true]) #label,:host([aria-disabled=true]) ::slotted([slot=value]){color:var(--highcontrast-menu-item-color-disabled,var(--mod-menu-item-label-content-color-disabled,var(--spectrum-menu-item-label-content-color-disabled)))}:host([disabled]) [name=description]::slotted(*),:host([aria-disabled=true]) [name=description]::slotted(*){color:var(--highcontrast-menu-item-color-disabled,var(--mod-menu-item-description-color-disabled,var(--spectrum-menu-item-description-color-disabled)))}:host([disabled]) ::slotted([slot=icon]),:host([aria-disabled=true]) ::slotted([slot=icon]){color:var(--highcontrast-menu-item-color-disabled,var(--mod-menu-item-label-icon-color-disabled,var(--spectrum-menu-item-label-icon-color-disabled)));fill:var(--highcontrast-menu-item-color-disabled,var(--mod-menu-item-label-icon-color-disabled,var(--spectrum-menu-item-label-icon-color-disabled)))}:host([focused]) .spectrum-Menu-back,:host([focused]){box-shadow:var(--spectrum-menu-item-focus-indicator-shadow)var(--spectrum-menu-item-focus-indicator-border-width)0 0 0 var(--spectrum-menu-item-focus-indicator-color-default);outline:var(--spectrum-menu-item-focus-indicator-width)var(--spectrum-menu-item-focus-indicator-outline-style)var(--spectrum-menu-item-focus-indicator-color-default);outline-offset:var(--spectrum-menu-item-focus-indicator-offset);border-radius:var(--spectrum-menu-item-corner-radius)}.spectrum-Menu-itemSelection{grid-area:selectedArea}#label{--mod-switch-control-label-spacing:0;--mod-switch-spacing-top-to-label:0;font-size:var(--mod-menu-item-label-font-size,var(--spectrum-menu-item-label-font-size));color:var(--highcontrast-menu-item-color-default,var(--mod-menu-item-label-content-color-default,var(--spectrum-menu-item-label-content-color-default)));hyphens:auto;overflow-wrap:break-word;grid-area:labelArea}::slotted([slot=value]){color:var(--highcontrast-menu-item-color-default,var(--mod-menu-item-value-color-default,var(--spectrum-menu-item-value-color-default)));font-size:var(--mod-menu-item-label-font-size,var(--spectrum-menu-item-label-font-size));grid-area:valueArea;justify-self:end}.spectrum-Menu-itemActions,::slotted([slot=value]){align-self:start;margin-inline-start:var(--mod-menu-item-label-to-value-area-min-spacing,var(--spectrum-menu-item-label-to-value-area-min-spacing))}.spectrum-Menu-itemActions{grid-area:actionsArea}[name=description]::slotted(*){color:var(--highcontrast-menu-item-color-default,var(--mod-menu-item-description-color-default,var(--spectrum-menu-item-description-color-default)));font-size:var(--mod-menu-item-description-font-size,var(--spectrum-menu-item-description-font-size));hyphens:auto;overflow-wrap:break-word;line-height:var(--mod-menu-item-description-line-height,var(--spectrum-menu-item-description-line-height));grid-area:descriptionArea;margin-block-start:var(--mod-menu-item-label-to-description-spacing,var(--spectrum-menu-item-label-to-description-spacing))}:host([no-wrap]) #label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.spectrum-Menu-item--collapsible.is-open{padding-block-end:0}.spectrum-Menu-item--collapsible.is-open .chevron{transform:rotate(90deg)}:host([focused]) .spectrum-Menu-item--collapsible.is-open,:host(:is(:active,[active])) .spectrum-Menu-item--collapsible.is-open,.spectrum-Menu-item--collapsible.is-open:focus{background-color:var(--highcontrast-menu-item-background-color-default,var(--mod-menu-item-background-color-default,var(--spectrum-menu-item-background-color-default)))}.spectrum-Menu-item--collapsible ::slotted([slot=icon]){grid-area:headingIconArea}.spectrum-Menu-item--collapsible>::slotted([slot=icon]){padding-block-start:var(--mod-menu-section-header-top-edge-to-text,var(--mod-menu-item-top-edge-to-text,var(--spectrum-menu-item-top-edge-to-text)));padding-block-end:var(--mod-menu-section-header-bottom-edge-to-text,var(--mod-menu-item-bottom-edge-to-text,var(--spectrum-menu-item-bottom-edge-to-text)))}.spectrum-Menu-item--collapsible .chevron{grid-area:chevronAreaCollapsible}:host([has-submenu]) .chevron{fill:var(--highcontrast-menu-item-color-default,var(--mod-menu-drillin-icon-color-default,var(--spectrum-menu-drillin-icon-color-default)));color:var(--highcontrast-menu-item-color-default,var(--mod-menu-drillin-icon-color-default,var(--spectrum-menu-drillin-icon-color-default)));grid-area:chevronAreaDrillIn;margin-inline-start:var(--mod-menu-item-label-to-value-area-min-spacing,var(--spectrum-menu-item-label-to-value-area-min-spacing));margin-inline-end:0}:host([has-submenu]) .is-open{--spectrum-menu-item-background-color-default:var(--highcontrast-menu-item-selected-background-color,var(--mod-menu-item-background-color-hover,var(--spectrum-menu-item-background-color-hover)))}:host([has-submenu]) .is-open .icon:not(.chevron,.checkmark){fill:var(--highcontrast-menu-item-color-focus,var(--mod-menu-item-label-icon-color-hover,var(--spectrum-menu-item-label-icon-color-hover)));color:var(--highcontrast-menu-item-color-focus,var(--mod-menu-item-label-icon-color-hover,var(--spectrum-menu-item-label-icon-color-hover)))}:host([has-submenu]) .is-open .chevron{fill:var(--highcontrast-menu-item-color-focus,var(--mod-menu-drillin-icon-color-hover,var(--spectrum-menu-drillin-icon-color-hover)));color:var(--highcontrast-menu-item-color-focus,var(--mod-menu-drillin-icon-color-hover,var(--spectrum-menu-drillin-icon-color-hover)))}:host([has-submenu]) .is-open .checkmark{fill:var(--highcontrast-menu-checkmark-icon-color-default,var(--mod-menu-checkmark-icon-color-hover,var(--spectrum-menu-checkmark-icon-color-hover)));color:var(--highcontrast-menu-checkmark-icon-color-default,var(--mod-menu-checkmark-icon-color-hover,var(--spectrum-menu-checkmark-icon-color-hover)))}@media (hover:hover){:host(:hover){background-color:var(--highcontrast-menu-item-background-color-focus,var(--mod-menu-item-background-color-hover,var(--spectrum-menu-item-background-color-hover)))}:host(:hover)>#label{color:var(--highcontrast-menu-item-color-focus,var(--mod-menu-item-label-content-color-hover,var(--spectrum-menu-item-label-content-color-hover)))}:host(:hover)>[name=description]::slotted(*){color:var(--highcontrast-menu-item-color-focus,var(--mod-menu-item-description-color-hover,var(--spectrum-menu-item-description-color-hover)))}:host(:hover)>::slotted([slot=value]){color:var(--highcontrast-menu-item-color-focus,var(--mod-menu-item-value-color-hover,var(--spectrum-menu-item-value-color-hover)))}:host(:hover)>.icon:not(.chevron,.checkmark){fill:var(--highcontrast-menu-item-color-focus,var(--mod-menu-item-label-icon-color-hover,var(--spectrum-menu-item-label-icon-color-hover)));color:var(--highcontrast-menu-item-color-focus,var(--mod-menu-item-label-icon-color-hover,var(--spectrum-menu-item-label-icon-color-hover)))}:host(:hover)>.chevron{fill:var(--highcontrast-menu-item-color-focus,var(--mod-menu-collapsible-icon-color,var(--spectrum-menu-collapsible-icon-color)));color:var(--highcontrast-menu-item-color-focus,var(--mod-menu-collapsible-icon-color,var(--spectrum-menu-collapsible-icon-color)))}:host(:hover)>.checkmark{fill:var(--highcontrast-menu-item-color-focus,var(--mod-menu-checkmark-icon-color-hover,var(--spectrum-menu-checkmark-icon-color-hover)));color:var(--highcontrast-menu-item-color-focus,var(--mod-menu-checkmark-icon-color-hover,var(--spectrum-menu-checkmark-icon-color-hover)))}:host([disabled]:hover),:host([aria-disabled=true]:hover){cursor:default;background-color:initial}:host([disabled]:hover) #label,:host([disabled]:hover) ::slotted([slot=value]),:host([aria-disabled=true]:hover) #label,:host([aria-disabled=true]:hover) ::slotted([slot=value]){color:var(--highcontrast-menu-item-color-disabled,var(--mod-menu-item-label-content-color-disabled,var(--spectrum-menu-item-label-content-color-disabled)))}:host([disabled]:hover) [name=description]::slotted(*),:host([aria-disabled=true]:hover) [name=description]::slotted(*){color:var(--highcontrast-menu-item-color-disabled,var(--mod-menu-item-description-color-disabled,var(--spectrum-menu-item-description-color-disabled)))}:host([disabled]:hover) ::slotted([slot=icon]),:host([aria-disabled=true]:hover) ::slotted([slot=icon]){color:var(--highcontrast-menu-item-color-disabled,var(--mod-menu-item-label-icon-color-disabled,var(--spectrum-menu-item-label-icon-color-disabled)));fill:var(--highcontrast-menu-item-color-disabled,var(--mod-menu-item-label-icon-color-disabled,var(--spectrum-menu-item-label-icon-color-disabled)))}.spectrum-Menu-item--collapsible.is-open:hover{background-color:var(--highcontrast-menu-item-background-color-default,var(--mod-menu-item-background-color-default,var(--spectrum-menu-item-background-color-default)))}:host([has-submenu]:hover) .chevron{fill:var(--highcontrast-menu-item-color-focus,var(--mod-menu-drillin-icon-color-hover,var(--spectrum-menu-drillin-icon-color-hover)));color:var(--highcontrast-menu-item-color-focus,var(--mod-menu-drillin-icon-color-hover,var(--spectrum-menu-drillin-icon-color-hover)))}}:host([has-submenu][focused]) .chevron,:host([has-submenu]:focus) .chevron{fill:var(--highcontrast-menu-item-color-focus,var(--mod-menu-drillin-icon-color-focus,var(--spectrum-menu-drillin-icon-color-focus)));color:var(--highcontrast-menu-item-color-focus,var(--mod-menu-drillin-icon-color-focus,var(--spectrum-menu-drillin-icon-color-focus)))}:host([has-submenu]:is(:active,[active])) .chevron{fill:var(--highcontrast-menu-item-color-focus,var(--mod-menu-drillin-icon-color-down,var(--spectrum-menu-drillin-icon-color-down)));color:var(--highcontrast-menu-item-color-focus,var(--mod-menu-drillin-icon-color-down,var(--spectrum-menu-drillin-icon-color-down)))}.spectrum-Menu-back{padding-inline:var(--mod-menu-back-padding-inline-start,0)var(--mod-menu-back-padding-inline-end,var(--spectrum-menu-item-label-inline-edge-to-content));padding-block:var(--mod-menu-back-padding-block-start,0)var(--mod-menu-back-padding-block-end,0);flex-flow:wrap;align-items:center;display:flex}.spectrum-Menu-backButton{cursor:pointer;background:0 0;border:0;margin:0;padding:0;display:inline-flex}:host([focused]) .spectrum-Menu-backButton{outline:var(--spectrum-focus-indicator-thickness)solid var(--spectrum-focus-indicator-color);outline-offset:calc((var(--spectrum-focus-indicator-thickness) + 1px)*-1)}.spectrum-Menu-backHeading{color:var(--highcontrast-menu-item-color-default,var(--mod-menu-back-heading-color,var(--spectrum-menu-section-header-color)));font-size:var(--mod-menu-section-header-font-size,var(--spectrum-menu-section-header-font-size));font-weight:var(--mod-menu-section-header-font-weight,var(--spectrum-menu-section-header-font-weight));line-height:var(--mod-menu-section-header-line-height,var(--spectrum-menu-section-header-line-height));display:block}:host{text-align:initial}:host([hidden]){display:none}:host([disabled]){pointer-events:none}:host([disabled]) [name=value]::slotted(*),:host([has-submenu][disabled]) .chevron{color:var(--highcontrast-menu-item-color-disabled,var(--mod-menu-item-label-icon-color-disabled,var(--spectrum-menu-item-label-icon-color-disabled)))}#button{position:absolute;inset:0}:host([dir=ltr]) [icon-only]::slotted(:last-of-type){margin-right:auto}:host([dir=rtl]) [icon-only]::slotted(:last-of-type){margin-left:auto}@media (forced-colors:active){:host{forced-color-adjust:none}}::slotted([slot=submenu]){width:max-content;max-width:100%;overflow-y:auto}:host([no-wrap]) #label{display:block}:host([focused]:not(:focus-visible)){box-shadow:none;outline:none} -`,uh=A5;p();var L5=y` +`,mh=M5;p();var B5=y` .spectrum-UIIcon-Checkmark50{--spectrum-icon-size:var(--spectrum-checkmark-icon-size-50)}.spectrum-UIIcon-Checkmark75{--spectrum-icon-size:var(--spectrum-checkmark-icon-size-75)}.spectrum-UIIcon-Checkmark100{--spectrum-icon-size:var(--spectrum-checkmark-icon-size-100)}.spectrum-UIIcon-Checkmark200{--spectrum-icon-size:var(--spectrum-checkmark-icon-size-200)}.spectrum-UIIcon-Checkmark300{--spectrum-icon-size:var(--spectrum-checkmark-icon-size-300)}.spectrum-UIIcon-Checkmark400{--spectrum-icon-size:var(--spectrum-checkmark-icon-size-400)}.spectrum-UIIcon-Checkmark500{--spectrum-icon-size:var(--spectrum-checkmark-icon-size-500)}.spectrum-UIIcon-Checkmark600{--spectrum-icon-size:var(--spectrum-checkmark-icon-size-600)} -`,fo=L5;var Qi=class{constructor(t,{target:e,config:r,callback:s,skipInitial:i}){this.t=new Set,this.o=!1,this.i=!1,this.h=t,e!==null&&this.t.add(e??t),this.l=r,this.o=i??this.o,this.callback=s,window.MutationObserver?(this.u=new MutationObserver(a=>{this.handleChanges(a),this.h.requestUpdate()}),t.addController(this)):console.warn("MutationController error: browser does not support MutationObserver.")}handleChanges(t){this.value=this.callback?.(t,this.u)}hostConnected(){for(let t of this.t)this.observe(t)}hostDisconnected(){this.disconnect()}async hostUpdated(){let t=this.u.takeRecords();(t.length||!this.o&&this.i)&&this.handleChanges(t),this.i=!1}observe(t){this.t.add(t),this.u.observe(t,this.l),this.i=!0,this.h.requestUpdate()}disconnect(){this.u.disconnect()}};Bi();var P5=Object.defineProperty,M5=Object.getOwnPropertyDescriptor,ie=(o,t,e,r)=>{for(var s=r>1?void 0:r?M5(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&P5(t,e,s),s},B5=100,td=class extends Event{constructor(t){super("sp-menu-item-added-or-updated",{bubbles:!0,composed:!0}),this.menuCascade=new WeakMap,this.clear(t)}clear(t){this._item=t,this.currentAncestorWithSelects=void 0,t.menuData={cleanupSteps:[],focusRoot:void 0,selectionRoot:void 0,parentMenu:void 0},this.menuCascade=new WeakMap}get item(){return this._item}},ed=class extends KeyboardEvent{constructor({root:t,event:e}){super("sp-menu-item-keydown",{bubbles:!0,composed:!0}),this.root=t,this._event=e}get altKey(){var t;return((t=this._event)==null?void 0:t.altKey)||!1}get code(){var t;return((t=this._event)==null?void 0:t.code)||""}get ctrlKey(){var t;return((t=this._event)==null?void 0:t.ctrlKey)||!1}get isComposing(){var t;return((t=this._event)==null?void 0:t.isComposing)||!1}get key(){var t;return((t=this._event)==null?void 0:t.key)||""}get location(){var t;return((t=this._event)==null?void 0:t.location)||0}get metaKey(){var t;return((t=this._event)==null?void 0:t.metaKey)||!1}get repeat(){var t;return((t=this._event)==null?void 0:t.repeat)||!1}get shiftKey(){var t;return((t=this._event)==null?void 0:t.shiftKey)||!1}},Ct=class extends qt(de(Vt(et,'[slot="icon"]'))){constructor(){super(),this.active=!1,this.dependencyManager=new We(this),this.focused=!1,this.selected=!1,this._value="",this.hasSubmenu=!1,this.noWrap=!1,this.open=!1,this._openedViaKeyboard=!1,this._closedViaPointer=!1,this.handleSlottableRequest=t=>{var e;(e=this.submenuElement)==null||e.dispatchEvent(new tr(t.name,t.data))},this.proxyFocus=()=>{this.focus()},this.handleKeydown=t=>{let{target:e,key:r}=t,s=this.hasSubmenu&&!this.open&&[" ","Enter"].includes(r);e===this&&((["ArrowLeft","ArrowRight","Escape"].includes(r)||s)&&t.preventDefault(),this.dispatchEvent(new ed({root:this,event:t})))},this.handleBeforetoggle=t=>{t.newState==="closed"&&(this.open=!0,this.overlayElement.manuallyKeepOpen(),this.overlayElement.removeEventListener("beforetoggle",this.handleBeforetoggle))},this.recentlyLeftChild=!1,this.willDispatchUpdate=!1,this.menuData={focusRoot:void 0,parentMenu:void 0,selectionRoot:void 0,cleanupSteps:[]},this.addEventListener("click",this.handleClickCapture,{capture:!0}),this.addEventListener("focus",this.handleFocus),this.addEventListener("blur",this.handleBlur),new Qi(this,{config:{characterData:!0,childList:!0,subtree:!0,attributeFilter:["src"]},callback:t=>{t.every(e=>e.target.slot==="submenu")||this.breakItemChildrenCache()}})}static get styles(){return[uh,fo,jt]}get value(){return this._value||this.itemText}set value(t){t!==this._value&&(this._value=t||"",this._value?this.setAttribute("value",this._value):this.removeAttribute("value"))}get itemText(){return this.itemChildren.content.reduce((t,e)=>t+(e.textContent||"").trim(),"")}get focusElement(){return this}get hasIcon(){return this.slotContentIsPresent}get itemChildren(){if(!this.iconSlot||!this.contentSlot)return{icon:[],content:[]};if(this._itemChildren)return this._itemChildren;let t=this.iconSlot.assignedElements().map(r=>{let s=r.cloneNode(!0);return s.removeAttribute("slot"),s.classList.toggle("icon"),s}),e=this.contentSlot.assignedNodes().map(r=>r.cloneNode(!0));return this._itemChildren={icon:t,content:e},this._itemChildren}handleClickCapture(t){if(this.disabled)return t.preventDefault(),t.stopImmediatePropagation(),t.stopPropagation(),!1;this.shouldProxyClick()}shouldProxyClick(){let t=!1;return this.anchorElement&&(this.anchorElement.click(),t=!0),t}breakItemChildrenCache(){this._itemChildren=void 0,this.triggerUpdate()}renderSubmenu(){let t=c` +`,fo=B5;var Qi=class{constructor(t,{target:e,config:r,callback:s,skipInitial:i}){this.t=new Set,this.o=!1,this.i=!1,this.h=t,e!==null&&this.t.add(e??t),this.l=r,this.o=i??this.o,this.callback=s,window.MutationObserver?(this.u=new MutationObserver(a=>{this.handleChanges(a),this.h.requestUpdate()}),t.addController(this)):console.warn("MutationController error: browser does not support MutationObserver.")}handleChanges(t){this.value=this.callback?.(t,this.u)}hostConnected(){for(let t of this.t)this.observe(t)}hostDisconnected(){this.disconnect()}async hostUpdated(){let t=this.u.takeRecords();(t.length||!this.o&&this.i)&&this.handleChanges(t),this.i=!1}observe(t){this.t.add(t),this.u.observe(t,this.l),this.i=!0,this.h.requestUpdate()}disconnect(){this.u.disconnect()}};Bi();var O5=Object.defineProperty,D5=Object.getOwnPropertyDescriptor,ie=(o,t,e,r)=>{for(var s=r>1?void 0:r?D5(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&O5(t,e,s),s},H5=100,ed=class extends Event{constructor(t){super("sp-menu-item-added-or-updated",{bubbles:!0,composed:!0}),this.menuCascade=new WeakMap,this.clear(t)}clear(t){this._item=t,this.currentAncestorWithSelects=void 0,t.menuData={cleanupSteps:[],focusRoot:void 0,selectionRoot:void 0,parentMenu:void 0},this.menuCascade=new WeakMap}get item(){return this._item}},rd=class extends KeyboardEvent{constructor({root:t,event:e}){super("sp-menu-item-keydown",{bubbles:!0,composed:!0}),this.root=t,this._event=e}get altKey(){var t;return((t=this._event)==null?void 0:t.altKey)||!1}get code(){var t;return((t=this._event)==null?void 0:t.code)||""}get ctrlKey(){var t;return((t=this._event)==null?void 0:t.ctrlKey)||!1}get isComposing(){var t;return((t=this._event)==null?void 0:t.isComposing)||!1}get key(){var t;return((t=this._event)==null?void 0:t.key)||""}get location(){var t;return((t=this._event)==null?void 0:t.location)||0}get metaKey(){var t;return((t=this._event)==null?void 0:t.metaKey)||!1}get repeat(){var t;return((t=this._event)==null?void 0:t.repeat)||!1}get shiftKey(){var t;return((t=this._event)==null?void 0:t.shiftKey)||!1}},Ct=class extends qt(de(Vt(et,'[slot="icon"]'))){constructor(){super(),this.active=!1,this.dependencyManager=new We(this),this.focused=!1,this.selected=!1,this._value="",this.hasSubmenu=!1,this.noWrap=!1,this.open=!1,this._openedViaKeyboard=!1,this._closedViaPointer=!1,this.handleSlottableRequest=t=>{var e;(e=this.submenuElement)==null||e.dispatchEvent(new tr(t.name,t.data))},this.proxyFocus=()=>{this.focus()},this.handleKeydown=t=>{let{target:e,key:r}=t,s=this.hasSubmenu&&!this.open&&[" ","Enter"].includes(r);e===this&&((["ArrowLeft","ArrowRight","Escape"].includes(r)||s)&&t.preventDefault(),this.dispatchEvent(new rd({root:this,event:t})))},this.handleBeforetoggle=t=>{t.newState==="closed"&&(this.open=!0,this.overlayElement.manuallyKeepOpen(),this.overlayElement.removeEventListener("beforetoggle",this.handleBeforetoggle))},this.recentlyLeftChild=!1,this.willDispatchUpdate=!1,this.menuData={focusRoot:void 0,parentMenu:void 0,selectionRoot:void 0,cleanupSteps:[]},this.addEventListener("click",this.handleClickCapture,{capture:!0}),this.addEventListener("focus",this.handleFocus),this.addEventListener("blur",this.handleBlur),new Qi(this,{config:{characterData:!0,childList:!0,subtree:!0,attributeFilter:["src"]},callback:t=>{t.every(e=>e.target.slot==="submenu")||this.breakItemChildrenCache()}})}static get styles(){return[mh,fo,jt]}get value(){return this._value||this.itemText}set value(t){t!==this._value&&(this._value=t||"",this._value?this.setAttribute("value",this._value):this.removeAttribute("value"))}get itemText(){return this.itemChildren.content.reduce((t,e)=>t+(e.textContent||"").trim(),"")}get focusElement(){return this}get hasIcon(){return this.slotContentIsPresent}get itemChildren(){if(!this.iconSlot||!this.contentSlot)return{icon:[],content:[]};if(this._itemChildren)return this._itemChildren;let t=this.iconSlot.assignedElements().map(r=>{let s=r.cloneNode(!0);return s.removeAttribute("slot"),s.classList.toggle("icon"),s}),e=this.contentSlot.assignedNodes().map(r=>r.cloneNode(!0));return this._itemChildren={icon:t,content:e},this._itemChildren}handleClickCapture(t){if(this.disabled)return t.preventDefault(),t.stopImmediatePropagation(),t.stopPropagation(),!1;this.shouldProxyClick()}shouldProxyClick(){let t=!1;return this.anchorElement&&(this.anchorElement.click(),t=!0),t}breakItemChildrenCache(){this._itemChildren=void 0,this.triggerUpdate()}renderSubmenu(){let t=c` ${this.href&&this.href.length>0?super.renderAnchor({id:"button",ariaHidden:!0,className:"button anchor hidden"}):_} ${this.renderSubmenu()} - `}manageSubmenu(t){this.submenuElement=t.target.assignedElements({flatten:!0})[0],this.hasSubmenu=!!this.submenuElement,this.hasSubmenu&&this.setAttribute("aria-haspopup","true")}handlePointerdown(t){t.target===this&&this.hasSubmenu&&this.open&&(this.addEventListener("focus",this.handleSubmenuFocus,{once:!0}),this.overlayElement.addEventListener("beforetoggle",this.handleBeforetoggle))}firstUpdated(t){super.firstUpdated(t),this.setAttribute("tabindex","-1"),this.addEventListener("keydown",this.handleKeydown),this.addEventListener("mouseover",this.handleMouseover),this.addEventListener("pointerdown",this.handlePointerdown),this.addEventListener("pointerenter",this.closeOverlaysForRoot),this.hasAttribute("id")||(this.id=`sp-menu-item-${at()}`)}getActiveElementSafely(){let t=this.getRootNode(),e=t.activeElement;if(!e&&t!==document)for(;t&&t!==document&&"host"in t&&(t=t.host.getRootNode(),e=t.activeElement,!e););return e}handleMouseover(t){if(t.target===this){let e=this.getActiveElementSafely();(!e||!this.isInputElement(e))&&this.focus(),this.focused=!1}}isInputElement(t){return!!(this.isNativeInputElement(t)||t.contentEditable==="true"||this.isSpectrumInputComponent(t))}isNativeInputElement(t){return t instanceof HTMLInputElement||t instanceof HTMLTextAreaElement||t instanceof HTMLSelectElement}isSpectrumInputComponent(t){if(!t.tagName.startsWith("SP-"))return!1;let e=t.getAttribute("role");return!!(e&&["textbox","searchbox","combobox","slider"].includes(e)||tu.test(t.tagName))}closeOverlaysForRoot(){var t;this.open||(t=this.menuData.parentMenu)==null||t.closeDescendentOverlays()}handleFocus(t){let{target:e}=t;e===this&&(this.focused=!0)}handleBlur(t){let{target:e}=t;e===this&&(this.focused=!1)}handleSubmenuClick(t){t.composedPath().includes(this.overlayElement)||this.openOverlay(!0)}handleSubmenuFocus(){requestAnimationFrame(()=>{this.overlayElement.open=this.open,this.focused=!1})}handlePointerenter(){if(this.leaveTimeout){clearTimeout(this.leaveTimeout),delete this.leaveTimeout,this.recentlyLeftChild=!1;return}this.focus(),this.openOverlay()}handlePointerleave(){this._closedViaPointer=!0,this.open&&!this.recentlyLeftChild&&(this.leaveTimeout=setTimeout(()=>{delete this.leaveTimeout,this.open=!1},B5))}handleSubmenuChange(t){var e;t.stopPropagation(),(e=this.menuData.selectionRoot)==null||e.selectOrToggleItem(this)}handleSubmenuPointerenter(){this.recentlyLeftChild=!0}async handleSubmenuPointerleave(){this.recentlyLeftChild=!1}handleSubmenuOpen(t){var e;let r=t.composedPath().find(s=>s!==this.overlayElement&&s.localName==="sp-overlay");this._openedViaKeyboard&&((e=this.submenuElement)==null||e.focus()),this.overlayElement.parentOverlayToForceClose=r}cleanup(){this._closedViaPointer=!1,this.setAttribute("aria-expanded","false"),this.open=!1,this.active=!1}async openOverlay(t=!1){!this.hasSubmenu||this.open||this.disabled||(this.open=!0,this.active=!0,this.setAttribute("aria-expanded","true"),this._openedViaKeyboard=t,this.addEventListener("sp-closed",this.cleanup,{once:!0}))}updateAriaSelected(){let t=this.getAttribute("role");t==="option"?this.setAttribute("aria-selected",this.selected?"true":"false"):(t==="menuitemcheckbox"||t==="menuitemradio")&&this.setAttribute("aria-checked",this.selected?"true":"false")}setRole(t){this.setAttribute("role",t),this.updateAriaSelected()}willUpdate(t){super.updated(t),t.has("open")&&!this.open&&this.hasSubmenu&&!this._closedViaPointer&&this.matches(":focus-within")&&this.focus()}updated(t){var e,r;if(super.updated(t),t.has("label")&&(this.label||typeof t.get("label")<"u")&&this.setAttribute("aria-label",this.label||""),t.has("active")&&(this.active||typeof t.get("active")<"u")&&this.active&&((e=this.menuData.selectionRoot)==null||e.closeDescendentOverlays()),this.anchorElement&&(this.anchorElement.addEventListener("focus",this.proxyFocus),this.anchorElement.tabIndex=-1),t.has("selected")&&this.updateAriaSelected(),t.has("hasSubmenu")&&(this.hasSubmenu||typeof t.get("hasSubmenu")<"u"))if(this.hasSubmenu){this.abortControllerSubmenu=new AbortController;let s={signal:this.abortControllerSubmenu.signal};this.addEventListener("click",this.handleSubmenuClick,s),this.addEventListener("pointerenter",this.handlePointerenter,s),this.addEventListener("pointerleave",this.handlePointerleave,s),this.addEventListener("sp-opened",this.handleSubmenuOpen,s)}else(r=this.abortControllerSubmenu)==null||r.abort()}connectedCallback(){super.connectedCallback(),this.triggerUpdate()}disconnectedCallback(){this.menuData.cleanupSteps.forEach(t=>t(this)),this.menuData={focusRoot:void 0,parentMenu:void 0,selectionRoot:void 0,cleanupSteps:[]},super.disconnectedCallback()}async triggerUpdate(){this.willDispatchUpdate||(this.willDispatchUpdate=!0,await new Promise(t=>requestAnimationFrame(t)),this.dispatchUpdate())}focus(){super.focus(),this.dispatchEvent(new FocusEvent("focus"))}blur(){this.dispatchEvent(new FocusEvent("blur")),super.blur()}dispatchUpdate(){this.isConnected&&(this.dispatchEvent(new td(this)),this.willDispatchUpdate=!1)}};ie([n({type:Boolean,reflect:!0})],Ct.prototype,"active",2),ie([n({type:Boolean,reflect:!0})],Ct.prototype,"focused",2),ie([n({type:Boolean,reflect:!0})],Ct.prototype,"selected",2),ie([n({type:String})],Ct.prototype,"value",1),ie([n({type:Boolean,reflect:!0,attribute:"has-submenu"})],Ct.prototype,"hasSubmenu",2),ie([P("slot:not([name])")],Ct.prototype,"contentSlot",2),ie([P('slot[name="icon"]')],Ct.prototype,"iconSlot",2),ie([n({type:Boolean,reflect:!0,attribute:"no-wrap",hasChanged(){return!1}})],Ct.prototype,"noWrap",2),ie([P(".anchor")],Ct.prototype,"anchorElement",2),ie([P("sp-overlay")],Ct.prototype,"overlayElement",2),ie([n({type:Boolean,reflect:!0})],Ct.prototype,"open",2);x();l("sp-menu-item",Ct);J();p();var O5=y` + `}manageSubmenu(t){this.submenuElement=t.target.assignedElements({flatten:!0})[0],this.hasSubmenu=!!this.submenuElement,this.hasSubmenu&&this.setAttribute("aria-haspopup","true")}handlePointerdown(t){t.target===this&&this.hasSubmenu&&this.open&&(this.addEventListener("focus",this.handleSubmenuFocus,{once:!0}),this.overlayElement.addEventListener("beforetoggle",this.handleBeforetoggle))}firstUpdated(t){super.firstUpdated(t),this.setAttribute("tabindex","-1"),this.addEventListener("keydown",this.handleKeydown),this.addEventListener("mouseover",this.handleMouseover),this.addEventListener("pointerdown",this.handlePointerdown),this.addEventListener("pointerenter",this.closeOverlaysForRoot),this.hasAttribute("id")||(this.id=`sp-menu-item-${at()}`)}getActiveElementSafely(){let t=this.getRootNode(),e=t.activeElement;if(!e&&t!==document)for(;t&&t!==document&&"host"in t&&(t=t.host.getRootNode(),e=t.activeElement,!e););return e}handleMouseover(t){if(t.target===this){let e=this.getActiveElementSafely();(!e||!this.isInputElement(e))&&this.focus(),this.focused=!1}}isInputElement(t){return!!(this.isNativeInputElement(t)||t.contentEditable==="true"||this.isSpectrumInputComponent(t))}isNativeInputElement(t){return t instanceof HTMLInputElement||t instanceof HTMLTextAreaElement||t instanceof HTMLSelectElement}isSpectrumInputComponent(t){if(!t.tagName.startsWith("SP-"))return!1;let e=t.getAttribute("role");return!!(e&&["textbox","searchbox","combobox","slider"].includes(e)||eu.test(t.tagName))}closeOverlaysForRoot(){var t;this.open||(t=this.menuData.parentMenu)==null||t.closeDescendentOverlays()}handleFocus(t){let{target:e}=t;e===this&&(this.focused=!0)}handleBlur(t){let{target:e}=t;e===this&&(this.focused=!1)}handleSubmenuClick(t){t.composedPath().includes(this.overlayElement)||this.openOverlay(!0)}handleSubmenuFocus(){requestAnimationFrame(()=>{this.overlayElement.open=this.open,this.focused=!1})}handlePointerenter(){if(this.leaveTimeout){clearTimeout(this.leaveTimeout),delete this.leaveTimeout,this.recentlyLeftChild=!1;return}this.focus(),this.openOverlay()}handlePointerleave(){this._closedViaPointer=!0,this.open&&!this.recentlyLeftChild&&(this.leaveTimeout=setTimeout(()=>{delete this.leaveTimeout,this.open=!1},H5))}handleSubmenuChange(t){var e;t.stopPropagation(),(e=this.menuData.selectionRoot)==null||e.selectOrToggleItem(this)}handleSubmenuPointerenter(){this.recentlyLeftChild=!0}async handleSubmenuPointerleave(){this.recentlyLeftChild=!1}handleSubmenuOpen(t){var e;let r=t.composedPath().find(s=>s!==this.overlayElement&&s.localName==="sp-overlay");this._openedViaKeyboard&&((e=this.submenuElement)==null||e.focus()),this.overlayElement.parentOverlayToForceClose=r}cleanup(){this._closedViaPointer=!1,this.setAttribute("aria-expanded","false"),this.open=!1,this.active=!1}async openOverlay(t=!1){!this.hasSubmenu||this.open||this.disabled||(this.open=!0,this.active=!0,this.setAttribute("aria-expanded","true"),this._openedViaKeyboard=t,this.addEventListener("sp-closed",this.cleanup,{once:!0}))}updateAriaSelected(){let t=this.getAttribute("role");t==="option"?this.setAttribute("aria-selected",this.selected?"true":"false"):(t==="menuitemcheckbox"||t==="menuitemradio")&&this.setAttribute("aria-checked",this.selected?"true":"false")}setRole(t){this.setAttribute("role",t),this.updateAriaSelected()}willUpdate(t){super.updated(t),t.has("open")&&!this.open&&this.hasSubmenu&&!this._closedViaPointer&&this.matches(":focus-within")&&this.focus()}updated(t){var e,r;if(super.updated(t),t.has("label")&&(this.label||typeof t.get("label")<"u")&&this.setAttribute("aria-label",this.label||""),t.has("active")&&(this.active||typeof t.get("active")<"u")&&this.active&&((e=this.menuData.selectionRoot)==null||e.closeDescendentOverlays()),this.anchorElement&&(this.anchorElement.addEventListener("focus",this.proxyFocus),this.anchorElement.tabIndex=-1),t.has("selected")&&this.updateAriaSelected(),t.has("hasSubmenu")&&(this.hasSubmenu||typeof t.get("hasSubmenu")<"u"))if(this.hasSubmenu){this.abortControllerSubmenu=new AbortController;let s={signal:this.abortControllerSubmenu.signal};this.addEventListener("click",this.handleSubmenuClick,s),this.addEventListener("pointerenter",this.handlePointerenter,s),this.addEventListener("pointerleave",this.handlePointerleave,s),this.addEventListener("sp-opened",this.handleSubmenuOpen,s)}else(r=this.abortControllerSubmenu)==null||r.abort()}connectedCallback(){super.connectedCallback(),this.triggerUpdate()}disconnectedCallback(){this.menuData.cleanupSteps.forEach(t=>t(this)),this.menuData={focusRoot:void 0,parentMenu:void 0,selectionRoot:void 0,cleanupSteps:[]},super.disconnectedCallback()}async triggerUpdate(){this.willDispatchUpdate||(this.willDispatchUpdate=!0,await new Promise(t=>requestAnimationFrame(t)),this.dispatchUpdate())}focus(){super.focus(),this.dispatchEvent(new FocusEvent("focus"))}blur(){this.dispatchEvent(new FocusEvent("blur")),super.blur()}dispatchUpdate(){this.isConnected&&(this.dispatchEvent(new ed(this)),this.willDispatchUpdate=!1)}};ie([n({type:Boolean,reflect:!0})],Ct.prototype,"active",2),ie([n({type:Boolean,reflect:!0})],Ct.prototype,"focused",2),ie([n({type:Boolean,reflect:!0})],Ct.prototype,"selected",2),ie([n({type:String})],Ct.prototype,"value",1),ie([n({type:Boolean,reflect:!0,attribute:"has-submenu"})],Ct.prototype,"hasSubmenu",2),ie([P("slot:not([name])")],Ct.prototype,"contentSlot",2),ie([P('slot[name="icon"]')],Ct.prototype,"iconSlot",2),ie([n({type:Boolean,reflect:!0,attribute:"no-wrap",hasChanged(){return!1}})],Ct.prototype,"noWrap",2),ie([P(".anchor")],Ct.prototype,"anchorElement",2),ie([P("sp-overlay")],Ct.prototype,"overlayElement",2),ie([n({type:Boolean,reflect:!0})],Ct.prototype,"open",2);x();l("sp-menu-item",Ct);J();p();var R5=y` :host{--spectrum-breadcrumbs-block-size:var(--spectrum-breadcrumbs-height);--spectrum-breadcrumbs-block-size-compact:var(--spectrum-breadcrumbs-height-compact);--spectrum-breadcrumbs-block-size-multiline:var(--spectrum-breadcrumbs-height-multiline);--spectrum-breadcrumbs-line-height:var(--spectrum-line-height-100);--spectrum-breadcrumbs-font-size:var(--spectrum-font-size-200);--spectrum-breadcrumbs-font-family:var(--spectrum-sans-font-family-stack);--spectrum-breadcrumbs-font-weight:var(--spectrum-regular-font-weight);--spectrum-breadcrumbs-font-size-current:var(--spectrum-font-size-200);--spectrum-breadcrumbs-font-family-current:var(--spectrum-sans-font-family-stack);--spectrum-breadcrumbs-font-weight-current:var(--spectrum-bold-font-weight);--spectrum-breadcrumbs-font-size-compact:var(--spectrum-font-size-100);--spectrum-breadcrumbs-font-family-compact:var(--spectrum-sans-font-family-stack);--spectrum-breadcrumbs-font-weight-compact:var(--spectrum-regular-font-weight);--spectrum-breadcrumbs-font-size-compact-current:var(--spectrum-font-size-100);--spectrum-breadcrumbs-font-family-compact-current:var(--spectrum-sans-font-family-stack);--spectrum-breadcrumbs-font-weight-compact-current:var(--spectrum-bold-font-weight);--spectrum-breadcrumbs-font-size-multiline:var(--spectrum-font-size-75);--spectrum-breadcrumbs-font-family-multiline:var(--spectrum-sans-font-family-stack);--spectrum-breadcrumbs-font-weight-multiline:var(--spectrum-regular-font-weight);--spectrum-breadcrumbs-font-size-multiline-current:var(--spectrum-font-size-300);--spectrum-breadcrumbs-font-family-multiline-current:var(--spectrum-sans-font-family-stack);--spectrum-breadcrumbs-font-weight-multiline-current:var(--spectrum-bold-font-weight);--spectrum-breadcrumbs-text-decoration-thickness:var(--spectrum-text-underline-thickness);--spectrum-breadcrumbs-text-decoration-gap:var(--spectrum-text-underline-gap);--spectrum-breadcrumbs-separator-spacing-inline:var(--spectrum-text-to-visual-100);--spectrum-breadcrumbs-text-spacing-block-start:var(--spectrum-breadcrumbs-top-to-text);--spectrum-breadcrumbs-text-spacing-block-end:var(--spectrum-breadcrumbs-bottom-to-text);--spectrum-breadcrumbs-icon-spacing-block:var(--spectrum-breadcrumbs-top-to-separator-icon);--spectrum-breadcrumbs-text-spacing-block-start-compact:var(--spectrum-breadcrumbs-top-to-text-compact);--spectrum-breadcrumbs-text-spacing-block-end-compact:var(--spectrum-breadcrumbs-bottom-to-text-compact);--spectrum-breadcrumbs-icon-spacing-block-compact:var(--spectrum-breadcrumbs-top-to-separator-icon-compact);--spectrum-breadcrumbs-text-spacing-block-start-multiline:var(--spectrum-breadcrumbs-top-to-text-multiline);--spectrum-breadcrumbs-text-spacing-block-end-multiline:var(--spectrum-breadcrumbs-bottom-to-text-multiline);--spectrum-breadcrumbs-text-spacing-block-between-multiline:var(--spectrum-breadcrumbs-top-text-to-bottom-text);--spectrum-breadcrumbs-icon-spacing-block-start-multiline:var(--spectrum-breadcrumbs-top-to-separator-icon-multiline);--spectrum-breadcrumbs-icon-spacing-block-between-multiline:var(--spectrum-breadcrumbs-separator-icon-to-bottom-text-multiline);--spectrum-breadcrumbs-inline-start:var(--spectrum-breadcrumbs-start-edge-to-text);--spectrum-breadcrumbs-inline-end:var(--spectrum-breadcrumbs-end-edge-to-text);--spectrum-breadcrumbs-action-button-spacing-inline:var(--spectrum-breadcrumbs-truncated-menu-to-separator-icon);--spectrum-breadcrumbs-action-button-spacing-block:var(--spectrum-breadcrumbs-top-to-truncated-menu);--spectrum-breadcrumbs-action-button-spacing-block-compact:var(--spectrum-breadcrumbs-top-to-truncated-menu-compact);--spectrum-breadcrumbs-action-button-spacing-inline-start:var(--spectrum-breadcrumbs-start-edge-to-truncated-menu);--spectrum-breadcrumbs-action-button-spacing-block-multiline:var(--spectrum-breadcrumbs-top-to-truncated-menu-compact);--spectrum-breadcrumbs-action-button-spacing-block-between-multiline:var(--spectrum-breadcrumbs-truncated-menu-to-bottom-text);--spectrum-breadcrumbs-focus-indicator-thickness:var(--spectrum-focus-indicator-thickness);--spectrum-breadcrumbs-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-breadcrumbs-item-link-border-radius:var(--spectrum-corner-radius-100);--spectrum-breadcrumbs-text-color:var(--spectrum-neutral-subdued-content-color-default);--spectrum-breadcrumbs-text-color-current:var(--spectrum-neutral-content-color-default);--spectrum-breadcrumbs-text-color-disabled:var(--spectrum-disabled-content-color);--spectrum-breadcrumbs-separator-color:var(--spectrum-neutral-content-color-default);--spectrum-breadcrumbs-action-button-color:var(--spectrum-neutral-subdued-content-color-default);--spectrum-breadcrumbs-action-button-color-disabled:var(--spectrum-disabled-content-color);--spectrum-breadcrumbs-focus-indicator-color:var(--spectrum-focus-indicator-color)}@media (forced-colors:active){:host{--highcontrast-breadcrumbs-text-color:LinkText;--highcontrast-breadcrumbs-text-color-current:CanvasText;--highcontrast-breadcrumbs-text-color-disabled:GrayText;--highcontrast-breadcrumbs-separator-color:CanvasText;--highcontrast-breadcrumbs-action-button-color:LinkText;--highcontrast-breadcrumbs-action-button-color-disabled:GrayText;--highcontrast-breadcrumbs-focus-indicator-color:CanvasText}}#list{block-size:var(--mod-breadcrumbs-block-size,var(--spectrum-breadcrumbs-block-size));flex-flow:row;flex:1 0;justify-content:flex-start;align-items:center;margin:0;padding-inline-start:var(--mod-breadcrumbs-inline-start,var(--spectrum-breadcrumbs-inline-start));padding-inline-end:var(--mod-breadcrumbs-inline-end,var(--spectrum-breadcrumbs-inline-end));list-style-type:none;display:flex}:host([compact]) #list{block-size:var(--mod-breadcrumbs-block-size-compact,var(--spectrum-breadcrumbs-block-size-compact))}.spectrum-Breadcrumbs--multiline{block-size:var(--mod-breadcrumbs-block-size-multiline,var(--spectrum-breadcrumbs-block-size-multiline));flex-wrap:wrap;align-content:center}:host([compact]) ::slotted(sp-breadcrumb-item){font-family:var(--mod-breadcrumbs-font-family-compact,var(--spectrum-breadcrumbs-font-family-compact));font-size:var(--mod-breadcrumbs-font-size-compact,var(--spectrum-breadcrumbs-font-size-compact));font-weight:var(--mod-breadcrumbs-font-weight-compact,var(--spectrum-breadcrumbs-font-weight-compact))}:host([compact]) ::slotted(:last-of-type){font-family:var(--mod-breadcrumbs-font-family-compact-current,var(--spectrum-breadcrumbs-font-family-compact-current));font-size:var(--mod-breadcrumbs-font-size-compact-current,var(--spectrum-breadcrumbs-font-size-compact-current));font-weight:var(--mod-breadcrumbs-font-weight-compact-current,var(--spectrum-breadcrumbs-font-weight-compact-current))}:host{display:block}:host([compact]){--mod-breadcrumbs-icon-spacing-block:var(--mod-breadcrumbs-icon-spacing-block-compact,var(--spectrum-breadcrumbs-icon-spacing-block-compact));--mod-breadcrumbs-text-spacing-block-start:var(--mod-breadcrumbs-text-spacing-block-start-compact,var(--spectrum-breadcrumbs-text-spacing-block-start-compact));--mod-breadcrumbs-text-spacing-block-end:var(--mod-breadcrumbs-text-spacing-block-end-compact,var(--spectrum-breadcrumbs-text-spacing-block-end-compact));--mod-breadcrumbs-action-button-spacing-block:var(--mod-breadcrumbs-action-button-spacing-block-compact,var(--spectrum-breadcrumbs-action-button-spacing-block-compact))}:host([dir]) slot[slot=icon]::slotted([slot=icon]),:host([dir]) slot[slot=icon] .icon{margin-inline:calc((var(--custom-actionbutton-edge-to-text,var(--spectrum-actionbutton-edge-to-text)) - var(--custom-actionbutton-edge-to-visual-only,var(--spectrum-actionbutton-edge-to-visual-only)))*-1)} -`,mh=O5;J();var D5=Object.defineProperty,H5=Object.getOwnPropertyDescriptor,$e=(o,t,e,r)=>{for(var s=r>1?void 0:r?H5(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&D5(t,e,s),s},Ot=class extends E{constructor(){super(...arguments),this.maxVisibleItems=4,this.label="",this.menuLabel="More items",this.compact=!1,this.items=[],this.visibleItems=0,this.firstRender=!0,this.menuRef=il()}static get styles(){return[mh]}get hasMenu(){var t,e;return this.visibleItems<((e=(t=this.breadcrumbsElements)==null?void 0:t.length)!=null?e:0)}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","navigation"),this.resizeObserver=new ResizeObserver(()=>{if(this.firstRender){this.firstRender=!1;return}this.adjustOverflow()}),this.resizeObserver.observe(this)}disconnectedCallback(){var t;(t=this.resizeObserver)==null||t.unobserve(this),super.disconnectedCallback()}updated(t){super.updated(t),t.has("label")&&this.setAttribute("aria-label",this.label||"Breadcrumbs"),(t.has("maxVisibleItems")||t.has("compact"))&&(this.calculateBreadcrumbItemsWidth(),this.adjustOverflow()),t.has("visibleItems")&&this.items.forEach((e,r)=>{this.breadcrumbsElements[r].isLastOfType=r===this.breadcrumbsElements.length-1,this.breadcrumbsElements[r].toggleAttribute("hidden",!e.isVisible)})}calculateBreadcrumbItemsWidth(){this.items=this.breadcrumbsElements.map((t,e)=>{let r=t.offsetWidth;return t.hasAttribute("hidden")&&(t.removeAttribute("hidden"),r=t.offsetWidth,t.setAttribute("hidden","")),{label:t.innerText,href:t.href,value:t.value||e.toString(),offsetWidth:r,isVisible:!0}})}adjustOverflow(){let t=0,e=0,r=this.list.clientWidth;this.hasMenu&&this.menuRef.value&&(t+=this.menuRef.value.offsetWidth||0),this.rootElement.length>0&&(t+=this.rootElement[0].offsetWidth);let s=0;for(let i=this.items.length-1;i>=s;i--)if(t+=this.items[i].offsetWidth,t=s;a--)this.items[a].isVisible=!1;break}e===0&&(this.items[this.items.length-1].isVisible=!0,e++),e!==this.visibleItems&&(this.visibleItems=e)}announceChange(t){let e={value:t},r=new CustomEvent("change",{bubbles:!0,composed:!0,detail:e});this.dispatchEvent(r)}handleSelect(t){t.stopPropagation(),this.announceChange(t.detail.value)}handleMenuChange(t){t.stopPropagation(),this.announceChange(t.target.value)}renderMenu(){return c` +`,ph=R5;J();var q5=Object.defineProperty,j5=Object.getOwnPropertyDescriptor,$e=(o,t,e,r)=>{for(var s=r>1?void 0:r?j5(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&q5(t,e,s),s},Ot=class extends E{constructor(){super(...arguments),this.maxVisibleItems=4,this.label="",this.menuLabel="More items",this.compact=!1,this.items=[],this.visibleItems=0,this.firstRender=!0,this.menuRef=al()}static get styles(){return[ph]}get hasMenu(){var t,e;return this.visibleItems<((e=(t=this.breadcrumbsElements)==null?void 0:t.length)!=null?e:0)}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","navigation"),this.resizeObserver=new ResizeObserver(()=>{if(this.firstRender){this.firstRender=!1;return}this.adjustOverflow()}),this.resizeObserver.observe(this)}disconnectedCallback(){var t;(t=this.resizeObserver)==null||t.unobserve(this),super.disconnectedCallback()}updated(t){super.updated(t),t.has("label")&&this.setAttribute("aria-label",this.label||"Breadcrumbs"),(t.has("maxVisibleItems")||t.has("compact"))&&(this.calculateBreadcrumbItemsWidth(),this.adjustOverflow()),t.has("visibleItems")&&this.items.forEach((e,r)=>{this.breadcrumbsElements[r].isLastOfType=r===this.breadcrumbsElements.length-1,this.breadcrumbsElements[r].toggleAttribute("hidden",!e.isVisible)})}calculateBreadcrumbItemsWidth(){this.items=this.breadcrumbsElements.map((t,e)=>{let r=t.offsetWidth;return t.hasAttribute("hidden")&&(t.removeAttribute("hidden"),r=t.offsetWidth,t.setAttribute("hidden","")),{label:t.innerText,href:t.href,value:t.value||e.toString(),offsetWidth:r,isVisible:!0}})}adjustOverflow(){let t=0,e=0,r=this.list.clientWidth;this.hasMenu&&this.menuRef.value&&(t+=this.menuRef.value.offsetWidth||0),this.rootElement.length>0&&(t+=this.rootElement[0].offsetWidth);let s=0;for(let i=this.items.length-1;i>=s;i--)if(t+=this.items[i].offsetWidth,t=s;a--)this.items[a].isVisible=!1;break}e===0&&(this.items[this.items.length-1].isVisible=!0,e++),e!==this.visibleItems&&(this.visibleItems=e)}announceChange(t){let e={value:t},r=new CustomEvent("change",{bubbles:!0,composed:!0,detail:e});this.dispatchEvent(r)}handleSelect(t){t.stopPropagation(),this.announceChange(t.detail.value)}handleMenuChange(t){t.stopPropagation(),this.announceChange(t.target.value)}renderMenu(){return c`
- `}};$e([n({type:Number,attribute:"max-visible-items"})],Ot.prototype,"maxVisibleItems",2),$e([n({type:String})],Ot.prototype,"label",2),$e([n({type:String,attribute:"menu-label"})],Ot.prototype,"menuLabel",2),$e([n({type:Boolean})],Ot.prototype,"compact",2),$e([hr({selector:"sp-breadcrumb-item"})],Ot.prototype,"breadcrumbsElements",2),$e([hr({slot:"root",selector:"sp-breadcrumb-item"})],Ot.prototype,"rootElement",2),$e([P("#list")],Ot.prototype,"list",2),$e([W()],Ot.prototype,"items",2),$e([W()],Ot.prototype,"visibleItems",2);customElements.define("sp-breadcrumbs",Ot);p();L();p();var R5=y` + `}};$e([n({type:Number,attribute:"max-visible-items"})],Ot.prototype,"maxVisibleItems",2),$e([n({type:String})],Ot.prototype,"label",2),$e([n({type:String,attribute:"menu-label"})],Ot.prototype,"menuLabel",2),$e([n({type:Boolean})],Ot.prototype,"compact",2),$e([hr({selector:"sp-breadcrumb-item"})],Ot.prototype,"breadcrumbsElements",2),$e([hr({slot:"root",selector:"sp-breadcrumb-item"})],Ot.prototype,"rootElement",2),$e([P("#list")],Ot.prototype,"list",2),$e([W()],Ot.prototype,"items",2),$e([W()],Ot.prototype,"visibleItems",2);customElements.define("sp-breadcrumbs",Ot);p();L();p();var F5=y` :host{--spectrum-buttongroup-spacing:var(--mod-buttongroup-spacing,var(--mod-buttongroup-spacing-horizontal,var(--spectrum-spacing-300)));--spectrum-buttongroup-display:flex;--spectrum-buttongroup-flex-direction:row;--spectrum-buttongroup-justify-content:var(--mod-buttongroup-justify-content,normal)}:host([size=s]){--spectrum-buttongroup-spacing:var(--mod-buttongroup-spacing,var(--mod-buttongroup-spacing-horizontal,var(--spectrum-spacing-200)))}:host([vertical]){--mod-buttongroup-spacing:var(--mod-buttongroup-spacing-vertical);--spectrum-buttongroup-display:inline-flex;--spectrum-buttongroup-flex-direction:column}:host{display:var(--spectrum-buttongroup-display);flex-direction:var(--spectrum-buttongroup-flex-direction);gap:var(--spectrum-buttongroup-spacing);justify-content:var(--spectrum-buttongroup-justify-content);flex-wrap:wrap}::slotted(*){flex-shrink:0}:host([vertical]) ::slotted(sp-action-button){--spectrum-actionbutton-label-flex-grow:1}:host([dir=ltr][vertical]) ::slotted(sp-action-button){--spectrum-actionbutton-label-text-align:left}:host([dir=rtl][vertical]) ::slotted(sp-action-button){--spectrum-actionbutton-label-text-align:right} -`,ph=R5;var q5=Object.defineProperty,j5=Object.getOwnPropertyDescriptor,hh=(o,t,e,r)=>{for(var s=r>1?void 0:r?j5(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&q5(t,e,s),s},xo=class extends R(E,{noDefaultSize:!0}){constructor(){super(...arguments),this.vertical=!1}static get styles(){return[ph]}updated(t){super.updated(t),t.has("size")&&this.manageChildrenSize(this.slotElement)}handleSlotchange({target:t}){this.manageChildrenSize(t)}manageChildrenSize(t){t.assignedElements().forEach(e=>{e.size=this.size})}render(){return c` +`,hh=F5;var V5=Object.defineProperty,N5=Object.getOwnPropertyDescriptor,bh=(o,t,e,r)=>{for(var s=r>1?void 0:r?N5(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&V5(t,e,s),s},xo=class extends R(E,{noDefaultSize:!0}){constructor(){super(...arguments),this.vertical=!1}static get styles(){return[hh]}updated(t){super.updated(t),t.has("size")&&this.manageChildrenSize(this.slotElement)}handleSlotchange({target:t}){this.manageChildrenSize(t)}manageChildrenSize(t){t.assignedElements().forEach(e=>{e.size=this.size})}render(){return c` - `}};hh([n({type:Boolean,reflect:!0})],xo.prototype,"vertical",2),hh([P("slot")],xo.prototype,"slotElement",2);x();l("sp-button-group",xo);x();l("sp-button",Qt);p();L();p();L();J();var F5=Object.defineProperty,V5=Object.getOwnPropertyDescriptor,ta=(o,t,e,r)=>{for(var s=r>1?void 0:r?V5(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&F5(t,e,s),s};function ea(o){class t extends o{constructor(){super(...arguments),this.checked=!1,this.readonly=!1}handleChange(){if(this.readonly){this.inputElement.checked=this.checked;return}this.checked=this.inputElement.checked;let r=new CustomEvent("change",{bubbles:!0,cancelable:!0,composed:!0});this.dispatchEvent(r)||(this.checked=!this.inputElement.checked,this.inputElement.checked=this.checked)}render(){return c` + `}};bh([n({type:Boolean,reflect:!0})],xo.prototype,"vertical",2),bh([P("slot")],xo.prototype,"slotElement",2);x();l("sp-button-group",xo);x();l("sp-button",Qt);p();L();p();L();J();var U5=Object.defineProperty,Z5=Object.getOwnPropertyDescriptor,ta=(o,t,e,r)=>{for(var s=r>1?void 0:r?Z5(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&U5(t,e,s),s};function ea(o){class t extends o{constructor(){super(...arguments),this.checked=!1,this.readonly=!1}handleChange(){if(this.readonly){this.inputElement.checked=this.checked;return}this.checked=this.inputElement.checked;let r=new CustomEvent("change",{bubbles:!0,cancelable:!0,composed:!0});this.dispatchEvent(r)||(this.checked=!this.inputElement.checked,this.inputElement.checked=this.checked)}render(){return c` - `}}return ta([n({type:Boolean,reflect:!0})],t.prototype,"checked",2),ta([n({type:String,reflect:!0})],t.prototype,"name",2),ta([n({type:Boolean,reflect:!0})],t.prototype,"readonly",2),ta([P("#input")],t.prototype,"inputElement",2),t}p();var N5=y` + `}}return ta([n({type:Boolean,reflect:!0})],t.prototype,"checked",2),ta([n({type:String,reflect:!0})],t.prototype,"name",2),ta([n({type:Boolean,reflect:!0})],t.prototype,"readonly",2),ta([P("#input")],t.prototype,"inputElement",2),t}p();var K5=y` :host{--spectrum-checkbox-content-color-default:var(--spectrum-neutral-content-color-default);--spectrum-checkbox-content-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-checkbox-content-color-down:var(--spectrum-neutral-content-color-down);--spectrum-checkbox-content-color-focus:var(--spectrum-neutral-content-color-key-focus);--spectrum-checkbox-focus-indicator-color:var(--spectrum-focus-indicator-color);--spectrum-checkbox-content-color-disabled:var(--spectrum-disabled-content-color);--spectrum-checkbox-control-color-disabled:var(--spectrum-disabled-content-color);--spectrum-checkbox-invalid-color-default:var(--spectrum-negative-color-900);--spectrum-checkbox-invalid-color-hover:var(--spectrum-negative-color-1000);--spectrum-checkbox-invalid-color-down:var(--spectrum-negative-color-1100);--spectrum-checkbox-invalid-color-focus:var(--spectrum-negative-color-1000);--spectrum-checkbox-emphasized-color-default:var(--spectrum-accent-color-900);--spectrum-checkbox-emphasized-color-hover:var(--spectrum-accent-color-1000);--spectrum-checkbox-emphasized-color-down:var(--spectrum-accent-color-1100);--spectrum-checkbox-emphasized-color-focus:var(--spectrum-accent-color-1000);--spectrum-checkbox-control-selected-color-default:var(--spectrum-neutral-background-color-selected-default);--spectrum-checkbox-control-selected-color-hover:var(--spectrum-neutral-background-color-selected-hover);--spectrum-checkbox-control-selected-color-down:var(--spectrum-neutral-background-color-selected-down);--spectrum-checkbox-control-selected-color-focus:var(--spectrum-neutral-background-color-selected-key-focus);--spectrum-checkbox-line-height:var(--spectrum-line-height-100);--spectrum-checkbox-line-height-cjk:var(--spectrum-cjk-line-height-100);--spectrum-checkbox-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-checkbox-focus-indicator-thickness:var(--spectrum-focus-indicator-thickness);--spectrum-checkbox-border-width:var(--spectrum-border-width-200);--spectrum-checkbox-selected-border-width:calc(var(--spectrum-checkbox-control-size)/2);--spectrum-checkbox-animation-duration:var(--spectrum-animation-duration-100)}:host,:host{--spectrum-checkbox-font-size:var(--spectrum-font-size-100);--spectrum-checkbox-height:var(--spectrum-component-height-100);--spectrum-checkbox-control-size:var(--spectrum-checkbox-control-size-medium);--spectrum-checkbox-top-to-text:var(--spectrum-component-top-to-text-100);--spectrum-checkbox-text-to-control:var(--spectrum-text-to-control-100)}:host([size=s]){--spectrum-checkbox-font-size:var(--spectrum-font-size-75);--spectrum-checkbox-height:var(--spectrum-component-height-75);--spectrum-checkbox-control-size:var(--spectrum-checkbox-control-size-small);--spectrum-checkbox-top-to-text:var(--spectrum-component-top-to-text-75);--spectrum-checkbox-text-to-control:var(--spectrum-text-to-control-75)}:host([size=l]){--spectrum-checkbox-font-size:var(--spectrum-font-size-200);--spectrum-checkbox-height:var(--spectrum-component-height-200);--spectrum-checkbox-control-size:var(--spectrum-checkbox-control-size-large);--spectrum-checkbox-top-to-text:var(--spectrum-component-top-to-text-200);--spectrum-checkbox-text-to-control:var(--spectrum-text-to-control-200)}:host([size=xl]){--spectrum-checkbox-font-size:var(--spectrum-font-size-300);--spectrum-checkbox-height:var(--spectrum-component-height-300);--spectrum-checkbox-control-size:var(--spectrum-checkbox-control-size-extra-large);--spectrum-checkbox-top-to-text:var(--spectrum-component-top-to-text-300);--spectrum-checkbox-text-to-control:var(--spectrum-text-to-control-300)}:host{color:var(--highcontrast-checkbox-content-color-default,var(--mod-checkbox-content-color-default,var(--spectrum-checkbox-content-color-default)));min-block-size:var(--mod-checkbox-height,var(--spectrum-checkbox-height));vertical-align:top;align-items:flex-start;max-inline-size:100%;display:inline-flex;position:relative}:host(:is(:active,[active])) #box:before{border-color:var(--highcontrast-checkbox-highlight-color-down,var(--mod-checkbox-control-color-down,var(--spectrum-checkbox-control-color-down)))}:host(:is(:active,[active])) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-down,var(--mod-checkbox-control-selected-color-down,var(--spectrum-checkbox-control-selected-color-down)))}:host(:is(:active,[active])) #label{color:var(--highcontrast-checkbox-content-color-down,var(--mod-checkbox-content-color-down,var(--spectrum-checkbox-content-color-down)))}:host([invalid][invalid]) #box:before,:host([invalid][invalid]) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-default,var(--mod-checkbox-invalid-color-default,var(--spectrum-checkbox-invalid-color-default)))}:host([invalid][invalid]) #input:focus-visible+#box:before,:host([invalid][invalid][indeterminate]) #input:focus-visible+#box:before{border-color:var(--highcontrast-checkbox-color-hover,var(--mod-checkbox-invalid-color-hover,var(--spectrum-checkbox-invalid-color-hover)))}:host([readonly]) #input{cursor:default}:host([readonly]) #input:checked:disabled+#box:before,:host([readonly]) #input:disabled+#box:before{border-color:var(--highcontrast-checkbox-color-default,var(--mod-checkbox-control-selected-color-default,var(--spectrum-checkbox-control-selected-color-default)));background-color:var(--highcontrast-checkbox-background-color-default,var(--mod-checkbox-checkmark-color,var(--spectrum-checkbox-checkmark-color)))}:host([readonly]) #input:checked:disabled~#label,:host([readonly]) #input:disabled~#label{color:var(--highcontrast-checkbox-color-default,var(--mod-checkbox-content-color-default,var(--spectrum-checkbox-content-color-default)))}:host([indeterminate]) #box:before,:host([indeterminate]) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-default,var(--mod-checkbox-control-selected-color-default,var(--spectrum-checkbox-control-selected-color-default)));border-width:var(--mod-checkbox-selected-border-width,var(--spectrum-checkbox-selected-border-width))}:host([indeterminate]) #box #checkmark,:host([indeterminate]) #input:checked+#box #checkmark{display:none}:host([indeterminate]) #box #partialCheckmark,:host([indeterminate]) #input:checked+#box #partialCheckmark{opacity:1;display:block;transform:scale(1)}:host([indeterminate]) #input:focus-visible+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-focus,var(--mod-checkbox-control-selected-color-focus,var(--spectrum-checkbox-control-selected-color-focus)))}:host([invalid][invalid][indeterminate]) #box:before,:host([invalid][invalid][indeterminate]) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-default,var(--mod-checkbox-invalid-color-default,var(--spectrum-checkbox-invalid-color-default)));border-width:var(--mod-checkbox-selected-border-width,var(--spectrum-checkbox-selected-border-width))}:host([emphasized]) #input:checked+#box:before,:host([emphasized][indeterminate]) #box:before,:host([emphasized][indeterminate]) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-default,var(--mod-checkbox-emphasized-color-default,var(--spectrum-checkbox-emphasized-color-default)))}:host([emphasized]) #input:focus-visible:checked+#box:before,:host([emphasized][indeterminate]) #input:focus-visible+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-focus,var(--mod-checkbox-emphasized-color-focus,var(--spectrum-checkbox-emphasized-color-focus)))}:host([emphasized][invalid][invalid]) #input:focus-visible:checked+#box:before{border-color:var(--highcontrast-checkbox-color-default,var(--mod-checkbox-invalid-color-focus,var(--spectrum-checkbox-invalid-color-focus)))}@media (hover:hover){:host(:hover) #box:before{border-color:var(--highcontrast-checkbox-highlight-color-hover,var(--mod-checkbox-control-color-hover,var(--spectrum-checkbox-control-color-hover)))}:host(:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-hover,var(--mod-checkbox-control-selected-color-hover,var(--spectrum-checkbox-control-selected-color-hover)))}:host(:hover) #label{color:var(--highcontrast-checkbox-content-color-hover,var(--mod-checkbox-content-color-hover,var(--spectrum-checkbox-content-color-hover)))}:host([invalid][invalid]:hover) #box:before,:host([invalid][invalid]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-hover,var(--mod-checkbox-invalid-color-hover,var(--spectrum-checkbox-invalid-color-hover)))}:host([indeterminate]:hover) #box:before,:host([indeterminate]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-hover,var(--mod-checkbox-control-selected-color-hover,var(--spectrum-checkbox-control-selected-color-hover)))}:host([invalid][invalid][indeterminate]:hover) #box:before,:host([invalid][invalid][indeterminate]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-default,var(--mod-checkbox-invalid-color-hover,var(--spectrum-checkbox-invalid-color-hover)))}:host([invalid][invalid][indeterminate]:hover) #label{color:var(--highcontrast-checkbox-content-color-hover,var(--mod-checkbox-content-color-hover,var(--spectrum-checkbox-content-color-hover)))}:host([emphasized][invalid][invalid][indeterminate]:hover) #box:before,:host([emphasized][invalid][invalid][indeterminate]:hover) #input:checked+#box:before,:host([emphasized][invalid][invalid]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-hover,var(--mod-checkbox-invalid-color-hover,var(--spectrum-checkbox-invalid-color-hover)))}:host([emphasized][indeterminate]:hover) #box:before,:host([emphasized][indeterminate]:hover) #input:checked+#box:before,:host([emphasized]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-hover,var(--mod-checkbox-emphasized-color-hover,var(--spectrum-checkbox-emphasized-color-hover)))}}:host([emphasized][indeterminate]:is(:active,[active])) #box:before,:host([emphasized][indeterminate]:is(:active,[active])) #input:checked+#box:before,:host([emphasized]:is(:active,[active])) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-default,var(--mod-checkbox-emphasized-color-down,var(--spectrum-checkbox-emphasized-color-down)))}:host([emphasized][invalid][invalid]:is(:active,[active])) #box:before,:host([emphasized][invalid][invalid]:is(:active,[active])) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-default,var(--mod-checkbox-control-invalid-color-down,var(--spectrum-checkbox-invalid-color-down)))}:host([emphasized]:focus-visible) #box:before,:host([emphasized]:focus-visible) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-focus,var(--mod-checkbox-control-color-focus,var(--spectrum-checkbox-control-color-focus)))}#label{text-align:start;font-size:var(--mod-checkbox-font-size,var(--spectrum-checkbox-font-size));transition:color var(--mod-checkbox-animation-duration,var(--spectrum-checkbox-animation-duration))ease-in-out;line-height:var(--mod-checkbox-line-height,var(--spectrum-checkbox-line-height));margin-block-start:var(--mod-checkbox-top-to-text,var(--spectrum-checkbox-top-to-text));margin-inline-start:var(--mod-checkbox-text-to-control,var(--spectrum-checkbox-text-to-control))}#label:lang(ja),#label:lang(ko),#label:lang(zh){line-height:var(--mod-checkbox-line-height-cjk,var(--spectrum-checkbox-line-height-cjk))}#input{color:var(--mod-checkbox-control-color-default,var(--spectrum-checkbox-control-color-default));box-sizing:border-box;opacity:0;z-index:1;cursor:pointer;block-size:100%;inline-size:100%;margin:0;padding:0;font-family:inherit;font-size:100%;line-height:1.15;position:absolute;overflow:visible}#input:disabled{cursor:default}#input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-default,var(--mod-checkbox-control-selected-color-default,var(--spectrum-checkbox-control-selected-color-default)));background-color:var(--mod-checkbox-checkmark-color,var(--spectrum-checkbox-checkmark-color));border-width:var(--mod-checkbox-selected-border-width,var(--spectrum-checkbox-selected-border-width))}#input:checked+#box #checkmark{opacity:1;transform:scale(1)}#input:focus-visible+#box:before{border-color:var(--highcontrast-checkbox-color-focus,var(--mod-checkbox-control-color-focus,var(--spectrum-checkbox-control-color-focus)))}#input:focus-visible+#box:after{forced-color-adjust:none;box-shadow:0 0 0 var(--mod-checkbox-focus-indicator-thinkness,var(--spectrum-checkbox-focus-indicator-thickness))var(--highcontrast-checkbox-focus-indicator-color,var(--mod-checkbox-focus-indicator-color,var(--spectrum-checkbox-focus-indicator-color)));margin:calc(var(--mod-checkbox-focus-indicator-gap,var(--spectrum-checkbox-focus-indicator-gap))*-1)}#input:focus-visible+#label{color:var(--highcontrast-checkbox-content-color-focus,var(--mod-checkbox-content-color-focus,var(--spectrum-checkbox-content-color-focus)))}#input:focus-visible:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-focus,var(--mod-checkbox-control-selected-color-focus,var(--spectrum-checkbox-control-selected-color-focus)))}#box{--spectrum-checkbox-spacing:calc(var(--mod-checkbox-height,var(--spectrum-checkbox-height)) - var(--mod-checkbox-control-size,var(--spectrum-checkbox-control-size)));margin:calc(var(--mod-checkbox-spacing,var(--spectrum-checkbox-spacing))/2)0;flex-grow:0;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}#box,#box:before{box-sizing:border-box;inline-size:var(--mod-checkbox-control-size,var(--spectrum-checkbox-control-size));block-size:var(--mod-checkbox-control-size,var(--spectrum-checkbox-control-size))}#box:before{forced-color-adjust:none;border-color:var(--highcontrast-checkbox-color-default,var(--mod-checkbox-control-color-default,var(--spectrum-checkbox-control-color-default)));z-index:0;content:"";border-radius:var(--mod-checkbox-control-corner-radius,var(--spectrum-checkbox-control-corner-radius));border-width:var(--mod-checkbox-border-width,var(--spectrum-checkbox-border-width));transition:border var(--mod-checkbox-animation-duration,var(--spectrum-checkbox-animation-duration))ease-in-out,box-shadow var(--mod-checkbox-animation-duration,var(--spectrum-checkbox-animation-duration))ease-in-out;border-style:solid;display:block;position:absolute}#box:after{border-radius:calc(var(--mod-checkbox-control-corner-radius,var(--spectrum-checkbox-control-corner-radius)) + var(--mod-checkbox-focus-indicator-gap,var(--spectrum-checkbox-focus-indicator-gap)));content:"";margin:var(--mod-checkbox-focus-indicator-gap,var(--spectrum-checkbox-focus-indicator-gap));transition:box-shadow var(--mod-checkbox-animation-duration,var(--spectrum-checkbox-animation-duration))ease-out,margin var(--mod-checkbox-animation-duration,var(--spectrum-checkbox-animation-duration))ease-out;display:block;position:absolute;inset-block:0;inset-inline:0;transform:translate(0)}#checkmark,#partialCheckmark{color:var(--highcontrast-checkbox-background-color-default,var(--mod-checkbox-checkmark-color,var(--spectrum-checkbox-checkmark-color)));opacity:0;transition:opacity var(--mod-checkbox-animation-duration,var(--spectrum-checkbox-animation-duration))ease-in-out,transform var(--mod-checkbox-animation-duration,var(--spectrum-checkbox-animation-duration))ease-in-out;transform:scale(0)}#partialCheckmark{display:none}#input:checked:disabled+#box:before,#input:disabled+#box:before{border-color:var(--highcontrast-checkbox-disabled-color-default,var(--mod-checkbox-control-color-disabled,var(--spectrum-checkbox-control-color-disabled)));background-color:var(--highcontrast-checkbox-background-color-default,var(--mod-checkbox-checkmark-color,var(--spectrum-checkbox-checkmark-color)))}#input:checked:disabled~#label,#input:disabled~#label{forced-color-adjust:none;color:var(--highcontrast-checkbox-disabled-color-default,var(--mod-checkbox-content-color-disabled,var(--spectrum-checkbox-content-color-disabled)))}@media (forced-colors:active){#input:focus-visible+#box{forced-color-adjust:none;outline-color:var(--highcontrast-checkbox-focus-indicator-color,var(--mod-checkbox-focus-indicator-color,var(--spectrum-checkbox-focus-indicator-color)));outline-offset:var(--mod-checkbox-focus-indicator-gap,var(--spectrum-checkbox-focus-indicator-gap));outline-style:auto;outline-width:var(--mod-focus-indicator-thickness,var(--spectrum-focus-indicator-thickness))}#input:focus-visible+#box:after{box-shadow:0 0 0 0 var(--highcontrast-checkbox-focus-indicator-color,var(--mod-checkbox-focus-indicator-color,var(--spectrum-checkbox-focus-indicator-color)))}:host{--highcontrast-checkbox-content-color-default:CanvasText;--highcontrast-checkbox-content-color-hover:CanvasText;--highcontrast-checkbox-content-color-down:CanvasText;--highcontrast-checkbox-content-color-focus:CanvasText;--highcontrast-checkbox-background-color-default:Canvas;--highcontrast-checkbox-color-default:ButtonText;--highcontrast-checkbox-color-hover:ButtonText;--highcontrast-checkbox-color-focus:Highlight;--highcontrast-checkbox-highlight-color-default:Highlight;--highcontrast-checkbox-highlight-color-hover:Highlight;--highcontrast-checkbox-highlight-color-down:Highlight;--highcontrast-checkbox-highlight-color-focus:Highlight;--highcontrast-checkbox-disabled-color-default:GrayText;--highcontrast-checkbox-focus-indicator-color:CanvasText}}:host{--spectrum-checkbox-control-color-default:var(--system-checkbox-control-color-default);--spectrum-checkbox-control-color-hover:var(--system-checkbox-control-color-hover);--spectrum-checkbox-control-color-down:var(--system-checkbox-control-color-down);--spectrum-checkbox-control-color-focus:var(--system-checkbox-control-color-focus);--spectrum-checkbox-checkmark-color:var(--system-checkbox-checkmark-color);--spectrum-checkbox-control-corner-radius:var(--system-checkbox-control-corner-radius)}:host{vertical-align:top;display:inline-flex}:host(:focus){outline:none}:host([disabled]){pointer-events:none}:host(:empty) label{display:none} -`,bh=N5;p();var gh=({width:o=24,height:t=24,hidden:e=!1,title:r="Checkmark75"}={})=>$`$` - `;var vh=({width:o=24,height:t=24,hidden:e=!1,title:r="Checkmark75"}={})=>$``;var fh=({width:o=24,height:t=24,hidden:e=!1,title:r="Checkmark75"}={})=>$` - `;var ra=class extends h{render(){return j(c),this.spectrumVersion===2?gh({hidden:!this.label,title:this.label}):vh({hidden:!this.label,title:this.label})}};x();l("sp-icon-checkmark75",ra);p();var fh=({width:o=24,height:t=24,hidden:e=!1,title:r="Checkmark200"}={})=>$``;var ra=class extends h{render(){return j(c),this.spectrumVersion===2?vh({hidden:!this.label,title:this.label}):fh({hidden:!this.label,title:this.label})}};x();l("sp-icon-checkmark75",ra);p();var xh=({width:o=24,height:t=24,hidden:e=!1,title:r="Checkmark200"}={})=>$` - `;var xh=({width:o=24,height:t=24,hidden:e=!1,title:r="Checkmark200"}={})=>$``;var yh=({width:o=24,height:t=24,hidden:e=!1,title:r="Checkmark200"}={})=>$` - `;var oa=class extends h{render(){return j(c),this.spectrumVersion===2?fh({hidden:!this.label,title:this.label}):xh({hidden:!this.label,title:this.label})}};x();l("sp-icon-checkmark200",oa);p();var yh=({width:o=24,height:t=24,hidden:e=!1,title:r="Checkmark300"}={})=>$``;var oa=class extends h{render(){return j(c),this.spectrumVersion===2?xh({hidden:!this.label,title:this.label}):yh({hidden:!this.label,title:this.label})}};x();l("sp-icon-checkmark200",oa);p();var wh=({width:o=24,height:t=24,hidden:e=!1,title:r="Checkmark300"}={})=>$` - `;var wh=({width:o=24,height:t=24,hidden:e=!1,title:r="Checkmark300"}={})=>$``;var kh=({width:o=24,height:t=24,hidden:e=!1,title:r="Checkmark300"}={})=>$` - `;var sa=class extends h{render(){return j(c),this.spectrumVersion===2?yh({hidden:!this.label,title:this.label}):wh({hidden:!this.label,title:this.label})}};x();l("sp-icon-checkmark300",sa);p();var kh=({width:o=24,height:t=24,hidden:e=!1,title:r="Dash75"}={})=>$``;var sa=class extends h{render(){return j(c),this.spectrumVersion===2?wh({hidden:!this.label,title:this.label}):kh({hidden:!this.label,title:this.label})}};x();l("sp-icon-checkmark300",sa);p();var zh=({width:o=24,height:t=24,hidden:e=!1,title:r="Dash75"}={})=>$` - `;var zh=({width:o=24,height:t=24,hidden:e=!1,title:r="Dash75"}={})=>$``;var Ch=({width:o=24,height:t=24,hidden:e=!1,title:r="Dash75"}={})=>$` - `;var ia=class extends h{render(){return j(c),this.spectrumVersion===2?kh({hidden:!this.label,title:this.label}):zh({hidden:!this.label,title:this.label})}};x();l("sp-icon-dash75",ia);p();var Ch=({width:o=24,height:t=24,hidden:e=!1,title:r="Dash100"}={})=>$``;var ia=class extends h{render(){return j(c),this.spectrumVersion===2?zh({hidden:!this.label,title:this.label}):Ch({hidden:!this.label,title:this.label})}};x();l("sp-icon-dash75",ia);p();var Th=({width:o=24,height:t=24,hidden:e=!1,title:r="Dash100"}={})=>$` - `;var Th=({width:o=24,height:t=24,hidden:e=!1,title:r="Dash100"}={})=>$``;var Ih=({width:o=24,height:t=24,hidden:e=!1,title:r="Dash100"}={})=>$` - `;var aa=class extends h{render(){return j(c),this.spectrumVersion===2?Ch({hidden:!this.label,title:this.label}):Th({hidden:!this.label,title:this.label})}};x();l("sp-icon-dash100",aa);p();var Ih=({width:o=24,height:t=24,hidden:e=!1,title:r="Dash200"}={})=>$``;var aa=class extends h{render(){return j(c),this.spectrumVersion===2?Th({hidden:!this.label,title:this.label}):Ih({hidden:!this.label,title:this.label})}};x();l("sp-icon-dash100",aa);p();var Sh=({width:o=24,height:t=24,hidden:e=!1,title:r="Dash200"}={})=>$` - `;var Sh=({width:o=24,height:t=24,hidden:e=!1,title:r="Dash200"}={})=>$``;var Eh=({width:o=24,height:t=24,hidden:e=!1,title:r="Dash200"}={})=>$` - `;var ca=class extends h{render(){return j(c),this.spectrumVersion===2?Ih({hidden:!this.label,title:this.label}):Sh({hidden:!this.label,title:this.label})}};x();l("sp-icon-dash200",ca);p();var Eh=({width:o=24,height:t=24,hidden:e=!1,title:r="Dash300"}={})=>$``;var ca=class extends h{render(){return j(c),this.spectrumVersion===2?Sh({hidden:!this.label,title:this.label}):Eh({hidden:!this.label,title:this.label})}};x();l("sp-icon-dash200",ca);p();var $h=({width:o=24,height:t=24,hidden:e=!1,title:r="Dash300"}={})=>$` - `;var $h=({width:o=24,height:t=24,hidden:e=!1,title:r="Dash300"}={})=>$``;var _h=({width:o=24,height:t=24,hidden:e=!1,title:r="Dash300"}={})=>$` - `;var na=class extends h{render(){return j(c),this.spectrumVersion===2?Eh({hidden:!this.label,title:this.label}):$h({hidden:!this.label,title:this.label})}};x();l("sp-icon-dash300",na);p();var U5=y` + `;var na=class extends h{render(){return j(c),this.spectrumVersion===2?$h({hidden:!this.label,title:this.label}):_h({hidden:!this.label,title:this.label})}};x();l("sp-icon-dash300",na);p();var G5=y` .spectrum-UIIcon-Dash50{--spectrum-icon-size:var(--spectrum-dash-icon-size-50)}.spectrum-UIIcon-Dash75{--spectrum-icon-size:var(--spectrum-dash-icon-size-75)}.spectrum-UIIcon-Dash100{--spectrum-icon-size:var(--spectrum-dash-icon-size-100)}.spectrum-UIIcon-Dash200{--spectrum-icon-size:var(--spectrum-dash-icon-size-200)}.spectrum-UIIcon-Dash300{--spectrum-icon-size:var(--spectrum-dash-icon-size-300)}.spectrum-UIIcon-Dash400{--spectrum-icon-size:var(--spectrum-dash-icon-size-400)}.spectrum-UIIcon-Dash500{--spectrum-icon-size:var(--spectrum-dash-icon-size-500)}.spectrum-UIIcon-Dash600{--spectrum-icon-size:var(--spectrum-dash-icon-size-600)} -`,_h=U5;var Z5=Object.defineProperty,K5=Object.getOwnPropertyDescriptor,ps=(o,t,e,r)=>{for(var s=r>1?void 0:r?K5(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&Z5(t,e,s),s},G5={s:()=>c` +`,Ah=G5;var W5=Object.defineProperty,Y5=Object.getOwnPropertyDescriptor,ps=(o,t,e,r)=>{for(var s=r>1?void 0:r?Y5(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&W5(t,e,s),s},X5={s:()=>c` - `},W5={s:()=>c` + `},J5={s:()=>c` - `},ge=class extends R(ea(E),{noDefaultSize:!0}){constructor(){super(...arguments),this.disabled=!1,this.indeterminate=!1,this.invalid=!1,this.emphasized=!1,this.tabIndex=0}connectedCallback(){super.connectedCallback(),this.hasAttribute("autofocus")&&this.updateComplete.then(()=>{this.focus()})}static get styles(){return[bh,fo,_h]}click(){var t;this.disabled||(t=this.inputElement)==null||t.click()}handleChange(){this.indeterminate=!1,super.handleChange()}render(){return c` + `},ge=class extends R(ea(E),{noDefaultSize:!0}){constructor(){super(...arguments),this.disabled=!1,this.indeterminate=!1,this.invalid=!1,this.emphasized=!1,this.tabIndex=0}connectedCallback(){super.connectedCallback(),this.hasAttribute("autofocus")&&this.updateComplete.then(()=>{this.focus()})}static get styles(){return[gh,fo,Ah]}click(){var t;this.disabled||(t=this.inputElement)==null||t.click()}handleChange(){this.indeterminate=!1,super.handleChange()}render(){return c` ${super.render()} - ${this.checked?G5[this.size]():c``} - ${this.indeterminate?W5[this.size]():c``} + ${this.checked?X5[this.size]():c``} + ${this.indeterminate?J5[this.size]():c``} - `}updated(t){super.updated(t),t.has("disabled")&&(typeof t.get("disabled")<"u"||this.disabled)&&(this.disabled?(this.inputElement.tabIndex=this.tabIndex,this.tabIndex=-1):(this.tabIndex=this.inputElement.tabIndex,this.inputElement.removeAttribute("tabindex")),this.inputElement.disabled=this.disabled),t.has("indeterminate")&&(this.inputElement.indeterminate=this.indeterminate),t.has("invalid")&&(this.invalid?this.inputElement.setAttribute("aria-invalid","true"):this.inputElement.removeAttribute("aria-invalid"))}};ge.shadowRootOptions={...E.shadowRootOptions,delegatesFocus:!0},ps([n({type:Boolean,reflect:!0})],ge.prototype,"disabled",2),ps([n({type:Boolean,reflect:!0})],ge.prototype,"indeterminate",2),ps([n({type:Boolean,reflect:!0})],ge.prototype,"invalid",2),ps([n({type:Boolean,reflect:!0})],ge.prototype,"emphasized",2),ps([n({reflect:!0,type:Number,attribute:"tabindex"})],ge.prototype,"tabIndex",2);x();l("sp-checkbox",ge);p();L();J();Te();p();J();L();Xo();p();var Y5=y` + `}updated(t){super.updated(t),t.has("disabled")&&(typeof t.get("disabled")<"u"||this.disabled)&&(this.disabled?(this.inputElement.tabIndex=this.tabIndex,this.tabIndex=-1):(this.tabIndex=this.inputElement.tabIndex,this.inputElement.removeAttribute("tabindex")),this.inputElement.disabled=this.disabled),t.has("indeterminate")&&(this.inputElement.indeterminate=this.indeterminate),t.has("invalid")&&(this.invalid?this.inputElement.setAttribute("aria-invalid","true"):this.inputElement.removeAttribute("aria-invalid"))}};ge.shadowRootOptions={...E.shadowRootOptions,delegatesFocus:!0},ps([n({type:Boolean,reflect:!0})],ge.prototype,"disabled",2),ps([n({type:Boolean,reflect:!0})],ge.prototype,"indeterminate",2),ps([n({type:Boolean,reflect:!0})],ge.prototype,"invalid",2),ps([n({type:Boolean,reflect:!0})],ge.prototype,"emphasized",2),ps([n({reflect:!0,type:Number,attribute:"tabindex"})],ge.prototype,"tabIndex",2);x();l("sp-checkbox",ge);p();L();J();Te();p();J();L();Xo();p();var Q5=y` .root{--spectrum-picker-button-height:var(--spectrum-component-height-100);--spectrum-picker-button-width:var(--spectrum-component-height-100);--spectrum-picker-button-gap:var(--spectrum-text-to-visual-50);--spectrum-picker-button-label-padding:var(--spectrum-text-to-visual-50);--spectrum-picker-button-fill-padding:var(--spectrum-field-edge-to-disclosure-icon-100);--spectrum-picker-button-icon-color:var(--spectrum-neutral-content-color-default);--spectrum-picker-button-icon-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-picker-button-icon-color-down:var(--spectrum-neutral-content-color-down);--spectrum-picker-button-icon-color-key-focus:var(--spectrum-neutral-content-color-key-focus);--spectrum-picker-button-font-color:var(--spectrum-neutral-content-color-default);--spectrum-picker-button-font-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-picker-button-font-color-down:var(--spectrum-neutral-content-color-down);--spectrum-picker-button-font-color-key-focus:var(--spectrum-neutral-content-color-key-focus);--spectrum-picker-button-font-family:var(--spectrum-sans-font-family-stack);--spectrum-picker-button-font-style:var(--spectrum-default-font-style);--spectrum-picker-button-font-weight:var(--spectrum-body-sans-serif-font-weight);--spectrum-picker-button-font-size:var(--spectrum-font-size-100);--spectrum-picker-button-border-radius-rounded:var(--spectrum-corner-radius-200);--spectrum-picker-button-background-animation-duration:var(--spectrum-animation-duration-100)}@media (hover:hover){.root:hover{--mod-picker-button-background-color:var(--mod-picker-button-background-color-hover,var(--spectrum-picker-button-background-color-hover));--mod-picker-button-font-color:var(--mod-picker-button-font-color-hover,var(--spectrum-picker-button-font-color-hover));--mod-picker-button-icon-color:var(--mod-picker-button-icon-color-hover,var(--spectrum-picker-button-icon-color-hover))}}:host([open]) .root,:host(:is(:active,[active])) .root{--mod-picker-button-background-color:var(--mod-picker-button-background-color-down,var(--spectrum-picker-button-background-color-down));--mod-picker-button-font-color:var(--mod-picker-button-font-color-down,var(--spectrum-picker-button-font-color-down));--mod-picker-button-icon-color:var(--mod-picker-button-icon-color-down,var(--spectrum-picker-button-icon-color-down))}:host([focused]) .root,.root.is-keyboardFocused,.root:focus,.root:focus-visible{--mod-picker-button-background-color:var(--mod-picker-button-background-color-key-focus,var(--spectrum-picker-button-background-color-key-focus));--mod-picker-button-font-color:var(--mod-picker-button-font-color-key-focus,var(--spectrum-picker-button-font-color-key-focus));--mod-picker-button-icon-color:var(--mod-picker-button-icon-color-key-focus,var(--spectrum-picker-button-icon-color-key-focus))}:host([disabled]) .root{--mod-picker-button-background-color:var(--mod-picker-button-background-color-disabled,var(--spectrum-disabled-background-color));--mod-picker-button-background-color-hover:var(--mod-picker-button-background-color-hover-disabled,var(--spectrum-disabled-background-color));--mod-picker-button-background-color-down:var(--mod-picker-button-background-color-down-disabled,var(--spectrum-disabled-background-color));--mod-picker-button-border-color:var(--mod-picker-button-border-color-disabled,var(--spectrum-disabled-background-color));--mod-picker-button-font-color:var(--mod-picker-button-font-color-disabled,var(--spectrum-disabled-content-color));--mod-picker-button-font-color-hover:var(--mod-picker-button-font-color-hover-disabled,var(--spectrum-disabled-content-color));--mod-picker-button-font-color-down:var(--mod-picker-button-font-color-down-disabled,var(--spectrum-disabled-content-color));--mod-picker-button-icon-color:var(--mod-picker-button-icon-color-disabled,var(--spectrum-disabled-content-color));--mod-picker-button-icon-color-hover:var(--mod-picker-button-icon-color-hover-disabled,var(--spectrum-disabled-content-color));--mod-picker-button-icon-color-down:var(--mod-picker-button-icon-color-down-disabled,var(--spectrum-disabled-content-color))}:host([quiet]) .root{--mod-picker-button-background-color:var(--mod-picker-button-background-color-quiet,transparent);--mod-picker-button-background-color-hover:var(--mod-picker-button-background-color-hover-quiet,transparent);--mod-picker-button-background-color-down:var(--mod-picker-button-background-color-down-quiet,transparent);--mod-picker-button-background-color-key-focus:var(--mod-picker-button-background-color-key-focus-quiet,transparent);--mod-picker-button-border-color:var(--mod-picker-button-border-color-quiet,transparent)}:host([size=s]) .root{--spectrum-picker-button-height:var(--spectrum-component-height-75);--spectrum-picker-button-width:var(--spectrum-component-height-75);--spectrum-picker-button-label-padding:var(--spectrum-spacing-75);--spectrum-picker-button-font-size:var(--spectrum-font-size-75);--spectrum-picker-button-fill-padding:var(--spectrum-field-edge-to-disclosure-icon-75)}:host([size=l]) .root{--spectrum-picker-button-height:var(--spectrum-component-height-200);--spectrum-picker-button-width:var(--spectrum-component-height-200);--spectrum-picker-button-label-padding:var(--spectrum-text-to-visual-200);--spectrum-picker-button-font-size:var(--spectrum-font-size-200);--spectrum-picker-button-fill-padding:var(--spectrum-field-edge-to-disclosure-icon-200)}:host([size=xl]) .root{--spectrum-picker-button-height:var(--spectrum-component-height-300);--spectrum-picker-button-width:var(--spectrum-component-height-300);--spectrum-picker-button-label-padding:var(--spectrum-text-to-visual-300);--spectrum-picker-button-font-size:var(--spectrum-font-size-300);--spectrum-picker-button-fill-padding:var(--spectrum-field-edge-to-disclosure-icon-300)}.root{background-color:initial;block-size:var(--mod-picker-button-width,var(--spectrum-picker-button-width));box-sizing:border-box;padding:var(--mod-picker-button-padding,var(--spectrum-picker-button-padding));border-style:none;justify-content:center;align-items:center;display:flex}.root.uiicononly{inline-size:var(--mod-picker-button-height,var(--spectrum-picker-button-height))}.spectrum-PickerButton-label{color:var(--mod-picker-button-font-color,var(--spectrum-picker-button-font-color));white-space:nowrap;font-family:var(--mod-picker-button-font-family,var(--spectrum-picker-button-font-family));font-style:var(--mod-picker-button-font-style,var(--spectrum-picker-button-font-style));font-weight:var(--mod-picker-button-font-weight,var(--spectrum-picker-button-font-weight));font-size:var(--mod-picker-button-font-size,var(--spectrum-picker-button-font-size));flex:auto;padding-block-start:var(--mod-picker-button-label-padding,var(--spectrum-picker-button-label-padding));padding-block-end:var(--mod-picker-button-label-padding,var(--spectrum-picker-button-label-padding));overflow:hidden}.uiicononly .spectrum-PickerButton-label{display:none}.spectrum-PickerButton-fill{box-sizing:border-box;justify-content:center;align-items:center;gap:var(--mod-picker-button-gap,var(--spectrum-picker-button-gap));background-color:var(--mod-picker-button-background-color,var(--spectrum-picker-button-background-color));border-color:var(--mod-picker-button-border-color,var(--spectrum-picker-button-border-color));border-width:var(--mod-picker-button-border-width,var(--spectrum-picker-button-border-width));block-size:100%;inline-size:100%;padding:calc(var(--mod-picker-button-fill-padding,var(--spectrum-picker-button-fill-padding)) - var(--mod-picker-button-padding,var(--spectrum-picker-button-padding)) - var(--mod-picker-button-border-width,var(--spectrum-picker-button-border-width)));transition:border-color var(--mod-picker-button-background-animation-duration,var(--spectrum-picker-button-background-animation-duration))ease-in-out;border-style:solid;border-start-start-radius:var(--mod-picker-button-border-radius,var(--spectrum-picker-button-border-radius));border-start-end-radius:var(--mod-picker-button-border-radius,var(--spectrum-picker-button-border-radius));border-end-end-radius:var(--mod-picker-button-border-radius,var(--spectrum-picker-button-border-radius));border-end-start-radius:var(--mod-picker-button-border-radius,var(--spectrum-picker-button-border-radius));display:flex}:host([position=right]) .spectrum-PickerButton-fill{border-start-start-radius:var(--mod-picker-button-border-radius-sided,var(--spectrum-picker-button-border-radius-sided));border-end-start-radius:var(--mod-picker-button-border-radius-sided,var(--spectrum-picker-button-border-radius-sided))}:host([position=right][rounded]) .spectrum-PickerButton-fill{border-start-start-radius:var(--mod-picker-button-border-radius-rounded-sided,var(--spectrum-picker-button-border-radius-rounded-sided));border-end-start-radius:var(--mod-picker-button-border-radius-rounded-sided,var(--spectrum-picker-button-border-radius-rounded-sided))}:host([position=left]) .spectrum-PickerButton-fill{border-start-end-radius:var(--mod-picker-button-border-radius-sided,var(--spectrum-picker-button-border-radius-sided));border-end-end-radius:var(--mod-picker-button-border-radius-sided,var(--spectrum-picker-button-border-radius-sided))}:host([position=left][rounded]) .spectrum-PickerButton-fill{border-start-end-radius:var(--mod-picker-button-border-radius-rounded-sided,var(--spectrum-picker-button-border-radius-rounded-sided));border-end-end-radius:var(--mod-picker-button-border-radius-rounded-sided,var(--spectrum-picker-button-border-radius-rounded-sided))}:host([rounded]) .spectrum-PickerButton-fill{border-start-start-radius:var(--mod-picker-button-border-radius-rounded,var(--spectrum-picker-button-border-radius-rounded));border-start-end-radius:var(--mod-picker-button-border-radius-rounded,var(--spectrum-picker-button-border-radius-rounded));border-end-end-radius:var(--mod-picker-button-border-radius-rounded,var(--spectrum-picker-button-border-radius-rounded));border-end-start-radius:var(--mod-picker-button-border-radius-rounded,var(--spectrum-picker-button-border-radius-rounded))}.uiicononly .spectrum-PickerButton-fill{padding:0}.textuiicon .spectrum-PickerButton-fill{inline-size:auto}.spectrum-PickerButton-icon{color:var(--mod-picker-button-icon-color,var(--spectrum-picker-button-icon-color));flex-shrink:0}.root{--spectrum-picker-button-background-color:var(--system-picker-button-background-color);--spectrum-picker-button-background-color-hover:var(--system-picker-button-background-color-hover);--spectrum-picker-button-background-color-down:var(--system-picker-button-background-color-down);--spectrum-picker-button-background-color-key-focus:var(--system-picker-button-background-color-key-focus);--spectrum-picker-button-border-color:var(--system-picker-button-border-color);--spectrum-picker-button-border-radius:var(--system-picker-button-border-radius);--spectrum-picker-button-border-radius-rounded-sided:var(--system-picker-button-border-radius-rounded-sided);--spectrum-picker-button-border-radius-sided:var(--system-picker-button-border-radius-sided);--spectrum-picker-button-border-width:var(--system-picker-button-border-width);--spectrum-picker-button-padding:var(--system-picker-button-padding)}:host{display:inline-flex}.root{display:flex} -`,Ah=Y5;var X5=Object.defineProperty,J5=Object.getOwnPropertyDescriptor,Lh=(o,t,e,r)=>{for(var s=r>1?void 0:r?J5(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&X5(t,e,s),s},Q5={s:"spectrum-UIIcon-ChevronDown75",m:"spectrum-UIIcon-ChevronDown100",l:"spectrum-UIIcon-ChevronDown200",xl:"spectrum-UIIcon-ChevronDown300"},yo=class extends R(Vt(yt,'[slot="label"]')){constructor(){super(...arguments),this.invalid=!1,this.position="right"}static get styles(){return[Ah,jt]}get hasText(){return this.slotContentIsPresent}render(){let t={root:!0,uiicononly:!this.hasText,textuiicon:this.hasText};return c` +`,Lh=Q5;var tx=Object.defineProperty,ex=Object.getOwnPropertyDescriptor,Ph=(o,t,e,r)=>{for(var s=r>1?void 0:r?ex(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&tx(t,e,s),s},rx={s:"spectrum-UIIcon-ChevronDown75",m:"spectrum-UIIcon-ChevronDown100",l:"spectrum-UIIcon-ChevronDown200",xl:"spectrum-UIIcon-ChevronDown300"},yo=class extends R(Vt(yt,'[slot="label"]')){constructor(){super(...arguments),this.invalid=!1,this.position="right"}static get styles(){return[Lh,jt]}get hasText(){return this.slotContentIsPresent}render(){let t={root:!0,uiicononly:!this.hasText,textuiicon:this.hasText};return c`
- `}};Lh([n({type:Boolean,reflect:!0})],yo.prototype,"invalid",2),Lh([n({reflect:!0})],yo.prototype,"position",2);x();l("sp-picker-button",yo);Qr();Kr();p();J();L();p();J();ro();te();var la=class{constructor(t,{mode:e}={mode:"internal"}){this.mode="internal",this.handleSlotchange=({target:r})=>{this.handleHelpText(r),this.handleNegativeHelpText(r)},this.host=t,this.id=`sp-help-text-${at()}`,this.mode=e}get isInternal(){return this.mode==="internal"}render(t){return c` + `}};Ph([n({type:Boolean,reflect:!0})],yo.prototype,"invalid",2),Ph([n({reflect:!0})],yo.prototype,"position",2);x();l("sp-picker-button",yo);Qr();Kr();p();J();L();p();J();ro();te();var la=class{constructor(t,{mode:e}={mode:"internal"}){this.mode="internal",this.handleSlotchange=({target:r})=>{this.handleHelpText(r),this.handleNegativeHelpText(r)},this.host=t,this.id=`sp-help-text-${at()}`,this.mode=e}get isInternal(){return this.mode==="internal"}render(t){return c`
- `}addId(){let t=this.helpTextElement?this.helpTextElement.id:this.id;this.conditionId=Bt(this.host,"aria-describedby",t),this.host.hasAttribute("tabindex")&&(this.previousTabindex=parseFloat(this.host.getAttribute("tabindex"))),this.host.tabIndex=0}removeId(){this.conditionId&&(this.conditionId(),delete this.conditionId),!this.helpTextElement&&(this.previousTabindex?this.host.tabIndex=this.previousTabindex:this.host.removeAttribute("tabindex"))}handleHelpText(t){if(this.isInternal)return;this.helpTextElement&&this.helpTextElement.id===this.id&&this.helpTextElement.removeAttribute("id"),this.removeId();let e=t.assignedElements()[0];this.helpTextElement=e,e&&(e.id||(e.id=this.id),this.addId())}handleNegativeHelpText(t){t.name==="negative-help-text"&&t.assignedElements().forEach(e=>e.variant="negative")}};function da(o,{mode:t}={mode:"internal"}){class e extends o{constructor(){super(...arguments),this.helpTextManager=new la(this,{mode:t})}get helpTextId(){return this.helpTextManager.id}renderHelpText(s){return this.helpTextManager.render(s)}}return e}Ce();p();var tx=y` + `}addId(){let t=this.helpTextElement?this.helpTextElement.id:this.id;this.conditionId=Bt(this.host,"aria-describedby",t),this.host.hasAttribute("tabindex")&&(this.previousTabindex=parseFloat(this.host.getAttribute("tabindex"))),this.host.tabIndex=0}removeId(){this.conditionId&&(this.conditionId(),delete this.conditionId),!this.helpTextElement&&(this.previousTabindex?this.host.tabIndex=this.previousTabindex:this.host.removeAttribute("tabindex"))}handleHelpText(t){if(this.isInternal)return;this.helpTextElement&&this.helpTextElement.id===this.id&&this.helpTextElement.removeAttribute("id"),this.removeId();let e=t.assignedElements()[0];this.helpTextElement=e,e&&(e.id||(e.id=this.id),this.addId())}handleNegativeHelpText(t){t.name==="negative-help-text"&&t.assignedElements().forEach(e=>e.variant="negative")}};function da(o,{mode:t}={mode:"internal"}){class e extends o{constructor(){super(...arguments),this.helpTextManager=new la(this,{mode:t})}get helpTextId(){return this.helpTextManager.id}renderHelpText(s){return this.helpTextManager.render(s)}}return e}Ce();p();var ox=y` /*! * Copyright 2025 Adobe. All rights reserved. This file is licensed to you under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License./ * @@ -1168,7 +1168,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho * } */ :host{--spectrum-textfield-input-line-height:var(--spectrum-textfield-height);--spectrum-texfield-animation-duration:var(--spectrum-animation-duration-100);--spectrum-textfield-width:240px;--spectrum-textfield-min-width:var(--spectrum-text-field-minimum-width-multiplier);--spectrum-textfield-spacing-inline-quiet:var(--spectrum-field-edge-to-text-quiet);--spectrum-textfield-spacing-block-quiet:var(--spectrum-field-edge-to-border-quiet);--spectrum-textfield-label-spacing-block:var(--spectrum-field-label-to-component);--spectrum-textfield-helptext-spacing-block:var(--spectrum-help-text-to-component);--spectrum-textfield-icon-spacing-inline-end-quiet-invalid:var(--spectrum-field-edge-to-alert-icon-quiet);--spectrum-textfield-icon-spacing-inline-end-quiet-valid:var(--spectrum-field-edge-to-validation-icon-quiet);--spectrum-textfield-font-family:var(--spectrum-sans-font-family-stack);--spectrum-textfield-font-weight:var(--spectrum-regular-font-weight);--spectrum-textfield-character-count-font-family:var(--spectrum-sans-font-family-stack);--spectrum-textfield-character-count-font-weight:var(--spectrum-regular-font-weight);--spectrum-textfield-character-count-spacing-inline:var(--spectrum-spacing-200);--spectrum-textfield-character-count-spacing-inline-side:var(--spectrum-side-label-character-count-to-field);--spectrum-textfield-focus-indicator-width:var(--spectrum-focus-indicator-thickness);--spectrum-textfield-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-textfield-text-color-default:var(--spectrum-neutral-content-color-default);--spectrum-textfield-text-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-textfield-text-color-focus:var(--spectrum-neutral-content-color-focus);--spectrum-textfield-text-color-focus-hover:var(--spectrum-neutral-content-color-focus-hover);--spectrum-textfield-text-color-keyboard-focus:var(--spectrum-neutral-content-color-key-focus);--spectrum-textfield-text-color-readonly:var(--spectrum-neutral-content-color-default);--spectrum-textfield-text-color-disabled:var(--spectrum-disabled-content-color);--spectrum-textfield-border-color-invalid-default:var(--spectrum-negative-border-color-default);--spectrum-textfield-border-color-invalid-hover:var(--spectrum-negative-border-color-hover);--spectrum-textfield-border-color-invalid-focus:var(--spectrum-negative-border-color-focus);--spectrum-textfield-border-color-invalid-focus-hover:var(--spectrum-negative-border-color-focus-hover);--spectrum-textfield-border-color-invalid-keyboard-focus:var(--spectrum-negative-border-color-key-focus);--spectrum-textfield-icon-color-invalid:var(--spectrum-negative-visual-color);--spectrum-textfield-text-color-invalid:var(--spectrum-neutral-content-color-default);--spectrum-textfield-text-color-valid:var(--spectrum-neutral-content-color-default);--spectrum-textfield-icon-color-valid:var(--spectrum-positive-visual-color);--spectrum-textfield-focus-indicator-color:var(--spectrum-focus-indicator-color);--spectrum-text-area-min-inline-size:var(--spectrum-text-area-minimum-width);--spectrum-text-area-min-block-size:var(--spectrum-text-area-minimum-height);--spectrum-textfield-height:var(--spectrum-component-height-100);--spectrum-textfield-label-spacing-block-quiet:var(--spectrum-field-label-to-component-quiet-medium);--spectrum-textfield-label-spacing-inline-side-label:var(--spectrum-spacing-200);--spectrum-textfield-placeholder-font-size:var(--spectrum-font-size-100);--spectrum-textfield-spacing-inline:var(--spectrum-component-edge-to-text-100);--spectrum-textfield-icon-size-invalid:var(--spectrum-workflow-icon-size-100);--spectrum-textfield-icon-size-valid:var(--spectrum-checkmark-icon-size-100);--spectrum-textfield-icon-spacing-inline-end-invalid:var(--spectrum-field-edge-to-alert-icon-medium);--spectrum-textfield-icon-spacing-inline-end-valid:var(--spectrum-field-edge-to-validation-icon-medium);--spectrum-textfield-icon-spacing-block-valid:var(--spectrum-field-top-to-validation-icon-medium);--spectrum-textfield-icon-spacing-inline-start-invalid:var(--spectrum-field-text-to-alert-icon-medium);--spectrum-textfield-icon-spacing-inline-start-valid:var(--spectrum-field-text-to-validation-icon-medium);--spectrum-textfield-character-count-font-size:var(--spectrum-font-size-75);--spectrum-textfield-character-count-spacing-block:var(--spectrum-component-bottom-to-text-75);--spectrum-textfield-character-count-spacing-block-quiet:var(--spectrum-character-count-to-field-quiet-medium);--spectrum-textfield-character-count-spacing-block-side:var(--spectrum-side-label-character-count-top-margin-medium);--spectrum-text-area-min-block-size-quiet:var(--spectrum-component-height-100)}:host([size=s]) #textfield{--spectrum-textfield-height:var(--spectrum-component-height-75);--spectrum-textfield-label-spacing-block-quiet:var(--spectrum-field-label-to-component-quiet-small);--spectrum-textfield-label-spacing-inline-side-label:var(--spectrum-spacing-100);--spectrum-textfield-placeholder-font-size:var(--spectrum-font-size-75);--spectrum-textfield-spacing-inline:var(--spectrum-component-edge-to-text-75);--spectrum-textfield-icon-size-invalid:var(--spectrum-workflow-icon-size-75);--spectrum-textfield-icon-size-valid:var(--spectrum-checkmark-icon-size-75);--spectrum-textfield-icon-spacing-inline-end-invalid:var(--spectrum-field-edge-to-alert-icon-small);--spectrum-textfield-icon-spacing-inline-end-valid:var(--spectrum-field-edge-to-validation-icon-small);--spectrum-textfield-icon-spacing-block-valid:var(--spectrum-field-top-to-validation-icon-small);--spectrum-textfield-icon-spacing-inline-start-invalid:var(--spectrum-field-text-to-alert-icon-small);--spectrum-textfield-icon-spacing-inline-start-valid:var(--spectrum-field-text-to-validation-icon-small);--spectrum-textfield-character-count-font-size:var(--spectrum-font-size-75);--spectrum-textfield-character-count-spacing-block:var(--spectrum-component-bottom-to-text-75);--spectrum-textfield-character-count-spacing-block-quiet:var(--spectrum-character-count-to-field-quiet-small);--spectrum-textfield-character-count-spacing-block-side:var(--spectrum-side-label-character-count-top-margin-small);--spectrum-text-area-min-block-size-quiet:var(--spectrum-component-height-75)}:host([size=l]) #textfield{--spectrum-textfield-height:var(--spectrum-component-height-200);--spectrum-textfield-label-spacing-block-quiet:var(--spectrum-field-label-to-component-quiet-large);--spectrum-textfield-label-spacing-inline-side-label:var(--spectrum-spacing-200);--spectrum-textfield-placeholder-font-size:var(--spectrum-font-size-200);--spectrum-textfield-spacing-inline:var(--spectrum-component-edge-to-text-200);--spectrum-textfield-icon-size-invalid:var(--spectrum-workflow-icon-size-200);--spectrum-textfield-icon-size-valid:var(--spectrum-checkmark-icon-size-200);--spectrum-textfield-icon-spacing-inline-end-invalid:var(--spectrum-field-edge-to-alert-icon-large);--spectrum-textfield-icon-spacing-inline-end-valid:var(--spectrum-field-edge-to-validation-icon-large);--spectrum-textfield-icon-spacing-block-valid:var(--spectrum-field-top-to-validation-icon-large);--spectrum-textfield-icon-spacing-inline-start-invalid:var(--spectrum-field-text-to-alert-icon-large);--spectrum-textfield-icon-spacing-inline-start-valid:var(--spectrum-field-text-to-validation-icon-large);--spectrum-textfield-character-count-font-size:var(--spectrum-font-size-100);--spectrum-textfield-character-count-spacing-block:var(--spectrum-component-bottom-to-text-100);--spectrum-textfield-character-count-spacing-block-quiet:var(--spectrum-character-count-to-field-quiet-large);--spectrum-textfield-character-count-spacing-block-side:var(--spectrum-side-label-character-count-top-margin-large);--spectrum-text-area-min-block-size-quiet:var(--spectrum-component-height-200)}:host([size=xl]) #textfield{--spectrum-textfield-height:var(--spectrum-component-height-300);--spectrum-textfield-label-spacing-block-quiet:var(--spectrum-field-label-to-component-quiet-extra-large);--spectrum-textfield-label-spacing-inline-side-label:var(--spectrum-spacing-200);--spectrum-textfield-placeholder-font-size:var(--spectrum-font-size-300);--spectrum-textfield-spacing-inline:var(--spectrum-component-edge-to-text-200);--spectrum-textfield-icon-size-invalid:var(--spectrum-workflow-icon-size-300);--spectrum-textfield-icon-size-valid:var(--spectrum-checkmark-icon-size-300);--spectrum-textfield-icon-spacing-inline-end-invalid:var(--spectrum-field-edge-to-alert-icon-extra-large);--spectrum-textfield-icon-spacing-inline-end-valid:var(--spectrum-field-edge-to-validation-icon-extra-large);--spectrum-textfield-icon-spacing-block-valid:var(--spectrum-field-top-to-validation-icon-extra-large);--spectrum-textfield-icon-spacing-inline-start-invalid:var(--spectrum-field-text-to-alert-icon-extra-large);--spectrum-textfield-icon-spacing-inline-start-valid:var(--spectrum-field-text-to-validation-icon-extra-large);--spectrum-textfield-character-count-font-size:var(--spectrum-font-size-200);--spectrum-textfield-character-count-spacing-block:var(--spectrum-component-bottom-to-text-200);--spectrum-textfield-character-count-spacing-block-quiet:var(--spectrum-character-count-to-field-quiet-extra-large);--spectrum-textfield-character-count-spacing-block-side:var(--spectrum-side-label-character-count-top-margin-extra-large);--spectrum-text-area-min-block-size-quiet:var(--spectrum-component-height-300)}#textfield{text-overflow:ellipsis;inline-size:var(--mod-textfield-width,var(--spectrum-textfield-width));grid-template-rows:auto auto auto;grid-template-columns:auto auto;margin:0;display:inline-grid;position:relative;overflow:visible}:host([invalid]) #textfield .icon,:host([valid]) #textfield .icon{pointer-events:all;grid-area:2/2;margin-inline-start:auto;position:absolute;inset-block-start:0}#textfield.spectrum-Textfield--sideLabel .icon{grid-area:1/2/span 1/span 1}:host([valid]) #textfield .icon{color:var(--mod-textfield-icon-color-valid,var(--spectrum-textfield-icon-color-valid));inset-block-start:var(--mod-textfield-icon-spacing-block-valid,var(--spectrum-textfield-icon-spacing-block-valid));inset-block-end:var(--mod-textfield-icon-spacing-block-valid,var(--spectrum-textfield-icon-spacing-block-valid));inset-inline-end:var(--mod-textfield-icon-spacing-inline-end-valid,var(--spectrum-textfield-icon-spacing-inline-end-valid))}:host([invalid]) #textfield .icon{block-size:var(--mod-textfield-icon-size-invalid,var(--spectrum-textfield-icon-size-invalid));inline-size:var(--mod-textfield-icon-size-invalid,var(--spectrum-textfield-icon-size-invalid));color:var(--mod-textfield-icon-color-invalid,var(--spectrum-textfield-icon-color-invalid));inset-block-start:var(--mod-textfield-icon-spacing-block-invalid,var(--spectrum-textfield-icon-spacing-block-invalid));inset-block-end:var(--mod-textfield-icon-spacing-block-invalid,var(--spectrum-textfield-icon-spacing-block-invalid));inset-inline-end:var(--mod-textfield-icon-spacing-inline-end-invalid,var(--spectrum-textfield-icon-spacing-inline-end-invalid))}:host([disabled]) #textfield .icon,:host([readonly]) #textfield .icon{color:#0000}:host([quiet]) .icon{padding-inline-end:0}:host([quiet][valid]) .icon{inset-inline-end:var(--mod-textfield-icon-spacing-inline-end-quiet-valid,var(--spectrum-textfield-icon-spacing-inline-end-quiet-valid))}:host([quiet][invalid]) .icon{inset-inline-end:var(--mod-textfield-icon-spacing-inline-end-quiet-invalid,var(--spectrum-textfield-icon-spacing-inline-end-quiet-invalid))}#textfield .spectrum-FieldLabel{grid-area:1/1/auto/span 1;margin-block-end:var(--mod-textfield-label-spacing-block,var(--spectrum-textfield-label-spacing-block))}:host([quiet]) .spectrum-FieldLabel{margin-block-end:var(--mod-textfield-label-spacing-block-quiet,var(--spectrum-textfield-label-spacing-block-quiet))}:host([disabled]) #textfield .spectrum-FieldLabel{color:var(--spectrum-textfield-text-color-disabled)}#textfield .spectrum-HelpText{grid-area:3/1/auto/span 2;margin-block-start:var(--mod-textfield-helptext-spacing-block,var(--spectrum-textfield-helptext-spacing-block))}.spectrum-Textfield-characterCount{inline-size:auto;font-size:var(--mod-textfield-character-count-font-size,var(--spectrum-textfield-character-count-font-size));font-family:var(--mod-textfield-character-count-font-family,var(--spectrum-textfield-character-count-font-family));font-weight:var(--mod-textfield-character-count-font-weight,var(--spectrum-textfield-character-count-font-weight));grid-area:1/2/auto/span 1;justify-content:flex-end;align-items:flex-end;margin-block-end:var(--mod-textfield-character-count-spacing-block,var(--spectrum-textfield-character-count-spacing-block));margin-inline-start:var(--mod-textfield-character-count-spacing-inline,var(--spectrum-textfield-character-count-spacing-inline));margin-inline-end:0;padding-inline-end:calc(var(--mod-textfield-corner-radius,var(--spectrum-textfield-corner-radius))/2);display:inline-flex}:host([quiet]) .spectrum-Textfield-characterCount{margin-block-end:var(--mod-textfield-character-count-spacing-block-quiet,var(--spectrum-textfield-character-count-spacing-block-quiet))}.input{line-height:var(--spectrum-textfield-input-line-height);box-sizing:border-box;inline-size:100%;min-inline-size:var(--mod-textfield-min-width,var(--spectrum-textfield-min-width));block-size:var(--mod-textfield-height,var(--spectrum-textfield-height));padding-block-start:calc(var(--mod-textfield-spacing-block-start,var(--spectrum-textfield-spacing-block-start)) - var(--mod-textfield-border-width,var(--spectrum-textfield-border-width)));padding-block-end:calc(var(--mod-textfield-spacing-block-end,var(--spectrum-textfield-spacing-block-end)) - var(--mod-textfield-border-width,var(--spectrum-textfield-border-width)));padding-inline:calc(var(--mod-textfield-spacing-inline,var(--spectrum-textfield-spacing-inline)) - var(--mod-textfield-border-width,var(--spectrum-textfield-border-width)));vertical-align:top;background-color:var(--mod-textfield-background-color,var(--spectrum-textfield-background-color));border-width:var(--mod-textfield-border-width,var(--spectrum-textfield-border-width));border-style:solid;border-color:var(--highcontrast-textfield-border-color,var(--mod-textfield-border-color,var(--spectrum-textfield-border-color)));border-radius:var(--mod-textfield-corner-radius,var(--spectrum-textfield-corner-radius));transition:border-color var(--mod-texfield-animation-duration,var(--spectrum-texfield-animation-duration))ease-in-out;font-size:var(--mod-textfield-placeholder-font-size,var(--spectrum-textfield-placeholder-font-size));font-family:var(--mod-textfield-font-family,var(--spectrum-textfield-font-family));font-weight:var(--mod-textfield-font-weight,var(--spectrum-textfield-font-weight));color:var(--highcontrast-textfield-text-color-default,var(--mod-textfield-text-color-default,var(--spectrum-textfield-text-color-default)));text-overflow:ellipsis;appearance:none;outline:none;grid-area:2/1/auto/span 2;margin:0}:host([type=number]) .input{appearance:textfield}:host([type=number]) .input::-webkit-inner-spin-button,:host([type=number]) .input::-webkit-outer-spin-button{appearance:none;margin:0}.input:-moz-ui-invalid{box-shadow:none}.input::placeholder{opacity:1;font-size:var(--mod-textfield-placeholder-font-size,var(--spectrum-textfield-placeholder-font-size));font-family:var(--mod-textfield-font-family,var(--spectrum-textfield-font-family));font-weight:var(--mod-textfield-font-weight,var(--spectrum-textfield-font-weight));color:var(--highcontrast-textfield-text-color-default,var(--mod-textfield-text-color-default,var(--spectrum-textfield-text-color-default)));transition:color var(--mod-texfield-animation-duration,var(--spectrum-texfield-animation-duration))ease-in-out}.input:lang(ja)::placeholder,.input:lang(ko)::placeholder,.input:lang(zh)::placeholder{font-style:normal}:host([focused]) .input,.input:focus{border-color:var(--highcontrast-textfield-border-color-focus,var(--mod-textfield-border-color-focus,var(--spectrum-textfield-border-color-focus)))}:host([focused]) .input,:host([focused]) .input::placeholder,.input:focus,.input:focus::placeholder{color:var(--mod-textfield-text-color-focus,var(--spectrum-textfield-text-color-focus))}:host([focused]) .input{border-color:var(--highcontrast-textfield-border-color-keyboard-focus,var(--mod-textfield-border-color-keyboard-focus,var(--spectrum-textfield-border-color-keyboard-focus)));outline:var(--mod-textfield-focus-indicator-width,var(--spectrum-textfield-focus-indicator-width))solid;outline-color:var(--highcontrast-textfield-focus-indicator-color,var(--mod-textfield-focus-indicator-color,var(--spectrum-textfield-focus-indicator-color)));outline-offset:var(--mod-textfield-focus-indicator-gap,var(--spectrum-textfield-focus-indicator-gap))}:host([focused]) .input,:host([focused]) .input::placeholder{color:var(--highcontrast-textfield-text-color-keyboard-focus,var(--mod-textfield-text-color-keyboard-focus,var(--spectrum-textfield-text-color-keyboard-focus)))}:host([valid]) .input{color:var(--highcontrast-textfield-text-color-valid,var(--mod-textfield-text-color-valid,var(--spectrum-textfield-text-color-valid)));padding-inline-end:calc(var(--mod-textfield-icon-spacing-inline-start-valid,var(--spectrum-textfield-icon-spacing-inline-start-valid)) + var(--mod-textfield-icon-size-valid,var(--spectrum-textfield-icon-size-valid)) + var(--mod-textfield-icon-spacing-inline-end-valid,var(--spectrum-textfield-icon-spacing-inline-end-valid)) - var(--mod-textfield-border-width,var(--spectrum-textfield-border-width)))}:host([invalid]) .input{color:var(--highcontrast-textfield-text-color-invalid,var(--mod-textfield-text-color-invalid,var(--spectrum-textfield-text-color-invalid)));border-color:var(--highcontrast-textfield-border-color-invalid-default,var(--mod-textfield-border-color-invalid-default,var(--spectrum-textfield-border-color-invalid-default)));padding-inline-end:calc(var(--mod-textfield-icon-spacing-inline-start-invalid,var(--spectrum-textfield-icon-spacing-inline-start-invalid)) + var(--mod-textfield-icon-size-invalid,var(--spectrum-textfield-icon-size-invalid)) + var(--mod-textfield-icon-spacing-inline-end-invalid,var(--spectrum-textfield-icon-spacing-inline-end-invalid)) - var(--mod-textfield-border-width,var(--spectrum-textfield-border-width)))}:host([invalid]) .input:focus,:host([invalid][focused]) .input,:host([invalid]:focus) .input{border-color:var(--highcontrast-textfield-border-color-invalid-focus,var(--mod-textfield-border-color-invalid-focus,var(--spectrum-textfield-border-color-invalid-focus)))}:host([invalid]) .input:focus-visible,:host([invalid][focused]) .input{border-color:var(--highcontrast-textfield-border-color-invalid-keyboard-focus,var(--mod-textfield-border-color-invalid-keyboard-focus,var(--spectrum-textfield-border-color-invalid-keyboard-focus)))}.input:disabled,:host([disabled]) #textfield .input{background-color:var(--mod-textfield-background-color-disabled,var(--spectrum-textfield-background-color-disabled));border-color:var(--mod-textfield-border-color-disabled,var(--spectrum-textfield-border-color-disabled));resize:none;opacity:1}.input:disabled,.input:disabled::placeholder,:host([disabled]) #textfield .input,:host([disabled]) #textfield .input::placeholder{color:var(--highcontrast-textfield-text-color-disabled,var(--mod-textfield-text-color-disabled,var(--spectrum-textfield-text-color-disabled)))}:host([quiet]) .input{padding-block-start:var(--mod-textfield-spacing-block-start,var(--spectrum-textfield-spacing-block-start));padding-inline:var(--mod-textfield-spacing-inline-quiet,var(--spectrum-textfield-spacing-inline-quiet));background-color:initial;resize:none;border-block-start-width:0;border-inline-width:0;border-radius:0;outline:none;margin-block-end:var(--mod-textfield-spacing-block-quiet,var(--spectrum-textfield-spacing-block-quiet));overflow-y:hidden}:host([quiet][disabled]) .input,.input:disabled{background-color:initial;border-color:var(--mod-textfield-border-color-disabled,var(--spectrum-textfield-border-color-disabled))}:host([quiet][disabled]) .input,:host([quiet][disabled]) .input::placeholder,.input:disabled,.input:disabled::placeholder{color:var(--highcontrast-textfield-text-color-disabled,var(--mod-textfield-text-color-disabled,var(--spectrum-textfield-text-color-disabled)))}.input:read-only,:host([readonly]) #textfield .input{background-color:initial;color:var(--highcontrast-textfield-text-color-readonly,var(--mod-textfield-text-color-readonly,var(--spectrum-textfield-text-color-readonly)));border-color:#0000;outline:none}.input:read-only::placeholder,:host([readonly]) #textfield .input::placeholder{color:var(--highcontrast-textfield-text-color-readonly,var(--mod-textfield-text-color-readonly,var(--spectrum-textfield-text-color-readonly)));background-color:initial}@media (hover:hover){.input:hover,#textfield:hover .input{border-color:var(--highcontrast-textfield-border-color-hover,var(--mod-textfield-border-color-hover,var(--spectrum-textfield-border-color-hover)))}.input:hover,.input:hover::placeholder,#textfield:hover .input,#textfield:hover .input::placeholder{color:var(--highcontrast-textfield-text-color-hover,var(--mod-textfield-text-color-hover,var(--spectrum-textfield-text-color-hover)))}:host([focused]) .input:hover,.input:focus:hover{border-color:var(--mod-textfield-border-color-focus-hover,var(--spectrum-textfield-border-color-focus-hover))}:host([focused]) .input:hover,:host([focused]) .input:hover::placeholder,.input:focus:hover,.input:focus:hover::placeholder{color:var(--mod-textfield-text-color-focus-hover,var(--spectrum-textfield-text-color-focus-hover))}:host([invalid]) .input:hover:not(.is-disabled),:host([invalid]:hover):not(.is-disabled) .input{border-color:var(--highcontrast-textfield-border-color-invalid-hover,var(--mod-textfield-border-color-invalid-hover,var(--spectrum-textfield-border-color-invalid-hover)))}:host([invalid]) .input:focus:hover,:host([invalid][focused]) .input:hover,:host([invalid]:focus) .input:hover{border-color:var(--mod-textfield-border-color-invalid-focus-hover,var(--spectrum-textfield-border-color-invalid-focus-hover))}:host([disabled]) #textfield:hover .input{background-color:var(--mod-textfield-background-color-disabled,var(--spectrum-textfield-background-color-disabled));border-color:var(--mod-textfield-border-color-disabled,var(--spectrum-textfield-border-color-disabled));resize:none;opacity:1}:host([quiet][disabled]:hover) .input,:host([disabled]) #textfield:hover .input,:host([disabled]) #textfield:hover .input::placeholder{color:var(--highcontrast-textfield-text-color-disabled,var(--mod-textfield-text-color-disabled,var(--spectrum-textfield-text-color-disabled)))}:host([quiet][disabled]:hover) .input{background-color:initial;border-color:var(--mod-textfield-border-color-disabled,var(--spectrum-textfield-border-color-disabled))}:host([quiet][disabled]:hover) .input::placeholder{color:var(--highcontrast-textfield-text-color-disabled,var(--mod-textfield-text-color-disabled,var(--spectrum-textfield-text-color-disabled)))}:host([readonly]) #textfield:hover .input{border-color:#0000;outline:none}:host([readonly]) #textfield:hover .input,:host([readonly]) #textfield:hover .input::placeholder{background-color:initial;color:var(--highcontrast-textfield-text-color-readonly,var(--mod-textfield-text-color-readonly,var(--spectrum-textfield-text-color-readonly)))}}.spectrum-Textfield--sideLabel{grid-template-rows:auto auto;grid-template-columns:auto auto auto}.spectrum-Textfield--sideLabel:after{grid-area:1/2/span 1/span 1}.spectrum-Textfield--sideLabel .spectrum-FieldLabel{grid-area:1/1/span 2/span 1;margin-inline-end:var(--mod-textfield-label-spacing-inline-side-label,var(--spectrum-textfield-label-spacing-inline-side-label))}.spectrum-Textfield--sideLabel .spectrum-Textfield-characterCount{grid-area:1/3/auto/span 1;align-items:flex-start;margin-block-start:var(--mod-textfield-character-count-spacing-block-side,var(--spectrum-textfield-character-count-spacing-block-side));margin-inline-start:var(--mod-textfield-character-count-spacing-inline-side,var(--spectrum-textfield-character-count-spacing-inline-side))}.spectrum-Textfield--sideLabel .spectrum-HelpText{grid-area:2/2/auto/span 1}.spectrum-Textfield--sideLabel .input,.spectrum-Textfield--sideLabel .icon{grid-area:1/2/span 1/span 1}:host([multiline]){--spectrum-textfield-input-line-height:normal}:host([multiline]) .input{min-inline-size:var(--mod-text-area-min-inline-size,var(--spectrum-text-area-min-inline-size));min-block-size:var(--mod-text-area-min-block-size,var(--spectrum-text-area-min-block-size));resize:inherit}:host([multiline][grows]) .input{grid-row:2}:host([multiline][grows]) .spectrum-Textfield--sideLabel .input{grid-row:1}:host([multiline][quiet]) .input{min-block-size:var(--mod-text-area-min-block-size-quiet,var(--spectrum-text-area-min-block-size-quiet));resize:none;overflow-y:hidden}:host([quiet]) #textfield:after{content:"";pointer-events:none;inline-size:100%;block-size:var(--mod-textfield-focus-indicator-width,var(--spectrum-textfield-focus-indicator-width));position:absolute;inset-block-end:calc((var(--mod-textfield-focus-indicator-gap,var(--spectrum-textfield-focus-indicator-gap)) + var(--mod-textfield-focus-indicator-width,var(--spectrum-textfield-focus-indicator-width)))*-1);inset-inline-start:0}:host([quiet][focused]) #textfield:after{background-color:var(--highcontrast-textfield-focus-indicator-color,var(--mod-textfield-focus-indicator-color,var(--spectrum-textfield-focus-indicator-color)))}:host([quiet][invalid]) .input{padding-inline-end:calc(var(--mod-textfield-icon-spacing-inline-start-invalid,var(--spectrum-textfield-icon-spacing-inline-start-invalid)) + var(--mod-textfield-icon-size-invalid,var(--spectrum-textfield-icon-size-invalid)))}:host([quiet][valid]) .input{padding-inline-end:calc(var(--mod-textfield-icon-spacing-inline-start-valid,var(--spectrum-textfield-icon-spacing-inline-start-valid)) + var(--mod-textfield-icon-size-valid,var(--spectrum-textfield-icon-size-valid)))}@media (forced-colors:active){:host{--highcontrast-textfield-border-color:CanvasText;--highcontrast-textfield-border-color-hover:Highlight;--highcontrast-textfield-border-color-focus:Highlight;--highcontrast-textfield-border-color-keyboard-focus:CanvasText;--highcontrast-textfield-focus-indicator-color:Highlight;--highcontrast-textfield-border-color-invalid-default:Highlight;--highcontrast-textfield-border-color-invalid-hover:Highlight;--highcontrast-textfield-border-color-invalid-focus:Highlight;--highcontrast-textfield-border-color-invalid-keyboard-focus:Highlight;--highcontrast-textfield-text-color-valid:CanvasText;--highcontrast-textfield-text-color-invalid:CanvasText}#textfield .input{--highcontrast-textfield-text-color-default:CanvasText;--highcontrast-textfield-text-color-hover:CanvasText;--highcontrast-textfield-text-color-keyboard-focus:CanvasText;--highcontrast-textfield-text-color-disabled:GrayText;--highcontrast-textfield-text-color-readonly:CanvasText}#textfield .input::placeholder{--highcontrast-textfield-text-color-default:GrayText;--highcontrast-textfield-text-color-hover:GrayText;--highcontrast-textfield-text-color-keyboard-focus:GrayText;--highcontrast-textfield-text-color-disabled:GrayText;--highcontrast-textfield-text-color-readonly:CanvasText}}:host{--spectrum-textfield-background-color:var(--system-textfield-background-color);--spectrum-textfield-background-color-disabled:var(--system-textfield-background-color-disabled);--spectrum-textfield-border-color:var(--system-textfield-border-color);--spectrum-textfield-border-color-hover:var(--system-textfield-border-color-hover);--spectrum-textfield-border-color-focus:var(--system-textfield-border-color-focus);--spectrum-textfield-border-color-focus-hover:var(--system-textfield-border-color-focus-hover);--spectrum-textfield-border-color-keyboard-focus:var(--system-textfield-border-color-keyboard-focus);--spectrum-textfield-border-color-disabled:var(--system-textfield-border-color-disabled);--spectrum-textfield-border-width:var(--system-textfield-border-width);--spectrum-textfield-spacing-block-start:var(--system-textfield-spacing-block-start);--spectrum-textfield-spacing-block-end:var(--system-textfield-spacing-block-end);--spectrum-textfield-corner-radius:var(--system-textfield-corner-radius);--spectrum-textfield-icon-spacing-block-invalid:var(--system-textfield-icon-spacing-block-invalid)}:host([size=s]) #textfield#textfield{--spectrum-textfield-spacing-block-start:var(--system-textfield-spacing-block-start-small);--spectrum-textfield-spacing-block-end:var(--system-textfield-spacing-block-end-small);--spectrum-textfield-icon-spacing-block-invalid:var(--system-textfield-size-s-icon-spacing-block-invalid);--spectrum-textfield-corner-radius:var(--system-textfield-corner-radius-small)}:host([size=l]) #textfield#textfield{--spectrum-textfield-spacing-block-start:var(--system-textfield-spacing-block-start-large);--spectrum-textfield-spacing-block-end:var(--system-textfield-spacing-block-end-large);--spectrum-textfield-icon-spacing-block-invalid:var(--system-textfield-size-l-icon-spacing-block-invalid);--spectrum-textfield-corner-radius:var(--system-textfield-corner-radius-large)}:host([size=xl]) #textfield#textfield{--spectrum-textfield-spacing-block-start:var(--system-textfield-spacing-block-start-extra-large);--spectrum-textfield-spacing-block-end:var(--system-textfield-spacing-block-end-extra-large);--spectrum-textfield-icon-spacing-block-invalid:var(--system-textfield-size-xl-icon-spacing-block-invalid);--spectrum-textfield-corner-radius:var(--system-textfield-corner-radius-extra-large)}:host([quiet]) #textfield{--spectrum-textfield-border-color-disabled:var(--system-textfield-quiet-border-color-disabled)}:host{inline-size:var(--mod-textfield-width,var(--spectrum-textfield-width));flex-direction:column;display:inline-flex}:host([multiline]){resize:both}:host([multiline][readonly]){resize:none}:host([disabled]:focus-visible){outline:none}#textfield{inline-size:100%}#textfield,textarea{resize:inherit}.input{min-inline-size:var(--spectrum-textfield-min-width)}:host([focused]) .input{caret-color:var(--swc-test-caret-color);forced-color-adjust:var(--swc-test-forced-color-adjust)}:host([focused]) #textfield:hover .input,:host([focused]) .input:hover{border-color:var(--mod-textfield-border-color-focus-hover,var(--spectrum-textfield-border-color-focus-hover))}#sizer{overflow-wrap:break-word;opacity:0;white-space:pre-line;block-size:auto}.icon,.icon-workflow{pointer-events:none}:host([multiline]) #textfield{--spectrum-textfield-input-line-height:normal;display:inline-grid}:host([multiline]) textarea{transition:box-shadow var(--spectrum-animation-duration-100,.13s)ease-in-out,border-color var(--spectrum-animation-duration-100,.13s)ease-in-out}:host([multiline]:not([quiet])) #textfield:after{box-shadow:none}:host([multiline][rows]) .input{resize:none;block-size:auto}:host([multiline][rows="1"]) .input{min-block-size:auto}:host([disabled][quiet]) #textfield .input,:host([disabled][quiet]) #textfield:hover .input,:host([quiet]) .input :disabled{border-color:var(--mod-textfield-border-color-disabled,var(--spectrum-textfield-border-color-disabled));color:var(--highcontrast-textfield-text-color-disabled,var(--mod-textfield-text-color-disabled,var(--spectrum-textfield-text-color-disabled)));background-color:#0000}:host([disabled]) #textfield .icon.icon-search,:host([readonly]) #textfield .icon.icon-search{color:var(--highcontrast-textfield-text-color-disabled,var(--mod-textfield-text-color-disabled,var(--spectrum-textfield-text-color-disabled)))}:host([focused]) #textfield .icon.icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-focus,var(--spectrum-search-color-focus)))}:host([multiline][grows]:not([quiet])) #textfield:after{grid-area:unset;min-block-size:calc(var(--mod-text-area-min-block-size,var(--spectrum-text-area-min-block-size)) + var(--mod-textfield-focus-indicator-gap,var(--spectrum-textfield-focus-indicator-gap))*2)}:host([multiline][grows]:not([rows])) .input:not(#sizer){resize:none;height:100%;position:absolute;top:0;left:0;overflow:hidden} - `,Ph=tx;var ex=Object.defineProperty,rx=Object.getOwnPropertyDescriptor,rt=(o,t,e,r)=>{for(var s=r>1?void 0:r?rx(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&ex(t,e,s),s},ox=["text","url","tel","email","password"],Y=class extends da(R(et,{noDefaultSize:!0})){constructor(){super(...arguments),this.allowedKeys="",this.focused=!1,this.invalid=!1,this.label="",this.placeholder="",this._type="text",this.grows=!1,this.maxlength=-1,this.minlength=-1,this.multiline=!1,this.readonly=!1,this.rows=-1,this.valid=!1,this._value="",this.quiet=!1,this.required=!1}static get styles(){return[Ph,fo]}set type(t){let e=this._type;this._type=t,this.requestUpdate("type",e)}get type(){var t;return(t=ox.find(e=>e===this._type))!=null?t:"text"}set value(t){if(t===this.value)return;let e=this._value;this._value=t,this.requestUpdate("value",e)}get value(){return this._value}get focusElement(){return this.inputElement}setSelectionRange(t,e,r="none"){this.inputElement.setSelectionRange(t,e,r)}select(){this.inputElement.select()}handleInput(t){if(this.allowedKeys&&this.inputElement.value&&!new RegExp(`^[${this.allowedKeys}]*$`,"u").test(this.inputElement.value)){let e=this.inputElement.selectionStart-1;this.inputElement.value=this.value.toString(),this.inputElement.setSelectionRange(e,e);return}this.value=this.inputElement.value}handleChange(){this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))}onFocus(){this.focused=!this.readonly&&!0}onBlur(t){this.focused=!this.readonly&&!1}handleInputElementPointerdown(){}renderStateIcons(){return this.invalid?c` + `,Mh=ox;var sx=Object.defineProperty,ix=Object.getOwnPropertyDescriptor,rt=(o,t,e,r)=>{for(var s=r>1?void 0:r?ix(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&sx(t,e,s),s},ax=["text","url","tel","email","password"],Y=class extends da(R(et,{noDefaultSize:!0})){constructor(){super(...arguments),this.allowedKeys="",this.focused=!1,this.invalid=!1,this.label="",this.placeholder="",this._type="text",this.grows=!1,this.maxlength=-1,this.minlength=-1,this.multiline=!1,this.readonly=!1,this.rows=-1,this.valid=!1,this._value="",this.quiet=!1,this.required=!1}static get styles(){return[Mh,fo]}set type(t){let e=this._type;this._type=t,this.requestUpdate("type",e)}get type(){var t;return(t=ax.find(e=>e===this._type))!=null?t:"text"}set value(t){if(t===this.value)return;let e=this._value;this._value=t,this.requestUpdate("value",e)}get value(){return this._value}get focusElement(){return this.inputElement}setSelectionRange(t,e,r="none"){this.inputElement.setSelectionRange(t,e,r)}select(){this.inputElement.select()}handleInput(t){if(this.allowedKeys&&this.inputElement.value&&!new RegExp(`^[${this.allowedKeys}]*$`,"u").test(this.inputElement.value)){let e=this.inputElement.selectionStart-1;this.inputElement.value=this.value.toString(),this.inputElement.setSelectionRange(e,e);return}this.value=this.inputElement.value}handleChange(){this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))}onFocus(){this.focused=!this.readonly&&!0}onBlur(t){this.focused=!this.readonly&&!1}handleInputElementPointerdown(){}renderStateIcons(){return this.invalid?c` `:this.valid?c` ${this.renderField()} ${this.renderHelpText(this.invalid)} - `}update(t){(t.has("value")||t.has("required")&&this.required)&&this.updateComplete.then(()=>{this.checkValidity()}),super.update(t)}checkValidity(){let t=this.inputElement.checkValidity();return(this.required||this.value&&this.pattern)&&((this.disabled||this.multiline)&&this.pattern&&(t=new RegExp(`^${this.pattern}$`,"u").test(this.value.toString())),typeof this.minlength<"u"&&(t=t&&this.value.toString().length>=this.minlength),this.valid=t,this.invalid=!t),t}};rt([W()],Y.prototype,"appliedLabel",2),rt([n({attribute:"allowed-keys"})],Y.prototype,"allowedKeys",2),rt([n({type:Boolean,reflect:!0})],Y.prototype,"focused",2),rt([P(".input:not(#sizer)")],Y.prototype,"inputElement",2),rt([n({type:Boolean,reflect:!0})],Y.prototype,"invalid",2),rt([n()],Y.prototype,"label",2),rt([n({type:String,reflect:!0})],Y.prototype,"name",2),rt([n()],Y.prototype,"placeholder",2),rt([W()],Y.prototype,"type",1),rt([n({attribute:"type",reflect:!0})],Y.prototype,"_type",2),rt([n()],Y.prototype,"pattern",2),rt([n({type:Boolean,reflect:!0})],Y.prototype,"grows",2),rt([n({type:Number})],Y.prototype,"maxlength",2),rt([n({type:Number})],Y.prototype,"minlength",2),rt([n({type:Boolean,reflect:!0})],Y.prototype,"multiline",2),rt([n({type:Boolean,reflect:!0})],Y.prototype,"readonly",2),rt([n({type:Number})],Y.prototype,"rows",2),rt([n({type:Boolean,reflect:!0})],Y.prototype,"valid",2),rt([n({type:String})],Y.prototype,"value",1),rt([n({type:Boolean,reflect:!0})],Y.prototype,"quiet",2),rt([n({type:Boolean,reflect:!0})],Y.prototype,"required",2),rt([n({type:String,reflect:!0})],Y.prototype,"autocomplete",2);var _e=class extends Y{constructor(){super(...arguments),this._value=""}set value(t){if(t===this.value)return;let e=this._value;this._value=t,this.requestUpdate("value",e)}get value(){return this._value}};rt([n({type:String})],_e.prototype,"value",1);p();var sx=y` + `}update(t){(t.has("value")||t.has("required")&&this.required)&&this.updateComplete.then(()=>{this.checkValidity()}),super.update(t)}checkValidity(){let t=this.inputElement.checkValidity();return(this.required||this.value&&this.pattern)&&((this.disabled||this.multiline)&&this.pattern&&(t=new RegExp(`^${this.pattern}$`,"u").test(this.value.toString())),typeof this.minlength<"u"&&(t=t&&this.value.toString().length>=this.minlength),this.valid=t,this.invalid=!t),t}};rt([W()],Y.prototype,"appliedLabel",2),rt([n({attribute:"allowed-keys"})],Y.prototype,"allowedKeys",2),rt([n({type:Boolean,reflect:!0})],Y.prototype,"focused",2),rt([P(".input:not(#sizer)")],Y.prototype,"inputElement",2),rt([n({type:Boolean,reflect:!0})],Y.prototype,"invalid",2),rt([n()],Y.prototype,"label",2),rt([n({type:String,reflect:!0})],Y.prototype,"name",2),rt([n()],Y.prototype,"placeholder",2),rt([W()],Y.prototype,"type",1),rt([n({attribute:"type",reflect:!0})],Y.prototype,"_type",2),rt([n()],Y.prototype,"pattern",2),rt([n({type:Boolean,reflect:!0})],Y.prototype,"grows",2),rt([n({type:Number})],Y.prototype,"maxlength",2),rt([n({type:Number})],Y.prototype,"minlength",2),rt([n({type:Boolean,reflect:!0})],Y.prototype,"multiline",2),rt([n({type:Boolean,reflect:!0})],Y.prototype,"readonly",2),rt([n({type:Number})],Y.prototype,"rows",2),rt([n({type:Boolean,reflect:!0})],Y.prototype,"valid",2),rt([n({type:String})],Y.prototype,"value",1),rt([n({type:Boolean,reflect:!0})],Y.prototype,"quiet",2),rt([n({type:Boolean,reflect:!0})],Y.prototype,"required",2),rt([n({type:String,reflect:!0})],Y.prototype,"autocomplete",2);var _e=class extends Y{constructor(){super(...arguments),this._value=""}set value(t){if(t===this.value)return;let e=this._value;this._value=t,this.requestUpdate("value",e)}get value(){return this._value}};rt([n({type:String})],_e.prototype,"value",1);p();var cx=y` :host{--spectrum-combobox-inline-size:var(--spectrum-field-width);--spectrum-combobox-block-size:var(--spectrum-component-height-100);--spectrum-combobox-min-inline-size:calc(var(--spectrum-combo-box-minimum-width-multiplier)*var(--spectrum-combobox-block-size));--spectrum-combobox-button-width:var(--spectrum-combobox-block-size);--spectrum-combobox-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-combobox-font-size:var(--spectrum-font-size-100);--spectrum-combobox-spacing-inline-icon-to-button:var(--spectrum-combo-box-visual-to-field-button-medium);--spectrum-combobox-block-spacing-edge-to-progress-circle:var(--spectrum-field-top-to-progress-circle-medium);--spectrum-combobox-block-spacing-edge-to-alert:var(--spectrum-field-top-to-alert-icon-medium);--spectrum-combobox-spacing-edge-to-menu:var(--spectrum-component-to-menu-medium);--spectrum-combobox-spacing-block-start-edge-to-text:var(--spectrum-component-top-to-text-100);--spectrum-combobox-spacing-block-end-edge-to-text:var(--spectrum-component-bottom-to-text-100);--spectrum-combobox-spacing-inline-start-edge-to-text:var(--spectrum-component-edge-to-text-100);--spectrum-combobox-spacing-inline-end-edge-to-text:var(--spectrum-component-edge-to-text-100);--spectrum-combobox-focus-indicator-thickness:var(--spectrum-focus-indicator-thickness);--spectrum-combobox-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-combobox-focus-indicator-color:var(--spectrum-focus-indicator-color);--spectrum-combobox-border-radius:var(--spectrum-corner-radius-100);--spectrum-combobox-border-width:var(--spectrum-border-width-100);--spectrum-combobox-spacing-label-to-combobox:var(--spectrum-field-label-to-component);--spectrum-combobox-font-style:var(--spectrum-default-font-style);--spectrum-combobox-line-height:var(--spectrum-line-height-100);--spectrum-combobox-border-color-invalid-default:var(--spectrum-negative-border-color-default);--spectrum-combobox-border-color-invalid-hover:var(--spectrum-negative-border-color-hover);--spectrum-combobox-border-color-invalid-focus:var(--spectrum-negative-border-color-focus);--spectrum-combobox-border-color-invalid-focus-hover:var(--spectrum-negative-border-color-focus-hover);--spectrum-combobox-border-color-invalid-key-focus:var(--spectrum-negative-border-color-key-focus);--mod-textfield-focus-indicator-gap:var(--mod-combobox-focus-indicator-gap,var(--spectrum-combobox-focus-indicator-gap));--mod-textfield-focus-indicator-width:var(--mod-combobox-focus-indicator-thickness,var(--spectrum-combobox-focus-indicator-thickness));--mod-textfield-focus-indicator-color:var(--mod-combobox-focus-indicator-color,var(--spectrum-combobox-focus-indicator-color));--mod-textfield-background-color:var(--mod-combobox-background-color-default);--mod-textfield-background-color-disabled:var(--mod-combobox-background-color-disabled,var(--spectrum-combobox-background-color-disabled));--mod-textfield-font-family:var(--mod-combobox-font-family);--mod-textfield-font-weight:var(--mod-combobox-font-weight);--mod-textfield-text-color-default:var(--mod-combobox-font-color-default);--mod-textfield-text-color-hover:var(--mod-combobox-font-color-hover);--mod-textfield-text-color-focus:var(--mod-combobox-font-color-focus);--mod-textfield-text-color-focus-hover:var(--mod-combobox-font-color-focus-hover);--mod-textfield-text-color-keyboard-focus:var(--mod-combobox-font-color-key-focus);--mod-textfield-text-color-disabled:var(--mod-combobox-font-color-disabled);--mod-textfield-border-width:var(--mod-combobox-border-width,var(--spectrum-combobox-border-width));--mod-textfield-border-color:var(--mod-combobox-border-color-default,var(--spectrum-combobox-border-color-default));--mod-textfield-border-color-disabled:var(--mod-combobox-border-color-disabled,var(--spectrum-combobox-border-color-disabled));--mod-textfield-border-color-focus:var(--mod-combobox-border-color-focus,var(--spectrum-combobox-border-color-focus));--mod-textfield-border-color-focus-hover:var(--mod-combobox-border-color-focus-hover,var(--spectrum-combobox-border-color-focus-hover));--mod-textfield-border-color-hover:var(--mod-combobox-border-color-hover,var(--spectrum-combobox-border-color-hover));--mod-textfield-border-color-keyboard-focus:var(--mod-combobox-border-color-key-focus,var(--spectrum-combobox-border-color-key-focus));--mod-textfield-border-color-invalid-default:var(--mod-combobox-border-color-invalid-default,var(--spectrum-combobox-border-color-invalid-default));--mod-textfield-border-color-invalid-hover:var(--mod-combobox-border-color-invalid-hover,var(--spectrum-combobox-border-color-invalid-hover));--mod-textfield-border-color-invalid-focus:var(--mod-combobox-border-color-invalid-focus,var(--spectrum-combobox-border-color-invalid-focus));--mod-textfield-border-color-invalid-focus-hover:var(--mod-combobox-border-color-invalid-focus-hover,var(--spectrum-combobox-border-color-invalid-focus-hover));--mod-textfield-border-color-invalid-keyboard-focus:var(--mod-combobox-border-color-invalid-key-focus,var(--spectrum-combobox-border-color-invalid-key-focus));--mod-textfield-icon-color-invalid:var(--mod-combobox-alert-icon-color);--mod-picker-button-border-width:var(--mod-combobox-border-width,var(--spectrum-combobox-border-width));--mod-picker-button-border-color:var(--mod-combobox-border-color-default,var(--spectrum-combobox-border-color-default));--mod-picker-button-background-color:var(--mod-combobox-background-color-default);--mod-picker-button-background-color-disabled:var(--mod-combobox-background-color-disabled);--mod-picker-button-font-color-disabled:var(--mod-combobox-font-color-disabled);--mod-picker-button-border-color-disabled:var(--mod-combobox-border-color-disabled,var(--spectrum-combobox-border-color-disabled));--spectrum-combobox-readonly-input-background-color:var(--spectrum-gray-50);--spectrum-combobox-readonly-border-color-invalid-default:var(--spectrum-negative-border-color-default);--spectrum-combobox-readonly-background-color-disabled:var(--spectrum-disabled-background-color);--spectrum-combobox-readonly-text-color-disabled:var(--spectrum-disabled-content-color);--spectrum-combobox-readonly-border-color-disabled:var(--spectrum-disabled-border-color)}:host,:host{--spectrum-combobox-block-size:var(--spectrum-component-height-100);--spectrum-combobox-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-combobox-font-size:var(--spectrum-font-size-100);--spectrum-combobox-spacing-inline-icon-to-button:var(--spectrum-combo-box-visual-to-field-button-medium);--spectrum-combobox-block-spacing-edge-to-progress-circle:var(--spectrum-field-top-to-progress-circle-medium);--spectrum-combobox-block-spacing-edge-to-alert:var(--spectrum-field-top-to-alert-icon-medium);--spectrum-combobox-spacing-edge-to-menu:var(--spectrum-component-to-menu-medium);--spectrum-combobox-spacing-block-start-edge-to-text:var(--spectrum-component-top-to-text-100);--spectrum-combobox-spacing-block-end-edge-to-text:var(--spectrum-component-bottom-to-text-100);--spectrum-combobox-spacing-inline-start-edge-to-text:var(--spectrum-component-edge-to-text-100);--spectrum-combobox-spacing-inline-end-edge-to-text:var(--spectrum-component-edge-to-text-100)}:host([size=s]){--spectrum-combobox-block-size:var(--spectrum-component-height-75);--spectrum-combobox-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-combobox-font-size:var(--spectrum-font-size-75);--spectrum-combobox-spacing-inline-icon-to-button:var(--spectrum-combo-box-visual-to-field-button-small);--spectrum-combobox-block-spacing-edge-to-progress-circle:var(--spectrum-field-top-to-progress-circle-small);--spectrum-combobox-block-spacing-edge-to-alert:var(--spectrum-field-top-to-alert-icon-small);--spectrum-combobox-spacing-edge-to-menu:var(--spectrum-component-to-menu-small);--spectrum-combobox-spacing-block-start-edge-to-text:var(--spectrum-component-top-to-text-75);--spectrum-combobox-spacing-block-end-edge-to-text:var(--spectrum-component-bottom-to-text-75);--spectrum-combobox-spacing-inline-start-edge-to-text:var(--spectrum-component-edge-to-text-75);--spectrum-combobox-spacing-inline-end-edge-to-text:var(--spectrum-component-edge-to-text-75)}:host([size=l]){--spectrum-combobox-block-size:var(--spectrum-component-height-200);--spectrum-combobox-icon-size:var(--spectrum-workflow-icon-size-200);--spectrum-combobox-font-size:var(--spectrum-font-size-200);--spectrum-combobox-spacing-inline-icon-to-button:var(--spectrum-combo-box-visual-to-field-button-large);--spectrum-combobox-block-spacing-edge-to-progress-circle:var(--spectrum-field-top-to-progress-circle-large);--spectrum-combobox-block-spacing-edge-to-alert:var(--spectrum-field-top-to-alert-icon-large);--spectrum-combobox-spacing-edge-to-menu:var(--spectrum-component-to-menu-large);--spectrum-combobox-spacing-block-start-edge-to-text:var(--spectrum-component-top-to-text-200);--spectrum-combobox-spacing-block-end-edge-to-text:var(--spectrum-component-bottom-to-text-200);--spectrum-combobox-spacing-inline-start-edge-to-text:var(--spectrum-component-edge-to-text-200);--spectrum-combobox-spacing-inline-end-edge-to-text:var(--spectrum-component-edge-to-text-200)}:host([size=xl]){--spectrum-combobox-block-size:var(--spectrum-component-height-300);--spectrum-combobox-icon-size:var(--spectrum-workflow-icon-size-300);--spectrum-combobox-font-size:var(--spectrum-font-size-300);--spectrum-combobox-spacing-inline-icon-to-button:var(--spectrum-combo-box-visual-to-field-button-extra-large);--spectrum-combobox-block-spacing-edge-to-progress-circle:var(--spectrum-field-top-to-progress-circle-extra-large);--spectrum-combobox-block-spacing-edge-to-alert:var(--spectrum-field-top-to-alert-icon-extra-large);--spectrum-combobox-spacing-edge-to-menu:var(--spectrum-component-to-menu-extra-large);--spectrum-combobox-spacing-block-start-edge-to-text:var(--spectrum-component-top-to-text-300);--spectrum-combobox-spacing-block-end-edge-to-text:var(--spectrum-component-bottom-to-text-300);--spectrum-combobox-spacing-inline-start-edge-to-text:var(--spectrum-component-edge-to-text-300);--spectrum-combobox-spacing-inline-end-edge-to-text:var(--spectrum-component-edge-to-text-300)}:host([quiet]){--spectrum-combobox-min-inline-size:calc(var(--spectrum-combo-box-quiet-minimum-width-multiplier)*var(--spectrum-combobox-block-size));--spectrum-combobox-spacing-inline-icon-to-button:var(--spectrum-combo-box-visual-to-field-button-quiet);--spectrum-combobox-spacing-inline-start-edge-to-text:var(--spectrum-field-edge-to-text-quiet);--spectrum-combobox-spacing-label-to-combobox:var(--spectrum-field-label-to-component-quiet-medium);--spectrum-combobox-button-inline-offset:calc(var(--mod-combobox-block-size,var(--spectrum-combobox-block-size))/2 - var(--mod-combobox-icon-size,var(--spectrum-combobox-icon-size))/2);--mod-textfield-border-color-disabled:var(--mod-combobox-border-color-disabled,initial);--mod-picker-button-background-color-quiet:transparent;--mod-picker-button-border-color-quiet:transparent}:host([quiet][size=s]){--spectrum-combobox-spacing-label-to-combobox:var(--spectrum-field-label-to-component-quiet-small)}:host([quiet]){--spectrum-combobox-spacing-label-to-combobox:var(--spectrum-field-label-to-component-quiet-medium)}:host([quiet][size=l]){--spectrum-combobox-spacing-label-to-combobox:var(--spectrum-field-label-to-component-quiet-large)}:host([quiet][size=xl]){--spectrum-combobox-spacing-label-to-combobox:var(--spectrum-field-label-to-component-quiet-extra-large)}@media (forced-colors:active){:host{--highcontrast-combobox-border-color-highlight:Highlight;--highcontrast-combobox-border-color-invalid:Highlight}.button.spectrum-PickerButton--quiet .spectrum-PickerButton-fill{forced-color-adjust:none}.button.spectrum-PickerButton--quiet .spectrum-PickerButton-icon{color:initial}}:host{inline-size:var(--mod-combobox-inline-size,var(--spectrum-combobox-inline-size));min-inline-size:var(--mod-combobox-min-inline-size,var(--spectrum-combobox-min-inline-size));block-size:var(--mod-combobox-block-size,var(--spectrum-combobox-block-size));border-radius:var(--mod-combobox-border-radius,var(--spectrum-combobox-border-radius));flex-flow:row;margin-block-start:var(--mod-combobox-spacing-label-to-combobox,var(--spectrum-combobox-spacing-label-to-combobox));display:inline-flex;position:relative}.spectrum-Popover.is-open{transform:translateY(var(--mod-combobox-spacing-edge-to-menu,var(--spectrum-combobox-spacing-edge-to-menu)))}:host([keyboard-focused]) .is-readOnly:not(.spectrum-Combobox--quiet) #textfield #input{outline-offset:var(--mod-textfield-focus-indicator-gap);outline:var(--mod-textfield-focus-indicator-width)solid;outline-color:var(--mod-textfield-focus-indicator-color)}:host .is-readOnly:not(.spectrum-Combobox--quiet) #input:read-only{background-color:var(--spectrum-combobox-readonly-input-background-color);border-color:var(--spectrum-combobox-readonly-input-border-color)}:host([invalid]) .is-readOnly:not(.spectrum-Combobox--quiet) #input:read-only{border-color:var(--highcontrast-textfield-border-color-invalid-default,var(--mod-textfield-border-color-invalid-default,var(--spectrum-combobox-readonly-border-color-invalid-default)))}:host([disabled]) .is-readOnly:not(.spectrum-Combobox--quiet) #input:read-only{background-color:var(--mod-textfield-background-color-disabled,var(--spectrum-combobox-readonly-background-color-disabled));border-color:#0000;border-color:var(--mod-combobox-readonly-border-color-disabled,var(--spectrum-combobox-readonly-border-color-disabled,transparent));color:var(--highcontrast-textfield-text-color-disabled,var(--mod-textfield-text-color-disabled,var(--spectrum-combobox-readonly-text-color-disabled)))}.progress-circle{position:absolute;inset-block-start:var(--mod-combobox-block-spacing-edge-to-progress-circle,var(--spectrum-combobox-block-spacing-edge-to-progress-circle));inset-block-end:var(--mod-combobox-block-spacing-edge-to-alert,var(--spectrum-combobox-block-spacing-edge-to-alert));inset-inline-end:calc(var(--mod-combobox-spacing-inline-icon-to-button,var(--spectrum-combobox-spacing-inline-icon-to-button)) + var(--mod-combobox-button-width,var(--spectrum-combobox-button-width)))}.progress-circle:dir(rtl),:host([dir=rtl]) .progress-circle{inset-inline-start:calc(var(--mod-combobox-spacing-inline-icon-to-button,var(--spectrum-combobox-spacing-inline-icon-to-button)) + var(--mod-combobox-button-width,var(--spectrum-combobox-button-width)));inset-inline-end:inherit}.button{position:absolute;inset-inline-end:calc(var(--mod-combobox-button-inline-offset,var(--spectrum-combobox-button-inline-offset,0px))*-1)}.button:not(:disabled,.is-invalid,[quiet]){--mod-picker-button-border-color:var(--mod-combobox-border-color-default,var(--spectrum-combobox-border-color-default))}:host([focused]) .button:not(:disabled,.is-invalid,.spectrum-PickerButton--quiet),.button:not(:disabled,.is-invalid,[quiet]):focus,:host([focused]) .button:not(:disabled,.is-invalid,[quiet]),:host:has(:focus) .button:not(:disabled,.is-invalid,[quiet]){--mod-picker-button-border-color:var(--highcontrast-combobox-border-color-highlight,var(--mod-combobox-border-color-focus,var(--spectrum-combobox-border-color-focus)))}:host([keyboard-focused]) .button:not(:disabled,.is-invalid,.spectrum-PickerButton--quiet),.button:not(:disabled,.is-invalid,[quiet]):focus-visible,:host([keyboard-focused]) .button:not(:disabled,.is-invalid,[quiet]){--mod-picker-button-border-color:var(--mod-combobox-border-color-key-focus,var(--spectrum-combobox-border-color-key-focus))}.button:not(:disabled,.is-invalid,[quiet]):active,:host:has(:active) .button:not(:disabled,.is-invalid,[quiet]){--mod-picker-button-border-color:var(--highcontrast-combobox-border-color-highlight,var(--mod-combobox-border-color-hover,var(--spectrum-combobox-border-color-hover)))}:host([invalid]) .button:not(:disabled,.spectrum-PickerButton--quiet){--mod-picker-button-border-color:var(--highcontrast-combobox-border-color-invalid,var(--mod-combobox-border-color-invalid-default,var(--spectrum-combobox-border-color-invalid-default)))}:host([invalid][focused]) .button:not(:disabled,.spectrum-PickerButton--quiet),:host([invalid]) .button:not(:disabled,.spectrum-PickerButton--quiet):focus,:host([focused][invalid]) .button:not(:disabled,.spectrum-PickerButton--quiet),:host([invalid]):has(:focus) .button:not(:disabled,.spectrum-PickerButton--quiet){--mod-picker-button-border-color:var(--highcontrast-combobox-border-color-invalid,var(--mod-combobox-border-color-invalid-focus,var(--spectrum-combobox-border-color-invalid-focus)))}:host([invalid][keyboard-focused]) .button:not(:disabled,.spectrum-PickerButton--quiet),:host([invalid]) .button:not(:disabled,.spectrum-PickerButton--quiet):focus-visible,:host([keyboard-focused][invalid]) .button:not(:disabled,.spectrum-PickerButton--quiet){--mod-picker-button-border-color:var(--highcontrast-combobox-border-color-invalid,var(--mod-combobox-border-color-invalid-key-focus,var(--spectrum-combobox-border-color-invalid-key-focus)))}:host([invalid]) .button:not(:disabled,.spectrum-PickerButton--quiet):active,:host([invalid]):has(:active) .button:not(:disabled,.spectrum-PickerButton--quiet){--mod-picker-button-border-color:var(--highcontrast-combobox-border-color-invalid,var(--mod-combobox-border-color-invalid-hover,var(--spectrum-combobox-border-color-invalid-hover)))}#textfield{inline-size:100%}#input{backface-visibility:hidden;line-height:var(--mod-combobox-line-height,var(--spectrum-combobox-line-height));font-size:var(--mod-combobox-font-size,var(--spectrum-combobox-font-size));font-style:var(--mod-combobox-font-style,var(--spectrum-combobox-font-style));padding-block-start:calc(var(--mod-combobox-spacing-block-start-edge-to-text,var(--spectrum-combobox-spacing-block-start-edge-to-text)) - var(--mod-combobox-border-width,var(--spectrum-combobox-border-width)));padding-block-end:calc(var(--mod-combobox-spacing-block-end-edge-to-text,var(--spectrum-combobox-spacing-block-end-edge-to-text)) - var(--mod-combobox-border-width,var(--spectrum-combobox-border-width)));padding-inline-start:calc(var(--mod-combobox-spacing-inline-start-edge-to-text,var(--spectrum-combobox-spacing-inline-start-edge-to-text)) - var(--mod-combobox-border-width,var(--spectrum-combobox-border-width)));padding-inline-end:calc(var(--mod-combobox-button-width,var(--spectrum-combobox-button-width)) + var(--mod-combobox-spacing-inline-end-edge-to-text,var(--spectrum-combobox-spacing-inline-end-edge-to-text)) - var(--mod-combobox-border-width,var(--spectrum-combobox-border-width))*2)}#input::placeholder{--mod-textfield-text-color-default:var(--mod-combobox-font-color-placeholder)}#input:active{--mod-textfield-background-color:var(--mod-combobox-background-color-hover)}#input:focus,:host([focused]) #textfield #input{--mod-combobox-border-color-default:var(--spectrum-combobox-border-color-focus);--mod-textfield-background-color:var(--mod-combobox-background-color-focus)}@media (hover:hover){:host .is-readOnly:not(.spectrum-Combobox--quiet) #input:read-only:hover{background-color:revert}:host([disabled]) .is-readOnly:not(.spectrum-Combobox--quiet) #input:read-only:hover{background-color:var(--mod-textfield-background-color-disabled,var(--spectrum-combobox-readonly-background-color-disabled))}.button:not(:disabled,.is-invalid,[quiet]):hover,:host(:hover) .button:not(:disabled,.is-invalid,[quiet]){--mod-picker-button-border-color:var(--highcontrast-combobox-border-color-highlight,var(--mod-combobox-border-color-hover,var(--spectrum-combobox-border-color-hover)))}:host([focused]) .button:not(:disabled,.is-invalid,.spectrum-PickerButton--quiet):hover,.button:not(:disabled,.is-invalid,[quiet]):focus:hover,:host([focused]:hover) .button:not(:disabled,.is-invalid,[quiet]),:host(:hover):has(:focus) .button:not(:disabled,.is-invalid,[quiet]){--mod-picker-button-border-color:var(--highcontrast-combobox-border-color-highlight,var(--mod-combobox-border-color-focus-hover,var(--spectrum-combobox-border-color-focus-hover)))}:host([invalid]) .button:not(:disabled,.spectrum-PickerButton--quiet):hover,:host([invalid]:hover) .button:not(:disabled,.spectrum-PickerButton--quiet){--mod-picker-button-border-color:var(--highcontrast-combobox-border-color-invalid,var(--mod-combobox-border-color-invalid-hover,var(--spectrum-combobox-border-color-invalid-hover)))}:host([invalid][focused]) .button:not(:disabled,.spectrum-PickerButton--quiet):hover,:host([invalid]) .button:not(:disabled,.spectrum-PickerButton--quiet):focus:hover,:host([focused][invalid]:hover) .button:not(:disabled,.spectrum-PickerButton--quiet),:host([invalid]:hover):has(:focus) .button:not(:disabled,.spectrum-PickerButton--quiet){--mod-picker-button-border-color:var(--highcontrast-combobox-border-color-invalid,var(--mod-combobox-border-color-invalid-focus-hover,var(--spectrum-combobox-border-color-invalid-focus-hover)))}#input:hover,#textfield:hover #input{--mod-textfield-background-color:var(--mod-combobox-background-color-hover)}#input:focus:hover,:host([focused]) #textfield #input:hover{--mod-combobox-border-color-default:var(--spectrum-combobox-border-color-focus-hover);--mod-textfield-background-color:var(--mod-combobox-background-color-focus-hover)}}:host([keyboard-focused]) #textfield #input{--mod-combobox-border-color-default:var(--spectrum-combobox-border-color-key-focus);--mod-textfield-background-color:var(--mod-combobox-background-color-key-focus)}:host([invalid]) #textfield #input,:host([pending]) #textfield #input{padding-inline-end:calc(var(--mod-combobox-button-width,var(--spectrum-combobox-button-width)) + var(--mod-combobox-spacing-inline-icon-to-button,var(--spectrum-combobox-spacing-inline-icon-to-button)) + var(--mod-combobox-icon-size,var(--spectrum-combobox-icon-size)) + var(--mod-combobox-spacing-inline-end-edge-to-text,var(--spectrum-combobox-spacing-inline-end-edge-to-text)) - var(--mod-combobox-button-inline-offset,var(--spectrum-combobox-button-inline-offset,0px)) - var(--mod-combobox-border-width,var(--spectrum-combobox-border-width))*2)}:host([invalid]) #textfield .icon{inline-size:var(--mod-combobox-icon-size,var(--spectrum-combobox-icon-size));block-size:var(--mod-combobox-icon-size,var(--spectrum-combobox-icon-size));inset-block-start:var(--mod-combobox-block-spacing-edge-to-alert,var(--spectrum-combobox-block-spacing-edge-to-alert));inset-block-end:var(--mod-combobox-block-spacing-edge-to-alert,var(--spectrum-combobox-block-spacing-edge-to-alert));inset-inline-end:calc(var(--mod-combobox-spacing-inline-icon-to-button,var(--spectrum-combobox-spacing-inline-icon-to-button)) + var(--mod-combobox-button-width,var(--spectrum-combobox-button-width)))}:host([disabled]) #textfield .icon,:host([pending]) #textfield .icon,#textfield.is-readOnly .icon{display:none}:host([quiet]){border-radius:0}:host([quiet][invalid]) #textfield .icon{inset-inline-end:var(--mod-combobox-button-width,var(--spectrum-combobox-button-width))}:host([quiet]) #textfield.is-readOnly #input:read-only{border-block-end:var(--mod-combobox-border-width,var(--spectrum-combobox-border-width))solid var(--mod-combobox-readonly-input-border-color,var(--spectrum-combobox-readonly-input-border-color))}:host([quiet][invalid]) #textfield.is-readOnly>#input:read-only{border-color:var(--highcontrast-textfield-border-color-invalid-default,var(--mod-textfield-border-color-invalid-default,var(--spectrum-combobox-readonly-border-color-invalid-default)))}:host([quiet][disabled]) #textfield.is-readOnly #input:read-only{color:var(--highcontrast-textfield-text-color-disabled,var(--mod-textfield-text-color-disabled,var(--spectrum-combobox-readonly-text-color-disabled)));border-color:var(--mod-textfield-border-color-disabled,var(--spectrum-combobox-readonly-border-color-disabled))}:host([quiet]) #input{border-block-end-width:var(--mod-combobox-border-width,var(--spectrum-combobox-border-width));padding-block-start:var(--mod-combobox-spacing-block-start-edge-to-text,var(--spectrum-combobox-spacing-block-start-edge-to-text));padding-block-end:calc(var(--mod-combobox-spacing-block-end-edge-to-text,var(--spectrum-combobox-spacing-block-end-edge-to-text)) - var(--mod-combobox-border-width,var(--spectrum-combobox-border-width)));padding-inline-start:var(--mod-combobox-spacing-inline-start-edge-to-text,var(--spectrum-combobox-spacing-inline-start-edge-to-text));padding-inline-end:calc(var(--mod-combobox-button-width,var(--spectrum-combobox-button-width)) + var(--mod-combobox-spacing-inline-end-edge-to-text,var(--spectrum-combobox-spacing-inline-end-edge-to-text)) - var(--mod-combobox-button-inline-offset,var(--spectrum-combobox-button-inline-offset,0px)))}:host([quiet][invalid]) #textfield #input,:host([quiet][pending]) #textfield #input{padding-inline-end:calc(var(--mod-combobox-button-width,var(--spectrum-combobox-button-width)) + var(--mod-combobox-spacing-inline-icon-to-button,var(--spectrum-combobox-spacing-inline-icon-to-button)) + var(--mod-combobox-icon-size,var(--spectrum-combobox-icon-size)) + var(--mod-combobox-spacing-inline-end-edge-to-text,var(--spectrum-combobox-spacing-inline-end-edge-to-text)) - var(--mod-combobox-button-inline-offset,var(--spectrum-combobox-button-inline-offset,0px)))}:host{--spectrum-combobox-border-color-default:var(--system-combobox-border-color-default);--spectrum-combobox-border-color-hover:var(--system-combobox-border-color-hover);--spectrum-combobox-border-color-focus:var(--system-combobox-border-color-focus);--spectrum-combobox-border-color-focus-hover:var(--system-combobox-border-color-focus-hover);--spectrum-combobox-border-color-key-focus:var(--system-combobox-border-color-key-focus);--spectrum-combobox-readonly-input-border-color:var(--system-combobox-readonly-input-border-color);--spectrum-combobox-background-color-disabled:var(--system-combobox-background-color-disabled);--spectrum-combobox-border-color-disabled:var(--system-combobox-border-color-disabled)}:host{flex-wrap:wrap;display:inline-flex}:host([label-position=inline-start]){flex-wrap:nowrap}:host([readonly]) sp-picker-button{visibility:hidden;pointer-events:none}sp-field-label{width:100%;display:block}:host([label-position=inline-start]) sp-field-label{width:auto}sp-popover{max-block-size:var(--sp-combobox-popover-max-block-size)}sp-popover:not(sp-overlay sp-popover){display:none}.icon{margin:0}:host([disabled]) #textfield .input,:host([disabled]) #textfield:hover .input{border-color:var(--mod-combobox-border-color-disabled,var(--spectrum-combobox-border-color-disabled))}#textfield:hover .input:focus{border-color:var(--mod-combobox-border-color-default,var(--spectrum-combobox-border-color-focus-hover))}::slotted([slot=option]){display:none}.button{bottom:0}[hidden]{display:none!important}.visually-hidden{clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:0 -1px -1px 0;padding:0;position:absolute;overflow:hidden} -`,Mh=sx;var ix=Object.defineProperty,ax=Object.getOwnPropertyDescriptor,Kt=(o,t,e,r)=>{for(var s=r>1?void 0:r?ax(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&ix(t,e,s),s},ft=class extends _e{constructor(){super(...arguments),this.autocomplete="none",this.availableOptions=[],this.open=!1,this.pending=!1,this.pendingLabel="Pending",this.overlayOpen=!1,this.itemValue="",this.optionEls=[],this.fieldWidth=0,this.applyFocusElementLabel=t=>{this.appliedLabel=t},this._returnItems=()=>{}}static get styles(){return[...super.styles,Mh,jt]}focus(){this.focusElement.focus()}click(){this.focus(),this.focusElement.click()}scrollToActiveDescendant(){if(!this.activeDescendant)return;let t=this.shadowRoot.getElementById(this.activeDescendant.value);t&&t.scrollIntoView({block:"nearest"})}handleComboboxKeydown(t){if(!(this.readonly||this.pending))if(t.altKey&&t.code==="ArrowDown")this.open=!0;else if(t.code==="ArrowDown")t.preventDefault(),this.open=!0,this.activateNextDescendant(),this.scrollToActiveDescendant();else if(t.code==="ArrowUp")t.preventDefault(),this.open=!0,this.activatePreviousDescendant(),this.scrollToActiveDescendant();else if(t.code==="Escape")this.open||(this.value=""),this.open=!1;else if(t.code==="Enter")this.selectDescendant(),this.open=!1;else if(t.code==="Home")this.focusElement.setSelectionRange(0,0),this.activeDescendant=void 0;else if(t.code==="End"){let{length:e}=this.value;this.focusElement.setSelectionRange(e,e),this.activeDescendant=void 0}else t.code==="ArrowLeft"?this.activeDescendant=void 0:t.code==="ArrowRight"&&(this.activeDescendant=void 0)}handleSlotchange(){this.setOptionsFromSlottedItems(),this.itemObserver.disconnect(),this.optionEls.map(t=>{this.itemObserver.observe(t,{attributes:!0,attributeFilter:["id"],childList:!0})})}handleTooltipSlotchange(t){this.tooltipEl=t.target.assignedElements()[0]}setOptionsFromSlottedItems(){let t=this.optionSlot.assignedElements({flatten:!0});this.optionEls=t}activateNextDescendant(){let t=this.activeDescendant?this.availableOptions.indexOf(this.activeDescendant):-1,e=t;do if(e=(this.availableOptions.length+e+1)%this.availableOptions.length,e===t)break;while(this.availableOptions[e].disabled);this.availableOptions[e].disabled||(this.activeDescendant=this.availableOptions[e]),this.optionEls.forEach(r=>{var s;return r.setAttribute("aria-selected",r.value===((s=this.activeDescendant)==null?void 0:s.value)?"true":"false")})}activatePreviousDescendant(){let t=this.activeDescendant?this.availableOptions.indexOf(this.activeDescendant):0,e=t;do if(e=(this.availableOptions.length+e-1)%this.availableOptions.length,e===t)break;while(this.availableOptions[e].disabled);this.availableOptions[e].disabled||(this.activeDescendant=this.availableOptions[e]),this.optionEls.forEach(r=>{var s;return r.setAttribute("aria-selected",r.value===((s=this.activeDescendant)==null?void 0:s.value)?"true":"false")})}selectDescendant(){if(!this.activeDescendant)return;let t=this.shadowRoot.getElementById(this.activeDescendant.value);t&&t.click()}filterAvailableOptions(){if(this.autocomplete==="none"||this.pending)return;let t=this.value.toLowerCase();this.availableOptions=(this.options||this.optionEls).filter(e=>e.itemText.toLowerCase().startsWith(t))}handleInput(t){super.handleInput(t),this.pending||(this.activeDescendant=void 0,this.open=!0)}handleMenuChange(t){let{target:e}=t,r=(this.options||this.optionEls).find(s=>s.value===e?.value);this.value=r?.itemText||"",t.preventDefault(),this.open=!1,this._returnItems(),this.focus()}handleClosed(){this.open=!1,this.overlayOpen=!1}handleOpened(){}toggleOpen(){if(this.readonly||this.pending){this.open=!1;return}this.open=!this.open,this.inputElement.focus()}shouldUpdate(t){var e,r;return t.has("open")&&(this.open?this.overlayOpen=!0:this.activeDescendant=void 0),t.has("value")&&(this.filterAvailableOptions(),this.itemValue=(r=(e=this.availableOptions.find(s=>s.itemText===this.value))==null?void 0:e.value)!=null?r:""),super.shouldUpdate(t)}onBlur(t){t.relatedTarget&&(this.contains(t.relatedTarget)||this.shadowRoot.contains(t.relatedTarget))||super.onBlur(t)}renderVisuallyHiddenLabels(){let t=this.label||this.appliedLabel;return c` +`,Bh=cx;var nx=Object.defineProperty,lx=Object.getOwnPropertyDescriptor,Kt=(o,t,e,r)=>{for(var s=r>1?void 0:r?lx(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&nx(t,e,s),s},ft=class extends _e{constructor(){super(...arguments),this.autocomplete="none",this.availableOptions=[],this.open=!1,this.pending=!1,this.pendingLabel="Pending",this.overlayOpen=!1,this.itemValue="",this.optionEls=[],this.fieldWidth=0,this.applyFocusElementLabel=t=>{this.appliedLabel=t},this._returnItems=()=>{}}static get styles(){return[...super.styles,Bh,jt]}focus(){this.focusElement.focus()}click(){this.focus(),this.focusElement.click()}scrollToActiveDescendant(){if(!this.activeDescendant)return;let t=this.shadowRoot.getElementById(this.activeDescendant.value);t&&t.scrollIntoView({block:"nearest"})}handleComboboxKeydown(t){if(!(this.readonly||this.pending))if(t.altKey&&t.code==="ArrowDown")this.open=!0;else if(t.code==="ArrowDown")t.preventDefault(),this.open=!0,this.activateNextDescendant(),this.scrollToActiveDescendant();else if(t.code==="ArrowUp")t.preventDefault(),this.open=!0,this.activatePreviousDescendant(),this.scrollToActiveDescendant();else if(t.code==="Escape")this.open||(this.value=""),this.open=!1;else if(t.code==="Enter")this.selectDescendant(),this.open=!1;else if(t.code==="Home")this.focusElement.setSelectionRange(0,0),this.activeDescendant=void 0;else if(t.code==="End"){let{length:e}=this.value;this.focusElement.setSelectionRange(e,e),this.activeDescendant=void 0}else t.code==="ArrowLeft"?this.activeDescendant=void 0:t.code==="ArrowRight"&&(this.activeDescendant=void 0)}handleSlotchange(){this.setOptionsFromSlottedItems(),this.itemObserver.disconnect(),this.optionEls.map(t=>{this.itemObserver.observe(t,{attributes:!0,attributeFilter:["id"],childList:!0})})}handleTooltipSlotchange(t){this.tooltipEl=t.target.assignedElements()[0]}setOptionsFromSlottedItems(){let t=this.optionSlot.assignedElements({flatten:!0});this.optionEls=t}activateNextDescendant(){let t=this.activeDescendant?this.availableOptions.indexOf(this.activeDescendant):-1,e=t;do if(e=(this.availableOptions.length+e+1)%this.availableOptions.length,e===t)break;while(this.availableOptions[e].disabled);this.availableOptions[e].disabled||(this.activeDescendant=this.availableOptions[e]),this.optionEls.forEach(r=>{var s;return r.setAttribute("aria-selected",r.value===((s=this.activeDescendant)==null?void 0:s.value)?"true":"false")})}activatePreviousDescendant(){let t=this.activeDescendant?this.availableOptions.indexOf(this.activeDescendant):0,e=t;do if(e=(this.availableOptions.length+e-1)%this.availableOptions.length,e===t)break;while(this.availableOptions[e].disabled);this.availableOptions[e].disabled||(this.activeDescendant=this.availableOptions[e]),this.optionEls.forEach(r=>{var s;return r.setAttribute("aria-selected",r.value===((s=this.activeDescendant)==null?void 0:s.value)?"true":"false")})}selectDescendant(){if(!this.activeDescendant)return;let t=this.shadowRoot.getElementById(this.activeDescendant.value);t&&t.click()}filterAvailableOptions(){if(this.autocomplete==="none"||this.pending)return;let t=this.value.toLowerCase();this.availableOptions=(this.options||this.optionEls).filter(e=>e.itemText.toLowerCase().startsWith(t))}handleInput(t){super.handleInput(t),this.pending||(this.activeDescendant=void 0,this.open=!0)}handleMenuChange(t){let{target:e}=t,r=(this.options||this.optionEls).find(s=>s.value===e?.value);this.value=r?.itemText||"",t.preventDefault(),this.open=!1,this._returnItems(),this.focus()}handleClosed(){this.open=!1,this.overlayOpen=!1}handleOpened(){}toggleOpen(){if(this.readonly||this.pending){this.open=!1;return}this.open=!this.open,this.inputElement.focus()}shouldUpdate(t){var e,r;return t.has("open")&&(this.open?this.overlayOpen=!0:this.activeDescendant=void 0),t.has("value")&&(this.filterAvailableOptions(),this.itemValue=(r=(e=this.availableOptions.find(s=>s.itemText===this.value))==null?void 0:e.value)!=null?r:""),super.shouldUpdate(t)}onBlur(t){t.relatedTarget&&(this.contains(t.relatedTarget)||this.shadowRoot.contains(t.relatedTarget))||super.onBlur(t)}renderVisuallyHiddenLabels(){let t=this.label||this.appliedLabel;return c` ${this.pending?c` ${this.renderLoader()} - `}firstUpdated(t){super.firstUpdated(t),this.addEventListener("focusout",e=>{let r=e.relatedTarget&&this.contains(e.relatedTarget);e.target===this&&!r&&(this.focused=!1)}),this.resizeObserver=new ResizeObserver(e=>{this.fieldWidth=e[0].borderBoxSize[0].inlineSize}),this.resizeObserver.observe(this)}async manageListOverlay(){this.open&&(this.focused=!0,this.focus())}updated(t){var e;t.has("open")&&!this.pending&&this.manageListOverlay(),!this.focused&&this.open&&(this.open=!1),t.has("pending")&&this.pending&&(this.open=!1),this.activeDescendant!==this._previousActiveDescendant&&(this._previousActiveDescendant&&typeof this._previousActiveDescendant.focused<"u"&&(this._previousActiveDescendant.focused=!1),this.activeDescendant&&typeof this.activeDescendant.focused<"u"&&(this.activeDescendant.focused=!0),this._previousActiveDescendant=this.activeDescendant);let r=t.has("options"),s=this.optionEls!==this._previousOptionEls;(r||s)&&((e=this.options)!=null&&e.every(i=>i.disabled)&&(this.disabled=!0),this.availableOptions=this.options||this.optionEls,s&&(this._previousOptionEls=this.optionEls))}async getUpdateComplete(){let t=await super.getUpdateComplete(),e=this.shadowRoot.querySelector("#listbox");if(e){let r=[...e.children];await Promise.all(r.map(s=>s.updateComplete))}return t}connectedCallback(){super.connectedCallback(),this.itemObserver||(this.itemObserver=new MutationObserver(this.setOptionsFromSlottedItems.bind(this)))}disconnectedCallback(){var t;this.itemObserver.disconnect(),this.open=!1,(t=this.resizeObserver)==null||t.disconnect(),this.resizeObserver=void 0,super.disconnectedCallback()}};Kt([W()],ft.prototype,"activeDescendant",2),Kt([n({type:String})],ft.prototype,"autocomplete",2),Kt([W()],ft.prototype,"availableOptions",2),Kt([n({type:Boolean,reflect:!0})],ft.prototype,"open",2),Kt([n({type:Boolean,reflect:!0})],ft.prototype,"pending",2),Kt([n({type:String,attribute:"pending-label"})],ft.prototype,"pendingLabel",2),Kt([P("slot:not([name])")],ft.prototype,"optionSlot",2),Kt([W()],ft.prototype,"overlayOpen",2),Kt([P("#input")],ft.prototype,"input",2),Kt([n({type:Array})],ft.prototype,"options",2),Kt([W()],ft.prototype,"optionEls",2),Kt([W()],ft.prototype,"fieldWidth",2);customElements.define("sp-combobox",ft);p();L();J();ds();p();L();p();Ve();Ko();var rd=["s","m","l"],od=["white","black"];var cx=Object.defineProperty,Bh=(o,t,e,r)=>{for(var s=void 0,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=a(t,e,s)||s);return s&&cx(t,e,s),s},sd=class sd extends R(E,{validSizes:rd,noDefaultSize:!0}){constructor(){super(...arguments),this.vertical=!1}firstUpdated(t){super.firstUpdated(t),this.setAttribute("role","separator")}updated(t){super.updated(t),t.has("vertical")&&(this.vertical?this.setAttribute("aria-orientation","vertical"):this.removeAttribute("aria-orientation"))}};sd.STATIC_COLORS=od;var Pr=sd;Bh([n({type:Boolean,reflect:!0})],Pr.prototype,"vertical");Bh([n({reflect:!0,attribute:"static-color"})],Pr.prototype,"staticColor");p();var nx=y` + `}firstUpdated(t){super.firstUpdated(t),this.addEventListener("focusout",e=>{let r=e.relatedTarget&&this.contains(e.relatedTarget);e.target===this&&!r&&(this.focused=!1)}),this.resizeObserver=new ResizeObserver(e=>{this.fieldWidth=e[0].borderBoxSize[0].inlineSize}),this.resizeObserver.observe(this)}async manageListOverlay(){this.open&&(this.focused=!0,this.focus())}updated(t){var e;t.has("open")&&!this.pending&&this.manageListOverlay(),!this.focused&&this.open&&(this.open=!1),t.has("pending")&&this.pending&&(this.open=!1),this.activeDescendant!==this._previousActiveDescendant&&(this._previousActiveDescendant&&typeof this._previousActiveDescendant.focused<"u"&&(this._previousActiveDescendant.focused=!1),this.activeDescendant&&typeof this.activeDescendant.focused<"u"&&(this.activeDescendant.focused=!0),this._previousActiveDescendant=this.activeDescendant);let r=t.has("options"),s=this.optionEls!==this._previousOptionEls;(r||s)&&((e=this.options)!=null&&e.every(i=>i.disabled)&&(this.disabled=!0),this.availableOptions=this.options||this.optionEls,s&&(this._previousOptionEls=this.optionEls))}async getUpdateComplete(){let t=await super.getUpdateComplete(),e=this.shadowRoot.querySelector("#listbox");if(e){let r=[...e.children];await Promise.all(r.map(s=>s.updateComplete))}return t}connectedCallback(){super.connectedCallback(),this.itemObserver||(this.itemObserver=new MutationObserver(this.setOptionsFromSlottedItems.bind(this)))}disconnectedCallback(){var t;this.itemObserver.disconnect(),this.open=!1,(t=this.resizeObserver)==null||t.disconnect(),this.resizeObserver=void 0,super.disconnectedCallback()}};Kt([W()],ft.prototype,"activeDescendant",2),Kt([n({type:String})],ft.prototype,"autocomplete",2),Kt([W()],ft.prototype,"availableOptions",2),Kt([n({type:Boolean,reflect:!0})],ft.prototype,"open",2),Kt([n({type:Boolean,reflect:!0})],ft.prototype,"pending",2),Kt([n({type:String,attribute:"pending-label"})],ft.prototype,"pendingLabel",2),Kt([P("slot:not([name])")],ft.prototype,"optionSlot",2),Kt([W()],ft.prototype,"overlayOpen",2),Kt([P("#input")],ft.prototype,"input",2),Kt([n({type:Array})],ft.prototype,"options",2),Kt([W()],ft.prototype,"optionEls",2),Kt([W()],ft.prototype,"fieldWidth",2);customElements.define("sp-combobox",ft);p();L();J();ds();p();L();p();Ve();Ko();var od=["s","m","l"],sd=["white","black"];var dx=Object.defineProperty,Oh=(o,t,e,r)=>{for(var s=void 0,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=a(t,e,s)||s);return s&&dx(t,e,s),s},id=class id extends R(E,{validSizes:od,noDefaultSize:!0}){constructor(){super(...arguments),this.vertical=!1}firstUpdated(t){super.firstUpdated(t),this.setAttribute("role","separator")}updated(t){super.updated(t),t.has("vertical")&&(this.vertical?this.setAttribute("aria-orientation","vertical"):this.removeAttribute("aria-orientation"))}};id.STATIC_COLORS=sd;var Pr=id;Oh([n({type:Boolean,reflect:!0})],Pr.prototype,"vertical");Oh([n({reflect:!0,attribute:"static-color"})],Pr.prototype,"staticColor");p();var ux=y` @media (forced-colors:active){:host{--highcontrast-divider-background-color:CanvasText}}:host{--spectrum-divider-thickness:var(--spectrum-divider-thickness-medium)}:host([size=s]){--spectrum-divider-thickness:var(--spectrum-divider-thickness-small)}:host([size=l]){--spectrum-divider-thickness:var(--spectrum-divider-thickness-large);--spectrum-divider-background-color:var(--spectrum-gray-800)}:host([static-color=white]){--mod-divider-background-color:var(--mod-divider-background-color-medium-static-white,var(--spectrum-divider-background-color-static-white))}:host([static-color=white][size=s]){--mod-divider-background-color:var(--mod-divider-background-color-small-static-white,var(--spectrum-divider-background-color-static-white))}:host([static-color=white][size=l]){--mod-divider-background-color:var(--mod-divider-background-color-large-static-white,var(--spectrum-transparent-white-800))}:host([static-color=black]){--mod-divider-background-color:var(--mod-divider-background-color-medium-static-black,var(--spectrum-divider-background-color-static-black))}:host([static-color=black][size=s]){--mod-divider-background-color:var(--mod-divider-background-color-small-static-black,var(--spectrum-divider-background-color-static-black))}:host([static-color=black][size=l]){--mod-divider-background-color:var(--mod-divider-background-color-large-static-black,var(--spectrum-transparent-black-800))}:host{block-size:var(--mod-divider-thickness,var(--spectrum-divider-thickness));border:none;border-width:var(--mod-divider-thickness,var(--spectrum-divider-thickness));border-radius:var(--mod-divider-thickness,var(--spectrum-divider-thickness));background-color:var(--highcontrast-divider-background-color,var(--mod-divider-background-color,var(--spectrum-divider-background-color)));inline-size:100%;overflow:visible}:host([vertical]){inline-size:var(--mod-divider-thickness,var(--spectrum-divider-thickness));block-size:100%;block-size:var(--mod-divider-vertical-height,100%);margin-block:var(--mod-divider-vertical-margin);align-self:var(--mod-divider-vertical-align)}:host{--spectrum-divider-background-color:var(--system-divider-background-color);--spectrum-divider-background-color-static-white:var(--system-divider-background-color-static-white);--spectrum-divider-background-color-static-black:var(--system-divider-background-color-static-black)}:host{display:block}hr{border:none;margin:0} -`,ua=nx;var hs=class extends Pr{render(){return c``}};hs.styles=[ua];x();l("sp-divider",hs);Nt();p();L();le();te();ro();var ma=class{constructor(t,{target:e,config:r,callback:s,skipInitial:i}){this.t=new Set,this.o=!1,this.i=!1,this.h=t,e!==null&&this.t.add(e??t),this.l=r,this.o=i??this.o,this.callback=s,window.ResizeObserver?(this.u=new ResizeObserver(a=>{this.handleChanges(a),this.h.requestUpdate()}),t.addController(this)):console.warn("ResizeController error: browser does not support ResizeObserver.")}handleChanges(t){this.value=this.callback?.(t,this.u)}hostConnected(){for(let t of this.t)this.observe(t)}hostDisconnected(){this.disconnect()}async hostUpdated(){!this.o&&this.i&&this.handleChanges([]),this.i=!1}observe(t){this.t.add(t),this.u.observe(t,this.l),this.i=!0,this.h.requestUpdate()}unobserve(t){this.t.delete(t),this.u.unobserve(t)}disconnect(){this.u.disconnect()}};p();var lx=y` +`,ua=ux;var hs=class extends Pr{render(){return c``}};hs.styles=[ua];x();l("sp-divider",hs);Nt();p();L();le();te();ro();var ma=class{constructor(t,{target:e,config:r,callback:s,skipInitial:i}){this.t=new Set,this.o=!1,this.i=!1,this.h=t,e!==null&&this.t.add(e??t),this.l=r,this.o=i??this.o,this.callback=s,window.ResizeObserver?(this.u=new ResizeObserver(a=>{this.handleChanges(a),this.h.requestUpdate()}),t.addController(this)):console.warn("ResizeController error: browser does not support ResizeObserver.")}handleChanges(t){this.value=this.callback?.(t,this.u)}hostConnected(){for(let t of this.t)this.observe(t)}hostDisconnected(){this.disconnect()}async hostUpdated(){!this.o&&this.i&&this.handleChanges([]),this.i=!1}observe(t){this.t.add(t),this.u.observe(t,this.l),this.i=!0,this.h.requestUpdate()}unobserve(t){this.t.delete(t),this.u.unobserve(t)}disconnect(){this.u.disconnect()}};p();var mx=y` /*! * Copyright 2025 Adobe. All rights reserved. This file is licensed to you under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License./ * @@ -1385,7 +1385,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho * } */ :host{--spectrum-alert-dialog-min-width:var(--spectrum-alert-dialog-minimum-width);--spectrum-alert-dialog-max-width:var(--spectrum-alert-dialog-maximum-width);--spectrum-alert-dialog-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-alert-dialog-warning-icon-color:var(--spectrum-notice-visual-color);--spectrum-alert-dialog-error-icon-color:var(--spectrum-negative-visual-color);--spectrum-alert-dialog-title-font-family:var(--spectrum-sans-font-family-stack);--spectrum-alert-dialog-title-font-weight:var(--spectrum-heading-sans-serif-font-weight);--spectrum-alert-dialog-title-font-style:var(--spectrum-heading-sans-serif-font-style);--spectrum-alert-dialog-title-font-size:var(--spectrum-alert-dialog-title-size);--spectrum-alert-dialog-title-line-height:var(--spectrum-heading-line-height);--spectrum-alert-dialog-title-color:var(--spectrum-heading-color);--spectrum-alert-dialog-body-font-family:var(--spectrum-sans-font-family-stack);--spectrum-alert-dialog-body-font-weight:var(--spectrum-body-sans-serif-font-weight);--spectrum-alert-dialog-body-font-style:var(--spectrum-body-sans-serif-font-style);--spectrum-alert-dialog-body-font-size:var(--spectrum-alert-dialog-description-size);--spectrum-alert-dialog-body-line-height:var(--spectrum-line-height-100);--spectrum-alert-dialog-body-color:var(--spectrum-body-color);--spectrum-alert-dialog-title-to-divider:var(--spectrum-spacing-200);--spectrum-alert-dialog-divider-to-description:var(--spectrum-spacing-300);--spectrum-alert-dialog-title-to-icon:var(--spectrum-spacing-300);--mod-buttongroup-justify-content:flex-end;box-sizing:border-box;inline-size:fit-content;min-inline-size:var(--mod-alert-dialog-min-width,var(--spectrum-alert-dialog-min-width));max-inline-size:var(--mod-alert-dialog-max-width,var(--spectrum-alert-dialog-max-width));max-block-size:inherit;padding:var(--mod-alert-dialog-padding,var(--spectrum-alert-dialog-padding));outline:none;display:flex}.icon{inline-size:var(--mod-alert-dialog-icon-size,var(--spectrum-alert-dialog-icon-size));block-size:var(--mod-alert-dialog-icon-size,var(--spectrum-alert-dialog-icon-size));flex-shrink:0;margin-inline-start:var(--mod-alert-dialog-title-to-icon,var(--spectrum-alert-dialog-title-to-icon))}:host([variant=warning]){--mod-icon-color:var(--mod-alert-dialog-warning-icon-color,var(--spectrum-alert-dialog-warning-icon-color))}:host([variant=error]){--mod-icon-color:var(--mod-alert-dialog-error-icon-color,var(--spectrum-alert-dialog-error-icon-color))}.grid{display:grid}.header{justify-content:space-between;align-items:baseline;display:flex}::slotted([slot=heading]){font-family:var(--mod-alert-dialog-title-font-family,var(--spectrum-alert-dialog-title-font-family));font-weight:var(--mod-alert-dialog-title-font-weight,var(--spectrum-alert-dialog-title-font-weight));font-style:var(--mod-alert-dialog-title-font-style,var(--spectrum-alert-dialog-title-font-style));font-size:var(--mod-alert-dialog-title-font-size,var(--spectrum-alert-dialog-title-font-size));line-height:var(--mod-alert-dialog-title-line-height,var(--spectrum-alert-dialog-title-line-height));color:var(--mod-alert-dialog-title-color,var(--spectrum-alert-dialog-title-color));margin:0;margin-block-end:var(--mod-alert-dialog-title-to-divider,var(--spectrum-alert-dialog-title-to-divider))}.content{font-family:var(--mod-alert-dialog-body-font-family,var(--spectrum-alert-dialog-body-font-family));font-weight:var(--mod-alert-dialog-body-font-weight,var(--spectrum-alert-dialog-body-font-weight));font-style:var(--mod-alert-dialog-body-font-style,var(--spectrum-alert-dialog-body-font-style));font-size:var(--mod-alert-dialog-body-font-size,var(--spectrum-alert-dialog-body-font-size));line-height:var(--mod-alert-dialog-body-line-height,var(--spectrum-alert-dialog-body-line-height));color:var(--mod-alert-dialog-body-color,var(--spectrum-alert-dialog-body-color));-webkit-overflow-scrolling:touch;margin:0;margin-block-start:var(--mod-alert-dialog-divider-to-description,var(--spectrum-alert-dialog-divider-to-description));margin-block-end:var(--mod-alert-dialog-description-to-buttons,var(--spectrum-alert-dialog-description-to-buttons));overflow-y:auto}@media (forced-colors:active){:host{border:solid}}.divider{--spectrum-divider-background-color:var(--system-alert-dialog-divider-background-color);--spectrum-divider-background-color-static-white:var(--spectrum-alert-dialog-divider-background-color-static-white);--spectrum-divider-background-color-static-black:var(--spectrum-alert-dialog-divider-background-color-static-black)} - `,Oh=lx;var dx=Object.defineProperty,ux=Object.getOwnPropertyDescriptor,Dh=(o,t,e,r)=>{for(var s=r>1?void 0:r?ux(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&dx(t,e,s),s},mx=["confirmation","information","warning","error","destructive","secondary"];function Hh(o,t){let e=o.assignedElements(),r=[];return e.forEach(s=>{if(s.id)r.push(s.id);else{let i=t+`-${at()}`;s.id=i,r.push(i)}}),r}var pa=class id extends mt(E){constructor(){super(...arguments),this.resizeController=new ma(this,{callback:()=>{this.shouldManageTabOrderForScrolling()}}),this._variant="",this.labelledbyId=`sp-dialog-label-${id.instanceCount++}`,this.shouldManageTabOrderForScrolling=()=>{if(!this.contentElement)return;let{offsetHeight:t,scrollHeight:e}=this.contentElement;t{for(var s=r>1?void 0:r?hx(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&px(t,e,s),s},bx=["confirmation","information","warning","error","destructive","secondary"];function Rh(o,t){let e=o.assignedElements(),r=[];return e.forEach(s=>{if(s.id)r.push(s.id);else{let i=t+`-${at()}`;s.id=i,r.push(i)}}),r}var pa=class ad extends mt(E){constructor(){super(...arguments),this.resizeController=new ma(this,{callback:()=>{this.shouldManageTabOrderForScrolling()}}),this._variant="",this.labelledbyId=`sp-dialog-label-${ad.instanceCount++}`,this.shouldManageTabOrderForScrolling=()=>{if(!this.contentElement)return;let{offsetHeight:t,scrollHeight:e}=this.contentElement;t `;default:return c``}}renderHeading(){return c` @@ -1393,7 +1393,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
- `}onHeadingSlotchange({target:t}){this.conditionLabelledby&&(this.conditionLabelledby(),delete this.conditionLabelledby);let e=Hh(t,this.labelledbyId);e.length&&(this.conditionLabelledby=Bt(this,"aria-labelledby",e))}onContentSlotChange({target:t}){requestAnimationFrame(()=>{this.resizeController.unobserve(this.contentElement),this.resizeController.observe(this.contentElement)}),this.conditionDescribedby&&(this.conditionDescribedby(),delete this.conditionDescribedby);let e=Hh(t,this.describedbyId);if(e.length&&e.length<4)this.conditionDescribedby=Bt(this,"aria-describedby",e);else if(!e.length){let r=!!this.id;r||(this.id=this.describedbyId);let s=Bt(this,"aria-describedby",this.id);this.conditionDescribedby=()=>{s(),r||this.removeAttribute("id")}}}renderButtons(){return c` + `}onHeadingSlotchange({target:t}){this.conditionLabelledby&&(this.conditionLabelledby(),delete this.conditionLabelledby);let e=Rh(t,this.labelledbyId);e.length&&(this.conditionLabelledby=Bt(this,"aria-labelledby",e))}onContentSlotChange({target:t}){requestAnimationFrame(()=>{this.resizeController.unobserve(this.contentElement),this.resizeController.observe(this.contentElement)}),this.conditionDescribedby&&(this.conditionDescribedby(),delete this.conditionDescribedby);let e=Rh(t,this.describedbyId);if(e.length&&e.length<4)this.conditionDescribedby=Bt(this,"aria-describedby",e);else if(!e.length){let r=!!this.id;r||(this.id=this.describedbyId);let s=Bt(this,"aria-describedby",this.id);this.conditionDescribedby=()=>{s(),r||this.removeAttribute("id")}}}renderButtons(){return c` @@ -1405,9 +1405,9 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho ${this.renderContent()} ${this.renderButtons()} - `}};pa.instanceCount=0,Dh([P(".content")],pa.prototype,"contentElement",2),Dh([n({type:String,reflect:!0})],pa.prototype,"variant",1);var Rh=pa;J();p();var px=y` + `}};pa.instanceCount=0,Hh([P(".content")],pa.prototype,"contentElement",2),Hh([n({type:String,reflect:!0})],pa.prototype,"variant",1);var qh=pa;J();p();var gx=y` :host{box-sizing:border-box;inline-size:fit-content;min-inline-size:var(--mod-dialog-min-inline-size,var(--spectrum-dialog-min-inline-size));max-inline-size:100%;max-block-size:inherit;outline:none;display:flex}:host([size=s]){inline-size:var(--mod-dialog-confirm-small-width,var(--spectrum-dialog-confirm-small-width))}:host([size=m]){inline-size:var(--mod-dialog-confirm-medium-width,var(--spectrum-dialog-confirm-medium-width))}:host([size=l]){inline-size:var(--mod-dialog-confirm-large-width,var(--spectrum-dialog-confirm-large-width))}::slotted([slot=hero]){block-size:var(--mod-dialog-confirm-hero-height,var(--spectrum-dialog-confirm-hero-height));background-position:50%;background-size:cover;border-start-start-radius:var(--mod-dialog-confirm-border-radius,var(--spectrum-dialog-confirm-border-radius));border-start-end-radius:var(--mod-dialog-confirm-border-radius,var(--spectrum-dialog-confirm-border-radius));grid-area:hero;overflow:hidden}.grid{grid-template-columns:var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid))auto 1fr auto minmax(0,auto)var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid));grid-template-areas:"hero hero hero hero hero hero"". . . . . ."".heading header header header."".divider divider divider divider."".content content content content."".footer footer buttonGroup buttonGroup."". . . . . .";grid-template-rows:auto var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid))auto auto 1fr auto var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid));inline-size:100%;display:grid}::slotted([slot=heading]){font-size:var(--mod-dialog-confirm-title-text-size,var(--spectrum-dialog-confirm-title-text-size));font-weight:var(--mod-dialog-heading-font-weight,var(--spectrum-dialog-heading-font-weight));line-height:var(--mod-dialog-confirm-title-text-line-height,var(--spectrum-dialog-confirm-title-text-line-height));color:var(--mod-dialog-confirm-title-text-color,var(--spectrum-dialog-confirm-title-text-color));outline:none;grid-area:heading;margin:0;padding-inline-end:var(--mod-dialog-confirm-gap-size,var(--spectrum-dialog-confirm-gap-size))}.no-header::slotted([slot=heading]){grid-area:heading-start/heading-start/header-end/header-end;padding-inline-end:0}.header{box-sizing:border-box;outline:none;grid-area:header;justify-content:flex-end;align-items:center;display:flex}.divider{inline-size:100%;grid-area:divider;margin-block-start:var(--mod-dialog-confirm-divider-block-spacing-end,var(--spectrum-dialog-confirm-divider-block-spacing-end));margin-block-end:var(--mod-dialog-confirm-divider-block-spacing-start,var(--spectrum-dialog-confirm-divider-block-spacing-start))}:host([mode=fullscreen]) [name=heading]+.divider{margin-block-end:calc(var(--mod-dialog-confirm-divider-block-spacing-start,var(--spectrum-dialog-confirm-divider-block-spacing-start)) - var(--mod-dialog-confirm-description-padding,var(--spectrum-dialog-confirm-description-padding))*2)}:host([no-divider]) .divider{display:none}:host([no-divider]) ::slotted([slot=heading]){padding-block-end:calc(var(--mod-dialog-confirm-divider-block-spacing-end,var(--spectrum-dialog-confirm-divider-block-spacing-end)) + var(--mod-dialog-confirm-divider-block-spacing-start,var(--spectrum-dialog-confirm-divider-block-spacing-start)) + var(--mod-dialog-confirm-divider-height,var(--spectrum-dialog-confirm-divider-height)))}.content{box-sizing:border-box;-webkit-overflow-scrolling:touch;font-size:var(--mod-dialog-confirm-description-text-size,var(--spectrum-dialog-confirm-description-text-size));font-weight:var(--mod-dialog-confirm-description-font-weight,var(--spectrum-regular-font-weight));line-height:var(--mod-dialog-confirm-description-text-line-height,var(--spectrum-dialog-confirm-description-text-line-height));color:var(--mod-dialog-confirm-description-text-color,var(--spectrum-dialog-confirm-description-text-color));padding:calc(var(--mod-dialog-confirm-description-padding,var(--spectrum-dialog-confirm-description-padding))*2);margin:0 var(--mod-dialog-confirm-description-margin,var(--spectrum-dialog-confirm-description-margin));outline:none;grid-area:content;overflow-y:auto}.footer{outline:none;flex-wrap:wrap;grid-area:footer;padding-block-start:var(--mod-dialog-confirm-footer-padding-top,var(--spectrum-dialog-confirm-footer-padding-top));display:flex}.footer>*,.footer>.spectrum-Button+.spectrum-Button{margin-block-end:0}.button-group{grid-area:buttonGroup;justify-content:flex-end;padding-block-start:var(--mod-dialog-confirm-buttongroup-padding-top,var(--spectrum-dialog-confirm-buttongroup-padding-top));padding-inline-start:var(--mod-dialog-confirm-gap-size,var(--spectrum-dialog-confirm-gap-size));display:flex}.button-group.button-group--noFooter{grid-area:footer-start/footer-start/buttonGroup-end/buttonGroup-end}:host([dismissable]) .grid{grid-template-columns:var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid))auto 1fr auto minmax(0,auto)minmax(0,var(--mod-dialog-confirm-close-button-size,var(--spectrum-dialog-confirm-close-button-size)))var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid));grid-template-areas:"hero hero hero hero hero hero hero"". . . . .closeButton closeButton"".heading header header typeIcon closeButton closeButton"".divider divider divider divider divider."".content content content content content."".footer footer buttonGroup buttonGroup buttonGroup."". . . . . . .";grid-template-rows:auto var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid))auto auto 1fr auto var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid))}:host([dismissable]) .grid .button-group{display:none}:host([dismissable]) .grid .footer{color:var(--mod-dialog-confirm-description-text-color,var(--spectrum-dialog-confirm-description-text-color));grid-area:footer/footer/buttonGroup/buttonGroup}.close-button{grid-area:closeButton;place-self:start end;margin-block-start:var(--mod-dialog-confirm-close-button-padding,var(--spectrum-dialog-confirm-close-button-padding));margin-inline-end:var(--mod-dialog-confirm-close-button-padding,var(--spectrum-dialog-confirm-close-button-padding))}:host([mode=fullscreen]){block-size:100%;inline-size:100%}:host([mode=fullscreenTakeover]){border-radius:0;block-size:100%;inline-size:100%}:host([mode=fullscreen]),:host([mode=fullscreenTakeover]){max-block-size:none;max-inline-size:none}:host([mode=fullscreen]) .grid,:host([mode=fullscreenTakeover]) .grid{grid-template-columns:var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid))1fr auto auto var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid));grid-template-rows:var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid))auto auto 1fr var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid));grid-template-areas:". . . . ."".heading header buttonGroup."".divider divider divider."".content content content."". . . . .";display:grid}:host([mode=fullscreen]) ::slotted([slot=heading]),:host([mode=fullscreenTakeover]) ::slotted([slot=heading]){font-size:var(--mod-dialog-fullscreen-header-text-size,var(--spectrum-dialog-fullscreen-header-text-size))}:host([mode=fullscreen]) .content,:host([mode=fullscreenTakeover]) .content{max-block-size:none}:host([mode=fullscreen]) .button-group,:host([mode=fullscreen]) .footer,:host([mode=fullscreenTakeover]) .button-group,:host([mode=fullscreenTakeover]) .footer{padding-block-start:0}:host([mode=fullscreen]) .footer,:host([mode=fullscreenTakeover]) .footer{display:none}:host([mode=fullscreen]) .button-group,:host([mode=fullscreenTakeover]) .button-group{grid-area:buttonGroup;align-self:start}@media screen and (width<=700px){.grid{grid-template-columns:var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid))auto 1fr auto minmax(0,auto)var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid));grid-template-areas:"hero hero hero hero hero hero"". . . . . ."".heading heading heading heading."".header header header header."".divider divider divider divider."".content content content content."".footer footer buttonGroup buttonGroup."". . . . . ."}.grid,:host([dismissable]) .grid{grid-template-rows:auto var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid))auto auto auto 1fr auto var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid))}:host([dismissable]) .grid{grid-template-columns:var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid))auto 1fr auto minmax(0,auto)minmax(0,var(--mod-dialog-confirm-close-button-size,var(--spectrum-dialog-confirm-close-button-size)))var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid));grid-template-areas:"hero hero hero hero hero hero hero"". . . . .closeButton closeButton"".heading heading heading heading closeButton closeButton"".header header header header header."".divider divider divider divider divider."".content content content content content."".footer footer buttonGroup buttonGroup buttonGroup."". . . . . . ."}.header{justify-content:flex-start}:host([mode=fullscreen]) .grid,:host([mode=fullscreenTakeover]) .grid{grid-template-columns:var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid))1fr var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid));grid-template-rows:var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid))auto auto auto 1fr auto var(--mod-dialog-confirm-padding-grid,var(--spectrum-dialog-confirm-padding-grid));grid-template-areas:". . ."".heading."".header."".divider."".content."".buttonGroup."". . .";display:grid}:host([mode=fullscreen]) .button-group,:host([mode=fullscreenTakeover]) .button-group{padding-block-start:var(--mod-dialog-confirm-buttongroup-padding-top,var(--spectrum-dialog-confirm-buttongroup-padding-top))}:host([mode=fullscreen]) ::slotted([slot=heading]),:host([mode=fullscreenTakeover]) ::slotted([slot=heading]){font-size:var(--mod-dialog-confirm-title-text-size,var(--spectrum-dialog-confirm-title-text-size))}}@media (forced-colors:active){:host{border:solid}}:host{--spectrum-dialog-fullscreen-header-text-size:var(--system-dialog-fullscreen-header-text-size);--spectrum-dialog-min-inline-size:var(--system-dialog-min-inline-size);--spectrum-dialog-confirm-small-width:var(--system-dialog-confirm-small-width);--spectrum-dialog-confirm-medium-width:var(--system-dialog-confirm-medium-width);--spectrum-dialog-confirm-large-width:var(--system-dialog-confirm-large-width);--spectrum-dialog-confirm-divider-block-spacing-start:var(--system-dialog-confirm-divider-block-spacing-start);--spectrum-dialog-confirm-divider-block-spacing-end:var(--system-dialog-confirm-divider-block-spacing-end);--spectrum-dialog-confirm-description-text-color:var(--system-dialog-confirm-description-text-color);--spectrum-dialog-confirm-title-text-color:var(--system-dialog-confirm-title-text-color);--spectrum-dialog-confirm-description-text-line-height:var(--system-dialog-confirm-description-text-line-height);--spectrum-dialog-confirm-title-text-line-height:var(--system-dialog-confirm-title-text-line-height);--spectrum-dialog-heading-font-weight:var(--system-dialog-heading-font-weight);--spectrum-dialog-confirm-description-padding:var(--system-dialog-confirm-description-padding);--spectrum-dialog-confirm-description-margin:var(--system-dialog-confirm-description-margin);--spectrum-dialog-confirm-footer-padding-top:var(--system-dialog-confirm-footer-padding-top);--spectrum-dialog-confirm-gap-size:var(--system-dialog-confirm-gap-size);--spectrum-dialog-confirm-buttongroup-padding-top:var(--system-dialog-confirm-buttongroup-padding-top);--spectrum-dialog-confirm-close-button-size:var(--system-dialog-confirm-close-button-size);--spectrum-dialog-confirm-close-button-padding:var(--system-dialog-confirm-close-button-padding);--spectrum-dialog-confirm-divider-height:var(--system-dialog-confirm-divider-height)}:host{--swc-alert-dialog-error-icon-color:var(--spectrum-negative-visual-color)}.content{overflow:hidden}.footer{color:var(--spectrum-dialog-confirm-description-text-color,var(--spectrum-gray-800))}.type-icon{color:var(--mod-alert-dialog-error-icon-color,var(--swc-alert-dialog-error-icon-color));grid-area:typeIcon}.content[tabindex]{overflow:auto}::slotted(img[slot=hero]){width:100%;height:auto}.grid{grid-template-areas:"hero hero hero hero hero hero"". . . . . ."".heading heading heading typeIcon."".divider divider divider divider."".content content content content."".footer footer buttonGroup buttonGroup."". . . . . .";inline-size:100%;display:grid}:host(:not([error],[dismissable],[mode])) .grid{grid-template-areas:"hero hero hero hero hero hero"". . . . . ."".heading heading heading heading."".divider divider divider divider."".content content content content."".footer footer buttonGroup buttonGroup."". . . . . .";inline-size:100%;display:grid} -`,qh=px;var hx=Object.defineProperty,bx=Object.getOwnPropertyDescriptor,Mr=(o,t,e,r)=>{for(var s=r>1?void 0:r?bx(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&hx(t,e,s),s},ae=class extends Vt(Rh,['[slot="hero"]','[slot="footer"]','[slot="button"]']){constructor(){super(...arguments),this.error=!1,this.dismissable=!1,this.dismissLabel="Close",this.noDivider=!1}static get styles(){return[qh]}get hasFooter(){return this.getSlotContentPresence('[slot="footer"]')}get hasButtons(){return this.getSlotContentPresence('[slot="button"]')}get hasHero(){return this.getSlotContentPresence('[slot="hero"]')}close(){this.dispatchEvent(new Event("close",{bubbles:!0,composed:!0,cancelable:!0}))}renderHero(){return c` +`,jh=gx;var vx=Object.defineProperty,fx=Object.getOwnPropertyDescriptor,Mr=(o,t,e,r)=>{for(var s=r>1?void 0:r?fx(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&vx(t,e,s),s},ae=class extends Vt(qh,['[slot="hero"]','[slot="footer"]','[slot="button"]']){constructor(){super(...arguments),this.error=!1,this.dismissable=!1,this.dismissLabel="Close",this.noDivider=!1}static get styles(){return[jh]}get hasFooter(){return this.getSlotContentPresence('[slot="footer"]')}get hasButtons(){return this.getSlotContentPresence('[slot="button"]')}get hasHero(){return this.getSlotContentPresence('[slot="hero"]')}close(){this.dispatchEvent(new Event("close",{bubbles:!0,composed:!0,cancelable:!0}))}renderHero(){return c` `}renderFooter(){return c` - `}shouldUpdate(t){return t.has("mode")&&this.mode&&(this.dismissable=!1),t.has("dismissable")&&this.dismissable&&(this.dismissable=!this.mode),super.shouldUpdate(t)}firstUpdated(t){super.firstUpdated(t),this.setAttribute("role","dialog")}updated(t){super.updated(t)}};Mr([P(".close-button")],ae.prototype,"closeButton",2),Mr([n({type:Boolean,reflect:!0})],ae.prototype,"error",2),Mr([n({type:Boolean,reflect:!0})],ae.prototype,"dismissable",2),Mr([n({type:String,reflect:!0,attribute:"dismiss-label"})],ae.prototype,"dismissLabel",2),Mr([n({type:Boolean,reflect:!0,attribute:"no-divider"})],ae.prototype,"noDivider",2),Mr([n({type:String,reflect:!0})],ae.prototype,"mode",2),Mr([n({type:String,reflect:!0})],ae.prototype,"size",2);x();l("sp-dialog",ae);p();L();ds();p();var gx=y` + `}shouldUpdate(t){return t.has("mode")&&this.mode&&(this.dismissable=!1),t.has("dismissable")&&this.dismissable&&(this.dismissable=!this.mode),super.shouldUpdate(t)}firstUpdated(t){super.firstUpdated(t),this.setAttribute("role","dialog")}updated(t){super.updated(t)}};Mr([P(".close-button")],ae.prototype,"closeButton",2),Mr([n({type:Boolean,reflect:!0})],ae.prototype,"error",2),Mr([n({type:Boolean,reflect:!0})],ae.prototype,"dismissable",2),Mr([n({type:String,reflect:!0,attribute:"dismiss-label"})],ae.prototype,"dismissLabel",2),Mr([n({type:Boolean,reflect:!0,attribute:"no-divider"})],ae.prototype,"noDivider",2),Mr([n({type:String,reflect:!0})],ae.prototype,"mode",2),Mr([n({type:String,reflect:!0})],ae.prototype,"size",2);x();l("sp-dialog",ae);p();L();ds();p();var xx=y` :host{box-sizing:border-box;visibility:hidden;pointer-events:none;z-index:1;block-size:stretch;inline-size:100vw;transition:visibility 0s linear var(--mod-modal-transition-animation-duration,var(--spectrum-animation-duration-100));justify-content:center;align-items:center;display:flex;position:fixed;inset-block-start:0;inset-inline-start:0}:host([open]){visibility:visible}@media only screen and (device-height<=350px),only screen and (device-width<=400px){:host([responsive]){border-radius:0;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;margin-block-start:0}} -`,jh=gx;Xl();Nt();co();var vx=Object.defineProperty,fx=Object.getOwnPropertyDescriptor,bs=(o,t,e,r)=>{for(var s=r>1?void 0:r?fx(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&vx(t,e,s),s},Ae=class extends mt(E){constructor(){super(...arguments),this.dismissable=!1,this.open=!1,this.responsive=!1,this.transitionPromise=Promise.resolve(),this.resolveTransitionPromise=()=>{},this.underlay=!1,this.animating=!1}static get styles(){return[jh,Ui]}get dialog(){return this.shadowRoot.querySelector("slot").assignedElements()[0]||this}async focus(){if(this.shadowRoot){let t=Ye(this.dialog);t?(t.updateComplete&&await t.updateComplete,t.focus()):this.dialog.focus()}else super.focus()}overlayWillCloseCallback(){return this.open?(this.close(),!0):this.animating}dismiss(){this.dismissable&&this.close()}handleClose(t){t.stopPropagation(),this.close()}close(){this.open=!1}dispatchClosed(){this.dispatchEvent(new Event("close",{bubbles:!0}))}handleTransitionEvent(t){this.dispatchEvent(new TransitionEvent(t.type,{bubbles:!0,composed:!0,propertyName:t.propertyName}))}handleUnderlayTransitionend(t){!this.open&&t.propertyName==="visibility"&&this.resolveTransitionPromise(),this.handleTransitionEvent(t)}handleModalTransitionend(t){(this.open||!this.underlay)&&this.resolveTransitionPromise(),this.handleTransitionEvent(t)}get hasTransitionDuration(){let t=this.shadowRoot.querySelector(".modal"),e=window.getComputedStyle(t).transitionDuration;for(let s of e.split(","))if(parseFloat(s)>0)return!0;let r=this.shadowRoot.querySelector("sp-underlay");if(r){let s=window.getComputedStyle(r).transitionDuration;for(let i of s.split(","))if(parseFloat(i)>0)return!0}return!1}update(t){if(t.has("open")&&t.get("open")!==void 0){let e=this.hasTransitionDuration;this.animating=!0,this.transitionPromise=new Promise(r=>{this.resolveTransitionPromise=()=>{this.animating=!1,!this.open&&e&&this.dispatchClosed(),r()}}),!this.open&&!e&&this.dispatchClosed()}super.update(t)}renderDialog(){return c` +`,Fh=xx;Jl();Nt();co();var yx=Object.defineProperty,wx=Object.getOwnPropertyDescriptor,bs=(o,t,e,r)=>{for(var s=r>1?void 0:r?wx(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&yx(t,e,s),s},Ae=class extends mt(E){constructor(){super(...arguments),this.dismissable=!1,this.open=!1,this.responsive=!1,this.transitionPromise=Promise.resolve(),this.resolveTransitionPromise=()=>{},this.underlay=!1,this.animating=!1}static get styles(){return[Fh,Ui]}get dialog(){return this.shadowRoot.querySelector("slot").assignedElements()[0]||this}async focus(){if(this.shadowRoot){let t=Ye(this.dialog);t?(t.updateComplete&&await t.updateComplete,t.focus()):this.dialog.focus()}else super.focus()}overlayWillCloseCallback(){return this.open?(this.close(),!0):this.animating}dismiss(){this.dismissable&&this.close()}handleClose(t){t.stopPropagation(),this.close()}close(){this.open=!1}dispatchClosed(){this.dispatchEvent(new Event("close",{bubbles:!0}))}handleTransitionEvent(t){this.dispatchEvent(new TransitionEvent(t.type,{bubbles:!0,composed:!0,propertyName:t.propertyName}))}handleUnderlayTransitionend(t){!this.open&&t.propertyName==="visibility"&&this.resolveTransitionPromise(),this.handleTransitionEvent(t)}handleModalTransitionend(t){(this.open||!this.underlay)&&this.resolveTransitionPromise(),this.handleTransitionEvent(t)}get hasTransitionDuration(){let t=this.shadowRoot.querySelector(".modal"),e=window.getComputedStyle(t).transitionDuration;for(let s of e.split(","))if(parseFloat(s)>0)return!0;let r=this.shadowRoot.querySelector("sp-underlay");if(r){let s=window.getComputedStyle(r).transitionDuration;for(let i of s.split(","))if(parseFloat(i)>0)return!0}return!1}update(t){if(t.has("open")&&t.get("open")!==void 0){let e=this.hasTransitionDuration;this.animating=!0,this.transitionPromise=new Promise(r=>{this.resolveTransitionPromise=()=>{this.animating=!1,!this.open&&e&&this.dispatchClosed(),r()}}),!this.open&&!e&&this.dispatchClosed()}super.update(t)}renderDialog(){return c` `}render(){return c` ${this.underlay?c` @@ -1462,7 +1462,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho > ${this.renderDialog()} - `}updated(t){t.has("open")&&this.open&&"updateComplete"in this.dialog&&"shouldManageTabOrderForScrolling"in this.dialog&&this.dialog.updateComplete.then(()=>{this.dialog.shouldManageTabOrderForScrolling()})}async getUpdateComplete(){let t=await super.getUpdateComplete();return await this.transitionPromise,t}};bs([n({type:Boolean,reflect:!0})],Ae.prototype,"dismissable",2),bs([n({type:Boolean,reflect:!0})],Ae.prototype,"open",2),bs([n({type:String,reflect:!0})],Ae.prototype,"mode",2),bs([n({type:Boolean})],Ae.prototype,"responsive",2),bs([n({type:Boolean})],Ae.prototype,"underlay",2);var xx=Object.defineProperty,yx=Object.getOwnPropertyDescriptor,Gt=(o,t,e,r)=>{for(var s=r>1?void 0:r?yx(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&xx(t,e,s),s},xt=class extends Ae{constructor(){super(...arguments),this.error=!1,this.cancelLabel="",this.confirmLabel="",this.dismissLabel="Close",this.footer="",this.hero="",this.heroLabel="",this.noDivider=!1,this.secondaryLabel="",this.headline=""}static get styles(){return[...super.styles]}get dialog(){return this.shadowRoot.querySelector("sp-dialog")}clickSecondary(){this.dispatchEvent(new Event("secondary",{bubbles:!0}))}clickCancel(){this.dispatchEvent(new Event("cancel",{bubbles:!0}))}clickConfirm(){this.dispatchEvent(new Event("confirm",{bubbles:!0}))}renderDialog(){let t=this.noDivider||!this.headline||this.headlineVisibility==="none";return c` + `}updated(t){t.has("open")&&this.open&&"updateComplete"in this.dialog&&"shouldManageTabOrderForScrolling"in this.dialog&&this.dialog.updateComplete.then(()=>{this.dialog.shouldManageTabOrderForScrolling()})}async getUpdateComplete(){let t=await super.getUpdateComplete();return await this.transitionPromise,t}};bs([n({type:Boolean,reflect:!0})],Ae.prototype,"dismissable",2),bs([n({type:Boolean,reflect:!0})],Ae.prototype,"open",2),bs([n({type:String,reflect:!0})],Ae.prototype,"mode",2),bs([n({type:Boolean})],Ae.prototype,"responsive",2),bs([n({type:Boolean})],Ae.prototype,"underlay",2);var kx=Object.defineProperty,zx=Object.getOwnPropertyDescriptor,Gt=(o,t,e,r)=>{for(var s=r>1?void 0:r?zx(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&kx(t,e,s),s},xt=class extends Ae{constructor(){super(...arguments),this.error=!1,this.cancelLabel="",this.confirmLabel="",this.dismissLabel="Close",this.footer="",this.hero="",this.heroLabel="",this.noDivider=!1,this.secondaryLabel="",this.headline=""}static get styles(){return[...super.styles]}get dialog(){return this.shadowRoot.querySelector("sp-dialog")}clickSecondary(){this.dispatchEvent(new Event("secondary",{bubbles:!0}))}clickCancel(){this.dispatchEvent(new Event("cancel",{bubbles:!0}))}clickConfirm(){this.dispatchEvent(new Event("confirm",{bubbles:!0}))}renderDialog(){let t=this.noDivider||!this.headline||this.headlineVisibility==="none";return c` `:_} - `}};Gt([n({type:Boolean,reflect:!0})],xt.prototype,"error",2),Gt([n({attribute:"cancel-label"})],xt.prototype,"cancelLabel",2),Gt([n({attribute:"confirm-label"})],xt.prototype,"confirmLabel",2),Gt([n({attribute:"dismiss-label"})],xt.prototype,"dismissLabel",2),Gt([n()],xt.prototype,"footer",2),Gt([n()],xt.prototype,"hero",2),Gt([n({attribute:"hero-label"})],xt.prototype,"heroLabel",2),Gt([n({type:Boolean,reflect:!0,attribute:"no-divider"})],xt.prototype,"noDivider",2),Gt([n({type:String,reflect:!0})],xt.prototype,"size",2),Gt([n({attribute:"secondary-label"})],xt.prototype,"secondaryLabel",2),Gt([n()],xt.prototype,"headline",2),Gt([n({type:String,attribute:"headline-visibility"})],xt.prototype,"headlineVisibility",2);x();l("sp-dialog-wrapper",xt);p();L();p();var wx=y` + `}};Gt([n({type:Boolean,reflect:!0})],xt.prototype,"error",2),Gt([n({attribute:"cancel-label"})],xt.prototype,"cancelLabel",2),Gt([n({attribute:"confirm-label"})],xt.prototype,"confirmLabel",2),Gt([n({attribute:"dismiss-label"})],xt.prototype,"dismissLabel",2),Gt([n()],xt.prototype,"footer",2),Gt([n()],xt.prototype,"hero",2),Gt([n({attribute:"hero-label"})],xt.prototype,"heroLabel",2),Gt([n({type:Boolean,reflect:!0,attribute:"no-divider"})],xt.prototype,"noDivider",2),Gt([n({type:String,reflect:!0})],xt.prototype,"size",2),Gt([n({attribute:"secondary-label"})],xt.prototype,"secondaryLabel",2),Gt([n()],xt.prototype,"headline",2),Gt([n({type:String,attribute:"headline-visibility"})],xt.prototype,"headlineVisibility",2);x();l("sp-dialog-wrapper",xt);p();L();p();var Cx=y` .spectrum-FieldGroup--toplabel{flex-direction:column}.spectrum-FieldGroup--sidelabel{flex-direction:row}.group{flex-flow:column wrap;display:flex}:host([vertical]) .group{flex-direction:column}:host([horizontal]) .group{flex-direction:row}:host([horizontal]) .group slot:not([name])::slotted(:not(:last-child)){margin-inline-end:var(--spectrum-fieldgroup-margin)}:host([horizontal]) .group .spectrum-HelpText{flex-basis:100%}:host{--spectrum-fieldgroup-margin:var(--system-field-group-margin);--spectrum-fieldgroup-readonly-delimiter:var(--system-field-group-readonly-delimiter)}:host([horizontal][dir=rtl]) slot:not([name])::slotted(:not(:last-child)),:host([dir=rtl]:not([vertical])) slot:not([name])::slotted(:not(:last-child)){margin:0 0 0 var(--spectrum-fieldgroup-margin)}:host([horizontal][dir=ltr]) slot:not([name])::slotted(:not(:last-child)),:host([dir=ltr]:not([vertical])) slot:not([name])::slotted(:not(:last-child)){margin:0 var(--spectrum-fieldgroup-margin)0 0} -`,Fh=wx;var kx=Object.defineProperty,zx=Object.getOwnPropertyDescriptor,ha=(o,t,e,r)=>{for(var s=r>1?void 0:r?zx(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&kx(t,e,s),s},ve=class extends da(E,{mode:"external"}){constructor(){super(...arguments),this.horizontal=!1,this.invalid=!1,this.label="",this.vertical=!1}static get styles(){return[Fh]}handleSlotchange(){}render(){return c` +`,Vh=Cx;var Tx=Object.defineProperty,Ix=Object.getOwnPropertyDescriptor,ha=(o,t,e,r)=>{for(var s=r>1?void 0:r?Ix(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&Tx(t,e,s),s},ve=class extends da(E,{mode:"external"}){constructor(){super(...arguments),this.horizontal=!1,this.invalid=!1,this.label="",this.vertical=!1}static get styles(){return[Vh]}handleSlotchange(){}render(){return c` ${this.renderHelpText(this.invalid)} - `}firstUpdated(t){super.firstUpdated(t),this.hasAttribute("role")||this.setAttribute("role","group")}updated(t){super.updated(t),t.has("label")&&(this.label?this.setAttribute("aria-label",this.label):this.removeAttribute("aria-label"))}};ha([n({type:Boolean,reflect:!0})],ve.prototype,"horizontal",2),ha([n({type:Boolean,reflect:!0})],ve.prototype,"invalid",2),ha([n()],ve.prototype,"label",2),ha([n({type:Boolean,reflect:!0})],ve.prototype,"vertical",2);x();l("sp-field-group",ve);p();L();p();var Cx=y` + `}firstUpdated(t){super.firstUpdated(t),this.hasAttribute("role")||this.setAttribute("role","group")}updated(t){super.updated(t),t.has("label")&&(this.label?this.setAttribute("aria-label",this.label):this.removeAttribute("aria-label"))}};ha([n({type:Boolean,reflect:!0})],ve.prototype,"horizontal",2),ha([n({type:Boolean,reflect:!0})],ve.prototype,"invalid",2),ha([n()],ve.prototype,"label",2),ha([n({type:Boolean,reflect:!0})],ve.prototype,"vertical",2);x();l("sp-field-group",ve);p();L();p();var Sx=y` /*! * Copyright 2025 Adobe. All rights reserved. This file is licensed to you under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License./ * @@ -1550,12 +1550,12 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho * } */ @media (forced-colors:active){:host{--highcontrast-helptext-content-color-default:CanvasText;--highcontrast-helptext-icon-color-default:CanvasText}:host,.text,.icon{forced-color-adjust:none}}:host{--spectrum-helptext-content-color-default:var(--spectrum-neutral-subdued-content-color-default);--spectrum-helptext-icon-color-default:var(--spectrum-neutral-subdued-content-color-default);color:var(--highcontrast-helptext-content-color-default,var(--mod-helptext-content-color-default,var(--spectrum-helptext-content-color-default)));font-size:var(--mod-helptext-font-size,var(--spectrum-helptext-font-size));min-block-size:var(--mod-helptext-min-height,var(--spectrum-helptext-min-height));display:flex}:host([size=s]){--spectrum-helptext-min-height:var(--spectrum-component-height-75);--spectrum-helptext-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-helptext-font-size:var(--spectrum-font-size-75);--spectrum-helptext-text-to-visual:var(--spectrum-text-to-visual-75);--spectrum-helptext-top-to-workflow-icon:var(--spectrum-help-text-top-to-workflow-icon-small);--spectrum-helptext-bottom-to-workflow-icon:var(--spectrum-helptext-top-to-workflow-icon)}:host,:host{--spectrum-helptext-min-height:var(--spectrum-component-height-75);--spectrum-helptext-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-helptext-font-size:var(--spectrum-font-size-75);--spectrum-helptext-text-to-visual:var(--spectrum-text-to-visual-75);--spectrum-helptext-top-to-workflow-icon:var(--spectrum-help-text-top-to-workflow-icon-medium);--spectrum-helptext-bottom-to-workflow-icon:var(--spectrum-helptext-top-to-workflow-icon)}:host([size=l]){--spectrum-helptext-min-height:var(--spectrum-component-height-100);--spectrum-helptext-icon-size:var(--spectrum-workflow-icon-size-200);--spectrum-helptext-font-size:var(--spectrum-font-size-100);--spectrum-helptext-text-to-visual:var(--spectrum-text-to-visual-100);--spectrum-helptext-top-to-workflow-icon:var(--spectrum-help-text-top-to-workflow-icon-large);--spectrum-helptext-bottom-to-workflow-icon:var(--spectrum-helptext-top-to-workflow-icon)}:host([size=xl]){--spectrum-helptext-min-height:var(--spectrum-component-height-200);--spectrum-helptext-icon-size:var(--spectrum-workflow-icon-size-300);--spectrum-helptext-font-size:var(--spectrum-font-size-200);--spectrum-helptext-text-to-visual:var(--spectrum-text-to-visual-200);--spectrum-helptext-top-to-workflow-icon:var(--spectrum-help-text-top-to-workflow-icon-extra-large);--spectrum-helptext-bottom-to-workflow-icon:var(--spectrum-helptext-top-to-workflow-icon)}:host([variant=neutral]){--spectrum-helptext-content-color-default:var(--spectrum-neutral-subdued-content-color-default);--spectrum-helptext-icon-color-default:var(--spectrum-neutral-subdued-content-color-default)}:host([variant=negative]){--spectrum-helptext-content-color-default:var(--spectrum-negative-color-900);--spectrum-helptext-icon-color-default:var(--spectrum-negative-color-900)}:host([disabled]){--spectrum-helptext-content-color-default:var(--spectrum-disabled-content-color);--spectrum-helptext-icon-color-default:var(--spectrum-disabled-content-color)}:host(:lang(ja)),:host(:lang(ko)),:host(:lang(zh)){--mod-helptext-line-height:var(--mod-helptext-line-height-cjk,var(--spectrum-cjk-line-height-100))}.icon{block-size:var(--mod-helptext-icon-size,var(--spectrum-helptext-icon-size));inline-size:var(--mod-helptext-icon-size,var(--spectrum-helptext-icon-size));flex-shrink:0;margin-inline-end:var(--mod-helptext-text-to-visual,var(--spectrum-helptext-text-to-visual));padding-block-start:var(--mod-helptext-top-to-workflow-icon,var(--spectrum-helptext-top-to-workflow-icon));padding-block-end:var(--mod-helptext-bottom-to-workflow-icon,var(--spectrum-helptext-bottom-to-workflow-icon))}.text{line-height:var(--mod-helptext-line-height,var(--spectrum-line-height-100));padding-block-start:var(--mod-helptext-top-to-text,var(--spectrum-helptext-top-to-text));padding-block-end:var(--mod-helptext-bottom-to-text,var(--spectrum-helptext-bottom-to-text))}:host([variant=neutral]) .text{color:var(--highcontrast-helptext-content-color-default,var(--mod-helptext-content-color-default,var(--spectrum-helptext-content-color-default)))}:host([variant=neutral]) .icon{color:var(--highcontrast-helptext-icon-color-default,var(--mod-helptext-icon-color-default,var(--spectrum-helptext-icon-color-default)))}:host([variant=negative]) .text{color:var(--highcontrast-helptext-content-color-default,var(--mod-helptext-content-color-default,var(--spectrum-helptext-content-color-default)))}:host([variant=negative]) .icon{color:var(--highcontrast-helptext-icon-color-default,var(--mod-helptext-icon-color-default,var(--spectrum-helptext-icon-color-default)))}:host([disabled]) .text{color:var(--highcontrast-helptext-content-color-default,var(--mod-helptext-content-color-default,var(--spectrum-helptext-content-color-default)))}:host([disabled]) .icon{color:var(--highcontrast-helptext-icon-color-default,var(--mod-helptext-icon-color-default,var(--spectrum-helptext-icon-color-default)))} - `,Vh=Cx;var Tx=Object.defineProperty,Ix=Object.getOwnPropertyDescriptor,Nh=(o,t,e,r)=>{for(var s=r>1?void 0:r?Ix(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&Tx(t,e,s),s},wo=class extends R(E,{noDefaultSize:!0}){constructor(){super(...arguments),this.icon=!1,this.variant="neutral"}static get styles(){return[Vh]}render(){return c` + `,Nh=Sx;var Ex=Object.defineProperty,$x=Object.getOwnPropertyDescriptor,Uh=(o,t,e,r)=>{for(var s=r>1?void 0:r?$x(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&Ex(t,e,s),s},wo=class extends R(E,{noDefaultSize:!0}){constructor(){super(...arguments),this.icon=!1,this.variant="neutral"}static get styles(){return[Nh]}render(){return c` ${this.variant==="negative"&&this.icon?c` `:_}
- `}};Nh([n({type:Boolean,reflect:!0})],wo.prototype,"icon",2),Nh([n({reflect:!0})],wo.prototype,"variant",2);x();l("sp-help-text",wo);x();l("sp-icon",vr);p();var Uh=({width:o=24,height:t=24,hidden:e=!1,title:r="Add"}={})=>u`u` - `;var Zh=({width:o=24,height:t=24,hidden:e=!1,title:r="Add"}={})=>u``;var Kh=({width:o=24,height:t=24,hidden:e=!1,title:r="Add"}={})=>u` - `;var ba=class extends h{render(){return g(c),this.spectrumVersion===2?Uh({hidden:!this.label,title:this.label}):Zh({hidden:!this.label,title:this.label})}};x();l("sp-icon-add",ba);p();var Kh=({width:o=24,height:t=24,hidden:e=!1,title:r="Apps"}={})=>u``;var ba=class extends h{render(){return g(c),this.spectrumVersion===2?Zh({hidden:!this.label,title:this.label}):Kh({hidden:!this.label,title:this.label})}};x();l("sp-icon-add",ba);p();var Gh=({width:o=24,height:t=24,hidden:e=!1,title:r="Apps"}={})=>u` - `;var Gh=({width:o=24,height:t=24,hidden:e=!1,title:r="Apps"}={})=>u``;var Wh=({width:o=24,height:t=24,hidden:e=!1,title:r="Apps"}={})=>u` - `;var ga=class extends h{render(){return g(c),this.spectrumVersion===2?Kh({hidden:!this.label,title:this.label}):Gh({hidden:!this.label,title:this.label})}};x();l("sp-icon-apps",ga);p();var Wh=({width:o=24,height:t=24,hidden:e=!1,title:r="Archive"}={})=>u``;var ga=class extends h{render(){return g(c),this.spectrumVersion===2?Gh({hidden:!this.label,title:this.label}):Wh({hidden:!this.label,title:this.label})}};x();l("sp-icon-apps",ga);p();var Yh=({width:o=24,height:t=24,hidden:e=!1,title:r="Archive"}={})=>u` - `;var Yh=({width:o=24,height:t=24,hidden:e=!1,title:r="Archive"}={})=>u``;var Xh=({width:o=24,height:t=24,hidden:e=!1,title:r="Archive"}={})=>u` - `;var va=class extends h{render(){return g(c),this.spectrumVersion===2?Wh({hidden:!this.label,title:this.label}):Yh({hidden:!this.label,title:this.label})}};x();l("sp-icon-archive",va);p();var Xh=({width:o=24,height:t=24,hidden:e=!1,title:r="Aspect Ratio"}={})=>u``;var va=class extends h{render(){return g(c),this.spectrumVersion===2?Yh({hidden:!this.label,title:this.label}):Xh({hidden:!this.label,title:this.label})}};x();l("sp-icon-archive",va);p();var Jh=({width:o=24,height:t=24,hidden:e=!1,title:r="Aspect Ratio"}={})=>u` - `;var fa=class extends h{render(){return g(c),this.spectrumVersion===2?Xh({hidden:!this.label,title:this.label}):H({hidden:!this.label,title:this.label})}};x();l("sp-icon-aspect-ratio",fa);p();var Jh=({width:o=24,height:t=24,hidden:e=!1,title:r="Bell"}={})=>u`u` - `;var Qh=({width:o=24,height:t=24,hidden:e=!1,title:r="Bell"}={})=>u``;var t0=({width:o=24,height:t=24,hidden:e=!1,title:r="Bell"}={})=>u` - `;var xa=class extends h{render(){return g(c),this.spectrumVersion===2?Jh({hidden:!this.label,title:this.label}):Qh({hidden:!this.label,title:this.label})}};x();l("sp-icon-bell",xa);p();var t0=({width:o=24,height:t=24,hidden:e=!1,title:r="Bookmark"}={})=>u``;var xa=class extends h{render(){return g(c),this.spectrumVersion===2?Qh({hidden:!this.label,title:this.label}):t0({hidden:!this.label,title:this.label})}};x();l("sp-icon-bell",xa);p();var e0=({width:o=24,height:t=24,hidden:e=!1,title:r="Bookmark"}={})=>u` - `;var e0=({width:o=24,height:t=24,hidden:e=!1,title:r="Bookmark"}={})=>u``;var r0=({width:o=24,height:t=24,hidden:e=!1,title:r="Bookmark"}={})=>u` - `;var ya=class extends h{render(){return g(c),this.spectrumVersion===2?t0({hidden:!this.label,title:this.label}):e0({hidden:!this.label,title:this.label})}};x();l("sp-icon-bookmark",ya);p();var r0=({width:o=24,height:t=24,hidden:e=!1,title:r="Brush"}={})=>u``;var ya=class extends h{render(){return g(c),this.spectrumVersion===2?e0({hidden:!this.label,title:this.label}):r0({hidden:!this.label,title:this.label})}};x();l("sp-icon-bookmark",ya);p();var o0=({width:o=24,height:t=24,hidden:e=!1,title:r="Brush"}={})=>u` - `;var o0=({width:o=24,height:t=24,hidden:e=!1,title:r="Brush"}={})=>u``;var s0=({width:o=24,height:t=24,hidden:e=!1,title:r="Brush"}={})=>u` - `;var wa=class extends h{render(){return g(c),this.spectrumVersion===2?r0({hidden:!this.label,title:this.label}):o0({hidden:!this.label,title:this.label})}};x();l("sp-icon-brush",wa);p();var s0=({width:o=24,height:t=24,hidden:e=!1,title:r="Calendar"}={})=>u``;var wa=class extends h{render(){return g(c),this.spectrumVersion===2?o0({hidden:!this.label,title:this.label}):s0({hidden:!this.label,title:this.label})}};x();l("sp-icon-brush",wa);p();var i0=({width:o=24,height:t=24,hidden:e=!1,title:r="Calendar"}={})=>u` - `;var i0=({width:o=24,height:t=24,hidden:e=!1,title:r="Calendar"}={})=>u``;var a0=({width:o=24,height:t=24,hidden:e=!1,title:r="Calendar"}={})=>u` - `;var ka=class extends h{render(){return g(c),this.spectrumVersion===2?s0({hidden:!this.label,title:this.label}):i0({hidden:!this.label,title:this.label})}};x();l("sp-icon-calendar",ka);p();var a0=({width:o=24,height:t=24,hidden:e=!1,title:r="Camera"}={})=>u``;var ka=class extends h{render(){return g(c),this.spectrumVersion===2?i0({hidden:!this.label,title:this.label}):a0({hidden:!this.label,title:this.label})}};x();l("sp-icon-calendar",ka);p();var c0=({width:o=24,height:t=24,hidden:e=!1,title:r="Camera"}={})=>u` - `;var c0=({width:o=24,height:t=24,hidden:e=!1,title:r="Camera"}={})=>u``;var n0=({width:o=24,height:t=24,hidden:e=!1,title:r="Camera"}={})=>u` - `;var za=class extends h{render(){return g(c),this.spectrumVersion===2?a0({hidden:!this.label,title:this.label}):c0({hidden:!this.label,title:this.label})}};x();l("sp-icon-camera",za);p();var n0=({width:o=24,height:t=24,hidden:e=!1,title:r="Campaign"}={})=>u``;var za=class extends h{render(){return g(c),this.spectrumVersion===2?c0({hidden:!this.label,title:this.label}):n0({hidden:!this.label,title:this.label})}};x();l("sp-icon-camera",za);p();var l0=({width:o=24,height:t=24,hidden:e=!1,title:r="Campaign"}={})=>u` - `;var Ca=class extends h{render(){return g(c),this.spectrumVersion===1?n0({hidden:!this.label,title:this.label}):H({hidden:!this.label,title:this.label})}};x();l("sp-icon-campaign",Ca);p();var l0=({width:o=24,height:t=24,hidden:e=!1,title:r="Cancel"}={})=>u``;var Ca=class extends h{render(){return g(c),this.spectrumVersion===1?l0({hidden:!this.label,title:this.label}):H({hidden:!this.label,title:this.label})}};x();l("sp-icon-campaign",Ca);p();var d0=({width:o=24,height:t=24,hidden:e=!1,title:r="Cancel"}={})=>u` - `;var d0=({width:o=24,height:t=24,hidden:e=!1,title:r="Cancel"}={})=>u``;var u0=({width:o=24,height:t=24,hidden:e=!1,title:r="Cancel"}={})=>u` - `;var Ta=class extends h{render(){return g(c),this.spectrumVersion===2?l0({hidden:!this.label,title:this.label}):d0({hidden:!this.label,title:this.label})}};x();l("sp-icon-cancel",Ta);p();var u0=({width:o=24,height:t=24,hidden:e=!1,title:r="CCLibrary"}={})=>u``;var Ta=class extends h{render(){return g(c),this.spectrumVersion===2?d0({hidden:!this.label,title:this.label}):u0({hidden:!this.label,title:this.label})}};x();l("sp-icon-cancel",Ta);p();var m0=({width:o=24,height:t=24,hidden:e=!1,title:r="CCLibrary"}={})=>u` - `;var m0=({width:o=24,height:t=24,hidden:e=!1,title:r="CCLibrary"}={})=>u``;var p0=({width:o=24,height:t=24,hidden:e=!1,title:r="CCLibrary"}={})=>u` - `;var Ia=class extends h{render(){return g(c),this.spectrumVersion===2?u0({hidden:!this.label,title:this.label}):m0({hidden:!this.label,title:this.label})}};x();l("sp-icon-cclibrary",Ia);p();var p0=({width:o=24,height:t=24,hidden:e=!1,title:r="Checkmark"}={})=>u``;var Ia=class extends h{render(){return g(c),this.spectrumVersion===2?m0({hidden:!this.label,title:this.label}):p0({hidden:!this.label,title:this.label})}};x();l("sp-icon-cclibrary",Ia);p();var h0=({width:o=24,height:t=24,hidden:e=!1,title:r="Checkmark"}={})=>u` - `;var h0=({width:o=24,height:t=24,hidden:e=!1,title:r="Checkmark"}={})=>u``;var b0=({width:o=24,height:t=24,hidden:e=!1,title:r="Checkmark"}={})=>u` - `;var Sa=class extends h{render(){return g(c),this.spectrumVersion===2?p0({hidden:!this.label,title:this.label}):h0({hidden:!this.label,title:this.label})}};x();l("sp-icon-checkmark",Sa);p();var b0=({width:o=24,height:t=24,hidden:e=!1,title:r="Chevron Down"}={})=>u``;var Sa=class extends h{render(){return g(c),this.spectrumVersion===2?h0({hidden:!this.label,title:this.label}):b0({hidden:!this.label,title:this.label})}};x();l("sp-icon-checkmark",Sa);p();var g0=({width:o=24,height:t=24,hidden:e=!1,title:r="Chevron Down"}={})=>u` - `;var g0=({width:o=24,height:t=24,hidden:e=!1,title:r="Chevron Down"}={})=>u``;var v0=({width:o=24,height:t=24,hidden:e=!1,title:r="Chevron Down"}={})=>u` - `;var Ea=class extends h{render(){return g(c),this.spectrumVersion===2?b0({hidden:!this.label,title:this.label}):g0({hidden:!this.label,title:this.label})}};x();l("sp-icon-chevron-down",Ea);p();var v0=({width:o=24,height:t=24,hidden:e=!1,title:r="Chevron Left"}={})=>u``;var Ea=class extends h{render(){return g(c),this.spectrumVersion===2?g0({hidden:!this.label,title:this.label}):v0({hidden:!this.label,title:this.label})}};x();l("sp-icon-chevron-down",Ea);p();var f0=({width:o=24,height:t=24,hidden:e=!1,title:r="Chevron Left"}={})=>u` - `;var f0=({width:o=24,height:t=24,hidden:e=!1,title:r="Chevron Left"}={})=>u``;var x0=({width:o=24,height:t=24,hidden:e=!1,title:r="Chevron Left"}={})=>u` - `;var $a=class extends h{render(){return g(c),this.spectrumVersion===2?v0({hidden:!this.label,title:this.label}):f0({hidden:!this.label,title:this.label})}};x();l("sp-icon-chevron-left",$a);p();var x0=({width:o=24,height:t=24,hidden:e=!1,title:r="Chevron Right"}={})=>u``;var $a=class extends h{render(){return g(c),this.spectrumVersion===2?f0({hidden:!this.label,title:this.label}):x0({hidden:!this.label,title:this.label})}};x();l("sp-icon-chevron-left",$a);p();var y0=({width:o=24,height:t=24,hidden:e=!1,title:r="Chevron Right"}={})=>u` - `;var y0=({width:o=24,height:t=24,hidden:e=!1,title:r="Chevron Right"}={})=>u``;var w0=({width:o=24,height:t=24,hidden:e=!1,title:r="Chevron Right"}={})=>u` - `;var _a=class extends h{render(){return g(c),this.spectrumVersion===2?x0({hidden:!this.label,title:this.label}):y0({hidden:!this.label,title:this.label})}};x();l("sp-icon-chevron-right",_a);p();var w0=({width:o=24,height:t=24,hidden:e=!1,title:r="Chevron Up"}={})=>u``;var _a=class extends h{render(){return g(c),this.spectrumVersion===2?y0({hidden:!this.label,title:this.label}):w0({hidden:!this.label,title:this.label})}};x();l("sp-icon-chevron-right",_a);p();var k0=({width:o=24,height:t=24,hidden:e=!1,title:r="Chevron Up"}={})=>u` - `;var k0=({width:o=24,height:t=24,hidden:e=!1,title:r="Chevron Up"}={})=>u``;var z0=({width:o=24,height:t=24,hidden:e=!1,title:r="Chevron Up"}={})=>u` - `;var Aa=class extends h{render(){return g(c),this.spectrumVersion===2?w0({hidden:!this.label,title:this.label}):k0({hidden:!this.label,title:this.label})}};x();l("sp-icon-chevron-up",Aa);p();var z0=({width:o=24,height:t=24,hidden:e=!1,title:r="Close Circle"}={})=>u``;var Aa=class extends h{render(){return g(c),this.spectrumVersion===2?k0({hidden:!this.label,title:this.label}):z0({hidden:!this.label,title:this.label})}};x();l("sp-icon-chevron-up",Aa);p();var C0=({width:o=24,height:t=24,hidden:e=!1,title:r="Close Circle"}={})=>u` - `;var C0=({width:o=24,height:t=24,hidden:e=!1,title:r="Close Circle"}={})=>u``;var T0=({width:o=24,height:t=24,hidden:e=!1,title:r="Close Circle"}={})=>u` - `;var La=class extends h{render(){return g(c),this.spectrumVersion===2?z0({hidden:!this.label,title:this.label}):C0({hidden:!this.label,title:this.label})}};x();l("sp-icon-close-circle",La);p();var T0=({width:o=24,height:t=24,hidden:e=!1,title:r="Close"}={})=>u``;var La=class extends h{render(){return g(c),this.spectrumVersion===2?C0({hidden:!this.label,title:this.label}):T0({hidden:!this.label,title:this.label})}};x();l("sp-icon-close-circle",La);p();var I0=({width:o=24,height:t=24,hidden:e=!1,title:r="Close"}={})=>u` - `;var I0=({width:o=24,height:t=24,hidden:e=!1,title:r="Close"}={})=>u``;var S0=({width:o=24,height:t=24,hidden:e=!1,title:r="Close"}={})=>u` - `;var Pa=class extends h{render(){return g(c),this.spectrumVersion===2?T0({hidden:!this.label,title:this.label}):I0({hidden:!this.label,title:this.label})}};x();l("sp-icon-close",Pa);p();var S0=({width:o=24,height:t=24,hidden:e=!1,title:r="Code"}={})=>u``;var Pa=class extends h{render(){return g(c),this.spectrumVersion===2?I0({hidden:!this.label,title:this.label}):S0({hidden:!this.label,title:this.label})}};x();l("sp-icon-close",Pa);p();var E0=({width:o=24,height:t=24,hidden:e=!1,title:r="Code"}={})=>u` - `;var E0=({width:o=24,height:t=24,hidden:e=!1,title:r="Code"}={})=>u``;var $0=({width:o=24,height:t=24,hidden:e=!1,title:r="Code"}={})=>u` - `;var Ma=class extends h{render(){return g(c),this.spectrumVersion===2?S0({hidden:!this.label,title:this.label}):E0({hidden:!this.label,title:this.label})}};x();l("sp-icon-code",Ma);p();var $0=({width:o=24,height:t=24,hidden:e=!1,title:r="Collection"}={})=>u``;var Ma=class extends h{render(){return g(c),this.spectrumVersion===2?E0({hidden:!this.label,title:this.label}):$0({hidden:!this.label,title:this.label})}};x();l("sp-icon-code",Ma);p();var _0=({width:o=24,height:t=24,hidden:e=!1,title:r="Collection"}={})=>u` - `;var _0=({width:o=24,height:t=24,hidden:e=!1,title:r="Collection"}={})=>u``;var A0=({width:o=24,height:t=24,hidden:e=!1,title:r="Collection"}={})=>u` - `;var Ba=class extends h{render(){return g(c),this.spectrumVersion===2?$0({hidden:!this.label,title:this.label}):_0({hidden:!this.label,title:this.label})}};x();l("sp-icon-collection",Ba);p();var A0=({width:o=24,height:t=24,hidden:e=!1,title:r="Copy"}={})=>u``;var Ba=class extends h{render(){return g(c),this.spectrumVersion===2?_0({hidden:!this.label,title:this.label}):A0({hidden:!this.label,title:this.label})}};x();l("sp-icon-collection",Ba);p();var L0=({width:o=24,height:t=24,hidden:e=!1,title:r="Copy"}={})=>u` - `;var L0=({width:o=24,height:t=24,hidden:e=!1,title:r="Copy"}={})=>u``;var P0=({width:o=24,height:t=24,hidden:e=!1,title:r="Copy"}={})=>u` - `;var Oa=class extends h{render(){return g(c),this.spectrumVersion===2?A0({hidden:!this.label,title:this.label}):L0({hidden:!this.label,title:this.label})}};x();l("sp-icon-copy",Oa);p();var P0=({width:o=24,height:t=24,hidden:e=!1,title:r="Cover Image"}={})=>u``;var Oa=class extends h{render(){return g(c),this.spectrumVersion===2?L0({hidden:!this.label,title:this.label}):P0({hidden:!this.label,title:this.label})}};x();l("sp-icon-copy",Oa);p();var M0=({width:o=24,height:t=24,hidden:e=!1,title:r="Paste"}={})=>u` + + + `;var B0=({width:o=24,height:t=24,hidden:e=!1,title:r="Paste"}={})=>u` + + + `;var Da=class extends h{render(){return g(c),this.spectrumVersion===2?M0({hidden:!this.label,title:this.label}):B0({hidden:!this.label,title:this.label})}};x();l("sp-icon-paste",Da);p();var O0=({width:o=24,height:t=24,hidden:e=!1,title:r="Cover Image"}={})=>u` - `;var Da=class extends h{render(){return g(c),this.spectrumVersion===1?P0({hidden:!this.label,title:this.label}):H({hidden:!this.label,title:this.label})}};x();l("sp-icon-cover-image",Da);p();var M0=({width:o=24,height:t=24,hidden:e=!1,title:r="Data Correlated"}={})=>u``;var Ha=class extends h{render(){return g(c),this.spectrumVersion===1?O0({hidden:!this.label,title:this.label}):H({hidden:!this.label,title:this.label})}};x();l("sp-icon-cover-image",Ha);p();var D0=({width:o=24,height:t=24,hidden:e=!1,title:r="Data Correlated"}={})=>u` - `;var Ha=class extends h{render(){return g(c),this.spectrumVersion===1?M0({hidden:!this.label,title:this.label}):H({hidden:!this.label,title:this.label})}};x();l("sp-icon-data-correlated",Ha);p();var B0=({width:o=24,height:t=24,hidden:e=!1,title:r="Delete"}={})=>u``;var Ra=class extends h{render(){return g(c),this.spectrumVersion===1?D0({hidden:!this.label,title:this.label}):H({hidden:!this.label,title:this.label})}};x();l("sp-icon-data-correlated",Ra);p();var H0=({width:o=24,height:t=24,hidden:e=!1,title:r="Delete"}={})=>u` - `;var O0=({width:o=24,height:t=24,hidden:e=!1,title:r="Delete"}={})=>u``;var R0=({width:o=24,height:t=24,hidden:e=!1,title:r="Delete"}={})=>u` - `;var Ra=class extends h{render(){return g(c),this.spectrumVersion===2?B0({hidden:!this.label,title:this.label}):O0({hidden:!this.label,title:this.label})}};x();l("sp-icon-delete",Ra);p();var qa=({width:o=24,height:t=24,hidden:e=!1,title:r="Deselect"}={})=>u``;var qa=class extends h{render(){return g(c),this.spectrumVersion===2?H0({hidden:!this.label,title:this.label}):R0({hidden:!this.label,title:this.label})}};x();l("sp-icon-delete",qa);p();var ja=({width:o=24,height:t=24,hidden:e=!1,title:r="Deselect"}={})=>u` - `;var ja=({width:o=24,height:t=24,hidden:e=!1,title:r="Select No"}={})=>u``;var Fa=({width:o=24,height:t=24,hidden:e=!1,title:r="Select No"}={})=>u` - `;var Fa=class extends h{render(){return g(c),this.spectrumVersion===1?qa({hidden:!this.label,title:this.label}):ja({hidden:!this.label,title:this.label})}};x();l("sp-icon-deselect",Fa);p();var D0=({width:o=24,height:t=24,hidden:e=!1,title:r="Divide"}={})=>u``;var Va=class extends h{render(){return g(c),this.spectrumVersion===1?ja({hidden:!this.label,title:this.label}):Fa({hidden:!this.label,title:this.label})}};x();l("sp-icon-deselect",Va);p();var q0=({width:o=24,height:t=24,hidden:e=!1,title:r="Divide"}={})=>u` - `;var Va=class extends h{render(){return g(c),this.spectrumVersion===1?D0({hidden:!this.label,title:this.label}):H({hidden:!this.label,title:this.label})}};x();l("sp-icon-divide",Va);p();var H0=({width:o=24,height:t=24,hidden:e=!1,title:r="Duplicate"}={})=>u``;var Na=class extends h{render(){return g(c),this.spectrumVersion===1?q0({hidden:!this.label,title:this.label}):H({hidden:!this.label,title:this.label})}};x();l("sp-icon-divide",Na);p();var j0=({width:o=24,height:t=24,hidden:e=!1,title:r="Duplicate"}={})=>u` - `;var R0=({width:o=24,height:t=24,hidden:e=!1,title:r="Duplicate"}={})=>u``;var F0=({width:o=24,height:t=24,hidden:e=!1,title:r="Duplicate"}={})=>u` - `;var Na=class extends h{render(){return g(c),this.spectrumVersion===2?H0({hidden:!this.label,title:this.label}):R0({hidden:!this.label,title:this.label})}};x();l("sp-icon-duplicate",Na);p();var q0=({width:o=24,height:t=24,hidden:e=!1,title:r="Edit"}={})=>u``;var Ua=class extends h{render(){return g(c),this.spectrumVersion===2?j0({hidden:!this.label,title:this.label}):F0({hidden:!this.label,title:this.label})}};x();l("sp-icon-duplicate",Ua);p();var V0=({width:o=24,height:t=24,hidden:e=!1,title:r="Edit"}={})=>u` - `;var j0=({width:o=24,height:t=24,hidden:e=!1,title:r="Edit"}={})=>u``;var N0=({width:o=24,height:t=24,hidden:e=!1,title:r="Edit"}={})=>u` - `;var Ua=class extends h{render(){return g(c),this.spectrumVersion===2?q0({hidden:!this.label,title:this.label}):j0({hidden:!this.label,title:this.label})}};x();l("sp-icon-edit",Ua);p();var F0=({width:o=24,height:t=24,hidden:e=!1,title:r="Export"}={})=>u``;var Za=class extends h{render(){return g(c),this.spectrumVersion===2?V0({hidden:!this.label,title:this.label}):N0({hidden:!this.label,title:this.label})}};x();l("sp-icon-edit",Za);p();var U0=({width:o=24,height:t=24,hidden:e=!1,title:r="Export"}={})=>u` - `;var V0=({width:o=24,height:t=24,hidden:e=!1,title:r="Export"}={})=>u``;var Z0=({width:o=24,height:t=24,hidden:e=!1,title:r="Export"}={})=>u` - `;var Za=class extends h{render(){return g(c),this.spectrumVersion===2?F0({hidden:!this.label,title:this.label}):V0({hidden:!this.label,title:this.label})}};x();l("sp-icon-export",Za);p();var N0=({width:o=24,height:t=24,hidden:e=!1,title:r="File Txt"}={})=>u``;var Ka=class extends h{render(){return g(c),this.spectrumVersion===2?U0({hidden:!this.label,title:this.label}):Z0({hidden:!this.label,title:this.label})}};x();l("sp-icon-export",Ka);p();var K0=({width:o=24,height:t=24,hidden:e=!1,title:r="File Txt"}={})=>u` - `;var U0=({width:o=24,height:t=24,hidden:e=!1,title:r="File Text"}={})=>u``;var G0=({width:o=24,height:t=24,hidden:e=!1,title:r="File Text"}={})=>u` - `;var Ka=class extends h{render(){return g(c),this.spectrumVersion===1?N0({hidden:!this.label,title:this.label}):U0({hidden:!this.label,title:this.label})}};x();l("sp-icon-file-txt",Ka);p();var Z0=({width:o=24,height:t=24,hidden:e=!1,title:r="Filter"}={})=>u``;var Ga=class extends h{render(){return g(c),this.spectrumVersion===1?K0({hidden:!this.label,title:this.label}):G0({hidden:!this.label,title:this.label})}};x();l("sp-icon-file-txt",Ga);p();var W0=({width:o=24,height:t=24,hidden:e=!1,title:r="Filter"}={})=>u` - `;var K0=({width:o=24,height:t=24,hidden:e=!1,title:r="Filter"}={})=>u``;var Y0=({width:o=24,height:t=24,hidden:e=!1,title:r="Filter"}={})=>u` - `;var Ga=class extends h{render(){return g(c),this.spectrumVersion===2?Z0({hidden:!this.label,title:this.label}):K0({hidden:!this.label,title:this.label})}};x();l("sp-icon-filter",Ga);p();var G0=({width:o=24,height:t=24,hidden:e=!1,title:r="Folder Add"}={})=>u``;var Wa=class extends h{render(){return g(c),this.spectrumVersion===2?W0({hidden:!this.label,title:this.label}):Y0({hidden:!this.label,title:this.label})}};x();l("sp-icon-filter",Wa);p();var X0=({width:o=24,height:t=24,hidden:e=!1,title:r="Folder Add"}={})=>u` - `;var W0=({width:o=24,height:t=24,hidden:e=!1,title:r="Folder Add"}={})=>u``;var J0=({width:o=24,height:t=24,hidden:e=!1,title:r="Folder Add"}={})=>u` - `;var Wa=class extends h{render(){return g(c),this.spectrumVersion===2?G0({hidden:!this.label,title:this.label}):W0({hidden:!this.label,title:this.label})}};x();l("sp-icon-folder-add",Wa);p();var Y0=({width:o=24,height:t=24,hidden:e=!1,title:r="Globe Grid"}={})=>u``;var Ya=class extends h{render(){return g(c),this.spectrumVersion===2?X0({hidden:!this.label,title:this.label}):J0({hidden:!this.label,title:this.label})}};x();l("sp-icon-folder-add",Ya);p();var Q0=({width:o=24,height:t=24,hidden:e=!1,title:r="Globe Grid"}={})=>u` - `;var X0=({width:o=24,height:t=24,hidden:e=!1,title:r="Globe Grid"}={})=>u``;var tb=({width:o=24,height:t=24,hidden:e=!1,title:r="Globe Grid"}={})=>u` - `;var Ya=class extends h{render(){return g(c),this.spectrumVersion===2?Y0({hidden:!this.label,title:this.label}):X0({hidden:!this.label,title:this.label})}};x();l("sp-icon-globe-grid",Ya);p();var J0=({width:o=24,height:t=24,hidden:e=!1,title:r="Graph Bar Vertical"}={})=>u``;var Xa=class extends h{render(){return g(c),this.spectrumVersion===2?Q0({hidden:!this.label,title:this.label}):tb({hidden:!this.label,title:this.label})}};x();l("sp-icon-globe-grid",Xa);p();var eb=({width:o=24,height:t=24,hidden:e=!1,title:r="Graph Bar Vertical"}={})=>u` - `;var Xa=class extends h{render(){return g(c),this.spectrumVersion===1?J0({hidden:!this.label,title:this.label}):H({hidden:!this.label,title:this.label})}};x();l("sp-icon-graph-bar-vertical",Xa);p();var Q0=({width:o=24,height:t=24,hidden:e=!1,title:r="Graphic"}={})=>u``;var Ja=class extends h{render(){return g(c),this.spectrumVersion===1?eb({hidden:!this.label,title:this.label}):H({hidden:!this.label,title:this.label})}};x();l("sp-icon-graph-bar-vertical",Ja);p();var rb=({width:o=24,height:t=24,hidden:e=!1,title:r="Graphic"}={})=>u` - `;var Ja=class extends h{render(){return g(c),this.spectrumVersion===1?Q0({hidden:!this.label,title:this.label}):H({hidden:!this.label,title:this.label})}};x();l("sp-icon-graphic",Ja);p();var tb=({width:o=24,height:t=24,hidden:e=!1,title:r="Help Outline"}={})=>u``;var Qa=class extends h{render(){return g(c),this.spectrumVersion===1?rb({hidden:!this.label,title:this.label}):H({hidden:!this.label,title:this.label})}};x();l("sp-icon-graphic",Qa);p();var ob=({width:o=24,height:t=24,hidden:e=!1,title:r="Help Outline"}={})=>u` - `;var Qa=class extends h{render(){return g(c),this.spectrumVersion===1?tb({hidden:!this.label,title:this.label}):H({hidden:!this.label,title:this.label})}};x();l("sp-icon-help-outline",Qa);p();var eb=({width:o=24,height:t=24,hidden:e=!1,title:r="Help"}={})=>u``;var tc=class extends h{render(){return g(c),this.spectrumVersion===1?ob({hidden:!this.label,title:this.label}):H({hidden:!this.label,title:this.label})}};x();l("sp-icon-help-outline",tc);p();var sb=({width:o=24,height:t=24,hidden:e=!1,title:r="Help"}={})=>u` - `;var rb=({width:o=24,height:t=24,hidden:e=!1,title:r="Help Circle"}={})=>u``;var ib=({width:o=24,height:t=24,hidden:e=!1,title:r="Help Circle"}={})=>u` - `;var tc=class extends h{render(){return g(c),this.spectrumVersion===1?eb({hidden:!this.label,title:this.label}):rb({hidden:!this.label,title:this.label})}};x();l("sp-icon-help",tc);p();var ob=({width:o=24,height:t=24,hidden:e=!1,title:r="History"}={})=>u``;var ec=class extends h{render(){return g(c),this.spectrumVersion===1?sb({hidden:!this.label,title:this.label}):ib({hidden:!this.label,title:this.label})}};x();l("sp-icon-help",ec);p();var ab=({width:o=24,height:t=24,hidden:e=!1,title:r="History"}={})=>u` - `;var sb=({width:o=24,height:t=24,hidden:e=!1,title:r="History"}={})=>u``;var cb=({width:o=24,height:t=24,hidden:e=!1,title:r="History"}={})=>u` - `;var ec=class extends h{render(){return g(c),this.spectrumVersion===2?ob({hidden:!this.label,title:this.label}):sb({hidden:!this.label,title:this.label})}};x();l("sp-icon-history",ec);p();var ib=({width:o=24,height:t=24,hidden:e=!1,title:r="Home"}={})=>u``;var rc=class extends h{render(){return g(c),this.spectrumVersion===2?ab({hidden:!this.label,title:this.label}):cb({hidden:!this.label,title:this.label})}};x();l("sp-icon-history",rc);p();var nb=({width:o=24,height:t=24,hidden:e=!1,title:r="Home"}={})=>u` - `;var ab=({width:o=24,height:t=24,hidden:e=!1,title:r="Home"}={})=>u``;var lb=({width:o=24,height:t=24,hidden:e=!1,title:r="Home"}={})=>u` - `;var rc=class extends h{render(){return g(c),this.spectrumVersion===2?ib({hidden:!this.label,title:this.label}):ab({hidden:!this.label,title:this.label})}};x();l("sp-icon-home",rc);p();var cb=({width:o=24,height:t=24,hidden:e=!1,title:r="Image"}={})=>u``;var oc=class extends h{render(){return g(c),this.spectrumVersion===2?nb({hidden:!this.label,title:this.label}):lb({hidden:!this.label,title:this.label})}};x();l("sp-icon-home",oc);p();var db=({width:o=24,height:t=24,hidden:e=!1,title:r="Image"}={})=>u` - `;var nb=({width:o=24,height:t=24,hidden:e=!1,title:r="Image"}={})=>u``;var ub=({width:o=24,height:t=24,hidden:e=!1,title:r="Image"}={})=>u` - `;var oc=class extends h{render(){return g(c),this.spectrumVersion===2?cb({hidden:!this.label,title:this.label}):nb({hidden:!this.label,title:this.label})}};x();l("sp-icon-image",oc);p();var lb=({width:o=24,height:t=24,hidden:e=!1,title:r="Info Outline"}={})=>u``;var sc=class extends h{render(){return g(c),this.spectrumVersion===2?db({hidden:!this.label,title:this.label}):ub({hidden:!this.label,title:this.label})}};x();l("sp-icon-image",sc);p();var mb=({width:o=24,height:t=24,hidden:e=!1,title:r="Info Outline"}={})=>u` - `;var sc=({width:o=24,height:t=24,hidden:e=!1,title:r="Info Circle"}={})=>u``;var ic=({width:o=24,height:t=24,hidden:e=!1,title:r="Info Circle"}={})=>u` - `;var ic=class extends h{render(){return g(c),this.spectrumVersion===1?lb({hidden:!this.label,title:this.label}):sc({hidden:!this.label,title:this.label})}};x();l("sp-icon-info-outline",ic);p();var db=({width:o=24,height:t=24,hidden:e=!1,title:r="Info"}={})=>u``;var ac=class extends h{render(){return g(c),this.spectrumVersion===1?mb({hidden:!this.label,title:this.label}):ic({hidden:!this.label,title:this.label})}};x();l("sp-icon-info-outline",ac);p();var pb=({width:o=24,height:t=24,hidden:e=!1,title:r="Info"}={})=>u` - `;var ac=class extends h{render(){return g(c),this.spectrumVersion===1?db({hidden:!this.label,title:this.label}):sc({hidden:!this.label,title:this.label})}};x();l("sp-icon-info",ac);p();var ub=({width:o=24,height:t=24,hidden:e=!1,title:r="Label"}={})=>u``;var cc=class extends h{render(){return g(c),this.spectrumVersion===1?pb({hidden:!this.label,title:this.label}):ic({hidden:!this.label,title:this.label})}};x();l("sp-icon-info",cc);p();var hb=({width:o=24,height:t=24,hidden:e=!1,title:r="Label"}={})=>u` - `;var mb=({width:o=24,height:t=24,hidden:e=!1,title:r="Tag"}={})=>u``;var bb=({width:o=24,height:t=24,hidden:e=!1,title:r="Tag"}={})=>u` - `;var cc=class extends h{render(){return g(c),this.spectrumVersion===1?ub({hidden:!this.label,title:this.label}):mb({hidden:!this.label,title:this.label})}};x();l("sp-icon-label",cc);p();var pb=({width:o=24,height:t=24,hidden:e=!1,title:r="Learn"}={})=>u``;var nc=class extends h{render(){return g(c),this.spectrumVersion===1?hb({hidden:!this.label,title:this.label}):bb({hidden:!this.label,title:this.label})}};x();l("sp-icon-label",nc);p();var gb=({width:o=24,height:t=24,hidden:e=!1,title:r="Learn"}={})=>u` - `;var nc=class extends h{render(){return g(c),this.spectrumVersion===1?pb({hidden:!this.label,title:this.label}):H({hidden:!this.label,title:this.label})}};x();l("sp-icon-learn",nc);p();var hb=({width:o=24,height:t=24,hidden:e=!1,title:r="Link Out Light"}={})=>u``;var lc=class extends h{render(){return g(c),this.spectrumVersion===1?gb({hidden:!this.label,title:this.label}):H({hidden:!this.label,title:this.label})}};x();l("sp-icon-learn",lc);p();var vb=({width:o=24,height:t=24,hidden:e=!1,title:r="Link Out Light"}={})=>u` - `;var lc=class extends h{render(){return g(c),this.spectrumVersion===1?hb({hidden:!this.label,title:this.label}):H({hidden:!this.label,title:this.label})}};x();l("sp-icon-link-out-light",lc);p();var bb=({width:o=24,height:t=24,hidden:e=!1,title:r="Link Page"}={})=>u``;var dc=class extends h{render(){return g(c),this.spectrumVersion===1?vb({hidden:!this.label,title:this.label}):H({hidden:!this.label,title:this.label})}};x();l("sp-icon-link-out-light",dc);p();var fb=({width:o=24,height:t=24,hidden:e=!1,title:r="Link Page"}={})=>u` - `;var dc=class extends h{render(){return g(c),this.spectrumVersion===1?bb({hidden:!this.label,title:this.label}):H({hidden:!this.label,title:this.label})}};x();l("sp-icon-link-page",dc);p();var gb=({width:o=24,height:t=24,hidden:e=!1,title:r="Link"}={})=>u``;var uc=class extends h{render(){return g(c),this.spectrumVersion===1?fb({hidden:!this.label,title:this.label}):H({hidden:!this.label,title:this.label})}};x();l("sp-icon-link-page",uc);p();var xb=({width:o=24,height:t=24,hidden:e=!1,title:r="Link"}={})=>u` - `;var vb=({width:o=24,height:t=24,hidden:e=!1,title:r="Link"}={})=>u``;var yb=({width:o=24,height:t=24,hidden:e=!1,title:r="Link"}={})=>u` - `;var uc=class extends h{render(){return g(c),this.spectrumVersion===2?gb({hidden:!this.label,title:this.label}):vb({hidden:!this.label,title:this.label})}};x();l("sp-icon-link",uc);p();var fb=({width:o=24,height:t=24,hidden:e=!1,title:r="Lock Closed"}={})=>u``;var mc=class extends h{render(){return g(c),this.spectrumVersion===2?xb({hidden:!this.label,title:this.label}):yb({hidden:!this.label,title:this.label})}};x();l("sp-icon-link",mc);p();var wb=({width:o=24,height:t=24,hidden:e=!1,title:r="Lock Closed"}={})=>u` - `;var xb=({width:o=24,height:t=24,hidden:e=!1,title:r="Lock"}={})=>u``;var kb=({width:o=24,height:t=24,hidden:e=!1,title:r="Lock"}={})=>u` - `;var mc=class extends h{render(){return g(c),this.spectrumVersion===1?fb({hidden:!this.label,title:this.label}):xb({hidden:!this.label,title:this.label})}};x();l("sp-icon-lock-closed",mc);p();var yb=({width:o=24,height:t=24,hidden:e=!1,title:r="Market"}={})=>u``;var pc=class extends h{render(){return g(c),this.spectrumVersion===1?wb({hidden:!this.label,title:this.label}):kb({hidden:!this.label,title:this.label})}};x();l("sp-icon-lock-closed",pc);p();var zb=({width:o=24,height:t=24,hidden:e=!1,title:r="Market"}={})=>u` - `;var wb=({width:o=24,height:t=24,hidden:e=!1,title:r="Shop"}={})=>u``;var Cb=({width:o=24,height:t=24,hidden:e=!1,title:r="Shop"}={})=>u` - `;var pc=class extends h{render(){return g(c),this.spectrumVersion===2?yb({hidden:!this.label,title:this.label}):wb({hidden:!this.label,title:this.label})}};x();l("sp-icon-market",pc);p();var kb=({width:o=24,height:t=24,hidden:e=!1,title:r="Money"}={})=>u``;var hc=class extends h{render(){return g(c),this.spectrumVersion===2?zb({hidden:!this.label,title:this.label}):Cb({hidden:!this.label,title:this.label})}};x();l("sp-icon-market",hc);p();var Tb=({width:o=24,height:t=24,hidden:e=!1,title:r="Money"}={})=>u` - `;var hc=class extends h{render(){return g(c),this.spectrumVersion===1?kb({hidden:!this.label,title:this.label}):H({hidden:!this.label,title:this.label})}};x();l("sp-icon-money",hc);p();var zb=({width:o=24,height:t=24,hidden:e=!1,title:r="Move"}={})=>u``;var bc=class extends h{render(){return g(c),this.spectrumVersion===1?Tb({hidden:!this.label,title:this.label}):H({hidden:!this.label,title:this.label})}};x();l("sp-icon-money",bc);p();var Ib=({width:o=24,height:t=24,hidden:e=!1,title:r="Move"}={})=>u` - `;var Cb=({width:o=24,height:t=24,hidden:e=!1,title:r="Move"}={})=>u``;var Sb=({width:o=24,height:t=24,hidden:e=!1,title:r="Move"}={})=>u` - `;var bc=class extends h{render(){return g(c),this.spectrumVersion===2?zb({hidden:!this.label,title:this.label}):Cb({hidden:!this.label,title:this.label})}};x();l("sp-icon-move",bc);p();var Tb=({width:o=24,height:t=24,hidden:e=!1,title:r="New Item"}={})=>u``;var gc=class extends h{render(){return g(c),this.spectrumVersion===2?Ib({hidden:!this.label,title:this.label}):Sb({hidden:!this.label,title:this.label})}};x();l("sp-icon-move",gc);p();var Eb=({width:o=24,height:t=24,hidden:e=!1,title:r="New Item"}={})=>u` - `;var Ib=({width:o=24,height:t=24,hidden:e=!1,title:r="New"}={})=>u``;var $b=({width:o=24,height:t=24,hidden:e=!1,title:r="New"}={})=>u` - `;var gc=class extends h{render(){return g(c),this.spectrumVersion===1?Tb({hidden:!this.label,title:this.label}):Ib({hidden:!this.label,title:this.label})}};x();l("sp-icon-new-item",gc);p();var Sb=({width:o=24,height:t=24,hidden:e=!1,title:r="Offer"}={})=>u``;var vc=class extends h{render(){return g(c),this.spectrumVersion===1?Eb({hidden:!this.label,title:this.label}):$b({hidden:!this.label,title:this.label})}};x();l("sp-icon-new-item",vc);p();var _b=({width:o=24,height:t=24,hidden:e=!1,title:r="Offer"}={})=>u` - `;var vc=class extends h{render(){return g(c),this.spectrumVersion===1?Sb({hidden:!this.label,title:this.label}):H({hidden:!this.label,title:this.label})}};x();l("sp-icon-offer",vc);p();var Eb=({width:o=24,height:t=24,hidden:e=!1,title:r="Open In"}={})=>u``;var fc=class extends h{render(){return g(c),this.spectrumVersion===1?_b({hidden:!this.label,title:this.label}):H({hidden:!this.label,title:this.label})}};x();l("sp-icon-offer",fc);p();var Ab=({width:o=24,height:t=24,hidden:e=!1,title:r="Open In"}={})=>u` - `;var $b=({width:o=24,height:t=24,hidden:e=!1,title:r="Open In"}={})=>u``;var Lb=({width:o=24,height:t=24,hidden:e=!1,title:r="Open In"}={})=>u` - `;var fc=class extends h{render(){return g(c),this.spectrumVersion===2?Eb({hidden:!this.label,title:this.label}):$b({hidden:!this.label,title:this.label})}};x();l("sp-icon-open-in",fc);p();var _b=({width:o=24,height:t=24,hidden:e=!1,title:r="Order"}={})=>u``;var xc=class extends h{render(){return g(c),this.spectrumVersion===2?Ab({hidden:!this.label,title:this.label}):Lb({hidden:!this.label,title:this.label})}};x();l("sp-icon-open-in",xc);p();var Pb=({width:o=24,height:t=24,hidden:e=!1,title:r="Order"}={})=>u` - `;var xc=class extends h{render(){return g(c),this.spectrumVersion===2?_b({hidden:!this.label,title:this.label}):H({hidden:!this.label,title:this.label})}};x();l("sp-icon-order",xc);p();var Ab=({width:o=24,height:t=24,hidden:e=!1,title:r="Page Rule"}={})=>u``;var yc=class extends h{render(){return g(c),this.spectrumVersion===2?Pb({hidden:!this.label,title:this.label}):H({hidden:!this.label,title:this.label})}};x();l("sp-icon-order",yc);p();var Mb=({width:o=24,height:t=24,hidden:e=!1,title:r="Page Rule"}={})=>u` - `;var yc=class extends h{render(){return g(c),this.spectrumVersion===1?Ab({hidden:!this.label,title:this.label}):H({hidden:!this.label,title:this.label})}};x();l("sp-icon-page-rule",yc);p();var Lb=({width:o=24,height:t=24,hidden:e=!1,title:r="Pause"}={})=>u``;var wc=class extends h{render(){return g(c),this.spectrumVersion===1?Mb({hidden:!this.label,title:this.label}):H({hidden:!this.label,title:this.label})}};x();l("sp-icon-page-rule",wc);p();var Bb=({width:o=24,height:t=24,hidden:e=!1,title:r="Pause"}={})=>u` - `;var Pb=({width:o=24,height:t=24,hidden:e=!1,title:r="Pause"}={})=>u``;var Ob=({width:o=24,height:t=24,hidden:e=!1,title:r="Pause"}={})=>u` - `;var wc=class extends h{render(){return g(c),this.spectrumVersion===2?Lb({hidden:!this.label,title:this.label}):Pb({hidden:!this.label,title:this.label})}};x();l("sp-icon-pause",wc);p();var Mb=({width:o=24,height:t=24,hidden:e=!1,title:r="Preview"}={})=>u``;var kc=class extends h{render(){return g(c),this.spectrumVersion===2?Bb({hidden:!this.label,title:this.label}):Ob({hidden:!this.label,title:this.label})}};x();l("sp-icon-pause",kc);p();var Db=({width:o=24,height:t=24,hidden:e=!1,title:r="Preview"}={})=>u` - `;var Bb=({width:o=24,height:t=24,hidden:e=!1,title:r="Preview"}={})=>u``;var Hb=({width:o=24,height:t=24,hidden:e=!1,title:r="Preview"}={})=>u` - `;var kc=class extends h{render(){return g(c),this.spectrumVersion===2?Mb({hidden:!this.label,title:this.label}):Bb({hidden:!this.label,title:this.label})}};x();l("sp-icon-preview",kc);p();var Ob=({width:o=24,height:t=24,hidden:e=!1,title:r="Promote"}={})=>u``;var zc=class extends h{render(){return g(c),this.spectrumVersion===2?Db({hidden:!this.label,title:this.label}):Hb({hidden:!this.label,title:this.label})}};x();l("sp-icon-preview",zc);p();var Rb=({width:o=24,height:t=24,hidden:e=!1,title:r="Promote"}={})=>u` - `;var Db=({width:o=24,height:t=24,hidden:e=!1,title:r="Promote"}={})=>u``;var qb=({width:o=24,height:t=24,hidden:e=!1,title:r="Promote"}={})=>u` - `;var zc=class extends h{render(){return g(c),this.spectrumVersion===2?Ob({hidden:!this.label,title:this.label}):Db({hidden:!this.label,title:this.label})}};x();l("sp-icon-promote",zc);p();var Hb=({width:o=24,height:t=24,hidden:e=!1,title:r="Publish Remove"}={})=>u``;var Cc=class extends h{render(){return g(c),this.spectrumVersion===2?Rb({hidden:!this.label,title:this.label}):qb({hidden:!this.label,title:this.label})}};x();l("sp-icon-promote",Cc);p();var jb=({width:o=24,height:t=24,hidden:e=!1,title:r="Publish Remove"}={})=>u` - `;var Rb=({width:o=24,height:t=24,hidden:e=!1,title:r="Publish No"}={})=>u``;var Fb=({width:o=24,height:t=24,hidden:e=!1,title:r="Publish No"}={})=>u` - `;var Cc=class extends h{render(){return g(c),this.spectrumVersion===1?Hb({hidden:!this.label,title:this.label}):Rb({hidden:!this.label,title:this.label})}};x();l("sp-icon-publish-remove",Cc);p();var qb=({width:o=24,height:t=24,hidden:e=!1,title:r="Publish"}={})=>u``;var Tc=class extends h{render(){return g(c),this.spectrumVersion===1?jb({hidden:!this.label,title:this.label}):Fb({hidden:!this.label,title:this.label})}};x();l("sp-icon-publish-remove",Tc);p();var Vb=({width:o=24,height:t=24,hidden:e=!1,title:r="Publish"}={})=>u` - `;var Tc=class extends h{render(){return g(c),this.spectrumVersion===2?qb({hidden:!this.label,title:this.label}):H({hidden:!this.label,title:this.label})}};x();l("sp-icon-publish",Tc);p();var jb=({width:o=24,height:t=24,hidden:e=!1,title:r="Refresh"}={})=>u``;var Ic=class extends h{render(){return g(c),this.spectrumVersion===2?Vb({hidden:!this.label,title:this.label}):H({hidden:!this.label,title:this.label})}};x();l("sp-icon-publish",Ic);p();var Nb=({width:o=24,height:t=24,hidden:e=!1,title:r="Refresh"}={})=>u` - `;var Fb=({width:o=24,height:t=24,hidden:e=!1,title:r="Refresh"}={})=>u``;var Ub=({width:o=24,height:t=24,hidden:e=!1,title:r="Refresh"}={})=>u` - `;var Ic=class extends h{render(){return g(c),this.spectrumVersion===2?jb({hidden:!this.label,title:this.label}):Fb({hidden:!this.label,title:this.label})}};x();l("sp-icon-refresh",Ic);p();var Vb=({width:o=24,height:t=24,hidden:e=!1,title:r="Remove"}={})=>u``;var Sc=class extends h{render(){return g(c),this.spectrumVersion===2?Nb({hidden:!this.label,title:this.label}):Ub({hidden:!this.label,title:this.label})}};x();l("sp-icon-refresh",Sc);p();var Zb=({width:o=24,height:t=24,hidden:e=!1,title:r="Remove"}={})=>u` - `;var Sc=class extends h{render(){return g(c),this.spectrumVersion===1?Vb({hidden:!this.label,title:this.label}):H({hidden:!this.label,title:this.label})}};x();l("sp-icon-remove",Sc);p();var Nb=({width:o=24,height:t=24,hidden:e=!1,title:r="Review Link"}={})=>u``;var Ec=class extends h{render(){return g(c),this.spectrumVersion===1?Zb({hidden:!this.label,title:this.label}):H({hidden:!this.label,title:this.label})}};x();l("sp-icon-remove",Ec);p();var Kb=({width:o=24,height:t=24,hidden:e=!1,title:r="Review Link"}={})=>u` - `;var Ec=class extends h{render(){return g(c),this.spectrumVersion===2?Nb({hidden:!this.label,title:this.label}):H({hidden:!this.label,title:this.label})}};x();l("sp-icon-review-link",Ec);p();var Ub=({width:o=24,height:t=24,hidden:e=!1,title:r="Ribbon"}={})=>u``;var $c=class extends h{render(){return g(c),this.spectrumVersion===2?Kb({hidden:!this.label,title:this.label}):H({hidden:!this.label,title:this.label})}};x();l("sp-icon-review-link",$c);p();var Gb=({width:o=24,height:t=24,hidden:e=!1,title:r="Ribbon"}={})=>u` - `;var Zb=({width:o=24,height:t=24,hidden:e=!1,title:r="Ribbon"}={})=>u``;var Wb=({width:o=24,height:t=24,hidden:e=!1,title:r="Ribbon"}={})=>u` - `;var $c=class extends h{render(){return g(c),this.spectrumVersion===2?Ub({hidden:!this.label,title:this.label}):Zb({hidden:!this.label,title:this.label})}};x();l("sp-icon-ribbon",$c);p();var Kb=({width:o=24,height:t=24,hidden:e=!1,title:r="Save Floppy"}={})=>u``;var _c=class extends h{render(){return g(c),this.spectrumVersion===2?Gb({hidden:!this.label,title:this.label}):Wb({hidden:!this.label,title:this.label})}};x();l("sp-icon-ribbon",_c);p();var Yb=({width:o=24,height:t=24,hidden:e=!1,title:r="Save Floppy"}={})=>u` - `;var Gb=({width:o=24,height:t=24,hidden:e=!1,title:r="Save Floppy"}={})=>u``;var Xb=({width:o=24,height:t=24,hidden:e=!1,title:r="Save Floppy"}={})=>u` - `;var _c=class extends h{render(){return g(c),this.spectrumVersion===2?Kb({hidden:!this.label,title:this.label}):Gb({hidden:!this.label,title:this.label})}};x();l("sp-icon-save-floppy",_c);p();var Wb=({width:o=24,height:t=24,hidden:e=!1,title:r="Select Multi"}={})=>u``;var Ac=class extends h{render(){return g(c),this.spectrumVersion===2?Yb({hidden:!this.label,title:this.label}):Xb({hidden:!this.label,title:this.label})}};x();l("sp-icon-save-floppy",Ac);p();var Jb=({width:o=24,height:t=24,hidden:e=!1,title:r="Select Multi"}={})=>u` - `;var Yb=({width:o=24,height:t=24,hidden:e=!1,title:r="Select Box All"}={})=>u``;var Qb=({width:o=24,height:t=24,hidden:e=!1,title:r="Select Box All"}={})=>u` - `;var Ac=class extends h{render(){return g(c),this.spectrumVersion===2?Wb({hidden:!this.label,title:this.label}):Yb({hidden:!this.label,title:this.label})}};x();l("sp-icon-select-multi",Ac);p();var Lc=class extends h{render(){return g(c),this.spectrumVersion===2?ja({hidden:!this.label,title:this.label}):qa({hidden:!this.label,title:this.label})}};x();l("sp-icon-select-no",Lc);p();var Xb=({width:o=24,height:t=24,hidden:e=!1,title:r="Select Rectangle"}={})=>u``;var Lc=class extends h{render(){return g(c),this.spectrumVersion===2?Jb({hidden:!this.label,title:this.label}):Qb({hidden:!this.label,title:this.label})}};x();l("sp-icon-select-multi",Lc);p();var Pc=class extends h{render(){return g(c),this.spectrumVersion===2?Fa({hidden:!this.label,title:this.label}):ja({hidden:!this.label,title:this.label})}};x();l("sp-icon-select-no",Pc);p();var tg=({width:o=24,height:t=24,hidden:e=!1,title:r="Select Rectangle"}={})=>u` - `;var Jb=({width:o=24,height:t=24,hidden:e=!1,title:r="Rect Select"}={})=>u``;var eg=({width:o=24,height:t=24,hidden:e=!1,title:r="Rect Select"}={})=>u` - `;var Pc=class extends h{render(){return g(c),this.spectrumVersion===2?Xb({hidden:!this.label,title:this.label}):Jb({hidden:!this.label,title:this.label})}};x();l("sp-icon-select-rectangle",Pc);p();var Qb=({width:o=24,height:t=24,hidden:e=!1,title:r="Settings"}={})=>u``;var Mc=class extends h{render(){return g(c),this.spectrumVersion===2?tg({hidden:!this.label,title:this.label}):eg({hidden:!this.label,title:this.label})}};x();l("sp-icon-select-rectangle",Mc);p();var rg=({width:o=24,height:t=24,hidden:e=!1,title:r="Settings"}={})=>u` - `;var tg=({width:o=24,height:t=24,hidden:e=!1,title:r="Settings"}={})=>u``;var og=({width:o=24,height:t=24,hidden:e=!1,title:r="Settings"}={})=>u` - `;var Mc=class extends h{render(){return g(c),this.spectrumVersion===2?Qb({hidden:!this.label,title:this.label}):tg({hidden:!this.label,title:this.label})}};x();l("sp-icon-settings",Mc);p();var eg=({width:o=24,height:t=24,hidden:e=!1,title:r="Shopping Cart"}={})=>u``;var Bc=class extends h{render(){return g(c),this.spectrumVersion===2?rg({hidden:!this.label,title:this.label}):og({hidden:!this.label,title:this.label})}};x();l("sp-icon-settings",Bc);p();var sg=({width:o=24,height:t=24,hidden:e=!1,title:r="Shopping Cart"}={})=>u` - `;var rg=({width:o=24,height:t=24,hidden:e=!1,title:r="Shopping Cart"}={})=>u``;var ig=({width:o=24,height:t=24,hidden:e=!1,title:r="Shopping Cart"}={})=>u` - `;var Bc=class extends h{render(){return g(c),this.spectrumVersion===2?eg({hidden:!this.label,title:this.label}):rg({hidden:!this.label,title:this.label})}};x();l("sp-icon-shopping-cart",Bc);p();var og=({width:o=24,height:t=24,hidden:e=!1,title:r="Social Network"}={})=>u``;var Oc=class extends h{render(){return g(c),this.spectrumVersion===2?sg({hidden:!this.label,title:this.label}):ig({hidden:!this.label,title:this.label})}};x();l("sp-icon-shopping-cart",Oc);p();var ag=({width:o=24,height:t=24,hidden:e=!1,title:r="Social Network"}={})=>u` - `;var sg=({width:o=24,height:t=24,hidden:e=!1,title:r="Social Network"}={})=>u``;var cg=({width:o=24,height:t=24,hidden:e=!1,title:r="Social Network"}={})=>u` - `;var Oc=class extends h{render(){return g(c),this.spectrumVersion===2?og({hidden:!this.label,title:this.label}):sg({hidden:!this.label,title:this.label})}};x();l("sp-icon-social-network",Oc);p();var ig=({width:o=24,height:t=24,hidden:e=!1,title:r="Star"}={})=>u``;var Dc=class extends h{render(){return g(c),this.spectrumVersion===2?ag({hidden:!this.label,title:this.label}):cg({hidden:!this.label,title:this.label})}};x();l("sp-icon-social-network",Dc);p();var ng=({width:o=24,height:t=24,hidden:e=!1,title:r="Star"}={})=>u` - `;var ag=({width:o=24,height:t=24,hidden:e=!1,title:r="Star Outline"}={})=>u``;var lg=({width:o=24,height:t=24,hidden:e=!1,title:r="Star Outline"}={})=>u` - `;var Dc=class extends h{render(){return g(c),this.spectrumVersion===2?ig({hidden:!this.label,title:this.label}):ag({hidden:!this.label,title:this.label})}};x();l("sp-icon-star",Dc);p();var cg=({width:o=24,height:t=24,hidden:e=!1,title:r="Stroke Solid"}={})=>u``;var Hc=class extends h{render(){return g(c),this.spectrumVersion===2?ng({hidden:!this.label,title:this.label}):lg({hidden:!this.label,title:this.label})}};x();l("sp-icon-star",Hc);p();var dg=({width:o=24,height:t=24,hidden:e=!1,title:r="Stroke Solid"}={})=>u` - `;var Hc=class extends h{render(){return g(c),this.spectrumVersion===2?cg({hidden:!this.label,title:this.label}):H({hidden:!this.label,title:this.label})}};x();l("sp-icon-stroke-solid",Hc);p();var ng=({width:o=24,height:t=24,hidden:e=!1,title:r="Table"}={})=>u``;var Rc=class extends h{render(){return g(c),this.spectrumVersion===2?dg({hidden:!this.label,title:this.label}):H({hidden:!this.label,title:this.label})}};x();l("sp-icon-stroke-solid",Rc);p();var ug=({width:o=24,height:t=24,hidden:e=!1,title:r="Table"}={})=>u` - `;var lg=({width:o=24,height:t=24,hidden:e=!1,title:r="Table"}={})=>u``;var mg=({width:o=24,height:t=24,hidden:e=!1,title:r="Table"}={})=>u` - `;var Rc=class extends h{render(){return g(c),this.spectrumVersion===2?ng({hidden:!this.label,title:this.label}):lg({hidden:!this.label,title:this.label})}};x();l("sp-icon-table",Rc);p();var dg=({width:o=24,height:t=24,hidden:e=!1,title:r="Tag Bold"}={})=>u``;var qc=class extends h{render(){return g(c),this.spectrumVersion===2?ug({hidden:!this.label,title:this.label}):mg({hidden:!this.label,title:this.label})}};x();l("sp-icon-table",qc);p();var pg=({width:o=24,height:t=24,hidden:e=!1,title:r="Tag Bold"}={})=>u` - `;var qc=class extends h{render(){return g(c),this.spectrumVersion===1?dg({hidden:!this.label,title:this.label}):H({hidden:!this.label,title:this.label})}};x();l("sp-icon-tag-bold",qc);p();var ug=({width:o=24,height:t=24,hidden:e=!1,title:r="Tag Italic"}={})=>u``;var jc=class extends h{render(){return g(c),this.spectrumVersion===1?pg({hidden:!this.label,title:this.label}):H({hidden:!this.label,title:this.label})}};x();l("sp-icon-tag-bold",jc);p();var hg=({width:o=24,height:t=24,hidden:e=!1,title:r="Tag Italic"}={})=>u` - `;var jc=class extends h{render(){return g(c),this.spectrumVersion===1?ug({hidden:!this.label,title:this.label}):H({hidden:!this.label,title:this.label})}};x();l("sp-icon-tag-italic",jc);p();var mg=({width:o=24,height:t=24,hidden:e=!1,title:r="Text Bold"}={})=>u``;var Fc=class extends h{render(){return g(c),this.spectrumVersion===1?hg({hidden:!this.label,title:this.label}):H({hidden:!this.label,title:this.label})}};x();l("sp-icon-tag-italic",Fc);p();var bg=({width:o=24,height:t=24,hidden:e=!1,title:r="Text Bold"}={})=>u` - `;var pg=({width:o=24,height:t=24,hidden:e=!1,title:r="Text Bold"}={})=>u``;var gg=({width:o=24,height:t=24,hidden:e=!1,title:r="Text Bold"}={})=>u` - `;var Fc=class extends h{render(){return g(c),this.spectrumVersion===2?mg({hidden:!this.label,title:this.label}):pg({hidden:!this.label,title:this.label})}};x();l("sp-icon-text-bold",Fc);p();var hg=({width:o=24,height:t=24,hidden:e=!1,title:r="Text Bulleted"}={})=>u``;var Vc=class extends h{render(){return g(c),this.spectrumVersion===2?bg({hidden:!this.label,title:this.label}):gg({hidden:!this.label,title:this.label})}};x();l("sp-icon-text-bold",Vc);p();var vg=({width:o=24,height:t=24,hidden:e=!1,title:r="Text Bulleted"}={})=>u` - `;var bg=({width:o=24,height:t=24,hidden:e=!1,title:r="List Bulleted"}={})=>u``;var fg=({width:o=24,height:t=24,hidden:e=!1,title:r="List Bulleted"}={})=>u` - `;var Vc=class extends h{render(){return g(c),this.spectrumVersion===1?hg({hidden:!this.label,title:this.label}):bg({hidden:!this.label,title:this.label})}};x();l("sp-icon-text-bulleted",Vc);p();var gg=({width:o=24,height:t=24,hidden:e=!1,title:r="Text Italic"}={})=>u``;var Nc=class extends h{render(){return g(c),this.spectrumVersion===1?vg({hidden:!this.label,title:this.label}):fg({hidden:!this.label,title:this.label})}};x();l("sp-icon-text-bulleted",Nc);p();var xg=({width:o=24,height:t=24,hidden:e=!1,title:r="Text Italic"}={})=>u` - `;var vg=({width:o=24,height:t=24,hidden:e=!1,title:r="Text Italic"}={})=>u``;var yg=({width:o=24,height:t=24,hidden:e=!1,title:r="Text Italic"}={})=>u` - `;var Nc=class extends h{render(){return g(c),this.spectrumVersion===2?gg({hidden:!this.label,title:this.label}):vg({hidden:!this.label,title:this.label})}};x();l("sp-icon-text-italic",Nc);p();var fg=({width:o=24,height:t=24,hidden:e=!1,title:r="Text Strikethrough"}={})=>u``;var Uc=class extends h{render(){return g(c),this.spectrumVersion===2?xg({hidden:!this.label,title:this.label}):yg({hidden:!this.label,title:this.label})}};x();l("sp-icon-text-italic",Uc);p();var wg=({width:o=24,height:t=24,hidden:e=!1,title:r="Text Strikethrough"}={})=>u` - `;var xg=({width:o=24,height:t=24,hidden:e=!1,title:r="Text Strikethrough"}={})=>u``;var kg=({width:o=24,height:t=24,hidden:e=!1,title:r="Text Strikethrough"}={})=>u` - `;var Uc=class extends h{render(){return g(c),this.spectrumVersion===2?fg({hidden:!this.label,title:this.label}):xg({hidden:!this.label,title:this.label})}};x();l("sp-icon-text-strikethrough",Uc);p();var yg=({width:o=24,height:t=24,hidden:e=!1,title:r="Translate"}={})=>u``;var Zc=class extends h{render(){return g(c),this.spectrumVersion===2?wg({hidden:!this.label,title:this.label}):kg({hidden:!this.label,title:this.label})}};x();l("sp-icon-text-strikethrough",Zc);p();var zg=({width:o=24,height:t=24,hidden:e=!1,title:r="Translate"}={})=>u` - `;var Zc=class extends h{render(){return g(c),this.spectrumVersion===2?yg({hidden:!this.label,title:this.label}):H({hidden:!this.label,title:this.label})}};x();l("sp-icon-translate",Zc);p();var wg=({width:o=24,height:t=24,hidden:e=!1,title:r="Underline"}={})=>u``;var Kc=class extends h{render(){return g(c),this.spectrumVersion===2?zg({hidden:!this.label,title:this.label}):H({hidden:!this.label,title:this.label})}};x();l("sp-icon-translate",Kc);p();var Cg=({width:o=24,height:t=24,hidden:e=!1,title:r="Underline"}={})=>u` - `;var kg=({width:o=24,height:t=24,hidden:e=!1,title:r="Text Underline"}={})=>u``;var Tg=({width:o=24,height:t=24,hidden:e=!1,title:r="Text Underline"}={})=>u` - `;var Kc=class extends h{render(){return g(c),this.spectrumVersion===1?wg({hidden:!this.label,title:this.label}):kg({hidden:!this.label,title:this.label})}};x();l("sp-icon-underline",Kc);p();var zg=({width:o=24,height:t=24,hidden:e=!1,title:r="Undo"}={})=>u``;var Gc=class extends h{render(){return g(c),this.spectrumVersion===1?Cg({hidden:!this.label,title:this.label}):Tg({hidden:!this.label,title:this.label})}};x();l("sp-icon-underline",Gc);p();var Ig=({width:o=24,height:t=24,hidden:e=!1,title:r="Undo"}={})=>u` - `;var Cg=({width:o=24,height:t=24,hidden:e=!1,title:r="Undo"}={})=>u``;var Sg=({width:o=24,height:t=24,hidden:e=!1,title:r="Undo"}={})=>u` - `;var Gc=class extends h{render(){return g(c),this.spectrumVersion===2?zg({hidden:!this.label,title:this.label}):Cg({hidden:!this.label,title:this.label})}};x();l("sp-icon-undo",Gc);p();var Tg=({width:o=24,height:t=24,hidden:e=!1,title:r="Unlink"}={})=>u``;var Wc=class extends h{render(){return g(c),this.spectrumVersion===2?Ig({hidden:!this.label,title:this.label}):Sg({hidden:!this.label,title:this.label})}};x();l("sp-icon-undo",Wc);p();var Eg=({width:o=24,height:t=24,hidden:e=!1,title:r="Unlink"}={})=>u` - `;var Ig=({width:o=24,height:t=24,hidden:e=!1,title:r="Link Off"}={})=>u``;var $g=({width:o=24,height:t=24,hidden:e=!1,title:r="Link Off"}={})=>u` - `;var Wc=class extends h{render(){return g(c),this.spectrumVersion===2?Tg({hidden:!this.label,title:this.label}):Ig({hidden:!this.label,title:this.label})}};x();l("sp-icon-unlink",Wc);p();var Sg=({width:o=24,height:t=24,hidden:e=!1,title:r="Upload To Cloud Outline"}={})=>u``;var Yc=class extends h{render(){return g(c),this.spectrumVersion===2?Eg({hidden:!this.label,title:this.label}):$g({hidden:!this.label,title:this.label})}};x();l("sp-icon-unlink",Yc);p();var _g=({width:o=24,height:t=24,hidden:e=!1,title:r="Upload To Cloud Outline"}={})=>u` - `;var Yc=class extends h{render(){return g(c),this.spectrumVersion===1?Sg({hidden:!this.label,title:this.label}):H({hidden:!this.label,title:this.label})}};x();l("sp-icon-upload-to-cloud-outline",Yc);p();var Eg=({width:o=24,height:t=24,hidden:e=!1,title:r="Upload To Cloud"}={})=>u``;var Xc=class extends h{render(){return g(c),this.spectrumVersion===1?_g({hidden:!this.label,title:this.label}):H({hidden:!this.label,title:this.label})}};x();l("sp-icon-upload-to-cloud-outline",Xc);p();var Ag=({width:o=24,height:t=24,hidden:e=!1,title:r="Upload To Cloud"}={})=>u` - `;var $g=({width:o=24,height:t=24,hidden:e=!1,title:r="Upload To Cloud"}={})=>u``;var Lg=({width:o=24,height:t=24,hidden:e=!1,title:r="Upload To Cloud"}={})=>u` - `;var Xc=class extends h{render(){return g(c),this.spectrumVersion===2?Eg({hidden:!this.label,title:this.label}):$g({hidden:!this.label,title:this.label})}};x();l("sp-icon-upload-to-cloud",Xc);p();var _g=({width:o=24,height:t=24,hidden:e=!1,title:r="User"}={})=>u``;var Jc=class extends h{render(){return g(c),this.spectrumVersion===2?Ag({hidden:!this.label,title:this.label}):Lg({hidden:!this.label,title:this.label})}};x();l("sp-icon-upload-to-cloud",Jc);p();var Pg=({width:o=24,height:t=24,hidden:e=!1,title:r="User"}={})=>u` - `;var Ag=({width:o=24,height:t=24,hidden:e=!1,title:r="User"}={})=>u``;var Mg=({width:o=24,height:t=24,hidden:e=!1,title:r="User"}={})=>u` - `;var Jc=class extends h{render(){return g(c),this.spectrumVersion===2?_g({hidden:!this.label,title:this.label}):Ag({hidden:!this.label,title:this.label})}};x();l("sp-icon-user",Jc);p();var Lg=({width:o=24,height:t=24,hidden:e=!1,title:r="Video Filled"}={})=>u``;var Qc=class extends h{render(){return g(c),this.spectrumVersion===2?Pg({hidden:!this.label,title:this.label}):Mg({hidden:!this.label,title:this.label})}};x();l("sp-icon-user",Qc);p();var Bg=({width:o=24,height:t=24,hidden:e=!1,title:r="Video Filled"}={})=>u` - `;var Qc=class extends h{render(){return g(c),this.spectrumVersion===1?Lg({hidden:!this.label,title:this.label}):H({hidden:!this.label,title:this.label})}};x();l("sp-icon-video-filled",Qc);p();var Pg=({width:o=24,height:t=24,hidden:e=!1,title:r="View Card"}={})=>u``;var tn=class extends h{render(){return g(c),this.spectrumVersion===1?Bg({hidden:!this.label,title:this.label}):H({hidden:!this.label,title:this.label})}};x();l("sp-icon-video-filled",tn);p();var Og=({width:o=24,height:t=24,hidden:e=!1,title:r="View Card"}={})=>u` - `;var tn=class extends h{render(){return g(c),this.spectrumVersion===1?Pg({hidden:!this.label,title:this.label}):H({hidden:!this.label,title:this.label})}};x();l("sp-icon-view-card",tn);p();var Mg=({width:o=24,height:t=24,hidden:e=!1,title:r="View Grid Fluid"}={})=>u``;var en=class extends h{render(){return g(c),this.spectrumVersion===1?Og({hidden:!this.label,title:this.label}):H({hidden:!this.label,title:this.label})}};x();l("sp-icon-view-card",en);p();var Dg=({width:o=24,height:t=24,hidden:e=!1,title:r="View Grid Fluid"}={})=>u` - `;var en=class extends h{render(){return g(c),this.spectrumVersion===2?Mg({hidden:!this.label,title:this.label}):H({hidden:!this.label,title:this.label})}};x();l("sp-icon-view-grid-fluid",en);p();var Bg=({width:o=24,height:t=24,hidden:e=!1,title:r="View Grid"}={})=>u``;var rn=class extends h{render(){return g(c),this.spectrumVersion===2?Dg({hidden:!this.label,title:this.label}):H({hidden:!this.label,title:this.label})}};x();l("sp-icon-view-grid-fluid",rn);p();var Hg=({width:o=24,height:t=24,hidden:e=!1,title:r="View Grid"}={})=>u` - `;var Og=({width:o=24,height:t=24,hidden:e=!1,title:r="Classic Grid View"}={})=>u``;var Rg=({width:o=24,height:t=24,hidden:e=!1,title:r="Classic Grid View"}={})=>u` - `;var rn=class extends h{render(){return g(c),this.spectrumVersion===2?Bg({hidden:!this.label,title:this.label}):Og({hidden:!this.label,title:this.label})}};x();l("sp-icon-view-grid",rn);L();br();Ce();p();var Sx=y` + `;var on=class extends h{render(){return g(c),this.spectrumVersion===2?Hg({hidden:!this.label,title:this.label}):Rg({hidden:!this.label,title:this.label})}};x();l("sp-icon-view-grid",on);L();br();Ce();p();var _x=y` /*! * Copyright 2025 Adobe. All rights reserved. This file is licensed to you under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License./ * @@ -4179,16 +4208,16 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho * } */ @media (forced-colors:active){:host{--highcontrast-link-text-color:LinkText}}:host([variant=secondary]) a{--mod-link-text-color:var(--mod-link-text-color-secondary-default,var(--spectrum-neutral-content-color-default));--mod-link-text-color-hover:var(--mod-link-text-color-secondary-hover,var(--spectrum-neutral-content-color-hover));--mod-link-text-color-active:var(--mod-link-text-color-secondary-active,var(--spectrum-neutral-content-color-down));--mod-link-text-color-focus:var(--mod-link-text-color-secondary-focus,var(--spectrum-neutral-content-color-key-focus))}a{background-color:initial;text-decoration-skip:objects;transition:color var(--mod-link-animation-duration,var(--spectrum-animation-duration-100))ease-in-out;cursor:pointer;color:var(--highcontrast-link-text-color,var(--mod-link-text-color,var(--mod-link-text-color-primary-default,var(--spectrum-accent-content-color-default))));outline:none;text-decoration:underline}a:active{--mod-link-text-color:var(--mod-link-text-color-active,var(--mod-link-text-color-primary-active,var(--spectrum-accent-content-color-down)))}:host([quiet]) a{text-decoration:none}a:focus-visible,:host([quiet]) a:focus-visible{--mod-link-text-color:var(--mod-link-text-color-focus,var(--mod-link-text-color-primary-focus,var(--spectrum-accent-content-color-key-focus)));text-decoration:underline double;text-decoration-color:inherit}@media (hover:hover){a:hover{--mod-link-text-color:var(--mod-link-text-color-hover,var(--mod-link-text-color-primary-hover,var(--spectrum-accent-content-color-hover)))}:host([quiet]) a:hover{text-decoration:underline}}:host([static-color=white]) a{--mod-link-text-color:var(--mod-link-text-color-white,var(--spectrum-white));--mod-link-text-color-hover:var(--mod-link-text-color-white,var(--spectrum-white));--mod-link-text-color-active:var(--mod-link-text-color-white,var(--spectrum-white));--mod-link-text-color-focus:var(--mod-link-text-color-white,var(--spectrum-white))}:host([static-color=black]) a{--mod-link-text-color:var(--mod-link-text-color-black,var(--spectrum-black));--mod-link-text-color-hover:var(--mod-link-text-color-black,var(--spectrum-black));--mod-link-text-color-active:var(--mod-link-text-color-black,var(--spectrum-black));--mod-link-text-color-focus:var(--mod-link-text-color-black,var(--spectrum-black))}:host{display:inline}:host(:focus){outline:none}:host([href]) a:focus-visible{text-decoration:underline double}:host([disabled]){pointer-events:none} - `,Dg=Sx;var Ex=Object.defineProperty,$x=Object.getOwnPropertyDescriptor,on=(o,t,e,r)=>{for(var s=r>1?void 0:r?$x(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&Ex(t,e,s),s},rr=class extends qt(et){constructor(){super(...arguments),this.quiet=!1}static get styles(){return[Dg]}get focusElement(){return this.anchorElement}render(){return this.renderAnchor({id:"anchor"})}};on([P("#anchor")],rr.prototype,"anchorElement",2),on([n({type:String,reflect:!0})],rr.prototype,"variant",2),on([n({reflect:!0,attribute:"static-color"})],rr.prototype,"staticColor",2),on([n({type:Boolean,reflect:!0,attribute:"quiet"})],rr.prototype,"quiet",2);x();l("sp-link",rr);p();p();var _x=y` + `,qg=_x;var Ax=Object.defineProperty,Lx=Object.getOwnPropertyDescriptor,sn=(o,t,e,r)=>{for(var s=r>1?void 0:r?Lx(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&Ax(t,e,s),s},rr=class extends qt(et){constructor(){super(...arguments),this.quiet=!1}static get styles(){return[qg]}get focusElement(){return this.anchorElement}render(){return this.renderAnchor({id:"anchor"})}};sn([P("#anchor")],rr.prototype,"anchorElement",2),sn([n({type:String,reflect:!0})],rr.prototype,"variant",2),sn([n({reflect:!0,attribute:"static-color"})],rr.prototype,"staticColor",2),sn([n({type:Boolean,reflect:!0,attribute:"quiet"})],rr.prototype,"quiet",2);x();l("sp-link",rr);p();p();var Px=y` :host{--spectrum-menu-divider-thickness:var(--spectrum-divider-thickness-medium);inline-size:auto;margin-block:var(--mod-menu-section-divider-margin-block,max(0px,(var(--spectrum-menu-item-section-divider-height) - var(--spectrum-menu-divider-thickness))/2));margin-inline:var(--mod-menu-item-label-inline-edge-to-content,var(--spectrum-menu-item-label-inline-edge-to-content));overflow:visible}.spectrum-Menu-back:focus-visible{box-shadow:var(--spectrum-menu-item-focus-indicator-shadow)var(--spectrum-menu-item-focus-indicator-border-width)0 0 0 var(--spectrum-menu-item-focus-indicator-color-default);outline:var(--spectrum-menu-item-focus-indicator-width)var(--spectrum-menu-item-focus-indicator-outline-style)var(--spectrum-menu-item-focus-indicator-color-default);outline-offset:var(--spectrum-menu-item-focus-indicator-offset);border-radius:var(--spectrum-menu-item-corner-radius)}.spectrum-Menu-back{padding-inline:var(--mod-menu-back-padding-inline-start,0)var(--mod-menu-back-padding-inline-end,var(--spectrum-menu-item-label-inline-edge-to-content));padding-block:var(--mod-menu-back-padding-block-start,0)var(--mod-menu-back-padding-block-end,0);flex-flow:wrap;align-items:center;display:flex}.spectrum-Menu-backButton{cursor:pointer;background:0 0;border:0;margin:0;padding:0;display:inline-flex}.spectrum-Menu-backButton:focus-visible{outline:var(--spectrum-focus-indicator-thickness)solid var(--spectrum-focus-indicator-color);outline-offset:calc((var(--spectrum-focus-indicator-thickness) + 1px)*-1)}.spectrum-Menu-backHeading{color:var(--highcontrast-menu-item-color-default,var(--mod-menu-back-heading-color,var(--spectrum-menu-section-header-color)));font-size:var(--mod-menu-section-header-font-size,var(--spectrum-menu-section-header-font-size));font-weight:var(--mod-menu-section-header-font-weight,var(--spectrum-menu-section-header-font-weight));line-height:var(--mod-menu-section-header-line-height,var(--spectrum-menu-section-header-line-height));display:block}:host{flex-shrink:0;display:block} -`,Hg=_x;var sn=class extends R(E,{validSizes:["s","m","l"]}){static get styles(){return[ua,Hg]}firstUpdated(t){super.firstUpdated(t),this.setAttribute("role","separator")}};x();l("sp-menu-divider",sn);p();L();te();p();var Ax=y` +`,jg=Px;var an=class extends R(E,{validSizes:["s","m","l"]}){static get styles(){return[ua,jg]}firstUpdated(t){super.firstUpdated(t),this.setAttribute("role","separator")}};x();l("sp-menu-divider",an);p();L();te();p();var Mx=y` .spectrum-Menu-back:focus-visible{box-shadow:var(--spectrum-menu-item-focus-indicator-shadow)var(--spectrum-menu-item-focus-indicator-border-width)0 0 0 var(--spectrum-menu-item-focus-indicator-color-default);outline:var(--spectrum-menu-item-focus-indicator-width)var(--spectrum-menu-item-focus-indicator-outline-style)var(--spectrum-menu-item-focus-indicator-color-default);outline-offset:var(--spectrum-menu-item-focus-indicator-offset);border-radius:var(--spectrum-menu-item-corner-radius)}.header{color:var(--highcontrast-menu-item-color-default,var(--mod-menu-section-header-color,var(--spectrum-menu-section-header-color)));font-size:var(--mod-menu-section-header-font-size,var(--spectrum-menu-section-header-font-size));font-weight:var(--mod-menu-section-header-font-weight,var(--spectrum-menu-section-header-font-weight));line-height:var(--mod-menu-section-header-line-height,var(--spectrum-menu-section-header-line-height));min-inline-size:var(--mod-menu-section-header-min-width,var(--spectrum-menu-section-header-min-width));padding-block-start:var(--mod-menu-section-header-top-edge-to-text,var(--mod-menu-item-top-edge-to-text,var(--spectrum-menu-item-top-edge-to-text)));padding-block-end:var(--mod-menu-section-header-bottom-edge-to-text,var(--mod-menu-item-bottom-edge-to-text,var(--spectrum-menu-item-bottom-edge-to-text)));padding-inline:var(--mod-menu-item-label-inline-edge-to-content,var(--spectrum-menu-item-label-inline-edge-to-content));grid-area:sectionHeadingArea/1/sectionHeadingArea/-1;display:block}.spectrum-Menu-back{padding-inline:var(--mod-menu-back-padding-inline-start,0)var(--mod-menu-back-padding-inline-end,var(--spectrum-menu-item-label-inline-edge-to-content));padding-block:var(--mod-menu-back-padding-block-start,0)var(--mod-menu-back-padding-block-end,0);flex-flow:wrap;align-items:center;display:flex}.spectrum-Menu-back .header{padding:0}.spectrum-Menu-backButton{cursor:pointer;background:0 0;border:0;margin:0;padding:0;display:inline-flex}.spectrum-Menu-backButton:focus-visible{outline:var(--spectrum-focus-indicator-thickness)solid var(--spectrum-focus-indicator-color);outline-offset:calc((var(--spectrum-focus-indicator-thickness) + 1px)*-1)}.spectrum-Menu-backHeading{color:var(--highcontrast-menu-item-color-default,var(--mod-menu-back-heading-color,var(--spectrum-menu-section-header-color)));font-size:var(--mod-menu-section-header-font-size,var(--spectrum-menu-section-header-font-size));font-weight:var(--mod-menu-section-header-font-weight,var(--spectrum-menu-section-header-font-weight));line-height:var(--mod-menu-section-header-line-height,var(--spectrum-menu-section-header-line-height));display:block}:host{flex-direction:column;margin:0;display:flex;overflow:visible}[hidden]{display:none!important} -`,Rg=Ax;var Lx=Object.defineProperty,Px=Object.getOwnPropertyDescriptor,qg=(o,t,e,r)=>{for(var s=r>1?void 0:r?Px(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&Lx(t,e,s),s},ko=class extends kt{constructor(){super(...arguments),this.headerId=""}static get styles(){return[...super.styles,Rg]}get ownRole(){return"group"}get controlsRovingTabindex(){return!1}updateLabel(){let t=this.headerElements.length?this.headerElements[0]:void 0;if(t!==this.headerElement)if(this.headerElement&&this.headerElement.id===this.headerId&&this.headerElement.removeAttribute("id"),t){this.headerId=this.headerId||`sp-menu-group-label-${at()}`;let e=t.id||this.headerId;t.id||(t.id=e),this.setAttribute("aria-labelledby",e)}else this.removeAttribute("aria-labelledby");this.headerElement=t}render(){return c` +`,Fg=Mx;var Bx=Object.defineProperty,Ox=Object.getOwnPropertyDescriptor,Vg=(o,t,e,r)=>{for(var s=r>1?void 0:r?Ox(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&Bx(t,e,s),s},ko=class extends kt{constructor(){super(...arguments),this.headerId=""}static get styles(){return[...super.styles,Fg]}get ownRole(){return"group"}get controlsRovingTabindex(){return!1}updateLabel(){let t=this.headerElements.length?this.headerElements[0]:void 0;if(t!==this.headerElement)if(this.headerElement&&this.headerElement.id===this.headerId&&this.headerElement.removeAttribute("id"),t){this.headerId=this.headerId||`sp-menu-group-label-${at()}`;let e=t.id||this.headerId;t.id||(t.id=e),this.setAttribute("aria-labelledby",e)}else this.removeAttribute("aria-labelledby");this.headerElement=t}render(){return c` ${this.renderMenuItemSlot()} - `}};qg([Fe({slot:"header",flatten:!0})],ko.prototype,"headerElements",2),qg([W()],ko.prototype,"headerElement",2);x();l("sp-menu-group",ko);var ad=new Map,cd=!1;try{cd=new Intl.NumberFormat("de-DE",{signDisplay:"exceptZero"}).resolvedOptions().signDisplay==="exceptZero"}catch{}var an=!1;try{an=new Intl.NumberFormat("de-DE",{style:"unit",unit:"degree"}).resolvedOptions().style==="unit"}catch{}var jg={degree:{narrow:{default:"\xB0","ja-JP":" \u5EA6","zh-TW":"\u5EA6","sl-SI":" \xB0"}}},Le=class{format(t){let e="";if(!cd&&this.options.signDisplay!=null?e=Bx(this.numberFormatter,this.options.signDisplay,t):e=this.numberFormatter.format(t),this.options.style==="unit"&&!an){var r;let{unit:s,unitDisplay:i="short",locale:a}=this.resolvedOptions();if(!s)return e;let d=(r=jg[s])===null||r===void 0?void 0:r[i];e+=d[a]||d.default}return e}formatToParts(t){return this.numberFormatter.formatToParts(t)}formatRange(t,e){if(typeof this.numberFormatter.formatRange=="function")return this.numberFormatter.formatRange(t,e);if(e= start date");return`${this.format(t)} \u2013 ${this.format(e)}`}formatRangeToParts(t,e){if(typeof this.numberFormatter.formatRangeToParts=="function")return this.numberFormatter.formatRangeToParts(t,e);if(e= start date");let r=this.numberFormatter.formatToParts(t),s=this.numberFormatter.formatToParts(e);return[...r.map(i=>({...i,source:"startRange"})),{type:"literal",value:" \u2013 ",source:"shared"},...s.map(i=>({...i,source:"endRange"}))]}resolvedOptions(){let t=this.numberFormatter.resolvedOptions();return!cd&&this.options.signDisplay!=null&&(t={...t,signDisplay:this.options.signDisplay}),!an&&this.options.style==="unit"&&(t={...t,style:"unit",unit:this.options.unit,unitDisplay:this.options.unitDisplay}),t}constructor(t,e={}){this.numberFormatter=Mx(t,e),this.options=e}};function Mx(o,t={}){let{numberingSystem:e}=t;if(e&&o.includes("-nu-")&&(o.includes("-u-")||(o+="-u-"),o+=`-nu-${e}`),t.style==="unit"&&!an){var r;let{unit:a,unitDisplay:d="short"}=t;if(!a)throw new Error('unit option must be provided with style: "unit"');if(!(!((r=jg[a])===null||r===void 0)&&r[d]))throw new Error(`Unsupported unit ${a} with unitDisplay = ${d}`);t={...t,style:"decimal"}}let s=o+(t?Object.entries(t).sort((a,d)=>a[0]0||Object.is(e,0):t==="exceptZero"&&(Object.is(e,-0)||Object.is(e,0)?e=Math.abs(e):r=e>0),r){let s=o.format(-e),i=o.format(e),a=s.replace(i,"").replace(/\u200e|\u061C/,"");return[...a].length!==1&&console.warn("@react-aria/i18n polyfill for NumberFormat signDisplay: Unsupported case"),s.replace(i,"!!!").replace(a,"+").replace("!!!",i)}else return o.format(e)}}var Ox=new RegExp("^.*\\(.*\\).*$"),Dx=["latn","arab","hanidec","deva","beng","fullwide"],Br=class{parse(t){return nd(this.locale,this.options,t).parse(t)}isValidPartialNumber(t,e,r){return nd(this.locale,this.options,t).isValidPartialNumber(t,e,r)}getNumberingSystem(t){return nd(this.locale,this.options,t).options.numberingSystem}constructor(t,e={}){this.locale=t,this.options=e}},Fg=new Map;function nd(o,t,e){let r=Vg(o,t);if(!o.includes("-nu-")&&!r.isValidPartialNumber(e)){for(let s of Dx)if(s!==r.options.numberingSystem){let i=Vg(o+(o.includes("-u-")?"-nu-":"-u-nu-")+s,t);if(i.isValidPartialNumber(e))return i}}return r}function Vg(o,t){let e=o+(t?Object.entries(t).sort((s,i)=>s[0]-1&&(e=`-${e}`)}let r=e?+e:NaN;if(isNaN(r))return NaN;if(this.options.style==="percent"){var s,i;let a={...this.options,style:"decimal",minimumFractionDigits:Math.min(((s=this.options.minimumFractionDigits)!==null&&s!==void 0?s:0)+2,20),maximumFractionDigits:Math.min(((i=this.options.maximumFractionDigits)!==null&&i!==void 0?i:0)+2,20)};return new Br(this.locale,a).parse(new Le(this.locale,a).format(r))}return this.options.currencySign==="accounting"&&Ox.test(t)&&(r=-1*r),r}sanitize(t){return t=t.replace(this.symbols.literals,""),this.symbols.minusSign&&(t=t.replace("-",this.symbols.minusSign)),this.options.numberingSystem==="arab"&&(this.symbols.decimal&&(t=t.replace(",",this.symbols.decimal),t=t.replace("\u060C",this.symbols.decimal)),this.symbols.group&&(t=zo(t,".",this.symbols.group))),this.symbols.group==="\u2019"&&t.includes("'")&&(t=zo(t,"'",this.symbols.group)),this.options.locale==="fr-FR"&&this.symbols.group&&(t=zo(t," ",this.symbols.group),t=zo(t,/\u00A0/g,this.symbols.group)),t}isValidPartialNumber(t,e=-1/0,r=1/0){return t=this.sanitize(t),this.symbols.minusSign&&t.startsWith(this.symbols.minusSign)&&e<0?t=t.slice(this.symbols.minusSign.length):this.symbols.plusSign&&t.startsWith(this.symbols.plusSign)&&r>0&&(t=t.slice(this.symbols.plusSign.length)),this.symbols.group&&t.startsWith(this.symbols.group)||this.symbols.decimal&&t.indexOf(this.symbols.decimal)>-1&&this.options.maximumFractionDigits===0?!1:(this.symbols.group&&(t=zo(t,this.symbols.group,"")),t=t.replace(this.symbols.numeral,""),this.symbols.decimal&&(t=t.replace(this.symbols.decimal,"")),t.length===0)}constructor(t,e={}){this.locale=t,e.roundingIncrement!==1&&e.roundingIncrement!=null&&(e.maximumFractionDigits==null&&e.minimumFractionDigits==null?(e.maximumFractionDigits=0,e.minimumFractionDigits=0):e.maximumFractionDigits==null?e.maximumFractionDigits=e.minimumFractionDigits:e.minimumFractionDigits==null&&(e.minimumFractionDigits=e.maximumFractionDigits)),this.formatter=new Intl.NumberFormat(t,e),this.options=this.formatter.resolvedOptions(),this.symbols=Rx(t,this.formatter,this.options,e);var r,s;this.options.style==="percent"&&(((r=this.options.minimumFractionDigits)!==null&&r!==void 0?r:0)>18||((s=this.options.maximumFractionDigits)!==null&&s!==void 0?s:0)>18)&&console.warn("NumberParser cannot handle percentages with greater than 18 decimal places, please reduce the number in your options.")}},Ng=new Set(["decimal","fraction","integer","minusSign","plusSign","group"]),Hx=[0,4,2,1,11,20,3,7,100,21,.1,1.1];function Rx(o,t,e,r){var s,i,a,d;let m=new Intl.NumberFormat(o,{...e,minimumSignificantDigits:1,maximumSignificantDigits:21,roundingIncrement:1,roundingPriority:"auto",roundingMode:"halfExpand"}),b=m.formatToParts(-10000.111),v=m.formatToParts(10000.111),f=Hx.map(U=>m.formatToParts(U));var k;let z=(k=(s=b.find(U=>U.type==="minusSign"))===null||s===void 0?void 0:s.value)!==null&&k!==void 0?k:"-",S=(i=v.find(U=>U.type==="plusSign"))===null||i===void 0?void 0:i.value;!S&&(r?.signDisplay==="exceptZero"||r?.signDisplay==="always")&&(S="+");let q=(a=new Intl.NumberFormat(o,{...e,minimumFractionDigits:2,maximumFractionDigits:2}).formatToParts(.001).find(U=>U.type==="decimal"))===null||a===void 0?void 0:a.value,B=(d=b.find(U=>U.type==="group"))===null||d===void 0?void 0:d.value,O=b.filter(U=>!Ng.has(U.type)).map(U=>Ug(U.value)),A=f.flatMap(U=>U.filter(ot=>!Ng.has(ot.type)).map(ot=>Ug(ot.value))),X=[...new Set([...O,...A])].sort((U,ot)=>ot.length-U.length),G=X.length===0?new RegExp("[\\p{White_Space}]","gu"):new RegExp(`${X.join("|")}|[\\p{White_Space}]`,"gu"),ht=[...new Intl.NumberFormat(e.locale,{useGrouping:!1}).format(9876543210)].reverse(),st=new Map(ht.map((U,ot)=>[U,ot])),St=new RegExp(`[${ht.join("")}]`,"g");return{minusSign:z,plusSign:S,decimal:q,group:B,literals:G,numeral:St,index:U=>String(st.get(U))}}function zo(o,t,e){return o.replaceAll?o.replaceAll(t,e):o.split(t).join(e)}function Ug(o){return o.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}p();L();Ur();Fs();var Co=["",()=>{}],dd=class extends ne{constructor(){super(...arguments),this.start=Co,this.streamInside=Co,this.end=Co,this.streamOutside=Co,this.state="off",this.handleStart=t=>{this.clearStream(),this.callHandler(this.start[1],t),!t.defaultPrevented&&(this.removeListeners(),this.addListeners("on"))},this.handleInside=t=>{this.handleStream(this.streamInside[1],t)},this.handleEnd=t=>{this.clearStream(),this.callHandler(this.end[1],t),this.removeListeners(),this.addListeners("off")},this.handleOutside=t=>{this.handleStream(this.streamOutside[1],t)}}render(t){return _}update(t,[{start:e,end:r,streamInside:s=Co,streamOutside:i=Co}]){var a;this.element!==t.element&&(this.element=t.element,this.removeListeners()),this.host=((a=t.options)==null?void 0:a.host)||this.element,this.start=e,this.end=r,this.streamInside=s,this.streamOutside=i,this.addListeners()}addListeners(t){this.state=t||this.state,this.state==="off"?(this.addListener(this.streamOutside[0],this.handleOutside),this.addListener(this.start[0],this.handleStart)):this.state==="on"&&(this.addListener(this.streamInside[0],this.handleInside),this.addListener(this.end[0],this.handleEnd))}callHandler(t,e){typeof t=="function"?t.call(this.host,e):t.handleEvent(e)}handleStream(t,e){this.stream||(this.callHandler(t,e),this.stream=requestAnimationFrame(()=>{this.stream=void 0}))}clearStream(){this.stream!=null&&(cancelAnimationFrame(this.stream),this.stream=void 0)}addListener(t,e){Array.isArray(t)?t.map(r=>{this.element.addEventListener(r,e)}):this.element.addEventListener(t,e)}removeListener(t,e){Array.isArray(t)?t.map(r=>{this.element.removeEventListener(r,e)}):this.element.removeEventListener(t,e)}removeListeners(){this.removeListener(this.start[0],this.handleStart),this.removeListener(this.streamInside[0],this.handleInside),this.removeListener(this.end[0],this.handleEnd),this.removeListener(this.streamOutside[0],this.handleOutside)}disconnected(){this.removeListeners()}reconnected(){this.addListeners()}},Zg=lt(dd);var ud=Symbol("language resolver updated"),cn=class{constructor(t){this.language=document.documentElement.lang||navigator.language||"en-US",this.host=t,this.host.addController(this)}hostConnected(){this.resolveLanguage()}hostDisconnected(){var t;(t=this.unsubscribe)==null||t.call(this)}resolveLanguage(){try{Intl.DateTimeFormat.supportedLocalesOf([this.language])}catch{this.language="en-US"}let t=new CustomEvent("sp-language-context",{bubbles:!0,composed:!0,detail:{callback:(e,r)=>{let s=this.language;this.language=e,this.unsubscribe=r,this.host.requestUpdate(ud,s)}},cancelable:!0});this.host.dispatchEvent(t)}};p();var Kg=({width:o=24,height:t=24,hidden:e=!1,title:r="Chevron200"}={})=>$`= start date");return`${this.format(t)} \u2013 ${this.format(e)}`}formatRangeToParts(t,e){if(typeof this.numberFormatter.formatRangeToParts=="function")return this.numberFormatter.formatRangeToParts(t,e);if(e= start date");let r=this.numberFormatter.formatToParts(t),s=this.numberFormatter.formatToParts(e);return[...r.map(i=>({...i,source:"startRange"})),{type:"literal",value:" \u2013 ",source:"shared"},...s.map(i=>({...i,source:"endRange"}))]}resolvedOptions(){let t=this.numberFormatter.resolvedOptions();return!nd&&this.options.signDisplay!=null&&(t={...t,signDisplay:this.options.signDisplay}),!cn&&this.options.style==="unit"&&(t={...t,style:"unit",unit:this.options.unit,unitDisplay:this.options.unitDisplay}),t}constructor(t,e={}){this.numberFormatter=Dx(t,e),this.options=e}};function Dx(o,t={}){let{numberingSystem:e}=t;if(e&&o.includes("-nu-")&&(o.includes("-u-")||(o+="-u-"),o+=`-nu-${e}`),t.style==="unit"&&!cn){var r;let{unit:a,unitDisplay:d="short"}=t;if(!a)throw new Error('unit option must be provided with style: "unit"');if(!(!((r=Ng[a])===null||r===void 0)&&r[d]))throw new Error(`Unsupported unit ${a} with unitDisplay = ${d}`);t={...t,style:"decimal"}}let s=o+(t?Object.entries(t).sort((a,d)=>a[0]0||Object.is(e,0):t==="exceptZero"&&(Object.is(e,-0)||Object.is(e,0)?e=Math.abs(e):r=e>0),r){let s=o.format(-e),i=o.format(e),a=s.replace(i,"").replace(/\u200e|\u061C/,"");return[...a].length!==1&&console.warn("@react-aria/i18n polyfill for NumberFormat signDisplay: Unsupported case"),s.replace(i,"!!!").replace(a,"+").replace("!!!",i)}else return o.format(e)}}var Rx=new RegExp("^.*\\(.*\\).*$"),qx=["latn","arab","hanidec","deva","beng","fullwide"],Br=class{parse(t){return ld(this.locale,this.options,t).parse(t)}isValidPartialNumber(t,e,r){return ld(this.locale,this.options,t).isValidPartialNumber(t,e,r)}getNumberingSystem(t){return ld(this.locale,this.options,t).options.numberingSystem}constructor(t,e={}){this.locale=t,this.options=e}},Ug=new Map;function ld(o,t,e){let r=Zg(o,t);if(!o.includes("-nu-")&&!r.isValidPartialNumber(e)){for(let s of qx)if(s!==r.options.numberingSystem){let i=Zg(o+(o.includes("-u-")?"-nu-":"-u-nu-")+s,t);if(i.isValidPartialNumber(e))return i}}return r}function Zg(o,t){let e=o+(t?Object.entries(t).sort((s,i)=>s[0]-1&&(e=`-${e}`)}let r=e?+e:NaN;if(isNaN(r))return NaN;if(this.options.style==="percent"){var s,i;let a={...this.options,style:"decimal",minimumFractionDigits:Math.min(((s=this.options.minimumFractionDigits)!==null&&s!==void 0?s:0)+2,20),maximumFractionDigits:Math.min(((i=this.options.maximumFractionDigits)!==null&&i!==void 0?i:0)+2,20)};return new Br(this.locale,a).parse(new Le(this.locale,a).format(r))}return this.options.currencySign==="accounting"&&Rx.test(t)&&(r=-1*r),r}sanitize(t){return t=t.replace(this.symbols.literals,""),this.symbols.minusSign&&(t=t.replace("-",this.symbols.minusSign)),this.options.numberingSystem==="arab"&&(this.symbols.decimal&&(t=t.replace(",",this.symbols.decimal),t=t.replace("\u060C",this.symbols.decimal)),this.symbols.group&&(t=zo(t,".",this.symbols.group))),this.symbols.group==="\u2019"&&t.includes("'")&&(t=zo(t,"'",this.symbols.group)),this.options.locale==="fr-FR"&&this.symbols.group&&(t=zo(t," ",this.symbols.group),t=zo(t,/\u00A0/g,this.symbols.group)),t}isValidPartialNumber(t,e=-1/0,r=1/0){return t=this.sanitize(t),this.symbols.minusSign&&t.startsWith(this.symbols.minusSign)&&e<0?t=t.slice(this.symbols.minusSign.length):this.symbols.plusSign&&t.startsWith(this.symbols.plusSign)&&r>0&&(t=t.slice(this.symbols.plusSign.length)),this.symbols.group&&t.startsWith(this.symbols.group)||this.symbols.decimal&&t.indexOf(this.symbols.decimal)>-1&&this.options.maximumFractionDigits===0?!1:(this.symbols.group&&(t=zo(t,this.symbols.group,"")),t=t.replace(this.symbols.numeral,""),this.symbols.decimal&&(t=t.replace(this.symbols.decimal,"")),t.length===0)}constructor(t,e={}){this.locale=t,e.roundingIncrement!==1&&e.roundingIncrement!=null&&(e.maximumFractionDigits==null&&e.minimumFractionDigits==null?(e.maximumFractionDigits=0,e.minimumFractionDigits=0):e.maximumFractionDigits==null?e.maximumFractionDigits=e.minimumFractionDigits:e.minimumFractionDigits==null&&(e.minimumFractionDigits=e.maximumFractionDigits)),this.formatter=new Intl.NumberFormat(t,e),this.options=this.formatter.resolvedOptions(),this.symbols=Fx(t,this.formatter,this.options,e);var r,s;this.options.style==="percent"&&(((r=this.options.minimumFractionDigits)!==null&&r!==void 0?r:0)>18||((s=this.options.maximumFractionDigits)!==null&&s!==void 0?s:0)>18)&&console.warn("NumberParser cannot handle percentages with greater than 18 decimal places, please reduce the number in your options.")}},Kg=new Set(["decimal","fraction","integer","minusSign","plusSign","group"]),jx=[0,4,2,1,11,20,3,7,100,21,.1,1.1];function Fx(o,t,e,r){var s,i,a,d;let m=new Intl.NumberFormat(o,{...e,minimumSignificantDigits:1,maximumSignificantDigits:21,roundingIncrement:1,roundingPriority:"auto",roundingMode:"halfExpand"}),b=m.formatToParts(-10000.111),v=m.formatToParts(10000.111),f=jx.map(U=>m.formatToParts(U));var k;let z=(k=(s=b.find(U=>U.type==="minusSign"))===null||s===void 0?void 0:s.value)!==null&&k!==void 0?k:"-",S=(i=v.find(U=>U.type==="plusSign"))===null||i===void 0?void 0:i.value;!S&&(r?.signDisplay==="exceptZero"||r?.signDisplay==="always")&&(S="+");let q=(a=new Intl.NumberFormat(o,{...e,minimumFractionDigits:2,maximumFractionDigits:2}).formatToParts(.001).find(U=>U.type==="decimal"))===null||a===void 0?void 0:a.value,B=(d=b.find(U=>U.type==="group"))===null||d===void 0?void 0:d.value,O=b.filter(U=>!Kg.has(U.type)).map(U=>Gg(U.value)),A=f.flatMap(U=>U.filter(ot=>!Kg.has(ot.type)).map(ot=>Gg(ot.value))),X=[...new Set([...O,...A])].sort((U,ot)=>ot.length-U.length),G=X.length===0?new RegExp("[\\p{White_Space}]","gu"):new RegExp(`${X.join("|")}|[\\p{White_Space}]`,"gu"),ht=[...new Intl.NumberFormat(e.locale,{useGrouping:!1}).format(9876543210)].reverse(),st=new Map(ht.map((U,ot)=>[U,ot])),St=new RegExp(`[${ht.join("")}]`,"g");return{minusSign:z,plusSign:S,decimal:q,group:B,literals:G,numeral:St,index:U=>String(st.get(U))}}function zo(o,t,e){return o.replaceAll?o.replaceAll(t,e):o.split(t).join(e)}function Gg(o){return o.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}p();L();Ur();Fs();var Co=["",()=>{}],ud=class extends ne{constructor(){super(...arguments),this.start=Co,this.streamInside=Co,this.end=Co,this.streamOutside=Co,this.state="off",this.handleStart=t=>{this.clearStream(),this.callHandler(this.start[1],t),!t.defaultPrevented&&(this.removeListeners(),this.addListeners("on"))},this.handleInside=t=>{this.handleStream(this.streamInside[1],t)},this.handleEnd=t=>{this.clearStream(),this.callHandler(this.end[1],t),this.removeListeners(),this.addListeners("off")},this.handleOutside=t=>{this.handleStream(this.streamOutside[1],t)}}render(t){return _}update(t,[{start:e,end:r,streamInside:s=Co,streamOutside:i=Co}]){var a;this.element!==t.element&&(this.element=t.element,this.removeListeners()),this.host=((a=t.options)==null?void 0:a.host)||this.element,this.start=e,this.end=r,this.streamInside=s,this.streamOutside=i,this.addListeners()}addListeners(t){this.state=t||this.state,this.state==="off"?(this.addListener(this.streamOutside[0],this.handleOutside),this.addListener(this.start[0],this.handleStart)):this.state==="on"&&(this.addListener(this.streamInside[0],this.handleInside),this.addListener(this.end[0],this.handleEnd))}callHandler(t,e){typeof t=="function"?t.call(this.host,e):t.handleEvent(e)}handleStream(t,e){this.stream||(this.callHandler(t,e),this.stream=requestAnimationFrame(()=>{this.stream=void 0}))}clearStream(){this.stream!=null&&(cancelAnimationFrame(this.stream),this.stream=void 0)}addListener(t,e){Array.isArray(t)?t.map(r=>{this.element.addEventListener(r,e)}):this.element.addEventListener(t,e)}removeListener(t,e){Array.isArray(t)?t.map(r=>{this.element.removeEventListener(r,e)}):this.element.removeEventListener(t,e)}removeListeners(){this.removeListener(this.start[0],this.handleStart),this.removeListener(this.streamInside[0],this.handleInside),this.removeListener(this.end[0],this.handleEnd),this.removeListener(this.streamOutside[0],this.handleOutside)}disconnected(){this.removeListeners()}reconnected(){this.addListeners()}},Wg=lt(ud);var md=Symbol("language resolver updated"),nn=class{constructor(t){this.language=document.documentElement.lang||navigator.language||"en-US",this.host=t,this.host.addController(this)}hostConnected(){this.resolveLanguage()}hostDisconnected(){var t;(t=this.unsubscribe)==null||t.call(this)}resolveLanguage(){try{Intl.DateTimeFormat.supportedLocalesOf([this.language])}catch{this.language="en-US"}let t=new CustomEvent("sp-language-context",{bubbles:!0,composed:!0,detail:{callback:(e,r)=>{let s=this.language;this.language=e,this.unsubscribe=r,this.host.requestUpdate(md,s)}},cancelable:!0});this.host.dispatchEvent(t)}};p();var Yg=({width:o=24,height:t=24,hidden:e=!1,title:r="Chevron200"}={})=>$` - `;var Gg=({width:o=24,height:t=24,hidden:e=!1,title:r="Chevron200"}={})=>$``;var Xg=({width:o=24,height:t=24,hidden:e=!1,title:r="Chevron200"}={})=>$` - `;var nn=class extends h{render(){return j(c),this.spectrumVersion===2?Kg({hidden:!this.label,title:this.label}):Gg({hidden:!this.label,title:this.label})}};x();l("sp-icon-chevron200",nn);p();var Wg=({width:o=24,height:t=24,hidden:e=!1,title:r="Chevron50"}={})=>$``;var ln=class extends h{render(){return j(c),this.spectrumVersion===2?Yg({hidden:!this.label,title:this.label}):Xg({hidden:!this.label,title:this.label})}};x();l("sp-icon-chevron200",ln);p();var Jg=({width:o=24,height:t=24,hidden:e=!1,title:r="Chevron50"}={})=>$` - `;var Yg=({width:o=24,height:t=24,hidden:e=!1,title:r="Chevron50"}={})=>$``;var Qg=({width:o=24,height:t=24,hidden:e=!1,title:r="Chevron50"}={})=>$` - `;var ln=class extends h{render(){return j(c),this.spectrumVersion===2?Wg({hidden:!this.label,title:this.label}):Yg({hidden:!this.label,title:this.label})}};x();l("sp-icon-chevron50",ln);p();var Xg=({width:o=24,height:t=24,hidden:e=!1,title:r="Chevron75"}={})=>$``;var dn=class extends h{render(){return j(c),this.spectrumVersion===2?Jg({hidden:!this.label,title:this.label}):Qg({hidden:!this.label,title:this.label})}};x();l("sp-icon-chevron50",dn);p();var tv=({width:o=24,height:t=24,hidden:e=!1,title:r="Chevron75"}={})=>$` - `;var Jg=({width:o=24,height:t=24,hidden:e=!1,title:r="Chevron75"}={})=>$``;var ev=({width:o=24,height:t=24,hidden:e=!1,title:r="Chevron75"}={})=>$` - `;var dn=class extends h{render(){return j(c),this.spectrumVersion===2?Xg({hidden:!this.label,title:this.label}):Jg({hidden:!this.label,title:this.label})}};x();l("sp-icon-chevron75",dn);p();L();p();var qx=y` + `;var un=class extends h{render(){return j(c),this.spectrumVersion===2?tv({hidden:!this.label,title:this.label}):ev({hidden:!this.label,title:this.label})}};x();l("sp-icon-chevron75",un);p();L();p();var Vx=y` :host{--spectrum-infield-button-height:var(--spectrum-component-height-100);--spectrum-infield-button-width:var(--spectrum-component-height-100);--spectrum-infield-button-stacked-border-radius-reset:var(--spectrum-in-field-button-fill-stacked-inner-border-rounding);--spectrum-infield-button-edge-to-fill:var(--spectrum-in-field-button-edge-to-fill);--spectrum-infield-button-inner-edge-to-fill:var(--spectrum-in-field-button-stacked-inner-edge-to-fill);--spectrum-infield-button-fill-padding:0px;--spectrum-infield-button-stacked-fill-padding-inline:var(--spectrum-in-field-button-edge-to-disclosure-icon-stacked-medium);--spectrum-infield-button-stacked-fill-padding-outer:var(--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-medium);--spectrum-infield-button-stacked-fill-padding-inner:var(--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-medium);--spectrum-infield-button-icon-color:var(--spectrum-neutral-content-color-default);--spectrum-infield-button-icon-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-infield-button-icon-color-down:var(--spectrum-neutral-content-color-down);--spectrum-infield-button-icon-color-key-focus:var(--spectrum-neutral-content-color-key-focus);--spectrum-infield-button-fill-justify-content:center}:host([disabled]){--mod-infield-button-background-color:var(--mod-infield-button-background-color-disabled,var(--spectrum-disabled-background-color));--mod-infield-button-background-color-hover:var(--mod-infield-button-background-color-hover-disabled,var(--spectrum-disabled-background-color));--mod-infield-button-background-color-down:var(--mod-infield-button-background-color-down-disabled,var(--spectrum-disabled-background-color));--mod-infield-button-border-color:var(--mod-infield-button-border-color-disabled,var(--spectrum-infield-button-border-color));--mod-infield-button-icon-color:var(--mod-infield-button-icon-color-disabled,var(--spectrum-disabled-content-color));--mod-infield-button-icon-color-hover:var(--mod-infield-button-icon-color-hover-disabled,var(--spectrum-disabled-content-color));--mod-infield-button-icon-color-down:var(--mod-infield-button-icon-color-down-disabled,var(--spectrum-disabled-content-color));--mod-infield-button-icon-color-key-focus:var(--mod-infield-button-icon-color-key-focus-disabled,var(--spectrum-disabled-content-color))}:host([size=s]){--spectrum-infield-button-height:var(--spectrum-component-height-75);--spectrum-infield-button-width:var(--spectrum-component-height-75);--spectrum-infield-button-stacked-fill-padding-inline:var(--spectrum-in-field-button-edge-to-disclosure-icon-stacked-small);--spectrum-infield-button-stacked-fill-padding-outer:var(--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-small);--spectrum-infield-button-stacked-fill-padding-inner:var(--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-small)}:host([size=l]){--spectrum-infield-button-height:var(--spectrum-component-height-200);--spectrum-infield-button-width:var(--spectrum-component-height-200);--spectrum-infield-button-stacked-fill-padding-inline:var(--spectrum-in-field-button-edge-to-disclosure-icon-stacked-large);--spectrum-infield-button-stacked-fill-padding-outer:var(--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-large);--spectrum-infield-button-stacked-fill-padding-inner:var(--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-large)}:host([size=xl]){--spectrum-infield-button-height:var(--spectrum-component-height-300);--spectrum-infield-button-width:var(--spectrum-component-height-300);--spectrum-infield-button-stacked-fill-padding-inline:var(--spectrum-in-field-button-edge-to-disclosure-icon-stacked-extra-large);--spectrum-infield-button-stacked-fill-padding-outer:var(--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large);--spectrum-infield-button-stacked-fill-padding-inner:var(--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-extra-large)}:host([block=end]),:host([block=start]){--mod-infield-button-width:var(--mod-infield-button-width-stacked,var(--spectrum-in-field-button-width-stacked-medium))}:host([block=end][size=s]),:host([block=start][size=s]){--mod-infield-button-width:var(--mod-infield-button-width-stacked,var(--spectrum-in-field-button-width-stacked-small))}:host([block=end][size=l]),:host([block=start][size=l]){--mod-infield-button-width:var(--mod-infield-button-width-stacked,var(--spectrum-in-field-button-width-stacked-large))}:host([block=end][size=xl]),:host([block=start][size=xl]){--mod-infield-button-width:var(--mod-infield-button-width-stacked,var(--spectrum-in-field-button-width-stacked-extra-large))}:host([quiet]){--mod-infield-button-background-color:var(--mod-infield-button-background-color-quiet,transparent);--mod-infield-button-background-color-hover:var(--mod-infield-button-background-color-hover-quiet,transparent);--mod-infield-button-background-color-down:var(--mod-infield-button-background-color-down-quiet,transparent);--mod-infield-button-background-color-key-focus:var(--mod-infield-button-background-color-key-focus-quiet,transparent);--mod-infield-border-color:var(--mod-infield-border-color-quiet,transparent);--mod-infield-button-border-width:var(--mod-infield-button-border-width-quiet,0)}:host([quiet][disabled]){--mod-infield-button-background-color:var(--mod-infield-button-background-color-quiet-disabled,transparent);--mod-infield-button-border-color:var(--mod-infield-button-border-color-quiet-disabled,transparent)}@media (hover:hover){:host(:hover){--mod-infield-button-background-color:var(--mod-infield-button-background-color-hover,var(--spectrum-infield-button-background-color-hover));--mod-infield-button-icon-color:var(--mod-infield-button-icon-color-hover,var(--spectrum-infield-button-icon-color-hover))}}:host(:is(:active,[active])){--mod-infield-button-background-color:var(--mod-infield-button-background-color-down,var(--spectrum-infield-button-background-color-down));--mod-infield-button-icon-color:var(--mod-infield-button-icon-color-down,var(--spectrum-infield-button-icon-color-down))}:host(:focus-visible){--mod-infield-button-background-color:var(--mod-infield-button-background-color-key-focus,var(--spectrum-infield-button-background-color-key-focus));--mod-infield-button-icon-color:var(--mod-infield-button-icon-color-key-focus,var(--spectrum-infield-button-icon-color-key-focus))}@media (forced-colors:active){:host{--highcontrast-infield-button-border-color:ButtonText;--highcontrast-infield-button-border-color-active:Highlight}:host([disabled]){--highcontrast-infield-button-border-color:inherit}:host(:is(:active,[active])):not(:disabled),:host:not(:disabled):focus-visible{--highcontrast-infield-button-border-color:var(--highcontrast-infield-button-border-color-active)}@media (hover:hover){:host:not(:disabled):hover{--highcontrast-infield-button-border-color:var(--highcontrast-infield-button-border-color-active)}}}:host{background-color:initial;cursor:pointer;block-size:var(--mod-infield-button-height,var(--spectrum-infield-button-height));inline-size:var(--mod-infield-button-width,var(--spectrum-infield-button-width));padding:var(--mod-infield-button-edge-to-fill,var(--spectrum-infield-button-edge-to-fill));border-style:none;justify-content:center;align-items:center;display:flex}:host([disabled]){cursor:auto}:host(:focus-visible){outline:none}:host([block=end]),:host([block=start]){block-size:calc(var(--mod-infield-button-height,var(--spectrum-infield-button-height))/2)}:host([block=start]){padding-block-end:var(--mod-infield-button-inner-edge-to-fill,var(--spectrum-infield-button-inner-edge-to-fill))}:host([block=end]){padding-block-start:var(--mod-infield-button-inner-edge-to-fill,var(--spectrum-infield-button-inner-edge-to-fill))}.fill{background-color:var(--mod-infield-button-background-color,var(--spectrum-infield-button-background-color));border-width:var(--mod-infield-button-border-width,var(--spectrum-infield-button-border-width));border-style:solid;border-color:var(--highcontrast-infield-button-border-color,var(--mod-infield-button-border-color,var(--spectrum-infield-button-border-color)));block-size:100%;inline-size:100%;padding:var(--mod-infield-button-fill-padding,var(--spectrum-infield-button-fill-padding));align-items:center;justify-content:var(--mod-infield-button-fill-justify-content,var(--spectrum-infield-button-fill-justify-content));transition:border-color var(--spectrum-animation-duration-100)ease-in-out;border-start-start-radius:var(--mod-infield-button-border-radius,var(--spectrum-infield-button-border-radius));border-start-end-radius:var(--mod-infield-button-border-radius,var(--spectrum-infield-button-border-radius));border-end-end-radius:var(--mod-infield-button-border-radius,var(--spectrum-infield-button-border-radius));border-end-start-radius:var(--mod-infield-button-border-radius,var(--spectrum-infield-button-border-radius));display:flex}:host([inline=end]) .fill{border-start-start-radius:var(--mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset));border-end-start-radius:var(--mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset))}:host([inline=start]) .fill{border-start-end-radius:var(--mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset));border-end-end-radius:var(--mod-infield-button-border-radius-reset,var(--spectrum-infield-button-border-radius-reset))}:host([block=end]) .fill,:host([block=start]) .fill{box-sizing:border-box;padding-inline-start:calc(var(--mod-infield-button-stacked-fill-padding-inline,var(--spectrum-infield-button-stacked-fill-padding-inline)) - var(--mod-infield-button-edge-to-fill,var(--spectrum-infield-button-edge-to-fill)) - var(--mod-infield-button-border-width,var(--spectrum-infield-button-border-width)));padding-inline-end:calc(var(--mod-infield-button-stacked-fill-padding-inline,var(--spectrum-infield-button-stacked-fill-padding-inline)) - var(--mod-infield-button-edge-to-fill,var(--spectrum-infield-button-edge-to-fill)) - var(--mod-infield-button-border-width,var(--spectrum-infield-button-border-width)))}:host([block=start]) .fill{border-block-end:none;border-start-start-radius:var(--mod-infield-button-stacked-top-border-radius-start-start,var(--spectrum-infield-button-stacked-top-border-radius-start-start));border-end-end-radius:var(--mod-infield-button-stacked-border-radius-reset,var(--spectrum-infield-button-stacked-border-radius-reset));border-end-start-radius:var(--mod-infield-button-stacked-border-radius-reset,var(--spectrum-infield-button-stacked-border-radius-reset));padding-block-start:calc(var(--mod-infield-button-stacked-fill-padding-outer,var(--spectrum-infield-button-stacked-fill-padding-outer)) - var(--mod-infield-button-edge-to-fill,var(--spectrum-infield-button-edge-to-fill)) - var(--mod-infield-button-border-width,var(--spectrum-infield-button-border-width)));padding-block-end:calc(var(--mod-infield-button-stacked-fill-padding-inner,var(--spectrum-infield-button-stacked-fill-padding-inner)) - var(--mod-infield-button-inner-edge-to-fill,var(--spectrum-infield-button-inner-edge-to-fill)))}:host([block=end]) .fill{border-block-end-width:var(--mod-infield-button-stacked-bottom-border-block-end-width,var(--mod-infield-button-border-width,var(--spectrum-infield-button-border-width)));border-start-start-radius:var(--mod-infield-button-stacked-border-radius-reset,var(--spectrum-infield-button-stacked-border-radius-reset));border-start-end-radius:var(--mod-infield-button-stacked-border-radius-reset,var(--spectrum-infield-button-stacked-border-radius-reset));border-end-end-radius:var(--mod-infield-button-stacked-bottom-border-radius-end-end,var(--mod-infield-button-border-radius,var(--spectrum-infield-button-border-radius)));border-end-start-radius:var(--mod-infield-button-stacked-bottom-border-radius-end-start,var(--spectrum-infield-button-stacked-bottom-border-radius-end-start));padding-block-start:calc(var(--mod-infield-button-stacked-fill-padding-inner,var(--spectrum-infield-button-stacked-fill-padding-inner)) - var(--mod-infield-button-edge-to-fill,var(--spectrum-infield-button-edge-to-fill)) - var(--mod-infield-button-border-width,var(--spectrum-infield-button-border-width)));padding-block-end:calc(var(--mod-infield-button-stacked-fill-padding-outer,var(--spectrum-infield-button-stacked-fill-padding-outer)) - var(--mod-infield-button-inner-edge-to-fill,var(--spectrum-infield-button-inner-edge-to-fill)) - var(--mod-infield-button-border-width,var(--spectrum-infield-button-border-width)))}::slotted(*){display:initial;color:var(--mod-infield-button-icon-color,var(--spectrum-infield-button-icon-color));flex-shrink:0;margin:0!important}:host{--spectrum-infield-button-border-width:var(--system-infield-button-border-width);--spectrum-infield-button-border-color:var(--system-infield-button-border-color);--spectrum-infield-button-border-radius:var(--system-infield-button-border-radius);--spectrum-infield-button-border-radius-reset:var(--system-infield-button-border-radius-reset);--spectrum-infield-button-stacked-top-border-radius-start-start:var(--system-infield-button-stacked-top-border-radius-start-start);--spectrum-infield-button-stacked-bottom-border-radius-end-start:var(--system-infield-button-stacked-bottom-border-radius-end-start);--spectrum-infield-button-background-color:var(--system-infield-button-background-color);--spectrum-infield-button-background-color-hover:var(--system-infield-button-background-color-hover);--spectrum-infield-button-background-color-down:var(--system-infield-button-background-color-down);--spectrum-infield-button-background-color-key-focus:var(--system-infield-button-background-color-key-focus)}:host([disabled]){--spectrum-infield-button-border-color:var(--system-infield-button-disabled-border-color)}:host{box-sizing:border-box;user-select:none}::slotted(*){--spectrum-icon-size:inherit} -`,Qg=qx;var jx=Object.defineProperty,Fx=Object.getOwnPropertyDescriptor,md=(o,t,e,r)=>{for(var s=r>1?void 0:r?Fx(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&jx(t,e,s),s},Or=class extends R(yt,{noDefaultSize:!0,validSizes:["s","m","l","xl"]}){constructor(){super(...arguments),this.quiet=!1}static get styles(){return[...super.styles,Qg]}get buttonContent(){return[c` +`,rv=Vx;var Nx=Object.defineProperty,Ux=Object.getOwnPropertyDescriptor,pd=(o,t,e,r)=>{for(var s=r>1?void 0:r?Ux(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&Nx(t,e,s),s},Or=class extends R(yt,{noDefaultSize:!0,validSizes:["s","m","l","xl"]}){constructor(){super(...arguments),this.quiet=!1}static get styles(){return[...super.styles,rv]}get buttonContent(){return[c`
- `]}};md([n()],Or.prototype,"block",2),md([n()],Or.prototype,"inline",2),md([n({type:Boolean,reflect:!0})],Or.prototype,"quiet",2);customElements.define("sp-infield-button",Or);p();var Vx=y` + `]}};pd([n()],Or.prototype,"block",2),pd([n()],Or.prototype,"inline",2),pd([n({type:Boolean,reflect:!0})],Or.prototype,"quiet",2);customElements.define("sp-infield-button",Or);p();var Zx=y` @media (forced-colors:active){:host{--highcontrast-stepper-border-color:CanvasText;--highcontrast-stepper-border-color-hover:Highlight;--highcontrast-stepper-border-color-focus:Highlight;--highcontrast-stepper-border-color-focus-hover:Highlight;--highcontrast-stepper-border-color-keyboard-focus:CanvasText;--highcontrast-stepper-focus-indicator-color:Highlight}:host([invalid]) #textfield{--highcontrast-stepper-border-color:Highlight;--highcontrast-stepper-border-color-hover:Highlight;--highcontrast-stepper-border-color-focus:Highlight;--highcontrast-stepper-border-color-focus-hover:Highlight;--highcontrast-stepper-border-color-keyboard-focus:Highlight}:host([disabled]) #textfield{--highcontrast-stepper-border-color:GrayText;--highcontrast-stepper-buttons-border-width:var(--mod-stepper-border-width,var(--spectrum-stepper-border-width))}:host([focused]:not([disabled])) #textfield,:host(:not([disabled])) #textfield:focus{--highcontrast-stepper-border-color:var(--highcontrast-stepper-border-color-focus)}@media (hover:hover){:host(:not([disabled]):hover) #textfield{--highcontrast-stepper-border-color:var(--highcontrast-stepper-border-color-hover)}:host([focused]:not([disabled]):hover) #textfield,:host(:not([disabled]):hover) #textfield:focus{--highcontrast-stepper-border-color:var(--highcontrast-stepper-border-color-focus-hover)}}:host([keyboard-focused]:not([disabled])) #textfield,:host(:not([disabled])) #textfield:focus-visible{--highcontrast-stepper-border-color:var(--highcontrast-stepper-border-color-keyboard-focus)}.input{--highcontrast-textfield-border-color:var(--highcontrast-stepper-border-color)}.button{--highcontrast-infield-button-border-color:var(--highcontrast-stepper-border-color);--highcontrast-infield-button-border-color-active:var(--highcontrast-stepper-border-color)}}:host{--spectrum-stepper-border-color:var(--highcontrast-stepper-border-color,var(--mod-stepper-border-color,var(--spectrum-stepper-border-color-default)));--spectrum-stepper-border-radius:var(--mod-stepper-border-radius,var(--spectrum-corner-radius-100));--spectrum-stepper-focus-indicator-width:var(--mod-stepper-focus-indicator-width,var(--spectrum-focus-indicator-thickness));--spectrum-stepper-focus-indicator-gap:var(--mod-stepper-focus-indicator-gap,var(--spectrum-focus-indicator-gap));--spectrum-stepper-focus-indicator-color:var(--highcontrast-stepper-focus-indicator-color,var(--mod-stepper-focus-indicator-color,var(--spectrum-focus-indicator-color)));--spectrum-stepper-animation-duration:var(--mod-stepper-animation-duration,var(--spectrum-animation-duration-100))}#textfield,:host([size=m]) #textfield{--spectrum-stepper-button-width:var(--mod-stepper-button-width,var(--spectrum-in-field-button-width-stacked-medium));--spectrum-stepper-height:var(--mod-stepper-height,var(--spectrum-component-height-100))}:host([size=s]) #textfield{--spectrum-stepper-button-width:var(--mod-stepper-button-width,var(--spectrum-in-field-button-width-stacked-small));--spectrum-stepper-height:var(--mod-stepper-height,var(--spectrum-component-height-75))}:host([size=l]) #textfield{--spectrum-stepper-button-width:var(--mod-stepper-button-width,var(--spectrum-in-field-button-width-stacked-large));--spectrum-stepper-height:var(--mod-stepper-height,var(--spectrum-component-height-200))}:host([size=xl]) #textfield{--spectrum-stepper-button-width:var(--mod-stepper-button-width,var(--spectrum-in-field-button-width-stacked-extra-large));--spectrum-stepper-height:var(--mod-stepper-height,var(--spectrum-component-height-300))}:host([disabled]) #textfield{--spectrum-stepper-buttons-border-width:var(--spectrum-stepper-button-border-width-disabled);--spectrum-stepper-buttons-background-color:var(--spectrum-stepper-buttons-background-color-disabled)}:host([invalid]) #textfield{--mod-stepper-border-color:var(--mod-stepper-border-color-invalid,var(--spectrum-negative-border-color-default));--mod-stepper-border-color-hover:var(--mod-stepper-border-color-hover-invalid,var(--spectrum-negative-border-color-hover));--mod-stepper-border-color-focus:var(--mod-stepper-border-color-focus-invalid,var(--spectrum-negative-border-color-focus));--mod-stepper-border-color-focus-hover:var(--mod-stepper-border-color-focus-hover-invalid,var(--spectrum-negative-border-color-focus-hover));--mod-stepper-border-color-keyboard-focus:var(--mod-stepper-border-color-keyboard-focus-invalid,var(--spectrum-negative-border-color-key-focus))}:host([focused]:not([disabled])) #textfield,:host(:not([disabled])) #textfield:focus{--mod-stepper-border-color:var(--highcontrast-stepper-border-color-focus,var(--mod-stepper-border-color-focus,var(--spectrum-stepper-border-color-focus)));--mod-stepper-buttons-border-color:var(--highcontrast-stepper-border-color-focus,var(--mod-stepper-border-color-focus,var(--spectrum-stepper-border-color-focus)))}:host([keyboard-focused]:not([disabled])) #textfield{--mod-stepper-border-color:var(--highcontrast-stepper-border-color-focus,var(--mod-stepper-border-color-focus,var(--spectrum-stepper-border-color-keyboard-focus)))}:host([quiet]) #textfield{--mod-stepper-buttons-background-color:transparent}:host([quiet][keyboard-focused]:not([disabled])) #textfield{--mod-stepper-focus-indicator-visibility:visible}:host([quiet][invalid]) #textfield{--mod-stepper-border-color:var(--mod-stepper-border-color-invalid,var(--spectrum-negative-border-color-default))}:host{--mod-infield-button-border-color:var(--mod-stepper-buttons-border-color,var(--spectrum-stepper-buttons-border-color));--mod-infield-button-border-color-quiet-disabled:var(--spectrum-disabled-border-color);--mod-infield-button-border-width:var(--mod-stepper-button-border-width,var(--spectrum-stepper-button-border-width));--mod-textfield-border-width:var(--mod-stepper-border-width,var(--spectrum-stepper-border-width));--mod-textfield-border-color:var(--spectrum-stepper-border-color)}#textfield:not(.spectrum-Stepper--quiet){--mod-textfield-border-color-disabled:var(--spectrum-stepper-border-color-disabled)}:host(:not([disabled])[focused]) #textfield,:host(:not([disabled])) #textfield:focus{--mod-infield-button-border-color:var(--highcontrast-stepper-border-color-focus,var(--mod-stepper-buttons-border-color-focus,var(--spectrum-stepper-buttons-border-color-focus)));--mod-textfield-focus-indicator-width:0}:host([keyboard-focused]:not([disabled])) #textfield,:host(:not([disabled])) #textfield:focus-visible{--mod-infield-button-border-color:var(--highcontrast-stepper-border-color-keyboard-focus,var(--mod-stepper-buttons-border-color-keyboard-focus,var(--spectrum-stepper-buttons-border-color-keyboard-focus)));--mod-textfield-focus-indicator-width:0;--mod-textfield-border-color:var(--highcontrast-stepper-border-color-keyboard-focus,var(--mod-stepper-border-color-keyboard-focus,var(--spectrum-stepper-border-color-keyboard-focus)));outline:var(--spectrum-stepper-focus-indicator-width)solid;outline-color:var(--spectrum-stepper-focus-indicator-color);outline-offset:var(--spectrum-stepper-focus-indicator-gap)}:host([invalid]) #textfield{--mod-infield-button-border-color:var(--highcontrast-stepper-border-color,var(--mod-stepper-border-color-invalid,var(--spectrum-stepper-border-color-invalid)));--mod-textfield-icon-spacing-inline-start-invalid:0}:host([invalid][focused]) #textfield,:host([invalid]) #textfield:focus{--mod-infield-button-border-color:var(--highcontrast-stepper-border-color,var(--mod-stepper-border-color-focus-invalid,var(--spectrum-stepper-border-color-focus-invalid)))}:host([invalid][keyboard-focused]) #textfield,:host([invalid]) #textfield:focus-visible{--mod-infield-button-border-color:var(--highcontrast-stepper-border-color,var(--mod-stepper-border-color-keyboard-focus-invalid,var(--spectrum-stepper-border-color-keyboard-focus-invalid)))}:host([quiet]) #textfield{--mod-infield-button-width-stacked:var(--mod-stepper-button-width-quiet,var(--spectrum-stepper-button-width));--mod-infield-button-border-color:var(--spectrum-stepper-border-color);--mod-infield-button-border-color-quiet:var(--spectrum-stepper-border-color);--mod-infield-button-border-block-end-width:var(--mod-stepper-border-width,var(--spectrum-stepper-border-width));--mod-infield-button-stacked-bottom-border-block-end-width:var(--mod-stepper-border-width,var(--spectrum-stepper-border-width));--mod-infield-button-stacked-bottom-border-radius-end-end:0;--mod-infield-button-stacked-bottom-border-radius-end-start:0;--mod-infield-button-fill-justify-content:flex-end;--mod-infield-button-inner-edge-to-fill:var(--spectrum-stepper-button-edge-to-fill);--mod-infield-button-edge-to-fill:var(--spectrum-stepper-button-edge-to-fill);--mod-textfield-focus-indicator-color:transparent;--mod-textfield-background-color:transparent;--mod-textfield-border-color-hover:var(--highcontrast-stepper-border-color,var(--mod-stepper-border-color-hover,var(--spectrum-stepper-border-color-hover)))}:host([quiet][focused]:not([disabled])) #textfield,:host([quiet]:not([disabled])) #textfield:focus{--mod-infield-button-border-color:var(--highcontrast-stepper-border-color,var(--mod-stepper-border-color-focus,var(--spectrum-stepper-border-color-focus)))}:host([quiet][keyboard-focused]:not([disabled])) #textfield{--mod-infield-button-border-color:var(--highcontrast-stepper-border-color,var(--mod-stepper-border-color-keyboard-focus,var(--spectrum-stepper-border-color-keyboard-focus)))}@media (hover:hover){:host(:not([disabled]):hover) #textfield{--mod-stepper-border-color:var(--highcontrast-stepper-border-color-hover,var(--mod-stepper-border-color-hover,var(--spectrum-stepper-border-color-hover)))}:host([focused]:not([disabled]):hover) #textfield,:host(:not([disabled]):hover) #textfield:focus{--mod-stepper-border-color:var(--highcontrast-stepper-border-color-focus-hover,var(--mod-stepper-border-color-focus-hover,var(--spectrum-stepper-border-color-focus-hover)));--mod-stepper-buttons-border-color:var(--highcontrast-stepper-border-color-focus-hover,var(--mod-stepper-border-color-focus-hover,var(--spectrum-stepper-border-color-focus-hover)))}:host([quiet]:not([disabled]):hover) #textfield{--mod-stepper-buttons-background-color:transparent}:host(:hover) #textfield:not(.is-invalid,.is-disabled,.is-focused){--mod-infield-button-border-color:var(--mod-stepper-buttons-border-color-hover,var(--spectrum-stepper-buttons-border-color-hover))}:host(:not([disabled])[focused]:hover) #textfield,:host(:not([disabled]):hover) #textfield:focus{--mod-infield-button-border-color:var(--mod-stepper-buttons-border-color-focus-hover,var(--spectrum-stepper-buttons-border-color-focus-hover));--mod-textfield-focus-indicator-width:0;--mod-textfield-border-color:var(--highcontrast-stepper-border-color-focus-hover,var(--mod-stepper-border-color-focus-hover,var(--spectrum-stepper-border-color-focus-hover)))}:host([invalid]:hover) #textfield{--mod-infield-button-border-color:var(--highcontrast-stepper-border-color,var(--mod-stepper-border-color-hover-invalid,var(--spectrum-negative-border-color-hover)))}:host([invalid][focused]:hover) #textfield,:host([invalid]:hover) #textfield:focus{--mod-infield-button-border-color:var(--highcontrast-stepper-border-color,var(--mod-stepper-border-color-focus-hover-invalid,var(--spectrum-stepper-border-color-focus-hover-invalid)))}:host([quiet]:not([disabled]):hover) #textfield{--mod-textfield-border-color-hover:var(--highcontrast-stepper-border-color,var(--mod-stepper-border-color-hover,var(--spectrum-stepper-border-color-hover)));--mod-infield-button-border-color:var(--highcontrast-stepper-border-color,var(--mod-stepper-border-color-hover,var(--spectrum-stepper-border-color-hover)))}:host([quiet][focused]:not([disabled]):hover) #textfield,:host([quiet]:not([disabled]):hover) #textfield:focus{--mod-infield-button-border-color:var(--highcontrast-stepper-border-color,var(--mod-stepper-border-color-focus-hover,var(--spectrum-stepper-border-color-focus-hover)))}:host([quiet][keyboard-focused]:not([disabled]):hover) #textfield{--mod-infield-button-border-color:var(--highcontrast-stepper-border-color,var(--mod-stepper-border-color-hover,var(--spectrum-stepper-border-color-hover)))}}#textfield{--spectrum-stepper-width:var(--mod-stepper-width,calc(var(--spectrum-stepper-height)*var(--mod-stepper-min-width-multiplier,var(--spectrum-text-field-minimum-width-multiplier)) + var(--spectrum-stepper-button-width) + var(--mod-stepper-border-width,var(--spectrum-stepper-border-width))*2));inline-size:var(--spectrum-stepper-width);block-size:var(--spectrum-stepper-height);border-radius:var(--spectrum-stepper-border-radius);flex-flow:row;display:inline-flex;position:relative}#textfield:before{content:""}.input{border-inline-end-width:0;border-start-end-radius:0;border-end-end-radius:0}.buttons{box-sizing:border-box;block-size:var(--spectrum-stepper-height);inline-size:var(--spectrum-stepper-button-width);border-color:var(--spectrum-stepper-border-color);border-style:var(--mod-stepper-buttons-border-style,var(--spectrum-stepper-buttons-border-style));border-width:var(--highcontrast-stepper-buttons-border-width,var(--mod-stepper-buttons-border-width,var(--spectrum-stepper-buttons-border-width)));background-color:var(--mod-stepper-buttons-background-color,var(--spectrum-stepper-buttons-background-color));transition:border-color var(--spectrum-stepper-animation-duration)ease-in-out;border-inline-start-width:0;flex-direction:column;justify-content:center;display:flex}.buttons,#textfield.hide-stepper .input{border-start-end-radius:var(--spectrum-stepper-border-radius);border-end-end-radius:var(--spectrum-stepper-border-radius)}#textfield.hide-stepper .input{border-inline-end-width:var(--mod-stepper-border-width,var(--spectrum-stepper-border-width))}:host([quiet]) #textfield{border-start-start-radius:0;border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:0}:host([quiet]) .hide-stepper .input{border-inline-end-width:0;border-end-end-radius:0}:host([quiet]):after{visibility:hidden;visibility:var(--mod-stepper-focus-indicator-visibility,hidden);content:"";inline-size:100%;block-size:var(--spectrum-stepper-focus-indicator-width);background-color:var(--spectrum-stepper-focus-indicator-color);position:absolute;inset-block-end:calc((var(--spectrum-stepper-focus-indicator-gap) + var(--spectrum-stepper-focus-indicator-width))*-1);inset-inline-start:0}:host([quiet][keyboard-focused]:not([disabled])){outline:none}:host{--spectrum-stepper-border-width:var(--system-stepper-border-width);--spectrum-stepper-border-color-default:var(--system-stepper-border-color-default);--spectrum-stepper-border-color-hover:var(--system-stepper-border-color-hover);--spectrum-stepper-border-color-focus:var(--system-stepper-border-color-focus);--spectrum-stepper-border-color-focus-hover:var(--system-stepper-border-color-focus-hover);--spectrum-stepper-border-color-keyboard-focus:var(--system-stepper-border-color-keyboard-focus);--spectrum-stepper-buttons-border-style:var(--system-stepper-buttons-border-style);--spectrum-stepper-buttons-border-width:var(--system-stepper-buttons-border-width);--spectrum-stepper-buttons-border-color:var(--system-stepper-buttons-border-color);--spectrum-stepper-buttons-background-color:var(--system-stepper-buttons-background-color);--spectrum-stepper-buttons-border-color-hover:var(--system-stepper-buttons-border-color-hover);--spectrum-stepper-buttons-border-color-focus:var(--system-stepper-buttons-border-color-focus);--spectrum-stepper-buttons-border-color-keyboard-focus:var(--system-stepper-buttons-border-color-keyboard-focus);--spectrum-stepper-button-border-width:var(--system-stepper-button-border-width);--spectrum-stepper-border-color-invalid:var(--system-stepper-border-color-invalid);--spectrum-stepper-border-color-focus-invalid:var(--system-stepper-border-color-focus-invalid);--spectrum-stepper-border-color-focus-hover-invalid:var(--system-stepper-border-color-focus-hover-invalid);--spectrum-stepper-border-color-keyboard-focus-invalid:var(--system-stepper-border-color-keyboard-focus-invalid);--spectrum-stepper-border-color-disabled:var(--system-stepper-border-color-disabled);--spectrum-stepper-button-border-width-disabled:var(--system-stepper-button-border-width-disabled);--spectrum-stepper-buttons-background-color-disabled:var(--system-stepper-buttons-background-color-disabled)}:host([quiet]) #textfield{--spectrum-stepper-buttons-border-style:var(--system-stepper-quiet-buttons-border-style);--spectrum-stepper-button-edge-to-fill:var(--system-stepper-quiet-button-edge-to-fill)}:host,:host([size=m]){--spectrum-stepper-button-width:var(--mod-stepper-button-width,var(--spectrum-in-field-button-width-stacked-medium));--spectrum-stepper-height:var(--mod-stepper-height,var(--spectrum-component-height-100))}:host([size=s]){--spectrum-stepper-button-width:var(--mod-stepper-button-width,var(--spectrum-in-field-button-width-stacked-small));--spectrum-stepper-height:var(--mod-stepper-height,var(--spectrum-component-height-75))}:host([size=l]){--spectrum-stepper-button-width:var(--mod-stepper-button-width,var(--spectrum-in-field-button-width-stacked-large));--spectrum-stepper-height:var(--mod-stepper-height,var(--spectrum-component-height-200))}:host([size=xl]){--spectrum-stepper-button-width:var(--mod-stepper-button-width,var(--spectrum-in-field-button-width-stacked-extra-large));--spectrum-stepper-height:var(--mod-stepper-height,var(--spectrum-component-height-300))}:host{--spectrum-stepper-width:calc(var(--mod-stepper-height,var(--spectrum-stepper-height))*var(--mod-stepper-min-width-multiplier,var(--spectrum-text-field-minimum-width-multiplier)) + var(--mod-stepper-button-width,var(--spectrum-stepper-button-width))*2 + var(--mod-stepper-border-width,var(--spectrum-stepper-border-width))*2);inline-size:var(--mod-stepper-width,var(--spectrum-stepper-width))}:host([hide-stepper]){--spectrum-stepper-width:calc(var(--mod-stepper-height,var(--spectrum-stepper-height))*var(--mod-stepper-min-width-multiplier,var(--spectrum-text-field-minimum-width-multiplier)) + var(--mod-stepper-button-width,var(--spectrum-stepper-button-width)) + var(--mod-stepper-border-width,var(--spectrum-stepper-border-width))*2)}#textfield{inline-size:100%}.input{font-variant-numeric:tabular-nums}:host([readonly]) .buttons{pointer-events:none;visibility:hidden}:host([readonly]:not([disabled],[invalid],[focused],[keyboard-focused])) #textfield:hover .input{border-color:#0000}:host([hide-stepper]:not([quiet])) #textfield input{border:var(--mod-textfield-border-width,var(--spectrum-textfield-border-width))solid var(--mod-textfield-border-color,var(--spectrum-textfield-border-color));border-radius:var(--spectrum-textfield-corner-radius)}:host([quiet]) #textfield .button{--mod-infield-button-border-color:var(--mod-infield-border-color-quiet,transparent);--mod-infield-button-edge-to-fill:0;--mod-infield-button-border-width:var(--mod-infield-button-border-width-quiet,0)}:host([focused]:not([disabled])) #textfield:hover{--mod-stepper-buttons-border-color-focus-hover:var(--mod-stepper-border-color-focus-hover,var(--spectrum-stepper-border-color-focus-hover))}:host([invalid]:not([hide-stepper])) #textfield .icon,:host([valid]:not([hide-stepper])) #textfield .icon{inset-inline-end:calc(var(--spectrum-stepper-button-width) + var(--spectrum-textfield-icon-spacing-inline-end-invalid))}:host([invalid]) .input{padding-inline-end:calc(var(--mod-textfield-icon-spacing-inline-start-valid,var(--spectrum-textfield-icon-spacing-inline-start-valid)) + var(--mod-textfield-icon-size-valid,var(--spectrum-textfield-icon-size-valid)) + var(--mod-textfield-icon-spacing-inline-end-valid,var(--spectrum-textfield-icon-spacing-inline-end-valid)) - var(--mod-textfield-border-width,var(--spectrum-textfield-border-width)))} -`,tv=Vx;Nt();var Nx=Object.defineProperty,Ux=Object.getOwnPropertyDescriptor,ce=(o,t,e,r)=>{for(var s=r>1?void 0:r?Ux(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&Nx(t,e,s),s},Zx=5,Kx=100,un="-",ev={"\uFF11":"1","\uFF12":"2","\uFF13":"3","\uFF14":"4","\uFF15":"5","\uFF16":"6","\uFF17":"7","\uFF18":"8","\uFF19":"9","\uFF10":"0","\u3001":",","\uFF0C":",","\u3002":".","\uFF0E":".","\uFF05":"%","\uFF0B":"+",\u30FC:"-",\u4E00:"1",\u4E8C:"2",\u4E09:"3",\u56DB:"4",\u4E94:"5",\u516D:"6",\u4E03:"7",\u516B:"8",\u4E5D:"9",\u96F6:"0"},rv={s:o=>c` +`,ov=Zx;Nt();var Kx=Object.defineProperty,Gx=Object.getOwnPropertyDescriptor,ce=(o,t,e,r)=>{for(var s=r>1?void 0:r?Gx(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&Kx(t,e,s),s},Wx=5,Yx=100,mn="-",sv={"\uFF11":"1","\uFF12":"2","\uFF13":"3","\uFF14":"4","\uFF15":"5","\uFF16":"6","\uFF17":"7","\uFF18":"8","\uFF19":"9","\uFF10":"0","\u3001":",","\uFF0C":",","\u3002":".","\uFF0E":".","\uFF05":"%","\uFF0B":"+",\u30FC:"-",\u4E00:"1",\u4E8C:"2",\u4E09:"3",\u56DB:"4",\u4E94:"5",\u516D:"6",\u4E03:"7",\u516B:"8",\u4E5D:"9",\u96F6:"0"},iv={s:o=>c` @@ -4288,14 +4317,14 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho - `},Tt=class extends Y{constructor(){super(...arguments),this.focused=!1,this._forcedUnit="",this.formatOptions={},this.hideStepper=!1,this.indeterminate=!1,this.keyboardFocused=!1,this.managedInput=!1,this.stepModifier=10,this._value=NaN,this._trackingValue="",this.decimalsChars=new Set([".",","]),this.valueBeforeFocus="",this.isIntentDecimal=!1,this.changeCount=0,this.languageResolver=new cn(this),this.wasIndeterminate=!1,this.hasRecentlyReceivedPointerDown=!1,this.applyFocusElementLabel=t=>{this.appliedLabel=t},this.isComposing=!1}static get styles(){return[...super.styles,tv,jt]}set value(t){let e=this.validateInput(t);if(e===this.value)return;this.lastCommitedValue=e;let r=this._value;this._value=e,this.requestUpdate("value",r)}get value(){return this._value}get inputValue(){return this.indeterminate?this.formattedValue:this.inputElement.value}setValue(t=this.value){let e=this.lastCommitedValue;this.value=t,!(typeof e>"u"||e===this.value)&&(this.lastCommitedValue=this.value,this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})))}get valueAsString(){return this._value.toString()}set valueAsString(t){this.value=this.numberParser.parse(t)}get formattedValue(){return isNaN(this.value)?"":this.numberFormatter.format(this.value)+(this.focused?"":this._forcedUnit)}convertValueToNumber(t){let e=t.split("").map(i=>ev[i]||i).join(""),r=this.valueBeforeFocus.split("").filter(i=>this.decimalsChars.has(i)),s=new Set(r);if(Jo()&&this.inputElement.inputMode==="decimal"&&e!==this.valueBeforeFocus){let i=this.numberFormatter.formatToParts(1000.1).find(m=>m.type==="decimal").value;for(let m of s)m!==i&&!this.isIntentDecimal&&(e=e.replace(new RegExp(m,"g"),""));let a=!1,d=e.split("");for(let m=d.length-1;m>=0;m--){let b=d[m];this.decimalsChars.has(b)&&(a?d[m]="":(d[m]=i,a=!0))}e=d.join("")}return this.numberParser.parse(e)}get _step(){var t;return typeof this.step<"u"?this.step:((t=this.formatOptions)==null?void 0:t.style)==="percent"?.01:1}handlePointerdown(t){if(t.button!==0){t.preventDefault();return}this.managedInput=!0,this.buttons.setPointerCapture(t.pointerId);let e=this.buttons.children[0].getBoundingClientRect(),r=this.buttons.children[1].getBoundingClientRect();this.findChange=s=>{s.clientX>=e.x&&s.clientY>=e.y&&s.clientX<=e.x+e.width&&s.clientY<=e.y+e.height?this.change=i=>this.increment(i.shiftKey?this.stepModifier:1):s.clientX>=r.x&&s.clientY>=r.y&&s.clientX<=r.x+r.width&&s.clientY<=r.y+r.height&&(this.change=i=>this.decrement(i.shiftKey?this.stepModifier:1))},this.findChange(t),this.startChange(t)}startChange(t){this.changeCount=0,this.doChange(t),this.safty=setTimeout(()=>{this.doNextChange(t)},400)}doChange(t){this.change(t)}handlePointermove(t){this.findChange(t)}handlePointerup(t){this.buttons.releasePointerCapture(t.pointerId),cancelAnimationFrame(this.nextChange),clearTimeout(this.safty),this.managedInput=!1,this.setValue()}doNextChange(t){return this.changeCount+=1,this.changeCount%Zx===0&&this.doChange(t),requestAnimationFrame(()=>{this.nextChange=this.doNextChange(t)})}stepBy(t){if(this.disabled||this.readonly)return;let e=typeof this.min<"u"?this.min:0,r=this.value;r+=t*this._step,isNaN(this.value)&&(r=e),r=this.valueWithLimits(r),this.requestUpdate(),this._value=this.validateInput(r),this.inputElement.value=this.numberFormatter.format(r);let s=new Event("input",{bubbles:!0,composed:!0});this.inputElement.readOnly=!0,this.inputElement.dispatchEvent(s),this.indeterminate=!1,this.focus(),this.inputElement.readOnly=!1}increment(t=1){this.stepBy(1*t)}decrement(t=1){this.stepBy(-1*t)}handleKeydown(t){if(!this.isComposing)switch(t.code){case"ArrowUp":t.preventDefault(),this.increment(t.shiftKey?this.stepModifier:1),this.setValue();break;case"ArrowDown":t.preventDefault(),this.decrement(t.shiftKey?this.stepModifier:1),this.setValue();break}}onScroll(t){t.preventDefault(),this.managedInput=!0;let e=t.shiftKey?t.deltaX/Math.abs(t.deltaX):t.deltaY/Math.abs(t.deltaY);e!==0&&!isNaN(e)&&(this.stepBy(e*(t.shiftKey?this.stepModifier:1)),clearTimeout(this.queuedChangeEvent),this.queuedChangeEvent=setTimeout(()=>{this.setValue()},Kx)),this.managedInput=!1}onFocus(){super.onFocus(),this._trackingValue=this.inputValue,this.keyboardFocused=!this.readonly&&!0,this.addEventListener("wheel",this.onScroll,{passive:!1}),this.valueBeforeFocus=this.inputElement.value}onBlur(t){super.onBlur(t),this.keyboardFocused=!this.readonly&&!1,this.removeEventListener("wheel",this.onScroll),this.isIntentDecimal=!1}handleFocusin(){this.focused=!this.readonly&&!0,this.keyboardFocused=!this.readonly&&!0}handleFocusout(){this.focused=!this.readonly&&!1,this.keyboardFocused=!this.readonly&&!1}handleChange(){let t=this.convertValueToNumber(this.inputValue);if(this.wasIndeterminate&&(this.wasIndeterminate=!1,this.indeterminateValue=void 0,isNaN(t))){this.indeterminate=!0;return}this.setValue(t),this.inputElement.value=this.formattedValue}handleCompositionStart(){this.isComposing=!0}handleCompositionEnd(){this.isComposing=!1,requestAnimationFrame(()=>{this.inputElement.dispatchEvent(new Event("input",{composed:!0,bubbles:!0}))})}handleInputElementPointerdown(){this.hasRecentlyReceivedPointerDown=!0,this.updateComplete.then(()=>{requestAnimationFrame(()=>{this.hasRecentlyReceivedPointerDown=!1})})}handleInput(t){var e;if(this.isComposing){if(t.data){let b=this.convertValueToNumber(t.data);Number.isNaN(b)&&(this.inputElement.value=this.indeterminate?un:this._trackingValue,this.isComposing=!1)}t.stopPropagation();return}this.indeterminate&&(this.wasIndeterminate=!0,this.indeterminateValue=this.value,this.inputElement.value=this.inputElement.value.replace(un,"")),t.data&&this.decimalsChars.has(t.data)&&(this.isIntentDecimal=!0);let{value:r,selectionStart:s}=this.inputElement,i=r.split("").map(b=>ev[b]||b).join("");if(this.numberParser.isValidPartialNumber(i)){this.lastCommitedValue=(e=this.lastCommitedValue)!=null?e:this.value;let b=this.convertValueToNumber(i);!i&&this.indeterminateValue?(this.indeterminate=!0,this._value=this.indeterminateValue):(this.indeterminate=!1,this._value=this.validateInput(b)),this._trackingValue=i,this.inputElement.value=i,this.inputElement.setSelectionRange(s,s);return}else this.inputElement.value=this.indeterminate?un:this._trackingValue,t.stopPropagation();let a=i.length,d=this._trackingValue.length,m=(s||a)-(a-d);this.inputElement.setSelectionRange(m,m)}valueWithLimits(t){let e=t;return typeof this.min<"u"&&(e=Math.max(this.min,e)),typeof this.max<"u"&&(e=Math.min(this.max,e)),e}validateInput(t){t=this.valueWithLimits(t);let e=t<0?-1:1;if(t*=e,this.step){let r=typeof this.min<"u"?this.min:0,s=parseFloat(this.valueFormatter.format((t-r)%this.step));if(s===0||(Math.round(s/this.step)===1?t+=this.step-s:t-=s),typeof this.max<"u")for(;t>this.max;)t-=this.step;t=parseFloat(this.valueFormatter.format(t))}return t*=e,t}get displayValue(){let t=this.focused?"":un;return this.indeterminate?t:this.formattedValue}clearNumberFormatterCache(){this._numberFormatter=void 0,this._numberParser=void 0}get numberFormatter(){if(!this._numberFormatter||!this._numberFormatterFocused){let{style:t,unit:e,unitDisplay:r,...s}=this.formatOptions;t!=="unit"&&(s.style=t),this._numberFormatterFocused=new Le(this.languageResolver.language,s);try{this._numberFormatter=new Le(this.languageResolver.language,this.formatOptions),this._forcedUnit="",this._numberFormatter.format(1)}catch{t==="unit"&&(this._forcedUnit=e),this._numberFormatter=this._numberFormatterFocused}}return this.focused?this._numberFormatterFocused:this._numberFormatter}clearValueFormatterCache(){this._valueFormatter=void 0}get valueFormatter(){if(!this._valueFormatter){let t=this.step&&this.step!=Math.floor(this.step)?this.step.toString().split(".")[1].length:0;this._valueFormatter=new Le("en",{useGrouping:!1,maximumFractionDigits:t})}return this._valueFormatter}get numberParser(){if(!this._numberParser||!this._numberParserFocused){let{style:t,unit:e,unitDisplay:r,...s}=this.formatOptions;t!=="unit"&&(s.style=t),this._numberParserFocused=new Br(this.languageResolver.language,s);try{this._numberParser=new Br(this.languageResolver.language,this.formatOptions),this._forcedUnit="",this._numberParser.parse("0")}catch{t==="unit"&&(this._forcedUnit=e),this._numberParser=this._numberParserFocused}}return this.focused?this._numberParserFocused:this._numberParser}renderField(){return this.autocomplete="off",c` + `},Tt=class extends Y{constructor(){super(...arguments),this.focused=!1,this._forcedUnit="",this.formatOptions={},this.hideStepper=!1,this.indeterminate=!1,this.keyboardFocused=!1,this.managedInput=!1,this.stepModifier=10,this._value=NaN,this._trackingValue="",this.decimalsChars=new Set([".",","]),this.valueBeforeFocus="",this.isIntentDecimal=!1,this.changeCount=0,this.languageResolver=new nn(this),this.wasIndeterminate=!1,this.hasRecentlyReceivedPointerDown=!1,this.applyFocusElementLabel=t=>{this.appliedLabel=t},this.isComposing=!1}static get styles(){return[...super.styles,ov,jt]}set value(t){let e=this.validateInput(t);if(e===this.value)return;this.lastCommitedValue=e;let r=this._value;this._value=e,this.requestUpdate("value",r)}get value(){return this._value}get inputValue(){return this.indeterminate?this.formattedValue:this.inputElement.value}setValue(t=this.value){let e=this.lastCommitedValue;this.value=t,!(typeof e>"u"||e===this.value)&&(this.lastCommitedValue=this.value,this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})))}get valueAsString(){return this._value.toString()}set valueAsString(t){this.value=this.numberParser.parse(t)}get formattedValue(){return isNaN(this.value)?"":this.numberFormatter.format(this.value)+(this.focused?"":this._forcedUnit)}convertValueToNumber(t){let e=t.split("").map(i=>sv[i]||i).join(""),r=this.valueBeforeFocus.split("").filter(i=>this.decimalsChars.has(i)),s=new Set(r);if(Jo()&&this.inputElement.inputMode==="decimal"&&e!==this.valueBeforeFocus){let i=this.numberFormatter.formatToParts(1000.1).find(m=>m.type==="decimal").value;for(let m of s)m!==i&&!this.isIntentDecimal&&(e=e.replace(new RegExp(m,"g"),""));let a=!1,d=e.split("");for(let m=d.length-1;m>=0;m--){let b=d[m];this.decimalsChars.has(b)&&(a?d[m]="":(d[m]=i,a=!0))}e=d.join("")}return this.numberParser.parse(e)}get _step(){var t;return typeof this.step<"u"?this.step:((t=this.formatOptions)==null?void 0:t.style)==="percent"?.01:1}handlePointerdown(t){if(t.button!==0){t.preventDefault();return}this.managedInput=!0,this.buttons.setPointerCapture(t.pointerId);let e=this.buttons.children[0].getBoundingClientRect(),r=this.buttons.children[1].getBoundingClientRect();this.findChange=s=>{s.clientX>=e.x&&s.clientY>=e.y&&s.clientX<=e.x+e.width&&s.clientY<=e.y+e.height?this.change=i=>this.increment(i.shiftKey?this.stepModifier:1):s.clientX>=r.x&&s.clientY>=r.y&&s.clientX<=r.x+r.width&&s.clientY<=r.y+r.height&&(this.change=i=>this.decrement(i.shiftKey?this.stepModifier:1))},this.findChange(t),this.startChange(t)}startChange(t){this.changeCount=0,this.doChange(t),this.safty=setTimeout(()=>{this.doNextChange(t)},400)}doChange(t){this.change(t)}handlePointermove(t){this.findChange(t)}handlePointerup(t){this.buttons.releasePointerCapture(t.pointerId),cancelAnimationFrame(this.nextChange),clearTimeout(this.safty),this.managedInput=!1,this.setValue()}doNextChange(t){return this.changeCount+=1,this.changeCount%Wx===0&&this.doChange(t),requestAnimationFrame(()=>{this.nextChange=this.doNextChange(t)})}stepBy(t){if(this.disabled||this.readonly)return;let e=typeof this.min<"u"?this.min:0,r=this.value;r+=t*this._step,isNaN(this.value)&&(r=e),r=this.valueWithLimits(r),this.requestUpdate(),this._value=this.validateInput(r),this.inputElement.value=this.numberFormatter.format(r);let s=new Event("input",{bubbles:!0,composed:!0});this.inputElement.readOnly=!0,this.inputElement.dispatchEvent(s),this.indeterminate=!1,this.focus(),this.inputElement.readOnly=!1}increment(t=1){this.stepBy(1*t)}decrement(t=1){this.stepBy(-1*t)}handleKeydown(t){if(!this.isComposing)switch(t.code){case"ArrowUp":t.preventDefault(),this.increment(t.shiftKey?this.stepModifier:1),this.setValue();break;case"ArrowDown":t.preventDefault(),this.decrement(t.shiftKey?this.stepModifier:1),this.setValue();break}}onScroll(t){t.preventDefault(),this.managedInput=!0;let e=t.shiftKey?t.deltaX/Math.abs(t.deltaX):t.deltaY/Math.abs(t.deltaY);e!==0&&!isNaN(e)&&(this.stepBy(e*(t.shiftKey?this.stepModifier:1)),clearTimeout(this.queuedChangeEvent),this.queuedChangeEvent=setTimeout(()=>{this.setValue()},Yx)),this.managedInput=!1}onFocus(){super.onFocus(),this._trackingValue=this.inputValue,this.keyboardFocused=!this.readonly&&!0,this.addEventListener("wheel",this.onScroll,{passive:!1}),this.valueBeforeFocus=this.inputElement.value}onBlur(t){super.onBlur(t),this.keyboardFocused=!this.readonly&&!1,this.removeEventListener("wheel",this.onScroll),this.isIntentDecimal=!1}handleFocusin(){this.focused=!this.readonly&&!0,this.keyboardFocused=!this.readonly&&!0}handleFocusout(){this.focused=!this.readonly&&!1,this.keyboardFocused=!this.readonly&&!1}handleChange(){let t=this.convertValueToNumber(this.inputValue);if(this.wasIndeterminate&&(this.wasIndeterminate=!1,this.indeterminateValue=void 0,isNaN(t))){this.indeterminate=!0;return}this.setValue(t),this.inputElement.value=this.formattedValue}handleCompositionStart(){this.isComposing=!0}handleCompositionEnd(){this.isComposing=!1,requestAnimationFrame(()=>{this.inputElement.dispatchEvent(new Event("input",{composed:!0,bubbles:!0}))})}handleInputElementPointerdown(){this.hasRecentlyReceivedPointerDown=!0,this.updateComplete.then(()=>{requestAnimationFrame(()=>{this.hasRecentlyReceivedPointerDown=!1})})}handleInput(t){var e;if(this.isComposing){if(t.data){let b=this.convertValueToNumber(t.data);Number.isNaN(b)&&(this.inputElement.value=this.indeterminate?mn:this._trackingValue,this.isComposing=!1)}t.stopPropagation();return}this.indeterminate&&(this.wasIndeterminate=!0,this.indeterminateValue=this.value,this.inputElement.value=this.inputElement.value.replace(mn,"")),t.data&&this.decimalsChars.has(t.data)&&(this.isIntentDecimal=!0);let{value:r,selectionStart:s}=this.inputElement,i=r.split("").map(b=>sv[b]||b).join("");if(this.numberParser.isValidPartialNumber(i)){this.lastCommitedValue=(e=this.lastCommitedValue)!=null?e:this.value;let b=this.convertValueToNumber(i);!i&&this.indeterminateValue?(this.indeterminate=!0,this._value=this.indeterminateValue):(this.indeterminate=!1,this._value=this.validateInput(b)),this._trackingValue=i,this.inputElement.value=i,this.inputElement.setSelectionRange(s,s);return}else this.inputElement.value=this.indeterminate?mn:this._trackingValue,t.stopPropagation();let a=i.length,d=this._trackingValue.length,m=(s||a)-(a-d);this.inputElement.setSelectionRange(m,m)}valueWithLimits(t){let e=t;return typeof this.min<"u"&&(e=Math.max(this.min,e)),typeof this.max<"u"&&(e=Math.min(this.max,e)),e}validateInput(t){t=this.valueWithLimits(t);let e=t<0?-1:1;if(t*=e,this.step){let r=typeof this.min<"u"?this.min:0,s=parseFloat(this.valueFormatter.format((t-r)%this.step));if(s===0||(Math.round(s/this.step)===1?t+=this.step-s:t-=s),typeof this.max<"u")for(;t>this.max;)t-=this.step;t=parseFloat(this.valueFormatter.format(t))}return t*=e,t}get displayValue(){let t=this.focused?"":mn;return this.indeterminate?t:this.formattedValue}clearNumberFormatterCache(){this._numberFormatter=void 0,this._numberParser=void 0}get numberFormatter(){if(!this._numberFormatter||!this._numberFormatterFocused){let{style:t,unit:e,unitDisplay:r,...s}=this.formatOptions;t!=="unit"&&(s.style=t),this._numberFormatterFocused=new Le(this.languageResolver.language,s);try{this._numberFormatter=new Le(this.languageResolver.language,this.formatOptions),this._forcedUnit="",this._numberFormatter.format(1)}catch{t==="unit"&&(this._forcedUnit=e),this._numberFormatter=this._numberFormatterFocused}}return this.focused?this._numberFormatterFocused:this._numberFormatter}clearValueFormatterCache(){this._valueFormatter=void 0}get valueFormatter(){if(!this._valueFormatter){let t=this.step&&this.step!=Math.floor(this.step)?this.step.toString().split(".")[1].length:0;this._valueFormatter=new Le("en",{useGrouping:!1,maximumFractionDigits:t})}return this._valueFormatter}get numberParser(){if(!this._numberParser||!this._numberParserFocused){let{style:t,unit:e,unitDisplay:r,...s}=this.formatOptions;t!=="unit"&&(s.style=t),this._numberParserFocused=new Br(this.languageResolver.language,s);try{this._numberParser=new Br(this.languageResolver.language,this.formatOptions),this._forcedUnit="",this._numberParser.parse("0")}catch{t==="unit"&&(this._forcedUnit=e),this._numberParser=this._numberParserFocused}}return this.focused?this._numberParserFocused:this._numberParser}renderField(){return this.autocomplete="off",c` ${super.renderField()} ${this.hideStepper?_:c` - ${rv[this.size]("Up")} + ${iv[this.size]("Up")} - ${rv[this.size]("Down")} + ${iv[this.size]("Down")} `} - `}update(t){if((t.has("formatOptions")||t.has("resolvedLanguage"))&&this.clearNumberFormatterCache(),t.has("value")||t.has("max")||t.has("min")||t.has("step")){let e=this.numberParser.parse(this.formattedValue.replace(this._forcedUnit,""));this.value=e,this.clearValueFormatterCache()}super.update(t)}willUpdate(t){this.multiline=!1,t.has(ud)&&this.clearNumberFormatterCache()}firstUpdated(t){super.firstUpdated(t),this.addEventListener("keydown",this.handleKeydown),this.addEventListener("compositionstart",this.handleCompositionStart),this.addEventListener("compositionend",this.handleCompositionEnd)}updated(t){if(!(!this.inputElement||!this.isConnected)){if(t.has("min")||t.has("formatOptions")){let e=typeof this.min<"u"&&this.min>=0,{maximumFractionDigits:r}=this.numberFormatter.resolvedOptions(),s=r&&r>0,i="numeric";Ml()&&!e?i="text":(Jo()&&s||bi()&&s&&e)&&(i="decimal"),this.inputElement.inputMode=i}t.has("focused")&&this.focused&&!this.hasRecentlyReceivedPointerDown&&this.formatOptions.unit&&this.setSelectionRange(0,this.displayValue.length)}}};ce([P(".buttons")],Tt.prototype,"buttons",2),ce([n({type:Boolean,reflect:!0})],Tt.prototype,"focused",2),ce([n({type:Object,attribute:"format-options"})],Tt.prototype,"formatOptions",2),ce([n({type:Boolean,reflect:!0,attribute:"hide-stepper"})],Tt.prototype,"hideStepper",2),ce([n({type:Boolean,reflect:!0})],Tt.prototype,"indeterminate",2),ce([n({type:Boolean,reflect:!0,attribute:"keyboard-focused"})],Tt.prototype,"keyboardFocused",2),ce([n({type:Number})],Tt.prototype,"max",2),ce([n({type:Number})],Tt.prototype,"min",2),ce([n({type:Number})],Tt.prototype,"step",2),ce([n({type:Number,reflect:!0,attribute:"step-modifier"})],Tt.prototype,"stepModifier",2),ce([n({type:Number})],Tt.prototype,"value",1);x();l("sp-number-field",Tt);x();p();L();Te();p();var Gx=y` + `}update(t){if((t.has("formatOptions")||t.has("resolvedLanguage"))&&this.clearNumberFormatterCache(),t.has("value")||t.has("max")||t.has("min")||t.has("step")){let e=this.numberParser.parse(this.formattedValue.replace(this._forcedUnit,""));this.value=e,this.clearValueFormatterCache()}super.update(t)}willUpdate(t){this.multiline=!1,t.has(md)&&this.clearNumberFormatterCache()}firstUpdated(t){super.firstUpdated(t),this.addEventListener("keydown",this.handleKeydown),this.addEventListener("compositionstart",this.handleCompositionStart),this.addEventListener("compositionend",this.handleCompositionEnd)}updated(t){if(!(!this.inputElement||!this.isConnected)){if(t.has("min")||t.has("formatOptions")){let e=typeof this.min<"u"&&this.min>=0,{maximumFractionDigits:r}=this.numberFormatter.resolvedOptions(),s=r&&r>0,i="numeric";Bl()&&!e?i="text":(Jo()&&s||bi()&&s&&e)&&(i="decimal"),this.inputElement.inputMode=i}t.has("focused")&&this.focused&&!this.hasRecentlyReceivedPointerDown&&this.formatOptions.unit&&this.setSelectionRange(0,this.displayValue.length)}}};ce([P(".buttons")],Tt.prototype,"buttons",2),ce([n({type:Boolean,reflect:!0})],Tt.prototype,"focused",2),ce([n({type:Object,attribute:"format-options"})],Tt.prototype,"formatOptions",2),ce([n({type:Boolean,reflect:!0,attribute:"hide-stepper"})],Tt.prototype,"hideStepper",2),ce([n({type:Boolean,reflect:!0})],Tt.prototype,"indeterminate",2),ce([n({type:Boolean,reflect:!0,attribute:"keyboard-focused"})],Tt.prototype,"keyboardFocused",2),ce([n({type:Number})],Tt.prototype,"max",2),ce([n({type:Number})],Tt.prototype,"min",2),ce([n({type:Number})],Tt.prototype,"step",2),ce([n({type:Number,reflect:!0,attribute:"step-modifier"})],Tt.prototype,"stepModifier",2),ce([n({type:Number})],Tt.prototype,"value",1);x();l("sp-number-field",Tt);x();p();L();Te();p();var Xx=y` slot[name=longpress-describedby-descriptor]{display:none} -`,ov=Gx;var Wx=Object.defineProperty,Yx=Object.getOwnPropertyDescriptor,At=(o,t,e,r)=>{for(var s=r>1?void 0:r?Yx(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&Wx(t,e,s),s},pt=class extends E{constructor(){super(...arguments),this.offset=6,this.disabled=!1,this.receivesFocus="auto",this.clickContent=[],this.longpressContent=[],this.hoverContent=[],this.targetContent=[]}static get styles(){return[ov]}getAssignedElementsFromSlot(t){return t.assignedElements({flatten:!0})}handleTriggerContent(t){this.targetContent=this.getAssignedElementsFromSlot(t.target)}handleSlotContent(t){switch(t.target.name){case"click-content":this.clickContent=this.getAssignedElementsFromSlot(t.target);break;case"longpress-content":this.longpressContent=this.getAssignedElementsFromSlot(t.target);break;case"hover-content":this.hoverContent=this.getAssignedElementsFromSlot(t.target);break}}handleBeforetoggle(t){let{target:e}=t,r;if(e===this.clickOverlayElement)r="click";else if(e===this.longpressOverlayElement)r="longpress";else if(e===this.hoverOverlayElement)r="hover";else return;t.newState==="open"?this.open=r:this.open===r&&(this.open=void 0)}update(t){var e,r,s,i,a,d;t.has("clickContent")&&(this.clickPlacement=((e=this.clickContent[0])==null?void 0:e.getAttribute("placement"))||((r=this.clickContent[0])==null?void 0:r.getAttribute("direction"))||void 0),t.has("hoverContent")&&(this.hoverPlacement=((s=this.hoverContent[0])==null?void 0:s.getAttribute("placement"))||((i=this.hoverContent[0])==null?void 0:i.getAttribute("direction"))||void 0),t.has("longpressContent")&&(this.longpressPlacement=((a=this.longpressContent[0])==null?void 0:a.getAttribute("placement"))||((d=this.longpressContent[0])==null?void 0:d.getAttribute("direction"))||void 0),super.update(t)}renderSlot(t){return c` +`,av=Xx;var Jx=Object.defineProperty,Qx=Object.getOwnPropertyDescriptor,At=(o,t,e,r)=>{for(var s=r>1?void 0:r?Qx(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&Jx(t,e,s),s},pt=class extends E{constructor(){super(...arguments),this.offset=6,this.disabled=!1,this.receivesFocus="auto",this.clickContent=[],this.longpressContent=[],this.hoverContent=[],this.targetContent=[]}static get styles(){return[av]}getAssignedElementsFromSlot(t){return t.assignedElements({flatten:!0})}handleTriggerContent(t){this.targetContent=this.getAssignedElementsFromSlot(t.target)}handleSlotContent(t){switch(t.target.name){case"click-content":this.clickContent=this.getAssignedElementsFromSlot(t.target);break;case"longpress-content":this.longpressContent=this.getAssignedElementsFromSlot(t.target);break;case"hover-content":this.hoverContent=this.getAssignedElementsFromSlot(t.target);break}}handleBeforetoggle(t){let{target:e}=t,r;if(e===this.clickOverlayElement)r="click";else if(e===this.longpressOverlayElement)r="longpress";else if(e===this.hoverOverlayElement)r="hover";else return;t.newState==="open"?this.open=r:this.open===r&&(this.open=void 0)}update(t){var e,r,s,i,a,d;t.has("clickContent")&&(this.clickPlacement=((e=this.clickContent[0])==null?void 0:e.getAttribute("placement"))||((r=this.clickContent[0])==null?void 0:r.getAttribute("direction"))||void 0),t.has("hoverContent")&&(this.hoverPlacement=((s=this.hoverContent[0])==null?void 0:s.getAttribute("placement"))||((i=this.hoverContent[0])==null?void 0:i.getAttribute("direction"))||void 0),t.has("longpressContent")&&(this.longpressPlacement=((a=this.longpressContent[0])==null?void 0:a.getAttribute("placement"))||((d=this.longpressContent[0])==null?void 0:d.getAttribute("direction"))||void 0),super.update(t)}renderSlot(t){return c` `}renderClickOverlay(){var t;let e=this.renderSlot("click-content"),r=c` ${[this.renderClickOverlay(),this.renderHoverOverlay(),this.renderLongpressOverlay()]} - `}updated(t){if(super.updated(t),this.disabled&&t.has("disabled")){this.open=void 0;return}}async getUpdateComplete(){return await super.getUpdateComplete()}};At([n({attribute:"triggered-by"})],pt.prototype,"triggeredBy",2),At([n({reflect:!0})],pt.prototype,"placement",2),At([n()],pt.prototype,"type",2),At([n({type:Number})],pt.prototype,"offset",2),At([n({reflect:!0})],pt.prototype,"open",2),At([n({type:Boolean,reflect:!0})],pt.prototype,"disabled",2),At([n({attribute:"receives-focus"})],pt.prototype,"receivesFocus",2),At([W()],pt.prototype,"clickContent",2),At([W()],pt.prototype,"longpressContent",2),At([W()],pt.prototype,"hoverContent",2),At([W()],pt.prototype,"targetContent",2),At([P("#click-overlay",!0)],pt.prototype,"clickOverlayElement",2),At([P("#longpress-overlay",!0)],pt.prototype,"longpressOverlayElement",2),At([P("#hover-overlay",!0)],pt.prototype,"hoverOverlayElement",2);l("overlay-trigger",pt);Te();x();l("sp-picker",Ki);Kr();Qr();L();le();p();L();le();p();var Xx=y` + `}updated(t){if(super.updated(t),this.disabled&&t.has("disabled")){this.open=void 0;return}}async getUpdateComplete(){return await super.getUpdateComplete()}};At([n({attribute:"triggered-by"})],pt.prototype,"triggeredBy",2),At([n({reflect:!0})],pt.prototype,"placement",2),At([n()],pt.prototype,"type",2),At([n({type:Number})],pt.prototype,"offset",2),At([n({reflect:!0})],pt.prototype,"open",2),At([n({type:Boolean,reflect:!0})],pt.prototype,"disabled",2),At([n({attribute:"receives-focus"})],pt.prototype,"receivesFocus",2),At([W()],pt.prototype,"clickContent",2),At([W()],pt.prototype,"longpressContent",2),At([W()],pt.prototype,"hoverContent",2),At([W()],pt.prototype,"targetContent",2),At([P("#click-overlay",!0)],pt.prototype,"clickOverlayElement",2),At([P("#longpress-overlay",!0)],pt.prototype,"longpressOverlayElement",2),At([P("#hover-overlay",!0)],pt.prototype,"hoverOverlayElement",2);l("overlay-trigger",pt);Te();x();l("sp-picker",Ki);Kr();Qr();L();le();p();L();le();p();var t3=y` @media (forced-colors:active){:host{--highcontrast-radio-neutral-content-color:CanvasText;--highcontrast-radio-neutral-content-color-hover:CanvasText;--highcontrast-radio-neutral-content-color-down:CanvasText;--highcontrast-radio-neutral-content-color-focus:CanvasText;--highcontrast-radio-button-border-color-default:ButtonText;--highcontrast-radio-button-border-color-hover:Highlight;--highcontrast-radio-button-border-color-down:ButtonText;--highcontrast-radio-button-border-color-focus:Highlight;--highcontrast-radio-emphasized-accent-color:ButtonText;--highcontrast-radio-emphasized-accent-color-hover:Highlight;--highcontrast-radio-emphasized-accent-color-down:ButtonText;--highcontrast-radio-emphasized-accent-color-focus:Highlight;--highcontrast-radio-button-checked-border-color-default:Highlight;--highcontrast-radio-button-checked-border-color-hover:Highlight;--highcontrast-radio-button-checked-border-color-down:Highlight;--highcontrast-radio-button-checked-border-color-focus:Highlight;--highcontrast-radio-disabled-content-color:GrayText;--highcontrast-radio-disabled-border-color:GrayText;--highcontrast-radio-focus-indicator-color:CanvasText}#button:after{forced-color-adjust:none}}:host{vertical-align:top;min-block-size:var(--mod-radio-height,var(--spectrum-radio-height));align-items:flex-start;max-inline-size:100%;display:inline-flex;position:relative}:host(:active) #button:before{border-color:var(--highcontrast-radio-button-border-color-down,var(--mod-radio-button-border-color-down,var(--spectrum-radio-button-border-color-down)))}:host(:active[checked]) #input+#button:before{border-color:var(--highcontrast-radio-button-checked-border-color-down,var(--mod-radio-button-checked-border-color-down,var(--spectrum-radio-button-checked-border-color-down)))}:host(:active) #label{color:var(--highcontrast-radio-neutral-content-color-down,var(--mod-radio-neutral-content-color-down,var(--spectrum-radio-neutral-content-color-down)))}:host(:focus-visible) #button:before{border-color:var(--highcontrast-radio-button-border-color-focus,var(--mod-radio-button-border-color-focus,var(--spectrum-radio-button-border-color-focus)))}:host(:focus-visible) #button:after{border-style:solid;border-color:var(--highcontrast-radio-focus-indicator-color,var(--mod-radio-focus-indicator-color,var(--spectrum-radio-focus-indicator-color)));border-width:var(--mod-radio-focus-indicator-thickness,var(--spectrum-radio-focus-indicator-thickness));inline-size:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2);block-size:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2)}:host(:focus-visible[checked]) #input+#button:before{border-color:var(--highcontrast-radio-button-checked-border-color-focus,var(--mod-radio-button-checked-border-color-focus,var(--spectrum-radio-button-checked-border-color-focus)))}:host(:focus-visible) #label{color:var(--highcontrast-radio-neutral-content-color-focus,var(--mod-radio-neutral-content-color-focus,var(--spectrum-radio-neutral-content-color-focus)))}:host([readonly]) #input:read-only{cursor:auto}:host([readonly]) #button{clip:rect(1px,1px,1px,1px);clip-path:inset(50%);position:fixed;inset-block-end:100%;inset-inline-end:100%}:host([readonly][checked][disabled]) #input~#label,:host([readonly][disabled]) #input~#label,:host([readonly]) #label{color:var(--highcontrast-radio-neutral-content-color,var(--mod-radio-neutral-content-color,var(--spectrum-radio-neutral-content-color)));margin-inline-start:0}:host([emphasized][checked]) #input+#button:before{border-color:var(--highcontrast-radio-emphasized-accent-color,var(--mod-radio-emphasized-accent-color,var(--spectrum-radio-emphasized-accent-color)))}@media (hover:hover){:host(:hover) #button:before{border-color:var(--highcontrast-radio-button-border-color-hover,var(--mod-radio-button-border-color-hover,var(--spectrum-radio-button-border-color-hover)))}:host([checked]:hover) #input+#button:before{border-color:var(--highcontrast-radio-button-checked-border-color-hover,var(--mod-radio-button-checked-border-color-hover,var(--spectrum-radio-button-checked-border-color-hover)))}:host(:hover) #label{color:var(--highcontrast-radio-neutral-content-color-hover,var(--mod-radio-neutral-content-color-hover,var(--spectrum-radio-neutral-content-color-hover)))}:host([emphasized][checked]:hover) #input+#button:before{border-color:var(--highcontrast-radio-emphasized-accent-color-hover,var(--mod-radio-emphasized-accent-color-hover,var(--spectrum-radio-emphasized-accent-color-hover)))}}:host([emphasized]:active[checked]) #input+#button:before{border-color:var(--highcontrast-radio-emphasized-accent-color-down,var(--mod-radio-emphasized-accent-color-down,var(--spectrum-radio-emphasized-accent-color-down)))}:host([emphasized]:focus-visible[checked]) #input+#button:before{border-color:var(--highcontrast-radio-emphasized-accent-color-focus,var(--mod-radio-emphasized-accent-color-focus,var(--spectrum-radio-emphasized-accent-color-focus)))}:host([checked][disabled]) #input+#button:before,:host([disabled]) #input+#button:before{border-color:var(--highcontrast-radio-disabled-border-color,var(--mod-radio-disabled-border-color,var(--spectrum-radio-disabled-border-color)))}:host([checked][disabled]) #input~#label,:host([disabled]) #input~#label{color:var(--highcontrast-radio-disabled-content-color,var(--mod-radio-disabled-content-color,var(--spectrum-radio-disabled-content-color)))}#input{font-family:inherit;font-size:100%;line-height:var(--mod-radio-line-height,var(--spectrum-radio-line-height));box-sizing:border-box;opacity:0;z-index:1;cursor:pointer;block-size:100%;inline-size:100%;margin:0;padding:0;position:absolute;overflow:visible}:host([disabled]) #input{cursor:default}:host([checked]) #input+#button:before{border-width:calc(var(--spectrum-radio-button-control-size)/2 - var(--spectrum-radio-button-selection-indicator)/2);border-color:var(--highcontrast-radio-button-checked-border-color-default,var(--mod-radio-button-checked-border-color-default,var(--spectrum-radio-button-checked-border-color-default)))}#input:focus-visible+#button:after{border-width:var(--mod-radio-focus-indicator-thickness,var(--spectrum-radio-focus-indicator-thickness));border-color:var(--highcontrast-radio-focus-indicator-color,var(--mod-radio-focus-indicator-color,var(--spectrum-radio-focus-indicator-color)));inline-size:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2);block-size:calc(var(--spectrum-radio-button-control-size) + var(--spectrum-radio-focus-indicator-gap)*2);border-style:solid}#label{text-align:start;font-size:var(--mod-radio-font-size,var(--spectrum-radio-font-size));color:var(--highcontrast-radio-neutral-content-color,var(--mod-radio-neutral-content-color,var(--spectrum-radio-neutral-content-color)));line-height:var(--mod-radio-line-height,var(--spectrum-radio-line-height));transition:color var(--mod-radio-animation-duration,var(--spectrum-radio-animation-duration))ease-in-out;margin-block-start:var(--spectrum-radio-label-top-to-text);margin-block-end:var(--spectrum-radio-label-bottom-to-text);margin-inline-start:var(--mod-radio-text-to-control,var(--spectrum-radio-text-to-control))}#label:lang(ja),#label:lang(ko),#label:lang(zh){line-height:var(--mod-radio-line-height-cjk,var(--spectrum-radio-line-height-cjk))}#button{box-sizing:border-box;inline-size:var(--mod-radio-button-control-size,var(--spectrum-radio-button-control-size));block-size:var(--mod-radio-button-control-size,var(--spectrum-radio-button-control-size));flex-grow:0;flex-shrink:0;margin-block-start:var(--mod-radio-button-top-to-control,var(--spectrum-radio-button-top-to-control));position:relative}#button:before{z-index:0;content:"";box-sizing:border-box;inline-size:var(--mod-radio-button-control-size,var(--spectrum-radio-button-control-size));block-size:var(--mod-radio-button-control-size,var(--spectrum-radio-button-control-size));background-color:var(--highcontrast-radio-button-background-color,var(--mod-radio-button-background-color,var(--spectrum-radio-button-background-color)));border-width:var(--mod-radio-border-width,var(--spectrum-radio-border-width));border-color:var(--highcontrast-radio-button-border-color-default,var(--mod-radio-button-border-color-default,var(--spectrum-radio-button-border-color-default)));transition:border var(--mod-radio-animation-duration,var(--spectrum-radio-animation-duration))ease-in-out,box-shadow var(--mod-radio-animation-duration,var(--spectrum-radio-animation-duration))ease-in-out;border-style:solid;border-radius:50%;display:block;position:absolute}#button:after{content:"";transition:opacity var(--mod-radio-animation-duration,var(--spectrum-radio-animation-duration))ease-out,margin var(--mod-radio-animation-duration,var(--spectrum-radio-animation-duration))ease-out;border-radius:50%;display:block;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%)translateY(-50%)}:host:dir(rtl) #button:after,:host([dir=rtl]) #button:after{transform:translate(50%)translateY(-50%)}:host{--spectrum-radio-button-border-color-default:var(--system-radio-button-border-color-default);--spectrum-radio-button-border-color-hover:var(--system-radio-button-border-color-hover);--spectrum-radio-button-border-color-down:var(--system-radio-button-border-color-down);--spectrum-radio-button-border-color-focus:var(--system-radio-button-border-color-focus);--spectrum-radio-neutral-content-color:var(--system-radio-neutral-content-color);--spectrum-radio-neutral-content-color-hover:var(--system-radio-neutral-content-color-hover);--spectrum-radio-neutral-content-color-down:var(--system-radio-neutral-content-color-down);--spectrum-radio-neutral-content-color-focus:var(--system-radio-neutral-content-color-focus);--spectrum-radio-focus-indicator-thickness:var(--system-radio-focus-indicator-thickness);--spectrum-radio-focus-indicator-gap:var(--system-radio-focus-indicator-gap);--spectrum-radio-focus-indicator-color:var(--system-radio-focus-indicator-color);--spectrum-radio-disabled-content-color:var(--system-radio-disabled-content-color);--spectrum-radio-disabled-border-color:var(--system-radio-disabled-border-color);--spectrum-radio-emphasized-accent-color:var(--system-radio-emphasized-accent-color);--spectrum-radio-emphasized-accent-color-hover:var(--system-radio-emphasized-accent-color-hover);--spectrum-radio-emphasized-accent-color-down:var(--system-radio-emphasized-accent-color-down);--spectrum-radio-emphasized-accent-color-focus:var(--system-radio-emphasized-accent-color-focus);--spectrum-radio-border-width:var(--system-radio-border-width);--spectrum-radio-button-background-color:var(--system-radio-button-background-color);--spectrum-radio-button-checked-border-color-default:var(--system-radio-button-checked-border-color-default);--spectrum-radio-button-checked-border-color-hover:var(--system-radio-button-checked-border-color-hover);--spectrum-radio-button-checked-border-color-down:var(--system-radio-button-checked-border-color-down);--spectrum-radio-button-checked-border-color-focus:var(--system-radio-button-checked-border-color-focus);--spectrum-radio-line-height:var(--system-radio-line-height);--spectrum-radio-animation-duration:var(--system-radio-animation-duration);--spectrum-radio-height:var(--system-radio-height);--spectrum-radio-button-control-size:var(--system-radio-button-control-size);--spectrum-radio-text-to-control:var(--system-radio-text-to-control);--spectrum-radio-label-top-to-text:var(--system-radio-label-top-to-text);--spectrum-radio-label-bottom-to-text:var(--system-radio-label-bottom-to-text);--spectrum-radio-button-top-to-control:var(--system-radio-button-top-to-control);--spectrum-radio-font-size:var(--system-radio-font-size)}:host(:lang(ja)){--spectrum-radio-line-height-cjk:var(--system-radio-lang-ja-line-height-cjk)}:host(:lang(zh)){--spectrum-radio-line-height-cjk:var(--system-radio-lang-zh-line-height-cjk)}:host(:lang(ko)){--spectrum-radio-line-height-cjk:var(--system-radio-lang-ko-line-height-cjk)}:host{--spectrum-radio-height:var(--system-radio-size-m-height);--spectrum-radio-button-control-size:var(--system-radio-size-m-button-control-size);--spectrum-radio-text-to-control:var(--system-radio-size-m-text-to-control);--spectrum-radio-label-top-to-text:var(--system-radio-size-m-label-top-to-text);--spectrum-radio-label-bottom-to-text:var(--system-radio-size-m-label-bottom-to-text);--spectrum-radio-button-top-to-control:var(--system-radio-size-m-button-top-to-control);--spectrum-radio-font-size:var(--system-radio-size-m-font-size)}:host([size=s]){--spectrum-radio-height:var(--system-radio-size-s-height);--spectrum-radio-button-control-size:var(--system-radio-size-s-button-control-size);--spectrum-radio-text-to-control:var(--system-radio-size-s-text-to-control);--spectrum-radio-label-top-to-text:var(--system-radio-size-s-label-top-to-text);--spectrum-radio-label-bottom-to-text:var(--system-radio-size-s-label-bottom-to-text);--spectrum-radio-button-top-to-control:var(--system-radio-size-s-button-top-to-control);--spectrum-radio-font-size:var(--system-radio-size-s-font-size)}:host([size=l]){--spectrum-radio-height:var(--system-radio-size-l-height);--spectrum-radio-button-control-size:var(--system-radio-size-l-button-control-size);--spectrum-radio-text-to-control:var(--system-radio-size-l-text-to-control);--spectrum-radio-label-top-to-text:var(--system-radio-size-l-label-top-to-text);--spectrum-radio-label-bottom-to-text:var(--system-radio-size-l-label-bottom-to-text);--spectrum-radio-button-top-to-control:var(--system-radio-size-l-button-top-to-control);--spectrum-radio-font-size:var(--system-radio-size-l-font-size)}:host([size=xl]){--spectrum-radio-height:var(--system-radio-size-xl-height);--spectrum-radio-button-control-size:var(--system-radio-size-xl-button-control-size);--spectrum-radio-text-to-control:var(--system-radio-size-xl-text-to-control);--spectrum-radio-label-top-to-text:var(--system-radio-size-xl-label-top-to-text);--spectrum-radio-label-bottom-to-text:var(--system-radio-size-xl-label-bottom-to-text);--spectrum-radio-button-top-to-control:var(--system-radio-size-xl-button-top-to-control);--spectrum-radio-font-size:var(--system-radio-size-xl-font-size)}:host([emphasized]){--spectrum-radio-button-checked-border-color-default:var(--system-radio-emphasized-button-checked-border-color-default);--spectrum-radio-button-checked-border-color-hover:var(--system-radio-emphasized-button-checked-border-color-hover);--spectrum-radio-button-checked-border-color-down:var(--system-radio-emphasized-button-checked-border-color-down);--spectrum-radio-button-checked-border-color-focus:var(--system-radio-emphasized-button-checked-border-color-focus)}:host(:focus){outline:none}:host([disabled]){pointer-events:none}:host([dir=rtl]) #button:after{transform:translate(50%)translateY(-50%)} -`,sv=Xx;var Jx=Object.defineProperty,Qx=Object.getOwnPropertyDescriptor,Dr=(o,t,e,r)=>{for(var s=r>1?void 0:r?Qx(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&Jx(t,e,s),s},Dt=class extends R(mt(E),{noDefaultSize:!0}){constructor(){super(...arguments),this.autofocus=!1,this.value="",this.checked=!1,this.disabled=!1,this.emphasized=!1,this.invalid=!1,this.readonly=!1}static get styles(){return[sv]}click(){this.disabled||this.activate()}manageAutoFocus(){this.autofocus&&(this.dispatchEvent(new KeyboardEvent("keydown",{code:"Tab"})),this.focus())}activate(){this.checked||(this.checked=!0,this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})))}handleKeyup(t){t.code==="Space"&&this.activate()}render(){return c` +`,cv=t3;var e3=Object.defineProperty,r3=Object.getOwnPropertyDescriptor,Dr=(o,t,e,r)=>{for(var s=r>1?void 0:r?r3(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&e3(t,e,s),s},Dt=class extends R(mt(E),{noDefaultSize:!0}){constructor(){super(...arguments),this.autofocus=!1,this.value="",this.checked=!1,this.disabled=!1,this.emphasized=!1,this.invalid=!1,this.readonly=!1}static get styles(){return[cv]}click(){this.disabled||this.activate()}manageAutoFocus(){this.autofocus&&(this.dispatchEvent(new KeyboardEvent("keydown",{code:"Tab"})),this.focus())}activate(){this.checked||(this.checked=!0,this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})))}handleKeyup(t){t.code==="Space"&&this.activate()}render(){return c`
- `}firstUpdated(t){super.firstUpdated(t),this.setAttribute("role","radio"),this.hasAttribute("tabindex")||(this.tabIndex=0),this.manageAutoFocus(),this.addEventListener("click",this.activate),this.addEventListener("keyup",this.handleKeyup)}updated(t){super.updated(t),t.has("invalid")&&(this.invalid?this.setAttribute("aria-invalid","true"):this.removeAttribute("aria-invalid")),t.has("checked")&&(this.checked?this.setAttribute("aria-checked","true"):this.setAttribute("aria-checked","false")),t.has("disabled")&&(this.disabled?this.setAttribute("aria-disabled","true"):this.removeAttribute("aria-disabled"))}};Dr([n({type:Boolean})],Dt.prototype,"autofocus",2),Dr([n({type:String,reflect:!0})],Dt.prototype,"value",2),Dr([n({type:Boolean,reflect:!0})],Dt.prototype,"checked",2),Dr([n({type:Boolean,reflect:!0})],Dt.prototype,"disabled",2),Dr([n({type:Boolean,reflect:!0})],Dt.prototype,"emphasized",2),Dr([n({type:Boolean,reflect:!0})],Dt.prototype,"invalid",2),Dr([n({type:Boolean,reflect:!0})],Dt.prototype,"readonly",2);var t3=Object.defineProperty,e3=Object.getOwnPropertyDescriptor,pd=(o,t,e,r)=>{for(var s=r>1?void 0:r?e3(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&t3(t,e,s),s},Hr=class extends mt(ve){constructor(){super(...arguments),this.name="",this.rovingTabindexController=new $t(this,{focusInIndex:t=>t.findIndex(e=>this.selected?!e.disabled&&e.value===this.selected:!e.disabled),elementEnterAction:t=>{this._setSelected(t.value)},elements:()=>this.buttons,isFocusableElement:t=>!t.disabled}),this.selected=""}get buttons(){return this.defaultNodes.filter(t=>t instanceof Dt)}focus(){this.rovingTabindexController.focus()}_setSelected(t){if(t===this.selected)return;let e=this.selected,r=t?this.querySelector(`sp-radio[value="${t}"]`):void 0;if(this.selected=r?t:"",!this.dispatchEvent(new Event("change",{cancelable:!0,bubbles:!0,composed:!0}))){this.selected=e;return}this.validateRadios()}willUpdate(t){if(!this.hasUpdated){this.setAttribute("role","radiogroup");let e=this.querySelector("sp-radio[checked]"),r=e?e.value:"";if(this.selected=r||this.selected,this.selected&&this.selected!==r){let s=this.querySelector(`sp-radio[value="${this.selected}"]`);s&&(s.checked=!0)}this.shadowRoot.addEventListener("change",s=>{s.stopPropagation();let i=s.target;this._setSelected(i.value)})}t.has("selected")&&this.validateRadios()}async validateRadios(){let t=!1;this.hasUpdated||await this.updateComplete,this.buttons.map(e=>{e.checked=this.selected===e.value,t=t||e.checked}),t||(this.selected="")}handleSlotchange(){this.rovingTabindexController.clearElementCache()}};pd([n({type:String})],Hr.prototype,"name",2),pd([Fe()],Hr.prototype,"defaultNodes",2),pd([n({reflect:!0})],Hr.prototype,"selected",2);x();l("sp-radio-group",Hr);x();l("sp-radio",Dt);p();L();J();x();l("sp-clear-button",fr);p();var iv=({width:o=24,height:t=24,hidden:e=!1,title:r="Search"}={})=>u`{for(var s=r>1?void 0:r?s3(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&o3(t,e,s),s},Hr=class extends mt(ve){constructor(){super(...arguments),this.name="",this.rovingTabindexController=new $t(this,{focusInIndex:t=>t.findIndex(e=>this.selected?!e.disabled&&e.value===this.selected:!e.disabled),elementEnterAction:t=>{this._setSelected(t.value)},elements:()=>this.buttons,isFocusableElement:t=>!t.disabled}),this.selected=""}get buttons(){return this.defaultNodes.filter(t=>t instanceof Dt)}focus(){this.rovingTabindexController.focus()}_setSelected(t){if(t===this.selected)return;let e=this.selected,r=t?this.querySelector(`sp-radio[value="${t}"]`):void 0;if(this.selected=r?t:"",!this.dispatchEvent(new Event("change",{cancelable:!0,bubbles:!0,composed:!0}))){this.selected=e;return}this.validateRadios()}willUpdate(t){if(!this.hasUpdated){this.setAttribute("role","radiogroup");let e=this.querySelector("sp-radio[checked]"),r=e?e.value:"";if(this.selected=r||this.selected,this.selected&&this.selected!==r){let s=this.querySelector(`sp-radio[value="${this.selected}"]`);s&&(s.checked=!0)}this.shadowRoot.addEventListener("change",s=>{s.stopPropagation();let i=s.target;this._setSelected(i.value)})}t.has("selected")&&this.validateRadios()}async validateRadios(){let t=!1;this.hasUpdated||await this.updateComplete,this.buttons.map(e=>{e.checked=this.selected===e.value,t=t||e.checked}),t||(this.selected="")}handleSlotchange(){this.rovingTabindexController.clearElementCache()}};hd([n({type:String})],Hr.prototype,"name",2),hd([Fe()],Hr.prototype,"defaultNodes",2),hd([n({reflect:!0})],Hr.prototype,"selected",2);x();l("sp-radio-group",Hr);x();l("sp-radio",Dt);p();L();J();x();l("sp-clear-button",fr);p();var nv=({width:o=24,height:t=24,hidden:e=!1,title:r="Search"}={})=>u` - `;var av=({width:o=24,height:t=24,hidden:e=!1,title:r="Magnify"}={})=>u``;var lv=({width:o=24,height:t=24,hidden:e=!1,title:r="Magnify"}={})=>u` - `;var mn=class extends h{render(){return g(c),this.spectrumVersion===2?iv({hidden:!this.label,title:this.label}):av({hidden:!this.label,title:this.label})}};x();l("sp-icon-search",mn);p();var r3=y` + `;var pn=class extends h{render(){return g(c),this.spectrumVersion===2?nv({hidden:!this.label,title:this.label}):lv({hidden:!this.label,title:this.label})}};x();l("sp-icon-search",pn);p();var i3=y` #textfield{--spectrum-search-inline-size:var(--spectrum-field-width);--spectrum-search-block-size:var(--spectrum-component-height-100);--spectrum-search-button-inline-size:var(--spectrum-search-block-size);--spectrum-search-min-inline-size:calc(var(--spectrum-search-field-minimum-width-multiplier)*var(--spectrum-search-block-size));--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-100);--spectrum-search-to-help-text:var(--spectrum-help-text-to-component);--spectrum-search-top-to-text:var(--spectrum-component-top-to-text-100);--spectrum-search-bottom-to-text:var(--spectrum-component-bottom-to-text-100);--spectrum-search-focus-indicator-thickness:var(--spectrum-focus-indicator-thickness);--spectrum-search-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-search-focus-indicator-color:var(--spectrum-focus-indicator-color);--spectrum-search-font-family:var(--spectrum-sans-font-family-stack);--spectrum-search-font-weight:var(--spectrum-regular-font-weight);--spectrum-search-font-style:var(--spectrum-default-font-style);--spectrum-search-line-height:var(--spectrum-line-height-100);--spectrum-search-color-default:var(--spectrum-neutral-content-color-default);--spectrum-search-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-search-color-focus:var(--spectrum-neutral-content-color-focus);--spectrum-search-color-focus-hover:var(--spectrum-neutral-content-color-focus-hover);--spectrum-search-color-key-focus:var(--spectrum-neutral-content-color-key-focus);--spectrum-search-border-width:var(--spectrum-border-width-100);--spectrum-search-color-disabled:var(--spectrum-disabled-content-color);--mod-textfield-font-family:var(--mod-search-font-family,var(--spectrum-search-font-family));--mod-textfield-font-weight:var(--mod-search-font-weight,var(--spectrum-search-font-weight));--mod-textfield-corner-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius));--mod-textfield-border-width:var(--mod-search-border-width,var(--spectrum-search-border-width));--mod-textfield-focus-indicator-gap:var(--mod-search-focus-indicator-gap,var(--spectrum-search-focus-indicator-gap));--mod-textfield-focus-indicator-width:var(--mod-search-focus-indicator-thickness,var(--spectrum-search-focus-indicator-thickness));--mod-textfield-focus-indicator-color:var(--mod-search-focus-indicator-color,var(--spectrum-search-focus-indicator-color));--mod-textfield-text-color-default:var(--mod-search-color-default,var(--spectrum-search-color-default));--mod-textfield-text-color-hover:var(--mod-search-color-hover,var(--spectrum-search-color-hover));--mod-textfield-text-color-focus:var(--mod-search-color-focus,var(--spectrum-search-color-focus));--mod-textfield-text-color-focus-hover:var(--mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover));--mod-textfield-text-color-keyboard-focus:var(--mod-search-color-key-focus,var(--spectrum-search-color-key-focus));--mod-textfield-text-color-disabled:var(--mod-search-color-disabled,var(--spectrum-search-color-disabled));--mod-textfield-border-color:var(--mod-search-border-color-default,var(--spectrum-search-border-color-default));--mod-textfield-border-color-hover:var(--mod-search-border-color-hover,var(--spectrum-search-border-color-hover));--mod-textfield-border-color-focus:var(--mod-search-border-color-focus,var(--spectrum-search-border-color-focus));--mod-textfield-border-color-focus-hover:var(--mod-search-border-color-focus-hover,var(--spectrum-search-border-color-focus-hover));--mod-textfield-border-color-keyboard-focus:var(--mod-search-border-color-key-focus,var(--spectrum-search-border-color-key-focus));--mod-textfield-border-color-disabled:var(--mod-search-border-color-disabled,var(--spectrum-search-border-color-disabled));--mod-textfield-background-color:var(--mod-search-background-color,var(--spectrum-search-background-color));--mod-textfield-background-color-disabled:var(--mod-search-background-color-disabled,var(--spectrum-search-background-color-disabled));inline-size:var(--mod-search-inline-size,var(--spectrum-search-inline-size));min-inline-size:var(--mod-search-min-inline-size,var(--spectrum-search-min-inline-size));display:inline-block;position:relative}#textfield .spectrum-HelpText{margin-block-start:var(--mod-search-to-help-text,var(--spectrum-search-to-help-text))}:host([size=s]) #textfield{--spectrum-search-block-size:var(--spectrum-component-height-75);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-75)}:host([size=l]) #textfield{--spectrum-search-block-size:var(--spectrum-component-height-200);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-200);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-200)}:host([size=xl]) #textfield{--spectrum-search-block-size:var(--spectrum-component-height-300);--spectrum-search-icon-size:var(--spectrum-workflow-icon-size-300);--spectrum-search-text-to-icon:var(--spectrum-text-to-visual-300)}@media (forced-colors:active){#textfield #textfield,#textfield #textfield .input{--highcontrast-search-color-default:CanvasText;--highcontrast-search-color-hover:CanvasText;--highcontrast-search-color-focus:CanvasText;--highcontrast-search-color-disabled:GrayText}#textfield #button .spectrum-ClearButton-fill{forced-color-adjust:none;background-color:initial}}#button{position:absolute;inset-block-start:0;inset-inline-end:0}#button,#button .spectrum-ClearButton-fill{border-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius))}#textfield.is-disabled #button{display:none}#textfield{inline-size:100%}.icon-search{--spectrum-search-color:var(--highcontrast-search-color-default,var(--mod-search-color-default,var(--spectrum-search-color-default)));color:var(--spectrum-search-color);margin-block:auto;display:block;position:absolute;inset-block:0}#textfield.is-focused .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-focus,var(--spectrum-search-color-focus)))}#textfield.is-keyboardFocused .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-key-focus,var(--spectrum-search-color-key-focus)))}#textfield.is-disabled .icon-search{--spectrum-search-color:var(--highcontrast-search-color-disabled,var(--mod-search-color-disabled,var(--spectrum-search-color-disabled)))}@media (hover:hover){#textfield:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-hover,var(--mod-search-color-hover,var(--spectrum-search-color-hover)))}#textfield.is-focused:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-focus,var(--mod-search-color-focus-hover,var(--spectrum-search-color-focus-hover)))}#textfield.is-disabled:hover .icon-search{--spectrum-search-color:var(--highcontrast-search-color-disabled,var(--mod-search-color-disabled,var(--spectrum-search-color-disabled)))}}.input{appearance:none;block-size:var(--mod-search-block-size,var(--spectrum-search-block-size));font-style:var(--mod-search-font-style,var(--spectrum-search-font-style));line-height:var(--mod-search-line-height,var(--spectrum-search-line-height));padding-block-start:calc(var(--mod-search-top-to-text,var(--spectrum-search-top-to-text)) - var(--mod-search-border-width,var(--spectrum-search-border-width)));padding-block-end:calc(var(--mod-search-bottom-to-text,var(--spectrum-search-bottom-to-text)) - var(--mod-search-border-width,var(--spectrum-search-border-width)))}.input::-webkit-search-cancel-button,.input::-webkit-search-decoration{appearance:none}:host(:not([quiet])) #textfield .icon-search{inset-inline-start:var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual))}:host(:not([quiet])) #textfield .input{padding-inline-start:calc(var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual)) - var(--mod-search-border-width,var(--spectrum-search-border-width)) + var(--mod-search-icon-size,var(--spectrum-search-icon-size)) + var(--mod-search-text-to-icon,var(--spectrum-search-text-to-icon)));padding-inline-end:var(--mod-search-button-inline-size,var(--spectrum-search-button-inline-size))}:host([quiet]){--spectrum-search-background-color:transparent;--spectrum-search-background-color-disabled:transparent;--spectrum-search-border-color-disabled:var(--spectrum-disabled-border-color);--mod-search-border-radius:0;--mod-search-edge-to-visual:var(--spectrum-field-edge-to-visual-quiet)}:host([quiet]) .input{border-radius:var(--mod-search-border-radius,var(--spectrum-search-border-radius));padding-block-start:var(--mod-search-top-to-text,var(--spectrum-search-top-to-text));padding-inline-start:calc(var(--mod-search-edge-to-visual,var(--spectrum-search-edge-to-visual)) + var(--mod-search-icon-size,var(--spectrum-search-icon-size)) + var(--mod-search-text-to-icon,var(--spectrum-search-text-to-icon)));padding-inline-end:var(--mod-search-button-inline-size,var(--spectrum-search-button-inline-size))}:host{--spectrum-search-border-color-default:var(--system-search-border-color-default);--spectrum-search-border-color-hover:var(--system-search-border-color-hover);--spectrum-search-border-color-focus:var(--system-search-border-color-focus);--spectrum-search-border-color-focus-hover:var(--system-search-border-color-focus-hover);--spectrum-search-border-color-key-focus:var(--system-search-border-color-key-focus);--spectrum-search-background-color:var(--system-search-background-color);--spectrum-search-background-color-disabled:var(--system-search-background-color-disabled);--spectrum-search-border-color-disabled:var(--system-search-border-color-disabled);--spectrum-search-border-radius:var(--system-search-border-radius);--spectrum-search-edge-to-visual:var(--system-search-edge-to-visual)}:host([size=m]) #textfield{--spectrum-search-border-radius:var(--system-search-size-m-border-radius);--spectrum-search-edge-to-visual:var(--system-search-size-m-edge-to-visual)}:host([quiet]){--spectrum-search-background-color-disabled:var(--system-search-quiet-background-color-disabled);--spectrum-search-border-color-disabled:var(--system-search-quiet-border-color-disabled)}:host{--mod-textfield-spacing-inline:var(--spectrum-alias-infieldbutton-full-height-m)}input::-webkit-search-cancel-button{display:none}:host([size=s]) #textfield{--spectrum-search-border-radius:var(--system-search-size-s-border-radius);--spectrum-search-edge-to-visual:var(--system-search-size-s-edge-to-visual)}:host([size=l]) #textfield{--spectrum-search-border-radius:var(--system-search-size-l-border-radius);--spectrum-search-edge-to-visual:var(--system-search-size-l-edge-to-visual)}:host([size=xl]) #textfield{--spectrum-search-border-radius:var(--system-search-size-xl-border-radius);--spectrum-search-edge-to-visual:var(--system-search-size-xl-edge-to-visual)}@media (forced-colors:active){sp-clear-button{--spectrum-clearbutton-fill-background-color:transparent;--spectrum-clearbutton-fill-background-color-disabled:transparent;--spectrum-clearbutton-fill-background-color-down:transparent;--spectrum-clearbutton-fill-background-color-hover:transparent;--spectrum-clearbutton-fill-background-color-key-focus:transparent}} -`,cv=r3;var o3=Object.defineProperty,s3=Object.getOwnPropertyDescriptor,To=(o,t,e,r)=>{for(var s=r>1?void 0:r?s3(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&o3(t,e,s),s},i3=o=>o.stopPropagation(),fe=class extends _e{constructor(){super(...arguments),this.action="",this.label="Search",this.placeholder="Search"}static get styles(){return[...super.styles,cv]}handleSubmit(t){this.dispatchEvent(new Event("submit",{cancelable:!0,bubbles:!0}))||t.preventDefault()}handleKeydown(t){let{code:e}=t;e==="Escape"&&this.holdValueOnEscape||!this.value||e!=="Escape"||this.reset()}async reset(){this.value="",await this.updateComplete,this.focusElement.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0})),this.focusElement.dispatchEvent(new InputEvent("change",{bubbles:!0}))}renderField(){return c` +`,dv=i3;var a3=Object.defineProperty,c3=Object.getOwnPropertyDescriptor,To=(o,t,e,r)=>{for(var s=r>1?void 0:r?c3(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&a3(t,e,s),s},n3=o=>o.stopPropagation(),fe=class extends _e{constructor(){super(...arguments),this.action="",this.label="Search",this.placeholder="Search"}static get styles(){return[...super.styles,dv]}handleSubmit(t){this.dispatchEvent(new Event("submit",{cancelable:!0,bubbles:!0}))||t.preventDefault()}handleKeydown(t){let{code:e}=t;e==="Escape"&&this.holdValueOnEscape||!this.value||e!=="Escape"||this.reset()}async reset(){this.value="",await this.updateComplete,this.focusElement.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0})),this.focusElement.dispatchEvent(new InputEvent("change",{bubbles:!0}))}renderField(){return c`
`:_}
- `}firstUpdated(t){super.firstUpdated(t),this.hasAttribute("holdValueOnEscape")||this.inputElement.setAttribute("type","search")}willUpdate(){this.multiline=!1}};To([n()],fe.prototype,"action",2),To([n()],fe.prototype,"label",2),To([n()],fe.prototype,"method",2),To([n()],fe.prototype,"placeholder",2),To([n({type:Boolean})],fe.prototype,"holdValueOnEscape",2),To([P("#form")],fe.prototype,"form",2);x();l("sp-search",fe);p();L();p();var a3=y` + `}firstUpdated(t){super.firstUpdated(t),this.hasAttribute("holdValueOnEscape")||this.inputElement.setAttribute("type","search")}willUpdate(){this.multiline=!1}};To([n()],fe.prototype,"action",2),To([n()],fe.prototype,"label",2),To([n()],fe.prototype,"method",2),To([n()],fe.prototype,"placeholder",2),To([n({type:Boolean})],fe.prototype,"holdValueOnEscape",2),To([P("#form")],fe.prototype,"form",2);x();l("sp-search",fe);p();L();p();var l3=y` @media (forced-colors:active){#list ::slotted([slot=icon]){forced-color-adjust:preserve-parent-color}:host{--highcontrast-sidenav-content-disabled-color:GrayText;--highcontrast-sidenav-focus-ring-color:Highlight;--highcontrast-sidenav-content-color-default-selected:SelectedItemText;--highcontrast-sidenav-item-background-default-selected:SelectedItem;--highcontrast-sidenav-background-key-focus-selected:Highlight;--highcontrast-sidenav-background-hover-selected:Highlight;--highcontrast-sidenav-item-background-down-selected:Highlight;--highcontrast-sidenav-item-background-down:Highlight;--highcontrast-sidenav-background-hover:Highlight;--highcontrast-sidenav-content-color-hover:HighlightText;--highcontrast-sidenav-background-key-focus:Highlight;--highcontrast-sidenav-top-level-font-color:ButtonText;--highcontrast-sidenav-content-color-default:ButtonText;--highcontrast-sidenav-content-color-down:HighlightText;forced-color-adjust:none}}#list{--spectrum-sidenav-focus-ring-size:var(--spectrum-focus-indicator-thickness);--spectrum-sidenav-focus-ring-gap:var(--spectrum-focus-indicator-gap);--spectrum-sidenav-focus-ring-color:var(--spectrum-focus-indicator-color);--spectrum-sidenav-min-height:var(--spectrum-component-height-100);--spectrum-sidenav-width:100%;--spectrum-sidenav-min-width:var(--spectrum-side-navigation-minimum-width);--spectrum-sidenav-max-width:var(--spectrum-side-navigation-maximum-width);--spectrum-sidenav-border-radius:var(--spectrum-corner-radius-100);--spectrum-sidenav-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-sidenav-icon-spacing:var(--spectrum-text-to-visual-100);--spectrum-sidenav-inline-padding:var(--spectrum-component-edge-to-text-100);--spectrum-sidenav-gap:var(--spectrum-side-navigation-item-to-item);--spectrum-sidenav-top-to-icon:var(--spectrum-component-top-to-workflow-icon-100);--spectrum-sidenav-top-to-label:var(--spectrum-component-top-to-text-100);--spectrum-sidenav-bottom-to-label:var(--spectrum-side-navigation-bottom-to-text);--spectrum-sidenav-start-to-content-second-level:var(--spectrum-side-navigation-second-level-edge-to-text);--spectrum-sidenav-start-to-content-third-level:var(--spectrum-side-navigation-third-level-edge-to-text);--spectrum-sidenav-start-to-content-with-icon-second-level:var(--spectrum-side-navigation-with-icon-second-level-edge-to-text);--spectrum-sidenav-start-to-content-with-icon-third-level:var(--spectrum-side-navigation-with-icon-third-level-edge-to-text);--spectrum-sidenav-heading-top-margin:var(--spectrum-side-navigation-item-to-header);--spectrum-sidenav-heading-bottom-margin:var(--spectrum-side-navigation-header-to-item);--spectrum-sidenav-background-disabled:transparent;--spectrum-sidenav-background-default:transparent;--spectrum-sidenav-header-color:var(--spectrum-gray-600);--spectrum-sidenav-content-disabled-color:var(--spectrum-disabled-content-color);--spectrum-sidenav-content-color-default:var(--spectrum-neutral-content-color-default);--spectrum-sidenav-content-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-sidenav-content-color-down:var(--spectrum-neutral-content-color-down);--spectrum-sidenav-content-color-key-focus:var(--spectrum-neutral-content-color-key-focus);--spectrum-sidenav-content-color-default-selected:var(--spectrum-neutral-content-color-default);--spectrum-sidenav-content-color-hover-selected:var(--spectrum-neutral-content-color-hover);--spectrum-sidenav-content-color-down-selected:var(--spectrum-neutral-content-color-down);--spectrum-sidenav-content-color-key-focus-selected:var(--spectrum-neutral-content-color-key-focus);--spectrum-sidenav-text-font-family:var(--spectrum-sans-font-family-stack);--spectrum-sidenav-text-font-weight:var(--spectrum-regular-font-weight);--spectrum-sidenav-text-font-style:var(--spectrum-default-font-style);--spectrum-sidenav-text-font-size:var(--spectrum-font-size-100);--spectrum-sidenav-text-line-height:var(--spectrum-line-height-100);--spectrum-sidenav-top-level-font-family:var(--spectrum-sans-font-family-stack);--spectrum-sidenav-top-level-font-weight:var(--spectrum-bold-font-weight);--spectrum-sidenav-top-level-font-style:var(--spectrum-default-font-style);--spectrum-sidenav-top-level-font-size:var(--spectrum-font-size-100);--spectrum-sidenav-top-level-line-height:var(--spectrum-line-height-100);--spectrum-sidenav-header-font-family:var(--spectrum-sans-font-family-stack);--spectrum-sidenav-header-font-weight:var(--spectrum-medium-font-weight);--spectrum-sidenav-header-font-style:var(--spectrum-default-font-style);--spectrum-sidenav-header-font-size:var(--spectrum-font-size-75);--spectrum-sidenav-header-line-height:var(--spectrum-line-height-100);flex-direction:column;margin:0;padding:0;list-style-type:none;display:flex}#list:lang(ja),#list:lang(ko),#list:lang(zh){--spectrum-sidenav-text-line-height:var(--spectrum-cjk-line-height-100);--spectrum-sidenav-top-level-line-height:var(--spectrum-cjk-line-height-100);--spectrum-sidenav-header-line-height:var(--spectrum-cjk-line-height-100)}:host{margin-inline:0;list-style-type:none}:host([disabled]) #item-link{background-color:var(--mod-sidenav-background-disabled,var(--spectrum-sidenav-background-disabled));color:var(--highcontrast-sidenav-content-disabled-color,var(--mod-sidenav-content-disabled-color,var(--spectrum-sidenav-content-disabled-color)));cursor:default;pointer-events:none}:host([selected]) #item-link{background-color:var(--highcontrast-sidenav-item-background-default-selected,var(--mod-sidenav-item-background-default-selected,var(--spectrum-sidenav-item-background-default-selected)));color:var(--highcontrast-sidenav-content-color-default-selected,var(--mod-sidenav-content-color-default-selected,var(--spectrum-sidenav-content-color-default-selected)))}:host([selected]) #item-link:active{background-color:var(--highcontrast-sidenav-item-background-down-selected,var(--mod-sidenav-item-background-down-selected,var(--spectrum-sidenav-item-background-down-selected)));color:var(--mod-sidenav-content-color-down-selected,var(--spectrum-sidenav-content-color-down-selected))}:host([selected]) #item-link.is-keyboardFocused,:host([selected]) #item-link:focus-visible{background-color:var(--highcontrast-sidenav-background-key-focus-selected,var(--mod-sidenav-background-key-focus-selected,var(--spectrum-sidenav-background-key-focus-selected)));color:var(--mod-sidenav-content-color-key-focus-selected,var(--spectrum-sidenav-content-color-key-focus-selected))}#item-link{padding-inline:var(--mod-sidenav-inline-padding,var(--spectrum-sidenav-inline-padding));box-sizing:border-box;overflow-wrap:break-word;hyphens:auto;cursor:pointer;transition:background-color var(--spectrum-animation-duration-100)ease-out,color var(--spectrum-animation-duration-100)ease-out;border-radius:var(--mod-sidenav-border-radius,var(--spectrum-sidenav-border-radius));background-color:var(--mod-sidenav-background-default,var(--spectrum-sidenav-background-default));color:var(--highcontrast-sidenav-content-color-default,var(--mod-sidenav-content-color-default,var(--spectrum-sidenav-content-color-default)));inline-size:var(--mod-sidenav-width,var(--spectrum-sidenav-width));min-inline-size:var(--mod-sidenav-min-width,var(--spectrum-sidenav-min-width));max-inline-size:var(--mod-sidenav-max-width,var(--spectrum-sidenav-max-width));min-block-size:var(--mod-sidenav-min-height,var(--spectrum-sidenav-min-height));font-family:var(--mod-sidenav-text-font-family,var(--spectrum-sidenav-text-font-family));font-size:var(--mod-sidenav-text-font-size,var(--spectrum-sidenav-text-font-size));font-weight:var(--mod-sidenav-text-font-weight,var(--spectrum-sidenav-text-font-weight));font-style:var(--mod-sidenav-text-font-style,var(--spectrum-sidenav-text-font-style));line-height:var(--mod-sidenav-text-line-height,var(--spectrum-sidenav-text-line-height));justify-content:start;margin-block-end:var(--mod-sidenav-gap,var(--spectrum-sidenav-gap));-webkit-text-decoration:none;text-decoration:none;display:inline-flex;position:relative}#item-link #link-text{margin-block-start:var(--mod-sidenav-top-to-label,var(--spectrum-sidenav-top-to-label));margin-block-end:var(--mod-sidenav-bottom-to-label,var(--spectrum-sidenav-bottom-to-label))}#item-link ::slotted([slot=icon]){inline-size:var(--mod-sidenav-icon-size,var(--spectrum-sidenav-icon-size));block-size:var(--mod-sidenav-icon-size,var(--spectrum-sidenav-icon-size));flex-shrink:0;margin-block-start:var(--mod-sidenav-top-to-icon,var(--spectrum-sidenav-top-to-icon));margin-inline-end:var(--mod-sidenav-icon-spacing,var(--spectrum-sidenav-icon-spacing))}@media (hover:hover){:host([selected]) #item-link:hover{background-color:var(--highcontrast-sidenav-background-hover-selected,var(--mod-sidenav-background-hover-selected,var(--spectrum-sidenav-background-hover-selected)));color:var(--mod-sidenav-content-color-hover-selected,var(--spectrum-sidenav-content-color-hover-selected))}#item-link:hover{background-color:var(--highcontrast-sidenav-background-hover,var(--mod-sidenav-background-hover,var(--spectrum-sidenav-background-hover)));color:var(--highcontrast-sidenav-content-color-hover,var(--mod-sidenav-content-color-hover,var(--spectrum-sidenav-content-color-hover)))}}#item-link:active{background-color:var(--highcontrast-sidenav-item-background-down,var(--mod-sidenav-item-background-down,var(--spectrum-sidenav-item-background-down)));color:var(--highcontrast-sidenav-content-color-down,var(--mod-sidenav-content-color-down,var(--spectrum-sidenav-content-color-down)))}#item-link.is-keyboardFocused,#item-link:focus-visible{outline:var(--highcontrast-sidenav-focus-ring-color,var(--mod-sidenav-focus-ring-color,var(--spectrum-sidenav-focus-ring-color)))solid var(--mod-sidenav-focus-ring-size,var(--spectrum-sidenav-focus-ring-size));outline-offset:var(--mod-sidenav-focus-ring-gap,var(--spectrum-sidenav-focus-ring-gap));background-color:var(--highcontrast-sidenav-background-key-focus,var(--mod-sidenav-background-key-focus,var(--spectrum-sidenav-background-key-focus)));color:var(--mod-sidenav-content-color-key-focus,var(--spectrum-sidenav-content-color-key-focus))}#item-link[data-level]{color:var(--highcontrast-sidenav-top-level-font-color);font-family:var(--mod-sidenav-top-level-font-family,var(--spectrum-sidenav-top-level-font-family));font-weight:var(--mod-sidenav-top-level-font-weight,var(--spectrum-sidenav-top-level-font-weight));font-style:var(--mod-sidenav-top-level-font-style,var(--spectrum-sidenav-top-level-font-style));font-size:var(--mod-sidenav-top-level-font-size,var(--spectrum-sidenav-top-level-font-size));line-height:var(--mod-sidenav-top-level-line-height,var(--spectrum-sidenav-top-level-line-height))}#item-link:not([data-level="0"]){font-weight:var(--mod-sidenav-text-font-weight,var(--spectrum-sidenav-text-font-weight));padding-inline-start:var(--mod-sidenav-start-to-content-second-level,var(--spectrum-sidenav-start-to-content-second-level))}#item-link[data-level="2"]{padding-inline-start:var(--mod-sidenav-start-to-content-third-level,var(--spectrum-sidenav-start-to-content-third-level))}.spectrum-SideNav--hasIcon#item-link:not([data-level="0"]){padding-inline-start:var(--mod-sidenav-start-to-content-with-icon-second-level,var(--spectrum-sidenav-start-to-content-with-icon-second-level))}.spectrum-SideNav--hasIcon#item-link[data-level="2"]{padding-inline-start:var(--mod-sidenav-start-to-content-with-icon-third-level,var(--spectrum-sidenav-start-to-content-with-icon-third-level))}#list{--spectrum-sidenav-background-hover:var(--system-side-nav-background-hover);--spectrum-sidenav-item-background-down:var(--system-side-nav-item-background-down);--spectrum-sidenav-background-key-focus:var(--system-side-nav-background-key-focus);--spectrum-sidenav-item-background-default-selected:var(--system-side-nav-item-background-default-selected);--spectrum-sidenav-background-hover-selected:var(--system-side-nav-background-hover-selected);--spectrum-sidenav-item-background-down-selected:var(--system-side-nav-item-background-down-selected);--spectrum-sidenav-background-key-focus-selected:var(--system-side-nav-background-key-focus-selected)}:host{display:block}:host([disabled]){pointer-events:none}a ::slotted(sp-sidenav-item){display:none} -`,pn=a3;p();var c3=y` +`,hn=l3;p();var d3=y` @media (forced-colors:active){#list .spectrum-Icon{forced-color-adjust:preserve-parent-color}}#list{--spectrum-sidenav-focus-ring-size:var(--spectrum-focus-indicator-thickness);--spectrum-sidenav-focus-ring-gap:var(--spectrum-focus-indicator-gap);--spectrum-sidenav-focus-ring-color:var(--spectrum-focus-indicator-color);--spectrum-sidenav-min-height:var(--spectrum-component-height-100);--spectrum-sidenav-width:100%;--spectrum-sidenav-min-width:var(--spectrum-side-navigation-minimum-width);--spectrum-sidenav-max-width:var(--spectrum-side-navigation-maximum-width);--spectrum-sidenav-border-radius:var(--spectrum-corner-radius-100);--spectrum-sidenav-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-sidenav-icon-spacing:var(--spectrum-text-to-visual-100);--spectrum-sidenav-inline-padding:var(--spectrum-component-edge-to-text-100);--spectrum-sidenav-gap:var(--spectrum-side-navigation-item-to-item);--spectrum-sidenav-top-to-icon:var(--spectrum-component-top-to-workflow-icon-100);--spectrum-sidenav-top-to-label:var(--spectrum-component-top-to-text-100);--spectrum-sidenav-bottom-to-label:var(--spectrum-side-navigation-bottom-to-text);--spectrum-sidenav-start-to-content-second-level:var(--spectrum-side-navigation-second-level-edge-to-text);--spectrum-sidenav-start-to-content-third-level:var(--spectrum-side-navigation-third-level-edge-to-text);--spectrum-sidenav-start-to-content-with-icon-second-level:var(--spectrum-side-navigation-with-icon-second-level-edge-to-text);--spectrum-sidenav-start-to-content-with-icon-third-level:var(--spectrum-side-navigation-with-icon-third-level-edge-to-text);--spectrum-sidenav-heading-top-margin:var(--spectrum-side-navigation-item-to-header);--spectrum-sidenav-heading-bottom-margin:var(--spectrum-side-navigation-header-to-item);--spectrum-sidenav-background-disabled:transparent;--spectrum-sidenav-background-default:transparent;--spectrum-sidenav-header-color:var(--spectrum-gray-600);--spectrum-sidenav-content-disabled-color:var(--spectrum-disabled-content-color);--spectrum-sidenav-content-color-default:var(--spectrum-neutral-content-color-default);--spectrum-sidenav-content-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-sidenav-content-color-down:var(--spectrum-neutral-content-color-down);--spectrum-sidenav-content-color-key-focus:var(--spectrum-neutral-content-color-key-focus);--spectrum-sidenav-content-color-default-selected:var(--spectrum-neutral-content-color-default);--spectrum-sidenav-content-color-hover-selected:var(--spectrum-neutral-content-color-hover);--spectrum-sidenav-content-color-down-selected:var(--spectrum-neutral-content-color-down);--spectrum-sidenav-content-color-key-focus-selected:var(--spectrum-neutral-content-color-key-focus);--spectrum-sidenav-text-font-family:var(--spectrum-sans-font-family-stack);--spectrum-sidenav-text-font-weight:var(--spectrum-regular-font-weight);--spectrum-sidenav-text-font-style:var(--spectrum-default-font-style);--spectrum-sidenav-text-font-size:var(--spectrum-font-size-100);--spectrum-sidenav-text-line-height:var(--spectrum-line-height-100);--spectrum-sidenav-top-level-font-family:var(--spectrum-sans-font-family-stack);--spectrum-sidenav-top-level-font-weight:var(--spectrum-bold-font-weight);--spectrum-sidenav-top-level-font-style:var(--spectrum-default-font-style);--spectrum-sidenav-top-level-font-size:var(--spectrum-font-size-100);--spectrum-sidenav-top-level-line-height:var(--spectrum-line-height-100);--spectrum-sidenav-header-font-family:var(--spectrum-sans-font-family-stack);--spectrum-sidenav-header-font-weight:var(--spectrum-medium-font-weight);--spectrum-sidenav-header-font-style:var(--spectrum-default-font-style);--spectrum-sidenav-header-font-size:var(--spectrum-font-size-75);--spectrum-sidenav-header-line-height:var(--spectrum-line-height-100);flex-direction:column;margin:0;padding:0;list-style-type:none;display:flex}#list:lang(ja),#list:lang(ko),#list:lang(zh){--spectrum-sidenav-text-line-height:var(--spectrum-cjk-line-height-100);--spectrum-sidenav-top-level-line-height:var(--spectrum-cjk-line-height-100);--spectrum-sidenav-header-line-height:var(--spectrum-cjk-line-height-100)}#heading{padding-inline:var(--mod-sidenav-inline-padding,var(--spectrum-sidenav-inline-padding));color:var(--mod-sidenav-header-color,var(--spectrum-sidenav-header-color));font-family:var(--spectrum-sidenav-header-font-family);font-size:var(--mod-sidenav-header-font-size,var(--spectrum-sidenav-header-font-size));font-weight:var(--mod-sidenav-header-font-weight,var(--spectrum-sidenav-header-font-weight));font-style:var(--mod-sidenav-header-font-style,var(--spectrum-sidenav-header-font-style));line-height:var(--mod-sidenav-header-line-height,var(--spectrum-sidenav-header-line-height));margin-block-start:calc(var(--mod-sidenav-heading-top-margin,var(--spectrum-sidenav-heading-top-margin)) - var(--mod-sidenav-gap,var(--spectrum-sidenav-gap)));margin-block-end:var(--mod-sidenav-heading-bottom-margin,var(--spectrum-sidenav-heading-bottom-margin))}#list{--spectrum-sidenav-background-hover:var(--system-side-nav-background-hover);--spectrum-sidenav-item-background-down:var(--system-side-nav-item-background-down);--spectrum-sidenav-background-key-focus:var(--system-side-nav-background-key-focus);--spectrum-sidenav-item-background-default-selected:var(--system-side-nav-item-background-default-selected);--spectrum-sidenav-background-hover-selected:var(--system-side-nav-background-hover-selected);--spectrum-sidenav-item-background-down-selected:var(--system-side-nav-item-background-down-selected);--spectrum-sidenav-background-key-focus-selected:var(--system-side-nav-background-key-focus-selected)}:host{display:block} -`,nv=c3;var n3=Object.defineProperty,l3=Object.getOwnPropertyDescriptor,d3=(o,t,e,r)=>{for(var s=r>1?void 0:r?l3(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&n3(t,e,s),s},Rr=class extends E{constructor(){super(...arguments),this.label=""}static get styles(){return[pn,nv]}update(t){this.hasAttribute("slot")||(this.slot="descendant"),super.update(t)}render(){return c` +`,uv=d3;var u3=Object.defineProperty,m3=Object.getOwnPropertyDescriptor,p3=(o,t,e,r)=>{for(var s=r>1?void 0:r?m3(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&u3(t,e,s),s},Rr=class extends E{constructor(){super(...arguments),this.label=""}static get styles(){return[hn,uv]}update(t){this.hasAttribute("slot")||(this.slot="descendant"),super.update(t)}render(){return c`

${this.label}

- `}firstUpdated(t){super.firstUpdated(t),this.setAttribute("role","listitem")}};d3([n({reflect:!0})],Rr.prototype,"label",2);x();l("sp-sidenav-heading",Rr);p();L();J();br();Ce();var u3=Object.defineProperty,m3=Object.getOwnPropertyDescriptor,hd=(o,t,e,r)=>{for(var s=r>1?void 0:r?m3(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&u3(t,e,s),s},hn=class bd extends qt(et){constructor(){super(...arguments),this.value=void 0,this.selected=!1,this.expanded=!1}static get styles(){return[pn]}get parentSideNav(){return this._parentSidenav||(this._parentSidenav=this.closest("sp-sidenav")),this._parentSidenav}get hasChildren(){return!!this.querySelector("sp-sidenav-item")}get depth(){let t=0,e=this.parentElement;for(;e instanceof bd;)t++,e=e.parentElement;return t}handleSideNavSelect(t){this.selected=t.target===this}handleClick(t){!this.href&&t&&t.preventDefault(),!this.disabled&&(!this.href||t!=null&&t.defaultPrevented)&&(this.hasChildren?this.expanded=!this.expanded:this.value&&this.announceSelected(this.value))}announceSelected(t){let e={value:t},r=new CustomEvent("sidenav-select",{bubbles:!0,composed:!0,detail:e});this.dispatchEvent(r)}click(){this.handleClick()}get focusElement(){return this.shadowRoot.querySelector("#item-link")}update(t){this.hasAttribute("slot")||(this.slot="descendant"),super.update(t)}render(){return c` + `}firstUpdated(t){super.firstUpdated(t),this.setAttribute("role","listitem")}};p3([n({reflect:!0})],Rr.prototype,"label",2);x();l("sp-sidenav-heading",Rr);p();L();J();br();Ce();var h3=Object.defineProperty,b3=Object.getOwnPropertyDescriptor,bd=(o,t,e,r)=>{for(var s=r>1?void 0:r?b3(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&h3(t,e,s),s},bn=class gd extends qt(et){constructor(){super(...arguments),this.value=void 0,this.selected=!1,this.expanded=!1}static get styles(){return[hn]}get parentSideNav(){return this._parentSidenav||(this._parentSidenav=this.closest("sp-sidenav")),this._parentSidenav}get hasChildren(){return!!this.querySelector("sp-sidenav-item")}get depth(){let t=0,e=this.parentElement;for(;e instanceof gd;)t++,e=e.parentElement;return t}handleSideNavSelect(t){this.selected=t.target===this}handleClick(t){!this.href&&t&&t.preventDefault(),!this.disabled&&(!this.href||t!=null&&t.defaultPrevented)&&(this.hasChildren?this.expanded=!this.expanded:this.value&&this.announceSelected(this.value))}announceSelected(t){let e={value:t},r=new CustomEvent("sidenav-select",{bubbles:!0,composed:!0,detail:e});this.dispatchEvent(r)}click(){this.handleClick()}get focusElement(){return this.shadowRoot.querySelector("#item-link")}update(t){this.hasAttribute("slot")||(this.slot="descendant"),super.update(t)}render(){return c`
`:_} - `}updated(t){var e;this.hasChildren&&this.expanded&&!this.selected&&(e=this.parentSideNav)!=null&&e.manageTabIndex?this.focusElement.tabIndex=-1:this.focusElement.removeAttribute("tabindex"),super.updated(t)}connectedCallback(){super.connectedCallback(),this.startTrackingSelection()}disconnectedCallback(){this.stopTrackingSelection(),super.disconnectedCallback()}async startTrackingSelection(){let t=this.parentSideNav;if(t&&(await t.updateComplete,t.startTrackingSelectionForItem(this),this.selected=this.value!=null&&this.value===t.value,this.selected===!0&&t.variant==="multilevel")){let e=this.parentElement;for(;e instanceof bd;)e.expanded=!0,e=e.parentElement}}stopTrackingSelection(){let t=this.parentSideNav;t&&t.stopTrackingSelectionForItem(this),this._parentSidenav=void 0}firstUpdated(t){super.firstUpdated(t),this.setAttribute("role","listitem")}};hd([n()],hn.prototype,"value",2),hd([n({type:Boolean,reflect:!0})],hn.prototype,"selected",2),hd([n({type:Boolean,reflect:!0})],hn.prototype,"expanded",2);var bn=hn;x();l("sp-sidenav-item",bn);p();L();p();var p3=y` + `}updated(t){var e;this.hasChildren&&this.expanded&&!this.selected&&(e=this.parentSideNav)!=null&&e.manageTabIndex?this.focusElement.tabIndex=-1:this.focusElement.removeAttribute("tabindex"),super.updated(t)}connectedCallback(){super.connectedCallback(),this.startTrackingSelection()}disconnectedCallback(){this.stopTrackingSelection(),super.disconnectedCallback()}async startTrackingSelection(){let t=this.parentSideNav;if(t&&(await t.updateComplete,t.startTrackingSelectionForItem(this),this.selected=this.value!=null&&this.value===t.value,this.selected===!0&&t.variant==="multilevel")){let e=this.parentElement;for(;e instanceof gd;)e.expanded=!0,e=e.parentElement}}stopTrackingSelection(){let t=this.parentSideNav;t&&t.stopTrackingSelectionForItem(this),this._parentSidenav=void 0}firstUpdated(t){super.firstUpdated(t),this.setAttribute("role","listitem")}};bd([n()],bn.prototype,"value",2),bd([n({type:Boolean,reflect:!0})],bn.prototype,"selected",2),bd([n({type:Boolean,reflect:!0})],bn.prototype,"expanded",2);var gn=bn;x();l("sp-sidenav-item",gn);p();L();p();var g3=y` @media (forced-colors:active){.spectrum-Icon{forced-color-adjust:preserve-parent-color}}:host{--spectrum-sidenav-focus-ring-size:var(--spectrum-focus-indicator-thickness);--spectrum-sidenav-focus-ring-gap:var(--spectrum-focus-indicator-gap);--spectrum-sidenav-focus-ring-color:var(--spectrum-focus-indicator-color);--spectrum-sidenav-min-height:var(--spectrum-component-height-100);--spectrum-sidenav-width:100%;--spectrum-sidenav-min-width:var(--spectrum-side-navigation-minimum-width);--spectrum-sidenav-max-width:var(--spectrum-side-navigation-maximum-width);--spectrum-sidenav-border-radius:var(--spectrum-corner-radius-100);--spectrum-sidenav-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-sidenav-icon-spacing:var(--spectrum-text-to-visual-100);--spectrum-sidenav-inline-padding:var(--spectrum-component-edge-to-text-100);--spectrum-sidenav-gap:var(--spectrum-side-navigation-item-to-item);--spectrum-sidenav-top-to-icon:var(--spectrum-component-top-to-workflow-icon-100);--spectrum-sidenav-top-to-label:var(--spectrum-component-top-to-text-100);--spectrum-sidenav-bottom-to-label:var(--spectrum-side-navigation-bottom-to-text);--spectrum-sidenav-start-to-content-second-level:var(--spectrum-side-navigation-second-level-edge-to-text);--spectrum-sidenav-start-to-content-third-level:var(--spectrum-side-navigation-third-level-edge-to-text);--spectrum-sidenav-start-to-content-with-icon-second-level:var(--spectrum-side-navigation-with-icon-second-level-edge-to-text);--spectrum-sidenav-start-to-content-with-icon-third-level:var(--spectrum-side-navigation-with-icon-third-level-edge-to-text);--spectrum-sidenav-heading-top-margin:var(--spectrum-side-navigation-item-to-header);--spectrum-sidenav-heading-bottom-margin:var(--spectrum-side-navigation-header-to-item);--spectrum-sidenav-background-disabled:transparent;--spectrum-sidenav-background-default:transparent;--spectrum-sidenav-header-color:var(--spectrum-gray-600);--spectrum-sidenav-content-disabled-color:var(--spectrum-disabled-content-color);--spectrum-sidenav-content-color-default:var(--spectrum-neutral-content-color-default);--spectrum-sidenav-content-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-sidenav-content-color-down:var(--spectrum-neutral-content-color-down);--spectrum-sidenav-content-color-key-focus:var(--spectrum-neutral-content-color-key-focus);--spectrum-sidenav-content-color-default-selected:var(--spectrum-neutral-content-color-default);--spectrum-sidenav-content-color-hover-selected:var(--spectrum-neutral-content-color-hover);--spectrum-sidenav-content-color-down-selected:var(--spectrum-neutral-content-color-down);--spectrum-sidenav-content-color-key-focus-selected:var(--spectrum-neutral-content-color-key-focus);--spectrum-sidenav-text-font-family:var(--spectrum-sans-font-family-stack);--spectrum-sidenav-text-font-weight:var(--spectrum-regular-font-weight);--spectrum-sidenav-text-font-style:var(--spectrum-default-font-style);--spectrum-sidenav-text-font-size:var(--spectrum-font-size-100);--spectrum-sidenav-text-line-height:var(--spectrum-line-height-100);--spectrum-sidenav-top-level-font-family:var(--spectrum-sans-font-family-stack);--spectrum-sidenav-top-level-font-weight:var(--spectrum-bold-font-weight);--spectrum-sidenav-top-level-font-style:var(--spectrum-default-font-style);--spectrum-sidenav-top-level-font-size:var(--spectrum-font-size-100);--spectrum-sidenav-top-level-line-height:var(--spectrum-line-height-100);--spectrum-sidenav-header-font-family:var(--spectrum-sans-font-family-stack);--spectrum-sidenav-header-font-weight:var(--spectrum-medium-font-weight);--spectrum-sidenav-header-font-style:var(--spectrum-default-font-style);--spectrum-sidenav-header-font-size:var(--spectrum-font-size-75);--spectrum-sidenav-header-line-height:var(--spectrum-line-height-100);flex-direction:column;margin:0;padding:0;list-style-type:none;display:flex}:host:lang(ja),:host:lang(ko),:host:lang(zh){--spectrum-sidenav-text-line-height:var(--spectrum-cjk-line-height-100);--spectrum-sidenav-top-level-line-height:var(--spectrum-cjk-line-height-100);--spectrum-sidenav-header-line-height:var(--spectrum-cjk-line-height-100)}:host{--spectrum-sidenav-background-hover:var(--system-side-nav-background-hover);--spectrum-sidenav-item-background-down:var(--system-side-nav-item-background-down);--spectrum-sidenav-background-key-focus:var(--system-side-nav-background-key-focus);--spectrum-sidenav-item-background-default-selected:var(--system-side-nav-item-background-default-selected);--spectrum-sidenav-background-hover-selected:var(--system-side-nav-background-hover-selected);--spectrum-sidenav-item-background-down-selected:var(--system-side-nav-item-background-down-selected);--spectrum-sidenav-background-key-focus-selected:var(--system-side-nav-background-key-focus-selected)}:host{--spectrum-web-component-sidenav-font-weight:var(--mod-sidenav-text-font-weight,var(--spectrum-sidenav-text-font-weight));width:240px;display:block}:host(:not([variant=multilevel])){--mod-sidenav-top-level-font-weight:var(--mod-sidenav-text-font-weight,var(--spectrum-sidenav-text-font-weight))} -`,lv=p3;Nt();J();var h3=Object.defineProperty,b3=Object.getOwnPropertyDescriptor,gn=(o,t,e,r)=>{for(var s=r>1?void 0:r?b3(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&h3(t,e,s),s},or=class extends et{constructor(){super(...arguments),this.items=new Set,this.rovingTabindexController=new $t(this,{focusInIndex:t=>{let e,r=t.findIndex(s=>(s.value===this.value&&this.isDisabledChild(s)&&(e=s.closest("sp-sidenav-item:not([expanded])")),this.value?!s.disabled&&!this.isDisabledChild(s)&&s.value===this.value:!s.disabled&&!this.isDisabledChild(s)));return r===-1&&e&&(r=t.findIndex(s=>s===e)),r},direction:"vertical",elements:()=>[...this.querySelectorAll("sp-sidenav-item")],isFocusableElement:t=>!t.disabled&&!this.isDisabledChild(t)}),this.manageTabIndex=!1,this.value=void 0,this.variant=void 0,this.label=void 0}static get styles(){return[lv]}startTrackingSelectionForItem(t){this.items.add(t),this.rovingTabindexController.clearElementCache()}stopTrackingSelectionForItem(t){this.items.delete(t),this.rovingTabindexController.clearElementCache()}handleSelect(t){if(t.stopPropagation(),this.value===t.detail.value)return;let e=this.value;this.value=t.detail.value,this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0,cancelable:!0}))?this.items.forEach(r=>r.handleSideNavSelect(t)):(this.value=e,t.target.selected=!1,t.preventDefault())}focus(){this.rovingTabindexController.focus()}blur(){this.focusElement!==this&&super.blur()}click(){this.focusElement!==this&&super.click()}get focusElement(){return this.rovingTabindexController.focusInElement||this}isDisabledChild(t){if(t.disabled)return!0;let e=t.parentElement;for(;e instanceof Rr||!e.disabled&&e instanceof bn&&e.expanded;)e=e.parentElement;return e!==this}handleSlotchange(){this.manageTabIndex?this.rovingTabindexController.manage():this.rovingTabindexController.unmanage()}render(){return c` +`,mv=g3;Nt();J();var v3=Object.defineProperty,f3=Object.getOwnPropertyDescriptor,vn=(o,t,e,r)=>{for(var s=r>1?void 0:r?f3(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&v3(t,e,s),s},or=class extends et{constructor(){super(...arguments),this.items=new Set,this.rovingTabindexController=new $t(this,{focusInIndex:t=>{let e,r=t.findIndex(s=>(s.value===this.value&&this.isDisabledChild(s)&&(e=s.closest("sp-sidenav-item:not([expanded])")),this.value?!s.disabled&&!this.isDisabledChild(s)&&s.value===this.value:!s.disabled&&!this.isDisabledChild(s)));return r===-1&&e&&(r=t.findIndex(s=>s===e)),r},direction:"vertical",elements:()=>[...this.querySelectorAll("sp-sidenav-item")],isFocusableElement:t=>!t.disabled&&!this.isDisabledChild(t)}),this.manageTabIndex=!1,this.value=void 0,this.variant=void 0,this.label=void 0}static get styles(){return[mv]}startTrackingSelectionForItem(t){this.items.add(t),this.rovingTabindexController.clearElementCache()}stopTrackingSelectionForItem(t){this.items.delete(t),this.rovingTabindexController.clearElementCache()}handleSelect(t){if(t.stopPropagation(),this.value===t.detail.value)return;let e=this.value;this.value=t.detail.value,this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0,cancelable:!0}))?this.items.forEach(r=>r.handleSideNavSelect(t)):(this.value=e,t.target.selected=!1,t.preventDefault())}focus(){this.rovingTabindexController.focus()}blur(){this.focusElement!==this&&super.blur()}click(){this.focusElement!==this&&super.click()}get focusElement(){return this.rovingTabindexController.focusInElement||this}isDisabledChild(t){if(t.disabled)return!0;let e=t.parentElement;for(;e instanceof Rr||!e.disabled&&e instanceof gn&&e.expanded;)e=e.parentElement;return e!==this}handleSlotchange(){this.manageTabIndex?this.rovingTabindexController.manage():this.rovingTabindexController.unmanage()}render(){return c` - `}willUpdate(){if(!this.hasUpdated){let t=this.querySelector("[selected]");t&&(this.value=t.value)}}updated(t){super.updated(t),t.has("manageTabIndex")&&(this.manageTabIndex?this.rovingTabindexController.manage():this.rovingTabindexController.unmanage())}};gn([n({type:Boolean,reflect:!0,attribute:"manage-tab-index"})],or.prototype,"manageTabIndex",2),gn([n({reflect:!0})],or.prototype,"value",2),gn([n({reflect:!0})],or.prototype,"variant",2),gn([n({reflect:!0})],or.prototype,"label",2);x();l("sp-sidenav",or);p();L();Ve();Ko();var g3=Object.defineProperty,v3=(o,t,e,r)=>{for(var s=void 0,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=a(t,e,s)||s);return s&&g3(t,e,s),s},Io=class extends R(E,{noDefaultSize:!0}){constructor(){super(...arguments),this.variant="info"}updated(t){if(super.updated(t),window.__swc?.DEBUG){let e=this.constructor;e.VARIANTS.includes(this.variant)||window.__swc.warn(this,`<${this.localName}> element expects the "variant" attribute to be one of the following:`,"https://opensource.adobe.com/spectrum-web-components/components/status-light/#variants",{issues:[...e.VARIANTS]}),this.hasAttribute("disabled")&&!("disabled"in this)&&window.__swc.warn(this,`<${this.localName}> element does not support the disabled state.`,"https://opensource.adobe.com/spectrum-web-components/components/status-light/#states",{issues:["disabled is not a supported property in Spectrum 2"]})}}};v3([n({type:String,reflect:!0})],Io.prototype,"variant");var gd=["neutral","info","positive","negative","notice"],vn=[...gd,"accent"],dv=[...gd],gs=["fuchsia","indigo","magenta","purple","seafoam","yellow","chartreuse","celery","cyan"],uv=[...gs,"pink","turquoise","brown","cinnamon","silver"],vd=[...vn,...gs],f3=[...dv,...uv];p();var x3=y` + `}willUpdate(){if(!this.hasUpdated){let t=this.querySelector("[selected]");t&&(this.value=t.value)}}updated(t){super.updated(t),t.has("manageTabIndex")&&(this.manageTabIndex?this.rovingTabindexController.manage():this.rovingTabindexController.unmanage())}};vn([n({type:Boolean,reflect:!0,attribute:"manage-tab-index"})],or.prototype,"manageTabIndex",2),vn([n({reflect:!0})],or.prototype,"value",2),vn([n({reflect:!0})],or.prototype,"variant",2),vn([n({reflect:!0})],or.prototype,"label",2);x();l("sp-sidenav",or);p();L();Ve();Ko();var x3=Object.defineProperty,y3=(o,t,e,r)=>{for(var s=void 0,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=a(t,e,s)||s);return s&&x3(t,e,s),s},Io=class extends R(E,{noDefaultSize:!0}){constructor(){super(...arguments),this.variant="info"}updated(t){if(super.updated(t),window.__swc?.DEBUG){let e=this.constructor;e.VARIANTS.includes(this.variant)||window.__swc.warn(this,`<${this.localName}> element expects the "variant" attribute to be one of the following:`,"https://opensource.adobe.com/spectrum-web-components/components/status-light/#variants",{issues:[...e.VARIANTS]}),this.hasAttribute("disabled")&&!("disabled"in this)&&window.__swc.warn(this,`<${this.localName}> element does not support the disabled state.`,"https://opensource.adobe.com/spectrum-web-components/components/status-light/#states",{issues:["disabled is not a supported property in Spectrum 2"]})}}};y3([n({type:String,reflect:!0})],Io.prototype,"variant");var vd=["neutral","info","positive","negative","notice"],fn=[...vd,"accent"],pv=[...vd],gs=["fuchsia","indigo","magenta","purple","seafoam","yellow","chartreuse","celery","cyan"],hv=[...gs,"pink","turquoise","brown","cinnamon","silver"],fd=[...fn,...gs],w3=[...pv,...hv];p();var k3=y` :host([dir]),:host{--spectrum-statuslight-height:var(--spectrum-component-height-100);--spectrum-statuslight-dot-size:var(--spectrum-status-light-dot-size-medium);--spectrum-statuslight-font-size:var(--spectrum-font-size-100);--spectrum-statuslight-spacing-dot-to-label:var(--spectrum-text-to-visual-100);--spectrum-statuslight-spacing-top-to-dot:var(--spectrum-status-light-top-to-dot-medium);--spectrum-statuslight-spacing-top-to-label:var(--spectrum-component-top-to-text-100);--spectrum-statuslight-spacing-bottom-to-label:var(--spectrum-component-bottom-to-text-100)}:host([size=s]){--spectrum-statuslight-height:var(--spectrum-component-height-75);--spectrum-statuslight-dot-size:var(--spectrum-status-light-dot-size-small);--spectrum-statuslight-font-size:var(--spectrum-font-size-75);--spectrum-statuslight-spacing-dot-to-label:var(--spectrum-text-to-visual-75);--spectrum-statuslight-spacing-top-to-dot:var(--spectrum-status-light-top-to-dot-small);--spectrum-statuslight-spacing-top-to-label:var(--spectrum-component-top-to-text-75);--spectrum-statuslight-spacing-bottom-to-label:var(--spectrum-component-bottom-to-text-75)}:host([size=l]){--spectrum-statuslight-height:var(--spectrum-component-height-200);--spectrum-statuslight-dot-size:var(--spectrum-status-light-dot-size-large);--spectrum-statuslight-font-size:var(--spectrum-font-size-200);--spectrum-statuslight-spacing-dot-to-label:var(--spectrum-text-to-visual-200);--spectrum-statuslight-spacing-top-to-dot:var(--spectrum-status-light-top-to-dot-large);--spectrum-statuslight-spacing-top-to-label:var(--spectrum-component-top-to-text-200);--spectrum-statuslight-spacing-bottom-to-label:var(--spectrum-component-bottom-to-text-200)}:host([size=xl]){--spectrum-statuslight-height:var(--spectrum-component-height-300);--spectrum-statuslight-dot-size:var(--spectrum-status-light-dot-size-extra-large);--spectrum-statuslight-font-size:var(--spectrum-font-size-300);--spectrum-statuslight-spacing-dot-to-label:var(--spectrum-text-to-visual-300);--spectrum-statuslight-spacing-top-to-dot:var(--spectrum-status-light-top-to-dot-extra-large);--spectrum-statuslight-spacing-top-to-label:var(--spectrum-component-top-to-text-300);--spectrum-statuslight-spacing-bottom-to-label:var(--spectrum-component-bottom-to-text-300)}:host([dir]){--spectrum-statuslight-corner-radius:50%;--spectrum-statuslight-font-weight:400;--spectrum-statuslight-border-width:var(--spectrum-border-width-100);--spectrum-statuslight-line-height:var(--spectrum-line-height-100);--spectrum-statuslight-line-height-cjk:var(--spectrum-cjk-line-height-100);--spectrum-statuslight-content-color-default:var(--spectrum-neutral-content-color-default);--spectrum-statuslight-subdued-content-color-default:var(--spectrum-neutral-subdued-content-color-default);--spectrum-statuslight-semantic-neutral-color:var(--spectrum-neutral-visual-color);--spectrum-statuslight-semantic-accent-color:var(--spectrum-accent-visual-color);--spectrum-statuslight-semantic-negative-color:var(--spectrum-negative-visual-color);--spectrum-statuslight-semantic-info-color:var(--spectrum-informative-visual-color);--spectrum-statuslight-semantic-notice-color:var(--spectrum-notice-visual-color);--spectrum-statuslight-semantic-positive-color:var(--spectrum-positive-visual-color);--spectrum-statuslight-nonsemantic-gray-color:var(--spectrum-gray-visual-color);--spectrum-statuslight-nonsemantic-red-color:var(--spectrum-red-visual-color);--spectrum-statuslight-nonsemantic-orange-color:var(--spectrum-orange-visual-color);--spectrum-statuslight-nonsemantic-yellow-color:var(--spectrum-yellow-visual-color);--spectrum-statuslight-nonsemantic-chartreuse-color:var(--spectrum-chartreuse-visual-color);--spectrum-statuslight-nonsemantic-celery-color:var(--spectrum-celery-visual-color);--spectrum-statuslight-nonsemantic-green-color:var(--spectrum-green-visual-color);--spectrum-statuslight-nonsemantic-seafoam-color:var(--spectrum-seafoam-visual-color);--spectrum-statuslight-nonsemantic-cyan-color:var(--spectrum-cyan-visual-color);--spectrum-statuslight-nonsemantic-blue-color:var(--spectrum-blue-visual-color);--spectrum-statuslight-nonsemantic-indigo-color:var(--spectrum-indigo-visual-color);--spectrum-statuslight-nonsemantic-purple-color:var(--spectrum-purple-visual-color);--spectrum-statuslight-nonsemantic-fuchsia-color:var(--spectrum-fuchsia-visual-color);--spectrum-statuslight-nonsemantic-magenta-color:var(--spectrum-magenta-visual-color);min-block-size:var(--mod-statuslight-height,var(--spectrum-statuslight-height));box-sizing:border-box;font-size:var(--mod-statuslight-font-size,var(--spectrum-statuslight-font-size));font-weight:400;font-weight:var(--mod-statuslight-font-weight,var(--spectrum-statuslight-font-weight));line-height:var(--mod-statuslight-line-height,var(--spectrum-statuslight-line-height));color:var(--highcontrast-statuslight-content-color-default,var(--mod-statuslight-content-color-default,var(--spectrum-statuslight-content-color-default)));flex-direction:row;align-items:flex-start;padding-block-start:var(--mod-statuslight-spacing-top-to-label,var(--spectrum-statuslight-spacing-top-to-label));padding-block-end:var(--mod-statuslight-spacing-bottom-to-label,var(--spectrum-statuslight-spacing-bottom-to-label));padding-inline:0;display:flex}:host(:lang(ja)),:host(:lang(ko)),:host(:lang(zh)){line-height:var(--mod-statuslight-line-height-cjk,var(--spectrum-statuslight-line-height-cjk))}:host:before{--spectrum-statuslight-spacing-computed-top-to-dot:calc(var(--mod-statuslight-spacing-top-to-dot,var(--spectrum-statuslight-spacing-top-to-dot)) - var(--mod-statuslight-spacing-top-to-label,var(--spectrum-statuslight-spacing-top-to-label)));content:"";inline-size:var(--mod-statuslight-dot-size,var(--spectrum-statuslight-dot-size));block-size:var(--mod-statuslight-dot-size,var(--spectrum-statuslight-dot-size));border-radius:var(--mod-statuslight-corner-radius,var(--spectrum-statuslight-corner-radius));flex-grow:0;flex-shrink:0;margin-block-start:var(--spectrum-statuslight-spacing-computed-top-to-dot);margin-inline-end:var(--mod-statuslight-spacing-dot-to-label,var(--spectrum-statuslight-spacing-dot-to-label));display:inline-block}:host([variant=neutral]){color:var(--highcontrast-statuslight-subdued-content-color-default,var(--mod-statuslight-subdued-content-color-default,var(--spectrum-statuslight-subdued-content-color-default)));font-style:italic}:host([variant=neutral]):before{background-color:var(--mod-statuslight-semantic-neutral-color,var(--spectrum-statuslight-semantic-neutral-color))}:host([variant=accent]):before{background-color:var(--mod-statuslight-semantic-accent-color,var(--spectrum-statuslight-semantic-accent-color))}:host([variant=info]):before{background-color:var(--mod-statuslight-semantic-info-color,var(--spectrum-statuslight-semantic-info-color))}:host([variant=negative]):before{background-color:var(--mod-statuslight-semantic-negative-color,var(--spectrum-statuslight-semantic-negative-color))}:host([variant=notice]):before{background-color:var(--mod-statuslight-semantic-notice-color,var(--spectrum-statuslight-semantic-notice-color))}:host([variant=positive]):before{background-color:var(--mod-statuslight-semantic-positive-color,var(--spectrum-statuslight-semantic-positive-color))}.spectrum-StatusLight--gray:before{background-color:var(--mod-statuslight-nonsemantic-gray-color,var(--spectrum-statuslight-nonsemantic-gray-color))}.spectrum-StatusLight--red:before{background-color:var(--mod-statuslight-nonsemantic-red-color,var(--spectrum-statuslight-nonsemantic-red-color))}.spectrum-StatusLight--orange:before{background-color:var(--mod-statuslight-nonsemantic-orange-color,var(--spectrum-statuslight-nonsemantic-orange-color))}:host([variant=yellow]):before{background-color:var(--mod-statuslight-nonsemantic-yellow-color,var(--spectrum-statuslight-nonsemantic-yellow-color))}:host([variant=chartreuse]):before{background-color:var(--mod-statuslight-nonsemantic-chartreuse-color,var(--spectrum-statuslight-nonsemantic-chartreuse-color))}:host([variant=celery]):before{background-color:var(--mod-statuslight-nonsemantic-celery-color,var(--spectrum-statuslight-nonsemantic-celery-color))}.spectrum-StatusLight--green:before{background-color:var(--mod-statuslight-nonsemantic-green-color,var(--spectrum-statuslight-nonsemantic-green-color))}:host([variant=seafoam]):before{background-color:var(--mod-statuslight-nonsemantic-seafoam-color,var(--spectrum-statuslight-nonsemantic-seafoam-color))}:host([variant=cyan]):before{background-color:var(--mod-statuslight-nonsemantic-cyan-color,var(--spectrum-statuslight-nonsemantic-cyan-color))}.spectrum-StatusLight--blue:before{background-color:var(--mod-statuslight-nonsemantic-blue-color,var(--spectrum-statuslight-nonsemantic-blue-color))}:host([variant=indigo]):before{background-color:var(--mod-statuslight-nonsemantic-indigo-color,var(--spectrum-statuslight-nonsemantic-indigo-color))}:host([variant=purple]):before{background-color:var(--mod-statuslight-nonsemantic-purple-color,var(--spectrum-statuslight-nonsemantic-purple-color))}:host([variant=fuchsia]):before{background-color:var(--mod-statuslight-nonsemantic-fuchsia-color,var(--spectrum-statuslight-nonsemantic-fuchsia-color))}:host([variant=magenta]):before{background-color:var(--mod-statuslight-nonsemantic-magenta-color,var(--spectrum-statuslight-nonsemantic-magenta-color))}@media (forced-colors:active){:host([dir]){--highcontrast-statuslight-content-color-default:CanvasText;--highcontrast-statuslight-subdued-content-color-default:CanvasText;forced-color-adjust:none}:host:before{forced-color-adjust:none;border:var(--mod-statuslight-border-width,var(--spectrum-statuslight-border-width))solid ButtonText}}:host([disabled]):before{background-color:var(--spectrum-statuslight-dot-color-disabled,var(--spectrum-gray-400))} -`,mv=x3;var y3=Object.defineProperty,w3=Object.getOwnPropertyDescriptor,pv=(o,t,e,r)=>{for(var s=r>1?void 0:r?w3(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&y3(t,e,s),s};var Pe=class extends Io{constructor(){super(...arguments),this.variant="info",this.disabled=!1}updated(t){super.updated(t),t.has("disabled")&&(this.disabled?this.setAttribute("aria-disabled","true"):this.removeAttribute("aria-disabled"))}static get styles(){return[mv]}render(){return c` +`,bv=k3;var z3=Object.defineProperty,C3=Object.getOwnPropertyDescriptor,gv=(o,t,e,r)=>{for(var s=r>1?void 0:r?C3(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&z3(t,e,s),s};var Pe=class extends Io{constructor(){super(...arguments),this.variant="info",this.disabled=!1}updated(t){super.updated(t),t.has("disabled")&&(this.disabled?this.setAttribute("aria-disabled","true"):this.removeAttribute("aria-disabled"))}static get styles(){return[bv]}render(){return c` - `}};Pe.VARIANTS_COLOR=gs,Pe.VARIANTS_SEMANTIC=vn,Pe.VARIANTS=vd,pv([n({type:String,reflect:!0})],Pe.prototype,"variant",2),pv([n({type:Boolean,reflect:!0})],Pe.prototype,"disabled",2);x();l("sp-status-light",Pe);p();L();Ce();var fn=class extends ea(et){get focusElement(){return this.inputElement}};p();var k3=y` + `}};Pe.VARIANTS_COLOR=gs,Pe.VARIANTS_SEMANTIC=fn,Pe.VARIANTS=fd,gv([n({type:String,reflect:!0})],Pe.prototype,"variant",2),gv([n({type:Boolean,reflect:!0})],Pe.prototype,"disabled",2);x();l("sp-status-light",Pe);p();L();Ce();var xn=class extends ea(et){get focusElement(){return this.inputElement}};p();var T3=y` :host{--spectrum-switch-label-color-default:var(--spectrum-neutral-content-color-default);--spectrum-switch-label-color-hover:var(--spectrum-neutral-content-color-hover);--spectrum-switch-label-color-down:var(--spectrum-neutral-content-color-down);--spectrum-switch-label-color-focus:var(--spectrum-neutral-content-color-key-focus);--spectrum-switch-label-color-disabled:var(--spectrum-disabled-content-color);--spectrum-switch-background-color-selected-default:var(--spectrum-neutral-background-color-selected-default);--spectrum-switch-background-color-selected-hover:var(--spectrum-neutral-background-color-selected-hover);--spectrum-switch-background-color-selected-down:var(--spectrum-neutral-background-color-selected-down);--spectrum-switch-background-color-selected-focus:var(--spectrum-neutral-background-color-selected-key-focus);--spectrum-switch-background-color-selected-disabled:var(--spectrum-disabled-content-color);--spectrum-switch-focus-indicator-thickness:var(--mod-focus-indicator-thickness,var(--spectrum-focus-indicator-thickness));--spectrum-switch-focus-indicator-color:var(--spectrum-focus-indicator-color);--spectrum-switch-handle-border-color-disabled:var(--spectrum-disabled-content-color)}:host([disabled]){--spectrum-switch-label-color-default:var(--spectrum-disabled-content-color)}:host([emphasized]){--spectrum-switch-background-color-selected-default:var(--spectrum-accent-color-900);--spectrum-switch-background-color-selected-hover:var(--spectrum-accent-color-1000);--spectrum-switch-background-color-selected-down:var(--spectrum-accent-color-1100);--spectrum-switch-background-color-selected-focus:var(--spectrum-accent-color-1000);--spectrum-switch-handle-border-color-selected-default:var(--spectrum-accent-color-900);--spectrum-switch-handle-border-color-selected-hover:var(--spectrum-accent-color-1000);--spectrum-switch-handle-border-color-selected-down:var(--spectrum-accent-color-1100);--spectrum-switch-handle-border-color-selected-focus:var(--spectrum-accent-color-1000)}:host,:host{--spectrum-switch-min-height:var(--spectrum-component-height-100);--spectrum-switch-control-width:var(--spectrum-switch-control-width-medium);--spectrum-switch-control-height:var(--spectrum-switch-control-height-medium);--spectrum-switch-control-label-spacing:var(--spectrum-text-to-control-100);--spectrum-switch-spacing-top-to-control:var(--spectrum-switch-top-to-control-medium);--spectrum-switch-spacing-top-to-label:var(--spectrum-component-top-to-text-100);--spectrum-switch-font-size:var(--spectrum-font-size-100)}:host([size=s]){--spectrum-switch-min-height:var(--spectrum-component-height-75);--spectrum-switch-control-width:var(--spectrum-switch-control-width-small);--spectrum-switch-control-height:var(--spectrum-switch-control-height-small);--spectrum-switch-control-label-spacing:var(--spectrum-text-to-control-75);--spectrum-switch-spacing-top-to-control:var(--spectrum-switch-top-to-control-small);--spectrum-switch-spacing-top-to-label:var(--spectrum-component-top-to-text-75);--spectrum-switch-font-size:var(--spectrum-font-size-75)}:host([size=l]){--spectrum-switch-min-height:var(--spectrum-component-height-200);--spectrum-switch-control-width:var(--spectrum-switch-control-width-large);--spectrum-switch-control-height:var(--spectrum-switch-control-height-large);--spectrum-switch-control-label-spacing:var(--spectrum-text-to-control-200);--spectrum-switch-spacing-top-to-control:var(--spectrum-switch-top-to-control-large);--spectrum-switch-spacing-top-to-label:var(--spectrum-component-top-to-text-200);--spectrum-switch-font-size:var(--spectrum-font-size-200)}:host([size=xl]){--spectrum-switch-min-height:var(--spectrum-component-height-300);--spectrum-switch-control-width:var(--spectrum-switch-control-width-extra-large);--spectrum-switch-control-height:var(--spectrum-switch-control-height-extra-large);--spectrum-switch-control-label-spacing:var(--spectrum-text-to-control-300);--spectrum-switch-spacing-top-to-control:var(--spectrum-switch-top-to-control-extra-large);--spectrum-switch-spacing-top-to-label:var(--spectrum-component-top-to-text-300);--spectrum-switch-font-size:var(--spectrum-font-size-300)}:host{min-block-size:var(--mod-switch-height,var(--spectrum-switch-min-height));vertical-align:top;align-items:flex-start;max-inline-size:100%;display:inline-flex;position:relative}#input{box-sizing:border-box;opacity:0;z-index:1;cursor:pointer;block-size:100%;inline-size:100%;margin:0;padding:0;position:absolute;inset-block-start:0;inset-inline-start:0}:host([checked]) #input+#switch:before{transform:translateX(calc(var(--mod-switch-control-width,var(--spectrum-switch-control-width)) - 100%))}:host([checked]) #input+#switch:dir(rtl):before,:host([dir=rtl][checked]) #input+#switch:before{transform:translateX(calc((var(--mod-switch-control-width,var(--spectrum-switch-control-width)) - 100%)*-1))}:host([disabled]) #input,:host([disabled]) #input{cursor:default}#input:focus-visible+#switch:after{margin:calc(var(--mod-focus-indicator-gap,var(--spectrum-focus-indicator-gap))*-1)}#label{color:var(--highcontrast-switch-label-color-default,var(--mod-switch-label-color-default,var(--spectrum-switch-label-color-default)));margin-inline:var(--mod-switch-control-label-spacing,var(--spectrum-switch-control-label-spacing));font-size:var(--mod-switch-font-size,var(--spectrum-switch-font-size));line-height:var(--mod-line-height-100,var(--spectrum-line-height-100));transition:color var(--mod-animation-duration-200,var(--spectrum-animation-duration-200))ease-in-out;margin-block-start:var(--mod-switch-spacing-top-to-label,var(--spectrum-switch-spacing-top-to-label));margin-block-end:0}#switch{box-sizing:border-box;inline-size:var(--mod-switch-control-width,var(--spectrum-switch-control-width));margin-block:calc(var(--mod-switch-height,var(--spectrum-switch-min-height)) - var(--mod-switch-control-height,var(--spectrum-switch-control-height)) - var(--mod-switch-spacing-top-to-control,var(--spectrum-switch-spacing-top-to-control)));vertical-align:middle;transition:background var(--mod-animation-duration-100,var(--spectrum-animation-duration-100))ease-in-out,border var(--mod-animation-duration-100,var(--spectrum-animation-duration-100))ease-in-out;block-size:var(--mod-switch-control-height,var(--spectrum-switch-control-height));border-radius:calc(var(--mod-switch-control-height,var(--spectrum-switch-control-height))/2);flex-grow:0;flex-shrink:0;margin-inline:0;display:inline-block;position:relative;inset-inline:0}#switch:before{box-sizing:border-box;transition:background var(--mod-animation-duration-100,var(--spectrum-animation-duration-100))ease-in-out,border var(--mod-animation-duration-100,var(--spectrum-animation-duration-100))ease-in-out,transform var(--mod-animation-duration-100,var(--spectrum-animation-duration-100))ease-in-out,box-shadow var(--mod-animation-duration-100,var(--spectrum-animation-duration-100))ease-in-out;inline-size:var(--mod-switch-control-height,var(--spectrum-switch-control-height));block-size:var(--mod-switch-control-height,var(--spectrum-switch-control-height));border-width:var(--mod-border-width-200,var(--spectrum-border-width-200));border-radius:calc(var(--mod-switch-control-height,var(--spectrum-switch-control-height))/2);border-style:solid}#switch:after,#switch:before{content:"";display:block;position:absolute;inset-block-start:0;inset-inline-start:0}#switch:after{border-radius:calc(var(--mod-switch-control-height,var(--spectrum-switch-control-height))/2 + var(--mod-focus-indicator-gap,var(--spectrum-focus-indicator-gap))*2);transition:opacity var(--mod-animation-duration-100,var(--spectrum-animation-duration-100))ease-out,margin var(--spectrum-animation-duration-100,var(--spectrum-animation-duration-100))ease-out;margin:0;inset-block-end:0;inset-inline-end:0}#switch{background-color:var(--highcontrast-switch-background-color,var(--mod-switch-background-color,var(--spectrum-switch-background-color)))}#switch:before{background-color:var(--highcontrast-switch-handle-background-color,var(--mod-switch-handle-background-color,var(--spectrum-switch-handle-background-color)));border-color:var(--highcontrast-switch-handle-border-color-default,var(--mod-switch-handle-border-color-default,var(--spectrum-switch-handle-border-color-default)))}:host(:active) #input+#switch:before{border-color:var(--highcontrast-switch-handle-border-color-down,var(--mod-switch-handle-border-color-down,var(--spectrum-switch-handle-border-color-down)))}:host(:active) #input~#label{color:var(--highcontrast-switch-label-color-down,var(--mod-switch-label-color-down,var(--spectrum-switch-label-color-down)))}#input:focus-visible+#switch:after{box-shadow:0 0 0 var(--mod-switch-focus-indicator-thickness,var(--spectrum-switch-focus-indicator-thickness))var(--highcontrast-switch-focus-indicator-color,var(--mod-switch-focus-indicator-color,var(--spectrum-switch-focus-indicator-color)))}#input:focus-visible+#switch:before{border-color:var(--highcontrast-switch-handle-border-color-focus,var(--mod-switch-handle-border-color-focus,var(--spectrum-switch-handle-border-color-focus)))}:host([checked]) #input:focus-visible+#switch{background-color:var(--highcontrast-switch-background-color-selected-focus,var(--mod-switch-background-color-selected-focus,var(--spectrum-switch-background-color-selected-focus)))}:host([checked]) #input:focus-visible+#switch:before{border-color:var(--highcontrast-switch-handle-border-color-selected-focus,var(--mod-switch-handle-border-color-selected-focus,var(--spectrum-switch-handle-border-color-selected-focus)))}#input:focus-visible~#label{color:var(--highcontrast-switch-label-color-focus,var(--mod-switch-label-color-focus,var(--spectrum-switch-label-color-focus)))}@media (hover:hover){:host(:hover) #input+#switch:before{border-color:var(--highcontrast-switch-handle-border-color-hover,var(--mod-switch-handle-border-color-hover,var(--spectrum-switch-handle-border-color-hover)));box-shadow:none}:host(:hover) #input~#label{color:var(--highcontrast-switch-label-color-hover,var(--mod-switch-label-color-hover,var(--spectrum-switch-label-color-hover)))}:host([checked]:hover) #input:enabled+#switch{background-color:var(--highcontrast-switch-background-color-selected-hover,var(--mod-switch-background-color-selected-hover,var(--spectrum-switch-background-color-selected-hover)))}:host([checked]:hover) #input:enabled+#switch:before{border-color:var(--highcontrast-switch-handle-border-color-selected-hover,var(--mod-switch-handle-border-color-selected-hover,var(--spectrum-switch-handle-border-color-selected-hover)))}:host([disabled]:hover) #input+#switch,:host([disabled]:hover) #input+#switch{background-color:var(--mod-switch-background-color-disabled,var(--spectrum-switch-background-color-disabled))}:host([disabled]:hover) #input+#switch:before,:host([disabled]:hover) #input+#switch:before{border-color:var(--highcontrast-switch-handle-border-color-disabled,var(--mod-switch-handle-border-color-disabled,var(--spectrum-switch-handle-border-color-disabled)))}:host([disabled]:hover) #input~#label,:host([disabled]:hover) #input~#label{color:var(--highcontrast-switch-label-color-disabled,var(--mod-switch-label-color-disabled,var(--spectrum-switch-label-color-disabled)))}:host([disabled][checked]:hover) #input+#switch,:host([disabled][checked]:hover) #input+#switch{background-color:var(--highcontrast-switch-background-color-selected-disabled,var(--mod-switch-background-color-selected-disabled,var(--spectrum-switch-background-color-selected-disabled)))}:host([disabled][checked]:hover) #input+#switch:before,:host([disabled][checked]:hover) #input+#switch:before{border-color:var(--highcontrast-switch-handle-border-color-disabled,var(--mod-switch-handle-border-color-disabled,var(--spectrum-switch-handle-border-color-disabled)))}:host([disabled][checked]:hover) #input~#label,:host([disabled][checked]:hover) #input~#label{color:var(--highcontrast-switch-label-color-disabled,var(--mod-switch-label-color-disabled,var(--spectrum-switch-label-color-disabled)))}:host(:hover) #input:focus-visible+#switch:after{box-shadow:0 0 0 var(--mod-switch-focus-indicator-thickness,var(--spectrum-switch-focus-indicator-thickness))var(--highcontrast-switch-focus-indicator-color,var(--mod-switch-focus-indicator-color,var(--spectrum-switch-focus-indicator-color)))}:host(:hover) #input:focus-visible+#switch:before{border-color:var(--highcontrast-switch-handle-border-color-focus,var(--mod-switch-handle-border-color-focus,var(--spectrum-switch-handle-border-color-focus)))}:host([checked]:hover) #input:focus-visible+#switch{background-color:var(--highcontrast-switch-background-color-selected-focus,var(--mod-switch-background-color-selected-focus,var(--spectrum-switch-background-color-selected-focus)))}:host([checked]:hover) #input:focus-visible+#switch:before{border-color:var(--highcontrast-switch-handle-border-color-selected-focus,var(--mod-switch-handle-border-color-selected-focus,var(--spectrum-switch-handle-border-color-selected-focus)))}:host(:hover) #input:focus-visible~#label{color:var(--highcontrast-switch-label-color-focus,var(--mod-switch-label-color-focus,var(--spectrum-switch-label-color-focus)))}}:host([checked]) #input+#switch{background-color:var(--highcontrast-switch-background-color-selected-default,var(--mod-switch-background-color-selected-default,var(--spectrum-switch-background-color-selected-default)))}:host([checked]) #input+#switch:before{border-color:var(--highcontrast-switch-handle-border-color-selected-default,var(--mod-switch-handle-border-color-selected-default,var(--spectrum-switch-handle-border-color-selected-default)))}:host([disabled]) #input+#switch,:host([disabled]) #input+#switch{background-color:var(--mod-switch-background-color-disabled,var(--spectrum-switch-background-color-disabled))}:host([disabled]) #input+#switch:before,:host([disabled]) #input+#switch:before{border-color:var(--highcontrast-switch-handle-border-color-disabled,var(--mod-switch-handle-border-color-disabled,var(--spectrum-switch-handle-border-color-disabled)))}:host([disabled][checked]) #input+#switch,:host([disabled][checked]) #input+#switch{background-color:var(--highcontrast-switch-background-color-selected-disabled,var(--mod-switch-background-color-selected-disabled,var(--spectrum-switch-background-color-selected-disabled)))}:host([disabled][checked]) #input+#switch:before,:host([disabled][checked]) #input+#switch:before{border-color:var(--highcontrast-switch-handle-border-color-disabled,var(--mod-switch-handle-border-color-disabled,var(--spectrum-switch-handle-border-color-disabled)))}:host([disabled]) #input~#label,:host([disabled]) #input~#label{color:var(--highcontrast-switch-label-color-disabled,var(--mod-switch-label-color-disabled,var(--spectrum-switch-label-color-disabled)))}@media (forced-colors:active){:host{--highcontrast-switch-label-color-default:ButtonText;--highcontrast-switch-label-color-hover:ButtonText;--highcontrast-switch-label-color-down:ButtonText;--highcontrast-switch-label-color-focus:ButtonText;--highcontrast-switch-label-color-disabled:GrayText;--highcontrast-switch-handle-background-color:ButtonFace;--highcontrast-switch-handle-border-color-default:ButtonText;--highcontrast-switch-handle-border-color-hover:Highlight;--highcontrast-switch-handle-border-color-down:Highlight;--highcontrast-switch-handle-border-color-focus:Highlight;--highcontrast-switch-handle-border-color-disabled:Highlight;--highcontrast-switch-handle-border-color-selected-default:Highlight;--highcontrast-switch-handle-border-color-selected-hover:Highlight;--highcontrast-switch-handle-border-color-selected-down:Highlight;--highcontrast-switch-handle-border-color-selected-focus:Highlight;--highcontrast-switch-background-color:ButtonFace;--highcontrast-switch-background-color-selected-default:Highlight;--highcontrast-switch-background-color-selected-hover:Highlight;--highcontrast-switch-background-color-selected-down:Highlight;--highcontrast-switch-background-color-selected-focus:Highlight;--highcontrast-switch-background-color-selected-disabled:Highlight;--highcontrast-switch-focus-indicator-color:ButtonText;forced-color-adjust:none}#input:not(:checked)+#switch{box-shadow:inset 0 0 0 1px buttontext}@media (hover:hover){:host(:hover) #input:not(:checked)+#switch{box-shadow:inset 0 0 0 1px highlight}:host([disabled][checked]:hover) #input+#switch,:host([disabled][checked]:hover) #input+#switch{background-color:graytext;box-shadow:inset 0 0 0 1px graytext}:host([disabled][checked]:hover) #input+#switch:before,:host([disabled][checked]:hover) #input+#switch:before{background-color:buttonface;border-color:graytext}}:host([disabled]) #input:not(:checked)+#switch,:host([disabled]) #input:not(:checked)+#switch{background-color:buttonface;box-shadow:inset 0 0 0 1px graytext}:host([disabled]) #input:not(:checked)+#switch:before,:host([disabled]) #input:not(:checked)+#switch:before{background-color:buttonface;border-color:graytext}:host([disabled][checked]) #input+#switch,:host([disabled][checked]) #input+#switch{background-color:graytext;box-shadow:inset 0 0 0 1px graytext}:host([disabled][checked]) #input+#switch:before,:host([disabled][checked]) #input+#switch:before{background-color:buttonface;border-color:graytext}:host([disabled]) #input~#label,:host([disabled]) #input~#label{color:graytext}}:host{--spectrum-switch-handle-border-color-default:var(--system-switch-handle-border-color-default);--spectrum-switch-handle-border-color-hover:var(--system-switch-handle-border-color-hover);--spectrum-switch-handle-border-color-down:var(--system-switch-handle-border-color-down);--spectrum-switch-handle-border-color-focus:var(--system-switch-handle-border-color-focus);--spectrum-switch-handle-border-color-selected-default:var(--system-switch-handle-border-color-selected-default);--spectrum-switch-handle-border-color-selected-hover:var(--system-switch-handle-border-color-selected-hover);--spectrum-switch-handle-border-color-selected-down:var(--system-switch-handle-border-color-selected-down);--spectrum-switch-handle-border-color-selected-focus:var(--system-switch-handle-border-color-selected-focus);--spectrum-switch-background-color:var(--system-switch-background-color);--spectrum-switch-background-color-disabled:var(--system-switch-background-color-disabled);--spectrum-switch-handle-background-color:var(--system-switch-handle-background-color)}:host([disabled]){pointer-events:none}:host(:hover:active) #input+#switch:before,:host([emphasized]:hover:active) #input+#switch:before{border-color:var(--highcontrast-switch-handle-border-color-down,var(--mod-switch-handle-border-color-down,var(--spectrum-switch-handle-border-color-down)))}:host(:active[checked]) #input:enabled+#switch:before{border-color:var(--highcontrast-switch-handle-border-color-selelcted-down,var(--mod-switch-handle-border-color-selected-down,var(--spectrum-switch-handle-border-color-selected-down)))}:host(:active[checked]) #input:enabled+#switch{background-color:var(--highcontrast-switch-background-color-selected-down,var(--mod-switch-background-color-selected-down,var(--spectrum-switch-background-color-selected-down)))}:host([readonly]) #input+#switch:before{border-color:var(--highcontrast-switch-handle-border-color-default,var(--mod-switch-handle-border-color-default,var(--spectrum-switch-handle-border-color-default)))!important}:host([readonly][checked]) #input+#switch:before{border-color:var(--highcontrast-switch-handle-border-color-selected-default,var(--mod-switch-handle-border-color-selected-default,var(--spectrum-switch-handle-border-color-selected-default)))!important} -`,fd=k3;p();var z3=y` +`,xd=T3;p();var I3=y` #switch:before{transition:background var(--spectrum-animation-duration-100,.13s)ease-in-out,border var(--spectrum-animation-duration-100,.13s)ease-in-out,box-shadow var(--spectrum-animation-duration-100,.13s)ease-in-out} -`,hv=z3;var C3=Object.defineProperty,T3=Object.getOwnPropertyDescriptor,I3=(o,t,e,r)=>{for(var s=r>1?void 0:r?T3(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&C3(t,e,s),s},vs=class extends R(fn){constructor(){super(...arguments),this.emphasized=!1}static get styles(){return window.hasOwnProperty("ShadyDOM")?[fd,hv]:[fd]}render(){return c` +`,vv=I3;var S3=Object.defineProperty,E3=Object.getOwnPropertyDescriptor,$3=(o,t,e,r)=>{for(var s=r>1?void 0:r?E3(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&S3(t,e,s),s},vs=class extends R(xn){constructor(){super(...arguments),this.emphasized=!1}static get styles(){return window.hasOwnProperty("ShadyDOM")?[xd,vv]:[xd]}render(){return c` ${super.render()} - `}firstUpdated(t){super.firstUpdated(t),this.inputElement.setAttribute("role","switch")}updated(t){t.has("checked")&&this.inputElement.setAttribute("aria-checked",this.checked?"true":"false")}};I3([n({type:Boolean,reflect:!0})],vs.prototype,"emphasized",2);x();l("sp-switch",vs);p();L();p();var S3=y` + `}firstUpdated(t){super.firstUpdated(t),this.inputElement.setAttribute("role","switch")}updated(t){t.has("checked")&&this.inputElement.setAttribute("aria-checked",this.checked?"true":"false")}};$3([n({type:Boolean,reflect:!0})],vs.prototype,"emphasized",2);x();l("sp-switch",vs);p();L();p();var _3=y` :host{border-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius));border:none;display:table-row-group;position:relative}:host([drop-target]){--mod-table-border-color:transparent;outline-width:var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness));outline-style:solid;outline-color:var(--highcontrast-table-focus-indicator-color,var(--mod-table-drop-zone-outline-color,var(--spectrum-table-drop-zone-outline-color)))}:host{border-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius));border-inline:var(--mod-table-outer-border-inline-width,var(--spectrum-table-outer-border-inline-width))solid var(--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color)));border-block:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color)));flex-grow:1;display:block;overflow:auto}:host(:not([tabindex])){overflow:visible} -`,bv=S3;var xn=class{constructor(t,{target:e,config:r,callback:s,skipInitial:i}){this.t=new Set,this.o=!1,this.i=!1,this.h=t,e!==null&&this.t.add(e??t),this.l=r,this.o=i??this.o,this.callback=s,window.MutationObserver?(this.u=new MutationObserver(a=>{this.handleChanges(a),this.h.requestUpdate()}),t.addController(this)):console.warn("MutationController error: browser does not support MutationObserver.")}handleChanges(t){this.value=this.callback?.(t,this.u)}hostConnected(){for(let t of this.t)this.observe(t)}hostDisconnected(){this.disconnect()}async hostUpdated(){let t=this.u.takeRecords();(t.length||!this.o&&this.i)&&this.handleChanges(t),this.i=!1}observe(t){this.t.add(t),this.u.observe(t,this.l),this.i=!0,this.h.requestUpdate()}disconnect(){this.u.disconnect()}};var E3=Object.defineProperty,$3=Object.getOwnPropertyDescriptor,_3=(o,t,e,r)=>{for(var s=r>1?void 0:r?$3(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&E3(t,e,s),s},fs=class extends E{constructor(){super(),this.role="rowgroup",new xn(this,{config:{childList:!0,subtree:!0},callback:()=>{requestAnimationFrame(()=>{this.shouldHaveTabIndex()})}})}static get styles(){return[bv]}shouldHaveTabIndex(){this.offsetHeight{this.handleChanges(a),this.h.requestUpdate()}),t.addController(this)):console.warn("MutationController error: browser does not support MutationObserver.")}handleChanges(t){this.value=this.callback?.(t,this.u)}hostConnected(){for(let t of this.t)this.observe(t)}hostDisconnected(){this.disconnect()}async hostUpdated(){let t=this.u.takeRecords();(t.length||!this.o&&this.i)&&this.handleChanges(t),this.i=!1}observe(t){this.t.add(t),this.u.observe(t,this.l),this.i=!0,this.h.requestUpdate()}disconnect(){this.u.disconnect()}};var A3=Object.defineProperty,L3=Object.getOwnPropertyDescriptor,P3=(o,t,e,r)=>{for(var s=r>1?void 0:r?L3(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&A3(t,e,s),s},fs=class extends E{constructor(){super(),this.role="rowgroup",new yn(this,{config:{childList:!0,subtree:!0},callback:()=>{requestAnimationFrame(()=>{this.shouldHaveTabIndex()})}})}static get styles(){return[fv]}shouldHaveTabIndex(){this.offsetHeight - `}};_3([n({reflect:!0})],fs.prototype,"role",2);x();l("sp-table-body",fs);p();L();p();var A3=y` + `}};P3([n({reflect:!0})],fs.prototype,"role",2);x();l("sp-table-body",fs);p();L();p();var M3=y` @media (forced-colors:active){:host{forced-color-adjust:none}}:host([align=center]){text-align:center}:host([align=end]){text-align:end}:host{border-block-start:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-divider-color,var(--mod-table-divider-color,var(--spectrum-table-divider-color)));box-sizing:border-box;font-size:var(--mod-table-row-font-size,var(--spectrum-table-row-font-size));font-weight:var(--mod-table-row-font-weight,var(--spectrum-table-row-font-weight));line-height:var(--mod-table-row-line-height,var(--spectrum-table-row-line-height));vertical-align:var(--mod-table-default-vertical-align,var(--spectrum-table-default-vertical-align));color:var(--highcontrast-table-row-text-color,var(--mod-table-row-text-color,var(--spectrum-table-row-text-color)));background-color:var(--spectrum-table-cell-background-color);block-size:var(--mod-table-min-row-height,var(--spectrum-table-min-row-height));padding-block-start:calc(var(--mod-table-row-top-to-text,var(--spectrum-table-row-top-to-text)) - var(--mod-table-border-width,var(--spectrum-table-border-width)));padding-block-end:var(--mod-table-row-bottom-to-text,var(--spectrum-table-row-bottom-to-text));padding-inline:calc(var(--mod-table-edge-to-content,var(--spectrum-table-edge-to-content)) - var(--mod-table-outer-border-inline-width,var(--spectrum-table-outer-border-inline-width)));display:table-cell;position:relative}:host([focused]),:host(:focus-visible){outline-width:var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness));outline-style:solid;outline-color:var(--highcontrast-table-cell-focus-indicator-color,var(--highcontrast-table-focus-indicator-color,var(--mod-table-focus-indicator-color,var(--spectrum-table-focus-indicator-color))));outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1);outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1 - var(--highcontrast-table-cell-focus-extra-offset,0px))}.divider{border-inline-end:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-divider-color,var(--mod-table-divider-color,var(--spectrum-table-divider-color)))}.spectrum-Table-cell--collapsible{padding-block:0;padding-inline-start:calc(var(--spectrum-table-row-tier,0px)*var(--spectrum-table-collapsible-tier-indent))}:host{flex:1;block-size:auto;display:block} -`,gv=A3;var L3=Object.defineProperty,P3=Object.getOwnPropertyDescriptor,M3=(o,t,e,r)=>{for(var s=r>1?void 0:r?P3(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&L3(t,e,s),s},xs=class extends E{constructor(){super(...arguments),this.role="gridcell"}static get styles(){return[gv]}render(){return c` +`,xv=M3;var B3=Object.defineProperty,O3=Object.getOwnPropertyDescriptor,D3=(o,t,e,r)=>{for(var s=r>1?void 0:r?O3(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&B3(t,e,s),s},xs=class extends E{constructor(){super(...arguments),this.role="gridcell"}static get styles(){return[xv]}render(){return c` - `}};M3([n({reflect:!0})],xs.prototype,"role",2);x();l("sp-table-cell",xs);p();L();J();p();var B3=y` + `}};D3([n({reflect:!0})],xs.prototype,"role",2);x();l("sp-table-cell",xs);p();L();J();p();var H3=y` @media (forced-colors:active){:host(:not([head-cell])){forced-color-adjust:none}}:host([head-cell]){--spectrum-table-icon-color:var(--highcontrast-table-icon-color,var(--mod-table-icon-color-default,var(--spectrum-table-icon-color-default)));box-sizing:border-box;text-align:start;vertical-align:var(--mod-table-header-vertical-align,var(--spectrum-table-header-vertical-align));font-family:var(--mod-table-header-font-family,var(--spectrum-table-row-font-family));font-size:var(--mod-table-header-font-size,var(--spectrum-table-row-font-size));font-weight:var(--mod-table-header-font-weight,var(--spectrum-table-header-font-weight));line-height:var(--mod-table-header-line-height,var(--spectrum-table-row-line-height));text-transform:none;text-transform:var(--mod-table-header-text-transform,none);block-size:var(--mod-table-min-header-height,var(--spectrum-table-min-header-height));padding-block:var(--mod-table-header-top-to-text,var(--spectrum-table-header-top-to-text))var(--mod-table-header-bottom-to-text,var(--spectrum-table-header-bottom-to-text));padding-inline:var(--mod-table-cell-inline-space,var(--spectrum-table-cell-inline-space));color:var(--mod-table-header-text-color,var(--spectrum-table-header-text-color));background-color:var(--mod-table-header-background-color,var(--spectrum-table-header-background-color));transition:color var(--highcontrast-table-transition-duration,var(--mod-table-transition-duration,var(--spectrum-table-transition-duration)))ease-in-out;cursor:auto;cursor:var(--mod-table-cursor-header-default,initial);border-radius:0;outline:0}:host(:not([head-cell])){border-block-start:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-divider-color,var(--mod-table-divider-color,var(--spectrum-table-divider-color)));box-sizing:border-box;font-size:var(--mod-table-row-font-size,var(--spectrum-table-row-font-size));font-weight:var(--mod-table-row-font-weight,var(--spectrum-table-row-font-weight));line-height:var(--mod-table-row-line-height,var(--spectrum-table-row-line-height));vertical-align:var(--mod-table-default-vertical-align,var(--spectrum-table-default-vertical-align));color:var(--highcontrast-table-row-text-color,var(--mod-table-row-text-color,var(--spectrum-table-row-text-color)));background-color:var(--spectrum-table-cell-background-color);block-size:var(--mod-table-min-row-height,var(--spectrum-table-min-row-height));padding-block-start:calc(var(--mod-table-row-top-to-text,var(--spectrum-table-row-top-to-text)) - var(--mod-table-border-width,var(--spectrum-table-border-width)));padding-block-end:var(--mod-table-row-bottom-to-text,var(--spectrum-table-row-bottom-to-text));padding-inline:calc(var(--mod-table-edge-to-content,var(--spectrum-table-edge-to-content)) - var(--mod-table-outer-border-inline-width,var(--spectrum-table-outer-border-inline-width)))}:host(:not([head-cell])),:host([head-cell]){display:table-cell;position:relative}:host(:not([head-cell])[focused]),:host(:not([head-cell]):focus-visible),:host([head-cell][focused]),:host([head-cell]:focus-visible){outline-width:var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness));outline-style:solid;outline-color:var(--highcontrast-table-cell-focus-indicator-color,var(--highcontrast-table-focus-indicator-color,var(--mod-table-focus-indicator-color,var(--spectrum-table-focus-indicator-color))));outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1);outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1 - var(--highcontrast-table-cell-focus-extra-offset,0px))}:host(:host){inline-size:var(--spectrum-checkbox-control-size-small);padding-block:0;padding-inline-end:calc(var(--mod-table-checkbox-to-text,var(--spectrum-table-checkbox-to-text)) - var(--mod-table-edge-to-content,var(--spectrum-table-edge-to-content)))}:host(:host) sp-checkbox{--mod-checkbox-spacing:0px;min-block-size:0}:host(:host:not([head-cell])) sp-checkbox{margin-block-start:calc(var(--mod-table-row-checkbox-block-spacing,var(--spectrum-table-row-checkbox-block-spacing)) - var(--mod-table-border-width,var(--spectrum-table-border-width)));margin-block-end:var(--mod-table-row-checkbox-block-spacing,var(--spectrum-table-row-checkbox-block-spacing))}:host(:host[head-cell]) sp-checkbox{margin-block-start:calc(var(--mod-table-header-checkbox-block-spacing,var(--spectrum-table-header-checkbox-block-spacing)) - var(--mod-table-border-width,var(--spectrum-table-border-width)));margin-block-end:var(--mod-table-header-checkbox-block-spacing,var(--spectrum-table-header-checkbox-block-spacing))}:host{border-radius:0;flex:0;align-items:center;block-size:auto;display:flex}:host(:not([head-cell])),:host([head-cell]){block-size:auto;inline-size:auto;display:flex}:host([selects-single]) sp-checkbox{visibility:hidden} -`,vv=B3;var O3=Object.defineProperty,D3=Object.getOwnPropertyDescriptor,sr=(o,t,e,r)=>{for(var s=r>1?void 0:r?D3(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&O3(t,e,s),s},Wt=class extends E{constructor(){super(...arguments),this.headCell=!1,this.role="gridcell",this.indeterminate=!1,this.checked=!1,this.disabled=!1,this.selectsSingle=!1,this.emphasized=!1}static get styles(){return[vv]}click(){this.checkbox.click()}render(){return c` +`,yv=H3;var R3=Object.defineProperty,q3=Object.getOwnPropertyDescriptor,sr=(o,t,e,r)=>{for(var s=r>1?void 0:r?q3(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&R3(t,e,s),s},Wt=class extends E{constructor(){super(...arguments),this.headCell=!1,this.role="gridcell",this.indeterminate=!1,this.checked=!1,this.disabled=!1,this.selectsSingle=!1,this.emphasized=!1}static get styles(){return[yv]}click(){this.checkbox.click()}render(){return c` - `}};sr([n({type:Boolean,reflect:!0,attribute:"head-cell"})],Wt.prototype,"headCell",2),sr([n({reflect:!0})],Wt.prototype,"role",2),sr([P(".checkbox")],Wt.prototype,"checkbox",2),sr([n({type:Boolean})],Wt.prototype,"indeterminate",2),sr([n({type:Boolean})],Wt.prototype,"checked",2),sr([n({type:Boolean})],Wt.prototype,"disabled",2),sr([n({type:Boolean,reflect:!0,attribute:"selects-single"})],Wt.prototype,"selectsSingle",2),sr([n({type:Boolean,reflect:!0})],Wt.prototype,"emphasized",2);x();l("sp-table-checkbox-cell",Wt);p();L();p();var fv=({width:o=24,height:t=24,hidden:e=!1,title:r="Arrow100"}={})=>$`$` - `;var xv=({width:o=24,height:t=24,hidden:e=!1,title:r="Arrow100"}={})=>$``;var kv=({width:o=24,height:t=24,hidden:e=!1,title:r="Arrow100"}={})=>$` - `;var yn=class extends h{render(){return j(c),this.spectrumVersion===2?fv({hidden:!this.label,title:this.label}):xv({hidden:!this.label,title:this.label})}};x();l("sp-icon-arrow100",yn);p();var H3=y` + `;var wn=class extends h{render(){return j(c),this.spectrumVersion===2?wv({hidden:!this.label,title:this.label}):kv({hidden:!this.label,title:this.label})}};x();l("sp-icon-arrow100",wn);p();var j3=y` .sortedIcon{vertical-align:initial;transition:transform var(--highcontrast-table-transition-duration,var(--mod-table-transition-duration,var(--spectrum-table-transition-duration)))ease-in-out;margin-inline-start:var(--mod-table-sort-icon-inline-start-spacing,0);margin-inline-end:var(--mod-table-sort-icon-inline-end-spacing,var(--mod-table-icon-to-text,var(--spectrum-table-icon-to-text)));display:none}:host{--spectrum-table-icon-color:var(--highcontrast-table-icon-color,var(--mod-table-icon-color-default,var(--spectrum-table-icon-color-default)));box-sizing:border-box;text-align:start;vertical-align:var(--mod-table-header-vertical-align,var(--spectrum-table-header-vertical-align));font-family:var(--mod-table-header-font-family,var(--spectrum-table-row-font-family));font-size:var(--mod-table-header-font-size,var(--spectrum-table-row-font-size));font-weight:var(--mod-table-header-font-weight,var(--spectrum-table-header-font-weight));line-height:var(--mod-table-header-line-height,var(--spectrum-table-row-line-height));text-transform:none;text-transform:var(--mod-table-header-text-transform,none);block-size:var(--mod-table-min-header-height,var(--spectrum-table-min-header-height));padding-block:var(--mod-table-header-top-to-text,var(--spectrum-table-header-top-to-text))var(--mod-table-header-bottom-to-text,var(--spectrum-table-header-bottom-to-text));padding-inline:var(--mod-table-cell-inline-space,var(--spectrum-table-cell-inline-space));color:var(--mod-table-header-text-color,var(--spectrum-table-header-text-color));background-color:var(--mod-table-header-background-color,var(--spectrum-table-header-background-color));transition:color var(--highcontrast-table-transition-duration,var(--mod-table-transition-duration,var(--spectrum-table-transition-duration)))ease-in-out;cursor:auto;cursor:var(--mod-table-cursor-header-default,initial);border-radius:0;outline:0}.spectrum-Table-menuIcon,.sortedIcon{color:var(--spectrum-table-icon-color)}:host([sortable]){cursor:pointer;cursor:var(--mod-table-cursor-header-sortable,pointer)}:host([sortable][active]){--spectrum-table-icon-color:var(--highcontrast-table-icon-color-focus,var(--mod-table-icon-color-active,var(--spectrum-table-icon-color-active)))}:host([sortable]:focus){--spectrum-table-icon-color:var(--highcontrast-table-icon-color-focus,var(--mod-table-icon-color-focus,var(--spectrum-table-icon-color-focus)))}:host([sortable]) .is-keyboardFocused,:host([sortable]:focus-visible){--spectrum-table-icon-color:var(--highcontrast-table-icon-color-focus,var(--mod-table-icon-color-key-focus,var(--spectrum-table-icon-color-key-focus)))}:host([sort-direction=asc]) .sortedIcon,:host([sort-direction=desc]) .sortedIcon{display:inline-block}:host([sort-direction=asc]) .sortedIcon{transform:rotate(-90deg)}:host{display:table-cell;position:relative}:host([focused]),:host(:focus-visible){outline-width:var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness));outline-style:solid;outline-color:var(--highcontrast-table-cell-focus-indicator-color,var(--highcontrast-table-focus-indicator-color,var(--mod-table-focus-indicator-color,var(--spectrum-table-focus-indicator-color))));outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1);outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1 - var(--highcontrast-table-cell-focus-extra-offset,0px))}:host .spectrum-Table-checkboxCell .spectrum-Table-checkbox{margin-block-start:calc(var(--mod-table-header-checkbox-block-spacing,var(--spectrum-table-header-checkbox-block-spacing)) - var(--mod-table-border-width,var(--spectrum-table-border-width)));margin-block-end:var(--mod-table-header-checkbox-block-spacing,var(--spectrum-table-header-checkbox-block-spacing))}:host .spectrum-Table-scroller{border-block-end:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color)))}@media (hover:hover){:host([sortable]:hover){--spectrum-table-icon-color:var(--highcontrast-table-icon-color-focus,var(--mod-table-icon-color-hover,var(--spectrum-table-icon-color-hover)))}:host([sortable]:focus):hover{--spectrum-table-icon-color:var(--highcontrast-table-icon-color-focus,var(--mod-table-icon-color-focus-hover,var(--spectrum-table-icon-color-focus-hover)))}}:host{flex:1;block-size:auto;display:block} -`,yv=H3;p();var R3=y` +`,zv=j3;p();var F3=y` .spectrum-UIIcon-ArrowRight75{--spectrum-icon-size:var(--spectrum-arrow-icon-size-75)}.spectrum-UIIcon-ArrowRight100{--spectrum-icon-size:var(--spectrum-arrow-icon-size-100)}.spectrum-UIIcon-ArrowRight200{--spectrum-icon-size:var(--spectrum-arrow-icon-size-200)}.spectrum-UIIcon-ArrowRight300{--spectrum-icon-size:var(--spectrum-arrow-icon-size-300)}.spectrum-UIIcon-ArrowRight400{--spectrum-icon-size:var(--spectrum-arrow-icon-size-400)}.spectrum-UIIcon-ArrowRight500{--spectrum-icon-size:var(--spectrum-arrow-icon-size-500)}.spectrum-UIIcon-ArrowRight600{--spectrum-icon-size:var(--spectrum-arrow-icon-size-600)}.spectrum-UIIcon-ArrowDown75{--spectrum-icon-size:var(--spectrum-arrow-icon-size-75);transform:rotate(90deg)}.spectrum-UIIcon-ArrowDown100{--spectrum-icon-size:var(--spectrum-arrow-icon-size-100);transform:rotate(90deg)}.spectrum-UIIcon-ArrowDown200{--spectrum-icon-size:var(--spectrum-arrow-icon-size-200);transform:rotate(90deg)}.spectrum-UIIcon-ArrowDown300{--spectrum-icon-size:var(--spectrum-arrow-icon-size-300);transform:rotate(90deg)}.spectrum-UIIcon-ArrowDown400{--spectrum-icon-size:var(--spectrum-arrow-icon-size-400);transform:rotate(90deg)}.spectrum-UIIcon-ArrowDown500{--spectrum-icon-size:var(--spectrum-arrow-icon-size-500);transform:rotate(90deg)}.spectrum-UIIcon-ArrowDown600{--spectrum-icon-size:var(--spectrum-arrow-icon-size-600);transform:rotate(90deg)}.spectrum-UIIcon-ArrowLeft75{--spectrum-icon-size:var(--spectrum-arrow-icon-size-75);transform:rotate(180deg)}.spectrum-UIIcon-ArrowLeft100{--spectrum-icon-size:var(--spectrum-arrow-icon-size-100);transform:rotate(180deg)}.spectrum-UIIcon-ArrowLeft200{--spectrum-icon-size:var(--spectrum-arrow-icon-size-200);transform:rotate(180deg)}.spectrum-UIIcon-ArrowLeft300{--spectrum-icon-size:var(--spectrum-arrow-icon-size-300);transform:rotate(180deg)}.spectrum-UIIcon-ArrowLeft400{--spectrum-icon-size:var(--spectrum-arrow-icon-size-400);transform:rotate(180deg)}.spectrum-UIIcon-ArrowLeft500{--spectrum-icon-size:var(--spectrum-arrow-icon-size-500);transform:rotate(180deg)}.spectrum-UIIcon-ArrowLeft600{--spectrum-icon-size:var(--spectrum-arrow-icon-size-600);transform:rotate(180deg)}.spectrum-UIIcon-ArrowUp75{--spectrum-icon-size:var(--spectrum-arrow-icon-size-75);transform:rotate(270deg)}.spectrum-UIIcon-ArrowUp100{--spectrum-icon-size:var(--spectrum-arrow-icon-size-100);transform:rotate(270deg)}.spectrum-UIIcon-ArrowUp200{--spectrum-icon-size:var(--spectrum-arrow-icon-size-200);transform:rotate(270deg)}.spectrum-UIIcon-ArrowUp300{--spectrum-icon-size:var(--spectrum-arrow-icon-size-300);transform:rotate(270deg)}.spectrum-UIIcon-ArrowUp400{--spectrum-icon-size:var(--spectrum-arrow-icon-size-400);transform:rotate(270deg)}.spectrum-UIIcon-ArrowUp500{--spectrum-icon-size:var(--spectrum-arrow-icon-size-500);transform:rotate(270deg)}.spectrum-UIIcon-ArrowUp600{--spectrum-icon-size:var(--spectrum-arrow-icon-size-600);transform:rotate(270deg)} -`,wv=R3;var q3=Object.defineProperty,j3=Object.getOwnPropertyDescriptor,ys=(o,t,e,r)=>{for(var s=r>1?void 0:r?j3(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&q3(t,e,s),s},F3=o=>({asc:"ascending",desc:"descending"})[o]||"none",Me=class extends E{constructor(){super(...arguments),this.active=!1,this.role="columnheader",this.sortable=!1,this.sortKey=""}static get styles(){return[yv,wv]}handleKeydown(t){let{code:e}=t;switch(e){case"Space":t.preventDefault(),this.addEventListener("keyup",this.handleKeyup),this.active=!0;break;default:break}}handleKeypress(t){let{code:e}=t;switch(e){case"Enter":case"NumpadEnter":this.click();break;default:break}}handleKeyup(t){let{code:e}=t;switch(e){case"Space":this.active=!1,this.removeEventListener("keyup",this.handleKeyup),this.click();break;default:break}}handleClick(){this.sortable&&(this.sortDirection?this.sortDirection=this.sortDirection==="asc"?"desc":"asc":this.sortDirection="asc",this.dispatchEvent(new CustomEvent("sorted",{bubbles:!0,detail:{sortDirection:this.sortDirection,sortKey:this.sortKey}})))}render(){let t=this.sortable&&!!this.sortDirection;return c` +`,Cv=F3;var V3=Object.defineProperty,N3=Object.getOwnPropertyDescriptor,ys=(o,t,e,r)=>{for(var s=r>1?void 0:r?N3(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&V3(t,e,s),s},U3=o=>({asc:"ascending",desc:"descending"})[o]||"none",Me=class extends E{constructor(){super(...arguments),this.active=!1,this.role="columnheader",this.sortable=!1,this.sortKey=""}static get styles(){return[zv,Cv]}handleKeydown(t){let{code:e}=t;switch(e){case"Space":t.preventDefault(),this.addEventListener("keyup",this.handleKeyup),this.active=!0;break;default:break}}handleKeypress(t){let{code:e}=t;switch(e){case"Enter":case"NumpadEnter":this.click();break;default:break}}handleKeyup(t){let{code:e}=t;switch(e){case"Space":this.active=!1,this.removeEventListener("keyup",this.handleKeyup),this.click();break;default:break}}handleClick(){this.sortable&&(this.sortDirection?this.sortDirection=this.sortDirection==="asc"?"desc":"asc":this.sortDirection="asc",this.dispatchEvent(new CustomEvent("sorted",{bubbles:!0,detail:{sortDirection:this.sortDirection,sortKey:this.sortKey}})))}render(){let t=this.sortable&&!!this.sortDirection;return c` ${t?c` `:_} - `}firstUpdated(t){super.firstUpdated(t),this.addEventListener("click",this.handleClick),this.addEventListener("keydown",this.handleKeydown),this.addEventListener("keypress",this.handleKeypress)}update(t){t.has("sortDirection")&&this.setAttribute("aria-sort",F3(this.sortDirection)),t.has("sortable")&&(this.tabIndex=this.sortable?0:-1),super.update(t)}};ys([n({type:Boolean,reflect:!0})],Me.prototype,"active",2),ys([n({reflect:!0})],Me.prototype,"role",2),ys([n({type:Boolean,reflect:!0})],Me.prototype,"sortable",2),ys([n({reflect:!0,attribute:"sort-direction"})],Me.prototype,"sortDirection",2),ys([n({attribute:"sort-key"})],Me.prototype,"sortKey",2);x();l("sp-table-head-cell",Me);p();L();p();var V3=y` + `}firstUpdated(t){super.firstUpdated(t),this.addEventListener("click",this.handleClick),this.addEventListener("keydown",this.handleKeydown),this.addEventListener("keypress",this.handleKeypress)}update(t){t.has("sortDirection")&&this.setAttribute("aria-sort",U3(this.sortDirection)),t.has("sortable")&&(this.tabIndex=this.sortable?0:-1),super.update(t)}};ys([n({type:Boolean,reflect:!0})],Me.prototype,"active",2),ys([n({reflect:!0})],Me.prototype,"role",2),ys([n({type:Boolean,reflect:!0})],Me.prototype,"sortable",2),ys([n({reflect:!0,attribute:"sort-direction"})],Me.prototype,"sortDirection",2),ys([n({attribute:"sort-key"})],Me.prototype,"sortKey",2);x();l("sp-table-head-cell",Me);p();L();p();var Z3=y` :host .spectrum-Table-scroller{z-index:1;position:sticky;inset-block-start:0}:host{display:flex} -`,kv=V3;var N3=Object.defineProperty,U3=Object.getOwnPropertyDescriptor,zv=(o,t,e,r)=>{for(var s=r>1?void 0:r?U3(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&N3(t,e,s),s},So=class extends E{constructor(){super(...arguments),this.role="row"}static get styles(){return[kv]}handleSorted({target:t}){[...this.children].forEach(e=>{e!==t&&(e.sortDirection=void 0)})}handleChange({target:t}){this.selected=t.checkbox.checked||t.checkbox.indeterminate}render(){return c` +`,Tv=Z3;var K3=Object.defineProperty,G3=Object.getOwnPropertyDescriptor,Iv=(o,t,e,r)=>{for(var s=r>1?void 0:r?G3(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&K3(t,e,s),s},So=class extends E{constructor(){super(...arguments),this.role="row"}static get styles(){return[Tv]}handleSorted({target:t}){[...this.children].forEach(e=>{e!==t&&(e.sortDirection=void 0)})}handleChange({target:t}){this.selected=t.checkbox.checked||t.checkbox.indeterminate}render(){return c` - `}};zv([n({reflect:!0})],So.prototype,"role",2),zv([n({type:Boolean,reflect:!0})],So.prototype,"selected",2);x();l("sp-table-head",So);p();L();p();var Z3=y` + `}};Iv([n({reflect:!0})],So.prototype,"role",2),Iv([n({type:Boolean,reflect:!0})],So.prototype,"selected",2);x();l("sp-table-head",So);p();L();p();var W3=y` @media (forced-colors:active){:host([focused]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host(:focus-visible) .spectrum-Table-checkbox .spectrum-Checkbox-box:before{outline:var(--highcontrast-table-row-text-color-hover)1px solid}@media (hover:hover){:host(:hover) .spectrum-Table-checkbox .spectrum-Checkbox-box:before{outline:var(--highcontrast-table-row-text-color-hover)1px solid}}:host([drop-target]) .spectrum-Table-body,:host([drop-target]),:host([selected]){--highcontrast-table-cell-focus-indicator-color:var(--highcontrast-table-selected-row-text-color);--highcontrast-table-cell-focus-extra-offset:1px}:host([drop-target]) .spectrum-Table-body .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host([drop-target]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host([selected]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before{outline:var(--highcontrast-table-selected-row-text-color)1px solid}}:host(:first-child) .spectrum-Table-body ::slotted(*){border-block-start:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color)))}:host(:last-child) .spectrum-Table-body ::slotted(*){border-block-end:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color)))}:host .spectrum-Table-body ::slotted(:first-child){border-inline-start:var(--mod-table-outer-border-inline-width,var(--spectrum-table-outer-border-inline-width))solid var(--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color)))}:host .spectrum-Table-body ::slotted(:last-child){border-inline-end:var(--mod-table-outer-border-inline-width,var(--spectrum-table-outer-border-inline-width))solid var(--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color)))}:host{transition:background-color var(--highcontrast-table-transition-duration,var(--mod-table-transition-duration,var(--spectrum-table-transition-duration)))ease-in-out;cursor:pointer;cursor:var(--mod-table-cursor-row-default,pointer);border-block-start:none;position:relative}:host(:first-child) ::slotted(:first-child){border-start-start-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:first-child) ::slotted(:last-child){border-start-end-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:last-child) ::slotted(:first-child){border-end-start-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:last-child) ::slotted(:last-child){border-end-end-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:first-child){border-start-start-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius));border-start-end-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:last-child){border-end-end-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius));border-end-start-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:focus){outline:0}:host([focused]),:host(:focus-visible){--highcontrast-table-row-text-color:var(--highcontrast-table-row-text-color-hover);--highcontrast-table-icon-color:var(--highcontrast-table-row-text-color-hover);--spectrum-table-cell-background-color:var(--highcontrast-table-row-background-color-hover,var(--mod-table-row-background-color-hover,var(--spectrum-table-row-background-color-hover)))}:host:active{--highcontrast-table-row-text-color:var(--highcontrast-table-row-text-color-hover);--highcontrast-table-icon-color:var(--highcontrast-table-row-text-color-hover);--spectrum-table-cell-background-color:var(--highcontrast-table-row-background-color-hover,var(--mod-table-row-active-color,var(--spectrum-table-row-active-color)))}:host([selected]){--highcontrast-table-row-text-color:var(--highcontrast-table-selected-row-text-color);--highcontrast-table-icon-color:var(--highcontrast-table-selected-row-text-color);--spectrum-table-cell-background-color:var(--highcontrast-table-selected-row-background-color,var(--spectrum-table-selected-cell-background-color))}:host([selected][focused]),:host([selected]:focus-visible){--highcontrast-table-row-text-color:var(--highcontrast-table-selected-row-text-color-focus);--highcontrast-table-icon-color:var(--highcontrast-table-selected-row-text-color-focus);--spectrum-table-cell-background-color:var(--highcontrast-table-selected-row-background-color-focus,var(--spectrum-table-selected-cell-background-color-focus))}:host([drop-target]) .spectrum-Table-body,:host([drop-target]){--highcontrast-table-row-text-color:var(--highcontrast-table-selected-row-text-color);--highcontrast-table-icon-color:var(--highcontrast-table-selected-row-text-color);--spectrum-table-cell-background-color:var(--highcontrast-table-selected-row-background-color,var(--mod-table-drop-zone-background-color,var(--spectrum-table-drop-zone-background-color)))}:host([drop-target]){--mod-table-border-color:var(--highcontrast-table-focus-indicator-color,transparent);outline-width:var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness));outline-style:solid;outline-color:var(--highcontrast-table-focus-indicator-color,var(--mod-table-drop-zone-outline-color,var(--spectrum-table-drop-zone-outline-color)));outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1)}:host([drop-target]) ::slotted(*){border-block-start-color:var(--highcontrast-table-focus-indicator-color,var(--mod-table-drop-zone-outline-color,var(--spectrum-table-drop-zone-outline-color)))}.spectrum-Table-row--summary{--spectrum-table-cell-background-color:var(--highcontrast-table-row-background-color,var(--mod-table-summary-row-background-color,var(--spectrum-table-summary-row-background-color)))}.spectrum-Table-row--summary ::slotted(*){font-weight:var(--mod-table-summary-row-font-weight,var(--spectrum-table-summary-row-font-weight));font-size:var(--mod-table-summary-row-font-size,var(--spectrum-table-row-font-size));font-family:var(--mod-table-summary-row-font-family,var(--spectrum-table-row-font-family));font-style:var(--mod-table-summary-row-font-style,var(--spectrum-table-row-font-style));line-height:var(--mod-table-summary-row-line-height,var(--spectrum-table-row-line-height));color:var(--highcontrast-table-row-text-color,var(--mod-table-summary-row-text-color,var(--spectrum-table-row-text-color)))}.spectrum-Table-row--sectionHeader{--spectrum-table-cell-background-color:var(--highcontrast-table-section-header-background-color,var(--mod-table-section-header-background-color,var(--spectrum-table-section-header-background-color)));cursor:auto;cursor:var(--mod-table-cursor-section-header,initial)}.spectrum-Table-row--sectionHeader ::slotted(*){font-weight:var(--mod-table-section-header-font-weight,var(--spectrum-table-section-header-font-weight));text-align:start;block-size:var(--mod-table-section-header-min-height,var(--spectrum-table-section-header-min-height));font-size:var(--mod-table-section-header-font-size,var(--spectrum-table-row-font-size));font-family:var(--mod-table-section-header-font-family,var(--spectrum-table-row-font-family));font-style:var(--mod-table-section-header-font-style,var(--spectrum-table-row-font-style));line-height:var(--mod-table-section-header-line-height,var(--spectrum-table-row-line-height));color:var(--highcontrast-table-section-header-text-color,var(--mod-table-section-header-text-color,var(--spectrum-table-row-text-color)));padding-block-start:calc(var(--mod-table-section-header-block-start-spacing,var(--spectrum-table-section-header-block-start-spacing)) - var(--mod-table-border-width,var(--spectrum-table-border-width)));padding-block-end:calc(var(--mod-table-section-header-block-end-spacing,var(--spectrum-table-section-header-block-end-spacing)) - var(--mod-table-border-width,var(--spectrum-table-border-width)))}:host{display:table-row}:host(:first-child) .spectrum-Table-scroller .spectrum-Table-body ::slotted(*){border-block-start:none;border-radius:0}:host(:last-child) .spectrum-Table-scroller .spectrum-Table-body ::slotted(*){border-block-end:none;border-radius:0}:host .spectrum-Table-scroller .spectrum-Table-body ::slotted(:first-child){border-inline-start:none}:host .spectrum-Table-scroller .spectrum-Table-body ::slotted(:last-child){border-inline-end:none}.spectrum-Table-row--collapsible{--spectrum-table-row-tier:0}:host([data-tier="1"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:1}:host([data-tier="2"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:2}:host([data-tier="3"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:3}:host([data-tier="4"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:4}:host([data-tier="5"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:5}:host([data-tier="6"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:6}.spectrum-Table-row--collapsible .spectrum-Table-checkboxCell{padding-inline-end:0}.spectrum-Table-row--collapsible.is-last-tier .spectrum-Table-cell--collapsible{padding-inline-start:calc(var(--spectrum-table-row-tier)*var(--spectrum-table-collapsible-tier-indent) + var(--mod-table-disclosure-icon-size,var(--spectrum-table-disclosure-icon-size)) + var(--mod-table-collapsible-disclosure-inline-spacing,var(--spectrum-table-collapsible-disclosure-inline-spacing))*2)}.spectrum-Table-row--collapsible.is-last-tier .spectrum-Table-disclosureIcon{display:none}.spectrum-Table-row--collapsible .spectrum-Table-disclosureIcon{margin-inline:var(--mod-table-collapsible-disclosure-inline-spacing,var(--spectrum-table-collapsible-disclosure-inline-spacing));margin-block-start:max(0px,calc((var(--mod-table-min-row-height,var(--spectrum-table-min-row-height)) - var(--mod-table-disclosure-icon-size,var(--spectrum-table-disclosure-icon-size)))/2))}:host([hidden]) .spectrum-Table-row--collapsible{display:none}@media (hover:hover){:host(:hover){--highcontrast-table-row-text-color:var(--highcontrast-table-row-text-color-hover);--highcontrast-table-icon-color:var(--highcontrast-table-row-text-color-hover);--spectrum-table-cell-background-color:var(--highcontrast-table-row-background-color-hover,var(--mod-table-row-background-color-hover,var(--spectrum-table-row-background-color-hover)))}:host([selected]:hover){--highcontrast-table-row-text-color:var(--highcontrast-table-selected-row-text-color-focus);--highcontrast-table-icon-color:var(--highcontrast-table-selected-row-text-color-focus);--spectrum-table-cell-background-color:var(--highcontrast-table-selected-row-background-color-focus,var(--spectrum-table-selected-cell-background-color-focus))}.spectrum-Table-row--sectionHeader:hover{--highcontrast-table-row-text-color:var(--highcontrast-table-section-header-text-color);--spectrum-table-cell-background-color:var(--highcontrast-table-section-header-background-color,var(--mod-table-section-header-background-color,var(--spectrum-table-section-header-background-color)))}}.spectrum-Table-row--thumbnail{--spectrum-table-thumbnail-cell-block-spacing:var(--mod-table-thumbnail-block-spacing,var(--spectrum-table-thumbnail-block-spacing));--spectrum-table-thumbnail-inner-content-block-spacing:max(0px,calc((var(--mod-table-thumbnail-size,var(--spectrum-table-thumbnail-size)) - (var(--mod-table-row-line-height,var(--spectrum-table-row-line-height))*var(--mod-table-header-font-size,var(--spectrum-table-row-font-size))))/2))}.spectrum-Table-row--thumbnail ::slotted(*){padding-block:calc(var(--spectrum-table-thumbnail-cell-block-spacing) + var(--spectrum-table-thumbnail-inner-content-block-spacing))}.spectrum-Table-row--thumbnail .spectrum-Table-cell--thumbnail{padding-block:0}.spectrum-Table-row--thumbnail.spectrum-Table-row--collapsible{--spectrum-table-thumbnail-inner-minimum-block-spacing:max(0px,calc((var(--mod-table-disclosure-icon-size,var(--spectrum-table-disclosure-icon-size)) - var(--mod-table-thumbnail-size,var(--spectrum-table-thumbnail-size)))/2));--spectrum-table-thumbnail-cell-block-spacing:max(var(--mod-table-thumbnail-block-spacing,var(--spectrum-table-thumbnail-block-spacing)),var(--spectrum-table-thumbnail-inner-minimum-block-spacing))}:host,:host([role=row]){width:100%;display:flex}:host(:first-child) ::slotted(*){border-block-start:none}:host(:last-child) ::slotted(*){border-block-end:none}::slotted(:first-child){border-inline-start:none}::slotted(:last-child){border-inline-end:none} -`,Cv=Z3;var K3=Object.defineProperty,G3=Object.getOwnPropertyDescriptor,ws=(o,t,e,r)=>{for(var s=r>1?void 0:r?G3(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&K3(t,e,s),s},Be=class extends E{constructor(){super(...arguments),this.role="row",this.selectable=!1,this.selected=!1,this.value=""}static get styles(){return[Cv]}async handleChange(t){t.target.checkbox&&(this.selected=t.target.checkbox.checked,await 0,t.defaultPrevented&&(this.selected=!this.selected))}handleSlotchange({target:t}){let e=t.assignedElements();this.selectable=!!e.find(r=>r.localName==="sp-table-checkbox-cell")}async manageSelected(){await this.updateComplete,this.selectable?this.setAttribute("aria-selected",this.selected?"true":"false"):this.removeAttribute("aria-selected");let[t]=this.checkboxCells;t&&(t.checked=this.selected)}handleClick(t){if(t.composedPath().find(r=>r.localName==="sp-table-checkbox-cell"))return;let[e]=this.checkboxCells;e&&e.click()}render(){return c` +`,Sv=W3;var Y3=Object.defineProperty,X3=Object.getOwnPropertyDescriptor,ws=(o,t,e,r)=>{for(var s=r>1?void 0:r?X3(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&Y3(t,e,s),s},Be=class extends E{constructor(){super(...arguments),this.role="row",this.selectable=!1,this.selected=!1,this.value=""}static get styles(){return[Sv]}async handleChange(t){t.target.checkbox&&(this.selected=t.target.checkbox.checked,await 0,t.defaultPrevented&&(this.selected=!this.selected))}handleSlotchange({target:t}){let e=t.assignedElements();this.selectable=!!e.find(r=>r.localName==="sp-table-checkbox-cell")}async manageSelected(){await this.updateComplete,this.selectable?this.setAttribute("aria-selected",this.selected?"true":"false"):this.removeAttribute("aria-selected");let[t]=this.checkboxCells;t&&(t.checked=this.selected)}handleClick(t){if(t.composedPath().find(r=>r.localName==="sp-table-checkbox-cell"))return;let[e]=this.checkboxCells;e&&e.click()}render(){return c` - `}willUpdate(t){t.has("selected")&&this.manageSelected(),t.has("selectable")&&(this.selectable?this.addEventListener("click",this.handleClick):this.removeEventListener("click",this.handleClick))}};ws([hr({selector:"sp-table-checkbox-cell",flatten:!0})],Be.prototype,"checkboxCells",2),ws([n({reflect:!0})],Be.prototype,"role",2),ws([n({type:Boolean})],Be.prototype,"selectable",2),ws([n({type:Boolean,reflect:!0})],Be.prototype,"selected",2),ws([n({type:String})],Be.prototype,"value",2);x();l("sp-table-row",Be);p();L();p();var W3=y` + `}willUpdate(t){t.has("selected")&&this.manageSelected(),t.has("selectable")&&(this.selectable?this.addEventListener("click",this.handleClick):this.removeEventListener("click",this.handleClick))}};ws([hr({selector:"sp-table-checkbox-cell",flatten:!0})],Be.prototype,"checkboxCells",2),ws([n({reflect:!0})],Be.prototype,"role",2),ws([n({type:Boolean})],Be.prototype,"selectable",2),ws([n({type:Boolean,reflect:!0})],Be.prototype,"selected",2),ws([n({type:String})],Be.prototype,"value",2);x();l("sp-table-row",Be);p();L();p();var J3=y` @media (forced-colors:active){:host{--highcontrast-table-row-background-color:Canvas;--highcontrast-table-row-text-color:CanvasText;--highcontrast-table-divider-color:CanvasText;--highcontrast-table-border-color:CanvasText;--highcontrast-table-icon-color:CanvasText;--highcontrast-table-icon-color-focus:Highlight;--highcontrast-table-selected-row-background-color:Highlight;--highcontrast-table-selected-row-text-color:HighlightText;--highcontrast-table-selected-row-background-color-focus:Highlight;--highcontrast-table-selected-row-text-color-focus:HighlightText;--highcontrast-table-row-background-color-hover:Highlight;--highcontrast-table-row-text-color-hover:HighlightText;--highcontrast-table-section-header-text-color:Canvas;--highcontrast-table-section-header-background-color:CanvasText;--highcontrast-table-focus-indicator-color:Highlight;--highcontrast-table-transition-duration:0}@supports (color:SelectedItem){:host{--highcontrast-table-selected-row-background-color:SelectedItem;--highcontrast-table-selected-row-text-color:SelectedItemText}}}:host{--spectrum-table-cell-inline-space:var(--spectrum-table-edge-to-content);--spectrum-table-border-radius:var(--spectrum-corner-radius-100);--spectrum-table-border-width:var(--spectrum-table-border-divider-width);--spectrum-table-outer-border-inline-width:var(--spectrum-table-border-divider-width);--spectrum-table-default-vertical-align:top;--spectrum-table-header-vertical-align:middle;--spectrum-table-header-font-weight:var(--spectrum-bold-font-weight);--spectrum-table-row-font-family:var(--spectrum-sans-font-family-stack);--spectrum-table-row-font-weight:var(--spectrum-regular-font-weight);--spectrum-table-row-font-style:var(--spectrum-default-font-style);--spectrum-table-row-line-height:var(--spectrum-line-height-100);--spectrum-table-border-color:var(--spectrum-gray-300);--spectrum-table-divider-color:var(--spectrum-gray-300);--spectrum-table-header-background-color:var(--spectrum-transparent-white-100);--spectrum-table-header-text-color:var(--spectrum-body-color);--spectrum-table-row-background-color:var(--spectrum-gray-50);--spectrum-table-row-text-color:var(--spectrum-neutral-content-color-default);--spectrum-table-selected-row-background-color:rgba(var(--spectrum-blue-900-rgb),var(--spectrum-table-selected-row-background-opacity));--spectrum-table-selected-row-background-color-non-emphasized:rgba(var(--spectrum-gray-700-rgb),var(--spectrum-table-selected-row-background-opacity-non-emphasized));--spectrum-table-row-background-color-hover:rgba(var(--spectrum-gray-900-rgb),var(--spectrum-table-row-hover-opacity));--spectrum-table-row-active-color:rgba(var(--spectrum-gray-900-rgb),var(--spectrum-table-row-down-opacity));--spectrum-table-selected-row-background-color-focus:rgba(var(--spectrum-blue-900-rgb),var(--spectrum-table-selected-row-background-opacity-hover));--spectrum-table-selected-row-background-color-non-emphasized-focus:rgba(var(--spectrum-gray-700-rgb),var(--spectrum-table-selected-row-background-opacity-non-emphasized-hover));--spectrum-table-icon-color-default:var(--spectrum-neutral-subdued-content-color-default);--spectrum-table-icon-color-hover:var(--spectrum-neutral-subdued-content-color-hover);--spectrum-table-icon-color-active:var(--spectrum-neutral-subdued-content-color-down);--spectrum-table-icon-color-focus:var(--spectrum-neutral-subdued-content-color-key-focus);--spectrum-table-icon-color-focus-hover:var(--spectrum-neutral-subdued-content-color-key-focus);--spectrum-table-icon-color-key-focus:var(--spectrum-neutral-subdued-content-color-key-focus);--spectrum-table-focus-indicator-thickness:var(--spectrum-focus-indicator-thickness);--spectrum-table-focus-indicator-color:var(--spectrum-focus-indicator-color);--spectrum-table-drop-zone-background-color:rgba(var(--spectrum-drop-zone-background-color-rgb),var(--spectrum-drop-zone-background-color-opacity));--spectrum-table-drop-zone-outline-color:var(--spectrum-accent-visual-color);--spectrum-table-transition-duration:var(--spectrum-animation-duration-100);--spectrum-table-summary-row-font-weight:var(--spectrum-bold-font-weight);--spectrum-table-summary-row-background-color:var(--spectrum-gray-200);--spectrum-table-section-header-font-weight:var(--spectrum-bold-font-weight);--spectrum-table-section-header-background-color:var(--spectrum-gray-200);--spectrum-table-collapsible-tier-indent:var(--spectrum-spacing-300);--spectrum-table-collapsible-disclosure-inline-spacing:0px;--spectrum-table-collapsible-icon-animation-duration:var(--spectrum-animation-duration-100);--spectrum-table-cell-background-color:var(--highcontrast-table-row-background-color,var(--mod-table-row-background-color,var(--spectrum-table-row-background-color)));--spectrum-table-selected-cell-background-color:var(--highcontrast-table-selected-row-background-color,var(--mod-table-selected-row-background-color-non-emphasized,var(--spectrum-table-selected-row-background-color-non-emphasized)));--spectrum-table-selected-cell-background-color-focus:var(--highcontrast-table-selected-row-background-color-focus,var(--mod-table-selected-row-background-color-non-emphasized-focus,var(--spectrum-table-selected-row-background-color-non-emphasized-focus)));--mod-thumbnail-size:var(--mod-table-thumbnail-size,var(--spectrum-table-thumbnail-size))}:host:dir(rtl),:host([dir=rtl]){--spectrum-logical-rotation:matrix(-1,0,0,1,0,0)}:host,.spectrum-Table--sizeM{--spectrum-table-min-header-height:var(--spectrum-component-height-100);--spectrum-table-header-top-to-text:var(--spectrum-table-column-header-row-top-to-text-medium);--spectrum-table-header-bottom-to-text:var(--spectrum-table-column-header-row-bottom-to-text-medium);--spectrum-table-min-row-height:var(--spectrum-table-row-height-medium-regular);--spectrum-table-row-top-to-text:var(--spectrum-table-row-top-to-text-medium-regular);--spectrum-table-row-bottom-to-text:var(--spectrum-table-row-bottom-to-text-medium-regular);--spectrum-table-icon-to-text:var(--spectrum-text-to-visual-100);--spectrum-table-row-font-size:var(--spectrum-font-size-100);--spectrum-table-header-checkbox-block-spacing:var(--spectrum-table-header-row-checkbox-to-top-medium);--spectrum-table-row-checkbox-block-spacing:var(--spectrum-table-row-checkbox-to-top-medium-regular);--spectrum-table-section-header-min-height:var(--spectrum-table-section-header-row-height-medium);--spectrum-table-section-header-block-start-spacing:var(--spectrum-component-top-to-text-100);--spectrum-table-section-header-block-end-spacing:var(--spectrum-component-bottom-to-text-100);--spectrum-table-disclosure-icon-size:var(--spectrum-component-height-100);--spectrum-table-thumbnail-block-spacing:var(--spectrum-table-thumbnail-to-top-minimum-medium-regular);--spectrum-table-thumbnail-to-text:var(--spectrum-text-to-visual-100);--spectrum-table-thumbnail-size:var(--spectrum-thumbnail-size-300)}:host([size=s]){--spectrum-table-min-header-height:var(--spectrum-component-height-100);--spectrum-table-header-top-to-text:var(--spectrum-table-column-header-row-top-to-text-small);--spectrum-table-header-bottom-to-text:var(--spectrum-table-column-header-row-bottom-to-text-small);--spectrum-table-min-row-height:var(--spectrum-table-row-height-small-regular);--spectrum-table-row-top-to-text:var(--spectrum-table-row-top-to-text-small-regular);--spectrum-table-row-bottom-to-text:var(--spectrum-table-row-bottom-to-text-small-regular);--spectrum-table-icon-to-text:var(--spectrum-text-to-visual-100);--spectrum-table-row-font-size:var(--spectrum-font-size-75);--spectrum-table-header-checkbox-block-spacing:var(--spectrum-table-header-row-checkbox-to-top-small);--spectrum-table-row-checkbox-block-spacing:var(--spectrum-table-row-checkbox-to-top-small-regular);--spectrum-table-section-header-min-height:var(--spectrum-table-section-header-row-height-small);--spectrum-table-section-header-block-start-spacing:var(--spectrum-component-top-to-text-75);--spectrum-table-section-header-block-end-spacing:var(--spectrum-component-bottom-to-text-75);--spectrum-table-disclosure-icon-size:var(--spectrum-component-height-75);--spectrum-table-thumbnail-block-spacing:var(--spectrum-table-thumbnail-to-top-minimum-small-regular);--spectrum-table-thumbnail-to-text:var(--spectrum-text-to-visual-100);--spectrum-table-thumbnail-size:var(--spectrum-thumbnail-size-200)}:host([size=l]){--spectrum-table-min-header-height:var(--spectrum-component-height-200);--spectrum-table-header-top-to-text:var(--spectrum-table-column-header-row-top-to-text-large);--spectrum-table-header-bottom-to-text:var(--spectrum-table-column-header-row-bottom-to-text-large);--spectrum-table-min-row-height:var(--spectrum-table-row-height-large-regular);--spectrum-table-row-top-to-text:var(--spectrum-table-row-top-to-text-large-regular);--spectrum-table-row-bottom-to-text:var(--spectrum-table-row-bottom-to-text-large-regular);--spectrum-table-icon-to-text:var(--spectrum-text-to-visual-200);--spectrum-table-row-font-size:var(--spectrum-font-size-200);--spectrum-table-header-checkbox-block-spacing:var(--spectrum-table-header-row-checkbox-to-top-large);--spectrum-table-row-checkbox-block-spacing:var(--spectrum-table-row-checkbox-to-top-large-regular);--spectrum-table-section-header-min-height:var(--spectrum-table-section-header-row-height-large);--spectrum-table-section-header-block-start-spacing:var(--spectrum-component-top-to-text-200);--spectrum-table-section-header-block-end-spacing:var(--spectrum-component-bottom-to-text-200);--spectrum-table-disclosure-icon-size:var(--spectrum-component-height-200);--spectrum-table-thumbnail-block-spacing:var(--spectrum-table-thumbnail-to-top-minimum-large-regular);--spectrum-table-thumbnail-to-text:var(--spectrum-text-to-visual-200);--spectrum-table-thumbnail-size:var(--spectrum-thumbnail-size-500)}:host([size=xl]){--spectrum-table-min-header-height:var(--spectrum-component-height-300);--spectrum-table-header-top-to-text:var(--spectrum-table-column-header-row-top-to-text-extra-large);--spectrum-table-header-bottom-to-text:var(--spectrum-table-column-header-row-bottom-to-text-extra-large);--spectrum-table-min-row-height:var(--spectrum-table-row-height-extra-large-regular);--spectrum-table-row-top-to-text:var(--spectrum-table-row-top-to-text-extra-large-regular);--spectrum-table-row-bottom-to-text:var(--spectrum-table-row-bottom-to-text-extra-large-regular);--spectrum-table-icon-to-text:var(--spectrum-text-to-visual-300);--spectrum-table-row-font-size:var(--spectrum-font-size-300);--spectrum-table-header-checkbox-block-spacing:var(--spectrum-table-header-row-checkbox-to-top-extra-large);--spectrum-table-row-checkbox-block-spacing:var(--spectrum-table-row-checkbox-to-top-extra-large-regular);--spectrum-table-section-header-min-height:var(--spectrum-table-section-header-row-height-extra-large);--spectrum-table-section-header-block-start-spacing:var(--spectrum-component-top-to-text-300);--spectrum-table-section-header-block-end-spacing:var(--spectrum-component-bottom-to-text-300);--spectrum-table-disclosure-icon-size:var(--spectrum-component-height-300);--spectrum-table-thumbnail-block-spacing:var(--spectrum-table-thumbnail-to-top-minimum-extra-large-regular);--spectrum-table-thumbnail-to-text:var(--spectrum-text-to-visual-300);--spectrum-table-thumbnail-size:var(--spectrum-thumbnail-size-700)}:host([density=compact]){--mod-table-min-row-height:var(--mod-table-min-row-height--compact,var(--spectrum-table-row-height-medium-compact));--mod-table-row-top-to-text:var(--mod-table-row-top-to-text--compact,var(--spectrum-table-row-top-to-text-medium-compact));--mod-table-row-bottom-to-text:var(--mod-table-row-bottom-to-text--compact,var(--spectrum-table-row-bottom-to-text-medium-compact));--mod-table-row-checkbox-block-spacing:var(--mod-table-row-checkbox-block-spacing--compact,var(--spectrum-table-row-checkbox-to-top-medium-compact));--mod-table-thumbnail-block-spacing:var(--mod-table-thumbnail-block-spacing-compact,var(--spectrum-table-thumbnail-to-top-minimum-medium-compact));--mod-table-thumbnail-size:var(--mod-table-thumbnail-size-compact,var(--spectrum-thumbnail-size-200))}:host([density=compact][size=s]){--mod-table-min-row-height:var(--mod-table-min-row-height--compact,var(--spectrum-table-row-height-small-compact));--mod-table-row-top-to-text:var(--mod-table-row-top-to-text--compact,var(--spectrum-table-row-top-to-text-small-compact));--mod-table-row-bottom-to-text:var(--mod-table-row-bottom-to-text--compact,var(--spectrum-table-row-bottom-to-text-small-compact));--mod-table-row-checkbox-block-spacing:var(--mod-table-row-checkbox-block-spacing--compact,var(--spectrum-table-row-checkbox-to-top-small-compact));--mod-table-thumbnail-block-spacing:var(--mod-table-thumbnail-block-spacing-compact,var(--spectrum-table-thumbnail-to-top-minimum-small-compact));--mod-table-thumbnail-size:var(--mod-table-thumbnail-size-compact,var(--spectrum-thumbnail-size-50))}:host([density=compact][size=l]){--mod-table-min-row-height:var(--mod-table-min-row-height--compact,var(--spectrum-table-row-height-large-compact));--mod-table-row-top-to-text:var(--mod-table-row-top-to-text--compact,var(--spectrum-table-row-top-to-text-large-compact));--mod-table-row-bottom-to-text:var(--mod-table-row-bottom-to-text--compact,var(--spectrum-table-row-bottom-to-text-large-compact));--mod-table-row-checkbox-block-spacing:var(--mod-table-row-checkbox-block-spacing--compact,var(--spectrum-table-row-checkbox-to-top-large-compact));--mod-table-thumbnail-block-spacing:var(--mod-table-thumbnail-block-spacing-compact,var(--spectrum-table-thumbnail-to-top-minimum-large-compact));--mod-table-thumbnail-size:var(--mod-table-thumbnail-size-compact,var(--spectrum-thumbnail-size-300))}:host([density=compact][size=xl]){--mod-table-min-row-height:var(--mod-table-min-row-height--compact,var(--spectrum-table-row-height-extra-large-compact));--mod-table-row-top-to-text:var(--mod-table-row-top-to-text--compact,var(--spectrum-table-row-top-to-text-extra-large-compact));--mod-table-row-bottom-to-text:var(--mod-table-row-bottom-to-text--compact,var(--spectrum-table-row-bottom-to-text-extra-large-compact));--mod-table-row-checkbox-block-spacing:var(--mod-table-row-checkbox-block-spacing--compact,var(--spectrum-table-row-checkbox-to-top-extra-large-compact));--mod-table-thumbnail-block-spacing:var(--mod-table-thumbnail-block-spacing-compact,var(--spectrum-table-thumbnail-to-top-minimum-extra-large-compact));--mod-table-thumbnail-size:var(--mod-table-thumbnail-size-compact,var(--spectrum-thumbnail-size-500))}:host([density=spacious]){--mod-table-min-row-height:var(--mod-table-min-row-height--spacious,var(--spectrum-table-row-height-medium-spacious));--mod-table-row-top-to-text:var(--mod-table-row-top-to-text--spacious,var(--spectrum-table-row-top-to-text-medium-spacious));--mod-table-row-bottom-to-text:var(--mod-table-row-bottom-to-text--spacious,var(--spectrum-table-row-bottom-to-text-medium-spacious));--mod-table-row-checkbox-block-spacing:var(--mod-table-row-checkbox-block-spacing--spacious,var(--spectrum-table-row-checkbox-to-top-medium-spacious));--mod-table-thumbnail-block-spacing:var(--mod-table-thumbnail-block-spacing-spacious,var(--spectrum-table-thumbnail-to-top-minimum-medium-spacious));--mod-table-thumbnail-size:var(--mod-table-thumbnail-size-spacious,var(--spectrum-thumbnail-size-500))}:host([density=spacious][size=s]){--mod-table-min-row-height:var(--mod-table-min-row-height--spacious,var(--spectrum-table-row-height-small-spacious));--mod-table-row-top-to-text:var(--mod-table-row-top-to-text--spacious,var(--spectrum-table-row-top-to-text-small-spacious));--mod-table-row-bottom-to-text:var(--mod-table-row-bottom-to-text--spacious,var(--spectrum-table-row-bottom-to-text-small-spacious));--mod-table-row-checkbox-block-spacing:var(--mod-table-row-checkbox-block-spacing--spacious,var(--spectrum-table-row-checkbox-to-top-small-spacious));--mod-table-thumbnail-block-spacing:var(--mod-table-thumbnail-block-spacing-spacious,var(--spectrum-table-thumbnail-to-top-minimum-small-spacious));--mod-table-thumbnail-size:var(--mod-table-thumbnail-size-spacious,var(--spectrum-thumbnail-size-300))}:host([density=spacious][size=l]){--mod-table-min-row-height:var(--mod-table-min-row-height--spacious,var(--spectrum-table-row-height-large-spacious));--mod-table-row-top-to-text:var(--mod-table-row-top-to-text--spacious,var(--spectrum-table-row-top-to-text-large-spacious));--mod-table-row-bottom-to-text:var(--mod-table-row-bottom-to-text--spacious,var(--spectrum-table-row-bottom-to-text-large-spacious));--mod-table-row-checkbox-block-spacing:var(--mod-table-row-checkbox-block-spacing--spacious,var(--spectrum-table-row-checkbox-to-top-large-spacious));--mod-table-thumbnail-block-spacing:var(--mod-table-thumbnail-block-spacing-spacious,var(--spectrum-table-thumbnail-to-top-minimum-large-spacious));--mod-table-thumbnail-size:var(--mod-table-thumbnail-size-spacious,var(--spectrum-thumbnail-size-700))}:host([density=spacious][size=xl]){--mod-table-min-row-height:var(--mod-table-min-row-height--spacious,var(--spectrum-table-row-height-extra-large-spacious));--mod-table-row-top-to-text:var(--mod-table-row-top-to-text--spacious,var(--spectrum-table-row-top-to-text-extra-large-spacious));--mod-table-row-bottom-to-text:var(--mod-table-row-bottom-to-text--spacious,var(--spectrum-table-row-bottom-to-text-extra-large-spacious));--mod-table-row-checkbox-block-spacing:var(--mod-table-row-checkbox-block-spacing--spacious,var(--spectrum-table-row-checkbox-to-top-extra-large-spacious));--mod-table-thumbnail-block-spacing:var(--mod-table-thumbnail-block-spacing-spacious,var(--spectrum-table-thumbnail-to-top-minimum-extra-large-spacious));--mod-table-thumbnail-size:var(--mod-table-thumbnail-size-spacious,var(--spectrum-thumbnail-size-800))}:host([emphasized]){--spectrum-table-selected-cell-background-color:var(--highcontrast-table-selected-row-background-color,var(--mod-table-selected-row-background-color,var(--spectrum-table-selected-row-background-color)));--spectrum-table-selected-cell-background-color-focus:var(--highcontrast-table-selected-row-background-color-focus,var(--mod-table-selected-row-background-color-focus,var(--spectrum-table-selected-row-background-color-focus)))}:host([quiet]){--mod-table-border-radius:var(--mod-table-border-radius--quiet,0px);--mod-table-outer-border-inline-width:var(--mod-table-outer-border-inline-width--quiet,0px);--mod-table-header-background-color:var(--mod-table-header-background-color--quiet,var(--spectrum-transparent-white-100));--mod-table-row-background-color:var(--mod-table-row-background-color--quiet,var(--spectrum-transparent-white-100))}:host:not(.spectrum-Table-scroller){border-collapse:initial;border-spacing:0;display:table}:host{--spectrum-table-header-background-color:var(--system-table-header-background-color);--spectrum-table-border-color:var(--system-table-border-color);--spectrum-table-divider-color:var(--system-table-divider-color);--spectrum-table-row-background-color:var(--system-table-row-background-color);--spectrum-table-summary-row-background-color:var(--system-table-summary-row-background-color);--spectrum-table-section-header-background-color:var(--system-table-section-header-background-color);--spectrum-table-icon-color-focus:var(--system-table-icon-color-focus);--spectrum-table-icon-color-focus-hover:var(--system-table-icon-color-focus-hover)}:host([quiet]){--spectrum-table-header-background-color:var(--system-table-quiet-header-background-color);--spectrum-table-row-background-color:var(--system-table-quiet-row-background-color)}:host{flex-direction:column;display:flex} -`,Tv=W3;Ur();Jt();el();var qr=class o extends Event{constructor(t){super(o.eventName,{bubbles:!1}),this.first=t.first,this.last=t.last}};qr.eventName="rangeChanged";var jr=class o extends Event{constructor(t){super(o.eventName,{bubbles:!1}),this.first=t.first,this.last=t.last}};jr.eventName="visibilityChanged";var ks=class o extends Event{constructor(){super(o.eventName,{bubbles:!1})}};ks.eventName="unpinned";var xd=class{constructor(t){this._element=null;let e=t??window;this._node=e,t&&(this._element=t)}get element(){return this._element||document.scrollingElement||document.documentElement}get scrollTop(){return this.element.scrollTop||window.scrollY}get scrollLeft(){return this.element.scrollLeft||window.scrollX}get scrollHeight(){return this.element.scrollHeight}get scrollWidth(){return this.element.scrollWidth}get viewportHeight(){return this._element?this._element.getBoundingClientRect().height:window.innerHeight}get viewportWidth(){return this._element?this._element.getBoundingClientRect().width:window.innerWidth}get maxScrollTop(){return this.scrollHeight-this.viewportHeight}get maxScrollLeft(){return this.scrollWidth-this.viewportWidth}},wn=class extends xd{constructor(t,e){super(e),this._clients=new Set,this._retarget=null,this._end=null,this.__destination=null,this.correctingScrollError=!1,this._checkForArrival=this._checkForArrival.bind(this),this._updateManagedScrollTo=this._updateManagedScrollTo.bind(this),this.scrollTo=this.scrollTo.bind(this),this.scrollBy=this.scrollBy.bind(this);let r=this._node;this._originalScrollTo=r.scrollTo,this._originalScrollBy=r.scrollBy,this._originalScroll=r.scroll,this._attach(t)}get _destination(){return this.__destination}get scrolling(){return this._destination!==null}scrollTo(t,e){let r=typeof t=="number"&&typeof e=="number"?{left:t,top:e}:t;this._scrollTo(r)}scrollBy(t,e){let r=typeof t=="number"&&typeof e=="number"?{left:t,top:e}:t;r.top!==void 0&&(r.top+=this.scrollTop),r.left!==void 0&&(r.left+=this.scrollLeft),this._scrollTo(r)}_nativeScrollTo(t){this._originalScrollTo.bind(this._element||window)(t)}_scrollTo(t,e=null,r=null){this._end!==null&&this._end(),t.behavior==="smooth"?(this._setDestination(t),this._retarget=e,this._end=r):this._resetScrollState(),this._nativeScrollTo(t)}_setDestination(t){let{top:e,left:r}=t;return e=e===void 0?void 0:Math.max(0,Math.min(e,this.maxScrollTop)),r=r===void 0?void 0:Math.max(0,Math.min(r,this.maxScrollLeft)),this._destination!==null&&r===this._destination.left&&e===this._destination.top?!1:(this.__destination={top:e,left:r,behavior:"smooth"},!0)}_resetScrollState(){this.__destination=null,this._retarget=null,this._end=null}_updateManagedScrollTo(t){this._destination&&this._setDestination(t)&&this._nativeScrollTo(this._destination)}managedScrollTo(t,e,r){return this._scrollTo(t,e,r),this._updateManagedScrollTo}correctScrollError(t){this.correctingScrollError=!0,requestAnimationFrame(()=>requestAnimationFrame(()=>this.correctingScrollError=!1)),this._nativeScrollTo(t),this._retarget&&this._setDestination(this._retarget()),this._destination&&this._nativeScrollTo(this._destination)}_checkForArrival(){if(this._destination!==null){let{scrollTop:t,scrollLeft:e}=this,{top:r,left:s}=this._destination;r=Math.min(r||0,this.maxScrollTop),s=Math.min(s||0,this.maxScrollLeft);let i=Math.abs(r-t),a=Math.abs(s-e);i<1&&a<1&&(this._end&&this._end(),this._resetScrollState())}}detach(t){return this._clients.delete(t),this._clients.size===0&&(this._node.scrollTo=this._originalScrollTo,this._node.scrollBy=this._originalScrollBy,this._node.scroll=this._originalScroll,this._node.removeEventListener("scroll",this._checkForArrival)),null}_attach(t){this._clients.add(t),this._clients.size===1&&(this._node.scrollTo=this.scrollTo,this._node.scrollBy=this.scrollBy,this._node.scroll=this.scrollTo,this._node.addEventListener("scroll",this._checkForArrival))}};var Av=window?.ResizeObserver;var Sn=Symbol("virtualizerRef"),Cn="virtualizer-sizer",Lv,In=class{constructor(t){if(this._benchmarkStart=null,this._layout=null,this._clippingAncestors=[],this._scrollSize=null,this._scrollError=null,this._childrenPos=null,this._childMeasurements=null,this._toBeMeasured=new Map,this._rangeChanged=!0,this._itemsChanged=!0,this._visibilityChanged=!0,this._scrollerController=null,this._isScroller=!1,this._sizer=null,this._hostElementRO=null,this._childrenRO=null,this._mutationObserver=null,this._scrollEventListeners=[],this._scrollEventListenerOptions={passive:!0},this._loadListener=this._childLoaded.bind(this),this._scrollIntoViewTarget=null,this._updateScrollIntoViewCoordinates=null,this._items=[],this._first=-1,this._last=-1,this._firstVisible=-1,this._lastVisible=-1,this._scheduled=new WeakSet,this._measureCallback=null,this._measureChildOverride=null,this._layoutCompletePromise=null,this._layoutCompleteResolver=null,this._layoutCompleteRejecter=null,this._pendingLayoutComplete=null,this._layoutInitialized=null,!t)throw new Error("Virtualizer constructor requires a configuration object");if(t.hostElement)this._init(t);else throw new Error('Virtualizer configuration requires the "hostElement" property')}set items(t){Array.isArray(t)&&t!==this._items&&(this._itemsChanged=!0,this._items=t,this._schedule(this._updateLayout))}_init(t){this._isScroller=!!t.scroller,this._initHostElement(t);let e=t.layout||{};this._layoutInitialized=this._initLayout(e)}_initObservers(){this._mutationObserver=new MutationObserver(this._finishDOMUpdate.bind(this)),this._hostElementRO=new Av(()=>this._hostElementSizeChanged()),this._childrenRO=new Av(this._childrenSizeChanged.bind(this))}_initHostElement(t){let e=this._hostElement=t.hostElement;this._applyVirtualizerStyles(),e[Sn]=this}connected(){this._initObservers();let t=this._isScroller;this._clippingAncestors=ry(this._hostElement,t),this._scrollerController=new wn(this,this._clippingAncestors[0]),this._schedule(this._updateLayout),this._observeAndListen()}_observeAndListen(){this._mutationObserver.observe(this._hostElement,{childList:!0}),this._hostElementRO.observe(this._hostElement),this._scrollEventListeners.push(window),window.addEventListener("scroll",this,this._scrollEventListenerOptions),this._clippingAncestors.forEach(t=>{t.addEventListener("scroll",this,this._scrollEventListenerOptions),this._scrollEventListeners.push(t),this._hostElementRO.observe(t)}),this._hostElementRO.observe(this._scrollerController.element),this._children.forEach(t=>this._childrenRO.observe(t)),this._scrollEventListeners.forEach(t=>t.addEventListener("scroll",this,this._scrollEventListenerOptions))}disconnected(){this._scrollEventListeners.forEach(t=>t.removeEventListener("scroll",this,this._scrollEventListenerOptions)),this._scrollEventListeners=[],this._clippingAncestors=[],this._scrollerController?.detach(this),this._scrollerController=null,this._mutationObserver?.disconnect(),this._mutationObserver=null,this._hostElementRO?.disconnect(),this._hostElementRO=null,this._childrenRO?.disconnect(),this._childrenRO=null,this._rejectLayoutCompletePromise("disconnected")}_applyVirtualizerStyles(){let e=this._hostElement.style;e.display=e.display||"block",e.position=e.position||"relative",e.contain=e.contain||"size layout",this._isScroller&&(e.overflow=e.overflow||"auto",e.minHeight=e.minHeight||"150px")}_getSizer(){let t=this._hostElement;if(!this._sizer){let e=t.querySelector(`[${Cn}]`);e||(e=document.createElement("div"),e.setAttribute(Cn,""),t.appendChild(e)),Object.assign(e.style,{position:"absolute",margin:"-2px 0 0 0",padding:0,visibility:"hidden",fontSize:"2px"}),e.textContent=" ",e.setAttribute(Cn,""),this._sizer=e}return this._sizer}async updateLayoutConfig(t){await this._layoutInitialized;let e=t.type||Lv;if(typeof e=="function"&&this._layout instanceof e){let r={...t};return delete r.type,this._layout.config=r,!0}return!1}async _initLayout(t){let e,r;if(typeof t.type=="function"){r=t.type;let s={...t};delete s.type,e=s}else e=t;r===void 0&&(Lv=r=(await Promise.resolve().then(()=>(_v(),$v))).FlowLayout),this._layout=new r(s=>this._handleLayoutMessage(s),e),this._layout.measureChildren&&typeof this._layout.updateItemSizes=="function"&&(typeof this._layout.measureChildren=="function"&&(this._measureChildOverride=this._layout.measureChildren),this._measureCallback=this._layout.updateItemSizes.bind(this._layout)),this._layout.listenForChildLoadEvents&&this._hostElement.addEventListener("load",this._loadListener,!0),this._schedule(this._updateLayout)}startBenchmarking(){this._benchmarkStart===null&&(this._benchmarkStart=window.performance.now())}stopBenchmarking(){if(this._benchmarkStart!==null){let t=window.performance.now(),e=t-this._benchmarkStart,s=performance.getEntriesByName("uv-virtualizing","measure").filter(i=>i.startTime>=this._benchmarkStart&&i.startTimei+a.duration,0);return this._benchmarkStart=null,{timeElapsed:e,virtualizationTime:s}}return null}_measureChildren(){let t={},e=this._children,r=this._measureChildOverride||this._measureChild;for(let s=0;sthis._childrenRO.observe(t)),this._checkScrollIntoViewTarget(this._childrenPos),this._positionChildren(this._childrenPos),this._sizeHostElement(this._scrollSize),this._correctScrollError(),this._benchmarkStart&&"mark"in window.performance&&window.performance.mark("uv-end")}_updateLayout(){this._layout&&this._scrollerController&&(this._layout.items=this._items,this._updateView(),this._childMeasurements!==null&&(this._measureCallback&&this._measureCallback(this._childMeasurements),this._childMeasurements=null),this._layout.reflowIfNeeded(),this._benchmarkStart&&"mark"in window.performance&&window.performance.mark("uv-end"))}_handleScrollEvent(){if(this._benchmarkStart&&"mark"in window.performance){try{window.performance.measure("uv-virtualizing","uv-start","uv-end")}catch(t){console.warn("Error measuring performance data: ",t)}window.performance.mark("uv-start")}this._scrollerController.correctingScrollError===!1&&this._layout?.unpin(),this._schedule(this._updateLayout)}handleEvent(t){switch(t.type){case"scroll":(t.currentTarget===window||this._clippingAncestors.includes(t.currentTarget))&&this._handleScrollEvent();break;default:console.warn("event not handled",t)}}_handleLayoutMessage(t){t.type==="stateChanged"?this._updateDOM(t):t.type==="visibilityChanged"?(this._firstVisible=t.firstVisible,this._lastVisible=t.lastVisible,this._notifyVisibility()):t.type==="unpinned"&&this._hostElement.dispatchEvent(new ks)}get _children(){let t=[],e=this._hostElement.firstElementChild;for(;e;)e.hasAttribute(Cn)||t.push(e),e=e.nextElementSibling;return t}_updateView(){let t=this._hostElement,e=this._scrollerController?.element,r=this._layout;if(t&&e&&r){let s,i,a,d,m=t.getBoundingClientRect();s=0,i=0,a=window.innerHeight,d=window.innerWidth;let b=this._clippingAncestors.map(B=>B.getBoundingClientRect());b.unshift(m);for(let B of b)s=Math.max(s,B.top),i=Math.max(i,B.left),a=Math.min(a,B.bottom),d=Math.min(d,B.right);let v=e.getBoundingClientRect(),f={left:m.left-v.left,top:m.top-v.top},k={width:e.scrollWidth,height:e.scrollHeight},z=s-m.top+t.scrollTop,S=i-m.left+t.scrollLeft,M=a-s,q=d-i;r.viewportSize={width:q,height:M},r.viewportScroll={top:z,left:S},r.totalScrollSize=k,r.offsetWithinScroller=f}}_sizeHostElement(t){let r=t&&t.width!==null?Math.min(82e5,t.width):0,s=t&&t.height!==null?Math.min(82e5,t.height):0;if(this._isScroller)this._getSizer().style.transform=`translate(${r}px, ${s}px)`;else{let i=this._hostElement.style;i.minWidth=r?`${r}px`:"100%",i.minHeight=s?`${s}px`:"100%"}}_positionChildren(t){t&&t.forEach(({top:e,left:r,width:s,height:i,xOffset:a,yOffset:d},m)=>{let b=this._children[m-this._first];b&&(b.style.position="absolute",b.style.boxSizing="border-box",b.style.transform=`translate(${r}px, ${e}px)`,s!==void 0&&(b.style.width=s+"px"),i!==void 0&&(b.style.height=i+"px"),b.style.left=a===void 0?null:a+"px",b.style.top=d===void 0?null:d+"px")})}async _adjustRange(t){let{_first:e,_last:r,_firstVisible:s,_lastVisible:i}=this;this._first=t.first,this._last=t.last,this._firstVisible=t.firstVisible,this._lastVisible=t.lastVisible,this._rangeChanged=this._rangeChanged||this._first!==e||this._last!==r,this._visibilityChanged=this._visibilityChanged||this._firstVisible!==s||this._lastVisible!==i}_correctScrollError(){if(this._scrollError){let{scrollTop:t,scrollLeft:e}=this._scrollerController,{top:r,left:s}=this._scrollError;this._scrollError=null,this._scrollerController.correctScrollError({top:t-r,left:e-s})}}element(t){return t===1/0&&(t=this._items.length-1),this._items?.[t]===void 0?void 0:{scrollIntoView:(e={})=>this._scrollElementIntoView({...e,index:t})}}_scrollElementIntoView(t){if(t.index>=this._first&&t.index<=this._last)this._children[t.index-this._first].scrollIntoView(t);else if(t.index=Math.min(t.index,this._items.length-1),t.behavior==="smooth"){let e=this._layout.getScrollIntoViewCoordinates(t),{behavior:r}=t;this._updateScrollIntoViewCoordinates=this._scrollerController.managedScrollTo(Object.assign(e,{behavior:r}),()=>this._layout.getScrollIntoViewCoordinates(t),()=>this._scrollIntoViewTarget=null),this._scrollIntoViewTarget=t}else this._layout.pin=t}_checkScrollIntoViewTarget(t){let{index:e}=this._scrollIntoViewTarget||{};e&&t?.has(e)&&this._updateScrollIntoViewCoordinates(this._layout.getScrollIntoViewCoordinates(this._scrollIntoViewTarget))}_notifyRange(){this._hostElement.dispatchEvent(new qr({first:this._first,last:this._last}))}_notifyVisibility(){this._hostElement.dispatchEvent(new jr({first:this._firstVisible,last:this._lastVisible}))}get layoutComplete(){return this._layoutCompletePromise||(this._layoutCompletePromise=new Promise((t,e)=>{this._layoutCompleteResolver=t,this._layoutCompleteRejecter=e})),this._layoutCompletePromise}_rejectLayoutCompletePromise(t){this._layoutCompleteRejecter!==null&&this._layoutCompleteRejecter(t),this._resetLayoutCompleteState()}_scheduleLayoutComplete(){this._layoutCompletePromise&&this._pendingLayoutComplete===null&&(this._pendingLayoutComplete=requestAnimationFrame(()=>requestAnimationFrame(()=>this._resolveLayoutCompletePromise())))}_resolveLayoutCompletePromise(){this._layoutCompleteResolver!==null&&this._layoutCompleteResolver(),this._resetLayoutCompleteState()}_resetLayoutCompleteState(){this._layoutCompletePromise=null,this._layoutCompleteResolver=null,this._layoutCompleteRejecter=null,this._pendingLayoutComplete=null}_hostElementSizeChanged(){this._schedule(this._updateLayout)}_childLoaded(){}_childrenSizeChanged(t){if(this._layout?.measureChildren){for(let e of t)this._toBeMeasured.set(e.target,e.contentRect);this._measureChildren()}this._scheduleLayoutComplete(),this._itemsChanged=!1,this._rangeChanged=!1}};function ty(o){let t=window.getComputedStyle(o);return{marginTop:Tn(t.marginTop),marginRight:Tn(t.marginRight),marginBottom:Tn(t.marginBottom),marginLeft:Tn(t.marginLeft)}}function Tn(o){let t=o?parseFloat(o):NaN;return Number.isNaN(t)?0:t}function Pv(o){if(o.assignedSlot!==null)return o.assignedSlot;if(o.parentElement!==null)return o.parentElement;let t=o.parentNode;return t&&t.nodeType===Node.DOCUMENT_FRAGMENT_NODE&&t.host||null}function ey(o,t=!1){let e=[],r=t?o:Pv(o);for(;r!==null;)e.push(r),r=Pv(r);return e}function ry(o,t=!1){let e=!1;return ey(o,t).filter(r=>{if(e)return!1;let s=getComputedStyle(r);return e=s.position==="fixed",s.overflow!=="visible"})}var oy=o=>o,sy=(o,t)=>c`${t}: ${JSON.stringify(o,null,2)}`,kd=class extends ne{constructor(t){if(super(t),this._virtualizer=null,this._first=0,this._last=-1,this._renderItem=(e,r)=>sy(e,r+this._first),this._keyFunction=(e,r)=>oy(e,r+this._first),this._items=[],t.type!==nt.CHILD)throw new Error("The virtualize directive can only be used in child expressions")}render(t){t&&this._setFunctions(t);let e=[];if(this._first>=0&&this._last>=this._first)for(let r=this._first;r<=this._last;r++)e.push(this._items[r]);return Fo(e,this._keyFunction,this._renderItem)}update(t,[e]){this._setFunctions(e);let r=this._items!==e.items;return this._items=e.items||[],this._virtualizer?this._updateVirtualizerConfig(t,e):this._initialize(t,e),r?tt:this.render()}async _updateVirtualizerConfig(t,e){if(!await this._virtualizer.updateLayoutConfig(e.layout||{})){let s=t.parentNode;this._makeVirtualizer(s,e)}this._virtualizer.items=this._items}_setFunctions(t){let{renderItem:e,keyFunction:r}=t;e&&(this._renderItem=(s,i)=>e(s,i+this._first)),r&&(this._keyFunction=(s,i)=>r(s,i+this._first))}_makeVirtualizer(t,e){this._virtualizer&&this._virtualizer.disconnected();let{layout:r,scroller:s,items:i}=e;this._virtualizer=new In({hostElement:t,layout:r,scroller:s}),this._virtualizer.items=i,this._virtualizer.connected()}_initialize(t,e){let r=t.parentNode;r&&r.nodeType===1&&(r.addEventListener("rangeChanged",s=>{this._first=s.first,this._last=s.last,this.setValue(this.render())}),this._makeVirtualizer(r,e))}disconnected(){this._virtualizer?.disconnected()}reconnected(){this._virtualizer?.connected()}},Mv=lt(kd);var iy=Object.defineProperty,ay=Object.getOwnPropertyDescriptor,Oe=(o,t,e,r)=>{for(var s=r>1?void 0:r?ay(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&iy(t,e,s),s},cy=(o=>(o[o.ITEM=0]="ITEM",o[o.INFORMATION=1]="INFORMATION",o))(cy||{}),Ht=class extends R(E,{validSizes:["s","m","l","xl"],noDefaultSize:!0}){constructor(){super(...arguments),this._renderItem=()=>c``,this.role="grid",this.selected=[],this.selectedSet=new Set,this.items=[],this.itemValue=(t,e)=>`${e}`,this.scroller=!1,this.emphasized=!1,this.quiet=!1}static get styles(){return[Tv]}get renderItem(){return this._renderItem}set renderItem(t){this._renderItem=(e,r)=>{let s=this.itemValue(e,r),i=this.selected.includes(s),a=this.selects&&e?._$rowType$!==1;return c` +`,Ev=J3;Ur();Jt();rl();var qr=class o extends Event{constructor(t){super(o.eventName,{bubbles:!1}),this.first=t.first,this.last=t.last}};qr.eventName="rangeChanged";var jr=class o extends Event{constructor(t){super(o.eventName,{bubbles:!1}),this.first=t.first,this.last=t.last}};jr.eventName="visibilityChanged";var ks=class o extends Event{constructor(){super(o.eventName,{bubbles:!1})}};ks.eventName="unpinned";var yd=class{constructor(t){this._element=null;let e=t??window;this._node=e,t&&(this._element=t)}get element(){return this._element||document.scrollingElement||document.documentElement}get scrollTop(){return this.element.scrollTop||window.scrollY}get scrollLeft(){return this.element.scrollLeft||window.scrollX}get scrollHeight(){return this.element.scrollHeight}get scrollWidth(){return this.element.scrollWidth}get viewportHeight(){return this._element?this._element.getBoundingClientRect().height:window.innerHeight}get viewportWidth(){return this._element?this._element.getBoundingClientRect().width:window.innerWidth}get maxScrollTop(){return this.scrollHeight-this.viewportHeight}get maxScrollLeft(){return this.scrollWidth-this.viewportWidth}},kn=class extends yd{constructor(t,e){super(e),this._clients=new Set,this._retarget=null,this._end=null,this.__destination=null,this.correctingScrollError=!1,this._checkForArrival=this._checkForArrival.bind(this),this._updateManagedScrollTo=this._updateManagedScrollTo.bind(this),this.scrollTo=this.scrollTo.bind(this),this.scrollBy=this.scrollBy.bind(this);let r=this._node;this._originalScrollTo=r.scrollTo,this._originalScrollBy=r.scrollBy,this._originalScroll=r.scroll,this._attach(t)}get _destination(){return this.__destination}get scrolling(){return this._destination!==null}scrollTo(t,e){let r=typeof t=="number"&&typeof e=="number"?{left:t,top:e}:t;this._scrollTo(r)}scrollBy(t,e){let r=typeof t=="number"&&typeof e=="number"?{left:t,top:e}:t;r.top!==void 0&&(r.top+=this.scrollTop),r.left!==void 0&&(r.left+=this.scrollLeft),this._scrollTo(r)}_nativeScrollTo(t){this._originalScrollTo.bind(this._element||window)(t)}_scrollTo(t,e=null,r=null){this._end!==null&&this._end(),t.behavior==="smooth"?(this._setDestination(t),this._retarget=e,this._end=r):this._resetScrollState(),this._nativeScrollTo(t)}_setDestination(t){let{top:e,left:r}=t;return e=e===void 0?void 0:Math.max(0,Math.min(e,this.maxScrollTop)),r=r===void 0?void 0:Math.max(0,Math.min(r,this.maxScrollLeft)),this._destination!==null&&r===this._destination.left&&e===this._destination.top?!1:(this.__destination={top:e,left:r,behavior:"smooth"},!0)}_resetScrollState(){this.__destination=null,this._retarget=null,this._end=null}_updateManagedScrollTo(t){this._destination&&this._setDestination(t)&&this._nativeScrollTo(this._destination)}managedScrollTo(t,e,r){return this._scrollTo(t,e,r),this._updateManagedScrollTo}correctScrollError(t){this.correctingScrollError=!0,requestAnimationFrame(()=>requestAnimationFrame(()=>this.correctingScrollError=!1)),this._nativeScrollTo(t),this._retarget&&this._setDestination(this._retarget()),this._destination&&this._nativeScrollTo(this._destination)}_checkForArrival(){if(this._destination!==null){let{scrollTop:t,scrollLeft:e}=this,{top:r,left:s}=this._destination;r=Math.min(r||0,this.maxScrollTop),s=Math.min(s||0,this.maxScrollLeft);let i=Math.abs(r-t),a=Math.abs(s-e);i<1&&a<1&&(this._end&&this._end(),this._resetScrollState())}}detach(t){return this._clients.delete(t),this._clients.size===0&&(this._node.scrollTo=this._originalScrollTo,this._node.scrollBy=this._originalScrollBy,this._node.scroll=this._originalScroll,this._node.removeEventListener("scroll",this._checkForArrival)),null}_attach(t){this._clients.add(t),this._clients.size===1&&(this._node.scrollTo=this.scrollTo,this._node.scrollBy=this.scrollBy,this._node.scroll=this.scrollTo,this._node.addEventListener("scroll",this._checkForArrival))}};var Mv=window?.ResizeObserver;var En=Symbol("virtualizerRef"),Tn="virtualizer-sizer",Bv,Sn=class{constructor(t){if(this._benchmarkStart=null,this._layout=null,this._clippingAncestors=[],this._scrollSize=null,this._scrollError=null,this._childrenPos=null,this._childMeasurements=null,this._toBeMeasured=new Map,this._rangeChanged=!0,this._itemsChanged=!0,this._visibilityChanged=!0,this._scrollerController=null,this._isScroller=!1,this._sizer=null,this._hostElementRO=null,this._childrenRO=null,this._mutationObserver=null,this._scrollEventListeners=[],this._scrollEventListenerOptions={passive:!0},this._loadListener=this._childLoaded.bind(this),this._scrollIntoViewTarget=null,this._updateScrollIntoViewCoordinates=null,this._items=[],this._first=-1,this._last=-1,this._firstVisible=-1,this._lastVisible=-1,this._scheduled=new WeakSet,this._measureCallback=null,this._measureChildOverride=null,this._layoutCompletePromise=null,this._layoutCompleteResolver=null,this._layoutCompleteRejecter=null,this._pendingLayoutComplete=null,this._layoutInitialized=null,!t)throw new Error("Virtualizer constructor requires a configuration object");if(t.hostElement)this._init(t);else throw new Error('Virtualizer configuration requires the "hostElement" property')}set items(t){Array.isArray(t)&&t!==this._items&&(this._itemsChanged=!0,this._items=t,this._schedule(this._updateLayout))}_init(t){this._isScroller=!!t.scroller,this._initHostElement(t);let e=t.layout||{};this._layoutInitialized=this._initLayout(e)}_initObservers(){this._mutationObserver=new MutationObserver(this._finishDOMUpdate.bind(this)),this._hostElementRO=new Mv(()=>this._hostElementSizeChanged()),this._childrenRO=new Mv(this._childrenSizeChanged.bind(this))}_initHostElement(t){let e=this._hostElement=t.hostElement;this._applyVirtualizerStyles(),e[En]=this}connected(){this._initObservers();let t=this._isScroller;this._clippingAncestors=iy(this._hostElement,t),this._scrollerController=new kn(this,this._clippingAncestors[0]),this._schedule(this._updateLayout),this._observeAndListen()}_observeAndListen(){this._mutationObserver.observe(this._hostElement,{childList:!0}),this._hostElementRO.observe(this._hostElement),this._scrollEventListeners.push(window),window.addEventListener("scroll",this,this._scrollEventListenerOptions),this._clippingAncestors.forEach(t=>{t.addEventListener("scroll",this,this._scrollEventListenerOptions),this._scrollEventListeners.push(t),this._hostElementRO.observe(t)}),this._hostElementRO.observe(this._scrollerController.element),this._children.forEach(t=>this._childrenRO.observe(t)),this._scrollEventListeners.forEach(t=>t.addEventListener("scroll",this,this._scrollEventListenerOptions))}disconnected(){this._scrollEventListeners.forEach(t=>t.removeEventListener("scroll",this,this._scrollEventListenerOptions)),this._scrollEventListeners=[],this._clippingAncestors=[],this._scrollerController?.detach(this),this._scrollerController=null,this._mutationObserver?.disconnect(),this._mutationObserver=null,this._hostElementRO?.disconnect(),this._hostElementRO=null,this._childrenRO?.disconnect(),this._childrenRO=null,this._rejectLayoutCompletePromise("disconnected")}_applyVirtualizerStyles(){let e=this._hostElement.style;e.display=e.display||"block",e.position=e.position||"relative",e.contain=e.contain||"size layout",this._isScroller&&(e.overflow=e.overflow||"auto",e.minHeight=e.minHeight||"150px")}_getSizer(){let t=this._hostElement;if(!this._sizer){let e=t.querySelector(`[${Tn}]`);e||(e=document.createElement("div"),e.setAttribute(Tn,""),t.appendChild(e)),Object.assign(e.style,{position:"absolute",margin:"-2px 0 0 0",padding:0,visibility:"hidden",fontSize:"2px"}),e.textContent=" ",e.setAttribute(Tn,""),this._sizer=e}return this._sizer}async updateLayoutConfig(t){await this._layoutInitialized;let e=t.type||Bv;if(typeof e=="function"&&this._layout instanceof e){let r={...t};return delete r.type,this._layout.config=r,!0}return!1}async _initLayout(t){let e,r;if(typeof t.type=="function"){r=t.type;let s={...t};delete s.type,e=s}else e=t;r===void 0&&(Bv=r=(await Promise.resolve().then(()=>(Pv(),Lv))).FlowLayout),this._layout=new r(s=>this._handleLayoutMessage(s),e),this._layout.measureChildren&&typeof this._layout.updateItemSizes=="function"&&(typeof this._layout.measureChildren=="function"&&(this._measureChildOverride=this._layout.measureChildren),this._measureCallback=this._layout.updateItemSizes.bind(this._layout)),this._layout.listenForChildLoadEvents&&this._hostElement.addEventListener("load",this._loadListener,!0),this._schedule(this._updateLayout)}startBenchmarking(){this._benchmarkStart===null&&(this._benchmarkStart=window.performance.now())}stopBenchmarking(){if(this._benchmarkStart!==null){let t=window.performance.now(),e=t-this._benchmarkStart,s=performance.getEntriesByName("uv-virtualizing","measure").filter(i=>i.startTime>=this._benchmarkStart&&i.startTimei+a.duration,0);return this._benchmarkStart=null,{timeElapsed:e,virtualizationTime:s}}return null}_measureChildren(){let t={},e=this._children,r=this._measureChildOverride||this._measureChild;for(let s=0;sthis._childrenRO.observe(t)),this._checkScrollIntoViewTarget(this._childrenPos),this._positionChildren(this._childrenPos),this._sizeHostElement(this._scrollSize),this._correctScrollError(),this._benchmarkStart&&"mark"in window.performance&&window.performance.mark("uv-end")}_updateLayout(){this._layout&&this._scrollerController&&(this._layout.items=this._items,this._updateView(),this._childMeasurements!==null&&(this._measureCallback&&this._measureCallback(this._childMeasurements),this._childMeasurements=null),this._layout.reflowIfNeeded(),this._benchmarkStart&&"mark"in window.performance&&window.performance.mark("uv-end"))}_handleScrollEvent(){if(this._benchmarkStart&&"mark"in window.performance){try{window.performance.measure("uv-virtualizing","uv-start","uv-end")}catch(t){console.warn("Error measuring performance data: ",t)}window.performance.mark("uv-start")}this._scrollerController.correctingScrollError===!1&&this._layout?.unpin(),this._schedule(this._updateLayout)}handleEvent(t){switch(t.type){case"scroll":(t.currentTarget===window||this._clippingAncestors.includes(t.currentTarget))&&this._handleScrollEvent();break;default:console.warn("event not handled",t)}}_handleLayoutMessage(t){t.type==="stateChanged"?this._updateDOM(t):t.type==="visibilityChanged"?(this._firstVisible=t.firstVisible,this._lastVisible=t.lastVisible,this._notifyVisibility()):t.type==="unpinned"&&this._hostElement.dispatchEvent(new ks)}get _children(){let t=[],e=this._hostElement.firstElementChild;for(;e;)e.hasAttribute(Tn)||t.push(e),e=e.nextElementSibling;return t}_updateView(){let t=this._hostElement,e=this._scrollerController?.element,r=this._layout;if(t&&e&&r){let s,i,a,d,m=t.getBoundingClientRect();s=0,i=0,a=window.innerHeight,d=window.innerWidth;let b=this._clippingAncestors.map(B=>B.getBoundingClientRect());b.unshift(m);for(let B of b)s=Math.max(s,B.top),i=Math.max(i,B.left),a=Math.min(a,B.bottom),d=Math.min(d,B.right);let v=e.getBoundingClientRect(),f={left:m.left-v.left,top:m.top-v.top},k={width:e.scrollWidth,height:e.scrollHeight},z=s-m.top+t.scrollTop,S=i-m.left+t.scrollLeft,M=a-s,q=d-i;r.viewportSize={width:q,height:M},r.viewportScroll={top:z,left:S},r.totalScrollSize=k,r.offsetWithinScroller=f}}_sizeHostElement(t){let r=t&&t.width!==null?Math.min(82e5,t.width):0,s=t&&t.height!==null?Math.min(82e5,t.height):0;if(this._isScroller)this._getSizer().style.transform=`translate(${r}px, ${s}px)`;else{let i=this._hostElement.style;i.minWidth=r?`${r}px`:"100%",i.minHeight=s?`${s}px`:"100%"}}_positionChildren(t){t&&t.forEach(({top:e,left:r,width:s,height:i,xOffset:a,yOffset:d},m)=>{let b=this._children[m-this._first];b&&(b.style.position="absolute",b.style.boxSizing="border-box",b.style.transform=`translate(${r}px, ${e}px)`,s!==void 0&&(b.style.width=s+"px"),i!==void 0&&(b.style.height=i+"px"),b.style.left=a===void 0?null:a+"px",b.style.top=d===void 0?null:d+"px")})}async _adjustRange(t){let{_first:e,_last:r,_firstVisible:s,_lastVisible:i}=this;this._first=t.first,this._last=t.last,this._firstVisible=t.firstVisible,this._lastVisible=t.lastVisible,this._rangeChanged=this._rangeChanged||this._first!==e||this._last!==r,this._visibilityChanged=this._visibilityChanged||this._firstVisible!==s||this._lastVisible!==i}_correctScrollError(){if(this._scrollError){let{scrollTop:t,scrollLeft:e}=this._scrollerController,{top:r,left:s}=this._scrollError;this._scrollError=null,this._scrollerController.correctScrollError({top:t-r,left:e-s})}}element(t){return t===1/0&&(t=this._items.length-1),this._items?.[t]===void 0?void 0:{scrollIntoView:(e={})=>this._scrollElementIntoView({...e,index:t})}}_scrollElementIntoView(t){if(t.index>=this._first&&t.index<=this._last)this._children[t.index-this._first].scrollIntoView(t);else if(t.index=Math.min(t.index,this._items.length-1),t.behavior==="smooth"){let e=this._layout.getScrollIntoViewCoordinates(t),{behavior:r}=t;this._updateScrollIntoViewCoordinates=this._scrollerController.managedScrollTo(Object.assign(e,{behavior:r}),()=>this._layout.getScrollIntoViewCoordinates(t),()=>this._scrollIntoViewTarget=null),this._scrollIntoViewTarget=t}else this._layout.pin=t}_checkScrollIntoViewTarget(t){let{index:e}=this._scrollIntoViewTarget||{};e&&t?.has(e)&&this._updateScrollIntoViewCoordinates(this._layout.getScrollIntoViewCoordinates(this._scrollIntoViewTarget))}_notifyRange(){this._hostElement.dispatchEvent(new qr({first:this._first,last:this._last}))}_notifyVisibility(){this._hostElement.dispatchEvent(new jr({first:this._firstVisible,last:this._lastVisible}))}get layoutComplete(){return this._layoutCompletePromise||(this._layoutCompletePromise=new Promise((t,e)=>{this._layoutCompleteResolver=t,this._layoutCompleteRejecter=e})),this._layoutCompletePromise}_rejectLayoutCompletePromise(t){this._layoutCompleteRejecter!==null&&this._layoutCompleteRejecter(t),this._resetLayoutCompleteState()}_scheduleLayoutComplete(){this._layoutCompletePromise&&this._pendingLayoutComplete===null&&(this._pendingLayoutComplete=requestAnimationFrame(()=>requestAnimationFrame(()=>this._resolveLayoutCompletePromise())))}_resolveLayoutCompletePromise(){this._layoutCompleteResolver!==null&&this._layoutCompleteResolver(),this._resetLayoutCompleteState()}_resetLayoutCompleteState(){this._layoutCompletePromise=null,this._layoutCompleteResolver=null,this._layoutCompleteRejecter=null,this._pendingLayoutComplete=null}_hostElementSizeChanged(){this._schedule(this._updateLayout)}_childLoaded(){}_childrenSizeChanged(t){if(this._layout?.measureChildren){for(let e of t)this._toBeMeasured.set(e.target,e.contentRect);this._measureChildren()}this._scheduleLayoutComplete(),this._itemsChanged=!1,this._rangeChanged=!1}};function oy(o){let t=window.getComputedStyle(o);return{marginTop:In(t.marginTop),marginRight:In(t.marginRight),marginBottom:In(t.marginBottom),marginLeft:In(t.marginLeft)}}function In(o){let t=o?parseFloat(o):NaN;return Number.isNaN(t)?0:t}function Ov(o){if(o.assignedSlot!==null)return o.assignedSlot;if(o.parentElement!==null)return o.parentElement;let t=o.parentNode;return t&&t.nodeType===Node.DOCUMENT_FRAGMENT_NODE&&t.host||null}function sy(o,t=!1){let e=[],r=t?o:Ov(o);for(;r!==null;)e.push(r),r=Ov(r);return e}function iy(o,t=!1){let e=!1;return sy(o,t).filter(r=>{if(e)return!1;let s=getComputedStyle(r);return e=s.position==="fixed",s.overflow!=="visible"})}var ay=o=>o,cy=(o,t)=>c`${t}: ${JSON.stringify(o,null,2)}`,zd=class extends ne{constructor(t){if(super(t),this._virtualizer=null,this._first=0,this._last=-1,this._renderItem=(e,r)=>cy(e,r+this._first),this._keyFunction=(e,r)=>ay(e,r+this._first),this._items=[],t.type!==nt.CHILD)throw new Error("The virtualize directive can only be used in child expressions")}render(t){t&&this._setFunctions(t);let e=[];if(this._first>=0&&this._last>=this._first)for(let r=this._first;r<=this._last;r++)e.push(this._items[r]);return Fo(e,this._keyFunction,this._renderItem)}update(t,[e]){this._setFunctions(e);let r=this._items!==e.items;return this._items=e.items||[],this._virtualizer?this._updateVirtualizerConfig(t,e):this._initialize(t,e),r?tt:this.render()}async _updateVirtualizerConfig(t,e){if(!await this._virtualizer.updateLayoutConfig(e.layout||{})){let s=t.parentNode;this._makeVirtualizer(s,e)}this._virtualizer.items=this._items}_setFunctions(t){let{renderItem:e,keyFunction:r}=t;e&&(this._renderItem=(s,i)=>e(s,i+this._first)),r&&(this._keyFunction=(s,i)=>r(s,i+this._first))}_makeVirtualizer(t,e){this._virtualizer&&this._virtualizer.disconnected();let{layout:r,scroller:s,items:i}=e;this._virtualizer=new Sn({hostElement:t,layout:r,scroller:s}),this._virtualizer.items=i,this._virtualizer.connected()}_initialize(t,e){let r=t.parentNode;r&&r.nodeType===1&&(r.addEventListener("rangeChanged",s=>{this._first=s.first,this._last=s.last,this.setValue(this.render())}),this._makeVirtualizer(r,e))}disconnected(){this._virtualizer?.disconnected()}reconnected(){this._virtualizer?.connected()}},Dv=lt(zd);var ny=Object.defineProperty,ly=Object.getOwnPropertyDescriptor,Oe=(o,t,e,r)=>{for(var s=r>1?void 0:r?ly(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&ny(t,e,s),s},dy=(o=>(o[o.ITEM=0]="ITEM",o[o.INFORMATION=1]="INFORMATION",o))(dy||{}),Ht=class extends R(E,{validSizes:["s","m","l","xl"],noDefaultSize:!0}){constructor(){super(...arguments),this._renderItem=()=>c``,this.role="grid",this.selected=[],this.selectedSet=new Set,this.items=[],this.itemValue=(t,e)=>`${e}`,this.scroller=!1,this.emphasized=!1,this.quiet=!1}static get styles(){return[Ev]}get renderItem(){return this._renderItem}set renderItem(t){this._renderItem=(e,r)=>{let s=this.itemValue(e,r),i=this.selected.includes(s),a=this.selects&&e?._$rowType$!==1;return c` - `}}get tableHead(){return this.querySelector("sp-table-head")}get tableRows(){return this.isVirtualized?[]:[...this.querySelectorAll("sp-table-row")]}get isVirtualized(){return!!this.items.length}focus(){let t=this.querySelector("sp-table-head-cell[sortable]");t&&t.focus()}selectAllRows(){this.isVirtualized?this.items.forEach((t,e)=>{t._$rowType$!==1&&this.selectedSet.add(this.itemValue(t,e))}):this.tableRows.forEach(t=>{t.selected=!0,this.selectedSet.add(t.value)}),this.selected=[...this.selectedSet],this.tableHeadCheckboxCell&&(this.tableHeadCheckboxCell.checked=!0,this.tableHeadCheckboxCell.indeterminate=!1)}deselectAllRows(){this.selectedSet.clear(),this.selected=[],this.isVirtualized||[...this.querySelectorAll("[selected]")].forEach(t=>{t.selected=!1}),this.tableHeadCheckboxCell&&(this.tableHeadCheckboxCell.checked=!1,this.tableHeadCheckboxCell.indeterminate=!1)}manageSelects(){var t;let e=this.querySelectorAll("sp-table-checkbox-cell"),r=document.createElement("sp-table-checkbox-cell");if(this.selects){let s=!1;this.isVirtualized?s=this.selected.length>0&&this.selected.length===this.items.length:(this.tableRows.forEach(i=>{if(i.selected=this.selectedSet.has(i.value),!i.querySelector(":scope > sp-table-checkbox-cell")){let a=r.cloneNode();r.emphasized=this.emphasized,i.insertAdjacentElement("afterbegin",a),r.checked=i.selected}}),s=this.selected.length===this.tableRows.length),this.tableHeadCheckboxCell||(this.tableHeadCheckboxCell=document.createElement("sp-table-checkbox-cell"),this.tableHeadCheckboxCell.headCell=!0,this.tableHeadCheckboxCell.emphasized=this.emphasized,(t=this.tableHead)==null||t.insertAdjacentElement("afterbegin",this.tableHeadCheckboxCell)),this.manageHeadCheckbox(s)}else e.forEach(s=>{s.remove()}),delete this.tableHeadCheckboxCell}validateSelected(){let t=new Set;this.isVirtualized?this.items.forEach((r,s)=>{let i=this.itemValue(r,s);t.add(i)}):this.tableRows.forEach(r=>{t.add(r.value)});let e=this.selected.length;this.selected=this.selected.filter(r=>t.has(r)),e!==this.selected.length&&this.dispatchEvent(new Event("change",{cancelable:!0,bubbles:!0,composed:!0})),this.selectedSet=new Set(this.selected)}manageSelected(){this.validateSelected(),!this.isVirtualized&&(this.tableRows.forEach(t=>{t.selected=this.selectedSet.has(t.value)}),this.tableHeadCheckboxCell&&(this.tableHeadCheckboxCell.checked=this.selected.length===this.tableRows.length))}manageCheckboxes(){var t,e,r;if(this.selects){this.tableHeadCheckboxCell=document.createElement("sp-table-checkbox-cell"),this.tableHeadCheckboxCell.headCell=!0,this.tableHeadCheckboxCell.emphasized=this.emphasized;let s=this.selected.length===this.tableRows.length;this.manageHeadCheckbox(s),(t=this.tableHead)==null||t.insertAdjacentElement("afterbegin",this.tableHeadCheckboxCell),this.tableRows.forEach(i=>{let a=document.createElement("sp-table-checkbox-cell");a.emphasized=this.emphasized,i.insertAdjacentElement("afterbegin",a),i.selected=this.selectedSet.has(i.value),a.checked=i.selected})}else(r=(e=this.tableHead)==null?void 0:e.querySelector("sp-table-checkbox-cell"))==null||r.remove(),this.tableRows.forEach(s=>{var i;(i=s.checkboxCells[0])==null||i.remove(),this.selected.length&&(s.selected=this.selectedSet.has(s.value))})}manageHeadCheckbox(t){this.tableHeadCheckboxCell&&(this.tableHeadCheckboxCell.selectsSingle=this.selects==="single",this.tableHeadCheckboxCell.emphasized=this.emphasized,this.tableHeadCheckboxCell.checked=t,this.tableHeadCheckboxCell.indeterminate=this.selected.length>0&&!t)}handleChange(t){t.stopPropagation();let e=new Set(this.selectedSet),r=[...this.selected],{target:s}=t,{parentElement:i}=s;if(i.value)switch(this.selects){case"single":{this.deselectAllRows(),i.selected&&(this.selectedSet.add(i.value),this.selected=[...this.selectedSet]);break}case"multiple":{i.selected?this.selectedSet.add(i.value):this.selectedSet.delete(i.value),this.selected=[...this.selectedSet];let a=this.selected.length===this.tableRows.length;if(!this.tableHeadCheckboxCell)return;this.tableHeadCheckboxCell.checked=a,this.tableHeadCheckboxCell.indeterminate=this.selected.length>0&&!a;break}default:break}else{let{checkbox:a}=s;if(!a)return;a.checked||a.indeterminate?this.selectAllRows():this.deselectAllRows()}this.dispatchEvent(new Event("change",{cancelable:!0,bubbles:!0,composed:!0}))||(t.preventDefault(),this.selectedSet=e,this.selected=r)}scrollToIndex(t){if(t&&this.tableBody){let e=this.tableBody[Sn].element(t);e&&e.scrollIntoView()}}render(){return c` + `}}get tableHead(){return this.querySelector("sp-table-head")}get tableRows(){return this.isVirtualized?[]:[...this.querySelectorAll("sp-table-row")]}get isVirtualized(){return!!this.items.length}focus(){let t=this.querySelector("sp-table-head-cell[sortable]");t&&t.focus()}selectAllRows(){this.isVirtualized?this.items.forEach((t,e)=>{t._$rowType$!==1&&this.selectedSet.add(this.itemValue(t,e))}):this.tableRows.forEach(t=>{t.selected=!0,this.selectedSet.add(t.value)}),this.selected=[...this.selectedSet],this.tableHeadCheckboxCell&&(this.tableHeadCheckboxCell.checked=!0,this.tableHeadCheckboxCell.indeterminate=!1)}deselectAllRows(){this.selectedSet.clear(),this.selected=[],this.isVirtualized||[...this.querySelectorAll("[selected]")].forEach(t=>{t.selected=!1}),this.tableHeadCheckboxCell&&(this.tableHeadCheckboxCell.checked=!1,this.tableHeadCheckboxCell.indeterminate=!1)}manageSelects(){var t;let e=this.querySelectorAll("sp-table-checkbox-cell"),r=document.createElement("sp-table-checkbox-cell");if(this.selects){let s=!1;this.isVirtualized?s=this.selected.length>0&&this.selected.length===this.items.length:(this.tableRows.forEach(i=>{if(i.selected=this.selectedSet.has(i.value),!i.querySelector(":scope > sp-table-checkbox-cell")){let a=r.cloneNode();r.emphasized=this.emphasized,i.insertAdjacentElement("afterbegin",a),r.checked=i.selected}}),s=this.selected.length===this.tableRows.length),this.tableHeadCheckboxCell||(this.tableHeadCheckboxCell=document.createElement("sp-table-checkbox-cell"),this.tableHeadCheckboxCell.headCell=!0,this.tableHeadCheckboxCell.emphasized=this.emphasized,(t=this.tableHead)==null||t.insertAdjacentElement("afterbegin",this.tableHeadCheckboxCell)),this.manageHeadCheckbox(s)}else e.forEach(s=>{s.remove()}),delete this.tableHeadCheckboxCell}validateSelected(){let t=new Set;this.isVirtualized?this.items.forEach((r,s)=>{let i=this.itemValue(r,s);t.add(i)}):this.tableRows.forEach(r=>{t.add(r.value)});let e=this.selected.length;this.selected=this.selected.filter(r=>t.has(r)),e!==this.selected.length&&this.dispatchEvent(new Event("change",{cancelable:!0,bubbles:!0,composed:!0})),this.selectedSet=new Set(this.selected)}manageSelected(){this.validateSelected(),!this.isVirtualized&&(this.tableRows.forEach(t=>{t.selected=this.selectedSet.has(t.value)}),this.tableHeadCheckboxCell&&(this.tableHeadCheckboxCell.checked=this.selected.length===this.tableRows.length))}manageCheckboxes(){var t,e,r;if(this.selects){this.tableHeadCheckboxCell=document.createElement("sp-table-checkbox-cell"),this.tableHeadCheckboxCell.headCell=!0,this.tableHeadCheckboxCell.emphasized=this.emphasized;let s=this.selected.length===this.tableRows.length;this.manageHeadCheckbox(s),(t=this.tableHead)==null||t.insertAdjacentElement("afterbegin",this.tableHeadCheckboxCell),this.tableRows.forEach(i=>{let a=document.createElement("sp-table-checkbox-cell");a.emphasized=this.emphasized,i.insertAdjacentElement("afterbegin",a),i.selected=this.selectedSet.has(i.value),a.checked=i.selected})}else(r=(e=this.tableHead)==null?void 0:e.querySelector("sp-table-checkbox-cell"))==null||r.remove(),this.tableRows.forEach(s=>{var i;(i=s.checkboxCells[0])==null||i.remove(),this.selected.length&&(s.selected=this.selectedSet.has(s.value))})}manageHeadCheckbox(t){this.tableHeadCheckboxCell&&(this.tableHeadCheckboxCell.selectsSingle=this.selects==="single",this.tableHeadCheckboxCell.emphasized=this.emphasized,this.tableHeadCheckboxCell.checked=t,this.tableHeadCheckboxCell.indeterminate=this.selected.length>0&&!t)}handleChange(t){t.stopPropagation();let e=new Set(this.selectedSet),r=[...this.selected],{target:s}=t,{parentElement:i}=s;if(i.value)switch(this.selects){case"single":{this.deselectAllRows(),i.selected&&(this.selectedSet.add(i.value),this.selected=[...this.selectedSet]);break}case"multiple":{i.selected?this.selectedSet.add(i.value):this.selectedSet.delete(i.value),this.selected=[...this.selectedSet];let a=this.selected.length===this.tableRows.length;if(!this.tableHeadCheckboxCell)return;this.tableHeadCheckboxCell.checked=a,this.tableHeadCheckboxCell.indeterminate=this.selected.length>0&&!a;break}default:break}else{let{checkbox:a}=s;if(!a)return;a.checked||a.indeterminate?this.selectAllRows():this.deselectAllRows()}this.dispatchEvent(new Event("change",{cancelable:!0,bubbles:!0,composed:!0}))||(t.preventDefault(),this.selectedSet=e,this.selected=r)}scrollToIndex(t){if(t&&this.tableBody){let e=this.tableBody[En].element(t);e&&e.scrollIntoView()}}render(){return c` `}willUpdate(t){this.hasUpdated||(this.validateSelected(),this.manageCheckboxes()),t.has("selects")&&this.manageSelects(),t.has("selected")&&this.hasUpdated&&this.manageSelected()}updated(){this.items.length?this.renderVirtualizedItems():this.removeAttribute("aria-rowcount")}renderVirtualizedItems(){if(!this.isConnected)return;this.tableBody||(this.tableBody=this.querySelector("sp-table-body"),this.tableBody||(this.tableBody=document.createElement("sp-table-body"),this.append(this.tableBody)),this.tableBody.addEventListener("rangeChanged",e=>{this.dispatchEvent(new qr({first:e.first,last:e.last}))}),this.tableBody.addEventListener("visibilityChanged",e=>{this.dispatchEvent(new jr({first:e.first,last:e.last}))})),this.setAttribute("aria-rowcount",`${this.items.length}`);let t={items:this.items,renderItem:this.renderItem,scroller:this.scroller};Nr(c` - ${Mv(t)} - `,this.tableBody)}disconnectedCallback(){super.disconnectedCallback()}};Oe([n({reflect:!0})],Ht.prototype,"role",2),Oe([n({type:String,reflect:!0})],Ht.prototype,"selects",2),Oe([n({type:Array})],Ht.prototype,"selected",2),Oe([n({type:Array})],Ht.prototype,"items",2),Oe([n({type:Object})],Ht.prototype,"itemValue",2),Oe([n({type:Boolean,reflect:!0})],Ht.prototype,"scroller",2),Oe([n({type:Boolean,reflect:!0})],Ht.prototype,"emphasized",2),Oe([n({type:Boolean,reflect:!0})],Ht.prototype,"quiet",2),Oe([n({type:String,reflect:!0})],Ht.prototype,"density",2);x();l("sp-table",Ht);p();L();te();p();var ny=y` + ${Dv(t)} + `,this.tableBody)}disconnectedCallback(){super.disconnectedCallback()}};Oe([n({reflect:!0})],Ht.prototype,"role",2),Oe([n({type:String,reflect:!0})],Ht.prototype,"selects",2),Oe([n({type:Array})],Ht.prototype,"selected",2),Oe([n({type:Array})],Ht.prototype,"items",2),Oe([n({type:Object})],Ht.prototype,"itemValue",2),Oe([n({type:Boolean,reflect:!0})],Ht.prototype,"scroller",2),Oe([n({type:Boolean,reflect:!0})],Ht.prototype,"emphasized",2),Oe([n({type:Boolean,reflect:!0})],Ht.prototype,"quiet",2),Oe([n({type:String,reflect:!0})],Ht.prototype,"density",2);x();l("sp-table",Ht);p();L();te();p();var uy=y` :host{display:inline-flex}:host(:not([selected])){display:none} -`,Bv=ny;var ly=Object.defineProperty,dy=Object.getOwnPropertyDescriptor,Ov=(o,t,e,r)=>{for(var s=r>1?void 0:r?dy(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&ly(t,e,s),s},Fr=class extends E{constructor(){super(...arguments),this.selected=!1,this.value=""}handleFocusin(){this.removeAttribute("tabindex")}handleFocusout(){this.tabIndex=this.selected?0:-1}render(){return c` +`,Hv=uy;var my=Object.defineProperty,py=Object.getOwnPropertyDescriptor,Rv=(o,t,e,r)=>{for(var s=r>1?void 0:r?py(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&my(t,e,s),s},Fr=class extends E{constructor(){super(...arguments),this.selected=!1,this.value=""}handleFocusin(){this.removeAttribute("tabindex")}handleFocusout(){this.tabIndex=this.selected?0:-1}render(){return c` - `}firstUpdated(){this.slot="tab-panel",this.setAttribute("role","tabpanel"),this.tabIndex=0,this.hasAttribute("id")||(this.id=`sp-tab-panel-${at()}`)}updated(t){t.has("selected")&&(this.selected?(this.removeAttribute("aria-hidden"),this.tabIndex=0):(this.setAttribute("aria-hidden","true"),this.tabIndex=-1))}};Fr.styles=[Bv],Ov([n({type:Boolean,reflect:!0})],Fr.prototype,"selected",2),Ov([n({type:String,reflect:!0})],Fr.prototype,"value",2);x();l("sp-tab-panel",Fr);p();L();le();Xo();Zo();te();p();var uy=y` + `}firstUpdated(){this.slot="tab-panel",this.setAttribute("role","tabpanel"),this.tabIndex=0,this.hasAttribute("id")||(this.id=`sp-tab-panel-${at()}`)}updated(t){t.has("selected")&&(this.selected?(this.removeAttribute("aria-hidden"),this.tabIndex=0):(this.setAttribute("aria-hidden","true"),this.tabIndex=-1))}};Fr.styles=[Hv],Rv([n({type:Boolean,reflect:!0})],Fr.prototype,"selected",2),Rv([n({type:String,reflect:!0})],Fr.prototype,"value",2);x();l("sp-tab-panel",Fr);p();L();le();Xo();Zo();te();p();var hy=y` :host{box-sizing:border-box;block-size:calc(var(--mod-tabs-item-height,var(--spectrum-tabs-item-height)) - var(--mod-tabs-divider-size,var(--spectrum-tabs-divider-size)));z-index:1;white-space:nowrap;color:var(--highcontrast-tabs-color,var(--mod-tabs-color,var(--spectrum-tabs-color)));transition:color var(--mod-tabs-animation-duration,var(--spectrum-tabs-animation-duration))ease-out;cursor:pointer;outline:none;-webkit-text-decoration:none;text-decoration:none;position:relative}::slotted([slot=icon]){block-size:var(--mod-tabs-icon-size,var(--spectrum-tabs-icon-size));inline-size:var(--mod-tabs-icon-size,var(--spectrum-tabs-icon-size));margin-block-start:var(--mod-tabs-top-to-icon,var(--spectrum-tabs-top-to-icon))}[name=icon]+#item-label{margin-inline-start:var(--mod-tabs-icon-to-text,var(--spectrum-tabs-icon-to-text))}:host:before{content:"";box-sizing:border-box;block-size:calc(100% - var(--mod-tabs-top-to-text,var(--spectrum-tabs-top-to-text)));inline-size:calc(100% + var(--mod-tabs-focus-indicator-gap,var(--spectrum-tabs-focus-indicator-gap))*2);border:var(--mod-tabs-focus-indicator-width,var(--spectrum-tabs-focus-indicator-width))solid transparent;border-radius:var(--mod-tabs-focus-indicator-border-radius,var(--spectrum-tabs-focus-indicator-border-radius));pointer-events:none;position:absolute;inset-block-start:calc(var(--mod-tabs-top-to-text,var(--spectrum-tabs-top-to-text))/2);inset-inline-start:calc(var(--mod-tabs-focus-indicator-gap,var(--spectrum-tabs-focus-indicator-gap))*-1);inset-inline-end:calc(var(--mod-tabs-focus-indicator-gap,var(--spectrum-tabs-focus-indicator-gap))*-1)}@media (hover:hover){:host(:hover){color:var(--highcontrast-tabs-color-hover,var(--mod-tabs-color-hover,var(--spectrum-tabs-color-hover)))}}:host([selected]){color:var(--highcontrast-tabs-color-selected,var(--mod-tabs-color-selected,var(--spectrum-tabs-color-selected)))}:host([disabled]){cursor:default;color:var(--highcontrast-tabs-color-disabled,var(--mod-tabs-color-disabled,var(--spectrum-tabs-color-disabled)))}:host([disabled]) #item-label{cursor:default}:host(:focus-visible){color:var(--highcontrast-tabs-color-key-focus,var(--mod-tabs-color-key-focus,var(--spectrum-tabs-color-key-focus)))}:host(:focus-visible):before{border-color:var(--highcontrast-tabs-focus-indicator-color,var(--mod-tabs-focus-indicator-color,var(--spectrum-tabs-focus-indicator-color)))}#item-label{cursor:pointer;vertical-align:top;font-family:var(--mod-tabs-font-family,var(--spectrum-tabs-font-family));font-style:var(--mod-tabs-font-style,var(--spectrum-tabs-font-style));font-size:var(--mod-tabs-font-size,var(--spectrum-tabs-font-size));font-weight:var(--mod-tabs-font-weight,var(--spectrum-tabs-font-weight));line-height:var(--mod-tabs-line-height,var(--spectrum-tabs-line-height));margin-block-start:var(--mod-tabs-top-to-text,var(--spectrum-tabs-top-to-text));margin-block-end:var(--mod-tabs-bottom-to-text,var(--spectrum-tabs-bottom-to-text));-webkit-text-decoration:none;text-decoration:none;display:inline-block}#item-label:empty{display:none}:host{scroll-margin-inline:var(--mod-tabs-item-horizontal-spacing,var(--spectrum-tabs-item-horizontal-spacing))}:host([disabled]){pointer-events:none}#item-label[hidden]{display:none}@media (forced-colors:active){:host:before{background-color:buttonface}:host ::slotted([slot=icon]){z-index:1;color:inherit;position:relative}#item-label{z-index:1;position:relative}:host([selected]),:host([selected]) ::slotted([slot=icon]),:host([selected]) #item-label{color:highlighttext}}:host([vertical]){flex-direction:column;justify-content:center;align-items:center;height:auto;display:flex}:host([dir][vertical]) slot[name=icon]+#item-label{margin-inline-start:0;margin-block:calc(var(--mod-tabs-top-to-text,var(--spectrum-tabs-top-to-text))/2)calc(var(--mod-tabs-bottom-to-text,var(--spectrum-tabs-bottom-to-text))/2)}:host([vertical]) ::slotted([slot=icon]){margin-block-start:calc(var(--mod-tabs-top-to-icon,var(--spectrum-tabs-top-to-icon))/2)} -`,En=uy;var my=Object.defineProperty,py=Object.getOwnPropertyDescriptor,Cs=(o,t,e,r)=>{for(var s=r>1?void 0:r?py(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&my(t,e,s),s},De=class extends mt(de(Vt(E,'[slot="icon"]'),"")){constructor(){super(...arguments),this.disabled=!1,this.label="",this.selected=!1,this.vertical=!1,this.value=""}static get styles(){return[En]}get hasIcon(){return this.slotContentIsPresent}get hasLabel(){return!!this.label||this.slotHasContent}render(){return c` +`,$n=hy;var by=Object.defineProperty,gy=Object.getOwnPropertyDescriptor,Cs=(o,t,e,r)=>{for(var s=r>1?void 0:r?gy(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&by(t,e,s),s},De=class extends mt(de(Vt(E,'[slot="icon"]'),"")){constructor(){super(...arguments),this.disabled=!1,this.label="",this.selected=!1,this.vertical=!1,this.value=""}static get styles(){return[$n]}get hasIcon(){return this.slotContentIsPresent}get hasLabel(){return!!this.label||this.slotHasContent}render(){return c` ${this.hasIcon?c` `:_} @@ -4609,11 +4638,11 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho ${this.slotHasContent?_:this.label} ${this.label} - `}firstUpdated(t){super.firstUpdated(t),this.setAttribute("role","tab"),this.hasAttribute("id")||(this.id=`sp-tab-${at()}`)}updated(t){super.updated(t),t.has("selected")&&(this.setAttribute("aria-selected",this.selected?"true":"false"),this.setAttribute("tabindex",this.selected?"0":"-1")),t.has("disabled")&&(this.disabled?this.setAttribute("aria-disabled","true"):this.removeAttribute("aria-disabled"))}};Cs([n({type:Boolean,reflect:!0})],De.prototype,"disabled",2),Cs([n({reflect:!0})],De.prototype,"label",2),Cs([n({type:Boolean,reflect:!0})],De.prototype,"selected",2),Cs([n({type:Boolean,reflect:!0})],De.prototype,"vertical",2),Cs([n({type:String,reflect:!0})],De.prototype,"value",2);x();l("sp-tab",De);p();L();J();var $n=class{constructor(t,{target:e,config:r,callback:s,skipInitial:i}){this.t=new Set,this.o=!1,this.i=!1,this.h=t,e!==null&&this.t.add(e??t),this.o=i??this.o,this.callback=s,window.IntersectionObserver?(this.u=new IntersectionObserver(a=>{let d=this.i;this.i=!1,this.o&&d||(this.handleChanges(a),this.h.requestUpdate())},r),t.addController(this)):console.warn("IntersectionController error: browser does not support IntersectionObserver.")}handleChanges(t){this.value=this.callback?.(t,this.u)}hostConnected(){for(let t of this.t)this.observe(t)}hostDisconnected(){this.disconnect()}async hostUpdated(){let t=this.u.takeRecords();t.length&&this.handleChanges(t)}observe(t){this.t.add(t),this.u.observe(t),this.i=!0}unobserve(t){this.t.delete(t),this.u.unobserve(t)}disconnect(){this.u.disconnect()}};var _n=class{constructor(t,{target:e,config:r,callback:s,skipInitial:i}){this.t=new Set,this.o=!1,this.i=!1,this.h=t,e!==null&&this.t.add(e??t),this.l=r,this.o=i??this.o,this.callback=s,window.ResizeObserver?(this.u=new ResizeObserver(a=>{this.handleChanges(a),this.h.requestUpdate()}),t.addController(this)):console.warn("ResizeController error: browser does not support ResizeObserver.")}handleChanges(t){this.value=this.callback?.(t,this.u)}hostConnected(){for(let t of this.t)this.observe(t)}hostDisconnected(){this.disconnect()}async hostUpdated(){!this.o&&this.i&&this.handleChanges([]),this.i=!1}observe(t){this.t.add(t),this.u.observe(t,this.l),this.i=!0,this.h.requestUpdate()}unobserve(t){this.t.delete(t),this.u.unobserve(t)}disconnect(){this.u.disconnect()}};Nt();p();var hy=y` + `}firstUpdated(t){super.firstUpdated(t),this.setAttribute("role","tab"),this.hasAttribute("id")||(this.id=`sp-tab-${at()}`)}updated(t){super.updated(t),t.has("selected")&&(this.setAttribute("aria-selected",this.selected?"true":"false"),this.setAttribute("tabindex",this.selected?"0":"-1")),t.has("disabled")&&(this.disabled?this.setAttribute("aria-disabled","true"):this.removeAttribute("aria-disabled"))}};Cs([n({type:Boolean,reflect:!0})],De.prototype,"disabled",2),Cs([n({reflect:!0})],De.prototype,"label",2),Cs([n({type:Boolean,reflect:!0})],De.prototype,"selected",2),Cs([n({type:Boolean,reflect:!0})],De.prototype,"vertical",2),Cs([n({type:String,reflect:!0})],De.prototype,"value",2);x();l("sp-tab",De);p();L();J();var _n=class{constructor(t,{target:e,config:r,callback:s,skipInitial:i}){this.t=new Set,this.o=!1,this.i=!1,this.h=t,e!==null&&this.t.add(e??t),this.o=i??this.o,this.callback=s,window.IntersectionObserver?(this.u=new IntersectionObserver(a=>{let d=this.i;this.i=!1,this.o&&d||(this.handleChanges(a),this.h.requestUpdate())},r),t.addController(this)):console.warn("IntersectionController error: browser does not support IntersectionObserver.")}handleChanges(t){this.value=this.callback?.(t,this.u)}hostConnected(){for(let t of this.t)this.observe(t)}hostDisconnected(){this.disconnect()}async hostUpdated(){let t=this.u.takeRecords();t.length&&this.handleChanges(t)}observe(t){this.t.add(t),this.u.observe(t),this.i=!0}unobserve(t){this.t.delete(t),this.u.unobserve(t)}disconnect(){this.u.disconnect()}};var An=class{constructor(t,{target:e,config:r,callback:s,skipInitial:i}){this.t=new Set,this.o=!1,this.i=!1,this.h=t,e!==null&&this.t.add(e??t),this.l=r,this.o=i??this.o,this.callback=s,window.ResizeObserver?(this.u=new ResizeObserver(a=>{this.handleChanges(a),this.h.requestUpdate()}),t.addController(this)):console.warn("ResizeController error: browser does not support ResizeObserver.")}handleChanges(t){this.value=this.callback?.(t,this.u)}hostConnected(){for(let t of this.t)this.observe(t)}hostDisconnected(){this.disconnect()}async hostUpdated(){!this.o&&this.i&&this.handleChanges([]),this.i=!1}observe(t){this.t.add(t),this.u.observe(t,this.l),this.i=!0,this.h.requestUpdate()}unobserve(t){this.t.delete(t),this.u.unobserve(t)}disconnect(){this.u.disconnect()}};Nt();p();var vy=y` #list{--spectrum-tabs-item-height:var(--spectrum-tab-item-height-medium);--spectrum-tabs-item-horizontal-spacing:var(--spectrum-tab-item-to-tab-item-horizontal-medium);--spectrum-tabs-item-vertical-spacing:var(--spectrum-tab-item-to-tab-item-vertical-medium);--spectrum-tabs-start-to-edge:var(--spectrum-tab-item-start-to-edge-medium);--spectrum-tabs-top-to-text:var(--spectrum-tab-item-top-to-text-medium);--spectrum-tabs-bottom-to-text:var(--spectrum-tab-item-bottom-to-text-medium);--spectrum-tabs-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-tabs-icon-to-text:var(--spectrum-text-to-visual-100);--spectrum-tabs-top-to-icon:var(--spectrum-tab-item-top-to-workflow-icon-medium);--spectrum-tabs-color:var(--spectrum-neutral-subdued-content-color-default);--spectrum-tabs-color-selected:var(--spectrum-neutral-subdued-content-color-down);--spectrum-tabs-color-hover:var(--spectrum-neutral-subdued-content-color-hover);--spectrum-tabs-color-key-focus:var(--spectrum-neutral-subdued-content-color-key-focus);--spectrum-tabs-color-disabled:var(--spectrum-gray-500);--spectrum-tabs-font-family:var(--spectrum-sans-font-family-stack);--spectrum-tabs-font-style:var(--spectrum-default-font-style);--spectrum-tabs-font-size:var(--spectrum-font-size-100);--spectrum-tabs-line-height:var(--spectrum-line-height-100);--spectrum-tabs-focus-indicator-width:var(--spectrum-focus-indicator-thickness);--spectrum-tabs-focus-indicator-border-radius:var(--spectrum-corner-radius-100);--spectrum-tabs-focus-indicator-gap:var(--spectrum-tab-item-focus-indicator-gap-medium);--spectrum-tabs-focus-indicator-color:var(--spectrum-focus-indicator-color);--spectrum-tabs-selection-indicator-color:var(--spectrum-neutral-subdued-content-color-down);--spectrum-tabs-list-background-direction:top;--spectrum-tabs-divider-size:var(--spectrum-border-width-200);--spectrum-tabs-divider-border-radius:1px;--spectrum-tabs-animation-duration:var(--spectrum-animation-duration-100);--spectrum-tabs-animation-ease:var(--spectrum-animation-ease-in-out)}:host([emphasized]) #list{--mod-tabs-color-selected:var(--mod-tabs-color-selected-emphasized,var(--spectrum-accent-content-color-default));--mod-tabs-color-hover:var(--mod-tabs-color-hover-emphasized,var(--spectrum-accent-content-color-hover));--mod-tabs-color-key-focus:var(--mod-tabs-color-key-focus-emphasized,var(--spectrum-accent-content-color-key-focus));--mod-tabs-selection-indicator-color:var(--mod-tabs-selection-indicator-color-emphasized,var(--spectrum-accent-content-color-default))}:host([direction^=vertical]) #list{--mod-tabs-list-background-direction:var(--mod-tabs-list-background-direction-vertical,right)}:host([direction^=vertical-right]) #list{--mod-tabs-list-background-direction:var(--mod-tabs-list-background-direction-vertical-right,left)}:host([direction^=vertical]) #list:dir(rtl),:host([dir=rtl][direction^=vertical]) #list{--mod-tabs-list-background-direction:var(--mod-tabs-list-background-direction-vertical,left)}:host([direction^=vertical-right]) #list:dir(rtl),:host([dir=rtl][direction^=vertical-right]) #list{--mod-tabs-list-background-direction:var(--mod-tabs-list-background-direction-vertical,right)}:host([compact]) #list{--mod-tabs-item-height:var(--mod-tabs-item-height-compact,var(--spectrum-tab-item-compact-height-medium));--mod-tabs-top-to-text:var(--mod-tabs-top-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-medium));--mod-tabs-bottom-to-text:var(--mod-tabs-bottom-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-medium));--mod-tabs-top-to-icon:var(--mod-tabs-top-to-icon-compact,var(--spectrum-tab-item-top-to-workflow-icon-compact-medium))}#list{z-index:0;vertical-align:top;background:linear-gradient(to var(--mod-tabs-list-background-direction,var(--spectrum-tabs-list-background-direction)),var(--highcontrast-tabs-divider-background-color,var(--mod-tabs-divider-background-color,var(--spectrum-tabs-divider-background-color)))0 var(--mod-tabs-divider-size,var(--spectrum-tabs-divider-size)),transparent var(--mod-tabs-divider-size,var(--spectrum-tabs-divider-size)));margin:0;padding-block:0;display:flex;position:relative}::slotted([selected]:not([slot])){color:var(--highcontrast-tabs-color-selected,var(--mod-tabs-color-selected,var(--spectrum-tabs-color-selected)))}::slotted([disabled]:not([slot])){cursor:default;color:var(--highcontrast-tabs-color-disabled,var(--mod-tabs-color-disabled,var(--spectrum-tabs-color-disabled)))}#selection-indicator{background-color:var(--highcontrast-tabs-selection-indicator-color,var(--mod-tabs-selection-indicator-color,var(--spectrum-tabs-selection-indicator-color)));z-index:0;transition:transform var(--mod-tabs-animation-duration,var(--spectrum-tabs-animation-duration))var(--mod-tabs-animation-ease,var(--spectrum-tabs-animation-ease));transform-origin:0 0;border-radius:var(--mod-tabs-divider-border-radius,var(--spectrum-tabs-divider-border-radius));position:absolute;inset-inline-start:0}:host([direction^=horizontal]) #list{align-items:center}:host([direction^=horizontal]) #list ::slotted(:not([slot])){vertical-align:top}:host([direction^=horizontal]) ::slotted(:not(:first-child)){margin-inline-start:var(--mod-tabs-item-horizontal-spacing,var(--spectrum-tabs-item-horizontal-spacing))}:host([direction^=horizontal]) #list #selection-indicator{block-size:var(--mod-tabs-divider-size,var(--spectrum-tabs-divider-size));position:absolute;inset-block-end:0}:host([direction^=horizontal][compact]) #list{box-sizing:initial;align-items:end}:host([quiet]) #list{background:0 0;border-color:#0000;display:inline-flex}:host([quiet]) #selection-indicator{padding-inline-start:var(--mod-tabs-start-to-item-quiet)}:host([direction^=vertical]) #list,:host([direction^=vertical-right]) #list{flex-direction:column;padding:0;display:inline-flex}:host([direction^=vertical-right][quiet]) #list,:host([direction^=vertical][quiet]) #list{border-color:#0000}:host([direction^=vertical]) #list ::slotted(:not([slot])),:host([direction^=vertical-right]) #list ::slotted(:not([slot])){block-size:var(--mod-tabs-item-height,var(--spectrum-tabs-item-height));line-height:var(--mod-tabs-item-height,var(--spectrum-tabs-item-height));margin-block-end:var(--mod-tabs-item-vertical-spacing,var(--spectrum-tabs-item-vertical-spacing));margin-inline-start:var(--mod-tabs-start-to-edge,var(--spectrum-tabs-start-to-edge));margin-inline-end:var(--mod-tabs-start-to-edge,var(--spectrum-tabs-start-to-edge));padding-block:0}:host([direction^=vertical]) #list ::slotted(:not([slot])):before,:host([direction^=vertical-right]) #list ::slotted(:not([slot])):before{inset-inline-start:calc(var(--mod-tabs-focus-indicator-gap,var(--spectrum-tabs-focus-indicator-gap))*-1)}:host([direction^=vertical]) #list #selection-indicator,:host([direction^=vertical-right]) #list #selection-indicator{inline-size:var(--mod-tabs-divider-size,var(--spectrum-tabs-divider-size));position:absolute;inset-block-start:0;inset-inline-start:0}:host([direction^=vertical-right]) #list #selection-indicator{inset-inline:auto 0}@media (forced-colors:active){#list{--highcontrast-tabs-divider-background-color:var(--spectrum-gray-500);--highcontrast-tabs-selection-indicator-color:Highlight;--highcontrast-tabs-focus-indicator-color:CanvasText;--highcontrast-tabs-focus-indicator-background-color:Highlight;--highcontrast-tabs-color:ButtonText;--highcontrast-tabs-color-hover:ButtonText;--highcontrast-tabs-color-selected:HighlightText;--highcontrast-tabs-color-key-focus:ButtonText;--highcontrast-tabs-color-disabled:GrayText;forced-color-adjust:none}#list ::slotted([selected]:not([slot])):before{background-color:var(--highcontrast-tabs-focus-indicator-background-color)}:host([direction^=vertical][compact]) #list #list ::slotted(:not([slot])):before{block-size:100%;inset-block-start:0}:host([quiet]) #list{background:linear-gradient(to var(--mod-tabs-list-background-direction,var(--spectrum-tabs-list-background-direction)),var(--highcontrast-tabs-divider-background-color,var(--mod-tabs-divider-background-color,var(--spectrum-tabs-divider-background-color)))0 var(--mod-tabs-divider-size,var(--spectrum-tabs-divider-size)),transparent var(--mod-tabs-divider-size,var(--spectrum-tabs-divider-size)))}}#list{--spectrum-tabs-font-weight:var(--system-tabs-font-weight);--spectrum-tabs-divider-background-color:var(--system-tabs-divider-background-color)}:host{grid-template-columns:100%;display:grid;position:relative}:host(:not([direction^=vertical])){grid-template-rows:auto 1fr}:host([direction^=vertical]){grid-template-columns:auto 1fr}:host([dir=rtl]) #selection-indicator{left:0;right:auto}:host([direction=vertical-right]) #list #selection-indicator{inset-inline:auto 0}#list{justify-content:var(--swc-tabs-list-justify-content)}:host([disabled]) #list{pointer-events:none}:host([disabled]) #list #selection-indicator{background-color:var(--mod-tabs-color-disabled,var(--spectrum-tabs-color-disabled))}:host([disabled]) ::slotted(sp-tab){color:var(--mod-tabs-color-disabled,var(--spectrum-tabs-color-disabled))}:host([direction=vertical-right]) #list #selection-indicator,:host([direction=vertical]) #list #selection-indicator{inset-block-start:0}#selection-indicator.first-position{transition:none}:host([dir][direction=horizontal]) #list.scroll{scrollbar-width:none;overflow:auto hidden}:host([dir][direction=horizontal]) #list.scroll::-webkit-scrollbar{display:none} -`,An=hy;p();var by=y` +`,Ln=vy;p();var fy=y` :host([size=s]) #list{--spectrum-tabs-item-height:var(--spectrum-tab-item-height-small);--spectrum-tabs-item-horizontal-spacing:var(--spectrum-tab-item-to-tab-item-horizontal-small);--spectrum-tabs-item-vertical-spacing:var(--spectrum-tab-item-to-tab-item-vertical-small);--spectrum-tabs-start-to-edge:var(--spectrum-tab-item-start-to-edge-small);--spectrum-tabs-top-to-text:var(--spectrum-tab-item-top-to-text-small);--spectrum-tabs-bottom-to-text:var(--spectrum-tab-item-bottom-to-text-small);--spectrum-tabs-icon-size:var(--spectrum-workflow-icon-size-50);--spectrum-tabs-icon-to-text:var(--spectrum-text-to-visual-75);--spectrum-tabs-top-to-icon:var(--spectrum-tab-item-top-to-workflow-icon-small);--spectrum-tabs-focus-indicator-gap:var(--spectrum-tab-item-focus-indicator-gap-small);--spectrum-tabs-font-size:var(--spectrum-font-size-75)}:host([size=l]) #list{--spectrum-tabs-item-height:var(--spectrum-tab-item-height-large);--spectrum-tabs-item-horizontal-spacing:var(--spectrum-tab-item-to-tab-item-horizontal-large);--spectrum-tabs-item-vertical-spacing:var(--spectrum-tab-item-to-tab-item-vertical-large);--spectrum-tabs-start-to-edge:var(--spectrum-tab-item-start-to-edge-large);--spectrum-tabs-top-to-text:var(--spectrum-tab-item-top-to-text-large);--spectrum-tabs-bottom-to-text:var(--spectrum-tab-item-bottom-to-text-large);--spectrum-tabs-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-tabs-icon-to-text:var(--spectrum-text-to-visual-200);--spectrum-tabs-top-to-icon:var(--spectrum-tab-item-top-to-workflow-icon-large);--spectrum-tabs-focus-indicator-gap:var(--spectrum-tab-item-focus-indicator-gap-large);--spectrum-tabs-font-size:var(--spectrum-font-size-200)}:host([size=xl]) #list{--spectrum-tabs-item-height:var(--spectrum-tab-item-height-extra-large);--spectrum-tabs-item-horizontal-spacing:var(--spectrum-tab-item-to-tab-item-horizontal-extra-large);--spectrum-tabs-item-vertical-spacing:var(--spectrum-tab-item-to-tab-item-vertical-extra-large);--spectrum-tabs-start-to-edge:var(--spectrum-tab-item-start-to-edge-extra-large);--spectrum-tabs-top-to-text:var(--spectrum-tab-item-top-to-text-extra-large);--spectrum-tabs-bottom-to-text:var(--spectrum-tab-item-bottom-to-text-extra-large);--spectrum-tabs-icon-size:var(--spectrum-workflow-icon-size-200);--spectrum-tabs-icon-to-text:var(--spectrum-text-to-visual-300);--spectrum-tabs-top-to-icon:var(--spectrum-tab-item-top-to-workflow-icon-extra-large);--spectrum-tabs-focus-indicator-gap:var(--spectrum-tab-item-focus-indicator-gap-extra-large);--spectrum-tabs-font-size:var(--spectrum-font-size-300)}:host([size=s]) #list.spectrum-Tabs--compact{--mod-tabs-item-height:var(--mod-tabs-item-height-compact,var(--spectrum-tab-item-compact-height-small));--mod-tabs-top-to-text:var(--mod-tabs-top-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-small));--mod-tabs-bottom-to-text:var(--mod-tabs-bottom-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-small));--mod-tabs-top-to-icon:var(--mod-tabs-top-to-icon-compact,var(--spectrum-tab-item-top-to-workflow-icon-compact-small))}:host([size=l]) #list.spectrum-Tabs--compact{--mod-tabs-item-height:var(--mod-tabs-item-height-compact,var(--spectrum-tab-item-compact-height-large));--mod-tabs-top-to-text:var(--mod-tabs-top-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-large));--mod-tabs-bottom-to-text:var(--mod-tabs-bottom-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-large));--mod-tabs-top-to-icon:var(--mod-tabs-top-to-icon-compact,var(--spectrum-tab-item-top-to-workflow-icon-compact-large))}:host([size=xl]) #list.spectrum-Tabs--compact{--mod-tabs-item-height:var(--mod-tabs-item-height-compact,var(--spectrum-tab-item-compact-height-extra-large));--mod-tabs-top-to-text:var(--mod-tabs-top-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-extra-large));--mod-tabs-bottom-to-text:var(--mod-tabs-bottom-to-text-compact,var(--spectrum-tab-item-top-to-text-compact-extra-large));--mod-tabs-top-to-icon:var(--mod-tabs-top-to-icon-compact,var(--spectrum-tab-item-top-to-workflow-icon-compact-extra-large))} -`,Ln=by;var gy=Object.defineProperty,vy=Object.getOwnPropertyDescriptor,Rt=(o,t,e,r)=>{for(var s=r>1?void 0:r?vy(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&gy(t,e,s),s},ir={baseSize:100,noSelectionStyle:"transform: translateX(0px) scaleX(0) scaleY(0)",transformX(o,t){let e=t/this.baseSize;return`transform: translateX(${o}px) scaleX(${e});`},transformY(o,t){let e=t/this.baseSize;return`transform: translateY(${o}px) scaleY(${e});`},baseStyles(){return y` +`,Pn=fy;var xy=Object.defineProperty,yy=Object.getOwnPropertyDescriptor,Rt=(o,t,e,r)=>{for(var s=r>1?void 0:r?yy(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&xy(t,e,s),s},ir={baseSize:100,noSelectionStyle:"transform: translateX(0px) scaleX(0) scaleY(0)",transformX(o,t){let e=t/this.baseSize;return`transform: translateX(${o}px) scaleX(${e});`},transformY(o,t){let e=t/this.baseSize;return`transform: translateY(${o}px) scaleY(${e});`},baseStyles(){return y` :host([direction='vertical-right']) #selection-indicator, :host([direction='vertical']) #selection-indicator { height: ${this.baseSize}px; @@ -4621,7 +4650,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho :host([dir][direction='horizontal']) #selection-indicator { width: ${this.baseSize}px; } - `}};function fy(o,t,e,r){let s=o+(t==="rtl"?-1:1),i=e[s],a=r.scrollLeft+r.offsetWidth;return i?i.offsetLeft-r.offsetWidth:a}function xy(o,t,e,r){let s=o+(t==="rtl"?1:-1),i=e[s],a=t==="rtl"?-r.offsetWidth:0;return i?i.offsetLeft+i.offsetWidth:a}var gt=class extends R(et,{noDefaultSize:!0}){constructor(){super(),this.auto=!1,this.compact=!1,this.direction="horizontal",this.emphasized=!1,this.label="",this.enableTabsScroll=!1,this.quiet=!1,this.selectionIndicatorStyle=ir.noSelectionStyle,this.shouldAnimate=!1,this.selected="",this._tabs=[],this.resizeController=new _n(this,{callback:()=>{this.updateSelectionIndicator()}}),this.rovingTabindexController=new $t(this,{focusInIndex:t=>{let e=0;return t.find((r,s)=>{let i=this.selected?r.value===this.selected:!r.disabled;return e=s,i})?e:-1},direction:()=>"both",elementEnterAction:t=>{this.auto&&(this.shouldAnimate=!0,this.selectTarget(t))},elements:()=>this.tabs,isFocusableElement:t=>!this.disabled&&!t.disabled,listenerScope:()=>this.tabList}),this.onTabsScroll=()=>{this.dispatchEvent(new Event("sp-tabs-scroll",{bubbles:!0,composed:!0}))},this.onClick=t=>{if(this.disabled)return;let e=t.composedPath().find(r=>r.parentElement===this);!e||e.disabled||(this.shouldAnimate=!0,this.selectTarget(e))},this.onKeyDown=t=>{if(t.code==="Enter"||t.code==="Space"){t.preventDefault();let e=t.target;e&&this.selectTarget(e)}},this.updateCheckedState=()=>{if(this.tabs.forEach(t=>{t.removeAttribute("selected")}),this.selected){let t=this.tabs.find(e=>e.value===this.selected);t?t.selected=!0:this.selected=""}else{let t=this.tabs[0];t&&t.setAttribute("tabindex","0")}this.updateSelectionIndicator()},this.updateSelectionIndicator=async()=>{let t=this.tabs.find(s=>s.selected);if(!t){this.selectionIndicatorStyle=ir.noSelectionStyle;return}await Promise.all([t.updateComplete,document.fonts?document.fonts.ready:Promise.resolve()]);let{width:e,height:r}=t.getBoundingClientRect();this.selectionIndicatorStyle=this.direction==="horizontal"?ir.transformX(t.offsetLeft,e):ir.transformY(t.offsetTop,r)},new $n(this,{config:{root:null,rootMargin:"0px",threshold:[0,1]},callback:()=>{this.updateSelectionIndicator()}})}static get styles(){return[Ln,An,ir.baseStyles()]}set tabs(t){t!==this.tabs&&(this._tabs.forEach(e=>{this.resizeController.unobserve(e)}),t.forEach(e=>{this.resizeController.observe(e)}),this._tabs=t,this.rovingTabindexController.clearElementCache())}get tabs(){return this._tabs}get focusElement(){return this.rovingTabindexController.focusInElement||this}limitDeltaToInterval(t,e){return r=>re?e:r}scrollTabs(t,e="smooth"){var r;if(t===0)return;let{scrollLeft:s,clientWidth:i,scrollWidth:a}=this.tabList,d=a-i-Math.abs(s),m=this.dir==="ltr"?this.limitDeltaToInterval(-s,d):this.limitDeltaToInterval(-d,Math.abs(s));(r=this.tabList)==null||r.scrollBy({left:m(t),top:0,behavior:e})}get scrollState(){if(this.tabList){let{scrollLeft:t,clientWidth:e,scrollWidth:r}=this.tabList,s=Math.abs(t)>0,i=Math.ceil(Math.abs(t))typeof r.updateComplete<"u"?r.updateComplete:Promise.resolve(!0));return await Promise.all(e),t}getNecessaryAutoScroll(t){let e=this.tabs[t],r=e.offsetLeft+e.offsetWidth,s=this.tabList.scrollLeft+this.tabList.offsetWidth,i=e.offsetLeft,a=this.tabList.scrollLeft;return r>s?fy(t,this.dir,this.tabs,this.tabList):ie.value===this.selected);if(t!==-1&&this.tabList){let e=this.getNecessaryAutoScroll(t);e!==-1&&this.tabList.scrollTo({left:e})}}updated(t){super.updated(t),t.has("selected")&&this.scrollToSelection()}managePanels({target:t}){t.assignedElements().map(e=>{let{value:r,id:s}=e,i=this.querySelector(`[role="tab"][value="${r}"]`);i&&(i.setAttribute("aria-controls",s),e.setAttribute("aria-labelledby",i.id)),e.selected=r===this.selected})}render(){return c` + `}};function wy(o,t,e,r){let s=o+(t==="rtl"?-1:1),i=e[s],a=r.scrollLeft+r.offsetWidth;return i?i.offsetLeft-r.offsetWidth:a}function ky(o,t,e,r){let s=o+(t==="rtl"?1:-1),i=e[s],a=t==="rtl"?-r.offsetWidth:0;return i?i.offsetLeft+i.offsetWidth:a}var gt=class extends R(et,{noDefaultSize:!0}){constructor(){super(),this.auto=!1,this.compact=!1,this.direction="horizontal",this.emphasized=!1,this.label="",this.enableTabsScroll=!1,this.quiet=!1,this.selectionIndicatorStyle=ir.noSelectionStyle,this.shouldAnimate=!1,this.selected="",this._tabs=[],this.resizeController=new An(this,{callback:()=>{this.updateSelectionIndicator()}}),this.rovingTabindexController=new $t(this,{focusInIndex:t=>{let e=0;return t.find((r,s)=>{let i=this.selected?r.value===this.selected:!r.disabled;return e=s,i})?e:-1},direction:()=>"both",elementEnterAction:t=>{this.auto&&(this.shouldAnimate=!0,this.selectTarget(t))},elements:()=>this.tabs,isFocusableElement:t=>!this.disabled&&!t.disabled,listenerScope:()=>this.tabList}),this.onTabsScroll=()=>{this.dispatchEvent(new Event("sp-tabs-scroll",{bubbles:!0,composed:!0}))},this.onClick=t=>{if(this.disabled)return;let e=t.composedPath().find(r=>r.parentElement===this);!e||e.disabled||(this.shouldAnimate=!0,this.selectTarget(e))},this.onKeyDown=t=>{if(t.code==="Enter"||t.code==="Space"){t.preventDefault();let e=t.target;e&&this.selectTarget(e)}},this.updateCheckedState=()=>{if(this.tabs.forEach(t=>{t.removeAttribute("selected")}),this.selected){let t=this.tabs.find(e=>e.value===this.selected);t?t.selected=!0:this.selected=""}else{let t=this.tabs[0];t&&t.setAttribute("tabindex","0")}this.updateSelectionIndicator()},this.updateSelectionIndicator=async()=>{let t=this.tabs.find(s=>s.selected);if(!t){this.selectionIndicatorStyle=ir.noSelectionStyle;return}await Promise.all([t.updateComplete,document.fonts?document.fonts.ready:Promise.resolve()]);let{width:e,height:r}=t.getBoundingClientRect();this.selectionIndicatorStyle=this.direction==="horizontal"?ir.transformX(t.offsetLeft,e):ir.transformY(t.offsetTop,r)},new _n(this,{config:{root:null,rootMargin:"0px",threshold:[0,1]},callback:()=>{this.updateSelectionIndicator()}})}static get styles(){return[Pn,Ln,ir.baseStyles()]}set tabs(t){t!==this.tabs&&(this._tabs.forEach(e=>{this.resizeController.unobserve(e)}),t.forEach(e=>{this.resizeController.observe(e)}),this._tabs=t,this.rovingTabindexController.clearElementCache())}get tabs(){return this._tabs}get focusElement(){return this.rovingTabindexController.focusInElement||this}limitDeltaToInterval(t,e){return r=>re?e:r}scrollTabs(t,e="smooth"){var r;if(t===0)return;let{scrollLeft:s,clientWidth:i,scrollWidth:a}=this.tabList,d=a-i-Math.abs(s),m=this.dir==="ltr"?this.limitDeltaToInterval(-s,d):this.limitDeltaToInterval(-d,Math.abs(s));(r=this.tabList)==null||r.scrollBy({left:m(t),top:0,behavior:e})}get scrollState(){if(this.tabList){let{scrollLeft:t,clientWidth:e,scrollWidth:r}=this.tabList,s=Math.abs(t)>0,i=Math.ceil(Math.abs(t))typeof r.updateComplete<"u"?r.updateComplete:Promise.resolve(!0));return await Promise.all(e),t}getNecessaryAutoScroll(t){let e=this.tabs[t],r=e.offsetLeft+e.offsetWidth,s=this.tabList.scrollLeft+this.tabList.offsetWidth,i=e.offsetLeft,a=this.tabList.scrollLeft;return r>s?wy(t,this.dir,this.tabs,this.tabList):ie.value===this.selected);if(t!==-1&&this.tabList){let e=this.getNecessaryAutoScroll(t);e!==-1&&this.tabList.scrollTo({left:e})}}updated(t){super.updated(t),t.has("selected")&&this.scrollToSelection()}managePanels({target:t}){t.assignedElements().map(e=>{let{value:r,id:s}=e,i=this.querySelector(`[role="tab"][value="${r}"]`);i&&(i.setAttribute("aria-controls",s),e.setAttribute("aria-labelledby",i.id)),e.selected=r===this.selected})}render(){return c`
- `}willUpdate(t){if(!this.hasUpdated){let e=this.querySelector(":scope > [selected]");e&&this.selectTarget(e)}if(super.willUpdate(t),t.has("selected")){if(this.tabs.length&&this.updateCheckedState(),t.get("selected")){let r=this.querySelector(`[role="tabpanel"][value="${t.get("selected")}"]`);r&&(r.selected=!1)}let e=this.querySelector(`[role="tabpanel"][value="${this.selected}"]`);e&&(e.selected=!0)}t.has("direction")&&(this.direction==="horizontal"?this.removeAttribute("aria-orientation"):this.setAttribute("aria-orientation","vertical")),t.has("dir")&&this.updateSelectionIndicator(),t.has("disabled")&&(this.disabled?this.setAttribute("aria-disabled","true"):this.removeAttribute("aria-disabled")),!this.shouldAnimate&&typeof t.get("shouldAnimate")<"u"&&(this.shouldAnimate=!0)}selectTarget(t){let e=t.getAttribute("value");if(e){let r=this.selected;this.selected=e,this.dispatchEvent(new Event("change",{cancelable:!0}))||(this.selected=r)}}onSlotChange(){this.tabs=this.slotEl.assignedElements().filter(t=>t.getAttribute("role")==="tab"),this.updateCheckedState()}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this.updateSelectionIndicator),"fonts"in document&&document.fonts.addEventListener("loadingdone",this.updateSelectionIndicator)}disconnectedCallback(){window.removeEventListener("resize",this.updateSelectionIndicator),"fonts"in document&&document.fonts.removeEventListener("loadingdone",this.updateSelectionIndicator),super.disconnectedCallback()}};Rt([n({type:Boolean})],gt.prototype,"auto",2),Rt([n({type:Boolean,reflect:!0})],gt.prototype,"compact",2),Rt([n({reflect:!0})],gt.prototype,"dir",2),Rt([n({reflect:!0})],gt.prototype,"direction",2),Rt([n({type:Boolean,reflect:!0})],gt.prototype,"emphasized",2),Rt([n()],gt.prototype,"label",2),Rt([n({type:Boolean})],gt.prototype,"enableTabsScroll",2),Rt([n({type:Boolean,reflect:!0})],gt.prototype,"quiet",2),Rt([n({attribute:!1})],gt.prototype,"selectionIndicatorStyle",2),Rt([n({attribute:!1})],gt.prototype,"shouldAnimate",2),Rt([P("slot")],gt.prototype,"slotEl",2),Rt([P("#list")],gt.prototype,"tabList",2),Rt([n({reflect:!0})],gt.prototype,"selected",2);x();l("sp-tabs",gt);p();L();p();var yy=y` + `}willUpdate(t){if(!this.hasUpdated){let e=this.querySelector(":scope > [selected]");e&&this.selectTarget(e)}if(super.willUpdate(t),t.has("selected")){if(this.tabs.length&&this.updateCheckedState(),t.get("selected")){let r=this.querySelector(`[role="tabpanel"][value="${t.get("selected")}"]`);r&&(r.selected=!1)}let e=this.querySelector(`[role="tabpanel"][value="${this.selected}"]`);e&&(e.selected=!0)}t.has("direction")&&(this.direction==="horizontal"?this.removeAttribute("aria-orientation"):this.setAttribute("aria-orientation","vertical")),t.has("dir")&&this.updateSelectionIndicator(),t.has("disabled")&&(this.disabled?this.setAttribute("aria-disabled","true"):this.removeAttribute("aria-disabled")),!this.shouldAnimate&&typeof t.get("shouldAnimate")<"u"&&(this.shouldAnimate=!0)}selectTarget(t){let e=t.getAttribute("value");if(e){let r=this.selected;this.selected=e,this.dispatchEvent(new Event("change",{cancelable:!0}))||(this.selected=r)}}onSlotChange(){this.tabs=this.slotEl.assignedElements().filter(t=>t.getAttribute("role")==="tab"),this.updateCheckedState()}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this.updateSelectionIndicator),"fonts"in document&&document.fonts.addEventListener("loadingdone",this.updateSelectionIndicator)}disconnectedCallback(){window.removeEventListener("resize",this.updateSelectionIndicator),"fonts"in document&&document.fonts.removeEventListener("loadingdone",this.updateSelectionIndicator),super.disconnectedCallback()}};Rt([n({type:Boolean})],gt.prototype,"auto",2),Rt([n({type:Boolean,reflect:!0})],gt.prototype,"compact",2),Rt([n({reflect:!0})],gt.prototype,"dir",2),Rt([n({reflect:!0})],gt.prototype,"direction",2),Rt([n({type:Boolean,reflect:!0})],gt.prototype,"emphasized",2),Rt([n()],gt.prototype,"label",2),Rt([n({type:Boolean})],gt.prototype,"enableTabsScroll",2),Rt([n({type:Boolean,reflect:!0})],gt.prototype,"quiet",2),Rt([n({attribute:!1})],gt.prototype,"selectionIndicatorStyle",2),Rt([n({attribute:!1})],gt.prototype,"shouldAnimate",2),Rt([P("slot")],gt.prototype,"slotEl",2),Rt([P("#list")],gt.prototype,"tabList",2),Rt([n({reflect:!0})],gt.prototype,"selected",2);x();l("sp-tabs",gt);p();L();p();var zy=y` :host{--spectrum-avatar-opacity-disabled:.3;--spectrum-tag-animation-duration:var(--spectrum-animation-duration-100);--spectrum-tag-border-width:var(--spectrum-border-width-100);--spectrum-tag-focus-ring-thickness:var(--spectrum-focus-indicator-thickness);--spectrum-tag-focus-ring-gap:var(--spectrum-focus-indicator-gap);--spectrum-tag-focus-ring-color:var(--spectrum-focus-indicator-color);--spectrum-tag-label-line-height:var(--spectrum-line-height-100);--spectrum-tag-label-font-weight:var(--spectrum-regular-font-weight);--spectrum-tag-background-color-selected:var(--spectrum-neutral-background-color-selected-default);--spectrum-tag-background-color-selected-hover:var(--spectrum-neutral-background-color-selected-hover);--spectrum-tag-background-color-selected-active:var(--spectrum-neutral-background-color-selected-down);--spectrum-tag-background-color-selected-focus:var(--spectrum-neutral-background-color-selected-key-focus);--spectrum-tag-border-color-invalid:var(--spectrum-negative-color-900);--spectrum-tag-border-color-invalid-hover:var(--spectrum-negative-color-1000);--spectrum-tag-border-color-invalid-active:var(--spectrum-negative-color-1100);--spectrum-tag-border-color-invalid-focus:var(--spectrum-negative-color-1000);--spectrum-tag-content-color-invalid:var(--spectrum-negative-content-color-default);--spectrum-tag-content-color-invalid-hover:var(--spectrum-negative-content-color-hover);--spectrum-tag-content-color-invalid-active:var(--spectrum-negative-content-color-down);--spectrum-tag-content-color-invalid-focus:var(--spectrum-negative-content-color-key-focus);--spectrum-tag-border-color-invalid-selected:var(--spectrum-negative-background-color-default);--spectrum-tag-border-color-invalid-selected-hover:var(--spectrum-negative-background-color-hover);--spectrum-tag-border-color-invalid-selected-focus:var(--spectrum-negative-background-color-down);--spectrum-tag-border-color-invalid-selected-active:var(--spectrum-negative-background-color-key-focus);--spectrum-tag-background-color-invalid-selected:var(--spectrum-negative-background-color-default);--spectrum-tag-background-color-invalid-selected-hover:var(--spectrum-negative-background-color-hover);--spectrum-tag-background-color-invalid-selected-active:var(--spectrum-negative-background-color-down);--spectrum-tag-background-color-invalid-selected-focus:var(--spectrum-negative-background-color-key-focus);--spectrum-tag-content-color-invalid-selected:var(--spectrum-white);--spectrum-tag-border-color-emphasized:var(--spectrum-accent-background-color-default);--spectrum-tag-border-color-emphasized-hover:var(--spectrum-accent-background-color-hover);--spectrum-tag-border-color-emphasized-active:var(--spectrum-accent-background-color-down);--spectrum-tag-border-color-emphasized-focus:var(--spectrum-accent-background-color-key-focus);--spectrum-tag-background-color-emphasized:var(--spectrum-accent-background-color-default);--spectrum-tag-background-color-emphasized-hover:var(--spectrum-accent-background-color-hover);--spectrum-tag-background-color-emphasized-active:var(--spectrum-accent-background-color-down);--spectrum-tag-background-color-emphasized-focus:var(--spectrum-accent-background-color-key-focus);--spectrum-tag-content-color-emphasized:var(--spectrum-white);--spectrum-tag-content-color-disabled:var(--spectrum-disabled-content-color)}:host,:host{--spectrum-tag-height:var(--spectrum-component-height-100);--spectrum-tag-font-size:var(--spectrum-font-size-100);--spectrum-tag-icon-size:var(--spectrum-workflow-icon-size-100);--spectrum-tag-clear-button-spacing-inline-start:var(--spectrum-text-to-visual-100);--spectrum-tag-clear-button-spacing-block:var(--spectrum-tag-top-to-cross-icon-medium);--spectrum-tag-icon-spacing-block-start:var(--spectrum-component-top-to-workflow-icon-100);--spectrum-tag-icon-spacing-block-end:var(--spectrum-component-top-to-workflow-icon-100);--spectrum-tag-icon-spacing-inline-end:var(--spectrum-text-to-visual-100);--spectrum-tag-avatar-spacing-block-start:var(--spectrum-tag-top-to-avatar-medium);--spectrum-tag-avatar-spacing-block-end:var(--spectrum-tag-top-to-avatar-medium);--spectrum-tag-avatar-spacing-inline-end:var(--spectrum-text-to-visual-100);--spectrum-tag-label-spacing-block:var(--spectrum-component-top-to-text-100);--spectrum-tag-corner-radius:var(--spectrum-tag-size-medium-corner-radius);--spectrum-tag-spacing-inline-start:var(--spectrum-tag-size-medium-spacing-inline-start);--spectrum-tag-label-spacing-inline-end:var(--spectrum-tag-size-medium-label-spacing-inline-end);--spectrum-tag-clear-button-spacing-inline-end:var(--spectrum-tag-size-medium-clear-button-spacing-inline-end)}:host([size=s]){--spectrum-tag-height:var(--spectrum-component-height-75);--spectrum-tag-font-size:var(--spectrum-font-size-75);--spectrum-tag-icon-size:var(--spectrum-workflow-icon-size-75);--spectrum-tag-clear-button-spacing-inline-start:var(--spectrum-text-to-visual-75);--spectrum-tag-clear-button-spacing-block:var(--spectrum-tag-top-to-cross-icon-small);--spectrum-tag-icon-spacing-block-start:var(--spectrum-component-top-to-workflow-icon-75);--spectrum-tag-icon-spacing-block-end:var(--spectrum-component-top-to-workflow-icon-75);--spectrum-tag-icon-spacing-inline-end:var(--spectrum-text-to-visual-75);--spectrum-tag-avatar-spacing-block-start:var(--spectrum-tag-top-to-avatar-small);--spectrum-tag-avatar-spacing-block-end:var(--spectrum-tag-top-to-avatar-small);--spectrum-tag-avatar-spacing-inline-end:var(--spectrum-text-to-visual-75);--spectrum-tag-label-spacing-block:var(--spectrum-component-top-to-text-75);--spectrum-tag-corner-radius:var(--spectrum-tag-size-small-corner-radius);--spectrum-tag-spacing-inline-start:var(--spectrum-tag-size-small-spacing-inline-start);--spectrum-tag-label-spacing-inline-end:var(--spectrum-tag-size-small-label-spacing-inline-end);--spectrum-tag-clear-button-spacing-inline-end:var(--spectrum-tag-size-small-clear-button-spacing-inline-end)}:host([size=l]){--spectrum-tag-height:var(--spectrum-component-height-200);--spectrum-tag-font-size:var(--spectrum-font-size-200);--spectrum-tag-icon-size:var(--spectrum-workflow-icon-size-200);--spectrum-tag-clear-button-spacing-inline-start:var(--spectrum-text-to-visual-200);--spectrum-tag-clear-button-spacing-block:var(--spectrum-tag-top-to-cross-icon-large);--spectrum-tag-icon-spacing-block-start:var(--spectrum-component-top-to-workflow-icon-200);--spectrum-tag-icon-spacing-block-end:var(--spectrum-component-top-to-workflow-icon-200);--spectrum-tag-icon-spacing-inline-end:var(--spectrum-text-to-visual-200);--spectrum-tag-avatar-spacing-block-start:var(--spectrum-tag-top-to-avatar-large);--spectrum-tag-avatar-spacing-block-end:var(--spectrum-tag-top-to-avatar-large);--spectrum-tag-avatar-spacing-inline-end:var(--spectrum-text-to-visual-200);--spectrum-tag-label-spacing-block:var(--spectrum-component-top-to-text-200);--spectrum-tag-corner-radius:var(--spectrum-tag-size-large-corner-radius);--spectrum-tag-spacing-inline-start:var(--spectrum-tag-size-large-spacing-inline-start);--spectrum-tag-label-spacing-inline-end:var(--spectrum-tag-size-large-label-spacing-inline-end);--spectrum-tag-clear-button-spacing-inline-end:var(--spectrum-tag-size-large-clear-button-spacing-inline-end)}:host{border-color:var(--highcontrast-tag-border-color,var(--mod-tag-border-color,var(--spectrum-tag-border-color)));background-color:var(--highcontrast-tag-background-color,var(--mod-tag-background-color,var(--spectrum-tag-background-color)));color:var(--highcontrast-tag-content-color,var(--mod-tag-content-color,var(--spectrum-tag-content-color)));border-radius:var(--mod-tag-corner-radius,var(--spectrum-tag-corner-radius));border-width:var(--mod-tag-border-width,var(--spectrum-tag-border-width));block-size:var(--mod-tag-height,var(--spectrum-tag-height));box-sizing:border-box;vertical-align:bottom;-webkit-user-select:none;user-select:none;max-inline-size:100%;transition:border-color var(--mod-tag-animation-duration,var(--spectrum-tag-animation-duration))ease-in-out,color var(--mod-tag-animation-duration,var(--spectrum-tag-animation-duration))ease-in-out,box-shadow var(--mod-tag-animation-duration,var(--spectrum-tag-animation-duration))ease-in-out,background-color var(--mod-tag-animation-duration,var(--spectrum-tag-animation-duration))ease-in-out;border-style:solid;outline:none;align-items:center;padding-inline-start:calc(var(--mod-tag-spacing-inline-start,var(--spectrum-tag-spacing-inline-start)) - var(--mod-tag-border-width,var(--spectrum-tag-border-width)));padding-inline-end:0;display:inline-flex;position:relative}::slotted([slot=icon]){block-size:var(--mod-tag-icon-size,var(--spectrum-tag-icon-size));inline-size:var(--mod-tag-icon-size,var(--spectrum-tag-icon-size));flex-shrink:0;margin-block-start:calc(var(--mod-tag-icon-spacing-block-start,var(--spectrum-tag-icon-spacing-block-start)) - var(--mod-tag-border-width,var(--spectrum-tag-border-width)));margin-block-end:calc(var(--mod-tag-icon-spacing-block-end,var(--spectrum-tag-icon-spacing-block-end)) - var(--mod-tag-border-width,var(--spectrum-tag-border-width)));margin-inline-end:var(--mod-tag-icon-spacing-inline-end,var(--spectrum-tag-icon-spacing-inline-end))}::slotted([slot=avatar]){margin-block-start:calc(var(--mod-tag-avatar-spacing-block-start,var(--spectrum-tag-avatar-spacing-block-start)) - var(--mod-tag-border-width,var(--spectrum-tag-border-width)));margin-block-end:calc(var(--mod-tag-avatar-spacing-block-end,var(--spectrum-tag-avatar-spacing-block-end)) - var(--mod-tag-border-width,var(--spectrum-tag-border-width)));margin-inline-end:var(--mod-tag-avatar-spacing-inline-end,var(--spectrum-tag-avatar-spacing-inline-end))}.clear-button{--mod-clear-button-width:fit-content;--spectrum-clearbutton-fill-size:fit-content;--spectrum-clearbutton-fill-background-color:transparent;box-sizing:border-box;color:currentColor;margin-inline-start:calc(var(--mod-tag-clear-button-spacing-inline-start,var(--spectrum-tag-clear-button-spacing-inline-start)) + var(--mod-tag-label-spacing-inline-end,var(--spectrum-tag-label-spacing-inline-end))*-1);margin-inline-end:calc(var(--mod-tag-clear-button-spacing-inline-end,var(--spectrum-tag-clear-button-spacing-inline-end)) - var(--mod-tag-border-width,var(--spectrum-tag-border-width)));padding-block-start:calc(var(--mod-tag-clear-button-spacing-block,var(--spectrum-tag-clear-button-spacing-block)) - var(--mod-tag-border-width,var(--spectrum-tag-border-width)));padding-block-end:calc(var(--mod-tag-clear-button-spacing-block,var(--spectrum-tag-clear-button-spacing-block)) - var(--mod-tag-border-width,var(--spectrum-tag-border-width)))}.clear-button .spectrum-ClearButton-fill{background-color:var(--mod-clearbutton-fill-background-color,var(--spectrum-clearbutton-fill-background-color));inline-size:var(--mod-clearbutton-fill-size,var(--spectrum-clearbutton-fill-size));block-size:var(--mod-clearbutton-fill-size,var(--spectrum-clearbutton-fill-size))}.label{box-sizing:border-box;block-size:100%;line-height:var(--mod-tag-label-line-height,var(--spectrum-tag-label-line-height));font-weight:var(--mod-tag-label-font-weight,var(--spectrum-tag-label-font-weight));font-size:var(--mod-tag-font-size,var(--spectrum-tag-font-size));cursor:default;white-space:nowrap;text-overflow:ellipsis;flex:auto;margin-inline-end:calc(var(--mod-tag-label-spacing-inline-end,var(--spectrum-tag-label-spacing-inline-end)) - var(--mod-tag-border-width,var(--spectrum-tag-border-width)));padding-block-start:calc(var(--mod-tag-label-spacing-block,var(--spectrum-tag-label-spacing-block)) - var(--mod-tag-border-width,var(--spectrum-tag-border-width)));overflow:hidden}:host(:is(:active,[active])){border-color:var(--highcontrast-tag-border-color-active,var(--mod-tag-border-color-active,var(--spectrum-tag-border-color-active)));background-color:var(--highcontrast-tag-background-color-active,var(--mod-tag-background-color-active,var(--spectrum-tag-background-color-active)));color:var(--highcontrast-tag-content-color-active,var(--mod-tag-content-color-active,var(--spectrum-tag-content-color-active)))}:host([focused]),:host(:focus-visible){border-color:var(--highcontrast-tag-border-color-focus,var(--mod-tag-border-color-focus,var(--spectrum-tag-border-color-focus)));background-color:var(--highcontrast-tag-background-color-focus,var(--mod-tag-background-color-focus,var(--spectrum-tag-background-color-focus)));color:var(--highcontrast-tag-content-color-focus,var(--mod-tag-content-color-focus,var(--spectrum-tag-content-color-focus)))}:host([focused]):after,:host(:focus-visible):after{content:"";border-color:var(--highcontrast-tag-focus-ring-color,var(--mod-tag-focus-ring-color,var(--spectrum-tag-focus-ring-color)));border-radius:calc(var(--mod-tag-corner-radius,var(--spectrum-tag-corner-radius)) + var(--mod-tag-focus-ring-gap,var(--spectrum-tag-focus-ring-gap)) + var(--mod-tag-border-width,var(--spectrum-tag-border-width)));border-width:var(--mod-tag-focus-ring-thickness,var(--spectrum-tag-focus-ring-thickness));pointer-events:none;border-style:solid;display:inline-block;position:absolute;inset-block-start:calc(var(--mod-tag-focus-ring-gap,var(--spectrum-tag-focus-ring-gap))*-1 - var(--mod-tag-border-width,var(--spectrum-tag-border-width)) - var(--mod-tag-focus-ring-thickness,var(--spectrum-tag-focus-ring-thickness)));inset-block-end:calc(var(--mod-tag-focus-ring-gap,var(--spectrum-tag-focus-ring-gap))*-1 - var(--mod-tag-border-width,var(--spectrum-tag-border-width)) - var(--mod-tag-focus-ring-thickness,var(--spectrum-tag-focus-ring-thickness)));inset-inline-start:calc(var(--mod-tag-focus-ring-gap,var(--spectrum-tag-focus-ring-gap))*-1 - var(--mod-tag-border-width,var(--spectrum-tag-border-width)) - var(--mod-tag-focus-ring-thickness,var(--spectrum-tag-focus-ring-thickness)));inset-inline-end:calc(var(--mod-tag-focus-ring-gap,var(--spectrum-tag-focus-ring-gap))*-1 - var(--mod-tag-border-width,var(--spectrum-tag-border-width)) - var(--mod-tag-focus-ring-thickness,var(--spectrum-tag-focus-ring-thickness)))}:host([selected]){border-color:var(--highcontrast-tag-border-color-selected,var(--mod-tag-border-color-selected,var(--spectrum-tag-border-color-selected)));background-color:var(--highcontrast-tag-background-color-selected,var(--mod-tag-background-color-selected,var(--spectrum-tag-background-color-selected)));color:var(--highcontrast-tag-content-color-selected,var(--mod-tag-content-color-selected,var(--spectrum-tag-content-color-selected)))}:host([selected]:is(:active,[active])){border-color:var(--highcontrast-tag-border-color-selected-active,var(--mod-tag-border-color-selected-active,var(--spectrum-tag-border-color-selected-active)));background-color:var(--highcontrast-tag-background-color-selected-active,var(--mod-tag-background-color-selected-active,var(--spectrum-tag-background-color-selected-active)))}:host([selected][focused]),:host([selected]:focus-visible){border-color:var(--highcontrast-tag-border-color-selected-focus,var(--mod-tag-border-color-selected-focus,var(--spectrum-tag-border-color-selected-focus)));background-color:var(--highcontrast-tag-background-color-selected-focus,var(--mod-tag-background-color-selected-focus,var(--spectrum-tag-background-color-selected-focus)))}:host([invalid]){border-color:var(--highcontrast-tag-border-color-invalid,var(--mod-tag-border-color-invalid,var(--spectrum-tag-border-color-invalid)));color:var(--highcontrast-tag-content-color-invalid,var(--mod-tag-content-color-invalid,var(--spectrum-tag-content-color-invalid)))}:host([invalid]:is(:active,[active])){border-color:var(--highcontrast-tag-border-color-invalid-active,var(--mod-tag-border-color-invalid-active,var(--spectrum-tag-border-color-invalid-active)));color:var(--highcontrast-tag-content-color-invalid-active,var(--mod-tag-content-color-invalid-active,var(--spectrum-tag-content-color-invalid-active)))}:host([invalid][focused]),:host([invalid]:focus-visible){border-color:var(--highcontrast-tag-border-color-invalid-focus,var(--mod-tag-border-color-invalid-focus,var(--spectrum-tag-border-color-invalid-focus)));color:var(--highcontrast-tag-content-color-invalid-focus,var(--mod-tag-content-color-invalid-focus,var(--spectrum-tag-content-color-invalid-focus)))}:host([invalid][selected]){border-color:var(--highcontrast-tag-border-color-invalid-selected,var(--mod-tag-border-color-invalid-selected,var(--spectrum-tag-border-color-invalid-selected)));background-color:var(--highcontrast-tag-background-color-invalid-selected,var(--mod-tag-background-color-invalid-selected,var(--spectrum-tag-background-color-invalid-selected)));color:var(--highcontrast-tag-content-color-invalid-selected,var(--mod-tag-content-color-invalid-selected,var(--spectrum-tag-content-color-invalid-selected)))}:host([invalid][selected]:is(:active,[active])){border-color:var(--highcontrast-tag-border-color-invalid-selected-active,var(--mod-tag-border-color-invalid-selected-active,var(--spectrum-tag-border-color-invalid-selected-active)));background-color:var(--highcontrast-tag-background-color-invalid-selected-active,var(--mod-tag-background-color-invalid-selected-active,var(--spectrum-tag-background-color-invalid-selected-active)))}:host([invalid][selected][focused]),:host([invalid][selected]:focus-visible){border-color:var(--highcontrast-tag-border-color-invalid-selected-focus,var(--mod-tag-border-color-invalid-selected-focus,var(--spectrum-tag-border-color-invalid-selected-focus)));background-color:var(--highcontrast-tag-background-color-invalid-selected-focus,var(--mod-tag-background-color-invalid-selected-focus,var(--spectrum-tag-background-color-invalid-selected-focus)))}:host([emphasized]){border-color:var(--highcontrast-tag-border-color-emphasized,var(--mod-tag-border-color-emphasized,var(--spectrum-tag-border-color-emphasized)));background-color:var(--highcontrast-tag-background-color-emphasized,var(--mod-tag-background-color-emphasized,var(--spectrum-tag-background-color-emphasized)));color:var(--highcontrast-tag-content-color-emphasized,var(--mod-tag-content-color-emphasized,var(--spectrum-tag-content-color-emphasized)))}@media (hover:hover){:host(:hover){border-color:var(--highcontrast-tag-border-color-hover,var(--mod-tag-border-color-hover,var(--spectrum-tag-border-color-hover)));background-color:var(--highcontrast-tag-background-color-hover,var(--mod-tag-background-color-hover,var(--spectrum-tag-background-color-hover)));color:var(--highcontrast-tag-content-color-hover,var(--mod-tag-content-color-hover,var(--spectrum-tag-content-color-hover)))}:host([selected]:hover){border-color:var(--highcontrast-tag-border-color-selected-hover,var(--mod-tag-border-color-selected-hover,var(--spectrum-tag-border-color-selected-hover)));background-color:var(--highcontrast-tag-background-color-selected-hover,var(--mod-tag-background-color-selected-hover,var(--spectrum-tag-background-color-selected-hover)));color:var(--highcontrast-tag-content-color-selected,var(--mod-tag-content-color-selected,var(--spectrum-tag-content-color-selected)))}:host([invalid]:hover){border-color:var(--highcontrast-tag-border-color-invalid-hover,var(--mod-tag-border-color-invalid-hover,var(--spectrum-tag-border-color-invalid-hover)));color:var(--highcontrast-tag-content-color-invalid-hover,var(--mod-tag-content-color-invalid-hover,var(--spectrum-tag-content-color-invalid-hover)))}:host([invalid][selected]:hover){border-color:var(--highcontrast-tag-border-color-invalid-selected-hover,var(--mod-tag-border-color-invalid-selected-hover,var(--spectrum-tag-border-color-invalid-selected-hover)));background-color:var(--highcontrast-tag-background-color-invalid-selected-hover,var(--mod-tag-background-color-invalid-selected-hover,var(--spectrum-tag-background-color-invalid-selected-hover)));color:var(--highcontrast-tag-content-color-invalid-selected,var(--mod-tag-content-color-invalid-selected,var(--spectrum-tag-content-color-invalid-selected)))}:host([emphasized]:hover){border-color:var(--highcontrast-tag-border-color-emphasized-hover,var(--mod-tag-border-color-emphasized-hover,var(--spectrum-tag-border-color-emphasized-hover)));background-color:var(--highcontrast-tag-background-color-emphasized-hover,var(--mod-tag-background-color-emphasized-hover,var(--spectrum-tag-background-color-emphasized-hover)));color:var(--highcontrast-tag-content-color-emphasized,var(--mod-tag-content-color-emphasized,var(--spectrum-tag-content-color-emphasized)))}}:host([emphasized]:is(:active,[active])){border-color:var(--highcontrast-tag-border-color-emphasized-active,var(--mod-tag-border-color-emphasized-active,var(--spectrum-tag-border-color-emphasized-active)));background-color:var(--highcontrast-tag-background-color-emphasized-active,var(--mod-tag-background-color-emphasized-active,var(--spectrum-tag-background-color-emphasized-active)))}:host([emphasized][focused]),:host([emphasized]:focus-visible){border-color:var(--highcontrast-tag-border-color-emphasized-focus,var(--mod-tag-border-color-emphasized-focus,var(--spectrum-tag-border-color-emphasized-focus)));background-color:var(--highcontrast-tag-background-color-emphasized-focus,var(--mod-tag-background-color-emphasized-focus,var(--spectrum-tag-background-color-emphasized-focus)))}:host([disabled]){border-color:var(--highcontrast-tag-border-color-disabled,var(--mod-tag-border-color-disabled,var(--spectrum-tag-border-color-disabled)));background-color:var(--highcontrast-tag-background-color-disabled,var(--mod-tag-background-color-disabled,var(--spectrum-tag-background-color-disabled)));color:var(--highcontrast-tag-content-color-disabled,var(--mod-tag-content-color-disabled,var(--spectrum-tag-content-color-disabled)));pointer-events:none}:host([disabled]) ::slotted([slot=avatar]){opacity:var(--mod-avatar-opacity-disabled,var(--spectrum-avatar-opacity-disabled))}@media (forced-colors:active){:host{--highcontrast-tag-border-color:ButtonText;--highcontrast-tag-border-color-hover:ButtonText;--highcontrast-tag-border-color-active:ButtonText;--highcontrast-tag-border-color-focus:Highlight;--highcontrast-tag-background-color:ButtonFace;--highcontrast-tag-background-color-hover:ButtonFace;--highcontrast-tag-background-color-active:ButtonFace;--highcontrast-tag-background-color-focus:ButtonFace;--highcontrast-tag-content-color:ButtonText;--highcontrast-tag-content-color-hover:ButtonText;--highcontrast-tag-content-color-active:ButtonText;--highcontrast-tag-content-color-focus:ButtonText;--highcontrast-tag-focus-ring-color:Highlight;forced-color-adjust:none}:host([selected]){--highcontrast-tag-border-color-selected:Highlight;--highcontrast-tag-border-color-selected-hover:Highlight;--highcontrast-tag-border-color-selected-active:Highlight;--highcontrast-tag-border-color-selected-focus:Highlight;--highcontrast-tag-background-color-selected:Highlight;--highcontrast-tag-background-color-selected-hover:Highlight;--highcontrast-tag-background-color-selected-active:Highlight;--highcontrast-tag-background-color-selected-focus:Highlight;--highcontrast-tag-content-color-selected:HighlightText}:host([disabled]){--highcontrast-tag-border-color-disabled:GrayText;--highcontrast-tag-background-color-disabled:ButtonFace;--highcontrast-tag-content-color-disabled:GrayText}:host([invalid]){--highcontrast-tag-border-color-invalid:Highlight;--highcontrast-tag-border-color-invalid-hover:Highlight;--highcontrast-tag-border-color-invalid-active:Highlight;--highcontrast-tag-border-color-invalid-focus:Highlight;--highcontrast-tag-content-color-invalid:CanvasText;--highcontrast-tag-content-color-invalid-hover:CanvasText;--highcontrast-tag-content-color-invalid-active:CanvasText;--highcontrast-tag-content-color-invalid-focus:CanvasText}:host([invalid][selected]){--highcontrast-tag-border-color-invalid-selected:Highlight;--highcontrast-tag-border-color-invalid-selected-hover:Highlight;--highcontrast-tag-border-color-invalid-selected-focus:Highlight;--highcontrast-tag-border-color-invalid-selected-active:Highlight;--highcontrast-tag-background-color-invalid-selected:Highlight;--highcontrast-tag-background-color-invalid-selected-hover:Highlight;--highcontrast-tag-background-color-invalid-selected-active:Highlight;--highcontrast-tag-background-color-invalid-selected-focus:Highlight;--highcontrast-tag-content-color-invalid-selected:HighlightText}:host([emphasized]){--highcontrast-tag-border-color-emphasized:Highlight;--highcontrast-tag-border-color-emphasized-hover:Highlight;--highcontrast-tag-border-color-emphasized-active:Highlight;--highcontrast-tag-border-color-emphasized-focus:Highlight;--highcontrast-tag-background-color-emphasized:ButtonFace;--highcontrast-tag-background-color-emphasized-hover:ButtonFace;--highcontrast-tag-background-color-emphasized-active:ButtonFace;--highcontrast-tag-background-color-emphasized-focus:ButtonFace;--highcontrast-tag-content-color-emphasized:CanvasText}}:host{--spectrum-tag-background-color:var(--system-tag-background-color);--spectrum-tag-background-color-hover:var(--system-tag-background-color-hover);--spectrum-tag-background-color-active:var(--system-tag-background-color-active);--spectrum-tag-background-color-focus:var(--system-tag-background-color-focus);--spectrum-tag-size-small-corner-radius:var(--system-tag-size-small-corner-radius);--spectrum-tag-size-medium-corner-radius:var(--system-tag-size-medium-corner-radius);--spectrum-tag-size-large-corner-radius:var(--system-tag-size-large-corner-radius);--spectrum-tag-border-color:var(--system-tag-border-color);--spectrum-tag-border-color-hover:var(--system-tag-border-color-hover);--spectrum-tag-border-color-active:var(--system-tag-border-color-active);--spectrum-tag-border-color-focus:var(--system-tag-border-color-focus);--spectrum-tag-content-color:var(--system-tag-content-color);--spectrum-tag-content-color-hover:var(--system-tag-content-color-hover);--spectrum-tag-content-color-active:var(--system-tag-content-color-active);--spectrum-tag-content-color-focus:var(--system-tag-content-color-focus);--spectrum-tag-content-color-selected:var(--system-tag-content-color-selected);--spectrum-tag-border-color-selected:var(--system-tag-border-color-selected);--spectrum-tag-border-color-selected-hover:var(--system-tag-border-color-selected-hover);--spectrum-tag-border-color-selected-active:var(--system-tag-border-color-selected-active);--spectrum-tag-border-color-selected-focus:var(--system-tag-border-color-selected-focus);--spectrum-tag-border-color-disabled:var(--system-tag-border-color-disabled);--spectrum-tag-background-color-disabled:var(--system-tag-background-color-disabled);--spectrum-tag-size-small-spacing-inline-start:var(--system-tag-size-small-spacing-inline-start);--spectrum-tag-size-small-label-spacing-inline-end:var(--system-tag-size-small-label-spacing-inline-end);--spectrum-tag-size-small-clear-button-spacing-inline-end:var(--system-tag-size-small-clear-button-spacing-inline-end);--spectrum-tag-size-medium-spacing-inline-start:var(--system-tag-size-medium-spacing-inline-start);--spectrum-tag-size-medium-label-spacing-inline-end:var(--system-tag-size-medium-label-spacing-inline-end);--spectrum-tag-size-medium-clear-button-spacing-inline-end:var(--system-tag-size-medium-clear-button-spacing-inline-end);--spectrum-tag-size-large-spacing-inline-start:var(--system-tag-size-large-spacing-inline-start);--spectrum-tag-size-large-label-spacing-inline-end:var(--system-tag-size-large-label-spacing-inline-end);--spectrum-tag-size-large-clear-button-spacing-inline-end:var(--system-tag-size-large-clear-button-spacing-inline-end)}:host([invalid]) .clear-button{--spectrum-clearbutton-medium-icon-color:var(--spectrum-tag-icon-color-error-key-focus,var(--spectrum-red-600));--spectrum-clearbutton-medium-icon-color-hover:var(--spectrum-clearbutton-medium-icon-color);--spectrum-clearbutton-medium-icon-color-down:var(--spectrum-tag-deletable-icon-color-error-down,var(--spectrum-red-700))}:host([invalid]):hover .clear-button,:host([invalid]:is(:active,[active])) .clear-button{--spectrum-clearbutton-medium-icon-color:var(--spectrum-tag-icon-color-error-hover,var(--spectrum-red-600));--spectrum-clearbutton-medium-icon-color-hover:var(--spectrum-clearbutton-medium-icon-color);--spectrum-clearbutton-medium-icon-color-down:var(--spectrum-tag-deletable-icon-color-error-down,var(--spectrum-red-700))}:host([size=xs]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-50)}:host([size=s]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-75)}:host([size=m]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-100)}:host([size=l]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-200)}:host([size=xl]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-300)}:host([size=xxl]){--spectrum-icon-size:var(--spectrum-workflow-icon-size-400)} -`,Dv=yy;var wy=Object.defineProperty,ky=Object.getOwnPropertyDescriptor,zd=(o,t,e,r)=>{for(var s=r>1?void 0:r?ky(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&wy(t,e,s),s},He=class extends R(E,{validSizes:["s","m","l"],noDefaultSize:!0}){constructor(){super(),this.deletable=!1,this.disabled=!1,this.readonly=!1,this.handleFocusin=()=>{this.addEventListener("focusout",this.handleFocusout),this.addEventListener("keydown",this.handleKeydown)},this.handleFocusout=()=>{this.removeEventListener("keydown",this.handleKeydown),this.removeEventListener("focusout",this.handleFocusout)},this.handleKeydown=t=>{if(!this.deletable||this.disabled)return;let{code:e}=t;switch(e){case"Backspace":case"Space":case"Delete":this.delete();default:return}},this.addEventListener("focusin",this.handleFocusin)}static get styles(){return[Dv]}delete(){this.readonly||!this.dispatchEvent(new Event("delete",{bubbles:!0,cancelable:!0,composed:!0}))||this.remove()}render(){return c` +`,qv=zy;var Cy=Object.defineProperty,Ty=Object.getOwnPropertyDescriptor,Cd=(o,t,e,r)=>{for(var s=r>1?void 0:r?Ty(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&Cy(t,e,s),s},He=class extends R(E,{validSizes:["s","m","l"],noDefaultSize:!0}){constructor(){super(),this.deletable=!1,this.disabled=!1,this.readonly=!1,this.handleFocusin=()=>{this.addEventListener("focusout",this.handleFocusout),this.addEventListener("keydown",this.handleKeydown)},this.handleFocusout=()=>{this.removeEventListener("keydown",this.handleKeydown),this.removeEventListener("focusout",this.handleFocusout)},this.handleKeydown=t=>{if(!this.deletable||this.disabled)return;let{code:e}=t;switch(e){case"Backspace":case"Space":case"Delete":this.delete();default:return}},this.addEventListener("focusin",this.handleFocusin)}static get styles(){return[qv]}delete(){this.readonly||!this.dispatchEvent(new Event("delete",{bubbles:!0,cancelable:!0,composed:!0}))||this.remove()}render(){return c` @@ -4657,21 +4686,21 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho @click=${this.delete} > `:_} - `}firstUpdated(t){super.firstUpdated(t),this.hasAttribute("role")||this.setAttribute("role","listitem"),this.deletable&&this.setAttribute("tabindex","0")}updated(t){super.updated(t),t.has("disabled")&&(this.disabled?this.setAttribute("aria-disabled","true"):this.removeAttribute("aria-disabled"))}};zd([n({type:Boolean,reflect:!0})],He.prototype,"deletable",2),zd([n({type:Boolean,reflect:!0})],He.prototype,"disabled",2),zd([n({type:Boolean,reflect:!0})],He.prototype,"readonly",2);x();l("sp-tag",He);p();L();le();p();var zy=y` + `}firstUpdated(t){super.firstUpdated(t),this.hasAttribute("role")||this.setAttribute("role","listitem"),this.deletable&&this.setAttribute("tabindex","0")}updated(t){super.updated(t),t.has("disabled")&&(this.disabled?this.setAttribute("aria-disabled","true"):this.removeAttribute("aria-disabled"))}};Cd([n({type:Boolean,reflect:!0})],He.prototype,"deletable",2),Cd([n({type:Boolean,reflect:!0})],He.prototype,"disabled",2),Cd([n({type:Boolean,reflect:!0})],He.prototype,"readonly",2);x();l("sp-tag",He);p();L();le();p();var Iy=y` :host{--spectrum-tag-group-item-margin-block:var(--spectrum-spacing-75);--spectrum-tag-group-item-margin-inline:var(--spectrum-spacing-75);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:inline-flex}::slotted(*){margin-block:var(--mod-tag-group-item-margin-block,var(--spectrum-tag-group-item-margin-block));margin-inline:var(--mod-tag-group-item-margin-inline,var(--spectrum-tag-group-item-margin-inline))}:host{--mod-clear-button-width:fit-content;margin:0;padding:0;list-style:none;display:inline-flex} -`,Hv=zy;var Cy=Object.defineProperty,Ty=Object.getOwnPropertyDescriptor,Iy=(o,t,e,r)=>{for(var s=r>1?void 0:r?Ty(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&Cy(t,e,s),s},Ts=class extends mt(E){constructor(){super(),this.rovingTabindexController=new $t(this,{focusInIndex:t=>t.findIndex(e=>!e.disabled&&e.deletable),elements:()=>this.tags,isFocusableElement:t=>!t.disabled&&t.deletable}),this.handleFocusin=()=>{this.addEventListener("focusout",this.handleFocusout),this.addEventListener("keydown",this.handleKeydown)},this.handleKeydown=t=>{let{code:e}=t;if(e!=="PageUp"&&e!=="PageDown")return;let r=(b,v)=>b[(b.length+v)%b.length],s=[...this.getRootNode().querySelectorAll("sp-tags")];if(s.length<2)return;t.preventDefault();let i=s.indexOf(this),a=e==="PageUp"?-1:1,d=i+a,m=r(s,d);for(;!m.tags.length;)d+=a,m=r(s,d);m.focus()},this.handleFocusout=()=>{this.removeEventListener("keydown",this.handleKeydown),this.removeEventListener("focusout",this.handleFocusout)},this.addEventListener("focusin",this.handleFocusin)}static get styles(){return[Hv]}get tags(){return this.defaultNodes.filter(t=>t instanceof He)}focus(){this.rovingTabindexController.focus()}handleSlotchange(){this.rovingTabindexController.clearElementCache()}render(){return c` +`,jv=Iy;var Sy=Object.defineProperty,Ey=Object.getOwnPropertyDescriptor,$y=(o,t,e,r)=>{for(var s=r>1?void 0:r?Ey(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&Sy(t,e,s),s},Ts=class extends mt(E){constructor(){super(),this.rovingTabindexController=new $t(this,{focusInIndex:t=>t.findIndex(e=>!e.disabled&&e.deletable),elements:()=>this.tags,isFocusableElement:t=>!t.disabled&&t.deletable}),this.handleFocusin=()=>{this.addEventListener("focusout",this.handleFocusout),this.addEventListener("keydown",this.handleKeydown)},this.handleKeydown=t=>{let{code:e}=t;if(e!=="PageUp"&&e!=="PageDown")return;let r=(b,v)=>b[(b.length+v)%b.length],s=[...this.getRootNode().querySelectorAll("sp-tags")];if(s.length<2)return;t.preventDefault();let i=s.indexOf(this),a=e==="PageUp"?-1:1,d=i+a,m=r(s,d);for(;!m.tags.length;)d+=a,m=r(s,d);m.focus()},this.handleFocusout=()=>{this.removeEventListener("keydown",this.handleKeydown),this.removeEventListener("focusout",this.handleFocusout)},this.addEventListener("focusin",this.handleFocusin)}static get styles(){return[jv]}get tags(){return this.defaultNodes.filter(t=>t instanceof He)}focus(){this.rovingTabindexController.focus()}handleSlotchange(){this.rovingTabindexController.clearElementCache()}render(){return c` - `}firstUpdated(){this.hasAttribute("role")||this.setAttribute("role","list"),this.hasAttribute("aria-label")||this.setAttribute("aria-label","Tags")}};Iy([Fe()],Ts.prototype,"defaultNodes",2);x();l("sp-tags",Ts);x();l("sp-textfield",_e);var Rv=["spectrum","express","spectrum-two"],qv=["medium","large","medium-express","large-express","medium-spectrum-two","large-spectrum-two"],jv=["light","lightest","dark","darkest","light-express","lightest-express","dark-express","darkest-express","light-spectrum-two","lightest-spectrum-two","dark-spectrum-two","darkest-spectrum-two"];var Is=class It extends HTMLElement{constructor(){super(),this._dir="",this._system="spectrum",this._color="",this._scale="",this._systemContextConsumers=new Map,this.trackedChildren=new Set,this._updateRequested=!1,this._contextConsumers=new Map,this.attachShadow({mode:"open"});let t=document.importNode(It.template.content,!0);this.shadowRoot.appendChild(t),this.shouldAdoptStyles(),this.addEventListener("sp-language-context",this._handleContextPresence),this.addEventListener("sp-system-context",this._handleSystemContext),this.updateComplete=this.__createDeferredPromise()}static get observedAttributes(){return["color","scale","lang","dir","system"]}set dir(t){if(t===this.dir)return;this.setAttribute("dir",t),this._dir=t;let e=t==="rtl"?t:"ltr";this.trackedChildren.forEach(r=>{r.setAttribute("dir",e)})}get dir(){return this._dir}attributeChangedCallback(t,e,r){e!==r&&(t==="color"?this.color=r:t==="scale"?this.scale=r:t==="lang"&&r?(this.lang=r,this._provideContext()):t==="system"?(this.system=r,this._provideSystemContext()):t==="dir"&&(this.dir=r))}requestUpdate(){this.shouldAdoptStyles()}get system(){let t=It.themeFragmentsByKind.get("system"),{name:e}=t&&t.get("default")||{};return this._system||e||""}set system(t){if(t===this._system)return;let e=t&&Rv.includes(t)?t:this.system;e!==this._system&&(this._system=e,this.requestUpdate()),e?this.setAttribute("system",e):this.removeAttribute("system")}get color(){let t=It.themeFragmentsByKind.get("color"),{name:e}=t&&t.get("default")||{};return this._color||e||""}set color(t){if(t===this._color)return;let e=t&&jv.includes(t)?t:this.color;e!==this._color&&(this._color=e,this.requestUpdate()),e?this.setAttribute("color",e):this.removeAttribute("color")}get scale(){let t=It.themeFragmentsByKind.get("scale"),{name:e}=t&&t.get("default")||{};return this._scale||e||""}set scale(t){if(t===this._scale)return;let e=t&&qv.includes(t)?t:this.scale;e!==this._scale&&(this._scale=e,this.requestUpdate()),e?this.setAttribute("scale",e):this.removeAttribute("scale")}get styles(){let t=[...It.themeFragmentsByKind.keys()],e=(i,a,d)=>{let m=d&&d!=="system"&&this.system!=="spectrum"?i.get(`${a}-${this.system}`):i.get(a),b=a==="spectrum"||!d||this.hasAttribute(d);if(m&&b)return m.styles},r=t.reduce((i,a)=>{let d=It.themeFragmentsByKind.get(a),m;if(a==="app"||a==="core")m=e(d,a);else{let{[a]:b}=this;m=e(d,b,a)}return m&&i.push(m),i},[]),s=It.themeFragmentsByKind;return this.system,this.color,this.scale,[...r]}static get template(){return this.templateElement||(this.templateElement=document.createElement("template"),this.templateElement.innerHTML=""),this.templateElement}_handleSystemContext(t){t.stopPropagation();let e=t.composedPath()[0];if(this._systemContextConsumers.has(e))return;let r=()=>this._systemContextConsumers.delete(e);this._systemContextConsumers.set(e,[t.detail.callback,r]);let[s]=this._systemContextConsumers.get(e)||[];s&&s(this.system,r)}__createDeferredPromise(){return new Promise(t=>{this.__resolve=t})}connectedCallback(){if(this.shouldAdoptStyles(),It.instances.add(this),!this.hasAttribute("dir")){let t=this.assignedSlot||this.parentNode;for(;t!==document.documentElement&&!(t instanceof It);)t=t.assignedSlot||t.parentNode||t.host;this.dir=t.dir==="rtl"?t.dir:"ltr"}}disconnectedCallback(){It.instances.delete(this)}startManagingContentDirection(t){this.trackedChildren.add(t)}stopManagingContentDirection(t){this.trackedChildren.delete(t)}async shouldAdoptStyles(){this._updateRequested||(this.updateComplete=this.__createDeferredPromise(),this._updateRequested=!0,this._updateRequested=await!1,this.adoptStyles(),this.__resolve(!0))}adoptStyles(){let t=this.styles,e=[];for(let r of t)e.push(r.styleSheet);this.shadowRoot.adoptedStyleSheets=e}static registerThemeFragment(t,e,r){let s=It.themeFragmentsByKind.get(e)||new Map;s.size===0&&(It.themeFragmentsByKind.set(e,s),s.set("default",{name:t,styles:r}),It.defaultFragments.add(t)),s.set(t,{name:t,styles:r}),It.instances.forEach(i=>i.shouldAdoptStyles())}_provideContext(){this._contextConsumers.forEach(([t,e])=>t(this.lang,e))}_provideSystemContext(){this._systemContextConsumers.forEach(([t,e])=>t(this.system,e))}_handleContextPresence(t){t.stopPropagation();let e=t.composedPath()[0];if(this._contextConsumers.has(e))return;this._contextConsumers.set(e,[t.detail.callback,()=>this._contextConsumers.delete(e)]);let[r,s]=this._contextConsumers.get(e)||[];r&&s&&r(this.lang||document.documentElement.lang||navigator.language,s)}};Is.themeFragmentsByKind=new Map,Is.defaultFragments=new Set(["spectrum"]),Is.instances=new Set,Is.VERSION=qo;var Yt=Is;customElements.define("sp-theme",Yt);p();var Sy=y` + `}firstUpdated(){this.hasAttribute("role")||this.setAttribute("role","list"),this.hasAttribute("aria-label")||this.setAttribute("aria-label","Tags")}};$y([Fe()],Ts.prototype,"defaultNodes",2);x();l("sp-tags",Ts);x();l("sp-textfield",_e);var Fv=["spectrum","express","spectrum-two"],Vv=["medium","large","medium-express","large-express","medium-spectrum-two","large-spectrum-two"],Nv=["light","lightest","dark","darkest","light-express","lightest-express","dark-express","darkest-express","light-spectrum-two","lightest-spectrum-two","dark-spectrum-two","darkest-spectrum-two"];var Is=class It extends HTMLElement{constructor(){super(),this._dir="",this._system="spectrum",this._color="",this._scale="",this._systemContextConsumers=new Map,this.trackedChildren=new Set,this._updateRequested=!1,this._contextConsumers=new Map,this.attachShadow({mode:"open"});let t=document.importNode(It.template.content,!0);this.shadowRoot.appendChild(t),this.shouldAdoptStyles(),this.addEventListener("sp-language-context",this._handleContextPresence),this.addEventListener("sp-system-context",this._handleSystemContext),this.updateComplete=this.__createDeferredPromise()}static get observedAttributes(){return["color","scale","lang","dir","system"]}set dir(t){if(t===this.dir)return;this.setAttribute("dir",t),this._dir=t;let e=t==="rtl"?t:"ltr";this.trackedChildren.forEach(r=>{r.setAttribute("dir",e)})}get dir(){return this._dir}attributeChangedCallback(t,e,r){e!==r&&(t==="color"?this.color=r:t==="scale"?this.scale=r:t==="lang"&&r?(this.lang=r,this._provideContext()):t==="system"?(this.system=r,this._provideSystemContext()):t==="dir"&&(this.dir=r))}requestUpdate(){this.shouldAdoptStyles()}get system(){let t=It.themeFragmentsByKind.get("system"),{name:e}=t&&t.get("default")||{};return this._system||e||""}set system(t){if(t===this._system)return;let e=t&&Fv.includes(t)?t:this.system;e!==this._system&&(this._system=e,this.requestUpdate()),e?this.setAttribute("system",e):this.removeAttribute("system")}get color(){let t=It.themeFragmentsByKind.get("color"),{name:e}=t&&t.get("default")||{};return this._color||e||""}set color(t){if(t===this._color)return;let e=t&&Nv.includes(t)?t:this.color;e!==this._color&&(this._color=e,this.requestUpdate()),e?this.setAttribute("color",e):this.removeAttribute("color")}get scale(){let t=It.themeFragmentsByKind.get("scale"),{name:e}=t&&t.get("default")||{};return this._scale||e||""}set scale(t){if(t===this._scale)return;let e=t&&Vv.includes(t)?t:this.scale;e!==this._scale&&(this._scale=e,this.requestUpdate()),e?this.setAttribute("scale",e):this.removeAttribute("scale")}get styles(){let t=[...It.themeFragmentsByKind.keys()],e=(i,a,d)=>{let m=d&&d!=="system"&&this.system!=="spectrum"?i.get(`${a}-${this.system}`):i.get(a),b=a==="spectrum"||!d||this.hasAttribute(d);if(m&&b)return m.styles},r=t.reduce((i,a)=>{let d=It.themeFragmentsByKind.get(a),m;if(a==="app"||a==="core")m=e(d,a);else{let{[a]:b}=this;m=e(d,b,a)}return m&&i.push(m),i},[]),s=It.themeFragmentsByKind;return this.system,this.color,this.scale,[...r]}static get template(){return this.templateElement||(this.templateElement=document.createElement("template"),this.templateElement.innerHTML=""),this.templateElement}_handleSystemContext(t){t.stopPropagation();let e=t.composedPath()[0];if(this._systemContextConsumers.has(e))return;let r=()=>this._systemContextConsumers.delete(e);this._systemContextConsumers.set(e,[t.detail.callback,r]);let[s]=this._systemContextConsumers.get(e)||[];s&&s(this.system,r)}__createDeferredPromise(){return new Promise(t=>{this.__resolve=t})}connectedCallback(){if(this.shouldAdoptStyles(),It.instances.add(this),!this.hasAttribute("dir")){let t=this.assignedSlot||this.parentNode;for(;t!==document.documentElement&&!(t instanceof It);)t=t.assignedSlot||t.parentNode||t.host;this.dir=t.dir==="rtl"?t.dir:"ltr"}}disconnectedCallback(){It.instances.delete(this)}startManagingContentDirection(t){this.trackedChildren.add(t)}stopManagingContentDirection(t){this.trackedChildren.delete(t)}async shouldAdoptStyles(){this._updateRequested||(this.updateComplete=this.__createDeferredPromise(),this._updateRequested=!0,this._updateRequested=await!1,this.adoptStyles(),this.__resolve(!0))}adoptStyles(){let t=this.styles,e=[];for(let r of t)e.push(r.styleSheet);this.shadowRoot.adoptedStyleSheets=e}static registerThemeFragment(t,e,r){let s=It.themeFragmentsByKind.get(e)||new Map;s.size===0&&(It.themeFragmentsByKind.set(e,s),s.set("default",{name:t,styles:r}),It.defaultFragments.add(t)),s.set(t,{name:t,styles:r}),It.instances.forEach(i=>i.shouldAdoptStyles())}_provideContext(){this._contextConsumers.forEach(([t,e])=>t(this.lang,e))}_provideSystemContext(){this._systemContextConsumers.forEach(([t,e])=>t(this.system,e))}_handleContextPresence(t){t.stopPropagation();let e=t.composedPath()[0];if(this._contextConsumers.has(e))return;this._contextConsumers.set(e,[t.detail.callback,()=>this._contextConsumers.delete(e)]);let[r,s]=this._contextConsumers.get(e)||[];r&&s&&r(this.lang||document.documentElement.lang||navigator.language,s)}};Is.themeFragmentsByKind=new Map,Is.defaultFragments=new Set(["spectrum"]),Is.instances=new Set,Is.VERSION=qo;var Yt=Is;customElements.define("sp-theme",Yt);p();var _y=y` :host,:root{--spectrum-workflow-icon-size-50:16px;--spectrum-workflow-icon-size-75:18px;--spectrum-workflow-icon-size-100:24px;--spectrum-workflow-icon-size-200:28px;--spectrum-workflow-icon-size-300:30px;--spectrum-arrow-icon-size-75:12px;--spectrum-arrow-icon-size-100:14px;--spectrum-arrow-icon-size-200:16px;--spectrum-arrow-icon-size-300:16px;--spectrum-arrow-icon-size-400:18px;--spectrum-arrow-icon-size-500:22px;--spectrum-arrow-icon-size-600:24px;--spectrum-asterisk-icon-size-100:10px;--spectrum-asterisk-icon-size-200:12px;--spectrum-asterisk-icon-size-300:12px;--spectrum-checkmark-icon-size-50:12px;--spectrum-checkmark-icon-size-75:12px;--spectrum-checkmark-icon-size-100:14px;--spectrum-checkmark-icon-size-200:14px;--spectrum-checkmark-icon-size-300:16px;--spectrum-checkmark-icon-size-400:18px;--spectrum-checkmark-icon-size-500:20px;--spectrum-checkmark-icon-size-600:24px;--spectrum-chevron-icon-size-50:8px;--spectrum-chevron-icon-size-75:12px;--spectrum-chevron-icon-size-100:14px;--spectrum-chevron-icon-size-200:14px;--spectrum-chevron-icon-size-300:16px;--spectrum-chevron-icon-size-400:18px;--spectrum-chevron-icon-size-500:20px;--spectrum-chevron-icon-size-600:24px;--spectrum-corner-triangle-icon-size-75:6px;--spectrum-corner-triangle-icon-size-100:7px;--spectrum-corner-triangle-icon-size-200:8px;--spectrum-corner-triangle-icon-size-300:8px;--spectrum-cross-icon-size-75:10px;--spectrum-cross-icon-size-100:10px;--spectrum-cross-icon-size-200:12px;--spectrum-cross-icon-size-300:14px;--spectrum-cross-icon-size-400:16px;--spectrum-cross-icon-size-500:16px;--spectrum-cross-icon-size-600:18px;--spectrum-dash-icon-size-50:10px;--spectrum-dash-icon-size-75:10px;--spectrum-dash-icon-size-100:12px;--spectrum-dash-icon-size-200:14px;--spectrum-dash-icon-size-300:16px;--spectrum-dash-icon-size-400:18px;--spectrum-dash-icon-size-500:20px;--spectrum-dash-icon-size-600:22px;--spectrum-checkbox-control-size-small:16px;--spectrum-checkbox-control-size-medium:18px;--spectrum-checkbox-control-size-large:20px;--spectrum-checkbox-control-size-extra-large:22px;--spectrum-checkbox-top-to-control-small:7px;--spectrum-checkbox-top-to-control-medium:11px;--spectrum-checkbox-top-to-control-large:15px;--spectrum-checkbox-top-to-control-extra-large:19px;--spectrum-switch-control-width-small:32px;--spectrum-switch-control-width-medium:36px;--spectrum-switch-control-width-large:41px;--spectrum-switch-control-width-extra-large:46px;--spectrum-switch-control-height-small:16px;--spectrum-switch-control-height-medium:18px;--spectrum-switch-control-height-large:20px;--spectrum-switch-control-height-extra-large:22px;--spectrum-switch-top-to-control-small:7px;--spectrum-switch-top-to-control-medium:11px;--spectrum-switch-top-to-control-large:15px;--spectrum-switch-top-to-control-extra-large:19px;--spectrum-radio-button-control-size-small:16px;--spectrum-radio-button-control-size-medium:18px;--spectrum-radio-button-control-size-large:20px;--spectrum-radio-button-control-size-extra-large:22px;--spectrum-radio-button-top-to-control-small:7px;--spectrum-radio-button-top-to-control-medium:11px;--spectrum-radio-button-top-to-control-large:15px;--spectrum-radio-button-top-to-control-extra-large:19px;--spectrum-field-label-text-to-asterisk-small:5px;--spectrum-field-label-text-to-asterisk-medium:5px;--spectrum-field-label-text-to-asterisk-large:6px;--spectrum-field-label-text-to-asterisk-extra-large:6px;--spectrum-field-label-top-to-asterisk-small:11px;--spectrum-field-label-top-to-asterisk-medium:15px;--spectrum-field-label-top-to-asterisk-large:19px;--spectrum-field-label-top-to-asterisk-extra-large:24px;--spectrum-field-label-top-margin-medium:5px;--spectrum-field-label-top-margin-large:6px;--spectrum-field-label-top-margin-extra-large:6px;--spectrum-field-label-to-component-quiet-small:-10px;--spectrum-field-label-to-component-quiet-medium:-10px;--spectrum-field-label-to-component-quiet-large:-15px;--spectrum-field-label-to-component-quiet-extra-large:-19px;--spectrum-help-text-top-to-workflow-icon-small:5px;--spectrum-help-text-top-to-workflow-icon-medium:4px;--spectrum-help-text-top-to-workflow-icon-large:8px;--spectrum-help-text-top-to-workflow-icon-extra-large:11px;--spectrum-status-light-dot-size-medium:10px;--spectrum-status-light-dot-size-large:12px;--spectrum-status-light-dot-size-extra-large:12px;--spectrum-status-light-top-to-dot-small:11px;--spectrum-status-light-top-to-dot-medium:15px;--spectrum-status-light-top-to-dot-large:19px;--spectrum-status-light-top-to-dot-extra-large:24px;--spectrum-action-button-edge-to-hold-icon-medium:5px;--spectrum-action-button-edge-to-hold-icon-large:6px;--spectrum-action-button-edge-to-hold-icon-extra-large:7px;--spectrum-tooltip-tip-width:10px;--spectrum-tooltip-tip-height:5px;--spectrum-tooltip-maximum-width:200px;--spectrum-progress-circle-size-small:20px;--spectrum-progress-circle-size-medium:40px;--spectrum-progress-circle-size-large:80px;--spectrum-progress-circle-thickness-small:3px;--spectrum-progress-circle-thickness-medium:4px;--spectrum-progress-circle-thickness-large:5px;--spectrum-toast-height:56px;--spectrum-toast-maximum-width:420px;--spectrum-toast-top-to-workflow-icon:17px;--spectrum-toast-top-to-text:16px;--spectrum-toast-bottom-to-text:19px;--spectrum-action-bar-height:56px;--spectrum-action-bar-top-to-item-counter:16px;--spectrum-swatch-size-extra-small:20px;--spectrum-swatch-size-small:30px;--spectrum-swatch-size-medium:40px;--spectrum-swatch-size-large:50px;--spectrum-progress-bar-thickness-small:5px;--spectrum-progress-bar-thickness-medium:8px;--spectrum-progress-bar-thickness-large:10px;--spectrum-progress-bar-thickness-extra-large:13px;--spectrum-meter-width:240px;--spectrum-meter-thickness-small:5px;--spectrum-meter-thickness-large:8px;--spectrum-tag-top-to-avatar-small:5px;--spectrum-tag-top-to-avatar-medium:7px;--spectrum-tag-top-to-avatar-large:11px;--spectrum-tag-top-to-cross-icon-small:10px;--spectrum-tag-top-to-cross-icon-medium:15px;--spectrum-tag-top-to-cross-icon-large:19px;--spectrum-popover-top-to-content-area:5px;--spectrum-menu-item-edge-to-content-not-selected-small:24px;--spectrum-menu-item-edge-to-content-not-selected-medium:42px;--spectrum-menu-item-edge-to-content-not-selected-large:47px;--spectrum-menu-item-edge-to-content-not-selected-extra-large:54px;--spectrum-menu-item-top-to-disclosure-icon-small:9px;--spectrum-menu-item-top-to-disclosure-icon-medium:13px;--spectrum-menu-item-top-to-disclosure-icon-large:17px;--spectrum-menu-item-top-to-disclosure-icon-extra-large:22px;--spectrum-menu-item-top-to-selected-icon-small:9px;--spectrum-menu-item-top-to-selected-icon-medium:13px;--spectrum-menu-item-top-to-selected-icon-large:17px;--spectrum-menu-item-top-to-selected-icon-extra-large:22px;--spectrum-slider-control-height-small:18px;--spectrum-slider-control-height-medium:20px;--spectrum-slider-control-height-large:22px;--spectrum-slider-control-height-extra-large:26px;--spectrum-slider-handle-size-small:18px;--spectrum-slider-handle-size-medium:20px;--spectrum-slider-handle-size-large:22px;--spectrum-slider-handle-size-extra-large:26px;--spectrum-slider-handle-border-width-down-small:7px;--spectrum-slider-handle-border-width-down-medium:8px;--spectrum-slider-handle-border-width-down-large:9px;--spectrum-slider-handle-border-width-down-extra-large:11px;--spectrum-slider-bottom-to-handle-small:6px;--spectrum-slider-bottom-to-handle-medium:10px;--spectrum-slider-bottom-to-handle-large:14px;--spectrum-slider-bottom-to-handle-extra-large:17px;--spectrum-slider-control-to-field-label-small:6px;--spectrum-slider-control-to-field-label-medium:10px;--spectrum-slider-control-to-field-label-large:14px;--spectrum-slider-control-to-field-label-extra-large:17px;--spectrum-picker-visual-to-disclosure-icon-small:9px;--spectrum-picker-visual-to-disclosure-icon-medium:10px;--spectrum-picker-visual-to-disclosure-icon-large:11px;--spectrum-picker-visual-to-disclosure-icon-extra-large:13px;--spectrum-text-area-minimum-width:140px;--spectrum-text-area-minimum-height:70px;--spectrum-combo-box-visual-to-field-button-small:9px;--spectrum-combo-box-visual-to-field-button-medium:10px;--spectrum-combo-box-visual-to-field-button-large:11px;--spectrum-combo-box-visual-to-field-button-extra-large:13px;--spectrum-thumbnail-size-50:20px;--spectrum-thumbnail-size-75:22px;--spectrum-thumbnail-size-100:26px;--spectrum-thumbnail-size-200:28px;--spectrum-thumbnail-size-300:32px;--spectrum-thumbnail-size-400:36px;--spectrum-thumbnail-size-500:40px;--spectrum-thumbnail-size-600:46px;--spectrum-thumbnail-size-700:50px;--spectrum-thumbnail-size-800:55px;--spectrum-thumbnail-size-900:62px;--spectrum-thumbnail-size-1000:70px;--spectrum-alert-dialog-title-size:var(--spectrum-heading-size-xs);--spectrum-alert-dialog-description-size:var(--spectrum-body-size-xs);--spectrum-opacity-checkerboard-square-size:10px;--spectrum-contextual-help-title-size:var(--spectrum-heading-size-xxs);--spectrum-contextual-help-body-size:var(--spectrum-body-size-xs);--spectrum-breadcrumbs-height-multiline:84px;--spectrum-breadcrumbs-top-to-text:17px;--spectrum-breadcrumbs-top-to-text-compact:16px;--spectrum-breadcrumbs-top-to-text-multiline:15px;--spectrum-breadcrumbs-bottom-to-text:19px;--spectrum-breadcrumbs-bottom-to-text-compact:19px;--spectrum-breadcrumbs-bottom-to-text-multiline:10px;--spectrum-breadcrumbs-start-edge-to-text:9px;--spectrum-breadcrumbs-top-text-to-bottom-text:11px;--spectrum-breadcrumbs-top-to-separator-icon:25px;--spectrum-breadcrumbs-top-to-separator-icon-compact:23px;--spectrum-breadcrumbs-top-to-separator-icon-multiline:20px;--spectrum-breadcrumbs-separator-icon-to-bottom-text-multiline:15px;--spectrum-breadcrumbs-top-to-truncated-menu:10px;--spectrum-breadcrumbs-top-to-truncated-menu-compact:5px;--spectrum-avatar-size-50:20px;--spectrum-avatar-size-75:22px;--spectrum-avatar-size-100:26px;--spectrum-avatar-size-200:28px;--spectrum-avatar-size-300:32px;--spectrum-avatar-size-400:36px;--spectrum-avatar-size-500:40px;--spectrum-avatar-size-600:46px;--spectrum-avatar-size-700:50px;--spectrum-alert-banner-minimum-height:64px;--spectrum-alert-banner-width:680px;--spectrum-alert-banner-top-to-workflow-icon:21px;--spectrum-alert-banner-top-to-text:21px;--spectrum-alert-banner-bottom-to-text:22px;--spectrum-rating-indicator-width:22px;--spectrum-rating-indicator-to-icon:5px;--spectrum-color-area-width:240px;--spectrum-color-area-minimum-width:80px;--spectrum-color-area-height:240px;--spectrum-color-area-minimum-height:80px;--spectrum-color-wheel-width:240px;--spectrum-color-wheel-minimum-width:219px;--spectrum-color-slider-length:240px;--spectrum-color-slider-minimum-length:100px;--spectrum-illustrated-message-title-size:var(--spectrum-heading-size-s);--spectrum-illustrated-message-cjk-title-size:var(--spectrum-heading-cjk-size-s);--spectrum-illustrated-message-body-size:var(--spectrum-body-size-xs);--spectrum-coach-mark-width:216px;--spectrum-coach-mark-minimum-width:216px;--spectrum-coach-mark-maximum-width:248px;--spectrum-coach-mark-edge-to-content:var(--spectrum-spacing-300);--spectrum-coach-mark-pagination-text-to-bottom-edge:22px;--spectrum-coach-mark-media-height:162px;--spectrum-coach-mark-media-minimum-height:121px;--spectrum-coach-mark-title-size:var(--spectrum-heading-size-xxs);--spectrum-coach-mark-body-size:var(--spectrum-body-size-xs);--spectrum-coach-mark-pagination-body-size:var(--spectrum-body-size-xs);--spectrum-accordion-top-to-text-regular-small:7px;--spectrum-accordion-small-top-to-text-spacious:12px;--spectrum-accordion-top-to-text-regular-medium:9px;--spectrum-accordion-top-to-text-spacious-medium:14px;--spectrum-accordion-top-to-text-compact-large:7px;--spectrum-accordion-top-to-text-regular-large:12px;--spectrum-accordion-top-to-text-spacious-large:14px;--spectrum-accordion-top-to-text-compact-extra-large:7px;--spectrum-accordion-top-to-text-regular-extra-large:12px;--spectrum-accordion-top-to-text-spacious-extra-large:14px;--spectrum-accordion-bottom-to-text-compact-small:4px;--spectrum-accordion-bottom-to-text-regular-small:9px;--spectrum-accordion-bottom-to-text-spacious-small:14px;--spectrum-accordion-bottom-to-text-compact-medium:8px;--spectrum-accordion-bottom-to-text-regular-medium:13px;--spectrum-accordion-bottom-to-text-spacious-medium:18px;--spectrum-accordion-bottom-to-text-compact-large:9px;--spectrum-accordion-bottom-to-text-regular-large:14px;--spectrum-accordion-bottom-to-text-spacious-large:19px;--spectrum-accordion-bottom-to-text-compact-extra-large:10px;--spectrum-accordion-bottom-to-text-regular-extra-large:15px;--spectrum-accordion-bottom-to-text-spacious-extra-large:21px;--spectrum-accordion-minimum-width:250px;--spectrum-accordion-content-area-top-to-content:10px;--spectrum-accordion-content-area-bottom-to-content:20px;--spectrum-color-handle-size:20px;--spectrum-color-handle-size-key-focus:40px;--spectrum-table-column-header-row-top-to-text-small:10px;--spectrum-table-column-header-row-top-to-text-medium:9px;--spectrum-table-column-header-row-top-to-text-large:13px;--spectrum-table-column-header-row-top-to-text-extra-large:16px;--spectrum-table-column-header-row-bottom-to-text-small:11px;--spectrum-table-column-header-row-bottom-to-text-medium:10px;--spectrum-table-column-header-row-bottom-to-text-large:13px;--spectrum-table-column-header-row-bottom-to-text-extra-large:17px;--spectrum-table-row-height-small-regular:40px;--spectrum-table-row-height-medium-regular:50px;--spectrum-table-row-height-large-regular:60px;--spectrum-table-row-height-extra-large-regular:70px;--spectrum-table-row-height-small-spacious:50px;--spectrum-table-row-height-medium-spacious:60px;--spectrum-table-row-height-large-spacious:70px;--spectrum-table-row-height-extra-large-spacious:80px;--spectrum-table-row-top-to-text-small-regular:10px;--spectrum-table-row-top-to-text-medium-regular:14px;--spectrum-table-row-top-to-text-large-regular:18px;--spectrum-table-row-top-to-text-extra-large-regular:21px;--spectrum-table-row-bottom-to-text-small-regular:11px;--spectrum-table-row-bottom-to-text-medium-regular:15px;--spectrum-table-row-bottom-to-text-large-regular:18px;--spectrum-table-row-bottom-to-text-extra-large-regular:22px;--spectrum-table-row-top-to-text-small-spacious:15px;--spectrum-table-row-top-to-text-medium-spacious:18px;--spectrum-table-row-top-to-text-large-spacious:23px;--spectrum-table-row-top-to-text-extra-large-spacious:26px;--spectrum-table-row-bottom-to-text-small-spacious:16px;--spectrum-table-row-bottom-to-text-medium-spacious:18px;--spectrum-table-row-bottom-to-text-large-spacious:23px;--spectrum-table-row-bottom-to-text-extra-large-spacious:27px;--spectrum-table-checkbox-to-text:30px;--spectrum-table-header-row-checkbox-to-top-small:14px;--spectrum-table-header-row-checkbox-to-top-medium:13px;--spectrum-table-header-row-checkbox-to-top-large:17px;--spectrum-table-header-row-checkbox-to-top-extra-large:21px;--spectrum-table-row-checkbox-to-top-small-compact:9px;--spectrum-table-row-checkbox-to-top-small-regular:14px;--spectrum-table-row-checkbox-to-top-small-spacious:19px;--spectrum-table-row-checkbox-to-top-medium-compact:13px;--spectrum-table-row-checkbox-to-top-medium-regular:18px;--spectrum-table-row-checkbox-to-top-medium-spacious:23px;--spectrum-table-row-checkbox-to-top-large-compact:17px;--spectrum-table-row-checkbox-to-top-large-regular:22px;--spectrum-table-row-checkbox-to-top-large-spacious:27px;--spectrum-table-row-checkbox-to-top-extra-large-compact:21px;--spectrum-table-row-checkbox-to-top-extra-large-regular:26px;--spectrum-table-row-checkbox-to-top-extra-large-spacious:31px;--spectrum-table-section-header-row-height-small:30px;--spectrum-table-section-header-row-height-medium:40px;--spectrum-table-section-header-row-height-large:50px;--spectrum-table-section-header-row-height-extra-large:60px;--spectrum-table-thumbnail-to-top-minimum-small-compact:5px;--spectrum-table-thumbnail-to-top-minimum-medium-compact:6px;--spectrum-table-thumbnail-to-top-minimum-large-compact:9px;--spectrum-table-thumbnail-to-top-minimum-extra-large-compact:10px;--spectrum-table-thumbnail-to-top-minimum-small-regular:6px;--spectrum-table-thumbnail-to-top-minimum-medium-regular:9px;--spectrum-table-thumbnail-to-top-minimum-large-regular:10px;--spectrum-table-thumbnail-to-top-minimum-extra-large-regular:10px;--spectrum-table-thumbnail-to-top-minimum-small-spacious:9px;--spectrum-table-thumbnail-to-top-minimum-medium-spacious:10px;--spectrum-table-thumbnail-to-top-minimum-large-spacious:10px;--spectrum-table-thumbnail-to-top-minimum-extra-large-spacious:12px;--spectrum-tab-item-to-tab-item-horizontal-small:27px;--spectrum-tab-item-to-tab-item-horizontal-medium:30px;--spectrum-tab-item-to-tab-item-horizontal-large:33px;--spectrum-tab-item-to-tab-item-horizontal-extra-large:36px;--spectrum-tab-item-to-tab-item-vertical-small:5px;--spectrum-tab-item-to-tab-item-vertical-medium:5px;--spectrum-tab-item-to-tab-item-vertical-large:6px;--spectrum-tab-item-to-tab-item-vertical-extra-large:6px;--spectrum-tab-item-start-to-edge-small:13px;--spectrum-tab-item-start-to-edge-medium:15px;--spectrum-tab-item-start-to-edge-large:17px;--spectrum-tab-item-start-to-edge-extra-large:19px;--spectrum-tab-item-top-to-text-small:14px;--spectrum-tab-item-bottom-to-text-small:15px;--spectrum-tab-item-top-to-text-medium:18px;--spectrum-tab-item-bottom-to-text-medium:19px;--spectrum-tab-item-top-to-text-large:22px;--spectrum-tab-item-bottom-to-text-large:22px;--spectrum-tab-item-top-to-text-extra-large:25px;--spectrum-tab-item-bottom-to-text-extra-large:25px;--spectrum-tab-item-top-to-text-compact-small:5px;--spectrum-tab-item-bottom-to-text-compact-small:6px;--spectrum-tab-item-top-to-text-compact-medium:9px;--spectrum-tab-item-bottom-to-text-compact-medium:10px;--spectrum-tab-item-top-to-text-compact-large:12px;--spectrum-tab-item-bottom-to-text-compact-large:14px;--spectrum-tab-item-top-to-text-compact-extra-large:15px;--spectrum-tab-item-bottom-to-text-compact-extra-large:17px;--spectrum-tab-item-top-to-workflow-icon-small:15px;--spectrum-tab-item-top-to-workflow-icon-medium:19px;--spectrum-tab-item-top-to-workflow-icon-large:23px;--spectrum-tab-item-top-to-workflow-icon-extra-large:26px;--spectrum-tab-item-top-to-workflow-icon-compact-small:5px;--spectrum-tab-item-top-to-workflow-icon-compact-medium:9px;--spectrum-tab-item-top-to-workflow-icon-compact-large:13px;--spectrum-tab-item-top-to-workflow-icon-compact-extra-large:16px;--spectrum-tab-item-focus-indicator-gap-small:9px;--spectrum-tab-item-focus-indicator-gap-medium:10px;--spectrum-tab-item-focus-indicator-gap-large:11px;--spectrum-tab-item-focus-indicator-gap-extra-large:12px;--spectrum-side-navigation-width:240px;--spectrum-side-navigation-minimum-width:200px;--spectrum-side-navigation-maximum-width:300px;--spectrum-side-navigation-second-level-edge-to-text:30px;--spectrum-side-navigation-third-level-edge-to-text:45px;--spectrum-side-navigation-with-icon-second-level-edge-to-text:62px;--spectrum-side-navigation-with-icon-third-level-edge-to-text:77px;--spectrum-side-navigation-item-to-item:5px;--spectrum-side-navigation-item-to-header:30px;--spectrum-side-navigation-header-to-item:10px;--spectrum-side-navigation-bottom-to-text:10px;--spectrum-tray-top-to-content-area:5px;--spectrum-accordion-top-to-text-spacious-small:12px;--spectrum-drop-shadow-y:2px;--spectrum-drop-shadow-blur:6px;--spectrum-text-to-visual-50:7px;--spectrum-text-to-visual-75:7px;--spectrum-text-to-visual-100:8px;--spectrum-text-to-visual-200:9px;--spectrum-text-to-visual-300:10px;--spectrum-text-to-visual-400:11px;--spectrum-text-to-control-75:11px;--spectrum-text-to-control-100:13px;--spectrum-text-to-control-200:14px;--spectrum-text-to-control-300:16px;--spectrum-component-height-50:26px;--spectrum-component-height-75:30px;--spectrum-component-height-100:40px;--spectrum-component-height-200:50px;--spectrum-component-height-300:60px;--spectrum-component-height-400:70px;--spectrum-component-height-500:80px;--spectrum-component-pill-edge-to-visual-75:15px;--spectrum-component-pill-edge-to-visual-100:17px;--spectrum-component-pill-edge-to-visual-200:21px;--spectrum-component-pill-edge-to-visual-300:28px;--spectrum-component-pill-edge-to-visual-only-75:6px;--spectrum-component-pill-edge-to-visual-only-100:8px;--spectrum-component-pill-edge-to-visual-only-200:11px;--spectrum-component-pill-edge-to-visual-only-300:15px;--spectrum-component-pill-edge-to-text-75:17px;--spectrum-component-pill-edge-to-text-100:20px;--spectrum-component-pill-edge-to-text-200:24px;--spectrum-component-pill-edge-to-text-300:30px;--spectrum-component-edge-to-visual-50:9px;--spectrum-component-edge-to-visual-75:11px;--spectrum-component-edge-to-visual-100:12px;--spectrum-component-edge-to-visual-200:15px;--spectrum-component-edge-to-visual-300:20px;--spectrum-component-edge-to-visual-only-50:5px;--spectrum-component-edge-to-visual-only-75:6px;--spectrum-component-edge-to-visual-only-100:8px;--spectrum-component-edge-to-visual-only-200:11px;--spectrum-component-edge-to-visual-only-300:15px;--spectrum-component-edge-to-text-50:11px;--spectrum-component-edge-to-text-75:13px;--spectrum-component-edge-to-text-100:15px;--spectrum-component-edge-to-text-200:18px;--spectrum-component-edge-to-text-300:22px;--spectrum-component-top-to-workflow-icon-50:5px;--spectrum-component-top-to-workflow-icon-75:6px;--spectrum-component-top-to-workflow-icon-100:8px;--spectrum-component-top-to-workflow-icon-200:11px;--spectrum-component-top-to-workflow-icon-300:15px;--spectrum-component-top-to-text-50:4px;--spectrum-component-top-to-text-75:5px;--spectrum-component-top-to-text-100:8px;--spectrum-component-top-to-text-200:12px;--spectrum-component-top-to-text-300:15px;--spectrum-component-bottom-to-text-50:6px;--spectrum-component-bottom-to-text-75:6px;--spectrum-component-bottom-to-text-100:11px;--spectrum-component-bottom-to-text-200:14px;--spectrum-component-bottom-to-text-300:18px;--spectrum-component-to-menu-small:7px;--spectrum-component-to-menu-medium:8px;--spectrum-component-to-menu-large:9px;--spectrum-component-to-menu-extra-large:10px;--spectrum-field-edge-to-disclosure-icon-75:9px;--spectrum-field-edge-to-disclosure-icon-100:13px;--spectrum-field-edge-to-disclosure-icon-200:17px;--spectrum-field-edge-to-disclosure-icon-300:22px;--spectrum-field-end-edge-to-disclosure-icon-75:9px;--spectrum-field-end-edge-to-disclosure-icon-100:13px;--spectrum-field-end-edge-to-disclosure-icon-200:17px;--spectrum-field-end-edge-to-disclosure-icon-300:22px;--spectrum-field-top-to-disclosure-icon-75:9px;--spectrum-field-top-to-disclosure-icon-100:13px;--spectrum-field-top-to-disclosure-icon-200:17px;--spectrum-field-top-to-disclosure-icon-300:22px;--spectrum-field-top-to-alert-icon-small:5px;--spectrum-field-top-to-alert-icon-medium:9px;--spectrum-field-top-to-alert-icon-large:13px;--spectrum-field-top-to-alert-icon-extra-large:16px;--spectrum-field-top-to-validation-icon-small:9px;--spectrum-field-top-to-validation-icon-medium:13px;--spectrum-field-top-to-validation-icon-large:17px;--spectrum-field-top-to-validation-icon-extra-large:22px;--spectrum-field-top-to-progress-circle-small:7px;--spectrum-field-top-to-progress-circle-medium:12px;--spectrum-field-top-to-progress-circle-large:17px;--spectrum-field-top-to-progress-circle-extra-large:22px;--spectrum-field-edge-to-alert-icon-small:11px;--spectrum-field-edge-to-alert-icon-medium:15px;--spectrum-field-edge-to-alert-icon-large:19px;--spectrum-field-edge-to-alert-icon-extra-large:22px;--spectrum-field-edge-to-validation-icon-small:11px;--spectrum-field-edge-to-validation-icon-medium:15px;--spectrum-field-edge-to-validation-icon-large:19px;--spectrum-field-edge-to-validation-icon-extra-large:22px;--spectrum-field-text-to-alert-icon-small:10px;--spectrum-field-text-to-alert-icon-medium:15px;--spectrum-field-text-to-alert-icon-large:19px;--spectrum-field-text-to-alert-icon-extra-large:22px;--spectrum-field-text-to-validation-icon-small:10px;--spectrum-field-text-to-validation-icon-medium:15px;--spectrum-field-text-to-validation-icon-large:19px;--spectrum-field-text-to-validation-icon-extra-large:22px;--spectrum-field-width:240px;--spectrum-character-count-to-field-quiet-small:-4px;--spectrum-character-count-to-field-quiet-medium:-4px;--spectrum-character-count-to-field-quiet-large:-4px;--spectrum-character-count-to-field-quiet-extra-large:-5px;--spectrum-side-label-character-count-to-field:15px;--spectrum-side-label-character-count-top-margin-small:5px;--spectrum-side-label-character-count-top-margin-medium:10px;--spectrum-side-label-character-count-top-margin-large:14px;--spectrum-side-label-character-count-top-margin-extra-large:18px;--spectrum-disclosure-indicator-top-to-disclosure-icon-small:9px;--spectrum-disclosure-indicator-top-to-disclosure-icon-medium:13px;--spectrum-disclosure-indicator-top-to-disclosure-icon-large:17px;--spectrum-disclosure-indicator-top-to-disclosure-icon-extra-large:22px;--spectrum-navigational-indicator-top-to-back-icon-small:7px;--spectrum-navigational-indicator-top-to-back-icon-medium:12px;--spectrum-navigational-indicator-top-to-back-icon-large:16px;--spectrum-navigational-indicator-top-to-back-icon-extra-large:19px;--spectrum-color-control-track-width:30px;--spectrum-font-size-50:13px;--spectrum-font-size-75:15px;--spectrum-font-size-100:17px;--spectrum-font-size-200:19px;--spectrum-font-size-300:22px;--spectrum-font-size-400:24px;--spectrum-font-size-500:27px;--spectrum-font-size-600:31px;--spectrum-font-size-700:34px;--spectrum-font-size-800:39px;--spectrum-font-size-900:44px;--spectrum-font-size-1000:49px;--spectrum-font-size-1100:55px;--spectrum-font-size-1200:62px;--spectrum-font-size-1300:70px;--scale:large;--spectrum-alert-banner-close-button-spacing:var(--spectrum-spacing-200);--spectrum-alert-banner-edge-to-divider:var(--spectrum-spacing-200);--spectrum-alert-banner-edge-to-button:var(--spectrum-spacing-200);--spectrum-alert-banner-text-to-button-vertical:var(--spectrum-spacing-200);--spectrum-alert-dialog-padding:var(--spectrum-spacing-400);--spectrum-alert-dialog-description-to-buttons:var(--spectrum-spacing-600);--spectrum-assetcard-focus-ring-border-radius:9px;--spectrum-assetcard-selectionindicator-margin:15px;--spectrum-assetcard-title-font-size:var(--spectrum-heading-size-xxs);--spectrum-assetcard-header-content-font-size:var(--spectrum-heading-size-xxs);--spectrum-assetcard-content-font-size:var(--spectrum-body-size-xs);--spectrum-button-top-to-text-small:6px;--spectrum-button-bottom-to-text-small:5px;--spectrum-button-top-to-text-medium:9px;--spectrum-button-bottom-to-text-medium:10px;--spectrum-button-top-to-text-large:12px;--spectrum-button-bottom-to-text-large:13px;--spectrum-button-top-to-text-extra-large:16px;--spectrum-button-bottom-to-text-extra-large:17px;--spectrum-coach-indicator-gap:8px;--spectrum-coach-indicator-ring-diameter:20px;--spectrum-coach-indicator-quiet-ring-diameter:10px;--spectrum-coachmark-buttongroup-display:none;--spectrum-coachmark-buttongroup-mobile-display:flex;--spectrum-coachmark-menu-display:none;--spectrum-coachmark-menu-mobile-display:inline-flex;--spectrum-colorwheel-path:"M 119 119 m -119 0 a 119 119 0 1 0 238 0 a 119 119 0 1 0 -238 0.2 M 119 119 m -91 0 a 91 91 0 1 0 182 0 a 91 91 0 1 0 -182 0";--spectrum-colorwheel-path-borders:"M 120 120 m -120 0 a 120 120 0 1 0 240 0 a 120 120 0 1 0 -240 0.2 M 120 120 m -90 0 a 90 90 0 1 0 180 0 a 90 90 0 1 0 -180 0";--spectrum-colorwheel-colorarea-container-size:182px;--spectrum-colorloupe-checkerboard-fill:url(#checkerboard-secondary);--spectrum-contextual-help-content-spacing:var(--spectrum-spacing-200);--spectrum-datepicker-initial-width:160px;--spectrum-datepicker-generic-padding:15px;--spectrum-datepicker-dash-line-height:30px;--spectrum-datepicker-width-quiet-first:90px;--spectrum-datepicker-width-quiet-second:20px;--spectrum-datepicker-datetime-width-first:45px;--spectrum-datepicker-invalid-icon-to-button:10px;--spectrum-datepicker-invalid-icon-to-button-quiet:9px;--spectrum-datepicker-input-datetime-width:30px;--spectrum-dial-border-radius:20px;--spectrum-dial-handle-position:10px;--spectrum-dial-handle-block-margin:20px;--spectrum-dial-handle-inline-margin:20px;--spectrum-dial-controls-margin:10px;--spectrum-dial-label-gap-y:6px;--spectrum-dial-label-container-top-to-text:5px;--spectrum-dialog-confirm-entry-animation-distance:25px;--spectrum-dialog-confirm-hero-height:160px;--spectrum-dialog-confirm-border-radius:5px;--spectrum-dialog-confirm-title-text-size:19px;--spectrum-dialog-confirm-description-text-size:15px;--spectrum-dialog-confirm-padding-grid:24px;--spectrum-menu-item-selectable-edge-to-text-not-selected-small:34px;--spectrum-menu-item-selectable-edge-to-text-not-selected-medium:42px;--spectrum-menu-item-selectable-edge-to-text-not-selected-large:47px;--spectrum-menu-item-selectable-edge-to-text-not-selected-extra-large:54px;--spectrum-menu-item-checkmark-height-small:12px;--spectrum-menu-item-checkmark-height-medium:14px;--spectrum-menu-item-checkmark-height-large:16px;--spectrum-menu-item-checkmark-height-extra-large:16px;--spectrum-menu-item-checkmark-width-small:12px;--spectrum-menu-item-checkmark-width-medium:14px;--spectrum-menu-item-checkmark-width-large:16px;--spectrum-menu-item-checkmark-width-extra-large:16px;--spectrum-pagination-textfield-width:60px;--spectrum-pagination-item-inline-spacing:6px;--spectrum-rating-icon-spacing:var(--spectrum-spacing-100);--spectrum-slider-tick-mark-height:13px;--spectrum-slider-ramp-track-height:20px;--spectrum-treeview-item-indentation-medium:20px;--spectrum-treeview-item-indentation-small:15px;--spectrum-treeview-item-indentation-large:25px;--spectrum-treeview-item-indentation-extra-large:30px;--spectrum-treeview-indicator-inset-block-start:6px;--spectrum-treeview-item-min-block-size-thumbnail-offset-medium:2px;--spectrum-tooltip-animation-distance:5px;--spectrum-ui-icon-medium-display:none;--spectrum-ui-icon-large-display:block;--spectrum-well-border-radius:5px;--spectrum-well-margin-top:5px;--spectrum-well-min-width:300px;--spectrum-well-padding:20px;--spectrum-workflow-icon-size-xxl:40px;--spectrum-workflow-icon-size-xxs:15px}:root,:host{--spectrum-global-alias-appframe-border-size:1px;--swc-scale-factor:1.25} -`,Fv=Sy;p();var Ey=y` +`,Uv=_y;p();var Ay=y` :host,:root{--spectrum-focus-indicator-color:var(--spectrum-blue-800);--spectrum-static-white-focus-indicator-color:var(--spectrum-white);--spectrum-static-black-focus-indicator-color:var(--spectrum-black);--spectrum-overlay-color:var(--spectrum-black);--spectrum-drop-shadow-color:var(--spectrum-drop-shadow-color-100);--spectrum-opacity-disabled:.3;--spectrum-background-base-color:var(--spectrum-gray-25);--spectrum-background-layer-1-color:var(--spectrum-gray-50);--spectrum-neutral-background-color-default:var(--spectrum-gray-800);--spectrum-neutral-background-color-hover:var(--spectrum-gray-900);--spectrum-neutral-background-color-down:var(--spectrum-gray-900);--spectrum-neutral-background-color-key-focus:var(--spectrum-gray-900);--spectrum-neutral-background-color-selected-default:var(--spectrum-gray-800);--spectrum-neutral-background-color-selected-hover:var(--spectrum-gray-900);--spectrum-neutral-background-color-selected-down:var(--spectrum-gray-900);--spectrum-neutral-background-color-selected-key-focus:var(--spectrum-gray-900);--spectrum-neutral-subdued-content-color-selected:var(--spectrum-neutral-subdued-content-color-down);--spectrum-accent-content-color-selected:var(--spectrum-accent-content-color-down);--spectrum-disabled-background-color:var(--spectrum-gray-100);--spectrum-disabled-static-white-background-color:var(--spectrum-transparent-white-100);--spectrum-disabled-static-black-background-color:var(--spectrum-transparent-black-100);--spectrum-background-opacity-default:0;--spectrum-background-opacity-hover:.1;--spectrum-background-opacity-down:.1;--spectrum-background-opacity-key-focus:.1;--spectrum-neutral-content-color-default:var(--spectrum-gray-800);--spectrum-neutral-content-color-hover:var(--spectrum-gray-900);--spectrum-neutral-content-color-down:var(--spectrum-gray-900);--spectrum-neutral-content-color-focus-hover:var(--spectrum-neutral-content-color-down);--spectrum-neutral-content-color-focus:var(--spectrum-neutral-content-color-down);--spectrum-neutral-content-color-key-focus:var(--spectrum-gray-900);--spectrum-neutral-subdued-content-color-default:var(--spectrum-gray-700);--spectrum-neutral-subdued-content-color-hover:var(--spectrum-gray-800);--spectrum-neutral-subdued-content-color-down:var(--spectrum-gray-800);--spectrum-neutral-subdued-content-color-key-focus:var(--spectrum-gray-800);--spectrum-accent-content-color-default:var(--spectrum-accent-color-900);--spectrum-accent-content-color-hover:var(--spectrum-accent-color-1000);--spectrum-accent-content-color-down:var(--spectrum-accent-color-1000);--spectrum-accent-content-color-key-focus:var(--spectrum-accent-color-1000);--spectrum-negative-content-color-default:var(--spectrum-negative-color-900);--spectrum-negative-content-color-hover:var(--spectrum-negative-color-1000);--spectrum-negative-content-color-down:var(--spectrum-negative-color-1000);--spectrum-negative-content-color-key-focus:var(--spectrum-negative-color-1000);--spectrum-disabled-content-color:var(--spectrum-gray-400);--spectrum-disabled-static-white-content-color:var(--spectrum-transparent-white-400);--spectrum-disabled-static-black-content-color:var(--spectrum-transparent-black-400);--spectrum-disabled-border-color:var(--spectrum-gray-300);--spectrum-disabled-static-white-border-color:var(--spectrum-transparent-white-300);--spectrum-disabled-static-black-border-color:var(--spectrum-transparent-black-300);--spectrum-negative-border-color-default:var(--spectrum-negative-color-900);--spectrum-negative-border-color-hover:var(--spectrum-negative-color-1000);--spectrum-negative-border-color-down:var(--spectrum-negative-color-1100);--spectrum-negative-border-color-focus-hover:var(--spectrum-negative-border-color-down);--spectrum-negative-border-color-focus:var(--spectrum-negative-color-1000);--spectrum-negative-border-color-key-focus:var(--spectrum-negative-color-1000);--spectrum-title-color:var(--spectrum-gray-900);--spectrum-drop-shadow-emphasized-default-color:var(--spectrum-drop-shadow-color-100);--spectrum-drop-shadow-emphasized-hover-color:var(--spectrum-drop-shadow-color-200);--spectrum-drop-shadow-elevated-color:var(--spectrum-drop-shadow-color-200);--spectrum-drop-shadow-dragged-color:var(--spectrum-drop-shadow-color-300);--spectrum-static-black-text-color:var(--spectrum-black);--spectrum-static-white-text-color:var(--spectrum-white);--spectrum-track-color:var(--spectrum-gray-300);--spectrum-static-black-track-color:var(--spectrum-transparent-black-300);--spectrum-static-white-track-color:var(--spectrum-transparent-white-300);--spectrum-static-black-track-indicator-color:var(--spectrum-transparent-black-900);--spectrum-static-white-track-indicator-color:var(--spectrum-transparent-white-900);--spectrum-swatch-border-color:var(--spectrum-gray-900);--spectrum-swatch-border-opacity:.51;--spectrum-swatch-disabled-icon-border-color:var(--spectrum-black);--spectrum-swatch-disabled-icon-border-opacity:.51;--spectrum-thumbnail-border-color:var(--spectrum-gray-800);--spectrum-thumbnail-border-opacity:.1;--spectrum-thumbnail-opacity-disabled:var(--spectrum-opacity-disabled);--spectrum-opacity-checkerboard-square-light:var(--spectrum-white);--spectrum-avatar-opacity-disabled:var(--spectrum-opacity-disabled);--spectrum-color-area-border-color:var(--spectrum-gray-900);--spectrum-color-area-border-opacity:.1;--spectrum-color-slider-border-color:var(--spectrum-gray-900);--spectrum-color-slider-border-opacity:.1;--spectrum-color-loupe-drop-shadow-color:var(--spectrum-transparent-black-300);--spectrum-color-loupe-inner-border:var(--spectrum-transparent-black-200);--spectrum-color-loupe-outer-border:var(--spectrum-white);--spectrum-card-selection-background-color:var(--spectrum-gray-100);--spectrum-card-selection-background-color-opacity:.95;--spectrum-drop-zone-background-color:var(--spectrum-accent-visual-color);--spectrum-drop-zone-background-color-opacity:.1;--spectrum-drop-zone-background-color-opacity-filled:.3;--spectrum-coach-mark-pagination-color:var(--spectrum-gray-600);--spectrum-color-handle-inner-border-color:var(--spectrum-black);--spectrum-color-handle-inner-border-opacity:.42;--spectrum-color-handle-outer-border-color:var(--spectrum-black);--spectrum-color-handle-outer-border-opacity:var(--spectrum-color-handle-inner-border-opacity);--spectrum-color-handle-drop-shadow-color:var(--spectrum-drop-shadow-color);--spectrum-floating-action-button-drop-shadow-color:var(--spectrum-transparent-black-300);--spectrum-floating-action-button-shadow-color:var(--spectrum-floating-action-button-drop-shadow-color);--spectrum-table-row-hover-color:var(--spectrum-gray-900);--spectrum-table-row-hover-opacity:.07;--spectrum-table-selected-row-background-color:var(--spectrum-informative-background-color-default);--spectrum-table-selected-row-background-opacity:.1;--spectrum-table-selected-row-background-color-non-emphasized:var(--spectrum-neutral-background-color-selected-default);--spectrum-table-selected-row-background-opacity-non-emphasized:.1;--spectrum-table-row-down-opacity:.1;--spectrum-table-selected-row-background-opacity-hover:.15;--spectrum-table-selected-row-background-opacity-non-emphasized-hover:.15;--spectrum-black-rgb:0,0,0;--spectrum-black:rgba(var(--spectrum-black-rgb));--spectrum-transparent-black-1000-rgb:0,0,0;--spectrum-transparent-black-1000:rgba(var(--spectrum-transparent-black-1000-rgb));--spectrum-icon-color-inverse:var(--spectrum-gray-50);--spectrum-icon-color-primary-default:var(--spectrum-neutral-content-color-default);--spectrum-asterisk-icon-size-75:8px;--spectrum-radio-button-selection-indicator:4px;--spectrum-field-label-top-margin-small:0px;--spectrum-field-label-to-component:0px;--spectrum-help-text-to-component:0px;--spectrum-status-light-dot-size-small:8px;--spectrum-action-button-edge-to-hold-icon-extra-small:3px;--spectrum-action-button-edge-to-hold-icon-small:3px;--spectrum-button-minimum-width-multiplier:2.25;--spectrum-divider-thickness-small:1px;--spectrum-divider-thickness-medium:2px;--spectrum-divider-thickness-large:4px;--spectrum-swatch-rectangle-width-multiplier:2;--spectrum-swatch-slash-thickness-extra-small:2px;--spectrum-swatch-slash-thickness-small:3px;--spectrum-swatch-slash-thickness-medium:4px;--spectrum-swatch-slash-thickness-large:5px;--spectrum-progress-bar-minimum-width:48px;--spectrum-progress-bar-maximum-width:768px;--spectrum-meter-minimum-width:48px;--spectrum-meter-maximum-width:768px;--spectrum-meter-default-width:var(--spectrum-meter-width);--spectrum-in-line-alert-minimum-width:240px;--spectrum-popover-tip-width:16px;--spectrum-popover-tip-height:8px;--spectrum-menu-item-label-to-description:1px;--spectrum-menu-item-section-divider-height:8px;--spectrum-slider-track-thickness:2px;--spectrum-slider-handle-gap:4px;--spectrum-picker-minimum-width-multiplier:2;--spectrum-picker-border-width:var(--spectrum-border-width-100);--spectrum-picker-end-edge-to-disclousure-icon-quiet:var(--spectrum-picker-end-edge-to-disclosure-icon-quiet);--spectrum-picker-end-edge-to-disclosure-icon-quiet:0px;--spectrum-text-field-minimum-width-multiplier:1.5;--spectrum-combo-box-minimum-width-multiplier:2.5;--spectrum-combo-box-quiet-minimum-width-multiplier:2;--spectrum-combo-box-visual-to-field-button-quiet:0px;--spectrum-alert-dialog-minimum-width:288px;--spectrum-alert-dialog-maximum-width:480px;--spectrum-contextual-help-minimum-width:268px;--spectrum-breadcrumbs-height:var(--spectrum-component-height-300);--spectrum-breadcrumbs-height-compact:var(--spectrum-component-height-200);--spectrum-breadcrumbs-end-edge-to-text:0px;--spectrum-breadcrumbs-truncated-menu-to-separator-icon:0px;--spectrum-breadcrumbs-start-edge-to-truncated-menu:0px;--spectrum-breadcrumbs-truncated-menu-to-bottom-text:0px;--spectrum-alert-banner-to-top-workflow-icon:var(--spectrum-alert-banner-top-to-workflow-icon);--spectrum-alert-banner-to-top-text:var(--spectrum-alert-banner-top-to-text);--spectrum-alert-banner-to-bottom-text:var(--spectrum-alert-banner-bottom-to-text);--spectrum-color-area-border-width:var(--spectrum-border-width-100);--spectrum-color-area-border-rounding:var(--spectrum-corner-radius-medium-size-small);--spectrum-color-wheel-color-area-margin:12px;--spectrum-color-slider-border-width:1px;--spectrum-color-slider-border-rounding:var(--spectrum-corner-radius-medium-size-small);--spectrum-floating-action-button-drop-shadow-blur:12px;--spectrum-floating-action-button-drop-shadow-y:4px;--spectrum-illustrated-message-maximum-width:380px;--spectrum-search-field-minimum-width-multiplier:3;--spectrum-color-loupe-height:64px;--spectrum-color-loupe-width:48px;--spectrum-color-loupe-bottom-to-color-handle:12px;--spectrum-color-loupe-outer-border-width:var(--spectrum-border-width-200);--spectrum-color-loupe-inner-border-width:1px;--spectrum-color-loupe-drop-shadow-y:2px;--spectrum-color-loupe-drop-shadow-blur:8px;--spectrum-card-minimum-width:100px;--spectrum-card-preview-minimum-height:130px;--spectrum-card-selection-background-size:40px;--spectrum-drop-zone-width:428px;--spectrum-drop-zone-content-maximum-width:var(--spectrum-illustrated-message-maximum-width);--spectrum-drop-zone-border-dash-length:8px;--spectrum-drop-zone-border-dash-gap:4px;--spectrum-drop-zone-title-size:var(--spectrum-illustrated-message-title-size);--spectrum-drop-zone-cjk-title-size:var(--spectrum-illustrated-message-cjk-title-size);--spectrum-drop-zone-body-size:var(--spectrum-illustrated-message-body-size);--spectrum-accordion-top-to-text-compact-small:2px;--spectrum-accordion-top-to-text-compact-medium:4px;--spectrum-accordion-disclosure-indicator-to-text:0px;--spectrum-accordion-edge-to-disclosure-indicator:0px;--spectrum-accordion-edge-to-text:0px;--spectrum-accordion-focus-indicator-gap:0px;--spectrum-color-handle-border-width:var(--spectrum-border-width-200);--spectrum-color-handle-inner-border-width:1px;--spectrum-color-handle-outer-border-width:1px;--spectrum-color-handle-drop-shadow-x:0;--spectrum-color-handle-drop-shadow-y:0;--spectrum-color-handle-drop-shadow-blur:0;--spectrum-table-row-height-small-compact:var(--spectrum-component-height-75);--spectrum-table-row-height-medium-compact:var(--spectrum-component-height-100);--spectrum-table-row-height-large-compact:var(--spectrum-component-height-200);--spectrum-table-row-height-extra-large-compact:var(--spectrum-component-height-300);--spectrum-table-row-top-to-text-small-compact:var(--spectrum-component-top-to-text-75);--spectrum-table-row-top-to-text-medium-compact:var(--spectrum-component-top-to-text-100);--spectrum-table-row-top-to-text-large-compact:var(--spectrum-component-top-to-text-200);--spectrum-table-row-top-to-text-extra-large-compact:var(--spectrum-component-top-to-text-300);--spectrum-table-row-bottom-to-text-small-compact:var(--spectrum-component-bottom-to-text-75);--spectrum-table-row-bottom-to-text-medium-compact:var(--spectrum-component-bottom-to-text-100);--spectrum-table-row-bottom-to-text-large-compact:var(--spectrum-component-bottom-to-text-200);--spectrum-table-row-bottom-to-text-extra-large-compact:var(--spectrum-component-bottom-to-text-300);--spectrum-table-edge-to-content:16px;--spectrum-table-border-divider-width:1px;--spectrum-tab-item-height-small:var(--spectrum-component-height-200);--spectrum-tab-item-height-medium:var(--spectrum-component-height-300);--spectrum-tab-item-height-large:var(--spectrum-component-height-400);--spectrum-tab-item-height-extra-large:var(--spectrum-component-height-500);--spectrum-tab-item-compact-height-small:var(--spectrum-component-height-75);--spectrum-tab-item-compact-height-medium:var(--spectrum-component-height-100);--spectrum-tab-item-compact-height-large:var(--spectrum-component-height-200);--spectrum-tab-item-compact-height-extra-large:var(--spectrum-component-height-300);--spectrum-tab-item-start-to-edge-quiet:0px;--spectrum-in-field-button-width-stacked-small:20px;--spectrum-in-field-button-width-stacked-medium:28px;--spectrum-in-field-button-width-stacked-large:36px;--spectrum-in-field-button-width-stacked-extra-large:44px;--spectrum-in-field-button-fill-stacked-inner-border-rounding:0px;--spectrum-in-field-button-edge-to-fill:0px;--spectrum-in-field-button-stacked-inner-edge-to-fill:0px;--spectrum-in-field-button-edge-to-disclosure-icon-stacked-small:7px;--spectrum-in-field-button-edge-to-disclosure-icon-stacked-medium:9px;--spectrum-in-field-button-edge-to-disclosure-icon-stacked-large:13px;--spectrum-in-field-button-edge-to-disclosure-icon-stacked-extra-large:16px;--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-small:3px;--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-medium:3px;--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-large:4px;--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large:5px;--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-small:var(--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-small);--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-medium:var(--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-medium);--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-large:var(--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-large);--spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-extra-large:var(--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large);--spectrum-corner-radius-0:0px;--spectrum-corner-radius-75:4px;--spectrum-corner-radius-100:8px;--spectrum-corner-radius-200:10px;--spectrum-corner-radius-300:6px;--spectrum-corner-radius-400:7px;--spectrum-corner-radius-500:8px;--spectrum-corner-radius-600:9px;--spectrum-corner-radius-700:10px;--spectrum-corner-radius-800:16px;--spectrum-corner-radius-1000:.5;--spectrum-corner-radius-none:var(--spectrum-corner-radius-0);--spectrum-corner-radius-small-default:var(--spectrum-corner-radius-100);--spectrum-corner-radius-medium-default:var(--spectrum-corner-radius-500);--spectrum-corner-radius-large-default:var(--spectrum-corner-radius-700);--spectrum-corner-radius-extra-large-default:var(--spectrum-corner-radius-800);--spectrum-corner-radius-full:var(--spectrum-corner-radius-1000);--spectrum-corner-radius-small-size-small:var(--spectrum-corner-radius-75);--spectrum-corner-radius-small-size-medium:var(--spectrum-corner-radius-100);--spectrum-corner-radius-small-size-large:var(--spectrum-corner-radius-200);--spectrum-corner-radius-small-size-extra-large:var(--spectrum-corner-radius-300);--spectrum-corner-radius-medium-size-extra-small:var(--spectrum-corner-radius-300);--spectrum-corner-radius-medium-size-small:var(--spectrum-corner-radius-400);--spectrum-corner-radius-medium-size-medium:var(--spectrum-corner-radius-500);--spectrum-corner-radius-medium-size-large:var(--spectrum-corner-radius-600);--spectrum-corner-radius-medium-size-extra-large:var(--spectrum-corner-radius-700);--spectrum-drop-shadow-x:0px;--spectrum-spacing-50:2px;--spectrum-spacing-75:4px;--spectrum-spacing-100:8px;--spectrum-spacing-200:12px;--spectrum-spacing-300:16px;--spectrum-spacing-400:24px;--spectrum-spacing-500:32px;--spectrum-spacing-600:40px;--spectrum-spacing-700:48px;--spectrum-spacing-800:64px;--spectrum-spacing-900:80px;--spectrum-spacing-1000:96px;--spectrum-focus-indicator-thickness:2px;--spectrum-focus-indicator-gap:2px;--spectrum-border-width-100:1px;--spectrum-border-width-200:2px;--spectrum-border-width-400:4px;--spectrum-field-edge-to-text-quiet:0px;--spectrum-field-edge-to-visual-quiet:0px;--spectrum-field-edge-to-border-quiet:0px;--spectrum-field-edge-to-alert-icon-quiet:0px;--spectrum-field-edge-to-validation-icon-quiet:0px;--spectrum-text-underline-thickness:1px;--spectrum-text-underline-gap:1px;--spectrum-accent-color-100:var(--spectrum-blue-100);--spectrum-accent-color-200:var(--spectrum-blue-200);--spectrum-accent-color-300:var(--spectrum-blue-300);--spectrum-accent-color-400:var(--spectrum-blue-400);--spectrum-accent-color-500:var(--spectrum-blue-500);--spectrum-accent-color-600:var(--spectrum-blue-600);--spectrum-accent-color-700:var(--spectrum-blue-700);--spectrum-accent-color-800:var(--spectrum-blue-800);--spectrum-accent-color-900:var(--spectrum-blue-900);--spectrum-accent-color-1000:var(--spectrum-blue-1000);--spectrum-accent-color-1100:var(--spectrum-blue-1100);--spectrum-accent-color-1200:var(--spectrum-blue-1200);--spectrum-accent-color-1300:var(--spectrum-blue-1300);--spectrum-accent-color-1400:var(--spectrum-blue-1400);--spectrum-accent-color-1500:var(--spectrum-blue-1500);--spectrum-accent-color-1600:var(--spectrum-blue-1600);--spectrum-informative-color-100:var(--spectrum-blue-100);--spectrum-informative-color-200:var(--spectrum-blue-200);--spectrum-informative-color-300:var(--spectrum-blue-300);--spectrum-informative-color-400:var(--spectrum-blue-400);--spectrum-informative-color-500:var(--spectrum-blue-500);--spectrum-informative-color-600:var(--spectrum-blue-600);--spectrum-informative-color-700:var(--spectrum-blue-700);--spectrum-informative-color-800:var(--spectrum-blue-800);--spectrum-informative-color-900:var(--spectrum-blue-900);--spectrum-informative-color-1000:var(--spectrum-blue-1000);--spectrum-informative-color-1100:var(--spectrum-blue-1100);--spectrum-informative-color-1200:var(--spectrum-blue-1200);--spectrum-informative-color-1300:var(--spectrum-blue-1300);--spectrum-informative-color-1400:var(--spectrum-blue-1400);--spectrum-informative-color-1500:var(--spectrum-blue-1500);--spectrum-informative-color-1600:var(--spectrum-blue-1600);--spectrum-negative-color-100:var(--spectrum-red-100);--spectrum-negative-color-200:var(--spectrum-red-200);--spectrum-negative-color-300:var(--spectrum-red-300);--spectrum-negative-color-400:var(--spectrum-red-400);--spectrum-negative-color-500:var(--spectrum-red-500);--spectrum-negative-color-600:var(--spectrum-red-600);--spectrum-negative-color-700:var(--spectrum-red-700);--spectrum-negative-color-800:var(--spectrum-red-800);--spectrum-negative-color-900:var(--spectrum-red-900);--spectrum-negative-color-1000:var(--spectrum-red-1000);--spectrum-negative-color-1100:var(--spectrum-red-1100);--spectrum-negative-color-1200:var(--spectrum-red-1200);--spectrum-negative-color-1300:var(--spectrum-red-1300);--spectrum-negative-color-1400:var(--spectrum-red-1400);--spectrum-negative-color-1500:var(--spectrum-red-1500);--spectrum-negative-color-1600:var(--spectrum-red-1600);--spectrum-notice-color-100:var(--spectrum-orange-100);--spectrum-notice-color-200:var(--spectrum-orange-200);--spectrum-notice-color-300:var(--spectrum-orange-300);--spectrum-notice-color-400:var(--spectrum-orange-400);--spectrum-notice-color-500:var(--spectrum-orange-500);--spectrum-notice-color-600:var(--spectrum-orange-600);--spectrum-notice-color-700:var(--spectrum-orange-700);--spectrum-notice-color-800:var(--spectrum-orange-800);--spectrum-notice-color-900:var(--spectrum-orange-900);--spectrum-notice-color-1000:var(--spectrum-orange-1000);--spectrum-notice-color-1100:var(--spectrum-orange-1100);--spectrum-notice-color-1200:var(--spectrum-orange-1200);--spectrum-notice-color-1300:var(--spectrum-orange-1300);--spectrum-notice-color-1400:var(--spectrum-orange-1400);--spectrum-notice-color-1500:var(--spectrum-orange-1500);--spectrum-notice-color-1600:var(--spectrum-orange-1600);--spectrum-positive-color-100:var(--spectrum-green-100);--spectrum-positive-color-200:var(--spectrum-green-200);--spectrum-positive-color-300:var(--spectrum-green-300);--spectrum-positive-color-400:var(--spectrum-green-400);--spectrum-positive-color-500:var(--spectrum-green-500);--spectrum-positive-color-600:var(--spectrum-green-600);--spectrum-positive-color-700:var(--spectrum-green-700);--spectrum-positive-color-800:var(--spectrum-green-800);--spectrum-positive-color-900:var(--spectrum-green-900);--spectrum-positive-color-1000:var(--spectrum-green-1000);--spectrum-positive-color-1100:var(--spectrum-green-1100);--spectrum-positive-color-1200:var(--spectrum-green-1200);--spectrum-positive-color-1300:var(--spectrum-green-1300);--spectrum-positive-color-1400:var(--spectrum-green-1400);--spectrum-positive-color-1500:var(--spectrum-green-1500);--spectrum-positive-color-1600:var(--spectrum-green-1600);--spectrum-negative-subdued-background-color-hover:var(--spectrum-negative-color-300);--spectrum-negative-subdued-background-color-down:var(--spectrum-negative-color-300);--spectrum-negative-subdued-background-color-key-focus:var(--spectrum-negative-color-300);--spectrum-default-font-family:var(--spectrum-sans-serif-font-family);--spectrum-sans-serif-font-family:Adobe Clean;--spectrum-serif-font-family:Adobe Clean Serif;--spectrum-cjk-font-family:Adobe Clean Han;--spectrum-light-font-weight:300;--spectrum-regular-font-weight:400;--spectrum-medium-font-weight:500;--spectrum-bold-font-weight:700;--spectrum-extra-bold-font-weight:800;--spectrum-black-font-weight:900;--spectrum-italic-font-style:italic;--spectrum-default-font-style:normal;--spectrum-line-height-100:1.3;--spectrum-line-height-200:1.5;--spectrum-cjk-line-height-100:1.5;--spectrum-cjk-line-height-200:1.7;--spectrum-cjk-letter-spacing:.05em;--spectrum-heading-sans-serif-font-family:var(--spectrum-sans-serif-font-family);--spectrum-heading-serif-font-family:var(--spectrum-serif-font-family);--spectrum-heading-cjk-font-family:var(--spectrum-cjk-font-family);--spectrum-heading-sans-serif-light-font-weight:var(--spectrum-light-font-weight);--spectrum-heading-sans-serif-light-font-style:var(--spectrum-default-font-style);--spectrum-heading-serif-light-font-weight:var(--spectrum-regular-font-weight);--spectrum-heading-serif-light-font-style:var(--spectrum-default-font-style);--spectrum-heading-cjk-light-font-weight:var(--spectrum-light-font-weight);--spectrum-heading-cjk-light-font-style:var(--spectrum-default-font-style);--spectrum-heading-sans-serif-font-weight:var(--spectrum-bold-font-weight);--spectrum-heading-sans-serif-font-style:var(--spectrum-default-font-style);--spectrum-heading-serif-font-weight:var(--spectrum-bold-font-weight);--spectrum-heading-serif-font-style:var(--spectrum-default-font-style);--spectrum-heading-cjk-font-weight:var(--spectrum-extra-bold-font-weight);--spectrum-heading-cjk-font-style:var(--spectrum-default-font-style);--spectrum-heading-sans-serif-heavy-font-weight:var(--spectrum-black-font-weight);--spectrum-heading-sans-serif-heavy-font-style:var(--spectrum-default-font-style);--spectrum-heading-serif-heavy-font-weight:var(--spectrum-black-font-weight);--spectrum-heading-serif-heavy-font-style:var(--spectrum-default-font-style);--spectrum-heading-cjk-heavy-font-weight:var(--spectrum-black-font-weight);--spectrum-heading-cjk-heavy-font-style:var(--spectrum-default-font-style);--spectrum-heading-sans-serif-light-strong-font-weight:var(--spectrum-bold-font-weight);--spectrum-heading-sans-serif-light-strong-font-style:var(--spectrum-default-font-style);--spectrum-heading-serif-light-strong-font-weight:var(--spectrum-bold-font-weight);--spectrum-heading-serif-light-strong-font-style:var(--spectrum-default-font-style);--spectrum-heading-cjk-light-strong-font-weight:var(--spectrum-extra-bold-font-weight);--spectrum-heading-cjk-light-strong-font-style:var(--spectrum-default-font-style);--spectrum-heading-sans-serif-strong-font-weight:var(--spectrum-black-font-weight);--spectrum-heading-sans-serif-strong-font-style:var(--spectrum-default-font-style);--spectrum-heading-serif-strong-font-weight:var(--spectrum-black-font-weight);--spectrum-heading-serif-strong-font-style:var(--spectrum-default-font-style);--spectrum-heading-cjk-strong-font-weight:var(--spectrum-black-font-weight);--spectrum-heading-cjk-strong-font-style:var(--spectrum-default-font-style);--spectrum-heading-sans-serif-heavy-strong-font-weight:var(--spectrum-black-font-weight);--spectrum-heading-sans-serif-heavy-strong-font-style:var(--spectrum-default-font-style);--spectrum-heading-serif-heavy-strong-font-weight:var(--spectrum-black-font-weight);--spectrum-heading-serif-heavy-strong-font-style:var(--spectrum-default-font-style);--spectrum-heading-cjk-heavy-strong-font-weight:var(--spectrum-black-font-weight);--spectrum-heading-cjk-heavy-strong-font-style:var(--spectrum-default-font-style);--spectrum-heading-sans-serif-light-emphasized-font-weight:var(--spectrum-light-font-weight);--spectrum-heading-sans-serif-light-emphasized-font-style:var(--spectrum-italic-font-style);--spectrum-heading-serif-light-emphasized-font-weight:var(--spectrum-regular-font-weight);--spectrum-heading-serif-light-emphasized-font-style:var(--spectrum-italic-font-style);--spectrum-heading-cjk-light-emphasized-font-weight:var(--spectrum-regular-font-weight);--spectrum-heading-cjk-light-emphasized-font-style:var(--spectrum-default-font-style);--spectrum-heading-sans-serif-emphasized-font-weight:var(--spectrum-bold-font-weight);--spectrum-heading-sans-serif-emphasized-font-style:var(--spectrum-italic-font-style);--spectrum-heading-serif-emphasized-font-weight:var(--spectrum-bold-font-weight);--spectrum-heading-serif-emphasized-font-style:var(--spectrum-italic-font-style);--spectrum-heading-cjk-emphasized-font-weight:var(--spectrum-black-font-weight);--spectrum-heading-cjk-emphasized-font-style:var(--spectrum-default-font-style);--spectrum-heading-sans-serif-heavy-emphasized-font-weight:var(--spectrum-black-font-weight);--spectrum-heading-sans-serif-heavy-emphasized-font-style:var(--spectrum-italic-font-style);--spectrum-heading-serif-heavy-emphasized-font-weight:var(--spectrum-black-font-weight);--spectrum-heading-serif-heavy-emphasized-font-style:var(--spectrum-italic-font-style);--spectrum-heading-cjk-heavy-emphasized-font-weight:var(--spectrum-black-font-weight);--spectrum-heading-cjk-heavy-emphasized-font-style:var(--spectrum-default-font-style);--spectrum-heading-sans-serif-light-strong-emphasized-font-weight:var(--spectrum-bold-font-weight);--spectrum-heading-sans-serif-light-strong-emphasized-font-style:var(--spectrum-italic-font-style);--spectrum-heading-serif-light-strong-emphasized-font-weight:var(--spectrum-bold-font-weight);--spectrum-heading-serif-light-strong-emphasized-font-style:var(--spectrum-italic-font-style);--spectrum-heading-cjk-light-strong-emphasized-font-weight:var(--spectrum-extra-bold-font-weight);--spectrum-heading-cjk-light-strong-emphasized-font-style:var(--spectrum-default-font-style);--spectrum-heading-sans-serif-strong-emphasized-font-weight:var(--spectrum-black-font-weight);--spectrum-heading-sans-serif-strong-emphasized-font-style:var(--spectrum-italic-font-style);--spectrum-heading-serif-strong-emphasized-font-weight:var(--spectrum-black-font-weight);--spectrum-heading-serif-strong-emphasized-font-style:var(--spectrum-italic-font-style);--spectrum-heading-cjk-strong-emphasized-font-weight:var(--spectrum-black-font-weight);--spectrum-heading-cjk-strong-emphasized-font-style:var(--spectrum-default-font-style);--spectrum-heading-sans-serif-heavy-strong-emphasized-font-weight:var(--spectrum-black-font-weight);--spectrum-heading-sans-serif-heavy-strong-emphasized-font-style:var(--spectrum-italic-font-style);--spectrum-heading-serif-heavy-strong-emphasized-font-weight:var(--spectrum-black-font-weight);--spectrum-heading-serif-heavy-strong-emphasized-font-style:var(--spectrum-italic-font-style);--spectrum-heading-cjk-heavy-strong-emphasized-font-weight:var(--spectrum-black-font-weight);--spectrum-heading-cjk-heavy-strong-emphasized-font-style:var(--spectrum-default-font-style);--spectrum-heading-size-xxxl:var(--spectrum-font-size-1300);--spectrum-heading-size-xxl:var(--spectrum-font-size-1100);--spectrum-heading-size-xl:var(--spectrum-font-size-900);--spectrum-heading-size-l:var(--spectrum-font-size-700);--spectrum-heading-size-m:var(--spectrum-font-size-500);--spectrum-heading-size-s:var(--spectrum-font-size-300);--spectrum-heading-size-xs:var(--spectrum-font-size-200);--spectrum-heading-size-xxs:var(--spectrum-font-size-100);--spectrum-heading-cjk-size-xxxl:var(--spectrum-font-size-1300);--spectrum-heading-cjk-size-xxl:var(--spectrum-font-size-900);--spectrum-heading-cjk-size-xl:var(--spectrum-font-size-800);--spectrum-heading-cjk-size-l:var(--spectrum-font-size-600);--spectrum-heading-cjk-size-m:var(--spectrum-font-size-400);--spectrum-heading-cjk-size-s:var(--spectrum-font-size-300);--spectrum-heading-cjk-size-xs:var(--spectrum-font-size-200);--spectrum-heading-cjk-size-xxs:var(--spectrum-font-size-100);--spectrum-heading-line-height:var(--spectrum-line-height-100);--spectrum-heading-cjk-line-height:var(--spectrum-cjk-line-height-100);--spectrum-heading-margin-top-multiplier:.888889;--spectrum-heading-margin-bottom-multiplier:.25;--spectrum-heading-color:var(--spectrum-gray-900);--spectrum-body-sans-serif-font-family:var(--spectrum-sans-serif-font-family);--spectrum-body-serif-font-family:var(--spectrum-serif-font-family);--spectrum-body-cjk-font-family:var(--spectrum-cjk-font-family);--spectrum-body-sans-serif-font-weight:var(--spectrum-regular-font-weight);--spectrum-body-sans-serif-font-style:var(--spectrum-default-font-style);--spectrum-body-serif-font-weight:var(--spectrum-regular-font-weight);--spectrum-body-serif-font-style:var(--spectrum-default-font-style);--spectrum-body-cjk-font-weight:var(--spectrum-regular-font-weight);--spectrum-body-cjk-font-style:var(--spectrum-default-font-style);--spectrum-body-sans-serif-strong-font-weight:var(--spectrum-bold-font-weight);--spectrum-body-sans-serif-strong-font-style:var(--spectrum-default-font-style);--spectrum-body-serif-strong-font-weight:var(--spectrum-bold-font-weight);--spectrum-body-serif-strong-font-style:var(--spectrum-default-font-style);--spectrum-body-cjk-strong-font-weight:var(--spectrum-black-font-weight);--spectrum-body-cjk-strong-font-style:var(--spectrum-default-font-style);--spectrum-body-sans-serif-emphasized-font-weight:var(--spectrum-regular-font-weight);--spectrum-body-sans-serif-emphasized-font-style:var(--spectrum-italic-font-style);--spectrum-body-serif-emphasized-font-weight:var(--spectrum-regular-font-weight);--spectrum-body-serif-emphasized-font-style:var(--spectrum-italic-font-style);--spectrum-body-cjk-emphasized-font-weight:var(--spectrum-extra-bold-font-weight);--spectrum-body-cjk-emphasized-font-style:var(--spectrum-default-font-style);--spectrum-body-sans-serif-strong-emphasized-font-weight:var(--spectrum-bold-font-weight);--spectrum-body-sans-serif-strong-emphasized-font-style:var(--spectrum-italic-font-style);--spectrum-body-serif-strong-emphasized-font-weight:var(--spectrum-bold-font-weight);--spectrum-body-serif-strong-emphasized-font-style:var(--spectrum-italic-font-style);--spectrum-body-cjk-strong-emphasized-font-weight:var(--spectrum-black-font-weight);--spectrum-body-cjk-strong-emphasized-font-style:var(--spectrum-default-font-style);--spectrum-body-size-xxxl:var(--spectrum-font-size-600);--spectrum-body-size-xxl:var(--spectrum-font-size-500);--spectrum-body-size-xl:var(--spectrum-font-size-400);--spectrum-body-size-l:var(--spectrum-font-size-300);--spectrum-body-size-m:var(--spectrum-font-size-200);--spectrum-body-size-s:var(--spectrum-font-size-100);--spectrum-body-size-xs:var(--spectrum-font-size-75);--spectrum-body-line-height:var(--spectrum-line-height-200);--spectrum-body-cjk-line-height:var(--spectrum-cjk-line-height-200);--spectrum-body-margin-multiplier:.75;--spectrum-body-color:var(--spectrum-gray-800);--spectrum-detail-sans-serif-font-family:var(--spectrum-sans-serif-font-family);--spectrum-detail-serif-font-family:var(--spectrum-serif-font-family);--spectrum-detail-cjk-font-family:var(--spectrum-cjk-font-family);--spectrum-detail-sans-serif-font-weight:var(--spectrum-bold-font-weight);--spectrum-detail-sans-serif-font-style:var(--spectrum-default-font-style);--spectrum-detail-serif-font-weight:var(--spectrum-bold-font-weight);--spectrum-detail-serif-font-style:var(--spectrum-default-font-style);--spectrum-detail-cjk-font-weight:var(--spectrum-extra-bold-font-weight);--spectrum-detail-cjk-font-style:var(--spectrum-default-font-style);--spectrum-detail-sans-serif-light-font-weight:var(--spectrum-regular-font-weight);--spectrum-detail-sans-serif-light-font-style:var(--spectrum-default-font-style);--spectrum-detail-serif-light-font-weight:var(--spectrum-regular-font-weight);--spectrum-detail-serif-light-font-style:var(--spectrum-default-font-style);--spectrum-detail-cjk-light-font-weight:var(--spectrum-light-font-weight);--spectrum-detail-cjk-light-font-style:var(--spectrum-default-font-style);--spectrum-detail-sans-serif-strong-font-weight:var(--spectrum-bold-font-weight);--spectrum-detail-sans-serif-strong-font-style:var(--spectrum-default-font-style);--spectrum-detail-serif-strong-font-weight:var(--spectrum-bold-font-weight);--spectrum-detail-serif-strong-font-style:var(--spectrum-default-font-style);--spectrum-detail-cjk-strong-font-weight:var(--spectrum-black-font-weight);--spectrum-detail-cjk-strong-font-style:var(--spectrum-default-font-style);--spectrum-detail-sans-serif-light-strong-font-weight:var(--spectrum-regular-font-weight);--spectrum-detail-sans-serif-light-strong-font-style:var(--spectrum-default-font-style);--spectrum-detail-serif-light-strong-font-weight:var(--spectrum-regular-font-weight);--spectrum-detail-serif-light-strong-font-style:var(--spectrum-default-font-style);--spectrum-detail-cjk-light-strong-font-weight:var(--spectrum-extra-bold-font-weight);--spectrum-detail-cjk-light-strong-font-style:var(--spectrum-default-font-style);--spectrum-detail-sans-serif-emphasized-font-weight:var(--spectrum-bold-font-weight);--spectrum-detail-sans-serif-emphasized-font-style:var(--spectrum-italic-font-style);--spectrum-detail-serif-emphasized-font-weight:var(--spectrum-bold-font-weight);--spectrum-detail-serif-emphasized-font-style:var(--spectrum-italic-font-style);--spectrum-detail-cjk-emphasized-font-weight:var(--spectrum-black-font-weight);--spectrum-detail-cjk-emphasized-font-style:var(--spectrum-default-font-style);--spectrum-detail-sans-serif-light-emphasized-font-weight:var(--spectrum-regular-font-weight);--spectrum-detail-sans-serif-light-emphasized-font-style:var(--spectrum-italic-font-style);--spectrum-detail-serif-light-emphasized-font-weight:var(--spectrum-regular-font-weight);--spectrum-detail-serif-light-emphasized-font-style:var(--spectrum-italic-font-style);--spectrum-detail-cjk-light-emphasized-font-weight:var(--spectrum-regular-font-weight);--spectrum-detail-cjk-light-emphasized-font-style:var(--spectrum-default-font-style);--spectrum-detail-sans-serif-strong-emphasized-font-weight:var(--spectrum-bold-font-weight);--spectrum-detail-sans-serif-strong-emphasized-font-style:var(--spectrum-italic-font-style);--spectrum-detail-serif-strong-emphasized-font-weight:var(--spectrum-bold-font-weight);--spectrum-detail-serif-strong-emphasized-font-style:var(--spectrum-italic-font-style);--spectrum-detail-cjk-strong-emphasized-font-weight:var(--spectrum-black-font-weight);--spectrum-detail-cjk-strong-emphasized-font-style:var(--spectrum-default-font-style);--spectrum-detail-sans-serif-light-strong-emphasized-font-weight:var(--spectrum-regular-font-weight);--spectrum-detail-sans-serif-light-strong-emphasized-font-style:var(--spectrum-italic-font-style);--spectrum-detail-serif-light-strong-emphasized-font-weight:var(--spectrum-regular-font-weight);--spectrum-detail-serif-light-strong-emphasized-font-style:var(--spectrum-italic-font-style);--spectrum-detail-cjk-light-strong-emphasized-font-weight:var(--spectrum-extra-bold-font-weight);--spectrum-detail-cjk-light-strong-emphasized-font-style:var(--spectrum-default-font-style);--spectrum-detail-size-xl:var(--spectrum-font-size-200);--spectrum-detail-size-l:var(--spectrum-font-size-100);--spectrum-detail-size-m:var(--spectrum-font-size-75);--spectrum-detail-size-s:var(--spectrum-font-size-50);--spectrum-detail-line-height:var(--spectrum-line-height-100);--spectrum-detail-cjk-line-height:var(--spectrum-cjk-line-height-100);--spectrum-detail-margin-top-multiplier:.888889;--spectrum-detail-margin-bottom-multiplier:.25;--spectrum-detail-letter-spacing:.06em;--spectrum-detail-sans-serif-text-transform:uppercase;--spectrum-detail-serif-text-transform:uppercase;--spectrum-detail-color:var(--spectrum-gray-900);--spectrum-code-font-family:Source Code Pro;--spectrum-code-cjk-font-family:var(--spectrum-code-font-family);--spectrum-code-font-weight:var(--spectrum-regular-font-weight);--spectrum-code-font-style:var(--spectrum-default-font-style);--spectrum-code-cjk-font-weight:var(--spectrum-regular-font-weight);--spectrum-code-cjk-font-style:var(--spectrum-default-font-style);--spectrum-code-strong-font-weight:var(--spectrum-bold-font-weight);--spectrum-code-strong-font-style:var(--spectrum-default-font-style);--spectrum-code-cjk-strong-font-weight:var(--spectrum-black-font-weight);--spectrum-code-cjk-strong-font-style:var(--spectrum-default-font-style);--spectrum-code-emphasized-font-weight:var(--spectrum-regular-font-weight);--spectrum-code-emphasized-font-style:var(--spectrum-italic-font-style);--spectrum-code-cjk-emphasized-font-weight:var(--spectrum-bold-font-weight);--spectrum-code-cjk-emphasized-font-style:var(--spectrum-default-font-style);--spectrum-code-strong-emphasized-font-weight:var(--spectrum-bold-font-weight);--spectrum-code-strong-emphasized-font-style:var(--spectrum-italic-font-style);--spectrum-code-cjk-strong-emphasized-font-weight:var(--spectrum-black-font-weight);--spectrum-code-cjk-strong-emphasized-font-style:var(--spectrum-default-font-style);--spectrum-code-size-xl:var(--spectrum-font-size-400);--spectrum-code-size-l:var(--spectrum-font-size-300);--spectrum-code-size-m:var(--spectrum-font-size-200);--spectrum-code-size-s:var(--spectrum-font-size-100);--spectrum-code-size-xs:var(--spectrum-font-size-75);--spectrum-code-line-height:var(--spectrum-line-height-200);--spectrum-code-cjk-line-height:var(--spectrum-cjk-line-height-200);--spectrum-code-color:var(--spectrum-gray-800);--system:spectrum;--spectrum-animation-duration-0:0s;--spectrum-animation-duration-100:.13s;--spectrum-animation-duration-200:.16s;--spectrum-animation-duration-300:.19s;--spectrum-animation-duration-400:.22s;--spectrum-animation-duration-500:.25s;--spectrum-animation-duration-600:.3s;--spectrum-animation-duration-700:.35s;--spectrum-animation-duration-800:.4s;--spectrum-animation-duration-900:.45s;--spectrum-animation-duration-1000:.5s;--spectrum-animation-duration-2000:1s;--spectrum-animation-duration-4000:2s;--spectrum-animation-duration-6000:3s;--spectrum-animation-linear:cubic-bezier(0,0,1,1);--spectrum-animation-ease-in-out:cubic-bezier(.45,0,.4,1);--spectrum-animation-ease-in:cubic-bezier(.5,0,1,1);--spectrum-animation-ease-out:cubic-bezier(0,0,.4,1);--spectrum-animation-ease-linear:cubic-bezier(0,0,1,1);--spectrum-sans-font-family-stack:adobe-clean,var(--spectrum-sans-serif-font-family),"Source Sans Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Trebuchet MS","Lucida Grande",sans-serif;--spectrum-sans-serif-font:var(--spectrum-sans-font-family-stack);--spectrum-serif-font-family-stack:adobe-clean-serif,var(--spectrum-serif-font-family),"Source Serif Pro",Georgia,serif;--spectrum-serif-font:var(--spectrum-serif-font-family-stack);--spectrum-code-font-family-stack:"Source Code Pro",Monaco,monospace;--spectrum-font-family-ar:myriad-arabic,adobe-clean,"Source Sans Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Trebuchet MS","Lucida Grande",sans-serif;--spectrum-font-family-he:myriad-hebrew,adobe-clean,"Source Sans Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Trebuchet MS","Lucida Grande",sans-serif;--spectrum-font-family:var(--spectrum-sans-font-family-stack);--spectrum-font-style:var(--spectrum-default-font-style);--spectrum-font-size:var(--spectrum-font-size-100);--spectrum-cjk-font-family-stack:adobe-clean-han-japanese,var(--spectrum-cjk-font-family),sans-serif;--spectrum-cjk-font:var(--spectrum-cjk-font-family-stack);--spectrum-docs-static-white-background-color-rgb:15,121,125;--spectrum-docs-static-white-background-color:rgba(var(--spectrum-docs-static-white-background-color-rgb));--spectrum-docs-static-black-background-color-rgb:181,209,211;--spectrum-docs-static-black-background-color:rgba(var(--spectrum-docs-static-black-background-color-rgb));--spectrum-coach-indicator-ring-static-white-color:var(--spectrum-white);--system-accordion-divider-color:var(--spectrum-gray-200);--system-accordion-item-content-disabled-color:var(--spectrum-disabled-content-color);--system-accordion-item-content-color:var(--spectrum-body-color);--system-action-bar-popover-background-color:var(--spectrum-gray-25);--system-action-bar-popover-border-color:var(--spectrum-gray-400);--system-action-button-background-color-default:var(--spectrum-gray-100);--system-action-button-background-color-hover:var(--spectrum-gray-200);--system-action-button-background-color-down:var(--spectrum-gray-200);--system-action-button-background-color-focus:var(--spectrum-gray-200);--system-action-button-background-color-disabled:var(--spectrum-disabled-background-color);--system-action-button-background-color-selected:var(--spectrum-neutral-background-color-selected-default);--system-action-button-background-color-selected-hover:var(--spectrum-neutral-background-color-selected-hover);--system-action-button-background-color-selected-down:var(--spectrum-neutral-background-color-selected-down);--system-action-button-background-color-selected-focus:var(--spectrum-neutral-background-color-selected-key-focus);--system-action-button-border-color-default:transparent;--system-action-button-border-color-hover:transparent;--system-action-button-border-color-down:transparent;--system-action-button-border-color-focus:transparent;--system-action-button-border-color-disabled:transparent;--system-action-button-content-color-selected:var(--spectrum-gray-50);--system-action-button-size-m-border-radius-default:var(--spectrum-corner-radius-medium-size-medium);--system-action-button-size-xs-border-radius-default:var(--spectrum-corner-radius-medium-size-extra-small);--system-action-button-size-s-border-radius-default:var(--spectrum-corner-radius-medium-size-small);--system-action-button-size-l-border-radius-default:var(--spectrum-corner-radius-medium-size-large);--system-action-button-size-xl-border-radius-default:var(--spectrum-corner-radius-medium-size-extra-large);--system-action-button-quiet-background-color-default:transparent;--system-action-button-quiet-background-color-hover:var(--spectrum-gray-200);--system-action-button-quiet-background-color-down:var(--spectrum-gray-200);--system-action-button-quiet-background-color-focus:var(--spectrum-gray-200);--system-action-button-quiet-background-color-disabled:transparent;--system-action-button-quiet-background-color-selected-disabled:var(--spectrum-disabled-background-color);--system-action-button-static-black-border-color-default:transparent;--system-action-button-static-black-border-color-hover:transparent;--system-action-button-static-black-border-color-down:transparent;--system-action-button-static-black-border-color-focus:transparent;--system-action-button-static-black-border-color-disabled:transparent;--system-action-button-static-black-background-color-disabled:var(--spectrum-disabled-static-black-background-color);--system-action-button-static-black-background-color-selected-disabled:var(--spectrum-disabled-static-black-background-color);--system-action-button-static-black-background-color-default:var(--spectrum-transparent-black-100);--system-action-button-static-black-background-color-hover:var(--spectrum-transparent-black-200);--system-action-button-static-black-background-color-down:var(--spectrum-transparent-black-200);--system-action-button-static-black-background-color-focus:var(--spectrum-transparent-black-200);--system-action-button-static-black-quiet-background-color-default:transparent;--system-action-button-static-black-quiet-background-color-hover:var(--spectrum-transparent-black-200);--system-action-button-static-black-quiet-background-color-down:var(--spectrum-transparent-black-200);--system-action-button-static-black-quiet-background-color-focus:var(--spectrum-transparent-black-200);--system-action-button-static-black-quiet-background-color-disabled:transparent;--system-action-button-static-white-border-color-default:transparent;--system-action-button-static-white-border-color-hover:transparent;--system-action-button-static-white-border-color-down:transparent;--system-action-button-static-white-border-color-focus:transparent;--system-action-button-static-white-border-color-disabled:transparent;--system-action-button-static-white-background-color-disabled:var(--spectrum-disabled-static-white-background-color);--system-action-button-static-white-background-color-selected-disabled:var(--spectrum-disabled-static-white-background-color);--system-action-button-static-white-background-color-default:var(--spectrum-transparent-white-100);--system-action-button-static-white-background-color-hover:var(--spectrum-transparent-white-200);--system-action-button-static-white-background-color-down:var(--spectrum-transparent-white-200);--system-action-button-static-white-background-color-focus:var(--spectrum-transparent-white-200);--system-action-button-static-white-quiet-background-color-default:transparent;--system-action-button-static-white-quiet-background-color-hover:var(--spectrum-transparent-white-200);--system-action-button-static-white-quiet-background-color-down:var(--spectrum-transparent-white-200);--system-action-button-static-white-quiet-background-color-focus:var(--spectrum-transparent-white-200);--system-action-button-static-white-quiet-background-color-disabled:transparent;--system-action-group-gap-size-compact:0;--system-action-group-horizontal-spacing-compact:-1px;--system-action-group-vertical-spacing-compact:-1px;--system-alert-banner-neutral-background:var(--spectrum-neutral-subdued-background-color-default);--system-asset-folder-background-color:var(--spectrum-gray-200);--system-asset-file-background-color:var(--spectrum-gray-25);--system-asset-icon-outline-color:var(--spectrum-gray-500);--system-button-background-color-default:var(--spectrum-gray-50);--system-button-background-color-hover:var(--spectrum-gray-100);--system-button-background-color-down:var(--spectrum-gray-200);--system-button-background-color-focus:var(--spectrum-gray-100);--system-button-border-color-default:var(--spectrum-gray-400);--system-button-border-color-hover:var(--spectrum-gray-500);--system-button-border-color-down:var(--spectrum-gray-600);--system-button-border-color-focus:var(--spectrum-gray-500);--system-button-background-color-disabled:transparent;--system-button-border-color-disabled:var(--spectrum-disabled-border-color);--system-button-selected-background-color-default:var(--spectrum-neutral-subdued-background-color-default);--system-button-selected-background-color-hover:var(--spectrum-neutral-subdued-background-color-hover);--system-button-selected-background-color-down:var(--spectrum-neutral-subdued-background-color-down);--system-button-selected-background-color-focus:var(--spectrum-neutral-subdued-background-color-key-focus);--system-button-primary-content-color-default:var(--spectrum-gray-25);--system-button-primary-content-color-hover:var(--spectrum-gray-25);--system-button-primary-content-color-down:var(--spectrum-gray-25);--system-button-primary-content-color-focus:var(--spectrum-gray-25);--system-button-primary-outline-background-color-hover:var(--spectrum-gray-100);--system-button-primary-outline-background-color-down:var(--spectrum-gray-100);--system-button-primary-outline-background-color-focus:var(--spectrum-gray-100);--system-button-secondary-background-color-default:var(--spectrum-gray-100);--system-button-secondary-background-color-hover:var(--spectrum-gray-200);--system-button-secondary-background-color-down:var(--spectrum-gray-200);--system-button-secondary-background-color-focus:var(--spectrum-gray-200);--system-button-secondary-outline-background-color-hover:var(--spectrum-gray-100);--system-button-secondary-outline-background-color-down:var(--spectrum-gray-100);--system-button-secondary-outline-background-color-focus:var(--spectrum-gray-100);--system-button-secondary-outline-border-color-default:var(--spectrum-gray-300);--system-button-secondary-outline-border-color-down:var(--spectrum-gray-400);--system-button-static-white-background-color-default:var(--spectrum-transparent-white-800);--system-button-static-white-background-color-hover:var(--spectrum-transparent-white-900);--system-button-static-white-background-color-down:var(--spectrum-transparent-white-900);--system-button-static-white-background-color-focus:var(--spectrum-transparent-white-900);--system-button-static-white-content-color-default:var(--spectrum-black);--system-button-static-white-content-color-hover:var(--spectrum-black);--system-button-static-white-content-color-down:var(--spectrum-black);--system-button-static-white-content-color-focus:var(--spectrum-black);--system-button-static-white-outline-background-color-default:var(--spectrum-transparent-white-25);--system-button-static-white-outline-background-color-hover:var(--spectrum-transparent-white-100);--system-button-static-white-outline-background-color-down:var(--spectrum-transparent-white-100);--system-button-static-white-outline-background-color-focus:var(--spectrum-transparent-white-100);--system-button-static-white-outline-content-color-default:var(--spectrum-transparent-white-800);--system-button-static-white-outline-content-color-hover:var(--spectrum-transparent-white-900);--system-button-static-white-outline-content-color-down:var(--spectrum-transparent-white-900);--system-button-static-white-outline-content-color-focus:var(--spectrum-transparent-white-900);--system-button-static-white-outline-border-color-default:var(--spectrum-transparent-white-800);--system-button-static-white-outline-border-color-hover:var(--spectrum-transparent-white-900);--system-button-static-white-outline-border-color-down:var(--spectrum-transparent-white-900);--system-button-static-white-outline-border-color-focus:var(--spectrum-transparent-white-900);--system-button-static-white-secondary-background-color-default:var(--spectrum-transparent-white-100);--system-button-static-white-secondary-background-color-hover:var(--spectrum-transparent-white-200);--system-button-static-white-secondary-background-color-down:var(--spectrum-transparent-white-200);--system-button-static-white-secondary-background-color-focus:var(--spectrum-transparent-white-200);--system-button-static-white-secondary-content-color-default:var(--spectrum-transparent-white-800);--system-button-static-white-secondary-content-color-hover:var(--spectrum-transparent-white-900);--system-button-static-white-secondary-content-color-down:var(--spectrum-transparent-white-900);--system-button-static-white-secondary-content-color-focus:var(--spectrum-transparent-white-900);--system-button-static-white-secondary-outline-border-color-default:var(--spectrum-transparent-white-300);--system-button-static-white-secondary-outline-border-color-hover:var(--spectrum-transparent-white-400);--system-button-static-white-secondary-outline-border-color-down:var(--spectrum-transparent-white-400);--system-button-static-white-secondary-outline-border-color-focus:var(--spectrum-transparent-white-400);--system-button-static-white-secondary-outline-background-color-default:var(--spectrum-transparent-white-25);--system-button-static-white-secondary-outline-background-color-hover:var(--spectrum-transparent-white-100);--system-button-static-white-secondary-outline-background-color-down:var(--spectrum-transparent-white-100);--system-button-static-white-secondary-outline-background-color-focus:var(--spectrum-transparent-white-100);--system-button-static-black-background-color-default:var(--spectrum-transparent-black-800);--system-button-static-black-background-color-hover:var(--spectrum-transparent-black-900);--system-button-static-black-background-color-down:var(--spectrum-transparent-black-900);--system-button-static-black-background-color-focus:var(--spectrum-transparent-black-900);--system-button-static-black-content-color-default:var(--spectrum-white);--system-button-static-black-content-color-hover:var(--spectrum-white);--system-button-static-black-content-color-down:var(--spectrum-white);--system-button-static-black-content-color-focus:var(--spectrum-white);--system-button-static-black-outline-background-color-default:var(--spectrum-transparent-black-25);--system-button-static-black-outline-background-color-hover:var(--spectrum-transparent-black-100);--system-button-static-black-outline-background-color-down:var(--spectrum-transparent-black-100);--system-button-static-black-outline-background-color-focus:var(--spectrum-transparent-black-100);--system-button-static-black-outline-content-color-default:var(--spectrum-transparent-black-800);--system-button-static-black-outline-content-color-hover:var(--spectrum-transparent-black-900);--system-button-static-black-outline-content-color-down:var(--spectrum-transparent-black-900);--system-button-static-black-outline-content-color-focus:var(--spectrum-transparent-black-900);--system-button-static-black-outline-border-color-default:var(--spectrum-transparent-black-800);--system-button-static-black-outline-border-color-hover:var(--spectrum-transparent-black-900);--system-button-static-black-outline-border-color-down:var(--spectrum-transparent-black-900);--system-button-static-black-outline-border-color-focus:var(--spectrum-transparent-black-900);--system-button-static-black-secondary-background-color-default:var(--spectrum-transparent-black-100);--system-button-static-black-secondary-background-color-hover:var(--spectrum-transparent-black-200);--system-button-static-black-secondary-background-color-down:var(--spectrum-transparent-black-200);--system-button-static-black-secondary-background-color-focus:var(--spectrum-transparent-black-200);--system-button-static-black-secondary-content-color-default:var(--spectrum-transparent-black-800);--system-button-static-black-secondary-content-color-hover:var(--spectrum-transparent-black-900);--system-button-static-black-secondary-content-color-down:var(--spectrum-transparent-black-900);--system-button-static-black-secondary-content-color-focus:var(--spectrum-transparent-black-900);--system-button-static-black-secondary-outline-border-color-default:var(--spectrum-transparent-black-300);--system-button-static-black-secondary-outline-border-color-hover:var(--spectrum-transparent-black-400);--system-button-static-black-secondary-outline-border-color-down:var(--spectrum-transparent-black-400);--system-button-static-black-secondary-outline-border-color-focus:var(--spectrum-transparent-black-400);--system-button-static-black-secondary-outline-background-color-default:var(--spectrum-transparent-black-25);--system-button-static-black-secondary-outline-background-color-hover:var(--spectrum-transparent-black-100);--system-button-static-black-secondary-outline-background-color-down:var(--spectrum-transparent-black-100);--system-button-static-black-secondary-outline-background-color-focus:var(--spectrum-transparent-black-100);--system-checkbox-control-color-default:var(--spectrum-neutral-content-color-default);--system-checkbox-control-color-hover:var(--spectrum-gray-700);--system-checkbox-control-color-down:var(--spectrum-gray-800);--system-checkbox-control-color-focus:var(--spectrum-gray-700);--system-checkbox-checkmark-color:var(--spectrum-gray-50);--system-checkbox-control-corner-radius:2px;--system-card-border-color:var(--spectrum-gray-100);--system-card-border-color-hover:var(--spectrum-gray-200);--system-card-divider-color:var(--spectrum-gray-200);--system-card-preview-background-color:var(--spectrum-gray-100);--system-card-preview-background-color-hover:var(--spectrum-gray-200);--system-clear-button-background-color:transparent;--system-clear-button-background-color-hover:transparent;--system-clear-button-background-color-down:transparent;--system-clear-button-background-color-key-focus:transparent;--system-clear-button-static-white-background-color-hover:var(--spectrum-transparent-white-400);--system-clear-button-static-white-background-color-down:var(--spectrum-transparent-white-500);--system-clear-button-static-white-background-color-key-focus:var(--spectrum-transparent-white-400);--system-close-button-background-color-default:transparent;--system-close-button-background-color-hover:var(--spectrum-gray-100);--system-close-button-background-color-down:var(--spectrum-gray-200);--system-close-button-background-color-focus:var(--spectrum-gray-100);--system-close-button-static-white-static-background-color-hover:var(--spectrum-transparent-white-400);--system-close-button-static-white-static-background-color-down:var(--spectrum-transparent-white-500);--system-close-button-static-white-static-background-color-focus:var(--spectrum-transparent-white-400);--system-close-button-static-black-static-background-color-hover:var(--spectrum-transparent-black-400);--system-close-button-static-black-static-background-color-down:var(--spectrum-transparent-black-500);--system-close-button-static-black-static-background-color-focus:var(--spectrum-transparent-black-400);--system-coach-indicator-ring-border-size:var(--spectrum-border-width-200);--system-coach-indicator-min-inline-size:calc(var(--spectrum-coach-indicator-ring-diameter)*3);--system-coach-indicator-min-block-size:calc(var(--spectrum-coach-indicator-ring-diameter)*3);--system-coach-indicator-inline-size:var(--system-coach-indicator-min-inline-size);--system-coach-indicator-block-size:var(--system-coach-indicator-min-block-size);--system-coach-indicator-ring-inline-size:var(--spectrum-coach-indicator-ring-diameter);--system-coach-indicator-ring-block-size:var(--spectrum-coach-indicator-ring-diameter);--system-coach-indicator-ring-dark-color:var(--spectrum-gray-900);--system-coach-indicator-ring-light-color:var(--spectrum-gray-25);--system-coach-indicator-top:calc(var(--system-coach-indicator-block-size)/3 - var(--system-coach-indicator-ring-border-size));--system-coach-indicator-left:calc(var(--system-coach-indicator-inline-size)/3 - var(--system-coach-indicator-ring-border-size));--system-coach-indicator-coach-animation-indicator-ring-duration:var(--spectrum-animation-duration-6000);--system-coach-indicator-coach-animation-indicator-ring-inner-delay-multiple:-.5;--system-coach-indicator-coach-animation-indicator-ring-center-delay-multiple:-.66;--system-coach-indicator-coach-animation-indicator-ring-outer-delay-multiple:-1;--system-coach-indicator-quiet-animation-ring-inner-delay-multiple:-.33;--system-coach-indicator-animation-name:pulse;--system-coach-indicator-inner-animation-delay-multiple:var(--system-coach-indicator-coach-animation-indicator-ring-inner-delay-multiple);--system-coach-indicator-animation-keyframe-0-scale:1;--system-coach-indicator-animation-keyframe-0-opacity:0;--system-coach-indicator-animation-keyframe-50-scale:1.5;--system-coach-indicator-animation-keyframe-50-opacity:1;--system-coach-indicator-animation-keyframe-100-scale:2;--system-coach-indicator-animation-keyframe-100-opacity:0;--system-coach-indicator-quiet-animation-keyframe-0-scale:.8;--system-coach-indicator-quiet-quiet-ring-diameter-size:var(--spectrum-coach-indicator-quiet-ring-diameter);--system-coach-indicator-quiet-animation-name:pulse-quiet;--system-coach-mark-min-width:var(--spectrum-coach-mark-minimum-width);--system-coach-mark-width:var(--spectrum-coach-mark-width);--system-coach-mark-max-width:var(--spectrum-coach-mark-maximum-width);--system-coach-mark-media-height:var(--spectrum-coach-mark-media-height);--system-coach-mark-media-min-height:var(--spectrum-coach-mark-media-minimum-height);--system-coach-mark-padding:var(--spectrum-coach-mark-edge-to-content);--system-coach-mark-heading-to-action-button:var(--spectrum-spacing-300);--system-coach-mark-header-to-body:var(--spectrum-spacing-200);--system-coach-mark-body-to-footer:var(--spectrum-spacing-300);--system-coach-mark-title-color:var(--spectrum-heading-color);--system-coach-mark-title-font-family:var(--spectrum-sans-serif-font);--system-coach-mark-title-font-style:var(--spectrum-heading-serif-font-style);--system-coach-mark-title-text-font-weight:var(--spectrum-heading-sans-serif-font-weight);--system-coach-mark-title-font-size:var(--spectrum-coach-mark-title-size);--system-coach-mark-title-text-line-height:var(--spectrum-heading-line-height);--system-coach-mark-content-font-color:var(--spectrum-body-color);--system-coach-mark-content-font-weight:var(--spectrum-body-sans-serif-font-weight);--system-coach-mark-content-font-family:var(--spectrum-sans-serif-font);--system-coach-mark-content-font-style:var(--spectrum-body-sans-serif-font-style);--system-coach-mark-content-line-height:var(--spectrum-body-line-height);--system-coach-mark-content-font-size:var(--spectrum-coach-mark-body-size);--system-coach-mark-step-color:var(--spectrum-coach-mark-pagination-color);--system-coach-mark-step-font-weight:var(--spectrum-body-medium-font-weight);--system-coach-mark-step-font-family:var(--spectrum-sans-serif-font);--system-coach-mark-step-font-style:var(--spectrum-body-sans-serif-font-style);--system-coach-mark-step-line-height:var(--spectrum-body-line-height);--system-coach-mark-step-font-size:var(--spectrum-coach-mark-pagination-body-size);--system-coach-mark-step-to-bottom:var(--spectrum-coach-mark-pagination-text-to-bottom-edge);--system-coach-mark-popover-border-width:var(--spectrum-border-width-100);--system-coach-mark-popover-corner-radius:var(--spectrum-corner-radius-100);--system-coach-mark-buttongroup-spacing-horizontal:var(--spectrum-spacing-100);--system-color-wheel-border-color:var(--spectrum-transparent-black-300);--system-combobox-border-color-default:var(--spectrum-gray-500);--system-combobox-border-color-hover:var(--spectrum-gray-600);--system-combobox-border-color-focus:var(--spectrum-gray-800);--system-combobox-border-color-focus-hover:var(--spectrum-gray-900);--system-combobox-border-color-key-focus:var(--spectrum-gray-800);--system-combobox-readonly-input-border-color:var(--spectrum-gray-500);--system-combobox-background-color-disabled:var(--spectrum-gray-25);--system-combobox-border-color-disabled:var(--spectrum-disabled-border-color);--system-dialog-fullscreen-header-text-size:28px;--system-dialog-min-inline-size:288px;--system-dialog-confirm-small-width:400px;--system-dialog-confirm-medium-width:480px;--system-dialog-confirm-large-width:640px;--system-dialog-confirm-divider-block-spacing-start:var(--spectrum-spacing-300);--system-dialog-confirm-divider-block-spacing-end:var(--spectrum-spacing-200);--system-dialog-confirm-description-text-color:var(--spectrum-gray-800);--system-dialog-confirm-title-text-color:var(--spectrum-gray-900);--system-dialog-confirm-description-text-line-height:var(--spectrum-line-height-100);--system-dialog-confirm-title-text-line-height:var(--spectrum-line-height-100);--system-dialog-heading-font-weight:var(--spectrum-heading-sans-serif-font-weight);--system-dialog-confirm-description-padding:var(--spectrum-spacing-50);--system-dialog-confirm-description-margin:calc(var(--spectrum-spacing-50)*-1);--system-dialog-confirm-footer-padding-top:var(--spectrum-spacing-600);--system-dialog-confirm-gap-size:var(--spectrum-component-pill-edge-to-text-100);--system-dialog-confirm-buttongroup-padding-top:var(--spectrum-spacing-600);--system-dialog-confirm-close-button-size:var(--spectrum-component-height-100);--system-dialog-confirm-close-button-padding:calc(26px - var(--spectrum-component-bottom-to-text-300));--system-dialog-confirm-divider-height:var(--spectrum-spacing-50);--system-divider-background-color:var(--spectrum-gray-200);--system-divider-background-color-static-white:var(--spectrum-transparent-white-200);--system-divider-background-color-static-black:var(--spectrum-transparent-black-200);--system-alert-dialog-divider-background-color:transparent;--system-alert-dialog-divider-background-color-static-white:transparent;--system-alert-dialog-divider-background-color-static-black:transparent;--system-drop-zone-border-color:var(--spectrum-gray-200);--system-field-group-margin:var(--spectrum-spacing-300);--system-field-group-readonly-delimiter:",";--system-infield-button-border-width:var(--spectrum-border-width-100);--system-infield-button-border-color:inherit;--system-infield-button-border-radius:var(--spectrum-corner-radius-100);--system-infield-button-border-radius-reset:0;--system-infield-button-stacked-top-border-radius-start-start:var(--system-infield-button-border-radius-reset);--system-infield-button-stacked-bottom-border-radius-end-start:var(--system-infield-button-border-radius-reset);--system-infield-button-background-color:var(--spectrum-gray-100);--system-infield-button-background-color-hover:var(--spectrum-gray-200);--system-infield-button-background-color-down:var(--spectrum-gray-200);--system-infield-button-background-color-key-focus:var(--spectrum-gray-200);--system-infield-button-disabled-border-color:var(--spectrum-gray-300);--system-menu-item-background-color-hover:rgba(var(--spectrum-gray-1000-rgb),var(--spectrum-transparent-black-200-opacity));--system-menu-item-background-color-down:rgba(var(--spectrum-gray-1000-rgb),var(--spectrum-transparent-black-200-opacity));--system-menu-item-background-color-key-focus:rgba(var(--spectrum-gray-1000-rgb),var(--spectrum-transparent-black-200-opacity));--system-menu-item-corner-radius:var(--spectrum-corner-radius-100);--system-menu-item-focus-indicator-shadow:none;--system-menu-item-focus-indicator-offset:var(--spectrum-spacing-50);--system-menu-item-spacing-multiplier:1;--system-menu-item-focus-indicator-outline-style:solid;--system-meter-min-width:var(--spectrum-meter-minimum-width);--system-meter-max-width:var(--spectrum-meter-maximum-width);--system-meter-inline-size:var(--spectrum-progressbar-size-2500);--system-meter-top-to-text:var(--spectrum-component-top-to-text-200);--system-meter-fill-color-positive:var(--spectrum-positive-visual-color);--system-meter-fill-color-notice:var(--spectrum-notice-visual-color);--system-meter-fill-color-negative:var(--spectrum-negative-visual-color);--system-meter-size-s-thickness:var(--spectrum-meter-thickness-small);--system-meter-size-s-inline-size:var(--spectrum-progressbar-size-2400);--system-meter-size-s-font-size:var(--spectrum-font-size-75);--system-meter-size-s-top-to-text:var(--spectrum-component-top-to-text-75);--system-meter-thickness:var(--spectrum-meter-thickness-large);--system-meter-size-l-thickness:var(--spectrum-meter-thickness-large);--system-meter-size-l-inline-size:var(--spectrum-progressbar-size-2500);--system-meter-font-size:var(--spectrum-font-size-100);--system-meter-size-l-font-size:var(--spectrum-font-size-100);--system-meter-size-l-top-to-text:var(--spectrum-component-top-to-text-200);--system-modal-background-color:var(--spectrum-background-layer-2-color);--system-picker-background-color-default:var(--spectrum-gray-100);--system-picker-background-color-default-open:var(--spectrum-gray-200);--system-picker-background-color-hover:var(--spectrum-gray-200);--system-picker-background-color-hover-open:var(--spectrum-gray-200);--system-picker-background-color-active:var(--spectrum-gray-200);--system-picker-background-color-key-focus:var(--spectrum-gray-200);--system-picker-border-color-default:transparent;--system-picker-border-color-default-open:transparent;--system-picker-border-color-hover:transparent;--system-picker-border-color-hover-open:transparent;--system-picker-border-color-active:transparent;--system-picker-border-color-key-focus:transparent;--system-picker-border-color-disabled:transparent;--system-picker-border-width:var(--spectrum-border-width-200);--system-picker-button-background-color:var(--spectrum-gray-100);--system-picker-button-background-color-hover:var(--spectrum-gray-200);--system-picker-button-background-color-down:var(--spectrum-gray-200);--system-picker-button-background-color-key-focus:var(--spectrum-gray-200);--system-picker-button-border-color:none;--system-picker-button-border-radius:var(--spectrum-corner-radius-75);--system-picker-button-border-radius-rounded-sided:var(--spectrum-corner-radius-200);--system-picker-button-border-radius-sided:var(--spectrum-corner-radius-75);--system-picker-button-border-width:0px;--system-picker-button-padding:4px;--system-popover-border-width:var(--spectrum-border-width-100);--system-progress-bar-animation-ease-in-out-indeterminate:var(--spectrum-animation-ease-in-out);--system-progress-bar-animation-duration-indeterminate:var(--spectrum-animation-duration-2000);--system-progress-bar-corner-radius:var(--spectrum-corner-radius-100);--system-progress-bar-fill-size-indeterminate:70%;--system-progress-bar-size-2400:192px;--system-progress-bar-size-2500:200px;--system-progress-bar-size-2800:224px;--system-progress-bar-line-height-cjk:var(--spectrum-cjk-line-height-100);--system-progress-bar-min-size:var(--spectrum-progress-bar-minimum-width);--system-progress-bar-max-size:var(--spectrum-progress-bar-maximum-width);--system-progress-bar-line-height:var(--spectrum-line-height-100);--system-progress-bar-spacing-label-to:var(--spectrum-spacing-75);--system-progress-bar-spacing-label-to-text:var(--spectrum-spacing-200);--system-progress-bar-text-color:var(--spectrum-neutral-content-color-default);--system-progress-bar-track-color:var(--spectrum-gray-200);--system-progress-bar-fill-color:var(--spectrum-accent-color-900);--system-progress-bar-label-and-value-white:var(--spectrum-white);--system-progress-bar-track-color-white:var(--spectrum-transparent-white-400);--system-progress-bar-fill-color-white:var(--spectrum-white);--system-progress-bar-size-default:var(--system-progress-bar-size-2400);--system-progress-bar-size-m-size-default:var(--system-progress-bar-size-2400);--system-progress-bar-font-size:var(--spectrum-font-size-75);--system-progress-bar-size-m-font-size:var(--spectrum-font-size-75);--system-progress-bar-thickness:var(--spectrum-progress-bar-thickness-large);--system-progress-bar-size-m-thickness:var(--spectrum-progress-bar-thickness-large);--system-progress-bar-spacing-top-to-text:var(--spectrum-component-top-to-text-75);--system-progress-bar-size-m-spacing-top-to-text:var(--spectrum-component-top-to-text-75);--system-progress-bar-size-s-size-default:var(--system-progress-bar-size-2400);--system-progress-bar-size-s-font-size:var(--spectrum-font-size-75);--system-progress-bar-size-s-thickness:var(--spectrum-progress-bar-thickness-small);--system-progress-bar-size-s-spacing-top-to-text:var(--spectrum-component-top-to-text-75);--system-progress-bar-size-l-size-default:var(--system-progress-bar-size-2500);--system-progress-bar-size-l-font-size:var(--spectrum-font-size-100);--system-progress-bar-size-l-thickness:var(--spectrum-progress-bar-thickness-large);--system-progress-bar-size-l-spacing-top-to-text:var(--spectrum-component-top-to-text-200);--system-progress-bar-size-xl-size-default:var(--system-progress-bar-size-2800);--system-progress-bar-size-xl-font-size:var(--spectrum-font-size-200);--system-progress-bar-size-xl-thickness:var(--spectrum-progress-bar-thickness-extra-large);--system-progress-bar-size-xl-spacing-top-to-text:var(--spectrum-component-top-to-text-300);--system-progress-circle-track-border-color:var(--spectrum-gray-200);--system-progress-circle-track-border-color-over-background:var(--spectrum-transparent-white-400);--system-progress-circle-fill-border-color-over-background:var(--spectrum-transparent-white-1000);--system-radio-button-border-color-default:var(--spectrum-gray-600);--system-radio-button-border-color-hover:var(--spectrum-gray-700);--system-radio-button-border-color-down:var(--spectrum-gray-800);--system-radio-button-border-color-focus:var(--spectrum-gray-700);--system-radio-neutral-content-color:var(--spectrum-neutral-content-color-default);--system-radio-neutral-content-color-hover:var(--spectrum-neutral-content-color-hover);--system-radio-neutral-content-color-down:var(--spectrum-neutral-content-color-down);--system-radio-neutral-content-color-focus:var(--spectrum-neutral-content-color-key-focus);--system-radio-focus-indicator-thickness:var(--spectrum-focus-indicator-thickness);--system-radio-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--system-radio-focus-indicator-color:var(--spectrum-focus-indicator-color);--system-radio-disabled-content-color:var(--spectrum-disabled-content-color);--system-radio-disabled-border-color:var(--spectrum-disabled-content-color);--system-radio-emphasized-accent-color:var(--spectrum-accent-color-900);--system-radio-emphasized-accent-color-hover:var(--spectrum-accent-color-1000);--system-radio-emphasized-accent-color-down:var(--spectrum-accent-color-1100);--system-radio-emphasized-accent-color-focus:var(--spectrum-accent-color-1000);--system-radio-border-width:var(--spectrum-border-width-200);--system-radio-button-background-color:var(--spectrum-gray-50);--system-radio-button-checked-border-color-default:var(--spectrum-neutral-background-color-selected-default);--system-radio-button-checked-border-color-hover:var(--spectrum-neutral-background-color-selected-hover);--system-radio-button-checked-border-color-down:var(--spectrum-neutral-background-color-selected-down);--system-radio-button-checked-border-color-focus:var(--spectrum-neutral-background-color-selected-focus);--system-radio-line-height:var(--spectrum-line-height-100);--system-radio-animation-duration:var(--spectrum-animation-duration-100);--system-radio-lang-ja-line-height-cjk:var(--spectrum-cjk-line-height-100);--system-radio-lang-zh-line-height-cjk:var(--spectrum-cjk-line-height-100);--system-radio-lang-ko-line-height-cjk:var(--spectrum-cjk-line-height-100);--system-radio-height:var(--spectrum-component-height-100);--system-radio-size-m-height:var(--spectrum-component-height-100);--system-radio-button-control-size:var(--spectrum-radio-button-control-size-medium);--system-radio-size-m-button-control-size:var(--spectrum-radio-button-control-size-medium);--system-radio-text-to-control:var(--spectrum-text-to-control-100);--system-radio-size-m-text-to-control:var(--spectrum-text-to-control-100);--system-radio-label-top-to-text:var(--spectrum-component-top-to-text-100);--system-radio-size-m-label-top-to-text:var(--spectrum-component-top-to-text-100);--system-radio-label-bottom-to-text:var(--spectrum-component-bottom-to-text-100);--system-radio-size-m-label-bottom-to-text:var(--spectrum-component-bottom-to-text-100);--system-radio-button-top-to-control:var(--spectrum-radio-button-top-to-control-medium);--system-radio-size-m-button-top-to-control:var(--spectrum-radio-button-top-to-control-medium);--system-radio-font-size:var(--spectrum-font-size-100);--system-radio-size-m-font-size:var(--spectrum-font-size-100);--system-radio-size-s-height:var(--spectrum-component-height-75);--system-radio-size-s-button-control-size:var(--spectrum-radio-button-control-size-small);--system-radio-size-s-text-to-control:var(--spectrum-text-to-control-75);--system-radio-size-s-label-top-to-text:var(--spectrum-component-top-to-text-75);--system-radio-size-s-label-bottom-to-text:var(--spectrum-component-bottom-to-text-75);--system-radio-size-s-button-top-to-control:var(--spectrum-radio-button-top-to-control-small);--system-radio-size-s-font-size:var(--spectrum-font-size-75);--system-radio-size-l-height:var(--spectrum-component-height-200);--system-radio-size-l-button-control-size:var(--spectrum-radio-button-control-size-large);--system-radio-size-l-text-to-control:var(--spectrum-text-to-control-200);--system-radio-size-l-label-top-to-text:var(--spectrum-component-top-to-text-200);--system-radio-size-l-label-bottom-to-text:var(--spectrum-component-bottom-to-text-200);--system-radio-size-l-button-top-to-control:var(--spectrum-radio-button-top-to-control-large);--system-radio-size-l-font-size:var(--spectrum-font-size-200);--system-radio-size-xl-height:var(--spectrum-component-height-300);--system-radio-size-xl-button-control-size:var(--spectrum-radio-button-control-size-extra-large);--system-radio-size-xl-text-to-control:var(--spectrum-text-to-control-300);--system-radio-size-xl-label-top-to-text:var(--spectrum-component-top-to-text-300);--system-radio-size-xl-label-bottom-to-text:var(--spectrum-component-bottom-to-text-300);--system-radio-size-xl-button-top-to-control:var(--spectrum-radio-button-top-to-control-extra-large);--system-radio-size-xl-font-size:var(--spectrum-font-size-300);--system-radio-emphasized-button-checked-border-color-default:var(--spectrum-accent-color-900);--system-radio-emphasized-button-checked-border-color-hover:var(--spectrum-accent-color-1000);--system-radio-emphasized-button-checked-border-color-down:var(--spectrum-accent-color-1100);--system-radio-emphasized-button-checked-border-color-focus:var(--spectrum-accent-color-1000);--system-search-border-color-default:var(--spectrum-gray-500);--system-search-border-color-hover:var(--spectrum-gray-600);--system-search-border-color-focus:var(--spectrum-gray-800);--system-search-border-color-focus-hover:var(--spectrum-gray-900);--system-search-border-color-key-focus:var(--spectrum-gray-800);--system-search-background-color:var(--spectrum-gray-25);--system-search-background-color-disabled:var(--spectrum-gray-25);--system-search-border-color-disabled:var(--spectrum-gray-300);--system-search-border-radius:var(--spectrum-corner-radius-100);--system-search-size-m-border-radius:var(--spectrum-corner-radius-100);--system-search-edge-to-visual:var(--spectrum-component-edge-to-visual-100);--system-search-size-m-edge-to-visual:var(--spectrum-component-edge-to-visual-100);--system-search-size-s-border-radius:var(--spectrum-corner-radius-100);--system-search-size-s-edge-to-visual:var(--spectrum-component-edge-to-visual-75);--system-search-size-l-border-radius:var(--spectrum-corner-radius-100);--system-search-size-l-edge-to-visual:var(--spectrum-component-edge-to-visual-200);--system-search-size-xl-border-radius:var(--spectrum-corner-radius-100);--system-search-size-xl-edge-to-visual:var(--spectrum-component-edge-to-visual-300);--system-search-quiet-background-color-disabled:transparent;--system-search-quiet-border-color-disabled:var(--spectrum-disabled-border-color);--system-side-nav-background-hover:var(--spectrum-gray-100);--system-side-nav-item-background-down:var(--spectrum-gray-200);--system-side-nav-background-key-focus:var(--spectrum-gray-100);--system-side-nav-item-background-default-selected:var(--spectrum-gray-100);--system-side-nav-background-hover-selected:var(--spectrum-gray-200);--system-side-nav-item-background-down-selected:var(--spectrum-gray-200);--system-side-nav-background-key-focus-selected:var(--spectrum-gray-100);--system-slider-track-color:var(--spectrum-gray-200);--system-slider-track-fill-color:var(--spectrum-gray-700);--system-slider-ramp-track-color:var(--spectrum-gray-400);--system-slider-ramp-track-color-disabled:var(--spectrum-gray-100);--system-slider-handle-background-color:transparent;--system-slider-handle-background-color-disabled:transparent;--system-slider-ramp-handle-background-color:var(--spectrum-gray-75);--system-slider-ticks-handle-background-color:var(--spectrum-gray-75);--system-slider-handle-border-color:var(--spectrum-gray-700);--system-slider-handle-disabled-background-color:var(--spectrum-gray-75);--system-slider-tick-mark-color:var(--spectrum-gray-200);--system-slider-handle-border-color-hover:var(--spectrum-gray-800);--system-slider-handle-border-color-down:var(--spectrum-gray-800);--system-slider-handle-border-color-key-focus:var(--spectrum-gray-800);--system-slider-handle-focus-ring-color-key-focus:var(--spectrum-focus-indicator-color);--system-slider-track-corner-radius:2px;--system-slider-handle-border-radius:var(--spectrum-corner-radius-500);--system-slider-size-m-handle-border-radius:var(--spectrum-corner-radius-500);--system-slider-size-s-handle-border-radius:var(--spectrum-corner-radius-500);--system-slider-size-l-handle-border-radius:calc(var(--spectrum-corner-radius-500)*4);--system-slider-size-xl-handle-border-radius:calc(var(--spectrum-corner-radius-500)*4);--system-split-view-background-color:var(--spectrum-gray-75);--system-split-view-handle-background-color:var(--spectrum-gray-200);--system-split-view-gripper-border-radius:2px;--system-stepper-border-width:var(--spectrum-border-width-100);--system-stepper-border-color-default:var(--spectrum-gray-500);--system-stepper-border-color-hover:var(--spectrum-gray-600);--system-stepper-border-color-focus:var(--spectrum-gray-800);--system-stepper-border-color-focus-hover:var(--spectrum-gray-900);--system-stepper-border-color-keyboard-focus:var(--spectrum-gray-800);--system-stepper-buttons-border-style:none;--system-stepper-buttons-border-width:0;--system-stepper-buttons-border-color:var(--spectrum-gray-500);--system-stepper-buttons-background-color:var(--spectrum-gray-100);--system-stepper-buttons-border-color-hover:var(--spectrum-gray-600);--system-stepper-buttons-border-color-focus:var(--spectrum-gray-800);--system-stepper-buttons-border-color-keyboard-focus:var(--spectrum-gray-800);--system-stepper-button-border-width:var(--spectrum-border-width-100);--system-stepper-border-color-invalid:var(--spectrum-negative-border-color-default);--system-stepper-border-color-focus-invalid:var(--spectrum-negative-border-color-focus);--system-stepper-border-color-focus-hover-invalid:var(--spectrum-negative-border-color-focus-hover);--system-stepper-border-color-keyboard-focus-invalid:var(--spectrum-negative-border-color-key-focus);--system-stepper-border-color-disabled:var(--spectrum-gray-300);--system-stepper-button-border-width-disabled:var(--spectrum-border-width-200);--system-stepper-buttons-background-color-disabled:var(--spectrum-gray-50);--system-stepper-quiet-buttons-border-style:none;--system-stepper-quiet-button-edge-to-fill:0;--system-swatch-border-radius:var(--spectrum-corner-radius-100);--system-swatch-focus-indicator-border-radius:var(--spectrum-corner-radius-200);--system-swatch-border-thickness:var(--spectrum-border-width-100);--system-swatch-border-thickness-selected:var(--spectrum-border-width-200);--system-swatch-focus-indicator-thickness:var(--spectrum-focus-indicator-thickness);--system-swatch-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--system-swatch-border-color-opacity:.51;--system-swatch-border-color-light-opacity:.2;--system-swatch-border-color:rgba(var(--spectrum-gray-1000-rgb),var(--system-swatch-border-color-opacity));--system-swatch-icon-border-color:rgba(var(--spectrum-black-rgb),var(--system-swatch-border-color-opacity));--system-swatch-border-color-light:rgba(var(--spectrum-black-rgb),var(--system-swatch-border-color-light-opacity));--system-swatch-border-color-selected:var(--spectrum-gray-900);--system-swatch-inner-border-color-selected:var(--spectrum-gray-25);--system-swatch-disabled-icon-color:var(--spectrum-gray-25);--system-swatch-dash-icon-color:var(--spectrum-gray-800);--system-swatch-slash-icon-color:var(--spectrum-red-900);--system-swatch-focus-indicator-color:var(--spectrum-focus-indicator-color);--system-swatch-size:var(--spectrum-swatch-size-medium);--system-swatch-size-m-size:var(--spectrum-swatch-size-medium);--system-swatch-disabled-icon-size:var(--spectrum-workflow-icon-size-100);--system-swatch-size-m-disabled-icon-size:var(--spectrum-workflow-icon-size-100);--system-swatch-slash-thickness:var(--spectrum-swatch-slash-thickness-medium);--system-swatch-size-m-slash-thickness:var(--spectrum-swatch-slash-thickness-medium);--system-swatch-size-xs-size:var(--spectrum-swatch-size-extra-small);--system-swatch-size-xs-disabled-icon-size:var(--spectrum-workflow-icon-size-50);--system-swatch-size-xs-slash-thickness:var(--spectrum-swatch-slash-thickness-extra-small);--system-swatch-size-s-size:var(--spectrum-swatch-size-small);--system-swatch-size-s-disabled-icon-size:var(--spectrum-workflow-icon-size-75);--system-swatch-size-s-slash-thickness:var(--spectrum-swatch-slash-thickness-small);--system-swatch-size-l-size:var(--spectrum-swatch-size-large);--system-swatch-size-l-disabled-icon-size:var(--spectrum-workflow-icon-size-200);--system-swatch-size-l-slash-thickness:var(--spectrum-swatch-slash-thickness-large);--system-swatch-group-spacing-compact:var(--spectrum-spacing-50);--system-swatch-group-spacing-regular:var(--spectrum-spacing-75);--system-swatch-group-spacing-spacious:var(--spectrum-spacing-100);--system-switch-handle-border-color-default:var(--spectrum-gray-600);--system-switch-handle-border-color-hover:var(--spectrum-gray-700);--system-switch-handle-border-color-down:var(--spectrum-gray-800);--system-switch-handle-border-color-focus:var(--spectrum-gray-700);--system-switch-handle-border-color-selected-default:var(--spectrum-gray-700);--system-switch-handle-border-color-selected-hover:var(--spectrum-gray-800);--system-switch-handle-border-color-selected-down:var(--spectrum-gray-900);--system-switch-handle-border-color-selected-focus:var(--spectrum-gray-800);--system-switch-background-color:var(--spectrum-gray-200);--system-switch-background-color-disabled:var(--spectrum-gray-200);--system-switch-handle-background-color:var(--spectrum-gray-50);--system-table-header-background-color:var(--spectrum-transparent-white-25);--system-table-border-color:var(--spectrum-gray-200);--system-table-divider-color:var(--spectrum-gray-200);--system-table-row-background-color:var(--spectrum-gray-25);--system-table-summary-row-background-color:var(--spectrum-gray-100);--system-table-section-header-background-color:var(--spectrum-gray-100);--system-table-icon-color-focus:var(--spectrum-neutral-subdued-content-color-key-focus);--system-table-icon-color-focus-hover:var(--spectrum-neutral-subdued-content-color-hover);--system-table-quiet-header-background-color:var(--spectrum-transparent-white-25);--system-table-quiet-row-background-color:var(--spectrum-transparent-white-25);--system-tabs-font-weight:var(--spectrum-regular-font-weight);--system-tabs-divider-background-color:var(--spectrum-gray-200);--system-tag-background-color:var(--spectrum-gray-50);--system-tag-background-color-hover:var(--spectrum-gray-50);--system-tag-background-color-active:var(--spectrum-gray-100);--system-tag-background-color-focus:var(--spectrum-gray-50);--system-tag-size-small-corner-radius:var(--spectrum-corner-radius-100);--system-tag-size-medium-corner-radius:var(--spectrum-corner-radius-100);--system-tag-size-large-corner-radius:var(--spectrum-corner-radius-100);--system-tag-border-color:var(--spectrum-gray-700);--system-tag-border-color-hover:var(--spectrum-gray-800);--system-tag-border-color-active:var(--spectrum-gray-900);--system-tag-border-color-focus:var(--spectrum-gray-800);--system-tag-content-color:var(--spectrum-neutral-subdued-content-color-default);--system-tag-content-color-hover:var(--spectrum-neutral-subdued-content-color-hover);--system-tag-content-color-active:var(--spectrum-neutral-subdued-content-color-down);--system-tag-content-color-focus:var(--spectrum-neutral-subdued-content-color-key-focus);--system-tag-content-color-selected:var(--spectrum-gray-25);--system-tag-border-color-selected:var(--spectrum-neutral-subdued-background-color-default);--system-tag-border-color-selected-hover:var(--spectrum-neutral-subdued-background-color-hover);--system-tag-border-color-selected-active:var(--spectrum-neutral-subdued-background-color-down);--system-tag-border-color-selected-focus:var(--spectrum-neutral-subdued-background-color-key-focus);--system-tag-border-color-disabled:transparent;--system-tag-background-color-disabled:var(--spectrum-disabled-background-color);--system-tag-size-small-spacing-inline-start:var(--spectrum-component-edge-to-visual-75);--system-tag-size-small-label-spacing-inline-end:var(--spectrum-component-edge-to-text-75);--system-tag-size-small-clear-button-spacing-inline-end:var(--spectrum-component-edge-to-visual-75);--system-tag-size-medium-spacing-inline-start:var(--spectrum-component-edge-to-visual-100);--system-tag-size-medium-label-spacing-inline-end:var(--spectrum-component-edge-to-text-100);--system-tag-size-medium-clear-button-spacing-inline-end:var(--spectrum-component-edge-to-visual-100);--system-tag-size-large-spacing-inline-start:var(--spectrum-component-edge-to-visual-200);--system-tag-size-large-label-spacing-inline-end:var(--spectrum-component-edge-to-text-200);--system-tag-size-large-clear-button-spacing-inline-end:var(--spectrum-component-edge-to-visual-200);--system-textfield-background-color:var(--spectrum-gray-25);--system-textfield-background-color-disabled:var(--spectrum-gray-25);--system-textfield-border-color:var(--spectrum-gray-300);--system-textfield-border-color-hover:var(--spectrum-gray-400);--system-textfield-border-color-focus:var(--spectrum-gray-800);--system-textfield-border-color-focus-hover:var(--spectrum-gray-900);--system-textfield-border-color-keyboard-focus:var(--spectrum-gray-800);--system-textfield-border-color-disabled:var(--spectrum-disabled-border-color);--system-textfield-border-width:var(--spectrum-border-width-200);--system-textfield-spacing-block-start:var(--spectrum-component-top-to-text-100);--system-textfield-spacing-block-start-small:var(--spectrum-component-top-to-text-75);--system-textfield-spacing-block-start-large:var(--spectrum-component-top-to-text-200);--system-textfield-spacing-block-start-extra-large:var(--spectrum-component-top-to-text-300);--system-textfield-spacing-block-end:var(--spectrum-component-bottom-to-text-100);--system-textfield-spacing-block-end-small:var(--spectrum-component-bottom-to-text-75);--system-textfield-spacing-block-end-large:var(--spectrum-component-bottom-to-text-200);--system-textfield-spacing-block-end-extra-large:var(--spectrum-component-bottom-to-text-300);--system-textfield-icon-spacing-block-invalid:var(--spectrum-component-top-to-workflow-icon-100);--system-textfield-size-s-icon-spacing-block-invalid:var(--spectrum-component-top-to-workflow-icon-75);--system-textfield-size-l-icon-spacing-block-invalid:var(--spectrum-component-top-to-workflow-icon-200);--system-textfield-size-xl-icon-spacing-block-invalid:var(--spectrum-component-top-to-workflow-icon-300);--system-textfield-quiet-border-color-disabled:var(--spectrum-gray-300);--system-thumbnail-border-radius:2px;--system-toast-background-color-default:var(--spectrum-neutral-subdued-background-color-default);--system-toast-divider-color:var(--spectrum-transparent-white-400);--system-tooltip-backgound-color-default-neutral:var(--spectrum-neutral-subdued-background-color-default);--system-field-label-top-to-text:var(--spectrum-component-top-to-text-100);--system-field-label-top-to-text-small:var(--spectrum-component-top-to-text-75);--system-field-label-top-to-text-large:var(--spectrum-component-top-to-text-200);--system-field-label-top-to-text-extra-large:var(--spectrum-component-top-to-text-300);--system-field-label-bottom-to-text:var(--spectrum-component-bottom-to-text-100);--system-field-label-bottom-to-text-small:var(--spectrum-component-bottom-to-text-75);--system-field-label-bottom-to-text-large:var(--spectrum-component-bottom-to-text-200);--system-field-label-bottom-to-text-extra-large:var(--spectrum-component-bottom-to-text-300);--system-helptext-top-to-text:var(--spectrum-component-top-to-text-100);--system-helptext-top-to-text-small:var(--spectrum-component-top-to-text-75);--system-helptext-top-to-text-large:var(--spectrum-component-top-to-text-200);--system-helptext-top-to-text-extra-large:var(--spectrum-component-top-to-text-300);--system-helptext-bottom-to-text:var(--spectrum-component-bottom-to-text-100);--system-helptext-bottom-to-text-small:var(--spectrum-component-bottom-to-text-75);--system-helptext-bottom-to-text-large:var(--spectrum-component-bottom-to-text-200);--system-helptext-bottom-to-text-extra-large:var(--spectrum-component-bottom-to-text-300);--system-textfield-corner-radius:var(--spectrum-corner-radius-medium-size-medium);--system-textfield-corner-radius-small:var(--spectrum-corner-radius-medium-size-small);--system-textfield-corner-radius-large:var(--spectrum-corner-radius-medium-size-large);--system-textfield-corner-radius-extra-large:var(--spectrum-corner-radius-medium-size-extra-large)}.spectrum-Typography{font-family:var(--spectrum-font-family);font-style:var(--spectrum-font-style);font-size:var(--spectrum-font-size)}.spectrum-Typography:lang(ar){font-family:var(--spectrum-font-family-ar)}.spectrum-Typography:lang(he){font-family:var(--spectrum-font-family-he)}.spectrum-Typography .spectrum-Heading{--spectrum-heading-margin-start:calc(var(--mod-heading-font-size,var(--spectrum-heading-font-size))*var(--spectrum-heading-margin-top-multiplier));--spectrum-heading-margin-end:calc(var(--mod-heading-font-size,var(--spectrum-heading-font-size))*var(--spectrum-heading-margin-bottom-multiplier))}.spectrum-Typography .spectrum-Body{--spectrum-body-margin-end:calc(var(--mod-body-font-size,var(--spectrum-body-font-size))*var(--spectrum-body-margin-multiplier))}.spectrum-Typography .spectrum-Detail{--spectrum-detail-margin-start:calc(var(--mod-detail-font-size,var(--spectrum-detail-font-size))*var(--spectrum-detail-margin-top-multiplier));--spectrum-detail-margin-end:calc(var(--mod-detail-font-size,var(--spectrum-detail-font-size))*var(--spectrum-detail-margin-bottom-multiplier))}.spectrum-Heading,.spectrum-Heading--sizeM{--spectrum-heading-font-size:var(--spectrum-heading-size-m);--spectrum-heading-cjk-font-size:var(--spectrum-heading-cjk-size-m)}.spectrum-Heading--sizeXXS{--spectrum-heading-font-size:var(--spectrum-heading-size-xxs);--spectrum-heading-cjk-font-size:var(--spectrum-heading-cjk-size-xxs)}.spectrum-Heading--sizeXS{--spectrum-heading-font-size:var(--spectrum-heading-size-xs);--spectrum-heading-cjk-font-size:var(--spectrum-heading-cjk-size-xs)}.spectrum-Heading--sizeS{--spectrum-heading-font-size:var(--spectrum-heading-size-s);--spectrum-heading-cjk-font-size:var(--spectrum-heading-cjk-size-s)}.spectrum-Heading--sizeL{--spectrum-heading-font-size:var(--spectrum-heading-size-l);--spectrum-heading-cjk-font-size:var(--spectrum-heading-cjk-size-l)}.spectrum-Heading--sizeXL{--spectrum-heading-font-size:var(--spectrum-heading-size-xl);--spectrum-heading-cjk-font-size:var(--spectrum-heading-cjk-size-xl)}.spectrum-Heading--sizeXXL{--spectrum-heading-font-size:var(--spectrum-heading-size-xxl);--spectrum-heading-cjk-font-size:var(--spectrum-heading-cjk-size-xxl)}.spectrum-Heading--sizeXXXL{--spectrum-heading-font-size:var(--spectrum-heading-size-xxxl);--spectrum-heading-cjk-font-size:var(--spectrum-heading-cjk-size-xxxl)}.spectrum-Heading{--spectrum-heading-sans-serif-font-family:var(--spectrum-sans-font-family-stack);--spectrum-heading-serif-font-family:var(--spectrum-serif-font-family-stack);--spectrum-heading-cjk-font-family:var(--spectrum-cjk-font-family-stack);--spectrum-heading-cjk-letter-spacing:var(--spectrum-cjk-letter-spacing);--spectrum-heading-font-color:var(--spectrum-heading-color);font-family:var(--mod-heading-sans-serif-font-family,var(--spectrum-heading-sans-serif-font-family));font-style:var(--mod-heading-sans-serif-font-style,var(--spectrum-heading-sans-serif-font-style));font-weight:var(--mod-heading-sans-serif-font-weight,var(--spectrum-heading-sans-serif-font-weight));font-size:var(--mod-heading-font-size,var(--spectrum-heading-font-size));color:var(--highcontrast-heading-font-color,var(--mod-heading-font-color,var(--spectrum-heading-font-color)));line-height:var(--mod-heading-line-height,var(--spectrum-heading-line-height));margin-block-start:var(--mod-heading-margin-start,var(--spectrum-heading-margin-start,0));margin-block-end:var(--mod-heading-margin-end,var(--spectrum-heading-margin-end,0))}.spectrum-Heading .spectrum-Heading-strong,.spectrum-Heading strong{font-style:var(--mod-heading-sans-serif-strong-font-style,var(--spectrum-heading-sans-serif-strong-font-style));font-weight:var(--mod-heading-sans-serif-strong-font-weight,var(--spectrum-heading-sans-serif-strong-font-weight))}.spectrum-Heading .spectrum-Heading-emphasized,.spectrum-Heading em{font-style:var(--mod-heading-sans-serif-emphasized-font-style,var(--spectrum-heading-sans-serif-emphasized-font-style));font-weight:var(--mod-heading-sans-serif-emphasized-font-weight,var(--spectrum-heading-sans-serif-emphasized-font-weight))}.spectrum-Heading .spectrum-Heading-strong.spectrum-Heading-emphasized,.spectrum-Heading em strong,.spectrum-Heading strong em{font-style:var(--mod-heading-sans-serif-strong-emphasized-font-style,var(--spectrum-heading-sans-serif-strong-emphasized-font-style));font-weight:var(--mod-heading-sans-serif-strong-emphasized-font-weight,var(--spectrum-heading-sans-serif-strong-emphasized-font-weight))}.spectrum-Heading:lang(ja),.spectrum-Heading:lang(ko),.spectrum-Heading:lang(zh){font-family:var(--mod-heading-cjk-font-family,var(--spectrum-heading-cjk-font-family));font-style:var(--mod-heading-cjk-font-style,var(--spectrum-heading-cjk-font-style));font-weight:var(--mod-heading-cjk-font-weight,var(--spectrum-heading-cjk-font-weight));font-size:var(--mod-heading-cjk-font-size,var(--spectrum-heading-cjk-font-size));line-height:var(--mod-heading-cjk-line-height,var(--spectrum-heading-cjk-line-height));letter-spacing:var(--mod-heading-cjk-letter-spacing,var(--spectrum-heading-cjk-letter-spacing))}.spectrum-Heading:lang(ja) .spectrum-Heading-emphasized,.spectrum-Heading:lang(ja) em,.spectrum-Heading:lang(ko) .spectrum-Heading-emphasized,.spectrum-Heading:lang(ko) em,.spectrum-Heading:lang(zh) .spectrum-Heading-emphasized,.spectrum-Heading:lang(zh) em{font-style:var(--mod-heading-cjk-emphasized-font-style,var(--spectrum-heading-cjk-emphasized-font-style));font-weight:var(--mod-heading-cjk-emphasized-font-weight,var(--spectrum-heading-cjk-emphasized-font-weight))}.spectrum-Heading:lang(ja) .spectrum-Heading-strong,.spectrum-Heading:lang(ja) strong,.spectrum-Heading:lang(ko) .spectrum-Heading-strong,.spectrum-Heading:lang(ko) strong,.spectrum-Heading:lang(zh) .spectrum-Heading-strong,.spectrum-Heading:lang(zh) strong{font-style:var(--mod-heading-cjk-strong-font-style,var(--spectrum-heading-cjk-strong-font-style));font-weight:var(--mod-heading-cjk-strong-font-weight,var(--spectrum-heading-cjk-strong-font-weight))}.spectrum-Heading:lang(ja) .spectrum-Heading-strong.spectrum-Heading-emphasized,.spectrum-Heading:lang(ja) em strong,.spectrum-Heading:lang(ja) strong em,.spectrum-Heading:lang(ko) .spectrum-Heading-strong.spectrum-Heading-emphasized,.spectrum-Heading:lang(ko) em strong,.spectrum-Heading:lang(ko) strong em,.spectrum-Heading:lang(zh) .spectrum-Heading-strong.spectrum-Heading-emphasized,.spectrum-Heading:lang(zh) em strong,.spectrum-Heading:lang(zh) strong em{font-style:var(--mod-heading-cjk-strong-emphasized-font-style,var(--spectrum-heading-cjk-strong-emphasized-font-style));font-weight:var(--mod-heading-cjk-strong-emphasized-font-weight,var(--spectrum-heading-cjk-strong-emphasized-font-weight))}.spectrum-Heading--heavy{font-style:var(--mod-heading-sans-serif-heavy-font-style,var(--spectrum-heading-sans-serif-heavy-font-style));font-weight:var(--mod-heading-sans-serif-heavy-font-weight,var(--spectrum-heading-sans-serif-heavy-font-weight))}.spectrum-Heading--heavy .spectrum-Heading-strong,.spectrum-Heading--heavy strong{font-style:var(--mod-heading-sans-serif-heavy-strong-font-style,var(--spectrum-heading-sans-serif-heavy-strong-font-style));font-weight:var(--mod-heading-sans-serif-heavy-strong-font-weight,var(--spectrum-heading-sans-serif-heavy-strong-font-weight))}.spectrum-Heading--heavy .spectrum-Heading-emphasized,.spectrum-Heading--heavy em{font-style:var(--mod-heading-sans-serif-heavy-emphasized-font-style,var(--spectrum-heading-sans-serif-heavy-emphasized-font-style));font-weight:var(--mod-heading-sans-serif-heavy-emphasized-font-weight,var(--spectrum-heading-sans-serif-heavy-emphasized-font-weight))}.spectrum-Heading--heavy .spectrum-Heading-strong.spectrum-Heading-emphasized,.spectrum-Heading--heavy em strong,.spectrum-Heading--heavy strong em{font-style:var(--mod-heading-sans-serif-heavy-strong-emphasized-font-style,var(--spectrum-heading-sans-serif-heavy-strong-emphasized-font-style));font-weight:var(--mod-heading-sans-serif-heavy-strong-emphasized-font-weight,var(--spectrum-heading-sans-serif-heavy-strong-emphasized-font-weight))}.spectrum-Heading--heavy:lang(ja),.spectrum-Heading--heavy:lang(ko),.spectrum-Heading--heavy:lang(zh){font-style:var(--mod-heading-cjk-heavy-font-style,var(--spectrum-heading-cjk-heavy-font-style));font-weight:var(--mod-heading-cjk-heavy-font-weight,var(--spectrum-heading-cjk-heavy-font-weight))}.spectrum-Heading--heavy:lang(ja) .spectrum-Heading-emphasized,.spectrum-Heading--heavy:lang(ja) em,.spectrum-Heading--heavy:lang(ko) .spectrum-Heading-emphasized,.spectrum-Heading--heavy:lang(ko) em,.spectrum-Heading--heavy:lang(zh) .spectrum-Heading-emphasized,.spectrum-Heading--heavy:lang(zh) em{font-style:var(--mod-heading-cjk-heavy-emphasized-font-style,var(--spectrum-heading-cjk-heavy-emphasized-font-style));font-weight:var(--mod-heading-cjk-heavy-emphasized-font-weight,var(--spectrum-heading-cjk-heavy-emphasized-font-weight))}.spectrum-Heading--heavy:lang(ja) .spectrum-Heading-strong,.spectrum-Heading--heavy:lang(ja) strong,.spectrum-Heading--heavy:lang(ko) .spectrum-Heading-strong,.spectrum-Heading--heavy:lang(ko) strong,.spectrum-Heading--heavy:lang(zh) .spectrum-Heading-strong,.spectrum-Heading--heavy:lang(zh) strong{font-style:var(--mod-heading-cjk-heavy-strong-font-style,var(--spectrum-heading-cjk-heavy-strong-font-style));font-weight:var(--mod-heading-cjk-heavy-strong-font-weight,var(--spectrum-heading-cjk-heavy-strong-font-weight))}.spectrum-Heading--heavy:lang(ja) .spectrum-Heading-strong.spectrum-Heading-emphasized,.spectrum-Heading--heavy:lang(ja) em strong,.spectrum-Heading--heavy:lang(ja) strong em,.spectrum-Heading--heavy:lang(ko) .spectrum-Heading-strong.spectrum-Heading-emphasized,.spectrum-Heading--heavy:lang(ko) em strong,.spectrum-Heading--heavy:lang(ko) strong em,.spectrum-Heading--heavy:lang(zh) .spectrum-Heading-strong.spectrum-Heading-emphasized,.spectrum-Heading--heavy:lang(zh) em strong,.spectrum-Heading--heavy:lang(zh) strong em{font-style:var(--mod-heading-cjk-heavy-strong-emphasized-font-style,var(--spectrum-heading-cjk-heavy-strong-emphasized-font-style));font-weight:var(--mod-heading-cjk-heavy-strong-emphasized-font-weight,var(--spectrum-heading-cjk-heavy-strong-emphasized-font-weight))}.spectrum-Heading--light{font-style:var(--mod-heading-sans-serif-light-font-style,var(--spectrum-heading-sans-serif-light-font-style));font-weight:var(--mod-heading-sans-serif-light-font-weight,var(--spectrum-heading-sans-serif-light-font-weight))}.spectrum-Heading--light .spectrum-Heading-emphasized,.spectrum-Heading--light em{font-style:var(--mod-heading-sans-serif-light-emphasized-font-style,var(--spectrum-heading-sans-serif-light-emphasized-font-style));font-weight:var(--mod-heading-sans-serif-light-emphasized-font-weight,var(--spectrum-heading-sans-serif-light-emphasized-font-weight))}.spectrum-Heading--light .spectrum-Heading-strong,.spectrum-Heading--light strong{font-style:var(--mod-heading-sans-serif-light-strong-font-style,var(--spectrum-heading-sans-serif-light-strong-font-style));font-weight:var(--mod-heading-sans-serif-light-strong-font-weight,var(--spectrum-heading-sans-serif-light-strong-font-weight))}.spectrum-Heading--light .spectrum-Heading-strong.spectrum-Heading-emphasized,.spectrum-Heading--light em strong,.spectrum-Heading--light strong em{font-style:var(--mod-heading-sans-serif-light-strong-emphasized-font-style,var(--spectrum-heading-sans-serif-light-strong-emphasized-font-style));font-weight:var(--mod-heading-sans-serif-light-strong-emphasized-font-weight,var(--spectrum-heading-sans-serif-light-strong-emphasized-font-weight))}.spectrum-Heading--light:lang(ja),.spectrum-Heading--light:lang(ko),.spectrum-Heading--light:lang(zh){font-style:var(--mod-heading-cjk-light-font-style,var(--spectrum-heading-cjk-light-font-style));font-weight:var(--mod-heading-cjk-light-font-weight,var(--spectrum-heading-cjk-light-font-weight))}.spectrum-Heading--light:lang(ja) .spectrum-Heading-strong,.spectrum-Heading--light:lang(ja) strong,.spectrum-Heading--light:lang(ko) .spectrum-Heading-strong,.spectrum-Heading--light:lang(ko) strong,.spectrum-Heading--light:lang(zh) .spectrum-Heading-strong,.spectrum-Heading--light:lang(zh) strong{font-style:var(--mod-heading-cjk-light-strong-font-style,var(--spectrum-heading-cjk-light-strong-font-style));font-weight:var(--mod-heading-cjk-light-strong-font-weight,var(--spectrum-heading-cjk-light-strong-font-weight))}.spectrum-Heading--light:lang(ja) .spectrum-Heading-emphasized,.spectrum-Heading--light:lang(ja) em,.spectrum-Heading--light:lang(ko) .spectrum-Heading-emphasized,.spectrum-Heading--light:lang(ko) em,.spectrum-Heading--light:lang(zh) .spectrum-Heading-emphasized,.spectrum-Heading--light:lang(zh) em{font-style:var(--mod-heading-cjk-light-emphasized-font-style,var(--spectrum-heading-cjk-light-emphasized-font-style));font-weight:var(--mod-heading-cjk-light-emphasized-font-weight,var(--spectrum-heading-cjk-light-emphasized-font-weight))}.spectrum-Heading--light:lang(ja) .spectrum-Heading-strong.spectrum-Heading-emphasized,.spectrum-Heading--light:lang(ja) em strong,.spectrum-Heading--light:lang(ja) strong em,.spectrum-Heading--light:lang(ko) .spectrum-Heading-strong.spectrum-Heading-emphasized,.spectrum-Heading--light:lang(ko) em strong,.spectrum-Heading--light:lang(ko) strong em,.spectrum-Heading--light:lang(zh) .spectrum-Heading-strong.spectrum-Heading-emphasized,.spectrum-Heading--light:lang(zh) em strong,.spectrum-Heading--light:lang(zh) strong em{font-style:var(--mod-heading-cjk-light-strong-emphasized-font-style,var(--spectrum-heading-cjk-light-strong-emphasized-font-style));font-weight:var(--mod-heading-cjk-light-strong-emphasized-font-weight,var(--spectrum-heading-cjk-light-strong-emphasized-font-weight))}.spectrum-Heading--serif{font-family:var(--mod-heading-serif-font-family,var(--spectrum-heading-serif-font-family));font-style:var(--mod-heading-serif-font-style,var(--spectrum-heading-serif-font-style));font-weight:var(--mod-heading-serif-font-weight,var(--spectrum-heading-serif-font-weight))}.spectrum-Heading--serif .spectrum-Heading-emphasized,.spectrum-Heading--serif em{font-style:var(--mod-heading-serif-emphasized-font-style,var(--spectrum-heading-serif-emphasized-font-style));font-weight:var(--mod-heading-serif-emphasized-font-weight,var(--spectrum-heading-serif-emphasized-font-weight))}.spectrum-Heading--serif .spectrum-Heading-strong,.spectrum-Heading--serif strong{font-style:var(--mod-heading-serif-strong-font-style,var(--spectrum-heading-serif-strong-font-style));font-weight:var(--mod-heading-serif-strong-font-weight,var(--spectrum-heading-serif-strong-font-weight))}.spectrum-Heading--serif .spectrum-Heading-strong.spectrum-Heading-emphasized,.spectrum-Heading--serif em strong,.spectrum-Heading--serif strong em{font-style:var(--mod-heading-serif-strong-emphasized-font-style,var(--spectrum-heading-serif-strong-emphasized-font-style));font-weight:var(--mod-heading-serif-strong-emphasized-font-weight,var(--spectrum-heading-serif-strong-emphasized-font-weight))}.spectrum-Heading--serif.spectrum-Heading--heavy{font-style:var(--mod-heading-serif-heavy-font-style,var(--spectrum-heading-serif-heavy-font-style));font-weight:var(--mod-heading-serif-heavy-font-weight,var(--spectrum-heading-serif-heavy-font-weight))}.spectrum-Heading--serif.spectrum-Heading--heavy .spectrum-Heading-strong,.spectrum-Heading--serif.spectrum-Heading--heavy strong{font-style:var(--mod-heading-serif-heavy-strong-font-style,var(--spectrum-heading-serif-heavy-strong-font-style));font-weight:var(--mod-heading-serif-heavy-strong-font-weight,var(--spectrum-heading-serif-heavy-strong-font-weight))}.spectrum-Heading--serif.spectrum-Heading--heavy .spectrum-Heading-emphasized,.spectrum-Heading--serif.spectrum-Heading--heavy em{font-style:var(--mod-heading-serif-heavy-emphasized-font-style,var(--spectrum-heading-serif-heavy-emphasized-font-style));font-weight:var(--mod-heading-serif-heavy-emphasized-font-weight,var(--spectrum-heading-serif-heavy-emphasized-font-weight))}.spectrum-Heading--serif.spectrum-Heading--heavy .spectrum-Heading-strong.spectrum-Heading-emphasized,.spectrum-Heading--serif.spectrum-Heading--heavy em strong,.spectrum-Heading--serif.spectrum-Heading--heavy strong em{font-style:var(--mod-heading-serif-heavy-strong-emphasized-font-style,var(--spectrum-heading-serif-heavy-strong-emphasized-font-style));font-weight:var(--mod-heading-serif-heavy-strong-emphasized-font-weight,var(--spectrum-heading-serif-heavy-strong-emphasized-font-weight))}.spectrum-Heading--serif.spectrum-Heading--light{font-style:var(--mod-heading-serif-light-font-style,var(--spectrum-heading-serif-light-font-style));font-weight:var(--mod-heading-serif-light-font-weight,var(--spectrum-heading-serif-light-font-weight))}.spectrum-Heading--serif.spectrum-Heading--light .spectrum-Heading-emphasized,.spectrum-Heading--serif.spectrum-Heading--light em{font-style:var(--mod-heading-serif-light-emphasized-font-style,var(--spectrum-heading-serif-light-emphasized-font-style));font-weight:var(--mod-heading-serif-light-emphasized-font-weight,var(--spectrum-heading-serif-light-emphasized-font-weight))}.spectrum-Heading--serif.spectrum-Heading--light .spectrum-Heading-strong,.spectrum-Heading--serif.spectrum-Heading--light strong{font-style:var(--mod-heading-serif-light-strong-font-style,var(--spectrum-heading-serif-light-strong-font-style));font-weight:var(--mod-heading-serif-light-strong-font-weight,var(--spectrum-heading-serif-light-strong-font-weight))}.spectrum-Heading--serif.spectrum-Heading--light .spectrum-Heading-strong.spectrum-Heading-emphasized,.spectrum-Heading--serif.spectrum-Heading--light em strong,.spectrum-Heading--serif.spectrum-Heading--light strong em{font-style:var(--mod-heading-serif-light-strong-emphasized-font-style,var(--spectrum-heading-serif-light-strong-emphasized-font-style));font-weight:var(--mod-heading-serif-light-strong-emphasized-font-weight,var(--spectrum-heading-serif-light-strong-emphasized-font-weight))}.spectrum-Body,.spectrum-Body--sizeM{--spectrum-body-font-size:var(--spectrum-body-size-m)}.spectrum-Body--sizeXS{--spectrum-body-font-size:var(--spectrum-body-size-xs)}.spectrum-Body--sizeS{--spectrum-body-font-size:var(--spectrum-body-size-s)}.spectrum-Body--sizeL{--spectrum-body-font-size:var(--spectrum-body-size-l)}.spectrum-Body--sizeXL{--spectrum-body-font-size:var(--spectrum-body-size-xl)}.spectrum-Body--sizeXXL{--spectrum-body-font-size:var(--spectrum-body-size-xxl)}.spectrum-Body--sizeXXXL{--spectrum-body-font-size:var(--spectrum-body-size-xxxl)}.spectrum-Body{--spectrum-body-sans-serif-font-family:var(--spectrum-sans-font-family-stack);--spectrum-body-serif-font-family:var(--spectrum-serif-font-family-stack);--spectrum-body-cjk-font-family:var(--spectrum-cjk-font-family-stack);--spectrum-body-cjk-letter-spacing:var(--spectrum-cjk-letter-spacing);--spectrum-body-font-color:var(--spectrum-body-color);font-family:var(--mod-body-sans-serif-font-family,var(--spectrum-body-sans-serif-font-family));font-style:var(--mod-body-sans-serif-font-style,var(--spectrum-body-sans-serif-font-style));font-weight:var(--mod-body-sans-serif-font-weight,var(--spectrum-body-sans-serif-font-weight));font-size:var(--mod-body-font-size,var(--spectrum-body-font-size));color:var(--highcontrast-body-font-color,var(--mod-body-font-color,var(--spectrum-body-font-color)));line-height:var(--mod-body-line-height,var(--spectrum-body-line-height));margin-block-start:var(--mod-body-margin-start,var(--mod-body-margin,0));margin-block-end:var(--mod-body-margin-end,var(--mod-body-margin,var(--spectrum-body-margin-end,0)))}.spectrum-Body .spectrum-Body-strong,.spectrum-Body strong{font-style:var(--mod-body-sans-serif-strong-font-style,var(--spectrum-body-sans-serif-strong-font-style));font-weight:var(--mod-body-sans-serif-strong-font-weight,var(--spectrum-body-sans-serif-strong-font-weight))}.spectrum-Body .spectrum-Body-emphasized,.spectrum-Body em{font-style:var(--mod-body-sans-serif-emphasized-font-style,var(--spectrum-body-sans-serif-emphasized-font-style));font-weight:var(--mod-body-sans-serif-emphasized-font-weight,var(--spectrum-body-sans-serif-emphasized-font-weight))}.spectrum-Body .spectrum-Body-strong.spectrum-Body-emphasized,.spectrum-Body em strong,.spectrum-Body strong em{font-style:var(--mod-body-sans-serif-strong-emphasized-font-style,var(--spectrum-body-sans-serif-strong-emphasized-font-style));font-weight:var(--mod-body-sans-serif-strong-emphasized-font-weight,var(--spectrum-body-sans-serif-strong-emphasized-font-weight))}.spectrum-Body:lang(ja),.spectrum-Body:lang(ko),.spectrum-Body:lang(zh){font-family:var(--mod-body-cjk-font-family,var(--spectrum-body-cjk-font-family));font-style:var(--mod-body-cjk-font-style,var(--spectrum-body-cjk-font-style));font-weight:var(--mod-body-cjk-font-weight,var(--spectrum-body-cjk-font-weight));line-height:var(--mod-body-cjk-line-height,var(--spectrum-body-cjk-line-height));letter-spacing:var(--mod-body-cjk-letter-spacing,var(--spectrum-body-cjk-letter-spacing))}.spectrum-Body:lang(ja) .spectrum-Body-strong,.spectrum-Body:lang(ja) strong,.spectrum-Body:lang(ko) .spectrum-Body-strong,.spectrum-Body:lang(ko) strong,.spectrum-Body:lang(zh) .spectrum-Body-strong,.spectrum-Body:lang(zh) strong{font-style:var(--mod-body-cjk-strong-font-style,var(--spectrum-body-cjk-strong-font-style));font-weight:var(--mod-body-cjk-strong-font-weight,var(--spectrum-body-cjk-strong-font-weight))}.spectrum-Body:lang(ja) .spectrum-Body-emphasized,.spectrum-Body:lang(ja) em,.spectrum-Body:lang(ko) .spectrum-Body-emphasized,.spectrum-Body:lang(ko) em,.spectrum-Body:lang(zh) .spectrum-Body-emphasized,.spectrum-Body:lang(zh) em{font-style:var(--mod-body-cjk-emphasized-font-style,var(--spectrum-body-cjk-emphasized-font-style));font-weight:var(--mod-body-cjk-emphasized-font-weight,var(--spectrum-body-cjk-emphasized-font-weight))}.spectrum-Body:lang(ja) .spectrum-Body-strong.spectrum-Body-emphasized,.spectrum-Body:lang(ja) em strong,.spectrum-Body:lang(ja) strong em,.spectrum-Body:lang(ko) .spectrum-Body-strong.spectrum-Body-emphasized,.spectrum-Body:lang(ko) em strong,.spectrum-Body:lang(ko) strong em,.spectrum-Body:lang(zh) .spectrum-Body-strong.spectrum-Body-emphasized,.spectrum-Body:lang(zh) em strong,.spectrum-Body:lang(zh) strong em{font-style:var(--mod-body-cjk-strong-emphasized-font-style,var(--spectrum-body-cjk-strong-emphasized-font-style));font-weight:var(--mod-body-cjk-strong-emphasized-font-weight,var(--spectrum-body-cjk-strong-emphasized-font-weight))}.spectrum-Body--serif{font-family:var(--mod-body-serif-font-family,var(--spectrum-body-serif-font-family));font-weight:var(--mod-body-serif-font-weight,var(--spectrum-body-serif-font-weight));font-style:var(--mod-body-serif-font-style,var(--spectrum-body-serif-font-style))}.spectrum-Body--serif .spectrum-Body-strong,.spectrum-Body--serif strong{font-style:var(--mod-body-serif-strong-font-style,var(--spectrum-body-serif-strong-font-style));font-weight:var(--mod-body-serif-strong-font-weight,var(--spectrum-body-serif-strong-font-weight))}.spectrum-Body--serif .spectrum-Body-emphasized,.spectrum-Body--serif em{font-style:var(--mod-body-serif-emphasized-font-style,var(--spectrum-body-serif-emphasized-font-style));font-weight:var(--mod-body-serif-emphasized-font-weight,var(--spectrum-body-serif-emphasized-font-weight))}.spectrum-Body--serif .spectrum-Body-strong.spectrum-Body-emphasized,.spectrum-Body--serif em strong,.spectrum-Body--serif strong em{font-style:var(--mod-body-serif-strong-emphasized-font-style,var(--spectrum-body-serif-strong-emphasized-font-style));font-weight:var(--mod-body-serif-strong-emphasized-font-weight,var(--spectrum-body-serif-strong-emphasized-font-weight))}.spectrum-Detail,.spectrum-Detail--sizeM{--spectrum-detail-font-size:var(--spectrum-detail-size-m)}.spectrum-Detail--sizeS{--spectrum-detail-font-size:var(--spectrum-detail-size-s)}.spectrum-Detail--sizeL{--spectrum-detail-font-size:var(--spectrum-detail-size-l)}.spectrum-Detail--sizeXL{--spectrum-detail-font-size:var(--spectrum-detail-size-xl)}.spectrum-Detail{--spectrum-detail-sans-serif-font-family:var(--spectrum-sans-font-family-stack);--spectrum-detail-serif-font-family:var(--spectrum-serif-font-family-stack);--spectrum-detail-cjk-font-family:var(--spectrum-cjk-font-family-stack);--spectrum-detail-font-color:var(--spectrum-detail-color);font-family:var(--mod-detail-sans-serif-font-family,var(--spectrum-detail-sans-serif-font-family));font-style:var(--mod-detail-sans-serif-font-style,var(--spectrum-detail-sans-serif-font-style));font-weight:var(--mod-detail-sans-serif-font-weight,var(--spectrum-detail-sans-serif-font-weight));font-size:var(--mod-detail-font-size,var(--spectrum-detail-font-size));color:var(--highcontrast-detail-font-color,var(--mod-detail-font-color,var(--spectrum-detail-font-color)));line-height:var(--mod-detail-line-height,var(--spectrum-detail-line-height));letter-spacing:var(--mod-detail-letter-spacing,var(--spectrum-detail-letter-spacing));text-transform:uppercase;margin-block-start:var(--mod-detail-margin-start,var(--spectrum-detail-margin-start,0));margin-block-end:var(--mod-detail-margin-end,var(--spectrum-detail-margin-end,0))}.spectrum-Detail .spectrum-Detail-strong,.spectrum-Detail strong{font-style:var(--mod-detail-sans-serif-strong-font-style,var(--spectrum-detail-sans-serif-strong-font-style));font-weight:var(--mod-detail-sans-serif-strong-font-weight,var(--spectrum-detail-sans-serif-strong-font-weight))}.spectrum-Detail .spectrum-Detail-emphasized,.spectrum-Detail em{font-style:var(--mod-detail-sans-serif-emphasized-font-style,var(--spectrum-detail-sans-serif-emphasized-font-style));font-weight:var(--mod-detail-sans-serif-emphasized-font-weight,var(--spectrum-detail-sans-serif-emphasized-font-weight))}.spectrum-Detail .spectrum-Detail-strong.spectrum-Detail-emphasized,.spectrum-Detail em strong,.spectrum-Detail strong em{font-style:var(--mod-detail-sans-serif-strong-emphasized-font-style,var(--spectrum-detail-sans-serif-strong-emphasized-font-style));font-weight:var(--mod-detail-sans-serif-strong-emphasized-font-weight,var(--spectrum-detail-sans-serif-strong-emphasized-font-weight))}.spectrum-Detail:lang(ja),.spectrum-Detail:lang(ko),.spectrum-Detail:lang(zh){font-family:var(--mod-detail-cjk-font-family,var(--spectrum-detail-cjk-font-family));font-style:var(--mod-detail-cjk-font-style,var(--spectrum-detail-cjk-font-style));font-weight:var(--mod-detail-cjk-font-weight,var(--spectrum-detail-cjk-font-weight));line-height:var(--mod-detail-cjk-line-height,var(--spectrum-detail-cjk-line-height))}.spectrum-Detail:lang(ja) .spectrum-Detail-strong,.spectrum-Detail:lang(ja) strong,.spectrum-Detail:lang(ko) .spectrum-Detail-strong,.spectrum-Detail:lang(ko) strong,.spectrum-Detail:lang(zh) .spectrum-Detail-strong,.spectrum-Detail:lang(zh) strong{font-style:var(--mod-detail-cjk-strong-font-style,var(--spectrum-detail-cjk-strong-font-style));font-weight:var(--mod-detail-cjk-strong-font-weight,var(--spectrum-detail-cjk-strong-font-weight))}.spectrum-Detail:lang(ja) .spectrum-Detail-emphasized,.spectrum-Detail:lang(ja) em,.spectrum-Detail:lang(ko) .spectrum-Detail-emphasized,.spectrum-Detail:lang(ko) em,.spectrum-Detail:lang(zh) .spectrum-Detail-emphasized,.spectrum-Detail:lang(zh) em{font-style:var(--mod-detail-cjk-emphasized-font-style,var(--spectrum-detail-cjk-emphasized-font-style));font-weight:var(--mod-detail-cjk-emphasized-font-weight,var(--spectrum-detail-cjk-emphasized-font-weight))}.spectrum-Detail:lang(ja) .spectrum-Detail-strong.spectrum-Detail-emphasized,.spectrum-Detail:lang(ja) em strong,.spectrum-Detail:lang(ja) strong em,.spectrum-Detail:lang(ko) .spectrum-Detail-strong.spectrum-Detail-emphasized,.spectrum-Detail:lang(ko) em strong,.spectrum-Detail:lang(ko) strong em,.spectrum-Detail:lang(zh) .spectrum-Detail-strong.spectrum-Detail-emphasized,.spectrum-Detail:lang(zh) em strong,.spectrum-Detail:lang(zh) strong em{font-style:var(--mod-detail-cjk-strong-emphasized-font-style,var(--spectrum-detail-cjk-strong-emphasized-font-style));font-weight:var(--mod-detail-cjk-strong-emphasized-font-weight,var(--spectrum-detail-cjk-strong-emphasized-font-weight))}.spectrum-Detail--serif{font-family:var(--mod-detail-serif-font-family,var(--spectrum-detail-serif-font-family));font-style:var(--mod-detail-serif-font-style,var(--spectrum-detail-serif-font-style));font-weight:var(--mod-detail-serif-font-weight,var(--spectrum-detail-serif-font-weight))}.spectrum-Detail--serif .spectrum-Detail-strong,.spectrum-Detail--serif strong{font-style:var(--mod-detail-serif-strong-font-style,var(--spectrum-detail-serif-strong-font-style));font-weight:var(--mod-detail-serif-strong-font-weight,var(--spectrum-detail-serif-strong-font-weight))}.spectrum-Detail--serif .spectrum-Detail-emphasized,.spectrum-Detail--serif em{font-style:var(--mod-detail-serif-emphasized-font-style,var(--spectrum-detail-serif-emphasized-font-style));font-weight:var(--mod-detail-serif-emphasized-font-weight,var(--spectrum-detail-serif-emphasized-font-weight))}.spectrum-Detail--serif .spectrum-Detail-strong.spectrum-Detail-emphasized,.spectrum-Detail--serif em strong,.spectrum-Detail--serif strong em{font-style:var(--mod-detail-serif-strong-emphasized-font-style,var(--spectrum-detail-serif-strong-emphasized-font-style));font-weight:var(--mod-detail-serif-strong-emphasized-font-weight,var(--spectrum-detail-serif-strong-emphasized-font-weight))}.spectrum-Detail--light{font-style:var(--mod-detail-sans-serif-light-font-style,var(--spectrum-detail-sans-serif-light-font-style));font-weight:var(--spectrum-detail-sans-serif-light-font-weight,var(--spectrum-detail-sans-serif-light-font-weight))}.spectrum-Detail--light .spectrum-Detail-strong,.spectrum-Detail--light strong{font-style:var(--mod-detail-sans-serif-light-strong-font-style,var(--spectrum-detail-sans-serif-light-strong-font-style));font-weight:var(--mod-detail-sans-serif-light-strong-font-weight,var(--spectrum-detail-sans-serif-light-strong-font-weight))}.spectrum-Detail--light .spectrum-Detail-emphasized,.spectrum-Detail--light em{font-style:var(--mod-detail-sans-serif-light-emphasized-font-style,var(--spectrum-detail-sans-serif-light-emphasized-font-style));font-weight:var(--mod-detail-sans-serif-light-emphasized-font-weight,var(--spectrum-detail-sans-serif-light-emphasized-font-weight))}.spectrum-Detail--light .spectrum-Detail-strong.spectrum-Body-emphasized,.spectrum-Detail--light em strong,.spectrum-Detail--light strong em{font-style:var(--mod-detail-sans-serif-light-strong-emphasized-font-style,var(--spectrum-detail-sans-serif-light-strong-emphasized-font-style));font-weight:var(--mod-detail-sans-serif-light-strong-emphasized-font-weight,var(--spectrum-detail-sans-serif-light-strong-emphasized-font-weight))}.spectrum-Detail--light:lang(ja),.spectrum-Detail--light:lang(ko),.spectrum-Detail--light:lang(zh){font-style:var(--mod-detail-cjk-light-font-style,var(--spectrum-detail-cjk-light-font-style));font-weight:var(--mod-detail-cjk-light-font-weight,var(--spectrum-detail-cjk-light-font-weight))}.spectrum-Detail--light:lang(ja) .spectrum-Detail-strong,.spectrum-Detail--light:lang(ja) strong,.spectrum-Detail--light:lang(ko) .spectrum-Detail-strong,.spectrum-Detail--light:lang(ko) strong,.spectrum-Detail--light:lang(zh) .spectrum-Detail-strong,.spectrum-Detail--light:lang(zh) strong{font-style:var(--mod-detail-cjk-light-strong-font-style,var(--spectrum-detail-cjk-light-strong-font-style));font-weight:var(--mod-detail-cjk-light-strong-font-weight,var(--spectrum-detail-cjk-light-strong-font-weight))}.spectrum-Detail--light:lang(ja) .spectrum-Detail-emphasized,.spectrum-Detail--light:lang(ja) em,.spectrum-Detail--light:lang(ko) .spectrum-Detail-emphasized,.spectrum-Detail--light:lang(ko) em,.spectrum-Detail--light:lang(zh) .spectrum-Detail-emphasized,.spectrum-Detail--light:lang(zh) em{font-style:var(--mod-detail-cjk-light-emphasized-font-style,var(--spectrum-detail-cjk-light-emphasized-font-style));font-weight:var(--mod-detail-cjk-light-emphasized-font-weight,var(--spectrum-detail-cjk-light-emphasized-font-weight))}.spectrum-Detail--light:lang(ja) .spectrum-Detail-strong.spectrum-Detail-emphasized,.spectrum-Detail--light:lang(ko) .spectrum-Detail-strong.spectrum-Detail-emphasized,.spectrum-Detail--light:lang(zh) .spectrum-Detail-strong.spectrum-Detail-emphasized{font-style:var(--mod-detail-cjk-light-strong-emphasized-font-style,var(--spectrum-detail-cjk-light-strong-emphasized-font-style));font-weight:var(--mod-detail-cjk-light-strong-emphasized-font-weight,var(--spectrum-detail-cjk-light-strong-emphasized-font-weight))}.spectrum-Detail--serif.spectrum-Detail--light{font-style:var(--mod-detail-serif-light-font-style,var(--spectrum-detail-serif-light-font-style));font-weight:var(--mod-detail-serif-light-font-weight,var(--spectrum-detail-serif-light-font-weight))}.spectrum-Detail--serif.spectrum-Detail--light .spectrum-Detail-strong,.spectrum-Detail--serif.spectrum-Detail--light strong{font-style:var(--mod-detail-serif-light-strong-font-style,var(--spectrum-detail-serif-light-strong-font-style));font-weight:var(--mod-detail-serif-light-strong-font-weight,var(--spectrum-detail-serif-light-strong-font-weight))}.spectrum-Detail--serif.spectrum-Detail--light .spectrum-Detail-emphasized,.spectrum-Detail--serif.spectrum-Detail--light em{font-style:var(--mod-detail-serif-light-emphasized-font-style,var(--spectrum-detail-serif-light-emphasized-font-style));font-weight:var(--mod-detail-serif-light-emphasized-font-weight,var(--spectrum-detail-serif-light-emphasized-font-weight))}.spectrum-Detail--serif.spectrum-Detail--light .spectrum-Detail-strong.spectrum-Body-emphasized,.spectrum-Detail--serif.spectrum-Detail--light em strong,.spectrum-Detail--serif.spectrum-Detail--light strong em{font-style:var(--mod-detail-serif-light-strong-emphasized-font-style,var(--spectrum-detail-serif-light-strong-emphasized-font-style));font-weight:var(--mod-detail-serif-light-strong-emphasized-font-weight,var(--spectrum-detail-serif-light-strong-emphasized-font-weight))}.spectrum-Code,.spectrum-Code--sizeM{--spectrum-code-font-size:var(--spectrum-code-size-m)}.spectrum-Code--sizeXS{--spectrum-code-font-size:var(--spectrum-code-size-xs)}.spectrum-Code--sizeS{--spectrum-code-font-size:var(--spectrum-code-size-s)}.spectrum-Code--sizeL{--spectrum-code-font-size:var(--spectrum-code-size-l)}.spectrum-Code--sizeXL{--spectrum-code-font-size:var(--spectrum-code-size-xl)}.spectrum-Code{--spectrum-code-font-family:var(--spectrum-code-font-family-stack);--spectrum-code-cjk-letter-spacing:var(--spectrum-cjk-letter-spacing);--spectrum-code-font-color:var(--spectrum-code-color);font-family:var(--mod-code-font-family,var(--spectrum-code-font-family));font-style:var(--mod-code-font-style,var(--spectrum-code-font-style));font-weight:var(--mod-code-font-weight,var(--spectrum-code-font-weight));font-size:var(--mod-code-font-size,var(--spectrum-code-font-size));line-height:var(--mod-code-line-height,var(--spectrum-code-line-height));color:var(--highcontrast-code-font-color,var(--mod-code-font-color,var(--spectrum-code-font-color)));margin-block-start:var(--mod-code-margin-start,0);margin-block-end:var(--mod-code-margin-end,0)}.spectrum-Code .spectrum-Code-strong,.spectrum-Code strong{font-style:var(--mod-code-strong-font-style,var(--spectrum-code-strong-font-style));font-weight:var(--mod-code-strong-font-weight,var(--spectrum-code-strong-font-weight))}.spectrum-Code .spectrum-Code-emphasized,.spectrum-Code em{font-style:var(--mod-code-emphasized-font-style,var(--spectrum-code-emphasized-font-style));font-weight:var(--mod-code-emphasized-font-weight,var(--spectrum-code-emphasized-font-weight))}.spectrum-Code .spectrum-Code-strong.spectrum-Code-emphasized,.spectrum-Code em strong,.spectrum-Code strong em{font-style:var(--mod-code-strong-emphasized-font-style,var(--spectrum-code-strong-emphasized-font-style));font-weight:var(--mod-code-strong-emphasized-font-weight,var(--spectrum-code-strong-emphasized-font-weight))}.spectrum-Code:lang(ja),.spectrum-Code:lang(ko),.spectrum-Code:lang(zh){font-family:var(--mod-code-cjk-font-family,var(--spectrum-code-cjk-font-family));font-style:var(--mod-code-cjk-font-style,var(--spectrum-code-cjk-font-style));font-weight:var(--mod-code-cjk-font-weight,var(--spectrum-code-cjk-font-weight));line-height:var(--mod-code-cjk-line-height,var(--spectrum-code-cjk-line-height));letter-spacing:var(--mod-code-cjk-letter-spacing,var(--spectrum-code-cjk-letter-spacing))}.spectrum-Code:lang(ja) .spectrum-Code-strong,.spectrum-Code:lang(ja) strong,.spectrum-Code:lang(ko) .spectrum-Code-strong,.spectrum-Code:lang(ko) strong,.spectrum-Code:lang(zh) .spectrum-Code-strong,.spectrum-Code:lang(zh) strong{font-style:var(--mod-code-cjk-strong-font-style,var(--spectrum-code-cjk-strong-font-style));font-weight:var(--mod-code-cjk-strong-font-weight,var(--spectrum-code-cjk-strong-font-weight))}.spectrum-Code:lang(ja) .spectrum-Code-emphasized,.spectrum-Code:lang(ja) em,.spectrum-Code:lang(ko) .spectrum-Code-emphasized,.spectrum-Code:lang(ko) em,.spectrum-Code:lang(zh) .spectrum-Code-emphasized,.spectrum-Code:lang(zh) em{font-style:var(--mod-code-cjk-emphasized-font-style,var(--spectrum-code-cjk-emphasized-font-style));font-weight:var(--mod-code-cjk-emphasized-font-weight,var(--spectrum-code-cjk-emphasized-font-weight))}.spectrum-Code:lang(ja) .spectrum-Code-strong.spectrum-Code-emphasized,.spectrum-Code:lang(ja) em strong,.spectrum-Code:lang(ja) strong em,.spectrum-Code:lang(ko) .spectrum-Code-strong.spectrum-Code-emphasized,.spectrum-Code:lang(ko) em strong,.spectrum-Code:lang(ko) strong em,.spectrum-Code:lang(zh) .spectrum-Code-strong.spectrum-Code-emphasized,.spectrum-Code:lang(zh) em strong,.spectrum-Code:lang(zh) strong em{font-style:var(--mod-code-cjk-strong-emphasized-font-style,var(--spectrum-code-cjk-strong-emphasized-font-style));font-weight:var(--mod-code-cjk-strong-emphasized-font-weight,var(--spectrum-code-cjk-strong-emphasized-font-weight))}:host{--spectrum-picker-border-width:var(--spectrum-border-width-100);font-family:var(--spectrum-font-family);font-size:var(--spectrum-font-size);font-style:var(--spectrum-font-style);display:block;&:lang(ar){font-family:var(--spectrum-font-family-ar)}&:lang(he){font-family:var(--spectrum-font-family-he)}}#scale,#theme{width:100%;height:100%} -`,Vv=Ey;Yt.registerThemeFragment("spectrum-two","system",Vv);Yt.registerThemeFragment("large-spectrum-two","scale",Fv);p();var $y=y` +`,Zv=Ay;Yt.registerThemeFragment("spectrum-two","system",Zv);Yt.registerThemeFragment("large-spectrum-two","scale",Uv);p();var Ly=y` :host,:root{--spectrum-workflow-icon-size-50:14px;--spectrum-workflow-icon-size-75:16px;--spectrum-workflow-icon-size-100:20px;--spectrum-workflow-icon-size-200:22px;--spectrum-workflow-icon-size-300:26px;--spectrum-arrow-icon-size-75:10px;--spectrum-arrow-icon-size-100:10px;--spectrum-arrow-icon-size-200:12px;--spectrum-arrow-icon-size-300:14px;--spectrum-arrow-icon-size-400:16px;--spectrum-arrow-icon-size-500:18px;--spectrum-arrow-icon-size-600:20px;--spectrum-asterisk-icon-size-100:8px;--spectrum-asterisk-icon-size-200:10px;--spectrum-asterisk-icon-size-300:10px;--spectrum-checkmark-icon-size-50:10px;--spectrum-checkmark-icon-size-75:10px;--spectrum-checkmark-icon-size-100:10px;--spectrum-checkmark-icon-size-200:12px;--spectrum-checkmark-icon-size-300:14px;--spectrum-checkmark-icon-size-400:16px;--spectrum-checkmark-icon-size-500:16px;--spectrum-checkmark-icon-size-600:18px;--spectrum-chevron-icon-size-50:6px;--spectrum-chevron-icon-size-75:10px;--spectrum-chevron-icon-size-100:10px;--spectrum-chevron-icon-size-200:12px;--spectrum-chevron-icon-size-300:14px;--spectrum-chevron-icon-size-400:16px;--spectrum-chevron-icon-size-500:16px;--spectrum-chevron-icon-size-600:18px;--spectrum-corner-triangle-icon-size-75:5px;--spectrum-corner-triangle-icon-size-100:5px;--spectrum-corner-triangle-icon-size-200:6px;--spectrum-corner-triangle-icon-size-300:7px;--spectrum-cross-icon-size-75:8px;--spectrum-cross-icon-size-100:8px;--spectrum-cross-icon-size-200:10px;--spectrum-cross-icon-size-300:12px;--spectrum-cross-icon-size-400:12px;--spectrum-cross-icon-size-500:14px;--spectrum-cross-icon-size-600:16px;--spectrum-dash-icon-size-50:8px;--spectrum-dash-icon-size-75:8px;--spectrum-dash-icon-size-100:10px;--spectrum-dash-icon-size-200:12px;--spectrum-dash-icon-size-300:12px;--spectrum-dash-icon-size-400:14px;--spectrum-dash-icon-size-500:16px;--spectrum-dash-icon-size-600:18px;--spectrum-checkbox-control-size-small:12px;--spectrum-checkbox-control-size-medium:14px;--spectrum-checkbox-control-size-large:16px;--spectrum-checkbox-control-size-extra-large:18px;--spectrum-checkbox-top-to-control-small:6px;--spectrum-checkbox-top-to-control-medium:9px;--spectrum-checkbox-top-to-control-large:12px;--spectrum-checkbox-top-to-control-extra-large:15px;--spectrum-switch-control-width-small:23px;--spectrum-switch-control-width-medium:26px;--spectrum-switch-control-width-large:29px;--spectrum-switch-control-width-extra-large:33px;--spectrum-switch-control-height-small:12px;--spectrum-switch-control-height-medium:14px;--spectrum-switch-control-height-large:16px;--spectrum-switch-control-height-extra-large:18px;--spectrum-switch-top-to-control-small:6px;--spectrum-switch-top-to-control-medium:9px;--spectrum-switch-top-to-control-large:12px;--spectrum-switch-top-to-control-extra-large:15px;--spectrum-radio-button-control-size-small:12px;--spectrum-radio-button-control-size-medium:14px;--spectrum-radio-button-control-size-large:16px;--spectrum-radio-button-control-size-extra-large:18px;--spectrum-radio-button-top-to-control-small:6px;--spectrum-radio-button-top-to-control-medium:9px;--spectrum-radio-button-top-to-control-large:12px;--spectrum-radio-button-top-to-control-extra-large:15px;--spectrum-field-label-text-to-asterisk-small:4px;--spectrum-field-label-text-to-asterisk-medium:4px;--spectrum-field-label-text-to-asterisk-large:5px;--spectrum-field-label-text-to-asterisk-extra-large:5px;--spectrum-field-label-top-to-asterisk-small:8px;--spectrum-field-label-top-to-asterisk-medium:12px;--spectrum-field-label-top-to-asterisk-large:15px;--spectrum-field-label-top-to-asterisk-extra-large:19px;--spectrum-field-label-top-margin-medium:4px;--spectrum-field-label-top-margin-large:5px;--spectrum-field-label-top-margin-extra-large:5px;--spectrum-field-label-to-component-quiet-small:-8px;--spectrum-field-label-to-component-quiet-medium:-8px;--spectrum-field-label-to-component-quiet-large:-12px;--spectrum-field-label-to-component-quiet-extra-large:-15px;--spectrum-help-text-top-to-workflow-icon-small:4px;--spectrum-help-text-top-to-workflow-icon-medium:3px;--spectrum-help-text-top-to-workflow-icon-large:6px;--spectrum-help-text-top-to-workflow-icon-extra-large:9px;--spectrum-status-light-dot-size-medium:8px;--spectrum-status-light-dot-size-large:10px;--spectrum-status-light-dot-size-extra-large:10px;--spectrum-status-light-top-to-dot-small:8px;--spectrum-status-light-top-to-dot-medium:12px;--spectrum-status-light-top-to-dot-large:15px;--spectrum-status-light-top-to-dot-extra-large:19px;--spectrum-action-button-edge-to-hold-icon-medium:4px;--spectrum-action-button-edge-to-hold-icon-large:5px;--spectrum-action-button-edge-to-hold-icon-extra-large:6px;--spectrum-tooltip-tip-width:8px;--spectrum-tooltip-tip-height:4px;--spectrum-tooltip-maximum-width:160px;--spectrum-progress-circle-size-small:16px;--spectrum-progress-circle-size-medium:32px;--spectrum-progress-circle-size-large:64px;--spectrum-progress-circle-thickness-small:2px;--spectrum-progress-circle-thickness-medium:3px;--spectrum-progress-circle-thickness-large:4px;--spectrum-toast-height:48px;--spectrum-toast-maximum-width:336px;--spectrum-toast-top-to-workflow-icon:15px;--spectrum-toast-top-to-text:14px;--spectrum-toast-bottom-to-text:17px;--spectrum-action-bar-height:48px;--spectrum-action-bar-top-to-item-counter:14px;--spectrum-swatch-size-extra-small:16px;--spectrum-swatch-size-small:24px;--spectrum-swatch-size-medium:32px;--spectrum-swatch-size-large:40px;--spectrum-progress-bar-thickness-small:4px;--spectrum-progress-bar-thickness-medium:6px;--spectrum-progress-bar-thickness-large:8px;--spectrum-progress-bar-thickness-extra-large:10px;--spectrum-meter-width:192px;--spectrum-meter-thickness-small:4px;--spectrum-meter-thickness-large:6px;--spectrum-tag-top-to-avatar-small:4px;--spectrum-tag-top-to-avatar-medium:6px;--spectrum-tag-top-to-avatar-large:9px;--spectrum-tag-top-to-cross-icon-small:8px;--spectrum-tag-top-to-cross-icon-medium:12px;--spectrum-tag-top-to-cross-icon-large:15px;--spectrum-popover-top-to-content-area:4px;--spectrum-menu-item-edge-to-content-not-selected-small:28px;--spectrum-menu-item-edge-to-content-not-selected-medium:32px;--spectrum-menu-item-edge-to-content-not-selected-large:38px;--spectrum-menu-item-edge-to-content-not-selected-extra-large:45px;--spectrum-menu-item-top-to-disclosure-icon-small:7px;--spectrum-menu-item-top-to-disclosure-icon-medium:11px;--spectrum-menu-item-top-to-disclosure-icon-large:14px;--spectrum-menu-item-top-to-disclosure-icon-extra-large:17px;--spectrum-menu-item-top-to-selected-icon-small:7px;--spectrum-menu-item-top-to-selected-icon-medium:11px;--spectrum-menu-item-top-to-selected-icon-large:14px;--spectrum-menu-item-top-to-selected-icon-extra-large:17px;--spectrum-slider-control-height-small:14px;--spectrum-slider-control-height-medium:16px;--spectrum-slider-control-height-large:18px;--spectrum-slider-control-height-extra-large:20px;--spectrum-slider-handle-size-small:14px;--spectrum-slider-handle-size-medium:16px;--spectrum-slider-handle-size-large:18px;--spectrum-slider-handle-size-extra-large:20px;--spectrum-slider-handle-border-width-down-small:5px;--spectrum-slider-handle-border-width-down-medium:6px;--spectrum-slider-handle-border-width-down-large:7px;--spectrum-slider-handle-border-width-down-extra-large:8px;--spectrum-slider-bottom-to-handle-small:5px;--spectrum-slider-bottom-to-handle-medium:8px;--spectrum-slider-bottom-to-handle-large:11px;--spectrum-slider-bottom-to-handle-extra-large:14px;--spectrum-slider-control-to-field-label-small:5px;--spectrum-slider-control-to-field-label-medium:8px;--spectrum-slider-control-to-field-label-large:11px;--spectrum-slider-control-to-field-label-extra-large:14px;--spectrum-picker-visual-to-disclosure-icon-small:7px;--spectrum-picker-visual-to-disclosure-icon-medium:8px;--spectrum-picker-visual-to-disclosure-icon-large:9px;--spectrum-picker-visual-to-disclosure-icon-extra-large:10px;--spectrum-text-area-minimum-width:112px;--spectrum-text-area-minimum-height:56px;--spectrum-combo-box-visual-to-field-button-small:7px;--spectrum-combo-box-visual-to-field-button-medium:8px;--spectrum-combo-box-visual-to-field-button-large:9px;--spectrum-combo-box-visual-to-field-button-extra-large:10px;--spectrum-thumbnail-size-50:16px;--spectrum-thumbnail-size-75:18px;--spectrum-thumbnail-size-100:20px;--spectrum-thumbnail-size-200:22px;--spectrum-thumbnail-size-300:26px;--spectrum-thumbnail-size-400:28px;--spectrum-thumbnail-size-500:32px;--spectrum-thumbnail-size-600:36px;--spectrum-thumbnail-size-700:40px;--spectrum-thumbnail-size-800:44px;--spectrum-thumbnail-size-900:50px;--spectrum-thumbnail-size-1000:56px;--spectrum-alert-dialog-title-size:var(--spectrum-heading-size-s);--spectrum-alert-dialog-description-size:var(--spectrum-body-size-s);--spectrum-opacity-checkerboard-square-size:8px;--spectrum-contextual-help-title-size:var(--spectrum-heading-size-xs);--spectrum-contextual-help-body-size:var(--spectrum-body-size-s);--spectrum-breadcrumbs-height-multiline:72px;--spectrum-breadcrumbs-top-to-text:13px;--spectrum-breadcrumbs-top-to-text-compact:11px;--spectrum-breadcrumbs-top-to-text-multiline:12px;--spectrum-breadcrumbs-bottom-to-text:15px;--spectrum-breadcrumbs-bottom-to-text-compact:12px;--spectrum-breadcrumbs-bottom-to-text-multiline:9px;--spectrum-breadcrumbs-start-edge-to-text:8px;--spectrum-breadcrumbs-top-text-to-bottom-text:9px;--spectrum-breadcrumbs-top-to-separator-icon:19px;--spectrum-breadcrumbs-top-to-separator-icon-compact:15px;--spectrum-breadcrumbs-top-to-separator-icon-multiline:15px;--spectrum-breadcrumbs-separator-icon-to-bottom-text-multiline:11px;--spectrum-breadcrumbs-top-to-truncated-menu:8px;--spectrum-breadcrumbs-top-to-truncated-menu-compact:4px;--spectrum-avatar-size-50:16px;--spectrum-avatar-size-75:18px;--spectrum-avatar-size-100:20px;--spectrum-avatar-size-200:22px;--spectrum-avatar-size-300:26px;--spectrum-avatar-size-400:28px;--spectrum-avatar-size-500:32px;--spectrum-avatar-size-600:36px;--spectrum-avatar-size-700:40px;--spectrum-alert-banner-minimum-height:48px;--spectrum-alert-banner-width:832px;--spectrum-alert-banner-top-to-workflow-icon:15px;--spectrum-alert-banner-top-to-text:14px;--spectrum-alert-banner-bottom-to-text:17px;--spectrum-rating-indicator-width:18px;--spectrum-rating-indicator-to-icon:4px;--spectrum-color-area-width:192px;--spectrum-color-area-minimum-width:64px;--spectrum-color-area-height:192px;--spectrum-color-area-minimum-height:64px;--spectrum-color-wheel-width:192px;--spectrum-color-wheel-minimum-width:175px;--spectrum-color-slider-length:192px;--spectrum-color-slider-minimum-length:80px;--spectrum-illustrated-message-title-size:var(--spectrum-heading-size-m);--spectrum-illustrated-message-cjk-title-size:var(--spectrum-heading-cjk-size-m);--spectrum-illustrated-message-body-size:var(--spectrum-body-size-s);--spectrum-coach-mark-width:296px;--spectrum-coach-mark-minimum-width:296px;--spectrum-coach-mark-maximum-width:380px;--spectrum-coach-mark-edge-to-content:var(--spectrum-spacing-400);--spectrum-coach-mark-pagination-text-to-bottom-edge:33px;--spectrum-coach-mark-media-height:222px;--spectrum-coach-mark-media-minimum-height:166px;--spectrum-coach-mark-title-size:var(--spectrum-heading-size-xs);--spectrum-coach-mark-body-size:var(--spectrum-body-size-s);--spectrum-coach-mark-pagination-body-size:var(--spectrum-body-size-s);--spectrum-accordion-top-to-text-regular-small:5px;--spectrum-accordion-small-top-to-text-spacious:9px;--spectrum-accordion-top-to-text-regular-medium:8px;--spectrum-accordion-top-to-text-spacious-medium:12px;--spectrum-accordion-top-to-text-compact-large:4px;--spectrum-accordion-top-to-text-regular-large:9px;--spectrum-accordion-top-to-text-spacious-large:12px;--spectrum-accordion-top-to-text-compact-extra-large:5px;--spectrum-accordion-top-to-text-regular-extra-large:9px;--spectrum-accordion-top-to-text-spacious-extra-large:13px;--spectrum-accordion-bottom-to-text-compact-small:2px;--spectrum-accordion-bottom-to-text-regular-small:7px;--spectrum-accordion-bottom-to-text-spacious-small:11px;--spectrum-accordion-bottom-to-text-compact-medium:5px;--spectrum-accordion-bottom-to-text-regular-medium:9px;--spectrum-accordion-bottom-to-text-spacious-medium:13px;--spectrum-accordion-bottom-to-text-compact-large:8px;--spectrum-accordion-bottom-to-text-regular-large:11px;--spectrum-accordion-bottom-to-text-spacious-large:16px;--spectrum-accordion-bottom-to-text-compact-extra-large:8px;--spectrum-accordion-bottom-to-text-regular-extra-large:12px;--spectrum-accordion-bottom-to-text-spacious-extra-large:16px;--spectrum-accordion-minimum-width:200px;--spectrum-accordion-content-area-top-to-content:8px;--spectrum-accordion-content-area-bottom-to-content:16px;--spectrum-color-handle-size:16px;--spectrum-color-handle-size-key-focus:32px;--spectrum-table-column-header-row-top-to-text-small:8px;--spectrum-table-column-header-row-top-to-text-medium:7px;--spectrum-table-column-header-row-top-to-text-large:10px;--spectrum-table-column-header-row-top-to-text-extra-large:13px;--spectrum-table-column-header-row-bottom-to-text-small:9px;--spectrum-table-column-header-row-bottom-to-text-medium:8px;--spectrum-table-column-header-row-bottom-to-text-large:10px;--spectrum-table-column-header-row-bottom-to-text-extra-large:13px;--spectrum-table-row-height-small-regular:32px;--spectrum-table-row-height-medium-regular:40px;--spectrum-table-row-height-large-regular:48px;--spectrum-table-row-height-extra-large-regular:56px;--spectrum-table-row-height-small-spacious:40px;--spectrum-table-row-height-medium-spacious:48px;--spectrum-table-row-height-large-spacious:56px;--spectrum-table-row-height-extra-large-spacious:64px;--spectrum-table-row-top-to-text-small-regular:8px;--spectrum-table-row-top-to-text-medium-regular:11px;--spectrum-table-row-top-to-text-large-regular:14px;--spectrum-table-row-top-to-text-extra-large-regular:17px;--spectrum-table-row-bottom-to-text-small-regular:9px;--spectrum-table-row-bottom-to-text-medium-regular:12px;--spectrum-table-row-bottom-to-text-large-regular:14px;--spectrum-table-row-bottom-to-text-extra-large-regular:17px;--spectrum-table-row-top-to-text-small-spacious:12px;--spectrum-table-row-top-to-text-medium-spacious:15px;--spectrum-table-row-top-to-text-large-spacious:18px;--spectrum-table-row-top-to-text-extra-large-spacious:21px;--spectrum-table-row-bottom-to-text-small-spacious:13px;--spectrum-table-row-bottom-to-text-medium-spacious:16px;--spectrum-table-row-bottom-to-text-large-spacious:18px;--spectrum-table-row-bottom-to-text-extra-large-spacious:21px;--spectrum-table-checkbox-to-text:24px;--spectrum-table-header-row-checkbox-to-top-small:10px;--spectrum-table-header-row-checkbox-to-top-medium:9px;--spectrum-table-header-row-checkbox-to-top-large:12px;--spectrum-table-header-row-checkbox-to-top-extra-large:15px;--spectrum-table-row-checkbox-to-top-small-compact:6px;--spectrum-table-row-checkbox-to-top-small-regular:10px;--spectrum-table-row-checkbox-to-top-small-spacious:14px;--spectrum-table-row-checkbox-to-top-medium-compact:9px;--spectrum-table-row-checkbox-to-top-medium-regular:13px;--spectrum-table-row-checkbox-to-top-medium-spacious:17px;--spectrum-table-row-checkbox-to-top-large-compact:12px;--spectrum-table-row-checkbox-to-top-large-regular:16px;--spectrum-table-row-checkbox-to-top-large-spacious:20px;--spectrum-table-row-checkbox-to-top-extra-large-compact:15px;--spectrum-table-row-checkbox-to-top-extra-large-regular:19px;--spectrum-table-row-checkbox-to-top-extra-large-spacious:23px;--spectrum-table-section-header-row-height-small:24px;--spectrum-table-section-header-row-height-medium:32px;--spectrum-table-section-header-row-height-large:40px;--spectrum-table-section-header-row-height-extra-large:48px;--spectrum-table-thumbnail-to-top-minimum-small-compact:4px;--spectrum-table-thumbnail-to-top-minimum-medium-compact:5px;--spectrum-table-thumbnail-to-top-minimum-large-compact:7px;--spectrum-table-thumbnail-to-top-minimum-extra-large-compact:8px;--spectrum-table-thumbnail-to-top-minimum-small-regular:5px;--spectrum-table-thumbnail-to-top-minimum-medium-regular:7px;--spectrum-table-thumbnail-to-top-minimum-large-regular:8px;--spectrum-table-thumbnail-to-top-minimum-extra-large-regular:8px;--spectrum-table-thumbnail-to-top-minimum-small-spacious:7px;--spectrum-table-thumbnail-to-top-minimum-medium-spacious:8px;--spectrum-table-thumbnail-to-top-minimum-large-spacious:8px;--spectrum-table-thumbnail-to-top-minimum-extra-large-spacious:10px;--spectrum-tab-item-to-tab-item-horizontal-small:21px;--spectrum-tab-item-to-tab-item-horizontal-medium:24px;--spectrum-tab-item-to-tab-item-horizontal-large:27px;--spectrum-tab-item-to-tab-item-horizontal-extra-large:30px;--spectrum-tab-item-to-tab-item-vertical-small:4px;--spectrum-tab-item-to-tab-item-vertical-medium:4px;--spectrum-tab-item-to-tab-item-vertical-large:5px;--spectrum-tab-item-to-tab-item-vertical-extra-large:5px;--spectrum-tab-item-start-to-edge-small:12px;--spectrum-tab-item-start-to-edge-medium:12px;--spectrum-tab-item-start-to-edge-large:13px;--spectrum-tab-item-start-to-edge-extra-large:13px;--spectrum-tab-item-top-to-text-small:11px;--spectrum-tab-item-bottom-to-text-small:12px;--spectrum-tab-item-top-to-text-medium:14px;--spectrum-tab-item-bottom-to-text-medium:14px;--spectrum-tab-item-top-to-text-large:16px;--spectrum-tab-item-bottom-to-text-large:18px;--spectrum-tab-item-top-to-text-extra-large:19px;--spectrum-tab-item-bottom-to-text-extra-large:20px;--spectrum-tab-item-top-to-text-compact-small:4px;--spectrum-tab-item-bottom-to-text-compact-small:5px;--spectrum-tab-item-top-to-text-compact-medium:6px;--spectrum-tab-item-bottom-to-text-compact-medium:8px;--spectrum-tab-item-top-to-text-compact-large:10px;--spectrum-tab-item-bottom-to-text-compact-large:12px;--spectrum-tab-item-top-to-text-compact-extra-large:12px;--spectrum-tab-item-bottom-to-text-compact-extra-large:13px;--spectrum-tab-item-top-to-workflow-icon-small:13px;--spectrum-tab-item-top-to-workflow-icon-medium:15px;--spectrum-tab-item-top-to-workflow-icon-large:17px;--spectrum-tab-item-top-to-workflow-icon-extra-large:19px;--spectrum-tab-item-top-to-workflow-icon-compact-small:3px;--spectrum-tab-item-top-to-workflow-icon-compact-medium:7px;--spectrum-tab-item-top-to-workflow-icon-compact-large:9px;--spectrum-tab-item-top-to-workflow-icon-compact-extra-large:11px;--spectrum-tab-item-focus-indicator-gap-small:7px;--spectrum-tab-item-focus-indicator-gap-medium:8px;--spectrum-tab-item-focus-indicator-gap-large:9px;--spectrum-tab-item-focus-indicator-gap-extra-large:10px;--spectrum-side-navigation-width:192px;--spectrum-side-navigation-minimum-width:160px;--spectrum-side-navigation-maximum-width:240px;--spectrum-side-navigation-second-level-edge-to-text:24px;--spectrum-side-navigation-third-level-edge-to-text:36px;--spectrum-side-navigation-with-icon-second-level-edge-to-text:50px;--spectrum-side-navigation-with-icon-third-level-edge-to-text:62px;--spectrum-side-navigation-item-to-item:4px;--spectrum-side-navigation-item-to-header:24px;--spectrum-side-navigation-header-to-item:8px;--spectrum-side-navigation-bottom-to-text:8px;--spectrum-tray-top-to-content-area:4px;--spectrum-accordion-top-to-text-spacious-small:9px;--spectrum-drop-shadow-y:1px;--spectrum-drop-shadow-blur:4px;--spectrum-text-to-visual-50:5px;--spectrum-text-to-visual-75:5px;--spectrum-text-to-visual-100:6px;--spectrum-text-to-visual-200:7px;--spectrum-text-to-visual-300:8px;--spectrum-text-to-visual-400:9px;--spectrum-text-to-control-75:9px;--spectrum-text-to-control-100:10px;--spectrum-text-to-control-200:11px;--spectrum-text-to-control-300:13px;--spectrum-component-height-50:20px;--spectrum-component-height-75:24px;--spectrum-component-height-100:32px;--spectrum-component-height-200:40px;--spectrum-component-height-300:48px;--spectrum-component-height-400:56px;--spectrum-component-height-500:64px;--spectrum-component-pill-edge-to-visual-75:11px;--spectrum-component-pill-edge-to-visual-100:14px;--spectrum-component-pill-edge-to-visual-200:18px;--spectrum-component-pill-edge-to-visual-300:20px;--spectrum-component-pill-edge-to-visual-only-75:4px;--spectrum-component-pill-edge-to-visual-only-100:6px;--spectrum-component-pill-edge-to-visual-only-200:9px;--spectrum-component-pill-edge-to-visual-only-300:11px;--spectrum-component-pill-edge-to-text-75:13px;--spectrum-component-pill-edge-to-text-100:16px;--spectrum-component-pill-edge-to-text-200:20px;--spectrum-component-pill-edge-to-text-300:23px;--spectrum-component-edge-to-visual-50:7px;--spectrum-component-edge-to-visual-75:8px;--spectrum-component-edge-to-visual-100:10px;--spectrum-component-edge-to-visual-200:13px;--spectrum-component-edge-to-visual-300:14px;--spectrum-component-edge-to-visual-only-50:3px;--spectrum-component-edge-to-visual-only-75:4px;--spectrum-component-edge-to-visual-only-100:6px;--spectrum-component-edge-to-visual-only-200:9px;--spectrum-component-edge-to-visual-only-300:11px;--spectrum-component-edge-to-text-50:8px;--spectrum-component-edge-to-text-75:10px;--spectrum-component-edge-to-text-100:12px;--spectrum-component-edge-to-text-200:15px;--spectrum-component-edge-to-text-300:17px;--spectrum-component-top-to-workflow-icon-50:3px;--spectrum-component-top-to-workflow-icon-75:4px;--spectrum-component-top-to-workflow-icon-100:6px;--spectrum-component-top-to-workflow-icon-200:9px;--spectrum-component-top-to-workflow-icon-300:11px;--spectrum-component-top-to-text-50:3px;--spectrum-component-top-to-text-75:4px;--spectrum-component-top-to-text-100:6px;--spectrum-component-top-to-text-200:9px;--spectrum-component-top-to-text-300:12px;--spectrum-component-bottom-to-text-50:3px;--spectrum-component-bottom-to-text-75:5px;--spectrum-component-bottom-to-text-100:9px;--spectrum-component-bottom-to-text-200:11px;--spectrum-component-bottom-to-text-300:14px;--spectrum-component-to-menu-small:6px;--spectrum-component-to-menu-medium:6px;--spectrum-component-to-menu-large:7px;--spectrum-component-to-menu-extra-large:8px;--spectrum-field-edge-to-disclosure-icon-75:7px;--spectrum-field-edge-to-disclosure-icon-100:11px;--spectrum-field-edge-to-disclosure-icon-200:14px;--spectrum-field-edge-to-disclosure-icon-300:17px;--spectrum-field-end-edge-to-disclosure-icon-75:7px;--spectrum-field-end-edge-to-disclosure-icon-100:11px;--spectrum-field-end-edge-to-disclosure-icon-200:14px;--spectrum-field-end-edge-to-disclosure-icon-300:17px;--spectrum-field-top-to-disclosure-icon-75:7px;--spectrum-field-top-to-disclosure-icon-100:11px;--spectrum-field-top-to-disclosure-icon-200:14px;--spectrum-field-top-to-disclosure-icon-300:17px;--spectrum-field-top-to-alert-icon-small:4px;--spectrum-field-top-to-alert-icon-medium:7px;--spectrum-field-top-to-alert-icon-large:10px;--spectrum-field-top-to-alert-icon-extra-large:13px;--spectrum-field-top-to-validation-icon-small:7px;--spectrum-field-top-to-validation-icon-medium:11px;--spectrum-field-top-to-validation-icon-large:14px;--spectrum-field-top-to-validation-icon-extra-large:17px;--spectrum-field-top-to-progress-circle-small:4px;--spectrum-field-top-to-progress-circle-medium:8px;--spectrum-field-top-to-progress-circle-large:12px;--spectrum-field-top-to-progress-circle-extra-large:16px;--spectrum-field-edge-to-alert-icon-small:9px;--spectrum-field-edge-to-alert-icon-medium:12px;--spectrum-field-edge-to-alert-icon-large:15px;--spectrum-field-edge-to-alert-icon-extra-large:18px;--spectrum-field-edge-to-validation-icon-small:9px;--spectrum-field-edge-to-validation-icon-medium:12px;--spectrum-field-edge-to-validation-icon-large:15px;--spectrum-field-edge-to-validation-icon-extra-large:18px;--spectrum-field-text-to-alert-icon-small:8px;--spectrum-field-text-to-alert-icon-medium:12px;--spectrum-field-text-to-alert-icon-large:15px;--spectrum-field-text-to-alert-icon-extra-large:18px;--spectrum-field-text-to-validation-icon-small:8px;--spectrum-field-text-to-validation-icon-medium:12px;--spectrum-field-text-to-validation-icon-large:15px;--spectrum-field-text-to-validation-icon-extra-large:18px;--spectrum-field-width:192px;--spectrum-character-count-to-field-quiet-small:-3px;--spectrum-character-count-to-field-quiet-medium:-3px;--spectrum-character-count-to-field-quiet-large:-3px;--spectrum-character-count-to-field-quiet-extra-large:-4px;--spectrum-side-label-character-count-to-field:12px;--spectrum-side-label-character-count-top-margin-small:4px;--spectrum-side-label-character-count-top-margin-medium:8px;--spectrum-side-label-character-count-top-margin-large:11px;--spectrum-side-label-character-count-top-margin-extra-large:14px;--spectrum-disclosure-indicator-top-to-disclosure-icon-small:7px;--spectrum-disclosure-indicator-top-to-disclosure-icon-medium:11px;--spectrum-disclosure-indicator-top-to-disclosure-icon-large:14px;--spectrum-disclosure-indicator-top-to-disclosure-icon-extra-large:17px;--spectrum-navigational-indicator-top-to-back-icon-small:6px;--spectrum-navigational-indicator-top-to-back-icon-medium:9px;--spectrum-navigational-indicator-top-to-back-icon-large:12px;--spectrum-navigational-indicator-top-to-back-icon-extra-large:15px;--spectrum-color-control-track-width:24px;--spectrum-font-size-50:11px;--spectrum-font-size-75:12px;--spectrum-font-size-100:14px;--spectrum-font-size-200:16px;--spectrum-font-size-300:18px;--spectrum-font-size-400:20px;--spectrum-font-size-500:22px;--spectrum-font-size-600:25px;--spectrum-font-size-700:28px;--spectrum-font-size-800:32px;--spectrum-font-size-900:36px;--spectrum-font-size-1000:40px;--spectrum-font-size-1100:45px;--spectrum-font-size-1200:50px;--spectrum-font-size-1300:60px;--scale:medium;--spectrum-alert-banner-close-button-spacing:var(--spectrum-spacing-100);--spectrum-alert-banner-edge-to-button:var(--spectrum-spacing-100);--spectrum-alert-banner-edge-to-divider:var(--spectrum-spacing-100);--spectrum-alert-banner-text-to-button-vertical:var(--spectrum-spacing-100);--spectrum-alert-dialog-description-to-buttons:var(--spectrum-spacing-700);--spectrum-alert-dialog-padding:var(--spectrum-spacing-500);--spectrum-assetcard-content-font-size:var(--spectrum-body-size-s);--spectrum-assetcard-focus-ring-border-radius:8px;--spectrum-assetcard-header-content-font-size:var(--spectrum-heading-size-xs);--spectrum-assetcard-selectionindicator-margin:12px;--spectrum-assetcard-title-font-size:var(--spectrum-heading-size-xs);--spectrum-button-bottom-to-text-small:4px;--spectrum-button-bottom-to-text-medium:8px;--spectrum-button-bottom-to-text-large:10px;--spectrum-button-bottom-to-text-extra-large:13px;--spectrum-button-top-to-text-small:5px;--spectrum-button-top-to-text-medium:7px;--spectrum-button-top-to-text-large:10px;--spectrum-button-top-to-text-extra-large:13px;--spectrum-coach-indicator-gap:6px;--spectrum-coach-indicator-ring-diameter:var(--spectrum-spacing-300);--spectrum-coach-indicator-quiet-ring-diameter:var(--spectrum-spacing-100);--spectrum-coachmark-buttongroup-display:flex;--spectrum-coachmark-buttongroup-mobile-display:none;--spectrum-coachmark-menu-display:inline-flex;--spectrum-coachmark-menu-mobile-display:none;--spectrum-colorloupe-checkerboard-fill:url(#checkerboard-primary);--spectrum-colorwheel-colorarea-container-size:144px;--spectrum-colorwheel-path:"M 95 95 m -95 0 a 95 95 0 1 0 190 0 a 95 95 0 1 0 -190 0.2 M 95 95 m -73 0 a 73 73 0 1 0 146 0 a 73 73 0 1 0 -146 0";--spectrum-colorwheel-path-borders:"M 96 96 m -96 0 a 96 96 0 1 0 192 0 a 96 96 0 1 0 -192 0.2 M 96 96 m -72 0 a 72 72 0 1 0 144 0 a 72 72 0 1 0 -144 0";--spectrum-contextual-help-content-spacing:var(--spectrum-spacing-100);--spectrum-datepicker-dash-line-height:24px;--spectrum-datepicker-datetime-width-first:36px;--spectrum-datepicker-generic-padding:var(--spectrum-spacing-200);--spectrum-datepicker-initial-width:128px;--spectrum-datepicker-input-datetime-width:var(--spectrum-spacing-400);--spectrum-datepicker-invalid-icon-to-button:8px;--spectrum-datepicker-invalid-icon-to-button-quiet:7px;--spectrum-datepicker-width-quiet-first:72px;--spectrum-datepicker-width-quiet-second:16px;--spectrum-dial-border-radius:16px;--spectrum-dial-controls-margin:8px;--spectrum-dial-handle-block-margin:16px;--spectrum-dial-handle-inline-margin:16px;--spectrum-dial-handle-position:8px;--spectrum-dial-label-container-top-to-text:4px;--spectrum-dial-label-gap-y:5px;--spectrum-dialog-confirm-border-radius:4px;--spectrum-dialog-confirm-description-text-size:14px;--spectrum-dialog-confirm-entry-animation-distance:20px;--spectrum-dialog-confirm-hero-height:128px;--spectrum-dialog-confirm-padding-grid:40px;--spectrum-dialog-confirm-title-text-size:18px;--spectrum-menu-item-checkmark-height-small:10px;--spectrum-menu-item-checkmark-height-medium:10px;--spectrum-menu-item-checkmark-height-large:12px;--spectrum-menu-item-checkmark-height-extra-large:14px;--spectrum-menu-item-checkmark-width-small:10px;--spectrum-menu-item-checkmark-width-medium:10px;--spectrum-menu-item-checkmark-width-large:12px;--spectrum-menu-item-checkmark-width-extra-large:14px;--spectrum-menu-item-selectable-edge-to-text-not-selected-small:28px;--spectrum-menu-item-selectable-edge-to-text-not-selected-medium:32px;--spectrum-menu-item-selectable-edge-to-text-not-selected-large:38px;--spectrum-menu-item-selectable-edge-to-text-not-selected-extra-large:45px;--spectrum-pagination-item-inline-spacing:5px;--spectrum-pagination-textfield-width:var(--spectrum-spacing-700);--spectrum-rating-icon-spacing:var(--spectrum-spacing-75);--spectrum-slider-ramp-track-height:16px;--spectrum-slider-tick-mark-height:10px;--spectrum-treeview-indicator-inset-block-start:5px;--spectrum-treeview-item-indentation-small:var(--spectrum-spacing-200);--spectrum-treeview-item-indentation-medium:var(--spectrum-spacing-300);--spectrum-treeview-item-indentation-large:20px;--spectrum-treeview-item-indentation-extra-large:var(--spectrum-spacing-400);--spectrum-treeview-item-min-block-size-thumbnail-offset-medium:0px;--spectrum-tooltip-animation-distance:var(--spectrum-spacing-75);--spectrum-ui-icon-medium-display:block;--spectrum-ui-icon-large-display:none;--spectrum-well-border-radius:var(--spectrum-spacing-75);--spectrum-well-margin-top:var(--spectrum-spacing-75);--spectrum-well-min-width:240px;--spectrum-well-padding:var(--spectrum-spacing-300);--spectrum-workflow-icon-size-xxl:32px;--spectrum-workflow-icon-size-xxs:12px}:root,:host{--spectrum-global-alias-appframe-border-size:2px;--swc-scale-factor:1} -`,Nv=$y;Yt.registerThemeFragment("medium-spectrum-two","scale",Nv);p();var _y=y` +`,Kv=Ly;Yt.registerThemeFragment("medium-spectrum-two","scale",Kv);p();var Py=y` :host,:root{--spectrum-overlay-opacity:.6;--spectrum-background-layer-2-color:var(--spectrum-gray-75);--spectrum-neutral-subdued-background-color-default:var(--spectrum-gray-500);--spectrum-neutral-subdued-background-color-hover:var(--spectrum-gray-400);--spectrum-neutral-subdued-background-color-down:var(--spectrum-gray-400);--spectrum-neutral-subdued-background-color-key-focus:var(--spectrum-gray-400);--spectrum-accent-background-color-default:var(--spectrum-accent-color-800);--spectrum-accent-background-color-hover:var(--spectrum-accent-color-700);--spectrum-accent-background-color-down:var(--spectrum-accent-color-700);--spectrum-accent-background-color-key-focus:var(--spectrum-accent-color-700);--spectrum-informative-background-color-default:var(--spectrum-informative-color-800);--spectrum-informative-background-color-hover:var(--spectrum-informative-color-700);--spectrum-informative-background-color-down:var(--spectrum-informative-color-700);--spectrum-informative-background-color-key-focus:var(--spectrum-informative-color-700);--spectrum-negative-background-color-default:var(--spectrum-negative-color-800);--spectrum-negative-background-color-hover:var(--spectrum-negative-color-700);--spectrum-negative-background-color-down:var(--spectrum-negative-color-700);--spectrum-negative-background-color-key-focus:var(--spectrum-negative-color-700);--spectrum-positive-background-color-default:var(--spectrum-positive-color-800);--spectrum-positive-background-color-hover:var(--spectrum-positive-color-700);--spectrum-positive-background-color-down:var(--spectrum-positive-color-700);--spectrum-positive-background-color-key-focus:var(--spectrum-positive-color-700);--spectrum-notice-background-color-default:var(--spectrum-notice-color-900);--spectrum-gray-background-color-default:var(--spectrum-gray-500);--spectrum-red-background-color-default:var(--spectrum-red-800);--spectrum-orange-background-color-default:var(--spectrum-orange-900);--spectrum-yellow-background-color-default:var(--spectrum-yellow-1100);--spectrum-chartreuse-background-color-default:var(--spectrum-chartreuse-1000);--spectrum-celery-background-color-default:var(--spectrum-celery-900);--spectrum-green-background-color-default:var(--spectrum-green-800);--spectrum-seafoam-background-color-default:var(--spectrum-seafoam-800);--spectrum-cyan-background-color-default:var(--spectrum-cyan-800);--spectrum-blue-background-color-default:var(--spectrum-blue-800);--spectrum-indigo-background-color-default:var(--spectrum-indigo-800);--spectrum-purple-background-color-default:var(--spectrum-purple-800);--spectrum-fuchsia-background-color-default:var(--spectrum-fuchsia-800);--spectrum-magenta-background-color-default:var(--spectrum-magenta-800);--spectrum-neutral-visual-color:var(--spectrum-gray-600);--spectrum-accent-visual-color:var(--spectrum-accent-color-900);--spectrum-informative-visual-color:var(--spectrum-informative-color-900);--spectrum-negative-visual-color:var(--spectrum-negative-color-900);--spectrum-notice-visual-color:var(--spectrum-notice-color-900);--spectrum-positive-visual-color:var(--spectrum-positive-color-900);--spectrum-gray-visual-color:var(--spectrum-gray-600);--spectrum-red-visual-color:var(--spectrum-red-700);--spectrum-orange-visual-color:var(--spectrum-orange-900);--spectrum-yellow-visual-color:var(--spectrum-yellow-1100);--spectrum-chartreuse-visual-color:var(--spectrum-chartreuse-900);--spectrum-celery-visual-color:var(--spectrum-celery-800);--spectrum-green-visual-color:var(--spectrum-green-800);--spectrum-seafoam-visual-color:var(--spectrum-seafoam-800);--spectrum-cyan-visual-color:var(--spectrum-cyan-900);--spectrum-blue-visual-color:var(--spectrum-blue-900);--spectrum-indigo-visual-color:var(--spectrum-indigo-900);--spectrum-purple-visual-color:var(--spectrum-purple-900);--spectrum-fuchsia-visual-color:var(--spectrum-fuchsia-900);--spectrum-magenta-visual-color:var(--spectrum-magenta-900);--spectrum-background-elevated-color:var(--spectrum-gray-75);--spectrum-background-pasteboard-color:var(--spectrum-gray-25);--spectrum-brown-visual-color:var(--spectrum-brown-900);--spectrum-cinnamon-visual-color:var(--spectrum-cinnamon-900);--spectrum-pink-visual-color:var(--spectrum-pink-900);--spectrum-silver-visual-color:var(--spectrum-silver-900);--spectrum-turquoise-visual-color:var(--spectrum-turquoise-900);--spectrum-brown-background-color-default:var(--spectrum-brown-800);--spectrum-cinnamon-background-color-default:var(--spectrum-cinnamon-800);--spectrum-pink-background-color-default:var(--spectrum-pink-800);--spectrum-silver-background-color-default:var(--spectrum-silver-800);--spectrum-turquoise-background-color-default:var(--spectrum-turquoise-800);--spectrum-drop-shadow-color-100-rgb:0,0,0;--spectrum-drop-shadow-color-100-opacity:.36;--spectrum-drop-shadow-color-100:rgba(var(--spectrum-drop-shadow-color-100-rgb),var(--spectrum-drop-shadow-color-100-opacity));--spectrum-drop-shadow-color-200-rgb:0,0,0;--spectrum-drop-shadow-color-200-opacity:.48;--spectrum-drop-shadow-color-200:rgba(var(--spectrum-drop-shadow-color-200-rgb),var(--spectrum-drop-shadow-color-200-opacity));--spectrum-drop-shadow-color-300-rgb:0,0,0;--spectrum-drop-shadow-color-300-opacity:.6;--spectrum-drop-shadow-color-300:rgba(var(--spectrum-drop-shadow-color-300-rgb),var(--spectrum-drop-shadow-color-300-opacity));--spectrum-neutral-subtle-background-color-default:var(--spectrum-gray-300);--spectrum-gray-subtle-background-color-default:var(--spectrum-gray-300);--spectrum-blue-subtle-background-color-default:var(--spectrum-blue-300);--spectrum-green-subtle-background-color-default:var(--spectrum-green-300);--spectrum-orange-subtle-background-color-default:var(--spectrum-orange-300);--spectrum-red-subtle-background-color-default:var(--spectrum-red-300);--spectrum-brown-subtle-background-color-default:var(--spectrum-brown-300);--spectrum-cinnamon-subtle-background-color-default:var(--spectrum-cinnamon-300);--spectrum-celery-subtle-background-color-default:var(--spectrum-celery-300);--spectrum-chartreuse-subtle-background-color-default:var(--spectrum-chartreuse-300);--spectrum-cyan-subtle-background-color-default:var(--spectrum-cyan-300);--spectrum-fuchsia-subtle-background-color-default:var(--spectrum-fuchsia-300);--spectrum-indigo-subtle-background-color-default:var(--spectrum-indigo-300);--spectrum-magenta-subtle-background-color-default:var(--spectrum-magenta-300);--spectrum-pink-subtle-background-color-default:var(--spectrum-pink-300);--spectrum-purple-subtle-background-color-default:var(--spectrum-purple-300);--spectrum-seafoam-subtle-background-color-default:var(--spectrum-seafoam-300);--spectrum-silver-subtle-background-color-default:var(--spectrum-silver-300);--spectrum-turquoise-subtle-background-color-default:var(--spectrum-turquoise-300);--spectrum-yellow-subtle-background-color-default:var(--spectrum-yellow-300);--spectrum-opacity-checkerboard-square-dark:var(--spectrum-gray-800);--spectrum-white-rgb:255,255,255;--spectrum-white:rgba(var(--spectrum-white-rgb));--spectrum-transparent-white-25-rgb:255,255,255;--spectrum-transparent-white-25-opacity:0;--spectrum-transparent-white-25:rgba(var(--spectrum-transparent-white-25-rgb),var(--spectrum-transparent-white-25-opacity));--spectrum-transparent-white-50-rgb:255,255,255;--spectrum-transparent-white-50-opacity:.04;--spectrum-transparent-white-50:rgba(var(--spectrum-transparent-white-50-rgb),var(--spectrum-transparent-white-50-opacity));--spectrum-transparent-white-75-rgb:255,255,255;--spectrum-transparent-white-75-opacity:.07;--spectrum-transparent-white-75:rgba(var(--spectrum-transparent-white-75-rgb),var(--spectrum-transparent-white-75-opacity));--spectrum-transparent-white-100-rgb:255,255,255;--spectrum-transparent-white-100-opacity:.11;--spectrum-transparent-white-100:rgba(var(--spectrum-transparent-white-100-rgb),var(--spectrum-transparent-white-100-opacity));--spectrum-transparent-white-200-rgb:255,255,255;--spectrum-transparent-white-200-opacity:.14;--spectrum-transparent-white-200:rgba(var(--spectrum-transparent-white-200-rgb),var(--spectrum-transparent-white-200-opacity));--spectrum-transparent-white-300-rgb:255,255,255;--spectrum-transparent-white-300-opacity:.17;--spectrum-transparent-white-300:rgba(var(--spectrum-transparent-white-300-rgb),var(--spectrum-transparent-white-300-opacity));--spectrum-transparent-white-400-rgb:255,255,255;--spectrum-transparent-white-400-opacity:.21;--spectrum-transparent-white-400:rgba(var(--spectrum-transparent-white-400-rgb),var(--spectrum-transparent-white-400-opacity));--spectrum-transparent-white-500-rgb:255,255,255;--spectrum-transparent-white-500-opacity:.39;--spectrum-transparent-white-500:rgba(var(--spectrum-transparent-white-500-rgb),var(--spectrum-transparent-white-500-opacity));--spectrum-transparent-white-600-rgb:255,255,255;--spectrum-transparent-white-600-opacity:.51;--spectrum-transparent-white-600:rgba(var(--spectrum-transparent-white-600-rgb),var(--spectrum-transparent-white-600-opacity));--spectrum-transparent-white-700-rgb:255,255,255;--spectrum-transparent-white-700-opacity:.66;--spectrum-transparent-white-700:rgba(var(--spectrum-transparent-white-700-rgb),var(--spectrum-transparent-white-700-opacity));--spectrum-transparent-white-800-rgb:255,255,255;--spectrum-transparent-white-800-opacity:.85;--spectrum-transparent-white-800:rgba(var(--spectrum-transparent-white-800-rgb),var(--spectrum-transparent-white-800-opacity));--spectrum-transparent-white-900-rgb:255,255,255;--spectrum-transparent-white-900-opacity:.94;--spectrum-transparent-white-900:rgba(var(--spectrum-transparent-white-900-rgb),var(--spectrum-transparent-white-900-opacity));--spectrum-transparent-white-1000-rgb:255,255,255;--spectrum-transparent-white-1000:rgba(var(--spectrum-transparent-white-1000-rgb));--spectrum-transparent-black-25-rgb:0,0,0;--spectrum-transparent-black-25-opacity:0;--spectrum-transparent-black-25:rgba(var(--spectrum-transparent-black-25-rgb),var(--spectrum-transparent-black-25-opacity));--spectrum-transparent-black-50-rgb:0,0,0;--spectrum-transparent-black-50-opacity:.03;--spectrum-transparent-black-50:rgba(var(--spectrum-transparent-black-50-rgb),var(--spectrum-transparent-black-50-opacity));--spectrum-transparent-black-75-rgb:0,0,0;--spectrum-transparent-black-75-opacity:.05;--spectrum-transparent-black-75:rgba(var(--spectrum-transparent-black-75-rgb),var(--spectrum-transparent-black-75-opacity));--spectrum-transparent-black-100-rgb:0,0,0;--spectrum-transparent-black-100-opacity:.09;--spectrum-transparent-black-100:rgba(var(--spectrum-transparent-black-100-rgb),var(--spectrum-transparent-black-100-opacity));--spectrum-transparent-black-200-rgb:0,0,0;--spectrum-transparent-black-200-opacity:.12;--spectrum-transparent-black-200:rgba(var(--spectrum-transparent-black-200-rgb),var(--spectrum-transparent-black-200-opacity));--spectrum-transparent-black-300-rgb:0,0,0;--spectrum-transparent-black-300-opacity:.15;--spectrum-transparent-black-300:rgba(var(--spectrum-transparent-black-300-rgb),var(--spectrum-transparent-black-300-opacity));--spectrum-transparent-black-400-rgb:0,0,0;--spectrum-transparent-black-400-opacity:.22;--spectrum-transparent-black-400:rgba(var(--spectrum-transparent-black-400-rgb),var(--spectrum-transparent-black-400-opacity));--spectrum-transparent-black-500-rgb:0,0,0;--spectrum-transparent-black-500-opacity:.44;--spectrum-transparent-black-500:rgba(var(--spectrum-transparent-black-500-rgb),var(--spectrum-transparent-black-500-opacity));--spectrum-transparent-black-600-rgb:0,0,0;--spectrum-transparent-black-600-opacity:.56;--spectrum-transparent-black-600:rgba(var(--spectrum-transparent-black-600-rgb),var(--spectrum-transparent-black-600-opacity));--spectrum-transparent-black-700-rgb:0,0,0;--spectrum-transparent-black-700-opacity:.69;--spectrum-transparent-black-700:rgba(var(--spectrum-transparent-black-700-rgb),var(--spectrum-transparent-black-700-opacity));--spectrum-transparent-black-800-rgb:0,0,0;--spectrum-transparent-black-800-opacity:.84;--spectrum-transparent-black-800:rgba(var(--spectrum-transparent-black-800-rgb),var(--spectrum-transparent-black-800-opacity));--spectrum-transparent-black-900-rgb:0,0,0;--spectrum-transparent-black-900-opacity:.93;--spectrum-transparent-black-900:rgba(var(--spectrum-transparent-black-900-rgb),var(--spectrum-transparent-black-900-opacity));--spectrum-gray-25-rgb:17,17,17;--spectrum-gray-25:rgba(var(--spectrum-gray-25-rgb));--spectrum-gray-50-rgb:27,27,27;--spectrum-gray-50:rgba(var(--spectrum-gray-50-rgb));--spectrum-gray-75-rgb:34,34,34;--spectrum-gray-75:rgba(var(--spectrum-gray-75-rgb));--spectrum-gray-100-rgb:44,44,44;--spectrum-gray-100:rgba(var(--spectrum-gray-100-rgb));--spectrum-gray-200-rgb:50,50,50;--spectrum-gray-200:rgba(var(--spectrum-gray-200-rgb));--spectrum-gray-300-rgb:57,57,57;--spectrum-gray-300:rgba(var(--spectrum-gray-300-rgb));--spectrum-gray-400-rgb:68,68,68;--spectrum-gray-400:rgba(var(--spectrum-gray-400-rgb));--spectrum-gray-500-rgb:109,109,109;--spectrum-gray-500:rgba(var(--spectrum-gray-500-rgb));--spectrum-gray-600-rgb:138,138,138;--spectrum-gray-600:rgba(var(--spectrum-gray-600-rgb));--spectrum-gray-700-rgb:175,175,175;--spectrum-gray-700:rgba(var(--spectrum-gray-700-rgb));--spectrum-gray-800-rgb:219,219,219;--spectrum-gray-800:rgba(var(--spectrum-gray-800-rgb));--spectrum-gray-900-rgb:242,242,242;--spectrum-gray-900:rgba(var(--spectrum-gray-900-rgb));--spectrum-gray-1000-rgb:255,255,255;--spectrum-gray-1000:rgba(var(--spectrum-gray-1000-rgb));--spectrum-blue-100-rgb:14,23,63;--spectrum-blue-100:rgba(var(--spectrum-blue-100-rgb));--spectrum-blue-200-rgb:15,28,82;--spectrum-blue-200:rgba(var(--spectrum-blue-200-rgb));--spectrum-blue-300-rgb:12,33,117;--spectrum-blue-300:rgba(var(--spectrum-blue-300-rgb));--spectrum-blue-400-rgb:18,45,154;--spectrum-blue-400:rgba(var(--spectrum-blue-400-rgb));--spectrum-blue-500-rgb:26,58,195;--spectrum-blue-500:rgba(var(--spectrum-blue-500-rgb));--spectrum-blue-600-rgb:37,73,229;--spectrum-blue-600:rgba(var(--spectrum-blue-600-rgb));--spectrum-blue-700-rgb:52,91,248;--spectrum-blue-700:rgba(var(--spectrum-blue-700-rgb));--spectrum-blue-800-rgb:64,105,253;--spectrum-blue-800:rgba(var(--spectrum-blue-800-rgb));--spectrum-blue-900-rgb:86,129,255;--spectrum-blue-900:rgba(var(--spectrum-blue-900-rgb));--spectrum-blue-1000-rgb:105,149,254;--spectrum-blue-1000:rgba(var(--spectrum-blue-1000-rgb));--spectrum-blue-1100-rgb:124,169,252;--spectrum-blue-1100:rgba(var(--spectrum-blue-1100-rgb));--spectrum-blue-1200-rgb:152,192,252;--spectrum-blue-1200:rgba(var(--spectrum-blue-1200-rgb));--spectrum-blue-1300-rgb:181,213,253;--spectrum-blue-1300:rgba(var(--spectrum-blue-1300-rgb));--spectrum-blue-1400-rgb:213,231,254;--spectrum-blue-1400:rgba(var(--spectrum-blue-1400-rgb));--spectrum-blue-1500-rgb:238,245,255;--spectrum-blue-1500:rgba(var(--spectrum-blue-1500-rgb));--spectrum-blue-1600-rgb:255,255,255;--spectrum-blue-1600:rgba(var(--spectrum-blue-1600-rgb));--spectrum-red-100-rgb:54,10,3;--spectrum-red-100:rgba(var(--spectrum-red-100-rgb));--spectrum-red-200-rgb:68,13,5;--spectrum-red-200:rgba(var(--spectrum-red-200-rgb));--spectrum-red-300-rgb:87,17,7;--spectrum-red-300:rgba(var(--spectrum-red-300-rgb));--spectrum-red-400-rgb:115,24,11;--spectrum-red-400:rgba(var(--spectrum-red-400-rgb));--spectrum-red-500-rgb:147,31,17;--spectrum-red-500:rgba(var(--spectrum-red-500-rgb));--spectrum-red-600-rgb:177,38,23;--spectrum-red-600:rgba(var(--spectrum-red-600-rgb));--spectrum-red-700-rgb:205,46,29;--spectrum-red-700:rgba(var(--spectrum-red-700-rgb));--spectrum-red-800-rgb:223,52,34;--spectrum-red-800:rgba(var(--spectrum-red-800-rgb));--spectrum-red-900-rgb:252,67,46;--spectrum-red-900:rgba(var(--spectrum-red-900-rgb));--spectrum-red-1000-rgb:255,103,86;--spectrum-red-1000:rgba(var(--spectrum-red-1000-rgb));--spectrum-red-1100-rgb:255,134,120;--spectrum-red-1100:rgba(var(--spectrum-red-1100-rgb));--spectrum-red-1200-rgb:255,167,157;--spectrum-red-1200:rgba(var(--spectrum-red-1200-rgb));--spectrum-red-1300-rgb:255,196,189;--spectrum-red-1300:rgba(var(--spectrum-red-1300-rgb));--spectrum-red-1400-rgb:255,222,219;--spectrum-red-1400:rgba(var(--spectrum-red-1400-rgb));--spectrum-red-1500-rgb:255,242,240;--spectrum-red-1500:rgba(var(--spectrum-red-1500-rgb));--spectrum-red-1600-rgb:255,255,255;--spectrum-red-1600:rgba(var(--spectrum-red-1600-rgb));--spectrum-orange-100-rgb:49,16,0;--spectrum-orange-100:rgba(var(--spectrum-orange-100-rgb));--spectrum-orange-200-rgb:61,21,0;--spectrum-orange-200:rgba(var(--spectrum-orange-200-rgb));--spectrum-orange-300-rgb:80,27,0;--spectrum-orange-300:rgba(var(--spectrum-orange-300-rgb));--spectrum-orange-400-rgb:106,36,0;--spectrum-orange-400:rgba(var(--spectrum-orange-400-rgb));--spectrum-orange-500-rgb:135,47,0;--spectrum-orange-500:rgba(var(--spectrum-orange-500-rgb));--spectrum-orange-600-rgb:162,59,0;--spectrum-orange-600:rgba(var(--spectrum-orange-600-rgb));--spectrum-orange-700-rgb:185,73,0;--spectrum-orange-700:rgba(var(--spectrum-orange-700-rgb));--spectrum-orange-800-rgb:199,82,0;--spectrum-orange-800:rgba(var(--spectrum-orange-800-rgb));--spectrum-orange-900-rgb:224,100,0;--spectrum-orange-900:rgba(var(--spectrum-orange-900-rgb));--spectrum-orange-1000-rgb:243,117,0;--spectrum-orange-1000:rgba(var(--spectrum-orange-1000-rgb));--spectrum-orange-1100-rgb:255,137,0;--spectrum-orange-1100:rgba(var(--spectrum-orange-1100-rgb));--spectrum-orange-1200-rgb:255,173,45;--spectrum-orange-1200:rgba(var(--spectrum-orange-1200-rgb));--spectrum-orange-1300-rgb:255,201,116;--spectrum-orange-1300:rgba(var(--spectrum-orange-1300-rgb));--spectrum-orange-1400-rgb:255,225,178;--spectrum-orange-1400:rgba(var(--spectrum-orange-1400-rgb));--spectrum-orange-1500-rgb:255,243,225;--spectrum-orange-1500:rgba(var(--spectrum-orange-1500-rgb));--spectrum-orange-1600-rgb:255,255,255;--spectrum-orange-1600:rgba(var(--spectrum-orange-1600-rgb));--spectrum-yellow-100-rgb:37,23,0;--spectrum-yellow-100:rgba(var(--spectrum-yellow-100-rgb));--spectrum-yellow-200-rgb:47,29,0;--spectrum-yellow-200:rgba(var(--spectrum-yellow-200-rgb));--spectrum-yellow-300-rgb:61,39,0;--spectrum-yellow-300:rgba(var(--spectrum-yellow-300-rgb));--spectrum-yellow-400-rgb:83,52,0;--spectrum-yellow-400:rgba(var(--spectrum-yellow-400-rgb));--spectrum-yellow-500-rgb:107,67,0;--spectrum-yellow-500:rgba(var(--spectrum-yellow-500-rgb));--spectrum-yellow-600-rgb:130,82,0;--spectrum-yellow-600:rgba(var(--spectrum-yellow-600-rgb));--spectrum-yellow-700-rgb:151,97,0;--spectrum-yellow-700:rgba(var(--spectrum-yellow-700-rgb));--spectrum-yellow-800-rgb:164,106,0;--spectrum-yellow-800:rgba(var(--spectrum-yellow-800-rgb));--spectrum-yellow-900-rgb:186,124,0;--spectrum-yellow-900:rgba(var(--spectrum-yellow-900-rgb));--spectrum-yellow-1000-rgb:203,141,0;--spectrum-yellow-1000:rgba(var(--spectrum-yellow-1000-rgb));--spectrum-yellow-1100-rgb:218,159,0;--spectrum-yellow-1100:rgba(var(--spectrum-yellow-1100-rgb));--spectrum-yellow-1200-rgb:235,183,0;--spectrum-yellow-1200:rgba(var(--spectrum-yellow-1200-rgb));--spectrum-yellow-1300-rgb:249,206,0;--spectrum-yellow-1300:rgba(var(--spectrum-yellow-1300-rgb));--spectrum-yellow-1400-rgb:255,230,86;--spectrum-yellow-1400:rgba(var(--spectrum-yellow-1400-rgb));--spectrum-yellow-1500-rgb:255,246,195;--spectrum-yellow-1500:rgba(var(--spectrum-yellow-1500-rgb));--spectrum-yellow-1600-rgb:255,255,255;--spectrum-yellow-1600:rgba(var(--spectrum-yellow-1600-rgb));--spectrum-chartreuse-100-rgb:23,28,0;--spectrum-chartreuse-100:rgba(var(--spectrum-chartreuse-100-rgb));--spectrum-chartreuse-200-rgb:30,36,0;--spectrum-chartreuse-200:rgba(var(--spectrum-chartreuse-200-rgb));--spectrum-chartreuse-300-rgb:39,47,0;--spectrum-chartreuse-300:rgba(var(--spectrum-chartreuse-300-rgb));--spectrum-chartreuse-400-rgb:53,63,0;--spectrum-chartreuse-400:rgba(var(--spectrum-chartreuse-400-rgb));--spectrum-chartreuse-500-rgb:68,82,0;--spectrum-chartreuse-500:rgba(var(--spectrum-chartreuse-500-rgb));--spectrum-chartreuse-600-rgb:83,100,0;--spectrum-chartreuse-600:rgba(var(--spectrum-chartreuse-600-rgb));--spectrum-chartreuse-700-rgb:97,116,0;--spectrum-chartreuse-700:rgba(var(--spectrum-chartreuse-700-rgb));--spectrum-chartreuse-800-rgb:106,127,0;--spectrum-chartreuse-800:rgba(var(--spectrum-chartreuse-800-rgb));--spectrum-chartreuse-900-rgb:122,147,0;--spectrum-chartreuse-900:rgba(var(--spectrum-chartreuse-900-rgb));--spectrum-chartreuse-1000-rgb:136,164,0;--spectrum-chartreuse-1000:rgba(var(--spectrum-chartreuse-1000-rgb));--spectrum-chartreuse-1100-rgb:151,181,0;--spectrum-chartreuse-1100:rgba(var(--spectrum-chartreuse-1100-rgb));--spectrum-chartreuse-1200-rgb:169,203,0;--spectrum-chartreuse-1200:rgba(var(--spectrum-chartreuse-1200-rgb));--spectrum-chartreuse-1300-rgb:187,225,0;--spectrum-chartreuse-1300:rgba(var(--spectrum-chartreuse-1300-rgb));--spectrum-chartreuse-1400-rgb:219,240,117;--spectrum-chartreuse-1400:rgba(var(--spectrum-chartreuse-1400-rgb));--spectrum-chartreuse-1500-rgb:242,249,206;--spectrum-chartreuse-1500:rgba(var(--spectrum-chartreuse-1500-rgb));--spectrum-chartreuse-1600-rgb:255,255,255;--spectrum-chartreuse-1600:rgba(var(--spectrum-chartreuse-1600-rgb));--spectrum-celery-100-rgb:11,31,0;--spectrum-celery-100:rgba(var(--spectrum-celery-100-rgb));--spectrum-celery-200-rgb:15,38,0;--spectrum-celery-200:rgba(var(--spectrum-celery-200-rgb));--spectrum-celery-300-rgb:21,51,1;--spectrum-celery-300:rgba(var(--spectrum-celery-300-rgb));--spectrum-celery-400-rgb:31,67,4;--spectrum-celery-400:rgba(var(--spectrum-celery-400-rgb));--spectrum-celery-500-rgb:41,86,8;--spectrum-celery-500:rgba(var(--spectrum-celery-500-rgb));--spectrum-celery-600-rgb:50,105,11;--spectrum-celery-600:rgba(var(--spectrum-celery-600-rgb));--spectrum-celery-700-rgb:60,122,15;--spectrum-celery-700:rgba(var(--spectrum-celery-700-rgb));--spectrum-celery-800-rgb:66,134,18;--spectrum-celery-800:rgba(var(--spectrum-celery-800-rgb));--spectrum-celery-900-rgb:78,154,23;--spectrum-celery-900:rgba(var(--spectrum-celery-900-rgb));--spectrum-celery-1000-rgb:88,172,28;--spectrum-celery-1000:rgba(var(--spectrum-celery-1000-rgb));--spectrum-celery-1100-rgb:100,190,35;--spectrum-celery-1100:rgba(var(--spectrum-celery-1100-rgb));--spectrum-celery-1200-rgb:116,213,46;--spectrum-celery-1200:rgba(var(--spectrum-celery-1200-rgb));--spectrum-celery-1300-rgb:136,234,65;--spectrum-celery-1300:rgba(var(--spectrum-celery-1300-rgb));--spectrum-celery-1400-rgb:170,251,112;--spectrum-celery-1400:rgba(var(--spectrum-celery-1400-rgb));--spectrum-celery-1500-rgb:222,255,198;--spectrum-celery-1500:rgba(var(--spectrum-celery-1500-rgb));--spectrum-celery-1600-rgb:255,255,255;--spectrum-celery-1600:rgba(var(--spectrum-celery-1600-rgb));--spectrum-green-100-rgb:0,30,23;--spectrum-green-100:rgba(var(--spectrum-green-100-rgb));--spectrum-green-200-rgb:0,38,29;--spectrum-green-200:rgba(var(--spectrum-green-200-rgb));--spectrum-green-300-rgb:0,51,38;--spectrum-green-300:rgba(var(--spectrum-green-300-rgb));--spectrum-green-400-rgb:0,68,48;--spectrum-green-400:rgba(var(--spectrum-green-400-rgb));--spectrum-green-500-rgb:2,87,58;--spectrum-green-500:rgba(var(--spectrum-green-500-rgb));--spectrum-green-600-rgb:3,106,67;--spectrum-green-600:rgba(var(--spectrum-green-600-rgb));--spectrum-green-700-rgb:4,124,75;--spectrum-green-700:rgba(var(--spectrum-green-700-rgb));--spectrum-green-800-rgb:6,136,80;--spectrum-green-800:rgba(var(--spectrum-green-800-rgb));--spectrum-green-900-rgb:9,157,89;--spectrum-green-900:rgba(var(--spectrum-green-900-rgb));--spectrum-green-1000-rgb:14,175,98;--spectrum-green-1000:rgba(var(--spectrum-green-1000-rgb));--spectrum-green-1100-rgb:24,193,110;--spectrum-green-1100:rgba(var(--spectrum-green-1100-rgb));--spectrum-green-1200-rgb:57,215,134;--spectrum-green-1200:rgba(var(--spectrum-green-1200-rgb));--spectrum-green-1300-rgb:126,231,172;--spectrum-green-1300:rgba(var(--spectrum-green-1300-rgb));--spectrum-green-1400-rgb:189,241,208;--spectrum-green-1400:rgba(var(--spectrum-green-1400-rgb));--spectrum-green-1500-rgb:229,250,236;--spectrum-green-1500:rgba(var(--spectrum-green-1500-rgb));--spectrum-green-1600-rgb:255,255,255;--spectrum-green-1600:rgba(var(--spectrum-green-1600-rgb));--spectrum-seafoam-100-rgb:0,30,27;--spectrum-seafoam-100:rgba(var(--spectrum-seafoam-100-rgb));--spectrum-seafoam-200-rgb:0,39,35;--spectrum-seafoam-200:rgba(var(--spectrum-seafoam-200-rgb));--spectrum-seafoam-300-rgb:0,50,44;--spectrum-seafoam-300:rgba(var(--spectrum-seafoam-300-rgb));--spectrum-seafoam-400-rgb:0,67,59;--spectrum-seafoam-400:rgba(var(--spectrum-seafoam-400-rgb));--spectrum-seafoam-500-rgb:2,86,75;--spectrum-seafoam-500:rgba(var(--spectrum-seafoam-500-rgb));--spectrum-seafoam-600-rgb:4,105,89;--spectrum-seafoam-600:rgba(var(--spectrum-seafoam-600-rgb));--spectrum-seafoam-700-rgb:6,122,103;--spectrum-seafoam-700:rgba(var(--spectrum-seafoam-700-rgb));--spectrum-seafoam-800-rgb:8,134,112;--spectrum-seafoam-800:rgba(var(--spectrum-seafoam-800-rgb));--spectrum-seafoam-900-rgb:10,154,128;--spectrum-seafoam-900:rgba(var(--spectrum-seafoam-900-rgb));--spectrum-seafoam-1000-rgb:12,173,142;--spectrum-seafoam-1000:rgba(var(--spectrum-seafoam-1000-rgb));--spectrum-seafoam-1100-rgb:14,190,156;--spectrum-seafoam-1100:rgba(var(--spectrum-seafoam-1100-rgb));--spectrum-seafoam-1200-rgb:29,214,176;--spectrum-seafoam-1200:rgba(var(--spectrum-seafoam-1200-rgb));--spectrum-seafoam-1300-rgb:122,229,203;--spectrum-seafoam-1300:rgba(var(--spectrum-seafoam-1300-rgb));--spectrum-seafoam-1400-rgb:186,241,222;--spectrum-seafoam-1400:rgba(var(--spectrum-seafoam-1400-rgb));--spectrum-seafoam-1500-rgb:229,249,243;--spectrum-seafoam-1500:rgba(var(--spectrum-seafoam-1500-rgb));--spectrum-seafoam-1600-rgb:255,255,255;--spectrum-seafoam-1600:rgba(var(--spectrum-seafoam-1600-rgb));--spectrum-cyan-100-rgb:0,29,39;--spectrum-cyan-100:rgba(var(--spectrum-cyan-100-rgb));--spectrum-cyan-200-rgb:0,36,49;--spectrum-cyan-200:rgba(var(--spectrum-cyan-200-rgb));--spectrum-cyan-300-rgb:0,48,65;--spectrum-cyan-300:rgba(var(--spectrum-cyan-300-rgb));--spectrum-cyan-400-rgb:0,64,88;--spectrum-cyan-400:rgba(var(--spectrum-cyan-400-rgb));--spectrum-cyan-500-rgb:0,82,113;--spectrum-cyan-500:rgba(var(--spectrum-cyan-500-rgb));--spectrum-cyan-600-rgb:3,99,140;--spectrum-cyan-600:rgba(var(--spectrum-cyan-600-rgb));--spectrum-cyan-700-rgb:8,115,168;--spectrum-cyan-700:rgba(var(--spectrum-cyan-700-rgb));--spectrum-cyan-800-rgb:13,125,186;--spectrum-cyan-800:rgba(var(--spectrum-cyan-800-rgb));--spectrum-cyan-900-rgb:24,142,220;--spectrum-cyan-900:rgba(var(--spectrum-cyan-900-rgb));--spectrum-cyan-1000-rgb:38,159,244;--spectrum-cyan-1000:rgba(var(--spectrum-cyan-1000-rgb));--spectrum-cyan-1100-rgb:63,177,255;--spectrum-cyan-1100:rgba(var(--spectrum-cyan-1100-rgb));--spectrum-cyan-1200-rgb:107,199,255;--spectrum-cyan-1200:rgba(var(--spectrum-cyan-1200-rgb));--spectrum-cyan-1300-rgb:152,219,255;--spectrum-cyan-1300:rgba(var(--spectrum-cyan-1300-rgb));--spectrum-cyan-1400-rgb:195,236,252;--spectrum-cyan-1400:rgba(var(--spectrum-cyan-1400-rgb));--spectrum-cyan-1500-rgb:230,248,253;--spectrum-cyan-1500:rgba(var(--spectrum-cyan-1500-rgb));--spectrum-cyan-1600-rgb:255,255,255;--spectrum-cyan-1600:rgba(var(--spectrum-cyan-1600-rgb));--spectrum-indigo-100-rgb:30,0,93;--spectrum-indigo-100:rgba(var(--spectrum-indigo-100-rgb));--spectrum-indigo-200-rgb:35,0,110;--spectrum-indigo-200:rgba(var(--spectrum-indigo-200-rgb));--spectrum-indigo-300-rgb:47,0,140;--spectrum-indigo-300:rgba(var(--spectrum-indigo-300-rgb));--spectrum-indigo-400-rgb:62,12,174;--spectrum-indigo-400:rgba(var(--spectrum-indigo-400-rgb));--spectrum-indigo-500-rgb:79,30,209;--spectrum-indigo-500:rgba(var(--spectrum-indigo-500-rgb));--spectrum-indigo-600-rgb:95,52,235;--spectrum-indigo-600:rgba(var(--spectrum-indigo-600-rgb));--spectrum-indigo-700-rgb:109,75,248;--spectrum-indigo-700:rgba(var(--spectrum-indigo-700-rgb));--spectrum-indigo-800-rgb:116,91,252;--spectrum-indigo-800:rgba(var(--spectrum-indigo-800-rgb));--spectrum-indigo-900-rgb:128,119,254;--spectrum-indigo-900:rgba(var(--spectrum-indigo-900-rgb));--spectrum-indigo-1000-rgb:139,141,254;--spectrum-indigo-1000:rgba(var(--spectrum-indigo-1000-rgb));--spectrum-indigo-1100-rgb:153,161,255;--spectrum-indigo-1100:rgba(var(--spectrum-indigo-1100-rgb));--spectrum-indigo-1200-rgb:176,186,255;--spectrum-indigo-1200:rgba(var(--spectrum-indigo-1200-rgb));--spectrum-indigo-1300-rgb:199,208,255;--spectrum-indigo-1300:rgba(var(--spectrum-indigo-1300-rgb));--spectrum-indigo-1400-rgb:223,228,255;--spectrum-indigo-1400:rgba(var(--spectrum-indigo-1400-rgb));--spectrum-indigo-1500-rgb:243,244,255;--spectrum-indigo-1500:rgba(var(--spectrum-indigo-1500-rgb));--spectrum-indigo-1600-rgb:255,255,255;--spectrum-indigo-1600:rgba(var(--spectrum-indigo-1600-rgb));--spectrum-purple-100-rgb:41,0,79;--spectrum-purple-100:rgba(var(--spectrum-purple-100-rgb));--spectrum-purple-200-rgb:50,0,96;--spectrum-purple-200:rgba(var(--spectrum-purple-200-rgb));--spectrum-purple-300-rgb:64,0,122;--spectrum-purple-300:rgba(var(--spectrum-purple-300-rgb));--spectrum-purple-400-rgb:83,0,159;--spectrum-purple-400:rgba(var(--spectrum-purple-400-rgb));--spectrum-purple-500-rgb:107,6,195;--spectrum-purple-500:rgba(var(--spectrum-purple-500-rgb));--spectrum-purple-600-rgb:130,34,215;--spectrum-purple-600:rgba(var(--spectrum-purple-600-rgb));--spectrum-purple-700-rgb:148,62,224;--spectrum-purple-700:rgba(var(--spectrum-purple-700-rgb));--spectrum-purple-800-rgb:157,78,228;--spectrum-purple-800:rgba(var(--spectrum-purple-800-rgb));--spectrum-purple-900-rgb:173,105,233;--spectrum-purple-900:rgba(var(--spectrum-purple-900-rgb));--spectrum-purple-1000-rgb:186,127,237;--spectrum-purple-1000:rgba(var(--spectrum-purple-1000-rgb));--spectrum-purple-1100-rgb:197,149,240;--spectrum-purple-1100:rgba(var(--spectrum-purple-1100-rgb));--spectrum-purple-1200-rgb:212,176,244;--spectrum-purple-1200:rgba(var(--spectrum-purple-1200-rgb));--spectrum-purple-1300-rgb:225,201,247;--spectrum-purple-1300:rgba(var(--spectrum-purple-1300-rgb));--spectrum-purple-1400-rgb:238,224,250;--spectrum-purple-1400:rgba(var(--spectrum-purple-1400-rgb));--spectrum-purple-1500-rgb:248,243,253;--spectrum-purple-1500:rgba(var(--spectrum-purple-1500-rgb));--spectrum-purple-1600-rgb:255,255,255;--spectrum-purple-1600:rgba(var(--spectrum-purple-1600-rgb));--spectrum-fuchsia-100-rgb:50,0,61;--spectrum-fuchsia-100:rgba(var(--spectrum-fuchsia-100-rgb));--spectrum-fuchsia-200-rgb:61,0,74;--spectrum-fuchsia-200:rgba(var(--spectrum-fuchsia-200-rgb));--spectrum-fuchsia-300-rgb:79,0,95;--spectrum-fuchsia-300:rgba(var(--spectrum-fuchsia-300-rgb));--spectrum-fuchsia-400-rgb:102,9,120;--spectrum-fuchsia-400:rgba(var(--spectrum-fuchsia-400-rgb));--spectrum-fuchsia-500-rgb:127,23,146;--spectrum-fuchsia-500:rgba(var(--spectrum-fuchsia-500-rgb));--spectrum-fuchsia-600-rgb:151,38,170;--spectrum-fuchsia-600:rgba(var(--spectrum-fuchsia-600-rgb));--spectrum-fuchsia-700-rgb:173,51,192;--spectrum-fuchsia-700:rgba(var(--spectrum-fuchsia-700-rgb));--spectrum-fuchsia-800-rgb:186,60,206;--spectrum-fuchsia-800:rgba(var(--spectrum-fuchsia-800-rgb));--spectrum-fuchsia-900-rgb:213,73,235;--spectrum-fuchsia-900:rgba(var(--spectrum-fuchsia-900-rgb));--spectrum-fuchsia-1000-rgb:232,91,253;--spectrum-fuchsia-1000:rgba(var(--spectrum-fuchsia-1000-rgb));--spectrum-fuchsia-1100-rgb:240,122,255;--spectrum-fuchsia-1100:rgba(var(--spectrum-fuchsia-1100-rgb));--spectrum-fuchsia-1200-rgb:245,159,255;--spectrum-fuchsia-1200:rgba(var(--spectrum-fuchsia-1200-rgb));--spectrum-fuchsia-1300-rgb:248,191,255;--spectrum-fuchsia-1300:rgba(var(--spectrum-fuchsia-1300-rgb));--spectrum-fuchsia-1400-rgb:251,219,255;--spectrum-fuchsia-1400:rgba(var(--spectrum-fuchsia-1400-rgb));--spectrum-fuchsia-1500-rgb:253,241,255;--spectrum-fuchsia-1500:rgba(var(--spectrum-fuchsia-1500-rgb));--spectrum-fuchsia-1600-rgb:255,255,255;--spectrum-fuchsia-1600:rgba(var(--spectrum-fuchsia-1600-rgb));--spectrum-magenta-100-rgb:59,0,22;--spectrum-magenta-100:rgba(var(--spectrum-magenta-100-rgb));--spectrum-magenta-200-rgb:74,0,27;--spectrum-magenta-200:rgba(var(--spectrum-magenta-200-rgb));--spectrum-magenta-300-rgb:93,0,34;--spectrum-magenta-300:rgba(var(--spectrum-magenta-300-rgb));--spectrum-magenta-400-rgb:123,0,45;--spectrum-magenta-400:rgba(var(--spectrum-magenta-400-rgb));--spectrum-magenta-500-rgb:152,7,60;--spectrum-magenta-500:rgba(var(--spectrum-magenta-500-rgb));--spectrum-magenta-600-rgb:181,19,76;--spectrum-magenta-600:rgba(var(--spectrum-magenta-600-rgb));--spectrum-magenta-700-rgb:207,31,92;--spectrum-magenta-700:rgba(var(--spectrum-magenta-700-rgb));--spectrum-magenta-800-rgb:224,38,101;--spectrum-magenta-800:rgba(var(--spectrum-magenta-800-rgb));--spectrum-magenta-900-rgb:255,51,119;--spectrum-magenta-900:rgba(var(--spectrum-magenta-900-rgb));--spectrum-magenta-1000-rgb:255,96,149;--spectrum-magenta-1000:rgba(var(--spectrum-magenta-1000-rgb));--spectrum-magenta-1100-rgb:255,128,171;--spectrum-magenta-1100:rgba(var(--spectrum-magenta-1100-rgb));--spectrum-magenta-1200-rgb:255,163,194;--spectrum-magenta-1200:rgba(var(--spectrum-magenta-1200-rgb));--spectrum-magenta-1300-rgb:255,193,214;--spectrum-magenta-1300:rgba(var(--spectrum-magenta-1300-rgb));--spectrum-magenta-1400-rgb:255,220,232;--spectrum-magenta-1400:rgba(var(--spectrum-magenta-1400-rgb));--spectrum-magenta-1500-rgb:255,241,246;--spectrum-magenta-1500:rgba(var(--spectrum-magenta-1500-rgb));--spectrum-magenta-1600-rgb:255,255,255;--spectrum-magenta-1600:rgba(var(--spectrum-magenta-1600-rgb));--spectrum-pink-100-rgb:58,0,37;--spectrum-pink-100:rgba(var(--spectrum-pink-100-rgb));--spectrum-pink-200-rgb:71,0,44;--spectrum-pink-200:rgba(var(--spectrum-pink-200-rgb));--spectrum-pink-300-rgb:90,0,57;--spectrum-pink-300:rgba(var(--spectrum-pink-300-rgb));--spectrum-pink-400-rgb:115,7,75;--spectrum-pink-400:rgba(var(--spectrum-pink-400-rgb));--spectrum-pink-500-rgb:143,18,97;--spectrum-pink-500:rgba(var(--spectrum-pink-500-rgb));--spectrum-pink-600-rgb:171,29,119;--spectrum-pink-600:rgba(var(--spectrum-pink-600-rgb));--spectrum-pink-700-rgb:196,39,138;--spectrum-pink-700:rgba(var(--spectrum-pink-700-rgb));--spectrum-pink-800-rgb:213,45,151;--spectrum-pink-800:rgba(var(--spectrum-pink-800-rgb));--spectrum-pink-900-rgb:236,67,175;--spectrum-pink-900:rgba(var(--spectrum-pink-900-rgb));--spectrum-pink-1000-rgb:251,90,196;--spectrum-pink-1000:rgba(var(--spectrum-pink-1000-rgb));--spectrum-pink-1100-rgb:255,122,210;--spectrum-pink-1100:rgba(var(--spectrum-pink-1100-rgb));--spectrum-pink-1200-rgb:255,159,223;--spectrum-pink-1200:rgba(var(--spectrum-pink-1200-rgb));--spectrum-pink-1300-rgb:255,191,234;--spectrum-pink-1300:rgba(var(--spectrum-pink-1300-rgb));--spectrum-pink-1400-rgb:255,219,243;--spectrum-pink-1400:rgba(var(--spectrum-pink-1400-rgb));--spectrum-pink-1500-rgb:255,241,250;--spectrum-pink-1500:rgba(var(--spectrum-pink-1500-rgb));--spectrum-pink-1600-rgb:255,255,255;--spectrum-pink-1600:rgba(var(--spectrum-pink-1600-rgb));--spectrum-turquoise-100-rgb:0,30,33;--spectrum-turquoise-100:rgba(var(--spectrum-turquoise-100-rgb));--spectrum-turquoise-200-rgb:0,37,41;--spectrum-turquoise-200:rgba(var(--spectrum-turquoise-200-rgb));--spectrum-turquoise-300-rgb:0,49,54;--spectrum-turquoise-300:rgba(var(--spectrum-turquoise-300-rgb));--spectrum-turquoise-400-rgb:0,66,72;--spectrum-turquoise-400:rgba(var(--spectrum-turquoise-400-rgb));--spectrum-turquoise-500-rgb:3,84,92;--spectrum-turquoise-500:rgba(var(--spectrum-turquoise-500-rgb));--spectrum-turquoise-600-rgb:5,103,112;--spectrum-turquoise-600:rgba(var(--spectrum-turquoise-600-rgb));--spectrum-turquoise-700-rgb:7,120,131;--spectrum-turquoise-700:rgba(var(--spectrum-turquoise-700-rgb));--spectrum-turquoise-800-rgb:9,131,142;--spectrum-turquoise-800:rgba(var(--spectrum-turquoise-800-rgb));--spectrum-turquoise-900-rgb:11,151,164;--spectrum-turquoise-900:rgba(var(--spectrum-turquoise-900-rgb));--spectrum-turquoise-1000-rgb:13,168,182;--spectrum-turquoise-1000:rgba(var(--spectrum-turquoise-1000-rgb));--spectrum-turquoise-1100-rgb:16,186,202;--spectrum-turquoise-1100:rgba(var(--spectrum-turquoise-1100-rgb));--spectrum-turquoise-1200-rgb:64,208,220;--spectrum-turquoise-1200:rgba(var(--spectrum-turquoise-1200-rgb));--spectrum-turquoise-1300-rgb:128,225,231;--spectrum-turquoise-1300:rgba(var(--spectrum-turquoise-1300-rgb));--spectrum-turquoise-1400-rgb:183,240,240;--spectrum-turquoise-1400:rgba(var(--spectrum-turquoise-1400-rgb));--spectrum-turquoise-1500-rgb:228,249,249;--spectrum-turquoise-1500:rgba(var(--spectrum-turquoise-1500-rgb));--spectrum-turquoise-1600-rgb:255,255,255;--spectrum-turquoise-1600:rgba(var(--spectrum-turquoise-1600-rgb));--spectrum-brown-100-rgb:35,24,8;--spectrum-brown-100:rgba(var(--spectrum-brown-100-rgb));--spectrum-brown-200-rgb:44,31,11;--spectrum-brown-200:rgba(var(--spectrum-brown-200-rgb));--spectrum-brown-300-rgb:58,40,14;--spectrum-brown-300:rgba(var(--spectrum-brown-300-rgb));--spectrum-brown-400-rgb:78,55,19;--spectrum-brown-400:rgba(var(--spectrum-brown-400-rgb));--spectrum-brown-500-rgb:98,71,30;--spectrum-brown-500:rgba(var(--spectrum-brown-500-rgb));--spectrum-brown-600-rgb:115,88,47;--spectrum-brown-600:rgba(var(--spectrum-brown-600-rgb));--spectrum-brown-700-rgb:132,104,61;--spectrum-brown-700:rgba(var(--spectrum-brown-700-rgb));--spectrum-brown-800-rgb:143,114,69;--spectrum-brown-800:rgba(var(--spectrum-brown-800-rgb));--spectrum-brown-900-rgb:163,132,84;--spectrum-brown-900:rgba(var(--spectrum-brown-900-rgb));--spectrum-brown-1000-rgb:181,147,98;--spectrum-brown-1000:rgba(var(--spectrum-brown-1000-rgb));--spectrum-brown-1100-rgb:199,163,112;--spectrum-brown-1100:rgba(var(--spectrum-brown-1100-rgb));--spectrum-brown-1200-rgb:222,185,130;--spectrum-brown-1200:rgba(var(--spectrum-brown-1200-rgb));--spectrum-brown-1300-rgb:232,207,169;--spectrum-brown-1300:rgba(var(--spectrum-brown-1300-rgb));--spectrum-brown-1400-rgb:242,227,206;--spectrum-brown-1400:rgba(var(--spectrum-brown-1400-rgb));--spectrum-brown-1500-rgb:250,244,236;--spectrum-brown-1500:rgba(var(--spectrum-brown-1500-rgb));--spectrum-brown-1600-rgb:255,255,255;--spectrum-brown-1600:rgba(var(--spectrum-brown-1600-rgb));--spectrum-silver-100-rgb:26,26,26;--spectrum-silver-100:rgba(var(--spectrum-silver-100-rgb));--spectrum-silver-200-rgb:33,33,33;--spectrum-silver-200:rgba(var(--spectrum-silver-200-rgb));--spectrum-silver-300-rgb:44,44,44;--spectrum-silver-300:rgba(var(--spectrum-silver-300-rgb));--spectrum-silver-400-rgb:59,59,59;--spectrum-silver-400:rgba(var(--spectrum-silver-400-rgb));--spectrum-silver-500-rgb:76,76,76;--spectrum-silver-500:rgba(var(--spectrum-silver-500-rgb));--spectrum-silver-600-rgb:92,92,92;--spectrum-silver-600:rgba(var(--spectrum-silver-600-rgb));--spectrum-silver-700-rgb:108,108,108;--spectrum-silver-700:rgba(var(--spectrum-silver-700-rgb));--spectrum-silver-800-rgb:118,118,118;--spectrum-silver-800:rgba(var(--spectrum-silver-800-rgb));--spectrum-silver-900-rgb:137,137,137;--spectrum-silver-900:rgba(var(--spectrum-silver-900-rgb));--spectrum-silver-1000-rgb:152,152,152;--spectrum-silver-1000:rgba(var(--spectrum-silver-1000-rgb));--spectrum-silver-1100-rgb:169,169,169;--spectrum-silver-1100:rgba(var(--spectrum-silver-1100-rgb));--spectrum-silver-1200-rgb:190,190,190;--spectrum-silver-1200:rgba(var(--spectrum-silver-1200-rgb));--spectrum-silver-1300-rgb:211,211,211;--spectrum-silver-1300:rgba(var(--spectrum-silver-1300-rgb));--spectrum-silver-1400-rgb:229,229,229;--spectrum-silver-1400:rgba(var(--spectrum-silver-1400-rgb));--spectrum-silver-1500-rgb:244,244,244;--spectrum-silver-1500:rgba(var(--spectrum-silver-1500-rgb));--spectrum-silver-1600-rgb:255,255,255;--spectrum-silver-1600:rgba(var(--spectrum-silver-1600-rgb));--spectrum-cinnamon-100-rgb:48,17,4;--spectrum-cinnamon-100:rgba(var(--spectrum-cinnamon-100-rgb));--spectrum-cinnamon-200-rgb:59,21,5;--spectrum-cinnamon-200:rgba(var(--spectrum-cinnamon-200-rgb));--spectrum-cinnamon-300-rgb:79,28,7;--spectrum-cinnamon-300:rgba(var(--spectrum-cinnamon-300-rgb));--spectrum-cinnamon-400-rgb:100,41,15;--spectrum-cinnamon-400:rgba(var(--spectrum-cinnamon-400-rgb));--spectrum-cinnamon-500-rgb:122,57,28;--spectrum-cinnamon-500:rgba(var(--spectrum-cinnamon-500-rgb));--spectrum-cinnamon-600-rgb:143,74,40;--spectrum-cinnamon-600:rgba(var(--spectrum-cinnamon-600-rgb));--spectrum-cinnamon-700-rgb:163,88,52;--spectrum-cinnamon-700:rgba(var(--spectrum-cinnamon-700-rgb));--spectrum-cinnamon-800-rgb:176,98,59;--spectrum-cinnamon-800:rgba(var(--spectrum-cinnamon-800-rgb));--spectrum-cinnamon-900-rgb:192,119,80;--spectrum-cinnamon-900:rgba(var(--spectrum-cinnamon-900-rgb));--spectrum-cinnamon-1000-rgb:206,136,99;--spectrum-cinnamon-1000:rgba(var(--spectrum-cinnamon-1000-rgb));--spectrum-cinnamon-1100-rgb:220,154,118;--spectrum-cinnamon-1100:rgba(var(--spectrum-cinnamon-1100-rgb));--spectrum-cinnamon-1200-rgb:232,179,149;--spectrum-cinnamon-1200:rgba(var(--spectrum-cinnamon-1200-rgb));--spectrum-cinnamon-1300-rgb:239,203,183;--spectrum-cinnamon-1300:rgba(var(--spectrum-cinnamon-1300-rgb));--spectrum-cinnamon-1400-rgb:246,225,214;--spectrum-cinnamon-1400:rgba(var(--spectrum-cinnamon-1400-rgb));--spectrum-cinnamon-1500-rgb:252,244,239;--spectrum-cinnamon-1500:rgba(var(--spectrum-cinnamon-1500-rgb));--spectrum-cinnamon-1600-rgb:255,255,255;--spectrum-cinnamon-1600:rgba(var(--spectrum-cinnamon-1600-rgb));--spectrum-icon-color-blue-primary-default:var(--spectrum-blue-800);--spectrum-icon-color-green-primary-default:var(--spectrum-green-800);--spectrum-icon-color-red-primary-default:var(--spectrum-red-700);--spectrum-icon-color-yellow-primary-default:var(--spectrum-yellow-1000);--spectrum-negative-subdued-background-color-default:var(--spectrum-negative-subtle-background-color-default);--spectrum-accent-subtle-background-color-default:var(--spectrum-accent-color-300);--spectrum-informative-subtle-background-color-default:var(--spectrum-informative-color-300);--spectrum-positive-subtle-background-color-default:var(--spectrum-positive-color-300);--spectrum-notice-subtle-background-color-default:var(--spectrum-notice-color-300);--spectrum-negative-subtle-background-color-default:var(--spectrum-negative-color-300);--color-scheme:dark;--spectrum-assetcard-border-color-selected:var(--spectrum-blue-800);--spectrum-assetcard-border-color-selected-hover:var(--spectrum-blue-800);--spectrum-assetcard-border-color-selected-down:var(--spectrum-blue-900);--spectrum-assetcard-selectionindicator-background-color-ordered:var(--spectrum-blue-800);--spectrum-assestcard-focus-indicator-color:var(--spectrum-blue-700);--spectrum-assetlist-item-background-color-selected-hover:rgba(var(--spectrum-blue-800-rgb),.25);--spectrum-assetlist-item-background-color-selected:rgba(var(--spectrum-blue-800-rgb),.15);--spectrum-assetlist-border-color-key-focus:var(--spectrum-blue-700);--spectrum-badge-label-icon-color-primary:var(--spectrum-black);--spectrum-calendar-day-background-color-selected:rgba(var(--spectrum-blue-800-rgb),.15);--spectrum-calendar-day-background-color-hover:rgba(var(--spectrum-white-rgb),.07);--spectrum-calendar-day-today-background-color-selected-hover:rgba(var(--spectrum-blue-800-rgb),.25);--spectrum-calendar-day-background-color-selected-hover:rgba(var(--spectrum-blue-800-rgb),.25);--spectrum-calendar-day-background-color-down:var(--spectrum-transparent-white-200);--spectrum-calendar-day-background-color-cap-selected:rgba(var(--spectrum-blue-800-rgb),.25);--spectrum-calendar-day-background-color-key-focus:rgba(var(--spectrum-white-rgb),.07);--spectrum-calendar-day-border-color-key-focus:var(--spectrum-blue-700);--spectrum-card-selected-background-color-rgb:var(--spectrum-blue-500-rgb);--spectrum-coach-indicator-ring-default-color:var(--spectrum-blue-700);--spectrum-drop-zone-background-color-rgb:var(--spectrum-blue-900-rgb);--spectrum-dropindicator-color:var(--spectrum-blue-700);--spectrum-logic-button-and-background-color:var(--spectrum-blue-800);--spectrum-logic-button-and-border-color:var(--spectrum-blue-800);--spectrum-logic-button-and-background-color-hover:var(--spectrum-blue-1000);--spectrum-logic-button-and-border-color-hover:var(--spectrum-blue-1000);--spectrum-logic-button-or-background-color:var(--spectrum-magenta-700);--spectrum-logic-button-or-border-color:var(--spectrum-magenta-700);--spectrum-logic-button-or-background-color-hover:var(--spectrum-magenta-900);--spectrum-logic-button-or-border-color-hover:var(--spectrum-magenta-900);--spectrum-steplist-current-marker-color-key-focus:var(--spectrum-blue-700);--spectrum-swatch-border-color-rgb:255,255,255;--spectrum-swatch-border-color-opacity:.51;--spectrum-swatch-border-color:rgba(var(--spectrum-swatch-border-color-rgb),var(--spectrum-swatch-border-color-opacity));--spectrum-swatch-border-color-light-rgb:255,255,255;--spectrum-swatch-border-color-light-opacity:.2;--spectrum-swatch-border-color-light:rgba(var(--spectrum-swatch-border-color-light-rgb),var(--spectrum-swatch-border-color-light-opacity));--spectrum-treeview-item-background-color-quiet-selected:rgba(var(--spectrum-gray-900-rgb),.07);--spectrum-treeview-item-background-color-selected:rgba(var(--spectrum-blue-800-rgb),.15)}:host,:root{color-scheme:dark} -`,Uv=_y;Yt.registerThemeFragment("dark-spectrum-two","color",Uv);p();var Ay=y` +`,Gv=Py;Yt.registerThemeFragment("dark-spectrum-two","color",Gv);p();var My=y` :host,:root{--spectrum-overlay-opacity:.4;--spectrum-background-layer-2-color:var(--spectrum-gray-25);--spectrum-neutral-subdued-background-color-default:var(--spectrum-gray-700);--spectrum-neutral-subdued-background-color-hover:var(--spectrum-gray-800);--spectrum-neutral-subdued-background-color-down:var(--spectrum-gray-800);--spectrum-neutral-subdued-background-color-key-focus:var(--spectrum-gray-800);--spectrum-accent-background-color-default:var(--spectrum-accent-color-900);--spectrum-accent-background-color-hover:var(--spectrum-accent-color-1000);--spectrum-accent-background-color-down:var(--spectrum-accent-color-1000);--spectrum-accent-background-color-key-focus:var(--spectrum-accent-color-1000);--spectrum-informative-background-color-default:var(--spectrum-informative-color-900);--spectrum-informative-background-color-hover:var(--spectrum-informative-color-1000);--spectrum-informative-background-color-down:var(--spectrum-informative-color-1000);--spectrum-informative-background-color-key-focus:var(--spectrum-informative-color-1000);--spectrum-negative-background-color-default:var(--spectrum-negative-color-900);--spectrum-negative-background-color-hover:var(--spectrum-negative-color-1000);--spectrum-negative-background-color-down:var(--spectrum-negative-color-1000);--spectrum-negative-background-color-key-focus:var(--spectrum-negative-color-1000);--spectrum-positive-background-color-default:var(--spectrum-positive-color-900);--spectrum-positive-background-color-hover:var(--spectrum-positive-color-1000);--spectrum-positive-background-color-down:var(--spectrum-positive-color-1000);--spectrum-positive-background-color-key-focus:var(--spectrum-positive-color-1000);--spectrum-notice-background-color-default:var(--spectrum-notice-color-600);--spectrum-gray-background-color-default:var(--spectrum-gray-700);--spectrum-red-background-color-default:var(--spectrum-red-900);--spectrum-orange-background-color-default:var(--spectrum-orange-600);--spectrum-yellow-background-color-default:var(--spectrum-yellow-400);--spectrum-chartreuse-background-color-default:var(--spectrum-chartreuse-500);--spectrum-celery-background-color-default:var(--spectrum-celery-600);--spectrum-green-background-color-default:var(--spectrum-green-900);--spectrum-seafoam-background-color-default:var(--spectrum-seafoam-900);--spectrum-cyan-background-color-default:var(--spectrum-cyan-900);--spectrum-blue-background-color-default:var(--spectrum-blue-900);--spectrum-indigo-background-color-default:var(--spectrum-indigo-900);--spectrum-purple-background-color-default:var(--spectrum-purple-900);--spectrum-fuchsia-background-color-default:var(--spectrum-fuchsia-900);--spectrum-magenta-background-color-default:var(--spectrum-magenta-900);--spectrum-neutral-visual-color:var(--spectrum-gray-500);--spectrum-accent-visual-color:var(--spectrum-accent-color-800);--spectrum-informative-visual-color:var(--spectrum-informative-color-800);--spectrum-negative-visual-color:var(--spectrum-negative-color-800);--spectrum-notice-visual-color:var(--spectrum-notice-color-800);--spectrum-positive-visual-color:var(--spectrum-positive-color-800);--spectrum-gray-visual-color:var(--spectrum-gray-500);--spectrum-red-visual-color:var(--spectrum-red-800);--spectrum-orange-visual-color:var(--spectrum-orange-700);--spectrum-yellow-visual-color:var(--spectrum-yellow-600);--spectrum-chartreuse-visual-color:var(--spectrum-chartreuse-600);--spectrum-celery-visual-color:var(--spectrum-celery-700);--spectrum-green-visual-color:var(--spectrum-green-700);--spectrum-seafoam-visual-color:var(--spectrum-seafoam-700);--spectrum-cyan-visual-color:var(--spectrum-cyan-600);--spectrum-blue-visual-color:var(--spectrum-blue-800);--spectrum-indigo-visual-color:var(--spectrum-indigo-800);--spectrum-purple-visual-color:var(--spectrum-purple-800);--spectrum-fuchsia-visual-color:var(--spectrum-fuchsia-800);--spectrum-magenta-visual-color:var(--spectrum-magenta-800);--spectrum-background-elevated-color:var(--spectrum-gray-25);--spectrum-background-pasteboard-color:var(--spectrum-gray-100);--spectrum-brown-visual-color:var(--spectrum-brown-800);--spectrum-cinnamon-visual-color:var(--spectrum-cinnamon-800);--spectrum-pink-visual-color:var(--spectrum-pink-800);--spectrum-silver-visual-color:var(--spectrum-silver-800);--spectrum-turquoise-visual-color:var(--spectrum-turquoise-800);--spectrum-brown-background-color-default:var(--spectrum-brown-900);--spectrum-cinnamon-background-color-default:var(--spectrum-cinnamon-900);--spectrum-pink-background-color-default:var(--spectrum-pink-900);--spectrum-silver-background-color-default:var(--spectrum-silver-900);--spectrum-turquoise-background-color-default:var(--spectrum-turquoise-900);--spectrum-drop-shadow-color-100-rgb:0,0,0;--spectrum-drop-shadow-color-100-opacity:.12;--spectrum-drop-shadow-color-100:rgba(var(--spectrum-drop-shadow-color-100-rgb),var(--spectrum-drop-shadow-color-100-opacity));--spectrum-drop-shadow-color-200-rgb:0,0,0;--spectrum-drop-shadow-color-200-opacity:.16;--spectrum-drop-shadow-color-200:rgba(var(--spectrum-drop-shadow-color-200-rgb),var(--spectrum-drop-shadow-color-200-opacity));--spectrum-drop-shadow-color-300-rgb:0,0,0;--spectrum-drop-shadow-color-300-opacity:.2;--spectrum-drop-shadow-color-300:rgba(var(--spectrum-drop-shadow-color-300-rgb),var(--spectrum-drop-shadow-color-300-opacity));--spectrum-neutral-subtle-background-color-default:var(--spectrum-gray-100);--spectrum-gray-subtle-background-color-default:var(--spectrum-gray-100);--spectrum-blue-subtle-background-color-default:var(--spectrum-blue-200);--spectrum-green-subtle-background-color-default:var(--spectrum-green-200);--spectrum-orange-subtle-background-color-default:var(--spectrum-orange-200);--spectrum-red-subtle-background-color-default:var(--spectrum-red-200);--spectrum-brown-subtle-background-color-default:var(--spectrum-brown-200);--spectrum-cinnamon-subtle-background-color-default:var(--spectrum-cinnamon-200);--spectrum-celery-subtle-background-color-default:var(--spectrum-celery-200);--spectrum-chartreuse-subtle-background-color-default:var(--spectrum-chartreuse-200);--spectrum-cyan-subtle-background-color-default:var(--spectrum-cyan-200);--spectrum-fuchsia-subtle-background-color-default:var(--spectrum-fuchsia-200);--spectrum-indigo-subtle-background-color-default:var(--spectrum-indigo-200);--spectrum-magenta-subtle-background-color-default:var(--spectrum-magenta-200);--spectrum-pink-subtle-background-color-default:var(--spectrum-pink-200);--spectrum-purple-subtle-background-color-default:var(--spectrum-purple-200);--spectrum-seafoam-subtle-background-color-default:var(--spectrum-seafoam-200);--spectrum-silver-subtle-background-color-default:var(--spectrum-silver-200);--spectrum-turquoise-subtle-background-color-default:var(--spectrum-turquoise-200);--spectrum-yellow-subtle-background-color-default:var(--spectrum-yellow-200);--spectrum-opacity-checkerboard-square-dark:var(--spectrum-gray-200);--spectrum-white-rgb:255,255,255;--spectrum-white:rgba(var(--spectrum-white-rgb));--spectrum-transparent-white-25-rgb:255,255,255;--spectrum-transparent-white-25-opacity:0;--spectrum-transparent-white-25:rgba(var(--spectrum-transparent-white-25-rgb),var(--spectrum-transparent-white-25-opacity));--spectrum-transparent-white-50-rgb:255,255,255;--spectrum-transparent-white-50-opacity:.04;--spectrum-transparent-white-50:rgba(var(--spectrum-transparent-white-50-rgb),var(--spectrum-transparent-white-50-opacity));--spectrum-transparent-white-75-rgb:255,255,255;--spectrum-transparent-white-75-opacity:.07;--spectrum-transparent-white-75:rgba(var(--spectrum-transparent-white-75-rgb),var(--spectrum-transparent-white-75-opacity));--spectrum-transparent-white-100-rgb:255,255,255;--spectrum-transparent-white-100-opacity:.11;--spectrum-transparent-white-100:rgba(var(--spectrum-transparent-white-100-rgb),var(--spectrum-transparent-white-100-opacity));--spectrum-transparent-white-200-rgb:255,255,255;--spectrum-transparent-white-200-opacity:.14;--spectrum-transparent-white-200:rgba(var(--spectrum-transparent-white-200-rgb),var(--spectrum-transparent-white-200-opacity));--spectrum-transparent-white-300-rgb:255,255,255;--spectrum-transparent-white-300-opacity:.17;--spectrum-transparent-white-300:rgba(var(--spectrum-transparent-white-300-rgb),var(--spectrum-transparent-white-300-opacity));--spectrum-transparent-white-400-rgb:255,255,255;--spectrum-transparent-white-400-opacity:.21;--spectrum-transparent-white-400:rgba(var(--spectrum-transparent-white-400-rgb),var(--spectrum-transparent-white-400-opacity));--spectrum-transparent-white-500-rgb:255,255,255;--spectrum-transparent-white-500-opacity:.39;--spectrum-transparent-white-500:rgba(var(--spectrum-transparent-white-500-rgb),var(--spectrum-transparent-white-500-opacity));--spectrum-transparent-white-600-rgb:255,255,255;--spectrum-transparent-white-600-opacity:.51;--spectrum-transparent-white-600:rgba(var(--spectrum-transparent-white-600-rgb),var(--spectrum-transparent-white-600-opacity));--spectrum-transparent-white-700-rgb:255,255,255;--spectrum-transparent-white-700-opacity:.66;--spectrum-transparent-white-700:rgba(var(--spectrum-transparent-white-700-rgb),var(--spectrum-transparent-white-700-opacity));--spectrum-transparent-white-800-rgb:255,255,255;--spectrum-transparent-white-800-opacity:.85;--spectrum-transparent-white-800:rgba(var(--spectrum-transparent-white-800-rgb),var(--spectrum-transparent-white-800-opacity));--spectrum-transparent-white-900-rgb:255,255,255;--spectrum-transparent-white-900-opacity:.94;--spectrum-transparent-white-900:rgba(var(--spectrum-transparent-white-900-rgb),var(--spectrum-transparent-white-900-opacity));--spectrum-transparent-white-1000-rgb:255,255,255;--spectrum-transparent-white-1000:rgba(var(--spectrum-transparent-white-1000-rgb));--spectrum-transparent-black-25-rgb:0,0,0;--spectrum-transparent-black-25-opacity:0;--spectrum-transparent-black-25:rgba(var(--spectrum-transparent-black-25-rgb),var(--spectrum-transparent-black-25-opacity));--spectrum-transparent-black-50-rgb:0,0,0;--spectrum-transparent-black-50-opacity:.03;--spectrum-transparent-black-50:rgba(var(--spectrum-transparent-black-50-rgb),var(--spectrum-transparent-black-50-opacity));--spectrum-transparent-black-75-rgb:0,0,0;--spectrum-transparent-black-75-opacity:.05;--spectrum-transparent-black-75:rgba(var(--spectrum-transparent-black-75-rgb),var(--spectrum-transparent-black-75-opacity));--spectrum-transparent-black-100-rgb:0,0,0;--spectrum-transparent-black-100-opacity:.09;--spectrum-transparent-black-100:rgba(var(--spectrum-transparent-black-100-rgb),var(--spectrum-transparent-black-100-opacity));--spectrum-transparent-black-200-rgb:0,0,0;--spectrum-transparent-black-200-opacity:.12;--spectrum-transparent-black-200:rgba(var(--spectrum-transparent-black-200-rgb),var(--spectrum-transparent-black-200-opacity));--spectrum-transparent-black-300-rgb:0,0,0;--spectrum-transparent-black-300-opacity:.15;--spectrum-transparent-black-300:rgba(var(--spectrum-transparent-black-300-rgb),var(--spectrum-transparent-black-300-opacity));--spectrum-transparent-black-400-rgb:0,0,0;--spectrum-transparent-black-400-opacity:.22;--spectrum-transparent-black-400:rgba(var(--spectrum-transparent-black-400-rgb),var(--spectrum-transparent-black-400-opacity));--spectrum-transparent-black-500-rgb:0,0,0;--spectrum-transparent-black-500-opacity:.44;--spectrum-transparent-black-500:rgba(var(--spectrum-transparent-black-500-rgb),var(--spectrum-transparent-black-500-opacity));--spectrum-transparent-black-600-rgb:0,0,0;--spectrum-transparent-black-600-opacity:.56;--spectrum-transparent-black-600:rgba(var(--spectrum-transparent-black-600-rgb),var(--spectrum-transparent-black-600-opacity));--spectrum-transparent-black-700-rgb:0,0,0;--spectrum-transparent-black-700-opacity:.69;--spectrum-transparent-black-700:rgba(var(--spectrum-transparent-black-700-rgb),var(--spectrum-transparent-black-700-opacity));--spectrum-transparent-black-800-rgb:0,0,0;--spectrum-transparent-black-800-opacity:.84;--spectrum-transparent-black-800:rgba(var(--spectrum-transparent-black-800-rgb),var(--spectrum-transparent-black-800-opacity));--spectrum-transparent-black-900-rgb:0,0,0;--spectrum-transparent-black-900-opacity:.93;--spectrum-transparent-black-900:rgba(var(--spectrum-transparent-black-900-rgb),var(--spectrum-transparent-black-900-opacity));--spectrum-gray-25-rgb:255,255,255;--spectrum-gray-25:rgba(var(--spectrum-gray-25-rgb));--spectrum-gray-50-rgb:248,248,248;--spectrum-gray-50:rgba(var(--spectrum-gray-50-rgb));--spectrum-gray-75-rgb:243,243,243;--spectrum-gray-75:rgba(var(--spectrum-gray-75-rgb));--spectrum-gray-100-rgb:233,233,233;--spectrum-gray-100:rgba(var(--spectrum-gray-100-rgb));--spectrum-gray-200-rgb:225,225,225;--spectrum-gray-200:rgba(var(--spectrum-gray-200-rgb));--spectrum-gray-300-rgb:218,218,218;--spectrum-gray-300:rgba(var(--spectrum-gray-300-rgb));--spectrum-gray-400-rgb:198,198,198;--spectrum-gray-400:rgba(var(--spectrum-gray-400-rgb));--spectrum-gray-500-rgb:143,143,143;--spectrum-gray-500:rgba(var(--spectrum-gray-500-rgb));--spectrum-gray-600-rgb:113,113,113;--spectrum-gray-600:rgba(var(--spectrum-gray-600-rgb));--spectrum-gray-700-rgb:80,80,80;--spectrum-gray-700:rgba(var(--spectrum-gray-700-rgb));--spectrum-gray-800-rgb:41,41,41;--spectrum-gray-800:rgba(var(--spectrum-gray-800-rgb));--spectrum-gray-900-rgb:19,19,19;--spectrum-gray-900:rgba(var(--spectrum-gray-900-rgb));--spectrum-gray-1000-rgb:0,0,0;--spectrum-gray-1000:rgba(var(--spectrum-gray-1000-rgb));--spectrum-blue-100-rgb:245,249,255;--spectrum-blue-100:rgba(var(--spectrum-blue-100-rgb));--spectrum-blue-200-rgb:229,240,254;--spectrum-blue-200:rgba(var(--spectrum-blue-200-rgb));--spectrum-blue-300-rgb:203,226,254;--spectrum-blue-300:rgba(var(--spectrum-blue-300-rgb));--spectrum-blue-400-rgb:172,207,253;--spectrum-blue-400:rgba(var(--spectrum-blue-400-rgb));--spectrum-blue-500-rgb:142,185,252;--spectrum-blue-500:rgba(var(--spectrum-blue-500-rgb));--spectrum-blue-600-rgb:114,158,253;--spectrum-blue-600:rgba(var(--spectrum-blue-600-rgb));--spectrum-blue-700-rgb:93,137,255;--spectrum-blue-700:rgba(var(--spectrum-blue-700-rgb));--spectrum-blue-800-rgb:75,117,255;--spectrum-blue-800:rgba(var(--spectrum-blue-800-rgb));--spectrum-blue-900-rgb:59,99,251;--spectrum-blue-900:rgba(var(--spectrum-blue-900-rgb));--spectrum-blue-1000-rgb:39,77,234;--spectrum-blue-1000:rgba(var(--spectrum-blue-1000-rgb));--spectrum-blue-1100-rgb:29,62,207;--spectrum-blue-1100:rgba(var(--spectrum-blue-1100-rgb));--spectrum-blue-1200-rgb:21,50,173;--spectrum-blue-1200:rgba(var(--spectrum-blue-1200-rgb));--spectrum-blue-1300-rgb:16,40,140;--spectrum-blue-1300:rgba(var(--spectrum-blue-1300-rgb));--spectrum-blue-1400-rgb:12,31,105;--spectrum-blue-1400:rgba(var(--spectrum-blue-1400-rgb));--spectrum-blue-1500-rgb:14,24,67;--spectrum-blue-1500:rgba(var(--spectrum-blue-1500-rgb));--spectrum-blue-1600-rgb:7,11,30;--spectrum-blue-1600:rgba(var(--spectrum-blue-1600-rgb));--spectrum-red-100-rgb:255,246,245;--spectrum-red-100:rgba(var(--spectrum-red-100-rgb));--spectrum-red-200-rgb:255,235,232;--spectrum-red-200:rgba(var(--spectrum-red-200-rgb));--spectrum-red-300-rgb:255,214,209;--spectrum-red-300:rgba(var(--spectrum-red-300-rgb));--spectrum-red-400-rgb:255,188,180;--spectrum-red-400:rgba(var(--spectrum-red-400-rgb));--spectrum-red-500-rgb:255,157,145;--spectrum-red-500:rgba(var(--spectrum-red-500-rgb));--spectrum-red-600-rgb:255,118,101;--spectrum-red-600:rgba(var(--spectrum-red-600-rgb));--spectrum-red-700-rgb:255,81,61;--spectrum-red-700:rgba(var(--spectrum-red-700-rgb));--spectrum-red-800-rgb:240,56,35;--spectrum-red-800:rgba(var(--spectrum-red-800-rgb));--spectrum-red-900-rgb:215,50,32;--spectrum-red-900:rgba(var(--spectrum-red-900-rgb));--spectrum-red-1000-rgb:183,40,24;--spectrum-red-1000:rgba(var(--spectrum-red-1000-rgb));--spectrum-red-1100-rgb:156,33,19;--spectrum-red-1100:rgba(var(--spectrum-red-1100-rgb));--spectrum-red-1200-rgb:129,27,14;--spectrum-red-1200:rgba(var(--spectrum-red-1200-rgb));--spectrum-red-1300-rgb:104,21,10;--spectrum-red-1300:rgba(var(--spectrum-red-1300-rgb));--spectrum-red-1400-rgb:80,16,6;--spectrum-red-1400:rgba(var(--spectrum-red-1400-rgb));--spectrum-red-1500-rgb:59,11,4;--spectrum-red-1500:rgba(var(--spectrum-red-1500-rgb));--spectrum-red-1600-rgb:29,5,2;--spectrum-red-1600:rgba(var(--spectrum-red-1600-rgb));--spectrum-orange-100-rgb:255,246,231;--spectrum-orange-100:rgba(var(--spectrum-orange-100-rgb));--spectrum-orange-200-rgb:255,236,207;--spectrum-orange-200:rgba(var(--spectrum-orange-200-rgb));--spectrum-orange-300-rgb:255,218,158;--spectrum-orange-300:rgba(var(--spectrum-orange-300-rgb));--spectrum-orange-400-rgb:255,193,94;--spectrum-orange-400:rgba(var(--spectrum-orange-400-rgb));--spectrum-orange-500-rgb:255,162,19;--spectrum-orange-500:rgba(var(--spectrum-orange-500-rgb));--spectrum-orange-600-rgb:252,125,0;--spectrum-orange-600:rgba(var(--spectrum-orange-600-rgb));--spectrum-orange-700-rgb:232,106,0;--spectrum-orange-700:rgba(var(--spectrum-orange-700-rgb));--spectrum-orange-800-rgb:212,91,0;--spectrum-orange-800:rgba(var(--spectrum-orange-800-rgb));--spectrum-orange-900-rgb:194,78,0;--spectrum-orange-900:rgba(var(--spectrum-orange-900-rgb));--spectrum-orange-1000-rgb:167,62,0;--spectrum-orange-1000:rgba(var(--spectrum-orange-1000-rgb));--spectrum-orange-1100-rgb:144,51,0;--spectrum-orange-1100:rgba(var(--spectrum-orange-1100-rgb));--spectrum-orange-1200-rgb:118,41,0;--spectrum-orange-1200:rgba(var(--spectrum-orange-1200-rgb));--spectrum-orange-1300-rgb:95,32,0;--spectrum-orange-1300:rgba(var(--spectrum-orange-1300-rgb));--spectrum-orange-1400-rgb:73,24,0;--spectrum-orange-1400:rgba(var(--spectrum-orange-1400-rgb));--spectrum-orange-1500-rgb:52,18,0;--spectrum-orange-1500:rgba(var(--spectrum-orange-1500-rgb));--spectrum-orange-1600-rgb:25,8,0;--spectrum-orange-1600:rgba(var(--spectrum-orange-1600-rgb));--spectrum-yellow-100-rgb:255,248,204;--spectrum-yellow-100:rgba(var(--spectrum-yellow-100-rgb));--spectrum-yellow-200-rgb:255,241,151;--spectrum-yellow-200:rgba(var(--spectrum-yellow-200-rgb));--spectrum-yellow-300-rgb:255,222,44;--spectrum-yellow-300:rgba(var(--spectrum-yellow-300-rgb));--spectrum-yellow-400-rgb:245,199,0;--spectrum-yellow-400:rgba(var(--spectrum-yellow-400-rgb));--spectrum-yellow-500-rgb:230,175,0;--spectrum-yellow-500:rgba(var(--spectrum-yellow-500-rgb));--spectrum-yellow-600-rgb:210,149,0;--spectrum-yellow-600:rgba(var(--spectrum-yellow-600-rgb));--spectrum-yellow-700-rgb:193,131,0;--spectrum-yellow-700:rgba(var(--spectrum-yellow-700-rgb));--spectrum-yellow-800-rgb:175,116,0;--spectrum-yellow-800:rgba(var(--spectrum-yellow-800-rgb));--spectrum-yellow-900-rgb:158,102,0;--spectrum-yellow-900:rgba(var(--spectrum-yellow-900-rgb));--spectrum-yellow-1000-rgb:134,85,0;--spectrum-yellow-1000:rgba(var(--spectrum-yellow-1000-rgb));--spectrum-yellow-1100-rgb:114,72,0;--spectrum-yellow-1100:rgba(var(--spectrum-yellow-1100-rgb));--spectrum-yellow-1200-rgb:93,59,0;--spectrum-yellow-1200:rgba(var(--spectrum-yellow-1200-rgb));--spectrum-yellow-1300-rgb:75,47,0;--spectrum-yellow-1300:rgba(var(--spectrum-yellow-1300-rgb));--spectrum-yellow-1400-rgb:56,35,0;--spectrum-yellow-1400:rgba(var(--spectrum-yellow-1400-rgb));--spectrum-yellow-1500-rgb:40,25,0;--spectrum-yellow-1500:rgba(var(--spectrum-yellow-1500-rgb));--spectrum-yellow-1600-rgb:18,11,0;--spectrum-yellow-1600:rgba(var(--spectrum-yellow-1600-rgb));--spectrum-chartreuse-100-rgb:246,251,222;--spectrum-chartreuse-100:rgba(var(--spectrum-chartreuse-100-rgb));--spectrum-chartreuse-200-rgb:234,246,173;--spectrum-chartreuse-200:rgba(var(--spectrum-chartreuse-200-rgb));--spectrum-chartreuse-300-rgb:208,236,70;--spectrum-chartreuse-300:rgba(var(--spectrum-chartreuse-300-rgb));--spectrum-chartreuse-400-rgb:182,219,0;--spectrum-chartreuse-400:rgba(var(--spectrum-chartreuse-400-rgb));--spectrum-chartreuse-500-rgb:163,196,0;--spectrum-chartreuse-500:rgba(var(--spectrum-chartreuse-500-rgb));--spectrum-chartreuse-600-rgb:143,172,0;--spectrum-chartreuse-600:rgba(var(--spectrum-chartreuse-600-rgb));--spectrum-chartreuse-700-rgb:128,153,0;--spectrum-chartreuse-700:rgba(var(--spectrum-chartreuse-700-rgb));--spectrum-chartreuse-800-rgb:114,137,0;--spectrum-chartreuse-800:rgba(var(--spectrum-chartreuse-800-rgb));--spectrum-chartreuse-900-rgb:102,122,0;--spectrum-chartreuse-900:rgba(var(--spectrum-chartreuse-900-rgb));--spectrum-chartreuse-1000-rgb:86,103,0;--spectrum-chartreuse-1000:rgba(var(--spectrum-chartreuse-1000-rgb));--spectrum-chartreuse-1100-rgb:73,87,0;--spectrum-chartreuse-1100:rgba(var(--spectrum-chartreuse-1100-rgb));--spectrum-chartreuse-1200-rgb:60,71,0;--spectrum-chartreuse-1200:rgba(var(--spectrum-chartreuse-1200-rgb));--spectrum-chartreuse-1300-rgb:47,57,0;--spectrum-chartreuse-1300:rgba(var(--spectrum-chartreuse-1300-rgb));--spectrum-chartreuse-1400-rgb:35,43,0;--spectrum-chartreuse-1400:rgba(var(--spectrum-chartreuse-1400-rgb));--spectrum-chartreuse-1500-rgb:25,30,0;--spectrum-chartreuse-1500:rgba(var(--spectrum-chartreuse-1500-rgb));--spectrum-chartreuse-1600-rgb:11,14,0;--spectrum-chartreuse-1600:rgba(var(--spectrum-chartreuse-1600-rgb));--spectrum-celery-100-rgb:235,255,220;--spectrum-celery-100:rgba(var(--spectrum-celery-100-rgb));--spectrum-celery-200-rgb:197,255,156;--spectrum-celery-200:rgba(var(--spectrum-celery-200-rgb));--spectrum-celery-300-rgb:157,247,92;--spectrum-celery-300:rgba(var(--spectrum-celery-300-rgb));--spectrum-celery-400-rgb:129,228,58;--spectrum-celery-400:rgba(var(--spectrum-celery-400-rgb));--spectrum-celery-500-rgb:110,206,42;--spectrum-celery-500:rgba(var(--spectrum-celery-500-rgb));--spectrum-celery-600-rgb:93,180,31;--spectrum-celery-600:rgba(var(--spectrum-celery-600-rgb));--spectrum-celery-700-rgb:82,161,25;--spectrum-celery-700:rgba(var(--spectrum-celery-700-rgb));--spectrum-celery-800-rgb:72,144,20;--spectrum-celery-800:rgba(var(--spectrum-celery-800-rgb));--spectrum-celery-900-rgb:64,129,17;--spectrum-celery-900:rgba(var(--spectrum-celery-900-rgb));--spectrum-celery-1000-rgb:52,109,12;--spectrum-celery-1000:rgba(var(--spectrum-celery-1000-rgb));--spectrum-celery-1100-rgb:44,92,9;--spectrum-celery-1100:rgba(var(--spectrum-celery-1100-rgb));--spectrum-celery-1200-rgb:35,75,6;--spectrum-celery-1200:rgba(var(--spectrum-celery-1200-rgb));--spectrum-celery-1300-rgb:27,60,3;--spectrum-celery-1300:rgba(var(--spectrum-celery-1300-rgb));--spectrum-celery-1400-rgb:19,46,0;--spectrum-celery-1400:rgba(var(--spectrum-celery-1400-rgb));--spectrum-celery-1500-rgb:12,33,0;--spectrum-celery-1500:rgba(var(--spectrum-celery-1500-rgb));--spectrum-celery-1600-rgb:4,15,0;--spectrum-celery-1600:rgba(var(--spectrum-celery-1600-rgb));--spectrum-green-100-rgb:237,252,241;--spectrum-green-100:rgba(var(--spectrum-green-100-rgb));--spectrum-green-200-rgb:215,247,225;--spectrum-green-200:rgba(var(--spectrum-green-200-rgb));--spectrum-green-300-rgb:173,238,197;--spectrum-green-300:rgba(var(--spectrum-green-300-rgb));--spectrum-green-400-rgb:107,227,162;--spectrum-green-400:rgba(var(--spectrum-green-400-rgb));--spectrum-green-500-rgb:43,209,125;--spectrum-green-500:rgba(var(--spectrum-green-500-rgb));--spectrum-green-600-rgb:18,184,103;--spectrum-green-600:rgba(var(--spectrum-green-600-rgb));--spectrum-green-700-rgb:11,164,93;--spectrum-green-700:rgba(var(--spectrum-green-700-rgb));--spectrum-green-800-rgb:7,147,85;--spectrum-green-800:rgba(var(--spectrum-green-800-rgb));--spectrum-green-900-rgb:5,131,78;--spectrum-green-900:rgba(var(--spectrum-green-900-rgb));--spectrum-green-1000-rgb:3,110,69;--spectrum-green-1000:rgba(var(--spectrum-green-1000-rgb));--spectrum-green-1100-rgb:2,93,60;--spectrum-green-1100:rgba(var(--spectrum-green-1100-rgb));--spectrum-green-1200-rgb:1,76,52;--spectrum-green-1200:rgba(var(--spectrum-green-1200-rgb));--spectrum-green-1300-rgb:0,61,44;--spectrum-green-1300:rgba(var(--spectrum-green-1300-rgb));--spectrum-green-1400-rgb:0,46,34;--spectrum-green-1400:rgba(var(--spectrum-green-1400-rgb));--spectrum-green-1500-rgb:0,33,25;--spectrum-green-1500:rgba(var(--spectrum-green-1500-rgb));--spectrum-green-1600-rgb:0,15,12;--spectrum-green-1600:rgba(var(--spectrum-green-1600-rgb));--spectrum-seafoam-100-rgb:235,251,246;--spectrum-seafoam-100:rgba(var(--spectrum-seafoam-100-rgb));--spectrum-seafoam-200-rgb:211,246,234;--spectrum-seafoam-200:rgba(var(--spectrum-seafoam-200-rgb));--spectrum-seafoam-300-rgb:169,237,216;--spectrum-seafoam-300:rgba(var(--spectrum-seafoam-300-rgb));--spectrum-seafoam-400-rgb:92,225,194;--spectrum-seafoam-400:rgba(var(--spectrum-seafoam-400-rgb));--spectrum-seafoam-500-rgb:16,207,169;--spectrum-seafoam-500:rgba(var(--spectrum-seafoam-500-rgb));--spectrum-seafoam-600-rgb:13,181,149;--spectrum-seafoam-600:rgba(var(--spectrum-seafoam-600-rgb));--spectrum-seafoam-700-rgb:11,162,134;--spectrum-seafoam-700:rgba(var(--spectrum-seafoam-700-rgb));--spectrum-seafoam-800-rgb:9,144,120;--spectrum-seafoam-800:rgba(var(--spectrum-seafoam-800-rgb));--spectrum-seafoam-900-rgb:7,129,109;--spectrum-seafoam-900:rgba(var(--spectrum-seafoam-900-rgb));--spectrum-seafoam-1000-rgb:5,108,92;--spectrum-seafoam-1000:rgba(var(--spectrum-seafoam-1000-rgb));--spectrum-seafoam-1100-rgb:3,92,80;--spectrum-seafoam-1100:rgba(var(--spectrum-seafoam-1100-rgb));--spectrum-seafoam-1200-rgb:1,75,67;--spectrum-seafoam-1200:rgba(var(--spectrum-seafoam-1200-rgb));--spectrum-seafoam-1300-rgb:0,60,54;--spectrum-seafoam-1300:rgba(var(--spectrum-seafoam-1300-rgb));--spectrum-seafoam-1400-rgb:0,46,40;--spectrum-seafoam-1400:rgba(var(--spectrum-seafoam-1400-rgb));--spectrum-seafoam-1500-rgb:0,33,29;--spectrum-seafoam-1500:rgba(var(--spectrum-seafoam-1500-rgb));--spectrum-seafoam-1600-rgb:0,15,14;--spectrum-seafoam-1600:rgba(var(--spectrum-seafoam-1600-rgb));--spectrum-cyan-100-rgb:238,250,254;--spectrum-cyan-100:rgba(var(--spectrum-cyan-100-rgb));--spectrum-cyan-200-rgb:217,244,253;--spectrum-cyan-200:rgba(var(--spectrum-cyan-200-rgb));--spectrum-cyan-300-rgb:183,231,252;--spectrum-cyan-300:rgba(var(--spectrum-cyan-300-rgb));--spectrum-cyan-400-rgb:138,213,255;--spectrum-cyan-400:rgba(var(--spectrum-cyan-400-rgb));--spectrum-cyan-500-rgb:92,192,255;--spectrum-cyan-500:rgba(var(--spectrum-cyan-500-rgb));--spectrum-cyan-600-rgb:48,167,254;--spectrum-cyan-600:rgba(var(--spectrum-cyan-600-rgb));--spectrum-cyan-700-rgb:29,149,231;--spectrum-cyan-700:rgba(var(--spectrum-cyan-700-rgb));--spectrum-cyan-800-rgb:18,134,205;--spectrum-cyan-800:rgba(var(--spectrum-cyan-800-rgb));--spectrum-cyan-900-rgb:11,120,179;--spectrum-cyan-900:rgba(var(--spectrum-cyan-900-rgb));--spectrum-cyan-1000-rgb:4,102,145;--spectrum-cyan-1000:rgba(var(--spectrum-cyan-1000-rgb));--spectrum-cyan-1100-rgb:0,87,121;--spectrum-cyan-1100:rgba(var(--spectrum-cyan-1100-rgb));--spectrum-cyan-1200-rgb:0,71,98;--spectrum-cyan-1200:rgba(var(--spectrum-cyan-1200-rgb));--spectrum-cyan-1300-rgb:0,57,78;--spectrum-cyan-1300:rgba(var(--spectrum-cyan-1300-rgb));--spectrum-cyan-1400-rgb:0,43,59;--spectrum-cyan-1400:rgba(var(--spectrum-cyan-1400-rgb));--spectrum-cyan-1500-rgb:0,31,43;--spectrum-cyan-1500:rgba(var(--spectrum-cyan-1500-rgb));--spectrum-cyan-1600-rgb:0,14,20;--spectrum-cyan-1600:rgba(var(--spectrum-cyan-1600-rgb));--spectrum-indigo-100-rgb:247,248,255;--spectrum-indigo-100:rgba(var(--spectrum-indigo-100-rgb));--spectrum-indigo-200-rgb:235,238,255;--spectrum-indigo-200:rgba(var(--spectrum-indigo-200-rgb));--spectrum-indigo-300-rgb:216,222,255;--spectrum-indigo-300:rgba(var(--spectrum-indigo-300-rgb));--spectrum-indigo-400-rgb:192,201,255;--spectrum-indigo-400:rgba(var(--spectrum-indigo-400-rgb));--spectrum-indigo-500-rgb:167,178,255;--spectrum-indigo-500:rgba(var(--spectrum-indigo-500-rgb));--spectrum-indigo-600-rgb:145,151,254;--spectrum-indigo-600:rgba(var(--spectrum-indigo-600-rgb));--spectrum-indigo-700-rgb:132,128,254;--spectrum-indigo-700:rgba(var(--spectrum-indigo-700-rgb));--spectrum-indigo-800-rgb:122,106,253;--spectrum-indigo-800:rgba(var(--spectrum-indigo-800-rgb));--spectrum-indigo-900-rgb:113,85,250;--spectrum-indigo-900:rgba(var(--spectrum-indigo-900-rgb));--spectrum-indigo-1000-rgb:99,56,238;--spectrum-indigo-1000:rgba(var(--spectrum-indigo-1000-rgb));--spectrum-indigo-1100-rgb:84,36,219;--spectrum-indigo-1100:rgba(var(--spectrum-indigo-1100-rgb));--spectrum-indigo-1200-rgb:69,19,191;--spectrum-indigo-1200:rgba(var(--spectrum-indigo-1200-rgb));--spectrum-indigo-1300-rgb:55,6,160;--spectrum-indigo-1300:rgba(var(--spectrum-indigo-1300-rgb));--spectrum-indigo-1400-rgb:42,0,129;--spectrum-indigo-1400:rgba(var(--spectrum-indigo-1400-rgb));--spectrum-indigo-1500-rgb:31,0,98;--spectrum-indigo-1500:rgba(var(--spectrum-indigo-1500-rgb));--spectrum-indigo-1600-rgb:17,0,54;--spectrum-indigo-1600:rgba(var(--spectrum-indigo-1600-rgb));--spectrum-purple-100-rgb:251,247,254;--spectrum-purple-100:rgba(var(--spectrum-purple-100-rgb));--spectrum-purple-200-rgb:244,235,252;--spectrum-purple-200:rgba(var(--spectrum-purple-200-rgb));--spectrum-purple-300-rgb:235,218,249;--spectrum-purple-300:rgba(var(--spectrum-purple-300-rgb));--spectrum-purple-400-rgb:221,193,246;--spectrum-purple-400:rgba(var(--spectrum-purple-400-rgb));--spectrum-purple-500-rgb:208,167,243;--spectrum-purple-500:rgba(var(--spectrum-purple-500-rgb));--spectrum-purple-600-rgb:191,138,238;--spectrum-purple-600:rgba(var(--spectrum-purple-600-rgb));--spectrum-purple-700-rgb:178,114,235;--spectrum-purple-700:rgba(var(--spectrum-purple-700-rgb));--spectrum-purple-800-rgb:166,92,231;--spectrum-purple-800:rgba(var(--spectrum-purple-800-rgb));--spectrum-purple-900-rgb:154,71,226;--spectrum-purple-900:rgba(var(--spectrum-purple-900-rgb));--spectrum-purple-1000-rgb:134,40,217;--spectrum-purple-1000:rgba(var(--spectrum-purple-1000-rgb));--spectrum-purple-1100-rgb:115,13,204;--spectrum-purple-1100:rgba(var(--spectrum-purple-1100-rgb));--spectrum-purple-1200-rgb:93,0,177;--spectrum-purple-1200:rgba(var(--spectrum-purple-1200-rgb));--spectrum-purple-1300-rgb:75,0,144;--spectrum-purple-1300:rgba(var(--spectrum-purple-1300-rgb));--spectrum-purple-1400-rgb:59,0,111;--spectrum-purple-1400:rgba(var(--spectrum-purple-1400-rgb));--spectrum-purple-1500-rgb:44,0,84;--spectrum-purple-1500:rgba(var(--spectrum-purple-1500-rgb));--spectrum-purple-1600-rgb:23,0,45;--spectrum-purple-1600:rgba(var(--spectrum-purple-1600-rgb));--spectrum-fuchsia-100-rgb:254,246,255;--spectrum-fuchsia-100:rgba(var(--spectrum-fuchsia-100-rgb));--spectrum-fuchsia-200-rgb:253,233,255;--spectrum-fuchsia-200:rgba(var(--spectrum-fuchsia-200-rgb));--spectrum-fuchsia-300-rgb:250,211,255;--spectrum-fuchsia-300:rgba(var(--spectrum-fuchsia-300-rgb));--spectrum-fuchsia-400-rgb:247,181,255;--spectrum-fuchsia-400:rgba(var(--spectrum-fuchsia-400-rgb));--spectrum-fuchsia-500-rgb:243,147,255;--spectrum-fuchsia-500:rgba(var(--spectrum-fuchsia-500-rgb));--spectrum-fuchsia-600-rgb:236,105,255;--spectrum-fuchsia-600:rgba(var(--spectrum-fuchsia-600-rgb));--spectrum-fuchsia-700-rgb:223,77,245;--spectrum-fuchsia-700:rgba(var(--spectrum-fuchsia-700-rgb));--spectrum-fuchsia-800-rgb:200,68,220;--spectrum-fuchsia-800:rgba(var(--spectrum-fuchsia-800-rgb));--spectrum-fuchsia-900-rgb:181,57,200;--spectrum-fuchsia-900:rgba(var(--spectrum-fuchsia-900-rgb));--spectrum-fuchsia-1000-rgb:156,40,175;--spectrum-fuchsia-1000:rgba(var(--spectrum-fuchsia-1000-rgb));--spectrum-fuchsia-1100-rgb:135,27,154;--spectrum-fuchsia-1100:rgba(var(--spectrum-fuchsia-1100-rgb));--spectrum-fuchsia-1200-rgb:113,15,131;--spectrum-fuchsia-1200:rgba(var(--spectrum-fuchsia-1200-rgb));--spectrum-fuchsia-1300-rgb:92,4,109;--spectrum-fuchsia-1300:rgba(var(--spectrum-fuchsia-1300-rgb));--spectrum-fuchsia-1400-rgb:72,0,88;--spectrum-fuchsia-1400:rgba(var(--spectrum-fuchsia-1400-rgb));--spectrum-fuchsia-1500-rgb:54,0,66;--spectrum-fuchsia-1500:rgba(var(--spectrum-fuchsia-1500-rgb));--spectrum-fuchsia-1600-rgb:29,0,35;--spectrum-fuchsia-1600:rgba(var(--spectrum-fuchsia-1600-rgb));--spectrum-magenta-100-rgb:255,245,248;--spectrum-magenta-100:rgba(var(--spectrum-magenta-100-rgb));--spectrum-magenta-200-rgb:255,232,240;--spectrum-magenta-200:rgba(var(--spectrum-magenta-200-rgb));--spectrum-magenta-300-rgb:255,213,227;--spectrum-magenta-300:rgba(var(--spectrum-magenta-300-rgb));--spectrum-magenta-400-rgb:255,185,208;--spectrum-magenta-400:rgba(var(--spectrum-magenta-400-rgb));--spectrum-magenta-500-rgb:255,152,187;--spectrum-magenta-500:rgba(var(--spectrum-magenta-500-rgb));--spectrum-magenta-600-rgb:255,112,159;--spectrum-magenta-600:rgba(var(--spectrum-magenta-600-rgb));--spectrum-magenta-700-rgb:255,72,133;--spectrum-magenta-700:rgba(var(--spectrum-magenta-700-rgb));--spectrum-magenta-800-rgb:240,45,110;--spectrum-magenta-800:rgba(var(--spectrum-magenta-800-rgb));--spectrum-magenta-900-rgb:217,35,97;--spectrum-magenta-900:rgba(var(--spectrum-magenta-900-rgb));--spectrum-magenta-1000-rgb:186,22,80;--spectrum-magenta-1000:rgba(var(--spectrum-magenta-1000-rgb));--spectrum-magenta-1100-rgb:163,5,62;--spectrum-magenta-1100:rgba(var(--spectrum-magenta-1100-rgb));--spectrum-magenta-1200-rgb:136,0,51;--spectrum-magenta-1200:rgba(var(--spectrum-magenta-1200-rgb));--spectrum-magenta-1300-rgb:111,0,40;--spectrum-magenta-1300:rgba(var(--spectrum-magenta-1300-rgb));--spectrum-magenta-1400-rgb:86,0,30;--spectrum-magenta-1400:rgba(var(--spectrum-magenta-1400-rgb));--spectrum-magenta-1500-rgb:64,0,22;--spectrum-magenta-1500:rgba(var(--spectrum-magenta-1500-rgb));--spectrum-magenta-1600-rgb:35,0,12;--spectrum-magenta-1600:rgba(var(--spectrum-magenta-1600-rgb));--spectrum-pink-100-rgb:255,246,252;--spectrum-pink-100:rgba(var(--spectrum-pink-100-rgb));--spectrum-pink-200-rgb:255,232,247;--spectrum-pink-200:rgba(var(--spectrum-pink-200-rgb));--spectrum-pink-300-rgb:255,211,240;--spectrum-pink-300:rgba(var(--spectrum-pink-300-rgb));--spectrum-pink-400-rgb:255,181,230;--spectrum-pink-400:rgba(var(--spectrum-pink-400-rgb));--spectrum-pink-500-rgb:255,148,219;--spectrum-pink-500:rgba(var(--spectrum-pink-500-rgb));--spectrum-pink-600-rgb:255,103,204;--spectrum-pink-600:rgba(var(--spectrum-pink-600-rgb));--spectrum-pink-700-rgb:242,76,184;--spectrum-pink-700:rgba(var(--spectrum-pink-700-rgb));--spectrum-pink-800-rgb:228,52,163;--spectrum-pink-800:rgba(var(--spectrum-pink-800-rgb));--spectrum-pink-900-rgb:206,42,146;--spectrum-pink-900:rgba(var(--spectrum-pink-900-rgb));--spectrum-pink-1000-rgb:176,31,123;--spectrum-pink-1000:rgba(var(--spectrum-pink-1000-rgb));--spectrum-pink-1100-rgb:152,22,104;--spectrum-pink-1100:rgba(var(--spectrum-pink-1100-rgb));--spectrum-pink-1200-rgb:128,12,85;--spectrum-pink-1200:rgba(var(--spectrum-pink-1200-rgb));--spectrum-pink-1300-rgb:105,3,68;--spectrum-pink-1300:rgba(var(--spectrum-pink-1300-rgb));--spectrum-pink-1400-rgb:83,0,53;--spectrum-pink-1400:rgba(var(--spectrum-pink-1400-rgb));--spectrum-pink-1500-rgb:62,0,39;--spectrum-pink-1500:rgba(var(--spectrum-pink-1500-rgb));--spectrum-pink-1600-rgb:33,0,21;--spectrum-pink-1600:rgba(var(--spectrum-pink-1600-rgb));--spectrum-turquoise-100-rgb:238,251,251;--spectrum-turquoise-100:rgba(var(--spectrum-turquoise-100-rgb));--spectrum-turquoise-200-rgb:209,245,245;--spectrum-turquoise-200:rgba(var(--spectrum-turquoise-200-rgb));--spectrum-turquoise-300-rgb:169,236,237;--spectrum-turquoise-300:rgba(var(--spectrum-turquoise-300-rgb));--spectrum-turquoise-400-rgb:111,221,228;--spectrum-turquoise-400:rgba(var(--spectrum-turquoise-400-rgb));--spectrum-turquoise-500-rgb:39,202,216;--spectrum-turquoise-500:rgba(var(--spectrum-turquoise-500-rgb));--spectrum-turquoise-600-rgb:15,177,192;--spectrum-turquoise-600:rgba(var(--spectrum-turquoise-600-rgb));--spectrum-turquoise-700-rgb:12,158,171;--spectrum-turquoise-700:rgba(var(--spectrum-turquoise-700-rgb));--spectrum-turquoise-800-rgb:10,141,153;--spectrum-turquoise-800:rgba(var(--spectrum-turquoise-800-rgb));--spectrum-turquoise-900-rgb:8,126,137;--spectrum-turquoise-900:rgba(var(--spectrum-turquoise-900-rgb));--spectrum-turquoise-1000-rgb:5,107,116;--spectrum-turquoise-1000:rgba(var(--spectrum-turquoise-1000-rgb));--spectrum-turquoise-1100-rgb:3,90,98;--spectrum-turquoise-1100:rgba(var(--spectrum-turquoise-1100-rgb));--spectrum-turquoise-1200-rgb:1,74,81;--spectrum-turquoise-1200:rgba(var(--spectrum-turquoise-1200-rgb));--spectrum-turquoise-1300-rgb:0,59,65;--spectrum-turquoise-1300:rgba(var(--spectrum-turquoise-1300-rgb));--spectrum-turquoise-1400-rgb:0,44,49;--spectrum-turquoise-1400:rgba(var(--spectrum-turquoise-1400-rgb));--spectrum-turquoise-1500-rgb:0,32,35;--spectrum-turquoise-1500:rgba(var(--spectrum-turquoise-1500-rgb));--spectrum-turquoise-1600-rgb:0,15,17;--spectrum-turquoise-1600:rgba(var(--spectrum-turquoise-1600-rgb));--spectrum-brown-100-rgb:252,247,242;--spectrum-brown-100:rgba(var(--spectrum-brown-100-rgb));--spectrum-brown-200-rgb:247,238,225;--spectrum-brown-200:rgba(var(--spectrum-brown-200-rgb));--spectrum-brown-300-rgb:239,221,195;--spectrum-brown-300:rgba(var(--spectrum-brown-300-rgb));--spectrum-brown-400-rgb:229,200,157;--spectrum-brown-400:rgba(var(--spectrum-brown-400-rgb));--spectrum-brown-500-rgb:214,177,123;--spectrum-brown-500:rgba(var(--spectrum-brown-500-rgb));--spectrum-brown-600-rgb:190,155,104;--spectrum-brown-600:rgba(var(--spectrum-brown-600-rgb));--spectrum-brown-700-rgb:171,138,90;--spectrum-brown-700:rgba(var(--spectrum-brown-700-rgb));--spectrum-brown-800-rgb:154,123,77;--spectrum-brown-800:rgba(var(--spectrum-brown-800-rgb));--spectrum-brown-900-rgb:139,109,66;--spectrum-brown-900:rgba(var(--spectrum-brown-900-rgb));--spectrum-brown-1000-rgb:119,91,50;--spectrum-brown-1000:rgba(var(--spectrum-brown-1000-rgb));--spectrum-brown-1100-rgb:103,76,35;--spectrum-brown-1100:rgba(var(--spectrum-brown-1100-rgb));--spectrum-brown-1200-rgb:88,61,21;--spectrum-brown-1200:rgba(var(--spectrum-brown-1200-rgb));--spectrum-brown-1300-rgb:70,49,17;--spectrum-brown-1300:rgba(var(--spectrum-brown-1300-rgb));--spectrum-brown-1400-rgb:52,37,13;--spectrum-brown-1400:rgba(var(--spectrum-brown-1400-rgb));--spectrum-brown-1500-rgb:38,26,9;--spectrum-brown-1500:rgba(var(--spectrum-brown-1500-rgb));--spectrum-brown-1600-rgb:16,12,4;--spectrum-brown-1600:rgba(var(--spectrum-brown-1600-rgb));--spectrum-silver-100-rgb:247,247,247;--spectrum-silver-100:rgba(var(--spectrum-silver-100-rgb));--spectrum-silver-200-rgb:239,239,239;--spectrum-silver-200:rgba(var(--spectrum-silver-200-rgb));--spectrum-silver-300-rgb:223,223,223;--spectrum-silver-300:rgba(var(--spectrum-silver-300-rgb));--spectrum-silver-400-rgb:204,204,204;--spectrum-silver-400:rgba(var(--spectrum-silver-400-rgb));--spectrum-silver-500-rgb:183,183,183;--spectrum-silver-500:rgba(var(--spectrum-silver-500-rgb));--spectrum-silver-600-rgb:160,160,160;--spectrum-silver-600:rgba(var(--spectrum-silver-600-rgb));--spectrum-silver-700-rgb:143,143,143;--spectrum-silver-700:rgba(var(--spectrum-silver-700-rgb));--spectrum-silver-800-rgb:128,128,128;--spectrum-silver-800:rgba(var(--spectrum-silver-800-rgb));--spectrum-silver-900-rgb:114,114,114;--spectrum-silver-900:rgba(var(--spectrum-silver-900-rgb));--spectrum-silver-1000-rgb:96,96,96;--spectrum-silver-1000:rgba(var(--spectrum-silver-1000-rgb));--spectrum-silver-1100-rgb:81,81,81;--spectrum-silver-1100:rgba(var(--spectrum-silver-1100-rgb));--spectrum-silver-1200-rgb:66,66,66;--spectrum-silver-1200:rgba(var(--spectrum-silver-1200-rgb));--spectrum-silver-1300-rgb:52,52,52;--spectrum-silver-1300:rgba(var(--spectrum-silver-1300-rgb));--spectrum-silver-1400-rgb:39,39,39;--spectrum-silver-1400:rgba(var(--spectrum-silver-1400-rgb));--spectrum-silver-1500-rgb:28,28,28;--spectrum-silver-1500:rgba(var(--spectrum-silver-1500-rgb));--spectrum-silver-1600-rgb:12,12,12;--spectrum-silver-1600:rgba(var(--spectrum-silver-1600-rgb));--spectrum-cinnamon-100-rgb:253,247,243;--spectrum-cinnamon-100:rgba(var(--spectrum-cinnamon-100-rgb));--spectrum-cinnamon-200-rgb:249,236,229;--spectrum-cinnamon-200:rgba(var(--spectrum-cinnamon-200-rgb));--spectrum-cinnamon-300-rgb:244,218,203;--spectrum-cinnamon-300:rgba(var(--spectrum-cinnamon-300-rgb));--spectrum-cinnamon-400-rgb:237,196,172;--spectrum-cinnamon-400:rgba(var(--spectrum-cinnamon-400-rgb));--spectrum-cinnamon-500-rgb:229,170,136;--spectrum-cinnamon-500:rgba(var(--spectrum-cinnamon-500-rgb));--spectrum-cinnamon-600-rgb:212,145,108;--spectrum-cinnamon-600:rgba(var(--spectrum-cinnamon-600-rgb));--spectrum-cinnamon-700-rgb:198,126,88;--spectrum-cinnamon-700:rgba(var(--spectrum-cinnamon-700-rgb));--spectrum-cinnamon-800-rgb:184,109,70;--spectrum-cinnamon-800:rgba(var(--spectrum-cinnamon-800-rgb));--spectrum-cinnamon-900-rgb:170,94,56;--spectrum-cinnamon-900:rgba(var(--spectrum-cinnamon-900-rgb));--spectrum-cinnamon-1000-rgb:147,77,43;--spectrum-cinnamon-1000:rgba(var(--spectrum-cinnamon-1000-rgb));--spectrum-cinnamon-1100-rgb:128,62,32;--spectrum-cinnamon-1100:rgba(var(--spectrum-cinnamon-1100-rgb));--spectrum-cinnamon-1200-rgb:110,48,21;--spectrum-cinnamon-1200:rgba(var(--spectrum-cinnamon-1200-rgb));--spectrum-cinnamon-1300-rgb:92,35,11;--spectrum-cinnamon-1300:rgba(var(--spectrum-cinnamon-1300-rgb));--spectrum-cinnamon-1400-rgb:72,25,6;--spectrum-cinnamon-1400:rgba(var(--spectrum-cinnamon-1400-rgb));--spectrum-cinnamon-1500-rgb:52,18,4;--spectrum-cinnamon-1500:rgba(var(--spectrum-cinnamon-1500-rgb));--spectrum-cinnamon-1600-rgb:24,8,2;--spectrum-cinnamon-1600:rgba(var(--spectrum-cinnamon-1600-rgb));--spectrum-icon-color-blue-primary-default:var(--spectrum-blue-900);--spectrum-icon-color-green-primary-default:var(--spectrum-green-900);--spectrum-icon-color-red-primary-default:var(--spectrum-red-900);--spectrum-icon-color-yellow-primary-default:var(--spectrum-yellow-400);--spectrum-negative-subdued-background-color-default:var(--spectrum-negative-subtle-background-color-default);--spectrum-accent-subtle-background-color-default:var(--spectrum-accent-color-200);--spectrum-informative-subtle-background-color-default:var(--spectrum-informative-color-200);--spectrum-positive-subtle-background-color-default:var(--spectrum-positive-color-200);--spectrum-notice-subtle-background-color-default:var(--spectrum-notice-color-200);--spectrum-negative-subtle-background-color-default:var(--spectrum-negative-color-200);--color-scheme:light;--spectrum-assetcard-border-color-selected:var(--spectrum-blue-900);--spectrum-assetcard-border-color-selected-hover:var(--spectrum-blue-900);--spectrum-assetcard-border-color-selected-down:var(--spectrum-blue-1000);--spectrum-assetcard-selectionindicator-background-color-ordered:var(--spectrum-blue-900);--spectrum-assestcard-focus-indicator-color:var(--spectrum-blue-800);--spectrum-assetlist-item-background-color-selected-hover:rgba(var(--spectrum-blue-900-rgb),.2);--spectrum-assetlist-item-background-color-selected:rgba(var(--spectrum-blue-900-rgb),.1);--spectrum-assetlist-border-color-key-focus:var(--spectrum-blue-800);--spectrum-badge-label-icon-color-primary:var(--spectrum-white);--spectrum-calendar-day-background-color-selected:rgba(var(--spectrum-blue-900-rgb),.1);--spectrum-calendar-day-background-color-hover:rgba(var(--spectrum-black-rgb),.06);--spectrum-calendar-day-today-background-color-selected-hover:rgba(var(--spectrum-blue-900-rgb),.2);--spectrum-calendar-day-background-color-selected-hover:rgba(var(--spectrum-blue-900-rgb),.2);--spectrum-calendar-day-background-color-down:var(--spectrum-transparent-black-200);--spectrum-calendar-day-background-color-cap-selected:rgba(var(--spectrum-blue-900-rgb),.2);--spectrum-calendar-day-background-color-key-focus:rgba(var(--spectrum-black-rgb),.06);--spectrum-calendar-day-border-color-key-focus:var(--spectrum-blue-800);--spectrum-card-selected-background-color-rgb:var(--spectrum-blue-900-rgb);--spectrum-coach-indicator-ring-default-color:var(--spectrum-blue-800);--spectrum-drop-zone-background-color-rgb:var(--spectrum-blue-800-rgb);--spectrum-dropindicator-color:var(--spectrum-blue-800);--spectrum-logic-button-and-background-color:var(--spectrum-blue-900);--spectrum-logic-button-and-border-color:var(--spectrum-blue-900);--spectrum-logic-button-and-background-color-hover:var(--spectrum-blue-1100);--spectrum-logic-button-and-border-color-hover:var(--spectrum-blue-1100);--spectrum-logic-button-or-background-color:var(--spectrum-magenta-900);--spectrum-logic-button-or-border-color:var(--spectrum-magenta-900);--spectrum-logic-button-or-background-color-hover:var(--spectrum-magenta-1100);--spectrum-logic-button-or-border-color-hover:var(--spectrum-magenta-1100);--spectrum-steplist-current-marker-color-key-focus:var(--spectrum-blue-800);--spectrum-swatch-border-color-rgb:0,0,0;--spectrum-swatch-border-color-opacity:.51;--spectrum-swatch-border-color:rgba(var(--spectrum-swatch-border-color-rgb),var(--spectrum-swatch-border-color-opacity));--spectrum-swatch-border-color-light-rgb:0,0,0;--spectrum-swatch-border-color-light-opacity:.2;--spectrum-swatch-border-color-light:rgba(var(--spectrum-swatch-border-color-light-rgb),var(--spectrum-swatch-border-color-light-opacity));--spectrum-treeview-item-background-color-quiet-selected:rgba(var(--spectrum-gray-900-rgb),.06);--spectrum-treeview-item-background-color-selected:rgba(var(--spectrum-blue-900-rgb),.1)}:host,:root{color-scheme:light} -`,Zv=Ay;Yt.registerThemeFragment("light-spectrum-two","color",Zv);p();L();p();var Kv=({width:o=24,height:t=24,hidden:e=!1,title:r="Checkmark Circle"}={})=>u`u` - `;var Gv=({width:o=24,height:t=24,hidden:e=!1,title:r="Checkmark Circle"}={})=>u``;var Xv=({width:o=24,height:t=24,hidden:e=!1,title:r="Checkmark Circle"}={})=>u` - `;var Pn=class extends h{render(){return g(c),this.spectrumVersion===2?Kv({hidden:!this.label,title:this.label}):Gv({hidden:!this.label,title:this.label})}};x();l("sp-icon-checkmark-circle",Pn);le();p();var Ly=y` + `;var Mn=class extends h{render(){return g(c),this.spectrumVersion===2?Yv({hidden:!this.label,title:this.label}):Xv({hidden:!this.label,title:this.label})}};x();l("sp-icon-checkmark-circle",Mn);le();p();var By=y` :host{--spectrum-toast-font-weight:var(--spectrum-regular-font-weight);--spectrum-toast-font-size:var(--spectrum-font-size-100);--spectrum-toast-corner-radius:var(--spectrum-corner-radius-100);--spectrum-toast-block-size:var(--spectrum-toast-height);--spectrum-toast-max-inline-size:var(--spectrum-toast-maximum-width);--spectrum-toast-border-width:var(--spectrum-border-width-100);--spectrum-toast-line-height:var(--spectrum-line-height-100);--spectrum-toast-line-height-cjk:var(--spectrum-cjk-line-height-100);--spectrum-toast-spacing-icon-to-text:var(--spectrum-text-to-visual-100);--spectrum-toast-spacing-start-edge-to-text-and-icon:var(--spectrum-spacing-300);--spectrum-toast-spacing-text-and-action-button-to-divider:var(--spectrum-spacing-300);--spectrum-toast-spacing-top-edge-to-divider:var(--spectrum-spacing-100);--spectrum-toast-spacing-bottom-edge-to-divider:var(--spectrum-spacing-100);--spectrum-toast-spacing-top-edge-to-icon:var(--spectrum-toast-top-to-workflow-icon);--spectrum-toast-spacing-text-to-action-button-horizontal:var(--spectrum-spacing-300);--spectrum-toast-spacing-close-button:var(--spectrum-spacing-100);--spectrum-toast-spacing-block-start:var(--spectrum-spacing-100);--spectrum-toast-spacing-block-end:var(--spectrum-spacing-100);--spectrum-toast-spacing-top-edge-to-text:var(--spectrum-toast-top-to-text);--spectrum-toast-spacing-bottom-edge-to-text:var(--spectrum-toast-bottom-to-text);--spectrum-toast-negative-background-color-default:var(--spectrum-negative-background-color-default);--spectrum-toast-positive-background-color-default:var(--spectrum-positive-background-color-default);--spectrum-toast-informative-background-color-default:var(--spectrum-informative-background-color-default);--spectrum-toast-text-and-icon-color:var(--spectrum-white)}@media (forced-colors:active){:host{--highcontrast-toast-border-color:ButtonText;border:var(--mod-toast-border-width,var(--spectrum-toast-border-width))solid var(--highcontrast-toast-border-color,transparent)}}:host{box-sizing:border-box;min-block-size:var(--mod-toast-block-size,var(--spectrum-toast-block-size));max-inline-size:var(--mod-toast-max-inline-size,var(--spectrum-toast-max-inline-size));border-radius:var(--mod-toast-corner-radius,var(--spectrum-toast-corner-radius));font-size:var(--mod-toast-font-size,var(--spectrum-toast-font-size));font-weight:var(--mod-toast-font-weight,var(--spectrum-toast-font-weight));-webkit-font-smoothing:antialiased;background-color:var(--mod-toast-background-color-default,var(--spectrum-toast-background-color-default));color:var(--mod-toast-background-color-default,var(--spectrum-toast-background-color-default));overflow-wrap:anywhere;flex-direction:row;align-items:stretch;padding-inline-start:var(--mod-toast-spacing-start-edge-to-text-and-icon,var(--spectrum-toast-spacing-start-edge-to-text-and-icon));display:inline-flex}:host([variant=negative]){background-color:var(--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default))}:host([variant=negative]),:host([variant=negative]) .closeButton:focus-visible:not(:active){color:var(--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default))}:host([variant=info]){background-color:var(--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default))}:host([variant=info]),:host([variant=info]) .closeButton:focus-visible:not(:active){color:var(--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default))}:host([variant=positive]){background-color:var(--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default))}:host([variant=positive]),:host([variant=positive]) .closeButton:focus-visible:not(:active){color:var(--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default))}.type{flex-grow:0;flex-shrink:0;margin-block-start:var(--mod-toast-spacing-top-edge-to-icon,var(--spectrum-toast-spacing-top-edge-to-icon));margin-inline-start:0;margin-inline-end:var(--mod-toast-spacing-icon-to-text,var(--spectrum-toast-spacing-icon-to-text))}.content,.type{color:var(--mod-toast-text-and-icon-color,var(--spectrum-toast-text-and-icon-color))}.content{box-sizing:border-box;line-height:var(--mod-toast-line-height,var(--spectrum-toast-line-height));text-align:start;flex:auto;padding-block-start:calc(var(--mod-toast-spacing-top-edge-to-text,var(--spectrum-toast-spacing-top-edge-to-text)) - var(--mod-toast-spacing-block-start,var(--spectrum-toast-spacing-block-start)));padding-block-end:calc(var(--mod-toast-spacing-bottom-edge-to-text,var(--spectrum-toast-spacing-bottom-edge-to-text)) - var(--mod-toast-spacing-block-end,var(--spectrum-toast-spacing-block-end)));padding-inline-start:0;padding-inline-end:var(--mod-toast-spacing-text-to-action-button-horizontal,var(--spectrum-toast-spacing-text-to-action-button-horizontal));display:inline-block}.content:lang(ja),.content:lang(ko),.content:lang(zh){line-height:var(--mod-toast-line-height-cjk,var(--spectrum-toast-line-height-cjk))}.buttons{border-inline-start-color:var(--mod-toast-divider-color,var(--spectrum-toast-divider-color));flex:none;align-items:flex-start;margin-block-start:var(--mod-toast-spacing-top-edge-to-divider,var(--spectrum-toast-spacing-top-edge-to-divider));margin-block-end:var(--mod-toast-spacing-bottom-edge-to-divider,var(--spectrum-toast-spacing-bottom-edge-to-divider));padding-inline-end:var(--mod-toast-spacing-close-button,var(--spectrum-toast-spacing-close-button));display:flex}.buttons .spectrum-CloseButton{align-self:flex-start}.body{flex-wrap:wrap;flex:auto;align-self:center;align-items:center;padding-block-start:var(--mod-toast-spacing-block-start,var(--spectrum-toast-spacing-block-start));padding-block-end:var(--mod-toast-spacing-block-end,var(--spectrum-toast-spacing-block-end));display:flex}.body ::slotted([slot=action]){margin-inline-start:auto;margin-inline-end:var(--mod-toast-spacing-text-and-action-button-to-divider,var(--spectrum-toast-spacing-text-and-action-button-to-divider))}.body ::slotted([slot=action]:dir(rtl)),:host([dir=rtl]) .body ::slotted([slot=action]){margin-inline-end:var(--mod-toast-spacing-text-and-action-button-to-divider,var(--spectrum-toast-spacing-text-and-action-button-to-divider))}.body+.buttons{border-inline-start-style:solid;border-inline-start-width:1px;padding-inline-start:var(--mod-toast-spacing-close-button,var(--spectrum-toast-spacing-close-button))}:host{--spectrum-toast-background-color-default:var(--system-toast-background-color-default);--spectrum-toast-divider-color:var(--system-toast-divider-color)}:host{--spectrum-overlay-animation-distance:var(--spectrum-spacing-100);--spectrum-overlay-animation-duration:var(--spectrum-animation-duration-100);opacity:0;pointer-events:none;transition:transform var(--spectrum-overlay-animation-duration)ease-in-out,opacity var(--spectrum-overlay-animation-duration)ease-in-out,visibility 0s linear var(--spectrum-overlay-animation-duration);visibility:hidden}:host([open]){opacity:1;pointer-events:auto;visibility:visible;transition-delay:0s}:host([variant=error]),:host([variant=warning]){background-color:var(--highcontrast-toast-negative-background-color-default,var(--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)))}:host([variant=negative]),:host([variant=negative]) .closeButton:focus-visible:not(:active),:host([variant=warning]),:host([variant=warning]) .closeButton:focus-visible:not(:active){color:var(--highcontrast-toast-negative-background-color-default,var(--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)))} -`,Wv=Ly;var Py=Object.defineProperty,My=Object.getOwnPropertyDescriptor,Mn=(o,t,e,r)=>{for(var s=r>1?void 0:r?My(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&Py(t,e,s),s},By=["negative","positive","info","error","warning"],ar=class extends mt(E){constructor(){super(...arguments),this.open=!1,this._timeout=null,this._variant="",this.countdownStart=0,this.nextCount=-1,this.doCountdown=t=>{this.countdownStart||(this.countdownStart=performance.now()),t-this.countdownStart>this._timeout?(this.shouldClose(),this.countdownStart=0):this.countdown()},this.countdown=()=>{cancelAnimationFrame(this.nextCount),this.nextCount=requestAnimationFrame(this.doCountdown)},this.holdCountdown=()=>{this.stopCountdown(),this.addEventListener("focusout",this.resumeCountdown)},this.resumeCountdown=()=>{this.removeEventListener("focusout",this.holdCountdown),this.countdown()}}static get styles(){return[Wv]}set timeout(t){let e=typeof t!==null&&t>0?Math.max(6e3,t):null,r=this.timeout;e&&this.countdownStart&&(this.countdownStart=performance.now()),this._timeout=e,this.requestUpdate("timeout",r)}get timeout(){return this._timeout}set variant(t){if(t===this.variant)return;let e=this.variant;By.includes(t)?(this.setAttribute("variant",t),this._variant=t):(this.removeAttribute("variant"),this._variant=""),this.requestUpdate("variant",e)}get variant(){return this._variant}renderIcon(t,e){switch(t){case"info":return c` +`,Jv=By;var Oy=Object.defineProperty,Dy=Object.getOwnPropertyDescriptor,Bn=(o,t,e,r)=>{for(var s=r>1?void 0:r?Dy(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&Oy(t,e,s),s},Hy=["negative","positive","info","error","warning"],ar=class extends mt(E){constructor(){super(...arguments),this.open=!1,this._timeout=null,this._variant="",this.countdownStart=0,this.nextCount=-1,this.doCountdown=t=>{this.countdownStart||(this.countdownStart=performance.now()),t-this.countdownStart>this._timeout?(this.shouldClose(),this.countdownStart=0):this.countdown()},this.countdown=()=>{cancelAnimationFrame(this.nextCount),this.nextCount=requestAnimationFrame(this.doCountdown)},this.holdCountdown=()=>{this.stopCountdown(),this.addEventListener("focusout",this.resumeCountdown)},this.resumeCountdown=()=>{this.removeEventListener("focusout",this.holdCountdown),this.countdown()}}static get styles(){return[Jv]}set timeout(t){let e=typeof t!==null&&t>0?Math.max(6e3,t):null,r=this.timeout;e&&this.countdownStart&&(this.countdownStart=performance.now()),this._timeout=e,this.requestUpdate("timeout",r)}get timeout(){return this._timeout}set variant(t){if(t===this.variant)return;let e=this.variant;Hy.includes(t)?(this.setAttribute("variant",t),this._variant=t):(this.removeAttribute("variant"),this._variant=""),this.requestUpdate("variant",e)}get variant(){return this._variant}renderIcon(t,e){switch(t){case"info":return c` - `}updated(t){super.updated(t),t.has("open")&&(this.open?this.timeout&&this.startCountdown():this.timeout&&this.stopCountdown()),t.has("timeout")&&(this.timeout!==null&&this.open?this.startCountdown():this.stopCountdown())}};Mn([n({type:Boolean,reflect:!0})],ar.prototype,"open",2),Mn([n({type:Number})],ar.prototype,"timeout",1),Mn([n({type:String})],ar.prototype,"variant",1),Mn([n({type:String,attribute:"icon-label"})],ar.prototype,"iconLabel",2);x();l("sp-toast",ar);p();L();J();mi();p();var Oy=y` + `}updated(t){super.updated(t),t.has("open")&&(this.open?this.timeout&&this.startCountdown():this.timeout&&this.stopCountdown()),t.has("timeout")&&(this.timeout!==null&&this.open?this.startCountdown():this.stopCountdown())}};Bn([n({type:Boolean,reflect:!0})],ar.prototype,"open",2),Bn([n({type:Number})],ar.prototype,"timeout",1),Bn([n({type:String})],ar.prototype,"variant",1),Bn([n({type:String,attribute:"icon-label"})],ar.prototype,"iconLabel",2);x();l("sp-toast",ar);p();L();J();mi();p();var Ry=y` #tooltip{pointer-events:none;visibility:hidden;opacity:0;transition:transform .13s ease-in-out,opacity .13s ease-in-out,visibility 0s linear .13s;transition:transform var(--mod-overlay-animation-duration,var(--spectrum-animation-duration-100,.13s))ease-in-out,opacity var(--mod-overlay-animation-duration,var(--spectrum-animation-duration-100,.13s))ease-in-out,visibility 0s linear var(--mod-overlay-animation-duration,var(--spectrum-animation-duration-100,.13s))}:host([open]) #tooltip{pointer-events:auto;visibility:visible;opacity:1;transition-delay:0s;transition-delay:var(--mod-overlay-animation-duration-opened,var(--spectrum-animation-duration-0,0s))}#tooltip{--spectrum-tooltip-animation-duration:var(--spectrum-animation-duration-100);--spectrum-tooltip-margin:0px;--spectrum-tooltip-height:var(--spectrum-component-height-75);--spectrum-tooltip-max-inline-size:var(--spectrum-tooltip-maximum-width);--spectrum-tooltip-border-radius:var(--spectrum-corner-radius-100);--spectrum-tooltip-icon-width:var(--spectrum-workflow-icon-size-50);--spectrum-tooltip-icon-height:var(--spectrum-workflow-icon-size-50);--spectrum-tooltip-font-size:var(--spectrum-font-size-75);--spectrum-tooltip-line-height:var(--spectrum-line-height-100);--spectrum-tooltip-cjk-line-height:var(--spectrum-cjk-line-height-100);--spectrum-tooltip-font-weight:var(--spectrum-regular-font-weight);--spectrum-tooltip-spacing-inline:var(--spectrum-component-edge-to-text-75);--spectrum-tooltip-spacing-block-start:var(--spectrum-component-top-to-text-75);--spectrum-tooltip-spacing-block-end:var(--spectrum-component-bottom-to-text-75);--spectrum-tooltip-icon-spacing-inline-start:var(--spectrum-text-to-visual-75);--spectrum-tooltip-icon-spacing-inline-end:var(--spectrum-text-to-visual-75);--spectrum-tooltip-icon-spacing-block-start:var(--spectrum-component-top-to-workflow-icon-75);--spectrum-tooltip-background-color-informative:var(--spectrum-informative-background-color-default);--spectrum-tooltip-background-color-positive:var(--spectrum-positive-background-color-default);--spectrum-tooltip-background-color-negative:var(--spectrum-negative-background-color-default);--spectrum-tooltip-content-color:var(--spectrum-white);--spectrum-tooltip-tip-inline-size:var(--spectrum-tooltip-tip-width);--spectrum-tooltip-tip-block-size:var(--spectrum-tooltip-tip-height);--spectrum-tooltip-tip-square-size:var(--spectrum-tooltip-tip-inline-size);--spectrum-tooltip-tip-height-percentage:50%;--spectrum-tooltip-tip-antialiasing-inset:.5px;--spectrum-tooltip-pointer-corner-spacing:var(--spectrum-corner-radius-100);--spectrum-tooltip-background-color-default:var(--spectrum-tooltip-backgound-color-default-neutral)}@media (forced-colors:active){#tooltip{border:1px solid #0000}#tip{--highcontrast-tooltip-background-color-default:CanvasText;--highcontrast-tooltip-background-color-informative:CanvasText;--highcontrast-tooltip-background-color-positive:CanvasText;--highcontrast-tooltip-background-color-negative:CanvasText;forced-color-adjust:none}}#tooltip{box-sizing:border-box;vertical-align:top;inline-size:auto;padding-inline:var(--mod-tooltip-spacing-inline,var(--spectrum-tooltip-spacing-inline));border-radius:var(--mod-tooltip-border-radius,var(--spectrum-tooltip-border-radius));block-size:auto;min-block-size:var(--mod-tooltip-height,var(--spectrum-tooltip-height));max-inline-size:var(--mod-tooltip-max-inline-size,var(--spectrum-tooltip-max-inline-size));background-color:var(--highcontrast-tooltip-background-color-default,var(--mod-tooltip-background-color-default,var(--spectrum-tooltip-background-color-default)));color:var(--mod-tooltip-content-color,var(--spectrum-tooltip-content-color));font-size:var(--mod-tooltip-font-size,var(--spectrum-tooltip-font-size));font-weight:var(--mod-tooltip-font-weight,var(--spectrum-tooltip-font-weight));line-height:var(--mod-tooltip-line-height,var(--spectrum-tooltip-line-height));overflow-wrap:break-word;-webkit-font-smoothing:antialiased;cursor:default;-webkit-user-select:none;user-select:none;flex-direction:row;align-items:center;display:inline-flex;position:relative}:host(:lang(ja)) #tooltip,:host(:lang(ko)) #tooltip,:host(:lang(zh)) #tooltip{line-height:var(--mod-tooltip-cjk-line-height,var(--spectrum-tooltip-cjk-line-height))}#tooltip p{margin:0}:host([variant=info]) #tooltip{background-color:var(--highcontrast-tooltip-background-color-informative,var(--mod-tooltip-background-color-informative,var(--spectrum-tooltip-background-color-informative)))}:host([variant=positive]) #tooltip{background-color:var(--highcontrast-tooltip-background-color-positive,var(--mod-tooltip-background-color-positive,var(--spectrum-tooltip-background-color-positive)))}:host([variant=negative]) #tooltip{background-color:var(--highcontrast-tooltip-background-color-negative,var(--mod-tooltip-background-color-negative,var(--spectrum-tooltip-background-color-negative)))}#tip{block-size:var(--mod-tooltip-tip-square-size,var(--spectrum-tooltip-tip-square-size));inline-size:var(--mod-tooltip-tip-square-size,var(--spectrum-tooltip-tip-square-size));background-color:var(--highcontrast-tooltip-background-color-default,var(--mod-tooltip-background-color-default,var(--spectrum-tooltip-background-color-default)));clip-path:polygon(0 calc(0% - var(--mod-tooltip-tip-antialiasing-inset,var(--spectrum-tooltip-tip-antialiasing-inset))),50% var(--mod-tooltip-tip-height-percentage,var(--spectrum-tooltip-tip-height-percentage)),100% calc(0% - var(--mod-tooltip-tip-antialiasing-inset,var(--spectrum-tooltip-tip-antialiasing-inset))));inset-block-start:100%;position:absolute;left:50%;transform:translate(-50%)}:host([variant=info]) #tooltip #tip{background-color:var(--highcontrast-tooltip-background-color-informative,var(--mod-tooltip-background-color-informative,var(--spectrum-tooltip-background-color-informative)))}:host([variant=positive]) #tooltip #tip{background-color:var(--highcontrast-tooltip-background-color-positive,var(--mod-tooltip-background-color-positive,var(--spectrum-tooltip-background-color-positive)))}:host([variant=negative]) #tooltip #tip{background-color:var(--highcontrast-tooltip-background-color-negative,var(--mod-tooltip-background-color-negative,var(--spectrum-tooltip-background-color-negative)))}:host([placement*=top]) #tooltip #tip,.spectrum-Tooltip--top-end #tip,.spectrum-Tooltip--top-left #tip,.spectrum-Tooltip--top-right #tip,.spectrum-Tooltip--top-start #tip{inset-block-start:100%}:host([placement*=bottom]) #tooltip #tip,.spectrum-Tooltip--bottom-end #tip,.spectrum-Tooltip--bottom-left #tip,.spectrum-Tooltip--bottom-right #tip,.spectrum-Tooltip--bottom-start #tip{clip-path:polygon(50% calc(100% - var(--mod-tooltip-tip-height-percentage,var(--spectrum-tooltip-tip-height-percentage))),0 calc(100% + var(--mod-tooltip-tip-antialiasing-inset,var(--spectrum-tooltip-tip-antialiasing-inset))),100% calc(100% + var(--mod-tooltip-tip-antialiasing-inset,var(--spectrum-tooltip-tip-antialiasing-inset))));inset-block:auto 100%}.spectrum-Tooltip--bottom-end #tip,.spectrum-Tooltip--bottom-left #tip,.spectrum-Tooltip--bottom-right #tip,.spectrum-Tooltip--bottom-start #tip,.spectrum-Tooltip--top-end #tip,.spectrum-Tooltip--top-left #tip,.spectrum-Tooltip--top-right #tip,.spectrum-Tooltip--top-start #tip{transform:none}.spectrum-Tooltip--bottom-left #tip,.spectrum-Tooltip--top-left #tip{inset-inline-start:var(--mod-tooltip-pointer-corner-spacing,var(--spectrum-tooltip-pointer-corner-spacing))}.spectrum-Tooltip--bottom-right #tip,.spectrum-Tooltip--top-right #tip{inset-inline:auto var(--mod-tooltip-pointer-corner-spacing,var(--spectrum-tooltip-pointer-corner-spacing))}.spectrum-Tooltip--bottom-start #tip,.spectrum-Tooltip--top-start #tip{inset-inline:var(--mod-tooltip-pointer-corner-spacing,var(--spectrum-tooltip-pointer-corner-spacing))auto}.spectrum-Tooltip--bottom-start #tip:dir(rtl),.spectrum-Tooltip--top-start #tip:dir(rtl),:host([dir=rtl]) .spectrum-Tooltip--bottom-start #tip,:host([dir=rtl]) .spectrum-Tooltip--top-start #tip{right:var(--mod-tooltip-pointer-corner-spacing,var(--spectrum-tooltip-pointer-corner-spacing));left:auto}.spectrum-Tooltip--bottom-end #tip,.spectrum-Tooltip--top-end #tip{inset-inline:auto var(--mod-tooltip-pointer-corner-spacing,var(--spectrum-tooltip-pointer-corner-spacing))}.spectrum-Tooltip--bottom-end #tip:dir(rtl),.spectrum-Tooltip--top-end #tip:dir(rtl),:host([dir=rtl]) .spectrum-Tooltip--bottom-end #tip,:host([dir=rtl]) .spectrum-Tooltip--top-end #tip{left:var(--mod-tooltip-pointer-corner-spacing,var(--spectrum-tooltip-pointer-corner-spacing));right:auto}.spectrum-Tooltip--end #tip,.spectrum-Tooltip--end-bottom #tip,.spectrum-Tooltip--end-top #tip,:host([placement*=left]) #tooltip #tip,.spectrum-Tooltip--left-bottom #tip,.spectrum-Tooltip--left-top #tip,:host([placement*=right]) #tooltip #tip,.spectrum-Tooltip--right-bottom #tip,.spectrum-Tooltip--right-top #tip,.spectrum-Tooltip--start #tip,.spectrum-Tooltip--start-bottom #tip,.spectrum-Tooltip--start-top #tip{inset-block-start:50%;transform:translateY(-50%)}.spectrum-Tooltip--end-bottom #tip,.spectrum-Tooltip--end-top #tip,.spectrum-Tooltip--left-bottom #tip,.spectrum-Tooltip--left-top #tip,.spectrum-Tooltip--right-bottom #tip,.spectrum-Tooltip--right-top #tip,.spectrum-Tooltip--start-bottom #tip,.spectrum-Tooltip--start-top #tip{inset-block-start:auto;transform:none}.spectrum-Tooltip--end #tip,.spectrum-Tooltip--end-bottom #tip,.spectrum-Tooltip--end-top #tip,:host([placement*=right]) #tooltip #tip,.spectrum-Tooltip--right-bottom #tip,.spectrum-Tooltip--right-top #tip{clip-path:polygon(calc(100% - var(--mod-tooltip-tip-height-percentage,var(--spectrum-tooltip-tip-height-percentage)))50%,calc(100% + var(--mod-tooltip-tip-antialiasing-inset,var(--spectrum-tooltip-tip-antialiasing-inset)))100%,calc(100% + var(--mod-tooltip-tip-antialiasing-inset,var(--spectrum-tooltip-tip-antialiasing-inset)))0);inset-inline:auto 100%}:host([placement*=left]) #tooltip #tip,.spectrum-Tooltip--left-bottom #tip,.spectrum-Tooltip--left-top #tip,.spectrum-Tooltip--start #tip,.spectrum-Tooltip--start-bottom #tip,.spectrum-Tooltip--start-top #tip{clip-path:polygon(calc(0% - var(--mod-tooltip-tip-antialiasing-inset,var(--spectrum-tooltip-tip-antialiasing-inset)))0,calc(0% - var(--mod-tooltip-tip-antialiasing-inset,var(--spectrum-tooltip-tip-antialiasing-inset)))100%,var(--mod-tooltip-tip-height-percentage,var(--spectrum-tooltip-tip-height-percentage))50%);inset-inline-start:100%}.spectrum-Tooltip--end-top #tip,.spectrum-Tooltip--left-top #tip,.spectrum-Tooltip--right-top #tip,.spectrum-Tooltip--start-top #tip{inset-block-start:var(--mod-tooltip-pointer-corner-spacing,var(--spectrum-tooltip-pointer-corner-spacing))}.spectrum-Tooltip--end-bottom #tip,.spectrum-Tooltip--left-bottom #tip,.spectrum-Tooltip--right-bottom #tip,.spectrum-Tooltip--start-bottom #tip{inset-block-end:var(--mod-tooltip-pointer-corner-spacing,var(--spectrum-tooltip-pointer-corner-spacing))}.spectrum-Tooltip--end #tip:dir(rtl),.spectrum-Tooltip--end-bottom #tip:dir(rtl),.spectrum-Tooltip--end-top #tip:dir(rtl),:host([placement*=left]) #tooltip #tip:dir(rtl),.spectrum-Tooltip--left-bottom #tip:dir(rtl),.spectrum-Tooltip--left-top #tip:dir(rtl),:host([dir=rtl]) .spectrum-Tooltip--end #tip,:host([dir=rtl]) .spectrum-Tooltip--end-bottom #tip,:host([dir=rtl]) .spectrum-Tooltip--end-top #tip,:host([dir=rtl][placement*=left]) #tooltip #tip,:host([dir=rtl]) .spectrum-Tooltip--left-bottom #tip,:host([dir=rtl]) .spectrum-Tooltip--left-top #tip{clip-path:polygon(calc(0% - var(--mod-tooltip-tip-antialiasing-inset,var(--spectrum-tooltip-tip-antialiasing-inset)))0,calc(0% - var(--mod-tooltip-tip-antialiasing-inset,var(--spectrum-tooltip-tip-antialiasing-inset)))100%,var(--mod-tooltip-tip-height-percentage,var(--spectrum-tooltip-tip-height-percentage))50%);left:100%;right:auto}:host([placement*=right]) #tooltip #tip:dir(rtl),.spectrum-Tooltip--right-bottom #tip:dir(rtl),.spectrum-Tooltip--right-top #tip:dir(rtl),.spectrum-Tooltip--start #tip:dir(rtl),.spectrum-Tooltip--start-bottom #tip:dir(rtl),.spectrum-Tooltip--start-top #tip:dir(rtl),:host([dir=rtl][placement*=right]) #tooltip #tip,:host([dir=rtl]) .spectrum-Tooltip--right-bottom #tip,:host([dir=rtl]) .spectrum-Tooltip--right-top #tip,:host([dir=rtl]) .spectrum-Tooltip--start #tip,:host([dir=rtl]) .spectrum-Tooltip--start-bottom #tip,:host([dir=rtl]) .spectrum-Tooltip--start-top #tip{clip-path:polygon(var(--mod-tooltip-tip-height-percentage,var(--spectrum-tooltip-tip-height-percentage))50%,calc(100% + var(--mod-tooltip-tip-antialiasing-inset,var(--spectrum-tooltip-tip-antialiasing-inset)))100%,calc(100% + var(--mod-tooltip-tip-antialiasing-inset,var(--spectrum-tooltip-tip-antialiasing-inset)))0);left:auto;right:100%}::slotted([slot=icon]){inline-size:var(--mod-tooltip-icon-width,var(--spectrum-tooltip-icon-width));block-size:var(--mod-tooltip-icon-height,var(--spectrum-tooltip-icon-height));flex-shrink:0;align-self:flex-start;margin-block-start:var(--mod-tooltip-icon-spacing-block-start,var(--spectrum-tooltip-icon-spacing-block-start));margin-inline-start:calc(var(--mod-tooltip-icon-spacing-inline-start,var(--spectrum-tooltip-icon-spacing-inline-start)) - var(--mod-tooltip-spacing-inline,var(--spectrum-tooltip-spacing-inline)));margin-inline-end:var(--mod-tooltip-icon-spacing-inline-end,var(--spectrum-tooltip-icon-spacing-inline-end))}#label{line-height:var(--mod-tooltip-line-height,var(--spectrum-tooltip-line-height));margin-block-start:var(--mod-tooltip-spacing-block-start,var(--spectrum-tooltip-spacing-block-start));margin-block-end:var(--mod-tooltip-spacing-block-end,var(--spectrum-tooltip-spacing-block-end))}#tooltip,:host([placement*=top]) #tooltip,.spectrum-Tooltip--top-end,.spectrum-Tooltip--top-left,.spectrum-Tooltip--top-right,.spectrum-Tooltip--top-start{margin-block-end:calc(var(--mod-tooltip-tip-block-size,var(--spectrum-tooltip-tip-block-size)) + var(--mod-tooltip-margin,var(--spectrum-tooltip-margin)))}:host([open]) .spectrum-Tooltip--top-end,:host([open]) .spectrum-Tooltip--top-left,:host([open]) .spectrum-Tooltip--top-right,:host([open]) .spectrum-Tooltip--top-start,:host([placement*=top][open]) #tooltip,:host([open]) #tooltip{transform:translateY(calc(var(--mod-tooltip-animation-distance,var(--spectrum-tooltip-animation-distance))*-1))}:host([placement*=bottom]) #tooltip,.spectrum-Tooltip--bottom-end,.spectrum-Tooltip--bottom-left,.spectrum-Tooltip--bottom-right,.spectrum-Tooltip--bottom-start{margin-block-start:calc(var(--mod-tooltip-tip-block-size,var(--spectrum-tooltip-tip-block-size)) + var(--mod-tooltip-margin,var(--spectrum-tooltip-margin)))}:host([open]) .spectrum-Tooltip--bottom-end,:host([open]) .spectrum-Tooltip--bottom-left,:host([open]) .spectrum-Tooltip--bottom-right,:host([open]) .spectrum-Tooltip--bottom-start,:host([placement*=bottom][open]) #tooltip{transform:translateY(var(--mod-tooltip-animation-distance,var(--spectrum-tooltip-animation-distance)))}:host([placement*=right]) #tooltip,.spectrum-Tooltip--right-bottom,.spectrum-Tooltip--right-top{margin-left:calc(var(--mod-tooltip-tip-block-size,var(--spectrum-tooltip-tip-block-size)) + var(--mod-tooltip-margin,var(--spectrum-tooltip-margin)))}:host([open]) .spectrum-Tooltip--right-bottom,:host([open]) .spectrum-Tooltip--right-top,:host([placement*=right][open]) #tooltip{transform:translateX(var(--mod-tooltip-animation-distance,var(--spectrum-tooltip-animation-distance)))}:host([placement*=left]) #tooltip,.spectrum-Tooltip--left-bottom,.spectrum-Tooltip--left-top{margin-right:calc(var(--mod-tooltip-tip-block-size,var(--spectrum-tooltip-tip-block-size)) + var(--mod-tooltip-margin,var(--spectrum-tooltip-margin)))}:host([open]) .spectrum-Tooltip--left-bottom,:host([open]) .spectrum-Tooltip--left-top,:host([placement*=left][open]) #tooltip{transform:translateX(calc(var(--mod-tooltip-animation-distance,var(--spectrum-tooltip-animation-distance))*-1))}.spectrum-Tooltip--start,.spectrum-Tooltip--start-bottom,.spectrum-Tooltip--start-top{margin-inline-end:calc(var(--mod-tooltip-tip-block-size,var(--spectrum-tooltip-tip-block-size)) + var(--mod-tooltip-margin,var(--spectrum-tooltip-margin)))}:host([open]) .spectrum-Tooltip--start-bottom,:host([open]) .spectrum-Tooltip--start-top,:host([open]) .spectrum-Tooltip--start{transform:translateX(calc(var(--mod-tooltip-animation-distance,var(--spectrum-tooltip-animation-distance))*-1))}:host([open]) .spectrum-Tooltip--start-bottom:dir(rtl),:host([open]) .spectrum-Tooltip--start-top:dir(rtl),:host([open]) .spectrum-Tooltip--start:dir(rtl),:host([dir=rtl][open]) .spectrum-Tooltip--start-bottom,:host([dir=rtl][open]) .spectrum-Tooltip--start-top,:host([dir=rtl][open]) .spectrum-Tooltip--start{transform:translateX(var(--mod-tooltip-animation-distance,var(--spectrum-tooltip-animation-distance)))}.spectrum-Tooltip--end,.spectrum-Tooltip--end-bottom,.spectrum-Tooltip--end-top{margin-inline-start:calc(var(--mod-tooltip-tip-block-size,var(--spectrum-tooltip-tip-block-size)) + var(--mod-tooltip-margin,var(--spectrum-tooltip-margin)))}:host([open]) .spectrum-Tooltip--end-bottom,:host([open]) .spectrum-Tooltip--end-top,:host([open]) .spectrum-Tooltip--end{transform:translateX(var(--mod-tooltip-animation-distance,var(--spectrum-tooltip-animation-distance)))}:host([open]) .spectrum-Tooltip--end-bottom:dir(rtl),:host([open]) .spectrum-Tooltip--end-top:dir(rtl),:host([open]) .spectrum-Tooltip--end:dir(rtl),:host([dir=rtl][open]) .spectrum-Tooltip--end-bottom,:host([dir=rtl][open]) .spectrum-Tooltip--end-top,:host([dir=rtl][open]) .spectrum-Tooltip--end{transform:translateX(calc(var(--mod-tooltip-animation-distance,var(--spectrum-tooltip-animation-distance))*-1))}#tooltip{--spectrum-tooltip-backgound-color-default-neutral:var(--system-tooltip-backgound-color-default-neutral)}:host{display:contents}#tooltip{width:fit-content;white-space:initial;max-width:var(--spectrum-tooltip-max-inline-size)}#tip{clip-path:polygon(0 -5%,50% 50%,100% -5%);width:var(--spectrum-tooltip-tip-inline-size)!important;height:var(--spectrum-tooltip-tip-inline-size)!important}#tip[style]{transform:none!important}:host(:not([placement*=top])) #tooltip{margin-bottom:0}:host([placement*=top]) #tooltip #tip{inset-block-start:100%}:host([placement*=bottom]) #tooltip #tip{clip-path:polygon(50% 50%,0 105%,100% 105%);inset-block-end:100%;top:auto}:host([placement*=left]) #tooltip #tip,:host([placement*=right]) #tooltip #tip{inset-block-start:50%;transform:translateY(-50%)}:host([placement*=right]) #tooltip #tip{clip-path:polygon(50% 50%,105% 100%,105% 0);inset-inline:calc(var(--mod-tooltip-tip-block-size,var(--spectrum-tooltip-tip-block-size))*-2)100%}:host([placement*=left]) #tooltip #tip{clip-path:polygon(-5% 0,-5% 100%,50% 50%);inset-inline-start:100%}sp-overlay:not(:defined){display:none} -`,Yv=Oy;var Dy=Object.defineProperty,Hy=Object.getOwnPropertyDescriptor,xe=(o,t,e,r)=>{for(var s=r>1?void 0:r?Hy(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&Dy(t,e,s),s},Cd=class extends HTMLElement{constructor(){super(),this._open=!1,this._placement="top",this.addEventListener("sp-opened",this.redispatchEvent),this.addEventListener("sp-closed",this.redispatchEvent)}redispatchEvent(t){t.stopPropagation(),this.tooltip.dispatchEvent(new CustomEvent(t.type,{bubbles:t.bubbles,composed:t.composed,detail:t.detail}))}get tooltip(){return this.getRootNode().host}static get observedAttributes(){return["open","placement"]}attributeChangedCallback(t,e,r){switch(t){case"open":this.open=r!==null;break;case"placement":this.placement=r;break}}set open(t){this._open=t;let{tooltip:e}=this;e&&(e.open=t)}get open(){return this._open}set placement(t){this._placement=t;let{tooltip:e}=this;e&&(e.placement=t)}get placement(){return this._placement}get tipElement(){return this.tooltip.tipElement}};customElements.get("sp-tooltip-openable")||customElements.define("sp-tooltip-openable",Cd);var Lt=class extends E{constructor(){super(...arguments),this.delayed=!1,this.dependencyManager=new We(this),this.disabled=!1,this.selfManaged=!1,this.offset=0,this.open=!1,this._variant="",this.handleOpenOverlay=()=>{this.open=!0},this.handleCloseOverlay=()=>{this.open=!1}}static get styles(){return[Yv]}get variant(){return this._variant}set variant(t){if(t!==this.variant){if(["info","positive","negative"].includes(t)){this.setAttribute("variant",t),this._variant=t;return}this.removeAttribute("variant"),this._variant=""}}forwardTransitionEvent(t){this.dispatchEvent(new TransitionEvent(t.type,{bubbles:!0,composed:!0,propertyName:t.propertyName}))}get triggerElement(){var t;let e=this.assignedSlot||this,r=e.getRootNode();if(r===document)return null;let s=e.parentElement||r.host||r;for(;!((t=s?.matches)!=null&&t.call(s,Am));){if(e=s.assignedSlot||s,r=e.getRootNode(),r===document)return null;s=e.parentElement||r.host||r}return s}render(){let t=c` +`,Qv=Ry;var qy=Object.defineProperty,jy=Object.getOwnPropertyDescriptor,xe=(o,t,e,r)=>{for(var s=r>1?void 0:r?jy(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&qy(t,e,s),s},Td=class extends HTMLElement{constructor(){super(),this._open=!1,this._placement="top",this.addEventListener("sp-opened",this.redispatchEvent),this.addEventListener("sp-closed",this.redispatchEvent)}redispatchEvent(t){t.stopPropagation(),this.tooltip.dispatchEvent(new CustomEvent(t.type,{bubbles:t.bubbles,composed:t.composed,detail:t.detail}))}get tooltip(){return this.getRootNode().host}static get observedAttributes(){return["open","placement"]}attributeChangedCallback(t,e,r){switch(t){case"open":this.open=r!==null;break;case"placement":this.placement=r;break}}set open(t){this._open=t;let{tooltip:e}=this;e&&(e.open=t)}get open(){return this._open}set placement(t){this._placement=t;let{tooltip:e}=this;e&&(e.placement=t)}get placement(){return this._placement}get tipElement(){return this.tooltip.tipElement}};customElements.get("sp-tooltip-openable")||customElements.define("sp-tooltip-openable",Td);var Lt=class extends E{constructor(){super(...arguments),this.delayed=!1,this.dependencyManager=new We(this),this.disabled=!1,this.selfManaged=!1,this.offset=0,this.open=!1,this._variant="",this.handleOpenOverlay=()=>{this.open=!0},this.handleCloseOverlay=()=>{this.open=!1}}static get styles(){return[Qv]}get variant(){return this._variant}set variant(t){if(t!==this.variant){if(["info","positive","negative"].includes(t)){this.setAttribute("variant",t),this._variant=t;return}this.removeAttribute("variant"),this._variant=""}}forwardTransitionEvent(t){this.dispatchEvent(new TransitionEvent(t.type,{bubbles:!0,composed:!0,propertyName:t.propertyName}))}get triggerElement(){var t;let e=this.assignedSlot||this,r=e.getRootNode();if(r===document)return null;let s=e.parentElement||r.host||r;for(;!((t=s?.matches)!=null&&t.call(s,Lm));){if(e=s.assignedSlot||s,r=e.getRootNode(),r===document)return null;s=e.parentElement||r.host||r}return s}render(){let t=c` ${t} - `):t}connectedCallback(){super.connectedCallback(),this.updateComplete.then(()=>{if(!this.selfManaged)return;let t=this.overlayElement;if(t){let e=this.triggerElement;t.triggerElement=e}})}};xe([n({type:Boolean})],Lt.prototype,"delayed",2),xe([n({type:Boolean})],Lt.prototype,"disabled",2),xe([n({type:Boolean,attribute:"self-managed"})],Lt.prototype,"selfManaged",2),xe([n({type:Number})],Lt.prototype,"offset",2),xe([n({type:Boolean,reflect:!0})],Lt.prototype,"open",2),xe([P("sp-overlay")],Lt.prototype,"overlayElement",2),xe([n({reflect:!0})],Lt.prototype,"placement",2),xe([P("#tip")],Lt.prototype,"tipElement",2),xe([n({type:Number})],Lt.prototype,"tipPadding",2),xe([n({type:String})],Lt.prototype,"variant",1);x();l("sp-tooltip",Lt);p();J();L();Nt();p();var Ry=y` + `):t}connectedCallback(){super.connectedCallback(),this.updateComplete.then(()=>{if(!this.selfManaged)return;let t=this.overlayElement;if(t){let e=this.triggerElement;t.triggerElement=e}})}};xe([n({type:Boolean})],Lt.prototype,"delayed",2),xe([n({type:Boolean})],Lt.prototype,"disabled",2),xe([n({type:Boolean,attribute:"self-managed"})],Lt.prototype,"selfManaged",2),xe([n({type:Number})],Lt.prototype,"offset",2),xe([n({type:Boolean,reflect:!0})],Lt.prototype,"open",2),xe([P("sp-overlay")],Lt.prototype,"overlayElement",2),xe([n({reflect:!0})],Lt.prototype,"placement",2),xe([P("#tip")],Lt.prototype,"tipElement",2),xe([n({type:Number})],Lt.prototype,"tipPadding",2),xe([n({type:String})],Lt.prototype,"variant",1);x();l("sp-tooltip",Lt);p();J();L();Nt();p();var Fy=y` a{color:inherit}a:focus,a:focus-visible{outline:none}:host a:before{block-size:calc(100% - var(--mod-tabs-top-to-text,var(--spectrum-tabs-top-to-text)));border:var(--mod-tabs-focus-indicator-width,var(--spectrum-tabs-focus-indicator-width))solid transparent;border-radius:var(--mod-tabs-focus-indicator-border-radius,var(--spectrum-tabs-focus-indicator-border-radius));box-sizing:border-box;content:"";inline-size:calc(100% + var(--mod-tabs-focus-indicator-gap,var(--spectrum-tabs-focus-indicator-gap))*2);inset-block-start:calc(var(--mod-tabs-top-to-text,var(--spectrum-tabs-top-to-text))/2);inset-inline:calc(var(--mod-tabs-focus-indicator-gap,var(--spectrum-tabs-focus-indicator-gap))*-1);pointer-events:none;position:absolute}:host a.focus-visible,:host a:focus-visible{color:var(--highcontrast-tabs-color-key-focus,var(--mod-tabs-color-key-focus,var(--spectrum-tabs-color-key-focus)))}:host a.focus-visible:before,:host a:focus-visible:before{border-color:var(--highcontrast-tabs-focus-indicator-color,var(--mod-tabs-focus-indicator-color,var(--spectrum-tabs-focus-indicator-color)))}#item-label{padding-block:var(--mod-tabs-top-to-text,var(--spectrum-tabs-top-to-text))var(--mod-tabs-bottom-to-text,var(--spectrum-tabs-bottom-to-text));margin-block:0}slot{pointer-events:none} -`,Xv=Ry;var qy=Object.defineProperty,jy=Object.getOwnPropertyDescriptor,Jv=(o,t,e,r)=>{for(var s=r>1?void 0:r?jy(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&qy(t,e,s),s},Eo=class extends qt(et){constructor(){super(...arguments),this.selected=!1,this.value=""}static get styles(){return[En,Xv]}get focusElement(){return this.anchor}click(){this.anchor.click()}render(){return c` +`,tf=Fy;var Vy=Object.defineProperty,Ny=Object.getOwnPropertyDescriptor,ef=(o,t,e,r)=>{for(var s=r>1?void 0:r?Ny(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&Vy(t,e,s),s},Eo=class extends qt(et){constructor(){super(...arguments),this.selected=!1,this.value=""}static get styles(){return[$n,tf]}get focusElement(){return this.anchor}click(){this.anchor.click()}render(){return c`
- `}updated(t){super.updated(t),this.value=this.anchor.href}};Jv([P("a")],Eo.prototype,"anchor",2),Jv([n({type:Boolean,reflect:!0})],Eo.prototype,"selected",2);x();l("sp-top-nav-item",Eo);p();L();J();var Bn=class{constructor(t,{target:e,config:r,callback:s,skipInitial:i}){this.t=new Set,this.o=!1,this.i=!1,this.h=t,e!==null&&this.t.add(e??t),this.l=r,this.o=i??this.o,this.callback=s,window.ResizeObserver?(this.u=new ResizeObserver(a=>{this.handleChanges(a),this.h.requestUpdate()}),t.addController(this)):console.warn("ResizeController error: browser does not support ResizeObserver.")}handleChanges(t){this.value=this.callback?.(t,this.u)}hostConnected(){for(let t of this.t)this.observe(t)}hostDisconnected(){this.disconnect()}async hostUpdated(){!this.o&&this.i&&this.handleChanges([]),this.i=!1}observe(t){this.t.add(t),this.u.observe(t,this.l),this.i=!0,this.h.requestUpdate()}unobserve(t){this.t.delete(t),this.u.unobserve(t)}disconnect(){this.u.disconnect()}};var Fy=Object.defineProperty,Vy=Object.getOwnPropertyDescriptor,cr=(o,t,e,r)=>{for(var s=r>1?void 0:r?Vy(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&Fy(t,e,s),s},Qv="transform: translateX(0px) scaleX(0) scaleY(0)",Xt=class extends R(E){constructor(){super(...arguments),this.label="",this.ignoreURLParts="",this.selectionIndicatorStyle=Qv,this.shouldAnimate=!1,this.quiet=!1,this.onClick=t=>{let e=t.target;this.shouldAnimate=!0,this.selectTarget(e)},this._items=[],this.resizeController=new Bn(this,{callback:()=>{this.updateSelectionIndicator()}}),this.updateSelectionIndicator=async()=>{let t=this.items.find(r=>r.value===this.selected||r.value===window.location.href);if(!t){this.selectionIndicatorStyle=Qv;return}await Promise.all([t.updateComplete,document.fonts?document.fonts.ready:Promise.resolve()]);let{width:e}=t.getBoundingClientRect();this.selectionIndicatorStyle=ir.transformX(t.offsetLeft,e)}}static get styles(){return[Ln,An,ir.baseStyles()]}set selected(t){let e=this.selected;t!==e&&(this.updateCheckedState(t),this._selected=t,this.requestUpdate("selected",e))}get selected(){return this._selected}get items(){return this._items}set items(t){t!==this.items&&(this._items.forEach(e=>{this.resizeController.unobserve(e)}),t.forEach(e=>{this.resizeController.observe(e)}),this._items=t)}manageItems(){this.items=this.slotEl.assignedElements({flatten:!0}).filter(s=>s.localName==="sp-top-nav-item");let{href:t}=window.location,e=this.ignoreURLParts.split(" ");e.includes("hash")&&(t=t.replace(window.location.hash,"")),e.includes("search")&&(t=t.replace(window.location.search,""));let r=this.items.find(s=>s.value===t);r?this.selectTarget(r):this.selected=""}render(){return c` + `}updated(t){super.updated(t),this.value=this.anchor.href}};ef([P("a")],Eo.prototype,"anchor",2),ef([n({type:Boolean,reflect:!0})],Eo.prototype,"selected",2);x();l("sp-top-nav-item",Eo);p();L();J();var On=class{constructor(t,{target:e,config:r,callback:s,skipInitial:i}){this.t=new Set,this.o=!1,this.i=!1,this.h=t,e!==null&&this.t.add(e??t),this.l=r,this.o=i??this.o,this.callback=s,window.ResizeObserver?(this.u=new ResizeObserver(a=>{this.handleChanges(a),this.h.requestUpdate()}),t.addController(this)):console.warn("ResizeController error: browser does not support ResizeObserver.")}handleChanges(t){this.value=this.callback?.(t,this.u)}hostConnected(){for(let t of this.t)this.observe(t)}hostDisconnected(){this.disconnect()}async hostUpdated(){!this.o&&this.i&&this.handleChanges([]),this.i=!1}observe(t){this.t.add(t),this.u.observe(t,this.l),this.i=!0,this.h.requestUpdate()}unobserve(t){this.t.delete(t),this.u.unobserve(t)}disconnect(){this.u.disconnect()}};var Uy=Object.defineProperty,Zy=Object.getOwnPropertyDescriptor,cr=(o,t,e,r)=>{for(var s=r>1?void 0:r?Zy(t,e):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(s=(r?a(t,e,s):a(s))||s);return r&&s&&Uy(t,e,s),s},rf="transform: translateX(0px) scaleX(0) scaleY(0)",Xt=class extends R(E){constructor(){super(...arguments),this.label="",this.ignoreURLParts="",this.selectionIndicatorStyle=rf,this.shouldAnimate=!1,this.quiet=!1,this.onClick=t=>{let e=t.target;this.shouldAnimate=!0,this.selectTarget(e)},this._items=[],this.resizeController=new On(this,{callback:()=>{this.updateSelectionIndicator()}}),this.updateSelectionIndicator=async()=>{let t=this.items.find(r=>r.value===this.selected||r.value===window.location.href);if(!t){this.selectionIndicatorStyle=rf;return}await Promise.all([t.updateComplete,document.fonts?document.fonts.ready:Promise.resolve()]);let{width:e}=t.getBoundingClientRect();this.selectionIndicatorStyle=ir.transformX(t.offsetLeft,e)}}static get styles(){return[Pn,Ln,ir.baseStyles()]}set selected(t){let e=this.selected;t!==e&&(this.updateCheckedState(t),this._selected=t,this.requestUpdate("selected",e))}get selected(){return this._selected}get items(){return this._items}set items(t){t!==this.items&&(this._items.forEach(e=>{this.resizeController.unobserve(e)}),t.forEach(e=>{this.resizeController.observe(e)}),this._items=t)}manageItems(){this.items=this.slotEl.assignedElements({flatten:!0}).filter(s=>s.localName==="sp-top-nav-item");let{href:t}=window.location,e=this.ignoreURLParts.split(" ");e.includes("hash")&&(t=t.replace(window.location.hash,"")),e.includes("search")&&(t=t.replace(window.location.search,""));let r=this.items.find(s=>s.value===t);r?this.selectTarget(r):this.selected=""}render(){return c`
`; break; + case COMPARE_CHART_MODEL_PATH: + editor = html` `; + break; } } const editorStyles = ` diff --git a/studio/src/editors/acom-content-preview.js b/studio/src/editors/acom-content-preview.js new file mode 100644 index 000000000..704c975f5 --- /dev/null +++ b/studio/src/editors/acom-content-preview.js @@ -0,0 +1,136 @@ +const ADOBE_GLOBAL_STYLES = 'https://www.adobe.com/libs/styles/styles.css'; +const ADOBE_MERCH_STYLES = 'https://www.adobe.com/libs/blocks/merch/merch.css'; +const ADOBE_TABLE_STYLES = 'https://www.adobe.com/libs/blocks/table/table.css'; +const ADOBE_COMPARISON_TABLE_STYLES = 'https://www.adobe.com/libs/blocks/comparison-table/comparison-table.css'; +const ADOBE_TOKEN_BRIDGE_ID = 'adobe-token-bridge'; +const ADOBE_PREVIEW_STYLES = [ADOBE_GLOBAL_STYLES, ADOBE_MERCH_STYLES, ADOBE_TABLE_STYLES, ADOBE_COMPARISON_TABLE_STYLES]; + +class AcomContentPreview extends HTMLElement { + static tokenBridgeCssPromise; + + static get observedAttributes() { + return ['author', 'fragment', 'renderer']; + } + + constructor() { + super(); + this.attachShadow({ mode: 'open' }); + this.ensureTokenBridge = this.ensureTokenBridge.bind(this); + } + + connectedCallback() { + this.#render(); + } + + attributeChangedCallback() { + this.#render(); + } + + refresh() { + this.shadowRoot?.querySelector('aem-fragment')?.refresh?.(false); + } + + static async getBridgedCssText(url) { + return fetch(url) + .then((response) => { + if (!response.ok) { + throw new Error(`Failed to load ${url}`); + } + return response.text(); + }) + .then((cssText) => cssText.replaceAll(':root', ':host')) + .catch((error) => { + console.warn('[acom-content-preview] failed to bridge stylesheet tokens', { + url, + error: error instanceof Error ? error.message : String(error), + }); + return ''; + }); + } + + static async getTokenBridgeCss() { + if (!this.tokenBridgeCssPromise) { + this.tokenBridgeCssPromise = Promise.all( + ADOBE_PREVIEW_STYLES.map((url) => AcomContentPreview.getBridgedCssText(url)), + ).then((chunks) => chunks.filter(Boolean).join('\n')); + } + return this.tokenBridgeCssPromise; + } + + async ensureTokenBridge() { + if (!this.shadowRoot) return; + let tokenBridge = this.shadowRoot.getElementById(ADOBE_TOKEN_BRIDGE_ID); + if (!tokenBridge) { + tokenBridge = document.createElement('style'); + tokenBridge.id = ADOBE_TOKEN_BRIDGE_ID; + this.shadowRoot.prepend(tokenBridge); + } + if (tokenBridge.textContent) return; + tokenBridge.textContent = await AcomContentPreview.getTokenBridgeCss(); + } + + #render() { + if (!this.shadowRoot) return; + + const fragmentId = this.getAttribute('fragment'); + const author = this.hasAttribute('author'); + const renderer = this.getAttribute('renderer') === 'consonant' ? 'consonant' : 'legacy'; + const previewTag = renderer === 'consonant' ? 'mas-comparison-table' : 'mas-table'; + + this.shadowRoot.replaceChildren(); + + const globalStyles = document.createElement('link'); + globalStyles.setAttribute('rel', 'stylesheet'); + globalStyles.setAttribute('href', ADOBE_GLOBAL_STYLES); + + const tableStyles = document.createElement('link'); + tableStyles.setAttribute('rel', 'stylesheet'); + tableStyles.setAttribute('href', ADOBE_TABLE_STYLES); + + const merchStyles = document.createElement('link'); + merchStyles.setAttribute('rel', 'stylesheet'); + merchStyles.setAttribute('href', ADOBE_MERCH_STYLES); + + const comparisonTableStyles = document.createElement('link'); + comparisonTableStyles.setAttribute('rel', 'stylesheet'); + comparisonTableStyles.setAttribute('href', ADOBE_COMPARISON_TABLE_STYLES); + + const style = document.createElement('style'); + style.textContent = ` + :host { + display: block; + width: 100%; + max-width: 1200px; + margin: 0 auto; + --font-size-multiplier: 1; + } + + mas-table, + mas-comparison-table { + display: block; + width: 100%; + } + + .row-highlight { + background-color: var(--color-white, #fff) !important; + } + `; + + this.shadowRoot.append(globalStyles, tableStyles, merchStyles, comparisonTableStyles, style); + + if (!fragmentId) return; + + const previewTemplate = document.createElement('template'); + previewTemplate.innerHTML = ` + <${previewTag}> + + + `; + this.shadowRoot.append(previewTemplate.content.cloneNode(true)); + this.ensureTokenBridge(); + } +} + +if (!customElements.get('acom-content-preview')) { + customElements.define('acom-content-preview', AcomContentPreview); +} diff --git a/studio/src/editors/compare-chart-editor.js b/studio/src/editors/compare-chart-editor.js new file mode 100644 index 000000000..ea3fa32db --- /dev/null +++ b/studio/src/editors/compare-chart-editor.js @@ -0,0 +1,2322 @@ +import { css, html, LitElement, nothing } from 'lit'; +import { unsafeHTML } from 'lit/directives/unsafe-html.js'; +import { CARD_MODEL_PATH, TAG_MODEL_ID_MAPPING } from '../constants.js'; +import '../fields/multifield.js'; +import { getFromFragmentCache, prepopulateFragmentCache } from '../mas-repository.js'; +import Store from '../store.js'; +import ReactiveController from '../reactivity/reactive-controller.js'; +import generateFragmentStore from '../reactivity/source-fragment-store.js'; +import { getSpectrumVersion } from '../constants/icon-library.js'; +import { dragHandleIcon } from '../icons.js'; +import { VARIANT_NAMES } from './variant-picker.js'; +import { showToast } from '../utils.js'; +import './merch-card-editor.js'; +import '../rte/rte-field.js'; + +const COMPARE_CHART_FIELD = 'compareChart'; +const LEGACY_PREVIEW_RENDERER = 'legacy'; +const CONSONANT_PREVIEW_RENDERER = 'consonant'; +const CARD_SELECT_EVENT = 'compare-chart-select-card'; +const CARD_MODEL_ID = TAG_MODEL_ID_MAPPING['mas:studio/content-type/merch-card']; +const NEW_CARD_TITLE = 'New Compare Card'; +const DRAFT_CARD_PREFIX = '__compare-chart-draft__'; +const FEATURE_ROW_PREFIX = 'compare-feature-row'; +const UUID_PATTERN = /[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}/i; + +const extractPlainText = (value = '') => { + if (!value) return ''; + if (!value.includes('<')) return value; + const doc = new DOMParser().parseFromString(value, 'text/html'); + return doc.body.textContent?.trim() || ''; +}; + +const getField = (fragment, fieldName) => fragment?.fields?.find(({ name }) => name === fieldName); + +const getFieldValue = (fragment, fieldName) => getField(fragment, fieldName)?.values?.[0] || ''; + +const getFieldValues = (fragment, fieldName) => getField(fragment, fieldName)?.values || []; + +const getCardTitle = (fragment) => { + const cardTitle = extractPlainText(getFieldValue(fragment, 'cardTitle')); + if (cardTitle) return cardTitle; + const title = extractPlainText(fragment?.title || ''); + if (title) return title; + return fragment?.name || 'Card'; +}; + +const getCardLabel = ({ path, fragmentStore }) => { + if (fragmentStore?.get()) { + return getCardTitle(fragmentStore.get()); + } + + return path?.split('/').pop()?.replace(/-/g, ' ') || 'Card'; +}; + +const normalizeRichText = (value = '') => value.trim(); + +const createRichTextParagraph = (text = '') => { + if (!text) return ''; + const paragraph = document.createElement('p'); + paragraph.textContent = text; + return paragraph.outerHTML; +}; + +const createFeatureRowId = () => `${FEATURE_ROW_PREFIX}-${createNameSlug(8)}`; + +const createEmptyFeatureRow = (id = createFeatureRowId()) => ({ + id, + label: '', + cellsByPath: {}, +}); + +const cloneFeatureRows = (rows = []) => + rows.map((row) => ({ + id: row.id, + label: row.label || '', + cellsByPath: { ...(row.cellsByPath || {}) }, + })); + +const getElementInnerHtml = (element) => normalizeRichText(element?.innerHTML || ''); + +const getLegacyFeatureValue = (element) => { + const description = element.querySelector('[slot="description"]')?.textContent?.trim() || ''; + const merchIcon = element.querySelector('merch-icon'); + if (merchIcon) { + const wrapper = document.createElement('div'); + const mnemonic = document.createElement('mas-mnemonic'); + mnemonic.setAttribute('src', merchIcon.getAttribute('src') || ''); + if (merchIcon.getAttribute('alt')) { + mnemonic.setAttribute('alt', merchIcon.getAttribute('alt')); + } + wrapper.append(mnemonic); + if (description) { + wrapper.append(document.createTextNode(' ')); + wrapper.append(description); + } + return normalizeRichText(wrapper.innerHTML); + } + + const spectrumIcon = element.querySelector('[slot="icon"] .sp-icon'); + if (spectrumIcon) { + const wrapper = document.createElement('div'); + wrapper.append(spectrumIcon.cloneNode(true)); + if (description) { + wrapper.append(document.createTextNode(' ')); + wrapper.append(description); + } + return normalizeRichText(wrapper.innerHTML); + } + + return createRichTextParagraph(description); +}; + +const parseLegacyCompareChart = (compareChartHtml = '') => { + if (!compareChartHtml) return []; + + const doc = new DOMParser().parseFromString(compareChartHtml, 'text/html'); + const entriesByPath = {}; + + doc.querySelectorAll('.compare-chart-card[data-card-path]').forEach((cardElement) => { + const cardPath = cardElement.getAttribute('data-card-path'); + if (!cardPath) return; + + const whatsIncluded = cardElement.querySelector('merch-whats-included'); + const values = []; + whatsIncluded?.querySelectorAll('[slot="content"] merch-mnemonic-list').forEach((listElement) => { + values.push(getLegacyFeatureValue(listElement)); + }); + entriesByPath[cardPath] = values; + }); + + const maxRowCount = Math.max(0, ...Object.values(entriesByPath).map((values) => values.length)); + const rows = []; + for (let index = 0; index < maxRowCount; index += 1) { + const row = createEmptyFeatureRow(); + Object.entries(entriesByPath).forEach(([cardPath, values]) => { + row.cellsByPath[cardPath] = values[index] || ''; + }); + rows.push(row); + } + + return rows; +}; + +const parseCompareChart = (compareChartHtml = '') => { + if (!compareChartHtml) return []; + + const doc = new DOMParser().parseFromString(compareChartHtml, 'text/html'); + const rows = [...doc.querySelectorAll('.compare-chart-row[data-row-id]')].map((rowElement) => { + const row = createEmptyFeatureRow(rowElement.getAttribute('data-row-id') || createFeatureRowId()); + row.label = getElementInnerHtml(rowElement.querySelector('.compare-chart-label')); + rowElement.querySelectorAll('.compare-chart-cell[data-card-path]').forEach((cellElement) => { + const cardPath = cellElement.getAttribute('data-card-path'); + if (!cardPath) return; + row.cellsByPath[cardPath] = getElementInnerHtml(cellElement); + }); + return row; + }); + + if (rows.length) return rows; + return parseLegacyCompareChart(compareChartHtml); +}; + +const serializeCompareChart = (rows, cardPaths) => { + if (!rows.length) return ''; + + const wrapper = document.createElement('div'); + wrapper.className = 'compare-chart'; + wrapper.setAttribute('data-editor', 'mini-compare-chart'); + + rows.forEach((row) => { + const rowElement = document.createElement('div'); + rowElement.className = 'compare-chart-row'; + rowElement.setAttribute('data-row-id', row.id || createFeatureRowId()); + + const label = document.createElement('div'); + label.className = 'compare-chart-label'; + label.innerHTML = row.label || ''; + rowElement.append(label); + + cardPaths.forEach((cardPath) => { + const cell = document.createElement('div'); + cell.className = 'compare-chart-cell'; + cell.setAttribute('data-card-path', cardPath); + cell.innerHTML = row.cellsByPath?.[cardPath] || ''; + rowElement.append(cell); + }); + + wrapper.append(rowElement); + }); + + return wrapper.outerHTML; +}; + +const normalizeFragmentName = (value = '') => + value + .toLowerCase() + .replace(/\s+/g, '-') + .replace(/[^a-z0-9-]/g, '') + .replace(/-+/g, '-') + .replace(/^-|-$/g, ''); + +const createNameSlug = (length = 4) => { + const alphabet = 'abcdefghijklmnopqrstuvwxyz0123456789'; + return Array.from({ length }, () => alphabet[Math.floor(Math.random() * alphabet.length)]).join(''); +}; + +const createField = (name, values, type = 'text', multiple = false, mimeType = null) => { + const field = { + name, + type, + multiple, + values, + }; + if (mimeType) field.mimeType = mimeType; + return field; +}; + +const getPreviewRenderer = (fragmentStore) => + fragmentStore?.compareChartDraftContext?.previewRenderer || CONSONANT_PREVIEW_RENDERER; + +const getCompareChartCardItems = (fragmentStore) => { + const fragment = fragmentStore?.get(); + const referencesByPath = new Map((fragment?.references || []).map((reference) => [reference.path, reference])); + const draftContext = fragmentStore?.compareChartDraftContext; + + return getFieldValues(fragment, 'cards').map((path) => ({ + path, + fragmentStore: draftContext?.cardStoresByPath.get(path) || null, + reference: referencesByPath.get(path) || null, + })); +}; + +const buildFallbackHeadingCell = (cardItem) => { + const cell = document.createElement('div'); + const title = document.createElement('p'); + title.textContent = getCardLabel(cardItem); + cell.append(title); + return cell; +}; + +const buildPlaceholderCell = (value = '', attributes = {}) => { + const cell = document.createElement('div'); + Object.entries(attributes).forEach(([name, attributeValue]) => { + cell.setAttribute(name, attributeValue); + }); + if (!value) return cell; + const text = document.createElement('div'); + text.textContent = value; + cell.append(text); + return cell; +}; + +const buildFeatureCell = (value) => { + const cell = document.createElement('div'); + if (!value) return cell; + + cell.innerHTML = value; + return cell; +}; + +const getCardPreviewFragment = (cardItem) => + cardItem.fragmentStore?.previewStore?.get() || cardItem.fragmentStore?.get() || cardItem.reference; + +const cardHasBadge = (cardItem) => { + const fragment = getCardPreviewFragment(cardItem); + const badgeValue = getFieldValue(fragment, 'badge'); + if (typeof badgeValue === 'string') return badgeValue.trim().length > 0; + if (badgeValue == null) return false; + return String(badgeValue).trim().length > 0; +}; + +const getCompareTableVariantNames = (cardItems) => { + const variants = ['header-left', 'sticky', 'pricing-bottom']; + if (cardItems.some((cardItem) => cardHasBadge(cardItem))) { + variants.splice(1, 0, 'highlight'); + } + return variants; +}; + +const buildTableMarkup = (fragmentStore) => { + const table = document.createElement('div'); + table.className = 'table compare-chart-features has-addon'; + const fragment = fragmentStore?.get(); + const compareRows = parseCompareChart(getFieldValue(fragment, COMPARE_CHART_FIELD)); + const cardItems = getCompareChartCardItems(fragmentStore); + const hasBadgeRow = cardItems.some((cardItem) => cardHasBadge(cardItem)); + + if (hasBadgeRow) { + const highlightRow = document.createElement('div'); + highlightRow.append(buildPlaceholderCell('', { 'data-valign': 'middle' })); + cardItems.forEach(() => { + highlightRow.append(buildPlaceholderCell('', { 'data-valign': 'middle' })); + }); + table.append(highlightRow); + } + + const headingRow = document.createElement('div'); + headingRow.append(buildPlaceholderCell()); + cardItems.forEach((cardItem) => { + headingRow.append(buildFallbackHeadingCell(cardItem)); + }); + table.append(headingRow); + + const dividerRow = document.createElement('div'); + dividerRow.append(buildPlaceholderCell()); + cardItems.forEach(() => { + const cell = document.createElement('div'); + cell.append(document.createElement('hr')); + dividerRow.append(cell); + }); + table.append(dividerRow); + + for (const rowData of compareRows) { + const row = document.createElement('div'); + row.append(buildFeatureCell(rowData.label)); + cardItems.forEach(({ path }) => { + row.append(buildFeatureCell(rowData.cellsByPath?.[path] || '')); + }); + table.append(row); + } + + return table.outerHTML; +}; + +const buildTablePreviewReference = (cardItem) => { + const fragment = structuredClone(cardItem.fragmentStore?.get() || cardItem.reference); + return { + type: 'content-fragment', + path: fragment.path || cardItem.path, + value: { + id: fragment.id, + path: fragment.path || cardItem.path, + title: fragment.title || fragment.name || getCardLabel(cardItem), + fields: fragment.fields, + }, + }; +}; + +/** + * Builds a transient table fragment for compare-chart preview rendering. + * The output is intended for `mas-table` preview only and is not persisted. + * @param {import('../reactivity/source-fragment-store.js').SourceFragmentStore} fragmentStore + * @returns {object} + */ +export const buildCompareChartPreviewFragment = (fragmentStore) => { + const fragment = fragmentStore?.get(); + const cardItems = getCompareChartCardItems(fragmentStore); + const cardsParentPath = fragment?.path?.split('/').slice(0, -1).join('/') || ''; + + return { + id: `compare-table-preview-${fragment?.id || 'collection'}`, + path: `${cardsParentPath}/compare-table-preview`, + title: fragment?.title || 'Compare Chart Preview', + model: { id: 'table' }, + fields: [ + createField('blockName', ['Table']), + createField('selectedVariantNames', getCompareTableVariantNames(cardItems), 'text', true), + createField( + 'cards', + cardItems.map( + ({ fragmentStore: cardStore, reference, path }) => + cardStore?.get()?.id || reference?.id || path.split('/').pop(), + ), + 'content-fragment', + true, + ), + createField('compareChart', [buildTableMarkup(fragmentStore)], 'long-text', false, 'text/html'), + ], + references: cardItems + .filter(({ fragmentStore: cardStore, reference }) => cardStore || reference) + .map((cardItem) => buildTablePreviewReference(cardItem)), + }; +}; + +export const buildCompareChartConsonantPreviewFragment = (fragmentStore) => { + const fragment = fragmentStore?.get(); + const cardItems = getCompareChartCardItems(fragmentStore); + const cardsParentPath = fragment?.path?.split('/').slice(0, -1).join('/') || ''; + + return { + id: `compare-comparison-preview-${fragment?.id || 'collection'}`, + path: `${cardsParentPath}/compare-comparison-preview`, + title: fragment?.title || 'Compare Chart Preview', + model: { id: 'comparison-table' }, + dictionary: structuredClone(fragment?.dictionary || {}), + fields: [ + createField( + 'cards', + cardItems.map( + ({ fragmentStore: cardStore, reference, path }) => cardStore?.get()?.path || reference?.path || path, + ), + 'content-fragment', + true, + ), + createField('compareChart', [getFieldValue(fragment, COMPARE_CHART_FIELD)], 'long-text', false, 'text/html'), + ], + references: cardItems + .filter(({ fragmentStore: cardStore, reference }) => cardStore || reference) + .map((cardItem) => buildTablePreviewReference(cardItem)), + }; +}; + +class CompareChartEditor extends LitElement { + static properties = { + fragmentStore: { type: Object, attribute: false }, + previewOnly: { type: Boolean, attribute: 'preview-only', reflect: true }, + previewRenderer: { type: String, state: true }, + selectedCardPath: { type: String, state: true }, + draggedCardPath: { type: String, state: true }, + dropIndicatorIndex: { type: Number, state: true }, + activeEditorKey: { type: String, state: true }, + showRemoveCardDialog: { type: Boolean, state: true }, + }; + + static styles = css` + :host { + display: block; + } + + .editor-stack { + display: grid; + gap: 24px; + } + + .compare-authoring-container { + display: grid; + gap: 20px; + padding: 20px; + border: 1px solid var(--spectrum-gray-300); + border-radius: 20px; + background: var(--spectrum-gray-75); + } + + .panel-card { + padding: 24px; + border: 1px solid var(--spectrum-gray-300); + border-radius: 16px; + background: var(--spectrum-gray-50); + box-shadow: + 0 0 1px 0 rgba(0, 0, 0, 0.08), + 0 4px 16px 0 rgba(0, 0, 0, 0.05); + } + + .section-title { + margin: 0 0 8px; + font-size: 20px; + font-weight: 700; + color: var(--spectrum-gray-900); + letter-spacing: -0.01em; + } + + .section-description { + margin: 0 0 20px; + font-size: 13px; + line-height: 1.5; + color: var(--spectrum-gray-700); + } + + .panel-title { + margin: 0 0 6px; + font-size: 14px; + font-weight: 700; + color: var(--spectrum-gray-900); + } + + .panel-copy { + margin: 0 0 16px; + font-size: 12px; + line-height: 1.5; + color: var(--spectrum-gray-700); + } + + .field-grid { + display: grid; + gap: 16px; + } + + .two-column-grid { + display: grid; + grid-template-columns: repeat(2, minmax(0, 1fr)); + gap: 16px; + } + + @media (max-width: 900px) { + .two-column-grid { + grid-template-columns: 1fr; + } + } + + sp-field-group sp-picker, + sp-field-group sp-textfield { + width: 100%; + } + + .cards-toolbar { + display: flex; + justify-content: space-between; + align-items: center; + gap: 12px; + margin-bottom: 14px; + flex-wrap: wrap; + } + + .cards-count { + font-size: 12px; + font-weight: 700; + color: var(--spectrum-gray-700); + text-transform: uppercase; + letter-spacing: 0.04em; + } + + .cards-strip { + display: grid; + gap: 10px; + margin-bottom: 16px; + } + + .card-row { + display: grid; + grid-template-columns: minmax(0, 1fr) auto; + gap: 12px; + align-items: center; + position: relative; + } + + .card-row.is-dragging { + opacity: 0.55; + } + + .drop-indicator { + position: relative; + height: 0; + margin: -2px 0 2px; + opacity: 0; + transition: opacity 120ms ease; + pointer-events: none; + } + + .drop-indicator.is-visible { + opacity: 1; + } + + .drop-indicator::before { + content: ''; + position: absolute; + inset-inline: 0; + top: -1px; + height: 2px; + border-radius: 999px; + background: var(--spectrum-blue-600); + box-shadow: 0 0 0 1px color-mix(in srgb, var(--spectrum-blue-600) 16%, transparent); + } + + .drop-indicator::after { + content: ''; + position: absolute; + top: -5px; + left: 0; + width: 10px; + height: 10px; + border-radius: 999px; + background: var(--spectrum-blue-600); + } + + .card-chip { + width: 100%; + display: flex; + justify-content: space-between; + align-items: center; + gap: 12px; + border: 1px solid var(--spectrum-gray-300); + background: var(--spectrum-white); + border-radius: 12px; + padding: 12px 14px; + cursor: pointer; + text-align: left; + } + + .card-chip:hover { + border-color: var(--spectrum-blue-500); + } + + .card-chip.is-selected { + border-color: var(--spectrum-blue-500); + background: var(--spectrum-blue-75); + } + + .card-chip-title { + font-size: 14px; + font-weight: 700; + color: var(--spectrum-gray-900); + } + + .drag-handle { + display: inline-flex; + align-items: center; + justify-content: center; + width: 32px; + height: 44px; + border-radius: 10px; + border: 1px solid var(--spectrum-gray-300); + background: var(--spectrum-gray-75); + cursor: grab; + flex-shrink: 0; + color: var(--spectrum-gray-700); + } + + .drag-handle:hover { + border-color: var(--spectrum-blue-500); + color: var(--spectrum-blue-700); + } + + .drag-handle:active { + cursor: grabbing; + } + + .drag-handle svg { + display: block; + } + + .cards-actions { + display: flex; + align-items: center; + } + + .cards-actions sp-action-group { + flex-wrap: wrap; + } + + .features-toolbar { + display: flex; + justify-content: space-between; + align-items: center; + gap: 12px; + flex-wrap: wrap; + margin-bottom: 16px; + } + + .features-toolbar sp-action-group { + flex-wrap: wrap; + } + + .features-table { + width: 100%; + border-collapse: separate; + border-spacing: 0; + table-layout: fixed; + border: 1px solid var(--spectrum-gray-300); + border-radius: 14px; + overflow: hidden; + background: var(--spectrum-white); + } + + .features-table thead th { + text-align: left; + padding: 12px 14px; + font-size: 12px; + font-weight: 700; + color: var(--spectrum-gray-700); + background: var(--spectrum-gray-75); + border-bottom: 1px solid var(--spectrum-gray-300); + } + + .features-table thead .feature-label-column, + .feature-label-cell { + background: var(--spectrum-background-layer-1-color); + } + + .features-table thead th + th, + .features-table tbody td + td { + border-inline-start: 1px solid var(--spectrum-gray-300); + } + + .features-table tbody td { + vertical-align: top; + border-bottom: 1px solid var(--spectrum-gray-300); + background: var(--spectrum-white); + } + + .features-table tbody tr:last-child td { + border-bottom: none; + } + + .features-table .feature-label-column { + width: 220px; + } + + .features-table .feature-card-column { + width: calc((100% - 220px) / max(1, var(--compare-card-count, 1))); + } + + .feature-label-cell, + .feature-value-cell { + padding: 12px; + color: var(--spectrum-gray-900); + } + + .feature-label-cell { + position: relative; + min-height: 92px; + background: var(--spectrum-background-layer-1-color); + } + + .feature-value-cell { + min-height: 48px; + background: var(--spectrum-white); + } + + .feature-label-cell.is-editable, + .feature-value-cell.is-editable { + cursor: text; + } + + .feature-value-cell.is-editable:hover { + background: var(--spectrum-gray-50); + } + + .feature-label-cell.is-active, + .feature-value-cell.is-active { + background: var(--spectrum-blue-75); + box-shadow: inset 0 0 0 2px var(--spectrum-blue-500); + } + + .feature-label-cell.is-active { + background: var(--spectrum-background-layer-1-color); + box-shadow: none; + } + + .feature-cell-display { + min-height: 44px; + line-height: 1.5; + overflow-wrap: anywhere; + } + + .feature-cell-display :first-child { + margin-top: 0; + } + + .feature-cell-display :last-child { + margin-bottom: 0; + } + + .feature-cell-placeholder { + color: var(--spectrum-gray-500); + } + + .feature-row-actions { + position: absolute; + top: 8px; + right: 8px; + display: inline-flex; + gap: 4px; + opacity: 0; + pointer-events: none; + transition: opacity 120ms ease; + } + + .features-table tbody tr:hover .feature-row-actions, + .features-table tbody tr:focus-within .feature-row-actions { + opacity: 1; + pointer-events: auto; + } + + .feature-cell-editor rte-field { + width: 100%; + } + + .preview-renderer-group { + grid-column: 1 / -1; + } + + .preview-renderer-control { + display: inline-flex; + align-items: center; + gap: 12px; + min-height: 32px; + } + + .preview-renderer-option { + font-size: 12px; + line-height: 1.4; + color: var(--spectrum-gray-700); + } + + .preview-renderer-option.is-active { + color: var(--spectrum-gray-900); + font-weight: 700; + } + + .preview-shell { + padding: 16px; + border-radius: 18px; + background: radial-gradient(circle at top left, rgba(20, 115, 230, 0.08), transparent 30%), + linear-gradient(180deg, #ffffff 0%, #f3f3f3 100%); + border: 1px solid rgba(0, 0, 0, 0.08); + overflow: auto; + } + + .preview-table { + display: block; + width: min(100%, 1200px); + margin: 0 auto; + } + + .preview-table ::part(base) { + width: 100%; + } + + .empty-state { + padding: 32px 20px; + text-align: center; + border: 1px dashed var(--spectrum-gray-300); + border-radius: 14px; + color: var(--spectrum-gray-700); + background: var(--spectrum-gray-75); + } + + .empty-state strong { + display: block; + margin-bottom: 6px; + color: var(--spectrum-gray-900); + } + + sp-underlay:not([open]) + sp-dialog { + display: none; + } + + sp-underlay + sp-dialog { + position: fixed; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + z-index: 2000; + background: var(--spectrum-white); + border-radius: 16px; + width: min(520px, calc(100vw - 32px)); + } + `; + + reactiveController = new ReactiveController(this, []); + #fragmentReferencesMap = new Map(); + #cachedCompareChartHtml = null; + #cachedCompareRows = []; + #lastCardPathsSignature = ''; + #previewRefreshFrame = 0; + #lastPreviewSignature = ''; + #activeEditorInitialValue = ''; + + constructor() { + super(); + this.fragmentStore = null; + this.previewOnly = false; + this.selectedCardPath = ''; + this.draggedCardPath = ''; + this.dropIndicatorIndex = -1; + this.activeEditorKey = ''; + this.showRemoveCardDialog = false; + this.previewRenderer = CONSONANT_PREVIEW_RENDERER; + } + + connectedCallback() { + super.connectedCallback(); + document.addEventListener(CARD_SELECT_EVENT, this.#handleExternalCardSelect); + document.addEventListener('pointerdown', this.#handleDocumentPointerDown, true); + if (this.fragmentStore) { + void this.initFragmentReferencesMap(); + } + } + + disconnectedCallback() { + cancelAnimationFrame(this.#previewRefreshFrame); + document.removeEventListener(CARD_SELECT_EVENT, this.#handleExternalCardSelect); + document.removeEventListener('pointerdown', this.#handleDocumentPointerDown, true); + super.disconnectedCallback(); + } + + update(changedProperties) { + if (changedProperties.has('fragmentStore') && this.fragmentStore) { + this.previewRenderer = getPreviewRenderer(this.fragmentStore); + void this.initFragmentReferencesMap(); + } + + super.update(changedProperties); + } + + async initFragmentReferencesMap() { + if (!this.fragmentStore) return; + + this.#fragmentReferencesMap.clear(); + const previewStores = [this.fragmentStore]; + const cardPaths = getFieldValues(this.fragment, 'cards'); + const referencesByPath = new Map((this.fragment?.references || []).map((reference) => [reference.path, reference])); + const draftContext = this.#getDraftContext(); + + for (const cardPath of cardPaths) { + const fragmentData = await this.#resolveCardFragmentData(cardPath, referencesByPath.get(cardPath)); + const draftStore = this.#ensureDraftStore(cardPath, fragmentData); + if (!draftStore) continue; + + this.#fragmentReferencesMap.set(cardPath, draftStore); + previewStores.push(draftStore); + previewStores.push(draftStore.previewStore); + } + + for (const stalePath of [...draftContext.cardStoresByPath.keys()]) { + if (cardPaths.includes(stalePath)) continue; + this.#removeDraftStore(stalePath); + } + + this.reactiveController.updateStores(previewStores); + this.requestUpdate(); + } + + willUpdate() { + const cardPaths = this.cardItems.map(({ path }) => path); + if (this.selectedCardPath && !cardPaths.includes(this.selectedCardPath)) { + this.selectedCardPath = ''; + } + } + + updated() { + const cardPathsSignature = this.cardItems.map(({ path }) => path).join('|'); + if (cardPathsSignature !== this.#lastCardPathsSignature) { + this.#lastCardPathsSignature = cardPathsSignature; + void this.initFragmentReferencesMap(); + if (!this.previewOnly) { + this.#normalizeCompareChart(); + } + this.#refreshPreviewFragments(); + } + + if (this.previewOnly && this.canRenderPreview) { + this.#refreshPreviewFragments(); + } + } + + get fragment() { + return this.fragmentStore?.get(); + } + + get cardItems() { + const cardsField = getField(this.fragment, 'cards'); + if (!cardsField?.values?.length) return []; + + return cardsField.values.map((path) => ({ + path, + fragmentStore: this.#fragmentReferencesMap.get(path) || null, + })); + } + + get compareChartHtml() { + return getFieldValue(this.fragment, COMPARE_CHART_FIELD); + } + + get compareRows() { + if (this.compareChartHtml === this.#cachedCompareChartHtml) { + return this.#cachedCompareRows; + } + + this.#cachedCompareChartHtml = this.compareChartHtml; + this.#cachedCompareRows = parseCompareChart(this.compareChartHtml); + return this.#cachedCompareRows; + } + + get selectedCard() { + return this.cardItems.find(({ path }) => path === this.selectedCardPath) || null; + } + + get selectedCardStore() { + return this.selectedCard?.fragmentStore || null; + } + + get canRenderPreview() { + const commerceService = document.querySelector('mas-commerce-service'); + const previewTag = this.previewRenderer === CONSONANT_PREVIEW_RENDERER ? 'mas-comparison-table' : 'mas-table'; + return Boolean( + customElements.get(previewTag) && + customElements.get('aem-fragment') && + commerceService?.providers && + commerceService?.settings, + ); + } + + get repository() { + return this.closest('mas-fragment-editor')?.repository || document.querySelector('mas-repository'); + } + + get cardsParentPath() { + return this.fragment?.path?.split('/').slice(0, -1).join('/') || ''; + } + + get emptyEditorTemplate() { + return html` +
+
+ No cards to compare + Add a card to start building the compare chart. +
+
+ `; + } + + get generalInfoTemplate() { + return html` +
+

General info

+
+ + Fragment title + + + + Fragment description + + + + Preview renderer +
+ + Legacy + + + Consonant + +
+
+
+
+ `; + } + + get cardsManagerTemplate() { + return html` +
+

Cards

+
+
${this.cardItems.length} card${this.cardItems.length === 1 ? '' : 's'}
+
+ + + + + + + + + + + +
+
+ ${this.cardItems.length + ? html` +
+ ${this.cardItems.map( + (cardItem, index) => html` +
+
this.#handleCardDragOver(index, event)} + @drop=${(event) => this.#handleCardDrop(index, event)} + > + + +
+ `, + )} +
this.#handleCardDragOver(this.cardItems.length, event)} + @drop=${(event) => this.#handleCardDrop(this.cardItems.length, event)} + >
+
+ ` + : nothing} +
+ `; + } + + get compareFeaturesTemplate() { + return html` +
+

Features

+
+
${this.compareRows.length} row${this.compareRows.length === 1 ? '' : 's'}
+ + + + + +
+ ${this.featuresTableTemplate} +
+ `; + } + + get removeCardDialogTemplate() { + if (!this.showRemoveCardDialog || !this.selectedCardPath) return nothing; + + const selectedCardLabel = getCardLabel(this.selectedCard || { path: this.selectedCardPath }); + return html` + + +

Remove card

+

Remove ${selectedCardLabel} from this compare chart? Its feature column will be deleted.

+ + Cancel + + Remove +
+ `; + } + + get featuresTableTemplate() { + return html` + + + + + ${this.cardItems.map( + (cardItem) => html``, + )} + + + + ${this.compareRows.length + ? this.compareRows.map((row) => this.#renderFeatureRow(row)) + : html` + + + ${this.cardItems.map( + () => html` + + `, + )} + + `} + +
Feature${getCardLabel(cardItem)}
+
No feature rows yet.
+
+
+ Add a row to start editing. +
+
+ `; + } + + get selectedCardEditorTemplate() { + if (!this.cardItems.length || !this.selectedCardStore) { + return html` +
+

Card editor

+

Select a card to edit its content.

+
+ `; + } + + return html` + + `; + } + + get editorTemplate() { + const compareAuthoringTemplate = html` +
+ ${this.cardsManagerTemplate} ${this.cardItems.length ? this.compareFeaturesTemplate : this.emptyEditorTemplate} +
+ `; + + if (!this.cardItems.length) { + return html`
${this.generalInfoTemplate} ${compareAuthoringTemplate}
`; + } + + return html` +
+ ${this.generalInfoTemplate} ${compareAuthoringTemplate} ${this.selectedCardEditorTemplate} + ${this.removeCardDialogTemplate} +
+ `; + } + + get previewTemplate() { + if (!this.cardItems.length) { + return this.emptyEditorTemplate; + } + + if (!this.canRenderPreview) { + return html` +
+

Live Preview

+

+ Preview is available once mas-commerce-service, the selected preview renderer, and + aem-fragment are loaded in the current view. +

+
+ `; + } + + const { previewFragment, changed } = this.#createPreviewSnapshot(); + if (changed) { + void prepopulateFragmentCache(previewFragment.id, previewFragment); + } + + return html` +
+

Live Preview

+

Preview updates automatically as you edit the compare chart.

+
+ + ${this.previewRenderer === CONSONANT_PREVIEW_RENDERER + ? html` + + + + ` + : html` + + + + `} + +
+
+ `; + } + + getPendingSaveStores() { + const changedCardStores = this.cardItems + .map(({ fragmentStore }) => fragmentStore) + .filter((store) => store?.get()?.hasChanges && !store.new); + const stores = [...changedCardStores, ...(this.fragmentStore?.get()?.hasChanges ? [this.fragmentStore] : [])]; + + return [...new Map(stores.map((store) => [store.get().id, store])).values()]; + } + + async savePendingChanges(repository = this.repository) { + this.#closeActiveEditor(); + const createdCardStores = await this.#persistNewCards(repository); + + for (const store of createdCardStores) { + const saved = await repository.saveFragment(store, false); + if (!saved) { + throw new Error(`Failed to save ${store.get()?.title || store.get()?.name || 'fragment'}`); + } + } + + const pendingStores = this.getPendingSaveStores().filter((store) => !createdCardStores.includes(store)); + + for (const store of pendingStores) { + const saved = await repository.saveFragment(store, false); + if (!saved) { + throw new Error(`Failed to save ${store.get()?.title || store.get()?.name || 'fragment'}`); + } + } + } + + discardPendingChanges() { + this.#closeActiveEditor(); + const draftContext = this.#getDraftContext(); + for (const [path, draftStore] of draftContext.cardStoresByPath.entries()) { + if (draftStore.new) { + this.#removeDraftStore(path); + this.#removeFragmentReference(path); + continue; + } + if (!draftStore.get()?.hasChanges) continue; + draftStore.discardChanges(); + } + this.selectedCardPath = this.cardItems[0]?.path || ''; + } + + #getDraftContext() { + if (!this.fragmentStore) { + return { + cardStoresByPath: new Map(), + subscriptions: new Map(), + previewRenderer: CONSONANT_PREVIEW_RENDERER, + }; + } + + this.fragmentStore.compareChartDraftContext ??= { + cardStoresByPath: new Map(), + subscriptions: new Map(), + previewRenderer: CONSONANT_PREVIEW_RENDERER, + }; + + return this.fragmentStore.compareChartDraftContext; + } + + #markHostFragmentDirty() { + const fragment = this.fragmentStore?.get(); + if (!fragment) return; + fragment.hasChanges = true; + this.fragmentStore.notify(); + } + + async #resolveCardFragmentData(path, fallbackFragment = null) { + if (fallbackFragment) return structuredClone(fallbackFragment); + + const matchingStore = Store.fragments.list.data.get().find((store) => store.get().path === path); + if (matchingStore) { + return structuredClone(matchingStore.get()); + } + + const matchingReference = this.fragment?.references?.find((reference) => reference.path === path); + if (matchingReference) { + return structuredClone(matchingReference); + } + + const cardId = path?.split('/').pop(); + if (!cardId) return null; + + const cachedFragment = await getFromFragmentCache(cardId); + return cachedFragment ? structuredClone(cachedFragment) : null; + } + + #ensureDraftStore(path, fragmentData) { + const draftContext = this.#getDraftContext(); + const existingStore = draftContext.cardStoresByPath.get(path); + if (existingStore) { + return existingStore; + } + + if (!fragmentData) return null; + + const draftStore = generateFragmentStore(fragmentData); + draftContext.cardStoresByPath.set(path, draftStore); + draftContext.subscriptions.set(path, { + source: draftStore.subscribe(() => { + if (draftStore.get()?.hasChanges) { + this.#markHostFragmentDirty(); + } + this.#syncDraftReference(path, draftStore); + this.#refreshPreviewFragments(); + }), + preview: draftStore.previewStore.subscribe(() => { + this.#syncDraftReference(path, draftStore); + this.#refreshPreviewFragments(); + }), + }); + this.#syncDraftReference(path, draftStore); + return draftStore; + } + + #removeDraftStore(path) { + const draftContext = this.#getDraftContext(); + const subscriptions = draftContext.subscriptions.get(path); + subscriptions?.source?.unsubscribe?.(); + subscriptions?.preview?.unsubscribe?.(); + draftContext.subscriptions.delete(path); + draftContext.cardStoresByPath.delete(path); + this.#fragmentReferencesMap.delete(path); + } + + #syncDraftReference(path, draftStore = this.#fragmentReferencesMap.get(path)) { + if (!path || !draftStore) return; + + const updateReferences = (hostFragment, nextReference) => { + if (!hostFragment || !nextReference) return; + + hostFragment.references ??= []; + const nextReferences = [...hostFragment.references]; + const existingIndex = nextReferences.findIndex((reference) => reference.path === path); + const normalizedReference = { + ...nextReference, + path: nextReference.path || path, + }; + + if (existingIndex === -1) { + nextReferences.push(normalizedReference); + } else { + nextReferences[existingIndex] = normalizedReference; + } + + hostFragment.references = nextReferences; + }; + + updateReferences(this.fragmentStore?.get(), structuredClone(draftStore.get())); + updateReferences( + this.fragmentStore?.previewStore?.get(), + structuredClone(draftStore.previewStore?.get() || draftStore.get()), + ); + } + + #ensureFragmentReference(fragmentData) { + if (!fragmentData?.path) return; + for (const store of [this.fragmentStore?.get(), this.fragmentStore?.previewStore?.get()]) { + if (!store) continue; + store.references ??= []; + if (store.references.find((reference) => reference.path === fragmentData.path)) continue; + store.references = [...store.references, structuredClone(fragmentData)]; + } + } + + #removeFragmentReference(path) { + if (!path) return; + for (const store of [this.fragmentStore?.get(), this.fragmentStore?.previewStore?.get()]) { + if (!store?.references?.length) continue; + store.references = store.references.filter((reference) => reference.path !== path); + } + } + + #replaceDraftPath(previousPath, nextFragment, draftStore) { + const draftContext = this.#getDraftContext(); + const subscriptions = draftContext.subscriptions.get(previousPath); + const nextPath = nextFragment.path; + + draftContext.cardStoresByPath.delete(previousPath); + draftContext.cardStoresByPath.set(nextPath, draftStore); + draftContext.subscriptions.delete(previousPath); + if (subscriptions) { + draftContext.subscriptions.set(nextPath, subscriptions); + } + + this.#fragmentReferencesMap.delete(previousPath); + this.#fragmentReferencesMap.set(nextPath, draftStore); + this.#removeFragmentReference(previousPath); + this.#ensureFragmentReference(nextFragment); + + const nextCardPaths = this.cardItems.map(({ path }) => (path === previousPath ? nextPath : path)); + const nextRows = cloneFeatureRows(this.compareRows).map((row) => { + if (!Object.hasOwn(row.cellsByPath, previousPath)) return row; + row.cellsByPath[nextPath] = row.cellsByPath[previousPath] || ''; + delete row.cellsByPath[previousPath]; + return row; + }); + + this.fragmentStore.updateField('cards', nextCardPaths); + this.#writeCompareChart(nextRows, nextCardPaths); + if (this.activeEditorKey?.startsWith(`cell:`) && this.activeEditorKey.endsWith(`:${previousPath}`)) { + const rowId = this.activeEditorKey.split(':')[1]; + this.activeEditorKey = this.#getCellEditorKey(rowId, nextPath); + } + if (this.selectedCardPath === previousPath) { + this.selectedCardPath = nextPath; + } + } + + #broadcastCardSelection(cardPath) { + const nextCardPath = this.selectedCardPath === cardPath ? '' : cardPath; + if (!nextCardPath) { + this.selectedCardPath = ''; + return; + } + + document.dispatchEvent( + new CustomEvent(CARD_SELECT_EVENT, { + detail: { + collectionId: this.fragment?.id, + cardPath: nextCardPath, + }, + }), + ); + } + + #handleExternalCardSelect = ({ detail }) => { + if (detail?.collectionId !== this.fragment?.id || !detail?.cardPath) return; + this.selectedCardPath = detail.cardPath; + void this.#scrollGeneralInfoIntoView(); + }; + + async #scrollGeneralInfoIntoView() { + await this.updateComplete; + this.renderRoot?.querySelector('[data-general-info-panel]')?.scrollIntoView({ block: 'start', inline: 'nearest' }); + } + + #createNewCard = () => { + const currentPaths = this.cardItems.map(({ path }) => path); + const nextCardPaths = [...currentPaths]; + const draftFragment = this.#createDraftCardFragment(currentPaths.length + 1); + const draftStore = this.#ensureDraftStore(draftFragment.path, draftFragment); + draftStore.new = true; + draftStore.tempPath = draftFragment.path; + + this.#ensureFragmentReference(draftFragment); + nextCardPaths.push(draftFragment.path); + this.fragmentStore.updateField('cards', nextCardPaths); + this.#writeCompareChart(this.compareRows, nextCardPaths); + this.selectedCardPath = draftFragment.path; + this.requestUpdate(); + }; + + async #pasteCardFromClipboard() { + try { + const clipboardText = await navigator.clipboard?.readText?.(); + const fragmentId = this.#extractFragmentIdFromClipboard(clipboardText); + if (!fragmentId) { + showToast('Clipboard does not contain a card link or fragment id.', 'negative'); + return; + } + + const fragmentData = await this.#resolveCardFragmentById(fragmentId); + if (!fragmentData?.path) { + showToast('Unable to resolve card from clipboard.', 'negative'); + return; + } + + this.#addResolvedCard(fragmentData); + } catch (error) { + console.error('Failed to paste card from clipboard:', error); + showToast('Unable to paste card from clipboard.', 'negative'); + } + } + + #extractFragmentIdFromClipboard(clipboardText = '') { + const trimmed = clipboardText.trim(); + if (!trimmed) return ''; + + if (UUID_PATTERN.test(trimmed) && trimmed === trimmed.match(UUID_PATTERN)?.[0]) { + return trimmed; + } + + try { + const url = new URL(trimmed); + const hash = url.hash.startsWith('#') ? url.hash.slice(1) : url.hash; + const hashParams = new URLSearchParams(hash); + const directId = hashParams.get('query') || hashParams.get('fragmentId') || url.searchParams.get('query'); + if (directId) return directId; + } catch { + // ignore URL parsing failures and fall back to UUID extraction + } + + return trimmed.match(UUID_PATTERN)?.[0] || ''; + } + + async #resolveCardFragmentById(fragmentId) { + if (!fragmentId) return null; + + const knownCard = + this.cardItems.find(({ fragmentStore }) => fragmentStore?.get()?.id === fragmentId)?.fragmentStore?.get() || + this.fragment?.references?.find((reference) => reference.id === fragmentId) || + Store.fragments.list.data + .get() + .find((store) => store.get()?.id === fragmentId) + ?.get() || + (await getFromFragmentCache(fragmentId)); + + if (knownCard) { + return structuredClone(knownCard); + } + + const fragmentData = await this.repository?.aem?.sites?.cf?.fragments?.getById?.(fragmentId); + return fragmentData ? structuredClone(fragmentData) : null; + } + + #addResolvedCard(fragmentData) { + const cardPath = fragmentData?.path; + if (!cardPath) return; + + if (this.cardItems.some(({ path }) => path === cardPath)) { + this.selectedCardPath = cardPath; + return; + } + + this.#ensureDraftStore(cardPath, fragmentData); + this.#ensureFragmentReference(fragmentData); + + const nextCardPaths = [...this.cardItems.map(({ path }) => path), cardPath]; + this.fragmentStore.updateField('cards', nextCardPaths); + this.#writeCompareChart(this.compareRows, nextCardPaths); + this.selectedCardPath = cardPath; + } + + #moveCardToIndex(cardPath, targetIndex) { + const currentPaths = this.cardItems.map(({ path }) => path); + const currentIndex = currentPaths.indexOf(cardPath); + if (currentIndex === -1) return; + + const nextCardPaths = [...currentPaths]; + const boundedTargetIndex = Math.max(0, Math.min(targetIndex, nextCardPaths.length)); + const [movedPath] = nextCardPaths.splice(currentIndex, 1); + const insertionIndex = currentIndex < boundedTargetIndex ? boundedTargetIndex - 1 : boundedTargetIndex; + nextCardPaths.splice(insertionIndex, 0, movedPath); + + if (nextCardPaths.every((path, index) => path === currentPaths[index])) return; + + this.fragmentStore.updateField('cards', nextCardPaths); + this.#writeCompareChart(this.compareRows, nextCardPaths); + this.#refreshPreviewFragments(true); + } + + #handleCardDragStart(cardPath, event) { + this.draggedCardPath = cardPath; + this.dropIndicatorIndex = this.cardItems.findIndex(({ path }) => path === cardPath); + event.dataTransfer?.setData('text/plain', cardPath); + if (event.dataTransfer) { + event.dataTransfer.effectAllowed = 'move'; + } + } + + #handleCardDragOver(index, event) { + if (!this.draggedCardPath) return; + event.preventDefault(); + this.dropIndicatorIndex = index; + if (event.dataTransfer) { + event.dataTransfer.dropEffect = 'move'; + } + } + + #handleCardDrop(index, event) { + event.preventDefault(); + const draggedCardPath = this.draggedCardPath || event.dataTransfer?.getData('text/plain'); + if (draggedCardPath) { + this.#moveCardToIndex(draggedCardPath, index); + } + this.#clearDragState(); + } + + #handleCardDragEnd = () => { + this.#clearDragState(); + }; + + #clearDragState() { + this.draggedCardPath = ''; + this.dropIndicatorIndex = -1; + } + + #removeSelectedCard = () => { + if (!this.selectedCardPath) return; + this.showRemoveCardDialog = true; + }; + + #closeRemoveCardDialog = () => { + this.showRemoveCardDialog = false; + }; + + #confirmRemoveSelectedCard = () => { + if (!this.selectedCardPath) return; + this.showRemoveCardDialog = false; + + const nextCardPaths = this.cardItems.map(({ path }) => path).filter((path) => path !== this.selectedCardPath); + const nextRows = cloneFeatureRows(this.compareRows).map((row) => { + delete row.cellsByPath[this.selectedCardPath]; + return row; + }); + if (this.activeEditorKey?.startsWith(`cell:`) && this.activeEditorKey.endsWith(`:${this.selectedCardPath}`)) { + this.activeEditorKey = ''; + } + + this.#removeDraftStore(this.selectedCardPath); + this.#removeFragmentReference(this.selectedCardPath); + this.fragmentStore.updateField('cards', nextCardPaths); + this.#writeCompareChart(nextRows, nextCardPaths); + this.selectedCardPath = nextCardPaths[0] || ''; + }; + + #createDraftCardFragment(sequence) { + const parentPath = this.cardsParentPath; + const slug = createNameSlug(); + const name = `${normalizeFragmentName(`${NEW_CARD_TITLE}-${sequence}`) || `compare-card-${sequence}`}-${slug}`; + const path = `${parentPath}/${DRAFT_CARD_PREFIX}-${this.fragment?.id || 'collection'}-${sequence}-${slug}`; + + return { + id: `${DRAFT_CARD_PREFIX}-${this.fragment?.id || 'collection'}-${sequence}`, + path, + name, + title: `${NEW_CARD_TITLE} ${sequence}`, + description: '', + tags: [], + references: [], + model: { + id: CARD_MODEL_ID, + path: CARD_MODEL_PATH, + name: 'Card', + title: 'Card', + }, + fields: [ + createField('variant', [VARIANT_NAMES.MINI_COMPARE_CHART]), + createField('cardName', [`${NEW_CARD_TITLE} ${sequence}`]), + createField('cardTitle', [`${NEW_CARD_TITLE} ${sequence}`]), + createField('subtitle', ['']), + createField('size', ['']), + createField('backgroundImage', ['']), + createField('backgroundImageAltText', ['']), + createField('osi', ['']), + createField('prices', [''], 'long-text', false, 'text/html'), + createField('description', [''], 'long-text', false, 'text/html'), + createField('ctas', [''], 'long-text', false, 'text/html'), + createField('shortDescription', [''], 'long-text', false, 'text/html'), + createField('promoText', ['']), + createField('promoCode', ['']), + createField('perUnitLabel', ['']), + createField('addon', ['']), + createField('addonConfirmation', ['']), + createField('callout', [''], 'long-text', false, 'text/html'), + createField('backgroundColor', ['']), + createField('borderColor', ['']), + createField('whatsIncluded', ['']), + createField('footerRows', ['']), + createField('quantitySelect', ['']), + createField('showPlanType', [false], 'boolean'), + createField('showSecureLabel', [false], 'boolean'), + createField('locReady', [false], 'boolean'), + ], + }; + } + + #getDraftTags(fragment) { + return fragment.newTags || fragment.tags?.map((tag) => tag.id) || []; + } + + #buildCardCreatePayload(fragment) { + const title = fragment.title || getCardTitle(fragment) || NEW_CARD_TITLE; + + return { + modelId: CARD_MODEL_ID, + parentPath: this.cardsParentPath, + title, + description: fragment.description || '', + name: normalizeFragmentName(fragment.name) || normalizeFragmentName(title) || 'compare-card', + data: { + osi: fragment.getFieldValue('osi') || undefined, + tags: this.#getDraftTags(fragment), + }, + }; + } + + async #createFragmentFromDraft(repository, draftStore) { + const draftFragment = draftStore.get(); + const tags = this.#getDraftTags(draftFragment); + const hasOfferlessTag = tags.some((tag) => tag?.includes('offerless')); + const osi = draftFragment.getFieldValue('osi'); + + if (!osi && !hasOfferlessTag) { + throw new Error('Please select offer'); + } + + const fragmentData = this.#buildCardCreatePayload(draftFragment); + const baseName = fragmentData.name; + + for (let attempt = 0; attempt < 10; attempt += 1) { + try { + return await repository.createFragment(fragmentData, false); + } catch (error) { + if (!error.message.includes(': 409') || attempt === 9) { + throw error; + } + + fragmentData.name = `${baseName}-${attempt + 1}`; + } + } + + throw new Error('Failed to create fragment.'); + } + + async #persistNewCards(repository) { + const newCardItems = this.cardItems.filter(({ fragmentStore }) => fragmentStore?.new); + const createdStores = []; + + for (const { path, fragmentStore } of newCardItems) { + const draftSnapshot = structuredClone(fragmentStore.get()); + const createdFragment = await this.#createFragmentFromDraft(repository, fragmentStore); + if (!createdFragment?.path) { + throw new Error('Failed to create fragment.'); + } + + fragmentStore.refreshFrom(createdFragment); + this.#restoreDraftFragmentState(fragmentStore, draftSnapshot); + fragmentStore.new = false; + delete fragmentStore.tempPath; + this.#replaceDraftPath(path, createdFragment, fragmentStore); + createdStores.push(fragmentStore); + + const currentList = Store.fragments.list.data.get() ?? []; + if (!currentList.find((store) => store.get()?.path === createdFragment.path)) { + Store.fragments.list.data.set([fragmentStore, ...currentList]); + } + } + + return createdStores; + } + + #restoreDraftFragmentState(fragmentStore, draftSnapshot) { + if (!fragmentStore?.get() || !draftSnapshot) return; + + const restoredFragment = fragmentStore.get(); + const draftFields = structuredClone(draftSnapshot.fields || []); + + for (const draftField of draftFields) { + if (!this.#shouldRestoreDraftField(draftField)) continue; + + fragmentStore.updateField(draftField.name, draftField.values || []); + const restoredField = restoredFragment.getField(draftField.name); + if (!restoredField) continue; + restoredField.type = draftField.type || restoredField.type || 'text'; + restoredField.multiple = draftField.multiple ?? restoredField.multiple ?? false; + if (draftField.mimeType) { + restoredField.mimeType = draftField.mimeType; + } + } + + fragmentStore.previewStore.refreshFrom(structuredClone(restoredFragment)); + } + + #shouldRestoreDraftField(field) { + if (!field?.name) return false; + if (field.name === 'tags') return false; + + if (field.name === 'variant') return true; + if (field.type === 'boolean') { + return Boolean(field.values?.some(Boolean)); + } + + return Boolean( + field.values?.some((value) => { + if (value == null) return false; + if (typeof value === 'string') return value.trim().length > 0; + return true; + }), + ); + } + + #updateSelectedCardFragment = ({ target, detail, values }) => { + if (!this.selectedCardStore) return; + + const fieldName = target.dataset.field; + let value = values; + if (!value) { + value = target.value || detail?.value || target.checked; + value = target.multiline ? value?.split(',') : [value ?? '']; + } + + this.selectedCardStore.updateField(fieldName, value); + }; + + #handleFragmentTitleUpdate = (event) => { + this.fragmentStore?.updateFieldInternal('title', event.target.value); + }; + + #handleFragmentDescriptionUpdate = (event) => { + this.fragmentStore?.updateFieldInternal('description', event.target.value); + }; + + #handlePreviewRendererToggle = async (event) => { + const nextRenderer = event.target.checked ? CONSONANT_PREVIEW_RENDERER : LEGACY_PREVIEW_RENDERER; + if (nextRenderer === this.previewRenderer) return; + + this.previewRenderer = nextRenderer; + this.#getDraftContext().previewRenderer = nextRenderer; + this.requestUpdate(); + this.closest('mas-fragment-editor')?.requestUpdate(); + await this.#refreshPreviewFragments(true); + }; + + #getLabelEditorKey(rowId) { + return `label:${rowId}`; + } + + #getCellEditorKey(rowId, cardPath) { + return `cell:${rowId}:${cardPath}`; + } + + #findRowById(rowId) { + return this.compareRows.find((row) => row.id === rowId) || null; + } + + #getCardOsi(cardPath) { + const cardStore = this.cardItems.find(({ path }) => path === cardPath)?.fragmentStore; + return cardStore?.get()?.getFieldValue?.('osi') || ''; + } + + #buildFieldSelector(key) { + return `[data-editor-key="${window.CSS?.escape?.(key) || key}"]`; + } + + #getEditorKeys() { + return this.compareRows.flatMap((row) => [ + this.#getLabelEditorKey(row.id), + ...this.cardItems.map(({ path }) => this.#getCellEditorKey(row.id, path)), + ]); + } + + async #focusActiveEditor() { + await this.updateComplete; + const editor = this.renderRoot?.querySelector(`rte-field${this.#buildFieldSelector(this.activeEditorKey)}`); + editor?.editorView?.focus?.(); + editor?.shadowRoot?.getElementById('editor')?.focus?.(); + } + + #handleDocumentPointerDown = (event) => { + if (!this.activeEditorKey || !this.renderRoot) return; + const activeContainer = this.renderRoot.querySelector(this.#buildFieldSelector(this.activeEditorKey)); + if (activeContainer && event.composedPath().includes(activeContainer)) { + return; + } + this.#closeActiveEditor(); + }; + + #activateEditor(key) { + if (this.activeEditorKey === key) return; + this.#closeActiveEditor(); + this.#activeEditorInitialValue = this.#getEditorValue(key); + this.activeEditorKey = key; + void this.#focusActiveEditor(); + } + + #closeActiveEditor() { + if (!this.activeEditorKey) return; + this.#commitActiveEditor(); + this.activeEditorKey = ''; + this.#activeEditorInitialValue = ''; + } + + #discardActiveEditor() { + if (!this.activeEditorKey) return; + this.#applyEditorValue(this.activeEditorKey, this.#activeEditorInitialValue); + this.activeEditorKey = ''; + this.#activeEditorInitialValue = ''; + } + + #commitActiveEditor() { + if (!this.activeEditorKey || !this.renderRoot) return; + const editor = this.renderRoot.querySelector(`rte-field${this.#buildFieldSelector(this.activeEditorKey)}`); + if (!editor) return; + this.#applyEditorValue(this.activeEditorKey, editor.value || ''); + } + + #applyEditorValue(editorKey, value) { + if (!editorKey) return; + const normalizedValue = normalizeRichText(value || ''); + if (editorKey.startsWith('label:')) { + const rowId = editorKey.slice('label:'.length); + this.#updateRow(rowId, (row) => { + row.label = normalizedValue; + }); + return; + } + + if (!editorKey.startsWith('cell:')) return; + const [, rowId, ...cardPathParts] = editorKey.split(':'); + const cardPath = cardPathParts.join(':'); + this.#updateRow(rowId, (row) => { + row.cellsByPath[cardPath] = normalizedValue; + }); + } + + #getEditorValue(editorKey) { + if (!editorKey) return ''; + if (editorKey.startsWith('label:')) { + const rowId = editorKey.slice('label:'.length); + return this.#findRowById(rowId)?.label || ''; + } + + if (!editorKey.startsWith('cell:')) return ''; + const [, rowId, ...cardPathParts] = editorKey.split(':'); + const cardPath = cardPathParts.join(':'); + return this.#findRowById(rowId)?.cellsByPath?.[cardPath] || ''; + } + + #updateRow(rowId, updateFn) { + const nextRows = cloneFeatureRows(this.compareRows).map((row) => { + if (row.id !== rowId) return row; + updateFn(row); + return row; + }); + this.#writeCompareChart(nextRows); + } + + #addFeatureRow = () => { + this.#closeActiveEditor(); + const nextRows = [...cloneFeatureRows(this.compareRows), createEmptyFeatureRow()]; + this.#writeCompareChart(nextRows); + }; + + #removeFeatureRow = (rowId) => { + this.#closeActiveEditor(); + const nextRows = cloneFeatureRows(this.compareRows).filter((row) => row.id !== rowId); + this.#writeCompareChart(nextRows); + }; + + #moveFeatureRow = (rowId, direction) => { + this.#closeActiveEditor(); + const nextRows = cloneFeatureRows(this.compareRows); + const currentIndex = nextRows.findIndex((row) => row.id === rowId); + if (currentIndex === -1) return; + + const targetIndex = currentIndex + direction; + if (targetIndex < 0 || targetIndex >= nextRows.length) return; + + const [row] = nextRows.splice(currentIndex, 1); + nextRows.splice(targetIndex, 0, row); + this.#writeCompareChart(nextRows); + }; + + #normalizeCompareChart() { + const cardPaths = this.cardItems.map(({ path }) => path); + const normalizedHtml = serializeCompareChart(this.compareRows, cardPaths); + if (normalizedHtml === this.compareChartHtml) return; + + this.#writeCompareChart(this.compareRows, cardPaths); + } + + #writeCompareChart(rows, cardPaths = this.cardItems.map(({ path }) => path)) { + const compareChartHtml = serializeCompareChart(rows, cardPaths); + this.#cachedCompareChartHtml = compareChartHtml; + this.#cachedCompareRows = cloneFeatureRows(rows); + + this.fragmentStore.updateField(COMPARE_CHART_FIELD, [compareChartHtml]); + this.#ensureCompareChartFieldMetadata(); + this.#refreshPreviewFragments(); + } + + #ensureCompareChartFieldMetadata() { + for (const store of [this.fragmentStore, this.fragmentStore?.previewStore]) { + const field = store?.get()?.getField(COMPARE_CHART_FIELD); + if (!field) continue; + field.type = 'long-text'; + field.multiple = false; + field.mimeType = 'text/plain'; + } + } + + #createPreviewFragmentId() { + return `compare-table-preview-${this.fragment?.id || 'collection'}`; + } + + #renderFeatureRow(row) { + const labelEditorKey = this.#getLabelEditorKey(row.id); + const rowIndex = this.compareRows.findIndex(({ id }) => id === row.id); + const canMoveUp = rowIndex > 0; + const canMoveDown = rowIndex > -1 && rowIndex < this.compareRows.length - 1; + return html` + + this.#activateEditor(labelEditorKey)} + @keydown=${(event) => this.#handleFeatureCellActivationKeydown(event, labelEditorKey)} + > + + { + event.stopPropagation(); + this.#moveFeatureRow(row.id, -1); + }} + > + + + { + event.stopPropagation(); + this.#moveFeatureRow(row.id, 1); + }} + > + + + { + event.stopPropagation(); + this.#removeFeatureRow(row.id); + }} + > + + + + ${this.#renderEditableField({ + editorKey: labelEditorKey, + value: row.label, + placeholder: 'Click to add feature name', + })} + + ${this.cardItems.map(({ path }) => { + const editorKey = this.#getCellEditorKey(row.id, path); + return html` + this.#activateEditor(editorKey)} + @keydown=${(event) => this.#handleFeatureCellActivationKeydown(event, editorKey)} + > + ${this.#renderEditableField({ + editorKey, + value: row.cellsByPath?.[path] || '', + placeholder: 'Click to edit', + osi: this.#getCardOsi(path), + })} + + `; + })} + + `; + } + + #renderEditableField({ editorKey, value, placeholder, osi = '' }) { + const isActive = this.activeEditorKey === editorKey; + if (isActive) { + return html` +
+ +
+ `; + } + + return html` +
+ ${value ? unsafeHTML(value) : html`${placeholder}`} +
+ `; + } + + #handleFeatureCellActivationKeydown(event, editorKey) { + if (this.activeEditorKey === editorKey) return; + if (event.key !== 'Enter' && event.key !== ' ') return; + event.preventDefault(); + event.stopPropagation(); + this.#activateEditor(editorKey); + } + + #handleFeatureEditorChange = (event) => { + const editorKey = event.currentTarget.dataset.editorKey; + this.#applyEditorValue(editorKey, event.currentTarget.value || ''); + }; + + #handleFeatureEditorKeydown = (event) => { + if (event.key === 'Escape') { + event.preventDefault(); + event.stopPropagation(); + this.#discardActiveEditor(); + return; + } + + if (event.key !== 'Tab') return; + event.preventDefault(); + event.stopPropagation(); + + const currentKey = event.currentTarget.dataset.editorKey; + const editorKeys = this.#getEditorKeys(); + const currentIndex = editorKeys.indexOf(currentKey); + if (currentIndex === -1) { + this.#closeActiveEditor(); + return; + } + + this.#applyEditorValue(currentKey, event.currentTarget.value || ''); + const nextIndex = currentIndex + (event.shiftKey ? -1 : 1); + const nextKey = editorKeys[nextIndex]; + + if (!nextKey) { + this.activeEditorKey = ''; + return; + } + + this.activeEditorKey = nextKey; + void this.#focusActiveEditor(); + }; + + #buildTablePreviewReference(cardItem) { + const fragment = structuredClone(cardItem.fragmentStore.get()); + return { + type: 'content-fragment', + value: { + id: fragment.id, + title: fragment.title, + fields: fragment.fields, + }, + }; + } + + #buildTablePreviewFragment() { + return { + id: this.#createPreviewFragmentId(), + path: `${this.cardsParentPath}/compare-table-preview`, + title: this.fragment?.title || 'Compare Chart Preview', + model: { id: 'table' }, + fields: [ + createField('blockName', ['Table']), + createField('selectedVariantNames', getCompareTableVariantNames(this.cardItems), 'text', true), + createField( + 'cards', + this.cardItems.map(({ fragmentStore, path }) => fragmentStore?.get()?.id || path.split('/').pop()), + 'content-fragment', + true, + ), + createField('compareChart', [buildTableMarkup(this.fragmentStore)], 'long-text', false, 'text/html'), + ], + references: this.cardItems + .filter(({ fragmentStore }) => fragmentStore) + .map((cardItem) => this.#buildTablePreviewReference(cardItem)), + }; + } + + #createPreviewSnapshot() { + const previewFragment = + this.previewRenderer === CONSONANT_PREVIEW_RENDERER + ? buildCompareChartConsonantPreviewFragment(this.fragmentStore) + : buildCompareChartPreviewFragment(this.fragmentStore); + const signature = `${this.previewRenderer}:${JSON.stringify(previewFragment)}`; + const changed = signature !== this.#lastPreviewSignature; + if (changed) { + this.#lastPreviewSignature = signature; + } + + return { previewFragment, changed }; + } + + #refreshPreviewFragments(force = false) { + cancelAnimationFrame(this.#previewRefreshFrame); + return new Promise((resolve) => { + this.#previewRefreshFrame = requestAnimationFrame(async () => { + if (!this.fragmentStore) { + resolve(); + return; + } + + const { previewFragment, changed } = this.#createPreviewSnapshot(); + if (!changed && !force) { + resolve(); + return; + } + + if (changed || force) { + await prepopulateFragmentCache(previewFragment.id, previewFragment); + } + + document + .querySelectorAll(`acom-content-preview[data-source-fragment-id="${this.fragment?.id || ''}"]`) + .forEach((preview) => { + if (preview.getAttribute('renderer') !== this.previewRenderer) { + preview.setAttribute('renderer', this.previewRenderer); + } + if (preview.getAttribute('fragment') !== previewFragment.id) { + preview.setAttribute('fragment', previewFragment.id); + } + preview.refresh?.(); + }); + + document.querySelectorAll(`aem-fragment[fragment="${previewFragment.id}"]`).forEach((fragment) => { + fragment.refresh(false); + }); + resolve(); + }); + }); + } + + render() { + return this.previewOnly ? this.previewTemplate : this.editorTemplate; + } +} + +customElements.define('compare-chart-editor', CompareChartEditor); diff --git a/studio/src/editors/compare-chart-fields.js b/studio/src/editors/compare-chart-fields.js new file mode 100644 index 000000000..00ddc101a --- /dev/null +++ b/studio/src/editors/compare-chart-fields.js @@ -0,0 +1,19 @@ +/** Shared field grouping logic for compare-chart editor and preview. */ + +export const TITLE_FIELDS = new Set(['cardTitle', 'subtitle', 'mnemonicIcon']); +export const PRICE_FIELDS = new Set(['prices']); + +export function getFieldGroup(fieldName) { + if (TITLE_FIELDS.has(fieldName)) return 'title'; + if (PRICE_FIELDS.has(fieldName)) return 'price'; + return 'desc'; +} + +/** Sort fields into group order: title → price → desc. */ +export function sortFieldsByGroup(fields) { + return [ + ...fields.filter((f) => TITLE_FIELDS.has(f)), + ...fields.filter((f) => PRICE_FIELDS.has(f)), + ...fields.filter((f) => !TITLE_FIELDS.has(f) && !PRICE_FIELDS.has(f)), + ]; +} diff --git a/studio/src/icons.js b/studio/src/icons.js index 952f04435..bd202436d 100644 --- a/studio/src/icons.js +++ b/studio/src/icons.js @@ -95,6 +95,29 @@ export const lastNestedRowIcon = html` `; +/** + * Drag handle icon used for reordering compare chart cards. + */ +export const dragHandleIcon = html``; + /** * Cloud illustration used in settings empty-state content. */ diff --git a/studio/src/mas-create-dialog.js b/studio/src/mas-create-dialog.js index c6fb22d49..84859e7b0 100644 --- a/studio/src/mas-create-dialog.js +++ b/studio/src/mas-create-dialog.js @@ -6,6 +6,21 @@ import './rte/osi-field.js'; import './aem/aem-tag-picker-field.js'; import generateFragmentStore from './reactivity/source-fragment-store.js'; +const CREATE_FRAGMENT_CONFIG = { + 'merch-card': { + label: 'Merch Card', + modelId: TAG_MODEL_ID_MAPPING['mas:studio/content-type/merch-card'], + }, + 'compare-chart': { + label: 'Compare Chart', + modelId: TAG_MODEL_ID_MAPPING['mas:studio/content-type/merch-card-collection'], + }, + 'merch-card-collection': { + label: 'Merch Card Collection', + modelId: TAG_MODEL_ID_MAPPING['mas:studio/content-type/merch-card-collection'], + }, +}; + export class MasCreateDialog extends LitElement { static properties = { type: { type: String, reflect: true }, @@ -210,10 +225,7 @@ export class MasCreateDialog extends LitElement { this.loading = true; - const modelId = - this.type === 'merch-card' - ? TAG_MODEL_ID_MAPPING['mas:studio/content-type/merch-card'] - : TAG_MODEL_ID_MAPPING['mas:studio/content-type/merch-card-collection']; + const { modelId } = CREATE_FRAGMENT_CONFIG[this.type]; const fragmentData = { modelId, @@ -244,8 +256,7 @@ export class MasCreateDialog extends LitElement { } get dialogTitle() { - const typeLabel = this.type === 'merch-card' ? 'Merch Card' : 'Merch Card Collection'; - return `Create New ${typeLabel}`; + return `Create New ${CREATE_FRAGMENT_CONFIG[this.type].label}`; } render() { diff --git a/studio/src/mas-fragment-editor.js b/studio/src/mas-fragment-editor.js index 7bf2edbc3..4afe7a8eb 100644 --- a/studio/src/mas-fragment-editor.js +++ b/studio/src/mas-fragment-editor.js @@ -5,13 +5,17 @@ import { prepopulateFragmentCache } from './mas-repository.js'; import Store from './store.js'; import ReactiveController from './reactivity/reactive-controller.js'; import StoreController from './reactivity/store-controller.js'; -import { CARD_MODEL_PATH, COLLECTION_MODEL_PATH, ODIN_PREVIEW_ORIGIN, PAGE_NAMES, TAG_PROMOTION_PREFIX } from './constants.js'; +import { CARD_MODEL_PATH, COLLECTION_MODEL_PATH, PAGE_NAMES, TAG_PROMOTION_PREFIX } from './constants.js'; import router from './router.js'; import { VARIANTS } from './editors/variant-picker.js'; -import { extractLocaleFromPath, generateCodeToUse, getFragmentMapping, replaceLocaleInPath, showToast } from './utils.js'; +import { extractLocaleFromPath, generateCodeToUse, getFragmentMapping, showToast } from './utils.js'; import { getSpectrumVersion } from './constants/icon-library.js'; import './editors/merch-card-editor.js'; -import './editors/merch-card-collection-editor.js'; +import { + buildCompareChartConsonantPreviewFragment, + buildCompareChartPreviewFragment, +} from './editors/compare-chart-editor.js'; +import './editors/acom-content-preview.js'; import './mas-variation-dialog.js'; import { getCountryName, getLocaleByCode } from '../../io/www/src/fragment/locales.js'; import { branch2Icon } from './icons.js'; @@ -22,6 +26,8 @@ const MODEL_WEB_COMPONENT_MAPPING = { }; export default class MasFragmentEditor extends LitElement { + #lastComparePreviewSignature = ''; + static styles = css` #fragment-editor { display: flex; @@ -59,6 +65,10 @@ export default class MasFragmentEditor extends LitElement { padding-bottom: 48px; } + #editor-content.compare-chart-layout { + grid-template-columns: 1fr 1fr; + } + @media (max-width: 1200px) { #editor-content { grid-template-columns: 1fr; @@ -81,6 +91,10 @@ export default class MasFragmentEditor extends LitElement { gap: 16px; } + #editor-content.compare-chart-layout #preview-column { + align-items: stretch; + } + #preview-wrapper { display: flex; flex-direction: column; @@ -91,6 +105,21 @@ export default class MasFragmentEditor extends LitElement { overflow-y: auto; } + #preview-wrapper.compare-chart-preview { + width: 100%; + max-width: 1200px; + border-radius: 0; + box-shadow: none; + max-height: calc(100vh - 200px); + overflow-y: auto; + overscroll-behavior: contain; + } + + #preview-wrapper.compare-chart-preview acom-content-preview { + width: 100%; + display: block; + } + @media (max-width: 1200px) { #preview-column { position: relative; @@ -374,8 +403,8 @@ export default class MasFragmentEditor extends LitElement { } `; - // Initialization states: 'idle' | 'loading' | 'ready' - static INIT_STATE = { IDLE: 'idle', LOADING: 'loading', READY: 'ready' }; + // Initialization states: 'idle' | 'loading' | 'ready' | 'error' + static INIT_STATE = { IDLE: 'idle', LOADING: 'loading', READY: 'ready', ERROR: 'error' }; static properties = { showDeleteDialog: { type: Boolean, state: true }, @@ -389,6 +418,7 @@ export default class MasFragmentEditor extends LitElement { variationsToDelete: { type: Array, state: true }, initState: { type: String, state: true }, groupedVariationOrphanMessage: { type: String, state: true }, + fragmentLoadErrorMessage: { type: String, state: true }, }; page = new StoreController(this, Store.page); @@ -417,6 +447,7 @@ export default class MasFragmentEditor extends LitElement { } discardPromiseResolver; + #lastInitFragmentId; #pendingDiscardPromise = null; #translatedLocalesRequest = null; #pendingVariationParents = new Map(); @@ -436,6 +467,7 @@ export default class MasFragmentEditor extends LitElement { this.variationsToDelete = []; this.initState = MasFragmentEditor.INIT_STATE.IDLE; this.groupedVariationOrphanMessage = null; + this.fragmentLoadErrorMessage = null; this.updateFragment = this.updateFragment.bind(this); this.deleteFragment = this.deleteFragment.bind(this); @@ -443,6 +475,7 @@ export default class MasFragmentEditor extends LitElement { this.cancelDelete = this.cancelDelete.bind(this); this.discardConfirmed = this.discardConfirmed.bind(this); this.cancelDiscard = this.cancelDiscard.bind(this); + this.navigateBackFromFragmentLoadError = this.navigateBackFromFragmentLoadError.bind(this); } createRenderRoot() { @@ -465,6 +498,16 @@ export default class MasFragmentEditor extends LitElement { willUpdate(changedProperties) { super.willUpdate(changedProperties); + const routeFragmentId = this.fragmentId; + const previousRouteFragmentId = this.#lastInitFragmentId; + if (routeFragmentId !== previousRouteFragmentId) { + if (previousRouteFragmentId !== undefined && this.initState === MasFragmentEditor.INIT_STATE.ERROR) { + this.initState = MasFragmentEditor.INIT_STATE.IDLE; + this.fragmentLoadErrorMessage = null; + } + this.#lastInitFragmentId = routeFragmentId; + } + if (this.fragmentStore?.previewStore) { this.previewResolved = this.fragmentStore.previewStore.resolved || false; } @@ -478,7 +521,12 @@ export default class MasFragmentEditor extends LitElement { // Returns true when editor should lazily initialize the fragment for the current route. #shouldInitFragment() { - return this.fragmentId && !this.inEdit.get() && this.initState !== MasFragmentEditor.INIT_STATE.LOADING; + return ( + this.fragmentId && + !this.inEdit.get() && + this.initState !== MasFragmentEditor.INIT_STATE.LOADING && + this.initState !== MasFragmentEditor.INIT_STATE.ERROR + ); } get previewSkeleton() { @@ -705,7 +753,7 @@ export default class MasFragmentEditor extends LitElement { this.localeDefaultFragment = existingStore.parentFragment; } - this.updateTranslatedLocalesStore(isVariationAfterContext, fragmentPath); // no need to await + this.updateTranslatedLocalesStore(isVariationAfterContext); // no need to await // Use existing store - just refresh it if (existingStore.previewStore) { @@ -786,12 +834,13 @@ export default class MasFragmentEditor extends LitElement { } Store.editor.resetChanges(); - this.updateTranslatedLocalesStore(isVariationForStore, fragment.path); // no need to await + this.updateTranslatedLocalesStore(isVariationForStore); // no need to await this.#markInitReady(); } catch (error) { console.error('Failed to fetch fragment:', error); showToast(`Failed to load fragment: ${error.message}`, 'negative'); - this.initState = MasFragmentEditor.INIT_STATE.IDLE; + this.fragmentLoadErrorMessage = error.message; + this.initState = MasFragmentEditor.INIT_STATE.ERROR; Store.fragmentEditor.loading.set(false); } } @@ -805,6 +854,7 @@ export default class MasFragmentEditor extends LitElement { } this.groupedVariationOrphanMessage = null; + this.fragmentLoadErrorMessage = null; this.previewResolved = false; this.initState = MasFragmentEditor.INIT_STATE.LOADING; Store.fragmentEditor.loading.set(true); @@ -869,7 +919,7 @@ export default class MasFragmentEditor extends LitElement { return null; } - async updateTranslatedLocalesStore(isVariation, fragmentPath) { + async updateTranslatedLocalesStore(isVariation) { // Only fetch translations for default fragments, not variations if (isVariation) { Store.fragmentEditor.translatedLocales.set(null); @@ -886,38 +936,12 @@ export default class MasFragmentEditor extends LitElement { if (this.#translatedLocalesRequest?.fragmentId === fragmentId) { return; } - this.#translatedLocalesRequest = { fragmentId, requestPromise: null }; - - const currentLocale = fragmentPath ? extractLocaleFromPath(fragmentPath) : null; - const filPhLocale = 'fil_PH'; - const isFilPh = currentLocale === filPhLocale; - - let languageCopies = []; - if (isFilPh && fragmentPath) { - const enUsPath = replaceLocaleInPath(fragmentPath, 'en_US'); - if (enUsPath) { - const enUsUrl = `${ODIN_PREVIEW_ORIGIN}${enUsPath}.json`; - const res = await fetch(enUsUrl); - if (res.ok) { - const data = await res.json().catch(() => ({})); - const enUsFragmentId = data['jcr:uuid']; - if (enUsFragmentId) { - const requestPromise = this.repository.aem.sites.cf.fragments.getTranslations(enUsFragmentId); - this.#translatedLocalesRequest.requestPromise = requestPromise; - const result = await requestPromise; - languageCopies = result.languageCopies ?? []; - } - } - } - } - if (languageCopies.length === 0) { - const requestPromise = this.repository.aem.sites.cf.fragments.getTranslations(fragmentId); - this.#translatedLocalesRequest.requestPromise = requestPromise; - const result = await requestPromise; - languageCopies = result.languageCopies ?? []; - } - let locales = languageCopies + const requestPromise = this.repository.aem.sites.cf.fragments.getTranslations(fragmentId); + this.#translatedLocalesRequest = { fragmentId, requestPromise }; + + const { languageCopies = [] } = await requestPromise; + const locales = languageCopies .map((copy) => ({ locale: extractLocaleFromPath(copy.path), id: copy.id, @@ -925,30 +949,6 @@ export default class MasFragmentEditor extends LitElement { })) .filter((item) => item.locale); - if (isFilPh && fragmentPath) { - const existing = locales.find((item) => item.locale === filPhLocale); - if (!existing) { - locales = [...locales, { locale: filPhLocale, id: fragmentId, path: fragmentPath }]; - } - } else { - const hasFilPh = locales.some((item) => item.locale === filPhLocale); - if (fragmentPath && !hasFilPh) { - const filPhPath = replaceLocaleInPath(fragmentPath, filPhLocale); - if (filPhPath) { - try { - const filPhUrl = `${ODIN_PREVIEW_ORIGIN}${filPhPath}.json`; - const res = await fetch(filPhUrl); - if (res.ok) { - const data = await res.json().catch(() => ({})); - locales = [...locales, { locale: filPhLocale, id: data['jcr:uuid'] ?? null, path: filPhPath }]; - } - } catch { - // No fil_PH for this fragment. - } - } - } - } - // Ignore stale responses when fragment/context changes while request is in flight. if (Store.fragmentEditor.fragmentId.get() !== fragmentId || this.editorContextStore.isVariation(fragmentId)) { return; @@ -1013,6 +1013,7 @@ export default class MasFragmentEditor extends LitElement { discardConfirmed() { this.showDiscardDialog = false; if (this.discardPromiseResolver) { + this.querySelector('compare-chart-editor:not([preview-only])')?.discardPendingChanges?.(); this.fragmentStore.discardChanges(); this.discardPromiseResolver(true); this.discardPromiseResolver = null; @@ -1139,6 +1140,15 @@ export default class MasFragmentEditor extends LitElement { async saveFragment() { try { + const compareChartEditor = this.querySelector('compare-chart-editor:not([preview-only])'); + + if (compareChartEditor) { + showToast('Saving fragment...'); + await compareChartEditor.savePendingChanges(this.repository); + showToast('Fragment successfully saved.', 'positive'); + return; + } + await this.repository.saveFragment(this.fragmentStore, true); } catch (error) { console.error('Failed to save fragment:', error); @@ -1506,14 +1516,7 @@ export default class MasFragmentEditor extends LitElement { `; break; case COLLECTION_MODEL_PATH: - editorContent = html` - - `; + editorContent = html` `; break; } @@ -1524,7 +1527,36 @@ export default class MasFragmentEditor extends LitElement { } get previewColumn() { - if (!this.fragment || this.fragment.model.path !== CARD_MODEL_PATH) return nothing; + if (!this.fragment) return nothing; + + if (this.fragment.model.path === COLLECTION_MODEL_PATH) { + const previewRenderer = + this.fragmentStore?.compareChartDraftContext?.previewRenderer || 'consonant'; + const previewFragment = + previewRenderer === 'consonant' + ? buildCompareChartConsonantPreviewFragment(this.fragmentStore) + : buildCompareChartPreviewFragment(this.fragmentStore); + const previewSignature = JSON.stringify(previewFragment); + if (previewSignature !== this.#lastComparePreviewSignature) { + this.#lastComparePreviewSignature = previewSignature; + void prepopulateFragmentCache(previewFragment.id, previewFragment); + } + + return html` +
+
+ +
+
+ `; + } + + if (this.fragment.model.path !== CARD_MODEL_PATH) return nothing; if (!this.previewResolved) { return this.previewSkeleton; @@ -1639,7 +1671,28 @@ export default class MasFragmentEditor extends LitElement { await router.navigateToTranslationEditor({ targetLocale, fragmentPath }); } + async navigateBackFromFragmentLoadError() { + await router.navigateToPage(PAGE_NAMES.CONTENT)(); + } + render() { + if (!this.fragment && this.initState === MasFragmentEditor.INIT_STATE.ERROR) { + return html` + ${this.styles} +
+ +
+ `; + } + if (!this.fragment) { return html` ${this.styles} @@ -1681,7 +1734,12 @@ export default class MasFragmentEditor extends LitElement { return html` ${this.styles}
-
+
${this.fragmentEditor}
${this.previewColumn}
diff --git a/studio/src/mas-repository.js b/studio/src/mas-repository.js index 70a61488c..88c1b5232 100644 --- a/studio/src/mas-repository.js +++ b/studio/src/mas-repository.js @@ -903,6 +903,7 @@ export class MasRepository extends LitElement { throw error; } else { this.processError(error, 'Failed to create fragment.'); + throw error; } } finally { this.operation.set(null); @@ -957,6 +958,7 @@ export class MasRepository extends LitElement { if (!savedFragment) throw new Error('Invalid fragment.'); fragmentStore.refreshFrom(savedFragment); + await initFragmentCache(); fragmentCache.remove(savedFragment.id); fragmentCache.add(new Fragment(savedFragment)); if (parentFragment) { diff --git a/studio/src/mas-side-nav.js b/studio/src/mas-side-nav.js index 719733609..a16097a22 100644 --- a/studio/src/mas-side-nav.js +++ b/studio/src/mas-side-nav.js @@ -1,7 +1,7 @@ import { LitElement, html, css, nothing } from 'lit'; import router from './router.js'; import Store from './store.js'; -import { PAGE_NAMES, SURFACES } from './constants.js'; +import { COLLECTION_MODEL_PATH, PAGE_NAMES, SURFACES } from './constants.js'; import Events from './events.js'; import { generateFieldLink, camelToTitle, previewValue } from './utils.js'; import './mas-side-nav-item.js'; @@ -276,6 +276,10 @@ class MasSideNav extends LitElement { return document.querySelector('mas-fragment-editor'); } + get isCompareChartEditor() { + return this.fragmentEditor?.fragment?.model?.path === COLLECTION_MODEL_PATH; + } + get isTranslationEnabled() { const surface = Store.search.value?.path?.split('/').filter(Boolean)[0]?.toLowerCase(); return [SURFACES.ACOM.name, SURFACES.EXPRESS.name, SURFACES.SANDBOX.name, SURFACES.NALA.name].includes(surface); @@ -550,6 +554,7 @@ class MasSideNav extends LitElement { /** Copy Field popover listing fragment fields with preview values. */ get copyFieldButton() { + if (this.isCompareChartEditor) return nothing; const loading = this.variationDataLoading || Store.fragmentEditor.loading.get(); const isVariation = this.#isVariationFragment(this.fragmentEditor?.fragment?.id); const currentFields = this.copyableFields.filter((field) => field.source === FIELD_SOURCE.CURRENT); @@ -732,11 +737,12 @@ class MasSideNav extends LitElement { const fragmentId = this.fragmentEditor?.fragment?.id; const isVariation = fragmentId && this.fragmentEditor?.editorContextStore?.isVariation(fragmentId); const loading = Store.fragmentEditor.loading.get(); + const showVariationActions = !isVariation && !this.isCompareChartEditor; return html` - ${!isVariation + ${showVariationActions ? html` diff --git a/studio/src/mas-toolbar.js b/studio/src/mas-toolbar.js index b42382800..ebe06ea31 100644 --- a/studio/src/mas-toolbar.js +++ b/studio/src/mas-toolbar.js @@ -25,10 +25,18 @@ const contentTypes = [ value: 'merch-card', label: 'Merch Card', }, + { + value: 'compare-chart', + label: 'Compare Chart', + }, { value: 'merch-card-collection', label: 'Merch Card Collection', }, + { + value: 'compare-chart', + label: 'Compare Chart', + }, ]; class MasToolbar extends LitElement { diff --git a/studio/src/router.js b/studio/src/router.js index a28ce24d4..2567606fe 100644 --- a/studio/src/router.js +++ b/studio/src/router.js @@ -1,4 +1,4 @@ -import { PAGE_NAMES, SORT_COLUMNS, WCS_LANDSCAPE_PUBLISHED, COLLECTION_MODEL_PATH } from './constants.js'; +import { PAGE_NAMES, SORT_COLUMNS, WCS_LANDSCAPE_PUBLISHED } from './constants.js'; import Store from './store.js'; import { debounce } from './utils.js'; import { isPowerUser } from './groups.js'; @@ -223,27 +223,8 @@ export class Router extends EventTarget { Store.search.set((prev) => ({ ...prev, region: locale })); } - // Check if this is a collection to use editor-panel instead - const fragmentList = Store.fragments.list.data.get(); - const fragmentStore = fragmentList?.find((f) => f.get()?.id === fragmentId); - - if (fragmentStore?.get()?.model?.path === COLLECTION_MODEL_PATH) { - // Use editor-panel for collections - const editorPanel = document.querySelector('editor-panel'); - if (editorPanel) { - if (Store.editor.hasChanges) { - const confirmed = await editorPanel.promptDiscardChanges(); - if (!confirmed) return; - } - await editorPanel.editFragment(fragmentStore); - Store.viewMode.set('editing'); - return; - } - } - - // Default: use full-page fragment editor for regular cards if (Store.editor.hasChanges) { - const fragmentEditor = document.querySelector('mas-fragment-editor'); + const fragmentEditor = document.querySelector('mas-fragment-editor') || document.querySelector('editor-panel'); const confirmed = fragmentEditor ? await fragmentEditor.promptDiscardChanges() : true; if (!confirmed) return; } diff --git a/studio/src/rte/rte-field.js b/studio/src/rte/rte-field.js index 7c13cd349..81709a8b1 100644 --- a/studio/src/rte/rte-field.js +++ b/studio/src/rte/rte-field.js @@ -10,11 +10,14 @@ import { history, undo, redo } from 'prosemirror-history'; import { openOfferSelectorTool, attributeFilter, closeOfferSelectorTool } from './ost.js'; import prosemirrorStyles from './prosemirror.css.js'; import { EVENT_OST_SELECT } from '../constants.js'; +import { ICON_LIBRARY } from '../constants/icon-library.js'; import throttle from '../utils/throttle.js'; +import '../mas-icon-picker-modal.js'; import './rte-mnemonic-editor.js'; const CUSTOM_ELEMENT_CHECKOUT_LINK = 'checkout-link'; const CUSTOM_ELEMENT_INLINE_PRICE = 'inline-price'; +const SPECTRUM_ICON_IDS = ICON_LIBRARY.map(({ id }) => id); // Function to check if a node is a checkout link const isNodeCheckoutLink = (node) => { @@ -100,39 +103,33 @@ class MnemonicNodeView { this.view = view; this.getPos = getPos; - // In the editor, we only render the icon part for better editing experience - this.dom = document.createElement('merch-icon'); - this.dom.setAttribute('contenteditable', 'false'); - this.dom.classList.add('mnemonic-icon'); - if (node.attrs.src) { - this.dom.setAttribute('src', node.attrs.src); - this.dom.setAttribute('size', node.attrs.size || 'xs'); - if (node.attrs.alt) { - this.dom.setAttribute('alt', node.attrs.alt); - } - // Store mnemonic data as data attributes for reference - if (node.attrs.mnemonicText) { - this.dom.setAttribute('data-mnemonic-text', node.attrs.mnemonicText); - } - if (node.attrs.mnemonicPlacement) { - this.dom.setAttribute('data-mnemonic-placement', node.attrs.mnemonicPlacement); - } - } + this.dom = this.#createIconElement(node); } update(node) { if (node.type !== this.node.type) return false; + const nextElementTag = node.attrs.src?.startsWith?.('sp-icon-') ? node.attrs.src : 'merch-icon'; + if (this.dom.tagName.toLowerCase() !== nextElementTag) { + const replacement = this.#createIconElement(node); + this.dom.replaceWith(replacement); + this.dom = replacement; + this.node = node; + return true; + } this.node = node; if (node.attrs.src) { - this.dom.setAttribute('src', node.attrs.src || ''); - this.dom.setAttribute('size', node.attrs.size || 'xs'); - if (node.attrs.alt) { - this.dom.setAttribute('alt', node.attrs.alt); + if (node.attrs.src.startsWith('sp-icon-')) { + this.dom.setAttribute('size', node.attrs.size || 'm'); } else { - this.dom.removeAttribute('alt'); + this.dom.setAttribute('src', node.attrs.src || ''); + this.dom.setAttribute('size', node.attrs.size || 'xs'); + if (node.attrs.alt) { + this.dom.setAttribute('alt', node.attrs.alt); + } else { + this.dom.removeAttribute('alt'); + } } - // Update data attributes for mnemonic info if (node.attrs.mnemonicText) { this.dom.setAttribute('data-mnemonic-text', node.attrs.mnemonicText); } else { @@ -162,6 +159,31 @@ class MnemonicNodeView { ignoreMutation() { return true; } + + #createIconElement(node) { + const isSpectrumIcon = node.attrs.src?.startsWith?.('sp-icon-'); + const element = document.createElement(isSpectrumIcon ? node.attrs.src : 'merch-icon'); + element.setAttribute('contenteditable', 'false'); + element.classList.add('mnemonic-icon'); + if (node.attrs.src) { + if (isSpectrumIcon) { + element.setAttribute('size', node.attrs.size || 'm'); + } else { + element.setAttribute('src', node.attrs.src); + element.setAttribute('size', node.attrs.size || 'xs'); + if (node.attrs.alt) { + element.setAttribute('alt', node.attrs.alt); + } + } + if (node.attrs.mnemonicText) { + element.setAttribute('data-mnemonic-text', node.attrs.mnemonicText); + } + if (node.attrs.mnemonicPlacement) { + element.setAttribute('data-mnemonic-placement', node.attrs.mnemonicPlacement); + } + } + return element; + } } let ostRteFieldSource; @@ -175,6 +197,7 @@ class RteField extends LitElement { link: { type: Boolean, attribute: 'link' }, icon: { type: Boolean, attribute: 'icon' }, mnemonic: { type: Boolean, attribute: 'mnemonic' }, + iconPicker: { type: Boolean, attribute: 'icon-picker' }, divider: { type: Boolean, attribute: 'divider' }, marks: { type: Array, @@ -187,6 +210,7 @@ class RteField extends LitElement { isLinkSelected: { type: Boolean, state: true }, priceSelected: { type: Boolean, state: true }, readOnly: { type: Boolean, attribute: 'readonly' }, + float: { type: Boolean, attribute: 'float', reflect: true }, showLinkEditor: { type: Boolean, state: true }, showIconEditor: { type: Boolean, state: true }, showMnemonicEditor: { type: Boolean, state: true }, @@ -195,8 +219,12 @@ class RteField extends LitElement { length: { type: Number, state: true }, hideOfferSelector: { type: Boolean, attribute: 'hide-offer-selector' }, hideFormatButtons: { type: Boolean, attribute: 'hide-format-buttons' }, + hideCounter: { type: Boolean, attribute: 'hide-counter' }, + borderless: { type: Boolean, attribute: 'borderless', reflect: true }, osi: { type: String }, value: { type: String }, + floatingToolbarStyle: { type: String, state: true }, + floatingToolbarBelow: { type: Boolean, state: true }, }; static get styles() { @@ -223,6 +251,10 @@ class RteField extends LitElement { font-size: var(--spectrum-font-size-200); } + :host([float]) { + gap: 0; + } + :host([hide-format-buttons]) { gap: 0; } @@ -235,6 +267,18 @@ class RteField extends LitElement { align-items: center; } + :host([borderless]) #editor { + border: none; + background: transparent; + border-radius: 0; + padding: 0; + min-height: 44px; + } + + :host([borderless][focused]) #editor { + outline: none; + } + :host([focused]) #editor { outline: 2px solid; outline-color: var(--spectrum-blue-900); @@ -257,6 +301,40 @@ class RteField extends LitElement { gap: 8px; } + #floating-toolbar { + position: fixed; + top: -9999px; + left: 50%; + opacity: 0; + pointer-events: none; + transform: translate(-50%, calc(-100% - 12px)); + transition: + opacity 120ms ease, + transform 120ms ease; + } + + #floating-toolbar.visible { + opacity: 1; + pointer-events: auto; + } + + #floating-toolbar.below { + transform: translate(-50%, 12px); + } + + .floating-toolbar-surface { + display: inline-flex; + align-items: center; + justify-content: center; + padding: 6px; + border-radius: 14px; + border: 1px solid var(--spectrum-gray-300); + background: var(--spectrum-background-layer-2-color, var(--spectrum-gray-50)); + box-shadow: + 0 8px 24px rgba(0, 0, 0, 0.16), + 0 1px 3px rgba(0, 0, 0, 0.12); + } + #editor-row #editor { flex: 1; } @@ -635,10 +713,14 @@ class RteField extends LitElement { #isInternalUpdate = false; #serializer; #stylingMarksData; + #toolbarFrame = 0; + #toolbarResizeObserver; + #viewportRepositionHandler; constructor() { super(); this.readOnly = false; + this.float = false; this.isLinkSelected = false; this.priceSelected = false; this.showLinkEditor = false; @@ -650,11 +732,14 @@ class RteField extends LitElement { this.link = false; this.uptLink = false; this.mnemonic = false; + this.iconPicker = false; this.divider = false; this.maxLength = 70; this.length = 0; this.hideOfferSelector = false; this.osi = ''; + this.floatingToolbarStyle = ''; + this.floatingToolbarBelow = false; this.marks = ['heading-xxxs', 'heading-xxs', 'heading-xs', 'heading-s', 'heading-m', 'promo-text', 'mnemonic-text']; this.#boundHandlers = { escKey: this.#handleEscKey.bind(this), @@ -668,11 +753,13 @@ class RteField extends LitElement { doubleClickOn: this.#handleDoubleClickOn.bind(this), updateLength: throttle(this.#updateLength.bind(this), 100), }; + this.#viewportRepositionHandler = this.#scheduleFloatingToolbarPosition.bind(this); } firstUpdated() { this.#initEditorSchema(); this.#initializeEditor(); + this.#observeFloatingToolbar(); } get value() { @@ -694,6 +781,8 @@ class RteField extends LitElement { capture: true, }); document.addEventListener(EVENT_OST_SELECT, this.#boundHandlers.ostEvent); + window.addEventListener('resize', this.#viewportRepositionHandler); + document.addEventListener('scroll', this.#viewportRepositionHandler, true); this.updateLengthInterval = setInterval(this.#boundHandlers.updateLength, 1000); } @@ -703,10 +792,27 @@ class RteField extends LitElement { capture: true, }); document.removeEventListener(EVENT_OST_SELECT, this.#boundHandlers.ostEvent); + window.removeEventListener('resize', this.#viewportRepositionHandler); + document.removeEventListener('scroll', this.#viewportRepositionHandler, true); + this.#toolbarResizeObserver?.disconnect(); + cancelAnimationFrame(this.#toolbarFrame); this.editorView?.destroy(); clearInterval(this.updateLengthInterval); } + updated(changedProperties) { + if ( + changedProperties.has('float') || + changedProperties.has('hasFocus') || + changedProperties.has('showLinkEditor') || + changedProperties.has('showIconEditor') || + changedProperties.has('showMnemonicEditor') + ) { + this.#observeFloatingToolbar(); + this.#scheduleFloatingToolbarPosition(); + } + } + getStylingMark(stylingType, ariaLevel) { return { [stylingType]: { @@ -817,6 +923,17 @@ class RteField extends LitElement { }; }, }, + ...SPECTRUM_ICON_IDS.map((iconId) => ({ + tag: iconId, + getAttrs: (domNode) => ({ + src: domNode.tagName.toLowerCase(), + alt: domNode.getAttribute('alt'), + size: domNode.getAttribute('size') || 'm', + class: 'mnemonic', + mnemonicText: domNode.getAttribute('data-mnemonic'), + mnemonicPlacement: domNode.getAttribute('data-mnemonic-placement'), + }), + })), { tag: 'overlay-trigger', getAttrs: (domNode) => { @@ -908,6 +1025,16 @@ class RteField extends LitElement { ], toDOM: (node) => { const { src, alt, size, mnemonicText, mnemonicPlacement } = node.attrs; + if (src?.startsWith?.('sp-icon-')) { + const attrs = { + size: size || 'm', + }; + if (mnemonicText && mnemonicText.trim() !== '') { + attrs['data-mnemonic'] = mnemonicText.trim(); + attrs['data-mnemonic-placement'] = mnemonicPlacement || 'top'; + } + return [src, attrs]; + } const attrs = { src: src || '', size: size || 'xs', @@ -1639,15 +1766,87 @@ class RteField extends LitElement { } #handleFocusout(view, event) { + const nextTarget = event.relatedTarget; + if (nextTarget && this.shadowRoot?.contains(nextTarget)) { + return false; + } this.hasFocus = false; this.isLinkSelected = false; + return false; } #handleFocus() { this.hasFocus = true; + this.#scheduleFloatingToolbarPosition(); return false; } + get #showFloatingToolbar() { + return ( + this.float && + !this.hideFormatButtons && + (this.hasFocus || this.showLinkEditor || this.showIconEditor || this.showMnemonicEditor) + ); + } + + get #toolbarElement() { + return this.shadowRoot?.getElementById('floating-toolbar'); + } + + #observeFloatingToolbar() { + if (!window.ResizeObserver || !this.float) return; + this.#toolbarResizeObserver?.disconnect(); + this.#toolbarResizeObserver = new ResizeObserver(() => { + this.#scheduleFloatingToolbarPosition(); + }); + + const anchor = this.parentElement; + const toolbar = this.#toolbarElement; + if (anchor) { + this.#toolbarResizeObserver.observe(anchor); + } + if (toolbar) { + this.#toolbarResizeObserver.observe(toolbar); + } + } + + #scheduleFloatingToolbarPosition() { + if (!this.float) return; + cancelAnimationFrame(this.#toolbarFrame); + this.#toolbarFrame = requestAnimationFrame(() => { + this.#updateFloatingToolbarPosition(); + }); + } + + #updateFloatingToolbarPosition() { + if (!this.#showFloatingToolbar) return; + const anchor = this.parentElement; + const toolbar = this.#toolbarElement; + if (!anchor || !toolbar) return; + + const anchorRect = anchor.getBoundingClientRect(); + const toolbarRect = toolbar.getBoundingClientRect(); + if (!anchorRect.width || !toolbarRect.width) return; + + const viewportPadding = 12; + const gap = 12; + const halfWidth = toolbarRect.width / 2; + const centeredLeft = anchorRect.left + anchorRect.width / 2; + const minLeft = viewportPadding + halfWidth; + const maxLeft = window.innerWidth - viewportPadding - halfWidth; + const left = Math.min(maxLeft, Math.max(minLeft, centeredLeft)); + + let top = anchorRect.top - toolbarRect.height - gap; + let below = false; + if (top < viewportPadding) { + below = true; + top = Math.min(window.innerHeight - viewportPadding - toolbarRect.height, anchorRect.bottom + gap); + } + + this.floatingToolbarBelow = below; + this.floatingToolbarStyle = `left:${left}px;top:${Math.max(viewportPadding, top)}px;`; + } + #handleDoubleClickOn(view, pos, node, nodePos, event, direct) { const osiDomTarget = event.target.closest('[data-wcs-osi]'); if (osiDomTarget) { @@ -1686,7 +1885,16 @@ class RteField extends LitElement { this.showMnemonicEditor = true; await this.updateComplete; - // Populate the editor with the existing mnemonic's properties + if (this.iconPicker) { + Object.assign(this.mnemonicEditorElement, { + open: true, + icon: node.attrs.src || '', + alt: node.attrs.alt || '', + description: node.attrs.mnemonicText || '', + }); + return; + } + Object.assign(this.mnemonicEditorElement, { open: true, imageUrl: node.attrs.src || '', @@ -1714,6 +1922,15 @@ class RteField extends LitElement { get mnemonicEditor() { if (!this.showMnemonicEditor) return nothing; + if (this.iconPicker) { + return html``; + } return html` + ${this.#formatButtons} ${this.stylingButton} ${this.#listButtons} ${this.#linkEditorButton} + ${this.#unlinkEditorButton} ${this.#toolbarOfferSelectorButton} ${this.#iconsButton} ${this.#uptLinkButton} + ${this.#mnemonicButton} ${this.#dividerButton} + `; + } + + get #floatingToolbar() { + if (this.hideFormatButtons || !this.float) return nothing; + return html` +
+
${this.#toolbarActions}
+
+ `; } render() { const lengthExceeded = this.length > this.maxLength; return html` - ${this.hideFormatButtons - ? nothing - : html` - ${this.#formatButtons} ${this.stylingButton} ${this.#listButtons} ${this.#linkEditorButton} - ${this.#unlinkEditorButton} ${this.#toolbarOfferSelectorButton} ${this.#iconsButton} - ${this.#uptLinkButton} ${this.#mnemonicButton} ${this.#dividerButton} - `} + ${this.float ? this.#floatingToolbar : this.hideFormatButtons ? nothing : this.#toolbarActions}
${this.hideFormatButtons ? this.#offerSelectorToolButton : nothing}
- ${this.hideFormatButtons + ${this.hideFormatButtons || this.hideCounter ? nothing : html`

${this.length}/${this.maxLength} @@ -1770,7 +2002,12 @@ class RteField extends LitElement { get #mnemonicButton() { if (!this.mnemonic) return nothing; return html` - + `; @@ -1901,15 +2138,35 @@ class RteField extends LitElement { } #handleMnemonicSave(event) { - const { imageUrl, altText, size, mnemonicText, mnemonicPlacement } = event.detail; + const { icon, description, alt, imageUrl, altText, size, mnemonicText, mnemonicPlacement } = event.detail; const { state } = this.editorView; + const resolvedIcon = icon || imageUrl || null; + const resolvedSize = size || (resolvedIcon?.startsWith?.('sp-icon-') ? 'm' : 'xs'); + + if (this.iconPicker && resolvedIcon?.startsWith?.('sp-icon-')) { + const wrapper = document.createElement('div'); + const iconElement = document.createElement(resolvedIcon); + iconElement.setAttribute('size', resolvedSize); + wrapper.append(iconElement); + if (description?.trim()) { + wrapper.append(document.createTextNode(` ${description.trim()}`)); + } + + const parser = DOMParser.fromSchema(state.schema); + const slice = parser.parseSlice(wrapper); + const tr = state.tr.replaceSelection(slice); + this.editorView.dispatch(tr); + this.editorView.focus(); + this.showMnemonicEditor = false; + return; + } const attributesToSet = { - src: imageUrl || null, - alt: altText || null, - size: size || 'xs', - mnemonicText: mnemonicText || null, - mnemonicPlacement: mnemonicPlacement || (mnemonicText ? 'top' : null), + src: resolvedIcon, + alt: alt || altText || null, + size: resolvedSize, + mnemonicText: description || mnemonicText || null, + mnemonicPlacement: mnemonicPlacement || (description || mnemonicText ? 'top' : null), class: 'mnemonic', }; @@ -1929,13 +2186,22 @@ class RteField extends LitElement { async openMnemonicEditor() { this.showMnemonicEditor = true; await this.updateComplete; - // Reset the editor values for a new mnemonic + if (this.iconPicker) { + Object.assign(this.mnemonicEditorElement, { + open: true, + icon: '', + alt: '', + description: '', + }); + return; + } + Object.assign(this.mnemonicEditorElement, { open: true, imageUrl: '', altText: '', size: 'xs', - mnemonicText: '', // Ensure mnemonic fields are reset too + mnemonicText: '', mnemonicPlacement: 'top', }); } diff --git a/studio/src/swc.js b/studio/src/swc.js index 5fcbb8a3f..a3fcce30e 100644 --- a/studio/src/swc.js +++ b/studio/src/swc.js @@ -41,6 +41,7 @@ import '@spectrum-web-components/icons-workflow/icons/sp-icon-close.js'; import '@spectrum-web-components/icons-workflow/icons/sp-icon-code.js'; import '@spectrum-web-components/icons-workflow/icons/sp-icon-collection.js'; import '@spectrum-web-components/icons-workflow/icons/sp-icon-copy.js'; +import '@spectrum-web-components/icons-workflow/icons/sp-icon-paste.js'; import '@spectrum-web-components/icons-workflow/icons/sp-icon-cover-image.js'; import '@spectrum-web-components/icons-workflow/icons/sp-icon-data-correlated.js'; import '@spectrum-web-components/icons-workflow/icons/sp-icon-delete.js'; diff --git a/studio/src/tools/recreate-compare-chart-from-json.js b/studio/src/tools/recreate-compare-chart-from-json.js new file mode 100644 index 000000000..36beeb627 --- /dev/null +++ b/studio/src/tools/recreate-compare-chart-from-json.js @@ -0,0 +1,260 @@ +const CARD_MODEL_PATH = '/conf/mas/settings/dam/cfm/models/card'; +const COLLECTION_MODEL_PATH = '/conf/mas/settings/dam/cfm/models/collection'; + +const clone = (value) => JSON.parse(JSON.stringify(value)); + +const getFragmentNameFromPath = (path = '') => + path.split('/').filter(Boolean).pop() || ''; + +const getParentPathFromPath = (path = '') => { + if (!path) return ''; + const parts = path.split('/').filter(Boolean); + if (parts.length <= 1) return ''; + return `/${parts.slice(0, -1).join('/')}`; +}; + +const getField = (fields = [], name) => fields.find((field) => field?.name === name) || null; + +const getFieldValues = (fields = [], name) => getField(fields, name)?.values || []; + +const sanitizeField = (field) => { + const sanitized = { + name: field.name, + type: field.type || 'text', + multiple: Boolean(field.multiple), + values: clone(field.values || []), + }; + if (field.mimeType) sanitized.mimeType = field.mimeType; + return sanitized; +}; + +export const dedupeReferencesByPath = (references = []) => { + const seen = new Set(); + return references.filter((reference) => { + const path = reference?.path; + if (!path || seen.has(path)) return false; + seen.add(path); + return true; + }); +}; + +export const getOrderedCardFragments = (fragmentData) => { + const cardPaths = getFieldValues(fragmentData?.fields, 'cards').map(String); + const referencesByPath = new Map( + dedupeReferencesByPath(fragmentData?.references).map((reference) => [ + reference.path, + reference, + ]), + ); + + return cardPaths.map((path) => { + const reference = referencesByPath.get(path); + if (!reference) { + throw new Error(`Missing referenced card for path: ${path}`); + } + if (reference.model?.path !== CARD_MODEL_PATH) { + throw new Error( + `Expected card model for ${path}, got ${reference.model?.path || 'unknown'}`, + ); + } + return reference; + }); +}; + +export const rewriteCompareChartCardPaths = (compareChartHtml = '', pathMap = new Map()) => { + if (!compareChartHtml) return compareChartHtml; + const doc = new DOMParser().parseFromString(compareChartHtml, 'text/html'); + doc.querySelectorAll('.compare-chart-cell[data-card-path]').forEach((cell) => { + const oldPath = cell.getAttribute('data-card-path'); + const newPath = pathMap.get(oldPath); + if (newPath) cell.setAttribute('data-card-path', newPath); + }); + return doc.body.innerHTML; +}; + +export const buildCreatePayload = (fragmentData, { fields } = {}) => ({ + title: fragmentData.title, + name: fragmentData.name || getFragmentNameFromPath(fragmentData.path), + description: fragmentData.description || '', + modelId: fragmentData.model?.id, + parentPath: getParentPathFromPath(fragmentData.path), + fields: (fields ?? fragmentData.fields ?? []).map(sanitizeField), +}); + +export const buildCollectionShellPayload = (fragmentData) => { + const fields = (fragmentData.fields || []) + .filter((field) => !['cards', 'compareChart'].includes(field.name)) + .map(sanitizeField); + + return buildCreatePayload(fragmentData, { fields }); +}; + +export const buildCollectionSavePayload = ( + createdCollection, + sourceCollection, + pathMap, +) => { + const fields = (sourceCollection.fields || []).map((field) => { + const sanitized = sanitizeField(field); + if (field.name === 'cards') { + sanitized.values = sanitized.values.map((value) => pathMap.get(value) || value); + } + if (field.name === 'compareChart') { + sanitized.values = sanitized.values.map((value) => + rewriteCompareChartCardPaths(value, pathMap), + ); + } + return sanitized; + }); + + return { + id: createdCollection.id, + title: sourceCollection.title, + description: sourceCollection.description || '', + fields, + }; +}; + +export const buildRecreationPlan = (fragmentData) => { + if (fragmentData?.model?.path !== COLLECTION_MODEL_PATH) { + throw new Error( + `Expected collection model, got ${fragmentData?.model?.path || 'unknown'}`, + ); + } + + const cards = getOrderedCardFragments(fragmentData); + return { + cards, + cardTargetPaths: cards.map((card) => card.path), + collectionTargetPath: fragmentData.path, + collectionShellPayload: buildCollectionShellPayload(fragmentData), + }; +}; + +const getRepository = (repositoryOrSelector = 'mas-repository') => { + if (typeof repositoryOrSelector !== 'string') return repositoryOrSelector; + return document.querySelector(repositoryOrSelector); +}; + +const getAem = (repositoryOrSelector) => { + const repository = getRepository(repositoryOrSelector); + if (!repository?.aem) { + throw new Error( + 'mas-repository.aem is not ready. Run this from a loaded Studio page.', + ); + } + return repository.aem; +}; + +const saveTagsIfNeeded = async (aem, fragment, tags = []) => { + if (!tags.length) return fragment; + fragment.newTags = tags; + await aem.saveTags(fragment); + return aem.sites.cf.fragments.getById(fragment.id); +}; + +const checkExistingPath = async (aem, path) => + aem.sites.cf.fragments.getByPath(path).catch(() => null); + +const createCardFragment = async (aem, cardFragment) => { + const payload = buildCreatePayload(cardFragment); + const created = await aem.sites.cf.fragments.create(payload); + return saveTagsIfNeeded(aem, created, cardFragment.tags || []); +}; + +export async function recreateCompareChartFromJson({ + fragmentData, + fragmentUrl = '/fragment.json', + repository = 'mas-repository', + dryRun = true, + log = console, +} = {}) { + const aem = getAem(repository); + const sourceFragment = + fragmentData || + (await fetch(fragmentUrl).then(async (response) => { + if (!response.ok) { + throw new Error( + `Failed to load ${fragmentUrl}: ${response.status} ${response.statusText}`, + ); + } + return response.json(); + })); + + const plan = buildRecreationPlan(sourceFragment); + const targetPaths = [...plan.cardTargetPaths, plan.collectionTargetPath]; + const existing = ( + await Promise.all( + targetPaths.map(async (path) => ({ + path, + fragment: await checkExistingPath(aem, path), + })), + ) + ).filter(({ fragment }) => fragment); + + if (existing.length) { + throw new Error( + `Target fragment path(s) already exist: ${existing.map(({ path }) => path).join(', ')}`, + ); + } + + const summary = { + dryRun, + cardCount: plan.cards.length, + collectionPath: plan.collectionTargetPath, + cardPaths: plan.cardTargetPaths, + }; + + if (dryRun) { + log.info('[compare-chart-import] dry run', summary); + return summary; + } + + const pathMap = new Map(); + const createdCards = []; + + for (const cardFragment of plan.cards) { + const createdCard = await createCardFragment(aem, cardFragment); + pathMap.set(cardFragment.path, createdCard.path); + createdCards.push({ + sourcePath: cardFragment.path, + id: createdCard.id, + path: createdCard.path, + title: createdCard.title, + }); + } + + const createdCollection = await aem.sites.cf.fragments.create( + plan.collectionShellPayload, + ); + const savedCollection = await aem.sites.cf.fragments.save( + buildCollectionSavePayload(createdCollection, sourceFragment, pathMap), + ); + const finalCollection = await saveTagsIfNeeded( + aem, + savedCollection, + sourceFragment.tags || [], + ); + + const result = { + dryRun: false, + cards: createdCards, + collection: { + id: finalCollection.id, + path: finalCollection.path, + title: finalCollection.title, + }, + pathMap: Object.fromEntries(pathMap), + }; + + log.info('[compare-chart-import] completed', result); + return result; +} + +export async function dryRunCompareChartRecreation(options = {}) { + return recreateCompareChartFromJson({ ...options, dryRun: true }); +} + +export async function executeCompareChartRecreation(options = {}) { + return recreateCompareChartFromJson({ ...options, dryRun: false }); +} diff --git a/studio/src/utils.js b/studio/src/utils.js index b9235613b..74c1f2d53 100644 --- a/studio/src/utils.js +++ b/studio/src/utils.js @@ -1,4 +1,4 @@ -import { CARD_MODEL_PATH, COLLECTION_MODEL_PATH, TAG_PROMOTION_PREFIX } from './constants.js'; +import { CARD_MODEL_PATH, COLLECTION_MODEL_PATH, COMPARE_CHART_MODEL_PATH, TAG_PROMOTION_PREFIX } from './constants.js'; import { VARIANTS } from './editors/variant-picker.js'; import Events from './events.js'; import { MAS_ROOT, PATH_TOKENS } from '../../io/www/src/fragment/utils/paths.js'; @@ -178,6 +178,7 @@ export function getService() { export const MODEL_WEB_COMPONENT_MAPPING = { [CARD_MODEL_PATH]: 'merch-card', [COLLECTION_MODEL_PATH]: 'merch-card-collection', + [COMPARE_CHART_MODEL_PATH]: 'compare-chart', }; export function getFragmentPartsToUse(fragment, path) { @@ -212,13 +213,21 @@ export function getFragmentPartsToUse(fragment, path) { title = fragment?.title; fragmentParts = `${surface} / ${title}`; break; + case COMPARE_CHART_MODEL_PATH: + title = fragment?.title; + fragmentParts = `${surface} / ${title}`; + break; } return { fragmentParts, title }; } export function generateCodeToUse(fragment, path, page, failMessage) { const { fragmentParts, title } = getFragmentPartsToUse(fragment, path); - const webComponentName = MODEL_WEB_COMPONENT_MAPPING[fragment?.model?.path]; + const modelPath = fragment?.model?.path; + const isCompareChartCollection = modelPath === COLLECTION_MODEL_PATH; + const webComponentName = isCompareChartCollection + ? 'compare-chart' + : MODEL_WEB_COMPONENT_MAPPING[modelPath]; if (!webComponentName) { if (failMessage) Events.toast.emit({ @@ -235,18 +244,27 @@ export function generateCodeToUse(fragment, path, page, failMessage) { fragmentId: fragment?.id, page, path, + consonant: isCompareChartCollection ? 'true' : null, }); const richText = `${authorPath}`; return { authorPath, code, richText, href }; } -function buildStudioFragmentHref({ webComponentName, fragmentId, page, path, fieldName }) { +function buildStudioFragmentHref({ + webComponentName, + fragmentId, + page, + path, + fieldName, + consonant, +}) { const params = new URLSearchParams(); params.set('content-type', webComponentName); if (page) params.set('page', page); if (path) params.set('path', path); if (fragmentId) params.set('query', fragmentId); if (fieldName) params.set('field', fieldName); + if (consonant) params.set('consonant', consonant); return `https://mas.adobe.com/studio.html#${params.toString()}`; } diff --git a/studio/test/editors/compare-chart-editor.test.html b/studio/test/editors/compare-chart-editor.test.html new file mode 100644 index 000000000..80be20040 --- /dev/null +++ b/studio/test/editors/compare-chart-editor.test.html @@ -0,0 +1,726 @@ + + + + + + compare-chart-editor test page + + + + + + + +

+ +
+ + diff --git a/studio/test/editors/compare-chart-editor.test.js b/studio/test/editors/compare-chart-editor.test.js new file mode 100644 index 000000000..c8bd7b027 --- /dev/null +++ b/studio/test/editors/compare-chart-editor.test.js @@ -0,0 +1,687 @@ +import { expect, fixture, html } from '@open-wc/testing'; +import sinon from 'sinon'; +import '../../src/swc.js'; +import { + buildCompareChartPreviewFragment, +} from '../../src/editors/compare-chart-editor.js'; +import '../../src/editors/acom-content-preview.js'; +import generateFragmentStore from '../../src/reactivity/source-fragment-store.js'; +import { Fragment } from '../../src/aem/fragment.js'; +import Store from '../../src/store.js'; + +const waitForUpdates = async (element) => { + await element.updateComplete; + await new Promise((resolve) => setTimeout(resolve, 0)); + await element.updateComplete; +}; + +const getControl = (root, selector) => root.querySelector(selector); + +const ensureAemFragmentDefinition = () => { + if (customElements.get('aem-fragment')) return; + + class TestAemFragment extends HTMLElement { + constructor() { + super(); + this.cache = { + store: new Map(), + get: (id) => this.cache.store.get(id), + add: (fragment) => this.cache.store.set(fragment.id, fragment), + remove: (id) => this.cache.store.delete(id), + }; + } + } + + customElements.define('aem-fragment', TestAemFragment); +}; + +const createCollectionStore = () => + generateFragmentStore( + new Fragment({ + id: 'collection-id', + path: '/content/dam/mas/sandbox/en_US/compare-chart', + title: 'Compare Chart', + fields: [ + { name: 'cards', type: 'content-fragment', multiple: true, values: [] }, + { + name: 'compareChart', + type: 'long-text', + multiple: false, + mimeType: 'text/html', + values: [''], + }, + ], + references: [], + }), + ); + +const createPersistedCardFragment = () => + new Fragment({ + id: 'saved-card-id', + path: '/content/dam/mas/sandbox/en_US/new-compare-card-1-a1b2', + title: 'New Compare Card 1', + tags: [{ id: 'mas:offerless/dx' }], + model: { + id: 'L2NvbmYvbWFzL3NldHRpbmdzL2RhbS9jZm0vbW9kZWxzL2NhcmQ', + path: '/conf/mas/settings/dam/cfm/models/card', + }, + fields: [ + { name: 'variant', type: 'text', values: ['mini-compare-chart'] }, + { name: 'cardName', type: 'text', values: ['New Compare Card 1'] }, + { name: 'cardTitle', type: 'text', values: ['New Compare Card 1'] }, + { name: 'osi', type: 'text', values: [''] }, + ], + references: [], + }); + +describe('compare-chart-editor', () => { + let sandbox; + + beforeEach(() => { + sandbox = sinon.createSandbox(); + sandbox.stub(customElements.get('merch-card-editor').prototype, 'render').returns(html``); + }); + + afterEach(() => { + sandbox.restore(); + }); + + it('renders explicit new-card controls', async () => { + const fragmentStore = createCollectionStore(); + const element = await fixture(html``); + + await waitForUpdates(element); + + const newCardButton = getControl(element.shadowRoot, '#new-card-action'); + const pasteCardButton = getControl(element.shadowRoot, '#paste-card-action'); + + expect(newCardButton).to.exist; + expect(pasteCardButton).to.exist; + expect(element.shadowRoot.textContent).to.include('Add a card to start building the compare chart'); + expect(element.shadowRoot.textContent).not.to.include('In Memory'); + expect(element.shadowRoot.textContent).not.to.include('save action runs'); + }); + + it('renders the preview renderer switch in General info and toggles to consonant', async () => { + const fragmentStore = createCollectionStore(); + const element = await fixture(html``); + + await waitForUpdates(element); + + const previewSwitch = getControl(element.shadowRoot, '#preview-renderer-switch'); + expect(previewSwitch).to.exist; + expect(element.previewRenderer).to.equal('legacy'); + + previewSwitch.checked = true; + previewSwitch.dispatchEvent(new Event('change')); + await waitForUpdates(element); + + expect(element.previewRenderer).to.equal('consonant'); + expect(fragmentStore.compareChartDraftContext.previewRenderer).to.equal('consonant'); + }); + + it('creates a new in-memory mini compare card draft', async () => { + const fragmentStore = createCollectionStore(); + const element = await fixture(html``); + + await waitForUpdates(element); + + const newCardButton = getControl(element.shadowRoot, '#new-card-action'); + newCardButton.click(); + await waitForUpdates(element); + + const [draftPath] = fragmentStore.get().getFieldValues('cards'); + const draftStore = element.selectedCardStore; + + expect(draftPath).to.include('__compare-chart-draft__'); + expect(draftStore.get().name).to.match(/^new-compare-card-1-[a-z0-9]{4}$/); + expect(element.selectedCardPath).to.equal(draftPath); + expect(draftStore.new).to.be.true; + expect(draftStore.get().getFieldValue('variant')).to.equal('mini-compare-chart'); + expect(draftStore.get().title).to.equal('New Compare Card 1'); + expect(element.shadowRoot.textContent).to.not.include(draftPath); + }); + + it('scrolls General info to the top when selecting a card', async () => { + const fragmentStore = createCollectionStore(); + const element = await fixture(html``); + + await waitForUpdates(element); + + getControl(element.shadowRoot, '#new-card-action').click(); + await waitForUpdates(element); + getControl(element.shadowRoot, '#new-card-action').click(); + await waitForUpdates(element); + + const generalInfoPanel = element.shadowRoot.querySelector('[data-general-info-panel]'); + const scrollSpy = sandbox.spy(generalInfoPanel, 'scrollIntoView'); + const [firstCardChip] = element.shadowRoot.querySelectorAll('.card-chip'); + + firstCardChip.click(); + await waitForUpdates(element); + + expect(element.selectedCardPath).to.include('__compare-chart-draft__-collection-id-1-'); + expect(scrollSpy.calledOnce).to.equal(true); + expect(scrollSpy.firstCall.args[0]).to.deep.equal({ + block: 'start', + inline: 'nearest', + }); + }); + + it('renders a row-based Features table and adds rows to compareChart', async () => { + const fragmentStore = createCollectionStore(); + const element = await fixture(html``); + + await waitForUpdates(element); + + const newCardButton = getControl(element.shadowRoot, '#new-card-action'); + newCardButton.click(); + await waitForUpdates(element); + + const addRowButton = getControl(element.shadowRoot, '#add-feature-row-action'); + addRowButton.click(); + await waitForUpdates(element); + + const compareChartHtml = fragmentStore.get().getFieldValue('compareChart'); + const doc = new DOMParser().parseFromString(compareChartHtml, 'text/html'); + const row = doc.querySelector('.compare-chart-row'); + + expect(element.shadowRoot.textContent).to.include('Features'); + expect(row).to.exist; + expect(row.querySelector('.compare-chart-label')).to.exist; + expect(row.querySelectorAll('.compare-chart-cell')).to.have.length(1); + }); + + it('does not inject dash placeholders into empty feature cells in preview markup', async () => { + const fragmentStore = createCollectionStore(); + const element = await fixture(html``); + + await waitForUpdates(element); + + getControl(element.shadowRoot, '#new-card-action').click(); + await waitForUpdates(element); + + getControl(element.shadowRoot, '#add-feature-row-action').click(); + await waitForUpdates(element); + + const previewFragment = buildCompareChartPreviewFragment(fragmentStore); + const previewHtml = + previewFragment.fields.find((field) => field.name === 'compareChart') + ?.values?.[0] || ''; + const previewDoc = new DOMParser().parseFromString(previewHtml, 'text/html'); + const previewTable = previewDoc.querySelector('.table.compare-chart-features'); + + expect(previewHtml).to.not.include('

-

'); + expect(previewHtml).to.not.include('>-<'); + expect(previewTable?.classList.contains('has-addon')).to.equal(true); + }); + + it('groups cards and features inside a compare authoring container', async () => { + const fragmentStore = createCollectionStore(); + const element = await fixture(html``); + + await waitForUpdates(element); + + const newCardButton = getControl(element.shadowRoot, '#new-card-action'); + newCardButton.click(); + await waitForUpdates(element); + + const authoringContainer = element.shadowRoot.querySelector('.compare-authoring-container'); + const editorStack = element.shadowRoot.querySelector('.editor-stack'); + const [generalInfoPanel, cardsFeaturesPanel, selectedCardPanel] = [...editorStack.children]; + expect(authoringContainer).to.exist; + expect(generalInfoPanel.textContent).to.include('General info'); + expect(cardsFeaturesPanel).to.equal(authoringContainer); + expect(selectedCardPanel.tagName.toLowerCase()).to.equal('merch-card-editor'); + expect(authoringContainer.textContent).to.include('Cards'); + expect(authoringContainer.textContent).to.include('Features'); + + const merchCardEditor = element.shadowRoot.querySelector('merch-card-editor'); + expect(authoringContainer.contains(merchCardEditor)).to.equal(false); + }); + + it('keeps only one active rte-field and disposes it on outside click', async () => { + const fragmentStore = createCollectionStore(); + const element = await fixture(html``); + + await waitForUpdates(element); + + const newCardButton = getControl(element.shadowRoot, '#new-card-action'); + newCardButton.click(); + await waitForUpdates(element); + + const addRowButton = getControl(element.shadowRoot, '#add-feature-row-action'); + addRowButton.click(); + await waitForUpdates(element); + + const [labelCell, valueCell] = element.shadowRoot.querySelectorAll( + '.feature-label-cell.is-editable, .feature-value-cell.is-editable', + ); + labelCell.click(); + await waitForUpdates(element); + + expect(element.shadowRoot.querySelectorAll('rte-field')).to.have.length(1); + + valueCell.click(); + await waitForUpdates(element); + + expect(element.shadowRoot.querySelectorAll('rte-field')).to.have.length(1); + + document.body.dispatchEvent( + new PointerEvent('pointerdown', { + bubbles: true, + composed: true, + }), + ); + await waitForUpdates(element); + + expect(element.shadowRoot.querySelectorAll('rte-field')).to.have.length(0); + }); + + it('tabs to the next editable field and commits the current rich text', async () => { + const fragmentStore = createCollectionStore(); + const element = await fixture(html``); + + await waitForUpdates(element); + + const newCardButton = getControl(element.shadowRoot, '#new-card-action'); + newCardButton.click(); + await waitForUpdates(element); + + const addRowButton = getControl(element.shadowRoot, '#add-feature-row-action'); + addRowButton.click(); + await waitForUpdates(element); + + const [labelCell] = element.shadowRoot.querySelectorAll('.feature-label-cell.is-editable'); + labelCell.click(); + await waitForUpdates(element); + + const activeEditor = element.shadowRoot.querySelector('rte-field'); + activeEditor.value = '

Storage

'; + expect(activeEditor.hasAttribute('float')).to.equal(true); + activeEditor.dispatchEvent( + new KeyboardEvent('keydown', { + key: 'Tab', + bubbles: true, + composed: true, + }), + ); + await waitForUpdates(element); + + expect(element.activeEditorKey).to.match(/^cell:/); + expect(fragmentStore.get().getFieldValue('compareChart')).to.include('>Storage<'); + expect(element.shadowRoot.querySelectorAll('rte-field')).to.have.length(1); + }); + + it('escapes out of an active feature editor and restores the original value', async () => { + const fragmentStore = createCollectionStore(); + const element = await fixture(html``); + + await waitForUpdates(element); + + const newCardButton = getControl(element.shadowRoot, '#new-card-action'); + newCardButton.click(); + await waitForUpdates(element); + + const addRowButton = getControl(element.shadowRoot, '#add-feature-row-action'); + addRowButton.click(); + await waitForUpdates(element); + + const [labelCell] = element.shadowRoot.querySelectorAll('.feature-label-cell.is-editable'); + labelCell.click(); + await waitForUpdates(element); + + const activeEditor = element.shadowRoot.querySelector('rte-field'); + activeEditor.value = '

Temporary

'; + activeEditor.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true })); + await waitForUpdates(element); + + activeEditor.dispatchEvent( + new KeyboardEvent('keydown', { + key: 'Escape', + bubbles: true, + composed: true, + }), + ); + await waitForUpdates(element); + + expect(fragmentStore.get().getFieldValue('compareChart')).to.not.include('Temporary'); + expect(element.shadowRoot.querySelector('rte-field')).to.not.exist; + expect(element.activeEditorKey).to.equal(''); + }); + + it('pastes a card from a Studio URL in the clipboard and resolves its path by id', async () => { + const fragmentStore = createCollectionStore(); + const element = await fixture(html``); + const fetchedCard = new Fragment({ + id: '2c91c10d-f869-4dbf-9f8c-723ff259b737', + path: '/content/dam/mas/sandbox/en_US/pasted-card', + title: 'Pasted Card', + model: { path: '/conf/mas/settings/dam/cfm/models/card' }, + fields: [{ name: 'cardTitle', type: 'text', values: ['Pasted Card'] }], + references: [], + }); + const existingStores = Store.fragments.list.data.get(); + + Object.defineProperty(window.navigator, 'clipboard', { + configurable: true, + value: { + readText: sandbox + .stub() + .resolves( + 'https://mas.adobe.com/studio.html#content-type=merch-card&page=content&path=sandbox&query=2c91c10d-f869-4dbf-9f8c-723ff259b737', + ), + }, + }); + Store.fragments.list.data.set([generateFragmentStore(fetchedCard), ...existingStores]); + + await waitForUpdates(element); + + getControl(element.shadowRoot, '#paste-card-action').click(); + await waitForUpdates(element); + await new Promise((resolve) => setTimeout(resolve, 0)); + await waitForUpdates(element); + + expect(fragmentStore.get().getFieldValues('cards')).to.deep.equal(['/content/dam/mas/sandbox/en_US/pasted-card']); + expect(element.selectedCardPath).to.equal('/content/dam/mas/sandbox/en_US/pasted-card'); + + Store.fragments.list.data.set(existingStores); + }); + + it('uses the shared icon picker modal for active feature editors', async () => { + const fragmentStore = createCollectionStore(); + const element = await fixture(html``); + + await waitForUpdates(element); + + const newCardButton = getControl(element.shadowRoot, '#new-card-action'); + newCardButton.click(); + await waitForUpdates(element); + + const addRowButton = getControl(element.shadowRoot, '#add-feature-row-action'); + addRowButton.click(); + await waitForUpdates(element); + + const [labelCell] = element.shadowRoot.querySelectorAll('.feature-label-cell.is-editable'); + labelCell.click(); + await waitForUpdates(element); + + const activeEditor = element.shadowRoot.querySelector('rte-field'); + + expect(activeEditor.hasAttribute('icon-picker')).to.equal(true); + }); + + it('reorders feature rows with the hover row actions', async () => { + const fragmentStore = createCollectionStore(); + const element = await fixture(html``); + + await waitForUpdates(element); + + const newCardButton = getControl(element.shadowRoot, '#new-card-action'); + newCardButton.click(); + await waitForUpdates(element); + + const addRowButton = getControl(element.shadowRoot, '#add-feature-row-action'); + addRowButton.click(); + await waitForUpdates(element); + addRowButton.click(); + await waitForUpdates(element); + + const [firstLabelCell, secondLabelCell] = element.shadowRoot.querySelectorAll('.feature-label-cell.is-editable'); + + firstLabelCell.click(); + await waitForUpdates(element); + let activeEditor = element.shadowRoot.querySelector('rte-field'); + activeEditor.value = '

First row

'; + activeEditor.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true })); + await waitForUpdates(element); + + secondLabelCell.click(); + await waitForUpdates(element); + activeEditor = element.shadowRoot.querySelector('rte-field'); + activeEditor.value = '

Second row

'; + activeEditor.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true })); + await waitForUpdates(element); + + const moveDownButton = element.shadowRoot.querySelector('.feature-row-move-down'); + moveDownButton.click(); + await waitForUpdates(element); + + const doc = new DOMParser().parseFromString(fragmentStore.get().getFieldValue('compareChart'), 'text/html'); + const labels = [...doc.querySelectorAll('.compare-chart-label')].map((node) => node.textContent.trim()); + + expect(labels).to.deep.equal(['Second row', 'First row']); + }); + + it('reorders cards with drag and drop', async () => { + const fragmentStore = createCollectionStore(); + const element = await fixture(html``); + + await waitForUpdates(element); + + const newCardButton = getControl(element.shadowRoot, '#new-card-action'); + + newCardButton.click(); + await waitForUpdates(element); + newCardButton.click(); + await waitForUpdates(element); + + const addRowButton = getControl(element.shadowRoot, '#add-feature-row-action'); + addRowButton.click(); + await waitForUpdates(element); + + const [firstHandle] = element.shadowRoot.querySelectorAll('.drag-handle'); + const dropIndicators = [...element.shadowRoot.querySelectorAll('.drop-indicator')]; + const trailingIndicator = dropIndicators.at(-1); + const dataTransfer = new DataTransfer(); + + firstHandle.dispatchEvent( + new DragEvent('dragstart', { + bubbles: true, + composed: true, + dataTransfer, + }), + ); + trailingIndicator.dispatchEvent( + new DragEvent('dragover', { + bubbles: true, + composed: true, + cancelable: true, + dataTransfer, + }), + ); + trailingIndicator.dispatchEvent( + new DragEvent('drop', { + bubbles: true, + composed: true, + cancelable: true, + dataTransfer, + }), + ); + + await waitForUpdates(element); + + expect(fragmentStore.get().getFieldValues('cards')[0]).to.match(/__compare-chart-draft__-collection-id-2-[a-z0-9]{4}$/); + expect(fragmentStore.get().getFieldValue('compareChart')).to.include( + 'data-card-path', + ); + }); + + it('opens a remove-card dialog and leaves data untouched on cancel', async () => { + const fragmentStore = createCollectionStore(); + const element = await fixture(html``); + + await waitForUpdates(element); + + const newCardButton = getControl(element.shadowRoot, '#new-card-action'); + newCardButton.click(); + await waitForUpdates(element); + + const addRowButton = getControl(element.shadowRoot, '#add-feature-row-action'); + addRowButton.click(); + await waitForUpdates(element); + + const removeCardButton = getControl(element.shadowRoot, '#remove-card-action'); + removeCardButton.click(); + await waitForUpdates(element); + + expect(element.shadowRoot.querySelector('sp-dialog')).to.exist; + + const cancelButton = [...element.shadowRoot.querySelectorAll('sp-button')].find( + (button) => button.textContent.trim() === 'Cancel', + ); + cancelButton.click(); + await waitForUpdates(element); + + expect(element.shadowRoot.querySelector('sp-dialog')).to.not.exist; + expect(fragmentStore.get().getFieldValues('cards')).to.have.length(1); + expect(fragmentStore.get().getFieldValue('compareChart')).to.include('compare-chart-row'); + }); + + it('creates new draft cards on save and rewrites the collection card paths', async () => { + const fragmentStore = createCollectionStore(); + const element = await fixture(html``); + + await waitForUpdates(element); + + const newCardButton = getControl(element.shadowRoot, '#new-card-action'); + newCardButton.click(); + await waitForUpdates(element); + + element.selectedCardStore.get().newTags = ['mas:offerless/dx']; + + const repository = { + createFragment: sandbox.stub().resolves(createPersistedCardFragment()), + saveFragment: sandbox.stub().resolves({ id: 'collection-id' }), + }; + + await element.savePendingChanges(repository); + + expect(repository.createFragment.calledOnce).to.be.true; + expect(repository.createFragment.firstCall.args[0].fields).to.be.undefined; + expect(repository.createFragment.firstCall.args[0].name).to.match(/^new-compare-card-1-[a-z0-9]{4}$/); + expect(repository.saveFragment.calledTwice).to.be.true; + expect(repository.saveFragment.firstCall.args[0]).to.equal(element.selectedCardStore); + expect(repository.saveFragment.firstCall.args[1]).to.equal(false); + expect(repository.saveFragment.secondCall.args).to.deep.equal([fragmentStore, false]); + expect(fragmentStore.get().getFieldValues('cards')).to.deep.equal([ + '/content/dam/mas/sandbox/en_US/new-compare-card-1-a1b2', + ]); + expect(element.selectedCardPath).to.equal('/content/dam/mas/sandbox/en_US/new-compare-card-1-a1b2'); + expect(element.selectedCardStore.new).to.not.be.true; + }); + + it('rethrows create failures instead of crashing on draft path replacement', async () => { + const fragmentStore = createCollectionStore(); + const element = await fixture(html``); + + await waitForUpdates(element); + + const newCardButton = getControl(element.shadowRoot, '#new-card-action'); + newCardButton.click(); + await waitForUpdates(element); + + element.selectedCardStore.get().newTags = ['mas:offerless/dx']; + + const repository = { + createFragment: sandbox.stub().rejects(new Error('Failed to create fragment: 400 Bad Request')), + saveFragment: sandbox.stub().resolves({ id: 'collection-id' }), + }; + + let thrownError; + try { + await element.savePendingChanges(repository); + } catch (error) { + thrownError = error; + } + + expect(thrownError).to.exist; + expect(thrownError.message).to.include('400 Bad Request'); + expect(repository.saveFragment.called).to.be.false; + }); + + it('does not restore tags as a fragment field when saving a new card', async () => { + const fragmentStore = createCollectionStore(); + const element = await fixture(html``); + + await waitForUpdates(element); + + const newCardButton = getControl(element.shadowRoot, '#new-card-action'); + newCardButton.click(); + await waitForUpdates(element); + + element.selectedCardStore.updateField('tags', ['mas:offerless/dx']); + await waitForUpdates(element); + + const repository = { + createFragment: sandbox.stub().resolves(createPersistedCardFragment()), + saveFragment: sandbox.stub().resolves({ id: 'collection-id' }), + }; + + await element.savePendingChanges(repository); + + const savedCardStore = repository.saveFragment.firstCall.args[0]; + expect(savedCardStore.get().getField('tags')).to.not.exist; + }); + + it('syncs nested card edits back to references and refreshes the table preview fragment', async () => { + ensureAemFragmentDefinition(); + + const fragmentStore = createCollectionStore(); + const previewFragment = document.createElement('aem-fragment'); + previewFragment.setAttribute('fragment', 'compare-table-preview-collection-id'); + previewFragment.refresh = sandbox.spy(); + document.body.append(previewFragment); + + const element = await fixture(html``); + + await waitForUpdates(element); + + const newCardButton = getControl(element.shadowRoot, '#new-card-action'); + newCardButton.click(); + await waitForUpdates(element); + previewFragment.refresh.resetHistory(); + + element.selectedCardStore.updateField('cardTitle', ['Updated Compare Card']); + await waitForUpdates(element); + await new Promise((resolve) => setTimeout(resolve, 80)); + + const [draftPath] = fragmentStore.get().getFieldValues('cards'); + const reference = fragmentStore.get().references.find((item) => item.path === draftPath); + const cardTitleField = reference.fields.find((field) => field.name === 'cardTitle'); + + expect(cardTitleField.values[0]).to.equal('Updated Compare Card'); + expect(previewFragment.refresh.called).to.be.true; + + previewFragment.remove(); + }); + + it('does not refresh the preview fragment again when the preview payload is unchanged', async () => { + ensureAemFragmentDefinition(); + + const fragmentStore = createCollectionStore(); + const previewFragment = document.createElement('aem-fragment'); + previewFragment.setAttribute('fragment', 'compare-table-preview-collection-id'); + previewFragment.refresh = sandbox.spy(); + document.body.append(previewFragment); + + const element = await fixture(html``); + + await waitForUpdates(element); + + const newCardButton = getControl(element.shadowRoot, '#new-card-action'); + newCardButton.click(); + await waitForUpdates(element); + await new Promise((resolve) => setTimeout(resolve, 80)); + + previewFragment.refresh.resetHistory(); + + element.requestUpdate(); + await waitForUpdates(element); + await new Promise((resolve) => setTimeout(resolve, 80)); + + expect(previewFragment.refresh.called).to.be.false; + + previewFragment.remove(); + }); +}); diff --git a/studio/test/editors/merch-card-collection-editor.test.html b/studio/test/editors/merch-card-collection-editor.test.html index 64085f853..cdb200e7d 100644 --- a/studio/test/editors/merch-card-collection-editor.test.html +++ b/studio/test/editors/merch-card-collection-editor.test.html @@ -54,6 +54,9 @@ if (/querybuilder.json\?path=\/content\/dam\/mas/.test(href)) { return originalFetch('/test/mocks/folders.json'); } + if (/querybuilder.json\?path=\/content\/cq:tags\/mas/.test(href)) { + return originalFetch('/test/mocks/tags.json'); + } return originalFetch(...arguments); }; describe('merch-card-collection-editor custom element', async () => { diff --git a/studio/test/mas-create-dialog.test.html b/studio/test/mas-create-dialog.test.html index 333f6512a..a8d9273a9 100644 --- a/studio/test/mas-create-dialog.test.html +++ b/studio/test/mas-create-dialog.test.html @@ -105,6 +105,24 @@ expect(requestBody).to.have.property('modelId'); }); + it('should create compare charts with the collection model', async () => { + dialog.loading = false; + dialog.type = 'compare-chart'; + dialog.title = 'Test Compare Chart'; + await dialog.updateComplete; + + const tryToCreateFragmentStub = stub(dialog, 'tryToCreateFragment').resolves(true); + await dialog.handleSubmit(); + + expect(tryToCreateFragmentStub.calledOnce).to.be.true; + const [, fragmentData] = tryToCreateFragmentStub.getCall(0).args; + expect(fragmentData).to.include({ + title: 'Test Compare Chart', + modelId: 'L2NvbmYvbWFzL3NldHRpbmdzL2RhbS9jZm0vbW9kZWxzL2NvbGxlY3Rpb24', + }); + tryToCreateFragmentStub.restore(); + }); + it('should display the correct dialog title based on type', async () => { // Reset dialog state from previous tests dialog.loading = false; @@ -124,6 +142,13 @@ heading = dialog.shadowRoot.querySelector('.dialog-header'); expect(heading).to.exist; expect(heading.textContent.trim()).to.equal('Create New Merch Card Collection'); + + dialog.type = 'compare-chart'; + await dialog.updateComplete; + + heading = dialog.shadowRoot.querySelector('.dialog-header'); + expect(heading).to.exist; + expect(heading.textContent.trim()).to.equal('Create New Compare Chart'); }); }); }); diff --git a/studio/test/mas-fragment-editor.test.js b/studio/test/mas-fragment-editor.test.js index 271c849d6..62f9732af 100644 --- a/studio/test/mas-fragment-editor.test.js +++ b/studio/test/mas-fragment-editor.test.js @@ -5,7 +5,7 @@ import MasFragmentEditor from '../src/mas-fragment-editor.js'; import Store from '../src/store.js'; import { Fragment } from '../src/aem/fragment.js'; import generateFragmentStore, { SourceFragmentStore } from '../src/reactivity/source-fragment-store.js'; -import { PAGE_NAMES, CARD_MODEL_PATH, ODIN_PREVIEW_ORIGIN } from '../src/constants.js'; +import { PAGE_NAMES, CARD_MODEL_PATH, COLLECTION_MODEL_PATH } from '../src/constants.js'; import router from '../src/router.js'; import Events from '../src/events.js'; import { extractLocaleFromPath } from '../src/utils.js'; @@ -209,6 +209,15 @@ describe('MasFragmentEditor', () => { store?.previewStore?.dispose?.(); }; + async function waitForInitState(targetEl, state, timeout = 3000) { + const deadline = Date.now() + timeout; + while (Date.now() < deadline) { + if (targetEl.initState === state) return; + await new Promise((r) => setTimeout(r, 5)); + } + throw new Error(`Timed out waiting for initState ${state}, got ${targetEl.initState}`); + } + beforeEach(() => { el = document.createElement('mas-fragment-editor'); mockRepo = { @@ -251,6 +260,8 @@ describe('MasFragmentEditor', () => { }); afterEach(() => { + if (el?.isConnected) el.remove(); + disposePreviewStore(Store.fragments.inEdit.get()); Store.fragments.list.data.get().forEach((store) => disposePreviewStore(store)); @@ -288,7 +299,7 @@ describe('MasFragmentEditor', () => { expect(el.inEdit.get()).to.equal(existingStore); expect(existingStore.previewStore.resolved).to.equal(false); expect(Store.search.get().region).to.equal('fr_FR'); - expect(el.updateTranslatedLocalesStore.calledOnceWith(false, existingData.path)).to.be.true; + expect(el.updateTranslatedLocalesStore.calledOnceWith(false)).to.be.true; expect(el.initState).to.equal(MasFragmentEditor.INIT_STATE.READY); expect(Store.fragmentEditor.loading.get()).to.equal(false); }); @@ -316,7 +327,7 @@ describe('MasFragmentEditor', () => { expect(existingStore.parentFragment.id).to.equal('new-parent-id'); expect(refreshPreviewSpy.calledOnce).to.be.true; expect(el.editorContextStore.localeDefaultFragment.id).to.equal('new-parent-id'); - expect(el.updateTranslatedLocalesStore.calledOnceWith(true, existingVariationData.path)).to.be.true; + expect(el.updateTranslatedLocalesStore.calledOnceWith(true)).to.be.true; }); it('initializes a new non-variation fragment and adds it to the list', async () => { @@ -331,7 +342,7 @@ describe('MasFragmentEditor', () => { expect(Store.fragments.list.data.get()).to.have.lengthOf(1); expect(Store.fragments.list.data.get()[0].id).to.equal('new-id'); expect(el.inEdit.get().id).to.equal('new-id'); - expect(el.updateTranslatedLocalesStore.calledOnceWith(false, fragmentData.path)).to.be.true; + expect(el.updateTranslatedLocalesStore.calledOnceWith(false)).to.be.true; expect(el.initState).to.equal(MasFragmentEditor.INIT_STATE.READY); }); @@ -352,7 +363,7 @@ describe('MasFragmentEditor', () => { expect(resolveParentStub.called).to.be.false; expect(sourceStore.skipVariationDetection).to.equal(false); expect(el.inEdit.get().id).to.equal('variation-id'); - expect(el.updateTranslatedLocalesStore.calledOnceWith(true, fragmentData.path)).to.be.true; + expect(el.updateTranslatedLocalesStore.calledOnceWith(true)).to.be.true; }); it('reloads locale placeholders for variations when active locale differs', async () => { @@ -398,10 +409,10 @@ describe('MasFragmentEditor', () => { expect(Store.fragments.list.data.get()).to.have.lengthOf(0); expect(el.inEdit.get().parentFragment.id).to.equal('parent-id'); expect(el.editorContextStore.localeDefaultFragment.id).to.equal('parent-id'); - expect(el.updateTranslatedLocalesStore.calledOnceWith(true, variationData.path)).to.be.true; + expect(el.updateTranslatedLocalesStore.calledOnceWith(true)).to.be.true; }); - it('sets idle state when new fragment fetch fails', async () => { + it('sets error state when new fragment fetch fails', async () => { const consoleErrorStub = sandbox.stub(console, 'error'); mockRepo.aem.sites.cf.fragments.getById.rejects(new Error('boom')); Store.fragmentEditor.fragmentId.value = 'broken-id'; @@ -410,9 +421,35 @@ describe('MasFragmentEditor', () => { expect(consoleErrorStub.called).to.be.true; expect(el.updateTranslatedLocalesStore.called).to.be.false; - expect(el.initState).to.equal(MasFragmentEditor.INIT_STATE.IDLE); + expect(el.initState).to.equal(MasFragmentEditor.INIT_STATE.ERROR); + expect(el.fragmentLoadErrorMessage).to.equal('boom'); expect(Store.fragmentEditor.loading.get()).to.equal(false); }); + + it('does not call getById again after fetch fails when further updates run', async () => { + mockRepo.aem.sites.cf.fragments.getById.rejects(new Error('not found')); + document.body.append(el); + Store.fragmentEditor.fragmentId.value = 'missing-id'; + await waitForInitState(el, MasFragmentEditor.INIT_STATE.ERROR); + + expect(mockRepo.aem.sites.cf.fragments.getById.callCount).to.equal(1); + + Store.fragmentEditor.loading.set(false); + el.requestUpdate(); + await new Promise((r) => setTimeout(r, 50)); + + expect(mockRepo.aem.sites.cf.fragments.getById.callCount).to.equal(1); + }); + + it('renders load error panel when fetch fails', async () => { + mockRepo.aem.sites.cf.fragments.getById.rejects(new Error('missing')); + document.body.append(el); + Store.fragmentEditor.fragmentId.value = 'missing-id'; + await waitForInitState(el, MasFragmentEditor.INIT_STATE.ERROR); + + expect(el.querySelector('#fragment-load-error-panel')).to.exist; + expect(el.querySelector('#loading-state')).to.be.null; + }); }); describe('translated locales fetching', () => { @@ -449,292 +486,6 @@ describe('MasFragmentEditor', () => { Store.fragmentEditor.fragmentId.value = originalFragmentId; } }); - - it('adds fil_PH to locales when not in languageCopies and Odin preview returns OK', async () => { - const el = document.createElement('mas-fragment-editor'); - const originalTranslatedLocales = Store.fragmentEditor.translatedLocales.value; - const fragmentPath = '/content/dam/mas/acom/en_US/my-fragment'; - try { - Store.fragmentEditor.translatedLocales.value = null; - Store.fragmentEditor.fragmentId.value = 'frag-1'; - const getTranslations = sandbox.stub().resolves({ - languageCopies: [{ path: '/content/dam/mas/acom/en_US/my-fragment', id: 'frag-1' }], - }); - const mockRepo = { - aem: { sites: { cf: { fragments: { getTranslations } } } }, - }; - sandbox.stub(el, 'repository').get(() => mockRepo); - el.editorContextStore = { isVariation: sandbox.stub().returns(false) }; - - const fetchStub = sandbox.stub(window, 'fetch').resolves({ - ok: true, - json: () => Promise.resolve({ 'jcr:uuid': 'fil-ph-frag-id' }), - }); - - await el.updateTranslatedLocalesStore(false, fragmentPath); - - const locales = Store.fragmentEditor.translatedLocales.get(); - expect(locales).to.have.lengthOf(2); - const filPh = locales.find((l) => l.locale === 'fil_PH'); - expect(filPh).to.deep.include({ - locale: 'fil_PH', - id: 'fil-ph-frag-id', - path: '/content/dam/mas/acom/fil_PH/my-fragment', - }); - expect(fetchStub.calledOnce).to.be.true; - expect(fetchStub.firstCall.args[0]).to.equal( - `${ODIN_PREVIEW_ORIGIN}/content/dam/mas/acom/fil_PH/my-fragment.json`, - ); - } finally { - Store.fragmentEditor.translatedLocales.value = originalTranslatedLocales; - Store.fragmentEditor.fragmentId.value = null; - } - }); - - it('does not fetch fil_PH when already in languageCopies', async () => { - const el = document.createElement('mas-fragment-editor'); - const originalTranslatedLocales = Store.fragmentEditor.translatedLocales.value; - try { - Store.fragmentEditor.translatedLocales.value = null; - Store.fragmentEditor.fragmentId.value = 'frag-1'; - const getTranslations = sandbox.stub().resolves({ - languageCopies: [ - { path: '/content/dam/mas/acom/en_US/my-fragment', id: 'frag-1' }, - { path: '/content/dam/mas/acom/fil_PH/my-fragment', id: 'fil-ph-id' }, - ], - }); - const mockRepo = { - aem: { sites: { cf: { fragments: { getTranslations } } } }, - }; - sandbox.stub(el, 'repository').get(() => mockRepo); - el.editorContextStore = { isVariation: sandbox.stub().returns(false) }; - const fetchStub = sandbox.stub(window, 'fetch'); - - await el.updateTranslatedLocalesStore(false, '/content/dam/mas/acom/en_US/my-fragment'); - - expect(Store.fragmentEditor.translatedLocales.get()).to.have.lengthOf(2); - expect(fetchStub.called).to.be.false; - } finally { - Store.fragmentEditor.translatedLocales.value = originalTranslatedLocales; - Store.fragmentEditor.fragmentId.value = null; - } - }); - - it('keeps locales from languageCopies when fil_PH fetch fails', async () => { - const el = document.createElement('mas-fragment-editor'); - const originalTranslatedLocales = Store.fragmentEditor.translatedLocales.value; - try { - Store.fragmentEditor.translatedLocales.value = null; - Store.fragmentEditor.fragmentId.value = 'frag-1'; - const getTranslations = sandbox.stub().resolves({ - languageCopies: [{ path: '/content/dam/mas/acom/en_US/my-fragment', id: 'frag-1' }], - }); - const mockRepo = { - aem: { sites: { cf: { fragments: { getTranslations } } } }, - }; - sandbox.stub(el, 'repository').get(() => mockRepo); - el.editorContextStore = { isVariation: sandbox.stub().returns(false) }; - sandbox.stub(window, 'fetch').rejects(new Error('Network error')); - - await el.updateTranslatedLocalesStore(false, '/content/dam/mas/acom/en_US/my-fragment'); - - const locales = Store.fragmentEditor.translatedLocales.get(); - expect(locales).to.have.lengthOf(1); - expect(locales[0].locale).to.equal('en_US'); - } finally { - Store.fragmentEditor.translatedLocales.value = originalTranslatedLocales; - Store.fragmentEditor.fragmentId.value = null; - } - }); - - it('keeps locales from languageCopies when fil_PH URL returns not ok', async () => { - const el = document.createElement('mas-fragment-editor'); - const originalTranslatedLocales = Store.fragmentEditor.translatedLocales.value; - try { - Store.fragmentEditor.translatedLocales.value = null; - Store.fragmentEditor.fragmentId.value = 'frag-1'; - const getTranslations = sandbox.stub().resolves({ - languageCopies: [{ path: '/content/dam/mas/acom/en_US/my-fragment', id: 'frag-1' }], - }); - const mockRepo = { - aem: { sites: { cf: { fragments: { getTranslations } } } }, - }; - sandbox.stub(el, 'repository').get(() => mockRepo); - el.editorContextStore = { isVariation: sandbox.stub().returns(false) }; - sandbox.stub(window, 'fetch').resolves({ ok: false }); - - await el.updateTranslatedLocalesStore(false, '/content/dam/mas/acom/en_US/my-fragment'); - - const locales = Store.fragmentEditor.translatedLocales.get(); - expect(locales).to.have.lengthOf(1); - expect(locales[0].locale).to.equal('en_US'); - } finally { - Store.fragmentEditor.translatedLocales.value = originalTranslatedLocales; - Store.fragmentEditor.fragmentId.value = null; - } - }); - - it('does not fetch fil_PH when fragmentPath is not provided', async () => { - const el = document.createElement('mas-fragment-editor'); - const originalTranslatedLocales = Store.fragmentEditor.translatedLocales.value; - try { - Store.fragmentEditor.translatedLocales.value = null; - Store.fragmentEditor.fragmentId.value = 'frag-1'; - const getTranslations = sandbox.stub().resolves({ - languageCopies: [{ path: '/content/dam/mas/acom/en_US/my-fragment', id: 'frag-1' }], - }); - const mockRepo = { - aem: { sites: { cf: { fragments: { getTranslations } } } }, - }; - sandbox.stub(el, 'repository').get(() => mockRepo); - el.editorContextStore = { isVariation: sandbox.stub().returns(false) }; - const fetchStub = sandbox.stub(window, 'fetch'); - - await el.updateTranslatedLocalesStore(false); - - expect(Store.fragmentEditor.translatedLocales.get()).to.have.lengthOf(1); - expect(fetchStub.called).to.be.false; - } finally { - Store.fragmentEditor.translatedLocales.value = originalTranslatedLocales; - Store.fragmentEditor.fragmentId.value = null; - } - }); - - it('sets translatedLocales to null and warns when getTranslations throws', async () => { - const el = document.createElement('mas-fragment-editor'); - const originalTranslatedLocales = Store.fragmentEditor.translatedLocales.value; - const warnStub = sandbox.stub(console, 'warn'); - try { - Store.fragmentEditor.translatedLocales.value = null; - Store.fragmentEditor.fragmentId.value = 'frag-1'; - const getTranslations = sandbox.stub().rejects(new Error('API error')); - const mockRepo = { - aem: { sites: { cf: { fragments: { getTranslations } } } }, - }; - sandbox.stub(el, 'repository').get(() => mockRepo); - el.editorContextStore = { isVariation: sandbox.stub().returns(false) }; - - await el.updateTranslatedLocalesStore(false, '/content/dam/mas/acom/en_US/my-fragment'); - - expect(Store.fragmentEditor.translatedLocales.get()).to.be.null; - expect(warnStub.calledOnce).to.be.true; - expect(warnStub.firstCall.args[0]).to.include('Failed to fetch fragment translations'); - } finally { - Store.fragmentEditor.translatedLocales.value = originalTranslatedLocales; - Store.fragmentEditor.fragmentId.value = null; - } - }); - - it('does not set locales when fragmentId changes before getTranslations resolves', async () => { - const el = document.createElement('mas-fragment-editor'); - const originalTranslatedLocales = Store.fragmentEditor.translatedLocales.value; - const originalFragmentId = Store.fragmentEditor.fragmentId.value; - try { - Store.fragmentEditor.translatedLocales.value = null; - Store.fragmentEditor.fragmentId.value = 'frag-1'; - const deferred = {}; - const getTranslations = sandbox.stub().returns( - new Promise((resolve) => { - deferred.resolve = resolve; - }), - ); - const mockRepo = { - aem: { sites: { cf: { fragments: { getTranslations } } } }, - }; - sandbox.stub(el, 'repository').get(() => mockRepo); - el.editorContextStore = { isVariation: sandbox.stub().returns(false) }; - - const updatePromise = el.updateTranslatedLocalesStore(false, '/content/dam/mas/acom/en_US/my-fragment'); - Store.fragmentEditor.fragmentId.value = 'other-frag'; - deferred.resolve({ - languageCopies: [{ path: '/content/dam/mas/acom/en_US/my-fragment', id: 'frag-1' }], - }); - - await updatePromise; - - expect(Store.fragmentEditor.translatedLocales.get()).to.be.null; - } finally { - Store.fragmentEditor.translatedLocales.value = originalTranslatedLocales; - Store.fragmentEditor.fragmentId.value = originalFragmentId; - } - }); - - it('adds fil_PH with id null when response json has no id', async () => { - const el = document.createElement('mas-fragment-editor'); - const originalTranslatedLocales = Store.fragmentEditor.translatedLocales.value; - try { - Store.fragmentEditor.translatedLocales.value = null; - Store.fragmentEditor.fragmentId.value = 'frag-1'; - const getTranslations = sandbox.stub().resolves({ - languageCopies: [{ path: '/content/dam/mas/acom/en_US/my-fragment', id: 'frag-1' }], - }); - const mockRepo = { - aem: { sites: { cf: { fragments: { getTranslations } } } }, - }; - sandbox.stub(el, 'repository').get(() => mockRepo); - el.editorContextStore = { isVariation: sandbox.stub().returns(false) }; - sandbox.stub(window, 'fetch').resolves({ - ok: true, - json: () => Promise.resolve({}), - }); - - await el.updateTranslatedLocalesStore(false, '/content/dam/mas/acom/en_US/my-fragment'); - - const locales = Store.fragmentEditor.translatedLocales.get(); - const filPh = locales.find((l) => l.locale === 'fil_PH'); - expect(filPh).to.deep.include({ locale: 'fil_PH', id: null, path: '/content/dam/mas/acom/fil_PH/my-fragment' }); - } finally { - Store.fragmentEditor.translatedLocales.value = originalTranslatedLocales; - Store.fragmentEditor.fragmentId.value = null; - } - }); - - it('when current locale is fil_PH, fetches en_US path from Odin and getTranslations(enUsFragmentId) for languageCopies then adds fil_PH', async () => { - const el = document.createElement('mas-fragment-editor'); - const originalTranslatedLocales = Store.fragmentEditor.translatedLocales.value; - const filPhPath = '/content/dam/mas/acom/fil_PH/my-fragment'; - const filPhFragmentId = 'fil-ph-frag-id'; - const enUsFragmentId = 'en-us-frag-id'; - try { - Store.fragmentEditor.translatedLocales.value = null; - Store.fragmentEditor.fragmentId.value = filPhFragmentId; - const getTranslations = sandbox.stub().resolves({ - languageCopies: [ - { path: '/content/dam/mas/acom/en_US/my-fragment', id: enUsFragmentId }, - { path: '/content/dam/mas/acom/fr_FR/my-fragment', id: 'fr-frag-id' }, - ], - }); - const mockRepo = { - aem: { sites: { cf: { fragments: { getTranslations } } } }, - }; - sandbox.stub(el, 'repository').get(() => mockRepo); - el.editorContextStore = { isVariation: sandbox.stub().returns(false) }; - const fetchStub = sandbox.stub(window, 'fetch').resolves({ - ok: true, - json: () => Promise.resolve({ 'jcr:uuid': enUsFragmentId }), - }); - - await el.updateTranslatedLocalesStore(false, filPhPath); - - const locales = Store.fragmentEditor.translatedLocales.get(); - expect(locales).to.have.lengthOf(3); - expect(getTranslations.calledOnceWith(enUsFragmentId)).to.be.true; - expect(fetchStub.firstCall.args[0]).to.equal( - `${ODIN_PREVIEW_ORIGIN}/content/dam/mas/acom/en_US/my-fragment.json`, - ); - const enUs = locales.find((l) => l.locale === 'en_US'); - expect(enUs).to.deep.include({ - locale: 'en_US', - id: enUsFragmentId, - path: '/content/dam/mas/acom/en_US/my-fragment', - }); - const filPh = locales.find((l) => l.locale === 'fil_PH'); - expect(filPh).to.deep.include({ locale: 'fil_PH', id: filPhFragmentId, path: filPhPath }); - } finally { - Store.fragmentEditor.translatedLocales.value = originalTranslatedLocales; - Store.fragmentEditor.fragmentId.value = null; - } - }); }); describe('discard changes', () => { @@ -934,6 +685,57 @@ describe('MasFragmentEditor', () => { const preview = el.previewColumn; expect(preview).to.not.equal(nothing); }); + + it('renders compare-chart-editor for collection fragments', () => { + const collectionEditor = document.createElement('mas-fragment-editor'); + const fragment = new Fragment({ + id: 'collection-id', + path: '/content/dam/mas/s/en_US/collection', + model: { path: COLLECTION_MODEL_PATH }, + fields: [{ name: 'cards', values: [] }], + tags: [], + references: [], + }); + collectionEditor.inEdit.value = generateFragmentStore(fragment); + document.body.append(collectionEditor); + + return collectionEditor.updateComplete.then(() => { + expect(collectionEditor.querySelector('compare-chart-editor')).to.exist; + collectionEditor.remove(); + }); + }); + + it('renders compare preview column for collection fragments', () => { + const collectionEditor = document.createElement('mas-fragment-editor'); + const fragment = new Fragment({ + id: 'collection-id', + path: '/content/dam/mas/s/en_US/collection', + model: { path: COLLECTION_MODEL_PATH }, + fields: [{ name: 'cards', values: [] }], + tags: [], + references: [], + }); + collectionEditor.inEdit.value = generateFragmentStore(fragment); + document.body.append(collectionEditor); + + return collectionEditor.updateComplete.then(() => { + const preview = collectionEditor.querySelector('#preview-column acom-content-preview'); + expect(preview).to.exist; + expect(preview.getAttribute('renderer')).to.equal('legacy'); + expect(preview.shadowRoot.querySelector('link[href="https://www.adobe.com/libs/styles/styles.css"]')).to.exist; + expect(preview.shadowRoot.querySelector('link[href="https://www.adobe.com/libs/blocks/table/table.css"]')).to.exist; + expect(preview.shadowRoot.querySelector('link[href="https://www.adobe.com/libs/blocks/merch/merch.css"]')).to.exist; + expect( + preview.shadowRoot.querySelector( + 'link[href="https://main--milo--adobecom.aem.live/libs/blocks/comparison-table/comparison-table.css"]', + ), + ).to.exist; + expect(preview.shadowRoot.querySelector('#adobe-token-bridge')).to.exist; + expect(preview.shadowRoot.querySelector('mas-table')).to.exist; + expect(preview.shadowRoot.querySelector('aem-fragment')).to.exist; + collectionEditor.remove(); + }); + }); }); describe('missing variation state', () => { @@ -989,6 +791,44 @@ describe('MasFragmentEditor', () => { }); }); + describe('compare chart draft persistence', () => { + it('delegates compare chart draft saving to the compare chart editor', async () => { + const el = new MasFragmentEditor(); + const savePendingChanges = sandbox.stub().resolves(); + const repository = { saveFragment: sandbox.stub() }; + + sandbox.stub(el, 'repository').get(() => repository); + sandbox.stub(el, 'querySelector').withArgs('compare-chart-editor:not([preview-only])').returns({ + savePendingChanges, + }); + + await el.saveFragment(); + + expect(savePendingChanges.calledOnceWith(repository)).to.be.true; + }); + + it('discards compare chart draft card stores alongside the collection store', async () => { + const el = new MasFragmentEditor(); + const discardPendingChanges = sandbox.stub(); + const discardChanges = sandbox.stub(); + const resolver = sandbox.stub(); + + sandbox.stub(el, 'querySelector').withArgs('compare-chart-editor:not([preview-only])').returns({ + discardPendingChanges, + }); + sandbox.stub(el, 'fragmentStore').get(() => ({ discardChanges })); + + el.discardPromiseResolver = resolver; + el.showDiscardDialog = true; + + el.discardConfirmed(); + + expect(discardPendingChanges.calledOnce).to.be.true; + expect(discardChanges.calledOnce).to.be.true; + expect(resolver.calledOnceWith(true)).to.be.true; + }); + }); + describe('additional rendering and logic', () => { let el; beforeEach(() => { diff --git a/studio/test/mas-side-nav.test.js b/studio/test/mas-side-nav.test.js index 3ddb2f681..798c3b822 100644 --- a/studio/test/mas-side-nav.test.js +++ b/studio/test/mas-side-nav.test.js @@ -3,7 +3,7 @@ import sinon from 'sinon'; import { render } from 'lit'; import Store from '../src/store.js'; import Events from '../src/events.js'; -import { CARD_MODEL_PATH, PAGE_NAMES } from '../src/constants.js'; +import { CARD_MODEL_PATH, COLLECTION_MODEL_PATH, PAGE_NAMES } from '../src/constants.js'; import '../src/mas-side-nav.js'; function mockFragment(fields = [], overrides = {}) { @@ -495,6 +495,16 @@ describe('MasSideNav – Copy Field', () => { }); describe('copyFieldButton', () => { + it('should not render copy field for compare chart editor', () => { + const fragment = mockFragment([], { model: { path: COLLECTION_MODEL_PATH } }); + editorStub.withArgs('mas-fragment-editor').returns(mockEditor(fragment)); + + const container = document.createElement('div'); + render(el.copyFieldButton, container); + + expect(container.textContent.trim()).to.equal(''); + }); + it('should disable the trigger while variation data is loading', () => { el.variationDataLoading = true; const container = document.createElement('div'); @@ -704,6 +714,22 @@ describe('MasSideNav – Copy Field', () => { }); }); + describe('editNavigation', () => { + it('should hide compare chart variation, duplicate, and copy field actions', () => { + const fragment = mockFragment([], { model: { path: COLLECTION_MODEL_PATH } }); + editorStub.withArgs('mas-fragment-editor').returns(mockEditor(fragment)); + sandbox.stub(Store.fragmentEditor.loading, 'get').returns(false); + sandbox.stub(Store.editor, 'hasChanges').value(false); + + const container = document.createElement('div'); + render(el.editNavigation, container); + + expect(container.querySelector('mas-side-nav-item[label="Create Variation"]')).to.not.exist; + expect(container.querySelector('mas-side-nav-item[label="Duplicate"]')).to.not.exist; + expect(container.querySelector('mas-side-nav-item[label="Copy Field"]')).to.not.exist; + }); + }); + describe('updateVariationLoadingState', () => { let contextStore; let contextIsVariationStub; diff --git a/studio/test/recreate-compare-chart-from-json.test.js b/studio/test/recreate-compare-chart-from-json.test.js new file mode 100644 index 000000000..29af8b811 --- /dev/null +++ b/studio/test/recreate-compare-chart-from-json.test.js @@ -0,0 +1,142 @@ +import { expect } from '@open-wc/testing'; +import { + buildCollectionSavePayload, + buildRecreationPlan, + dedupeReferencesByPath, + getOrderedCardFragments, + rewriteCompareChartCardPaths, +} from '../src/tools/recreate-compare-chart-from-json.js'; + +const createCardReference = (suffix, title) => ({ + path: `/content/dam/mas/sandbox/en_US/card-${suffix}`, + title, + model: { path: '/conf/mas/settings/dam/cfm/models/card' }, + fields: [{ name: 'variant', type: 'text', multiple: false, values: ['mini-compare-chart'] }], +}); + +const createCollectionFragment = () => ({ + path: '/content/dam/mas/sandbox/en_US/test-compare-chart', + title: 'Test Compare Chart', + description: 'desc', + model: { + id: 'collection-model-id', + path: '/conf/mas/settings/dam/cfm/models/collection', + }, + tags: [], + fields: [ + { + name: 'cards', + type: 'content-fragment', + multiple: true, + values: [ + '/content/dam/mas/sandbox/en_US/card-b', + '/content/dam/mas/sandbox/en_US/card-a', + ], + }, + { + name: 'compareChart', + type: 'long-text', + multiple: false, + mimeType: 'text/plain', + values: [ + '
Feature
B
A
', + ], + }, + { + name: 'label', + type: 'text', + multiple: false, + values: ['Compare'], + }, + ], + references: [ + createCardReference('a', 'Card A'), + createCardReference('a', 'Card A duplicate'), + createCardReference('b', 'Card B'), + ], +}); + +describe('recreate-compare-chart-from-json', () => { + it('dedupes references by path', () => { + const result = dedupeReferencesByPath([ + createCardReference('a', 'Card A'), + createCardReference('a', 'Card A duplicate'), + createCardReference('b', 'Card B'), + ]); + + expect(result).to.have.length(2); + expect(result.map((reference) => reference.path)).to.deep.equal([ + '/content/dam/mas/sandbox/en_US/card-a', + '/content/dam/mas/sandbox/en_US/card-b', + ]); + }); + + it('orders card fragments by the collection cards field', () => { + const result = getOrderedCardFragments(createCollectionFragment()); + expect(result.map((reference) => reference.path)).to.deep.equal([ + '/content/dam/mas/sandbox/en_US/card-b', + '/content/dam/mas/sandbox/en_US/card-a', + ]); + }); + + it('rewrites compareChart card paths', () => { + const rewritten = rewriteCompareChartCardPaths( + createCollectionFragment().fields[1].values[0], + new Map([ + [ + '/content/dam/mas/sandbox/en_US/card-b', + '/content/dam/mas/prod/en_US/card-b', + ], + [ + '/content/dam/mas/sandbox/en_US/card-a', + '/content/dam/mas/prod/en_US/card-a', + ], + ]), + ); + + expect(rewritten).to.include('/content/dam/mas/prod/en_US/card-b'); + expect(rewritten).to.include('/content/dam/mas/prod/en_US/card-a'); + expect(rewritten).to.not.include('/content/dam/mas/sandbox/en_US/card-b'); + }); + + it('builds the recreation plan from the collection payload', () => { + const result = buildRecreationPlan(createCollectionFragment()); + + expect(result.cardTargetPaths).to.deep.equal([ + '/content/dam/mas/sandbox/en_US/card-b', + '/content/dam/mas/sandbox/en_US/card-a', + ]); + expect(result.collectionTargetPath).to.equal( + '/content/dam/mas/sandbox/en_US/test-compare-chart', + ); + expect(result.collectionShellPayload.fields.map((field) => field.name)).to.deep.equal([ + 'label', + ]); + }); + + it('builds a collection save payload with rewritten card paths', () => { + const payload = buildCollectionSavePayload( + { id: 'new-collection-id' }, + createCollectionFragment(), + new Map([ + [ + '/content/dam/mas/sandbox/en_US/card-b', + '/content/dam/mas/prod/en_US/card-b', + ], + [ + '/content/dam/mas/sandbox/en_US/card-a', + '/content/dam/mas/prod/en_US/card-a', + ], + ]), + ); + + expect(payload.id).to.equal('new-collection-id'); + expect(payload.fields.find((field) => field.name === 'cards').values).to.deep.equal([ + '/content/dam/mas/prod/en_US/card-b', + '/content/dam/mas/prod/en_US/card-a', + ]); + expect( + payload.fields.find((field) => field.name === 'compareChart').values[0], + ).to.include('/content/dam/mas/prod/en_US/card-b'); + }); +}); diff --git a/studio/test/router.test.js b/studio/test/router.test.js index febef37d6..291d970d9 100644 --- a/studio/test/router.test.js +++ b/studio/test/router.test.js @@ -521,6 +521,28 @@ describe('Router', () => { await router.navigateToFragmentEditor('test-id', { locale: 'fr_FR' }); expect(Store.search.get().region).to.equal('fr_FR'); }); + + it('routes collection fragments through the full-page fragment editor', async () => { + const collectionStore = new FragmentStore( + new Fragment({ + id: 'collection-id', + model: { path: COLLECTION_MODEL_PATH }, + fields: [], + }), + ); + Store.fragments.list.data.set([collectionStore]); + const editorPanel = { + editFragment: sandbox.stub(), + promptDiscardChanges: sandbox.stub().resolves(true), + }; + sandbox.stub(document, 'querySelector').withArgs('editor-panel').returns(editorPanel); + + await router.navigateToFragmentEditor('collection-id'); + + expect(Store.fragmentEditor.fragmentId.get()).to.equal('collection-id'); + expect(Store.page.get()).to.equal(PAGE_NAMES.FRAGMENT_EDITOR); + expect(editorPanel.editFragment.called).to.equal(false); + }); }); describe('navigateToTranslationEditor', () => { diff --git a/studio/test/rte/rte-field.test.html b/studio/test/rte/rte-field.test.html index 3388b179e..ef20c7799 100644 --- a/studio/test/rte/rte-field.test.html +++ b/studio/test/rte/rte-field.test.html @@ -103,6 +103,86 @@ const rte = await createFromTemplate('rte', this.test.title); expect(rte.shadowRoot).exist; }); + + it('should use mas-icon-picker-modal when icon-picker is enabled', async function () { + const rte = await createFromTemplate('rte-icon-picker', this.test.title); + + await rte.openMnemonicEditor(); + await rte.updateComplete; + + expect(rte.shadowRoot.querySelector('mas-icon-picker-modal')).to.exist; + expect(rte.shadowRoot.querySelector('rte-mnemonic-editor')).to.not.exist; + }); + + it('should float the toolbar centered above the parent container when focused', async function () { + const wrapper = await createFromTemplate('rte-float', this.test.title); + const rte = wrapper.querySelector('rte-field'); + const anchor = rte.parentElement; + const toolbar = rte.shadowRoot.getElementById('floating-toolbar'); + + anchor.getBoundingClientRect = () => ({ + left: 100, + top: 200, + width: 320, + height: 80, + right: 420, + bottom: 280, + }); + toolbar.getBoundingClientRect = () => ({ + left: 0, + top: 0, + width: 180, + height: 44, + right: 180, + bottom: 44, + }); + + rte.hasFocus = true; + rte.requestUpdate(); + await rte.updateComplete; + await delay(50); + await rte.updateComplete; + + expect(toolbar.classList.contains('visible')).to.be.true; + expect(toolbar.classList.contains('below')).to.be.false; + expect(toolbar.style.left).to.equal('260px'); + expect(toolbar.style.top).to.equal('144px'); + }); + + it('should flip the floating toolbar below when there is not enough room above', async function () { + const wrapper = await createFromTemplate('rte-float', this.test.title); + const rte = wrapper.querySelector('rte-field'); + const anchor = rte.parentElement; + const toolbar = rte.shadowRoot.getElementById('floating-toolbar'); + + anchor.getBoundingClientRect = () => ({ + left: 100, + top: 20, + width: 320, + height: 80, + right: 420, + bottom: 100, + }); + toolbar.getBoundingClientRect = () => ({ + left: 0, + top: 0, + width: 180, + height: 44, + right: 180, + bottom: 44, + }); + + rte.hasFocus = true; + rte.requestUpdate(); + await rte.updateComplete; + await delay(50); + await rte.updateComplete; + + expect(toolbar.classList.contains('visible')).to.be.true; + expect(toolbar.classList.contains('below')).to.be.true; + expect(toolbar.style.left).to.equal('260px'); + expect(toolbar.style.top).to.equal('112px'); + }); }); describe('RTE Field: styling features', () => { @@ -349,6 +429,18 @@

Styling

+ + diff --git a/studio/test/utils.test.js b/studio/test/utils.test.js index 216397730..5c2246a88 100644 --- a/studio/test/utils.test.js +++ b/studio/test/utils.test.js @@ -1,5 +1,5 @@ import { expect } from '@open-wc/testing'; -import { generateFieldLink, camelToTitle, stripHtml, previewValue } from '../src/utils.js'; +import { generateCodeToUse, generateFieldLink, camelToTitle, stripHtml, previewValue } from '../src/utils.js'; import { CARD_MODEL_PATH, COLLECTION_MODEL_PATH } from '../src/constants.js'; describe('generateFieldLink', () => { @@ -69,6 +69,35 @@ describe('generateFieldLink', () => { }); }); +describe('generateCodeToUse', () => { + function mockFragment(modelPath, id = 'frag-123') { + return { + id, + model: { path: modelPath }, + title: 'Test Collection', + getField: (name) => { + const fields = { + name: { values: ['card-name'] }, + cardTitle: { values: ['Creative Cloud'] }, + variant: { values: ['plans'] }, + }; + return fields[name] || null; + }, + getTagTitle: () => null, + }; + } + + it('uses compare-chart merch links for compare-chart collections', () => { + const fragment = mockFragment(COLLECTION_MODEL_PATH); + const result = generateCodeToUse(fragment, '/sandbox', 'content'); + expect(result).to.not.be.null; + expect(result.href).to.include('content-type=compare-chart'); + expect(result.href).to.include('consonant=true'); + expect(result.href).to.not.include('content-type=merch-card-collection'); + expect(result.richText).to.include('compare-chart:'); + }); +}); + describe('camelToTitle', () => { it('converts camelCase to title case', () => { expect(camelToTitle('cardTitle')).to.equal('Card Title'); diff --git a/web-components/build.mjs b/web-components/build.mjs index 81c001ad2..d8835b721 100644 --- a/web-components/build.mjs +++ b/web-components/build.mjs @@ -69,6 +69,9 @@ Promise.all([ outfile: `${outfolder}/mas-field.js`, }), buildLitComponent('merch-card'), + buildLitComponent('aem-fragment'), + buildLitComponent('mas-table'), + buildLitComponent('mas-comparison-table'), buildLitComponent('merch-icon'), buildLitComponent('merch-quantity-select'), buildLitComponent('merch-secure-transaction'), diff --git a/web-components/dist/aem-fragment.js b/web-components/dist/aem-fragment.js new file mode 100644 index 000000000..71c3f19e1 --- /dev/null +++ b/web-components/dist/aem-fragment.js @@ -0,0 +1,2 @@ +var Me=Object.defineProperty;var J=r=>{throw TypeError(r)};var Ie=(r,t,e)=>t in r?Me(r,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):r[t]=e;var Y=(r,t,e)=>Ie(r,typeof t!="symbol"?t+"":t,e),V=(r,t,e)=>t.has(r)||J("Cannot "+e);var s=(r,t,e)=>(V(r,t,"read from private field"),e?e.call(r):t.get(r)),E=(r,t,e)=>t.has(r)?J("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(r):t.set(r,e),l=(r,t,e,i)=>(V(r,t,"write to private field"),i?i.call(r,e):t.set(r,e),e),L=(r,t,e)=>(V(r,t,"access private method"),e);var ee=(r,t,e,i)=>({set _(n){l(r,t,n,e)},get _(){return s(r,t,i)}});function b(r,t={},{metadata:e=!0,search:i=!0,storage:n=!0}={}){let o;if(i&&o==null){let c=new URLSearchParams(window.location.search),a=j(i)?i:r;o=c.get(a)}if(n&&o==null){let c=j(n)?n:r;o=window.sessionStorage.getItem(c)??window.localStorage.getItem(c)}if(e&&o==null){let c=xe(j(e)?e:r);o=document.documentElement.querySelector(`meta[name="${c}"]`)?.content}return o??t[r]}var we=r=>typeof r=="boolean",H=r=>typeof r=="function";var j=r=>typeof r=="string";function te(r,t){if(we(r))return r;let e=String(r);return e==="1"||e==="true"?!0:e==="0"||e==="false"?!1:t}function xe(r=""){return String(r).replace(/(\p{Lowercase_Letter})(\p{Uppercase_Letter})/gu,(t,e,i)=>`${e}-${i}`).replace(/\W+/gu,"-").toLowerCase()}var ze=Object.freeze({MONTH:"MONTH",YEAR:"YEAR",TWO_YEARS:"TWO_YEARS",THREE_YEARS:"THREE_YEARS",PERPETUAL:"PERPETUAL",TERM_LICENSE:"TERM_LICENSE",ACCESS_PASS:"ACCESS_PASS",THREE_MONTHS:"THREE_MONTHS",SIX_MONTHS:"SIX_MONTHS"}),ke=Object.freeze({ANNUAL:"ANNUAL",MONTHLY:"MONTHLY",TWO_YEARS:"TWO_YEARS",THREE_YEARS:"THREE_YEARS",P1D:"P1D",P1Y:"P1Y",P3Y:"P3Y",P10Y:"P10Y",P15Y:"P15Y",P3D:"P3D",P7D:"P7D",P30D:"P30D",HALF_YEARLY:"HALF_YEARLY",QUARTERLY:"QUARTERLY"});var De='span[is="inline-price"][data-wcs-osi]',ye='a[is="checkout-link"][data-wcs-osi],button[is="checkout-button"][data-wcs-osi]';var be='a[is="upt-link"]',qe=`${De},${ye},${be}`;var re="aem:load",se="aem:error";var ie="mas/commerce";var U="X-Request-Id",Qe=Object.freeze({SEGMENTATION:"segmentation",BUNDLE:"bundle",COMMITMENT:"commitment",RECOMMENDATION:"recommendation",EMAIL:"email",PAYMENT:"payment",CHANGE_PLAN_TEAM_PLANS:"change-plan/team-upgrade/plans",CHANGE_PLAN_TEAM_PAYMENT:"change-plan/team-upgrade/payment"});var Xe=Object.freeze({STAGE:"STAGE",PRODUCTION:"PRODUCTION",LOCAL:"LOCAL"});var ne=":start",oe=":duration";var O=class r extends Error{constructor(t,e,i){if(super(t,{cause:i}),this.name="MasError",e.response){let n=e.response.headers?.get(U);n&&(e.requestId=n),e.response.status&&(e.status=e.response.status,e.statusText=e.response.statusText),e.response.url&&(e.url=e.response.url)}delete e.response,this.context=e,Error.captureStackTrace&&Error.captureStackTrace(this,r)}toString(){let t=Object.entries(this.context||{}).map(([i,n])=>`${i}: ${JSON.stringify(n)}`).join(", "),e=`${this.name}: ${this.message}`;return t&&(e+=` (${t})`),this.cause&&(e+=` +Caused by: ${this.cause}`),e}};var N={clientId:"merch-at-scale",delimiter:"\xB6",ignoredProperties:["analytics","literals","element"],serializableTypes:["Array","Object"],sampleRate:1,severity:"e",tags:"acom",isProdDomain:!1},ce=1e3;function He(r){return r instanceof Error||typeof r?.originatingRequest=="string"}function ae(r){if(r==null)return;let t=typeof r;if(t==="function")return r.name?`function ${r.name}`:"function";if(t==="object"){if(r instanceof Error)return r.message;if(typeof r.originatingRequest=="string"){let{message:i,originatingRequest:n,status:o}=r;return[i,o,n].filter(Boolean).join(" ")}let e=r[Symbol.toStringTag]??Object.getPrototypeOf(r).constructor.name;if(!N.serializableTypes.includes(e))return e}return r}function Ue(r,t){if(!N.ignoredProperties.includes(r))return ae(t)}var B={append(r){if(r.level!=="error")return;let{message:t,params:e}=r,i=[],n=[],o=t;e.forEach(g=>{g!=null&&(He(g)?i:n).push(g)}),i.length&&(o+=" "+i.map(ae).join(" "));let{pathname:c,search:a}=window.location,h=`${N.delimiter}page=${c}${a}`;h.length>ce&&(h=`${h.slice(0,ce)}`),o+=h,n.length&&(o+=`${N.delimiter}facts=`,o+=JSON.stringify(n,Ue)),window.lana?.log(o,N)}};function le(r){Object.assign(N,Object.fromEntries(Object.entries(r).filter(([t,e])=>t in N&&e!==""&&e!==null&&e!==void 0&&!Number.isNaN(e))))}var ue={LOCAL:"local",PROD:"prod",STAGE:"stage"},W={DEBUG:"debug",ERROR:"error",INFO:"info",WARN:"warn"},K=new Set,v=new Set,Ee=new Map,de={append({level:r,message:t,params:e,timestamp:i,source:n}){console[r](`${i}ms [${n}] %c${t}`,"font-weight: bold;",...e)}},he={filter:({level:r})=>r!==W.DEBUG},Fe={filter:()=>!1};function $e(r,t,e,i,n){return{level:r,message:t,namespace:e,get params(){return i.length===1&&H(i[0])&&(i=i[0](),Array.isArray(i)||(i=[i])),i},source:n,timestamp:performance.now().toFixed(3)}}function Ge(r){[...v].every(t=>t(r))&&K.forEach(t=>t(r))}function pe(r){let t=(Ee.get(r)??0)+1;Ee.set(r,t);let e=`${r} #${t}`,i={id:e,namespace:r,module:n=>pe(`${i.namespace}/${n}`),updateConfig:le};return Object.values(W).forEach(n=>{i[n]=(o,...c)=>Ge($e(n,o,r,c,e))}),Object.seal(i)}function F(...r){r.forEach(t=>{let{append:e,filter:i}=t;H(i)&&v.add(i),H(e)&&K.add(e)})}function Ye(r={}){let{name:t}=r,e=te(b("commerce.debug",{search:!0,storage:!0}),t===ue.LOCAL);return F(e?de:he),t===ue.PROD&&F(B),z}function Ve(){K.clear(),v.clear()}var z={...pe(ie),Level:W,Plugins:{consoleAppender:de,debugFilter:he,quietFilter:Fe,lanaAppender:B},init:Ye,reset:Ve,use:F};var at=z.module("utilities"),je={requestId:U,etag:"Etag",lastModified:"Last-Modified",serverTiming:"server-timing"};function fe(r){let t={};if(!r?.headers)return t;let e=r.headers;for(let[i,n]of Object.entries(je)){let o=e.get(n);o&&(o=o.replace(/[,;]/g,"|"),o=o.replace(/[| ]+/g,"|"),t[i]=o)}return t}var Be="mas-commerce-service";function k(r){return`startTime:${r.startTime.toFixed(2)}|duration:${r.duration.toFixed(2)}`}function me(){return document.getElementsByTagName(Be)?.[0]}async function Ae(r,t={},e=2,i=100){let n;for(let o=0;o<=e;o++)try{let c=await fetch(r,t);return c.retryCount=o,c}catch(c){if(n=c,n.retryCount=o,o>e)break;await new Promise(a=>setTimeout(a,i*(o+1)))}throw n}var Te="fragment",_e="author",ge="preview",Re="loading",Se="timeout",q="aem-fragment",Ne="eager",Ce="cache",We=[Ne,Ce],_,C,f,Q=class{constructor(){E(this,_,new Map);E(this,C,new Map);E(this,f,new Map)}clear(){s(this,_).clear(),s(this,C).clear(),s(this,f).clear()}add(t,e=!0){if(!this.has(t.id)&&!this.has(t.fields?.originalId)){if(s(this,_).set(t.id,t),t.fields?.originalId&&s(this,_).set(t.fields.originalId,t),s(this,f).has(t.id)){let[,i]=s(this,f).get(t.id);i()}if(s(this,f).has(t.fields?.originalId)){let[,i]=s(this,f).get(t.fields?.originalId);i()}if(!(!e||typeof t.references!="object"||Array.isArray(t.references)))for(let i in t.references){let{type:n,value:o}=t.references[i];n==="content-fragment"&&(o.settings={...t?.settings,...o.settings},o.placeholders={...t?.placeholders,...o.placeholders},o.dictionary={...t?.dictionary,...o.dictionary},o.priceLiterals={...t?.priceLiterals,...o.priceLiterals},this.add(o,t))}}}has(t){return s(this,_).has(t)}entries(){return s(this,_).entries()}get(t){return s(this,_).get(t)}getAsPromise(t){let[e]=s(this,f).get(t)??[];if(e)return e;let i;return e=new Promise(n=>{i=n,this.has(t)&&n()}),s(this,f).set(t,[e,i]),e}getFetchInfo(t){let e=s(this,C).get(t);return e||(e={url:null,retryCount:0,stale:!1,measure:null,status:null},s(this,C).set(t,e)),e}remove(t){s(this,_).delete(t),s(this,C).delete(t),s(this,f).delete(t)}};_=new WeakMap,C=new WeakMap,f=new WeakMap;var S=new Q,P,m,R,p,d,u,w,x,A,D,y,M,T,Le,Oe,X,Pe,$=class extends HTMLElement{constructor(){super(...arguments);E(this,T);Y(this,"cache",S);E(this,P);E(this,m,null);E(this,R,null);E(this,p,null);E(this,d);E(this,u);E(this,w,Ne);E(this,x,5e3);E(this,A);E(this,D,!1);E(this,y,0);E(this,M)}static get observedAttributes(){return[Te,Re,Se,_e,ge]}attributeChangedCallback(e,i,n){e===Te&&(l(this,d,n),l(this,u,S.getFetchInfo(n))),e===Re&&We.includes(n)&&l(this,w,n),e===Se&&l(this,x,parseInt(n,10)),e===_e&&l(this,D,["","true"].includes(n)),e===ge&&l(this,M,n)}connectedCallback(){if(!s(this,A)){if(s(this,p)??l(this,p,me(this)),l(this,M,s(this,p).settings?.preview),s(this,P)??l(this,P,s(this,p).log.module(`${q}[${s(this,d)}]`)),!s(this,d)||s(this,d)==="#"){s(this,u)??l(this,u,S.getFetchInfo("missing-fragment-id")),L(this,T,X).call(this,"Missing fragment id");return}this.refresh(!1)}}get fetchInfo(){return Object.fromEntries(Object.entries(s(this,u)).filter(([e,i])=>i!=null).map(([e,i])=>[`aem-fragment:${e}`,i]))}async refresh(e=!0){if(s(this,A)&&!await Promise.race([s(this,A),Promise.resolve(!1)]))return;e&&S.remove(s(this,d)),s(this,w)===Ce&&await Promise.race([S.getAsPromise(s(this,d)),new Promise(a=>setTimeout(a,s(this,x)))]);try{l(this,A,L(this,T,Pe).call(this)),await s(this,A)}catch(a){return L(this,T,X).call(this,a.message),!1}let{references:i,referencesTree:n,placeholders:o,wcs:c}=s(this,m)||{};return c&&!b("mas.disableWcsCache")&&s(this,p).prefillWcsCache(c),this.dispatchEvent(new CustomEvent(re,{detail:{...this.data,references:i,referencesTree:n,placeholders:o,...s(this,u)},bubbles:!0,composed:!0})),s(this,A)}get updateComplete(){return s(this,A)??Promise.reject(new Error("AEM fragment cannot be loaded"))}get data(){return s(this,R)?s(this,R):(s(this,D)?this.transformAuthorData():this.transformPublishData(),s(this,R))}get rawData(){return s(this,m)}transformAuthorData(){let{fields:e,id:i,tags:n,settings:o={},priceLiterals:c={},dictionary:a={},placeholders:h={}}=s(this,m);l(this,R,e.reduce((g,{name:G,multiple:I,values:Z})=>(g.fields[G]=I?Z:Z[0],g),{fields:{},id:i,tags:n,settings:o,priceLiterals:c,dictionary:a,placeholders:h}))}transformPublishData(){let{fields:e,id:i,tags:n,settings:o={},priceLiterals:c={},dictionary:a={},placeholders:h={}}=s(this,m);l(this,R,Object.entries(e).reduce((g,[G,I])=>(g.fields[G]=I?.mimeType?I.value:I??"",g),{fields:{},id:i,tags:n,settings:o,priceLiterals:c,dictionary:a,placeholders:h}))}getFragmentClientUrl(){let i=new URLSearchParams(window.location.search).get("maslibs");if(!i||i.trim()==="")return"https://mas.adobe.com/studio/libs/fragment-client.js";let n=i.trim().toLowerCase();if(n==="local")return"http://localhost:3000/studio/libs/fragment-client.js";let{hostname:o}=window.location,c=o.endsWith(".page")?"page":"live";return n.includes("--")?`https://${n}.aem.${c}/studio/libs/fragment-client.js`:`https://${n}--mas--adobecom.aem.${c}/studio/libs/fragment-client.js`}async generatePreview(){let e=this.getFragmentClientUrl(),{previewFragment:i}=await import(e);return await i(s(this,d),{locale:s(this,p).settings.locale,apiKey:s(this,p).settings.wcsApiKey,fullContext:!0})}};P=new WeakMap,m=new WeakMap,R=new WeakMap,p=new WeakMap,d=new WeakMap,u=new WeakMap,w=new WeakMap,x=new WeakMap,A=new WeakMap,D=new WeakMap,y=new WeakMap,M=new WeakMap,T=new WeakSet,Le=async function(e){ee(this,y)._++;let i=`${q}:${s(this,d)}:${s(this,y)}`,n=`${i}${ne}`,o=`${i}${oe}`;if(s(this,M)){let a=await this.generatePreview();if(a.status===200)return a.body;throw new O(`Failed to generate preview: ${a.message}`,{})}performance.mark(n);let c;try{if(s(this,u).stale=!1,s(this,u).url=e,c=await Ae(e,{cache:"default",credentials:"omit"}),L(this,T,Oe).call(this,c),s(this,u).status=c?.status,s(this,u).measure=k(performance.measure(o,n)),s(this,u).retryCount=c.retryCount,!c?.ok)throw new O("Unexpected fragment response",{response:c,...s(this,p).duration});return await c.json()}catch(a){if(s(this,u).measure=k(performance.measure(o,n)),s(this,u).retryCount=a.retryCount,s(this,m))return s(this,u).stale=!0,s(this,P).error("Serving stale data",s(this,u)),s(this,m);let h=a.message??"unknown";throw new O(`Failed to fetch fragment: ${h}`,{})}},Oe=function(e){Object.assign(s(this,u),fe(e))},X=function(e){l(this,A,null),s(this,u).message=e,this.classList.add("error");let i={...s(this,u),...s(this,p).duration};s(this,P).error(e,i),this.dispatchEvent(new CustomEvent(se,{detail:i,bubbles:!0,composed:!0}))},Pe=async function(){var h;this.classList.remove("error"),l(this,R,null);let e=S.get(s(this,d));if(e)return l(this,m,e),!0;let{masIOUrl:i,wcsApiKey:n,country:o,locale:c}=s(this,p).settings,a=`${i}/fragment?id=${s(this,d)}&api_key=${n}&locale=${c}`;return o&&!c.endsWith(`_${o}`)&&(a+=`&country=${o}`),e=await L(this,T,Le).call(this,a),(h=e.fields).originalId??(h.originalId=s(this,d)),S.add(e),l(this,m,e),!0},Y($,"cache",S);customElements.define(q,$);export{$ as AemFragment}; diff --git a/web-components/dist/mas-comparison-table.js b/web-components/dist/mas-comparison-table.js new file mode 100644 index 000000000..741e9334f --- /dev/null +++ b/web-components/dist/mas-comparison-table.js @@ -0,0 +1,2 @@ +var Ve=Object.defineProperty;var ue=t=>{throw TypeError(t)};var Ye=(t,r,e)=>r in t?Ve(t,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[r]=e;var h=(t,r,e)=>Ye(t,typeof r!="symbol"?r+"":r,e),de=(t,r,e)=>r.has(t)||ue("Cannot "+e);var p=(t,r,e)=>(de(t,r,"read from private field"),e?e.call(t):r.get(t)),g=(t,r,e)=>r.has(t)?ue("Cannot add the same private member more than once"):r instanceof WeakSet?r.add(t):r.set(t,e),E=(t,r,e,o)=>(de(t,r,"write to private field"),o?o.call(t,e):r.set(t,e),e);var pe=(t,r,e,o)=>({set _(n){E(t,r,n,e)},get _(){return p(t,r,o)}});var Wt=Object.freeze({MONTH:"MONTH",YEAR:"YEAR",TWO_YEARS:"TWO_YEARS",THREE_YEARS:"THREE_YEARS",PERPETUAL:"PERPETUAL",TERM_LICENSE:"TERM_LICENSE",ACCESS_PASS:"ACCESS_PASS",THREE_MONTHS:"THREE_MONTHS",SIX_MONTHS:"SIX_MONTHS"}),jt=Object.freeze({ANNUAL:"ANNUAL",MONTHLY:"MONTHLY",TWO_YEARS:"TWO_YEARS",THREE_YEARS:"THREE_YEARS",P1D:"P1D",P1Y:"P1Y",P3Y:"P3Y",P10Y:"P10Y",P15Y:"P15Y",P3D:"P3D",P7D:"P7D",P30D:"P30D",HALF_YEARLY:"HALF_YEARLY",QUARTERLY:"QUARTERLY"});var me='span[is="inline-price"][data-wcs-osi]',ze='a[is="checkout-link"][data-wcs-osi],button[is="checkout-button"][data-wcs-osi]';var Ge='a[is="upt-link"]',fe=`${me},${ze},${Ge}`;var Y="aem:load",z="aem:error",he="mas:ready",Ee="mas:error",ge="placeholder-failed",be="placeholder-pending",Ae="placeholder-resolved";var Te="mas:failed",Se="mas:resolved",ye="mas/commerce";var S="failed",L="pending",y="resolved";var Z="X-Request-Id",Kt=Object.freeze({SEGMENTATION:"segmentation",BUNDLE:"bundle",COMMITMENT:"commitment",RECOMMENDATION:"recommendation",EMAIL:"email",PAYMENT:"payment",CHANGE_PLAN_TEAM_PLANS:"change-plan/team-upgrade/plans",CHANGE_PLAN_TEAM_PAYMENT:"change-plan/team-upgrade/payment"});var Xt=Object.freeze({STAGE:"STAGE",PRODUCTION:"PRODUCTION",LOCAL:"LOCAL"});var _e=":start",Le=":duration";var Re="legal";var We="mas-commerce-service";function Ce(t,r={},e=null,o=null){let n=o?document.createElement(t,{is:o}):document.createElement(t);e instanceof HTMLElement?n.appendChild(e):n.innerHTML=e;for(let[s,i]of Object.entries(r))n.setAttribute(s,i);return n}function xe(t){return`startTime:${t.startTime.toFixed(2)}|duration:${t.duration.toFixed(2)}`}function I(){return document.getElementsByTagName(We)?.[0]}function we(t,r={},{metadata:e=!0,search:o=!0,storage:n=!0}={}){let s;if(o&&s==null){let i=new URLSearchParams(window.location.search),a=J(o)?o:t;s=i.get(a)}if(n&&s==null){let i=J(n)?n:t;s=window.sessionStorage.getItem(i)??window.localStorage.getItem(i)}if(e&&s==null){let i=Ke(J(e)?e:t);s=document.documentElement.querySelector(`meta[name="${i}"]`)?.content}return s??r[t]}var je=t=>typeof t=="boolean",G=t=>typeof t=="function";var J=t=>typeof t=="string";function Ne(t,r){if(je(t))return t;let e=String(t);return e==="1"||e==="true"?!0:e==="0"||e==="false"?!1:r}function Ke(t=""){return String(t).replace(/(\p{Lowercase_Letter})(\p{Uppercase_Letter})/gu,(r,e,o)=>`${e}-${o}`).replace(/\W+/gu,"-").toLowerCase()}var R={clientId:"merch-at-scale",delimiter:"\xB6",ignoredProperties:["analytics","literals","element"],serializableTypes:["Array","Object"],sampleRate:1,severity:"e",tags:"acom",isProdDomain:!1},Oe=1e3;function Xe(t){return t instanceof Error||typeof t?.originatingRequest=="string"}function ve(t){if(t==null)return;let r=typeof t;if(r==="function")return t.name?`function ${t.name}`:"function";if(r==="object"){if(t instanceof Error)return t.message;if(typeof t.originatingRequest=="string"){let{message:o,originatingRequest:n,status:s}=t;return[o,s,n].filter(Boolean).join(" ")}let e=t[Symbol.toStringTag]??Object.getPrototypeOf(t).constructor.name;if(!R.serializableTypes.includes(e))return e}return t}function Qe(t,r){if(!R.ignoredProperties.includes(t))return ve(r)}var ee={append(t){if(t.level!=="error")return;let{message:r,params:e}=t,o=[],n=[],s=r;e.forEach(l=>{l!=null&&(Xe(l)?o:n).push(l)}),o.length&&(s+=" "+o.map(ve).join(" "));let{pathname:i,search:a}=window.location,c=`${R.delimiter}page=${i}${a}`;c.length>Oe&&(c=`${c.slice(0,Oe)}`),s+=c,n.length&&(s+=`${R.delimiter}facts=`,s+=JSON.stringify(n,Qe)),window.lana?.log(s,R)}};function Me(t){Object.assign(R,Object.fromEntries(Object.entries(t).filter(([r,e])=>r in R&&e!==""&&e!==null&&e!==void 0&&!Number.isNaN(e))))}var Pe={LOCAL:"local",PROD:"prod",STAGE:"stage"},te={DEBUG:"debug",ERROR:"error",INFO:"info",WARN:"warn"},re=new Set,oe=new Set,Ie=new Map,He={append({level:t,message:r,params:e,timestamp:o,source:n}){console[t](`${o}ms [${n}] %c${r}`,"font-weight: bold;",...e)}},De={filter:({level:t})=>t!==te.DEBUG},Ze={filter:()=>!1};function Je(t,r,e,o,n){return{level:t,message:r,namespace:e,get params(){return o.length===1&&G(o[0])&&(o=o[0](),Array.isArray(o)||(o=[o])),o},source:n,timestamp:performance.now().toFixed(3)}}function et(t){[...oe].every(r=>r(t))&&re.forEach(r=>r(t))}function Fe(t){let r=(Ie.get(t)??0)+1;Ie.set(t,r);let e=`${t} #${r}`,o={id:e,namespace:t,module:n=>Fe(`${o.namespace}/${n}`),updateConfig:Me};return Object.values(te).forEach(n=>{o[n]=(s,...i)=>et(Je(n,s,t,i,e))}),Object.seal(o)}function W(...t){t.forEach(r=>{let{append:e,filter:o}=r;G(o)&&oe.add(o),G(e)&&re.add(e)})}function tt(t={}){let{name:r}=t,e=Ne(we("commerce.debug",{search:!0,storage:!0}),r===Pe.LOCAL);return W(e?He:De),r===Pe.PROD&&W(ee),H}function rt(){re.clear(),oe.clear()}var H={...Fe(ye),Level:te,Plugins:{consoleAppender:He,debugFilter:De,quietFilter:Ze,lanaAppender:ee},init:tt,reset:rt,use:W};var ot="mas-commerce-service",lr=H.module("utilities");var j=t=>window.setTimeout(t);function ne(){return document.getElementsByTagName(ot)?.[0]}var K=class t extends Error{constructor(r,e,o){if(super(r,{cause:o}),this.name="MasError",e.response){let n=e.response.headers?.get(Z);n&&(e.requestId=n),e.response.status&&(e.status=e.response.status,e.statusText=e.response.statusText),e.response.url&&(e.url=e.response.url)}delete e.response,this.context=e,Error.captureStackTrace&&Error.captureStackTrace(this,t)}toString(){let r=Object.entries(this.context||{}).map(([o,n])=>`${o}: ${JSON.stringify(n)}`).join(", "),e=`${this.name}: ${this.message}`;return r&&(e+=` (${r})`),this.cause&&(e+=` +Caused by: ${this.cause}`),e}};var nt={[S]:ge,[L]:be,[y]:Ae},st={[S]:Te,[y]:Se},D,X=class{constructor(r){g(this,D);h(this,"changes",new Map);h(this,"connected",!1);h(this,"error");h(this,"log");h(this,"options");h(this,"promises",[]);h(this,"state",L);h(this,"timer",null);h(this,"value");h(this,"version",0);h(this,"wrapperElement");this.wrapperElement=r,this.log=H.module("mas-element")}update(){[S,L,y].forEach(r=>{this.wrapperElement.classList.toggle(nt[r],r===this.state)})}notify(){(this.state===y||this.state===S)&&(this.state===y?this.promises.forEach(({resolve:e})=>e(this.wrapperElement)):this.state===S&&this.promises.forEach(({reject:e})=>e(this.error)),this.promises=[]);let r=this.error;this.error instanceof K&&(r={message:this.error.message,...this.error.context}),this.wrapperElement.dispatchEvent(new CustomEvent(st[this.state],{bubbles:!0,composed:!0,detail:r}))}attributeChangedCallback(r,e,o){this.changes.set(r,o),this.requestUpdate()}connectedCallback(){E(this,D,ne()),this.requestUpdate(!0)}disconnectedCallback(){this.connected&&(this.connected=!1,this.log?.debug("Disconnected:",{element:this.wrapperElement}))}onceSettled(){let{error:r,promises:e,state:o}=this;return y===o?Promise.resolve(this.wrapperElement):S===o?Promise.reject(r):new Promise((n,s)=>{e.push({resolve:n,reject:s})})}toggleResolved(r,e,o){return r!==this.version?!1:(o!==void 0&&(this.options=o),this.state=y,this.value=e,this.update(),this.log?.debug("Resolved:",{element:this.wrapperElement,value:e}),j(()=>this.notify()),!0)}toggleFailed(r,e,o){if(r!==this.version)return!1;o!==void 0&&(this.options=o),this.error=e,this.state=S,this.update();let n=this.wrapperElement.getAttribute("is");return this.log?.error(`${n}: Failed to render: ${e.message}`,{element:this.wrapperElement,...e.context,...p(this,D)?.duration}),j(()=>this.notify()),!0}togglePending(r){return this.version++,r&&(this.options=r),this.state=L,this.update(),this.log?.debug("Pending:",{osi:this.wrapperElement?.options?.wcsOsi}),this.version}requestUpdate(r=!1){if(!this.wrapperElement.isConnected||!ne()||this.timer)return;let{error:e,options:o,state:n,value:s,version:i}=this;this.state=L,this.timer=j(async()=>{this.timer=null;let a=null;if(this.changes.size&&(a=Object.fromEntries(this.changes.entries()),this.changes.clear()),this.connected?this.log?.debug("Updated:",{element:this.wrapperElement,changes:a}):(this.connected=!0,this.log?.debug("Connected:",{element:this.wrapperElement,changes:a})),a||r)try{await this.wrapperElement.render?.()===!1&&this.state===L&&this.version===i&&(this.state=n,this.error=e,this.value=s,this.update(),this.notify())}catch(c){this.toggleFailed(this.version,c,o)}})}};D=new WeakMap;function it(t){return`https://${t==="PRODUCTION"?"www.adobe.com":"www.stage.adobe.com"}/offers/promo-terms.html`}var w,C=class C extends HTMLAnchorElement{constructor(){super();h(this,"masElement",new X(this));g(this,w);this.setAttribute("is",C.is)}get isUptLink(){return!0}initializeWcsData(e,o){this.setAttribute("data-wcs-osi",e),o&&this.setAttribute("data-promotion-code",o)}attributeChangedCallback(e,o,n){this.masElement.attributeChangedCallback(e,o,n)}connectedCallback(){this.masElement.connectedCallback(),E(this,w,I()),p(this,w)&&(this.log=p(this,w).log.module("upt-link"))}disconnectedCallback(){this.masElement.disconnectedCallback(),E(this,w,void 0)}requestUpdate(e=!1){this.masElement.requestUpdate(e)}onceSettled(){return this.masElement.onceSettled()}async render(){let e=I();if(!e)return!1;this.dataset.imsCountry||e.imsCountryPromise.then(i=>{i&&(this.dataset.imsCountry=i)});let o=e.collectCheckoutOptions({},this);if(!o.wcsOsi)return this.log.error("Missing 'data-wcs-osi' attribute on upt-link."),!1;let n=this.masElement.togglePending(o),s=e.resolveOfferSelectors(o);try{let[[i]]=await Promise.all(s),{country:a,language:c,env:l}=o,d=`locale=${c}_${a}&country=${a}&offer_id=${i.offerId}`,m=this.getAttribute("data-promotion-code");m&&(d+=`&promotion_code=${encodeURIComponent(m)}`),this.href=`${it(l)}?${d}`,this.masElement.toggleResolved(n,i,o)}catch(i){let a=new Error(`Could not resolve offer selectors for id: ${o.wcsOsi}.`,i.message);return this.masElement.toggleFailed(n,a,o),!1}}static createFrom(e){let o=new C;for(let n of e.attributes)n.name!=="is"&&(n.name==="class"&&n.value.includes("upt-link")?o.setAttribute("class",n.value.replace("upt-link","").trim()):o.setAttribute(n.name,n.value));return o.innerHTML=e.innerHTML,o.setAttribute("tabindex",0),o}};w=new WeakMap,h(C,"is","upt-link"),h(C,"tag","a"),h(C,"observedAttributes",["data-wcs-osi","data-promotion-code","data-ims-country"]);var x=C;window.customElements.get(x.is)||window.customElements.define(x.is,x,{extends:x.tag});var at=/(accent|primary|secondary)(-(outline|link))?/;var ct=["XL","L","M","S"];function ke(t,r,e){let o=t.hasAttribute("data-wcs-osi")&&!!t.getAttribute("data-wcs-osi"),n=t.className||"",s=at.exec(n)?.[0]??"accent",i=s.includes("accent"),a=s.includes("primary"),c=s.includes("secondary"),l=s.includes("-outline"),d=s.includes("-link");t.classList.remove("accent","primary","secondary");let m;if(r.consonant)m=dt(t,i,o,d,a,c,e?.ctas?.size);else if(d)m=t;else{let f;i?f="accent":a?f="primary":c&&(f="secondary"),m=r.spectrum==="swc"?ut(t,e,l,f,o):lt(t,e,l,f,o)}return m}function lt(t,r,e,o,n){let s=t;n?s=customElements.get("checkout-button").createCheckoutButton({},t.innerHTML):s.innerHTML=`${s.textContent}`,s.setAttribute("tabindex",0);for(let d of t.attributes)["class","is"].includes(d.name)||s.setAttribute(d.name,d.value);s.firstElementChild?.classList.add("spectrum-Button-label");let i=r?.ctas?.size??"M",a=`spectrum-Button--${o}`,c=ct.includes(i)?`spectrum-Button--size${i}`:"spectrum-Button--sizeM",l=["spectrum-Button",a,c];return e&&l.push("spectrum-Button--outline"),s.classList.add(...l),s}function ut(t,r,e,o,n){let s=t;n&&(s=customElements.get("checkout-button").createCheckoutButton(t.dataset),s.connectedCallback(),s.render());let i="fill";e&&(i="outline");let a=Ce("sp-button",{treatment:i,variant:o,tabIndex:0,size:r?.ctas?.size??"m",...t.dataset.analyticsId&&{"data-analytics-id":t.dataset.analyticsId}},t.innerHTML);return a.source=s,(n?s.onceSettled():Promise.resolve(s)).then(c=>{a.setAttribute("data-navigation-url",c.href)}),a.addEventListener("click",c=>{c.defaultPrevented||s.click()}),a}function dt(t,r,e,o,n,s,i){let a=t;if(e)try{let c=customElements.get("checkout-link");c&&(a=c.createCheckoutLink(t.dataset,t.innerHTML)??t)}catch{}return o||(a.classList.add("button","con-button"),i&&i!=="m"&&a.classList.add(`button-${i}`),r&&a.classList.add("blue"),n&&a.classList.add("primary"),s&&a.classList.add("secondary")),a}var N="mas-comparison-table",Be="mas-comparison-table:",se=2e4,ie={"choose-table-column":"Choose table column","empty-table-cell":"Empty table cell"},u=(t,r={},e=null)=>{let o=document.createElement(t);return Object.entries(r).forEach(([n,s])=>{s!=null&&o.setAttribute(n,s)}),$e(o,e),o},$e=(t,r)=>{if(r!=null){if(Array.isArray(r)){r.forEach(e=>$e(t,e));return}if(r instanceof Node){t.append(r);return}t.append(document.createTextNode(String(r)))}},ae=t=>t?.fields?Array.isArray(t.fields)?t.fields.reduce((r,e)=>(e?.name&&(r[e.name]=e.multiple?e.values||[]:e.values?.[0]),r),{}):t.fields:{},F=(t,r)=>{let e=t?.[r];return e==null?"":Array.isArray(e)?String(e[0]??""):typeof e=="object"&&"value"in e?String(e.value??""):String(e)},ce=(t,r)=>{let e=t?.[r];return e==null?[]:Array.isArray(e)?e:[e]},pt=t=>{let r=t?.dictionary||{};return{"choose-table-column":r["choose-table-column"]?.value||r["choose-table-column"]||ie["choose-table-column"],"empty-table-cell":r["empty-table-cell"]?.value||r["empty-table-cell"]||ie["empty-table-cell"]}},mt=t=>t?.type==="content-fragment"&&t.value?{...t.value,path:t.path||t.value.path||"",fields:ae(t.value)}:{...t,path:t?.path||"",fields:ae(t)},ft=(t=[])=>!t||typeof t!="object"?[]:Array.isArray(t)?t:Object.values(t),ht=(t=[])=>{let r=new Map;return ft(t).forEach(e=>{let o=mt(e);[o.id,o.path,o.originalId,o.fields?.originalId,o.path?.split("/").pop()].filter(Boolean).forEach(s=>r.set(String(s),o))}),r},Et=(t="")=>t?[...new DOMParser().parseFromString(t,"text/html").querySelectorAll(".compare-chart-row[data-row-id]")].map(e=>{let o={};return e.querySelectorAll(".compare-chart-cell[data-card-path]").forEach(n=>{let s=n.getAttribute("data-card-path");s&&(o[s]=n.innerHTML||"")}),{id:e.getAttribute("data-row-id")||"",label:e.querySelector(".compare-chart-label")?.innerHTML||"",cellsByPath:o}}):[],O=(t="")=>{if(!t)return[];let r=document.createElement("template");return r.innerHTML=t,Array.from(r.content.childNodes).map(e=>e.cloneNode(!0))},gt=(t="")=>{if(!t)return"";let r=document.createElement("template");r.innerHTML=t;let e=r.content.querySelector('[is="inline-price"]');return e?(e.setAttribute("data-template",Re),e.setAttribute("data-display-plan-type","true"),e.setAttribute("data-display-per-unit","false"),e.setAttribute("data-display-tax","false"),e.setAttribute("data-display-old-price","false"),e.hasAttribute("data-force-tax-exclusive")||e.setAttribute("data-force-tax-exclusive","true"),e.outerHTML):""},bt=t=>{let r=ce(t,"mnemonicIcon"),e=ce(t,"mnemonicAlt");return r.filter(Boolean).map((o,n)=>u("mas-mnemonic",{src:o,size:"l",...e[n]?{role:"img","aria-label":e[n]}:{}}))},At={ctas:{size:"l"}},Tt=t=>ke(t,{consonant:!0},At),St=t=>{let r=t?.fields||{},e=u("div"),o=bt(r);o.length&&e.append(u("p",{class:"header-product-tile"},o));let n=F(r,"cardTitle")||t?.title||"";n&&e.append(u("h3",{},n)),e.append(u("p",{},"-"));let s=F(r,"description");if(s){let l=u("p");l.append(...O(s)),e.append(l)}e.append(u("p",{},"-"));let i=F(r,"prices");if(i){let l=u("div");l.append(...O(i)),e.append(l)}let a=gt(i);if(a){let l=u("p");l.append(...O(a)),e.append(l)}let c=F(r,"ctas");if(c){let l=document.createElement("template");l.innerHTML=c,Array.from(l.content.querySelectorAll("a, button")).forEach((m,f)=>{let A=u(f===0?"p":"div",{class:"action-area"}),Q=m.tagName==="A"?Tt(m):m.cloneNode(!0);A.append(Q),e.append(A)})}return e},yt=(t,r="Features")=>{let e=u("div"),o=u("div");o.append(...O(r||"Features")),e.append(o);for(let n=0;n{if(!t?.trim())return!1;let r=document.createElement("template");return r.innerHTML=t,r.content.textContent?.trim()?!0:!!r.content.querySelector('img, picture, svg, mas-mnemonic, merch-icon, .icon, [is="inline-price"], a, sp-icon-checkmark')},Lt=(t,r)=>!!t?.label?.trim()&&r.every(e=>{let o=t.cellsByPath?.[e.cardRef]||t.cellsByPath?.[e.path]||t.cellsByPath?.[e.id]||"";return!_t(o)}),Rt=(t,r)=>{let e=[],o={labelHtml:"Features",rows:[]};return t.forEach(n=>{if(Lt(n,r)){(o.rows.length||e.length===0)&&e.push(o),o={labelHtml:n.label||"Features",rows:[]};return}o.rows.push(n)}),(o.rows.length||!e.length)&&e.push(o),e.filter(n=>n.rows.length)},Ct=(t,r)=>{let e=u("div"),o=u("div");return o.append(...O(t.label)),e.append(o),r.forEach(n=>{let s=u("div"),i=t.cellsByPath?.[n.cardRef]||t.cellsByPath?.[n.path]||t.cellsByPath?.[n.id]||"";s.append(...O(i)),e.append(s)}),e},xt=t=>Math.max(...t.map(r=>{let e=window.getComputedStyle(r);return r.offsetHeight-parseFloat(e.paddingTop)-parseFloat(e.paddingBottom)-parseFloat(e.borderTopWidth)-parseFloat(e.borderBottomWidth)})),wt=t=>{let r=[[".header-content-wrapper",".header-item",".sub-header-item-container:not(:last-of-type)"],[".table-row",".table-cell","div"],[".header-content-wrapper",".header-item",".description"]],e=(s,i,a)=>{t.querySelectorAll(s).forEach(c=>{let l=c.querySelectorAll(i);if(!l.length)return;let d=[];l.forEach(m=>{m.querySelectorAll(a).forEach((f,A)=>{d[A]||(d[A]=[]),f.style.minHeight="auto",f.classList.remove("zero-height"),d[A].push(f)})}),d.forEach(m=>{if(!m.length)return;let f=xt(m);m.forEach(A=>{f===0&&A.classList.add("zero-height"),A.style.minHeight=`${f}px`})})})},o=()=>{r.forEach(([s,i,a])=>{e(s,i,a)})},n=()=>o();return window.addEventListener("resize",n),o(),t._comparisonTableRefreshHeights=o,()=>{delete t._comparisonTableRefreshHeights,window.removeEventListener("resize",n)}},Nt=t=>{let r=[...t.querySelectorAll(".header-item[data-column-index]")].find(e=>!e.classList.contains("hidden"));return r?parseInt(r.getAttribute("data-column-index"),10):-1},Ue=t=>{let r=t.querySelector(".accessibility-header-row");if(!r)return;let e=[...t.querySelectorAll(".header-item:not(.hidden)")],o=new Set(e.map(n=>n.getAttribute("data-column-index")));e.forEach(n=>{let s=n.getAttribute("data-column-index"),i=r.querySelector(`[data-column-index="${s}"]`);i&&(i.classList.remove("hidden"),r.append(i))}),[...r.querySelectorAll(".accessibility-header-cell")].forEach(n=>{let s=n.getAttribute("data-column-index");s!=="-1"&&!o.has(s)&&n.classList.add("hidden")})},Ot=({el:t,headerTitles:r})=>{let e=[...t.querySelectorAll(".header-item:not(.hidden) .mobile-filter-select")],o=new Set(e.map(n=>parseInt(n.value,10)));e.forEach(n=>{let s=parseInt(n.value,10);n.innerHTML="",r.forEach((i,a)=>{if(!i||o.has(a)&&a!==s)return;let c=u("option",{value:a},i);a===s&&(c.selected=!0),n.append(c)})})},vt=(t,{headerItemIndex:r,el:e,headerTitles:o})=>{let n=parseInt(t.target.value,10),s=r===Nt(e);e.querySelectorAll(`[data-column-index="${r}"]`).forEach(a=>a.classList.add("hidden")),e.querySelectorAll(`[data-column-index="${n}"]`).forEach(a=>{if(a.classList.remove("hidden"),!s)return;let c=a.parentNode;if(!c)return;let l=c.querySelector(".header-item:first-child");if(a.classList.contains("header-item")&&l!==a){c.insertBefore(a,l.nextSibling);return}let d=c.querySelector(".table-row-header");d&&c.insertBefore(a,d.nextSibling)});let i=e.querySelector(`[data-column-index="${n}"] .mobile-filter-select`);i&&(i.value=String(n)),Ot({el:e,headerTitles:o}),Ue(e),e._comparisonTableRefreshHeights?.()},Mt=({headerTitles:t,headerItemIndex:r,el:e})=>{let o=u("select",{class:"mobile-filter-select",name:"column-filter","aria-label":ie["choose-table-column"]});return t.forEach((n,s)=>{if(!n||r===1&&s===2||r===2&&s===1)return;let i=u("option",{value:s},n);s===r&&(i.selected=!0),o.append(i)}),o.addEventListener("change",n=>vt(n,{headerItemIndex:r,el:e,headerTitles:t})),o},Pt=t=>{let r=t.querySelectorAll(".action-area");if(r.length){let o=u("div",{class:"btn-container"});r.length>1&&o.classList.add("has-multiple"),o.append(...r),t.append(o)}let e=t.querySelector("p:not(.action-area)");if(!e){e=u("p",{class:"description"}),t.prepend(e);return}e.classList.add("description")},It=({containerIndex:t,childrenArray:r,startIndex:e,endIndex:o,el:n,headerTitles:s,headerItemIndex:i,headerItemsCount:a})=>{let c=u("div",{class:"sub-header-item-container"}),l=t===2;for(let d=e;d3&&c.append(Mt({headerTitles:s,headerItemIndex:i,el:n})),l&&Pt(c),c},Ht=({headerItem:t,headerTitles:r,headerItemIndex:e,el:o,headerItemsCount:n})=>{t.classList.add("header-item"),t.setAttribute("data-column-index",e);let s=[...t.children],i=0,a=-1;s.forEach((c,l)=>{if(c.textContent.trim()!=="-"&&l!==s.length-1)return;let d=c.textContent.trim()==="-"?l:s.length,m=It({childrenArray:s,startIndex:a+1,endIndex:d,el:o,containerIndex:i,headerTitles:r,headerItemIndex:e,headerItemsCount:n});t.append(m),s[d]?.remove(),i+=1,a=d})},Dt=(t,r)=>{r.classList.add("header-content");let e=u("div",{class:"header-content-wrapper"});e.append(...r.children),r.append(e);let o=[...e.children],n=o.map(s=>s.querySelector("h1, h2, h3, h4, h5, h6")?.textContent.trim()||"");o.forEach((s,i)=>{if(!s.innerHTML?.trim()){s.remove();return}Ht({headerItem:s,headerTitles:n,headerItemIndex:i,el:t,headerItemsCount:o.length})}),e.prepend(u("div",{class:"header-item"})),r.after(u("div",{class:"header-content-dummy","aria-hidden":!0}))},Ft=t=>{let r=u("div",{class:"table-row accessibility-header-row",role:"row"});return r.append(u("div",{class:"accessibility-header-cell",role:"cell","data-column-index":-1})),[...t.querySelectorAll(".header-item[data-column-index]")].forEach(e=>{let o=e.querySelector("h1, h2, h3, h4, h5, h6")?.textContent.trim(),n=u("div",{class:"accessibility-header-cell",role:"columnheader","data-column-index":e.getAttribute("data-column-index")});n.textContent=o||"",r.append(n)}),r},kt=({tableChild:t,tableElement:r})=>{[...t.children].forEach((n,s)=>{s!==0&&!n.textContent.trim()&&n.remove()}),t.classList.add("table-column-header");let e=t.children[0],o=u("button",{"aria-expanded":!0});return o.innerHTML=e?.innerHTML||"Features",o.append(u("span",{class:"toggle-icon"})),o.addEventListener("click",()=>{r.classList.toggle("hide"),o.setAttribute("aria-expanded",String(o.getAttribute("aria-expanded")!=="true"))}),t.replaceChildren(o),()=>{o.replaceWith(u("div",{},o.innerHTML))}},Bt=t=>{let r=u("div");t.children.length>1||!t.textContent.trim()?r.append(...Array.from(t.childNodes)):r.append(u("p",{},t.innerHTML)),t.innerHTML="",t.append(r)},$t=({tableChild:t,emptyCellLabel:r})=>{[...t.children].forEach((e,o)=>{if(o===0){e.classList.add("table-row-header"),e.setAttribute("role","rowheader");return}e.classList.add("table-cell"),e.setAttribute("data-column-index",o),e.setAttribute("role","cell"),Bt(e);let n=e.querySelector("div");if(!(n?.textContent?.trim()||"")){let i=u("span",{class:"sr-only"},r);n?.append(i)}}),t.classList.add("table-row"),t.setAttribute("role","row")},Ut=(t,r,e)=>{let o=u("div",{class:"table-container"}),n=u("div",{class:"table-body",role:"table"});r.forEach((s,i)=>{if(i===0){kt({tableChild:s,tableElement:n}),o.append(s);return}$t({tableChild:s,emptyCellLabel:e}),n.append(s)}),n.prepend(Ft(t)),o.append(n),t.append(o)},qt=(t,r,e)=>{r.forEach(o=>{Ut(t,o,e)})},Vt=t=>{let r=window.matchMedia("(max-width: 768px)"),e=s=>{let i=[...s].filter(c=>c.hasAttribute("data-column-index")),a=i[0]?.parentNode;a&&i.sort((c,l)=>parseInt(c.getAttribute("data-column-index"),10)-parseInt(l.getAttribute("data-column-index"),10)).forEach(c=>{c.classList.remove("hidden"),a.append(c)})},o=(s,i,a=!1)=>{if((a?s.length-1:s.length)<=2)return;let l=a?3:2;s.forEach((d,m)=>{m{let i=s?s.matches:r.matches;i||(e(t.querySelectorAll(".header-item[data-column-index]")),t.querySelectorAll(".table-row").forEach(a=>{e(a.querySelectorAll(".table-cell"))}),[...t.querySelectorAll(".header-item[data-column-index] .mobile-filter-select")].forEach(a=>{let c=a?.closest(".header-item")?.getAttribute("data-column-index");c!=null&&(a.value=c)})),o(t.querySelectorAll(".header-item"),i,!0),t.querySelectorAll(".table-row").forEach(a=>o(a.querySelectorAll(".table-cell"),i)),Ue(t)};return n(),r.addEventListener("change",n),()=>r.removeEventListener("change",n)},Yt=t=>{let r=t.querySelector(".header-content"),e=t.querySelector(".header-content-dummy");if(!r||!e)return()=>{};let o=!1,n=()=>{let a=document.querySelector("header"),c=a&&getComputedStyle(a).position==="sticky"?a.offsetHeight:0,l=document.querySelector(".feds-localnav");return c+(l?.offsetHeight||0)},s=n(),i=new IntersectionObserver(([a])=>{if(!(!t.offsetHeight||a.boundingClientRect.top>window.innerHeight*.5)){if(!a.isIntersecting&&!o){s=n();let c=r.querySelector(".sub-header-item-container:first-child"),l=r.querySelector(".sub-header-item-container:nth-of-type(2)"),d=(l?.offsetHeight||0)+(r.querySelector(".sub-header-item-container:last-child .description")?.offsetHeight||0)+(r.querySelector(".mobile-filter-select")?.offsetHeight||0)+(parseFloat(getComputedStyle(c||r).paddingBottom)||0)+(parseFloat(getComputedStyle(c||r).borderTopWidth)||0)+(parseFloat(getComputedStyle(c||r).borderBottomWidth)||0)+(parseFloat(getComputedStyle(l||r).borderTopWidth)||0)+(parseFloat(getComputedStyle(l||r).borderBottomWidth)||0);if((r.offsetHeight-d)/window.innerHeight>=.45)return;let f=r.offsetHeight;r.style.top=`${s}px`,r.classList.add("sticky"),e.style.height=`${f-r.offsetHeight}px`,o=!0;return}a.isIntersecting&&o&&(r.classList.remove("sticky"),r.style.top="",e.style.height="",o=!1)}},{rootMargin:`-${s}px 0px 0px 0px`});return i.observe(e),()=>i.disconnect()},zt=async t=>{let r=[...t.querySelectorAll(fe)];await Promise.all(r.map(e=>typeof e.onceSettled!="function"?Promise.resolve(e):e.onceSettled().catch(()=>e)))},k,v,b,B,$,U,_,M,q,V,le=class extends HTMLElement{constructor(){super();g(this,k,[]);g(this,v,0);g(this,b);g(this,B);g(this,$);g(this,U);g(this,_);g(this,M);g(this,q);g(this,V,Promise.resolve(this));this.handleAemFragmentEvents=this.handleAemFragmentEvents.bind(this)}ensureContent(){return p(this,b)?.isConnected?p(this,b):(E(this,b,this.querySelector(":scope > .mas-comparison-table-content")),p(this,b)?p(this,b):(E(this,b,document.createElement("div")),p(this,b).className="mas-comparison-table-content",this.append(p(this,b)),p(this,b)))}connectedCallback(){this.ensureContent(),E(this,_,I()),p(this,B)??E(this,B,p(this,_)?.Log?.module?.(N)??p(this,_)?.log?.module?.(N)??console);let e=this.getAttribute("id")??this.aemFragment?.getAttribute("fragment")??"unknown";E(this,M,`${Be}${e}${_e}`),E(this,q,`${Be}${e}${Le}`),performance.mark(p(this,M)),this.addEventListener(z,this.handleAemFragmentEvents),this.addEventListener(Y,this.handleAemFragmentEvents),this.aemFragment?.setAttribute("hidden","")}disconnectedCallback(){this.removeEventListener(z,this.handleAemFragmentEvents),this.removeEventListener(Y,this.handleAemFragmentEvents),this.cleanup()}get aemFragment(){return this.querySelector("aem-fragment")}get updateComplete(){return p(this,V)}cleanup(){p(this,k).splice(0).forEach(e=>e?.())}beginUpdate(){E(this,V,new Promise((e,o)=>{E(this,$,e),E(this,U,o)}))}async handleAemFragmentEvents(e){var n;if(!this.isConnected)return;if(e.type===z&&e.target===this.aemFragment){this.fail("AEM fragment cannot be loaded");return}if(e.type!==Y||e.target!==this.aemFragment)return;this.removeAttribute("failed"),this.beginUpdate();let o=++pe(this,v)._;try{if(await this.renderFragment(e.detail),o!==p(this,v))return;await zt(this);let s=performance.measure(p(this,q),p(this,M));this.dispatchEvent(new CustomEvent(he,{bubbles:!0,composed:!0,detail:{...this.aemFragment?.fetchInfo,...p(this,_)?.duration,measure:xe(s)}})),(n=p(this,$))==null||n.call(this,this)}catch(s){if(o!==p(this,v))return;this.fail(s.message||"Failed to render comparison table")}}async renderFragment(e){let o=this.ensureContent(),n=ae(e),s=F(n,"compareChart").trim();if(!s)throw new Error("compareChart field is missing");let i=Et(s);if(!i.length)throw new Error("compareChart does not contain .compare-chart rows");let a=ht(e.references||[]),c=ce(n,"cards").map(String).map(T=>{let P=a.get(T);return{cardRef:T,id:P?.id||"",path:P?.path||"",reference:P}}).filter(T=>T.reference);if(!c.length)throw new Error("No card references found");this.cleanup(),o.replaceChildren();let l=u("div",{class:"comparison-table"}),d=u("div");c.forEach(T=>{d.append(St(T.reference))}),l.append(d);let f=Rt(i,c).map(T=>[yt(c.length,T.labelHtml),...T.rows.map(P=>Ct(P,c))]);o.append(l),Dt(l,d),qt(l,f,pt(e)["empty-table-cell"]);let A=wt(l),Q=Yt(l),qe=Vt(l);p(this,k).push(A,Q,qe)}fail(e,o={}){var s;if(!this.isConnected)return;this.setAttribute("failed","");let n={...this.aemFragment?.fetchInfo,...p(this,_)?.duration,...o,message:e};p(this,B)?.error?.(`${N}: ${e}`,n),this.dispatchEvent(new CustomEvent(Ee,{bubbles:!0,composed:!0,detail:n})),(s=p(this,U))==null||s.call(this,new Error(e))}async checkReady(){let e=new Promise(n=>setTimeout(()=>n("timeout"),se));if(this.aemFragment){let n=await Promise.race([this.aemFragment.updateComplete,e]);if(n===!1||n==="timeout"){let s=n==="timeout"?`AEM fragment was not resolved within ${se} timeout`:"AEM fragment cannot be loaded";throw this.fail(s),new Error(s)}}let o=await Promise.race([this.updateComplete,e]);if(o==="timeout"){let n=`${N} was not resolved within ${se} timeout`;throw this.fail(n),new Error(n)}return o}};k=new WeakMap,v=new WeakMap,b=new WeakMap,B=new WeakMap,$=new WeakMap,U=new WeakMap,_=new WeakMap,M=new WeakMap,q=new WeakMap,V=new WeakMap;customElements.get(N)||customElements.define(N,le);export{le as MasComparisonTable}; diff --git a/web-components/dist/mas-mnemonic.js b/web-components/dist/mas-mnemonic.js index 022039db1..b26793bdc 100644 --- a/web-components/dist/mas-mnemonic.js +++ b/web-components/dist/mas-mnemonic.js @@ -1,7 +1,7 @@ -var n=Object.defineProperty;var p=(s,t,i)=>t in s?n(s,t,{enumerable:!0,configurable:!0,writable:!0,value:i}):s[t]=i;var l=(s,t,i)=>p(s,typeof t!="symbol"?t+"":t,i);import{LitElement as c,html as a,css as d}from"./lit-all.min.js";function h(){return customElements.get("sp-tooltip")!==void 0&&customElements.get("overlay-trigger")!==void 0&&document.querySelector("sp-theme")!==null}var e=class e extends c{constructor(){super(),this.content="",this.placement="top",this.variant="info",this.size="xs",this.tooltipVisible=!1,this.lastPointerType=null,this.handleClickOutside=this.handleClickOutside.bind(this)}connectedCallback(){super.connectedCallback(),window.addEventListener("mousedown",this.handleClickOutside)}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("mousedown",this.handleClickOutside)}handleClickOutside(t){let i=t.composedPath();e.activeTooltip===this&&!i.includes(this)&&this.hideTooltip()}showTooltip(){e.activeTooltip&&e.activeTooltip!==this&&(e.activeTooltip.closeOverlay(),e.activeTooltip.tooltipVisible=!1,e.activeTooltip.requestUpdate()),e.activeTooltip=this,this.tooltipVisible=!0}hideTooltip(){e.activeTooltip===this&&(e.activeTooltip=null),this.tooltipVisible=!1}handleTap(t){t.preventDefault(),this.tooltipVisible?this.hideTooltip():this.showTooltip()}closeOverlay(){let t=this.shadowRoot?.querySelector("overlay-trigger");t?.open!==void 0&&(t.open=!1)}get effectiveContent(){return this.tooltipText||this.mnemonicText||this.content||""}get effectivePlacement(){return this.tooltipPlacement||this.mnemonicPlacement||this.placement||"top"}renderIcon(){return this.src?a`t in s?n(s,t,{enumerable:!0,configurable:!0,writable:!0,value:i}):s[t]=i;var r=(s,t,i)=>p(s,typeof t!="symbol"?t+"":t,i);import{LitElement as c,html as l,css as h}from"./lit-all.min.js";import{unsafeHTML as d}from"./lit-all.min.js";function m(){return customElements.get("sp-tooltip")!==void 0&&customElements.get("overlay-trigger")!==void 0&&document.querySelector("sp-theme")!==null}var e=class e extends c{constructor(){super(),this.content="",this.placement="top",this.variant="info",this.size="xs",this.tooltipVisible=!1,this.lastPointerType=null,this.handleClickOutside=this.handleClickOutside.bind(this)}connectedCallback(){super.connectedCallback(),window.addEventListener("mousedown",this.handleClickOutside)}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("mousedown",this.handleClickOutside)}handleClickOutside(t){let i=t.composedPath();e.activeTooltip===this&&!i.includes(this)&&this.hideTooltip()}showTooltip(){e.activeTooltip&&e.activeTooltip!==this&&(e.activeTooltip.closeOverlay(),e.activeTooltip.tooltipVisible=!1,e.activeTooltip.requestUpdate()),e.activeTooltip=this,this.tooltipVisible=!0}hideTooltip(){e.activeTooltip===this&&(e.activeTooltip=null),this.tooltipVisible=!1}handleTap(t){t.preventDefault(),this.tooltipVisible?this.hideTooltip():this.showTooltip()}closeOverlay(){let t=this.shadowRoot?.querySelector("overlay-trigger");t?.open!==void 0&&(t.open=!1)}get effectiveContent(){return this.tooltipText||this.mnemonicText||this.content||""}get effectivePlacement(){return this.tooltipPlacement||this.mnemonicPlacement||this.placement||"top"}renderIcon(){return this.src?this.src.startsWith("sp-icon-")?l`${d(`<${this.src} size="${this.size||"m"}">`)}`:l``:a``}render(){let t=this.effectiveContent,i=this.effectivePlacement;return t?h()?a` + >`:l``}render(){let t=this.effectiveContent,i=this.effectivePlacement;return t?m()?l` this.showTooltip()} @@ -14,7 +14,7 @@ var n=Object.defineProperty;var p=(s,t,i)=>t in s?n(s,t,{enumerable:!0,configura ${t} - `:a` + `:l` t in s?n(s,t,{enumerable:!0,configura > ${this.renderIcon()} - `:this.renderIcon()}};l(e,"activeTooltip",null),l(e,"properties",{content:{type:String},placement:{type:String},variant:{type:String},src:{type:String},size:{type:String},tooltipText:{type:String,attribute:"tooltip-text"},tooltipPlacement:{type:String,attribute:"tooltip-placement"},mnemonicText:{type:String,attribute:"mnemonic-text"},mnemonicPlacement:{type:String,attribute:"mnemonic-placement"},tooltipVisible:{type:Boolean,state:!0}}),l(e,"styles",d` + `:this.renderIcon()}};r(e,"activeTooltip",null),r(e,"properties",{content:{type:String},placement:{type:String},variant:{type:String},src:{type:String},size:{type:String},tooltipText:{type:String,attribute:"tooltip-text"},tooltipPlacement:{type:String,attribute:"tooltip-placement"},mnemonicText:{type:String,attribute:"mnemonic-text"},mnemonicPlacement:{type:String,attribute:"mnemonic-placement"},tooltipVisible:{type:Boolean,state:!0}}),r(e,"styles",h` :host { display: contents; overflow: visible; @@ -147,4 +147,4 @@ var n=Object.defineProperty;var p=(s,t,i)=>t in s?n(s,t,{enumerable:!0,configura margin-left: 5px; border-right-color: var(--spectrum-gray-800, #323232); } - `);var r=e;customElements.define("mas-mnemonic",r);export{r as default}; + `);var a=e;customElements.define("mas-mnemonic",a);export{a as default}; diff --git a/web-components/dist/mas-table.js b/web-components/dist/mas-table.js new file mode 100644 index 000000000..b483c9256 --- /dev/null +++ b/web-components/dist/mas-table.js @@ -0,0 +1,1259 @@ +var ce=Object.defineProperty;var se=t=>{throw TypeError(t)};var pr=(t,r,e)=>r in t?ce(t,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[r]=e;var ur=(t,r)=>()=>(t&&(r=t(t=0)),r);var gr=(t,r)=>{for(var e in r)ce(t,e,{get:r[e],enumerable:!0})};var w=(t,r,e)=>pr(t,typeof r!="symbol"?r+"":r,e),le=(t,r,e)=>r.has(t)||se("Cannot "+e);var f=(t,r,e)=>(le(t,r,"read from private field"),e?e.call(t):r.get(t)),S=(t,r,e)=>r.has(t)?se("Cannot add the same private member more than once"):r instanceof WeakSet?r.add(t):r.set(t,e),L=(t,r,e,n)=>(le(t,r,"write to private field"),n?n.call(t,e):r.set(t,e),e);var de=(t,r,e,n)=>({set _(o){L(t,r,o,e)},get _(){return f(t,r,n)}});var Me={};gr(Me,{default:()=>ct});import{LitElement as Mr,html as at,css as Or}from"./lit-all.min.js";import{unsafeHTML as Pr}from"./lit-all.min.js";function Ir(){return customElements.get("sp-tooltip")!==void 0&&customElements.get("overlay-trigger")!==void 0&&document.querySelector("sp-theme")!==null}var N,ct,Oe=ur(()=>{N=class N extends Mr{constructor(){super(),this.content="",this.placement="top",this.variant="info",this.size="xs",this.tooltipVisible=!1,this.lastPointerType=null,this.handleClickOutside=this.handleClickOutside.bind(this)}connectedCallback(){super.connectedCallback(),window.addEventListener("mousedown",this.handleClickOutside)}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("mousedown",this.handleClickOutside)}handleClickOutside(r){let e=r.composedPath();N.activeTooltip===this&&!e.includes(this)&&this.hideTooltip()}showTooltip(){N.activeTooltip&&N.activeTooltip!==this&&(N.activeTooltip.closeOverlay(),N.activeTooltip.tooltipVisible=!1,N.activeTooltip.requestUpdate()),N.activeTooltip=this,this.tooltipVisible=!0}hideTooltip(){N.activeTooltip===this&&(N.activeTooltip=null),this.tooltipVisible=!1}handleTap(r){r.preventDefault(),this.tooltipVisible?this.hideTooltip():this.showTooltip()}closeOverlay(){let r=this.shadowRoot?.querySelector("overlay-trigger");r?.open!==void 0&&(r.open=!1)}get effectiveContent(){return this.tooltipText||this.mnemonicText||this.content||""}get effectivePlacement(){return this.tooltipPlacement||this.mnemonicPlacement||this.placement||"top"}renderIcon(){return this.src?this.src.startsWith("sp-icon-")?at`${Pr(`<${this.src} size="${this.size||"m"}">`)}`:at``:at``}render(){let r=this.effectiveContent,e=this.effectivePlacement;return r?Ir()?at` + this.showTooltip()} + > + ${this.renderIcon()} + + ${r} + + + `:at` + {this.lastPointerType=o.pointerType}} + @pointerenter=${o=>o.pointerType!=="touch"&&this.showTooltip()} + @pointerleave=${o=>o.pointerType!=="touch"&&this.hideTooltip()} + @click=${o=>{this.lastPointerType==="touch"&&this.handleTap(o),this.lastPointerType=null}} + > + ${this.renderIcon()} + + `:this.renderIcon()}};w(N,"activeTooltip",null),w(N,"properties",{content:{type:String},placement:{type:String},variant:{type:String},src:{type:String},size:{type:String},tooltipText:{type:String,attribute:"tooltip-text"},tooltipPlacement:{type:String,attribute:"tooltip-placement"},mnemonicText:{type:String,attribute:"mnemonic-text"},mnemonicPlacement:{type:String,attribute:"mnemonic-placement"},tooltipVisible:{type:Boolean,state:!0}}),w(N,"styles",Or` + :host { + display: contents; + overflow: visible; + } + + /* CSS tooltip styles - these are local fallbacks, main styles in global.css.js */ + .css-tooltip { + position: relative; + display: inline-block; + cursor: pointer; + } + + .css-tooltip[data-tooltip]::before { + content: attr(data-tooltip); + position: absolute; + z-index: 999; + background: var(--spectrum-gray-800, #323232); + color: #fff; + padding: var(--mas-mnemonic-tooltip-padding, 8px 12px); + border-radius: 4px; + white-space: normal; + width: max-content; + max-width: 60px; + opacity: 0; + visibility: hidden; + pointer-events: none; + transition: + opacity 0.2s ease, + visibility 0.2s ease; + font-size: 12px; + line-height: 1.4; + text-align: center; + } + + .css-tooltip[data-tooltip]::after { + content: ''; + position: absolute; + z-index: 999; + width: 0; + height: 0; + border: 6px solid transparent; + opacity: 0; + visibility: hidden; + pointer-events: none; + transition: + opacity 0.1s ease, + visibility 0.1s ease; + } + + .css-tooltip.tooltip-visible[data-tooltip]::before, + .css-tooltip.tooltip-visible[data-tooltip]::after, + .css-tooltip:focus-visible[data-tooltip]::before, + .css-tooltip:focus-visible[data-tooltip]::after { + opacity: 1; + visibility: visible; + } + + /* Position variants */ + .css-tooltip.top[data-tooltip]::before { + bottom: 100%; + left: 50%; + transform: translateX(-50%); + margin-bottom: 16px; + } + + .css-tooltip.top[data-tooltip]::after { + top: -80%; + left: 50%; + transform: translateX(-50%); + border-color: var(--spectrum-gray-800, #323232) transparent + transparent transparent; + } + + .css-tooltip.bottom[data-tooltip]::before { + top: 100%; + left: 50%; + transform: translateX(-50%); + margin-top: 10px; + } + + .css-tooltip.bottom[data-tooltip]::after { + top: 100%; + left: 50%; + transform: translateX(-50%); + margin-top: 5px; + border-bottom-color: var(--spectrum-gray-800, #323232); + } + + .css-tooltip.left[data-tooltip]::before { + right: 100%; + top: 50%; + transform: translateY(-50%); + margin-right: 10px; + left: var(--tooltip-left-offset, auto); + } + + .css-tooltip.left[data-tooltip]::after { + right: 100%; + top: 50%; + transform: translateY(-50%); + margin-right: 5px; + border-left-color: var(--spectrum-gray-800, #323232); + } + + .css-tooltip.right[data-tooltip]::before { + left: 100%; + top: 50%; + transform: translateY(-50%); + margin-left: 10px; + } + + .css-tooltip.right[data-tooltip]::after { + left: 100%; + top: 50%; + transform: translateY(-50%); + margin-left: 5px; + border-right-color: var(--spectrum-gray-800, #323232); + } + `);ct=N;customElements.define("mas-mnemonic",ct)});var so=Object.freeze({MONTH:"MONTH",YEAR:"YEAR",TWO_YEARS:"TWO_YEARS",THREE_YEARS:"THREE_YEARS",PERPETUAL:"PERPETUAL",TERM_LICENSE:"TERM_LICENSE",ACCESS_PASS:"ACCESS_PASS",THREE_MONTHS:"THREE_MONTHS",SIX_MONTHS:"SIX_MONTHS"}),lo=Object.freeze({ANNUAL:"ANNUAL",MONTHLY:"MONTHLY",TWO_YEARS:"TWO_YEARS",THREE_YEARS:"THREE_YEARS",P1D:"P1D",P1Y:"P1Y",P3Y:"P3Y",P10Y:"P10Y",P15Y:"P15Y",P3D:"P3D",P7D:"P7D",P30D:"P30D",HALF_YEARLY:"HALF_YEARLY",QUARTERLY:"QUARTERLY"});var _='span[is="inline-price"][data-wcs-osi]',fr='a[is="checkout-link"][data-wcs-osi],button[is="checkout-button"][data-wcs-osi]';var br='a[is="upt-link"]',Ht=`${_},${fr},${br}`;var Dt="merch-quantity-selector:change";var gt="aem:load",ft="aem:error",he="mas:ready",me="mas:error",pe="placeholder-failed",ue="placeholder-pending",ge="placeholder-resolved";var fe="mas:failed",be="mas:resolved",ye="mas/commerce";var P="failed",F="pending",I="resolved";var $t="X-Request-Id",ho=Object.freeze({SEGMENTATION:"segmentation",BUNDLE:"bundle",COMMITMENT:"commitment",RECOMMENDATION:"recommendation",EMAIL:"email",PAYMENT:"payment",CHANGE_PLAN_TEAM_PLANS:"change-plan/team-upgrade/plans",CHANGE_PLAN_TEAM_PAYMENT:"change-plan/team-upgrade/payment"});var mo=Object.freeze({STAGE:"STAGE",PRODUCTION:"PRODUCTION",LOCAL:"LOCAL"});var Ee=":start",ve=":duration";var Y="legal";var yr="mas-commerce-service";function bt(t,r){let e;return function(){let n=this,o=arguments;clearTimeout(e),e=setTimeout(()=>t.apply(n,o),r)}}function k(t,r={},e=null,n=null){let o=n?document.createElement(t,{is:n}):document.createElement(t);e instanceof HTMLElement?o.appendChild(e):o.innerHTML=e;for(let[i,a]of Object.entries(r))o.setAttribute(i,a);return o}function xe(t){return`startTime:${t.startTime.toFixed(2)}|duration:${t.duration.toFixed(2)}`}function nt(){return document.getElementsByTagName(yr)?.[0]}function we(t,r={},{metadata:e=!0,search:n=!0,storage:o=!0}={}){let i;if(n&&i==null){let a=new URLSearchParams(window.location.search),c=qt(n)?n:t;i=a.get(c)}if(o&&i==null){let a=qt(o)?o:t;i=window.sessionStorage.getItem(a)??window.localStorage.getItem(a)}if(e&&i==null){let a=vr(qt(e)?e:t);i=document.documentElement.querySelector(`meta[name="${a}"]`)?.content}return i??r[t]}var Er=t=>typeof t=="boolean",yt=t=>typeof t=="function";var qt=t=>typeof t=="string";function Ae(t,r){if(Er(t))return t;let e=String(t);return e==="1"||e==="true"?!0:e==="0"||e==="false"?!1:r}function vr(t=""){return String(t).replace(/(\p{Lowercase_Letter})(\p{Uppercase_Letter})/gu,(r,e,n)=>`${e}-${n}`).replace(/\W+/gu,"-").toLowerCase()}var B={clientId:"merch-at-scale",delimiter:"\xB6",ignoredProperties:["analytics","literals","element"],serializableTypes:["Array","Object"],sampleRate:1,severity:"e",tags:"acom",isProdDomain:!1},Te=1e3;function xr(t){return t instanceof Error||typeof t?.originatingRequest=="string"}function Se(t){if(t==null)return;let r=typeof t;if(r==="function")return t.name?`function ${t.name}`:"function";if(r==="object"){if(t instanceof Error)return t.message;if(typeof t.originatingRequest=="string"){let{message:n,originatingRequest:o,status:i}=t;return[n,i,o].filter(Boolean).join(" ")}let e=t[Symbol.toStringTag]??Object.getPrototypeOf(t).constructor.name;if(!B.serializableTypes.includes(e))return e}return t}function wr(t,r){if(!B.ignoredProperties.includes(t))return Se(r)}var zt={append(t){if(t.level!=="error")return;let{message:r,params:e}=t,n=[],o=[],i=r;e.forEach(l=>{l!=null&&(xr(l)?n:o).push(l)}),n.length&&(i+=" "+n.map(Se).join(" "));let{pathname:a,search:c}=window.location,s=`${B.delimiter}page=${a}${c}`;s.length>Te&&(s=`${s.slice(0,Te)}`),i+=s,o.length&&(i+=`${B.delimiter}facts=`,i+=JSON.stringify(o,wr)),window.lana?.log(i,B)}};function Le(t){Object.assign(B,Object.fromEntries(Object.entries(t).filter(([r,e])=>r in B&&e!==""&&e!==null&&e!==void 0&&!Number.isNaN(e))))}var Ce={LOCAL:"local",PROD:"prod",STAGE:"stage"},Ft={DEBUG:"debug",ERROR:"error",INFO:"info",WARN:"warn"},Bt=new Set,Ut=new Set,Ne=new Map,_e={append({level:t,message:r,params:e,timestamp:n,source:o}){console[t](`${n}ms [${o}] %c${r}`,"font-weight: bold;",...e)}},Re={filter:({level:t})=>t!==Ft.DEBUG},Ar={filter:()=>!1};function Tr(t,r,e,n,o){return{level:t,message:r,namespace:e,get params(){return n.length===1&&yt(n[0])&&(n=n[0](),Array.isArray(n)||(n=[n])),n},source:o,timestamp:performance.now().toFixed(3)}}function Sr(t){[...Ut].every(r=>r(t))&&Bt.forEach(r=>r(t))}function ke(t){let r=(Ne.get(t)??0)+1;Ne.set(t,r);let e=`${t} #${r}`,n={id:e,namespace:t,module:o=>ke(`${n.namespace}/${o}`),updateConfig:Le};return Object.values(Ft).forEach(o=>{n[o]=(i,...a)=>Sr(Tr(o,i,t,a,e))}),Object.seal(n)}function Et(...t){t.forEach(r=>{let{append:e,filter:n}=r;yt(n)&&Ut.add(n),yt(e)&&Bt.add(e)})}function Lr(t={}){let{name:r}=t,e=Ae(we("commerce.debug",{search:!0,storage:!0}),r===Ce.LOCAL);return Et(e?_e:Re),r===Ce.PROD&&Et(zt),ot}function Cr(){Bt.clear(),Ut.clear()}var ot={...ke(ye),Level:Ft,Plugins:{consoleAppender:_e,debugFilter:Re,quietFilter:Ar,lanaAppender:zt},init:Lr,reset:Cr,use:Et};var Nr="mas-commerce-service",So=ot.module("utilities");var vt=t=>window.setTimeout(t);function Vt(){return document.getElementsByTagName(Nr)?.[0]}var xt=class t extends Error{constructor(r,e,n){if(super(r,{cause:n}),this.name="MasError",e.response){let o=e.response.headers?.get($t);o&&(e.requestId=o),e.response.status&&(e.status=e.response.status,e.statusText=e.response.statusText),e.response.url&&(e.url=e.response.url)}delete e.response,this.context=e,Error.captureStackTrace&&Error.captureStackTrace(this,t)}toString(){let r=Object.entries(this.context||{}).map(([n,o])=>`${n}: ${JSON.stringify(o)}`).join(", "),e=`${this.name}: ${this.message}`;return r&&(e+=` (${r})`),this.cause&&(e+=` +Caused by: ${this.cause}`),e}};var _r={[P]:pe,[F]:ue,[I]:ge},Rr={[P]:fe,[I]:be},it,wt=class{constructor(r){S(this,it);w(this,"changes",new Map);w(this,"connected",!1);w(this,"error");w(this,"log");w(this,"options");w(this,"promises",[]);w(this,"state",F);w(this,"timer",null);w(this,"value");w(this,"version",0);w(this,"wrapperElement");this.wrapperElement=r,this.log=ot.module("mas-element")}update(){[P,F,I].forEach(r=>{this.wrapperElement.classList.toggle(_r[r],r===this.state)})}notify(){(this.state===I||this.state===P)&&(this.state===I?this.promises.forEach(({resolve:e})=>e(this.wrapperElement)):this.state===P&&this.promises.forEach(({reject:e})=>e(this.error)),this.promises=[]);let r=this.error;this.error instanceof xt&&(r={message:this.error.message,...this.error.context}),this.wrapperElement.dispatchEvent(new CustomEvent(Rr[this.state],{bubbles:!0,composed:!0,detail:r}))}attributeChangedCallback(r,e,n){this.changes.set(r,n),this.requestUpdate()}connectedCallback(){L(this,it,Vt()),this.requestUpdate(!0)}disconnectedCallback(){this.connected&&(this.connected=!1,this.log?.debug("Disconnected:",{element:this.wrapperElement}))}onceSettled(){let{error:r,promises:e,state:n}=this;return I===n?Promise.resolve(this.wrapperElement):P===n?Promise.reject(r):new Promise((o,i)=>{e.push({resolve:o,reject:i})})}toggleResolved(r,e,n){return r!==this.version?!1:(n!==void 0&&(this.options=n),this.state=I,this.value=e,this.update(),this.log?.debug("Resolved:",{element:this.wrapperElement,value:e}),vt(()=>this.notify()),!0)}toggleFailed(r,e,n){if(r!==this.version)return!1;n!==void 0&&(this.options=n),this.error=e,this.state=P,this.update();let o=this.wrapperElement.getAttribute("is");return this.log?.error(`${o}: Failed to render: ${e.message}`,{element:this.wrapperElement,...e.context,...f(this,it)?.duration}),vt(()=>this.notify()),!0}togglePending(r){return this.version++,r&&(this.options=r),this.state=F,this.update(),this.log?.debug("Pending:",{osi:this.wrapperElement?.options?.wcsOsi}),this.version}requestUpdate(r=!1){if(!this.wrapperElement.isConnected||!Vt()||this.timer)return;let{error:e,options:n,state:o,value:i,version:a}=this;this.state=F,this.timer=vt(async()=>{this.timer=null;let c=null;if(this.changes.size&&(c=Object.fromEntries(this.changes.entries()),this.changes.clear()),this.connected?this.log?.debug("Updated:",{element:this.wrapperElement,changes:c}):(this.connected=!0,this.log?.debug("Connected:",{element:this.wrapperElement,changes:c})),c||r)try{await this.wrapperElement.render?.()===!1&&this.state===F&&this.version===a&&(this.state=o,this.error=e,this.value=i,this.update(),this.notify())}catch(s){this.toggleFailed(this.version,s,n)}})}};it=new WeakMap;function kr(t){return`https://${t==="PRODUCTION"?"www.adobe.com":"www.stage.adobe.com"}/offers/promo-terms.html`}var V,U=class U extends HTMLAnchorElement{constructor(){super();w(this,"masElement",new wt(this));S(this,V);this.setAttribute("is",U.is)}get isUptLink(){return!0}initializeWcsData(e,n){this.setAttribute("data-wcs-osi",e),n&&this.setAttribute("data-promotion-code",n)}attributeChangedCallback(e,n,o){this.masElement.attributeChangedCallback(e,n,o)}connectedCallback(){this.masElement.connectedCallback(),L(this,V,nt()),f(this,V)&&(this.log=f(this,V).log.module("upt-link"))}disconnectedCallback(){this.masElement.disconnectedCallback(),L(this,V,void 0)}requestUpdate(e=!1){this.masElement.requestUpdate(e)}onceSettled(){return this.masElement.onceSettled()}async render(){let e=nt();if(!e)return!1;this.dataset.imsCountry||e.imsCountryPromise.then(a=>{a&&(this.dataset.imsCountry=a)});let n=e.collectCheckoutOptions({},this);if(!n.wcsOsi)return this.log.error("Missing 'data-wcs-osi' attribute on upt-link."),!1;let o=this.masElement.togglePending(n),i=e.resolveOfferSelectors(n);try{let[[a]]=await Promise.all(i),{country:c,language:s,env:l}=n,m=`locale=${s}_${c}&country=${c}&offer_id=${a.offerId}`,d=this.getAttribute("data-promotion-code");d&&(m+=`&promotion_code=${encodeURIComponent(d)}`),this.href=`${kr(l)}?${m}`,this.masElement.toggleResolved(o,a,n)}catch(a){let c=new Error(`Could not resolve offer selectors for id: ${n.wcsOsi}.`,a.message);return this.masElement.toggleFailed(o,c,n),!1}}static createFrom(e){let n=new U;for(let o of e.attributes)o.name!=="is"&&(o.name==="class"&&o.value.includes("upt-link")?n.setAttribute("class",o.value.replace("upt-link","").trim()):n.setAttribute(o.name,o.value));return n.innerHTML=e.innerHTML,n.setAttribute("tabindex",0),n}};V=new WeakMap,w(U,"is","upt-link"),w(U,"tag","a"),w(U,"observedAttributes",["data-wcs-osi","data-promotion-code","data-ims-country"]);var H=U;window.customElements.get(H.is)||window.customElements.define(H.is,H,{extends:H.tag});var Hr="#000000",jt="#F8D904",Dr="#EAEAEA",$r="#31A547",qr=/(accent|primary|secondary)(-(outline|link))?/,zr="mas:product_code/",Fr="daa-ll",Ie="daa-lh",Br=["XL","L","M","S"],Gt="...";function R(t,r,e,n){let o=n[t];if(r[t]&&o){let i={slot:o?.slot,...o?.attributes},a=r[t];if(o.maxCount&&typeof a=="string"){let[s,l]=an(a,o.maxCount,o.withSuffix);s!==a&&(i.title=l,a=s)}let c=k(o.tag,i,a);e.append(c)}}function Ur(t,r,e){let o=(t.mnemonicIcon||[]).filter(a=>a).map((a,c)=>({icon:a,alt:t.mnemonicAlt?.[c]??"",link:t.mnemonicLink?.[c]??""}));o?.forEach(({icon:a,alt:c,link:s})=>{if(s&&!/^https?:/.test(s))try{s=new URL(`https://${s}`).href.toString()}catch{s="#"}let l={slot:"icons",src:a,loading:r.loading,size:e?.size??"l"};c&&(l.alt=c),s&&(l.href=s);let m=k("merch-icon",l);r.append(m)});let i=r.shadowRoot.querySelector('slot[name="icons"]');i&&(i.style.display=o?.length?null:"none")}function Vr(t,r,e){if(e.badge?.slot){if(t.badge?.length&&!t.badge?.startsWith("${t.badge}`}R("badge",t,r,e)}else t.badge?(r.setAttribute("badge-text",t.badge),e.disabledAttributes?.includes("badgeColor")||r.setAttribute("badge-color",t.badgeColor||Hr),e.disabledAttributes?.includes("badgeBackgroundColor")||r.setAttribute("badge-background-color",t.badgeBackgroundColor||jt),r.setAttribute("border-color",t.badgeBackgroundColor||jt)):r.setAttribute("border-color",t.borderColor||Dr)}function jr(t,r,e){if(e.trialBadge&&t.trialBadge){if(!t.trialBadge.startsWith("${t.trialBadge}`}R("trialBadge",t,r,e)}}function Gr(t,r,e){e?.includes(t.size)&&r.setAttribute("size",t.size)}function Wr(t,r){t.cardName&&r.setAttribute("name",t.cardName)}function Yr(t,r,e){t.cardTitle&&(t.cardTitle=K(t.cardTitle)),R("cardTitle",t,r,{cardTitle:e})}function Kr(t,r,e){R("subtitle",t,r,e)}function Xr(t,r,e,n){if(!t.backgroundColor||t.backgroundColor.toLowerCase()==="default"){r.style.removeProperty("--merch-card-custom-background-color"),r.removeAttribute("background-color");return}e?.[t.backgroundColor]?(r.style.setProperty("--merch-card-custom-background-color",`var(${e[t.backgroundColor]})`),r.setAttribute("background-color",t.backgroundColor)):n?.attribute&&t.backgroundColor&&(r.setAttribute(n.attribute,t.backgroundColor),r.style.removeProperty("--merch-card-custom-background-color"))}function Qr(t,r,e){let n=e?.borderColor,o="--consonant-merch-card-border-color";if(t.borderColor?.toLowerCase()==="transparent")r.style.setProperty(o,"transparent");else if(t.borderColor&&n){let a=n?.specialValues?.[t.borderColor]?.includes("gradient")||/-gradient/.test(t.borderColor),c=/^spectrum-.*-(plans|special-offers)$/.test(t.borderColor);if(a){r.setAttribute("gradient-border","true");let s=t.borderColor;if(n?.specialValues){for(let[l,m]of Object.entries(n.specialValues))if(m===t.borderColor){s=l;break}}r.setAttribute("border-color",s),r.style.removeProperty(o)}else c?(r.setAttribute("border-color",t.borderColor),r.style.setProperty(o,`var(--${t.borderColor})`)):r.style.setProperty(o,`var(--${t.borderColor})`)}}function Zr(t,r,e){if(t.backgroundImage){let n={loading:r.loading??"lazy",src:t.backgroundImage};if(t.backgroundImageAltText?n.alt=t.backgroundImageAltText:n.role="none",!e)return;if(e?.attribute){r.setAttribute(e.attribute,t.backgroundImage);return}r.append(k(e.tag,{slot:e.slot},k("img",n)))}}function K(t){return!t||typeof t!="string"||t.includes("(Oe(),Me)).catch(console.error),t}function Jr(t,r,e){t.prices&&(t.prices=K(t.prices)),R("prices",t,r,e)}function He(t,r,e){let n=t.hasAttribute("data-wcs-osi")&&!!t.getAttribute("data-wcs-osi"),o=t.className||"",i=qr.exec(o)?.[0]??"accent",a=i.includes("accent"),c=i.includes("primary"),s=i.includes("secondary"),l=i.includes("-outline"),m=i.includes("-link");t.classList.remove("accent","primary","secondary");let d;if(r.consonant)d=dn(t,a,n,m,c,s,e?.ctas?.size);else if(m)d=t;else{let h;a?h="accent":c?h="primary":s&&(h="secondary"),d=r.spectrum==="swc"?ln(t,e,l,h,n):sn(t,e,l,h,n)}return d}function tn(t,r){let{slot:e}=r?.description,n=t.querySelectorAll(`[slot="${e}"] a[data-wcs-osi]`);n.length&&n.forEach(o=>{let i=He(o,t,r);o.replaceWith(i)})}function en(t,r,e){t.description&&(t.description=K(t.description)),t.promoText&&(t.promoText=K(t.promoText)),t.shortDescription&&(t.shortDescription=K(t.shortDescription)),R("promoText",t,r,e),R("description",t,r,e),R("shortDescription",t,r,e),t.shortDescription&&(r.setAttribute("action-menu","true"),t.actionMenuLabel||r.setAttribute("action-menu-label","More options")),tn(r,e),R("callout",t,r,e),R("quantitySelect",t,r,e),R("whatsIncluded",t,r,e)}function rn(t,r,e){if(!e.addon)return;let n=t.addon?.replace(/[{}]/g,"");if(!n||/disabled/.test(n))return;let o=k("merch-addon",{slot:"addon"},n);[...o.querySelectorAll(_)].forEach(i=>{let a=i.parentElement;a?.nodeName==="P"&&a.setAttribute("data-plan-type","")}),r.append(o)}function nn(t,r,e){t.addonConfirmation&&R("addonConfirmation",t,r,e)}function on(t,r,e,n){n?.secureLabel&&e?.secureLabel&&r.setAttribute("secure-label",n.secureLabel)}function an(t,r,e=!0){try{let n=typeof t!="string"?"":t,o=Pe(n);if(o.length<=r)return[n,o];let i=0,a=!1,c=e?r-Gt.length<1?1:r-Gt.length:r,s=[];for(let d of n){if(i++,d==="<")if(a=!0,n[i]==="/")s.pop();else{let h="";for(let y of n.substring(i)){if(y===" "||y===">")break;h+=y}s.push(h)}if(d==="/"&&n[i]===">"&&s.pop(),d===">"){a=!1;continue}if(!a&&(c--,c===0))break}let l=n.substring(0,i).trim();if(s.length>0){s[0]==="p"&&s.shift();for(let d of s.reverse())l+=``}return[`${l}${e?Gt:""}`,o]}catch{let o=typeof t=="string"?t:"",i=Pe(o);return[o,i]}}function Pe(t){if(!t)return"";let r="",e=!1;for(let n of t){if(n==="<"&&(e=!0),n===">"){e=!1;continue}e||(r+=n)}return r}function cn(t,r){r.querySelectorAll("a.upt-link").forEach(n=>{let o=H.createFrom(n);n.replaceWith(o),o.initializeWcsData(t.osi,t.promoCode)})}function sn(t,r,e,n,o){let i=t;o?i=customElements.get("checkout-button").createCheckoutButton({},t.innerHTML):i.innerHTML=`${i.textContent}`,i.setAttribute("tabindex",0);for(let m of t.attributes)["class","is"].includes(m.name)||i.setAttribute(m.name,m.value);i.firstElementChild?.classList.add("spectrum-Button-label");let a=r?.ctas?.size??"M",c=`spectrum-Button--${n}`,s=Br.includes(a)?`spectrum-Button--size${a}`:"spectrum-Button--sizeM",l=["spectrum-Button",c,s];return e&&l.push("spectrum-Button--outline"),i.classList.add(...l),i}function ln(t,r,e,n,o){let i=t;o&&(i=customElements.get("checkout-button").createCheckoutButton(t.dataset),i.connectedCallback(),i.render());let a="fill";e&&(a="outline");let c=k("sp-button",{treatment:a,variant:n,tabIndex:0,size:r?.ctas?.size??"m",...t.dataset.analyticsId&&{"data-analytics-id":t.dataset.analyticsId}},t.innerHTML);return c.source=i,(o?i.onceSettled():Promise.resolve(i)).then(s=>{c.setAttribute("data-navigation-url",s.href)}),c.addEventListener("click",s=>{s.defaultPrevented||i.click()}),c}function dn(t,r,e,n,o,i,a){let c=t;if(e)try{let s=customElements.get("checkout-link");s&&(c=s.createCheckoutLink(t.dataset,t.innerHTML)??t)}catch{}return n||(c.classList.add("button","con-button"),a&&a!=="m"&&c.classList.add(`button-${a}`),r&&c.classList.add("blue"),o&&c.classList.add("primary"),i&&c.classList.add("secondary")),c}function hn(t,r,e,n){if(t.ctas){t.ctas=K(t.ctas);let{slot:o}=e.ctas,i=k("div",{slot:o},t.ctas),a=[...i.querySelectorAll("a")].map(c=>He(c,r,e));i.innerHTML="",i.append(...a),r.append(i)}}function mn(t,r){let{tags:e}=t,n=e?.find(i=>typeof i=="string"&&i.startsWith(zr))?.split("/").pop();if(!n)return;r.setAttribute(Ie,n),[...r.shadowRoot.querySelectorAll("a[data-analytics-id],button[data-analytics-id]"),...r.querySelectorAll("a[data-analytics-id],button[data-analytics-id]")].forEach((i,a)=>{i.setAttribute(Fr,`${i.dataset.analyticsId}-${a+1}`)})}function pn(t){t.spectrum==="css"&&[["primary-link","primary"],["secondary-link","secondary"]].forEach(([r,e])=>{t.querySelectorAll(`a.${r}`).forEach(n=>{n.classList.remove(r),n.classList.add("spectrum-Link",`spectrum-Link--${e}`)})})}function un(t){t.querySelectorAll("[slot]").forEach(n=>{n.remove()}),t.variant=void 0,["checkbox-label","stock-offer-osis","secure-label","background-image","background-color","border-color","badge-background-color","badge-color","badge-text","gradient-border","size",Ie].forEach(n=>t.removeAttribute(n));let e=["wide-strip","thin-strip"];t.classList.remove(...e)}async function De(t,r){if(!t){let s=r?.id||"unknown";throw console.error(`hydrate: Fragment is undefined. Cannot hydrate card (merchCard id: ${s}).`),new Error(`hydrate: Fragment is undefined for card (merchCard id: ${s}).`)}if(!t.fields){let s=t.id||"unknown",l=r?.id||"unknown";throw console.error(`hydrate: Fragment for card ID '${s}' (merchCard id: ${l}) is missing 'fields'. Cannot hydrate.`),new Error(`hydrate: Fragment for card ID '${s}' (merchCard id: ${l}) is missing 'fields'.`)}let{id:e,fields:n,settings:o={},priceLiterals:i}=t,{variant:a}=n;if(!a)throw new Error(`hydrate: no variant found in payload ${e}`);un(r),r.settings=o,i&&(r.priceLiterals=i),r.id??(r.id=t.id),r.variant=a,await r.updateComplete;let{aemFragmentMapping:c}=r.variantLayout;if(!c)throw new Error(`hydrate: variant mapping not found for ${e}`);c.style==="consonant"&&r.setAttribute("consonant",!0),Ur(n,r,c.mnemonics),jr(n,r,c),Gr(n,r,c.size),Wr(n,r),Yr(n,r,c.title),Vr(n,r,c),Kr(n,r,c),Jr(n,r,c),Zr(n,r,c.backgroundImage),Xr(n,r,c.allowedColors,c.backgroundColor),Qr(n,r,c),en(n,r,c),rn(n,r,c),nn(n,r,c),on(n,r,c,o);try{cn(n,r)}catch{}hn(n,r,c,a),mn(n,r),pn(r)}import{html as D,css as bn,unsafeCSS as ze}from"./lit-all.min.js";import{html as At,nothing as gn}from"./lit-all.min.js";var X,st=class st{constructor(r){w(this,"card");S(this,X);this.card=r,this.insertVariantStyle()}getContainer(){return L(this,X,f(this,X)??this.card.closest('merch-card-collection, [class*="-merch-cards"]')??this.card.parentElement),f(this,X)}insertVariantStyle(){let r=this.constructor.name;if(!st.styleMap[r]){st.styleMap[r]=!0;let e=document.createElement("style");e.innerHTML=this.getGlobalCSS(),document.head.appendChild(e)}}updateCardElementMinHeight(r,e){if(!r||this.card.heightSync===!1)return;let n=`--consonant-merch-card-${this.card.variant}-${e}-height`,o=Math.max(0,parseInt(window.getComputedStyle(r).height)||0),i=this.getContainer(),a=parseInt(i.style.getPropertyValue(n))||0;o>a&&i.style.setProperty(n,`${o}px`)}get badge(){let r;if(!(!this.card.badgeBackgroundColor||!this.card.badgeColor||!this.card.badgeText))return this.evergreen&&(r=`border: 1px solid ${this.card.badgeBackgroundColor}; border-right: none;`),At` +
+ ${this.card.badgeText} +
+ `}get cardImage(){return At`
+ + ${this.badge} +
`}getGlobalCSS(){return""}get theme(){return document.querySelector("sp-theme")}get evergreen(){return this.card.classList.contains("intro-pricing")}get promoBottom(){return this.card.classList.contains("promo-bottom")}get headingSelector(){return'[slot="heading-xs"]'}get secureLabel(){return this.card.secureLabel?At`${this.card.secureLabel}`:gn}get secureLabelFooter(){return At`
+ ${this.secureLabel} +
`}async postCardUpdateHook(){}connectedCallbackHook(){}disconnectedCallbackHook(){}syncHeights(){}renderLayout(){}get aemFragmentMapping(){return this.constructor.fragmentMapping??null}};X=new WeakMap,w(st,"styleMap",{});var Tt=st;var Wt="(max-width: 767px)",Lt="(max-width: 1199px)",$e="(min-width: 768px)",Q="(min-width: 1200px)",St="(min-width: 1600px)",fn={matchMobile:window.matchMedia(Wt),matchDesktop:window.matchMedia(`${Q} and (not ${St})`),matchDesktopOrUp:window.matchMedia(Q),matchLargeDesktop:window.matchMedia(St),get isMobile(){return this.matchMobile.matches},get isDesktop(){return this.matchDesktop.matches},get isDesktopOrUp(){return this.matchDesktopOrUp.matches}},Yt=fn;var qe=` + :root { + --consonant-merch-card-mini-compare-chart-icon-size: 32px; + --consonant-merch-card-mini-compare-border-color: #E9E9E9; + --consonant-merch-card-mini-compare-mobile-cta-font-size: 16px; + --consonant-merch-card-mini-compare-mobile-cta-width: 75px; + --consonant-merch-card-mini-compare-badge-mobile-max-width: 50px; + --consonant-merch-card-mini-compare-mobile-price-font-size: 32px; + --consonant-merch-card-card-mini-compare-mobile-background-color: #F8F8F8; + --consonant-merch-card-card-mini-compare-mobile-spacing-xs: 12px; + --consonant-merch-card-mini-compare-chart-heading-m-price-height: 30px; + } + + merch-card[variant="mini-compare-chart"] { + background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, var(--consonant-merch-card-border-color, #E9E9E9) border-box; + border: 1px solid transparent; + } + + merch-card[variant="mini-compare-chart"] merch-badge { + position: absolute; + top: 16px; + inset-inline-start: auto; + inset-inline-end: 0; + } + merch-card[variant="mini-compare-chart"] div[class$='-badge'] { + font-size: 14px; + } + + merch-card[variant="mini-compare-chart"] div[class$='-badge']:dir(rtl) { + left: 0; + right: initial; + padding: 8px 11px; + border-radius: 0 5px 5px 0; + } + + merch-card[variant="mini-compare-chart"] [slot="heading-m"] { + padding: 0 var(--consonant-merch-spacing-s) 0; + } + + merch-card[variant="mini-compare-chart"] [slot="heading-xs"] { + padding: var(--consonant-merch-spacing-xs) var(--consonant-merch-spacing-s); + font-size: var(--consonant-merch-card-heading-m-font-size); + line-height: var(--consonant-merch-card-heading-m-line-height); + } + + merch-card[variant="mini-compare-chart"] merch-addon { + box-sizing: border-box; + } + + merch-card[variant="mini-compare-chart"] merch-addon { + padding-inline-start: 4px; + padding-top: 8px; + padding-bottom: 8px; + padding-inline-end: 8px; + border-radius: 10px; + font-family: var(--merch-body-font-family, 'Adobe Clean'); + margin: var(--consonant-merch-spacing-xs) var(--consonant-merch-spacing-s) .5rem; + font-size: var(--consonant-merch-card-body-xs-font-size); + line-height: var(--consonant-merch-card-body-xs-line-height); + background: linear-gradient(211deg, rgb(245, 246, 253) 33.52%, rgb(248, 241, 248) 67.33%, rgb(249, 233, 237) 110.37%); + } + + merch-card[variant="mini-compare-chart"] merch-addon [is="inline-price"] { + min-height: unset; + font-weight: bold; + pointer-events: none; + } + + merch-card[variant="mini-compare-chart"] merch-addon::part(checkbox) { + height: 18px; + width: 18px; + margin: 14px 12px 0 8px; + } + + merch-card[variant="mini-compare-chart"] merch-addon::part(label) { + display: flex; + flex-direction: column; + padding: 8px 4px 8px 0; + width: 100%; + } + + merch-card[variant="mini-compare-chart"] [is="inline-price"] { + display: inline-block; + min-height: 30px; + line-height: 30px; + min-width: 1px; + } + + merch-card[variant="mini-compare-chart"] [slot="heading-m-price"] { + min-height: 30px; + line-height: 30px; + } + + merch-card[variant="mini-compare-chart"] [slot="heading-m-price"] [is="inline-price"][data-template="legal"] { + display: inline; + min-height: unset; + } + + merch-card[variant="mini-compare-chart"] [slot="heading-m-price"] .price-plan-type { + display: block; + font-size: var(--consonant-merch-card-body-xs-font-size); + font-style: italic; + font-weight: normal; + } + + merch-card[variant="mini-compare-chart"] [slot="callout-content"] { + padding: var(--consonant-merch-spacing-xs) var(--consonant-merch-spacing-s) 0px; + } + + merch-card[variant="mini-compare-chart"] [slot="callout-content"] .callout-row { + flex-direction: row; + align-items: flex-start; + padding: 2px 10px 3px; + } + + merch-card[variant="mini-compare-chart"] [slot="callout-content"] .callout-row .icon-button { + position: relative; + top: 2px; + left: auto; + flex-shrink: 0; + align-self: flex-start; + margin-inline-start: var(--consonant-merch-spacing-xxs); + } + + merch-card[variant="mini-compare-chart"] [slot="quantity-select"] { + padding: 0 var(--consonant-merch-spacing-s); + } + + merch-card[variant="mini-compare-chart"] [slot="subtitle"] { + font-size: var(--consonant-merch-card-body-s-font-size); + line-height: var(--consonant-merch-card-body-s-line-height); + padding: 0 var(--consonant-merch-spacing-s); + font-weight: 500; + } + + merch-card[variant="mini-compare-chart"] [slot="body-m"] { + padding: var(--consonant-merch-spacing-xs) var(--consonant-merch-spacing-s); + } + + merch-card[variant="mini-compare-chart"] [slot="callout-content"] [is="inline-price"] { + min-height: unset; + } + + merch-card[variant="mini-compare-chart"] [slot="price-commitment"] { + font-size: var(--consonant-merch-card-body-xs-font-size); + padding: 0 var(--consonant-merch-spacing-s); + font-style: italic; + } + + merch-card[variant="mini-compare-chart"] [slot="price-commitment"] a { + display: inline-block; + height: 27px; + } + + merch-card[variant="mini-compare-chart"] [slot="offers"] { + font-size: var(--consonant-merch-card-body-xs-font-size); + } + + merch-card[variant="mini-compare-chart"] [slot="body-xxs"] { + font-size: var(--consonant-merch-card-body-xs-font-size); + } + + merch-card[variant="mini-compare-chart"] .price-plan-type [slot="body-xxs"] { + font-style: italic; + font-weight: normal; + } + + merch-card[variant="mini-compare-chart"] [slot="promo-text"] { + font-size: var(--consonant-merch-card-body-m-font-size); + padding: var(--consonant-merch-spacing-xs) var(--consonant-merch-spacing-s) 0; + } + + merch-card[variant="mini-compare-chart"] [slot="promo-text"] p { + margin: 0; + line-height: var(--consonant-merch-card-body-xs-line-height); + } + + merch-card[variant="mini-compare-chart"] [slot="promo-text"] [is="inline-price"] { + line-height: var(--consonant-merch-card-body-xs-line-height); + min-height: unset; + } + + merch-card[variant="mini-compare-chart"] [slot="promo-text"] a { + color: var(--color-accent); + text-decoration: underline; + } + + merch-card[variant="mini-compare-chart"] a.upt-link { + color: var(--link-color); + } + + + merch-card[variant="mini-compare-chart"] [slot="body-m"] p { + margin: 0; + } + + merch-card[variant="mini-compare-chart"] .action-area { + display: flex; + justify-content: flex-end; + align-items: flex-end; + flex-wrap: wrap; + width: 100%; + gap: var(--consonant-merch-spacing-xxs); + } + + /* Override merch-whats-included host layout for footer-row display */ + merch-card[variant="mini-compare-chart"] merch-whats-included { + display: flex; + flex-direction: column; + width: 100%; + row-gap: 0; + } + + /* Hide heading in footer context */ + merch-card[variant="mini-compare-chart"] merch-whats-included [slot="heading"] { + display: none; + } + + /* Icon sizing */ + merch-card[variant="mini-compare-chart"] merch-mnemonic-list [slot="icon"] { + display: flex; + align-items: center; + justify-content: center; + min-width: var(--consonant-merch-card-mini-compare-chart-icon-size); + width: var(--consonant-merch-card-mini-compare-chart-icon-size); + height: var(--consonant-merch-card-mini-compare-chart-icon-size); + } + + merch-card[variant="mini-compare-chart"] merch-mnemonic-list [slot="icon"] img { + max-width: initial; + width: var(--consonant-merch-card-mini-compare-chart-icon-size); + height: var(--consonant-merch-card-mini-compare-chart-icon-size); + } + + merch-card[variant="mini-compare-chart"] merch-mnemonic-list [slot="icon"] merch-icon { + --mod-img-width: var(--consonant-merch-card-mini-compare-chart-icon-size); + --mod-img-height: var(--consonant-merch-card-mini-compare-chart-icon-size); + } + + merch-card[variant="mini-compare-chart"] .footer-rows-title { + display: flex; + align-items: center; + justify-content: space-between; + font-color: var(--merch-color-grey-60); + font-weight: 700; + line-height: var(--consonant-merch-card-body-xs-line-height); + font-size: var(--consonant-merch-card-body-s-font-size); + } + + /* Footer-row-cell layout (legacy footer-rows structure used by DC pages) */ + merch-card[variant="mini-compare-chart"] [slot="footer-rows"] ul { + margin-block: 0px; + padding-inline-start: 0px; + } + + merch-card[variant="mini-compare-chart"] .footer-row-cell { + border-top: 1px solid var(--consonant-merch-card-border-color); + display: flex; + gap: var(--consonant-merch-spacing-xs); + justify-content: start; + place-items: center; + padding: var(--consonant-merch-spacing-xs) var(--consonant-merch-spacing-s); + margin-block: 0px; + } + + merch-card[variant="mini-compare-chart"] .footer-row-icon { + display: flex; + place-items: center; + } + + merch-card[variant="mini-compare-chart"] .footer-row-icon img { + max-width: initial; + width: var(--consonant-merch-card-mini-compare-chart-icon-size); + height: var(--consonant-merch-card-mini-compare-chart-icon-size); + } + + merch-card[variant="mini-compare-chart"] .footer-row-cell-description { + font-size: var(--consonant-merch-card-body-s-font-size); + line-height: var(--consonant-merch-card-body-s-line-height); + font-weight: 400; + } + + merch-card[variant="mini-compare-chart"] .footer-row-cell-description p { + color: var(--merch-color-grey-80); + vertical-align: bottom; + } + + merch-card[variant="mini-compare-chart"] .footer-row-cell-description a { + color: var(--color-accent); + } + + /* Style each mnemonic-list as a footer row */ + merch-card[variant="mini-compare-chart"] merch-mnemonic-list { + width: 100%; + margin-inline: 0; + border-top: 1px solid var(--consonant-merch-card-mini-compare-border-color); + display: flex; + gap: var(--consonant-merch-spacing-xs); + justify-content: start; + align-items: center; + padding: var(--consonant-merch-spacing-xs) var(--consonant-merch-spacing-s); + box-sizing: border-box; + } + + merch-card[variant="mini-compare-chart"] .footer-row-icon-checkmark img { + max-width: initial; + } + + merch-card[variant="mini-compare-chart"] .footer-row-icon-checkmark { + display: flex; + align-items: center; + height: 20px; + } + + merch-card[variant="mini-compare-chart"] .footer-row-cell-checkmark { + display: flex; + gap: var(--consonant-merch-spacing-xs); + justify-content: start; + align-items: flex-start; + margin-block: var(--consonant-merch-spacing-xxxs); + } + + merch-card[variant="mini-compare-chart"] .footer-row-cell-description-checkmark { + font-size: var(--consonant-merch-card-body-xs-font-size); + font-weight: 400; + line-height: var(--consonant-merch-card-body-xs-line-height); + } + + merch-card[variant="mini-compare-chart"] merch-mnemonic-list [slot="description"] { + font-size: var(--consonant-merch-card-body-s-font-size); + line-height: var(--consonant-merch-card-body-s-line-height); + font-weight: 400; + } + + merch-card[variant="mini-compare-chart"] merch-mnemonic-list [slot="description"] p { + color: var(--merch-color-grey-80); + vertical-align: bottom; + } + + merch-card[variant="mini-compare-chart"] merch-mnemonic-list [slot="description"] a { + color: var(--color-accent); + } + + merch-card[variant="mini-compare-chart"] .toggle-icon { + display: flex; + background-color: transparent; + border: none; + padding: 0; + margin: 0; + text-align: inherit; + font: inherit; + border-radius: 0; + } + + merch-card[variant="mini-compare-chart"] .checkmark-copy-container { + display: none; + } + + merch-card[variant="mini-compare-chart"] .checkmark-copy-container.open { + display: block; + padding-block-start: var(--consonant-merch-card-card-mini-compare-mobile-spacing-xs); + padding-block-end: 4px; + } + +.one-merch-card.mini-compare-chart { + grid-template-columns: var(--consonant-merch-card-mini-compare-chart-wide-width); + gap: var(--consonant-merch-spacing-xs); +} + +.two-merch-cards.mini-compare-chart, +.three-merch-cards.mini-compare-chart, +.four-merch-cards.mini-compare-chart { + grid-template-columns: repeat(2, var(--consonant-merch-card-mini-compare-chart-width)); + gap: var(--consonant-merch-spacing-xs); +} + +/* Sections inside tabs/fragments that don't receive the .mini-compare-chart class. + Make .content wrapper transparent so the section grid applies directly to cards. */ +.one-merch-card:has(merch-card[variant="mini-compare-chart"]) .content, +.two-merch-cards:has(merch-card[variant="mini-compare-chart"]) .content, +.three-merch-cards:has(merch-card[variant="mini-compare-chart"]) .content, +.four-merch-cards:has(merch-card[variant="mini-compare-chart"]) .content { + display: contents; +} + +.one-merch-card:has(merch-card[variant="mini-compare-chart"]) { + grid-template-columns: var(--consonant-merch-card-mini-compare-chart-wide-width); + gap: var(--consonant-merch-spacing-xs); +} + +.two-merch-cards:has(merch-card[variant="mini-compare-chart"]), +.three-merch-cards:has(merch-card[variant="mini-compare-chart"]), +.four-merch-cards:has(merch-card[variant="mini-compare-chart"]) { + grid-template-columns: repeat(2, var(--consonant-merch-card-mini-compare-chart-width)); + gap: var(--consonant-merch-spacing-xs); +} + +/* Place compare-plans text-block below all cards in multi-card layouts */ +.two-merch-cards:has(merch-card[variant="mini-compare-chart"]) .text-block, +.three-merch-cards:has(merch-card[variant="mini-compare-chart"]) .text-block, +.four-merch-cards:has(merch-card[variant="mini-compare-chart"]) .text-block { + grid-column: 1 / -1; +} + +/* bullet list */ +merch-card[variant="mini-compare-chart"].bullet-list { + border-radius: var(--consonant-merch-spacing-xxs); +} + +merch-card[variant="mini-compare-chart"].bullet-list:not(.badge-card):not(.mini-compare-chart-badge) { + border-color: var(--consonant-merch-card-mini-compare-border-color); +} + +merch-card[variant="mini-compare-chart"].badge-card { + border: var(--consonant-merch-card-border); +} + +merch-card[variant="mini-compare-chart"].bullet-list [slot="heading-m"] { + padding: var(--consonant-merch-spacing-xxs) var(--consonant-merch-spacing-xs); + font-size: var(--consonant-merch-card-heading-xxs-font-size); + line-height: var(--consonant-merch-card-heading-xxs-line-height); +} + +merch-card[variant="mini-compare-chart"].bullet-list [slot="heading-m-price"], +merch-card[variant="mini-compare-chart"].bullet-list [slot="price-commitment"] { + padding: 0 var(--consonant-merch-spacing-xs); +} + +merch-card[variant="mini-compare-chart"].bullet-list [slot="heading-m-price"] .starting-at { + font-size: var(--consonant-merch-card-body-s-font-size); + line-height: var(--consonant-merch-card-body-s-line-height); + font-weight: 400; +} + +merch-card[variant="mini-compare-chart"].bullet-list [slot="heading-m-price"] .price { + font-size: var(--consonant-merch-card-heading-l-font-size); + line-height: 35px; + font-weight: 800; +} + +merch-card[variant="mini-compare-chart"].bullet-list [slot="heading-m-price"] .price-alternative:has(+ .price-annual-prefix) { + margin-bottom: 4px; +} + +merch-card[variant="mini-compare-chart"].bullet-list [slot="heading-m-price"] [data-template="strikethrough"] { + min-height: 24px; + margin-bottom: 2px; +} + +merch-card[variant="mini-compare-chart"].bullet-list [slot="heading-m-price"] [data-template="strikethrough"], +merch-card[variant="mini-compare-chart"].bullet-list [slot="heading-m-price"] .price-strikethrough { + font-size: var(--consonant-merch-card-body-s-font-size); + line-height: var(--consonant-merch-card-body-s-line-height); + font-weight: 700; +} + +merch-card[variant="mini-compare-chart"].bullet-list [slot="heading-m-price"].annual-price-new-line > span[is="inline-price"] > .price-annual, +merch-card[variant="mini-compare-chart"].bullet-list [slot="heading-m-price"].annual-price-new-line > span[is="inline-price"] > .price-annual-prefix::after, +merch-card[variant="mini-compare-chart"].bullet-list [slot="heading-m-price"].annual-price-new-line > span[is="inline-price"] >.price-annual-suffix { + font-size: var(--consonant-merch-card-body-s-font-size); + line-height: var(--consonant-merch-card-body-s-line-height); + font-weight: 400; + font-style: italic; +} + +merch-card[variant="mini-compare-chart"].bullet-list [slot="body-xxs"] { + padding: var(--consonant-merch-spacing-xxxs) var(--consonant-merch-spacing-xs) 0; + font-size: var(--consonant-merch-card-body-s-font-size); + line-height: var(--consonant-merch-card-body-s-line-height); + font-weight: 400; + letter-spacing: normal; + font-style: italic; +} + +merch-card[variant="mini-compare-chart"]:not(.bullet-list) p.card-heading[slot="body-xxs"] { + padding: var(--consonant-merch-spacing-xs) var(--consonant-merch-spacing-s) 0; +} + +merch-card[variant="mini-compare-chart"].bullet-list [slot="promo-text"] { + padding: var(--consonant-merch-card-card-mini-compare-mobile-spacing-xs) var(--consonant-merch-spacing-xs) 0; + font-size: var(--consonant-merch-card-body-s-font-size); + line-height: var(--consonant-merch-card-body-s-line-height); + font-weight: 700; +} + +merch-card[variant="mini-compare-chart"].bullet-list [slot="promo-text"] a { + font-weight: 400; +} + +merch-card[variant="mini-compare-chart"].bullet-list [slot="body-m"] { + padding: var(--consonant-merch-card-card-mini-compare-mobile-spacing-xs) var(--consonant-merch-spacing-xs) 0; + font-size: var(--consonant-merch-card-body-s-font-size); + line-height: var(--consonant-merch-card-body-s-line-height); + font-weight: 400; +} + +merch-card[variant="mini-compare-chart"].bullet-list [slot="body-m"] p:has(+ p) { + margin-bottom: 8px; +} + +merch-card[variant="mini-compare-chart"] [slot="body-m"] a.spectrum-Link.spectrum-Link--secondary { + color: inherit; +} + +merch-card[variant="mini-compare-chart"].bullet-list [slot="callout-content"] { + padding: var(--consonant-merch-spacing-xs) var(--consonant-merch-spacing-xs) 0px; + margin: 0; +} + +merch-card[variant="mini-compare-chart"].bullet-list [slot="callout-content"] > div > div { + background-color: #D9D9D9; +} + +merch-card[variant="mini-compare-chart"].bullet-list merch-addon { + margin: var(--consonant-merch-spacing-xs) var(--consonant-merch-spacing-xs) var(--consonant-merch-spacing-xxs); +} + +merch-card[variant="mini-compare-chart"].bullet-list merch-addon [is="inline-price"] { + font-weight: 400; +} + +merch-card[variant="mini-compare-chart"].bullet-list footer { + gap: var(--consonant-merch-spacing-xxs); +} + +merch-card[variant="mini-compare-chart"].bullet-list .action-area { + justify-content: flex-start; +} + +merch-card[variant="mini-compare-chart"].bullet-list [slot="footer-rows"] { + background-color: var(--consonant-merch-card-card-mini-compare-mobile-background-color); + border-radius: 0 0 var(--consonant-merch-spacing-xxs) var(--consonant-merch-spacing-xxs); +} + +merch-card[variant="mini-compare-chart"].bullet-list [slot="price-commitment"] { + padding: var(--consonant-merch-spacing-xxxs) var(--consonant-merch-spacing-xs) 0 var(--consonant-merch-spacing-xs); + font-size: var(--consonant-merch-card-body-s-font-size); + line-height: var(--consonant-merch-card-body-s-line-height); +} + +/* mini compare mobile */ +@media screen and ${Wt} { + :root { + --consonant-merch-card-mini-compare-chart-width: 302px; + --consonant-merch-card-mini-compare-chart-wide-width: 302px; + } + + .two-merch-cards.mini-compare-chart, + .three-merch-cards.mini-compare-chart, + .four-merch-cards.mini-compare-chart, + .two-merch-cards:has(merch-card[variant="mini-compare-chart"]), + .three-merch-cards:has(merch-card[variant="mini-compare-chart"]), + .four-merch-cards:has(merch-card[variant="mini-compare-chart"]) { + grid-template-columns: var(--consonant-merch-card-mini-compare-chart-width); + gap: var(--consonant-merch-spacing-xs); + } + + merch-card[variant="mini-compare-chart"] [slot="heading-m"] { + font-size: var(--consonant-merch-card-body-s-font-size); + line-height: var(--consonant-merch-card-body-s-line-height); + } + + merch-card[variant="mini-compare-chart"] [slot="subtitle"] { + font-size: var(--consonant-merch-card-body-xs-font-size); + line-height: var(--consonant-merch-card-body-xs-line-height); + } + + merch-card[variant="mini-compare-chart"] [slot="heading-m-price"] { + font-size: var(--consonant-merch-card-body-s-font-size); + line-height: var(--consonant-merch-card-body-s-line-height); + } + + merch-card[variant="mini-compare-chart"] [slot="body-m"] { + font-size: var(--consonant-merch-card-body-xs-font-size); + line-height: var(--consonant-merch-card-body-xs-line-height); + } + + merch-card[variant="mini-compare-chart"] [slot="promo-text"] { + font-size: var(--consonant-merch-card-body-xs-font-size); + line-height: var(--consonant-merch-card-body-xs-line-height); + } + + merch-card[variant="mini-compare-chart"] merch-mnemonic-list [slot="description"] { + font-size: var(--consonant-merch-card-body-xs-font-size); + line-height: var(--consonant-merch-card-body-xs-line-height); + } + + merch-card[variant="mini-compare-chart"] .footer-row-cell-description { + font-size: var(--consonant-merch-card-body-xs-font-size); + line-height: var(--consonant-merch-card-body-xs-line-height); + font-weight: 400; + } + + merch-card[variant="mini-compare-chart"] merch-addon { + box-sizing: border-box; + } +} + +@media screen and ${Lt} { + merch-card[variant="mini-compare-chart"] [slot="heading-m"] { + font-size: var(--consonant-merch-card-body-s-font-size); + line-height: var(--consonant-merch-card-body-s-line-height); + } + + merch-card[variant="mini-compare-chart"] [slot="subtitle"] { + font-size: var(--consonant-merch-card-body-xs-font-size); + line-height: var(--consonant-merch-card-body-xs-line-height); + } + + merch-card[variant="mini-compare-chart"] [slot="heading-m-price"] { + font-size: var(--consonant-merch-card-body-s-font-size); + line-height: var(--consonant-merch-card-body-s-line-height); + } + + merch-card[variant="mini-compare-chart"] [slot="body-m"] { + font-size: var(--consonant-merch-card-body-xs-font-size); + line-height: var(--consonant-merch-card-body-xs-line-height); + } + + merch-card[variant="mini-compare-chart"] [slot="promo-text"] { + font-size: var(--consonant-merch-card-body-xs-font-size); + line-height: var(--consonant-merch-card-body-xs-line-height); + } + + merch-card[variant="mini-compare-chart"] merch-mnemonic-list [slot="description"] { + font-size: var(--consonant-merch-card-body-xs-font-size); + line-height: var(--consonant-merch-card-body-xs-line-height); + } + + merch-card[variant="mini-compare-chart"] .footer-row-cell-description { + font-size: var(--consonant-merch-card-body-xs-font-size); + line-height: var(--consonant-merch-card-body-xs-line-height); + font-weight: 400; + } + + merch-card[variant="mini-compare-chart"].bullet-list merch-mnemonic-list [slot="description"] { + font-size: var(--consonant-merch-card-body-s-font-size); + line-height: var(--consonant-merch-card-body-s-line-height); + } + + merch-card[variant="mini-compare-chart"] [slot="footer"] a.con-button { + min-width: 66px; + padding: 4px 18px 5px 21px; + font-size: var(--consonant-merch-card-mini-compare-mobile-cta-font-size); + } + + merch-card[variant="mini-compare-chart"].bullet-list [slot="footer"] a.con-button { + padding: 6px 18px 4px; + } +} +@media screen and ${$e} { + :root { + --consonant-merch-card-mini-compare-chart-width: 302px; + --consonant-merch-card-mini-compare-chart-wide-width: 302px; + } + + .two-merch-cards.mini-compare-chart, + .two-merch-cards:has(merch-card[variant="mini-compare-chart"]) { + grid-template-columns: repeat(2, minmax(var(--consonant-merch-card-mini-compare-chart-width), var(--consonant-merch-card-mini-compare-chart-wide-width))); + gap: var(--consonant-merch-spacing-m); + } + + .three-merch-cards.mini-compare-chart, + .four-merch-cards.mini-compare-chart, + .three-merch-cards:has(merch-card[variant="mini-compare-chart"]), + .four-merch-cards:has(merch-card[variant="mini-compare-chart"]) { + grid-template-columns: repeat(2, minmax(var(--consonant-merch-card-mini-compare-chart-width), var(--consonant-merch-card-mini-compare-chart-wide-width))); + } + + merch-card[variant="mini-compare-chart"].bullet-list [slot="price-commitment"] { + padding: var(--consonant-merch-spacing-xxxs) var(--consonant-merch-spacing-xs) 0 var(--consonant-merch-spacing-xs); + font-size: var(--consonant-merch-card-body-s-font-size); + line-height: var(--consonant-merch-card-body-s-line-height); + font-weight: 400; + } + + merch-card[variant="mini-compare-chart"].bullet-list [slot="footer-rows"] { + padding: var(--consonant-merch-spacing-xs); + } + + merch-card[variant="mini-compare-chart"].bullet-list .footer-rows-title { + line-height: var(--consonant-merch-card-body-s-line-height); + } + + merch-card[variant="mini-compare-chart"].bullet-list .checkmark-copy-container.open { + padding-block-start: var(--consonant-merch-spacing-xs); + padding-block-end: 0; + padding-inline: 0; + } + + merch-card[variant="mini-compare-chart"].bullet-list .footer-row-cell-checkmark { + gap: var(--consonant-merch-spacing-xxs); + } +} + +/* desktop */ +@media screen and ${Q} { + :root { + --consonant-merch-card-mini-compare-chart-width: 378px; + --consonant-merch-card-mini-compare-chart-wide-width: 484px; + } + .one-merch-card.mini-compare-chart, + .one-merch-card:has(merch-card[variant="mini-compare-chart"]) { + grid-template-columns: var(--consonant-merch-card-mini-compare-chart-wide-width); + } + + .two-merch-cards.mini-compare-chart, + .two-merch-cards:has(merch-card[variant="mini-compare-chart"]) { + grid-template-columns: repeat(2, var(--consonant-merch-card-mini-compare-chart-wide-width)); + gap: var(--consonant-merch-spacing-m); + } + + .three-merch-cards.mini-compare-chart, + .four-merch-cards.mini-compare-chart, + .three-merch-cards:has(merch-card[variant="mini-compare-chart"]), + .four-merch-cards:has(merch-card[variant="mini-compare-chart"]) { + grid-template-columns: repeat(3, var(--consonant-merch-card-mini-compare-chart-width)); + gap: var(--consonant-merch-spacing-m); + } +} + +@media screen and ${St} { + .four-merch-cards.mini-compare-chart, + .four-merch-cards:has(merch-card[variant="mini-compare-chart"]) { + grid-template-columns: repeat(4, var(--consonant-merch-card-mini-compare-chart-width)); + } +} + +merch-card[variant="mini-compare-chart"].bullet-list div[slot="footer-rows"] { + height: 100%; +} + +/* Height sync for legacy footer-row-cell structure (DC pages without mini-compare-chart-mweb variant) */ +merch-card[variant="mini-compare-chart"] .footer-row-cell:nth-child(1) { + min-height: var(--consonant-merch-card-footer-row-1-min-height); +} + +merch-card[variant="mini-compare-chart"] .footer-row-cell:nth-child(2) { + min-height: var(--consonant-merch-card-footer-row-2-min-height); +} + +merch-card[variant="mini-compare-chart"] .footer-row-cell:nth-child(3) { + min-height: var(--consonant-merch-card-footer-row-3-min-height); +} + +merch-card[variant="mini-compare-chart"] .footer-row-cell:nth-child(4) { + min-height: var(--consonant-merch-card-footer-row-4-min-height); +} + +merch-card[variant="mini-compare-chart"] .footer-row-cell:nth-child(5) { + min-height: var(--consonant-merch-card-footer-row-5-min-height); +} + +merch-card[variant="mini-compare-chart"] .footer-row-cell:nth-child(6) { + min-height: var(--consonant-merch-card-footer-row-6-min-height); +} + +merch-card[variant="mini-compare-chart"] .footer-row-cell:nth-child(7) { + min-height: var(--consonant-merch-card-footer-row-7-min-height); +} + +merch-card[variant="mini-compare-chart"] .footer-row-cell:nth-child(8) { + min-height: var(--consonant-merch-card-footer-row-8-min-height); +} + +merch-card[variant="mini-compare-chart"] merch-mnemonic-list:nth-child(1) { + min-height: var(--consonant-merch-card-footer-row-1-min-height); +} + +merch-card[variant="mini-compare-chart"] merch-mnemonic-list:nth-child(2) { + min-height: var(--consonant-merch-card-footer-row-2-min-height); +} + +merch-card[variant="mini-compare-chart"] merch-mnemonic-list:nth-child(3) { + min-height: var(--consonant-merch-card-footer-row-3-min-height); +} + +merch-card[variant="mini-compare-chart"] merch-mnemonic-list:nth-child(4) { + min-height: var(--consonant-merch-card-footer-row-4-min-height); +} + +merch-card[variant="mini-compare-chart"] merch-mnemonic-list:nth-child(5) { + min-height: var(--consonant-merch-card-footer-row-5-min-height); +} + +merch-card[variant="mini-compare-chart"] merch-mnemonic-list:nth-child(6) { + min-height: var(--consonant-merch-card-footer-row-6-min-height); +} + +merch-card[variant="mini-compare-chart"] merch-mnemonic-list:nth-child(7) { + min-height: var(--consonant-merch-card-footer-row-7-min-height); +} + +merch-card[variant="mini-compare-chart"] merch-mnemonic-list:nth-child(8) { + min-height: var(--consonant-merch-card-footer-row-8-min-height); +} +`;var yn=32,Fe={cardName:{attribute:"name"},title:{tag:"h3",slot:"heading-xs"},subtitle:{tag:"p",slot:"subtitle"},prices:{tag:"p",slot:"heading-m-price"},promoText:{tag:"div",slot:"promo-text"},shortDescription:{tag:"div",slot:"body-xxs"},description:{tag:"div",slot:"body-m"},mnemonics:{size:"l"},quantitySelect:{tag:"div",slot:"quantity-select"},callout:{tag:"div",slot:"callout-content"},addon:!0,secureLabel:!0,planType:!0,badgeIcon:!0,badge:{tag:"div",slot:"badge",default:"spectrum-yellow-300"},allowedBadgeColors:["spectrum-yellow-300","spectrum-gray-300","spectrum-gray-700","spectrum-green-900","spectrum-red-700","gradient-purple-blue"],allowedBorderColors:["spectrum-yellow-300","spectrum-gray-300","spectrum-green-900","spectrum-red-700","gradient-purple-blue"],borderColor:{attribute:"border-color"},size:["wide","super-wide"],whatsIncluded:{tag:"div",slot:"footer-rows"},ctas:{slot:"footer",size:"l"},style:"consonant"},Kt=class extends Tt{constructor(e){super(e);w(this,"getRowMinHeightPropertyName",e=>`--consonant-merch-card-footer-row-${e}-min-height`);w(this,"getMiniCompareFooter",()=>{let e=this.card.secureLabel?D` + ${this.card.secureLabel}`:D``;return this.isNewVariant?D`
+ ${e} +

+
`:D`
${e}
`});this.updatePriceQuantity=this.updatePriceQuantity.bind(this)}connectedCallbackHook(){this.card.addEventListener(Dt,this.updatePriceQuantity),this.visibilityObserver=new IntersectionObserver(([e])=>{e.boundingClientRect.height!==0&&e.isIntersecting&&(Yt.isMobile||requestAnimationFrame(()=>{let n=this.getContainer();if(!n)return;n.querySelectorAll('merch-card[variant="mini-compare-chart"]').forEach(i=>i.variantLayout?.syncHeights?.())}),this.visibilityObserver.disconnect())}),this.visibilityObserver.observe(this.card)}disconnectedCallbackHook(){if(this.card.removeEventListener(Dt,this.updatePriceQuantity),this.visibilityObserver?.disconnect(),this.calloutListenersAdded){document.removeEventListener("touchstart",this.handleCalloutTouch),document.removeEventListener("mouseover",this.handleCalloutMouse);let e=this.card.querySelector('[slot="callout-content"] .icon-button');e?.removeEventListener("focusin",this.handleCalloutFocusin),e?.removeEventListener("focusout",this.handleCalloutFocusout),e?.removeEventListener("keydown",this.handleCalloutKeydown),this.calloutListenersAdded=!1}}updatePriceQuantity({detail:e}){!this.mainPrice||!e?.option||(this.mainPrice.dataset.quantity=e.option)}priceOptionsProvider(e,n){if(this.isNewVariant){if(e.dataset.template===Y){n.displayPlanType=this.card?.settings?.displayPlanType??!0;return}(e.dataset.template==="strikethrough"||e.dataset.template==="price")&&(n.displayPerUnit=!1)}}getGlobalCSS(){return qe}adjustMiniCompareBodySlots(){if(this.card.getBoundingClientRect().width<=2)return;this.updateCardElementMinHeight(this.card.shadowRoot.querySelector(".top-section"),"top-section");let e=["heading-m","subtitle","body-m","heading-m-price","body-xxs","price-commitment","quantity-select","offers","promo-text","callout-content","addon"];this.card.classList.contains("bullet-list")&&e.push("footer-rows"),e.forEach(o=>this.updateCardElementMinHeight(this.card.shadowRoot.querySelector(`slot[name="${o}"]`),o)),this.updateCardElementMinHeight(this.card.shadowRoot.querySelector("footer"),"footer"),this.card.shadowRoot.querySelector(".mini-compare-chart-badge")?.textContent!==""&&this.getContainer().style.setProperty("--consonant-merch-card-mini-compare-chart-top-section-mobile-height","32px")}adjustMiniCompareFooterRows(){if(this.card.getBoundingClientRect().width===0)return;let e;if(this.isNewVariant){let n=this.card.querySelector("merch-whats-included");if(!n)return;e=[...n.querySelectorAll('[slot="content"] merch-mnemonic-list')]}else{let n=this.card.querySelector('[slot="footer-rows"] ul');if(!n||!n.children)return;e=[...n.children]}e.length&&e.forEach((n,o)=>{let i=Math.max(yn,parseFloat(window.getComputedStyle(n).height)||0),a=parseFloat(this.getContainer().style.getPropertyValue(this.getRowMinHeightPropertyName(o+1)))||0;i>a&&this.getContainer().style.setProperty(this.getRowMinHeightPropertyName(o+1),`${i}px`)})}removeEmptyRows(){this.isNewVariant?this.card.querySelectorAll("merch-whats-included merch-mnemonic-list").forEach(n=>{let o=n.querySelector('[slot="description"]');o&&!o.textContent.trim()&&n.remove()}):this.card.querySelectorAll(".footer-row-cell").forEach(n=>{let o=n.querySelector(".footer-row-cell-description");o&&!o.textContent.trim()&&n.remove()})}padFooterRows(){let e=this.getContainer();if(!e)return;let n=e.querySelectorAll('merch-card[variant="mini-compare-chart"]');if(this.isNewVariant){let o=0;if(n.forEach(l=>{let m=l.querySelector("merch-whats-included");if(!m)return;let d=m.querySelectorAll('[slot="content"] merch-mnemonic-list:not([data-placeholder])');o=Math.max(o,d.length)}),o===0)return;let i=this.card.querySelector("merch-whats-included");if(!i)return;let a=i.querySelector('[slot="content"]');if(!a)return;a.querySelectorAll("merch-mnemonic-list[data-placeholder]").forEach(l=>l.remove());let c=a.querySelectorAll("merch-mnemonic-list").length,s=o-c;for(let l=0;l{let l=s.querySelector('[slot="footer-rows"] ul');if(!l)return;let m=l.querySelectorAll("li.footer-row-cell:not([data-placeholder])");o=Math.max(o,m.length)}),o===0)return;let i=this.card.querySelector('[slot="footer-rows"] ul');if(!i)return;i.querySelectorAll("li.footer-row-cell[data-placeholder]").forEach(s=>s.remove());let a=i.querySelectorAll("li.footer-row-cell").length,c=o-a;for(let s=0;sc.remove()),e.checked){if(a){let c=k("p",{class:"addon-heading-m-price-addon",slot:"heading-m-price"},a.innerHTML);this.card.appendChild(c)}}else{let c=k("p",{class:"card-heading",id:"free",slot:"heading-m-price"},"Free");this.card.appendChild(c)}}}showTooltip(e){e.classList.remove("hide-tooltip"),e.setAttribute("aria-expanded","true")}hideTooltip(e){e.classList.add("hide-tooltip"),e.setAttribute("aria-expanded","false")}adjustCallout(){let e=this.card.querySelector('[slot="callout-content"] .icon-button');if(!e||this.calloutListenersAdded)return;let n=e.title||e.dataset.tooltip;if(!n)return;e.title&&(e.dataset.tooltip=e.title,e.removeAttribute("title"));let o=e.parentElement;if(o&&o.tagName==="P"){let i=document.createElement("div"),a=document.createElement("div");a.className="callout-row";let c=document.createElement("div");for(c.className="callout-text";o.firstChild&&o.firstChild!==e;)c.appendChild(o.firstChild);a.appendChild(c),a.appendChild(e),i.appendChild(a),o.replaceWith(i)}e.setAttribute("role","button"),e.setAttribute("tabindex","0"),e.setAttribute("aria-label",n),e.setAttribute("aria-expanded","false"),this.hideTooltip(e),this.handleCalloutTouch=i=>{i.target!==e?this.hideTooltip(e):e.classList.contains("hide-tooltip")?this.showTooltip(e):this.hideTooltip(e)},this.handleCalloutMouse=i=>{i.target!==e?this.hideTooltip(e):this.showTooltip(e)},this.handleCalloutFocusin=()=>{this.showTooltip(e)},this.handleCalloutFocusout=()=>{this.hideTooltip(e)},this.handleCalloutKeydown=i=>{i.key==="Escape"&&(this.hideTooltip(e),e.blur())},document.addEventListener("touchstart",this.handleCalloutTouch),document.addEventListener("mouseover",this.handleCalloutMouse),e.addEventListener("focusin",this.handleCalloutFocusin),e.addEventListener("focusout",this.handleCalloutFocusout),e.addEventListener("keydown",this.handleCalloutKeydown),this.calloutListenersAdded=!0}async adjustAddon(){await this.card.updateComplete;let e=this.card.addon;if(!e)return;let n=this.mainPrice,o=this.card.planType;if(n&&(await n.onceSettled(),o=n.value?.[0]?.planType),!o)return;e.planType=o,this.card.querySelector("merch-addon[plan-type]")?.updateComplete.then(()=>{this.updateCardElementMinHeight(this.card.shadowRoot.querySelector('slot[name="addon"]'),"addon")})}async adjustLegal(){if(!this.legalAdjusted)try{this.legalAdjusted=!0,await this.card.updateComplete,await customElements.whenDefined("inline-price");let e=this.mainPrice;if(!e)return;let n=e.cloneNode(!0);if(await e.onceSettled(),!e?.options)return;e.options.displayPerUnit&&(e.dataset.displayPerUnit="false"),e.options.displayTax&&(e.dataset.displayTax="false"),e.options.displayPlanType&&(e.dataset.displayPlanType="false"),n.setAttribute("data-template","legal"),e.parentNode.insertBefore(n,e.nextSibling),await n.onceSettled()}catch{}}adjustShortDescription(){let e=this.card.querySelector('[slot="body-xxs"]'),n=e?.textContent?.trim();if(!n)return;let i=this.card.querySelector('[slot="heading-m-price"] [data-template="legal"]')?.querySelector(".price-plan-type");if(!i)return;let a=document.createElement("em");a.setAttribute("slot","body-xxs"),a.textContent=` ${n}`,i.appendChild(a),e.remove()}renderLayout(){return this.isNewVariant?D`
+ ${this.badge} + +
+ + + + + + + + + + + + + ${this.getMiniCompareFooter()} + `:D`
+ ${this.badge} +
+ + ${this.card.classList.contains("bullet-list")?D` + + + + + `:D` + + + + + `} + + + ${this.getMiniCompareFooter()} + `}syncHeights(){this.card.getBoundingClientRect().width<=2||(this.adjustMiniCompareBodySlots(),this.adjustMiniCompareFooterRows())}async postCardUpdateHook(){if(await Promise.all(this.card.prices.map(e=>e.onceSettled())),this.isNewVariant&&(this.legalAdjusted||await this.adjustLegal(),this.adjustShortDescription(),this.adjustCallout()),await this.adjustAddon(),Yt.isMobile)this.removeEmptyRows();else{this.padFooterRows();let e=this.getContainer();if(!e)return;let n=e.style.getPropertyValue("--consonant-merch-card-footer-row-1-min-height");requestAnimationFrame(n?()=>{this.syncHeights()}:()=>{e.querySelectorAll('merch-card[variant="mini-compare-chart"]').forEach(i=>i.variantLayout?.syncHeights?.())})}}};w(Kt,"variantStyle",bn` + :host([variant='mini-compare-chart']) { + max-width: var( + --consonant-merch-card-mini-compare-chart-wide-width, + 484px + ); + } + + :host([variant='mini-compare-chart']) > slot:not([name='icons']) { + display: block; + } + + :host([variant='mini-compare-chart'].bullet-list) + > slot[name='heading-m-price'] { + display: flex; + flex-direction: column; + justify-content: flex-end; + } + + :host([variant='mini-compare-chart']) .mini-compare-chart-badge { + font-size: 14px; + } + + :host([variant='mini-compare-chart'].bullet-list) + .mini-compare-chart-badge { + padding: 2px 10px 3px 10px; + font-size: var(--consonant-merch-card-body-xs-font-size); + line-height: var(--consonant-merch-card-body-xs-line-height); + border-radius: 7.11px 0 0 7.11px; + font-weight: 700; + } + + :host([variant='mini-compare-chart']) footer { + min-height: var( + --consonant-merch-card-mini-compare-chart-footer-height + ); + padding: var(--consonant-merch-spacing-s); + } + + :host([variant='mini-compare-chart']) footer:has(.action-area) { + align-items: start; + flex-flow: column nowrap; + } + + :host([variant='mini-compare-chart']) + footer:has(.action-area) + .secure-transaction-label { + align-self: flex-end; + } + + :host([variant='mini-compare-chart'].bullet-list) footer { + flex-flow: column nowrap; + min-height: var( + --consonant-merch-card-mini-compare-chart-footer-height + ); + padding: var(--consonant-merch-spacing-xs); + } + + :host([variant='mini-compare-chart']) .action-area { + display: flex; + justify-content: end; + align-items: flex-end; + flex-wrap: wrap; + width: 100%; + gap: var(--consonant-merch-spacing-xxs); + margin: unset; + } + + /* mini-compare card */ + :host([variant='mini-compare-chart']) .top-section { + padding-top: var(--consonant-merch-spacing-s); + padding-inline-start: var(--consonant-merch-spacing-s); + height: var( + --consonant-merch-card-mini-compare-chart-top-section-height + ); + } + + :host([variant='mini-compare-chart'].bullet-list) .top-section { + padding-top: var(--consonant-merch-spacing-xs); + padding-inline-start: var(--consonant-merch-spacing-xs); + } + + :host([variant='mini-compare-chart'].bullet-list) + .secure-transaction-label { + align-self: flex-start; + flex: none; + font-size: var(--consonant-merch-card-body-xxs-font-size); + font-weight: 400; + color: #505050; + } + + @media screen and ${ze(Lt)} { + [class*'-merch-cards'] + :host([variant='mini-compare-chart']) + footer { + flex-direction: column; + align-items: stretch; + text-align: center; + } + } + + @media screen and ${ze(Q)} { + :host([variant='mini-compare-chart']) footer { + padding: var(--consonant-merch-spacing-xs) + var(--consonant-merch-spacing-s) + var(--consonant-merch-spacing-s) + var(--consonant-merch-spacing-s); + } + } + + :host([variant='mini-compare-chart']) slot[name='footer-rows'] { + flex: 1; + display: flex; + flex-direction: column; + justify-content: end; + } + /* mini-compare card heights for the slots: heading-m, body-m, heading-m-price, price-commitment, offers, promo-text, footer */ + :host([variant='mini-compare-chart']) slot[name='heading-m'] { + min-height: var( + --consonant-merch-card-mini-compare-chart-heading-m-height + ); + } + :host([variant='mini-compare-chart']) slot[name='subtitle'] { + min-height: var( + --consonant-merch-card-mini-compare-chart-subtitle-height + ); + } + :host([variant='mini-compare-chart']) slot[name='body-m'] { + min-height: var( + --consonant-merch-card-mini-compare-chart-body-m-height + ); + } + :host([variant='mini-compare-chart']) slot[name='heading-m-price'] { + min-height: var( + --consonant-merch-card-mini-compare-chart-heading-m-price-height + ); + line-height: 30px; + } + :host([variant='mini-compare-chart']) slot[name='body-xxs'] { + min-height: var( + --consonant-merch-card-mini-compare-chart-body-xxs-height + ); + } + :host([variant='mini-compare-chart']) slot[name='price-commitment'] { + min-height: var( + --consonant-merch-card-mini-compare-chart-price-commitment-height + ); + } + :host([variant='mini-compare-chart']) slot[name='offers'] { + min-height: var( + --consonant-merch-card-mini-compare-chart-offers-height + ); + } + :host([variant='mini-compare-chart']) slot[name='promo-text'] { + min-height: var( + --consonant-merch-card-mini-compare-chart-promo-text-height + ); + } + :host([variant='mini-compare-chart']) slot[name='callout-content'] { + min-height: var( + --consonant-merch-card-mini-compare-chart-callout-content-height + ); + } + :host([variant='mini-compare-chart']) slot[name='quantity-select'] { + min-height: var( + --consonant-merch-card-mini-compare-chart-quantity-select-height + ); + } + :host([variant='mini-compare-chart']) slot[name='addon'] { + min-height: var( + --consonant-merch-card-mini-compare-chart-addon-height + ); + } + :host([variant='mini-compare-chart']:not(.bullet-list)) + slot[name='footer-rows'] { + justify-content: flex-start; + } + + /* Border color styles */ + :host( + [variant='mini-compare-chart'][border-color='spectrum-yellow-300'] + ) { + --consonant-merch-card-border-color: #ffd947; + } + + :host( + [variant='mini-compare-chart'][border-color='spectrum-gray-300'] + ) { + --consonant-merch-card-border-color: #dadada; + } + + :host( + [variant='mini-compare-chart'][border-color='spectrum-green-900'] + ) { + --consonant-merch-card-border-color: #05834e; + } + + :host([variant='mini-compare-chart'][border-color='spectrum-red-700']) { + --consonant-merch-card-border-color: #eb1000; + filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.16)); + } + + :host( + [variant='mini-compare-chart'][border-color='gradient-purple-blue'] + ) { + --consonant-merch-card-border-color: linear-gradient( + 135deg, + #9256dc, + #1473e6 + ); + } + + /* Badge color styles */ + :host([variant='mini-compare-chart']) + ::slotted([slot='badge'].spectrum-red-700) { + filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.16)); + } + + :host([variant='mini-compare-chart']) + ::slotted([slot='badge'].spectrum-yellow-300), + :host([variant='mini-compare-chart']) #badge.spectrum-yellow-300 { + background-color: #ffd947; + color: #2c2c2c; + } + + :host([variant='mini-compare-chart']) + ::slotted([slot='badge'].spectrum-gray-300), + :host([variant='mini-compare-chart']) #badge.spectrum-gray-300 { + background-color: #dadada; + color: #2c2c2c; + } + + :host([variant='mini-compare-chart']) + ::slotted([slot='badge'].spectrum-gray-700), + :host([variant='mini-compare-chart']) #badge.spectrum-gray-700 { + background-color: #4b4b4b; + color: #ffffff; + } + + :host([variant='mini-compare-chart']) + ::slotted([slot='badge'].spectrum-green-900), + :host([variant='mini-compare-chart']) #badge.spectrum-green-900 { + background-color: #05834e; + color: #ffffff; + } + + :host([variant='mini-compare-chart']) + ::slotted([slot='badge'].spectrum-red-700), + :host([variant='mini-compare-chart']) #badge.spectrum-red-700 { + background-color: #eb1000; + color: #ffffff; + } + `);var te="mas-table",En="mas-table, mas-comparison-table",Be="mas-table:",Xt=2e4,Ue="milo:tab:changed",vn="milo:table:highlight:loaded",xn=900,rr=768,Ve={"toggle-row":"Toggle row","choose-table-column":"Choose table column"},di=new URL("./img/chevron-wide-black.svg",import.meta.url).href,je="mini-compare-chart",Nt={title:"heading-xs",prices:"heading-m-price",description:"body-m",ctas:"footer"},wn=[{className:"header-section-icon",cssVar:"--mas-table-header-icon-height"},{className:"header-section-title",cssVar:"--mas-table-header-title-height"},{className:"header-section-description",cssVar:"--mas-table-header-description-height"},{className:"header-section-price-strikethrough",cssVar:"--mas-table-header-strikethrough-height"},{className:"header-section-price",cssVar:"--mas-table-header-price-height"},{className:"header-section-legal",cssVar:"--mas-table-header-legal-height"},{className:"header-section-buttons",cssVar:"--mas-table-header-buttons-height"}],nr="data-mas-table-height-rules",_t="data-mas-table-height-scope",Ge=0;var or=0;function ir(t){return t?.hasAttribute(_t)||(Ge+=1,t.setAttribute(_t,`${Ge}`)),t.getAttribute(_t)}function An(t){let e=t?.closest(En)?.querySelector(`style[${nr}]`);return e?(e._tableHeightRules||(e._tableHeightRules=new Map),e):null}function Rt(t,r=""){let e=An(t),n=ir(t);!e||!n||(r?e._tableHeightRules.set(n,r):e._tableHeightRules.delete(n),e.textContent=Array.from(e._tableHeightRules.values()).join(` +`))}function Tn(t,r=[]){let e=ir(t);return!e||!r.length?"":`[${_t}="${e}"] .row-heading { ${r.join(" ")} }`}function b(t,r={},e=null){let n=document.createElement(t);return Object.entries(r).forEach(([o,i])=>{i!=null&&n.setAttribute(o,i)}),ar(n,e),n}function ar(t,r){if(r!=null){if(Array.isArray(r)){r.forEach(e=>ar(t,e));return}if(r instanceof Node){t.append(r);return}t.append(document.createTextNode(String(r)))}}function Sn(t,r){if(!r)return;let e=document.createElement("template");e.innerHTML=r,t.append(e.content.cloneNode(!0))}function oe(t){return t?.fields?Array.isArray(t.fields)?t.fields.reduce((r,e)=>(e?.name&&(r[e.name]=e.multiple?e.values||[]:e.values?.[0]),r),{}):t.fields:{}}function cr(t,r){let e=t?.[r];return e==null?"":Array.isArray(e)?String(e[0]??""):typeof e=="object"&&"value"in e?String(e.value??""):String(e)}function sr(t,r){let e=t?.[r];return e==null?[]:Array.isArray(e)?e:[e]}function ee(t){return Array.isArray(t)?t.map(r=>ee(r)):t&&typeof t=="object"&&"value"in t?ee(t.value):t}function Ln(t){let r=oe(t);return Object.fromEntries(Object.entries(r).map(([e,n])=>[e,ee(n)]))}function Cn(t={}){let r=new Map;return Object.values(t).forEach(e=>{if(e?.type!=="content-fragment"||!e.value)return;let n=e.value,o={...n,fields:oe(n)};o.id&&r.set(o.id,o),o.fields.originalId&&r.set(o.fields.originalId,o)}),r}function We(t,r){let e=t?.dictionary?.[r];return typeof e=="object"&&e&&"value"in e?e.value:e}function Nn(t){return{"toggle-row":We(t,"toggle-row")||Ve["toggle-row"],"choose-table-column":We(t,"choose-table-column")||Ve["choose-table-column"]}}function _n(){return window.matchMedia("(orientation: landscape)").matches&&window.innerHeight<=rr}function et(){let t=window.innerWidth;return t>=xn?"DESKTOP":t<=rr?"MOBILE":"TABLET"}function ie(t){return t.classList.contains("sticky")||t.classList.contains("sticky-desktop-up")&&et()==="DESKTOP"||t.classList.contains("sticky-tablet-up")&&et()!=="MOBILE"&&!_n()}function lr(t){if(!t||t.classList.contains("merch"))return!1;let r=t.querySelector(".row-heading"),e=r?.querySelector(".col-1"),n=r?.querySelector(".col-2");return!!(r&&n&&e&&!e.textContent?.trim())}function Rn(t,r){let e=t.querySelectorAll("em a, strong a, p > a strong");if(!e.length)return;let n={STRONG:"blue",EM:"outline",A:"blue"};e.forEach(o=>{let i=o.parentElement,a=o,c=n[i.nodeName]||"outline";o.nodeName==="STRONG"?a=i:(i.insertAdjacentElement("afterend",o),i.remove()),a.classList.add("con-button",c),r&&a.classList.add(r),(a.href&&[...a.href.matchAll(/#_button-([a-zA-Z-]+)/g)])?.forEach(m=>{a.href=a.href.replace(m[0],""),a.dataset.modalHash&&a.setAttribute("data-modal-hash",a.dataset.modalHash.replace(m[0],"")),a.classList.add(m[1])});let l=o.closest("p, div");l&&(l.classList.add("action-area"),l.nextElementSibling?.classList.add("supplemental-text","body-xl"))})}function kn(t,r){let e=t.classList.contains("pricing-bottom");r.forEach((n,o)=>{if(n.classList.add("col-heading"),!n.innerHTML)return;let i=n.querySelector(":scope > .heading-content")&&n.querySelector(":scope > .heading-button"),a=n.children;if(!i)if(!a.length)n.innerHTML=`

${n.innerHTML}

`;else{let s=0,l=!1,m=x=>x?.matches?.("img, picture, mas-mnemonic, merch-icon"),d=a[s];if(d?.classList?.contains("header-product-tile")||m(d)||d?.querySelector("img, picture, mas-mnemonic, merch-icon")){if(m(d)){let x=b("p"),C=d;for(;m(C);){let Pt=C.nextElementSibling;x.append(C),C=Pt}n.insertBefore(x,C||null),d=x}s+=1,t.classList.contains("merch")||d?.classList.add("header-product-tile")}a[s]&&(a[s].classList.add("tracking-header"),l=!0);let y=[...a].slice(s+1),E="em a, strong a, p > a strong, a.con-button",p=y.find(x=>x.querySelector(E)),v=x=>{if(!x)return!1;if(x.querySelector('[is="inline-price"], .price, [data-template], .price-integer, .price-strikethrough, .price-alternative'))return!0;let C=x.textContent?.trim()||"";return/(?:US?\$|CA\$|A\$|€|£|Â¥|\/(?:mo|month|Monat))/i.test(C)},A=y.filter(x=>x!==p),g=A.find(v);!g&&A.length>1&&(g=A[A.length-1]);let u=A.find(x=>x!==g);g&&g.classList.add("pricing"),u&&u.classList.add("body"),Rn(n,"button-xl");let T=b("div",{class:"buttons-wrapper"});n.append(T),n.querySelectorAll(".con-button").forEach(x=>{let C=x.closest("p");C&&T.append(C)});let G=b("div",{class:"heading-content"}),W=b("div",{class:"heading-button"});if([...a].forEach(x=>{x.classList.contains("pricing")&&e?W.appendChild(x):G.appendChild(x)}),W.appendChild(T),n.append(G,W),!l){let x=Array.from(n.childNodes).find(C=>C.nodeType===Node.TEXT_NODE);x?.textContent?.trim()&&G.append(b("p",{class:"tracking-header"},x.textContent)),x?.remove()}}let c=n.querySelector(".tracking-header");if(c){let s=`t${or+1}-c${o+1}-header`;c.setAttribute("id",s);let l=n.querySelector(".body:not(.action-area)");l?.setAttribute("id",`${s}-body`);let m=n.querySelector(".pricing");m?.setAttribute("id",`${s}-pricing`);let d=`${l?.id??""} ${m?.id??""}`.trim();c.setAttribute("aria-describedby",d),n.setAttribute("role","columnheader")}n.querySelectorAll("h1, h2, h3, h4, h5, h6").forEach(s=>{s.setAttribute("role","paragraph")})})}function j(t,r=[]){return b("div",{class:`header-section ${t}`},Array.isArray(r)?r.filter(Boolean):r)}function Mn(t,r){if(!t||t.tagName.toLowerCase()===r)return t;let e=document.createElement(r);return Array.from(t.attributes).forEach(({name:n,value:o})=>{e.setAttribute(n,o)}),e.append(...Array.from(t.childNodes)),t.replaceWith(e),e}function On(t){t.querySelectorAll(".row-heading p.pricing, .row-heading p.supplemental-text, .row-heading p.pricing-after").forEach(r=>{Mn(r,"div")})}function Qt(t,r){return!t||t.nodeType!==Node.ELEMENT_NODE?!1:t.matches(r)||!!t.querySelector(r)}function dr(t){return t?t.nodeType===Node.TEXT_NODE?t.textContent?.trim()?"price":"":t.nodeType!==Node.ELEMENT_NODE?"":Qt(t,`${_}[data-template="${Y}"], [data-template="${Y}"], .price-legal`)?"legal":Qt(t,`${_}[data-template="strikethrough"], [data-template="strikethrough"], .price-strikethrough, .price-promo-strikethrough`)?"strikethrough":Qt(t,`${_}, [data-template], .price, .price-alternative`)?"price":"":""}function Ye(t,r,e=[]){let n=e.filter(o=>o&&(o.nodeType!==Node.TEXT_NODE||o.textContent.trim()));return n.length?b(t.tagName.toLowerCase(),{class:r},n):null}function Pn(t){if(!t)return{strikethrough:null,price:null,legal:null};let r={strikethrough:[],price:[],legal:[]},e="";Array.from(t.childNodes).forEach(i=>{let a=dr(i);!a&&i.nodeType===Node.TEXT_NODE&&(a=e||"price"),a||(a=i.textContent?.trim()?"price":e),a&&(r[a].push(i),e=a)}),!r.strikethrough.length&&!r.price.length&&!r.legal.length&&(r.price=Array.from(t.childNodes));let o=Array.from(t.classList).filter(i=>!["has-pricing-before","has-pricing-after"].includes(i)).join(" ");return{strikethrough:Ye(t,[o,"pricing-strikethrough-group"].filter(Boolean).join(" "),r.strikethrough),price:Ye(t,[o,"pricing-main-group"].filter(Boolean).join(" "),r.price),legal:b("div",{class:"pricing-legal-group"},r.legal.filter(i=>i&&(i.nodeType!==Node.TEXT_NODE||i.textContent.trim())))}}function In(t){let r=Array.from(t.children);if(!r.length)return;let e=r.find(u=>u.classList.contains("heading-content"))||null,n=r.find(u=>u.classList.contains("heading-button"))||null,o=Array.from(e?.children||[]),i=r.filter(u=>u!==e&&u!==n&&(u.classList.contains("content-before")||u.classList.contains("content-after"))),a=o.find(u=>u.classList.contains("header-product-tile"))||null,c=o.find(u=>u.classList.contains("tracking-header"))||null,s=o.find(u=>u.classList.contains("body"))||null,l=o.filter(u=>u!==a&&u!==c&&u!==s),m=Array.from(n?.children||[]),d=m.find(u=>u.classList.contains("pricing"))||null,h=m.filter(u=>u!==d&&!u.classList.contains("buttons-wrapper")&&(u.classList.contains("pricing-before")||u.classList.contains("pricing-after")||u.classList.contains("supplemental-text"))),y=m.find(u=>u.classList.contains("buttons-wrapper"))||null,{strikethrough:E,price:p,legal:v}=Pn(d),A=[...h,...v?.childNodes?Array.from(v.childNodes):[]],g=[j("header-section-icon",a?[a]:[]),j("header-section-title",c?[c]:[]),j("header-section-description",[...i,s,...l].filter(Boolean)),j("header-section-price-strikethrough",E?[E]:[]),j("header-section-price",p?[p]:[]),j("header-section-legal",A),j("header-section-buttons",y?[y]:[])];t.replaceChildren(...g)}function Hn(t){if(!t.classList.contains("merch"))return;t.querySelectorAll(".row-heading .col-heading").forEach(e=>In(e))}function Dn(t){let r=t.querySelector(".row-heading");if(!r){Rt(t,"");return}let e=Array.from(r.querySelectorAll(":scope > .col-heading")).filter(o=>!o.classList.contains("col-1")&&!o.classList.contains("hidden")&&getComputedStyle(o).display!=="none");if(!e.length){Rt(t,"");return}let n=[];wn.forEach(({className:o,cssVar:i})=>{let a=0;e.forEach(c=>{let s=c.querySelector(`:scope > .${o}`);s&&(a=Math.max(a,Math.ceil(s.getBoundingClientRect().height)))}),a>0&&n.push(`${i}: ${a}px;`)}),Rt(t,Tn(t,n))}function rt(t){Rt(t,""),t.classList.contains("merch")&&Dn(t)}function $n(t){let r=[...t.querySelectorAll(".section-row-title")].filter(e=>e.innerText.toUpperCase().includes("ADDON"));r.length&&(t.classList.add("has-addon"),r.forEach(e=>{let n=e.parentElement;n.remove();let[o,i,a]=e.innerText.split("-").filter(s=>s.toUpperCase()!=="ADDON").map(s=>s.toLowerCase());if(!o||!i)return;let c="data-col-index";[...t.querySelector(".row-heading").children].forEach(s=>{s.querySelector(".heading-content")?.classList.add("content");let l=s.getAttribute(c);if(Number(l)<=1)return;let m=`${o}-${i}`,d=[...n.children].find(v=>v.getAttribute(c)===l);if(!d)return;let h=[...d.childNodes],y=d.querySelector(".icon");if(a==="label"&&y){let v=h.filter(A=>!A.classList?.contains("icon"));h=[b("span",{},v),y]}let E=b("div",{class:a?`${m} addon-${a}`:m},h.map(v=>v.cloneNode(!0))),p=s.querySelector(`.${o}`);o==="pricing"&&i==="after"||p?.classList.add(`has-${m}`),p?.insertAdjacentElement(i==="before"?"beforebegin":"afterend",E)})}),setTimeout(()=>rt(t),0),t.addEventListener("mas:resolved",bt(()=>{rt(t)},100)))}function re(t,r){let e=t.querySelectorAll('.icon.expand[role="button"]');[...t.parentElement.querySelectorAll(".filters .filter"),...e].forEach(i=>{let a=i.classList.contains("filter")?"choose-table-column":"toggle-row";i.setAttribute("aria-label",r[a])})}function kt(t){t.dispatchEvent(new Event(vn))}function Ke(t,r=[]){t.forEach((e,n)=>{let o=n===0||n===t.length-1,i=r[n],a=!!i&&(i.innerText||i.dataset.hasBadge==="true");e.classList.toggle("no-rounded",!o||a)})}function qn(t){let r=t.classList.contains("highlight"),e=t.querySelector(".row-1"),n=e.querySelectorAll(".col"),o=t.querySelector(".row-2"),i=o?.querySelectorAll(".col")||[],a;r&&o?(e.classList.add("row-highlight"),e.setAttribute("aria-hidden","true"),o.classList.add("row-heading"),i.forEach(c=>c.classList.add("col-heading")),a=i,n.forEach((c,s)=>{c.classList.add("col-highlight"),c.innerText||c.dataset.hasBadge==="true"?t.classList.contains("compare-chart-features")||a[s]?.classList.add("no-rounded"):c.classList.add("hidden")}),t.classList.contains("compare-chart-features")&&Ke(a,n)):(a=n,e.classList.add("row-heading"),t.classList.contains("compare-chart-features")&&Ke(a)),kn(t,a),$n(t),On(t),Hn(t),kt(t)}function Xe(t){let r=t.closest(".row"),e=r.nextElementSibling,n=t.getAttribute("aria-expanded")==="false";for(t.setAttribute("aria-expanded",n.toString());e&&!e.classList.contains("divider");)n?(r.classList.remove("section-head-collaped"),e.classList.remove("hidden")):(r.classList.add("section-head-collaped"),e.classList.add("hidden")),e=e.nextElementSibling}function Qe(t){t.querySelectorAll(".icon.expand").forEach(r=>{let e=r.parentElement,n=()=>Xe(r),o=i=>{i.key===" "&&i.preventDefault(),(i.key==="Enter"||i.key===" ")&&Xe(r)};e.classList.add("point-cursor"),e.setAttribute("tabindex",0),e.addEventListener("click",n),e.addEventListener("keydown",o)})}function Ze(t){if(!t||t.querySelector(".table-title-text"))return;let r=b("span",{class:"table-title-text"});for(;t.firstChild;)r.append(t.firstChild);let e=r.textContent?.replace(/\u00a0/g," ").trim();if(!r.querySelector('a, em, strong, b, i, picture, img, mas-mnemonic, merch-icon, [is="inline-price"], .icon, .icon-info, .icon-tooltip, .milo-tooltip, blockquote')&&(!e||e==="-")){t.replaceChildren();return}let o=r.querySelector(".icon-info, .icon-tooltip, .milo-tooltip");o&&t.append(o.closest("em")||o);let i=r.querySelector(".icon:first-child"),a=r;if(i){let s=b("span",{class:"table-title-row"});s.append(i,r),a=s}let c=a.querySelector("blockquote");if(c){let s=b("div",{class:"blockquote"});for(;c.firstChild;)s.appendChild(c.firstChild);c.replaceWith(s)}t.insertBefore(a,t.firstChild)}function zn(t){let{row:r,index:e,allRows:n,rowCols:o,isMerch:i,isCollapseTable:a,isHighlightTable:c}=t,{expandSection:s}=t,l=n[e-1],m=n[e+1],d=Array.from(m?.children||[]);if(r.querySelector("hr")&&m){r.classList.add("divider"),r.removeAttribute("role"),m.classList.add("section-head");let h=d[0];if(i&&d.length?d.forEach(y=>{y.classList.add("section-head-title"),y.setAttribute("role","rowheader")}):(Ze(h),h.classList.add("section-head-title"),h.setAttribute("role","rowheader")),a&&h){let y=b("span",{class:"icon expand",role:"button"});if(h.querySelector(".icon.expand")||h.prepend(y),s)y.setAttribute("aria-expanded","true"),s=!1;else{y.setAttribute("aria-expanded","false"),m.classList.add("section-head-collaped");let E=r.nextElementSibling;for(;E&&!E.classList.contains("divider");)E.classList.add("hidden"),E=E.nextElementSibling}}}else if(l?.querySelector("hr")&&m){if(m.classList.add("section-row"),!i){let h=d[0];h?.classList.add("section-row-title"),h?.setAttribute("role","rowheader"),h?.setAttribute("scope","row")}}else if(!r.classList.contains("row-1")&&(!c||!r.classList.contains("row-2")))if(r.classList.add("section-row"),o.forEach(h=>{if(h.querySelector("a")&&!h.querySelector("span")){let y=b("span",{class:"col-text"},[...h.childNodes]);h.appendChild(y)}}),i&&!r.classList.contains("divider"))o.forEach(h=>{if(h.classList.add("col-merch"),!h.children.length&&h.innerText){let y=b("p",{class:"merch-col-text"},h.innerText);h.innerText="",h.append(y)}});else{let h=o[0];Ze(h),h.classList.add("section-row-title"),h.setAttribute("role","rowheader"),h.setAttribute("scope","row")}return o.forEach(h=>{h.querySelector(":scope > :is(strong, em, del, code, sub, sup)")&&h.childNodes.length>1&&!h.querySelector("picture")&&h.replaceChildren(b("p",{},[...h.childNodes]))}),s}function Fn(t){let r=t.querySelectorAll(".row"),e=r.length,i=r[0].querySelectorAll(".col").length;for(let a=i;a>0;a-=1){let c=t.querySelectorAll(`.col-${a}`);for(let s=e-1;s>=0;s-=1){let l=c[s];if(!l?.innerText&&l?.children.length===0)l.classList.add("no-borders");else{l.classList.add("border-bottom");break}}}}function Je(t){t.forEach(r=>r.classList.remove("hover","no-top-border","hover-border-bottom"))}function Bn(t){let r=t.querySelector(".row-1");if(!r)return;let e=r.childElementCount,o=t.classList.contains("merch")&&!t.classList.contains("compare-chart-features")?1:2,i=t.classList.contains("collapse"),a=t.querySelectorAll(".section-head"),c=a[a.length-1],s=c?.querySelector(".icon.expand");for(let l=o;l<=e;l+=1){let m=t.querySelectorAll(`.col-${l}`);m.forEach(d=>{d.addEventListener("mouseover",()=>{Je(m);let h=t.querySelector(".row-heading"),y=`col-${l}`,E=s?.getAttribute("aria-expanded")==="false";m.forEach(p=>{if(p.classList.contains("col-highlight")&&p.innerText){let v=Array.from(p.classList).find(g=>g.startsWith(y));h?.querySelector(`.${v}`)?.classList.add("no-top-border")}i&&E&&c?.querySelector(`.col-${l}`)?.classList.add("hover-border-bottom"),p.classList.add("hover")})}),d.addEventListener("mouseout",()=>Je(m))})}}function hr(t,r){t._stickyObserver?.disconnect();let e=r(),n=t.querySelector(".row-highlight"),o=t.querySelector(".row-heading");if(!o)return;n?(n.style.top=`${e}px`,n.classList.add("top-border-transparent")):o.classList.add("top-border-transparent");let i=e+(n?n.offsetHeight:0);o.style.top=`${i}px`;let a=t.querySelector(".intercept")||b("div",{class:"intercept"});a.setAttribute("data-observer-intercept",""),o.insertAdjacentElement("beforebegin",a);let c=new IntersectionObserver(([s])=>{o.classList.toggle("active",!s.isIntersecting)},{rootMargin:`-${i}px`});c.observe(a),t._stickyObserver=c}function Zt(t,r){t._filterObserver?.disconnect();let e=t.parentElement?.querySelector(".filters");if(!e)return;let n=ie(t)&&et()==="MOBILE"&&lr(t);if(e.classList.toggle("sticky-mobile-compare",n),e.classList.remove("active"),!n){e.style.removeProperty("top");return}let o=r();e.style.top=`${o}px`;let i=e.parentElement?.querySelector(".filters-intercept")||b("div",{class:"filters-intercept"});i.setAttribute("data-observer-intercept",""),e.insertAdjacentElement("beforebegin",i);let a=new IntersectionObserver(([c])=>{e.classList.toggle("active",!c.isIntersecting)},{rootMargin:`-${o}px`});a.observe(i),t._filterObserver=a}function Un(t,r,e,n){let o=t.querySelector(".row-heading");if(!o){kt(t);return}let i=t.classList.contains("merch"),a=lr(t),c=et(),s=()=>{if(i)return;let d=Array.from(t.getElementsByClassName("section-row"));if(d.length){let E=`repeat(auto-fit, ${100/(d[0].children.length-1)}%)`;d.forEach(p=>{c==="TABLET"||c==="MOBILE"&&!p.querySelector(".col-3")?p.style.gridTemplateColumns=E:p.style.gridTemplateColumns=""})}},l=()=>{kt(t);let d=t.querySelectorAll(".row-heading .col"),h=Array.from(d).filter(p=>p.textContent.trim()).length;if(t.querySelectorAll(".hide-mobile").forEach(p=>{p.classList.remove("hide-mobile")}),i&&h>=2?t.querySelectorAll(".col:not(.col-1, .col-2)").forEach(p=>{p.classList.add("hide-mobile")}):h>=3&&t.querySelectorAll(".col:not(.col-1, .col-2, .col-3), .col.no-borders").forEach(p=>{p.classList.add("hide-mobile")}),!i&&!t.querySelector(".col-3")||i&&!t.querySelector(".col-2"))return;a&&t.querySelectorAll(".row-heading .col-1, .row-highlight .col-1").forEach(p=>{p.classList.add("hide-mobile"),p.style.display="none"});let y=p=>{let v=Array.from(t.parentElement.querySelectorAll(".filter")).map(g=>parseInt(g.value,10)),A=t.querySelectorAll(".row");if(t.querySelectorAll(".hide-mobile, .force-last").forEach(g=>{g.classList.remove("hide-mobile","force-last")}),A.forEach(g=>{g.querySelectorAll(".col[data-cloned]").forEach(u=>u.remove())}),i?t.querySelectorAll(`.col:not(.col-${v[0]+1}, .col-${v[1]+1})`).forEach(g=>{g.classList.add("hide-mobile")}):t.querySelectorAll(`.col:not(.col-1, .col-${v[0]+1}, .col-${v[1]+1}), .col.no-borders`).forEach(g=>{g.classList.add("hide-mobile")}),a&&t.querySelectorAll(".row-heading .col-1, .row-highlight .col-1").forEach(g=>{g.classList.add("hide-mobile"),g.style.display="none"}),A.forEach(g=>{let u=g.querySelector(`.col-${v[0]+1}`),T=g.querySelector(`.col-${v[1]+1}`);u?.classList.contains("col-heading")&&(u.classList.remove("right-round"),u.classList.add("left-round")),T?.classList.contains("col-heading")&&(T.classList.remove("left-round"),T.classList.add("right-round")),T&&T.classList.add("force-last")}),v[0]===v[1]){let g=v[0]+1;A.forEach(u=>{let T=u.querySelector(`.col-${g}`);if(!T)return;let O=T.cloneNode(!0);O.setAttribute("data-cloned","true"),T.classList.remove("force-last"),T.classList.contains("col-heading")&&(T.classList.remove("right-round"),T.classList.add("left-round"),O.classList.remove("left-round"),O.classList.add("right-round")),u.appendChild(O)})}s(),ie(t)&&hr(t,n),Zt(t,n),p&&rt(t),re(t,e)},E=h>2;if(!t.parentElement.querySelector(".filters")&&E){let p=b("div",{class:"filters"}),v=b("div",{class:"filter-wrapper"}),A=b("div",{class:"filter-wrapper"}),g=b("select",{class:"filter"});r.querySelectorAll(".col-heading").forEach((C,Pt)=>{let It=C.querySelector(".tracking-header");if(!It||!i&&It.closest(".col-1"))return;let mr=b("option",{value:Pt},It.innerText);g.append(mr)});let T=g.cloneNode(!0);g.dataset.filterIndex=0,T.dataset.filterIndex=1;let O=t.querySelectorAll(`.col-heading:not([style*="display: none"], .hidden${i?"":", .col-1"})`),G=i?1:2,W=g.querySelectorAll("option").item(O.item(0).dataset.colIndex-G),x=T.querySelectorAll("option").item(O.item(1).dataset.colIndex-G);W&&(W.selected=!0),x&&(x.selected=!0),v.append(g),A.append(T),p.append(v,A),v.addEventListener("change",y),A.addEventListener("change",y),t.parentElement.insertBefore(p,t),t.parentElement.classList.add(`table-${t.classList.contains("merch")?"merch-":""}section`),!i&&h<3&&(p.style.display="none"),y()}Zt(t,n)},m=()=>{t.querySelectorAll(".row .col[data-cloned]").forEach(d=>{d.remove()})};!i&&!t.querySelector(".row-heading .col-2")&&(o.style.display="block",o.querySelector(".col-1")?.style.setProperty("display","flex")),m(),c==="MOBILE"||i&&c==="TABLET"?l():(t.querySelectorAll(".hide-mobile, .left-round, .right-round").forEach(d=>{d.classList.remove("hide-mobile","left-round","right-round")}),a&&t.querySelectorAll(".row-heading .col-1, .row-highlight .col-1").forEach(d=>{d.style.removeProperty("display")}),Zt(t,n),[...o.children].forEach(d=>[...d.children].forEach(h=>h.style.removeProperty("height"))),t.parentElement.querySelectorAll(".filters select").forEach((d,h)=>{d.querySelectorAll("option").item(h).selected=!0})),kt(t),Bn(t),s()}function Ct(t){t.classList.value.includes("sticky")&&setTimeout(()=>{let r=t.querySelector(".row-heading")?.offsetHeight||0;t.classList.toggle("cancel-sticky",!(r/window.innerHeight<.45))})}function Vn(t,r){t.setAttribute("role","table"),t.parentElement.classList.contains("section")&&t.parentElement.classList.add(`table-${t.classList.contains("merch")?"merch-":""}section`);let e=Array.from(t.children),n=t.classList.contains("merch"),o=t.classList.contains("collapse")&&!n,i=t.classList.contains("highlight"),a=!0;e.forEach((E,p)=>{E.classList.add("row",`row-${p+1}`),E.setAttribute("role","row");let v=Array.from(E.children),A={row:E,index:p,allRows:e,rowCols:v,isMerch:n,isCollapseTable:o,expandSection:a,isHighlightTable:i};v.forEach((g,u)=>{g.dataset.colIndex=u+1,g.classList.add("col",`col-${u+1}`),g.setAttribute("role",g.matches(".section-head-title")?"columnheader":"cell")}),a=zn(A)}),qn(t),Ct(t),n&&Fn(t);let c=!1,s=et(),l=()=>{Un(t,t._originTable,r.labels,r.getStickyTop),rt(t),ie(t)&&hr(t,r.getStickyTop)};t.querySelectorAll(n?".col-heading:not(.hidden)":".col-heading:not(.hidden, .col-1)").length>2?t._originTable=t.cloneNode(!0):t._originTable=t;let m=bt(()=>{rt(t),Ct(t);let E=et();s!==E&&(s=E,l())},100),d=()=>Ct(t),h=new IntersectionObserver(E=>{E.some(p=>p.isIntersecting)&&(h.disconnect(),c||(l(),Qe(t),re(t,r.labels),c=!0))}),y=new ResizeObserver(bt(()=>Ct(t),100));return y.observe(t),window.addEventListener("resize",m),window.addEventListener(Ue,d),h.observe(t),c||setTimeout(()=>{c||(l(),Qe(t),re(t,r.labels),c=!0)},0),or+=1,()=>{h.disconnect(),y.disconnect(),t._stickyObserver?.disconnect(),t._filterObserver?.disconnect(),delete t._stickyObserver,delete t._filterObserver,delete t._originTable,window.removeEventListener("resize",m),window.removeEventListener(Ue,d)}}function z(t){return t?t.startsWith("color-")||t.startsWith("spectrum-")||t.startsWith("--")?t.startsWith("--")?`var(${t})`:`var(--${t})`:t:""}function jn(t,r=""){let e=b("mas-mnemonic",{slot:"icons",src:t,size:"l"});return r&&(e.setAttribute("role","img"),e.setAttribute("aria-label",r)),e}function Mt(t,r){return t?Array.from(t.querySelectorAll(`[slot="${r}"]`)).map(e=>e.cloneNode(!0)):[]}function tr(t){return t?Array.from(t.childNodes).map(r=>r.cloneNode(!0)):[]}function ae(t){if(!t)return[];if(t.nodeType!==Node.ELEMENT_NODE)return[t.cloneNode(!0)];let r=Ot(t.cloneNode(!0)),e=Array.from(r.childNodes).some(o=>o.nodeType===Node.TEXT_NODE&&o.textContent.trim()),n=r.childElementCount===1&&r.firstElementChild&&!e;return n&&r.firstElementChild.matches?.(`${_}, ${Ht}, merch-icon, merch-badge, mas-mnemonic`)?[r.firstElementChild.cloneNode(!0)]:n?tr(r.firstElementChild):["P","DIV","H1","H2","H3","H4","H5","H6"].includes(r.tagName)?tr(r):[r]}function Ot(t){return!t||t.nodeType!==Node.ELEMENT_NODE||(t.removeAttribute("slot"),t.querySelectorAll?.("[slot]").forEach(r=>r.removeAttribute("slot"))),t}function er(t,r){return Mt(t,r).map(Ot).find(Boolean)}function Gn(t,r){if(!t)return null;let e=b("p",{class:r}),n=ae(t);return n.length?e.append(...n):e.textContent=t.textContent?.trim()||"",e.textContent?.trim()||e.childNodes.length?e:null}function Wn(t){if(!t)return null;let r=b("p",{class:"body"}),e=ae(t);return e.length?r.append(...e):r.textContent=t.textContent?.trim()||"",r.textContent?.trim()||r.childNodes.length?r:null}function Yn(t=[]){let r={strikethrough:[],price:[],legal:[]},e="";return t.forEach(n=>{let o=Ot(n.cloneNode(!0)),i=dr(o);!i&&o.nodeType===Node.TEXT_NODE&&(i=o.textContent?.trim()?e||"price":""),!i&&o.textContent?.trim()&&(i="price"),i&&(r[i].push(o),e=i)}),r}function Jt(t,r=[]){let e=r.filter(n=>n&&(n.nodeType!==Node.TEXT_NODE||n.textContent.trim()));return e.length?b("div",{class:t},e):null}function Kn(t=[]){for(let r of t){if(r?.nodeType!==Node.ELEMENT_NODE)continue;let e=r.matches?.(_)?r.cloneNode(!0):r.querySelector?.(_)?.cloneNode(!0);if(e)return e.setAttribute("data-template",Y),e.setAttribute("data-display-plan-type","true"),e.setAttribute("data-display-per-unit","false"),e.setAttribute("data-display-tax","false"),e.setAttribute("data-display-old-price","false"),e.hasAttribute("data-force-tax-exclusive")||e.setAttribute("data-force-tax-exclusive","true"),e}return null}function Xn(t){let e=Mt(t,Nt.ctas).map(Ot).flatMap(o=>o.matches?.(".con-button, button, a.con-button")?[o]:Array.from(o.querySelectorAll?.(".con-button, button, a.con-button")||[]).map(i=>i.cloneNode(!0)));if(!e.length)return null;let n=b("div",{class:"buttons-wrapper"});return e.forEach((o,i)=>{let a=i===0?b("p"):b("div",{class:"supplemental-text body-xl action-area"});a.append(o),n.append(a)}),n}function Qn(t){let r=document.createDocumentFragment(),e=b("div",{class:"heading-content content"}),n=b("div",{class:"heading-button"}),o=Mt(t,"icons");if(o.length){let E=b("p",{class:"header-product-tile"});o.forEach(p=>{if(p.tagName==="MERCH-ICON"){let v=jn(p.getAttribute("src")||"",p.getAttribute("alt")||"");v.removeAttribute("slot"),E.append(v);return}p.removeAttribute?.("slot"),E.append(p)}),e.append(E)}let i=Gn(er(t,Nt.title),"tracking-header");i&&e.append(i);let a=Wn(er(t,Nt.description));a&&e.append(a);let c=Mt(t,Nt.prices).flatMap(E=>ae(E)),s=Yn(c),l=Jt("pricing-before",s.strikethrough);l&&n.append(l);let m=Jt("pricing",s.price);m&&n.append(m);let d=s.legal.length?s.legal:[Kn(s.price)].filter(Boolean),h=Jt("pricing-after",d);h&&n.append(h);let y=Xn(t);return y&&n.append(y),r.append(e,n),r}function Zn(t){if(!t)return null;if(t._masTableBadgeData?.contentHtml||t._masTableBadgeData?.text)return t._masTableBadgeData;let r=t.querySelector('[slot="badge"]'),e=t.shadowRoot?.getElementById("badge"),n=r?.matches("merch-badge")?r:r?.querySelector("merch-badge"),o=n?.innerHTML?.trim()||r?.innerHTML?.trim()||e?.innerHTML?.trim()||"",i=n?.textContent?.trim()||r?.textContent?.trim()||e?.textContent?.trim()||t.getAttribute("badge-text")||"";if(!o&&!i)return null;let a=e?getComputedStyle(e):null,c=z(n?.getAttribute("background-color")||"")||z(t.getAttribute("badge-background-color")||"")||a?.backgroundColor||"",s=z(n?.getAttribute("color")||"")||z(t.getAttribute("badge-color")||"")||a?.color||"";return{contentHtml:o,text:i,icon:n?.getAttribute("icon")||"",backgroundColor:c,textColor:s}}function Jn(t){return t?t.startsWith("sp-icon-")?b(t,{class:"badge-icon"}):b("img",{class:"badge-icon",src:t,alt:""}):null}function to(t){let r=b("span",{class:"badge-inline-content"}),e=Jn(t.icon),n=!!(t.contentHtml||t.text);if(e&&r.append(e),e&&n&&r.append(document.createTextNode(" ")),t.contentHtml){let o=document.createElement("template");o.innerHTML=t.contentHtml,r.append(o.content.cloneNode(!0))}else t.text&&r.append(document.createTextNode(t.text));return r}function eo(t={}){let r=t.badge;if(!r)return null;if(typeof r!="string"){let a=String(r).trim();return a?{contentHtml:"",text:a,icon:"",backgroundColor:z(t.badgeBackgroundColor||""),textColor:z(t.badgeColor||"")}:null}let e=document.createElement("template");e.innerHTML=r;let n=e.content.querySelector("merch-badge")||e.content.firstElementChild,o=n?.innerHTML?.trim()||"",i=n?.textContent?.trim()||r.trim();return!o&&!i?null:{contentHtml:o,text:i,icon:n?.getAttribute?.("icon")||"",backgroundColor:z(n?.getAttribute?.("background-color")||t.badgeBackgroundColor||""),textColor:z(n?.getAttribute?.("color")||t.badgeColor||"")}}async function ro(t,r,e){let n=await Promise.all(t.map(async o=>{let i=r.get(o);if(!i)return[o,null];try{let a=document.createElement("merch-card"),c={...Ln(i),variant:je};return a.variant=je,a._masTableBadgeData=eo(c),e.append(a),await De({...i,fields:c,settings:i.settings||{},variantLayout:{aemFragmentMapping:Fe}},a),[o,a]}catch{return[o,null]}}));return new Map(n.filter(([,o])=>o))}function no(t,r,e){if(!t.classList.contains("merch")&&!t.classList.contains("compare-chart-features")||!t.classList.contains("highlight"))return;let n=t.firstElementChild;if(!n)return;let o=Array.from(n.children),i=t.classList.contains("compare-chart-features")?1:0;r.forEach((a,c)=>{let s=o[c+i],l=Zn(e.get(a));if(s){if(!l?.contentHtml&&!l?.text){s.removeAttribute("data-has-badge"),s.replaceChildren();return}s.dataset.hasBadge="true",s.replaceChildren(to(l)),l.backgroundColor&&(s.style.backgroundColor=l.backgroundColor,s.style.borderColor=l.backgroundColor),l.textColor&&(s.style.color=l.textColor)}})}function oo(t,r,e){if(!t.classList.contains("merch")&&!t.classList.contains("compare-chart-features")||!r?.length)return;let n=Array.from(t.children);if(!n.length)return;let o=t.classList.contains("highlight")&&n.length>1?1:0,i=n[o];if(!i)return;let a=Array.from(i.children),c=t.classList.contains("compare-chart-features")?1:0;r.forEach((s,l)=>{let m=a[l+c],d=e.get(s);!m||!d||m.replaceChildren(Qn(d))})}function io(t,r){cr(r,"blockName")==="Table"&&sr(r,"selectedVariantNames").forEach(n=>{n&&t.classList.add(String(n))})}async function ao(t){let r=[...t.querySelectorAll(Ht)];await Promise.all(r.map(e=>typeof e.onceSettled!="function"?Promise.resolve(e):e.onceSettled().catch(()=>e)))}var lt,Z,dt,$,ht,mt,J,pt,ut,tt,q,M,ne=class extends HTMLElement{constructor(){super();S(this,lt,[]);S(this,Z,0);S(this,dt);S(this,$);S(this,ht);S(this,mt);S(this,J);S(this,pt);S(this,ut,Promise.resolve(this));S(this,tt);S(this,q);S(this,M);L(this,tt,document.createElement("style")),f(this,tt).setAttribute(nr,""),L(this,q,document.createElement("div")),L(this,M,document.createElement("div")),f(this,M).className="mas-table-scratch",f(this,M).hidden=!0,f(this,M).setAttribute("aria-hidden","true"),this.append(f(this,tt),f(this,q),f(this,M)),this.handleAemFragmentEvents=this.handleAemFragmentEvents.bind(this)}connectedCallback(){let e=this.localName||te;L(this,$,nt()),f(this,dt)??L(this,dt,f(this,$)?.Log?.module?.(e)??f(this,$)?.log?.module?.(e)??console),this.syncDirection();let n=this.getAttribute("id")??this.aemFragment?.getAttribute("fragment")??"unknown";L(this,J,`${Be}${n}${Ee}`),L(this,pt,`${Be}${n}${ve}`),performance.mark(f(this,J)),this.addEventListener(ft,this.handleAemFragmentEvents),this.addEventListener(gt,this.handleAemFragmentEvents),this.aemFragment?.setAttribute("hidden","")}disconnectedCallback(){this.removeEventListener(ft,this.handleAemFragmentEvents),this.removeEventListener(gt,this.handleAemFragmentEvents),this.cleanup()}get aemFragment(){return this.querySelector("aem-fragment")}get updateComplete(){return f(this,ut)}syncDirection(){let e=this.closest("[dir]")?.getAttribute("dir")||document.documentElement.getAttribute("dir")||"ltr";this.setAttribute("dir",e)}cleanup(){f(this,lt).splice(0).forEach(e=>e())}beginUpdate(){L(this,ut,new Promise((e,n)=>{L(this,ht,e),L(this,mt,n)}))}async handleAemFragmentEvents(e){var o;if(!this.isConnected)return;if(e.type===ft&&e.target===this.aemFragment){this.fail("AEM fragment cannot be loaded");return}if(e.type!==gt||e.target!==this.aemFragment)return;this.removeAttribute("failed"),this.beginUpdate();let n=++de(this,Z)._;try{if(await this.renderFragment(e.detail),n!==f(this,Z))return;await ao(this),f(this,q).querySelectorAll(".table").forEach(c=>rt(c));let i=performance.measure(f(this,pt),f(this,J)),a={...this.aemFragment?.fetchInfo,...f(this,$)?.duration,measure:xe(i)};this.dispatchEvent(new CustomEvent(he,{bubbles:!0,composed:!0,detail:a})),(o=f(this,ht))==null||o.call(this,this)}catch(i){if(n!==f(this,Z))return;this.fail(i.message||"Failed to render table")}}getStickyTop(){let e=getComputedStyle(this).getPropertyValue("--mas-table-sticky-top"),n=parseFloat(e);return Number.isFinite(n)?n:0}async renderFragment(e){let n=oe(e),o=cr(n,"compareChart").trim();if(!o)throw new Error("compareChart field is missing");this.cleanup(),f(this,q).replaceChildren(),f(this,M).replaceChildren();let i=document.createElement("div");i.className="mas-table-empty",Sn(i,o);let a=Array.from(i.querySelectorAll(".table"));if(!a.length)throw new Error("compareChart does not contain a .table block");let c=Cn(e.references),s=sr(n,"cards").map(String),l=await ro(s,c,f(this,M)),m=Nn(e);a.forEach(d=>{io(d,n),no(d,s,l),oo(d,s,l);let h=Vn(d,{labels:m,getStickyTop:()=>this.getStickyTop()});f(this,lt).push(h)}),f(this,q).append(...Array.from(i.childNodes))}fail(e,n={}){var a;if(!this.isConnected)return;this.setAttribute("failed","");let o=this.localName||te,i={...this.aemFragment?.fetchInfo,...f(this,$)?.duration,...n,message:e};f(this,dt)?.error?.(`${o}: ${e}`,i),this.dispatchEvent(new CustomEvent(me,{bubbles:!0,composed:!0,detail:i})),(a=f(this,mt))==null||a.call(this,new Error(e))}async checkReady(){let e=new Promise(o=>setTimeout(()=>o("timeout"),Xt));if(this.aemFragment){let o=await Promise.race([this.aemFragment.updateComplete,e]);if(o===!1||o==="timeout"){let i=o==="timeout"?`AEM fragment was not resolved within ${Xt} timeout`:"AEM fragment cannot be loaded";throw this.fail(i),new Error(i)}}let n=await Promise.race([this.updateComplete,e]);if(n==="timeout"){let o=`mas-table was not resolved within ${Xt} timeout`;throw this.fail(o),new Error(o)}return n}};lt=new WeakMap,Z=new WeakMap,dt=new WeakMap,$=new WeakMap,ht=new WeakMap,mt=new WeakMap,J=new WeakMap,pt=new WeakMap,ut=new WeakMap,tt=new WeakMap,q=new WeakMap,M=new WeakMap;customElements.define(te,ne);export{ne as MasTable}; diff --git a/web-components/dist/mas.js b/web-components/dist/mas.js index da863e2f5..2ce2a5a58 100644 --- a/web-components/dist/mas.js +++ b/web-components/dist/mas.js @@ -501,12 +501,12 @@ window.masPriceLiterals = { ":type": "sheet" } .data; -var Kn=Object.defineProperty;var Qn=e=>{throw TypeError(e)};var _l=(e,t,r)=>t in e?Kn(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r;var et=(e,t)=>()=>(e&&(t=e(e=0)),t);var Zn=(e,t)=>{for(var r in t)Kn(e,r,{get:t[r],enumerable:!0})};var m=(e,t,r)=>_l(e,typeof t!="symbol"?t+"":t,r),ta=(e,t,r)=>t.has(e)||Qn("Cannot "+r);var p=(e,t,r)=>(ta(e,t,"read from private field"),r?r.call(e):t.get(e)),E=(e,t,r)=>t.has(e)?Qn("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,r),y=(e,t,r,i)=>(ta(e,t,"write to private field"),i?i.call(e,r):t.set(e,r),r),Z=(e,t,r)=>(ta(e,t,"access private method"),r);var Jn=(e,t,r,i)=>({set _(a){y(e,t,a,r)},get _(){return p(e,t,i)}});var Ii,zi,hn,Gs,zr,me,b,pn,Di,mn=et(()=>{Ii=window,zi=Ii.ShadowRoot&&(Ii.ShadyCSS===void 0||Ii.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,hn=Symbol(),Gs=new WeakMap,zr=class{constructor(t,r,i){if(this._$cssResult$=!0,i!==hn)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=r}get styleSheet(){let t=this.o,r=this.t;if(zi&&t===void 0){let i=r!==void 0&&r.length===1;i&&(t=Gs.get(r)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),i&&Gs.set(r,t))}return t}toString(){return this.cssText}},me=e=>new zr(typeof e=="string"?e:e+"",void 0,hn),b=(e,...t)=>{let r=e.length===1?e[0]:t.reduce((i,a,n)=>i+(o=>{if(o._$cssResult$===!0)return o.cssText;if(typeof o=="number")return o;throw Error("Value passed to 'css' function must be a 'css' function result: "+o+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(a)+e[n+1],e[0]);return new zr(r,e,hn)},pn=(e,t)=>{zi?e.adoptedStyleSheets=t.map(r=>r instanceof CSSStyleSheet?r:r.styleSheet):t.forEach(r=>{let i=document.createElement("style"),a=Ii.litNonce;a!==void 0&&i.setAttribute("nonce",a),i.textContent=r.cssText,e.appendChild(i)})},Di=zi?e=>e:e=>e instanceof CSSStyleSheet?(t=>{let r="";for(let i of t.cssRules)r+=i.cssText;return me(r)})(e):e});var un,$i,qs,Hh,Vs,fn,js,gn,xn,Be,Hi=et(()=>{mn();mn();$i=window,qs=$i.trustedTypes,Hh=qs?qs.emptyScript:"",Vs=$i.reactiveElementPolyfillSupport,fn={toAttribute(e,t){switch(t){case Boolean:e=e?Hh:null;break;case Object:case Array:e=e==null?e:JSON.stringify(e)}return e},fromAttribute(e,t){let r=e;switch(t){case Boolean:r=e!==null;break;case Number:r=e===null?null:Number(e);break;case Object:case Array:try{r=JSON.parse(e)}catch{r=null}}return r}},js=(e,t)=>t!==e&&(t==t||e==e),gn={attribute:!0,type:String,converter:fn,reflect:!1,hasChanged:js},xn="finalized",Be=class extends HTMLElement{constructor(){super(),this._$Ei=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$El=null,this._$Eu()}static addInitializer(t){var r;this.finalize(),((r=this.h)!==null&&r!==void 0?r:this.h=[]).push(t)}static get observedAttributes(){this.finalize();let t=[];return this.elementProperties.forEach((r,i)=>{let a=this._$Ep(i,r);a!==void 0&&(this._$Ev.set(a,i),t.push(a))}),t}static createProperty(t,r=gn){if(r.state&&(r.attribute=!1),this.finalize(),this.elementProperties.set(t,r),!r.noAccessor&&!this.prototype.hasOwnProperty(t)){let i=typeof t=="symbol"?Symbol():"__"+t,a=this.getPropertyDescriptor(t,i,r);a!==void 0&&Object.defineProperty(this.prototype,t,a)}}static getPropertyDescriptor(t,r,i){return{get(){return this[r]},set(a){let n=this[t];this[r]=a,this.requestUpdate(t,n,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)||gn}static finalize(){if(this.hasOwnProperty(xn))return!1;this[xn]=!0;let t=Object.getPrototypeOf(this);if(t.finalize(),t.h!==void 0&&(this.h=[...t.h]),this.elementProperties=new Map(t.elementProperties),this._$Ev=new Map,this.hasOwnProperty("properties")){let r=this.properties,i=[...Object.getOwnPropertyNames(r),...Object.getOwnPropertySymbols(r)];for(let a of i)this.createProperty(a,r[a])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(t){let r=[];if(Array.isArray(t)){let i=new Set(t.flat(1/0).reverse());for(let a of i)r.unshift(Di(a))}else t!==void 0&&r.push(Di(t));return r}static _$Ep(t,r){let i=r.attribute;return i===!1?void 0:typeof i=="string"?i:typeof t=="string"?t.toLowerCase():void 0}_$Eu(){var t;this._$E_=new Promise(r=>this.enableUpdating=r),this._$AL=new Map,this._$Eg(),this.requestUpdate(),(t=this.constructor.h)===null||t===void 0||t.forEach(r=>r(this))}addController(t){var r,i;((r=this._$ES)!==null&&r!==void 0?r:this._$ES=[]).push(t),this.renderRoot!==void 0&&this.isConnected&&((i=t.hostConnected)===null||i===void 0||i.call(t))}removeController(t){var r;(r=this._$ES)===null||r===void 0||r.splice(this._$ES.indexOf(t)>>>0,1)}_$Eg(){this.constructor.elementProperties.forEach((t,r)=>{this.hasOwnProperty(r)&&(this._$Ei.set(r,this[r]),delete this[r])})}createRenderRoot(){var t;let r=(t=this.shadowRoot)!==null&&t!==void 0?t:this.attachShadow(this.constructor.shadowRootOptions);return pn(r,this.constructor.elementStyles),r}connectedCallback(){var t;this.renderRoot===void 0&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(t=this._$ES)===null||t===void 0||t.forEach(r=>{var i;return(i=r.hostConnected)===null||i===void 0?void 0:i.call(r)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$ES)===null||t===void 0||t.forEach(r=>{var i;return(i=r.hostDisconnected)===null||i===void 0?void 0:i.call(r)})}attributeChangedCallback(t,r,i){this._$AK(t,i)}_$EO(t,r,i=gn){var a;let n=this.constructor._$Ep(t,i);if(n!==void 0&&i.reflect===!0){let o=(((a=i.converter)===null||a===void 0?void 0:a.toAttribute)!==void 0?i.converter:fn).toAttribute(r,i.type);this._$El=t,o==null?this.removeAttribute(n):this.setAttribute(n,o),this._$El=null}}_$AK(t,r){var i;let a=this.constructor,n=a._$Ev.get(t);if(n!==void 0&&this._$El!==n){let o=a.getPropertyOptions(n),s=typeof o.converter=="function"?{fromAttribute:o.converter}:((i=o.converter)===null||i===void 0?void 0:i.fromAttribute)!==void 0?o.converter:fn;this._$El=n,this[n]=s.fromAttribute(r,o.type),this._$El=null}}requestUpdate(t,r,i){let a=!0;t!==void 0&&(((i=i||this.constructor.getPropertyOptions(t)).hasChanged||js)(this[t],r)?(this._$AL.has(t)||this._$AL.set(t,r),i.reflect===!0&&this._$El!==t&&(this._$EC===void 0&&(this._$EC=new Map),this._$EC.set(t,i))):a=!1),!this.isUpdatePending&&a&&(this._$E_=this._$Ej())}async _$Ej(){this.isUpdatePending=!0;try{await this._$E_}catch(r){Promise.reject(r)}let t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var t;if(!this.isUpdatePending)return;this.hasUpdated,this._$Ei&&(this._$Ei.forEach((a,n)=>this[n]=a),this._$Ei=void 0);let r=!1,i=this._$AL;try{r=this.shouldUpdate(i),r?(this.willUpdate(i),(t=this._$ES)===null||t===void 0||t.forEach(a=>{var n;return(n=a.hostUpdate)===null||n===void 0?void 0:n.call(a)}),this.update(i)):this._$Ek()}catch(a){throw r=!1,this._$Ek(),a}r&&this._$AE(i)}willUpdate(t){}_$AE(t){var r;(r=this._$ES)===null||r===void 0||r.forEach(i=>{var a;return(a=i.hostUpdated)===null||a===void 0?void 0:a.call(i)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$Ek(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$E_}shouldUpdate(t){return!0}update(t){this._$EC!==void 0&&(this._$EC.forEach((r,i)=>this._$EO(i,this[i],r)),this._$EC=void 0),this._$Ek()}updated(t){}firstUpdated(t){}};Be[xn]=!0,Be.elementProperties=new Map,Be.elementStyles=[],Be.shadowRootOptions={mode:"open"},Vs?.({ReactiveElement:Be}),((un=$i.reactiveElementVersions)!==null&&un!==void 0?un:$i.reactiveElementVersions=[]).push("1.6.3")});function ac(e,t){if(!Array.isArray(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return Ws!==void 0?Ws.createHTML(t):t}function $t(e,t,r=e,i){var a,n,o,s;if(t===Fe)return t;let c=i!==void 0?(a=r._$Co)===null||a===void 0?void 0:a[i]:r._$Cl,l=Hr(t)?void 0:t._$litDirective$;return c?.constructor!==l&&((n=c?._$AO)===null||n===void 0||n.call(c,!1),l===void 0?c=void 0:(c=new l(e),c._$AT(e,r,i)),i!==void 0?((o=(s=r)._$Co)!==null&&o!==void 0?o:s._$Co=[])[i]=c:r._$Cl=c),c!==void 0&&(t=$t(e,c._$AS(e,t.values),c,i)),t}var vn,Bi,Dt,Ws,yn,Xe,ec,Bh,bt,$r,Hr,tc,Fh,bn,Dr,Ys,Xs,xt,Ks,Qs,rc,ic,u,of,Fe,w,Zs,vt,Uh,Br,wn,Fr,Ht,En,Gh,An,Sn,Cn,Js,nc,Ur=et(()=>{Bi=window,Dt=Bi.trustedTypes,Ws=Dt?Dt.createPolicy("lit-html",{createHTML:e=>e}):void 0,yn="$lit$",Xe=`lit$${(Math.random()+"").slice(9)}$`,ec="?"+Xe,Bh=`<${ec}>`,bt=document,$r=()=>bt.createComment(""),Hr=e=>e===null||typeof e!="object"&&typeof e!="function",tc=Array.isArray,Fh=e=>tc(e)||typeof e?.[Symbol.iterator]=="function",bn=`[ -\f\r]`,Dr=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Ys=/-->/g,Xs=/>/g,xt=RegExp(`>|${bn}(?:([^\\s"'>=/]+)(${bn}*=${bn}*(?:[^ -\f\r"'\`<>=]|("|')|))|$)`,"g"),Ks=/'/g,Qs=/"/g,rc=/^(?:script|style|textarea|title)$/i,ic=e=>(t,...r)=>({_$litType$:e,strings:t,values:r}),u=ic(1),of=ic(2),Fe=Symbol.for("lit-noChange"),w=Symbol.for("lit-nothing"),Zs=new WeakMap,vt=bt.createTreeWalker(bt,129,null,!1);Uh=(e,t)=>{let r=e.length-1,i=[],a,n=t===2?"":"",o=Dr;for(let s=0;s"?(o=a??Dr,h=-1):d[1]===void 0?h=-2:(h=o.lastIndex-d[2].length,l=d[1],o=d[3]===void 0?xt:d[3]==='"'?Qs:Ks):o===Qs||o===Ks?o=xt:o===Ys||o===Xs?o=Dr:(o=xt,a=void 0);let f=o===xt&&e[s+1].startsWith("/>")?" ":"";n+=o===Dr?c+Bh:h>=0?(i.push(l),c.slice(0,h)+yn+c.slice(h)+Xe+f):c+Xe+(h===-2?(i.push(void 0),s):f)}return[ac(e,n+(e[r]||"")+(t===2?"":"")),i]},Br=class e{constructor({strings:t,_$litType$:r},i){let a;this.parts=[];let n=0,o=0,s=t.length-1,c=this.parts,[l,d]=Uh(t,r);if(this.el=e.createElement(l,i),vt.currentNode=this.el.content,r===2){let h=this.el.content,g=h.firstChild;g.remove(),h.append(...g.childNodes)}for(;(a=vt.nextNode())!==null&&c.length0){a.textContent=Dt?Dt.emptyScript:"";for(let f=0;f2||i[0]!==""||i[1]!==""?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=w}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,r=this,i,a){let n=this.strings,o=!1;if(n===void 0)t=$t(this,t,r,0),o=!Hr(t)||t!==this._$AH&&t!==Fe,o&&(this._$AH=t);else{let s=t,c,l;for(t=n[0],c=0;c{var i,a;let n=(i=r?.renderBefore)!==null&&i!==void 0?i:t,o=n._$litPart$;if(o===void 0){let s=(a=r?.renderBefore)!==null&&a!==void 0?a:null;n._$litPart$=o=new Fr(t.insertBefore($r(),s),s,void 0,r??{})}return o._$AI(e),o}});var Tn,kn,U,oc,sc=et(()=>{Hi();Hi();Ur();Ur();U=class extends Be{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var t,r;let i=super.createRenderRoot();return(t=(r=this.renderOptions).renderBefore)!==null&&t!==void 0||(r.renderBefore=i.firstChild),i}update(t){let r=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=nc(r,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),(t=this._$Do)===null||t===void 0||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this._$Do)===null||t===void 0||t.setConnected(!1)}render(){return Fe}};U.finalized=!0,U._$litElement$=!0,(Tn=globalThis.litElementHydrateSupport)===null||Tn===void 0||Tn.call(globalThis,{LitElement:U});oc=globalThis.litElementPolyfillSupport;oc?.({LitElement:U});((kn=globalThis.litElementVersions)!==null&&kn!==void 0?kn:globalThis.litElementVersions=[]).push("3.3.3")});var cc=et(()=>{});var _=et(()=>{Hi();Ur();sc();cc()});var _n={};Zn(_n,{default:()=>Gr});function qh(){return customElements.get("sp-tooltip")!==void 0&&customElements.get("overlay-trigger")!==void 0&&document.querySelector("sp-theme")!==null}var ue,Gr,Ui=et(()=>{_();ue=class ue extends U{constructor(){super(),this.content="",this.placement="top",this.variant="info",this.size="xs",this.tooltipVisible=!1,this.lastPointerType=null,this.handleClickOutside=this.handleClickOutside.bind(this)}connectedCallback(){super.connectedCallback(),window.addEventListener("mousedown",this.handleClickOutside)}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("mousedown",this.handleClickOutside)}handleClickOutside(t){let r=t.composedPath();ue.activeTooltip===this&&!r.includes(this)&&this.hideTooltip()}showTooltip(){ue.activeTooltip&&ue.activeTooltip!==this&&(ue.activeTooltip.closeOverlay(),ue.activeTooltip.tooltipVisible=!1,ue.activeTooltip.requestUpdate()),ue.activeTooltip=this,this.tooltipVisible=!0}hideTooltip(){ue.activeTooltip===this&&(ue.activeTooltip=null),this.tooltipVisible=!1}handleTap(t){t.preventDefault(),this.tooltipVisible?this.hideTooltip():this.showTooltip()}closeOverlay(){let t=this.shadowRoot?.querySelector("overlay-trigger");t?.open!==void 0&&(t.open=!1)}get effectiveContent(){return this.tooltipText||this.mnemonicText||this.content||""}get effectivePlacement(){return this.tooltipPlacement||this.mnemonicPlacement||this.placement||"top"}renderIcon(){return this.src?u`{throw TypeError(e)};var ah=(e,t,r)=>t in e?rs(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r;var Be=(e,t)=>()=>(e&&(t=e(e=0)),t);var as=(e,t)=>{for(var r in t)rs(e,r,{get:t[r],enumerable:!0})};var g=(e,t,r)=>ah(e,typeof t!="symbol"?t+"":t,r),Ga=(e,t,r)=>t.has(e)||is("Cannot "+r);var m=(e,t,r)=>(Ga(e,t,"read from private field"),r?r.call(e):t.get(e)),A=(e,t,r)=>t.has(e)?is("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,r),E=(e,t,r,i)=>(Ga(e,t,"write to private field"),i?i.call(e,r):t.set(e,r),r),ie=(e,t,r)=>(Ga(e,t,"access private method"),r);var Ft=(e,t,r,i)=>({set _(a){E(e,t,a,r)},get _(){return m(e,t,i)}});var ua,ga,Jn,Wc,ri,ve,S,eo,fa,to=Be(()=>{ua=window,ga=ua.ShadowRoot&&(ua.ShadyCSS===void 0||ua.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,Jn=Symbol(),Wc=new WeakMap,ri=class{constructor(t,r,i){if(this._$cssResult$=!0,i!==Jn)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=r}get styleSheet(){let t=this.o,r=this.t;if(ga&&t===void 0){let i=r!==void 0&&r.length===1;i&&(t=Wc.get(r)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),i&&Wc.set(r,t))}return t}toString(){return this.cssText}},ve=e=>new ri(typeof e=="string"?e:e+"",void 0,Jn),S=(e,...t)=>{let r=e.length===1?e[0]:t.reduce((i,a,n)=>i+(o=>{if(o._$cssResult$===!0)return o.cssText;if(typeof o=="number")return o;throw Error("Value passed to 'css' function must be a 'css' function result: "+o+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(a)+e[n+1],e[0]);return new ri(r,e,Jn)},eo=(e,t)=>{ga?e.adoptedStyleSheets=t.map(r=>r instanceof CSSStyleSheet?r:r.styleSheet):t.forEach(r=>{let i=document.createElement("style"),a=ua.litNonce;a!==void 0&&i.setAttribute("nonce",a),i.textContent=r.cssText,e.appendChild(i)})},fa=ga?e=>e:e=>e instanceof CSSStyleSheet?(t=>{let r="";for(let i of t.cssRules)r+=i.cssText;return ve(r)})(e):e});var ro,ba,Yc,gm,Xc,ao,Kc,io,no,Je,xa=Be(()=>{to();to();ba=window,Yc=ba.trustedTypes,gm=Yc?Yc.emptyScript:"",Xc=ba.reactiveElementPolyfillSupport,ao={toAttribute(e,t){switch(t){case Boolean:e=e?gm:null;break;case Object:case Array:e=e==null?e:JSON.stringify(e)}return e},fromAttribute(e,t){let r=e;switch(t){case Boolean:r=e!==null;break;case Number:r=e===null?null:Number(e);break;case Object:case Array:try{r=JSON.parse(e)}catch{r=null}}return r}},Kc=(e,t)=>t!==e&&(t==t||e==e),io={attribute:!0,type:String,converter:ao,reflect:!1,hasChanged:Kc},no="finalized",Je=class extends HTMLElement{constructor(){super(),this._$Ei=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$El=null,this._$Eu()}static addInitializer(t){var r;this.finalize(),((r=this.h)!==null&&r!==void 0?r:this.h=[]).push(t)}static get observedAttributes(){this.finalize();let t=[];return this.elementProperties.forEach((r,i)=>{let a=this._$Ep(i,r);a!==void 0&&(this._$Ev.set(a,i),t.push(a))}),t}static createProperty(t,r=io){if(r.state&&(r.attribute=!1),this.finalize(),this.elementProperties.set(t,r),!r.noAccessor&&!this.prototype.hasOwnProperty(t)){let i=typeof t=="symbol"?Symbol():"__"+t,a=this.getPropertyDescriptor(t,i,r);a!==void 0&&Object.defineProperty(this.prototype,t,a)}}static getPropertyDescriptor(t,r,i){return{get(){return this[r]},set(a){let n=this[t];this[r]=a,this.requestUpdate(t,n,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)||io}static finalize(){if(this.hasOwnProperty(no))return!1;this[no]=!0;let t=Object.getPrototypeOf(this);if(t.finalize(),t.h!==void 0&&(this.h=[...t.h]),this.elementProperties=new Map(t.elementProperties),this._$Ev=new Map,this.hasOwnProperty("properties")){let r=this.properties,i=[...Object.getOwnPropertyNames(r),...Object.getOwnPropertySymbols(r)];for(let a of i)this.createProperty(a,r[a])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(t){let r=[];if(Array.isArray(t)){let i=new Set(t.flat(1/0).reverse());for(let a of i)r.unshift(fa(a))}else t!==void 0&&r.push(fa(t));return r}static _$Ep(t,r){let i=r.attribute;return i===!1?void 0:typeof i=="string"?i:typeof t=="string"?t.toLowerCase():void 0}_$Eu(){var t;this._$E_=new Promise(r=>this.enableUpdating=r),this._$AL=new Map,this._$Eg(),this.requestUpdate(),(t=this.constructor.h)===null||t===void 0||t.forEach(r=>r(this))}addController(t){var r,i;((r=this._$ES)!==null&&r!==void 0?r:this._$ES=[]).push(t),this.renderRoot!==void 0&&this.isConnected&&((i=t.hostConnected)===null||i===void 0||i.call(t))}removeController(t){var r;(r=this._$ES)===null||r===void 0||r.splice(this._$ES.indexOf(t)>>>0,1)}_$Eg(){this.constructor.elementProperties.forEach((t,r)=>{this.hasOwnProperty(r)&&(this._$Ei.set(r,this[r]),delete this[r])})}createRenderRoot(){var t;let r=(t=this.shadowRoot)!==null&&t!==void 0?t:this.attachShadow(this.constructor.shadowRootOptions);return eo(r,this.constructor.elementStyles),r}connectedCallback(){var t;this.renderRoot===void 0&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(t=this._$ES)===null||t===void 0||t.forEach(r=>{var i;return(i=r.hostConnected)===null||i===void 0?void 0:i.call(r)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$ES)===null||t===void 0||t.forEach(r=>{var i;return(i=r.hostDisconnected)===null||i===void 0?void 0:i.call(r)})}attributeChangedCallback(t,r,i){this._$AK(t,i)}_$EO(t,r,i=io){var a;let n=this.constructor._$Ep(t,i);if(n!==void 0&&i.reflect===!0){let o=(((a=i.converter)===null||a===void 0?void 0:a.toAttribute)!==void 0?i.converter:ao).toAttribute(r,i.type);this._$El=t,o==null?this.removeAttribute(n):this.setAttribute(n,o),this._$El=null}}_$AK(t,r){var i;let a=this.constructor,n=a._$Ev.get(t);if(n!==void 0&&this._$El!==n){let o=a.getPropertyOptions(n),s=typeof o.converter=="function"?{fromAttribute:o.converter}:((i=o.converter)===null||i===void 0?void 0:i.fromAttribute)!==void 0?o.converter:ao;this._$El=n,this[n]=s.fromAttribute(r,o.type),this._$El=null}}requestUpdate(t,r,i){let a=!0;t!==void 0&&(((i=i||this.constructor.getPropertyOptions(t)).hasChanged||Kc)(this[t],r)?(this._$AL.has(t)||this._$AL.set(t,r),i.reflect===!0&&this._$El!==t&&(this._$EC===void 0&&(this._$EC=new Map),this._$EC.set(t,i))):a=!1),!this.isUpdatePending&&a&&(this._$E_=this._$Ej())}async _$Ej(){this.isUpdatePending=!0;try{await this._$E_}catch(r){Promise.reject(r)}let t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var t;if(!this.isUpdatePending)return;this.hasUpdated,this._$Ei&&(this._$Ei.forEach((a,n)=>this[n]=a),this._$Ei=void 0);let r=!1,i=this._$AL;try{r=this.shouldUpdate(i),r?(this.willUpdate(i),(t=this._$ES)===null||t===void 0||t.forEach(a=>{var n;return(n=a.hostUpdate)===null||n===void 0?void 0:n.call(a)}),this.update(i)):this._$Ek()}catch(a){throw r=!1,this._$Ek(),a}r&&this._$AE(i)}willUpdate(t){}_$AE(t){var r;(r=this._$ES)===null||r===void 0||r.forEach(i=>{var a;return(a=i.hostUpdated)===null||a===void 0?void 0:a.call(i)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$Ek(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$E_}shouldUpdate(t){return!0}update(t){this._$EC!==void 0&&(this._$EC.forEach((r,i)=>this._$EO(i,this[i],r)),this._$EC=void 0),this._$Ek()}updated(t){}firstUpdated(t){}};Je[no]=!0,Je.elementProperties=new Map,Je.elementStyles=[],Je.shadowRootOptions={mode:"open"},Xc?.({ReactiveElement:Je}),((ro=ba.reactiveElementVersions)!==null&&ro!==void 0?ro:ba.reactiveElementVersions=[]).push("1.6.3")});function cl(e,t){if(!Array.isArray(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return Qc!==void 0?Qc.createHTML(t):t}function Zt(e,t,r=e,i){var a,n,o,s;if(t===et)return t;let c=i!==void 0?(a=r._$Co)===null||a===void 0?void 0:a[i]:r._$Cl,l=ni(t)?void 0:t._$litDirective$;return c?.constructor!==l&&((n=c?._$AO)===null||n===void 0||n.call(c,!1),l===void 0?c=void 0:(c=new l(e),c._$AT(e,r,i)),i!==void 0?((o=(s=r)._$Co)!==null&&o!==void 0?o:s._$Co=[])[i]=c:r._$Cl=c),c!==void 0&&(t=Zt(e,c._$AS(e,t.values),c,i)),t}var oo,va,Qt,Qc,co,ct,al,fm,Mt,ai,ni,nl,bm,so,ii,Zc,Jc,Lt,el,tl,ol,sl,x,av,et,_,rl,Pt,xm,oi,lo,si,Jt,ho,vm,po,mo,uo,il,ll,ci=Be(()=>{va=window,Qt=va.trustedTypes,Qc=Qt?Qt.createPolicy("lit-html",{createHTML:e=>e}):void 0,co="$lit$",ct=`lit$${(Math.random()+"").slice(9)}$`,al="?"+ct,fm=`<${al}>`,Mt=document,ai=()=>Mt.createComment(""),ni=e=>e===null||typeof e!="object"&&typeof e!="function",nl=Array.isArray,bm=e=>nl(e)||typeof e?.[Symbol.iterator]=="function",so=`[ +\f\r]`,ii=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Zc=/-->/g,Jc=/>/g,Lt=RegExp(`>|${so}(?:([^\\s"'>=/]+)(${so}*=${so}*(?:[^ +\f\r"'\`<>=]|("|')|))|$)`,"g"),el=/'/g,tl=/"/g,ol=/^(?:script|style|textarea|title)$/i,sl=e=>(t,...r)=>({_$litType$:e,strings:t,values:r}),x=sl(1),av=sl(2),et=Symbol.for("lit-noChange"),_=Symbol.for("lit-nothing"),rl=new WeakMap,Pt=Mt.createTreeWalker(Mt,129,null,!1);xm=(e,t)=>{let r=e.length-1,i=[],a,n=t===2?"":"",o=ii;for(let s=0;s"?(o=a??ii,h=-1):d[1]===void 0?h=-2:(h=o.lastIndex-d[2].length,l=d[1],o=d[3]===void 0?Lt:d[3]==='"'?tl:el):o===tl||o===el?o=Lt:o===Zc||o===Jc?o=ii:(o=Lt,a=void 0);let u=o===Lt&&e[s+1].startsWith("/>")?" ":"";n+=o===ii?c+fm:h>=0?(i.push(l),c.slice(0,h)+co+c.slice(h)+ct+u):c+ct+(h===-2?(i.push(void 0),s):u)}return[cl(e,n+(e[r]||"")+(t===2?"":"")),i]},oi=class e{constructor({strings:t,_$litType$:r},i){let a;this.parts=[];let n=0,o=0,s=t.length-1,c=this.parts,[l,d]=xm(t,r);if(this.el=e.createElement(l,i),Pt.currentNode=this.el.content,r===2){let h=this.el.content,p=h.firstChild;p.remove(),h.append(...p.childNodes)}for(;(a=Pt.nextNode())!==null&&c.length0){a.textContent=Qt?Qt.emptyScript:"";for(let u=0;u2||i[0]!==""||i[1]!==""?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=_}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,r=this,i,a){let n=this.strings,o=!1;if(n===void 0)t=Zt(this,t,r,0),o=!ni(t)||t!==this._$AH&&t!==et,o&&(this._$AH=t);else{let s=t,c,l;for(t=n[0],c=0;c{var i,a;let n=(i=r?.renderBefore)!==null&&i!==void 0?i:t,o=n._$litPart$;if(o===void 0){let s=(a=r?.renderBefore)!==null&&a!==void 0?a:null;n._$litPart$=o=new si(t.insertBefore(ai(),s),s,void 0,r??{})}return o._$AI(e),o}});var go,fo,X,dl,hl=Be(()=>{xa();xa();ci();ci();X=class extends Je{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var t,r;let i=super.createRenderRoot();return(t=(r=this.renderOptions).renderBefore)!==null&&t!==void 0||(r.renderBefore=i.firstChild),i}update(t){let r=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=ll(r,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),(t=this._$Do)===null||t===void 0||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this._$Do)===null||t===void 0||t.setConnected(!1)}render(){return et}};X.finalized=!0,X._$litElement$=!0,(go=globalThis.litElementHydrateSupport)===null||go===void 0||go.call(globalThis,{LitElement:X});dl=globalThis.litElementPolyfillSupport;dl?.({LitElement:X});((fo=globalThis.litElementVersions)!==null&&fo!==void 0?fo:globalThis.litElementVersions=[]).push("3.3.3")});var pl=Be(()=>{});var I=Be(()=>{xa();ci();hl();pl()});var fl,bl,wa,xl=Be(()=>{fl={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},bl=e=>(...t)=>({_$litDirective$:e,values:t}),wa=class{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,r,i){this._$Ct=t,this._$AM=r,this._$Ci=i}_$AS(t,r){return this.update(t,r)}update(t,r){return this.render(...r)}}});var li,Ea,vl=Be(()=>{ci();xl();li=class extends wa{constructor(t){if(super(t),this.et=_,t.type!==fl.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===_||t==null)return this.ft=void 0,this.et=t;if(t===et)return t;if(typeof t!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.et)return this.ft;this.et=t;let r=[t];return r.raw=r,this.ft={_$litType$:this.constructor.resultType,strings:r,values:[]}}};li.directiveName="unsafeHTML",li.resultType=1;Ea=bl(li)});var bo=Be(()=>{vl()});var xo={};as(xo,{default:()=>di});function ym(){return customElements.get("sp-tooltip")!==void 0&&customElements.get("overlay-trigger")!==void 0&&document.querySelector("sp-theme")!==null}var ye,di,Aa=Be(()=>{I();bo();ye=class ye extends X{constructor(){super(),this.content="",this.placement="top",this.variant="info",this.size="xs",this.tooltipVisible=!1,this.lastPointerType=null,this.handleClickOutside=this.handleClickOutside.bind(this)}connectedCallback(){super.connectedCallback(),window.addEventListener("mousedown",this.handleClickOutside)}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("mousedown",this.handleClickOutside)}handleClickOutside(t){let r=t.composedPath();ye.activeTooltip===this&&!r.includes(this)&&this.hideTooltip()}showTooltip(){ye.activeTooltip&&ye.activeTooltip!==this&&(ye.activeTooltip.closeOverlay(),ye.activeTooltip.tooltipVisible=!1,ye.activeTooltip.requestUpdate()),ye.activeTooltip=this,this.tooltipVisible=!0}hideTooltip(){ye.activeTooltip===this&&(ye.activeTooltip=null),this.tooltipVisible=!1}handleTap(t){t.preventDefault(),this.tooltipVisible?this.hideTooltip():this.showTooltip()}closeOverlay(){let t=this.shadowRoot?.querySelector("overlay-trigger");t?.open!==void 0&&(t.open=!1)}get effectiveContent(){return this.tooltipText||this.mnemonicText||this.content||""}get effectivePlacement(){return this.tooltipPlacement||this.mnemonicPlacement||this.placement||"top"}renderIcon(){return this.src?this.src.startsWith("sp-icon-")?x`${Ea(`<${this.src} size="${this.size||"m"}">`)}`:x``:u``}render(){let t=this.effectiveContent,r=this.effectivePlacement;return t?qh()?u` + >`:x``}render(){let t=this.effectiveContent,r=this.effectivePlacement;return t?ym()?x` this.showTooltip()} @@ -519,7 +519,7 @@ var Kn=Object.defineProperty;var Qn=e=>{throw TypeError(e)};var _l=(e,t,r)=>t in ${t} - `:u` + `:x` {throw TypeError(e)};var _l=(e,t,r)=>t in > ${this.renderIcon()} - `:this.renderIcon()}};m(ue,"activeTooltip",null),m(ue,"properties",{content:{type:String},placement:{type:String},variant:{type:String},src:{type:String},size:{type:String},tooltipText:{type:String,attribute:"tooltip-text"},tooltipPlacement:{type:String,attribute:"tooltip-placement"},mnemonicText:{type:String,attribute:"mnemonic-text"},mnemonicPlacement:{type:String,attribute:"mnemonic-placement"},tooltipVisible:{type:Boolean,state:!0}}),m(ue,"styles",b` + `:this.renderIcon()}};g(ye,"activeTooltip",null),g(ye,"properties",{content:{type:String},placement:{type:String},variant:{type:String},src:{type:String},size:{type:String},tooltipText:{type:String,attribute:"tooltip-text"},tooltipPlacement:{type:String,attribute:"tooltip-placement"},mnemonicText:{type:String,attribute:"mnemonic-text"},mnemonicPlacement:{type:String,attribute:"mnemonic-placement"},tooltipVisible:{type:Boolean,state:!0}}),g(ye,"styles",S` :host { display: contents; overflow: visible; @@ -652,10 +652,10 @@ var Kn=Object.defineProperty;var Qn=e=>{throw TypeError(e)};var _l=(e,t,r)=>t in margin-left: 5px; border-right-color: var(--spectrum-gray-800, #323232); } - `);Gr=ue;customElements.define("mas-mnemonic",Gr)});var tt={clientId:"merch-at-scale",delimiter:"\xB6",ignoredProperties:["analytics","literals","element"],serializableTypes:["Array","Object"],sampleRate:1,severity:"e",tags:"acom",isProdDomain:!1},eo=1e3;function Pl(e){return e instanceof Error||typeof e?.originatingRequest=="string"}function to(e){if(e==null)return;let t=typeof e;if(t==="function")return e.name?`function ${e.name}`:"function";if(t==="object"){if(e instanceof Error)return e.message;if(typeof e.originatingRequest=="string"){let{message:i,originatingRequest:a,status:n}=e;return[i,n,a].filter(Boolean).join(" ")}let r=e[Symbol.toStringTag]??Object.getPrototypeOf(e).constructor.name;if(!tt.serializableTypes.includes(r))return r}return e}function Ll(e,t){if(!tt.ignoredProperties.includes(e))return to(t)}var ra={append(e){if(e.level!=="error")return;let{message:t,params:r}=e,i=[],a=[],n=t;r.forEach(l=>{l!=null&&(Pl(l)?i:a).push(l)}),i.length&&(n+=" "+i.map(to).join(" "));let{pathname:o,search:s}=window.location,c=`${tt.delimiter}page=${o}${s}`;c.length>eo&&(c=`${c.slice(0,eo)}`),n+=c,a.length&&(n+=`${tt.delimiter}facts=`,n+=JSON.stringify(a,Ll)),window.lana?.log(n,tt)}};function si(e){Object.assign(tt,Object.fromEntries(Object.entries(e).filter(([t,r])=>t in tt&&r!==""&&r!==null&&r!==void 0&&!Number.isNaN(r))))}var ya={};Zn(ya,{CLASS_NAME_FAILED:()=>oa,CLASS_NAME_HIDDEN:()=>Rl,CLASS_NAME_PENDING:()=>sa,CLASS_NAME_RESOLVED:()=>ca,CheckoutWorkflow:()=>io,CheckoutWorkflowStep:()=>ce,Commitment:()=>rt,ERROR_MESSAGE_BAD_REQUEST:()=>la,ERROR_MESSAGE_MISSING_LITERALS_URL:()=>Ul,ERROR_MESSAGE_OFFER_NOT_FOUND:()=>da,EVENT_AEM_ERROR:()=>nt,EVENT_AEM_LOAD:()=>at,EVENT_MAS_ERROR:()=>na,EVENT_MAS_READY:()=>fr,EVENT_MERCH_ADDON_AND_QUANTITY_UPDATE:()=>li,EVENT_MERCH_CARD_ACTION_MENU_TOGGLE:()=>ia,EVENT_MERCH_CARD_COLLECTION_LITERALS_CHANGED:()=>it,EVENT_MERCH_CARD_COLLECTION_SHOWMORE:()=>Bl,EVENT_MERCH_CARD_COLLECTION_SIDENAV_ATTACHED:()=>Hl,EVENT_MERCH_CARD_COLLECTION_SORT:()=>$l,EVENT_MERCH_CARD_QUANTITY_CHANGE:()=>Pt,EVENT_MERCH_OFFER_READY:()=>_t,EVENT_MERCH_OFFER_SELECT_READY:()=>gr,EVENT_MERCH_QUANTITY_SELECTOR_CHANGE:()=>te,EVENT_MERCH_SEARCH_CHANGE:()=>Dl,EVENT_MERCH_SIDENAV_SELECT:()=>Fl,EVENT_MERCH_STOCK_CHANGE:()=>Il,EVENT_MERCH_STORAGE_CHANGE:()=>zl,EVENT_OFFER_SELECTED:()=>aa,EVENT_TYPE_FAILED:()=>ha,EVENT_TYPE_READY:()=>ci,EVENT_TYPE_RESOLVED:()=>Lt,Env:()=>Me,FF_ANNUAL_PRICE:()=>Mt,FF_DEFAULTS:()=>Te,HEADER_X_REQUEST_ID:()=>xr,LOG_NAMESPACE:()=>pa,Landscape:()=>Ve,MARK_DURATION_SUFFIX:()=>ct,MARK_START_SUFFIX:()=>st,MODAL_TYPE_3_IN_1:()=>ot,NAMESPACE:()=>Ml,PARAM_AOS_API_KEY:()=>Gl,PARAM_ENV:()=>ua,PARAM_LANDSCAPE:()=>ga,PARAM_MAS_PREVIEW:()=>ma,PARAM_WCS_API_KEY:()=>ql,PROVIDER_ENVIRONMENT:()=>va,SELECTOR_MAS_CHECKOUT_LINK:()=>Se,SELECTOR_MAS_ELEMENT:()=>ur,SELECTOR_MAS_INLINE_PRICE:()=>D,SELECTOR_MAS_SP_BUTTON:()=>Nl,SELECTOR_MAS_UPT_LINK:()=>ro,SORT_ORDER:()=>Yl,STATE_FAILED:()=>Ce,STATE_PENDING:()=>qe,STATE_RESOLVED:()=>ze,SUPPORTED_COUNTRIES:()=>ba,TAG_NAME_SERVICE:()=>Ol,TEMPLATE_PRICE:()=>Vl,TEMPLATE_PRICE_ANNUAL:()=>Wl,TEMPLATE_PRICE_LEGAL:()=>xe,TEMPLATE_PRICE_STRIKETHROUGH:()=>jl,Term:()=>ye,WCS_PROD_URL:()=>fa,WCS_STAGE_URL:()=>xa});var rt=Object.freeze({MONTH:"MONTH",YEAR:"YEAR",TWO_YEARS:"TWO_YEARS",THREE_YEARS:"THREE_YEARS",PERPETUAL:"PERPETUAL",TERM_LICENSE:"TERM_LICENSE",ACCESS_PASS:"ACCESS_PASS",THREE_MONTHS:"THREE_MONTHS",SIX_MONTHS:"SIX_MONTHS"}),ye=Object.freeze({ANNUAL:"ANNUAL",MONTHLY:"MONTHLY",TWO_YEARS:"TWO_YEARS",THREE_YEARS:"THREE_YEARS",P1D:"P1D",P1Y:"P1Y",P3Y:"P3Y",P10Y:"P10Y",P15Y:"P15Y",P3D:"P3D",P7D:"P7D",P30D:"P30D",HALF_YEARLY:"HALF_YEARLY",QUARTERLY:"QUARTERLY"}),Ml="merch",Rl="hidden",ci="wcms:commerce:ready",Ol="mas-commerce-service",D='span[is="inline-price"][data-wcs-osi]',Se='a[is="checkout-link"][data-wcs-osi],button[is="checkout-button"][data-wcs-osi]',Nl="sp-button[data-wcs-osi]",ro='a[is="upt-link"]',ur=`${D},${Se},${ro}`,_t="merch-offer:ready",gr="merch-offer-select:ready",ia="merch-card:action-menu-toggle",aa="merch-offer:selected",Il="merch-stock:change",zl="merch-storage:change",te="merch-quantity-selector:change",Pt="merch-card-quantity:change",li="merch-modal:addon-and-quantity-update",Dl="merch-search:change",$l="merch-card-collection:sort",it="merch-card-collection:literals-changed",Hl="merch-card-collection:sidenav-attached",Bl="merch-card-collection:showmore",Fl="merch-sidenav:select",at="aem:load",nt="aem:error",fr="mas:ready",na="mas:error",oa="placeholder-failed",sa="placeholder-pending",ca="placeholder-resolved",la="Bad WCS request",da="Commerce offer not found",Ul="Literals URL not provided",ha="mas:failed",Lt="mas:resolved",pa="mas/commerce",ma="mas.preview",ua="commerce.env",ga="commerce.landscape",Gl="commerce.aosKey",ql="commerce.wcsKey",fa="https://www.adobe.com/web_commerce_artifact",xa="https://www.stage.adobe.com/web_commerce_artifact_stage",Ce="failed",qe="pending",ze="resolved",Ve={DRAFT:"DRAFT",PUBLISHED:"PUBLISHED"},xr="X-Request-Id",ce=Object.freeze({SEGMENTATION:"segmentation",BUNDLE:"bundle",COMMITMENT:"commitment",RECOMMENDATION:"recommendation",EMAIL:"email",PAYMENT:"payment",CHANGE_PLAN_TEAM_PLANS:"change-plan/team-upgrade/plans",CHANGE_PLAN_TEAM_PAYMENT:"change-plan/team-upgrade/payment"}),io="UCv3",Me=Object.freeze({STAGE:"STAGE",PRODUCTION:"PRODUCTION",LOCAL:"LOCAL"}),va={PRODUCTION:"PRODUCTION"},ot={TWP:"twp",D2P:"d2p",CRM:"crm"},st=":start",ct=":duration",Vl="price",jl="price-strikethrough",Wl="annual",xe="legal",Te="mas-ff-defaults",Mt="mas-ff-annual-price",Yl={alphabetical:"alphabetical",authored:"authored"},ba=["AE","AM","AR","AT","AU","AZ","BB","BD","BE","BG","BH","BO","BR","BS","BY","CA","CH","CL","CN","CO","CR","CY","CZ","DE","DK","DO","DZ","EC","EE","EG","ES","FI","FR","GB","GE","GH","GR","GT","HK","HN","HR","HU","ID","IE","IL","IN","IQ","IS","IT","JM","JO","JP","KE","KG","KR","KW","KZ","LA","LB","LK","LT","LU","LV","MA","MD","MO","MT","MU","MX","MY","NG","NI","NL","NO","NP","NZ","OM","PA","PE","PH","PK","PL","PR","PT","PY","QA","RO","RS","RU","SA","SE","SG","SI","SK","SV","TH","TJ","TM","TN","TR","TT","TW","TZ","UA","US","UY","UZ","VE","VN","YE","ZA"];var ao="tacocat.js";var wa=(e,t)=>String(e??"").toLowerCase()==String(t??"").toLowerCase(),no=e=>`${e??""}`.replace(/[&<>'"]/g,t=>({"&":"&","<":"<",">":">","'":"'",'"':"""})[t]??t)??"";function F(e,t={},{metadata:r=!0,search:i=!0,storage:a=!0}={}){let n;if(i&&n==null){let o=new URLSearchParams(window.location.search),s=Rt(i)?i:e;n=o.get(s)}if(a&&n==null){let o=Rt(a)?a:e;n=window.sessionStorage.getItem(o)??window.localStorage.getItem(o)}if(r&&n==null){let o=Kl(Rt(r)?r:e);n=document.documentElement.querySelector(`meta[name="${o}"]`)?.content}return n??t[e]}var Xl=e=>typeof e=="boolean",di=e=>typeof e=="function",hi=e=>typeof e=="number",oo=e=>e!=null&&typeof e=="object";var Rt=e=>typeof e=="string",so=e=>Rt(e)&&e,vr=e=>hi(e)&&Number.isFinite(e)&&e>0;function pi(e,t=r=>r==null||r===""){return e!=null&&Object.entries(e).forEach(([r,i])=>{t(i)&&delete e[r]}),e}function T(e,t){if(Xl(e))return e;let r=String(e);return r==="1"||r==="true"?!0:r==="0"||r==="false"?!1:t}function br(e,t,r){let i=Object.values(t);return i.find(a=>wa(a,e))??r??i[0]}function Kl(e=""){return String(e).replace(/(\p{Lowercase_Letter})(\p{Uppercase_Letter})/gu,(t,r,i)=>`${r}-${i}`).replace(/\W+/gu,"-").toLowerCase()}function co(e,t=1){return hi(e)||(e=Number.parseInt(e,10)),!Number.isNaN(e)&&e>0&&Number.isFinite(e)?e:t}var Ql=Date.now(),Ea=()=>`(+${Date.now()-Ql}ms)`,mi=new Set,Zl=T(F("tacocat.debug",{},{metadata:!1}),!1);function lo(e){let t=`[${ao}/${e}]`,r=(o,s,...c)=>o?!0:(a(s,...c),!1),i=Zl?(o,...s)=>{console.debug(`${t} ${o}`,...s,Ea())}:()=>{},a=(o,...s)=>{let c=`${t} ${o}`;mi.forEach(([l])=>l(c,...s))};return{assert:r,debug:i,error:a,warn:(o,...s)=>{let c=`${t} ${o}`;mi.forEach(([,l])=>l(c,...s))}}}function Jl(e,t){let r=[e,t];return mi.add(r),()=>{mi.delete(r)}}Jl((e,...t)=>{console.error(e,...t,Ea())},(e,...t)=>{console.warn(e,...t,Ea())});var ed="no promo",ho="promo-tag",td="yellow",rd="neutral",id=(e,t,r)=>{let i=n=>n||ed,a=r?` (was "${i(t)}")`:"";return`${i(e)}${a}`},ad="cancel-context",ui=(e,t)=>{let r=e===ad,i=!r&&e?.length>0,a=(i||r)&&(t&&t!=e||!t&&!r),n=a&&i||!a&&!!t,o=n?e||t:void 0;return{effectivePromoCode:o,overridenPromoCode:e,className:n?ho:`${ho} no-promo`,text:id(o,t,a),variant:n?td:rd,isOverriden:a}};var Aa;(function(e){e.BASE="BASE",e.TRIAL="TRIAL",e.PROMOTION="PROMOTION"})(Aa||(Aa={}));var ve;(function(e){e.MONTH="MONTH",e.YEAR="YEAR",e.TWO_YEARS="TWO_YEARS",e.THREE_YEARS="THREE_YEARS",e.PERPETUAL="PERPETUAL",e.TERM_LICENSE="TERM_LICENSE",e.ACCESS_PASS="ACCESS_PASS",e.THREE_MONTHS="THREE_MONTHS",e.SIX_MONTHS="SIX_MONTHS"})(ve||(ve={}));var we;(function(e){e.ANNUAL="ANNUAL",e.MONTHLY="MONTHLY",e.TWO_YEARS="TWO_YEARS",e.THREE_YEARS="THREE_YEARS",e.P1D="P1D",e.P1Y="P1Y",e.P3Y="P3Y",e.P10Y="P10Y",e.P15Y="P15Y",e.P3D="P3D",e.P7D="P7D",e.P30D="P30D",e.HALF_YEARLY="HALF_YEARLY",e.QUARTERLY="QUARTERLY"})(we||(we={}));var Sa;(function(e){e.INDIVIDUAL="INDIVIDUAL",e.TEAM="TEAM",e.ENTERPRISE="ENTERPRISE"})(Sa||(Sa={}));var Ca;(function(e){e.COM="COM",e.EDU="EDU",e.GOV="GOV"})(Ca||(Ca={}));var Ta;(function(e){e.DIRECT="DIRECT",e.INDIRECT="INDIRECT"})(Ta||(Ta={}));var ka;(function(e){e.ENTERPRISE_PRODUCT="ENTERPRISE_PRODUCT",e.ETLA="ETLA",e.RETAIL="RETAIL",e.VIP="VIP",e.VIPMP="VIPMP",e.FREE="FREE"})(ka||(ka={}));var _a="ABM",Pa="PUF",La="M2M",Ma="PERPETUAL",Ra="P3Y",nd="TAX_INCLUSIVE_DETAILS",od="TAX_EXCLUSIVE",po={ABM:_a,PUF:Pa,M2M:La,PERPETUAL:Ma,P3Y:Ra},Gp={[_a]:{commitment:ve.YEAR,term:we.MONTHLY},[Pa]:{commitment:ve.YEAR,term:we.ANNUAL},[La]:{commitment:ve.MONTH,term:we.MONTHLY},[Ma]:{commitment:ve.PERPETUAL,term:void 0},[Ra]:{commitment:ve.THREE_MONTHS,term:we.P3Y}},mo="Value is not an offer",yr=e=>{if(typeof e!="object")return mo;let{commitment:t,term:r}=e,i=sd(t,r);return{...e,planType:i}};var sd=(e,t)=>{switch(e){case void 0:return mo;case"":return"";case ve.YEAR:return t===we.MONTHLY?_a:t===we.ANNUAL?Pa:"";case ve.MONTH:return t===we.MONTHLY?La:"";case ve.PERPETUAL:return Ma;case ve.TERM_LICENSE:return t===we.P3Y?Ra:"";default:return""}};function uo(e){let{priceDetails:t}=e,{price:r,priceWithoutDiscount:i,priceWithoutTax:a,priceWithoutDiscountAndTax:n,taxDisplay:o}=t;if(o!==nd)return e;let s={...e,priceDetails:{...t,price:a??r,priceWithoutDiscount:n??i,taxDisplay:od}};return s.offerType==="TRIAL"&&s.priceDetails.price===0&&(s.priceDetails.price=s.priceDetails.priceWithoutDiscount),s}var go={LOCAL:"local",PROD:"prod",STAGE:"stage"},Oa={DEBUG:"debug",ERROR:"error",INFO:"info",WARN:"warn"},Na=new Set,Ia=new Set,fo=new Map,xo={append({level:e,message:t,params:r,timestamp:i,source:a}){console[e](`${i}ms [${a}] %c${t}`,"font-weight: bold;",...r)}},vo={filter:({level:e})=>e!==Oa.DEBUG},cd={filter:()=>!1};function ld(e,t,r,i,a){return{level:e,message:t,namespace:r,get params(){return i.length===1&&di(i[0])&&(i=i[0](),Array.isArray(i)||(i=[i])),i},source:a,timestamp:performance.now().toFixed(3)}}function dd(e){[...Ia].every(t=>t(e))&&Na.forEach(t=>t(e))}function bo(e){let t=(fo.get(e)??0)+1;fo.set(e,t);let r=`${e} #${t}`,i={id:r,namespace:e,module:a=>bo(`${i.namespace}/${a}`),updateConfig:si};return Object.values(Oa).forEach(a=>{i[a]=(n,...o)=>dd(ld(a,n,e,o,r))}),Object.seal(i)}function gi(...e){e.forEach(t=>{let{append:r,filter:i}=t;di(i)&&Ia.add(i),di(r)&&Na.add(r)})}function hd(e={}){let{name:t}=e,r=T(F("commerce.debug",{search:!0,storage:!0}),t===go.LOCAL);return gi(r?xo:vo),t===go.PROD&&gi(ra),le}function pd(){Na.clear(),Ia.clear()}var le={...bo(pa),Level:Oa,Plugins:{consoleAppender:xo,debugFilter:vo,quietFilter:cd,lanaAppender:ra},init:hd,reset:pd,use:gi};var md="mas-commerce-service",ud=le.module("utilities"),gd={requestId:xr,etag:"Etag",lastModified:"Last-Modified",serverTiming:"server-timing"};function wr(e,{country:t,forceTaxExclusive:r}){let i;if(e.length<2)i=e;else{let a=t==="GB"?"EN":"MULT";e.sort((n,o)=>n.language===a?-1:o.language===a?1:0),e.sort((n,o)=>!n.term&&o.term?-1:n.term&&!o.term?1:0),i=[e[0]]}return r&&(i=i.map(uo)),i}var yo=(e,t)=>{let r=e.reduce((i,a)=>i+(t(a)||0),0);return r>0?Math.round(r*100)/100:void 0};function za(e){if(!e||e.length===0)return null;if(e.length===1)return e[0];let[t,...r]=e;for(let s of r){let c=[["commitment","commitment types"],["term","terms"],["priceDetails.formatString","currency formats"]];for(let[l,d]of c){let h=l.includes(".")?t.priceDetails?.formatString:t[l],g=l.includes(".")?s.priceDetails?.formatString:s[l];g!==h&&ud.warn(`Offers have different ${d}, summing may produce unexpected results`,{expected:h,actual:g})}}let i=[["price",s=>s.priceDetails?.price],["priceWithoutDiscount",s=>s.priceDetails?.priceWithoutDiscount],["priceWithoutTax",s=>s.priceDetails?.priceWithoutTax],["priceWithoutDiscountAndTax",s=>s.priceDetails?.priceWithoutDiscountAndTax]],a={};for(let[s,c]of i){let l=yo(e,c);l!==void 0&&(a[s]=l)}let n=e.some(s=>s.priceDetails?.annualized),o;if(n){let s=[["annualizedPrice",c=>c.priceDetails?.annualized?.annualizedPrice],["annualizedPriceWithoutTax",c=>c.priceDetails?.annualized?.annualizedPriceWithoutTax],["annualizedPriceWithoutDiscount",c=>c.priceDetails?.annualized?.annualizedPriceWithoutDiscount],["annualizedPriceWithoutDiscountAndTax",c=>c.priceDetails?.annualized?.annualizedPriceWithoutDiscountAndTax]];o={};for(let[c,l]of s){let d=yo(e,l);d!==void 0&&(o[c]=d)}}return{...t,offerSelectorIds:e.flatMap(s=>s.offerSelectorIds||[]),priceDetails:{...t.priceDetails,...a,...o&&{annualized:o}}}}var fi=e=>window.setTimeout(e);function Ot(e,t=1){if(e==null)return[t];let r=(Array.isArray(e)?e:String(e).split(",")).map(co).filter(vr);return r.length||(r=[t]),r}function xi(e){return e==null?[]:(Array.isArray(e)?e:String(e).split(",")).filter(so)}function pe(){return document.getElementsByTagName(md)?.[0]}function vi(e){let t={};if(!e?.headers)return t;let r=e.headers;for(let[i,a]of Object.entries(gd)){let n=r.get(a);n&&(n=n.replace(/[,;]/g,"|"),n=n.replace(/[| ]+/g,"|"),t[i]=n)}return t}var Re=class e extends Error{constructor(t,r,i){if(super(t,{cause:i}),this.name="MasError",r.response){let a=r.response.headers?.get(xr);a&&(r.requestId=a),r.response.status&&(r.status=r.response.status,r.statusText=r.response.statusText),r.response.url&&(r.url=r.response.url)}delete r.response,this.context=r,Error.captureStackTrace&&Error.captureStackTrace(this,e)}toString(){let t=Object.entries(this.context||{}).map(([i,a])=>`${i}: ${JSON.stringify(a)}`).join(", "),r=`${this.name}: ${this.message}`;return t&&(r+=` (${t})`),this.cause&&(r+=` -Caused by: ${this.cause}`),r}};var fd={[Ce]:oa,[qe]:sa,[ze]:ca},xd={[Ce]:ha,[ze]:Lt},Er,je=class{constructor(t){E(this,Er);m(this,"changes",new Map);m(this,"connected",!1);m(this,"error");m(this,"log");m(this,"options");m(this,"promises",[]);m(this,"state",qe);m(this,"timer",null);m(this,"value");m(this,"version",0);m(this,"wrapperElement");this.wrapperElement=t,this.log=le.module("mas-element")}update(){[Ce,qe,ze].forEach(t=>{this.wrapperElement.classList.toggle(fd[t],t===this.state)})}notify(){(this.state===ze||this.state===Ce)&&(this.state===ze?this.promises.forEach(({resolve:r})=>r(this.wrapperElement)):this.state===Ce&&this.promises.forEach(({reject:r})=>r(this.error)),this.promises=[]);let t=this.error;this.error instanceof Re&&(t={message:this.error.message,...this.error.context}),this.wrapperElement.dispatchEvent(new CustomEvent(xd[this.state],{bubbles:!0,composed:!0,detail:t}))}attributeChangedCallback(t,r,i){this.changes.set(t,i),this.requestUpdate()}connectedCallback(){y(this,Er,pe()),this.requestUpdate(!0)}disconnectedCallback(){this.connected&&(this.connected=!1,this.log?.debug("Disconnected:",{element:this.wrapperElement}))}onceSettled(){let{error:t,promises:r,state:i}=this;return ze===i?Promise.resolve(this.wrapperElement):Ce===i?Promise.reject(t):new Promise((a,n)=>{r.push({resolve:a,reject:n})})}toggleResolved(t,r,i){return t!==this.version?!1:(i!==void 0&&(this.options=i),this.state=ze,this.value=r,this.update(),this.log?.debug("Resolved:",{element:this.wrapperElement,value:r}),fi(()=>this.notify()),!0)}toggleFailed(t,r,i){if(t!==this.version)return!1;i!==void 0&&(this.options=i),this.error=r,this.state=Ce,this.update();let a=this.wrapperElement.getAttribute("is");return this.log?.error(`${a}: Failed to render: ${r.message}`,{element:this.wrapperElement,...r.context,...p(this,Er)?.duration}),fi(()=>this.notify()),!0}togglePending(t){return this.version++,t&&(this.options=t),this.state=qe,this.update(),this.log?.debug("Pending:",{osi:this.wrapperElement?.options?.wcsOsi}),this.version}requestUpdate(t=!1){if(!this.wrapperElement.isConnected||!pe()||this.timer)return;let{error:r,options:i,state:a,value:n,version:o}=this;this.state=qe,this.timer=fi(async()=>{this.timer=null;let s=null;if(this.changes.size&&(s=Object.fromEntries(this.changes.entries()),this.changes.clear()),this.connected?this.log?.debug("Updated:",{element:this.wrapperElement,changes:s}):(this.connected=!0,this.log?.debug("Connected:",{element:this.wrapperElement,changes:s})),s||t)try{await this.wrapperElement.render?.()===!1&&this.state===qe&&this.version===o&&(this.state=a,this.error=r,this.value=n,this.update(),this.notify())}catch(c){this.toggleFailed(this.version,c,i)}})}};Er=new WeakMap;function wo(e={}){return Object.entries(e).forEach(([t,r])=>{(r==null||r===""||r?.length===0)&&delete e[t]}),e}function bi(e,t={}){let{tag:r,is:i}=e,a=document.createElement(r,{is:i});return a.setAttribute("is",i),Object.assign(a.dataset,wo(t)),a}function Eo(e,t={}){return e instanceof HTMLElement?(Object.assign(e.dataset,wo(t)),e):null}var vd=/[0-9\-+#]/,bd=/[^\d\-+#]/g;function Ao(e){return e.search(vd)}function yd(e="#.##"){let t={},r=e.length,i=Ao(e);t.prefix=i>0?e.substring(0,i):"";let a=Ao(e.split("").reverse().join("")),n=r-a,o=e.substring(n,n+1),s=n+(o==="."||o===","?1:0);t.suffix=a>0?e.substring(s,r):"",t.mask=e.substring(i,s),t.maskHasNegativeSign=t.mask.charAt(0)==="-",t.maskHasPositiveSign=t.mask.charAt(0)==="+";let c=t.mask.match(bd);return t.decimal=c&&c[c.length-1]||".",t.separator=c&&c[1]&&c[0]||",",c=t.mask.split(t.decimal),t.integer=c[0],t.fraction=c[1],t}function wd(e,t,r){let i=!1,a={value:e};e<0&&(i=!0,a.value=-a.value),a.sign=i?"-":"",a.value=Number(a.value).toFixed(t.fraction&&t.fraction.length),a.value=Number(a.value).toString();let n=t.fraction&&t.fraction.lastIndexOf("0"),[o="0",s=""]=a.value.split(".");return(!s||s&&s.length<=n)&&(s=n<0?"":(+("0."+s)).toFixed(n+1).replace("0.","")),a.integer=o,a.fraction=s,Ed(a,t),(a.result==="0"||a.result==="")&&(i=!1,a.sign=""),!i&&t.maskHasPositiveSign?a.sign="+":i&&t.maskHasPositiveSign?a.sign="-":i&&(a.sign=r&&r.enforceMaskSign&&!t.maskHasNegativeSign?"":"-"),a}function Ed(e,t){e.result="";let r=t.integer.split(t.separator),i=r.join(""),a=i&&i.indexOf("0");if(a>-1)for(;e.integer.lengthe*12,dt=(e,t,r=1)=>{if(!e)return!1;let{start:i,end:a,displaySummary:{amount:n,duration:o,minProductQuantity:s=1,outcomeType:c}={}}=e;if(!(n&&o&&c)||r=d&&l<=h},lt={MONTH:"MONTH",YEAR:"YEAR"},Cd={[ye.ANNUAL]:12,[ye.MONTHLY]:1,[ye.THREE_YEARS]:36,[ye.TWO_YEARS]:24},$a=(e,t)=>({accept:e,round:t}),Td=[$a(({divisor:e,price:t})=>t%e==0,({divisor:e,price:t})=>t/e),$a(({usePrecision:e})=>e,({divisor:e,price:t})=>Math.round(t/e*100)/100),$a(()=>!0,({divisor:e,price:t})=>Math.ceil(Math.floor(t*100/e)/100))],Ha={[rt.YEAR]:{[ye.MONTHLY]:lt.MONTH,[ye.ANNUAL]:lt.YEAR},[rt.MONTH]:{[ye.MONTHLY]:lt.MONTH}},kd=(e,t)=>e.indexOf(`'${t}'`)===0,_d=(e,t=!0)=>{let r=e.replace(/'.*?'/,"").trim(),i=Lo(r);return!!i?t||(r=r.replace(/[,\.]0+/,i)):r=r.replace(/\s?(#.*0)(?!\s)?/,"$&"+Ld(e)),r},Pd=e=>{let t=Md(e),r=kd(e,t),i=e.replace(/'.*?'/,""),a=ko.test(i)||_o.test(i);return{currencySymbol:t,isCurrencyFirst:r,hasCurrencySpace:a}},Po=e=>e.replace(ko,To).replace(_o,To),Ld=e=>e.match(/#(.?)#/)?.[1]===Co?Sd:Co,Md=e=>e.match(/'(.*?)'/)?.[1]??"",Lo=e=>e.match(/0(.?)0/)?.[1]??"";function Nt({formatString:e,price:t,usePrecision:r,isIndianPrice:i=!1},a,n=o=>o){let{currencySymbol:o,isCurrencyFirst:s,hasCurrencySpace:c}=Pd(e),l=r?Lo(e):"",d=_d(e,r),h=r?2:0,g=n(t,{currencySymbol:o}),f=i?g.toLocaleString("hi-IN",{minimumFractionDigits:h,maximumFractionDigits:h}):So(d,g),x=r?f.lastIndexOf(l):f.length,v=f.substring(0,x),S=f.substring(x+1);return{accessiblePrice:e.replace(/'.*?'/,"SYMBOL").replace(/#.*0/,f).replace(/SYMBOL/,o),currencySymbol:o,decimals:S,decimalsDelimiter:l,hasCurrencySpace:c,integer:v,isCurrencyFirst:s,recurrenceTerm:a}}var Mo=e=>{let{commitment:t,term:r,usePrecision:i}=e,a=Cd[r]??1;return Nt(e,a>1?lt.MONTH:Ha[t]?.[r],n=>{let o={divisor:a,price:n,usePrecision:i},{round:s}=Td.find(({accept:c})=>c(o));if(!s)throw new Error(`Missing rounding rule for: ${JSON.stringify(o)}`);return s(o)})},Ro=({commitment:e,term:t,...r})=>Nt(r,Ha[e]?.[t]),Oo=e=>{let{commitment:t,instant:r,price:i,originalPrice:a,priceWithoutDiscount:n,promotion:o,quantity:s=1,term:c}=e;if(t===rt.YEAR&&c===ye.MONTHLY){if(!o)return Nt(e,lt.YEAR,Da);let{displaySummary:{outcomeType:l,duration:d}={}}=o;switch(l){case"PERCENTAGE_DISCOUNT":if(dt(o,r,s)){let h=parseInt(d.replace("P","").replace("M",""));if(isNaN(h))return Da(i);let g=a*h,f=n*(12-h),x=Math.round((g+f)*100)/100;return Nt({...e,price:x},lt.YEAR)}default:return Nt(e,lt.YEAR,()=>Da(n??i))}}return Nt(e,Ha[t]?.[c])};var No="download",Io="upgrade",zo={e:"EDU",t:"TEAM"};function yi(e,t={},r=""){let i=pe();if(!i)return null;let{checkoutMarketSegment:a,checkoutWorkflow:n,checkoutWorkflowStep:o,entitlement:s,upgrade:c,modal:l,perpetual:d,promotionCode:h,quantity:g,wcsOsi:f,extraOptions:x,analyticsId:v}=i.collectCheckoutOptions(t),S=bi(e,{checkoutMarketSegment:a,checkoutWorkflow:n,checkoutWorkflowStep:o,entitlement:s,upgrade:c,modal:l,perpetual:d,promotionCode:h,quantity:g,wcsOsi:f,extraOptions:x,analyticsId:v});return r&&(S.innerHTML=`${r}`),S}function wi(e){return class extends e{constructor(){super(...arguments);m(this,"checkoutActionHandler");m(this,"masElement",new je(this))}attributeChangedCallback(i,a,n){this.masElement.attributeChangedCallback(i,a,n)}connectedCallback(){this.masElement.connectedCallback(),this.addEventListener("click",this.clickHandler)}disconnectedCallback(){this.masElement.disconnectedCallback(),this.removeEventListener("click",this.clickHandler)}onceSettled(){return this.masElement.onceSettled()}get value(){return this.masElement.value}get options(){return this.masElement.options}get marketSegment(){let i=this.options?.ms??this.value?.[0].marketSegments?.[0];return zo[i]??i}get customerSegment(){let i=this.options?.cs??this.value?.[0]?.customerSegment;return zo[i]??i}get is3in1Modal(){return Object.values(ot).includes(this.getAttribute("data-modal"))}get isOpen3in1Modal(){let i=document.querySelector("meta[name=mas-ff-3in1]");return this.is3in1Modal&&(!i||i.content!=="off")}requestUpdate(i=!1){return this.masElement.requestUpdate(i)}static get observedAttributes(){return["data-checkout-workflow","data-checkout-workflow-step","data-extra-options","data-ims-country","data-perpetual","data-promotion-code","data-quantity","data-template","data-wcs-osi","data-entitlement","data-upgrade","data-modal"]}async render(i={}){let a=pe();if(!a)return!1;this.dataset.imsCountry||a.imsCountryPromise.then(f=>{f&&(this.dataset.imsCountry=f)}),i.imsCountry=null;let n=a.collectCheckoutOptions(i,this);if(!n.wcsOsi.length)return!1;let o;try{o=JSON.parse(n.extraOptions??"{}")}catch(f){this.masElement.log?.error("cannot parse exta checkout options",f)}let s=this.masElement.togglePending(n);this.setCheckoutUrl("");let c=a.resolveOfferSelectors(n),l=await Promise.all(c);l=l.map(f=>wr(f,n));let d=l.flat().find(f=>f.promotion);!dt(d?.promotion,d?.promotion?.displaySummary?.instant,n.quantity[0])&&n.promotionCode&&delete n.promotionCode,n.country=this.dataset.imsCountry||n.country;let g=await a.buildCheckoutAction?.(l.flat(),{...o,...n},this);return this.renderOffers(l.flat(),n,{},g,s)}renderOffers(i,a,n={},o=void 0,s=void 0){let c=pe();if(!c)return!1;if(a={...JSON.parse(this.dataset.extraOptions??"{}"),...a,...n},s??(s=this.masElement.togglePending(a)),this.checkoutActionHandler&&(this.checkoutActionHandler=void 0),o){this.classList.remove(No,Io),this.masElement.toggleResolved(s,i,a);let{url:d,text:h,className:g,handler:f}=o;d&&this.setCheckoutUrl(d),h&&(this.firstElementChild.innerHTML=h),g&&this.classList.add(...g.split(" ")),f&&(this.setCheckoutUrl("#"),this.checkoutActionHandler=f.bind(this))}if(i.length){if(this.masElement.toggleResolved(s,i,a)){if(!this.classList.contains(No)&&!this.classList.contains(Io)){let d=c.buildCheckoutURL(i,a);this.setCheckoutUrl(a.modal==="true"?"#":d)}return!0}}else{let d=new Error(`Not provided: ${a?.wcsOsi??"-"}`);if(this.masElement.toggleFailed(s,d,a))return this.setCheckoutUrl("#"),!0}}setCheckoutUrl(){}clickHandler(i){}updateOptions(i={}){let a=pe();if(!a)return!1;let{checkoutMarketSegment:n,checkoutWorkflow:o,checkoutWorkflowStep:s,entitlement:c,upgrade:l,modal:d,perpetual:h,promotionCode:g,quantity:f,wcsOsi:x}=a.collectCheckoutOptions(i);return Eo(this,{checkoutMarketSegment:n,checkoutWorkflow:o,checkoutWorkflowStep:s,entitlement:c,upgrade:l,modal:d,perpetual:h,promotionCode:g,quantity:f,wcsOsi:x}),!0}}}var Ar=class Ar extends wi(HTMLAnchorElement){static createCheckoutLink(t={},r=""){return yi(Ar,t,r)}setCheckoutUrl(t){this.setAttribute("href",t)}get isCheckoutLink(){return!0}clickHandler(t){if(this.checkoutActionHandler){this.checkoutActionHandler?.(t);return}}};m(Ar,"is","checkout-link"),m(Ar,"tag","a");var De=Ar;window.customElements.get(De.is)||window.customElements.define(De.is,De,{extends:De.tag});var Rd="p_draft_landscape",Od="/store/",Nd=new Map([["countrySpecific","cs"],["customerSegment","cs"],["quantity","q"],["authCode","code"],["checkoutPromoCode","apc"],["rurl","rUrl"],["curl","cUrl"],["ctxrturl","ctxRtUrl"],["country","co"],["language","lang"],["clientId","cli"],["context","ctx"],["productArrangementCode","pa"],["addonProductArrangementCode","ao"],["offerType","ot"],["marketSegment","ms"]]),Ba=new Set(["af","ai","ao","apc","appctxid","cli","co","cs","csm","ctx","ctxRtUrl","DCWATC","dp","fr","gsp","ijt","lang","lo","mal","ms","mv","mv2","nglwfdata","ot","otac","pa","pcid","promoid","q","rf","sc","scl","sdid","sid","spint","svar","th","thm","trackingid","usid","workflowid","context.guid","so.ca","so.su","so.tr","so.va"]),Id=["env","workflowStep","clientId","country"],Do=new Set(["gid","gtoken","notifauditid","cohortid","productname","sdid","attimer","gcsrc","gcprog","gcprogcat","gcpagetype","mv","mv2"]),$o=e=>Nd.get(e)??e;function Ei(e,t,r){for(let[i,a]of Object.entries(e)){let n=$o(i);a!=null&&r.has(n)&&t.set(n,a)}}function zd(e){switch(e){case va.PRODUCTION:return"https://commerce.adobe.com";default:return"https://commerce-stg.adobe.com"}}function Dd(e,t){for(let r in e){let i=e[r];for(let[a,n]of Object.entries(i)){if(n==null)continue;let o=$o(a);t.set(`items[${r}][${o}]`,n)}}}function $d({url:e,modal:t,is3in1:r}){if(!r||!e?.searchParams)return e;e.searchParams.set("rtc","t"),e.searchParams.set("lo","sl");let i=e.searchParams.get("af");return e.searchParams.set("af",[i,"uc_new_user_iframe","uc_new_system_close"].filter(Boolean).join(",")),e.searchParams.get("cli")!=="doc_cloud"&&e.searchParams.set("cli",t===ot.CRM?"creative":"mini_plans"),e}function Hd(e){let t=new URLSearchParams(window.location.search),r={};Do.forEach(i=>{let a=t.get(i);a!==null&&(r[i]=a)}),Object.keys(r).length>0&&Ei(r,e.searchParams,Do)}function Ho(e){Bd(e);let{env:t,items:r,workflowStep:i,marketSegment:a,customerSegment:n,offerType:o,productArrangementCode:s,landscape:c,modal:l,is3in1:d,preselectPlan:h,...g}=e,f=new URL(zd(t));if(f.pathname=`${Od}${i}`,i!==ce.SEGMENTATION&&i!==ce.CHANGE_PLAN_TEAM_PLANS&&Dd(r,f.searchParams),Ei({...g},f.searchParams,Ba),Hd(f),c===Ve.DRAFT&&Ei({af:Rd},f.searchParams,Ba),i===ce.SEGMENTATION){let x={marketSegment:a,offerType:o,customerSegment:n,productArrangementCode:s,quantity:r?.[0]?.quantity,addonProductArrangementCode:s?r?.find(v=>v.productArrangementCode!==s)?.productArrangementCode:r?.[1]?.productArrangementCode};h?.toLowerCase()==="edu"?f.searchParams.set("ms","EDU"):h?.toLowerCase()==="team"&&f.searchParams.set("cs","TEAM"),Ei(x,f.searchParams,Ba),f.searchParams.get("ot")==="PROMOTION"&&f.searchParams.delete("ot"),f=$d({url:f,modal:l,is3in1:d})}return f.toString()}function Bd(e){for(let t of Id)if(!e[t])throw new Error(`Argument "checkoutData" is not valid, missing: ${t}`);if(e.workflowStep!==ce.SEGMENTATION&&e.workflowStep!==ce.CHANGE_PLAN_TEAM_PLANS&&!e.items)throw new Error('Argument "checkoutData" is not valid, missing: items');return!0}var N=Object.freeze({checkoutClientId:"adobe_com",checkoutWorkflowStep:ce.EMAIL,country:"US",displayOldPrice:!0,displayPerUnit:!1,displayRecurrence:!0,displayTax:!1,displayPlanType:!1,env:Me.PRODUCTION,forceTaxExclusive:!1,language:"en",entitlement:!1,extraOptions:{},modal:!1,promotionCode:"",quantity:1,alternativePrice:!1,wcsApiKey:"wcms-commerce-ims-ro-user-milo",wcsURL:"https://www.adobe.com/web_commerce_artifact",landscape:Ve.PUBLISHED});function Bo({settings:e,providers:t}){function r(n,o){let{checkoutClientId:s,checkoutWorkflowStep:c,country:l,language:d,promotionCode:h,quantity:g,preselectPlan:f,env:x}=e,v={checkoutClientId:s,checkoutWorkflowStep:c,country:l,language:d,promotionCode:h,quantity:g,preselectPlan:f,env:x};if(o)for(let Tt of t.checkout)Tt(o,v);let{checkoutMarketSegment:S,checkoutWorkflowStep:z=c,imsCountry:I,country:C=I??l,language:O=d,quantity:K=g,entitlement:q,upgrade:Q,modal:ee,perpetual:de,promotionCode:ie=h,wcsOsi:W,extraOptions:$,...he}=Object.assign(v,o?.dataset??{},n??{}),be=br(z,ce,N.checkoutWorkflowStep);return v=pi({...he,extraOptions:$,checkoutClientId:s,checkoutMarketSegment:S,country:C,quantity:Ot(K,N.quantity),checkoutWorkflowStep:be,language:O,entitlement:T(q),upgrade:T(Q),modal:ee,perpetual:T(de),promotionCode:ui(ie).effectivePromoCode,wcsOsi:xi(W),preselectPlan:f}),v}function i(n,o){if(!Array.isArray(n)||!n.length||!o)return"";let{env:s,landscape:c}=e,{checkoutClientId:l,checkoutMarketSegment:d,checkoutWorkflowStep:h,country:g,promotionCode:f,quantity:x,preselectPlan:v,ms:S,cs:z,...I}=r(o),C=document.querySelector("meta[name=mas-ff-3in1]"),O=Object.values(ot).includes(o.modal)&&(!C||C.content!=="off"),K=window.frameElement||O?"if":"fp",[{productArrangementCode:q,marketSegments:[Q],customerSegment:ee,offerType:de}]=n,ie=S??Q??d,W=z??ee;v?.toLowerCase()==="edu"?ie="EDU":v?.toLowerCase()==="team"&&(W="TEAM");let $={is3in1:O,checkoutPromoCode:f,clientId:l,context:K,country:g,env:s,items:[],marketSegment:ie,customerSegment:W,offerType:de,productArrangementCode:q,workflowStep:h,landscape:c,...I},he=x[0]>1?x[0]:void 0;if(n.length===1){let{offerId:be}=n[0];$.items.push({id:be,quantity:he})}else $.items.push(...n.map(({offerId:be,productArrangementCode:Tt})=>({id:be,quantity:he,...O?{productArrangementCode:Tt}:{}})));return Ho($)}let{createCheckoutLink:a}=De;return{CheckoutLink:De,CheckoutWorkflowStep:ce,buildCheckoutURL:i,collectCheckoutOptions:r,createCheckoutLink:a}}function Fd({interval:e=200,maxAttempts:t=25}={}){let r=le.module("ims");return new Promise(i=>{r.debug("Waing for IMS to be ready");let a=0;function n(){window.adobeIMS?.initialized?i():++a>t?(r.debug("Timeout"),i()):setTimeout(n,e)}n()})}function Ud(e){return e.then(()=>window.adobeIMS?.isSignedInUser()??!1)}function Gd(e){let t=le.module("ims");return e.then(r=>r?window.adobeIMS.getProfile().then(({countryCode:i})=>(t.debug("Got user country:",i),i),i=>{t.error("Unable to get user country:",i)}):null)}function Fo({}){let e=Fd(),t=Ud(e),r=Gd(t);return{imsReadyPromise:e,imsSignedInPromise:t,imsCountryPromise:r}}var Uo=window.masPriceLiterals;function Go(e){if(Array.isArray(Uo)){let t=e.locale==="id_ID"?"in":e.language,r=a=>Uo.find(n=>wa(n.lang,a)),i=r(t)??r(N.language);if(i)return Object.freeze(i)}return{}}var Fa=function(e,t){return Fa=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(r,i){r.__proto__=i}||function(r,i){for(var a in i)Object.prototype.hasOwnProperty.call(i,a)&&(r[a]=i[a])},Fa(e,t)};function Sr(e,t){if(typeof t!="function"&&t!==null)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");Fa(e,t);function r(){this.constructor=e}e.prototype=t===null?Object.create(t):(r.prototype=t.prototype,new r)}var L=function(){return L=Object.assign||function(t){for(var r,i=1,a=arguments.length;i0}),r=[],i=0,a=t;i1)throw new RangeError("integer-width stems only accept a single optional option");a.options[0].replace(jd,function(c,l,d,h,g,f){if(l)t.minimumIntegerDigits=d.length;else{if(h&&g)throw new Error("We currently do not support maximum integer digits");if(f)throw new Error("We currently do not support exact integer digits")}return""});continue}if(Jo.test(a.stem)){t.minimumIntegerDigits=a.stem.length;continue}if(Yo.test(a.stem)){if(a.options.length>1)throw new RangeError("Fraction-precision stems only accept a single optional option");a.stem.replace(Yo,function(c,l,d,h,g,f){return d==="*"?t.minimumFractionDigits=l.length:h&&h[0]==="#"?t.maximumFractionDigits=h.length:g&&f?(t.minimumFractionDigits=g.length,t.maximumFractionDigits=g.length+f.length):(t.minimumFractionDigits=l.length,t.maximumFractionDigits=l.length),""});var n=a.options[0];n==="w"?t=L(L({},t),{trailingZeroDisplay:"stripIfInteger"}):n&&(t=L(L({},t),Xo(n)));continue}if(Zo.test(a.stem)){t=L(L({},t),Xo(a.stem));continue}var o=es(a.stem);o&&(t=L(L({},t),o));var s=Wd(a.stem);s&&(t=L(L({},t),s))}return t}var Tr={AX:["H"],BQ:["H"],CP:["H"],CZ:["H"],DK:["H"],FI:["H"],ID:["H"],IS:["H"],ML:["H"],NE:["H"],RU:["H"],SE:["H"],SJ:["H"],SK:["H"],AS:["h","H"],BT:["h","H"],DJ:["h","H"],ER:["h","H"],GH:["h","H"],IN:["h","H"],LS:["h","H"],PG:["h","H"],PW:["h","H"],SO:["h","H"],TO:["h","H"],VU:["h","H"],WS:["h","H"],"001":["H","h"],AL:["h","H","hB"],TD:["h","H","hB"],"ca-ES":["H","h","hB"],CF:["H","h","hB"],CM:["H","h","hB"],"fr-CA":["H","h","hB"],"gl-ES":["H","h","hB"],"it-CH":["H","h","hB"],"it-IT":["H","h","hB"],LU:["H","h","hB"],NP:["H","h","hB"],PF:["H","h","hB"],SC:["H","h","hB"],SM:["H","h","hB"],SN:["H","h","hB"],TF:["H","h","hB"],VA:["H","h","hB"],CY:["h","H","hb","hB"],GR:["h","H","hb","hB"],CO:["h","H","hB","hb"],DO:["h","H","hB","hb"],KP:["h","H","hB","hb"],KR:["h","H","hB","hb"],NA:["h","H","hB","hb"],PA:["h","H","hB","hb"],PR:["h","H","hB","hb"],VE:["h","H","hB","hb"],AC:["H","h","hb","hB"],AI:["H","h","hb","hB"],BW:["H","h","hb","hB"],BZ:["H","h","hb","hB"],CC:["H","h","hb","hB"],CK:["H","h","hb","hB"],CX:["H","h","hb","hB"],DG:["H","h","hb","hB"],FK:["H","h","hb","hB"],GB:["H","h","hb","hB"],GG:["H","h","hb","hB"],GI:["H","h","hb","hB"],IE:["H","h","hb","hB"],IM:["H","h","hb","hB"],IO:["H","h","hb","hB"],JE:["H","h","hb","hB"],LT:["H","h","hb","hB"],MK:["H","h","hb","hB"],MN:["H","h","hb","hB"],MS:["H","h","hb","hB"],NF:["H","h","hb","hB"],NG:["H","h","hb","hB"],NR:["H","h","hb","hB"],NU:["H","h","hb","hB"],PN:["H","h","hb","hB"],SH:["H","h","hb","hB"],SX:["H","h","hb","hB"],TA:["H","h","hb","hB"],ZA:["H","h","hb","hB"],"af-ZA":["H","h","hB","hb"],AR:["H","h","hB","hb"],CL:["H","h","hB","hb"],CR:["H","h","hB","hb"],CU:["H","h","hB","hb"],EA:["H","h","hB","hb"],"es-BO":["H","h","hB","hb"],"es-BR":["H","h","hB","hb"],"es-EC":["H","h","hB","hb"],"es-ES":["H","h","hB","hb"],"es-GQ":["H","h","hB","hb"],"es-PE":["H","h","hB","hb"],GT:["H","h","hB","hb"],HN:["H","h","hB","hb"],IC:["H","h","hB","hb"],KG:["H","h","hB","hb"],KM:["H","h","hB","hb"],LK:["H","h","hB","hb"],MA:["H","h","hB","hb"],MX:["H","h","hB","hb"],NI:["H","h","hB","hb"],PY:["H","h","hB","hb"],SV:["H","h","hB","hb"],UY:["H","h","hB","hb"],JP:["H","h","K"],AD:["H","hB"],AM:["H","hB"],AO:["H","hB"],AT:["H","hB"],AW:["H","hB"],BE:["H","hB"],BF:["H","hB"],BJ:["H","hB"],BL:["H","hB"],BR:["H","hB"],CG:["H","hB"],CI:["H","hB"],CV:["H","hB"],DE:["H","hB"],EE:["H","hB"],FR:["H","hB"],GA:["H","hB"],GF:["H","hB"],GN:["H","hB"],GP:["H","hB"],GW:["H","hB"],HR:["H","hB"],IL:["H","hB"],IT:["H","hB"],KZ:["H","hB"],MC:["H","hB"],MD:["H","hB"],MF:["H","hB"],MQ:["H","hB"],MZ:["H","hB"],NC:["H","hB"],NL:["H","hB"],PM:["H","hB"],PT:["H","hB"],RE:["H","hB"],RO:["H","hB"],SI:["H","hB"],SR:["H","hB"],ST:["H","hB"],TG:["H","hB"],TR:["H","hB"],WF:["H","hB"],YT:["H","hB"],BD:["h","hB","H"],PK:["h","hB","H"],AZ:["H","hB","h"],BA:["H","hB","h"],BG:["H","hB","h"],CH:["H","hB","h"],GE:["H","hB","h"],LI:["H","hB","h"],ME:["H","hB","h"],RS:["H","hB","h"],UA:["H","hB","h"],UZ:["H","hB","h"],XK:["H","hB","h"],AG:["h","hb","H","hB"],AU:["h","hb","H","hB"],BB:["h","hb","H","hB"],BM:["h","hb","H","hB"],BS:["h","hb","H","hB"],CA:["h","hb","H","hB"],DM:["h","hb","H","hB"],"en-001":["h","hb","H","hB"],FJ:["h","hb","H","hB"],FM:["h","hb","H","hB"],GD:["h","hb","H","hB"],GM:["h","hb","H","hB"],GU:["h","hb","H","hB"],GY:["h","hb","H","hB"],JM:["h","hb","H","hB"],KI:["h","hb","H","hB"],KN:["h","hb","H","hB"],KY:["h","hb","H","hB"],LC:["h","hb","H","hB"],LR:["h","hb","H","hB"],MH:["h","hb","H","hB"],MP:["h","hb","H","hB"],MW:["h","hb","H","hB"],NZ:["h","hb","H","hB"],SB:["h","hb","H","hB"],SG:["h","hb","H","hB"],SL:["h","hb","H","hB"],SS:["h","hb","H","hB"],SZ:["h","hb","H","hB"],TC:["h","hb","H","hB"],TT:["h","hb","H","hB"],UM:["h","hb","H","hB"],US:["h","hb","H","hB"],VC:["h","hb","H","hB"],VG:["h","hb","H","hB"],VI:["h","hb","H","hB"],ZM:["h","hb","H","hB"],BO:["H","hB","h","hb"],EC:["H","hB","h","hb"],ES:["H","hB","h","hb"],GQ:["H","hB","h","hb"],PE:["H","hB","h","hb"],AE:["h","hB","hb","H"],"ar-001":["h","hB","hb","H"],BH:["h","hB","hb","H"],DZ:["h","hB","hb","H"],EG:["h","hB","hb","H"],EH:["h","hB","hb","H"],HK:["h","hB","hb","H"],IQ:["h","hB","hb","H"],JO:["h","hB","hb","H"],KW:["h","hB","hb","H"],LB:["h","hB","hb","H"],LY:["h","hB","hb","H"],MO:["h","hB","hb","H"],MR:["h","hB","hb","H"],OM:["h","hB","hb","H"],PH:["h","hB","hb","H"],PS:["h","hB","hb","H"],QA:["h","hB","hb","H"],SA:["h","hB","hb","H"],SD:["h","hB","hb","H"],SY:["h","hB","hb","H"],TN:["h","hB","hb","H"],YE:["h","hB","hb","H"],AF:["H","hb","hB","h"],LA:["H","hb","hB","h"],CN:["H","hB","hb","h"],LV:["H","hB","hb","h"],TL:["H","hB","hb","h"],"zu-ZA":["H","hB","hb","h"],CD:["hB","H"],IR:["hB","H"],"hi-IN":["hB","h","H"],"kn-IN":["hB","h","H"],"ml-IN":["hB","h","H"],"te-IN":["hB","h","H"],KH:["hB","h","H","hb"],"ta-IN":["hB","h","hb","H"],BN:["hb","hB","h","H"],MY:["hb","hB","h","H"],ET:["hB","hb","h","H"],"gu-IN":["hB","hb","h","H"],"mr-IN":["hB","hb","h","H"],"pa-IN":["hB","hb","h","H"],TW:["hB","hb","h","H"],KE:["hB","hb","H","h"],MM:["hB","hb","H","h"],TZ:["hB","hb","H","h"],UG:["hB","hb","H","h"]};function rs(e,t){for(var r="",i=0;i>1),c="a",l=Yd(t);for((l=="H"||l=="k")&&(s=0);s-- >0;)r+=c;for(;o-- >0;)r=l+r}else a==="J"?r+="H":r+=a}return r}function Yd(e){var t=e.hourCycle;if(t===void 0&&e.hourCycles&&e.hourCycles.length&&(t=e.hourCycles[0]),t)switch(t){case"h24":return"k";case"h23":return"H";case"h12":return"h";case"h11":return"K";default:throw new Error("Invalid hourCycle")}var r=e.language,i;r!=="root"&&(i=e.maximize().region);var a=Tr[i||""]||Tr[r||""]||Tr["".concat(r,"-001")]||Tr["001"];return a[0]}var qa,Xd=new RegExp("^".concat(Ga.source,"*")),Kd=new RegExp("".concat(Ga.source,"*$"));function M(e,t){return{start:e,end:t}}var Qd=!!String.prototype.startsWith,Zd=!!String.fromCodePoint,Jd=!!Object.fromEntries,eh=!!String.prototype.codePointAt,th=!!String.prototype.trimStart,rh=!!String.prototype.trimEnd,ih=!!Number.isSafeInteger,ah=ih?Number.isSafeInteger:function(e){return typeof e=="number"&&isFinite(e)&&Math.floor(e)===e&&Math.abs(e)<=9007199254740991},ja=!0;try{is=ss("([^\\p{White_Space}\\p{Pattern_Syntax}]*)","yu"),ja=((qa=is.exec("a"))===null||qa===void 0?void 0:qa[0])==="a"}catch{ja=!1}var is,as=Qd?function(t,r,i){return t.startsWith(r,i)}:function(t,r,i){return t.slice(i,i+r.length)===r},Wa=Zd?String.fromCodePoint:function(){for(var t=[],r=0;rn;){if(o=t[n++],o>1114111)throw RangeError(o+" is not a valid code point");i+=o<65536?String.fromCharCode(o):String.fromCharCode(((o-=65536)>>10)+55296,o%1024+56320)}return i},ns=Jd?Object.fromEntries:function(t){for(var r={},i=0,a=t;i=i)){var a=t.charCodeAt(r),n;return a<55296||a>56319||r+1===i||(n=t.charCodeAt(r+1))<56320||n>57343?a:(a-55296<<10)+(n-56320)+65536}},nh=th?function(t){return t.trimStart()}:function(t){return t.replace(Xd,"")},oh=rh?function(t){return t.trimEnd()}:function(t){return t.replace(Kd,"")};function ss(e,t){return new RegExp(e,t)}var Ya;ja?(Va=ss("([^\\p{White_Space}\\p{Pattern_Syntax}]*)","yu"),Ya=function(t,r){var i;Va.lastIndex=r;var a=Va.exec(t);return(i=a[1])!==null&&i!==void 0?i:""}):Ya=function(t,r){for(var i=[];;){var a=os(t,r);if(a===void 0||ls(a)||lh(a))break;i.push(a),r+=a>=65536?2:1}return Wa.apply(void 0,i)};var Va,cs=function(){function e(t,r){r===void 0&&(r={}),this.message=t,this.position={offset:0,line:1,column:1},this.ignoreTag=!!r.ignoreTag,this.locale=r.locale,this.requiresOtherClause=!!r.requiresOtherClause,this.shouldParseSkeletons=!!r.shouldParseSkeletons}return e.prototype.parse=function(){if(this.offset()!==0)throw Error("parser can only be used once");return this.parseMessage(0,"",!1)},e.prototype.parseMessage=function(t,r,i){for(var a=[];!this.isEOF();){var n=this.char();if(n===123){var o=this.parseArgument(t,i);if(o.err)return o;a.push(o.val)}else{if(n===125&&t>0)break;if(n===35&&(r==="plural"||r==="selectordinal")){var s=this.clonePosition();this.bump(),a.push({type:V.pound,location:M(s,this.clonePosition())})}else if(n===60&&!this.ignoreTag&&this.peek()===47){if(i)break;return this.error(k.UNMATCHED_CLOSING_TAG,M(this.clonePosition(),this.clonePosition()))}else if(n===60&&!this.ignoreTag&&Xa(this.peek()||0)){var o=this.parseTag(t,r);if(o.err)return o;a.push(o.val)}else{var o=this.parseLiteral(t,r);if(o.err)return o;a.push(o.val)}}}return{val:a,err:null}},e.prototype.parseTag=function(t,r){var i=this.clonePosition();this.bump();var a=this.parseTagName();if(this.bumpSpace(),this.bumpIf("/>"))return{val:{type:V.literal,value:"<".concat(a,"/>"),location:M(i,this.clonePosition())},err:null};if(this.bumpIf(">")){var n=this.parseMessage(t+1,r,!0);if(n.err)return n;var o=n.val,s=this.clonePosition();if(this.bumpIf("")?{val:{type:V.tag,value:a,children:o,location:M(i,this.clonePosition())},err:null}:this.error(k.INVALID_TAG,M(s,this.clonePosition())))}else return this.error(k.UNCLOSED_TAG,M(i,this.clonePosition()))}else return this.error(k.INVALID_TAG,M(i,this.clonePosition()))},e.prototype.parseTagName=function(){var t=this.offset();for(this.bump();!this.isEOF()&&ch(this.char());)this.bump();return this.message.slice(t,this.offset())},e.prototype.parseLiteral=function(t,r){for(var i=this.clonePosition(),a="";;){var n=this.tryParseQuote(r);if(n){a+=n;continue}var o=this.tryParseUnquoted(t,r);if(o){a+=o;continue}var s=this.tryParseLeftAngleBracket();if(s){a+=s;continue}break}var c=M(i,this.clonePosition());return{val:{type:V.literal,value:a,location:c},err:null}},e.prototype.tryParseLeftAngleBracket=function(){return!this.isEOF()&&this.char()===60&&(this.ignoreTag||!sh(this.peek()||0))?(this.bump(),"<"):null},e.prototype.tryParseQuote=function(t){if(this.isEOF()||this.char()!==39)return null;switch(this.peek()){case 39:return this.bump(),this.bump(),"'";case 123:case 60:case 62:case 125:break;case 35:if(t==="plural"||t==="selectordinal")break;return null;default:return null}this.bump();var r=[this.char()];for(this.bump();!this.isEOF();){var i=this.char();if(i===39)if(this.peek()===39)r.push(39),this.bump();else{this.bump();break}else r.push(i);this.bump()}return Wa.apply(void 0,r)},e.prototype.tryParseUnquoted=function(t,r){if(this.isEOF())return null;var i=this.char();return i===60||i===123||i===35&&(r==="plural"||r==="selectordinal")||i===125&&t>0?null:(this.bump(),Wa(i))},e.prototype.parseArgument=function(t,r){var i=this.clonePosition();if(this.bump(),this.bumpSpace(),this.isEOF())return this.error(k.EXPECT_ARGUMENT_CLOSING_BRACE,M(i,this.clonePosition()));if(this.char()===125)return this.bump(),this.error(k.EMPTY_ARGUMENT,M(i,this.clonePosition()));var a=this.parseIdentifierIfPossible().value;if(!a)return this.error(k.MALFORMED_ARGUMENT,M(i,this.clonePosition()));if(this.bumpSpace(),this.isEOF())return this.error(k.EXPECT_ARGUMENT_CLOSING_BRACE,M(i,this.clonePosition()));switch(this.char()){case 125:return this.bump(),{val:{type:V.argument,value:a,location:M(i,this.clonePosition())},err:null};case 44:return this.bump(),this.bumpSpace(),this.isEOF()?this.error(k.EXPECT_ARGUMENT_CLOSING_BRACE,M(i,this.clonePosition())):this.parseArgumentOptions(t,r,a,i);default:return this.error(k.MALFORMED_ARGUMENT,M(i,this.clonePosition()))}},e.prototype.parseIdentifierIfPossible=function(){var t=this.clonePosition(),r=this.offset(),i=Ya(this.message,r),a=r+i.length;this.bumpTo(a);var n=this.clonePosition(),o=M(t,n);return{value:i,location:o}},e.prototype.parseArgumentOptions=function(t,r,i,a){var n,o=this.clonePosition(),s=this.parseIdentifierIfPossible().value,c=this.clonePosition();switch(s){case"":return this.error(k.EXPECT_ARGUMENT_TYPE,M(o,c));case"number":case"date":case"time":{this.bumpSpace();var l=null;if(this.bumpIf(",")){this.bumpSpace();var d=this.clonePosition(),h=this.parseSimpleArgStyleIfPossible();if(h.err)return h;var g=oh(h.val);if(g.length===0)return this.error(k.EXPECT_ARGUMENT_STYLE,M(this.clonePosition(),this.clonePosition()));var f=M(d,this.clonePosition());l={style:g,styleLocation:f}}var x=this.tryParseArgumentClose(a);if(x.err)return x;var v=M(a,this.clonePosition());if(l&&as(l?.style,"::",0)){var S=nh(l.style.slice(2));if(s==="number"){var h=this.parseNumberSkeletonFromString(S,l.styleLocation);return h.err?h:{val:{type:V.number,value:i,location:v,style:h.val},err:null}}else{if(S.length===0)return this.error(k.EXPECT_DATE_TIME_SKELETON,v);var z=S;this.locale&&(z=rs(S,this.locale));var g={type:ht.dateTime,pattern:z,location:l.styleLocation,parsedOptions:this.shouldParseSkeletons?jo(z):{}},I=s==="date"?V.date:V.time;return{val:{type:I,value:i,location:v,style:g},err:null}}}return{val:{type:s==="number"?V.number:s==="date"?V.date:V.time,value:i,location:v,style:(n=l?.style)!==null&&n!==void 0?n:null},err:null}}case"plural":case"selectordinal":case"select":{var C=this.clonePosition();if(this.bumpSpace(),!this.bumpIf(","))return this.error(k.EXPECT_SELECT_ARGUMENT_OPTIONS,M(C,L({},C)));this.bumpSpace();var O=this.parseIdentifierIfPossible(),K=0;if(s!=="select"&&O.value==="offset"){if(!this.bumpIf(":"))return this.error(k.EXPECT_PLURAL_ARGUMENT_OFFSET_VALUE,M(this.clonePosition(),this.clonePosition()));this.bumpSpace();var h=this.tryParseDecimalInteger(k.EXPECT_PLURAL_ARGUMENT_OFFSET_VALUE,k.INVALID_PLURAL_ARGUMENT_OFFSET_VALUE);if(h.err)return h;this.bumpSpace(),O=this.parseIdentifierIfPossible(),K=h.val}var q=this.tryParsePluralOrSelectOptions(t,s,r,O);if(q.err)return q;var x=this.tryParseArgumentClose(a);if(x.err)return x;var Q=M(a,this.clonePosition());return s==="select"?{val:{type:V.select,value:i,options:ns(q.val),location:Q},err:null}:{val:{type:V.plural,value:i,options:ns(q.val),offset:K,pluralType:s==="plural"?"cardinal":"ordinal",location:Q},err:null}}default:return this.error(k.INVALID_ARGUMENT_TYPE,M(o,c))}},e.prototype.tryParseArgumentClose=function(t){return this.isEOF()||this.char()!==125?this.error(k.EXPECT_ARGUMENT_CLOSING_BRACE,M(t,this.clonePosition())):(this.bump(),{val:!0,err:null})},e.prototype.parseSimpleArgStyleIfPossible=function(){for(var t=0,r=this.clonePosition();!this.isEOF();){var i=this.char();switch(i){case 39:{this.bump();var a=this.clonePosition();if(!this.bumpUntil("'"))return this.error(k.UNCLOSED_QUOTE_IN_ARGUMENT_STYLE,M(a,this.clonePosition()));this.bump();break}case 123:{t+=1,this.bump();break}case 125:{if(t>0)t-=1;else return{val:this.message.slice(r.offset,this.offset()),err:null};break}default:this.bump();break}}return{val:this.message.slice(r.offset,this.offset()),err:null}},e.prototype.parseNumberSkeletonFromString=function(t,r){var i=[];try{i=Qo(t)}catch{return this.error(k.INVALID_NUMBER_SKELETON,r)}return{val:{type:ht.number,tokens:i,location:r,parsedOptions:this.shouldParseSkeletons?ts(i):{}},err:null}},e.prototype.tryParsePluralOrSelectOptions=function(t,r,i,a){for(var n,o=!1,s=[],c=new Set,l=a.value,d=a.location;;){if(l.length===0){var h=this.clonePosition();if(r!=="select"&&this.bumpIf("=")){var g=this.tryParseDecimalInteger(k.EXPECT_PLURAL_ARGUMENT_SELECTOR,k.INVALID_PLURAL_ARGUMENT_SELECTOR);if(g.err)return g;d=M(h,this.clonePosition()),l=this.message.slice(h.offset,this.offset())}else break}if(c.has(l))return this.error(r==="select"?k.DUPLICATE_SELECT_ARGUMENT_SELECTOR:k.DUPLICATE_PLURAL_ARGUMENT_SELECTOR,d);l==="other"&&(o=!0),this.bumpSpace();var f=this.clonePosition();if(!this.bumpIf("{"))return this.error(r==="select"?k.EXPECT_SELECT_ARGUMENT_SELECTOR_FRAGMENT:k.EXPECT_PLURAL_ARGUMENT_SELECTOR_FRAGMENT,M(this.clonePosition(),this.clonePosition()));var x=this.parseMessage(t+1,r,i);if(x.err)return x;var v=this.tryParseArgumentClose(f);if(v.err)return v;s.push([l,{value:x.val,location:M(f,this.clonePosition())}]),c.add(l),this.bumpSpace(),n=this.parseIdentifierIfPossible(),l=n.value,d=n.location}return s.length===0?this.error(r==="select"?k.EXPECT_SELECT_ARGUMENT_SELECTOR:k.EXPECT_PLURAL_ARGUMENT_SELECTOR,M(this.clonePosition(),this.clonePosition())):this.requiresOtherClause&&!o?this.error(k.MISSING_OTHER_CLAUSE,M(this.clonePosition(),this.clonePosition())):{val:s,err:null}},e.prototype.tryParseDecimalInteger=function(t,r){var i=1,a=this.clonePosition();this.bumpIf("+")||this.bumpIf("-")&&(i=-1);for(var n=!1,o=0;!this.isEOF();){var s=this.char();if(s>=48&&s<=57)n=!0,o=o*10+(s-48),this.bump();else break}var c=M(a,this.clonePosition());return n?(o*=i,ah(o)?{val:o,err:null}:this.error(r,c)):this.error(t,c)},e.prototype.offset=function(){return this.position.offset},e.prototype.isEOF=function(){return this.offset()===this.message.length},e.prototype.clonePosition=function(){return{offset:this.position.offset,line:this.position.line,column:this.position.column}},e.prototype.char=function(){var t=this.position.offset;if(t>=this.message.length)throw Error("out of bound");var r=os(this.message,t);if(r===void 0)throw Error("Offset ".concat(t," is at invalid UTF-16 code unit boundary"));return r},e.prototype.error=function(t,r){return{val:null,err:{kind:t,message:this.message,location:r}}},e.prototype.bump=function(){if(!this.isEOF()){var t=this.char();t===10?(this.position.line+=1,this.position.column=1,this.position.offset+=1):(this.position.column+=1,this.position.offset+=t<65536?1:2)}},e.prototype.bumpIf=function(t){if(as(this.message,t,this.offset())){for(var r=0;r=0?(this.bumpTo(i),!0):(this.bumpTo(this.message.length),!1)},e.prototype.bumpTo=function(t){if(this.offset()>t)throw Error("targetOffset ".concat(t," must be greater than or equal to the current offset ").concat(this.offset()));for(t=Math.min(t,this.message.length);;){var r=this.offset();if(r===t)break;if(r>t)throw Error("targetOffset ".concat(t," is at invalid UTF-16 code unit boundary"));if(this.bump(),this.isEOF())break}},e.prototype.bumpSpace=function(){for(;!this.isEOF()&&ls(this.char());)this.bump()},e.prototype.peek=function(){if(this.isEOF())return null;var t=this.char(),r=this.offset(),i=this.message.charCodeAt(r+(t>=65536?2:1));return i??null},e}();function Xa(e){return e>=97&&e<=122||e>=65&&e<=90}function sh(e){return Xa(e)||e===47}function ch(e){return e===45||e===46||e>=48&&e<=57||e===95||e>=97&&e<=122||e>=65&&e<=90||e==183||e>=192&&e<=214||e>=216&&e<=246||e>=248&&e<=893||e>=895&&e<=8191||e>=8204&&e<=8205||e>=8255&&e<=8256||e>=8304&&e<=8591||e>=11264&&e<=12271||e>=12289&&e<=55295||e>=63744&&e<=64975||e>=65008&&e<=65533||e>=65536&&e<=983039}function ls(e){return e>=9&&e<=13||e===32||e===133||e>=8206&&e<=8207||e===8232||e===8233}function lh(e){return e>=33&&e<=35||e===36||e>=37&&e<=39||e===40||e===41||e===42||e===43||e===44||e===45||e>=46&&e<=47||e>=58&&e<=59||e>=60&&e<=62||e>=63&&e<=64||e===91||e===92||e===93||e===94||e===96||e===123||e===124||e===125||e===126||e===161||e>=162&&e<=165||e===166||e===167||e===169||e===171||e===172||e===174||e===176||e===177||e===182||e===187||e===191||e===215||e===247||e>=8208&&e<=8213||e>=8214&&e<=8215||e===8216||e===8217||e===8218||e>=8219&&e<=8220||e===8221||e===8222||e===8223||e>=8224&&e<=8231||e>=8240&&e<=8248||e===8249||e===8250||e>=8251&&e<=8254||e>=8257&&e<=8259||e===8260||e===8261||e===8262||e>=8263&&e<=8273||e===8274||e===8275||e>=8277&&e<=8286||e>=8592&&e<=8596||e>=8597&&e<=8601||e>=8602&&e<=8603||e>=8604&&e<=8607||e===8608||e>=8609&&e<=8610||e===8611||e>=8612&&e<=8613||e===8614||e>=8615&&e<=8621||e===8622||e>=8623&&e<=8653||e>=8654&&e<=8655||e>=8656&&e<=8657||e===8658||e===8659||e===8660||e>=8661&&e<=8691||e>=8692&&e<=8959||e>=8960&&e<=8967||e===8968||e===8969||e===8970||e===8971||e>=8972&&e<=8991||e>=8992&&e<=8993||e>=8994&&e<=9e3||e===9001||e===9002||e>=9003&&e<=9083||e===9084||e>=9085&&e<=9114||e>=9115&&e<=9139||e>=9140&&e<=9179||e>=9180&&e<=9185||e>=9186&&e<=9254||e>=9255&&e<=9279||e>=9280&&e<=9290||e>=9291&&e<=9311||e>=9472&&e<=9654||e===9655||e>=9656&&e<=9664||e===9665||e>=9666&&e<=9719||e>=9720&&e<=9727||e>=9728&&e<=9838||e===9839||e>=9840&&e<=10087||e===10088||e===10089||e===10090||e===10091||e===10092||e===10093||e===10094||e===10095||e===10096||e===10097||e===10098||e===10099||e===10100||e===10101||e>=10132&&e<=10175||e>=10176&&e<=10180||e===10181||e===10182||e>=10183&&e<=10213||e===10214||e===10215||e===10216||e===10217||e===10218||e===10219||e===10220||e===10221||e===10222||e===10223||e>=10224&&e<=10239||e>=10240&&e<=10495||e>=10496&&e<=10626||e===10627||e===10628||e===10629||e===10630||e===10631||e===10632||e===10633||e===10634||e===10635||e===10636||e===10637||e===10638||e===10639||e===10640||e===10641||e===10642||e===10643||e===10644||e===10645||e===10646||e===10647||e===10648||e>=10649&&e<=10711||e===10712||e===10713||e===10714||e===10715||e>=10716&&e<=10747||e===10748||e===10749||e>=10750&&e<=11007||e>=11008&&e<=11055||e>=11056&&e<=11076||e>=11077&&e<=11078||e>=11079&&e<=11084||e>=11085&&e<=11123||e>=11124&&e<=11125||e>=11126&&e<=11157||e===11158||e>=11159&&e<=11263||e>=11776&&e<=11777||e===11778||e===11779||e===11780||e===11781||e>=11782&&e<=11784||e===11785||e===11786||e===11787||e===11788||e===11789||e>=11790&&e<=11798||e===11799||e>=11800&&e<=11801||e===11802||e===11803||e===11804||e===11805||e>=11806&&e<=11807||e===11808||e===11809||e===11810||e===11811||e===11812||e===11813||e===11814||e===11815||e===11816||e===11817||e>=11818&&e<=11822||e===11823||e>=11824&&e<=11833||e>=11834&&e<=11835||e>=11836&&e<=11839||e===11840||e===11841||e===11842||e>=11843&&e<=11855||e>=11856&&e<=11857||e===11858||e>=11859&&e<=11903||e>=12289&&e<=12291||e===12296||e===12297||e===12298||e===12299||e===12300||e===12301||e===12302||e===12303||e===12304||e===12305||e>=12306&&e<=12307||e===12308||e===12309||e===12310||e===12311||e===12312||e===12313||e===12314||e===12315||e===12316||e===12317||e>=12318&&e<=12319||e===12320||e===12336||e===64830||e===64831||e>=65093&&e<=65094}function Ka(e){e.forEach(function(t){if(delete t.location,ki(t)||_i(t))for(var r in t.options)delete t.options[r].location,Ka(t.options[r].value);else Si(t)&&Li(t.style)||(Ci(t)||Ti(t))&&Cr(t.style)?delete t.style.location:Pi(t)&&Ka(t.children)})}function ds(e,t){t===void 0&&(t={}),t=L({shouldParseSkeletons:!0,requiresOtherClause:!0},t);var r=new cs(e,t).parse();if(r.err){var i=SyntaxError(k[r.err.kind]);throw i.location=r.err.location,i.originalMessage=r.err.message,i}return t?.captureLocation||Ka(r.val),r.val}function kr(e,t){var r=t&&t.cache?t.cache:gh,i=t&&t.serializer?t.serializer:uh,a=t&&t.strategy?t.strategy:hh;return a(e,{cache:r,serializer:i})}function dh(e){return e==null||typeof e=="number"||typeof e=="boolean"}function hs(e,t,r,i){var a=dh(i)?i:r(i),n=t.get(a);return typeof n>"u"&&(n=e.call(this,i),t.set(a,n)),n}function ps(e,t,r){var i=Array.prototype.slice.call(arguments,3),a=r(i),n=t.get(a);return typeof n>"u"&&(n=e.apply(this,i),t.set(a,n)),n}function Qa(e,t,r,i,a){return r.bind(t,e,i,a)}function hh(e,t){var r=e.length===1?hs:ps;return Qa(e,this,r,t.cache.create(),t.serializer)}function ph(e,t){return Qa(e,this,ps,t.cache.create(),t.serializer)}function mh(e,t){return Qa(e,this,hs,t.cache.create(),t.serializer)}var uh=function(){return JSON.stringify(arguments)};function Za(){this.cache=Object.create(null)}Za.prototype.get=function(e){return this.cache[e]};Za.prototype.set=function(e,t){this.cache[e]=t};var gh={create:function(){return new Za}},Mi={variadic:ph,monadic:mh};var pt;(function(e){e.MISSING_VALUE="MISSING_VALUE",e.INVALID_VALUE="INVALID_VALUE",e.MISSING_INTL_API="MISSING_INTL_API"})(pt||(pt={}));var _r=function(e){Sr(t,e);function t(r,i,a){var n=e.call(this,r)||this;return n.code=i,n.originalMessage=a,n}return t.prototype.toString=function(){return"[formatjs Error: ".concat(this.code,"] ").concat(this.message)},t}(Error);var Ja=function(e){Sr(t,e);function t(r,i,a,n){return e.call(this,'Invalid values for "'.concat(r,'": "').concat(i,'". Options are "').concat(Object.keys(a).join('", "'),'"'),pt.INVALID_VALUE,n)||this}return t}(_r);var ms=function(e){Sr(t,e);function t(r,i,a){return e.call(this,'Value for "'.concat(r,'" must be of type ').concat(i),pt.INVALID_VALUE,a)||this}return t}(_r);var us=function(e){Sr(t,e);function t(r,i){return e.call(this,'The intl string context variable "'.concat(r,'" was not provided to the string "').concat(i,'"'),pt.MISSING_VALUE,i)||this}return t}(_r);var se;(function(e){e[e.literal=0]="literal",e[e.object=1]="object"})(se||(se={}));function fh(e){return e.length<2?e:e.reduce(function(t,r){var i=t[t.length-1];return!i||i.type!==se.literal||r.type!==se.literal?t.push(r):i.value+=r.value,t},[])}function xh(e){return typeof e=="function"}function Pr(e,t,r,i,a,n,o){if(e.length===1&&Ua(e[0]))return[{type:se.literal,value:e[0].value}];for(var s=[],c=0,l=e;c{l!=null&&(nh(l)?i:a).push(l)}),i.length&&(n+=" "+i.map(os).join(" "));let{pathname:o,search:s}=window.location,c=`${bt.delimiter}page=${o}${s}`;c.length>ns&&(c=`${c.slice(0,ns)}`),n+=c,a.length&&(n+=`${bt.delimiter}facts=`,n+=JSON.stringify(a,oh)),window.lana?.log(n,bt)}};function Bi(e){Object.assign(bt,Object.fromEntries(Object.entries(e).filter(([t,r])=>t in bt&&r!==""&&r!==null&&r!==void 0&&!Number.isNaN(r))))}var ln={};as(ln,{CLASS_NAME_FAILED:()=>Ya,CLASS_NAME_HIDDEN:()=>ch,CLASS_NAME_PENDING:()=>Xa,CLASS_NAME_RESOLVED:()=>Ka,CheckoutWorkflow:()=>cs,CheckoutWorkflowStep:()=>ue,Commitment:()=>xt,ERROR_MESSAGE_BAD_REQUEST:()=>Qa,ERROR_MESSAGE_MISSING_LITERALS_URL:()=>xh,ERROR_MESSAGE_OFFER_NOT_FOUND:()=>Za,EVENT_AEM_ERROR:()=>me,EVENT_AEM_LOAD:()=>pe,EVENT_MAS_ERROR:()=>yt,EVENT_MAS_READY:()=>We,EVENT_MERCH_ADDON_AND_QUANTITY_UPDATE:()=>Ui,EVENT_MERCH_CARD_ACTION_MENU_TOGGLE:()=>ja,EVENT_MERCH_CARD_COLLECTION_LITERALS_CHANGED:()=>vt,EVENT_MERCH_CARD_COLLECTION_SHOWMORE:()=>fh,EVENT_MERCH_CARD_COLLECTION_SIDENAV_ATTACHED:()=>gh,EVENT_MERCH_CARD_COLLECTION_SORT:()=>uh,EVENT_MERCH_CARD_QUANTITY_CHANGE:()=>qt,EVENT_MERCH_OFFER_READY:()=>Ut,EVENT_MERCH_OFFER_SELECT_READY:()=>zr,EVENT_MERCH_QUANTITY_SELECTOR_CHANGE:()=>oe,EVENT_MERCH_SEARCH_CHANGE:()=>mh,EVENT_MERCH_SIDENAV_SELECT:()=>bh,EVENT_MERCH_STOCK_CHANGE:()=>hh,EVENT_MERCH_STORAGE_CHANGE:()=>ph,EVENT_OFFER_SELECTED:()=>Wa,EVENT_TYPE_FAILED:()=>Ja,EVENT_TYPE_READY:()=>Fi,EVENT_TYPE_RESOLVED:()=>Gt,Env:()=>Ue,FF_ANNUAL_PRICE:()=>Vt,FF_DEFAULTS:()=>Oe,HEADER_X_REQUEST_ID:()=>$r,LOG_NAMESPACE:()=>en,Landscape:()=>at,MARK_DURATION_SUFFIX:()=>Ne,MARK_START_SUFFIX:()=>Re,MODAL_TYPE_3_IN_1:()=>wt,NAMESPACE:()=>sh,PARAM_AOS_API_KEY:()=>vh,PARAM_ENV:()=>rn,PARAM_LANDSCAPE:()=>an,PARAM_MAS_PREVIEW:()=>tn,PARAM_WCS_API_KEY:()=>yh,PROVIDER_ENVIRONMENT:()=>sn,SELECTOR_MAS_CHECKOUT_LINK:()=>Pe,SELECTOR_MAS_ELEMENT:()=>Fe,SELECTOR_MAS_INLINE_PRICE:()=>O,SELECTOR_MAS_SP_BUTTON:()=>dh,SELECTOR_MAS_UPT_LINK:()=>ss,SORT_ORDER:()=>Sh,STATE_FAILED:()=>Me,STATE_PENDING:()=>it,STATE_RESOLVED:()=>Ye,SUPPORTED_COUNTRIES:()=>cn,TAG_NAME_SERVICE:()=>lh,TEMPLATE_PRICE:()=>wh,TEMPLATE_PRICE_ANNUAL:()=>Ah,TEMPLATE_PRICE_LEGAL:()=>ae,TEMPLATE_PRICE_STRIKETHROUGH:()=>Eh,Term:()=>Ce,WCS_PROD_URL:()=>nn,WCS_STAGE_URL:()=>on});var xt=Object.freeze({MONTH:"MONTH",YEAR:"YEAR",TWO_YEARS:"TWO_YEARS",THREE_YEARS:"THREE_YEARS",PERPETUAL:"PERPETUAL",TERM_LICENSE:"TERM_LICENSE",ACCESS_PASS:"ACCESS_PASS",THREE_MONTHS:"THREE_MONTHS",SIX_MONTHS:"SIX_MONTHS"}),Ce=Object.freeze({ANNUAL:"ANNUAL",MONTHLY:"MONTHLY",TWO_YEARS:"TWO_YEARS",THREE_YEARS:"THREE_YEARS",P1D:"P1D",P1Y:"P1Y",P3Y:"P3Y",P10Y:"P10Y",P15Y:"P15Y",P3D:"P3D",P7D:"P7D",P30D:"P30D",HALF_YEARLY:"HALF_YEARLY",QUARTERLY:"QUARTERLY"}),sh="merch",ch="hidden",Fi="wcms:commerce:ready",lh="mas-commerce-service",O='span[is="inline-price"][data-wcs-osi]',Pe='a[is="checkout-link"][data-wcs-osi],button[is="checkout-button"][data-wcs-osi]',dh="sp-button[data-wcs-osi]",ss='a[is="upt-link"]',Fe=`${O},${Pe},${ss}`,Ut="merch-offer:ready",zr="merch-offer-select:ready",ja="merch-card:action-menu-toggle",Wa="merch-offer:selected",hh="merch-stock:change",ph="merch-storage:change",oe="merch-quantity-selector:change",qt="merch-card-quantity:change",Ui="merch-modal:addon-and-quantity-update",mh="merch-search:change",uh="merch-card-collection:sort",vt="merch-card-collection:literals-changed",gh="merch-card-collection:sidenav-attached",fh="merch-card-collection:showmore",bh="merch-sidenav:select",pe="aem:load",me="aem:error",We="mas:ready",yt="mas:error",Ya="placeholder-failed",Xa="placeholder-pending",Ka="placeholder-resolved",Qa="Bad WCS request",Za="Commerce offer not found",xh="Literals URL not provided",Ja="mas:failed",Gt="mas:resolved",en="mas/commerce",tn="mas.preview",rn="commerce.env",an="commerce.landscape",vh="commerce.aosKey",yh="commerce.wcsKey",nn="https://www.adobe.com/web_commerce_artifact",on="https://www.stage.adobe.com/web_commerce_artifact_stage",Me="failed",it="pending",Ye="resolved",at={DRAFT:"DRAFT",PUBLISHED:"PUBLISHED"},$r="X-Request-Id",ue=Object.freeze({SEGMENTATION:"segmentation",BUNDLE:"bundle",COMMITMENT:"commitment",RECOMMENDATION:"recommendation",EMAIL:"email",PAYMENT:"payment",CHANGE_PLAN_TEAM_PLANS:"change-plan/team-upgrade/plans",CHANGE_PLAN_TEAM_PAYMENT:"change-plan/team-upgrade/payment"}),cs="UCv3",Ue=Object.freeze({STAGE:"STAGE",PRODUCTION:"PRODUCTION",LOCAL:"LOCAL"}),sn={PRODUCTION:"PRODUCTION"},wt={TWP:"twp",D2P:"d2p",CRM:"crm"},Re=":start",Ne=":duration",wh="price",Eh="price-strikethrough",Ah="annual",ae="legal",Oe="mas-ff-defaults",Vt="mas-ff-annual-price",Sh={alphabetical:"alphabetical",authored:"authored"},cn=["AE","AM","AR","AT","AU","AZ","BB","BD","BE","BG","BH","BO","BR","BS","BY","CA","CH","CL","CN","CO","CR","CY","CZ","DE","DK","DO","DZ","EC","EE","EG","ES","FI","FR","GB","GE","GH","GR","GT","HK","HN","HR","HU","ID","IE","IL","IN","IQ","IS","IT","JM","JO","JP","KE","KG","KR","KW","KZ","LA","LB","LK","LT","LU","LV","MA","MD","MO","MT","MU","MX","MY","NG","NI","NL","NO","NP","NZ","OM","PA","PE","PH","PK","PL","PR","PT","PY","QA","RO","RS","RU","SA","SE","SG","SI","SK","SV","TH","TJ","TM","TN","TR","TT","TW","TZ","UA","US","UY","UZ","VE","VN","YE","ZA"];var ls="tacocat.js";var dn=(e,t)=>String(e??"").toLowerCase()==String(t??"").toLowerCase(),ds=e=>`${e??""}`.replace(/[&<>'"]/g,t=>({"&":"&","<":"<",">":">","'":"'",'"':"""})[t]??t)??"";function Y(e,t={},{metadata:r=!0,search:i=!0,storage:a=!0}={}){let n;if(i&&n==null){let o=new URLSearchParams(window.location.search),s=jt(i)?i:e;n=o.get(s)}if(a&&n==null){let o=jt(a)?a:e;n=window.sessionStorage.getItem(o)??window.localStorage.getItem(o)}if(r&&n==null){let o=Th(jt(r)?r:e);n=document.documentElement.querySelector(`meta[name="${o}"]`)?.content}return n??t[e]}var Ch=e=>typeof e=="boolean",qi=e=>typeof e=="function",Gi=e=>typeof e=="number",hs=e=>e!=null&&typeof e=="object";var jt=e=>typeof e=="string",ps=e=>jt(e)&&e,Dr=e=>Gi(e)&&Number.isFinite(e)&&e>0;function Vi(e,t=r=>r==null||r===""){return e!=null&&Object.entries(e).forEach(([r,i])=>{t(i)&&delete e[r]}),e}function M(e,t){if(Ch(e))return e;let r=String(e);return r==="1"||r==="true"?!0:r==="0"||r==="false"?!1:t}function Br(e,t,r){let i=Object.values(t);return i.find(a=>dn(a,e))??r??i[0]}function Th(e=""){return String(e).replace(/(\p{Lowercase_Letter})(\p{Uppercase_Letter})/gu,(t,r,i)=>`${r}-${i}`).replace(/\W+/gu,"-").toLowerCase()}function ms(e,t=1){return Gi(e)||(e=Number.parseInt(e,10)),!Number.isNaN(e)&&e>0&&Number.isFinite(e)?e:t}var kh=Date.now(),hn=()=>`(+${Date.now()-kh}ms)`,ji=new Set,_h=M(Y("tacocat.debug",{},{metadata:!1}),!1);function us(e){let t=`[${ls}/${e}]`,r=(o,s,...c)=>o?!0:(a(s,...c),!1),i=_h?(o,...s)=>{console.debug(`${t} ${o}`,...s,hn())}:()=>{},a=(o,...s)=>{let c=`${t} ${o}`;ji.forEach(([l])=>l(c,...s))};return{assert:r,debug:i,error:a,warn:(o,...s)=>{let c=`${t} ${o}`;ji.forEach(([,l])=>l(c,...s))}}}function Lh(e,t){let r=[e,t];return ji.add(r),()=>{ji.delete(r)}}Lh((e,...t)=>{console.error(e,...t,hn())},(e,...t)=>{console.warn(e,...t,hn())});var Ph="no promo",gs="promo-tag",Mh="yellow",Rh="neutral",Nh=(e,t,r)=>{let i=n=>n||Ph,a=r?` (was "${i(t)}")`:"";return`${i(e)}${a}`},Oh="cancel-context",Wi=(e,t)=>{let r=e===Oh,i=!r&&e?.length>0,a=(i||r)&&(t&&t!=e||!t&&!r),n=a&&i||!a&&!!t,o=n?e||t:void 0;return{effectivePromoCode:o,overridenPromoCode:e,className:n?gs:`${gs} no-promo`,text:Nh(o,t,a),variant:n?Mh:Rh,isOverriden:a}};var pn;(function(e){e.BASE="BASE",e.TRIAL="TRIAL",e.PROMOTION="PROMOTION"})(pn||(pn={}));var Ae;(function(e){e.MONTH="MONTH",e.YEAR="YEAR",e.TWO_YEARS="TWO_YEARS",e.THREE_YEARS="THREE_YEARS",e.PERPETUAL="PERPETUAL",e.TERM_LICENSE="TERM_LICENSE",e.ACCESS_PASS="ACCESS_PASS",e.THREE_MONTHS="THREE_MONTHS",e.SIX_MONTHS="SIX_MONTHS"})(Ae||(Ae={}));var Te;(function(e){e.ANNUAL="ANNUAL",e.MONTHLY="MONTHLY",e.TWO_YEARS="TWO_YEARS",e.THREE_YEARS="THREE_YEARS",e.P1D="P1D",e.P1Y="P1Y",e.P3Y="P3Y",e.P10Y="P10Y",e.P15Y="P15Y",e.P3D="P3D",e.P7D="P7D",e.P30D="P30D",e.HALF_YEARLY="HALF_YEARLY",e.QUARTERLY="QUARTERLY"})(Te||(Te={}));var mn;(function(e){e.INDIVIDUAL="INDIVIDUAL",e.TEAM="TEAM",e.ENTERPRISE="ENTERPRISE"})(mn||(mn={}));var un;(function(e){e.COM="COM",e.EDU="EDU",e.GOV="GOV"})(un||(un={}));var gn;(function(e){e.DIRECT="DIRECT",e.INDIRECT="INDIRECT"})(gn||(gn={}));var fn;(function(e){e.ENTERPRISE_PRODUCT="ENTERPRISE_PRODUCT",e.ETLA="ETLA",e.RETAIL="RETAIL",e.VIP="VIP",e.VIPMP="VIPMP",e.FREE="FREE"})(fn||(fn={}));var bn="ABM",xn="PUF",vn="M2M",yn="PERPETUAL",wn="P3Y",Ih="TAX_INCLUSIVE_DETAILS",Hh="TAX_EXCLUSIVE",fs={ABM:bn,PUF:xn,M2M:vn,PERPETUAL:yn,P3Y:wn},Fg={[bn]:{commitment:Ae.YEAR,term:Te.MONTHLY},[xn]:{commitment:Ae.YEAR,term:Te.ANNUAL},[vn]:{commitment:Ae.MONTH,term:Te.MONTHLY},[yn]:{commitment:Ae.PERPETUAL,term:void 0},[wn]:{commitment:Ae.THREE_MONTHS,term:Te.P3Y}},bs="Value is not an offer",Fr=e=>{if(typeof e!="object")return bs;let{commitment:t,term:r}=e,i=zh(t,r);return{...e,planType:i}};var zh=(e,t)=>{switch(e){case void 0:return bs;case"":return"";case Ae.YEAR:return t===Te.MONTHLY?bn:t===Te.ANNUAL?xn:"";case Ae.MONTH:return t===Te.MONTHLY?vn:"";case Ae.PERPETUAL:return yn;case Ae.TERM_LICENSE:return t===Te.P3Y?wn:"";default:return""}};function xs(e){let{priceDetails:t}=e,{price:r,priceWithoutDiscount:i,priceWithoutTax:a,priceWithoutDiscountAndTax:n,taxDisplay:o}=t;if(o!==Ih)return e;let s={...e,priceDetails:{...t,price:a??r,priceWithoutDiscount:n??i,taxDisplay:Hh}};return s.offerType==="TRIAL"&&s.priceDetails.price===0&&(s.priceDetails.price=s.priceDetails.priceWithoutDiscount),s}var vs={LOCAL:"local",PROD:"prod",STAGE:"stage"},En={DEBUG:"debug",ERROR:"error",INFO:"info",WARN:"warn"},An=new Set,Sn=new Set,ys=new Map,ws={append({level:e,message:t,params:r,timestamp:i,source:a}){console[e](`${i}ms [${a}] %c${t}`,"font-weight: bold;",...r)}},Es={filter:({level:e})=>e!==En.DEBUG},$h={filter:()=>!1};function Dh(e,t,r,i,a){return{level:e,message:t,namespace:r,get params(){return i.length===1&&qi(i[0])&&(i=i[0](),Array.isArray(i)||(i=[i])),i},source:a,timestamp:performance.now().toFixed(3)}}function Bh(e){[...Sn].every(t=>t(e))&&An.forEach(t=>t(e))}function As(e){let t=(ys.get(e)??0)+1;ys.set(e,t);let r=`${e} #${t}`,i={id:r,namespace:e,module:a=>As(`${i.namespace}/${a}`),updateConfig:Bi};return Object.values(En).forEach(a=>{i[a]=(n,...o)=>Bh(Dh(a,n,e,o,r))}),Object.seal(i)}function Yi(...e){e.forEach(t=>{let{append:r,filter:i}=t;qi(i)&&Sn.add(i),qi(r)&&An.add(r)})}function Fh(e={}){let{name:t}=e,r=M(Y("commerce.debug",{search:!0,storage:!0}),t===vs.LOCAL);return Yi(r?ws:Es),t===vs.PROD&&Yi(Va),ge}function Uh(){An.clear(),Sn.clear()}var ge={...As(en),Level:En,Plugins:{consoleAppender:ws,debugFilter:Es,quietFilter:$h,lanaAppender:Va},init:Fh,reset:Uh,use:Yi};var qh="mas-commerce-service",Gh=ge.module("utilities"),Vh={requestId:$r,etag:"Etag",lastModified:"Last-Modified",serverTiming:"server-timing"};function Ur(e,{country:t,forceTaxExclusive:r}){let i;if(e.length<2)i=e;else{let a=t==="GB"?"EN":"MULT";e.sort((n,o)=>n.language===a?-1:o.language===a?1:0),e.sort((n,o)=>!n.term&&o.term?-1:n.term&&!o.term?1:0),i=[e[0]]}return r&&(i=i.map(xs)),i}var Ss=(e,t)=>{let r=e.reduce((i,a)=>i+(t(a)||0),0);return r>0?Math.round(r*100)/100:void 0};function Cn(e){if(!e||e.length===0)return null;if(e.length===1)return e[0];let[t,...r]=e;for(let s of r){let c=[["commitment","commitment types"],["term","terms"],["priceDetails.formatString","currency formats"]];for(let[l,d]of c){let h=l.includes(".")?t.priceDetails?.formatString:t[l],p=l.includes(".")?s.priceDetails?.formatString:s[l];p!==h&&Gh.warn(`Offers have different ${d}, summing may produce unexpected results`,{expected:h,actual:p})}}let i=[["price",s=>s.priceDetails?.price],["priceWithoutDiscount",s=>s.priceDetails?.priceWithoutDiscount],["priceWithoutTax",s=>s.priceDetails?.priceWithoutTax],["priceWithoutDiscountAndTax",s=>s.priceDetails?.priceWithoutDiscountAndTax]],a={};for(let[s,c]of i){let l=Ss(e,c);l!==void 0&&(a[s]=l)}let n=e.some(s=>s.priceDetails?.annualized),o;if(n){let s=[["annualizedPrice",c=>c.priceDetails?.annualized?.annualizedPrice],["annualizedPriceWithoutTax",c=>c.priceDetails?.annualized?.annualizedPriceWithoutTax],["annualizedPriceWithoutDiscount",c=>c.priceDetails?.annualized?.annualizedPriceWithoutDiscount],["annualizedPriceWithoutDiscountAndTax",c=>c.priceDetails?.annualized?.annualizedPriceWithoutDiscountAndTax]];o={};for(let[c,l]of s){let d=Ss(e,l);d!==void 0&&(o[c]=d)}}return{...t,offerSelectorIds:e.flatMap(s=>s.offerSelectorIds||[]),priceDetails:{...t.priceDetails,...a,...o&&{annualized:o}}}}var Xi=e=>window.setTimeout(e);function Wt(e,t=1){if(e==null)return[t];let r=(Array.isArray(e)?e:String(e).split(",")).map(ms).filter(Dr);return r.length||(r=[t]),r}function Ki(e){return e==null?[]:(Array.isArray(e)?e:String(e).split(",")).filter(ps)}function be(){return document.getElementsByTagName(qh)?.[0]}function Qi(e){let t={};if(!e?.headers)return t;let r=e.headers;for(let[i,a]of Object.entries(Vh)){let n=r.get(a);n&&(n=n.replace(/[,;]/g,"|"),n=n.replace(/[| ]+/g,"|"),t[i]=n)}return t}var qe=class e extends Error{constructor(t,r,i){if(super(t,{cause:i}),this.name="MasError",r.response){let a=r.response.headers?.get($r);a&&(r.requestId=a),r.response.status&&(r.status=r.response.status,r.statusText=r.response.statusText),r.response.url&&(r.url=r.response.url)}delete r.response,this.context=r,Error.captureStackTrace&&Error.captureStackTrace(this,e)}toString(){let t=Object.entries(this.context||{}).map(([i,a])=>`${i}: ${JSON.stringify(a)}`).join(", "),r=`${this.name}: ${this.message}`;return t&&(r+=` (${t})`),this.cause&&(r+=` +Caused by: ${this.cause}`),r}};var jh={[Me]:Ya,[it]:Xa,[Ye]:Ka},Wh={[Me]:Ja,[Ye]:Gt},qr,nt=class{constructor(t){A(this,qr);g(this,"changes",new Map);g(this,"connected",!1);g(this,"error");g(this,"log");g(this,"options");g(this,"promises",[]);g(this,"state",it);g(this,"timer",null);g(this,"value");g(this,"version",0);g(this,"wrapperElement");this.wrapperElement=t,this.log=ge.module("mas-element")}update(){[Me,it,Ye].forEach(t=>{this.wrapperElement.classList.toggle(jh[t],t===this.state)})}notify(){(this.state===Ye||this.state===Me)&&(this.state===Ye?this.promises.forEach(({resolve:r})=>r(this.wrapperElement)):this.state===Me&&this.promises.forEach(({reject:r})=>r(this.error)),this.promises=[]);let t=this.error;this.error instanceof qe&&(t={message:this.error.message,...this.error.context}),this.wrapperElement.dispatchEvent(new CustomEvent(Wh[this.state],{bubbles:!0,composed:!0,detail:t}))}attributeChangedCallback(t,r,i){this.changes.set(t,i),this.requestUpdate()}connectedCallback(){E(this,qr,be()),this.requestUpdate(!0)}disconnectedCallback(){this.connected&&(this.connected=!1,this.log?.debug("Disconnected:",{element:this.wrapperElement}))}onceSettled(){let{error:t,promises:r,state:i}=this;return Ye===i?Promise.resolve(this.wrapperElement):Me===i?Promise.reject(t):new Promise((a,n)=>{r.push({resolve:a,reject:n})})}toggleResolved(t,r,i){return t!==this.version?!1:(i!==void 0&&(this.options=i),this.state=Ye,this.value=r,this.update(),this.log?.debug("Resolved:",{element:this.wrapperElement,value:r}),Xi(()=>this.notify()),!0)}toggleFailed(t,r,i){if(t!==this.version)return!1;i!==void 0&&(this.options=i),this.error=r,this.state=Me,this.update();let a=this.wrapperElement.getAttribute("is");return this.log?.error(`${a}: Failed to render: ${r.message}`,{element:this.wrapperElement,...r.context,...m(this,qr)?.duration}),Xi(()=>this.notify()),!0}togglePending(t){return this.version++,t&&(this.options=t),this.state=it,this.update(),this.log?.debug("Pending:",{osi:this.wrapperElement?.options?.wcsOsi}),this.version}requestUpdate(t=!1){if(!this.wrapperElement.isConnected||!be()||this.timer)return;let{error:r,options:i,state:a,value:n,version:o}=this;this.state=it,this.timer=Xi(async()=>{this.timer=null;let s=null;if(this.changes.size&&(s=Object.fromEntries(this.changes.entries()),this.changes.clear()),this.connected?this.log?.debug("Updated:",{element:this.wrapperElement,changes:s}):(this.connected=!0,this.log?.debug("Connected:",{element:this.wrapperElement,changes:s})),s||t)try{await this.wrapperElement.render?.()===!1&&this.state===it&&this.version===o&&(this.state=a,this.error=r,this.value=n,this.update(),this.notify())}catch(c){this.toggleFailed(this.version,c,i)}})}};qr=new WeakMap;function Cs(e={}){return Object.entries(e).forEach(([t,r])=>{(r==null||r===""||r?.length===0)&&delete e[t]}),e}function Zi(e,t={}){let{tag:r,is:i}=e,a=document.createElement(r,{is:i});return a.setAttribute("is",i),Object.assign(a.dataset,Cs(t)),a}function Ts(e,t={}){return e instanceof HTMLElement?(Object.assign(e.dataset,Cs(t)),e):null}var Yh=/[0-9\-+#]/,Xh=/[^\d\-+#]/g;function ks(e){return e.search(Yh)}function Kh(e="#.##"){let t={},r=e.length,i=ks(e);t.prefix=i>0?e.substring(0,i):"";let a=ks(e.split("").reverse().join("")),n=r-a,o=e.substring(n,n+1),s=n+(o==="."||o===","?1:0);t.suffix=a>0?e.substring(s,r):"",t.mask=e.substring(i,s),t.maskHasNegativeSign=t.mask.charAt(0)==="-",t.maskHasPositiveSign=t.mask.charAt(0)==="+";let c=t.mask.match(Xh);return t.decimal=c&&c[c.length-1]||".",t.separator=c&&c[1]&&c[0]||",",c=t.mask.split(t.decimal),t.integer=c[0],t.fraction=c[1],t}function Qh(e,t,r){let i=!1,a={value:e};e<0&&(i=!0,a.value=-a.value),a.sign=i?"-":"",a.value=Number(a.value).toFixed(t.fraction&&t.fraction.length),a.value=Number(a.value).toString();let n=t.fraction&&t.fraction.lastIndexOf("0"),[o="0",s=""]=a.value.split(".");return(!s||s&&s.length<=n)&&(s=n<0?"":(+("0."+s)).toFixed(n+1).replace("0.","")),a.integer=o,a.fraction=s,Zh(a,t),(a.result==="0"||a.result==="")&&(i=!1,a.sign=""),!i&&t.maskHasPositiveSign?a.sign="+":i&&t.maskHasPositiveSign?a.sign="-":i&&(a.sign=r&&r.enforceMaskSign&&!t.maskHasNegativeSign?"":"-"),a}function Zh(e,t){e.result="";let r=t.integer.split(t.separator),i=r.join(""),a=i&&i.indexOf("0");if(a>-1)for(;e.integer.lengthe*12,At=(e,t,r=1)=>{if(!e)return!1;let{start:i,end:a,displaySummary:{amount:n,duration:o,minProductQuantity:s=1,outcomeType:c}={}}=e;if(!(n&&o&&c)||r=d&&l<=h},Et={MONTH:"MONTH",YEAR:"YEAR"},tp={[Ce.ANNUAL]:12,[Ce.MONTHLY]:1,[Ce.THREE_YEARS]:36,[Ce.TWO_YEARS]:24},kn=(e,t)=>({accept:e,round:t}),rp=[kn(({divisor:e,price:t})=>t%e==0,({divisor:e,price:t})=>t/e),kn(({usePrecision:e})=>e,({divisor:e,price:t})=>Math.round(t/e*100)/100),kn(()=>!0,({divisor:e,price:t})=>Math.ceil(Math.floor(t*100/e)/100))],_n={[xt.YEAR]:{[Ce.MONTHLY]:Et.MONTH,[Ce.ANNUAL]:Et.YEAR},[xt.MONTH]:{[Ce.MONTHLY]:Et.MONTH}},ip=(e,t)=>e.indexOf(`'${t}'`)===0,ap=(e,t=!0)=>{let r=e.replace(/'.*?'/,"").trim(),i=Os(r);return!!i?t||(r=r.replace(/[,\.]0+/,i)):r=r.replace(/\s?(#.*0)(?!\s)?/,"$&"+op(e)),r},np=e=>{let t=sp(e),r=ip(e,t),i=e.replace(/'.*?'/,""),a=Ms.test(i)||Rs.test(i);return{currencySymbol:t,isCurrencyFirst:r,hasCurrencySpace:a}},Ns=e=>e.replace(Ms,Ps).replace(Rs,Ps),op=e=>e.match(/#(.?)#/)?.[1]===Ls?ep:Ls,sp=e=>e.match(/'(.*?)'/)?.[1]??"",Os=e=>e.match(/0(.?)0/)?.[1]??"";function Yt({formatString:e,price:t,usePrecision:r,isIndianPrice:i=!1},a,n=o=>o){let{currencySymbol:o,isCurrencyFirst:s,hasCurrencySpace:c}=np(e),l=r?Os(e):"",d=ap(e,r),h=r?2:0,p=n(t,{currencySymbol:o}),u=i?p.toLocaleString("hi-IN",{minimumFractionDigits:h,maximumFractionDigits:h}):_s(d,p),f=r?u.lastIndexOf(l):u.length,b=u.substring(0,f),y=u.substring(f+1);return{accessiblePrice:e.replace(/'.*?'/,"SYMBOL").replace(/#.*0/,u).replace(/SYMBOL/,o),currencySymbol:o,decimals:y,decimalsDelimiter:l,hasCurrencySpace:c,integer:b,isCurrencyFirst:s,recurrenceTerm:a}}var Is=e=>{let{commitment:t,term:r,usePrecision:i}=e,a=tp[r]??1;return Yt(e,a>1?Et.MONTH:_n[t]?.[r],n=>{let o={divisor:a,price:n,usePrecision:i},{round:s}=rp.find(({accept:c})=>c(o));if(!s)throw new Error(`Missing rounding rule for: ${JSON.stringify(o)}`);return s(o)})},Hs=({commitment:e,term:t,...r})=>Yt(r,_n[e]?.[t]),zs=e=>{let{commitment:t,instant:r,price:i,originalPrice:a,priceWithoutDiscount:n,promotion:o,quantity:s=1,term:c}=e;if(t===xt.YEAR&&c===Ce.MONTHLY){if(!o)return Yt(e,Et.YEAR,Tn);let{displaySummary:{outcomeType:l,duration:d}={}}=o;switch(l){case"PERCENTAGE_DISCOUNT":if(At(o,r,s)){let h=parseInt(d.replace("P","").replace("M",""));if(isNaN(h))return Tn(i);let p=a*h,u=n*(12-h),f=Math.round((p+u)*100)/100;return Yt({...e,price:f},Et.YEAR)}default:return Yt(e,Et.YEAR,()=>Tn(n??i))}}return Yt(e,_n[t]?.[c])};var $s="download",Ds="upgrade",Bs={e:"EDU",t:"TEAM"};function Ji(e,t={},r=""){let i=be();if(!i)return null;let{checkoutMarketSegment:a,checkoutWorkflow:n,checkoutWorkflowStep:o,entitlement:s,upgrade:c,modal:l,perpetual:d,promotionCode:h,quantity:p,wcsOsi:u,extraOptions:f,analyticsId:b}=i.collectCheckoutOptions(t),y=Zi(e,{checkoutMarketSegment:a,checkoutWorkflow:n,checkoutWorkflowStep:o,entitlement:s,upgrade:c,modal:l,perpetual:d,promotionCode:h,quantity:p,wcsOsi:u,extraOptions:f,analyticsId:b});return r&&(y.innerHTML=`${r}`),y}function ea(e){return class extends e{constructor(){super(...arguments);g(this,"checkoutActionHandler");g(this,"masElement",new nt(this))}attributeChangedCallback(i,a,n){this.masElement.attributeChangedCallback(i,a,n)}connectedCallback(){this.masElement.connectedCallback(),this.addEventListener("click",this.clickHandler)}disconnectedCallback(){this.masElement.disconnectedCallback(),this.removeEventListener("click",this.clickHandler)}onceSettled(){return this.masElement.onceSettled()}get value(){return this.masElement.value}get options(){return this.masElement.options}get marketSegment(){let i=this.options?.ms??this.value?.[0].marketSegments?.[0];return Bs[i]??i}get customerSegment(){let i=this.options?.cs??this.value?.[0]?.customerSegment;return Bs[i]??i}get is3in1Modal(){return Object.values(wt).includes(this.getAttribute("data-modal"))}get isOpen3in1Modal(){let i=document.querySelector("meta[name=mas-ff-3in1]");return this.is3in1Modal&&(!i||i.content!=="off")}requestUpdate(i=!1){return this.masElement.requestUpdate(i)}static get observedAttributes(){return["data-checkout-workflow","data-checkout-workflow-step","data-extra-options","data-ims-country","data-perpetual","data-promotion-code","data-quantity","data-template","data-wcs-osi","data-entitlement","data-upgrade","data-modal"]}async render(i={}){let a=be();if(!a)return!1;this.dataset.imsCountry||a.imsCountryPromise.then(u=>{u&&(this.dataset.imsCountry=u)}),i.imsCountry=null;let n=a.collectCheckoutOptions(i,this);if(!n.wcsOsi.length)return!1;let o;try{o=JSON.parse(n.extraOptions??"{}")}catch(u){this.masElement.log?.error("cannot parse exta checkout options",u)}let s=this.masElement.togglePending(n);this.setCheckoutUrl("");let c=a.resolveOfferSelectors(n),l=await Promise.all(c);l=l.map(u=>Ur(u,n));let d=l.flat().find(u=>u.promotion);!At(d?.promotion,d?.promotion?.displaySummary?.instant,n.quantity[0])&&n.promotionCode&&delete n.promotionCode,n.country=this.dataset.imsCountry||n.country;let p=await a.buildCheckoutAction?.(l.flat(),{...o,...n},this);return this.renderOffers(l.flat(),n,{},p,s)}renderOffers(i,a,n={},o=void 0,s=void 0){let c=be();if(!c)return!1;if(a={...JSON.parse(this.dataset.extraOptions??"{}"),...a,...n},s??(s=this.masElement.togglePending(a)),this.checkoutActionHandler&&(this.checkoutActionHandler=void 0),o){this.classList.remove($s,Ds),this.masElement.toggleResolved(s,i,a);let{url:d,text:h,className:p,handler:u}=o;d&&this.setCheckoutUrl(d),h&&(this.firstElementChild.innerHTML=h),p&&this.classList.add(...p.split(" ")),u&&(this.setCheckoutUrl("#"),this.checkoutActionHandler=u.bind(this))}if(i.length){if(this.masElement.toggleResolved(s,i,a)){if(!this.classList.contains($s)&&!this.classList.contains(Ds)){let d=c.buildCheckoutURL(i,a);this.setCheckoutUrl(a.modal==="true"?"#":d)}return!0}}else{let d=new Error(`Not provided: ${a?.wcsOsi??"-"}`);if(this.masElement.toggleFailed(s,d,a))return this.setCheckoutUrl("#"),!0}}setCheckoutUrl(){}clickHandler(i){}updateOptions(i={}){let a=be();if(!a)return!1;let{checkoutMarketSegment:n,checkoutWorkflow:o,checkoutWorkflowStep:s,entitlement:c,upgrade:l,modal:d,perpetual:h,promotionCode:p,quantity:u,wcsOsi:f}=a.collectCheckoutOptions(i);return Ts(this,{checkoutMarketSegment:n,checkoutWorkflow:o,checkoutWorkflowStep:s,entitlement:c,upgrade:l,modal:d,perpetual:h,promotionCode:p,quantity:u,wcsOsi:f}),!0}}}var Gr=class Gr extends ea(HTMLAnchorElement){static createCheckoutLink(t={},r=""){return Ji(Gr,t,r)}setCheckoutUrl(t){this.setAttribute("href",t)}get isCheckoutLink(){return!0}clickHandler(t){if(this.checkoutActionHandler){this.checkoutActionHandler?.(t);return}}};g(Gr,"is","checkout-link"),g(Gr,"tag","a");var Xe=Gr;window.customElements.get(Xe.is)||window.customElements.define(Xe.is,Xe,{extends:Xe.tag});var cp="p_draft_landscape",lp="/store/",dp=new Map([["countrySpecific","cs"],["customerSegment","cs"],["quantity","q"],["authCode","code"],["checkoutPromoCode","apc"],["rurl","rUrl"],["curl","cUrl"],["ctxrturl","ctxRtUrl"],["country","co"],["language","lang"],["clientId","cli"],["context","ctx"],["productArrangementCode","pa"],["addonProductArrangementCode","ao"],["offerType","ot"],["marketSegment","ms"]]),Ln=new Set(["af","ai","ao","apc","appctxid","cli","co","cs","csm","ctx","ctxRtUrl","DCWATC","dp","fr","gsp","ijt","lang","lo","mal","ms","mv","mv2","nglwfdata","ot","otac","pa","pcid","promoid","q","rf","sc","scl","sdid","sid","spint","svar","th","thm","trackingid","usid","workflowid","context.guid","so.ca","so.su","so.tr","so.va"]),hp=["env","workflowStep","clientId","country"],Fs=new Set(["gid","gtoken","notifauditid","cohortid","productname","sdid","attimer","gcsrc","gcprog","gcprogcat","gcpagetype","mv","mv2"]),Us=e=>dp.get(e)??e;function ta(e,t,r){for(let[i,a]of Object.entries(e)){let n=Us(i);a!=null&&r.has(n)&&t.set(n,a)}}function pp(e){switch(e){case sn.PRODUCTION:return"https://commerce.adobe.com";default:return"https://commerce-stg.adobe.com"}}function mp(e,t){for(let r in e){let i=e[r];for(let[a,n]of Object.entries(i)){if(n==null)continue;let o=Us(a);t.set(`items[${r}][${o}]`,n)}}}function up({url:e,modal:t,is3in1:r}){if(!r||!e?.searchParams)return e;e.searchParams.set("rtc","t"),e.searchParams.set("lo","sl");let i=e.searchParams.get("af");return e.searchParams.set("af",[i,"uc_new_user_iframe","uc_new_system_close"].filter(Boolean).join(",")),e.searchParams.get("cli")!=="doc_cloud"&&e.searchParams.set("cli",t===wt.CRM?"creative":"mini_plans"),e}function gp(e){let t=new URLSearchParams(window.location.search),r={};Fs.forEach(i=>{let a=t.get(i);a!==null&&(r[i]=a)}),Object.keys(r).length>0&&ta(r,e.searchParams,Fs)}function qs(e){fp(e);let{env:t,items:r,workflowStep:i,marketSegment:a,customerSegment:n,offerType:o,productArrangementCode:s,landscape:c,modal:l,is3in1:d,preselectPlan:h,...p}=e,u=new URL(pp(t));if(u.pathname=`${lp}${i}`,i!==ue.SEGMENTATION&&i!==ue.CHANGE_PLAN_TEAM_PLANS&&mp(r,u.searchParams),ta({...p},u.searchParams,Ln),gp(u),c===at.DRAFT&&ta({af:cp},u.searchParams,Ln),i===ue.SEGMENTATION){let f={marketSegment:a,offerType:o,customerSegment:n,productArrangementCode:s,quantity:r?.[0]?.quantity,addonProductArrangementCode:s?r?.find(b=>b.productArrangementCode!==s)?.productArrangementCode:r?.[1]?.productArrangementCode};h?.toLowerCase()==="edu"?u.searchParams.set("ms","EDU"):h?.toLowerCase()==="team"&&u.searchParams.set("cs","TEAM"),ta(f,u.searchParams,Ln),u.searchParams.get("ot")==="PROMOTION"&&u.searchParams.delete("ot"),u=up({url:u,modal:l,is3in1:d})}return u.toString()}function fp(e){for(let t of hp)if(!e[t])throw new Error(`Argument "checkoutData" is not valid, missing: ${t}`);if(e.workflowStep!==ue.SEGMENTATION&&e.workflowStep!==ue.CHANGE_PLAN_TEAM_PLANS&&!e.items)throw new Error('Argument "checkoutData" is not valid, missing: items');return!0}var B=Object.freeze({checkoutClientId:"adobe_com",checkoutWorkflowStep:ue.EMAIL,country:"US",displayOldPrice:!0,displayPerUnit:!1,displayRecurrence:!0,displayTax:!1,displayPlanType:!1,env:Ue.PRODUCTION,forceTaxExclusive:!1,language:"en",entitlement:!1,extraOptions:{},modal:!1,promotionCode:"",quantity:1,alternativePrice:!1,wcsApiKey:"wcms-commerce-ims-ro-user-milo",wcsURL:"https://www.adobe.com/web_commerce_artifact",landscape:at.PUBLISHED});function Gs({settings:e,providers:t}){function r(n,o){let{checkoutClientId:s,checkoutWorkflowStep:c,country:l,language:d,promotionCode:h,quantity:p,preselectPlan:u,env:f}=e,b={checkoutClientId:s,checkoutWorkflowStep:c,country:l,language:d,promotionCode:h,quantity:p,preselectPlan:u,env:f};if(o)for(let Dt of t.checkout)Dt(o,b);let{checkoutMarketSegment:y,checkoutWorkflowStep:C=c,imsCountry:w,country:v=w??l,language:T=d,quantity:q=p,entitlement:F,upgrade:V,modal:k,perpetual:G,promotionCode:ee=h,wcsOsi:Q,extraOptions:U,...fe}=Object.assign(b,o?.dataset??{},n??{}),Se=Br(C,ue,B.checkoutWorkflowStep);return b=Vi({...fe,extraOptions:U,checkoutClientId:s,checkoutMarketSegment:y,country:v,quantity:Wt(q,B.quantity),checkoutWorkflowStep:Se,language:T,entitlement:M(F),upgrade:M(V),modal:k,perpetual:M(G),promotionCode:Wi(ee).effectivePromoCode,wcsOsi:Ki(Q),preselectPlan:u}),b}function i(n,o){if(!Array.isArray(n)||!n.length||!o)return"";let{env:s,landscape:c}=e,{checkoutClientId:l,checkoutMarketSegment:d,checkoutWorkflowStep:h,country:p,promotionCode:u,quantity:f,preselectPlan:b,ms:y,cs:C,...w}=r(o),v=document.querySelector("meta[name=mas-ff-3in1]"),T=Object.values(wt).includes(o.modal)&&(!v||v.content!=="off"),q=window.frameElement||T?"if":"fp",[{productArrangementCode:F,marketSegments:[V],customerSegment:k,offerType:G}]=n,ee=y??V??d,Q=C??k;b?.toLowerCase()==="edu"?ee="EDU":b?.toLowerCase()==="team"&&(Q="TEAM");let U={is3in1:T,checkoutPromoCode:u,clientId:l,context:q,country:p,env:s,items:[],marketSegment:ee,customerSegment:Q,offerType:G,productArrangementCode:F,workflowStep:h,landscape:c,...w},fe=f[0]>1?f[0]:void 0;if(n.length===1){let{offerId:Se}=n[0];U.items.push({id:Se,quantity:fe})}else U.items.push(...n.map(({offerId:Se,productArrangementCode:Dt})=>({id:Se,quantity:fe,...T?{productArrangementCode:Dt}:{}})));return qs(U)}let{createCheckoutLink:a}=Xe;return{CheckoutLink:Xe,CheckoutWorkflowStep:ue,buildCheckoutURL:i,collectCheckoutOptions:r,createCheckoutLink:a}}function bp({interval:e=200,maxAttempts:t=25}={}){let r=ge.module("ims");return new Promise(i=>{r.debug("Waing for IMS to be ready");let a=0;function n(){window.adobeIMS?.initialized?i():++a>t?(r.debug("Timeout"),i()):setTimeout(n,e)}n()})}function xp(e){return e.then(()=>window.adobeIMS?.isSignedInUser()??!1)}function vp(e){let t=ge.module("ims");return e.then(r=>r?window.adobeIMS.getProfile().then(({countryCode:i})=>(t.debug("Got user country:",i),i),i=>{t.error("Unable to get user country:",i)}):null)}function Vs({}){let e=bp(),t=xp(e),r=vp(t);return{imsReadyPromise:e,imsSignedInPromise:t,imsCountryPromise:r}}var js=window.masPriceLiterals;function Ws(e){if(Array.isArray(js)){let t=e.locale==="id_ID"?"in":e.language,r=a=>js.find(n=>dn(n.lang,a)),i=r(t)??r(B.language);if(i)return Object.freeze(i)}return{}}var Pn=function(e,t){return Pn=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(r,i){r.__proto__=i}||function(r,i){for(var a in i)Object.prototype.hasOwnProperty.call(i,a)&&(r[a]=i[a])},Pn(e,t)};function Vr(e,t){if(typeof t!="function"&&t!==null)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");Pn(e,t);function r(){this.constructor=e}e.prototype=t===null?Object.create(t):(r.prototype=t.prototype,new r)}var z=function(){return z=Object.assign||function(t){for(var r,i=1,a=arguments.length;i0}),r=[],i=0,a=t;i1)throw new RangeError("integer-width stems only accept a single optional option");a.options[0].replace(Ep,function(c,l,d,h,p,u){if(l)t.minimumIntegerDigits=d.length;else{if(h&&p)throw new Error("We currently do not support maximum integer digits");if(u)throw new Error("We currently do not support exact integer digits")}return""});continue}if(ic.test(a.stem)){t.minimumIntegerDigits=a.stem.length;continue}if(Zs.test(a.stem)){if(a.options.length>1)throw new RangeError("Fraction-precision stems only accept a single optional option");a.stem.replace(Zs,function(c,l,d,h,p,u){return d==="*"?t.minimumFractionDigits=l.length:h&&h[0]==="#"?t.maximumFractionDigits=h.length:p&&u?(t.minimumFractionDigits=p.length,t.maximumFractionDigits=p.length+u.length):(t.minimumFractionDigits=l.length,t.maximumFractionDigits=l.length),""});var n=a.options[0];n==="w"?t=z(z({},t),{trailingZeroDisplay:"stripIfInteger"}):n&&(t=z(z({},t),Js(n)));continue}if(rc.test(a.stem)){t=z(z({},t),Js(a.stem));continue}var o=ac(a.stem);o&&(t=z(z({},t),o));var s=Ap(a.stem);s&&(t=z(z({},t),s))}return t}var Wr={AX:["H"],BQ:["H"],CP:["H"],CZ:["H"],DK:["H"],FI:["H"],ID:["H"],IS:["H"],ML:["H"],NE:["H"],RU:["H"],SE:["H"],SJ:["H"],SK:["H"],AS:["h","H"],BT:["h","H"],DJ:["h","H"],ER:["h","H"],GH:["h","H"],IN:["h","H"],LS:["h","H"],PG:["h","H"],PW:["h","H"],SO:["h","H"],TO:["h","H"],VU:["h","H"],WS:["h","H"],"001":["H","h"],AL:["h","H","hB"],TD:["h","H","hB"],"ca-ES":["H","h","hB"],CF:["H","h","hB"],CM:["H","h","hB"],"fr-CA":["H","h","hB"],"gl-ES":["H","h","hB"],"it-CH":["H","h","hB"],"it-IT":["H","h","hB"],LU:["H","h","hB"],NP:["H","h","hB"],PF:["H","h","hB"],SC:["H","h","hB"],SM:["H","h","hB"],SN:["H","h","hB"],TF:["H","h","hB"],VA:["H","h","hB"],CY:["h","H","hb","hB"],GR:["h","H","hb","hB"],CO:["h","H","hB","hb"],DO:["h","H","hB","hb"],KP:["h","H","hB","hb"],KR:["h","H","hB","hb"],NA:["h","H","hB","hb"],PA:["h","H","hB","hb"],PR:["h","H","hB","hb"],VE:["h","H","hB","hb"],AC:["H","h","hb","hB"],AI:["H","h","hb","hB"],BW:["H","h","hb","hB"],BZ:["H","h","hb","hB"],CC:["H","h","hb","hB"],CK:["H","h","hb","hB"],CX:["H","h","hb","hB"],DG:["H","h","hb","hB"],FK:["H","h","hb","hB"],GB:["H","h","hb","hB"],GG:["H","h","hb","hB"],GI:["H","h","hb","hB"],IE:["H","h","hb","hB"],IM:["H","h","hb","hB"],IO:["H","h","hb","hB"],JE:["H","h","hb","hB"],LT:["H","h","hb","hB"],MK:["H","h","hb","hB"],MN:["H","h","hb","hB"],MS:["H","h","hb","hB"],NF:["H","h","hb","hB"],NG:["H","h","hb","hB"],NR:["H","h","hb","hB"],NU:["H","h","hb","hB"],PN:["H","h","hb","hB"],SH:["H","h","hb","hB"],SX:["H","h","hb","hB"],TA:["H","h","hb","hB"],ZA:["H","h","hb","hB"],"af-ZA":["H","h","hB","hb"],AR:["H","h","hB","hb"],CL:["H","h","hB","hb"],CR:["H","h","hB","hb"],CU:["H","h","hB","hb"],EA:["H","h","hB","hb"],"es-BO":["H","h","hB","hb"],"es-BR":["H","h","hB","hb"],"es-EC":["H","h","hB","hb"],"es-ES":["H","h","hB","hb"],"es-GQ":["H","h","hB","hb"],"es-PE":["H","h","hB","hb"],GT:["H","h","hB","hb"],HN:["H","h","hB","hb"],IC:["H","h","hB","hb"],KG:["H","h","hB","hb"],KM:["H","h","hB","hb"],LK:["H","h","hB","hb"],MA:["H","h","hB","hb"],MX:["H","h","hB","hb"],NI:["H","h","hB","hb"],PY:["H","h","hB","hb"],SV:["H","h","hB","hb"],UY:["H","h","hB","hb"],JP:["H","h","K"],AD:["H","hB"],AM:["H","hB"],AO:["H","hB"],AT:["H","hB"],AW:["H","hB"],BE:["H","hB"],BF:["H","hB"],BJ:["H","hB"],BL:["H","hB"],BR:["H","hB"],CG:["H","hB"],CI:["H","hB"],CV:["H","hB"],DE:["H","hB"],EE:["H","hB"],FR:["H","hB"],GA:["H","hB"],GF:["H","hB"],GN:["H","hB"],GP:["H","hB"],GW:["H","hB"],HR:["H","hB"],IL:["H","hB"],IT:["H","hB"],KZ:["H","hB"],MC:["H","hB"],MD:["H","hB"],MF:["H","hB"],MQ:["H","hB"],MZ:["H","hB"],NC:["H","hB"],NL:["H","hB"],PM:["H","hB"],PT:["H","hB"],RE:["H","hB"],RO:["H","hB"],SI:["H","hB"],SR:["H","hB"],ST:["H","hB"],TG:["H","hB"],TR:["H","hB"],WF:["H","hB"],YT:["H","hB"],BD:["h","hB","H"],PK:["h","hB","H"],AZ:["H","hB","h"],BA:["H","hB","h"],BG:["H","hB","h"],CH:["H","hB","h"],GE:["H","hB","h"],LI:["H","hB","h"],ME:["H","hB","h"],RS:["H","hB","h"],UA:["H","hB","h"],UZ:["H","hB","h"],XK:["H","hB","h"],AG:["h","hb","H","hB"],AU:["h","hb","H","hB"],BB:["h","hb","H","hB"],BM:["h","hb","H","hB"],BS:["h","hb","H","hB"],CA:["h","hb","H","hB"],DM:["h","hb","H","hB"],"en-001":["h","hb","H","hB"],FJ:["h","hb","H","hB"],FM:["h","hb","H","hB"],GD:["h","hb","H","hB"],GM:["h","hb","H","hB"],GU:["h","hb","H","hB"],GY:["h","hb","H","hB"],JM:["h","hb","H","hB"],KI:["h","hb","H","hB"],KN:["h","hb","H","hB"],KY:["h","hb","H","hB"],LC:["h","hb","H","hB"],LR:["h","hb","H","hB"],MH:["h","hb","H","hB"],MP:["h","hb","H","hB"],MW:["h","hb","H","hB"],NZ:["h","hb","H","hB"],SB:["h","hb","H","hB"],SG:["h","hb","H","hB"],SL:["h","hb","H","hB"],SS:["h","hb","H","hB"],SZ:["h","hb","H","hB"],TC:["h","hb","H","hB"],TT:["h","hb","H","hB"],UM:["h","hb","H","hB"],US:["h","hb","H","hB"],VC:["h","hb","H","hB"],VG:["h","hb","H","hB"],VI:["h","hb","H","hB"],ZM:["h","hb","H","hB"],BO:["H","hB","h","hb"],EC:["H","hB","h","hb"],ES:["H","hB","h","hb"],GQ:["H","hB","h","hb"],PE:["H","hB","h","hb"],AE:["h","hB","hb","H"],"ar-001":["h","hB","hb","H"],BH:["h","hB","hb","H"],DZ:["h","hB","hb","H"],EG:["h","hB","hb","H"],EH:["h","hB","hb","H"],HK:["h","hB","hb","H"],IQ:["h","hB","hb","H"],JO:["h","hB","hb","H"],KW:["h","hB","hb","H"],LB:["h","hB","hb","H"],LY:["h","hB","hb","H"],MO:["h","hB","hb","H"],MR:["h","hB","hb","H"],OM:["h","hB","hb","H"],PH:["h","hB","hb","H"],PS:["h","hB","hb","H"],QA:["h","hB","hb","H"],SA:["h","hB","hb","H"],SD:["h","hB","hb","H"],SY:["h","hB","hb","H"],TN:["h","hB","hb","H"],YE:["h","hB","hb","H"],AF:["H","hb","hB","h"],LA:["H","hb","hB","h"],CN:["H","hB","hb","h"],LV:["H","hB","hb","h"],TL:["H","hB","hb","h"],"zu-ZA":["H","hB","hb","h"],CD:["hB","H"],IR:["hB","H"],"hi-IN":["hB","h","H"],"kn-IN":["hB","h","H"],"ml-IN":["hB","h","H"],"te-IN":["hB","h","H"],KH:["hB","h","H","hb"],"ta-IN":["hB","h","hb","H"],BN:["hb","hB","h","H"],MY:["hb","hB","h","H"],ET:["hB","hb","h","H"],"gu-IN":["hB","hb","h","H"],"mr-IN":["hB","hb","h","H"],"pa-IN":["hB","hb","h","H"],TW:["hB","hb","h","H"],KE:["hB","hb","H","h"],MM:["hB","hb","H","h"],TZ:["hB","hb","H","h"],UG:["hB","hb","H","h"]};function oc(e,t){for(var r="",i=0;i>1),c="a",l=Sp(t);for((l=="H"||l=="k")&&(s=0);s-- >0;)r+=c;for(;o-- >0;)r=l+r}else a==="J"?r+="H":r+=a}return r}function Sp(e){var t=e.hourCycle;if(t===void 0&&e.hourCycles&&e.hourCycles.length&&(t=e.hourCycles[0]),t)switch(t){case"h24":return"k";case"h23":return"H";case"h12":return"h";case"h11":return"K";default:throw new Error("Invalid hourCycle")}var r=e.language,i;r!=="root"&&(i=e.maximize().region);var a=Wr[i||""]||Wr[r||""]||Wr["".concat(r,"-001")]||Wr["001"];return a[0]}var Nn,Cp=new RegExp("^".concat(Rn.source,"*")),Tp=new RegExp("".concat(Rn.source,"*$"));function $(e,t){return{start:e,end:t}}var kp=!!String.prototype.startsWith,_p=!!String.fromCodePoint,Lp=!!Object.fromEntries,Pp=!!String.prototype.codePointAt,Mp=!!String.prototype.trimStart,Rp=!!String.prototype.trimEnd,Np=!!Number.isSafeInteger,Op=Np?Number.isSafeInteger:function(e){return typeof e=="number"&&isFinite(e)&&Math.floor(e)===e&&Math.abs(e)<=9007199254740991},In=!0;try{sc=hc("([^\\p{White_Space}\\p{Pattern_Syntax}]*)","yu"),In=((Nn=sc.exec("a"))===null||Nn===void 0?void 0:Nn[0])==="a"}catch{In=!1}var sc,cc=kp?function(t,r,i){return t.startsWith(r,i)}:function(t,r,i){return t.slice(i,i+r.length)===r},Hn=_p?String.fromCodePoint:function(){for(var t=[],r=0;rn;){if(o=t[n++],o>1114111)throw RangeError(o+" is not a valid code point");i+=o<65536?String.fromCharCode(o):String.fromCharCode(((o-=65536)>>10)+55296,o%1024+56320)}return i},lc=Lp?Object.fromEntries:function(t){for(var r={},i=0,a=t;i=i)){var a=t.charCodeAt(r),n;return a<55296||a>56319||r+1===i||(n=t.charCodeAt(r+1))<56320||n>57343?a:(a-55296<<10)+(n-56320)+65536}},Ip=Mp?function(t){return t.trimStart()}:function(t){return t.replace(Cp,"")},Hp=Rp?function(t){return t.trimEnd()}:function(t){return t.replace(Tp,"")};function hc(e,t){return new RegExp(e,t)}var zn;In?(On=hc("([^\\p{White_Space}\\p{Pattern_Syntax}]*)","yu"),zn=function(t,r){var i;On.lastIndex=r;var a=On.exec(t);return(i=a[1])!==null&&i!==void 0?i:""}):zn=function(t,r){for(var i=[];;){var a=dc(t,r);if(a===void 0||mc(a)||Dp(a))break;i.push(a),r+=a>=65536?2:1}return Hn.apply(void 0,i)};var On,pc=function(){function e(t,r){r===void 0&&(r={}),this.message=t,this.position={offset:0,line:1,column:1},this.ignoreTag=!!r.ignoreTag,this.locale=r.locale,this.requiresOtherClause=!!r.requiresOtherClause,this.shouldParseSkeletons=!!r.shouldParseSkeletons}return e.prototype.parse=function(){if(this.offset()!==0)throw Error("parser can only be used once");return this.parseMessage(0,"",!1)},e.prototype.parseMessage=function(t,r,i){for(var a=[];!this.isEOF();){var n=this.char();if(n===123){var o=this.parseArgument(t,i);if(o.err)return o;a.push(o.val)}else{if(n===125&&t>0)break;if(n===35&&(r==="plural"||r==="selectordinal")){var s=this.clonePosition();this.bump(),a.push({type:Z.pound,location:$(s,this.clonePosition())})}else if(n===60&&!this.ignoreTag&&this.peek()===47){if(i)break;return this.error(R.UNMATCHED_CLOSING_TAG,$(this.clonePosition(),this.clonePosition()))}else if(n===60&&!this.ignoreTag&&$n(this.peek()||0)){var o=this.parseTag(t,r);if(o.err)return o;a.push(o.val)}else{var o=this.parseLiteral(t,r);if(o.err)return o;a.push(o.val)}}}return{val:a,err:null}},e.prototype.parseTag=function(t,r){var i=this.clonePosition();this.bump();var a=this.parseTagName();if(this.bumpSpace(),this.bumpIf("/>"))return{val:{type:Z.literal,value:"<".concat(a,"/>"),location:$(i,this.clonePosition())},err:null};if(this.bumpIf(">")){var n=this.parseMessage(t+1,r,!0);if(n.err)return n;var o=n.val,s=this.clonePosition();if(this.bumpIf("")?{val:{type:Z.tag,value:a,children:o,location:$(i,this.clonePosition())},err:null}:this.error(R.INVALID_TAG,$(s,this.clonePosition())))}else return this.error(R.UNCLOSED_TAG,$(i,this.clonePosition()))}else return this.error(R.INVALID_TAG,$(i,this.clonePosition()))},e.prototype.parseTagName=function(){var t=this.offset();for(this.bump();!this.isEOF()&&$p(this.char());)this.bump();return this.message.slice(t,this.offset())},e.prototype.parseLiteral=function(t,r){for(var i=this.clonePosition(),a="";;){var n=this.tryParseQuote(r);if(n){a+=n;continue}var o=this.tryParseUnquoted(t,r);if(o){a+=o;continue}var s=this.tryParseLeftAngleBracket();if(s){a+=s;continue}break}var c=$(i,this.clonePosition());return{val:{type:Z.literal,value:a,location:c},err:null}},e.prototype.tryParseLeftAngleBracket=function(){return!this.isEOF()&&this.char()===60&&(this.ignoreTag||!zp(this.peek()||0))?(this.bump(),"<"):null},e.prototype.tryParseQuote=function(t){if(this.isEOF()||this.char()!==39)return null;switch(this.peek()){case 39:return this.bump(),this.bump(),"'";case 123:case 60:case 62:case 125:break;case 35:if(t==="plural"||t==="selectordinal")break;return null;default:return null}this.bump();var r=[this.char()];for(this.bump();!this.isEOF();){var i=this.char();if(i===39)if(this.peek()===39)r.push(39),this.bump();else{this.bump();break}else r.push(i);this.bump()}return Hn.apply(void 0,r)},e.prototype.tryParseUnquoted=function(t,r){if(this.isEOF())return null;var i=this.char();return i===60||i===123||i===35&&(r==="plural"||r==="selectordinal")||i===125&&t>0?null:(this.bump(),Hn(i))},e.prototype.parseArgument=function(t,r){var i=this.clonePosition();if(this.bump(),this.bumpSpace(),this.isEOF())return this.error(R.EXPECT_ARGUMENT_CLOSING_BRACE,$(i,this.clonePosition()));if(this.char()===125)return this.bump(),this.error(R.EMPTY_ARGUMENT,$(i,this.clonePosition()));var a=this.parseIdentifierIfPossible().value;if(!a)return this.error(R.MALFORMED_ARGUMENT,$(i,this.clonePosition()));if(this.bumpSpace(),this.isEOF())return this.error(R.EXPECT_ARGUMENT_CLOSING_BRACE,$(i,this.clonePosition()));switch(this.char()){case 125:return this.bump(),{val:{type:Z.argument,value:a,location:$(i,this.clonePosition())},err:null};case 44:return this.bump(),this.bumpSpace(),this.isEOF()?this.error(R.EXPECT_ARGUMENT_CLOSING_BRACE,$(i,this.clonePosition())):this.parseArgumentOptions(t,r,a,i);default:return this.error(R.MALFORMED_ARGUMENT,$(i,this.clonePosition()))}},e.prototype.parseIdentifierIfPossible=function(){var t=this.clonePosition(),r=this.offset(),i=zn(this.message,r),a=r+i.length;this.bumpTo(a);var n=this.clonePosition(),o=$(t,n);return{value:i,location:o}},e.prototype.parseArgumentOptions=function(t,r,i,a){var n,o=this.clonePosition(),s=this.parseIdentifierIfPossible().value,c=this.clonePosition();switch(s){case"":return this.error(R.EXPECT_ARGUMENT_TYPE,$(o,c));case"number":case"date":case"time":{this.bumpSpace();var l=null;if(this.bumpIf(",")){this.bumpSpace();var d=this.clonePosition(),h=this.parseSimpleArgStyleIfPossible();if(h.err)return h;var p=Hp(h.val);if(p.length===0)return this.error(R.EXPECT_ARGUMENT_STYLE,$(this.clonePosition(),this.clonePosition()));var u=$(d,this.clonePosition());l={style:p,styleLocation:u}}var f=this.tryParseArgumentClose(a);if(f.err)return f;var b=$(a,this.clonePosition());if(l&&cc(l?.style,"::",0)){var y=Ip(l.style.slice(2));if(s==="number"){var h=this.parseNumberSkeletonFromString(y,l.styleLocation);return h.err?h:{val:{type:Z.number,value:i,location:b,style:h.val},err:null}}else{if(y.length===0)return this.error(R.EXPECT_DATE_TIME_SKELETON,b);var C=y;this.locale&&(C=oc(y,this.locale));var p={type:St.dateTime,pattern:C,location:l.styleLocation,parsedOptions:this.shouldParseSkeletons?Ks(C):{}},w=s==="date"?Z.date:Z.time;return{val:{type:w,value:i,location:b,style:p},err:null}}}return{val:{type:s==="number"?Z.number:s==="date"?Z.date:Z.time,value:i,location:b,style:(n=l?.style)!==null&&n!==void 0?n:null},err:null}}case"plural":case"selectordinal":case"select":{var v=this.clonePosition();if(this.bumpSpace(),!this.bumpIf(","))return this.error(R.EXPECT_SELECT_ARGUMENT_OPTIONS,$(v,z({},v)));this.bumpSpace();var T=this.parseIdentifierIfPossible(),q=0;if(s!=="select"&&T.value==="offset"){if(!this.bumpIf(":"))return this.error(R.EXPECT_PLURAL_ARGUMENT_OFFSET_VALUE,$(this.clonePosition(),this.clonePosition()));this.bumpSpace();var h=this.tryParseDecimalInteger(R.EXPECT_PLURAL_ARGUMENT_OFFSET_VALUE,R.INVALID_PLURAL_ARGUMENT_OFFSET_VALUE);if(h.err)return h;this.bumpSpace(),T=this.parseIdentifierIfPossible(),q=h.val}var F=this.tryParsePluralOrSelectOptions(t,s,r,T);if(F.err)return F;var f=this.tryParseArgumentClose(a);if(f.err)return f;var V=$(a,this.clonePosition());return s==="select"?{val:{type:Z.select,value:i,options:lc(F.val),location:V},err:null}:{val:{type:Z.plural,value:i,options:lc(F.val),offset:q,pluralType:s==="plural"?"cardinal":"ordinal",location:V},err:null}}default:return this.error(R.INVALID_ARGUMENT_TYPE,$(o,c))}},e.prototype.tryParseArgumentClose=function(t){return this.isEOF()||this.char()!==125?this.error(R.EXPECT_ARGUMENT_CLOSING_BRACE,$(t,this.clonePosition())):(this.bump(),{val:!0,err:null})},e.prototype.parseSimpleArgStyleIfPossible=function(){for(var t=0,r=this.clonePosition();!this.isEOF();){var i=this.char();switch(i){case 39:{this.bump();var a=this.clonePosition();if(!this.bumpUntil("'"))return this.error(R.UNCLOSED_QUOTE_IN_ARGUMENT_STYLE,$(a,this.clonePosition()));this.bump();break}case 123:{t+=1,this.bump();break}case 125:{if(t>0)t-=1;else return{val:this.message.slice(r.offset,this.offset()),err:null};break}default:this.bump();break}}return{val:this.message.slice(r.offset,this.offset()),err:null}},e.prototype.parseNumberSkeletonFromString=function(t,r){var i=[];try{i=tc(t)}catch{return this.error(R.INVALID_NUMBER_SKELETON,r)}return{val:{type:St.number,tokens:i,location:r,parsedOptions:this.shouldParseSkeletons?nc(i):{}},err:null}},e.prototype.tryParsePluralOrSelectOptions=function(t,r,i,a){for(var n,o=!1,s=[],c=new Set,l=a.value,d=a.location;;){if(l.length===0){var h=this.clonePosition();if(r!=="select"&&this.bumpIf("=")){var p=this.tryParseDecimalInteger(R.EXPECT_PLURAL_ARGUMENT_SELECTOR,R.INVALID_PLURAL_ARGUMENT_SELECTOR);if(p.err)return p;d=$(h,this.clonePosition()),l=this.message.slice(h.offset,this.offset())}else break}if(c.has(l))return this.error(r==="select"?R.DUPLICATE_SELECT_ARGUMENT_SELECTOR:R.DUPLICATE_PLURAL_ARGUMENT_SELECTOR,d);l==="other"&&(o=!0),this.bumpSpace();var u=this.clonePosition();if(!this.bumpIf("{"))return this.error(r==="select"?R.EXPECT_SELECT_ARGUMENT_SELECTOR_FRAGMENT:R.EXPECT_PLURAL_ARGUMENT_SELECTOR_FRAGMENT,$(this.clonePosition(),this.clonePosition()));var f=this.parseMessage(t+1,r,i);if(f.err)return f;var b=this.tryParseArgumentClose(u);if(b.err)return b;s.push([l,{value:f.val,location:$(u,this.clonePosition())}]),c.add(l),this.bumpSpace(),n=this.parseIdentifierIfPossible(),l=n.value,d=n.location}return s.length===0?this.error(r==="select"?R.EXPECT_SELECT_ARGUMENT_SELECTOR:R.EXPECT_PLURAL_ARGUMENT_SELECTOR,$(this.clonePosition(),this.clonePosition())):this.requiresOtherClause&&!o?this.error(R.MISSING_OTHER_CLAUSE,$(this.clonePosition(),this.clonePosition())):{val:s,err:null}},e.prototype.tryParseDecimalInteger=function(t,r){var i=1,a=this.clonePosition();this.bumpIf("+")||this.bumpIf("-")&&(i=-1);for(var n=!1,o=0;!this.isEOF();){var s=this.char();if(s>=48&&s<=57)n=!0,o=o*10+(s-48),this.bump();else break}var c=$(a,this.clonePosition());return n?(o*=i,Op(o)?{val:o,err:null}:this.error(r,c)):this.error(t,c)},e.prototype.offset=function(){return this.position.offset},e.prototype.isEOF=function(){return this.offset()===this.message.length},e.prototype.clonePosition=function(){return{offset:this.position.offset,line:this.position.line,column:this.position.column}},e.prototype.char=function(){var t=this.position.offset;if(t>=this.message.length)throw Error("out of bound");var r=dc(this.message,t);if(r===void 0)throw Error("Offset ".concat(t," is at invalid UTF-16 code unit boundary"));return r},e.prototype.error=function(t,r){return{val:null,err:{kind:t,message:this.message,location:r}}},e.prototype.bump=function(){if(!this.isEOF()){var t=this.char();t===10?(this.position.line+=1,this.position.column=1,this.position.offset+=1):(this.position.column+=1,this.position.offset+=t<65536?1:2)}},e.prototype.bumpIf=function(t){if(cc(this.message,t,this.offset())){for(var r=0;r=0?(this.bumpTo(i),!0):(this.bumpTo(this.message.length),!1)},e.prototype.bumpTo=function(t){if(this.offset()>t)throw Error("targetOffset ".concat(t," must be greater than or equal to the current offset ").concat(this.offset()));for(t=Math.min(t,this.message.length);;){var r=this.offset();if(r===t)break;if(r>t)throw Error("targetOffset ".concat(t," is at invalid UTF-16 code unit boundary"));if(this.bump(),this.isEOF())break}},e.prototype.bumpSpace=function(){for(;!this.isEOF()&&mc(this.char());)this.bump()},e.prototype.peek=function(){if(this.isEOF())return null;var t=this.char(),r=this.offset(),i=this.message.charCodeAt(r+(t>=65536?2:1));return i??null},e}();function $n(e){return e>=97&&e<=122||e>=65&&e<=90}function zp(e){return $n(e)||e===47}function $p(e){return e===45||e===46||e>=48&&e<=57||e===95||e>=97&&e<=122||e>=65&&e<=90||e==183||e>=192&&e<=214||e>=216&&e<=246||e>=248&&e<=893||e>=895&&e<=8191||e>=8204&&e<=8205||e>=8255&&e<=8256||e>=8304&&e<=8591||e>=11264&&e<=12271||e>=12289&&e<=55295||e>=63744&&e<=64975||e>=65008&&e<=65533||e>=65536&&e<=983039}function mc(e){return e>=9&&e<=13||e===32||e===133||e>=8206&&e<=8207||e===8232||e===8233}function Dp(e){return e>=33&&e<=35||e===36||e>=37&&e<=39||e===40||e===41||e===42||e===43||e===44||e===45||e>=46&&e<=47||e>=58&&e<=59||e>=60&&e<=62||e>=63&&e<=64||e===91||e===92||e===93||e===94||e===96||e===123||e===124||e===125||e===126||e===161||e>=162&&e<=165||e===166||e===167||e===169||e===171||e===172||e===174||e===176||e===177||e===182||e===187||e===191||e===215||e===247||e>=8208&&e<=8213||e>=8214&&e<=8215||e===8216||e===8217||e===8218||e>=8219&&e<=8220||e===8221||e===8222||e===8223||e>=8224&&e<=8231||e>=8240&&e<=8248||e===8249||e===8250||e>=8251&&e<=8254||e>=8257&&e<=8259||e===8260||e===8261||e===8262||e>=8263&&e<=8273||e===8274||e===8275||e>=8277&&e<=8286||e>=8592&&e<=8596||e>=8597&&e<=8601||e>=8602&&e<=8603||e>=8604&&e<=8607||e===8608||e>=8609&&e<=8610||e===8611||e>=8612&&e<=8613||e===8614||e>=8615&&e<=8621||e===8622||e>=8623&&e<=8653||e>=8654&&e<=8655||e>=8656&&e<=8657||e===8658||e===8659||e===8660||e>=8661&&e<=8691||e>=8692&&e<=8959||e>=8960&&e<=8967||e===8968||e===8969||e===8970||e===8971||e>=8972&&e<=8991||e>=8992&&e<=8993||e>=8994&&e<=9e3||e===9001||e===9002||e>=9003&&e<=9083||e===9084||e>=9085&&e<=9114||e>=9115&&e<=9139||e>=9140&&e<=9179||e>=9180&&e<=9185||e>=9186&&e<=9254||e>=9255&&e<=9279||e>=9280&&e<=9290||e>=9291&&e<=9311||e>=9472&&e<=9654||e===9655||e>=9656&&e<=9664||e===9665||e>=9666&&e<=9719||e>=9720&&e<=9727||e>=9728&&e<=9838||e===9839||e>=9840&&e<=10087||e===10088||e===10089||e===10090||e===10091||e===10092||e===10093||e===10094||e===10095||e===10096||e===10097||e===10098||e===10099||e===10100||e===10101||e>=10132&&e<=10175||e>=10176&&e<=10180||e===10181||e===10182||e>=10183&&e<=10213||e===10214||e===10215||e===10216||e===10217||e===10218||e===10219||e===10220||e===10221||e===10222||e===10223||e>=10224&&e<=10239||e>=10240&&e<=10495||e>=10496&&e<=10626||e===10627||e===10628||e===10629||e===10630||e===10631||e===10632||e===10633||e===10634||e===10635||e===10636||e===10637||e===10638||e===10639||e===10640||e===10641||e===10642||e===10643||e===10644||e===10645||e===10646||e===10647||e===10648||e>=10649&&e<=10711||e===10712||e===10713||e===10714||e===10715||e>=10716&&e<=10747||e===10748||e===10749||e>=10750&&e<=11007||e>=11008&&e<=11055||e>=11056&&e<=11076||e>=11077&&e<=11078||e>=11079&&e<=11084||e>=11085&&e<=11123||e>=11124&&e<=11125||e>=11126&&e<=11157||e===11158||e>=11159&&e<=11263||e>=11776&&e<=11777||e===11778||e===11779||e===11780||e===11781||e>=11782&&e<=11784||e===11785||e===11786||e===11787||e===11788||e===11789||e>=11790&&e<=11798||e===11799||e>=11800&&e<=11801||e===11802||e===11803||e===11804||e===11805||e>=11806&&e<=11807||e===11808||e===11809||e===11810||e===11811||e===11812||e===11813||e===11814||e===11815||e===11816||e===11817||e>=11818&&e<=11822||e===11823||e>=11824&&e<=11833||e>=11834&&e<=11835||e>=11836&&e<=11839||e===11840||e===11841||e===11842||e>=11843&&e<=11855||e>=11856&&e<=11857||e===11858||e>=11859&&e<=11903||e>=12289&&e<=12291||e===12296||e===12297||e===12298||e===12299||e===12300||e===12301||e===12302||e===12303||e===12304||e===12305||e>=12306&&e<=12307||e===12308||e===12309||e===12310||e===12311||e===12312||e===12313||e===12314||e===12315||e===12316||e===12317||e>=12318&&e<=12319||e===12320||e===12336||e===64830||e===64831||e>=65093&&e<=65094}function Dn(e){e.forEach(function(t){if(delete t.location,oa(t)||sa(t))for(var r in t.options)delete t.options[r].location,Dn(t.options[r].value);else ia(t)&&la(t.style)||(aa(t)||na(t))&&jr(t.style)?delete t.style.location:ca(t)&&Dn(t.children)})}function uc(e,t){t===void 0&&(t={}),t=z({shouldParseSkeletons:!0,requiresOtherClause:!0},t);var r=new pc(e,t).parse();if(r.err){var i=SyntaxError(R[r.err.kind]);throw i.location=r.err.location,i.originalMessage=r.err.message,i}return t?.captureLocation||Dn(r.val),r.val}function Yr(e,t){var r=t&&t.cache?t.cache:Vp,i=t&&t.serializer?t.serializer:Gp,a=t&&t.strategy?t.strategy:Fp;return a(e,{cache:r,serializer:i})}function Bp(e){return e==null||typeof e=="number"||typeof e=="boolean"}function gc(e,t,r,i){var a=Bp(i)?i:r(i),n=t.get(a);return typeof n>"u"&&(n=e.call(this,i),t.set(a,n)),n}function fc(e,t,r){var i=Array.prototype.slice.call(arguments,3),a=r(i),n=t.get(a);return typeof n>"u"&&(n=e.apply(this,i),t.set(a,n)),n}function Bn(e,t,r,i,a){return r.bind(t,e,i,a)}function Fp(e,t){var r=e.length===1?gc:fc;return Bn(e,this,r,t.cache.create(),t.serializer)}function Up(e,t){return Bn(e,this,fc,t.cache.create(),t.serializer)}function qp(e,t){return Bn(e,this,gc,t.cache.create(),t.serializer)}var Gp=function(){return JSON.stringify(arguments)};function Fn(){this.cache=Object.create(null)}Fn.prototype.get=function(e){return this.cache[e]};Fn.prototype.set=function(e,t){this.cache[e]=t};var Vp={create:function(){return new Fn}},da={variadic:Up,monadic:qp};var Ct;(function(e){e.MISSING_VALUE="MISSING_VALUE",e.INVALID_VALUE="INVALID_VALUE",e.MISSING_INTL_API="MISSING_INTL_API"})(Ct||(Ct={}));var Xr=function(e){Vr(t,e);function t(r,i,a){var n=e.call(this,r)||this;return n.code=i,n.originalMessage=a,n}return t.prototype.toString=function(){return"[formatjs Error: ".concat(this.code,"] ").concat(this.message)},t}(Error);var Un=function(e){Vr(t,e);function t(r,i,a,n){return e.call(this,'Invalid values for "'.concat(r,'": "').concat(i,'". Options are "').concat(Object.keys(a).join('", "'),'"'),Ct.INVALID_VALUE,n)||this}return t}(Xr);var bc=function(e){Vr(t,e);function t(r,i,a){return e.call(this,'Value for "'.concat(r,'" must be of type ').concat(i),Ct.INVALID_VALUE,a)||this}return t}(Xr);var xc=function(e){Vr(t,e);function t(r,i){return e.call(this,'The intl string context variable "'.concat(r,'" was not provided to the string "').concat(i,'"'),Ct.MISSING_VALUE,i)||this}return t}(Xr);var he;(function(e){e[e.literal=0]="literal",e[e.object=1]="object"})(he||(he={}));function jp(e){return e.length<2?e:e.reduce(function(t,r){var i=t[t.length-1];return!i||i.type!==he.literal||r.type!==he.literal?t.push(r):i.value+=r.value,t},[])}function Wp(e){return typeof e=="function"}function Kr(e,t,r,i,a,n,o){if(e.length===1&&Mn(e[0]))return[{type:he.literal,value:e[0].value}];for(var s=[],c=0,l=e;c0?new Intl.Locale(r[0]):new Intl.Locale(typeof t=="string"?t:t[0])},e.__parse=ds,e.formats={number:{integer:{maximumFractionDigits:0},currency:{style:"currency"},percent:{style:"percent"}},date:{short:{month:"numeric",day:"numeric",year:"2-digit"},medium:{month:"short",day:"numeric",year:"numeric"},long:{month:"long",day:"numeric",year:"numeric"},full:{weekday:"long",month:"long",day:"numeric",year:"numeric"}},time:{short:{hour:"numeric",minute:"numeric"},medium:{hour:"numeric",minute:"numeric",second:"numeric"},long:{hour:"numeric",minute:"numeric",second:"numeric",timeZoneName:"short"},full:{hour:"numeric",minute:"numeric",second:"numeric",timeZoneName:"short"}}},e}();var fs=gs;var tn={recurrenceLabel:"{recurrenceTerm, select, MONTH {/mo} YEAR {/yr} other {}}",recurrenceAriaLabel:"{recurrenceTerm, select, MONTH {per month} YEAR {per year} other {}}",perUnitLabel:"{perUnit, select, LICENSE {per license} other {}}",perUnitAriaLabel:"{perUnit, select, LICENSE {per license} other {}}",freeLabel:"Free",freeAriaLabel:"Free",taxExclusiveLabel:"{taxTerm, select, GST {excl. GST} VAT {excl. VAT} TAX {excl. tax} IVA {excl. IVA} SST {excl. SST} KDV {excl. KDV} other {}}",taxInclusiveLabel:"{taxTerm, select, GST {incl. GST} VAT {incl. VAT} TAX {incl. tax} IVA {incl. IVA} SST {incl. SST} KDV {incl. KDV} other {}}",alternativePriceAriaLabel:"Alternatively at",strikethroughAriaLabel:"Regularly at",planTypeLabel:"{planType, select, ABM {Annual, billed monthly} other {}}"},wh=lo("ConsonantTemplates/price"),Eh=/<\/?[^>]+(>|$)/g,j={container:"price",containerOptical:"price-optical",containerStrikethrough:"price-strikethrough",containerPromoStrikethrough:"price-promo-strikethrough",containerAlternative:"price-alternative",containerAnnual:"price-annual",containerAnnualPrefix:"price-annual-prefix",containerAnnualSuffix:"price-annual-suffix",disabled:"disabled",currencySpace:"price-currency-space",currencySymbol:"price-currency-symbol",decimals:"price-decimals",decimalsDelimiter:"price-decimals-delimiter",integer:"price-integer",recurrence:"price-recurrence",taxInclusivity:"price-tax-inclusivity",unitType:"price-unit-type"},We={perUnitLabel:"perUnitLabel",perUnitAriaLabel:"perUnitAriaLabel",recurrenceLabel:"recurrenceLabel",recurrenceAriaLabel:"recurrenceAriaLabel",taxExclusiveLabel:"taxExclusiveLabel",taxInclusiveLabel:"taxInclusiveLabel",strikethroughAriaLabel:"strikethroughAriaLabel",alternativePriceAriaLabel:"alternativePriceAriaLabel"},rn="TAX_EXCLUSIVE",Ah=e=>oo(e)?Object.entries(e).filter(([,t])=>Rt(t)||hi(t)||t===!0).reduce((t,[r,i])=>t+` ${r}${i===!0?"":'="'+no(i)+'"'}`,""):"",Y=(e,t,r,i=!1)=>`${i?Po(t):t??""}`;function Sh(e){e=e.replaceAll("","</a>");let t=/]+(>|$)/g;return e.match(t)?.forEach(i=>{let a=i.replace("",">");e=e.replaceAll(i,a)}),e}function Ch(e){e=e.replaceAll("</a>","");let t=/<a (?!>)(.*?)(>|$)/g;return e.match(t)?.forEach(i=>{let a=i.replace("<a ","");e=e.replaceAll(i,a)}),e}function $e(e,t,r,i){let a=e[r];if(a==null)return"";let n=a.includes("<"),o=a.includes("${t}`:r&&(v=`${r}`),c&&(v+=f+x),v+=Y(j.integer,s),v+=Y(j.decimalsDelimiter,n),v+=Y(j.decimals,a),c||(v+=x+f),v+=Y(j.recurrence,l,null,!0),v+=Y(j.unitType,d,null,!0),v+=Y(j.taxInclusivity,h,!0),Y(e,v,{...g})}var ae=({isAlternativePrice:e=!1,displayOptical:t=!1,displayStrikethrough:r=!1,displayPromoStrikethrough:i=!1,displayAnnual:a=!1,instant:n=void 0}={})=>({country:o,displayFormatted:s=!0,displayRecurrence:c=!0,displayPerUnit:l=!1,displayTax:d=!1,language:h,literals:g={},quantity:f=1,space:x=!1,isPromoApplied:v=!1}={},{commitment:S,offerSelectorIds:z,formatString:I,price:C,priceWithoutDiscount:O,taxDisplay:K,taxTerm:q,term:Q,usePrecision:ee,promotion:de}={},ie={})=>{Object.entries({country:o,formatString:I,language:h,price:C}).forEach(([Tl,kl])=>{if(kl==null)throw new Error(`Argument "${Tl}" is missing for osi ${z?.toString()}, country ${o}, language ${h}`)});let W={...tn,...g},$=`${h.toLowerCase()}-${o.toUpperCase()}`,he;de&&!v&&O?he=e||i?C:O:r&&O?he=O:he=C;let be=t?Mo:Ro;a&&(be=Oo);let{accessiblePrice:Tt,recurrenceTerm:jn,...Wn}=be({commitment:S,formatString:I,instant:n,isIndianPrice:o==="IN",originalPrice:C,priceWithoutDiscount:O,price:t?C:he,promotion:de,quantity:f,term:Q,usePrecision:ee}),Zi="",Ji="",ea="";T(c)&&jn&&(ea=$e(W,$,We.recurrenceLabel,{recurrenceTerm:jn}));let ni="";T(l)&&(x&&(ni+=" "),ni+=$e(W,$,We.perUnitLabel,{perUnit:"LICENSE"}));let oi="";T(d)&&q&&(x&&(oi+=" "),oi+=$e(W,$,K===rn?We.taxExclusiveLabel:We.taxInclusiveLabel,{taxTerm:q})),r&&(Zi=$e(W,$,We.strikethroughAriaLabel,{strikethroughPrice:Zi})),e&&(Ji=$e(W,$,We.alternativePriceAriaLabel,{alternativePrice:Ji}));let Je=j.container;if(t&&(Je+=" "+j.containerOptical),r&&(Je+=" "+j.containerStrikethrough),i&&(Je+=" "+j.containerPromoStrikethrough),e&&(Je+=" "+j.containerAlternative),a&&(Je+=" "+j.containerAnnual),T(s))return Th(Je,{...Wn,accessibleLabel:Zi,altAccessibleLabel:Ji,recurrenceLabel:ea,perUnitLabel:ni,taxInclusivityLabel:oi},ie);let{currencySymbol:Yn,decimals:wl,decimalsDelimiter:El,hasCurrencySpace:Xn,integer:Al,isCurrencyFirst:Sl}=Wn,kt=[Al,El,wl];Sl?(kt.unshift(Xn?"\xA0":""),kt.unshift(Yn)):(kt.push(Xn?"\xA0":""),kt.push(Yn)),kt.push(ea,ni,oi);let Cl=kt.join("");return Y(Je,Cl,ie)},xs=()=>(e,t,r)=>{let i=dt(t.promotion,t.promotion?.displaySummary?.instant,Array.isArray(e.quantity)?e.quantity[0]:e.quantity),n=(e.displayOldPrice===void 0||T(e.displayOldPrice))&&t.priceWithoutDiscount&&t.priceWithoutDiscount!=t.price&&(!t.promotion||i);return`${n?ae({displayStrikethrough:!0})({isPromoApplied:i,...e},t,r)+" ":""}${ae({isAlternativePrice:n})({isPromoApplied:i,...e},t,r)}`},vs=()=>(e,t,r)=>{let{instant:i}=e;try{i||(i=new URLSearchParams(document.location.search).get("instant")),i&&(i=new Date(i))}catch{i=void 0}let a=dt(t.promotion,i,Array.isArray(e.quantity)?e.quantity[0]:e.quantity),n={...e,displayTax:!1,displayPerUnit:!1,isPromoApplied:a};if(!a)return ae()(e,{...t,price:t.priceWithoutDiscount},r)+Y(j.containerAnnualPrefix," (")+ae({displayAnnual:!0,instant:i})(n,{...t,price:t.priceWithoutDiscount},r)+Y(j.containerAnnualSuffix,")");let s=(e.displayOldPrice===void 0||T(e.displayOldPrice))&&t.priceWithoutDiscount&&t.priceWithoutDiscount!=t.price;return`${s?ae({displayStrikethrough:!0})(n,t,r)+" ":""}${ae({isAlternativePrice:s})({isPromoApplied:a,...e},t,r)}${Y(j.containerAnnualPrefix," (")}${ae({displayAnnual:!0,instant:i})(n,t,r)}${Y(j.containerAnnualSuffix,")")}`},bs=()=>(e,t,r)=>{let i={...e,displayTax:!1,displayPerUnit:!1};return`${ae({isAlternativePrice:e.displayOldPrice})(e,t,r)}${Y(j.containerAnnualPrefix," (")}${ae({displayAnnual:!0})(i,t,r)}${Y(j.containerAnnualSuffix,")")}`};var Lr={...j,containerLegal:"price-legal",planType:"price-plan-type"},Ri={...We,planTypeLabel:"planTypeLabel"};function kh(e,{perUnitLabel:t,taxInclusivityLabel:r,planTypeLabel:i},a={}){let n="";return n+=Y(Lr.unitType,t,null,!0),r&&i&&(r+=". "),n+=Y(Lr.taxInclusivity,r,!0),n+=Y(Lr.planType,i,null),Y(e,n,{...a})}var ys=({country:e,displayPerUnit:t=!1,displayTax:r=!1,displayPlanType:i=!1,language:a,literals:n={}}={},{taxDisplay:o,taxTerm:s,planType:c}={},l={})=>{let d={...tn,...n},h=`${a.toLowerCase()}-${e.toUpperCase()}`,g="";T(t)&&(g=$e(d,h,Ri.perUnitLabel,{perUnit:"LICENSE"}));let f="";e==="US"&&a==="en"&&(r=!1),T(r)&&s&&(f=$e(d,h,o===rn?Ri.taxExclusiveLabel:Ri.taxInclusiveLabel,{taxTerm:s}));let x="";T(i)&&c&&(x=$e(d,h,Ri.planTypeLabel,{planType:c}));let v=Lr.container;return v+=" "+Lr.containerLegal,kh(v,{perUnitLabel:g,taxInclusivityLabel:f,planTypeLabel:x},l)};var ws=ae(),Es=xs(),As=ae({displayOptical:!0}),Ss=ae({displayStrikethrough:!0}),Cs=ae({displayPromoStrikethrough:!0}),Ts=ae({displayAnnual:!0}),ks=ae({displayOptical:!0,isAlternativePrice:!0}),_s=ae({isAlternativePrice:!0}),Ps=bs(),Ls=vs(),Ms=ys;var _h=(e,t)=>{if(!(!vr(e)||!vr(t)))return Math.floor((t-e)/t*100)},Rs=()=>(e,t)=>{let{price:r,priceWithoutDiscount:i}=t,a=_h(r,i);return a===void 0?'':`${a}%`};var Os=Rs();var Ns="INDIVIDUAL_COM",nn="TEAM_COM",Is="INDIVIDUAL_EDU",on="TEAM_EDU",Ph=["AT_de","AU_en","BE_en","BE_fr","BE_nl","BG_bg","CH_de","CH_fr","CH_it","CZ_cs","DE_de","DK_da","EE_et","EG_ar","EG_en","ES_es","FI_fi","FR_fr","GB_en","GR_el","GR_en","HU_hu","ID_en","ID_id","ID_in","IE_en","IN_en","IN_hi","IT_it","JP_ja","LU_de","LU_en","LU_fr","MY_en","MY_ms","MU_en","NL_nl","NO_nb","NZ_en","PL_pl","PT_pt","RO_ro","SE_sv","SI_sl","SK_sk","TH_en","TH_th","TR_tr","UA_uk"],Lh={[Ns]:["LT_lt","LV_lv","NG_en","SA_ar","SA_en","SG_en","KR_ko","ZA_en"],[nn]:["LT_lt","LV_lv","NG_en","CO_es","KR_ko","ZA_en"],[Is]:["LT_lt","LV_lv","SA_en","SG_en","SA_ar"],[on]:["SG_en","KR_ko"]},Mh={MU_en:[!0,!0,!0,!0],NG_en:[!1,!1,!1,!1],AU_en:[!1,!1,!1,!1],JP_ja:[!1,!1,!1,!1],NZ_en:[!1,!1,!1,!1],TH_en:[!1,!1,!1,!1],TH_th:[!1,!1,!1,!1],CO_es:[!1,!0,!1,!1],AT_de:[!1,!1,!1,!0],SG_en:[!1,!1,!1,!0],ZA_en:[!1,!1,!1,!1]},Rh=[Ns,nn,Is,on],Oh=e=>[nn,on].includes(e);function an(e,t,r,i){if(e[t])return e[t];let a=`${t}_${r}`;if(e[a])return e[a];let n;if(i)n=e.find(o=>o.startsWith(`${t}_`));else{let o=Object.keys(e).find(s=>s.startsWith(`${t}_`));n=o?e[o]:null}return n}var Nh=(e,t,r,i)=>{let a=`${r}_${i}`,n=an(Mh,e,t,!1);if(n){let o=Rh.indexOf(a);return n[o]}return Oh(a)},Ih=(e,t,r,i)=>{if(an(Ph,e,t,!0))return!0;let a=Lh[`${r}_${i}`];return a?an(a,e,t,!0)?!0:N.displayTax:N.displayTax},Oi=async(e,t,r,i)=>{let a=Ih(e,t,r,i);return{displayTax:a,forceTaxExclusive:a?Nh(e,t,r,i):N.forceTaxExclusive}},Mr=class Mr extends HTMLSpanElement{constructor(){super();m(this,"masElement",new je(this));this.handleClick=this.handleClick.bind(this)}static get observedAttributes(){return["data-display-old-price","data-display-per-unit","data-display-recurrence","data-display-tax","data-display-plan-type","data-display-annual","data-perpetual","data-promotion-code","data-force-tax-exclusive","data-template","data-wcs-osi","data-quantity"]}static createInlinePrice(r){let i=pe();if(!i)return null;let{displayOldPrice:a,displayPerUnit:n,displayRecurrence:o,displayTax:s,displayPlanType:c,displayAnnual:l,forceTaxExclusive:d,perpetual:h,promotionCode:g,quantity:f,alternativePrice:x,template:v,wcsOsi:S}=i.collectPriceOptions(r);return bi(Mr,{displayOldPrice:a,displayPerUnit:n,displayRecurrence:o,displayTax:s,displayPlanType:c,displayAnnual:l,forceTaxExclusive:d,perpetual:h,promotionCode:g,quantity:f,alternativePrice:x,template:v,wcsOsi:S})}get isInlinePrice(){return!0}attributeChangedCallback(r,i,a){this.masElement.attributeChangedCallback(r,i,a)}connectedCallback(){this.masElement.connectedCallback(),this.addEventListener("click",this.handleClick)}disconnectedCallback(){this.masElement.disconnectedCallback(),this.removeEventListener("click",this.handleClick)}handleClick(r){r.target!==this&&(r.stopImmediatePropagation(),this.dispatchEvent(new MouseEvent("click",{bubbles:!0,cancelable:!0,view:window})))}onceSettled(){return this.masElement.onceSettled()}get value(){return this.masElement.value}get options(){return this.masElement.options}get isFailed(){return this.masElement.state===Ce}requestUpdate(r=!1){return this.masElement.requestUpdate(r)}async render(r={}){if(!this.isConnected)return!1;let i=pe();if(!i)return!1;let a=i.collectPriceOptions(r,this),n={...i.settings,...a};if(!n.wcsOsi.length)return!1;try{let o=this.masElement.togglePending({});this.innerHTML="";let s=i.resolveOfferSelectors(n),c=await Promise.all(s),l=c.map(f=>{let x=wr(f,n);return x?.length?x[0]:null});if(l.some(f=>!f))throw new Error(`Failed to select offers for: ${n.wcsOsi}`);let d=l,h=za(l);if(i.featureFlags[Te]||n[Te]){if(a.displayPerUnit===void 0&&(n.displayPerUnit=h.customerSegment!=="INDIVIDUAL"),a.displayTax===void 0||a.forceTaxExclusive===void 0){let{country:f,language:x}=n,[v=""]=h.marketSegments,S=await Oi(f,x,h.customerSegment,v);a.displayTax===void 0&&(n.displayTax=S?.displayTax||n.displayTax),a.forceTaxExclusive===void 0&&(n.forceTaxExclusive=S?.forceTaxExclusive||n.forceTaxExclusive),n.forceTaxExclusive&&(d=c.map(z=>{let I=wr(z,n);return I?.length?I[0]:null}))}}else a.displayOldPrice===void 0&&(n.displayOldPrice=!0);if(i.featureFlags[Mt]&&n.displayAnnual!==!1&&(n.displayAnnual=!0),n.template==="discount"&&d.length===2){let[f,x]=d,v={...f,priceDetails:{...f.priceDetails,priceWithoutDiscount:x.priceDetails?.price}};return this.renderOffers([v],n,o)}let g=za(d);return this.renderOffers([g],n,o)}catch(o){throw this.innerHTML="",o}}renderOffers(r,i,a=void 0){if(!this.isConnected)return;let n=pe();if(!n)return!1;if(a??(a=this.masElement.togglePending()),r.length){if(this.masElement.toggleResolved(a,r,i)){this.innerHTML=n.buildPriceHTML(r,this.options);let o=this.closest("p, h3, div");if(!o||!o.querySelector('span[data-template="strikethrough"]')||o.querySelector(".alt-aria-label"))return!0;let s=o?.querySelectorAll('span[is="inline-price"]');return s.length>1&&s.length===o.querySelectorAll('span[data-template="strikethrough"]').length*2&&s.forEach(c=>{c.dataset.template!=="strikethrough"&&c.options&&!c.options.alternativePrice&&!c.isFailed&&(c.options.alternativePrice=!0,c.innerHTML=n.buildPriceHTML(r,c.options))}),!0}}else{let o=new Error(`Not provided: ${this.options?.wcsOsi??"-"}`);if(this.masElement.toggleFailed(a,o,this.options))return this.innerHTML="",!0}return!1}};m(Mr,"is","inline-price"),m(Mr,"tag","span");var He=Mr;window.customElements.get(He.is)||window.customElements.define(He.is,He,{extends:He.tag});function zs({literals:e,providers:t,settings:r}){function i(o,s=null){let c={country:r.country,language:r.language,locale:r.locale,literals:{...e.price}};if(s&&t?.price)for(let q of t.price)q(s,c);let{displayOldPrice:l,displayPerUnit:d,displayRecurrence:h,displayTax:g,displayPlanType:f,forceTaxExclusive:x,perpetual:v,displayAnnual:S,promotionCode:z,quantity:I,alternativePrice:C,wcsOsi:O,...K}=Object.assign(c,s?.dataset??{},o??{});return c=pi(Object.assign({...c,...K,displayOldPrice:T(l),displayPerUnit:T(d),displayRecurrence:T(h),displayTax:T(g),displayPlanType:T(f),forceTaxExclusive:T(x),perpetual:T(v),displayAnnual:T(S),promotionCode:ui(z).effectivePromoCode,quantity:Ot(I,N.quantity),alternativePrice:T(C),wcsOsi:xi(O)})),c}function a(o,s){if(!Array.isArray(o)||!o.length||!s)return"";let{template:c}=s,l;switch(c){case"discount":l=Os;break;case"strikethrough":l=Ss;break;case"promo-strikethrough":l=Cs;break;case"annual":l=Ts;break;case"legal":l=Ms;break;default:s.template==="optical"&&s.alternativePrice?l=ks:s.template==="optical"?l=As:s.displayAnnual&&o[0].planType==="ABM"?l=s.promotionCode?Ls:Ps:s.alternativePrice?l=_s:l=s.promotionCode?Es:ws}let[d]=o;return d={...d,...d.priceDetails},l({...r,...s},d)}let n=He.createInlinePrice;return{InlinePrice:He,buildPriceHTML:a,collectPriceOptions:i,createInlinePrice:n}}function zh({locale:e=void 0,country:t=void 0,language:r=void 0}={}){return r??(r=e?.split("_")?.[0]||N.language),t??(t=e?.split("_")?.[1]||N.country),e??(e=`${r}_${t}`),{locale:e,country:t,language:r}}function Ds(e={},t){let r=t.featureFlags[Te],{commerce:i={}}=e,a=Me.PRODUCTION,n=fa,o=F("checkoutClientId",i)??N.checkoutClientId,s=br(F("checkoutWorkflowStep",i),ce,N.checkoutWorkflowStep),c=T(F("displayOldPrice",i),N.displayOldPrice),l=N.displayPerUnit,d=T(F("displayRecurrence",i),N.displayRecurrence),h=T(F("displayTax",i),N.displayTax),g=T(F("displayPlanType",i),N.displayPlanType),f=T(F("entitlement",i),N.entitlement),x=T(F("modal",i),N.modal),v=T(F("forceTaxExclusive",i),N.forceTaxExclusive),S=F("promotionCode",i)??N.promotionCode,z=Ot(F("quantity",i)),I=F("wcsApiKey",i)??N.wcsApiKey,C=i?.env==="stage",O=Ve.PUBLISHED;["true",""].includes(i.allowOverride)&&(C=(F(ua,i,{metadata:!1})?.toLowerCase()??i?.env)==="stage",O=br(F(ga,i),Ve,O)),C&&(a=Me.STAGE,n=xa);let q=F(ma)??e.preview,Q=typeof q<"u"&&q!=="off"&&q!=="false",ee={};Q&&(ee={preview:Q});let de=F("mas-io-url")??e.masIOUrl??`https://www${a===Me.STAGE?".stage":""}.adobe.com/mas/io`,ie=F("preselect-plan")??void 0;return{...zh(e),...ee,displayOldPrice:c,checkoutClientId:o,checkoutWorkflowStep:s,displayPerUnit:l,displayRecurrence:d,displayTax:h,displayPlanType:g,entitlement:f,extraOptions:N.extraOptions,modal:x,env:a,forceTaxExclusive:v,promotionCode:S,quantity:z,alternativePrice:N.alternativePrice,wcsApiKey:I,wcsURL:n,landscape:O,masIOUrl:de,...ie&&{preselectPlan:ie}}}async function Ni(e,t={},r=2,i=100){let a;for(let n=0;n<=r;n++)try{let o=await fetch(e,t);return o.retryCount=n,o}catch(o){if(a=o,a.retryCount=n,n>r)break;await new Promise(s=>setTimeout(s,i*(n+1)))}throw a}var Dh="mas-commerce-service";function Rr(e,t){let r;return function(){let i=this,a=arguments;clearTimeout(r),r=setTimeout(()=>e.apply(i,a),t)}}function ne(e,t={},r=null,i=null){let a=i?document.createElement(e,{is:i}):document.createElement(e);r instanceof HTMLElement?a.appendChild(r):a.innerHTML=r;for(let[n,o]of Object.entries(t))a.setAttribute(n,o);return a}function Oe(e){return`startTime:${e.startTime.toFixed(2)}|duration:${e.duration.toFixed(2)}`}function sn(){return window.matchMedia("(max-width: 1024px)").matches}function mt(){return document.getElementsByTagName(Dh)?.[0]}function Or(e){let t=window.getComputedStyle(e);return e.offsetHeight+parseFloat(t.marginTop)+parseFloat(t.marginBottom)}var cn="wcs";function $s({settings:e}){let t=le.module(cn),{env:r,wcsApiKey:i}=e,a=new Map,n=new Map,o,s=new Map;async function c(x,v,S=!0){let z=pe(),I=da;t.debug("Fetching:",x);let C="",O;if(x.offerSelectorIds.length>1)throw new Error("Multiple OSIs are not supported anymore");let K=new Map(v),[q]=x.offerSelectorIds,Q=Date.now()+Math.random().toString(36).substring(2,7),ee=`${cn}:${q}:${Q}${st}`,de=`${cn}:${q}:${Q}${ct}`,ie;try{if(performance.mark(ee),C=new URL(e.wcsURL),C.searchParams.set("offer_selector_ids",q),C.searchParams.set("country",x.country),C.searchParams.set("locale",x.locale),C.searchParams.set("landscape",r===Me.STAGE?"ALL":e.landscape),C.searchParams.set("api_key",i),x.language&&C.searchParams.set("language",x.language),x.promotionCode&&C.searchParams.set("promotion_code",x.promotionCode),x.currency&&C.searchParams.set("currency",x.currency),O=await Ni(C.toString(),{credentials:"omit"}),O.ok){let W=[];try{let $=await O.json();t.debug("Fetched:",x,$),W=$.resolvedOffers??[]}catch($){t.error(`Error parsing JSON: ${$.message}`,{...$.context,...z?.duration})}W=W.map(yr),v.forEach(({resolve:$},he)=>{let be=W.filter(({offerSelectorIds:Tt})=>Tt.includes(he)).flat();be.length&&(K.delete(he),v.delete(he),$(be))})}else I=la}catch(W){I=`Network error: ${W.message}`}finally{ie=performance.measure(de,ee),performance.clearMarks(ee),performance.clearMeasures(de)}if(S&&v.size){t.debug("Missing:",{offerSelectorIds:[...v.keys()]});let W=vi(O);v.forEach($=>{$.reject(new Re(I,{...x,...W,response:O,measure:Oe(ie),...z?.duration}))})}}function l(){clearTimeout(o);let x=[...n.values()];n.clear(),x.forEach(({options:v,promises:S})=>c(v,S))}function d(x){if(!x||typeof x!="object")throw new TypeError("Cache must be a Map or similar object");let v=r===Me.STAGE?"stage":"prod",S=x[v];if(!S||typeof S!="object"){t.warn(`No cache found for environment: ${r}`);return}for(let[z,I]of Object.entries(S))a.set(z,Promise.resolve(I.map(yr)));t.debug(`Prefilled WCS cache with ${S.size} entries`)}function h(){let x=a.size;s=new Map(a),a.clear(),t.debug(`Moved ${x} cache entries to stale cache`)}function g(x,v,S){let z=x!=="GB"&&!S?"MULT":"en",I=ba.includes(x)?x:N.country;return{validCountry:I,validLanguage:z,locale:`${v}_${I}`}}function f({country:x,language:v,perpetual:S=!1,promotionCode:z="",wcsOsi:I=[]}){let{validCountry:C,validLanguage:O,locale:K}=g(x,v,S),q=[C,O,z].filter(Q=>Q).join("-").toLowerCase();return I.map(Q=>{let ee=`${Q}-${q}`;if(a.has(ee))return a.get(ee);let de=new Promise((ie,W)=>{let $=n.get(q);$||($={options:{country:C,locale:K,...O==="MULT"&&{language:O},offerSelectorIds:[]},promises:new Map},n.set(q,$)),z&&($.options.promotionCode=z),$.options.offerSelectorIds.push(Q),$.promises.set(Q,{resolve:ie,reject:W}),l()}).catch(ie=>{if(s.has(ee))return s.get(ee);throw ie});return a.set(ee,de),de})}return{Commitment:rt,PlanType:po,Term:ye,applyPlanType:yr,resolveOfferSelectors:f,flushWcsCacheInternal:h,prefillWcsCache:d,normalizeCountryLanguageAndLocale:g}}var Hs="mas-commerce-service",Bs="mas-commerce-service:start",Fs="mas-commerce-service:ready",Nr,It,ut,Us,dn,ln=class extends HTMLElement{constructor(){super(...arguments);E(this,ut);E(this,Nr);E(this,It);m(this,"lastLoggingTime",0)}async registerCheckoutAction(r){typeof r=="function"&&(this.buildCheckoutAction=async(i,a,n)=>{let o=await r?.(i,a,this.imsSignedInPromise,n);return o||null})}get featureFlags(){return p(this,It)||y(this,It,{[Te]:Z(this,ut,dn).call(this,Te),[Mt]:Z(this,ut,dn).call(this,Mt)}),p(this,It)}activate(){let r=p(this,ut,Us),i=Ds(r,this);si(r.lana);let a=le.init(r.hostEnv).module("service");a.debug("Activating:",r);let o={price:Go(i)},s={checkout:new Set,price:new Set},c={literals:o,providers:s,settings:i};Object.defineProperties(this,Object.getOwnPropertyDescriptors({...Bo(c),...Fo(c),...zs(c),...$s(c),...ya,Log:le,resolvePriceTaxFlags:Oi,get defaults(){return N},get log(){return le},get providers(){return{checkout(d){return s.checkout.add(d),()=>s.checkout.delete(d)},price(d){return s.price.add(d),()=>s.price.delete(d)},has:d=>s.price.has(d)||s.checkout.has(d)}},get settings(){return i}})),a.debug("Activated:",{literals:o,settings:i});let l=new CustomEvent(ci,{bubbles:!0,cancelable:!1,detail:this});performance.mark(Fs),y(this,Nr,performance.measure(Fs,Bs)),this.dispatchEvent(l),setTimeout(()=>{this.logFailedRequests()},1e4)}connectedCallback(){performance.mark(Bs),this.activate()}flushWcsCache(){this.flushWcsCacheInternal(),this.log.debug("Flushed WCS cache")}refreshOffers(){this.flushWcsCacheInternal(),document.querySelectorAll(ur).forEach(r=>r.requestUpdate(!0)),this.log.debug("Refreshed WCS offers"),this.logFailedRequests()}refreshFragments(){this.flushWcsCacheInternal(),customElements.get("aem-fragment")?.cache.clear(),document.querySelectorAll("aem-fragment").forEach(r=>r.refresh(!1)),this.log.debug("Refreshed AEM fragments"),this.logFailedRequests()}get duration(){return{"mas-commerce-service:measure":Oe(p(this,Nr))}}logFailedRequests(){let r=[...performance.getEntriesByType("resource")].filter(({startTime:a})=>a>this.lastLoggingTime).filter(({transferSize:a,duration:n,responseStatus:o})=>a===0&&n===0&&o<200||o>=400),i=Array.from(new Map(r.map(a=>[a.name,a])).values());if(i.some(({name:a})=>/(\/fragment\?|web_commerce_artifact)/.test(a))){let a=i.map(({name:n})=>n);this.log.error("Failed requests:",{failedUrls:a,...this.duration})}this.lastLoggingTime=performance.now().toFixed(3)}};Nr=new WeakMap,It=new WeakMap,ut=new WeakSet,Us=function(){let r=this.getAttribute("env")??"prod",i={commerce:{env:r},hostEnv:{name:r},lana:{tags:this.getAttribute("lana-tags"),sampleRate:parseInt(this.getAttribute("lana-sample-rate")??1,10),isProdDomain:r==="prod"},masIOUrl:this.getAttribute("mas-io-url")};return["locale","country","language","preview"].forEach(a=>{let n=this.getAttribute(a);n&&(i[a]=n)}),["checkout-workflow-step","force-tax-exclusive","checkout-client-id","allow-override","wcs-api-key"].forEach(a=>{let n=this.getAttribute(a);if(n!=null){let o=a.replace(/-([a-z])/g,s=>s[1].toUpperCase());i.commerce[o]=n}}),i},dn=function(r){return["on","true",!0].includes(this.getAttribute(`data-${r}`)||F(r))};window.customElements.get(Hs)||window.customElements.define(Hs,ln);var Ir=class Ir extends wi(HTMLButtonElement){static createCheckoutButton(t={},r=""){return yi(Ir,t,r)}setCheckoutUrl(t){this.setAttribute("data-href",t)}get href(){return this.getAttribute("data-href")}get isCheckoutButton(){return!0}clickHandler(t){if(this.checkoutActionHandler){this.checkoutActionHandler?.(t);return}this.href&&(window.location.href=this.href)}};m(Ir,"is","checkout-button"),m(Ir,"tag","button");var zt=Ir;window.customElements.get(zt.is)||window.customElements.define(zt.is,zt,{extends:zt.tag});function $h(e){return`https://${e==="PRODUCTION"?"www.adobe.com":"www.stage.adobe.com"}/offers/promo-terms.html`}var ft,gt=class gt extends HTMLAnchorElement{constructor(){super();m(this,"masElement",new je(this));E(this,ft);this.setAttribute("is",gt.is)}get isUptLink(){return!0}initializeWcsData(r,i){this.setAttribute("data-wcs-osi",r),i&&this.setAttribute("data-promotion-code",i)}attributeChangedCallback(r,i,a){this.masElement.attributeChangedCallback(r,i,a)}connectedCallback(){this.masElement.connectedCallback(),y(this,ft,mt()),p(this,ft)&&(this.log=p(this,ft).log.module("upt-link"))}disconnectedCallback(){this.masElement.disconnectedCallback(),y(this,ft,void 0)}requestUpdate(r=!1){this.masElement.requestUpdate(r)}onceSettled(){return this.masElement.onceSettled()}async render(){let r=mt();if(!r)return!1;this.dataset.imsCountry||r.imsCountryPromise.then(o=>{o&&(this.dataset.imsCountry=o)});let i=r.collectCheckoutOptions({},this);if(!i.wcsOsi)return this.log.error("Missing 'data-wcs-osi' attribute on upt-link."),!1;let a=this.masElement.togglePending(i),n=r.resolveOfferSelectors(i);try{let[[o]]=await Promise.all(n),{country:s,language:c,env:l}=i,d=`locale=${c}_${s}&country=${s}&offer_id=${o.offerId}`,h=this.getAttribute("data-promotion-code");h&&(d+=`&promotion_code=${encodeURIComponent(h)}`),this.href=`${$h(l)}?${d}`,this.masElement.toggleResolved(a,o,i)}catch(o){let s=new Error(`Could not resolve offer selectors for id: ${i.wcsOsi}.`,o.message);return this.masElement.toggleFailed(a,s,i),!1}}static createFrom(r){let i=new gt;for(let a of r.attributes)a.name!=="is"&&(a.name==="class"&&a.value.includes("upt-link")?i.setAttribute("class",a.value.replace("upt-link","").trim()):i.setAttribute(a.name,a.value));return i.innerHTML=r.innerHTML,i.setAttribute("tabindex",0),i}};ft=new WeakMap,m(gt,"is","upt-link"),m(gt,"tag","a"),m(gt,"observedAttributes",["data-wcs-osi","data-promotion-code","data-ims-country"]);var Ye=gt;window.customElements.get(Ye.is)||window.customElements.define(Ye.is,Ye,{extends:Ye.tag});_();_();var H="(max-width: 767px)",re="(max-width: 1199px)",B="(min-width: 768px)",P="(min-width: 1200px)",oe="(min-width: 1600px)",lc={matchMobile:window.matchMedia(H),matchDesktop:window.matchMedia(`${P} and (not ${oe})`),matchDesktopOrUp:window.matchMedia(P),matchLargeDesktop:window.matchMedia(oe),get isMobile(){return this.matchMobile.matches},get isDesktop(){return this.matchDesktop.matches},get isDesktopOrUp(){return this.matchDesktopOrUp.matches}},R=lc;function Fi(){return lc.isDesktop}var dc=b` +`,Ct.MISSING_INTL_API,o);var T=r.getPluralRules(t,{type:d.pluralType}).select(p-(d.offset||0));v=d.options[T]||d.options.other}if(!v)throw new Un(d.value,p,Object.keys(d.options),o);s.push.apply(s,Kr(v.value,t,r,i,a,p-(d.offset||0)));continue}}return jp(s)}function Yp(e,t){return t?z(z(z({},e||{}),t||{}),Object.keys(e).reduce(function(r,i){return r[i]=z(z({},e[i]),t[i]||{}),r},{})):e}function Xp(e,t){return t?Object.keys(e).reduce(function(r,i){return r[i]=Yp(e[i],t[i]),r},z({},e)):e}function qn(e){return{create:function(){return{get:function(t){return e[t]},set:function(t,r){e[t]=r}}}}}function Kp(e){return e===void 0&&(e={number:{},dateTime:{},pluralRules:{}}),{getNumberFormat:Yr(function(){for(var t,r=[],i=0;i0?new Intl.Locale(r[0]):new Intl.Locale(typeof t=="string"?t:t[0])},e.__parse=uc,e.formats={number:{integer:{maximumFractionDigits:0},currency:{style:"currency"},percent:{style:"percent"}},date:{short:{month:"numeric",day:"numeric",year:"2-digit"},medium:{month:"short",day:"numeric",year:"numeric"},long:{month:"long",day:"numeric",year:"numeric"},full:{weekday:"long",month:"long",day:"numeric",year:"numeric"}},time:{short:{hour:"numeric",minute:"numeric"},medium:{hour:"numeric",minute:"numeric",second:"numeric"},long:{hour:"numeric",minute:"numeric",second:"numeric",timeZoneName:"short"},full:{hour:"numeric",minute:"numeric",second:"numeric",timeZoneName:"short"}}},e}();var yc=vc;var Gn={recurrenceLabel:"{recurrenceTerm, select, MONTH {/mo} YEAR {/yr} other {}}",recurrenceAriaLabel:"{recurrenceTerm, select, MONTH {per month} YEAR {per year} other {}}",perUnitLabel:"{perUnit, select, LICENSE {per license} other {}}",perUnitAriaLabel:"{perUnit, select, LICENSE {per license} other {}}",freeLabel:"Free",freeAriaLabel:"Free",taxExclusiveLabel:"{taxTerm, select, GST {excl. GST} VAT {excl. VAT} TAX {excl. tax} IVA {excl. IVA} SST {excl. SST} KDV {excl. KDV} other {}}",taxInclusiveLabel:"{taxTerm, select, GST {incl. GST} VAT {incl. VAT} TAX {incl. tax} IVA {incl. IVA} SST {incl. SST} KDV {incl. KDV} other {}}",alternativePriceAriaLabel:"Alternatively at",strikethroughAriaLabel:"Regularly at",planTypeLabel:"{planType, select, ABM {Annual, billed monthly} other {}}"},Qp=us("ConsonantTemplates/price"),Zp=/<\/?[^>]+(>|$)/g,J={container:"price",containerOptical:"price-optical",containerStrikethrough:"price-strikethrough",containerPromoStrikethrough:"price-promo-strikethrough",containerAlternative:"price-alternative",containerAnnual:"price-annual",containerAnnualPrefix:"price-annual-prefix",containerAnnualSuffix:"price-annual-suffix",disabled:"disabled",currencySpace:"price-currency-space",currencySymbol:"price-currency-symbol",decimals:"price-decimals",decimalsDelimiter:"price-decimals-delimiter",integer:"price-integer",recurrence:"price-recurrence",taxInclusivity:"price-tax-inclusivity",unitType:"price-unit-type"},ot={perUnitLabel:"perUnitLabel",perUnitAriaLabel:"perUnitAriaLabel",recurrenceLabel:"recurrenceLabel",recurrenceAriaLabel:"recurrenceAriaLabel",taxExclusiveLabel:"taxExclusiveLabel",taxInclusiveLabel:"taxInclusiveLabel",strikethroughAriaLabel:"strikethroughAriaLabel",alternativePriceAriaLabel:"alternativePriceAriaLabel"},Vn="TAX_EXCLUSIVE",Jp=e=>hs(e)?Object.entries(e).filter(([,t])=>jt(t)||Gi(t)||t===!0).reduce((t,[r,i])=>t+` ${r}${i===!0?"":'="'+ds(i)+'"'}`,""):"",te=(e,t,r,i=!1)=>`${i?Ns(t):t??""}`;function em(e){e=e.replaceAll("","</a>");let t=/]+(>|$)/g;return e.match(t)?.forEach(i=>{let a=i.replace("",">");e=e.replaceAll(i,a)}),e}function tm(e){e=e.replaceAll("</a>","");let t=/<a (?!>)(.*?)(>|$)/g;return e.match(t)?.forEach(i=>{let a=i.replace("<a ","");e=e.replaceAll(i,a)}),e}function Ke(e,t,r,i){let a=e[r];if(a==null)return"";let n=a.includes("<"),o=a.includes("${t}`:r&&(b=`${r}`),c&&(b+=u+f),b+=te(J.integer,s),b+=te(J.decimalsDelimiter,n),b+=te(J.decimals,a),c||(b+=f+u),b+=te(J.recurrence,l,null,!0),b+=te(J.unitType,d,null,!0),b+=te(J.taxInclusivity,h,!0),te(e,b,{...p})}var ce=({isAlternativePrice:e=!1,displayOptical:t=!1,displayStrikethrough:r=!1,displayPromoStrikethrough:i=!1,displayAnnual:a=!1,instant:n=void 0}={})=>({country:o,displayFormatted:s=!0,displayRecurrence:c=!0,displayPerUnit:l=!1,displayTax:d=!1,language:h,literals:p={},quantity:u=1,space:f=!1,isPromoApplied:b=!1}={},{commitment:y,offerSelectorIds:C,formatString:w,price:v,priceWithoutDiscount:T,taxDisplay:q,taxTerm:F,term:V,usePrecision:k,promotion:G}={},ee={})=>{Object.entries({country:o,formatString:w,language:h,price:v}).forEach(([rh,ih])=>{if(ih==null)throw new Error(`Argument "${rh}" is missing for osi ${C?.toString()}, country ${o}, language ${h}`)});let Q={...Gn,...p},U=`${h.toLowerCase()}-${o.toUpperCase()}`,fe;G&&!b&&T?fe=e||i?v:T:r&&T?fe=T:fe=v;let Se=t?Is:Hs;a&&(Se=zs);let{accessiblePrice:Dt,recurrenceTerm:Zo,...Jo}=Se({commitment:y,formatString:w,instant:n,isIndianPrice:o==="IN",originalPrice:v,priceWithoutDiscount:T,price:t?v:fe,promotion:G,quantity:u,term:V,usePrecision:k}),Fa="",Ua="",qa="";M(c)&&Zo&&(qa=Ke(Q,U,ot.recurrenceLabel,{recurrenceTerm:Zo}));let $i="";M(l)&&(f&&($i+=" "),$i+=Ke(Q,U,ot.perUnitLabel,{perUnit:"LICENSE"}));let Di="";M(d)&&F&&(f&&(Di+=" "),Di+=Ke(Q,U,q===Vn?ot.taxExclusiveLabel:ot.taxInclusiveLabel,{taxTerm:F})),r&&(Fa=Ke(Q,U,ot.strikethroughAriaLabel,{strikethroughPrice:Fa})),e&&(Ua=Ke(Q,U,ot.alternativePriceAriaLabel,{alternativePrice:Ua}));let ft=J.container;if(t&&(ft+=" "+J.containerOptical),r&&(ft+=" "+J.containerStrikethrough),i&&(ft+=" "+J.containerPromoStrikethrough),e&&(ft+=" "+J.containerAlternative),a&&(ft+=" "+J.containerAnnual),M(s))return rm(ft,{...Jo,accessibleLabel:Fa,altAccessibleLabel:Ua,recurrenceLabel:qa,perUnitLabel:$i,taxInclusivityLabel:Di},ee);let{currencySymbol:es,decimals:Qd,decimalsDelimiter:Zd,hasCurrencySpace:ts,integer:Jd,isCurrencyFirst:eh}=Jo,Bt=[Jd,Zd,Qd];eh?(Bt.unshift(ts?"\xA0":""),Bt.unshift(es)):(Bt.push(ts?"\xA0":""),Bt.push(es)),Bt.push(qa,$i,Di);let th=Bt.join("");return te(ft,th,ee)},wc=()=>(e,t,r)=>{let i=At(t.promotion,t.promotion?.displaySummary?.instant,Array.isArray(e.quantity)?e.quantity[0]:e.quantity),n=(e.displayOldPrice===void 0||M(e.displayOldPrice))&&t.priceWithoutDiscount&&t.priceWithoutDiscount!=t.price&&(!t.promotion||i);return`${n?ce({displayStrikethrough:!0})({isPromoApplied:i,...e},t,r)+" ":""}${ce({isAlternativePrice:n})({isPromoApplied:i,...e},t,r)}`},Ec=()=>(e,t,r)=>{let{instant:i}=e;try{i||(i=new URLSearchParams(document.location.search).get("instant")),i&&(i=new Date(i))}catch{i=void 0}let a=At(t.promotion,i,Array.isArray(e.quantity)?e.quantity[0]:e.quantity),n={...e,displayTax:!1,displayPerUnit:!1,isPromoApplied:a};if(!a)return ce()(e,{...t,price:t.priceWithoutDiscount},r)+te(J.containerAnnualPrefix," (")+ce({displayAnnual:!0,instant:i})(n,{...t,price:t.priceWithoutDiscount},r)+te(J.containerAnnualSuffix,")");let s=(e.displayOldPrice===void 0||M(e.displayOldPrice))&&t.priceWithoutDiscount&&t.priceWithoutDiscount!=t.price;return`${s?ce({displayStrikethrough:!0})(n,t,r)+" ":""}${ce({isAlternativePrice:s})({isPromoApplied:a,...e},t,r)}${te(J.containerAnnualPrefix," (")}${ce({displayAnnual:!0,instant:i})(n,t,r)}${te(J.containerAnnualSuffix,")")}`},Ac=()=>(e,t,r)=>{let i={...e,displayTax:!1,displayPerUnit:!1};return`${ce({isAlternativePrice:e.displayOldPrice})(e,t,r)}${te(J.containerAnnualPrefix," (")}${ce({displayAnnual:!0})(i,t,r)}${te(J.containerAnnualSuffix,")")}`};var Qr={...J,containerLegal:"price-legal",planType:"price-plan-type"},ha={...ot,planTypeLabel:"planTypeLabel"};function im(e,{perUnitLabel:t,taxInclusivityLabel:r,planTypeLabel:i},a={}){let n="";return n+=te(Qr.unitType,t,null,!0),r&&i&&(r+=". "),n+=te(Qr.taxInclusivity,r,!0),n+=te(Qr.planType,i,null),te(e,n,{...a})}var Sc=({country:e,displayPerUnit:t=!1,displayTax:r=!1,displayPlanType:i=!1,language:a,literals:n={}}={},{taxDisplay:o,taxTerm:s,planType:c}={},l={})=>{let d={...Gn,...n},h=`${a.toLowerCase()}-${e.toUpperCase()}`,p="";M(t)&&(p=Ke(d,h,ha.perUnitLabel,{perUnit:"LICENSE"}));let u="";e==="US"&&a==="en"&&(r=!1),M(r)&&s&&(u=Ke(d,h,o===Vn?ha.taxExclusiveLabel:ha.taxInclusiveLabel,{taxTerm:s}));let f="";M(i)&&c&&(f=Ke(d,h,ha.planTypeLabel,{planType:c}));let b=Qr.container;return b+=" "+Qr.containerLegal,im(b,{perUnitLabel:p,taxInclusivityLabel:u,planTypeLabel:f},l)};var Cc=ce(),Tc=wc(),kc=ce({displayOptical:!0}),_c=ce({displayStrikethrough:!0}),Lc=ce({displayPromoStrikethrough:!0}),Pc=ce({displayAnnual:!0}),Mc=ce({displayOptical:!0,isAlternativePrice:!0}),Rc=ce({isAlternativePrice:!0}),Nc=Ac(),Oc=Ec(),Ic=Sc;var am=(e,t)=>{if(!(!Dr(e)||!Dr(t)))return Math.floor((t-e)/t*100)},Hc=()=>(e,t)=>{let{price:r,priceWithoutDiscount:i}=t,a=am(r,i);return a===void 0?'':`${a}%`};var zc=Hc();var $c="INDIVIDUAL_COM",Wn="TEAM_COM",Dc="INDIVIDUAL_EDU",Yn="TEAM_EDU",nm=["AT_de","AU_en","BE_en","BE_fr","BE_nl","BG_bg","CH_de","CH_fr","CH_it","CZ_cs","DE_de","DK_da","EE_et","EG_ar","EG_en","ES_es","FI_fi","FR_fr","GB_en","GR_el","GR_en","HU_hu","ID_en","ID_id","ID_in","IE_en","IN_en","IN_hi","IT_it","JP_ja","LU_de","LU_en","LU_fr","MY_en","MY_ms","MU_en","NL_nl","NO_nb","NZ_en","PL_pl","PT_pt","RO_ro","SE_sv","SI_sl","SK_sk","TH_en","TH_th","TR_tr","UA_uk"],om={[$c]:["LT_lt","LV_lv","NG_en","SA_ar","SA_en","SG_en","KR_ko","ZA_en"],[Wn]:["LT_lt","LV_lv","NG_en","CO_es","KR_ko","ZA_en"],[Dc]:["LT_lt","LV_lv","SA_en","SG_en","SA_ar"],[Yn]:["SG_en","KR_ko"]},sm={MU_en:[!0,!0,!0,!0],NG_en:[!1,!1,!1,!1],AU_en:[!1,!1,!1,!1],JP_ja:[!1,!1,!1,!1],NZ_en:[!1,!1,!1,!1],TH_en:[!1,!1,!1,!1],TH_th:[!1,!1,!1,!1],CO_es:[!1,!0,!1,!1],AT_de:[!1,!1,!1,!0],SG_en:[!1,!1,!1,!0],ZA_en:[!1,!1,!1,!1]},cm=[$c,Wn,Dc,Yn],lm=e=>[Wn,Yn].includes(e);function jn(e,t,r,i){if(e[t])return e[t];let a=`${t}_${r}`;if(e[a])return e[a];let n;if(i)n=e.find(o=>o.startsWith(`${t}_`));else{let o=Object.keys(e).find(s=>s.startsWith(`${t}_`));n=o?e[o]:null}return n}var dm=(e,t,r,i)=>{let a=`${r}_${i}`,n=jn(sm,e,t,!1);if(n){let o=cm.indexOf(a);return n[o]}return lm(a)},hm=(e,t,r,i)=>{if(jn(nm,e,t,!0))return!0;let a=om[`${r}_${i}`];return a?jn(a,e,t,!0)?!0:B.displayTax:B.displayTax},pa=async(e,t,r,i)=>{let a=hm(e,t,r,i);return{displayTax:a,forceTaxExclusive:a?dm(e,t,r,i):B.forceTaxExclusive}},Zr=class Zr extends HTMLSpanElement{constructor(){super();g(this,"masElement",new nt(this));this.handleClick=this.handleClick.bind(this)}static get observedAttributes(){return["data-display-old-price","data-display-per-unit","data-display-recurrence","data-display-tax","data-display-plan-type","data-display-annual","data-perpetual","data-promotion-code","data-force-tax-exclusive","data-template","data-wcs-osi","data-quantity"]}static createInlinePrice(r){let i=be();if(!i)return null;let{displayOldPrice:a,displayPerUnit:n,displayRecurrence:o,displayTax:s,displayPlanType:c,displayAnnual:l,forceTaxExclusive:d,perpetual:h,promotionCode:p,quantity:u,alternativePrice:f,template:b,wcsOsi:y}=i.collectPriceOptions(r);return Zi(Zr,{displayOldPrice:a,displayPerUnit:n,displayRecurrence:o,displayTax:s,displayPlanType:c,displayAnnual:l,forceTaxExclusive:d,perpetual:h,promotionCode:p,quantity:u,alternativePrice:f,template:b,wcsOsi:y})}get isInlinePrice(){return!0}attributeChangedCallback(r,i,a){this.masElement.attributeChangedCallback(r,i,a)}connectedCallback(){this.masElement.connectedCallback(),this.addEventListener("click",this.handleClick)}disconnectedCallback(){this.masElement.disconnectedCallback(),this.removeEventListener("click",this.handleClick)}handleClick(r){r.target!==this&&(r.stopImmediatePropagation(),this.dispatchEvent(new MouseEvent("click",{bubbles:!0,cancelable:!0,view:window})))}onceSettled(){return this.masElement.onceSettled()}get value(){return this.masElement.value}get options(){return this.masElement.options}get isFailed(){return this.masElement.state===Me}requestUpdate(r=!1){return this.masElement.requestUpdate(r)}async render(r={}){if(!this.isConnected)return!1;let i=be();if(!i)return!1;let a=i.collectPriceOptions(r,this),n={...i.settings,...a};if(!n.wcsOsi.length)return!1;try{let o=this.masElement.togglePending({});this.innerHTML="";let s=i.resolveOfferSelectors(n),c=await Promise.all(s),l=c.map(u=>{let f=Ur(u,n);return f?.length?f[0]:null});if(l.some(u=>!u))throw new Error(`Failed to select offers for: ${n.wcsOsi}`);let d=l,h=Cn(l);if(i.featureFlags[Oe]||n[Oe]){if(a.displayPerUnit===void 0&&(n.displayPerUnit=h.customerSegment!=="INDIVIDUAL"),a.displayTax===void 0||a.forceTaxExclusive===void 0){let{country:u,language:f}=n,[b=""]=h.marketSegments,y=await pa(u,f,h.customerSegment,b);a.displayTax===void 0&&(n.displayTax=y?.displayTax||n.displayTax),a.forceTaxExclusive===void 0&&(n.forceTaxExclusive=y?.forceTaxExclusive||n.forceTaxExclusive),n.forceTaxExclusive&&(d=c.map(C=>{let w=Ur(C,n);return w?.length?w[0]:null}))}}else a.displayOldPrice===void 0&&(n.displayOldPrice=!0);if(i.featureFlags[Vt]&&n.displayAnnual!==!1&&(n.displayAnnual=!0),n.template==="discount"&&d.length===2){let[u,f]=d,b={...u,priceDetails:{...u.priceDetails,priceWithoutDiscount:f.priceDetails?.price}};return this.renderOffers([b],n,o)}let p=Cn(d);return this.renderOffers([p],n,o)}catch(o){throw this.innerHTML="",o}}renderOffers(r,i,a=void 0){if(!this.isConnected)return;let n=be();if(!n)return!1;if(a??(a=this.masElement.togglePending()),r.length){if(this.masElement.toggleResolved(a,r,i)){this.innerHTML=n.buildPriceHTML(r,this.options);let o=this.closest("p, h3, div");if(!o||!o.querySelector('span[data-template="strikethrough"]')||o.querySelector(".alt-aria-label"))return!0;let s=o?.querySelectorAll('span[is="inline-price"]');return s.length>1&&s.length===o.querySelectorAll('span[data-template="strikethrough"]').length*2&&s.forEach(c=>{c.dataset.template!=="strikethrough"&&c.options&&!c.options.alternativePrice&&!c.isFailed&&(c.options.alternativePrice=!0,c.innerHTML=n.buildPriceHTML(r,c.options))}),!0}}else{let o=new Error(`Not provided: ${this.options?.wcsOsi??"-"}`);if(this.masElement.toggleFailed(a,o,this.options))return this.innerHTML="",!0}return!1}};g(Zr,"is","inline-price"),g(Zr,"tag","span");var Qe=Zr;window.customElements.get(Qe.is)||window.customElements.define(Qe.is,Qe,{extends:Qe.tag});function Bc({literals:e,providers:t,settings:r}){function i(o,s=null){let c={country:r.country,language:r.language,locale:r.locale,literals:{...e.price}};if(s&&t?.price)for(let F of t.price)F(s,c);let{displayOldPrice:l,displayPerUnit:d,displayRecurrence:h,displayTax:p,displayPlanType:u,forceTaxExclusive:f,perpetual:b,displayAnnual:y,promotionCode:C,quantity:w,alternativePrice:v,wcsOsi:T,...q}=Object.assign(c,s?.dataset??{},o??{});return c=Vi(Object.assign({...c,...q,displayOldPrice:M(l),displayPerUnit:M(d),displayRecurrence:M(h),displayTax:M(p),displayPlanType:M(u),forceTaxExclusive:M(f),perpetual:M(b),displayAnnual:M(y),promotionCode:Wi(C).effectivePromoCode,quantity:Wt(w,B.quantity),alternativePrice:M(v),wcsOsi:Ki(T)})),c}function a(o,s){if(!Array.isArray(o)||!o.length||!s)return"";let{template:c}=s,l;switch(c){case"discount":l=zc;break;case"strikethrough":l=_c;break;case"promo-strikethrough":l=Lc;break;case"annual":l=Pc;break;case"legal":l=Ic;break;default:s.template==="optical"&&s.alternativePrice?l=Mc:s.template==="optical"?l=kc:s.displayAnnual&&o[0].planType==="ABM"?l=s.promotionCode?Oc:Nc:s.alternativePrice?l=Rc:l=s.promotionCode?Tc:Cc}let[d]=o;return d={...d,...d.priceDetails},l({...r,...s},d)}let n=Qe.createInlinePrice;return{InlinePrice:Qe,buildPriceHTML:a,collectPriceOptions:i,createInlinePrice:n}}function pm({locale:e=void 0,country:t=void 0,language:r=void 0}={}){return r??(r=e?.split("_")?.[0]||B.language),t??(t=e?.split("_")?.[1]||B.country),e??(e=`${r}_${t}`),{locale:e,country:t,language:r}}function Fc(e={},t){let r=t.featureFlags[Oe],{commerce:i={}}=e,a=Ue.PRODUCTION,n=nn,o=Y("checkoutClientId",i)??B.checkoutClientId,s=Br(Y("checkoutWorkflowStep",i),ue,B.checkoutWorkflowStep),c=M(Y("displayOldPrice",i),B.displayOldPrice),l=B.displayPerUnit,d=M(Y("displayRecurrence",i),B.displayRecurrence),h=M(Y("displayTax",i),B.displayTax),p=M(Y("displayPlanType",i),B.displayPlanType),u=M(Y("entitlement",i),B.entitlement),f=M(Y("modal",i),B.modal),b=M(Y("forceTaxExclusive",i),B.forceTaxExclusive),y=Y("promotionCode",i)??B.promotionCode,C=Wt(Y("quantity",i)),w=Y("wcsApiKey",i)??B.wcsApiKey,v=i?.env==="stage",T=at.PUBLISHED;["true",""].includes(i.allowOverride)&&(v=(Y(rn,i,{metadata:!1})?.toLowerCase()??i?.env)==="stage",T=Br(Y(an,i),at,T)),v&&(a=Ue.STAGE,n=on);let F=Y(tn)??e.preview,V=typeof F<"u"&&F!=="off"&&F!=="false",k={};V&&(k={preview:V});let G=Y("mas-io-url")??e.masIOUrl??`https://www${a===Ue.STAGE?".stage":""}.adobe.com/mas/io`,ee=Y("preselect-plan")??void 0;return{...pm(e),...k,displayOldPrice:c,checkoutClientId:o,checkoutWorkflowStep:s,displayPerUnit:l,displayRecurrence:d,displayTax:h,displayPlanType:p,entitlement:u,extraOptions:B.extraOptions,modal:f,env:a,forceTaxExclusive:b,promotionCode:y,quantity:C,alternativePrice:B.alternativePrice,wcsApiKey:w,wcsURL:n,landscape:T,masIOUrl:G,...ee&&{preselectPlan:ee}}}async function ma(e,t={},r=2,i=100){let a;for(let n=0;n<=r;n++)try{let o=await fetch(e,t);return o.retryCount=n,o}catch(o){if(a=o,a.retryCount=n,n>r)break;await new Promise(s=>setTimeout(s,i*(n+1)))}throw a}var mm="mas-commerce-service";function Ze(e,t){let r;return function(){let i=this,a=arguments;clearTimeout(r),r=setTimeout(()=>e.apply(i,a),t)}}function le(e,t={},r=null,i=null){let a=i?document.createElement(e,{is:i}):document.createElement(e);r instanceof HTMLElement?a.appendChild(r):a.innerHTML=r;for(let[n,o]of Object.entries(t))a.setAttribute(n,o);return a}function xe(e){return`startTime:${e.startTime.toFixed(2)}|duration:${e.duration.toFixed(2)}`}function Xn(){return window.matchMedia("(max-width: 1024px)").matches}function Ie(){return document.getElementsByTagName(mm)?.[0]}function Jr(e){let t=window.getComputedStyle(e);return e.offsetHeight+parseFloat(t.marginTop)+parseFloat(t.marginBottom)}var Kn="wcs";function Uc({settings:e}){let t=ge.module(Kn),{env:r,wcsApiKey:i}=e,a=new Map,n=new Map,o,s=new Map;async function c(f,b,y=!0){let C=be(),w=Za;t.debug("Fetching:",f);let v="",T;if(f.offerSelectorIds.length>1)throw new Error("Multiple OSIs are not supported anymore");let q=new Map(b),[F]=f.offerSelectorIds,V=Date.now()+Math.random().toString(36).substring(2,7),k=`${Kn}:${F}:${V}${Re}`,G=`${Kn}:${F}:${V}${Ne}`,ee;try{if(performance.mark(k),v=new URL(e.wcsURL),v.searchParams.set("offer_selector_ids",F),v.searchParams.set("country",f.country),v.searchParams.set("locale",f.locale),v.searchParams.set("landscape",r===Ue.STAGE?"ALL":e.landscape),v.searchParams.set("api_key",i),f.language&&v.searchParams.set("language",f.language),f.promotionCode&&v.searchParams.set("promotion_code",f.promotionCode),f.currency&&v.searchParams.set("currency",f.currency),T=await ma(v.toString(),{credentials:"omit"}),T.ok){let Q=[];try{let U=await T.json();t.debug("Fetched:",f,U),Q=U.resolvedOffers??[]}catch(U){t.error(`Error parsing JSON: ${U.message}`,{...U.context,...C?.duration})}Q=Q.map(Fr),b.forEach(({resolve:U},fe)=>{let Se=Q.filter(({offerSelectorIds:Dt})=>Dt.includes(fe)).flat();Se.length&&(q.delete(fe),b.delete(fe),U(Se))})}else w=Qa}catch(Q){w=`Network error: ${Q.message}`}finally{ee=performance.measure(G,k),performance.clearMarks(k),performance.clearMeasures(G)}if(y&&b.size){t.debug("Missing:",{offerSelectorIds:[...b.keys()]});let Q=Qi(T);b.forEach(U=>{U.reject(new qe(w,{...f,...Q,response:T,measure:xe(ee),...C?.duration}))})}}function l(){clearTimeout(o);let f=[...n.values()];n.clear(),f.forEach(({options:b,promises:y})=>c(b,y))}function d(f){if(!f||typeof f!="object")throw new TypeError("Cache must be a Map or similar object");let b=r===Ue.STAGE?"stage":"prod",y=f[b];if(!y||typeof y!="object"){t.warn(`No cache found for environment: ${r}`);return}for(let[C,w]of Object.entries(y))a.set(C,Promise.resolve(w.map(Fr)));t.debug(`Prefilled WCS cache with ${y.size} entries`)}function h(){let f=a.size;s=new Map(a),a.clear(),t.debug(`Moved ${f} cache entries to stale cache`)}function p(f,b,y){let C=f!=="GB"&&!y?"MULT":"en",w=cn.includes(f)?f:B.country;return{validCountry:w,validLanguage:C,locale:`${b}_${w}`}}function u({country:f,language:b,perpetual:y=!1,promotionCode:C="",wcsOsi:w=[]}){let{validCountry:v,validLanguage:T,locale:q}=p(f,b,y),F=[v,T,C].filter(V=>V).join("-").toLowerCase();return w.map(V=>{let k=`${V}-${F}`;if(a.has(k))return a.get(k);let G=new Promise((ee,Q)=>{let U=n.get(F);U||(U={options:{country:v,locale:q,...T==="MULT"&&{language:T},offerSelectorIds:[]},promises:new Map},n.set(F,U)),C&&(U.options.promotionCode=C),U.options.offerSelectorIds.push(V),U.promises.set(V,{resolve:ee,reject:Q}),l()}).catch(ee=>{if(s.has(k))return s.get(k);throw ee});return a.set(k,G),G})}return{Commitment:xt,PlanType:fs,Term:Ce,applyPlanType:Fr,resolveOfferSelectors:u,flushWcsCacheInternal:h,prefillWcsCache:d,normalizeCountryLanguageAndLocale:p}}var qc="mas-commerce-service",Gc="mas-commerce-service:start",Vc="mas-commerce-service:ready",ei,Xt,Tt,jc,Zn,Qn=class extends HTMLElement{constructor(){super(...arguments);A(this,Tt);A(this,ei);A(this,Xt);g(this,"lastLoggingTime",0)}async registerCheckoutAction(r){typeof r=="function"&&(this.buildCheckoutAction=async(i,a,n)=>{let o=await r?.(i,a,this.imsSignedInPromise,n);return o||null})}get featureFlags(){return m(this,Xt)||E(this,Xt,{[Oe]:ie(this,Tt,Zn).call(this,Oe),[Vt]:ie(this,Tt,Zn).call(this,Vt)}),m(this,Xt)}activate(){let r=m(this,Tt,jc),i=Fc(r,this);Bi(r.lana);let a=ge.init(r.hostEnv).module("service");a.debug("Activating:",r);let o={price:Ws(i)},s={checkout:new Set,price:new Set},c={literals:o,providers:s,settings:i};Object.defineProperties(this,Object.getOwnPropertyDescriptors({...Gs(c),...Vs(c),...Bc(c),...Uc(c),...ln,Log:ge,resolvePriceTaxFlags:pa,get defaults(){return B},get log(){return ge},get providers(){return{checkout(d){return s.checkout.add(d),()=>s.checkout.delete(d)},price(d){return s.price.add(d),()=>s.price.delete(d)},has:d=>s.price.has(d)||s.checkout.has(d)}},get settings(){return i}})),a.debug("Activated:",{literals:o,settings:i});let l=new CustomEvent(Fi,{bubbles:!0,cancelable:!1,detail:this});performance.mark(Vc),E(this,ei,performance.measure(Vc,Gc)),this.dispatchEvent(l),setTimeout(()=>{this.logFailedRequests()},1e4)}connectedCallback(){performance.mark(Gc),this.activate()}flushWcsCache(){this.flushWcsCacheInternal(),this.log.debug("Flushed WCS cache")}refreshOffers(){this.flushWcsCacheInternal(),document.querySelectorAll(Fe).forEach(r=>r.requestUpdate(!0)),this.log.debug("Refreshed WCS offers"),this.logFailedRequests()}refreshFragments(){this.flushWcsCacheInternal(),customElements.get("aem-fragment")?.cache.clear(),document.querySelectorAll("aem-fragment").forEach(r=>r.refresh(!1)),this.log.debug("Refreshed AEM fragments"),this.logFailedRequests()}get duration(){return{"mas-commerce-service:measure":xe(m(this,ei))}}logFailedRequests(){let r=[...performance.getEntriesByType("resource")].filter(({startTime:a})=>a>this.lastLoggingTime).filter(({transferSize:a,duration:n,responseStatus:o})=>a===0&&n===0&&o<200||o>=400),i=Array.from(new Map(r.map(a=>[a.name,a])).values());if(i.some(({name:a})=>/(\/fragment\?|web_commerce_artifact)/.test(a))){let a=i.map(({name:n})=>n);this.log.error("Failed requests:",{failedUrls:a,...this.duration})}this.lastLoggingTime=performance.now().toFixed(3)}};ei=new WeakMap,Xt=new WeakMap,Tt=new WeakSet,jc=function(){let r=this.getAttribute("env")??"prod",i={commerce:{env:r},hostEnv:{name:r},lana:{tags:this.getAttribute("lana-tags"),sampleRate:parseInt(this.getAttribute("lana-sample-rate")??1,10),isProdDomain:r==="prod"},masIOUrl:this.getAttribute("mas-io-url")};return["locale","country","language","preview"].forEach(a=>{let n=this.getAttribute(a);n&&(i[a]=n)}),["checkout-workflow-step","force-tax-exclusive","checkout-client-id","allow-override","wcs-api-key"].forEach(a=>{let n=this.getAttribute(a);if(n!=null){let o=a.replace(/-([a-z])/g,s=>s[1].toUpperCase());i.commerce[o]=n}}),i},Zn=function(r){return["on","true",!0].includes(this.getAttribute(`data-${r}`)||Y(r))};window.customElements.get(qc)||window.customElements.define(qc,Qn);var ti=class ti extends ea(HTMLButtonElement){static createCheckoutButton(t={},r=""){return Ji(ti,t,r)}setCheckoutUrl(t){this.setAttribute("data-href",t)}get href(){return this.getAttribute("data-href")}get isCheckoutButton(){return!0}clickHandler(t){if(this.checkoutActionHandler){this.checkoutActionHandler?.(t);return}this.href&&(window.location.href=this.href)}};g(ti,"is","checkout-button"),g(ti,"tag","button");var Kt=ti;window.customElements.get(Kt.is)||window.customElements.define(Kt.is,Kt,{extends:Kt.tag});function um(e){return`https://${e==="PRODUCTION"?"www.adobe.com":"www.stage.adobe.com"}/offers/promo-terms.html`}var _t,kt=class kt extends HTMLAnchorElement{constructor(){super();g(this,"masElement",new nt(this));A(this,_t);this.setAttribute("is",kt.is)}get isUptLink(){return!0}initializeWcsData(r,i){this.setAttribute("data-wcs-osi",r),i&&this.setAttribute("data-promotion-code",i)}attributeChangedCallback(r,i,a){this.masElement.attributeChangedCallback(r,i,a)}connectedCallback(){this.masElement.connectedCallback(),E(this,_t,Ie()),m(this,_t)&&(this.log=m(this,_t).log.module("upt-link"))}disconnectedCallback(){this.masElement.disconnectedCallback(),E(this,_t,void 0)}requestUpdate(r=!1){this.masElement.requestUpdate(r)}onceSettled(){return this.masElement.onceSettled()}async render(){let r=Ie();if(!r)return!1;this.dataset.imsCountry||r.imsCountryPromise.then(o=>{o&&(this.dataset.imsCountry=o)});let i=r.collectCheckoutOptions({},this);if(!i.wcsOsi)return this.log.error("Missing 'data-wcs-osi' attribute on upt-link."),!1;let a=this.masElement.togglePending(i),n=r.resolveOfferSelectors(i);try{let[[o]]=await Promise.all(n),{country:s,language:c,env:l}=i,d=`locale=${c}_${s}&country=${s}&offer_id=${o.offerId}`,h=this.getAttribute("data-promotion-code");h&&(d+=`&promotion_code=${encodeURIComponent(h)}`),this.href=`${um(l)}?${d}`,this.masElement.toggleResolved(a,o,i)}catch(o){let s=new Error(`Could not resolve offer selectors for id: ${i.wcsOsi}.`,o.message);return this.masElement.toggleFailed(a,s,i),!1}}static createFrom(r){let i=new kt;for(let a of r.attributes)a.name!=="is"&&(a.name==="class"&&a.value.includes("upt-link")?i.setAttribute("class",a.value.replace("upt-link","").trim()):i.setAttribute(a.name,a.value));return i.innerHTML=r.innerHTML,i.setAttribute("tabindex",0),i}};_t=new WeakMap,g(kt,"is","upt-link"),g(kt,"tag","a"),g(kt,"observedAttributes",["data-wcs-osi","data-promotion-code","data-ims-country"]);var st=kt;window.customElements.get(st.is)||window.customElements.define(st.is,st,{extends:st.tag});I();I();var j="(max-width: 767px)",se="(max-width: 1199px)",W="(min-width: 768px)",H="(min-width: 1200px)",de="(min-width: 1600px)",ml={matchMobile:window.matchMedia(j),matchDesktop:window.matchMedia(`${H} and (not ${de})`),matchDesktopOrUp:window.matchMedia(H),matchLargeDesktop:window.matchMedia(de),get isMobile(){return this.matchMobile.matches},get isDesktop(){return this.matchDesktop.matches},get isDesktopOrUp(){return this.matchDesktopOrUp.matches}},D=ml;function ya(){return ml.isDesktop}var ul=S` :host { --consonant-merch-card-background-color: #fff; --consonant-merch-card-border: 1px solid @@ -903,9 +903,9 @@ Try polyfilling it using "@formatjs/intl-pluralrules" ::slotted([slot='price']) { color: var(--consonant-merch-card-price-color); } -`,hc=()=>[b` +`,gl=()=>[S` /* Tablet */ - @media screen and ${me(B)} { + @media screen and ${ve(W)} { :host([size='wide']), :host([size='super-wide']) { width: 100%; @@ -914,22 +914,22 @@ Try polyfilling it using "@formatjs/intl-pluralrules" } /* Laptop */ - @media screen and ${me(P)} { + @media screen and ${ve(H)} { :host([size='wide']) { grid-column: span 2; } } - `];_();function Vh(){return customElements.get("sp-tooltip")!==void 0||document.querySelector("sp-theme")!==null}var Bt=class extends U{constructor(){super(),this.size="m",this.alt="",this.loading="lazy"}connectedCallback(){super.connectedCallback(),setTimeout(()=>this.handleTooltips(),0)}handleTooltips(){if(Vh())return;this.querySelectorAll("sp-tooltip, overlay-trigger").forEach(r=>{let i="",a="top";if(r.tagName==="SP-TOOLTIP")i=r.textContent,a=r.getAttribute("placement")||"top";else if(r.tagName==="OVERLAY-TRIGGER"){let n=r.querySelector("sp-tooltip");n&&(i=n.textContent,a=n.getAttribute("placement")||r.getAttribute("placement")||"top")}if(i){let n=document.createElement("mas-mnemonic");n.setAttribute("content",i),n.setAttribute("placement",a);let o=this.querySelector("img"),s=this.querySelector("a");s&&s.contains(o)?n.appendChild(s):o&&n.appendChild(o),this.innerHTML="",this.appendChild(n),Promise.resolve().then(()=>Ui())}r.remove()})}render(){let{href:t}=this;return t?u` + `];I();function wm(){return customElements.get("sp-tooltip")!==void 0||document.querySelector("sp-theme")!==null}var er=class extends X{constructor(){super(),this.size="m",this.alt="",this.loading="lazy"}connectedCallback(){super.connectedCallback(),setTimeout(()=>this.handleTooltips(),0)}handleTooltips(){if(wm())return;this.querySelectorAll("sp-tooltip, overlay-trigger").forEach(r=>{let i="",a="top";if(r.tagName==="SP-TOOLTIP")i=r.textContent,a=r.getAttribute("placement")||"top";else if(r.tagName==="OVERLAY-TRIGGER"){let n=r.querySelector("sp-tooltip");n&&(i=n.textContent,a=n.getAttribute("placement")||r.getAttribute("placement")||"top")}if(i){let n=document.createElement("mas-mnemonic");n.setAttribute("content",i),n.setAttribute("placement",a);let o=this.querySelector("img"),s=this.querySelector("a");s&&s.contains(o)?n.appendChild(s):o&&n.appendChild(o),this.innerHTML="",this.appendChild(n),Promise.resolve().then(()=>Aa())}r.remove()})}render(){let{href:t}=this;return t?x` ${this.alt} - `:u` `:x` ${this.alt}`}};m(Bt,"properties",{size:{type:String,attribute:!0},src:{type:String,attribute:!0},alt:{type:String,attribute:!0},href:{type:String,attribute:!0},loading:{type:String,attribute:!0}}),m(Bt,"styles",b` + />`}};g(er,"properties",{size:{type:String,attribute:!0},src:{type:String,attribute:!0},alt:{type:String,attribute:!0},href:{type:String,attribute:!0},loading:{type:String,attribute:!0}}),g(er,"styles",S` :host { --img-width: 32px; --img-height: 32px; @@ -967,7 +967,7 @@ Try polyfilling it using "@formatjs/intl-pluralrules" width: var(--mod-img-width, var(--img-width)); height: var(--mod-img-height, var(--img-height)); } - `);customElements.define("merch-icon",Bt);var qr,yt,Vr,jr,Ft,Gi=class extends HTMLElement{constructor(){super();E(this,qr,"");E(this,yt);E(this,Vr,[]);E(this,jr,[]);E(this,Ft);y(this,Ft,Rr(()=>{this.isConnected&&(this.parentElement.style.background=this.value,p(this,yt)?this.parentElement.style.borderRadius=p(this,yt):p(this,yt)===""&&(this.parentElement.style.borderRadius=""))},1))}static get observedAttributes(){return["colors","positions","angle","border-radius"]}get value(){let r=p(this,Vr).map((i,a)=>{let n=p(this,jr)[a]||"";return`${i} ${n}`}).join(", ");return`linear-gradient(${p(this,qr)}, ${r})`}connectedCallback(){p(this,Ft).call(this)}attributeChangedCallback(r,i,a){r==="border-radius"&&y(this,yt,a?.trim()),r==="colors"&&a?y(this,Vr,a?.split(",").map(n=>n.trim())??[]):r==="positions"&&a?y(this,jr,a?.split(",").map(n=>n.trim())??[]):r==="angle"&&y(this,qr,a?.trim()??""),p(this,Ft).call(this)}};qr=new WeakMap,yt=new WeakMap,Vr=new WeakMap,jr=new WeakMap,Ft=new WeakMap;customElements.define("merch-gradient",Gi);_();var Ut=class extends U{constructor(){super(),this.planType=void 0,this.checked=!1,this.updatePlanType=this.updatePlanType.bind(this),this.handleChange=this.handleChange.bind(this),this.handleCustomClick=this.handleCustomClick.bind(this)}getOsi(t,r){let n=({TRIAL:["TRIAL"],BASE:["BASE","PROMOTION","TRIAL"],PROMOTION:["PROMOTION","BASE","TRIAL"]}[r]||[r]).map(s=>`p[data-plan-type="${t}"] ${D}[data-offer-type="${s}"]`).join(", ");return this.querySelector(n)?.dataset?.wcsOsi}connectedCallback(){super.connectedCallback(),this.addEventListener(Lt,this.updatePlanType)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener(Lt,this.updatePlanType)}updatePlanType(t){if(t.target.tagName!=="SPAN")return;let r=t.target,i=r?.value?.[0];i&&(r.setAttribute("data-offer-type",i.offerType),r.closest("p").setAttribute("data-plan-type",i.planType))}handleChange(t){this.checked=t.target.checked,this.dispatchEvent(new CustomEvent("change",{detail:{checked:this.checked},bubbles:!0,composed:!0}))}handleCustomClick(){this.shadowRoot.querySelector("input").click()}handleKeyDown(t){t.key===" "&&(t.preventDefault(),this.handleCustomClick())}render(){return u` {this.isConnected&&(this.parentElement.style.background=this.value,m(this,Rt)?this.parentElement.style.borderRadius=m(this,Rt):m(this,Rt)===""&&(this.parentElement.style.borderRadius=""))},1))}static get observedAttributes(){return["colors","positions","angle","border-radius"]}get value(){let r=m(this,pi).map((i,a)=>{let n=m(this,mi)[a]||"";return`${i} ${n}`}).join(", ");return`linear-gradient(${m(this,hi)}, ${r})`}connectedCallback(){m(this,tr).call(this)}attributeChangedCallback(r,i,a){r==="border-radius"&&E(this,Rt,a?.trim()),r==="colors"&&a?E(this,pi,a?.split(",").map(n=>n.trim())??[]):r==="positions"&&a?E(this,mi,a?.split(",").map(n=>n.trim())??[]):r==="angle"&&E(this,hi,a?.trim()??""),m(this,tr).call(this)}};hi=new WeakMap,Rt=new WeakMap,pi=new WeakMap,mi=new WeakMap,tr=new WeakMap;customElements.define("merch-gradient",Sa);I();var rr=class extends X{constructor(){super(),this.planType=void 0,this.checked=!1,this.updatePlanType=this.updatePlanType.bind(this),this.handleChange=this.handleChange.bind(this),this.handleCustomClick=this.handleCustomClick.bind(this)}getOsi(t,r){let n=({TRIAL:["TRIAL"],BASE:["BASE","PROMOTION","TRIAL"],PROMOTION:["PROMOTION","BASE","TRIAL"]}[r]||[r]).map(s=>`p[data-plan-type="${t}"] ${O}[data-offer-type="${s}"]`).join(", ");return this.querySelector(n)?.dataset?.wcsOsi}connectedCallback(){super.connectedCallback(),this.addEventListener(Gt,this.updatePlanType)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener(Gt,this.updatePlanType)}updatePlanType(t){if(t.target.tagName!=="SPAN")return;let r=t.target,i=r?.value?.[0];i&&(r.setAttribute("data-offer-type",i.offerType),r.closest("p").setAttribute("data-plan-type",i.planType))}handleChange(t){this.checked=t.target.checked,this.dispatchEvent(new CustomEvent("change",{detail:{checked:this.checked},bubbles:!0,composed:!0}))}handleCustomClick(){this.shadowRoot.querySelector("input").click()}handleKeyDown(t){t.key===" "&&(t.preventDefault(),this.handleCustomClick())}render(){return x` `}};m(Ut,"properties",{planType:{type:String,attribute:"plan-type",reflect:!0},checked:{type:Boolean,reflect:!0},customCheckbox:{type:Boolean,attribute:"custom-checkbox",reflect:!0}}),m(Ut,"styles",b` + `}};g(rr,"properties",{planType:{type:String,attribute:"plan-type",reflect:!0},checked:{type:Boolean,reflect:!0},customCheckbox:{type:Boolean,attribute:"custom-checkbox",reflect:!0}}),g(rr,"styles",S` :host { --merch-addon-gap: 9px; --merch-addon-align: start; @@ -1050,7 +1050,7 @@ Try polyfilling it using "@formatjs/intl-pluralrules" :host([plan-type='M2M']) ::slotted(p[data-plan-type='M2M']) { display: block; } - `);customElements.define("merch-addon",Ut);_();var Gt,Wr=class Wr{constructor(t){m(this,"card");E(this,Gt);this.card=t,this.insertVariantStyle()}getContainer(){return y(this,Gt,p(this,Gt)??this.card.closest('merch-card-collection, [class*="-merch-cards"]')??this.card.parentElement),p(this,Gt)}insertVariantStyle(){let t=this.constructor.name;if(!Wr.styleMap[t]){Wr.styleMap[t]=!0;let r=document.createElement("style");r.innerHTML=this.getGlobalCSS(),document.head.appendChild(r)}}updateCardElementMinHeight(t,r){if(!t||this.card.heightSync===!1)return;let i=`--consonant-merch-card-${this.card.variant}-${r}-height`,a=Math.max(0,parseInt(window.getComputedStyle(t).height)||0),n=this.getContainer(),o=parseInt(n.style.getPropertyValue(i))||0;a>o&&n.style.setProperty(i,`${a}px`)}get badge(){let t;if(!(!this.card.badgeBackgroundColor||!this.card.badgeColor||!this.card.badgeText))return this.evergreen&&(t=`border: 1px solid ${this.card.badgeBackgroundColor}; border-right: none;`),u` + `);customElements.define("merch-addon",rr);I();var ir,ui=class ui{constructor(t){g(this,"card");A(this,ir);this.card=t,this.insertVariantStyle()}getContainer(){return E(this,ir,m(this,ir)??this.card.closest('merch-card-collection, [class*="-merch-cards"]')??this.card.parentElement),m(this,ir)}insertVariantStyle(){let t=this.constructor.name;if(!ui.styleMap[t]){ui.styleMap[t]=!0;let r=document.createElement("style");r.innerHTML=this.getGlobalCSS(),document.head.appendChild(r)}}updateCardElementMinHeight(t,r){if(!t||this.card.heightSync===!1)return;let i=`--consonant-merch-card-${this.card.variant}-${r}-height`,a=Math.max(0,parseInt(window.getComputedStyle(t).height)||0),n=this.getContainer(),o=parseInt(n.style.getPropertyValue(i))||0;a>o&&n.style.setProperty(i,`${a}px`)}get badge(){let t;if(!(!this.card.badgeBackgroundColor||!this.card.badgeColor||!this.card.badgeText))return this.evergreen&&(t=`border: 1px solid ${this.card.badgeBackgroundColor}; border-right: none;`),x`
${this.card.badgeText}
- `}get cardImage(){return u`
+ `}get cardImage(){return x`
${this.badge} -
`}getGlobalCSS(){return""}get theme(){return document.querySelector("sp-theme")}get evergreen(){return this.card.classList.contains("intro-pricing")}get promoBottom(){return this.card.classList.contains("promo-bottom")}get headingSelector(){return'[slot="heading-xs"]'}get secureLabel(){return this.card.secureLabel?u``}getGlobalCSS(){return""}get theme(){return document.querySelector("sp-theme")}get evergreen(){return this.card.classList.contains("intro-pricing")}get promoBottom(){return this.card.classList.contains("promo-bottom")}get headingSelector(){return'[slot="heading-xs"]'}get secureLabel(){return this.card.secureLabel?x`${this.card.secureLabel}`:w}get secureLabelFooter(){return u`
+ >`:_}get secureLabelFooter(){return x`
${this.secureLabel} -
`}async postCardUpdateHook(){}connectedCallbackHook(){}disconnectedCallbackHook(){}syncHeights(){}renderLayout(){}get aemFragmentMapping(){return qi(this.card.variant)}};Gt=new WeakMap,m(Wr,"styleMap",{});var A=Wr;_();var pc=` +
`}async postCardUpdateHook(){}connectedCallbackHook(){}disconnectedCallbackHook(){}syncHeights(){}renderLayout(){}get aemFragmentMapping(){return this.constructor.fragmentMapping??null}};ir=new WeakMap,g(ui,"styleMap",{});var L=ui;I();var yl=` :root { --consonant-merch-card-catalog-width: 302px; --consonant-merch-card-catalog-icon-size: 40px; @@ -1128,19 +1128,19 @@ merch-card-collection-header.catalog { --merch-card-collection-header-search-max-width: 244px; } -@media screen and ${H} { +@media screen and ${j} { merch-card-collection-header.catalog { --merch-card-collection-header-columns: min-content auto; } } -@media screen and ${B} { +@media screen and ${W} { merch-card-collection-header.catalog { --merch-card-collection-header-column-gap: 16px; } } -@media screen and ${P} { +@media screen and ${H} { :root { --consonant-merch-card-catalog-width: 276px; } @@ -1215,12 +1215,12 @@ merch-card[variant="catalog"] .payment-details { merch-card[variant="catalog"] [slot="footer"] .spectrum-Link--primary { font-size: 15px; font-weight: 700; -}`;var mc={cardName:{attribute:"name"},badge:!0,ctas:{slot:"footer",size:"m"},description:{tag:"div",slot:"body-xs"},mnemonics:{size:"l"},prices:{tag:"h3",slot:"heading-xs"},shortDescription:{tag:"div",slot:"action-menu-content",attributes:{tabindex:"0"}},size:["wide","super-wide"],title:{tag:"h3",slot:"heading-xs"}},qt=class extends A{constructor(r){super(r);m(this,"dispatchActionMenuToggle",()=>{this.card.dispatchEvent(new CustomEvent(ia,{bubbles:!0,composed:!0,detail:{card:this.card.name,type:"action-menu"}}))});m(this,"toggleActionMenu",r=>{!this.actionMenuContentSlot||!r||r.type!=="click"&&r.code!=="Space"&&r.code!=="Enter"||(r.preventDefault(),r.stopPropagation(),this.setMenuVisibility(!this.isMenuOpen()))});m(this,"toggleActionMenuFromCard",r=>{let i=r?.type==="mouseleave"?!0:void 0;this.card.blur(),this.setIconVisibility(!1),this.actionMenuContentSlot&&r?.type==="mouseleave"&&this.setMenuVisibility(!1)});m(this,"showActionMenuOnHover",()=>{this.actionMenu&&this.setIconVisibility(!0)});m(this,"hideActionMenu",()=>{this.setMenuVisibility(!1),this.setIconVisibility(!1)});m(this,"hideActionMenuOnBlur",r=>{r.relatedTarget===this.actionMenu||this.actionMenu?.contains(r.relatedTarget)||this.slottedContent?.contains(r.relatedTarget)||(this.isMenuOpen()&&this.setMenuVisibility(!1),this.card.contains(r.relatedTarget)||this.setIconVisibility(!1))});m(this,"handleCardFocusOut",r=>{r.relatedTarget===this.actionMenu||this.actionMenu?.contains(r.relatedTarget)||r.relatedTarget===this.card||(this.slottedContent&&(r.target===this.slottedContent||this.slottedContent.contains(r.target))&&(this.slottedContent.contains(r.relatedTarget)||this.setMenuVisibility(!1)),!this.card.contains(r.relatedTarget)&&!this.isMenuOpen()&&this.setIconVisibility(!1))});m(this,"handleKeyDown",r=>{(r.key==="Escape"||r.key==="Esc")&&(r.preventDefault(),this.hideActionMenu(),this.actionMenu?.focus())})}get actionMenu(){return this.card.shadowRoot.querySelector(".action-menu")}get actionMenuContentSlot(){return this.card.shadowRoot.querySelector('slot[name="action-menu-content"]')}get slottedContent(){return this.card.querySelector('[slot="action-menu-content"]')}setIconVisibility(r){if(this.slottedContent){if(sn()&&this.card.actionMenu)return;this.actionMenu?.classList.toggle("invisible",!r),this.actionMenu?.classList.toggle("always-visible",r)}}setMenuVisibility(r){this.actionMenuContentSlot?.classList.toggle("hidden",!r),this.setAriaExpanded(this.actionMenu,r.toString()),r&&(this.dispatchActionMenuToggle(),setTimeout(()=>{let i=this.slottedContent?.querySelector("a");i&&i.focus()},0))}isMenuOpen(){return!this.actionMenuContentSlot?.classList.contains("hidden")}renderLayout(){return u`
+}`;var wl={cardName:{attribute:"name"},badge:!0,ctas:{slot:"footer",size:"m"},description:{tag:"div",slot:"body-xs"},mnemonics:{size:"l"},prices:{tag:"h3",slot:"heading-xs"},shortDescription:{tag:"div",slot:"action-menu-content",attributes:{tabindex:"0"}},size:["wide","super-wide"],title:{tag:"h3",slot:"heading-xs"}},ar=class extends L{constructor(r){super(r);g(this,"dispatchActionMenuToggle",()=>{this.card.dispatchEvent(new CustomEvent(ja,{bubbles:!0,composed:!0,detail:{card:this.card.name,type:"action-menu"}}))});g(this,"toggleActionMenu",r=>{!this.actionMenuContentSlot||!r||r.type!=="click"&&r.code!=="Space"&&r.code!=="Enter"||(r.preventDefault(),r.stopPropagation(),this.setMenuVisibility(!this.isMenuOpen()))});g(this,"toggleActionMenuFromCard",r=>{let i=r?.type==="mouseleave"?!0:void 0;this.card.blur(),this.setIconVisibility(!1),this.actionMenuContentSlot&&r?.type==="mouseleave"&&this.setMenuVisibility(!1)});g(this,"showActionMenuOnHover",()=>{this.actionMenu&&this.setIconVisibility(!0)});g(this,"hideActionMenu",()=>{this.setMenuVisibility(!1),this.setIconVisibility(!1)});g(this,"hideActionMenuOnBlur",r=>{r.relatedTarget===this.actionMenu||this.actionMenu?.contains(r.relatedTarget)||this.slottedContent?.contains(r.relatedTarget)||(this.isMenuOpen()&&this.setMenuVisibility(!1),this.card.contains(r.relatedTarget)||this.setIconVisibility(!1))});g(this,"handleCardFocusOut",r=>{r.relatedTarget===this.actionMenu||this.actionMenu?.contains(r.relatedTarget)||r.relatedTarget===this.card||(this.slottedContent&&(r.target===this.slottedContent||this.slottedContent.contains(r.target))&&(this.slottedContent.contains(r.relatedTarget)||this.setMenuVisibility(!1)),!this.card.contains(r.relatedTarget)&&!this.isMenuOpen()&&this.setIconVisibility(!1))});g(this,"handleKeyDown",r=>{(r.key==="Escape"||r.key==="Esc")&&(r.preventDefault(),this.hideActionMenu(),this.actionMenu?.focus())})}get actionMenu(){return this.card.shadowRoot.querySelector(".action-menu")}get actionMenuContentSlot(){return this.card.shadowRoot.querySelector('slot[name="action-menu-content"]')}get slottedContent(){return this.card.querySelector('[slot="action-menu-content"]')}setIconVisibility(r){if(this.slottedContent){if(Xn()&&this.card.actionMenu)return;this.actionMenu?.classList.toggle("invisible",!r),this.actionMenu?.classList.toggle("always-visible",r)}}setMenuVisibility(r){this.actionMenuContentSlot?.classList.toggle("hidden",!r),this.setAriaExpanded(this.actionMenu,r.toString()),r&&(this.dispatchActionMenuToggle(),setTimeout(()=>{let i=this.slottedContent?.querySelector("a");i&&i.focus()},0))}isMenuOpen(){return!this.actionMenuContentSlot?.classList.contains("hidden")}renderLayout(){return x`
${this.badge}
- ${this.promoBottom?"":u``} - ${this.promoBottom?u``:""}
${this.secureLabelFooter} - `}getGlobalCSS(){return pc}setAriaExpanded(r,i){r.setAttribute("aria-expanded",i)}connectedCallbackHook(){this.card.addEventListener("mouseenter",this.showActionMenuOnHover),this.card.addEventListener("mouseleave",this.toggleActionMenuFromCard),this.card.addEventListener("focusin",this.showActionMenuOnHover),this.card.addEventListener("focusout",this.handleCardFocusOut),this.card.addEventListener("keydown",this.handleKeyDown)}disconnectedCallbackHook(){this.card.removeEventListener("mouseenter",this.showActionMenuOnHover),this.card.removeEventListener("mouseleave",this.toggleActionMenuFromCard),this.card.removeEventListener("focusin",this.showActionMenuOnHover),this.card.removeEventListener("focusout",this.handleCardFocusOut),this.card.removeEventListener("keydown",this.handleKeyDown)}};m(qt,"variantStyle",b` + `}getGlobalCSS(){return yl}setAriaExpanded(r,i){r.setAttribute("aria-expanded",i)}connectedCallbackHook(){this.card.addEventListener("mouseenter",this.showActionMenuOnHover),this.card.addEventListener("mouseleave",this.toggleActionMenuFromCard),this.card.addEventListener("focusin",this.showActionMenuOnHover),this.card.addEventListener("focusout",this.handleCardFocusOut),this.card.addEventListener("keydown",this.handleKeyDown)}disconnectedCallbackHook(){this.card.removeEventListener("mouseenter",this.showActionMenuOnHover),this.card.removeEventListener("mouseleave",this.toggleActionMenuFromCard),this.card.removeEventListener("focusin",this.showActionMenuOnHover),this.card.removeEventListener("focusout",this.handleCardFocusOut),this.card.removeEventListener("keydown",this.handleKeyDown)}};g(ar,"variantStyle",S` :host([variant='catalog']) { min-height: 330px; width: var(--consonant-merch-card-catalog-width); @@ -1272,7 +1272,7 @@ merch-card[variant="catalog"] [slot="footer"] .spectrum-Link--primary { right: initial; left: 16px; } - `);_();var uc=` + `);I();var El=` :root { --consonant-merch-card-image-width: 300px; --merch-card-collection-card-width: var(--consonant-merch-card-image-width); @@ -1290,7 +1290,7 @@ merch-card[variant="catalog"] [slot="footer"] .spectrum-Link--primary { --merch-card-collection-card-width: var(--consonant-merch-card-image-width); } -@media screen and ${B} { +@media screen and ${W} { .two-merch-cards.image, .three-merch-cards.image, .four-merch-cards.image { @@ -1298,7 +1298,7 @@ merch-card[variant="catalog"] [slot="footer"] .spectrum-Link--primary { } } -@media screen and ${P} { +@media screen and ${H} { :root { --consonant-merch-card-image-width: 378px; } @@ -1311,7 +1311,7 @@ merch-card[variant="catalog"] [slot="footer"] .spectrum-Link--primary { grid-template-columns: repeat(4, var(--consonant-merch-card-image-width)); } } -`;var gc={cardName:{attribute:"name"},badge:{tag:"div",slot:"badge",default:"spectrum-yellow-300-plans"},badgeIcon:!0,borderColor:{attribute:"border-color"},allowedBadgeColors:["spectrum-yellow-300-plans","spectrum-gray-300-plans","spectrum-gray-700-plans","spectrum-green-900-plans","spectrum-red-700-plans","gradient-purple-blue"],allowedBorderColors:["spectrum-yellow-300-plans","spectrum-gray-300-plans","spectrum-green-900-plans","spectrum-red-700-plans","gradient-purple-blue"],ctas:{slot:"footer",size:"m"},description:{tag:"div",slot:"body-xs"},mnemonics:{size:"l"},prices:{tag:"h3",slot:"heading-xs"},promoText:{tag:"p",slot:"promo-text"},size:["wide","super-wide"],title:{tag:"h3",slot:"heading-xs"},subtitle:{tag:"p",slot:"body-xxs"},backgroundImage:{tag:"div",slot:"bg-image"}},wt=class extends A{constructor(t){super(t)}getGlobalCSS(){return uc}renderLayout(){return u`
+`;var Al={cardName:{attribute:"name"},badge:{tag:"div",slot:"badge",default:"spectrum-yellow-300-plans"},badgeIcon:!0,borderColor:{attribute:"border-color"},allowedBadgeColors:["spectrum-yellow-300-plans","spectrum-gray-300-plans","spectrum-gray-700-plans","spectrum-green-900-plans","spectrum-red-700-plans","gradient-purple-blue"],allowedBorderColors:["spectrum-yellow-300-plans","spectrum-gray-300-plans","spectrum-green-900-plans","spectrum-red-700-plans","gradient-purple-blue"],ctas:{slot:"footer",size:"m"},description:{tag:"div",slot:"body-xs"},mnemonics:{size:"l"},prices:{tag:"h3",slot:"heading-xs"},promoText:{tag:"p",slot:"promo-text"},size:["wide","super-wide"],title:{tag:"h3",slot:"heading-xs"},subtitle:{tag:"p",slot:"body-xxs"},backgroundImage:{tag:"div",slot:"bg-image"}},Nt=class extends L{constructor(t){super(t)}getGlobalCSS(){return El}renderLayout(){return x`
@@ -1319,21 +1319,21 @@ merch-card[variant="catalog"] [slot="footer"] .spectrum-Link--primary { - ${this.promoBottom?u``:u``:x``}
- ${this.evergreen?u` + ${this.evergreen?x`
- `:u` + `:x`
${this.secureLabelFooter} - `}`}};m(wt,"variantStyle",b` + `}`}};g(Nt,"variantStyle",S` :host([variant='image']) { min-height: 330px; width: var(--consonant-merch-card-image-width); @@ -1355,7 +1355,7 @@ merch-card[variant="catalog"] [slot="footer"] .spectrum-Link--primary { left: 0px; right: initial; } - `);_();var fc=` + `);I();var Sl=` :root { --consonant-merch-card-inline-heading-width: 300px; } @@ -1367,7 +1367,7 @@ merch-card[variant="catalog"] [slot="footer"] .spectrum-Link--primary { grid-template-columns: var(--consonant-merch-card-inline-heading-width); } -@media screen and ${B} { +@media screen and ${W} { .two-merch-cards.inline-heading, .three-merch-cards.inline-heading, .four-merch-cards.inline-heading { @@ -1375,7 +1375,7 @@ merch-card[variant="catalog"] [slot="footer"] .spectrum-Link--primary { } } -@media screen and ${P} { +@media screen and ${H} { :root { --consonant-merch-card-inline-heading-width: 378px; } @@ -1386,12 +1386,12 @@ merch-card[variant="catalog"] [slot="footer"] .spectrum-Link--primary { } } -@media screen and ${oe} { +@media screen and ${de} { .four-merch-cards.inline-heading { grid-template-columns: repeat(4, var(--consonant-merch-card-inline-heading-width)); } } -`;var Vi=class extends A{constructor(t){super(t)}getGlobalCSS(){return fc}renderLayout(){return u` ${this.badge} +`;var Ca=class extends L{constructor(t){super(t)}getGlobalCSS(){return Sl}renderLayout(){return x` ${this.badge}
@@ -1399,7 +1399,7 @@ merch-card[variant="catalog"] [slot="footer"] .spectrum-Link--primary {
- ${this.card.customHr?"":u`
`} ${this.secureLabelFooter}`}};_();var xc=` + ${this.card.customHr?"":x`
`} ${this.secureLabelFooter}`}};I();var Cl=` :root { --consonant-merch-card-mini-compare-chart-icon-size: 32px; --consonant-merch-card-mini-compare-border-color: #E9E9E9; @@ -1940,7 +1940,7 @@ merch-card[variant="mini-compare-chart"].bullet-list [slot="price-commitment"] { } /* mini compare mobile */ -@media screen and ${H} { +@media screen and ${j} { :root { --consonant-merch-card-mini-compare-chart-width: 302px; --consonant-merch-card-mini-compare-chart-wide-width: 302px; @@ -1997,7 +1997,7 @@ merch-card[variant="mini-compare-chart"].bullet-list [slot="price-commitment"] { } } -@media screen and ${re} { +@media screen and ${se} { merch-card[variant="mini-compare-chart"] [slot="heading-m"] { font-size: var(--consonant-merch-card-body-s-font-size); line-height: var(--consonant-merch-card-body-s-line-height); @@ -2049,7 +2049,7 @@ merch-card[variant="mini-compare-chart"].bullet-list [slot="price-commitment"] { padding: 6px 18px 4px; } } -@media screen and ${B} { +@media screen and ${W} { :root { --consonant-merch-card-mini-compare-chart-width: 302px; --consonant-merch-card-mini-compare-chart-wide-width: 302px; @@ -2095,7 +2095,7 @@ merch-card[variant="mini-compare-chart"].bullet-list [slot="price-commitment"] { } /* desktop */ -@media screen and ${P} { +@media screen and ${H} { :root { --consonant-merch-card-mini-compare-chart-width: 378px; --consonant-merch-card-mini-compare-chart-wide-width: 484px; @@ -2120,7 +2120,7 @@ merch-card[variant="mini-compare-chart"].bullet-list [slot="price-commitment"] { } } -@media screen and ${oe} { +@media screen and ${de} { .four-merch-cards.mini-compare-chart, .four-merch-cards:has(merch-card[variant="mini-compare-chart"]) { grid-template-columns: repeat(4, var(--consonant-merch-card-mini-compare-chart-width)); @@ -2195,14 +2195,14 @@ merch-card[variant="mini-compare-chart"] merch-mnemonic-list:nth-child(7) { merch-card[variant="mini-compare-chart"] merch-mnemonic-list:nth-child(8) { min-height: var(--consonant-merch-card-footer-row-8-min-height); } -`;var jh=32,vc={cardName:{attribute:"name"},title:{tag:"h3",slot:"heading-xs"},subtitle:{tag:"p",slot:"subtitle"},prices:{tag:"p",slot:"heading-m-price"},promoText:{tag:"div",slot:"promo-text"},shortDescription:{tag:"div",slot:"body-xxs"},description:{tag:"div",slot:"body-m"},mnemonics:{size:"l"},quantitySelect:{tag:"div",slot:"quantity-select"},callout:{tag:"div",slot:"callout-content"},addon:!0,secureLabel:!0,planType:!0,badgeIcon:!0,badge:{tag:"div",slot:"badge",default:"spectrum-yellow-300-plans"},allowedBadgeColors:["spectrum-yellow-300-plans","spectrum-gray-300-plans","spectrum-gray-700-plans","spectrum-green-900-plans","spectrum-red-700-plans","gradient-purple-blue"],allowedBorderColors:["spectrum-yellow-300-plans","spectrum-gray-300-plans","spectrum-green-900-plans","spectrum-red-700-plans","gradient-purple-blue"],borderColor:{attribute:"border-color"},size:["wide","super-wide"],whatsIncluded:{tag:"div",slot:"footer-rows"},ctas:{slot:"footer",size:"l"},style:"consonant"},Vt=class extends A{constructor(r){super(r);m(this,"getRowMinHeightPropertyName",r=>`--consonant-merch-card-footer-row-${r}-min-height`);m(this,"getMiniCompareFooter",()=>{let r=this.card.secureLabel?u` +`;var Em=32,Ta={cardName:{attribute:"name"},title:{tag:"h3",slot:"heading-xs"},subtitle:{tag:"p",slot:"subtitle"},prices:{tag:"p",slot:"heading-m-price"},promoText:{tag:"div",slot:"promo-text"},shortDescription:{tag:"div",slot:"body-xxs"},description:{tag:"div",slot:"body-m"},mnemonics:{size:"l"},quantitySelect:{tag:"div",slot:"quantity-select"},callout:{tag:"div",slot:"callout-content"},addon:!0,secureLabel:!0,planType:!0,badgeIcon:!0,badge:{tag:"div",slot:"badge",default:"spectrum-yellow-300"},allowedBadgeColors:["spectrum-yellow-300","spectrum-gray-300","spectrum-gray-700","spectrum-green-900","spectrum-red-700","gradient-purple-blue"],allowedBorderColors:["spectrum-yellow-300","spectrum-gray-300","spectrum-green-900","spectrum-red-700","gradient-purple-blue"],borderColor:{attribute:"border-color"},size:["wide","super-wide"],whatsIncluded:{tag:"div",slot:"footer-rows"},ctas:{slot:"footer",size:"l"},style:"consonant"},nr=class extends L{constructor(r){super(r);g(this,"getRowMinHeightPropertyName",r=>`--consonant-merch-card-footer-row-${r}-min-height`);g(this,"getMiniCompareFooter",()=>{let r=this.card.secureLabel?x` ${this.card.secureLabel}`:u``;return this.isNewVariant?u`
+ >`:x``;return this.isNewVariant?x`
${r}

-
`:u`
${r}
`});this.updatePriceQuantity=this.updatePriceQuantity.bind(this)}connectedCallbackHook(){this.card.addEventListener(te,this.updatePriceQuantity),this.visibilityObserver=new IntersectionObserver(([r])=>{r.boundingClientRect.height!==0&&r.isIntersecting&&(R.isMobile||requestAnimationFrame(()=>{let i=this.getContainer();if(!i)return;i.querySelectorAll('merch-card[variant="mini-compare-chart"]').forEach(n=>n.variantLayout?.syncHeights?.())}),this.visibilityObserver.disconnect())}),this.visibilityObserver.observe(this.card)}disconnectedCallbackHook(){if(this.card.removeEventListener(te,this.updatePriceQuantity),this.visibilityObserver?.disconnect(),this.calloutListenersAdded){document.removeEventListener("touchstart",this.handleCalloutTouch),document.removeEventListener("mouseover",this.handleCalloutMouse);let r=this.card.querySelector('[slot="callout-content"] .icon-button');r?.removeEventListener("focusin",this.handleCalloutFocusin),r?.removeEventListener("focusout",this.handleCalloutFocusout),r?.removeEventListener("keydown",this.handleCalloutKeydown),this.calloutListenersAdded=!1}}updatePriceQuantity({detail:r}){!this.mainPrice||!r?.option||(this.mainPrice.dataset.quantity=r.option)}priceOptionsProvider(r,i){if(this.isNewVariant){if(r.dataset.template===xe){i.displayPlanType=this.card?.settings?.displayPlanType??!1;return}(r.dataset.template==="strikethrough"||r.dataset.template==="price")&&(i.displayPerUnit=!1)}}getGlobalCSS(){return xc}adjustMiniCompareBodySlots(){if(this.card.getBoundingClientRect().width<=2)return;this.updateCardElementMinHeight(this.card.shadowRoot.querySelector(".top-section"),"top-section");let r=["heading-m","subtitle","body-m","heading-m-price","body-xxs","price-commitment","quantity-select","offers","promo-text","callout-content","addon"];this.card.classList.contains("bullet-list")&&r.push("footer-rows"),r.forEach(a=>this.updateCardElementMinHeight(this.card.shadowRoot.querySelector(`slot[name="${a}"]`),a)),this.updateCardElementMinHeight(this.card.shadowRoot.querySelector("footer"),"footer"),this.card.shadowRoot.querySelector(".mini-compare-chart-badge")?.textContent!==""&&this.getContainer().style.setProperty("--consonant-merch-card-mini-compare-chart-top-section-mobile-height","32px")}adjustMiniCompareFooterRows(){if(this.card.getBoundingClientRect().width===0)return;let r;if(this.isNewVariant){let i=this.card.querySelector("merch-whats-included");if(!i)return;r=[...i.querySelectorAll('[slot="content"] merch-mnemonic-list')]}else{let i=this.card.querySelector('[slot="footer-rows"] ul');if(!i||!i.children)return;r=[...i.children]}r.length&&r.forEach((i,a)=>{let n=Math.max(jh,parseFloat(window.getComputedStyle(i).height)||0),o=parseFloat(this.getContainer().style.getPropertyValue(this.getRowMinHeightPropertyName(a+1)))||0;n>o&&this.getContainer().style.setProperty(this.getRowMinHeightPropertyName(a+1),`${n}px`)})}removeEmptyRows(){this.isNewVariant?this.card.querySelectorAll("merch-whats-included merch-mnemonic-list").forEach(i=>{let a=i.querySelector('[slot="description"]');a&&!a.textContent.trim()&&i.remove()}):this.card.querySelectorAll(".footer-row-cell").forEach(i=>{let a=i.querySelector(".footer-row-cell-description");a&&!a.textContent.trim()&&i.remove()})}padFooterRows(){let r=this.getContainer();if(!r)return;let i=r.querySelectorAll('merch-card[variant="mini-compare-chart"]');if(this.isNewVariant){let a=0;if(i.forEach(l=>{let d=l.querySelector("merch-whats-included");if(!d)return;let h=d.querySelectorAll('[slot="content"] merch-mnemonic-list:not([data-placeholder])');a=Math.max(a,h.length)}),a===0)return;let n=this.card.querySelector("merch-whats-included");if(!n)return;let o=n.querySelector('[slot="content"]');if(!o)return;o.querySelectorAll("merch-mnemonic-list[data-placeholder]").forEach(l=>l.remove());let s=o.querySelectorAll("merch-mnemonic-list").length,c=a-s;for(let l=0;l{let l=c.querySelector('[slot="footer-rows"] ul');if(!l)return;let d=l.querySelectorAll("li.footer-row-cell:not([data-placeholder])");a=Math.max(a,d.length)}),a===0)return;let n=this.card.querySelector('[slot="footer-rows"] ul');if(!n)return;n.querySelectorAll("li.footer-row-cell[data-placeholder]").forEach(c=>c.remove());let o=n.querySelectorAll("li.footer-row-cell").length,s=a-o;for(let c=0;cs.remove()),r.checked){if(o){let s=ne("p",{class:"addon-heading-m-price-addon",slot:"heading-m-price"},o.innerHTML);this.card.appendChild(s)}}else{let s=ne("p",{class:"card-heading",id:"free",slot:"heading-m-price"},"Free");this.card.appendChild(s)}}}showTooltip(r){r.classList.remove("hide-tooltip"),r.setAttribute("aria-expanded","true")}hideTooltip(r){r.classList.add("hide-tooltip"),r.setAttribute("aria-expanded","false")}adjustCallout(){let r=this.card.querySelector('[slot="callout-content"] .icon-button');if(!r||this.calloutListenersAdded)return;let i=r.title||r.dataset.tooltip;if(!i)return;r.title&&(r.dataset.tooltip=r.title,r.removeAttribute("title"));let a=r.parentElement;if(a&&a.tagName==="P"){let n=document.createElement("div"),o=document.createElement("div");o.className="callout-row";let s=document.createElement("div");for(s.className="callout-text";a.firstChild&&a.firstChild!==r;)s.appendChild(a.firstChild);o.appendChild(s),o.appendChild(r),n.appendChild(o),a.replaceWith(n)}r.setAttribute("role","button"),r.setAttribute("tabindex","0"),r.setAttribute("aria-label",i),r.setAttribute("aria-expanded","false"),this.hideTooltip(r),this.handleCalloutTouch=n=>{n.target!==r?this.hideTooltip(r):r.classList.contains("hide-tooltip")?this.showTooltip(r):this.hideTooltip(r)},this.handleCalloutMouse=n=>{n.target!==r?this.hideTooltip(r):this.showTooltip(r)},this.handleCalloutFocusin=()=>{this.showTooltip(r)},this.handleCalloutFocusout=()=>{this.hideTooltip(r)},this.handleCalloutKeydown=n=>{n.key==="Escape"&&(this.hideTooltip(r),r.blur())},document.addEventListener("touchstart",this.handleCalloutTouch),document.addEventListener("mouseover",this.handleCalloutMouse),r.addEventListener("focusin",this.handleCalloutFocusin),r.addEventListener("focusout",this.handleCalloutFocusout),r.addEventListener("keydown",this.handleCalloutKeydown),this.calloutListenersAdded=!0}async adjustAddon(){await this.card.updateComplete;let r=this.card.addon;if(!r)return;let i=this.mainPrice,a=this.card.planType;if(i&&(await i.onceSettled(),a=i.value?.[0]?.planType),!a)return;r.planType=a,this.card.querySelector("merch-addon[plan-type]")?.updateComplete.then(()=>{this.updateCardElementMinHeight(this.card.shadowRoot.querySelector('slot[name="addon"]'),"addon")})}async adjustLegal(){if(!this.legalAdjusted)try{this.legalAdjusted=!0,await this.card.updateComplete,await customElements.whenDefined("inline-price");let r=this.mainPrice;if(!r)return;let i=r.cloneNode(!0);if(await r.onceSettled(),!r?.options)return;r.options.displayPerUnit&&(r.dataset.displayPerUnit="false"),r.options.displayTax&&(r.dataset.displayTax="false"),r.options.displayPlanType&&(r.dataset.displayPlanType="false"),i.setAttribute("data-template","legal"),r.parentNode.insertBefore(i,r.nextSibling),await i.onceSettled()}catch{}}adjustShortDescription(){let r=this.card.querySelector('[slot="body-xxs"]'),i=r?.textContent?.trim();if(!i)return;let n=this.card.querySelector('[slot="heading-m-price"] [data-template="legal"]')?.querySelector(".price-plan-type");if(!n)return;let o=document.createElement("em");o.setAttribute("slot","body-xxs"),o.textContent=` ${i}`,n.appendChild(o),r.remove()}renderLayout(){return this.isNewVariant?u`
+
`:x`
${r}
`});this.updatePriceQuantity=this.updatePriceQuantity.bind(this)}connectedCallbackHook(){this.card.addEventListener(oe,this.updatePriceQuantity),this.visibilityObserver=new IntersectionObserver(([r])=>{r.boundingClientRect.height!==0&&r.isIntersecting&&(D.isMobile||requestAnimationFrame(()=>{let i=this.getContainer();if(!i)return;i.querySelectorAll('merch-card[variant="mini-compare-chart"]').forEach(n=>n.variantLayout?.syncHeights?.())}),this.visibilityObserver.disconnect())}),this.visibilityObserver.observe(this.card)}disconnectedCallbackHook(){if(this.card.removeEventListener(oe,this.updatePriceQuantity),this.visibilityObserver?.disconnect(),this.calloutListenersAdded){document.removeEventListener("touchstart",this.handleCalloutTouch),document.removeEventListener("mouseover",this.handleCalloutMouse);let r=this.card.querySelector('[slot="callout-content"] .icon-button');r?.removeEventListener("focusin",this.handleCalloutFocusin),r?.removeEventListener("focusout",this.handleCalloutFocusout),r?.removeEventListener("keydown",this.handleCalloutKeydown),this.calloutListenersAdded=!1}}updatePriceQuantity({detail:r}){!this.mainPrice||!r?.option||(this.mainPrice.dataset.quantity=r.option)}priceOptionsProvider(r,i){if(this.isNewVariant){if(r.dataset.template===ae){i.displayPlanType=this.card?.settings?.displayPlanType??!0;return}(r.dataset.template==="strikethrough"||r.dataset.template==="price")&&(i.displayPerUnit=!1)}}getGlobalCSS(){return Cl}adjustMiniCompareBodySlots(){if(this.card.getBoundingClientRect().width<=2)return;this.updateCardElementMinHeight(this.card.shadowRoot.querySelector(".top-section"),"top-section");let r=["heading-m","subtitle","body-m","heading-m-price","body-xxs","price-commitment","quantity-select","offers","promo-text","callout-content","addon"];this.card.classList.contains("bullet-list")&&r.push("footer-rows"),r.forEach(a=>this.updateCardElementMinHeight(this.card.shadowRoot.querySelector(`slot[name="${a}"]`),a)),this.updateCardElementMinHeight(this.card.shadowRoot.querySelector("footer"),"footer"),this.card.shadowRoot.querySelector(".mini-compare-chart-badge")?.textContent!==""&&this.getContainer().style.setProperty("--consonant-merch-card-mini-compare-chart-top-section-mobile-height","32px")}adjustMiniCompareFooterRows(){if(this.card.getBoundingClientRect().width===0)return;let r;if(this.isNewVariant){let i=this.card.querySelector("merch-whats-included");if(!i)return;r=[...i.querySelectorAll('[slot="content"] merch-mnemonic-list')]}else{let i=this.card.querySelector('[slot="footer-rows"] ul');if(!i||!i.children)return;r=[...i.children]}r.length&&r.forEach((i,a)=>{let n=Math.max(Em,parseFloat(window.getComputedStyle(i).height)||0),o=parseFloat(this.getContainer().style.getPropertyValue(this.getRowMinHeightPropertyName(a+1)))||0;n>o&&this.getContainer().style.setProperty(this.getRowMinHeightPropertyName(a+1),`${n}px`)})}removeEmptyRows(){this.isNewVariant?this.card.querySelectorAll("merch-whats-included merch-mnemonic-list").forEach(i=>{let a=i.querySelector('[slot="description"]');a&&!a.textContent.trim()&&i.remove()}):this.card.querySelectorAll(".footer-row-cell").forEach(i=>{let a=i.querySelector(".footer-row-cell-description");a&&!a.textContent.trim()&&i.remove()})}padFooterRows(){let r=this.getContainer();if(!r)return;let i=r.querySelectorAll('merch-card[variant="mini-compare-chart"]');if(this.isNewVariant){let a=0;if(i.forEach(l=>{let d=l.querySelector("merch-whats-included");if(!d)return;let h=d.querySelectorAll('[slot="content"] merch-mnemonic-list:not([data-placeholder])');a=Math.max(a,h.length)}),a===0)return;let n=this.card.querySelector("merch-whats-included");if(!n)return;let o=n.querySelector('[slot="content"]');if(!o)return;o.querySelectorAll("merch-mnemonic-list[data-placeholder]").forEach(l=>l.remove());let s=o.querySelectorAll("merch-mnemonic-list").length,c=a-s;for(let l=0;l{let l=c.querySelector('[slot="footer-rows"] ul');if(!l)return;let d=l.querySelectorAll("li.footer-row-cell:not([data-placeholder])");a=Math.max(a,d.length)}),a===0)return;let n=this.card.querySelector('[slot="footer-rows"] ul');if(!n)return;n.querySelectorAll("li.footer-row-cell[data-placeholder]").forEach(c=>c.remove());let o=n.querySelectorAll("li.footer-row-cell").length,s=a-o;for(let c=0;cs.remove()),r.checked){if(o){let s=le("p",{class:"addon-heading-m-price-addon",slot:"heading-m-price"},o.innerHTML);this.card.appendChild(s)}}else{let s=le("p",{class:"card-heading",id:"free",slot:"heading-m-price"},"Free");this.card.appendChild(s)}}}showTooltip(r){r.classList.remove("hide-tooltip"),r.setAttribute("aria-expanded","true")}hideTooltip(r){r.classList.add("hide-tooltip"),r.setAttribute("aria-expanded","false")}adjustCallout(){let r=this.card.querySelector('[slot="callout-content"] .icon-button');if(!r||this.calloutListenersAdded)return;let i=r.title||r.dataset.tooltip;if(!i)return;r.title&&(r.dataset.tooltip=r.title,r.removeAttribute("title"));let a=r.parentElement;if(a&&a.tagName==="P"){let n=document.createElement("div"),o=document.createElement("div");o.className="callout-row";let s=document.createElement("div");for(s.className="callout-text";a.firstChild&&a.firstChild!==r;)s.appendChild(a.firstChild);o.appendChild(s),o.appendChild(r),n.appendChild(o),a.replaceWith(n)}r.setAttribute("role","button"),r.setAttribute("tabindex","0"),r.setAttribute("aria-label",i),r.setAttribute("aria-expanded","false"),this.hideTooltip(r),this.handleCalloutTouch=n=>{n.target!==r?this.hideTooltip(r):r.classList.contains("hide-tooltip")?this.showTooltip(r):this.hideTooltip(r)},this.handleCalloutMouse=n=>{n.target!==r?this.hideTooltip(r):this.showTooltip(r)},this.handleCalloutFocusin=()=>{this.showTooltip(r)},this.handleCalloutFocusout=()=>{this.hideTooltip(r)},this.handleCalloutKeydown=n=>{n.key==="Escape"&&(this.hideTooltip(r),r.blur())},document.addEventListener("touchstart",this.handleCalloutTouch),document.addEventListener("mouseover",this.handleCalloutMouse),r.addEventListener("focusin",this.handleCalloutFocusin),r.addEventListener("focusout",this.handleCalloutFocusout),r.addEventListener("keydown",this.handleCalloutKeydown),this.calloutListenersAdded=!0}async adjustAddon(){await this.card.updateComplete;let r=this.card.addon;if(!r)return;let i=this.mainPrice,a=this.card.planType;if(i&&(await i.onceSettled(),a=i.value?.[0]?.planType),!a)return;r.planType=a,this.card.querySelector("merch-addon[plan-type]")?.updateComplete.then(()=>{this.updateCardElementMinHeight(this.card.shadowRoot.querySelector('slot[name="addon"]'),"addon")})}async adjustLegal(){if(!this.legalAdjusted)try{this.legalAdjusted=!0,await this.card.updateComplete,await customElements.whenDefined("inline-price");let r=this.mainPrice;if(!r)return;let i=r.cloneNode(!0);if(await r.onceSettled(),!r?.options)return;r.options.displayPerUnit&&(r.dataset.displayPerUnit="false"),r.options.displayTax&&(r.dataset.displayTax="false"),r.options.displayPlanType&&(r.dataset.displayPlanType="false"),i.setAttribute("data-template","legal"),r.parentNode.insertBefore(i,r.nextSibling),await i.onceSettled()}catch{}}adjustShortDescription(){let r=this.card.querySelector('[slot="body-xxs"]'),i=r?.textContent?.trim();if(!i)return;let n=this.card.querySelector('[slot="heading-m-price"] [data-template="legal"]')?.querySelector(".price-plan-type");if(!n)return;let o=document.createElement("em");o.setAttribute("slot","body-xxs"),o.textContent=` ${i}`,n.appendChild(o),r.remove()}renderLayout(){return this.isNewVariant?x`
${this.badge}
@@ -2219,16 +2219,16 @@ merch-card[variant="mini-compare-chart"] merch-mnemonic-list:nth-child(8) { ${this.getMiniCompareFooter()} - `:u`
+ `:x`
${this.badge}
- ${this.card.classList.contains("bullet-list")?u` + ${this.card.classList.contains("bullet-list")?x` - `:u` + `:x` @@ -2237,7 +2237,7 @@ merch-card[variant="mini-compare-chart"] merch-mnemonic-list:nth-child(8) { ${this.getMiniCompareFooter()} - `}syncHeights(){this.card.getBoundingClientRect().width<=2||(this.adjustMiniCompareBodySlots(),this.adjustMiniCompareFooterRows())}async postCardUpdateHook(){if(await Promise.all(this.card.prices.map(r=>r.onceSettled())),this.isNewVariant&&(this.legalAdjusted||await this.adjustLegal(),this.adjustShortDescription(),this.adjustCallout()),await this.adjustAddon(),R.isMobile)this.removeEmptyRows();else{this.padFooterRows();let r=this.getContainer();if(!r)return;let i=r.style.getPropertyValue("--consonant-merch-card-footer-row-1-min-height");requestAnimationFrame(i?()=>{this.syncHeights()}:()=>{r.querySelectorAll('merch-card[variant="mini-compare-chart"]').forEach(n=>n.variantLayout?.syncHeights?.())})}}};m(Vt,"variantStyle",b` + `}syncHeights(){this.card.getBoundingClientRect().width<=2||(this.adjustMiniCompareBodySlots(),this.adjustMiniCompareFooterRows())}async postCardUpdateHook(){if(await Promise.all(this.card.prices.map(r=>r.onceSettled())),this.isNewVariant&&(this.legalAdjusted||await this.adjustLegal(),this.adjustShortDescription(),this.adjustCallout()),await this.adjustAddon(),D.isMobile)this.removeEmptyRows();else{this.padFooterRows();let r=this.getContainer();if(!r)return;let i=r.style.getPropertyValue("--consonant-merch-card-footer-row-1-min-height");requestAnimationFrame(i?()=>{this.syncHeights()}:()=>{r.querySelectorAll('merch-card[variant="mini-compare-chart"]').forEach(n=>n.variantLayout?.syncHeights?.())})}}};g(nr,"variantStyle",S` :host([variant='mini-compare-chart']) { max-width: var( --consonant-merch-card-mini-compare-chart-wide-width, @@ -2328,7 +2328,7 @@ merch-card[variant="mini-compare-chart"] merch-mnemonic-list:nth-child(8) { color: #505050; } - @media screen and ${me(re)} { + @media screen and ${ve(se)} { [class*'-merch-cards'] :host([variant='mini-compare-chart']) footer { @@ -2338,7 +2338,7 @@ merch-card[variant="mini-compare-chart"] merch-mnemonic-list:nth-child(8) { } } - @media screen and ${me(P)} { + @media screen and ${ve(H)} { :host([variant='mini-compare-chart']) footer { padding: var(--consonant-merch-spacing-xs) var(--consonant-merch-spacing-s) @@ -2417,26 +2417,24 @@ merch-card[variant="mini-compare-chart"] merch-mnemonic-list:nth-child(8) { /* Border color styles */ :host( - [variant='mini-compare-chart'][border-color='spectrum-yellow-300-plans'] + [variant='mini-compare-chart'][border-color='spectrum-yellow-300'] ) { --consonant-merch-card-border-color: #ffd947; } :host( - [variant='mini-compare-chart'][border-color='spectrum-gray-300-plans'] + [variant='mini-compare-chart'][border-color='spectrum-gray-300'] ) { --consonant-merch-card-border-color: #dadada; } :host( - [variant='mini-compare-chart'][border-color='spectrum-green-900-plans'] + [variant='mini-compare-chart'][border-color='spectrum-green-900'] ) { --consonant-merch-card-border-color: #05834e; } - :host( - [variant='mini-compare-chart'][border-color='spectrum-red-700-plans'] - ) { + :host([variant='mini-compare-chart'][border-color='spectrum-red-700']) { --consonant-merch-card-border-color: #eb1000; filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.16)); } @@ -2453,45 +2451,45 @@ merch-card[variant="mini-compare-chart"] merch-mnemonic-list:nth-child(8) { /* Badge color styles */ :host([variant='mini-compare-chart']) - ::slotted([slot='badge'].spectrum-red-700-plans) { + ::slotted([slot='badge'].spectrum-red-700) { filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.16)); } :host([variant='mini-compare-chart']) - ::slotted([slot='badge'].spectrum-yellow-300-plans), - :host([variant='mini-compare-chart']) #badge.spectrum-yellow-300-plans { + ::slotted([slot='badge'].spectrum-yellow-300), + :host([variant='mini-compare-chart']) #badge.spectrum-yellow-300 { background-color: #ffd947; color: #2c2c2c; } :host([variant='mini-compare-chart']) - ::slotted([slot='badge'].spectrum-gray-300-plans), - :host([variant='mini-compare-chart']) #badge.spectrum-gray-300-plans { + ::slotted([slot='badge'].spectrum-gray-300), + :host([variant='mini-compare-chart']) #badge.spectrum-gray-300 { background-color: #dadada; color: #2c2c2c; } :host([variant='mini-compare-chart']) - ::slotted([slot='badge'].spectrum-gray-700-plans), - :host([variant='mini-compare-chart']) #badge.spectrum-gray-700-plans { + ::slotted([slot='badge'].spectrum-gray-700), + :host([variant='mini-compare-chart']) #badge.spectrum-gray-700 { background-color: #4b4b4b; color: #ffffff; } :host([variant='mini-compare-chart']) - ::slotted([slot='badge'].spectrum-green-900-plans), - :host([variant='mini-compare-chart']) #badge.spectrum-green-900-plans { + ::slotted([slot='badge'].spectrum-green-900), + :host([variant='mini-compare-chart']) #badge.spectrum-green-900 { background-color: #05834e; color: #ffffff; } :host([variant='mini-compare-chart']) - ::slotted([slot='badge'].spectrum-red-700-plans), - :host([variant='mini-compare-chart']) #badge.spectrum-red-700-plans { + ::slotted([slot='badge'].spectrum-red-700), + :host([variant='mini-compare-chart']) #badge.spectrum-red-700 { background-color: #eb1000; color: #ffffff; } - `);_();var bc=` + `);I();var Tl=` :root { --list-checked-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='%23222222' d='M15.656,3.8625l-.7275-.5665a.5.5,0,0,0-.7.0875L7.411,12.1415,4.0875,8.8355a.5.5,0,0,0-.707,0L2.718,9.5a.5.5,0,0,0,0,.707l4.463,4.45a.5.5,0,0,0,.75-.0465L15.7435,4.564A.5.5,0,0,0,15.656,3.8625Z'%3E%3C/path%3E%3C/svg%3E"); --merch-card-collection-card-width: var(--consonant-merch-card-mini-compare-chart-mweb-width); @@ -3001,7 +2999,7 @@ merch-card[variant="mini-compare-chart-mweb"] .price-plan-type{ } /* mini compare mobile */ -@media screen and ${H} { +@media screen and ${j} { :root { --consonant-merch-card-mini-compare-chart-mweb-width: 302px; --consonant-merch-card-mini-compare-chart-mweb-wide-width: 302px; @@ -3059,7 +3057,7 @@ merch-card[variant="mini-compare-chart-mweb"] .price-plan-type{ } } -@media screen and ${re} { +@media screen and ${se} { merch-card[variant="mini-compare-chart-mweb"] [slot="heading-xs"] { font-size: var(--consonant-merch-card-body-s-font-size); line-height: var(--consonant-merch-card-body-s-line-height); @@ -3095,7 +3093,7 @@ merch-card[variant="mini-compare-chart-mweb"] .price-plan-type{ line-height: var(--consonant-merch-card-body-s-line-height); } } -@media screen and ${B} { +@media screen and ${W} { :root { --consonant-merch-card-mini-compare-chart-mweb-width: 302px; --consonant-merch-card-mini-compare-chart-mweb-wide-width: 302px; @@ -3133,7 +3131,7 @@ merch-card[variant="mini-compare-chart-mweb"] .price-plan-type{ } /* desktop */ -@media screen and ${P} { +@media screen and ${H} { :root { --consonant-merch-card-mini-compare-chart-mweb-width: 378px; --consonant-merch-card-mini-compare-chart-mweb-wide-width: 484px; @@ -3166,7 +3164,7 @@ merch-card[variant="mini-compare-chart-mweb"] .price-plan-type{ } } -@media screen and ${oe} { +@media screen and ${de} { .four-merch-cards.mini-compare-chart-mweb, .four-merch-cards:has(merch-card[variant="mini-compare-chart-mweb"]) { grid-template-columns: repeat(4, var(--consonant-merch-card-mini-compare-chart-mweb-width)); @@ -3209,7 +3207,7 @@ merch-card .footer-row-cell:nth-child(7) { merch-card .footer-row-cell:nth-child(8) { min-height: var(--consonant-merch-card-footer-row-8-min-height); } -`;var Wh=32,yc={cardName:{attribute:"name"},title:{tag:"h3",slot:"heading-xs"},subtitle:{tag:"p",slot:"subtitle"},prices:{tag:"p",slot:"heading-m-price"},promoText:{tag:"div",slot:"promo-text"},shortDescription:{tag:"div",slot:"body-m"},description:{tag:"div",slot:"body-xs"},mnemonics:{size:"l"},quantitySelect:{tag:"div",slot:"quantity-select"},secureLabel:!0,planType:!0,badgeIcon:!0,badge:{tag:"div",slot:"badge",default:"spectrum-yellow-300-plans"},allowedBadgeColors:["spectrum-yellow-300-plans","spectrum-gray-300-plans","spectrum-gray-700-plans","spectrum-green-900-plans","spectrum-red-700-plans","gradient-purple-blue"],allowedBorderColors:["spectrum-yellow-300-plans","spectrum-gray-300-plans","spectrum-green-900-plans","spectrum-red-700-plans","gradient-purple-blue"],borderColor:{attribute:"border-color"},size:["wide","super-wide"],ctas:{slot:"footer",size:"l"},footerRows:{tag:"div",slot:"footer-rows"},style:"consonant"},jt=class extends A{constructor(r){super(r);m(this,"getRowMinHeightPropertyName",r=>`--consonant-merch-card-footer-row-${r}-min-height`);m(this,"getMiniCompareFooter",()=>u`
+`;var Am=32,kl={cardName:{attribute:"name"},title:{tag:"h3",slot:"heading-xs"},subtitle:{tag:"p",slot:"subtitle"},prices:{tag:"p",slot:"heading-m-price"},promoText:{tag:"div",slot:"promo-text"},shortDescription:{tag:"div",slot:"body-m"},description:{tag:"div",slot:"body-xs"},mnemonics:{size:"l"},quantitySelect:{tag:"div",slot:"quantity-select"},secureLabel:!0,planType:!0,badgeIcon:!0,badge:{tag:"div",slot:"badge",default:"spectrum-yellow-300-plans"},allowedBadgeColors:["spectrum-yellow-300-plans","spectrum-gray-300-plans","spectrum-gray-700-plans","spectrum-green-900-plans","spectrum-red-700-plans","gradient-purple-blue"],allowedBorderColors:["spectrum-yellow-300-plans","spectrum-gray-300-plans","spectrum-green-900-plans","spectrum-red-700-plans","gradient-purple-blue"],borderColor:{attribute:"border-color"},size:["wide","super-wide"],ctas:{slot:"footer",size:"l"},footerRows:{tag:"div",slot:"footer-rows"},style:"consonant"},or=class extends L{constructor(r){super(r);g(this,"getRowMinHeightPropertyName",r=>`--consonant-merch-card-footer-row-${r}-min-height`);g(this,"getMiniCompareFooter",()=>x`
${this.secureLabel}

-
`);m(this,"getMiniCompareFooterRows",()=>u`
`);g(this,"getMiniCompareFooterRows",()=>x` `);this.updatePriceQuantity=this.updatePriceQuantity.bind(this)}connectedCallbackHook(){this.card.addEventListener(te,this.updatePriceQuantity)}disconnectedCallbackHook(){this.card.removeEventListener(te,this.updatePriceQuantity),this._syncObserver?.disconnect(),this._syncObserver=null}updatePriceQuantity({detail:r}){!this.mainPrice||!r?.option||(this.mainPrice.dataset.quantity=r.option)}priceOptionsProvider(r,i){if(r.dataset.template===xe){i.displayPlanType=this.card?.settings?.displayPlanType??!1;return}(r.dataset.template==="strikethrough"||r.dataset.template==="price")&&(i.displayPerUnit=!1)}getGlobalCSS(){return bc}adjustMiniCompareBodySlots(){if(this.card.getBoundingClientRect().width<=2){this._syncObserver||(this._syncObserver=new ResizeObserver(()=>{this.card.getBoundingClientRect().width>2&&(this._syncObserver?.disconnect(),this._syncObserver=null,this.adjustMiniCompareBodySlots(),this.adjustMiniCompareFooterRows())}),this._syncObserver.observe(this.card));return}["heading-xs","subtitle","heading-m-price","promo-text","body-m","body-xs","footer-rows"].forEach(i=>{let n=this.card.querySelector(`[slot="${i}"]`)??this.card.shadowRoot.querySelector(`slot[name="${i}"]`);this.updateCardElementMinHeight(n,i)}),this.updateCardElementMinHeight(this.card.shadowRoot.querySelector('slot[name="promo-text"]'),"promo-text"),this.updateCardElementMinHeight(this.card.shadowRoot.querySelector("footer"),"footer")}adjustMiniCompareFooterRows(){if(this.card.getBoundingClientRect().width===0)return;let r=this.card.querySelector('[slot="footer-rows"] ul');!r||!r.children||[...r.children].forEach((i,a)=>{let n=Math.max(Wh,parseFloat(window.getComputedStyle(i).height)||0),o=parseFloat(this.getContainer().style.getPropertyValue(this.getRowMinHeightPropertyName(a+1)))||0;n>o&&this.getContainer().style.setProperty(this.getRowMinHeightPropertyName(a+1),`${n}px`)})}removeEmptyRows(){this.card.querySelectorAll(".footer-row-cell").forEach(i=>{let a=i.querySelector(".footer-row-cell-description");a&&!a.textContent.trim()&&i.remove()})}setupToggle(){if(this.toggleSetupDone)return;let r=this.card.querySelector('[slot="body-xs"]');if(!r)return;let i=r.querySelector("p"),a=r.querySelector("ul");if(!i||!a||r.querySelector(".footer-rows-title"))return;this.toggleSetupDone=!0;let n=i.textContent.trim(),o=this.card.querySelector("h3")?.id,s=o?`${o}-list`:`mweb-list-${Date.now()}`;a.setAttribute("id",s),a.classList.add("checkmark-copy-container");let c=ne("div",{class:"footer-rows-title"},n);if(R.isMobile){let l=ne("button",{class:"toggle-icon","aria-label":n,"aria-expanded":"false","aria-controls":s});c.appendChild(l),c.addEventListener("click",()=>{let d=a.classList.toggle("open");l.classList.toggle("expanded",d),l.setAttribute("aria-expanded",String(d))})}else a.classList.add("open");i.replaceWith(c)}get mainPrice(){return this.card.querySelector(`[slot="heading-m-price"] ${D}[data-template="price"]`)}async adjustLegal(){if(!this.legalAdjusted)try{this.legalAdjusted=!0,await this.card.updateComplete,await customElements.whenDefined("inline-price");let r=this.mainPrice;if(!r)return;let i=r.cloneNode(!0);if(await r.onceSettled(),!r?.options)return;r.options.displayPerUnit&&(r.dataset.displayPerUnit="false"),r.options.displayTax&&(r.dataset.displayTax="false"),r.options.displayPlanType&&(r.dataset.displayPlanType="false"),i.setAttribute("data-template","legal"),r.parentNode.insertBefore(i,r.nextSibling),await i.onceSettled()}catch{}}get icons(){return!this.card.querySelector('[slot="icons"]')&&!this.card.getAttribute("id")?w:u``}renderLayout(){return u` +
`);this.updatePriceQuantity=this.updatePriceQuantity.bind(this)}connectedCallbackHook(){this.card.addEventListener(oe,this.updatePriceQuantity)}disconnectedCallbackHook(){this.card.removeEventListener(oe,this.updatePriceQuantity),this._syncObserver?.disconnect(),this._syncObserver=null}updatePriceQuantity({detail:r}){!this.mainPrice||!r?.option||(this.mainPrice.dataset.quantity=r.option)}priceOptionsProvider(r,i){if(r.dataset.template===ae){i.displayPlanType=this.card?.settings?.displayPlanType??!1;return}(r.dataset.template==="strikethrough"||r.dataset.template==="price")&&(i.displayPerUnit=!1)}getGlobalCSS(){return Tl}adjustMiniCompareBodySlots(){if(this.card.getBoundingClientRect().width<=2){this._syncObserver||(this._syncObserver=new ResizeObserver(()=>{this.card.getBoundingClientRect().width>2&&(this._syncObserver?.disconnect(),this._syncObserver=null,this.adjustMiniCompareBodySlots(),this.adjustMiniCompareFooterRows())}),this._syncObserver.observe(this.card));return}["heading-xs","subtitle","heading-m-price","promo-text","body-m","body-xs","footer-rows"].forEach(i=>{let n=this.card.querySelector(`[slot="${i}"]`)??this.card.shadowRoot.querySelector(`slot[name="${i}"]`);this.updateCardElementMinHeight(n,i)}),this.updateCardElementMinHeight(this.card.shadowRoot.querySelector('slot[name="promo-text"]'),"promo-text"),this.updateCardElementMinHeight(this.card.shadowRoot.querySelector("footer"),"footer")}adjustMiniCompareFooterRows(){if(this.card.getBoundingClientRect().width===0)return;let r=this.card.querySelector('[slot="footer-rows"] ul');!r||!r.children||[...r.children].forEach((i,a)=>{let n=Math.max(Am,parseFloat(window.getComputedStyle(i).height)||0),o=parseFloat(this.getContainer().style.getPropertyValue(this.getRowMinHeightPropertyName(a+1)))||0;n>o&&this.getContainer().style.setProperty(this.getRowMinHeightPropertyName(a+1),`${n}px`)})}removeEmptyRows(){this.card.querySelectorAll(".footer-row-cell").forEach(i=>{let a=i.querySelector(".footer-row-cell-description");a&&!a.textContent.trim()&&i.remove()})}setupToggle(){if(this.toggleSetupDone)return;let r=this.card.querySelector('[slot="body-xs"]');if(!r)return;let i=r.querySelector("p"),a=r.querySelector("ul");if(!i||!a||r.querySelector(".footer-rows-title"))return;this.toggleSetupDone=!0;let n=i.textContent.trim(),o=this.card.querySelector("h3")?.id,s=o?`${o}-list`:`mweb-list-${Date.now()}`;a.setAttribute("id",s),a.classList.add("checkmark-copy-container");let c=le("div",{class:"footer-rows-title"},n);if(D.isMobile){let l=le("button",{class:"toggle-icon","aria-label":n,"aria-expanded":"false","aria-controls":s});c.appendChild(l),c.addEventListener("click",()=>{let d=a.classList.toggle("open");l.classList.toggle("expanded",d),l.setAttribute("aria-expanded",String(d))})}else a.classList.add("open");i.replaceWith(c)}get mainPrice(){return this.card.querySelector(`[slot="heading-m-price"] ${O}[data-template="price"]`)}async adjustLegal(){if(!this.legalAdjusted)try{this.legalAdjusted=!0,await this.card.updateComplete,await customElements.whenDefined("inline-price");let r=this.mainPrice;if(!r)return;let i=r.cloneNode(!0);if(await r.onceSettled(),!r?.options)return;r.options.displayPerUnit&&(r.dataset.displayPerUnit="false"),r.options.displayTax&&(r.dataset.displayTax="false"),r.options.displayPlanType&&(r.dataset.displayPlanType="false"),i.setAttribute("data-template","legal"),r.parentNode.insertBefore(i,r.nextSibling),await i.onceSettled()}catch{}}get icons(){return!this.card.querySelector('[slot="icons"]')&&!this.card.getAttribute("id")?_:x``}renderLayout(){return x` ${this.badge}
${this.icons} @@ -3234,7 +3232,7 @@ merch-card .footer-row-cell:nth-child(8) { ${this.getMiniCompareFooter()}
${this.getMiniCompareFooterRows()} - `}async postCardUpdateHook(){if(await Promise.all(this.card.prices.map(r=>r.onceSettled())),this.legalAdjusted||await this.adjustLegal(),this.setupToggle(),R.isMobile)this.removeEmptyRows();else{this.adjustMiniCompareFooterRows();let r=this.getContainer();if(!r)return;requestAnimationFrame(()=>{r.querySelectorAll('merch-card[variant="mini-compare-chart-mweb"]').forEach(a=>{a.variantLayout?.adjustMiniCompareBodySlots?.(),a.variantLayout?.adjustMiniCompareFooterRows?.()})})}}};m(jt,"variantStyle",b` + `}async postCardUpdateHook(){if(await Promise.all(this.card.prices.map(r=>r.onceSettled())),this.legalAdjusted||await this.adjustLegal(),this.setupToggle(),D.isMobile)this.removeEmptyRows();else{this.adjustMiniCompareFooterRows();let r=this.getContainer();if(!r)return;requestAnimationFrame(()=>{r.querySelectorAll('merch-card[variant="mini-compare-chart-mweb"]').forEach(a=>{a.variantLayout?.adjustMiniCompareBodySlots?.(),a.variantLayout?.adjustMiniCompareFooterRows?.()})})}}};g(or,"variantStyle",S` :host([variant='mini-compare-chart-mweb']) .body > slot { display: block; } @@ -3279,7 +3277,7 @@ merch-card .footer-row-cell:nth-child(8) { padding-inline-start: var(--consonant-merch-spacing-xs); } - @media screen and ${me(re)} { + @media screen and ${ve(se)} { [class*'-merch-cards'] :host([variant='mini-compare-chart-mweb']) footer { @@ -3289,7 +3287,7 @@ merch-card .footer-row-cell:nth-child(8) { } } - @media screen and ${me(P)} { + @media screen and ${ve(H)} { :host([variant='mini-compare-chart-mweb']) footer { padding: 0; } @@ -3507,7 +3505,7 @@ merch-card .footer-row-cell:nth-child(8) { gap: var(--consonant-merch-spacing-xxs); margin: unset; } - `);_();var wc=` + `);I();var _l=` :root { --consonant-merch-card-plans-width: 302px; --consonant-merch-card-plans-students-width: 302px; @@ -3868,7 +3866,7 @@ merch-card-collection:has([slot="subtitle"]) merch-card { } /* Mobile */ -@media screen and ${H} { +@media screen and ${j} { merch-whats-included merch-mnemonic-list, merch-whats-included [slot="heading"] { width: 100%; @@ -3884,7 +3882,7 @@ merch-card-collection:has([slot="subtitle"]) merch-card { } /* Tablet */ -@media screen and ${B} { +@media screen and ${W} { :root { --consonant-merch-card-plans-students-width: 486px; } @@ -3894,7 +3892,7 @@ merch-card-collection:has([slot="subtitle"]) merch-card { } } -@media screen and ${re} { +@media screen and ${se} { .plans-team .columns .row-1 { grid-template-columns: min-content; } @@ -3912,7 +3910,7 @@ merch-card-collection:has([slot="subtitle"]) merch-card { } /* desktop */ -@media screen and ${P} { +@media screen and ${H} { :root { --consonant-merch-card-plans-width: 276px; --consonant-merch-card-plans-students-width: 484px; @@ -3960,7 +3958,7 @@ merch-card-collection:has([slot="subtitle"]) merch-card { } /* Large desktop */ -@media screen and ${oe} { +@media screen and ${de} { .columns .four-merch-cards.plans { grid-template-columns: repeat(2, var(--consonant-merch-card-plans-width)); } @@ -3969,11 +3967,11 @@ merch-card-collection:has([slot="subtitle"]) merch-card { --merch-sidenav-collection-gap: 54px; } } -`;var ji={cardName:{attribute:"name"},title:{tag:"h3",slot:"heading-xs"},subtitle:{tag:"p",slot:"subtitle"},prices:{tag:"p",slot:"heading-m"},promoText:{tag:"p",slot:"promo-text"},description:{tag:"div",slot:"body-xs"},mnemonics:{size:"l"},callout:{tag:"div",slot:"callout-content"},quantitySelect:{tag:"div",slot:"quantity-select"},addon:!0,secureLabel:!0,planType:!0,badgeIcon:!0,badge:{tag:"div",slot:"badge",default:"spectrum-yellow-300-plans"},allowedBadgeColors:["spectrum-yellow-300-plans","spectrum-gray-300-plans","spectrum-gray-700-plans","spectrum-green-900-plans","gradient-purple-blue"],allowedBorderColors:["spectrum-yellow-300-plans","spectrum-gray-300-plans","spectrum-green-900-plans","gradient-purple-blue"],borderColor:{attribute:"border-color"},size:["wide","super-wide"],whatsIncluded:{tag:"div",slot:"whats-included"},ctas:{slot:"footer",size:"m"},style:"consonant",perUnitLabel:{tag:"span",slot:"per-unit-label"}},Ec={...function(){let{whatsIncluded:e,size:t,...r}=ji;return r}(),title:{tag:"h3",slot:"heading-s"},secureLabel:!1},Ac={...function(){let{subtitle:e,whatsIncluded:t,size:r,quantitySelect:i,...a}=ji;return a}()},ge=class extends A{constructor(t){super(t),this.adaptForMedia=this.adaptForMedia.bind(this)}priceOptionsProvider(t,r){t.dataset.template===xe&&(r.displayPlanType=this.card?.settings?.displayPlanType??!1)}getGlobalCSS(){return wc}adjustSlotPlacement(t,r,i){let a=this.card.shadowRoot,n=a.querySelector("footer"),o=this.card.getAttribute("size");if(!o)return;let s=a.querySelector(`footer slot[name="${t}"]`),c=a.querySelector(`.body slot[name="${t}"]`),l=a.querySelector(".body");if(o.includes("wide")||(n?.classList.remove("wide-footer"),s&&s.remove()),!!r.includes(o)){if(n?.classList.toggle("wide-footer",R.isDesktopOrUp),!i&&s){if(c)s.remove();else{let d=l.querySelector(`[data-placeholder-for="${t}"]`);d?d.replaceWith(s):l.appendChild(s)}return}if(i&&c){let d=document.createElement("div");if(d.setAttribute("data-placeholder-for",t),d.classList.add("slot-placeholder"),!s){let h=c.cloneNode(!0);n.prepend(h)}c.replaceWith(d)}}}adaptForMedia(){if(!this.card.closest("merch-card-collection,overlay-trigger,.two-merch-cards,.three-merch-cards,.four-merch-cards, .columns")){this.card.removeAttribute("size");return}this.adjustSlotPlacement("addon",["super-wide"],R.isDesktopOrUp),this.adjustSlotPlacement("callout-content",["super-wide"],R.isDesktopOrUp)}adjustCallout(){let t=this.card.querySelector('[slot="callout-content"] .icon-button');t&&t.title&&(t.dataset.tooltip=t.title,t.removeAttribute("title"),t.classList.add("hide-tooltip"),document.addEventListener("touchstart",r=>{r.preventDefault(),r.target!==t?t.classList.add("hide-tooltip"):r.target.classList.toggle("hide-tooltip")}),document.addEventListener("mouseover",r=>{r.preventDefault(),r.target!==t?t.classList.add("hide-tooltip"):r.target.classList.remove("hide-tooltip")}))}async adjustEduLists(){if(this.card.variant!=="plans-education"||this.card.querySelector(".spacer"))return;let r=this.card.querySelector('[slot="body-xs"]');if(!r)return;let i=r.querySelector("ul");if(!i)return;let a=i.previousElementSibling,n=document.createElement("div");n.classList.add("spacer"),r.insertBefore(n,a);let o=new IntersectionObserver(([s])=>{if(s.boundingClientRect.height===0)return;let c=0,l=this.card.querySelector('[slot="heading-s"]');l&&(c+=Or(l));let d=this.card.querySelector('[slot="subtitle"]');d&&(c+=Or(d));let h=this.card.querySelector('[slot="heading-m"]');h&&(c+=8+Or(h));for(let f of r.childNodes){if(f.classList.contains("spacer"))break;c+=Or(f)}let g=this.card.parentElement.style.getPropertyValue("--merch-card-plans-edu-list-max-offset");c>(parseFloat(g)||0)&&this.card.parentElement.style.setProperty("--merch-card-plans-edu-list-max-offset",`${c}px`),this.card.style.setProperty("--merch-card-plans-edu-list-offset",`${c}px`),o.disconnect()});o.observe(this.card)}async postCardUpdateHook(){this.adaptForMedia(),this.adjustAddon(),this.adjustCallout(),this.legalAdjusted||(await this.adjustLegal(),await this.adjustEduLists())}get headingM(){return this.card.querySelector('[slot="heading-m"]')}get mainPrice(){return this.headingM.querySelector(`${D}[data-template="price"]`)}get divider(){return this.card.variant==="plans-education"?u`
`:w}async adjustLegal(){if(!this.legalAdjusted)try{this.legalAdjusted=!0,await this.card.updateComplete,await customElements.whenDefined("inline-price");let t=[],r=this.card.querySelector(`[slot="heading-m"] ${D}[data-template="price"]`);r&&t.push(r);let i=t.map(async a=>{let n=a.cloneNode(!0);await a.onceSettled(),a?.options&&(a.options.displayPerUnit&&(a.dataset.displayPerUnit="false"),a.options.displayTax&&(a.dataset.displayTax="false"),a.options.displayPlanType&&(a.dataset.displayPlanType="false"),n.setAttribute("data-template","legal"),a.parentNode.insertBefore(n,a.nextSibling),await n.onceSettled())});await Promise.all(i)}catch{}}async adjustAddon(){await this.card.updateComplete;let t=this.card.addon;if(!t)return;t.setAttribute("custom-checkbox","");let r=this.mainPrice;if(!r)return;await r.onceSettled();let i=r.value?.[0]?.planType;i&&(t.planType=i)}get stockCheckbox(){return this.card.checkboxLabel?u``:_}get icons(){return!this.card.querySelector('[slot="icons"]')&&!this.card.getAttribute("id")?_:x``}connectedCallbackHook(){D.matchMobile.addEventListener("change",this.adaptForMedia),D.matchDesktopOrUp.addEventListener("change",this.adaptForMedia)}disconnectedCallbackHook(){D.matchMobile.removeEventListener("change",this.adaptForMedia),D.matchDesktopOrUp.removeEventListener("change",this.adaptForMedia)}renderLayout(){return x` ${this.badge}
${this.icons} @@ -3994,7 +3992,7 @@ merch-card-collection:has([slot="subtitle"]) merch-card {
${this.secureLabelFooter} - `}};m(ge,"variantStyle",b` + `}};g(we,"variantStyle",S` :host([variant^='plans']) { min-height: 273px; --merch-card-plans-min-width: 244px; @@ -4101,7 +4099,7 @@ merch-card-collection:has([slot="subtitle"]) merch-card { line-height: 21px; padding: 2px 10px 3px; } - `),m(ge,"collectionOptions",{customHeaderArea:t=>t.sidenav?u``:w,headerVisibility:{search:!1,sort:!1,result:["mobile","tablet"],custom:["desktop"]},onSidenavAttached:t=>{let r=()=>{let i=t.querySelectorAll("merch-card");for(let n of i)n.hasAttribute("data-size")&&(n.setAttribute("size",n.getAttribute("data-size")),n.removeAttribute("data-size"));if(!R.isDesktop)return;let a=0;for(let n of i){if(n.style.display==="none")continue;let o=n.getAttribute("size"),s=o==="wide"?2:o==="super-wide"?3:1;s===2&&a%3===2&&(n.setAttribute("data-size",o),n.removeAttribute("size"),s=1),a+=s}};R.matchDesktop.addEventListener("change",r),t.addEventListener(it,r),t.onUnmount.push(()=>{R.matchDesktop.removeEventListener("change",r),t.removeEventListener(it,r)})}});_();var Sc=` + `),g(we,"collectionOptions",{customHeaderArea:t=>t.sidenav?x``:_,headerVisibility:{search:!1,sort:!1,result:["mobile","tablet"],custom:["desktop"]},onSidenavAttached:t=>{let r=()=>{let i=t.querySelectorAll("merch-card");for(let n of i)n.hasAttribute("data-size")&&(n.setAttribute("size",n.getAttribute("data-size")),n.removeAttribute("data-size"));if(!D.isDesktop)return;let a=0;for(let n of i){if(n.style.display==="none")continue;let o=n.getAttribute("size"),s=o==="wide"?2:o==="super-wide"?3:1;s===2&&a%3===2&&(n.setAttribute("data-size",o),n.removeAttribute("size"),s=1),a+=s}};D.matchDesktop.addEventListener("change",r),t.addEventListener(vt,r),t.onUnmount.push(()=>{D.matchDesktop.removeEventListener("change",r),t.removeEventListener(vt,r)})}});I();var Ml=` :root { --consonant-merch-card-plans-v2-font-family-regular: 'Adobe Clean', 'adobe-clean', sans-serif; --consonant-merch-card-plans-v2-font-family: 'Adobe Clean Display', 'adobe-clean-display', 'Adobe Clean', 'adobe-clean', sans-serif; @@ -4298,7 +4296,7 @@ merch-card[variant="plans-v2"] [slot="heading-xs"] { } /* Mobile-specific heading-xs styles */ -@media ${H} { +@media ${j} { merch-card[variant="plans-v2"] [slot="heading-xs"] { font-size: 28px; font-weight: 800; @@ -4337,7 +4335,7 @@ merch-card[variant="plans-v2"] [slot="heading-m"] span.price, merch-card[variant } /* Mobile-specific wide card subtitle styles */ -@media ${H} { +@media ${j} { merch-card[variant="plans-v2"][size="wide"] [slot="subtitle"] { font-size: 28px; font-weight: 900; @@ -4550,7 +4548,7 @@ merch-card[variant="plans-v2"] .help-text { margin-top: var(--consonant-merch-spacing-xxs); } -@media screen and ${H}, ${re} { +@media screen and ${j}, ${se} { :root { --consonant-merch-card-plans-v2-width: 100%; } @@ -4561,7 +4559,7 @@ merch-card[variant="plans-v2"] .help-text { } } -@media screen and ${B}, ${P}, ${oe} { +@media screen and ${W}, ${H}, ${de} { :root { --consonant-merch-card-plans-v2-width: 276px; } @@ -4675,7 +4673,7 @@ merch-card[variant="plans-v2"][size="wide"] footer [slot="heading-m"] { } /* Mobile */ -@media screen and ${H} { +@media screen and ${j} { merch-whats-included merch-mnemonic-list, merch-whats-included [slot="heading"] { width: 100%; @@ -4695,7 +4693,7 @@ merch-card[variant="plans-v2"][size="wide"] footer [slot="heading-m"] { } /* Tablet */ -@media screen and ${B} { +@media screen and ${W} { :root { --consonant-merch-card-plans-v2-width: 360px; } @@ -4711,7 +4709,7 @@ merch-card[variant="plans-v2"][size="wide"] footer [slot="heading-m"] { } /* Desktop */ -@media screen and ${P} { +@media screen and ${H} { :root { --consonant-merch-card-plans-v2-width: 276px; } @@ -4731,18 +4729,18 @@ merch-card[variant="plans-v2"][size="wide"] footer [slot="heading-m"] { } /* Large Desktop */ -@media screen and ${oe} { +@media screen and ${de} { .columns .four-merch-cards.plans:has(merch-card[variant="plans-v2"]) { grid-template-columns: repeat(2, var(--consonant-merch-card-plans-v2-width)); } } -`;var Cc={cardName:{attribute:"name"},title:{tag:"h3",slot:"heading-xs"},subtitle:{tag:"p",slot:"subtitle"},prices:{tag:"p",slot:"heading-m"},shortDescription:{tag:"p",slot:"short-description"},promoText:{tag:"p",slot:"promo-text"},description:{tag:"div",slot:"body-xs"},mnemonics:{size:"l"},callout:{tag:"div",slot:"callout-content"},quantitySelect:{tag:"div",slot:"quantity-select"},addon:!0,secureLabel:!0,planType:!0,badgeIcon:!0,badge:{tag:"div",slot:"badge",default:"spectrum-red-700-plans"},allowedBadgeColors:["spectrum-yellow-300-plans","spectrum-gray-300-plans","spectrum-gray-700-plans","spectrum-green-900-plans","spectrum-red-700-plans","gradient-purple-blue"],allowedBorderColors:["spectrum-yellow-300-plans","spectrum-gray-300-plans","spectrum-green-900-plans","spectrum-red-700-plans","gradient-purple-blue"],borderColor:{attribute:"border-color"},size:["wide","super-wide"],whatsIncluded:{tag:"div",slot:"whats-included"},ctas:{slot:"footer",size:"m"},style:"consonant",perUnitLabel:{tag:"span",slot:"per-unit-label"}},Ke=class extends A{constructor(t){super(t),this.adaptForMedia=this.adaptForMedia.bind(this),this.toggleShortDescription=this.toggleShortDescription.bind(this),this.shortDescriptionExpanded=!1,this.syncScheduled=!1}priceOptionsProvider(t,r){if(t.dataset.template===xe){r.displayPlanType=this.card?.settings?.displayPlanType??!1;return}(t.dataset.template==="strikethrough"||t.dataset.template==="price")&&(r.displayPerUnit=!1)}getGlobalCSS(){return Sc}adjustSlotPlacement(t,r,i){let{shadowRoot:a}=this.card,n=a.querySelector("footer"),o=a.querySelector(".body"),s=this.card.getAttribute("size");if(!s)return;let c=a.querySelector(`footer slot[name="${t}"]`),l=a.querySelector(`.body slot[name="${t}"]`);if(s.includes("wide")||(n?.classList.remove("wide-footer"),c?.remove()),!!r.includes(s)){if(n?.classList.toggle("wide-footer",R.isDesktopOrUp),!i&&c){if(l)c.remove();else{let d=o.querySelector(`[data-placeholder-for="${t}"]`);d?d.replaceWith(c):o.appendChild(c)}return}if(i&&l){let d=document.createElement("div");d.setAttribute("data-placeholder-for",t),d.classList.add("slot-placeholder"),c||n.prepend(l.cloneNode(!0)),l.replaceWith(d)}}}adaptForMedia(){if(!this.card.closest("merch-card-collection,overlay-trigger,.two-merch-cards,.three-merch-cards,.four-merch-cards,.columns"))return this.card.hasAttribute("size"),void 0;this.adjustSlotPlacement("heading-m",["wide"],!0),this.adjustSlotPlacement("addon",["super-wide"],R.isDesktopOrUp),this.adjustSlotPlacement("callout-content",["super-wide"],R.isDesktopOrUp)}adjustCallout(){let t=this.card.querySelector('[slot="callout-content"] .icon-button');if(!t?.title)return;t.dataset.tooltip=t.title,t.removeAttribute("title"),t.classList.add("hide-tooltip");let r=i=>{i===t?t.classList.toggle("hide-tooltip"):t.classList.add("hide-tooltip")};document.addEventListener("touchstart",i=>{i.preventDefault(),r(i.target)}),document.addEventListener("mouseover",i=>{i.preventDefault(),i.target!==t?t.classList.add("hide-tooltip"):t.classList.remove("hide-tooltip")})}async postCardUpdateHook(){if(this.card.isConnected&&(this.adaptForMedia(),this.adjustAddon(),this.adjustCallout(),this.updateShortDescriptionVisibility(),this.hasShortDescription?this.card.setAttribute("has-short-description",""):this.card.removeAttribute("has-short-description"),this.legalAdjusted||await this.adjustLegal(),await this.card.updateComplete,this.card.prices?.length>0&&await Promise.all(this.card.prices.map(t=>t.onceSettled?.()||Promise.resolve())),window.matchMedia("(min-width: 768px)").matches)){let t=this.getContainer();if(!t)return;let r=`--consonant-merch-card-${this.card.variant}`,i=t.style.getPropertyValue(`${r}-body-height`);requestAnimationFrame(i?()=>{this.syncHeights()}:()=>{t.querySelectorAll(`merch-card[variant="${this.card.variant}"]`).forEach(n=>n.variantLayout?.syncHeights?.())})}}get mainPrice(){return this.card.querySelector(`[slot="heading-m"] ${D}[data-template="price"]`)}syncHeights(){if(this.card.getBoundingClientRect().width<=2)return;let t=this.card.shadowRoot?.querySelector(".body");t&&this.updateCardElementMinHeight(t,"body");let r=this.card.shadowRoot?.querySelector("footer");r&&this.updateCardElementMinHeight(r,"footer");let i=this.card.querySelector('[slot="short-description"]');i&&this.updateCardElementMinHeight(i,"short-description")}async adjustLegal(){if(!this.legalAdjusted)try{this.legalAdjusted=!0,await this.card.updateComplete,await customElements.whenDefined("inline-price");let t=this.mainPrice;if(!t)return;let r=t.cloneNode(!0);if(await t.onceSettled(),!t?.options)return;t.options.displayPerUnit&&(t.dataset.displayPerUnit="false"),t.options.displayTax&&(t.dataset.displayTax="false"),t.options.displayPlanType&&(t.dataset.displayPlanType="false"),r.setAttribute("data-template","legal"),t.parentNode.insertBefore(r,t.nextSibling),await r.onceSettled()}catch{}}async adjustAddon(){await this.card.updateComplete;let t=this.card.addon;if(!t)return;t.setAttribute("custom-checkbox","");let r=this.mainPrice;if(!r)return;await r.onceSettled();let i=r.value?.[0]?.planType;i&&(t.planType=i)}get stockCheckbox(){return this.card.checkboxLabel?u``:_}get hasShortDescription(){return!!this.card.querySelector('[slot="short-description"]')}get shortDescriptionLabel(){let t=this.card.querySelector('[slot="short-description"]'),r=t.querySelector("strong, b");if(r?.textContent?.trim())return r.textContent.trim();let i=t.querySelector("h1, h2, h3, h4, h5, h6, p");return i?.textContent?.trim()?i.textContent.trim():t.textContent?.trim().split(` +`)[0].trim()}updateShortDescriptionVisibility(){let t=this.card.querySelector('[slot="short-description"]');if(!t)return;let r=t.querySelector("strong, b, p");r&&(D.isMobile?r.style.display="none":r.style.display="")}toggleShortDescription(){this.shortDescriptionExpanded=!this.shortDescriptionExpanded,this.card.requestUpdate()}get shortDescriptionToggle(){return this.hasShortDescription?D.isMobile?x`
- `:u` + `:x`
- `:w}get icons(){return this.card.querySelector('[slot="icons"]')||this.card.getAttribute("id")?u``:w}get secureLabelFooter(){return u`
+ `:_}get icons(){return this.card.querySelector('[slot="icons"]')||this.card.getAttribute("id")?x``:_}get secureLabelFooter(){return x`
${this.secureLabel} -
`}connectedCallbackHook(){this.handleMediaChange=()=>{this.adaptForMedia(),this.updateShortDescriptionVisibility(),this.card.requestUpdate(),window.matchMedia("(min-width: 768px)").matches&&requestAnimationFrame(()=>{this.syncHeights()})},R.matchMobile.addEventListener("change",this.handleMediaChange),R.matchDesktopOrUp.addEventListener("change",this.handleMediaChange),this.visibilityObserver=new IntersectionObserver(([t])=>{t.boundingClientRect.height!==0&&t.isIntersecting&&(window.matchMedia("(min-width: 768px)").matches&&requestAnimationFrame(()=>{this.syncHeights()}),this.visibilityObserver.disconnect())}),this.visibilityObserver.observe(this.card)}disconnectedCallbackHook(){R.matchMobile.removeEventListener("change",this.handleMediaChange),R.matchDesktopOrUp.removeEventListener("change",this.handleMediaChange),this.visibilityObserver?.disconnect()}renderLayout(){let r=this.card.getAttribute("size")==="wide";return u` ${this.badge} +
`}connectedCallbackHook(){this.handleMediaChange=()=>{this.adaptForMedia(),this.updateShortDescriptionVisibility(),this.card.requestUpdate(),window.matchMedia("(min-width: 768px)").matches&&requestAnimationFrame(()=>{this.syncHeights()})},D.matchMobile.addEventListener("change",this.handleMediaChange),D.matchDesktopOrUp.addEventListener("change",this.handleMediaChange),this.visibilityObserver=new IntersectionObserver(([t])=>{t.boundingClientRect.height!==0&&t.isIntersecting&&(window.matchMedia("(min-width: 768px)").matches&&requestAnimationFrame(()=>{this.syncHeights()}),this.visibilityObserver.disconnect())}),this.visibilityObserver.observe(this.card)}disconnectedCallbackHook(){D.matchMobile.removeEventListener("change",this.handleMediaChange),D.matchDesktopOrUp.removeEventListener("change",this.handleMediaChange),this.visibilityObserver?.disconnect()}renderLayout(){let r=this.card.getAttribute("size")==="wide";return x` ${this.badge}
- ${r?u` + ${r?x`
${this.icons} @@ -4779,7 +4777,7 @@ merch-card[variant="plans-v2"][size="wide"] footer [slot="heading-m"] {
- `:u` + `:x`
${this.icons}
@@ -4795,7 +4793,7 @@ merch-card[variant="plans-v2"][size="wide"] footer [slot="heading-m"] { `}
${this.secureLabelFooter} ${this.shortDescriptionToggle} - `}};m(Ke,"variantStyle",b` + `}};g(lt,"variantStyle",S` :host([variant='plans-v2']) { display: flex; flex-direction: column; @@ -5284,7 +5282,7 @@ merch-card[variant="plans-v2"][size="wide"] footer [slot="heading-m"] { margin-right: 0; } - @media ${me(H)}, ${me(re)} { + @media ${ve(j)}, ${ve(se)} { :host([variant='plans-v2']) { --merch-card-plans-v2-padding: 26px 16px; } @@ -5351,7 +5349,7 @@ merch-card[variant="plans-v2"][size="wide"] footer [slot="heading-m"] { .toggle-label { color: #292929; } - `),m(Ke,"collectionOptions",{customHeaderArea:t=>t.sidenav?u``:w,headerVisibility:{search:!1,sort:!1,result:["mobile","tablet"],custom:["desktop"]},onSidenavAttached:t=>{let r=()=>{let i=t.querySelectorAll("merch-card");if(i.forEach(n=>{n.hasAttribute("data-size")&&(n.setAttribute("size",n.getAttribute("data-size")),n.removeAttribute("data-size"))}),!R.isDesktop)return;let a=0;i.forEach(n=>{if(n.style.display==="none")return;let o=n.getAttribute("size"),s=o==="wide"?2:o==="super-wide"?3:1;s===2&&a%3===2&&(n.setAttribute("data-size",o),n.removeAttribute("size"),s=1),a+=s})};R.matchDesktop.addEventListener("change",r),t.addEventListener(it,r),t.onUnmount.push(()=>{R.matchDesktop.removeEventListener("change",r),t.removeEventListener(it,r)})}});_();var Tc=` + `),g(lt,"collectionOptions",{customHeaderArea:t=>t.sidenav?x``:_,headerVisibility:{search:!1,sort:!1,result:["mobile","tablet"],custom:["desktop"]},onSidenavAttached:t=>{let r=()=>{let i=t.querySelectorAll("merch-card");if(i.forEach(n=>{n.hasAttribute("data-size")&&(n.setAttribute("size",n.getAttribute("data-size")),n.removeAttribute("data-size"))}),!D.isDesktop)return;let a=0;i.forEach(n=>{if(n.style.display==="none")return;let o=n.getAttribute("size"),s=o==="wide"?2:o==="super-wide"?3:1;s===2&&a%3===2&&(n.setAttribute("data-size",o),n.removeAttribute("size"),s=1),a+=s})};D.matchDesktop.addEventListener("change",r),t.addEventListener(vt,r),t.onUnmount.push(()=>{D.matchDesktop.removeEventListener("change",r),t.removeEventListener(vt,r)})}});I();var Nl=` :root { --consonant-merch-card-product-width: 300px; } @@ -5455,7 +5453,7 @@ merch-card-collection.product merch-card { } /* Tablet */ -@media screen and ${B} { +@media screen and ${W} { .two-merch-cards.product, .three-merch-cards.product, .four-merch-cards.product { @@ -5464,7 +5462,7 @@ merch-card-collection.product merch-card { } /* desktop */ -@media screen and ${P} { +@media screen and ${H} { :root { --consonant-merch-card-product-width: 378px; --consonant-merch-card-product-width-4clm: 276px; @@ -5486,14 +5484,14 @@ merch-card[variant="product"] { } } -`;var kc={cardName:{attribute:"name"},title:{tag:"h3",slot:"heading-xs"},prices:{tag:"p",slot:"heading-xs"},promoText:{tag:"p",slot:"promo-text"},description:{tag:"div",slot:"body-xs"},mnemonics:{size:"l"},callout:{tag:"div",slot:"callout-content"},quantitySelect:{tag:"div",slot:"quantity-select"},secureLabel:!0,planType:!0,badgeIcon:!0,badge:{tag:"div",slot:"badge",default:"color-yellow-300-variation"},allowedBadgeColors:["color-yellow-300-variation","color-gray-300-variation","color-gray-700-variation","color-green-900-variation","gradient-purple-blue"],allowedBorderColors:["color-yellow-300-variation","color-gray-300-variation","color-green-900-variation","gradient-purple-blue"],borderColor:{attribute:"border-color"},whatsIncluded:{tag:"div",slot:"whats-included"},ctas:{slot:"footer",size:"m"},style:"consonant",perUnitLabel:{tag:"span",slot:"per-unit-label"}},Wt=class extends A{constructor(t){super(t),this.postCardUpdateHook=this.postCardUpdateHook.bind(this),this.updatePriceQuantity=this.updatePriceQuantity.bind(this)}getGlobalCSS(){return Tc}priceOptionsProvider(t,r){t.dataset.template===xe&&(r.displayPlanType=this.card?.settings?.displayPlanType??!1,(t.dataset.template==="strikethrough"||t.dataset.template==="price")&&(r.displayPerUnit=!1))}adjustProductBodySlots(){if(this.card.getBoundingClientRect().width===0)return;["heading-xs","body-xxs","body-xs","promo-text","callout-content","addon","body-lower"].forEach(r=>this.updateCardElementMinHeight(this.card.shadowRoot.querySelector(`slot[name="${r}"]`),r))}renderLayout(){return u` ${this.badge} +`;var Ol={cardName:{attribute:"name"},title:{tag:"h3",slot:"heading-xs"},prices:{tag:"p",slot:"heading-xs"},promoText:{tag:"p",slot:"promo-text"},description:{tag:"div",slot:"body-xs"},mnemonics:{size:"l"},callout:{tag:"div",slot:"callout-content"},quantitySelect:{tag:"div",slot:"quantity-select"},secureLabel:!0,planType:!0,badgeIcon:!0,badge:{tag:"div",slot:"badge",default:"color-yellow-300-variation"},allowedBadgeColors:["color-yellow-300-variation","color-gray-300-variation","color-gray-700-variation","color-green-900-variation","gradient-purple-blue"],allowedBorderColors:["color-yellow-300-variation","color-gray-300-variation","color-green-900-variation","gradient-purple-blue"],borderColor:{attribute:"border-color"},whatsIncluded:{tag:"div",slot:"whats-included"},ctas:{slot:"footer",size:"m"},style:"consonant",perUnitLabel:{tag:"span",slot:"per-unit-label"}},sr=class extends L{constructor(t){super(t),this.postCardUpdateHook=this.postCardUpdateHook.bind(this),this.updatePriceQuantity=this.updatePriceQuantity.bind(this)}getGlobalCSS(){return Nl}priceOptionsProvider(t,r){t.dataset.template===ae&&(r.displayPlanType=this.card?.settings?.displayPlanType??!1,(t.dataset.template==="strikethrough"||t.dataset.template==="price")&&(r.displayPerUnit=!1))}adjustProductBodySlots(){if(this.card.getBoundingClientRect().width===0)return;["heading-xs","body-xxs","body-xs","promo-text","callout-content","addon","body-lower"].forEach(r=>this.updateCardElementMinHeight(this.card.shadowRoot.querySelector(`slot[name="${r}"]`),r))}renderLayout(){return x` ${this.badge}
- ${this.promoBottom?"":u``} + ${this.promoBottom?"":x``} - ${this.promoBottom?u``:""} + ${this.promoBottom?x``:""} @@ -5502,7 +5500,7 @@ merch-card[variant="product"] {

- ${this.secureLabelFooter}`}connectedCallbackHook(){window.addEventListener("resize",this.postCardUpdateHook),this.card.addEventListener(te,this.updatePriceQuantity)}disconnectedCallbackHook(){window.removeEventListener("resize",this.postCardUpdateHook),this.card.removeEventListener(te,this.updatePriceQuantity)}async postCardUpdateHook(){this.card.isConnected&&(this.adjustAddon(),R.isMobile||this.adjustProductBodySlots(),this.legalAdjusted||await this.adjustLegal())}async adjustLegal(){if(!(this.legalAdjusted||!this.card.id))try{this.legalAdjusted=!0,await this.card.updateComplete,await customElements.whenDefined("inline-price");let t=this.mainPrice;if(!t)return;let r=t.cloneNode(!0);if(await t.onceSettled(),!t?.options)return;t.options.displayPerUnit&&(t.dataset.displayPerUnit="false"),t.options.displayTax&&(t.dataset.displayTax="false"),t.options.displayPlanType&&(t.dataset.displayPlanType="false"),r.setAttribute("data-template","legal"),t.parentNode.insertBefore(r,t.nextSibling),await r.onceSettled()}catch{}}get headingXSSlot(){return this.card.shadowRoot.querySelector('slot[name="heading-xs"]').assignedElements()[0]}get mainPrice(){return this.card.querySelector(`[slot="heading-xs"] ${D}[data-template="price"]`)}updatePriceQuantity({detail:t}){!this.mainPrice||!t?.option||(this.mainPrice.dataset.quantity=t.option)}toggleAddon(t){let r=this.mainPrice,i=this.headingXSSlot;if(!r&&i){let a=t?.getAttribute("plan-type"),n=null;if(t&&a&&(n=t.querySelector(`p[data-plan-type="${a}"]`)?.querySelector('span[is="inline-price"]')),this.card.querySelectorAll('p[slot="heading-xs"]').forEach(o=>o.remove()),t.checked){if(n){let o=ne("p",{class:"addon-heading-xs-price-addon",slot:"heading-xs"},n.innerHTML);this.card.appendChild(o)}}else{let o=ne("p",{class:"card-heading",id:"free",slot:"heading-xs"},"Free");this.card.appendChild(o)}}}async adjustAddon(){await this.card.updateComplete;let t=this.card.addon;if(!t)return;let r=this.mainPrice,i=this.card.planType;r&&(await r.onceSettled(),i=r.value?.[0]?.planType),i&&(t.planType=i)}};m(Wt,"variantStyle",b` + ${this.secureLabelFooter}`}connectedCallbackHook(){window.addEventListener("resize",this.postCardUpdateHook),this.card.addEventListener(oe,this.updatePriceQuantity)}disconnectedCallbackHook(){window.removeEventListener("resize",this.postCardUpdateHook),this.card.removeEventListener(oe,this.updatePriceQuantity)}async postCardUpdateHook(){this.card.isConnected&&(this.adjustAddon(),D.isMobile||this.adjustProductBodySlots(),this.legalAdjusted||await this.adjustLegal())}async adjustLegal(){if(!(this.legalAdjusted||!this.card.id))try{this.legalAdjusted=!0,await this.card.updateComplete,await customElements.whenDefined("inline-price");let t=this.mainPrice;if(!t)return;let r=t.cloneNode(!0);if(await t.onceSettled(),!t?.options)return;t.options.displayPerUnit&&(t.dataset.displayPerUnit="false"),t.options.displayTax&&(t.dataset.displayTax="false"),t.options.displayPlanType&&(t.dataset.displayPlanType="false"),r.setAttribute("data-template","legal"),t.parentNode.insertBefore(r,t.nextSibling),await r.onceSettled()}catch{}}get headingXSSlot(){return this.card.shadowRoot.querySelector('slot[name="heading-xs"]').assignedElements()[0]}get mainPrice(){return this.card.querySelector(`[slot="heading-xs"] ${O}[data-template="price"]`)}updatePriceQuantity({detail:t}){!this.mainPrice||!t?.option||(this.mainPrice.dataset.quantity=t.option)}toggleAddon(t){let r=this.mainPrice,i=this.headingXSSlot;if(!r&&i){let a=t?.getAttribute("plan-type"),n=null;if(t&&a&&(n=t.querySelector(`p[data-plan-type="${a}"]`)?.querySelector('span[is="inline-price"]')),this.card.querySelectorAll('p[slot="heading-xs"]').forEach(o=>o.remove()),t.checked){if(n){let o=le("p",{class:"addon-heading-xs-price-addon",slot:"heading-xs"},n.innerHTML);this.card.appendChild(o)}}else{let o=le("p",{class:"card-heading",id:"free",slot:"heading-xs"},"Free");this.card.appendChild(o)}}}async adjustAddon(){await this.card.updateComplete;let t=this.card.addon;if(!t)return;let r=this.mainPrice,i=this.card.planType;r&&(await r.onceSettled(),i=r.value?.[0]?.planType),i&&(t.planType=i)}};g(sr,"variantStyle",S` :host([variant='product']) { background: linear-gradient(white, white) padding-box, @@ -5551,7 +5549,7 @@ merch-card[variant="product"] { color: rgb(80, 80, 80); line-height: var(--consonant-merch-card-detail-xs-line-height); } - `);_();var _c=` + `);I();var Il=` :root { --consonant-merch-card-segment-width: 378px; } @@ -5574,13 +5572,13 @@ merch-card[variant="segment"] { } /* Mobile */ -@media screen and ${H} { +@media screen and ${j} { :root { --consonant-merch-card-segment-width: 276px; } } -@media screen and ${B} { +@media screen and ${W} { :root { --consonant-merch-card-segment-width: 276px; } @@ -5593,7 +5591,7 @@ merch-card[variant="segment"] { } /* desktop */ -@media screen and ${P} { +@media screen and ${H} { :root { --consonant-merch-card-segment-width: 276px; } @@ -5655,21 +5653,21 @@ merch-card-collection.segment merch-card { width: auto; height: 100%; } -`;var Pc={cardName:{attribute:"name"},title:{tag:"h3",slot:"heading-xs"},prices:{tag:"p",slot:"heading-xs"},promoText:{tag:"p",slot:"promo-text"},description:{tag:"div",slot:"body-xs"},callout:{tag:"div",slot:"callout-content"},planType:!0,secureLabel:!0,badgeIcon:!0,badge:{tag:"div",slot:"badge",default:"color-red-700-variation"},allowedBadgeColors:["color-yellow-300-variation","color-gray-300-variation","color-gray-700-variation","color-green-900-variation","color-red-700-variation","gradient-purple-blue"],allowedBorderColors:["color-yellow-300-variation","color-gray-300-variation","color-green-900-variation","color-red-700-variation","gradient-purple-blue"],borderColor:{attribute:"border-color"},ctas:{slot:"footer",size:"m"},style:"consonant",perUnitLabel:{tag:"span",slot:"per-unit-label"}},Yt=class extends A{constructor(t){super(t)}priceOptionsProvider(t,r){t.dataset.template===xe&&(r.displayPlanType=this.card?.settings?.displayPlanType??!1,(t.dataset.template==="strikethrough"||t.dataset.template==="price")&&(r.displayPerUnit=!1))}getGlobalCSS(){return _c}get badgeElement(){return this.card.querySelector('[slot="badge"]')}get mainPrice(){return this.card.querySelector(`[slot="heading-xs"] ${D}[data-template="price"]`)}async postCardUpdateHook(){this.legalAdjusted||await this.adjustLegal()}async adjustLegal(){if(!this.legalAdjusted)try{this.legalAdjusted=!0,await this.card.updateComplete,await customElements.whenDefined("inline-price");let t=this.mainPrice;if(!t)return;let r=t.cloneNode(!0);if(await t.onceSettled(),!t?.options)return;t.options.displayPerUnit&&(t.dataset.displayPerUnit="false"),t.options.displayTax&&(t.dataset.displayTax="false"),t.options.displayPlanType&&(t.dataset.displayPlanType="false"),r.setAttribute("data-template","legal"),t.parentNode.insertBefore(r,t.nextSibling),await r.onceSettled()}catch{}}renderLayout(){return u` +`;var Hl={cardName:{attribute:"name"},title:{tag:"h3",slot:"heading-xs"},prices:{tag:"p",slot:"heading-xs"},promoText:{tag:"p",slot:"promo-text"},description:{tag:"div",slot:"body-xs"},callout:{tag:"div",slot:"callout-content"},planType:!0,secureLabel:!0,badgeIcon:!0,badge:{tag:"div",slot:"badge",default:"color-red-700-variation"},allowedBadgeColors:["color-yellow-300-variation","color-gray-300-variation","color-gray-700-variation","color-green-900-variation","color-red-700-variation","gradient-purple-blue"],allowedBorderColors:["color-yellow-300-variation","color-gray-300-variation","color-green-900-variation","color-red-700-variation","gradient-purple-blue"],borderColor:{attribute:"border-color"},ctas:{slot:"footer",size:"m"},style:"consonant",perUnitLabel:{tag:"span",slot:"per-unit-label"}},cr=class extends L{constructor(t){super(t)}priceOptionsProvider(t,r){t.dataset.template===ae&&(r.displayPlanType=this.card?.settings?.displayPlanType??!1,(t.dataset.template==="strikethrough"||t.dataset.template==="price")&&(r.displayPerUnit=!1))}getGlobalCSS(){return Il}get badgeElement(){return this.card.querySelector('[slot="badge"]')}get mainPrice(){return this.card.querySelector(`[slot="heading-xs"] ${O}[data-template="price"]`)}async postCardUpdateHook(){this.legalAdjusted||await this.adjustLegal()}async adjustLegal(){if(!this.legalAdjusted)try{this.legalAdjusted=!0,await this.card.updateComplete,await customElements.whenDefined("inline-price");let t=this.mainPrice;if(!t)return;let r=t.cloneNode(!0);if(await t.onceSettled(),!t?.options)return;t.options.displayPerUnit&&(t.dataset.displayPerUnit="false"),t.options.displayTax&&(t.dataset.displayTax="false"),t.options.displayPlanType&&(t.dataset.displayPlanType="false"),r.setAttribute("data-template","legal"),t.parentNode.insertBefore(r,t.nextSibling),await r.onceSettled()}catch{}}renderLayout(){return x` ${this.badge}
- ${this.promoBottom?"":u``} - ${this.promoBottom?u``:""}

${this.secureLabelFooter} - `}};m(Yt,"variantStyle",b` + `}};g(cr,"variantStyle",S` :host([variant='segment']) { min-height: 214px; background: @@ -5680,7 +5678,7 @@ merch-card-collection.segment merch-card { :host([variant='segment']) ::slotted(h3[slot='heading-xs']) { max-width: var(--consonant-merch-card-heading-xs-max-width, 100%); } - `);_();var Lc=` + `);I();var zl=` merch-card[variant='media'] { border: 0; @@ -5793,7 +5791,7 @@ merch-card-collection.segment merch-card { width: 700px; } -`;var Mc={cardName:{attribute:"name"},title:{tag:"h3",slot:"heading-xs"},subtitle:{tag:"p",slot:"body-xxs"},description:{tag:"div",slot:"body-xs"},ctas:{slot:"footer",size:"m"},backgroundImage:{tag:"div",slot:"bg-image"},style:"consonant"},Xt=class extends A{constructor(t){super(t)}getGlobalCSS(){return Lc}removeFocusFromModalClose(){let t=this.card.closest(".dialog-modal");t&&t.querySelector(".dialog-close")?.blur()}async postCardUpdateHook(){this.removeFocusFromModalClose()}renderLayout(){return u` +`;var $l={cardName:{attribute:"name"},title:{tag:"h3",slot:"heading-xs"},subtitle:{tag:"p",slot:"body-xxs"},description:{tag:"div",slot:"body-xs"},ctas:{slot:"footer",size:"m"},backgroundImage:{tag:"div",slot:"bg-image"},style:"consonant"},lr=class extends L{constructor(t){super(t)}getGlobalCSS(){return zl}removeFocusFromModalClose(){let t=this.card.closest(".dialog-modal");t&&t.querySelector(".dialog-close")?.blur()}async postCardUpdateHook(){this.removeFocusFromModalClose()}renderLayout(){return x`
@@ -5805,7 +5803,7 @@ merch-card-collection.segment merch-card {
- `}};m(Xt,"variantStyle",b` + `}};g(lr,"variantStyle",S` :host([variant='media']) .media-row { display: flex; gap: 24px; @@ -5834,7 +5832,7 @@ merch-card-collection.segment merch-card { gap: 40px; } } - `);_();var Rc=` + `);I();var Dl=` :root { --consonant-merch-card-special-offers-width: 302px; --merch-card-collection-card-width: var(--consonant-merch-card-special-offers-width); @@ -5859,13 +5857,13 @@ merch-card[variant="special-offers"] span[is="inline-price"][data-template="pric grid-template-columns: minmax(302px, var(--consonant-merch-card-special-offers-width)); } -@media screen and ${H} { +@media screen and ${j} { :root { --consonant-merch-card-special-offers-width: 302px; } } -@media screen and ${B} { +@media screen and ${W} { :root { --consonant-merch-card-special-offers-width: 302px; } @@ -5878,19 +5876,19 @@ merch-card[variant="special-offers"] span[is="inline-price"][data-template="pric } /* desktop */ -@media screen and ${P} { +@media screen and ${H} { .three-merch-cards.special-offers, .four-merch-cards.special-offers { grid-template-columns: repeat(3, minmax(302px, var(--consonant-merch-card-special-offers-width))); } } -@media screen and ${oe} { +@media screen and ${de} { .four-merch-cards.special-offers { grid-template-columns: repeat(4, minmax(302px, var(--consonant-merch-card-special-offers-width))); } } -`;var Oc={cardName:{attribute:"name"},backgroundImage:{tag:"div",slot:"bg-image"},subtitle:{tag:"p",slot:"detail-m"},title:{tag:"h3",slot:"heading-xs"},prices:{tag:"p",slot:"heading-xs-price"},description:{tag:"div",slot:"body-xs"},ctas:{slot:"footer",size:"l"},badgeIcon:!0,badge:{tag:"div",slot:"badge",default:"spectrum-yellow-300-special-offers"},allowedBadgeColors:["spectrum-yellow-300-special-offers","spectrum-gray-300-special-offers","spectrum-green-900-special-offers"],allowedBorderColors:["spectrum-yellow-300-special-offers","spectrum-gray-300-special-offers","spectrum-green-900-special-offers"],borderColor:{attribute:"border-color"}},Kt=class extends A{constructor(t){super(t)}get headingSelector(){return'[slot="detail-m"]'}getGlobalCSS(){return Rc}renderLayout(){return u`${this.cardImage} +`;var Bl={cardName:{attribute:"name"},backgroundImage:{tag:"div",slot:"bg-image"},subtitle:{tag:"p",slot:"detail-m"},title:{tag:"h3",slot:"heading-xs"},prices:{tag:"p",slot:"heading-xs-price"},description:{tag:"div",slot:"body-xs"},ctas:{slot:"footer",size:"l"},badgeIcon:!0,badge:{tag:"div",slot:"badge",default:"spectrum-yellow-300-special-offers"},allowedBadgeColors:["spectrum-yellow-300-special-offers","spectrum-gray-300-special-offers","spectrum-green-900-special-offers"],allowedBorderColors:["spectrum-yellow-300-special-offers","spectrum-gray-300-special-offers","spectrum-green-900-special-offers"],borderColor:{attribute:"border-color"}},dr=class extends L{constructor(t){super(t)}get headingSelector(){return'[slot="detail-m"]'}getGlobalCSS(){return Dl}renderLayout(){return x`${this.cardImage}
@@ -5898,18 +5896,18 @@ merch-card[variant="special-offers"] span[is="inline-price"][data-template="pric
- ${this.evergreen?u` + ${this.evergreen?x`
- `:u` + `:x`
${this.secureLabelFooter} `} - `}};m(Kt,"variantStyle",b` + `}};g(dr,"variantStyle",S` :host([variant='special-offers']) { min-height: 439px; background: @@ -5943,7 +5941,7 @@ merch-card[variant="special-offers"] span[is="inline-price"][data-template="pric ) { border-color: var(--spectrum-green-900-special-offers); } - `);_();var Nc=` + `);I();var Fl=` :root { --merch-card-simplified-pricing-express-width: 311px; } @@ -5987,7 +5985,7 @@ merch-card[variant="simplified-pricing-express"] [slot="body-xs"] p:nth-child(2) } /* Desktop - 3 columns */ -@media screen and ${P} { +@media screen and ${H} { merch-card-collection.simplified-pricing-express { grid-template-columns: repeat(3, 1fr); max-width: calc(3 * var(--merch-card-simplified-pricing-express-width) + 32px); @@ -6233,7 +6231,7 @@ merch-card[variant="simplified-pricing-express"] mas-mnemonic { } /* Fix leftmost tooltip cutoff on mobile */ -@media screen and ${H} { +@media screen and ${j} { merch-card[variant="simplified-pricing-express"] [slot="body-xs"] p:first-child mas-mnemonic:first-child { --tooltip-left-offset: 0; } @@ -6242,7 +6240,7 @@ merch-card[variant="simplified-pricing-express"] mas-mnemonic { /* Tooltip containers - overflow handled by Shadow DOM */ /* Mobile styles */ -@media screen and ${H} { +@media screen and ${j} { .collection-container.simplified-pricing-express { grid-template-columns: 1fr; width: 100%; @@ -6284,7 +6282,7 @@ merch-card[variant="simplified-pricing-express"] mas-mnemonic { } /* Collapse/expand styles for mobile only */ -@media screen and ${H} { +@media screen and ${j} { /* Base transition for smooth animation */ merch-card[variant="simplified-pricing-express"] { transition: max-height 0.5s ease-out; @@ -6338,7 +6336,7 @@ merch-card[variant="simplified-pricing-express"] mas-mnemonic { } /* Tablet styles - responsive full width with padding */ -@media screen and ${B} and ${re} { +@media screen and ${W} and ${se} { .collection-container.simplified-pricing-express { display: block; width: 100%; @@ -6374,7 +6372,7 @@ merch-card[variant="simplified-pricing-express"] [slot="cta"] button.spectrum-Bu merch-card[variant="simplified-pricing-express"] [slot="cta"] a.spectrum-Button.spectrum-Button--accent .spectrum-Button-label { color: var(--spectrum-white, #ffffff); } -`;var Pn={title:{tag:"h3",slot:"heading-xs",maxCount:250,withSuffix:!0},badge:{tag:"div",slot:"badge",default:"spectrum-blue-400"},allowedBadgeColors:["spectrum-blue-400","spectrum-gray-300","spectrum-yellow-300","gradient-purple-blue","gradient-firefly-spectrum"],description:{tag:"div",slot:"body-xs",maxCount:2e3,withSuffix:!1},prices:{tag:"div",slot:"price"},callout:{tag:"div",slot:"callout-content",editorLabel:"Price description"},ctas:{slot:"cta",size:"XL"},borderColor:{attribute:"border-color",specialValues:{gray:"var(--spectrum-gray-300)",blue:"var(--spectrum-blue-400)","gradient-purple-blue":"linear-gradient(96deg, #B539C8 0%, #7155FA 66%, #3B63FB 100%)","gradient-firefly-spectrum":"linear-gradient(96deg, #D73220 0%, #D92361 33%, #7155FA 100%)"}},disabledAttributes:["badgeColor","badgeBorderColor","trialBadgeColor","trialBadgeBorderColor"],supportsDefaultChild:!0},Qt=class extends A{getGlobalCSS(){return Nc}get aemFragmentMapping(){return Pn}get headingSelector(){return'[slot="heading-xs"]'}get badge(){return this.card.querySelector('[slot="badge"]')}syncHeights(){if(this.card.getBoundingClientRect().width===0)return;let t=this.card.querySelector('[slot="body-xs"]');t&&this.updateCardElementMinHeight(t,"description");let r=this.card.querySelector('[slot="price"]');r&&this.updateCardElementMinHeight(r,"price");let i=this.card.querySelector('[slot="callout-content"]');i&&this.updateCardElementMinHeight(i,"callout");let a=this.card.querySelector('[slot="body-xs"] p:has(mas-mnemonic)');a&&this.updateCardElementMinHeight(a,"icons")}async postCardUpdateHook(){if(this.card.isConnected&&(await this.card.updateComplete,this.card.prices?.length&&await Promise.all(this.card.prices.map(t=>t.onceSettled?.())),R.isDesktopOrUp)){let t=this.getContainer();if(!t)return;requestAnimationFrame(()=>{t.querySelectorAll(`merch-card[variant="${this.card.variant}"]`).forEach(i=>i.variantLayout?.syncHeights?.())})}}connectedCallbackHook(){!this.card||this.card.failed||(this.setupAccordion(),this.card?.hasAttribute("data-default-card")&&!Fi()&&this.card.setAttribute("data-expanded","true"))}setupAccordion(){let t=this.card;if(!t)return;let r=()=>{if(Fi())t.removeAttribute("data-expanded");else{let a=t.hasAttribute("data-default-card");t.setAttribute("data-expanded",a?"true":"false")}};r();let i=window.matchMedia(H);this.mediaQueryListener=()=>{r()},i.addEventListener("change",this.mediaQueryListener)}disconnectedCallbackHook(){this.mediaQueryListener&&window.matchMedia(H).removeEventListener("change",this.mediaQueryListener)}handleChevronClick(t){t.preventDefault(),t.stopPropagation(),this.toggleExpanded()}handleCardClick(t){t.target.closest('.chevron-button, mas-mnemonic, button, a, [role="button"]')||(t.preventDefault(),this.toggleExpanded())}toggleExpanded(){let t=this.card;if(!t||Fi())return;let a=t.getAttribute("data-expanded")==="true"?"false":"true";t.setAttribute("data-expanded",a)}renderLayout(){return u` +`;var vo={title:{tag:"h3",slot:"heading-xs",maxCount:250,withSuffix:!0},badge:{tag:"div",slot:"badge",default:"spectrum-blue-400"},allowedBadgeColors:["spectrum-blue-400","spectrum-gray-300","spectrum-yellow-300","gradient-purple-blue","gradient-firefly-spectrum"],description:{tag:"div",slot:"body-xs",maxCount:2e3,withSuffix:!1},prices:{tag:"div",slot:"price"},callout:{tag:"div",slot:"callout-content",editorLabel:"Price description"},ctas:{slot:"cta",size:"XL"},borderColor:{attribute:"border-color",specialValues:{gray:"var(--spectrum-gray-300)",blue:"var(--spectrum-blue-400)","gradient-purple-blue":"linear-gradient(96deg, #B539C8 0%, #7155FA 66%, #3B63FB 100%)","gradient-firefly-spectrum":"linear-gradient(96deg, #D73220 0%, #D92361 33%, #7155FA 100%)"}},disabledAttributes:["badgeColor","badgeBorderColor","trialBadgeColor","trialBadgeBorderColor"],supportsDefaultChild:!0},hr=class extends L{getGlobalCSS(){return Fl}get aemFragmentMapping(){return vo}get headingSelector(){return'[slot="heading-xs"]'}get badge(){return this.card.querySelector('[slot="badge"]')}syncHeights(){if(this.card.getBoundingClientRect().width===0)return;let t=this.card.querySelector('[slot="body-xs"]');t&&this.updateCardElementMinHeight(t,"description");let r=this.card.querySelector('[slot="price"]');r&&this.updateCardElementMinHeight(r,"price");let i=this.card.querySelector('[slot="callout-content"]');i&&this.updateCardElementMinHeight(i,"callout");let a=this.card.querySelector('[slot="body-xs"] p:has(mas-mnemonic)');a&&this.updateCardElementMinHeight(a,"icons")}async postCardUpdateHook(){if(this.card.isConnected&&(await this.card.updateComplete,this.card.prices?.length&&await Promise.all(this.card.prices.map(t=>t.onceSettled?.())),D.isDesktopOrUp)){let t=this.getContainer();if(!t)return;requestAnimationFrame(()=>{t.querySelectorAll(`merch-card[variant="${this.card.variant}"]`).forEach(i=>i.variantLayout?.syncHeights?.())})}}connectedCallbackHook(){!this.card||this.card.failed||(this.setupAccordion(),this.card?.hasAttribute("data-default-card")&&!ya()&&this.card.setAttribute("data-expanded","true"))}setupAccordion(){let t=this.card;if(!t)return;let r=()=>{if(ya())t.removeAttribute("data-expanded");else{let a=t.hasAttribute("data-default-card");t.setAttribute("data-expanded",a?"true":"false")}};r();let i=window.matchMedia(j);this.mediaQueryListener=()=>{r()},i.addEventListener("change",this.mediaQueryListener)}disconnectedCallbackHook(){this.mediaQueryListener&&window.matchMedia(j).removeEventListener("change",this.mediaQueryListener)}handleChevronClick(t){t.preventDefault(),t.stopPropagation(),this.toggleExpanded()}handleCardClick(t){t.target.closest('.chevron-button, mas-mnemonic, button, a, [role="button"]')||(t.preventDefault(),this.toggleExpanded())}toggleExpanded(){let t=this.card;if(!t||ya())return;let a=t.getAttribute("data-expanded")==="true"?"false":"true";t.setAttribute("data-expanded",a)}renderLayout(){return x`
- `}};m(Qt,"variantStyle",b` + `}};g(hr,"variantStyle",S` :host([variant='simplified-pricing-express']) { --merch-card-simplified-pricing-express-width: 365px; --merch-card-simplified-pricing-express-padding: 24px; @@ -6822,7 +6820,7 @@ merch-card[variant="simplified-pricing-express"] [slot="cta"] a.spectrum-Button. max-height: 1000px; } } - `);_();var Ic=` + `);I();var Ul=` :root { --merch-card-full-pricing-express-width: 378px; --merch-card-full-pricing-express-mobile-width: 365px; @@ -6883,7 +6881,7 @@ merch-card-collection.full-pricing-express { } /* Desktop small - 2 columns */ -@media screen and ${P} and (max-width: 1399px) { +@media screen and ${H} and (max-width: 1399px) { merch-card-collection.full-pricing-express { grid-template-columns: repeat(2, 1fr); max-width: calc(2 * var(--merch-card-full-pricing-express-width) + 16px); @@ -7408,14 +7406,14 @@ merch-card[variant="full-pricing-express"] mas-mnemonic { margin-bottom: 0; } } -`;var Ln={title:{tag:"h3",slot:"heading-xs",maxCount:250,withSuffix:!0},badge:{tag:"div",slot:"badge",default:"spectrum-blue-400"},allowedBadgeColors:["spectrum-blue-400","spectrum-gray-300","spectrum-yellow-300","gradient-purple-blue","gradient-firefly-spectrum"],description:{tag:"div",slot:"body-s",maxCount:2e3,withSuffix:!1},shortDescription:{tag:"div",slot:"short-description",maxCount:3e3,withSuffix:!1},callout:{tag:"div",slot:"callout-content",editorLabel:"Price description"},prices:{tag:"div",slot:"price"},trialBadge:{tag:"div",slot:"trial-badge"},ctas:{slot:"cta",size:"XL"},mnemonics:{size:"xs"},borderColor:{attribute:"border-color",specialValues:{gray:"var(--spectrum-gray-300)",blue:"var(--spectrum-blue-400)","gradient-purple-blue":"linear-gradient(96deg, #B539C8 0%, #7155FA 66%, #3B63FB 100%)","gradient-firefly-spectrum":"linear-gradient(96deg, #D73220 0%, #D92361 33%, #7155FA 100%)"}},showAllSpectrumColors:!0,multiWhatsIncluded:"true",disabledAttributes:[]},Zt=class extends A{getGlobalCSS(){return Ic}get aemFragmentMapping(){return Ln}get headingSelector(){return'[slot="heading-xs"]'}get badgeElement(){return this.card.querySelector('[slot="badge"]')}get badge(){return u` +`;var yo={title:{tag:"h3",slot:"heading-xs",maxCount:250,withSuffix:!0},badge:{tag:"div",slot:"badge",default:"spectrum-blue-400"},allowedBadgeColors:["spectrum-blue-400","spectrum-gray-300","spectrum-yellow-300","gradient-purple-blue","gradient-firefly-spectrum"],description:{tag:"div",slot:"body-s",maxCount:2e3,withSuffix:!1},shortDescription:{tag:"div",slot:"short-description",maxCount:3e3,withSuffix:!1},callout:{tag:"div",slot:"callout-content",editorLabel:"Price description"},prices:{tag:"div",slot:"price"},trialBadge:{tag:"div",slot:"trial-badge"},ctas:{slot:"cta",size:"XL"},mnemonics:{size:"xs"},borderColor:{attribute:"border-color",specialValues:{gray:"var(--spectrum-gray-300)",blue:"var(--spectrum-blue-400)","gradient-purple-blue":"linear-gradient(96deg, #B539C8 0%, #7155FA 66%, #3B63FB 100%)","gradient-firefly-spectrum":"linear-gradient(96deg, #D73220 0%, #D92361 33%, #7155FA 100%)"}},showAllSpectrumColors:!0,multiWhatsIncluded:"true",disabledAttributes:[]},pr=class extends L{getGlobalCSS(){return Ul}get aemFragmentMapping(){return yo}get headingSelector(){return'[slot="heading-xs"]'}get badgeElement(){return this.card.querySelector('[slot="badge"]')}get badge(){return x`
- `}syncHeights(){this.card.getBoundingClientRect().width<=2||(["short-description","cta"].forEach(t=>this.updateCardElementMinHeight(this.card.querySelector(`[slot="${t}"]`),t)),this.updateCardElementMinHeight(this.card.shadowRoot?.querySelector(".price-container"),"price"))}async postCardUpdateHook(){if(this.card.isConnected&&(await this.card.updateComplete,await Promise.all(this.card.prices.map(t=>t.onceSettled())),window.matchMedia("(min-width: 1025px)").matches)){let t=this.getContainer();if(!t)return;let r=`--consonant-merch-card-${this.card.variant}`,i=t.style.getPropertyValue(`${r}-price-height`);requestAnimationFrame(i?()=>{this.syncHeights()}:()=>{t.querySelectorAll(`merch-card[variant="${this.card.variant}"]`).forEach(n=>n.variantLayout?.syncHeights?.())})}}renderLayout(){return u` + `}syncHeights(){this.card.getBoundingClientRect().width<=2||(["short-description","cta"].forEach(t=>this.updateCardElementMinHeight(this.card.querySelector(`[slot="${t}"]`),t)),this.updateCardElementMinHeight(this.card.shadowRoot?.querySelector(".price-container"),"price"))}async postCardUpdateHook(){if(this.card.isConnected&&(await this.card.updateComplete,await Promise.all(this.card.prices.map(t=>t.onceSettled())),window.matchMedia("(min-width: 1025px)").matches)){let t=this.getContainer();if(!t)return;let r=`--consonant-merch-card-${this.card.variant}`,i=t.style.getPropertyValue(`${r}-price-height`);requestAnimationFrame(i?()=>{this.syncHeights()}:()=>{t.querySelectorAll(`merch-card[variant="${this.card.variant}"]`).forEach(n=>n.variantLayout?.syncHeights?.())})}}renderLayout(){return x` ${this.badge}
@@ -7440,7 +7438,7 @@ merch-card[variant="full-pricing-express"] mas-mnemonic {
- `}};m(Zt,"variantStyle",b` + `}};g(pr,"variantStyle",S` :host([variant='full-pricing-express']) { /* CSS Variables */ --merch-card-full-pricing-express-width: 437px; @@ -7752,16 +7750,16 @@ merch-card[variant="full-pricing-express"] mas-mnemonic { margin-bottom: 24px; } } - `);_();var zc=` + `);I();var ql=` /* Headless variant: minimal container for label/value rows */ .headless { display: flex; flex-direction: column; padding: var(--consonant-merch-spacing-xs, 8px); } -`;var Dc={cardName:{attribute:"name"},title:{tag:"p",slot:"heading-xs"},cardTitle:{tag:"p",slot:"heading-xs"},subtitle:{tag:"p",slot:"body-xxs"},description:{tag:"div",slot:"body-xs"},promoText:{tag:"p",slot:"promo-text"},shortDescription:{tag:"p",slot:"short-description"},callout:{tag:"div",slot:"callout-content"},quantitySelect:{tag:"div",slot:"quantity-select"},whatsIncluded:{tag:"div",slot:"whats-included"},addonConfirmation:{tag:"div",slot:"addon-confirmation"},badge:{tag:"div",slot:"badge"},trialBadge:{tag:"div",slot:"trial-badge"},prices:{tag:"p",slot:"prices"},backgroundImage:{tag:"div",slot:"bg-image"},ctas:{slot:"footer",size:"m"},addon:!0,secureLabel:!0,borderColor:{attribute:"border-color"},backgroundColor:{attribute:"background-color"},size:[],mnemonics:{size:"m"}},Yh=[{slot:"bg-image",label:"Background Image"},{slot:"badge",label:"Badge"},{slot:"icons",label:"Mnemonic icon"},{slot:"heading-xs",label:"Title"},{slot:"body-xxs",label:"Subtitle"},{slot:"body-xs",label:"Product description"},{slot:"promo-text",label:"Promo Text"},{slot:"callout-content",label:"Callout text"},{slot:"short-description",label:"Short Description"},{slot:"trial-badge",label:"Trial Badge"},{slot:"prices",label:"Product price"},{slot:"quantity-select",label:"Quantity select"},{slot:"addon",label:"Addon"},{slot:"whats-included",label:"What's included"},{slot:"addon-confirmation",label:"Addon confirmation"},{slot:"footer",label:"CTAs"}],Jt=class extends A{constructor(t){super(t)}getGlobalCSS(){return zc}renderLayout(){return u` +`;var Gl={cardName:{attribute:"name"},title:{tag:"p",slot:"heading-xs"},cardTitle:{tag:"p",slot:"heading-xs"},subtitle:{tag:"p",slot:"body-xxs"},description:{tag:"div",slot:"body-xs"},promoText:{tag:"p",slot:"promo-text"},shortDescription:{tag:"p",slot:"short-description"},callout:{tag:"div",slot:"callout-content"},quantitySelect:{tag:"div",slot:"quantity-select"},whatsIncluded:{tag:"div",slot:"whats-included"},addonConfirmation:{tag:"div",slot:"addon-confirmation"},badge:{tag:"div",slot:"badge"},trialBadge:{tag:"div",slot:"trial-badge"},prices:{tag:"p",slot:"prices"},backgroundImage:{tag:"div",slot:"bg-image"},ctas:{slot:"footer",size:"m"},addon:!0,secureLabel:!0,borderColor:{attribute:"border-color"},backgroundColor:{attribute:"background-color"},size:[],mnemonics:{size:"m"}},Sm=[{slot:"bg-image",label:"Background Image"},{slot:"badge",label:"Badge"},{slot:"icons",label:"Mnemonic icon"},{slot:"heading-xs",label:"Title"},{slot:"body-xxs",label:"Subtitle"},{slot:"body-xs",label:"Product description"},{slot:"promo-text",label:"Promo Text"},{slot:"callout-content",label:"Callout text"},{slot:"short-description",label:"Short Description"},{slot:"trial-badge",label:"Trial Badge"},{slot:"prices",label:"Product price"},{slot:"quantity-select",label:"Quantity select"},{slot:"addon",label:"Addon"},{slot:"whats-included",label:"What's included"},{slot:"addon-confirmation",label:"Addon confirmation"},{slot:"footer",label:"CTAs"}],mr=class extends L{constructor(t){super(t)}getGlobalCSS(){return ql}renderLayout(){return x`
- ${Yh.map(({slot:t,label:r})=>u` + ${Sm.map(({slot:t,label:r})=>x`
${r} @@ -7769,16 +7767,16 @@ merch-card[variant="full-pricing-express"] mas-mnemonic {
`)} - ${this.card.secureLabel?u` + ${this.card.secureLabel?x`
Secure label ${this.secureLabel}
- `:w} + `:_}
- `}};m(Jt,"variantStyle",b` + `}};g(mr,"variantStyle",S` :host([variant='headless']) { border: none; background: transparent; @@ -7805,7 +7803,7 @@ merch-card[variant="full-pricing-express"] mas-mnemonic { :host([variant='headless']) .headless-value::slotted(*) { display: inline; } - `);_();var $c=` + `);I();var Vl=` merch-card[variant="mini"] { color: var(--spectrum-body-color); width: 400px; @@ -7838,7 +7836,7 @@ merch-card[variant="mini"] span.promo-duration-text, merch-card[variant="mini"] span.renewal-text { display: block; } -`;var Hc={title:{tag:"p",slot:"title"},prices:{tag:"p",slot:"prices"},description:{tag:"p",slot:"description"},planType:!0,ctas:{slot:"ctas",size:"S"}},er=class extends A{constructor(){super(...arguments);m(this,"legal")}async postCardUpdateHook(){await this.card.updateComplete,this.adjustLegal()}getGlobalCSS(){return $c}get headingSelector(){return'[slot="title"]'}priceOptionsProvider(r,i){i.literals={...i.literals,strikethroughAriaLabel:"",alternativePriceAriaLabel:""},i.space=!0,i.displayAnnual=this.card.settings?.displayAnnual??!1}adjustLegal(){if(this.legal!==void 0)return;let r=this.card.querySelector(`${D}[data-template="price"]`);if(!r)return;let i=r.cloneNode(!0);this.legal=i,r.dataset.displayTax="false",r.dataset.displayPerUnit="false",i.dataset.template="legal",i.dataset.displayPlanType=this.card?.settings?.displayPlanType??!0,i.setAttribute("slot","legal"),this.card.appendChild(i)}renderLayout(){return u` +`;var jl={title:{tag:"p",slot:"title"},prices:{tag:"p",slot:"prices"},description:{tag:"p",slot:"description"},planType:!0,ctas:{slot:"ctas",size:"S"}},ur=class extends L{constructor(){super(...arguments);g(this,"legal")}async postCardUpdateHook(){await this.card.updateComplete,this.adjustLegal()}getGlobalCSS(){return Vl}get headingSelector(){return'[slot="title"]'}priceOptionsProvider(r,i){i.literals={...i.literals,strikethroughAriaLabel:"",alternativePriceAriaLabel:""},i.space=!0,i.displayAnnual=this.card.settings?.displayAnnual??!1}adjustLegal(){if(this.legal!==void 0)return;let r=this.card.querySelector(`${O}[data-template="price"]`);if(!r)return;let i=r.cloneNode(!0);this.legal=i,r.dataset.displayTax="false",r.dataset.displayPerUnit="false",i.dataset.template="legal",i.dataset.displayPlanType=this.card?.settings?.displayPlanType??!0,i.setAttribute("slot","legal"),this.card.appendChild(i)}renderLayout(){return x` ${this.badge}
@@ -7847,14 +7845,14 @@ merch-card[variant="mini"] span.renewal-text {
- `}};m(er,"variantStyle",b` + `}};g(ur,"variantStyle",S` :host([variant='mini']) { min-width: 209px; min-height: 103px; background-color: var(--spectrum-background-base-color); border: 1px solid var(--consonant-merch-card-border-color, #dadada); } - `);var Wi=new Map,Bc=new WeakMap,Fc=new Map,G=(e,t,r=null,i=null,a)=>{Wi.set(e,{class:t,fragmentMapping:r,style:i,collectionOptions:a})};G("catalog",qt,mc,qt.variantStyle);G("image",wt);G("inline-heading",Vi);G("mini-compare-chart",Vt,vc,Vt.variantStyle);G("mini-compare-chart-mweb",jt,yc,jt.variantStyle);G("plans",ge,ji,ge.variantStyle,ge.collectionOptions);G("plans-students",ge,Ac,ge.variantStyle,ge.collectionOptions);G("plans-education",ge,Ec,ge.variantStyle,ge.collectionOptions);G("plans-v2",Ke,Cc,Ke.variantStyle,Ke.collectionOptions);G("product",Wt,kc,Wt.variantStyle);G("segment",Yt,Pc,Yt.variantStyle);G("media",Xt,Mc,Xt.variantStyle);G("headless",Jt,Dc,Jt.variantStyle);G("special-offers",Kt,Oc,Kt.variantStyle);G("simplified-pricing-express",Qt,Pn,Qt.variantStyle);G("full-pricing-express",Zt,Ln,Zt.variantStyle);G("mini",er,Hc,er.variantStyle);G("image",wt,gc,wt.variantStyle);var Xh=(e,t,r)=>{try{let i=Fc.get(e.variant);if(i||(i=new CSSStyleSheet,i.replaceSync(t.cssText),Fc.set(e.variant,i)),r?.styleSheet&&r.styleSheet!==i){let a=e.shadowRoot.adoptedStyleSheets.indexOf(r.styleSheet);a!==-1&&e.shadowRoot.adoptedStyleSheets.splice(a,1)}return e.shadowRoot.adoptedStyleSheets.includes(i)||e.shadowRoot.adoptedStyleSheets.push(i),{styleSheet:i}}catch{let a=document.createElement("style");a.textContent=t.cssText,a.setAttribute("data-variant-style",e.variant);let n=r?.styleElement||e.shadowRoot.querySelector("[data-variant-style]");return n&&n.remove(),e.shadowRoot.appendChild(a),{styleElement:a}}},Mn=e=>{let t=Wi.get(e.variant);if(!t)return;let{class:r,style:i}=t,a=Bc.get(e);if(a?.appliedVariant===e.variant)return new r(e);let n=i?Xh(e,i,a):{};return Bc.set(e,{appliedVariant:e.variant,...n}),new r(e)};function qi(e){return Wi.get(e)?.fragmentMapping}function Uc(e){return Wi.get(e)?.collectionOptions}var Gc=document.createElement("style");Gc.innerHTML=` + `);var _a=new Map,Wl=new WeakMap,Yl=new Map,K=(e,t,r=null,i=null,a)=>{r!==null&&(t.fragmentMapping=r),_a.set(e,{class:t,fragmentMapping:r,style:i,collectionOptions:a})};K("catalog",ar,wl,ar.variantStyle);K("image",Nt);K("inline-heading",Ca);K("mini-compare-chart",nr,Ta,nr.variantStyle);K("mini-compare-chart-mweb",or,kl,or.variantStyle);K("plans",we,ka,we.variantStyle,we.collectionOptions);K("plans-students",we,Pl,we.variantStyle,we.collectionOptions);K("plans-education",we,Ll,we.variantStyle,we.collectionOptions);K("plans-v2",lt,Rl,lt.variantStyle,lt.collectionOptions);K("product",sr,Ol,sr.variantStyle);K("segment",cr,Hl,cr.variantStyle);K("media",lr,$l,lr.variantStyle);K("headless",mr,Gl,mr.variantStyle);K("special-offers",dr,Bl,dr.variantStyle);K("simplified-pricing-express",hr,vo,hr.variantStyle);K("full-pricing-express",pr,yo,pr.variantStyle);K("mini",ur,jl,ur.variantStyle);K("image",Nt,Al,Nt.variantStyle);var Cm=(e,t,r)=>{try{let i=Yl.get(e.variant);if(i||(i=new CSSStyleSheet,i.replaceSync(t.cssText),Yl.set(e.variant,i)),r?.styleSheet&&r.styleSheet!==i){let a=e.shadowRoot.adoptedStyleSheets.indexOf(r.styleSheet);a!==-1&&e.shadowRoot.adoptedStyleSheets.splice(a,1)}return e.shadowRoot.adoptedStyleSheets.includes(i)||e.shadowRoot.adoptedStyleSheets.push(i),{styleSheet:i}}catch{let a=document.createElement("style");a.textContent=t.cssText,a.setAttribute("data-variant-style",e.variant);let n=r?.styleElement||e.shadowRoot.querySelector("[data-variant-style]");return n&&n.remove(),e.shadowRoot.appendChild(a),{styleElement:a}}},wo=e=>{let t=_a.get(e.variant);if(!t)return;let{class:r,style:i}=t,a=Wl.get(e);if(a?.appliedVariant===e.variant)return new r(e);let n=i?Cm(e,i,a):{};return Wl.set(e,{appliedVariant:e.variant,...n}),new r(e)};function Xl(e){return _a.get(e)?.fragmentMapping}function Kl(e){return _a.get(e)?.collectionOptions}var Ql=document.createElement("style");Ql.innerHTML=` :root { --consonant-merch-card-detail-font-size: 12px; --consonant-merch-card-detail-font-weight: 500; @@ -8673,7 +8671,7 @@ merch-card[border-color="spectrum-red-700-plans"] { } } -@media screen and ${re} { +@media screen and ${se} { merch-card [slot='callout-content'] .icon-button::before { top: unset; left: unset; @@ -8698,7 +8696,7 @@ merch-card[border-color="spectrum-red-700-plans"] { text-align: right; } -@media screen and ${B} { +@media screen and ${W} { .two-merch-cards, .three-merch-cards, .four-merch-cards, @@ -8714,7 +8712,7 @@ merch-card[border-color="spectrum-red-700-plans"] { } } -@media screen and ${P} { +@media screen and ${H} { .four-merch-cards, .section.four-merch-cards > .content { @@ -8733,7 +8731,7 @@ merch-card[border-color="spectrum-red-700-plans"] { } } -@media screen and ${oe} { +@media screen and ${de} { .four-merch-cards, merch-sidenav ~ .four-merch-cards, .section.four-merch-cards > .content { @@ -8741,9 +8739,9 @@ merch-card[border-color="spectrum-red-700-plans"] { } } -`;document.head.appendChild(Gc);var qc="fragment",Vc="author",jc="preview",Wc="loading",Yc="timeout",Rn="aem-fragment",Xc="eager",Kc="cache",Kh=[Xc,Kc],Ne,Et,ke,On=class{constructor(){E(this,Ne,new Map);E(this,Et,new Map);E(this,ke,new Map)}clear(){p(this,Ne).clear(),p(this,Et).clear(),p(this,ke).clear()}add(t,r=!0){if(!this.has(t.id)&&!this.has(t.fields?.originalId)){if(p(this,Ne).set(t.id,t),t.fields?.originalId&&p(this,Ne).set(t.fields.originalId,t),p(this,ke).has(t.id)){let[,i]=p(this,ke).get(t.id);i()}if(p(this,ke).has(t.fields?.originalId)){let[,i]=p(this,ke).get(t.fields?.originalId);i()}if(!(!r||typeof t.references!="object"||Array.isArray(t.references)))for(let i in t.references){let{type:a,value:n}=t.references[i];a==="content-fragment"&&(n.settings={...t?.settings,...n.settings},n.placeholders={...t?.placeholders,...n.placeholders},n.dictionary={...t?.dictionary,...n.dictionary},n.priceLiterals={...t?.priceLiterals,...n.priceLiterals},this.add(n,t))}}}has(t){return p(this,Ne).has(t)}entries(){return p(this,Ne).entries()}get(t){return p(this,Ne).get(t)}getAsPromise(t){let[r]=p(this,ke).get(t)??[];if(r)return r;let i;return r=new Promise(a=>{i=a,this.has(t)&&a()}),p(this,ke).set(t,[r,i]),r}getFetchInfo(t){let r=p(this,Et).get(t);return r||(r={url:null,retryCount:0,stale:!1,measure:null,status:null},p(this,Et).set(t,r)),r}remove(t){p(this,Ne).delete(t),p(this,Et).delete(t),p(this,ke).delete(t)}};Ne=new WeakMap,Et=new WeakMap,ke=new WeakMap;var Qe=new On,tr,_e,Ue,Ee,fe,J,Yr,Xr,Pe,Kr,Qr,rr,Le,Qc,Zc,Nn,Jc,Yi=class extends HTMLElement{constructor(){super(...arguments);E(this,Le);m(this,"cache",Qe);E(this,tr);E(this,_e,null);E(this,Ue,null);E(this,Ee,null);E(this,fe);E(this,J);E(this,Yr,Xc);E(this,Xr,5e3);E(this,Pe);E(this,Kr,!1);E(this,Qr,0);E(this,rr)}static get observedAttributes(){return[qc,Wc,Yc,Vc,jc]}attributeChangedCallback(r,i,a){r===qc&&(y(this,fe,a),y(this,J,Qe.getFetchInfo(a))),r===Wc&&Kh.includes(a)&&y(this,Yr,a),r===Yc&&y(this,Xr,parseInt(a,10)),r===Vc&&y(this,Kr,["","true"].includes(a)),r===jc&&y(this,rr,a)}connectedCallback(){if(!p(this,Pe)){if(p(this,Ee)??y(this,Ee,mt(this)),y(this,rr,p(this,Ee).settings?.preview),p(this,tr)??y(this,tr,p(this,Ee).log.module(`${Rn}[${p(this,fe)}]`)),!p(this,fe)||p(this,fe)==="#"){p(this,J)??y(this,J,Qe.getFetchInfo("missing-fragment-id")),Z(this,Le,Nn).call(this,"Missing fragment id");return}this.refresh(!1)}}get fetchInfo(){return Object.fromEntries(Object.entries(p(this,J)).filter(([r,i])=>i!=null).map(([r,i])=>[`aem-fragment:${r}`,i]))}async refresh(r=!0){if(p(this,Pe)&&!await Promise.race([p(this,Pe),Promise.resolve(!1)]))return;r&&Qe.remove(p(this,fe)),p(this,Yr)===Kc&&await Promise.race([Qe.getAsPromise(p(this,fe)),new Promise(s=>setTimeout(s,p(this,Xr)))]);try{y(this,Pe,Z(this,Le,Jc).call(this)),await p(this,Pe)}catch(s){return Z(this,Le,Nn).call(this,s.message),!1}let{references:i,referencesTree:a,placeholders:n,wcs:o}=p(this,_e)||{};return o&&!F("mas.disableWcsCache")&&p(this,Ee).prefillWcsCache(o),this.dispatchEvent(new CustomEvent(at,{detail:{...this.data,references:i,referencesTree:a,placeholders:n,...p(this,J)},bubbles:!0,composed:!0})),p(this,Pe)}get updateComplete(){return p(this,Pe)??Promise.reject(new Error("AEM fragment cannot be loaded"))}get data(){return p(this,Ue)?p(this,Ue):(p(this,Kr)?this.transformAuthorData():this.transformPublishData(),p(this,Ue))}get rawData(){return p(this,_e)}transformAuthorData(){let{fields:r,id:i,tags:a,settings:n={},priceLiterals:o={},dictionary:s={},placeholders:c={}}=p(this,_e);y(this,Ue,r.reduce((l,{name:d,multiple:h,values:g})=>(l.fields[d]=h?g:g[0],l),{fields:{},id:i,tags:a,settings:n,priceLiterals:o,dictionary:s,placeholders:c}))}transformPublishData(){let{fields:r,id:i,tags:a,settings:n={},priceLiterals:o={},dictionary:s={},placeholders:c={}}=p(this,_e);y(this,Ue,Object.entries(r).reduce((l,[d,h])=>(l.fields[d]=h?.mimeType?h.value:h??"",l),{fields:{},id:i,tags:a,settings:n,priceLiterals:o,dictionary:s,placeholders:c}))}getFragmentClientUrl(){let i=new URLSearchParams(window.location.search).get("maslibs");if(!i||i.trim()==="")return"https://mas.adobe.com/studio/libs/fragment-client.js";let a=i.trim().toLowerCase();if(a==="local")return"http://localhost:3000/studio/libs/fragment-client.js";let{hostname:n}=window.location,o=n.endsWith(".page")?"page":"live";return a.includes("--")?`https://${a}.aem.${o}/studio/libs/fragment-client.js`:`https://${a}--mas--adobecom.aem.${o}/studio/libs/fragment-client.js`}async generatePreview(){let r=this.getFragmentClientUrl(),{previewFragment:i}=await import(r);return await i(p(this,fe),{locale:p(this,Ee).settings.locale,apiKey:p(this,Ee).settings.wcsApiKey,fullContext:!0})}};tr=new WeakMap,_e=new WeakMap,Ue=new WeakMap,Ee=new WeakMap,fe=new WeakMap,J=new WeakMap,Yr=new WeakMap,Xr=new WeakMap,Pe=new WeakMap,Kr=new WeakMap,Qr=new WeakMap,rr=new WeakMap,Le=new WeakSet,Qc=async function(r){Jn(this,Qr)._++;let i=`${Rn}:${p(this,fe)}:${p(this,Qr)}`,a=`${i}${st}`,n=`${i}${ct}`;if(p(this,rr)){let s=await this.generatePreview();if(s.status===200)return s.body;throw new Re(`Failed to generate preview: ${s.message}`,{})}performance.mark(a);let o;try{if(p(this,J).stale=!1,p(this,J).url=r,o=await Ni(r,{cache:"default",credentials:"omit"}),Z(this,Le,Zc).call(this,o),p(this,J).status=o?.status,p(this,J).measure=Oe(performance.measure(n,a)),p(this,J).retryCount=o.retryCount,!o?.ok)throw new Re("Unexpected fragment response",{response:o,...p(this,Ee).duration});return await o.json()}catch(s){if(p(this,J).measure=Oe(performance.measure(n,a)),p(this,J).retryCount=s.retryCount,p(this,_e))return p(this,J).stale=!0,p(this,tr).error("Serving stale data",p(this,J)),p(this,_e);let c=s.message??"unknown";throw new Re(`Failed to fetch fragment: ${c}`,{})}},Zc=function(r){Object.assign(p(this,J),vi(r))},Nn=function(r){y(this,Pe,null),p(this,J).message=r,this.classList.add("error");let i={...p(this,J),...p(this,Ee).duration};p(this,tr).error(r,i),this.dispatchEvent(new CustomEvent(nt,{detail:i,bubbles:!0,composed:!0}))},Jc=async function(){var c;this.classList.remove("error"),y(this,Ue,null);let r=Qe.get(p(this,fe));if(r)return y(this,_e,r),!0;let{masIOUrl:i,wcsApiKey:a,country:n,locale:o}=p(this,Ee).settings,s=`${i}/fragment?id=${p(this,fe)}&api_key=${a}&locale=${o}`;return n&&!o.endsWith(`_${n}`)&&(s+=`&country=${n}`),r=await Z(this,Le,Qc).call(this,s),(c=r.fields).originalId??(c.originalId=p(this,fe)),Qe.add(r),y(this,_e,r),!0},m(Yi,"cache",Qe);customElements.define(Rn,Yi);_();Ur();var el={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},tl=e=>(...t)=>({_$litDirective$:e,values:t}),Xi=class{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,r,i){this._$Ct=t,this._$AM=r,this._$Ci=i}_$AS(t,r){return this.update(t,r)}update(t,r){return this.render(...r)}};var Zr=class extends Xi{constructor(t){if(super(t),this.et=w,t.type!==el.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===w||t==null)return this.ft=void 0,this.et=t;if(t===Fe)return t;if(typeof t!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.et)return this.ft;this.et=t;let r=[t];return r.raw=r,this.ft={_$litType$:this.constructor.resultType,strings:r,values:[]}}};Zr.directiveName="unsafeHTML",Zr.resultType=1;var rl=tl(Zr);var Qh=e=>e?e.startsWith("sp-icon-")?u`${rl(`<${e} class="badge-icon">`)}`:u``:w,ir=class extends U{constructor(){super(),this.color="",this.variant="",this.backgroundColor="",this.borderColor="",this.text=this.textContent,this.icon=""}connectedCallback(){this.borderColor&&this.borderColor!=="transparent"?this.style.setProperty("--merch-badge-border",`1px solid var(--${this.borderColor})`):this.backgroundColor.startsWith("gradient-")||this.style.setProperty("--merch-badge-border",`1px solid var(--${this.backgroundColor})`),this.style.setProperty("--merch-badge-background-color",`var(--${this.backgroundColor})`),(!this.borderColor||this.borderColor==="transparent")&&this.backgroundColor.startsWith("gradient-")?this.style.setProperty("--merch-badge-padding","3px 11px 4px 11px"):this.style.setProperty("--merch-badge-padding","2px 10px 3px 10px"),this.style.setProperty("--merch-badge-color",this.color),this.style.setProperty("--merch-badge-font-size","var(--consonant-merch-card-body-xs-font-size)"),this.querySelector('span[is="inline-price"]')||(this.textContent="");let t=this.closest("merch-card"),r=t?.getAttribute("size"),i=t?.querySelectorAll(":scope > merch-icon").length||0;this.style.setProperty("--merch-badge-offset",i),this.style.setProperty("--merch-badge-with-offset",i?1:0),this.style.setProperty("--merch-badge-card-size",r?2:1),super.connectedCallback()}render(){return u`
- ${Qh(this.icon)}${this.text} -
`}};m(ir,"properties",{color:{type:String},variant:{type:String},backgroundColor:{type:String,attribute:"background-color"},borderColor:{type:String,attribute:"border-color"},icon:{type:String}}),m(ir,"styles",b` +`;document.head.appendChild(Ql);var Zl="fragment",Jl="author",ed="preview",td="loading",rd="timeout",Eo="aem-fragment",id="eager",ad="cache",Tm=[id,ad],Ge,Ot,He,Ao=class{constructor(){A(this,Ge,new Map);A(this,Ot,new Map);A(this,He,new Map)}clear(){m(this,Ge).clear(),m(this,Ot).clear(),m(this,He).clear()}add(t,r=!0){if(!this.has(t.id)&&!this.has(t.fields?.originalId)){if(m(this,Ge).set(t.id,t),t.fields?.originalId&&m(this,Ge).set(t.fields.originalId,t),m(this,He).has(t.id)){let[,i]=m(this,He).get(t.id);i()}if(m(this,He).has(t.fields?.originalId)){let[,i]=m(this,He).get(t.fields?.originalId);i()}if(!(!r||typeof t.references!="object"||Array.isArray(t.references)))for(let i in t.references){let{type:a,value:n}=t.references[i];a==="content-fragment"&&(n.settings={...t?.settings,...n.settings},n.placeholders={...t?.placeholders,...n.placeholders},n.dictionary={...t?.dictionary,...n.dictionary},n.priceLiterals={...t?.priceLiterals,...n.priceLiterals},this.add(n,t))}}}has(t){return m(this,Ge).has(t)}entries(){return m(this,Ge).entries()}get(t){return m(this,Ge).get(t)}getAsPromise(t){let[r]=m(this,He).get(t)??[];if(r)return r;let i;return r=new Promise(a=>{i=a,this.has(t)&&a()}),m(this,He).set(t,[r,i]),r}getFetchInfo(t){let r=m(this,Ot).get(t);return r||(r={url:null,retryCount:0,stale:!1,measure:null,status:null},m(this,Ot).set(t,r)),r}remove(t){m(this,Ge).delete(t),m(this,Ot).delete(t),m(this,He).delete(t)}};Ge=new WeakMap,Ot=new WeakMap,He=new WeakMap;var dt=new Ao,gr,ze,tt,ke,Ee,ne,gi,fi,$e,bi,xi,fr,De,nd,od,So,sd,La=class extends HTMLElement{constructor(){super(...arguments);A(this,De);g(this,"cache",dt);A(this,gr);A(this,ze,null);A(this,tt,null);A(this,ke,null);A(this,Ee);A(this,ne);A(this,gi,id);A(this,fi,5e3);A(this,$e);A(this,bi,!1);A(this,xi,0);A(this,fr)}static get observedAttributes(){return[Zl,td,rd,Jl,ed]}attributeChangedCallback(r,i,a){r===Zl&&(E(this,Ee,a),E(this,ne,dt.getFetchInfo(a))),r===td&&Tm.includes(a)&&E(this,gi,a),r===rd&&E(this,fi,parseInt(a,10)),r===Jl&&E(this,bi,["","true"].includes(a)),r===ed&&E(this,fr,a)}connectedCallback(){if(!m(this,$e)){if(m(this,ke)??E(this,ke,Ie(this)),E(this,fr,m(this,ke).settings?.preview),m(this,gr)??E(this,gr,m(this,ke).log.module(`${Eo}[${m(this,Ee)}]`)),!m(this,Ee)||m(this,Ee)==="#"){m(this,ne)??E(this,ne,dt.getFetchInfo("missing-fragment-id")),ie(this,De,So).call(this,"Missing fragment id");return}this.refresh(!1)}}get fetchInfo(){return Object.fromEntries(Object.entries(m(this,ne)).filter(([r,i])=>i!=null).map(([r,i])=>[`aem-fragment:${r}`,i]))}async refresh(r=!0){if(m(this,$e)&&!await Promise.race([m(this,$e),Promise.resolve(!1)]))return;r&&dt.remove(m(this,Ee)),m(this,gi)===ad&&await Promise.race([dt.getAsPromise(m(this,Ee)),new Promise(s=>setTimeout(s,m(this,fi)))]);try{E(this,$e,ie(this,De,sd).call(this)),await m(this,$e)}catch(s){return ie(this,De,So).call(this,s.message),!1}let{references:i,referencesTree:a,placeholders:n,wcs:o}=m(this,ze)||{};return o&&!Y("mas.disableWcsCache")&&m(this,ke).prefillWcsCache(o),this.dispatchEvent(new CustomEvent(pe,{detail:{...this.data,references:i,referencesTree:a,placeholders:n,...m(this,ne)},bubbles:!0,composed:!0})),m(this,$e)}get updateComplete(){return m(this,$e)??Promise.reject(new Error("AEM fragment cannot be loaded"))}get data(){return m(this,tt)?m(this,tt):(m(this,bi)?this.transformAuthorData():this.transformPublishData(),m(this,tt))}get rawData(){return m(this,ze)}transformAuthorData(){let{fields:r,id:i,tags:a,settings:n={},priceLiterals:o={},dictionary:s={},placeholders:c={}}=m(this,ze);E(this,tt,r.reduce((l,{name:d,multiple:h,values:p})=>(l.fields[d]=h?p:p[0],l),{fields:{},id:i,tags:a,settings:n,priceLiterals:o,dictionary:s,placeholders:c}))}transformPublishData(){let{fields:r,id:i,tags:a,settings:n={},priceLiterals:o={},dictionary:s={},placeholders:c={}}=m(this,ze);E(this,tt,Object.entries(r).reduce((l,[d,h])=>(l.fields[d]=h?.mimeType?h.value:h??"",l),{fields:{},id:i,tags:a,settings:n,priceLiterals:o,dictionary:s,placeholders:c}))}getFragmentClientUrl(){let i=new URLSearchParams(window.location.search).get("maslibs");if(!i||i.trim()==="")return"https://mas.adobe.com/studio/libs/fragment-client.js";let a=i.trim().toLowerCase();if(a==="local")return"http://localhost:3000/studio/libs/fragment-client.js";let{hostname:n}=window.location,o=n.endsWith(".page")?"page":"live";return a.includes("--")?`https://${a}.aem.${o}/studio/libs/fragment-client.js`:`https://${a}--mas--adobecom.aem.${o}/studio/libs/fragment-client.js`}async generatePreview(){let r=this.getFragmentClientUrl(),{previewFragment:i}=await import(r);return await i(m(this,Ee),{locale:m(this,ke).settings.locale,apiKey:m(this,ke).settings.wcsApiKey,fullContext:!0})}};gr=new WeakMap,ze=new WeakMap,tt=new WeakMap,ke=new WeakMap,Ee=new WeakMap,ne=new WeakMap,gi=new WeakMap,fi=new WeakMap,$e=new WeakMap,bi=new WeakMap,xi=new WeakMap,fr=new WeakMap,De=new WeakSet,nd=async function(r){Ft(this,xi)._++;let i=`${Eo}:${m(this,Ee)}:${m(this,xi)}`,a=`${i}${Re}`,n=`${i}${Ne}`;if(m(this,fr)){let s=await this.generatePreview();if(s.status===200)return s.body;throw new qe(`Failed to generate preview: ${s.message}`,{})}performance.mark(a);let o;try{if(m(this,ne).stale=!1,m(this,ne).url=r,o=await ma(r,{cache:"default",credentials:"omit"}),ie(this,De,od).call(this,o),m(this,ne).status=o?.status,m(this,ne).measure=xe(performance.measure(n,a)),m(this,ne).retryCount=o.retryCount,!o?.ok)throw new qe("Unexpected fragment response",{response:o,...m(this,ke).duration});return await o.json()}catch(s){if(m(this,ne).measure=xe(performance.measure(n,a)),m(this,ne).retryCount=s.retryCount,m(this,ze))return m(this,ne).stale=!0,m(this,gr).error("Serving stale data",m(this,ne)),m(this,ze);let c=s.message??"unknown";throw new qe(`Failed to fetch fragment: ${c}`,{})}},od=function(r){Object.assign(m(this,ne),Qi(r))},So=function(r){E(this,$e,null),m(this,ne).message=r,this.classList.add("error");let i={...m(this,ne),...m(this,ke).duration};m(this,gr).error(r,i),this.dispatchEvent(new CustomEvent(me,{detail:i,bubbles:!0,composed:!0}))},sd=async function(){var c;this.classList.remove("error"),E(this,tt,null);let r=dt.get(m(this,Ee));if(r)return E(this,ze,r),!0;let{masIOUrl:i,wcsApiKey:a,country:n,locale:o}=m(this,ke).settings,s=`${i}/fragment?id=${m(this,Ee)}&api_key=${a}&locale=${o}`;return n&&!o.endsWith(`_${n}`)&&(s+=`&country=${n}`),r=await ie(this,De,nd).call(this,s),(c=r.fields).originalId??(c.originalId=m(this,Ee)),dt.add(r),E(this,ze,r),!0},g(La,"cache",dt);customElements.define(Eo,La);I();bo();var km=e=>e?e.startsWith("sp-icon-")?x`${Ea(`<${e} class="badge-icon">`)}`:x``:_,br=class extends X{constructor(){super(),this.color="",this.variant="",this.backgroundColor="",this.borderColor="",this.text=this.textContent,this.icon=""}connectedCallback(){this.borderColor&&this.borderColor!=="transparent"?this.style.setProperty("--merch-badge-border",`1px solid var(--${this.borderColor})`):this.backgroundColor.startsWith("gradient-")||this.style.setProperty("--merch-badge-border",`1px solid var(--${this.backgroundColor})`),this.style.setProperty("--merch-badge-background-color",`var(--${this.backgroundColor})`),(!this.borderColor||this.borderColor==="transparent")&&this.backgroundColor.startsWith("gradient-")?this.style.setProperty("--merch-badge-padding","3px 11px 4px 11px"):this.style.setProperty("--merch-badge-padding","2px 10px 3px 10px"),this.style.setProperty("--merch-badge-color",this.color),this.style.setProperty("--merch-badge-font-size","var(--consonant-merch-card-body-xs-font-size)"),this.querySelector('span[is="inline-price"]')||(this.textContent="");let t=this.closest("merch-card"),r=t?.getAttribute("size"),i=t?.querySelectorAll(":scope > merch-icon").length||0;this.style.setProperty("--merch-badge-offset",i),this.style.setProperty("--merch-badge-with-offset",i?1:0),this.style.setProperty("--merch-badge-card-size",r?2:1),super.connectedCallback()}render(){return x`
+ ${km(this.icon)}${this.text} +
`}};g(br,"properties",{color:{type:String},variant:{type:String},backgroundColor:{type:String,attribute:"background-color"},borderColor:{type:String,attribute:"border-color"},icon:{type:String}}),g(br,"styles",S` :host { display: block; background: var(--merch-badge-background-color); @@ -8764,10 +8762,10 @@ merch-card[border-color="spectrum-red-700-plans"] { height: 18px; width: 18px; } - `);customElements.define("merch-badge",ir);_();var Jr=class extends U{constructor(){super()}render(){return u` + `);customElements.define("merch-badge",br);I();var vi=class extends X{constructor(){super()}render(){return x` ${this.description} - `}};m(Jr,"styles",b` + `}};g(vi,"styles",S` :host { display: flex; flex-wrap: nowrap; @@ -8792,12 +8790,12 @@ merch-card[border-color="spectrum-red-700-plans"] { :host .hidden { display: none; } - `),m(Jr,"properties",{description:{type:String,attribute:!0}});customElements.define("merch-mnemonic-list",Jr);_();var ei=class extends U{updated(){this.hideSeeMoreEls()}hideSeeMoreEls(){this.isMobile&&this.rows.forEach((t,r)=>{r>=5&&(t.style.display=this.showAll?"flex":"none")})}constructor(){super(),this.showAll=!1,this.mobileRows=this.mobileRows===void 0?5:this.mobileRows}toggle(){this.showAll=!this.showAll,this.dispatchEvent(new CustomEvent("hide-see-more-elements",{bubbles:!0,composed:!0})),this.requestUpdate()}render(){return u` + `),g(vi,"properties",{description:{type:String,attribute:!0}});customElements.define("merch-mnemonic-list",vi);I();var yi=class extends X{updated(){this.hideSeeMoreEls()}hideSeeMoreEls(){this.isMobile&&this.rows.forEach((t,r)=>{r>=5&&(t.style.display=this.showAll?"flex":"none")})}constructor(){super(),this.showAll=!1,this.mobileRows=this.mobileRows===void 0?5:this.mobileRows}toggle(){this.showAll=!this.showAll,this.dispatchEvent(new CustomEvent("hide-see-more-elements",{bubbles:!0,composed:!0})),this.requestUpdate()}render(){return x` - ${!this.isMobile||!this.bulletsAdded?u``:w} - ${this.isMobile&&this.rows.length>this.mobileRows&&!this.bulletsAdded?u`
+ ${!this.isMobile||!this.bulletsAdded?x``:_} + ${this.isMobile&&this.rows.length>this.mobileRows&&!this.bulletsAdded?x`
${this.showAll?"- See less":"+ See more"} -
`:w}`}get isMobile(){return window.matchMedia("(max-width: 767px)").matches}get rows(){return this.querySelectorAll('[slot="content"] merch-mnemonic-list')}get bulletsAdded(){return!!this.querySelector('[slot="contentBullets"] merch-mnemonic-list')}};m(ei,"styles",b` +
`:_}`}get isMobile(){return window.matchMedia("(max-width: 767px)").matches}get rows(){return this.querySelectorAll('[slot="content"] merch-mnemonic-list')}get bulletsAdded(){return!!this.querySelector('[slot="contentBullets"] merch-mnemonic-list')}};g(yi,"styles",S` :host { display: flex; flex-wrap: wrap; @@ -8838,7 +8836,7 @@ merch-card[border-color="spectrum-red-700-plans"] { text-decoration: underline; color: var(--link-color-dark); } - `),m(ei,"properties",{heading:{type:String,attribute:!0},mobileRows:{type:Number,attribute:!0}});customElements.define("merch-whats-included",ei);var Zh="#000000",In="#F8D904",Jh="#EAEAEA",ep="#31A547",tp=/(accent|primary|secondary)(-(outline|link))?/,rp="mas:product_code/",ip="daa-ll",Ki="daa-lh",ap=["XL","L","M","S"],zn="...";function Ae(e,t,r,i){let a=i[e];if(t[e]&&a){let n={slot:a?.slot,...a?.attributes},o=t[e];if(a.maxCount&&typeof o=="string"){let[c,l]=wp(o,a.maxCount,a.withSuffix);c!==o&&(n.title=l,o=c)}let s=ne(a.tag,n,o);r.append(s)}}function np(e,t,r){let a=(e.mnemonicIcon||[]).filter(o=>o).map((o,s)=>({icon:o,alt:e.mnemonicAlt?.[s]??"",link:e.mnemonicLink?.[s]??""}));a?.forEach(({icon:o,alt:s,link:c})=>{if(c&&!/^https?:/.test(c))try{c=new URL(`https://${c}`).href.toString()}catch{c="#"}let l={slot:"icons",src:o,loading:t.loading,size:r?.size??"l"};s&&(l.alt=s),c&&(l.href=c);let d=ne("merch-icon",l);t.append(d)});let n=t.shadowRoot.querySelector('slot[name="icons"]');n&&(n.style.display=a?.length?null:"none")}function op(e,t,r){if(r.badge?.slot){if(e.badge?.length&&!e.badge?.startsWith("${e.badge}`}Ae("badge",e,t,r)}else e.badge?(t.setAttribute("badge-text",e.badge),r.disabledAttributes?.includes("badgeColor")||t.setAttribute("badge-color",e.badgeColor||Zh),r.disabledAttributes?.includes("badgeBackgroundColor")||t.setAttribute("badge-background-color",e.badgeBackgroundColor||In),t.setAttribute("border-color",e.badgeBackgroundColor||In)):t.setAttribute("border-color",e.borderColor||Jh)}function sp(e,t,r){if(r.trialBadge&&e.trialBadge){if(!e.trialBadge.startsWith("${e.trialBadge}`}Ae("trialBadge",e,t,r)}}function cp(e,t,r){r?.includes(e.size)&&t.setAttribute("size",e.size)}function lp(e,t){e.cardName&&t.setAttribute("name",e.cardName)}function dp(e,t,r){e.cardTitle&&(e.cardTitle=ar(e.cardTitle)),Ae("cardTitle",e,t,{cardTitle:r})}function hp(e,t,r){Ae("subtitle",e,t,r)}function pp(e,t,r,i){if(!e.backgroundColor||e.backgroundColor.toLowerCase()==="default"){t.style.removeProperty("--merch-card-custom-background-color"),t.removeAttribute("background-color");return}r?.[e.backgroundColor]?(t.style.setProperty("--merch-card-custom-background-color",`var(${r[e.backgroundColor]})`),t.setAttribute("background-color",e.backgroundColor)):i?.attribute&&e.backgroundColor&&(t.setAttribute(i.attribute,e.backgroundColor),t.style.removeProperty("--merch-card-custom-background-color"))}function mp(e,t,r){let i=r?.borderColor,a="--consonant-merch-card-border-color";if(e.borderColor?.toLowerCase()==="transparent")t.style.setProperty(a,"transparent");else if(e.borderColor&&i){let o=i?.specialValues?.[e.borderColor]?.includes("gradient")||/-gradient/.test(e.borderColor),s=/^spectrum-.*-(plans|special-offers)$/.test(e.borderColor);if(o){t.setAttribute("gradient-border","true");let c=e.borderColor;if(i?.specialValues){for(let[l,d]of Object.entries(i.specialValues))if(d===e.borderColor){c=l;break}}t.setAttribute("border-color",c),t.style.removeProperty(a)}else s?(t.setAttribute("border-color",e.borderColor),t.style.setProperty(a,`var(--${e.borderColor})`)):t.style.setProperty(a,`var(--${e.borderColor})`)}}function up(e,t,r){if(e.backgroundImage){let i={loading:t.loading??"lazy",src:e.backgroundImage};if(e.backgroundImageAltText?i.alt=e.backgroundImageAltText:i.role="none",!r)return;if(r?.attribute){t.setAttribute(r.attribute,e.backgroundImage);return}t.append(ne(r.tag,{slot:r.slot},ne("img",i)))}}function ar(e){return!e||typeof e!="string"||e.includes("(Ui(),_n)).catch(console.error),e}function gp(e,t,r){e.prices&&(e.prices=ar(e.prices)),Ae("prices",e,t,r)}function al(e,t,r){let i=e.hasAttribute("data-wcs-osi")&&!!e.getAttribute("data-wcs-osi"),a=e.className||"",n=tp.exec(a)?.[0]??"accent",o=n.includes("accent"),s=n.includes("primary"),c=n.includes("secondary"),l=n.includes("-outline"),d=n.includes("-link");e.classList.remove("accent","primary","secondary");let h;if(t.consonant)h=Cp(e,o,i,d,s,c,r?.ctas?.size);else if(d)h=e;else{let g;o?g="accent":s?g="primary":c&&(g="secondary"),h=t.spectrum==="swc"?Sp(e,r,l,g,i):Ap(e,r,l,g,i)}return h}function fp(e,t){let{slot:r}=t?.description,i=e.querySelectorAll(`[slot="${r}"] a[data-wcs-osi]`);i.length&&i.forEach(a=>{let n=al(a,e,t);a.replaceWith(n)})}function xp(e,t,r){e.description&&(e.description=ar(e.description)),e.promoText&&(e.promoText=ar(e.promoText)),e.shortDescription&&(e.shortDescription=ar(e.shortDescription)),Ae("promoText",e,t,r),Ae("description",e,t,r),Ae("shortDescription",e,t,r),e.shortDescription&&(t.setAttribute("action-menu","true"),e.actionMenuLabel||t.setAttribute("action-menu-label","More options")),fp(t,r),Ae("callout",e,t,r),Ae("quantitySelect",e,t,r),Ae("whatsIncluded",e,t,r)}function vp(e,t,r){if(!r.addon)return;let i=e.addon?.replace(/[{}]/g,"");if(!i||/disabled/.test(i))return;let a=ne("merch-addon",{slot:"addon"},i);[...a.querySelectorAll(D)].forEach(n=>{let o=n.parentElement;o?.nodeName==="P"&&o.setAttribute("data-plan-type","")}),t.append(a)}function bp(e,t,r){e.addonConfirmation&&Ae("addonConfirmation",e,t,r)}function yp(e,t,r,i){i?.secureLabel&&r?.secureLabel&&t.setAttribute("secure-label",i.secureLabel)}function wp(e,t,r=!0){try{let i=typeof e!="string"?"":e,a=il(i);if(a.length<=t)return[i,a];let n=0,o=!1,s=r?t-zn.length<1?1:t-zn.length:t,c=[];for(let h of i){if(n++,h==="<")if(o=!0,i[n]==="/")c.pop();else{let g="";for(let f of i.substring(n)){if(f===" "||f===">")break;g+=f}c.push(g)}if(h==="/"&&i[n]===">"&&c.pop(),h===">"){o=!1;continue}if(!o&&(s--,s===0))break}let l=i.substring(0,n).trim();if(c.length>0){c[0]==="p"&&c.shift();for(let h of c.reverse())l+=``}return[`${l}${r?zn:""}`,a]}catch{let a=typeof e=="string"?e:"",n=il(a);return[a,n]}}function il(e){if(!e)return"";let t="",r=!1;for(let i of e){if(i==="<"&&(r=!0),i===">"){r=!1;continue}r||(t+=i)}return t}function Ep(e,t){t.querySelectorAll("a.upt-link").forEach(i=>{let a=Ye.createFrom(i);i.replaceWith(a),a.initializeWcsData(e.osi,e.promoCode)})}function Ap(e,t,r,i,a){let n=e;a?n=customElements.get("checkout-button").createCheckoutButton({},e.innerHTML):n.innerHTML=`${n.textContent}`,n.setAttribute("tabindex",0);for(let d of e.attributes)["class","is"].includes(d.name)||n.setAttribute(d.name,d.value);n.firstElementChild?.classList.add("spectrum-Button-label");let o=t?.ctas?.size??"M",s=`spectrum-Button--${i}`,c=ap.includes(o)?`spectrum-Button--size${o}`:"spectrum-Button--sizeM",l=["spectrum-Button",s,c];return r&&l.push("spectrum-Button--outline"),n.classList.add(...l),n}function Sp(e,t,r,i,a){let n=e;a&&(n=customElements.get("checkout-button").createCheckoutButton(e.dataset),n.connectedCallback(),n.render());let o="fill";r&&(o="outline");let s=ne("sp-button",{treatment:o,variant:i,tabIndex:0,size:t?.ctas?.size??"m",...e.dataset.analyticsId&&{"data-analytics-id":e.dataset.analyticsId}},e.innerHTML);return s.source=n,(a?n.onceSettled():Promise.resolve(n)).then(c=>{s.setAttribute("data-navigation-url",c.href)}),s.addEventListener("click",c=>{c.defaultPrevented||n.click()}),s}function Cp(e,t,r,i,a,n,o){let s=e;if(r)try{let c=customElements.get("checkout-link");c&&(s=c.createCheckoutLink(e.dataset,e.innerHTML)??e)}catch{}return i||(s.classList.add("button","con-button"),o&&o!=="m"&&s.classList.add(`button-${o}`),t&&s.classList.add("blue"),a&&s.classList.add("primary"),n&&s.classList.add("secondary")),s}function Tp(e,t,r,i){if(e.ctas){e.ctas=ar(e.ctas);let{slot:a}=r.ctas,n=ne("div",{slot:a},e.ctas),o=[...n.querySelectorAll("a")].map(s=>al(s,t,r));n.innerHTML="",n.append(...o),t.append(n)}}function kp(e,t){let{tags:r}=e,i=r?.find(n=>typeof n=="string"&&n.startsWith(rp))?.split("/").pop();if(!i)return;t.setAttribute(Ki,i),[...t.shadowRoot.querySelectorAll("a[data-analytics-id],button[data-analytics-id]"),...t.querySelectorAll("a[data-analytics-id],button[data-analytics-id]")].forEach((n,o)=>{n.setAttribute(ip,`${n.dataset.analyticsId}-${o+1}`)})}function _p(e){e.spectrum==="css"&&[["primary-link","primary"],["secondary-link","secondary"]].forEach(([t,r])=>{e.querySelectorAll(`a.${t}`).forEach(i=>{i.classList.remove(t),i.classList.add("spectrum-Link",`spectrum-Link--${r}`)})})}function Pp(e){e.querySelectorAll("[slot]").forEach(i=>{i.remove()}),e.variant=void 0,["checkbox-label","stock-offer-osis","secure-label","background-image","background-color","border-color","badge-background-color","badge-color","badge-text","gradient-border","size",Ki].forEach(i=>e.removeAttribute(i));let r=["wide-strip","thin-strip"];e.classList.remove(...r)}async function nl(e,t){if(!e){let c=t?.id||"unknown";throw console.error(`hydrate: Fragment is undefined. Cannot hydrate card (merchCard id: ${c}).`),new Error(`hydrate: Fragment is undefined for card (merchCard id: ${c}).`)}if(!e.fields){let c=e.id||"unknown",l=t?.id||"unknown";throw console.error(`hydrate: Fragment for card ID '${c}' (merchCard id: ${l}) is missing 'fields'. Cannot hydrate.`),new Error(`hydrate: Fragment for card ID '${c}' (merchCard id: ${l}) is missing 'fields'.`)}let{id:r,fields:i,settings:a={},priceLiterals:n}=e,{variant:o}=i;if(!o)throw new Error(`hydrate: no variant found in payload ${r}`);Pp(t),t.settings=a,n&&(t.priceLiterals=n),t.id??(t.id=e.id),t.variant=o,await t.updateComplete;let{aemFragmentMapping:s}=t.variantLayout;if(!s)throw new Error(`hydrate: variant mapping not found for ${r}`);s.style==="consonant"&&t.setAttribute("consonant",!0),np(i,t,s.mnemonics),sp(i,t,s),cp(i,t,s.size),lp(i,t),dp(i,t,s.title),op(i,t,s),hp(i,t,s),gp(i,t,s),up(i,t,s.backgroundImage),pp(i,t,s.allowedColors,s.backgroundColor),mp(i,t,s),xp(i,t,s),vp(i,t,s),bp(i,t,s),yp(i,t,s,a);try{Ep(i,t)}catch{}Tp(i,t,s,o),kp(i,t),_p(t)}var Hn="merch-card",Dn=2e4,ol="merch-card:",cl=["full-pricing-express","simplified-pricing-express"],ll=["segment","product"];function sl(e,t){let r=e.closest(Hn);if(!r)return t;r.priceLiterals&&(t.literals??(t.literals={}),Object.assign(t.literals,r.priceLiterals)),r.aemFragment&&(t[Te]=!0),r.variantLayout?.priceOptionsProvider?.(e,t)}function Lp(e){e.providers.has(sl)||e.providers.price(sl)}var ti=new IntersectionObserver(e=>{e.forEach(t=>{let r=t.target;if(cl.includes(r.variant)){if(r.clientHeight===0)return;ti.unobserve(r),r.requestUpdate();return}if(ll.includes(r.variant)){if(t.boundingClientRect.width===0)return;if(r.variant==="product"&&r.querySelector('merch-icon[slot="icons"]')){ti.unobserve(r);return}let i=r.getBoundingClientRect().width,n=r.querySelector('[slot="badge"]')?.getBoundingClientRect().width||0;if(i===0||n===0){ti.unobserve(r);return}r.style.setProperty("--consonant-merch-card-heading-xs-max-width",`${Math.round(i-n-16)}px`),ti.unobserve(r)}})}),Mp=0,nr,or,sr,Ge,St,Ie,Ct,X,At,ri,$n,Qi,Ze=class extends U{constructor(){super();E(this,X);E(this,nr);E(this,or);E(this,sr);E(this,Ge);E(this,St);E(this,Ie);E(this,Ct,new Promise(r=>{y(this,Ie,r)}));m(this,"customerSegment");m(this,"marketSegment");m(this,"variantLayout");this.id=null,this.failed=!1,this.filters={},this.types="",this.selected=!1,this.spectrum="css",this.loading="lazy",this.handleAemFragmentEvents=this.handleAemFragmentEvents.bind(this),this.handleMerchOfferSelectReady=this.handleMerchOfferSelectReady.bind(this)}firstUpdated(){this.variantLayout=Mn(this),this.variantLayout?.connectedCallbackHook()}willUpdate(r){(r.has("variant")||!this.variantLayout)&&(this.variantLayout?.disconnectedCallbackHook(),this.variantLayout=Mn(this),this.variantLayout?.connectedCallbackHook())}updated(r){(r.has("badgeBackgroundColor")||r.has("borderColor"))&&this.style.setProperty("--consonant-merch-card-border",this.computedBorderStyle),r.has("backgroundColor")&&this.style.setProperty("--merch-card-custom-background-color",this.backgroundColor?`var(--${this.backgroundColor})`:"");try{this.variantLayoutPromise=this.variantLayout?.postCardUpdateHook(r)}catch(i){Z(this,X,At).call(this,`Error in postCardUpdateHook: ${i.message}`,{},!1)}}get theme(){return this.closest("sp-theme")}get dir(){return this.closest("[dir]")?.getAttribute("dir")??"ltr"}render(){if(!(!this.isConnected||!this.variantLayout||this.style.display==="none"))return this.variantLayout.renderLayout()}get computedBorderStyle(){return["ccd-slice","ccd-suggested","ah-promoted-plans","simplified-pricing-express","full-pricing-express"].includes(this.variant)?"":`1px solid ${this.borderColor?this.borderColor:this.badgeBackgroundColor}`}get badgeElement(){return this.shadowRoot.getElementById("badge")}get headingmMSlot(){return this.shadowRoot.querySelector('slot[name="heading-m"]').assignedElements()[0]}get footerSlot(){return this.shadowRoot.querySelector('slot[name="footer"]')?.assignedElements()[0]}get descriptionSlot(){return this.shadowRoot.querySelector('slot[name="body-xs"')?.assignedElements()[0]}get descriptionSlotCompare(){return this.shadowRoot.querySelector('slot[name="body-m"')?.assignedElements()[0]}get iconButton(){return this.querySelector('[slot="callout-content"] .icon-button')}get price(){return this.headingmMSlot?.querySelector(D)}get checkoutLinks(){return[...this.footerSlot?.querySelectorAll(Se)??[]]}get checkoutLinksDescription(){return[...this.descriptionSlot?.querySelectorAll(Se)??[]]}get checkoutLinkDescriptionCompare(){return[...this.descriptionSlotCompare?.querySelectorAll(Se)??[]]}get activeDescriptionLinks(){return this.variant==="mini-compare-chart"||this.variant==="mini-compare-chart-mweb"?this.checkoutLinkDescriptionCompare:this.checkoutLinksDescription}async toggleStockOffer({target:r}){if(!this.stockOfferOsis)return;let i=this.checkoutLinks;if(i.length!==0)for(let a of i){await a.onceSettled();let n=a.value?.[0]?.planType;if(!n)return;let o=this.stockOfferOsis[n];if(!o)return;let s=a.dataset.wcsOsi.split(",").filter(c=>c!==o);r.checked&&s.push(o),a.dataset.wcsOsi=s.join(",")}}changeHandler(r){r.target.tagName==="MERCH-ADDON"&&this.toggleAddon(r.target)}toggleAddon(r){this.variantLayout?.toggleAddon?.(r);let i=[...this.checkoutLinks,...this.activeDescriptionLinks??[]];if(i.length===0)return;let a=n=>{let{offerType:o,planType:s}=n.value?.[0]??{};if(!o||!s)return;let c=r.getOsi(s,o),l=(n.dataset.wcsOsi||"").split(",").filter(d=>d&&d!==c);r.checked&&l.push(c),n.dataset.wcsOsi=l.join(",")};i.forEach(a)}handleQuantitySelection(r){let i=[...this.checkoutLinks,...this.activeDescriptionLinks??[]];if(i.length!==0)for(let a of i)a.dataset.quantity=r.detail.option}get titleElement(){return this.querySelector(this.variantLayout?.headingSelector||".card-heading")}get title(){return this.titleElement?.textContent?.trim()}get description(){return this.querySelector('[slot="body-xs"]')?.textContent?.trim()}updateFilters(r){let i={...this.filters};Object.keys(i).forEach(a=>{if(r){i[a].order=Math.min(i[a].order||2,2);return}let n=i[a].order;n===1||isNaN(n)||(i[a].order=Number(n)+1)}),this.filters=i}showInfoTooltip(r,i){let a="tooltip-left",n="tooltip-right";window.screen.width<600&&r.getAttribute("data-tooltip")?.length>12&&(this.iconButton.classList.remove(a),this.iconButton.classList.remove(n),r.getBoundingClientRect().x<100&&this.iconButton.classList.add(a),r.getBoundingClientRect().x>window.screen.width-100&&this.iconButton.classList.add(n)),this.iconButton.classList.add(i)}handleInfoIconEvents(){let r="tooltip-visible";this.iconButton&&(["mouseenter","focus"].forEach(i=>this.iconButton.addEventListener(i,a=>this.showInfoTooltip(a.target,r),!1)),["mouseleave","blur"].forEach(i=>this.iconButton.addEventListener(i,()=>this.iconButton.classList.remove(r),!1)),this.iconButton.addEventListener("keydown",i=>{i.key==="Escape"&&this.iconButton.classList.remove(r)}))}includes(r){return this.textContent.match(new RegExp(r,"i"))!==null}connectedCallback(){var i;super.connectedCallback(),p(this,or)||y(this,or,Mp++),this.aemFragment||((i=p(this,Ie))==null||i.call(this),y(this,Ie,void 0)),this.id??(this.id=this.getAttribute("id")??this.aemFragment?.getAttribute("fragment"));let r=this.id??p(this,or);y(this,St,`${ol}${r}${st}`),y(this,nr,`${ol}${r}${ct}`),performance.mark(p(this,St)),y(this,Ge,mt()),Lp(p(this,Ge)),y(this,sr,p(this,Ge).Log.module(Hn)),this.addEventListener(te,this.handleQuantitySelection),this.addEventListener(li,this.handleAddonAndQuantityUpdate),this.addEventListener(gr,this.handleMerchOfferSelectReady),this.addEventListener(nt,this.handleAemFragmentEvents),this.addEventListener(at,this.handleAemFragmentEvents),this.addEventListener(fr,this.handleInfoIconEvents),this.addEventListener("change",this.changeHandler),this.variantLayout&&this.variantLayout.connectedCallbackHook(),this.aemFragment||setTimeout(()=>this.checkReady(),0)}disconnectedCallback(){super.disconnectedCallback(),this.variantLayout?.disconnectedCallbackHook(),this.removeEventListener(te,this.handleQuantitySelection),this.removeEventListener(nt,this.handleAemFragmentEvents),this.removeEventListener(at,this.handleAemFragmentEvents),this.removeEventListener(fr,this.handleInfoIconEvents),this.removeEventListener("change",this.changeHandler),this.removeEventListener(li,this.handleAddonAndQuantityUpdate)}async handleAemFragmentEvents(r){var i;if(this.isConnected&&(r.type===nt&&Z(this,X,At).call(this,"AEM fragment cannot be loaded"),r.type===at&&(this.failed=!1,r.target.nodeName==="AEM-FRAGMENT"))){let a=r.detail;try{p(this,Ie)||y(this,Ct,new Promise(n=>{y(this,Ie,n)})),nl(a,this)}catch(n){Z(this,X,At).call(this,`hydration has failed: ${n.message}`)}finally{(i=p(this,Ie))==null||i.call(this),y(this,Ie,void 0)}this.checkReady()}}async checkReady(){if(!this.isConnected)return;p(this,Ct)&&(await p(this,Ct),(cl.includes(this.variant)||ll.includes(this.variant))&&ti.observe(this),y(this,Ct,void 0)),this.variantLayoutPromise&&(await this.variantLayoutPromise,this.variantLayoutPromise=void 0);let r=new Promise(o=>setTimeout(()=>o("timeout"),Dn));if(this.aemFragment){let o=await Promise.race([this.aemFragment.updateComplete,r]);if(o===!1||o==="timeout"){let s=o==="timeout"?`AEM fragment was not resolved within ${Dn} timeout`:"AEM fragment cannot be loaded";Z(this,X,At).call(this,s,{},!1);return}}let i=[...this.querySelectorAll(ur)],a=Promise.all(i.map(o=>o.onceSettled().catch(()=>o))).then(o=>o.every(s=>s.classList.contains("placeholder-resolved"))),n=await Promise.race([a,r]);if(n===!0){this.measure=performance.measure(p(this,nr),p(this,St));let o={...this.aemFragment?.fetchInfo,...p(this,Ge).duration,measure:Oe(this.measure)};return this.dispatchEvent(new CustomEvent(fr,{bubbles:!0,composed:!0,detail:o})),this}else{this.measure=performance.measure(p(this,nr),p(this,St));let o={measure:Oe(this.measure),...p(this,Ge).duration};n==="timeout"?Z(this,X,At).call(this,`Contains offers that were not resolved within ${Dn} timeout`,o):Z(this,X,At).call(this,"Contains unresolved offers",o)}}get aemFragment(){return this.querySelector("aem-fragment")}get addon(){return this.querySelector("merch-addon")}get quantitySelect(){return this.querySelector("merch-quantity-select")}get addonCheckbox(){return this.querySelector("merch-addon")}displayFooterElementsInColumn(){if(!this.classList.contains("product"))return;let r=this.shadowRoot.querySelector(".secure-transaction-label");(this.footerSlot?.querySelectorAll(Se)).length===2&&r&&r.parentElement.classList.add("footer-column")}handleMerchOfferSelectReady(){this.offerSelect&&!this.offerSelect.planType||this.displayFooterElementsInColumn()}get dynamicPrice(){return this.querySelector('[slot="price"]')}handleAddonAndQuantityUpdate({detail:{id:r,items:i}}){if(!r||!i?.length||this.closest('[role="tabpanel"][hidden="true"]'))return;let n=this.checkoutLinks.find(d=>d.getAttribute("data-modal-id")===r);if(!n)return;let s=new URL(n.getAttribute("href")).searchParams.get("pa"),c=i.find(d=>d.productArrangementCode===s)?.quantity,l=!!i.find(d=>d.productArrangementCode!==s);if(c&&this.quantitySelect?.dispatchEvent(new CustomEvent(Pt,{detail:{quantity:c},bubbles:!0,composed:!0})),this.addonCheckbox&&this.addonCheckbox.checked!==l){this.toggleStockOffer({target:this.addonCheckbox});let d=new Event("change",{bubbles:!0,cancelable:!0});Object.defineProperty(d,"target",{writable:!1,value:{checked:l}}),this.addonCheckbox.handleChange(d)}}get prices(){return Array.from(this.querySelectorAll(D))}get promoPrice(){if(!this.querySelector("span.price-strikethrough"))return;let r=this.querySelector(".price.price-alternative");if(r||(r=this.querySelector(`${D}[data-template="price"] > span`)),!!r)return r=r.innerText,r}get regularPrice(){return p(this,X,ri)?.innerText}get promotionCode(){let r=[...this.querySelectorAll(`${D}[data-promotion-code],${Se}[data-promotion-code]`)].map(a=>a.dataset.promotionCode),i=[...new Set(r)];return i.length>1&&p(this,sr)?.warn(`Multiple different promotion codes found: ${i.join(", ")}`),r[0]}get annualPrice(){return this.querySelector(`${D}[data-template="price"] > .price.price-annual`)?.innerText}get promoText(){}get taxText(){return(p(this,X,$n)??p(this,X,ri))?.querySelector("span.price-tax-inclusivity")?.textContent?.trim()||void 0}get recurrenceText(){return p(this,X,ri)?.querySelector("span.price-recurrence")?.textContent?.trim()}get unitText(){let r=".price-unit-type";return p(this,X,$n)?.querySelector(r)?.textContent?.trim()??p(this,X,ri)?.querySelector(r)?.textContent?.trim()??this.querySelector(r)?.textContent?.trim()??void 0}get planTypeText(){return this.querySelector('[is="inline-price"][data-template="legal"] span.price-plan-type')?.textContent?.trim()}get seeTermsInfo(){let r=this.querySelector('a[is="upt-link"]');if(r)return Z(this,X,Qi).call(this,r)}get renewalText(){return this.querySelector("span.renewal-text")?.textContent?.trim()}get promoDurationText(){return this.querySelector("span.promo-duration-text")?.textContent?.trim()}get ctas(){let r=this.querySelector('[slot="ctas"], [slot="footer"]')?.querySelectorAll(`${Se}, a`);return Array.from(r??[])}get primaryCta(){return Z(this,X,Qi).call(this,this.ctas.find(r=>r.variant==="accent"||r.matches(".spectrum-Button--accent,.con-button.blue")))}get secondaryCta(){return Z(this,X,Qi).call(this,this.ctas.find(r=>r.variant!=="accent"&&!r.matches(".spectrum-Button--accent,.con-button.blue")))}};nr=new WeakMap,or=new WeakMap,sr=new WeakMap,Ge=new WeakMap,St=new WeakMap,Ie=new WeakMap,Ct=new WeakMap,X=new WeakSet,At=function(r,i={},a=!0){if(!this.isConnected)return;let o=this.aemFragment?.getAttribute("fragment");o=`[${o}]`;let s={...this.aemFragment.fetchInfo,...p(this,Ge).duration,...i,message:r};p(this,sr).error(`merch-card${o}: ${r}`,s),this.failed=!0,a&&this.dispatchEvent(new CustomEvent(na,{bubbles:!0,composed:!0,detail:s}))},ri=function(){return this.querySelector("span.price-strikethrough")??this.querySelector(`${D}[data-template="price"] > span`)},$n=function(){return this.querySelector(`${D}[data-template="legal"]`)},Qi=function(r){if(r)return{text:r.innerText.trim(),analyticsId:r.dataset.analyticsId,href:r.getAttribute("href")??r.dataset.href}},m(Ze,"properties",{id:{type:String,attribute:"id",reflect:!0},name:{type:String,attribute:"name",reflect:!0},variant:{type:String,reflect:!0},size:{type:String,attribute:"size",reflect:!0},badgeColor:{type:String,attribute:"badge-color",reflect:!0},borderColor:{type:String,attribute:"border-color",reflect:!0},backgroundColor:{type:String,attribute:"background-color",reflect:!0},badgeBackgroundColor:{type:String,attribute:"badge-background-color",reflect:!0},backgroundImage:{type:String,attribute:"background-image",reflect:!0},badgeText:{type:String,attribute:"badge-text"},actionMenu:{type:Boolean,attribute:"action-menu"},actionMenuLabel:{type:String,attribute:"action-menu-label"},customHr:{type:Boolean,attribute:"custom-hr"},consonant:{type:Boolean,attribute:"consonant"},failed:{type:Boolean,attribute:"failed",reflect:!0},spectrum:{type:String,attribute:"spectrum"},detailBg:{type:String,attribute:"detail-bg"},secureLabel:{type:String,attribute:"secure-label"},checkboxLabel:{type:String,attribute:"checkbox-label"},addonTitle:{type:String,attribute:"addon-title"},addonOffers:{type:Object,attribute:"addon-offers"},selected:{type:Boolean,attribute:"aria-selected",reflect:!0},storageOption:{type:String,attribute:"storage",reflect:!0},planType:{type:String,attribute:"plan-type",reflect:!0},heightSync:{type:Boolean,attribute:"height-sync"},settings:{type:Object,attribute:!1},stockOfferOsis:{type:Object,attribute:"stock-offer-osis",converter:{fromAttribute:r=>{if(!r)return;let[i,a,n]=r.split(",");return{PUF:i,ABM:a,M2M:n}}}},filters:{type:String,reflect:!0,converter:{fromAttribute:r=>Object.fromEntries(r.split(",").map(i=>{let[a,n,o]=i.split(":"),s=Number(n);return[a,{order:isNaN(s)?void 0:s,size:o}]})),toAttribute:r=>Object.entries(r).map(([i,{order:a,size:n}])=>[i,a,n].filter(o=>o!=null).join(":")).join(",")}},types:{type:String,attribute:"types",reflect:!0},merchOffer:{type:Object},analyticsId:{type:String,attribute:Ki,reflect:!0},loading:{type:String},priceLiterals:{type:Object}}),m(Ze,"styles",[dc,...hc()]),m(Ze,"registerVariant",G),m(Ze,"getCollectionOptions",Uc),m(Ze,"getFragmentMapping",qi);customElements.define(Hn,Ze);_();var cr,ii=class extends U{constructor(){super();E(this,cr);this.defaults={},this.variant="plans"}saveContainerDefaultValues(){let r=this.closest(this.getAttribute("container")),i=r?.querySelector('[slot="description"]:not(merch-offer > *)')?.cloneNode(!0),a=r?.badgeText;return{description:i,badgeText:a}}getSlottedElement(r,i){return(i||this.closest(this.getAttribute("container"))).querySelector(`[slot="${r}"]:not(merch-offer > *)`)}updateSlot(r,i){let a=this.getSlottedElement(r,i);if(!a)return;let n=this.selectedOffer.getOptionValue(r)?this.selectedOffer.getOptionValue(r):this.defaults[r];n&&a.replaceWith(n.cloneNode(!0))}handleOfferSelection(r){let i=r.detail;this.selectOffer(i)}handleOfferSelectionByQuantity(r){let i=r.detail.option,a=Number.parseInt(i),n=this.findAppropriateOffer(a);this.selectOffer(n),this.getSlottedElement("cta").setAttribute("data-quantity",a)}selectOffer(r){if(!r)return;let i=this.selectedOffer;i&&(i.selected=!1),r.selected=!0,this.selectedOffer=r,this.planType=r.planType,this.updateContainer(),this.updateComplete.then(()=>{this.dispatchEvent(new CustomEvent(aa,{detail:this,bubbles:!0}))})}findAppropriateOffer(r){let i=null;return this.offers.find(n=>{let o=Number.parseInt(n.getAttribute("value"));if(o===r)return!0;if(o>r)return!1;i=n})||i}updateBadgeText(r){this.selectedOffer.badgeText===""?r.badgeText=null:this.selectedOffer.badgeText?r.badgeText=this.selectedOffer.badgeText:r.badgeText=this.defaults.badgeText}updateContainer(){let r=this.closest(this.getAttribute("container"));!r||!this.selectedOffer||(this.updateSlot("cta",r),this.updateSlot("secondary-cta",r),this.updateSlot("price",r),!this.manageableMode&&(this.updateSlot("description",r),this.updateBadgeText(r)))}render(){return u`
`}connectedCallback(){super.connectedCallback(),this.addEventListener("focusin",this.handleFocusin),this.addEventListener("click",this.handleFocusin),this.addEventListener(_t,this.handleOfferSelectReady);let r=this.closest("merch-quantity-select");this.manageableMode=r,this.offers=[...this.querySelectorAll("merch-offer")],y(this,cr,this.handleOfferSelectionByQuantity.bind(this)),this.manageableMode?r.addEventListener(te,p(this,cr)):this.defaults=this.saveContainerDefaultValues(),this.selectedOffer=this.offers[0],this.planType&&this.updateContainer()}get miniCompareMobileCard(){return(this.merchCard?.variant==="mini-compare-chart"||this.merchCard?.variant==="mini-compare-chart-mweb")&&this.isMobile}get merchCard(){return this.closest("merch-card")}get isMobile(){return window.matchMedia("(max-width: 767px)").matches}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener(te,p(this,cr)),this.removeEventListener(_t,this.handleOfferSelectReady),this.removeEventListener("focusin",this.handleFocusin),this.removeEventListener("click",this.handleFocusin)}get price(){return this.querySelector('merch-offer[aria-selected] [is="inline-price"]')}get customerSegment(){return this.selectedOffer?.customerSegment}get marketSegment(){return this.selectedOffer?.marketSegment}handleFocusin(r){r.target?.nodeName==="MERCH-OFFER"&&(r.preventDefault(),r.stopImmediatePropagation(),this.selectOffer(r.target))}async handleOfferSelectReady(){this.planType||this.querySelector("merch-offer:not([plan-type])")||(this.planType=this.selectedOffer.planType,await this.updateComplete,this.selectOffer(this.selectedOffer??this.querySelector("merch-offer[aria-selected]")??this.querySelector("merch-offer")),this.dispatchEvent(new CustomEvent(gr,{bubbles:!0})))}};cr=new WeakMap,m(ii,"styles",b` + `),g(yi,"properties",{heading:{type:String,attribute:!0},mobileRows:{type:Number,attribute:!0}});customElements.define("merch-whats-included",yi);var _m="#000000",Co="#F8D904",Lm="#EAEAEA",Pm="#31A547",Mm=/(accent|primary|secondary)(-(outline|link))?/,Rm="mas:product_code/",Nm="daa-ll",Pa="daa-lh",Om=["XL","L","M","S"],To="...";function _e(e,t,r,i){let a=i[e];if(t[e]&&a){let n={slot:a?.slot,...a?.attributes},o=t[e];if(a.maxCount&&typeof o=="string"){let[c,l]=Qm(o,a.maxCount,a.withSuffix);c!==o&&(n.title=l,o=c)}let s=le(a.tag,n,o);r.append(s)}}function Im(e,t,r){let a=(e.mnemonicIcon||[]).filter(o=>o).map((o,s)=>({icon:o,alt:e.mnemonicAlt?.[s]??"",link:e.mnemonicLink?.[s]??""}));a?.forEach(({icon:o,alt:s,link:c})=>{if(c&&!/^https?:/.test(c))try{c=new URL(`https://${c}`).href.toString()}catch{c="#"}let l={slot:"icons",src:o,loading:t.loading,size:r?.size??"l"};s&&(l.alt=s),c&&(l.href=c);let d=le("merch-icon",l);t.append(d)});let n=t.shadowRoot.querySelector('slot[name="icons"]');n&&(n.style.display=a?.length?null:"none")}function Hm(e,t,r){if(r.badge?.slot){if(e.badge?.length&&!e.badge?.startsWith("${e.badge}`}_e("badge",e,t,r)}else e.badge?(t.setAttribute("badge-text",e.badge),r.disabledAttributes?.includes("badgeColor")||t.setAttribute("badge-color",e.badgeColor||_m),r.disabledAttributes?.includes("badgeBackgroundColor")||t.setAttribute("badge-background-color",e.badgeBackgroundColor||Co),t.setAttribute("border-color",e.badgeBackgroundColor||Co)):t.setAttribute("border-color",e.borderColor||Lm)}function zm(e,t,r){if(r.trialBadge&&e.trialBadge){if(!e.trialBadge.startsWith("${e.trialBadge}`}_e("trialBadge",e,t,r)}}function $m(e,t,r){r?.includes(e.size)&&t.setAttribute("size",e.size)}function Dm(e,t){e.cardName&&t.setAttribute("name",e.cardName)}function Bm(e,t,r){e.cardTitle&&(e.cardTitle=xr(e.cardTitle)),_e("cardTitle",e,t,{cardTitle:r})}function Fm(e,t,r){_e("subtitle",e,t,r)}function Um(e,t,r,i){if(!e.backgroundColor||e.backgroundColor.toLowerCase()==="default"){t.style.removeProperty("--merch-card-custom-background-color"),t.removeAttribute("background-color");return}r?.[e.backgroundColor]?(t.style.setProperty("--merch-card-custom-background-color",`var(${r[e.backgroundColor]})`),t.setAttribute("background-color",e.backgroundColor)):i?.attribute&&e.backgroundColor&&(t.setAttribute(i.attribute,e.backgroundColor),t.style.removeProperty("--merch-card-custom-background-color"))}function qm(e,t,r){let i=r?.borderColor,a="--consonant-merch-card-border-color";if(e.borderColor?.toLowerCase()==="transparent")t.style.setProperty(a,"transparent");else if(e.borderColor&&i){let o=i?.specialValues?.[e.borderColor]?.includes("gradient")||/-gradient/.test(e.borderColor),s=/^spectrum-.*-(plans|special-offers)$/.test(e.borderColor);if(o){t.setAttribute("gradient-border","true");let c=e.borderColor;if(i?.specialValues){for(let[l,d]of Object.entries(i.specialValues))if(d===e.borderColor){c=l;break}}t.setAttribute("border-color",c),t.style.removeProperty(a)}else s?(t.setAttribute("border-color",e.borderColor),t.style.setProperty(a,`var(--${e.borderColor})`)):t.style.setProperty(a,`var(--${e.borderColor})`)}}function Gm(e,t,r){if(e.backgroundImage){let i={loading:t.loading??"lazy",src:e.backgroundImage};if(e.backgroundImageAltText?i.alt=e.backgroundImageAltText:i.role="none",!r)return;if(r?.attribute){t.setAttribute(r.attribute,e.backgroundImage);return}t.append(le(r.tag,{slot:r.slot},le("img",i)))}}function xr(e){return!e||typeof e!="string"||e.includes("(Aa(),xo)).catch(console.error),e}function Vm(e,t,r){e.prices&&(e.prices=xr(e.prices)),_e("prices",e,t,r)}function Ma(e,t,r){let i=e.hasAttribute("data-wcs-osi")&&!!e.getAttribute("data-wcs-osi"),a=e.className||"",n=Mm.exec(a)?.[0]??"accent",o=n.includes("accent"),s=n.includes("primary"),c=n.includes("secondary"),l=n.includes("-outline"),d=n.includes("-link");e.classList.remove("accent","primary","secondary");let h;if(t.consonant)h=tu(e,o,i,d,s,c,r?.ctas?.size);else if(d)h=e;else{let p;o?p="accent":s?p="primary":c&&(p="secondary"),h=t.spectrum==="swc"?eu(e,r,l,p,i):Jm(e,r,l,p,i)}return h}function jm(e,t){let{slot:r}=t?.description,i=e.querySelectorAll(`[slot="${r}"] a[data-wcs-osi]`);i.length&&i.forEach(a=>{let n=Ma(a,e,t);a.replaceWith(n)})}function Wm(e,t,r){e.description&&(e.description=xr(e.description)),e.promoText&&(e.promoText=xr(e.promoText)),e.shortDescription&&(e.shortDescription=xr(e.shortDescription)),_e("promoText",e,t,r),_e("description",e,t,r),_e("shortDescription",e,t,r),e.shortDescription&&(t.setAttribute("action-menu","true"),e.actionMenuLabel||t.setAttribute("action-menu-label","More options")),jm(t,r),_e("callout",e,t,r),_e("quantitySelect",e,t,r),_e("whatsIncluded",e,t,r)}function Ym(e,t,r){if(!r.addon)return;let i=e.addon?.replace(/[{}]/g,"");if(!i||/disabled/.test(i))return;let a=le("merch-addon",{slot:"addon"},i);[...a.querySelectorAll(O)].forEach(n=>{let o=n.parentElement;o?.nodeName==="P"&&o.setAttribute("data-plan-type","")}),t.append(a)}function Xm(e,t,r){e.addonConfirmation&&_e("addonConfirmation",e,t,r)}function Km(e,t,r,i){i?.secureLabel&&r?.secureLabel&&t.setAttribute("secure-label",i.secureLabel)}function Qm(e,t,r=!0){try{let i=typeof e!="string"?"":e,a=cd(i);if(a.length<=t)return[i,a];let n=0,o=!1,s=r?t-To.length<1?1:t-To.length:t,c=[];for(let h of i){if(n++,h==="<")if(o=!0,i[n]==="/")c.pop();else{let p="";for(let u of i.substring(n)){if(u===" "||u===">")break;p+=u}c.push(p)}if(h==="/"&&i[n]===">"&&c.pop(),h===">"){o=!1;continue}if(!o&&(s--,s===0))break}let l=i.substring(0,n).trim();if(c.length>0){c[0]==="p"&&c.shift();for(let h of c.reverse())l+=``}return[`${l}${r?To:""}`,a]}catch{let a=typeof e=="string"?e:"",n=cd(a);return[a,n]}}function cd(e){if(!e)return"";let t="",r=!1;for(let i of e){if(i==="<"&&(r=!0),i===">"){r=!1;continue}r||(t+=i)}return t}function Zm(e,t){t.querySelectorAll("a.upt-link").forEach(i=>{let a=st.createFrom(i);i.replaceWith(a),a.initializeWcsData(e.osi,e.promoCode)})}function Jm(e,t,r,i,a){let n=e;a?n=customElements.get("checkout-button").createCheckoutButton({},e.innerHTML):n.innerHTML=`${n.textContent}`,n.setAttribute("tabindex",0);for(let d of e.attributes)["class","is"].includes(d.name)||n.setAttribute(d.name,d.value);n.firstElementChild?.classList.add("spectrum-Button-label");let o=t?.ctas?.size??"M",s=`spectrum-Button--${i}`,c=Om.includes(o)?`spectrum-Button--size${o}`:"spectrum-Button--sizeM",l=["spectrum-Button",s,c];return r&&l.push("spectrum-Button--outline"),n.classList.add(...l),n}function eu(e,t,r,i,a){let n=e;a&&(n=customElements.get("checkout-button").createCheckoutButton(e.dataset),n.connectedCallback(),n.render());let o="fill";r&&(o="outline");let s=le("sp-button",{treatment:o,variant:i,tabIndex:0,size:t?.ctas?.size??"m",...e.dataset.analyticsId&&{"data-analytics-id":e.dataset.analyticsId}},e.innerHTML);return s.source=n,(a?n.onceSettled():Promise.resolve(n)).then(c=>{s.setAttribute("data-navigation-url",c.href)}),s.addEventListener("click",c=>{c.defaultPrevented||n.click()}),s}function tu(e,t,r,i,a,n,o){let s=e;if(r)try{let c=customElements.get("checkout-link");c&&(s=c.createCheckoutLink(e.dataset,e.innerHTML)??e)}catch{}return i||(s.classList.add("button","con-button"),o&&o!=="m"&&s.classList.add(`button-${o}`),t&&s.classList.add("blue"),a&&s.classList.add("primary"),n&&s.classList.add("secondary")),s}function ru(e,t,r,i){if(e.ctas){e.ctas=xr(e.ctas);let{slot:a}=r.ctas,n=le("div",{slot:a},e.ctas),o=[...n.querySelectorAll("a")].map(s=>Ma(s,t,r));n.innerHTML="",n.append(...o),t.append(n)}}function iu(e,t){let{tags:r}=e,i=r?.find(n=>typeof n=="string"&&n.startsWith(Rm))?.split("/").pop();if(!i)return;t.setAttribute(Pa,i),[...t.shadowRoot.querySelectorAll("a[data-analytics-id],button[data-analytics-id]"),...t.querySelectorAll("a[data-analytics-id],button[data-analytics-id]")].forEach((n,o)=>{n.setAttribute(Nm,`${n.dataset.analyticsId}-${o+1}`)})}function au(e){e.spectrum==="css"&&[["primary-link","primary"],["secondary-link","secondary"]].forEach(([t,r])=>{e.querySelectorAll(`a.${t}`).forEach(i=>{i.classList.remove(t),i.classList.add("spectrum-Link",`spectrum-Link--${r}`)})})}function nu(e){e.querySelectorAll("[slot]").forEach(i=>{i.remove()}),e.variant=void 0,["checkbox-label","stock-offer-osis","secure-label","background-image","background-color","border-color","badge-background-color","badge-color","badge-text","gradient-border","size",Pa].forEach(i=>e.removeAttribute(i));let r=["wide-strip","thin-strip"];e.classList.remove(...r)}async function Ra(e,t){if(!e){let c=t?.id||"unknown";throw console.error(`hydrate: Fragment is undefined. Cannot hydrate card (merchCard id: ${c}).`),new Error(`hydrate: Fragment is undefined for card (merchCard id: ${c}).`)}if(!e.fields){let c=e.id||"unknown",l=t?.id||"unknown";throw console.error(`hydrate: Fragment for card ID '${c}' (merchCard id: ${l}) is missing 'fields'. Cannot hydrate.`),new Error(`hydrate: Fragment for card ID '${c}' (merchCard id: ${l}) is missing 'fields'.`)}let{id:r,fields:i,settings:a={},priceLiterals:n}=e,{variant:o}=i;if(!o)throw new Error(`hydrate: no variant found in payload ${r}`);nu(t),t.settings=a,n&&(t.priceLiterals=n),t.id??(t.id=e.id),t.variant=o,await t.updateComplete;let{aemFragmentMapping:s}=t.variantLayout;if(!s)throw new Error(`hydrate: variant mapping not found for ${r}`);s.style==="consonant"&&t.setAttribute("consonant",!0),Im(i,t,s.mnemonics),zm(i,t,s),$m(i,t,s.size),Dm(i,t),Bm(i,t,s.title),Hm(i,t,s),Fm(i,t,s),Vm(i,t,s),Gm(i,t,s.backgroundImage),Um(i,t,s.allowedColors,s.backgroundColor),qm(i,t,s),Wm(i,t,s),Ym(i,t,s),Xm(i,t,s),Km(i,t,s,a);try{Zm(i,t)}catch{}ru(i,t,s,o),iu(i,t),au(t)}var Lo="merch-card",ko=2e4,ld="merch-card:",hd=["full-pricing-express","simplified-pricing-express"],pd=["segment","product"];function dd(e,t){let r=e.closest(Lo);if(!r)return t;r.priceLiterals&&(t.literals??(t.literals={}),Object.assign(t.literals,r.priceLiterals)),r.aemFragment&&(t[Oe]=!0),r.variantLayout?.priceOptionsProvider?.(e,t)}function ou(e){e.providers.has(dd)||e.providers.price(dd)}var wi=new IntersectionObserver(e=>{e.forEach(t=>{let r=t.target;if(hd.includes(r.variant)){if(r.clientHeight===0)return;wi.unobserve(r),r.requestUpdate();return}if(pd.includes(r.variant)){if(t.boundingClientRect.width===0)return;if(r.variant==="product"&&r.querySelector('merch-icon[slot="icons"]')){wi.unobserve(r);return}let i=r.getBoundingClientRect().width,n=r.querySelector('[slot="badge"]')?.getBoundingClientRect().width||0;if(i===0||n===0){wi.unobserve(r);return}r.style.setProperty("--consonant-merch-card-heading-xs-max-width",`${Math.round(i-n-16)}px`),wi.unobserve(r)}})}),su=0,vr,yr,wr,rt,Ht,Ve,zt,re,It,Ei,_o,Na,ht=class extends X{constructor(){super();A(this,re);A(this,vr);A(this,yr);A(this,wr);A(this,rt);A(this,Ht);A(this,Ve);A(this,zt,new Promise(r=>{E(this,Ve,r)}));g(this,"customerSegment");g(this,"marketSegment");g(this,"variantLayout");this.id=null,this.failed=!1,this.filters={},this.types="",this.selected=!1,this.spectrum="css",this.loading="lazy",this.handleAemFragmentEvents=this.handleAemFragmentEvents.bind(this),this.handleMerchOfferSelectReady=this.handleMerchOfferSelectReady.bind(this)}firstUpdated(){this.variantLayout=wo(this),this.variantLayout?.connectedCallbackHook()}willUpdate(r){(r.has("variant")||!this.variantLayout)&&(this.variantLayout?.disconnectedCallbackHook(),this.variantLayout=wo(this),this.variantLayout?.connectedCallbackHook())}updated(r){(r.has("badgeBackgroundColor")||r.has("borderColor"))&&this.style.setProperty("--consonant-merch-card-border",this.computedBorderStyle),r.has("backgroundColor")&&this.style.setProperty("--merch-card-custom-background-color",this.backgroundColor?`var(--${this.backgroundColor})`:"");try{this.variantLayoutPromise=this.variantLayout?.postCardUpdateHook(r)}catch(i){ie(this,re,It).call(this,`Error in postCardUpdateHook: ${i.message}`,{},!1)}}get theme(){return this.closest("sp-theme")}get dir(){return this.closest("[dir]")?.getAttribute("dir")??"ltr"}render(){if(!(!this.isConnected||!this.variantLayout||this.style.display==="none"))return this.variantLayout.renderLayout()}get computedBorderStyle(){return["ccd-slice","ccd-suggested","ah-promoted-plans","simplified-pricing-express","full-pricing-express"].includes(this.variant)?"":`1px solid ${this.borderColor?this.borderColor:this.badgeBackgroundColor}`}get badgeElement(){return this.shadowRoot.getElementById("badge")}get headingmMSlot(){return this.shadowRoot.querySelector('slot[name="heading-m"]').assignedElements()[0]}get footerSlot(){return this.shadowRoot.querySelector('slot[name="footer"]')?.assignedElements()[0]}get descriptionSlot(){return this.shadowRoot.querySelector('slot[name="body-xs"')?.assignedElements()[0]}get descriptionSlotCompare(){return this.shadowRoot.querySelector('slot[name="body-m"')?.assignedElements()[0]}get iconButton(){return this.querySelector('[slot="callout-content"] .icon-button')}get price(){return this.headingmMSlot?.querySelector(O)}get checkoutLinks(){return[...this.footerSlot?.querySelectorAll(Pe)??[]]}get checkoutLinksDescription(){return[...this.descriptionSlot?.querySelectorAll(Pe)??[]]}get checkoutLinkDescriptionCompare(){return[...this.descriptionSlotCompare?.querySelectorAll(Pe)??[]]}get activeDescriptionLinks(){return this.variant==="mini-compare-chart"||this.variant==="mini-compare-chart-mweb"?this.checkoutLinkDescriptionCompare:this.checkoutLinksDescription}async toggleStockOffer({target:r}){if(!this.stockOfferOsis)return;let i=this.checkoutLinks;if(i.length!==0)for(let a of i){await a.onceSettled();let n=a.value?.[0]?.planType;if(!n)return;let o=this.stockOfferOsis[n];if(!o)return;let s=a.dataset.wcsOsi.split(",").filter(c=>c!==o);r.checked&&s.push(o),a.dataset.wcsOsi=s.join(",")}}changeHandler(r){r.target.tagName==="MERCH-ADDON"&&this.toggleAddon(r.target)}toggleAddon(r){this.variantLayout?.toggleAddon?.(r);let i=[...this.checkoutLinks,...this.activeDescriptionLinks??[]];if(i.length===0)return;let a=n=>{let{offerType:o,planType:s}=n.value?.[0]??{};if(!o||!s)return;let c=r.getOsi(s,o),l=(n.dataset.wcsOsi||"").split(",").filter(d=>d&&d!==c);r.checked&&l.push(c),n.dataset.wcsOsi=l.join(",")};i.forEach(a)}handleQuantitySelection(r){let i=[...this.checkoutLinks,...this.activeDescriptionLinks??[]];if(i.length!==0)for(let a of i)a.dataset.quantity=r.detail.option}get titleElement(){return this.querySelector(this.variantLayout?.headingSelector||".card-heading")}get title(){return this.titleElement?.textContent?.trim()}get description(){return this.querySelector('[slot="body-xs"]')?.textContent?.trim()}updateFilters(r){let i={...this.filters};Object.keys(i).forEach(a=>{if(r){i[a].order=Math.min(i[a].order||2,2);return}let n=i[a].order;n===1||isNaN(n)||(i[a].order=Number(n)+1)}),this.filters=i}showInfoTooltip(r,i){let a="tooltip-left",n="tooltip-right";window.screen.width<600&&r.getAttribute("data-tooltip")?.length>12&&(this.iconButton.classList.remove(a),this.iconButton.classList.remove(n),r.getBoundingClientRect().x<100&&this.iconButton.classList.add(a),r.getBoundingClientRect().x>window.screen.width-100&&this.iconButton.classList.add(n)),this.iconButton.classList.add(i)}handleInfoIconEvents(){let r="tooltip-visible";this.iconButton&&(["mouseenter","focus"].forEach(i=>this.iconButton.addEventListener(i,a=>this.showInfoTooltip(a.target,r),!1)),["mouseleave","blur"].forEach(i=>this.iconButton.addEventListener(i,()=>this.iconButton.classList.remove(r),!1)),this.iconButton.addEventListener("keydown",i=>{i.key==="Escape"&&this.iconButton.classList.remove(r)}))}includes(r){return this.textContent.match(new RegExp(r,"i"))!==null}connectedCallback(){var i;super.connectedCallback(),m(this,yr)||E(this,yr,su++),this.aemFragment||((i=m(this,Ve))==null||i.call(this),E(this,Ve,void 0)),this.id??(this.id=this.getAttribute("id")??this.aemFragment?.getAttribute("fragment"));let r=this.id??m(this,yr);E(this,Ht,`${ld}${r}${Re}`),E(this,vr,`${ld}${r}${Ne}`),performance.mark(m(this,Ht)),E(this,rt,Ie()),ou(m(this,rt)),E(this,wr,m(this,rt).Log.module(Lo)),this.addEventListener(oe,this.handleQuantitySelection),this.addEventListener(Ui,this.handleAddonAndQuantityUpdate),this.addEventListener(zr,this.handleMerchOfferSelectReady),this.addEventListener(me,this.handleAemFragmentEvents),this.addEventListener(pe,this.handleAemFragmentEvents),this.addEventListener(We,this.handleInfoIconEvents),this.addEventListener("change",this.changeHandler),this.variantLayout&&this.variantLayout.connectedCallbackHook(),this.aemFragment||setTimeout(()=>this.checkReady(),0)}disconnectedCallback(){super.disconnectedCallback(),this.variantLayout?.disconnectedCallbackHook(),this.removeEventListener(oe,this.handleQuantitySelection),this.removeEventListener(me,this.handleAemFragmentEvents),this.removeEventListener(pe,this.handleAemFragmentEvents),this.removeEventListener(We,this.handleInfoIconEvents),this.removeEventListener("change",this.changeHandler),this.removeEventListener(Ui,this.handleAddonAndQuantityUpdate)}async handleAemFragmentEvents(r){var i;if(this.isConnected&&(r.type===me&&ie(this,re,It).call(this,"AEM fragment cannot be loaded"),r.type===pe&&(this.failed=!1,r.target.nodeName==="AEM-FRAGMENT"))){let a=r.detail;try{m(this,Ve)||E(this,zt,new Promise(n=>{E(this,Ve,n)})),Ra(a,this)}catch(n){ie(this,re,It).call(this,`hydration has failed: ${n.message}`)}finally{(i=m(this,Ve))==null||i.call(this),E(this,Ve,void 0)}this.checkReady()}}async checkReady(){if(!this.isConnected)return;m(this,zt)&&(await m(this,zt),(hd.includes(this.variant)||pd.includes(this.variant))&&wi.observe(this),E(this,zt,void 0)),this.variantLayoutPromise&&(await this.variantLayoutPromise,this.variantLayoutPromise=void 0);let r=new Promise(o=>setTimeout(()=>o("timeout"),ko));if(this.aemFragment){let o=await Promise.race([this.aemFragment.updateComplete,r]);if(o===!1||o==="timeout"){let s=o==="timeout"?`AEM fragment was not resolved within ${ko} timeout`:"AEM fragment cannot be loaded";ie(this,re,It).call(this,s,{},!1);return}}let i=[...this.querySelectorAll(Fe)],a=Promise.all(i.map(o=>o.onceSettled().catch(()=>o))).then(o=>o.every(s=>s.classList.contains("placeholder-resolved"))),n=await Promise.race([a,r]);if(n===!0){this.measure=performance.measure(m(this,vr),m(this,Ht));let o={...this.aemFragment?.fetchInfo,...m(this,rt).duration,measure:xe(this.measure)};return this.dispatchEvent(new CustomEvent(We,{bubbles:!0,composed:!0,detail:o})),this}else{this.measure=performance.measure(m(this,vr),m(this,Ht));let o={measure:xe(this.measure),...m(this,rt).duration};n==="timeout"?ie(this,re,It).call(this,`Contains offers that were not resolved within ${ko} timeout`,o):ie(this,re,It).call(this,"Contains unresolved offers",o)}}get aemFragment(){return this.querySelector("aem-fragment")}get addon(){return this.querySelector("merch-addon")}get quantitySelect(){return this.querySelector("merch-quantity-select")}get addonCheckbox(){return this.querySelector("merch-addon")}displayFooterElementsInColumn(){if(!this.classList.contains("product"))return;let r=this.shadowRoot.querySelector(".secure-transaction-label");(this.footerSlot?.querySelectorAll(Pe)).length===2&&r&&r.parentElement.classList.add("footer-column")}handleMerchOfferSelectReady(){this.offerSelect&&!this.offerSelect.planType||this.displayFooterElementsInColumn()}get dynamicPrice(){return this.querySelector('[slot="price"]')}handleAddonAndQuantityUpdate({detail:{id:r,items:i}}){if(!r||!i?.length||this.closest('[role="tabpanel"][hidden="true"]'))return;let n=this.checkoutLinks.find(d=>d.getAttribute("data-modal-id")===r);if(!n)return;let s=new URL(n.getAttribute("href")).searchParams.get("pa"),c=i.find(d=>d.productArrangementCode===s)?.quantity,l=!!i.find(d=>d.productArrangementCode!==s);if(c&&this.quantitySelect?.dispatchEvent(new CustomEvent(qt,{detail:{quantity:c},bubbles:!0,composed:!0})),this.addonCheckbox&&this.addonCheckbox.checked!==l){this.toggleStockOffer({target:this.addonCheckbox});let d=new Event("change",{bubbles:!0,cancelable:!0});Object.defineProperty(d,"target",{writable:!1,value:{checked:l}}),this.addonCheckbox.handleChange(d)}}get prices(){return Array.from(this.querySelectorAll(O))}get promoPrice(){if(!this.querySelector("span.price-strikethrough"))return;let r=this.querySelector(".price.price-alternative");if(r||(r=this.querySelector(`${O}[data-template="price"] > span`)),!!r)return r=r.innerText,r}get regularPrice(){return m(this,re,Ei)?.innerText}get promotionCode(){let r=[...this.querySelectorAll(`${O}[data-promotion-code],${Pe}[data-promotion-code]`)].map(a=>a.dataset.promotionCode),i=[...new Set(r)];return i.length>1&&m(this,wr)?.warn(`Multiple different promotion codes found: ${i.join(", ")}`),r[0]}get annualPrice(){return this.querySelector(`${O}[data-template="price"] > .price.price-annual`)?.innerText}get promoText(){}get taxText(){return(m(this,re,_o)??m(this,re,Ei))?.querySelector("span.price-tax-inclusivity")?.textContent?.trim()||void 0}get recurrenceText(){return m(this,re,Ei)?.querySelector("span.price-recurrence")?.textContent?.trim()}get unitText(){let r=".price-unit-type";return m(this,re,_o)?.querySelector(r)?.textContent?.trim()??m(this,re,Ei)?.querySelector(r)?.textContent?.trim()??this.querySelector(r)?.textContent?.trim()??void 0}get planTypeText(){return this.querySelector('[is="inline-price"][data-template="legal"] span.price-plan-type')?.textContent?.trim()}get seeTermsInfo(){let r=this.querySelector('a[is="upt-link"]');if(r)return ie(this,re,Na).call(this,r)}get renewalText(){return this.querySelector("span.renewal-text")?.textContent?.trim()}get promoDurationText(){return this.querySelector("span.promo-duration-text")?.textContent?.trim()}get ctas(){let r=this.querySelector('[slot="ctas"], [slot="footer"]')?.querySelectorAll(`${Pe}, a`);return Array.from(r??[])}get primaryCta(){return ie(this,re,Na).call(this,this.ctas.find(r=>r.variant==="accent"||r.matches(".spectrum-Button--accent,.con-button.blue")))}get secondaryCta(){return ie(this,re,Na).call(this,this.ctas.find(r=>r.variant!=="accent"&&!r.matches(".spectrum-Button--accent,.con-button.blue")))}};vr=new WeakMap,yr=new WeakMap,wr=new WeakMap,rt=new WeakMap,Ht=new WeakMap,Ve=new WeakMap,zt=new WeakMap,re=new WeakSet,It=function(r,i={},a=!0){if(!this.isConnected)return;let o=this.aemFragment?.getAttribute("fragment");o=`[${o}]`;let s={...this.aemFragment.fetchInfo,...m(this,rt).duration,...i,message:r};m(this,wr).error(`merch-card${o}: ${r}`,s),this.failed=!0,a&&this.dispatchEvent(new CustomEvent(yt,{bubbles:!0,composed:!0,detail:s}))},Ei=function(){return this.querySelector("span.price-strikethrough")??this.querySelector(`${O}[data-template="price"] > span`)},_o=function(){return this.querySelector(`${O}[data-template="legal"]`)},Na=function(r){if(r)return{text:r.innerText.trim(),analyticsId:r.dataset.analyticsId,href:r.getAttribute("href")??r.dataset.href}},g(ht,"properties",{id:{type:String,attribute:"id",reflect:!0},name:{type:String,attribute:"name",reflect:!0},variant:{type:String,reflect:!0},size:{type:String,attribute:"size",reflect:!0},badgeColor:{type:String,attribute:"badge-color",reflect:!0},borderColor:{type:String,attribute:"border-color",reflect:!0},backgroundColor:{type:String,attribute:"background-color",reflect:!0},badgeBackgroundColor:{type:String,attribute:"badge-background-color",reflect:!0},backgroundImage:{type:String,attribute:"background-image",reflect:!0},badgeText:{type:String,attribute:"badge-text"},actionMenu:{type:Boolean,attribute:"action-menu"},actionMenuLabel:{type:String,attribute:"action-menu-label"},customHr:{type:Boolean,attribute:"custom-hr"},consonant:{type:Boolean,attribute:"consonant"},failed:{type:Boolean,attribute:"failed",reflect:!0},spectrum:{type:String,attribute:"spectrum"},detailBg:{type:String,attribute:"detail-bg"},secureLabel:{type:String,attribute:"secure-label"},checkboxLabel:{type:String,attribute:"checkbox-label"},addonTitle:{type:String,attribute:"addon-title"},addonOffers:{type:Object,attribute:"addon-offers"},selected:{type:Boolean,attribute:"aria-selected",reflect:!0},storageOption:{type:String,attribute:"storage",reflect:!0},planType:{type:String,attribute:"plan-type",reflect:!0},heightSync:{type:Boolean,attribute:"height-sync"},settings:{type:Object,attribute:!1},stockOfferOsis:{type:Object,attribute:"stock-offer-osis",converter:{fromAttribute:r=>{if(!r)return;let[i,a,n]=r.split(",");return{PUF:i,ABM:a,M2M:n}}}},filters:{type:String,reflect:!0,converter:{fromAttribute:r=>Object.fromEntries(r.split(",").map(i=>{let[a,n,o]=i.split(":"),s=Number(n);return[a,{order:isNaN(s)?void 0:s,size:o}]})),toAttribute:r=>Object.entries(r).map(([i,{order:a,size:n}])=>[i,a,n].filter(o=>o!=null).join(":")).join(",")}},types:{type:String,attribute:"types",reflect:!0},merchOffer:{type:Object},analyticsId:{type:String,attribute:Pa,reflect:!0},loading:{type:String},priceLiterals:{type:Object}}),g(ht,"styles",[ul,...gl()]),g(ht,"registerVariant",K),g(ht,"getCollectionOptions",Kl),g(ht,"getFragmentMapping",Xl);customElements.define(Lo,ht);I();var Er,Ai=class extends X{constructor(){super();A(this,Er);this.defaults={},this.variant="plans"}saveContainerDefaultValues(){let r=this.closest(this.getAttribute("container")),i=r?.querySelector('[slot="description"]:not(merch-offer > *)')?.cloneNode(!0),a=r?.badgeText;return{description:i,badgeText:a}}getSlottedElement(r,i){return(i||this.closest(this.getAttribute("container"))).querySelector(`[slot="${r}"]:not(merch-offer > *)`)}updateSlot(r,i){let a=this.getSlottedElement(r,i);if(!a)return;let n=this.selectedOffer.getOptionValue(r)?this.selectedOffer.getOptionValue(r):this.defaults[r];n&&a.replaceWith(n.cloneNode(!0))}handleOfferSelection(r){let i=r.detail;this.selectOffer(i)}handleOfferSelectionByQuantity(r){let i=r.detail.option,a=Number.parseInt(i),n=this.findAppropriateOffer(a);this.selectOffer(n),this.getSlottedElement("cta").setAttribute("data-quantity",a)}selectOffer(r){if(!r)return;let i=this.selectedOffer;i&&(i.selected=!1),r.selected=!0,this.selectedOffer=r,this.planType=r.planType,this.updateContainer(),this.updateComplete.then(()=>{this.dispatchEvent(new CustomEvent(Wa,{detail:this,bubbles:!0}))})}findAppropriateOffer(r){let i=null;return this.offers.find(n=>{let o=Number.parseInt(n.getAttribute("value"));if(o===r)return!0;if(o>r)return!1;i=n})||i}updateBadgeText(r){this.selectedOffer.badgeText===""?r.badgeText=null:this.selectedOffer.badgeText?r.badgeText=this.selectedOffer.badgeText:r.badgeText=this.defaults.badgeText}updateContainer(){let r=this.closest(this.getAttribute("container"));!r||!this.selectedOffer||(this.updateSlot("cta",r),this.updateSlot("secondary-cta",r),this.updateSlot("price",r),!this.manageableMode&&(this.updateSlot("description",r),this.updateBadgeText(r)))}render(){return x`
`}connectedCallback(){super.connectedCallback(),this.addEventListener("focusin",this.handleFocusin),this.addEventListener("click",this.handleFocusin),this.addEventListener(Ut,this.handleOfferSelectReady);let r=this.closest("merch-quantity-select");this.manageableMode=r,this.offers=[...this.querySelectorAll("merch-offer")],E(this,Er,this.handleOfferSelectionByQuantity.bind(this)),this.manageableMode?r.addEventListener(oe,m(this,Er)):this.defaults=this.saveContainerDefaultValues(),this.selectedOffer=this.offers[0],this.planType&&this.updateContainer()}get miniCompareMobileCard(){return(this.merchCard?.variant==="mini-compare-chart"||this.merchCard?.variant==="mini-compare-chart-mweb")&&this.isMobile}get merchCard(){return this.closest("merch-card")}get isMobile(){return window.matchMedia("(max-width: 767px)").matches}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener(oe,m(this,Er)),this.removeEventListener(Ut,this.handleOfferSelectReady),this.removeEventListener("focusin",this.handleFocusin),this.removeEventListener("click",this.handleFocusin)}get price(){return this.querySelector('merch-offer[aria-selected] [is="inline-price"]')}get customerSegment(){return this.selectedOffer?.customerSegment}get marketSegment(){return this.selectedOffer?.marketSegment}handleFocusin(r){r.target?.nodeName==="MERCH-OFFER"&&(r.preventDefault(),r.stopImmediatePropagation(),this.selectOffer(r.target))}async handleOfferSelectReady(){this.planType||this.querySelector("merch-offer:not([plan-type])")||(this.planType=this.selectedOffer.planType,await this.updateComplete,this.selectOffer(this.selectedOffer??this.querySelector("merch-offer[aria-selected]")??this.querySelector("merch-offer")),this.dispatchEvent(new CustomEvent(zr,{bubbles:!0})))}};Er=new WeakMap,g(Ai,"styles",S` :host { display: inline-block; } @@ -8857,7 +8855,7 @@ merch-card[border-color="spectrum-red-700-plans"] { flex-direction: column; gap: var(--consonant-merch-spacing-xs); } - `),m(ii,"properties",{offers:{type:Array},selectedOffer:{type:Object},defaults:{type:Object},variant:{type:String,attribute:"variant",reflect:!0},planType:{type:String,attribute:"plan-type",reflect:!0},stock:{type:Boolean,reflect:!0}});customElements.define("merch-offer-select",ii);_();_();var dl=b` + `),g(Ai,"properties",{offers:{type:Array},selectedOffer:{type:Object},defaults:{type:Object},variant:{type:String,attribute:"variant",reflect:!0},planType:{type:String,attribute:"plan-type",reflect:!0},stock:{type:Boolean,reflect:!0}});customElements.define("merch-offer-select",Ai);I();I();var md=S` :host { --merch-radio: rgba(82, 88, 228); --merch-radio-hover: rgba(64, 70, 202); @@ -9068,11 +9066,11 @@ merch-card[border-color="spectrum-red-700-plans"] { position: relative; height: 40px; } -`;var Rp="merch-offer",ai=class extends U{constructor(){super();m(this,"tr");this.type="radio",this.selected=!1}getOptionValue(r){return this.querySelector(`[slot="${r}"]`)}connectedCallback(){super.connectedCallback(),this.initOffer(),this.configuration=this.closest("quantity-selector"),!this.hasAttribute("tabindex")&&!this.configuration&&(this.tabIndex=0),!this.hasAttribute("role")&&!this.configuration&&(this.role="radio")}get asRadioOption(){return u`
+`;var cu="merch-offer",Si=class extends X{constructor(){super();g(this,"tr");this.type="radio",this.selected=!1}getOptionValue(r){return this.querySelector(`[slot="${r}"]`)}connectedCallback(){super.connectedCallback(),this.initOffer(),this.configuration=this.closest("quantity-selector"),!this.hasAttribute("tabindex")&&!this.configuration&&(this.tabIndex=0),!this.hasAttribute("role")&&!this.configuration&&(this.role="radio")}get asRadioOption(){return x`
${this.text} -
`}get asSubscriptionOption(){return u` +
`}get asSubscriptionOption(){return x`
@@ -9085,7 +9083,7 @@ merch-card[border-color="spectrum-red-700-plans"] { > -
`}render(){return this.configuration||!this.price?"":this.type==="subscription-option"?this.asSubscriptionOption:this.asRadioOption}get price(){return this.querySelector('span[is="inline-price"]:not([data-template="strikethrough"])')}get cta(){return this.querySelector(Se)}get prices(){return this.querySelectorAll('span[is="inline-price"]')}get customerSegment(){return this.price?.value?.[0].customerSegment}get marketSegment(){return this.price?.value?.[0].marketSegments[0]}async initOffer(){if(!this.price)return;this.prices.forEach(i=>i.setAttribute("slot","price")),await this.updateComplete,await Promise.all([...this.prices].map(i=>i.onceSettled()));let{value:[r]}=this.price;this.planType=r.planType,await this.updateComplete,this.dispatchEvent(new CustomEvent(_t,{bubbles:!0}))}};m(ai,"properties",{text:{type:String},selected:{type:Boolean,attribute:"aria-selected",reflect:!0},badgeText:{type:String,attribute:"badge-text"},type:{type:String,attribute:"type",reflect:!0},planType:{type:String,attribute:"plan-type",reflect:!0}}),m(ai,"styles",[dl]);customElements.define(Rp,ai);_();_();var hl=b` +
`}render(){return this.configuration||!this.price?"":this.type==="subscription-option"?this.asSubscriptionOption:this.asRadioOption}get price(){return this.querySelector('span[is="inline-price"]:not([data-template="strikethrough"])')}get cta(){return this.querySelector(Pe)}get prices(){return this.querySelectorAll('span[is="inline-price"]')}get customerSegment(){return this.price?.value?.[0].customerSegment}get marketSegment(){return this.price?.value?.[0].marketSegments[0]}async initOffer(){if(!this.price)return;this.prices.forEach(i=>i.setAttribute("slot","price")),await this.updateComplete,await Promise.all([...this.prices].map(i=>i.onceSettled()));let{value:[r]}=this.price;this.planType=r.planType,await this.updateComplete,this.dispatchEvent(new CustomEvent(Ut,{bubbles:!0}))}};g(Si,"properties",{text:{type:String},selected:{type:Boolean,attribute:"aria-selected",reflect:!0},badgeText:{type:String,attribute:"badge-text"},type:{type:String,attribute:"type",reflect:!0},planType:{type:String,attribute:"plan-type",reflect:!0}}),g(Si,"styles",[md]);customElements.define(cu,Si);I();I();var ud=S` :host { box-sizing: border-box; --background-color: var(--qs-background-color, #f6f6f6); @@ -9244,7 +9242,7 @@ merch-card[border-color="spectrum-red-700-plans"] { :host(:dir(rtl)) .item.selected { background-position: left 7px center; } -`;var[x0,v0,Bn,Fn,pl,ml]=["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Enter","Tab"];var Un=class extends U{static get properties(){return{closed:{type:Boolean,reflect:!0},selected:{type:Number},min:{type:Number},max:{type:Number},step:{type:Number},maxInput:{type:Number,attribute:"max-input"},options:{type:Array},highlightedIndex:{type:Number},defaultValue:{type:Number,attribute:"default-value",reflect:!0},title:{type:String}}}static get styles(){return hl}constructor(){super(),this.options=[],this.title="",this.closed=!0,this.min=0,this.max=0,this.step=0,this.maxInput=void 0,this.defaultValue=void 0,this.selectedValue=0,this.highlightedIndex=0,this.toggleMenu=this.toggleMenu.bind(this),this.closeMenu=this.closeMenu.bind(this),this.openMenu=this.openMenu.bind(this),this.handleClickOutside=this.handleClickOutside.bind(this),this.boundKeydownListener=this.handleKeydown.bind(this),this.handleKeyupDebounced=Rr(this.handleKeyup.bind(this),500),this.debouncedQuantityUpdate=Rr(this.handleQuantityUpdate.bind(this),500)}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.boundKeydownListener),window.addEventListener("mousedown",this.handleClickOutside),this.addEventListener(Pt,this.debouncedQuantityUpdate)}get button(){return this.shadowRoot.querySelector("button")}handleKeyup(t){t.key===Fn||t.key===Bn||(this.handleInput(),this.sendEvent())}selectValue(){if(!this.closed){let t=this.options[this.highlightedIndex];if(!t){this.closed=!0;return}this.selectedValue=t,this.handleMenuOption(this.selectedValue),this.closed=!0}}handleKeydown(t){switch(t.key){case" ":this.selectValue();break;case"Escape":this.closed=!0;break;case ml:this.selectValue();break;case Fn:this.closed?this.openMenu():this.highlightedIndex=(this.highlightedIndex+1)%this.options.length,t.preventDefault();break;case Bn:this.closed||(this.highlightedIndex=(this.highlightedIndex-1+this.options.length)%this.options.length),t.preventDefault();break;case pl:this.selectValue(),this.button.classList.contains("focused")&&t.preventDefault();break}t.composedPath().includes(this)&&t.stopPropagation()}adjustInput(t,r){this.selectedValue=r,t.value=r,this.highlightedIndex=this.options.indexOf(r)}handleInput(){let t=this.shadowRoot.querySelector(".text-field-input"),r=t.value.replace(/\D/g,"");t.value=r;let i=parseInt(r);if(!isNaN(i))if(i>0&&i!==this.selectedValue){let a=i;this.maxInput&&i>this.maxInput&&(a=this.maxInput),this.min&&a0)for(let r=this.min;r<=this.max;r+=this.step)t.push(r);return t}update(t){(t.has("min")||t.has("max")||t.has("step")||t.has("defaultValue"))&&(this.options=this.generateOptionsArray(),this.highlightedIndex=this.defaultValue?this.options.indexOf(this.defaultValue):0,this.handleMenuOption(this.defaultValue?this.defaultValue:this.options[0])),super.update(t)}handleClickOutside(t){t.composedPath().includes(this)||this.closeMenu()}toggleMenu(){this.closed=!this.closed,this.adjustPopoverPlacement(),this.closed&&(this.highlightedIndex=this.options.indexOf(this.selectedValue))}closeMenu(){this.closed=!0,this.highlightedIndex=this.options.indexOf(this.selectedValue)}openMenu(){this.closed=!1,this.adjustPopoverPlacement()}adjustPopoverPlacement(){let t=this.shadowRoot.querySelector(".popover");this.closed||t.getBoundingClientRect().bottom<=window.innerHeight?t.setAttribute("placement","bottom"):t.setAttribute("placement","top")}handleMouseEnter(t){this.highlightedIndex=t}handleMenuOption(t,r){t===this.max&&this.shadowRoot.querySelector(".text-field-input")?.focus(),this.selectedValue=t,this.sendEvent(),r&&this.closeMenu()}sendEvent(){let t=new CustomEvent(te,{detail:{option:this.selectedValue},bubbles:!0});this.dispatchEvent(t)}get offerSelect(){return this.querySelector("merch-offer-select")}get popover(){return u`
0&&i!==this.selectedValue){let a=i;this.maxInput&&i>this.maxInput&&(a=this.maxInput),this.min&&a0)for(let r=this.min;r<=this.max;r+=this.step)t.push(r);return t}update(t){(t.has("min")||t.has("max")||t.has("step")||t.has("defaultValue"))&&(this.options=this.generateOptionsArray(),this.highlightedIndex=this.defaultValue?this.options.indexOf(this.defaultValue):0,this.handleMenuOption(this.defaultValue?this.defaultValue:this.options[0])),super.update(t)}handleClickOutside(t){t.composedPath().includes(this)||this.closeMenu()}toggleMenu(){this.closed=!this.closed,this.adjustPopoverPlacement(),this.closed&&(this.highlightedIndex=this.options.indexOf(this.selectedValue))}closeMenu(){this.closed=!0,this.highlightedIndex=this.options.indexOf(this.selectedValue)}openMenu(){this.closed=!1,this.adjustPopoverPlacement()}adjustPopoverPlacement(){let t=this.shadowRoot.querySelector(".popover");this.closed||t.getBoundingClientRect().bottom<=window.innerHeight?t.setAttribute("placement","bottom"):t.setAttribute("placement","top")}handleMouseEnter(t){this.highlightedIndex=t}handleMenuOption(t,r){t===this.max&&this.shadowRoot.querySelector(".text-field-input")?.focus(),this.selectedValue=t,this.sendEvent(),r&&this.closeMenu()}sendEvent(){let t=new CustomEvent(oe,{detail:{option:this.selectedValue},bubbles:!0});this.dispatchEvent(t)}get offerSelect(){return this.querySelector("merch-offer-select")}get popover(){return x`
- ${this.options.map((t,r)=>u` + ${this.options.map((t,r)=>x`
`)} -
`}handleQuantityUpdate({detail:{quantity:t}}){if(t&&t!==this.selectedValue){this.selectedValue=t;let r=this.shadowRoot.querySelector(".text-field-input");r&&(r.value=t),this.sendEvent()}}onButtonFocus(t){t.target.classList.add("focused")}onButtonBlur(t){t.target.classList.remove("focused")}render(){return u` +
`}handleQuantityUpdate({detail:{quantity:t}}){if(t&&t!==this.selectedValue){this.selectedValue=t;let r=this.shadowRoot.querySelector(".text-field-input");r&&(r.value=t),this.sendEvent()}}onButtonFocus(t){t.target.classList.add("focused")}onButtonBlur(t){t.target.classList.remove("focused")}render(){return x`
${this.title}
- `}};customElements.define("merch-quantity-select",Un);Ui();_();var ul=` + `}};customElements.define("merch-quantity-select",Ro);Aa();var zo="mas-table",lu="mas-table, mas-comparison-table",bd="mas-table:",No=2e4,xd="milo:tab:changed",du="milo:table:highlight:loaded",hu=900,Md=768,vd={"toggle-row":"Toggle row","choose-table-column":"Choose table column"},_E=new URL("./img/chevron-wide-black.svg",import.meta.url).href,yd="mini-compare-chart",Ia={title:"heading-xs",prices:"heading-m-price",description:"body-m",ctas:"footer"},pu=[{className:"header-section-icon",cssVar:"--mas-table-header-icon-height"},{className:"header-section-title",cssVar:"--mas-table-header-title-height"},{className:"header-section-description",cssVar:"--mas-table-header-description-height"},{className:"header-section-price-strikethrough",cssVar:"--mas-table-header-strikethrough-height"},{className:"header-section-price",cssVar:"--mas-table-header-price-height"},{className:"header-section-legal",cssVar:"--mas-table-header-legal-height"},{className:"header-section-buttons",cssVar:"--mas-table-header-buttons-height"}],Rd="data-mas-table-height-rules",Ha="data-mas-table-height-scope",wd=0;var Nd=0;function Od(e){return e?.hasAttribute(Ha)||(wd+=1,e.setAttribute(Ha,`${wd}`)),e.getAttribute(Ha)}function mu(e){let r=e?.closest(lu)?.querySelector(`style[${Rd}]`);return r?(r._tableHeightRules||(r._tableHeightRules=new Map),r):null}function za(e,t=""){let r=mu(e),i=Od(e);!r||!i||(t?r._tableHeightRules.set(i,t):r._tableHeightRules.delete(i),r.textContent=Array.from(r._tableHeightRules.values()).join(` +`))}function uu(e,t=[]){let r=Od(e);return!r||!t.length?"":`[${Ha}="${r}"] .row-heading { ${t.join(" ")} }`}function N(e,t={},r=null){let i=document.createElement(e);return Object.entries(t).forEach(([a,n])=>{n!=null&&i.setAttribute(a,n)}),Id(i,r),i}function Id(e,t){if(t!=null){if(Array.isArray(t)){t.forEach(r=>Id(e,r));return}if(t instanceof Node){e.append(t);return}e.append(document.createTextNode(String(t)))}}function gu(e,t){if(!t)return;let r=document.createElement("template");r.innerHTML=t,e.append(r.content.cloneNode(!0))}function Fo(e){return e?.fields?Array.isArray(e.fields)?e.fields.reduce((t,r)=>(r?.name&&(t[r.name]=r.multiple?r.values||[]:r.values?.[0]),t),{}):e.fields:{}}function Hd(e,t){let r=e?.[t];return r==null?"":Array.isArray(r)?String(r[0]??""):typeof r=="object"&&"value"in r?String(r.value??""):String(r)}function zd(e,t){let r=e?.[t];return r==null?[]:Array.isArray(r)?r:[r]}function $o(e){return Array.isArray(e)?e.map(t=>$o(t)):e&&typeof e=="object"&&"value"in e?$o(e.value):e}function fu(e){let t=Fo(e);return Object.fromEntries(Object.entries(t).map(([r,i])=>[r,$o(i)]))}function bu(e={}){let t=new Map;return Object.values(e).forEach(r=>{if(r?.type!=="content-fragment"||!r.value)return;let i=r.value,a={...i,fields:Fo(i)};a.id&&t.set(a.id,a),a.fields.originalId&&t.set(a.fields.originalId,a)}),t}function Ed(e,t){let r=e?.dictionary?.[t];return typeof r=="object"&&r&&"value"in r?r.value:r}function xu(e){return{"toggle-row":Ed(e,"toggle-row")||vd["toggle-row"],"choose-table-column":Ed(e,"choose-table-column")||vd["choose-table-column"]}}function vu(){return window.matchMedia("(orientation: landscape)").matches&&window.innerHeight<=Md}function Tr(){let e=window.innerWidth;return e>=hu?"DESKTOP":e<=Md?"MOBILE":"TABLET"}function Uo(e){return e.classList.contains("sticky")||e.classList.contains("sticky-desktop-up")&&Tr()==="DESKTOP"||e.classList.contains("sticky-tablet-up")&&Tr()!=="MOBILE"&&!vu()}function $d(e){if(!e||e.classList.contains("merch"))return!1;let t=e.querySelector(".row-heading"),r=t?.querySelector(".col-1"),i=t?.querySelector(".col-2");return!!(t&&i&&r&&!r.textContent?.trim())}function yu(e,t){let r=e.querySelectorAll("em a, strong a, p > a strong");if(!r.length)return;let i={STRONG:"blue",EM:"outline",A:"blue"};r.forEach(a=>{let n=a.parentElement,o=a,s=i[n.nodeName]||"outline";a.nodeName==="STRONG"?o=n:(n.insertAdjacentElement("afterend",a),n.remove()),o.classList.add("con-button",s),t&&o.classList.add(t),(o.href&&[...o.href.matchAll(/#_button-([a-zA-Z-]+)/g)])?.forEach(d=>{o.href=o.href.replace(d[0],""),o.dataset.modalHash&&o.setAttribute("data-modal-hash",o.dataset.modalHash.replace(d[0],"")),o.classList.add(d[1])});let l=a.closest("p, div");l&&(l.classList.add("action-area"),l.nextElementSibling?.classList.add("supplemental-text","body-xl"))})}function wu(e,t){let r=e.classList.contains("pricing-bottom");t.forEach((i,a)=>{if(i.classList.add("col-heading"),!i.innerHTML)return;let n=i.querySelector(":scope > .heading-content")&&i.querySelector(":scope > .heading-button"),o=i.children;if(!n)if(!o.length)i.innerHTML=`

${i.innerHTML}

`;else{let c=0,l=!1,d=k=>k?.matches?.("img, picture, mas-mnemonic, merch-icon"),h=o[c];if(h?.classList?.contains("header-product-tile")||d(h)||h?.querySelector("img, picture, mas-mnemonic, merch-icon")){if(d(h)){let k=N("p"),G=h;for(;d(G);){let ee=G.nextElementSibling;k.append(G),G=ee}i.insertBefore(k,G||null),h=k}c+=1,e.classList.contains("merch")||h?.classList.add("header-product-tile")}o[c]&&(o[c].classList.add("tracking-header"),l=!0);let u=[...o].slice(c+1),f="em a, strong a, p > a strong, a.con-button",b=u.find(k=>k.querySelector(f)),y=k=>{if(!k)return!1;if(k.querySelector('[is="inline-price"], .price, [data-template], .price-integer, .price-strikethrough, .price-alternative'))return!0;let G=k.textContent?.trim()||"";return/(?:US?\$|CA\$|A\$|€|£|¥|\/(?:mo|month|Monat))/i.test(G)},C=u.filter(k=>k!==b),w=C.find(y);!w&&C.length>1&&(w=C[C.length-1]);let v=C.find(k=>k!==w);w&&w.classList.add("pricing"),v&&v.classList.add("body"),yu(i,"button-xl");let T=N("div",{class:"buttons-wrapper"});i.append(T),i.querySelectorAll(".con-button").forEach(k=>{let G=k.closest("p");G&&T.append(G)});let F=N("div",{class:"heading-content"}),V=N("div",{class:"heading-button"});if([...o].forEach(k=>{k.classList.contains("pricing")&&r?V.appendChild(k):F.appendChild(k)}),V.appendChild(T),i.append(F,V),!l){let k=Array.from(i.childNodes).find(G=>G.nodeType===Node.TEXT_NODE);k?.textContent?.trim()&&F.append(N("p",{class:"tracking-header"},k.textContent)),k?.remove()}}let s=i.querySelector(".tracking-header");if(s){let c=`t${Nd+1}-c${a+1}-header`;s.setAttribute("id",c);let l=i.querySelector(".body:not(.action-area)");l?.setAttribute("id",`${c}-body`);let d=i.querySelector(".pricing");d?.setAttribute("id",`${c}-pricing`);let h=`${l?.id??""} ${d?.id??""}`.trim();s.setAttribute("aria-describedby",h),i.setAttribute("role","columnheader")}i.querySelectorAll("h1, h2, h3, h4, h5, h6").forEach(c=>{c.setAttribute("role","paragraph")})})}function $t(e,t=[]){return N("div",{class:`header-section ${e}`},Array.isArray(t)?t.filter(Boolean):t)}function Eu(e,t){if(!e||e.tagName.toLowerCase()===t)return e;let r=document.createElement(t);return Array.from(e.attributes).forEach(({name:i,value:a})=>{r.setAttribute(i,a)}),r.append(...Array.from(e.childNodes)),e.replaceWith(r),r}function Au(e){e.querySelectorAll(".row-heading p.pricing, .row-heading p.supplemental-text, .row-heading p.pricing-after").forEach(t=>{Eu(t,"div")})}function Oo(e,t){return!e||e.nodeType!==Node.ELEMENT_NODE?!1:e.matches(t)||!!e.querySelector(t)}function Dd(e){return e?e.nodeType===Node.TEXT_NODE?e.textContent?.trim()?"price":"":e.nodeType!==Node.ELEMENT_NODE?"":Oo(e,`${O}[data-template="${ae}"], [data-template="${ae}"], .price-legal`)?"legal":Oo(e,`${O}[data-template="strikethrough"], [data-template="strikethrough"], .price-strikethrough, .price-promo-strikethrough`)?"strikethrough":Oo(e,`${O}, [data-template], .price, .price-alternative`)?"price":"":""}function Ad(e,t,r=[]){let i=r.filter(a=>a&&(a.nodeType!==Node.TEXT_NODE||a.textContent.trim()));return i.length?N(e.tagName.toLowerCase(),{class:t},i):null}function Su(e){if(!e)return{strikethrough:null,price:null,legal:null};let t={strikethrough:[],price:[],legal:[]},r="";Array.from(e.childNodes).forEach(n=>{let o=Dd(n);!o&&n.nodeType===Node.TEXT_NODE&&(o=r||"price"),o||(o=n.textContent?.trim()?"price":r),o&&(t[o].push(n),r=o)}),!t.strikethrough.length&&!t.price.length&&!t.legal.length&&(t.price=Array.from(e.childNodes));let a=Array.from(e.classList).filter(n=>!["has-pricing-before","has-pricing-after"].includes(n)).join(" ");return{strikethrough:Ad(e,[a,"pricing-strikethrough-group"].filter(Boolean).join(" "),t.strikethrough),price:Ad(e,[a,"pricing-main-group"].filter(Boolean).join(" "),t.price),legal:N("div",{class:"pricing-legal-group"},t.legal.filter(n=>n&&(n.nodeType!==Node.TEXT_NODE||n.textContent.trim())))}}function Cu(e){let t=Array.from(e.children);if(!t.length)return;let r=t.find(v=>v.classList.contains("heading-content"))||null,i=t.find(v=>v.classList.contains("heading-button"))||null,a=Array.from(r?.children||[]),n=t.filter(v=>v!==r&&v!==i&&(v.classList.contains("content-before")||v.classList.contains("content-after"))),o=a.find(v=>v.classList.contains("header-product-tile"))||null,s=a.find(v=>v.classList.contains("tracking-header"))||null,c=a.find(v=>v.classList.contains("body"))||null,l=a.filter(v=>v!==o&&v!==s&&v!==c),d=Array.from(i?.children||[]),h=d.find(v=>v.classList.contains("pricing"))||null,p=d.filter(v=>v!==h&&!v.classList.contains("buttons-wrapper")&&(v.classList.contains("pricing-before")||v.classList.contains("pricing-after")||v.classList.contains("supplemental-text"))),u=d.find(v=>v.classList.contains("buttons-wrapper"))||null,{strikethrough:f,price:b,legal:y}=Su(h),C=[...p,...y?.childNodes?Array.from(y.childNodes):[]],w=[$t("header-section-icon",o?[o]:[]),$t("header-section-title",s?[s]:[]),$t("header-section-description",[...n,c,...l].filter(Boolean)),$t("header-section-price-strikethrough",f?[f]:[]),$t("header-section-price",b?[b]:[]),$t("header-section-legal",C),$t("header-section-buttons",u?[u]:[])];e.replaceChildren(...w)}function Tu(e){if(!e.classList.contains("merch"))return;e.querySelectorAll(".row-heading .col-heading").forEach(r=>Cu(r))}function ku(e){let t=e.querySelector(".row-heading");if(!t){za(e,"");return}let r=Array.from(t.querySelectorAll(":scope > .col-heading")).filter(a=>!a.classList.contains("col-1")&&!a.classList.contains("hidden")&&getComputedStyle(a).display!=="none");if(!r.length){za(e,"");return}let i=[];pu.forEach(({className:a,cssVar:n})=>{let o=0;r.forEach(s=>{let c=s.querySelector(`:scope > .${a}`);c&&(o=Math.max(o,Math.ceil(c.getBoundingClientRect().height)))}),o>0&&i.push(`${n}: ${o}px;`)}),za(e,uu(e,i))}function kr(e){za(e,""),e.classList.contains("merch")&&ku(e)}function _u(e){let t=[...e.querySelectorAll(".section-row-title")].filter(r=>r.innerText.toUpperCase().includes("ADDON"));t.length&&(e.classList.add("has-addon"),t.forEach(r=>{let i=r.parentElement;i.remove();let[a,n,o]=r.innerText.split("-").filter(c=>c.toUpperCase()!=="ADDON").map(c=>c.toLowerCase());if(!a||!n)return;let s="data-col-index";[...e.querySelector(".row-heading").children].forEach(c=>{c.querySelector(".heading-content")?.classList.add("content");let l=c.getAttribute(s);if(Number(l)<=1)return;let d=`${a}-${n}`,h=[...i.children].find(y=>y.getAttribute(s)===l);if(!h)return;let p=[...h.childNodes],u=h.querySelector(".icon");if(o==="label"&&u){let y=p.filter(C=>!C.classList?.contains("icon"));p=[N("span",{},y),u]}let f=N("div",{class:o?`${d} addon-${o}`:d},p.map(y=>y.cloneNode(!0))),b=c.querySelector(`.${a}`);a==="pricing"&&n==="after"||b?.classList.add(`has-${d}`),b?.insertAdjacentElement(n==="before"?"beforebegin":"afterend",f)})}),setTimeout(()=>kr(e),0),e.addEventListener("mas:resolved",Ze(()=>{kr(e)},100)))}function Do(e,t){let r=e.querySelectorAll('.icon.expand[role="button"]');[...e.parentElement.querySelectorAll(".filters .filter"),...r].forEach(n=>{let o=n.classList.contains("filter")?"choose-table-column":"toggle-row";n.setAttribute("aria-label",t[o])})}function $a(e){e.dispatchEvent(new Event(du))}function Sd(e,t=[]){e.forEach((r,i)=>{let a=i===0||i===e.length-1,n=t[i],o=!!n&&(n.innerText||n.dataset.hasBadge==="true");r.classList.toggle("no-rounded",!a||o)})}function Lu(e){let t=e.classList.contains("highlight"),r=e.querySelector(".row-1"),i=r.querySelectorAll(".col"),a=e.querySelector(".row-2"),n=a?.querySelectorAll(".col")||[],o;t&&a?(r.classList.add("row-highlight"),r.setAttribute("aria-hidden","true"),a.classList.add("row-heading"),n.forEach(s=>s.classList.add("col-heading")),o=n,i.forEach((s,c)=>{s.classList.add("col-highlight"),s.innerText||s.dataset.hasBadge==="true"?e.classList.contains("compare-chart-features")||o[c]?.classList.add("no-rounded"):s.classList.add("hidden")}),e.classList.contains("compare-chart-features")&&Sd(o,i)):(o=i,r.classList.add("row-heading"),e.classList.contains("compare-chart-features")&&Sd(o)),wu(e,o),_u(e),Au(e),Tu(e),$a(e)}function Cd(e){let t=e.closest(".row"),r=t.nextElementSibling,i=e.getAttribute("aria-expanded")==="false";for(e.setAttribute("aria-expanded",i.toString());r&&!r.classList.contains("divider");)i?(t.classList.remove("section-head-collaped"),r.classList.remove("hidden")):(t.classList.add("section-head-collaped"),r.classList.add("hidden")),r=r.nextElementSibling}function Td(e){e.querySelectorAll(".icon.expand").forEach(t=>{let r=t.parentElement,i=()=>Cd(t),a=n=>{n.key===" "&&n.preventDefault(),(n.key==="Enter"||n.key===" ")&&Cd(t)};r.classList.add("point-cursor"),r.setAttribute("tabindex",0),r.addEventListener("click",i),r.addEventListener("keydown",a)})}function kd(e){if(!e||e.querySelector(".table-title-text"))return;let t=N("span",{class:"table-title-text"});for(;e.firstChild;)t.append(e.firstChild);let r=t.textContent?.replace(/\u00a0/g," ").trim();if(!t.querySelector('a, em, strong, b, i, picture, img, mas-mnemonic, merch-icon, [is="inline-price"], .icon, .icon-info, .icon-tooltip, .milo-tooltip, blockquote')&&(!r||r==="-")){e.replaceChildren();return}let a=t.querySelector(".icon-info, .icon-tooltip, .milo-tooltip");a&&e.append(a.closest("em")||a);let n=t.querySelector(".icon:first-child"),o=t;if(n){let c=N("span",{class:"table-title-row"});c.append(n,t),o=c}let s=o.querySelector("blockquote");if(s){let c=N("div",{class:"blockquote"});for(;s.firstChild;)c.appendChild(s.firstChild);s.replaceWith(c)}e.insertBefore(o,e.firstChild)}function Pu(e){let{row:t,index:r,allRows:i,rowCols:a,isMerch:n,isCollapseTable:o,isHighlightTable:s}=e,{expandSection:c}=e,l=i[r-1],d=i[r+1],h=Array.from(d?.children||[]);if(t.querySelector("hr")&&d){t.classList.add("divider"),t.removeAttribute("role"),d.classList.add("section-head");let p=h[0];if(n&&h.length?h.forEach(u=>{u.classList.add("section-head-title"),u.setAttribute("role","rowheader")}):(kd(p),p.classList.add("section-head-title"),p.setAttribute("role","rowheader")),o&&p){let u=N("span",{class:"icon expand",role:"button"});if(p.querySelector(".icon.expand")||p.prepend(u),c)u.setAttribute("aria-expanded","true"),c=!1;else{u.setAttribute("aria-expanded","false"),d.classList.add("section-head-collaped");let f=t.nextElementSibling;for(;f&&!f.classList.contains("divider");)f.classList.add("hidden"),f=f.nextElementSibling}}}else if(l?.querySelector("hr")&&d){if(d.classList.add("section-row"),!n){let p=h[0];p?.classList.add("section-row-title"),p?.setAttribute("role","rowheader"),p?.setAttribute("scope","row")}}else if(!t.classList.contains("row-1")&&(!s||!t.classList.contains("row-2")))if(t.classList.add("section-row"),a.forEach(p=>{if(p.querySelector("a")&&!p.querySelector("span")){let u=N("span",{class:"col-text"},[...p.childNodes]);p.appendChild(u)}}),n&&!t.classList.contains("divider"))a.forEach(p=>{if(p.classList.add("col-merch"),!p.children.length&&p.innerText){let u=N("p",{class:"merch-col-text"},p.innerText);p.innerText="",p.append(u)}});else{let p=a[0];kd(p),p.classList.add("section-row-title"),p.setAttribute("role","rowheader"),p.setAttribute("scope","row")}return a.forEach(p=>{p.querySelector(":scope > :is(strong, em, del, code, sub, sup)")&&p.childNodes.length>1&&!p.querySelector("picture")&&p.replaceChildren(N("p",{},[...p.childNodes]))}),c}function Mu(e){let t=e.querySelectorAll(".row"),r=t.length,n=t[0].querySelectorAll(".col").length;for(let o=n;o>0;o-=1){let s=e.querySelectorAll(`.col-${o}`);for(let c=r-1;c>=0;c-=1){let l=s[c];if(!l?.innerText&&l?.children.length===0)l.classList.add("no-borders");else{l.classList.add("border-bottom");break}}}}function _d(e){e.forEach(t=>t.classList.remove("hover","no-top-border","hover-border-bottom"))}function Ru(e){let t=e.querySelector(".row-1");if(!t)return;let r=t.childElementCount,a=e.classList.contains("merch")&&!e.classList.contains("compare-chart-features")?1:2,n=e.classList.contains("collapse"),o=e.querySelectorAll(".section-head"),s=o[o.length-1],c=s?.querySelector(".icon.expand");for(let l=a;l<=r;l+=1){let d=e.querySelectorAll(`.col-${l}`);d.forEach(h=>{h.addEventListener("mouseover",()=>{_d(d);let p=e.querySelector(".row-heading"),u=`col-${l}`,f=c?.getAttribute("aria-expanded")==="false";d.forEach(b=>{if(b.classList.contains("col-highlight")&&b.innerText){let y=Array.from(b.classList).find(w=>w.startsWith(u));p?.querySelector(`.${y}`)?.classList.add("no-top-border")}n&&f&&s?.querySelector(`.col-${l}`)?.classList.add("hover-border-bottom"),b.classList.add("hover")})}),h.addEventListener("mouseout",()=>_d(d))})}}function Bd(e,t){e._stickyObserver?.disconnect();let r=t(),i=e.querySelector(".row-highlight"),a=e.querySelector(".row-heading");if(!a)return;i?(i.style.top=`${r}px`,i.classList.add("top-border-transparent")):a.classList.add("top-border-transparent");let n=r+(i?i.offsetHeight:0);a.style.top=`${n}px`;let o=e.querySelector(".intercept")||N("div",{class:"intercept"});o.setAttribute("data-observer-intercept",""),a.insertAdjacentElement("beforebegin",o);let s=new IntersectionObserver(([c])=>{a.classList.toggle("active",!c.isIntersecting)},{rootMargin:`-${n}px`});s.observe(o),e._stickyObserver=s}function Io(e,t){e._filterObserver?.disconnect();let r=e.parentElement?.querySelector(".filters");if(!r)return;let i=Uo(e)&&Tr()==="MOBILE"&&$d(e);if(r.classList.toggle("sticky-mobile-compare",i),r.classList.remove("active"),!i){r.style.removeProperty("top");return}let a=t();r.style.top=`${a}px`;let n=r.parentElement?.querySelector(".filters-intercept")||N("div",{class:"filters-intercept"});n.setAttribute("data-observer-intercept",""),r.insertAdjacentElement("beforebegin",n);let o=new IntersectionObserver(([s])=>{r.classList.toggle("active",!s.isIntersecting)},{rootMargin:`-${a}px`});o.observe(n),e._filterObserver=o}function Nu(e,t,r,i){let a=e.querySelector(".row-heading");if(!a){$a(e);return}let n=e.classList.contains("merch"),o=$d(e),s=Tr(),c=()=>{if(n)return;let h=Array.from(e.getElementsByClassName("section-row"));if(h.length){let f=`repeat(auto-fit, ${100/(h[0].children.length-1)}%)`;h.forEach(b=>{s==="TABLET"||s==="MOBILE"&&!b.querySelector(".col-3")?b.style.gridTemplateColumns=f:b.style.gridTemplateColumns=""})}},l=()=>{$a(e);let h=e.querySelectorAll(".row-heading .col"),p=Array.from(h).filter(b=>b.textContent.trim()).length;if(e.querySelectorAll(".hide-mobile").forEach(b=>{b.classList.remove("hide-mobile")}),n&&p>=2?e.querySelectorAll(".col:not(.col-1, .col-2)").forEach(b=>{b.classList.add("hide-mobile")}):p>=3&&e.querySelectorAll(".col:not(.col-1, .col-2, .col-3), .col.no-borders").forEach(b=>{b.classList.add("hide-mobile")}),!n&&!e.querySelector(".col-3")||n&&!e.querySelector(".col-2"))return;o&&e.querySelectorAll(".row-heading .col-1, .row-highlight .col-1").forEach(b=>{b.classList.add("hide-mobile"),b.style.display="none"});let u=b=>{let y=Array.from(e.parentElement.querySelectorAll(".filter")).map(w=>parseInt(w.value,10)),C=e.querySelectorAll(".row");if(e.querySelectorAll(".hide-mobile, .force-last").forEach(w=>{w.classList.remove("hide-mobile","force-last")}),C.forEach(w=>{w.querySelectorAll(".col[data-cloned]").forEach(v=>v.remove())}),n?e.querySelectorAll(`.col:not(.col-${y[0]+1}, .col-${y[1]+1})`).forEach(w=>{w.classList.add("hide-mobile")}):e.querySelectorAll(`.col:not(.col-1, .col-${y[0]+1}, .col-${y[1]+1}), .col.no-borders`).forEach(w=>{w.classList.add("hide-mobile")}),o&&e.querySelectorAll(".row-heading .col-1, .row-highlight .col-1").forEach(w=>{w.classList.add("hide-mobile"),w.style.display="none"}),C.forEach(w=>{let v=w.querySelector(`.col-${y[0]+1}`),T=w.querySelector(`.col-${y[1]+1}`);v?.classList.contains("col-heading")&&(v.classList.remove("right-round"),v.classList.add("left-round")),T?.classList.contains("col-heading")&&(T.classList.remove("left-round"),T.classList.add("right-round")),T&&T.classList.add("force-last")}),y[0]===y[1]){let w=y[0]+1;C.forEach(v=>{let T=v.querySelector(`.col-${w}`);if(!T)return;let q=T.cloneNode(!0);q.setAttribute("data-cloned","true"),T.classList.remove("force-last"),T.classList.contains("col-heading")&&(T.classList.remove("right-round"),T.classList.add("left-round"),q.classList.remove("left-round"),q.classList.add("right-round")),v.appendChild(q)})}c(),Uo(e)&&Bd(e,i),Io(e,i),b&&kr(e),Do(e,r)},f=p>2;if(!e.parentElement.querySelector(".filters")&&f){let b=N("div",{class:"filters"}),y=N("div",{class:"filter-wrapper"}),C=N("div",{class:"filter-wrapper"}),w=N("select",{class:"filter"});t.querySelectorAll(".col-heading").forEach((G,ee)=>{let Q=G.querySelector(".tracking-header");if(!Q||!n&&Q.closest(".col-1"))return;let U=N("option",{value:ee},Q.innerText);w.append(U)});let T=w.cloneNode(!0);w.dataset.filterIndex=0,T.dataset.filterIndex=1;let q=e.querySelectorAll(`.col-heading:not([style*="display: none"], .hidden${n?"":", .col-1"})`),F=n?1:2,V=w.querySelectorAll("option").item(q.item(0).dataset.colIndex-F),k=T.querySelectorAll("option").item(q.item(1).dataset.colIndex-F);V&&(V.selected=!0),k&&(k.selected=!0),y.append(w),C.append(T),b.append(y,C),y.addEventListener("change",u),C.addEventListener("change",u),e.parentElement.insertBefore(b,e),e.parentElement.classList.add(`table-${e.classList.contains("merch")?"merch-":""}section`),!n&&p<3&&(b.style.display="none"),u()}Io(e,i)},d=()=>{e.querySelectorAll(".row .col[data-cloned]").forEach(h=>{h.remove()})};!n&&!e.querySelector(".row-heading .col-2")&&(a.style.display="block",a.querySelector(".col-1")?.style.setProperty("display","flex")),d(),s==="MOBILE"||n&&s==="TABLET"?l():(e.querySelectorAll(".hide-mobile, .left-round, .right-round").forEach(h=>{h.classList.remove("hide-mobile","left-round","right-round")}),o&&e.querySelectorAll(".row-heading .col-1, .row-highlight .col-1").forEach(h=>{h.style.removeProperty("display")}),Io(e,i),[...a.children].forEach(h=>[...h.children].forEach(p=>p.style.removeProperty("height"))),e.parentElement.querySelectorAll(".filters select").forEach((h,p)=>{h.querySelectorAll("option").item(p).selected=!0})),$a(e),Ru(e),c()}function Oa(e){e.classList.value.includes("sticky")&&setTimeout(()=>{let t=e.querySelector(".row-heading")?.offsetHeight||0;e.classList.toggle("cancel-sticky",!(t/window.innerHeight<.45))})}function Ou(e,t){e.setAttribute("role","table"),e.parentElement.classList.contains("section")&&e.parentElement.classList.add(`table-${e.classList.contains("merch")?"merch-":""}section`);let r=Array.from(e.children),i=e.classList.contains("merch"),a=e.classList.contains("collapse")&&!i,n=e.classList.contains("highlight"),o=!0;r.forEach((f,b)=>{f.classList.add("row",`row-${b+1}`),f.setAttribute("role","row");let y=Array.from(f.children),C={row:f,index:b,allRows:r,rowCols:y,isMerch:i,isCollapseTable:a,expandSection:o,isHighlightTable:n};y.forEach((w,v)=>{w.dataset.colIndex=v+1,w.classList.add("col",`col-${v+1}`),w.setAttribute("role",w.matches(".section-head-title")?"columnheader":"cell")}),o=Pu(C)}),Lu(e),Oa(e),i&&Mu(e);let s=!1,c=Tr(),l=()=>{Nu(e,e._originTable,t.labels,t.getStickyTop),kr(e),Uo(e)&&Bd(e,t.getStickyTop)};e.querySelectorAll(i?".col-heading:not(.hidden)":".col-heading:not(.hidden, .col-1)").length>2?e._originTable=e.cloneNode(!0):e._originTable=e;let d=Ze(()=>{kr(e),Oa(e);let f=Tr();c!==f&&(c=f,l())},100),h=()=>Oa(e),p=new IntersectionObserver(f=>{f.some(b=>b.isIntersecting)&&(p.disconnect(),s||(l(),Td(e),Do(e,t.labels),s=!0))}),u=new ResizeObserver(Ze(()=>Oa(e),100));return u.observe(e),window.addEventListener("resize",d),window.addEventListener(xd,h),p.observe(e),s||setTimeout(()=>{s||(l(),Td(e),Do(e,t.labels),s=!0)},0),Nd+=1,()=>{p.disconnect(),u.disconnect(),e._stickyObserver?.disconnect(),e._filterObserver?.disconnect(),delete e._stickyObserver,delete e._filterObserver,delete e._originTable,window.removeEventListener("resize",d),window.removeEventListener(xd,h)}}function ut(e){return e?e.startsWith("color-")||e.startsWith("spectrum-")||e.startsWith("--")?e.startsWith("--")?`var(${e})`:`var(--${e})`:e:""}function Iu(e,t=""){let r=N("mas-mnemonic",{slot:"icons",src:e,size:"l"});return t&&(r.setAttribute("role","img"),r.setAttribute("aria-label",t)),r}function Da(e,t){return e?Array.from(e.querySelectorAll(`[slot="${t}"]`)).map(r=>r.cloneNode(!0)):[]}function Ld(e){return e?Array.from(e.childNodes).map(t=>t.cloneNode(!0)):[]}function qo(e){if(!e)return[];if(e.nodeType!==Node.ELEMENT_NODE)return[e.cloneNode(!0)];let t=Ba(e.cloneNode(!0)),r=Array.from(t.childNodes).some(a=>a.nodeType===Node.TEXT_NODE&&a.textContent.trim()),i=t.childElementCount===1&&t.firstElementChild&&!r;return i&&t.firstElementChild.matches?.(`${O}, ${Fe}, merch-icon, merch-badge, mas-mnemonic`)?[t.firstElementChild.cloneNode(!0)]:i?Ld(t.firstElementChild):["P","DIV","H1","H2","H3","H4","H5","H6"].includes(t.tagName)?Ld(t):[t]}function Ba(e){return!e||e.nodeType!==Node.ELEMENT_NODE||(e.removeAttribute("slot"),e.querySelectorAll?.("[slot]").forEach(t=>t.removeAttribute("slot"))),e}function Pd(e,t){return Da(e,t).map(Ba).find(Boolean)}function Hu(e,t){if(!e)return null;let r=N("p",{class:t}),i=qo(e);return i.length?r.append(...i):r.textContent=e.textContent?.trim()||"",r.textContent?.trim()||r.childNodes.length?r:null}function zu(e){if(!e)return null;let t=N("p",{class:"body"}),r=qo(e);return r.length?t.append(...r):t.textContent=e.textContent?.trim()||"",t.textContent?.trim()||t.childNodes.length?t:null}function $u(e=[]){let t={strikethrough:[],price:[],legal:[]},r="";return e.forEach(i=>{let a=Ba(i.cloneNode(!0)),n=Dd(a);!n&&a.nodeType===Node.TEXT_NODE&&(n=a.textContent?.trim()?r||"price":""),!n&&a.textContent?.trim()&&(n="price"),n&&(t[n].push(a),r=n)}),t}function Ho(e,t=[]){let r=t.filter(i=>i&&(i.nodeType!==Node.TEXT_NODE||i.textContent.trim()));return r.length?N("div",{class:e},r):null}function Du(e=[]){for(let t of e){if(t?.nodeType!==Node.ELEMENT_NODE)continue;let r=t.matches?.(O)?t.cloneNode(!0):t.querySelector?.(O)?.cloneNode(!0);if(r)return r.setAttribute("data-template",ae),r.setAttribute("data-display-plan-type","true"),r.setAttribute("data-display-per-unit","false"),r.setAttribute("data-display-tax","false"),r.setAttribute("data-display-old-price","false"),r.hasAttribute("data-force-tax-exclusive")||r.setAttribute("data-force-tax-exclusive","true"),r}return null}function Bu(e){let r=Da(e,Ia.ctas).map(Ba).flatMap(a=>a.matches?.(".con-button, button, a.con-button")?[a]:Array.from(a.querySelectorAll?.(".con-button, button, a.con-button")||[]).map(n=>n.cloneNode(!0)));if(!r.length)return null;let i=N("div",{class:"buttons-wrapper"});return r.forEach((a,n)=>{let o=n===0?N("p"):N("div",{class:"supplemental-text body-xl action-area"});o.append(a),i.append(o)}),i}function Fu(e){let t=document.createDocumentFragment(),r=N("div",{class:"heading-content content"}),i=N("div",{class:"heading-button"}),a=Da(e,"icons");if(a.length){let f=N("p",{class:"header-product-tile"});a.forEach(b=>{if(b.tagName==="MERCH-ICON"){let y=Iu(b.getAttribute("src")||"",b.getAttribute("alt")||"");y.removeAttribute("slot"),f.append(y);return}b.removeAttribute?.("slot"),f.append(b)}),r.append(f)}let n=Hu(Pd(e,Ia.title),"tracking-header");n&&r.append(n);let o=zu(Pd(e,Ia.description));o&&r.append(o);let s=Da(e,Ia.prices).flatMap(f=>qo(f)),c=$u(s),l=Ho("pricing-before",c.strikethrough);l&&i.append(l);let d=Ho("pricing",c.price);d&&i.append(d);let h=c.legal.length?c.legal:[Du(c.price)].filter(Boolean),p=Ho("pricing-after",h);p&&i.append(p);let u=Bu(e);return u&&i.append(u),t.append(r,i),t}function Uu(e){if(!e)return null;if(e._masTableBadgeData?.contentHtml||e._masTableBadgeData?.text)return e._masTableBadgeData;let t=e.querySelector('[slot="badge"]'),r=e.shadowRoot?.getElementById("badge"),i=t?.matches("merch-badge")?t:t?.querySelector("merch-badge"),a=i?.innerHTML?.trim()||t?.innerHTML?.trim()||r?.innerHTML?.trim()||"",n=i?.textContent?.trim()||t?.textContent?.trim()||r?.textContent?.trim()||e.getAttribute("badge-text")||"";if(!a&&!n)return null;let o=r?getComputedStyle(r):null,s=ut(i?.getAttribute("background-color")||"")||ut(e.getAttribute("badge-background-color")||"")||o?.backgroundColor||"",c=ut(i?.getAttribute("color")||"")||ut(e.getAttribute("badge-color")||"")||o?.color||"";return{contentHtml:a,text:n,icon:i?.getAttribute("icon")||"",backgroundColor:s,textColor:c}}function qu(e){return e?e.startsWith("sp-icon-")?N(e,{class:"badge-icon"}):N("img",{class:"badge-icon",src:e,alt:""}):null}function Gu(e){let t=N("span",{class:"badge-inline-content"}),r=qu(e.icon),i=!!(e.contentHtml||e.text);if(r&&t.append(r),r&&i&&t.append(document.createTextNode(" ")),e.contentHtml){let a=document.createElement("template");a.innerHTML=e.contentHtml,t.append(a.content.cloneNode(!0))}else e.text&&t.append(document.createTextNode(e.text));return t}function Vu(e={}){let t=e.badge;if(!t)return null;if(typeof t!="string"){let o=String(t).trim();return o?{contentHtml:"",text:o,icon:"",backgroundColor:ut(e.badgeBackgroundColor||""),textColor:ut(e.badgeColor||"")}:null}let r=document.createElement("template");r.innerHTML=t;let i=r.content.querySelector("merch-badge")||r.content.firstElementChild,a=i?.innerHTML?.trim()||"",n=i?.textContent?.trim()||t.trim();return!a&&!n?null:{contentHtml:a,text:n,icon:i?.getAttribute?.("icon")||"",backgroundColor:ut(i?.getAttribute?.("background-color")||e.badgeBackgroundColor||""),textColor:ut(i?.getAttribute?.("color")||e.badgeColor||"")}}async function ju(e,t,r){let i=await Promise.all(e.map(async a=>{let n=t.get(a);if(!n)return[a,null];try{let o=document.createElement("merch-card"),s={...fu(n),variant:yd};return o.variant=yd,o._masTableBadgeData=Vu(s),r.append(o),await Ra({...n,fields:s,settings:n.settings||{},variantLayout:{aemFragmentMapping:Ta}},o),[a,o]}catch{return[a,null]}}));return new Map(i.filter(([,a])=>a))}function Wu(e,t,r){if(!e.classList.contains("merch")&&!e.classList.contains("compare-chart-features")||!e.classList.contains("highlight"))return;let i=e.firstElementChild;if(!i)return;let a=Array.from(i.children),n=e.classList.contains("compare-chart-features")?1:0;t.forEach((o,s)=>{let c=a[s+n],l=Uu(r.get(o));if(c){if(!l?.contentHtml&&!l?.text){c.removeAttribute("data-has-badge"),c.replaceChildren();return}c.dataset.hasBadge="true",c.replaceChildren(Gu(l)),l.backgroundColor&&(c.style.backgroundColor=l.backgroundColor,c.style.borderColor=l.backgroundColor),l.textColor&&(c.style.color=l.textColor)}})}function Yu(e,t,r){if(!e.classList.contains("merch")&&!e.classList.contains("compare-chart-features")||!t?.length)return;let i=Array.from(e.children);if(!i.length)return;let a=e.classList.contains("highlight")&&i.length>1?1:0,n=i[a];if(!n)return;let o=Array.from(n.children),s=e.classList.contains("compare-chart-features")?1:0;t.forEach((c,l)=>{let d=o[l+s],h=r.get(c);!d||!h||d.replaceChildren(Fu(h))})}function Xu(e,t){Hd(t,"blockName")==="Table"&&zd(t,"selectedVariantNames").forEach(i=>{i&&e.classList.add(String(i))})}async function Ku(e){let t=[...e.querySelectorAll(Fe)];await Promise.all(t.map(r=>typeof r.onceSettled!="function"?Promise.resolve(r):r.onceSettled().catch(()=>r)))}var Ci,Ar,Ti,pt,ki,_i,Sr,Li,Pi,Cr,mt,je,Bo=class extends HTMLElement{constructor(){super();A(this,Ci,[]);A(this,Ar,0);A(this,Ti);A(this,pt);A(this,ki);A(this,_i);A(this,Sr);A(this,Li);A(this,Pi,Promise.resolve(this));A(this,Cr);A(this,mt);A(this,je);E(this,Cr,document.createElement("style")),m(this,Cr).setAttribute(Rd,""),E(this,mt,document.createElement("div")),E(this,je,document.createElement("div")),m(this,je).className="mas-table-scratch",m(this,je).hidden=!0,m(this,je).setAttribute("aria-hidden","true"),this.append(m(this,Cr),m(this,mt),m(this,je)),this.handleAemFragmentEvents=this.handleAemFragmentEvents.bind(this)}connectedCallback(){let r=this.localName||zo;E(this,pt,Ie()),m(this,Ti)??E(this,Ti,m(this,pt)?.Log?.module?.(r)??m(this,pt)?.log?.module?.(r)??console),this.syncDirection();let i=this.getAttribute("id")??this.aemFragment?.getAttribute("fragment")??"unknown";E(this,Sr,`${bd}${i}${Re}`),E(this,Li,`${bd}${i}${Ne}`),performance.mark(m(this,Sr)),this.addEventListener(me,this.handleAemFragmentEvents),this.addEventListener(pe,this.handleAemFragmentEvents),this.aemFragment?.setAttribute("hidden","")}disconnectedCallback(){this.removeEventListener(me,this.handleAemFragmentEvents),this.removeEventListener(pe,this.handleAemFragmentEvents),this.cleanup()}get aemFragment(){return this.querySelector("aem-fragment")}get updateComplete(){return m(this,Pi)}syncDirection(){let r=this.closest("[dir]")?.getAttribute("dir")||document.documentElement.getAttribute("dir")||"ltr";this.setAttribute("dir",r)}cleanup(){m(this,Ci).splice(0).forEach(r=>r())}beginUpdate(){E(this,Pi,new Promise((r,i)=>{E(this,ki,r),E(this,_i,i)}))}async handleAemFragmentEvents(r){var a;if(!this.isConnected)return;if(r.type===me&&r.target===this.aemFragment){this.fail("AEM fragment cannot be loaded");return}if(r.type!==pe||r.target!==this.aemFragment)return;this.removeAttribute("failed"),this.beginUpdate();let i=++Ft(this,Ar)._;try{if(await this.renderFragment(r.detail),i!==m(this,Ar))return;await Ku(this),m(this,mt).querySelectorAll(".table").forEach(s=>kr(s));let n=performance.measure(m(this,Li),m(this,Sr)),o={...this.aemFragment?.fetchInfo,...m(this,pt)?.duration,measure:xe(n)};this.dispatchEvent(new CustomEvent(We,{bubbles:!0,composed:!0,detail:o})),(a=m(this,ki))==null||a.call(this,this)}catch(n){if(i!==m(this,Ar))return;this.fail(n.message||"Failed to render table")}}getStickyTop(){let r=getComputedStyle(this).getPropertyValue("--mas-table-sticky-top"),i=parseFloat(r);return Number.isFinite(i)?i:0}async renderFragment(r){let i=Fo(r),a=Hd(i,"compareChart").trim();if(!a)throw new Error("compareChart field is missing");this.cleanup(),m(this,mt).replaceChildren(),m(this,je).replaceChildren();let n=document.createElement("div");n.className="mas-table-empty",gu(n,a);let o=Array.from(n.querySelectorAll(".table"));if(!o.length)throw new Error("compareChart does not contain a .table block");let s=bu(r.references),c=zd(i,"cards").map(String),l=await ju(c,s,m(this,je)),d=xu(r);o.forEach(h=>{Xu(h,i),Wu(h,c,l),Yu(h,c,l);let p=Ou(h,{labels:d,getStickyTop:()=>this.getStickyTop()});m(this,Ci).push(p)}),m(this,mt).append(...Array.from(n.childNodes))}fail(r,i={}){var o;if(!this.isConnected)return;this.setAttribute("failed","");let a=this.localName||zo,n={...this.aemFragment?.fetchInfo,...m(this,pt)?.duration,...i,message:r};m(this,Ti)?.error?.(`${a}: ${r}`,n),this.dispatchEvent(new CustomEvent(yt,{bubbles:!0,composed:!0,detail:n})),(o=m(this,_i))==null||o.call(this,new Error(r))}async checkReady(){let r=new Promise(a=>setTimeout(()=>a("timeout"),No));if(this.aemFragment){let a=await Promise.race([this.aemFragment.updateComplete,r]);if(a===!1||a==="timeout"){let n=a==="timeout"?`AEM fragment was not resolved within ${No} timeout`:"AEM fragment cannot be loaded";throw this.fail(n),new Error(n)}}let i=await Promise.race([this.updateComplete,r]);if(i==="timeout"){let a=`mas-table was not resolved within ${No} timeout`;throw this.fail(a),new Error(a)}return i}};Ci=new WeakMap,Ar=new WeakMap,Ti=new WeakMap,pt=new WeakMap,ki=new WeakMap,_i=new WeakMap,Sr=new WeakMap,Li=new WeakMap,Pi=new WeakMap,Cr=new WeakMap,mt=new WeakMap,je=new WeakMap;customElements.define(zo,Bo);var _r="mas-comparison-table",Fd="mas-comparison-table:",Go=2e4,Vo={"choose-table-column":"Choose table column","empty-table-cell":"Empty table cell"},P=(e,t={},r=null)=>{let i=document.createElement(e);return Object.entries(t).forEach(([a,n])=>{n!=null&&i.setAttribute(a,n)}),Ud(i,r),i},Ud=(e,t)=>{if(t!=null){if(Array.isArray(t)){t.forEach(r=>Ud(e,r));return}if(t instanceof Node){e.append(t);return}e.append(document.createTextNode(String(t)))}},jo=e=>e?.fields?Array.isArray(e.fields)?e.fields.reduce((t,r)=>(r?.name&&(t[r.name]=r.multiple?r.values||[]:r.values?.[0]),t),{}):e.fields:{},Mi=(e,t)=>{let r=e?.[t];return r==null?"":Array.isArray(r)?String(r[0]??""):typeof r=="object"&&"value"in r?String(r.value??""):String(r)},Wo=(e,t)=>{let r=e?.[t];return r==null?[]:Array.isArray(r)?r:[r]},Qu=e=>{let t=e?.dictionary||{};return{"choose-table-column":t["choose-table-column"]?.value||t["choose-table-column"]||Vo["choose-table-column"],"empty-table-cell":t["empty-table-cell"]?.value||t["empty-table-cell"]||Vo["empty-table-cell"]}},Zu=e=>e?.type==="content-fragment"&&e.value?{...e.value,path:e.path||e.value.path||"",fields:jo(e.value)}:{...e,path:e?.path||"",fields:jo(e)},Ju=(e=[])=>!e||typeof e!="object"?[]:Array.isArray(e)?e:Object.values(e),eg=(e=[])=>{let t=new Map;return Ju(e).forEach(r=>{let i=Zu(r);[i.id,i.path,i.originalId,i.fields?.originalId,i.path?.split("/").pop()].filter(Boolean).forEach(n=>t.set(String(n),i))}),t},tg=(e="")=>e?[...new DOMParser().parseFromString(e,"text/html").querySelectorAll(".compare-chart-row[data-row-id]")].map(r=>{let i={};return r.querySelectorAll(".compare-chart-cell[data-card-path]").forEach(a=>{let n=a.getAttribute("data-card-path");n&&(i[n]=a.innerHTML||"")}),{id:r.getAttribute("data-row-id")||"",label:r.querySelector(".compare-chart-label")?.innerHTML||"",cellsByPath:i}}):[],Lr=(e="")=>{if(!e)return[];let t=document.createElement("template");return t.innerHTML=e,Array.from(t.content.childNodes).map(r=>r.cloneNode(!0))},rg=(e="")=>{if(!e)return"";let t=document.createElement("template");t.innerHTML=e;let r=t.content.querySelector('[is="inline-price"]');return r?(r.setAttribute("data-template",ae),r.setAttribute("data-display-plan-type","true"),r.setAttribute("data-display-per-unit","false"),r.setAttribute("data-display-tax","false"),r.setAttribute("data-display-old-price","false"),r.hasAttribute("data-force-tax-exclusive")||r.setAttribute("data-force-tax-exclusive","true"),r.outerHTML):""},ig=e=>{let t=Wo(e,"mnemonicIcon"),r=Wo(e,"mnemonicAlt");return t.filter(Boolean).map((i,a)=>P("mas-mnemonic",{src:i,size:"l",...r[a]?{role:"img","aria-label":r[a]}:{}}))},ag={ctas:{size:"l"}},ng=e=>Ma(e,{consonant:!0},ag),og=e=>{let t=e?.fields||{},r=P("div"),i=ig(t);i.length&&r.append(P("p",{class:"header-product-tile"},i));let a=Mi(t,"cardTitle")||e?.title||"";a&&r.append(P("h3",{},a)),r.append(P("p",{},"-"));let n=Mi(t,"description");if(n){let l=P("p");l.append(...Lr(n)),r.append(l)}r.append(P("p",{},"-"));let o=Mi(t,"prices");if(o){let l=P("div");l.append(...Lr(o)),r.append(l)}let s=rg(o);if(s){let l=P("p");l.append(...Lr(s)),r.append(l)}let c=Mi(t,"ctas");if(c){let l=document.createElement("template");l.innerHTML=c,Array.from(l.content.querySelectorAll("a, button")).forEach((h,p)=>{let u=P(p===0?"p":"div",{class:"action-area"}),f=h.tagName==="A"?ng(h):h.cloneNode(!0);u.append(f),r.append(u)})}return r},sg=(e,t="Features")=>{let r=P("div"),i=P("div");i.append(...Lr(t||"Features")),r.append(i);for(let a=0;a{if(!e?.trim())return!1;let t=document.createElement("template");return t.innerHTML=e,t.content.textContent?.trim()?!0:!!t.content.querySelector('img, picture, svg, mas-mnemonic, merch-icon, .icon, [is="inline-price"], a, sp-icon-checkmark')},lg=(e,t)=>!!e?.label?.trim()&&t.every(r=>{let i=e.cellsByPath?.[r.cardRef]||e.cellsByPath?.[r.path]||e.cellsByPath?.[r.id]||"";return!cg(i)}),dg=(e,t)=>{let r=[],i={labelHtml:"Features",rows:[]};return e.forEach(a=>{if(lg(a,t)){(i.rows.length||r.length===0)&&r.push(i),i={labelHtml:a.label||"Features",rows:[]};return}i.rows.push(a)}),(i.rows.length||!r.length)&&r.push(i),r.filter(a=>a.rows.length)},hg=(e,t)=>{let r=P("div"),i=P("div");return i.append(...Lr(e.label)),r.append(i),t.forEach(a=>{let n=P("div"),o=e.cellsByPath?.[a.cardRef]||e.cellsByPath?.[a.path]||e.cellsByPath?.[a.id]||"";n.append(...Lr(o)),r.append(n)}),r},pg=e=>Math.max(...e.map(t=>{let r=window.getComputedStyle(t);return t.offsetHeight-parseFloat(r.paddingTop)-parseFloat(r.paddingBottom)-parseFloat(r.borderTopWidth)-parseFloat(r.borderBottomWidth)})),mg=e=>{let t=[[".header-content-wrapper",".header-item",".sub-header-item-container:not(:last-of-type)"],[".table-row",".table-cell","div"],[".header-content-wrapper",".header-item",".description"]],r=(n,o,s)=>{e.querySelectorAll(n).forEach(c=>{let l=c.querySelectorAll(o);if(!l.length)return;let d=[];l.forEach(h=>{h.querySelectorAll(s).forEach((p,u)=>{d[u]||(d[u]=[]),p.style.minHeight="auto",p.classList.remove("zero-height"),d[u].push(p)})}),d.forEach(h=>{if(!h.length)return;let p=pg(h);h.forEach(u=>{p===0&&u.classList.add("zero-height"),u.style.minHeight=`${p}px`})})})},i=()=>{t.forEach(([n,o,s])=>{r(n,o,s)})},a=()=>i();return window.addEventListener("resize",a),i(),e._comparisonTableRefreshHeights=i,()=>{delete e._comparisonTableRefreshHeights,window.removeEventListener("resize",a)}},ug=e=>{let t=[...e.querySelectorAll(".header-item[data-column-index]")].find(r=>!r.classList.contains("hidden"));return t?parseInt(t.getAttribute("data-column-index"),10):-1},qd=e=>{let t=e.querySelector(".accessibility-header-row");if(!t)return;let r=[...e.querySelectorAll(".header-item:not(.hidden)")],i=new Set(r.map(a=>a.getAttribute("data-column-index")));r.forEach(a=>{let n=a.getAttribute("data-column-index"),o=t.querySelector(`[data-column-index="${n}"]`);o&&(o.classList.remove("hidden"),t.append(o))}),[...t.querySelectorAll(".accessibility-header-cell")].forEach(a=>{let n=a.getAttribute("data-column-index");n!=="-1"&&!i.has(n)&&a.classList.add("hidden")})},gg=({el:e,headerTitles:t})=>{let r=[...e.querySelectorAll(".header-item:not(.hidden) .mobile-filter-select")],i=new Set(r.map(a=>parseInt(a.value,10)));r.forEach(a=>{let n=parseInt(a.value,10);a.innerHTML="",t.forEach((o,s)=>{if(!o||i.has(s)&&s!==n)return;let c=P("option",{value:s},o);s===n&&(c.selected=!0),a.append(c)})})},fg=(e,{headerItemIndex:t,el:r,headerTitles:i})=>{let a=parseInt(e.target.value,10),n=t===ug(r);r.querySelectorAll(`[data-column-index="${t}"]`).forEach(s=>s.classList.add("hidden")),r.querySelectorAll(`[data-column-index="${a}"]`).forEach(s=>{if(s.classList.remove("hidden"),!n)return;let c=s.parentNode;if(!c)return;let l=c.querySelector(".header-item:first-child");if(s.classList.contains("header-item")&&l!==s){c.insertBefore(s,l.nextSibling);return}let d=c.querySelector(".table-row-header");d&&c.insertBefore(s,d.nextSibling)});let o=r.querySelector(`[data-column-index="${a}"] .mobile-filter-select`);o&&(o.value=String(a)),gg({el:r,headerTitles:i}),qd(r),r._comparisonTableRefreshHeights?.()},bg=({headerTitles:e,headerItemIndex:t,el:r})=>{let i=P("select",{class:"mobile-filter-select",name:"column-filter","aria-label":Vo["choose-table-column"]});return e.forEach((a,n)=>{if(!a||t===1&&n===2||t===2&&n===1)return;let o=P("option",{value:n},a);n===t&&(o.selected=!0),i.append(o)}),i.addEventListener("change",a=>fg(a,{headerItemIndex:t,el:r,headerTitles:e})),i},xg=e=>{let t=e.querySelectorAll(".action-area");if(t.length){let i=P("div",{class:"btn-container"});t.length>1&&i.classList.add("has-multiple"),i.append(...t),e.append(i)}let r=e.querySelector("p:not(.action-area)");if(!r){r=P("p",{class:"description"}),e.prepend(r);return}r.classList.add("description")},vg=({containerIndex:e,childrenArray:t,startIndex:r,endIndex:i,el:a,headerTitles:n,headerItemIndex:o,headerItemsCount:s})=>{let c=P("div",{class:"sub-header-item-container"}),l=e===2;for(let d=r;d3&&c.append(bg({headerTitles:n,headerItemIndex:o,el:a})),l&&xg(c),c},yg=({headerItem:e,headerTitles:t,headerItemIndex:r,el:i,headerItemsCount:a})=>{e.classList.add("header-item"),e.setAttribute("data-column-index",r);let n=[...e.children],o=0,s=-1;n.forEach((c,l)=>{if(c.textContent.trim()!=="-"&&l!==n.length-1)return;let d=c.textContent.trim()==="-"?l:n.length,h=vg({childrenArray:n,startIndex:s+1,endIndex:d,el:i,containerIndex:o,headerTitles:t,headerItemIndex:r,headerItemsCount:a});e.append(h),n[d]?.remove(),o+=1,s=d})},wg=(e,t)=>{t.classList.add("header-content");let r=P("div",{class:"header-content-wrapper"});r.append(...t.children),t.append(r);let i=[...r.children],a=i.map(n=>n.querySelector("h1, h2, h3, h4, h5, h6")?.textContent.trim()||"");i.forEach((n,o)=>{if(!n.innerHTML?.trim()){n.remove();return}yg({headerItem:n,headerTitles:a,headerItemIndex:o,el:e,headerItemsCount:i.length})}),r.prepend(P("div",{class:"header-item"})),t.after(P("div",{class:"header-content-dummy","aria-hidden":!0}))},Eg=e=>{let t=P("div",{class:"table-row accessibility-header-row",role:"row"});return t.append(P("div",{class:"accessibility-header-cell",role:"cell","data-column-index":-1})),[...e.querySelectorAll(".header-item[data-column-index]")].forEach(r=>{let i=r.querySelector("h1, h2, h3, h4, h5, h6")?.textContent.trim(),a=P("div",{class:"accessibility-header-cell",role:"columnheader","data-column-index":r.getAttribute("data-column-index")});a.textContent=i||"",t.append(a)}),t},Ag=({tableChild:e,tableElement:t})=>{[...e.children].forEach((a,n)=>{n!==0&&!a.textContent.trim()&&a.remove()}),e.classList.add("table-column-header");let r=e.children[0],i=P("button",{"aria-expanded":!0});return i.innerHTML=r?.innerHTML||"Features",i.append(P("span",{class:"toggle-icon"})),i.addEventListener("click",()=>{t.classList.toggle("hide"),i.setAttribute("aria-expanded",String(i.getAttribute("aria-expanded")!=="true"))}),e.replaceChildren(i),()=>{i.replaceWith(P("div",{},i.innerHTML))}},Sg=e=>{let t=P("div");e.children.length>1||!e.textContent.trim()?t.append(...Array.from(e.childNodes)):t.append(P("p",{},e.innerHTML)),e.innerHTML="",e.append(t)},Cg=({tableChild:e,emptyCellLabel:t})=>{[...e.children].forEach((r,i)=>{if(i===0){r.classList.add("table-row-header"),r.setAttribute("role","rowheader");return}r.classList.add("table-cell"),r.setAttribute("data-column-index",i),r.setAttribute("role","cell"),Sg(r);let a=r.querySelector("div");if(!(a?.textContent?.trim()||"")){let o=P("span",{class:"sr-only"},t);a?.append(o)}}),e.classList.add("table-row"),e.setAttribute("role","row")},Tg=(e,t,r)=>{let i=P("div",{class:"table-container"}),a=P("div",{class:"table-body",role:"table"});t.forEach((n,o)=>{if(o===0){Ag({tableChild:n,tableElement:a}),i.append(n);return}Cg({tableChild:n,emptyCellLabel:r}),a.append(n)}),a.prepend(Eg(e)),i.append(a),e.append(i)},kg=(e,t,r)=>{t.forEach(i=>{Tg(e,i,r)})},_g=e=>{let t=window.matchMedia("(max-width: 768px)"),r=n=>{let o=[...n].filter(c=>c.hasAttribute("data-column-index")),s=o[0]?.parentNode;s&&o.sort((c,l)=>parseInt(c.getAttribute("data-column-index"),10)-parseInt(l.getAttribute("data-column-index"),10)).forEach(c=>{c.classList.remove("hidden"),s.append(c)})},i=(n,o,s=!1)=>{if((s?n.length-1:n.length)<=2)return;let l=s?3:2;n.forEach((d,h)=>{h{let o=n?n.matches:t.matches;o||(r(e.querySelectorAll(".header-item[data-column-index]")),e.querySelectorAll(".table-row").forEach(s=>{r(s.querySelectorAll(".table-cell"))}),[...e.querySelectorAll(".header-item[data-column-index] .mobile-filter-select")].forEach(s=>{let c=s?.closest(".header-item")?.getAttribute("data-column-index");c!=null&&(s.value=c)})),i(e.querySelectorAll(".header-item"),o,!0),e.querySelectorAll(".table-row").forEach(s=>i(s.querySelectorAll(".table-cell"),o)),qd(e)};return a(),t.addEventListener("change",a),()=>t.removeEventListener("change",a)},Lg=e=>{let t=e.querySelector(".header-content"),r=e.querySelector(".header-content-dummy");if(!t||!r)return()=>{};let i=!1,a=()=>{let s=document.querySelector("header"),c=s&&getComputedStyle(s).position==="sticky"?s.offsetHeight:0,l=document.querySelector(".feds-localnav");return c+(l?.offsetHeight||0)},n=a(),o=new IntersectionObserver(([s])=>{if(!(!e.offsetHeight||s.boundingClientRect.top>window.innerHeight*.5)){if(!s.isIntersecting&&!i){n=a();let c=t.querySelector(".sub-header-item-container:first-child"),l=t.querySelector(".sub-header-item-container:nth-of-type(2)"),d=(l?.offsetHeight||0)+(t.querySelector(".sub-header-item-container:last-child .description")?.offsetHeight||0)+(t.querySelector(".mobile-filter-select")?.offsetHeight||0)+(parseFloat(getComputedStyle(c||t).paddingBottom)||0)+(parseFloat(getComputedStyle(c||t).borderTopWidth)||0)+(parseFloat(getComputedStyle(c||t).borderBottomWidth)||0)+(parseFloat(getComputedStyle(l||t).borderTopWidth)||0)+(parseFloat(getComputedStyle(l||t).borderBottomWidth)||0);if((t.offsetHeight-d)/window.innerHeight>=.45)return;let p=t.offsetHeight;t.style.top=`${n}px`,t.classList.add("sticky"),r.style.height=`${p-t.offsetHeight}px`,i=!0;return}s.isIntersecting&&i&&(t.classList.remove("sticky"),t.style.top="",r.style.height="",i=!1)}},{rootMargin:`-${n}px 0px 0px 0px`});return o.observe(r),()=>o.disconnect()},Pg=async e=>{let t=[...e.querySelectorAll(Fe)];await Promise.all(t.map(r=>typeof r.onceSettled!="function"?Promise.resolve(r):r.onceSettled().catch(()=>r)))},Ri,Pr,Le,Ni,Oi,Ii,gt,Mr,Hi,zi,Yo=class extends HTMLElement{constructor(){super();A(this,Ri,[]);A(this,Pr,0);A(this,Le);A(this,Ni);A(this,Oi);A(this,Ii);A(this,gt);A(this,Mr);A(this,Hi);A(this,zi,Promise.resolve(this));this.handleAemFragmentEvents=this.handleAemFragmentEvents.bind(this)}ensureContent(){return m(this,Le)?.isConnected?m(this,Le):(E(this,Le,this.querySelector(":scope > .mas-comparison-table-content")),m(this,Le)?m(this,Le):(E(this,Le,document.createElement("div")),m(this,Le).className="mas-comparison-table-content",this.append(m(this,Le)),m(this,Le)))}connectedCallback(){this.ensureContent(),E(this,gt,Ie()),m(this,Ni)??E(this,Ni,m(this,gt)?.Log?.module?.(_r)??m(this,gt)?.log?.module?.(_r)??console);let r=this.getAttribute("id")??this.aemFragment?.getAttribute("fragment")??"unknown";E(this,Mr,`${Fd}${r}${Re}`),E(this,Hi,`${Fd}${r}${Ne}`),performance.mark(m(this,Mr)),this.addEventListener(me,this.handleAemFragmentEvents),this.addEventListener(pe,this.handleAemFragmentEvents),this.aemFragment?.setAttribute("hidden","")}disconnectedCallback(){this.removeEventListener(me,this.handleAemFragmentEvents),this.removeEventListener(pe,this.handleAemFragmentEvents),this.cleanup()}get aemFragment(){return this.querySelector("aem-fragment")}get updateComplete(){return m(this,zi)}cleanup(){m(this,Ri).splice(0).forEach(r=>r?.())}beginUpdate(){E(this,zi,new Promise((r,i)=>{E(this,Oi,r),E(this,Ii,i)}))}async handleAemFragmentEvents(r){var a;if(!this.isConnected)return;if(r.type===me&&r.target===this.aemFragment){this.fail("AEM fragment cannot be loaded");return}if(r.type!==pe||r.target!==this.aemFragment)return;this.removeAttribute("failed"),this.beginUpdate();let i=++Ft(this,Pr)._;try{if(await this.renderFragment(r.detail),i!==m(this,Pr))return;await Pg(this);let n=performance.measure(m(this,Hi),m(this,Mr));this.dispatchEvent(new CustomEvent(We,{bubbles:!0,composed:!0,detail:{...this.aemFragment?.fetchInfo,...m(this,gt)?.duration,measure:xe(n)}})),(a=m(this,Oi))==null||a.call(this,this)}catch(n){if(i!==m(this,Pr))return;this.fail(n.message||"Failed to render comparison table")}}async renderFragment(r){let i=this.ensureContent(),a=jo(r),n=Mi(a,"compareChart").trim();if(!n)throw new Error("compareChart field is missing");let o=tg(n);if(!o.length)throw new Error("compareChart does not contain .compare-chart rows");let s=eg(r.references||[]),c=Wo(a,"cards").map(String).map(y=>{let C=s.get(y);return{cardRef:y,id:C?.id||"",path:C?.path||"",reference:C}}).filter(y=>y.reference);if(!c.length)throw new Error("No card references found");this.cleanup(),i.replaceChildren();let l=P("div",{class:"comparison-table"}),d=P("div");c.forEach(y=>{d.append(og(y.reference))}),l.append(d);let p=dg(o,c).map(y=>[sg(c.length,y.labelHtml),...y.rows.map(C=>hg(C,c))]);i.append(l),wg(l,d),kg(l,p,Qu(r)["empty-table-cell"]);let u=mg(l),f=Lg(l),b=_g(l);m(this,Ri).push(u,f,b)}fail(r,i={}){var n;if(!this.isConnected)return;this.setAttribute("failed","");let a={...this.aemFragment?.fetchInfo,...m(this,gt)?.duration,...i,message:r};m(this,Ni)?.error?.(`${_r}: ${r}`,a),this.dispatchEvent(new CustomEvent(yt,{bubbles:!0,composed:!0,detail:a})),(n=m(this,Ii))==null||n.call(this,new Error(r))}async checkReady(){let r=new Promise(a=>setTimeout(()=>a("timeout"),Go));if(this.aemFragment){let a=await Promise.race([this.aemFragment.updateComplete,r]);if(a===!1||a==="timeout"){let n=a==="timeout"?`AEM fragment was not resolved within ${Go} timeout`:"AEM fragment cannot be loaded";throw this.fail(n),new Error(n)}}let i=await Promise.race([this.updateComplete,r]);if(i==="timeout"){let a=`${_r} was not resolved within ${Go} timeout`;throw this.fail(a),new Error(a)}return i}};Ri=new WeakMap,Pr=new WeakMap,Le=new WeakMap,Ni=new WeakMap,Oi=new WeakMap,Ii=new WeakMap,gt=new WeakMap,Mr=new WeakMap,Hi=new WeakMap,zi=new WeakMap;customElements.get(_r)||customElements.define(_r,Yo);I();var Gd=` merch-card[variant="ccd-suggested"] [slot="heading-xs"] { font-size: var(--consonant-merch-card-heading-xxs-font-size); @@ -9328,12 +9327,12 @@ merch-card[border-color="spectrum-red-700-plans"] { .spectrum--darkest merch-card[variant="ccd-suggested"]:hover { --consonant-merch-card-border-color:rgb(73, 73, 73); } -`;var gl={backgroundImage:{attribute:"background-image"},badge:!0,ctas:{slot:"cta",size:"M"},description:{tag:"div",slot:"body-xs"},mnemonics:{size:"l"},prices:{tag:"p",slot:"price"},size:[],subtitle:{tag:"h4",slot:"detail-s"},title:{tag:"h3",slot:"heading-xs"}},lr=class extends A{getGlobalCSS(){return ul}get stripStyle(){return this.card.backgroundImage?` +`;var Vd={backgroundImage:{attribute:"background-image"},badge:!0,ctas:{slot:"cta",size:"M"},description:{tag:"div",slot:"body-xs"},mnemonics:{size:"l"},prices:{tag:"p",slot:"price"},size:[],subtitle:{tag:"h4",slot:"detail-s"},title:{tag:"h3",slot:"heading-xs"}},Rr=class extends L{getGlobalCSS(){return Gd}get stripStyle(){return this.card.backgroundImage?` background: url("${this.card.backgroundImage}"); background-size: auto 100%; background-repeat: no-repeat; background-position: ${this.card.dir==="ltr"?"left":"right"}; - `:""}renderLayout(){return u`
+ `:""}renderLayout(){return x`
@@ -9350,7 +9349,7 @@ merch-card[border-color="spectrum-red-700-plans"] {
- `}postCardUpdateHook(t){t.has("backgroundImage")&&this.styleBackgroundImage()}styleBackgroundImage(){if(this.card.classList.remove("thin-strip"),this.card.classList.remove("wide-strip"),!this.card.backgroundImage)return;let t=new Image;t.src=this.card.backgroundImage,t.onload=()=>{t.width>8?this.card.classList.add("wide-strip"):t.width===8&&this.card.classList.add("thin-strip")}}};m(lr,"variantStyle",b` + `}postCardUpdateHook(t){t.has("backgroundImage")&&this.styleBackgroundImage()}styleBackgroundImage(){if(this.card.classList.remove("thin-strip"),this.card.classList.remove("wide-strip"),!this.card.backgroundImage)return;let t=new Image;t.src=this.card.backgroundImage,t.onload=()=>{t.width>8?this.card.classList.add("wide-strip"):t.width===8&&this.card.classList.add("thin-strip")}}};g(Rr,"variantStyle",S` :host([variant='ccd-suggested']) { --consonant-merch-card-background-color: rgb(245, 245, 245); --consonant-merch-card-body-xs-color: rgb(75, 75, 75); @@ -9458,7 +9457,7 @@ merch-card[border-color="spectrum-red-700-plans"] { :host([variant='ccd-suggested']) .top-section { align-items: center; } - `);_();var fl=` + `);I();var jd=` merch-card[variant="ccd-slice"] [slot='image'] img { overflow: hidden; @@ -9483,7 +9482,7 @@ merch-card[variant="ccd-slice"] [slot='body-s'] a.spectrum-Link { --consonant-merch-card-border-color:rgb(48, 48, 48); --consonant-merch-card-detail-s-color:rgb(235, 235, 235); } -`;var xl={backgroundImage:{tag:"div",slot:"image"},badge:!0,ctas:{slot:"footer",size:"S"},description:{tag:"div",slot:"body-s"},mnemonics:{size:"m"},size:["wide"]},dr=class extends A{getGlobalCSS(){return fl}renderLayout(){return u`
+`;var Wd={backgroundImage:{tag:"div",slot:"image"},badge:!0,ctas:{slot:"footer",size:"S"},description:{tag:"div",slot:"body-s"},mnemonics:{size:"m"},size:["wide"]},Nr=class extends L{getGlobalCSS(){return jd}renderLayout(){return x`
${this.badge} @@ -9492,7 +9491,7 @@ merch-card[variant="ccd-slice"] [slot='body-s'] a.spectrum-Link {
- `}};m(dr,"variantStyle",b` + `}};g(Nr,"variantStyle",S` :host([variant='ccd-slice']) { --consonant-merch-card-background-color: rgb(248, 248, 248); --consonant-merch-card-border-color: rgb(230, 230, 230); @@ -9594,7 +9593,7 @@ merch-card[variant="ccd-slice"] [slot='body-s'] a.spectrum-Link { align-items: center; gap: 8px; } - `);_();var vl=` + `);I();var Yd=` merch-card[variant="ah-try-buy-widget"] [slot="body-xxs"] { letter-spacing: normal; margin-bottom: 16px; @@ -9737,7 +9736,7 @@ merch-card[variant="ccd-slice"] [slot='body-s'] a.spectrum-Link { .spectrum--darkest merch-card[variant="ah-try-buy-widget"]:hover { --consonant-merch-card-border-color:rgb(73, 73, 73); } -`;var Gn={mnemonics:{size:"s"},title:{tag:"h3",slot:"heading-xxxs",maxCount:40,withSuffix:!0},badge:{tag:"div",slot:"badge",default:"fuchsia"},allowedBadgeColors:["fuchsia"],description:{tag:"div",slot:"body-xxs",maxCount:200,withSuffix:!1},prices:{tag:"p",slot:"price"},ctas:{slot:"cta",size:"S"},backgroundImage:{tag:"div",slot:"image"},backgroundColor:{attribute:"background-color"},borderColor:{attribute:"border-color",specialValues:{gradient:"linear-gradient(135deg, #ff4885 0%, #b272eb 50%, #5d89ff 100%)"}},allowedColors:{gray:"--spectrum-gray-75"},size:["single","double","triple"]},hr=class extends A{getGlobalCSS(){return vl}get aemFragmentMapping(){return Gn}renderLayout(){return u` +`;var Xo={mnemonics:{size:"s"},title:{tag:"h3",slot:"heading-xxxs",maxCount:40,withSuffix:!0},badge:{tag:"div",slot:"badge",default:"fuchsia"},allowedBadgeColors:["fuchsia"],description:{tag:"div",slot:"body-xxs",maxCount:200,withSuffix:!1},prices:{tag:"p",slot:"price"},ctas:{slot:"cta",size:"S"},backgroundImage:{tag:"div",slot:"image"},backgroundColor:{attribute:"background-color"},borderColor:{attribute:"border-color",specialValues:{gradient:"linear-gradient(135deg, #ff4885 0%, #b272eb 50%, #5d89ff 100%)"}},allowedColors:{gray:"--spectrum-gray-75"},size:["single","double","triple"]},Or=class extends L{getGlobalCSS(){return Yd}get aemFragmentMapping(){return Xo}renderLayout(){return x`
@@ -9754,7 +9753,7 @@ merch-card[variant="ccd-slice"] [slot='body-s'] a.spectrum-Link { - `}};m(hr,"variantStyle",b` + `}};g(Or,"variantStyle",S` :host([variant='ah-try-buy-widget']) { --merch-card-ah-try-buy-widget-min-width: 156px; --merch-card-ah-try-buy-widget-content-min-width: 132px; @@ -9855,7 +9854,7 @@ merch-card[variant="ccd-slice"] [slot='body-s'] a.spectrum-Link { flex-direction: row; align-self: flex-end; } - `);_();var bl=` + `);I();var Xd=` merch-card[variant="ah-promoted-plans"] [slot="body-xxs"] { letter-spacing: normal; box-sizing: border-box; @@ -9942,7 +9941,7 @@ merch-card[variant="ccd-slice"] [slot='body-s'] a.spectrum-Link { --consonant-merch-card-body-xxs-color:rgb(219, 219, 219); --merch-card-ah-promoted-plans-strikethrough-color:rgb(138, 138, 138); } -`;var qn={mnemonics:{size:"s"},title:{tag:"h3",slot:"heading-xxxs",maxCount:40,withSuffix:!0},description:{tag:"div",slot:"body-xxs",maxCount:200,withSuffix:!1},prices:{tag:"p",slot:"price"},ctas:{slot:"cta",size:"S"},backgroundImage:{tag:"div",slot:"image"},backgroundColor:{attribute:"background-color"},borderColor:{attribute:"border-color",specialValues:{gradient:"linear-gradient(135deg, #ff4885 0%, #b272eb 50%, #5d89ff 100%)"}}},pr=class extends A{getGlobalCSS(){return bl}get aemFragmentMapping(){return qn}renderLayout(){return u` +`;var Ko={mnemonics:{size:"s"},title:{tag:"h3",slot:"heading-xxxs",maxCount:40,withSuffix:!0},description:{tag:"div",slot:"body-xxs",maxCount:200,withSuffix:!1},prices:{tag:"p",slot:"price"},ctas:{slot:"cta",size:"S"},backgroundImage:{tag:"div",slot:"image"},backgroundColor:{attribute:"background-color"},borderColor:{attribute:"border-color",specialValues:{gradient:"linear-gradient(135deg, #ff4885 0%, #b272eb 50%, #5d89ff 100%)"}}},Ir=class extends L{getGlobalCSS(){return Xd}get aemFragmentMapping(){return Ko}renderLayout(){return x`
@@ -9957,7 +9956,7 @@ merch-card[variant="ccd-slice"] [slot='body-s'] a.spectrum-Link {
- `}};m(pr,"variantStyle",b` + `}};g(Ir,"variantStyle",S` /* Default styles for the component */ :host([variant='ah-promoted-plans']) { --merch-card-ah-promoted-plans-min-width: 211px; @@ -10046,7 +10045,7 @@ merch-card[variant="ccd-slice"] [slot='body-s'] a.spectrum-Link { justify-content: space-between; align-items: center; } - `);_();var yl=` + `);I();var Kd=` merch-card[variant='fries'] { background-color: var( --merch-card-custom-background-color, @@ -10191,7 +10190,7 @@ merch-card[variant="ccd-slice"] [slot='body-s'] a.spectrum-Link { .spectrum--darkest merch-card[variant="fries"] [slot="body-s"] { color: rgb(142, 142, 147); } -`;var Vn={mnemonics:{size:"s"},title:{tag:"h3",slot:"heading-xxs",maxCount:250,withSuffix:!0},description:{tag:"div",slot:"body-s",maxCount:2e3,withSuffix:!1},badge:{tag:"div",slot:"badge",default:"spectrum-yellow-300"},trialBadge:{tag:"div",slot:"trial-badge",default:"spectrum-green-800"},prices:{tag:"p",slot:"price"},ctas:{slot:"cta",size:"M"},addonConfirmation:{tag:"div",slot:"addon-confirmation"},borderColor:{attribute:"border-color",specialValues:{gray:"--spectrum-gray-300"}}},mr=class extends A{getGlobalCSS(){return yl}get aemFragmentMapping(){return Vn}renderLayout(){return u` +`;var Qo={mnemonics:{size:"s"},title:{tag:"h3",slot:"heading-xxs",maxCount:250,withSuffix:!0},description:{tag:"div",slot:"body-s",maxCount:2e3,withSuffix:!1},badge:{tag:"div",slot:"badge",default:"spectrum-yellow-300"},trialBadge:{tag:"div",slot:"trial-badge",default:"spectrum-green-800"},prices:{tag:"p",slot:"price"},ctas:{slot:"cta",size:"M"},addonConfirmation:{tag:"div",slot:"addon-confirmation"},borderColor:{attribute:"border-color",specialValues:{gray:"--spectrum-gray-300"}}},Hr=class extends L{getGlobalCSS(){return Kd}get aemFragmentMapping(){return Qo}renderLayout(){return x`
@@ -10209,7 +10208,7 @@ merch-card[variant="ccd-slice"] [slot='body-s'] a.spectrum-Link {
- `}};m(mr,"variantStyle",b` + `}};g(Hr,"variantStyle",S` :host([variant='fries']) { --merch-card-fries-max-width: 620px; --merch-card-fries-padding: 24px; @@ -10274,7 +10273,7 @@ merch-card[variant="ccd-slice"] [slot='body-s'] a.spectrum-Link { gap: 8px; margin-top: 15px; } - `);G("ccd-suggested",lr,gl,lr.variantStyle);G("ccd-slice",dr,xl,dr.variantStyle);G("ah-try-buy-widget",hr,Gn,hr.variantStyle);G("ah-promoted-plans",pr,qn,pr.variantStyle);G("fries",mr,Vn,mr.variantStyle); + `);K("ccd-suggested",Rr,Vd,Rr.variantStyle);K("ccd-slice",Nr,Wd,Nr.variantStyle);K("ah-try-buy-widget",Or,Xo,Or.variantStyle);K("ah-promoted-plans",Ir,Ko,Ir.variantStyle);K("fries",Hr,Qo,Hr.variantStyle); /*! Bundled license information: @lit/reactive-element/css-tag.js: diff --git a/web-components/dist/merch-card-collection.js b/web-components/dist/merch-card-collection.js index 813801f19..f7d16c615 100644 --- a/web-components/dist/merch-card-collection.js +++ b/web-components/dist/merch-card-collection.js @@ -1,4 +1,4 @@ -var ei=Object.defineProperty;var ti=e=>{throw TypeError(e)};var jo=(e,t,r)=>t in e?ei(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r;var Wo=(e,t)=>{for(var r in t)ei(e,r,{get:t[r],enumerable:!0})};var f=(e,t,r)=>jo(e,typeof t!="symbol"?t+"":t,r),Tr=(e,t,r)=>t.has(e)||ti("Cannot "+r);var S=(e,t,r)=>(Tr(e,t,"read from private field"),r?r.call(e):t.get(e)),G=(e,t,r)=>t.has(e)?ti("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,r),W=(e,t,r,a)=>(Tr(e,t,"write to private field"),a?a.call(e,r):t.set(e,r),r),mt=(e,t,r)=>(Tr(e,t,"access private method"),r);import{html as Ae,LitElement as Io,css as Do,unsafeCSS as Oo,nothing as me}from"./lit-all.min.js";var O="(max-width: 767px)",X="(max-width: 1199px)",I="(min-width: 768px)",T="(min-width: 1200px)",Z="(min-width: 1600px)",ri={matchMobile:window.matchMedia(O),matchDesktop:window.matchMedia(`${T} and (not ${Z})`),matchDesktopOrUp:window.matchMedia(T),matchLargeDesktop:window.matchMedia(Z),get isMobile(){return this.matchMobile.matches},get isDesktop(){return this.matchDesktop.matches},get isDesktopOrUp(){return this.matchDesktopOrUp.matches}},C=ri;function Gt(){return ri.isDesktop}var ut=class{constructor(t,r){this.key=Symbol("match-media-key"),this.matches=!1,this.host=t,this.host.addController(this),this.media=window.matchMedia(r),this.matches=this.media.matches,this.onChange=this.onChange.bind(this),t.addController(this)}hostConnected(){var t;(t=this.media)==null||t.addEventListener("change",this.onChange)}hostDisconnected(){var t;(t=this.media)==null||t.removeEventListener("change",this.onChange)}onChange(t){this.matches!==t.matches&&(this.matches=t.matches,this.host.requestUpdate(this.key,!this.matches))}};var ai="hashchange";function Yo(e=window.location.hash){let t=[],r=e.replace(/^#/,"").split("&");for(let a of r){let[i,n=""]=a.split("=");i&&t.push([i,decodeURIComponent(n.replace(/\+/g," "))])}return Object.fromEntries(t)}function gt(e){let t=new URLSearchParams(window.location.hash.slice(1));Object.entries(e).forEach(([i,n])=>{n?t.set(i,n):t.delete(i)}),t.sort();let r=t.toString();if(r===window.location.hash)return;let a=window.scrollY||document.documentElement.scrollTop;window.location.hash=r,window.scrollTo(0,a)}function ii(e){let t=()=>{if(window.location.hash&&!window.location.hash.includes("="))return;let r=Yo(window.location.hash);e(r)};return t(),window.addEventListener(ai,t),()=>{window.removeEventListener(ai,t)}}var Zr={};Wo(Zr,{CLASS_NAME_FAILED:()=>Or,CLASS_NAME_HIDDEN:()=>Ko,CLASS_NAME_PENDING:()=>Ir,CLASS_NAME_RESOLVED:()=>Dr,CheckoutWorkflow:()=>hs,CheckoutWorkflowStep:()=>ee,Commitment:()=>Re,ERROR_MESSAGE_BAD_REQUEST:()=>Hr,ERROR_MESSAGE_MISSING_LITERALS_URL:()=>cs,ERROR_MESSAGE_OFFER_NOT_FOUND:()=>zr,EVENT_AEM_ERROR:()=>Rr,EVENT_AEM_LOAD:()=>Mr,EVENT_MAS_ERROR:()=>Nr,EVENT_MAS_READY:()=>ss,EVENT_MERCH_ADDON_AND_QUANTITY_UPDATE:()=>ns,EVENT_MERCH_CARD_ACTION_MENU_TOGGLE:()=>_r,EVENT_MERCH_CARD_COLLECTION_LITERALS_CHANGED:()=>de,EVENT_MERCH_CARD_COLLECTION_SHOWMORE:()=>Lr,EVENT_MERCH_CARD_COLLECTION_SIDENAV_ATTACHED:()=>ft,EVENT_MERCH_CARD_COLLECTION_SORT:()=>Pr,EVENT_MERCH_CARD_QUANTITY_CHANGE:()=>is,EVENT_MERCH_OFFER_READY:()=>Jo,EVENT_MERCH_OFFER_SELECT_READY:()=>es,EVENT_MERCH_QUANTITY_SELECTOR_CHANGE:()=>ue,EVENT_MERCH_SEARCH_CHANGE:()=>os,EVENT_MERCH_SIDENAV_SELECT:()=>kr,EVENT_MERCH_STOCK_CHANGE:()=>rs,EVENT_MERCH_STORAGE_CHANGE:()=>as,EVENT_OFFER_SELECTED:()=>ts,EVENT_TYPE_FAILED:()=>Br,EVENT_TYPE_READY:()=>qt,EVENT_TYPE_RESOLVED:()=>Fr,Env:()=>ge,FF_ANNUAL_PRICE:()=>je,FF_DEFAULTS:()=>xe,HEADER_X_REQUEST_ID:()=>vt,LOG_NAMESPACE:()=>Ur,Landscape:()=>Te,MARK_DURATION_SUFFIX:()=>Xr,MARK_START_SUFFIX:()=>Yr,MODAL_TYPE_3_IN_1:()=>Ne,NAMESPACE:()=>Xo,PARAM_AOS_API_KEY:()=>ls,PARAM_ENV:()=>Gr,PARAM_LANDSCAPE:()=>qr,PARAM_MAS_PREVIEW:()=>$r,PARAM_WCS_API_KEY:()=>ds,PROVIDER_ENVIRONMENT:()=>Wr,SELECTOR_MAS_CHECKOUT_LINK:()=>ni,SELECTOR_MAS_ELEMENT:()=>Cr,SELECTOR_MAS_INLINE_PRICE:()=>q,SELECTOR_MAS_SP_BUTTON:()=>Qo,SELECTOR_MAS_UPT_LINK:()=>oi,SORT_ORDER:()=>pe,STATE_FAILED:()=>he,STATE_PENDING:()=>Se,STATE_RESOLVED:()=>ve,SUPPORTED_COUNTRIES:()=>Kr,TAG_NAME_SERVICE:()=>Zo,TEMPLATE_PRICE:()=>ps,TEMPLATE_PRICE_ANNUAL:()=>us,TEMPLATE_PRICE_LEGAL:()=>ne,TEMPLATE_PRICE_STRIKETHROUGH:()=>ms,Term:()=>ce,WCS_PROD_URL:()=>Vr,WCS_STAGE_URL:()=>jr});var Re=Object.freeze({MONTH:"MONTH",YEAR:"YEAR",TWO_YEARS:"TWO_YEARS",THREE_YEARS:"THREE_YEARS",PERPETUAL:"PERPETUAL",TERM_LICENSE:"TERM_LICENSE",ACCESS_PASS:"ACCESS_PASS",THREE_MONTHS:"THREE_MONTHS",SIX_MONTHS:"SIX_MONTHS"}),ce=Object.freeze({ANNUAL:"ANNUAL",MONTHLY:"MONTHLY",TWO_YEARS:"TWO_YEARS",THREE_YEARS:"THREE_YEARS",P1D:"P1D",P1Y:"P1Y",P3Y:"P3Y",P10Y:"P10Y",P15Y:"P15Y",P3D:"P3D",P7D:"P7D",P30D:"P30D",HALF_YEARLY:"HALF_YEARLY",QUARTERLY:"QUARTERLY"}),Xo="merch",Ko="hidden",qt="wcms:commerce:ready",Zo="mas-commerce-service",q='span[is="inline-price"][data-wcs-osi]',ni='a[is="checkout-link"][data-wcs-osi],button[is="checkout-button"][data-wcs-osi]',Qo="sp-button[data-wcs-osi]",oi='a[is="upt-link"]',Cr=`${q},${ni},${oi}`,Jo="merch-offer:ready",es="merch-offer-select:ready",_r="merch-card:action-menu-toggle",ts="merch-offer:selected",rs="merch-stock:change",as="merch-storage:change",ue="merch-quantity-selector:change",is="merch-card-quantity:change",ns="merch-modal:addon-and-quantity-update",os="merch-search:change",Pr="merch-card-collection:sort",de="merch-card-collection:literals-changed",ft="merch-card-collection:sidenav-attached",Lr="merch-card-collection:showmore",kr="merch-sidenav:select",Mr="aem:load",Rr="aem:error",ss="mas:ready",Nr="mas:error",Or="placeholder-failed",Ir="placeholder-pending",Dr="placeholder-resolved",Hr="Bad WCS request",zr="Commerce offer not found",cs="Literals URL not provided",Br="mas:failed",Fr="mas:resolved",Ur="mas/commerce",$r="mas.preview",Gr="commerce.env",qr="commerce.landscape",ls="commerce.aosKey",ds="commerce.wcsKey",Vr="https://www.adobe.com/web_commerce_artifact",jr="https://www.stage.adobe.com/web_commerce_artifact_stage",he="failed",Se="pending",ve="resolved",Te={DRAFT:"DRAFT",PUBLISHED:"PUBLISHED"},vt="X-Request-Id",ee=Object.freeze({SEGMENTATION:"segmentation",BUNDLE:"bundle",COMMITMENT:"commitment",RECOMMENDATION:"recommendation",EMAIL:"email",PAYMENT:"payment",CHANGE_PLAN_TEAM_PLANS:"change-plan/team-upgrade/plans",CHANGE_PLAN_TEAM_PAYMENT:"change-plan/team-upgrade/payment"}),hs="UCv3",ge=Object.freeze({STAGE:"STAGE",PRODUCTION:"PRODUCTION",LOCAL:"LOCAL"}),Wr={PRODUCTION:"PRODUCTION"},Ne={TWP:"twp",D2P:"d2p",CRM:"crm"},Yr=":start",Xr=":duration",ps="price",ms="price-strikethrough",us="annual",ne="legal",xe="mas-ff-defaults",je="mas-ff-annual-price",pe={alphabetical:"alphabetical",authored:"authored"},Kr=["AE","AM","AR","AT","AU","AZ","BB","BD","BE","BG","BH","BO","BR","BS","BY","CA","CH","CL","CN","CO","CR","CY","CZ","DE","DK","DO","DZ","EC","EE","EG","ES","FI","FR","GB","GE","GH","GR","GT","HK","HN","HR","HU","ID","IE","IL","IN","IQ","IS","IT","JM","JO","JP","KE","KG","KR","KW","KZ","LA","LB","LK","LT","LU","LV","MA","MD","MO","MT","MU","MX","MY","NG","NI","NL","NO","NP","NZ","OM","PA","PE","PH","PK","PL","PR","PT","PY","QA","RO","RS","RU","SA","SE","SG","SI","SK","SV","TH","TJ","TM","TN","TR","TT","TW","TZ","UA","US","UY","UZ","VE","VN","YE","ZA"];var gs="mas-commerce-service";var xt=(e,t)=>e?.querySelector(`[slot="${t}"]`)?.textContent?.trim();function fe(e,t={},r=null,a=null){let i=a?document.createElement(e,{is:a}):document.createElement(e);r instanceof HTMLElement?i.appendChild(r):i.innerHTML=r;for(let[n,o]of Object.entries(t))i.setAttribute(n,o);return i}function Vt(e){return`startTime:${e.startTime.toFixed(2)}|duration:${e.duration.toFixed(2)}`}function Qr(){return window.matchMedia("(max-width: 1024px)").matches}function bt(){return document.getElementsByTagName(gs)?.[0]}function yt(e){let t=window.getComputedStyle(e);return e.offsetHeight+parseFloat(t.marginTop)+parseFloat(t.marginBottom)}import{html as jt,nothing as fs}from"./lit-all.min.js";var We,wt=class wt{constructor(t){f(this,"card");G(this,We);this.card=t,this.insertVariantStyle()}getContainer(){return W(this,We,S(this,We)??this.card.closest('merch-card-collection, [class*="-merch-cards"]')??this.card.parentElement),S(this,We)}insertVariantStyle(){let t=this.constructor.name;if(!wt.styleMap[t]){wt.styleMap[t]=!0;let r=document.createElement("style");r.innerHTML=this.getGlobalCSS(),document.head.appendChild(r)}}updateCardElementMinHeight(t,r){if(!t||this.card.heightSync===!1)return;let a=`--consonant-merch-card-${this.card.variant}-${r}-height`,i=Math.max(0,parseInt(window.getComputedStyle(t).height)||0),n=this.getContainer(),o=parseInt(n.style.getPropertyValue(a))||0;i>o&&n.style.setProperty(a,`${i}px`)}get badge(){let t;if(!(!this.card.badgeBackgroundColor||!this.card.badgeColor||!this.card.badgeText))return this.evergreen&&(t=`border: 1px solid ${this.card.badgeBackgroundColor}; border-right: none;`),jt` +var Ja=Object.defineProperty;var ei=e=>{throw TypeError(e)};var jo=(e,t,r)=>t in e?Ja(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r;var Wo=(e,t)=>{for(var r in t)Ja(e,r,{get:t[r],enumerable:!0})};var f=(e,t,r)=>jo(e,typeof t!="symbol"?t+"":t,r),Sr=(e,t,r)=>t.has(e)||ei("Cannot "+r);var S=(e,t,r)=>(Sr(e,t,"read from private field"),r?r.call(e):t.get(e)),G=(e,t,r)=>t.has(e)?ei("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,r),W=(e,t,r,a)=>(Sr(e,t,"write to private field"),a?a.call(e,r):t.set(e,r),r),mt=(e,t,r)=>(Sr(e,t,"access private method"),r);import{html as Ae,LitElement as Io,css as Do,unsafeCSS as Oo,nothing as me}from"./lit-all.min.js";var O="(max-width: 767px)",X="(max-width: 1199px)",I="(min-width: 768px)",T="(min-width: 1200px)",Z="(min-width: 1600px)",ti={matchMobile:window.matchMedia(O),matchDesktop:window.matchMedia(`${T} and (not ${Z})`),matchDesktopOrUp:window.matchMedia(T),matchLargeDesktop:window.matchMedia(Z),get isMobile(){return this.matchMobile.matches},get isDesktop(){return this.matchDesktop.matches},get isDesktopOrUp(){return this.matchDesktopOrUp.matches}},C=ti;function Gt(){return ti.isDesktop}var ut=class{constructor(t,r){this.key=Symbol("match-media-key"),this.matches=!1,this.host=t,this.host.addController(this),this.media=window.matchMedia(r),this.matches=this.media.matches,this.onChange=this.onChange.bind(this),t.addController(this)}hostConnected(){var t;(t=this.media)==null||t.addEventListener("change",this.onChange)}hostDisconnected(){var t;(t=this.media)==null||t.removeEventListener("change",this.onChange)}onChange(t){this.matches!==t.matches&&(this.matches=t.matches,this.host.requestUpdate(this.key,!this.matches))}};var ri="hashchange";function Yo(e=window.location.hash){let t=[],r=e.replace(/^#/,"").split("&");for(let a of r){let[i,n=""]=a.split("=");i&&t.push([i,decodeURIComponent(n.replace(/\+/g," "))])}return Object.fromEntries(t)}function gt(e){let t=new URLSearchParams(window.location.hash.slice(1));Object.entries(e).forEach(([i,n])=>{n?t.set(i,n):t.delete(i)}),t.sort();let r=t.toString();if(r===window.location.hash)return;let a=window.scrollY||document.documentElement.scrollTop;window.location.hash=r,window.scrollTo(0,a)}function ai(e){let t=()=>{if(window.location.hash&&!window.location.hash.includes("="))return;let r=Yo(window.location.hash);e(r)};return t(),window.addEventListener(ri,t),()=>{window.removeEventListener(ri,t)}}var Kr={};Wo(Kr,{CLASS_NAME_FAILED:()=>Nr,CLASS_NAME_HIDDEN:()=>Ko,CLASS_NAME_PENDING:()=>Or,CLASS_NAME_RESOLVED:()=>Ir,CheckoutWorkflow:()=>hs,CheckoutWorkflowStep:()=>ee,Commitment:()=>Re,ERROR_MESSAGE_BAD_REQUEST:()=>Dr,ERROR_MESSAGE_MISSING_LITERALS_URL:()=>cs,ERROR_MESSAGE_OFFER_NOT_FOUND:()=>Hr,EVENT_AEM_ERROR:()=>Mr,EVENT_AEM_LOAD:()=>kr,EVENT_MAS_ERROR:()=>Rr,EVENT_MAS_READY:()=>ss,EVENT_MERCH_ADDON_AND_QUANTITY_UPDATE:()=>ns,EVENT_MERCH_CARD_ACTION_MENU_TOGGLE:()=>Cr,EVENT_MERCH_CARD_COLLECTION_LITERALS_CHANGED:()=>de,EVENT_MERCH_CARD_COLLECTION_SHOWMORE:()=>Pr,EVENT_MERCH_CARD_COLLECTION_SIDENAV_ATTACHED:()=>ft,EVENT_MERCH_CARD_COLLECTION_SORT:()=>_r,EVENT_MERCH_CARD_QUANTITY_CHANGE:()=>is,EVENT_MERCH_OFFER_READY:()=>Jo,EVENT_MERCH_OFFER_SELECT_READY:()=>es,EVENT_MERCH_QUANTITY_SELECTOR_CHANGE:()=>ue,EVENT_MERCH_SEARCH_CHANGE:()=>os,EVENT_MERCH_SIDENAV_SELECT:()=>Lr,EVENT_MERCH_STOCK_CHANGE:()=>rs,EVENT_MERCH_STORAGE_CHANGE:()=>as,EVENT_OFFER_SELECTED:()=>ts,EVENT_TYPE_FAILED:()=>zr,EVENT_TYPE_READY:()=>qt,EVENT_TYPE_RESOLVED:()=>Br,Env:()=>ge,FF_ANNUAL_PRICE:()=>je,FF_DEFAULTS:()=>xe,HEADER_X_REQUEST_ID:()=>vt,LOG_NAMESPACE:()=>Fr,Landscape:()=>Te,MARK_DURATION_SUFFIX:()=>Yr,MARK_START_SUFFIX:()=>Wr,MODAL_TYPE_3_IN_1:()=>Ne,NAMESPACE:()=>Xo,PARAM_AOS_API_KEY:()=>ls,PARAM_ENV:()=>$r,PARAM_LANDSCAPE:()=>Gr,PARAM_MAS_PREVIEW:()=>Ur,PARAM_WCS_API_KEY:()=>ds,PROVIDER_ENVIRONMENT:()=>jr,SELECTOR_MAS_CHECKOUT_LINK:()=>ii,SELECTOR_MAS_ELEMENT:()=>Tr,SELECTOR_MAS_INLINE_PRICE:()=>q,SELECTOR_MAS_SP_BUTTON:()=>Qo,SELECTOR_MAS_UPT_LINK:()=>ni,SORT_ORDER:()=>pe,STATE_FAILED:()=>he,STATE_PENDING:()=>Se,STATE_RESOLVED:()=>ve,SUPPORTED_COUNTRIES:()=>Xr,TAG_NAME_SERVICE:()=>Zo,TEMPLATE_PRICE:()=>ps,TEMPLATE_PRICE_ANNUAL:()=>us,TEMPLATE_PRICE_LEGAL:()=>ne,TEMPLATE_PRICE_STRIKETHROUGH:()=>ms,Term:()=>ce,WCS_PROD_URL:()=>qr,WCS_STAGE_URL:()=>Vr});var Re=Object.freeze({MONTH:"MONTH",YEAR:"YEAR",TWO_YEARS:"TWO_YEARS",THREE_YEARS:"THREE_YEARS",PERPETUAL:"PERPETUAL",TERM_LICENSE:"TERM_LICENSE",ACCESS_PASS:"ACCESS_PASS",THREE_MONTHS:"THREE_MONTHS",SIX_MONTHS:"SIX_MONTHS"}),ce=Object.freeze({ANNUAL:"ANNUAL",MONTHLY:"MONTHLY",TWO_YEARS:"TWO_YEARS",THREE_YEARS:"THREE_YEARS",P1D:"P1D",P1Y:"P1Y",P3Y:"P3Y",P10Y:"P10Y",P15Y:"P15Y",P3D:"P3D",P7D:"P7D",P30D:"P30D",HALF_YEARLY:"HALF_YEARLY",QUARTERLY:"QUARTERLY"}),Xo="merch",Ko="hidden",qt="wcms:commerce:ready",Zo="mas-commerce-service",q='span[is="inline-price"][data-wcs-osi]',ii='a[is="checkout-link"][data-wcs-osi],button[is="checkout-button"][data-wcs-osi]',Qo="sp-button[data-wcs-osi]",ni='a[is="upt-link"]',Tr=`${q},${ii},${ni}`,Jo="merch-offer:ready",es="merch-offer-select:ready",Cr="merch-card:action-menu-toggle",ts="merch-offer:selected",rs="merch-stock:change",as="merch-storage:change",ue="merch-quantity-selector:change",is="merch-card-quantity:change",ns="merch-modal:addon-and-quantity-update",os="merch-search:change",_r="merch-card-collection:sort",de="merch-card-collection:literals-changed",ft="merch-card-collection:sidenav-attached",Pr="merch-card-collection:showmore",Lr="merch-sidenav:select",kr="aem:load",Mr="aem:error",ss="mas:ready",Rr="mas:error",Nr="placeholder-failed",Or="placeholder-pending",Ir="placeholder-resolved",Dr="Bad WCS request",Hr="Commerce offer not found",cs="Literals URL not provided",zr="mas:failed",Br="mas:resolved",Fr="mas/commerce",Ur="mas.preview",$r="commerce.env",Gr="commerce.landscape",ls="commerce.aosKey",ds="commerce.wcsKey",qr="https://www.adobe.com/web_commerce_artifact",Vr="https://www.stage.adobe.com/web_commerce_artifact_stage",he="failed",Se="pending",ve="resolved",Te={DRAFT:"DRAFT",PUBLISHED:"PUBLISHED"},vt="X-Request-Id",ee=Object.freeze({SEGMENTATION:"segmentation",BUNDLE:"bundle",COMMITMENT:"commitment",RECOMMENDATION:"recommendation",EMAIL:"email",PAYMENT:"payment",CHANGE_PLAN_TEAM_PLANS:"change-plan/team-upgrade/plans",CHANGE_PLAN_TEAM_PAYMENT:"change-plan/team-upgrade/payment"}),hs="UCv3",ge=Object.freeze({STAGE:"STAGE",PRODUCTION:"PRODUCTION",LOCAL:"LOCAL"}),jr={PRODUCTION:"PRODUCTION"},Ne={TWP:"twp",D2P:"d2p",CRM:"crm"},Wr=":start",Yr=":duration",ps="price",ms="price-strikethrough",us="annual",ne="legal",xe="mas-ff-defaults",je="mas-ff-annual-price",pe={alphabetical:"alphabetical",authored:"authored"},Xr=["AE","AM","AR","AT","AU","AZ","BB","BD","BE","BG","BH","BO","BR","BS","BY","CA","CH","CL","CN","CO","CR","CY","CZ","DE","DK","DO","DZ","EC","EE","EG","ES","FI","FR","GB","GE","GH","GR","GT","HK","HN","HR","HU","ID","IE","IL","IN","IQ","IS","IT","JM","JO","JP","KE","KG","KR","KW","KZ","LA","LB","LK","LT","LU","LV","MA","MD","MO","MT","MU","MX","MY","NG","NI","NL","NO","NP","NZ","OM","PA","PE","PH","PK","PL","PR","PT","PY","QA","RO","RS","RU","SA","SE","SG","SI","SK","SV","TH","TJ","TM","TN","TR","TT","TW","TZ","UA","US","UY","UZ","VE","VN","YE","ZA"];var gs="mas-commerce-service";var xt=(e,t)=>e?.querySelector(`[slot="${t}"]`)?.textContent?.trim();function fe(e,t={},r=null,a=null){let i=a?document.createElement(e,{is:a}):document.createElement(e);r instanceof HTMLElement?i.appendChild(r):i.innerHTML=r;for(let[n,o]of Object.entries(t))i.setAttribute(n,o);return i}function Vt(e){return`startTime:${e.startTime.toFixed(2)}|duration:${e.duration.toFixed(2)}`}function Zr(){return window.matchMedia("(max-width: 1024px)").matches}function bt(){return document.getElementsByTagName(gs)?.[0]}function yt(e){let t=window.getComputedStyle(e);return e.offsetHeight+parseFloat(t.marginTop)+parseFloat(t.marginBottom)}import{html as jt,nothing as fs}from"./lit-all.min.js";var We,wt=class wt{constructor(t){f(this,"card");G(this,We);this.card=t,this.insertVariantStyle()}getContainer(){return W(this,We,S(this,We)??this.card.closest('merch-card-collection, [class*="-merch-cards"]')??this.card.parentElement),S(this,We)}insertVariantStyle(){let t=this.constructor.name;if(!wt.styleMap[t]){wt.styleMap[t]=!0;let r=document.createElement("style");r.innerHTML=this.getGlobalCSS(),document.head.appendChild(r)}}updateCardElementMinHeight(t,r){if(!t||this.card.heightSync===!1)return;let a=`--consonant-merch-card-${this.card.variant}-${r}-height`,i=Math.max(0,parseInt(window.getComputedStyle(t).height)||0),n=this.getContainer(),o=parseInt(n.style.getPropertyValue(a))||0;i>o&&n.style.setProperty(a,`${i}px`)}get badge(){let t;if(!(!this.card.badgeBackgroundColor||!this.card.badgeColor||!this.card.badgeText))return this.evergreen&&(t=`border: 1px solid ${this.card.badgeBackgroundColor}; border-right: none;`),jt`
{throw TypeError(e)};var jo=(e,t,r)=>t in >${this.card.secureLabel}`:fs}get secureLabelFooter(){return jt`
${this.secureLabel} -
`}async postCardUpdateHook(){}connectedCallbackHook(){}disconnectedCallbackHook(){}syncHeights(){}renderLayout(){}get aemFragmentMapping(){return Wt(this.card.variant)}};We=new WeakMap,f(wt,"styleMap",{});var L=wt;import{html as Jr,css as vs}from"./lit-all.min.js";var si=` + `}async postCardUpdateHook(){}connectedCallbackHook(){}disconnectedCallbackHook(){}syncHeights(){}renderLayout(){}get aemFragmentMapping(){return this.constructor.fragmentMapping??null}};We=new WeakMap,f(wt,"styleMap",{});var L=wt;import{html as Qr,css as vs}from"./lit-all.min.js";var oi=` :root { --consonant-merch-card-catalog-width: 302px; --consonant-merch-card-catalog-icon-size: 40px; @@ -163,12 +163,12 @@ merch-card[variant="catalog"] .payment-details { merch-card[variant="catalog"] [slot="footer"] .spectrum-Link--primary { font-size: 15px; font-weight: 700; -}`;var ci={cardName:{attribute:"name"},badge:!0,ctas:{slot:"footer",size:"m"},description:{tag:"div",slot:"body-xs"},mnemonics:{size:"l"},prices:{tag:"h3",slot:"heading-xs"},shortDescription:{tag:"div",slot:"action-menu-content",attributes:{tabindex:"0"}},size:["wide","super-wide"],title:{tag:"h3",slot:"heading-xs"}},Ye=class extends L{constructor(r){super(r);f(this,"dispatchActionMenuToggle",()=>{this.card.dispatchEvent(new CustomEvent(_r,{bubbles:!0,composed:!0,detail:{card:this.card.name,type:"action-menu"}}))});f(this,"toggleActionMenu",r=>{!this.actionMenuContentSlot||!r||r.type!=="click"&&r.code!=="Space"&&r.code!=="Enter"||(r.preventDefault(),r.stopPropagation(),this.setMenuVisibility(!this.isMenuOpen()))});f(this,"toggleActionMenuFromCard",r=>{let a=r?.type==="mouseleave"?!0:void 0;this.card.blur(),this.setIconVisibility(!1),this.actionMenuContentSlot&&r?.type==="mouseleave"&&this.setMenuVisibility(!1)});f(this,"showActionMenuOnHover",()=>{this.actionMenu&&this.setIconVisibility(!0)});f(this,"hideActionMenu",()=>{this.setMenuVisibility(!1),this.setIconVisibility(!1)});f(this,"hideActionMenuOnBlur",r=>{r.relatedTarget===this.actionMenu||this.actionMenu?.contains(r.relatedTarget)||this.slottedContent?.contains(r.relatedTarget)||(this.isMenuOpen()&&this.setMenuVisibility(!1),this.card.contains(r.relatedTarget)||this.setIconVisibility(!1))});f(this,"handleCardFocusOut",r=>{r.relatedTarget===this.actionMenu||this.actionMenu?.contains(r.relatedTarget)||r.relatedTarget===this.card||(this.slottedContent&&(r.target===this.slottedContent||this.slottedContent.contains(r.target))&&(this.slottedContent.contains(r.relatedTarget)||this.setMenuVisibility(!1)),!this.card.contains(r.relatedTarget)&&!this.isMenuOpen()&&this.setIconVisibility(!1))});f(this,"handleKeyDown",r=>{(r.key==="Escape"||r.key==="Esc")&&(r.preventDefault(),this.hideActionMenu(),this.actionMenu?.focus())})}get actionMenu(){return this.card.shadowRoot.querySelector(".action-menu")}get actionMenuContentSlot(){return this.card.shadowRoot.querySelector('slot[name="action-menu-content"]')}get slottedContent(){return this.card.querySelector('[slot="action-menu-content"]')}setIconVisibility(r){if(this.slottedContent){if(Qr()&&this.card.actionMenu)return;this.actionMenu?.classList.toggle("invisible",!r),this.actionMenu?.classList.toggle("always-visible",r)}}setMenuVisibility(r){this.actionMenuContentSlot?.classList.toggle("hidden",!r),this.setAriaExpanded(this.actionMenu,r.toString()),r&&(this.dispatchActionMenuToggle(),setTimeout(()=>{let a=this.slottedContent?.querySelector("a");a&&a.focus()},0))}isMenuOpen(){return!this.actionMenuContentSlot?.classList.contains("hidden")}renderLayout(){return Jr`
+}`;var si={cardName:{attribute:"name"},badge:!0,ctas:{slot:"footer",size:"m"},description:{tag:"div",slot:"body-xs"},mnemonics:{size:"l"},prices:{tag:"h3",slot:"heading-xs"},shortDescription:{tag:"div",slot:"action-menu-content",attributes:{tabindex:"0"}},size:["wide","super-wide"],title:{tag:"h3",slot:"heading-xs"}},Ye=class extends L{constructor(r){super(r);f(this,"dispatchActionMenuToggle",()=>{this.card.dispatchEvent(new CustomEvent(Cr,{bubbles:!0,composed:!0,detail:{card:this.card.name,type:"action-menu"}}))});f(this,"toggleActionMenu",r=>{!this.actionMenuContentSlot||!r||r.type!=="click"&&r.code!=="Space"&&r.code!=="Enter"||(r.preventDefault(),r.stopPropagation(),this.setMenuVisibility(!this.isMenuOpen()))});f(this,"toggleActionMenuFromCard",r=>{let a=r?.type==="mouseleave"?!0:void 0;this.card.blur(),this.setIconVisibility(!1),this.actionMenuContentSlot&&r?.type==="mouseleave"&&this.setMenuVisibility(!1)});f(this,"showActionMenuOnHover",()=>{this.actionMenu&&this.setIconVisibility(!0)});f(this,"hideActionMenu",()=>{this.setMenuVisibility(!1),this.setIconVisibility(!1)});f(this,"hideActionMenuOnBlur",r=>{r.relatedTarget===this.actionMenu||this.actionMenu?.contains(r.relatedTarget)||this.slottedContent?.contains(r.relatedTarget)||(this.isMenuOpen()&&this.setMenuVisibility(!1),this.card.contains(r.relatedTarget)||this.setIconVisibility(!1))});f(this,"handleCardFocusOut",r=>{r.relatedTarget===this.actionMenu||this.actionMenu?.contains(r.relatedTarget)||r.relatedTarget===this.card||(this.slottedContent&&(r.target===this.slottedContent||this.slottedContent.contains(r.target))&&(this.slottedContent.contains(r.relatedTarget)||this.setMenuVisibility(!1)),!this.card.contains(r.relatedTarget)&&!this.isMenuOpen()&&this.setIconVisibility(!1))});f(this,"handleKeyDown",r=>{(r.key==="Escape"||r.key==="Esc")&&(r.preventDefault(),this.hideActionMenu(),this.actionMenu?.focus())})}get actionMenu(){return this.card.shadowRoot.querySelector(".action-menu")}get actionMenuContentSlot(){return this.card.shadowRoot.querySelector('slot[name="action-menu-content"]')}get slottedContent(){return this.card.querySelector('[slot="action-menu-content"]')}setIconVisibility(r){if(this.slottedContent){if(Zr()&&this.card.actionMenu)return;this.actionMenu?.classList.toggle("invisible",!r),this.actionMenu?.classList.toggle("always-visible",r)}}setMenuVisibility(r){this.actionMenuContentSlot?.classList.toggle("hidden",!r),this.setAriaExpanded(this.actionMenu,r.toString()),r&&(this.dispatchActionMenuToggle(),setTimeout(()=>{let a=this.slottedContent?.querySelector("a");a&&a.focus()},0))}isMenuOpen(){return!this.actionMenuContentSlot?.classList.contains("hidden")}renderLayout(){return Qr`
${this.badge}
- ${this.promoBottom?"":Jr``} - ${this.promoBottom?Jr``:""}
${this.secureLabelFooter} - `}getGlobalCSS(){return si}setAriaExpanded(r,a){r.setAttribute("aria-expanded",a)}connectedCallbackHook(){this.card.addEventListener("mouseenter",this.showActionMenuOnHover),this.card.addEventListener("mouseleave",this.toggleActionMenuFromCard),this.card.addEventListener("focusin",this.showActionMenuOnHover),this.card.addEventListener("focusout",this.handleCardFocusOut),this.card.addEventListener("keydown",this.handleKeyDown)}disconnectedCallbackHook(){this.card.removeEventListener("mouseenter",this.showActionMenuOnHover),this.card.removeEventListener("mouseleave",this.toggleActionMenuFromCard),this.card.removeEventListener("focusin",this.showActionMenuOnHover),this.card.removeEventListener("focusout",this.handleCardFocusOut),this.card.removeEventListener("keydown",this.handleKeyDown)}};f(Ye,"variantStyle",vs` + `}getGlobalCSS(){return oi}setAriaExpanded(r,a){r.setAttribute("aria-expanded",a)}connectedCallbackHook(){this.card.addEventListener("mouseenter",this.showActionMenuOnHover),this.card.addEventListener("mouseleave",this.toggleActionMenuFromCard),this.card.addEventListener("focusin",this.showActionMenuOnHover),this.card.addEventListener("focusout",this.handleCardFocusOut),this.card.addEventListener("keydown",this.handleKeyDown)}disconnectedCallbackHook(){this.card.removeEventListener("mouseenter",this.showActionMenuOnHover),this.card.removeEventListener("mouseleave",this.toggleActionMenuFromCard),this.card.removeEventListener("focusin",this.showActionMenuOnHover),this.card.removeEventListener("focusout",this.handleCardFocusOut),this.card.removeEventListener("keydown",this.handleKeyDown)}};f(Ye,"variantStyle",vs` :host([variant='catalog']) { min-height: 330px; width: var(--consonant-merch-card-catalog-width); @@ -220,7 +220,7 @@ merch-card[variant="catalog"] [slot="footer"] .spectrum-Link--primary { right: initial; left: 16px; } - `);import{html as Et,css as xs}from"./lit-all.min.js";var li=` + `);import{html as Et,css as xs}from"./lit-all.min.js";var ci=` :root { --consonant-merch-card-image-width: 300px; --merch-card-collection-card-width: var(--consonant-merch-card-image-width); @@ -259,7 +259,7 @@ merch-card[variant="catalog"] [slot="footer"] .spectrum-Link--primary { grid-template-columns: repeat(4, var(--consonant-merch-card-image-width)); } } -`;var di={cardName:{attribute:"name"},badge:{tag:"div",slot:"badge",default:"spectrum-yellow-300-plans"},badgeIcon:!0,borderColor:{attribute:"border-color"},allowedBadgeColors:["spectrum-yellow-300-plans","spectrum-gray-300-plans","spectrum-gray-700-plans","spectrum-green-900-plans","spectrum-red-700-plans","gradient-purple-blue"],allowedBorderColors:["spectrum-yellow-300-plans","spectrum-gray-300-plans","spectrum-green-900-plans","spectrum-red-700-plans","gradient-purple-blue"],ctas:{slot:"footer",size:"m"},description:{tag:"div",slot:"body-xs"},mnemonics:{size:"l"},prices:{tag:"h3",slot:"heading-xs"},promoText:{tag:"p",slot:"promo-text"},size:["wide","super-wide"],title:{tag:"h3",slot:"heading-xs"},subtitle:{tag:"p",slot:"body-xxs"},backgroundImage:{tag:"div",slot:"bg-image"}},Oe=class extends L{constructor(t){super(t)}getGlobalCSS(){return li}renderLayout(){return Et`
+`;var li={cardName:{attribute:"name"},badge:{tag:"div",slot:"badge",default:"spectrum-yellow-300-plans"},badgeIcon:!0,borderColor:{attribute:"border-color"},allowedBadgeColors:["spectrum-yellow-300-plans","spectrum-gray-300-plans","spectrum-gray-700-plans","spectrum-green-900-plans","spectrum-red-700-plans","gradient-purple-blue"],allowedBorderColors:["spectrum-yellow-300-plans","spectrum-gray-300-plans","spectrum-green-900-plans","spectrum-red-700-plans","gradient-purple-blue"],ctas:{slot:"footer",size:"m"},description:{tag:"div",slot:"body-xs"},mnemonics:{size:"l"},prices:{tag:"h3",slot:"heading-xs"},promoText:{tag:"p",slot:"promo-text"},size:["wide","super-wide"],title:{tag:"h3",slot:"heading-xs"},subtitle:{tag:"p",slot:"body-xxs"},backgroundImage:{tag:"div",slot:"bg-image"}},Oe=class extends L{constructor(t){super(t)}getGlobalCSS(){return ci}renderLayout(){return Et`
@@ -303,7 +303,7 @@ merch-card[variant="catalog"] [slot="footer"] .spectrum-Link--primary { left: 0px; right: initial; } - `);import{html as pi}from"./lit-all.min.js";var hi=` + `);import{html as hi}from"./lit-all.min.js";var di=` :root { --consonant-merch-card-inline-heading-width: 300px; } @@ -339,7 +339,7 @@ merch-card[variant="catalog"] [slot="footer"] .spectrum-Link--primary { grid-template-columns: repeat(4, var(--consonant-merch-card-inline-heading-width)); } } -`;var Yt=class extends L{constructor(t){super(t)}getGlobalCSS(){return hi}renderLayout(){return pi` ${this.badge} +`;var Wt=class extends L{constructor(t){super(t)}getGlobalCSS(){return di}renderLayout(){return hi` ${this.badge}
@@ -347,7 +347,7 @@ merch-card[variant="catalog"] [slot="footer"] .spectrum-Link--primary {
- ${this.card.customHr?"":pi`
`} ${this.secureLabelFooter}`}};import{html as Ce,css as bs,unsafeCSS as ui}from"./lit-all.min.js";var mi=` + ${this.card.customHr?"":hi`
`} ${this.secureLabelFooter}`}};import{html as Ce,css as bs,unsafeCSS as mi}from"./lit-all.min.js";var pi=` :root { --consonant-merch-card-mini-compare-chart-icon-size: 32px; --consonant-merch-card-mini-compare-border-color: #E9E9E9; @@ -1143,14 +1143,14 @@ merch-card[variant="mini-compare-chart"] merch-mnemonic-list:nth-child(7) { merch-card[variant="mini-compare-chart"] merch-mnemonic-list:nth-child(8) { min-height: var(--consonant-merch-card-footer-row-8-min-height); } -`;var ys=32,gi={cardName:{attribute:"name"},title:{tag:"h3",slot:"heading-xs"},subtitle:{tag:"p",slot:"subtitle"},prices:{tag:"p",slot:"heading-m-price"},promoText:{tag:"div",slot:"promo-text"},shortDescription:{tag:"div",slot:"body-xxs"},description:{tag:"div",slot:"body-m"},mnemonics:{size:"l"},quantitySelect:{tag:"div",slot:"quantity-select"},callout:{tag:"div",slot:"callout-content"},addon:!0,secureLabel:!0,planType:!0,badgeIcon:!0,badge:{tag:"div",slot:"badge",default:"spectrum-yellow-300-plans"},allowedBadgeColors:["spectrum-yellow-300-plans","spectrum-gray-300-plans","spectrum-gray-700-plans","spectrum-green-900-plans","spectrum-red-700-plans","gradient-purple-blue"],allowedBorderColors:["spectrum-yellow-300-plans","spectrum-gray-300-plans","spectrum-green-900-plans","spectrum-red-700-plans","gradient-purple-blue"],borderColor:{attribute:"border-color"},size:["wide","super-wide"],whatsIncluded:{tag:"div",slot:"footer-rows"},ctas:{slot:"footer",size:"l"},style:"consonant"},Xe=class extends L{constructor(r){super(r);f(this,"getRowMinHeightPropertyName",r=>`--consonant-merch-card-footer-row-${r}-min-height`);f(this,"getMiniCompareFooter",()=>{let r=this.card.secureLabel?Ce` +`;var ys=32,ui={cardName:{attribute:"name"},title:{tag:"h3",slot:"heading-xs"},subtitle:{tag:"p",slot:"subtitle"},prices:{tag:"p",slot:"heading-m-price"},promoText:{tag:"div",slot:"promo-text"},shortDescription:{tag:"div",slot:"body-xxs"},description:{tag:"div",slot:"body-m"},mnemonics:{size:"l"},quantitySelect:{tag:"div",slot:"quantity-select"},callout:{tag:"div",slot:"callout-content"},addon:!0,secureLabel:!0,planType:!0,badgeIcon:!0,badge:{tag:"div",slot:"badge",default:"spectrum-yellow-300"},allowedBadgeColors:["spectrum-yellow-300","spectrum-gray-300","spectrum-gray-700","spectrum-green-900","spectrum-red-700","gradient-purple-blue"],allowedBorderColors:["spectrum-yellow-300","spectrum-gray-300","spectrum-green-900","spectrum-red-700","gradient-purple-blue"],borderColor:{attribute:"border-color"},size:["wide","super-wide"],whatsIncluded:{tag:"div",slot:"footer-rows"},ctas:{slot:"footer",size:"l"},style:"consonant"},Xe=class extends L{constructor(r){super(r);f(this,"getRowMinHeightPropertyName",r=>`--consonant-merch-card-footer-row-${r}-min-height`);f(this,"getMiniCompareFooter",()=>{let r=this.card.secureLabel?Ce` ${this.card.secureLabel}`:Ce``;return this.isNewVariant?Ce`
${r}

-
`:Ce`
${r}
`});this.updatePriceQuantity=this.updatePriceQuantity.bind(this)}connectedCallbackHook(){this.card.addEventListener(ue,this.updatePriceQuantity),this.visibilityObserver=new IntersectionObserver(([r])=>{r.boundingClientRect.height!==0&&r.isIntersecting&&(C.isMobile||requestAnimationFrame(()=>{let a=this.getContainer();if(!a)return;a.querySelectorAll('merch-card[variant="mini-compare-chart"]').forEach(n=>n.variantLayout?.syncHeights?.())}),this.visibilityObserver.disconnect())}),this.visibilityObserver.observe(this.card)}disconnectedCallbackHook(){if(this.card.removeEventListener(ue,this.updatePriceQuantity),this.visibilityObserver?.disconnect(),this.calloutListenersAdded){document.removeEventListener("touchstart",this.handleCalloutTouch),document.removeEventListener("mouseover",this.handleCalloutMouse);let r=this.card.querySelector('[slot="callout-content"] .icon-button');r?.removeEventListener("focusin",this.handleCalloutFocusin),r?.removeEventListener("focusout",this.handleCalloutFocusout),r?.removeEventListener("keydown",this.handleCalloutKeydown),this.calloutListenersAdded=!1}}updatePriceQuantity({detail:r}){!this.mainPrice||!r?.option||(this.mainPrice.dataset.quantity=r.option)}priceOptionsProvider(r,a){if(this.isNewVariant){if(r.dataset.template===ne){a.displayPlanType=this.card?.settings?.displayPlanType??!1;return}(r.dataset.template==="strikethrough"||r.dataset.template==="price")&&(a.displayPerUnit=!1)}}getGlobalCSS(){return mi}adjustMiniCompareBodySlots(){if(this.card.getBoundingClientRect().width<=2)return;this.updateCardElementMinHeight(this.card.shadowRoot.querySelector(".top-section"),"top-section");let r=["heading-m","subtitle","body-m","heading-m-price","body-xxs","price-commitment","quantity-select","offers","promo-text","callout-content","addon"];this.card.classList.contains("bullet-list")&&r.push("footer-rows"),r.forEach(i=>this.updateCardElementMinHeight(this.card.shadowRoot.querySelector(`slot[name="${i}"]`),i)),this.updateCardElementMinHeight(this.card.shadowRoot.querySelector("footer"),"footer"),this.card.shadowRoot.querySelector(".mini-compare-chart-badge")?.textContent!==""&&this.getContainer().style.setProperty("--consonant-merch-card-mini-compare-chart-top-section-mobile-height","32px")}adjustMiniCompareFooterRows(){if(this.card.getBoundingClientRect().width===0)return;let r;if(this.isNewVariant){let a=this.card.querySelector("merch-whats-included");if(!a)return;r=[...a.querySelectorAll('[slot="content"] merch-mnemonic-list')]}else{let a=this.card.querySelector('[slot="footer-rows"] ul');if(!a||!a.children)return;r=[...a.children]}r.length&&r.forEach((a,i)=>{let n=Math.max(ys,parseFloat(window.getComputedStyle(a).height)||0),o=parseFloat(this.getContainer().style.getPropertyValue(this.getRowMinHeightPropertyName(i+1)))||0;n>o&&this.getContainer().style.setProperty(this.getRowMinHeightPropertyName(i+1),`${n}px`)})}removeEmptyRows(){this.isNewVariant?this.card.querySelectorAll("merch-whats-included merch-mnemonic-list").forEach(a=>{let i=a.querySelector('[slot="description"]');i&&!i.textContent.trim()&&a.remove()}):this.card.querySelectorAll(".footer-row-cell").forEach(a=>{let i=a.querySelector(".footer-row-cell-description");i&&!i.textContent.trim()&&a.remove()})}padFooterRows(){let r=this.getContainer();if(!r)return;let a=r.querySelectorAll('merch-card[variant="mini-compare-chart"]');if(this.isNewVariant){let i=0;if(a.forEach(l=>{let d=l.querySelector("merch-whats-included");if(!d)return;let p=d.querySelectorAll('[slot="content"] merch-mnemonic-list:not([data-placeholder])');i=Math.max(i,p.length)}),i===0)return;let n=this.card.querySelector("merch-whats-included");if(!n)return;let o=n.querySelector('[slot="content"]');if(!o)return;o.querySelectorAll("merch-mnemonic-list[data-placeholder]").forEach(l=>l.remove());let s=o.querySelectorAll("merch-mnemonic-list").length,c=i-s;for(let l=0;l{let l=c.querySelector('[slot="footer-rows"] ul');if(!l)return;let d=l.querySelectorAll("li.footer-row-cell:not([data-placeholder])");i=Math.max(i,d.length)}),i===0)return;let n=this.card.querySelector('[slot="footer-rows"] ul');if(!n)return;n.querySelectorAll("li.footer-row-cell[data-placeholder]").forEach(c=>c.remove());let o=n.querySelectorAll("li.footer-row-cell").length,s=i-o;for(let c=0;cs.remove()),r.checked){if(o){let s=fe("p",{class:"addon-heading-m-price-addon",slot:"heading-m-price"},o.innerHTML);this.card.appendChild(s)}}else{let s=fe("p",{class:"card-heading",id:"free",slot:"heading-m-price"},"Free");this.card.appendChild(s)}}}showTooltip(r){r.classList.remove("hide-tooltip"),r.setAttribute("aria-expanded","true")}hideTooltip(r){r.classList.add("hide-tooltip"),r.setAttribute("aria-expanded","false")}adjustCallout(){let r=this.card.querySelector('[slot="callout-content"] .icon-button');if(!r||this.calloutListenersAdded)return;let a=r.title||r.dataset.tooltip;if(!a)return;r.title&&(r.dataset.tooltip=r.title,r.removeAttribute("title"));let i=r.parentElement;if(i&&i.tagName==="P"){let n=document.createElement("div"),o=document.createElement("div");o.className="callout-row";let s=document.createElement("div");for(s.className="callout-text";i.firstChild&&i.firstChild!==r;)s.appendChild(i.firstChild);o.appendChild(s),o.appendChild(r),n.appendChild(o),i.replaceWith(n)}r.setAttribute("role","button"),r.setAttribute("tabindex","0"),r.setAttribute("aria-label",a),r.setAttribute("aria-expanded","false"),this.hideTooltip(r),this.handleCalloutTouch=n=>{n.target!==r?this.hideTooltip(r):r.classList.contains("hide-tooltip")?this.showTooltip(r):this.hideTooltip(r)},this.handleCalloutMouse=n=>{n.target!==r?this.hideTooltip(r):this.showTooltip(r)},this.handleCalloutFocusin=()=>{this.showTooltip(r)},this.handleCalloutFocusout=()=>{this.hideTooltip(r)},this.handleCalloutKeydown=n=>{n.key==="Escape"&&(this.hideTooltip(r),r.blur())},document.addEventListener("touchstart",this.handleCalloutTouch),document.addEventListener("mouseover",this.handleCalloutMouse),r.addEventListener("focusin",this.handleCalloutFocusin),r.addEventListener("focusout",this.handleCalloutFocusout),r.addEventListener("keydown",this.handleCalloutKeydown),this.calloutListenersAdded=!0}async adjustAddon(){await this.card.updateComplete;let r=this.card.addon;if(!r)return;let a=this.mainPrice,i=this.card.planType;if(a&&(await a.onceSettled(),i=a.value?.[0]?.planType),!i)return;r.planType=i,this.card.querySelector("merch-addon[plan-type]")?.updateComplete.then(()=>{this.updateCardElementMinHeight(this.card.shadowRoot.querySelector('slot[name="addon"]'),"addon")})}async adjustLegal(){if(!this.legalAdjusted)try{this.legalAdjusted=!0,await this.card.updateComplete,await customElements.whenDefined("inline-price");let r=this.mainPrice;if(!r)return;let a=r.cloneNode(!0);if(await r.onceSettled(),!r?.options)return;r.options.displayPerUnit&&(r.dataset.displayPerUnit="false"),r.options.displayTax&&(r.dataset.displayTax="false"),r.options.displayPlanType&&(r.dataset.displayPlanType="false"),a.setAttribute("data-template","legal"),r.parentNode.insertBefore(a,r.nextSibling),await a.onceSettled()}catch{}}adjustShortDescription(){let r=this.card.querySelector('[slot="body-xxs"]'),a=r?.textContent?.trim();if(!a)return;let n=this.card.querySelector('[slot="heading-m-price"] [data-template="legal"]')?.querySelector(".price-plan-type");if(!n)return;let o=document.createElement("em");o.setAttribute("slot","body-xxs"),o.textContent=` ${a}`,n.appendChild(o),r.remove()}renderLayout(){return this.isNewVariant?Ce`
+ `:Ce`
${r}
`});this.updatePriceQuantity=this.updatePriceQuantity.bind(this)}connectedCallbackHook(){this.card.addEventListener(ue,this.updatePriceQuantity),this.visibilityObserver=new IntersectionObserver(([r])=>{r.boundingClientRect.height!==0&&r.isIntersecting&&(C.isMobile||requestAnimationFrame(()=>{let a=this.getContainer();if(!a)return;a.querySelectorAll('merch-card[variant="mini-compare-chart"]').forEach(n=>n.variantLayout?.syncHeights?.())}),this.visibilityObserver.disconnect())}),this.visibilityObserver.observe(this.card)}disconnectedCallbackHook(){if(this.card.removeEventListener(ue,this.updatePriceQuantity),this.visibilityObserver?.disconnect(),this.calloutListenersAdded){document.removeEventListener("touchstart",this.handleCalloutTouch),document.removeEventListener("mouseover",this.handleCalloutMouse);let r=this.card.querySelector('[slot="callout-content"] .icon-button');r?.removeEventListener("focusin",this.handleCalloutFocusin),r?.removeEventListener("focusout",this.handleCalloutFocusout),r?.removeEventListener("keydown",this.handleCalloutKeydown),this.calloutListenersAdded=!1}}updatePriceQuantity({detail:r}){!this.mainPrice||!r?.option||(this.mainPrice.dataset.quantity=r.option)}priceOptionsProvider(r,a){if(this.isNewVariant){if(r.dataset.template===ne){a.displayPlanType=this.card?.settings?.displayPlanType??!0;return}(r.dataset.template==="strikethrough"||r.dataset.template==="price")&&(a.displayPerUnit=!1)}}getGlobalCSS(){return pi}adjustMiniCompareBodySlots(){if(this.card.getBoundingClientRect().width<=2)return;this.updateCardElementMinHeight(this.card.shadowRoot.querySelector(".top-section"),"top-section");let r=["heading-m","subtitle","body-m","heading-m-price","body-xxs","price-commitment","quantity-select","offers","promo-text","callout-content","addon"];this.card.classList.contains("bullet-list")&&r.push("footer-rows"),r.forEach(i=>this.updateCardElementMinHeight(this.card.shadowRoot.querySelector(`slot[name="${i}"]`),i)),this.updateCardElementMinHeight(this.card.shadowRoot.querySelector("footer"),"footer"),this.card.shadowRoot.querySelector(".mini-compare-chart-badge")?.textContent!==""&&this.getContainer().style.setProperty("--consonant-merch-card-mini-compare-chart-top-section-mobile-height","32px")}adjustMiniCompareFooterRows(){if(this.card.getBoundingClientRect().width===0)return;let r;if(this.isNewVariant){let a=this.card.querySelector("merch-whats-included");if(!a)return;r=[...a.querySelectorAll('[slot="content"] merch-mnemonic-list')]}else{let a=this.card.querySelector('[slot="footer-rows"] ul');if(!a||!a.children)return;r=[...a.children]}r.length&&r.forEach((a,i)=>{let n=Math.max(ys,parseFloat(window.getComputedStyle(a).height)||0),o=parseFloat(this.getContainer().style.getPropertyValue(this.getRowMinHeightPropertyName(i+1)))||0;n>o&&this.getContainer().style.setProperty(this.getRowMinHeightPropertyName(i+1),`${n}px`)})}removeEmptyRows(){this.isNewVariant?this.card.querySelectorAll("merch-whats-included merch-mnemonic-list").forEach(a=>{let i=a.querySelector('[slot="description"]');i&&!i.textContent.trim()&&a.remove()}):this.card.querySelectorAll(".footer-row-cell").forEach(a=>{let i=a.querySelector(".footer-row-cell-description");i&&!i.textContent.trim()&&a.remove()})}padFooterRows(){let r=this.getContainer();if(!r)return;let a=r.querySelectorAll('merch-card[variant="mini-compare-chart"]');if(this.isNewVariant){let i=0;if(a.forEach(l=>{let d=l.querySelector("merch-whats-included");if(!d)return;let p=d.querySelectorAll('[slot="content"] merch-mnemonic-list:not([data-placeholder])');i=Math.max(i,p.length)}),i===0)return;let n=this.card.querySelector("merch-whats-included");if(!n)return;let o=n.querySelector('[slot="content"]');if(!o)return;o.querySelectorAll("merch-mnemonic-list[data-placeholder]").forEach(l=>l.remove());let s=o.querySelectorAll("merch-mnemonic-list").length,c=i-s;for(let l=0;l{let l=c.querySelector('[slot="footer-rows"] ul');if(!l)return;let d=l.querySelectorAll("li.footer-row-cell:not([data-placeholder])");i=Math.max(i,d.length)}),i===0)return;let n=this.card.querySelector('[slot="footer-rows"] ul');if(!n)return;n.querySelectorAll("li.footer-row-cell[data-placeholder]").forEach(c=>c.remove());let o=n.querySelectorAll("li.footer-row-cell").length,s=i-o;for(let c=0;cs.remove()),r.checked){if(o){let s=fe("p",{class:"addon-heading-m-price-addon",slot:"heading-m-price"},o.innerHTML);this.card.appendChild(s)}}else{let s=fe("p",{class:"card-heading",id:"free",slot:"heading-m-price"},"Free");this.card.appendChild(s)}}}showTooltip(r){r.classList.remove("hide-tooltip"),r.setAttribute("aria-expanded","true")}hideTooltip(r){r.classList.add("hide-tooltip"),r.setAttribute("aria-expanded","false")}adjustCallout(){let r=this.card.querySelector('[slot="callout-content"] .icon-button');if(!r||this.calloutListenersAdded)return;let a=r.title||r.dataset.tooltip;if(!a)return;r.title&&(r.dataset.tooltip=r.title,r.removeAttribute("title"));let i=r.parentElement;if(i&&i.tagName==="P"){let n=document.createElement("div"),o=document.createElement("div");o.className="callout-row";let s=document.createElement("div");for(s.className="callout-text";i.firstChild&&i.firstChild!==r;)s.appendChild(i.firstChild);o.appendChild(s),o.appendChild(r),n.appendChild(o),i.replaceWith(n)}r.setAttribute("role","button"),r.setAttribute("tabindex","0"),r.setAttribute("aria-label",a),r.setAttribute("aria-expanded","false"),this.hideTooltip(r),this.handleCalloutTouch=n=>{n.target!==r?this.hideTooltip(r):r.classList.contains("hide-tooltip")?this.showTooltip(r):this.hideTooltip(r)},this.handleCalloutMouse=n=>{n.target!==r?this.hideTooltip(r):this.showTooltip(r)},this.handleCalloutFocusin=()=>{this.showTooltip(r)},this.handleCalloutFocusout=()=>{this.hideTooltip(r)},this.handleCalloutKeydown=n=>{n.key==="Escape"&&(this.hideTooltip(r),r.blur())},document.addEventListener("touchstart",this.handleCalloutTouch),document.addEventListener("mouseover",this.handleCalloutMouse),r.addEventListener("focusin",this.handleCalloutFocusin),r.addEventListener("focusout",this.handleCalloutFocusout),r.addEventListener("keydown",this.handleCalloutKeydown),this.calloutListenersAdded=!0}async adjustAddon(){await this.card.updateComplete;let r=this.card.addon;if(!r)return;let a=this.mainPrice,i=this.card.planType;if(a&&(await a.onceSettled(),i=a.value?.[0]?.planType),!i)return;r.planType=i,this.card.querySelector("merch-addon[plan-type]")?.updateComplete.then(()=>{this.updateCardElementMinHeight(this.card.shadowRoot.querySelector('slot[name="addon"]'),"addon")})}async adjustLegal(){if(!this.legalAdjusted)try{this.legalAdjusted=!0,await this.card.updateComplete,await customElements.whenDefined("inline-price");let r=this.mainPrice;if(!r)return;let a=r.cloneNode(!0);if(await r.onceSettled(),!r?.options)return;r.options.displayPerUnit&&(r.dataset.displayPerUnit="false"),r.options.displayTax&&(r.dataset.displayTax="false"),r.options.displayPlanType&&(r.dataset.displayPlanType="false"),a.setAttribute("data-template","legal"),r.parentNode.insertBefore(a,r.nextSibling),await a.onceSettled()}catch{}}adjustShortDescription(){let r=this.card.querySelector('[slot="body-xxs"]'),a=r?.textContent?.trim();if(!a)return;let n=this.card.querySelector('[slot="heading-m-price"] [data-template="legal"]')?.querySelector(".price-plan-type");if(!n)return;let o=document.createElement("em");o.setAttribute("slot","body-xxs"),o.textContent=` ${a}`,n.appendChild(o),r.remove()}renderLayout(){return this.isNewVariant?Ce`
${this.badge}
@@ -1276,7 +1276,7 @@ merch-card[variant="mini-compare-chart"] merch-mnemonic-list:nth-child(8) { color: #505050; } - @media screen and ${ui(X)} { + @media screen and ${mi(X)} { [class*'-merch-cards'] :host([variant='mini-compare-chart']) footer { @@ -1286,7 +1286,7 @@ merch-card[variant="mini-compare-chart"] merch-mnemonic-list:nth-child(8) { } } - @media screen and ${ui(T)} { + @media screen and ${mi(T)} { :host([variant='mini-compare-chart']) footer { padding: var(--consonant-merch-spacing-xs) var(--consonant-merch-spacing-s) @@ -1365,26 +1365,24 @@ merch-card[variant="mini-compare-chart"] merch-mnemonic-list:nth-child(8) { /* Border color styles */ :host( - [variant='mini-compare-chart'][border-color='spectrum-yellow-300-plans'] + [variant='mini-compare-chart'][border-color='spectrum-yellow-300'] ) { --consonant-merch-card-border-color: #ffd947; } :host( - [variant='mini-compare-chart'][border-color='spectrum-gray-300-plans'] + [variant='mini-compare-chart'][border-color='spectrum-gray-300'] ) { --consonant-merch-card-border-color: #dadada; } :host( - [variant='mini-compare-chart'][border-color='spectrum-green-900-plans'] + [variant='mini-compare-chart'][border-color='spectrum-green-900'] ) { --consonant-merch-card-border-color: #05834e; } - :host( - [variant='mini-compare-chart'][border-color='spectrum-red-700-plans'] - ) { + :host([variant='mini-compare-chart'][border-color='spectrum-red-700']) { --consonant-merch-card-border-color: #eb1000; filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.16)); } @@ -1401,45 +1399,45 @@ merch-card[variant="mini-compare-chart"] merch-mnemonic-list:nth-child(8) { /* Badge color styles */ :host([variant='mini-compare-chart']) - ::slotted([slot='badge'].spectrum-red-700-plans) { + ::slotted([slot='badge'].spectrum-red-700) { filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.16)); } :host([variant='mini-compare-chart']) - ::slotted([slot='badge'].spectrum-yellow-300-plans), - :host([variant='mini-compare-chart']) #badge.spectrum-yellow-300-plans { + ::slotted([slot='badge'].spectrum-yellow-300), + :host([variant='mini-compare-chart']) #badge.spectrum-yellow-300 { background-color: #ffd947; color: #2c2c2c; } :host([variant='mini-compare-chart']) - ::slotted([slot='badge'].spectrum-gray-300-plans), - :host([variant='mini-compare-chart']) #badge.spectrum-gray-300-plans { + ::slotted([slot='badge'].spectrum-gray-300), + :host([variant='mini-compare-chart']) #badge.spectrum-gray-300 { background-color: #dadada; color: #2c2c2c; } :host([variant='mini-compare-chart']) - ::slotted([slot='badge'].spectrum-gray-700-plans), - :host([variant='mini-compare-chart']) #badge.spectrum-gray-700-plans { + ::slotted([slot='badge'].spectrum-gray-700), + :host([variant='mini-compare-chart']) #badge.spectrum-gray-700 { background-color: #4b4b4b; color: #ffffff; } :host([variant='mini-compare-chart']) - ::slotted([slot='badge'].spectrum-green-900-plans), - :host([variant='mini-compare-chart']) #badge.spectrum-green-900-plans { + ::slotted([slot='badge'].spectrum-green-900), + :host([variant='mini-compare-chart']) #badge.spectrum-green-900 { background-color: #05834e; color: #ffffff; } :host([variant='mini-compare-chart']) - ::slotted([slot='badge'].spectrum-red-700-plans), - :host([variant='mini-compare-chart']) #badge.spectrum-red-700-plans { + ::slotted([slot='badge'].spectrum-red-700), + :host([variant='mini-compare-chart']) #badge.spectrum-red-700 { background-color: #eb1000; color: #ffffff; } - `);import{html as Xt,css as ws,unsafeCSS as vi,nothing as Es}from"./lit-all.min.js";var fi=` + `);import{html as Yt,css as ws,unsafeCSS as fi,nothing as Es}from"./lit-all.min.js";var gi=` :root { --list-checked-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='%23222222' d='M15.656,3.8625l-.7275-.5665a.5.5,0,0,0-.7.0875L7.411,12.1415,4.0875,8.8355a.5.5,0,0,0-.707,0L2.718,9.5a.5.5,0,0,0,0,.707l4.463,4.45a.5.5,0,0,0,.75-.0465L15.7435,4.564A.5.5,0,0,0,15.656,3.8625Z'%3E%3C/path%3E%3C/svg%3E"); --merch-card-collection-card-width: var(--consonant-merch-card-mini-compare-chart-mweb-width); @@ -2157,7 +2155,7 @@ merch-card .footer-row-cell:nth-child(7) { merch-card .footer-row-cell:nth-child(8) { min-height: var(--consonant-merch-card-footer-row-8-min-height); } -`;var As=32,xi={cardName:{attribute:"name"},title:{tag:"h3",slot:"heading-xs"},subtitle:{tag:"p",slot:"subtitle"},prices:{tag:"p",slot:"heading-m-price"},promoText:{tag:"div",slot:"promo-text"},shortDescription:{tag:"div",slot:"body-m"},description:{tag:"div",slot:"body-xs"},mnemonics:{size:"l"},quantitySelect:{tag:"div",slot:"quantity-select"},secureLabel:!0,planType:!0,badgeIcon:!0,badge:{tag:"div",slot:"badge",default:"spectrum-yellow-300-plans"},allowedBadgeColors:["spectrum-yellow-300-plans","spectrum-gray-300-plans","spectrum-gray-700-plans","spectrum-green-900-plans","spectrum-red-700-plans","gradient-purple-blue"],allowedBorderColors:["spectrum-yellow-300-plans","spectrum-gray-300-plans","spectrum-green-900-plans","spectrum-red-700-plans","gradient-purple-blue"],borderColor:{attribute:"border-color"},size:["wide","super-wide"],ctas:{slot:"footer",size:"l"},footerRows:{tag:"div",slot:"footer-rows"},style:"consonant"},Ke=class extends L{constructor(r){super(r);f(this,"getRowMinHeightPropertyName",r=>`--consonant-merch-card-footer-row-${r}-min-height`);f(this,"getMiniCompareFooter",()=>Xt`
+`;var As=32,vi={cardName:{attribute:"name"},title:{tag:"h3",slot:"heading-xs"},subtitle:{tag:"p",slot:"subtitle"},prices:{tag:"p",slot:"heading-m-price"},promoText:{tag:"div",slot:"promo-text"},shortDescription:{tag:"div",slot:"body-m"},description:{tag:"div",slot:"body-xs"},mnemonics:{size:"l"},quantitySelect:{tag:"div",slot:"quantity-select"},secureLabel:!0,planType:!0,badgeIcon:!0,badge:{tag:"div",slot:"badge",default:"spectrum-yellow-300-plans"},allowedBadgeColors:["spectrum-yellow-300-plans","spectrum-gray-300-plans","spectrum-gray-700-plans","spectrum-green-900-plans","spectrum-red-700-plans","gradient-purple-blue"],allowedBorderColors:["spectrum-yellow-300-plans","spectrum-gray-300-plans","spectrum-green-900-plans","spectrum-red-700-plans","gradient-purple-blue"],borderColor:{attribute:"border-color"},size:["wide","super-wide"],ctas:{slot:"footer",size:"l"},footerRows:{tag:"div",slot:"footer-rows"},style:"consonant"},Ke=class extends L{constructor(r){super(r);f(this,"getRowMinHeightPropertyName",r=>`--consonant-merch-card-footer-row-${r}-min-height`);f(this,"getMiniCompareFooter",()=>Yt`
${this.secureLabel}

-
`);f(this,"getMiniCompareFooterRows",()=>Xt`
`);f(this,"getMiniCompareFooterRows",()=>Yt` `);this.updatePriceQuantity=this.updatePriceQuantity.bind(this)}connectedCallbackHook(){this.card.addEventListener(ue,this.updatePriceQuantity)}disconnectedCallbackHook(){this.card.removeEventListener(ue,this.updatePriceQuantity),this._syncObserver?.disconnect(),this._syncObserver=null}updatePriceQuantity({detail:r}){!this.mainPrice||!r?.option||(this.mainPrice.dataset.quantity=r.option)}priceOptionsProvider(r,a){if(r.dataset.template===ne){a.displayPlanType=this.card?.settings?.displayPlanType??!1;return}(r.dataset.template==="strikethrough"||r.dataset.template==="price")&&(a.displayPerUnit=!1)}getGlobalCSS(){return fi}adjustMiniCompareBodySlots(){if(this.card.getBoundingClientRect().width<=2){this._syncObserver||(this._syncObserver=new ResizeObserver(()=>{this.card.getBoundingClientRect().width>2&&(this._syncObserver?.disconnect(),this._syncObserver=null,this.adjustMiniCompareBodySlots(),this.adjustMiniCompareFooterRows())}),this._syncObserver.observe(this.card));return}["heading-xs","subtitle","heading-m-price","promo-text","body-m","body-xs","footer-rows"].forEach(a=>{let n=this.card.querySelector(`[slot="${a}"]`)??this.card.shadowRoot.querySelector(`slot[name="${a}"]`);this.updateCardElementMinHeight(n,a)}),this.updateCardElementMinHeight(this.card.shadowRoot.querySelector('slot[name="promo-text"]'),"promo-text"),this.updateCardElementMinHeight(this.card.shadowRoot.querySelector("footer"),"footer")}adjustMiniCompareFooterRows(){if(this.card.getBoundingClientRect().width===0)return;let r=this.card.querySelector('[slot="footer-rows"] ul');!r||!r.children||[...r.children].forEach((a,i)=>{let n=Math.max(As,parseFloat(window.getComputedStyle(a).height)||0),o=parseFloat(this.getContainer().style.getPropertyValue(this.getRowMinHeightPropertyName(i+1)))||0;n>o&&this.getContainer().style.setProperty(this.getRowMinHeightPropertyName(i+1),`${n}px`)})}removeEmptyRows(){this.card.querySelectorAll(".footer-row-cell").forEach(a=>{let i=a.querySelector(".footer-row-cell-description");i&&!i.textContent.trim()&&a.remove()})}setupToggle(){if(this.toggleSetupDone)return;let r=this.card.querySelector('[slot="body-xs"]');if(!r)return;let a=r.querySelector("p"),i=r.querySelector("ul");if(!a||!i||r.querySelector(".footer-rows-title"))return;this.toggleSetupDone=!0;let n=a.textContent.trim(),o=this.card.querySelector("h3")?.id,s=o?`${o}-list`:`mweb-list-${Date.now()}`;i.setAttribute("id",s),i.classList.add("checkmark-copy-container");let c=fe("div",{class:"footer-rows-title"},n);if(C.isMobile){let l=fe("button",{class:"toggle-icon","aria-label":n,"aria-expanded":"false","aria-controls":s});c.appendChild(l),c.addEventListener("click",()=>{let d=i.classList.toggle("open");l.classList.toggle("expanded",d),l.setAttribute("aria-expanded",String(d))})}else i.classList.add("open");a.replaceWith(c)}get mainPrice(){return this.card.querySelector(`[slot="heading-m-price"] ${q}[data-template="price"]`)}async adjustLegal(){if(!this.legalAdjusted)try{this.legalAdjusted=!0,await this.card.updateComplete,await customElements.whenDefined("inline-price");let r=this.mainPrice;if(!r)return;let a=r.cloneNode(!0);if(await r.onceSettled(),!r?.options)return;r.options.displayPerUnit&&(r.dataset.displayPerUnit="false"),r.options.displayTax&&(r.dataset.displayTax="false"),r.options.displayPlanType&&(r.dataset.displayPlanType="false"),a.setAttribute("data-template","legal"),r.parentNode.insertBefore(a,r.nextSibling),await a.onceSettled()}catch{}}get icons(){return!this.card.querySelector('[slot="icons"]')&&!this.card.getAttribute("id")?Es:Xt``}renderLayout(){return Xt` +
`);this.updatePriceQuantity=this.updatePriceQuantity.bind(this)}connectedCallbackHook(){this.card.addEventListener(ue,this.updatePriceQuantity)}disconnectedCallbackHook(){this.card.removeEventListener(ue,this.updatePriceQuantity),this._syncObserver?.disconnect(),this._syncObserver=null}updatePriceQuantity({detail:r}){!this.mainPrice||!r?.option||(this.mainPrice.dataset.quantity=r.option)}priceOptionsProvider(r,a){if(r.dataset.template===ne){a.displayPlanType=this.card?.settings?.displayPlanType??!1;return}(r.dataset.template==="strikethrough"||r.dataset.template==="price")&&(a.displayPerUnit=!1)}getGlobalCSS(){return gi}adjustMiniCompareBodySlots(){if(this.card.getBoundingClientRect().width<=2){this._syncObserver||(this._syncObserver=new ResizeObserver(()=>{this.card.getBoundingClientRect().width>2&&(this._syncObserver?.disconnect(),this._syncObserver=null,this.adjustMiniCompareBodySlots(),this.adjustMiniCompareFooterRows())}),this._syncObserver.observe(this.card));return}["heading-xs","subtitle","heading-m-price","promo-text","body-m","body-xs","footer-rows"].forEach(a=>{let n=this.card.querySelector(`[slot="${a}"]`)??this.card.shadowRoot.querySelector(`slot[name="${a}"]`);this.updateCardElementMinHeight(n,a)}),this.updateCardElementMinHeight(this.card.shadowRoot.querySelector('slot[name="promo-text"]'),"promo-text"),this.updateCardElementMinHeight(this.card.shadowRoot.querySelector("footer"),"footer")}adjustMiniCompareFooterRows(){if(this.card.getBoundingClientRect().width===0)return;let r=this.card.querySelector('[slot="footer-rows"] ul');!r||!r.children||[...r.children].forEach((a,i)=>{let n=Math.max(As,parseFloat(window.getComputedStyle(a).height)||0),o=parseFloat(this.getContainer().style.getPropertyValue(this.getRowMinHeightPropertyName(i+1)))||0;n>o&&this.getContainer().style.setProperty(this.getRowMinHeightPropertyName(i+1),`${n}px`)})}removeEmptyRows(){this.card.querySelectorAll(".footer-row-cell").forEach(a=>{let i=a.querySelector(".footer-row-cell-description");i&&!i.textContent.trim()&&a.remove()})}setupToggle(){if(this.toggleSetupDone)return;let r=this.card.querySelector('[slot="body-xs"]');if(!r)return;let a=r.querySelector("p"),i=r.querySelector("ul");if(!a||!i||r.querySelector(".footer-rows-title"))return;this.toggleSetupDone=!0;let n=a.textContent.trim(),o=this.card.querySelector("h3")?.id,s=o?`${o}-list`:`mweb-list-${Date.now()}`;i.setAttribute("id",s),i.classList.add("checkmark-copy-container");let c=fe("div",{class:"footer-rows-title"},n);if(C.isMobile){let l=fe("button",{class:"toggle-icon","aria-label":n,"aria-expanded":"false","aria-controls":s});c.appendChild(l),c.addEventListener("click",()=>{let d=i.classList.toggle("open");l.classList.toggle("expanded",d),l.setAttribute("aria-expanded",String(d))})}else i.classList.add("open");a.replaceWith(c)}get mainPrice(){return this.card.querySelector(`[slot="heading-m-price"] ${q}[data-template="price"]`)}async adjustLegal(){if(!this.legalAdjusted)try{this.legalAdjusted=!0,await this.card.updateComplete,await customElements.whenDefined("inline-price");let r=this.mainPrice;if(!r)return;let a=r.cloneNode(!0);if(await r.onceSettled(),!r?.options)return;r.options.displayPerUnit&&(r.dataset.displayPerUnit="false"),r.options.displayTax&&(r.dataset.displayTax="false"),r.options.displayPlanType&&(r.dataset.displayPlanType="false"),a.setAttribute("data-template","legal"),r.parentNode.insertBefore(a,r.nextSibling),await a.onceSettled()}catch{}}get icons(){return!this.card.querySelector('[slot="icons"]')&&!this.card.getAttribute("id")?Es:Yt``}renderLayout(){return Yt` ${this.badge}
${this.icons} @@ -2227,7 +2225,7 @@ merch-card .footer-row-cell:nth-child(8) { padding-inline-start: var(--consonant-merch-spacing-xs); } - @media screen and ${vi(X)} { + @media screen and ${fi(X)} { [class*'-merch-cards'] :host([variant='mini-compare-chart-mweb']) footer { @@ -2237,7 +2235,7 @@ merch-card .footer-row-cell:nth-child(8) { } } - @media screen and ${vi(T)} { + @media screen and ${fi(T)} { :host([variant='mini-compare-chart-mweb']) footer { padding: 0; } @@ -2455,7 +2453,7 @@ merch-card .footer-row-cell:nth-child(8) { gap: var(--consonant-merch-spacing-xxs); margin: unset; } - `);import{html as At,css as Ss,nothing as Kt}from"./lit-all.min.js";var bi=` + `);import{html as At,css as Ss,nothing as Xt}from"./lit-all.min.js";var xi=` :root { --consonant-merch-card-plans-width: 302px; --consonant-merch-card-plans-students-width: 302px; @@ -2917,11 +2915,11 @@ merch-card-collection:has([slot="subtitle"]) merch-card { --merch-sidenav-collection-gap: 54px; } } -`;var Zt={cardName:{attribute:"name"},title:{tag:"h3",slot:"heading-xs"},subtitle:{tag:"p",slot:"subtitle"},prices:{tag:"p",slot:"heading-m"},promoText:{tag:"p",slot:"promo-text"},description:{tag:"div",slot:"body-xs"},mnemonics:{size:"l"},callout:{tag:"div",slot:"callout-content"},quantitySelect:{tag:"div",slot:"quantity-select"},addon:!0,secureLabel:!0,planType:!0,badgeIcon:!0,badge:{tag:"div",slot:"badge",default:"spectrum-yellow-300-plans"},allowedBadgeColors:["spectrum-yellow-300-plans","spectrum-gray-300-plans","spectrum-gray-700-plans","spectrum-green-900-plans","gradient-purple-blue"],allowedBorderColors:["spectrum-yellow-300-plans","spectrum-gray-300-plans","spectrum-green-900-plans","gradient-purple-blue"],borderColor:{attribute:"border-color"},size:["wide","super-wide"],whatsIncluded:{tag:"div",slot:"whats-included"},ctas:{slot:"footer",size:"m"},style:"consonant",perUnitLabel:{tag:"span",slot:"per-unit-label"}},yi={...function(){let{whatsIncluded:e,size:t,...r}=Zt;return r}(),title:{tag:"h3",slot:"heading-s"},secureLabel:!1},wi={...function(){let{subtitle:e,whatsIncluded:t,size:r,quantitySelect:a,...i}=Zt;return i}()},te=class extends L{constructor(t){super(t),this.adaptForMedia=this.adaptForMedia.bind(this)}priceOptionsProvider(t,r){t.dataset.template===ne&&(r.displayPlanType=this.card?.settings?.displayPlanType??!1)}getGlobalCSS(){return bi}adjustSlotPlacement(t,r,a){let i=this.card.shadowRoot,n=i.querySelector("footer"),o=this.card.getAttribute("size");if(!o)return;let s=i.querySelector(`footer slot[name="${t}"]`),c=i.querySelector(`.body slot[name="${t}"]`),l=i.querySelector(".body");if(o.includes("wide")||(n?.classList.remove("wide-footer"),s&&s.remove()),!!r.includes(o)){if(n?.classList.toggle("wide-footer",C.isDesktopOrUp),!a&&s){if(c)s.remove();else{let d=l.querySelector(`[data-placeholder-for="${t}"]`);d?d.replaceWith(s):l.appendChild(s)}return}if(a&&c){let d=document.createElement("div");if(d.setAttribute("data-placeholder-for",t),d.classList.add("slot-placeholder"),!s){let p=c.cloneNode(!0);n.prepend(p)}c.replaceWith(d)}}}adaptForMedia(){if(!this.card.closest("merch-card-collection,overlay-trigger,.two-merch-cards,.three-merch-cards,.four-merch-cards, .columns")){this.card.removeAttribute("size");return}this.adjustSlotPlacement("addon",["super-wide"],C.isDesktopOrUp),this.adjustSlotPlacement("callout-content",["super-wide"],C.isDesktopOrUp)}adjustCallout(){let t=this.card.querySelector('[slot="callout-content"] .icon-button');t&&t.title&&(t.dataset.tooltip=t.title,t.removeAttribute("title"),t.classList.add("hide-tooltip"),document.addEventListener("touchstart",r=>{r.preventDefault(),r.target!==t?t.classList.add("hide-tooltip"):r.target.classList.toggle("hide-tooltip")}),document.addEventListener("mouseover",r=>{r.preventDefault(),r.target!==t?t.classList.add("hide-tooltip"):r.target.classList.remove("hide-tooltip")}))}async adjustEduLists(){if(this.card.variant!=="plans-education"||this.card.querySelector(".spacer"))return;let r=this.card.querySelector('[slot="body-xs"]');if(!r)return;let a=r.querySelector("ul");if(!a)return;let i=a.previousElementSibling,n=document.createElement("div");n.classList.add("spacer"),r.insertBefore(n,i);let o=new IntersectionObserver(([s])=>{if(s.boundingClientRect.height===0)return;let c=0,l=this.card.querySelector('[slot="heading-s"]');l&&(c+=yt(l));let d=this.card.querySelector('[slot="subtitle"]');d&&(c+=yt(d));let p=this.card.querySelector('[slot="heading-m"]');p&&(c+=8+yt(p));for(let h of r.childNodes){if(h.classList.contains("spacer"))break;c+=yt(h)}let u=this.card.parentElement.style.getPropertyValue("--merch-card-plans-edu-list-max-offset");c>(parseFloat(u)||0)&&this.card.parentElement.style.setProperty("--merch-card-plans-edu-list-max-offset",`${c}px`),this.card.style.setProperty("--merch-card-plans-edu-list-offset",`${c}px`),o.disconnect()});o.observe(this.card)}async postCardUpdateHook(){this.adaptForMedia(),this.adjustAddon(),this.adjustCallout(),this.legalAdjusted||(await this.adjustLegal(),await this.adjustEduLists())}get headingM(){return this.card.querySelector('[slot="heading-m"]')}get mainPrice(){return this.headingM.querySelector(`${q}[data-template="price"]`)}get divider(){return this.card.variant==="plans-education"?At`
`:Kt}async adjustLegal(){if(!this.legalAdjusted)try{this.legalAdjusted=!0,await this.card.updateComplete,await customElements.whenDefined("inline-price");let t=[],r=this.card.querySelector(`[slot="heading-m"] ${q}[data-template="price"]`);r&&t.push(r);let a=t.map(async i=>{let n=i.cloneNode(!0);await i.onceSettled(),i?.options&&(i.options.displayPerUnit&&(i.dataset.displayPerUnit="false"),i.options.displayTax&&(i.dataset.displayTax="false"),i.options.displayPlanType&&(i.dataset.displayPlanType="false"),n.setAttribute("data-template","legal"),i.parentNode.insertBefore(n,i.nextSibling),await n.onceSettled())});await Promise.all(a)}catch{}}async adjustAddon(){await this.card.updateComplete;let t=this.card.addon;if(!t)return;t.setAttribute("custom-checkbox","");let r=this.mainPrice;if(!r)return;await r.onceSettled();let a=r.value?.[0]?.planType;a&&(t.planType=a)}get stockCheckbox(){return this.card.checkboxLabel?At``:Xt}get icons(){return!this.card.querySelector('[slot="icons"]')&&!this.card.getAttribute("id")?Xt:At``}connectedCallbackHook(){C.matchMobile.addEventListener("change",this.adaptForMedia),C.matchDesktopOrUp.addEventListener("change",this.adaptForMedia)}disconnectedCallbackHook(){C.matchMobile.removeEventListener("change",this.adaptForMedia),C.matchDesktopOrUp.removeEventListener("change",this.adaptForMedia)}renderLayout(){return At` ${this.badge}
${this.icons} @@ -3049,7 +3047,7 @@ merch-card-collection:has([slot="subtitle"]) merch-card { line-height: 21px; padding: 2px 10px 3px; } - `),f(te,"collectionOptions",{customHeaderArea:t=>t.sidenav?At``:Kt,headerVisibility:{search:!1,sort:!1,result:["mobile","tablet"],custom:["desktop"]},onSidenavAttached:t=>{let r=()=>{let a=t.querySelectorAll("merch-card");for(let n of a)n.hasAttribute("data-size")&&(n.setAttribute("size",n.getAttribute("data-size")),n.removeAttribute("data-size"));if(!C.isDesktop)return;let i=0;for(let n of a){if(n.style.display==="none")continue;let o=n.getAttribute("size"),s=o==="wide"?2:o==="super-wide"?3:1;s===2&&i%3===2&&(n.setAttribute("data-size",o),n.removeAttribute("size"),s=1),i+=s}};C.matchDesktop.addEventListener("change",r),t.addEventListener(de,r),t.onUnmount.push(()=>{C.matchDesktop.removeEventListener("change",r),t.removeEventListener(de,r)})}});import{html as be,css as Ts,unsafeCSS as Ai,nothing as Qt}from"./lit-all.min.js";var Ei=` + `),f(te,"collectionOptions",{customHeaderArea:t=>t.sidenav?At``:Xt,headerVisibility:{search:!1,sort:!1,result:["mobile","tablet"],custom:["desktop"]},onSidenavAttached:t=>{let r=()=>{let a=t.querySelectorAll("merch-card");for(let n of a)n.hasAttribute("data-size")&&(n.setAttribute("size",n.getAttribute("data-size")),n.removeAttribute("data-size"));if(!C.isDesktop)return;let i=0;for(let n of a){if(n.style.display==="none")continue;let o=n.getAttribute("size"),s=o==="wide"?2:o==="super-wide"?3:1;s===2&&i%3===2&&(n.setAttribute("data-size",o),n.removeAttribute("size"),s=1),i+=s}};C.matchDesktop.addEventListener("change",r),t.addEventListener(de,r),t.onUnmount.push(()=>{C.matchDesktop.removeEventListener("change",r),t.removeEventListener(de,r)})}});import{html as be,css as Ts,unsafeCSS as Ei,nothing as Zt}from"./lit-all.min.js";var wi=` :root { --consonant-merch-card-plans-v2-font-family-regular: 'Adobe Clean', 'adobe-clean', sans-serif; --consonant-merch-card-plans-v2-font-family: 'Adobe Clean Display', 'adobe-clean-display', 'Adobe Clean', 'adobe-clean', sans-serif; @@ -3685,11 +3683,11 @@ merch-card[variant="plans-v2"][size="wide"] footer [slot="heading-m"] { } } -`;var Si={cardName:{attribute:"name"},title:{tag:"h3",slot:"heading-xs"},subtitle:{tag:"p",slot:"subtitle"},prices:{tag:"p",slot:"heading-m"},shortDescription:{tag:"p",slot:"short-description"},promoText:{tag:"p",slot:"promo-text"},description:{tag:"div",slot:"body-xs"},mnemonics:{size:"l"},callout:{tag:"div",slot:"callout-content"},quantitySelect:{tag:"div",slot:"quantity-select"},addon:!0,secureLabel:!0,planType:!0,badgeIcon:!0,badge:{tag:"div",slot:"badge",default:"spectrum-red-700-plans"},allowedBadgeColors:["spectrum-yellow-300-plans","spectrum-gray-300-plans","spectrum-gray-700-plans","spectrum-green-900-plans","spectrum-red-700-plans","gradient-purple-blue"],allowedBorderColors:["spectrum-yellow-300-plans","spectrum-gray-300-plans","spectrum-green-900-plans","spectrum-red-700-plans","gradient-purple-blue"],borderColor:{attribute:"border-color"},size:["wide","super-wide"],whatsIncluded:{tag:"div",slot:"whats-included"},ctas:{slot:"footer",size:"m"},style:"consonant",perUnitLabel:{tag:"span",slot:"per-unit-label"}},_e=class extends L{constructor(t){super(t),this.adaptForMedia=this.adaptForMedia.bind(this),this.toggleShortDescription=this.toggleShortDescription.bind(this),this.shortDescriptionExpanded=!1,this.syncScheduled=!1}priceOptionsProvider(t,r){if(t.dataset.template===ne){r.displayPlanType=this.card?.settings?.displayPlanType??!1;return}(t.dataset.template==="strikethrough"||t.dataset.template==="price")&&(r.displayPerUnit=!1)}getGlobalCSS(){return Ei}adjustSlotPlacement(t,r,a){let{shadowRoot:i}=this.card,n=i.querySelector("footer"),o=i.querySelector(".body"),s=this.card.getAttribute("size");if(!s)return;let c=i.querySelector(`footer slot[name="${t}"]`),l=i.querySelector(`.body slot[name="${t}"]`);if(s.includes("wide")||(n?.classList.remove("wide-footer"),c?.remove()),!!r.includes(s)){if(n?.classList.toggle("wide-footer",C.isDesktopOrUp),!a&&c){if(l)c.remove();else{let d=o.querySelector(`[data-placeholder-for="${t}"]`);d?d.replaceWith(c):o.appendChild(c)}return}if(a&&l){let d=document.createElement("div");d.setAttribute("data-placeholder-for",t),d.classList.add("slot-placeholder"),c||n.prepend(l.cloneNode(!0)),l.replaceWith(d)}}}adaptForMedia(){if(!this.card.closest("merch-card-collection,overlay-trigger,.two-merch-cards,.three-merch-cards,.four-merch-cards,.columns"))return this.card.hasAttribute("size"),void 0;this.adjustSlotPlacement("heading-m",["wide"],!0),this.adjustSlotPlacement("addon",["super-wide"],C.isDesktopOrUp),this.adjustSlotPlacement("callout-content",["super-wide"],C.isDesktopOrUp)}adjustCallout(){let t=this.card.querySelector('[slot="callout-content"] .icon-button');if(!t?.title)return;t.dataset.tooltip=t.title,t.removeAttribute("title"),t.classList.add("hide-tooltip");let r=a=>{a===t?t.classList.toggle("hide-tooltip"):t.classList.add("hide-tooltip")};document.addEventListener("touchstart",a=>{a.preventDefault(),r(a.target)}),document.addEventListener("mouseover",a=>{a.preventDefault(),a.target!==t?t.classList.add("hide-tooltip"):t.classList.remove("hide-tooltip")})}async postCardUpdateHook(){if(this.card.isConnected&&(this.adaptForMedia(),this.adjustAddon(),this.adjustCallout(),this.updateShortDescriptionVisibility(),this.hasShortDescription?this.card.setAttribute("has-short-description",""):this.card.removeAttribute("has-short-description"),this.legalAdjusted||await this.adjustLegal(),await this.card.updateComplete,this.card.prices?.length>0&&await Promise.all(this.card.prices.map(t=>t.onceSettled?.()||Promise.resolve())),window.matchMedia("(min-width: 768px)").matches)){let t=this.getContainer();if(!t)return;let r=`--consonant-merch-card-${this.card.variant}`,a=t.style.getPropertyValue(`${r}-body-height`);requestAnimationFrame(a?()=>{this.syncHeights()}:()=>{t.querySelectorAll(`merch-card[variant="${this.card.variant}"]`).forEach(n=>n.variantLayout?.syncHeights?.())})}}get mainPrice(){return this.card.querySelector(`[slot="heading-m"] ${q}[data-template="price"]`)}syncHeights(){if(this.card.getBoundingClientRect().width<=2)return;let t=this.card.shadowRoot?.querySelector(".body");t&&this.updateCardElementMinHeight(t,"body");let r=this.card.shadowRoot?.querySelector("footer");r&&this.updateCardElementMinHeight(r,"footer");let a=this.card.querySelector('[slot="short-description"]');a&&this.updateCardElementMinHeight(a,"short-description")}async adjustLegal(){if(!this.legalAdjusted)try{this.legalAdjusted=!0,await this.card.updateComplete,await customElements.whenDefined("inline-price");let t=this.mainPrice;if(!t)return;let r=t.cloneNode(!0);if(await t.onceSettled(),!t?.options)return;t.options.displayPerUnit&&(t.dataset.displayPerUnit="false"),t.options.displayTax&&(t.dataset.displayTax="false"),t.options.displayPlanType&&(t.dataset.displayPlanType="false"),r.setAttribute("data-template","legal"),t.parentNode.insertBefore(r,t.nextSibling),await r.onceSettled()}catch{}}async adjustAddon(){await this.card.updateComplete;let t=this.card.addon;if(!t)return;t.setAttribute("custom-checkbox","");let r=this.mainPrice;if(!r)return;await r.onceSettled();let a=r.value?.[0]?.planType;a&&(t.planType=a)}get stockCheckbox(){return this.card.checkboxLabel?be``:Zt}get hasShortDescription(){return!!this.card.querySelector('[slot="short-description"]')}get shortDescriptionLabel(){let t=this.card.querySelector('[slot="short-description"]'),r=t.querySelector("strong, b");if(r?.textContent?.trim())return r.textContent.trim();let a=t.querySelector("h1, h2, h3, h4, h5, h6, p");return a?.textContent?.trim()?a.textContent.trim():t.textContent?.trim().split(` `)[0].trim()}updateShortDescriptionVisibility(){let t=this.card.querySelector('[slot="short-description"]');if(!t)return;let r=t.querySelector("strong, b, p");r&&(C.isMobile?r.style.display="none":r.style.display="")}toggleShortDescription(){this.shortDescriptionExpanded=!this.shortDescriptionExpanded,this.card.requestUpdate()}get shortDescriptionToggle(){return this.hasShortDescription?C.isMobile?be`
- `:Qt}get icons(){return this.card.querySelector('[slot="icons"]')||this.card.getAttribute("id")?be``:Qt}get secureLabelFooter(){return be``:Y`
${e}
`});this.updatePriceQuantity=this.updatePriceQuantity.bind(this)}connectedCallbackHook(){this.card.addEventListener(R,this.updatePriceQuantity),this.visibilityObserver=new IntersectionObserver(([e])=>{e.boundingClientRect.height!==0&&e.isIntersecting&&(f.isMobile||requestAnimationFrame(()=>{let r=this.getContainer();if(!r)return;r.querySelectorAll('merch-card[variant="mini-compare-chart"]').forEach(n=>n.variantLayout?.syncHeights?.())}),this.visibilityObserver.disconnect())}),this.visibilityObserver.observe(this.card)}disconnectedCallbackHook(){if(this.card.removeEventListener(R,this.updatePriceQuantity),this.visibilityObserver?.disconnect(),this.calloutListenersAdded){document.removeEventListener("touchstart",this.handleCalloutTouch),document.removeEventListener("mouseover",this.handleCalloutMouse);let e=this.card.querySelector('[slot="callout-content"] .icon-button');e?.removeEventListener("focusin",this.handleCalloutFocusin),e?.removeEventListener("focusout",this.handleCalloutFocusout),e?.removeEventListener("keydown",this.handleCalloutKeydown),this.calloutListenersAdded=!1}}updatePriceQuantity({detail:e}){!this.mainPrice||!e?.option||(this.mainPrice.dataset.quantity=e.option)}priceOptionsProvider(e,r){if(this.isNewVariant){if(e.dataset.template===N){r.displayPlanType=this.card?.settings?.displayPlanType??!0;return}(e.dataset.template==="strikethrough"||e.dataset.template==="price")&&(r.displayPerUnit=!1)}}getGlobalCSS(){return Lr}adjustMiniCompareBodySlots(){if(this.card.getBoundingClientRect().width<=2)return;this.updateCardElementMinHeight(this.card.shadowRoot.querySelector(".top-section"),"top-section");let e=["heading-m","subtitle","body-m","heading-m-price","body-xxs","price-commitment","quantity-select","offers","promo-text","callout-content","addon"];this.card.classList.contains("bullet-list")&&e.push("footer-rows"),e.forEach(i=>this.updateCardElementMinHeight(this.card.shadowRoot.querySelector(`slot[name="${i}"]`),i)),this.updateCardElementMinHeight(this.card.shadowRoot.querySelector("footer"),"footer"),this.card.shadowRoot.querySelector(".mini-compare-chart-badge")?.textContent!==""&&this.getContainer().style.setProperty("--consonant-merch-card-mini-compare-chart-top-section-mobile-height","32px")}adjustMiniCompareFooterRows(){if(this.card.getBoundingClientRect().width===0)return;let e;if(this.isNewVariant){let r=this.card.querySelector("merch-whats-included");if(!r)return;e=[...r.querySelectorAll('[slot="content"] merch-mnemonic-list')]}else{let r=this.card.querySelector('[slot="footer-rows"] ul');if(!r||!r.children)return;e=[...r.children]}e.length&&e.forEach((r,i)=>{let n=Math.max(ei,parseFloat(window.getComputedStyle(r).height)||0),o=parseFloat(this.getContainer().style.getPropertyValue(this.getRowMinHeightPropertyName(i+1)))||0;n>o&&this.getContainer().style.setProperty(this.getRowMinHeightPropertyName(i+1),`${n}px`)})}removeEmptyRows(){this.isNewVariant?this.card.querySelectorAll("merch-whats-included merch-mnemonic-list").forEach(r=>{let i=r.querySelector('[slot="description"]');i&&!i.textContent.trim()&&r.remove()}):this.card.querySelectorAll(".footer-row-cell").forEach(r=>{let i=r.querySelector(".footer-row-cell-description");i&&!i.textContent.trim()&&r.remove()})}padFooterRows(){let e=this.getContainer();if(!e)return;let r=e.querySelectorAll('merch-card[variant="mini-compare-chart"]');if(this.isNewVariant){let i=0;if(r.forEach(h=>{let p=h.querySelector("merch-whats-included");if(!p)return;let x=p.querySelectorAll('[slot="content"] merch-mnemonic-list:not([data-placeholder])');i=Math.max(i,x.length)}),i===0)return;let n=this.card.querySelector("merch-whats-included");if(!n)return;let o=n.querySelector('[slot="content"]');if(!o)return;o.querySelectorAll("merch-mnemonic-list[data-placeholder]").forEach(h=>h.remove());let c=o.querySelectorAll("merch-mnemonic-list").length,l=i-c;for(let h=0;h{let h=l.querySelector('[slot="footer-rows"] ul');if(!h)return;let p=h.querySelectorAll("li.footer-row-cell:not([data-placeholder])");i=Math.max(i,p.length)}),i===0)return;let n=this.card.querySelector('[slot="footer-rows"] ul');if(!n)return;n.querySelectorAll("li.footer-row-cell[data-placeholder]").forEach(l=>l.remove());let o=n.querySelectorAll("li.footer-row-cell").length,c=i-o;for(let l=0;lc.remove()),e.checked){if(o){let c=T("p",{class:"addon-heading-m-price-addon",slot:"heading-m-price"},o.innerHTML);this.card.appendChild(c)}}else{let c=T("p",{class:"card-heading",id:"free",slot:"heading-m-price"},"Free");this.card.appendChild(c)}}}showTooltip(e){e.classList.remove("hide-tooltip"),e.setAttribute("aria-expanded","true")}hideTooltip(e){e.classList.add("hide-tooltip"),e.setAttribute("aria-expanded","false")}adjustCallout(){let e=this.card.querySelector('[slot="callout-content"] .icon-button');if(!e||this.calloutListenersAdded)return;let r=e.title||e.dataset.tooltip;if(!r)return;e.title&&(e.dataset.tooltip=e.title,e.removeAttribute("title"));let i=e.parentElement;if(i&&i.tagName==="P"){let n=document.createElement("div"),o=document.createElement("div");o.className="callout-row";let c=document.createElement("div");for(c.className="callout-text";i.firstChild&&i.firstChild!==e;)c.appendChild(i.firstChild);o.appendChild(c),o.appendChild(e),n.appendChild(o),i.replaceWith(n)}e.setAttribute("role","button"),e.setAttribute("tabindex","0"),e.setAttribute("aria-label",r),e.setAttribute("aria-expanded","false"),this.hideTooltip(e),this.handleCalloutTouch=n=>{n.target!==e?this.hideTooltip(e):e.classList.contains("hide-tooltip")?this.showTooltip(e):this.hideTooltip(e)},this.handleCalloutMouse=n=>{n.target!==e?this.hideTooltip(e):this.showTooltip(e)},this.handleCalloutFocusin=()=>{this.showTooltip(e)},this.handleCalloutFocusout=()=>{this.hideTooltip(e)},this.handleCalloutKeydown=n=>{n.key==="Escape"&&(this.hideTooltip(e),e.blur())},document.addEventListener("touchstart",this.handleCalloutTouch),document.addEventListener("mouseover",this.handleCalloutMouse),e.addEventListener("focusin",this.handleCalloutFocusin),e.addEventListener("focusout",this.handleCalloutFocusout),e.addEventListener("keydown",this.handleCalloutKeydown),this.calloutListenersAdded=!0}async adjustAddon(){await this.card.updateComplete;let e=this.card.addon;if(!e)return;let r=this.mainPrice,i=this.card.planType;if(r&&(await r.onceSettled(),i=r.value?.[0]?.planType),!i)return;e.planType=i,this.card.querySelector("merch-addon[plan-type]")?.updateComplete.then(()=>{this.updateCardElementMinHeight(this.card.shadowRoot.querySelector('slot[name="addon"]'),"addon")})}async adjustLegal(){if(!this.legalAdjusted)try{this.legalAdjusted=!0,await this.card.updateComplete,await customElements.whenDefined("inline-price");let e=this.mainPrice;if(!e)return;let r=e.cloneNode(!0);if(await e.onceSettled(),!e?.options)return;e.options.displayPerUnit&&(e.dataset.displayPerUnit="false"),e.options.displayTax&&(e.dataset.displayTax="false"),e.options.displayPlanType&&(e.dataset.displayPlanType="false"),r.setAttribute("data-template","legal"),e.parentNode.insertBefore(r,e.nextSibling),await r.onceSettled()}catch{}}adjustShortDescription(){let e=this.card.querySelector('[slot="body-xxs"]'),r=e?.textContent?.trim();if(!r)return;let n=this.card.querySelector('[slot="heading-m-price"] [data-template="legal"]')?.querySelector(".price-plan-type");if(!n)return;let o=document.createElement("em");o.setAttribute("slot","body-xxs"),o.textContent=` ${r}`,n.appendChild(o),e.remove()}renderLayout(){return this.isNewVariant?Y`
${this.badge}
@@ -1729,7 +1729,7 @@ merch-card[variant="mini-compare-chart"] merch-mnemonic-list:nth-child(8) { ${this.getMiniCompareFooter()} - `}syncHeights(){this.card.getBoundingClientRect().width<=2||(this.adjustMiniCompareBodySlots(),this.adjustMiniCompareFooterRows())}async postCardUpdateHook(){if(await Promise.all(this.card.prices.map(e=>e.onceSettled())),this.isNewVariant&&(this.legalAdjusted||await this.adjustLegal(),this.adjustShortDescription(),this.adjustCallout()),await this.adjustAddon(),f.isMobile)this.removeEmptyRows();else{this.padFooterRows();let e=this.getContainer();if(!e)return;let r=e.style.getPropertyValue("--consonant-merch-card-footer-row-1-min-height");requestAnimationFrame(r?()=>{this.syncHeights()}:()=>{e.querySelectorAll('merch-card[variant="mini-compare-chart"]').forEach(n=>n.variantLayout?.syncHeights?.())})}}};d(Ee,"variantStyle",Xa` + `}syncHeights(){this.card.getBoundingClientRect().width<=2||(this.adjustMiniCompareBodySlots(),this.adjustMiniCompareFooterRows())}async postCardUpdateHook(){if(await Promise.all(this.card.prices.map(e=>e.onceSettled())),this.isNewVariant&&(this.legalAdjusted||await this.adjustLegal(),this.adjustShortDescription(),this.adjustCallout()),await this.adjustAddon(),f.isMobile)this.removeEmptyRows();else{this.padFooterRows();let e=this.getContainer();if(!e)return;let r=e.style.getPropertyValue("--consonant-merch-card-footer-row-1-min-height");requestAnimationFrame(r?()=>{this.syncHeights()}:()=>{e.querySelectorAll('merch-card[variant="mini-compare-chart"]').forEach(n=>n.variantLayout?.syncHeights?.())})}}};d(Ee,"variantStyle",Ja` :host([variant='mini-compare-chart']) { max-width: var( --consonant-merch-card-mini-compare-chart-wide-width, @@ -1820,7 +1820,7 @@ merch-card[variant="mini-compare-chart"] merch-mnemonic-list:nth-child(8) { color: #505050; } - @media screen and ${Pr(C)} { + @media screen and ${zr(C)} { [class*'-merch-cards'] :host([variant='mini-compare-chart']) footer { @@ -1830,7 +1830,7 @@ merch-card[variant="mini-compare-chart"] merch-mnemonic-list:nth-child(8) { } } - @media screen and ${Pr(u)} { + @media screen and ${zr(u)} { :host([variant='mini-compare-chart']) footer { padding: var(--consonant-merch-spacing-xs) var(--consonant-merch-spacing-s) @@ -1909,26 +1909,24 @@ merch-card[variant="mini-compare-chart"] merch-mnemonic-list:nth-child(8) { /* Border color styles */ :host( - [variant='mini-compare-chart'][border-color='spectrum-yellow-300-plans'] + [variant='mini-compare-chart'][border-color='spectrum-yellow-300'] ) { --consonant-merch-card-border-color: #ffd947; } :host( - [variant='mini-compare-chart'][border-color='spectrum-gray-300-plans'] + [variant='mini-compare-chart'][border-color='spectrum-gray-300'] ) { --consonant-merch-card-border-color: #dadada; } :host( - [variant='mini-compare-chart'][border-color='spectrum-green-900-plans'] + [variant='mini-compare-chart'][border-color='spectrum-green-900'] ) { --consonant-merch-card-border-color: #05834e; } - :host( - [variant='mini-compare-chart'][border-color='spectrum-red-700-plans'] - ) { + :host([variant='mini-compare-chart'][border-color='spectrum-red-700']) { --consonant-merch-card-border-color: #eb1000; filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.16)); } @@ -1945,45 +1943,45 @@ merch-card[variant="mini-compare-chart"] merch-mnemonic-list:nth-child(8) { /* Badge color styles */ :host([variant='mini-compare-chart']) - ::slotted([slot='badge'].spectrum-red-700-plans) { + ::slotted([slot='badge'].spectrum-red-700) { filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.16)); } :host([variant='mini-compare-chart']) - ::slotted([slot='badge'].spectrum-yellow-300-plans), - :host([variant='mini-compare-chart']) #badge.spectrum-yellow-300-plans { + ::slotted([slot='badge'].spectrum-yellow-300), + :host([variant='mini-compare-chart']) #badge.spectrum-yellow-300 { background-color: #ffd947; color: #2c2c2c; } :host([variant='mini-compare-chart']) - ::slotted([slot='badge'].spectrum-gray-300-plans), - :host([variant='mini-compare-chart']) #badge.spectrum-gray-300-plans { + ::slotted([slot='badge'].spectrum-gray-300), + :host([variant='mini-compare-chart']) #badge.spectrum-gray-300 { background-color: #dadada; color: #2c2c2c; } :host([variant='mini-compare-chart']) - ::slotted([slot='badge'].spectrum-gray-700-plans), - :host([variant='mini-compare-chart']) #badge.spectrum-gray-700-plans { + ::slotted([slot='badge'].spectrum-gray-700), + :host([variant='mini-compare-chart']) #badge.spectrum-gray-700 { background-color: #4b4b4b; color: #ffffff; } :host([variant='mini-compare-chart']) - ::slotted([slot='badge'].spectrum-green-900-plans), - :host([variant='mini-compare-chart']) #badge.spectrum-green-900-plans { + ::slotted([slot='badge'].spectrum-green-900), + :host([variant='mini-compare-chart']) #badge.spectrum-green-900 { background-color: #05834e; color: #ffffff; } :host([variant='mini-compare-chart']) - ::slotted([slot='badge'].spectrum-red-700-plans), - :host([variant='mini-compare-chart']) #badge.spectrum-red-700-plans { + ::slotted([slot='badge'].spectrum-red-700), + :host([variant='mini-compare-chart']) #badge.spectrum-red-700 { background-color: #eb1000; color: #ffffff; } - `);import{html as gt,css as ei,unsafeCSS as Rr,nothing as ti}from"./lit-all.min.js";var Mr=` + `);import{html as mt,css as ti,unsafeCSS as Mr,nothing as ri}from"./lit-all.min.js";var _r=` :root { --list-checked-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='%23222222' d='M15.656,3.8625l-.7275-.5665a.5.5,0,0,0-.7.0875L7.411,12.1415,4.0875,8.8355a.5.5,0,0,0-.707,0L2.718,9.5a.5.5,0,0,0,0,.707l4.463,4.45a.5.5,0,0,0,.75-.0465L15.7435,4.564A.5.5,0,0,0,15.656,3.8625Z'%3E%3C/path%3E%3C/svg%3E"); --merch-card-collection-card-width: var(--consonant-merch-card-mini-compare-chart-mweb-width); @@ -2701,7 +2699,7 @@ merch-card .footer-row-cell:nth-child(7) { merch-card .footer-row-cell:nth-child(8) { min-height: var(--consonant-merch-card-footer-row-8-min-height); } -`;var ri=32,Nr={cardName:{attribute:"name"},title:{tag:"h3",slot:"heading-xs"},subtitle:{tag:"p",slot:"subtitle"},prices:{tag:"p",slot:"heading-m-price"},promoText:{tag:"div",slot:"promo-text"},shortDescription:{tag:"div",slot:"body-m"},description:{tag:"div",slot:"body-xs"},mnemonics:{size:"l"},quantitySelect:{tag:"div",slot:"quantity-select"},secureLabel:!0,planType:!0,badgeIcon:!0,badge:{tag:"div",slot:"badge",default:"spectrum-yellow-300-plans"},allowedBadgeColors:["spectrum-yellow-300-plans","spectrum-gray-300-plans","spectrum-gray-700-plans","spectrum-green-900-plans","spectrum-red-700-plans","gradient-purple-blue"],allowedBorderColors:["spectrum-yellow-300-plans","spectrum-gray-300-plans","spectrum-green-900-plans","spectrum-red-700-plans","gradient-purple-blue"],borderColor:{attribute:"border-color"},size:["wide","super-wide"],ctas:{slot:"footer",size:"l"},footerRows:{tag:"div",slot:"footer-rows"},style:"consonant"},ke=class extends v{constructor(e){super(e);d(this,"getRowMinHeightPropertyName",e=>`--consonant-merch-card-footer-row-${e}-min-height`);d(this,"getMiniCompareFooter",()=>gt`
+`;var ai=32,Rr={cardName:{attribute:"name"},title:{tag:"h3",slot:"heading-xs"},subtitle:{tag:"p",slot:"subtitle"},prices:{tag:"p",slot:"heading-m-price"},promoText:{tag:"div",slot:"promo-text"},shortDescription:{tag:"div",slot:"body-m"},description:{tag:"div",slot:"body-xs"},mnemonics:{size:"l"},quantitySelect:{tag:"div",slot:"quantity-select"},secureLabel:!0,planType:!0,badgeIcon:!0,badge:{tag:"div",slot:"badge",default:"spectrum-yellow-300-plans"},allowedBadgeColors:["spectrum-yellow-300-plans","spectrum-gray-300-plans","spectrum-gray-700-plans","spectrum-green-900-plans","spectrum-red-700-plans","gradient-purple-blue"],allowedBorderColors:["spectrum-yellow-300-plans","spectrum-gray-300-plans","spectrum-green-900-plans","spectrum-red-700-plans","gradient-purple-blue"],borderColor:{attribute:"border-color"},size:["wide","super-wide"],ctas:{slot:"footer",size:"l"},footerRows:{tag:"div",slot:"footer-rows"},style:"consonant"},ke=class extends v{constructor(e){super(e);d(this,"getRowMinHeightPropertyName",e=>`--consonant-merch-card-footer-row-${e}-min-height`);d(this,"getMiniCompareFooter",()=>mt`
${this.secureLabel}

-
`);d(this,"getMiniCompareFooterRows",()=>gt`
`);d(this,"getMiniCompareFooterRows",()=>mt` `);this.updatePriceQuantity=this.updatePriceQuantity.bind(this)}connectedCallbackHook(){this.card.addEventListener(R,this.updatePriceQuantity)}disconnectedCallbackHook(){this.card.removeEventListener(R,this.updatePriceQuantity),this._syncObserver?.disconnect(),this._syncObserver=null}updatePriceQuantity({detail:e}){!this.mainPrice||!e?.option||(this.mainPrice.dataset.quantity=e.option)}priceOptionsProvider(e,r){if(e.dataset.template===N){r.displayPlanType=this.card?.settings?.displayPlanType??!1;return}(e.dataset.template==="strikethrough"||e.dataset.template==="price")&&(r.displayPerUnit=!1)}getGlobalCSS(){return Mr}adjustMiniCompareBodySlots(){if(this.card.getBoundingClientRect().width<=2){this._syncObserver||(this._syncObserver=new ResizeObserver(()=>{this.card.getBoundingClientRect().width>2&&(this._syncObserver?.disconnect(),this._syncObserver=null,this.adjustMiniCompareBodySlots(),this.adjustMiniCompareFooterRows())}),this._syncObserver.observe(this.card));return}["heading-xs","subtitle","heading-m-price","promo-text","body-m","body-xs","footer-rows"].forEach(r=>{let n=this.card.querySelector(`[slot="${r}"]`)??this.card.shadowRoot.querySelector(`slot[name="${r}"]`);this.updateCardElementMinHeight(n,r)}),this.updateCardElementMinHeight(this.card.shadowRoot.querySelector('slot[name="promo-text"]'),"promo-text"),this.updateCardElementMinHeight(this.card.shadowRoot.querySelector("footer"),"footer")}adjustMiniCompareFooterRows(){if(this.card.getBoundingClientRect().width===0)return;let e=this.card.querySelector('[slot="footer-rows"] ul');!e||!e.children||[...e.children].forEach((r,i)=>{let n=Math.max(ri,parseFloat(window.getComputedStyle(r).height)||0),o=parseFloat(this.getContainer().style.getPropertyValue(this.getRowMinHeightPropertyName(i+1)))||0;n>o&&this.getContainer().style.setProperty(this.getRowMinHeightPropertyName(i+1),`${n}px`)})}removeEmptyRows(){this.card.querySelectorAll(".footer-row-cell").forEach(r=>{let i=r.querySelector(".footer-row-cell-description");i&&!i.textContent.trim()&&r.remove()})}setupToggle(){if(this.toggleSetupDone)return;let e=this.card.querySelector('[slot="body-xs"]');if(!e)return;let r=e.querySelector("p"),i=e.querySelector("ul");if(!r||!i||e.querySelector(".footer-rows-title"))return;this.toggleSetupDone=!0;let n=r.textContent.trim(),o=this.card.querySelector("h3")?.id,c=o?`${o}-list`:`mweb-list-${Date.now()}`;i.setAttribute("id",c),i.classList.add("checkmark-copy-container");let l=T("div",{class:"footer-rows-title"},n);if(f.isMobile){let h=T("button",{class:"toggle-icon","aria-label":n,"aria-expanded":"false","aria-controls":c});l.appendChild(h),l.addEventListener("click",()=>{let p=i.classList.toggle("open");h.classList.toggle("expanded",p),h.setAttribute("aria-expanded",String(p))})}else i.classList.add("open");r.replaceWith(l)}get mainPrice(){return this.card.querySelector(`[slot="heading-m-price"] ${b}[data-template="price"]`)}async adjustLegal(){if(!this.legalAdjusted)try{this.legalAdjusted=!0,await this.card.updateComplete,await customElements.whenDefined("inline-price");let e=this.mainPrice;if(!e)return;let r=e.cloneNode(!0);if(await e.onceSettled(),!e?.options)return;e.options.displayPerUnit&&(e.dataset.displayPerUnit="false"),e.options.displayTax&&(e.dataset.displayTax="false"),e.options.displayPlanType&&(e.dataset.displayPlanType="false"),r.setAttribute("data-template","legal"),e.parentNode.insertBefore(r,e.nextSibling),await r.onceSettled()}catch{}}get icons(){return!this.card.querySelector('[slot="icons"]')&&!this.card.getAttribute("id")?ti:gt``}renderLayout(){return gt` +
`);this.updatePriceQuantity=this.updatePriceQuantity.bind(this)}connectedCallbackHook(){this.card.addEventListener(R,this.updatePriceQuantity)}disconnectedCallbackHook(){this.card.removeEventListener(R,this.updatePriceQuantity),this._syncObserver?.disconnect(),this._syncObserver=null}updatePriceQuantity({detail:e}){!this.mainPrice||!e?.option||(this.mainPrice.dataset.quantity=e.option)}priceOptionsProvider(e,r){if(e.dataset.template===N){r.displayPlanType=this.card?.settings?.displayPlanType??!1;return}(e.dataset.template==="strikethrough"||e.dataset.template==="price")&&(r.displayPerUnit=!1)}getGlobalCSS(){return _r}adjustMiniCompareBodySlots(){if(this.card.getBoundingClientRect().width<=2){this._syncObserver||(this._syncObserver=new ResizeObserver(()=>{this.card.getBoundingClientRect().width>2&&(this._syncObserver?.disconnect(),this._syncObserver=null,this.adjustMiniCompareBodySlots(),this.adjustMiniCompareFooterRows())}),this._syncObserver.observe(this.card));return}["heading-xs","subtitle","heading-m-price","promo-text","body-m","body-xs","footer-rows"].forEach(r=>{let n=this.card.querySelector(`[slot="${r}"]`)??this.card.shadowRoot.querySelector(`slot[name="${r}"]`);this.updateCardElementMinHeight(n,r)}),this.updateCardElementMinHeight(this.card.shadowRoot.querySelector('slot[name="promo-text"]'),"promo-text"),this.updateCardElementMinHeight(this.card.shadowRoot.querySelector("footer"),"footer")}adjustMiniCompareFooterRows(){if(this.card.getBoundingClientRect().width===0)return;let e=this.card.querySelector('[slot="footer-rows"] ul');!e||!e.children||[...e.children].forEach((r,i)=>{let n=Math.max(ai,parseFloat(window.getComputedStyle(r).height)||0),o=parseFloat(this.getContainer().style.getPropertyValue(this.getRowMinHeightPropertyName(i+1)))||0;n>o&&this.getContainer().style.setProperty(this.getRowMinHeightPropertyName(i+1),`${n}px`)})}removeEmptyRows(){this.card.querySelectorAll(".footer-row-cell").forEach(r=>{let i=r.querySelector(".footer-row-cell-description");i&&!i.textContent.trim()&&r.remove()})}setupToggle(){if(this.toggleSetupDone)return;let e=this.card.querySelector('[slot="body-xs"]');if(!e)return;let r=e.querySelector("p"),i=e.querySelector("ul");if(!r||!i||e.querySelector(".footer-rows-title"))return;this.toggleSetupDone=!0;let n=r.textContent.trim(),o=this.card.querySelector("h3")?.id,c=o?`${o}-list`:`mweb-list-${Date.now()}`;i.setAttribute("id",c),i.classList.add("checkmark-copy-container");let l=T("div",{class:"footer-rows-title"},n);if(f.isMobile){let h=T("button",{class:"toggle-icon","aria-label":n,"aria-expanded":"false","aria-controls":c});l.appendChild(h),l.addEventListener("click",()=>{let p=i.classList.toggle("open");h.classList.toggle("expanded",p),h.setAttribute("aria-expanded",String(p))})}else i.classList.add("open");r.replaceWith(l)}get mainPrice(){return this.card.querySelector(`[slot="heading-m-price"] ${b}[data-template="price"]`)}async adjustLegal(){if(!this.legalAdjusted)try{this.legalAdjusted=!0,await this.card.updateComplete,await customElements.whenDefined("inline-price");let e=this.mainPrice;if(!e)return;let r=e.cloneNode(!0);if(await e.onceSettled(),!e?.options)return;e.options.displayPerUnit&&(e.dataset.displayPerUnit="false"),e.options.displayTax&&(e.dataset.displayTax="false"),e.options.displayPlanType&&(e.dataset.displayPlanType="false"),r.setAttribute("data-template","legal"),e.parentNode.insertBefore(r,e.nextSibling),await r.onceSettled()}catch{}}get icons(){return!this.card.querySelector('[slot="icons"]')&&!this.card.getAttribute("id")?ri:mt``}renderLayout(){return mt` ${this.badge}
${this.icons} @@ -2726,7 +2724,7 @@ merch-card .footer-row-cell:nth-child(8) { ${this.getMiniCompareFooter()}
${this.getMiniCompareFooterRows()} - `}async postCardUpdateHook(){if(await Promise.all(this.card.prices.map(e=>e.onceSettled())),this.legalAdjusted||await this.adjustLegal(),this.setupToggle(),f.isMobile)this.removeEmptyRows();else{this.adjustMiniCompareFooterRows();let e=this.getContainer();if(!e)return;requestAnimationFrame(()=>{e.querySelectorAll('merch-card[variant="mini-compare-chart-mweb"]').forEach(i=>{i.variantLayout?.adjustMiniCompareBodySlots?.(),i.variantLayout?.adjustMiniCompareFooterRows?.()})})}}};d(ke,"variantStyle",ei` + `}async postCardUpdateHook(){if(await Promise.all(this.card.prices.map(e=>e.onceSettled())),this.legalAdjusted||await this.adjustLegal(),this.setupToggle(),f.isMobile)this.removeEmptyRows();else{this.adjustMiniCompareFooterRows();let e=this.getContainer();if(!e)return;requestAnimationFrame(()=>{e.querySelectorAll('merch-card[variant="mini-compare-chart-mweb"]').forEach(i=>{i.variantLayout?.adjustMiniCompareBodySlots?.(),i.variantLayout?.adjustMiniCompareFooterRows?.()})})}}};d(ke,"variantStyle",ti` :host([variant='mini-compare-chart-mweb']) .body > slot { display: block; } @@ -2771,7 +2769,7 @@ merch-card .footer-row-cell:nth-child(8) { padding-inline-start: var(--consonant-merch-spacing-xs); } - @media screen and ${Rr(C)} { + @media screen and ${Mr(C)} { [class*'-merch-cards'] :host([variant='mini-compare-chart-mweb']) footer { @@ -2781,7 +2779,7 @@ merch-card .footer-row-cell:nth-child(8) { } } - @media screen and ${Rr(u)} { + @media screen and ${Mr(u)} { :host([variant='mini-compare-chart-mweb']) footer { padding: 0; } @@ -2999,7 +2997,7 @@ merch-card .footer-row-cell:nth-child(8) { gap: var(--consonant-merch-spacing-xxs); margin: unset; } - `);import{html as We,css as ai,nothing as ut}from"./lit-all.min.js";var Or=` + `);import{html as Ke,css as ii,nothing as gt}from"./lit-all.min.js";var Nr=` :root { --consonant-merch-card-plans-width: 302px; --consonant-merch-card-plans-students-width: 302px; @@ -3461,11 +3459,11 @@ merch-card-collection:has([slot="subtitle"]) merch-card { --merch-sidenav-collection-gap: 54px; } } -`;var ft={cardName:{attribute:"name"},title:{tag:"h3",slot:"heading-xs"},subtitle:{tag:"p",slot:"subtitle"},prices:{tag:"p",slot:"heading-m"},promoText:{tag:"p",slot:"promo-text"},description:{tag:"div",slot:"body-xs"},mnemonics:{size:"l"},callout:{tag:"div",slot:"callout-content"},quantitySelect:{tag:"div",slot:"quantity-select"},addon:!0,secureLabel:!0,planType:!0,badgeIcon:!0,badge:{tag:"div",slot:"badge",default:"spectrum-yellow-300-plans"},allowedBadgeColors:["spectrum-yellow-300-plans","spectrum-gray-300-plans","spectrum-gray-700-plans","spectrum-green-900-plans","gradient-purple-blue"],allowedBorderColors:["spectrum-yellow-300-plans","spectrum-gray-300-plans","spectrum-green-900-plans","gradient-purple-blue"],borderColor:{attribute:"border-color"},size:["wide","super-wide"],whatsIncluded:{tag:"div",slot:"whats-included"},ctas:{slot:"footer",size:"m"},style:"consonant",perUnitLabel:{tag:"span",slot:"per-unit-label"}},Dr={...function(){let{whatsIncluded:a,size:t,...e}=ft;return e}(),title:{tag:"h3",slot:"heading-s"},secureLabel:!1},Fr={...function(){let{subtitle:a,whatsIncluded:t,size:e,quantitySelect:r,...i}=ft;return i}()},P=class extends v{constructor(t){super(t),this.adaptForMedia=this.adaptForMedia.bind(this)}priceOptionsProvider(t,e){t.dataset.template===N&&(e.displayPlanType=this.card?.settings?.displayPlanType??!1)}getGlobalCSS(){return Or}adjustSlotPlacement(t,e,r){let i=this.card.shadowRoot,n=i.querySelector("footer"),o=this.card.getAttribute("size");if(!o)return;let c=i.querySelector(`footer slot[name="${t}"]`),l=i.querySelector(`.body slot[name="${t}"]`),h=i.querySelector(".body");if(o.includes("wide")||(n?.classList.remove("wide-footer"),c&&c.remove()),!!e.includes(o)){if(n?.classList.toggle("wide-footer",f.isDesktopOrUp),!r&&c){if(l)c.remove();else{let p=h.querySelector(`[data-placeholder-for="${t}"]`);p?p.replaceWith(c):h.appendChild(c)}return}if(r&&l){let p=document.createElement("div");if(p.setAttribute("data-placeholder-for",t),p.classList.add("slot-placeholder"),!c){let x=l.cloneNode(!0);n.prepend(x)}l.replaceWith(p)}}}adaptForMedia(){if(!this.card.closest("merch-card-collection,overlay-trigger,.two-merch-cards,.three-merch-cards,.four-merch-cards, .columns")){this.card.removeAttribute("size");return}this.adjustSlotPlacement("addon",["super-wide"],f.isDesktopOrUp),this.adjustSlotPlacement("callout-content",["super-wide"],f.isDesktopOrUp)}adjustCallout(){let t=this.card.querySelector('[slot="callout-content"] .icon-button');t&&t.title&&(t.dataset.tooltip=t.title,t.removeAttribute("title"),t.classList.add("hide-tooltip"),document.addEventListener("touchstart",e=>{e.preventDefault(),e.target!==t?t.classList.add("hide-tooltip"):e.target.classList.toggle("hide-tooltip")}),document.addEventListener("mouseover",e=>{e.preventDefault(),e.target!==t?t.classList.add("hide-tooltip"):e.target.classList.remove("hide-tooltip")}))}async adjustEduLists(){if(this.card.variant!=="plans-education"||this.card.querySelector(".spacer"))return;let e=this.card.querySelector('[slot="body-xs"]');if(!e)return;let r=e.querySelector("ul");if(!r)return;let i=r.previousElementSibling,n=document.createElement("div");n.classList.add("spacer"),e.insertBefore(n,i);let o=new IntersectionObserver(([c])=>{if(c.boundingClientRect.height===0)return;let l=0,h=this.card.querySelector('[slot="heading-s"]');h&&(l+=qe(h));let p=this.card.querySelector('[slot="subtitle"]');p&&(l+=qe(p));let x=this.card.querySelector('[slot="heading-m"]');x&&(l+=8+qe(x));for(let pe of e.childNodes){if(pe.classList.contains("spacer"))break;l+=qe(pe)}let M=this.card.parentElement.style.getPropertyValue("--merch-card-plans-edu-list-max-offset");l>(parseFloat(M)||0)&&this.card.parentElement.style.setProperty("--merch-card-plans-edu-list-max-offset",`${l}px`),this.card.style.setProperty("--merch-card-plans-edu-list-offset",`${l}px`),o.disconnect()});o.observe(this.card)}async postCardUpdateHook(){this.adaptForMedia(),this.adjustAddon(),this.adjustCallout(),this.legalAdjusted||(await this.adjustLegal(),await this.adjustEduLists())}get headingM(){return this.card.querySelector('[slot="heading-m"]')}get mainPrice(){return this.headingM.querySelector(`${b}[data-template="price"]`)}get divider(){return this.card.variant==="plans-education"?We`
`:ut}async adjustLegal(){if(!this.legalAdjusted)try{this.legalAdjusted=!0,await this.card.updateComplete,await customElements.whenDefined("inline-price");let t=[],e=this.card.querySelector(`[slot="heading-m"] ${b}[data-template="price"]`);e&&t.push(e);let r=t.map(async i=>{let n=i.cloneNode(!0);await i.onceSettled(),i?.options&&(i.options.displayPerUnit&&(i.dataset.displayPerUnit="false"),i.options.displayTax&&(i.dataset.displayTax="false"),i.options.displayPlanType&&(i.dataset.displayPlanType="false"),n.setAttribute("data-template","legal"),i.parentNode.insertBefore(n,i.nextSibling),await n.onceSettled())});await Promise.all(r)}catch{}}async adjustAddon(){await this.card.updateComplete;let t=this.card.addon;if(!t)return;t.setAttribute("custom-checkbox","");let e=this.mainPrice;if(!e)return;await e.onceSettled();let r=e.value?.[0]?.planType;r&&(t.planType=r)}get stockCheckbox(){return this.card.checkboxLabel?We``:gt}get icons(){return!this.card.querySelector('[slot="icons"]')&&!this.card.getAttribute("id")?gt:Ke``}connectedCallbackHook(){f.matchMobile.addEventListener("change",this.adaptForMedia),f.matchDesktopOrUp.addEventListener("change",this.adaptForMedia)}disconnectedCallbackHook(){f.matchMobile.removeEventListener("change",this.adaptForMedia),f.matchDesktopOrUp.removeEventListener("change",this.adaptForMedia)}renderLayout(){return Ke` ${this.badge}
${this.icons} @@ -3486,7 +3484,7 @@ merch-card-collection:has([slot="subtitle"]) merch-card {
${this.secureLabelFooter} - `}};d(P,"variantStyle",ai` + `}};d(P,"variantStyle",ii` :host([variant^='plans']) { min-height: 273px; --merch-card-plans-min-width: 244px; @@ -3593,7 +3591,7 @@ merch-card-collection:has([slot="subtitle"]) merch-card { line-height: 21px; padding: 2px 10px 3px; } - `),d(P,"collectionOptions",{customHeaderArea:t=>t.sidenav?We``:ut,headerVisibility:{search:!1,sort:!1,result:["mobile","tablet"],custom:["desktop"]},onSidenavAttached:t=>{let e=()=>{let r=t.querySelectorAll("merch-card");for(let n of r)n.hasAttribute("data-size")&&(n.setAttribute("size",n.getAttribute("data-size")),n.removeAttribute("data-size"));if(!f.isDesktop)return;let i=0;for(let n of r){if(n.style.display==="none")continue;let o=n.getAttribute("size"),c=o==="wide"?2:o==="super-wide"?3:1;c===2&&i%3===2&&(n.setAttribute("data-size",o),n.removeAttribute("size"),c=1),i+=c}};f.matchDesktop.addEventListener("change",e),t.addEventListener(ge,e),t.onUnmount.push(()=>{f.matchDesktop.removeEventListener("change",e),t.removeEventListener(ge,e)})}});import{html as U,css as ii,unsafeCSS as $r,nothing as vt}from"./lit-all.min.js";var Ir=` + `),d(P,"collectionOptions",{customHeaderArea:t=>t.sidenav?Ke``:gt,headerVisibility:{search:!1,sort:!1,result:["mobile","tablet"],custom:["desktop"]},onSidenavAttached:t=>{let e=()=>{let r=t.querySelectorAll("merch-card");for(let n of r)n.hasAttribute("data-size")&&(n.setAttribute("size",n.getAttribute("data-size")),n.removeAttribute("data-size"));if(!f.isDesktop)return;let i=0;for(let n of r){if(n.style.display==="none")continue;let o=n.getAttribute("size"),c=o==="wide"?2:o==="super-wide"?3:1;c===2&&i%3===2&&(n.setAttribute("data-size",o),n.removeAttribute("size"),c=1),i+=c}};f.matchDesktop.addEventListener("change",e),t.addEventListener(ge,e),t.onUnmount.push(()=>{f.matchDesktop.removeEventListener("change",e),t.removeEventListener(ge,e)})}});import{html as U,css as ni,unsafeCSS as Ir,nothing as ft}from"./lit-all.min.js";var Fr=` :root { --consonant-merch-card-plans-v2-font-family-regular: 'Adobe Clean', 'adobe-clean', sans-serif; --consonant-merch-card-plans-v2-font-family: 'Adobe Clean Display', 'adobe-clean-display', 'Adobe Clean', 'adobe-clean', sans-serif; @@ -4229,11 +4227,11 @@ merch-card[variant="plans-v2"][size="wide"] footer [slot="heading-m"] { } } -`;var Br={cardName:{attribute:"name"},title:{tag:"h3",slot:"heading-xs"},subtitle:{tag:"p",slot:"subtitle"},prices:{tag:"p",slot:"heading-m"},shortDescription:{tag:"p",slot:"short-description"},promoText:{tag:"p",slot:"promo-text"},description:{tag:"div",slot:"body-xs"},mnemonics:{size:"l"},callout:{tag:"div",slot:"callout-content"},quantitySelect:{tag:"div",slot:"quantity-select"},addon:!0,secureLabel:!0,planType:!0,badgeIcon:!0,badge:{tag:"div",slot:"badge",default:"spectrum-red-700-plans"},allowedBadgeColors:["spectrum-yellow-300-plans","spectrum-gray-300-plans","spectrum-gray-700-plans","spectrum-green-900-plans","spectrum-red-700-plans","gradient-purple-blue"],allowedBorderColors:["spectrum-yellow-300-plans","spectrum-gray-300-plans","spectrum-green-900-plans","spectrum-red-700-plans","gradient-purple-blue"],borderColor:{attribute:"border-color"},size:["wide","super-wide"],whatsIncluded:{tag:"div",slot:"whats-included"},ctas:{slot:"footer",size:"m"},style:"consonant",perUnitLabel:{tag:"span",slot:"per-unit-label"}},Q=class extends v{constructor(t){super(t),this.adaptForMedia=this.adaptForMedia.bind(this),this.toggleShortDescription=this.toggleShortDescription.bind(this),this.shortDescriptionExpanded=!1,this.syncScheduled=!1}priceOptionsProvider(t,e){if(t.dataset.template===N){e.displayPlanType=this.card?.settings?.displayPlanType??!1;return}(t.dataset.template==="strikethrough"||t.dataset.template==="price")&&(e.displayPerUnit=!1)}getGlobalCSS(){return Ir}adjustSlotPlacement(t,e,r){let{shadowRoot:i}=this.card,n=i.querySelector("footer"),o=i.querySelector(".body"),c=this.card.getAttribute("size");if(!c)return;let l=i.querySelector(`footer slot[name="${t}"]`),h=i.querySelector(`.body slot[name="${t}"]`);if(c.includes("wide")||(n?.classList.remove("wide-footer"),l?.remove()),!!e.includes(c)){if(n?.classList.toggle("wide-footer",f.isDesktopOrUp),!r&&l){if(h)l.remove();else{let p=o.querySelector(`[data-placeholder-for="${t}"]`);p?p.replaceWith(l):o.appendChild(l)}return}if(r&&h){let p=document.createElement("div");p.setAttribute("data-placeholder-for",t),p.classList.add("slot-placeholder"),l||n.prepend(h.cloneNode(!0)),h.replaceWith(p)}}}adaptForMedia(){if(!this.card.closest("merch-card-collection,overlay-trigger,.two-merch-cards,.three-merch-cards,.four-merch-cards,.columns"))return this.card.hasAttribute("size"),void 0;this.adjustSlotPlacement("heading-m",["wide"],!0),this.adjustSlotPlacement("addon",["super-wide"],f.isDesktopOrUp),this.adjustSlotPlacement("callout-content",["super-wide"],f.isDesktopOrUp)}adjustCallout(){let t=this.card.querySelector('[slot="callout-content"] .icon-button');if(!t?.title)return;t.dataset.tooltip=t.title,t.removeAttribute("title"),t.classList.add("hide-tooltip");let e=r=>{r===t?t.classList.toggle("hide-tooltip"):t.classList.add("hide-tooltip")};document.addEventListener("touchstart",r=>{r.preventDefault(),e(r.target)}),document.addEventListener("mouseover",r=>{r.preventDefault(),r.target!==t?t.classList.add("hide-tooltip"):t.classList.remove("hide-tooltip")})}async postCardUpdateHook(){if(this.card.isConnected&&(this.adaptForMedia(),this.adjustAddon(),this.adjustCallout(),this.updateShortDescriptionVisibility(),this.hasShortDescription?this.card.setAttribute("has-short-description",""):this.card.removeAttribute("has-short-description"),this.legalAdjusted||await this.adjustLegal(),await this.card.updateComplete,this.card.prices?.length>0&&await Promise.all(this.card.prices.map(t=>t.onceSettled?.()||Promise.resolve())),window.matchMedia("(min-width: 768px)").matches)){let t=this.getContainer();if(!t)return;let e=`--consonant-merch-card-${this.card.variant}`,r=t.style.getPropertyValue(`${e}-body-height`);requestAnimationFrame(r?()=>{this.syncHeights()}:()=>{t.querySelectorAll(`merch-card[variant="${this.card.variant}"]`).forEach(n=>n.variantLayout?.syncHeights?.())})}}get mainPrice(){return this.card.querySelector(`[slot="heading-m"] ${b}[data-template="price"]`)}syncHeights(){if(this.card.getBoundingClientRect().width<=2)return;let t=this.card.shadowRoot?.querySelector(".body");t&&this.updateCardElementMinHeight(t,"body");let e=this.card.shadowRoot?.querySelector("footer");e&&this.updateCardElementMinHeight(e,"footer");let r=this.card.querySelector('[slot="short-description"]');r&&this.updateCardElementMinHeight(r,"short-description")}async adjustLegal(){if(!this.legalAdjusted)try{this.legalAdjusted=!0,await this.card.updateComplete,await customElements.whenDefined("inline-price");let t=this.mainPrice;if(!t)return;let e=t.cloneNode(!0);if(await t.onceSettled(),!t?.options)return;t.options.displayPerUnit&&(t.dataset.displayPerUnit="false"),t.options.displayTax&&(t.dataset.displayTax="false"),t.options.displayPlanType&&(t.dataset.displayPlanType="false"),e.setAttribute("data-template","legal"),t.parentNode.insertBefore(e,t.nextSibling),await e.onceSettled()}catch{}}async adjustAddon(){await this.card.updateComplete;let t=this.card.addon;if(!t)return;t.setAttribute("custom-checkbox","");let e=this.mainPrice;if(!e)return;await e.onceSettled();let r=e.value?.[0]?.planType;r&&(t.planType=r)}get stockCheckbox(){return this.card.checkboxLabel?U``:ft}get hasShortDescription(){return!!this.card.querySelector('[slot="short-description"]')}get shortDescriptionLabel(){let t=this.card.querySelector('[slot="short-description"]'),e=t.querySelector("strong, b");if(e?.textContent?.trim())return e.textContent.trim();let r=t.querySelector("h1, h2, h3, h4, h5, h6, p");return r?.textContent?.trim()?r.textContent.trim():t.textContent?.trim().split(` `)[0].trim()}updateShortDescriptionVisibility(){let t=this.card.querySelector('[slot="short-description"]');if(!t)return;let e=t.querySelector("strong, b, p");e&&(f.isMobile?e.style.display="none":e.style.display="")}toggleShortDescription(){this.shortDescriptionExpanded=!this.shortDescriptionExpanded,this.card.requestUpdate()}get shortDescriptionToggle(){return this.hasShortDescription?f.isMobile?U`
- `:vt}get icons(){return this.card.querySelector('[slot="icons"]')||this.card.getAttribute("id")?U``:vt}get secureLabelFooter(){return U`
+ `:ft}get icons(){return this.card.querySelector('[slot="icons"]')||this.card.getAttribute("id")?U``:ft}get secureLabelFooter(){return U`
${this.secureLabel}
`}connectedCallbackHook(){this.handleMediaChange=()=>{this.adaptForMedia(),this.updateShortDescriptionVisibility(),this.card.requestUpdate(),window.matchMedia("(min-width: 768px)").matches&&requestAnimationFrame(()=>{this.syncHeights()})},f.matchMobile.addEventListener("change",this.handleMediaChange),f.matchDesktopOrUp.addEventListener("change",this.handleMediaChange),this.visibilityObserver=new IntersectionObserver(([t])=>{t.boundingClientRect.height!==0&&t.isIntersecting&&(window.matchMedia("(min-width: 768px)").matches&&requestAnimationFrame(()=>{this.syncHeights()}),this.visibilityObserver.disconnect())}),this.visibilityObserver.observe(this.card)}disconnectedCallbackHook(){f.matchMobile.removeEventListener("change",this.handleMediaChange),f.matchDesktopOrUp.removeEventListener("change",this.handleMediaChange),this.visibilityObserver?.disconnect()}renderLayout(){let e=this.card.getAttribute("size")==="wide";return U` ${this.badge} @@ -4287,7 +4285,7 @@ merch-card[variant="plans-v2"][size="wide"] footer [slot="heading-m"] { `}
${this.secureLabelFooter} ${this.shortDescriptionToggle} - `}};d(Q,"variantStyle",ii` + `}};d(Q,"variantStyle",ni` :host([variant='plans-v2']) { display: flex; flex-direction: column; @@ -4776,7 +4774,7 @@ merch-card[variant="plans-v2"][size="wide"] footer [slot="heading-m"] { margin-right: 0; } - @media ${$r(y)}, ${$r(C)} { + @media ${Ir(y)}, ${Ir(C)} { :host([variant='plans-v2']) { --merch-card-plans-v2-padding: 26px 16px; } @@ -4843,7 +4841,7 @@ merch-card[variant="plans-v2"][size="wide"] footer [slot="heading-m"] { .toggle-label { color: #292929; } - `),d(Q,"collectionOptions",{customHeaderArea:t=>t.sidenav?U``:vt,headerVisibility:{search:!1,sort:!1,result:["mobile","tablet"],custom:["desktop"]},onSidenavAttached:t=>{let e=()=>{let r=t.querySelectorAll("merch-card");if(r.forEach(n=>{n.hasAttribute("data-size")&&(n.setAttribute("size",n.getAttribute("data-size")),n.removeAttribute("data-size"))}),!f.isDesktop)return;let i=0;r.forEach(n=>{if(n.style.display==="none")return;let o=n.getAttribute("size"),c=o==="wide"?2:o==="super-wide"?3:1;c===2&&i%3===2&&(n.setAttribute("data-size",o),n.removeAttribute("size"),c=1),i+=c})};f.matchDesktop.addEventListener("change",e),t.addEventListener(ge,e),t.onUnmount.push(()=>{f.matchDesktop.removeEventListener("change",e),t.removeEventListener(ge,e)})}});import{html as Rt,css as ni}from"./lit-all.min.js";var qr=` + `),d(Q,"collectionOptions",{customHeaderArea:t=>t.sidenav?U``:ft,headerVisibility:{search:!1,sort:!1,result:["mobile","tablet"],custom:["desktop"]},onSidenavAttached:t=>{let e=()=>{let r=t.querySelectorAll("merch-card");if(r.forEach(n=>{n.hasAttribute("data-size")&&(n.setAttribute("size",n.getAttribute("data-size")),n.removeAttribute("data-size"))}),!f.isDesktop)return;let i=0;r.forEach(n=>{if(n.style.display==="none")return;let o=n.getAttribute("size"),c=o==="wide"?2:o==="super-wide"?3:1;c===2&&i%3===2&&(n.setAttribute("data-size",o),n.removeAttribute("size"),c=1),i+=c})};f.matchDesktop.addEventListener("change",e),t.addEventListener(ge,e),t.onUnmount.push(()=>{f.matchDesktop.removeEventListener("change",e),t.removeEventListener(ge,e)})}});import{html as Mt,css as oi}from"./lit-all.min.js";var Br=` :root { --consonant-merch-card-product-width: 300px; } @@ -4978,14 +4976,14 @@ merch-card[variant="product"] { } } -`;var Hr={cardName:{attribute:"name"},title:{tag:"h3",slot:"heading-xs"},prices:{tag:"p",slot:"heading-xs"},promoText:{tag:"p",slot:"promo-text"},description:{tag:"div",slot:"body-xs"},mnemonics:{size:"l"},callout:{tag:"div",slot:"callout-content"},quantitySelect:{tag:"div",slot:"quantity-select"},secureLabel:!0,planType:!0,badgeIcon:!0,badge:{tag:"div",slot:"badge",default:"color-yellow-300-variation"},allowedBadgeColors:["color-yellow-300-variation","color-gray-300-variation","color-gray-700-variation","color-green-900-variation","gradient-purple-blue"],allowedBorderColors:["color-yellow-300-variation","color-gray-300-variation","color-green-900-variation","gradient-purple-blue"],borderColor:{attribute:"border-color"},whatsIncluded:{tag:"div",slot:"whats-included"},ctas:{slot:"footer",size:"m"},style:"consonant",perUnitLabel:{tag:"span",slot:"per-unit-label"}},Se=class extends v{constructor(t){super(t),this.postCardUpdateHook=this.postCardUpdateHook.bind(this),this.updatePriceQuantity=this.updatePriceQuantity.bind(this)}getGlobalCSS(){return qr}priceOptionsProvider(t,e){t.dataset.template===N&&(e.displayPlanType=this.card?.settings?.displayPlanType??!1,(t.dataset.template==="strikethrough"||t.dataset.template==="price")&&(e.displayPerUnit=!1))}adjustProductBodySlots(){if(this.card.getBoundingClientRect().width===0)return;["heading-xs","body-xxs","body-xs","promo-text","callout-content","addon","body-lower"].forEach(e=>this.updateCardElementMinHeight(this.card.shadowRoot.querySelector(`slot[name="${e}"]`),e))}renderLayout(){return Rt` ${this.badge} +`;var qr={cardName:{attribute:"name"},title:{tag:"h3",slot:"heading-xs"},prices:{tag:"p",slot:"heading-xs"},promoText:{tag:"p",slot:"promo-text"},description:{tag:"div",slot:"body-xs"},mnemonics:{size:"l"},callout:{tag:"div",slot:"callout-content"},quantitySelect:{tag:"div",slot:"quantity-select"},secureLabel:!0,planType:!0,badgeIcon:!0,badge:{tag:"div",slot:"badge",default:"color-yellow-300-variation"},allowedBadgeColors:["color-yellow-300-variation","color-gray-300-variation","color-gray-700-variation","color-green-900-variation","gradient-purple-blue"],allowedBorderColors:["color-yellow-300-variation","color-gray-300-variation","color-green-900-variation","gradient-purple-blue"],borderColor:{attribute:"border-color"},whatsIncluded:{tag:"div",slot:"whats-included"},ctas:{slot:"footer",size:"m"},style:"consonant",perUnitLabel:{tag:"span",slot:"per-unit-label"}},Se=class extends v{constructor(t){super(t),this.postCardUpdateHook=this.postCardUpdateHook.bind(this),this.updatePriceQuantity=this.updatePriceQuantity.bind(this)}getGlobalCSS(){return Br}priceOptionsProvider(t,e){t.dataset.template===N&&(e.displayPlanType=this.card?.settings?.displayPlanType??!1,(t.dataset.template==="strikethrough"||t.dataset.template==="price")&&(e.displayPerUnit=!1))}adjustProductBodySlots(){if(this.card.getBoundingClientRect().width===0)return;["heading-xs","body-xxs","body-xs","promo-text","callout-content","addon","body-lower"].forEach(e=>this.updateCardElementMinHeight(this.card.shadowRoot.querySelector(`slot[name="${e}"]`),e))}renderLayout(){return Mt` ${this.badge}
- ${this.promoBottom?"":Rt``} + ${this.promoBottom?"":Mt``} - ${this.promoBottom?Rt``:""} + ${this.promoBottom?Mt``:""} @@ -4994,7 +4992,7 @@ merch-card[variant="product"] {

- ${this.secureLabelFooter}`}connectedCallbackHook(){window.addEventListener("resize",this.postCardUpdateHook),this.card.addEventListener(R,this.updatePriceQuantity)}disconnectedCallbackHook(){window.removeEventListener("resize",this.postCardUpdateHook),this.card.removeEventListener(R,this.updatePriceQuantity)}async postCardUpdateHook(){this.card.isConnected&&(this.adjustAddon(),f.isMobile||this.adjustProductBodySlots(),this.legalAdjusted||await this.adjustLegal())}async adjustLegal(){if(!(this.legalAdjusted||!this.card.id))try{this.legalAdjusted=!0,await this.card.updateComplete,await customElements.whenDefined("inline-price");let t=this.mainPrice;if(!t)return;let e=t.cloneNode(!0);if(await t.onceSettled(),!t?.options)return;t.options.displayPerUnit&&(t.dataset.displayPerUnit="false"),t.options.displayTax&&(t.dataset.displayTax="false"),t.options.displayPlanType&&(t.dataset.displayPlanType="false"),e.setAttribute("data-template","legal"),t.parentNode.insertBefore(e,t.nextSibling),await e.onceSettled()}catch{}}get headingXSSlot(){return this.card.shadowRoot.querySelector('slot[name="heading-xs"]').assignedElements()[0]}get mainPrice(){return this.card.querySelector(`[slot="heading-xs"] ${b}[data-template="price"]`)}updatePriceQuantity({detail:t}){!this.mainPrice||!t?.option||(this.mainPrice.dataset.quantity=t.option)}toggleAddon(t){let e=this.mainPrice,r=this.headingXSSlot;if(!e&&r){let i=t?.getAttribute("plan-type"),n=null;if(t&&i&&(n=t.querySelector(`p[data-plan-type="${i}"]`)?.querySelector('span[is="inline-price"]')),this.card.querySelectorAll('p[slot="heading-xs"]').forEach(o=>o.remove()),t.checked){if(n){let o=T("p",{class:"addon-heading-xs-price-addon",slot:"heading-xs"},n.innerHTML);this.card.appendChild(o)}}else{let o=T("p",{class:"card-heading",id:"free",slot:"heading-xs"},"Free");this.card.appendChild(o)}}}async adjustAddon(){await this.card.updateComplete;let t=this.card.addon;if(!t)return;let e=this.mainPrice,r=this.card.planType;e&&(await e.onceSettled(),r=e.value?.[0]?.planType),r&&(t.planType=r)}};d(Se,"variantStyle",ni` + ${this.secureLabelFooter}`}connectedCallbackHook(){window.addEventListener("resize",this.postCardUpdateHook),this.card.addEventListener(R,this.updatePriceQuantity)}disconnectedCallbackHook(){window.removeEventListener("resize",this.postCardUpdateHook),this.card.removeEventListener(R,this.updatePriceQuantity)}async postCardUpdateHook(){this.card.isConnected&&(this.adjustAddon(),f.isMobile||this.adjustProductBodySlots(),this.legalAdjusted||await this.adjustLegal())}async adjustLegal(){if(!(this.legalAdjusted||!this.card.id))try{this.legalAdjusted=!0,await this.card.updateComplete,await customElements.whenDefined("inline-price");let t=this.mainPrice;if(!t)return;let e=t.cloneNode(!0);if(await t.onceSettled(),!t?.options)return;t.options.displayPerUnit&&(t.dataset.displayPerUnit="false"),t.options.displayTax&&(t.dataset.displayTax="false"),t.options.displayPlanType&&(t.dataset.displayPlanType="false"),e.setAttribute("data-template","legal"),t.parentNode.insertBefore(e,t.nextSibling),await e.onceSettled()}catch{}}get headingXSSlot(){return this.card.shadowRoot.querySelector('slot[name="heading-xs"]').assignedElements()[0]}get mainPrice(){return this.card.querySelector(`[slot="heading-xs"] ${b}[data-template="price"]`)}updatePriceQuantity({detail:t}){!this.mainPrice||!t?.option||(this.mainPrice.dataset.quantity=t.option)}toggleAddon(t){let e=this.mainPrice,r=this.headingXSSlot;if(!e&&r){let i=t?.getAttribute("plan-type"),n=null;if(t&&i&&(n=t.querySelector(`p[data-plan-type="${i}"]`)?.querySelector('span[is="inline-price"]')),this.card.querySelectorAll('p[slot="heading-xs"]').forEach(o=>o.remove()),t.checked){if(n){let o=T("p",{class:"addon-heading-xs-price-addon",slot:"heading-xs"},n.innerHTML);this.card.appendChild(o)}}else{let o=T("p",{class:"card-heading",id:"free",slot:"heading-xs"},"Free");this.card.appendChild(o)}}}async adjustAddon(){await this.card.updateComplete;let t=this.card.addon;if(!t)return;let e=this.mainPrice,r=this.card.planType;e&&(await e.onceSettled(),r=e.value?.[0]?.planType),r&&(t.planType=r)}};d(Se,"variantStyle",oi` :host([variant='product']) { background: linear-gradient(white, white) padding-box, @@ -5043,7 +5041,7 @@ merch-card[variant="product"] { color: rgb(80, 80, 80); line-height: var(--consonant-merch-card-detail-xs-line-height); } - `);import{html as Nt,css as oi}from"./lit-all.min.js";var Ur=` + `);import{html as Rt,css as ci}from"./lit-all.min.js";var Hr=` :root { --consonant-merch-card-segment-width: 378px; } @@ -5147,21 +5145,21 @@ merch-card-collection.segment merch-card { width: auto; height: 100%; } -`;var jr={cardName:{attribute:"name"},title:{tag:"h3",slot:"heading-xs"},prices:{tag:"p",slot:"heading-xs"},promoText:{tag:"p",slot:"promo-text"},description:{tag:"div",slot:"body-xs"},callout:{tag:"div",slot:"callout-content"},planType:!0,secureLabel:!0,badgeIcon:!0,badge:{tag:"div",slot:"badge",default:"color-red-700-variation"},allowedBadgeColors:["color-yellow-300-variation","color-gray-300-variation","color-gray-700-variation","color-green-900-variation","color-red-700-variation","gradient-purple-blue"],allowedBorderColors:["color-yellow-300-variation","color-gray-300-variation","color-green-900-variation","color-red-700-variation","gradient-purple-blue"],borderColor:{attribute:"border-color"},ctas:{slot:"footer",size:"m"},style:"consonant",perUnitLabel:{tag:"span",slot:"per-unit-label"}},Ce=class extends v{constructor(t){super(t)}priceOptionsProvider(t,e){t.dataset.template===N&&(e.displayPlanType=this.card?.settings?.displayPlanType??!1,(t.dataset.template==="strikethrough"||t.dataset.template==="price")&&(e.displayPerUnit=!1))}getGlobalCSS(){return Ur}get badgeElement(){return this.card.querySelector('[slot="badge"]')}get mainPrice(){return this.card.querySelector(`[slot="heading-xs"] ${b}[data-template="price"]`)}async postCardUpdateHook(){this.legalAdjusted||await this.adjustLegal()}async adjustLegal(){if(!this.legalAdjusted)try{this.legalAdjusted=!0,await this.card.updateComplete,await customElements.whenDefined("inline-price");let t=this.mainPrice;if(!t)return;let e=t.cloneNode(!0);if(await t.onceSettled(),!t?.options)return;t.options.displayPerUnit&&(t.dataset.displayPerUnit="false"),t.options.displayTax&&(t.dataset.displayTax="false"),t.options.displayPlanType&&(t.dataset.displayPlanType="false"),e.setAttribute("data-template","legal"),t.parentNode.insertBefore(e,t.nextSibling),await e.onceSettled()}catch{}}renderLayout(){return Nt` +`;var Ur={cardName:{attribute:"name"},title:{tag:"h3",slot:"heading-xs"},prices:{tag:"p",slot:"heading-xs"},promoText:{tag:"p",slot:"promo-text"},description:{tag:"div",slot:"body-xs"},callout:{tag:"div",slot:"callout-content"},planType:!0,secureLabel:!0,badgeIcon:!0,badge:{tag:"div",slot:"badge",default:"color-red-700-variation"},allowedBadgeColors:["color-yellow-300-variation","color-gray-300-variation","color-gray-700-variation","color-green-900-variation","color-red-700-variation","gradient-purple-blue"],allowedBorderColors:["color-yellow-300-variation","color-gray-300-variation","color-green-900-variation","color-red-700-variation","gradient-purple-blue"],borderColor:{attribute:"border-color"},ctas:{slot:"footer",size:"m"},style:"consonant",perUnitLabel:{tag:"span",slot:"per-unit-label"}},Ce=class extends v{constructor(t){super(t)}priceOptionsProvider(t,e){t.dataset.template===N&&(e.displayPlanType=this.card?.settings?.displayPlanType??!1,(t.dataset.template==="strikethrough"||t.dataset.template==="price")&&(e.displayPerUnit=!1))}getGlobalCSS(){return Hr}get badgeElement(){return this.card.querySelector('[slot="badge"]')}get mainPrice(){return this.card.querySelector(`[slot="heading-xs"] ${b}[data-template="price"]`)}async postCardUpdateHook(){this.legalAdjusted||await this.adjustLegal()}async adjustLegal(){if(!this.legalAdjusted)try{this.legalAdjusted=!0,await this.card.updateComplete,await customElements.whenDefined("inline-price");let t=this.mainPrice;if(!t)return;let e=t.cloneNode(!0);if(await t.onceSettled(),!t?.options)return;t.options.displayPerUnit&&(t.dataset.displayPerUnit="false"),t.options.displayTax&&(t.dataset.displayTax="false"),t.options.displayPlanType&&(t.dataset.displayPlanType="false"),e.setAttribute("data-template","legal"),t.parentNode.insertBefore(e,t.nextSibling),await e.onceSettled()}catch{}}renderLayout(){return Rt` ${this.badge}
- ${this.promoBottom?"":Nt``} - ${this.promoBottom?Nt``:""}

${this.secureLabelFooter} - `}};d(Ce,"variantStyle",oi` + `}};d(Ce,"variantStyle",ci` :host([variant='segment']) { min-height: 214px; background: @@ -5172,7 +5170,7 @@ merch-card-collection.segment merch-card { :host([variant='segment']) ::slotted(h3[slot='heading-xs']) { max-width: var(--consonant-merch-card-heading-xs-max-width, 100%); } - `);import{html as ci,css as si}from"./lit-all.min.js";var Gr=` + `);import{html as si,css as li}from"./lit-all.min.js";var jr=` merch-card[variant='media'] { border: 0; @@ -5285,7 +5283,7 @@ merch-card-collection.segment merch-card { width: 700px; } -`;var Vr={cardName:{attribute:"name"},title:{tag:"h3",slot:"heading-xs"},subtitle:{tag:"p",slot:"body-xxs"},description:{tag:"div",slot:"body-xs"},ctas:{slot:"footer",size:"m"},backgroundImage:{tag:"div",slot:"bg-image"},style:"consonant"},Ae=class extends v{constructor(t){super(t)}getGlobalCSS(){return Gr}removeFocusFromModalClose(){let t=this.card.closest(".dialog-modal");t&&t.querySelector(".dialog-close")?.blur()}async postCardUpdateHook(){this.removeFocusFromModalClose()}renderLayout(){return ci` +`;var Gr={cardName:{attribute:"name"},title:{tag:"h3",slot:"heading-xs"},subtitle:{tag:"p",slot:"body-xxs"},description:{tag:"div",slot:"body-xs"},ctas:{slot:"footer",size:"m"},backgroundImage:{tag:"div",slot:"bg-image"},style:"consonant"},Ae=class extends v{constructor(t){super(t)}getGlobalCSS(){return jr}removeFocusFromModalClose(){let t=this.card.closest(".dialog-modal");t&&t.querySelector(".dialog-close")?.blur()}async postCardUpdateHook(){this.removeFocusFromModalClose()}renderLayout(){return si`
@@ -5297,7 +5295,7 @@ merch-card-collection.segment merch-card {
- `}};d(Ae,"variantStyle",si` + `}};d(Ae,"variantStyle",li` :host([variant='media']) .media-row { display: flex; gap: 24px; @@ -5326,7 +5324,7 @@ merch-card-collection.segment merch-card { gap: 40px; } } - `);import{html as Ot,css as li}from"./lit-all.min.js";var Wr=` + `);import{html as Nt,css as di}from"./lit-all.min.js";var Vr=` :root { --consonant-merch-card-special-offers-width: 302px; --merch-card-collection-card-width: var(--consonant-merch-card-special-offers-width); @@ -5382,7 +5380,7 @@ merch-card[variant="special-offers"] span[is="inline-price"][data-template="pric grid-template-columns: repeat(4, minmax(302px, var(--consonant-merch-card-special-offers-width))); } } -`;var Kr={cardName:{attribute:"name"},backgroundImage:{tag:"div",slot:"bg-image"},subtitle:{tag:"p",slot:"detail-m"},title:{tag:"h3",slot:"heading-xs"},prices:{tag:"p",slot:"heading-xs-price"},description:{tag:"div",slot:"body-xs"},ctas:{slot:"footer",size:"l"},badgeIcon:!0,badge:{tag:"div",slot:"badge",default:"spectrum-yellow-300-special-offers"},allowedBadgeColors:["spectrum-yellow-300-special-offers","spectrum-gray-300-special-offers","spectrum-green-900-special-offers"],allowedBorderColors:["spectrum-yellow-300-special-offers","spectrum-gray-300-special-offers","spectrum-green-900-special-offers"],borderColor:{attribute:"border-color"}},Te=class extends v{constructor(t){super(t)}get headingSelector(){return'[slot="detail-m"]'}getGlobalCSS(){return Wr}renderLayout(){return Ot`${this.cardImage} +`;var Wr={cardName:{attribute:"name"},backgroundImage:{tag:"div",slot:"bg-image"},subtitle:{tag:"p",slot:"detail-m"},title:{tag:"h3",slot:"heading-xs"},prices:{tag:"p",slot:"heading-xs-price"},description:{tag:"div",slot:"body-xs"},ctas:{slot:"footer",size:"l"},badgeIcon:!0,badge:{tag:"div",slot:"badge",default:"spectrum-yellow-300-special-offers"},allowedBadgeColors:["spectrum-yellow-300-special-offers","spectrum-gray-300-special-offers","spectrum-green-900-special-offers"],allowedBorderColors:["spectrum-yellow-300-special-offers","spectrum-gray-300-special-offers","spectrum-green-900-special-offers"],borderColor:{attribute:"border-color"}},Te=class extends v{constructor(t){super(t)}get headingSelector(){return'[slot="detail-m"]'}getGlobalCSS(){return Vr}renderLayout(){return Nt`${this.cardImage}
@@ -5390,18 +5388,18 @@ merch-card[variant="special-offers"] span[is="inline-price"][data-template="pric
- ${this.evergreen?Ot` + ${this.evergreen?Nt`
- `:Ot` + `:Nt`
${this.secureLabelFooter} `} - `}};d(Te,"variantStyle",li` + `}};d(Te,"variantStyle",di` :host([variant='special-offers']) { min-height: 439px; background: @@ -5435,7 +5433,7 @@ merch-card[variant="special-offers"] span[is="inline-price"][data-template="pric ) { border-color: var(--spectrum-green-900-special-offers); } - `);import{html as di,css as hi}from"./lit-all.min.js";var Yr=` + `);import{html as hi,css as pi}from"./lit-all.min.js";var Kr=` :root { --merch-card-simplified-pricing-express-width: 311px; } @@ -5866,7 +5864,7 @@ merch-card[variant="simplified-pricing-express"] [slot="cta"] button.spectrum-Bu merch-card[variant="simplified-pricing-express"] [slot="cta"] a.spectrum-Button.spectrum-Button--accent .spectrum-Button-label { color: var(--spectrum-white, #ffffff); } -`;var Dt={title:{tag:"h3",slot:"heading-xs",maxCount:250,withSuffix:!0},badge:{tag:"div",slot:"badge",default:"spectrum-blue-400"},allowedBadgeColors:["spectrum-blue-400","spectrum-gray-300","spectrum-yellow-300","gradient-purple-blue","gradient-firefly-spectrum"],description:{tag:"div",slot:"body-xs",maxCount:2e3,withSuffix:!1},prices:{tag:"div",slot:"price"},callout:{tag:"div",slot:"callout-content",editorLabel:"Price description"},ctas:{slot:"cta",size:"XL"},borderColor:{attribute:"border-color",specialValues:{gray:"var(--spectrum-gray-300)",blue:"var(--spectrum-blue-400)","gradient-purple-blue":"linear-gradient(96deg, #B539C8 0%, #7155FA 66%, #3B63FB 100%)","gradient-firefly-spectrum":"linear-gradient(96deg, #D73220 0%, #D92361 33%, #7155FA 100%)"}},disabledAttributes:["badgeColor","badgeBorderColor","trialBadgeColor","trialBadgeBorderColor"],supportsDefaultChild:!0},Le=class extends v{getGlobalCSS(){return Yr}get aemFragmentMapping(){return Dt}get headingSelector(){return'[slot="heading-xs"]'}get badge(){return this.card.querySelector('[slot="badge"]')}syncHeights(){if(this.card.getBoundingClientRect().width===0)return;let t=this.card.querySelector('[slot="body-xs"]');t&&this.updateCardElementMinHeight(t,"description");let e=this.card.querySelector('[slot="price"]');e&&this.updateCardElementMinHeight(e,"price");let r=this.card.querySelector('[slot="callout-content"]');r&&this.updateCardElementMinHeight(r,"callout");let i=this.card.querySelector('[slot="body-xs"] p:has(mas-mnemonic)');i&&this.updateCardElementMinHeight(i,"icons")}async postCardUpdateHook(){if(this.card.isConnected&&(await this.card.updateComplete,this.card.prices?.length&&await Promise.all(this.card.prices.map(t=>t.onceSettled?.())),f.isDesktopOrUp)){let t=this.getContainer();if(!t)return;requestAnimationFrame(()=>{t.querySelectorAll(`merch-card[variant="${this.card.variant}"]`).forEach(r=>r.variantLayout?.syncHeights?.())})}}connectedCallbackHook(){!this.card||this.card.failed||(this.setupAccordion(),this.card?.hasAttribute("data-default-card")&&!it()&&this.card.setAttribute("data-expanded","true"))}setupAccordion(){let t=this.card;if(!t)return;let e=()=>{if(it())t.removeAttribute("data-expanded");else{let i=t.hasAttribute("data-default-card");t.setAttribute("data-expanded",i?"true":"false")}};e();let r=window.matchMedia(y);this.mediaQueryListener=()=>{e()},r.addEventListener("change",this.mediaQueryListener)}disconnectedCallbackHook(){this.mediaQueryListener&&window.matchMedia(y).removeEventListener("change",this.mediaQueryListener)}handleChevronClick(t){t.preventDefault(),t.stopPropagation(),this.toggleExpanded()}handleCardClick(t){t.target.closest('.chevron-button, mas-mnemonic, button, a, [role="button"]')||(t.preventDefault(),this.toggleExpanded())}toggleExpanded(){let t=this.card;if(!t||it())return;let i=t.getAttribute("data-expanded")==="true"?"false":"true";t.setAttribute("data-expanded",i)}renderLayout(){return di` +`;var Ot={title:{tag:"h3",slot:"heading-xs",maxCount:250,withSuffix:!0},badge:{tag:"div",slot:"badge",default:"spectrum-blue-400"},allowedBadgeColors:["spectrum-blue-400","spectrum-gray-300","spectrum-yellow-300","gradient-purple-blue","gradient-firefly-spectrum"],description:{tag:"div",slot:"body-xs",maxCount:2e3,withSuffix:!1},prices:{tag:"div",slot:"price"},callout:{tag:"div",slot:"callout-content",editorLabel:"Price description"},ctas:{slot:"cta",size:"XL"},borderColor:{attribute:"border-color",specialValues:{gray:"var(--spectrum-gray-300)",blue:"var(--spectrum-blue-400)","gradient-purple-blue":"linear-gradient(96deg, #B539C8 0%, #7155FA 66%, #3B63FB 100%)","gradient-firefly-spectrum":"linear-gradient(96deg, #D73220 0%, #D92361 33%, #7155FA 100%)"}},disabledAttributes:["badgeColor","badgeBorderColor","trialBadgeColor","trialBadgeBorderColor"],supportsDefaultChild:!0},Le=class extends v{getGlobalCSS(){return Kr}get aemFragmentMapping(){return Ot}get headingSelector(){return'[slot="heading-xs"]'}get badge(){return this.card.querySelector('[slot="badge"]')}syncHeights(){if(this.card.getBoundingClientRect().width===0)return;let t=this.card.querySelector('[slot="body-xs"]');t&&this.updateCardElementMinHeight(t,"description");let e=this.card.querySelector('[slot="price"]');e&&this.updateCardElementMinHeight(e,"price");let r=this.card.querySelector('[slot="callout-content"]');r&&this.updateCardElementMinHeight(r,"callout");let i=this.card.querySelector('[slot="body-xs"] p:has(mas-mnemonic)');i&&this.updateCardElementMinHeight(i,"icons")}async postCardUpdateHook(){if(this.card.isConnected&&(await this.card.updateComplete,this.card.prices?.length&&await Promise.all(this.card.prices.map(t=>t.onceSettled?.())),f.isDesktopOrUp)){let t=this.getContainer();if(!t)return;requestAnimationFrame(()=>{t.querySelectorAll(`merch-card[variant="${this.card.variant}"]`).forEach(r=>r.variantLayout?.syncHeights?.())})}}connectedCallbackHook(){!this.card||this.card.failed||(this.setupAccordion(),this.card?.hasAttribute("data-default-card")&&!nt()&&this.card.setAttribute("data-expanded","true"))}setupAccordion(){let t=this.card;if(!t)return;let e=()=>{if(nt())t.removeAttribute("data-expanded");else{let i=t.hasAttribute("data-default-card");t.setAttribute("data-expanded",i?"true":"false")}};e();let r=window.matchMedia(y);this.mediaQueryListener=()=>{e()},r.addEventListener("change",this.mediaQueryListener)}disconnectedCallbackHook(){this.mediaQueryListener&&window.matchMedia(y).removeEventListener("change",this.mediaQueryListener)}handleChevronClick(t){t.preventDefault(),t.stopPropagation(),this.toggleExpanded()}handleCardClick(t){t.target.closest('.chevron-button, mas-mnemonic, button, a, [role="button"]')||(t.preventDefault(),this.toggleExpanded())}toggleExpanded(){let t=this.card;if(!t||nt())return;let i=t.getAttribute("data-expanded")==="true"?"false":"true";t.setAttribute("data-expanded",i)}renderLayout(){return hi`
- `}};d(Le,"variantStyle",hi` + `}};d(Le,"variantStyle",pi` :host([variant='simplified-pricing-express']) { --merch-card-simplified-pricing-express-width: 365px; --merch-card-simplified-pricing-express-padding: 24px; @@ -6314,7 +6312,7 @@ merch-card[variant="simplified-pricing-express"] [slot="cta"] a.spectrum-Button. max-height: 1000px; } } - `);import{html as Zr,css as pi}from"./lit-all.min.js";var Qr=` + `);import{html as Qr,css as mi}from"./lit-all.min.js";var Yr=` :root { --merch-card-full-pricing-express-width: 378px; --merch-card-full-pricing-express-mobile-width: 365px; @@ -6900,14 +6898,14 @@ merch-card[variant="full-pricing-express"] mas-mnemonic { margin-bottom: 0; } } -`;var Ft={title:{tag:"h3",slot:"heading-xs",maxCount:250,withSuffix:!0},badge:{tag:"div",slot:"badge",default:"spectrum-blue-400"},allowedBadgeColors:["spectrum-blue-400","spectrum-gray-300","spectrum-yellow-300","gradient-purple-blue","gradient-firefly-spectrum"],description:{tag:"div",slot:"body-s",maxCount:2e3,withSuffix:!1},shortDescription:{tag:"div",slot:"short-description",maxCount:3e3,withSuffix:!1},callout:{tag:"div",slot:"callout-content",editorLabel:"Price description"},prices:{tag:"div",slot:"price"},trialBadge:{tag:"div",slot:"trial-badge"},ctas:{slot:"cta",size:"XL"},mnemonics:{size:"xs"},borderColor:{attribute:"border-color",specialValues:{gray:"var(--spectrum-gray-300)",blue:"var(--spectrum-blue-400)","gradient-purple-blue":"linear-gradient(96deg, #B539C8 0%, #7155FA 66%, #3B63FB 100%)","gradient-firefly-spectrum":"linear-gradient(96deg, #D73220 0%, #D92361 33%, #7155FA 100%)"}},showAllSpectrumColors:!0,multiWhatsIncluded:"true",disabledAttributes:[]},ze=class extends v{getGlobalCSS(){return Qr}get aemFragmentMapping(){return Ft}get headingSelector(){return'[slot="heading-xs"]'}get badgeElement(){return this.card.querySelector('[slot="badge"]')}get badge(){return Zr` +`;var Dt={title:{tag:"h3",slot:"heading-xs",maxCount:250,withSuffix:!0},badge:{tag:"div",slot:"badge",default:"spectrum-blue-400"},allowedBadgeColors:["spectrum-blue-400","spectrum-gray-300","spectrum-yellow-300","gradient-purple-blue","gradient-firefly-spectrum"],description:{tag:"div",slot:"body-s",maxCount:2e3,withSuffix:!1},shortDescription:{tag:"div",slot:"short-description",maxCount:3e3,withSuffix:!1},callout:{tag:"div",slot:"callout-content",editorLabel:"Price description"},prices:{tag:"div",slot:"price"},trialBadge:{tag:"div",slot:"trial-badge"},ctas:{slot:"cta",size:"XL"},mnemonics:{size:"xs"},borderColor:{attribute:"border-color",specialValues:{gray:"var(--spectrum-gray-300)",blue:"var(--spectrum-blue-400)","gradient-purple-blue":"linear-gradient(96deg, #B539C8 0%, #7155FA 66%, #3B63FB 100%)","gradient-firefly-spectrum":"linear-gradient(96deg, #D73220 0%, #D92361 33%, #7155FA 100%)"}},showAllSpectrumColors:!0,multiWhatsIncluded:"true",disabledAttributes:[]},ze=class extends v{getGlobalCSS(){return Yr}get aemFragmentMapping(){return Dt}get headingSelector(){return'[slot="heading-xs"]'}get badgeElement(){return this.card.querySelector('[slot="badge"]')}get badge(){return Qr`
- `}syncHeights(){this.card.getBoundingClientRect().width<=2||(["short-description","cta"].forEach(t=>this.updateCardElementMinHeight(this.card.querySelector(`[slot="${t}"]`),t)),this.updateCardElementMinHeight(this.card.shadowRoot?.querySelector(".price-container"),"price"))}async postCardUpdateHook(){if(this.card.isConnected&&(await this.card.updateComplete,await Promise.all(this.card.prices.map(t=>t.onceSettled())),window.matchMedia("(min-width: 1025px)").matches)){let t=this.getContainer();if(!t)return;let e=`--consonant-merch-card-${this.card.variant}`,r=t.style.getPropertyValue(`${e}-price-height`);requestAnimationFrame(r?()=>{this.syncHeights()}:()=>{t.querySelectorAll(`merch-card[variant="${this.card.variant}"]`).forEach(n=>n.variantLayout?.syncHeights?.())})}}renderLayout(){return Zr` + `}syncHeights(){this.card.getBoundingClientRect().width<=2||(["short-description","cta"].forEach(t=>this.updateCardElementMinHeight(this.card.querySelector(`[slot="${t}"]`),t)),this.updateCardElementMinHeight(this.card.shadowRoot?.querySelector(".price-container"),"price"))}async postCardUpdateHook(){if(this.card.isConnected&&(await this.card.updateComplete,await Promise.all(this.card.prices.map(t=>t.onceSettled())),window.matchMedia("(min-width: 1025px)").matches)){let t=this.getContainer();if(!t)return;let e=`--consonant-merch-card-${this.card.variant}`,r=t.style.getPropertyValue(`${e}-price-height`);requestAnimationFrame(r?()=>{this.syncHeights()}:()=>{t.querySelectorAll(`merch-card[variant="${this.card.variant}"]`).forEach(n=>n.variantLayout?.syncHeights?.())})}}renderLayout(){return Qr` ${this.badge}
@@ -6932,7 +6930,7 @@ merch-card[variant="full-pricing-express"] mas-mnemonic {
- `}};d(ze,"variantStyle",pi` + `}};d(ze,"variantStyle",mi` :host([variant='full-pricing-express']) { /* CSS Variables */ --merch-card-full-pricing-express-width: 437px; @@ -7244,16 +7242,16 @@ merch-card[variant="full-pricing-express"] mas-mnemonic { margin-bottom: 24px; } } - `);import{html as It,css as mi,nothing as gi}from"./lit-all.min.js";var Xr=` + `);import{html as Ft,css as gi,nothing as ui}from"./lit-all.min.js";var Zr=` /* Headless variant: minimal container for label/value rows */ .headless { display: flex; flex-direction: column; padding: var(--consonant-merch-spacing-xs, 8px); } -`;var Jr={cardName:{attribute:"name"},title:{tag:"p",slot:"heading-xs"},cardTitle:{tag:"p",slot:"heading-xs"},subtitle:{tag:"p",slot:"body-xxs"},description:{tag:"div",slot:"body-xs"},promoText:{tag:"p",slot:"promo-text"},shortDescription:{tag:"p",slot:"short-description"},callout:{tag:"div",slot:"callout-content"},quantitySelect:{tag:"div",slot:"quantity-select"},whatsIncluded:{tag:"div",slot:"whats-included"},addonConfirmation:{tag:"div",slot:"addon-confirmation"},badge:{tag:"div",slot:"badge"},trialBadge:{tag:"div",slot:"trial-badge"},prices:{tag:"p",slot:"prices"},backgroundImage:{tag:"div",slot:"bg-image"},ctas:{slot:"footer",size:"m"},addon:!0,secureLabel:!0,borderColor:{attribute:"border-color"},backgroundColor:{attribute:"background-color"},size:[],mnemonics:{size:"m"}},ui=[{slot:"bg-image",label:"Background Image"},{slot:"badge",label:"Badge"},{slot:"icons",label:"Mnemonic icon"},{slot:"heading-xs",label:"Title"},{slot:"body-xxs",label:"Subtitle"},{slot:"body-xs",label:"Product description"},{slot:"promo-text",label:"Promo Text"},{slot:"callout-content",label:"Callout text"},{slot:"short-description",label:"Short Description"},{slot:"trial-badge",label:"Trial Badge"},{slot:"prices",label:"Product price"},{slot:"quantity-select",label:"Quantity select"},{slot:"addon",label:"Addon"},{slot:"whats-included",label:"What's included"},{slot:"addon-confirmation",label:"Addon confirmation"},{slot:"footer",label:"CTAs"}],Pe=class extends v{constructor(t){super(t)}getGlobalCSS(){return Xr}renderLayout(){return It` +`;var Xr={cardName:{attribute:"name"},title:{tag:"p",slot:"heading-xs"},cardTitle:{tag:"p",slot:"heading-xs"},subtitle:{tag:"p",slot:"body-xxs"},description:{tag:"div",slot:"body-xs"},promoText:{tag:"p",slot:"promo-text"},shortDescription:{tag:"p",slot:"short-description"},callout:{tag:"div",slot:"callout-content"},quantitySelect:{tag:"div",slot:"quantity-select"},whatsIncluded:{tag:"div",slot:"whats-included"},addonConfirmation:{tag:"div",slot:"addon-confirmation"},badge:{tag:"div",slot:"badge"},trialBadge:{tag:"div",slot:"trial-badge"},prices:{tag:"p",slot:"prices"},backgroundImage:{tag:"div",slot:"bg-image"},ctas:{slot:"footer",size:"m"},addon:!0,secureLabel:!0,borderColor:{attribute:"border-color"},backgroundColor:{attribute:"background-color"},size:[],mnemonics:{size:"m"}},fi=[{slot:"bg-image",label:"Background Image"},{slot:"badge",label:"Badge"},{slot:"icons",label:"Mnemonic icon"},{slot:"heading-xs",label:"Title"},{slot:"body-xxs",label:"Subtitle"},{slot:"body-xs",label:"Product description"},{slot:"promo-text",label:"Promo Text"},{slot:"callout-content",label:"Callout text"},{slot:"short-description",label:"Short Description"},{slot:"trial-badge",label:"Trial Badge"},{slot:"prices",label:"Product price"},{slot:"quantity-select",label:"Quantity select"},{slot:"addon",label:"Addon"},{slot:"whats-included",label:"What's included"},{slot:"addon-confirmation",label:"Addon confirmation"},{slot:"footer",label:"CTAs"}],Pe=class extends v{constructor(t){super(t)}getGlobalCSS(){return Zr}renderLayout(){return Ft`
- ${ui.map(({slot:t,label:e})=>It` + ${fi.map(({slot:t,label:e})=>Ft`
${e} @@ -7261,16 +7259,16 @@ merch-card[variant="full-pricing-express"] mas-mnemonic {
`)} - ${this.card.secureLabel?It` + ${this.card.secureLabel?Ft`
Secure label ${this.secureLabel}
- `:gi} + `:ui}
- `}};d(Pe,"variantStyle",mi` + `}};d(Pe,"variantStyle",gi` :host([variant='headless']) { border: none; background: transparent; @@ -7297,7 +7295,7 @@ merch-card[variant="full-pricing-express"] mas-mnemonic { :host([variant='headless']) .headless-value::slotted(*) { display: inline; } - `);import{css as fi,html as vi}from"./lit-all.min.js";var ea=` + `);import{css as vi,html as xi}from"./lit-all.min.js";var Jr=` merch-card[variant="mini"] { color: var(--spectrum-body-color); width: 400px; @@ -7330,7 +7328,7 @@ merch-card[variant="mini"] span.promo-duration-text, merch-card[variant="mini"] span.renewal-text { display: block; } -`;var ta={title:{tag:"p",slot:"title"},prices:{tag:"p",slot:"prices"},description:{tag:"p",slot:"description"},planType:!0,ctas:{slot:"ctas",size:"S"}},_e=class extends v{constructor(){super(...arguments);d(this,"legal")}async postCardUpdateHook(){await this.card.updateComplete,this.adjustLegal()}getGlobalCSS(){return ea}get headingSelector(){return'[slot="title"]'}priceOptionsProvider(e,r){r.literals={...r.literals,strikethroughAriaLabel:"",alternativePriceAriaLabel:""},r.space=!0,r.displayAnnual=this.card.settings?.displayAnnual??!1}adjustLegal(){if(this.legal!==void 0)return;let e=this.card.querySelector(`${b}[data-template="price"]`);if(!e)return;let r=e.cloneNode(!0);this.legal=r,e.dataset.displayTax="false",e.dataset.displayPerUnit="false",r.dataset.template="legal",r.dataset.displayPlanType=this.card?.settings?.displayPlanType??!0,r.setAttribute("slot","legal"),this.card.appendChild(r)}renderLayout(){return vi` +`;var ea={title:{tag:"p",slot:"title"},prices:{tag:"p",slot:"prices"},description:{tag:"p",slot:"description"},planType:!0,ctas:{slot:"ctas",size:"S"}},_e=class extends v{constructor(){super(...arguments);d(this,"legal")}async postCardUpdateHook(){await this.card.updateComplete,this.adjustLegal()}getGlobalCSS(){return Jr}get headingSelector(){return'[slot="title"]'}priceOptionsProvider(e,r){r.literals={...r.literals,strikethroughAriaLabel:"",alternativePriceAriaLabel:""},r.space=!0,r.displayAnnual=this.card.settings?.displayAnnual??!1}adjustLegal(){if(this.legal!==void 0)return;let e=this.card.querySelector(`${b}[data-template="price"]`);if(!e)return;let r=e.cloneNode(!0);this.legal=r,e.dataset.displayTax="false",e.dataset.displayPerUnit="false",r.dataset.template="legal",r.dataset.displayPlanType=this.card?.settings?.displayPlanType??!0,r.setAttribute("slot","legal"),this.card.appendChild(r)}renderLayout(){return xi` ${this.badge}
@@ -7339,14 +7337,14 @@ merch-card[variant="mini"] span.renewal-text {
- `}};d(_e,"variantStyle",fi` + `}};d(_e,"variantStyle",vi` :host([variant='mini']) { min-width: 209px; min-height: 103px; background-color: var(--spectrum-background-base-color); border: 1px solid var(--consonant-merch-card-border-color, #dadada); } - `);var xt=new Map,ra=new WeakMap,aa=new Map,k=(a,t,e=null,r=null,i)=>{xt.set(a,{class:t,fragmentMapping:e,style:r,collectionOptions:i})};k("catalog",we,Sr,we.variantStyle);k("image",ie);k("inline-heading",mt);k("mini-compare-chart",Ee,_r,Ee.variantStyle);k("mini-compare-chart-mweb",ke,Nr,ke.variantStyle);k("plans",P,ft,P.variantStyle,P.collectionOptions);k("plans-students",P,Fr,P.variantStyle,P.collectionOptions);k("plans-education",P,Dr,P.variantStyle,P.collectionOptions);k("plans-v2",Q,Br,Q.variantStyle,Q.collectionOptions);k("product",Se,Hr,Se.variantStyle);k("segment",Ce,jr,Ce.variantStyle);k("media",Ae,Vr,Ae.variantStyle);k("headless",Pe,Jr,Pe.variantStyle);k("special-offers",Te,Kr,Te.variantStyle);k("simplified-pricing-express",Le,Dt,Le.variantStyle);k("full-pricing-express",ze,Ft,ze.variantStyle);k("mini",_e,ta,_e.variantStyle);k("image",ie,Ar,ie.variantStyle);var xi=(a,t,e)=>{try{let r=aa.get(a.variant);if(r||(r=new CSSStyleSheet,r.replaceSync(t.cssText),aa.set(a.variant,r)),e?.styleSheet&&e.styleSheet!==r){let i=a.shadowRoot.adoptedStyleSheets.indexOf(e.styleSheet);i!==-1&&a.shadowRoot.adoptedStyleSheets.splice(i,1)}return a.shadowRoot.adoptedStyleSheets.includes(r)||a.shadowRoot.adoptedStyleSheets.push(r),{styleSheet:r}}catch{let i=document.createElement("style");i.textContent=t.cssText,i.setAttribute("data-variant-style",a.variant);let n=e?.styleElement||a.shadowRoot.querySelector("[data-variant-style]");return n&&n.remove(),a.shadowRoot.appendChild(i),{styleElement:i}}},$t=a=>{let t=xt.get(a.variant);if(!t)return;let{class:e,style:r}=t,i=ra.get(a);if(i?.appliedVariant===a.variant)return new e(a);let n=r?xi(a,r,i):{};return ra.set(a,{appliedVariant:a.variant,...n}),new e(a)};function pt(a){return xt.get(a)?.fragmentMapping}function ia(a){return xt.get(a)?.collectionOptions}var na=document.createElement("style");na.innerHTML=` + `);var vt=new Map,ta=new WeakMap,ra=new Map,k=(a,t,e=null,r=null,i)=>{e!==null&&(t.fragmentMapping=e),vt.set(a,{class:t,fragmentMapping:e,style:r,collectionOptions:i})};k("catalog",we,kr,we.variantStyle);k("image",ie);k("inline-heading",pt);k("mini-compare-chart",Ee,Pr,Ee.variantStyle);k("mini-compare-chart-mweb",ke,Rr,ke.variantStyle);k("plans",P,ut,P.variantStyle,P.collectionOptions);k("plans-students",P,Dr,P.variantStyle,P.collectionOptions);k("plans-education",P,Or,P.variantStyle,P.collectionOptions);k("plans-v2",Q,$r,Q.variantStyle,Q.collectionOptions);k("product",Se,qr,Se.variantStyle);k("segment",Ce,Ur,Ce.variantStyle);k("media",Ae,Gr,Ae.variantStyle);k("headless",Pe,Xr,Pe.variantStyle);k("special-offers",Te,Wr,Te.variantStyle);k("simplified-pricing-express",Le,Ot,Le.variantStyle);k("full-pricing-express",ze,Dt,ze.variantStyle);k("mini",_e,ea,_e.variantStyle);k("image",ie,Cr,ie.variantStyle);var bi=(a,t,e)=>{try{let r=ra.get(a.variant);if(r||(r=new CSSStyleSheet,r.replaceSync(t.cssText),ra.set(a.variant,r)),e?.styleSheet&&e.styleSheet!==r){let i=a.shadowRoot.adoptedStyleSheets.indexOf(e.styleSheet);i!==-1&&a.shadowRoot.adoptedStyleSheets.splice(i,1)}return a.shadowRoot.adoptedStyleSheets.includes(r)||a.shadowRoot.adoptedStyleSheets.push(r),{styleSheet:r}}catch{let i=document.createElement("style");i.textContent=t.cssText,i.setAttribute("data-variant-style",a.variant);let n=e?.styleElement||a.shadowRoot.querySelector("[data-variant-style]");return n&&n.remove(),a.shadowRoot.appendChild(i),{styleElement:i}}},It=a=>{let t=vt.get(a.variant);if(!t)return;let{class:e,style:r}=t,i=ta.get(a);if(i?.appliedVariant===a.variant)return new e(a);let n=r?bi(a,r,i):{};return ta.set(a,{appliedVariant:a.variant,...n}),new e(a)};function aa(a){return vt.get(a)?.fragmentMapping}function ia(a){return vt.get(a)?.collectionOptions}var na=document.createElement("style");na.innerHTML=` :root { --consonant-merch-card-detail-font-size: 12px; --consonant-merch-card-detail-font-weight: 500; @@ -8233,10 +8231,10 @@ merch-card[border-color="spectrum-red-700-plans"] { } } -`;document.head.appendChild(na);function bt(a,t={},{metadata:e=!0,search:r=!0,storage:i=!0}={}){let n;if(r&&n==null){let o=new URLSearchParams(window.location.search),c=Bt(r)?r:a;n=o.get(c)}if(i&&n==null){let o=Bt(i)?i:a;n=window.sessionStorage.getItem(o)??window.localStorage.getItem(o)}if(e&&n==null){let o=yi(Bt(e)?e:a);n=document.documentElement.querySelector(`meta[name="${o}"]`)?.content}return n??t[a]}var bi=a=>typeof a=="boolean",yt=a=>typeof a=="function";var Bt=a=>typeof a=="string";function oa(a,t){if(bi(a))return a;let e=String(a);return e==="1"||e==="true"?!0:e==="0"||e==="false"?!1:t}function yi(a=""){return String(a).replace(/(\p{Lowercase_Letter})(\p{Uppercase_Letter})/gu,(t,e,r)=>`${e}-${r}`).replace(/\W+/gu,"-").toLowerCase()}var Z=class a extends Error{constructor(t,e,r){if(super(t,{cause:r}),this.name="MasError",e.response){let i=e.response.headers?.get(ct);i&&(e.requestId=i),e.response.status&&(e.status=e.response.status,e.statusText=e.response.statusText),e.response.url&&(e.url=e.response.url)}delete e.response,this.context=e,Error.captureStackTrace&&Error.captureStackTrace(this,a)}toString(){let t=Object.entries(this.context||{}).map(([r,i])=>`${r}: ${JSON.stringify(i)}`).join(", "),e=`${this.name}: ${this.message}`;return t&&(e+=` (${t})`),this.cause&&(e+=` -Caused by: ${this.cause}`),e}};var ne={clientId:"merch-at-scale",delimiter:"\xB6",ignoredProperties:["analytics","literals","element"],serializableTypes:["Array","Object"],sampleRate:1,severity:"e",tags:"acom",isProdDomain:!1},ca=1e3;function wi(a){return a instanceof Error||typeof a?.originatingRequest=="string"}function sa(a){if(a==null)return;let t=typeof a;if(t==="function")return a.name?`function ${a.name}`:"function";if(t==="object"){if(a instanceof Error)return a.message;if(typeof a.originatingRequest=="string"){let{message:r,originatingRequest:i,status:n}=a;return[r,n,i].filter(Boolean).join(" ")}let e=a[Symbol.toStringTag]??Object.getPrototypeOf(a).constructor.name;if(!ne.serializableTypes.includes(e))return e}return a}function Ei(a,t){if(!ne.ignoredProperties.includes(a))return sa(t)}var qt={append(a){if(a.level!=="error")return;let{message:t,params:e}=a,r=[],i=[],n=t;e.forEach(h=>{h!=null&&(wi(h)?r:i).push(h)}),r.length&&(n+=" "+r.map(sa).join(" "));let{pathname:o,search:c}=window.location,l=`${ne.delimiter}page=${o}${c}`;l.length>ca&&(l=`${l.slice(0,ca)}`),n+=l,i.length&&(n+=`${ne.delimiter}facts=`,n+=JSON.stringify(i,Ei)),window.lana?.log(n,ne)}};function la(a){Object.assign(ne,Object.fromEntries(Object.entries(a).filter(([t,e])=>t in ne&&e!==""&&e!==null&&e!==void 0&&!Number.isNaN(e))))}var da={LOCAL:"local",PROD:"prod",STAGE:"stage"},Ht={DEBUG:"debug",ERROR:"error",INFO:"info",WARN:"warn"},Ut=new Set,jt=new Set,ha=new Map,pa={append({level:a,message:t,params:e,timestamp:r,source:i}){console[a](`${r}ms [${i}] %c${t}`,"font-weight: bold;",...e)}},ma={filter:({level:a})=>a!==Ht.DEBUG},ki={filter:()=>!1};function Si(a,t,e,r,i){return{level:a,message:t,namespace:e,get params(){return r.length===1&&yt(r[0])&&(r=r[0](),Array.isArray(r)||(r=[r])),r},source:i,timestamp:performance.now().toFixed(3)}}function Ci(a){[...jt].every(t=>t(a))&&Ut.forEach(t=>t(a))}function ga(a){let t=(ha.get(a)??0)+1;ha.set(a,t);let e=`${a} #${t}`,r={id:e,namespace:a,module:i=>ga(`${r.namespace}/${i}`),updateConfig:la};return Object.values(Ht).forEach(i=>{r[i]=(n,...o)=>Ci(Si(i,n,a,o,e))}),Object.seal(r)}function wt(...a){a.forEach(t=>{let{append:e,filter:r}=t;yt(r)&&jt.add(r),yt(e)&&Ut.add(e)})}function Ai(a={}){let{name:t}=a,e=oa(bt("commerce.debug",{search:!0,storage:!0}),t===da.LOCAL);return wt(e?pa:ma),t===da.PROD&&wt(qt),Ke}function Ti(){Ut.clear(),jt.clear()}var Ke={...ga(yr),Level:Ht,Plugins:{consoleAppender:pa,debugFilter:ma,quietFilter:ki,lanaAppender:qt},init:Ai,reset:Ti,use:wt};var Li="mas-commerce-service",qs=Ke.module("utilities"),zi={requestId:ct,etag:"Etag",lastModified:"Last-Modified",serverTiming:"server-timing"};var Et=a=>window.setTimeout(a);function Gt(){return document.getElementsByTagName(Li)?.[0]}function ua(a){let t={};if(!a?.headers)return t;let e=a.headers;for(let[r,i]of Object.entries(zi)){let n=e.get(i);n&&(n=n.replace(/[,;]/g,"|"),n=n.replace(/[| ]+/g,"|"),t[r]=n)}return t}async function fa(a,t={},e=2,r=100){let i;for(let n=0;n<=e;n++)try{let o=await fetch(a,t);return o.retryCount=n,o}catch(o){if(i=o,i.retryCount=n,n>e)break;await new Promise(c=>setTimeout(c,r*(n+1)))}throw i}var va="fragment",xa="author",ba="preview",ya="loading",wa="timeout",Vt="aem-fragment",Ea="eager",ka="cache",Pi=[Ea,ka],q,oe,F,Wt=class{constructor(){g(this,q,new Map);g(this,oe,new Map);g(this,F,new Map)}clear(){s(this,q).clear(),s(this,oe).clear(),s(this,F).clear()}add(t,e=!0){if(!this.has(t.id)&&!this.has(t.fields?.originalId)){if(s(this,q).set(t.id,t),t.fields?.originalId&&s(this,q).set(t.fields.originalId,t),s(this,F).has(t.id)){let[,r]=s(this,F).get(t.id);r()}if(s(this,F).has(t.fields?.originalId)){let[,r]=s(this,F).get(t.fields?.originalId);r()}if(!(!e||typeof t.references!="object"||Array.isArray(t.references)))for(let r in t.references){let{type:i,value:n}=t.references[r];i==="content-fragment"&&(n.settings={...t?.settings,...n.settings},n.placeholders={...t?.placeholders,...n.placeholders},n.dictionary={...t?.dictionary,...n.dictionary},n.priceLiterals={...t?.priceLiterals,...n.priceLiterals},this.add(n,t))}}}has(t){return s(this,q).has(t)}entries(){return s(this,q).entries()}get(t){return s(this,q).get(t)}getAsPromise(t){let[e]=s(this,F).get(t)??[];if(e)return e;let r;return e=new Promise(i=>{r=i,this.has(t)&&i()}),s(this,F).set(t,[e,r]),e}getFetchInfo(t){let e=s(this,oe).get(t);return e||(e={url:null,retryCount:0,stale:!1,measure:null,status:null},s(this,oe).set(t,e)),e}remove(t){s(this,q).delete(t),s(this,oe).delete(t),s(this,F).delete(t)}};q=new WeakMap,oe=new WeakMap,F=new WeakMap;var X=new Wt,Me,I,j,O,_,S,Ye,Qe,$,Ze,Xe,Re,B,Sa,Ca,Kt,Aa,kt=class extends HTMLElement{constructor(){super(...arguments);g(this,B);d(this,"cache",X);g(this,Me);g(this,I,null);g(this,j,null);g(this,O,null);g(this,_);g(this,S);g(this,Ye,Ea);g(this,Qe,5e3);g(this,$);g(this,Ze,!1);g(this,Xe,0);g(this,Re)}static get observedAttributes(){return[va,ya,wa,xa,ba]}attributeChangedCallback(e,r,i){e===va&&(m(this,_,i),m(this,S,X.getFetchInfo(i))),e===ya&&Pi.includes(i)&&m(this,Ye,i),e===wa&&m(this,Qe,parseInt(i,10)),e===xa&&m(this,Ze,["","true"].includes(i)),e===ba&&m(this,Re,i)}connectedCallback(){if(!s(this,$)){if(s(this,O)??m(this,O,re(this)),m(this,Re,s(this,O).settings?.preview),s(this,Me)??m(this,Me,s(this,O).log.module(`${Vt}[${s(this,_)}]`)),!s(this,_)||s(this,_)==="#"){s(this,S)??m(this,S,X.getFetchInfo("missing-fragment-id")),L(this,B,Kt).call(this,"Missing fragment id");return}this.refresh(!1)}}get fetchInfo(){return Object.fromEntries(Object.entries(s(this,S)).filter(([e,r])=>r!=null).map(([e,r])=>[`aem-fragment:${e}`,r]))}async refresh(e=!0){if(s(this,$)&&!await Promise.race([s(this,$),Promise.resolve(!1)]))return;e&&X.remove(s(this,_)),s(this,Ye)===ka&&await Promise.race([X.getAsPromise(s(this,_)),new Promise(c=>setTimeout(c,s(this,Qe)))]);try{m(this,$,L(this,B,Aa).call(this)),await s(this,$)}catch(c){return L(this,B,Kt).call(this,c.message),!1}let{references:r,referencesTree:i,placeholders:n,wcs:o}=s(this,I)||{};return o&&!bt("mas.disableWcsCache")&&s(this,O).prefillWcsCache(o),this.dispatchEvent(new CustomEvent(ue,{detail:{...this.data,references:r,referencesTree:i,placeholders:n,...s(this,S)},bubbles:!0,composed:!0})),s(this,$)}get updateComplete(){return s(this,$)??Promise.reject(new Error("AEM fragment cannot be loaded"))}get data(){return s(this,j)?s(this,j):(s(this,Ze)?this.transformAuthorData():this.transformPublishData(),s(this,j))}get rawData(){return s(this,I)}transformAuthorData(){let{fields:e,id:r,tags:i,settings:n={},priceLiterals:o={},dictionary:c={},placeholders:l={}}=s(this,I);m(this,j,e.reduce((h,{name:p,multiple:x,values:M})=>(h.fields[p]=x?M:M[0],h),{fields:{},id:r,tags:i,settings:n,priceLiterals:o,dictionary:c,placeholders:l}))}transformPublishData(){let{fields:e,id:r,tags:i,settings:n={},priceLiterals:o={},dictionary:c={},placeholders:l={}}=s(this,I);m(this,j,Object.entries(e).reduce((h,[p,x])=>(h.fields[p]=x?.mimeType?x.value:x??"",h),{fields:{},id:r,tags:i,settings:n,priceLiterals:o,dictionary:c,placeholders:l}))}getFragmentClientUrl(){let r=new URLSearchParams(window.location.search).get("maslibs");if(!r||r.trim()==="")return"https://mas.adobe.com/studio/libs/fragment-client.js";let i=r.trim().toLowerCase();if(i==="local")return"http://localhost:3000/studio/libs/fragment-client.js";let{hostname:n}=window.location,o=n.endsWith(".page")?"page":"live";return i.includes("--")?`https://${i}.aem.${o}/studio/libs/fragment-client.js`:`https://${i}--mas--adobecom.aem.${o}/studio/libs/fragment-client.js`}async generatePreview(){let e=this.getFragmentClientUrl(),{previewFragment:r}=await import(e);return await r(s(this,_),{locale:s(this,O).settings.locale,apiKey:s(this,O).settings.wcsApiKey,fullContext:!0})}};Me=new WeakMap,I=new WeakMap,j=new WeakMap,O=new WeakMap,_=new WeakMap,S=new WeakMap,Ye=new WeakMap,Qe=new WeakMap,$=new WeakMap,Ze=new WeakMap,Xe=new WeakMap,Re=new WeakMap,B=new WeakSet,Sa=async function(e){ir(this,Xe)._++;let r=`${Vt}:${s(this,_)}:${s(this,Xe)}`,i=`${r}${st}`,n=`${r}${lt}`;if(s(this,Re)){let c=await this.generatePreview();if(c.status===200)return c.body;throw new Z(`Failed to generate preview: ${c.message}`,{})}performance.mark(i);let o;try{if(s(this,S).stale=!1,s(this,S).url=e,o=await fa(e,{cache:"default",credentials:"omit"}),L(this,B,Ca).call(this,o),s(this,S).status=o?.status,s(this,S).measure=ve(performance.measure(n,i)),s(this,S).retryCount=o.retryCount,!o?.ok)throw new Z("Unexpected fragment response",{response:o,...s(this,O).duration});return await o.json()}catch(c){if(s(this,S).measure=ve(performance.measure(n,i)),s(this,S).retryCount=c.retryCount,s(this,I))return s(this,S).stale=!0,s(this,Me).error("Serving stale data",s(this,S)),s(this,I);let l=c.message??"unknown";throw new Z(`Failed to fetch fragment: ${l}`,{})}},Ca=function(e){Object.assign(s(this,S),ua(e))},Kt=function(e){m(this,$,null),s(this,S).message=e,this.classList.add("error");let r={...s(this,S),...s(this,O).duration};s(this,Me).error(e,r),this.dispatchEvent(new CustomEvent(fe,{detail:r,bubbles:!0,composed:!0}))},Aa=async function(){var l;this.classList.remove("error"),m(this,j,null);let e=X.get(s(this,_));if(e)return m(this,I,e),!0;let{masIOUrl:r,wcsApiKey:i,country:n,locale:o}=s(this,O).settings,c=`${r}/fragment?id=${s(this,_)}&api_key=${i}&locale=${o}`;return n&&!o.endsWith(`_${n}`)&&(c+=`&country=${n}`),e=await L(this,B,Sa).call(this,c),(l=e.fields).originalId??(l.originalId=s(this,_)),X.add(e),m(this,I,e),!0},d(kt,"cache",X);customElements.define(Vt,kt);import{LitElement as _i,html as Yt,css as Mi,nothing as Ri}from"./lit-all.min.js";import{unsafeHTML as Ni}from"./lit-all.min.js";var Oi=a=>a?a.startsWith("sp-icon-")?Yt`${Ni(`<${a} class="badge-icon">`)}`:Yt``:Ri,Ne=class extends _i{constructor(){super(),this.color="",this.variant="",this.backgroundColor="",this.borderColor="",this.text=this.textContent,this.icon=""}connectedCallback(){this.borderColor&&this.borderColor!=="transparent"?this.style.setProperty("--merch-badge-border",`1px solid var(--${this.borderColor})`):this.backgroundColor.startsWith("gradient-")||this.style.setProperty("--merch-badge-border",`1px solid var(--${this.backgroundColor})`),this.style.setProperty("--merch-badge-background-color",`var(--${this.backgroundColor})`),(!this.borderColor||this.borderColor==="transparent")&&this.backgroundColor.startsWith("gradient-")?this.style.setProperty("--merch-badge-padding","3px 11px 4px 11px"):this.style.setProperty("--merch-badge-padding","2px 10px 3px 10px"),this.style.setProperty("--merch-badge-color",this.color),this.style.setProperty("--merch-badge-font-size","var(--consonant-merch-card-body-xs-font-size)"),this.querySelector('span[is="inline-price"]')||(this.textContent="");let t=this.closest("merch-card"),e=t?.getAttribute("size"),r=t?.querySelectorAll(":scope > merch-icon").length||0;this.style.setProperty("--merch-badge-offset",r),this.style.setProperty("--merch-badge-with-offset",r?1:0),this.style.setProperty("--merch-badge-card-size",e?2:1),super.connectedCallback()}render(){return Yt`
- ${Oi(this.icon)}${this.text} -
`}};d(Ne,"properties",{color:{type:String},variant:{type:String},backgroundColor:{type:String,attribute:"background-color"},borderColor:{type:String,attribute:"border-color"},icon:{type:String}}),d(Ne,"styles",Mi` +`;document.head.appendChild(na);function xt(a,t={},{metadata:e=!0,search:r=!0,storage:i=!0}={}){let n;if(r&&n==null){let o=new URLSearchParams(window.location.search),c=$t(r)?r:a;n=o.get(c)}if(i&&n==null){let o=$t(i)?i:a;n=window.sessionStorage.getItem(o)??window.localStorage.getItem(o)}if(e&&n==null){let o=wi($t(e)?e:a);n=document.documentElement.querySelector(`meta[name="${o}"]`)?.content}return n??t[a]}var yi=a=>typeof a=="boolean",bt=a=>typeof a=="function";var $t=a=>typeof a=="string";function oa(a,t){if(yi(a))return a;let e=String(a);return e==="1"||e==="true"?!0:e==="0"||e==="false"?!1:t}function wi(a=""){return String(a).replace(/(\p{Lowercase_Letter})(\p{Uppercase_Letter})/gu,(t,e,r)=>`${e}-${r}`).replace(/\W+/gu,"-").toLowerCase()}var Z=class a extends Error{constructor(t,e,r){if(super(t,{cause:r}),this.name="MasError",e.response){let i=e.response.headers?.get(ct);i&&(e.requestId=i),e.response.status&&(e.status=e.response.status,e.statusText=e.response.statusText),e.response.url&&(e.url=e.response.url)}delete e.response,this.context=e,Error.captureStackTrace&&Error.captureStackTrace(this,a)}toString(){let t=Object.entries(this.context||{}).map(([r,i])=>`${r}: ${JSON.stringify(i)}`).join(", "),e=`${this.name}: ${this.message}`;return t&&(e+=` (${t})`),this.cause&&(e+=` +Caused by: ${this.cause}`),e}};var ne={clientId:"merch-at-scale",delimiter:"\xB6",ignoredProperties:["analytics","literals","element"],serializableTypes:["Array","Object"],sampleRate:1,severity:"e",tags:"acom",isProdDomain:!1},ca=1e3;function Ei(a){return a instanceof Error||typeof a?.originatingRequest=="string"}function sa(a){if(a==null)return;let t=typeof a;if(t==="function")return a.name?`function ${a.name}`:"function";if(t==="object"){if(a instanceof Error)return a.message;if(typeof a.originatingRequest=="string"){let{message:r,originatingRequest:i,status:n}=a;return[r,n,i].filter(Boolean).join(" ")}let e=a[Symbol.toStringTag]??Object.getPrototypeOf(a).constructor.name;if(!ne.serializableTypes.includes(e))return e}return a}function ki(a,t){if(!ne.ignoredProperties.includes(a))return sa(t)}var Bt={append(a){if(a.level!=="error")return;let{message:t,params:e}=a,r=[],i=[],n=t;e.forEach(h=>{h!=null&&(Ei(h)?r:i).push(h)}),r.length&&(n+=" "+r.map(sa).join(" "));let{pathname:o,search:c}=window.location,l=`${ne.delimiter}page=${o}${c}`;l.length>ca&&(l=`${l.slice(0,ca)}`),n+=l,i.length&&(n+=`${ne.delimiter}facts=`,n+=JSON.stringify(i,ki)),window.lana?.log(n,ne)}};function la(a){Object.assign(ne,Object.fromEntries(Object.entries(a).filter(([t,e])=>t in ne&&e!==""&&e!==null&&e!==void 0&&!Number.isNaN(e))))}var da={LOCAL:"local",PROD:"prod",STAGE:"stage"},qt={DEBUG:"debug",ERROR:"error",INFO:"info",WARN:"warn"},Ht=new Set,Ut=new Set,ha=new Map,pa={append({level:a,message:t,params:e,timestamp:r,source:i}){console[a](`${r}ms [${i}] %c${t}`,"font-weight: bold;",...e)}},ma={filter:({level:a})=>a!==qt.DEBUG},Si={filter:()=>!1};function Ci(a,t,e,r,i){return{level:a,message:t,namespace:e,get params(){return r.length===1&&bt(r[0])&&(r=r[0](),Array.isArray(r)||(r=[r])),r},source:i,timestamp:performance.now().toFixed(3)}}function Ai(a){[...Ut].every(t=>t(a))&&Ht.forEach(t=>t(a))}function ga(a){let t=(ha.get(a)??0)+1;ha.set(a,t);let e=`${a} #${t}`,r={id:e,namespace:a,module:i=>ga(`${r.namespace}/${i}`),updateConfig:la};return Object.values(qt).forEach(i=>{r[i]=(n,...o)=>Ai(Ci(i,n,a,o,e))}),Object.seal(r)}function yt(...a){a.forEach(t=>{let{append:e,filter:r}=t;bt(r)&&Ut.add(r),bt(e)&&Ht.add(e)})}function Ti(a={}){let{name:t}=a,e=oa(xt("commerce.debug",{search:!0,storage:!0}),t===da.LOCAL);return yt(e?pa:ma),t===da.PROD&&yt(Bt),Ye}function Li(){Ht.clear(),Ut.clear()}var Ye={...ga(br),Level:qt,Plugins:{consoleAppender:pa,debugFilter:ma,quietFilter:Si,lanaAppender:Bt},init:Ti,reset:Li,use:yt};var zi="mas-commerce-service",Hs=Ye.module("utilities"),Pi={requestId:ct,etag:"Etag",lastModified:"Last-Modified",serverTiming:"server-timing"};var wt=a=>window.setTimeout(a);function jt(){return document.getElementsByTagName(zi)?.[0]}function ua(a){let t={};if(!a?.headers)return t;let e=a.headers;for(let[r,i]of Object.entries(Pi)){let n=e.get(i);n&&(n=n.replace(/[,;]/g,"|"),n=n.replace(/[| ]+/g,"|"),t[r]=n)}return t}async function fa(a,t={},e=2,r=100){let i;for(let n=0;n<=e;n++)try{let o=await fetch(a,t);return o.retryCount=n,o}catch(o){if(i=o,i.retryCount=n,n>e)break;await new Promise(c=>setTimeout(c,r*(n+1)))}throw i}var va="fragment",xa="author",ba="preview",ya="loading",wa="timeout",Gt="aem-fragment",Ea="eager",ka="cache",_i=[Ea,ka],q,oe,F,Vt=class{constructor(){g(this,q,new Map);g(this,oe,new Map);g(this,F,new Map)}clear(){s(this,q).clear(),s(this,oe).clear(),s(this,F).clear()}add(t,e=!0){if(!this.has(t.id)&&!this.has(t.fields?.originalId)){if(s(this,q).set(t.id,t),t.fields?.originalId&&s(this,q).set(t.fields.originalId,t),s(this,F).has(t.id)){let[,r]=s(this,F).get(t.id);r()}if(s(this,F).has(t.fields?.originalId)){let[,r]=s(this,F).get(t.fields?.originalId);r()}if(!(!e||typeof t.references!="object"||Array.isArray(t.references)))for(let r in t.references){let{type:i,value:n}=t.references[r];i==="content-fragment"&&(n.settings={...t?.settings,...n.settings},n.placeholders={...t?.placeholders,...n.placeholders},n.dictionary={...t?.dictionary,...n.dictionary},n.priceLiterals={...t?.priceLiterals,...n.priceLiterals},this.add(n,t))}}}has(t){return s(this,q).has(t)}entries(){return s(this,q).entries()}get(t){return s(this,q).get(t)}getAsPromise(t){let[e]=s(this,F).get(t)??[];if(e)return e;let r;return e=new Promise(i=>{r=i,this.has(t)&&i()}),s(this,F).set(t,[e,r]),e}getFetchInfo(t){let e=s(this,oe).get(t);return e||(e={url:null,retryCount:0,stale:!1,measure:null,status:null},s(this,oe).set(t,e)),e}remove(t){s(this,q).delete(t),s(this,oe).delete(t),s(this,F).delete(t)}};q=new WeakMap,oe=new WeakMap,F=new WeakMap;var X=new Vt,Me,I,j,O,_,S,Qe,Ze,$,Xe,Je,Re,B,Sa,Ca,Wt,Aa,Et=class extends HTMLElement{constructor(){super(...arguments);g(this,B);d(this,"cache",X);g(this,Me);g(this,I,null);g(this,j,null);g(this,O,null);g(this,_);g(this,S);g(this,Qe,Ea);g(this,Ze,5e3);g(this,$);g(this,Xe,!1);g(this,Je,0);g(this,Re)}static get observedAttributes(){return[va,ya,wa,xa,ba]}attributeChangedCallback(e,r,i){e===va&&(m(this,_,i),m(this,S,X.getFetchInfo(i))),e===ya&&_i.includes(i)&&m(this,Qe,i),e===wa&&m(this,Ze,parseInt(i,10)),e===xa&&m(this,Xe,["","true"].includes(i)),e===ba&&m(this,Re,i)}connectedCallback(){if(!s(this,$)){if(s(this,O)??m(this,O,re(this)),m(this,Re,s(this,O).settings?.preview),s(this,Me)??m(this,Me,s(this,O).log.module(`${Gt}[${s(this,_)}]`)),!s(this,_)||s(this,_)==="#"){s(this,S)??m(this,S,X.getFetchInfo("missing-fragment-id")),L(this,B,Wt).call(this,"Missing fragment id");return}this.refresh(!1)}}get fetchInfo(){return Object.fromEntries(Object.entries(s(this,S)).filter(([e,r])=>r!=null).map(([e,r])=>[`aem-fragment:${e}`,r]))}async refresh(e=!0){if(s(this,$)&&!await Promise.race([s(this,$),Promise.resolve(!1)]))return;e&&X.remove(s(this,_)),s(this,Qe)===ka&&await Promise.race([X.getAsPromise(s(this,_)),new Promise(c=>setTimeout(c,s(this,Ze)))]);try{m(this,$,L(this,B,Aa).call(this)),await s(this,$)}catch(c){return L(this,B,Wt).call(this,c.message),!1}let{references:r,referencesTree:i,placeholders:n,wcs:o}=s(this,I)||{};return o&&!xt("mas.disableWcsCache")&&s(this,O).prefillWcsCache(o),this.dispatchEvent(new CustomEvent(ue,{detail:{...this.data,references:r,referencesTree:i,placeholders:n,...s(this,S)},bubbles:!0,composed:!0})),s(this,$)}get updateComplete(){return s(this,$)??Promise.reject(new Error("AEM fragment cannot be loaded"))}get data(){return s(this,j)?s(this,j):(s(this,Xe)?this.transformAuthorData():this.transformPublishData(),s(this,j))}get rawData(){return s(this,I)}transformAuthorData(){let{fields:e,id:r,tags:i,settings:n={},priceLiterals:o={},dictionary:c={},placeholders:l={}}=s(this,I);m(this,j,e.reduce((h,{name:p,multiple:x,values:M})=>(h.fields[p]=x?M:M[0],h),{fields:{},id:r,tags:i,settings:n,priceLiterals:o,dictionary:c,placeholders:l}))}transformPublishData(){let{fields:e,id:r,tags:i,settings:n={},priceLiterals:o={},dictionary:c={},placeholders:l={}}=s(this,I);m(this,j,Object.entries(e).reduce((h,[p,x])=>(h.fields[p]=x?.mimeType?x.value:x??"",h),{fields:{},id:r,tags:i,settings:n,priceLiterals:o,dictionary:c,placeholders:l}))}getFragmentClientUrl(){let r=new URLSearchParams(window.location.search).get("maslibs");if(!r||r.trim()==="")return"https://mas.adobe.com/studio/libs/fragment-client.js";let i=r.trim().toLowerCase();if(i==="local")return"http://localhost:3000/studio/libs/fragment-client.js";let{hostname:n}=window.location,o=n.endsWith(".page")?"page":"live";return i.includes("--")?`https://${i}.aem.${o}/studio/libs/fragment-client.js`:`https://${i}--mas--adobecom.aem.${o}/studio/libs/fragment-client.js`}async generatePreview(){let e=this.getFragmentClientUrl(),{previewFragment:r}=await import(e);return await r(s(this,_),{locale:s(this,O).settings.locale,apiKey:s(this,O).settings.wcsApiKey,fullContext:!0})}};Me=new WeakMap,I=new WeakMap,j=new WeakMap,O=new WeakMap,_=new WeakMap,S=new WeakMap,Qe=new WeakMap,Ze=new WeakMap,$=new WeakMap,Xe=new WeakMap,Je=new WeakMap,Re=new WeakMap,B=new WeakSet,Sa=async function(e){ar(this,Je)._++;let r=`${Gt}:${s(this,_)}:${s(this,Je)}`,i=`${r}${st}`,n=`${r}${lt}`;if(s(this,Re)){let c=await this.generatePreview();if(c.status===200)return c.body;throw new Z(`Failed to generate preview: ${c.message}`,{})}performance.mark(i);let o;try{if(s(this,S).stale=!1,s(this,S).url=e,o=await fa(e,{cache:"default",credentials:"omit"}),L(this,B,Ca).call(this,o),s(this,S).status=o?.status,s(this,S).measure=ve(performance.measure(n,i)),s(this,S).retryCount=o.retryCount,!o?.ok)throw new Z("Unexpected fragment response",{response:o,...s(this,O).duration});return await o.json()}catch(c){if(s(this,S).measure=ve(performance.measure(n,i)),s(this,S).retryCount=c.retryCount,s(this,I))return s(this,S).stale=!0,s(this,Me).error("Serving stale data",s(this,S)),s(this,I);let l=c.message??"unknown";throw new Z(`Failed to fetch fragment: ${l}`,{})}},Ca=function(e){Object.assign(s(this,S),ua(e))},Wt=function(e){m(this,$,null),s(this,S).message=e,this.classList.add("error");let r={...s(this,S),...s(this,O).duration};s(this,Me).error(e,r),this.dispatchEvent(new CustomEvent(fe,{detail:r,bubbles:!0,composed:!0}))},Aa=async function(){var l;this.classList.remove("error"),m(this,j,null);let e=X.get(s(this,_));if(e)return m(this,I,e),!0;let{masIOUrl:r,wcsApiKey:i,country:n,locale:o}=s(this,O).settings,c=`${r}/fragment?id=${s(this,_)}&api_key=${i}&locale=${o}`;return n&&!o.endsWith(`_${n}`)&&(c+=`&country=${n}`),e=await L(this,B,Sa).call(this,c),(l=e.fields).originalId??(l.originalId=s(this,_)),X.add(e),m(this,I,e),!0},d(Et,"cache",X);customElements.define(Gt,Et);import{LitElement as Mi,html as Kt,css as Ri,nothing as Ni}from"./lit-all.min.js";import{unsafeHTML as Oi}from"./lit-all.min.js";var Di=a=>a?a.startsWith("sp-icon-")?Kt`${Oi(`<${a} class="badge-icon">`)}`:Kt``:Ni,Ne=class extends Mi{constructor(){super(),this.color="",this.variant="",this.backgroundColor="",this.borderColor="",this.text=this.textContent,this.icon=""}connectedCallback(){this.borderColor&&this.borderColor!=="transparent"?this.style.setProperty("--merch-badge-border",`1px solid var(--${this.borderColor})`):this.backgroundColor.startsWith("gradient-")||this.style.setProperty("--merch-badge-border",`1px solid var(--${this.backgroundColor})`),this.style.setProperty("--merch-badge-background-color",`var(--${this.backgroundColor})`),(!this.borderColor||this.borderColor==="transparent")&&this.backgroundColor.startsWith("gradient-")?this.style.setProperty("--merch-badge-padding","3px 11px 4px 11px"):this.style.setProperty("--merch-badge-padding","2px 10px 3px 10px"),this.style.setProperty("--merch-badge-color",this.color),this.style.setProperty("--merch-badge-font-size","var(--consonant-merch-card-body-xs-font-size)"),this.querySelector('span[is="inline-price"]')||(this.textContent="");let t=this.closest("merch-card"),e=t?.getAttribute("size"),r=t?.querySelectorAll(":scope > merch-icon").length||0;this.style.setProperty("--merch-badge-offset",r),this.style.setProperty("--merch-badge-with-offset",r?1:0),this.style.setProperty("--merch-badge-card-size",e?2:1),super.connectedCallback()}render(){return Kt`
+ ${Di(this.icon)}${this.text} +
`}};d(Ne,"properties",{color:{type:String},variant:{type:String},backgroundColor:{type:String,attribute:"background-color"},borderColor:{type:String,attribute:"border-color"},icon:{type:String}}),d(Ne,"styles",Ri` :host { display: block; background: var(--merch-badge-background-color); @@ -8257,10 +8255,10 @@ Caused by: ${this.cause}`),e}};var ne={clientId:"merch-at-scale",delimiter:"\xB6 height: 18px; width: 18px; } - `);customElements.define("merch-badge",Ne);import{html as Di,css as Fi,LitElement as Ii}from"./lit-all.min.js";var Je=class extends Ii{constructor(){super()}render(){return Di` + `);customElements.define("merch-badge",Ne);import{html as Fi,css as Ii,LitElement as $i}from"./lit-all.min.js";var et=class extends $i{constructor(){super()}render(){return Fi` ${this.description} - `}};d(Je,"styles",Fi` + `}};d(et,"styles",Ii` :host { display: flex; flex-wrap: nowrap; @@ -8285,12 +8283,12 @@ Caused by: ${this.cause}`),e}};var ne={clientId:"merch-at-scale",delimiter:"\xB6 :host .hidden { display: none; } - `),d(Je,"properties",{description:{type:String,attribute:!0}});customElements.define("merch-mnemonic-list",Je);import{html as Qt,css as $i,LitElement as Bi,nothing as Ta}from"./lit-all.min.js";var et=class extends Bi{updated(){this.hideSeeMoreEls()}hideSeeMoreEls(){this.isMobile&&this.rows.forEach((t,e)=>{e>=5&&(t.style.display=this.showAll?"flex":"none")})}constructor(){super(),this.showAll=!1,this.mobileRows=this.mobileRows===void 0?5:this.mobileRows}toggle(){this.showAll=!this.showAll,this.dispatchEvent(new CustomEvent("hide-see-more-elements",{bubbles:!0,composed:!0})),this.requestUpdate()}render(){return Qt` + `),d(et,"properties",{description:{type:String,attribute:!0}});customElements.define("merch-mnemonic-list",et);import{html as Yt,css as Bi,LitElement as qi,nothing as Ta}from"./lit-all.min.js";var tt=class extends qi{updated(){this.hideSeeMoreEls()}hideSeeMoreEls(){this.isMobile&&this.rows.forEach((t,e)=>{e>=5&&(t.style.display=this.showAll?"flex":"none")})}constructor(){super(),this.showAll=!1,this.mobileRows=this.mobileRows===void 0?5:this.mobileRows}toggle(){this.showAll=!this.showAll,this.dispatchEvent(new CustomEvent("hide-see-more-elements",{bubbles:!0,composed:!0})),this.requestUpdate()}render(){return Yt` - ${!this.isMobile||!this.bulletsAdded?Qt``:Ta} - ${this.isMobile&&this.rows.length>this.mobileRows&&!this.bulletsAdded?Qt`
+ ${!this.isMobile||!this.bulletsAdded?Yt``:Ta} + ${this.isMobile&&this.rows.length>this.mobileRows&&!this.bulletsAdded?Yt`
${this.showAll?"- See less":"+ See more"} -
`:Ta}`}get isMobile(){return window.matchMedia("(max-width: 767px)").matches}get rows(){return this.querySelectorAll('[slot="content"] merch-mnemonic-list')}get bulletsAdded(){return!!this.querySelector('[slot="contentBullets"] merch-mnemonic-list')}};d(et,"styles",$i` +
`:Ta}`}get isMobile(){return window.matchMedia("(max-width: 767px)").matches}get rows(){return this.querySelectorAll('[slot="content"] merch-mnemonic-list')}get bulletsAdded(){return!!this.querySelector('[slot="contentBullets"] merch-mnemonic-list')}};d(tt,"styles",Bi` :host { display: flex; flex-wrap: wrap; @@ -8331,4 +8329,4 @@ Caused by: ${this.cause}`),e}};var ne={clientId:"merch-at-scale",delimiter:"\xB6 text-decoration: underline; color: var(--link-color-dark); } - `),d(et,"properties",{heading:{type:String,attribute:!0},mobileRows:{type:Number,attribute:!0}});customElements.define("merch-whats-included",et);var qi={[W]:fr,[te]:vr,[K]:xr},Hi={[W]:br,[K]:Be},tt,St=class{constructor(t){g(this,tt);d(this,"changes",new Map);d(this,"connected",!1);d(this,"error");d(this,"log");d(this,"options");d(this,"promises",[]);d(this,"state",te);d(this,"timer",null);d(this,"value");d(this,"version",0);d(this,"wrapperElement");this.wrapperElement=t,this.log=Ke.module("mas-element")}update(){[W,te,K].forEach(t=>{this.wrapperElement.classList.toggle(qi[t],t===this.state)})}notify(){(this.state===K||this.state===W)&&(this.state===K?this.promises.forEach(({resolve:e})=>e(this.wrapperElement)):this.state===W&&this.promises.forEach(({reject:e})=>e(this.error)),this.promises=[]);let t=this.error;this.error instanceof Z&&(t={message:this.error.message,...this.error.context}),this.wrapperElement.dispatchEvent(new CustomEvent(Hi[this.state],{bubbles:!0,composed:!0,detail:t}))}attributeChangedCallback(t,e,r){this.changes.set(t,r),this.requestUpdate()}connectedCallback(){m(this,tt,Gt()),this.requestUpdate(!0)}disconnectedCallback(){this.connected&&(this.connected=!1,this.log?.debug("Disconnected:",{element:this.wrapperElement}))}onceSettled(){let{error:t,promises:e,state:r}=this;return K===r?Promise.resolve(this.wrapperElement):W===r?Promise.reject(t):new Promise((i,n)=>{e.push({resolve:i,reject:n})})}toggleResolved(t,e,r){return t!==this.version?!1:(r!==void 0&&(this.options=r),this.state=K,this.value=e,this.update(),this.log?.debug("Resolved:",{element:this.wrapperElement,value:e}),Et(()=>this.notify()),!0)}toggleFailed(t,e,r){if(t!==this.version)return!1;r!==void 0&&(this.options=r),this.error=e,this.state=W,this.update();let i=this.wrapperElement.getAttribute("is");return this.log?.error(`${i}: Failed to render: ${e.message}`,{element:this.wrapperElement,...e.context,...s(this,tt)?.duration}),Et(()=>this.notify()),!0}togglePending(t){return this.version++,t&&(this.options=t),this.state=te,this.update(),this.log?.debug("Pending:",{osi:this.wrapperElement?.options?.wcsOsi}),this.version}requestUpdate(t=!1){if(!this.wrapperElement.isConnected||!Gt()||this.timer)return;let{error:e,options:r,state:i,value:n,version:o}=this;this.state=te,this.timer=Et(async()=>{this.timer=null;let c=null;if(this.changes.size&&(c=Object.fromEntries(this.changes.entries()),this.changes.clear()),this.connected?this.log?.debug("Updated:",{element:this.wrapperElement,changes:c}):(this.connected=!0,this.log?.debug("Connected:",{element:this.wrapperElement,changes:c})),c||t)try{await this.wrapperElement.render?.()===!1&&this.state===te&&this.version===o&&(this.state=i,this.error=e,this.value=n,this.update(),this.notify())}catch(l){this.toggleFailed(this.version,l,r)}})}};tt=new WeakMap;function Ui(a){return`https://${a==="PRODUCTION"?"www.adobe.com":"www.stage.adobe.com"}/offers/promo-terms.html`}var se,ce=class ce extends HTMLAnchorElement{constructor(){super();d(this,"masElement",new St(this));g(this,se);this.setAttribute("is",ce.is)}get isUptLink(){return!0}initializeWcsData(e,r){this.setAttribute("data-wcs-osi",e),r&&this.setAttribute("data-promotion-code",r)}attributeChangedCallback(e,r,i){this.masElement.attributeChangedCallback(e,r,i)}connectedCallback(){this.masElement.connectedCallback(),m(this,se,re()),s(this,se)&&(this.log=s(this,se).log.module("upt-link"))}disconnectedCallback(){this.masElement.disconnectedCallback(),m(this,se,void 0)}requestUpdate(e=!1){this.masElement.requestUpdate(e)}onceSettled(){return this.masElement.onceSettled()}async render(){let e=re();if(!e)return!1;this.dataset.imsCountry||e.imsCountryPromise.then(o=>{o&&(this.dataset.imsCountry=o)});let r=e.collectCheckoutOptions({},this);if(!r.wcsOsi)return this.log.error("Missing 'data-wcs-osi' attribute on upt-link."),!1;let i=this.masElement.togglePending(r),n=e.resolveOfferSelectors(r);try{let[[o]]=await Promise.all(n),{country:c,language:l,env:h}=r,p=`locale=${l}_${c}&country=${c}&offer_id=${o.offerId}`,x=this.getAttribute("data-promotion-code");x&&(p+=`&promotion_code=${encodeURIComponent(x)}`),this.href=`${Ui(h)}?${p}`,this.masElement.toggleResolved(i,o,r)}catch(o){let c=new Error(`Could not resolve offer selectors for id: ${r.wcsOsi}.`,o.message);return this.masElement.toggleFailed(i,c,r),!1}}static createFrom(e){let r=new ce;for(let i of e.attributes)i.name!=="is"&&(i.name==="class"&&i.value.includes("upt-link")?r.setAttribute("class",i.value.replace("upt-link","").trim()):r.setAttribute(i.name,i.value));return r.innerHTML=e.innerHTML,r.setAttribute("tabindex",0),r}};se=new WeakMap,d(ce,"is","upt-link"),d(ce,"tag","a"),d(ce,"observedAttributes",["data-wcs-osi","data-promotion-code","data-ims-country"]);var J=ce;window.customElements.get(J.is)||window.customElements.define(J.is,J,{extends:J.tag});var ji="#000000",Zt="#F8D904",Gi="#EAEAEA",Vi="#31A547",Wi=/(accent|primary|secondary)(-(outline|link))?/,Ki="mas:product_code/",Yi="daa-ll",Ct="daa-lh",Qi=["XL","L","M","S"],Xt="...";function D(a,t,e,r){let i=r[a];if(t[a]&&i){let n={slot:i?.slot,...i?.attributes},o=t[a];if(i.maxCount&&typeof o=="string"){let[l,h]=gn(o,i.maxCount,i.withSuffix);l!==o&&(n.title=h,o=l)}let c=T(i.tag,n,o);e.append(c)}}function Zi(a,t,e){let i=(a.mnemonicIcon||[]).filter(o=>o).map((o,c)=>({icon:o,alt:a.mnemonicAlt?.[c]??"",link:a.mnemonicLink?.[c]??""}));i?.forEach(({icon:o,alt:c,link:l})=>{if(l&&!/^https?:/.test(l))try{l=new URL(`https://${l}`).href.toString()}catch{l="#"}let h={slot:"icons",src:o,loading:t.loading,size:e?.size??"l"};c&&(h.alt=c),l&&(h.href=l);let p=T("merch-icon",h);t.append(p)});let n=t.shadowRoot.querySelector('slot[name="icons"]');n&&(n.style.display=i?.length?null:"none")}function Xi(a,t,e){if(e.badge?.slot){if(a.badge?.length&&!a.badge?.startsWith("${a.badge}`}D("badge",a,t,e)}else a.badge?(t.setAttribute("badge-text",a.badge),e.disabledAttributes?.includes("badgeColor")||t.setAttribute("badge-color",a.badgeColor||ji),e.disabledAttributes?.includes("badgeBackgroundColor")||t.setAttribute("badge-background-color",a.badgeBackgroundColor||Zt),t.setAttribute("border-color",a.badgeBackgroundColor||Zt)):t.setAttribute("border-color",a.borderColor||Gi)}function Ji(a,t,e){if(e.trialBadge&&a.trialBadge){if(!a.trialBadge.startsWith("${a.trialBadge}`}D("trialBadge",a,t,e)}}function en(a,t,e){e?.includes(a.size)&&t.setAttribute("size",a.size)}function tn(a,t){a.cardName&&t.setAttribute("name",a.cardName)}function rn(a,t,e){a.cardTitle&&(a.cardTitle=Oe(a.cardTitle)),D("cardTitle",a,t,{cardTitle:e})}function an(a,t,e){D("subtitle",a,t,e)}function nn(a,t,e,r){if(!a.backgroundColor||a.backgroundColor.toLowerCase()==="default"){t.style.removeProperty("--merch-card-custom-background-color"),t.removeAttribute("background-color");return}e?.[a.backgroundColor]?(t.style.setProperty("--merch-card-custom-background-color",`var(${e[a.backgroundColor]})`),t.setAttribute("background-color",a.backgroundColor)):r?.attribute&&a.backgroundColor&&(t.setAttribute(r.attribute,a.backgroundColor),t.style.removeProperty("--merch-card-custom-background-color"))}function on(a,t,e){let r=e?.borderColor,i="--consonant-merch-card-border-color";if(a.borderColor?.toLowerCase()==="transparent")t.style.setProperty(i,"transparent");else if(a.borderColor&&r){let o=r?.specialValues?.[a.borderColor]?.includes("gradient")||/-gradient/.test(a.borderColor),c=/^spectrum-.*-(plans|special-offers)$/.test(a.borderColor);if(o){t.setAttribute("gradient-border","true");let l=a.borderColor;if(r?.specialValues){for(let[h,p]of Object.entries(r.specialValues))if(p===a.borderColor){l=h;break}}t.setAttribute("border-color",l),t.style.removeProperty(i)}else c?(t.setAttribute("border-color",a.borderColor),t.style.setProperty(i,`var(--${a.borderColor})`)):t.style.setProperty(i,`var(--${a.borderColor})`)}}function cn(a,t,e){if(a.backgroundImage){let r={loading:t.loading??"lazy",src:a.backgroundImage};if(a.backgroundImageAltText?r.alt=a.backgroundImageAltText:r.role="none",!e)return;if(e?.attribute){t.setAttribute(e.attribute,a.backgroundImage);return}t.append(T(e.tag,{slot:e.slot},T("img",r)))}}function Oe(a){return!a||typeof a!="string"||a.includes("(zt(),Lt)).catch(console.error),a}function sn(a,t,e){a.prices&&(a.prices=Oe(a.prices)),D("prices",a,t,e)}function za(a,t,e){let r=a.hasAttribute("data-wcs-osi")&&!!a.getAttribute("data-wcs-osi"),i=a.className||"",n=Wi.exec(i)?.[0]??"accent",o=n.includes("accent"),c=n.includes("primary"),l=n.includes("secondary"),h=n.includes("-outline"),p=n.includes("-link");a.classList.remove("accent","primary","secondary");let x;if(t.consonant)x=xn(a,o,r,p,c,l,e?.ctas?.size);else if(p)x=a;else{let M;o?M="accent":c?M="primary":l&&(M="secondary"),x=t.spectrum==="swc"?vn(a,e,h,M,r):fn(a,e,h,M,r)}return x}function ln(a,t){let{slot:e}=t?.description,r=a.querySelectorAll(`[slot="${e}"] a[data-wcs-osi]`);r.length&&r.forEach(i=>{let n=za(i,a,t);i.replaceWith(n)})}function dn(a,t,e){a.description&&(a.description=Oe(a.description)),a.promoText&&(a.promoText=Oe(a.promoText)),a.shortDescription&&(a.shortDescription=Oe(a.shortDescription)),D("promoText",a,t,e),D("description",a,t,e),D("shortDescription",a,t,e),a.shortDescription&&(t.setAttribute("action-menu","true"),a.actionMenuLabel||t.setAttribute("action-menu-label","More options")),ln(t,e),D("callout",a,t,e),D("quantitySelect",a,t,e),D("whatsIncluded",a,t,e)}function hn(a,t,e){if(!e.addon)return;let r=a.addon?.replace(/[{}]/g,"");if(!r||/disabled/.test(r))return;let i=T("merch-addon",{slot:"addon"},r);[...i.querySelectorAll(b)].forEach(n=>{let o=n.parentElement;o?.nodeName==="P"&&o.setAttribute("data-plan-type","")}),t.append(i)}function pn(a,t,e){a.addonConfirmation&&D("addonConfirmation",a,t,e)}function mn(a,t,e,r){r?.secureLabel&&e?.secureLabel&&t.setAttribute("secure-label",r.secureLabel)}function gn(a,t,e=!0){try{let r=typeof a!="string"?"":a,i=La(r);if(i.length<=t)return[r,i];let n=0,o=!1,c=e?t-Xt.length<1?1:t-Xt.length:t,l=[];for(let x of r){if(n++,x==="<")if(o=!0,r[n]==="/")l.pop();else{let M="";for(let pe of r.substring(n)){if(pe===" "||pe===">")break;M+=pe}l.push(M)}if(x==="/"&&r[n]===">"&&l.pop(),x===">"){o=!1;continue}if(!o&&(c--,c===0))break}let h=r.substring(0,n).trim();if(l.length>0){l[0]==="p"&&l.shift();for(let x of l.reverse())h+=``}return[`${h}${e?Xt:""}`,i]}catch{let i=typeof a=="string"?a:"",n=La(i);return[i,n]}}function La(a){if(!a)return"";let t="",e=!1;for(let r of a){if(r==="<"&&(e=!0),r===">"){e=!1;continue}e||(t+=r)}return t}function un(a,t){t.querySelectorAll("a.upt-link").forEach(r=>{let i=J.createFrom(r);r.replaceWith(i),i.initializeWcsData(a.osi,a.promoCode)})}function fn(a,t,e,r,i){let n=a;i?n=customElements.get("checkout-button").createCheckoutButton({},a.innerHTML):n.innerHTML=`${n.textContent}`,n.setAttribute("tabindex",0);for(let p of a.attributes)["class","is"].includes(p.name)||n.setAttribute(p.name,p.value);n.firstElementChild?.classList.add("spectrum-Button-label");let o=t?.ctas?.size??"M",c=`spectrum-Button--${r}`,l=Qi.includes(o)?`spectrum-Button--size${o}`:"spectrum-Button--sizeM",h=["spectrum-Button",c,l];return e&&h.push("spectrum-Button--outline"),n.classList.add(...h),n}function vn(a,t,e,r,i){let n=a;i&&(n=customElements.get("checkout-button").createCheckoutButton(a.dataset),n.connectedCallback(),n.render());let o="fill";e&&(o="outline");let c=T("sp-button",{treatment:o,variant:r,tabIndex:0,size:t?.ctas?.size??"m",...a.dataset.analyticsId&&{"data-analytics-id":a.dataset.analyticsId}},a.innerHTML);return c.source=n,(i?n.onceSettled():Promise.resolve(n)).then(l=>{c.setAttribute("data-navigation-url",l.href)}),c.addEventListener("click",l=>{l.defaultPrevented||n.click()}),c}function xn(a,t,e,r,i,n,o){let c=a;if(e)try{let l=customElements.get("checkout-link");l&&(c=l.createCheckoutLink(a.dataset,a.innerHTML)??a)}catch{}return r||(c.classList.add("button","con-button"),o&&o!=="m"&&c.classList.add(`button-${o}`),t&&c.classList.add("blue"),i&&c.classList.add("primary"),n&&c.classList.add("secondary")),c}function bn(a,t,e,r){if(a.ctas){a.ctas=Oe(a.ctas);let{slot:i}=e.ctas,n=T("div",{slot:i},a.ctas),o=[...n.querySelectorAll("a")].map(c=>za(c,t,e));n.innerHTML="",n.append(...o),t.append(n)}}function yn(a,t){let{tags:e}=a,r=e?.find(n=>typeof n=="string"&&n.startsWith(Ki))?.split("/").pop();if(!r)return;t.setAttribute(Ct,r),[...t.shadowRoot.querySelectorAll("a[data-analytics-id],button[data-analytics-id]"),...t.querySelectorAll("a[data-analytics-id],button[data-analytics-id]")].forEach((n,o)=>{n.setAttribute(Yi,`${n.dataset.analyticsId}-${o+1}`)})}function wn(a){a.spectrum==="css"&&[["primary-link","primary"],["secondary-link","secondary"]].forEach(([t,e])=>{a.querySelectorAll(`a.${t}`).forEach(r=>{r.classList.remove(t),r.classList.add("spectrum-Link",`spectrum-Link--${e}`)})})}function En(a){a.querySelectorAll("[slot]").forEach(r=>{r.remove()}),a.variant=void 0,["checkbox-label","stock-offer-osis","secure-label","background-image","background-color","border-color","badge-background-color","badge-color","badge-text","gradient-border","size",Ct].forEach(r=>a.removeAttribute(r));let e=["wide-strip","thin-strip"];a.classList.remove(...e)}async function Pa(a,t){if(!a){let l=t?.id||"unknown";throw console.error(`hydrate: Fragment is undefined. Cannot hydrate card (merchCard id: ${l}).`),new Error(`hydrate: Fragment is undefined for card (merchCard id: ${l}).`)}if(!a.fields){let l=a.id||"unknown",h=t?.id||"unknown";throw console.error(`hydrate: Fragment for card ID '${l}' (merchCard id: ${h}) is missing 'fields'. Cannot hydrate.`),new Error(`hydrate: Fragment for card ID '${l}' (merchCard id: ${h}) is missing 'fields'.`)}let{id:e,fields:r,settings:i={},priceLiterals:n}=a,{variant:o}=r;if(!o)throw new Error(`hydrate: no variant found in payload ${e}`);En(t),t.settings=i,n&&(t.priceLiterals=n),t.id??(t.id=a.id),t.variant=o,await t.updateComplete;let{aemFragmentMapping:c}=t.variantLayout;if(!c)throw new Error(`hydrate: variant mapping not found for ${e}`);c.style==="consonant"&&t.setAttribute("consonant",!0),Zi(r,t,c.mnemonics),Ji(r,t,c),en(r,t,c.size),tn(r,t),rn(r,t,c.title),Xi(r,t,c),an(r,t,c),sn(r,t,c),cn(r,t,c.backgroundImage),nn(r,t,c.allowedColors,c.backgroundColor),on(r,t,c),dn(r,t,c),hn(r,t,c),pn(r,t,c),mn(r,t,c,i);try{un(r,t)}catch{}bn(r,t,c,o),yn(r,t),wn(t)}var tr="merch-card",Jt=2e4,_a="merch-card:",Ra=["full-pricing-express","simplified-pricing-express"],Na=["segment","product"];function Ma(a,t){let e=a.closest(tr);if(!e)return t;e.priceLiterals&&(t.literals??(t.literals={}),Object.assign(t.literals,e.priceLiterals)),e.aemFragment&&(t[wr]=!0),e.variantLayout?.priceOptionsProvider?.(a,t)}function Sn(a){a.providers.has(Ma)||a.providers.price(Ma)}var rt=new IntersectionObserver(a=>{a.forEach(t=>{let e=t.target;if(Ra.includes(e.variant)){if(e.clientHeight===0)return;rt.unobserve(e),e.requestUpdate();return}if(Na.includes(e.variant)){if(t.boundingClientRect.width===0)return;if(e.variant==="product"&&e.querySelector('merch-icon[slot="icons"]')){rt.unobserve(e);return}let r=e.getBoundingClientRect().width,n=e.querySelector('[slot="badge"]')?.getBoundingClientRect().width||0;if(r===0||n===0){rt.unobserve(e);return}e.style.setProperty("--consonant-merch-card-heading-xs-max-width",`${Math.round(r-n-16)}px`),rt.unobserve(e)}})}),Cn=0,De,Fe,Ie,G,de,H,he,E,le,at,er,At,ee=class extends kn{constructor(){super();g(this,E);g(this,De);g(this,Fe);g(this,Ie);g(this,G);g(this,de);g(this,H);g(this,he,new Promise(e=>{m(this,H,e)}));d(this,"customerSegment");d(this,"marketSegment");d(this,"variantLayout");this.id=null,this.failed=!1,this.filters={},this.types="",this.selected=!1,this.spectrum="css",this.loading="lazy",this.handleAemFragmentEvents=this.handleAemFragmentEvents.bind(this),this.handleMerchOfferSelectReady=this.handleMerchOfferSelectReady.bind(this)}firstUpdated(){this.variantLayout=$t(this),this.variantLayout?.connectedCallbackHook()}willUpdate(e){(e.has("variant")||!this.variantLayout)&&(this.variantLayout?.disconnectedCallbackHook(),this.variantLayout=$t(this),this.variantLayout?.connectedCallbackHook())}updated(e){(e.has("badgeBackgroundColor")||e.has("borderColor"))&&this.style.setProperty("--consonant-merch-card-border",this.computedBorderStyle),e.has("backgroundColor")&&this.style.setProperty("--merch-card-custom-background-color",this.backgroundColor?`var(--${this.backgroundColor})`:"");try{this.variantLayoutPromise=this.variantLayout?.postCardUpdateHook(e)}catch(r){L(this,E,le).call(this,`Error in postCardUpdateHook: ${r.message}`,{},!1)}}get theme(){return this.closest("sp-theme")}get dir(){return this.closest("[dir]")?.getAttribute("dir")??"ltr"}render(){if(!(!this.isConnected||!this.variantLayout||this.style.display==="none"))return this.variantLayout.renderLayout()}get computedBorderStyle(){return["ccd-slice","ccd-suggested","ah-promoted-plans","simplified-pricing-express","full-pricing-express"].includes(this.variant)?"":`1px solid ${this.borderColor?this.borderColor:this.badgeBackgroundColor}`}get badgeElement(){return this.shadowRoot.getElementById("badge")}get headingmMSlot(){return this.shadowRoot.querySelector('slot[name="heading-m"]').assignedElements()[0]}get footerSlot(){return this.shadowRoot.querySelector('slot[name="footer"]')?.assignedElements()[0]}get descriptionSlot(){return this.shadowRoot.querySelector('slot[name="body-xs"')?.assignedElements()[0]}get descriptionSlotCompare(){return this.shadowRoot.querySelector('slot[name="body-m"')?.assignedElements()[0]}get iconButton(){return this.querySelector('[slot="callout-content"] .icon-button')}get price(){return this.headingmMSlot?.querySelector(b)}get checkoutLinks(){return[...this.footerSlot?.querySelectorAll(V)??[]]}get checkoutLinksDescription(){return[...this.descriptionSlot?.querySelectorAll(V)??[]]}get checkoutLinkDescriptionCompare(){return[...this.descriptionSlotCompare?.querySelectorAll(V)??[]]}get activeDescriptionLinks(){return this.variant==="mini-compare-chart"||this.variant==="mini-compare-chart-mweb"?this.checkoutLinkDescriptionCompare:this.checkoutLinksDescription}async toggleStockOffer({target:e}){if(!this.stockOfferOsis)return;let r=this.checkoutLinks;if(r.length!==0)for(let i of r){await i.onceSettled();let n=i.value?.[0]?.planType;if(!n)return;let o=this.stockOfferOsis[n];if(!o)return;let c=i.dataset.wcsOsi.split(",").filter(l=>l!==o);e.checked&&c.push(o),i.dataset.wcsOsi=c.join(",")}}changeHandler(e){e.target.tagName==="MERCH-ADDON"&&this.toggleAddon(e.target)}toggleAddon(e){this.variantLayout?.toggleAddon?.(e);let r=[...this.checkoutLinks,...this.activeDescriptionLinks??[]];if(r.length===0)return;let i=n=>{let{offerType:o,planType:c}=n.value?.[0]??{};if(!o||!c)return;let l=e.getOsi(c,o),h=(n.dataset.wcsOsi||"").split(",").filter(p=>p&&p!==l);e.checked&&h.push(l),n.dataset.wcsOsi=h.join(",")};r.forEach(i)}handleQuantitySelection(e){let r=[...this.checkoutLinks,...this.activeDescriptionLinks??[]];if(r.length!==0)for(let i of r)i.dataset.quantity=e.detail.option}get titleElement(){return this.querySelector(this.variantLayout?.headingSelector||".card-heading")}get title(){return this.titleElement?.textContent?.trim()}get description(){return this.querySelector('[slot="body-xs"]')?.textContent?.trim()}updateFilters(e){let r={...this.filters};Object.keys(r).forEach(i=>{if(e){r[i].order=Math.min(r[i].order||2,2);return}let n=r[i].order;n===1||isNaN(n)||(r[i].order=Number(n)+1)}),this.filters=r}showInfoTooltip(e,r){let i="tooltip-left",n="tooltip-right";window.screen.width<600&&e.getAttribute("data-tooltip")?.length>12&&(this.iconButton.classList.remove(i),this.iconButton.classList.remove(n),e.getBoundingClientRect().x<100&&this.iconButton.classList.add(i),e.getBoundingClientRect().x>window.screen.width-100&&this.iconButton.classList.add(n)),this.iconButton.classList.add(r)}handleInfoIconEvents(){let e="tooltip-visible";this.iconButton&&(["mouseenter","focus"].forEach(r=>this.iconButton.addEventListener(r,i=>this.showInfoTooltip(i.target,e),!1)),["mouseleave","blur"].forEach(r=>this.iconButton.addEventListener(r,()=>this.iconButton.classList.remove(e),!1)),this.iconButton.addEventListener("keydown",r=>{r.key==="Escape"&&this.iconButton.classList.remove(e)}))}includes(e){return this.textContent.match(new RegExp(e,"i"))!==null}connectedCallback(){var r;super.connectedCallback(),s(this,Fe)||m(this,Fe,Cn++),this.aemFragment||((r=s(this,H))==null||r.call(this),m(this,H,void 0)),this.id??(this.id=this.getAttribute("id")??this.aemFragment?.getAttribute("fragment"));let e=this.id??s(this,Fe);m(this,de,`${_a}${e}${st}`),m(this,De,`${_a}${e}${lt}`),performance.mark(s(this,de)),m(this,G,re()),Sn(s(this,G)),m(this,Ie,s(this,G).Log.module(tr)),this.addEventListener(R,this.handleQuantitySelection),this.addEventListener(Pt,this.handleAddonAndQuantityUpdate),this.addEventListener(pr,this.handleMerchOfferSelectReady),this.addEventListener(fe,this.handleAemFragmentEvents),this.addEventListener(ue,this.handleAemFragmentEvents),this.addEventListener(ot,this.handleInfoIconEvents),this.addEventListener("change",this.changeHandler),this.variantLayout&&this.variantLayout.connectedCallbackHook(),this.aemFragment||setTimeout(()=>this.checkReady(),0)}disconnectedCallback(){super.disconnectedCallback(),this.variantLayout?.disconnectedCallbackHook(),this.removeEventListener(R,this.handleQuantitySelection),this.removeEventListener(fe,this.handleAemFragmentEvents),this.removeEventListener(ue,this.handleAemFragmentEvents),this.removeEventListener(ot,this.handleInfoIconEvents),this.removeEventListener("change",this.changeHandler),this.removeEventListener(Pt,this.handleAddonAndQuantityUpdate)}async handleAemFragmentEvents(e){var r;if(this.isConnected&&(e.type===fe&&L(this,E,le).call(this,"AEM fragment cannot be loaded"),e.type===ue&&(this.failed=!1,e.target.nodeName==="AEM-FRAGMENT"))){let i=e.detail;try{s(this,H)||m(this,he,new Promise(n=>{m(this,H,n)})),Pa(i,this)}catch(n){L(this,E,le).call(this,`hydration has failed: ${n.message}`)}finally{(r=s(this,H))==null||r.call(this),m(this,H,void 0)}this.checkReady()}}async checkReady(){if(!this.isConnected)return;s(this,he)&&(await s(this,he),(Ra.includes(this.variant)||Na.includes(this.variant))&&rt.observe(this),m(this,he,void 0)),this.variantLayoutPromise&&(await this.variantLayoutPromise,this.variantLayoutPromise=void 0);let e=new Promise(o=>setTimeout(()=>o("timeout"),Jt));if(this.aemFragment){let o=await Promise.race([this.aemFragment.updateComplete,e]);if(o===!1||o==="timeout"){let c=o==="timeout"?`AEM fragment was not resolved within ${Jt} timeout`:"AEM fragment cannot be loaded";L(this,E,le).call(this,c,{},!1);return}}let r=[...this.querySelectorAll(hr)],i=Promise.all(r.map(o=>o.onceSettled().catch(()=>o))).then(o=>o.every(c=>c.classList.contains("placeholder-resolved"))),n=await Promise.race([i,e]);if(n===!0){this.measure=performance.measure(s(this,De),s(this,de));let o={...this.aemFragment?.fetchInfo,...s(this,G).duration,measure:ve(this.measure)};return this.dispatchEvent(new CustomEvent(ot,{bubbles:!0,composed:!0,detail:o})),this}else{this.measure=performance.measure(s(this,De),s(this,de));let o={measure:ve(this.measure),...s(this,G).duration};n==="timeout"?L(this,E,le).call(this,`Contains offers that were not resolved within ${Jt} timeout`,o):L(this,E,le).call(this,"Contains unresolved offers",o)}}get aemFragment(){return this.querySelector("aem-fragment")}get addon(){return this.querySelector("merch-addon")}get quantitySelect(){return this.querySelector("merch-quantity-select")}get addonCheckbox(){return this.querySelector("merch-addon")}displayFooterElementsInColumn(){if(!this.classList.contains("product"))return;let e=this.shadowRoot.querySelector(".secure-transaction-label");(this.footerSlot?.querySelectorAll(V)).length===2&&e&&e.parentElement.classList.add("footer-column")}handleMerchOfferSelectReady(){this.offerSelect&&!this.offerSelect.planType||this.displayFooterElementsInColumn()}get dynamicPrice(){return this.querySelector('[slot="price"]')}handleAddonAndQuantityUpdate({detail:{id:e,items:r}}){if(!e||!r?.length||this.closest('[role="tabpanel"][hidden="true"]'))return;let n=this.checkoutLinks.find(p=>p.getAttribute("data-modal-id")===e);if(!n)return;let c=new URL(n.getAttribute("href")).searchParams.get("pa"),l=r.find(p=>p.productArrangementCode===c)?.quantity,h=!!r.find(p=>p.productArrangementCode!==c);if(l&&this.quantitySelect?.dispatchEvent(new CustomEvent(gr,{detail:{quantity:l},bubbles:!0,composed:!0})),this.addonCheckbox&&this.addonCheckbox.checked!==h){this.toggleStockOffer({target:this.addonCheckbox});let p=new Event("change",{bubbles:!0,cancelable:!0});Object.defineProperty(p,"target",{writable:!1,value:{checked:h}}),this.addonCheckbox.handleChange(p)}}get prices(){return Array.from(this.querySelectorAll(b))}get promoPrice(){if(!this.querySelector("span.price-strikethrough"))return;let e=this.querySelector(".price.price-alternative");if(e||(e=this.querySelector(`${b}[data-template="price"] > span`)),!!e)return e=e.innerText,e}get regularPrice(){return s(this,E,at)?.innerText}get promotionCode(){let e=[...this.querySelectorAll(`${b}[data-promotion-code],${V}[data-promotion-code]`)].map(i=>i.dataset.promotionCode),r=[...new Set(e)];return r.length>1&&s(this,Ie)?.warn(`Multiple different promotion codes found: ${r.join(", ")}`),e[0]}get annualPrice(){return this.querySelector(`${b}[data-template="price"] > .price.price-annual`)?.innerText}get promoText(){}get taxText(){return(s(this,E,er)??s(this,E,at))?.querySelector("span.price-tax-inclusivity")?.textContent?.trim()||void 0}get recurrenceText(){return s(this,E,at)?.querySelector("span.price-recurrence")?.textContent?.trim()}get unitText(){let e=".price-unit-type";return s(this,E,er)?.querySelector(e)?.textContent?.trim()??s(this,E,at)?.querySelector(e)?.textContent?.trim()??this.querySelector(e)?.textContent?.trim()??void 0}get planTypeText(){return this.querySelector('[is="inline-price"][data-template="legal"] span.price-plan-type')?.textContent?.trim()}get seeTermsInfo(){let e=this.querySelector('a[is="upt-link"]');if(e)return L(this,E,At).call(this,e)}get renewalText(){return this.querySelector("span.renewal-text")?.textContent?.trim()}get promoDurationText(){return this.querySelector("span.promo-duration-text")?.textContent?.trim()}get ctas(){let e=this.querySelector('[slot="ctas"], [slot="footer"]')?.querySelectorAll(`${V}, a`);return Array.from(e??[])}get primaryCta(){return L(this,E,At).call(this,this.ctas.find(e=>e.variant==="accent"||e.matches(".spectrum-Button--accent,.con-button.blue")))}get secondaryCta(){return L(this,E,At).call(this,this.ctas.find(e=>e.variant!=="accent"&&!e.matches(".spectrum-Button--accent,.con-button.blue")))}};De=new WeakMap,Fe=new WeakMap,Ie=new WeakMap,G=new WeakMap,de=new WeakMap,H=new WeakMap,he=new WeakMap,E=new WeakSet,le=function(e,r={},i=!0){if(!this.isConnected)return;let o=this.aemFragment?.getAttribute("fragment");o=`[${o}]`;let c={...this.aemFragment.fetchInfo,...s(this,G).duration,...r,message:e};s(this,Ie).error(`merch-card${o}: ${e}`,c),this.failed=!0,i&&this.dispatchEvent(new CustomEvent(ur,{bubbles:!0,composed:!0,detail:c}))},at=function(){return this.querySelector("span.price-strikethrough")??this.querySelector(`${b}[data-template="price"] > span`)},er=function(){return this.querySelector(`${b}[data-template="legal"]`)},At=function(e){if(e)return{text:e.innerText.trim(),analyticsId:e.dataset.analyticsId,href:e.getAttribute("href")??e.dataset.href}},d(ee,"properties",{id:{type:String,attribute:"id",reflect:!0},name:{type:String,attribute:"name",reflect:!0},variant:{type:String,reflect:!0},size:{type:String,attribute:"size",reflect:!0},badgeColor:{type:String,attribute:"badge-color",reflect:!0},borderColor:{type:String,attribute:"border-color",reflect:!0},backgroundColor:{type:String,attribute:"background-color",reflect:!0},badgeBackgroundColor:{type:String,attribute:"badge-background-color",reflect:!0},backgroundImage:{type:String,attribute:"background-image",reflect:!0},badgeText:{type:String,attribute:"badge-text"},actionMenu:{type:Boolean,attribute:"action-menu"},actionMenuLabel:{type:String,attribute:"action-menu-label"},customHr:{type:Boolean,attribute:"custom-hr"},consonant:{type:Boolean,attribute:"consonant"},failed:{type:Boolean,attribute:"failed",reflect:!0},spectrum:{type:String,attribute:"spectrum"},detailBg:{type:String,attribute:"detail-bg"},secureLabel:{type:String,attribute:"secure-label"},checkboxLabel:{type:String,attribute:"checkbox-label"},addonTitle:{type:String,attribute:"addon-title"},addonOffers:{type:Object,attribute:"addon-offers"},selected:{type:Boolean,attribute:"aria-selected",reflect:!0},storageOption:{type:String,attribute:"storage",reflect:!0},planType:{type:String,attribute:"plan-type",reflect:!0},heightSync:{type:Boolean,attribute:"height-sync"},settings:{type:Object,attribute:!1},stockOfferOsis:{type:Object,attribute:"stock-offer-osis",converter:{fromAttribute:e=>{if(!e)return;let[r,i,n]=e.split(",");return{PUF:r,ABM:i,M2M:n}}}},filters:{type:String,reflect:!0,converter:{fromAttribute:e=>Object.fromEntries(e.split(",").map(r=>{let[i,n,o]=r.split(":"),c=Number(n);return[i,{order:isNaN(c)?void 0:c,size:o}]})),toAttribute:e=>Object.entries(e).map(([r,{order:i,size:n}])=>[r,i,n].filter(o=>o!=null).join(":")).join(",")}},types:{type:String,attribute:"types",reflect:!0},merchOffer:{type:Object},analyticsId:{type:String,attribute:Ct,reflect:!0},loading:{type:String},priceLiterals:{type:Object}}),d(ee,"styles",[sr,...lr()]),d(ee,"registerVariant",k),d(ee,"getCollectionOptions",ia),d(ee,"getFragmentMapping",pt);customElements.define(tr,ee);export{ee as MerchCard}; + `),d(tt,"properties",{heading:{type:String,attribute:!0},mobileRows:{type:Number,attribute:!0}});customElements.define("merch-whats-included",tt);var Hi={[W]:ur,[te]:fr,[K]:vr},Ui={[W]:xr,[K]:qe},rt,kt=class{constructor(t){g(this,rt);d(this,"changes",new Map);d(this,"connected",!1);d(this,"error");d(this,"log");d(this,"options");d(this,"promises",[]);d(this,"state",te);d(this,"timer",null);d(this,"value");d(this,"version",0);d(this,"wrapperElement");this.wrapperElement=t,this.log=Ye.module("mas-element")}update(){[W,te,K].forEach(t=>{this.wrapperElement.classList.toggle(Hi[t],t===this.state)})}notify(){(this.state===K||this.state===W)&&(this.state===K?this.promises.forEach(({resolve:e})=>e(this.wrapperElement)):this.state===W&&this.promises.forEach(({reject:e})=>e(this.error)),this.promises=[]);let t=this.error;this.error instanceof Z&&(t={message:this.error.message,...this.error.context}),this.wrapperElement.dispatchEvent(new CustomEvent(Ui[this.state],{bubbles:!0,composed:!0,detail:t}))}attributeChangedCallback(t,e,r){this.changes.set(t,r),this.requestUpdate()}connectedCallback(){m(this,rt,jt()),this.requestUpdate(!0)}disconnectedCallback(){this.connected&&(this.connected=!1,this.log?.debug("Disconnected:",{element:this.wrapperElement}))}onceSettled(){let{error:t,promises:e,state:r}=this;return K===r?Promise.resolve(this.wrapperElement):W===r?Promise.reject(t):new Promise((i,n)=>{e.push({resolve:i,reject:n})})}toggleResolved(t,e,r){return t!==this.version?!1:(r!==void 0&&(this.options=r),this.state=K,this.value=e,this.update(),this.log?.debug("Resolved:",{element:this.wrapperElement,value:e}),wt(()=>this.notify()),!0)}toggleFailed(t,e,r){if(t!==this.version)return!1;r!==void 0&&(this.options=r),this.error=e,this.state=W,this.update();let i=this.wrapperElement.getAttribute("is");return this.log?.error(`${i}: Failed to render: ${e.message}`,{element:this.wrapperElement,...e.context,...s(this,rt)?.duration}),wt(()=>this.notify()),!0}togglePending(t){return this.version++,t&&(this.options=t),this.state=te,this.update(),this.log?.debug("Pending:",{osi:this.wrapperElement?.options?.wcsOsi}),this.version}requestUpdate(t=!1){if(!this.wrapperElement.isConnected||!jt()||this.timer)return;let{error:e,options:r,state:i,value:n,version:o}=this;this.state=te,this.timer=wt(async()=>{this.timer=null;let c=null;if(this.changes.size&&(c=Object.fromEntries(this.changes.entries()),this.changes.clear()),this.connected?this.log?.debug("Updated:",{element:this.wrapperElement,changes:c}):(this.connected=!0,this.log?.debug("Connected:",{element:this.wrapperElement,changes:c})),c||t)try{await this.wrapperElement.render?.()===!1&&this.state===te&&this.version===o&&(this.state=i,this.error=e,this.value=n,this.update(),this.notify())}catch(l){this.toggleFailed(this.version,l,r)}})}};rt=new WeakMap;function ji(a){return`https://${a==="PRODUCTION"?"www.adobe.com":"www.stage.adobe.com"}/offers/promo-terms.html`}var se,ce=class ce extends HTMLAnchorElement{constructor(){super();d(this,"masElement",new kt(this));g(this,se);this.setAttribute("is",ce.is)}get isUptLink(){return!0}initializeWcsData(e,r){this.setAttribute("data-wcs-osi",e),r&&this.setAttribute("data-promotion-code",r)}attributeChangedCallback(e,r,i){this.masElement.attributeChangedCallback(e,r,i)}connectedCallback(){this.masElement.connectedCallback(),m(this,se,re()),s(this,se)&&(this.log=s(this,se).log.module("upt-link"))}disconnectedCallback(){this.masElement.disconnectedCallback(),m(this,se,void 0)}requestUpdate(e=!1){this.masElement.requestUpdate(e)}onceSettled(){return this.masElement.onceSettled()}async render(){let e=re();if(!e)return!1;this.dataset.imsCountry||e.imsCountryPromise.then(o=>{o&&(this.dataset.imsCountry=o)});let r=e.collectCheckoutOptions({},this);if(!r.wcsOsi)return this.log.error("Missing 'data-wcs-osi' attribute on upt-link."),!1;let i=this.masElement.togglePending(r),n=e.resolveOfferSelectors(r);try{let[[o]]=await Promise.all(n),{country:c,language:l,env:h}=r,p=`locale=${l}_${c}&country=${c}&offer_id=${o.offerId}`,x=this.getAttribute("data-promotion-code");x&&(p+=`&promotion_code=${encodeURIComponent(x)}`),this.href=`${ji(h)}?${p}`,this.masElement.toggleResolved(i,o,r)}catch(o){let c=new Error(`Could not resolve offer selectors for id: ${r.wcsOsi}.`,o.message);return this.masElement.toggleFailed(i,c,r),!1}}static createFrom(e){let r=new ce;for(let i of e.attributes)i.name!=="is"&&(i.name==="class"&&i.value.includes("upt-link")?r.setAttribute("class",i.value.replace("upt-link","").trim()):r.setAttribute(i.name,i.value));return r.innerHTML=e.innerHTML,r.setAttribute("tabindex",0),r}};se=new WeakMap,d(ce,"is","upt-link"),d(ce,"tag","a"),d(ce,"observedAttributes",["data-wcs-osi","data-promotion-code","data-ims-country"]);var J=ce;window.customElements.get(J.is)||window.customElements.define(J.is,J,{extends:J.tag});var Gi="#000000",Qt="#F8D904",Vi="#EAEAEA",Wi="#31A547",Ki=/(accent|primary|secondary)(-(outline|link))?/,Yi="mas:product_code/",Qi="daa-ll",St="daa-lh",Zi=["XL","L","M","S"],Zt="...";function D(a,t,e,r){let i=r[a];if(t[a]&&i){let n={slot:i?.slot,...i?.attributes},o=t[a];if(i.maxCount&&typeof o=="string"){let[l,h]=un(o,i.maxCount,i.withSuffix);l!==o&&(n.title=h,o=l)}let c=T(i.tag,n,o);e.append(c)}}function Xi(a,t,e){let i=(a.mnemonicIcon||[]).filter(o=>o).map((o,c)=>({icon:o,alt:a.mnemonicAlt?.[c]??"",link:a.mnemonicLink?.[c]??""}));i?.forEach(({icon:o,alt:c,link:l})=>{if(l&&!/^https?:/.test(l))try{l=new URL(`https://${l}`).href.toString()}catch{l="#"}let h={slot:"icons",src:o,loading:t.loading,size:e?.size??"l"};c&&(h.alt=c),l&&(h.href=l);let p=T("merch-icon",h);t.append(p)});let n=t.shadowRoot.querySelector('slot[name="icons"]');n&&(n.style.display=i?.length?null:"none")}function Ji(a,t,e){if(e.badge?.slot){if(a.badge?.length&&!a.badge?.startsWith("${a.badge}`}D("badge",a,t,e)}else a.badge?(t.setAttribute("badge-text",a.badge),e.disabledAttributes?.includes("badgeColor")||t.setAttribute("badge-color",a.badgeColor||Gi),e.disabledAttributes?.includes("badgeBackgroundColor")||t.setAttribute("badge-background-color",a.badgeBackgroundColor||Qt),t.setAttribute("border-color",a.badgeBackgroundColor||Qt)):t.setAttribute("border-color",a.borderColor||Vi)}function en(a,t,e){if(e.trialBadge&&a.trialBadge){if(!a.trialBadge.startsWith("${a.trialBadge}`}D("trialBadge",a,t,e)}}function tn(a,t,e){e?.includes(a.size)&&t.setAttribute("size",a.size)}function rn(a,t){a.cardName&&t.setAttribute("name",a.cardName)}function an(a,t,e){a.cardTitle&&(a.cardTitle=Oe(a.cardTitle)),D("cardTitle",a,t,{cardTitle:e})}function nn(a,t,e){D("subtitle",a,t,e)}function on(a,t,e,r){if(!a.backgroundColor||a.backgroundColor.toLowerCase()==="default"){t.style.removeProperty("--merch-card-custom-background-color"),t.removeAttribute("background-color");return}e?.[a.backgroundColor]?(t.style.setProperty("--merch-card-custom-background-color",`var(${e[a.backgroundColor]})`),t.setAttribute("background-color",a.backgroundColor)):r?.attribute&&a.backgroundColor&&(t.setAttribute(r.attribute,a.backgroundColor),t.style.removeProperty("--merch-card-custom-background-color"))}function cn(a,t,e){let r=e?.borderColor,i="--consonant-merch-card-border-color";if(a.borderColor?.toLowerCase()==="transparent")t.style.setProperty(i,"transparent");else if(a.borderColor&&r){let o=r?.specialValues?.[a.borderColor]?.includes("gradient")||/-gradient/.test(a.borderColor),c=/^spectrum-.*-(plans|special-offers)$/.test(a.borderColor);if(o){t.setAttribute("gradient-border","true");let l=a.borderColor;if(r?.specialValues){for(let[h,p]of Object.entries(r.specialValues))if(p===a.borderColor){l=h;break}}t.setAttribute("border-color",l),t.style.removeProperty(i)}else c?(t.setAttribute("border-color",a.borderColor),t.style.setProperty(i,`var(--${a.borderColor})`)):t.style.setProperty(i,`var(--${a.borderColor})`)}}function sn(a,t,e){if(a.backgroundImage){let r={loading:t.loading??"lazy",src:a.backgroundImage};if(a.backgroundImageAltText?r.alt=a.backgroundImageAltText:r.role="none",!e)return;if(e?.attribute){t.setAttribute(e.attribute,a.backgroundImage);return}t.append(T(e.tag,{slot:e.slot},T("img",r)))}}function Oe(a){return!a||typeof a!="string"||a.includes("(Lt(),Tt)).catch(console.error),a}function ln(a,t,e){a.prices&&(a.prices=Oe(a.prices)),D("prices",a,t,e)}function za(a,t,e){let r=a.hasAttribute("data-wcs-osi")&&!!a.getAttribute("data-wcs-osi"),i=a.className||"",n=Ki.exec(i)?.[0]??"accent",o=n.includes("accent"),c=n.includes("primary"),l=n.includes("secondary"),h=n.includes("-outline"),p=n.includes("-link");a.classList.remove("accent","primary","secondary");let x;if(t.consonant)x=bn(a,o,r,p,c,l,e?.ctas?.size);else if(p)x=a;else{let M;o?M="accent":c?M="primary":l&&(M="secondary"),x=t.spectrum==="swc"?xn(a,e,h,M,r):vn(a,e,h,M,r)}return x}function dn(a,t){let{slot:e}=t?.description,r=a.querySelectorAll(`[slot="${e}"] a[data-wcs-osi]`);r.length&&r.forEach(i=>{let n=za(i,a,t);i.replaceWith(n)})}function hn(a,t,e){a.description&&(a.description=Oe(a.description)),a.promoText&&(a.promoText=Oe(a.promoText)),a.shortDescription&&(a.shortDescription=Oe(a.shortDescription)),D("promoText",a,t,e),D("description",a,t,e),D("shortDescription",a,t,e),a.shortDescription&&(t.setAttribute("action-menu","true"),a.actionMenuLabel||t.setAttribute("action-menu-label","More options")),dn(t,e),D("callout",a,t,e),D("quantitySelect",a,t,e),D("whatsIncluded",a,t,e)}function pn(a,t,e){if(!e.addon)return;let r=a.addon?.replace(/[{}]/g,"");if(!r||/disabled/.test(r))return;let i=T("merch-addon",{slot:"addon"},r);[...i.querySelectorAll(b)].forEach(n=>{let o=n.parentElement;o?.nodeName==="P"&&o.setAttribute("data-plan-type","")}),t.append(i)}function mn(a,t,e){a.addonConfirmation&&D("addonConfirmation",a,t,e)}function gn(a,t,e,r){r?.secureLabel&&e?.secureLabel&&t.setAttribute("secure-label",r.secureLabel)}function un(a,t,e=!0){try{let r=typeof a!="string"?"":a,i=La(r);if(i.length<=t)return[r,i];let n=0,o=!1,c=e?t-Zt.length<1?1:t-Zt.length:t,l=[];for(let x of r){if(n++,x==="<")if(o=!0,r[n]==="/")l.pop();else{let M="";for(let pe of r.substring(n)){if(pe===" "||pe===">")break;M+=pe}l.push(M)}if(x==="/"&&r[n]===">"&&l.pop(),x===">"){o=!1;continue}if(!o&&(c--,c===0))break}let h=r.substring(0,n).trim();if(l.length>0){l[0]==="p"&&l.shift();for(let x of l.reverse())h+=``}return[`${h}${e?Zt:""}`,i]}catch{let i=typeof a=="string"?a:"",n=La(i);return[i,n]}}function La(a){if(!a)return"";let t="",e=!1;for(let r of a){if(r==="<"&&(e=!0),r===">"){e=!1;continue}e||(t+=r)}return t}function fn(a,t){t.querySelectorAll("a.upt-link").forEach(r=>{let i=J.createFrom(r);r.replaceWith(i),i.initializeWcsData(a.osi,a.promoCode)})}function vn(a,t,e,r,i){let n=a;i?n=customElements.get("checkout-button").createCheckoutButton({},a.innerHTML):n.innerHTML=`${n.textContent}`,n.setAttribute("tabindex",0);for(let p of a.attributes)["class","is"].includes(p.name)||n.setAttribute(p.name,p.value);n.firstElementChild?.classList.add("spectrum-Button-label");let o=t?.ctas?.size??"M",c=`spectrum-Button--${r}`,l=Zi.includes(o)?`spectrum-Button--size${o}`:"spectrum-Button--sizeM",h=["spectrum-Button",c,l];return e&&h.push("spectrum-Button--outline"),n.classList.add(...h),n}function xn(a,t,e,r,i){let n=a;i&&(n=customElements.get("checkout-button").createCheckoutButton(a.dataset),n.connectedCallback(),n.render());let o="fill";e&&(o="outline");let c=T("sp-button",{treatment:o,variant:r,tabIndex:0,size:t?.ctas?.size??"m",...a.dataset.analyticsId&&{"data-analytics-id":a.dataset.analyticsId}},a.innerHTML);return c.source=n,(i?n.onceSettled():Promise.resolve(n)).then(l=>{c.setAttribute("data-navigation-url",l.href)}),c.addEventListener("click",l=>{l.defaultPrevented||n.click()}),c}function bn(a,t,e,r,i,n,o){let c=a;if(e)try{let l=customElements.get("checkout-link");l&&(c=l.createCheckoutLink(a.dataset,a.innerHTML)??a)}catch{}return r||(c.classList.add("button","con-button"),o&&o!=="m"&&c.classList.add(`button-${o}`),t&&c.classList.add("blue"),i&&c.classList.add("primary"),n&&c.classList.add("secondary")),c}function yn(a,t,e,r){if(a.ctas){a.ctas=Oe(a.ctas);let{slot:i}=e.ctas,n=T("div",{slot:i},a.ctas),o=[...n.querySelectorAll("a")].map(c=>za(c,t,e));n.innerHTML="",n.append(...o),t.append(n)}}function wn(a,t){let{tags:e}=a,r=e?.find(n=>typeof n=="string"&&n.startsWith(Yi))?.split("/").pop();if(!r)return;t.setAttribute(St,r),[...t.shadowRoot.querySelectorAll("a[data-analytics-id],button[data-analytics-id]"),...t.querySelectorAll("a[data-analytics-id],button[data-analytics-id]")].forEach((n,o)=>{n.setAttribute(Qi,`${n.dataset.analyticsId}-${o+1}`)})}function En(a){a.spectrum==="css"&&[["primary-link","primary"],["secondary-link","secondary"]].forEach(([t,e])=>{a.querySelectorAll(`a.${t}`).forEach(r=>{r.classList.remove(t),r.classList.add("spectrum-Link",`spectrum-Link--${e}`)})})}function kn(a){a.querySelectorAll("[slot]").forEach(r=>{r.remove()}),a.variant=void 0,["checkbox-label","stock-offer-osis","secure-label","background-image","background-color","border-color","badge-background-color","badge-color","badge-text","gradient-border","size",St].forEach(r=>a.removeAttribute(r));let e=["wide-strip","thin-strip"];a.classList.remove(...e)}async function Pa(a,t){if(!a){let l=t?.id||"unknown";throw console.error(`hydrate: Fragment is undefined. Cannot hydrate card (merchCard id: ${l}).`),new Error(`hydrate: Fragment is undefined for card (merchCard id: ${l}).`)}if(!a.fields){let l=a.id||"unknown",h=t?.id||"unknown";throw console.error(`hydrate: Fragment for card ID '${l}' (merchCard id: ${h}) is missing 'fields'. Cannot hydrate.`),new Error(`hydrate: Fragment for card ID '${l}' (merchCard id: ${h}) is missing 'fields'.`)}let{id:e,fields:r,settings:i={},priceLiterals:n}=a,{variant:o}=r;if(!o)throw new Error(`hydrate: no variant found in payload ${e}`);kn(t),t.settings=i,n&&(t.priceLiterals=n),t.id??(t.id=a.id),t.variant=o,await t.updateComplete;let{aemFragmentMapping:c}=t.variantLayout;if(!c)throw new Error(`hydrate: variant mapping not found for ${e}`);c.style==="consonant"&&t.setAttribute("consonant",!0),Xi(r,t,c.mnemonics),en(r,t,c),tn(r,t,c.size),rn(r,t),an(r,t,c.title),Ji(r,t,c),nn(r,t,c),ln(r,t,c),sn(r,t,c.backgroundImage),on(r,t,c.allowedColors,c.backgroundColor),cn(r,t,c),hn(r,t,c),pn(r,t,c),mn(r,t,c),gn(r,t,c,i);try{fn(r,t)}catch{}yn(r,t,c,o),wn(r,t),En(t)}var er="merch-card",Xt=2e4,_a="merch-card:",Ra=["full-pricing-express","simplified-pricing-express"],Na=["segment","product"];function Ma(a,t){let e=a.closest(er);if(!e)return t;e.priceLiterals&&(t.literals??(t.literals={}),Object.assign(t.literals,e.priceLiterals)),e.aemFragment&&(t[yr]=!0),e.variantLayout?.priceOptionsProvider?.(a,t)}function Cn(a){a.providers.has(Ma)||a.providers.price(Ma)}var at=new IntersectionObserver(a=>{a.forEach(t=>{let e=t.target;if(Ra.includes(e.variant)){if(e.clientHeight===0)return;at.unobserve(e),e.requestUpdate();return}if(Na.includes(e.variant)){if(t.boundingClientRect.width===0)return;if(e.variant==="product"&&e.querySelector('merch-icon[slot="icons"]')){at.unobserve(e);return}let r=e.getBoundingClientRect().width,n=e.querySelector('[slot="badge"]')?.getBoundingClientRect().width||0;if(r===0||n===0){at.unobserve(e);return}e.style.setProperty("--consonant-merch-card-heading-xs-max-width",`${Math.round(r-n-16)}px`),at.unobserve(e)}})}),An=0,De,Fe,Ie,G,de,H,he,E,le,it,Jt,Ct,ee=class extends Sn{constructor(){super();g(this,E);g(this,De);g(this,Fe);g(this,Ie);g(this,G);g(this,de);g(this,H);g(this,he,new Promise(e=>{m(this,H,e)}));d(this,"customerSegment");d(this,"marketSegment");d(this,"variantLayout");this.id=null,this.failed=!1,this.filters={},this.types="",this.selected=!1,this.spectrum="css",this.loading="lazy",this.handleAemFragmentEvents=this.handleAemFragmentEvents.bind(this),this.handleMerchOfferSelectReady=this.handleMerchOfferSelectReady.bind(this)}firstUpdated(){this.variantLayout=It(this),this.variantLayout?.connectedCallbackHook()}willUpdate(e){(e.has("variant")||!this.variantLayout)&&(this.variantLayout?.disconnectedCallbackHook(),this.variantLayout=It(this),this.variantLayout?.connectedCallbackHook())}updated(e){(e.has("badgeBackgroundColor")||e.has("borderColor"))&&this.style.setProperty("--consonant-merch-card-border",this.computedBorderStyle),e.has("backgroundColor")&&this.style.setProperty("--merch-card-custom-background-color",this.backgroundColor?`var(--${this.backgroundColor})`:"");try{this.variantLayoutPromise=this.variantLayout?.postCardUpdateHook(e)}catch(r){L(this,E,le).call(this,`Error in postCardUpdateHook: ${r.message}`,{},!1)}}get theme(){return this.closest("sp-theme")}get dir(){return this.closest("[dir]")?.getAttribute("dir")??"ltr"}render(){if(!(!this.isConnected||!this.variantLayout||this.style.display==="none"))return this.variantLayout.renderLayout()}get computedBorderStyle(){return["ccd-slice","ccd-suggested","ah-promoted-plans","simplified-pricing-express","full-pricing-express"].includes(this.variant)?"":`1px solid ${this.borderColor?this.borderColor:this.badgeBackgroundColor}`}get badgeElement(){return this.shadowRoot.getElementById("badge")}get headingmMSlot(){return this.shadowRoot.querySelector('slot[name="heading-m"]').assignedElements()[0]}get footerSlot(){return this.shadowRoot.querySelector('slot[name="footer"]')?.assignedElements()[0]}get descriptionSlot(){return this.shadowRoot.querySelector('slot[name="body-xs"')?.assignedElements()[0]}get descriptionSlotCompare(){return this.shadowRoot.querySelector('slot[name="body-m"')?.assignedElements()[0]}get iconButton(){return this.querySelector('[slot="callout-content"] .icon-button')}get price(){return this.headingmMSlot?.querySelector(b)}get checkoutLinks(){return[...this.footerSlot?.querySelectorAll(V)??[]]}get checkoutLinksDescription(){return[...this.descriptionSlot?.querySelectorAll(V)??[]]}get checkoutLinkDescriptionCompare(){return[...this.descriptionSlotCompare?.querySelectorAll(V)??[]]}get activeDescriptionLinks(){return this.variant==="mini-compare-chart"||this.variant==="mini-compare-chart-mweb"?this.checkoutLinkDescriptionCompare:this.checkoutLinksDescription}async toggleStockOffer({target:e}){if(!this.stockOfferOsis)return;let r=this.checkoutLinks;if(r.length!==0)for(let i of r){await i.onceSettled();let n=i.value?.[0]?.planType;if(!n)return;let o=this.stockOfferOsis[n];if(!o)return;let c=i.dataset.wcsOsi.split(",").filter(l=>l!==o);e.checked&&c.push(o),i.dataset.wcsOsi=c.join(",")}}changeHandler(e){e.target.tagName==="MERCH-ADDON"&&this.toggleAddon(e.target)}toggleAddon(e){this.variantLayout?.toggleAddon?.(e);let r=[...this.checkoutLinks,...this.activeDescriptionLinks??[]];if(r.length===0)return;let i=n=>{let{offerType:o,planType:c}=n.value?.[0]??{};if(!o||!c)return;let l=e.getOsi(c,o),h=(n.dataset.wcsOsi||"").split(",").filter(p=>p&&p!==l);e.checked&&h.push(l),n.dataset.wcsOsi=h.join(",")};r.forEach(i)}handleQuantitySelection(e){let r=[...this.checkoutLinks,...this.activeDescriptionLinks??[]];if(r.length!==0)for(let i of r)i.dataset.quantity=e.detail.option}get titleElement(){return this.querySelector(this.variantLayout?.headingSelector||".card-heading")}get title(){return this.titleElement?.textContent?.trim()}get description(){return this.querySelector('[slot="body-xs"]')?.textContent?.trim()}updateFilters(e){let r={...this.filters};Object.keys(r).forEach(i=>{if(e){r[i].order=Math.min(r[i].order||2,2);return}let n=r[i].order;n===1||isNaN(n)||(r[i].order=Number(n)+1)}),this.filters=r}showInfoTooltip(e,r){let i="tooltip-left",n="tooltip-right";window.screen.width<600&&e.getAttribute("data-tooltip")?.length>12&&(this.iconButton.classList.remove(i),this.iconButton.classList.remove(n),e.getBoundingClientRect().x<100&&this.iconButton.classList.add(i),e.getBoundingClientRect().x>window.screen.width-100&&this.iconButton.classList.add(n)),this.iconButton.classList.add(r)}handleInfoIconEvents(){let e="tooltip-visible";this.iconButton&&(["mouseenter","focus"].forEach(r=>this.iconButton.addEventListener(r,i=>this.showInfoTooltip(i.target,e),!1)),["mouseleave","blur"].forEach(r=>this.iconButton.addEventListener(r,()=>this.iconButton.classList.remove(e),!1)),this.iconButton.addEventListener("keydown",r=>{r.key==="Escape"&&this.iconButton.classList.remove(e)}))}includes(e){return this.textContent.match(new RegExp(e,"i"))!==null}connectedCallback(){var r;super.connectedCallback(),s(this,Fe)||m(this,Fe,An++),this.aemFragment||((r=s(this,H))==null||r.call(this),m(this,H,void 0)),this.id??(this.id=this.getAttribute("id")??this.aemFragment?.getAttribute("fragment"));let e=this.id??s(this,Fe);m(this,de,`${_a}${e}${st}`),m(this,De,`${_a}${e}${lt}`),performance.mark(s(this,de)),m(this,G,re()),Cn(s(this,G)),m(this,Ie,s(this,G).Log.module(er)),this.addEventListener(R,this.handleQuantitySelection),this.addEventListener(zt,this.handleAddonAndQuantityUpdate),this.addEventListener(hr,this.handleMerchOfferSelectReady),this.addEventListener(fe,this.handleAemFragmentEvents),this.addEventListener(ue,this.handleAemFragmentEvents),this.addEventListener(ot,this.handleInfoIconEvents),this.addEventListener("change",this.changeHandler),this.variantLayout&&this.variantLayout.connectedCallbackHook(),this.aemFragment||setTimeout(()=>this.checkReady(),0)}disconnectedCallback(){super.disconnectedCallback(),this.variantLayout?.disconnectedCallbackHook(),this.removeEventListener(R,this.handleQuantitySelection),this.removeEventListener(fe,this.handleAemFragmentEvents),this.removeEventListener(ue,this.handleAemFragmentEvents),this.removeEventListener(ot,this.handleInfoIconEvents),this.removeEventListener("change",this.changeHandler),this.removeEventListener(zt,this.handleAddonAndQuantityUpdate)}async handleAemFragmentEvents(e){var r;if(this.isConnected&&(e.type===fe&&L(this,E,le).call(this,"AEM fragment cannot be loaded"),e.type===ue&&(this.failed=!1,e.target.nodeName==="AEM-FRAGMENT"))){let i=e.detail;try{s(this,H)||m(this,he,new Promise(n=>{m(this,H,n)})),Pa(i,this)}catch(n){L(this,E,le).call(this,`hydration has failed: ${n.message}`)}finally{(r=s(this,H))==null||r.call(this),m(this,H,void 0)}this.checkReady()}}async checkReady(){if(!this.isConnected)return;s(this,he)&&(await s(this,he),(Ra.includes(this.variant)||Na.includes(this.variant))&&at.observe(this),m(this,he,void 0)),this.variantLayoutPromise&&(await this.variantLayoutPromise,this.variantLayoutPromise=void 0);let e=new Promise(o=>setTimeout(()=>o("timeout"),Xt));if(this.aemFragment){let o=await Promise.race([this.aemFragment.updateComplete,e]);if(o===!1||o==="timeout"){let c=o==="timeout"?`AEM fragment was not resolved within ${Xt} timeout`:"AEM fragment cannot be loaded";L(this,E,le).call(this,c,{},!1);return}}let r=[...this.querySelectorAll(dr)],i=Promise.all(r.map(o=>o.onceSettled().catch(()=>o))).then(o=>o.every(c=>c.classList.contains("placeholder-resolved"))),n=await Promise.race([i,e]);if(n===!0){this.measure=performance.measure(s(this,De),s(this,de));let o={...this.aemFragment?.fetchInfo,...s(this,G).duration,measure:ve(this.measure)};return this.dispatchEvent(new CustomEvent(ot,{bubbles:!0,composed:!0,detail:o})),this}else{this.measure=performance.measure(s(this,De),s(this,de));let o={measure:ve(this.measure),...s(this,G).duration};n==="timeout"?L(this,E,le).call(this,`Contains offers that were not resolved within ${Xt} timeout`,o):L(this,E,le).call(this,"Contains unresolved offers",o)}}get aemFragment(){return this.querySelector("aem-fragment")}get addon(){return this.querySelector("merch-addon")}get quantitySelect(){return this.querySelector("merch-quantity-select")}get addonCheckbox(){return this.querySelector("merch-addon")}displayFooterElementsInColumn(){if(!this.classList.contains("product"))return;let e=this.shadowRoot.querySelector(".secure-transaction-label");(this.footerSlot?.querySelectorAll(V)).length===2&&e&&e.parentElement.classList.add("footer-column")}handleMerchOfferSelectReady(){this.offerSelect&&!this.offerSelect.planType||this.displayFooterElementsInColumn()}get dynamicPrice(){return this.querySelector('[slot="price"]')}handleAddonAndQuantityUpdate({detail:{id:e,items:r}}){if(!e||!r?.length||this.closest('[role="tabpanel"][hidden="true"]'))return;let n=this.checkoutLinks.find(p=>p.getAttribute("data-modal-id")===e);if(!n)return;let c=new URL(n.getAttribute("href")).searchParams.get("pa"),l=r.find(p=>p.productArrangementCode===c)?.quantity,h=!!r.find(p=>p.productArrangementCode!==c);if(l&&this.quantitySelect?.dispatchEvent(new CustomEvent(mr,{detail:{quantity:l},bubbles:!0,composed:!0})),this.addonCheckbox&&this.addonCheckbox.checked!==h){this.toggleStockOffer({target:this.addonCheckbox});let p=new Event("change",{bubbles:!0,cancelable:!0});Object.defineProperty(p,"target",{writable:!1,value:{checked:h}}),this.addonCheckbox.handleChange(p)}}get prices(){return Array.from(this.querySelectorAll(b))}get promoPrice(){if(!this.querySelector("span.price-strikethrough"))return;let e=this.querySelector(".price.price-alternative");if(e||(e=this.querySelector(`${b}[data-template="price"] > span`)),!!e)return e=e.innerText,e}get regularPrice(){return s(this,E,it)?.innerText}get promotionCode(){let e=[...this.querySelectorAll(`${b}[data-promotion-code],${V}[data-promotion-code]`)].map(i=>i.dataset.promotionCode),r=[...new Set(e)];return r.length>1&&s(this,Ie)?.warn(`Multiple different promotion codes found: ${r.join(", ")}`),e[0]}get annualPrice(){return this.querySelector(`${b}[data-template="price"] > .price.price-annual`)?.innerText}get promoText(){}get taxText(){return(s(this,E,Jt)??s(this,E,it))?.querySelector("span.price-tax-inclusivity")?.textContent?.trim()||void 0}get recurrenceText(){return s(this,E,it)?.querySelector("span.price-recurrence")?.textContent?.trim()}get unitText(){let e=".price-unit-type";return s(this,E,Jt)?.querySelector(e)?.textContent?.trim()??s(this,E,it)?.querySelector(e)?.textContent?.trim()??this.querySelector(e)?.textContent?.trim()??void 0}get planTypeText(){return this.querySelector('[is="inline-price"][data-template="legal"] span.price-plan-type')?.textContent?.trim()}get seeTermsInfo(){let e=this.querySelector('a[is="upt-link"]');if(e)return L(this,E,Ct).call(this,e)}get renewalText(){return this.querySelector("span.renewal-text")?.textContent?.trim()}get promoDurationText(){return this.querySelector("span.promo-duration-text")?.textContent?.trim()}get ctas(){let e=this.querySelector('[slot="ctas"], [slot="footer"]')?.querySelectorAll(`${V}, a`);return Array.from(e??[])}get primaryCta(){return L(this,E,Ct).call(this,this.ctas.find(e=>e.variant==="accent"||e.matches(".spectrum-Button--accent,.con-button.blue")))}get secondaryCta(){return L(this,E,Ct).call(this,this.ctas.find(e=>e.variant!=="accent"&&!e.matches(".spectrum-Button--accent,.con-button.blue")))}};De=new WeakMap,Fe=new WeakMap,Ie=new WeakMap,G=new WeakMap,de=new WeakMap,H=new WeakMap,he=new WeakMap,E=new WeakSet,le=function(e,r={},i=!0){if(!this.isConnected)return;let o=this.aemFragment?.getAttribute("fragment");o=`[${o}]`;let c={...this.aemFragment.fetchInfo,...s(this,G).duration,...r,message:e};s(this,Ie).error(`merch-card${o}: ${e}`,c),this.failed=!0,i&&this.dispatchEvent(new CustomEvent(gr,{bubbles:!0,composed:!0,detail:c}))},it=function(){return this.querySelector("span.price-strikethrough")??this.querySelector(`${b}[data-template="price"] > span`)},Jt=function(){return this.querySelector(`${b}[data-template="legal"]`)},Ct=function(e){if(e)return{text:e.innerText.trim(),analyticsId:e.dataset.analyticsId,href:e.getAttribute("href")??e.dataset.href}},d(ee,"properties",{id:{type:String,attribute:"id",reflect:!0},name:{type:String,attribute:"name",reflect:!0},variant:{type:String,reflect:!0},size:{type:String,attribute:"size",reflect:!0},badgeColor:{type:String,attribute:"badge-color",reflect:!0},borderColor:{type:String,attribute:"border-color",reflect:!0},backgroundColor:{type:String,attribute:"background-color",reflect:!0},badgeBackgroundColor:{type:String,attribute:"badge-background-color",reflect:!0},backgroundImage:{type:String,attribute:"background-image",reflect:!0},badgeText:{type:String,attribute:"badge-text"},actionMenu:{type:Boolean,attribute:"action-menu"},actionMenuLabel:{type:String,attribute:"action-menu-label"},customHr:{type:Boolean,attribute:"custom-hr"},consonant:{type:Boolean,attribute:"consonant"},failed:{type:Boolean,attribute:"failed",reflect:!0},spectrum:{type:String,attribute:"spectrum"},detailBg:{type:String,attribute:"detail-bg"},secureLabel:{type:String,attribute:"secure-label"},checkboxLabel:{type:String,attribute:"checkbox-label"},addonTitle:{type:String,attribute:"addon-title"},addonOffers:{type:Object,attribute:"addon-offers"},selected:{type:Boolean,attribute:"aria-selected",reflect:!0},storageOption:{type:String,attribute:"storage",reflect:!0},planType:{type:String,attribute:"plan-type",reflect:!0},heightSync:{type:Boolean,attribute:"height-sync"},settings:{type:Object,attribute:!1},stockOfferOsis:{type:Object,attribute:"stock-offer-osis",converter:{fromAttribute:e=>{if(!e)return;let[r,i,n]=e.split(",");return{PUF:r,ABM:i,M2M:n}}}},filters:{type:String,reflect:!0,converter:{fromAttribute:e=>Object.fromEntries(e.split(",").map(r=>{let[i,n,o]=r.split(":"),c=Number(n);return[i,{order:isNaN(c)?void 0:c,size:o}]})),toAttribute:e=>Object.entries(e).map(([r,{order:i,size:n}])=>[r,i,n].filter(o=>o!=null).join(":")).join(",")}},types:{type:String,attribute:"types",reflect:!0},merchOffer:{type:Object},analyticsId:{type:String,attribute:St,reflect:!0},loading:{type:String},priceLiterals:{type:Object}}),d(ee,"styles",[cr,...sr()]),d(ee,"registerVariant",k),d(ee,"getCollectionOptions",ia),d(ee,"getFragmentMapping",aa);customElements.define(er,ee);export{ee as MerchCard}; diff --git a/web-components/dist/merch-icon.js b/web-components/dist/merch-icon.js index 5668b0baa..86c1b7a76 100644 --- a/web-components/dist/merch-icon.js +++ b/web-components/dist/merch-icon.js @@ -1,7 +1,7 @@ -var d=Object.defineProperty;var b=(o,t,e)=>t in o?d(o,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):o[t]=e;var v=(o,t)=>()=>(o&&(t=o(o=0)),t);var y=(o,t)=>{for(var e in t)d(o,e,{get:t[e],enumerable:!0})};var l=(o,t,e)=>b(o,typeof t!="symbol"?t+"":t,e);var g={};y(g,{default:()=>p});import{LitElement as x,html as c,css as T}from"./lit-all.min.js";function w(){return customElements.get("sp-tooltip")!==void 0&&customElements.get("overlay-trigger")!==void 0&&document.querySelector("sp-theme")!==null}var i,p,u=v(()=>{i=class i extends x{constructor(){super(),this.content="",this.placement="top",this.variant="info",this.size="xs",this.tooltipVisible=!1,this.lastPointerType=null,this.handleClickOutside=this.handleClickOutside.bind(this)}connectedCallback(){super.connectedCallback(),window.addEventListener("mousedown",this.handleClickOutside)}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("mousedown",this.handleClickOutside)}handleClickOutside(t){let e=t.composedPath();i.activeTooltip===this&&!e.includes(this)&&this.hideTooltip()}showTooltip(){i.activeTooltip&&i.activeTooltip!==this&&(i.activeTooltip.closeOverlay(),i.activeTooltip.tooltipVisible=!1,i.activeTooltip.requestUpdate()),i.activeTooltip=this,this.tooltipVisible=!0}hideTooltip(){i.activeTooltip===this&&(i.activeTooltip=null),this.tooltipVisible=!1}handleTap(t){t.preventDefault(),this.tooltipVisible?this.hideTooltip():this.showTooltip()}closeOverlay(){let t=this.shadowRoot?.querySelector("overlay-trigger");t?.open!==void 0&&(t.open=!1)}get effectiveContent(){return this.tooltipText||this.mnemonicText||this.content||""}get effectivePlacement(){return this.tooltipPlacement||this.mnemonicPlacement||this.placement||"top"}renderIcon(){return this.src?c`t in o?d(o,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):o[t]=e;var v=(o,t)=>()=>(o&&(t=o(o=0)),t);var y=(o,t)=>{for(var e in t)d(o,e,{get:t[e],enumerable:!0})};var l=(o,t,e)=>b(o,typeof t!="symbol"?t+"":t,e);var g={};y(g,{default:()=>c});import{LitElement as x,html as p,css as T}from"./lit-all.min.js";import{unsafeHTML as w}from"./lit-all.min.js";function S(){return customElements.get("sp-tooltip")!==void 0&&customElements.get("overlay-trigger")!==void 0&&document.querySelector("sp-theme")!==null}var i,c,u=v(()=>{i=class i extends x{constructor(){super(),this.content="",this.placement="top",this.variant="info",this.size="xs",this.tooltipVisible=!1,this.lastPointerType=null,this.handleClickOutside=this.handleClickOutside.bind(this)}connectedCallback(){super.connectedCallback(),window.addEventListener("mousedown",this.handleClickOutside)}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("mousedown",this.handleClickOutside)}handleClickOutside(t){let e=t.composedPath();i.activeTooltip===this&&!e.includes(this)&&this.hideTooltip()}showTooltip(){i.activeTooltip&&i.activeTooltip!==this&&(i.activeTooltip.closeOverlay(),i.activeTooltip.tooltipVisible=!1,i.activeTooltip.requestUpdate()),i.activeTooltip=this,this.tooltipVisible=!0}hideTooltip(){i.activeTooltip===this&&(i.activeTooltip=null),this.tooltipVisible=!1}handleTap(t){t.preventDefault(),this.tooltipVisible?this.hideTooltip():this.showTooltip()}closeOverlay(){let t=this.shadowRoot?.querySelector("overlay-trigger");t?.open!==void 0&&(t.open=!1)}get effectiveContent(){return this.tooltipText||this.mnemonicText||this.content||""}get effectivePlacement(){return this.tooltipPlacement||this.mnemonicPlacement||this.placement||"top"}renderIcon(){return this.src?this.src.startsWith("sp-icon-")?p`${w(`<${this.src} size="${this.size||"m"}">`)}`:p``:c``}render(){let t=this.effectiveContent,e=this.effectivePlacement;return t?w()?c` + >`:p``}render(){let t=this.effectiveContent,e=this.effectivePlacement;return t?S()?p` this.showTooltip()} @@ -14,7 +14,7 @@ var d=Object.defineProperty;var b=(o,t,e)=>t in o?d(o,t,{enumerable:!0,configura ${t} - `:c` + `:p` t in o?d(o,t,{enumerable:!0,configura margin-left: 5px; border-right-color: var(--spectrum-gray-800, #323232); } - `);p=i;customElements.define("mas-mnemonic",p)});import{LitElement as S,html as f,css as $}from"./lit-all.min.js";function C(){return customElements.get("sp-tooltip")!==void 0||document.querySelector("sp-theme")!==null}var a=class extends S{constructor(){super(),this.size="m",this.alt="",this.loading="lazy"}connectedCallback(){super.connectedCallback(),setTimeout(()=>this.handleTooltips(),0)}handleTooltips(){if(C())return;this.querySelectorAll("sp-tooltip, overlay-trigger").forEach(e=>{let n="",s="top";if(e.tagName==="SP-TOOLTIP")n=e.textContent,s=e.getAttribute("placement")||"top";else if(e.tagName==="OVERLAY-TRIGGER"){let r=e.querySelector("sp-tooltip");r&&(n=r.textContent,s=r.getAttribute("placement")||e.getAttribute("placement")||"top")}if(n){let r=document.createElement("mas-mnemonic");r.setAttribute("content",n),r.setAttribute("placement",s);let h=this.querySelector("img"),m=this.querySelector("a");m&&m.contains(h)?r.appendChild(m):h&&r.appendChild(h),this.innerHTML="",this.appendChild(r),Promise.resolve().then(()=>u())}e.remove()})}render(){let{href:t}=this;return t?f` + `);c=i;customElements.define("mas-mnemonic",c)});import{LitElement as $,html as f,css as C}from"./lit-all.min.js";function k(){return customElements.get("sp-tooltip")!==void 0||document.querySelector("sp-theme")!==null}var n=class extends ${constructor(){super(),this.size="m",this.alt="",this.loading="lazy"}connectedCallback(){super.connectedCallback(),setTimeout(()=>this.handleTooltips(),0)}handleTooltips(){if(k())return;this.querySelectorAll("sp-tooltip, overlay-trigger").forEach(e=>{let a="",s="top";if(e.tagName==="SP-TOOLTIP")a=e.textContent,s=e.getAttribute("placement")||"top";else if(e.tagName==="OVERLAY-TRIGGER"){let r=e.querySelector("sp-tooltip");r&&(a=r.textContent,s=r.getAttribute("placement")||e.getAttribute("placement")||"top")}if(a){let r=document.createElement("mas-mnemonic");r.setAttribute("content",a),r.setAttribute("placement",s);let h=this.querySelector("img"),m=this.querySelector("a");m&&m.contains(h)?r.appendChild(m):h&&r.appendChild(h),this.innerHTML="",this.appendChild(r),Promise.resolve().then(()=>u())}e.remove()})}render(){let{href:t}=this;return t?f` ${this.alt}t in o?d(o,t,{enumerable:!0,configura src="${this.src}" alt="${this.alt}" loading="${this.loading}" - />`}};l(a,"properties",{size:{type:String,attribute:!0},src:{type:String,attribute:!0},alt:{type:String,attribute:!0},href:{type:String,attribute:!0},loading:{type:String,attribute:!0}}),l(a,"styles",$` + />`}};l(n,"properties",{size:{type:String,attribute:!0},src:{type:String,attribute:!0},alt:{type:String,attribute:!0},href:{type:String,attribute:!0},loading:{type:String,attribute:!0}}),l(n,"styles",C` :host { --img-width: 32px; --img-height: 32px; @@ -195,4 +195,4 @@ var d=Object.defineProperty;var b=(o,t,e)=>t in o?d(o,t,{enumerable:!0,configura width: var(--mod-img-width, var(--img-width)); height: var(--mod-img-height, var(--img-height)); } - `);customElements.define("merch-icon",a);export{a as default}; + `);customElements.define("merch-icon",n);export{n as default}; diff --git a/web-components/src/hydrate.js b/web-components/src/hydrate.js index 070b04f8f..bcb4baee7 100644 --- a/web-components/src/hydrate.js +++ b/web-components/src/hydrate.js @@ -87,7 +87,7 @@ export function processMnemonics(fields, merchCard, mnemonicsConfig) { } } -function processBadge(fields, merchCard, mapping) { +export function processBadge(fields, merchCard, mapping) { if (mapping.badge?.slot) { if (fields.badge?.length && !fields.badge?.startsWith(' + + diff --git a/web-components/src/mas-comparison-table.js b/web-components/src/mas-comparison-table.js new file mode 100644 index 000000000..03a45f2d7 --- /dev/null +++ b/web-components/src/mas-comparison-table.js @@ -0,0 +1,1204 @@ +import { + EVENT_AEM_ERROR, + EVENT_AEM_LOAD, + EVENT_MAS_ERROR, + EVENT_MAS_READY, + MARK_DURATION_SUFFIX, + MARK_START_SUFFIX, + SELECTOR_MAS_ELEMENT, + TEMPLATE_PRICE_LEGAL, +} from './constants.js'; +import { transformLinkToButton } from './hydrate.js'; +import { getService, printMeasure } from './utils.js'; + +const TAG_NAME = 'mas-comparison-table'; +const MARK_PREFIX = 'mas-comparison-table:'; +const LOAD_TIMEOUT = 20000; +const DEFAULT_LABELS = { + 'choose-table-column': 'Choose table column', + 'empty-table-cell': 'Empty table cell', +}; + +const createElement = (tag, attributes = {}, content = null) => { + const element = document.createElement(tag); + Object.entries(attributes).forEach(([key, value]) => { + if (value == null) return; + element.setAttribute(key, value); + }); + appendContent(element, content); + return element; +}; + +const appendContent = (element, content) => { + if (content == null) return; + if (Array.isArray(content)) { + content.forEach((item) => appendContent(element, item)); + return; + } + if (content instanceof Node) { + element.append(content); + return; + } + element.append(document.createTextNode(String(content))); +}; + +const normalizeFields = (fragment) => { + if (!fragment?.fields) return {}; + if (Array.isArray(fragment.fields)) { + return fragment.fields.reduce((acc, field) => { + if (!field?.name) return acc; + acc[field.name] = field.multiple + ? field.values || [] + : field.values?.[0]; + return acc; + }, {}); + } + return fragment.fields; +}; + +const getStringField = (fields, name) => { + const value = fields?.[name]; + if (value == null) return ''; + if (Array.isArray(value)) return String(value[0] ?? ''); + if (typeof value === 'object' && 'value' in value) { + return String(value.value ?? ''); + } + return String(value); +}; + +const getArrayField = (fields, name) => { + const value = fields?.[name]; + if (value == null) return []; + return Array.isArray(value) ? value : [value]; +}; + +const getLabels = (fragment) => { + const dictionary = fragment?.dictionary || {}; + return { + 'choose-table-column': + dictionary['choose-table-column']?.value || + dictionary['choose-table-column'] || + DEFAULT_LABELS['choose-table-column'], + 'empty-table-cell': + dictionary['empty-table-cell']?.value || + dictionary['empty-table-cell'] || + DEFAULT_LABELS['empty-table-cell'], + }; +}; + +const normalizeFragmentReference = (reference) => { + if (reference?.type === 'content-fragment' && reference.value) { + return { + ...reference.value, + path: reference.path || reference.value.path || '', + fields: normalizeFields(reference.value), + }; + } + return { + ...reference, + path: reference?.path || '', + fields: normalizeFields(reference), + }; +}; + +const normalizeReferences = (references = []) => { + if (!references || typeof references !== 'object') return []; + return Array.isArray(references) ? references : Object.values(references); +}; + +const buildReferenceLookup = (references = []) => { + const map = new Map(); + normalizeReferences(references).forEach((reference) => { + const normalized = normalizeFragmentReference(reference); + const keys = [ + normalized.id, + normalized.path, + normalized.originalId, + normalized.fields?.originalId, + normalized.path?.split('/').pop(), + ].filter(Boolean); + keys.forEach((key) => map.set(String(key), normalized)); + }); + return map; +}; + +const parseCompareChart = (compareChartHtml = '') => { + if (!compareChartHtml) return []; + + const doc = new DOMParser().parseFromString(compareChartHtml, 'text/html'); + return [...doc.querySelectorAll('.compare-chart-row[data-row-id]')].map( + (rowElement) => { + const cellsByPath = {}; + rowElement + .querySelectorAll('.compare-chart-cell[data-card-path]') + .forEach((cellElement) => { + const cardPath = cellElement.getAttribute('data-card-path'); + if (!cardPath) return; + cellsByPath[cardPath] = cellElement.innerHTML || ''; + }); + + return { + id: rowElement.getAttribute('data-row-id') || '', + label: + rowElement.querySelector('.compare-chart-label') + ?.innerHTML || '', + cellsByPath, + }; + }, + ); +}; + +const cloneHtmlNodes = (html = '') => { + if (!html) return []; + const template = document.createElement('template'); + template.innerHTML = html; + return Array.from(template.content.childNodes).map((node) => + node.cloneNode(true), + ); +}; + +const createSyntheticLegalPrice = (pricingHtml = '') => { + if (!pricingHtml) return ''; + const template = document.createElement('template'); + template.innerHTML = pricingHtml; + const inlinePrice = template.content.querySelector('[is="inline-price"]'); + if (!inlinePrice) return ''; + inlinePrice.setAttribute('data-template', TEMPLATE_PRICE_LEGAL); + inlinePrice.setAttribute('data-display-plan-type', 'true'); + inlinePrice.setAttribute('data-display-per-unit', 'false'); + inlinePrice.setAttribute('data-display-tax', 'false'); + inlinePrice.setAttribute('data-display-old-price', 'false'); + if (!inlinePrice.hasAttribute('data-force-tax-exclusive')) { + inlinePrice.setAttribute('data-force-tax-exclusive', 'true'); + } + return inlinePrice.outerHTML; +}; + +const createIconNodes = (fields) => { + const icons = getArrayField(fields, 'mnemonicIcon'); + const alts = getArrayField(fields, 'mnemonicAlt'); + return icons.filter(Boolean).map((src, index) => + createElement('mas-mnemonic', { + src, + size: 'l', + ...(alts[index] ? { role: 'img', 'aria-label': alts[index] } : {}), + }), + ); +}; + +const COMPARISON_TABLE_CTA_MAPPING = { + ctas: { + size: 'l', + }, +}; + +const hydrateComparisonTableButton = (button) => + transformLinkToButton( + button, + { consonant: true }, + COMPARISON_TABLE_CTA_MAPPING, + ); + +const buildHeaderItem = (reference) => { + const fields = reference?.fields || {}; + const headerItem = createElement('div'); + const iconNodes = createIconNodes(fields); + if (iconNodes.length) { + headerItem.append( + createElement('p', { class: 'header-product-tile' }, iconNodes), + ); + } + + const title = getStringField(fields, 'cardTitle') || reference?.title || ''; + if (title) headerItem.append(createElement('h3', {}, title)); + + headerItem.append(createElement('p', {}, '-')); + + const descriptionHtml = getStringField(fields, 'description'); + if (descriptionHtml) { + const description = createElement('p'); + description.append(...cloneHtmlNodes(descriptionHtml)); + headerItem.append(description); + } + + headerItem.append(createElement('p', {}, '-')); + + const priceHtml = getStringField(fields, 'prices'); + if (priceHtml) { + const pricing = createElement('div'); + pricing.append(...cloneHtmlNodes(priceHtml)); + headerItem.append(pricing); + } + + const legalHtml = createSyntheticLegalPrice(priceHtml); + if (legalHtml) { + const legal = createElement('p'); + legal.append(...cloneHtmlNodes(legalHtml)); + headerItem.append(legal); + } + + const ctasHtml = getStringField(fields, 'ctas'); + if (ctasHtml) { + const ctaTemplate = document.createElement('template'); + ctaTemplate.innerHTML = ctasHtml; + const buttons = Array.from( + ctaTemplate.content.querySelectorAll('a, button'), + ); + buttons.forEach((button, index) => { + const wrapper = createElement(index === 0 ? 'p' : 'div', { + class: 'action-area', + }); + const hydratedButton = + button.tagName === 'A' + ? hydrateComparisonTableButton(button) + : button.cloneNode(true); + wrapper.append(hydratedButton); + headerItem.append(wrapper); + }); + } + + return headerItem; +}; + +const buildSectionHeaderRow = (cardCount, labelHtml = 'Features') => { + const row = createElement('div'); + const label = createElement('div'); + label.append(...cloneHtmlNodes(labelHtml || 'Features')); + row.append(label); + for (let index = 0; index < cardCount; index += 1) { + row.append(createElement('div')); + } + return row; +}; + +const hasMeaningfulHtml = (html = '') => { + if (!html?.trim()) return false; + const template = document.createElement('template'); + template.innerHTML = html; + const text = template.content.textContent?.trim(); + if (text) return true; + return Boolean( + template.content.querySelector( + 'img, picture, svg, mas-mnemonic, merch-icon, .icon, [is="inline-price"], a, sp-icon-checkmark', + ), + ); +}; + +const isSectionRow = (rowData, cardEntries) => + Boolean(rowData?.label?.trim()) && + cardEntries.every((entry) => { + const value = + rowData.cellsByPath?.[entry.cardRef] || + rowData.cellsByPath?.[entry.path] || + rowData.cellsByPath?.[entry.id] || + ''; + return !hasMeaningfulHtml(value); + }); + +const groupCompareRows = (compareRows, cardEntries) => { + const sections = []; + let currentSection = { + labelHtml: 'Features', + rows: [], + }; + + compareRows.forEach((rowData) => { + if (isSectionRow(rowData, cardEntries)) { + if (currentSection.rows.length || sections.length === 0) { + sections.push(currentSection); + } + currentSection = { + labelHtml: rowData.label || 'Features', + rows: [], + }; + return; + } + + currentSection.rows.push(rowData); + }); + + if (currentSection.rows.length || !sections.length) { + sections.push(currentSection); + } + + return sections.filter((section) => section.rows.length); +}; + +const buildFeatureRow = (rowData, cardEntries) => { + const row = createElement('div'); + const label = createElement('div'); + label.append(...cloneHtmlNodes(rowData.label)); + row.append(label); + + cardEntries.forEach((entry) => { + const cell = createElement('div'); + const value = + rowData.cellsByPath?.[entry.cardRef] || + rowData.cellsByPath?.[entry.path] || + rowData.cellsByPath?.[entry.id] || + ''; + cell.append(...cloneHtmlNodes(value)); + row.append(cell); + }); + + return row; +}; + +const calculateMaxHeight = (elements) => + Math.max( + ...elements.map((element) => { + const styles = window.getComputedStyle(element); + return ( + element.offsetHeight - + parseFloat(styles.paddingTop) - + parseFloat(styles.paddingBottom) - + parseFloat(styles.borderTopWidth) - + parseFloat(styles.borderBottomWidth) + ); + }), + ); + +const setEqualHeight = (el) => { + const configs = [ + [ + '.header-content-wrapper', + '.header-item', + '.sub-header-item-container:not(:last-of-type)', + ], + ['.table-row', '.table-cell', 'div'], + ['.header-content-wrapper', '.header-item', '.description'], + ]; + + const runEqualHeight = (parentSelector, childSelector, targetSelector) => { + el.querySelectorAll(parentSelector).forEach((parent) => { + const children = parent.querySelectorAll(childSelector); + if (!children.length) return; + const elementsByPosition = []; + + children.forEach((child) => { + child + .querySelectorAll(targetSelector) + .forEach((target, index) => { + if (!elementsByPosition[index]) + elementsByPosition[index] = []; + target.style.minHeight = 'auto'; + target.classList.remove('zero-height'); + elementsByPosition[index].push(target); + }); + }); + + elementsByPosition.forEach((elements) => { + if (!elements.length) return; + const maxHeight = calculateMaxHeight(elements); + elements.forEach((element) => { + if (maxHeight === 0) element.classList.add('zero-height'); + element.style.minHeight = `${maxHeight}px`; + }); + }); + }); + }; + + const refresh = () => { + configs.forEach(([parent, child, target]) => { + runEqualHeight(parent, child, target); + }); + }; + + const onResize = () => refresh(); + window.addEventListener('resize', onResize); + refresh(); + el._comparisonTableRefreshHeights = refresh; + + return () => { + delete el._comparisonTableRefreshHeights; + window.removeEventListener('resize', onResize); + }; +}; + +const getFirstVisibleColumnIndex = (el) => { + const firstVisible = [ + ...el.querySelectorAll('.header-item[data-column-index]'), + ].find((item) => !item.classList.contains('hidden')); + return firstVisible + ? parseInt(firstVisible.getAttribute('data-column-index'), 10) + : -1; +}; + +const syncAccessibilityHeaders = (el) => { + const accessibilityHeaderRow = el.querySelector( + '.accessibility-header-row', + ); + if (!accessibilityHeaderRow) return; + + const visibleHeaderItems = [ + ...el.querySelectorAll('.header-item:not(.hidden)'), + ]; + const visibleColumnIndices = new Set( + visibleHeaderItems.map((item) => + item.getAttribute('data-column-index'), + ), + ); + + visibleHeaderItems.forEach((headerItem) => { + const columnIndex = headerItem.getAttribute('data-column-index'); + const cell = accessibilityHeaderRow.querySelector( + `[data-column-index="${columnIndex}"]`, + ); + if (!cell) return; + cell.classList.remove('hidden'); + accessibilityHeaderRow.append(cell); + }); + + [ + ...accessibilityHeaderRow.querySelectorAll( + '.accessibility-header-cell', + ), + ].forEach((cell) => { + const columnIndex = cell.getAttribute('data-column-index'); + if (columnIndex !== '-1' && !visibleColumnIndices.has(columnIndex)) { + cell.classList.add('hidden'); + } + }); +}; + +const updateVisibleSelects = ({ el, headerTitles }) => { + const visibleSelects = [ + ...el.querySelectorAll( + '.header-item:not(.hidden) .mobile-filter-select', + ), + ]; + const selectedIndices = new Set( + visibleSelects.map((select) => parseInt(select.value, 10)), + ); + + visibleSelects.forEach((select) => { + const currentValue = parseInt(select.value, 10); + select.innerHTML = ''; + headerTitles.forEach((title, index) => { + if ( + !title || + (selectedIndices.has(index) && index !== currentValue) + ) + return; + const option = createElement('option', { value: index }, title); + if (index === currentValue) option.selected = true; + select.append(option); + }); + }); +}; + +const handleSelectChange = (event, { headerItemIndex, el, headerTitles }) => { + const newValue = parseInt(event.target.value, 10); + const isFirstVisible = headerItemIndex === getFirstVisibleColumnIndex(el); + + el.querySelectorAll(`[data-column-index="${headerItemIndex}"]`).forEach( + (node) => node.classList.add('hidden'), + ); + el.querySelectorAll(`[data-column-index="${newValue}"]`).forEach((node) => { + node.classList.remove('hidden'); + if (!isFirstVisible) return; + const parent = node.parentNode; + if (!parent) return; + const firstHeaderItem = parent.querySelector( + '.header-item:first-child', + ); + if ( + node.classList.contains('header-item') && + firstHeaderItem !== node + ) { + parent.insertBefore(node, firstHeaderItem.nextSibling); + return; + } + const rowHeader = parent.querySelector('.table-row-header'); + if (rowHeader) parent.insertBefore(node, rowHeader.nextSibling); + }); + + const selectElement = el.querySelector( + `[data-column-index="${newValue}"] .mobile-filter-select`, + ); + if (selectElement) selectElement.value = String(newValue); + updateVisibleSelects({ el, headerTitles }); + syncAccessibilityHeaders(el); + el._comparisonTableRefreshHeights?.(); +}; + +const createMobileFilterSelect = ({ headerTitles, headerItemIndex, el }) => { + const select = createElement('select', { + class: 'mobile-filter-select', + name: 'column-filter', + 'aria-label': DEFAULT_LABELS['choose-table-column'], + }); + headerTitles.forEach((title, index) => { + if ( + !title || + (headerItemIndex === 1 && index === 2) || + (headerItemIndex === 2 && index === 1) + ) { + return; + } + const option = createElement('option', { value: index }, title); + if (index === headerItemIndex) option.selected = true; + select.append(option); + }); + select.addEventListener('change', (event) => + handleSelectChange(event, { headerItemIndex, el, headerTitles }), + ); + return select; +}; + +const addLastContainerElements = (container) => { + const actionAreas = container.querySelectorAll('.action-area'); + if (actionAreas.length) { + const buttonContainer = createElement('div', { + class: 'btn-container', + }); + if (actionAreas.length > 1) { + buttonContainer.classList.add('has-multiple'); + } + buttonContainer.append(...actionAreas); + container.append(buttonContainer); + } + + let description = container.querySelector('p:not(.action-area)'); + if (!description) { + description = createElement('p', { class: 'description' }); + container.prepend(description); + return; + } + description.classList.add('description'); +}; + +const createSubHeaderContainer = ({ + containerIndex, + childrenArray, + startIndex, + endIndex, + el, + headerTitles, + headerItemIndex, + headerItemsCount, +}) => { + const container = createElement('div', { + class: 'sub-header-item-container', + }); + const isLast = containerIndex === 2; + + for (let index = startIndex; index < endIndex; index += 1) { + const child = childrenArray[index]; + if (child && child.textContent.trim() !== '-') { + container.append(child); + } + } + + if (containerIndex === 0 && headerItemsCount > 3) { + container.append( + createMobileFilterSelect({ headerTitles, headerItemIndex, el }), + ); + } + if (!isLast) return container; + + addLastContainerElements(container); + return container; +}; + +const decorateHeaderItem = ({ + headerItem, + headerTitles, + headerItemIndex, + el, + headerItemsCount, +}) => { + headerItem.classList.add('header-item'); + headerItem.setAttribute('data-column-index', headerItemIndex); + const childrenArray = [...headerItem.children]; + let containerIndex = 0; + let lastIndex = -1; + + childrenArray.forEach((child, index) => { + if ( + child.textContent.trim() !== '-' && + index !== childrenArray.length - 1 + ) + return; + const separatorIndex = + child.textContent.trim() === '-' ? index : childrenArray.length; + const container = createSubHeaderContainer({ + childrenArray, + startIndex: lastIndex + 1, + endIndex: separatorIndex, + el, + containerIndex, + headerTitles, + headerItemIndex, + headerItemsCount, + }); + headerItem.append(container); + childrenArray[separatorIndex]?.remove(); + containerIndex += 1; + lastIndex = separatorIndex; + }); +}; + +const decorateHeader = (el, headerContent) => { + headerContent.classList.add('header-content'); + const wrapper = createElement('div', { class: 'header-content-wrapper' }); + wrapper.append(...headerContent.children); + headerContent.append(wrapper); + const headerItems = [...wrapper.children]; + const headerTitles = headerItems.map( + (item) => + item.querySelector('h1, h2, h3, h4, h5, h6')?.textContent.trim() || + '', + ); + + headerItems.forEach((headerItem, headerItemIndex) => { + if (!headerItem.innerHTML?.trim()) { + headerItem.remove(); + return; + } + decorateHeaderItem({ + headerItem, + headerTitles, + headerItemIndex, + el, + headerItemsCount: headerItems.length, + }); + }); + + wrapper.prepend(createElement('div', { class: 'header-item' })); + headerContent.after( + createElement('div', { + class: 'header-content-dummy', + 'aria-hidden': true, + }), + ); +}; + +const createAccessibilityHeaderRow = (el) => { + const headerRow = createElement('div', { + class: 'table-row accessibility-header-row', + role: 'row', + }); + headerRow.append( + createElement('div', { + class: 'accessibility-header-cell', + role: 'cell', + 'data-column-index': -1, + }), + ); + + [...el.querySelectorAll('.header-item[data-column-index]')].forEach( + (headerItem) => { + const title = headerItem + .querySelector('h1, h2, h3, h4, h5, h6') + ?.textContent.trim(); + const cell = createElement('div', { + class: 'accessibility-header-cell', + role: 'columnheader', + 'data-column-index': + headerItem.getAttribute('data-column-index'), + }); + cell.textContent = title || ''; + headerRow.append(cell); + }, + ); + return headerRow; +}; + +const decorateTableToggleButton = ({ tableChild, tableElement }) => { + [...tableChild.children].forEach((child, childIndex) => { + if (childIndex !== 0 && !child.textContent.trim()) child.remove(); + }); + tableChild.classList.add('table-column-header'); + const firstChild = tableChild.children[0]; + const button = createElement('button', { 'aria-expanded': true }); + button.innerHTML = firstChild?.innerHTML || 'Features'; + button.append(createElement('span', { class: 'toggle-icon' })); + button.addEventListener('click', () => { + tableElement.classList.toggle('hide'); + button.setAttribute( + 'aria-expanded', + String(button.getAttribute('aria-expanded') !== 'true'), + ); + }); + tableChild.replaceChildren(button); + return () => { + button.replaceWith(createElement('div', {}, button.innerHTML)); + }; +}; + +const processCellContent = (cell) => { + const cellDiv = createElement('div'); + if (cell.children.length > 1 || !cell.textContent.trim()) { + cellDiv.append(...Array.from(cell.childNodes)); + } else { + cellDiv.append(createElement('p', {}, cell.innerHTML)); + } + cell.innerHTML = ''; + cell.append(cellDiv); +}; + +const decorateTableCells = ({ tableChild, emptyCellLabel }) => { + [...tableChild.children].forEach((child, childIndex) => { + if (childIndex === 0) { + child.classList.add('table-row-header'); + child.setAttribute('role', 'rowheader'); + return; + } + + child.classList.add('table-cell'); + child.setAttribute('data-column-index', childIndex); + child.setAttribute('role', 'cell'); + processCellContent(child); + + const cellDiv = child.querySelector('div'); + const content = cellDiv?.textContent?.trim() || ''; + if (!content) { + const srOnly = createElement( + 'span', + { class: 'sr-only' }, + emptyCellLabel, + ); + cellDiv?.append(srOnly); + } + }); + + tableChild.classList.add('table-row'); + tableChild.setAttribute('role', 'row'); +}; + +const decorateSingleTable = (el, children, emptyCellLabel) => { + const tableContainer = createElement('div', { class: 'table-container' }); + const tableElement = createElement('div', { + class: 'table-body', + role: 'table', + }); + + children.forEach((child, index) => { + if (index === 0) { + decorateTableToggleButton({ tableChild: child, tableElement }); + tableContainer.append(child); + return; + } + decorateTableCells({ tableChild: child, emptyCellLabel }); + tableElement.append(child); + }); + + tableElement.prepend(createAccessibilityHeaderRow(el)); + tableContainer.append(tableElement); + el.append(tableContainer); +}; + +const decorateTables = (el, tableGroups, emptyCellLabel) => { + tableGroups.forEach((children) => { + decorateSingleTable(el, children, emptyCellLabel); + }); +}; + +const setupResponsiveHiding = (el) => { + const mediaQuery = window.matchMedia('(max-width: 768px)'); + + const reorderElementsByColumnIndex = (elements) => { + const array = [...elements].filter((element) => + element.hasAttribute('data-column-index'), + ); + const parent = array[0]?.parentNode; + if (!parent) return; + + array + .sort( + (a, b) => + parseInt(a.getAttribute('data-column-index'), 10) - + parseInt(b.getAttribute('data-column-index'), 10), + ) + .forEach((element) => { + element.classList.remove('hidden'); + parent.append(element); + }); + }; + + const hideElements = (elements, isMobile, header = false) => { + const totalColumns = header ? elements.length - 1 : elements.length; + if (totalColumns <= 2) return; + const startIndexToHide = header ? 3 : 2; + elements.forEach((element, index) => { + if (index < startIndexToHide) return; + element.classList.toggle('hidden', isMobile); + }); + }; + + const handleResponsive = (event) => { + const isMobile = event ? event.matches : mediaQuery.matches; + + if (!isMobile) { + reorderElementsByColumnIndex( + el.querySelectorAll('.header-item[data-column-index]'), + ); + el.querySelectorAll('.table-row').forEach((row) => { + reorderElementsByColumnIndex( + row.querySelectorAll('.table-cell'), + ); + }); + [ + ...el.querySelectorAll( + '.header-item[data-column-index] .mobile-filter-select', + ), + ].forEach((select) => { + const columnIndex = select + ?.closest('.header-item') + ?.getAttribute('data-column-index'); + if (columnIndex != null) select.value = columnIndex; + }); + } + + hideElements(el.querySelectorAll('.header-item'), isMobile, true); + el.querySelectorAll('.table-row').forEach((row) => + hideElements(row.querySelectorAll('.table-cell'), isMobile), + ); + syncAccessibilityHeaders(el); + }; + + handleResponsive(); + mediaQuery.addEventListener('change', handleResponsive); + return () => mediaQuery.removeEventListener('change', handleResponsive); +}; + +const setupStickyHeader = (el) => { + const headerContent = el.querySelector('.header-content'); + const headerDummy = el.querySelector('.header-content-dummy'); + if (!headerContent || !headerDummy) return () => {}; + let isSticky = false; + + const calculateOffset = () => { + const header = document.querySelector('header'); + const headerOffset = + header && getComputedStyle(header).position === 'sticky' + ? header.offsetHeight + : 0; + const fedsNav = document.querySelector('.feds-localnav'); + return headerOffset + (fedsNav?.offsetHeight || 0); + }; + + let totalOffset = calculateOffset(); + const observer = new IntersectionObserver( + ([entry]) => { + if ( + !el.offsetHeight || + entry.boundingClientRect.top > window.innerHeight * 0.5 + ) + return; + if (!entry.isIntersecting && !isSticky) { + totalOffset = calculateOffset(); + const firstChild = headerContent.querySelector( + '.sub-header-item-container:first-child', + ); + const secondChild = headerContent.querySelector( + '.sub-header-item-container:nth-of-type(2)', + ); + const deductHeight = + (secondChild?.offsetHeight || 0) + + (headerContent.querySelector( + '.sub-header-item-container:last-child .description', + )?.offsetHeight || 0) + + (headerContent.querySelector('.mobile-filter-select') + ?.offsetHeight || 0) + + (parseFloat( + getComputedStyle(firstChild || headerContent) + .paddingBottom, + ) || 0) + + (parseFloat( + getComputedStyle(firstChild || headerContent) + .borderTopWidth, + ) || 0) + + (parseFloat( + getComputedStyle(firstChild || headerContent) + .borderBottomWidth, + ) || 0) + + (parseFloat( + getComputedStyle(secondChild || headerContent) + .borderTopWidth, + ) || 0) + + (parseFloat( + getComputedStyle(secondChild || headerContent) + .borderBottomWidth, + ) || 0); + + const adjustedHeight = + headerContent.offsetHeight - deductHeight; + if (adjustedHeight / window.innerHeight >= 0.45) return; + + const beforeHeight = headerContent.offsetHeight; + headerContent.style.top = `${totalOffset}px`; + headerContent.classList.add('sticky'); + headerDummy.style.height = `${beforeHeight - headerContent.offsetHeight}px`; + isSticky = true; + return; + } + + if (entry.isIntersecting && isSticky) { + headerContent.classList.remove('sticky'); + headerContent.style.top = ''; + headerDummy.style.height = ''; + isSticky = false; + } + }, + { rootMargin: `-${totalOffset}px 0px 0px 0px` }, + ); + + observer.observe(headerDummy); + return () => observer.disconnect(); +}; + +const settleMasElements = async (root) => { + const masElements = [...root.querySelectorAll(SELECTOR_MAS_ELEMENT)]; + await Promise.all( + masElements.map((element) => { + if (typeof element.onceSettled !== 'function') { + return Promise.resolve(element); + } + return element.onceSettled().catch(() => element); + }), + ); +}; + +export class MasComparisonTable extends HTMLElement { + #cleanup = []; + #currentRenderId = 0; + #content; + #log; + #resolveUpdate; + #rejectUpdate; + #service; + #startMarkName; + #durationMarkName; + #updateComplete = Promise.resolve(this); + + constructor() { + super(); + this.handleAemFragmentEvents = this.handleAemFragmentEvents.bind(this); + } + + ensureContent() { + if (this.#content?.isConnected) return this.#content; + this.#content = this.querySelector( + ':scope > .mas-comparison-table-content', + ); + if (this.#content) return this.#content; + this.#content = document.createElement('div'); + this.#content.className = 'mas-comparison-table-content'; + this.append(this.#content); + return this.#content; + } + + connectedCallback() { + this.ensureContent(); + this.#service = getService(); + this.#log ??= + this.#service?.Log?.module?.(TAG_NAME) ?? + this.#service?.log?.module?.(TAG_NAME) ?? + console; + const logId = + this.getAttribute('id') ?? + this.aemFragment?.getAttribute('fragment') ?? + 'unknown'; + this.#startMarkName = `${MARK_PREFIX}${logId}${MARK_START_SUFFIX}`; + this.#durationMarkName = `${MARK_PREFIX}${logId}${MARK_DURATION_SUFFIX}`; + performance.mark(this.#startMarkName); + + this.addEventListener(EVENT_AEM_ERROR, this.handleAemFragmentEvents); + this.addEventListener(EVENT_AEM_LOAD, this.handleAemFragmentEvents); + this.aemFragment?.setAttribute('hidden', ''); + } + + disconnectedCallback() { + this.removeEventListener(EVENT_AEM_ERROR, this.handleAemFragmentEvents); + this.removeEventListener(EVENT_AEM_LOAD, this.handleAemFragmentEvents); + this.cleanup(); + } + + get aemFragment() { + return this.querySelector('aem-fragment'); + } + + get updateComplete() { + return this.#updateComplete; + } + + cleanup() { + this.#cleanup.splice(0).forEach((fn) => fn?.()); + } + + beginUpdate() { + this.#updateComplete = new Promise((resolve, reject) => { + this.#resolveUpdate = resolve; + this.#rejectUpdate = reject; + }); + } + + async handleAemFragmentEvents(event) { + if (!this.isConnected) return; + if ( + event.type === EVENT_AEM_ERROR && + event.target === this.aemFragment + ) { + this.fail('AEM fragment cannot be loaded'); + return; + } + if ( + event.type !== EVENT_AEM_LOAD || + event.target !== this.aemFragment + ) { + return; + } + + this.removeAttribute('failed'); + this.beginUpdate(); + const renderId = ++this.#currentRenderId; + try { + await this.renderFragment(event.detail); + if (renderId !== this.#currentRenderId) return; + await settleMasElements(this); + const measure = performance.measure( + this.#durationMarkName, + this.#startMarkName, + ); + this.dispatchEvent( + new CustomEvent(EVENT_MAS_READY, { + bubbles: true, + composed: true, + detail: { + ...this.aemFragment?.fetchInfo, + ...this.#service?.duration, + measure: printMeasure(measure), + }, + }), + ); + this.#resolveUpdate?.(this); + } catch (error) { + if (renderId !== this.#currentRenderId) return; + this.fail(error.message || 'Failed to render comparison table'); + } + } + + async renderFragment(fragment) { + const content = this.ensureContent(); + const fields = normalizeFields(fragment); + const compareChart = getStringField(fields, 'compareChart').trim(); + if (!compareChart) { + throw new Error('compareChart field is missing'); + } + + const compareRows = parseCompareChart(compareChart); + if (!compareRows.length) { + throw new Error( + 'compareChart does not contain .compare-chart rows', + ); + } + + const referenceLookup = buildReferenceLookup(fragment.references || []); + const cardEntries = getArrayField(fields, 'cards') + .map(String) + .map((cardRef) => { + const reference = referenceLookup.get(cardRef); + return { + cardRef, + id: reference?.id || '', + path: reference?.path || '', + reference, + }; + }) + .filter((entry) => entry.reference); + + if (!cardEntries.length) { + throw new Error('No card references found'); + } + + this.cleanup(); + content.replaceChildren(); + + const block = createElement('div', { class: 'comparison-table' }); + const header = createElement('div'); + cardEntries.forEach((entry) => { + header.append(buildHeaderItem(entry.reference)); + }); + block.append(header); + const sections = groupCompareRows(compareRows, cardEntries); + const tableGroups = sections.map((section) => [ + buildSectionHeaderRow(cardEntries.length, section.labelHtml), + ...section.rows.map((rowData) => + buildFeatureRow(rowData, cardEntries), + ), + ]); + + content.append(block); + decorateHeader(block, header); + decorateTables( + block, + tableGroups, + getLabels(fragment)['empty-table-cell'], + ); + const equalHeightCleanup = setEqualHeight(block); + const stickyCleanup = setupStickyHeader(block); + const responsiveCleanup = setupResponsiveHiding(block); + this.#cleanup.push( + equalHeightCleanup, + stickyCleanup, + responsiveCleanup, + ); + } + + fail(message, details = {}) { + if (!this.isConnected) return; + this.setAttribute('failed', ''); + const detail = { + ...this.aemFragment?.fetchInfo, + ...this.#service?.duration, + ...details, + message, + }; + this.#log?.error?.(`${TAG_NAME}: ${message}`, detail); + this.dispatchEvent( + new CustomEvent(EVENT_MAS_ERROR, { + bubbles: true, + composed: true, + detail, + }), + ); + this.#rejectUpdate?.(new Error(message)); + } + + async checkReady() { + const timeoutPromise = new Promise((resolve) => + setTimeout(() => resolve('timeout'), LOAD_TIMEOUT), + ); + if (this.aemFragment) { + const result = await Promise.race([ + this.aemFragment.updateComplete, + timeoutPromise, + ]); + if (result === false || result === 'timeout') { + const message = + result === 'timeout' + ? `AEM fragment was not resolved within ${LOAD_TIMEOUT} timeout` + : 'AEM fragment cannot be loaded'; + this.fail(message); + throw new Error(message); + } + } + + const result = await Promise.race([ + this.updateComplete, + timeoutPromise, + ]); + if (result === 'timeout') { + const message = `${TAG_NAME} was not resolved within ${LOAD_TIMEOUT} timeout`; + this.fail(message); + throw new Error(message); + } + return result; + } +} + +if (!customElements.get(TAG_NAME)) { + customElements.define(TAG_NAME, MasComparisonTable); +} diff --git a/web-components/src/mas-mnemonic.js b/web-components/src/mas-mnemonic.js index 1aae797d4..3f048d6bd 100644 --- a/web-components/src/mas-mnemonic.js +++ b/web-components/src/mas-mnemonic.js @@ -1,4 +1,5 @@ import { LitElement, html, css } from 'lit'; +import { unsafeHTML } from 'lit/directives/unsafe-html.js'; function hasSpectrumTooltip() { // Only use Spectrum if ALL required components are available @@ -229,6 +230,9 @@ export default class MasMnemonic extends LitElement { renderIcon() { if (!this.src) return html``; + if (this.src.startsWith('sp-icon-')) { + return html`${unsafeHTML(`<${this.src} size="${this.size || 'm'}">`)}`; + } return html` .col { + background: var(--color-white, #fff); + background-clip: padding-box; + } + + .table.sticky .row-highlight > .col.hidden { + background: var(--color-white, #fff); + } +`; + +let tableIndex = 0; + +function ensureTableHeightScope(table) { + if (!table?.hasAttribute(TABLE_HEIGHT_SCOPE_ATTR)) { + tableHeightScopeCounter += 1; + table.setAttribute(TABLE_HEIGHT_SCOPE_ATTR, `${tableHeightScopeCounter}`); + } + return table.getAttribute(TABLE_HEIGHT_SCOPE_ATTR); +} + +function getTableHeightRuleStyle(table) { + const host = table?.closest(TABLE_HOST_SELECTOR); + const style = host?.querySelector(`style[${TABLE_HEIGHT_RULE_ATTR}]`); + if (!style) return null; + if (!style._tableHeightRules) { + style._tableHeightRules = new Map(); + } + return style; +} + +function setTableHeightRule(table, ruleText = '') { + const style = getTableHeightRuleStyle(table); + const scope = ensureTableHeightScope(table); + if (!style || !scope) return; + if (ruleText) { + style._tableHeightRules.set(scope, ruleText); + } else { + style._tableHeightRules.delete(scope); + } + style.textContent = Array.from(style._tableHeightRules.values()).join('\n'); +} + +function createTableHeightRule(table, declarations = []) { + const scope = ensureTableHeightScope(table); + if (!scope || !declarations.length) return ''; + return `[${TABLE_HEIGHT_SCOPE_ATTR}="${scope}"] .row-heading { ${declarations.join( + ' ', + )} }`; +} + +function createElement(tag, attributes = {}, content = null) { + const element = document.createElement(tag); + Object.entries(attributes).forEach(([key, value]) => { + if (value == null) return; + element.setAttribute(key, value); + }); + appendContent(element, content); + return element; +} + +function appendContent(element, content) { + if (content == null) return; + if (Array.isArray(content)) { + content.forEach((item) => appendContent(element, item)); + return; + } + if (content instanceof Node) { + element.append(content); + return; + } + element.append(document.createTextNode(String(content))); +} + +function appendHtml(target, html) { + if (!html) return; + const template = document.createElement('template'); + template.innerHTML = html; + target.append(template.content.cloneNode(true)); +} + +function normalizeFields(fragment) { + if (!fragment?.fields) return {}; + if (Array.isArray(fragment.fields)) { + return fragment.fields.reduce((acc, field) => { + if (!field?.name) return acc; + acc[field.name] = field.multiple + ? field.values || [] + : field.values?.[0]; + return acc; + }, {}); + } + return fragment.fields; +} + +function getStringField(fields, name) { + const value = fields?.[name]; + if (value == null) return ''; + if (Array.isArray(value)) return String(value[0] ?? ''); + if (typeof value === 'object' && 'value' in value) + return String(value.value ?? ''); + return String(value); +} + +function getArrayField(fields, name) { + const value = fields?.[name]; + if (value == null) return []; + return Array.isArray(value) ? value : [value]; +} + +function normalizeHydrateFieldValue(value) { + if (Array.isArray(value)) { + return value.map((item) => normalizeHydrateFieldValue(item)); + } + if (value && typeof value === 'object' && 'value' in value) { + return normalizeHydrateFieldValue(value.value); + } + return value; +} + +function normalizeFieldsForHydrate(fragment) { + const fields = normalizeFields(fragment); + return Object.fromEntries( + Object.entries(fields).map(([name, value]) => [ + name, + normalizeHydrateFieldValue(value), + ]), + ); +} + +function normalizeFragmentMap(references = {}) { + const map = new Map(); + Object.values(references).forEach((reference) => { + if (reference?.type !== 'content-fragment' || !reference.value) return; + const fragment = reference.value; + const normalized = { + ...fragment, + fields: normalizeFields(fragment), + }; + if (normalized.id) map.set(normalized.id, normalized); + if (normalized.fields.originalId) { + map.set(normalized.fields.originalId, normalized); + } + }); + return map; +} + +function getFragmentValue(fragment, key) { + const value = fragment?.dictionary?.[key]; + if (typeof value === 'object' && value && 'value' in value) + return value.value; + return value; +} + +function getLabels(fragment) { + return { + 'toggle-row': + getFragmentValue(fragment, 'toggle-row') || + DEFAULT_LABELS['toggle-row'], + 'choose-table-column': + getFragmentValue(fragment, 'choose-table-column') || + DEFAULT_LABELS['choose-table-column'], + }; +} + +function isMobileLandscape() { + return ( + window.matchMedia('(orientation: landscape)').matches && + window.innerHeight <= MOBILE_SIZE + ); +} + +function defineDeviceByScreenSize() { + const screenWidth = window.innerWidth; + if (screenWidth >= DESKTOP_SIZE) { + return 'DESKTOP'; + } + if (screenWidth <= MOBILE_SIZE) { + return 'MOBILE'; + } + return 'TABLET'; +} + +function isStickyHeader(el) { + return ( + el.classList.contains('sticky') || + (el.classList.contains('sticky-desktop-up') && + defineDeviceByScreenSize() === 'DESKTOP') || + (el.classList.contains('sticky-tablet-up') && + defineDeviceByScreenSize() !== 'MOBILE' && + !isMobileLandscape()) + ); +} + +function isCompareStyleMobileTable(table) { + if (!table || table.classList.contains('merch')) return false; + const headingRow = table.querySelector('.row-heading'); + const firstHeadingCol = headingRow?.querySelector('.col-1'); + const secondHeadingCol = headingRow?.querySelector('.col-2'); + return Boolean( + headingRow && + secondHeadingCol && + firstHeadingCol && + !firstHeadingCol.textContent?.trim(), + ); +} + +function decorateButtons(el, size) { + const buttons = el.querySelectorAll('em a, strong a, p > a strong'); + if (!buttons.length) return; + const buttonTypeMap = { STRONG: 'blue', EM: 'outline', A: 'blue' }; + + buttons.forEach((button) => { + const parent = button.parentElement; + let target = button; + const buttonType = buttonTypeMap[parent.nodeName] || 'outline'; + if (button.nodeName === 'STRONG') { + target = parent; + } else { + parent.insertAdjacentElement('afterend', button); + parent.remove(); + } + target.classList.add('con-button', buttonType); + if (size) target.classList.add(size); + const customClasses = target.href && [ + ...target.href.matchAll(/#_button-([a-zA-Z-]+)/g), + ]; + customClasses?.forEach((match) => { + target.href = target.href.replace(match[0], ''); + if (target.dataset.modalHash) { + target.setAttribute( + 'data-modal-hash', + target.dataset.modalHash.replace(match[0], ''), + ); + } + target.classList.add(match[1]); + }); + const actionArea = button.closest('p, div'); + if (actionArea) { + actionArea.classList.add('action-area'); + actionArea.nextElementSibling?.classList.add( + 'supplemental-text', + 'body-xl', + ); + } + }); +} + +function handleHeading(table, headingCols) { + const isPriceBottom = table.classList.contains('pricing-bottom'); + headingCols.forEach((col, i) => { + col.classList.add('col-heading'); + if (!col.innerHTML) return; + + const hasCanonicalHeadingWrappers = + col.querySelector(':scope > .heading-content') && + col.querySelector(':scope > .heading-button'); + + const elements = col.children; + if (hasCanonicalHeadingWrappers) { + // Hydrated compare-card headers already match the canonical + // heading-content / heading-button contract used by table markup. + } else if (!elements.length) { + col.innerHTML = `

${col.innerHTML}

`; + } else { + let textStartIndex = 0; + let isTrackingSet = false; + const isIconElement = (element) => + element?.matches?.('img, picture, mas-mnemonic, merch-icon'); + let iconRow = elements[textStartIndex]; + const hasIconTile = + iconRow?.classList?.contains('header-product-tile') || + isIconElement(iconRow) || + iconRow?.querySelector( + 'img, picture, mas-mnemonic, merch-icon', + ); + if (hasIconTile) { + if (isIconElement(iconRow)) { + const iconWrapper = createElement('p'); + let current = iconRow; + while (isIconElement(current)) { + const next = current.nextElementSibling; + iconWrapper.append(current); + current = next; + } + col.insertBefore(iconWrapper, current || null); + iconRow = iconWrapper; + } + textStartIndex += 1; + if (!table.classList.contains('merch')) { + iconRow?.classList.add('header-product-tile'); + } + } + if (elements[textStartIndex]) { + elements[textStartIndex].classList.add('tracking-header'); + isTrackingSet = true; + } + + const contentElements = [...elements].slice(textStartIndex + 1); + const buttonPatterns = 'em a, strong a, p > a strong, a.con-button'; + const buttonSource = contentElements.find((element) => + element.querySelector(buttonPatterns), + ); + const isPricingElement = (element) => { + if (!element) return false; + if ( + element.querySelector( + '[is="inline-price"], .price, [data-template], .price-integer, .price-strikethrough, .price-alternative', + ) + ) { + return true; + } + const text = element.textContent?.trim() || ''; + return /(?:US?\$|CA\$|A\$|€|£|¥|\/(?:mo|month|Monat))/i.test( + text, + ); + }; + const nonActionElements = contentElements.filter( + (element) => element !== buttonSource, + ); + let pricingElem = nonActionElements.find(isPricingElement); + if (!pricingElem && nonActionElements.length > 1) { + pricingElem = nonActionElements[nonActionElements.length - 1]; + } + const bodyElem = nonActionElements.find( + (element) => element !== pricingElem, + ); + + if (pricingElem) { + pricingElem.classList.add('pricing'); + } + if (bodyElem) { + bodyElem.classList.add('body'); + } + + decorateButtons(col, 'button-xl'); + const buttonsWrapper = createElement('div', { + class: 'buttons-wrapper', + }); + col.append(buttonsWrapper); + const buttons = col.querySelectorAll('.con-button'); + + buttons.forEach((button) => { + const buttonWrapper = button.closest('p'); + if (buttonWrapper) buttonsWrapper.append(buttonWrapper); + }); + + const headingContent = createElement('div', { + class: 'heading-content', + }); + const headingButton = createElement('div', { + class: 'heading-button', + }); + + [...elements].forEach((element) => { + if (element.classList.contains('pricing') && isPriceBottom) { + headingButton.appendChild(element); + } else { + headingContent.appendChild(element); + } + }); + + headingButton.appendChild(buttonsWrapper); + col.append(headingContent, headingButton); + if (!isTrackingSet) { + const textNode = Array.from(col.childNodes).find( + (node) => node.nodeType === Node.TEXT_NODE, + ); + if (textNode?.textContent?.trim()) { + headingContent.append( + createElement( + 'p', + { class: 'tracking-header' }, + textNode.textContent, + ), + ); + } + textNode?.remove(); + } + } + + const trackingHeader = col.querySelector('.tracking-header'); + if (trackingHeader) { + const trackingHeaderID = `t${tableIndex + 1}-c${i + 1}-header`; + trackingHeader.setAttribute('id', trackingHeaderID); + + const headerBody = col.querySelector('.body:not(.action-area)'); + headerBody?.setAttribute('id', `${trackingHeaderID}-body`); + + const headerPricing = col.querySelector('.pricing'); + headerPricing?.setAttribute('id', `${trackingHeaderID}-pricing`); + + const describedBy = `${headerBody?.id ?? ''} ${ + headerPricing?.id ?? '' + }`.trim(); + trackingHeader.setAttribute('aria-describedby', describedBy); + col.setAttribute('role', 'columnheader'); + } + + col.querySelectorAll('h1, h2, h3, h4, h5, h6').forEach((heading) => { + heading.setAttribute('role', 'paragraph'); + }); + }); +} + +function createHeaderSection(className, content = []) { + return createElement( + 'div', + { class: `header-section ${className}` }, + Array.isArray(content) ? content.filter(Boolean) : content, + ); +} + +function replaceElementTag(element, tagName) { + if (!element || element.tagName.toLowerCase() === tagName) return element; + const replacement = document.createElement(tagName); + Array.from(element.attributes).forEach(({ name, value }) => { + replacement.setAttribute(name, value); + }); + replacement.append(...Array.from(element.childNodes)); + element.replaceWith(replacement); + return replacement; +} + +function normalizeHeadingWrappers(table) { + table + .querySelectorAll( + '.row-heading p.pricing, .row-heading p.supplemental-text, .row-heading p.pricing-after', + ) + .forEach((wrapper) => { + replaceElementTag(wrapper, 'div'); + }); +} + +function nodeMatchesOrContains(node, selector) { + if (!node || node.nodeType !== Node.ELEMENT_NODE) return false; + return node.matches(selector) || Boolean(node.querySelector(selector)); +} + +function classifyPricingNode(node) { + if (!node) return ''; + if (node.nodeType === Node.TEXT_NODE) { + return node.textContent?.trim() ? 'price' : ''; + } + if (node.nodeType !== Node.ELEMENT_NODE) return ''; + if ( + nodeMatchesOrContains( + node, + `${SELECTOR_MAS_INLINE_PRICE}[data-template="${TEMPLATE_PRICE_LEGAL}"], [data-template="${TEMPLATE_PRICE_LEGAL}"], .price-legal`, + ) + ) { + return 'legal'; + } + if ( + nodeMatchesOrContains( + node, + `${SELECTOR_MAS_INLINE_PRICE}[data-template="strikethrough"], [data-template="strikethrough"], .price-strikethrough, .price-promo-strikethrough`, + ) + ) { + return 'strikethrough'; + } + if ( + nodeMatchesOrContains( + node, + `${SELECTOR_MAS_INLINE_PRICE}, [data-template], .price, .price-alternative`, + ) + ) { + return 'price'; + } + return ''; +} + +function createPricingGroupElement(pricingElement, className, nodes = []) { + const content = nodes.filter( + (node) => + node && + (node.nodeType !== Node.TEXT_NODE || node.textContent.trim()), + ); + if (!content.length) return null; + return createElement( + pricingElement.tagName.toLowerCase(), + { + class: className, + }, + content, + ); +} + +function splitPricingElement(pricingElement) { + if (!pricingElement) { + return { strikethrough: null, price: null, legal: null }; + } + + const groups = { + strikethrough: [], + price: [], + legal: [], + }; + let lastGroup = ''; + Array.from(pricingElement.childNodes).forEach((node) => { + let group = classifyPricingNode(node); + if (!group && node.nodeType === Node.TEXT_NODE) { + group = lastGroup || 'price'; + } + if (!group) { + group = node.textContent?.trim() ? 'price' : lastGroup; + } + if (!group) return; + groups[group].push(node); + lastGroup = group; + }); + + if ( + !groups.strikethrough.length && + !groups.price.length && + !groups.legal.length + ) { + groups.price = Array.from(pricingElement.childNodes); + } + + const pricingClasses = Array.from(pricingElement.classList).filter( + (className) => + !['has-pricing-before', 'has-pricing-after'].includes(className), + ); + const basePricingClassName = pricingClasses.join(' '); + + return { + strikethrough: createPricingGroupElement( + pricingElement, + [basePricingClassName, 'pricing-strikethrough-group'] + .filter(Boolean) + .join(' '), + groups.strikethrough, + ), + price: createPricingGroupElement( + pricingElement, + [basePricingClassName, 'pricing-main-group'] + .filter(Boolean) + .join(' '), + groups.price, + ), + legal: createElement( + 'div', + { class: 'pricing-legal-group' }, + groups.legal.filter( + (node) => + node && + (node.nodeType !== Node.TEXT_NODE || + node.textContent.trim()), + ), + ), + }; +} + +function normalizeMerchHeadingColumn(col) { + const directChildren = Array.from(col.children); + if (!directChildren.length) return; + + const headingContent = + directChildren.find((child) => + child.classList.contains('heading-content'), + ) || null; + const headingButton = + directChildren.find((child) => + child.classList.contains('heading-button'), + ) || null; + const contentChildren = Array.from(headingContent?.children || []); + const contentExtras = directChildren.filter( + (child) => + child !== headingContent && + child !== headingButton && + (child.classList.contains('content-before') || + child.classList.contains('content-after')), + ); + const iconElement = + contentChildren.find((child) => + child.classList.contains('header-product-tile'), + ) || null; + const titleElement = + contentChildren.find((child) => + child.classList.contains('tracking-header'), + ) || null; + const bodyElement = + contentChildren.find((child) => child.classList.contains('body')) || + null; + const contentRemainder = contentChildren.filter( + (child) => + child !== iconElement && + child !== titleElement && + child !== bodyElement, + ); + + const headingButtonChildren = Array.from(headingButton?.children || []); + const pricingElement = + headingButtonChildren.find((child) => + child.classList.contains('pricing'), + ) || null; + const pricingAdjacentElements = headingButtonChildren.filter( + (child) => + child !== pricingElement && + !child.classList.contains('buttons-wrapper') && + (child.classList.contains('pricing-before') || + child.classList.contains('pricing-after') || + child.classList.contains('supplemental-text')), + ); + const buttonsWrapper = + headingButtonChildren.find((child) => + child.classList.contains('buttons-wrapper'), + ) || null; + const { strikethrough, price, legal } = splitPricingElement(pricingElement); + const legalContent = [ + ...pricingAdjacentElements, + ...(legal?.childNodes ? Array.from(legal.childNodes) : []), + ]; + + const sections = [ + createHeaderSection( + 'header-section-icon', + iconElement ? [iconElement] : [], + ), + createHeaderSection( + 'header-section-title', + titleElement ? [titleElement] : [], + ), + createHeaderSection( + 'header-section-description', + [...contentExtras, bodyElement, ...contentRemainder].filter( + Boolean, + ), + ), + createHeaderSection( + 'header-section-price-strikethrough', + strikethrough ? [strikethrough] : [], + ), + createHeaderSection('header-section-price', price ? [price] : []), + createHeaderSection('header-section-legal', legalContent), + createHeaderSection( + 'header-section-buttons', + buttonsWrapper ? [buttonsWrapper] : [], + ), + ]; + + col.replaceChildren(...sections); +} + +function normalizeMerchHeadingSections(table) { + if (!table.classList.contains('merch')) return; + const headingColumns = table.querySelectorAll('.row-heading .col-heading'); + headingColumns.forEach((col) => normalizeMerchHeadingColumn(col)); +} + +function syncMerchHeadingSectionHeights(table) { + const headingRow = table.querySelector('.row-heading'); + if (!headingRow) { + setTableHeightRule(table, ''); + return; + } + + const headingColumns = Array.from( + headingRow.querySelectorAll(':scope > .col-heading'), + ).filter( + (col) => + !col.classList.contains('col-1') && + !col.classList.contains('hidden') && + getComputedStyle(col).display !== 'none', + ); + if (!headingColumns.length) { + setTableHeightRule(table, ''); + return; + } + + const declarations = []; + MERCH_HEADER_SECTIONS.forEach(({ className, cssVar }) => { + let maxHeight = 0; + headingColumns.forEach((col) => { + const section = col.querySelector(`:scope > .${className}`); + if (!section) return; + maxHeight = Math.max( + maxHeight, + Math.ceil(section.getBoundingClientRect().height), + ); + }); + if (maxHeight > 0) { + declarations.push(`${cssVar}: ${maxHeight}px;`); + } + }); + setTableHeightRule(table, createTableHeightRule(table, declarations)); +} + +function syncHeadingHeights(table) { + setTableHeightRule(table, ''); + if (table.classList.contains('merch')) { + syncMerchHeadingSectionHeights(table); + } +} + +function handleAddOnContent(table) { + const addOns = [...table.querySelectorAll('.section-row-title')].filter( + (row) => row.innerText.toUpperCase().includes('ADDON'), + ); + if (!addOns.length) return; + table.classList.add('has-addon'); + addOns.forEach((addOn) => { + const addOnRow = addOn.parentElement; + addOnRow.remove(); + const [position, order, style] = addOn.innerText + .split('-') + .filter((key) => key.toUpperCase() !== 'ADDON') + .map((key) => key.toLowerCase()); + if (!position || !order) return; + const dataIndex = 'data-col-index'; + [...table.querySelector('.row-heading').children].forEach((headCol) => { + headCol.querySelector('.heading-content')?.classList.add('content'); + const colIndex = headCol.getAttribute(dataIndex); + if (Number(colIndex) <= 1) return; + const tagName = `${position}-${order}`; + const column = [...addOnRow.children].find( + (element) => element.getAttribute(dataIndex) === colIndex, + ); + if (!column) return; + let content = [...column.childNodes]; + const icon = column.querySelector('.icon'); + if (style === 'label' && icon) { + const text = content.filter( + (node) => !node.classList?.contains('icon'), + ); + content = [createElement('span', {}, text), icon]; + } + const tag = createElement( + 'div', + { class: style ? `${tagName} addon-${style}` : tagName }, + content.map((node) => node.cloneNode(true)), + ); + const anchor = headCol.querySelector(`.${position}`); + if (!(position === 'pricing' && order === 'after')) { + anchor?.classList.add(`has-${tagName}`); + } + anchor?.insertAdjacentElement( + order === 'before' ? 'beforebegin' : 'afterend', + tag, + ); + }); + }); + setTimeout(() => syncHeadingHeights(table), 0); + table.addEventListener( + 'mas:resolved', + debounce(() => { + syncHeadingHeights(table); + }, 100), + ); +} + +function setAriaLabelForIcons(el, labels) { + const expandableIcons = el.querySelectorAll('.icon.expand[role="button"]'); + const selectFilters = el.parentElement.querySelectorAll('.filters .filter'); + const ariaLabelElements = [...selectFilters, ...expandableIcons]; + ariaLabelElements.forEach((element) => { + const labelIndex = element.classList.contains('filter') + ? 'choose-table-column' + : 'toggle-row'; + element.setAttribute('aria-label', labels[labelIndex]); + }); +} + +function dispatchTableHighlightLoaded(table) { + table.dispatchEvent(new Event(TABLE_HIGHLIGHT_LOADED_EVENT)); +} + +function applyCompareChartHeadingRounding(headingCols, highlightCols = []) { + headingCols.forEach((col, index) => { + const isOuterColumn = index === 0 || index === headingCols.length - 1; + const matchingHighlightCol = highlightCols[index]; + const hasHighlight = + !!matchingHighlightCol && + (matchingHighlightCol.innerText || + matchingHighlightCol.dataset.hasBadge === 'true'); + col.classList.toggle('no-rounded', !isOuterColumn || hasHighlight); + }); +} + +function handleHighlight(table) { + const isHighlightTable = table.classList.contains('highlight'); + const firstRow = table.querySelector('.row-1'); + const firstRowCols = firstRow.querySelectorAll('.col'); + const secondRow = table.querySelector('.row-2'); + const secondRowCols = secondRow?.querySelectorAll('.col') || []; + let headingCols; + + if (isHighlightTable && secondRow) { + firstRow.classList.add('row-highlight'); + firstRow.setAttribute('aria-hidden', 'true'); + secondRow.classList.add('row-heading'); + secondRowCols.forEach((col) => col.classList.add('col-heading')); + headingCols = secondRowCols; + + firstRowCols.forEach((col, i) => { + col.classList.add('col-highlight'); + if (col.innerText || col.dataset.hasBadge === 'true') { + if (!table.classList.contains('compare-chart-features')) { + headingCols[i]?.classList.add('no-rounded'); + } + } else { + col.classList.add('hidden'); + } + }); + + if (table.classList.contains('compare-chart-features')) { + applyCompareChartHeadingRounding(headingCols, firstRowCols); + } + } else { + headingCols = firstRowCols; + firstRow.classList.add('row-heading'); + if (table.classList.contains('compare-chart-features')) { + applyCompareChartHeadingRounding(headingCols); + } + } + + handleHeading(table, headingCols); + handleAddOnContent(table); + normalizeHeadingWrappers(table); + normalizeMerchHeadingSections(table); + dispatchTableHighlightLoaded(table); +} + +function handleExpand(icon) { + const sectionHead = icon.closest('.row'); + let nextElement = sectionHead.nextElementSibling; + const expanded = icon.getAttribute('aria-expanded') === 'false'; + icon.setAttribute('aria-expanded', expanded.toString()); + while (nextElement && !nextElement.classList.contains('divider')) { + if (expanded) { + sectionHead.classList.remove('section-head-collaped'); + nextElement.classList.remove('hidden'); + } else { + sectionHead.classList.add('section-head-collaped'); + nextElement.classList.add('hidden'); + } + nextElement = nextElement.nextElementSibling; + } +} + +function setExpandEvents(el) { + el.querySelectorAll('.icon.expand').forEach((icon) => { + const parent = icon.parentElement; + const onClick = () => handleExpand(icon); + const onKeyDown = (event) => { + if (event.key === ' ') event.preventDefault(); + if (event.key === 'Enter' || event.key === ' ') handleExpand(icon); + }; + parent.classList.add('point-cursor'); + parent.setAttribute('tabindex', 0); + parent.addEventListener('click', onClick); + parent.addEventListener('keydown', onKeyDown); + }); +} + +function handleTitleText(cell) { + if (!cell || cell.querySelector('.table-title-text')) return; + const textSpan = createElement('span', { class: 'table-title-text' }); + while (cell.firstChild) textSpan.append(cell.firstChild); + + const meaningfulText = textSpan.textContent + ?.replace(/\u00a0/g, ' ') + .trim(); + const hasMeaningfulElement = textSpan.querySelector( + 'a, em, strong, b, i, picture, img, mas-mnemonic, merch-icon, [is="inline-price"], .icon, .icon-info, .icon-tooltip, .milo-tooltip, blockquote', + ); + if (!hasMeaningfulElement && (!meaningfulText || meaningfulText === '-')) { + cell.replaceChildren(); + return; + } + + const iconTooltip = textSpan.querySelector( + '.icon-info, .icon-tooltip, .milo-tooltip', + ); + if (iconTooltip) cell.append(iconTooltip.closest('em') || iconTooltip); + + const firstIcon = textSpan.querySelector('.icon:first-child'); + let nodeToInsert = textSpan; + + if (firstIcon) { + const titleRowSpan = createElement('span', { + class: 'table-title-row', + }); + titleRowSpan.append(firstIcon, textSpan); + nodeToInsert = titleRowSpan; + } + + const blockquote = nodeToInsert.querySelector('blockquote'); + if (blockquote) { + const quoteReplacement = createElement('div', { class: 'blockquote' }); + while (blockquote.firstChild) { + quoteReplacement.appendChild(blockquote.firstChild); + } + blockquote.replaceWith(quoteReplacement); + } + + cell.insertBefore(nodeToInsert, cell.firstChild); +} + +function handleSection(sectionParams) { + const { + row, + index, + allRows, + rowCols, + isMerch, + isCollapseTable, + isHighlightTable, + } = sectionParams; + let { expandSection } = sectionParams; + + const previousRow = allRows[index - 1]; + const nextRow = allRows[index + 1]; + const nextRowCols = Array.from(nextRow?.children || []); + + if (row.querySelector('hr') && nextRow) { + row.classList.add('divider'); + row.removeAttribute('role'); + nextRow.classList.add('section-head'); + const sectionHeadTitle = nextRowCols[0]; + + if (isMerch && nextRowCols.length) { + nextRowCols.forEach((merchCol) => { + merchCol.classList.add('section-head-title'); + merchCol.setAttribute('role', 'rowheader'); + }); + } else { + handleTitleText(sectionHeadTitle); + sectionHeadTitle.classList.add('section-head-title'); + sectionHeadTitle.setAttribute('role', 'rowheader'); + } + + if (isCollapseTable && sectionHeadTitle) { + const iconTag = createElement('span', { + class: 'icon expand', + role: 'button', + }); + if (!sectionHeadTitle.querySelector('.icon.expand')) { + sectionHeadTitle.prepend(iconTag); + } + + if (expandSection) { + iconTag.setAttribute('aria-expanded', 'true'); + expandSection = false; + } else { + iconTag.setAttribute('aria-expanded', 'false'); + nextRow.classList.add('section-head-collaped'); + let nextElement = row.nextElementSibling; + while ( + nextElement && + !nextElement.classList.contains('divider') + ) { + nextElement.classList.add('hidden'); + nextElement = nextElement.nextElementSibling; + } + } + } + } else if (previousRow?.querySelector('hr') && nextRow) { + nextRow.classList.add('section-row'); + if (!isMerch) { + const sectionRowTitle = nextRowCols[0]; + sectionRowTitle?.classList.add('section-row-title'); + sectionRowTitle?.setAttribute('role', 'rowheader'); + sectionRowTitle?.setAttribute('scope', 'row'); + } + } else if ( + !row.classList.contains('row-1') && + (!isHighlightTable || !row.classList.contains('row-2')) + ) { + row.classList.add('section-row'); + rowCols.forEach((col) => { + if (col.querySelector('a') && !col.querySelector('span')) { + const textSpan = createElement('span', { class: 'col-text' }, [ + ...col.childNodes, + ]); + col.appendChild(textSpan); + } + }); + if (isMerch && !row.classList.contains('divider')) { + rowCols.forEach((merchCol) => { + merchCol.classList.add('col-merch'); + if (!merchCol.children.length && merchCol.innerText) { + const pTag = createElement( + 'p', + { class: 'merch-col-text' }, + merchCol.innerText, + ); + merchCol.innerText = ''; + merchCol.append(pTag); + } + }); + } else { + const sectionRowTitle = rowCols[0]; + handleTitleText(sectionRowTitle); + sectionRowTitle.classList.add('section-row-title'); + sectionRowTitle.setAttribute('role', 'rowheader'); + sectionRowTitle.setAttribute('scope', 'row'); + } + } + + rowCols.forEach((col) => { + if ( + col.querySelector( + ':scope > :is(strong, em, del, code, sub, sup)', + ) && + col.childNodes.length > 1 && + !col.querySelector('picture') + ) { + col.replaceChildren(createElement('p', {}, [...col.childNodes])); + } + }); + + return expandSection; +} + +function formatMerchTable(table) { + const rows = table.querySelectorAll('.row'); + const rowsNum = rows.length; + const firstRow = rows[0]; + const colsInRow = firstRow.querySelectorAll('.col'); + const colsInRowNum = colsInRow.length; + + for (let i = colsInRowNum; i > 0; i -= 1) { + const cols = table.querySelectorAll(`.col-${i}`); + for (let j = rowsNum - 1; j >= 0; j -= 1) { + const currentCol = cols[j]; + if (!currentCol?.innerText && currentCol?.children.length === 0) { + currentCol.classList.add('no-borders'); + } else { + currentCol.classList.add('border-bottom'); + break; + } + } + } +} + +function removeHover(cols) { + cols.forEach((col) => + col.classList.remove('hover', 'no-top-border', 'hover-border-bottom'), + ); +} + +function handleHovering(table) { + const row1 = table.querySelector('.row-1'); + if (!row1) return; + const colsInRowNum = row1.childElementCount; + const isMerch = table.classList.contains('merch'); + const startValue = + isMerch && !table.classList.contains('compare-chart-features') ? 1 : 2; + const isCollapseTable = table.classList.contains('collapse'); + const sectionHeads = table.querySelectorAll('.section-head'); + const lastSectionHead = sectionHeads[sectionHeads.length - 1]; + const lastExpandIcon = lastSectionHead?.querySelector('.icon.expand'); + + for (let i = startValue; i <= colsInRowNum; i += 1) { + const cols = table.querySelectorAll(`.col-${i}`); + cols.forEach((element) => { + element.addEventListener('mouseover', () => { + removeHover(cols); + const headingRow = table.querySelector('.row-heading'); + const colClass = `col-${i}`; + const isLastRowCollapsed = + lastExpandIcon?.getAttribute('aria-expanded') === 'false'; + cols.forEach((col) => { + if ( + col.classList.contains('col-highlight') && + col.innerText + ) { + const matchingColsClass = Array.from( + col.classList, + ).find((className) => className.startsWith(colClass)); + const noTopBorderCol = headingRow?.querySelector( + `.${matchingColsClass}`, + ); + noTopBorderCol?.classList.add('no-top-border'); + } + if (isCollapseTable && isLastRowCollapsed) { + const lastSectionHeadCol = + lastSectionHead?.querySelector(`.col-${i}`); + lastSectionHeadCol?.classList.add( + 'hover-border-bottom', + ); + } + col.classList.add('hover'); + }); + }); + element.addEventListener('mouseout', () => removeHover(cols)); + }); + } +} + +function handleScrollEffect(table, getStickyTop) { + table._stickyObserver?.disconnect(); + const stickyTop = getStickyTop(); + const highlightRow = table.querySelector('.row-highlight'); + const headingRow = table.querySelector('.row-heading'); + if (!headingRow) return; + + if (highlightRow) { + highlightRow.style.top = `${stickyTop}px`; + highlightRow.classList.add('top-border-transparent'); + } else { + headingRow.classList.add('top-border-transparent'); + } + + const topOffset = + stickyTop + (highlightRow ? highlightRow.offsetHeight : 0); + headingRow.style.top = `${topOffset}px`; + const intercept = + table.querySelector('.intercept') || + createElement('div', { class: 'intercept' }); + intercept.setAttribute('data-observer-intercept', ''); + headingRow.insertAdjacentElement('beforebegin', intercept); + + const observer = new IntersectionObserver( + ([entry]) => { + headingRow.classList.toggle('active', !entry.isIntersecting); + }, + { rootMargin: `-${topOffset}px` }, + ); + observer.observe(intercept); + table._stickyObserver = observer; +} + +function handleMobileFilterSticky(table, getStickyTop) { + table._filterObserver?.disconnect(); + const filters = table.parentElement?.querySelector('.filters'); + if (!filters) return; + + const shouldStick = + isStickyHeader(table) && + defineDeviceByScreenSize() === 'MOBILE' && + isCompareStyleMobileTable(table); + + filters.classList.toggle('sticky-mobile-compare', shouldStick); + filters.classList.remove('active'); + + if (!shouldStick) { + filters.style.removeProperty('top'); + return; + } + + const stickyTop = getStickyTop(); + filters.style.top = `${stickyTop}px`; + + const intercept = + filters.parentElement?.querySelector('.filters-intercept') || + createElement('div', { class: 'filters-intercept' }); + intercept.setAttribute('data-observer-intercept', ''); + filters.insertAdjacentElement('beforebegin', intercept); + + const observer = new IntersectionObserver( + ([entry]) => { + filters.classList.toggle('active', !entry.isIntersecting); + }, + { rootMargin: `-${stickyTop}px` }, + ); + observer.observe(intercept); + table._filterObserver = observer; +} + +function applyStylesBasedOnScreenSize( + table, + originTable, + labels, + getStickyTop, +) { + const headingRow = table.querySelector('.row-heading'); + if (!headingRow) { + dispatchTableHighlightLoaded(table); + return; + } + + const isMerch = table.classList.contains('merch'); + const isCompareChart = isCompareStyleMobileTable(table); + const deviceBySize = defineDeviceByScreenSize(); + + const setRowStyle = () => { + if (isMerch) return; + const sectionRow = Array.from( + table.getElementsByClassName('section-row'), + ); + if (sectionRow.length) { + const colsForTablet = sectionRow[0].children.length - 1; + const percentage = 100 / colsForTablet; + const templateColumnsValue = `repeat(auto-fit, ${percentage}%)`; + sectionRow.forEach((row) => { + if ( + deviceBySize === 'TABLET' || + (deviceBySize === 'MOBILE' && !row.querySelector('.col-3')) + ) { + row.style.gridTemplateColumns = templateColumnsValue; + } else { + row.style.gridTemplateColumns = ''; + } + }); + } + }; + + const mobileRenderer = () => { + dispatchTableHighlightLoaded(table); + const headings = table.querySelectorAll('.row-heading .col'); + const headingsLength = Array.from(headings).filter((heading) => + heading.textContent.trim(), + ).length; + table.querySelectorAll('.hide-mobile').forEach((col) => { + col.classList.remove('hide-mobile'); + }); + + if (isMerch && headingsLength >= 2) { + table + .querySelectorAll('.col:not(.col-1, .col-2)') + .forEach((col) => { + col.classList.add('hide-mobile'); + }); + } else if (headingsLength >= 3) { + table + .querySelectorAll( + '.col:not(.col-1, .col-2, .col-3), .col.no-borders', + ) + .forEach((col) => { + col.classList.add('hide-mobile'); + }); + } + + if ( + (!isMerch && !table.querySelector('.col-3')) || + (isMerch && !table.querySelector('.col-2')) + ) { + return; + } + + if (isCompareChart) { + table + .querySelectorAll('.row-heading .col-1, .row-highlight .col-1') + .forEach((col) => { + col.classList.add('hide-mobile'); + col.style.display = 'none'; + }); + } + + const filterChangeEvent = (event) => { + const filters = Array.from( + table.parentElement.querySelectorAll('.filter'), + ).map((filter) => parseInt(filter.value, 10)); + const rows = table.querySelectorAll('.row'); + + table + .querySelectorAll('.hide-mobile, .force-last') + .forEach((col) => { + col.classList.remove('hide-mobile', 'force-last'); + }); + + rows.forEach((row) => { + row.querySelectorAll('.col[data-cloned]').forEach((col) => + col.remove(), + ); + }); + + if (isMerch) { + table + .querySelectorAll( + `.col:not(.col-${filters[0] + 1}, .col-${filters[1] + 1})`, + ) + .forEach((col) => { + col.classList.add('hide-mobile'); + }); + } else { + table + .querySelectorAll( + `.col:not(.col-1, .col-${filters[0] + 1}, .col-${ + filters[1] + 1 + }), .col.no-borders`, + ) + .forEach((col) => { + col.classList.add('hide-mobile'); + }); + } + + if (isCompareChart) { + table + .querySelectorAll( + '.row-heading .col-1, .row-highlight .col-1', + ) + .forEach((col) => { + col.classList.add('hide-mobile'); + col.style.display = 'none'; + }); + } + + rows.forEach((row) => { + const firstFilterCol = row.querySelector( + `.col-${filters[0] + 1}`, + ); + const secondFilterCol = row.querySelector( + `.col-${filters[1] + 1}`, + ); + + if (firstFilterCol?.classList.contains('col-heading')) { + firstFilterCol.classList.remove('right-round'); + firstFilterCol.classList.add('left-round'); + } + if (secondFilterCol?.classList.contains('col-heading')) { + secondFilterCol.classList.remove('left-round'); + secondFilterCol.classList.add('right-round'); + } + if (secondFilterCol) + secondFilterCol.classList.add('force-last'); + }); + + if (filters[0] === filters[1]) { + const selectedCol = filters[0] + 1; + rows.forEach((row) => { + const selectedColumn = row.querySelector( + `.col-${selectedCol}`, + ); + if (!selectedColumn) return; + + const clone = selectedColumn.cloneNode(true); + clone.setAttribute('data-cloned', 'true'); + selectedColumn.classList.remove('force-last'); + + if (selectedColumn.classList.contains('col-heading')) { + selectedColumn.classList.remove('right-round'); + selectedColumn.classList.add('left-round'); + clone.classList.remove('left-round'); + clone.classList.add('right-round'); + } + + row.appendChild(clone); + }); + } + + setRowStyle(); + + if (isStickyHeader(table)) { + handleScrollEffect(table, getStickyTop); + } + handleMobileFilterSticky(table, getStickyTop); + if (event) syncHeadingHeights(table); + setAriaLabelForIcons(table, labels); + }; + + const shouldShowFilter = headingsLength > 2; + if ( + !table.parentElement.querySelector('.filters') && + shouldShowFilter + ) { + const filters = createElement('div', { class: 'filters' }); + const filter1 = createElement('div', { class: 'filter-wrapper' }); + const filter2 = createElement('div', { class: 'filter-wrapper' }); + const colSelect0 = createElement('select', { class: 'filter' }); + const headingsFromOrigin = + originTable.querySelectorAll('.col-heading'); + headingsFromOrigin.forEach((heading, index) => { + const title = heading.querySelector('.tracking-header'); + if (!title || (!isMerch && title.closest('.col-1'))) return; + + const option = createElement( + 'option', + { value: index }, + title.innerText, + ); + colSelect0.append(option); + }); + const colSelect1 = colSelect0.cloneNode(true); + colSelect0.dataset.filterIndex = 0; + colSelect1.dataset.filterIndex = 1; + const visibleCols = table.querySelectorAll( + `.col-heading:not([style*="display: none"], .hidden${ + isMerch ? '' : ', .col-1' + })`, + ); + const offset = isMerch ? 1 : 2; + const option0 = colSelect0 + .querySelectorAll('option') + .item(visibleCols.item(0).dataset.colIndex - offset); + const option1 = colSelect1 + .querySelectorAll('option') + .item(visibleCols.item(1).dataset.colIndex - offset); + if (option0) option0.selected = true; + if (option1) option1.selected = true; + filter1.append(colSelect0); + filter2.append(colSelect1); + filters.append(filter1, filter2); + filter1.addEventListener('change', filterChangeEvent); + filter2.addEventListener('change', filterChangeEvent); + table.parentElement.insertBefore(filters, table); + table.parentElement.classList.add( + `table-${table.classList.contains('merch') ? 'merch-' : ''}section`, + ); + if (!isMerch && headingsLength < 3) { + filters.style.display = 'none'; + } + filterChangeEvent(); + } + handleMobileFilterSticky(table, getStickyTop); + }; + + const removeClones = () => { + table + .querySelectorAll('.row .col[data-cloned]') + .forEach((clonedCol) => { + clonedCol.remove(); + }); + }; + + if (!isMerch && !table.querySelector('.row-heading .col-2')) { + headingRow.style.display = 'block'; + headingRow.querySelector('.col-1')?.style.setProperty('display', 'flex'); + } + + removeClones(); + if (deviceBySize === 'MOBILE' || (isMerch && deviceBySize === 'TABLET')) { + mobileRenderer(); + } else { + table + .querySelectorAll('.hide-mobile, .left-round, .right-round') + .forEach((col) => { + col.classList.remove( + 'hide-mobile', + 'left-round', + 'right-round', + ); + }); + if (isCompareChart) { + table + .querySelectorAll('.row-heading .col-1, .row-highlight .col-1') + .forEach((col) => { + col.style.removeProperty('display'); + }); + } + handleMobileFilterSticky(table, getStickyTop); + [...headingRow.children].forEach( + (column) => + [...column.children].forEach((row) => + row.style.removeProperty('height'), + ), + ); + table.parentElement + .querySelectorAll('.filters select') + .forEach((select, index) => { + select.querySelectorAll('option').item(index).selected = true; + }); + } + + dispatchTableHighlightLoaded(table); + handleHovering(table); + setRowStyle(); +} + +function handleStickyHeader(el) { + if (!el.classList.value.includes('sticky')) return; + setTimeout(() => { + const headingHeight = + el.querySelector('.row-heading')?.offsetHeight || 0; + el.classList.toggle( + 'cancel-sticky', + !(headingHeight / window.innerHeight < 0.45), + ); + }); +} + +function decorateTable(el, options) { + el.setAttribute('role', 'table'); + if (el.parentElement.classList.contains('section')) { + el.parentElement.classList.add( + `table-${el.classList.contains('merch') ? 'merch-' : ''}section`, + ); + } + + const rows = Array.from(el.children); + const isMerch = el.classList.contains('merch'); + const isCollapseTable = el.classList.contains('collapse') && !isMerch; + const isHighlightTable = el.classList.contains('highlight'); + let expandSection = true; + + rows.forEach((row, rowIndex) => { + row.classList.add('row', `row-${rowIndex + 1}`); + row.setAttribute('role', 'row'); + const cols = Array.from(row.children); + const sectionParams = { + row, + index: rowIndex, + allRows: rows, + rowCols: cols, + isMerch, + isCollapseTable, + expandSection, + isHighlightTable, + }; + + cols.forEach((col, colIndex) => { + col.dataset.colIndex = colIndex + 1; + col.classList.add('col', `col-${colIndex + 1}`); + col.setAttribute( + 'role', + col.matches('.section-head-title') ? 'columnheader' : 'cell', + ); + }); + + expandSection = handleSection(sectionParams); + }); + + handleHighlight(el); + handleStickyHeader(el); + if (isMerch) formatMerchTable(el); + + let isDecorated = false; + let currentDevice = defineDeviceByScreenSize(); + + const handleResize = () => { + applyStylesBasedOnScreenSize( + el, + el._originTable, + options.labels, + options.getStickyTop, + ); + syncHeadingHeights(el); + if (isStickyHeader(el)) { + handleScrollEffect(el, options.getStickyTop); + } + }; + + if ( + el.querySelectorAll( + isMerch + ? '.col-heading:not(.hidden)' + : '.col-heading:not(.hidden, .col-1)', + ).length > 2 + ) { + el._originTable = el.cloneNode(true); + } else { + el._originTable = el; + } + + const onResize = debounce(() => { + syncHeadingHeights(el); + handleStickyHeader(el); + const nextDevice = defineDeviceByScreenSize(); + if (currentDevice === nextDevice) return; + currentDevice = nextDevice; + handleResize(); + }, 100); + + const onTabChange = () => handleStickyHeader(el); + const intersectionObserver = new IntersectionObserver((entries) => { + if (entries.some((entry) => entry.isIntersecting)) { + intersectionObserver.disconnect(); + if (!isDecorated) { + handleResize(); + setExpandEvents(el); + setAriaLabelForIcons(el, options.labels); + isDecorated = true; + } + } + }); + + const resizeObserver = new ResizeObserver( + debounce(() => handleStickyHeader(el), 100), + ); + + resizeObserver.observe(el); + window.addEventListener('resize', onResize); + window.addEventListener(TAB_CHANGE_EVENT, onTabChange); + intersectionObserver.observe(el); + + if (!isDecorated) { + setTimeout(() => { + if (isDecorated) return; + handleResize(); + setExpandEvents(el); + setAriaLabelForIcons(el, options.labels); + isDecorated = true; + }, 0); + } + + tableIndex += 1; + + return () => { + intersectionObserver.disconnect(); + resizeObserver.disconnect(); + el._stickyObserver?.disconnect(); + el._filterObserver?.disconnect(); + delete el._stickyObserver; + delete el._filterObserver; + delete el._originTable; + window.removeEventListener('resize', onResize); + window.removeEventListener(TAB_CHANGE_EVENT, onTabChange); + }; +} + +function resolveColorValue(value) { + if (!value) return ''; + if ( + value.startsWith('color-') || + value.startsWith('spectrum-') || + value.startsWith('--') + ) { + return value.startsWith('--') ? `var(${value})` : `var(--${value})`; + } + return value; +} + +function createMnemonicIcon(src, alt = '') { + const mnemonic = createElement('mas-mnemonic', { + slot: 'icons', + src, + size: 'l', + }); + if (alt) { + mnemonic.setAttribute('role', 'img'); + mnemonic.setAttribute('aria-label', alt); + } + return mnemonic; +} + +function cloneSlotNodes(card, slotName) { + if (!card) return []; + return Array.from(card.querySelectorAll(`[slot="${slotName}"]`)).map( + (node) => node.cloneNode(true), + ); +} + +function cloneNodeChildren(node) { + if (!node) return []; + return Array.from(node.childNodes).map((child) => child.cloneNode(true)); +} + +function flattenSlotNodeContent(node) { + if (!node) return []; + if (node.nodeType !== Node.ELEMENT_NODE) { + return [node.cloneNode(true)]; + } + + const cleanNode = stripSlotAttributes(node.cloneNode(true)); + const hasMeaningfulDirectText = Array.from(cleanNode.childNodes).some( + (child) => + child.nodeType === Node.TEXT_NODE && child.textContent.trim(), + ); + const singleElementChild = + cleanNode.childElementCount === 1 && + cleanNode.firstElementChild && + !hasMeaningfulDirectText; + + if ( + singleElementChild && + cleanNode.firstElementChild.matches?.( + `${SELECTOR_MAS_INLINE_PRICE}, ${SELECTOR_MAS_ELEMENT}, merch-icon, merch-badge, mas-mnemonic`, + ) + ) { + return [cleanNode.firstElementChild.cloneNode(true)]; + } + + if (singleElementChild) { + return cloneNodeChildren(cleanNode.firstElementChild); + } + + if ( + ['P', 'DIV', 'H1', 'H2', 'H3', 'H4', 'H5', 'H6'].includes( + cleanNode.tagName, + ) + ) { + return cloneNodeChildren(cleanNode); + } + + return [cleanNode]; +} + +function stripSlotAttributes(node) { + if (!node) return node; + if (node.nodeType !== Node.ELEMENT_NODE) return node; + node.removeAttribute('slot'); + node.querySelectorAll?.('[slot]').forEach((child) => + child.removeAttribute('slot'), + ); + return node; +} + +function normalizeFooterSlotNode(node) { + if (!node) return node; + stripSlotAttributes(node); + const buttons = node.matches?.('.con-button, button, a.con-button') + ? [node] + : Array.from( + node.querySelectorAll('.con-button, button, a.con-button'), + ); + if (!buttons.length) return node; + + const actionArea = createElement('p', { class: 'action-area' }); + buttons.forEach((button) => { + actionArea.append(button); + const spacer = button.nextSibling; + if (spacer?.nodeType === Node.TEXT_NODE && !spacer.textContent.trim()) { + spacer.remove(); + } + }); + return actionArea; +} + +function getFirstSlotNode(card, slotName) { + return cloneSlotNodes(card, slotName) + .map(stripSlotAttributes) + .find(Boolean); +} + +function normalizeHeadingTextNode(sourceNode, className) { + if (!sourceNode) return null; + const heading = createElement('p', { class: className }); + const content = flattenSlotNodeContent(sourceNode); + if (content.length) { + heading.append(...content); + } else { + heading.textContent = sourceNode.textContent?.trim() || ''; + } + return heading.textContent?.trim() || heading.childNodes.length + ? heading + : null; +} + +function normalizeBodyNode(sourceNode) { + if (!sourceNode) return null; + const body = createElement('p', { class: 'body' }); + const content = flattenSlotNodeContent(sourceNode); + if (content.length) { + body.append(...content); + } else { + body.textContent = sourceNode.textContent?.trim() || ''; + } + return body.textContent?.trim() || body.childNodes.length ? body : null; +} + +function collectPricingNodes(sourceNodes = []) { + const groups = { + strikethrough: [], + price: [], + legal: [], + }; + let lastGroup = ''; + + sourceNodes.forEach((sourceNode) => { + const node = stripSlotAttributes(sourceNode.cloneNode(true)); + let group = classifyPricingNode(node); + if (!group && node.nodeType === Node.TEXT_NODE) { + group = node.textContent?.trim() ? lastGroup || 'price' : ''; + } + if (!group && node.textContent?.trim()) { + group = 'price'; + } + if (!group) return; + groups[group].push(node); + lastGroup = group; + }); + + return groups; +} + +function createPricingWrapper(className, nodes = []) { + const content = nodes.filter( + (node) => + node && + (node.nodeType !== Node.TEXT_NODE || node.textContent.trim()), + ); + if (!content.length) return null; + return createElement('div', { class: className }, content); +} + +function createSyntheticLegalPrice(pricingNodes = []) { + for (const pricingNode of pricingNodes) { + if (pricingNode?.nodeType !== Node.ELEMENT_NODE) continue; + const inlinePrice = pricingNode.matches?.(SELECTOR_MAS_INLINE_PRICE) + ? pricingNode.cloneNode(true) + : pricingNode + .querySelector?.(SELECTOR_MAS_INLINE_PRICE) + ?.cloneNode(true); + if (!inlinePrice) continue; + inlinePrice.setAttribute('data-template', TEMPLATE_PRICE_LEGAL); + inlinePrice.setAttribute('data-display-plan-type', 'true'); + inlinePrice.setAttribute('data-display-per-unit', 'false'); + inlinePrice.setAttribute('data-display-tax', 'false'); + inlinePrice.setAttribute('data-display-old-price', 'false'); + if (!inlinePrice.hasAttribute('data-force-tax-exclusive')) { + inlinePrice.setAttribute('data-force-tax-exclusive', 'true'); + } + return inlinePrice; + } + return null; +} + +function buildCanonicalButtonsWrapper(card) { + const footerNodes = cloneSlotNodes(card, MINI_COMPARE_CHART_SLOTS.ctas).map( + stripSlotAttributes, + ); + const buttons = footerNodes.flatMap((node) => { + if (node.matches?.('.con-button, button, a.con-button')) return [node]; + return Array.from( + node.querySelectorAll?.('.con-button, button, a.con-button') || [], + ).map((button) => button.cloneNode(true)); + }); + if (!buttons.length) return null; + + const wrapper = createElement('div', { class: 'buttons-wrapper' }); + buttons.forEach((button, index) => { + const container = + index === 0 + ? createElement('p') + : createElement('div', { + class: 'supplemental-text body-xl action-area', + }); + container.append(button); + wrapper.append(container); + }); + return wrapper; +} + +function buildMerchHeadingContent(card) { + const fragment = document.createDocumentFragment(); + const headingContent = createElement('div', { + class: 'heading-content content', + }); + const headingButton = createElement('div', { class: 'heading-button' }); + const iconNodes = cloneSlotNodes(card, 'icons'); + if (iconNodes.length) { + const iconRow = createElement('p', { class: 'header-product-tile' }); + iconNodes.forEach((node) => { + if (node.tagName === 'MERCH-ICON') { + const mnemonic = createMnemonicIcon( + node.getAttribute('src') || '', + node.getAttribute('alt') || '', + ); + mnemonic.removeAttribute('slot'); + iconRow.append(mnemonic); + return; + } + node.removeAttribute?.('slot'); + iconRow.append(node); + }); + headingContent.append(iconRow); + } + + const titleNode = normalizeHeadingTextNode( + getFirstSlotNode(card, MINI_COMPARE_CHART_SLOTS.title), + 'tracking-header', + ); + if (titleNode) headingContent.append(titleNode); + + const descriptionNode = normalizeBodyNode( + getFirstSlotNode(card, MINI_COMPARE_CHART_SLOTS.description), + ); + if (descriptionNode) headingContent.append(descriptionNode); + + const priceSourceNodes = cloneSlotNodes( + card, + MINI_COMPARE_CHART_SLOTS.prices, + ).flatMap((node) => flattenSlotNodeContent(node)); + const pricingGroups = collectPricingNodes(priceSourceNodes); + const strikethroughWrapper = createPricingWrapper( + 'pricing-before', + pricingGroups.strikethrough, + ); + if (strikethroughWrapper) headingButton.append(strikethroughWrapper); + + const priceWrapper = createPricingWrapper('pricing', pricingGroups.price); + if (priceWrapper) headingButton.append(priceWrapper); + + const legalNodes = pricingGroups.legal.length + ? pricingGroups.legal + : [createSyntheticLegalPrice(pricingGroups.price)].filter(Boolean); + const legalWrapper = createPricingWrapper('pricing-after', legalNodes); + if (legalWrapper) headingButton.append(legalWrapper); + + const buttonsWrapper = buildCanonicalButtonsWrapper(card); + if (buttonsWrapper) headingButton.append(buttonsWrapper); + + fragment.append(headingContent, headingButton); + return fragment; +} + +function getBadgeData(card) { + if (!card) return null; + if (card._masTableBadgeData?.contentHtml || card._masTableBadgeData?.text) { + return card._masTableBadgeData; + } + + const badgeSlot = card.querySelector('[slot="badge"]'); + const shadowBadge = card.shadowRoot?.getElementById('badge'); + const badgeElement = badgeSlot?.matches('merch-badge') + ? badgeSlot + : badgeSlot?.querySelector('merch-badge'); + const contentHtml = + badgeElement?.innerHTML?.trim() || + badgeSlot?.innerHTML?.trim() || + shadowBadge?.innerHTML?.trim() || + ''; + const text = + badgeElement?.textContent?.trim() || + badgeSlot?.textContent?.trim() || + shadowBadge?.textContent?.trim() || + card.getAttribute('badge-text') || + ''; + + if (!contentHtml && !text) return null; + + const computedBadgeStyles = shadowBadge + ? getComputedStyle(shadowBadge) + : null; + const backgroundColor = + resolveColorValue( + badgeElement?.getAttribute('background-color') || '', + ) || + resolveColorValue(card.getAttribute('badge-background-color') || '') || + computedBadgeStyles?.backgroundColor || + ''; + const textColor = + resolveColorValue(badgeElement?.getAttribute('color') || '') || + resolveColorValue(card.getAttribute('badge-color') || '') || + computedBadgeStyles?.color || + ''; + + return { + contentHtml, + text, + icon: badgeElement?.getAttribute('icon') || '', + backgroundColor, + textColor, + }; +} + +function createBadgeIcon(icon) { + if (!icon) return null; + if (icon.startsWith('sp-icon-')) { + return createElement(icon, { class: 'badge-icon' }); + } + return createElement('img', { + class: 'badge-icon', + src: icon, + alt: '', + }); +} + +function createBadgePreviewContent(badgeData) { + const content = createElement('span', { class: 'badge-inline-content' }); + const icon = createBadgeIcon(badgeData.icon); + const hasLabelContent = Boolean(badgeData.contentHtml || badgeData.text); + if (icon) content.append(icon); + if (icon && hasLabelContent) { + content.append(document.createTextNode(' ')); + } + if (badgeData.contentHtml) { + const template = document.createElement('template'); + template.innerHTML = badgeData.contentHtml; + content.append(template.content.cloneNode(true)); + } else if (badgeData.text) { + content.append(document.createTextNode(badgeData.text)); + } + return content; +} + +function parseBadgeDataFromFields(fields = {}) { + const badgeValue = fields.badge; + if (!badgeValue) return null; + + if (typeof badgeValue !== 'string') { + const text = String(badgeValue).trim(); + if (!text) return null; + return { + contentHtml: '', + text, + icon: '', + backgroundColor: resolveColorValue( + fields.badgeBackgroundColor || '', + ), + textColor: resolveColorValue(fields.badgeColor || ''), + }; + } + + const template = document.createElement('template'); + template.innerHTML = badgeValue; + const badgeElement = + template.content.querySelector('merch-badge') || + template.content.firstElementChild; + const contentHtml = badgeElement?.innerHTML?.trim() || ''; + const text = badgeElement?.textContent?.trim() || badgeValue.trim(); + if (!contentHtml && !text) return null; + + return { + contentHtml, + text, + icon: badgeElement?.getAttribute?.('icon') || '', + backgroundColor: resolveColorValue( + badgeElement?.getAttribute?.('background-color') || + fields.badgeBackgroundColor || + '', + ), + textColor: resolveColorValue( + badgeElement?.getAttribute?.('color') || fields.badgeColor || '', + ), + }; +} + +async function hydrateMerchCards(cardIds, referenceMap, container) { + const entries = await Promise.all( + cardIds.map(async (cardId) => { + const fragment = referenceMap.get(cardId); + if (!fragment) return [cardId, null]; + + try { + const merchCard = document.createElement('merch-card'); + const fields = { + ...normalizeFieldsForHydrate(fragment), + variant: MINI_COMPARE_CHART_VARIANT, + }; + merchCard.variant = MINI_COMPARE_CHART_VARIANT; + merchCard._masTableBadgeData = parseBadgeDataFromFields(fields); + container.append(merchCard); + await hydrate( + { + ...fragment, + fields, + settings: fragment.settings || {}, + variantLayout: { + aemFragmentMapping: + MINI_COMPARE_CHART_AEM_FRAGMENT_MAPPING, + }, + }, + merchCard, + ); + return [cardId, merchCard]; + } catch { + return [cardId, null]; + } + }), + ); + + return new Map(entries.filter(([, merchCard]) => merchCard)); +} + +function hydrateMerchHighlightRow(table, cardIds, merchCardMap) { + if ( + (!table.classList.contains('merch') && + !table.classList.contains('compare-chart-features')) || + !table.classList.contains('highlight') + ) { + return; + } + + const highlightRow = table.firstElementChild; + if (!highlightRow) return; + const cells = Array.from(highlightRow.children); + const columnOffset = table.classList.contains('compare-chart-features') + ? 1 + : 0; + + cardIds.forEach((cardId, index) => { + const cell = cells[index + columnOffset]; + const badgeData = getBadgeData(merchCardMap.get(cardId)); + if (!cell) return; + + if (!badgeData?.contentHtml && !badgeData?.text) { + cell.removeAttribute('data-has-badge'); + cell.replaceChildren(); + return; + } + + cell.dataset.hasBadge = 'true'; + cell.replaceChildren(createBadgePreviewContent(badgeData)); + + if (badgeData.backgroundColor) { + cell.style.backgroundColor = badgeData.backgroundColor; + cell.style.borderColor = badgeData.backgroundColor; + } + + if (badgeData.textColor) { + cell.style.color = badgeData.textColor; + } + }); +} + +function hydrateMerchHeadings(table, cardIds, merchCardMap) { + if ( + (!table.classList.contains('merch') && + !table.classList.contains('compare-chart-features')) || + !cardIds?.length + ) { + return; + } + const rows = Array.from(table.children); + if (!rows.length) return; + const headingRowIndex = + table.classList.contains('highlight') && rows.length > 1 ? 1 : 0; + const headingRow = rows[headingRowIndex]; + if (!headingRow) return; + const cells = Array.from(headingRow.children); + const columnOffset = table.classList.contains('compare-chart-features') + ? 1 + : 0; + + cardIds.forEach((cardId, index) => { + const cell = cells[index + columnOffset]; + const merchCard = merchCardMap.get(cardId); + if (!cell || !merchCard) return; + cell.replaceChildren(buildMerchHeadingContent(merchCard)); + }); +} + +function mergeVariantClasses(table, fields) { + const blockName = getStringField(fields, 'blockName'); + if (blockName !== 'Table') return; + getArrayField(fields, 'selectedVariantNames').forEach((variant) => { + if (variant) table.classList.add(String(variant)); + }); +} + +async function settleMasElements(root) { + const masElements = [...root.querySelectorAll(SELECTOR_MAS_ELEMENT)]; + await Promise.all( + masElements.map((element) => { + if (typeof element.onceSettled !== 'function') { + return Promise.resolve(element); + } + return element.onceSettled().catch(() => element); + }), + ); +} + +export class MasTable extends HTMLElement { + #cleanup = []; + #currentRenderId = 0; + #log; + #service; + #resolveUpdate; + #rejectUpdate; + #startMarkName; + #durationMarkName; + #updateComplete = Promise.resolve(this); + + constructor() { + super(); + this.#heightRuleStyle = document.createElement('style'); + this.#heightRuleStyle.setAttribute(TABLE_HEIGHT_RULE_ATTR, ''); + this.#content = document.createElement('div'); + this.#scratch = document.createElement('div'); + this.#scratch.className = 'mas-table-scratch'; + this.#scratch.hidden = true; + this.#scratch.setAttribute('aria-hidden', 'true'); + this.append( + this.#heightRuleStyle, + this.#content, + this.#scratch, + ); + this.handleAemFragmentEvents = this.handleAemFragmentEvents.bind(this); + } + + #heightRuleStyle; + #content; + #scratch; + + connectedCallback() { + const tagName = this.localName || TAG_NAME; + this.#service = getService(); + this.#log ??= + this.#service?.Log?.module?.(tagName) ?? + this.#service?.log?.module?.(tagName) ?? + console; + this.syncDirection(); + const logId = + this.getAttribute('id') ?? + this.aemFragment?.getAttribute('fragment') ?? + 'unknown'; + this.#startMarkName = `${MARK_PREFIX}${logId}${MARK_START_SUFFIX}`; + this.#durationMarkName = `${MARK_PREFIX}${logId}${MARK_DURATION_SUFFIX}`; + performance.mark(this.#startMarkName); + + this.addEventListener(EVENT_AEM_ERROR, this.handleAemFragmentEvents); + this.addEventListener(EVENT_AEM_LOAD, this.handleAemFragmentEvents); + this.aemFragment?.setAttribute('hidden', ''); + } + + disconnectedCallback() { + this.removeEventListener(EVENT_AEM_ERROR, this.handleAemFragmentEvents); + this.removeEventListener(EVENT_AEM_LOAD, this.handleAemFragmentEvents); + this.cleanup(); + } + + get aemFragment() { + return this.querySelector('aem-fragment'); + } + + get updateComplete() { + return this.#updateComplete; + } + + syncDirection() { + const dir = + this.closest('[dir]')?.getAttribute('dir') || + document.documentElement.getAttribute('dir') || + 'ltr'; + this.setAttribute('dir', dir); + } + + cleanup() { + this.#cleanup.splice(0).forEach((fn) => fn()); + } + + beginUpdate() { + this.#updateComplete = new Promise((resolve, reject) => { + this.#resolveUpdate = resolve; + this.#rejectUpdate = reject; + }); + } + + async handleAemFragmentEvents(event) { + if (!this.isConnected) return; + if ( + event.type === EVENT_AEM_ERROR && + event.target === this.aemFragment + ) { + this.fail('AEM fragment cannot be loaded'); + return; + } + if (event.type !== EVENT_AEM_LOAD || event.target !== this.aemFragment) + return; + this.removeAttribute('failed'); + this.beginUpdate(); + const renderId = ++this.#currentRenderId; + try { + await this.renderFragment(event.detail); + if (renderId !== this.#currentRenderId) return; + await settleMasElements(this); + this.#content + .querySelectorAll('.table') + .forEach((table) => syncHeadingHeights(table)); + const measure = performance.measure( + this.#durationMarkName, + this.#startMarkName, + ); + const detail = { + ...this.aemFragment?.fetchInfo, + ...this.#service?.duration, + measure: printMeasure(measure), + }; + this.dispatchEvent( + new CustomEvent(EVENT_MAS_READY, { + bubbles: true, + composed: true, + detail, + }), + ); + this.#resolveUpdate?.(this); + } catch (error) { + if (renderId !== this.#currentRenderId) return; + this.fail(error.message || 'Failed to render table'); + } + } + + getStickyTop() { + const value = getComputedStyle(this).getPropertyValue( + '--mas-table-sticky-top', + ); + const top = parseFloat(value); + return Number.isFinite(top) ? top : 0; + } + + async renderFragment(fragment) { + const fields = normalizeFields(fragment); + const compareChart = getStringField(fields, 'compareChart').trim(); + if (!compareChart) { + throw new Error('compareChart field is missing'); + } + + this.cleanup(); + this.#content.replaceChildren(); + this.#scratch.replaceChildren(); + + const wrapper = document.createElement('div'); + wrapper.className = 'mas-table-empty'; + appendHtml(wrapper, compareChart); + const tables = Array.from(wrapper.querySelectorAll('.table')); + if (!tables.length) { + throw new Error('compareChart does not contain a .table block'); + } + + const referenceMap = normalizeFragmentMap(fragment.references); + const cardIds = getArrayField(fields, 'cards').map(String); + const merchCardMap = await hydrateMerchCards( + cardIds, + referenceMap, + this.#scratch, + ); + const labels = getLabels(fragment); + + tables.forEach((table) => { + mergeVariantClasses(table, fields); + hydrateMerchHighlightRow(table, cardIds, merchCardMap); + hydrateMerchHeadings(table, cardIds, merchCardMap); + const cleanup = decorateTable(table, { + labels, + getStickyTop: () => this.getStickyTop(), + }); + this.#cleanup.push(cleanup); + }); + + this.#content.append(...Array.from(wrapper.childNodes)); + } + + fail(message, details = {}) { + if (!this.isConnected) return; + this.setAttribute('failed', ''); + const tagName = this.localName || TAG_NAME; + const detail = { + ...this.aemFragment?.fetchInfo, + ...this.#service?.duration, + ...details, + message, + }; + this.#log?.error?.(`${tagName}: ${message}`, detail); + this.dispatchEvent( + new CustomEvent(EVENT_MAS_ERROR, { + bubbles: true, + composed: true, + detail, + }), + ); + this.#rejectUpdate?.(new Error(message)); + } + + async checkReady() { + const timeoutPromise = new Promise((resolve) => + setTimeout(() => resolve('timeout'), LOAD_TIMEOUT), + ); + + if (this.aemFragment) { + const result = await Promise.race([ + this.aemFragment.updateComplete, + timeoutPromise, + ]); + if (result === false || result === 'timeout') { + const errorMessage = + result === 'timeout' + ? `AEM fragment was not resolved within ${LOAD_TIMEOUT} timeout` + : 'AEM fragment cannot be loaded'; + this.fail(errorMessage); + throw new Error(errorMessage); + } + } + + const result = await Promise.race([ + this.updateComplete, + timeoutPromise, + ]); + if (result === 'timeout') { + const errorMessage = `mas-table was not resolved within ${LOAD_TIMEOUT} timeout`; + this.fail(errorMessage); + throw new Error(errorMessage); + } + return result; + } +} + +customElements.define(TAG_NAME, MasTable); diff --git a/web-components/src/mas.js b/web-components/src/mas.js index 2ed832971..9e5a27fb1 100644 --- a/web-components/src/mas.js +++ b/web-components/src/mas.js @@ -11,6 +11,8 @@ import './merch-quantity-select.js'; import './merch-badge.js'; import './merch-whats-included.js'; import './mas-mnemonic.js'; +import './mas-table.js'; +import './mas-comparison-table.js'; import { registerVariant } from './variants/variants.js'; diff --git a/web-components/src/variants/mini-compare-chart.js b/web-components/src/variants/mini-compare-chart.js index 6ebce86da..dd6e2688a 100644 --- a/web-components/src/variants/mini-compare-chart.js +++ b/web-components/src/variants/mini-compare-chart.js @@ -26,20 +26,20 @@ export const MINI_COMPARE_CHART_AEM_FRAGMENT_MAPPING = { secureLabel: true, planType: true, badgeIcon: true, - badge: { tag: 'div', slot: 'badge', default: 'spectrum-yellow-300-plans' }, + badge: { tag: 'div', slot: 'badge', default: 'spectrum-yellow-300' }, allowedBadgeColors: [ - 'spectrum-yellow-300-plans', - 'spectrum-gray-300-plans', - 'spectrum-gray-700-plans', - 'spectrum-green-900-plans', - 'spectrum-red-700-plans', + 'spectrum-yellow-300', + 'spectrum-gray-300', + 'spectrum-gray-700', + 'spectrum-green-900', + 'spectrum-red-700', 'gradient-purple-blue', ], allowedBorderColors: [ - 'spectrum-yellow-300-plans', - 'spectrum-gray-300-plans', - 'spectrum-green-900-plans', - 'spectrum-red-700-plans', + 'spectrum-yellow-300', + 'spectrum-gray-300', + 'spectrum-green-900', + 'spectrum-red-700', 'gradient-purple-blue', ], borderColor: { attribute: 'border-color' }, @@ -118,7 +118,7 @@ export class MiniCompareChart extends VariantLayout { if (!this.isNewVariant) return; if (element.dataset.template === TEMPLATE_PRICE_LEGAL) { options.displayPlanType = - this.card?.settings?.displayPlanType ?? false; + this.card?.settings?.displayPlanType ?? true; return; } // For main price display (strikethrough and regular price) @@ -843,26 +843,24 @@ export class MiniCompareChart extends VariantLayout { /* Border color styles */ :host( - [variant='mini-compare-chart'][border-color='spectrum-yellow-300-plans'] + [variant='mini-compare-chart'][border-color='spectrum-yellow-300'] ) { --consonant-merch-card-border-color: #ffd947; } :host( - [variant='mini-compare-chart'][border-color='spectrum-gray-300-plans'] + [variant='mini-compare-chart'][border-color='spectrum-gray-300'] ) { --consonant-merch-card-border-color: #dadada; } :host( - [variant='mini-compare-chart'][border-color='spectrum-green-900-plans'] + [variant='mini-compare-chart'][border-color='spectrum-green-900'] ) { --consonant-merch-card-border-color: #05834e; } - :host( - [variant='mini-compare-chart'][border-color='spectrum-red-700-plans'] - ) { + :host([variant='mini-compare-chart'][border-color='spectrum-red-700']) { --consonant-merch-card-border-color: #eb1000; filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.16)); } @@ -879,41 +877,41 @@ export class MiniCompareChart extends VariantLayout { /* Badge color styles */ :host([variant='mini-compare-chart']) - ::slotted([slot='badge'].spectrum-red-700-plans) { + ::slotted([slot='badge'].spectrum-red-700) { filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.16)); } :host([variant='mini-compare-chart']) - ::slotted([slot='badge'].spectrum-yellow-300-plans), - :host([variant='mini-compare-chart']) #badge.spectrum-yellow-300-plans { + ::slotted([slot='badge'].spectrum-yellow-300), + :host([variant='mini-compare-chart']) #badge.spectrum-yellow-300 { background-color: #ffd947; color: #2c2c2c; } :host([variant='mini-compare-chart']) - ::slotted([slot='badge'].spectrum-gray-300-plans), - :host([variant='mini-compare-chart']) #badge.spectrum-gray-300-plans { + ::slotted([slot='badge'].spectrum-gray-300), + :host([variant='mini-compare-chart']) #badge.spectrum-gray-300 { background-color: #dadada; color: #2c2c2c; } :host([variant='mini-compare-chart']) - ::slotted([slot='badge'].spectrum-gray-700-plans), - :host([variant='mini-compare-chart']) #badge.spectrum-gray-700-plans { + ::slotted([slot='badge'].spectrum-gray-700), + :host([variant='mini-compare-chart']) #badge.spectrum-gray-700 { background-color: #4b4b4b; color: #ffffff; } :host([variant='mini-compare-chart']) - ::slotted([slot='badge'].spectrum-green-900-plans), - :host([variant='mini-compare-chart']) #badge.spectrum-green-900-plans { + ::slotted([slot='badge'].spectrum-green-900), + :host([variant='mini-compare-chart']) #badge.spectrum-green-900 { background-color: #05834e; color: #ffffff; } :host([variant='mini-compare-chart']) - ::slotted([slot='badge'].spectrum-red-700-plans), - :host([variant='mini-compare-chart']) #badge.spectrum-red-700-plans { + ::slotted([slot='badge'].spectrum-red-700), + :host([variant='mini-compare-chart']) #badge.spectrum-red-700 { background-color: #eb1000; color: #ffffff; } diff --git a/web-components/src/variants/variant-layout.js b/web-components/src/variants/variant-layout.js index 284e49442..1d5f100e5 100644 --- a/web-components/src/variants/variant-layout.js +++ b/web-components/src/variants/variant-layout.js @@ -1,5 +1,4 @@ import { html, nothing } from 'lit'; -import { getFragmentMapping } from './variants'; export class VariantLayout { static styleMap = {}; @@ -142,6 +141,6 @@ export class VariantLayout { } get aemFragmentMapping() { - return getFragmentMapping(this.card.variant); + return this.constructor.fragmentMapping ?? null; } } diff --git a/web-components/src/variants/variants.js b/web-components/src/variants/variants.js index 9fbcb03d4..733fc2492 100644 --- a/web-components/src/variants/variants.js +++ b/web-components/src/variants/variants.js @@ -50,6 +50,9 @@ export const registerVariant = ( style = null, collectionOptions, ) => { + if (fragmentMapping !== null) { + variantClass.fragmentMapping = fragmentMapping; + } variantRegistry.set(name, { class: variantClass, fragmentMapping, diff --git a/web-components/test/img/checkmark.svg b/web-components/test/img/checkmark.svg new file mode 100644 index 000000000..aac9397d7 --- /dev/null +++ b/web-components/test/img/checkmark.svg @@ -0,0 +1,7 @@ + + + diff --git a/web-components/test/mas-comparison-table.test.html b/web-components/test/mas-comparison-table.test.html new file mode 100644 index 000000000..e258e479c --- /dev/null +++ b/web-components/test/mas-comparison-table.test.html @@ -0,0 +1,353 @@ + + + + + + + + + mas-comparison-table test page + + + + + + +
+
+ + diff --git a/web-components/test/mas-table.test.html b/web-components/test/mas-table.test.html new file mode 100644 index 000000000..5dd95b58c --- /dev/null +++ b/web-components/test/mas-table.test.html @@ -0,0 +1,1337 @@ + + + + + + + + mas-table test page + + + + + + + + +
+ +
+ + + + diff --git a/web-components/test/mocks/img/firefly.svg b/web-components/test/mocks/img/firefly.svg new file mode 100644 index 000000000..686fe13dc --- /dev/null +++ b/web-components/test/mocks/img/firefly.svg @@ -0,0 +1,8 @@ + + + + + diff --git a/web-components/test/mocks/sites/fragments/fragment-table-invalid.json b/web-components/test/mocks/sites/fragments/fragment-table-invalid.json new file mode 100644 index 000000000..5b22a9ee8 --- /dev/null +++ b/web-components/test/mocks/sites/fragments/fragment-table-invalid.json @@ -0,0 +1,14 @@ +{ + "path": "/content/dam/mas/tables/fragment-table-invalid", + "name": "fragment-table-invalid", + "title": "Invalid Table", + "id": "fragment-table-invalid", + "description": "", + "model": { + "id": "table" + }, + "fields": { + "blockName": "Table", + "selectedVariantNames": ["highlight"] + } +} diff --git a/web-components/test/mocks/sites/fragments/fragment-table-merch.json b/web-components/test/mocks/sites/fragments/fragment-table-merch.json new file mode 100644 index 000000000..ff79957d4 --- /dev/null +++ b/web-components/test/mocks/sites/fragments/fragment-table-merch.json @@ -0,0 +1,52 @@ +{ + "path": "/content/dam/mas/tables/fragment-table-merch", + "name": "fragment-table-merch", + "title": "Merch Table", + "id": "fragment-table-merch", + "description": "", + "model": { + "id": "table" + }, + "fields": { + "blockName": "Table", + "selectedVariantNames": ["merch", "highlight"], + "cards": ["table-card-starter", "table-card-missing"], + "compareChart": { + "value": "
Most popular
Best for power users


Included
Included
Generative credits
Unlimited
", + "mimeType": "text/html" + } + }, + "references": { + "table-card-starter": { + "type": "content-fragment", + "value": { + "id": "table-card-starter", + "title": "Starter from fragment", + "fields": { + "mnemonicIcon": ["/test/mocks/img/creative-cloud.svg"], + "mnemonicAlt": ["Starter icon"], + "badge": { + "value": "Save 65%", + "mimeType": "text/html" + }, + "cardTitle": { + "value": "

Starter from fragment

", + "mimeType": "text/html" + }, + "prices": { + "value": "

US$9.99/mo

", + "mimeType": "text/html" + }, + "description": { + "value": "

Built from the card reference

", + "mimeType": "text/html" + }, + "ctas": { + "value": "

Buy starter

", + "mimeType": "text/html" + } + } + } + } + } +}