@momentum-ui/web-components 2.24.1 → 3.0.0-alpha.1
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 +4 -4
- 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/1990.js +2 -0
- package/dist/1990.js.LICENSE.txt +5 -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 +7 -7
- 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/4371.js +2 -0
- package/dist/4371.js.LICENSE.txt +5 -0
- 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/4935.js +2 -0
- package/dist/4935.js.LICENSE.txt +5 -0
- 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 +35 -14
- package/dist/6633.js +1 -1
- package/dist/6683.js +2 -0
- package/dist/6683.js.LICENSE.txt +11 -0
- 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/679.js +63 -0
- package/dist/6798.js +4 -4
- package/dist/6865.js +1 -0
- package/dist/7119.js +8 -8
- package/dist/7228.js +2 -0
- package/dist/7228.js.LICENSE.txt +5 -0
- 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/9609.js +2 -0
- package/dist/9609.js.LICENSE.txt +5 -0
- 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 +10 -133
- 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 +38 -17
- 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 +11 -11
- 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 +24 -22
- 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 +534 -507
- 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 +9 -8
- package/dist/types/components/badge/NotificationBadge.d.ts +1 -1
- 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 -5
- 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 +3 -3
- package/dist/types/components/help-text/HelpText.d.ts +3 -3
- package/dist/types/components/icon/Icon.d.ts +6 -5
- package/dist/types/components/input/Input.d.ts +49 -11
- 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/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/8612.js +0 -63
- package/dist/9217.js +0 -1
- package/dist/chunks/md-4659.js +0 -1
package/dist/comp/md-alert.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("../4889"),require("../2201"),module.exports=require("../comp/md-alert-entry");
|
|
@@ -1,4 +1,4 @@
|
|
|
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"));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 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")):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 o in i)("object"==typeof exports?exports:e)[o]=i[o]}}(self,(e,t,i,o,s,a,l,n)=>(()=>{"use strict";var d,r={10318:e=>{e.exports=o},20291:e=>{e.exports=s},23779:(e,t,i)=>{i.r(t),i.d(t,{AudioPlayer:()=>c,defaultLabelMap:()=>m,playbackSpeeds:()=>p}),i(96798),i(61200),i(83192);var o=i(90195),s=i(31890),a=i(4313),l=i(87161),n=i(70429),d=i(85125),r=i(51806),u=function(e,t,i,o){var s,a=arguments.length,l=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,i,o);else for(var n=e.length-1;n>=0;n--)(s=e[n])&&(l=(a<3?s(l):a>3?s(t,i,l):s(t,i))||l);return a>3&&l&&Object.defineProperty(t,i,l),l};const p=[{value:.25,label:"0.25"},{value:.5,label:"0.50"},{value:.75,label:"0.75"},{value:1,label:"Normal"},{value:1.25,label:"1.25"},{value:1.5,label:"1.50"},{value:1.75,label:"1.75"},{value:2,label:"2"}],m={playBtn:{ariaLabel:"Play",tooltipText:"Play"},pauseBtn:{ariaLabel:"Pause",tooltipText:"Pause"},duration:{ariaLabel:"Duration:",tooltipText:"Duration"},timeline:{ariaLabel:"Audio Seekbar",tooltipText:"Audio Seekbar"},volumeBtn:{ariaLabel:"Mute / Unmute Audio",tooltipText:"Mute / Unmute"},volumeSlider:{ariaLabel:"Volume level",tooltipText:"Volume level"},playbackSpeedBtn:{ariaLabel:"Playback speed",tooltipText:"Playback speed"}};var c;!function(e){let t=class extends l.LitElement{constructor(){super(),this.src="",this.events=[],this.isPlaying=!1,this.isMuted=!1,this.duration=0,this.volume=100,this.currentTime=0,this.showSpeedPopup=!1,this.playbackSpeed=1,this.volumeExpanded=!1,this.bufferedRange=0,this.selectedPlaybackSpeed=this.playbackSpeed,this.currentlySelectingPlaybackSpeed=!1,this.onOutsideClick=e=>{let t=!1;const i=e.composedPath();i.length&&(t=!!i.find(e=>"speed-btn"===e.id),t||(this.showSpeedPopup=!1))},this.handleKeyDown=e=>{const{code:t}=e;switch(t){case o.Uz.ArrowLeft:this.volumeExpanded?this.setVolumeKeydown(this.volume-.01):this.setTimeKeydown(this.currentTime-1);break;case o.Uz.ArrowRight:this.volumeExpanded?this.setVolumeKeydown(this.volume+.01):this.setTimeKeydown(this.currentTime+1);break;case o.Uz.ArrowUp:if(this.showSpeedPopup){this.currentlySelectingPlaybackSpeed=!0;const t=p.findIndex(e=>e.value===this.selectedPlaybackSpeed),i=Math.max(0,t-1);this.selectedPlaybackSpeed=p[i].value,e.preventDefault(),this.currentlySelectingPlaybackSpeed=!1}break;case o.Uz.ArrowDown:if(this.showSpeedPopup){this.currentlySelectingPlaybackSpeed=!0;const t=p.findIndex(e=>e.value===this.selectedPlaybackSpeed),i=Math.min(p.length-1,t+1);this.selectedPlaybackSpeed=p[i].value,e.preventDefault(),this.currentlySelectingPlaybackSpeed=!1}break;case o.Uz.Enter:this.showSpeedPopup&&(this.setPlaybackSpeed(this.selectedPlaybackSpeed),e.preventDefault())}},this.audio=new Audio,this.setAudioEventListeners(),this.labelMap=m}firstUpdated(e){super.firstUpdated(e),e.has("src")&&(this.audio.src=this.src)}updated(e){super.updated(e),e.has("src")&&(this.audio.src=this.src)}connectedCallback(){super.connectedCallback(),this.requestUpdate("src"),document.addEventListener("click",this.onOutsideClick),document.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.onOutsideClick),document.removeEventListener("keydown",this.handleKeyDown),this.audio.pause(),this.isPlaying=!1}setAudioEventListeners(){this.audio.onloadeddata=()=>{this.duration=this.audio.duration,this.audio.volume=.75},this.audio.onerror=()=>{this.audio.src&&this.dispatchEvent(new CustomEvent("playback-error",{composed:!0,bubbles:!0}))},this.audio.onended=()=>{this.audio.currentTime=0,this.isPlaying=!1},this.audio.ontimeupdate=()=>{this.currentTime=this.audio.currentTime},this.audio.onvolumechange=()=>{this.volume=this.audio.volume},this.audio.onprogress=()=>{this.audio.buffered.length>0&&(this.bufferedRange=this.audio.buffered.end(this.audio.buffered.length-1))}}togglePlay(){this.isPlaying=!this.isPlaying,this.isPlaying?(this.audio.play(),this.dispatchEvent(new CustomEvent("play-clicked",{composed:!0,bubbles:!0}))):this.audio.pause()}toTimecode(e){const t=Math.floor(e);return`${Math.floor(t/60)}:${String(t%60).padStart(2,"0")}`}setTime(e){const t=this.getBarPercentage(e,"timeline"),i=Math.floor(t*this.duration);this.audio.currentTime=i}setVolumeElement(e){this.volumeElement="volume"===e.target.className?e.target:e.target.parentElement}handleVolumeChange(e){let t=!1;this.setVolumeElement(e),this.setVolume(e);const i=e=>{t||(t=!0),this.volumeExpanded?this.setVolume(e):s()},o=()=>{s()},s=()=>{t=!1,window.removeEventListener("mousemove",i),window.removeEventListener("mouseup",o)};window.addEventListener("mousemove",i),window.addEventListener("mouseup",o),e.preventDefault()}getVolumeFromSlider(e){if(null===this.volumeElement)return 0;const t=this.volumeElement.getBoundingClientRect(),i=e.clientX-t.x;return Math.max(0,Math.min(1,i/t.width))}setVolume(e){const t=this.getVolumeFromSlider(e);this.audio.volume=t}getBarPercentage(e,t){const i=(e.target.className===t?e.target:e.target.parentElement).getBoundingClientRect();return(e.clientX-i.x)/i.width}toggleSoundMute(){this.isMuted=!this.isMuted,this.audio.muted=this.isMuted}toggleSpeedPopup(){this.showSpeedPopup=!this.showSpeedPopup}setTimeKeydown(e){e>this.duration?(this.currentTime=this.duration,this.audio.currentTime=this.duration):e<0?(this.currentTime=0,this.audio.currentTime=0):(this.currentTime=e,this.audio.currentTime=e)}setVolumeKeydown(e){e>1?(this.volume=1,this.audio.volume=1):e<0?(this.isMuted||this.toggleSoundMute(),this.volume=0,this.audio.volume=0):(this.isMuted&&this.toggleSoundMute(),this.volume=e,this.audio.volume=e)}get popupClassMap(){return{"popup-open":this.showSpeedPopup}}setPlaybackSpeed(e){this.playbackSpeed=e,this.selectedPlaybackSpeed=e,this.audio.playbackRate=this.playbackSpeed,this.showSpeedPopup=!1}toggleVolumeExpand(e){this.volumeExpanded=e}static get styles(){return[a.A,r.A]}render(){return l.html`
|
|
2
2
|
<div class="md-audio-player">
|
|
3
3
|
<div class="inner-container">
|
|
4
4
|
<div class="play-container">
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
@click="${this.togglePlay}"
|
|
13
13
|
aria-label="${this.isPlaying?this.labelMap.pauseBtn.ariaLabel:this.labelMap.playBtn.ariaLabel}"
|
|
14
14
|
>
|
|
15
|
-
${this.isPlaying?
|
|
15
|
+
${this.isPlaying?l.html` <md-icon slot="icon" name="pause-bold" size="16" iconSet="momentumDesign"></md-icon> `:l.html` <md-icon slot="icon" name="play-bold" size="16" iconSet="momentumDesign"></md-icon> `}
|
|
16
16
|
</md-button>
|
|
17
17
|
</md-tooltip>
|
|
18
18
|
</div>
|
|
@@ -59,9 +59,9 @@
|
|
|
59
59
|
aria-label="${this.labelMap.volumeBtn.ariaLabel}"
|
|
60
60
|
@click="${this.toggleSoundMute}"
|
|
61
61
|
>
|
|
62
|
-
${this.isMuted?
|
|
62
|
+
${this.isMuted?l.html`
|
|
63
63
|
<md-icon slot="icon" name="speaker-muted-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
64
|
-
`:
|
|
64
|
+
`:l.html` <md-icon slot="icon" name="speaker-bold" size="16" iconSet="momentumDesign"></md-icon> `}
|
|
65
65
|
</md-button>
|
|
66
66
|
</md-tooltip>
|
|
67
67
|
</div>
|
|
@@ -71,15 +71,15 @@
|
|
|
71
71
|
<md-icon slot="icon" name="too-fast-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
72
72
|
</md-button>
|
|
73
73
|
</md-tooltip>
|
|
74
|
-
<div class="speed-popup ${(0,
|
|
74
|
+
<div class="speed-popup ${(0,d.classMap)(this.popupClassMap)}">
|
|
75
75
|
<ul id="speed-popup-menu">
|
|
76
|
-
${p.map(e=>{const t=this.selectedPlaybackSpeed==e.value&&!this.currentlySelectingPlaybackSpeed;return
|
|
76
|
+
${p.map(e=>{const t=this.selectedPlaybackSpeed==e.value&&!this.currentlySelectingPlaybackSpeed;return l.html`
|
|
77
77
|
<li
|
|
78
78
|
class=${t?"speed-popup-selected-speed":""}
|
|
79
79
|
@click="${()=>this.setPlaybackSpeed(e.value)}"
|
|
80
80
|
>
|
|
81
81
|
<span>${e.label}</span>
|
|
82
|
-
${this.playbackSpeed==e.value?
|
|
82
|
+
${this.playbackSpeed==e.value?l.html`
|
|
83
83
|
<md-icon
|
|
84
84
|
slot="icon"
|
|
85
85
|
color="md-blue-60"
|
|
@@ -87,7 +87,7 @@
|
|
|
87
87
|
size="16"
|
|
88
88
|
iconSet="momentumDesign"
|
|
89
89
|
></md-icon>
|
|
90
|
-
`:
|
|
90
|
+
`:l.nothing}
|
|
91
91
|
</li>
|
|
92
92
|
`})}
|
|
93
93
|
</ul>
|
|
@@ -95,4 +95,4 @@
|
|
|
95
95
|
</div>
|
|
96
96
|
</div>
|
|
97
97
|
</div>
|
|
98
|
-
`}};u([(0,
|
|
98
|
+
`}};u([(0,n.property)({type:String})],t.prototype,"src",void 0),u([(0,n.property)({type:Object})],t.prototype,"labelMap",void 0),u([(0,n.state)()],t.prototype,"events",void 0),u([(0,n.state)()],t.prototype,"audio",void 0),u([(0,n.state)()],t.prototype,"volumeElement",void 0),u([(0,n.state)()],t.prototype,"isPlaying",void 0),u([(0,n.state)()],t.prototype,"isMuted",void 0),u([(0,n.state)()],t.prototype,"duration",void 0),u([(0,n.state)()],t.prototype,"volume",void 0),u([(0,n.state)()],t.prototype,"currentTime",void 0),u([(0,n.state)()],t.prototype,"showSpeedPopup",void 0),u([(0,n.state)()],t.prototype,"playbackSpeed",void 0),u([(0,n.state)()],t.prototype,"volumeExpanded",void 0),u([(0,n.state)()],t.prototype,"bufferedRange",void 0),u([(0,n.state)()],t.prototype,"selectedPlaybackSpeed",void 0),u([(0,n.state)()],t.prototype,"currentlySelectingPlaybackSpeed",void 0),t=u([(0,s.w)("md-audio-player")],t),e.ELEMENT=t}(c||(c={}))},32022:e=>{e.exports=a},60554:e=>{e.exports=l},70429:e=>{e.exports=t},85125:e=>{e.exports=i},85314:e=>{e.exports=n},87161:t=>{t.exports=e}},u={};function p(e){var t=u[e];if(void 0!==t)return t.exports;var i=u[e]={exports:{}};return r[e](i,i.exports,p),i.exports}p.m=r,d=[],p.O=(e,t,i,o)=>{if(!t){var s=1/0;for(r=0;r<d.length;r++){for(var[t,i,o]=d[r],a=!0,l=0;l<t.length;l++)(!1&o||s>=o)&&Object.keys(p.O).every(e=>p.O[e](t[l]))?t.splice(l--,1):(a=!1,o<s&&(s=o));if(a){d.splice(r--,1);var n=i();void 0!==n&&(e=n)}}return e}o=o||0;for(var r=d.length;r>0&&d[r-1][2]>o;r--)d[r]=d[r-1];d[r]=[t,i,o]},p.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return p.d(t,{a:t}),t},p.d=(e,t)=>{for(var i in t)p.o(t,i)&&!p.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},p.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),p.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={8220:0};p.O.j=t=>0===e[t];var t=(t,i)=>{var o,s,[a,l,n]=i,d=0;if(a.some(t=>0!==e[t])){for(o in l)p.o(l,o)&&(p.m[o]=l[o]);if(n)var r=n(p)}for(t&&t(i);d<a.length;d++)s=a[d],p.o(e,s)&&e[s]&&e[s][0](),e[s]=0;return p.O(r)},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 m=p.O(void 0,[6633,1890,4313,510,6283,5087,2176,6798,6865,1200,8889,8373,4624,591,768,195,6677,2848,7919,3192,5382,9425],()=>p(23779));return p.O(m)})());
|
|
@@ -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("../8373"),require("../4624"),require("../591"),require("../768"),require("../195"),require("../6677"),require("../2848"),require("../7919"),require("../3192"),require("../5382"),require("../9425"),module.exports=require("../comp/md-audio-player-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"),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/until.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/until.js"],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("lit/directives/until.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/until.js"]);for(var o in i)("object"==typeof exports?exports:e)[o]=i[o]}}(self,(e,t,i,o,s,r,a,n,l)=>(()=>{"use strict";var c,p={10318:e=>{e.exports=o},20291:e=>{e.exports=s},32022:e=>{e.exports=r},38028:(e,t,i)=>{i.r(t),i.d(t,{Avatar:()=>o}),i(61200),i(69788),i(15300);var o,s=i(31890),r=i(26283),a=i(4313),n=i(87161),l=i(70429),c=i(85125),p=i(20291),h=i(10318),d=i(89756),m=i(38923),u=i(7292),y=function(e,t,i,o){var s,r=arguments.length,a=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,o);else for(var n=e.length-1;n>=0;n--)(s=e[n])&&(a=(r<3?s(a):r>3?s(t,i,a):s(t,i))||a);return r>3&&a&&Object.defineProperty(t,i,a),a};!function(e){let t=class extends n.LitElement{constructor(){super(...arguments),this._tabIndex=0,this.alt="",this.src="",this.label="",this.title="",this.color="",this.decrypting=!1,this.role="img",this.iconName="",this.failurePresence=!1,this.type="",this.newMomentum=!1,this.typing=!1,this.size=40,this.hasNotification=!1,this.clickable=!1,this.avatarStyle="default",this.state="rest",this.imageLoaded=!1,this.imageErrored=!1,this.presenceColor="",this.presenceIcon="",this.iconNameMap={"channel-chat":"chat-filled","channel-chat-outbound":"chat-outbound-filled","channel-social":"sms-message-filled","channel-sms-inbound":"sms-filled","channel-sms-outbound":"sms-outgoing-filled","channel-email-inbound":"email-filled","channel-email-outbound":"email-outgoing-filled","channel-call":"handset-filled","channel-call-inbound":"incoming-call-legacy-filled","channel-callback":"outgoing-call-legacy-filled","channel-headset":"headset-filled","channel-campaign":"campaign-management-bold","channel-emoji":"emoji-happy-filled","channel-webex":"webex-app-icon-color-container","channel-fb-messenger":"social-fbmessenger-color","channel-facebook":"social-facebook-color","channel-apple-chat":"apple-business-chat-color","channel-line":"social-line-color","channel-twitter-x":"social-x","channel-viber":"social-viber-color","channel-whats-app":"social-whatsapp-color","channel-we-chat":"social-wechat-color","channel-spam":"participant-unknown-bold","channel-monitoring":"monitoring-bold"}}get tabIndex(){return this._tabIndex}set tabIndex(e){const t=this._tabIndex;this._tabIndex=e,this.requestUpdate("tabIndex",t)}static get styles(){return[a.A,u.A]}isPresenceType(e){return m.e.includes(e)}firstUpdated(){const e=this.presenceType||(this.isPresenceType(this.type)?this.type:"");if(e){const{presenceColor:t,presenceIcon:i}=(0,m.E)(e,this.failurePresence,this.newMomentum);this.presenceColor=t,this.presenceIcon=i}}updated(e){super.updated(e);const t=this.presenceType||(this.isPresenceType(this.type)?this.type:"");if(t&&(e.has("type")||e.has("presenceType")||e.has("newMomentum"))){const{presenceColor:e,presenceIcon:i}=(0,m.E)(t,this.failurePresence,this.newMomentum);this.presenceColor=e,this.presenceIcon=i}e.has("role")&&this.style.setProperty("--avatar-cursor","button"===this.role?"pointer":"default")}get avatarClassMap(){return Object.assign(Object.assign({},this.newMomentum&&"bot"!==this.type||!this.type?{}:{[`md-avatar--${this.type}`]:!0}),{[`md-avatar--${this.size}`]:!!this.size,[`md-avatar--${this.color}`]:!!this.color,active:"active"===this.state})}get avatarLetterClassMap(){return{"md-decrypting":this.decrypting,[`md-avatar--${this.color}`]:this.color,"new-momentum":this.newMomentum,active:"active"===this.state}}get avatarStyleMap(){return{[`md-avatar--${this.color}`]:this.color}}get pretifyTitle(){if(this.title.length){const e=this.title.trim().split(" ");return 1===e.length?e[0].charAt(0):e[0].charAt(0)+e[e.length-1].charAt(0)}return this.title}get chatIconName(){return"chat-filled"}getIconName(e){return this.iconNameMap[e]||""}get chatIconSize(){return this.iconSize}get presenceSize(){return this.size<=24?10.5:this.size<=32?14:this.size<=48?13.94:this.size<=64?18.58:this.size<=72?20.9:this.size<=88?25.55:36}get iconSize(){return 24===this.size?"16":28===this.size?"18":32===this.size?"20":36===this.size?"22":40===this.size?"24":48===this.size?"28":56===this.size?"32":64===this.size?"36":72===this.size?"40":Math.round(this.size/1.7).toString()}get renderIsTyping(){return"typing"===this.type||this.typing?n.html` <md-loading></md-loading> `:n.nothing}get avatarLetter(){return this.title?n.html`
|
|
2
2
|
<span class="md-avatar__letter ${(0,c.classMap)(this.avatarLetterClassMap)}">
|
|
3
3
|
${this.pretifyTitle}
|
|
4
4
|
<slot></slot>
|
|
5
5
|
${this.renderIsTyping}
|
|
6
6
|
</span>
|
|
7
|
-
`:
|
|
7
|
+
`:n.nothing}get avatarIcon(){return n.html`
|
|
8
8
|
<span class="md-avatar__icon ${(0,c.classMap)(this.avatarStyleMap)}">
|
|
9
9
|
<md-icon
|
|
10
10
|
.name=${this.iconName}
|
|
@@ -12,9 +12,9 @@
|
|
|
12
12
|
.size=${this.newMomentum?this.iconSize:""}
|
|
13
13
|
></md-icon>
|
|
14
14
|
</span>
|
|
15
|
-
`}get avatarImage(){return
|
|
16
|
-
${(0,
|
|
17
|
-
`}loadImage(){return e=this,t=void 0,
|
|
15
|
+
`}get avatarImage(){return n.html`
|
|
16
|
+
${(0,d.until)(this.loadImage().then(e=>(this.handleImageLoad(),n.html` ${e} `)).catch(()=>this.handleImageError()),n.html` ${this.iconName?this.avatarIcon:this.title?n.html` ${this.avatarLetter} `:n.nothing} `)}
|
|
17
|
+
`}loadImage(){return e=this,t=void 0,o=function*(){return new Promise((e,t)=>{const i=document.createElement("img");i.src=this.src,i.alt=this.alt,i.onload=()=>e(i),i.onerror=e=>t(e),i.classList.add("md-avatar__img"),i.classList.toggle("md-avatar__img--hidden",!this.imageLoaded)})},new((i=void 0)||(i=Promise))(function(s,r){function a(e){try{l(o.next(e))}catch(e){r(e)}}function n(e){try{l(o.throw(e))}catch(e){r(e)}}function l(e){var t;e.done?s(e.value):(t=e.value,t instanceof i?t:new i(function(e){e(t)})).then(a,n)}l((o=o.apply(e,t||[])).next())});var e,t,i,o}handleImageLoad(){this.imageLoaded=!0}handleImageError(){this.imageErrored=!0}handleKeyDown(e){if(!this.clickable)return;const{code:t}=e;(0,r.o)(t)&&this.dispatchEvent(new CustomEvent("button-keydown",{composed:!0,bubbles:!0,detail:{srcEvent:e}}))}handleClick(e){var t;this.clickable&&(null===(t=this.clickFunction)||void 0===t||t.call(this),this.dispatchEvent(new CustomEvent("button-click",{composed:!0,bubbles:!0,detail:{srcEvent:e}})))}getBrandOrDesignIconSet(e){return new Set(["webex-app-icon-color-container","social-fbmessenger-color","social-facebook-color","apple-business-chat-color","social-line-color","social-viber-color","social-x","social-whatsapp-color","social-wechat-color"]).has(e)?"momentumBrandVisuals":"momentumDesign"}get avatarContent(){return this.src&&!this.imageErrored?this.avatarImage:this.iconName?this.avatarIcon:this.title?this.avatarLetter:n.nothing}renderPresence(){return this.newMomentum&&(this.presenceType||this.type)&&"self"!==this.type&&this.presenceIcon?n.html`
|
|
18
18
|
<md-presence
|
|
19
19
|
class="avatar-presence"
|
|
20
20
|
name="${this.presenceIcon}"
|
|
@@ -25,11 +25,11 @@
|
|
|
25
25
|
.avatarLinked=${!0}
|
|
26
26
|
>
|
|
27
27
|
</md-presence>
|
|
28
|
-
`:
|
|
28
|
+
`:n.nothing}renderAvatarContent(){const e=this.getIconName(this.type);if("channel-custom"===this.type)return n.html`
|
|
29
29
|
<span class="md-avatar__logo" data-channel-style=${this.avatarStyle} data-channel-state=${this.state}>
|
|
30
30
|
<slot></slot>
|
|
31
31
|
</span>
|
|
32
|
-
`;if(e){const t=this.getBrandOrDesignIconSet(e);return
|
|
32
|
+
`;if(e){const t=this.getBrandOrDesignIconSet(e);return n.html`
|
|
33
33
|
<span
|
|
34
34
|
class="md-avatar__logo ${this.type}"
|
|
35
35
|
data-channel-style=${this.avatarStyle}
|
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
color="var(--icon-color-${this.type})"
|
|
43
43
|
></md-icon>
|
|
44
44
|
</span>
|
|
45
|
-
`}return this.avatarContent}render(){return
|
|
45
|
+
`}return this.avatarContent}render(){return n.html`
|
|
46
46
|
<div
|
|
47
47
|
part="avatar"
|
|
48
48
|
class="md-avatar
|
|
@@ -53,12 +53,12 @@
|
|
|
53
53
|
tabindex=${(0,p.ifDefined)(this.tabIndex||void 0)}
|
|
54
54
|
aria-label=${(0,p.ifDefined)(this.label)}
|
|
55
55
|
>
|
|
56
|
-
${"self"===this.type?
|
|
56
|
+
${"self"===this.type?n.html`
|
|
57
57
|
<span class="md-avatar__self" style=${(0,h.styleMap)(this.avatarStyleMap)}>
|
|
58
58
|
<md-icon .name=${this.chatIconName} .iconSet=${"momentumDesign"} .size=${this.chatIconSize}></md-icon>
|
|
59
59
|
</span>
|
|
60
60
|
`:this.renderAvatarContent()}
|
|
61
|
-
${this.hasNotification?
|
|
61
|
+
${this.hasNotification?n.html` <span class="md-avatar__notification-badge"></span> `:n.nothing}
|
|
62
62
|
${this.renderPresence()}
|
|
63
63
|
</div>
|
|
64
|
-
`}};y([(0,
|
|
64
|
+
`}};y([(0,l.property)({type:Number,attribute:"tab-index",reflect:!0})],t.prototype,"tabIndex",null),y([(0,l.property)({type:String})],t.prototype,"alt",void 0),y([(0,l.property)({type:String})],t.prototype,"src",void 0),y([(0,l.property)({type:String})],t.prototype,"label",void 0),y([(0,l.property)({type:String})],t.prototype,"title",void 0),y([(0,l.property)({type:String})],t.prototype,"color",void 0),y([(0,l.property)({type:Boolean})],t.prototype,"decrypting",void 0),y([(0,l.property)({type:String})],t.prototype,"role",void 0),y([(0,l.property)({type:String,attribute:"icon-name"})],t.prototype,"iconName",void 0),y([(0,l.property)({type:Boolean})],t.prototype,"failurePresence",void 0),y([(0,l.property)({type:String})],t.prototype,"type",void 0),y([(0,l.property)({type:String,attribute:"presence-type"})],t.prototype,"presenceType",void 0),y([(0,l.property)({type:Boolean})],t.prototype,"newMomentum",void 0),y([(0,l.property)({type:Boolean})],t.prototype,"typing",void 0),y([(0,l.property)({type:Number})],t.prototype,"size",void 0),y([(0,l.property)({type:Boolean,attribute:"has-notification"})],t.prototype,"hasNotification",void 0),y([(0,l.property)({type:Boolean})],t.prototype,"clickable",void 0),y([(0,l.property)({attribute:!1})],t.prototype,"clickFunction",void 0),y([(0,l.property)({type:String,attribute:"avatar-style"})],t.prototype,"avatarStyle",void 0),y([(0,l.property)({type:String})],t.prototype,"state",void 0),y([(0,l.state)()],t.prototype,"imageLoaded",void 0),y([(0,l.state)()],t.prototype,"imageErrored",void 0),y([(0,l.state)()],t.prototype,"presenceColor",void 0),y([(0,l.state)()],t.prototype,"presenceIcon",void 0),t=y([(0,s.w)("md-avatar")],t),e.ELEMENT=t}(o||(o={}))},60554:e=>{e.exports=a},70429:e=>{e.exports=t},85125:e=>{e.exports=i},85314:e=>{e.exports=n},87161:t=>{t.exports=e},89756:e=>{e.exports=l}},h={};function d(e){var t=h[e];if(void 0!==t)return t.exports;var i=h[e]={exports:{}};return p[e](i,i.exports,d),i.exports}d.m=p,c=[],d.O=(e,t,i,o)=>{if(!t){var s=1/0;for(l=0;l<c.length;l++){for(var[t,i,o]=c[l],r=!0,a=0;a<t.length;a++)(!1&o||s>=o)&&Object.keys(d.O).every(e=>d.O[e](t[a]))?t.splice(a--,1):(r=!1,o<s&&(s=o));if(r){c.splice(l--,1);var n=i();void 0!==n&&(e=n)}}return e}o=o||0;for(var l=c.length;l>0&&c[l-1][2]>o;l--)c[l]=c[l-1];c[l]=[t,i,o]},d.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return d.d(t,{a:t}),t},d.d=(e,t)=>{for(var i in t)d.o(t,i)&&!d.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},d.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),d.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={8028:0,8115:0};d.O.j=t=>0===e[t];var t=(t,i)=>{var o,s,[r,a,n]=i,l=0;if(r.some(t=>0!==e[t])){for(o in a)d.o(a,o)&&(d.m[o]=a[o]);if(n)var c=n(d)}for(t&&t(i);l<r.length;l++)s=r[l],d.o(e,s)&&e[s]&&e[s][0](),e[s]=0;return d.O(c)},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 m=d.O(void 0,[6633,1890,4313,510,6283,5087,2176,6798,6865,1200,2576,7292,6188,15,8923,7119,1465],()=>d(38028));return d.O(m)})());
|
package/dist/comp/md-avatar.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("../7292"),require("../6188"),require("../15"),require("../8923"),require("../7119"),require("../1465"),module.exports=require("../comp/md-avatar-entry");
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
!function(t
|
|
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/if-defined.js"));else if("function"==typeof define&&define.amd)define(["lit","lit/decorators.js","lit/directives/class-map.js","lit/directives/if-defined.js"],t);else{var i="object"==typeof exports?t(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js"),require("lit/directives/if-defined.js")):t(e.lit,e["lit/decorators.js"],e["lit/directives/class-map.js"],e["lit/directives/if-defined.js"]);for(var r in i)("object"==typeof exports?exports:e)[r]=i[r]}}(self,(e,t,i,r)=>(()=>{"use strict";var o,s={20291:e=>{e.exports=r},63704:(e,t,i)=>{i.r(t),i.d(t,{Badge:()=>r});var r,o=i(31890),s=i(4313),d=i(87161),l=i(36752),p=i(70429),a=i(85125),n=i(20291),h=i(15427),c=i(49480),y=function(e,t,i,r){var o,s=arguments.length,d=s<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)d=Reflect.decorate(e,t,i,r);else for(var l=e.length-1;l>=0;l--)(o=e[l])&&(d=(s<3?o(d):s>3?o(t,i,d):o(t,i))||d);return s>3&&d&&Object.defineProperty(t,i,d),d};!function(e){let t=class extends d.LitElement{constructor(){super(...arguments),this.ariaLabel="",this.color="",this.bgColor="",this.textColor="",this.height="",this.width="",this.outlined=!1,this.compact=!1,this.circle=!1,this.circleSize=h.zj[40],this.small=!1,this.split=!1,this.disabled=!1,this.tabIndexing="",this.ariaHiddenSplits="",this.renderBgColor=()=>this.bgColor?`background-color: ${this.bgColor};`:l.s6,this.renderTextColor=()=>this.textColor?`color: ${this.textColor};`:l.s6,this.renderHeight=()=>this.height?`height: ${this.height};`:l.s6,this.renderWidth=()=>this.width?`width: ${this.width};`:l.s6,this.getStyles=()=>this.bgColor||this.textColor||this.height||this.width?d.html`
|
|
2
2
|
<style>
|
|
3
3
|
:host .md-badge {
|
|
4
4
|
${this.renderBgColor()};
|
|
@@ -7,15 +7,15 @@
|
|
|
7
7
|
${this.renderWidth()};
|
|
8
8
|
}
|
|
9
9
|
</style>
|
|
10
|
-
`:
|
|
10
|
+
`:l.s6}static get styles(){return[s.A,c.A]}get computedAriaHiddenSplits(){return"true"===this.ariaHiddenSplits||"false"!==this.ariaHiddenSplits&&void 0}get computedTabIndex(){const e=parseInt(this.tabIndexing);return isNaN(e)?void 0:e}render(){const e={"md-badge--circle":this.circle,[`md-badge--circle-${this.circleSize}`]:this.circle,"md-badge--split":this.split,"md-badge--compact":this.compact,"md-badge--small":this.small||24===this.size,[`md-badge--size-${this.size}`]:!!this.size&&24!==this.size,"md-badge--outline":this.outlined,"md-badge--disabled":this.disabled,[`md-badge--${this.color}`]:!this.disabled&&this.color};return d.html`
|
|
11
11
|
${this.getStyles()}
|
|
12
12
|
<span
|
|
13
13
|
tabindex=${(0,n.ifDefined)(this.computedTabIndex)}
|
|
14
14
|
part="badge"
|
|
15
|
-
class="md-badge ${(0,
|
|
15
|
+
class="md-badge ${(0,a.classMap)(e)}"
|
|
16
16
|
aria-label=${this.ariaLabel}
|
|
17
17
|
>
|
|
18
|
-
${this.split?(()=>
|
|
18
|
+
${this.split?(()=>d.html`
|
|
19
19
|
<slot
|
|
20
20
|
aria-hidden=${(0,n.ifDefined)(this.computedAriaHiddenSplits)}
|
|
21
21
|
name="split-left"
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
name="split-right"
|
|
28
28
|
class="split split-right"
|
|
29
29
|
></slot>
|
|
30
|
-
`)():
|
|
30
|
+
`)():l.s6}
|
|
31
31
|
<slot></slot>
|
|
32
32
|
</span>
|
|
33
|
-
`}};
|
|
33
|
+
`}};y([(0,p.property)({type:String})],t.prototype,"ariaLabel",void 0),y([(0,p.property)({type:String})],t.prototype,"color",void 0),y([(0,p.property)({type:String})],t.prototype,"bgColor",void 0),y([(0,p.property)({type:String})],t.prototype,"textColor",void 0),y([(0,p.property)({type:String})],t.prototype,"height",void 0),y([(0,p.property)({type:String})],t.prototype,"width",void 0),y([(0,p.property)({type:Boolean})],t.prototype,"outlined",void 0),y([(0,p.property)({type:Boolean})],t.prototype,"compact",void 0),y([(0,p.property)({type:Boolean})],t.prototype,"circle",void 0),y([(0,p.property)({type:Number,attribute:"circle-size"})],t.prototype,"circleSize",void 0),y([(0,p.property)({type:Number})],t.prototype,"size",void 0),y([(0,p.property)({type:Boolean})],t.prototype,"small",void 0),y([(0,p.property)({type:Boolean})],t.prototype,"split",void 0),y([(0,p.property)({type:Boolean})],t.prototype,"disabled",void 0),y([(0,p.property)({type:String})],t.prototype,"tabIndexing",void 0),y([(0,p.property)({type:String})],t.prototype,"ariaHiddenSplits",void 0),t=y([(0,o.w)("md-badge")],t),e.ELEMENT=t}(r||(r={}))},70429:e=>{e.exports=t},85125:e=>{e.exports=i},87161:t=>{t.exports=e}},d={};function l(e){var t=d[e];if(void 0!==t)return t.exports;var i=d[e]={exports:{}};return s[e](i,i.exports,l),i.exports}l.m=s,o=[],l.O=(e,t,i,r)=>{if(!t){var s=1/0;for(n=0;n<o.length;n++){for(var[t,i,r]=o[n],d=!0,p=0;p<t.length;p++)(!1&r||s>=r)&&Object.keys(l.O).every(e=>l.O[e](t[p]))?t.splice(p--,1):(d=!1,r<s&&(s=r));if(d){o.splice(n--,1);var a=i();void 0!==a&&(e=a)}}return e}r=r||0;for(var n=o.length;n>0&&o[n-1][2]>r;n--)o[n]=o[n-1];o[n]=[t,i,r]},l.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return l.d(t,{a:t}),t},l.d=(e,t)=>{for(var i in t)l.o(t,i)&&!l.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},l.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),l.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={8111:0};l.O.j=t=>0===e[t];var t=(t,i)=>{var r,o,[s,d,p]=i,a=0;if(s.some(t=>0!==e[t])){for(r in d)l.o(d,r)&&(l.m[r]=d[r]);if(p)var n=p(l)}for(t&&t(i);a<s.length;a++)o=s[a],l.o(e,o)&&e[o]&&e[o][0](),e[o]=0;return l.O(n)},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 p=l.O(void 0,[6752,1890,4313,9480,5427],()=>l(63704));return l.O(p)})());
|
package/dist/comp/md-badge.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
require("../1890"),require("../
|
|
1
|
+
require("../6752"),require("../1890"),require("../4313"),require("../9480"),require("../5427"),module.exports=require("../comp/md-badge-entry");
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
!function(e,
|
|
2
|
-
<nav aria-label="${(0,
|
|
1
|
+
!function(e,r){if("object"==typeof exports&&"object"==typeof module)module.exports=r(require("lit"),require("lit/decorators.js"),require("lit/directives/if-defined.js"),require("lit/directives/repeat.js"));else if("function"==typeof define&&define.amd)define(["lit","lit/decorators.js","lit/directives/if-defined.js","lit/directives/repeat.js"],r);else{var t="object"==typeof exports?r(require("lit"),require("lit/decorators.js"),require("lit/directives/if-defined.js"),require("lit/directives/repeat.js")):r(e.lit,e["lit/decorators.js"],e["lit/directives/if-defined.js"],e["lit/directives/repeat.js"]);for(var i in t)("object"==typeof exports?exports:e)[i]=t[i]}}(self,(e,r,t,i)=>(()=>{"use strict";var o,s={20291:e=>{e.exports=t},58175:e=>{e.exports=i},70429:e=>{e.exports=r},87161:r=>{r.exports=e},92992:(e,r,t)=>{t.r(r),t.d(r,{Breadcrumb:()=>i});var i,o=t(31890),s=t(4313),n=t(87161),a=t(70429),l=t(20291),d=t(58175),c=t(85524),u=function(e,r,t,i){var o,s=arguments.length,n=s<3?r:null===i?i=Object.getOwnPropertyDescriptor(r,t):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,r,t,i);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(s<3?o(n):s>3?o(r,t,n):o(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.label="Breadcrumb",this.navCrumbs=[]}static get styles(){return[s.A,c.A]}setLastAnchorCurrent(){var e;(null===(e=this.anchors)||void 0===e?void 0:e.length)&&this.anchors[this.anchors.length-1].setAttribute("aria-current","page")}firstUpdated(e){super.firstUpdated(e),this.setLastAnchorCurrent()}update(e){super.update(e),e.has("navCrumbs")&&this.setLastAnchorCurrent()}handleClick(e){var r;const t=e.target;if(null===(r=this.anchors)||void 0===r?void 0:r.length){const e=Array.from(this.anchors).indexOf(t);-1!==e&&(this.navCrumbs=[...this.navCrumbs.splice(0,e+1)])}}render(){return n.html`
|
|
2
|
+
<nav aria-label="${(0,l.ifDefined)(this.label?this.label:void 0)}" class="md-breadcrumb">
|
|
3
3
|
<ul @click=${e=>this.handleClick(e)}>
|
|
4
|
-
${(0,
|
|
4
|
+
${(0,d.repeat)(this.navCrumbs,e=>e.link,e=>n.html`
|
|
5
5
|
<li>
|
|
6
6
|
<a href="${e.link}"> ${e.label} </a>
|
|
7
7
|
</li>
|
|
8
8
|
`)}
|
|
9
9
|
</ul>
|
|
10
10
|
</nav>
|
|
11
|
-
`}};u([(0,
|
|
11
|
+
`}};u([(0,a.property)({type:String,attribute:"aria-label"})],r.prototype,"label",void 0),u([(0,a.property)({type:Array,attribute:"nav-crumbs",reflect:!0})],r.prototype,"navCrumbs",void 0),u([(0,a.queryAll)("a[href]")],r.prototype,"anchors",void 0),r=u([(0,o.w)("md-breadcrumb")],r),e.ELEMENT=r}(i||(i={}))}},n={};function a(e){var r=n[e];if(void 0!==r)return r.exports;var t=n[e]={exports:{}};return s[e](t,t.exports,a),t.exports}a.m=s,o=[],a.O=(e,r,t,i)=>{if(!r){var s=1/0;for(c=0;c<o.length;c++){for(var[r,t,i]=o[c],n=!0,l=0;l<r.length;l++)(!1&i||s>=i)&&Object.keys(a.O).every(e=>a.O[e](r[l]))?r.splice(l--,1):(n=!1,i<s&&(s=i));if(n){o.splice(c--,1);var d=t();void 0!==d&&(e=d)}}return e}i=i||0;for(var c=o.length;c>0&&o[c-1][2]>i;c--)o[c]=o[c-1];o[c]=[r,t,i]},a.n=e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return a.d(r,{a:r}),r},a.d=(e,r)=>{for(var t in r)a.o(r,t)&&!a.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},a.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={555:0};a.O.j=r=>0===e[r];var r=(r,t)=>{var i,o,[s,n,l]=t,d=0;if(s.some(r=>0!==e[r])){for(i in n)a.o(n,i)&&(a.m[i]=n[i]);if(l)var c=l(a)}for(r&&r(t);d<s.length;d++)o=s[d],a.o(e,o)&&e[o]&&e[o][0](),e[o]=0;return a.O(c)},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 l=a.O(void 0,[1890,4313,5524],()=>a(92992));return a.O(l)})());
|
|
@@ -1 +1 @@
|
|
|
1
|
-
require("../1890"),require("../
|
|
1
|
+
require("../1890"),require("../4313"),require("../5524"),module.exports=require("../comp/md-breadcrumb-entry");
|
|
@@ -1,11 +1,11 @@
|
|
|
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"));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"],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")):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"]);for(var o in i)("object"==typeof exports?exports:t)[o]=i[o]}}(self,(t,e,i,o,r)=>(()=>{"use strict";var a,s={10318:t=>{t.exports=o},20291:t=>{t.exports=r},70429:t=>{t.exports=e},85125:t=>{t.exports=i},87161:e=>{e.exports=t},96798:(t,e,i)=>{i.r(e),i.d(e,{Button:()=>x,buttonAriaLive:()=>g,buttonColor:()=>m,buttonRoles:()=>b,buttonSize:()=>c,buttonTag:()=>u,buttonType:()=>v,buttonVariant:()=>f});var o=i(3643),r=(i(12176),i(31890)),a=i(26283),s=i(4313),n=i(87161),d=i(70429),l=i(85125),p=i(20291),h=i(13017),y=function(t,e,i,o){var r,a=arguments.length,s=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,o);else for(var n=t.length-1;n>=0;n--)(r=t[n])&&(s=(a<3?r(s):a>3?r(e,i,s):r(e,i))||s);return a>3&&s&&Object.defineProperty(e,i,s),s};const c=["20","24","28","32","36","40","44","52","56","72","68","84","size-none",20,24,28,32,36,40,44,52,56,68,72,68,84],u=["button","input","a"],v=["button","reset","submit"],b=["button","checkbox","link","menuitem","menuitemcheckbox","menuitemradio","option","radio","switch","tab"],f=["primary","secondary","red","green","ghost","ghostInheritTextColor","white","darkGrey","promotional","tab","available","unavailable","engaged","idle","inverted-primary","inverted-secondary","inverted-ghost","dropdown","secondary-negative","secondary-positive","secondary-accent"],m=["blue","red","green","orange","yellow","mint","purple","pink","cyan","white","dark-gray","duck-egg","violet","color-none",""],g=["","off","polite","assertive"];var x;!function(t){let e=class extends n.LitElement{constructor(){super(...arguments),this._active=!1,this._tabIndex=0,this.ariaLabel="",this.ariaLabelledBy="",this.ariaLive="",this.ariaExpanded="",this.ariaHaspopup="false",this.ariaPressed="",this.circle=!1,this.rounded=!1,this.color="",this.containerLarge=!1,this.disabled=!1,this.href="",this.id="",this.value="",this.keyboardKey="",this.label="",this.loading=!1,this.outline=!1,this.hasRemoveStyle=!1,this.size="32",this.tag="button",this.type="button",this.role="button",this.variant="secondary",this.width="",this.maxWidth="",this.activityType="",this.iconActive=!1,this.isActive=!1,this.renderWidth=()=>this.width?`width: ${this.width};`:n.nothing,this.renderMaxWidth=()=>this.maxWidth?`max-width: ${this.maxWidth};`:n.nothing,this.getStyles=()=>{if(this.width||this.maxWidth)return n.html`
|
|
2
2
|
<style>
|
|
3
3
|
:host .md-button--${this.size} {
|
|
4
4
|
${this.renderWidth()};
|
|
5
5
|
${this.renderMaxWidth()};
|
|
6
6
|
}
|
|
7
7
|
</style>
|
|
8
|
-
`},this.iconTemplate=()=>this.loading?n.html` <md-spinner size="16"></md-spinner> `:n.html` <slot name="icon"></slot> `,this.textTemplate=()=>this.circle&&this.hasIcon?
|
|
8
|
+
`},this.iconTemplate=()=>this.loading?n.html` <md-spinner size="16"></md-spinner> `:n.html` <slot name="icon"></slot> `,this.textTemplate=()=>this.circle&&this.hasIcon?n.nothing:n.html` <slot name="text"></slot> `}get active(){return this._active}set active(t){const e=this._active;this._active=t,this.requestUpdate("active",e)}get tabIndex(){return this._tabIndex}set tabIndex(t){const e=this._tabIndex;this._tabIndex=t,this.requestUpdate("tabIndex",e)}handleKeyDown(t){if(this.disabled)return;const{code:e}=t;(0,a.o)(e)&&this.dispatchEvent(new CustomEvent("button-keydown",{composed:!0,bubbles:!0,detail:{srcEvent:t}}))}handleClick(t){var e;this.disabled||(null===(e=this.clickFunction)||void 0===e||e.call(this),this.dispatchEvent(new CustomEvent("button-click",{composed:!0,bubbles:!0,detail:{srcEvent:t}})))}static get styles(){return[s.A,h.A,o.A]}get buttonClassMap(){return{"md-button--circle":this.circle,"md-button--rounded":this.rounded,"md-button--none":this.hasRemoveStyle,"md-button--outline":this.outline,active:this.active&&!this.disabled,disabled:this.disabled&&!this.active,isActive:this.isActive,[`md-button--${this.size}`]:!this.hasRemoveStyle,[`md-button--${this.color}`]:!this.hasRemoveStyle&&!!this.color,[`md-activity__${this.activityType}`]:!!this.activityType,"md-activity":!!this.activityType,"md-button--icon":this.iconActive,"md-button--onlyicon":this.hasIcon&&!this.slottedText,"md-button--placeholder-text":!0===this.isPlaceholderText}}get slottedText(){var t;return null===(t=this.querySelector("[slot=text]"))||void 0===t?void 0:t.textContent}get hasIcon(){return null!==this.querySelector("[slot=icon]")||this.loading}childrenTemplate(){return n.html`
|
|
9
9
|
<span part="button-children" class="md-button__children">
|
|
10
10
|
${this.iconTemplate()} ${this.textTemplate()}
|
|
11
11
|
<slot></slot>
|
|
@@ -68,7 +68,7 @@
|
|
|
68
68
|
>
|
|
69
69
|
${this.childrenTemplate()}
|
|
70
70
|
</a>
|
|
71
|
-
`:
|
|
71
|
+
`:n.nothing}get buttonContainerClassMap(){return{"md-button__container":this.containerLarge,"md-button__container--small":!this.containerLarge}}render(){return n.html`
|
|
72
72
|
${this.getStyles()}
|
|
73
73
|
${this.label?n.html`
|
|
74
74
|
<div part="button-container" class=${(0,l.classMap)(this.buttonContainerClassMap)}>
|
|
@@ -76,4 +76,4 @@
|
|
|
76
76
|
<div part="button-label" class="md-button__label">${this.label}</div>
|
|
77
77
|
</div>
|
|
78
78
|
`:n.html` ${this.buttonTemplate(this.tag)} `}
|
|
79
|
-
`}};y([(0,
|
|
79
|
+
`}};y([(0,d.property)({type:Boolean,reflect:!0})],e.prototype,"active",null),y([(0,d.property)({type:Number,attribute:"tab-index",reflect:!0})],e.prototype,"tabIndex",null),y([(0,d.property)({type:String})],e.prototype,"ariaLabel",void 0),y([(0,d.property)({type:String})],e.prototype,"ariaLabelledBy",void 0),y([(0,d.property)({type:String})],e.prototype,"ariaLive",void 0),y([(0,d.property)({type:String})],e.prototype,"ariaExpanded",void 0),y([(0,d.property)({type:String})],e.prototype,"ariaHaspopup",void 0),y([(0,d.property)({type:String})],e.prototype,"ariaPressed",void 0),y([(0,d.property)({type:Boolean})],e.prototype,"circle",void 0),y([(0,d.property)({type:Boolean})],e.prototype,"rounded",void 0),y([(0,d.property)({type:String})],e.prototype,"color",void 0),y([(0,d.property)({type:Boolean})],e.prototype,"containerLarge",void 0),y([(0,d.property)({type:Boolean})],e.prototype,"disabled",void 0),y([(0,d.property)({type:String})],e.prototype,"href",void 0),y([(0,d.property)({type:String})],e.prototype,"id",void 0),y([(0,d.property)({type:String})],e.prototype,"value",void 0),y([(0,d.property)({type:String})],e.prototype,"keyboardKey",void 0),y([(0,d.property)({type:String})],e.prototype,"label",void 0),y([(0,d.property)({type:Boolean})],e.prototype,"loading",void 0),y([(0,d.property)({type:Boolean})],e.prototype,"outline",void 0),y([(0,d.property)({type:Boolean})],e.prototype,"hasRemoveStyle",void 0),y([(0,d.property)({type:String})],e.prototype,"size",void 0),y([(0,d.property)({type:String})],e.prototype,"tag",void 0),y([(0,d.property)({type:String})],e.prototype,"type",void 0),y([(0,d.property)({type:String})],e.prototype,"role",void 0),y([(0,d.property)({type:String})],e.prototype,"variant",void 0),y([(0,d.property)({type:String})],e.prototype,"width",void 0),y([(0,d.property)({type:String})],e.prototype,"maxWidth",void 0),y([(0,d.property)({type:String})],e.prototype,"activityType",void 0),y([(0,d.property)({type:Boolean})],e.prototype,"iconActive",void 0),y([(0,d.property)({type:Boolean})],e.prototype,"isActive",void 0),y([(0,d.property)({type:String,attribute:"aria-describedby"})],e.prototype,"ariaDescribedBy",void 0),y([(0,d.property)({attribute:!1})],e.prototype,"clickFunction",void 0),y([(0,d.property)({type:Boolean,attribute:"is-placeholder-text"})],e.prototype,"isPlaceholderText",void 0),y([(0,d.query)(".md-button")],e.prototype,"button",void 0),e=y([(0,r.w)("md-button")],e),t.ELEMENT=e}(x||(x={}))}},n={};function d(t){var e=n[t];if(void 0!==e)return e.exports;var i=n[t]={exports:{}};return s[t](i,i.exports,d),i.exports}d.m=s,a=[],d.O=(t,e,i,o)=>{if(!e){var r=1/0;for(p=0;p<a.length;p++){for(var[e,i,o]=a[p],s=!0,n=0;n<e.length;n++)(!1&o||r>=o)&&Object.keys(d.O).every(t=>d.O[t](e[n]))?e.splice(n--,1):(s=!1,o<r&&(r=o));if(s){a.splice(p--,1);var l=i();void 0!==l&&(t=l)}}return t}o=o||0;for(var p=a.length;p>0&&a[p-1][2]>o;p--)a[p]=a[p-1];a[p]=[e,i,o]},d.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return d.d(e,{a:e}),e},d.d=(t,e)=>{for(var i in e)d.o(e,i)&&!d.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},d.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),d.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},(()=>{var t={5156:0,6798:0};d.O.j=e=>0===t[e];var e=(e,i)=>{var o,r,[a,s,n]=i,l=0;if(a.some(e=>0!==t[e])){for(o in s)d.o(s,o)&&(d.m[o]=s[o]);if(n)var p=n(d)}for(e&&e(i);l<a.length;l++)r=a[l],d.o(t,r)&&t[r]&&t[r][0](),t[r]=0;return d.O(p)},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 l=d.O(void 0,[1890,4313,510,6283,5087,2176,2576],()=>d(96798));return d.O(l)})());
|
|
@@ -1,5 +1,5 @@
|
|
|
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"));else if("function"==typeof define&&define.amd)define(["lit","lit/decorators.js"],t);else{var s="object"==typeof exports?t(require("lit"),require("lit/decorators.js")):t(e.lit,e["lit/decorators.js"]);for(var i in s)("object"==typeof exports?exports:e)[i]=s[i]}}(self,(e,t)=>(()=>{"use strict";var s,i={3001:(e,t,s)=>{s.d(t,{TS:()=>r.T,wW:()=>o.w,yC:()=>i.y}),s(18889);var i=s(32972),r=(s(28373),s(70300),s(84624),s(68387)),o=s(31890)},45629:(e,t,s)=>{s.r(t),s.d(t,{ButtonGroup:()=>i});var i,r=s(90195),o=s(3001),n=s(4313),d=s(87161),l=s(70429),a=s(75799),c=function(e,t,s,i){var r,o=arguments.length,n=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,s,i);else for(var d=e.length-1;d>=0;d--)(r=e[d])&&(n=(o<3?r(n):o>3?r(t,s,n):r(t,s))||n);return o>3&&n&&Object.defineProperty(t,s,n),n};!function(e){let t=class extends((0,o.TS)((0,o.yC)(d.LitElement))){constructor(){super(...arguments),this.active=0,this.tabIndex=0,this._disabled=!1}get disabled(){return this._disabled}set disabled(e){const t=this._disabled;this._disabled=e,this.setAttribute("aria-disabled",`${e}`),this.tabIndex=e?-1:0,this.requestUpdate("disabled",t)}get slotElement(){return this.buttonSlot}static get styles(){return[n.A,a.A]}firstUpdated(e){super.firstUpdated(e),this.setAttribute("role","group")}setButtonTabIndex(){this.slotted.forEach(e=>e.tabIndex=-1)}updated(e){super.updated(e),e.has("slotted")&&(this.setButtonTabIndex(),this.setFirstActive())}get selectedBtnValue(){return this.slotted[this.active].value}notifySelectedChange(){this.dispatchEvent(new CustomEvent("button-group-change",{detail:{selected:this.selectedBtnValue},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("focus-visible",{composed:!0,bubbles:!0}))}setSelected(e){var t,s;const i=this.findSelectedBtnIndex();-1!==i&&i!==e&&(null===(t=this.slotted[i])||void 0===t||t.toggleAttribute("selected",!1)),null===(s=this.slotted[e])||void 0===s||s.toggleAttribute("selected",!0)}setFirstActive(){-1===this.findSelectedBtnIndex()&&this.setSelected(this.active)}findBtnIndex(e){const t=e.composedPath();return this.slotted.findIndex(e=>t.includes(e))}findSelectedBtnIndex(){return this.slotted.findIndex(e=>e.hasAttribute("selected"))}isBtnDisabled(e){return this.slotted[e].disabled}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.handleKeyDown),this.addEventListener("click",this.handleClick)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeyDown),this.removeEventListener("click",this.handleClick)}switchBtnOnArrowPress(e,t=1){const s=this.getAvailableSelectedIndex(e,t);-1!==s&&(this.active=s,this.setSelected(s),this.notifySelectedChange())}getAvailableSelectedIndex(e,t=1){const s=this.slotted.length;for(let i=0,r=e;i<s;i+=1,r+=t){r<0?r=s-1:r>=s&&(r=0);const e=this.slotted[r];if(this.isFocusable(e))return r}return-1}isFocusable(e){return!e.hasAttribute("disabled")&&!e.hasAttribute("hidden")}handleClick(e){const t=this.findBtnIndex(e);-1!==t&&(this.isBtnDisabled(t)||(this.active=t,this.setSelected(t),this.notifySelectedChange()))}handleKeyDown(e){const{code:t}=e;switch(t){case r.Uz.Enter:case r.Uz.Space:this.isBtnDisabled(this.active)||(this.setSelected(this.active),this.notifySelectedChange());break;case r.Uz.ArrowLeft:0===this.active?this.switchBtnOnArrowPress(this.slotted.length-1,-1):this.switchBtnOnArrowPress(this.active-1,-1);break;case r.Uz.ArrowRight:this.active===this.slotted.length-1?this.switchBtnOnArrowPress(0):this.switchBtnOnArrowPress(this.active+1)}}render(){return d.html`
|
|
2
2
|
<div role="group" class="md-button-group" part="button-group">
|
|
3
3
|
<slot name="button"></slot>
|
|
4
4
|
</div>
|
|
5
|
-
`}};
|
|
5
|
+
`}};c([(0,l.property)({type:Number,reflect:!0})],t.prototype,"active",void 0),c([(0,l.property)({type:Number,reflect:!0})],t.prototype,"tabIndex",void 0),c([(0,l.query)("slot[name='button']")],t.prototype,"buttonSlot",void 0),c([(0,l.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",null),t=c([(0,o.wW)("md-button-group")],t),e.ELEMENT=t}(i||(i={}))},70429:e=>{e.exports=t},87161:t=>{t.exports=e}},r={};function o(e){var t=r[e];if(void 0!==t)return t.exports;var s=r[e]={exports:{}};return i[e](s,s.exports,o),s.exports}o.m=i,s=[],o.O=(e,t,i,r)=>{if(!t){var n=1/0;for(c=0;c<s.length;c++){for(var[t,i,r]=s[c],d=!0,l=0;l<t.length;l++)(!1&r||n>=r)&&Object.keys(o.O).every(e=>o.O[e](t[l]))?t.splice(l--,1):(d=!1,r<n&&(n=r));if(d){s.splice(c--,1);var a=i();void 0!==a&&(e=a)}}return e}r=r||0;for(var c=s.length;c>0&&s[c-1][2]>r;c--)s[c]=s[c-1];s[c]=[t,i,r]},o.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return o.d(t,{a:t}),t},o.d=(e,t)=>{for(var s in t)o.o(t,s)&&!o.o(e,s)&&Object.defineProperty(e,s,{enumerable:!0,get:t[s]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={144:0,3001:0,3477:0,5310:0,5382:0,7763:0};o.O.j=t=>0===e[t];var t=(t,s)=>{var i,r,[n,d,l]=s,a=0;if(n.some(t=>0!==e[t])){for(i in d)o.o(d,i)&&(o.m[i]=d[i]);if(l)var c=l(o)}for(t&&t(s);a<n.length;a++)r=n[a],o.o(e,r)&&e[r]&&e[r][0](),e[r]=0;return o.O(c)},s=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];s.forEach(t.bind(null,0)),s.push=t.bind(null,s.push.bind(s))})();var n=o.O(void 0,[1890,4313,8889,8373,4624,300,591,195,8387,5799],()=>o(45629));return o.O(n)})());
|
|
@@ -1 +1 @@
|
|
|
1
|
-
require("../1890"),require("../
|
|
1
|
+
require("../1890"),require("../4313"),require("../8889"),require("../8373"),require("../4624"),require("../300"),require("../591"),require("../195"),require("../8387"),require("../5799"),module.exports=require("../comp/md-button-group-entry");
|
package/dist/comp/md-button.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
require("../1890"),require("../
|
|
1
|
+
require("../1890"),require("../4313"),require("../510"),require("../6283"),require("../5087"),require("../2176"),require("../2576"),module.exports=require("../comp/md-button-entry");
|