@eunomia/elements 1.0.0-beta.6 → 1.0.0-beta.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/dist/cdn/components/chunks/{chunk-KDN4O5W2.js → chunk-32L2QYWQ.js} +5 -5
- package/dist/cdn/components/chunks/{chunk-JYIIWN2P.js → chunk-36KLGY6U.js} +8 -8
- package/dist/cdn/components/chunks/chunk-3BMACIDO.js +1 -0
- package/dist/cdn/components/chunks/{chunk-2Y2EU2CI.js → chunk-3UUZM7X2.js} +1 -1
- package/dist/cdn/components/chunks/chunk-55PUDL7D.js +109 -0
- package/dist/cdn/components/chunks/chunk-5LA5DQMP.js +1 -0
- package/dist/cdn/components/chunks/chunk-5LXGJVJR.js +1 -0
- package/dist/cdn/components/chunks/{chunk-ZKZV2YG5.js → chunk-5XPOGBPL.js} +1 -1
- package/dist/cdn/components/chunks/{chunk-LMVW522V.js → chunk-62RLISRD.js} +1 -1
- package/dist/cdn/components/chunks/{chunk-PMPSJG5V.js → chunk-6FYW5TQU.js} +3 -3
- package/dist/cdn/components/chunks/chunk-6TIEBY34.js +1 -0
- package/dist/cdn/components/chunks/{chunk-MOMYII3P.js → chunk-AH2SKZ7T.js} +14 -1
- package/dist/cdn/components/chunks/chunk-AK2DIJX7.js +1 -0
- package/dist/cdn/components/chunks/chunk-B5XMGWM7.js +10 -0
- package/dist/cdn/components/chunks/chunk-GVS6IUKC.js +1 -0
- package/dist/cdn/components/chunks/chunk-GWLD2I3P.js +8 -0
- package/dist/cdn/components/chunks/{chunk-UDVB4LAE.js → chunk-I4ERDXSM.js} +5 -3
- package/dist/cdn/components/chunks/{chunk-QZ5SHR3I.js → chunk-J3SZBXM6.js} +2 -2
- package/dist/cdn/components/chunks/chunk-JAGZL7JH.js +1 -0
- package/dist/cdn/components/chunks/{chunk-VYFR364B.js → chunk-LD35BFNK.js} +18 -17
- package/dist/cdn/components/chunks/{chunk-XDPRWUKN.js → chunk-MQQJ6DID.js} +1 -1
- package/dist/cdn/components/chunks/chunk-P6LGU3FT.js +1 -0
- package/dist/cdn/components/chunks/chunk-QL5GSW2A.js +1 -0
- package/dist/cdn/components/chunks/{chunk-UYZR4JXZ.js → chunk-QSZO4GIH.js} +45 -9
- package/dist/cdn/components/chunks/{chunk-7KKWYPHY.js → chunk-QXQ25SQS.js} +21 -19
- package/dist/cdn/components/chunks/{chunk-SZYEBMG6.js → chunk-QYB6Z6FG.js} +5 -5
- package/dist/cdn/components/chunks/{chunk-RIFF2D2F.js → chunk-RGC3I6MK.js} +1 -1
- package/dist/cdn/components/chunks/{chunk-L2ADCEN7.js → chunk-SVGWCKWT.js} +1 -1
- package/dist/cdn/components/chunks/{chunk-N6ZW5CDN.js → chunk-TCSB2MLU.js} +1 -1
- package/dist/cdn/components/chunks/{chunk-MQQ4BGVJ.js → chunk-TFTRCIIK.js} +7 -6
- package/dist/cdn/components/chunks/chunk-TLBXTBMM.js +46 -0
- package/dist/cdn/components/chunks/chunk-UVHVQRPT.js +1 -0
- package/dist/cdn/components/chunks/chunk-WIUERJII.js +1 -0
- package/dist/cdn/components/chunks/chunk-WW4BTWMH.js +1 -0
- package/dist/cdn/components/eun-alert.js +13 -6
- package/dist/cdn/components/eun-animate.js +6 -6
- package/dist/cdn/components/eun-badge.js +1 -1
- package/dist/cdn/components/eun-button.js +1 -1
- package/dist/cdn/components/eun-calendar.js +2 -2
- package/dist/cdn/components/eun-card.js +4 -4
- package/dist/cdn/components/eun-carousel.js +26 -22
- package/dist/cdn/components/eun-check-card.js +1 -1
- package/dist/cdn/components/eun-checkbox-list.js +11 -8
- package/dist/cdn/components/eun-checkbox.js +1 -1
- package/dist/cdn/components/eun-chip.js +17 -11
- package/dist/cdn/components/eun-collapse.js +1 -1
- package/dist/cdn/components/eun-color-picker.js +74 -69
- package/dist/cdn/components/eun-counter.js +16 -14
- package/dist/cdn/components/eun-date-picker.js +67 -63
- package/dist/cdn/components/eun-description-list.js +2 -2
- package/dist/cdn/components/eun-divider.js +3 -3
- package/dist/cdn/components/eun-drawer.js +21 -22
- package/dist/cdn/components/eun-dropdown-button.js +1 -1
- package/dist/cdn/components/eun-dropdown-item.js +3 -3
- package/dist/cdn/components/eun-fab.js +2 -2
- package/dist/cdn/components/eun-icon.js +1 -1
- package/dist/cdn/components/eun-image-card.js +1 -1
- package/dist/cdn/components/eun-image-carousel.js +10 -10
- package/dist/cdn/components/eun-infinite-list.js +1 -1
- package/dist/cdn/components/eun-input-file.js +21 -21
- package/dist/cdn/components/eun-input-phone.js +16 -12
- package/dist/cdn/components/eun-input.js +1 -1
- package/dist/cdn/components/eun-link.js +59 -13
- package/dist/cdn/components/eun-loader.js +1 -1
- package/dist/cdn/components/eun-modal.js +33 -23
- package/dist/cdn/components/eun-pagination.js +16 -16
- package/dist/cdn/components/eun-password-strength.js +14 -10
- package/dist/cdn/components/eun-radio-card.js +1 -1
- package/dist/cdn/components/eun-radio-list.js +11 -8
- package/dist/cdn/components/eun-radio.js +1 -1
- package/dist/cdn/components/eun-rating.js +276 -0
- package/dist/cdn/components/eun-scheduler-event-editor.js +11 -11
- package/dist/cdn/components/eun-scheduler-event.js +1 -1
- package/dist/cdn/components/eun-scheduler.js +28 -28
- package/dist/cdn/components/eun-search.js +36 -32
- package/dist/cdn/components/eun-select.js +27 -27
- package/dist/cdn/components/eun-sidebar.js +73 -26
- package/dist/cdn/components/eun-skeleton.js +1 -1
- package/dist/cdn/components/eun-slider.js +3 -3
- package/dist/cdn/components/eun-sliding-card.js +1 -1
- package/dist/cdn/components/eun-step.js +5 -4
- package/dist/cdn/components/eun-stepper.js +30 -30
- package/dist/cdn/components/eun-switch.js +1 -1
- package/dist/cdn/components/eun-tab-group.js +4 -4
- package/dist/cdn/components/eun-tab-panel.js +1 -1
- package/dist/cdn/components/eun-tab.js +1 -1
- package/dist/cdn/components/eun-table-action-bar.js +1 -1
- package/dist/cdn/components/eun-table.js +2 -2
- package/dist/cdn/components/eun-tag.js +3 -3
- package/dist/cdn/components/eun-textarea.js +36 -28
- package/dist/cdn/components/eun-time-picker.js +31 -28
- package/dist/cdn/components/eun-toast.js +24 -15
- package/dist/cdn/components/eun-toggle-group.js +75 -37
- package/dist/cdn/components/eun-toggle-item.js +9 -9
- package/dist/cdn/components/eun-toggle.js +2 -2
- package/dist/cdn/components/eun-toolbar.js +22 -22
- package/dist/cdn/components/eun-tooltip.js +6 -6
- package/dist/cdn/styles/eunomia-themes.css +1 -1
- package/dist/cdn/styles/themes/mixins/eunomia-neutrals.mixin.scss +6 -2
- package/dist/cdn/styles/themes/prebuilt-themes/eunomia/eunomia-dark.mixin.scss +6 -2
- package/dist/cdn/styles/themes/prebuilt-themes/eunomia/eunomia.theme.css +1 -1
- package/dist/cdn/styles/themes/prebuilt-themes/fire/eunomia-fire-dark.mixin.scss +6 -2
- package/dist/cdn/styles/themes/prebuilt-themes/fire/eunomia-fire.theme.css +1 -1
- package/dist/cdn/styles/themes/prebuilt-themes/forest/eunomia-forest-dark.mixin.scss +6 -2
- package/dist/cdn/styles/themes/prebuilt-themes/forest/eunomia-forest.theme.css +1 -1
- package/dist/cdn/styles/themes/prebuilt-themes/gold/eunomia-gold-dark.mixin.scss +6 -2
- package/dist/cdn/styles/themes/prebuilt-themes/gold/eunomia-gold.theme.css +1 -1
- package/dist/cdn/styles/themes/prebuilt-themes/ocean/eunomia-ocean-dark.mixin.scss +6 -2
- package/dist/cdn/styles/themes/prebuilt-themes/ocean/eunomia-ocean.theme.css +1 -1
- package/dist/cdn/styles/themes/prebuilt-themes/salmon/eunomia-salmon-dark.mixin.scss +6 -2
- package/dist/cdn/styles/themes/prebuilt-themes/salmon/eunomia-salmon.theme.css +1 -1
- package/dist/cdn/styles/themes/prebuilt-themes/violet/eunomia-violet-dark.mixin.scss +6 -2
- package/dist/cdn/styles/themes/prebuilt-themes/violet/eunomia-violet.theme.css +1 -1
- package/dist/components/action/button/button.d.ts +4 -3
- package/dist/components/action/button/button.js +6 -9
- package/dist/components/action/button/button.styles.js +13 -8
- package/dist/components/action/dropdown-button/dropdown-button.d.ts +4 -6
- package/dist/components/action/dropdown-button/dropdown-button.js +16 -13
- package/dist/components/action/dropdown-button/dropdown-item.d.ts +10 -2
- package/dist/components/action/dropdown-button/dropdown-item.js +24 -9
- package/dist/components/action/link/link.d.ts +10 -1
- package/dist/components/action/link/link.js +13 -1
- package/dist/components/action/link/link.styles.js +50 -3
- package/dist/components/action/toggle/toggle-group.d.ts +12 -2
- package/dist/components/action/toggle/toggle-group.js +18 -3
- package/dist/components/action/toggle/toggle-group.styles.js +58 -20
- package/dist/components/action/toggle/toggle-item.js +1 -3
- package/dist/components/action/toggle/toggle-item.styles.js +7 -7
- package/dist/components/action/toggle/toggle.js +1 -1
- package/dist/components/alert/alert/alert.d.ts +9 -7
- package/dist/components/alert/alert/alert.js +11 -14
- package/dist/components/alert/alert/alert.styles.js +9 -2
- package/dist/components/alert/drawer/drawer.d.ts +30 -5
- package/dist/components/alert/drawer/drawer.js +48 -13
- package/dist/components/alert/drawer/drawer.styles.js +7 -7
- package/dist/components/alert/modal/modal.d.ts +35 -10
- package/dist/components/alert/modal/modal.js +55 -28
- package/dist/components/alert/modal/modal.styles.js +17 -6
- package/dist/components/alert/toast/toast.d.ts +7 -5
- package/dist/components/alert/toast/toast.js +12 -15
- package/dist/components/alert/toast/toast.styles.js +18 -9
- package/dist/components/content/badge/badge.js +2 -2
- package/dist/components/content/card/card.js +1 -1
- package/dist/components/content/card/card.styles.js +2 -2
- package/dist/components/content/chip/chip.d.ts +4 -4
- package/dist/components/content/chip/chip.js +11 -10
- package/dist/components/content/chip/chip.styles.js +9 -3
- package/dist/components/content/description-list/description-list.js +3 -3
- package/dist/components/content/icon/icon.d.ts +3 -0
- package/dist/components/content/icon/icon.js +3 -0
- package/dist/components/content/icon/icon.style.d.ts +2 -0
- package/dist/components/content/icon/icon.style.js +4 -0
- package/dist/components/content/image-carousel/image-carousel.d.ts +12 -12
- package/dist/components/content/image-carousel/image-carousel.js +29 -28
- package/dist/components/content/password-strength/password-strength.d.ts +21 -6
- package/dist/components/content/password-strength/password-strength.js +37 -16
- package/dist/components/content/password-strength/password-strength.styles.js +4 -0
- package/dist/components/content/tag/tag.js +2 -2
- package/dist/components/content/tooltip/tooltip.d.ts +16 -9
- package/dist/components/content/tooltip/tooltip.js +31 -15
- package/dist/components/content/tooltip/tooltip.styles.js +1 -1
- package/dist/components/form/checkbox/check-card.d.ts +1 -0
- package/dist/components/form/checkbox/check-card.js +1 -0
- package/dist/components/form/checkbox/checkbox-list.d.ts +17 -0
- package/dist/components/form/checkbox/checkbox-list.js +39 -10
- package/dist/components/form/checkbox/checkbox.d.ts +1 -0
- package/dist/components/form/checkbox/checkbox.js +3 -1
- package/dist/components/form/checkbox/checkbox.styles.js +3 -2
- package/dist/components/form/color-picker/color-picker.d.ts +47 -28
- package/dist/components/form/color-picker/color-picker.js +73 -51
- package/dist/components/form/color-picker/color-picker.styles.js +14 -1
- package/dist/components/form/counter/counter.d.ts +24 -18
- package/dist/components/form/counter/counter.js +61 -61
- package/dist/components/form/counter/counter.styles.js +6 -4
- package/dist/components/form/date-picker/date-picker.d.ts +33 -7
- package/dist/components/form/date-picker/date-picker.js +82 -56
- package/dist/components/form/date-picker/date-picker.styles.js +9 -6
- package/dist/components/form/input/input.d.ts +43 -39
- package/dist/components/form/input/input.js +91 -110
- package/dist/components/form/input-file/input-file.d.ts +26 -13
- package/dist/components/form/input-file/input-file.js +35 -35
- package/dist/components/form/input-file/input-file.styles.js +4 -4
- package/dist/components/form/input-phone/input-phone.d.ts +28 -5
- package/dist/components/form/input-phone/input-phone.js +47 -13
- package/dist/components/form/input-phone/input-phone.styles.js +6 -3
- package/dist/components/form/radio/radio-card.d.ts +1 -0
- package/dist/components/form/radio/radio-card.js +1 -0
- package/dist/components/form/radio/radio-list.d.ts +23 -7
- package/dist/components/form/radio/radio-list.js +47 -22
- package/dist/components/form/radio/radio.d.ts +1 -0
- package/dist/components/form/radio/radio.js +1 -0
- package/dist/components/form/rating/rating.d.ts +349 -0
- package/dist/components/form/rating/rating.js +665 -0
- package/dist/components/form/rating/rating.styles.d.ts +1 -0
- package/dist/components/form/rating/rating.styles.js +213 -0
- package/dist/components/form/search/search.d.ts +72 -18
- package/dist/components/form/search/search.js +135 -72
- package/dist/components/form/search/search.styles.js +2 -0
- package/dist/components/form/select/select.d.ts +29 -10
- package/dist/components/form/select/select.js +65 -41
- package/dist/components/form/shared-styles/field.styles.js +45 -8
- package/dist/components/form/shared-styles/listbox.styles.js +15 -1
- package/dist/components/form/slider/slider.d.ts +7 -8
- package/dist/components/form/slider/slider.js +9 -12
- package/dist/components/form/switch/switch.d.ts +1 -0
- package/dist/components/form/switch/switch.js +1 -0
- package/dist/components/form/textarea/textarea.d.ts +90 -23
- package/dist/components/form/textarea/textarea.js +194 -44
- package/dist/components/form/textarea/textarea.styles.js +3 -0
- package/dist/components/form/time-picker/time-picker-columns.d.ts +2 -2
- package/dist/components/form/time-picker/time-picker-columns.js +8 -8
- package/dist/components/form/time-picker/time-picker.d.ts +30 -9
- package/dist/components/form/time-picker/time-picker.js +66 -40
- package/dist/components/form/time-picker/time-picker.styles.js +7 -5
- package/dist/components/layout/animate/animate.js +3 -2
- package/dist/components/layout/animate/animate.styles.js +2 -2
- package/dist/components/layout/divider/divider.js +1 -1
- package/dist/components/layout/divider/divider.styles.js +1 -1
- package/dist/components/loader/loader/loader.js +2 -2
- package/dist/components/loader/loader/loader.styles.js +14 -12
- package/dist/components/loader/skeleton/skeleton.js +1 -1
- package/dist/components/navigation/carousel/carousel.d.ts +32 -9
- package/dist/components/navigation/carousel/carousel.js +88 -41
- package/dist/components/navigation/carousel/carousel.styles.js +10 -6
- package/dist/components/navigation/pagination/pagination.d.ts +23 -21
- package/dist/components/navigation/pagination/pagination.js +30 -53
- package/dist/components/navigation/sidebar/sidebar.d.ts +113 -65
- package/dist/components/navigation/sidebar/sidebar.js +161 -118
- package/dist/components/navigation/sidebar/sidebar.styles.d.ts +1 -1
- package/dist/components/navigation/sidebar/sidebar.styles.js +74 -24
- package/dist/components/navigation/stepper/step.js +9 -8
- package/dist/components/navigation/stepper/stepper.d.ts +1 -3
- package/dist/components/navigation/stepper/stepper.js +15 -26
- package/dist/components/navigation/tabs/tab-group/tab-group.js +2 -2
- package/dist/components/navigation/tabs/tab-group/tab-group.styles.js +2 -2
- package/dist/components/navigation/toolbar/toolbar.d.ts +23 -13
- package/dist/components/navigation/toolbar/toolbar.js +28 -35
- package/dist/components/navigation/toolbar/toolbar.styles.js +18 -17
- package/dist/events/select.event.d.ts +3 -2
- package/dist/events/select.event.js +2 -1
- package/dist/features/scheduler/calendar/calendar.js +1 -1
- package/dist/features/scheduler/scheduler/scheduler.d.ts +7 -7
- package/dist/features/scheduler/scheduler/scheduler.js +15 -24
- package/dist/features/scheduler/scheduler-event/scheduler-event.js +3 -3
- package/dist/features/scheduler/scheduler-event/scheduler-event.styles.js +1 -1
- package/dist/features/scheduler/scheduler-event-editor/scheduler-event-editor.d.ts +6 -4
- package/dist/features/scheduler/scheduler-event-editor/scheduler-event-editor.js +7 -8
- package/dist/features/table/table/table.js +1 -1
- package/dist/features/table/table-action-bar/table-action-bar.js +2 -2
- package/dist/i18n/en.d.ts +68 -0
- package/dist/i18n/en.js +68 -0
- package/dist/i18n/fr.js +68 -2
- package/dist/index.d.ts +3 -0
- package/dist/index.js +1 -0
- package/dist/mixins/button.mixin.d.ts +1 -1
- package/dist/mixins/button.mixin.js +9 -6
- package/dist/mixins/check.mixin.js +11 -10
- package/dist/mixins/dialog-surface.mixin.d.ts +8 -0
- package/dist/mixins/disabled.mixin.d.ts +5 -0
- package/dist/mixins/disabled.mixin.js +21 -1
- package/dist/mixins/editable.mixin.js +28 -5
- package/dist/mixins/field-appearance.mixin.js +3 -2
- package/dist/mixins/field-size.mixin.d.ts +19 -0
- package/dist/mixins/field-size.mixin.js +33 -0
- package/dist/mixins/form.mixin.d.ts +4 -0
- package/dist/mixins/form.mixin.js +87 -13
- package/dist/mixins/localizable.mixin.d.ts +1 -1
- package/dist/mixins/localizable.mixin.js +1 -1
- package/dist/mixins/radio.mixin.js +11 -10
- package/dist/mixins/readonly.mixin.d.ts +2 -1
- package/dist/mixins/readonly.mixin.js +10 -3
- package/dist/mixins/rounded.mixin.d.ts +18 -0
- package/dist/mixins/rounded.mixin.js +32 -0
- package/dist/ssr/alert-ssr.css +187 -0
- package/dist/ssr/badge-ssr.css +67 -0
- package/dist/ssr/breadcrumb-ssr.css +41 -0
- package/dist/ssr/button-ssr.css +5 -5
- package/dist/ssr/card-ssr.css +27 -15
- package/dist/ssr/carousel-ssr.css +247 -0
- package/dist/ssr/checkbox-ssr.css +67 -0
- package/dist/ssr/chip-ssr.css +250 -0
- package/dist/ssr/collapse-ssr.css +180 -0
- package/dist/ssr/field-ssr.css +202 -0
- package/dist/ssr/icon-ssr.css +266 -0
- package/dist/ssr/image-carousel-ssr.css +34 -0
- package/dist/ssr/links-ssr.css +44 -1
- package/dist/ssr/pagination-ssr.css +4 -0
- package/dist/ssr/rating-ssr.css +254 -0
- package/dist/ssr/sidebar-ssr.css +102 -3
- package/dist/ssr/skeleton-ssr.css +63 -0
- package/dist/ssr/tabs-ssr.css +129 -0
- package/dist/ssr/toggle-group-ssr.css +233 -0
- package/dist/ssr/toolbar-ssr.css +81 -2
- package/dist/types/variant.type.d.ts +4 -1
- package/dist/utils/boolean.utils.d.ts +14 -0
- package/dist/utils/boolean.utils.js +20 -0
- package/dist/utils/dropdown-menu.utils.d.ts +1 -1
- package/dist/utils/focusable-elements.utils.d.ts +12 -0
- package/dist/utils/focusable-elements.utils.js +26 -0
- package/dist/utils/implicit-submission.utils.d.ts +18 -0
- package/dist/utils/implicit-submission.utils.js +79 -0
- package/dist/utils/input-modality.utils.d.ts +13 -0
- package/dist/utils/input-modality.utils.js +34 -0
- package/dist/utils/listbox-options.utils.d.ts +11 -0
- package/dist/utils/listbox-options.utils.js +41 -3
- package/dist/utils/theme-generator.utils.d.ts +8 -2
- package/dist/utils/theme-generator.utils.js +30 -9
- package/package.json +26 -7
- package/styles/themes/mixins/eunomia-neutrals.mixin.scss +6 -2
- package/styles/themes/prebuilt-themes/eunomia/eunomia-dark.mixin.scss +6 -2
- package/styles/themes/prebuilt-themes/fire/eunomia-fire-dark.mixin.scss +6 -2
- package/styles/themes/prebuilt-themes/forest/eunomia-forest-dark.mixin.scss +6 -2
- package/styles/themes/prebuilt-themes/gold/eunomia-gold-dark.mixin.scss +6 -2
- package/styles/themes/prebuilt-themes/ocean/eunomia-ocean-dark.mixin.scss +6 -2
- package/styles/themes/prebuilt-themes/salmon/eunomia-salmon-dark.mixin.scss +6 -2
- package/styles/themes/prebuilt-themes/violet/eunomia-violet-dark.mixin.scss +6 -2
- package/dist/cdn/components/chunks/chunk-4PI6RDUS.js +0 -1
- package/dist/cdn/components/chunks/chunk-6VK6SHCG.js +0 -1
- package/dist/cdn/components/chunks/chunk-A3X4KD2X.js +0 -1
- package/dist/cdn/components/chunks/chunk-BQFJR2UP.js +0 -110
- package/dist/cdn/components/chunks/chunk-G5SBDQQ3.js +0 -1
- package/dist/cdn/components/chunks/chunk-KSZRQRN4.js +0 -1
- package/dist/cdn/components/chunks/chunk-PE4DAXHQ.js +0 -3
- package/dist/cdn/components/chunks/chunk-RS7TWEMQ.js +0 -1
- package/dist/cdn/components/chunks/chunk-UDOZRIJZ.js +0 -1
- package/dist/cdn/components/chunks/chunk-VOTRXBDS.js +0 -38
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as
|
|
1
|
+
import{a as W,b as V}from"./chunks/chunk-AH2SKZ7T.js";import{a as P}from"./chunks/chunk-LK5BJ4SH.js";import{a as K}from"./chunks/chunk-WIUERJII.js";import{a as U}from"./chunks/chunk-QSZO4GIH.js";import{b as Y,c as x}from"./chunks/chunk-624VJYNA.js";import{a as f}from"./chunks/chunk-LYYQAALT.js";import{a as z,b as Z}from"./chunks/chunk-WW4BTWMH.js";import{a as H}from"./chunks/chunk-GVS6IUKC.js";import{a as _}from"./chunks/chunk-P6LGU3FT.js";import{a as B}from"./chunks/chunk-BO3JOEWM.js";import{c as G,d as F,e as k,f as L}from"./chunks/chunk-TLBXTBMM.js";import{a as m}from"./chunks/chunk-YYCEPZUN.js";import{a as O}from"./chunks/chunk-3BMACIDO.js";import{a as R}from"./chunks/chunk-PPCHQG7P.js";import{a as N}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import{a as $}from"./chunks/chunk-62RLISRD.js";import"./chunks/chunk-QL5GSW2A.js";import{a,f as S,h as E,j as r,k as c,l as p,p as s,r as h,u as I}from"./chunks/chunk-YITWLCD3.js";var ii=E`
|
|
2
2
|
:host {
|
|
3
3
|
display: block;
|
|
4
4
|
width: 100%;
|
|
@@ -15,7 +15,7 @@ import{a as K,b as U}from"./chunks/chunk-MOMYII3P.js";import{a as k}from"./chunk
|
|
|
15
15
|
align-items: center;
|
|
16
16
|
justify-content: center;
|
|
17
17
|
flex-shrink: 0;
|
|
18
|
-
padding:
|
|
18
|
+
padding: 0 var(--_defaultPaddingInline);
|
|
19
19
|
background-color: var(--_background);
|
|
20
20
|
border: var(--eun-border-width-m, 1.5px) solid var(--_borderColor);
|
|
21
21
|
border-inline-end: none;
|
|
@@ -38,7 +38,7 @@ import{a as K,b as U}from"./chunks/chunk-MOMYII3P.js";import{a as k}from"./chunk
|
|
|
38
38
|
outline-offset: 0;
|
|
39
39
|
}
|
|
40
40
|
.flag {
|
|
41
|
-
font-size: var(--eun-font-size-m, 16px);
|
|
41
|
+
font-size: min(var(--eun-font-size-m, 16px), var(--_lineHeight));
|
|
42
42
|
line-height: 1;
|
|
43
43
|
}
|
|
44
44
|
#field-wrapper {
|
|
@@ -152,7 +152,10 @@ import{a as K,b as U}from"./chunks/chunk-MOMYII3P.js";import{a as k}from"./chunk
|
|
|
152
152
|
background: none;
|
|
153
153
|
border: none;
|
|
154
154
|
outline: none;
|
|
155
|
-
|
|
155
|
+
box-sizing: content-box;
|
|
156
|
+
height: var(--_lineHeight);
|
|
157
|
+
line-height: var(--_lineHeight);
|
|
158
|
+
padding: var(--_paddingBlock) var(--_defaultPaddingInline);
|
|
156
159
|
}
|
|
157
160
|
#phone-field::placeholder {
|
|
158
161
|
color: var(--_placeholderColor);
|
|
@@ -192,7 +195,7 @@ import{a as K,b as U}from"./chunks/chunk-MOMYII3P.js";import{a as k}from"./chunk
|
|
|
192
195
|
.country-dial-code {
|
|
193
196
|
color: var(--_placeholderColor);
|
|
194
197
|
}
|
|
195
|
-
`,_=[H,K,...f?[]:[U],z];var u=[{iso:"AD",dialCode:"376",nationalLength:6},{iso:"AE",dialCode:"971",nationalLength:9},{iso:"AF",dialCode:"93",nationalLength:9},{iso:"AG",dialCode:"1268",nationalLength:7},{iso:"AI",dialCode:"1264",nationalLength:7},{iso:"AL",dialCode:"355",nationalLength:9},{iso:"AM",dialCode:"374",nationalLength:8},{iso:"AO",dialCode:"244",nationalLength:9},{iso:"AR",dialCode:"54",nationalLength:10},{iso:"AS",dialCode:"1684",nationalLength:7},{iso:"AT",dialCode:"43",nationalLength:11},{iso:"AU",dialCode:"61",nationalLength:9},{iso:"AW",dialCode:"297",nationalLength:7},{iso:"AZ",dialCode:"994",nationalLength:9},{iso:"BA",dialCode:"387",nationalLength:8},{iso:"BB",dialCode:"1246",nationalLength:7},{iso:"BD",dialCode:"880",nationalLength:10},{iso:"BE",dialCode:"32",nationalLength:9},{iso:"BF",dialCode:"226",nationalLength:8},{iso:"BG",dialCode:"359",nationalLength:9},{iso:"BH",dialCode:"973",nationalLength:8},{iso:"BI",dialCode:"257",nationalLength:8},{iso:"BJ",dialCode:"229",nationalLength:8},{iso:"BN",dialCode:"673",nationalLength:7},{iso:"BO",dialCode:"591",nationalLength:8},{iso:"BR",dialCode:"55",nationalLength:11},{iso:"BS",dialCode:"1242",nationalLength:7},{iso:"BT",dialCode:"975",nationalLength:8},{iso:"BW",dialCode:"267",nationalLength:8},{iso:"BY",dialCode:"375",nationalLength:9},{iso:"BZ",dialCode:"501",nationalLength:7},{iso:"CA",dialCode:"1",nationalLength:10},{iso:"CD",dialCode:"243",nationalLength:9},{iso:"CF",dialCode:"236",nationalLength:8},{iso:"CG",dialCode:"242",nationalLength:9},{iso:"CH",dialCode:"41",nationalLength:9},{iso:"CI",dialCode:"225",nationalLength:10},{iso:"CK",dialCode:"682",nationalLength:5},{iso:"CL",dialCode:"56",nationalLength:9},{iso:"CM",dialCode:"237",nationalLength:9},{iso:"CN",dialCode:"86",nationalLength:11},{iso:"CO",dialCode:"57",nationalLength:10},{iso:"CR",dialCode:"506",nationalLength:8},{iso:"CU",dialCode:"53",nationalLength:8},{iso:"CV",dialCode:"238",nationalLength:7},{iso:"CY",dialCode:"357",nationalLength:8},{iso:"CZ",dialCode:"420",nationalLength:9},{iso:"DE",dialCode:"49",nationalLength:11},{iso:"DJ",dialCode:"253",nationalLength:8},{iso:"DK",dialCode:"45",nationalLength:8},{iso:"DM",dialCode:"1767",nationalLength:7},{iso:"DO",dialCode:"1809",nationalLength:7},{iso:"DZ",dialCode:"213",nationalLength:9},{iso:"EC",dialCode:"593",nationalLength:9},{iso:"EE",dialCode:"372",nationalLength:8},{iso:"EG",dialCode:"20",nationalLength:10},{iso:"ER",dialCode:"291",nationalLength:7},{iso:"ES",dialCode:"34",nationalLength:9},{iso:"ET",dialCode:"251",nationalLength:9},{iso:"FI",dialCode:"358",nationalLength:10},{iso:"FJ",dialCode:"679",nationalLength:7},{iso:"FM",dialCode:"691",nationalLength:7},{iso:"FO",dialCode:"298",nationalLength:6},{iso:"FR",dialCode:"33",nationalLength:9},{iso:"GA",dialCode:"241",nationalLength:8},{iso:"GB",dialCode:"44",nationalLength:10},{iso:"GD",dialCode:"1473",nationalLength:7},{iso:"GE",dialCode:"995",nationalLength:9},{iso:"GF",dialCode:"594",nationalLength:9},{iso:"GH",dialCode:"233",nationalLength:9},{iso:"GI",dialCode:"350",nationalLength:8},{iso:"GL",dialCode:"299",nationalLength:6},{iso:"GM",dialCode:"220",nationalLength:7},{iso:"GN",dialCode:"224",nationalLength:9},{iso:"GP",dialCode:"590",nationalLength:9},{iso:"GQ",dialCode:"240",nationalLength:9},{iso:"GR",dialCode:"30",nationalLength:10},{iso:"GT",dialCode:"502",nationalLength:8},{iso:"GU",dialCode:"1671",nationalLength:7},{iso:"GW",dialCode:"245",nationalLength:7},{iso:"GY",dialCode:"592",nationalLength:7},{iso:"HK",dialCode:"852",nationalLength:8},{iso:"HN",dialCode:"504",nationalLength:8},{iso:"HR",dialCode:"385",nationalLength:9},{iso:"HT",dialCode:"509",nationalLength:8},{iso:"HU",dialCode:"36",nationalLength:9},{iso:"ID",dialCode:"62",nationalLength:11},{iso:"IE",dialCode:"353",nationalLength:9},{iso:"IL",dialCode:"972",nationalLength:9},{iso:"IN",dialCode:"91",nationalLength:10},{iso:"IQ",dialCode:"964",nationalLength:10},{iso:"IR",dialCode:"98",nationalLength:10},{iso:"IS",dialCode:"354",nationalLength:7},{iso:"IT",dialCode:"39",nationalLength:10},{iso:"JM",dialCode:"1876",nationalLength:7},{iso:"JO",dialCode:"962",nationalLength:9},{iso:"JP",dialCode:"81",nationalLength:10},{iso:"KE",dialCode:"254",nationalLength:9},{iso:"KG",dialCode:"996",nationalLength:9},{iso:"KH",dialCode:"855",nationalLength:9},{iso:"KI",dialCode:"686",nationalLength:5},{iso:"KM",dialCode:"269",nationalLength:7},{iso:"KN",dialCode:"1869",nationalLength:7},{iso:"KP",dialCode:"850",nationalLength:10},{iso:"KR",dialCode:"82",nationalLength:10},{iso:"KW",dialCode:"965",nationalLength:8},{iso:"KY",dialCode:"1345",nationalLength:7},{iso:"KZ",dialCode:"7",nationalLength:10},{iso:"LA",dialCode:"856",nationalLength:9},{iso:"LB",dialCode:"961",nationalLength:8},{iso:"LC",dialCode:"1758",nationalLength:7},{iso:"LI",dialCode:"423",nationalLength:7},{iso:"LK",dialCode:"94",nationalLength:9},{iso:"LR",dialCode:"231",nationalLength:8},{iso:"LS",dialCode:"266",nationalLength:8},{iso:"LT",dialCode:"370",nationalLength:8},{iso:"LU",dialCode:"352",nationalLength:9},{iso:"LV",dialCode:"371",nationalLength:8},{iso:"LY",dialCode:"218",nationalLength:9},{iso:"MA",dialCode:"212",nationalLength:9},{iso:"MC",dialCode:"377",nationalLength:8},{iso:"MD",dialCode:"373",nationalLength:8},{iso:"ME",dialCode:"382",nationalLength:8},{iso:"MG",dialCode:"261",nationalLength:9},{iso:"MH",dialCode:"692",nationalLength:7},{iso:"MK",dialCode:"389",nationalLength:8},{iso:"ML",dialCode:"223",nationalLength:8},{iso:"MM",dialCode:"95",nationalLength:9},{iso:"MN",dialCode:"976",nationalLength:8},{iso:"MO",dialCode:"853",nationalLength:8},{iso:"MQ",dialCode:"596",nationalLength:9},{iso:"MR",dialCode:"222",nationalLength:8},{iso:"MT",dialCode:"356",nationalLength:8},{iso:"MU",dialCode:"230",nationalLength:8},{iso:"MV",dialCode:"960",nationalLength:7},{iso:"MW",dialCode:"265",nationalLength:9},{iso:"MX",dialCode:"52",nationalLength:10},{iso:"MY",dialCode:"60",nationalLength:9},{iso:"MZ",dialCode:"258",nationalLength:9},{iso:"NA",dialCode:"264",nationalLength:9},{iso:"NC",dialCode:"687",nationalLength:6},{iso:"NE",dialCode:"227",nationalLength:8},{iso:"NG",dialCode:"234",nationalLength:10},{iso:"NI",dialCode:"505",nationalLength:8},{iso:"NL",dialCode:"31",nationalLength:9},{iso:"NO",dialCode:"47",nationalLength:8},{iso:"NP",dialCode:"977",nationalLength:10},{iso:"NR",dialCode:"674",nationalLength:7},{iso:"NU",dialCode:"683",nationalLength:4},{iso:"NZ",dialCode:"64",nationalLength:9},{iso:"OM",dialCode:"968",nationalLength:8},{iso:"PA",dialCode:"507",nationalLength:8},{iso:"PE",dialCode:"51",nationalLength:9},{iso:"PF",dialCode:"689",nationalLength:6},{iso:"PG",dialCode:"675",nationalLength:8},{iso:"PH",dialCode:"63",nationalLength:10},{iso:"PK",dialCode:"92",nationalLength:10},{iso:"PL",dialCode:"48",nationalLength:9},{iso:"PM",dialCode:"508",nationalLength:6},{iso:"PR",dialCode:"1787",nationalLength:7},{iso:"PS",dialCode:"970",nationalLength:9},{iso:"PT",dialCode:"351",nationalLength:9},{iso:"PW",dialCode:"680",nationalLength:7},{iso:"PY",dialCode:"595",nationalLength:9},{iso:"QA",dialCode:"974",nationalLength:8},{iso:"RE",dialCode:"262",nationalLength:9},{iso:"RO",dialCode:"40",nationalLength:9},{iso:"RS",dialCode:"381",nationalLength:9},{iso:"RU",dialCode:"7",nationalLength:10},{iso:"RW",dialCode:"250",nationalLength:9},{iso:"SA",dialCode:"966",nationalLength:9},{iso:"SB",dialCode:"677",nationalLength:7},{iso:"SC",dialCode:"248",nationalLength:7},{iso:"SD",dialCode:"249",nationalLength:9},{iso:"SE",dialCode:"46",nationalLength:9},{iso:"SG",dialCode:"65",nationalLength:8},{iso:"SI",dialCode:"386",nationalLength:8},{iso:"SK",dialCode:"421",nationalLength:9},{iso:"SL",dialCode:"232",nationalLength:8},{iso:"SM",dialCode:"378",nationalLength:10},{iso:"SN",dialCode:"221",nationalLength:9},{iso:"SO",dialCode:"252",nationalLength:8},{iso:"SR",dialCode:"597",nationalLength:7},{iso:"SS",dialCode:"211",nationalLength:9},{iso:"ST",dialCode:"239",nationalLength:7},{iso:"SV",dialCode:"503",nationalLength:8},{iso:"SY",dialCode:"963",nationalLength:9},{iso:"SZ",dialCode:"268",nationalLength:8},{iso:"TC",dialCode:"1649",nationalLength:7},{iso:"TD",dialCode:"235",nationalLength:8},{iso:"TG",dialCode:"228",nationalLength:8},{iso:"TH",dialCode:"66",nationalLength:9},{iso:"TJ",dialCode:"992",nationalLength:9},{iso:"TL",dialCode:"670",nationalLength:8},{iso:"TM",dialCode:"993",nationalLength:8},{iso:"TN",dialCode:"216",nationalLength:8},{iso:"TO",dialCode:"676",nationalLength:7},{iso:"TR",dialCode:"90",nationalLength:10},{iso:"TT",dialCode:"1868",nationalLength:7},{iso:"TV",dialCode:"688",nationalLength:6},{iso:"TW",dialCode:"886",nationalLength:9},{iso:"TZ",dialCode:"255",nationalLength:9},{iso:"UA",dialCode:"380",nationalLength:9},{iso:"UG",dialCode:"256",nationalLength:9},{iso:"US",dialCode:"1",nationalLength:10},{iso:"UY",dialCode:"598",nationalLength:8},{iso:"UZ",dialCode:"998",nationalLength:9},{iso:"VA",dialCode:"379",nationalLength:10},{iso:"VC",dialCode:"1784",nationalLength:7},{iso:"VE",dialCode:"58",nationalLength:10},{iso:"VG",dialCode:"1284",nationalLength:7},{iso:"VI",dialCode:"1340",nationalLength:7},{iso:"VN",dialCode:"84",nationalLength:10},{iso:"VU",dialCode:"678",nationalLength:7},{iso:"WF",dialCode:"681",nationalLength:6},{iso:"WS",dialCode:"685",nationalLength:7},{iso:"YE",dialCode:"967",nationalLength:9},{iso:"YT",dialCode:"262",nationalLength:9},{iso:"ZA",dialCode:"27",nationalLength:9},{iso:"ZM",dialCode:"260",nationalLength:9},{iso:"ZW",dialCode:"263",nationalLength:9}];function C(n){return u.find(t=>t.iso===n)?.dialCode}function w(n){return u.find(t=>t.iso===n)?.nationalLength}function D(n){if(!n||n.length!==2)return"";let t=[...n.toUpperCase()].map(i=>127462+(i.charCodeAt(0)-65));return String.fromCodePoint(...t)}var V=new Map;function M(n,t="en"){try{let i=V.get(t);return i||(i=new Intl.DisplayNames([t],{type:"region"}),V.set(t,i)),i.of(n)??n}catch{return n}}function v(n){return n.replace(/^0/,"")}function b(n){if(!n)return"";let t=[],i=0;for(n.length%2===1&&(t.push(n.slice(0,1)),i=1);i<n.length;i+=2)t.push(n.slice(i,i+2));return t.join(" ")}function y(n,t){let i=C(n);return!i||!t?"":`+${i}${t}`}function P(n,t){let i=t.replace(/\D/g,""),e=C(n);return e&&i.startsWith(e)?i.slice(e.length):i}var Q="eun-input-phone",J="\u{1F310}",q="123456789",j=100,X=$(I(N)),ii=k(F(B(G(O(X))))),o=class extends ii{constructor(){super(...arguments);this.hideCountrySelector=!1;this.hideDialCode=!1;this.countrySearchPlaceholder="Search a country\u2026";this.noResultsLabel="No results";this.ariaLabelCountrySelector="Select a country";this.nationalDigits="";this.countryQuery="";this.isOpen=!1;this.highlightedIndex=-1;this.handleWindowBlur=()=>{this.isOpen&&this.closeListbox()};this.handleFocusOut=()=>{this.isOpen&&requestAnimationFrame(()=>{this.matches(":focus-within")||this.closeListbox()})};this.handleTriggerPointerDown=()=>{this.triggerPointerDownAt=performance.now()};this.handlePopoverToggle=i=>{if(i.newState==="open"){this.isOpen=!0,this.phoneGroupEl&&this.listboxEl&&this.anchorFloatingElement(this.phoneGroupEl,this.listboxEl,{forceFallback:f}),this.observeAnchorVisibility(this.phoneGroupEl,()=>this.closeListbox());return}if(this.triggerPointerDownAt!==void 0&&performance.now()-this.triggerPointerDownAt<j){this.triggerPointerDownAt=void 0,this.openListbox();return}this.isOpen=!1,this.countryQuery="",this.highlightedIndex=-1,this.unanchorFloatingElement(),this.unobserveAnchorVisibility()}}connectedCallback(){super.connectedCallback?.(),!this.country&&this.defaultCountry&&(this.country=this.defaultCountry),window.addEventListener("blur",this.handleWindowBlur)}disconnectedCallback(){window.removeEventListener("blur",this.handleWindowBlur),super.disconnectedCallback?.()}get availableCountries(){let i=Array.from(this.querySelectorAll(":scope > option"));return i.length?i.map(e=>e.value.toUpperCase()).map(e=>u.find(l=>l.iso===e)).filter(e=>!!e):u}get filteredCountries(){let i=this.availableCountries,e=this.countryQuery.trim().toLowerCase();return e?i.filter(({iso:l,dialCode:d})=>M(l,this.locale).toLowerCase().includes(e)||d.includes(e)):i}updated(i){super.updated(i),i.has("value")&&y(this.country,v(this.nationalDigits))!==this.value&&(this.nationalDigits=this.value?P(this.country,this.value):""),i.has("highlightedIndex")&&this.listboxEl?.querySelector(`#listbox-option-${this.highlightedIndex}`)?.scrollIntoView({block:"nearest"})}getFocusAnchor(){return this.fieldEl??void 0}focus(){super.focus?.(),this.fieldEl?.focus()}openListbox(){if(this.disabled||this.readonly){this.triggerPointerDownAt=void 0;return}let i=this.listboxEl;this.listboxAnimation?.cancel(),this.listboxAnimation=void 0,i?.matches(":popover-open")||i?.showPopover(),i&&this.playListboxOpenAnimation(i),this.countrySearchEl?.focus()}static listboxAnimationDuration(i){return window.matchMedia("(prefers-reduced-motion: reduce)").matches?0:W(i,"--field-listbox-transition-duration","m",200)}playListboxOpenAnimation(i){i.style.removeProperty("pointer-events");let e=o.listboxAnimationDuration(i);e!==0&&(this.listboxAnimation=i.animate([{opacity:0,transform:"scaleY(0.01)"},{opacity:1,transform:"scaleY(1)"}],{duration:e,easing:x(i),fill:"forwards"}))}closeListbox(){let i=this.listboxEl;this.listboxAnimation?.cancel(),this.listboxAnimation=void 0,i?.matches(":popover-open")&&this.playListboxCloseAnimation(i)}playListboxCloseAnimation(i){i.style.pointerEvents="none";let e=o.listboxAnimationDuration(i);if(e===0){i.hidePopover();return}let l=i.animate([{opacity:1,transform:"scaleY(1)"},{opacity:0,transform:"scaleY(0.01)"}],{duration:e,easing:x(i),fill:"forwards"});this.listboxAnimation=l,l.finished.then(()=>{this.listboxAnimation===l&&(this.listboxAnimation=void 0),i.hidePopover()}).catch(()=>{})}handleTriggerClick(){this.isOpen||this.openListbox()}handlePhoneInput(i){let e=i.target,l=e.value.replace(/\D/g,""),d=l.startsWith("0"),g=v(l),Y=C(this.country)?.length??0,Z=w(this.country)??Math.max(0,15-Y),A=g.slice(0,Z);this.nationalDigits=(d?"0":"")+A;let T=b(this.nationalDigits);e.value!==T&&(e.value=T),this.value=y(this.country,A),this.dispatchEvent(new m(this.value))}handleCountrySearchInput(i){this.countryQuery=i.target.value,this.highlightedIndex=-1}handleCountrySelect(i){this.country=i;let e=this.nationalDigits.startsWith("0"),l=v(this.nationalDigits),d=w(i)??l.length,g=l.slice(0,d);this.nationalDigits=(e?"0":"")+g,this.value=y(this.country,g),this.dispatchEvent(new m(this.value)),this.closeListbox(),this.fieldEl?.focus()}handleCountryKeydown(i){switch(i.key){case"ArrowDown":{i.preventDefault(),this.highlightedIndex=Math.min(this.highlightedIndex+1,this.filteredCountries.length-1);break}case"ArrowUp":{i.preventDefault(),this.highlightedIndex=Math.max(this.highlightedIndex-1,0);break}case"Enter":{i.preventDefault();let e=this.filteredCountries[this.highlightedIndex];e&&this.handleCountrySelect(e.iso);break}default:break}}get effectivePlaceholder(){return this.placeholder??`(0) ${b(q)}`}renderDialCodePrefix(){let i=C(this.country);return this.hideDialCode||!i?h:s`<span class="dial-code-prefix" aria-hidden="true"
|
|
198
|
+
`,Q=[U,W,...f?[]:[V],ii];var u=[{iso:"AD",dialCode:"376",nationalLength:6},{iso:"AE",dialCode:"971",nationalLength:9},{iso:"AF",dialCode:"93",nationalLength:9},{iso:"AG",dialCode:"1268",nationalLength:7},{iso:"AI",dialCode:"1264",nationalLength:7},{iso:"AL",dialCode:"355",nationalLength:9},{iso:"AM",dialCode:"374",nationalLength:8},{iso:"AO",dialCode:"244",nationalLength:9},{iso:"AR",dialCode:"54",nationalLength:10},{iso:"AS",dialCode:"1684",nationalLength:7},{iso:"AT",dialCode:"43",nationalLength:11},{iso:"AU",dialCode:"61",nationalLength:9},{iso:"AW",dialCode:"297",nationalLength:7},{iso:"AZ",dialCode:"994",nationalLength:9},{iso:"BA",dialCode:"387",nationalLength:8},{iso:"BB",dialCode:"1246",nationalLength:7},{iso:"BD",dialCode:"880",nationalLength:10},{iso:"BE",dialCode:"32",nationalLength:9},{iso:"BF",dialCode:"226",nationalLength:8},{iso:"BG",dialCode:"359",nationalLength:9},{iso:"BH",dialCode:"973",nationalLength:8},{iso:"BI",dialCode:"257",nationalLength:8},{iso:"BJ",dialCode:"229",nationalLength:8},{iso:"BN",dialCode:"673",nationalLength:7},{iso:"BO",dialCode:"591",nationalLength:8},{iso:"BR",dialCode:"55",nationalLength:11},{iso:"BS",dialCode:"1242",nationalLength:7},{iso:"BT",dialCode:"975",nationalLength:8},{iso:"BW",dialCode:"267",nationalLength:8},{iso:"BY",dialCode:"375",nationalLength:9},{iso:"BZ",dialCode:"501",nationalLength:7},{iso:"CA",dialCode:"1",nationalLength:10},{iso:"CD",dialCode:"243",nationalLength:9},{iso:"CF",dialCode:"236",nationalLength:8},{iso:"CG",dialCode:"242",nationalLength:9},{iso:"CH",dialCode:"41",nationalLength:9},{iso:"CI",dialCode:"225",nationalLength:10},{iso:"CK",dialCode:"682",nationalLength:5},{iso:"CL",dialCode:"56",nationalLength:9},{iso:"CM",dialCode:"237",nationalLength:9},{iso:"CN",dialCode:"86",nationalLength:11},{iso:"CO",dialCode:"57",nationalLength:10},{iso:"CR",dialCode:"506",nationalLength:8},{iso:"CU",dialCode:"53",nationalLength:8},{iso:"CV",dialCode:"238",nationalLength:7},{iso:"CY",dialCode:"357",nationalLength:8},{iso:"CZ",dialCode:"420",nationalLength:9},{iso:"DE",dialCode:"49",nationalLength:11},{iso:"DJ",dialCode:"253",nationalLength:8},{iso:"DK",dialCode:"45",nationalLength:8},{iso:"DM",dialCode:"1767",nationalLength:7},{iso:"DO",dialCode:"1809",nationalLength:7},{iso:"DZ",dialCode:"213",nationalLength:9},{iso:"EC",dialCode:"593",nationalLength:9},{iso:"EE",dialCode:"372",nationalLength:8},{iso:"EG",dialCode:"20",nationalLength:10},{iso:"ER",dialCode:"291",nationalLength:7},{iso:"ES",dialCode:"34",nationalLength:9},{iso:"ET",dialCode:"251",nationalLength:9},{iso:"FI",dialCode:"358",nationalLength:10},{iso:"FJ",dialCode:"679",nationalLength:7},{iso:"FM",dialCode:"691",nationalLength:7},{iso:"FO",dialCode:"298",nationalLength:6},{iso:"FR",dialCode:"33",nationalLength:9},{iso:"GA",dialCode:"241",nationalLength:8},{iso:"GB",dialCode:"44",nationalLength:10},{iso:"GD",dialCode:"1473",nationalLength:7},{iso:"GE",dialCode:"995",nationalLength:9},{iso:"GF",dialCode:"594",nationalLength:9},{iso:"GH",dialCode:"233",nationalLength:9},{iso:"GI",dialCode:"350",nationalLength:8},{iso:"GL",dialCode:"299",nationalLength:6},{iso:"GM",dialCode:"220",nationalLength:7},{iso:"GN",dialCode:"224",nationalLength:9},{iso:"GP",dialCode:"590",nationalLength:9},{iso:"GQ",dialCode:"240",nationalLength:9},{iso:"GR",dialCode:"30",nationalLength:10},{iso:"GT",dialCode:"502",nationalLength:8},{iso:"GU",dialCode:"1671",nationalLength:7},{iso:"GW",dialCode:"245",nationalLength:7},{iso:"GY",dialCode:"592",nationalLength:7},{iso:"HK",dialCode:"852",nationalLength:8},{iso:"HN",dialCode:"504",nationalLength:8},{iso:"HR",dialCode:"385",nationalLength:9},{iso:"HT",dialCode:"509",nationalLength:8},{iso:"HU",dialCode:"36",nationalLength:9},{iso:"ID",dialCode:"62",nationalLength:11},{iso:"IE",dialCode:"353",nationalLength:9},{iso:"IL",dialCode:"972",nationalLength:9},{iso:"IN",dialCode:"91",nationalLength:10},{iso:"IQ",dialCode:"964",nationalLength:10},{iso:"IR",dialCode:"98",nationalLength:10},{iso:"IS",dialCode:"354",nationalLength:7},{iso:"IT",dialCode:"39",nationalLength:10},{iso:"JM",dialCode:"1876",nationalLength:7},{iso:"JO",dialCode:"962",nationalLength:9},{iso:"JP",dialCode:"81",nationalLength:10},{iso:"KE",dialCode:"254",nationalLength:9},{iso:"KG",dialCode:"996",nationalLength:9},{iso:"KH",dialCode:"855",nationalLength:9},{iso:"KI",dialCode:"686",nationalLength:5},{iso:"KM",dialCode:"269",nationalLength:7},{iso:"KN",dialCode:"1869",nationalLength:7},{iso:"KP",dialCode:"850",nationalLength:10},{iso:"KR",dialCode:"82",nationalLength:10},{iso:"KW",dialCode:"965",nationalLength:8},{iso:"KY",dialCode:"1345",nationalLength:7},{iso:"KZ",dialCode:"7",nationalLength:10},{iso:"LA",dialCode:"856",nationalLength:9},{iso:"LB",dialCode:"961",nationalLength:8},{iso:"LC",dialCode:"1758",nationalLength:7},{iso:"LI",dialCode:"423",nationalLength:7},{iso:"LK",dialCode:"94",nationalLength:9},{iso:"LR",dialCode:"231",nationalLength:8},{iso:"LS",dialCode:"266",nationalLength:8},{iso:"LT",dialCode:"370",nationalLength:8},{iso:"LU",dialCode:"352",nationalLength:9},{iso:"LV",dialCode:"371",nationalLength:8},{iso:"LY",dialCode:"218",nationalLength:9},{iso:"MA",dialCode:"212",nationalLength:9},{iso:"MC",dialCode:"377",nationalLength:8},{iso:"MD",dialCode:"373",nationalLength:8},{iso:"ME",dialCode:"382",nationalLength:8},{iso:"MG",dialCode:"261",nationalLength:9},{iso:"MH",dialCode:"692",nationalLength:7},{iso:"MK",dialCode:"389",nationalLength:8},{iso:"ML",dialCode:"223",nationalLength:8},{iso:"MM",dialCode:"95",nationalLength:9},{iso:"MN",dialCode:"976",nationalLength:8},{iso:"MO",dialCode:"853",nationalLength:8},{iso:"MQ",dialCode:"596",nationalLength:9},{iso:"MR",dialCode:"222",nationalLength:8},{iso:"MT",dialCode:"356",nationalLength:8},{iso:"MU",dialCode:"230",nationalLength:8},{iso:"MV",dialCode:"960",nationalLength:7},{iso:"MW",dialCode:"265",nationalLength:9},{iso:"MX",dialCode:"52",nationalLength:10},{iso:"MY",dialCode:"60",nationalLength:9},{iso:"MZ",dialCode:"258",nationalLength:9},{iso:"NA",dialCode:"264",nationalLength:9},{iso:"NC",dialCode:"687",nationalLength:6},{iso:"NE",dialCode:"227",nationalLength:8},{iso:"NG",dialCode:"234",nationalLength:10},{iso:"NI",dialCode:"505",nationalLength:8},{iso:"NL",dialCode:"31",nationalLength:9},{iso:"NO",dialCode:"47",nationalLength:8},{iso:"NP",dialCode:"977",nationalLength:10},{iso:"NR",dialCode:"674",nationalLength:7},{iso:"NU",dialCode:"683",nationalLength:4},{iso:"NZ",dialCode:"64",nationalLength:9},{iso:"OM",dialCode:"968",nationalLength:8},{iso:"PA",dialCode:"507",nationalLength:8},{iso:"PE",dialCode:"51",nationalLength:9},{iso:"PF",dialCode:"689",nationalLength:6},{iso:"PG",dialCode:"675",nationalLength:8},{iso:"PH",dialCode:"63",nationalLength:10},{iso:"PK",dialCode:"92",nationalLength:10},{iso:"PL",dialCode:"48",nationalLength:9},{iso:"PM",dialCode:"508",nationalLength:6},{iso:"PR",dialCode:"1787",nationalLength:7},{iso:"PS",dialCode:"970",nationalLength:9},{iso:"PT",dialCode:"351",nationalLength:9},{iso:"PW",dialCode:"680",nationalLength:7},{iso:"PY",dialCode:"595",nationalLength:9},{iso:"QA",dialCode:"974",nationalLength:8},{iso:"RE",dialCode:"262",nationalLength:9},{iso:"RO",dialCode:"40",nationalLength:9},{iso:"RS",dialCode:"381",nationalLength:9},{iso:"RU",dialCode:"7",nationalLength:10},{iso:"RW",dialCode:"250",nationalLength:9},{iso:"SA",dialCode:"966",nationalLength:9},{iso:"SB",dialCode:"677",nationalLength:7},{iso:"SC",dialCode:"248",nationalLength:7},{iso:"SD",dialCode:"249",nationalLength:9},{iso:"SE",dialCode:"46",nationalLength:9},{iso:"SG",dialCode:"65",nationalLength:8},{iso:"SI",dialCode:"386",nationalLength:8},{iso:"SK",dialCode:"421",nationalLength:9},{iso:"SL",dialCode:"232",nationalLength:8},{iso:"SM",dialCode:"378",nationalLength:10},{iso:"SN",dialCode:"221",nationalLength:9},{iso:"SO",dialCode:"252",nationalLength:8},{iso:"SR",dialCode:"597",nationalLength:7},{iso:"SS",dialCode:"211",nationalLength:9},{iso:"ST",dialCode:"239",nationalLength:7},{iso:"SV",dialCode:"503",nationalLength:8},{iso:"SY",dialCode:"963",nationalLength:9},{iso:"SZ",dialCode:"268",nationalLength:8},{iso:"TC",dialCode:"1649",nationalLength:7},{iso:"TD",dialCode:"235",nationalLength:8},{iso:"TG",dialCode:"228",nationalLength:8},{iso:"TH",dialCode:"66",nationalLength:9},{iso:"TJ",dialCode:"992",nationalLength:9},{iso:"TL",dialCode:"670",nationalLength:8},{iso:"TM",dialCode:"993",nationalLength:8},{iso:"TN",dialCode:"216",nationalLength:8},{iso:"TO",dialCode:"676",nationalLength:7},{iso:"TR",dialCode:"90",nationalLength:10},{iso:"TT",dialCode:"1868",nationalLength:7},{iso:"TV",dialCode:"688",nationalLength:6},{iso:"TW",dialCode:"886",nationalLength:9},{iso:"TZ",dialCode:"255",nationalLength:9},{iso:"UA",dialCode:"380",nationalLength:9},{iso:"UG",dialCode:"256",nationalLength:9},{iso:"US",dialCode:"1",nationalLength:10},{iso:"UY",dialCode:"598",nationalLength:8},{iso:"UZ",dialCode:"998",nationalLength:9},{iso:"VA",dialCode:"379",nationalLength:10},{iso:"VC",dialCode:"1784",nationalLength:7},{iso:"VE",dialCode:"58",nationalLength:10},{iso:"VG",dialCode:"1284",nationalLength:7},{iso:"VI",dialCode:"1340",nationalLength:7},{iso:"VN",dialCode:"84",nationalLength:10},{iso:"VU",dialCode:"678",nationalLength:7},{iso:"WF",dialCode:"681",nationalLength:6},{iso:"WS",dialCode:"685",nationalLength:7},{iso:"YE",dialCode:"967",nationalLength:9},{iso:"YT",dialCode:"262",nationalLength:9},{iso:"ZA",dialCode:"27",nationalLength:9},{iso:"ZM",dialCode:"260",nationalLength:9},{iso:"ZW",dialCode:"263",nationalLength:9}];function C(n){return u.find(t=>t.iso===n)?.dialCode}function M(n){return u.find(t=>t.iso===n)?.nationalLength}function D(n){if(!n||n.length!==2)return"";let t=[...n.toUpperCase()].map(i=>127462+(i.charCodeAt(0)-65));return String.fromCodePoint(...t)}var J=new Map;function w(n,t="en"){try{let i=J.get(t);return i||(i=new Intl.DisplayNames([t],{type:"region"}),J.set(t,i)),i.of(n)??n}catch{return n}}function b(n){return n.replace(/^0/,"")}function v(n){if(!n)return"";let t=[],i=0;for(n.length%2===1&&(t.push(n.slice(0,1)),i=1);i<n.length;i+=2)t.push(n.slice(i,i+2));return t.join(" ")}function y(n,t){let i=C(n);return!i||!t?"":`+${i}${t}`}function q(n,t){let i=t.replace(/\D/g,""),e=C(n);return e&&i.startsWith(e)?i.slice(e.length):i}var ei="eun-input-phone",oi="\u{1F310}",ni="123456789",ti=100,ai=O(k(I)),li=$(P(_(K(H(B(F(G(ai)))))))),o=class extends li{constructor(){super();this.hideCountrySelector=!1;this.hideDialCode=!1;this.countrySearchPlaceholder="Search a country\u2026";this.noResultsLabel="No results";this.nationalDigits="";this.countryQuery="";this.isOpen=!1;this.highlightedIndex=-1;this.handleImplicitSubmission=i=>{let e=this.internals.form;!e||i.composedPath()[0]!==this.fieldEl||!z(i)||(i.preventDefault(),Z(e))};this.handleWindowBlur=()=>{this.isOpen&&this.closeListbox()};this.handleFocusOut=()=>{this.isOpen&&requestAnimationFrame(()=>{this.matches(":focus-within")||this.closeListbox()})};this.handleTriggerPointerDown=()=>{this.triggerPointerDownAt=performance.now()};this.handlePopoverToggle=i=>{if(i.newState==="open"){this.isOpen=!0,this.phoneGroupEl&&this.listboxEl&&this.anchorFloatingElement(this.phoneGroupEl,this.listboxEl,{forceFallback:f}),this.observeAnchorVisibility(this.phoneGroupEl,()=>this.closeListbox());return}if(this.triggerPointerDownAt!==void 0&&performance.now()-this.triggerPointerDownAt<ti){this.triggerPointerDownAt=void 0,this.openListbox();return}this.isOpen=!1,this.countryQuery="",this.highlightedIndex=-1,this.unanchorFloatingElement(),this.unobserveAnchorVisibility()};this.addEventListener("keydown",this.handleImplicitSubmission)}connectedCallback(){super.connectedCallback?.(),!this.country&&this.defaultCountry&&(this.country=this.defaultCountry),window.addEventListener("blur",this.handleWindowBlur)}disconnectedCallback(){window.removeEventListener("blur",this.handleWindowBlur),super.disconnectedCallback?.()}get availableCountries(){let i=Array.from(this.querySelectorAll(":scope > option"));return i.length?i.map(e=>e.value.toUpperCase()).map(e=>u.find(l=>l.iso===e)).filter(e=>!!e):u}get filteredCountries(){let i=this.availableCountries,e=this.countryQuery.trim().toLowerCase();return e?i.filter(({iso:l,dialCode:d})=>w(l,this.locale).toLowerCase().includes(e)||d.includes(e)):i}updated(i){super.updated(i),i.has("value")&&y(this.country,b(this.nationalDigits))!==this.value&&(this.nationalDigits=this.value?q(this.country,this.value):""),i.has("highlightedIndex")&&this.listboxEl?.querySelector(`#listbox-option-${this.highlightedIndex}`)?.scrollIntoView({block:"nearest"})}get hostTabStop(){return!1}getFocusAnchor(){return this.fieldEl??void 0}focus(){super.focus?.(),this.fieldEl?.focus()}openListbox(){if(this.disabled||this.readonly){this.triggerPointerDownAt=void 0;return}let i=this.listboxEl;this.listboxAnimation?.cancel(),this.listboxAnimation=void 0,i?.matches(":popover-open")||i?.showPopover(),i&&this.playListboxOpenAnimation(i),this.countrySearchEl?.focus()}static listboxAnimationDuration(i){return window.matchMedia("(prefers-reduced-motion: reduce)").matches?0:Y(i,"--field-listbox-transition-duration","m",200)}playListboxOpenAnimation(i){i.style.removeProperty("pointer-events");let e=o.listboxAnimationDuration(i);e!==0&&(this.listboxAnimation=i.animate([{opacity:0,transform:"scaleY(0.01)"},{opacity:1,transform:"scaleY(1)"}],{duration:e,easing:x(i),fill:"forwards"}))}closeListbox(){let i=this.listboxEl;this.listboxAnimation?.cancel(),this.listboxAnimation=void 0,i?.matches(":popover-open")&&this.playListboxCloseAnimation(i)}playListboxCloseAnimation(i){i.style.pointerEvents="none";let e=o.listboxAnimationDuration(i);if(e===0){i.hidePopover();return}let l=i.animate([{opacity:1,transform:"scaleY(1)"},{opacity:0,transform:"scaleY(0.01)"}],{duration:e,easing:x(i),fill:"forwards"});this.listboxAnimation=l,l.finished.then(()=>{this.listboxAnimation===l&&(this.listboxAnimation=void 0),i.hidePopover()}).catch(()=>{})}handleTriggerClick(){this.isOpen||this.openListbox()}handlePhoneInput(i){let e=i.target,l=e.value.replace(/\D/g,""),d=l.startsWith("0"),g=b(l),j=C(this.country)?.length??0,X=M(this.country)??Math.max(0,15-j),A=g.slice(0,X);this.nationalDigits=(d?"0":"")+A;let T=v(this.nationalDigits);e.value!==T&&(e.value=T),this.value=y(this.country,A),this.dispatchEvent(new m(this.value))}handleCountrySearchInput(i){this.countryQuery=i.target.value,this.highlightedIndex=-1}handleCountrySelect(i){this.country=i;let e=this.nationalDigits.startsWith("0"),l=b(this.nationalDigits),d=M(i)??l.length,g=l.slice(0,d);this.nationalDigits=(e?"0":"")+g,this.value=y(this.country,g),this.dispatchEvent(new m(this.value)),this.closeListbox(),this.fieldEl?.focus()}handleCountryKeydown(i){switch(i.key){case"ArrowDown":{i.preventDefault(),this.highlightedIndex=Math.min(this.highlightedIndex+1,this.filteredCountries.length-1);break}case"ArrowUp":{i.preventDefault(),this.highlightedIndex=Math.max(this.highlightedIndex-1,0);break}case"Enter":{i.preventDefault();let e=this.filteredCountries[this.highlightedIndex];e&&this.handleCountrySelect(e.iso);break}default:break}}get effectivePlaceholder(){return this.placeholder??`(0) ${v(ni)}`}renderDialCodePrefix(){let i=C(this.country);return this.hideDialCode||!i?h:s`<span class="dial-code-prefix" aria-hidden="true"
|
|
196
199
|
>+${i}</span
|
|
197
200
|
>`}renderCountryTrigger(){return s`
|
|
198
201
|
<button
|
|
@@ -201,20 +204,20 @@ import{a as K,b as U}from"./chunks/chunk-MOMYII3P.js";import{a as k}from"./chunk
|
|
|
201
204
|
aria-haspopup="listbox"
|
|
202
205
|
aria-expanded=${this.isOpen}
|
|
203
206
|
aria-controls="listbox"
|
|
204
|
-
aria-label=${this.
|
|
207
|
+
aria-label=${this.countrySelectorLabel??this.dictionary.inputPhone.selectCountry}
|
|
205
208
|
?disabled=${this.disabled||this.readonly}
|
|
206
209
|
@pointerdown=${this.handleTriggerPointerDown}
|
|
207
210
|
@click=${this.handleTriggerClick}
|
|
208
211
|
>
|
|
209
212
|
<span class="flag" aria-hidden="true"
|
|
210
|
-
>${D(this.country)||
|
|
213
|
+
>${D(this.country)||oi}</span
|
|
211
214
|
>
|
|
212
215
|
</button>
|
|
213
216
|
`}renderCountryListbox(){let i=this.isOpen?this.filteredCountries:[];return s`
|
|
214
217
|
<ul
|
|
215
218
|
id="listbox"
|
|
216
219
|
role="listbox"
|
|
217
|
-
aria-label=${this.
|
|
220
|
+
aria-label=${this.countrySelectorLabel??this.dictionary.inputPhone.selectCountry}
|
|
218
221
|
popover="auto"
|
|
219
222
|
@toggle=${this.handlePopoverToggle}
|
|
220
223
|
>
|
|
@@ -234,7 +237,7 @@ import{a as K,b as U}from"./chunks/chunk-MOMYII3P.js";import{a as k}from"./chunk
|
|
|
234
237
|
id="listbox-option-${d}"
|
|
235
238
|
role="option"
|
|
236
239
|
aria-selected=${e===this.country}
|
|
237
|
-
class=${
|
|
240
|
+
class=${N({highlighted:d===this.highlightedIndex,selected:e===this.country})}
|
|
238
241
|
@mousedown=${g=>{g.preventDefault(),this.handleCountrySelect(e)}}
|
|
239
242
|
@mouseenter=${()=>{this.highlightedIndex=d}}
|
|
240
243
|
>
|
|
@@ -242,7 +245,7 @@ import{a as K,b as U}from"./chunks/chunk-MOMYII3P.js";import{a as k}from"./chunk
|
|
|
242
245
|
>${D(e)}</span
|
|
243
246
|
>
|
|
244
247
|
<span class="country-name"
|
|
245
|
-
>${
|
|
248
|
+
>${w(e,this.locale)}</span
|
|
246
249
|
>
|
|
247
250
|
<span class="country-dial-code">+${l}</span>
|
|
248
251
|
</li>
|
|
@@ -266,10 +269,11 @@ import{a as K,b as U}from"./chunks/chunk-MOMYII3P.js";import{a as k}from"./chunk
|
|
|
266
269
|
type="tel"
|
|
267
270
|
inputmode="numeric"
|
|
268
271
|
autocomplete="tel-national"
|
|
269
|
-
.value=${
|
|
272
|
+
.value=${v(this.nationalDigits)}
|
|
270
273
|
placeholder=${this.effectivePlaceholder}
|
|
271
274
|
?disabled=${this.disabled}
|
|
272
275
|
?readonly=${this.readonly}
|
|
276
|
+
aria-label=${R(this.label)}
|
|
273
277
|
aria-describedby=${e?"description":h}
|
|
274
278
|
aria-invalid=${this.showError}
|
|
275
279
|
@input=${this.handlePhoneInput}
|
|
@@ -279,4 +283,4 @@ import{a as K,b as U}from"./chunks/chunk-MOMYII3P.js";import{a as k}from"./chunk
|
|
|
279
283
|
${this.hideCountrySelector?h:this.renderCountryListbox()}
|
|
280
284
|
${i}
|
|
281
285
|
</div>
|
|
282
|
-
`}};o.styles=[
|
|
286
|
+
`}};o.styles=[Q,L.base,L.errorMessages,L.hintMessages],a([r({reflect:!0})],o.prototype,"country",2),a([r({attribute:"default-country"})],o.prototype,"defaultCountry",2),a([r({type:Boolean,reflect:!0,attribute:"hide-country-selector"})],o.prototype,"hideCountrySelector",2),a([r({type:Boolean,reflect:!0,attribute:"hide-dial-code"})],o.prototype,"hideDialCode",2),a([r()],o.prototype,"placeholder",2),a([r()],o.prototype,"locale",2),a([r({attribute:"country-search-placeholder"})],o.prototype,"countrySearchPlaceholder",2),a([r({attribute:"no-results-label"})],o.prototype,"noResultsLabel",2),a([r({attribute:"country-selector-label"})],o.prototype,"countrySelectorLabel",2),a([c()],o.prototype,"nationalDigits",2),a([c()],o.prototype,"countryQuery",2),a([c()],o.prototype,"isOpen",2),a([c()],o.prototype,"highlightedIndex",2),a([p("#phone-field")],o.prototype,"fieldEl",2),a([p("#phone-group")],o.prototype,"phoneGroupEl",2),a([p("#listbox")],o.prototype,"listboxEl",2),a([p("#country-search")],o.prototype,"countrySearchEl",2),o=a([S(ei)],o);export{o as EunomiaInputPhone,ei as EunomiaInputPhoneTagName};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a,b}from"./chunks/chunk-
|
|
1
|
+
import{a,b}from"./chunks/chunk-55PUDL7D.js";import"./chunks/chunk-UVHVQRPT.js";import"./chunks/chunk-L74LXUGL.js";import"./chunks/chunk-WIUERJII.js";import"./chunks/chunk-QSZO4GIH.js";import"./chunks/chunk-WW4BTWMH.js";import"./chunks/chunk-GVS6IUKC.js";import"./chunks/chunk-P6LGU3FT.js";import"./chunks/chunk-BO3JOEWM.js";import"./chunks/chunk-TLBXTBMM.js";import"./chunks/chunk-YYCEPZUN.js";import"./chunks/chunk-3BMACIDO.js";import"./chunks/chunk-PPCHQG7P.js";import"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import"./chunks/chunk-62RLISRD.js";import"./chunks/chunk-QL5GSW2A.js";import"./chunks/chunk-YITWLCD3.js";export{b as EunomiaInput,a as EunomiaInputTagName};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as C}from"./chunks/chunk-3MTUVMM5.js";import{a as m,b as
|
|
1
|
+
import{a as C}from"./chunks/chunk-3MTUVMM5.js";import{a as m,b as y}from"./chunks/chunk-5GKM5DIB.js";import{a as d}from"./chunks/chunk-PPCHQG7P.js";import{a as v}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import{a as x}from"./chunks/chunk-62RLISRD.js";import"./chunks/chunk-QL5GSW2A.js";import{a as e,b as a,c as p,d as u,f,h as b,j as n,n as g,p as l,r as c,u as _}from"./chunks/chunk-YITWLCD3.js";var w=b`
|
|
2
2
|
:host {
|
|
3
3
|
--_color: var(--link-color, var(--eun-text-color, #071621));
|
|
4
4
|
--_colorHover: var(
|
|
@@ -56,7 +56,7 @@ import{a as C}from"./chunks/chunk-3MTUVMM5.js";import{a as m,b as x}from"./chunk
|
|
|
56
56
|
#label {
|
|
57
57
|
border-radius: var(--link-border-radius, var(--eun-border-radius-m, 8px));
|
|
58
58
|
outline: 2px solid transparent;
|
|
59
|
-
transition: outline var(--_duration) var(--eun-easing-out, ease-out);
|
|
59
|
+
transition: outline-color var(--_duration) var(--eun-easing-out, ease-out);
|
|
60
60
|
}
|
|
61
61
|
#external-link-icon {
|
|
62
62
|
display: inline-flex;
|
|
@@ -83,9 +83,15 @@ import{a as C}from"./chunks/chunk-3MTUVMM5.js";import{a as m,b as x}from"./chunk
|
|
|
83
83
|
transition:
|
|
84
84
|
color var(--_duration) var(--eun-easing-out, ease-out),
|
|
85
85
|
background-color var(--_duration) var(--eun-easing-out, ease-out),
|
|
86
|
-
outline var(--_duration) var(--eun-easing-out, ease-out),
|
|
86
|
+
outline-color var(--_duration) var(--eun-easing-out, ease-out),
|
|
87
87
|
text-decoration-color var(--_duration) var(--eun-easing-out, ease-out);
|
|
88
88
|
}
|
|
89
|
+
#link:hover {
|
|
90
|
+
background: var(
|
|
91
|
+
--link-background-hover,
|
|
92
|
+
var(--link-background, transparent)
|
|
93
|
+
);
|
|
94
|
+
}
|
|
89
95
|
#link:visited {
|
|
90
96
|
color: var(--_colorVisited);
|
|
91
97
|
text-decoration-color: var(--_colorVisited);
|
|
@@ -165,6 +171,9 @@ import{a as C}from"./chunks/chunk-3MTUVMM5.js";import{a as m,b as x}from"./chunk
|
|
|
165
171
|
text-decoration: var(--_textDecoration);
|
|
166
172
|
text-wrap-style: pretty;
|
|
167
173
|
border-radius: var(--link-border-radius, var(--eun-border-radius-m, 8px));
|
|
174
|
+
/* Transparent before the icon outline below is drawn, so it never fades
|
|
175
|
+
in from currentColor once has-icon lands after the first render. */
|
|
176
|
+
outline-color: transparent;
|
|
168
177
|
transition:
|
|
169
178
|
color var(--_duration) var(--eun-easing-out, ease-out),
|
|
170
179
|
background-color var(--_duration) var(--eun-easing-out, ease-out),
|
|
@@ -210,7 +219,7 @@ import{a as C}from"./chunks/chunk-3MTUVMM5.js";import{a as m,b as x}from"./chunk
|
|
|
210
219
|
transition:
|
|
211
220
|
color var(--_duration) var(--eun-easing-out, ease-out),
|
|
212
221
|
background-color var(--_duration) var(--eun-easing-out, ease-out),
|
|
213
|
-
outline var(--_duration) var(--eun-easing-out, ease-out),
|
|
222
|
+
outline-color var(--_duration) var(--eun-easing-out, ease-out),
|
|
214
223
|
text-decoration-color var(--_duration) var(--eun-easing-out, ease-out);
|
|
215
224
|
}
|
|
216
225
|
#link.has-icon ::slotted(a:focus-visible) {
|
|
@@ -245,6 +254,43 @@ import{a as C}from"./chunks/chunk-3MTUVMM5.js";import{a as m,b as x}from"./chunk
|
|
|
245
254
|
--icon-color: var(--link-icon-color, var(--_colorCurrent));
|
|
246
255
|
}
|
|
247
256
|
|
|
257
|
+
:host([block]) {
|
|
258
|
+
display: flex;
|
|
259
|
+
width: 100%;
|
|
260
|
+
min-width: 0;
|
|
261
|
+
white-space: nowrap;
|
|
262
|
+
}
|
|
263
|
+
:host([block]) #link {
|
|
264
|
+
box-sizing: border-box;
|
|
265
|
+
flex: 1;
|
|
266
|
+
min-width: 0;
|
|
267
|
+
}
|
|
268
|
+
:host([block]) #link.has-icon:focus-visible,
|
|
269
|
+
:host([block]:state(focus-visible)) #link.slotted-link {
|
|
270
|
+
background: var(
|
|
271
|
+
--link-background-focus,
|
|
272
|
+
var(--link-background, transparent)
|
|
273
|
+
);
|
|
274
|
+
outline-color: var(--_colorFocus);
|
|
275
|
+
outline-offset: 2px;
|
|
276
|
+
}
|
|
277
|
+
:host([block]) #link.has-icon:focus-visible #label {
|
|
278
|
+
background: none;
|
|
279
|
+
outline-color: transparent;
|
|
280
|
+
}
|
|
281
|
+
:host([block]) #link.has-icon ::slotted(a:focus-visible) {
|
|
282
|
+
background: none;
|
|
283
|
+
outline-color: transparent;
|
|
284
|
+
}
|
|
285
|
+
|
|
286
|
+
:host([block]) #label,
|
|
287
|
+
:host([block]) ::slotted(a) {
|
|
288
|
+
min-width: 0;
|
|
289
|
+
overflow: hidden;
|
|
290
|
+
text-overflow: ellipsis;
|
|
291
|
+
white-space: nowrap;
|
|
292
|
+
}
|
|
293
|
+
|
|
248
294
|
@media (prefers-reduced-motion: reduce) {
|
|
249
295
|
#link,
|
|
250
296
|
::slotted(a) {
|
|
@@ -263,15 +309,15 @@ import{a as C}from"./chunks/chunk-3MTUVMM5.js";import{a as m,b as x}from"./chunk
|
|
|
263
309
|
white-space: nowrap;
|
|
264
310
|
border: 0;
|
|
265
311
|
}
|
|
266
|
-
`,H
|
|
312
|
+
`,H=w;var $="eun-link",r,h,t=class extends x(_){constructor(){super();this.target="_self";this.theme="light";this.visitedStyle="auto";this.current=!1;this.block=!1;p(this,r);p(this,h,new C(this,()=>this.slottedAnchor,()=>this.dictionary.link.opensInNewTab));this.handleDefaultSlotChange=()=>{this.requestUpdate()};this.handleSlottedFocusIn=o=>{let i=o.target;i===this.slottedAnchor&&i.matches(":focus-visible")&&this.states?.add("focus-visible")};this.handleSlottedFocusOut=o=>{o.target===this.slottedAnchor&&this.states?.delete("focus-visible")};this.handleIconSlotChange=()=>{this.requestUpdate()};typeof this.attachInternals=="function"&&(this.internals=this.attachInternals())}get states(){return this.internals?.states}static get observedAttributes(){return[...super.observedAttributes,"visitedstyle"]}attributeChangedCallback(o,i,s){if(o==="visitedstyle"){this.visitedStyle=s??"auto";return}super.attributeChangedCallback(o,i,s)}get slottedAnchor(){return this.href?null:this.querySelector(":scope > a")}connectedCallback(){super.connectedCallback(),this.addEventListener("focusin",this.handleSlottedFocusIn),this.addEventListener("focusout",this.handleSlottedFocusOut)}disconnectedCallback(){this.removeEventListener("focusin",this.handleSlottedFocusIn),this.removeEventListener("focusout",this.handleSlottedFocusOut),super.disconnectedCallback()}updated(o){super.updated(o),this.syncSlottedAnchor()}syncSlottedAnchor(){let o=this.slottedAnchor;a(this,r)&&a(this,r)!==o&&(a(this,r).removeAttribute("aria-current"),u(this,r,void 0)),o&&(y(this),this.current?(o.setAttribute("aria-current","page"),u(this,r,o)):a(this,r)===o&&(o.removeAttribute("aria-current"),u(this,r,void 0)))}handleFocus(o){o.currentTarget.matches(":focus-visible")&&this.states?.add("focus-visible")}handleBlur(){this.states?.delete("focus-visible")}handleClick(o){m(this,o,this.href,this.target)}renderExternalLinkIcon(){return l`<span id="external-link-icon">
|
|
267
313
|
<eun-icon name="arrow_forward" shape="round" size="14"></eun-icon>
|
|
268
|
-
</span>`}render(){let o=this.target==="_blank",i=!!this.icon||this.iconSlotEls?.length>0,s=
|
|
314
|
+
</span>`}render(){let o=this.target==="_blank",i=!!this.icon||this.iconSlotEls?.length>0,s=l`<slot
|
|
269
315
|
name="icon"
|
|
270
316
|
class=${v({"has-icon":i})}
|
|
271
317
|
@slotchange=${this.handleIconSlotChange}
|
|
272
318
|
>
|
|
273
|
-
${this.icon?
|
|
274
|
-
</slot>`;if(this.slottedAnchor)return
|
|
319
|
+
${this.icon?l`<eun-icon name=${this.icon}></eun-icon>`:c}
|
|
320
|
+
</slot>`;if(this.slottedAnchor)return l`
|
|
275
321
|
<span
|
|
276
322
|
id="link"
|
|
277
323
|
part="link"
|
|
@@ -279,9 +325,9 @@ import{a as C}from"./chunks/chunk-3MTUVMM5.js";import{a as m,b as x}from"./chunk
|
|
|
279
325
|
>
|
|
280
326
|
${s}
|
|
281
327
|
<slot @slotchange=${this.handleDefaultSlotChange}></slot>
|
|
282
|
-
${
|
|
328
|
+
${a(this,h).isBlank?this.renderExternalLinkIcon():c}
|
|
283
329
|
</span>
|
|
284
|
-
`;let
|
|
330
|
+
`;let k=`(${this.dictionary.link.opensInNewTab})`;return l`
|
|
285
331
|
<a
|
|
286
332
|
id="link"
|
|
287
333
|
part="link"
|
|
@@ -290,7 +336,7 @@ import{a as C}from"./chunks/chunk-3MTUVMM5.js";import{a as m,b as x}from"./chunk
|
|
|
290
336
|
target=${this.target}
|
|
291
337
|
aria-current=${d(this.current?"page":void 0)}
|
|
292
338
|
rel=${d(o?"noopener noreferrer":void 0)}
|
|
293
|
-
aria-label=${d(o&&this.ariaLabel?`${this.ariaLabel} ${
|
|
339
|
+
aria-label=${d(o&&this.ariaLabel?`${this.ariaLabel} ${k}`:this.ariaLabel??void 0)}
|
|
294
340
|
@click=${this.handleClick}
|
|
295
341
|
@focus=${this.handleFocus}
|
|
296
342
|
@blur=${this.handleBlur}
|
|
@@ -299,7 +345,7 @@ import{a as C}from"./chunks/chunk-3MTUVMM5.js";import{a as m,b as x}from"./chunk
|
|
|
299
345
|
<span id="label"
|
|
300
346
|
><slot @slotchange=${this.handleDefaultSlotChange}></slot
|
|
301
347
|
></span>
|
|
302
|
-
${o&&!this.ariaLabel?
|
|
348
|
+
${o&&!this.ariaLabel?l`<span class="sr-only"> ${k}</span>`:c}
|
|
303
349
|
${o?this.renderExternalLinkIcon():c}
|
|
304
350
|
</a>
|
|
305
|
-
`}};
|
|
351
|
+
`}};r=new WeakMap,h=new WeakMap,t.styles=H,e([n()],t.prototype,"href",2),e([n()],t.prototype,"target",2),e([n()],t.prototype,"icon",2),e([n({reflect:!0,converter:{toAttribute:o=>o==="light"?null:o}})],t.prototype,"theme",2),e([n({reflect:!0,attribute:"visited-style",converter:{toAttribute:o=>o==="auto"?null:o}})],t.prototype,"visitedStyle",2),e([n({type:Boolean,reflect:!0})],t.prototype,"current",2),e([n({type:Boolean,reflect:!0})],t.prototype,"block",2),e([g({slot:"icon"})],t.prototype,"iconSlotEls",2),t=e([f($)],t);export{t as EunomiaLink,$ as EunomiaLinkTagName};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a,b}from"./chunks/chunk-
|
|
1
|
+
import{a,b}from"./chunks/chunk-QXQ25SQS.js";import"./chunks/chunk-22D3SRFR.js";import"./chunks/chunk-PPCHQG7P.js";import"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import"./chunks/chunk-YITWLCD3.js";export{b as EunomiaLoader,a as EunomiaLoaderTagName};
|
|
@@ -1,6 +1,8 @@
|
|
|
1
|
-
import{a as
|
|
1
|
+
import{a as b,b as g,c as x,d as C,e as k}from"./chunks/chunk-JAGZL7JH.js";import{a as y}from"./chunks/chunk-TCSB2MLU.js";import"./chunks/chunk-RGC3I6MK.js";import{a as v}from"./chunks/chunk-5LXGJVJR.js";import{a as s}from"./chunks/chunk-PPCHQG7P.js";import{a as c}from"./chunks/chunk-6TIEBY34.js";import{a as h}from"./chunks/chunk-62RLISRD.js";import"./chunks/chunk-QL5GSW2A.js";import{a as t,f as p,h as u,j as i,k as f,l as n,p as r,r as a,u as m}from"./chunks/chunk-YITWLCD3.js";var l=class d extends Event{static{this.eventName="eunconfirm"}constructor(){super(d.eventName,{bubbles:!0,composed:!0,cancelable:!0})}};var D=u`
|
|
2
2
|
:host {
|
|
3
3
|
display: contents;
|
|
4
|
+
/* Rendered width of the size="xs" close button. */
|
|
5
|
+
--_closeButtonSize: 26px;
|
|
4
6
|
}
|
|
5
7
|
#surface {
|
|
6
8
|
position: fixed;
|
|
@@ -16,10 +18,8 @@ import{a as m,b as h,c as v}from"./chunks/chunk-6VK6SHCG.js";import{a as b}from"
|
|
|
16
18
|
);
|
|
17
19
|
padding: var(
|
|
18
20
|
--modal-padding,
|
|
19
|
-
var(--modal-padding-block, var(--eun-space-
|
|
21
|
+
var(--modal-padding-block, var(--eun-space-m, 16px))
|
|
20
22
|
var(--modal-padding-inline, var(--eun-space-m, 16px))
|
|
21
|
-
var(--modal-padding-block, var(--eun-space-m, 16px))
|
|
22
|
-
var(--modal-padding-inline, var(--eun-space-l, 32px))
|
|
23
23
|
);
|
|
24
24
|
box-sizing: border-box;
|
|
25
25
|
display: flex;
|
|
@@ -94,8 +94,8 @@ import{a as m,b as h,c as v}from"./chunks/chunk-6VK6SHCG.js";import{a as b}from"
|
|
|
94
94
|
}
|
|
95
95
|
#close-button {
|
|
96
96
|
position: absolute;
|
|
97
|
-
top: var(--eun-space-
|
|
98
|
-
|
|
97
|
+
top: var(--modal-close-offset, var(--eun-space-m, 16px));
|
|
98
|
+
inset-inline-end: var(--modal-close-offset, var(--eun-space-m, 16px));
|
|
99
99
|
z-index: 10;
|
|
100
100
|
}
|
|
101
101
|
#body {
|
|
@@ -115,7 +115,17 @@ import{a as m,b as h,c as v}from"./chunks/chunk-6VK6SHCG.js";import{a as b}from"
|
|
|
115
115
|
}
|
|
116
116
|
#heading {
|
|
117
117
|
margin: 0;
|
|
118
|
-
padding-inline-end:
|
|
118
|
+
padding-inline-end: max(
|
|
119
|
+
0px,
|
|
120
|
+
calc(
|
|
121
|
+
var(--modal-close-offset, var(--eun-space-m, 16px)) +
|
|
122
|
+
var(--_closeButtonSize) +
|
|
123
|
+
var(--eun-space-s, 8px) - var(
|
|
124
|
+
--modal-padding-inline,
|
|
125
|
+
var(--eun-space-m, 16px)
|
|
126
|
+
)
|
|
127
|
+
)
|
|
128
|
+
);
|
|
119
129
|
font-size: var(--eun-font-size-l, 18px);
|
|
120
130
|
font-weight: var(--eun-font-weight-l, 700);
|
|
121
131
|
color: var(--eun-text-color, #071621);
|
|
@@ -141,12 +151,12 @@ import{a as m,b as h,c as v}from"./chunks/chunk-6VK6SHCG.js";import{a as b}from"
|
|
|
141
151
|
transition-duration: 0.01ms;
|
|
142
152
|
}
|
|
143
153
|
}
|
|
144
|
-
|
|
154
|
+
`,$=D;var L="eun-modal",e=class extends y(h(m)){constructor(){super(...arguments);this.open=!1;this.kind="dialog";this.closeOnBackdrop=!0;this.dirty=!1;this.hideActions=!1;this.initialFocus="auto";this.closeable=!0;this.confirmColor="primary";this.confirmCloseHeading="Discard changes?";this.confirmCloseDescription="You have unsaved changes. This action can't be undone.";this.confirmCloseCancelLabel="Keep editing";this.confirmCloseConfirmLabel="Discard";this.mountConfirmModal=!1;this.handleDiscardConfirmed=o=>{o.stopPropagation(),this.confirmDiscard()};this.stopDialogPropagation=o=>{o.stopPropagation()};this.handleToggle=o=>{let E=o;if(this.syncingFromPopover=!0,this.open=E.newState==="open",this.syncingFromPopover=!1,this.open){this.openDialogSurface({surfaceEl:this.surfaceEl,onEscape:()=>this.requestClose(),onOutsideClick:()=>{this.closeOnBackdrop&&this.requestClose()}}),this.updateComplete.then(()=>this.focusInitialElement());return}this.closeDialogSurface()};this.handleCommandEvent=o=>{x(o,this)}}willUpdate(o){o.has("dirty")&&this.dirty&&(this.mountConfirmModal=!0)}updated(o){super.updated(o),o.has("open")&&this.syncPopoverOpenState(this.open,this.surfaceEl)}connectedCallback(){super.connectedCallback?.(),C(),this.addEventListener("command",this.handleCommandEvent)}disconnectedCallback(){this.removeEventListener("command",this.handleCommandEvent),this.teardownDialogSurface(this.open),super.disconnectedCallback?.()}show(){this.open=!0}hide(){this.open=!1}confirm(){let o=new l;this.dispatchEvent(o),o.defaultPrevented||(this.open=!1)}cancel(){let o=new b;this.dispatchEvent(o),o.defaultPrevented||(this.open=!1)}requestClose(){if(this.dirty){let o=new g;this.dispatchEvent(o),o.defaultPrevented||this.confirmCloseModalEl?.show();return}this.cancel()}confirmDiscard(){this.dirty=!1,this.cancel()}focusFirstField(){if(this.initialFocus!=="first-field"||!k())return!1;let[o]=this.bodyEl?v(this.bodyEl):[];return o?.focus(),o!==void 0}focusInitialElement(){let o=this.querySelector("[autofocus]");if(o){o.focus();return}if(!this.focusFirstField()){if(!this.hideActions){this.cancelButtonEl?.focus();return}this.surfaceEl?.focus()}}renderHeader(){return!this.heading&&!this.description?a:r`
|
|
145
155
|
<div id="header">
|
|
146
|
-
${this.heading?
|
|
147
|
-
${this.description?
|
|
156
|
+
${this.heading?r`<h2 id="heading">${this.heading}</h2>`:a}
|
|
157
|
+
${this.description?r`<p id="description">${this.description}</p>`:a}
|
|
148
158
|
</div>
|
|
149
|
-
`}renderConfirmCloseModal(){return
|
|
159
|
+
`}renderConfirmCloseModal(){return r`
|
|
150
160
|
<eun-modal
|
|
151
161
|
id="confirm-close-modal"
|
|
152
162
|
kind="alert"
|
|
@@ -157,28 +167,28 @@ import{a as m,b as h,c as v}from"./chunks/chunk-6VK6SHCG.js";import{a as b}from"
|
|
|
157
167
|
@eunconfirm=${this.handleDiscardConfirmed}
|
|
158
168
|
@euncancel=${this.stopDialogPropagation}
|
|
159
169
|
>
|
|
160
|
-
${this.confirmCloseDescription?
|
|
170
|
+
${this.confirmCloseDescription?r`<p>${this.confirmCloseDescription}</p>`:a}
|
|
161
171
|
<slot name="confirm-close"></slot>
|
|
162
172
|
</eun-modal>
|
|
163
|
-
`}render(){return
|
|
173
|
+
`}render(){return r`
|
|
164
174
|
<div
|
|
165
175
|
id="surface"
|
|
166
176
|
popover="manual"
|
|
167
177
|
role=${this.kind==="alert"?"alertdialog":"dialog"}
|
|
168
178
|
aria-modal="true"
|
|
169
|
-
aria-labelledby=${
|
|
170
|
-
aria-label=${
|
|
171
|
-
aria-describedby=${
|
|
179
|
+
aria-labelledby=${s(this.heading?"heading":void 0)}
|
|
180
|
+
aria-label=${s(this.heading?void 0:this.ariaLabel??void 0)}
|
|
181
|
+
aria-describedby=${s(this.description?"description":void 0)}
|
|
172
182
|
tabindex="-1"
|
|
173
183
|
@toggle=${this.handleToggle}
|
|
174
184
|
>
|
|
175
|
-
${this.closeable?
|
|
185
|
+
${this.closeable?r`
|
|
176
186
|
<eun-button
|
|
177
187
|
id="close-button"
|
|
178
188
|
appearance="ghost"
|
|
179
189
|
rounded
|
|
180
190
|
size="xs"
|
|
181
|
-
aria-label=${this.
|
|
191
|
+
aria-label=${this.closeLabel??this.dictionary.common.close}
|
|
182
192
|
@click=${()=>this.requestClose()}
|
|
183
193
|
>
|
|
184
194
|
<eun-icon name="close" size="16"></eun-icon>
|
|
@@ -188,24 +198,24 @@ import{a as m,b as h,c as v}from"./chunks/chunk-6VK6SHCG.js";import{a as b}from"
|
|
|
188
198
|
<div id="body">
|
|
189
199
|
<slot></slot>
|
|
190
200
|
</div>
|
|
191
|
-
${this.hideActions?a:
|
|
201
|
+
${this.hideActions?a:r`
|
|
192
202
|
<div id="actions">
|
|
193
203
|
<slot name="footer">
|
|
194
204
|
<eun-button
|
|
195
205
|
id="cancel-button"
|
|
196
206
|
appearance="ghost"
|
|
197
|
-
color=${
|
|
207
|
+
color=${s(this.cancelColor)}
|
|
198
208
|
@click=${()=>this.requestClose()}
|
|
199
|
-
>${this.cancelLabel}</eun-button
|
|
209
|
+
>${this.cancelLabel??this.dictionary.common.cancel}</eun-button
|
|
200
210
|
>
|
|
201
211
|
<eun-button
|
|
202
212
|
color=${this.confirmColor}
|
|
203
213
|
@click=${()=>this.confirm()}
|
|
204
|
-
>${this.confirmLabel}</eun-button
|
|
214
|
+
>${this.confirmLabel??this.dictionary.common.confirm}</eun-button
|
|
205
215
|
>
|
|
206
216
|
</slot>
|
|
207
217
|
</div>
|
|
208
218
|
`}
|
|
209
219
|
</div>
|
|
210
220
|
${this.mountConfirmModal?this.renderConfirmCloseModal():a}
|
|
211
|
-
`}};e.styles
|
|
221
|
+
`}};e.styles=$,t([i({type:Boolean,reflect:!0})],e.prototype,"open",2),t([i()],e.prototype,"heading",2),t([i()],e.prototype,"description",2),t([i({reflect:!0,useDefault:!0})],e.prototype,"kind",2),t([i({converter:c,attribute:"close-on-backdrop"})],e.prototype,"closeOnBackdrop",2),t([i({type:Boolean,reflect:!0})],e.prototype,"dirty",2),t([i({type:Boolean,attribute:"hide-actions"})],e.prototype,"hideActions",2),t([i({attribute:"initial-focus",reflect:!0,useDefault:!0})],e.prototype,"initialFocus",2),t([n("#body")],e.prototype,"bodyEl",2),t([i({converter:c,reflect:!0})],e.prototype,"closeable",2),t([i({attribute:"cancel-label"})],e.prototype,"cancelLabel",2),t([i({attribute:"confirm-label"})],e.prototype,"confirmLabel",2),t([i({attribute:"confirm-color"})],e.prototype,"confirmColor",2),t([i({attribute:"cancel-color"})],e.prototype,"cancelColor",2),t([i({attribute:"close-label"})],e.prototype,"closeLabel",2),t([i({attribute:"confirm-close-heading"})],e.prototype,"confirmCloseHeading",2),t([i({attribute:"confirm-close-description"})],e.prototype,"confirmCloseDescription",2),t([i({attribute:"confirm-close-cancel-label"})],e.prototype,"confirmCloseCancelLabel",2),t([i({attribute:"confirm-close-confirm-label"})],e.prototype,"confirmCloseConfirmLabel",2),t([n("#surface")],e.prototype,"surfaceEl",2),t([n("#cancel-button")],e.prototype,"cancelButtonEl",2),t([n("#confirm-close-modal")],e.prototype,"confirmCloseModalEl",2),t([f()],e.prototype,"mountConfirmModal",2),e=t([p(L)],e);export{e as EunomiaModal,L as EunomiaModalTagName};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as
|
|
1
|
+
import{a as S}from"./chunks/chunk-PPCHQG7P.js";import{a as N}from"./chunks/chunk-62RLISRD.js";import"./chunks/chunk-QL5GSW2A.js";import{a,f as x,h as $,j as i,p as n,r as p,u as z}from"./chunks/chunk-YITWLCD3.js";var g=class b extends Event{static{this.eventName="eunpagechange"}constructor(d){super(b.eventName,{bubbles:!0,composed:!1}),this.page=d}};var h=class b extends Event{static{this.eventName="eunpagesizechange"}constructor(d){super(b.eventName,{bubbles:!0,composed:!1}),this.pageSize=d}};var w=$`
|
|
2
2
|
:host {
|
|
3
3
|
display: block;
|
|
4
4
|
font-family: var(--eun-font-family, "Mulish", sans-serif);
|
|
@@ -128,19 +128,19 @@ import{a as N}from"./chunks/chunk-PPCHQG7P.js";import{a,f as y,h as $,j as r,p a
|
|
|
128
128
|
#page-size eun-select {
|
|
129
129
|
width: 100%;
|
|
130
130
|
}
|
|
131
|
-
`;var
|
|
131
|
+
`;var E="eun-pagination",t=class extends N(z){constructor(){super(...arguments);this.page=1;this.totalPages=1;this.siblingCount=1;this.boundaryCount=1;this.hidePrevNext=!1;this.hideFirstLast=!1;this.disabled=!1;this.showLabels=!1;this.pageSizeOptions=[];this.pageSizeLabel="Items per page"}getPageItems(){let e=(f,y)=>f>y?[]:Array.from({length:y-f+1},(I,k)=>f+k),{page:o,totalPages:s,siblingCount:c,boundaryCount:r}=this;if(r*2+c*2+3>=s)return e(1,s);let u=Math.max(o-c,r+2),m=Math.min(o+c,s-r-1),L=u>r+2,C=m<s-r-1,l=[...e(1,r)];return L?l.push("start-ellipsis"):l.push(...e(r+1,u-1)),l.push(...e(u,m)),C?l.push("end-ellipsis"):l.push(...e(m+1,s-r)),l.push(...e(s-r+1,s)),l}requestPage(e){e===this.page||e<1||e>this.totalPages||this.dispatchEvent(new g(e))}handlePageSizeChange(e){let o=Number(e.target.value);Number.isNaN(o)||this.dispatchEvent(new h(o))}renderControl(e,o,s,c,r){let v=n`<eun-icon name=${s} size="16"></eun-icon>`,u=this.showLabels?n`<span class="label">${o}</span>`:p;return n`
|
|
132
132
|
<li>
|
|
133
133
|
<button
|
|
134
134
|
type="button"
|
|
135
135
|
class="control"
|
|
136
|
-
aria-label=${
|
|
136
|
+
aria-label=${S(this.showLabels?void 0:o)}
|
|
137
137
|
?disabled=${this.disabled||c}
|
|
138
138
|
@click=${()=>this.requestPage(e)}
|
|
139
139
|
>
|
|
140
|
-
${
|
|
140
|
+
${r==="start"?n`${v}${u}`:n`${u}${v}`}
|
|
141
141
|
</button>
|
|
142
142
|
</li>
|
|
143
|
-
`}renderPageSizeSelector(){return
|
|
143
|
+
`}renderPageSizeSelector(){return n`
|
|
144
144
|
<div id="page-size">
|
|
145
145
|
<eun-select
|
|
146
146
|
label=${this.pageSizeLabel}
|
|
@@ -148,39 +148,39 @@ import{a as N}from"./chunks/chunk-PPCHQG7P.js";import{a,f as y,h as $,j as r,p a
|
|
|
148
148
|
?disabled=${this.disabled}
|
|
149
149
|
@eunchange=${this.handlePageSizeChange}
|
|
150
150
|
>
|
|
151
|
-
${this.pageSizeOptions.map(e=>
|
|
151
|
+
${this.pageSizeOptions.map(e=>n`<option value=${e}>${e}</option>`)}
|
|
152
152
|
</eun-select>
|
|
153
153
|
</div>
|
|
154
|
-
`}renderItem(e){return e==="start-ellipsis"||e==="end-ellipsis"?
|
|
154
|
+
`}renderItem(e){return e==="start-ellipsis"||e==="end-ellipsis"?n`<li><span class="ellipsis" aria-hidden="true">…</span></li>`:e===this.page?n`
|
|
155
155
|
<li>
|
|
156
156
|
<span
|
|
157
157
|
class="page current"
|
|
158
158
|
aria-current="page"
|
|
159
|
-
aria-label="${this.
|
|
159
|
+
aria-label="${this.pageLabel??this.dictionary.pagination.page} ${e}"
|
|
160
160
|
>${e}</span
|
|
161
161
|
>
|
|
162
162
|
</li>
|
|
163
|
-
`:
|
|
163
|
+
`:n`
|
|
164
164
|
<li>
|
|
165
165
|
<button
|
|
166
166
|
type="button"
|
|
167
167
|
class="control page"
|
|
168
|
-
aria-label="${this.
|
|
168
|
+
aria-label="${this.pageLabel??this.dictionary.pagination.page} ${e}"
|
|
169
169
|
?disabled=${this.disabled}
|
|
170
170
|
@click=${()=>this.requestPage(e)}
|
|
171
171
|
>
|
|
172
172
|
${e}
|
|
173
173
|
</button>
|
|
174
174
|
</li>
|
|
175
|
-
`}render(){return
|
|
175
|
+
`}render(){return n`
|
|
176
176
|
<nav aria-label=${this.ariaLabel??"Pagination"}>
|
|
177
177
|
${this.pageSizeOptions.length?this.renderPageSizeSelector():p}
|
|
178
178
|
<ul id="list" role="list">
|
|
179
|
-
${this.hideFirstLast?p:this.renderControl(1,this.
|
|
180
|
-
${this.hidePrevNext?p:this.renderControl(this.page-1,this.
|
|
179
|
+
${this.hideFirstLast?p:this.renderControl(1,this.firstLabel??this.dictionary.pagination.first,"first_page",this.page<=1,"start")}
|
|
180
|
+
${this.hidePrevNext?p:this.renderControl(this.page-1,this.previousLabel??this.dictionary.pagination.previous,"chevron_left",this.page<=1,"start")}
|
|
181
181
|
${this.getPageItems().map(e=>this.renderItem(e))}
|
|
182
|
-
${this.hidePrevNext?p:this.renderControl(this.page+1,this.
|
|
183
|
-
${this.hideFirstLast?p:this.renderControl(this.totalPages,this.
|
|
182
|
+
${this.hidePrevNext?p:this.renderControl(this.page+1,this.nextLabel??this.dictionary.pagination.next,"chevron_right",this.page>=this.totalPages,"end")}
|
|
183
|
+
${this.hideFirstLast?p:this.renderControl(this.totalPages,this.lastLabel??this.dictionary.pagination.last,"last_page",this.page>=this.totalPages,"end")}
|
|
184
184
|
</ul>
|
|
185
185
|
</nav>
|
|
186
|
-
`}};t.styles=[
|
|
186
|
+
`}};t.styles=[w],a([i({type:Number})],t.prototype,"page",2),a([i({type:Number,attribute:"total-pages"})],t.prototype,"totalPages",2),a([i({type:Number,attribute:"sibling-count"})],t.prototype,"siblingCount",2),a([i({type:Number,attribute:"boundary-count"})],t.prototype,"boundaryCount",2),a([i({type:Boolean,attribute:"hide-prev-next"})],t.prototype,"hidePrevNext",2),a([i({type:Boolean,attribute:"hide-first-last"})],t.prototype,"hideFirstLast",2),a([i({type:Boolean,reflect:!0})],t.prototype,"disabled",2),a([i({type:Boolean,attribute:"show-labels",reflect:!0})],t.prototype,"showLabels",2),a([i({type:Number,attribute:"page-size"})],t.prototype,"pageSize",2),a([i({type:Array,attribute:"page-size-options"})],t.prototype,"pageSizeOptions",2),a([i({attribute:"page-size-label"})],t.prototype,"pageSizeLabel",2),a([i({attribute:"previous-label"})],t.prototype,"previousLabel",2),a([i({attribute:"next-label"})],t.prototype,"nextLabel",2),a([i({attribute:"first-label"})],t.prototype,"firstLabel",2),a([i({attribute:"last-label"})],t.prototype,"lastLabel",2),a([i({attribute:"page-label"})],t.prototype,"pageLabel",2),t=a([x(E)],t);export{t as EunomiaPagination,E as EunomiaPaginationTagName};
|