@momentum-ui/web-components 2.25.0 → 3.0.0-alpha.2
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/dist/{1598.js → 1013.js} +1 -1
- package/dist/109.js +3 -3
- package/dist/{2043.js → 1092.js} +1 -1
- package/dist/1200.js +3 -3
- package/dist/1323.js +5 -5
- package/dist/15.js +1 -0
- package/dist/{779.js → 1564.js} +1 -1
- package/dist/{9719.js → 1626.js} +1 -1
- package/dist/{1392.js → 1729.js} +1 -1
- package/dist/1873.js +2 -0
- package/dist/1873.js.LICENSE.txt +11 -0
- package/dist/{8841.js → 2056.js} +1 -1
- package/dist/{8728.js → 2093.js} +1 -1
- package/dist/2176.js +4 -4
- package/dist/{5467.js → 2186.js} +1 -1
- package/dist/{2798.js → 2201.js} +1 -1
- package/dist/2243.js +1 -1
- package/dist/{3663.js → 2314.js} +1 -1
- package/dist/2547.js +43 -40
- package/dist/2555.js +6 -6
- package/dist/2669.js +1 -0
- package/dist/2714.js +1 -0
- package/dist/{7251.js → 2848.js} +1 -1
- package/dist/2924.js +1 -0
- package/dist/2972.js +1 -1
- package/dist/300.js +1 -1
- package/dist/3135.js +1 -1
- package/dist/3192.js +3 -3
- package/dist/{2215.js → 3212.js} +1 -1
- package/dist/3625.js +1 -1
- package/dist/{1572.js → 3739.js} +1 -1
- package/dist/3852.js +1 -0
- package/dist/4313.js +1 -0
- package/dist/{4974.js → 4363.js} +1 -1
- package/dist/4462.js +1 -0
- package/dist/4624.js +1 -1
- package/dist/{7330.js → 4659.js} +1 -1
- package/dist/4744.js +1 -0
- package/dist/4765.js +2 -0
- package/dist/4765.js.LICENSE.txt +5 -0
- package/dist/{3112.js → 4889.js} +1 -1
- package/dist/5087.js +1 -0
- package/dist/510.js +1 -0
- package/dist/{6441.js → 5524.js} +1 -1
- package/dist/{4977.js → 5630.js} +1 -1
- package/dist/{1250.js → 5799.js} +1 -1
- package/dist/5809.js +1 -0
- package/dist/{6953.js → 5838.js} +1 -1
- package/dist/591.js +1 -1
- package/dist/6188.js +1 -0
- package/dist/622.js +1 -0
- package/dist/6273.js +10 -10
- package/dist/6396.js +3 -3
- package/dist/6408.js +8 -8
- package/dist/6633.js +1 -1
- package/dist/674.js +1 -0
- package/dist/6752.js +2 -0
- package/dist/6752.js.LICENSE.txt +5 -0
- package/dist/6754.js +3 -3
- package/dist/{7092.js → 6765.js} +1 -1
- package/dist/{8612.js → 679.js} +16 -16
- package/dist/6798.js +4 -4
- package/dist/6865.js +1 -0
- package/dist/7119.js +8 -8
- package/dist/{3553.js → 7292.js} +1 -1
- package/dist/754.js +1 -1
- package/dist/759.js +1 -0
- package/dist/768.js +1 -1
- package/dist/7814.js +2 -2
- package/dist/{6366.js → 7819.js} +1 -1
- package/dist/7833.js +1 -1
- package/dist/7919.js +1 -1
- package/dist/8028.js +12 -12
- package/dist/{8521.js → 8033.js} +1 -1
- package/dist/{8227.js → 8148.js} +1 -1
- package/dist/{9130.js → 8161.js} +1 -1
- package/dist/8171.js +5 -5
- package/dist/8210.js +1 -1
- package/dist/{8004.js → 8345.js} +1 -1
- package/dist/836.js +1 -0
- package/dist/8373.js +1 -1
- package/dist/8387.js +1 -1
- package/dist/{9618.js → 8391.js} +1 -1
- package/dist/8576.js +22 -0
- package/dist/{1869.js → 8588.js} +1 -1
- package/dist/{7875.js → 9238.js} +1 -1
- package/dist/{6795.js → 9270.js} +1 -1
- package/dist/{1705.js → 9312.js} +1 -1
- package/dist/9409.js +1 -0
- package/dist/{2984.js → 9425.js} +1 -1
- package/dist/{630.js → 9455.js} +1 -1
- package/dist/{2019.js → 9480.js} +1 -1
- package/dist/{1107.js → 9654.js} +1 -1
- package/dist/984.js +2 -2
- package/dist/chunks/md-2278.js +1 -0
- package/dist/chunks/md-414.js +1 -1
- package/dist/chunks/{md-7292.js → md-4911.js} +1 -1
- package/dist/chunks/md-7040.js +1 -1
- package/dist/comp/md-accordion-entry.js +2 -2
- package/dist/comp/md-accordion-item-entry.js +4 -4
- package/dist/comp/md-accordion-item.js +1 -1
- package/dist/comp/md-accordion.js +1 -1
- package/dist/comp/md-activity-button-entry.js +2 -2
- package/dist/comp/md-activity-button.js +1 -1
- package/dist/comp/md-advance-list-entry.js +13 -10
- package/dist/comp/md-advance-list.js +1 -1
- package/dist/comp/md-alert-banner-entry.js +8 -8
- package/dist/comp/md-alert-banner.js +1 -1
- package/dist/comp/md-alert-entry.js +32 -32
- package/dist/comp/md-alert.js +1 -1
- package/dist/comp/md-audio-player-entry.js +9 -9
- package/dist/comp/md-audio-player.js +1 -1
- package/dist/comp/md-avatar-entry.js +11 -11
- package/dist/comp/md-avatar.js +1 -1
- package/dist/comp/md-badge-entry.js +6 -6
- package/dist/comp/md-badge.js +1 -1
- package/dist/comp/md-breadcrumb-entry.js +4 -4
- package/dist/comp/md-breadcrumb.js +1 -1
- package/dist/comp/md-button-entry.js +4 -4
- package/dist/comp/md-button-group-entry.js +2 -2
- package/dist/comp/md-button-group.js +1 -1
- package/dist/comp/md-button.js +1 -1
- package/dist/comp/md-card-ai-entry.js +9 -9
- package/dist/comp/md-card-ai.js +1 -1
- package/dist/comp/md-card-entry.js +12 -12
- package/dist/comp/md-card-v2-entry.js +7 -7
- package/dist/comp/md-card-v2.js +1 -1
- package/dist/comp/md-card.js +1 -1
- package/dist/comp/md-chat-message-entry.js +8 -8
- package/dist/comp/md-chat-message.js +1 -1
- package/dist/comp/md-checkbox-entry.js +2 -2
- package/dist/comp/md-checkbox.js +1 -1
- package/dist/comp/md-checkboxgroup-entry.js +2 -2
- package/dist/comp/md-checkboxgroup.js +1 -1
- package/dist/comp/md-chip-entry.js +13 -13
- package/dist/comp/md-chip.js +1 -1
- package/dist/comp/md-coachmark-entry.js +3 -3
- package/dist/comp/md-coachmark-popover-entry.js +7 -7
- package/dist/comp/md-coachmark-popover.js +1 -1
- package/dist/comp/md-coachmark.js +1 -1
- package/dist/comp/md-combobox-entry.js +43 -40
- package/dist/comp/md-combobox.js +1 -1
- package/dist/comp/md-composite-avatar-entry.js +3 -3
- package/dist/comp/md-composite-avatar.js +1 -1
- package/dist/comp/md-country-code-picker-entry.js +9 -9
- package/dist/comp/md-country-code-picker.js +1 -1
- package/dist/comp/md-date-range-picker-entry.js +1 -1
- package/dist/comp/md-date-range-picker.js +1 -1
- package/dist/comp/md-date-time-picker-entry.js +10 -10
- package/dist/comp/md-date-time-picker.js +1 -1
- package/dist/comp/md-datepicker-calendar-entry.js +2 -2
- package/dist/comp/md-datepicker-calendar.js +1 -1
- package/dist/comp/md-datepicker-day-entry.js +4 -4
- package/dist/comp/md-datepicker-day.js +1 -1
- package/dist/comp/md-datepicker-entry.js +9 -9
- package/dist/comp/md-datepicker-month-entry.js +2 -2
- package/dist/comp/md-datepicker-month.js +1 -1
- package/dist/comp/md-datepicker-week-entry.js +2 -2
- package/dist/comp/md-datepicker-week.js +1 -1
- package/dist/comp/md-datepicker.js +1 -1
- package/dist/comp/md-draggable-entry.js +2 -2
- package/dist/comp/md-draggable-item-entry.js +5 -5
- package/dist/comp/md-draggable-item.js +1 -1
- package/dist/comp/md-draggable.js +1 -1
- package/dist/comp/md-dropdown-entry.js +2 -2
- package/dist/comp/md-dropdown.js +1 -1
- package/dist/comp/md-editable-field-entry.js +8 -8
- package/dist/comp/md-editable-field.js +1 -1
- package/dist/comp/md-favorite-entry.js +4 -4
- package/dist/comp/md-favorite.js +1 -1
- package/dist/comp/md-floating-minimize-entry.js +3 -3
- package/dist/comp/md-floating-minimize.js +1 -1
- package/dist/comp/md-floating-modal-entry.js +11 -11
- package/dist/comp/md-floating-modal.js +1 -1
- package/dist/comp/md-form-entry.js +6 -6
- package/dist/comp/md-grabber-entry.js +5 -5
- package/dist/comp/md-grabber.js +1 -1
- package/dist/comp/md-help-text-entry.js +3 -3
- package/dist/comp/md-help-text.js +1 -1
- package/dist/comp/md-icon-entry.js +8 -8
- package/dist/comp/md-icon.js +1 -1
- package/dist/comp/md-inpu.js +1 -1
- package/dist/comp/md-input-entry.js +8 -8
- package/dist/comp/md-input-file.js +3 -3
- package/dist/comp/md-input.js +1 -1
- package/dist/comp/md-label-entry.js +3 -3
- package/dist/comp/md-label.js +1 -1
- package/dist/comp/md-link-entry.js +4 -4
- package/dist/comp/md-link.js +1 -1
- package/dist/comp/md-list-entry.js +3 -3
- package/dist/comp/md-list-item-entry.js +3 -3
- package/dist/comp/md-list-item.js +1 -1
- package/dist/comp/md-list.js +1 -1
- package/dist/comp/md-loading-entry.js +6 -6
- package/dist/comp/md-loading.js +1 -1
- package/dist/comp/md-meeting-alert-entry.js +10 -10
- package/dist/comp/md-meeting-alert.js +1 -1
- package/dist/comp/md-menu-entry.js +4 -4
- package/dist/comp/md-menu-item-entry.js +4 -4
- package/dist/comp/md-menu-item.js +1 -1
- package/dist/comp/md-menu-overlay-entry.js +5 -5
- package/dist/comp/md-menu-overlay.js +1 -1
- package/dist/comp/md-menu.js +1 -1
- package/dist/comp/md-modal-entry.js +17 -17
- package/dist/comp/md-modal.js +1 -1
- package/dist/comp/md-pagination-entry.js +6 -6
- package/dist/comp/md-pagination.js +1 -1
- package/dist/comp/md-phone-input-entry.js +8 -8
- package/dist/comp/md-phone-input.js +1 -1
- package/dist/comp/md-popover-entry.js +6 -6
- package/dist/comp/md-popover.js +1 -1
- package/dist/comp/md-presence-entry.js +3 -3
- package/dist/comp/md-presence.js +1 -1
- package/dist/comp/md-progress-bar-entry.js +3 -3
- package/dist/comp/md-progress-bar.js +1 -1
- package/dist/comp/md-radio-entry.js +2 -2
- package/dist/comp/md-radio.js +1 -1
- package/dist/comp/md-radiogroup-entry.js +2 -2
- package/dist/comp/md-radiogroup.js +1 -1
- package/dist/comp/md-slider-entry.js +6 -6
- package/dist/comp/md-slider.js +1 -1
- package/dist/comp/md-spinner-entry.js +3 -3
- package/dist/comp/md-spinner.js +1 -1
- package/dist/comp/md-tab-entry.js +4 -4
- package/dist/comp/md-tab-panel-entry.js +1 -1
- package/dist/comp/md-tab-panel.js +1 -1
- package/dist/comp/md-tab.js +1 -1
- package/dist/comp/md-table-advanced-entry.js +30 -32
- package/dist/comp/md-table-advanced.js +1 -1
- package/dist/comp/md-table-entry.js +3 -3
- package/dist/comp/md-table.js +1 -1
- package/dist/comp/md-tabs-entry.js +18 -18
- package/dist/comp/md-tabs.js +1 -1
- package/dist/comp/md-task-item-entry.js +20 -18
- package/dist/comp/md-task-item.js +1 -1
- package/dist/comp/md-theme-entry.js +2 -2
- package/dist/comp/md-theme.js +1 -1
- package/dist/comp/md-timepicker-entry.js +8 -8
- package/dist/comp/md-timepicker.js +1 -1
- package/dist/comp/md-toggle-switch-entry.js +8 -8
- package/dist/comp/md-toggle-switch.js +1 -1
- package/dist/comp/md-tooltip-entry.js +3 -3
- package/dist/comp/md-tooltip.js +1 -1
- package/dist/index-entry.js +540 -534
- package/dist/index.js +1 -1
- package/dist/types/components/accordion/Accordion.d.ts +3 -3
- package/dist/types/components/accordion/AccordionItem.d.ts +3 -3
- package/dist/types/components/activity-button/ActivityButton.d.ts +2 -2
- package/dist/types/components/advance-list/AdvanceList.d.ts +5 -4
- package/dist/types/components/alert/Alert.d.ts +3 -3
- package/dist/types/components/alert-banner/AlertBanner.d.ts +2 -2
- package/dist/types/components/audio-player/AudioPlayer.d.ts +3 -3
- package/dist/types/components/avatar/Avatar.d.ts +6 -6
- package/dist/types/components/avatar/CompositeAvatar.d.ts +3 -3
- package/dist/types/components/badge/Badge.d.ts +8 -8
- package/dist/types/components/badge/NotificationBadge.d.ts +2 -2
- package/dist/types/components/breadcrumb/Breadcrumb.d.ts +3 -3
- package/dist/types/components/button/Button.d.ts +10 -10
- package/dist/types/components/button-group/ButtonGroup.d.ts +3 -3
- package/dist/types/components/card/Card.d.ts +3 -3
- package/dist/types/components/card-ai/CardAi.d.ts +3 -3
- package/dist/types/components/card-v2/CardV2.d.ts +3 -3
- package/dist/types/components/chat-message/ChatMessage.d.ts +3 -3
- package/dist/types/components/checkbox/Checkbox.d.ts +3 -3
- package/dist/types/components/checkbox/CheckboxGroup.d.ts +3 -3
- package/dist/types/components/chip/Chip.d.ts +9 -9
- package/dist/types/components/coachmark/Coachmark.d.ts +5 -5
- package/dist/types/components/coachmark-popover/CoachmarkPopover.d.ts +3 -3
- package/dist/types/components/code-editor/CodeEditor.d.ts +3 -3
- package/dist/types/components/combobox/ComboBox.d.ts +22 -22
- package/dist/types/components/country-code-picker/CountryCodePicker.d.ts +5 -5
- package/dist/types/components/date-time-picker/DateTimePicker.d.ts +3 -3
- package/dist/types/components/datepicker/DatePicker.d.ts +6 -6
- package/dist/types/components/datepicker/datepicker-calendar/DatePickerCalendar.d.ts +7 -7
- package/dist/types/components/datepicker/datepicker-day/DatePickerDay.d.ts +3 -3
- package/dist/types/components/datepicker/datepicker-month/DatePickerMonth.d.ts +4 -4
- package/dist/types/components/datepicker/datepicker-week/DatePickerWeek.d.ts +5 -5
- package/dist/types/components/draggable/Draggable.d.ts +3 -3
- package/dist/types/components/draggable/DraggableItem.d.ts +3 -3
- package/dist/types/components/dropdown/Dropdown.d.ts +9 -9
- package/dist/types/components/editable-textfield/EditableTextfield.d.ts +3 -3
- package/dist/types/components/favorite/Favorite.d.ts +3 -4
- package/dist/types/components/floating-button-bar/FloatingButtonBar.d.ts +3 -4
- package/dist/types/components/floating-modal/FloatingMinimizedModal.d.ts +3 -3
- package/dist/types/components/floating-modal/FloatingModal.d.ts +3 -3
- package/dist/types/components/form/Form.d.ts +2 -2
- package/dist/types/components/grabber/Grabber.d.ts +4 -4
- package/dist/types/components/help-text/HelpText.d.ts +3 -3
- package/dist/types/components/icon/Icon.d.ts +5 -5
- package/dist/types/components/input/Input.d.ts +10 -10
- package/dist/types/components/input-file/InputFile.d.ts +3 -3
- package/dist/types/components/label/Label.d.ts +3 -3
- package/dist/types/components/link/Link.d.ts +3 -3
- package/dist/types/components/list/List.d.ts +3 -3
- package/dist/types/components/list/ListItem.d.ts +3 -3
- package/dist/types/components/loading/Loading.d.ts +3 -3
- package/dist/types/components/meeting-alert/CompositeAvatar.d.ts +1 -1
- package/dist/types/components/meeting-alert/MeetingAlert.d.ts +3 -3
- package/dist/types/components/menu/Menu.d.ts +4 -4
- package/dist/types/components/menu/MenuItem.d.ts +3 -3
- package/dist/types/components/menu-overlay/MenuOverlay.d.ts +3 -3
- package/dist/types/components/modal/Modal.d.ts +4 -4
- package/dist/types/components/pagination/Pagination.d.ts +3 -3
- package/dist/types/components/phone-input/PhoneInput.d.ts +3 -3
- package/dist/types/components/popover/Popover.d.ts +3 -3
- package/dist/types/components/presence/Presence.d.ts +3 -3
- package/dist/types/components/progress-bar/ProgressBar.d.ts +3 -3
- package/dist/types/components/radio/Radio.d.ts +3 -3
- package/dist/types/components/radio/RadioGroup.d.ts +3 -3
- package/dist/types/components/sass-stats/SassStats.d.ts +3 -3
- package/dist/types/components/skeleton/Skeleton.d.ts +8 -3
- package/dist/types/components/slider/Slider.d.ts +3 -3
- package/dist/types/components/spinner/Spinner.d.ts +3 -3
- package/dist/types/components/table/Table.d.ts +3 -4
- package/dist/types/components/table-advanced/TableAdvanced.d.ts +7 -6
- package/dist/types/components/table-advanced/src/decorators.d.ts +0 -6
- package/dist/types/components/tabs/Tab.d.ts +4 -4
- package/dist/types/components/tabs/TabPanel.d.ts +3 -3
- package/dist/types/components/tabs/Tabs.d.ts +3 -3
- package/dist/types/components/taskitem/TaskItem.d.ts +4 -4
- package/dist/types/components/taskitem/TaskItem.utils.d.ts +7 -7
- package/dist/types/components/theme/Theme.d.ts +3 -3
- package/dist/types/components/timepicker/TimePicker.d.ts +5 -5
- package/dist/types/components/toggle-switch/ToggleSwitch.d.ts +4 -4
- package/dist/types/components/tooltip/Tooltip.d.ts +3 -3
- package/dist/types/internal-components/color-table/ColorTable.d.ts +4 -4
- package/dist/types/internal-components/color-table/utils.d.ts +1 -1
- package/dist/types/mixins/FocusMixin.d.ts +1 -1
- package/dist/types/mixins/FocusTrapMixin.d.ts +1 -1
- package/dist/types/mixins/ResizeMixin.d.ts +1 -1
- package/dist/types/mixins/RovingTabIndexMixin.d.ts +1 -1
- package/dist/types/mixins/SlottedMixin.d.ts +1 -1
- package/package.json +3 -4
- package/dist/3604.js +0 -1
- package/dist/3866.js +0 -1
- package/dist/4392.js +0 -1
- package/dist/4400.js +0 -1
- package/dist/573.js +0 -1
- package/dist/5801.js +0 -22
- package/dist/5830.js +0 -1
- package/dist/587.js +0 -1
- package/dist/6015.js +0 -1
- package/dist/6067.js +0 -1
- package/dist/6272.js +0 -1
- package/dist/6325.js +0 -1
- package/dist/6400.js +0 -1
- package/dist/6700.js +0 -1
- package/dist/6877.js +0 -1
- package/dist/6979.js +0 -1
- package/dist/76.js +0 -1
- package/dist/7997.js +0 -1
- package/dist/9217.js +0 -1
- package/dist/chunks/md-4659.js +0 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit
|
|
2
|
-
${this.showCloseButton?
|
|
1
|
+
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js"),require("lit/directives/if-defined.js"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"));else if("function"==typeof define&&define.amd)define(["lit","lit/decorators.js","lit/directives/class-map.js","lit/directives/style-map.js","lit/directives/if-defined.js","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","mobx"],t);else{var o="object"==typeof exports?t(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js"),require("lit/directives/if-defined.js"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx")):t(e.lit,e["lit/decorators.js"],e["lit/directives/class-map.js"],e["lit/directives/style-map.js"],e["lit/directives/if-defined.js"],e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"],e.mobx);for(var i in o)("object"==typeof exports?exports:e)[i]=o[i]}}(self,(e,t,o,i,a,r,s,n)=>(()=>{"use strict";var l,d={10318:e=>{e.exports=i},20291:e=>{e.exports=a},32022:e=>{e.exports=r},32252:(e,t,o)=>{o.r(t),o.d(t,{Modal:()=>y,modalAlignment:()=>v,modalType:()=>u}),o(96798),o(61200);var i=o(90195),a=o(37719),r=o(3001),s=o(31890),n=o(4313),l=o(87161),d=o(70429),p=o(85125),m=o(20291),c=o(30414),h=function(e,t,o,i){var a,r=arguments.length,s=r<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,i);else for(var n=e.length-1;n>=0;n--)(a=e[n])&&(s=(r<3?a(s):r>3?a(t,o,s):a(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};const u=["default","full","large","small","dialog"],v=["leading","center"];var y;!function(e){let t=class extends((0,r.dY)(l.LitElement)){constructor(){super(...arguments),this.show=!1,this.headerLabel="",this.headerMessage="",this.htmlId="",this.ariaLabel="modal",this.ariaLabelClose="Close Modal",this.ariaLabelCancel="Cancel Modal",this.ariaLabelSubmit="Submit Modal",this.ariaDescription="",this.showCloseButton=!1,this.backdropClickExit=!1,this.noExitOnEsc=!1,this.size="default",this.closeBtnName="",this.hideFooter=!1,this.hideHeader=!1,this.disableInitialFocus=!1,this.alignment=void 0,this.animating=!1,this.handleCloseOutside=e=>{e.code===i.Uz.Escape&&(e.preventDefault(),this.show&&!this.noExitOnEsc&&(this.show=!1))}}static get styles(){return[n.A,c.A]}connectedCallback(){super.connectedCallback(),document.addEventListener("keydown",this.handleCloseOutside)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("keydown",this.handleCloseOutside)}update(e){super.update(e),e.has("show")&&(this.show?this.modalFadeIn():!0===e.get("show")&&this.modalFadeOut())}get computedAlignment(){return void 0===this.alignment?a.themeManager.isMomentumV2Enabled?"leading":"center":this.alignment}notifyModalClose(){this.dispatchEvent(new CustomEvent("close-modal",{composed:!0,bubbles:!0}))}focusInsideModal(){var e;(null===(e=this.focusableElements)||void 0===e?void 0:e.length)&&this.setInitialFocus()}handleKeyDown(e){e.code!==i.Uz.Enter&&e.code!==i.Uz.Space||this.show&&(this.show=!0)}transitionPromise(e){return new Promise(t=>{const o=()=>{e.removeEventListener("transitionend",o),this.activateFocusTrap(),this.setFocusableElements(),requestAnimationFrame(()=>{t()})},i=()=>{e.removeEventListener("transitioncancel",i),this.deactivateFocusTrap(),this.modalFadeOut(),t()};e.addEventListener("transitionend",o),e.addEventListener("transitioncancel",i),setTimeout(()=>{this.animating=!0},13)})}modalFadeIn(){return e=this,t=void 0,i=function*(){this.backDrop&&(yield this.transitionPromise(this.backDrop),this.disableInitialFocus||this.focusInsideModal())},new((o=void 0)||(o=Promise))(function(a,r){function s(e){try{l(i.next(e))}catch(e){r(e)}}function n(e){try{l(i.throw(e))}catch(e){r(e)}}function l(e){var t;e.done?a(e.value):(t=e.value,t instanceof o?t:new o(function(e){e(t)})).then(s,n)}l((i=i.apply(e,t||[])).next())});var e,t,o,i}modalFadeOut(){this.animating=!1,this.deactivateFocusTrap(),this.notifyModalClose()}handleCloseBackdrop(){this.backdropClickExit&&(this.show=!1)}hideModal(){this.animating=!1,this.show=!1}topCloseBtnTemplate(){return l.html`
|
|
2
|
+
${this.showCloseButton?l.html`
|
|
3
3
|
<md-button
|
|
4
4
|
variant="ghost"
|
|
5
5
|
size="20"
|
|
@@ -11,21 +11,21 @@
|
|
|
11
11
|
>
|
|
12
12
|
<md-icon name="cancel-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
13
13
|
</md-button>
|
|
14
|
-
`:
|
|
15
|
-
`}handleFooterClick(){this.show=!1}headerTemplate(){return this.hideHeader?
|
|
14
|
+
`:l.nothing}
|
|
15
|
+
`}handleFooterClick(){this.show=!1}headerTemplate(){return this.hideHeader?l.html`
|
|
16
16
|
<div id="modal_header" part="modal-header" class="md-modal__header">
|
|
17
17
|
<slot name="header"></slot>
|
|
18
18
|
</div>
|
|
19
|
-
`:
|
|
19
|
+
`:l.html`
|
|
20
20
|
<div id="modal_header" part="modal-header" class="md-modal__header">
|
|
21
21
|
<h2 class="md-modal__title">${this.headerLabel}</h2>
|
|
22
|
-
${this.headerMessage?
|
|
22
|
+
${this.headerMessage?l.html` <span class="md-modal__message">${this.headerMessage}</span> `:l.nothing}
|
|
23
23
|
</div>
|
|
24
|
-
`}footerTemplate(){return this.hideFooter?
|
|
24
|
+
`}footerTemplate(){return this.hideFooter?l.html`
|
|
25
25
|
<div part="modal-footer" class="md-modal__footer">
|
|
26
26
|
<slot name="footer"></slot>
|
|
27
27
|
</div>
|
|
28
|
-
`:
|
|
28
|
+
`:l.html`
|
|
29
29
|
<div part="modal-footer" class="md-modal__footer">
|
|
30
30
|
<md-button
|
|
31
31
|
aria-label=${this.ariaLabelCancel}
|
|
@@ -45,18 +45,18 @@
|
|
|
45
45
|
<span>${this.closeBtnName}</span>
|
|
46
46
|
</md-button>
|
|
47
47
|
</div>
|
|
48
|
-
`}get modalBackDropClassMap(){return{in:this.show&&this.animating}}get modalContainerClassMap(){return{in:this.show,[`md-modal--${this.size}`]:!!this.size,[`md-modal--${this.computedAlignment}`]:!!this.computedAlignment}}render(){return
|
|
49
|
-
${this.show?
|
|
50
|
-
<div part="modal-backdrop" class="md-modal__backdrop fade ${(0,
|
|
51
|
-
${this.backdropClickExit?
|
|
48
|
+
`}get modalBackDropClassMap(){return{in:this.show&&this.animating}}get modalContainerClassMap(){return{in:this.show,[`md-modal--${this.size}`]:!!this.size,[`md-modal--${this.computedAlignment}`]:!!this.computedAlignment}}render(){return l.html`
|
|
49
|
+
${this.show?l.html`
|
|
50
|
+
<div part="modal-backdrop" class="md-modal__backdrop fade ${(0,p.classMap)(this.modalBackDropClassMap)}">
|
|
51
|
+
${this.backdropClickExit?l.html` <div class="md-modal_overlay" @click="${this.handleCloseBackdrop}"></div> `:l.nothing}
|
|
52
52
|
|
|
53
53
|
<div
|
|
54
54
|
part="modal-container"
|
|
55
55
|
role="dialog"
|
|
56
56
|
id="${this.htmlId}"
|
|
57
|
-
class="md-modal ${(0,
|
|
58
|
-
aria-label="${(0,
|
|
59
|
-
aria-describedby=${(0,
|
|
57
|
+
class="md-modal ${(0,p.classMap)(this.modalContainerClassMap)}"
|
|
58
|
+
aria-label="${(0,m.ifDefined)(this.headerLabel||this.ariaLabel||void 0)}"
|
|
59
|
+
aria-describedby=${(0,m.ifDefined)(this.ariaDescription||void 0)}
|
|
60
60
|
>
|
|
61
61
|
<div part="modal-content" class="md-modal__content">
|
|
62
62
|
<div class="md-modal__flex-container" part="modal-flex-container">
|
|
@@ -69,5 +69,5 @@
|
|
|
69
69
|
</div>
|
|
70
70
|
</div>
|
|
71
71
|
</div>
|
|
72
|
-
`:
|
|
73
|
-
`}};
|
|
72
|
+
`:l.nothing}
|
|
73
|
+
`}};h([(0,d.property)({type:Boolean})],t.prototype,"show",void 0),h([(0,d.property)({type:String})],t.prototype,"headerLabel",void 0),h([(0,d.property)({type:String})],t.prototype,"headerMessage",void 0),h([(0,d.property)({type:String})],t.prototype,"htmlId",void 0),h([(0,d.property)({type:String,attribute:"aria-label"})],t.prototype,"ariaLabel",void 0),h([(0,d.property)({type:String})],t.prototype,"ariaLabelClose",void 0),h([(0,d.property)({type:String})],t.prototype,"ariaLabelCancel",void 0),h([(0,d.property)({type:String})],t.prototype,"ariaLabelSubmit",void 0),h([(0,d.property)({type:String})],t.prototype,"ariaDescription",void 0),h([(0,d.property)({type:Boolean})],t.prototype,"showCloseButton",void 0),h([(0,d.property)({type:Boolean})],t.prototype,"backdropClickExit",void 0),h([(0,d.property)({type:Boolean})],t.prototype,"noExitOnEsc",void 0),h([(0,d.property)({type:String})],t.prototype,"size",void 0),h([(0,d.property)({type:String})],t.prototype,"closeBtnName",void 0),h([(0,d.property)({type:Boolean})],t.prototype,"hideFooter",void 0),h([(0,d.property)({type:Boolean})],t.prototype,"hideHeader",void 0),h([(0,d.property)({type:Boolean})],t.prototype,"disableInitialFocus",void 0),h([(0,d.property)({type:String})],t.prototype,"alignment",void 0),h([(0,d.state)()],t.prototype,"animating",void 0),h([(0,d.query)(".md-modal__backdrop")],t.prototype,"backDrop",void 0),t=h([(0,s.w)("md-modal")],t),e.ELEMENT=t}(y||(y={}))},60554:e=>{e.exports=s},70429:e=>{e.exports=t},85125:e=>{e.exports=o},85314:e=>{e.exports=n},87161:t=>{t.exports=e}},p={};function m(e){var t=p[e];if(void 0!==t)return t.exports;var o=p[e]={exports:{}};return d[e](o,o.exports,m),o.exports}m.m=d,l=[],m.O=(e,t,o,i)=>{if(!t){var a=1/0;for(d=0;d<l.length;d++){for(var[t,o,i]=l[d],r=!0,s=0;s<t.length;s++)(!1&i||a>=i)&&Object.keys(m.O).every(e=>m.O[e](t[s]))?t.splice(s--,1):(r=!1,i<a&&(a=i));if(r){l.splice(d--,1);var n=o();void 0!==n&&(e=n)}}return e}i=i||0;for(var d=l.length;d>0&&l[d-1][2]>i;d--)l[d]=l[d-1];l[d]=[t,o,i]},m.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return m.d(t,{a:t}),t},m.d=(e,t)=>{for(var o in t)m.o(t,o)&&!m.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},m.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),m.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),m.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={6433:0};m.O.j=t=>0===e[t];var t=(t,o)=>{var i,a,[r,s,n]=o,l=0;if(r.some(t=>0!==e[t])){for(i in s)m.o(s,i)&&(m.m[i]=s[i]);if(n)var d=n(m)}for(t&&t(o);l<r.length;l++)a=r[l],m.o(e,a)&&e[a]&&e[a][0](),e[a]=0;return m.O(d)},o=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];o.forEach(t.bind(null,0)),o.push=t.bind(null,o.push.bind(o))})();var c=m.O(void 0,[6633,1890,4313,510,6283,5087,2176,6798,6865,1200,8889,2576,4624,300,591,768,3135,7719,8033,144],()=>m(32252));return m.O(c)})());
|
package/dist/comp/md-modal.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
require("../6633"),require("../1890"),require("../
|
|
1
|
+
require("../6633"),require("../1890"),require("../4313"),require("../510"),require("../6283"),require("../5087"),require("../2176"),require("../6798"),require("../6865"),require("../1200"),require("../8889"),require("../2576"),require("../4624"),require("../300"),require("../591"),require("../768"),require("../3135"),require("../7719"),require("../8033"),require("../144"),module.exports=require("../comp/md-modal-entry");
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
!function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e(require("lit
|
|
1
|
+
!function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js"),require("lit/directives/if-defined.js"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"));else if("function"==typeof define&&define.amd)define(["lit","lit/decorators.js","lit/directives/class-map.js","lit/directives/style-map.js","lit/directives/if-defined.js","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","mobx"],e);else{var i="object"==typeof exports?e(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js"),require("lit/directives/if-defined.js"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx")):e(t.lit,t["lit/decorators.js"],t["lit/directives/class-map.js"],t["lit/directives/style-map.js"],t["lit/directives/if-defined.js"],t["@momentum-ui/icons/data/momentumUiIconsNames.json"],t["@momentum-ui/utils/lib/getColorValue"],t.mobx);for(var r in i)("object"==typeof exports?exports:t)[r]=i[r]}}(self,(t,e,i,r,a,o,s,n)=>(()=>{"use strict";var l,u={10318:t=>{t.exports=r},20291:t=>{t.exports=a},23026:(t,e,i)=>{i.r(e),i.d(e,{Pagination:()=>r}),i(96798),i(61200);var r,a=i(31890),o=i(4313),s=i(87161),n=i(70429),l=i(45809),u=function(t,e,i,r){var a,o=arguments.length,s=o<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,r);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(s=(o<3?a(s):o>3?a(e,i,s):a(e,i))||s);return o>3&&s&&Object.defineProperty(e,i,s),s};!function(t){let e=class extends s.LitElement{constructor(){super(...arguments),this._currentPage=1,this.hasDots=!1,this.onlyDots=!1,this.noNavigation=!1,this.totalPage=0,this.visiblePage=3}get currentPage(){return this._currentPage}set currentPage(t){const e=this._currentPage;this._currentPage=t,this.notifyPageChange(e,t),this.requestUpdate("currentPage",e)}static get styles(){return[o.A,l.A]}computePrevious(t){1!==t&&t!==this.currentPage&&(this.currentPage-=1)}computeNext(t){t<=this.totalPage&&t!==this.currentPage&&(this.currentPage+=1)}computeFirst(){this.currentPage>=1&&(this.currentPage=1)}computeLast(){this.currentPage>=1&&(this.currentPage=this.totalPage)}computeCurrent(t){this.currentPage=t}notifyPageChange(t,e){this.dispatchEvent(new CustomEvent("page-change",{composed:!0,bubbles:!0,detail:{oldPage:t,newPage:e}}))}get hasPreviousPage(){return this.currentPage<=1}get hasNextPage(){return this.currentPage>=this.totalPage}computePageList(t){if(this.totalPage>this.visiblePage&&t){const[t,e,i]=[this.currentPage-1,this.currentPage,this.currentPage+1];let r=[];if(e<=this.visiblePage-1)return r=[...Array(this.visiblePage)].map((t,e)=>1+e),r.push("..."),r.push(this.totalPage),r;if(this.totalPage-e<=this.visiblePage-2){r=[],r.push(1),r.push("...");const t=[...Array(this.visiblePage)].map((t,e)=>this.totalPage-this.visiblePage+1+e);return r.concat(t)}return[1,"...",t,e,i,"...",this.totalPage]}return[...Array(this.totalPage)].map((t,e)=>1+e)}pagesTemplate(t){return this.computePageList(t).map(t=>"..."===t?s.html` <li class="page-ellipsis">${t}</li> `:s.html`
|
|
2
2
|
<li @click=${()=>this.computeCurrent(t)} aria-current=${t===this.currentPage}>
|
|
3
3
|
${t}
|
|
4
4
|
</li>
|
|
5
|
-
`)}dotsTemplate(t){return this.computePageList(t).map(t=>"..."===t?
|
|
5
|
+
`)}dotsTemplate(t){return this.computePageList(t).map(t=>"..."===t?s.nothing:s.html`
|
|
6
6
|
<li @click=${()=>this.computeCurrent(t)} aria-current=${t===this.currentPage}></li>
|
|
7
7
|
`)}render(){return s.html`
|
|
8
8
|
<nav class="md-pagination" role="navigation" part="pagination">
|
|
9
|
-
${this.noNavigation?
|
|
9
|
+
${this.noNavigation?s.nothing:s.html`
|
|
10
10
|
<md-button
|
|
11
11
|
class="md-pagination-nav"
|
|
12
12
|
ariaLabel="First Page"
|
|
@@ -46,9 +46,9 @@
|
|
|
46
46
|
<ul class="md-pagination-dots" part="pagination-dots">
|
|
47
47
|
${this.dotsTemplate(!0)}
|
|
48
48
|
</ul>
|
|
49
|
-
`:
|
|
49
|
+
`:s.nothing}
|
|
50
50
|
</div>
|
|
51
|
-
${this.noNavigation?
|
|
51
|
+
${this.noNavigation?s.nothing:s.html`
|
|
52
52
|
<md-button
|
|
53
53
|
class="md-pagination-nav"
|
|
54
54
|
ariaLabel="Previous Page"
|
|
@@ -75,4 +75,4 @@
|
|
|
75
75
|
</md-button>
|
|
76
76
|
`}
|
|
77
77
|
</nav>
|
|
78
|
-
`}};u([(0,
|
|
78
|
+
`}};u([(0,n.property)({type:Boolean,attribute:"dots"})],e.prototype,"hasDots",void 0),u([(0,n.property)({type:Boolean,reflect:!0,attribute:"only-dots"})],e.prototype,"onlyDots",void 0),u([(0,n.property)({type:Boolean,reflect:!0,attribute:"no-navigation"})],e.prototype,"noNavigation",void 0),u([(0,n.property)({type:Number,reflect:!0,attribute:"total-page"})],e.prototype,"totalPage",void 0),u([(0,n.property)({type:Number,reflect:!0,attribute:"visible-page"})],e.prototype,"visiblePage",void 0),u([(0,n.property)({type:Number,reflect:!0,attribute:"current-page"})],e.prototype,"currentPage",null),e=u([(0,a.w)("md-pagination")],e),t.ELEMENT=e}(r||(r={}))},32022:t=>{t.exports=o},60554:t=>{t.exports=s},70429:t=>{t.exports=e},85125:t=>{t.exports=i},85314:t=>{t.exports=n},87161:e=>{e.exports=t}},c={};function m(t){var e=c[t];if(void 0!==e)return e.exports;var i=c[t]={exports:{}};return u[t](i,i.exports,m),i.exports}m.m=u,l=[],m.O=(t,e,i,r)=>{if(!e){var a=1/0;for(u=0;u<l.length;u++){for(var[e,i,r]=l[u],o=!0,s=0;s<e.length;s++)(!1&r||a>=r)&&Object.keys(m.O).every(t=>m.O[t](e[s]))?e.splice(s--,1):(o=!1,r<a&&(a=r));if(o){l.splice(u--,1);var n=i();void 0!==n&&(t=n)}}return t}r=r||0;for(var u=l.length;u>0&&l[u-1][2]>r;u--)l[u]=l[u-1];l[u]=[e,i,r]},m.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return m.d(e,{a:e}),e},m.d=(t,e)=>{for(var i in e)m.o(e,i)&&!m.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},m.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),m.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},(()=>{var t={1788:0};m.O.j=e=>0===t[e];var e=(e,i)=>{var r,a,[o,s,n]=i,l=0;if(o.some(e=>0!==t[e])){for(r in s)m.o(s,r)&&(m.m[r]=s[r]);if(n)var u=n(m)}for(e&&e(i);l<o.length;l++)a=o[l],m.o(t,a)&&t[a]&&t[a][0](),t[a]=0;return m.O(u)},i=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];i.forEach(e.bind(null,0)),i.push=e.bind(null,i.push.bind(i))})();var p=m.O(void 0,[6633,1890,4313,510,6283,5087,2176,6798,6865,1200,2576,5809],()=>m(23026));return m.O(p)})());
|
|
@@ -1 +1 @@
|
|
|
1
|
-
require("../6633"),require("../1890"),require("../
|
|
1
|
+
require("../6633"),require("../1890"),require("../4313"),require("../510"),require("../6283"),require("../5087"),require("../2176"),require("../6798"),require("../6865"),require("../1200"),require("../2576"),require("../5809"),module.exports=require("../comp/md-pagination-entry");
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit
|
|
1
|
+
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js"),require("lit/directives/if-defined.js"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("lit/directives/repeat.js"),require("country-codes-list"),require("country-flags-svg"),require("libphonenumber-js"));else if("function"==typeof define&&define.amd)define(["lit","lit/decorators.js","lit/directives/class-map.js","lit/directives/style-map.js","lit/directives/if-defined.js","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","mobx","lit/directives/repeat.js","country-codes-list","country-flags-svg","libphonenumber-js"],t);else{var o="object"==typeof exports?t(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js"),require("lit/directives/if-defined.js"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("lit/directives/repeat.js"),require("country-codes-list"),require("country-flags-svg"),require("libphonenumber-js")):t(e.lit,e["lit/decorators.js"],e["lit/directives/class-map.js"],e["lit/directives/style-map.js"],e["lit/directives/if-defined.js"],e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"],e.mobx,e["lit/directives/repeat.js"],e["country-codes-list"],e["country-flags-svg"],e["libphonenumber-js"]);for(var i in o)("object"==typeof exports?exports:e)[i]=o[i]}}(self,(e,t,o,i,r,s,a,l,n,d,p,u)=>(()=>{"use strict";var c,h={860:e=>{e.exports=u},10318:e=>{e.exports=i},13060:e=>{e.exports=d},18224:(e,t,o)=>{o(4928);var i,r=o(31890),s=o(4313),a=o(13060),l=o(65875),n=o(87161),d=o(70429),p=o(85125),u=o(58175),c=o(75838),h=function(e,t,o,i){var r,s=arguments.length,a=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,i);else for(var l=e.length-1;l>=0;l--)(r=e[l])&&(a=(s<3?r(a):s>3?r(t,o,a):r(t,o))||a);return s>3&&a&&Object.defineProperty(t,o,a),a};!function(e){let t=class extends n.LitElement{constructor(){super(...arguments),this.codePlaceholder="+1",this.countryCallingCode="",this.showFlags=!1,this.pill=!1,this.disabled=!1,this.ariaLabel="",this.clearAriaLabel="Clear Country Code",this.id="",this.newMomentum=!1,this.isDropdownArrow=!0,this.countryCode="US",this.codeList=[]}connectedCallback(){super.connectedCallback(),this.codeList=(0,a.customArray)({name:"{countryNameEn}",value:"{countryCallingCode}",code:"{countryCode}"}),""===this.id&&(this.id=`md-country-code-picker-${Math.random().toString(36).substring(2,6)}`)}getCountryFlag(e){return n.html`
|
|
2
2
|
<span class="flag-svg-wrapper">
|
|
3
|
-
<img src="${(0,
|
|
3
|
+
<img src="${(0,l.findFlagUrlByIso2Code)(e)}" />
|
|
4
4
|
</span>
|
|
5
5
|
`}countryCodeOptionTemplate(e,t){return n.html`
|
|
6
6
|
<div
|
|
@@ -10,15 +10,15 @@
|
|
|
10
10
|
slot=${t}
|
|
11
11
|
aria-label="+${e.value}, ${e.name}, ${e.code}"
|
|
12
12
|
>
|
|
13
|
-
${this.showFlags?this.getCountryFlag(e.code):
|
|
13
|
+
${this.showFlags?this.getCountryFlag(e.code):n.nothing}
|
|
14
14
|
<span>${e.name}</span>
|
|
15
15
|
<span>+${e.value}</span>
|
|
16
16
|
</div>
|
|
17
|
-
`}handleCountryChange(e){var t,
|
|
17
|
+
`}handleCountryChange(e){var t,o;e.detail.value&&(null===(t=e.detail.value)||void 0===t?void 0:t.id)?(this.countryCallingCode=e.detail.value.id,this.countryCode=null===(o=e.detail.value.id.split(",")[2])||void 0===o?void 0:o.trim()):(this.countryCode="US",this.countryCallingCode=""),this.dispatchEvent(new CustomEvent("country-code-changed",{bubbles:!0,composed:!0,detail:{srcEvent:e}}))}get flagClassMap(){return{"new-momentum":this.newMomentum}}get containerClassMap(){return{"md-country-code-picker__container":!0,"show-flags":this.showFlags}}getFormatedCountryCallingCode(){var e;return{id:this.countryCallingCode,value:null===(e=this.countryCallingCode.split(",")[0])||void 0===e?void 0:e.trim()}}static get styles(){return[s.A,c.A]}render(){return n.html`
|
|
18
18
|
<div class="${(0,p.classMap)(this.containerClassMap)}">
|
|
19
19
|
${this.showFlags?n.html`
|
|
20
20
|
<span class="flag-box ${(0,p.classMap)(this.flagClassMap)}">${this.getCountryFlag(this.countryCode)}</span>
|
|
21
|
-
`:
|
|
21
|
+
`:n.nothing}
|
|
22
22
|
<md-combobox
|
|
23
23
|
part="combobox"
|
|
24
24
|
exportparts="group: combobox-group, combobox-options: options-container"
|
|
@@ -36,8 +36,8 @@
|
|
|
36
36
|
${(0,u.repeat)(this.codeList,e=>e.name,(e,t)=>this.countryCodeOptionTemplate(e,t))}
|
|
37
37
|
</md-combobox>
|
|
38
38
|
</div>
|
|
39
|
-
`}};h([(0,
|
|
40
|
-
<div class=${(0,
|
|
39
|
+
`}};h([(0,d.property)({type:String,reflect:!0})],t.prototype,"codePlaceholder",void 0),h([(0,d.property)({type:String,attribute:"country-calling-code"})],t.prototype,"countryCallingCode",void 0),h([(0,d.property)({type:Boolean,attribute:"show-flags"})],t.prototype,"showFlags",void 0),h([(0,d.property)({type:Boolean})],t.prototype,"pill",void 0),h([(0,d.property)({type:Boolean})],t.prototype,"disabled",void 0),h([(0,d.property)({type:String})],t.prototype,"ariaLabel",void 0),h([(0,d.property)({type:String})],t.prototype,"clearAriaLabel",void 0),h([(0,d.property)({type:String})],t.prototype,"id",void 0),h([(0,d.property)({type:Boolean})],t.prototype,"newMomentum",void 0),h([(0,d.property)({type:Boolean})],t.prototype,"isDropdownArrow",void 0),h([(0,d.state)()],t.prototype,"countryCode",void 0),h([(0,d.state)()],t.prototype,"codeList",void 0),h([(0,d.query)("md-combobox")],t.prototype,"combobox",void 0),t=h([(0,r.w)("md-country-code-picker")],t),e.ELEMENT=t}(i||(i={}))},20291:e=>{e.exports=r},32022:e=>{e.exports=s},58175:e=>{e.exports=n},60554:e=>{e.exports=a},65875:e=>{e.exports=p},70429:e=>{e.exports=t},84205:(e,t,o)=>{o.r(t),o.d(t,{PhoneInput:()=>i}),o(4928),o(18224),o(96408);var i,r=o(31890),s=o(860),a=o(87161),l=o(70429),n=o(85125),d=o(52714),p=function(e,t,o,i){var r,s=arguments.length,a=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,i);else for(var l=e.length-1;l>=0;l--)(r=e[l])&&(a=(s<3?r(a):s>3?r(t,o,a):r(t,o))||a);return s>3&&a&&Object.defineProperty(t,o,a),a};!function(e){let t=class extends a.LitElement{constructor(){super(...arguments),this.codePlaceholder="+1",this.numberPlaceholder="Enter Phone Number",this.countryCallingCode="",this.showFlags=!1,this.pill=!1,this.disabled=!1,this.value="",this.errorMessage="",this.showErrorMessage=!1,this.countryCodeAriaLabel="",this.dialNumberAriaLabel="",this.clearAriaLabel="Clear Input",this.clearCountryCodeAriaLabel="Clear Country Code",this.id="",this.newMomentum=!1,this.countryCode="US",this.formattedValue="",this.isValid=!0}get isRtl(){try{if(!this.isConnected)return!1;const e=getComputedStyle(this);return"rtl"===(null==e?void 0:e.direction)}catch(e){return!1}}connectedCallback(){super.connectedCallback(),""===this.id&&(this.id=`md-phone-input-${Math.random().toString(36).substring(2,6)}`),this.validateInput(this.value)}validateNumber(){this.isValid=!this.value||(0,s.isValidNumberForRegion)(this.value,this.countryCode)}handleCountryChange(e){var t,o;const i=e.detail.srcEvent;i.detail.value&&(null===(t=i.detail.value)||void 0===t?void 0:t.id)?(this.countryCallingCode=i.detail.value.id,this.countryCode=null===(o=i.detail.value.id.split(",")[2])||void 0===o?void 0:o.trim()):(this.countryCode="US",this.countryCallingCode=""),this.validateNumber(),this.dispatchEvent(new CustomEvent("countrycode-change",{bubbles:!0,composed:!0,detail:{srcEvent:i,isValid:this.isValid}}))}handlePhoneChange(e){this.value=e.detail.value,e.stopPropagation(),this.dispatchEvent(new CustomEvent("phoneinput-change",{bubbles:!0,composed:!0,detail:{srcEvent:e,value:`${this.countryCallingCode}${this.value}`,isValid:this.isValid,phoneNumber:this.value}}))}handleKeydown(e){this.isValid=!0,e.stopPropagation(),this.dispatchEvent(new CustomEvent("phoneinput-keydown",{bubbles:!0,composed:!0,detail:{srcEvent:e,value:`${this.countryCallingCode}${this.value}`,isValid:this.isValid,phoneNumber:this.value}}))}handleBlur(e){this.validateInput(this.value),this.validateNumber(),e.stopPropagation(),this.removeCountryCode(),this.dispatchEvent(new CustomEvent("phoneinput-blur",{bubbles:!0,composed:!0,detail:{srcEvent:e,value:`${this.countryCallingCode}${this.value}`,isValid:this.isValid,phoneNumber:this.value}}))}removeCountryCode(){var e;const t=null===(e=this.countryCallingCode.split(",")[0])||void 0===e?void 0:e.trim();if(this.value.startsWith(t)){const e=this.value.slice(t.length).replace(/^-/,"");this.value=e}}validateInput(e){this.formattedValue=new s.AsYouType(this.countryCode).input(e)}get flagClassMap(){return{"new-momentum":this.newMomentum}}get containerClassMap(){return{"md-phone-input__container":!0,rtl:this.isRtl}}static get styles(){return[d.A]}render(){return a.html`
|
|
40
|
+
<div class=${(0,n.classMap)(this.containerClassMap)}>
|
|
41
41
|
<md-country-code-picker
|
|
42
42
|
part="md-country-code-picker"
|
|
43
43
|
exportparts="option: option"
|
|
@@ -72,4 +72,4 @@
|
|
|
72
72
|
.messageArr="${!this.isValid||this.showErrorMessage?[{type:"error",id:this.id,ariaLive:"polite",message:this.errorMessage}]:[]}"
|
|
73
73
|
></md-input>
|
|
74
74
|
</div>
|
|
75
|
-
`}};
|
|
75
|
+
`}};p([(0,l.property)({type:String,reflect:!0})],t.prototype,"codePlaceholder",void 0),p([(0,l.property)({type:String})],t.prototype,"numberPlaceholder",void 0),p([(0,l.property)({type:String,attribute:"country-calling-code"})],t.prototype,"countryCallingCode",void 0),p([(0,l.property)({type:Boolean,attribute:"show-flags"})],t.prototype,"showFlags",void 0),p([(0,l.property)({type:Boolean})],t.prototype,"pill",void 0),p([(0,l.property)({type:Boolean})],t.prototype,"disabled",void 0),p([(0,l.property)({type:String})],t.prototype,"value",void 0),p([(0,l.property)({type:String})],t.prototype,"errorMessage",void 0),p([(0,l.property)({type:Boolean})],t.prototype,"showErrorMessage",void 0),p([(0,l.property)({type:String})],t.prototype,"countryCodeAriaLabel",void 0),p([(0,l.property)({type:String})],t.prototype,"dialNumberAriaLabel",void 0),p([(0,l.property)({type:String})],t.prototype,"clearAriaLabel",void 0),p([(0,l.property)({type:String})],t.prototype,"clearCountryCodeAriaLabel",void 0),p([(0,l.property)({type:String})],t.prototype,"id",void 0),p([(0,l.property)({type:Boolean})],t.prototype,"newMomentum",void 0),p([(0,l.state)()],t.prototype,"countryCode",void 0),p([(0,l.state)()],t.prototype,"formattedValue",void 0),p([(0,l.state)()],t.prototype,"isValid",void 0),t=p([(0,r.w)("md-phone-input")],t),e.ELEMENT=t}(i||(i={}))},85125:e=>{e.exports=o},85314:e=>{e.exports=l},87161:t=>{t.exports=e}},y={};function m(e){var t=y[e];if(void 0!==t)return t.exports;var o=y[e]={exports:{}};return h[e].call(o.exports,o,o.exports,m),o.exports}m.m=h,c=[],m.O=(e,t,o,i)=>{if(!t){var r=1/0;for(n=0;n<c.length;n++){for(var[t,o,i]=c[n],s=!0,a=0;a<t.length;a++)(!1&i||r>=i)&&Object.keys(m.O).every(e=>m.O[e](t[a]))?t.splice(a--,1):(s=!1,i<r&&(r=i));if(s){c.splice(n--,1);var l=o();void 0!==l&&(e=l)}}return e}i=i||0;for(var n=c.length;n>0&&c[n-1][2]>i;n--)c[n]=c[n-1];c[n]=[t,o,i]},m.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return m.d(t,{a:t}),t},m.d=(e,t)=>{for(var o in t)m.o(t,o)&&!m.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},m.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),m.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),m.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={445:0,6753:0};m.O.j=t=>0===e[t];var t=(t,o)=>{var i,r,[s,a,l]=o,n=0;if(s.some(t=>0!==e[t])){for(i in a)m.o(a,i)&&(m.m[i]=a[i]);if(l)var d=l(m)}for(t&&t(o);n<s.length;n++)r=s[n],m.o(e,r)&&e[r]&&e[r][0](),e[r]=0;return m.O(d)},o=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];o.forEach(t.bind(null,0)),o.push=t.bind(null,o.push.bind(o))})();var v=m.O(void 0,[6633,7103,1890,4313,510,6283,5087,2176,6798,6865,1200,8889,8373,4624,300,591,768,3001,5630,1013,109,3739,6396,6408,9270,3820,5433,2547,5838,2714],()=>m(84205));return m.O(v)})());
|
|
@@ -1 +1 @@
|
|
|
1
|
-
require("../6633"),require("../7103"),require("../1890"),require("../
|
|
1
|
+
require("../6633"),require("../7103"),require("../1890"),require("../4313"),require("../510"),require("../6283"),require("../5087"),require("../2176"),require("../6798"),require("../6865"),require("../1200"),require("../8889"),require("../8373"),require("../4624"),require("../300"),require("../591"),require("../768"),require("../3001"),require("../5630"),require("../1013"),require("../109"),require("../3739"),require("../6396"),require("../6408"),require("../9270"),require("../3820"),require("../5433"),require("../2547"),require("../5838"),require("../2714"),module.exports=require("../comp/md-phone-input-entry");
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit-element"),require("lit-html/directives/class-map"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("@floating-ui/dom"),require("lit-html/directives/if-defined.js"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html/directives/class-map","lit-html/directives/style-map","lit-html","lit-html/directives/if-defined","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","mobx","@floating-ui/dom","lit-html/directives/if-defined.js"],t);else{var i="object"==typeof exports?t(require("lit-element"),require("lit-html/directives/class-map"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("@floating-ui/dom"),require("lit-html/directives/if-defined.js")):t(e["lit-element"],e["lit-html/directives/class-map"],e["lit-html/directives/style-map"],e["lit-html"],e["lit-html/directives/if-defined"],e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"],e.mobx,e["@floating-ui/dom"],e["lit-html/directives/if-defined.js"]);for(var r in i)("object"==typeof exports?exports:e)[r]=i[r]}}(self,(e,t,i,r,o,s,l,n,h,p)=>(()=>{"use strict";var a,d={5784:e=>{e.exports=h},8229:e=>{e.exports=i},23968:e=>{e.exports=t},32022:e=>{e.exports=s},40333:e=>{e.exports=r},41488:t=>{t.exports=e},60554:e=>{e.exports=l},71128:(e,t,i)=>{i.r(t),i.d(t,{Popover:()=>f,PopoverController:()=>y}),i(96798),i(61200);var r=i(31890),o=i(28373),s=i(66677),l=i(5784),n=i(41488),h=i(40333),p=i(73679),a=i(68419),d=i(36365),c=i(3998),u=i(33759),v=i(50325),m=function(e,t,i,r){var o,s=arguments.length,l=s<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,i,r);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(l=(s<3?o(l):s>3?o(t,i,l):o(t,i))||l);return s>3&&l&&Object.defineProperty(t,i,l),l},g=function(e,t,i,r){return new(i||(i=Promise))(function(o,s){function l(e){try{h(r.next(e))}catch(e){s(e)}}function n(e){try{h(r.throw(e))}catch(e){s(e)}}function h(e){var t;e.done?o(e.value):(t=e.value,t instanceof i?t:new i(function(e){e(t)})).then(l,n)}h((r=r.apply(e,t||[])).next())})};class y{show(e){}hide(){}toggle(){}isVisible(){return!1}}let f=class extends((0,o.d)(n.LitElement)){set controller(e){e?(e.show=(e=!1)=>this.showPopover(e),e.hide=()=>this.hidePopover(),e.toggle=()=>this.togglePopoverVisible(),e.isVisible=()=>this.visible,this._controller=e):this._controller=null}get controller(){return this._controller}constructor(){super(),this.id="",this.triggerID="",this.trigger=a.zY.TRIGGER,this.placement=a.zY.PLACEMENT,this.strategy=a.zY.STRATEGY,this.color=a.zY.COLOR,this.visible=a.zY.VISIBLE,this.offset=a.zY.OFFSET,this.focusTrap=a.zY.FOCUS_TRAP,this.preventScroll=a.zY.PREVENT_SCROLL,this.showArrow=a.zY.ARROW,this.closeButton=a.zY.CLOSE_BUTTON,this.interactive=a.zY.INTERACTIVE,this.delay=a.zY.DELAY,this.hideOnEscape=a.zY.HIDE_ON_ESCAPE,this.hideOnBlur=a.zY.HIDE_ON_BLUR,this.hideOnWindowBlur=a.zY.HIDE_ON_WINDOW_BLUR,this.hideOnOutsideClick=a.zY.HIDE_ON_CLICK_OUTSIDE,this.focusBackToTrigger=a.zY.FOCUS_BACK,this.backdrop=a.zY.BACKDROP,this.flip=a.zY.FLIP,this.size=a.zY.SIZE,this.zIndex=a.zY.Z_INDEX,this.appendTo="",this.closeButtonAriaLabel=null,this.role=a.zY.ROLE,this.ariaLabelledby=null,this.ariaDescribedby=null,this.disableAriaExpanded=a.zY.DISABLE_ARIA_EXPANDED,this.animationFrame=a.zY.ANIMATION_FRAME,this._controller=null,this.arrowElement=null,this.triggerElement=null,this.hoverTimer=null,this.isTriggerClicked=!1,this.openDelay=0,this.closeDelay=0,this.backdropElement=null,this.useLegacyFindFocusable=()=>!1,this.cleanupAutoUpdate=null,this.previousActiveElement=null,this.onOutsidePopoverClick=e=>{const t=e.composedPath();this.triggerElement&&t.includes(this.triggerElement)||t.includes(this)||c.S.shouldDeferToTopForOutsideClick(this)||this.hideThisPopover()},this.hideThisPopover=()=>{setTimeout(()=>{this.visible=!1,this.isTriggerClicked=!1,this.utils.handleAppendTo(!1)},this.closeDelay)},this.onEscapeKeydown=e=>{this.visible&&"Escape"===e.code&&(e.preventDefault(),this.hidePopover())},this.onPopoverFocusOut=e=>{const t=e.relatedTarget;!t||this.isElementInPopover(t)?t||setTimeout(()=>{const e=(0,s.dw)();this.isElementInPopover(e)||this.hidePopover()},0):this.hidePopover()},this.handleWindowBlurEvent=()=>{this.visible&&this.hidePopover()},this.startCloseDelay=()=>{if(this.interactive){if(this.isTriggerClicked)return;this.hoverTimer=window.setTimeout(()=>{this.visible=!1},this.closeDelay)}else this.hidePopover()},this.cancelCloseDelay=()=>{this.hoverTimer&&(clearTimeout(this.hoverTimer),this.hoverTimer=null)},this.showPopover=(e=!1)=>{this.cancelCloseDelay(),e&&this.openDelay>0?setTimeout(()=>{this.utils.handleAppendTo(!0),this.visible=!0},this.openDelay):(this.utils.handleAppendTo(!0),this.visible=!0)},this.hidePopover=()=>{c.S.peek()===this&&setTimeout(()=>{this.visible=!1,this.isTriggerClicked=!1,this.utils.handleAppendTo(!1)},this.closeDelay)},this.togglePopoverVisible=()=>{this.isTriggerClicked?this.hidePopover():(this.showPopover(),this.isTriggerClicked=!0)},this.onMouseEnterTrigger=()=>{this.trigger.includes("mouseenter")&&(this.visible||(this.previousActiveElement=(0,s.dw)()),this.showPopover(!0))},this.onFocusInTrigger=()=>{this.trigger.includes("focusin")&&this.showPopover(!1)},this.onTriggerClick=e=>{this.trigger.includes("mouseenter")&&this.isMouseOverTrigger(e)||this.togglePopoverVisible()},this.utils=new u.h(this),this.preventClickOutside=!0}firstUpdated(e){const t=Object.create(null,{firstUpdated:{get:()=>super.firstUpdated}});return g(this,void 0,void 0,function*(){t.firstUpdated.call(this,e),[this.openDelay,this.closeDelay]=this.utils.setupDelay(),this.utils.setupAccessibility(),this.style.zIndex=`${this.zIndex}`,d.T.onCreatedPopover(this),this.visible&&(this.utils.handleAppendTo(!0),this.positionPopover(),yield this.handleCreatePopoverFirstUpdate())})}disconnectedCallback(){const e=Object.create(null,{disconnectedCallback:{get:()=>super.disconnectedCallback}});return g(this,void 0,void 0,function*(){e.disconnectedCallback.call(this),this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=null),this._controller=null,this.previousActiveElement=null,this.removeEventListeners(),d.T.onDestroyedPopover(this),c.S.remove(this)})}setupTriggerListener(){if(!this.triggerID)return;const e=this.getRootNode();if(this.triggerElement=(0,s.qi)(`[id="${this.triggerID}"]`,e),!this.triggerElement){const t=null==e?void 0:e.host;if(t){const e=t.querySelector("[slot]");(null==e?void 0:e.id)===this.triggerID&&(this.triggerElement=e)}}if(this.triggerElement){if("mouseenter"===this.trigger&&(this.interactive?this.trigger="mouseenter click":this.trigger="mouseenter focusin"),this.trigger.includes("click")&&this.triggerElement.addEventListener("click",this.onTriggerClick),this.trigger.includes("mouseenter")){const e=this.renderRoot.querySelector(".popover-hover-bridge");this.triggerElement.addEventListener("mouseenter",this.onMouseEnterTrigger),this.triggerElement.addEventListener("mouseleave",this.startCloseDelay),this.addEventListener("mouseenter",this.cancelCloseDelay),this.addEventListener("mouseleave",this.startCloseDelay),null==e||e.addEventListener("mouseenter",this.cancelCloseDelay)}this.trigger.includes("focusin")&&(this.triggerElement.addEventListener("focusin",this.onFocusInTrigger),this.interactive||this.triggerElement.addEventListener("focusout",this.hidePopover)),this.addEventListener("focus-trap-exit",this.hidePopover)}}removeEventListeners(){if(!this.triggerElement)return;const e=this.renderRoot.querySelector(".popover-hover-bridge");this.triggerElement.removeEventListener("click",this.onTriggerClick),this.triggerElement.removeEventListener("mouseenter",this.onMouseEnterTrigger),this.triggerElement.removeEventListener("mouseleave",this.hidePopover),this.removeEventListener("mouseenter",this.cancelCloseDelay),this.removeEventListener("mouseleave",this.startCloseDelay),this.triggerElement.removeEventListener("focusin",this.onFocusInTrigger),this.triggerElement.removeEventListener("focusout",this.hidePopover),null==e||e.removeEventListener("mouseenter",this.cancelCloseDelay),this.removeEventListener("focus-trap-exit",this.hidePopover)}updated(e){const t=Object.create(null,{updated:{get:()=>super.updated}});return g(this,void 0,void 0,function*(){if(t.updated.call(this,e),e.has("visible")){const t=e.get("visible")||!1;yield this.isOpenUpdated(t,this.visible),this.utils.updateAriaExpandedAttribute()}if(e.has("placement")&&this.setAttribute("placement",Object.values(a.ME).includes(this.placement)?this.placement:a.zY.PLACEMENT),e.has("delay")&&([this.openDelay,this.closeDelay]=this.utils.setupDelay()),e.has("trigger")){const e=this.trigger.split(" ").filter(e=>Object.values(a.tr).includes(e));this.setAttribute("trigger",e.length>0?this.trigger:a.zY.TRIGGER),this.removeEventListeners(),this.setupTriggerListener()}e.has("triggerID")&&(this.removeEventListeners(),this.setupTriggerListener(),this.utils.setupAccessibility()),e.has("color")&&this.setAttribute("color",Object.values(a.o$).includes(this.color)?this.color:a.zY.COLOR),e.has("zIndex")&&this.setAttribute("z-index",`${this.zIndex}`),(e.has("interactive")||e.has("aria-label")||e.has("aria-labelledby"))&&this.utils.setupAccessibility(),e.has("disableAriaExpanded")&&this.utils.updateAriaExpandedAttribute(),e.has("interactive")&&this.utils.updateAriaHasPopupAttribute()})}isElementInPopover(e){return!!e&&(!!this.contains(e)||(0,s.QZ)("md-popover",e)===this)}isOpenUpdated(e,t){const i=Object.create(null,{preventScroll:{get:()=>super.preventScroll,set:e=>super.preventScroll=e}});return g(this,void 0,void 0,function*(){var r,o,s,l;if(e!==t&&this.triggerElement)if(t)c.S.peek()!==this&&c.S.push(this),i.preventScroll=this.preventScroll,this.focusTrap&&(null===(r=this.activateFocusTrap)||void 0===r||r.call(this)),this.backdrop&&(this.utils.createBackdrop(),this.triggerElement.style.zIndex=`${this.zIndex}`),this.positionPopover(),yield this.handleCreatePopoverFirstUpdate(),this.hideOnBlur&&(this.addEventListener("focusout",this.onPopoverFocusOut),"click"===this.trigger&&(this.triggerElement.style.pointerEvents="none")),this.hideOnWindowBlur&&window.addEventListener("blur",this.handleWindowBlurEvent),this.hideOnOutsideClick&&document.addEventListener("click",this.onOutsidePopoverClick),this.hideOnEscape&&document.addEventListener("keydown",this.onEscapeKeydown),d.T.onShowPopover(this);else{if(this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=null),c.S.removeItem(this),this.backdropElement&&(null===(o=this.backdropElement)||void 0===o||o.remove(),this.backdropElement=null),this.hideOnBlur&&(this.removeEventListener("focusout",this.onPopoverFocusOut),"click"===this.trigger&&(this.triggerElement.style.pointerEvents="")),this.hideOnWindowBlur&&window.removeEventListener("blur",this.handleWindowBlurEvent),this.hideOnOutsideClick&&document.removeEventListener("click",this.onOutsidePopoverClick),this.hideOnEscape&&document.removeEventListener("keydown",this.onEscapeKeydown),null===(s=this.deactivateFocusTrap)||void 0===s||s.call(this),this.disableAriaExpanded||this.triggerElement.removeAttribute("aria-expanded"),this.interactive){const e=this.triggerElement.getAttribute("aria-haspopup");"dialog"!==e&&"alertdialog"!==e||this.triggerElement.removeAttribute("aria-haspopup")}this.focusBackToTrigger&&(this.previousActiveElement instanceof HTMLElement?this.previousActiveElement.focus():null===(l=this.setFocusOnDeepestNestedElement)||void 0===l||l.call(this,this.triggerElement)),this.previousActiveElement=null,d.T.onHidePopover(this)}})}isRectOverTrigger(e,t){if(this.triggerElement&&"undefined"!=typeof window&&"undefined"!=typeof document){const i=this.triggerElement.getBoundingClientRect();return e>=i.left&&e<=i.right&&t>=i.top&&t<=i.bottom}return!1}isMouseOverTrigger(e){const{clientX:t,clientY:i}=e instanceof MouseEvent?e:{clientX:0,clientY:0};return this.isRectOverTrigger(t,i)}handleCreatePopoverFirstUpdate(){return g(this,void 0,void 0,function*(){var e,t;this.visible&&this.interactive&&(null===(e=this.setFocusableElements)||void 0===e||e.call(this),yield this.updateComplete,null===(t=this.setInitialFocus)||void 0===t||t.call(this))})}positionPopover(){if(!this.triggerElement)return;this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=null);const e=[(0,l.shift)()];let t=this.offset;if(this.flip&&e.push((0,l.flip)()),this.size){const t=this.renderRoot.querySelector('[part="popover-content"]');e.push((0,l.size)({apply({availableHeight:e}){t&&Object.assign(t.style,{maxHeight:`${e}px`,overflowY:"auto"})},padding:50}))}if(this.showArrow&&(this.arrowElement=this.renderRoot.querySelector(".popover-arrow"),this.arrowElement)){const i=this.arrowElement.offsetHeight;t=Math.sqrt(2*i**2)/2+this.offset,e.push((0,l.arrow)({element:this.arrowElement,padding:12}))}e.push((0,l.offset)(t)),this.cleanupAutoUpdate=(0,l.autoUpdate)(this.triggerElement,this,()=>g(this,void 0,void 0,function*(){if(!this.triggerElement)return;const{x:t,y:i,middlewareData:r,placement:o}=yield(0,l.computePosition)(this.triggerElement,this,{placement:this.placement,middleware:e,strategy:this.strategy});this.utils.updatePopoverStyle(t,i),r.arrow&&this.arrowElement&&this.utils.updateArrowStyle(r.arrow,o),this.trigger.includes("mouseenter")&&this.utils.setupHoverBridge(o)}),{animationFrame:this.animationFrame})}render(){return n.html`
|
|
1
|
+
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js"),require("lit/directives/if-defined.js"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("@floating-ui/dom"));else if("function"==typeof define&&define.amd)define(["lit","lit/decorators.js","lit/directives/class-map.js","lit/directives/style-map.js","lit/directives/if-defined.js","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","mobx","@floating-ui/dom"],t);else{var i="object"==typeof exports?t(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js"),require("lit/directives/if-defined.js"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("@floating-ui/dom")):t(e.lit,e["lit/decorators.js"],e["lit/directives/class-map.js"],e["lit/directives/style-map.js"],e["lit/directives/if-defined.js"],e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"],e.mobx,e["@floating-ui/dom"]);for(var r in i)("object"==typeof exports?exports:e)[r]=i[r]}}(self,(e,t,i,r,o,s,n,l,p)=>(()=>{"use strict";var a,h={5784:e=>{e.exports=p},10318:e=>{e.exports=r},20291:e=>{e.exports=o},32022:e=>{e.exports=s},60554:e=>{e.exports=n},70429:e=>{e.exports=t},71128:(e,t,i)=>{i.r(t),i.d(t,{Popover:()=>f,PopoverController:()=>y}),i(96798),i(61200);var r=i(31890),o=i(28373),s=i(66677),n=i(5784),l=i(87161),p=i(70429),a=i(20291),h=i(68419),d=i(36365),c=i(3998),u=i(33759),v=i(86210),g=function(e,t,i,r){var o,s=arguments.length,n=s<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,r);else for(var l=e.length-1;l>=0;l--)(o=e[l])&&(n=(s<3?o(n):s>3?o(t,i,n):o(t,i))||n);return s>3&&n&&Object.defineProperty(t,i,n),n},m=function(e,t,i,r){return new(i||(i=Promise))(function(o,s){function n(e){try{p(r.next(e))}catch(e){s(e)}}function l(e){try{p(r.throw(e))}catch(e){s(e)}}function p(e){var t;e.done?o(e.value):(t=e.value,t instanceof i?t:new i(function(e){e(t)})).then(n,l)}p((r=r.apply(e,t||[])).next())})};class y{show(e){}hide(){}toggle(){}isVisible(){return!1}}let f=class extends((0,o.d)(l.LitElement)){set controller(e){e?(e.show=(e=!1)=>this.showPopover(e),e.hide=()=>this.hidePopover(),e.toggle=()=>this.togglePopoverVisible(),e.isVisible=()=>this.visible,this._controller=e):this._controller=null}get controller(){return this._controller}constructor(){super(),this.id="",this.triggerID="",this.trigger=h.zY.TRIGGER,this.placement=h.zY.PLACEMENT,this.strategy=h.zY.STRATEGY,this.color=h.zY.COLOR,this.visible=h.zY.VISIBLE,this.offset=h.zY.OFFSET,this.focusTrap=h.zY.FOCUS_TRAP,this.preventScroll=h.zY.PREVENT_SCROLL,this.showArrow=h.zY.ARROW,this.closeButton=h.zY.CLOSE_BUTTON,this.interactive=h.zY.INTERACTIVE,this.delay=h.zY.DELAY,this.hideOnEscape=h.zY.HIDE_ON_ESCAPE,this.hideOnBlur=h.zY.HIDE_ON_BLUR,this.hideOnWindowBlur=h.zY.HIDE_ON_WINDOW_BLUR,this.hideOnOutsideClick=h.zY.HIDE_ON_CLICK_OUTSIDE,this.focusBackToTrigger=h.zY.FOCUS_BACK,this.backdrop=h.zY.BACKDROP,this.flip=h.zY.FLIP,this.size=h.zY.SIZE,this.zIndex=h.zY.Z_INDEX,this.appendTo="",this.closeButtonAriaLabel=null,this.role=h.zY.ROLE,this.ariaLabelledby=null,this.ariaDescribedby=null,this.disableAriaExpanded=h.zY.DISABLE_ARIA_EXPANDED,this.animationFrame=h.zY.ANIMATION_FRAME,this._controller=null,this.arrowElement=null,this.triggerElement=null,this.hoverTimer=null,this.isTriggerClicked=!1,this.openDelay=0,this.closeDelay=0,this.backdropElement=null,this.useLegacyFindFocusable=()=>!1,this.cleanupAutoUpdate=null,this.previousActiveElement=null,this.onOutsidePopoverClick=e=>{const t=e.composedPath();this.triggerElement&&t.includes(this.triggerElement)||t.includes(this)||c.S.shouldDeferToTopForOutsideClick(this)||this.hideThisPopover()},this.hideThisPopover=()=>{setTimeout(()=>{this.visible=!1,this.isTriggerClicked=!1,this.utils.handleAppendTo(!1)},this.closeDelay)},this.onEscapeKeydown=e=>{this.visible&&"Escape"===e.code&&(e.preventDefault(),this.hidePopover())},this.onPopoverFocusOut=e=>{const t=e.relatedTarget;!t||this.isElementInPopover(t)?t||setTimeout(()=>{const e=(0,s.dw)();this.isElementInPopover(e)||this.hidePopover()},0):this.hidePopover()},this.handleWindowBlurEvent=()=>{this.visible&&this.hidePopover()},this.startCloseDelay=()=>{if(this.interactive){if(this.isTriggerClicked)return;this.hoverTimer=window.setTimeout(()=>{this.visible=!1},this.closeDelay)}else this.hidePopover()},this.cancelCloseDelay=()=>{this.hoverTimer&&(clearTimeout(this.hoverTimer),this.hoverTimer=null)},this.showPopover=(e=!1)=>{this.cancelCloseDelay(),e&&this.openDelay>0?setTimeout(()=>{this.utils.handleAppendTo(!0),this.visible=!0},this.openDelay):(this.utils.handleAppendTo(!0),this.visible=!0)},this.hidePopover=()=>{c.S.peek()===this&&setTimeout(()=>{this.visible=!1,this.isTriggerClicked=!1,this.utils.handleAppendTo(!1)},this.closeDelay)},this.togglePopoverVisible=()=>{this.isTriggerClicked?this.hidePopover():(this.showPopover(),this.isTriggerClicked=!0)},this.onMouseEnterTrigger=()=>{this.trigger.includes("mouseenter")&&(this.visible||(this.previousActiveElement=(0,s.dw)()),this.showPopover(!0))},this.onFocusInTrigger=()=>{this.trigger.includes("focusin")&&this.showPopover(!1)},this.onTriggerClick=e=>{this.trigger.includes("mouseenter")&&this.isMouseOverTrigger(e)||this.togglePopoverVisible()},this.utils=new u.h(this),this.preventClickOutside=!0}firstUpdated(e){const t=Object.create(null,{firstUpdated:{get:()=>super.firstUpdated}});return m(this,void 0,void 0,function*(){t.firstUpdated.call(this,e),[this.openDelay,this.closeDelay]=this.utils.setupDelay(),this.utils.setupAccessibility(),this.style.zIndex=`${this.zIndex}`,d.T.onCreatedPopover(this),this.visible&&(this.utils.handleAppendTo(!0),this.positionPopover(),yield this.handleCreatePopoverFirstUpdate())})}disconnectedCallback(){const e=Object.create(null,{disconnectedCallback:{get:()=>super.disconnectedCallback}});return m(this,void 0,void 0,function*(){e.disconnectedCallback.call(this),this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=null),this._controller=null,this.previousActiveElement=null,this.removeEventListeners(),d.T.onDestroyedPopover(this),c.S.remove(this)})}setupTriggerListener(){if(!this.triggerID)return;const e=this.getRootNode();if(this.triggerElement=(0,s.qi)(`[id="${this.triggerID}"]`,e),!this.triggerElement){const t=null==e?void 0:e.host;if(t){const e=t.querySelector("[slot]");(null==e?void 0:e.id)===this.triggerID&&(this.triggerElement=e)}}if(this.triggerElement){if("mouseenter"===this.trigger&&(this.interactive?this.trigger="mouseenter click":this.trigger="mouseenter focusin"),this.trigger.includes("click")&&this.triggerElement.addEventListener("click",this.onTriggerClick),this.trigger.includes("mouseenter")){const e=this.renderRoot.querySelector(".popover-hover-bridge");this.triggerElement.addEventListener("mouseenter",this.onMouseEnterTrigger),this.triggerElement.addEventListener("mouseleave",this.startCloseDelay),this.addEventListener("mouseenter",this.cancelCloseDelay),this.addEventListener("mouseleave",this.startCloseDelay),null==e||e.addEventListener("mouseenter",this.cancelCloseDelay)}this.trigger.includes("focusin")&&(this.triggerElement.addEventListener("focusin",this.onFocusInTrigger),this.interactive||this.triggerElement.addEventListener("focusout",this.hidePopover)),this.addEventListener("focus-trap-exit",this.hidePopover)}}removeEventListeners(){if(!this.triggerElement)return;const e=this.renderRoot.querySelector(".popover-hover-bridge");this.triggerElement.removeEventListener("click",this.onTriggerClick),this.triggerElement.removeEventListener("mouseenter",this.onMouseEnterTrigger),this.triggerElement.removeEventListener("mouseleave",this.hidePopover),this.removeEventListener("mouseenter",this.cancelCloseDelay),this.removeEventListener("mouseleave",this.startCloseDelay),this.triggerElement.removeEventListener("focusin",this.onFocusInTrigger),this.triggerElement.removeEventListener("focusout",this.hidePopover),null==e||e.removeEventListener("mouseenter",this.cancelCloseDelay),this.removeEventListener("focus-trap-exit",this.hidePopover)}updated(e){const t=Object.create(null,{updated:{get:()=>super.updated}});return m(this,void 0,void 0,function*(){if(t.updated.call(this,e),e.has("visible")){const t=e.get("visible")||!1;yield this.isOpenUpdated(t,this.visible),this.utils.updateAriaExpandedAttribute()}if(e.has("placement")&&this.setAttribute("placement",Object.values(h.ME).includes(this.placement)?this.placement:h.zY.PLACEMENT),e.has("delay")&&([this.openDelay,this.closeDelay]=this.utils.setupDelay()),e.has("trigger")){const e=this.trigger.split(" ").filter(e=>Object.values(h.tr).includes(e));this.setAttribute("trigger",e.length>0?this.trigger:h.zY.TRIGGER),this.removeEventListeners(),this.setupTriggerListener()}e.has("triggerID")&&(this.removeEventListeners(),this.setupTriggerListener(),this.utils.setupAccessibility()),e.has("color")&&this.setAttribute("color",Object.values(h.o$).includes(this.color)?this.color:h.zY.COLOR),e.has("zIndex")&&this.setAttribute("z-index",`${this.zIndex}`),(e.has("interactive")||e.has("aria-label")||e.has("aria-labelledby"))&&this.utils.setupAccessibility(),e.has("disableAriaExpanded")&&this.utils.updateAriaExpandedAttribute(),e.has("interactive")&&this.utils.updateAriaHasPopupAttribute()})}isElementInPopover(e){return!!e&&(!!this.contains(e)||(0,s.QZ)("md-popover",e)===this)}isOpenUpdated(e,t){const i=Object.create(null,{preventScroll:{get:()=>super.preventScroll,set:e=>super.preventScroll=e}});return m(this,void 0,void 0,function*(){var r,o,s,n;if(e!==t&&this.triggerElement)if(t)c.S.peek()!==this&&c.S.push(this),i.preventScroll=this.preventScroll,this.focusTrap&&(null===(r=this.activateFocusTrap)||void 0===r||r.call(this)),this.backdrop&&(this.utils.createBackdrop(),this.triggerElement.style.zIndex=`${this.zIndex}`),this.positionPopover(),yield this.handleCreatePopoverFirstUpdate(),this.hideOnBlur&&(this.addEventListener("focusout",this.onPopoverFocusOut),"click"===this.trigger&&(this.triggerElement.style.pointerEvents="none")),this.hideOnWindowBlur&&window.addEventListener("blur",this.handleWindowBlurEvent),this.hideOnOutsideClick&&document.addEventListener("click",this.onOutsidePopoverClick),this.hideOnEscape&&document.addEventListener("keydown",this.onEscapeKeydown),d.T.onShowPopover(this);else{if(this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=null),c.S.removeItem(this),this.backdropElement&&(null===(o=this.backdropElement)||void 0===o||o.remove(),this.backdropElement=null),this.hideOnBlur&&(this.removeEventListener("focusout",this.onPopoverFocusOut),"click"===this.trigger&&(this.triggerElement.style.pointerEvents="")),this.hideOnWindowBlur&&window.removeEventListener("blur",this.handleWindowBlurEvent),this.hideOnOutsideClick&&document.removeEventListener("click",this.onOutsidePopoverClick),this.hideOnEscape&&document.removeEventListener("keydown",this.onEscapeKeydown),null===(s=this.deactivateFocusTrap)||void 0===s||s.call(this),this.disableAriaExpanded||this.triggerElement.removeAttribute("aria-expanded"),this.interactive){const e=this.triggerElement.getAttribute("aria-haspopup");"dialog"!==e&&"alertdialog"!==e||this.triggerElement.removeAttribute("aria-haspopup")}this.focusBackToTrigger&&(this.previousActiveElement instanceof HTMLElement?this.previousActiveElement.focus():null===(n=this.setFocusOnDeepestNestedElement)||void 0===n||n.call(this,this.triggerElement)),this.previousActiveElement=null,d.T.onHidePopover(this)}})}isRectOverTrigger(e,t){if(this.triggerElement&&"undefined"!=typeof window&&"undefined"!=typeof document){const i=this.triggerElement.getBoundingClientRect();return e>=i.left&&e<=i.right&&t>=i.top&&t<=i.bottom}return!1}isMouseOverTrigger(e){const{clientX:t,clientY:i}=e instanceof MouseEvent?e:{clientX:0,clientY:0};return this.isRectOverTrigger(t,i)}handleCreatePopoverFirstUpdate(){return m(this,void 0,void 0,function*(){var e,t;this.visible&&this.interactive&&(null===(e=this.setFocusableElements)||void 0===e||e.call(this),yield this.updateComplete,null===(t=this.setInitialFocus)||void 0===t||t.call(this))})}positionPopover(){if(!this.triggerElement)return;this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=null);const e=[(0,n.shift)()];let t=this.offset;if(this.flip&&e.push((0,n.flip)()),this.size){const t=this.renderRoot.querySelector('[part="popover-content"]');e.push((0,n.size)({apply({availableHeight:e}){t&&Object.assign(t.style,{maxHeight:`${e}px`,overflowY:"auto"})},padding:50}))}if(this.showArrow&&(this.arrowElement=this.renderRoot.querySelector(".popover-arrow"),this.arrowElement)){const i=this.arrowElement.offsetHeight;t=Math.sqrt(2*i**2)/2+this.offset,e.push((0,n.arrow)({element:this.arrowElement,padding:12}))}e.push((0,n.offset)(t)),this.cleanupAutoUpdate=(0,n.autoUpdate)(this.triggerElement,this,()=>m(this,void 0,void 0,function*(){if(!this.triggerElement)return;const{x:t,y:i,middlewareData:r,placement:o}=yield(0,n.computePosition)(this.triggerElement,this,{placement:this.placement,middleware:e,strategy:this.strategy});this.utils.updatePopoverStyle(t,i),r.arrow&&this.arrowElement&&this.utils.updateArrowStyle(r.arrow,o),this.trigger.includes("mouseenter")&&this.utils.setupHoverBridge(o)}),{animationFrame:this.animationFrame})}render(){return l.html`
|
|
2
2
|
<div class="popover-hover-bridge"></div>
|
|
3
|
-
${this.closeButton?
|
|
3
|
+
${this.closeButton?l.html` <md-button
|
|
4
4
|
class="popover-close"
|
|
5
5
|
hasRemoveStyle
|
|
6
6
|
size="20"
|
|
7
7
|
circle
|
|
8
|
-
ariaLabel=${(0,
|
|
8
|
+
ariaLabel=${(0,a.ifDefined)(this.closeButtonAriaLabel)||""}
|
|
9
9
|
@button-click="${this.hidePopover}"
|
|
10
10
|
>
|
|
11
11
|
<md-icon name="cancel-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
12
|
-
</md-button>`:
|
|
13
|
-
${this.showArrow?
|
|
12
|
+
</md-button>`:l.nothing}
|
|
13
|
+
${this.showArrow?l.html`<div class="popover-arrow"></div>`:l.nothing}
|
|
14
14
|
<div part="popover-content">
|
|
15
15
|
<slot></slot>
|
|
16
16
|
</div>
|
|
17
|
-
`}static get styles(){return[v.A]}};
|
|
17
|
+
`}static get styles(){return[v.A]}};g([(0,p.property)({type:String,reflect:!0})],f.prototype,"id",void 0),g([(0,p.property)({type:String,reflect:!0})],f.prototype,"triggerID",void 0),g([(0,p.property)({type:String,reflect:!0})],f.prototype,"trigger",void 0),g([(0,p.property)({type:String,reflect:!0})],f.prototype,"placement",void 0),g([(0,p.property)({type:String,reflect:!0})],f.prototype,"strategy",void 0),g([(0,p.property)({type:String,reflect:!0})],f.prototype,"color",void 0),g([(0,p.property)({type:Boolean,reflect:!0})],f.prototype,"visible",void 0),g([(0,p.property)({type:Number,reflect:!0})],f.prototype,"offset",void 0),g([(0,p.property)({type:Boolean,reflect:!0,attribute:"focus-trap"})],f.prototype,"focusTrap",void 0),g([(0,p.property)({type:Boolean,reflect:!0,attribute:"prevent-scroll"})],f.prototype,"preventScroll",void 0),g([(0,p.property)({type:Boolean,reflect:!0,attribute:"show-arrow"})],f.prototype,"showArrow",void 0),g([(0,p.property)({type:Boolean,reflect:!0,attribute:"close-button"})],f.prototype,"closeButton",void 0),g([(0,p.property)({type:Boolean,reflect:!0})],f.prototype,"interactive",void 0),g([(0,p.property)({type:String,reflect:!0})],f.prototype,"delay",void 0),g([(0,p.property)({type:Boolean,reflect:!0,attribute:"hide-on-escape"})],f.prototype,"hideOnEscape",void 0),g([(0,p.property)({type:Boolean,reflect:!0,attribute:"hide-on-blur"})],f.prototype,"hideOnBlur",void 0),g([(0,p.property)({type:Boolean,reflect:!0,attribute:"hide-on-window-blur"})],f.prototype,"hideOnWindowBlur",void 0),g([(0,p.property)({type:Boolean,reflect:!0,attribute:"hide-on-outside-click"})],f.prototype,"hideOnOutsideClick",void 0),g([(0,p.property)({type:Boolean,reflect:!0,attribute:"focus-back-to-trigger"})],f.prototype,"focusBackToTrigger",void 0),g([(0,p.property)({type:Boolean,reflect:!0})],f.prototype,"backdrop",void 0),g([(0,p.property)({type:Boolean,reflect:!0})],f.prototype,"flip",void 0),g([(0,p.property)({type:Boolean,reflect:!0})],f.prototype,"size",void 0),g([(0,p.property)({type:Number,reflect:!0,attribute:"z-index"})],f.prototype,"zIndex",void 0),g([(0,p.property)({type:String,reflect:!0,attribute:"append-to"})],f.prototype,"appendTo",void 0),g([(0,p.property)({type:String,attribute:"close-button-aria-label",reflect:!0})],f.prototype,"closeButtonAriaLabel",void 0),g([(0,p.property)({type:String,reflect:!0})],f.prototype,"role",void 0),g([(0,p.property)({type:String,reflect:!0,attribute:"aria-labelledby"})],f.prototype,"ariaLabelledby",void 0),g([(0,p.property)({type:String,reflect:!0,attribute:"aria-describedby"})],f.prototype,"ariaDescribedby",void 0),g([(0,p.property)({type:Boolean,reflect:!0,attribute:"disable-aria-expanded"})],f.prototype,"disableAriaExpanded",void 0),g([(0,p.property)({type:Boolean,reflect:!0,attribute:"animation-frame"})],f.prototype,"animationFrame",void 0),g([(0,p.property)({type:Object,attribute:!1})],f.prototype,"controller",null),f=g([(0,r.w)("md-popover")],f)},85125:e=>{e.exports=i},85314:e=>{e.exports=l},87161:t=>{t.exports=e}},d={};function c(e){var t=d[e];if(void 0!==t)return t.exports;var i=d[e]={exports:{}};return h[e](i,i.exports,c),i.exports}c.m=h,a=[],c.O=(e,t,i,r)=>{if(!t){var o=1/0;for(p=0;p<a.length;p++){for(var[t,i,r]=a[p],s=!0,n=0;n<t.length;n++)(!1&r||o>=r)&&Object.keys(c.O).every(e=>c.O[e](t[n]))?t.splice(n--,1):(s=!1,r<o&&(o=r));if(s){a.splice(p--,1);var l=i();void 0!==l&&(e=l)}}return e}r=r||0;for(var p=a.length;p>0&&a[p-1][2]>r;p--)a[p]=a[p-1];a[p]=[t,i,r]},c.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return c.d(t,{a:t}),t},c.d=(e,t)=>{for(var i in t)c.o(t,i)&&!c.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},c.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),c.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={3413:0};c.O.j=t=>0===e[t];var t=(t,i)=>{var r,o,[s,n,l]=i,p=0;if(s.some(t=>0!==e[t])){for(r in n)c.o(n,r)&&(c.m[r]=n[r]);if(l)var a=l(c)}for(t&&t(i);p<s.length;p++)o=s[p],c.o(e,o)&&e[o]&&e[o][0](),e[o]=0;return c.O(a)},i=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];i.forEach(t.bind(null,0)),i.push=t.bind(null,i.push.bind(i))})();var u=c.O(void 0,[6633,1890,4313,510,6283,5087,2176,6798,6865,1200,2576,8210,1270,3135,8345,1439],()=>c(71128));return c.O(u)})());
|
package/dist/comp/md-popover.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
require("../6633"),require("../1890"),require("../
|
|
1
|
+
require("../6633"),require("../1890"),require("../4313"),require("../510"),require("../6283"),require("../5087"),require("../2176"),require("../6798"),require("../6865"),require("../1200"),require("../2576"),require("../8210"),require("../1270"),require("../3135"),require("../8345"),require("../1439"),module.exports=require("../comp/md-popover-entry");
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
!function(e,r){if("object"==typeof exports&&"object"==typeof module)module.exports=r(require("lit
|
|
2
|
-
<div class="${(0,
|
|
1
|
+
!function(e,r){if("object"==typeof exports&&"object"==typeof module)module.exports=r(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js"),require("lit/directives/if-defined.js"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"));else if("function"==typeof define&&define.amd)define(["lit","lit/decorators.js","lit/directives/class-map.js","lit/directives/style-map.js","lit/directives/if-defined.js","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","mobx"],r);else{var t="object"==typeof exports?r(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js"),require("lit/directives/if-defined.js"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx")):r(e.lit,e["lit/decorators.js"],e["lit/directives/class-map.js"],e["lit/directives/style-map.js"],e["lit/directives/if-defined.js"],e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"],e.mobx);for(var a in t)("object"==typeof exports?exports:e)[a]=t[a]}}(self,(e,r,t,a,i,s,n,o)=>(()=>{"use strict";var c,l={10318:e=>{e.exports=a},15300:(e,r,t)=>{t.r(r),t.d(r,{Presence:()=>a}),t(61200);var a,i=t(31890),s=t(4313),n=t(87161),o=t(70429),c=t(85125),l=t(38923),p=t(6188),d=function(e,r,t,a){var i,s=arguments.length,n=s<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,r,t,a);else for(var o=e.length-1;o>=0;o--)(i=e[o])&&(n=(s<3?i(n):s>3?i(r,t,n):i(r,t))||n);return s>3&&n&&Object.defineProperty(r,t,n),n};!function(e){let r=class extends n.LitElement{constructor(){super(...arguments),this.name="",this.size=48,this.title="",this.color="",this.presenceType="",this.newMomentum=!1,this.failurePresence=!1,this.avatarLinked=!1}static get styles(){return[s.A,p.A]}get presenceClassMap(){return{"avatar-presence-wrapper":this.avatarLinked}}render(){if(this.presenceType){const{presenceIcon:e,presenceColor:r}=(0,l.E)(this.presenceType,this.failurePresence,this.newMomentum);this.name=e,this.color=r}return n.html`
|
|
2
|
+
<div class="${(0,c.classMap)(this.presenceClassMap)}" data-size=${this.size} data-icon-size=${this.size}>
|
|
3
3
|
<md-icon
|
|
4
4
|
name="${this.name}"
|
|
5
5
|
color="${this.color}"
|
|
@@ -9,4 +9,4 @@
|
|
|
9
9
|
>
|
|
10
10
|
</md-icon>
|
|
11
11
|
</div>
|
|
12
|
-
`}};
|
|
12
|
+
`}};d([(0,o.property)({type:String})],r.prototype,"name",void 0),d([(0,o.property)({type:Number})],r.prototype,"size",void 0),d([(0,o.property)({type:String})],r.prototype,"title",void 0),d([(0,o.property)({type:String})],r.prototype,"color",void 0),d([(0,o.property)({type:String,attribute:"presence-type"})],r.prototype,"presenceType",void 0),d([(0,o.property)({type:Boolean})],r.prototype,"newMomentum",void 0),d([(0,o.property)({type:Boolean})],r.prototype,"failurePresence",void 0),d([(0,o.property)({type:Boolean})],r.prototype,"avatarLinked",void 0),r=d([(0,i.w)("md-presence")],r),e.ELEMENT=r}(a||(a={}))},20291:e=>{e.exports=i},32022:e=>{e.exports=s},38923:(e,r,t)=>{t.d(r,{E:()=>i});var a=t(31465);const i=(e,r,t=!1)=>{let i="",s="";if(r)i="warning-badge-filled",s="var(--avatar-presence-warning)";else{if(!e)return{presenceIcon:void 0,presenceColor:void 0};switch(e){case"active":i="active-presence-small-filled",s="var(--avatar-presence-active)";break;case"meeting":i=t?"camera-presence-filled":"camera-presence_14",s="var(--avatar-presence-unstable)";break;case"schedule":i=t?"meetings-presence-badge-filled":"meetings-presence_14",s="var(--avatar-presence-unstable)";break;case"call":i=t?"handset-filled":"handset-active_16",s="var(--avatar-presence-unstable)";break;case"dnd":i=t?"dnd-presence-badge-filled":"dnd-presence_14",s="var(--avatar-presence-dnd)";break;case"presenting":i=t?"share-screen-badge-filled":"content-share_14",s="var(--avatar-presence-dnd)";break;case"quiet-hours":i="quiet-hours-presence-filled",s="var(--avatar-presence-inactive)";break;case"away":case"idle":case"inactive":i=t?"recents-presence-badge-filled":"recents-presence_14",s="var(--avatar-presence-inactive)";break;case"away-calling":i="away-calling-presence-filled",s="var(--avatar-presence-inactive)";break;case"ooo":i="pto-presence-filled",s="var(--avatar-presence-inactive)";break;case"busy":i="busy-presence-bold",s="var(--avatar-presence-unstable)";break;case"wrapup":i="archive-filled",s="var(--avatar-chat-icon-color)";break;case"on-mobile":i="phone-filled",s="var(--avatar-presence-inactive)";break;case"on-device":i=t?"generic-device-video-filled":"generic-device-video_16",s="var(--avatar-presence-inactive)";break;case"on-hold":case a.j.HOLD:i="pause-badge-filled",s="var(--avatar-presence-inactive)";break;case"engaged":i="busy-presence-bold",s="var(--avatar-presence-engaged)";break;case"rona":i="dnd-presence-badge-filled",s="var(--avatar-presence-rona)";break;case a.j.CONSULTING:i="headset-bold",s="var(--avatar-presence-inactive)";break;case a.j.PLAY:i="play-bold",s="var(--avatar-presence-inactive)";break;case a.j.CONFERENCE:i="meet-bold",s="var(--avatar-presence-inactive)";break;case a.j.TRANSFERED:i="assign-privilege-bold",s="var(--avatar-presence-inactive)";break;case a.j.COURTESY_CALLBACK:i="callrate-bold",s="var(--avatar-presence-inactive)";break;case a.j.CAMPAIGN:i="announcement-bold",s="var(--avatar-presence-inactive)"}}return{presenceColor:s,presenceIcon:i}}},60554:e=>{e.exports=n},70429:e=>{e.exports=r},85125:e=>{e.exports=t},85314:e=>{e.exports=o},87161:r=>{r.exports=e}},p={};function d(e){var r=p[e];if(void 0!==r)return r.exports;var t=p[e]={exports:{}};return l[e](t,t.exports,d),t.exports}d.m=l,c=[],d.O=(e,r,t,a)=>{if(!r){var i=1/0;for(l=0;l<c.length;l++){for(var[r,t,a]=c[l],s=!0,n=0;n<r.length;n++)(!1&a||i>=a)&&Object.keys(d.O).every(e=>d.O[e](r[n]))?r.splice(n--,1):(s=!1,a<i&&(i=a));if(s){c.splice(l--,1);var o=t();void 0!==o&&(e=o)}}return e}a=a||0;for(var l=c.length;l>0&&c[l-1][2]>a;l--)c[l]=c[l-1];c[l]=[r,t,a]},d.n=e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return d.d(r,{a:r}),r},d.d=(e,r)=>{for(var t in r)d.o(r,t)&&!d.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},d.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),d.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={3667:0,8923:0};d.O.j=r=>0===e[r];var r=(r,t)=>{var a,i,[s,n,o]=t,c=0;if(s.some(r=>0!==e[r])){for(a in n)d.o(n,a)&&(d.m[a]=n[a]);if(o)var l=o(d)}for(r&&r(t);c<s.length;c++)i=s[c],d.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return d.O(l)},t=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];t.forEach(r.bind(null,0)),t.push=r.bind(null,t.push.bind(t))})();var v=d.O(void 0,[6633,1890,4313,510,6283,5087,2176,6798,6865,1200,2576,6188,1465],()=>d(15300));return d.O(v)})());
|
package/dist/comp/md-presence.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
require("../6633"),require("../1890"),require("../
|
|
1
|
+
require("../6633"),require("../1890"),require("../4313"),require("../510"),require("../6283"),require("../5087"),require("../2176"),require("../6798"),require("../6865"),require("../1200"),require("../2576"),require("../6188"),require("../1465"),module.exports=require("../comp/md-presence-entry");
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit
|
|
1
|
+
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js"));else if("function"==typeof define&&define.amd)define(["lit","lit/decorators.js","lit/directives/class-map.js"],t);else{var r="object"==typeof exports?t(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js")):t(e.lit,e["lit/decorators.js"],e["lit/directives/class-map.js"]);for(var o in r)("object"==typeof exports?exports:e)[o]=r[o]}}(self,(e,t,r)=>(()=>{"use strict";var o,i={58287:(e,t,r)=>{r.r(t),r.d(t,{ProgressBar:()=>o});var o,i=r(31890),s=r(4313),a=r(87161),p=r(70429),l=r(85125),n=r(29654),d=function(e,t,r,o){var i,s=arguments.length,a=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,r,o);else for(var p=e.length-1;p>=0;p--)(i=e[p])&&(a=(s<3?i(a):s>3?i(t,r,a):i(t,r))||a);return s>3&&a&&Object.defineProperty(t,r,a),a};!function(e){let t=class extends a.LitElement{constructor(){super(...arguments),this.dynamic=!1,this.color="",this.label="",this.displayFormat="percentage",this.type="indeterminate",this.min=0,this.max=100,this.value=25,this.adjustedValue=0,this.valueFraction=0,this.meterWidth="100",this.getDisplayFormat=()=>"indeterminate"===this.type?(this.value=100,null):(this.adjustedValue=this.max-this.value<0?this.max:this.value,this.valueFraction=this.adjustedValue/this.max*100||0,this.meterWidth=this.valueFraction.toFixed(0)+"%","none"===this.displayFormat?null:"percentage"===this.displayFormat?this.meterWidth:`${this.adjustedValue} / ${this.max}`),this.getColor=()=>this.color?this.color:this.dynamic?this.valueFraction<25?"success":this.valueFraction<50?"info":this.valueFraction<75?"warning":"danger":void 0}connectedCallback(){super.connectedCallback(),this.requestUpdate("value")}static get styles(){return[s.A,n.A]}render(){const e={[`progress--${this.type}`]:this.type,[`progress--${this.color}`]:this.color};return a.html`
|
|
2
2
|
<span>
|
|
3
3
|
<div class="progressbar-info" data-key="${this.min}">
|
|
4
4
|
<span class="progressbar-label">${this.label}</span>
|
|
5
5
|
<span class="progressbar-progress">${this.getDisplayFormat()}</span>
|
|
6
6
|
</div>
|
|
7
|
-
<div class="progress ${(0,
|
|
7
|
+
<div class="progress ${(0,l.classMap)(e)}" data-key="${this.max}">
|
|
8
8
|
<span
|
|
9
9
|
class="meter"
|
|
10
10
|
role="progressbar"
|
|
@@ -18,4 +18,4 @@
|
|
|
18
18
|
</span>
|
|
19
19
|
</div>
|
|
20
20
|
</span>
|
|
21
|
-
`}};
|
|
21
|
+
`}};d([(0,p.property)({type:Boolean})],t.prototype,"dynamic",void 0),d([(0,p.property)({type:String})],t.prototype,"color",void 0),d([(0,p.property)({type:String})],t.prototype,"label",void 0),d([(0,p.property)({type:String})],t.prototype,"displayFormat",void 0),d([(0,p.property)({type:String})],t.prototype,"type",void 0),d([(0,p.property)({type:Number})],t.prototype,"min",void 0),d([(0,p.property)({type:Number})],t.prototype,"max",void 0),d([(0,p.property)({type:Number})],t.prototype,"value",void 0),d([(0,p.property)({type:Number})],t.prototype,"adjustedValue",void 0),d([(0,p.property)({type:Number})],t.prototype,"valueFraction",void 0),d([(0,p.property)({type:String})],t.prototype,"meterWidth",void 0),t=d([(0,i.w)("md-progress-bar")],t),e.ELEMENT=t}(o||(o={}))},70429:e=>{e.exports=t},85125:e=>{e.exports=r},87161:t=>{t.exports=e}},s={};function a(e){var t=s[e];if(void 0!==t)return t.exports;var r=s[e]={exports:{}};return i[e](r,r.exports,a),r.exports}a.m=i,o=[],a.O=(e,t,r,i)=>{if(!t){var s=1/0;for(d=0;d<o.length;d++){for(var[t,r,i]=o[d],p=!0,l=0;l<t.length;l++)(!1&i||s>=i)&&Object.keys(a.O).every(e=>a.O[e](t[l]))?t.splice(l--,1):(p=!1,i<s&&(s=i));if(p){o.splice(d--,1);var n=r();void 0!==n&&(e=n)}}return e}i=i||0;for(var d=o.length;d>0&&o[d-1][2]>i;d--)o[d]=o[d-1];o[d]=[t,r,i]},a.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return a.d(t,{a:t}),t},a.d=(e,t)=>{for(var r in t)a.o(t,r)&&!a.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={5369:0};a.O.j=t=>0===e[t];var t=(t,r)=>{var o,i,[s,p,l]=r,n=0;if(s.some(t=>0!==e[t])){for(o in p)a.o(p,o)&&(a.m[o]=p[o]);if(l)var d=l(a)}for(t&&t(r);n<s.length;n++)i=s[n],a.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return a.O(d)},r=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})();var p=a.O(void 0,[1890,4313,9654],()=>a(58287));return a.O(p)})());
|
|
@@ -1 +1 @@
|
|
|
1
|
-
require("../1890"),require("../
|
|
1
|
+
require("../1890"),require("../4313"),require("../9654"),module.exports=require("../comp/md-progress-bar-entry");
|