@momentum-ui/web-components 2.17.15 → 2.18.0

package/dist/comp/md-draggable-item-entry.js

@@ -1 +1,11 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit-element"),require("lit-html"),require("lit-html/directives/class-map"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html","lit-html/directives/class-map"],t);else{var r="object"==typeof exports?t(require("lit-element"),require("lit-html"),require("lit-html/directives/class-map")):t(e["lit-element"],e["lit-html"],e["lit-html/directives/class-map"]);for(var n in r)("object"==typeof exports?exports:e)[n]=r[n]}}(window,(function(e,t,r){return function(e){function t(t){for(var n,l,u=t[0],f=t[1],c=t[2],s=0,a=[];s<u.length;s++)l=u[s],Object.prototype.hasOwnProperty.call(o,l)&&o[l]&&a.push(o[l][0]),o[l]=0;for(n in f)Object.prototype.hasOwnProperty.call(f,n)&&(e[n]=f[n]);for(p&&p(t);a.length;)a.shift()();return i.push.apply(i,c||[]),r()}function r(){for(var e,t=0;t<i.length;t++){for(var r=i[t],n=!0,u=1;u<r.length;u++){var f=r[u];0!==o[f]&&(n=!1)}n&&(i.splice(t--,1),e=l(l.s=r[0]))}return e}var n={},o={314:0,284:0,295:0,299:0,300:0,305:0,322:0,329:0,339:0,341:0,345:0,353:0},i=[];function l(t){if(n[t])return n[t].exports;var r=n[t]={i:t,l:!1,exports:{}};return e[t].call(r.exports,r,r.exports,l),r.l=!0,r.exports}l.m=e,l.c=n,l.d=function(e,t,r){l.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},l.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.t=function(e,t){if(1&t&&(e=l(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(l.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)l.d(r,n,function(t){return e[t]}.bind(null,n));return r},l.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(t,"a",t),t},l.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},l.p="/";var u=window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[],f=u.push.bind(u);u.push=t,u=u.slice();for(var c=0;c<u.length;c++)t(u[c]);var p=f;return i.push([100,0,1,2,3,4,6,8,11,44,70]),r()}([function(t,r){t.exports=e},,function(e,r){e.exports=t},,function(e,t){e.exports=r}])}));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit-element"),require("lit-html"),require("lit-html/directives/class-map"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html","lit-html/directives/class-map"],t);else{var r="object"==typeof exports?t(require("lit-element"),require("lit-html"),require("lit-html/directives/class-map")):t(e["lit-element"],e["lit-html"],e["lit-html/directives/class-map"]);for(var o in r)("object"==typeof exports?exports:e)[o]=r[o]}}(self,((e,t,r)=>(()=>{"use strict";var o,i={23968:e=>{e.exports=r},24627:(e,t,r)=>{r.r(t),r.d(t,{DraggableItem:()=>o});var o,i=r(3001),l=r(31890),n=r(26272),d=r(41488),s=r(40333),a=r(23968),p=r(6979),m=function(e,t,r,o){var i,l=arguments.length,n=l<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,r,o);else for(var d=e.length-1;d>=0;d--)(i=e[d])&&(n=(l<3?i(n):l>3?i(t,r,n):i(t,r))||n);return l>3&&n&&Object.defineProperty(t,r,n),n};!function(e){let t=class extends((0,i.yC)(d.LitElement)){constructor(){super(...arguments),this.disabled=!1,this.extended=!1,this.editable=!1}static get styles(){return[n.A,p.A]}get draggableItemClassMap(){return{extended:this.extended,default:!this.extended,disabled:this.disabled}}render(){return d.html`
+        <div
+          class="md-draggable-item ${(0,a.classMap)(this.draggableItemClassMap)}"
+          part="draggable-item"
+          aria-disabled=${this.disabled}
+        >
+          ${this.extended&&this.editable?d.html` <md-icon name="dragger-vertical-bold" size="16" iconSet="momentumDesign"></md-icon> `:s.nothing}
+          <slot></slot>
+          ${this.extended?d.html` <slot name="extended"></slot> `:s.nothing}
+        </div>
+      `}};m([(0,d.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",void 0),m([(0,d.property)({type:Boolean,reflect:!0})],t.prototype,"extended",void 0),m([(0,d.property)({type:Boolean,reflect:!0})],t.prototype,"editable",void 0),t=m([(0,l.w)("md-draggable-item")],t),e.ELEMENT=t}(o||(o={}))},40333:e=>{e.exports=t},41488:t=>{t.exports=e}},l={};function n(e){var t=l[e];if(void 0!==t)return t.exports;var r=l[e]={exports:{}};return i[e](r,r.exports,n),r.exports}n.m=i,o=[],n.O=(e,t,r,i)=>{if(!t){var l=1/0;for(p=0;p<o.length;p++){for(var[t,r,i]=o[p],d=!0,s=0;s<t.length;s++)(!1&i||l>=i)&&Object.keys(n.O).every((e=>n.O[e](t[s])))?t.splice(s--,1):(d=!1,i<l&&(l=i));if(d){o.splice(p--,1);var a=r();void 0!==a&&(e=a)}}return e}i=i||0;for(var p=o.length;p>0&&o[p-1][2]>i;p--)o[p]=o[p-1];o[p]=[t,r,i]},n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={7219:0};n.O.j=t=>0===e[t];var t=(t,r)=>{var o,i,[l,d,s]=r,a=0;if(l.some((t=>0!==e[t]))){for(o in d)n.o(d,o)&&(n.m[o]=d[o]);if(s)var p=s(n)}for(t&&t(r);a<l.length;a++)i=l[a],n.o(e,i)&&e[i]&&e[i][0](),e[i]=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))})();var d=n.O(void 0,[1890,6272,8889,300,8373,4624,591,768,3001,671,6979],(()=>n(24627)));return n.O(d)})()));

package/dist/comp/md-draggable-item.js

@@ -1,11 +1 @@
-require("../chunks/md-0");
-require("../chunks/md-1");
-require("../chunks/md-2");
-require("../chunks/md-3");
-require("../chunks/md-4");
-require("../chunks/md-6");
-require("../chunks/md-8");
-require("../chunks/md-11");
-require("../chunks/md-44");
-require("../chunks/md-70");
-module.exports = require("../comp/md-draggable-item-entry");
+require("../1890"),require("../6272"),require("../8889"),require("../300"),require("../8373"),require("../4624"),require("../591"),require("../768"),require("../3001"),require("../671"),require("../6979"),module.exports=require("../comp/md-draggable-item-entry");

package/dist/comp/md-draggable.js

@@ -1,12 +1 @@
-require("../chunks/md-0");
-require("../chunks/md-1");
-require("../chunks/md-2");
-require("../chunks/md-3");
-require("../chunks/md-4");
-require("../chunks/md-6");
-require("../chunks/md-8");
-require("../chunks/md-11");
-require("../chunks/md-12");
-require("../chunks/md-44");
-require("../chunks/md-69");
-module.exports = require("../comp/md-draggable-entry");
+require("../1890"),require("../6272"),require("../8889"),require("../300"),require("../8373"),require("../4624"),require("../6677"),require("../8387"),require("../2972"),require("../671"),require("../6979"),require("../144"),module.exports=require("../comp/md-draggable-entry");

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

@@ -1 +1,138 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit-element"),require("lit-html"),require("lit-html/directives/if-defined"),require("lit-html/directives/class-map"),require("lit-html/directives/style-map"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("lit-html/directives/class-map.js"),require("@momentum-ui/utils/lib/getColorValue"),require("lit-html/directives/repeat"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html","lit-html/directives/if-defined","lit-html/directives/class-map","lit-html/directives/style-map","@momentum-ui/icons/data/momentumUiIconsNames.json","lit-html/directives/class-map.js","@momentum-ui/utils/lib/getColorValue","lit-html/directives/repeat"],t);else{var i="object"==typeof exports?t(require("lit-element"),require("lit-html"),require("lit-html/directives/if-defined"),require("lit-html/directives/class-map"),require("lit-html/directives/style-map"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("lit-html/directives/class-map.js"),require("@momentum-ui/utils/lib/getColorValue"),require("lit-html/directives/repeat")):t(e["lit-element"],e["lit-html"],e["lit-html/directives/if-defined"],e["lit-html/directives/class-map"],e["lit-html/directives/style-map"],e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["lit-html/directives/class-map.js"],e["@momentum-ui/utils/lib/getColorValue"],e["lit-html/directives/repeat"]);for(var r in i)("object"==typeof exports?exports:e)[r]=i[r]}}(window,(function(e,t,i,r,n,o,l,u,s){return function(e){function t(t){for(var r,l,u=t[0],s=t[1],m=t[2],a=0,p=[];a<u.length;a++)l=u[a],Object.prototype.hasOwnProperty.call(n,l)&&n[l]&&p.push(n[l][0]),n[l]=0;for(r in s)Object.prototype.hasOwnProperty.call(s,r)&&(e[r]=s[r]);for(c&&c(t);p.length;)p.shift()();return o.push.apply(o,m||[]),i()}function i(){for(var e,t=0;t<o.length;t++){for(var i=o[t],r=!0,u=1;u<i.length;u++){var s=i[u];0!==n[s]&&(r=!1)}r&&(o.splice(t--,1),e=l(l.s=i[0]))}return e}var r={},n={315:0,284:0,286:0,288:0,289:0,290:0,292:0,293:0,294:0,295:0,296:0,299:0,300:0,301:0,302:0,305:0,314:0,317:0,320:0,322:0,323:0,324:0,326:0,327:0,328:0,329:0,330:0,333:0,336:0,339:0,340:0,341:0,342:0,343:0,344:0,345:0,349:0,352:0,353:0},o=[];function l(t){if(r[t])return r[t].exports;var i=r[t]={i:t,l:!1,exports:{}};return e[t].call(i.exports,i,i.exports,l),i.l=!0,i.exports}l.m=e,l.c=r,l.d=function(e,t,i){l.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:i})},l.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.t=function(e,t){if(1&t&&(e=l(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var i=Object.create(null);if(l.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)l.d(i,r,function(t){return e[t]}.bind(null,r));return i},l.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(t,"a",t),t},l.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},l.p="/";var u=window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[],s=u.push.bind(u);u.push=t,u=u.slice();for(var m=0;m<u.length;m++)t(u[m]);var c=s;return o.push([124,10,0,1,2,3,4,5,7,6,9,8,11,12,71]),i()}([function(t,i){t.exports=e},,function(e,i){e.exports=t},function(e,t){e.exports=i},function(e,t){e.exports=r},,,,function(e,t){e.exports=n},,function(e,t){e.exports=o},function(e,t){e.exports=l},function(e,t){e.exports=u},function(e,t){e.exports=s}])}));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("lit-html/directives/class-map.js"),require("lit-html/directives/repeat"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html/directives/style-map","lit-html","lit-html/directives/class-map","lit-html/directives/if-defined","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","lit-html/directives/class-map.js","lit-html/directives/repeat"],t);else{var i="object"==typeof exports?t(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("lit-html/directives/class-map.js"),require("lit-html/directives/repeat")):t(e["lit-element"],e["lit-html/directives/style-map"],e["lit-html"],e["lit-html/directives/class-map"],e["lit-html/directives/if-defined"],e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"],e["lit-html/directives/class-map.js"],e["lit-html/directives/repeat"]);for(var s in i)("object"==typeof exports?exports:e)[s]=i[s]}}(self,((e,t,i,s,o,n,r,a,l)=>(()=>{"use strict";var d,p={3001:(e,t,i)=>{i.d(t,{wW:()=>o.w,yC:()=>s.y}),i(18889);var s=i(32972),o=(i(28373),i(70300),i(84624),i(68387),i(31890))},8229:e=>{e.exports=t},17518:e=>{e.exports=a},22818:e=>{e.exports=l},23184:(e,t,i)=>{i.r(t),i.d(t,{Dropdown:()=>s}),i(61200);var s,o=i(90195),n=i(3001),r=i(66677),a=i(26272),l=i(41488),d=i(40333),p=i(17518),h=i(97822),u=i(22818),c=i(8229),m=i(70573),y=function(e,t,i,s){var o,n=arguments.length,r=n<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(r=(n<3?o(r):n>3?o(t,i,r):o(t,i))||r);return n>3&&r&&Object.defineProperty(t,i,r),r},f=function(e,t,i,s){return new(i||(i=Promise))((function(o,n){function r(e){try{l(s.next(e))}catch(e){n(e)}}function a(e){try{l(s.throw(e))}catch(e){n(e)}}function l(e){var t;e.done?o(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(r,a)}l((s=s.apply(e,t||[])).next())}))};!function(e){class t{determineMessageType(e){return e.reduce(((e,t)=>"error"===t?e:t.type),"")}filterMessagesByType(e,t){return e.reduce(((e,i)=>i.type===t?e.concat(i.message):e),[])}}e.MessageController=t;let i=class extends((0,n.yC)(l.LitElement)){constructor(){super(...arguments),this.title="Select...",this.options=[],this.optionId="",this.optionValue="",this.defaultOption="",this.disabled=!1,this.customTabIndex=0,this.allowUnselected=!1,this.visibleOptions=8,this.newMomentum=!1,this.compact=!1,this.searchable=!1,this.searchItem=!1,this.inputValue="",this.placeholder="Select...",this.readOnly=!1,this.autofocus=!1,this.leftIcon="",this.trimSpace=!1,this.resultsTextLocalization="No Results",this.pill=!1,this.helpText="",this.messageArr=[],this.htmlId="",this.clearAriaLabel="Clear",this.clearIconHeight="auto",this.arrowAriaLabel="Expand",this.popupChevronAriaHidden="true",this.ariaLabel="",this.searchResultAriaLabel="",this.ariaLabelForDropdown="",this.renderOptions=[],this.selectedKey="",this.expanded=!1,this.focusedIndex=-1,this.messageController=new t,this.lastMaxHeight="",this.onOutsideClick=e=>{let t=!1;const i=e.composedPath();i.length&&(t=!!i.find((e=>e===this)),t||this.expanded&&this.collapse())},this.onKeyDown=e=>{switch(e.code){case o.Uz.Tab:this.expanded&&(e.stopPropagation(),this.collapse());break;case o.Uz.Space:case o.Uz.Enter:this.expanded?(this.select(),this.collapse()):this.expand();break;case o.Uz.ArrowDown:this.expanded?this.focusNext():this.expand();break;case o.Uz.ArrowUp:this.expanded?this.focusPrev():this.expand();break;case o.Uz.Home:this.expanded?this.focusFirst():this.expand();break;case o.Uz.End:this.expanded?this.focusLast():this.expand();break;case o.Uz.Escape||o.Uz.Backspace:this.expanded&&(e.stopPropagation(),this.collapse())}},this.notifyInputValueChanged=(0,r.sg)((e=>{this.dispatchEvent(new CustomEvent("dropdown-input",{composed:!0,bubbles:!0,detail:{value:e}})),this.notifySearchResultCount(),requestAnimationFrame((()=>{this.input.focus()}))}),250)}connectedCallback(){super.connectedCallback(),this.setupEvents()}disconnectedCallback(){super.disconnectedCallback(),this.teardownEvents()}firstUpdated(e){super.firstUpdated(e),e.forEach(((e,t)=>{if("defaultOption"===t&&this.defaultOption){const{key:e}=this.getOptionKeyValuePair(this.defaultOption);this.selectedKey=e}})),this.searchable&&this.setInitialValue()}updated(e){super.updated(e),e.forEach(((e,t)=>{if("options"===t&&this.updateRenderOptions(),"selectedKey"===t){const e=this.renderOptions.findIndex((e=>e.key===this.selectedKey));-1!==e&&(this.focusToIndex(e),this.searchable&&this.setInitialValue())}if("expanded"===t&&this.updateListDOM(),"focusedIndex"===t&&this.updateListDOM(),"defaultOption"===t&&this.defaultOption){const{key:e}=this.getOptionKeyValuePair(this.defaultOption);this.selectedKey=e}}))}notifySearchResultCount(){if(this.searchResultAriaLabel){const e=/{{.*?}}/g;this.ariaLabelForDropdown=this.searchResultAriaLabel.replace(e,this.filteredOptions.length.toString())}else this.ariaLabel?this.ariaLabelForDropdown=`${this.ariaLabel}, ${this.filteredOptions.length} results found.`:this.ariaLabelForDropdown=`Dropdown Element, ${this.filteredOptions.length} results found.`}setInitialValue(){var e;if(this.options.length){const t=this.renderOptions.find((e=>e.key===this.selectedKey)),i=null==t?void 0:t.option;i&&(this.setInputValue(this.getOptionValue(i)),null===(e=this.input)||void 0===e||e.setAttribute(o.iw.AriaActivedescendant,this.getOptionId(i)),this.notifyInputValueChanged(this.getOptionValue(i)),this.requestUpdate())}}getOptionValue(e){return this.isOptionObject(e)&&!this.optionValue?Object.values(e)[0]:this.isOptionObject(e)?e[this.optionValue]:e}getOptionId(e){return this.isOptionObject(e)?e[this.optionId]:e}isOptionObject(e){return"object"==typeof e&&null!==e}updateRenderOptions(){const e=[];this.focusReset();const t=this.options.reduce(((t,i)=>{const{key:s,value:o}=this.getOptionKeyValuePair(i);return-1!==e.indexOf(s)?console.error(`Dropdown already have option key: "${s}". Ignoring `):s?(e.push(s),t.push({key:s,value:o,option:i})):console.error(`Dropdown key is not defined: "${s}". (value: "${o}"). Ignoring `),t}),[]);this.allowUnselected&&t.unshift({key:"",value:this.title}),this.renderOptions=t}updateListDOM(){return f(this,void 0,void 0,(function*(){this.expanded&&(yield this.resizeDropdownList(),yield this.scrollToIndex(this.focusedIndex))}))}resizeDropdownList(){return f(this,void 0,void 0,(function*(){yield new Promise((e=>requestAnimationFrame((()=>{if(this.optionsListItems)if(this.optionsListItems.length>this.visibleOptions){const e=`${[...this.optionsListItems].slice(0,this.visibleOptions).reduce(((e,t)=>e+t.offsetHeight),0)}px`;this.lastMaxHeight!==e&&(this.optionsList.style.maxHeight=e,this.lastMaxHeight=e)}else{const e="auto";this.lastMaxHeight!==e&&(this.optionsList.style.maxHeight=e,this.lastMaxHeight=e)}e()}))))}))}handleFocusIn(e){this.disabled&&this.readOnly||super.handleFocusIn&&super.handleFocusIn(e),this.dispatchEvent(new CustomEvent("dropdown-focus-in",{composed:!0,bubbles:!0}))}handleFocusOut(e){super.handleFocusOut&&super.handleFocusOut(e),this.dispatchEvent(new CustomEvent("dropdown-focus-out",{composed:!0,bubbles:!0}))}static get styles(){return[a.A,m.A]}get filteredOptions(){const e=this.trimSpace?this.inputValue.replace(/\s+/g,""):this.inputValue;if(!e.trim())return this.renderOptions;const t=this.renderOptions.filter((t=>t.value.toLowerCase().includes(e.toLowerCase())));return 0===t.length?[{key:"no-result",value:"No Result",disabled:!0}]:t}get messageType(){return this.messageArr.length>0?this.messageController.determineMessageType(this.messageArr):null}get messages(){return this.messageType?this.messageController.filterMessagesByType(this.messageArr,this.messageType):null}setVisualListbox(e){this.expanded=e}updateOnNextFrame(e){requestAnimationFrame(e)}setInputValue(e=""){this.input.value=e}shouldChangeButton(){const e=this.input&&this.input.value.length>0;return e&&document.dispatchEvent(new CustomEvent("on-widget-update")),e}toggleVisualListBox(e){var t,i;if(!this.readOnly){if(e.target.classList.contains("md-dropdown-input"))e.target.focus();else if("md-icon"===e.target.localName){const s=null===(i=null===(t=e.target.parentElement)||void 0===t?void 0:t.parentElement)||void 0===i?void 0:i.parentElement;if(s){const e=s.querySelector(".md-dropdown-input");setTimeout((()=>{e.focus()}),10)}}this.expanded?this.setVisualListbox(!1):(this.dispatchEvent(new CustomEvent("combobox-on-expand",{composed:!0,bubbles:!0})),this.notifySearchResultCount(),this.setVisualListbox(!0)),this.input.focus()}}handleRemoveAll(e){e.stopPropagation(),this.dispatchEvent(new CustomEvent("remove-all-selected"))}removeAllSelected(){var e;this.focusReset(),this.selectedKey="",this.inputValue="",this.setInputValue(),null===(e=this.input)||void 0===e||e.setAttribute(o.iw.AriaActivedescendant,""),this.setVisualListbox(!1),this.updateOnNextFrame((()=>{this.input.focus()})),this.dispatchEvent(new CustomEvent("dropdown-selection-removed",{composed:!0,bubbles:!0,detail:{}}))}setupEvents(){document.addEventListener("click",this.onOutsideClick),this.addEventListener("keydown",this.onKeyDown),this.addEventListener("remove-all-selected",this.removeAllSelected)}teardownEvents(){document.removeEventListener("click",this.onOutsideClick),this.removeEventListener("keydown",this.onKeyDown),this.removeEventListener("remove-all-selected",this.removeAllSelected)}expand(){this.expanded=!0;const e=-1!==this.focusedIndex?`combo-${this.focusedIndex}`:"";document.dispatchEvent(new CustomEvent("on-widget-update")),this.label.setAttribute("aria-activedescendant",e),this.optionsList&&this.optionsList.focus(),-1===this.focusedIndex&&this.focusNext()}collapse(){this.expanded=!1,this.searchable||this.label.setAttribute("aria-activedescendant","")}toggle(){this.expanded?this.collapse():this.expand()}select(){if(-1!==this.focusedIndex){const e=this.renderOptions[this.focusedIndex],t=e.key;t!==this.selectedKey&&(this.selectedKey=t,this.dispatchEvent(new CustomEvent("dropdown-selected",{composed:!0,bubbles:!0,detail:{option:e.option?e.option:e.key}})))}}onLabelClick(){this.label.focus(),this.toggle()}focusFirst(){this.renderOptions.length&&(this.focusedIndex=0)}focusLast(){this.renderOptions.length&&(this.focusedIndex=this.renderOptions.length-1)}focusNext(){this.renderOptions.length&&(-1!==this.focusedIndex&&this.focusedIndex<this.renderOptions.length-1?this.focusedIndex++:this.focusFirst())}focusPrev(){this.renderOptions.length&&(this.focusedIndex>0?this.focusedIndex--:this.focusLast())}focusToIndex(e){this.renderOptions.length&&e>=0&&e<=this.renderOptions.length-1&&(this.focusedIndex=e)}focusToIndexWithOption(e){const t=this.renderOptions.findIndex((t=>t.key===e.key));this.renderOptions.length&&t>=0&&t<=this.renderOptions.length-1&&(this.focusedIndex=t)}focusReset(){this.focusedIndex=-1}scrollToIndex(e){return f(this,void 0,void 0,(function*(){yield new Promise((t=>{requestAnimationFrame((()=>{if(this.optionsListItems&&this.optionsListItems.length>this.visibleOptions&&e>=0&&this.optionsListItems.length>e){let t=0;const{top:i,bottom:s}=this.optionsList.getBoundingClientRect(),o=this.optionsListItems[e],n=this.optionsListItems[e+1]||o,r=this.optionsListItems[e-1]||o,a=n.getBoundingClientRect(),l=r.getBoundingClientRect();a.bottom>s?t=a.bottom-s+2:l.top<i&&(t=l.top-i-2),this.optionsList.scrollTop+=t}t()}))}))}))}getOptionKeyValuePair(e){if("string"==typeof e)return{key:e.trim(),value:e};if(e&&"object"==typeof e){const t=Object.keys(e),i=Object.values(e);if(t.length){if(1===t.length||!this.optionId)return{key:t[0],value:i[0]};if(this.optionId)return{key:e[this.optionId],value:e[this.optionValue||this.optionId]}}}return{key:"undefined",value:"undefined"}}get labelTitle(){if(this.selectedKey){const e=this.renderOptions.find((e=>e.key===this.selectedKey));if(e)return e.value}return this.title}get dropDownClassMap(){return{"md-dropdown__expanded":this.expanded,[`md-${this.messageType}`]:!!this.messageType,"md-new-dropdown":this.newMomentum,"md-dropdown--pill":!0===this.pill}}handleInput(e){const t=e.target.value;this.inputValue=t.trim(),this.notifyInputValueChanged(t.trim())}helpTextTemplate(){return this.helpText?d.html`
+            <md-help-text
+              class="help-text ${(0,p.classMap)({disabled:this.disabled,newMomentum:this.newMomentum})}"
+              .message=${this.helpText}
+              style=${(0,c.styleMap)({width:"100%"})}
+            ></md-help-text>
+          `:d.nothing}messagesTemplate(){return this.messages&&this.messages.length?d.html`
+            <div id="${this.htmlId}-message" part="message" class="md-dropbox__messages">
+              ${(0,u.repeat)(this.messages,((e,t)=>d.html`
+                  <md-help-text
+                    .message=${e}
+                    .id=${this.messageArr[t].id||""}
+                    .ariaLive=${this.messageArr[t].ariaLive||"polite"}
+                    .messageType=${this.messageType}
+                  ></md-help-text>
+                `))}
+            </div>
+          `:d.nothing}iconTemplate(){return d.html`
+        <md-icon
+          class="md-dropdown-left-icon"
+          name="${this.leftIcon}"
+          size="16"
+          iconSet="momentumDesign"
+          @click=${this.toggleVisualListBox}
+        ></md-icon>
+      `}clearButtonTemplate(){return d.html`
+        <button
+          type="button"
+          class="md-dropdown-button clear"
+          aria-label=${this.clearAriaLabel}
+          aria-controls="md-dropdown-input"
+          tabindex="0"
+          ?readonly=${this.readOnly}
+          ?disabled=${this.disabled}
+          @click=${this.handleRemoveAll}
+        >
+          <md-icon
+            class="md-input__icon-clear"
+            name="cancel-bold"
+            size="16"
+            iconSet="momentumDesign"
+            style="height: ${this.clearIconHeight};"
+          ></md-icon>
+        </button>
+      `}arrowButtonTemplate(){return d.html`
+        <button
+          type="button"
+          class="md-dropdown-button arrow-down"
+          aria-expanded=${this.expanded}
+          aria-label=${(0,h.ifDefined)("true"===this.popupChevronAriaHidden?void 0:this.arrowAriaLabel)}
+          aria-controls="md-dropdown-input"
+          tabindex="-1"
+          aria-hidden=${(0,h.ifDefined)("true"===this.popupChevronAriaHidden?"true":void 0)}
+          ?readonly=${this.readOnly}
+          ?disabled=${this.disabled}
+          @click=${this.toggleVisualListBox}
+        >
+          <md-icon name="arrow-down-bold" size="16" iconSet="momentumDesign"></md-icon>
+        </button>
+      `}render(){return d.html`
+        <div class="md-dropdown ${(0,p.classMap)(this.dropDownClassMap)}" part="dropdown">
+          ${this.searchable?d.html`
+                <div part="group" class="group" ?readonly=${this.readOnly}>
+                  ${this.leftIcon?this.iconTemplate():d.nothing}
+                  <input
+                    class="md-dropdown-input"
+                    type="text"
+                    role="combobox"
+                    aria-autocomplete="both"
+                    aria-label=${this.title}
+                    part="dropdown-input"
+                    aria-expanded=${this.expanded}
+                    placeholder=${this.placeholder}
+                    aria-controls="md-dropdown-list"
+                    ?readonly=${this.readOnly}
+                    ?disabled=${this.disabled}
+                    ?autofocus=${this.autofocus}
+                    title=${this.title}
+                    tabindex="0"
+                    .value=${this.inputValue}
+                    @click=${this.toggleVisualListBox}
+                    @input=${this.handleInput}
+                  />
+                  ${this.compact||!this.searchable?d.nothing:this.shouldChangeButton()?this.clearButtonTemplate():this.arrowButtonTemplate()}
+                </div>
+              `:d.html`
+                <label
+                  class="md-dropdown-label ${(0,p.classMap)({"md-new-dropdown-label":this.newMomentum})}"
+                  aria-expanded="${this.expanded}"
+                  aria-label="${this.title}"
+                  aria-controls="md-dropdown-list"
+                  aria-haspopup="listbox"
+                  ?disabled="${this.disabled}"
+                  @click="${()=>this.onLabelClick()}"
+                  part="dropdown-header"
+                  role="combobox"
+                  tabindex="0"
+                >
+                  <span class="md-dropdown-label--text ${(0,p.classMap)({"md-new-dropdown-label--text":this.newMomentum})}"
+                    >${this.labelTitle}</span
+                  >
+                  <span class="md-dropdown-label--icon">
+                    <md-icon name="arrow-down-bold" size="16" iconSet="momentumDesign"></md-icon>
+                  </span>
+                </label>
+              `}
+          <ul
+            id="md-dropdown-list"
+            class="md-dropdown-list"
+            role="listbox"
+            aria-label="${this.labelTitle}"
+            aria-hidden="${!this.expanded}"
+            part="dropdown-options"
+            tabindex=${(0,h.ifDefined)(-1===this.customTabIndex?void 0:this.customTabIndex)}
+          >
+            ${this.filteredOptions.map(((e,t)=>d.html`
+                <li
+                  id="combo-${t}"
+                  class="md-dropdown-option"
+                  role="option"
+                  tabindex=${(0,h.ifDefined)(-1===this.customTabIndex?void 0:this.customTabIndex)}
+                  aria-label="${e.value}"
+                  label="${e.value}"
+                  aria-selected="${e.key===this.selectedKey}"
+                  part="dropdown-option"
+                  ?focused="${t===this.focusedIndex}"
+                  ?selected="${e.key===this.selectedKey}"
+                  @click="${()=>{this.focusToIndexWithOption(e),this.select(),this.collapse()}}"
+                >
+                  <span class="select-label" part="label">
+                    <span>${e.value}</span>
+                  </span>
+                </li>
+              `))}
+          </ul>
+        </div>
+        ${this.messagesTemplate()} ${this.helpTextTemplate()}
+      `}};y([(0,l.property)({type:String,attribute:"title"})],i.prototype,"title",void 0),y([(0,l.property)({type:Array})],i.prototype,"options",void 0),y([(0,l.property)({type:String,attribute:"option-id"})],i.prototype,"optionId",void 0),y([(0,l.property)({type:String,attribute:"option-value"})],i.prototype,"optionValue",void 0),y([(0,l.property)({type:Object})],i.prototype,"defaultOption",void 0),y([(0,l.property)({type:Boolean,reflect:!0})],i.prototype,"disabled",void 0),y([(0,l.property)({type:Number,attribute:"custom-tab-index",reflect:!0})],i.prototype,"customTabIndex",void 0),y([(0,l.property)({type:Boolean,attribute:"allow-unselected",reflect:!0})],i.prototype,"allowUnselected",void 0),y([(0,l.property)({type:Number,attribute:"visible-option",reflect:!0})],i.prototype,"visibleOptions",void 0),y([(0,l.property)({type:Boolean})],i.prototype,"newMomentum",void 0),y([(0,l.property)({type:Boolean,reflect:!0})],i.prototype,"compact",void 0),y([(0,l.property)({type:Boolean,reflect:!0})],i.prototype,"searchable",void 0),y([(0,l.property)({type:Boolean,reflect:!0})],i.prototype,"searchItem",void 0),y([(0,l.property)({type:String,attribute:"input-value",reflect:!0})],i.prototype,"inputValue",void 0),y([(0,l.property)({type:String})],i.prototype,"placeholder",void 0),y([(0,l.property)({type:Boolean,reflect:!0})],i.prototype,"readOnly",void 0),y([(0,l.property)({type:Boolean,reflect:!0})],i.prototype,"autofocus",void 0),y([(0,l.property)({type:String,attribute:"left-icon",reflect:!0})],i.prototype,"leftIcon",void 0),y([(0,l.property)({type:Boolean,reflect:!0,attribute:"search-trim-space"})],i.prototype,"trimSpace",void 0),y([(0,l.property)({type:String,attribute:"no-results-i18n"})],i.prototype,"resultsTextLocalization",void 0),y([(0,l.property)({type:Boolean})],i.prototype,"pill",void 0),y([(0,l.property)({type:String})],i.prototype,"helpText",void 0),y([(0,l.property)({type:Array})],i.prototype,"messageArr",void 0),y([(0,l.property)({type:String})],i.prototype,"htmlId",void 0),y([(0,l.property)({type:String,attribute:"clear-aria-label"})],i.prototype,"clearAriaLabel",void 0),y([(0,l.property)({type:String,attribute:"clear-icon-height"})],i.prototype,"clearIconHeight",void 0),y([(0,l.property)({type:String,attribute:"arrow-aria-label"})],i.prototype,"arrowAriaLabel",void 0),y([(0,l.property)({type:String,attribute:"popup-chevron-aria-hidden"})],i.prototype,"popupChevronAriaHidden",void 0),y([(0,l.property)({type:String,reflect:!0})],i.prototype,"ariaLabel",void 0),y([(0,l.property)({type:String,attribute:"search-result-aria-label"})],i.prototype,"searchResultAriaLabel",void 0),y([(0,l.internalProperty)()],i.prototype,"ariaLabelForDropdown",void 0),y([(0,l.internalProperty)()],i.prototype,"renderOptions",void 0),y([(0,l.internalProperty)()],i.prototype,"selectedKey",void 0),y([(0,l.internalProperty)()],i.prototype,"expanded",void 0),y([(0,l.internalProperty)()],i.prototype,"focusedIndex",void 0),y([(0,l.query)("label")],i.prototype,"label",void 0),y([(0,l.query)(".md-dropdown-input")],i.prototype,"input",void 0),y([(0,l.query)("ul.md-dropdown-list")],i.prototype,"optionsList",void 0),y([(0,l.queryAll)("li.md-dropdown-option")],i.prototype,"optionsListItems",void 0),i=y([(0,n.wW)("md-dropdown")],i),e.ELEMENT=i}(s||(s={}))},23968:e=>{e.exports=s},32022:e=>{e.exports=n},40333:e=>{e.exports=i},41488:t=>{t.exports=e},60554:e=>{e.exports=r},97822:e=>{e.exports=o}},h={};function u(e){var t=h[e];if(void 0!==t)return t.exports;var i=h[e]={exports:{}};return p[e](i,i.exports,u),i.exports}u.m=p,d=[],u.O=(e,t,i,s)=>{if(!t){var o=1/0;for(l=0;l<d.length;l++){for(var[t,i,s]=d[l],n=!0,r=0;r<t.length;r++)(!1&s||o>=s)&&Object.keys(u.O).every((e=>u.O[e](t[r])))?t.splice(r--,1):(n=!1,s<o&&(o=s));if(n){d.splice(l--,1);var a=i();void 0!==a&&(e=a)}}return e}s=s||0;for(var l=d.length;l>0&&d[l-1][2]>s;l--)d[l]=d[l-1];d[l]=[t,i,s]},u.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return u.d(t,{a:t}),t},u.d=(e,t)=>{for(var i in t)u.o(t,i)&&!u.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},u.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),u.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={144:0,3001:0,5382:0,7711:0,7763:0};u.O.j=t=>0===e[t];var t=(t,i)=>{var s,o,[n,r,a]=i,l=0;if(n.some((t=>0!==e[t]))){for(s in r)u.o(r,s)&&(u.m[s]=r[s]);if(a)var d=a(u)}for(t&&t(i);l<n.length;l++)o=n[l],u.o(e,o)&&e[o]&&e[o][0](),e[o]=0;return u.O(d)},i=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];i.forEach(t.bind(null,0)),i.push=t.bind(null,i.push.bind(i))})();var c=u.O(void 0,[7502,1890,6272,6325,6875,2176,6798,9813,1200,8889,300,8373,4624,591,768,6677,5433,573],(()=>u(23184)));return u.O(c)})()));

