@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,10 +1,10 @@
|
|
|
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/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"],e);else{var i="object"==typeof exports?e(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js"),require("lit/directives/if-defined.js")):e(t.lit,t["lit/decorators.js"],t["lit/directives/class-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)=>(()=>{"use strict";var r,s={20291:t=>{t.exports=o},58287:(t,e,i)=>{var o,r=i(31890),s=i(4313),p=i(87161),l=i(70429),n=i(85125),a=i(29654),d=function(t,e,i,o){var r,s=arguments.length,p=s<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)p=Reflect.decorate(t,e,i,o);else for(var l=t.length-1;l>=0;l--)(r=t[l])&&(p=(s<3?r(p):s>3?r(e,i,p):r(e,i))||p);return s>3&&p&&Object.defineProperty(e,i,p),p};!function(t){let e=class extends p.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,a.A]}render(){const t={[`progress--${this.type}`]:this.type,[`progress--${this.color}`]:this.color};return p.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,n.classMap)(t)}" data-key="${this.max}">
|
|
8
8
|
<span
|
|
9
9
|
class="meter"
|
|
10
10
|
role="progressbar"
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
</span>
|
|
19
19
|
</div>
|
|
20
20
|
</span>
|
|
21
|
-
`}};
|
|
21
|
+
`}};d([(0,l.property)({type:Boolean})],e.prototype,"dynamic",void 0),d([(0,l.property)({type:String})],e.prototype,"color",void 0),d([(0,l.property)({type:String})],e.prototype,"label",void 0),d([(0,l.property)({type:String})],e.prototype,"displayFormat",void 0),d([(0,l.property)({type:String})],e.prototype,"type",void 0),d([(0,l.property)({type:Number})],e.prototype,"min",void 0),d([(0,l.property)({type:Number})],e.prototype,"max",void 0),d([(0,l.property)({type:Number})],e.prototype,"value",void 0),d([(0,l.property)({type:Number})],e.prototype,"adjustedValue",void 0),d([(0,l.property)({type:Number})],e.prototype,"valueFraction",void 0),d([(0,l.property)({type:String})],e.prototype,"meterWidth",void 0),e=d([(0,r.w)("md-progress-bar")],e),t.ELEMENT=e}(o||(o={}))},60046:(t,e,i)=>{i.r(e),i.d(e,{Chip:()=>o}),i(58287),i(83192);var o,r=i(90195),s=i(31890),p=i(4313),l=i(87161),n=i(70429),a=i(85125),d=i(20291),h=i(58391),c=function(t,e,i,o){var r,s=arguments.length,p=s<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)p=Reflect.decorate(t,e,i,o);else for(var l=t.length-1;l>=0;l--)(r=t[l])&&(p=(s<3?r(p):s>3?r(e,i,p):r(e,i))||p);return s>3&&p&&Object.defineProperty(e,i,p),p};!function(t){let e=class extends l.LitElement{constructor(){super(...arguments),this.color="",this.bgColor="",this.textColor="",this.height="",this.icon="",this.iconColor="",this.iconSize="",this.role="group",this.id="",this.small=!1,this.readonly=!1,this.selected=!1,this.disabled=!1,this.determinateProgress=0,this.indeterminateProgress=!1,this.tooltipText="",this.tooltipPlacement="auto",this.iconSet="momentumUI",this.suppressDefaultMaxWidth=!1,this.decorative=!1,this.shouldTruncateValue=!0,this.value="",this.textOverflow=!1,this.renderedText="",this.MAX_LENGTH=18,this.PRE_TRUNC_CHARS=6,this.POST_TRUNC_CHARS=9,this.DOT_COUNT=3,this.selectionChange=t=>{this.dispatchEvent(new CustomEvent("chip-selected",{composed:!0,bubbles:!0,detail:{selected:t}}))},this.handleClear=t=>{this.dispatchEvent(new CustomEvent("chip-deleted",{composed:!0,bubbles:!0,detail:{id:t}}))},this.handleSelect=()=>{this.disabled||(this.selected=!0,this.selectionChange(!0))},this.handleDeSelect=()=>{this.selected=!1,this.selectionChange(!1)},this.renderBgColor=()=>this.bgColor?`background-color: ${this.bgColor};`:l.nothing,this.renderTextColor=()=>this.textColor?`color: ${this.textColor};`:l.nothing,this.renderHeight=()=>this.height?`height: ${this.height};`:l.nothing,this.getStyles=()=>this.bgColor||this.textColor||this.height?l.html`
|
|
22
22
|
<style>
|
|
23
23
|
:host .md-chip {
|
|
24
24
|
${this.renderBgColor()};
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
${this.renderHeight()};
|
|
27
27
|
}
|
|
28
28
|
</style>
|
|
29
|
-
`:
|
|
29
|
+
`:l.nothing}connectedCallback(){super.connectedCallback(),this.truncStringPortion(this.value),this.setAttribute("role",this.role)}updated(t){super.updated(t),this.truncStringPortion(this.value)}truncStringPortion(t,e=this.PRE_TRUNC_CHARS,i=this.POST_TRUNC_CHARS,o=this.DOT_COUNT){if(this.value.length>this.MAX_LENGTH&&this.shouldTruncateValue){let r="";r+=t.substring(0,e),r+=".".repeat(o),r+=t.substring(t.length-i,t.length),this.renderedText=r,this.textOverflow=!0}else this.renderedText=this.value}handleClick(){var t;const e=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector("md-tooltip");null==e||e.dispatchEvent(new CustomEvent("tooltip-destroy",{bubbles:!0,composed:!0,detail:{placement:null==e?void 0:e.placement,reference:null==e?void 0:e.reference,popper:null==e?void 0:e.popper}})),this.dispatchEvent(new CustomEvent("chip-interaction",{composed:!0,bubbles:!0,detail:{id:this.id}}))}handleKeydown(t){switch(t.code){case r.Uz.Space:case r.Uz.Enter:this.handleSelect(),this.handleClick()}}static get styles(){return[p.A,h.A]}loadingTemplate(){return this.determinateProgress||this.indeterminateProgress?this.determinateProgress?l.html`
|
|
30
30
|
<md-progress-bar
|
|
31
31
|
class="md-chip--loading"
|
|
32
32
|
type="determinate"
|
|
@@ -34,19 +34,19 @@
|
|
|
34
34
|
displayFormat="none"
|
|
35
35
|
>
|
|
36
36
|
</md-progress-bar>
|
|
37
|
-
`:
|
|
37
|
+
`:l.html`
|
|
38
38
|
<md-progress-bar class="md-chip--loading" type="indeterminate" displayFormat="none"></md-progress-bar>
|
|
39
|
-
`:
|
|
39
|
+
`:l.nothing}iconTemplate(){const t=this.disabled?"":this.iconColor;return this.icon?l.html`
|
|
40
40
|
<md-icon
|
|
41
41
|
class="md-chip--icon"
|
|
42
42
|
part="chip-icon"
|
|
43
43
|
name="${this.icon}"
|
|
44
44
|
color="${t}"
|
|
45
|
-
iconSet=${(0,
|
|
46
|
-
size="${(0,
|
|
45
|
+
iconSet=${(0,d.ifDefined)(this.iconSet)}
|
|
46
|
+
size="${(0,d.ifDefined)(this.iconSize)}"
|
|
47
47
|
>
|
|
48
48
|
</md-icon>
|
|
49
|
-
`:
|
|
49
|
+
`:l.nothing}getToolTipContent(){return this.tooltipText&&this.textOverflow?this.value===this.tooltipText?this.tooltipText:`${this.value}, ${this.tooltipText}`:this.tooltipText?this.tooltipText:this.value}get textContentClassMap(){return{"md-chip--textcontent":!0,"md-chip--suppress-default-max-width":this.suppressDefaultMaxWidth}}get textContentTemplate(){return l.html`<span part="text-content" class=${(0,a.classMap)(this.textContentClassMap)}> ${this.renderedText}</span>`}render(){const t={"md-chip--small":this.small,"md-chip--disabled":this.disabled,[`md-chip--${this.color}`]:this.color,"suppress-max-width":this.suppressDefaultMaxWidth,"md-chip--interactive":!this.decorative},e=this.decorative?void 0:this.selected?"true":"false";return l.html`
|
|
50
50
|
${this.getStyles()}
|
|
51
51
|
<md-tooltip
|
|
52
52
|
?disabled=${!this.tooltipText&&!this.textOverflow}
|
|
@@ -55,18 +55,18 @@
|
|
|
55
55
|
placement="${this.tooltipPlacement}"
|
|
56
56
|
>
|
|
57
57
|
<span
|
|
58
|
-
role=${(0,
|
|
58
|
+
role=${(0,d.ifDefined)(this.decorative?void 0:"button")}
|
|
59
59
|
tabindex="0"
|
|
60
60
|
class="md-chip ${(0,a.classMap)(t)}"
|
|
61
61
|
part="chip"
|
|
62
|
-
aria-pressed=${(0,
|
|
62
|
+
aria-pressed=${(0,d.ifDefined)(e)}
|
|
63
63
|
@click=${this.decorative?void 0:()=>this.handleClick()}
|
|
64
64
|
@keydown=${this.decorative?void 0:t=>this.handleKeydown(t)}
|
|
65
65
|
>
|
|
66
66
|
${this.loadingTemplate()} ${this.iconTemplate()}
|
|
67
67
|
<slot name="custom-left-content" part="chip-left"> </slot>
|
|
68
|
-
${this.renderedText?this.textContentTemplate:
|
|
68
|
+
${this.renderedText?this.textContentTemplate:l.nothing}
|
|
69
69
|
<slot name="custom-right-content" part="chip-right"> </slot>
|
|
70
70
|
</span>
|
|
71
71
|
</md-tooltip>
|
|
72
|
-
`}};c([(0,
|
|
72
|
+
`}};c([(0,n.property)({type:String})],e.prototype,"color",void 0),c([(0,n.property)({type:String})],e.prototype,"bgColor",void 0),c([(0,n.property)({type:String})],e.prototype,"textColor",void 0),c([(0,n.property)({type:String})],e.prototype,"height",void 0),c([(0,n.property)({type:String})],e.prototype,"icon",void 0),c([(0,n.property)({type:String})],e.prototype,"iconColor",void 0),c([(0,n.property)({type:String})],e.prototype,"iconSize",void 0),c([(0,n.property)({type:String})],e.prototype,"role",void 0),c([(0,n.property)({type:String,reflect:!0})],e.prototype,"id",void 0),c([(0,n.property)({type:Boolean})],e.prototype,"small",void 0),c([(0,n.property)({type:Boolean})],e.prototype,"readonly",void 0),c([(0,n.property)({type:Boolean,reflect:!0})],e.prototype,"selected",void 0),c([(0,n.property)({type:Boolean})],e.prototype,"disabled",void 0),c([(0,n.property)({type:Number})],e.prototype,"determinateProgress",void 0),c([(0,n.property)({type:Boolean})],e.prototype,"indeterminateProgress",void 0),c([(0,n.property)({type:String})],e.prototype,"tooltipText",void 0),c([(0,n.property)({type:String})],e.prototype,"tooltipPlacement",void 0),c([(0,n.property)({type:String})],e.prototype,"iconSet",void 0),c([(0,n.property)({type:Boolean,attribute:"suppress-default-max-width"})],e.prototype,"suppressDefaultMaxWidth",void 0),c([(0,n.property)({type:Boolean})],e.prototype,"decorative",void 0),c([(0,n.property)({type:Boolean})],e.prototype,"shouldTruncateValue",void 0),c([(0,n.property)({type:String,hasChanged:(t,e)=>t!==e})],e.prototype,"value",void 0),c([(0,n.state)({hasChanged:(t,e)=>t!==e})],e.prototype,"textOverflow",void 0),c([(0,n.state)()],e.prototype,"renderedText",void 0),e=c([(0,s.w)("md-chip")],e),t.ELEMENT=e}(o||(o={}))},70429:t=>{t.exports=e},85125:t=>{t.exports=i},87161:e=>{e.exports=t}},p={};function l(t){var e=p[t];if(void 0!==e)return e.exports;var i=p[t]={exports:{}};return s[t](i,i.exports,l),i.exports}l.m=s,r=[],l.O=(t,e,i,o)=>{if(!e){var s=1/0;for(d=0;d<r.length;d++){for(var[e,i,o]=r[d],p=!0,n=0;n<e.length;n++)(!1&o||s>=o)&&Object.keys(l.O).every(t=>l.O[t](e[n]))?e.splice(n--,1):(p=!1,o<s&&(s=o));if(p){r.splice(d--,1);var a=i();void 0!==a&&(t=a)}}return t}o=o||0;for(var d=r.length;d>0&&r[d-1][2]>o;d--)r[d]=r[d-1];r[d]=[e,i,o]},l.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return l.d(e,{a:e}),e},l.d=(t,e)=>{for(var i in e)l.o(e,i)&&!l.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},l.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),l.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},(()=>{var t={5369:0,8894:0};l.O.j=e=>0===t[e];var e=(e,i)=>{var o,r,[s,p,n]=i,a=0;if(s.some(e=>0!==t[e])){for(o in p)l.o(p,o)&&(l.m[o]=p[o]);if(n)var d=n(l)}for(e&&e(i);a<s.length;a++)r=s[a],l.o(t,r)&&t[r]&&t[r][0](),t[r]=0;return l.O(d)},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 n=l.O(void 0,[1890,4313,8889,8373,4624,591,768,195,6677,2848,7919,3192,5382,9654,8391],()=>l(60046));return l.O(n)})());
|
package/dist/comp/md-chip.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
require("../1890"),require("../
|
|
1
|
+
require("../1890"),require("../4313"),require("../8889"),require("../8373"),require("../4624"),require("../591"),require("../768"),require("../195"),require("../6677"),require("../2848"),require("../7919"),require("../3192"),require("../5382"),require("../9654"),require("../8391"),module.exports=require("../comp/md-chip-entry");
|
|
@@ -1,11 +1,11 @@
|
|
|
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"));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"],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")):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"]);for(var r in o)("object"==typeof exports?exports:e)[r]=o[r]}}(self,(e,t,o,r,a)=>(()=>{"use strict";var s,i={10318:e=>{e.exports=r},20291:e=>{e.exports=a},46312:(e,t,o)=>{o.r(t),o.d(t,{Coachmark:()=>h,coachmarkPlacement:()=>m}),o(96798);var r=o(3001),a=o(31890),s=o(66677),i=o(4313),c=o(87161),n=o(70429),l=o(85125),p=o(21092),d=function(e,t,o,r){var a,s=arguments.length,i=s<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,o,r);else for(var c=e.length-1;c>=0;c--)(a=e[c])&&(i=(s<3?a(i):s>3?a(t,o,i):a(t,o))||i);return s>3&&i&&Object.defineProperty(t,o,i),i};const m=["auto","left","right","top","bottom"];var h;!function(e){let t=class extends((0,r.dY)(c.LitElement)){constructor(){super(...arguments),this.message="",this.actionname="Next",this.hidebutton=!1,this.placement="auto",this.show=!1,this.color="default",this.slotContent=null}connectedCallback(){super.connectedCallback()}notifyCoachCreate(){this.dispatchEvent(new CustomEvent("coach-create",{bubbles:!0,composed:!0,detail:{placement:this.placement,reference:this.reference,popper:this.popper}}))}coachAction(){this.dispatchEvent(new CustomEvent("coach-action",{bubbles:!0,composed:!0,detail:{popper:this.popper}}))}handleSlotChange(e){const t=e.target;if(t){const e=t.assignedElements({flatten:!0});e.length&&(this.slotContent=e)}}update(e){var t;super.update(e),e.has("show")&&this.show&&(this.setFocusableElements(),(null===(t=this.focusableElements)||void 0===t?void 0:t.length)&&this.focusableElements[0].focus())}get coachWrapClassMap(){return{"md-coachmark--active":!!this.show}}get coachClassMap(){return{[`md-coachmark__popper--${this.placement}`]:!!this.placement,[`md-coachmark__popper--${this.color}`]:!!this.color}}static get styles(){return[i.A,p.A]}coachmarkContentTemplate(){return c.html`
|
|
2
2
|
<div class="md-coachmark__content">
|
|
3
3
|
${this.message?this.message:c.html` <slot name="coachmark-content" @slotchange=${this.handleSlotChange}></slot> `}
|
|
4
4
|
<div class="md-coachmark__action">
|
|
5
5
|
${this.hidebutton?c.html` <slot name="coachmark-action"></slot> `:c.html` <md-button variant="secondary" @button-click=${this.coachAction}>${this.actionname}</md-button> `}
|
|
6
6
|
</div>
|
|
7
7
|
</div>
|
|
8
|
-
`}wrappedCoachmarkContentTemplate(){const e=(0,
|
|
8
|
+
`}wrappedCoachmarkContentTemplate(){const e=(0,s.QZ)("md-theme",this);return"momentumV2"===(null==e?void 0:e.theme)?c.html`
|
|
9
9
|
<md-theme theme="momentumV2" ?darkTheme=${!e.darkTheme}>
|
|
10
10
|
${this.coachmarkContentTemplate()}
|
|
11
11
|
</md-theme>
|
|
@@ -19,4 +19,4 @@
|
|
|
19
19
|
<slot></slot>
|
|
20
20
|
</div>
|
|
21
21
|
</div>
|
|
22
|
-
`}};
|
|
22
|
+
`}};d([(0,n.property)({type:String})],t.prototype,"message",void 0),d([(0,n.property)({type:String})],t.prototype,"actionname",void 0),d([(0,n.property)({type:Boolean})],t.prototype,"hidebutton",void 0),d([(0,n.property)({type:String})],t.prototype,"placement",void 0),d([(0,n.property)({type:Boolean})],t.prototype,"show",void 0),d([(0,n.property)({type:String})],t.prototype,"color",void 0),d([(0,n.query)(".md-coachmark__popper")],t.prototype,"popper",void 0),d([(0,n.query)(".md-coachmark__reference")],t.prototype,"reference",void 0),t=d([(0,a.w)("md-coachmark")],t),e.ELEMENT=t}(h||(h={}))},70429:e=>{e.exports=t},85125:e=>{e.exports=o},87161:t=>{t.exports=e}},c={};function n(e){var t=c[e];if(void 0!==t)return t.exports;var o=c[e]={exports:{}};return i[e](o,o.exports,n),o.exports}n.m=i,s=[],n.O=(e,t,o,r)=>{if(!t){var a=1/0;for(p=0;p<s.length;p++){for(var[t,o,r]=s[p],i=!0,c=0;c<t.length;c++)(!1&r||a>=r)&&Object.keys(n.O).every(e=>n.O[e](t[c]))?t.splice(c--,1):(i=!1,r<a&&(a=r));if(i){s.splice(p--,1);var l=o();void 0!==l&&(e=l)}}return e}r=r||0;for(var p=s.length;p>0&&s[p-1][2]>r;p--)s[p]=s[p-1];s[p]=[t,o,r]},n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var o in t)n.o(t,o)&&!n.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={2779:0};n.O.j=t=>0===e[t];var t=(t,o)=>{var r,a,[s,i,c]=o,l=0;if(s.some(t=>0!==e[t])){for(r in i)n.o(i,r)&&(n.m[r]=i[r]);if(c)var p=c(n)}for(t&&t(o);l<s.length;l++)a=s[l],n.o(e,a)&&e[a]&&e[a][0](),e[a]=0;return n.O(p)},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 l=n.O(void 0,[1890,4313,510,6283,5087,2176,6798,8889,2576,4624,300,591,768,3135,9058,1092,144],()=>n(46312));return n.O(l)})());
|
|
@@ -1,9 +1,9 @@
|
|
|
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("@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,a)=>(()=>{"use strict";var p,h={5784:e=>{e.exports=a},10318:e=>{e.exports=r},20291:e=>{e.exports=o},29895:(e,t,i)=>{i.r(t),i.d(t,{CoachmarkPopover:()=>r}),i(96798),i(61200),i(71128);var r,o=i(31890),s=i(4313),n=i(87161),l=i(70429),a=i(85125),p=i(32924),h=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};!function(e){let t=class extends n.LitElement{constructor(){super(...arguments),this.placement="bottom",this.triggerID="",this.headerIconName=void 0,this.header=void 0,this.message=void 0,this.show=!1,this.hideCloseButton=!1,this.href="",this.slotContent=null}static get styles(){return[s.A,p.A]}connectedCallback(){super.connectedCallback()}notifyCustomEvent(e){this.dispatchEvent(new CustomEvent(e,{bubbles:!0,composed:!0,detail:{placement:this.placement,triggerComponent:this.triggerComponent,popper:this.popper}}))}notifyCoachCreate(){this.notifyCustomEvent("coach-create")}notifyPrimaryButtonAction(){this.notifyCustomEvent("primary-button-action")}notifySecondaryButtonAction(){this.notifyCustomEvent("secondary-button-action")}notifyLinkAction(){this.notifyCustomEvent("link-action")}notifyCoachClose(){this.notifyCustomEvent("coachmark-close")}handleSlotChange(e){const t=e.target;if(t){const e=t.assignedElements({flatten:!0});e.length&&(this.slotContent=e)}}updated(e){super.updated(e),e.has("show")&&(this.show?this.notifyCoachCreate():this.notifyCoachClose())}coachmarkContentTemplate(){return n.html`
|
|
2
2
|
<div class="md-coachmark__content">
|
|
3
3
|
${this.message?this.message:n.html` <slot name="coachmark-content" @slotchange=${this.handleSlotChange}></slot> `}
|
|
4
4
|
</div>
|
|
5
5
|
`}renderHeader(){return n.html`
|
|
6
|
-
<div class="header-container ${(0,
|
|
6
|
+
<div class="header-container ${(0,a.classMap)({"hide-close":this.hideCloseButton})}">
|
|
7
7
|
${this.headerIconName?n.html`<md-icon name=${this.headerIconName} size="16" iconSet="momentumDesign"></md-icon>`:""}
|
|
8
8
|
${this.header?n.html`<span class="header-title">${this.header}</span>`:""}
|
|
9
9
|
</div>
|
|
@@ -50,20 +50,20 @@
|
|
|
50
50
|
${this.renderHeader()} ${this.renderBody()} ${this.renderFooter()}
|
|
51
51
|
</div>
|
|
52
52
|
</md-popover>
|
|
53
|
-
`}};h([(0,n.property)({type:String})],t.prototype,"placement",void 0),h([(0,n.property)({type:String,reflect:!0})],t.prototype,"triggerID",void 0),h([(0,n.property)({type:String})],t.prototype,"headerIconName",void 0),h([(0,n.property)({type:String})],t.prototype,"header",void 0),h([(0,n.property)({type:String})],t.prototype,"message",void 0),h([(0,n.property)({type:Boolean})],t.prototype,"show",void 0),h([(0,n.property)({type:Boolean,reflect:!0,attribute:"hide-close-button"})],t.prototype,"hideCloseButton",void 0),h([(0,n.property)({type:String})],t.prototype,"primaryButton",void 0),h([(0,n.property)({type:String})],t.prototype,"secondaryButton",void 0),h([(0,n.property)({type:String})],t.prototype,"linkText",void 0),h([(0,n.property)({type:String})],t.prototype,"href",void 0),h([(0,n.query)(".md-coachmark__trigger-component")],t.prototype,"triggerComponent",void 0),h([(0,n.query)(".md-coachmark__popper")],t.prototype,"popper",void 0),t=h([(0,o.w)("md-coachmark-popover")],t),e.ELEMENT=t}(r||(r={}))},32022:e=>{e.exports=s},40333:e=>{e.exports=r},41488:t=>{t.exports=e},60554:e=>{e.exports=n},71128:(e,t,i)=>{i(96798),i(61200);var r=i(31890),o=i(28373),s=i(66677),n=i(5784),l=i(41488),a=i(40333),h=i(73679),p=i(68419),c=i(36365),d=i(3998),u=i(33759),m=i(50325),v=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},g=function(e,t,i,r){return new(i||(i=Promise))(function(o,s){function n(e){try{a(r.next(e))}catch(e){s(e)}}function l(e){try{a(r.throw(e))}catch(e){s(e)}}function a(e){var t;e.done?o(e.value):(t=e.value,t instanceof i?t:new i(function(e){e(t)})).then(n,l)}a((r=r.apply(e,t||[])).next())})};let y=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=p.zY.TRIGGER,this.placement=p.zY.PLACEMENT,this.strategy=p.zY.STRATEGY,this.color=p.zY.COLOR,this.visible=p.zY.VISIBLE,this.offset=p.zY.OFFSET,this.focusTrap=p.zY.FOCUS_TRAP,this.preventScroll=p.zY.PREVENT_SCROLL,this.showArrow=p.zY.ARROW,this.closeButton=p.zY.CLOSE_BUTTON,this.interactive=p.zY.INTERACTIVE,this.delay=p.zY.DELAY,this.hideOnEscape=p.zY.HIDE_ON_ESCAPE,this.hideOnBlur=p.zY.HIDE_ON_BLUR,this.hideOnWindowBlur=p.zY.HIDE_ON_WINDOW_BLUR,this.hideOnOutsideClick=p.zY.HIDE_ON_CLICK_OUTSIDE,this.focusBackToTrigger=p.zY.FOCUS_BACK,this.backdrop=p.zY.BACKDROP,this.flip=p.zY.FLIP,this.size=p.zY.SIZE,this.zIndex=p.zY.Z_INDEX,this.appendTo="",this.closeButtonAriaLabel=null,this.role=p.zY.ROLE,this.ariaLabelledby=null,this.ariaDescribedby=null,this.disableAriaExpanded=p.zY.DISABLE_ARIA_EXPANDED,this.animationFrame=p.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)||d.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=()=>{d.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}`,c.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(),c.T.onDestroyedPopover(this),d.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(p.ME).includes(this.placement)?this.placement:p.zY.PLACEMENT),e.has("delay")&&([this.openDelay,this.closeDelay]=this.utils.setupDelay()),e.has("trigger")){const e=this.trigger.split(" ").filter(e=>Object.values(p.tr).includes(e));this.setAttribute("trigger",e.length>0?this.trigger:p.zY.TRIGGER),this.removeEventListeners(),this.setupTriggerListener()}e.has("triggerID")&&(this.removeEventListeners(),this.setupTriggerListener(),this.utils.setupAccessibility()),e.has("color")&&this.setAttribute("color",Object.values(p.o$).includes(this.color)?this.color:p.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,n;if(e!==t&&this.triggerElement)if(t)d.S.peek()!==this&&d.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),c.T.onShowPopover(this);else{if(this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=null),d.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,c.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,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,()=>g(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`
|
|
53
|
+
`}};h([(0,l.property)({type:String})],t.prototype,"placement",void 0),h([(0,l.property)({type:String,reflect:!0})],t.prototype,"triggerID",void 0),h([(0,l.property)({type:String})],t.prototype,"headerIconName",void 0),h([(0,l.property)({type:String})],t.prototype,"header",void 0),h([(0,l.property)({type:String})],t.prototype,"message",void 0),h([(0,l.property)({type:Boolean})],t.prototype,"show",void 0),h([(0,l.property)({type:Boolean,reflect:!0,attribute:"hide-close-button"})],t.prototype,"hideCloseButton",void 0),h([(0,l.property)({type:String})],t.prototype,"primaryButton",void 0),h([(0,l.property)({type:String})],t.prototype,"secondaryButton",void 0),h([(0,l.property)({type:String})],t.prototype,"linkText",void 0),h([(0,l.property)({type:String})],t.prototype,"href",void 0),h([(0,l.query)(".md-coachmark__trigger-component")],t.prototype,"triggerComponent",void 0),h([(0,l.query)(".md-coachmark__popper")],t.prototype,"popper",void 0),t=h([(0,o.w)("md-coachmark-popover")],t),e.ELEMENT=t}(r||(r={}))},32022:e=>{e.exports=s},60554:e=>{e.exports=n},70429:e=>{e.exports=t},71128:(e,t,i)=>{i(96798),i(61200);var r=i(31890),o=i(28373),s=i(66677),n=i(5784),l=i(87161),a=i(70429),p=i(20291),h=i(68419),c=i(36365),d=i(3998),u=i(33759),v=i(86210),m=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},g=function(e,t,i,r){return new(i||(i=Promise))(function(o,s){function n(e){try{a(r.next(e))}catch(e){s(e)}}function l(e){try{a(r.throw(e))}catch(e){s(e)}}function a(e){var t;e.done?o(e.value):(t=e.value,t instanceof i?t:new i(function(e){e(t)})).then(n,l)}a((r=r.apply(e,t||[])).next())})};let y=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)||d.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=()=>{d.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}`,c.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(),c.T.onDestroyedPopover(this),d.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(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 g(this,void 0,void 0,function*(){var r,o,s,n;if(e!==t&&this.triggerElement)if(t)d.S.peek()!==this&&d.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),c.T.onShowPopover(this);else{if(this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=null),d.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,c.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,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,()=>g(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`
|
|
54
54
|
<div class="popover-hover-bridge"></div>
|
|
55
55
|
${this.closeButton?l.html` <md-button
|
|
56
56
|
class="popover-close"
|
|
57
57
|
hasRemoveStyle
|
|
58
58
|
size="20"
|
|
59
59
|
circle
|
|
60
|
-
ariaLabel=${(0,
|
|
60
|
+
ariaLabel=${(0,p.ifDefined)(this.closeButtonAriaLabel)||""}
|
|
61
61
|
@button-click="${this.hidePopover}"
|
|
62
62
|
>
|
|
63
63
|
<md-icon name="cancel-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
64
|
-
</md-button>`:
|
|
65
|
-
${this.showArrow?l.html`<div class="popover-arrow"></div>`:
|
|
64
|
+
</md-button>`:l.nothing}
|
|
65
|
+
${this.showArrow?l.html`<div class="popover-arrow"></div>`:l.nothing}
|
|
66
66
|
<div part="popover-content">
|
|
67
67
|
<slot></slot>
|
|
68
68
|
</div>
|
|
69
|
-
`}static get styles(){return[
|
|
69
|
+
`}static get styles(){return[v.A]}};m([(0,a.property)({type:String,reflect:!0})],y.prototype,"id",void 0),m([(0,a.property)({type:String,reflect:!0})],y.prototype,"triggerID",void 0),m([(0,a.property)({type:String,reflect:!0})],y.prototype,"trigger",void 0),m([(0,a.property)({type:String,reflect:!0})],y.prototype,"placement",void 0),m([(0,a.property)({type:String,reflect:!0})],y.prototype,"strategy",void 0),m([(0,a.property)({type:String,reflect:!0})],y.prototype,"color",void 0),m([(0,a.property)({type:Boolean,reflect:!0})],y.prototype,"visible",void 0),m([(0,a.property)({type:Number,reflect:!0})],y.prototype,"offset",void 0),m([(0,a.property)({type:Boolean,reflect:!0,attribute:"focus-trap"})],y.prototype,"focusTrap",void 0),m([(0,a.property)({type:Boolean,reflect:!0,attribute:"prevent-scroll"})],y.prototype,"preventScroll",void 0),m([(0,a.property)({type:Boolean,reflect:!0,attribute:"show-arrow"})],y.prototype,"showArrow",void 0),m([(0,a.property)({type:Boolean,reflect:!0,attribute:"close-button"})],y.prototype,"closeButton",void 0),m([(0,a.property)({type:Boolean,reflect:!0})],y.prototype,"interactive",void 0),m([(0,a.property)({type:String,reflect:!0})],y.prototype,"delay",void 0),m([(0,a.property)({type:Boolean,reflect:!0,attribute:"hide-on-escape"})],y.prototype,"hideOnEscape",void 0),m([(0,a.property)({type:Boolean,reflect:!0,attribute:"hide-on-blur"})],y.prototype,"hideOnBlur",void 0),m([(0,a.property)({type:Boolean,reflect:!0,attribute:"hide-on-window-blur"})],y.prototype,"hideOnWindowBlur",void 0),m([(0,a.property)({type:Boolean,reflect:!0,attribute:"hide-on-outside-click"})],y.prototype,"hideOnOutsideClick",void 0),m([(0,a.property)({type:Boolean,reflect:!0,attribute:"focus-back-to-trigger"})],y.prototype,"focusBackToTrigger",void 0),m([(0,a.property)({type:Boolean,reflect:!0})],y.prototype,"backdrop",void 0),m([(0,a.property)({type:Boolean,reflect:!0})],y.prototype,"flip",void 0),m([(0,a.property)({type:Boolean,reflect:!0})],y.prototype,"size",void 0),m([(0,a.property)({type:Number,reflect:!0,attribute:"z-index"})],y.prototype,"zIndex",void 0),m([(0,a.property)({type:String,reflect:!0,attribute:"append-to"})],y.prototype,"appendTo",void 0),m([(0,a.property)({type:String,attribute:"close-button-aria-label",reflect:!0})],y.prototype,"closeButtonAriaLabel",void 0),m([(0,a.property)({type:String,reflect:!0})],y.prototype,"role",void 0),m([(0,a.property)({type:String,reflect:!0,attribute:"aria-labelledby"})],y.prototype,"ariaLabelledby",void 0),m([(0,a.property)({type:String,reflect:!0,attribute:"aria-describedby"})],y.prototype,"ariaDescribedby",void 0),m([(0,a.property)({type:Boolean,reflect:!0,attribute:"disable-aria-expanded"})],y.prototype,"disableAriaExpanded",void 0),m([(0,a.property)({type:Boolean,reflect:!0,attribute:"animation-frame"})],y.prototype,"animationFrame",void 0),m([(0,a.property)({type:Object,attribute:!1})],y.prototype,"controller",null),y=m([(0,r.w)("md-popover")],y)},85125:e=>{e.exports=i},85314:e=>{e.exports=l},87161:t=>{t.exports=e}},c={};function d(e){var t=c[e];if(void 0!==t)return t.exports;var i=c[e]={exports:{}};return h[e](i,i.exports,d),i.exports}d.m=h,p=[],d.O=(e,t,i,r)=>{if(!t){var o=1/0;for(a=0;a<p.length;a++){for(var[t,i,r]=p[a],s=!0,n=0;n<t.length;n++)(!1&r||o>=r)&&Object.keys(d.O).every(e=>d.O[e](t[n]))?t.splice(n--,1):(s=!1,r<o&&(o=r));if(s){p.splice(a--,1);var l=i();void 0!==l&&(e=l)}}return e}r=r||0;for(var a=p.length;a>0&&p[a-1][2]>r;a--)p[a]=p[a-1];p[a]=[t,i,r]},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={3413:0,4131:0};d.O.j=t=>0===e[t];var t=(t,i)=>{var r,o,[s,n,l]=i,a=0;if(s.some(t=>0!==e[t])){for(r in n)d.o(n,r)&&(d.m[r]=n[r]);if(l)var p=l(d)}for(t&&t(i);a<s.length;a++)o=s[a],d.o(e,o)&&e[o]&&e[o][0](),e[o]=0;return d.O(p)},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=d.O(void 0,[6633,1890,4313,510,6283,5087,2176,6798,6865,1200,2576,8210,1270,3135,8345,1439,2924],()=>d(29895));return d.O(u)})());
|
|
@@ -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"),require("../2924"),module.exports=require("../comp/md-coachmark-popover-entry");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
require("../1890"),require("../
|
|
1
|
+
require("../1890"),require("../4313"),require("../510"),require("../6283"),require("../5087"),require("../2176"),require("../6798"),require("../8889"),require("../2576"),require("../4624"),require("../300"),require("../591"),require("../768"),require("../3135"),require("../9058"),require("../1092"),require("../144"),module.exports=require("../comp/md-coachmark-entry");
|