@momentum-ui/web-components 3.2.20 → 3.2.22
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/1392.js +1 -1
- package/dist/1618.js +1 -1
- package/dist/1816.js +2 -2
- package/dist/1928.js +1 -1
- package/dist/226.js +1 -1
- package/dist/2297.js +1 -1
- package/dist/2364.js +1 -1
- package/dist/2492.js +1 -1
- package/dist/2670.js +1 -1
- package/dist/2797.js +1 -1
- package/dist/2927.js +1 -1
- package/dist/2991.js +1 -1
- package/dist/3013.js +1 -1
- package/dist/3051.js +1 -1
- package/dist/3241.js +1 -1
- package/dist/3272.js +1 -1
- package/dist/3305.js +1 -1
- package/dist/3331.js +1 -1
- package/dist/3543.js +1 -1
- package/dist/378.js +1 -1
- package/dist/3842.js +1 -1
- package/dist/3876.js +1 -1
- package/dist/3970.js +1 -1
- package/dist/4047.js +1 -1
- package/dist/4084.js +1 -1
- package/dist/4242.js +1 -1
- package/dist/4431.js +1 -1
- package/dist/4449.js +1 -1
- package/dist/4700.js +1 -1
- package/dist/4739.js +1 -1
- package/dist/476.js +1 -1
- package/dist/4839.js +1 -1
- package/dist/4958.js +1 -1
- package/dist/4973.js +1 -1
- package/dist/5057.js +1 -1
- package/dist/513.js +1 -1
- package/dist/5584.js +1 -1
- package/dist/5846.js +1 -1
- package/dist/6005.js +1 -1
- package/dist/608.js +1 -1
- package/dist/6142.js +1 -1
- package/dist/6325.js +1 -1
- package/dist/6343.js +1 -1
- package/dist/6429.js +1 -1
- package/dist/6573.js +1 -1
- package/dist/6631.js +1 -1
- package/dist/6816.js +1 -1
- package/dist/6843.js +1 -1
- package/dist/7137.js +1 -1
- package/dist/7155.js +1 -1
- package/dist/7162.js +1 -1
- package/dist/7231.js +1 -1
- package/dist/7262.js +1 -1
- package/dist/740.js +1 -1
- package/dist/742.js +1 -1
- package/dist/7557.js +1 -1
- package/dist/7582.js +1 -1
- package/dist/7906.js +8 -3
- package/dist/7911.js +1 -1
- package/dist/8373.js +1 -1
- package/dist/8441.js +1 -1
- package/dist/861.js +3 -3
- package/dist/8687.js +1 -1
- package/dist/887.js +1 -1
- package/dist/8881.js +1 -1
- package/dist/9146.js +1 -1
- package/dist/9244.js +1 -1
- package/dist/9316.js +1 -1
- package/dist/9336.js +1 -1
- package/dist/9404.js +1 -1
- package/dist/9431.js +1 -1
- package/dist/9485.js +1 -1
- package/dist/9488.js +1 -1
- package/dist/9558.js +1 -1
- package/dist/9609.js +1 -1
- package/dist/9940.js +1 -1
- package/dist/9956.js +1 -1
- package/dist/9983.js +1 -1
- package/dist/comp/md-accordion-entry.js +2 -2
- package/dist/comp/md-accordion-item-entry.js +2 -2
- package/dist/comp/md-activity-button-entry.js +2 -2
- package/dist/comp/md-advance-list-entry.js +5 -5
- package/dist/comp/md-alert-banner-entry.js +17 -17
- package/dist/comp/md-alert-entry.js +2 -2
- package/dist/comp/md-audio-player-entry.js +3 -3
- package/dist/comp/md-avatar-entry.js +3 -3
- package/dist/comp/md-badge-entry.js +6 -6
- package/dist/comp/md-breadcrumb-entry.js +4 -4
- package/dist/comp/md-button-entry.js +33 -33
- package/dist/comp/md-button-group-entry.js +2 -2
- package/dist/comp/md-card-ai-entry.js +9 -9
- package/dist/comp/md-card-alert-entry.js +20 -18
- package/dist/comp/md-card-entry.js +2 -2
- package/dist/comp/md-card-v2-entry.js +2 -2
- package/dist/comp/md-chat-message-entry.js +8 -6
- package/dist/comp/md-checkbox-entry.js +2 -2
- package/dist/comp/md-checkboxgroup-entry.js +2 -2
- package/dist/comp/md-chip-entry.js +3 -3
- package/dist/comp/md-coachmark-entry.js +8 -8
- package/dist/comp/md-coachmark-popover-entry.js +2 -2
- package/dist/comp/md-combobox-entry.js +2 -2
- package/dist/comp/md-composite-avatar-entry.js +3 -3
- package/dist/comp/md-country-code-picker-entry.js +4 -4
- package/dist/comp/md-date-range-picker-entry.js +1 -1
- package/dist/comp/md-date-time-picker-entry.js +2 -2
- package/dist/comp/md-datepicker-calendar-entry.js +2 -2
- package/dist/comp/md-datepicker-day-entry.js +3 -3
- package/dist/comp/md-datepicker-entry.js +3 -3
- package/dist/comp/md-datepicker-month-entry.js +2 -2
- package/dist/comp/md-datepicker-week-entry.js +2 -2
- package/dist/comp/md-draggable-entry.js +2 -2
- package/dist/comp/md-draggable-item-entry.js +5 -5
- package/dist/comp/md-dropdown-entry.js +2 -2
- package/dist/comp/md-editable-field-entry.js +9 -9
- package/dist/comp/md-favorite-entry.js +3 -3
- package/dist/comp/md-floating-minimize-entry.js +2 -2
- package/dist/comp/md-floating-modal-entry.js +2 -2
- package/dist/comp/md-form-entry.js +2 -2
- package/dist/comp/md-grabber-entry.js +5 -5
- package/dist/comp/md-help-text-entry.js +8 -3
- package/dist/comp/md-icon-entry.js +8 -8
- package/dist/comp/md-input-entry.js +2 -2
- package/dist/comp/md-input-file.js +3 -3
- package/dist/comp/md-label-entry.js +3 -3
- package/dist/comp/md-link-entry.js +14 -14
- package/dist/comp/md-list-entry.js +3 -3
- package/dist/comp/md-list-item-entry.js +2 -2
- package/dist/comp/md-loading-entry.js +2 -2
- package/dist/comp/md-meeting-alert-entry.js +10 -10
- package/dist/comp/md-menu-entry.js +2 -2
- package/dist/comp/md-menu-item-entry.js +2 -2
- package/dist/comp/md-menu-overlay-entry.js +3 -3
- package/dist/comp/md-modal-entry.js +17 -17
- package/dist/comp/md-pagination-entry.js +2 -2
- package/dist/comp/md-phone-input-entry.js +9 -9
- package/dist/comp/md-popover-entry.js +2 -2
- package/dist/comp/md-presence-entry.js +2 -2
- package/dist/comp/md-progress-bar-entry.js +3 -3
- package/dist/comp/md-radio-entry.js +2 -2
- package/dist/comp/md-radiogroup-entry.js +2 -2
- package/dist/comp/md-slider-entry.js +5 -5
- package/dist/comp/md-spinner-entry.js +3 -3
- package/dist/comp/md-tab-entry.js +4 -4
- package/dist/comp/md-tab-panel-entry.js +1 -1
- package/dist/comp/md-table-advanced-entry.js +12 -12
- package/dist/comp/md-table-entry.js +11 -11
- package/dist/comp/md-tabs-entry.js +5 -5
- package/dist/comp/md-task-item-entry.js +7 -7
- package/dist/comp/md-theme-entry.js +3 -3
- package/dist/comp/md-timepicker-entry.js +6 -6
- package/dist/comp/md-toggle-switch-entry.js +8 -8
- package/dist/comp/md-tooltip-entry.js +2 -2
- package/dist/esm/1156.js +1 -1
- package/dist/esm/1280.js +1 -1
- package/dist/esm/1392.js +1 -1
- package/dist/esm/1756.js +1 -1
- package/dist/esm/1816.js +2 -2
- package/dist/esm/1928.js +1 -1
- package/dist/esm/1982.js +1 -1
- package/dist/esm/226.js +1 -1
- package/dist/esm/2297.js +1 -1
- package/dist/esm/2364.js +1 -1
- package/dist/esm/2451.js +1 -1
- package/dist/esm/2458.js +1 -1
- package/dist/esm/2577.js +1 -1
- package/dist/esm/2599.js +1 -1
- package/dist/esm/2670.js +1 -1
- package/dist/esm/2797.js +1 -1
- package/dist/esm/2927.js +1 -1
- package/dist/esm/2991.js +1 -1
- package/dist/esm/3051.js +1 -1
- package/dist/esm/3155.js +1 -1
- package/dist/esm/3272.js +1 -1
- package/dist/esm/3305.js +1 -1
- package/dist/esm/3331.js +1 -1
- package/dist/esm/3365.js +1 -1
- package/dist/esm/3517.js +1 -1
- package/dist/esm/3543.js +1 -1
- package/dist/esm/3648.js +1 -1
- package/dist/esm/378.js +2 -2
- package/dist/esm/3842.js +1 -1
- package/dist/esm/3876.js +1 -1
- package/dist/esm/3970.js +1 -1
- package/dist/esm/4047.js +1 -1
- package/dist/esm/4060.js +1 -1
- package/dist/esm/4084.js +1 -1
- package/dist/esm/4137.js +1 -1
- package/dist/esm/4242.js +1 -1
- package/dist/esm/4431.js +1 -1
- package/dist/esm/4449.js +1 -1
- package/dist/esm/4613.js +1 -1
- package/dist/esm/4700.js +1 -1
- package/dist/esm/4739.js +1 -1
- package/dist/esm/476.js +1 -1
- package/dist/esm/477.js +1 -1
- package/dist/esm/4839.js +1 -1
- package/dist/esm/4955.js +1 -1
- package/dist/esm/4958.js +1 -1
- package/dist/esm/4973.js +1 -1
- package/dist/esm/4980.js +1 -1
- package/dist/esm/5057.js +1 -1
- package/dist/esm/513.js +1 -1
- package/dist/esm/5308.js +1 -1
- package/dist/esm/5432.js +1 -1
- package/dist/esm/546.js +1 -1
- package/dist/esm/5525.js +8 -3
- package/dist/esm/5584.js +1 -1
- package/dist/esm/5846.js +1 -1
- package/dist/esm/6005.js +1 -1
- package/dist/esm/608.js +1 -1
- package/dist/esm/6142.js +1 -1
- package/dist/esm/6325.js +1 -1
- package/dist/esm/6343.js +1 -1
- package/dist/esm/6518.js +1 -1
- package/dist/esm/6525.js +1 -1
- package/dist/esm/6631.js +1 -1
- package/dist/esm/6816.js +1 -1
- package/dist/esm/6843.js +1 -1
- package/dist/esm/6897.js +1 -1
- package/dist/esm/6933.js +1 -1
- package/dist/esm/6994.js +1 -1
- package/dist/esm/7119.js +1 -1
- package/dist/esm/7137.js +1 -1
- package/dist/esm/7155.js +1 -1
- package/dist/esm/7162.js +1 -1
- package/dist/esm/7231.js +1 -1
- package/dist/esm/740.js +1 -1
- package/dist/esm/742.js +1 -1
- package/dist/esm/7557.js +1 -1
- package/dist/esm/7582.js +1 -1
- package/dist/esm/7638.js +1 -1
- package/dist/esm/7755.js +1 -1
- package/dist/esm/7838.js +1 -1
- package/dist/esm/7906.js +6 -1
- package/dist/esm/7911.js +1 -1
- package/dist/esm/8165.js +1 -1
- package/dist/esm/8235.js +1 -1
- package/dist/esm/8441.js +1 -1
- package/dist/esm/861.js +3 -3
- package/dist/esm/8687.js +1 -1
- package/dist/esm/887.js +1 -1
- package/dist/esm/8899.js +1 -1
- package/dist/esm/9244.js +1 -1
- package/dist/esm/9316.js +1 -1
- package/dist/esm/9336.js +1 -1
- package/dist/esm/9375.js +1 -1
- package/dist/esm/9404.js +1 -1
- package/dist/esm/9431.js +1 -1
- package/dist/esm/9485.js +1 -1
- package/dist/esm/9500.js +1 -1
- package/dist/esm/9558.js +1 -1
- package/dist/esm/9609.js +1 -1
- package/dist/esm/9642.js +1 -1
- package/dist/esm/9940.js +1 -1
- package/dist/esm/9983.js +1 -1
- package/dist/esm/comp/md-accordion-entry.js +2 -2
- package/dist/esm/comp/md-accordion-item-entry.js +4 -4
- package/dist/esm/comp/md-activity-button-entry.js +2 -2
- package/dist/esm/comp/md-advance-list-entry.js +3 -3
- package/dist/esm/comp/md-alert-banner-entry.js +19 -19
- package/dist/esm/comp/md-alert-entry.js +2 -2
- package/dist/esm/comp/md-audio-player-entry.js +3 -3
- package/dist/esm/comp/md-avatar-entry.js +1 -1
- package/dist/esm/comp/md-badge-entry.js +1 -1
- package/dist/esm/comp/md-breadcrumb-entry.js +5 -5
- package/dist/esm/comp/md-button-entry.js +33 -33
- package/dist/esm/comp/md-button-group-entry.js +2 -2
- package/dist/esm/comp/md-card-ai-entry.js +4 -4
- package/dist/esm/comp/md-card-alert-entry.js +18 -16
- package/dist/esm/comp/md-card-entry.js +7 -7
- package/dist/esm/comp/md-card-v2-entry.js +2 -2
- package/dist/esm/comp/md-chat-message-entry.js +4 -2
- package/dist/esm/comp/md-checkbox-entry.js +2 -2
- package/dist/esm/comp/md-checkboxgroup-entry.js +2 -2
- package/dist/esm/comp/md-chip-entry.js +1 -1
- package/dist/esm/comp/md-coachmark-entry.js +8 -8
- package/dist/esm/comp/md-coachmark-popover-entry.js +2 -2
- package/dist/esm/comp/md-combobox-entry.js +1 -1
- package/dist/esm/comp/md-composite-avatar-entry.js +3 -3
- package/dist/esm/comp/md-country-code-picker-entry.js +1 -1
- package/dist/esm/comp/md-date-range-picker-entry.js +1 -1
- package/dist/esm/comp/md-date-time-picker-entry.js +2 -2
- package/dist/esm/comp/md-datepicker-calendar-entry.js +1 -1
- package/dist/esm/comp/md-datepicker-day-entry.js +1 -1
- package/dist/esm/comp/md-datepicker-entry.js +3 -3
- package/dist/esm/comp/md-datepicker-month-entry.js +1 -1
- package/dist/esm/comp/md-datepicker-week-entry.js +1 -1
- package/dist/esm/comp/md-draggable-entry.js +2 -2
- package/dist/esm/comp/md-draggable-item-entry.js +5 -5
- package/dist/esm/comp/md-dropdown-entry.js +2 -2
- package/dist/esm/comp/md-editable-field-entry.js +9 -9
- package/dist/esm/comp/md-favorite-entry.js +1 -1
- package/dist/esm/comp/md-floating-minimize-entry.js +1 -1
- package/dist/esm/comp/md-floating-modal-entry.js +3 -3
- package/dist/esm/comp/md-form-entry.js +2 -2
- package/dist/esm/comp/md-grabber-entry.js +5 -5
- package/dist/esm/comp/md-help-text-entry.js +1 -1
- package/dist/esm/comp/md-icon-entry.js +8 -8
- package/dist/esm/comp/md-input-entry.js +2 -2
- package/dist/esm/comp/md-input-file.js +2 -2
- package/dist/esm/comp/md-label-entry.js +1 -1
- package/dist/esm/comp/md-link-entry.js +12 -12
- package/dist/esm/comp/md-list-entry.js +1 -1
- package/dist/esm/comp/md-list-item-entry.js +1 -1
- package/dist/esm/comp/md-loading-entry.js +1 -1
- package/dist/esm/comp/md-meeting-alert-entry.js +10 -10
- package/dist/esm/comp/md-menu-entry.js +3 -3
- package/dist/esm/comp/md-menu-item-entry.js +3 -3
- package/dist/esm/comp/md-menu-overlay-entry.js +2 -2
- package/dist/esm/comp/md-modal-entry.js +6 -6
- package/dist/esm/comp/md-pagination-entry.js +2 -2
- package/dist/esm/comp/md-phone-input-entry.js +2 -2
- package/dist/esm/comp/md-popover-entry.js +1 -1
- package/dist/esm/comp/md-presence-entry.js +1 -1
- package/dist/esm/comp/md-progress-bar-entry.js +1 -1
- package/dist/esm/comp/md-radio-entry.js +2 -2
- package/dist/esm/comp/md-radiogroup-entry.js +2 -2
- package/dist/esm/comp/md-slider-entry.js +2 -2
- package/dist/esm/comp/md-spinner-entry.js +1 -1
- package/dist/esm/comp/md-tab-entry.js +4 -4
- package/dist/esm/comp/md-tab-panel-entry.js +1 -1
- package/dist/esm/comp/md-table-advanced-entry.js +7 -7
- package/dist/esm/comp/md-table-entry.js +11 -11
- package/dist/esm/comp/md-tabs-entry.js +5 -5
- package/dist/esm/comp/md-task-item-entry.js +18 -18
- package/dist/esm/comp/md-theme-entry.js +3 -3
- package/dist/esm/comp/md-timepicker-entry.js +2 -2
- package/dist/esm/comp/md-toggle-switch-entry.js +4 -4
- package/dist/esm/comp/md-tooltip-entry.js +3 -3
- package/dist/esm/index-entry.js +31 -27
- package/dist/esm/index.js +1 -1
- package/dist/esm/managers/thememanager-entry.js +1 -1
- package/dist/index-entry.js +37 -28
- package/dist/managers/thememanager-entry.js +1 -1
- package/dist/types/components/chat-message/ChatMessage.d.ts +2 -0
- package/dist/types/components/chat-message/ChatMessage.stories.d.ts +10 -0
- package/dist/types/components/grabber/Grabber.d.ts +1 -1
- package/dist/types/components/help-text/HelpText.test.d.ts +1 -0
- package/package.json +1 -1
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit"),require("lit/decorators.js"),require("lit/directives/if-defined.js"),require("lit/directives/repeat.js"),require("lit/directives/style-map.js"));else if("function"==typeof define&&define.amd)define(["lit","lit/decorators.js","lit/directives/if-defined.js","lit/directives/repeat.js","lit/directives/style-map.js"],t);else{var i="object"==typeof exports?t(require("lit"),require("lit/decorators.js"),require("lit/directives/if-defined.js"),require("lit/directives/repeat.js"),require("lit/directives/style-map.js")):t(e.lit,e["lit/decorators.js"],e["lit/directives/if-defined.js"],e["lit/directives/repeat.js"],e["lit/directives/style-map.js"]);for(var s in i)("object"==typeof exports?exports:e)[s]=i[s]}}(self,(e,t,i,s,r)=>(()=>{"use strict";var n
|
|
2
|
-
<div class="md-slider__hashlabel">${(0,
|
|
1
|
+
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit"),require("lit/decorators.js"),require("lit/directives/if-defined.js"),require("lit/directives/repeat.js"),require("lit/directives/style-map.js"));else if("function"==typeof define&&define.amd)define(["lit","lit/decorators.js","lit/directives/if-defined.js","lit/directives/repeat.js","lit/directives/style-map.js"],t);else{var i="object"==typeof exports?t(require("lit"),require("lit/decorators.js"),require("lit/directives/if-defined.js"),require("lit/directives/repeat.js"),require("lit/directives/style-map.js")):t(e.lit,e["lit/decorators.js"],e["lit/directives/if-defined.js"],e["lit/directives/repeat.js"],e["lit/directives/style-map.js"]);for(var s in i)("object"==typeof exports?exports:e)[s]=i[s]}}(self,(e,t,i,s,r)=>(()=>{"use strict";var n={3773(e,t,i){i.r(t),i.d(t,{Slider:()=>s});var s,r=i(2900),n=i(7704),o=i(9609),l=i(4084),a=i(7161),d=i(429),h=i(291),c=i(8175),p=i(318),u=i(2297),m=function(e,t,i,s){var r,n=arguments.length,o=n<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,i,s);else for(var l=e.length-1;l>=0;l--)(r=e[l])&&(o=(n<3?r(o):n>3?r(t,i,o):r(t,i))||o);return n>3&&o&&Object.defineProperty(t,i,o),o};!function(e){let t=class extends((0,n.yC)(a.LitElement)){constructor(){super(...arguments),this._disabled=!1,this._now=0,this.min=0,this.max=100,this.hideValue=!1,this.text=0,this.label="slider",this.step=0,this.dragging=!1}get now(){return this._now}set now(e){const t=this._now;e<this.min||e>this.max?console.warn("Please select correct value"):(this._now=Math.round(e),this.requestUpdate("now",t))}get disabled(){return this._disabled}set disabled(e){const t=this._disabled;this._disabled=e,this.setAttribute("aria-disabled",`${e}`),this.tabIndex=e?-1:0,this.requestUpdate("disabled",t)}get pointerPosition(){const e=this.max-this.min;return(this.now-this.min)/e*100}get isRtl(){return"rtl"===getComputedStyle(this).direction}calculateHandlePosition(e){const{width:t,left:i}=this.getBoundingClientRect(),{clientX:s}=e;let r=(s-i)/t;return this.isRtl&&(r=1-r),this.min+(this.max-this.min)*r}moveSliderTo(e){this.disabled||(e>this.max?this.now=this.max:e<this.min?this.now=this.min:this.now=e)}trackMouseEvent(){if(!this.currentMouseEvent||!this.dragging)return;const e=this.calculateHandlePosition(this.currentMouseEvent),t=this.now;this.moveSliderTo(e),this.notifyChanging(t,this.now),requestAnimationFrame(()=>{this.trackMouseEvent()})}ticksTemplate(){const{min:e,max:t,step:i}=this,s=Math.round((t-e)/i),r=new Array(s+1).fill(0,0,s+1).map((t,s)=>e+s*i).filter(i=>i>=e&&i<=t);return a.html`
|
|
2
|
+
<div class="md-slider__hashlabel">${(0,c.repeat)(r,e=>a.html` <div class="tick">${e}</div> `)}</div>
|
|
3
3
|
`}displayValueTemplate(){return a.html` <span class="md-slider__value"> ${this.now} </span> `}notifyChanges(){this.dispatchEvent(new CustomEvent("slider-change",{bubbles:!0,composed:!0,detail:{value:this.now}}))}notifyChanging(e,t){e!==t&&this.dispatchEvent(new CustomEvent("slider-changing",{bubbles:!0,composed:!0,detail:{oldValue:e,newValue:t}}))}handleMouseDown(e){if(e.preventDefault(),this.disabled)return;const t=e=>{this.currentMouseEvent=e},i=e=>{this.focus(),this.currentMouseEvent=e,document.removeEventListener("mousemove",t),document.removeEventListener("mouseup",i),requestAnimationFrame(()=>{this.dragging=!1,this.notifyChanges()})};document.addEventListener("mousemove",t),document.addEventListener("mouseup",i),this.focus(),this.dragging=!0,this.currentMouseEvent=e,requestAnimationFrame(()=>{this.trackMouseEvent()})}handleKeyDown(e){const{code:t}=e,i=this.now;switch(t){case r.Uz.ArrowLeft:this.moveSliderTo(this.now+(this.isRtl?1:-1));break;case r.Uz.ArrowRight:this.moveSliderTo(this.now+(this.isRtl?-1:1));break;case r.Uz.ArrowDown:this.moveSliderTo(this.now-1);break;case r.Uz.ArrowUp:this.moveSliderTo(this.now+1);break;case r.Uz.Home:this.moveSliderTo(this.min);break;case r.Uz.End:this.moveSliderTo(this.max)}this.notifyChanging(i,this.now);const s=()=>{document.removeEventListener("keyup",s),this.notifyChanges()};document.addEventListener("keyup",s)}get sliderPointerStyleMap(){return{"inset-inline-start":`${this.pointerPosition}%`}}get sliderSelectionStyleMap(){return{"inset-inline-end":`calc(100% - ${this.pointerPosition}%)`}}static get styles(){return[l.A,u.A]}firstUpdated(e){super.firstUpdated(e),this.setAttribute("tabindex",this.disabled?"-1":"0")}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.handleKeyDown),this.addEventListener("mousedown",this.handleMouseDown)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeyDown),this.removeEventListener("mousedown",this.handleMouseDown)}render(){return a.html`
|
|
4
4
|
<div class="md-slider">
|
|
5
5
|
<span class="md-slider__bar"></span>
|
|
6
|
-
<span class="md-slider__selection" style=${(0,
|
|
6
|
+
<span class="md-slider__selection" style=${(0,p.styleMap)(this.sliderSelectionStyleMap)}></span>
|
|
7
7
|
<span
|
|
8
8
|
class="md-slider__pointer"
|
|
9
9
|
role="slider"
|
|
@@ -12,8 +12,8 @@
|
|
|
12
12
|
aria-valuemax=${this.max}
|
|
13
13
|
aria-valuenow=${this.now}
|
|
14
14
|
aria-label=${(0,h.ifDefined)(this.label)}
|
|
15
|
-
style=${(0,
|
|
15
|
+
style=${(0,p.styleMap)(this.sliderPointerStyleMap)}
|
|
16
16
|
></span>
|
|
17
17
|
${this.step?this.ticksTemplate():a.nothing} ${this.hideValue?a.nothing:this.displayValueTemplate()}
|
|
18
18
|
</div>
|
|
19
|
-
`}};m([(0,d.property)({type:Number,reflect:!0})],t.prototype,"min",void 0),m([(0,d.property)({type:Number,reflect:!0})],t.prototype,"max",void 0),m([(0,d.property)({type:Boolean,attribute:"hide-value"})],t.prototype,"hideValue",void 0),m([(0,d.property)({type:Number,reflect:!0})],t.prototype,"now",null),m([(0,d.property)({type:Number})],t.prototype,"text",void 0),m([(0,d.property)({type:String})],t.prototype,"label",void 0),m([(0,d.property)({type:Number,reflect:!0})],t.prototype,"step",void 0),m([(0,d.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",null),m([(0,d.state)()],t.prototype,"dragging",void 0),t=m([(0,o.w)("md-slider")],t),e.ELEMENT=t}(s||(s={}))},7161(t){t.exports=e},429(e){e.exports=t},291(e){e.exports=i},8175(e){e.exports=s},318(e){e.exports=r}}
|
|
19
|
+
`}};m([(0,d.property)({type:Number,reflect:!0})],t.prototype,"min",void 0),m([(0,d.property)({type:Number,reflect:!0})],t.prototype,"max",void 0),m([(0,d.property)({type:Boolean,attribute:"hide-value"})],t.prototype,"hideValue",void 0),m([(0,d.property)({type:Number,reflect:!0})],t.prototype,"now",null),m([(0,d.property)({type:Number})],t.prototype,"text",void 0),m([(0,d.property)({type:String})],t.prototype,"label",void 0),m([(0,d.property)({type:Number,reflect:!0})],t.prototype,"step",void 0),m([(0,d.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",null),m([(0,d.state)()],t.prototype,"dragging",void 0),t=m([(0,o.w)("md-slider")],t),e.ELEMENT=t}(s||(s={}))},7161(t){t.exports=e},429(e){e.exports=t},291(e){e.exports=i},8175(e){e.exports=s},318(e){e.exports=r}};const o={};function l(e){const t=o[e];if(void 0!==t)return t.exports;const i=o[e]={exports:{}};return n[e](i,i.exports,l),i.exports}l.m=n,(()=>{const e=[];l.O=(t,i,s,r)=>{if(i){r=r||0;for(var n=e.length;n>0&&e[n-1][2]>r;n--)e[n]=e[n-1];return void(e[n]=[i,s,r])}let o=1/0;for(n=0;n<e.length;n++){let[i,s,r]=e[n],d=!0;for(var a=0;a<i.length;a++)(!1&r||o>=r)&&Object.keys(l.O).every(e=>l.O[e](i[a]))?i.splice(a--,1):(d=!1,r<o&&(o=r));if(d){e.splice(n--,1);const i=s();void 0!==i&&(t=i)}}return t}})(),l.n=e=>{const t=e&&e.__esModule?()=>e.default:()=>e;return l.d(t,{a:t}),t},l.d=(e,t)=>{if(Array.isArray(t))for(var i=0;i<t.length;){var s=t[i++],r=t[i++];l.o(e,s)?0===r&&i++:0===r?Object.defineProperty(e,s,{enumerable:!0,value:t[i++]}):Object.defineProperty(e,s,{enumerable:!0,get:r})}else for(var s in t)l.o(t,s)&&!l.o(e,s)&&Object.defineProperty(e,s,{enumerable:!0,get:t[s]})},l.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),l.r=e=>{Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{const e={1459:0};l.O.j=t=>0===e[t];const t=(t,i)=>{let[s,r,n]=i;var o,a,d=0;if(s.some(t=>0!==e[t])){for(o in r)l.o(r,o)&&(l.m[o]=r[o]);if(n)var h=n(l)}for(t&&t(i);d<s.length;d++)a=s[d],l.o(e,a)&&e[a]&&e[a][0](),e[a]=0;return l.O(h)},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))})();let a=l.O(void 0,[9609,4084,2364,9938,4781,5584,5201,8227,2900,7704,2297],()=>l(3773));return a=l.O(a),a})());
|
|
@@ -1,7 +1,7 @@
|
|
|
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"));else if("function"==typeof define&&define.amd)define(["lit","lit/decorators.js","lit/directives/class-map.js","lit/directives/style-map.js"],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")):t(e.lit,e["lit/decorators.js"],e["lit/directives/class-map.js"],e["lit/directives/style-map.js"]);for(var i in r)("object"==typeof exports?exports:e)[i]=r[i]}}(self,(e,t,r,i)=>(()=>{"use strict";var s
|
|
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"));else if("function"==typeof define&&define.amd)define(["lit","lit/decorators.js","lit/directives/class-map.js","lit/directives/style-map.js"],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")):t(e.lit,e["lit/decorators.js"],e["lit/directives/class-map.js"],e["lit/directives/style-map.js"]);for(var i in r)("object"==typeof exports?exports:e)[i]=r[i]}}(self,(e,t,r,i)=>(()=>{"use strict";var s={9773(e,t,r){r.r(t),r.d(t,{Spinner:()=>i});var i,s=r(9609),n=r(4084),o=r(7161),a=r(429),l=r(5125),c=r(318),p=r(3305),d=function(e,t,r,i){var s,n=arguments.length,o=n<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,r):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,r,i);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(o=(n<3?s(o):n>3?s(t,r,o):s(t,r))||o);return n>3&&o&&Object.defineProperty(t,r,o),o};!function(e){let t=class extends o.LitElement{constructor(){super(...arguments),this.size=56,this.isAnimating=!1,this.animationFrameId=null}static get styles(){return[n.A,p.A]}get spinnerStyleMap(){return{width:`${this.size}px`,height:`${this.size}px`}}firstUpdated(e){super.firstUpdated(e),this.isAnimating=!0,this.startAnimation()}disconnectedCallback(){super.disconnectedCallback(),this.isAnimating=!1,this.stopAnimation()}startAnimation(){var e;const t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".md-spinner");if(!t)return;let r=null;const i=e=>{if(!this.isAnimating)return;r||(r=e);const s=e-r,n=s/1e3*360;t.style.transform=`rotate(${n}deg)`,s>=1e3&&(r=e),this.animationFrameId=requestAnimationFrame(i)};this.animationFrameId=requestAnimationFrame(i)}stopAnimation(){var e;null!==this.animationFrameId&&(cancelAnimationFrame(this.animationFrameId),this.animationFrameId=null);const t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".md-spinner");t&&(t.style.transform="")}render(){return o.html`
|
|
2
2
|
<i
|
|
3
3
|
class="md-spinner ${(0,l.classMap)({large:this.size>=56})}"
|
|
4
4
|
part="spinner"
|
|
5
|
-
style=${(0,
|
|
5
|
+
style=${(0,c.styleMap)(this.spinnerStyleMap)}
|
|
6
6
|
></i>
|
|
7
|
-
`}};
|
|
7
|
+
`}};d([(0,a.property)({type:Number,reflect:!0})],t.prototype,"size",void 0),t=d([(0,s.w)("md-spinner")],t),e.ELEMENT=t}(i||(i={}))},7161(t){t.exports=e},429(e){e.exports=t},5125(e){e.exports=r},318(e){e.exports=i}};const n={};function o(e){const t=n[e];if(void 0!==t)return t.exports;const r=n[e]={exports:{}};return s[e](r,r.exports,o),r.exports}o.m=s,(()=>{const e=[];o.O=(t,r,i,s)=>{if(r){s=s||0;for(var n=e.length;n>0&&e[n-1][2]>s;n--)e[n]=e[n-1];return void(e[n]=[r,i,s])}let a=1/0;for(n=0;n<e.length;n++){let[r,i,s]=e[n],c=!0;for(var l=0;l<r.length;l++)(!1&s||a>=s)&&Object.keys(o.O).every(e=>o.O[e](r[l]))?r.splice(l--,1):(c=!1,s<a&&(a=s));if(c){e.splice(n--,1);const r=i();void 0!==r&&(t=r)}}return t}})(),o.n=e=>{const t=e&&e.__esModule?()=>e.default:()=>e;return o.d(t,{a:t}),t},o.d=(e,t)=>{if(Array.isArray(t))for(var r=0;r<t.length;){var i=t[r++],s=t[r++];o.o(e,i)?0===s&&r++:0===s?Object.defineProperty(e,i,{enumerable:!0,value:t[r++]}):Object.defineProperty(e,i,{enumerable:!0,get:s})}else for(var i in t)o.o(t,i)&&!o.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{const e={4545:0,9773:0};o.O.j=t=>0===e[t];const t=(t,r)=>{let[i,s,n]=r;var a,l,c=0;if(i.some(t=>0!==e[t])){for(a in s)o.o(s,a)&&(o.m[a]=s[a]);if(n)var p=n(o)}for(t&&t(r);c<i.length;c++)l=i[c],o.o(e,l)&&e[l]&&e[l][0](),e[l]=0;return o.O(p)},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))})();let a=o.O(void 0,[9609,4084,3305],()=>o(9773));return a=o.O(a),a})());
|
|
@@ -1,4 +1,4 @@
|
|
|
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
|
|
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={120(e,t,i){i.r(t),i.d(t,{Tab:()=>s});var s,o=i(2900),r=i(7704),l=i(9609),n=i(7154),a=i(4084),d=i(7161),p=i(429),c=i(5125),b=i(3272),h=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 n=e.length-1;n>=0;n--)(o=e[n])&&(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};!function(e){let t=class extends((0,r.yC)(d.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,b.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,n.o)(e.code)){if(this.disabled)return void e.preventDefault();this.handleClick(e)}}handleCrossKeydown(e){e.stopPropagation(),e.code===o.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 d.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 d.html`
|
|
14
14
|
<div
|
|
15
15
|
part="tab"
|
|
16
|
-
class="${(0,
|
|
16
|
+
class="${(0,c.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
|
+
`}};h([(0,p.property)({type:Number,reflect:!0})],t.prototype,"tabIndex",void 0),h([(0,p.property)({type:String,attribute:"aria-label"})],t.prototype,"ariaLabel",void 0),h([(0,p.property)({type:String,attribute:"closable"})],t.prototype,"closable",void 0),h([(0,p.property)({type:String,attribute:"name"})],t.prototype,"name",void 0),h([(0,p.property)({type:Boolean,attribute:"cross-visible"})],t.prototype,"isCrossVisible",void 0),h([(0,p.property)({type:String,attribute:"role",reflect:!0})],t.prototype,"role",void 0),h([(0,p.property)({type:String,reflect:!0})],t.prototype,"type",void 0),h([(0,p.property)({type:Boolean})],t.prototype,"newMomentum",void 0),h([(0,p.property)({type:Boolean})],t.prototype,"onlyIcon",void 0),h([(0,p.property)({type:String})],t.prototype,"variant",void 0),h([(0,p.property)({type:Boolean,attribute:"visible-tab",reflect:!0})],t.prototype,"visibleTab",void 0),h([(0,p.property)({type:Number})],t.prototype,"size",void 0),h([(0,p.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",null),h([(0,p.property)({type:Boolean,reflect:!0})],t.prototype,"selected",null),h([(0,p.property)({type:Boolean,reflect:!0})],t.prototype,"vertical",void 0),h([(0,p.property)({type:Boolean,reflect:!0})],t.prototype,"viewportHidden",void 0),t=h([(0,l.w)("md-tab")],t),e.ELEMENT=t}(s||(s={})),i.d(t,["TAB_CROSS_WIDTH",0,22])},7161(t){t.exports=e},429(e){e.exports=t},5125(e){e.exports=i}};const o={};function r(e){const t=o[e];if(void 0!==t)return t.exports;const i=o[e]={exports:{}};return s[e](i,i.exports,r),i.exports}r.m=s,(()=>{const e=[];r.O=(t,i,s,o)=>{if(i){o=o||0;for(var l=e.length;l>0&&e[l-1][2]>o;l--)e[l]=e[l-1];return void(e[l]=[i,s,o])}let n=1/0;for(l=0;l<e.length;l++){let[i,s,o]=e[l],d=!0;for(var a=0;a<i.length;a++)(!1&o||n>=o)&&Object.keys(r.O).every(e=>r.O[e](i[a]))?i.splice(a--,1):(d=!1,o<n&&(n=o));if(d){e.splice(l--,1);const i=s();void 0!==i&&(t=i)}}return t}})(),r.n=e=>{const t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t},r.d=(e,t)=>{if(Array.isArray(t))for(var i=0;i<t.length;){var s=t[i++],o=t[i++];r.o(e,s)?0===o&&i++:0===o?Object.defineProperty(e,s,{enumerable:!0,value:t[i++]}):Object.defineProperty(e,s,{enumerable:!0,get:o})}else for(var s in t)r.o(t,s)&&!r.o(e,s)&&Object.defineProperty(e,s,{enumerable:!0,get:t[s]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{const e={2139:0};r.O.j=t=>0===e[t];const t=(t,i)=>{let[s,o,l]=i;var n,a,d=0;if(s.some(t=>0!==e[t])){for(n in o)r.o(o,n)&&(r.m[n]=o[n]);if(l)var p=l(r)}for(t&&t(i);d<s.length;d++)a=s[d],r.o(e,a)&&e[a]&&e[a][0](),e[a]=0;return r.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))})();let l=r.O(void 0,[9609,4084,7154,2364,9938,4781,5584,5201,8227,2900,7704,3272],()=>r(120));return l=r.O(l),l})());
|
|
@@ -1 +1 @@
|
|
|
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
|
|
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={6056(e,t,r){r.r(t),r.d(t,{TabPanel:()=>o});var o,n=r(7704),l=r(9609),s=r(4084),i=r(7161),a=r(429),c=r(3272),p=function(e,t,r,o){var n,l=arguments.length,s=l<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,r,o);else for(var i=e.length-1;i>=0;i--)(n=e[i])&&(s=(l<3?n(s):l>3?n(t,r,s):n(t,r))||s);return l>3&&s&&Object.defineProperty(t,r,s),s};!function(e){let t=class extends((0,n.yC)(i.LitElement)){constructor(){super(...arguments),this.selected=!1,this.name="",this.focusablePanel="true"}static get styles(){return[s.A,c.A]}connectedCallback(){super.connectedCallback(),this.setAttribute("role","tabpanel")}firstUpdated(e){super.firstUpdated(e),"true"===this.focusablePanel&&this.setAttribute("tabindex","0")}render(){return i.html` <slot></slot> `}};p([(0,a.property)({type:Boolean,reflect:!0})],t.prototype,"selected",void 0),p([(0,a.property)({type:String,attribute:"name"})],t.prototype,"name",void 0),p([(0,a.property)({type:String,attribute:"focusable-panel"})],t.prototype,"focusablePanel",void 0),t=p([(0,l.w)("md-tab-panel")],t),e.ELEMENT=t}(o||(o={}))},7161(t){t.exports=e},429(e){e.exports=t}};const o={};function n(e){const t=o[e];if(void 0!==t)return t.exports;const l=o[e]={exports:{}};return r[e](l,l.exports,n),l.exports}n.m=r,(()=>{const e=[];n.O=(t,r,o,l)=>{if(r){l=l||0;for(var s=e.length;s>0&&e[s-1][2]>l;s--)e[s]=e[s-1];return void(e[s]=[r,o,l])}let i=1/0;for(s=0;s<e.length;s++){let[r,o,l]=e[s],c=!0;for(var a=0;a<r.length;a++)(!1&l||i>=l)&&Object.keys(n.O).every(e=>n.O[e](r[a]))?r.splice(a--,1):(c=!1,l<i&&(i=l));if(c){e.splice(s--,1);const r=o();void 0!==r&&(t=r)}}return t}})(),n.n=e=>{const t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{if(Array.isArray(t))for(var r=0;r<t.length;){var o=t[r++],l=t[r++];n.o(e,o)?0===l&&r++:0===l?Object.defineProperty(e,o,{enumerable:!0,value:t[r++]}):Object.defineProperty(e,o,{enumerable:!0,get:l})}else 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=>{Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{const e={3938:0};n.O.j=t=>0===e[t];const t=(t,r)=>{let[o,l,s]=r;var i,a,c=0;if(o.some(t=>0!==e[t])){for(i in l)n.o(l,i)&&(n.m[i]=l[i]);if(s)var p=s(n)}for(t&&t(r);c<o.length;c++)a=o[c],n.o(e,a)&&e[a]&&e[a][0](),e[a]=0;return n.O(p)},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))})();let l=n.O(void 0,[9609,4084,2364,9938,4781,5584,5201,8227,7704,5757,3272],()=>n(6056));return l=n.O(l),l})());
|
|
@@ -1,4 +1,4 @@
|
|
|
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,a,n,d,p,c,h,m,u)=>(()=>{"use strict";var f,g={7936(e,t,i){i.r(t),i.d(t,{TableAdvanced:()=>b}),i(5983),i(1821),i(708);var o=i(9609),s=i(9938),r=i(4084),l=i(7161),a=i(429),n=i(5125),d=i(291),p=i(6968),c=i(8187),h=i.n(c),m=i(4841),u=i(597),f=i(9125),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 a=e.length-1;a>=0;a--)(s=e[a])&&(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,a=-1,n=-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;a=h-i,n=m+i,t.width=a+"px",d.width=n+"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()}willUpdate(e){var t;null===(t=super.willUpdate)||void 0===t||t.call(this,e),e.has("data")&&void 0!==e.get("data")&&(this.error="")}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 a=e.filters||(null===(s=null===(o=this.tableConfig.default)||void 0===o?void 0:o.col)||void 0===s?void 0:s.filters),n=a?"forString"==a?f.d.optionsString:"forNumber"==a?f.d.optionsNumber:a.length?a: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:n?{list:n,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],a=this.querySelector(`#${l.templateName}`);if(null==a){console.warn(`cellTemplates["${s}"]: Missing '${l.templateName}' template.`);continue}let n=t.text.replace(s,"");l.contentCb&&(n=l.contentCb({col:o,row:i,content:n,insertIndex:r})),this.ROWS[i][o]={text:n,template:{template:a,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,n.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={7936(e,t,i){i.r(t),i.d(t,{TableAdvanced:()=>b}),i(5983),i(1821),i(708);var o=i(9609),s=i(9938),r=i(4084),l=i(7161),n=i(429),a=i(5125),d=i(291),p=i(6968),c=i(8187),h=i.n(c),m=i(4841),u=i(597),f=i(9125),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()}willUpdate(e){var t;null===(t=super.willUpdate)||void 0===t||t.call(this,e),e.has("data")&&void 0!==e.get("data")&&(this.error="")}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)}>
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
</div>
|
|
18
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
|
-
<tr
|
|
20
|
+
<tr>
|
|
21
21
|
${this.COLS.map(e=>e.group?t!=e.group.name?(t=e.group.name,l.html`
|
|
22
22
|
<th colspan=${e.group.length} scope="colgroup" title="${e.group.name}">
|
|
23
23
|
<div class="head-inner-cell">
|
|
@@ -28,14 +28,14 @@
|
|
|
28
28
|
`):void 0:this.renderCol(e,2))}
|
|
29
29
|
</tr>
|
|
30
30
|
`}const i=l.html`
|
|
31
|
-
<tr
|
|
31
|
+
<tr>
|
|
32
32
|
${this.COLS.map(e=>t?e.group?this.renderCol(e):void 0:this.renderCol(e))}
|
|
33
33
|
</tr>
|
|
34
34
|
`;return l.html`
|
|
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 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,
|
|
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)}
|
|
@@ -100,7 +100,7 @@
|
|
|
100
100
|
`}renderColDrag(e){return this.tableConfig.cols.isDraggable?l.html`
|
|
101
101
|
<div
|
|
102
102
|
draggable="true"
|
|
103
|
-
class="drag-area-col ${(0,
|
|
103
|
+
class="drag-area-col ${(0,a.classMap)({drag:-1!=this.dragCol,over:this.dropCol==e.index&&this.dropCol!=this.dragCol})}"
|
|
104
104
|
@dragstart=${t=>{this.isResizing||-1!=this.dragRow||(this.dragCol=e.index,t.dataTransfer.setDragImage(t.target.parentNode,0,0))}}
|
|
105
105
|
@dragenter=${()=>{this.isResizing||-1!=this.dragRow||(this.dropCol=e.index)}}
|
|
106
106
|
@dragend=${()=>this.onDropCol()}
|
|
@@ -115,16 +115,16 @@
|
|
|
115
115
|
${this.renderRow(t,i)} ${o?t.children.map(e=>this.renderRow(e,i)):l.nothing}
|
|
116
116
|
`})}
|
|
117
117
|
</tbody>
|
|
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,
|
|
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 s;const r=this.COLS[o];let
|
|
126
|
-
${
|
|
127
|
-
${
|
|
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
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`
|
|
129
129
|
<div
|
|
130
130
|
class="inner-cell"
|
|
@@ -158,9 +158,9 @@
|
|
|
158
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> `}
|
|
159
159
|
</button>
|
|
160
160
|
`:l.nothing}
|
|
161
|
-
<span>${"child"==e.collapse?l.nothing:
|
|
162
|
-
`:l.html` <span>${
|
|
161
|
+
<span>${"child"==e.collapse?l.nothing:n}</span>
|
|
162
|
+
`:l.html` <span>${n}</span> `}
|
|
163
163
|
</div>
|
|
164
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> `})}
|
|
165
165
|
</tr>
|
|
166
|
-
`}static get styles(){return[r.A,m.A]}};g([(0,
|
|
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={}))},2022(e){e.exports=r},554(e){e.exports=l},2962(e){e.exports=a},6538(e){e.exports=d},8250(e){e.exports=p},9371(e){e.exports=c},4863(e){e.exports=h},7161(t){t.exports=e},429(e){e.exports=t},5125(e){e.exports=i},291(e){e.exports=s},318(e){e.exports=o},6968(e){e.exports=m},5314(e){e.exports=n},8187(e){e.exports=u}};const g={};function v(e){const t=g[e];if(void 0!==t)return t.exports;const i=g[e]={exports:{}};return f[e](i,i.exports,v),i.exports}v.m=f,(()=>{const e=[];v.O=(t,i,o,s)=>{if(i){s=s||0;for(var r=e.length;r>0&&e[r-1][2]>s;r--)e[r]=e[r-1];return void(e[r]=[i,o,s])}let l=1/0;for(r=0;r<e.length;r++){let[i,o,s]=e[r],a=!0;for(var n=0;n<i.length;n++)(!1&s||l>=s)&&Object.keys(v.O).every(e=>v.O[e](i[n]))?i.splice(n--,1):(a=!1,s<l&&(l=s));if(a){e.splice(r--,1);const i=o();void 0!==i&&(t=i)}}return t}})(),v.n=e=>{const t=e&&e.__esModule?()=>e.default:()=>e;return v.d(t,{a:t}),t},v.d=(e,t)=>{if(Array.isArray(t))for(var i=0;i<t.length;){var o=t[i++],s=t[i++];v.o(e,o)?0===s&&i++:0===s?Object.defineProperty(e,o,{enumerable:!0,value:t[i++]}):Object.defineProperty(e,o,{enumerable:!0,get:s})}else for(var o in t)v.o(t,o)&&!v.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},v.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),v.r=e=>{Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{const e={4139:0};v.O.j=t=>0===e[t];const t=(t,i)=>{let[o,s,r]=i;var l,n,a=0;if(o.some(t=>0!==e[t])){for(l in s)v.o(s,l)&&(v.m[l]=s[l]);if(r)var d=r(v)}for(t&&t(i);a<o.length;a++)n=o[a],v.o(e,n)&&e[n]&&e[n][0](),e[n]=0;return v.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))})();let b=v.O(void 0,[9609,4084,3305,4739,7154,9773,5983,9488,1821,519,2050,8441,9983,4700,9146,708,8881],()=>v(7936));return b=v.O(b),b})());
|
|
@@ -1,35 +1,35 @@
|
|
|
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
|
|
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={3273(e,t,r){r.r(t),r.d(t,{Table:()=>o}),r(1821);var o,s=r(9609),i=r(4084),a=r(7161),l=r(429),n=r(5125),d=r(8187),c=r.n(d),p=r(1928),m=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};!function(e){let t=class extends a.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=c().parse(this.tabledata,this.config),this.headerRow=this.results.data[0],this.csvData=this.results.data.slice(1,this.results.data.length)}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")}willUpdate(e){super.willUpdate(e),e.has("tabledata")&&(this.results=c().parse(this.tabledata,this.config),this.headerRow=this.results.data[0],this.csvData=this.results.data.slice(1,this.results.data.length))}updated(e){super.updated(e),e.has("tabledata")&&this.linkCellItems()}static get styles(){return[i.A,p.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?a.nothing:a.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
|
-
`}render(){return
|
|
7
|
+
`}render(){return a.html`
|
|
8
8
|
<div class=${"md-table-container "+(this.stickheader?"md-table-container_stickly":"")}>
|
|
9
|
-
${0!=this.csvData.length?
|
|
9
|
+
${0!=this.csvData.length?a.html`
|
|
10
10
|
<table
|
|
11
|
-
class="md-table ${(0,
|
|
11
|
+
class="md-table ${(0,n.classMap)(this.tableClassMap)}"
|
|
12
12
|
tabindex="0"
|
|
13
13
|
role="table"
|
|
14
14
|
aria-label="${this.label}"
|
|
15
15
|
>
|
|
16
16
|
<thead class="md-table__header" role="rowgroup" tabindex="0">
|
|
17
17
|
<tr role="row">
|
|
18
|
-
${this.headerRow.map(e=>
|
|
18
|
+
${this.headerRow.map(e=>a.html`
|
|
19
19
|
<th role="columnheader">
|
|
20
|
-
${this.sorting?
|
|
20
|
+
${this.sorting?a.html`
|
|
21
21
|
<a @click=${t=>this.sortTab(t,e)}>
|
|
22
22
|
${e}${this.getSortTemplate(e)}
|
|
23
23
|
</a>
|
|
24
|
-
`:
|
|
24
|
+
`:a.html` ${e}`}
|
|
25
25
|
</th>
|
|
26
26
|
`)}
|
|
27
27
|
</tr>
|
|
28
28
|
</thead>
|
|
29
29
|
<tbody class="md-table__body" role="rowgroup">
|
|
30
|
-
${this.csvData.map((e,t)=>
|
|
30
|
+
${this.csvData.map((e,t)=>a.html`
|
|
31
31
|
<tr tabindex="0" role="row" part=${0===t?"first-row":"row"}>
|
|
32
|
-
${e.map((e,t)=>{const r="number"===this.format&&0!==t?Number(e).toLocaleString():e;return
|
|
32
|
+
${e.map((e,t)=>{const r="number"===this.format&&0!==t?Number(e).toLocaleString():e;return a.html`
|
|
33
33
|
<td part=${0===t?"left-cell":"cell"} role="cell">
|
|
34
34
|
<span>${r}</span>
|
|
35
35
|
</td>
|
|
@@ -38,6 +38,6 @@
|
|
|
38
38
|
`)}
|
|
39
39
|
</tbody>
|
|
40
40
|
</table>
|
|
41
|
-
`:
|
|
41
|
+
`:a.html` <p>${this.nodata}</p> `}
|
|
42
42
|
</div>
|
|
43
|
-
`}};
|
|
43
|
+
`}};m([(0,l.property)({type:String})],t.prototype,"tabledata",void 0),m([(0,l.property)({type:Boolean})],t.prototype,"zebra",void 0),m([(0,l.property)({type:Boolean})],t.prototype,"clean",void 0),m([(0,l.property)({type:Boolean})],t.prototype,"sorting",void 0),m([(0,l.property)({type:String})],t.prototype,"nodata",void 0),m([(0,l.property)({type:Boolean})],t.prototype,"stickheader",void 0),m([(0,l.property)({type:String})],t.prototype,"label",void 0),m([(0,l.property)({type:Boolean,attribute:"no-borders"})],t.prototype,"noBorders",void 0),m([(0,l.property)({type:String})],t.prototype,"format",void 0),m([(0,l.property)({type:Array})],t.prototype,"warning",void 0),m([(0,l.property)({type:Array})],t.prototype,"errors",void 0),m([(0,l.state)()],t.prototype,"sort",void 0),m([(0,l.state)()],t.prototype,"csvData",void 0),m([(0,l.queryAll)('.md-table__body tr[role="row"]')],t.prototype,"rowTable",void 0),t=m([(0,s.w)("md-table")],t),e.ELEMENT=t}(o||(o={})),r.d(t,["formatType",0,["number","default"]])},2022(e){e.exports=i},554(e){e.exports=a},7161(t){t.exports=e},429(e){e.exports=t},5125(e){e.exports=r},291(e){e.exports=s},318(e){e.exports=o},5314(e){e.exports=l},8187(e){e.exports=n}};const c={};function p(e){const t=c[e];if(void 0!==t)return t.exports;const r=c[e]={exports:{}};return d[e](r,r.exports,p),r.exports}p.m=d,(()=>{const e=[];p.O=(t,r,o,s)=>{if(r){s=s||0;for(var i=e.length;i>0&&e[i-1][2]>s;i--)e[i]=e[i-1];return void(e[i]=[r,o,s])}let a=1/0;for(i=0;i<e.length;i++){let[r,o,s]=e[i],n=!0;for(var l=0;l<r.length;l++)(!1&s||a>=s)&&Object.keys(p.O).every(e=>p.O[e](r[l]))?r.splice(l--,1):(n=!1,s<a&&(a=s));if(n){e.splice(i--,1);const r=o();void 0!==r&&(t=r)}}return t}})(),p.n=e=>{const t=e&&e.__esModule?()=>e.default:()=>e;return p.d(t,{a:t}),t},p.d=(e,t)=>{if(Array.isArray(t))for(var r=0;r<t.length;){var o=t[r++],s=t[r++];p.o(e,o)?0===s&&r++:0===s?Object.defineProperty(e,o,{enumerable:!0,value:t[r++]}):Object.defineProperty(e,o,{enumerable:!0,get:s})}else for(var o in t)p.o(t,o)&&!p.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},p.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),p.r=e=>{Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{const e={8510:0};p.O.j=t=>0===e[t];const t=(t,r)=>{let[o,s,i]=r;var a,l,n=0;if(o.some(t=>0!==e[t])){for(a in s)p.o(s,a)&&(p.m[a]=s[a]);if(i)var d=i(p)}for(t&&t(r);n<o.length;n++)l=o[n],p.o(e,l)&&e[l]&&e[l][0](),e[l]=0;return p.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))})();let m=p.O(void 0,[9609,4084,3305,4739,7154,9773,5983,9488,1821,519,1928],()=>p(3273));return m=p.O(m),m})());
|