package/dist/comp/md-dropdown.js

@@ -1,15 +1 @@
-require("../chunks/md-10");
-require("../chunks/md-0");
-require("../chunks/md-1");
-require("../chunks/md-2");
-require("../chunks/md-3");
-require("../chunks/md-4");
-require("../chunks/md-5");
-require("../chunks/md-7");
-require("../chunks/md-6");
-require("../chunks/md-9");
-require("../chunks/md-8");
-require("../chunks/md-11");
-require("../chunks/md-12");
-require("../chunks/md-71");
-module.exports = require("../comp/md-dropdown-entry");
+require("../7502"),require("../1890"),require("../6272"),require("../6325"),require("../6875"),require("../2176"),require("../6798"),require("../9813"),require("../1200"),require("../8889"),require("../300"),require("../8373"),require("../4624"),require("../591"),require("../768"),require("../6677"),require("../5433"),require("../573"),module.exports=require("../comp/md-dropdown-entry");

package/dist/comp/md-editable-field-entry.js

@@ -1 +1,153 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit-element"),require("lit-html"),require("lit-html/directives/if-defined"),require("lit-html/directives/class-map"),require("lit-html/directives/style-map"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("lit-html/directives/class-map.js"),require("@momentum-ui/utils/lib/getColorValue"),require("lit-html/directives/repeat"),require("dompurify"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html","lit-html/directives/if-defined","lit-html/directives/class-map","lit-html/directives/style-map","@momentum-ui/icons/data/momentumUiIconsNames.json","lit-html/directives/class-map.js","@momentum-ui/utils/lib/getColorValue","lit-html/directives/repeat","dompurify"],t);else{var i="object"==typeof exports?t(require("lit-element"),require("lit-html"),require("lit-html/directives/if-defined"),require("lit-html/directives/class-map"),require("lit-html/directives/style-map"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("lit-html/directives/class-map.js"),require("@momentum-ui/utils/lib/getColorValue"),require("lit-html/directives/repeat"),require("dompurify")):t(e["lit-element"],e["lit-html"],e["lit-html/directives/if-defined"],e["lit-html/directives/class-map"],e["lit-html/directives/style-map"],e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["lit-html/directives/class-map.js"],e["@momentum-ui/utils/lib/getColorValue"],e["lit-html/directives/repeat"],e.dompurify);for(var r in i)("object"==typeof exports?exports:e)[r]=i[r]}}(window,(function(e,t,i,r,o,n,l,u,s,m){return function(e){function t(t){for(var r,l,u=t[0],s=t[1],m=t[2],a=0,p=[];a<u.length;a++)l=u[a],Object.prototype.hasOwnProperty.call(o,l)&&o[l]&&p.push(o[l][0]),o[l]=0;for(r in s)Object.prototype.hasOwnProperty.call(s,r)&&(e[r]=s[r]);for(c&&c(t);p.length;)p.shift()();return n.push.apply(n,m||[]),i()}function i(){for(var e,t=0;t<n.length;t++){for(var i=n[t],r=!0,u=1;u<i.length;u++){var s=i[u];0!==o[s]&&(r=!1)}r&&(n.splice(t--,1),e=l(l.s=i[0]))}return e}var r={},o={316:0,284:0,286:0,288:0,289:0,290:0,292:0,293:0,294:0,295:0,296:0,299:0,300:0,301:0,302:0,305:0,314:0,315:0,317:0,320:0,322:0,323:0,324:0,326:0,327:0,328:0,329:0,330:0,333:0,336:0,339:0,340:0,341:0,342:0,343:0,344:0,345:0,349:0,352:0,353:0},n=[];function l(t){if(r[t])return r[t].exports;var i=r[t]={i:t,l:!1,exports:{}};return e[t].call(i.exports,i,i.exports,l),i.l=!0,i.exports}l.m=e,l.c=r,l.d=function(e,t,i){l.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:i})},l.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.t=function(e,t){if(1&t&&(e=l(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var i=Object.create(null);if(l.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)l.d(i,r,function(t){return e[t]}.bind(null,r));return i},l.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(t,"a",t),t},l.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},l.p="/";var u=window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[],s=u.push.bind(u);u.push=t,u=u.slice();for(var m=0;m<u.length;m++)t(u[m]);var c=s;return n.push([125,10,0,1,2,3,4,5,7,9,15,14,18,27,72]),i()}({0:function(t,i){t.exports=e},10:function(e,t){e.exports=n},11:function(e,t){e.exports=l},12:function(e,t){e.exports=u},13:function(e,t){e.exports=s},2:function(e,i){e.exports=t},3:function(e,t){e.exports=i},4:function(e,t){e.exports=r},49:function(e,t){e.exports=m},8:function(e,t){e.exports=o}})}));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit-element"),require("dompurify"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("lit-html/directives/style-map"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("lit-html/directives/class-map.js"),require("lit-html/directives/repeat"));else if("function"==typeof define&&define.amd)define(["lit-element","dompurify","lit-html","lit-html/directives/class-map","lit-html/directives/if-defined","lit-html/directives/style-map","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","lit-html/directives/class-map.js","lit-html/directives/repeat"],t);else{var i="object"==typeof exports?t(require("lit-element"),require("dompurify"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("lit-html/directives/style-map"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("lit-html/directives/class-map.js"),require("lit-html/directives/repeat")):t(e["lit-element"],e.dompurify,e["lit-html"],e["lit-html/directives/class-map"],e["lit-html/directives/if-defined"],e["lit-html/directives/style-map"],e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"],e["lit-html/directives/class-map.js"],e["lit-html/directives/repeat"]);for(var s in i)("object"==typeof exports?exports:e)[s]=i[s]}}(self,((e,t,i,s,a,r,l,n,o,d)=>(()=>{"use strict";var p,h={8229:e=>{e.exports=r},17518:e=>{e.exports=o},22818:e=>{e.exports=d},23968:e=>{e.exports=s},31347:e=>{e.exports=t},32022:e=>{e.exports=l},40333:e=>{e.exports=i},41488:t=>{t.exports=e},50565:(e,t,i)=>{i.r(t),i.d(t,{EditableTextfield:()=>v,alignment:()=>y});var s=i(74548),a=i(26272),r=i(31347),l=i.n(r),n=i(31890),o=i(41488),d=i(40333),p=i(23968),h=i(97822),m=i(96408),c=i(18728),u=function(e,t,i,s){var a,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--)(a=e[n])&&(l=(r<3?a(l):r>3?a(t,i,l):a(t,i))||l);return r>3&&l&&Object.defineProperty(t,i,l),l};const y=["left","right","center"];var v;!function(e){let t=class extends o.LitElement{constructor(){super(...arguments),this.alignment="left",this.disabled=!1,this.isEditing=!1,this.maxLines="",this.content="Click to edit text",this.message={type:"error",message:"That is not a valid input."},this.alert=!1,this.hideMessage=!1,this.pattern="",this.type=null,this.ariaLabel="editable field",this.ariaDescribedBy="",this.messageController=new m.Input.MessageController,this.reportValidity=()=>{this.dispatchEvent(new Event("invalid",{bubbles:!1,cancelable:!0,composed:!0}))},this.checkValidity=e=>{let t=!0;const i=i=>{null===e.match(i)&&(t=!1)};if(this.pattern)i(new RegExp(this.pattern));else if(e&&this.type)switch(this.type){case"integer":i(new RegExp(s.b.integerString));break;case"decimal":i(new RegExp(s.b.decimalString))}return t},this.handleFocus=()=>{this.disabled||(this.isEditing=!0,this.setRange())},this.handleKeydown=e=>{var t;const{key:i,code:s}=e;if(["Tab","Meta","Shift","Delete","Backspace","Arrow"].some((e=>s.includes(e))))return;("integer"===this.type&&i.includes(".")||("integer"===this.type||"decimal"===this.type)&&s.match("Space"))&&e.preventDefault();const a=(null===(t=this.editableField)||void 0===t?void 0:t.innerText.trim())+i;if(this.type)if(isNaN(Number(a)))e.preventDefault();else{if("integer"!==this.type||Number.isInteger(Number(a)))return;e.preventDefault()}},this.handleBlur=()=>{var e;this.isEditing=!1,this.maxLines.length>0&&this.editableField&&this.editableField.scrollTo(0,0),this.content=(null===(e=this.editableField)||void 0===e?void 0:e.innerText.trim())||"",this.alert=!1,this.handleValidation()}}connectedCallback(){super.connectedCallback(),this.addEventListener("focus",this.handleFocus)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("focus",this.handleFocus)}firstUpdated(e){super.firstUpdated(e),this.innerText&&this.innerText.length>0?this.content=this.innerText.trim():this.innerText=l().sanitize(this.content)}updated(e){super.updated(e),e.has("content")&&this.editableField&&(this.editableField.innerText=l().sanitize(this.content))}setRange(){var e;if(this.editableField){const t=document.createRange(),i=window.getSelection(),s=null===(e=this.editableField.childNodes[0].nodeValue)||void 0===e?void 0:e.length;if(t.setStart(this.editableField.childNodes[0],s||0),t.collapse(!0),!i||0!==i.toString().length)return;i.removeAllRanges(),i.addRange(t),this.maxLines.length>0&&(this.editableField.scrollTop=this.editableField.scrollHeight)}}handleValidation(){(this.type||this.pattern)&&(this.checkValidity&&this.checkValidity(this.content)||(this.reportValidity(),this.showAlert()))}showAlert(){this.alert=!0}static get styles(){return[a.A,c.A]}get overflowStyles(){return this.maxLines.length&&this.maxLines.length>0&&`max-height: ${2*parseInt(this.maxLines)}rem; -webkit-line-clamp: ${this.maxLines}; word-break: break-all;`}messagesTemplate(){var e,t,i;return this.alert?o.html`
+            <div class="md-editable-textfield__messages" style="display: ${this.hideMessage?"none":"block"}">
+              <md-help-text
+                id="alert-message"
+                role="alert"
+                aria-live="assertive"
+                .messageType=${null===(e=this.message)||void 0===e?void 0:e.type}
+                aria-errormessage=${(0,h.ifDefined)(null===(t=this.message)||void 0===t?void 0:t.message)}
+              >
+                ${null===(i=this.message)||void 0===i?void 0:i.message}
+              </md-help-text>
+            </div>
+          `:d.nothing}render(){var e;const t={[`md-editable-textfield--${this.alignment}`]:this.alignment,"md-editable-textfield--disabled":this.disabled,[`md-editable-textfield--${null===(e=this.message)||void 0===e?void 0:e.type}`]:this.alert&&!!this.message,"md-editable-textfield--textoverflow":this.maxLines.length>0&&!this.isEditing};return o.html`
+        <div
+          style="${this.overflowStyles}"
+          class="md-editable-textfield ${(0,p.classMap)(t)}"
+          role=${(0,h.ifDefined)(this.disabled?void 0:"textbox")}
+          tabindex=${this.disabled?"-1":"0"}
+          ?contenteditable=${this.isEditing}
+          @focus=${this.handleFocus}
+          @blur=${this.handleBlur}
+          @keydown=${e=>{this.handleKeydown(e)}}
+          aria-invalid=${(0,h.ifDefined)(this.disabled?void 0:this.alert?"true":"false")}
+          aria-label=${(0,h.ifDefined)(this.disabled?void 0:this.ariaLabel)}
+          aria-describedby=${(0,h.ifDefined)(this.disabled?void 0:this.ariaDescribedBy)}
+        >
+          ${l().sanitize(this.content)}
+        </div>
+        ${this.messagesTemplate()}
+      `}};u([(0,o.property)({type:String})],t.prototype,"alignment",void 0),u([(0,o.property)({type:Boolean})],t.prototype,"disabled",void 0),u([(0,o.property)({type:Boolean})],t.prototype,"isEditing",void 0),u([(0,o.property)({type:String,attribute:"max-lines",reflect:!0})],t.prototype,"maxLines",void 0),u([(0,o.property)({type:String,reflect:!0})],t.prototype,"content",void 0),u([(0,o.property)({type:Object})],t.prototype,"message",void 0),u([(0,o.property)({type:Boolean,reflect:!0})],t.prototype,"alert",void 0),u([(0,o.property)({type:Boolean})],t.prototype,"hideMessage",void 0),u([(0,o.property)({type:String})],t.prototype,"pattern",void 0),u([(0,o.property)({type:String})],t.prototype,"type",void 0),u([(0,o.property)({type:String})],t.prototype,"ariaLabel",void 0),u([(0,o.property)({type:String,attribute:"aria-described-by"})],t.prototype,"ariaDescribedBy",void 0),u([(0,o.query)(".md-editable-textfield")],t.prototype,"editableField",void 0),t=u([(0,n.w)("md-editable-field")],t),e.ELEMENT=t}(v||(v={}))},60554:e=>{e.exports=n},96408:(e,t,i)=>{i.d(t,{Input:()=>s}),i(20109),i(61200),i(6396),i(12176);var s,a=i(90195),r=i(31890),l=i(32972),n=i(26272),o=(i(32022),i(41488)),d=i(40333),p=i(23968),h=i(97822),m=i(22818),c=i(8229),u=i(21572),y=function(e,t,i,s){var a,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--)(a=e[n])&&(l=(r<3?a(l):r>3?a(t,i,l):a(t,i))||l);return r>3&&l&&Object.defineProperty(t,i,l),l};!function(e){class t{determineMessageType(e){return e.reduce(((e,t)=>"error"===t?e:t.type),"")}filterMessagesByType(e,t){return e.reduce(((e,i)=>i.type===t?e.concat(i.message):e),[])}}e.MessageController=t;let i=class extends((0,l.y)(o.LitElement)){constructor(){super(...arguments),this.ariaDescribedBy="",this.ariaInvalid="false",this.ariaLabel="input",this.autofocus=!1,this.auxiliaryContentPosition=null,this.clear=!1,this.clearAriaLabel="",this.compact=!1,this.containerSize="small-12",this.disabled=!1,this.id="",this.inputSize="",this.isFilled=!1,this.isLoading=!1,this.label="",this.helpText="",this.hideMessage=!1,this.htmlId="",this.role="",this.messageArr=[],this.min=void 0,this.max=void 0,this.maxLength=void 0,this.multi=!1,this.multiline=!1,this.name="",this.nestedLevel=0,this.placeholder="",this.readOnly=!1,this.required=!1,this.searchable=!1,this.secondaryLabel="",this.selectWhenInFocus=!1,this.shape="",this.type="text",this.value="",this.ariaControls="",this.ariaExpanded="",this.newMomentum=!1,this.isEditing=!1,this.hasRightSlotContent=!1,this.messageController=new t}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this.handleOutsideClick)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.handleOutsideClick)}select(){this.input.select()}handleOutsideClick(e){let t=!1;const i=e.composedPath();i.length&&(t=!!i.find((e=>e===this)),t||(this.input.blur(),this.isEditing=!1))}handleKeyDown(e){this.dispatchEvent(new CustomEvent("input-keydown",{bubbles:!0,composed:!0,detail:{srcEvent:e}}))}handleFocus(e){this.disabled||(this.isEditing=!0,this.selectWhenInFocus&&this.select(),this.dispatchEvent(new CustomEvent("input-focus",{bubbles:!0,composed:!0,detail:{srcEvent:e}})))}handleMouseDown(e){this.disabled||(this.isEditing=!0,this.dispatchEvent(new CustomEvent("input-mousedown",{bubbles:!0,composed:!0,detail:{srcEvent:e}})))}handleChange(e){this.value=e.target.value,this.dispatchEvent(new CustomEvent("input-change",{bubbles:!0,composed:!0,detail:{srcEvent:e,value:this.value}}))}handleBlur(e){this.isEditing=!1,this.dispatchEvent(new CustomEvent("input-blur",{bubbles:!0,composed:!0,detail:{srcEvent:e}}))}handleClear(e){if("keydown"===e.type){const{code:t}=e;if(t!==a.Uz.Space&&t!==a.Uz.Enter)return;e.preventDefault(),e.stopPropagation()}else"click"===e.type&&(e.preventDefault(),e.stopPropagation());this.input.focus(),this.dispatchEvent(new CustomEvent("input-clear",{bubbles:!0,composed:!0,detail:{srcEvent:e}})),document.dispatchEvent(new CustomEvent("on-widget-update")),this.handleChange(e)}handleLabelClick(){this.input.focus()}handleRighSlotChange(){var e;this.hasRightSlotContent=(null===(e=this.inputSectionRightSlot)||void 0===e?void 0:e.assignedNodes().length)>0}get messageType(){return this.messageArr.length>0?this.messageController.determineMessageType(this.messageArr):null}get messages(){return this.messageType?this.messageController.filterMessagesByType(this.messageArr,this.messageType):null}get inputClassMap(){return{"md-input--filled":this.isFilled,colums:!!this.containerSize,[`${this.containerSize}`]:!!this.containerSize,"md-read-only":this.readOnly,"md-disabled":this.disabled,[`md-${this.messageType}`]:!!this.messageType,[`md-input--nested-${this.nestedLevel}`]:!!this.nestedLevel,"md-multi":this.multi,"md-new-momentum":this.newMomentum}}get inputWrapperClassMap(){return{columns:!!this.inputSize,[`${this.inputSize}`]:!!this.inputSize}}get inputTemplateClassMap(){return{"md-input--multiline":this.multiline,"md-input--multi":this.multi,[`md-input--${this.shape}`]:!!this.shape,"md-input--compact":this.compact,"md-input--before":"before"===this.auxiliaryContentPosition||this.searchable,"md-input--after":"after"===this.auxiliaryContentPosition,"md-active":this.isEditing,"md-focus":this.isEditing,"md-read-only":this.readOnly,"md-disabled":this.disabled,"md-dirty":!!this.value,"md-has-right-icon":this.hasRightIcon}}get ariaExpandedValue(){return"true"===this.ariaExpanded||"false"===this.ariaExpanded?this.ariaExpanded:"undefined"}get hasRightIcon(){return!(!this.clear||this.disabled||!this.value||this.readOnly)||!this.compact&&this.hasRightSlotContent}inputTemplate(){var e;return this.multiline?o.html`
+            <textarea
+              part="input"
+              class="md-input ${(0,p.classMap)(this.inputTemplateClassMap)}"
+              @blur=${e=>this.handleBlur(e)}
+              @input=${e=>this.handleChange(e)}
+              @focus=${e=>this.handleFocus(e)}
+              @keydown=${e=>this.handleKeyDown(e)}
+              @mousedown=${e=>this.handleMouseDown(e)}
+              tabindex="0"
+              .value=${this.value}
+              aria-describedby=${this.ariaDescribedBy}
+              ?required=${this.required}
+              ?autofocus=${this.autofocus}
+              aria-label=${this.ariaLabel}
+              aria-invalid=${this.ariaInvalid}
+              aria-errormessage="${this.htmlId}-message"
+              aria-disabled=${(0,h.ifDefined)(this.disabled||void 0)}
+              id=${this.htmlId}
+              placeholder=${this.placeholder}
+              ?readonly=${this.readOnly}
+              maxlength=${(0,h.ifDefined)(this.maxLength)}
+            ></textarea>
+          `:o.html`
+            <input
+              part="input"
+              class="md-input ${(0,p.classMap)(this.inputTemplateClassMap)}"
+              @blur=${e=>this.handleBlur(e)}
+              @input=${e=>this.handleChange(e)}
+              @focus=${e=>this.handleFocus(e)}
+              @keydown=${e=>this.handleKeyDown(e)}
+              @mousedown=${e=>this.handleMouseDown(e)}
+              tabindex="0"
+              ?required=${this.required}
+              ?autofocus=${this.autofocus}
+              type=${this.type}
+              .value=${this.value}
+              aria-describedby=${this.ariaDescribedBy}
+              aria-controls=${this.ariaControls}
+              aria-expanded=${(0,h.ifDefined)(null!==(e=this.ariaExpandedValue)&&void 0!==e?e:void 0)}
+              aria-label=${this.ariaLabel}
+              aria-invalid=${this.ariaInvalid}
+              aria-errormessage=${`${this.htmlId}-message`}
+              aria-disabled=${(0,h.ifDefined)(this.disabled||void 0)}
+              id=${this.htmlId}
+              role=${this.role}
+              placeholder=${this.placeholder}
+              ?readonly=${this.readOnly||this.disabled}
+              min=${(0,h.ifDefined)(this.min)}
+              max=${(0,h.ifDefined)(this.max)}
+              maxlength=${(0,h.ifDefined)(this.maxLength)}
+            />
+          `}inputLeftTemplate(){return this.searchable?o.html`
+          <div class="md-input__before">
+            ${this.isLoading?o.html` <md-spinner size="20"></md-spinner> `:o.html` <md-icon ariaHidden="true" name="search-bold" size="16" iconSet="momentumDesign"></md-icon> `}
+          </div>
+        `:"before"===this.auxiliaryContentPosition?o.html`
+              <div class="md-input__before">
+                <slot name="input-section"> </slot>
+              </div>
+            `:d.nothing}get inputRightTemplateClassMap(){return{"md-input__after":!0,hidden:!this.hasRightIcon}}inputRightTemplate(){return this.clear&&!this.disabled&&this.value&&!this.readOnly?o.html`
+          <div class="md-input__after">
+            <md-button
+              hasRemoveStyle
+              @click=${e=>this.handleClear(e)}
+              @keydown=${e=>this.handleClear(e)}
+              size="20"
+              circle
+            >
+              <md-icon
+                class="md-input__icon-clear"
+                name="cancel-bold"
+                size="14"
+                iconSet="momentumDesign"
+                aria-label=${this.clearAriaLabel||"Clear Input"}
+              >
+              </md-icon>
+            </md-button>
+          </div>
+        `:this.compact?void 0:o.html`
+          <div class=${(0,p.classMap)(this.inputRightTemplateClassMap)}>
+            <slot name="input-section-right" @slotchange=${this.handleRighSlotChange}></slot>
+          </div>
+        `}secondaryLabelTemplate(){return this.secondaryLabel?o.html`
+            <md-label
+              class="md-input__secondary-label ${(0,p.classMap)({disabled:this.disabled,newMomentum:this.newMomentum})}"
+              secondaryLabel
+              .htmlFor=${this.htmlId}
+              .label=${this.secondaryLabel}
+              @label-click="${()=>this.handleLabelClick()}"
+            ></md-label>
+          `:d.nothing}helpTextTemplate(){return this.helpText?o.html`
+            <md-help-text
+              class="help-text ${(0,p.classMap)({disabled:this.disabled,newMomentum:this.newMomentum})}"
+              .message=${this.helpText}
+              style=${(0,c.styleMap)({width:"100%"})}
+            ></md-help-text>
+          `:d.nothing}messagesTemplate(){return!this.hideMessage&&this.messages&&this.messages.length?o.html`
+            <div id="${this.htmlId}-message" part="message" class="md-input__messages">
+              ${(0,m.repeat)(this.messages,((e,t)=>{var i,s;return o.html`
+                  <md-help-text
+                    .message=${e}
+                    .id=${null!==(i=this.messageArr[t].id)&&void 0!==i?i:""}
+                    .ariaLive=${null!==(s=this.messageArr[t].ariaLive)&&void 0!==s?s:"polite"}
+                    .messageType=${this.messageType}
+                  ></md-help-text>
+                `}))}
+            </div>
+          `:d.nothing}labelTemplate(){return this.label?o.html`
+            <md-label
+              class="md-input__label ${(0,p.classMap)({disabled:this.disabled,newMomentum:this.newMomentum})}"
+              .htmlFor=${this.htmlId}
+              .label=${this.label}
+              @label-click="${()=>this.handleLabelClick()}"
+            ></md-label>
+          `:d.nothing}static get styles(){return[n.A,u.A]}render(){return o.html`
+        <div class="md-input-container ${(0,p.classMap)(this.inputClassMap)}" part="md-input-container">
+          ${this.labelTemplate()}
+          <div class="md-input__wrapper ${(0,p.classMap)(this.inputWrapperClassMap)}">
+            ${this.inputLeftTemplate()} ${this.inputTemplate()} ${this.inputRightTemplate()}
+          </div>
+          ${this.messagesTemplate()} ${this.secondaryLabelTemplate()} ${this.helpTextTemplate()}
+        </div>
+      `}};y([(0,o.property)({type:String})],i.prototype,"ariaDescribedBy",void 0),y([(0,o.property)({type:String,reflect:!0})],i.prototype,"ariaInvalid",void 0),y([(0,o.property)({type:String})],i.prototype,"ariaLabel",void 0),y([(0,o.property)({type:Boolean,reflect:!0})],i.prototype,"autofocus",void 0),y([(0,o.property)({type:String})],i.prototype,"auxiliaryContentPosition",void 0),y([(0,o.property)({type:Boolean})],i.prototype,"clear",void 0),y([(0,o.property)({type:String})],i.prototype,"clearAriaLabel",void 0),y([(0,o.property)({type:Boolean})],i.prototype,"compact",void 0),y([(0,o.property)({type:String})],i.prototype,"containerSize",void 0),y([(0,o.property)({type:Boolean})],i.prototype,"disabled",void 0),y([(0,o.property)({type:String})],i.prototype,"id",void 0),y([(0,o.property)({type:String})],i.prototype,"inputSize",void 0),y([(0,o.property)({type:Boolean})],i.prototype,"isFilled",void 0),y([(0,o.property)({type:Boolean})],i.prototype,"isLoading",void 0),y([(0,o.property)({type:String})],i.prototype,"label",void 0),y([(0,o.property)({type:String})],i.prototype,"helpText",void 0),y([(0,o.property)({type:Boolean,attribute:"hide-message",reflect:!0})],i.prototype,"hideMessage",void 0),y([(0,o.property)({type:String})],i.prototype,"htmlId",void 0),y([(0,o.property)({type:String})],i.prototype,"role",void 0),y([(0,o.property)({type:Array})],i.prototype,"messageArr",void 0),y([(0,o.property)({type:Number,reflect:!0})],i.prototype,"min",void 0),y([(0,o.property)({type:Number,reflect:!0})],i.prototype,"max",void 0),y([(0,o.property)({type:Number})],i.prototype,"maxLength",void 0),y([(0,o.property)({type:Boolean})],i.prototype,"multi",void 0),y([(0,o.property)({type:Boolean})],i.prototype,"multiline",void 0),y([(0,o.property)({type:String,reflect:!0})],i.prototype,"name",void 0),y([(0,o.property)({type:Number})],i.prototype,"nestedLevel",void 0),y([(0,o.property)({type:String})],i.prototype,"placeholder",void 0),y([(0,o.property)({type:Boolean})],i.prototype,"readOnly",void 0),y([(0,o.property)({type:Boolean})],i.prototype,"required",void 0),y([(0,o.property)({type:Boolean})],i.prototype,"searchable",void 0),y([(0,o.property)({type:String})],i.prototype,"secondaryLabel",void 0),y([(0,o.property)({type:Boolean,attribute:"select-when-in-focus"})],i.prototype,"selectWhenInFocus",void 0),y([(0,o.property)({type:String})],i.prototype,"shape",void 0),y([(0,o.property)({type:String})],i.prototype,"type",void 0),y([(0,o.property)({type:String,reflect:!0})],i.prototype,"value",void 0),y([(0,o.property)({type:String})],i.prototype,"ariaControls",void 0),y([(0,o.property)({type:String})],i.prototype,"ariaExpanded",void 0),y([(0,o.property)({type:Boolean})],i.prototype,"newMomentum",void 0),y([(0,o.query)(".md-input")],i.prototype,"input",void 0),y([(0,o.internalProperty)()],i.prototype,"isEditing",void 0),y([(0,o.query)('slot[name="input-section-right"]')],i.prototype,"inputSectionRightSlot",void 0),y([(0,o.internalProperty)()],i.prototype,"hasRightSlotContent",void 0),i=y([(0,r.w)("md-input")],i),e.ELEMENT=i}(s||(s={}))},97822:e=>{e.exports=a}},m={};function c(e){var t=m[e];if(void 0!==t)return t.exports;var i=m[e]={exports:{}};return h[e](i,i.exports,c),i.exports}c.m=h,p=[],c.O=(e,t,i,s)=>{if(!t){var a=1/0;for(o=0;o<p.length;o++){for(var[t,i,s]=p[o],r=!0,l=0;l<t.length;l++)(!1&s||a>=s)&&Object.keys(c.O).every((e=>c.O[e](t[l])))?t.splice(l--,1):(r=!1,s<a&&(a=s));if(r){p.splice(o--,1);var n=i();void 0!==n&&(e=n)}}return e}s=s||0;for(var o=p.length;o>0&&p[o-1][2]>s;o--)p[o]=p[o-1];p[o]=[t,i,s]},c.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return c.d(t,{a:t}),t},c.d=(e,t)=>{for(var i in t)c.o(t,i)&&!c.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},c.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),c.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={1266:0,1807:0,6408:0};c.O.j=t=>0===e[t];var t=(t,i)=>{var s,a,[r,l,n]=i,o=0;if(r.some((t=>0!==e[t]))){for(s in l)c.o(l,s)&&(c.m[s]=l[s]);if(n)var d=n(c)}for(t&&t(i);o<r.length;o++)a=r[o],c.o(e,a)&&e[a]&&e[a][0](),e[a]=0;return c.O(d)},i=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];i.forEach(t.bind(null,0)),i.push=t.bind(null,i.push.bind(i))})();var u=c.O(void 0,[7502,1890,6272,6325,6875,2176,6798,9813,1200,2576,8210,1270,1598,4977,1572,6396,109,4548,8728],(()=>c(50565)));return c.O(u)})()));

