@momentum-ui/web-components 3.0.0-alpha.1 → 3.0.0-alpha.3

package/dist/comp/md-theme-entry.js

@@ -1,4 +1,4 @@
-!function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e(require("lit"),require("@popperjs/core/lib"),require("@popperjs/core/lib/popper-lite"),require("lit/decorators.js"));else if("function"==typeof define&&define.amd)define(["lit","@popperjs/core/lib","@popperjs/core/lib/popper-lite","lit/decorators.js"],e);else{var o="object"==typeof exports?e(require("lit"),require("@popperjs/core/lib"),require("@popperjs/core/lib/popper-lite"),require("lit/decorators.js")):e(t.lit,t["@popperjs/core/lib"],t["@popperjs/core/lib/popper-lite"],t["lit/decorators.js"]);for(var i in o)("object"==typeof exports?exports:t)[i]=o[i]}}(self,(t,e,o,i)=>(()=>{"use strict";var r,s={1072:(t,e,o)=>{o.r(e),o.d(e,{Theme:()=>u,ThemeNameValues:()=>d});var i=o(62848),r=o(31890),s=o(4893),n=o(4863),l=o(87161),a=o(70429),p=o(38161),h=function(t,e,o,i){var r,s=arguments.length,n=s<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,o,i);else for(var l=t.length-1;l>=0;l--)(r=t[l])&&(n=(s<3?r(n):s>3?r(e,o,n):r(e,o))||n);return s>3&&n&&Object.defineProperty(e,o,n),n};const d=["momentum","lumos","momentumV2"];var u;!function(t){let e=class extends l.LitElement{constructor(){super(...arguments),this.darkTheme=!1,this.lumos=!1,this.activeTheme=p.dW,this.placement="bottom",this.popperInstance=null,this.activeTooltipTrigger=null,this.handleTooltipRemoved=()=>{this.hideVirtualTooltip(),this.activeTooltipTrigger=null}}setTheme(){return"momentum"===this.theme?this.darkTheme?p.Pm:p.f3:"lumos"===this.theme?this.darkTheme?p.Lu:p.dW:"momentumV2"===this.theme?this.darkTheme?p.Pm:p.f3:this.lumos?this.darkTheme?p.Lu:p.dW:this.darkTheme?p.Pm:p.f3}getStyleElement(){return document.createElement("style")}applyStyle(){const t=this.shadowRoot;if("adoptedStyleSheets"in document){const e=new CSSStyleSheet;e.replaceSync(this.activeTheme),t.adoptedStyleSheets=[e]}else{const e=this.getStyleElement();e.textContent=this.activeTheme.cssText,t.appendChild(e)}}removeChildFromVirtualPopper(){for(;this.virtualWrapper.firstElementChild;)this.virtualWrapper.firstElementChild.remove()}setInitStyleToVirtualReference(){const{style:t}=this.virtualReference;t.top="0",t.bottom="0",t.left="0",t.right="0",t.width="0",t.height="0",t.zIndex="-1"}setStyleToVirtualReference(t){const{style:e}=this.virtualReference,{top:o,bottom:i,left:r,right:s,width:n,height:l}=t;e.position="fixed",e.top=`${o}px`,e.bottom=`${i}px`,e.left=`${r}px`,e.right=`${s}px`,e.width=`${n}px`,e.height=`${l}px`,e.zIndex="-1"}setVirtualReferencePosition(t){const e=t.getBoundingClientRect();this.setStyleToVirtualReference(e)}initVirtualElements(t,e,o){const i=t.cloneNode(!0);this.virtualWrapper.hasChildNodes()&&this.removeChildFromVirtualPopper(),this.virtualWrapper.append(i),o&&this.setVirtualSlotContent(o),this.setVirtualReferencePosition(e)}setVirtualSlotContent(t){if(this.virtualTooltipContent){for(;this.virtualTooltipContent.firstElementChild;)this.virtualTooltipContent.firstElementChild.remove();t.forEach(t=>this.virtualTooltipContent.append(t))}}updated(t){super.updated(t),(t.has("lumos")||t.has("darkTheme")||t.has("theme"))&&this.dispatchEvent(new CustomEvent("theme-changed",{composed:!0,bubbles:!0,detail:{darkTheme:this.darkTheme,lumos:this.lumos,theme:this.theme}})),this.activeTheme=this.setTheme(),this.applyStyle()}handleVirtualTooltipCreate(t){t.stopPropagation();const{popper:e,placement:o,reference:i,slotContent:r}=t.detail;this.activeTooltipTrigger=i,this.placement=o,this.initVirtualElements(e,i,r),this.startContinuousPositionTracking(i),this.showVirtualTooltip()}startContinuousPositionTracking(t){this.stopContinuousPositionTracking();const e=()=>{this.activeTooltipTrigger===t&&this.popperInstance&&(this.setVirtualReferencePosition(t),this.popperInstance.update(),this.positionTrackingId=requestAnimationFrame(e))};this.positionTrackingId=requestAnimationFrame(e)}stopContinuousPositionTracking(){this.positionTrackingId&&(cancelAnimationFrame(this.positionTrackingId),this.positionTrackingId=void 0)}handleVirtualTooltipDestroy(t){t.stopPropagation(),this.hideVirtualTooltip(),this.activeTooltipTrigger===t.detail.reference&&(this.activeTooltipTrigger=null)}handleVirtualTooltipChangeMessage(t){var e;const{popper:o,reference:i}=t.detail;if(this.activeTooltipTrigger!==i)return;const r=o.querySelector(".md-tooltip__content"),s=this.virtualWrapper.querySelector(".md-tooltip__content");if(r&&s){const t=r.textContent,o=s.textContent;t&&o&&(s.textContent=t,null===(e=this.popperInstance)||void 0===e||e.update())}}handleVirtualTooltipSlotChange(t){const{slotContent:e}=t.detail;e&&this.setVirtualSlotContent(e)}destroyPopperInstance(){this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null)}createPopperInstance(t){if(this.virtualPopper){const e=8,o=4;this.popperInstance=(0,s.createPopper)(this.virtualReference,this.virtualPopper,{placement:t,modifiers:[...n.defaultModifiers,s.flip,s.offset,s.arrow,{name:"offset",options:{offset:({placement:t})=>{const i=e+o;return t.startsWith("left")||t.startsWith("right")||t.startsWith("top")||t.startsWith("bottom")?[0,i]:[8,8]}}},...this.virtualArrow?[{name:"arrow",options:{element:this.virtualArrow,padding:e}}]:[]]})}}get virtualPopper(){return this.shadowRoot.querySelector(".md-tooltip__popper")}get virtualArrow(){return this.shadowRoot.querySelector(".md-tooltip__arrow")}get virtualTooltipContent(){return this.shadowRoot.querySelector(".md-tooltip__content")}showVirtualTooltip(){this.virtualPopper&&(this.virtualPopper.toggleAttribute("data-show",!0),this.createPopperInstance(this.placement))}hideVirtualTooltip(){this.virtualPopper&&(this.virtualPopper.toggleAttribute("data-show",!1),this.destroyPopperInstance(),this.stopContinuousPositionTracking(),this.setInitStyleToVirtualReference())}setupEvents(){this.addEventListener("tooltip-create",this.handleVirtualTooltipCreate),this.addEventListener("tooltip-destroy",this.handleVirtualTooltipDestroy),this.addEventListener("tooltip-message",this.handleVirtualTooltipChangeMessage),this.addEventListener("tooltip-slot",this.handleVirtualTooltipSlotChange),document.addEventListener("tooltip-disconnected",this.handleTooltipRemoved,!0)}teardownEvents(){this.removeEventListener("tooltip-create",this.handleVirtualTooltipCreate),this.removeEventListener("tooltip-destroy",this.handleVirtualTooltipDestroy),this.removeEventListener("tooltip-message",this.handleVirtualTooltipChangeMessage),this.removeEventListener("tooltip-slot",this.handleVirtualTooltipSlotChange),document.removeEventListener("tooltip-disconnected",this.handleTooltipRemoved,!0)}disconnectedCallback(){super.disconnectedCallback(),this.stopContinuousPositionTracking(),this.teardownEvents()}firstUpdated(t){const e=Object.create(null,{firstUpdated:{get:()=>super.firstUpdated}});return o=this,i=void 0,s=function*(){e.firstUpdated.call(this,t),yield new Promise(t=>setTimeout(t,0)),this.setupEvents()},new((r=void 0)||(r=Promise))(function(t,e){function n(t){try{a(s.next(t))}catch(t){e(t)}}function l(t){try{a(s.throw(t))}catch(t){e(t)}}function a(e){var o;e.done?t(e.value):(o=e.value,o instanceof r?o:new r(function(t){t(o)})).then(n,l)}a((s=s.apply(o,i||[])).next())});var o,i,r,s}static get styles(){return[p.dW]}render(){return l.html`
+!function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e(require("lit"),require("@popperjs/core/lib"),require("@popperjs/core/lib/popper-lite"),require("lit/decorators.js"));else if("function"==typeof define&&define.amd)define(["lit","@popperjs/core/lib","@popperjs/core/lib/popper-lite","lit/decorators.js"],e);else{var o="object"==typeof exports?e(require("lit"),require("@popperjs/core/lib"),require("@popperjs/core/lib/popper-lite"),require("lit/decorators.js")):e(t.lit,t["@popperjs/core/lib"],t["@popperjs/core/lib/popper-lite"],t["lit/decorators.js"]);for(var i in o)("object"==typeof exports?exports:t)[i]=o[i]}}(self,(t,e,o,i)=>(()=>{"use strict";var r,s={1072:(t,e,o)=>{o.r(e),o.d(e,{Theme:()=>u,ThemeNameValues:()=>d});var i=o(62848),r=o(31890),s=o(4893),n=o(4863),l=o(87161),a=o(70429),p=o(38161),h=function(t,e,o,i){var r,s=arguments.length,n=s<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,o,i);else for(var l=t.length-1;l>=0;l--)(r=t[l])&&(n=(s<3?r(n):s>3?r(e,o,n):r(e,o))||n);return s>3&&n&&Object.defineProperty(e,o,n),n};const d=["momentum","lumos","momentumV2"];var u;!function(t){let e=class extends l.LitElement{constructor(){super(...arguments),this.darkTheme=!1,this.lumos=!1,this.activeTheme=p.dW,this.placement="bottom",this.popperInstance=null,this.activeTooltipTrigger=null,this.handleTooltipRemoved=()=>{this.hideVirtualTooltip(),this.activeTooltipTrigger=null}}setTheme(){return"momentum"===this.theme?this.darkTheme?p.Pm:p.f3:"lumos"===this.theme?this.darkTheme?p.Lu:p.dW:"momentumV2"===this.theme?this.darkTheme?p.Pm:p.f3:this.lumos?this.darkTheme?p.Lu:p.dW:this.darkTheme?p.Pm:p.f3}getStyleElement(){return document.createElement("style")}applyStyle(){const t=this.shadowRoot;if("adoptedStyleSheets"in document){const e=new CSSStyleSheet;e.replaceSync(this.activeTheme),t.adoptedStyleSheets=[e]}else{const e=this.getStyleElement();e.textContent=this.activeTheme.cssText,t.appendChild(e)}}removeChildFromVirtualPopper(){for(;this.virtualWrapper.firstElementChild;)this.virtualWrapper.firstElementChild.remove()}setInitStyleToVirtualReference(){const{style:t}=this.virtualReference;t.top="0",t.bottom="0",t.left="0",t.right="0",t.width="0",t.height="0",t.zIndex="-1"}setStyleToVirtualReference(t){const{style:e}=this.virtualReference,{top:o,bottom:i,left:r,right:s,width:n,height:l}=t;e.position="fixed",e.top=`${o}px`,e.bottom=`${i}px`,e.left=`${r}px`,e.right=`${s}px`,e.width=`${n}px`,e.height=`${l}px`,e.zIndex="-1"}setVirtualReferencePosition(t){const e=t.getBoundingClientRect();this.setStyleToVirtualReference(e)}initVirtualElements(t,e,o){const i=t.cloneNode(!0);this.virtualWrapper.hasChildNodes()&&this.removeChildFromVirtualPopper(),this.virtualWrapper.append(i),o&&this.setVirtualSlotContent(o),this.setVirtualReferencePosition(e)}setVirtualSlotContent(t){if(this.virtualTooltipContent){for(;this.virtualTooltipContent.firstElementChild;)this.virtualTooltipContent.firstElementChild.remove();t.forEach(t=>this.virtualTooltipContent.append(t))}}willUpdate(t){var e;null===(e=super.willUpdate)||void 0===e||e.call(this,t),(t.has("lumos")||t.has("darkTheme")||t.has("theme"))&&(this.activeTheme=this.setTheme())}updated(t){super.updated(t),(t.has("lumos")||t.has("darkTheme")||t.has("theme"))&&(this.dispatchEvent(new CustomEvent("theme-changed",{composed:!0,bubbles:!0,detail:{darkTheme:this.darkTheme,lumos:this.lumos,theme:this.theme}})),this.applyStyle())}handleVirtualTooltipCreate(t){t.stopPropagation();const{popper:e,placement:o,reference:i,slotContent:r}=t.detail;this.activeTooltipTrigger=i,this.placement=o,this.initVirtualElements(e,i,r),this.startContinuousPositionTracking(i),this.showVirtualTooltip()}startContinuousPositionTracking(t){this.stopContinuousPositionTracking();const e=()=>{this.activeTooltipTrigger===t&&this.popperInstance&&(this.setVirtualReferencePosition(t),this.popperInstance.update(),this.positionTrackingId=requestAnimationFrame(e))};this.positionTrackingId=requestAnimationFrame(e)}stopContinuousPositionTracking(){this.positionTrackingId&&(cancelAnimationFrame(this.positionTrackingId),this.positionTrackingId=void 0)}handleVirtualTooltipDestroy(t){t.stopPropagation(),this.hideVirtualTooltip(),this.activeTooltipTrigger===t.detail.reference&&(this.activeTooltipTrigger=null)}handleVirtualTooltipChangeMessage(t){var e;const{popper:o,reference:i}=t.detail;if(this.activeTooltipTrigger!==i)return;const r=o.querySelector(".md-tooltip__content"),s=this.virtualWrapper.querySelector(".md-tooltip__content");if(r&&s){const t=r.textContent,o=s.textContent;t&&o&&(s.textContent=t,null===(e=this.popperInstance)||void 0===e||e.update())}}handleVirtualTooltipSlotChange(t){const{slotContent:e}=t.detail;e&&this.setVirtualSlotContent(e)}destroyPopperInstance(){this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null)}createPopperInstance(t){if(this.virtualPopper){const e=8,o=4;this.popperInstance=(0,s.createPopper)(this.virtualReference,this.virtualPopper,{placement:t,modifiers:[...n.defaultModifiers,s.flip,s.offset,s.arrow,{name:"offset",options:{offset:({placement:t})=>{const i=e+o;return t.startsWith("left")||t.startsWith("right")||t.startsWith("top")||t.startsWith("bottom")?[0,i]:[8,8]}}},...this.virtualArrow?[{name:"arrow",options:{element:this.virtualArrow,padding:e}}]:[]]})}}get virtualPopper(){return this.shadowRoot.querySelector(".md-tooltip__popper")}get virtualArrow(){return this.shadowRoot.querySelector(".md-tooltip__arrow")}get virtualTooltipContent(){return this.shadowRoot.querySelector(".md-tooltip__content")}showVirtualTooltip(){this.virtualPopper&&(this.virtualPopper.toggleAttribute("data-show",!0),this.createPopperInstance(this.placement))}hideVirtualTooltip(){this.virtualPopper&&(this.virtualPopper.toggleAttribute("data-show",!1),this.destroyPopperInstance(),this.stopContinuousPositionTracking(),this.setInitStyleToVirtualReference())}setupEvents(){this.addEventListener("tooltip-create",this.handleVirtualTooltipCreate),this.addEventListener("tooltip-destroy",this.handleVirtualTooltipDestroy),this.addEventListener("tooltip-message",this.handleVirtualTooltipChangeMessage),this.addEventListener("tooltip-slot",this.handleVirtualTooltipSlotChange),document.addEventListener("tooltip-disconnected",this.handleTooltipRemoved,!0)}teardownEvents(){this.removeEventListener("tooltip-create",this.handleVirtualTooltipCreate),this.removeEventListener("tooltip-destroy",this.handleVirtualTooltipDestroy),this.removeEventListener("tooltip-message",this.handleVirtualTooltipChangeMessage),this.removeEventListener("tooltip-slot",this.handleVirtualTooltipSlotChange),document.removeEventListener("tooltip-disconnected",this.handleTooltipRemoved,!0)}disconnectedCallback(){super.disconnectedCallback(),this.stopContinuousPositionTracking(),this.teardownEvents()}firstUpdated(t){const e=Object.create(null,{firstUpdated:{get:()=>super.firstUpdated}});return o=this,i=void 0,s=function*(){e.firstUpdated.call(this,t),yield new Promise(t=>setTimeout(t,0)),this.setupEvents()},new((r=void 0)||(r=Promise))(function(t,e){function n(t){try{a(s.next(t))}catch(t){e(t)}}function l(t){try{a(s.throw(t))}catch(t){e(t)}}function a(e){var o;e.done?t(e.value):(o=e.value,o instanceof r?o:new r(function(t){t(o)})).then(n,l)}a((s=s.apply(o,i||[])).next())});var o,i,r,s}static get styles(){return[p.dW]}render(){return l.html`
         <div class="theme-wrapper" part="theme-wrapper">
           <style>
             ${i.A} .theme-wrapper {