@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
|
@@ -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"));else if("function"==typeof define&&define.amd)define(["lit","lit/decorators.js","lit/directives/class-map.js"],t);else{var i="object"==typeof exports?t(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js")):t(e.lit,e["lit/decorators.js"],e["lit/directives/class-map.js"]);for(var s in i)("object"==typeof exports?exports:e)[s]=i[s]}}(self,(e,t,i)=>(()=>{"use strict";var s,o={16643:(e,t,i)=>{i.r(t),i.d(t,{TAB_CROSS_WIDTH:()=>h,Tab:()=>u});var s=i(90195),o=i(3001),r=i(31890),l=i(26283),a=i(4313),n=i(87161),d=i(70429),p=i(85125),c=i(2669),b=function(e,t,i,s){var o,r=arguments.length,l=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(l=(r<3?o(l):r>3?o(t,i,l):o(t,i))||l);return r>3&&l&&Object.defineProperty(t,i,l),l};const h=22;var u;!function(e){let t=class extends((0,o.yC)(n.LitElement)){constructor(){super(...arguments),this.tabIndex=-1,this.ariaLabel="",this.closable="",this.name="",this.isCrossVisible=!1,this.role="tab",this.type="line",this.newMomentum=!1,this.onlyIcon=!1,this.variant="ghost",this.visibleTab=!1,this.size=28,this._disabled=!1,this._selected=0===this.tabIndex,this.vertical=!1,this.viewportHidden=!1}get disabled(){return this._disabled}set disabled(e){const t=this._disabled;this._disabled=e,e?this.tabDisabled():this.tabEnabled(),this.requestUpdate("disabled",t)}tabDisabled(){-1!==this.tabIndex&&(this.tabIndex=-1),this.setAttribute("aria-disabled","true")}tabEnabled(){-1===this.tabIndex&&this.selected&&(this.tabIndex=0),this.removeAttribute("aria-disabled")}get selected(){return this._selected}set selected(e){const t=this._selected;this._selected=e,e?(this.setAttribute("aria-selected","true"),this.tabIndex=0,this.notifySelectedTab()):(this.tabIndex=-1,this.removeAttribute("aria-selected")),this.requestUpdate("selected",t)}static get styles(){return[a.A,c.A]}handleClick(e){e.preventDefault(),this.id&&this.dispatchEvent(new CustomEvent("tab-click",{detail:{id:this.id},bubbles:!0,composed:!0}))}handleKeydown(e){if((0,l.o)(e.code)){if(this.disabled)return void e.preventDefault();this.handleClick(e)}}handleCrossKeydown(e){e.stopPropagation(),e.code===s.Uz.Enter&&this.handleCrossEventDispatch()}handleCrossClick(e){e.preventDefault(),!0!==this.disabled&&this.handleCrossEventDispatch()}handleCrossEventDispatch(){this.id&&("auto"===this.closable?this.dispatchEvent(new CustomEvent("tab-cross-click",{detail:{id:this.id},bubbles:!0,composed:!0})):"custom"===this.closable&&this.dispatchEvent(new CustomEvent("tab-close-click",{detail:{id:this.id,name:this.name},bubbles:!0,composed:!0})))}notifySelectedTab(){this.dispatchEvent(new CustomEvent("focus-visible",{composed:!0,bubbles:!0}))}update(e){super.update(e),e.has("disabled")&&this.disabled&&(this.selected=!1)}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.handleClick),this.addEventListener("keydown",this.handleKeydown)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleClick),this.removeEventListener("keydown",this.handleKeydown)}firstUpdated(e){super.firstUpdated(e)}renderCrossButton(){return n.html`
|
|
2
2
|
<md-button
|
|
3
3
|
variant="ghost"
|
|
4
4
|
size="size-none"
|
|
@@ -10,10 +10,10 @@
|
|
|
10
10
|
>
|
|
11
11
|
<md-icon name="cancel-bold" size="14" iconSet="momentumDesign"></md-icon>
|
|
12
12
|
</md-button>
|
|
13
|
-
`}render(){return
|
|
13
|
+
`}render(){return n.html`
|
|
14
14
|
<div
|
|
15
15
|
part="tab"
|
|
16
|
-
class="${(0,
|
|
16
|
+
class="${(0,p.classMap)({disabled:this.disabled,"md-tab-content":!0,closable:""!==this.closable,pill:"pill"===this.type,rounded:"rounded"===this.type,line:"line"===this.type,primary:"primary"===this.variant,newMomentum:this.newMomentum,onlyIcon:this.onlyIcon})}"
|
|
17
17
|
>
|
|
18
18
|
<slot class="tab-slot"></slot>
|
|
19
19
|
${this.isCrossVisible&&this.closable?this.renderCrossButton():""}
|
|
@@ -27,4 +27,4 @@
|
|
|
27
27
|
@click=${e=>this.handleClick(e)}
|
|
28
28
|
@keydown=${e=>this.handleKeydown(e)}
|
|
29
29
|
></button>
|
|
30
|
-
`}};
|
|
30
|
+
`}};b([(0,d.property)({type:Number,reflect:!0})],t.prototype,"tabIndex",void 0),b([(0,d.property)({type:String,attribute:"aria-label"})],t.prototype,"ariaLabel",void 0),b([(0,d.property)({type:String,attribute:"closable"})],t.prototype,"closable",void 0),b([(0,d.property)({type:String,attribute:"name"})],t.prototype,"name",void 0),b([(0,d.property)({type:Boolean,attribute:"cross-visible"})],t.prototype,"isCrossVisible",void 0),b([(0,d.property)({type:String,attribute:"role",reflect:!0})],t.prototype,"role",void 0),b([(0,d.property)({type:String,reflect:!0})],t.prototype,"type",void 0),b([(0,d.property)({type:Boolean})],t.prototype,"newMomentum",void 0),b([(0,d.property)({type:Boolean})],t.prototype,"onlyIcon",void 0),b([(0,d.property)({type:String})],t.prototype,"variant",void 0),b([(0,d.property)({type:Boolean,attribute:"visible-tab",reflect:!0})],t.prototype,"visibleTab",void 0),b([(0,d.property)({type:Number})],t.prototype,"size",void 0),b([(0,d.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",null),b([(0,d.property)({type:Boolean,reflect:!0})],t.prototype,"selected",null),b([(0,d.property)({type:Boolean,reflect:!0})],t.prototype,"vertical",void 0),b([(0,d.property)({type:Boolean,reflect:!0})],t.prototype,"viewportHidden",void 0),t=b([(0,r.w)("md-tab")],t),e.ELEMENT=t}(u||(u={}))},70429:e=>{e.exports=t},85125:e=>{e.exports=i},87161:t=>{t.exports=e}},r={};function l(e){var t=r[e];if(void 0!==t)return t.exports;var i=r[e]={exports:{}};return o[e](i,i.exports,l),i.exports}l.m=o,s=[],l.O=(e,t,i,o)=>{if(!t){var r=1/0;for(p=0;p<s.length;p++){for(var[t,i,o]=s[p],a=!0,n=0;n<t.length;n++)(!1&o||r>=o)&&Object.keys(l.O).every(e=>l.O[e](t[n]))?t.splice(n--,1):(a=!1,o<r&&(r=o));if(a){s.splice(p--,1);var d=i();void 0!==d&&(e=d)}}return e}o=o||0;for(var p=s.length;p>0&&s[p-1][2]>o;p--)s[p]=s[p-1];s[p]=[t,i,o]},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={2139:0};l.O.j=t=>0===e[t];var t=(t,i)=>{var s,o,[r,a,n]=i,d=0;if(r.some(t=>0!==e[t])){for(s in a)l.o(a,s)&&(l.m[s]=a[s]);if(n)var p=n(l)}for(t&&t(i);d<r.length;d++)o=r[d],l.o(e,o)&&e[o]&&e[o][0](),e[o]=0;return l.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 a=l.O(void 0,[1890,4313,6283,8889,8373,4624,300,591,768,195,3001,2669],()=>l(16643));return l.O(a)})());
|
|
@@ -1 +1 @@
|
|
|
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 r="object"==typeof exports?t(require("lit"),require("lit/decorators.js")):t(e.lit,e["lit/decorators.js"]);for(var o in r)("object"==typeof exports?exports:e)[o]=r[o]}}(self,(e,t)=>(()=>{"use strict";var r,o={70429:e=>{e.exports=t},87161:t=>{t.exports=e},97737:(e,t,r)=>{r.r(t),r.d(t,{TabPanel:()=>o});var o,n=r(3001),l=r(31890),i=r(4313),s=r(87161),a=r(70429),p=r(2669),f=function(e,t,r,o){var n,l=arguments.length,i=l<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(i=(l<3?n(i):l>3?n(t,r,i):n(t,r))||i);return l>3&&i&&Object.defineProperty(t,r,i),i};!function(e){let t=class extends((0,n.yC)(s.LitElement)){constructor(){super(...arguments),this.selected=!1,this.name="",this.focusablePanel="true"}static get styles(){return[i.A,p.A]}connectedCallback(){super.connectedCallback(),this.setAttribute("role","tabpanel")}firstUpdated(e){super.firstUpdated(e),"true"===this.focusablePanel&&this.setAttribute("tabindex","0")}render(){return s.html` <slot></slot> `}};f([(0,a.property)({type:Boolean,reflect:!0})],t.prototype,"selected",void 0),f([(0,a.property)({type:String,attribute:"name"})],t.prototype,"name",void 0),f([(0,a.property)({type:String,attribute:"focusable-panel"})],t.prototype,"focusablePanel",void 0),t=f([(0,l.w)("md-tab-panel")],t),e.ELEMENT=t}(o||(o={}))}},n={};function l(e){var t=n[e];if(void 0!==t)return t.exports;var r=n[e]={exports:{}};return o[e](r,r.exports,l),r.exports}l.m=o,r=[],l.O=(e,t,o,n)=>{if(!t){var i=1/0;for(f=0;f<r.length;f++){for(var[t,o,n]=r[f],s=!0,a=0;a<t.length;a++)(!1&n||i>=n)&&Object.keys(l.O).every(e=>l.O[e](t[a]))?t.splice(a--,1):(s=!1,n<i&&(i=n));if(s){r.splice(f--,1);var p=o();void 0!==p&&(e=p)}}return e}n=n||0;for(var f=r.length;f>0&&r[f-1][2]>n;f--)r[f]=r[f-1];r[f]=[t,o,n]},l.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return l.d(t,{a:t}),t},l.d=(e,t)=>{for(var r in t)l.o(t,r)&&!l.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},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={3938:0};l.O.j=t=>0===e[t];var t=(t,r)=>{var o,n,[i,s,a]=r,p=0;if(i.some(t=>0!==e[t])){for(o in s)l.o(s,o)&&(l.m[o]=s[o]);if(a)var f=a(l)}for(t&&t(r);p<i.length;p++)n=i[p],l.o(e,n)&&e[n]&&e[n][0](),e[n]=0;return l.O(f)},r=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})();var i=l.O(void 0,[1890,4313,8889,8373,4624,300,591,768,3001,671,2669],()=>l(97737));return l.O(i)})());
|
|
@@ -1 +1 @@
|
|
|
1
|
-
require("../1890"),require("../
|
|
1
|
+
require("../1890"),require("../4313"),require("../8889"),require("../8373"),require("../4624"),require("../300"),require("../591"),require("../768"),require("../3001"),require("../671"),require("../2669"),module.exports=require("../comp/md-tab-panel-entry");
|
package/dist/comp/md-tab.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
require("../1890"),require("../
|
|
1
|
+
require("../1890"),require("../4313"),require("../6283"),require("../8889"),require("../8373"),require("../4624"),require("../300"),require("../591"),require("../768"),require("../195"),require("../3001"),require("../2669"),module.exports=require("../comp/md-tab-entry");
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit-element"),require("lit-html/directives/class-map"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("@popperjs/core/lib/modifiers/arrow"),require("@popperjs/core/lib/modifiers/flip"),require("@popperjs/core/lib/modifiers/offset"),require("@popperjs/core/lib/modifiers/preventOverflow"),require("@popperjs/core/lib/popper-lite"),require("lit-html/directives/template-content"),require("papaparse"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html/directives/class-map","lit-html/directives/style-map","lit-html","lit-html/directives/if-defined","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","mobx","@popperjs/core/lib/modifiers/arrow","@popperjs/core/lib/modifiers/flip","@popperjs/core/lib/modifiers/offset","@popperjs/core/lib/modifiers/preventOverflow","@popperjs/core/lib/popper-lite","lit-html/directives/template-content","papaparse"],t);else{var i="object"==typeof exports?t(require("lit-element"),require("lit-html/directives/class-map"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("@popperjs/core/lib/modifiers/arrow"),require("@popperjs/core/lib/modifiers/flip"),require("@popperjs/core/lib/modifiers/offset"),require("@popperjs/core/lib/modifiers/preventOverflow"),require("@popperjs/core/lib/popper-lite"),require("lit-html/directives/template-content"),require("papaparse")):t(e["lit-element"],e["lit-html/directives/class-map"],e["lit-html/directives/style-map"],e["lit-html"],e["lit-html/directives/if-defined"],e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"],e.mobx,e["@popperjs/core/lib/modifiers/arrow"],e["@popperjs/core/lib/modifiers/flip"],e["@popperjs/core/lib/modifiers/offset"],e["@popperjs/core/lib/modifiers/preventOverflow"],e["@popperjs/core/lib/popper-lite"],e["lit-html/directives/template-content"],e.papaparse);for(var o in i)("object"==typeof exports?exports:e)[o]=i[o]}}(self,(e,t,i,o,r,s,l,n,a,d,p,c,h,m,u)=>(()=>{"use strict";var f,g={3527:e=>{e.exports=m},4863:e=>{e.exports=h},8229:e=>{e.exports=i},22962:e=>{e.exports=a},23968:e=>{e.exports=t},28187:e=>{e.exports=u},32022:e=>{e.exports=s},40333:e=>{e.exports=o},41488:t=>{t.exports=e},60554:e=>{e.exports=l},68250:e=>{e.exports=p},69371:e=>{e.exports=c},77935:(e,t,i)=>{i.r(t),i.d(t,{TableAdvanced:()=>b}),i(96798),i(61200),i(11323);var o=i(31890),r=i(28373),s=i(26272),l=i(41488),n=i(40333),a=i(23968),d=i(97822),p=i(3527),c=i(28187),h=i.n(c),m=i(87421),u=i(56076),f=i(21796),g=function(e,t,i,o){var r,s=arguments.length,l=s<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--)(r=e[n])&&(l=(s<3?r(l):s>3?r(t,i,l):r(t,i))||l);return s>3&&l&&Object.defineProperty(t,i,l),l};const v=document.createElement("img");var b;v.src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",function(e){let t=class extends((0,r.d)(l.LitElement)){constructor(){super(...arguments),this.isRowFocusable="true",this.error="",this.COLS=[],this.ROWS=[],this.updCols=()=>this.requestUpdate("COLS"),this.updRows=()=>this.requestUpdate("ROWS"),this.dragRow=-1,this.dropRow=-1,this.drops=[],this.dragRowElem=null,this.dragCol=-1,this.dropCol=-1,this.isResizing=!1,this.isSelectable=!1,this.selected={},this.expandedRowIdx={},this.dragover=e=>e.preventDefault(),this.eX=0,this.onResize=(e,t)=>{var i;if(-1!=this.dragCol||-1!=this.dragRow)return;this.isResizing=!0;const o=e.target;null===(i=e.dataTransfer)||void 0===i||i.setDragImage(v,0,0);const r=this.COLS.map(e=>this.shadowRoot.querySelector(`th.col-index-${e.index}`));this.COLS.forEach((e,t)=>e.width=r[t].offsetWidth+"px"),this.updCols();const s=e.x;this.eX=e.x;let l=-1,n=-1,a=-1;const d=this.COLS[t.index-1],p=r[t.index],c=r[t.index-1],h=p.offsetWidth,m=c.offsetWidth,u=()=>{const e=this.eX;if(l!=e&&0!=e){l=e;const i=l-s;n=h-i,a=m+i,t.width=n+"px",d.width=a+"px",this.updCols()}},f=e=>this.eX=e.x,g=()=>{this.isResizing=!1,o.removeEventListener("drag",u),o.removeEventListener("dragend",g),document.removeEventListener("dragover",f)};o.addEventListener("drag",u),o.addEventListener("dragend",g),document.addEventListener("dragover",f)}}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("dragover",this.dragover)}connectedCallback(){super.connectedCallback(),document.addEventListener("dragover",this.dragover),this.updateTableConfig(),this.updateTableData(),this.populateTable()}update(e){super.update(e),e.has("data")&&(this.updateTableData(),this.updateDataInTable())}updateTableData(){if("string"==typeof this.data)try{this.tableData=JSON.parse(this.data)}catch(e){console.error("[INVALID_JSON_FORMAT] Please recheck the config json")}else this.tableData=Object.assign({},this.data)}updateTableConfig(){if("string"==typeof this.config)try{this.tableConfig=JSON.parse(this.config)}catch(e){console.error("[INVALID_JSON_FORMAT] Please recheck the data json")}else this.tableConfig=Object.assign({},this.config)}populateColumns(){var e;let t=0;const i=(e,i)=>{var o,r,s,l;const n=e.filters||(null===(r=null===(o=this.tableConfig.default)||void 0===o?void 0:o.col)||void 0===r?void 0:r.filters),a=n?"forString"==n?f.d.optionsString:"forNumber"==n?f.d.optionsNumber:n.length?n:null:null;this.COLS.push({options:Object.assign({},e),index:t++,group:i,sort:"default",sorter:e.sorter||(null===(l=null===(s=this.tableConfig.default)||void 0===s?void 0:s.col)||void 0===l?void 0:l.sorter),isCollapsable:this.tableConfig.cols.collapse==e.id,filter:a?{list:a,selectedIndex:0,input:"",active:!1,menuVisible:!1}:void 0})};this.tableConfig.cols.define.forEach(e=>{"children"in e?e.children.forEach(t=>i(t,{name:e.groupName,length:e.children.length})):i(e)}),this.isSelectable=!!this.tableConfig.rows&&"none"!=(null===(e=this.tableConfig.rows)||void 0===e?void 0:e.selectable)}populateData(){const e=this.COLS.length;if("csv"in this.tableData){const e=h().parse(this.tableData.csv,{skipEmptyLines:!0,transform:e=>e.trim()});if(e.errors)return void(this.error="PARSE ERROR:\n"+JSON.stringify(e.errors,null,2));{const t=e.data;this.ROWS=t.map(e=>e.map(e=>({text:e})))}}else if("list2d"in this.tableData)this.ROWS=this.tableData.list2d.map(e=>e.map(e=>({text:e})));else{for(;this.tableData.list.length>e;)this.ROWS.push(this.tableData.list.splice(0,e).map(e=>({text:e})));0!=this.tableData.list.length&&this.ROWS.push(this.tableData.list.map(e=>({text:e})))}0!=this.ROWS.length||(this.error="DATA ERROR: Data is empty")}validateData(){const e=this.COLS.length;this.ROWS.reduce((e,t)=>e+t.length,0)%e==0?this.ROWS.forEach((t,i)=>{const o=t.length;o!=e&&(this.error=`DATA ERROR: Total number of cols (=${e}) and data[${i}] length (=${o}) mismatch`)}):this.error=this.error="DATA ERROR: Data length mismatch. You must provide (numberOfRows * numberOfColumns) amount of data values."}populateTemplate(){const e=this.tableConfig.cellTemplates,t=Object.keys(e||{});e&&t.length&&this.ROWS.forEach((t,i)=>{t.forEach((t,o)=>{for(const r in e){const s=t.text.indexOf(r);if(-1!=s){const l=e[r],n=this.querySelector(`#${l.templateName}`);if(null==n){console.warn(`cellTemplates["${r}"]: Missing '${l.templateName}' template.`);continue}let a=t.text.replace(r,"");l.contentCb&&(a=l.contentCb({col:o,row:i,content:a,insertIndex:s})),this.ROWS[i][o]={text:a,template:{template:n,templateCb:l.templateCb,insertIndex:"replace"==l.contentUse?-1:s}};break}}})})}setDefaultFilterAndSort(){var e,t;const i=null===(e=this.tableConfig.default)||void 0===e?void 0:e.sort;if(i){const e=this.COLS.find(e=>e.options.id==i.colId);e?this.sort(e,i.order):console.warn(`Cant find ${i.colId} col - for sorting`)}const o=null===(t=this.tableConfig.default)||void 0===t?void 0:t.filter;if(o){const e=this.COLS.find(e=>e.options.id==o.colId);e?e.filter?(e.filter.selectedIndex=o.selectedIndex,e.filter.input=o.input,this.updCols(),this.filter(e)):console.warn(`Cant find filters on ${o.colId} col`):console.warn(`Cant find ${o.colId} col - for filtering`)}}populateTable(){this.populateColumns(),this.populateData(),this.validateData(),this.setDefaultFilterAndSort(),this.populateTemplate()}updateDataInTable(){this.populateData(),this.validateData(),this.populateTemplate()}onDropRow(){this.dragRow!=this.dropRow&&this.drops.push([this.dragRow,this.dropRow]),this.dragRow=-1,this.dropRow=-1,this.dragRowElem&&(this.dragRowElem.setAttribute("draggable","false"),this.dragRowElem=null)}onDropCol(){if(this.dragCol!=this.dropCol){const e=this.COLS[this.dragCol],t=this.COLS[this.dropCol],i=e.group,o=t.group,r=e.index,s=t.index;e.group=o,t.group=i,e.index=s,t.index=r,this.COLS[this.dragCol]=t,this.COLS[this.dropCol]=e,this.ROWS.forEach(e=>{const t=e[this.dragCol],i=e[this.dropCol];e[this.dragCol]=i,e[this.dropCol]=t}),this.updCols(),this.updRows()}this.dragCol=-1,this.dropCol=-1}sort(e,t){e.sorter&&(this.clearSelection(),this.drops=[],this.COLS.forEach(i=>{i.options.id==e.options.id?i.sort=t||("default"==i.sort?"ascending":"ascending"==i.sort?"descending":"default"):i.sort="default"}),this.updCols(),this.requestUpdate(),this["md-table-advanced-change"].emit({type:"sort",order:e.sort}))}filter(e){if(!e.filter)return;this.clearSelection(),this.drops=[];const t=e.filter.input.trim(),i=e.filter.list[e.filter.selectedIndex];e.filter.active=!!t,this.requestUpdate(),t?this["md-table-advanced-change"].emit({type:"filter-on",filter:i,input:t}):this["md-table-advanced-change"].emit({type:"filter-off",filter:e.filter.list[e.filter.selectedIndex]})}selectRow(e){var t;const i=e.row.idx,o=Object.prototype.hasOwnProperty.call(this.selected,i);"multiple"==(null===(t=this.tableConfig.rows)||void 0===t?void 0:t.selectable)?(e.metaKey?o?delete this.selected[i]:this.selected[i]=!0:e.shiftKey||(this.selected={[i]:!0}),this["md-table-advanced-change"].emit({type:"multi-select",rows:Object.keys(this.selected).map(e=>+e)})):o?this.clearSelection():(this.selected={[i]:!0},this["md-table-advanced-change"].emit({type:"select",index:i})),this.requestUpdate("selected")}clearSelection(){this.selected={},this.requestUpdate("selected")}collapseToggle(e,t){e.stopPropagation(),this.expandedRowIdx[t]?(delete this.expandedRowIdx[t],this["md-table-advanced-change"].emit({type:"collapse",row:t})):(this.expandedRowIdx[t]=!0,this["md-table-advanced-change"].emit({type:"expand",row:t})),this.clearSelection(),this.requestUpdate()}render(){if(this.error)return l.html` <div>${this.error}</div> `;const{head:e}=this.tableConfig,t=(0,a.classMap)({"sticky-header":!!this.tableConfig.isStickyHeader});return l.html`
|
|
1
|
+
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js"),require("lit/directives/if-defined.js"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("@popperjs/core/lib/modifiers/arrow"),require("@popperjs/core/lib/modifiers/flip"),require("@popperjs/core/lib/modifiers/offset"),require("@popperjs/core/lib/modifiers/preventOverflow"),require("@popperjs/core/lib/popper-lite"),require("lit/directives/unsafe-html.js"),require("papaparse"));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","@popperjs/core/lib/modifiers/arrow","@popperjs/core/lib/modifiers/flip","@popperjs/core/lib/modifiers/offset","@popperjs/core/lib/modifiers/preventOverflow","@popperjs/core/lib/popper-lite","lit/directives/unsafe-html.js","papaparse"],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("@popperjs/core/lib/modifiers/arrow"),require("@popperjs/core/lib/modifiers/flip"),require("@popperjs/core/lib/modifiers/offset"),require("@popperjs/core/lib/modifiers/preventOverflow"),require("@popperjs/core/lib/popper-lite"),require("lit/directives/unsafe-html.js"),require("papaparse")):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["@popperjs/core/lib/modifiers/arrow"],e["@popperjs/core/lib/modifiers/flip"],e["@popperjs/core/lib/modifiers/offset"],e["@popperjs/core/lib/modifiers/preventOverflow"],e["@popperjs/core/lib/popper-lite"],e["lit/directives/unsafe-html.js"],e.papaparse);for(var o in i)("object"==typeof exports?exports:e)[o]=i[o]}}(self,(e,t,i,o,s,r,l,n,a,d,p,c,h,m,u)=>(()=>{"use strict";var f,g={4863:e=>{e.exports=h},10318:e=>{e.exports=o},16968:e=>{e.exports=m},20291:e=>{e.exports=s},22962:e=>{e.exports=a},28187:e=>{e.exports=u},32022:e=>{e.exports=r},60554:e=>{e.exports=l},68250:e=>{e.exports=p},69371:e=>{e.exports=c},70429:e=>{e.exports=t},77935:(e,t,i)=>{i.r(t),i.d(t,{TableAdvanced:()=>b}),i(96798),i(61200),i(11323);var o=i(31890),s=i(28373),r=i(4313),l=i(87161),n=i(70429),a=i(85125),d=i(20291),p=i(16968),c=i(28187),h=i.n(c),m=i(32932),u=i(56076),f=i(21796),g=function(e,t,i,o){var s,r=arguments.length,l=r<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=(r<3?s(l):r>3?s(t,i,l):s(t,i))||l);return r>3&&l&&Object.defineProperty(t,i,l),l};const v=document.createElement("img");var b;v.src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",function(e){let t=class extends((0,s.d)(l.LitElement)){constructor(){super(...arguments),this.isRowFocusable="true",this.error="",this.COLS=[],this.ROWS=[],this.updCols=()=>this.requestUpdate("COLS"),this.updRows=()=>this.requestUpdate("ROWS"),this.dragRow=-1,this.dropRow=-1,this.drops=[],this.dragRowElem=null,this.dragCol=-1,this.dropCol=-1,this.isResizing=!1,this.isSelectable=!1,this.selected={},this.expandedRowIdx={},this.dragover=e=>e.preventDefault(),this.eX=0,this.onResize=(e,t)=>{var i;if(-1!=this.dragCol||-1!=this.dragRow)return;this.isResizing=!0;const o=e.target;null===(i=e.dataTransfer)||void 0===i||i.setDragImage(v,0,0);const s=this.COLS.map(e=>this.shadowRoot.querySelector(`th.col-index-${e.index}`));this.COLS.forEach((e,t)=>e.width=s[t].offsetWidth+"px"),this.updCols();const r=e.x;this.eX=e.x;let l=-1,n=-1,a=-1;const d=this.COLS[t.index-1],p=s[t.index],c=s[t.index-1],h=p.offsetWidth,m=c.offsetWidth,u=()=>{const e=this.eX;if(l!=e&&0!=e){l=e;const i=l-r;n=h-i,a=m+i,t.width=n+"px",d.width=a+"px",this.updCols()}},f=e=>this.eX=e.x,g=()=>{this.isResizing=!1,o.removeEventListener("drag",u),o.removeEventListener("dragend",g),document.removeEventListener("dragover",f)};o.addEventListener("drag",u),o.addEventListener("dragend",g),document.addEventListener("dragover",f)}}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("dragover",this.dragover)}connectedCallback(){super.connectedCallback(),document.addEventListener("dragover",this.dragover),this.updateTableConfig(),this.updateTableData(),this.populateTable()}update(e){super.update(e),e.has("data")&&(this.updateTableData(),this.updateDataInTable())}updateTableData(){if("string"==typeof this.data)try{this.tableData=JSON.parse(this.data)}catch(e){console.error("[INVALID_JSON_FORMAT] Please recheck the config json")}else this.tableData=Object.assign({},this.data)}updateTableConfig(){if("string"==typeof this.config)try{this.tableConfig=JSON.parse(this.config)}catch(e){console.error("[INVALID_JSON_FORMAT] Please recheck the data json")}else this.tableConfig=Object.assign({},this.config)}populateColumns(){var e;let t=0;const i=(e,i)=>{var o,s,r,l;const n=e.filters||(null===(s=null===(o=this.tableConfig.default)||void 0===o?void 0:o.col)||void 0===s?void 0:s.filters),a=n?"forString"==n?f.d.optionsString:"forNumber"==n?f.d.optionsNumber:n.length?n:null:null;this.COLS.push({options:Object.assign({},e),index:t++,group:i,sort:"default",sorter:e.sorter||(null===(l=null===(r=this.tableConfig.default)||void 0===r?void 0:r.col)||void 0===l?void 0:l.sorter),isCollapsable:this.tableConfig.cols.collapse==e.id,filter:a?{list:a,selectedIndex:0,input:"",active:!1,menuVisible:!1}:void 0})};this.tableConfig.cols.define.forEach(e=>{"children"in e?e.children.forEach(t=>i(t,{name:e.groupName,length:e.children.length})):i(e)}),this.isSelectable=!!this.tableConfig.rows&&"none"!=(null===(e=this.tableConfig.rows)||void 0===e?void 0:e.selectable)}populateData(){const e=this.COLS.length;if("csv"in this.tableData){const e=h().parse(this.tableData.csv,{skipEmptyLines:!0,transform:e=>e.trim()});if(e.errors)return void(this.error="PARSE ERROR:\n"+JSON.stringify(e.errors,null,2));{const t=e.data;this.ROWS=t.map(e=>e.map(e=>({text:e})))}}else if("list2d"in this.tableData)this.ROWS=this.tableData.list2d.map(e=>e.map(e=>({text:e})));else{for(;this.tableData.list.length>e;)this.ROWS.push(this.tableData.list.splice(0,e).map(e=>({text:e})));0!=this.tableData.list.length&&this.ROWS.push(this.tableData.list.map(e=>({text:e})))}0!=this.ROWS.length||(this.error="DATA ERROR: Data is empty")}validateData(){const e=this.COLS.length;this.ROWS.reduce((e,t)=>e+t.length,0)%e==0?this.ROWS.forEach((t,i)=>{const o=t.length;o!=e&&(this.error=`DATA ERROR: Total number of cols (=${e}) and data[${i}] length (=${o}) mismatch`)}):this.error=this.error="DATA ERROR: Data length mismatch. You must provide (numberOfRows * numberOfColumns) amount of data values."}populateTemplate(){const e=this.tableConfig.cellTemplates,t=Object.keys(e||{});e&&t.length&&this.ROWS.forEach((t,i)=>{t.forEach((t,o)=>{for(const s in e){const r=t.text.indexOf(s);if(-1!=r){const l=e[s],n=this.querySelector(`#${l.templateName}`);if(null==n){console.warn(`cellTemplates["${s}"]: Missing '${l.templateName}' template.`);continue}let a=t.text.replace(s,"");l.contentCb&&(a=l.contentCb({col:o,row:i,content:a,insertIndex:r})),this.ROWS[i][o]={text:a,template:{template:n,templateCb:l.templateCb,insertIndex:"replace"==l.contentUse?-1:r}};break}}})})}setDefaultFilterAndSort(){var e,t;const i=null===(e=this.tableConfig.default)||void 0===e?void 0:e.sort;if(i){const e=this.COLS.find(e=>e.options.id==i.colId);e?this.sort(e,i.order):console.warn(`Cant find ${i.colId} col - for sorting`)}const o=null===(t=this.tableConfig.default)||void 0===t?void 0:t.filter;if(o){const e=this.COLS.find(e=>e.options.id==o.colId);e?e.filter?(e.filter.selectedIndex=o.selectedIndex,e.filter.input=o.input,this.updCols(),this.filter(e)):console.warn(`Cant find filters on ${o.colId} col`):console.warn(`Cant find ${o.colId} col - for filtering`)}}populateTable(){this.populateColumns(),this.populateData(),this.validateData(),this.setDefaultFilterAndSort(),this.populateTemplate()}updateDataInTable(){this.populateData(),this.validateData(),this.populateTemplate()}onDropRow(){this.dragRow!=this.dropRow&&this.drops.push([this.dragRow,this.dropRow]),this.dragRow=-1,this.dropRow=-1,this.dragRowElem&&(this.dragRowElem.setAttribute("draggable","false"),this.dragRowElem=null)}onDropCol(){if(this.dragCol!=this.dropCol){const e=this.COLS[this.dragCol],t=this.COLS[this.dropCol],i=e.group,o=t.group,s=e.index,r=t.index;e.group=o,t.group=i,e.index=r,t.index=s,this.COLS[this.dragCol]=t,this.COLS[this.dropCol]=e,this.ROWS.forEach(e=>{const t=e[this.dragCol],i=e[this.dropCol];e[this.dragCol]=i,e[this.dropCol]=t}),this.updCols(),this.updRows()}this.dragCol=-1,this.dropCol=-1}sort(e,t){e.sorter&&(this.clearSelection(),this.drops=[],this.COLS.forEach(i=>{i.options.id==e.options.id?i.sort=t||("default"==i.sort?"ascending":"ascending"==i.sort?"descending":"default"):i.sort="default"}),this.updCols(),this.requestUpdate(),this["md-table-advanced-change"].emit({type:"sort",order:e.sort}))}filter(e){if(!e.filter)return;this.clearSelection(),this.drops=[];const t=e.filter.input.trim(),i=e.filter.list[e.filter.selectedIndex];e.filter.active=!!t,this.requestUpdate(),t?this["md-table-advanced-change"].emit({type:"filter-on",filter:i,input:t}):this["md-table-advanced-change"].emit({type:"filter-off",filter:e.filter.list[e.filter.selectedIndex]})}selectRow(e){var t;const i=e.row.idx,o=Object.prototype.hasOwnProperty.call(this.selected,i);"multiple"==(null===(t=this.tableConfig.rows)||void 0===t?void 0:t.selectable)?(e.metaKey?o?delete this.selected[i]:this.selected[i]=!0:e.shiftKey||(this.selected={[i]:!0}),this["md-table-advanced-change"].emit({type:"multi-select",rows:Object.keys(this.selected).map(e=>+e)})):o?this.clearSelection():(this.selected={[i]:!0},this["md-table-advanced-change"].emit({type:"select",index:i})),this.requestUpdate("selected")}clearSelection(){this.selected={},this.requestUpdate("selected")}collapseToggle(e,t){e.stopPropagation(),this.expandedRowIdx[t]?(delete this.expandedRowIdx[t],this["md-table-advanced-change"].emit({type:"collapse",row:t})):(this.expandedRowIdx[t]=!0,this["md-table-advanced-change"].emit({type:"expand",row:t})),this.clearSelection(),this.requestUpdate()}render(){if(this.error)return l.html` <div>${this.error}</div> `;const{head:e}=this.tableConfig,t=(0,a.classMap)({"sticky-header":!!this.tableConfig.isStickyHeader});return l.html`
|
|
2
2
|
<div class="md-table-advanced">
|
|
3
3
|
<slot></slot>
|
|
4
4
|
<table class=${t} summary=${(0,d.ifDefined)(null==e?void 0:e.summary)}>
|
|
5
5
|
${(null==e?void 0:e.caption)?l.html`
|
|
6
6
|
<caption>
|
|
7
7
|
${null==e?void 0:e.caption}
|
|
8
|
-
${(null==e?void 0:e.tableDescription)?l.html` <span style="position: absolute; top: -30em">${null==e?void 0:e.tableDescription}</span> `:
|
|
8
|
+
${(null==e?void 0:e.tableDescription)?l.html` <span style="position: absolute; top: -30em">${null==e?void 0:e.tableDescription}</span> `:l.nothing}
|
|
9
9
|
</caption>
|
|
10
10
|
`:(null==e?void 0:e.tableDescription)?l.html`
|
|
11
11
|
<caption>
|
|
12
12
|
<span style="position: absolute; top: -30em">${null==e?void 0:e.tableDescription}</span>
|
|
13
13
|
</caption>
|
|
14
|
-
`:
|
|
14
|
+
`:l.nothing}
|
|
15
15
|
${this.renderHead()} ${this.renderBody()}
|
|
16
16
|
</table>
|
|
17
17
|
</div>
|
|
18
|
-
`}ariaSortOrder(e){return"ascending"===e||"descending"===e?e:"none"}renderHead(){let e=
|
|
18
|
+
`}ariaSortOrder(e){return"ascending"===e||"descending"===e?e:"none"}renderHead(){let e=l.nothing;const t=this.COLS.reduce((e,t)=>!!t.group||e,!1);if(t){let t="";e=l.html`
|
|
19
19
|
${this.COLS.map(e=>e.group?t!=e.group.name?(t=e.group.name,l.html` <colgroup span=${e.group.length}></colgroup> `):void 0:l.html` <col /> `)}
|
|
20
20
|
<tr tabindex="0">
|
|
21
21
|
${this.COLS.map(e=>e.group?t!=e.group.name?(t=e.group.name,l.html`
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
<thead>
|
|
36
36
|
${e} ${i}
|
|
37
37
|
</thead>
|
|
38
|
-
`}sortIconTemplate(e){return"ascending"===e?l.html`<md-icon name="sort-descending-bold" size="16" iconSet="momentumDesign"></md-icon>`:"descending"===e?l.html`<md-icon name="sort-ascending-bold" size="16" iconSet="momentumDesign"></md-icon>`:l.html`<md-icon name="unsorted-bold" size="16" iconSet="momentumDesign"></md-icon>`}renderCol(e,t){var i,o;const
|
|
38
|
+
`}sortIconTemplate(e){return"ascending"===e?l.html`<md-icon name="sort-descending-bold" size="16" iconSet="momentumDesign"></md-icon>`:"descending"===e?l.html`<md-icon name="sort-ascending-bold" size="16" iconSet="momentumDesign"></md-icon>`:l.html`<md-icon name="unsorted-bold" size="16" iconSet="momentumDesign"></md-icon>`}renderCol(e,t){var i,o;const s=null===(o=null===(i=e.filter)||void 0===i?void 0:i.list[e.filter.selectedIndex])||void 0===o?void 0:o.input,r=(0,a.classMap)({ascending:"ascending"==e.sort,descending:"descending"==e.sort});return l.html`
|
|
39
39
|
<th
|
|
40
40
|
rowspan=${(0,d.ifDefined)(t)}
|
|
41
41
|
width=${(0,d.ifDefined)(e.width?e.width:e.options.width)}
|
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
<div class="head-inner-cell">
|
|
52
52
|
<!-- SORT -->
|
|
53
53
|
${e.sorter?l.html`
|
|
54
|
-
<button class="sortable ${
|
|
54
|
+
<button class="sortable ${r}" @click=${()=>this.sort(e)}>
|
|
55
55
|
${e.options.title} ${this.sortIconTemplate(e.sort)}
|
|
56
56
|
</button>
|
|
57
57
|
`:l.html` <span>${e.options.title}</span> `}
|
|
@@ -66,7 +66,7 @@
|
|
|
66
66
|
size="16"
|
|
67
67
|
iconSet="momentumDesign"
|
|
68
68
|
></md-icon>
|
|
69
|
-
`:
|
|
69
|
+
`:l.nothing}
|
|
70
70
|
<md-menu-overlay placement="bottom" class="filter" custom-width="188px">
|
|
71
71
|
<md-button class="filter-icon" slot="menu-trigger" color="color-none" size="size-none">
|
|
72
72
|
<md-icon slot="icon" name="filter-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
@@ -82,16 +82,16 @@
|
|
|
82
82
|
</select>
|
|
83
83
|
<input
|
|
84
84
|
type="text"
|
|
85
|
-
placeholder=${
|
|
86
|
-
maxlength=${(0,d.ifDefined)(
|
|
87
|
-
pattern=${(0,d.ifDefined)(
|
|
85
|
+
placeholder=${s.placeholder}
|
|
86
|
+
maxlength=${(0,d.ifDefined)(s.maxlength)}
|
|
87
|
+
pattern=${(0,d.ifDefined)(s.pattern)}
|
|
88
88
|
.value=${e.filter.input}
|
|
89
89
|
@input=${t=>{e.filter.input=t.target.value,this.updCols(),this.filter(e)}}
|
|
90
90
|
/>
|
|
91
91
|
</div>
|
|
92
92
|
</md-menu-overlay>
|
|
93
93
|
</div>
|
|
94
|
-
`:
|
|
94
|
+
`:l.nothing}
|
|
95
95
|
|
|
96
96
|
<!-- RESIZE -->
|
|
97
97
|
${this.renderColResize(e)}
|
|
@@ -105,36 +105,34 @@
|
|
|
105
105
|
@dragenter=${()=>{this.isResizing||-1!=this.dragRow||(this.dropCol=e.index)}}
|
|
106
106
|
@dragend=${()=>this.onDropCol()}
|
|
107
107
|
></div>
|
|
108
|
-
`:
|
|
108
|
+
`:l.nothing}renderColResize(e){return this.tableConfig.cols.isResizable?l.html`
|
|
109
109
|
${e.index>0?l.html`
|
|
110
110
|
<div class="resize" draggable="true" @dragstart=${t=>this.onResize(t,e)}></div>
|
|
111
|
-
`:
|
|
112
|
-
`:
|
|
111
|
+
`:l.nothing}
|
|
112
|
+
`:l.nothing}renderBody(){let e=this.ROWS.map((e,t)=>({cells:e,idx:t,idxDrag:t,collapse:"none",first:0===t,isGhost:!1,children:[]}));const t=this.COLS.length;e=e.filter(e=>{var i;for(let o=0;o<t;o++){const t=this.COLS[o];if((null===(i=t.filter)||void 0===i?void 0:i.active)&&!t.filter.list[t.filter.selectedIndex].predicate(e.cells[o].text,t.filter.input))return!1}return!0});const i=this.COLS.find(e=>"default"!=e.sort);if(i){const t=this.ROWS.map((e,t)=>({v:e[i.index].text,i:t})),o="ascending"==i.sort?1:-1;let s=[];if("byNumber"==i.sorter)s=t.sort((e,t)=>1==o?+e.v-+t.v:+t.v-+e.v);else if("byString"==i.sorter)s=t.sort((e,t)=>e.v==t.v?0:e.v>t.v?o:-o);else if("function"==typeof i.sorter){const e=i.sorter;s=t.sort((t,i)=>e(t.v,i.v,o))}e=s.map(t=>e[t.i])}const o=this.COLS.find(e=>e.isCollapsable);if(o){const t=o.index,i=e.reduce((e,i)=>{const o=i.cells[t].text,s=e.find(e=>e.key==o);return s?(i.collapse="child",s.children.push(i)):e.push({key:o,root:i,children:[]}),e},[]);e=[],i.forEach(t=>{e.push(t.root),t.root.collapse=0==t.children.length?"none":this.expandedRowIdx[t.root.idx]?"expanded":"collapsed",t.root.children=t.children})}return this.drops.forEach(({0:t,1:i})=>{e.splice(i,0,e.splice(t,1)[0])}),e.forEach((e,t)=>e.idxDrag=t),-1!=this.dragRow&&(e[this.dragRow].isGhost=!0,-1!=this.dropRow&&e.splice(this.dropRow,0,e.splice(this.dragRow,1)[0])),l.html`
|
|
113
113
|
<tbody>
|
|
114
114
|
${e.map(t=>{const i=e.length,o=t.children.length>0&&"expanded"==t.collapse&&!t.isGhost;return l.html`
|
|
115
|
-
${this.renderRow(t,i)} ${o?t.children.map(e=>this.renderRow(e,i)):
|
|
115
|
+
${this.renderRow(t,i)} ${o?t.children.map(e=>this.renderRow(e,i)):l.nothing}
|
|
116
116
|
`})}
|
|
117
117
|
</tbody>
|
|
118
|
-
`}renderRow(e,t){const i=Object.prototype.hasOwnProperty.call(this.selected,e.idx),o=(0,a.classMap)({selected:i,selectable:this.isSelectable&&!i,ghost:e.isGhost});return l.html`
|
|
118
|
+
`}processTemplate(e){const t=document.importNode(e.content,!0);return Array.from(t.childNodes).map(e=>e.nodeType===Node.ELEMENT_NODE?e.outerHTML:e.nodeType===Node.TEXT_NODE&&e.textContent||"").join("")}processTemplateCallback(e){const t=document.importNode(e.template.content,!0);return e.cb({content:e.content,row:e.row,col:e.col,insertIndex:e.insertIndex,fragment:t}),Array.from(t.childNodes).map(e=>e.nodeType===Node.ELEMENT_NODE?e.outerHTML:e.nodeType===Node.TEXT_NODE&&e.textContent||"").join("")}renderRow(e,t){const i=Object.prototype.hasOwnProperty.call(this.selected,e.idx),o=(0,a.classMap)({selected:i,selectable:this.isSelectable&&!i,ghost:e.isGhost});return l.html`
|
|
119
119
|
<tr
|
|
120
120
|
class=${o}
|
|
121
121
|
tabindex=${(0,d.ifDefined)("true"===this.isRowFocusable?"0":void 0)}
|
|
122
122
|
part=${e.first?"first-row":"row"}
|
|
123
123
|
@click=${({shiftKey:t,metaKey:i})=>{this.isSelectable&&this.selectRow({row:e,shiftKey:t,metaKey:i})}}
|
|
124
124
|
>
|
|
125
|
-
${e.cells.map((i,o)=>{var
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
${d.insertIndex<i.text.length-1?i.text.substring(d.insertIndex):n.nothing}
|
|
130
|
-
`));const c=(null===(r=this.tableConfig.rows)||void 0===r?void 0:r.isDraggable)&&"child"!=e.collapse,h=c&&-1!=this.dragRow&&this.dragRow!=e.idxDrag,m=c&&0==o,f=l.html`
|
|
125
|
+
${e.cells.map((i,o)=>{var s;const r=this.COLS[o];let n=i.text;const a=i.template;a&&(n=a.templateCb?l.html`${(0,p.unsafeHTML)(this.processTemplateCallback({cb:a.templateCb,insertIndex:a.insertIndex,template:a.template,content:i.text,row:e.idx,col:o}))}`:l.html`${(0,p.unsafeHTML)(this.processTemplate(a.template))}`,-1!=a.insertIndex&&(n=l.html`
|
|
126
|
+
${a.insertIndex>0?i.text.substring(0,a.insertIndex):l.nothing} ${n}
|
|
127
|
+
${a.insertIndex<i.text.length-1?i.text.substring(a.insertIndex):l.nothing}
|
|
128
|
+
`));const d=(null===(s=this.tableConfig.rows)||void 0===s?void 0:s.isDraggable)&&"child"!=e.collapse,c=d&&-1!=this.dragRow&&this.dragRow!=e.idxDrag,h=d&&0==o,m=l.html`
|
|
131
129
|
<div
|
|
132
130
|
class="inner-cell"
|
|
133
131
|
draggable="false"
|
|
134
132
|
@dragstart=${()=>{this.isResizing||-1!=this.dragCol||(this.dragRow=e.idxDrag)}}
|
|
135
133
|
@dragend=${()=>this.onDropRow()}
|
|
136
134
|
>
|
|
137
|
-
${
|
|
135
|
+
${c?l.html`
|
|
138
136
|
<div
|
|
139
137
|
class="drag-area top"
|
|
140
138
|
@dragenter=${()=>{if(0==this.dragRow){const t=e.idxDrag-1;this.dropRow=t>=0?t:0}else this.dropRow=e.idxDrag}}
|
|
@@ -143,8 +141,8 @@
|
|
|
143
141
|
class="drag-area bottom"
|
|
144
142
|
@dragenter=${()=>{if(0==this.dragRow)this.dropRow=e.idxDrag;else{const i=e.idxDrag+1;this.dropRow=i<t?i:t-1}}}
|
|
145
143
|
></div>
|
|
146
|
-
`:
|
|
147
|
-
${
|
|
144
|
+
`:l.nothing}
|
|
145
|
+
${h?l.html`
|
|
148
146
|
<md-icon
|
|
149
147
|
class="drag-handle"
|
|
150
148
|
@mousedown=${e=>{this.isResizing||-1!=this.dragCol||(this.dragRowElem=e.target.parentNode,this.dragRowElem.setAttribute("draggable","true"))}}
|
|
@@ -153,16 +151,16 @@
|
|
|
153
151
|
iconSet="momentumDesign"
|
|
154
152
|
>
|
|
155
153
|
</md-icon>
|
|
156
|
-
`:
|
|
157
|
-
${
|
|
154
|
+
`:l.nothing}
|
|
155
|
+
${r.isCollapsable?l.html`
|
|
158
156
|
${"expanded"==e.collapse||"collapsed"==e.collapse?l.html`
|
|
159
157
|
<button class="row-collapsible" @click=${t=>this.collapseToggle(t,e.idx)}>
|
|
160
158
|
${"collapsed"==e.collapse?l.html` <md-icon name="plus-bold" size="12" iconSet="momentumDesign"></md-icon> `:l.html` <md-icon name="minus-bold" size="12" iconSet="momentumDesign"></md-icon> `}
|
|
161
159
|
</button>
|
|
162
|
-
`:
|
|
163
|
-
<span>${"child"==e.collapse?
|
|
164
|
-
`:l.html` <span>${
|
|
160
|
+
`:l.nothing}
|
|
161
|
+
<span>${"child"==e.collapse?l.nothing:n}</span>
|
|
162
|
+
`:l.html` <span>${n}</span> `}
|
|
165
163
|
</div>
|
|
166
|
-
`;return
|
|
164
|
+
`;return r.options.isHeader?l.html` <th part="cell-ishead" scope="row" title="${i.text}">${m}</th> `:l.html` <td part=${0===o?"first-cell":"cell"} title="${i.text}">${m}</td> `})}
|
|
167
165
|
</tr>
|
|
168
|
-
`}static get styles(){return[
|
|
166
|
+
`}static get styles(){return[r.A,m.A]}};g([(0,n.property)({attribute:"config"})],t.prototype,"config",void 0),g([(0,n.property)({attribute:"data"})],t.prototype,"data",void 0),g([(0,n.property)({type:String})],t.prototype,"isRowFocusable",void 0),g([(0,u.Wj)()],t.prototype,"md-table-advanced-change",void 0),g([(0,n.state)()],t.prototype,"tableConfig",void 0),g([(0,n.state)()],t.prototype,"tableData",void 0),g([(0,n.state)()],t.prototype,"error",void 0),g([(0,n.state)()],t.prototype,"COLS",void 0),g([(0,n.state)()],t.prototype,"ROWS",void 0),g([(0,n.state)()],t.prototype,"dragRow",void 0),g([(0,n.state)()],t.prototype,"dropRow",void 0),g([(0,n.state)()],t.prototype,"drops",void 0),g([(0,n.state)()],t.prototype,"dragCol",void 0),g([(0,n.state)()],t.prototype,"dropCol",void 0),g([(0,n.queryAll)("tr[tabindex]")],t.prototype,"tableRaws",void 0),g([(0,u.sg)(500)],t.prototype,"filter",null),t=g([(0,o.w)("md-table-advanced")],t),e.ELEMENT=t}(b||(b={}))},84157:e=>{e.exports=d},85125:e=>{e.exports=i},85314:e=>{e.exports=n},87161:t=>{t.exports=e}},v={};function b(e){var t=v[e];if(void 0!==t)return t.exports;var i=v[e]={exports:{}};return g[e](i,i.exports,b),i.exports}b.m=g,f=[],b.O=(e,t,i,o)=>{if(!t){var s=1/0;for(a=0;a<f.length;a++){for(var[t,i,o]=f[a],r=!0,l=0;l<t.length;l++)(!1&o||s>=o)&&Object.keys(b.O).every(e=>b.O[e](t[l]))?t.splice(l--,1):(r=!1,o<s&&(s=o));if(r){f.splice(a--,1);var n=i();void 0!==n&&(e=n)}}return e}o=o||0;for(var a=f.length;a>0&&f[a-1][2]>o;a--)f[a]=f[a-1];f[a]=[t,i,o]},b.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return b.d(t,{a:t}),t},b.d=(e,t)=>{for(var i in t)b.o(t,i)&&!b.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},b.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),b.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={4139:0};b.O.j=t=>0===e[t];var t=(t,i)=>{var o,s,[r,l,n]=i,a=0;if(r.some(t=>0!==e[t])){for(o in l)b.o(l,o)&&(b.m[o]=l[o]);if(n)var d=n(b)}for(t&&t(i);a<r.length;a++)s=r[a],b.o(e,s)&&e[s]&&e[s][0](),e[s]=0;return b.O(d)},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 x=b.O(void 0,[6633,1890,4313,510,6283,5087,2176,6798,6865,1200,2576,6677,8210,1270,3135,7819,1323,4462],()=>b(77935));return b.O(x)})());
|
|
@@ -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("../6677"),require("../8210"),require("../1270"),require("../3135"),require("../7819"),require("../1323"),require("../4462"),module.exports=require("../comp/md-table-advanced-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"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("papaparse"));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","papaparse"],t);else{var r="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("papaparse")):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.papaparse);for(var o in r)("object"==typeof exports?exports:e)[o]=r[o]}}(self,(e,t,r,o,s,i,a,l,n)=>(()=>{"use strict";var d,c={10318:e=>{e.exports=o},20291:e=>{e.exports=s},28187:e=>{e.exports=n},32022:e=>{e.exports=i},40428:(e,t,r)=>{r.r(t),r.d(t,{Table:()=>u,formatType:()=>m}),r(61200);var o=r(31890),s=r(4313),i=r(87161),a=r(70429),l=r(85125),n=r(28187),d=r.n(n),c=r(70759),p=function(e,t,r,o){var s,i=arguments.length,a=i<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,r,o);else for(var l=e.length-1;l>=0;l--)(s=e[l])&&(a=(i<3?s(a):i>3?s(t,r,a):s(t,r))||a);return i>3&&a&&Object.defineProperty(t,r,a),a};const m=["number","default"];var u;!function(e){let t=class extends i.LitElement{constructor(){super(...arguments),this.tabledata="",this.zebra=!1,this.clean=!1,this.sorting=!1,this.nodata="No data Loaded",this.stickheader=!1,this.label="Table",this.noBorders=!1,this.format="default",this.warning=[],this.errors=[],this.sort={columnName:"",sortting:!1},this.csvData=void 0,this.config={quoteChar:'"',escapeChar:'""',header:!1,preview:0,comments:!1,step:void 0,complete:void 0}}connectedCallback(){super.connectedCallback(),this.results=d().parse(this.tabledata,this.config),this.headerRow=this.results.data[0],this.csvData=this.results.data.slice(1,this.results.data.length),this.requestUpdate("tabledata"),this.linkCellItems()}get rowItem(){return this.rowTable}linkCellItems(){const e=this.rowTable;null==e||e.forEach((e,t)=>{this.warning.forEach(r=>{t+1===r.row&&e.querySelectorAll('td[role="cell"').forEach((e,t)=>{t+1===r.col&&(e.classList.add("warning"),e.insertAdjacentHTML("beforeend",'<md-icon name="warning-regular" size="24" iconSet="momentumDesign" color="var(--md-alert-warning-text-color)"></md-icon>'))})}),this.errors.forEach(r=>{t+1===r.row&&e.querySelectorAll('td[role="cell"').forEach((e,t)=>{t+1===r.col&&(e.classList.add("error"),e.insertAdjacentHTML("beforeend",'<md-icon name="clear-bold" size="24" iconSet="momentumDesign" color="var(--md-alert-error-text-color)"></md-icon>'))})})})}sortTab(e,t){const r=e.target,o=Array.from(this.csvData),s=this.headerRow.indexOf(t);t!==this.sort.columnName||!0!==this.sort.sortting?(o.sort(function(e,t){const r=e[s].toLowerCase(),o=t[s].toLowerCase();return r>o?1:r<o?-1:0}),this.sort.sortting=!0,r.classList.remove("sortedZyx"),r.classList.add("sortedAbc")):(o.reverse(),this.sort.sortting=!1,r.classList.remove("sortedAbc"),r.classList.add("sortedZyx")),this.sort.columnName=t,this.csvData=o,this.requestUpdate("csvData")}update(e){super.update(e),e.has("tabledata")&&(this.results=d().parse(this.tabledata,this.config),this.headerRow=this.results.data[0],this.csvData=this.results.data.slice(1,this.results.data.length),this.linkCellItems())}static get styles(){return[s.A,c.A]}get tableClassMap(){return{"md-table--clean":this.clean,"md-table--no-borders":this.noBorders,"md-table--stripped":this.zebra,"md-table--sorting":this.sorting}}getSortTemplate(e){return this.sort.columnName!==e?i.nothing:i.html`
|
|
2
2
|
<md-icon
|
|
3
3
|
name=${this.sort.sortting?"sort-descending-bold":"sort-ascending-bold"}
|
|
4
4
|
iconSet="momentumDesign"
|
|
5
5
|
size="16"
|
|
6
6
|
></md-icon>
|
|
7
7
|
`}render(){return i.html`
|
|
8
|
-
<div class=${
|
|
8
|
+
<div class=${"md-table-container "+(this.stickheader?"md-table-container_stickly":"")}>
|
|
9
9
|
${0!=this.csvData.length?i.html`
|
|
10
10
|
<table
|
|
11
11
|
class="md-table ${(0,l.classMap)(this.tableClassMap)}"
|
|
@@ -40,4 +40,4 @@
|
|
|
40
40
|
</table>
|
|
41
41
|
`:i.html` <p>${this.nodata}</p> `}
|
|
42
42
|
</div>
|
|
43
|
-
`}};p([(0,
|
|
43
|
+
`}};p([(0,a.property)({type:String})],t.prototype,"tabledata",void 0),p([(0,a.property)({type:Boolean})],t.prototype,"zebra",void 0),p([(0,a.property)({type:Boolean})],t.prototype,"clean",void 0),p([(0,a.property)({type:Boolean})],t.prototype,"sorting",void 0),p([(0,a.property)({type:String})],t.prototype,"nodata",void 0),p([(0,a.property)({type:Boolean})],t.prototype,"stickheader",void 0),p([(0,a.property)({type:String})],t.prototype,"label",void 0),p([(0,a.property)({type:Boolean,attribute:"no-borders"})],t.prototype,"noBorders",void 0),p([(0,a.property)({type:String})],t.prototype,"format",void 0),p([(0,a.property)({type:Array})],t.prototype,"warning",void 0),p([(0,a.property)({type:Array})],t.prototype,"errors",void 0),p([(0,a.state)()],t.prototype,"sort",void 0),p([(0,a.state)()],t.prototype,"csvData",void 0),p([(0,a.queryAll)('.md-table__body tr[role="row"]')],t.prototype,"rowTable",void 0),t=p([(0,o.w)("md-table")],t),e.ELEMENT=t}(u||(u={}))},60554:e=>{e.exports=a},70429:e=>{e.exports=t},85125:e=>{e.exports=r},85314:e=>{e.exports=l},87161:t=>{t.exports=e}},p={};function m(e){var t=p[e];if(void 0!==t)return t.exports;var r=p[e]={exports:{}};return c[e](r,r.exports,m),r.exports}m.m=c,d=[],m.O=(e,t,r,o)=>{if(!t){var s=1/0;for(n=0;n<d.length;n++){for(var[t,r,o]=d[n],i=!0,a=0;a<t.length;a++)(!1&o||s>=o)&&Object.keys(m.O).every(e=>m.O[e](t[a]))?t.splice(a--,1):(i=!1,o<s&&(s=o));if(i){d.splice(n--,1);var l=r();void 0!==l&&(e=l)}}return e}o=o||0;for(var n=d.length;n>0&&d[n-1][2]>o;n--)d[n]=d[n-1];d[n]=[t,r,o]},m.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return m.d(t,{a:t}),t},m.d=(e,t)=>{for(var r in t)m.o(t,r)&&!m.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},m.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),m.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={8510:0};m.O.j=t=>0===e[t];var t=(t,r)=>{var o,s,[i,a,l]=r,n=0;if(i.some(t=>0!==e[t])){for(o in a)m.o(a,o)&&(m.m[o]=a[o]);if(l)var d=l(m)}for(t&&t(r);n<i.length;n++)s=i[n],m.o(e,s)&&e[s]&&e[s][0](),e[s]=0;return m.O(d)},r=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})();var u=m.O(void 0,[6633,1890,4313,510,6283,5087,2176,6798,6865,1200,2576,759],()=>m(40428));return m.O(u)})());
|
package/dist/comp/md-table.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("../759"),module.exports=require("../comp/md-table-entry");
|