package/dist/comp/md-editable-field.js

@@ -1,15 +1 @@
-require("../chunks/md-10");
-require("../chunks/md-0");
-require("../chunks/md-1");
-require("../chunks/md-2");
-require("../chunks/md-3");
-require("../chunks/md-4");
-require("../chunks/md-5");
-require("../chunks/md-7");
-require("../chunks/md-9");
-require("../chunks/md-15");
-require("../chunks/md-14");
-require("../chunks/md-18");
-require("../chunks/md-27");
-require("../chunks/md-72");
-module.exports = require("../comp/md-editable-field-entry");
+require("../7502"),require("../1890"),require("../6272"),require("../6325"),require("../6875"),require("../2176"),require("../6798"),require("../9813"),require("../1200"),require("../2576"),require("../8210"),require("../1270"),require("../1598"),require("../4977"),require("../1572"),require("../6396"),require("../109"),require("../4548"),require("../8728"),module.exports=require("../comp/md-editable-field-entry");

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

@@ -1 +1,23 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit-element"),require("lit-html"),require("lit-html/directives/if-defined"),require("lit-html/directives/class-map"),require("lit-html/directives/style-map"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html","lit-html/directives/if-defined","lit-html/directives/class-map","lit-html/directives/style-map","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue"],t);else{var i="object"==typeof exports?t(require("lit-element"),require("lit-html"),require("lit-html/directives/if-defined"),require("lit-html/directives/class-map"),require("lit-html/directives/style-map"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue")):t(e["lit-element"],e["lit-html"],e["lit-html/directives/if-defined"],e["lit-html/directives/class-map"],e["lit-html/directives/style-map"],e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"]);for(var r in i)("object"==typeof exports?exports:e)[r]=i[r]}}(window,(function(e,t,i,r,n,o,l){return function(e){function t(t){for(var r,l,u=t[0],m=t[1],s=t[2],f=0,a=[];f<u.length;f++)l=u[f],Object.prototype.hasOwnProperty.call(n,l)&&n[l]&&a.push(n[l][0]),n[l]=0;for(r in m)Object.prototype.hasOwnProperty.call(m,r)&&(e[r]=m[r]);for(c&&c(t);a.length;)a.shift()();return o.push.apply(o,s||[]),i()}function i(){for(var e,t=0;t<o.length;t++){for(var i=o[t],r=!0,u=1;u<i.length;u++){var m=i[u];0!==n[m]&&(r=!1)}r&&(o.splice(t--,1),e=l(l.s=i[0]))}return e}var r={},n={317:0,284:0,286:0,289:0,290:0,292:0,294:0,295:0,299:0,300:0,301:0,302:0,305:0,314:0,320:0,322:0,323:0,327:0,328:0,329:0,333:0,336:0,339:0,340:0,341:0,343:0,344:0,345:0,349:0,353:0},o=[];function l(t){if(r[t])return r[t].exports;var i=r[t]={i:t,l:!1,exports:{}};return e[t].call(i.exports,i,i.exports,l),i.l=!0,i.exports}l.m=e,l.c=r,l.d=function(e,t,i){l.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:i})},l.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.t=function(e,t){if(1&t&&(e=l(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var i=Object.create(null);if(l.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)l.d(i,r,function(t){return e[t]}.bind(null,r));return i},l.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(t,"a",t),t},l.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},l.p="/";var u=window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[],m=u.push.bind(u);u.push=t,u=u.slice();for(var s=0;s<u.length;s++)t(u[s]);var c=m;return o.push([83,10,0,1,2,3,4,5,7,6,9,8,11,37]),i()}([function(t,i){t.exports=e},,function(e,i){e.exports=t},function(e,t){e.exports=i},function(e,t){e.exports=r},,,,function(e,t){e.exports=n},,function(e,t){e.exports=o},,function(e,t){e.exports=l}])}));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html/directives/style-map","lit-html","lit-html/directives/class-map","lit-html/directives/if-defined","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue"],t);else{var i="object"==typeof exports?t(require("lit-element"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue")):t(e["lit-element"],e["lit-html/directives/style-map"],e["lit-html"],e["lit-html/directives/class-map"],e["lit-html/directives/if-defined"],e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"]);for(var o in i)("object"==typeof exports?exports:e)[o]=i[o]}}(self,((e,t,i,o,r,l,s)=>(()=>{"use strict";var n,a={8229:e=>{e.exports=t},23968:e=>{e.exports=o},32022:e=>{e.exports=l},40333:e=>{e.exports=i},41488:t=>{t.exports=e},60554:e=>{e.exports=s},97822:e=>{e.exports=r},99850:(e,t,i)=>{i.r(t),i.d(t,{Favorite:()=>o}),i(61200);var o,r=i(90195),l=i(3001),s=i(31890),n=i(26272),a=i(41488),d=i(23968),c=i(97822),m=i(27092),u=function(e,t,i,o){var r,l=arguments.length,s=l<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var n=e.length-1;n>=0;n--)(r=e[n])&&(s=(l<3?r(s):l>3?r(t,i,s):r(t,i))||s);return l>3&&s&&Object.defineProperty(t,i,s),s};!function(e){let t=class extends((0,l.yC)(a.LitElement)){constructor(){super(...arguments),this.disabled=!1,this.checked=!1,this.value="Select favorite",this.id="",this.label="Favorite",this.customId=""}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.handleElectKeyDown),this.addEventListener("click",this.handleFavorite)}static get styles(){return[n.A,m.A]}handleFavorite(){this.disabled||(this.checked=!this.checked,this.dispatchEvent(new CustomEvent("favorite-toggle",{detail:{active:this.checked,value:this.value},bubbles:!0,composed:!0})))}handleElectKeyDown(e){e.code!==r.Uz.Enter&&e.code!==r.Uz.Space||(this.checked=!this.checked,this.dispatchEvent(new CustomEvent("favorite-keydown",{detail:{active:this.checked,value:this.value},bubbles:!0,composed:!0})))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleElectKeyDown),this.removeEventListener("click",this.handleFavorite)}get favoriteClassMap(){return{"md-favorite--active":this.checked,"md-favorite--disabled":this.disabled}}render(){return a.html`
+        <label
+          for="favorite-checkbox"
+          id="${this.id}"
+          class="md-favorite ${(0,d.classMap)(this.favoriteClassMap)}"
+          tabindex="0"
+        >
+          <input
+            type="checkbox"
+            aria-label=${(0,c.ifDefined)(this.label.length?this.label:void 0)}
+            value=${this.value}
+            ?checked=${this.checked}
+            ?disabled=${this.disabled}
+            aria-hidden="true"
+            name="favorite-checkbox"
+          />
+          <md-icon
+            name="${this.checked?"favorite-filled":"favorite-bold"}"
+            iconSet="momentumDesign"
+            size="16"
+          ></md-icon>
+        </label>
+      `}};u([(0,a.property)({type:Boolean})],t.prototype,"disabled",void 0),u([(0,a.property)({type:Boolean})],t.prototype,"checked",void 0),u([(0,a.property)({type:String})],t.prototype,"value",void 0),u([(0,a.property)({type:String})],t.prototype,"id",void 0),u([(0,a.property)({type:String})],t.prototype,"label",void 0),u([(0,a.internalProperty)()],t.prototype,"customId",void 0),t=u([(0,s.w)("md-favorite")],t),e.ELEMENT=t}(o||(o={}))}},d={};function c(e){var t=d[e];if(void 0!==t)return t.exports;var i=d[e]={exports:{}};return a[e](i,i.exports,c),i.exports}c.m=a,n=[],c.O=(e,t,i,o)=>{if(!t){var r=1/0;for(d=0;d<n.length;d++){for(var[t,i,o]=n[d],l=!0,s=0;s<t.length;s++)(!1&o||r>=o)&&Object.keys(c.O).every((e=>c.O[e](t[s])))?t.splice(s--,1):(l=!1,o<r&&(r=o));if(l){n.splice(d--,1);var a=i();void 0!==a&&(e=a)}}return e}o=o||0;for(var d=n.length;d>0&&n[d-1][2]>o;d--)n[d]=n[d-1];n[d]=[t,i,o]},c.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return c.d(t,{a:t}),t},c.d=(e,t)=>{for(var i in t)c.o(t,i)&&!c.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},c.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),c.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={6920:0};c.O.j=t=>0===e[t];var t=(t,i)=>{var o,r,[l,s,n]=i,a=0;if(l.some((t=>0!==e[t]))){for(o in s)c.o(s,o)&&(c.m[o]=s[o]);if(n)var d=n(c)}for(t&&t(i);a<l.length;a++)r=l[a],c.o(e,r)&&e[r]&&e[r][0](),e[r]=0;return c.O(d)},i=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];i.forEach(t.bind(null,0)),i.push=t.bind(null,i.push.bind(i))})();var m=c.O(void 0,[7502,1890,6272,6325,6875,2176,6798,9813,1200,8889,300,8373,4624,591,768,195,3001,7092],(()=>c(99850)));return c.O(m)})()));

package/dist/comp/md-favorite.js

@@ -1,14 +1 @@
-require("../chunks/md-10");
-require("../chunks/md-0");
-require("../chunks/md-1");
-require("../chunks/md-2");
-require("../chunks/md-3");
-require("../chunks/md-4");
-require("../chunks/md-5");
-require("../chunks/md-7");
-require("../chunks/md-6");
-require("../chunks/md-9");
-require("../chunks/md-8");
-require("../chunks/md-11");
-require("../chunks/md-37");
-module.exports = require("../comp/md-favorite-entry");
+require("../7502"),require("../1890"),require("../6272"),require("../6325"),require("../6875"),require("../2176"),require("../6798"),require("../9813"),require("../1200"),require("../8889"),require("../300"),require("../8373"),require("../4624"),require("../591"),require("../768"),require("../195"),require("../3001"),require("../7092"),module.exports=require("../comp/md-favorite-entry");