npm - @watermarkinsights/ripple - Versions diffs - 5.3.0-1 → 5.3.0-3 - Mend

@watermarkinsights/ripple 5.3.0-1 → 5.3.0-3

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.

Files changed (371) hide show

package/dist/esm-es5/wm-search.entry.js CHANGED Viewed

	@@ -1 +1 @@
1	- var __awaiter=this&&this.__awaiter\|\|function(t,e,i,s){function n(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i\|\|(i=Promise))((function(i,r){function o(t){try{l(s.next(t))}catch(t){r(t)}}function a(t){try{l(s["throw"](t))}catch(t){r(t)}}function l(t){t.done?i(t.value):n(t.value).then(o,a)}l((s=s.apply(t,e\|\|[])).next())}))};var __generator=this&&this.__generator\|\|function(t,e){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},s,n,r,o;return o={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function a(t){return function(e){return l([t,e])}}function l(a){if(s)throw new TypeError("Generator is already executing.");while(o&&(o=0,a[0]&&(i=0)),i)try{if(s=1,n&&(r=a[0]&2?n["return"]:a[0]?n["throw"]\|\|((r=n["return"])&&r.call(n),0):n.next)&&!(r=r.call(n,a[1])).done)return r;if(n=0,r)a=[a[0]&2,r.value];switch(a[0]){case 0:case 1:r=a;break;case 4:i.label++;return{value:a[1],done:false};case 5:i.label++;n=a[1];a=[0];continue;case 7:a=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(a[0]===6\|\|a[0]===2)){i=0;continue}if(a[0]===3&&(!r\|\|a[1]>r[0]&&a[1]<r[3])){i.label=a[1];break}if(a[0]===6&&i.label<r[1]){i.label=r[1];r=a;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(a);break}if(r[2])i.ops.pop();i.trys.pop();continue}a=e.call(t,i)}catch(t){a=[6,t];n=0}finally{s=r=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-f164fbca.js";import{t as toBool,i as intl,a as handleDisabledAttribute}from"./functions-f65dbb96.js";import{g as globalMessages}from"./intl-f7f77de7.js";var wmSearchCss=':host{--wmcolor-search-background:var(--wmcolor-input-background);--wmcolor-search-border:var(--wmcolor-input-border);--wmcolor-search-jump-text-focus:var(--wmcolor-interactive-focus);--wmcolor-search-jump-text:var(--wmcolor-button-text-textonly);width:100%;font-size:0.875rem}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host .wm-search-wrapper{border-radius:3px;position:relative;border:1px solid var(--wmcolor-search-border);display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}:host .wm-search-wrapper .search-icon{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1.12rem;position:absolute;left:0.4375rem}:host .wm-search-wrapper input{border:none;height:40px;padding:0 1.75rem;background:var(--wmcolor-search-background);overflow:visible;width:100%;-ms-flex:1;flex:1;font-family:inherit}:host .wm-search-wrapper:focus-within{outline:2px solid var(--wmcolor-input-border-focus);border-color:var(--wmcolor-input-border-focus)}:host .wm-search-wrapper:focus-within input{outline:none}:host .find{min-height:3rem}:host .find input{padding:16px 8px 16px 28px}:host .find .wm-find-elements{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;padding-right:16px}:host .find .wm-find-elements wm-button+wm-button{margin-left:0.25rem}:host .find .wm-find-elements .results{margin-right:0.5rem;font-style:italic}:host .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}:host .jump-results{all:unset;color:var(--wmcolor-search-jump-text);text-decoration:none;font-weight:500;font-size:0.875rem;display:inline-block;margin:8px 0}:host .jump-results:focus-visible{outline:3px solid var(--wmcolor-interactive-focus);outline-offset:2px}';var Search=function(){function t(t){registerInstance(this,t);this.wmSearchBrowseResults=createEvent(this,"wmSearchBrowseResults",7);this.wmSearchValueChanged=createEvent(this,"wmSearchValueChanged",7);this.linkEl=null;this.searchType="basic";this.disabled=false;this.placeholder="";this.label="";this.numResults=0;this.value="";this.isTabbing=false;this.highlightedId="";this.highlightedName=null;this.highlightedNum=0;this.previousBlurredValue="";this.parentModal=undefined;this.announcement=""}Object.defineProperty(t.prototype,"isDisabled",{get:function(){return toBool(this.disabled)},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"resultCount",{get:function(){var t="";var e=intl.formatMessage({id:"search.resultsFound",defaultMessage:"{numResults, plural, =0 {No results} one {1 result} other {# results}} found"},{numResults:this.numResults});var i=intl.formatMessage({id:"search.xOfYResults",defaultMessage:"{numResults, plural, =0 {No results found} other {{current} of {numResults} results}}"},{numResults:this.numResults,current:this.highlightedNum});if(this.searchType==="basic"){t=e}else if(this.searchType==="find"){t=i}return t},enumerable:false,configurable:true});t.prototype.toggleTabbingOn=function(){this.isTabbing=true;this.linkEl&&this.linkEl.classList.remove("sr-only");this.linkEl&&this.linkEl.classList.add("user-is-tabbing")};t.prototype.toggleTabbingOff=function(){this.isTabbing=false;this.linkEl&&this.linkEl.classList.add("sr-only");this.linkEl&&this.linkEl.classList.remove("user-is-tabbing")};t.prototype.componentWillLoad=function(){if(this.placeholder===""){console.error("You must set the placeholder property for the wm-search component.")}if(this.label===""){console.error("You must set the label property for the wm-search component.")}this.hookToModal();handleDisabledAttribute(this.el,this.isDisabled)};t.prototype.hookToModal=function(){var t=this;var e=this.el;while(!!e){if(e.tagName==="WM-MODAL"){this.parentModal=e}e=e.parentElement}if(this.parentModal){var i=["wmModalCloseTriggered","wmModalPrimaryTriggered","wmModalSecondaryTriggered"];i.map((function(e){t.parentModal.addEventListener(e,(function(){t.updateValue("")}))}))}};t.prototype.updateValue=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.value=t;this.resetHighlightCountToStart();return[2]}))}))};t.prototype.handleNumResultsUpdate=function(){this.resetHighlightCountToStart();if(this.value){this.announceChanges()}};t.prototype.handleDisabledChange=function(){handleDisabledAttribute(this.el,this.isDisabled)};t.prototype.resetHighlightCountToStart=function(){if(this.searchType==="find"){this.highlightedNum=this.numResults?1:0}};t.prototype.announce=function(t){if(this.resultsLiveRegion.textContent===t){t+=" "}this.announcement=t};t.prototype.announceChanges=function(){var t=this;window.requestAnimationFrame((function(){var e=t.resultCount;if(t.searchType==="find"&&t.highlightedName){e+=", ".concat(t.highlightedName)}t.announce(e)}))};t.prototype.changeHighlightedNum=function(t){if(this.numResults){if(t<1){this.highlightedNum=this.numResults}else if(t>this.numResults){this.highlightedNum=1}else{this.highlightedNum=t}this.wmSearchBrowseResults.emit({position:this.highlightedNum});this.announceChanges()}};t.prototype.handleBlur=function(){if(this.previousBlurredValue!==this.value){this.wmSearchValueChanged.emit({value:this.value})}this.previousBlurredValue=this.value};t.prototype.renderResultsAndBrowseButtons=function(){var t=this;return h("div",{class:"wm-find-elements"},h("div",{id:"results-display",class:"results"},!!this.value&&this.resultCount),h("div",{class:"wm-button-collection"},h("wm-button",{"button-type":"icononly",icon:"f05d",tooltip:globalMessages.previous,"tooltip-position":"bottom",onClick:function(){return t.changeHighlightedNum(t.highlightedNum-1)},disabled:this.isDisabled\|\|this.numResults<2,"label-for-identical-buttons":intl.formatMessage({id:"search.previousResult",defaultMessage:"Press to hear previous matching result"})}),h("wm-button",{"button-type":"icononly",icon:"f045",tooltip:globalMessages.next,"tooltip-position":"bottom",onClick:function(){return t.changeHighlightedNum(t.highlightedNum+1)},disabled:this.isDisabled\|\|this.numResults<2,"label-for-identical-buttons":intl.formatMessage({id:"search.nextResult",defaultMessage:"Press to hear next matching result"})})))};t.prototype.renderJumpToLink=function(){var t=this;if(this.numResults&&this.highlightedId){return h("a",{ref:function(e){return t.linkEl=e},href:"#".concat(this.highlightedId),class:"jump-results sr-only"},intl.formatMessage({id:"search.jumpToResult",defaultMessage:"Jump to search result in list"}))}else{return null}};t.prototype.render=function(){var t=this;return h(Host,null,h("div",{id:"wm-search-wrapper",class:"wm-search-wrapper ".concat(this.searchType)},h("input",{disabled:this.isDisabled,id:"wm-search-input",placeholder:this.placeholder,"aria-label":"".concat(this.label?this.label+". ":"").concat(intl.formatMessage({id:"search.typeToFilterResults",defaultMessage:"Type to filter the results"})),onInput:function(e){return t.updateValue(e.target.value)},onBlur:function(){return t.handleBlur()},"aria-autocomplete":"none",autocomplete:"off",value:this.value}),h("span",{class:"mdi search-icon"},String.fromCodePoint(parseInt("0xf349"))),this.searchType==="find"&&this.renderResultsAndBrowseButtons(),h("div",{id:"wm-search-live",class:"sr-only","aria-live":"polite","aria-atomic":"true",ref:function(e){return t.resultsLiveRegion=e}},this.announcement)),this.searchType==="find"&&this.renderJumpToLink())};Object.defineProperty(t,"delegatesFocus",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{numResults:["handleNumResultsUpdate"],disabled:["handleDisabledChange"]}},enumerable:false,configurable:true});return t}();Search.style=wmSearchCss;export{Search as wm_search};
1	+ var __awaiter=this&&this.__awaiter\|\|function(t,e,i,s){function n(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i\|\|(i=Promise))((function(i,r){function o(t){try{l(s.next(t))}catch(t){r(t)}}function a(t){try{l(s["throw"](t))}catch(t){r(t)}}function l(t){t.done?i(t.value):n(t.value).then(o,a)}l((s=s.apply(t,e\|\|[])).next())}))};var __generator=this&&this.__generator\|\|function(t,e){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},s,n,r,o;return o={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function a(t){return function(e){return l([t,e])}}function l(a){if(s)throw new TypeError("Generator is already executing.");while(o&&(o=0,a[0]&&(i=0)),i)try{if(s=1,n&&(r=a[0]&2?n["return"]:a[0]?n["throw"]\|\|((r=n["return"])&&r.call(n),0):n.next)&&!(r=r.call(n,a[1])).done)return r;if(n=0,r)a=[a[0]&2,r.value];switch(a[0]){case 0:case 1:r=a;break;case 4:i.label++;return{value:a[1],done:false};case 5:i.label++;n=a[1];a=[0];continue;case 7:a=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(a[0]===6\|\|a[0]===2)){i=0;continue}if(a[0]===3&&(!r\|\|a[1]>r[0]&&a[1]<r[3])){i.label=a[1];break}if(a[0]===6&&i.label<r[1]){i.label=r[1];r=a;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(a);break}if(r[2])i.ops.pop();i.trys.pop();continue}a=e.call(t,i)}catch(t){a=[6,t];n=0}finally{s=r=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-130e07bb.js";import{t as toBool,i as intl,a as handleDisabledAttribute}from"./functions-25781571.js";import{g as globalMessages}from"./intl-df3d34d1.js";var wmSearchCss=':host{--wmcolor-search-background:var(--wmcolor-input-background);--wmcolor-search-border:var(--wmcolor-input-border);--wmcolor-search-jump-text-focus:var(--wmcolor-interactive-focus);--wmcolor-search-jump-text:var(--wmcolor-button-text-textonly);width:100%;font-size:0.875rem}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host .wm-search-wrapper{border-radius:3px;position:relative;border:1px solid var(--wmcolor-search-border);display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}:host .wm-search-wrapper .search-icon{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1.12rem;position:absolute;left:0.4375rem}:host .wm-search-wrapper input{border:none;height:40px;padding:0 1.75rem;background:var(--wmcolor-search-background);overflow:visible;width:100%;-ms-flex:1;flex:1;font-family:inherit}:host .wm-search-wrapper:focus-within{outline:2px solid var(--wmcolor-input-border-focus);border-color:var(--wmcolor-input-border-focus)}:host .wm-search-wrapper:focus-within input{outline:none}:host .find{min-height:3rem}:host .find input{padding:16px 8px 16px 28px}:host .find .wm-find-elements{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;padding-right:16px}:host .find .wm-find-elements wm-button+wm-button{margin-left:0.25rem}:host .find .wm-find-elements .results{margin-right:0.5rem;font-style:italic}:host .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}:host .jump-results{all:unset;color:var(--wmcolor-search-jump-text);text-decoration:none;font-weight:500;font-size:0.875rem;display:inline-block;margin:8px 0}:host .jump-results:focus-visible{outline:3px solid var(--wmcolor-interactive-focus);outline-offset:2px}';var WmSearchStyle0=wmSearchCss;var Search=function(){function t(t){registerInstance(this,t);this.wmSearchBrowseResults=createEvent(this,"wmSearchBrowseResults",7);this.wmSearchValueChanged=createEvent(this,"wmSearchValueChanged",7);this.linkEl=null;this.searchType="basic";this.disabled=false;this.placeholder="";this.label="";this.numResults=0;this.value="";this.isTabbing=false;this.highlightedId="";this.highlightedName=null;this.highlightedNum=0;this.previousBlurredValue="";this.parentModal=undefined;this.announcement=""}Object.defineProperty(t.prototype,"isDisabled",{get:function(){return toBool(this.disabled)},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"resultCount",{get:function(){var t="";var e=intl.formatMessage({id:"search.resultsFound",defaultMessage:"{numResults, plural, =0 {No results} one {1 result} other {# results}} found"},{numResults:this.numResults});var i=intl.formatMessage({id:"search.xOfYResults",defaultMessage:"{numResults, plural, =0 {No results found} other {{current} of {numResults} results}}"},{numResults:this.numResults,current:this.highlightedNum});if(this.searchType==="basic"){t=e}else if(this.searchType==="find"){t=i}return t},enumerable:false,configurable:true});t.prototype.toggleTabbingOn=function(){this.isTabbing=true;this.linkEl&&this.linkEl.classList.remove("sr-only");this.linkEl&&this.linkEl.classList.add("user-is-tabbing")};t.prototype.toggleTabbingOff=function(){this.isTabbing=false;this.linkEl&&this.linkEl.classList.add("sr-only");this.linkEl&&this.linkEl.classList.remove("user-is-tabbing")};t.prototype.componentWillLoad=function(){if(this.placeholder===""){console.error("You must set the placeholder property for the wm-search component.")}if(this.label===""){console.error("You must set the label property for the wm-search component.")}this.hookToModal();handleDisabledAttribute(this.el,this.isDisabled)};t.prototype.hookToModal=function(){var t=this;var e=this.el;while(!!e){if(e.tagName==="WM-MODAL"){this.parentModal=e}e=e.parentElement}if(this.parentModal){var i=["wmModalCloseTriggered","wmModalPrimaryTriggered","wmModalSecondaryTriggered"];i.map((function(e){t.parentModal.addEventListener(e,(function(){t.updateValue("")}))}))}};t.prototype.updateValue=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.value=t;this.resetHighlightCountToStart();return[2]}))}))};t.prototype.handleNumResultsUpdate=function(){this.resetHighlightCountToStart();if(this.value){this.announceChanges()}};t.prototype.handleDisabledChange=function(){handleDisabledAttribute(this.el,this.isDisabled)};t.prototype.resetHighlightCountToStart=function(){if(this.searchType==="find"){this.highlightedNum=this.numResults?1:0}};t.prototype.announce=function(t){if(this.resultsLiveRegion.textContent===t){t+=" "}this.announcement=t};t.prototype.announceChanges=function(){var t=this;window.requestAnimationFrame((function(){var e=t.resultCount;if(t.searchType==="find"&&t.highlightedName){e+=", ".concat(t.highlightedName)}t.announce(e)}))};t.prototype.changeHighlightedNum=function(t){if(this.numResults){if(t<1){this.highlightedNum=this.numResults}else if(t>this.numResults){this.highlightedNum=1}else{this.highlightedNum=t}this.wmSearchBrowseResults.emit({position:this.highlightedNum});this.announceChanges()}};t.prototype.handleBlur=function(){if(this.previousBlurredValue!==this.value){this.wmSearchValueChanged.emit({value:this.value})}this.previousBlurredValue=this.value};t.prototype.renderResultsAndBrowseButtons=function(){var t=this;return h("div",{class:"wm-find-elements"},h("div",{id:"results-display",class:"results"},!!this.value&&this.resultCount),h("div",{class:"wm-button-collection"},h("wm-button",{"button-type":"icononly",icon:"f05d",tooltip:globalMessages.previous,"tooltip-position":"bottom",onClick:function(){return t.changeHighlightedNum(t.highlightedNum-1)},disabled:this.isDisabled\|\|this.numResults<2,"label-for-identical-buttons":intl.formatMessage({id:"search.previousResult",defaultMessage:"Press to hear previous matching result"})}),h("wm-button",{"button-type":"icononly",icon:"f045",tooltip:globalMessages.next,"tooltip-position":"bottom",onClick:function(){return t.changeHighlightedNum(t.highlightedNum+1)},disabled:this.isDisabled\|\|this.numResults<2,"label-for-identical-buttons":intl.formatMessage({id:"search.nextResult",defaultMessage:"Press to hear next matching result"})})))};t.prototype.renderJumpToLink=function(){var t=this;if(this.numResults&&this.highlightedId){return h("a",{ref:function(e){return t.linkEl=e},href:"#".concat(this.highlightedId),class:"jump-results sr-only"},intl.formatMessage({id:"search.jumpToResult",defaultMessage:"Jump to search result in list"}))}else{return null}};t.prototype.render=function(){var t=this;return h(Host,{key:"f7ac09fb284f8ef6e62cb879298972e3d52ed472"},h("div",{key:"357cf8e3e57a90fa9a8ca75b51fcb50a16877476",id:"wm-search-wrapper",class:"wm-search-wrapper ".concat(this.searchType)},h("input",{key:"db65cd0b75b1ace94c30feedb4825512f082e015",disabled:this.isDisabled,id:"wm-search-input",placeholder:this.placeholder,"aria-label":"".concat(this.label?this.label+". ":"").concat(intl.formatMessage({id:"search.typeToFilterResults",defaultMessage:"Type to filter the results"})),onInput:function(e){return t.updateValue(e.target.value)},onBlur:function(){return t.handleBlur()},"aria-autocomplete":"none",autocomplete:"off",value:this.value}),h("span",{key:"76d92862fd431394e6eadb3c71b8ad39d33ec0b9",class:"mdi search-icon"},String.fromCodePoint(parseInt("0xf349"))),this.searchType==="find"&&this.renderResultsAndBrowseButtons(),h("div",{key:"54ff42dd8bf9d13e2f15db19aef39a592622beb3",id:"wm-search-live",class:"sr-only","aria-live":"polite","aria-atomic":"true",ref:function(e){return t.resultsLiveRegion=e}},this.announcement)),this.searchType==="find"&&this.renderJumpToLink())};Object.defineProperty(t,"delegatesFocus",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{numResults:["handleNumResultsUpdate"],disabled:["handleDisabledChange"]}},enumerable:false,configurable:true});return t}();Search.style=WmSearchStyle0;export{Search as wm_search};

package/dist/esm-es5/wm-snackbar.entry.js CHANGED Viewed

	@@ -1 +1 @@
1	- var __spreadArray=this&&this.__spreadArray\|\|function(a,n,t){if(t\|\|arguments.length===2)for(var r=0,s=n.length,i;r<s;r++){if(i\|\|!(r in n)){if(!i)i=Array.prototype.slice.call(n,0,r);i[r]=n[r]}}return a.concat(i\|\|Array.prototype.slice.call(n))};import{r as registerInstance,c as createEvent,h,g as getElement}from"./index-f164fbca.js";import{g as generateId,s as showTooltip,h as hideTooltip}from"./functions-f65dbb96.js";import{g as globalMessages}from"./intl-f7f77de7.js";var wmSnackbarCss=':host{--wmcolor-snackbar-background:var(--wmcolor-background-dark);--wmcolor-snackbar-close-background-hover:var(--wmcolor-button-background-navigational-hover-ondark);--wmcolor-snackbar-close-background:var(--wmcolor-button-background-navigational-ondark);--wmcolor-snackbar-close-icon-hover:var(--wmcolor-button-icon-navigational-hover-ondark);--wmcolor-snackbar-close-icon:var(--wmcolor-button-icon-navigational-ondark);--wmcolor-snackbar-text:var(--wmcolor-text-ondark)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box;margin:unset}:host .wm-snackbars{position:fixed;bottom:0;left:1.25rem;right:1.25rem;padding:0.25rem 0.625rem 1.875rem;z-index:2001;max-width:35.5rem;max-height:17.5rem;-webkit-overflow-scrolling:touch;overflow:auto}:host .wm-snackbars.empty{-ms-transition:all 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);-webkit-transition:all 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);-moz-transition:all 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);transition:all 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);padding-top:0;padding-bottom:0}:host .wm-snackbars .wm-snack-wrapper{width:100%;height:100%}:host .wm-snackbars .wm-snack-wrapper:not(:last-child){margin-bottom:1.25rem}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar{-webkit-box-shadow:0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 3px rgba(0, 0, 0, 0.12), 0 4px 15px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 3px rgba(0, 0, 0, 0.12), 0 4px 15px 0 rgba(0, 0, 0, 0.2);box-shadow:0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 3px rgba(0, 0, 0, 0.12), 0 4px 15px 0 rgba(0, 0, 0, 0.2);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-ms-transition:all 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);-webkit-transition:all 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);-moz-transition:all 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);transition:all 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);font-size:0.875rem;color:var(--wmcolor-snackbar-text);padding:0.9375rem 1.875rem;background:var(--wmcolor-snackbar-background);opacity:0;left:0;position:relative;font-family:inherit}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar.grow{-webkit-animation:grow 0.25s;animation:grow 0.25s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes grow{0%{opacity:0;-webkit-transform:scale(0.9);transform:scale(0.9)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes grow{0%{opacity:0;-webkit-transform:scale(0.9);transform:scale(0.9)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .link{letter-spacing:0;text-transform:none;font-size:0.875rem;border:none;padding-left:0;padding-right:0;height:auto;border-radius:0;line-height:1;margin-right:1rem;text-decoration:none;font-weight:600;cursor:pointer}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .link.new-window::after{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline;content:"\\f3cc";margin-left:0.25rem}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .link:hover{text-decoration:underline}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .link:focus{outline:none;border:none}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .link::-moz-focus-inner{border:0;outline:none}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar:not(:last-child){margin-bottom:1.25rem}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar.active:not(button){opacity:1}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:100%;position:relative;padding:0}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .msgtext{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:12px;width:100%;-ms-flex-align:center;align-items:center}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .msgtext .msg{display:block;-ms-flex:0 0 0px;flex:0 0 0;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .msgtext .msg.long{min-width:216px;-ms-flex:1 0 0px;flex:1 0 0}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .msgtext .link{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .msgtext .link span{display:block;white-space:nowrap}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .closesnack{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;background-color:var(--wmcolor-snackbar-close-background);color:var(--wmcolor-snackbar-close-icon);cursor:pointer;border:none;font-size:1rem;padding:0;height:auto;line-height:1;min-width:2.75rem;min-height:2.75rem;text-align:center;letter-spacing:normal}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .closesnack:before{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f156";font-size:1.12rem}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .closesnack:hover{background-color:var(--wmcolor-snackbar-close-background-hover);color:var(--wmcolor-snackbar-close-icon-hover)}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .closesnack:focus{outline:none}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .closesnack::-moz-focus-inner{border:0;outline:none}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .closesnack:active{-ms-transform:scale(0.9, 0.9);-webkit-transform:scale(0.9, 0.9);-moz-transform:scale(0.9, 0.9);transform:scale(0.9, 0.9)}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important;top:0;left:0}:host .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important;top:0;left:0}.user-is-tabbing .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .closesnack:focus:not(:active){outline:3px solid var(--wmcolor-interactive-focus);outline-offset:0}.user-is-tabbing .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .closesnack:focus:not(:active)>.tooltip{clip:auto;width:auto;height:auto;opacity:1;-webkit-transition:opacity 500ms 500ms;transition:opacity 500ms 500ms;padding:0.375rem;top:2.75rem;left:2.75rem;white-space:nowrap;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media screen and (min-width: 48rem){.user-is-tabbing .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .closesnack:focus:not(:active)>.tooltip{top:2.0625rem;left:auto}}.user-is-tabbing .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .link:focus:not(:active){outline:3px solid var(--wmcolor-interactive-focus);outline-offset:2px}';var Snackbar=function(){function a(a){registerInstance(this,a);this.wmSnackbarSnackFinished=createEvent(this,"wmSnackbarSnackFinished",7);this.wmSnackbarActionTriggered=createEvent(this,"wmSnackbarActionTriggered",7);this.parsedNotifications=[];this.uid=this.el.id?this.el.id:generateId();this.focusOnDismiss=null;this.timers={};this.notifications="[]";this.isTabbing=false;this.announcement=""}a.prototype.refreshUpdatedNotifications=function(a){var n=this;var t=[];a.forEach((function(a){n.parsedNotifications.forEach((function(n){if(n.id==a.id&&n.message!=a.message){t.push(n.id)}}))}));t.forEach((function(a){var t;var r=n.parsedNotifications.filter((function(n){return n.id==a}))[0];var s=n.el.shadowRoot.querySelector("#snack-".concat(a));if(s){s.classList.remove("grow");window.requestAnimationFrame((function(){s.classList.add("grow")}))}n.stopTimer(r);var i=window.setTimeout((function(){return n.snackExpired(r.id)}),6e3);n.timers=Object.assign((t={},t[r.id]=i,t),n.timers)}))};a.prototype.updateSnacks=function(a){var n;var t=this;var r=__spreadArray([],this.parsedNotifications,true);this.parsedNotifications=__spreadArray([],JSON.parse(a),true);this.refreshUpdatedNotifications(r);if(r.length<this.parsedNotifications.length){var s=this.parsedNotifications[0];var i=window.setTimeout((function(){return t.snackExpired(s.id)}),6e3);this.timers=Object.assign((n={},n[s.id]=i,n),this.timers);this.announce("".concat(s.message," ").concat(this.isTabbing?"":s.link));if(this.isTabbing&&s.link){this.focusOnDismiss=document.activeElement?document.activeElement:null;this.stopTimer(s);window.requestAnimationFrame((function(){var a=t.el.shadowRoot.querySelector("#action-".concat(s.id));a.focus()}))}}this.sizeMessage()};a.prototype.toggleTabbingOn=function(){this.isTabbing=true};a.prototype.toggleTabbingOff=function(){this.isTabbing=false};a.prototype.checkForTabbing=function(a){if(a.key==="Tab"){this.toggleTabbingOn()}};a.prototype.handleMouse=function(){this.toggleTabbingOff()};a.prototype.snackDismissed=function(a){this.endSnack(a);if(a.link&&this.isTabbing&&this.focusOnDismiss){this.focusOnDismiss.focus();this.focusOnDismiss=null}};a.prototype.snackExpired=function(a){var n=this.parsedNotifications.filter((function(n){return n.id==a}));if(n.length>0){this.endSnack(n[0])}};a.prototype.endSnack=function(a){this.stopTimer(a);this.wmSnackbarSnackFinished.emit({id:a.id,message:a.message,link:a.link,newWindow:a.newWindow})};a.prototype.snackLinkClicked=function(a){this.stopTimer(a);this.wmSnackbarActionTriggered.emit({id:a.id,message:a.message,link:a.link,newWindow:a.newWindow})};a.prototype.stopTimer=function(a){if(this.timers[a.id]){clearTimeout(this.timers[a.id]);delete this.timers[a.id]}};a.prototype.announce=function(a){if(this.liveRegionEl.textContent===a){a+=" "}this.announcement=a};a.prototype.sizeMessage=function(){var a=this;requestAnimationFrame((function(){var n=a.el.shadowRoot.querySelectorAll(".msg");n.forEach((function(a){a.classList.remove("long");if(a.scrollWidth>216){a.classList.add("long")}}))}))};a.prototype.renderSnackbars=function(){var a=this;return this.parsedNotifications.map((function(n){return h("div",{class:"wm-snack-wrapper"},h("div",{id:"snack-".concat(n.id),class:"wm-snackbar active neutral grow"},h("div",{class:"sr-only",tabindex:n.link?0:-1,onFocus:function(){return n.link&&a.snackDismissed(n)}}),h("div",{class:"wm-snackbarmsg"},h("div",{class:"msgtext"},h("span",{class:"msg"},n.message),n.link&&h("a",{id:"action-".concat(n.id),class:"link ".concat(n.newWindow?"new-window":""),"aria-label":"Click to ".concat(n.link,"...").concat(n.newWindow?" "+globalMessages.newWindow:""),tabindex:0,onClick:function(){a.snackLinkClicked(n)},onKeyDown:function(t){return t.key==="Enter"&&a.snackLinkClicked(n)}},h("span",{"aria-hidden":"true"},n.link))),h("button",{id:"close-button-".concat(n.id),"aria-label":"Close this notification",class:"closesnack",tabindex:n.link?0:-1,onClick:function(){return a.snackDismissed(n)},onMouseEnter:function(a){return showTooltip("bottom",a.target,globalMessages.close)},onMouseLeave:function(){return hideTooltip()},onFocus:function(n){return a.isTabbing&&showTooltip("bottom",n.target,globalMessages.close)},onBlur:function(){return hideTooltip()}})),h("div",{class:"sr-only",tabindex:n.link?0:-1,onFocus:function(){return n.link&&a.snackDismissed(n)}})))}))};a.prototype.render=function(){var a=this;return h("div",{class:{"wm-snackbars":true,empty:this.parsedNotifications.length===0,"user-is-tabbing":this.isTabbing}},h("div",{class:"sr-only","aria-live":"polite","aria-atomic":"false",id:"wm-live-region-".concat(this.uid),ref:function(n){return a.liveRegionEl=n}},this.announcement),this.renderSnackbars())};Object.defineProperty(a.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(a,"watchers",{get:function(){return{notifications:["updateSnacks"]}},enumerable:false,configurable:true});return a}();Snackbar.style=wmSnackbarCss;export{Snackbar as wm_snackbar};
1	+ var __spreadArray=this&&this.__spreadArray\|\|function(n,t,a){if(a\|\|arguments.length===2)for(var r=0,i=t.length,e;r<i;r++){if(e\|\|!(r in t)){if(!e)e=Array.prototype.slice.call(t,0,r);e[r]=t[r]}}return n.concat(e\|\|Array.prototype.slice.call(t))};import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-130e07bb.js";import{g as generateId,s as showTooltip,h as hideTooltip}from"./functions-25781571.js";import{g as globalMessages}from"./intl-df3d34d1.js";var wmSnackbarCss=':host{--wmcolor-snackbar-background:var(--wmcolor-background-dark);--wmcolor-snackbar-close-background-hover:var(--wmcolor-button-background-navigational-hover-ondark);--wmcolor-snackbar-close-background:var(--wmcolor-button-background-navigational-ondark);--wmcolor-snackbar-close-icon-hover:var(--wmcolor-button-icon-navigational-hover-ondark);--wmcolor-snackbar-close-icon:var(--wmcolor-button-icon-navigational-ondark);--wmcolor-snackbar-text:var(--wmcolor-text-ondark);position:fixed;bottom:0;left:1.25rem;right:1.25rem;z-index:2001}:host *{-webkit-box-sizing:border-box;box-sizing:border-box;margin:unset}:host .list-wrapper{-webkit-overflow-scrolling:touch;max-width:35.5rem;max-height:17.5rem;overflow:auto;padding:0.25rem 0.625rem 1.875rem;display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse;gap:1.25rem}:host .wm-snack-wrapper{width:100%;height:100%}:host .wm-snack-wrapper .wm-snackbar{-webkit-box-shadow:0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 3px rgba(0, 0, 0, 0.12), 0 4px 15px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 3px rgba(0, 0, 0, 0.12), 0 4px 15px 0 rgba(0, 0, 0, 0.2);box-shadow:0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 3px rgba(0, 0, 0, 0.12), 0 4px 15px 0 rgba(0, 0, 0, 0.2);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-ms-transition:all 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);-webkit-transition:all 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);-moz-transition:all 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);transition:all 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);font-size:0.875rem;color:var(--wmcolor-snackbar-text);padding:4px 16px;min-height:3.75rem;background:var(--wmcolor-snackbar-background);opacity:0;left:0;position:relative;font-family:inherit}:host .wm-snack-wrapper .wm-snackbar.grow{-webkit-animation:grow 0.25s;animation:grow 0.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes grow{0%{opacity:0;-webkit-transform:scale(0.9);transform:scale(0.9)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes grow{0%{opacity:0;-webkit-transform:scale(0.9);transform:scale(0.9)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}:host .wm-snack-wrapper .wm-snackbar .link{letter-spacing:0;text-transform:none;font-size:0.875rem;border:none;padding-left:0;padding-right:0;height:auto;border-radius:0;line-height:1;margin-right:1rem;text-decoration:none;font-weight:600;cursor:pointer}:host .wm-snack-wrapper .wm-snackbar .link.new-window::after{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline;content:"\\f3cc";margin-left:0.25rem}:host .wm-snack-wrapper .wm-snackbar .link:hover{text-decoration:underline}:host .wm-snack-wrapper .wm-snackbar .link:focus{outline:none;border:none}:host .wm-snack-wrapper .wm-snackbar .link::-moz-focus-inner{border:0;outline:none}:host .wm-snack-wrapper .wm-snackbar:not(:last-child){margin-bottom:1.25rem}:host .wm-snack-wrapper .wm-snackbar.active:not(button){opacity:1}:host .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:100%;position:relative;padding:0}:host .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .msgtext{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:12px;width:100%;-ms-flex-align:center;align-items:center}:host .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .msgtext .msg{display:block;-ms-flex:0 0 0px;flex:0 0 0;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}:host .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .msgtext .msg.long{min-width:216px;-ms-flex:1 0 0px;flex:1 0 0}:host .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .msgtext .link{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto}:host .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .msgtext .link span{display:block;white-space:nowrap}:host .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .closesnack{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;background-color:var(--wmcolor-snackbar-close-background);color:var(--wmcolor-snackbar-close-icon);cursor:pointer;border:none;font-size:1rem;padding:0;height:auto;line-height:1;min-width:2.75rem;min-height:2.75rem;text-align:center;letter-spacing:normal}:host .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .closesnack:before{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f156";font-size:1.12rem}:host .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .closesnack:hover{background-color:var(--wmcolor-snackbar-close-background-hover);color:var(--wmcolor-snackbar-close-icon-hover)}:host .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .closesnack:focus{outline:none}:host .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .closesnack::-moz-focus-inner{border:0;outline:none}:host .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .closesnack:active{-ms-transform:scale(0.9, 0.9);-webkit-transform:scale(0.9, 0.9);-moz-transform:scale(0.9, 0.9);transform:scale(0.9, 0.9)}:host .wm-snack-wrapper .wm-snackbar .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important;top:0;left:0}:host .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important;top:0;left:0}.user-is-tabbing .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .closesnack:focus:not(:active){outline:3px solid var(--wmcolor-interactive-focus);outline-offset:0}.user-is-tabbing .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .closesnack:focus:not(:active)>.tooltip{clip:auto;width:auto;height:auto;opacity:1;-webkit-transition:opacity 500ms 500ms;transition:opacity 500ms 500ms;padding:0.375rem;top:2.75rem;left:2.75rem;white-space:nowrap;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media screen and (min-width: 48rem){.user-is-tabbing .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .closesnack:focus:not(:active)>.tooltip{top:2.0625rem;left:auto}}.user-is-tabbing .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .link:focus:not(:active){outline:3px solid var(--wmcolor-interactive-focus);outline-offset:2px}';var WmSnackbarStyle0=wmSnackbarCss;var Snackbar=function(){function n(n){registerInstance(this,n);this.wmSnackbarSnackFinished=createEvent(this,"wmSnackbarSnackFinished",7);this.wmSnackbarActionTriggered=createEvent(this,"wmSnackbarActionTriggered",7);this.parsedNotifications=[];this.uid=this.el.id?this.el.id:generateId();this.focusOnDismiss=null;this.timers={};this.notifications="[]";this.isTabbing=false;this.announcement=""}n.prototype.componentDidLoad=function(){var n=this;var t=new MutationObserver((function(t){return t.forEach((function(t){return n.handleSnackMutation(t)}))}));t.observe(this.snackAreaEl,{childList:true})};n.prototype.handleSnackMutation=function(n){var t=Array.from(n.addedNodes);if(t.length>0){t.forEach((function(n){return n.querySelector(".wm-snackbar").classList.add("grow")}));t[0].scrollIntoView()}};n.prototype.updateSnacks=function(n){var t;var a=this;var r=__spreadArray([],this.parsedNotifications,true);this.parsedNotifications=__spreadArray([],JSON.parse(n),true);this.refreshUpdatedNotifications(r);if(r.length<this.parsedNotifications.length){var i=this.parsedNotifications[0];var e=window.setTimeout((function(){return a.snackExpired(i.id)}),6e3);this.timers=Object.assign((t={},t[i.id]=e,t),this.timers);this.announce("".concat(i.message," ").concat(this.isTabbing?"":i.link));if(this.isTabbing&&i.link){this.focusOnDismiss=document.activeElement?document.activeElement:null;this.stopTimer(i);window.requestAnimationFrame((function(){var n=a.el.shadowRoot.querySelector("#action-".concat(i.id));n.focus()}))}}this.setMinWidths()};n.prototype.refreshUpdatedNotifications=function(n){var t=this;var a=[];n.forEach((function(n){t.parsedNotifications.forEach((function(t){if(t.id==n.id&&t.message!=n.message){a.push(t)}}))}));a.forEach((function(n){var a;var r=t.el.shadowRoot.querySelector("#snack-".concat(n.id));if(r){r.classList.remove("grow");window.requestAnimationFrame((function(){return r.classList.add("grow")}))}t.stopTimer(n);var i=window.setTimeout((function(){return t.snackExpired(n.id)}),6e3);t.timers=Object.assign((a={},a[n.id]=i,a),t.timers);t.announce("".concat(n.message," ").concat(t.isTabbing?"":n.link))}))};n.prototype.checkForTabbing=function(n){if(n.key==="Tab"){this.isTabbing=true}};n.prototype.handleMouse=function(){this.isTabbing=false};n.prototype.snackDismissed=function(n){this.endSnack(n);if(n.link&&this.isTabbing&&this.focusOnDismiss){this.focusOnDismiss.focus();this.focusOnDismiss=null}};n.prototype.snackExpired=function(n){var t=this.parsedNotifications.find((function(t){return t.id==n}));if(t){this.endSnack(t)}};n.prototype.endSnack=function(n){this.stopTimer(n);this.wmSnackbarSnackFinished.emit({id:n.id,message:n.message,link:n.link,newWindow:n.newWindow})};n.prototype.snackLinkClicked=function(n){this.stopTimer(n);this.wmSnackbarActionTriggered.emit({id:n.id,message:n.message,link:n.link,newWindow:n.newWindow})};n.prototype.stopTimer=function(n){if(this.timers[n.id]){clearTimeout(this.timers[n.id]);delete this.timers[n.id]}};n.prototype.setMinWidths=function(){var n=this;requestAnimationFrame((function(){var t=n.el.shadowRoot.querySelectorAll(".msg");t.forEach((function(n){n.classList.remove("long");if(n.scrollWidth>216){n.classList.add("long")}}))}))};n.prototype.announce=function(n){if(this.liveRegionEl.textContent===n){n+=" "}this.announcement=n};n.prototype.renderSnackbars=function(){var n=this;return __spreadArray([],this.parsedNotifications,true).reverse().map((function(t){return h("div",{class:"wm-snack-wrapper"},h("div",{id:"snack-".concat(t.id),class:"wm-snackbar active neutral"},h("div",{class:"sr-only",tabindex:t.link?0:-1,onFocus:function(){return t.link&&n.snackDismissed(t)}}),h("div",{class:"wm-snackbarmsg"},h("div",{class:"msgtext"},h("span",{class:"msg"},t.message),t.link&&h("a",{id:"action-".concat(t.id),class:"link ".concat(t.newWindow?"new-window":""),"aria-label":"Click to ".concat(t.link,"...").concat(t.newWindow?" "+globalMessages.newWindow:""),tabindex:0,onClick:function(){n.snackLinkClicked(t)},onKeyDown:function(a){return a.key==="Enter"&&n.snackLinkClicked(t)}},h("span",{"aria-hidden":"true"},t.link))),h("button",{id:"close-button-".concat(t.id),"aria-label":"Close this notification",class:"closesnack",tabindex:t.link?0:-1,onClick:function(){return n.snackDismissed(t)},onMouseEnter:function(n){return showTooltip("bottom",n.target,globalMessages.close)},onMouseLeave:function(){return hideTooltip()},onFocus:function(t){return n.isTabbing&&showTooltip("bottom",t.target,globalMessages.close)},onBlur:function(){return hideTooltip()}})),h("div",{class:"sr-only",tabindex:t.link?0:-1,onFocus:function(){return t.link&&n.snackDismissed(t)}})))}))};n.prototype.render=function(){var n=this;return h(Host,{key:"67f36569152cc7f7df8e17a48b72737cf06b2249"},h("div",{key:"2646611246f9ab87624bb1ad2bad217c364d89e7",ref:function(t){return n.snackAreaEl=t},class:{"list-wrapper":true,"user-is-tabbing":this.isTabbing}},this.renderSnackbars()),h("div",{key:"26284c415d2be1b8e944d7c2830c8eada5030fe3",class:"sr-only","aria-live":"polite","aria-atomic":"false",id:"wm-live-region-".concat(this.uid),ref:function(t){return n.liveRegionEl=t}},this.announcement))};Object.defineProperty(n.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(n,"watchers",{get:function(){return{notifications:["updateSnacks"]}},enumerable:false,configurable:true});return n}();Snackbar.style=WmSnackbarStyle0;export{Snackbar as wm_snackbar};

package/dist/esm-es5/wm-tab-item_3.entry.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{r as registerInstance,c as createEvent,h,H as Host,g as getElement,f as forceUpdate}from"./index-~~f164fbca~~.js";import{d as debounce,g as generateId}from"./functions-~~f65dbb96~~.js";var wmTabItemCss=":host{display:-ms-flexbox;display:flex;font-family:inherit;-ms-flex-item-align:stretch;align-self:stretch}:host {-webkit-box-sizing:border-box;box-sizing:border-box}:host.hide{display:none}.tab-item{display:-ms-flexbox;display:flex;-ms-flex-item-align:stretch;align-self:stretch;list-style-type:none}.tab-item .tab{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;color:var(--wmcolor-tab-text);text-decoration:none;letter-spacing:0.7px;font-size:0.875rem;font-weight:500;opacity:1;position:relative;text-transform:uppercase;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-inline:1.5rem}.tab-item .tab[aria-selected=true]{font-weight:700;opacity:1;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:16px}.tab-item .tab[aria-selected=true].dark{color:var(--wmcolor-tab-text-ondark)}.tab-item .tab,.tab-item .tab:hover,.tab-item .tab:active{outline:none}.tab-item .tab:focus{outline:none}.tab-item .tab.dark:not([aria-selected=true]){opacity:0.8;color:var(--wmcolor-tab-text-ondark)}.tab-item .tab:focus-visible{outline:3px solid var(--wmcolor-interactive-focus);outline-offset:-3px}";var TabItem=function(){function t(t){var e=this;registerInstance(this,t);this.wmTabSelected=createEvent(this,"wmTabSelected",7);this.keydownOnTabItem=createEvent(this,"keydownOnTabItem",7);this.tabItemLoaded=createEvent(this,"tabItemLoaded",7);this.tabClicked=function(t){t.preventDefault();e.wmTabSelected.emit({tabId:e.tabId})};this.tabPressed=function(t){var i=t.key;if(i==="Enter"\|\|i===" "){t.preventDefault();e.wmTabSelected.emit({tabId:e.tabId})}else if(i.includes("Arrow")){t.preventDefault();e.keydownOnTabItem.emit({tabItem:e.el,key:t.key})}};this.selected=false;this.show=true;this.tabId=""}Object.defineProperty(t.prototype,"parentTabList",{get:function(){return this.el.parentElement},enumerable:false,configurable:true});t.prototype.componentDidLoad=function(){this.tabItemLoaded.emit()};t.prototype.render=function(){var t=this;var e=this.show?"":"hide ";e+=this.parentTabList&&this.parentTabList.customBackground=="dark"?"dark":"";var i={};var n=this.parentTabList&&this.parentTabList.customPadding;if(n){var r=parseInt(n,10)2\|\|0;var a=n.split(/([0-9]+)/).pop();i={"padding-left":this.parentTabList.customPadding,"padding-right":this.parentTabList.customPadding,"background-size":"calc(100% - ".concat(r).concat(a,") 3px")}}return h(Host,{role:"presentation"},h("li",{class:"tab-item",role:"presentation"},h("a",{class:"tab ".concat(e),style:i,role:"tab",ref:function(e){return t.linkEl=e},onClick:this.tabClicked,id:"tab-link-".concat(this.tabId),onKeyDown:function(e){return t.tabPressed(e)},"aria-selected":this.selected?"true":"false",tabindex:this.selected?0:-1},h("slot",~~null~~))))};Object.defineProperty(t,"delegatesFocus",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();TabItem.style=~~wmTabItemCss~~;var wmTabListCss=":host{--wmcolor-tab-background:var(--wmcolor-background-transparent);--wmcolor-tab-background-dark:var(--wmcolor-background-dark);--wmcolor-tab-text-ondark:var(--wmcolor-interactive-ondark);--wmcolor-tab-text:var(--wmcolor-interactive);position:relative;white-space:nowrap;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:block}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host .tabcontainer{background:var(--wmcolor-tab-background);margin:0;width:100%;height:4.0625rem;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:0}:host .tabcontainer.dark{background:var(--wmcolor-tab-background-dark);margin:0}:host wm-select{padding:0.375rem 0}";var TabList=function(){function t(t){var e=this;registerInstance(this,t);this.wmTabSelected=createEvent(this,"wmTabSelected",7);this.debouncedSetLayout=debounce((function(){if(!e.listWidth){e.setListWidth()}forceUpdate(e.el)}),10);this.customBackground=undefined;this.customPadding=undefined;this.selectedTab=undefined}Object.defineProperty(t.prototype,"menuLayout",{get:function(){if(this.listWidth){return this.el.offsetWidth<this.listWidth-24}else{return false}},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"tabItems",{get:function(){return Array.from(this.el.querySelectorAll("wm-tab-item"))},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"selectedTabItem",{get:function(){return this.tabItems.filter((function(t){return t.selected}))[0]},enumerable:false,configurable:true});t.prototype.getLinkEl=function(t){return t.shadowRoot.querySelector("a")};Object.defineProperty(t.prototype,"panels",{get:function(){var t=Array.from(document.querySelectorAll("wm-tab-panel"));var e=this.tabItems.map((function(t){return t.tabId}));return t.filter((function(t){return e.includes(t.tabId)}))},enumerable:false,configurable:true});t.prototype.getPanel=function(t){return this.panels.find((function(e){return e.tabId===t}))};t.prototype.setListWidth=function(){var t=this.tabItems.reduce((function(t,e){return t+e.offsetWidth}),0);this.listWidth=t&&t>0?t:this.listWidth};t.prototype.setSelected=function(t){this.tabItems.map((function(e){return e.selected=e.tabId===t}));var e=this.panels.length===1&&this.tabItems.length>1;if(e){this.setAttributesOnPanel(this.panels[0],this.selectedTabItem);this.panels[0].active=true}else{this.panels.map((function(e){return e.active=e.tabId===t}))}};t.prototype.showItems=function(){this.tabItems.map((function(t){return t.show=true}))};t.prototype.hideItems=function(){this.tabItems.map((function(t){return t.show=false}))};t.prototype.componentWillLoad=function(){var t=this;this.el.focus=function(){t.selectedTabItem&&t.selectedTabItem.focus()};var e=new ResizeObserver((function(){return t.debouncedSetLayout()}));e.observe(this.el)};t.prototype.componentDidLoad=function(){var t=this.selectedTab\|\|this.tabItems[0].tabId;this.setSelected(t)};t.prototype.tabItemLoaded=function(t){this.setAriaOnPanelAndTab(t.target)};t.prototype.setAriaOnPanelAndTab=function(t){var e=this.getPanel(t.tabId);if(!e){if(this.panels.length===1){this.setAttributesOnTab(t,this.panels[0])}}else{this.setAttributesOnPanel(e,t);this.setAttributesOnTab(t,e)}};t.prototype.setAttributesOnTab=function(t,e){var i=this.getLinkEl(t);if(i){i.setAttribute("href","#".concat(e.id))}};t.prototype.removeAttributesOnTab=function(t){var e=this.getLinkEl(t);if(e){e.removeAttribute("href")}};t.prototype.setAttributesOnPanel=function(t,e){var i=this.getLinkEl(e);if(i){t.setAttribute("aria-labelledby",i.id);t.setAttribute("tab-id",e.tabId)}};t.prototype.handleKeydown=function(t){var e=t.detail.key;var i=this.tabItems.indexOf(t.detail.tabItem);if(e==="ArrowLeft"\|\|e==="ArrowRight"){this.handleLeftRightArrow(i,e)}};t.prototype.handleLeftRightArrow=function(t,e){if(e){t=e==="ArrowLeft"?t-1:t+1}if(t<0){t=this.tabItems.length-1}else if(t===this.tabItems.length){t=0}var i=this.tabItems[t];this.getLinkEl(i).focus()};t.prototype.renderMenuOrTabs=function(){if(this.menuLayout){this.hideItems();return h("wm-select",{label:"Choose a tab","label-position":"none"},this.renderOptions())}else{this.showItems();var t={};if(this.customPadding){t={"margin-left":"-"+this.customPadding}}return h("ul",{class:"tabcontainer ".concat(this.customBackground\|\|""),style:t,role:"tablist"},h("slot",null))}};t.prototype.renderOptions=function(){var t=this;return this.tabItems.map((function(e){return h("wm-option",{id:"tab-link-".concat(e.tabId),selected:e.tabId===t.selectedTab,onClick:function(i){i.preventDefault();t.wmTabSelected.emit({tabId:e.tabId})}},e.textContent)}))};t.prototype.render=function(){return h(Host,{class:this.menuLayout?"menu":""},this.renderMenuOrTabs())};Object.defineProperty(t,"delegatesFocus",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{selectedTab:["setSelected"]}},enumerable:false,configurable:true});return t}();TabList.style=~~wmTabListCss~~;var wmTabPanelCss="wm-tab-panel{visibility:inherit}wm-tab-panel.tab-hidden{display:none}wm-tab-panel:active{outline:none}wm-tab-panel:focus{outline:none}wm-tab-panel.user-is-tabbing:focus{outline:-webkit-focus-ring-color auto 5px}";var TabPanel=function(){function t(t){registerInstance(this,t);this.tabPanelLoaded=createEvent(this,"tabPanelLoaded",7);this.active=false;this.tabId=""}t.prototype.componentWillLoad=function(){!this.el.id&&this.el.setAttribute("id",generateId())};t.prototype.componentDidLoad=function(){this.tabPanelLoaded.emit({tabId:this.tabId})};t.prototype.render=function(){return h(Host,{role:"tabpanel",class:{"tab-hidden":!this.active}})};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();TabPanel.style=~~wmTabPanelCss~~;export{TabItem as wm_tab_item,TabList as wm_tab_list,TabPanel as wm_tab_panel};
1	+ import{r as registerInstance,c as createEvent,h,H as Host,g as getElement,f as forceUpdate}from"./index-130e07bb.js";import{d as debounce,g as generateId}from"./functions-25781571.js";var wmTabItemCss=":host{display:-ms-flexbox;display:flex;font-family:inherit;-ms-flex-item-align:stretch;align-self:stretch}:host {-webkit-box-sizing:border-box;box-sizing:border-box}:host.hide{display:none}.tab-item{display:-ms-flexbox;display:flex;-ms-flex-item-align:stretch;align-self:stretch;list-style-type:none}.tab-item .tab{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;color:var(--wmcolor-tab-text);text-decoration:none;letter-spacing:0.7px;font-size:0.875rem;font-weight:500;opacity:1;position:relative;text-transform:uppercase;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-inline:1.5rem}.tab-item .tab[aria-selected=true]{font-weight:700;opacity:1;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:16px}.tab-item .tab[aria-selected=true].dark{color:var(--wmcolor-tab-text-ondark)}.tab-item .tab,.tab-item .tab:hover,.tab-item .tab:active{outline:none}.tab-item .tab:focus{outline:none}.tab-item .tab.dark:not([aria-selected=true]){opacity:0.8;color:var(--wmcolor-tab-text-ondark)}.tab-item .tab:focus-visible{outline:3px solid var(--wmcolor-interactive-focus);outline-offset:-3px}";var WmTabItemStyle0=wmTabItemCss;var TabItem=function(){function t(t){var e=this;registerInstance(this,t);this.wmTabSelected=createEvent(this,"wmTabSelected",7);this.keydownOnTabItem=createEvent(this,"keydownOnTabItem",7);this.tabItemLoaded=createEvent(this,"tabItemLoaded",7);this.tabClicked=function(t){t.preventDefault();e.wmTabSelected.emit({tabId:e.tabId})};this.tabPressed=function(t){var i=t.key;if(i==="Enter"\|\|i===" "){t.preventDefault();e.wmTabSelected.emit({tabId:e.tabId})}else if(i.includes("Arrow")){t.preventDefault();e.keydownOnTabItem.emit({tabItem:e.el,key:t.key})}};this.selected=false;this.show=true;this.tabId=""}Object.defineProperty(t.prototype,"parentTabList",{get:function(){return this.el.parentElement},enumerable:false,configurable:true});t.prototype.componentDidLoad=function(){this.tabItemLoaded.emit()};t.prototype.render=function(){var t=this;var e=this.show?"":"hide ";e+=this.parentTabList&&this.parentTabList.customBackground=="dark"?"dark":"";var i={};var n=this.parentTabList&&this.parentTabList.customPadding;if(n){var a=parseInt(n,10)2\|\|0;var r=n.split(/([0-9]+)/).pop();i={"padding-left":this.parentTabList.customPadding,"padding-right":this.parentTabList.customPadding,"background-size":"calc(100% - ".concat(a).concat(r,") 3px")}}return h(Host,{key:"0d9c95f25f36cd8e37bdacdfc73c9032ab11f8b9",role:"presentation"},h("li",{key:"6d83fae63842be52110fdcaf1797767c8defa24e",class:"tab-item",role:"presentation"},h("a",{key:"399e8aa507afa3b70b925969c9fd4508345098fb",class:"tab ".concat(e),style:i,role:"tab",ref:function(e){return t.linkEl=e},onClick:this.tabClicked,id:"tab-link-".concat(this.tabId),onKeyDown:function(e){return t.tabPressed(e)},"aria-selected":this.selected?"true":"false",tabindex:this.selected?0:-1},h("slot",{key:"3571988e318de8baa6a9d82c464d101f38d12a51"}))))};Object.defineProperty(t,"delegatesFocus",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();TabItem.style=WmTabItemStyle0;var wmTabListCss=":host{--wmcolor-tab-background:var(--wmcolor-background-transparent);--wmcolor-tab-background-dark:var(--wmcolor-background-dark);--wmcolor-tab-text-ondark:var(--wmcolor-interactive-ondark);--wmcolor-tab-text:var(--wmcolor-interactive);position:relative;white-space:nowrap;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:block}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host .tabcontainer{background:var(--wmcolor-tab-background);margin:0;width:100%;height:4.0625rem;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:0}:host .tabcontainer.dark{background:var(--wmcolor-tab-background-dark);margin:0}:host wm-select{padding:0.375rem 0}";var WmTabListStyle0=wmTabListCss;var TabList=function(){function t(t){var e=this;registerInstance(this,t);this.wmTabSelected=createEvent(this,"wmTabSelected",7);this.debouncedSetLayout=debounce((function(){if(!e.listWidth){e.setListWidth()}forceUpdate(e.el)}),10);this.customBackground=undefined;this.customPadding=undefined;this.selectedTab=undefined}Object.defineProperty(t.prototype,"menuLayout",{get:function(){if(this.listWidth){return this.el.offsetWidth<this.listWidth-24}else{return false}},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"tabItems",{get:function(){return Array.from(this.el.querySelectorAll("wm-tab-item"))},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"selectedTabItem",{get:function(){return this.tabItems.filter((function(t){return t.selected}))[0]},enumerable:false,configurable:true});t.prototype.getLinkEl=function(t){return t.shadowRoot.querySelector("a")};Object.defineProperty(t.prototype,"panels",{get:function(){var t=Array.from(document.querySelectorAll("wm-tab-panel"));var e=this.tabItems.map((function(t){return t.tabId}));return t.filter((function(t){return e.includes(t.tabId)}))},enumerable:false,configurable:true});t.prototype.getPanel=function(t){return this.panels.find((function(e){return e.tabId===t}))};t.prototype.setListWidth=function(){var t=this.tabItems.reduce((function(t,e){return t+e.offsetWidth}),0);this.listWidth=t&&t>0?t:this.listWidth};t.prototype.setSelected=function(t){this.tabItems.map((function(e){return e.selected=e.tabId===t}));var e=this.panels.length===1&&this.tabItems.length>1;if(e){this.setAttributesOnPanel(this.panels[0],this.selectedTabItem);this.panels[0].active=true}else{this.panels.map((function(e){return e.active=e.tabId===t}))}};t.prototype.showItems=function(){this.tabItems.map((function(t){return t.show=true}))};t.prototype.hideItems=function(){this.tabItems.map((function(t){return t.show=false}))};t.prototype.componentWillLoad=function(){var t=this;this.el.focus=function(){t.selectedTabItem&&t.selectedTabItem.focus()};var e=new ResizeObserver((function(){return t.debouncedSetLayout()}));e.observe(this.el)};t.prototype.componentDidLoad=function(){var t=this.selectedTab\|\|this.tabItems[0].tabId;this.setSelected(t)};t.prototype.tabItemLoaded=function(t){this.setAriaOnPanelAndTab(t.target)};t.prototype.setAriaOnPanelAndTab=function(t){var e=this.getPanel(t.tabId);if(!e){if(this.panels.length===1){this.setAttributesOnTab(t,this.panels[0])}}else{this.setAttributesOnPanel(e,t);this.setAttributesOnTab(t,e)}};t.prototype.setAttributesOnTab=function(t,e){var i=this.getLinkEl(t);if(i){i.setAttribute("href","#".concat(e.id))}};t.prototype.removeAttributesOnTab=function(t){var e=this.getLinkEl(t);if(e){e.removeAttribute("href")}};t.prototype.setAttributesOnPanel=function(t,e){var i=this.getLinkEl(e);if(i){t.setAttribute("aria-labelledby",i.id);t.setAttribute("tab-id",e.tabId)}};t.prototype.handleKeydown=function(t){var e=t.detail.key;var i=this.tabItems.indexOf(t.detail.tabItem);if(e==="ArrowLeft"\|\|e==="ArrowRight"){this.handleLeftRightArrow(i,e)}};t.prototype.handleLeftRightArrow=function(t,e){if(e){t=e==="ArrowLeft"?t-1:t+1}if(t<0){t=this.tabItems.length-1}else if(t===this.tabItems.length){t=0}var i=this.tabItems[t];this.getLinkEl(i).focus()};t.prototype.renderMenuOrTabs=function(){if(this.menuLayout){this.hideItems();return h("wm-select",{label:"Choose a tab","label-position":"none"},this.renderOptions())}else{this.showItems();var t={};if(this.customPadding){t={"margin-left":"-"+this.customPadding}}return h("ul",{class:"tabcontainer ".concat(this.customBackground\|\|""),style:t,role:"tablist"},h("slot",null))}};t.prototype.renderOptions=function(){var t=this;return this.tabItems.map((function(e){return h("wm-option",{id:"tab-link-".concat(e.tabId),selected:e.tabId===t.selectedTab,onClick:function(i){i.preventDefault();t.wmTabSelected.emit({tabId:e.tabId})}},e.textContent)}))};t.prototype.render=function(){return h(Host,{key:"c768cc9153a707b6093d82b387d33df4b67f9adf",class:this.menuLayout?"menu":""},this.renderMenuOrTabs())};Object.defineProperty(t,"delegatesFocus",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{selectedTab:["setSelected"]}},enumerable:false,configurable:true});return t}();TabList.style=WmTabListStyle0;var wmTabPanelCss="wm-tab-panel{visibility:inherit}wm-tab-panel.tab-hidden{display:none}wm-tab-panel:active{outline:none}wm-tab-panel:focus{outline:none}wm-tab-panel.user-is-tabbing:focus{outline:-webkit-focus-ring-color auto 5px}";var WmTabPanelStyle0=wmTabPanelCss;var TabPanel=function(){function t(t){registerInstance(this,t);this.tabPanelLoaded=createEvent(this,"tabPanelLoaded",7);this.active=false;this.tabId=""}t.prototype.componentWillLoad=function(){!this.el.id&&this.el.setAttribute("id",generateId())};t.prototype.componentDidLoad=function(){this.tabPanelLoaded.emit({tabId:this.tabId})};t.prototype.render=function(){return h(Host,{key:"83da2497d78709f8b891e4c3735508b992fc6a90",role:"tabpanel",class:{"tab-hidden":!this.active}})};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();TabPanel.style=WmTabPanelStyle0;export{TabItem as wm_tab_item,TabList as wm_tab_list,TabPanel as wm_tab_panel};

package/dist/esm-es5/wm-tag-input.entry.js CHANGED Viewed

	@@ -1 +1 @@
1	- var __spreadArray=this&&this.__spreadArray\|\|function(t,e,r){if(r\|\|arguments.length===2)for(var i=0,o=e.length,a;i<o;i++){if(a\|\|!(i in e)){if(!a)a=Array.prototype.slice.call(e,0,i);a[i]=e[i]}}return t.concat(a\|\|Array.prototype.slice.call(e))};import{r as registerInstance,c as createEvent,f as forceUpdate,h,g as getElement}from"./index-f164fbca.js";import{i as intl,d as debounce,u as measureText,m as truncateText,h as hideTooltip,v as findNext,w as findPrev,s as showTooltip,k as shouldOpenUp,x as csvToArray}from"./functions-f65dbb96.js";import{g as globalMessages}from"./intl-f7f77de7.js";var wmTagInputCss=':host{--wmcolor-taginput-altrow-background-table:var(--wmcolor-table-altrow-background);--wmcolor-taginput-border:var(--wmcolor-input-border);--wmcolor-taginput-charcount-background:var(--wmcolor-input-charcount-background);--wmcolor-taginput-header-background-table:var(--wmcolor-table-header-background);--wmcolor-taginput-help-text:var(--wmcolor-text);--wmcolor-taginput-icon:var(--wmcolor-icon-accent);--wmcolor-taginput-maxtags-background:var(--wmcolor-background-readonly);--wmcolor-taginput-maxtags-border:var(--wmcolor-input-border);--wmcolor-taginput-maxtags-text:var(--wmcolor-text);--wmcolor-taginput-option-background-hover:var(--wmcolor-option-background-hover);--wmcolor-taginput-option-background:var(--wmcolor-option-background);--wmcolor-taginput-option-border:var(--wmcolor-option-border);--wmcolor-taginput-option-text-selected:var(--wmcolor-option-text-disabled);--wmcolor-taginput-option-text:var(--wmcolor-interactive);--wmcolor-taginput-row-background-hover:var(--wmcolor-interactive-background-hover);--wmcolor-taginput-row-background-selected:var(--wmcolor-table-row-background-selected);--wmcolor-taginput-row-background-table:var(--wmcolor-table-row-background);--wmcolor-taginput-row-border-selected:var(--wmcolor-table-row-border-selected);--wmcolor-taginput-tag-background-focus:var(--wmcolor-palelilacgray-dark);--wmcolor-taginput-tag-background-highlight:var(--wmcolor-background-highlight);--wmcolor-taginput-tag-background-locked:var(--wmcolor-interactive-disabled);--wmcolor-taginput-tag-background:var(--wmcolor-palelilacgray);--wmcolor-taginput-tag-text-locked:var(--wmcolor-text-ondark);--wmcolor-taginput-tag-text:var(--wmcolor-text);--wmcolor-taginput-tagbutton-background-hover:var(--wmcolor-button-background-icononly-hover);--wmcolor-taginput-tagbutton-border:var(--wmcolor-button-border-icononly);--wmcolor-taginput-tagbutton-icon-hover:var(--wmcolor-button-icon-icononly-hover);--wmcolor-taginput-tagbutton-icon:var(--wmcolor-button-icon-icononly);font-family:inherit;width:100%;display:block;max-height:80vh}:host {-webkit-box-sizing:border-box;box-sizing:border-box;font-size:14px}:host .wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:0.875rem}:host .wrapper .label{display:block;line-height:normal;font-weight:600;white-space:nowrap;margin-bottom:0.25rem}:host .wrapper .label .required{color:var(--wmcolor-text-required)}:host .wrapper.label-left{-ms-flex-direction:row;flex-direction:row}:host .wrapper.label-left .label-wrapper{line-height:2.5rem}:host .wrapper.label-left .label-wrapper .label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:2.5rem;white-space:normal;margin-bottom:0;margin-right:0.75rem}:host .wrapper.label-none label{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}:host .wrapper.invalid .label{color:var(--wmcolor-text-error)}:host .wrapper.invalid .label:after{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f026";margin-left:0.3125rem}[dir=RTL] :host .wrapper.invalid .label:after{margin-left:0;margin-right:0.3125rem}:host .wrapper.rtl.label-left .label{margin-right:0;margin-left:0.75rem}:host .wrapper{width:100%;height:100%;max-height:inherit;min-height:inherit;position:relative}:host .field-wrapper{position:relative;width:100%;border:1px solid;border-color:var(--wmcolor-taginput-border);-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px}:host .field-wrapper.focused{outline:2px solid var(--wmcolor-input-border-focus);border-color:var(--wmcolor-input-border-focus)}:host .field-wrapper.invalid{-webkit-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);-moz-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);box-shadow:0 0 0 1px var(--wmcolor-input-border-error);border-color:var(--wmcolor-input-border-error)}:host .wrapper:not(.label-left) .field-wrapper{-ms-flex-negative:0;flex-shrink:0}:host .character-count{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:5rem;background-color:var(--wmcolor-taginput-charcount-background);font-size:0.875rem;font-weight:500;-ms-flex-item-align:stretch;align-self:stretch}:host .tags-and-input-wrapper{position:relative;width:100%;padding:8px 8px 8px 6px;overflow:auto;max-height:200px}:host .tags-and-input-wrapper.in-modal{max-height:20vh}:host .upper-row{width:100%;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-pack:justify;justify-content:space-between}:host .upper-row:before{-ms-flex-item-align:start;align-self:flex-start;display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f349";color:var(--wmcolor-taginput-icon);padding:0.75rem 0.5rem 0.75rem 0.75rem;line-height:normal;font-size:1.12rem}:host .lower-row{width:100%;min-height:1.875rem}:host #max-tags{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:1.875rem;background-color:var(--wmcolor-taginput-maxtags-background);padding:0.5rem 1rem;color:var(--wmcolor-taginput-maxtags-text);font-size:0.875rem;border-top:1px solid var(--wmcolor-taginput-maxtags-border);border-radius:0 0 3px 3px}:host .tag-area{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0;margin:0;gap:8px}:host .tag-area:focus{outline:none}:host .tag-area li{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;height:1.75rem;list-style:none;color:var(--wmcolor-taginput-tag-text);background-color:var(--wmcolor-taginput-tag-background);padding:0.5rem 0.625rem;-webkit-transition:background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);white-space:pre}:host .tag-area li.highlight{-webkit-animation:fadeIn 1s;animation:fadeIn 1s}@-webkit-keyframes fadeIn{0%{background-color:var(--wmcolor-taginput-tag-background)}50%{background-color:var(--wmcolor-taginput-tag-background-highlight)}100%{background-color:var(--wmcolor-taginput-tag-background)}}@keyframes fadeIn{0%{background-color:var(--wmcolor-taginput-tag-background)}50%{background-color:var(--wmcolor-taginput-tag-background-highlight)}100%{background-color:var(--wmcolor-taginput-tag-background)}}:host .tag-area li.locked{background-color:var(--wmcolor-taginput-tag-background-locked);color:var(--wmcolor-taginput-tag-text-locked)}:host .tag-area li .icon{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:1.25rem;width:1.25rem;padding:0;margin-left:0.5rem}:host .tag-area li .icon.remove-btn{border:1px solid var(--wmcolor-taginput-tagbutton-border);color:var(--wmcolor-taginput-tagbutton-icon);border-radius:50%;cursor:pointer;-webkit-transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1), color 500ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1), color 500ms cubic-bezier(0.4, 0, 0.2, 1)}:host .tag-area li .icon.remove-btn:hover{color:var(--wmcolor-taginput-tagbutton-icon-hover);background-color:var(--wmcolor-taginput-tagbutton-background-hover)}:host .tag-area li .icon.remove-btn:before{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f156"}:host .tag-area li .icon.lock{color:var(--wmcolor-taginput-tag-text-locked)}:host .tag-area li .icon.lock:before{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f341"}:host .tag-area.user-is-keying:focus-visible li.focused{outline:3px solid var(--wmcolor-interactive-focus);outline-offset:3px}:host .input{font-family:inherit;border:none;height:1.75rem;padding:0;margin:0;right:8px}:host .input:focus{outline:none}:host .tag-area:not(.empty)+.input.extended{-webkit-margin-before:8px;margin-block-start:8px}:host .dropdown-wrapper{margin:0;padding:0;-webkit-box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);-ms-transition:transform 0.25s ease;-webkit-transition:transform 0.25s ease;-moz-transition:transform 0.25s ease;-webkit-transition:-webkit-transform 0.25s ease;transition:-webkit-transform 0.25s ease;transition:transform 0.25s ease;transition:transform 0.25s ease, -webkit-transform 0.25s ease;-ms-transform:scale(1, 0);-webkit-transform:scale(1, 0);-moz-transform:scale(1, 0);transform:scale(1, 0);-ms-transform-origin:center top;-webkit-transform-origin:center top;-moz-transform-origin:center top;transform-origin:center top;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;position:absolute;top:calc(100% + 2px);right:0;z-index:100;width:100%;font-size:0.875rem}:host .dropdown-wrapper .dropdown{-webkit-overflow-scrolling:touch;overflow:auto;max-height:12.5rem;margin:0;padding:0}:host .dropdown-wrapper.open{-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);transform:scale(1, 1)}:host .dropdown-wrapper.upwards{top:unset;bottom:calc(100% + 2px);-ms-transform-origin:center bottom;-webkit-transform-origin:center bottom;-moz-transform-origin:center bottom;transform-origin:center bottom}:host .dropdown-wrapper li,:host .dropdown-wrapper div{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:0 1rem;background:var(--wmcolor-taginput-option-background);list-style:none;min-height:2.6875rem;white-space:pre-wrap;overflow-wrap:anywhere}:host .dropdown-wrapper li.option,:host .dropdown-wrapper li.add-new-btn,:host .dropdown-wrapper div.option,:host .dropdown-wrapper div.add-new-btn{cursor:pointer;color:var(--wmcolor-taginput-option-text);font-weight:bold;width:100%;border:none}:host .dropdown-wrapper li.option[aria-selected=true],:host .dropdown-wrapper li.add-new-btn[aria-selected=true],:host .dropdown-wrapper div.option[aria-selected=true],:host .dropdown-wrapper div.add-new-btn[aria-selected=true]{color:var(--wmcolor-taginput-option-text-selected);font-style:italic;font-weight:normal;cursor:unset}:host .dropdown-wrapper li.option:hover:not([aria-selected=true]),:host .dropdown-wrapper li.option.focused,:host .dropdown-wrapper li.add-new-btn:hover:not([aria-selected=true]),:host .dropdown-wrapper li.add-new-btn.focused,:host .dropdown-wrapper div.option:hover:not([aria-selected=true]),:host .dropdown-wrapper div.option.focused,:host .dropdown-wrapper div.add-new-btn:hover:not([aria-selected=true]),:host .dropdown-wrapper div.add-new-btn.focused{outline:none;background:var(--wmcolor-taginput-option-background-hover)}:host .dropdown-wrapper li.help-text,:host .dropdown-wrapper div.help-text{color:var(--wmcolor-taginput-help-text);height:auto;min-height:2.6875rem;padding-top:0.25rem;padding-bottom:0.25rem;white-space:normal}:host .dropdown-wrapper li:not(:last-child),:host .dropdown-wrapper div:not(:last-child){border-bottom:2px solid var(--wmcolor-taginput-option-border)}:host .info-text{font-style:italic;margin-top:0.25rem}:host .table-wrapper{overflow:auto;margin-top:1.5rem}:host .table-wrapper #table{width:100%;border-spacing:0px}:host .table-wrapper #table.fixed-widths{table-layout:fixed}:host .table-wrapper #table .headers{height:2.5rem;background-color:var(--wmcolor-taginput-header-background-table)}:host .table-wrapper #table .headers th{text-align:left;font-size:0.75rem;font-weight:700;text-transform:uppercase;padding:0 1.5rem}:host .table-wrapper tr:nth-child(even){background-color:var(--wmcolor-taginput-altrow-background-table)}:host .table-wrapper tr.selected,:host .table-wrapper tr.locked{background-color:var(--wmcolor-taginput-row-background-selected);-webkit-box-shadow:inset 0 0 0 1px var(--wmcolor-taginput-row-border-selected);box-shadow:inset 0 0 0 1px var(--wmcolor-taginput-row-border-selected);font-weight:500}:host .table-wrapper tr.focused,:host .table-wrapper tr:hover:not(.locked){background-color:var(--wmcolor-taginput-row-background-hover);-webkit-box-shadow:none;box-shadow:none}:host .table-wrapper tr.locked td{cursor:auto}:host .table-wrapper tr.locked td:first-child .cell-content-wrapper:before{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f33e";margin-right:0.5rem;color:var(--wmcolor-taginput-tag-text)}:host .table-wrapper td{height:3.75rem;vertical-align:middle;padding:0 1.5rem;cursor:pointer}:host .table-wrapper td.focused{outline:3px solid var(--wmcolor-interactive-focus);outline-offset:-3px}:host .table-wrapper td .cell-content-wrapper.trunc{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .description{display:none}:host .no-results{padding:1.25rem 1.5rem}:host .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}:host #error{display:block;font-style:italic;color:var(--wmcolor-text-error);font-size:0.875rem}:host #error:not(:empty){margin-top:0.25rem}';var TagInput=function(){function t(t){var e=this;registerInstance(this,t);this.wmTagInputTagAdded=createEvent(this,"wmTagInputTagAdded",7);this.addNewHelpText=intl.formatMessage({id:"tagInput.addNewHelpText",defaultMessage:"Press the Enter or Comma key to add a new tag.",description:"Help text appearing in a dropdown. Use imperative"});this.selectionHelpText=intl.formatMessage({id:"tagInput.selectionHelpText",defaultMessage:"Search and select a tag.",description:"Help text appearing in a dropdown. Use imperative"});this.maxTagsReachedMessage=intl.formatMessage({id:"tagInput.maxTagsReached",defaultMessage:"No more tags can be added because the limit has been reached."});this.tagAreaInstructions=intl.formatMessage({id:"tagInput.tagAreaInstructions",defaultMessage:"tag selection. Press Backspace or Delete to remove a tag."});this.tagsAddedMessage=intl.formatMessage({id:"tagInput.tagsAdded",defaultMessage:"Tags added",description:"Full message for context: 'Tags added: x/y"});this.openUp=false;this.inModal=false;this.debouncedUpdate=debounce((function(){return forceUpdate(e.el)}),30);this.label=undefined;this.errorMessage=undefined;this.info=undefined;this.labelPosition="top";this.maxTags=undefined;this.placeholder=undefined;this.requiredField=false;this.tagInputType="dropdown";this.helpText=undefined;this.addNew=true;this.characterLimit=50;this.colHeaders=undefined;this.colWidths=undefined;this.colWrap=undefined;this.isKeying=false;this.isExpanded=false;this.liveRegionMessage="";this.focusedOption=undefined;this.focusedColumn=0;this.focusedTagIndex=undefined;this.tagsList=[]}t.prototype.toggleKeyingOn=function(){this.isKeying=true};t.prototype.toggleKeyingOff=function(){this.isKeying=false};Object.defineProperty(t.prototype,"isDropdown",{get:function(){return this.tagInputType==="dropdown"},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"isTable",{get:function(){return this.tagInputType==="table"},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"charCount",{get:function(){return this.inputEl?this.inputEl.value.length:0},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"tooltipVisible",{get:function(){return document.getElementById("wm-tooltip").classList.contains("show")},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"optionEls",{get:function(){return Array.from(this.el.querySelectorAll("wm-tag-option"))},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"filteredOptionEls",{get:function(){var t=this;var e=this.inputEl?this.inputEl.value.toLowerCase():"";var r=Array.from(this.optionEls).filter((function(r){var i="";if(t.isDropdown){i=r.textContent.toLowerCase()}else if(t.isTable){i=[r.col1,r.col2,r.col3,r.col4].join("").toLowerCase()}return i.includes(e)}));return r},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"taggedOptions",{get:function(){return this.optionEls.filter((function(t){return t.selected\|\|t.locked}))},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"_tagEls",{get:function(){return this.tagAreaEl?Array.from(this.tagAreaEl.querySelectorAll(".tag")):[]},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"focusedTag",{get:function(){if(this.focusedTagIndex!==undefined&&this.focusedTagIndex>=0){return this._tagEls[this.focusedTagIndex]}},enumerable:false,configurable:true});t.prototype.tagOptionFromEl=function(t){return t.id==="add-new-btn"?undefined:this.el.querySelector("#"+t.id)};t.prototype.tagOptionFromTag=function(t){var e=t.id.replace("tag-","");return this.el.querySelector("#"+e)};t.prototype.elFromTagOption=function(t){return this.el.shadowRoot.querySelector("#"+t.id)};Object.defineProperty(t.prototype,"_focusedOption",{get:function(){if(!!this.focusedOption){return this.elFromTagOption(this.focusedOption)}else if(this.addNewButton&&this.addNewButton.classList.contains("focused")){return this.addNewButton}},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"_focusedCell",{get:function(){if(!!this._focusedOption){var t=Array.from(this._focusedOption.querySelectorAll("td"));var e=this.focusedColumn\|\|0;return t[e]}},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"inputActiveDescendantId",{get:function(){if(this._focusedOption){if(this.isTable){var t=Array.from(this._focusedOption.querySelectorAll("td"));return t[this.focusedColumn].id}return this._focusedOption.id}return null},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"tagLimitReached",{get:function(){return!!(this.maxTags&&this.taggedOptions.length>=this.maxTags)},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"noResultsMessage",{get:function(){return intl.formatMessage({id:"tagInput.noResults",defaultMessage:"No results match your search.",description:"Message displayed when a user's search returns empty."})},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"inputMinimumWidth",{get:function(){if(this._tagEls){var t=getComputedStyle(this.inputEl);var e=getComputedStyle(this._tagEls[this._tagEls.length-1]);var r=[t.paddingLeft,t.paddingRight,t.marginLeft,t.marginRight,e.marginRight].reduce((function(t,e){return t+parseInt(e.replace("px",""))}),0);var i=Math.max(150,measureText(this.inputEl,this.placeholder).width+r);return i}else{return 150}},enumerable:false,configurable:true});t.prototype.getTagName=function(t){return this.isDropdown?t.textContent:t.col1};t.prototype.isExistingTag=function(t){var e=this;var r=this.optionEls.map((function(t){return e.getTagName(t).toLowerCase()}));return r.includes(t.toLowerCase())};t.prototype.tagAddedMessage=function(t){return intl.formatMessage({id:"tagInput.tagAdded",defaultMessage:"{tagName} added.",description:"A confirmation for adding a tag."},{tagName:t})};t.prototype.tagRemovedMessage=function(t){return intl.formatMessage({id:"tagInput.tagRemoved",defaultMessage:"{tagName} removed.",description:"A confirmation for removing a tag."},{tagName:t})};t.prototype.tagAlreadyAddedMessage=function(t){return intl.formatMessage({id:"tagInput.tagAlreadyAdded",defaultMessage:"{tagName} has already been added.",description:"An alert for adding a tag that is already present."},{tagName:t})};t.prototype.tagLockedMessage=function(t){return intl.formatMessage({id:"tagInput.tagLocked",defaultMessage:"{tagName} is locked and cannot be removed.",description:"An alert for when a user tries to remove a tag that is locked."},{tagName:t})};t.prototype.isElOrChild=function(t){return t===this.el\|\|this.el.shadowRoot.contains(t)\|\|this.el.contains(t)};t.prototype.componentWillLoad=function(){var t=this;if(!this.placeholder){this.placeholder=this.createPlaceholderDefault(this.addNew,this.optionEls.length>0)}if(!this.label){console.error("wm-tag-input must have a label property")}this.el.focus=function(){var e=t._tagEls[0];if(e){t.tagAreaEl.focus();t.focusTag(e)}else{t.inputEl.focus()}};var e=new ResizeObserver((function(){return t.debouncedUpdate()}));e.observe(this.el);if(this.el.closest("wm-modal")){this.inModal=true}var r=[];var i=[];this.optionEls.forEach((function(t){if(t.locked){r.push(t)}else if(t.selected){i.push(t)}}));this.tagsList=__spreadArray(__spreadArray([],r,true),i,true)};t.prototype.componentDidLoad=function(){var t=this;var e=new MutationObserver((function(e){return e.forEach((function(e){return t.handleChangeAnnouncement(e)}))}));e.observe(this.el,{subtree:true,attributes:true,attributeFilter:["selected"],childList:true});var r=new MutationObserver((function(e){return e.forEach((function(e){return t.handleOptionListChange(e)}))}));r.observe(this.el,{childList:true});if(!!this.tagAreaEl){var i=new MutationObserver((function(e){return e.forEach((function(e){return t.handleTagListChange(e)}))}));i.observe(this.tagAreaEl,{childList:true})}};t.prototype.handleChangeAnnouncement=function(t){var e=t.target;if(t.type=="childList"&&t.removedNodes.length>0){this.announce(this.tagRemovedMessage(t.removedNodes[0].textContent))}else if(t.type=="attributes"){var r=this.getTagName(e);if(e.selected){var i=this.tagAddedMessage(r);if(this.tagLimitReached){i+=" ".concat(this.maxTagsReachedMessage)}this.announce(i)}else{this.announce(this.tagRemovedMessage(r))}}};t.prototype.handleOptionListChange=function(t){var e=this;var r=Array.from(t.addedNodes);if(r.length>0){r.forEach((function(t){return!e.tagsList.includes(t)&&e.tagsList.push(t)}))}var i=Array.from(t.removedNodes);if(i.length>0){this.tagsList=this.tagsList.filter((function(t){return!i.includes(t)}))}};t.prototype.handleTagOptionSelected=function(t){var e=t.target;this.tagsList=this.tagsList.concat(e)};t.prototype.handleTagOptionDeselected=function(t){var e=t.target;this.tagsList=this.tagsList.filter((function(t){return t!=e}))};t.prototype.handleTagListChange=function(t){var e=Array.from(t.addedNodes);if(!!e){e.forEach((function(t){t.classList.add("highlight")}))}var r=t.removedNodes[0];if(!!r){r.classList.remove("highlight");if(this.focusedTag){this.focusTag(this.focusedTag)}else if(this._tagEls.length>0){var i=this._tagEls[this._tagEls.length-1];this.focusTag(i)}else{this.inputEl.focus()}}};t.prototype.componentDidRender=function(){var t=this;this.positionInput();this._tagEls.forEach((function(e){var r=e.querySelector(".tag-text");var i=t.el.shadowRoot.querySelector(".tags-and-input-wrapper");var o=r.getBoundingClientRect().left;var a=i.getBoundingClientRect().right-10-8-28;var n=e.id.replace("tag-","");var s=n&&t.el.querySelector("#"+n);if(s){r.textContent=truncateText(r,t.getTagName(s),a-o,5)}}))};t.prototype.createPlaceholderDefault=function(t,e){var r=intl.formatMessage({id:"tagInput.placeholderAddAndSearch",defaultMessage:"Add or search for a tag",description:"Placeholder text. Use imperative"});var i=intl.formatMessage({id:"tagInput.placeholderSearch",defaultMessage:"Search and select a tag",description:"Placeholder text. Use imperative"});var o=intl.formatMessage({id:"tagInput.placeholderAdd",defaultMessage:"Add a new tag",description:"Placeholder text. Use imperative"});var a="";if(t&&e){a=r}else if(!t&&e){a=i}else if(t){a=o}return a};t.prototype.handleClick=function(t){var e=t.target;if(this.isDropdown&&!this.el.contains(e)&&this.isExpanded){this.closeDropdown()}};t.prototype.announceError=function(){var t=this;if(this.errorMessage){setTimeout((function(){return t.announce(t.errorMessage)}),100)}};t.prototype.handleOptionClick=function(t){t.preventDefault();this.resetInput();var e;if(this.isTable){e=t.target;e=this.tagOptionFromEl(e.closest("tr"))}else{e=this.tagOptionFromEl(t.target)}e.click();if(e.locked){this.announce(this.tagLockedMessage(this.getTagName(e)))}else{e.selected?this.isTable&&e.emitDeselectedEvent():e.emitSelectedEvent()}};t.prototype.dismissTooltip=function(){if(this.tooltipVisible){hideTooltip()}};t.prototype.handleInputKeyDown=function(t){if(/^.$/.test(t.key)&&this.charCount>=this.characterLimit){this.announce(this.generateCharacterLimitWarning(this.charCount,this.characterLimit))}switch(t.key){case"Enter":t.preventDefault();this.handleInputEnter();break;case"ArrowDown":t.preventDefault();this.handleInputArrowDown();break;case"ArrowUp":t.preventDefault();this.handleInputArrowUp();break;case"ArrowLeft":if(this.isTable){t.preventDefault();this.focusPrevCell()}break;case"ArrowRight":if(this.isTable){t.preventDefault();this.focusNextCell()}break;case"Escape":if(this.isDropdown&&this.isExpanded){t.preventDefault();this.closeDropdown()}break;case"ArrowLeft":case"Backspace":this.handleInputBackspace();break}};t.prototype.handleInputFocus=function(){if(this.isDropdown){this.openDropdown();this.clearOptionFocus()}};t.prototype.handleInputChanged=function(t){this.clearOptionFocus();if(this.isDropdown){if(this.charCount>=this.characterLimit-5){this.announce(this.generateCharacterLimitWarning(this.charCount,this.characterLimit))}if(!this.isExpanded){this.openDropdown()}}var e=t.target.value;if(e.includes(",")&&this.addNew){this.addTags(e)}else{this.announceExistingOptions()}};t.prototype.handleInputEnter=function(){if(this.focusedOption){if(this.focusedOption.locked){this.announce(this.tagLockedMessage(this.getTagName(this.focusedOption)))}else{this.focusedOption.click();this.focusedOption.selected?this.isTable&&this.focusedOption.emitDeselectedEvent():this.focusedOption.emitSelectedEvent();this.resetInput()}}else if(this.isDropdown){var t=this.inputEl.value;if(!!t){this.isExistingTag(t)?this.announce(this.tagAlreadyAddedMessage(t)):this.addTags(t);this.resetInput()}}};t.prototype.handleInputArrowDown=function(){var t=this;if(this.isDropdown){if(!this.isExpanded){this.openDropdown()}else{var e=[];if(this.addNewButton&&this.addNewButton.id==="add-new-btn"){e.push(this.addNewButton)}this.filteredOptionEls.forEach((function(r){e.push(t.elFromTagOption(r))}));var r=findNext(e,this._focusedOption,true);this.focusOption(r)}}else{var i=this.filteredOptionEls.map((function(e){return t.elFromTagOption(e)}));var r=findNext(i,this._focusedOption,true);this.focusOption(r)}};t.prototype.handleInputArrowUp=function(){var t=this;if(this.isDropdown){if(!this.isExpanded){this.openDropdown()}else{var e=[];if(this.addNewButton){e.push(this.addNewButton)}this.filteredOptionEls.forEach((function(r){e.push(t.elFromTagOption(r))}));var r=findPrev(e,this._focusedOption,true);this.focusOption(r)}}else{var i=this.filteredOptionEls.map((function(e){return t.elFromTagOption(e)}));var r=findPrev(i,this._focusedOption,true);this.focusOption(r)}};t.prototype.handleInputBackspace=function(){var t=this;if(this.inputEl.value===""&&this._tagEls.length>0){this.isKeying=true;window.requestAnimationFrame((function(){t.tagAreaEl.focus();t.focusTag(t._tagEls[t._tagEls.length-1])}))}};t.prototype.handleTagAreaKeyDown=function(t){switch(t.key){case"ArrowLeft":case"ArrowUp":t.preventDefault();if(this.focusedTag){var e=findPrev(this._tagEls,this.focusedTag,true);this.focusTag(e)}break;case"ArrowRight":case"ArrowDown":t.preventDefault();if(this.focusedTag){var r=findNext(this._tagEls,this.focusedTag,true);this.focusTag(r)}break;case"Backspace":case"Delete":if(this.focusedTag){var i=this.tagOptionFromTag(this.focusedTag);if(i.locked){this.announce(this.tagLockedMessage(this.getTagName(i)))}else{i.emitDeselectedEvent()}}break}};t.prototype.handleBlur=function(t){this.dismissTooltip();this.clearOptionFocus();var e=t.relatedTarget;if(!this.isElOrChild(e)){this.fieldWrapperEl.classList.remove("focused");if(this.isDropdown){this.closeDropdown()}}};t.prototype.handleTagAreaFocus=function(t){if(this.isDropdown){this.closeDropdown()}if(this._tagEls.length>0){var e=t.relatedTarget;if(e&&e.id==="input"){var r=this._tagEls[this._tagEls.length-1];this.focusTag(r)}else{var i=this._tagEls[0];this.focusTag(i)}}};t.prototype.focusPrevCell=function(){if(this.focusedOption){if(this.focusedColumn>0){this.focusedColumn-=1}}};t.prototype.focusNextCell=function(){if(this._focusedOption){var t=this._focusedOption.querySelectorAll("td").length-1;if(this.focusedColumn<t){this.focusedColumn+=1}}};t.prototype.focusOption=function(t){if(t){this.focusedOption=this.tagOptionFromEl(t);if(t===this.addNewButton){this.addNewButton.classList.add("focused")}else{this.addNewButton&&this.addNewButton.classList.remove("focused")}if(this.isTable){var e=this._focusedOption.querySelector(".cell-content-wrapper");var r=e.scrollWidth>e.clientWidth;this.dismissTooltip();if(r){showTooltip("bottom",this._focusedOption,this._focusedOption.innerText)}}t.scrollIntoView({block:"nearest"})}};t.prototype.showTooltipIfTruncated=function(t){var e=t.querySelector(".tag-text").textContent;var r=t.id.replace("tag-","");if(r){var i=this.el.querySelector("#"+r);var o=this.getTagName(i);if(e!==o&&e.includes("...")){showTooltip("bottom",t,o)}}};t.prototype.focusTag=function(t){var e=this;this.focusedTagIndex=this._tagEls.indexOf(t);t.scrollIntoView({block:"nearest"});window.requestAnimationFrame((function(){hideTooltip();e.showTooltipIfTruncated(t)}))};t.prototype.clearOptionFocus=function(){this.focusedOption=undefined;this.focusedColumn=0};t.prototype.openDropdown=function(){this.openUp=shouldOpenUp(this.el,this.dropdownEl.clientHeight,this.el.clientHeight,-2);this.isExpanded=true};t.prototype.closeDropdown=function(){this.clearOptionFocus();this.isExpanded=false};t.prototype.resetInput=function(){this.inputEl.value=""};t.prototype.announce=function(t){if(this.liveRegionEl.textContent===t){t+=" "}this.liveRegionMessage=t};t.prototype.addTags=function(t){var e=this;var r=t.split(",").filter((function(t){return t.match(/\S/)}));r.forEach((function(t){e.wmTagInputTagAdded.emit(t)}));this.announce(this.tagAddedMessage(r.join(", ")));this.resetInput()};t.prototype.announceExistingOptions=function(){var t=this;window.requestAnimationFrame((function(){var e=t.filteredOptionEls.length;var r=intl.formatMessage({id:"tagInput.existingOptions",defaultMessage:"{num, plural, one {1 existing option.} other {# existing options.}}"},{num:e});t.announce(r)}))};t.prototype.generateCharacterLimitWarning=function(t,e){var r=globalMessages.getCharactersEntered(t,e);if(t>=e){r+=" ".concat(globalMessages.characterLimitReached)}return r};t.prototype.positionInput=function(){if(this.tagAreaEl){var t=this._tagEls[this._tagEls.length-1];this.inputEl.style.position="static";this.inputEl.style.width="100%";this.inputEl.classList.add("extended");if(t){var e=this.tagAreaEl.getBoundingClientRect().right-t.getBoundingClientRect().right;if(e>=this.inputMinimumWidth){this.inputEl.style.position="absolute";this.inputEl.style.top=t.offsetTop.toString()+"px";this.inputEl.style.width=(e-8).toString()+"px";this.inputEl.classList.remove("extended")}}}};t.prototype.handleTagMouseEnter=function(t){this.showTooltipIfTruncated(t.target)};t.prototype.renderDropdown=function(){var t=this;return h("div",{class:"dropdown-wrapper ".concat(this.isExpanded?"open":""," ").concat(this.openUp?"upwards":""),ref:function(e){return t.dropdownEl=e}},h("div",{id:"help-text",class:"help-text"},this.renderHelpText()),h("ul",{class:"dropdown",id:"dropdown",role:"listbox","aria-multiselectable":"true","aria-expanded":this.isExpanded?"true":"false","aria-label":this.label,tabindex:-1},this.inputEl&&this.renderAddNewButton(),this.filteredOptionEls.map((function(e){return t.renderListItem(e)}))))};t.prototype.renderHelpText=function(){if(this.helpText)return this.helpText;var t="";if(this.optionEls.length>0){t=this.selectionHelpText}if(this.addNew){t+=" "+this.addNewHelpText}return t};t.prototype.renderAddNewButton=function(){var t=this;var e=this.inputEl.value.trim();var r=this.inputEl.value.match(/\S/);var i=this.isExistingTag(this.inputEl.value.trim());return this.addNew&&r&&!i&&h("li",{ref:function(e){return t.addNewButton=e},id:"add-new-btn",class:"add-new-btn",onClick:function(){return t.addTags(e)}},"Add "+e)};t.prototype.renderTable=function(){var t=this;return h("div",{class:"table-wrapper",onScroll:function(){return t.dismissTooltip()}},h("table",{id:"table",role:"grid",class:"".concat(this.colWidths?"fixed-widths":""),"aria-label":this.label,"aria-multiselectable":"true"},this.renderTableHeaders(),this.filteredOptionEls.length?this.filteredOptionEls.map((function(e){return t.renderTableRow(e)})):h("div",{class:"no-results"},this.noResultsMessage)))};t.prototype.renderTableHeaders=function(){var t=this;return h("tr",{class:"headers",role:"row"},csvToArray(this.colHeaders).map((function(e,r){var i="wrap";if(t.colWrap&&csvToArray(t.colWrap)[r]){i=csvToArray(t.colWrap)[r]}return h("th",{class:"header-cell ".concat(i),role:"columnheader",width:t.colWidths?csvToArray(t.colWidths)[r]:""},e)})))};t.prototype.renderTag=function(t){var e=this;var r=this.focusedTag&&this.focusedTag.id==="tag-"+t.id?"focused":"";var i=this.getTagName(t);return h("li",{id:"tag-"+t.id,role:"option",class:"tag ".concat(r," ").concat(t.locked?"locked":""),"aria-describedby":"tag-".concat(t.id,"-description"),onMouseEnter:function(t){return e.handleTagMouseEnter(t)},onMouseLeave:hideTooltip},h("span",{class:"sr-only"},i),h("div",{class:"description",id:"tag-".concat(t.id,"-description")},t.locked?"locked":""),h("span",{class:"tag-text","aria-hidden":"true"},i),t.locked?h("div",{class:"icon lock"}):h("button",{class:"icon remove-btn",tabIndex:-1,onClick:function(){return t.emitDeselectedEvent()}}))};t.prototype.renderTags=function(){var t=this;return this.tagsList.map((function(e){return t.renderTag(e)}))};t.prototype.renderTagCounter=function(){if(this.maxTags){return h("div",{class:"lower-row"},h("div",{id:"max-tags"},this.renderMaxTags()))}};t.prototype.renderMaxTags=function(){if(this.helpText){return this.helpText}else{var t="".concat(this.tagsAddedMessage,": ").concat(this.taggedOptions.length,"/").concat(this.maxTags);if(this.tagLimitReached){t+="- ".concat(this.maxTagsReachedMessage)}return t}};t.prototype.handleCellMouseEnter=function(t){var e=t.target;var r=e.querySelector(".cell-content-wrapper");var i=r.scrollWidth>r.clientWidth;if(i){showTooltip("bottom",e,e.innerText)}};t.prototype.renderTableCells=function(t){var e=this;var r=[t.col1,t.col2,t.col3,t.col4].filter((function(t){return!!t}));return r.map((function(r,i){var o="".concat(t.id,"-col").concat(i+1);var a="wrap";if(e.colWrap&&csvToArray(e.colWrap)[i]){a=csvToArray(e.colWrap)[i]}var n={focused:!!e._focusedCell&&o===e._focusedCell.id};return h("td",{id:o,class:n,role:"gridcell","aria-describedby":"".concat(o,"-description"),"aria-selected":t.selected?"true":"false","aria-readonly":t.locked?"true":null,onMouseEnter:function(t){return e.handleCellMouseEnter(t)},onMouseLeave:function(){return hideTooltip()}},h("div",{class:"cell-content-wrapper ".concat(a)},r),h("div",{class:"description",id:"".concat(o,"-description")},t.locked?"locked":""))}))};t.prototype.renderTableRow=function(t){var e=this;var r={selected:t.selected,locked:t.locked,focused:this.focusedOption&&t===this.focusedOption?true:false};return h("tr",{id:t.id,class:r,onClick:function(t){return e.handleOptionClick(t)}},this.renderTableCells(t))};t.prototype.renderListItem=function(t){var e=this;if(!!this.inputEl){var r=this.focusedOption&&t===this.focusedOption;return h("li",{id:t.id,role:"option",class:"option ".concat(r?"focused":""),"aria-selected":t.selected?"true":"false",onClick:function(t){return e.handleOptionClick(t)}},t.textContent)}};t.prototype.render=function(){var t=this;return h("div",{class:"wrapper label-".concat(this.labelPosition," ").concat(this.errorMessage?"invalid":"")},h("div",{class:"label-wrapper"},h("label",{class:"label",htmlFor:"input"},this.label,this.requiredField&&h("span",{class:"required","aria-hidden":"true"},""))),h("div",{class:"field-wrapper ".concat(this.el.shadowRoot.activeElement===this.inputEl?"focused":""," ").concat(this.errorMessage?"invalid":""),ref:function(e){return t.fieldWrapperEl=e}},h("div",{class:"upper-row"},h("div",{class:"tags-and-input-wrapper ".concat(this.inModal?"in-modal":"")},h("ul",{ref:function(e){return t.tagAreaEl=e},class:"tag-area ".concat(this.taggedOptions.length===0&&"empty"," ").concat(this.isKeying?"user-is-keying":""),role:"listbox","aria-activedescendant":this.focusedTag?this.focusedTag.id:null,"aria-orientation":"horizontal","aria-label":"".concat(this.label," ").concat(this.tagAreaInstructions),tabindex:this._tagEls.length>0?0:-1,"aria-describedby":"info max-tags",onFocus:function(e){return t.handleTagAreaFocus(e)},onBlur:function(e){t.focusedTagIndex=undefined;t.handleBlur(e)},onKeyDown:function(e){return t.handleTagAreaKeyDown(e)}},this.renderTags()),h("input",{id:"input",class:"input",role:"combobox",ref:function(e){return t.inputEl=e},autocomplete:"off","aria-required":this.requiredField?"true":null,"aria-controls":this.tagInputType,"aria-describedby":"help-text".concat(this.errorMessage?" error ":""," max-tags"),"aria-label":"".concat(this.label," ").concat(this.isDropdown?globalMessages.getCharacterLimit(this.characterLimit):""),"aria-expanded":this.isDropdown?this.isExpanded.toString():null,"aria-activedescendant":this.inputActiveDescendantId,placeholder:this.placeholder,maxLength:this.isDropdown?this.characterLimit:undefined,onInput:function(e){return t.handleInputChanged(e)},onBlur:function(e){t.handleBlur(e)},onFocus:function(){return t.handleInputFocus()},onKeyDown:function(e){return t.handleInputKeyDown(e)}})),this.isDropdown&&h("div",{class:"character-count"},this.charCount,"/",this.characterLimit)),this.renderTagCounter(),this.isDropdown&&this.renderDropdown()),this.info&&h("div",{id:"info",class:"info-text"},this.info),h("div",{id:"error"},this.errorMessage),h("div",{class:"sr-only","aria-live":"polite",ref:function(e){return t.liveRegionEl=e},"aria-atomic":"true"},this.liveRegionMessage),this.isTable&&this.renderTable())};Object.defineProperty(t,"delegatesFocus",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{errorMessage:["announceError"]}},enumerable:false,configurable:true});return t}();TagInput.style=wmTagInputCss;export{TagInput as wm_tag_input};
1	+ var __spreadArray=this&&this.__spreadArray\|\|function(t,e,r){if(r\|\|arguments.length===2)for(var i=0,o=e.length,a;i<o;i++){if(a\|\|!(i in e)){if(!a)a=Array.prototype.slice.call(e,0,i);a[i]=e[i]}}return t.concat(a\|\|Array.prototype.slice.call(e))};import{r as registerInstance,c as createEvent,f as forceUpdate,h,g as getElement}from"./index-130e07bb.js";import{i as intl,d as debounce,u as measureText,m as truncateText,h as hideTooltip,v as findNext,w as findPrev,s as showTooltip,k as shouldOpenUp,x as csvToArray}from"./functions-25781571.js";import{g as globalMessages}from"./intl-df3d34d1.js";var wmTagInputCss=':host{--wmcolor-taginput-altrow-background-table:var(--wmcolor-table-altrow-background);--wmcolor-taginput-border:var(--wmcolor-input-border);--wmcolor-taginput-charcount-background:var(--wmcolor-input-charcount-background);--wmcolor-taginput-header-background-table:var(--wmcolor-table-header-background);--wmcolor-taginput-help-text:var(--wmcolor-text);--wmcolor-taginput-icon:var(--wmcolor-icon-accent);--wmcolor-taginput-maxtags-background:var(--wmcolor-background-readonly);--wmcolor-taginput-maxtags-border:var(--wmcolor-input-border);--wmcolor-taginput-maxtags-text:var(--wmcolor-text);--wmcolor-taginput-option-background-hover:var(--wmcolor-option-background-hover);--wmcolor-taginput-option-background:var(--wmcolor-option-background);--wmcolor-taginput-option-border:var(--wmcolor-option-border);--wmcolor-taginput-option-text-selected:var(--wmcolor-option-text-disabled);--wmcolor-taginput-option-text:var(--wmcolor-interactive);--wmcolor-taginput-row-background-hover:var(--wmcolor-interactive-background-hover);--wmcolor-taginput-row-background-selected:var(--wmcolor-table-row-background-selected);--wmcolor-taginput-row-background-table:var(--wmcolor-table-row-background);--wmcolor-taginput-row-border-selected:var(--wmcolor-table-row-border-selected);--wmcolor-taginput-tag-background-focus:var(--wmcolor-palelilacgray-dark);--wmcolor-taginput-tag-background-highlight:var(--wmcolor-background-highlight);--wmcolor-taginput-tag-background-locked:var(--wmcolor-interactive-disabled);--wmcolor-taginput-tag-background:var(--wmcolor-palelilacgray);--wmcolor-taginput-tag-text-locked:var(--wmcolor-text-ondark);--wmcolor-taginput-tag-text:var(--wmcolor-text);--wmcolor-taginput-tagbutton-background-hover:var(--wmcolor-button-background-icononly-hover);--wmcolor-taginput-tagbutton-border:var(--wmcolor-button-border-icononly);--wmcolor-taginput-tagbutton-icon-hover:var(--wmcolor-button-icon-icononly-hover);--wmcolor-taginput-tagbutton-icon:var(--wmcolor-button-icon-icononly);font-family:inherit;width:100%;display:block;max-height:80vh}:host {-webkit-box-sizing:border-box;box-sizing:border-box;font-size:14px}:host .wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:0.875rem}:host .wrapper .label{display:block;line-height:normal;font-weight:600;white-space:nowrap;margin-bottom:0.25rem}:host .wrapper .label .required{color:var(--wmcolor-text-required)}:host .wrapper.label-left{-ms-flex-direction:row;flex-direction:row}:host .wrapper.label-left .label-wrapper{line-height:2.5rem}:host .wrapper.label-left .label-wrapper .label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:2.5rem;white-space:normal;margin-bottom:0;margin-right:0.75rem}:host .wrapper.label-none label{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}:host .wrapper.invalid .label{color:var(--wmcolor-text-error)}:host .wrapper.invalid .label:after{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f026";margin-left:0.3125rem}[dir=RTL] :host .wrapper.invalid .label:after{margin-left:0;margin-right:0.3125rem}:host .wrapper.rtl.label-left .label{margin-right:0;margin-left:0.75rem}:host .wrapper{width:100%;height:100%;max-height:inherit;min-height:inherit;position:relative}:host .field-wrapper{position:relative;width:100%;border:1px solid;border-color:var(--wmcolor-taginput-border);-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px}:host .field-wrapper.focused{outline:2px solid var(--wmcolor-input-border-focus);border-color:var(--wmcolor-input-border-focus)}:host .field-wrapper.invalid{-webkit-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);-moz-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);box-shadow:0 0 0 1px var(--wmcolor-input-border-error);border-color:var(--wmcolor-input-border-error)}:host .wrapper:not(.label-left) .field-wrapper{-ms-flex-negative:0;flex-shrink:0}:host .character-count{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:5rem;background-color:var(--wmcolor-taginput-charcount-background);font-size:0.875rem;font-weight:500;-ms-flex-item-align:stretch;align-self:stretch}:host .tags-and-input-wrapper{position:relative;width:100%;padding:8px 8px 8px 6px;overflow:auto;max-height:200px}:host .tags-and-input-wrapper.in-modal{max-height:20vh}:host .upper-row{width:100%;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-pack:justify;justify-content:space-between}:host .upper-row:before{-ms-flex-item-align:start;align-self:flex-start;display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f349";color:var(--wmcolor-taginput-icon);padding:0.75rem 0.5rem 0.75rem 0.75rem;line-height:normal;font-size:1.12rem}:host .lower-row{width:100%;min-height:1.875rem}:host #max-tags{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:1.875rem;background-color:var(--wmcolor-taginput-maxtags-background);padding:0.5rem 1rem;color:var(--wmcolor-taginput-maxtags-text);font-size:0.875rem;border-top:1px solid var(--wmcolor-taginput-maxtags-border);border-radius:0 0 3px 3px}:host .tag-area{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0;margin:0;gap:8px}:host .tag-area:focus{outline:none}:host .tag-area li{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;height:1.75rem;list-style:none;color:var(--wmcolor-taginput-tag-text);background-color:var(--wmcolor-taginput-tag-background);padding:0.5rem 0.625rem;-webkit-transition:background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);white-space:pre}:host .tag-area li.highlight{-webkit-animation:fadeIn 1s;animation:fadeIn 1s}@-webkit-keyframes fadeIn{0%{background-color:var(--wmcolor-taginput-tag-background)}50%{background-color:var(--wmcolor-taginput-tag-background-highlight)}100%{background-color:var(--wmcolor-taginput-tag-background)}}@keyframes fadeIn{0%{background-color:var(--wmcolor-taginput-tag-background)}50%{background-color:var(--wmcolor-taginput-tag-background-highlight)}100%{background-color:var(--wmcolor-taginput-tag-background)}}:host .tag-area li.locked{background-color:var(--wmcolor-taginput-tag-background-locked);color:var(--wmcolor-taginput-tag-text-locked)}:host .tag-area li .icon{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:1.25rem;width:1.25rem;padding:0;margin-left:0.5rem}:host .tag-area li .icon.remove-btn{border:1px solid var(--wmcolor-taginput-tagbutton-border);color:var(--wmcolor-taginput-tagbutton-icon);border-radius:50%;cursor:pointer;-webkit-transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1), color 500ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1), color 500ms cubic-bezier(0.4, 0, 0.2, 1)}:host .tag-area li .icon.remove-btn:hover{color:var(--wmcolor-taginput-tagbutton-icon-hover);background-color:var(--wmcolor-taginput-tagbutton-background-hover)}:host .tag-area li .icon.remove-btn:before{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f156"}:host .tag-area li .icon.lock{color:var(--wmcolor-taginput-tag-text-locked)}:host .tag-area li .icon.lock:before{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f341"}:host .tag-area.user-is-keying:focus-visible li.focused{outline:3px solid var(--wmcolor-interactive-focus);outline-offset:3px}:host .input{font-family:inherit;border:none;height:1.75rem;padding:0;margin:0;right:8px}:host .input:focus{outline:none}:host .tag-area:not(.empty)+.input.extended{-webkit-margin-before:8px;margin-block-start:8px}:host .dropdown-wrapper{margin:0;padding:0;-webkit-box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);-ms-transition:transform 0.25s ease;-webkit-transition:transform 0.25s ease;-moz-transition:transform 0.25s ease;-webkit-transition:-webkit-transform 0.25s ease;transition:-webkit-transform 0.25s ease;transition:transform 0.25s ease;transition:transform 0.25s ease, -webkit-transform 0.25s ease;-ms-transform:scale(1, 0);-webkit-transform:scale(1, 0);-moz-transform:scale(1, 0);transform:scale(1, 0);-ms-transform-origin:center top;-webkit-transform-origin:center top;-moz-transform-origin:center top;transform-origin:center top;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;position:absolute;top:calc(100% + 2px);right:0;z-index:100;width:100%;font-size:0.875rem}:host .dropdown-wrapper .dropdown{-webkit-overflow-scrolling:touch;overflow:auto;max-height:12.5rem;margin:0;padding:0}:host .dropdown-wrapper.open{-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);transform:scale(1, 1)}:host .dropdown-wrapper.upwards{top:unset;bottom:calc(100% + 2px);-ms-transform-origin:center bottom;-webkit-transform-origin:center bottom;-moz-transform-origin:center bottom;transform-origin:center bottom}:host .dropdown-wrapper li,:host .dropdown-wrapper div{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:0 1rem;background:var(--wmcolor-taginput-option-background);list-style:none;min-height:2.6875rem;white-space:pre-wrap;overflow-wrap:anywhere}:host .dropdown-wrapper li.option,:host .dropdown-wrapper li.add-new-btn,:host .dropdown-wrapper div.option,:host .dropdown-wrapper div.add-new-btn{cursor:pointer;color:var(--wmcolor-taginput-option-text);font-weight:bold;width:100%;border:none}:host .dropdown-wrapper li.option[aria-selected=true],:host .dropdown-wrapper li.add-new-btn[aria-selected=true],:host .dropdown-wrapper div.option[aria-selected=true],:host .dropdown-wrapper div.add-new-btn[aria-selected=true]{color:var(--wmcolor-taginput-option-text-selected);font-style:italic;font-weight:normal;cursor:unset}:host .dropdown-wrapper li.option:hover:not([aria-selected=true]),:host .dropdown-wrapper li.option.focused,:host .dropdown-wrapper li.add-new-btn:hover:not([aria-selected=true]),:host .dropdown-wrapper li.add-new-btn.focused,:host .dropdown-wrapper div.option:hover:not([aria-selected=true]),:host .dropdown-wrapper div.option.focused,:host .dropdown-wrapper div.add-new-btn:hover:not([aria-selected=true]),:host .dropdown-wrapper div.add-new-btn.focused{outline:none;background:var(--wmcolor-taginput-option-background-hover)}:host .dropdown-wrapper li.help-text,:host .dropdown-wrapper div.help-text{color:var(--wmcolor-taginput-help-text);height:auto;min-height:2.6875rem;padding-top:0.25rem;padding-bottom:0.25rem;white-space:normal}:host .dropdown-wrapper li:not(:last-child),:host .dropdown-wrapper div:not(:last-child){border-bottom:2px solid var(--wmcolor-taginput-option-border)}:host .info-text{font-style:italic;margin-top:0.25rem}:host .table-wrapper{overflow:auto;margin-top:1.5rem}:host .table-wrapper #table{width:100%;border-spacing:0px}:host .table-wrapper #table.fixed-widths{table-layout:fixed}:host .table-wrapper #table .headers{height:2.5rem;background-color:var(--wmcolor-taginput-header-background-table)}:host .table-wrapper #table .headers th{text-align:left;font-size:0.75rem;font-weight:700;text-transform:uppercase;padding:0 1.5rem}:host .table-wrapper tr:nth-child(even){background-color:var(--wmcolor-taginput-altrow-background-table)}:host .table-wrapper tr.selected,:host .table-wrapper tr.locked{background-color:var(--wmcolor-taginput-row-background-selected);-webkit-box-shadow:inset 0 0 0 1px var(--wmcolor-taginput-row-border-selected);box-shadow:inset 0 0 0 1px var(--wmcolor-taginput-row-border-selected);font-weight:500}:host .table-wrapper tr.focused,:host .table-wrapper tr:hover:not(.locked){background-color:var(--wmcolor-taginput-row-background-hover);-webkit-box-shadow:none;box-shadow:none}:host .table-wrapper tr.locked td{cursor:auto}:host .table-wrapper tr.locked td:first-child .cell-content-wrapper:before{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f33e";margin-right:0.5rem;color:var(--wmcolor-taginput-tag-text)}:host .table-wrapper td{height:3.75rem;vertical-align:middle;padding:0 1.5rem;cursor:pointer}:host .table-wrapper td.focused{outline:3px solid var(--wmcolor-interactive-focus);outline-offset:-3px}:host .table-wrapper td .cell-content-wrapper.trunc{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .description{display:none}:host .no-results{padding:1.25rem 1.5rem}:host .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}:host #error{display:block;font-style:italic;color:var(--wmcolor-text-error);font-size:0.875rem}:host #error:not(:empty){margin-top:0.25rem}';var WmTagInputStyle0=wmTagInputCss;var TagInput=function(){function t(t){var e=this;registerInstance(this,t);this.wmTagInputTagAdded=createEvent(this,"wmTagInputTagAdded",7);this.addNewHelpText=intl.formatMessage({id:"tagInput.addNewHelpText",defaultMessage:"Press the Enter or Comma key to add a new tag.",description:"Help text appearing in a dropdown. Use imperative"});this.selectionHelpText=intl.formatMessage({id:"tagInput.selectionHelpText",defaultMessage:"Search and select a tag.",description:"Help text appearing in a dropdown. Use imperative"});this.maxTagsReachedMessage=intl.formatMessage({id:"tagInput.maxTagsReached",defaultMessage:"No more tags can be added because the limit has been reached."});this.tagAreaInstructions=intl.formatMessage({id:"tagInput.tagAreaInstructions",defaultMessage:"tag selection. Press Backspace or Delete to remove a tag."});this.tagsAddedMessage=intl.formatMessage({id:"tagInput.tagsAdded",defaultMessage:"Tags added",description:"Full message for context: 'Tags added: x/y"});this.openUp=false;this.inModal=false;this.debouncedUpdate=debounce((function(){return forceUpdate(e.el)}),30);this.label=undefined;this.errorMessage=undefined;this.info=undefined;this.labelPosition="top";this.maxTags=undefined;this.placeholder=undefined;this.requiredField=false;this.tagInputType="dropdown";this.helpText=undefined;this.addNew=true;this.characterLimit=50;this.colHeaders=undefined;this.colWidths=undefined;this.colWrap=undefined;this.isKeying=false;this.isExpanded=false;this.liveRegionMessage="";this.focusedOption=undefined;this.focusedColumn=0;this.focusedTagIndex=undefined;this.tagsList=[]}t.prototype.toggleKeyingOn=function(){this.isKeying=true};t.prototype.toggleKeyingOff=function(){this.isKeying=false};Object.defineProperty(t.prototype,"isDropdown",{get:function(){return this.tagInputType==="dropdown"},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"isTable",{get:function(){return this.tagInputType==="table"},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"charCount",{get:function(){return this.inputEl?this.inputEl.value.length:0},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"tooltipVisible",{get:function(){return document.getElementById("wm-tooltip").classList.contains("show")},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"optionEls",{get:function(){return Array.from(this.el.querySelectorAll("wm-tag-option"))},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"filteredOptionEls",{get:function(){var t=this;var e=this.inputEl?this.inputEl.value.toLowerCase():"";var r=Array.from(this.optionEls).filter((function(r){var i="";if(t.isDropdown){i=r.textContent.toLowerCase()}else if(t.isTable){i=[r.col1,r.col2,r.col3,r.col4].join("").toLowerCase()}return i.includes(e)}));return r},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"taggedOptions",{get:function(){return this.optionEls.filter((function(t){return t.selected\|\|t.locked}))},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"_tagEls",{get:function(){return this.tagAreaEl?Array.from(this.tagAreaEl.querySelectorAll(".tag")):[]},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"focusedTag",{get:function(){if(this.focusedTagIndex!==undefined&&this.focusedTagIndex>=0){return this._tagEls[this.focusedTagIndex]}},enumerable:false,configurable:true});t.prototype.tagOptionFromEl=function(t){return t.id==="add-new-btn"?undefined:this.el.querySelector("#"+t.id)};t.prototype.tagOptionFromTag=function(t){var e=t.id.replace("tag-","");return this.el.querySelector("#"+e)};t.prototype.elFromTagOption=function(t){return this.el.shadowRoot.querySelector("#"+t.id)};Object.defineProperty(t.prototype,"_focusedOption",{get:function(){if(!!this.focusedOption){return this.elFromTagOption(this.focusedOption)}else if(this.addNewButton&&this.addNewButton.classList.contains("focused")){return this.addNewButton}},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"_focusedCell",{get:function(){if(!!this._focusedOption){var t=Array.from(this._focusedOption.querySelectorAll("td"));var e=this.focusedColumn\|\|0;return t[e]}},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"inputActiveDescendantId",{get:function(){if(this._focusedOption){if(this.isTable){var t=Array.from(this._focusedOption.querySelectorAll("td"));return t[this.focusedColumn].id}return this._focusedOption.id}return null},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"tagLimitReached",{get:function(){return!!(this.maxTags&&this.taggedOptions.length>=this.maxTags)},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"noResultsMessage",{get:function(){return intl.formatMessage({id:"tagInput.noResults",defaultMessage:"No results match your search.",description:"Message displayed when a user's search returns empty."})},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"inputMinimumWidth",{get:function(){if(this._tagEls){var t=getComputedStyle(this.inputEl);var e=getComputedStyle(this._tagEls[this._tagEls.length-1]);var r=[t.paddingLeft,t.paddingRight,t.marginLeft,t.marginRight,e.marginRight].reduce((function(t,e){return t+parseInt(e.replace("px",""))}),0);var i=Math.max(150,measureText(this.inputEl,this.placeholder).width+r);return i}else{return 150}},enumerable:false,configurable:true});t.prototype.getTagName=function(t){return this.isDropdown?t.textContent:t.col1};t.prototype.isExistingTag=function(t){var e=this;var r=this.optionEls.map((function(t){return e.getTagName(t).toLowerCase()}));return r.includes(t.toLowerCase())};t.prototype.tagAddedMessage=function(t){return intl.formatMessage({id:"tagInput.tagAdded",defaultMessage:"{tagName} added.",description:"A confirmation for adding a tag."},{tagName:t})};t.prototype.tagRemovedMessage=function(t){return intl.formatMessage({id:"tagInput.tagRemoved",defaultMessage:"{tagName} removed.",description:"A confirmation for removing a tag."},{tagName:t})};t.prototype.tagAlreadyAddedMessage=function(t){return intl.formatMessage({id:"tagInput.tagAlreadyAdded",defaultMessage:"{tagName} has already been added.",description:"An alert for adding a tag that is already present."},{tagName:t})};t.prototype.tagLockedMessage=function(t){return intl.formatMessage({id:"tagInput.tagLocked",defaultMessage:"{tagName} is locked and cannot be removed.",description:"An alert for when a user tries to remove a tag that is locked."},{tagName:t})};t.prototype.isElOrChild=function(t){return t===this.el\|\|this.el.shadowRoot.contains(t)\|\|this.el.contains(t)};t.prototype.componentWillLoad=function(){var t=this;if(!this.placeholder){this.placeholder=this.createPlaceholderDefault(this.addNew,this.optionEls.length>0)}if(!this.label){console.error("wm-tag-input must have a label property")}this.el.focus=function(){var e=t._tagEls[0];if(e){t.tagAreaEl.focus();t.focusTag(e)}else{t.inputEl.focus()}};var e=new ResizeObserver((function(){return t.debouncedUpdate()}));e.observe(this.el);if(this.el.closest("wm-modal")){this.inModal=true}var r=[];var i=[];this.optionEls.forEach((function(t){if(t.locked){r.push(t)}else if(t.selected){i.push(t)}}));this.tagsList=__spreadArray(__spreadArray([],r,true),i,true)};t.prototype.componentDidLoad=function(){var t=this;var e=new MutationObserver((function(e){return e.forEach((function(e){return t.handleChangeAnnouncement(e)}))}));e.observe(this.el,{subtree:true,attributes:true,attributeFilter:["selected"],childList:true});var r=new MutationObserver((function(e){return e.forEach((function(e){return t.handleOptionListChange(e)}))}));r.observe(this.el,{childList:true});if(!!this.tagAreaEl){var i=new MutationObserver((function(e){return e.forEach((function(e){return t.handleTagListChange(e)}))}));i.observe(this.tagAreaEl,{childList:true})}};t.prototype.handleChangeAnnouncement=function(t){var e=t.target;if(t.type=="childList"&&t.removedNodes.length>0){this.announce(this.tagRemovedMessage(t.removedNodes[0].textContent))}else if(t.type=="attributes"){var r=this.getTagName(e);if(e.selected){var i=this.tagAddedMessage(r);if(this.tagLimitReached){i+=" ".concat(this.maxTagsReachedMessage)}this.announce(i)}else{this.announce(this.tagRemovedMessage(r))}}};t.prototype.handleOptionListChange=function(t){var e=this;var r=Array.from(t.addedNodes);if(r.length>0){r.forEach((function(t){return!e.tagsList.includes(t)&&e.tagsList.push(t)}))}var i=Array.from(t.removedNodes);if(i.length>0){this.tagsList=this.tagsList.filter((function(t){return!i.includes(t)}))}};t.prototype.handleTagOptionSelected=function(t){var e=t.target;this.tagsList=this.tagsList.concat(e)};t.prototype.handleTagOptionDeselected=function(t){var e=t.target;this.tagsList=this.tagsList.filter((function(t){return t!=e}))};t.prototype.handleTagListChange=function(t){var e=Array.from(t.addedNodes);if(!!e){e.forEach((function(t){t.classList.add("highlight")}))}var r=t.removedNodes[0];if(!!r){r.classList.remove("highlight");if(this.focusedTag){this.focusTag(this.focusedTag)}else if(this._tagEls.length>0){var i=this._tagEls[this._tagEls.length-1];this.focusTag(i)}else{this.inputEl.focus()}}};t.prototype.componentDidRender=function(){var t=this;this.positionInput();this._tagEls.forEach((function(e){var r=e.querySelector(".tag-text");var i=t.el.shadowRoot.querySelector(".tags-and-input-wrapper");var o=r.getBoundingClientRect().left;var a=i.getBoundingClientRect().right-10-8-28;var n=e.id.replace("tag-","");var s=n&&t.el.querySelector("#"+n);if(s){r.textContent=truncateText(r,t.getTagName(s),a-o,5)}}))};t.prototype.createPlaceholderDefault=function(t,e){var r=intl.formatMessage({id:"tagInput.placeholderAddAndSearch",defaultMessage:"Add or search for a tag",description:"Placeholder text. Use imperative"});var i=intl.formatMessage({id:"tagInput.placeholderSearch",defaultMessage:"Search and select a tag",description:"Placeholder text. Use imperative"});var o=intl.formatMessage({id:"tagInput.placeholderAdd",defaultMessage:"Add a new tag",description:"Placeholder text. Use imperative"});var a="";if(t&&e){a=r}else if(!t&&e){a=i}else if(t){a=o}return a};t.prototype.handleClick=function(t){var e=t.target;if(this.isDropdown&&!this.el.contains(e)&&this.isExpanded){this.closeDropdown()}};t.prototype.announceError=function(){var t=this;if(this.errorMessage){setTimeout((function(){return t.announce(t.errorMessage)}),100)}};t.prototype.handleOptionClick=function(t){t.preventDefault();this.resetInput();var e;if(this.isTable){e=t.target;e=this.tagOptionFromEl(e.closest("tr"))}else{e=this.tagOptionFromEl(t.target)}e.click();if(e.locked){this.announce(this.tagLockedMessage(this.getTagName(e)))}else{e.selected?this.isTable&&e.emitDeselectedEvent():e.emitSelectedEvent()}};t.prototype.dismissTooltip=function(){if(this.tooltipVisible){hideTooltip()}};t.prototype.handleInputKeyDown=function(t){if(/^.$/.test(t.key)&&this.charCount>=this.characterLimit){this.announce(this.generateCharacterLimitWarning(this.charCount,this.characterLimit))}switch(t.key){case"Enter":t.preventDefault();this.handleInputEnter();break;case"ArrowDown":t.preventDefault();this.handleInputArrowDown();break;case"ArrowUp":t.preventDefault();this.handleInputArrowUp();break;case"ArrowLeft":if(this.isTable){t.preventDefault();this.focusPrevCell()}break;case"ArrowRight":if(this.isTable){t.preventDefault();this.focusNextCell()}break;case"Escape":if(this.isDropdown&&this.isExpanded){t.preventDefault();this.closeDropdown()}break;case"ArrowLeft":case"Backspace":this.handleInputBackspace();break}};t.prototype.handleInputFocus=function(){if(this.isDropdown){this.openDropdown();this.clearOptionFocus()}};t.prototype.handleInputChanged=function(t){this.clearOptionFocus();if(this.isDropdown){if(this.charCount>=this.characterLimit-5){this.announce(this.generateCharacterLimitWarning(this.charCount,this.characterLimit))}if(!this.isExpanded){this.openDropdown()}}var e=t.target.value;if(e.includes(",")&&this.addNew){this.addTags(e)}else{this.announceExistingOptions()}};t.prototype.handleInputEnter=function(){if(this.focusedOption){if(this.focusedOption.locked){this.announce(this.tagLockedMessage(this.getTagName(this.focusedOption)))}else{this.focusedOption.click();this.focusedOption.selected?this.isTable&&this.focusedOption.emitDeselectedEvent():this.focusedOption.emitSelectedEvent();this.resetInput()}}else if(this.isDropdown){var t=this.inputEl.value;if(!!t){this.isExistingTag(t)?this.announce(this.tagAlreadyAddedMessage(t)):this.addTags(t);this.resetInput()}}};t.prototype.handleInputArrowDown=function(){var t=this;if(this.isDropdown){if(!this.isExpanded){this.openDropdown()}else{var e=[];if(this.addNewButton&&this.addNewButton.id==="add-new-btn"){e.push(this.addNewButton)}this.filteredOptionEls.forEach((function(r){e.push(t.elFromTagOption(r))}));var r=findNext(e,this._focusedOption,true);this.focusOption(r)}}else{var i=this.filteredOptionEls.map((function(e){return t.elFromTagOption(e)}));var r=findNext(i,this._focusedOption,true);this.focusOption(r)}};t.prototype.handleInputArrowUp=function(){var t=this;if(this.isDropdown){if(!this.isExpanded){this.openDropdown()}else{var e=[];if(this.addNewButton){e.push(this.addNewButton)}this.filteredOptionEls.forEach((function(r){e.push(t.elFromTagOption(r))}));var r=findPrev(e,this._focusedOption,true);this.focusOption(r)}}else{var i=this.filteredOptionEls.map((function(e){return t.elFromTagOption(e)}));var r=findPrev(i,this._focusedOption,true);this.focusOption(r)}};t.prototype.handleInputBackspace=function(){var t=this;if(this.inputEl.value===""&&this._tagEls.length>0){this.isKeying=true;window.requestAnimationFrame((function(){t.tagAreaEl.focus();t.focusTag(t._tagEls[t._tagEls.length-1])}))}};t.prototype.handleTagAreaKeyDown=function(t){switch(t.key){case"ArrowLeft":case"ArrowUp":t.preventDefault();if(this.focusedTag){var e=findPrev(this._tagEls,this.focusedTag,true);this.focusTag(e)}break;case"ArrowRight":case"ArrowDown":t.preventDefault();if(this.focusedTag){var r=findNext(this._tagEls,this.focusedTag,true);this.focusTag(r)}break;case"Backspace":case"Delete":if(this.focusedTag){var i=this.tagOptionFromTag(this.focusedTag);if(i.locked){this.announce(this.tagLockedMessage(this.getTagName(i)))}else{i.emitDeselectedEvent()}}break}};t.prototype.handleBlur=function(t){this.dismissTooltip();this.clearOptionFocus();var e=t.relatedTarget;if(!this.isElOrChild(e)){this.fieldWrapperEl.classList.remove("focused");if(this.isDropdown){this.closeDropdown()}}};t.prototype.handleTagAreaFocus=function(t){if(this.isDropdown){this.closeDropdown()}if(this._tagEls.length>0){var e=t.relatedTarget;if(e&&e.id==="input"){var r=this._tagEls[this._tagEls.length-1];this.focusTag(r)}else{var i=this._tagEls[0];this.focusTag(i)}}};t.prototype.focusPrevCell=function(){if(this.focusedOption){if(this.focusedColumn>0){this.focusedColumn-=1}}};t.prototype.focusNextCell=function(){if(this._focusedOption){var t=this._focusedOption.querySelectorAll("td").length-1;if(this.focusedColumn<t){this.focusedColumn+=1}}};t.prototype.focusOption=function(t){if(t){this.focusedOption=this.tagOptionFromEl(t);if(t===this.addNewButton){this.addNewButton.classList.add("focused")}else{this.addNewButton&&this.addNewButton.classList.remove("focused")}if(this.isTable){var e=this._focusedOption.querySelector(".cell-content-wrapper");var r=e.scrollWidth>e.clientWidth;this.dismissTooltip();if(r){showTooltip("bottom",this._focusedOption,this._focusedOption.innerText)}}t.scrollIntoView({block:"nearest"})}};t.prototype.showTooltipIfTruncated=function(t){var e=t.querySelector(".tag-text").textContent;var r=t.id.replace("tag-","");if(r){var i=this.el.querySelector("#"+r);var o=this.getTagName(i);if(e!==o&&e.includes("...")){showTooltip("bottom",t,o)}}};t.prototype.focusTag=function(t){var e=this;this.focusedTagIndex=this._tagEls.indexOf(t);t.scrollIntoView({block:"nearest"});window.requestAnimationFrame((function(){hideTooltip();e.showTooltipIfTruncated(t)}))};t.prototype.clearOptionFocus=function(){this.focusedOption=undefined;this.focusedColumn=0};t.prototype.openDropdown=function(){this.openUp=shouldOpenUp(this.el,this.dropdownEl.clientHeight,this.el.clientHeight,-2);this.isExpanded=true};t.prototype.closeDropdown=function(){this.clearOptionFocus();this.isExpanded=false};t.prototype.resetInput=function(){this.inputEl.value=""};t.prototype.announce=function(t){if(this.liveRegionEl.textContent===t){t+=" "}this.liveRegionMessage=t};t.prototype.addTags=function(t){var e=this;var r=t.split(",").filter((function(t){return t.match(/\S/)}));r.forEach((function(t){e.wmTagInputTagAdded.emit(t)}));this.announce(this.tagAddedMessage(r.join(", ")));this.resetInput()};t.prototype.announceExistingOptions=function(){var t=this;window.requestAnimationFrame((function(){var e=t.filteredOptionEls.length;var r=intl.formatMessage({id:"tagInput.existingOptions",defaultMessage:"{num, plural, one {1 existing option.} other {# existing options.}}"},{num:e});t.announce(r)}))};t.prototype.generateCharacterLimitWarning=function(t,e){var r=globalMessages.getCharactersEntered(t,e);if(t>=e){r+=" ".concat(globalMessages.characterLimitReached)}return r};t.prototype.positionInput=function(){if(this.tagAreaEl){var t=this._tagEls[this._tagEls.length-1];this.inputEl.style.position="static";this.inputEl.style.width="100%";this.inputEl.classList.add("extended");if(t){var e=this.tagAreaEl.getBoundingClientRect().right-t.getBoundingClientRect().right;if(e>=this.inputMinimumWidth){this.inputEl.style.position="absolute";this.inputEl.style.top=t.offsetTop.toString()+"px";this.inputEl.style.width=(e-8).toString()+"px";this.inputEl.classList.remove("extended")}}}};t.prototype.handleTagMouseEnter=function(t){this.showTooltipIfTruncated(t.target)};t.prototype.renderDropdown=function(){var t=this;return h("div",{class:"dropdown-wrapper ".concat(this.isExpanded?"open":""," ").concat(this.openUp?"upwards":""),ref:function(e){return t.dropdownEl=e}},h("div",{id:"help-text",class:"help-text"},this.renderHelpText()),h("ul",{class:"dropdown",id:"dropdown",role:"listbox","aria-multiselectable":"true","aria-expanded":this.isExpanded?"true":"false","aria-label":this.label,tabindex:-1},this.inputEl&&this.renderAddNewButton(),this.filteredOptionEls.map((function(e){return t.renderListItem(e)}))))};t.prototype.renderHelpText=function(){if(this.helpText)return this.helpText;var t="";if(this.optionEls.length>0){t=this.selectionHelpText}if(this.addNew){t+=" "+this.addNewHelpText}return t};t.prototype.renderAddNewButton=function(){var t=this;var e=this.inputEl.value.trim();var r=this.inputEl.value.match(/\S/);var i=this.isExistingTag(this.inputEl.value.trim());return this.addNew&&r&&!i&&h("li",{ref:function(e){return t.addNewButton=e},id:"add-new-btn",class:"add-new-btn",onClick:function(){return t.addTags(e)}},"Add "+e)};t.prototype.renderTable=function(){var t=this;return h("div",{class:"table-wrapper",onScroll:function(){return t.dismissTooltip()}},h("table",{id:"table",role:"grid",class:"".concat(this.colWidths?"fixed-widths":""),"aria-label":this.label,"aria-multiselectable":"true"},this.renderTableHeaders(),this.filteredOptionEls.length?this.filteredOptionEls.map((function(e){return t.renderTableRow(e)})):h("div",{class:"no-results"},this.noResultsMessage)))};t.prototype.renderTableHeaders=function(){var t=this;return h("tr",{class:"headers",role:"row"},csvToArray(this.colHeaders).map((function(e,r){var i="wrap";if(t.colWrap&&csvToArray(t.colWrap)[r]){i=csvToArray(t.colWrap)[r]}return h("th",{class:"header-cell ".concat(i),role:"columnheader",width:t.colWidths?csvToArray(t.colWidths)[r]:""},e)})))};t.prototype.renderTag=function(t){var e=this;var r=this.focusedTag&&this.focusedTag.id==="tag-"+t.id?"focused":"";var i=this.getTagName(t);return h("li",{id:"tag-"+t.id,role:"option",class:"tag ".concat(r," ").concat(t.locked?"locked":""),"aria-describedby":"tag-".concat(t.id,"-description"),onMouseEnter:function(t){return e.handleTagMouseEnter(t)},onMouseLeave:hideTooltip},h("span",{class:"sr-only"},i),h("div",{class:"description",id:"tag-".concat(t.id,"-description")},t.locked?"locked":""),h("span",{class:"tag-text","aria-hidden":"true"},i),t.locked?h("div",{class:"icon lock"}):h("button",{class:"icon remove-btn",tabIndex:-1,onClick:function(){return t.emitDeselectedEvent()}}))};t.prototype.renderTags=function(){var t=this;return this.tagsList.map((function(e){return t.renderTag(e)}))};t.prototype.renderTagCounter=function(){if(this.maxTags){return h("div",{class:"lower-row"},h("div",{id:"max-tags"},this.renderMaxTags()))}};t.prototype.renderMaxTags=function(){if(this.helpText){return this.helpText}else{var t="".concat(this.tagsAddedMessage,": ").concat(this.taggedOptions.length,"/").concat(this.maxTags);if(this.tagLimitReached){t+="- ".concat(this.maxTagsReachedMessage)}return t}};t.prototype.handleCellMouseEnter=function(t){var e=t.target;var r=e.querySelector(".cell-content-wrapper");var i=r.scrollWidth>r.clientWidth;if(i){showTooltip("bottom",e,e.innerText)}};t.prototype.renderTableCells=function(t){var e=this;var r=[t.col1,t.col2,t.col3,t.col4].filter((function(t){return!!t}));return r.map((function(r,i){var o="".concat(t.id,"-col").concat(i+1);var a="wrap";if(e.colWrap&&csvToArray(e.colWrap)[i]){a=csvToArray(e.colWrap)[i]}var n={focused:!!e._focusedCell&&o===e._focusedCell.id};return h("td",{id:o,class:n,role:"gridcell","aria-describedby":"".concat(o,"-description"),"aria-selected":t.selected?"true":"false","aria-readonly":t.locked?"true":null,onMouseEnter:function(t){return e.handleCellMouseEnter(t)},onMouseLeave:function(){return hideTooltip()}},h("div",{class:"cell-content-wrapper ".concat(a)},r),h("div",{class:"description",id:"".concat(o,"-description")},t.locked?"locked":""))}))};t.prototype.renderTableRow=function(t){var e=this;var r={selected:t.selected,locked:t.locked,focused:this.focusedOption&&t===this.focusedOption?true:false};return h("tr",{id:t.id,class:r,onClick:function(t){return e.handleOptionClick(t)}},this.renderTableCells(t))};t.prototype.renderListItem=function(t){var e=this;if(!!this.inputEl){var r=this.focusedOption&&t===this.focusedOption;return h("li",{id:t.id,role:"option",class:"option ".concat(r?"focused":""),"aria-selected":t.selected?"true":"false",onClick:function(t){return e.handleOptionClick(t)}},t.textContent)}};t.prototype.render=function(){var t=this;return h("div",{key:"33abb5778cad372a77e0d92ec7db591a7cacb216",class:"wrapper label-".concat(this.labelPosition," ").concat(this.errorMessage?"invalid":"")},h("div",{key:"83814d7be8f23c6d6d73ac126f6545d6c19fbf50",class:"label-wrapper"},h("label",{key:"e404bc94e35dad4c3ca1247c4a59a4ca7d9c472c",class:"label",htmlFor:"input"},this.label,this.requiredField&&h("span",{key:"07671bf51458668dfc54cbcea7ee557aac20c9dd",class:"required","aria-hidden":"true"},""))),h("div",{key:"78e36202ba0e55d912532d36dc0c731fd68266ec",class:"field-wrapper ".concat(this.el.shadowRoot.activeElement===this.inputEl?"focused":""," ").concat(this.errorMessage?"invalid":""),ref:function(e){return t.fieldWrapperEl=e}},h("div",{key:"6be8fa1d4586a06c2d72a02e7e5eb186b2ee374a",class:"upper-row"},h("div",{key:"4fce716703d1ce34be8d1837d14a55a96ee57ce1",class:"tags-and-input-wrapper ".concat(this.inModal?"in-modal":"")},h("ul",{key:"ecb9d7b6a0c92fd5c575b86f71252d96299a50bb",ref:function(e){return t.tagAreaEl=e},class:"tag-area ".concat(this.taggedOptions.length===0&&"empty"," ").concat(this.isKeying?"user-is-keying":""),role:"listbox","aria-activedescendant":this.focusedTag?this.focusedTag.id:null,"aria-orientation":"horizontal","aria-label":"".concat(this.label," ").concat(this.tagAreaInstructions),tabindex:this._tagEls.length>0?0:-1,"aria-describedby":"info max-tags",onFocus:function(e){return t.handleTagAreaFocus(e)},onBlur:function(e){t.focusedTagIndex=undefined;t.handleBlur(e)},onKeyDown:function(e){return t.handleTagAreaKeyDown(e)}},this.renderTags()),h("input",{key:"fb154aee6848ebc5a0b4a89596d2470cdc6ae8cc",id:"input",class:"input",role:"combobox",ref:function(e){return t.inputEl=e},autocomplete:"off","aria-required":this.requiredField?"true":null,"aria-controls":this.tagInputType,"aria-describedby":"help-text".concat(this.errorMessage?" error ":""," max-tags"),"aria-label":"".concat(this.label," ").concat(this.isDropdown?globalMessages.getCharacterLimit(this.characterLimit):""),"aria-expanded":this.isDropdown?this.isExpanded.toString():null,"aria-activedescendant":this.inputActiveDescendantId,placeholder:this.placeholder,maxLength:this.isDropdown?this.characterLimit:undefined,onInput:function(e){return t.handleInputChanged(e)},onBlur:function(e){t.handleBlur(e)},onFocus:function(){return t.handleInputFocus()},onKeyDown:function(e){return t.handleInputKeyDown(e)}})),this.isDropdown&&h("div",{key:"f17d34cc1dab1e7c37a20d79d65f259aef2db3c3",class:"character-count"},this.charCount,"/",this.characterLimit)),this.renderTagCounter(),this.isDropdown&&this.renderDropdown()),this.info&&h("div",{key:"ea41b9923c0bd26b0554a76301d0aa488558edc1",id:"info",class:"info-text"},this.info),h("div",{key:"9dc002e1b3a97ead65eb8e4fd785dab62a9f4048",id:"error"},this.errorMessage),h("div",{key:"b4a72c8d1c58a19d11d6937cd6b26a496f647c30",class:"sr-only","aria-live":"polite",ref:function(e){return t.liveRegionEl=e},"aria-atomic":"true"},this.liveRegionMessage),this.isTable&&this.renderTable())};Object.defineProperty(t,"delegatesFocus",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{errorMessage:["announceError"]}},enumerable:false,configurable:true});return t}();TagInput.style=WmTagInputStyle0;export{TagInput as wm_tag_input};

package/dist/esm-es5/wm-tag-option.entry.js CHANGED Viewed

	@@ -1 +1 @@
1	- var __awaiter=this&&this.__awaiter\|\|function(t,e,n,i){function r(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n\|\|(n=Promise))((function(n,o){function a(t){try{c(i.next(t))}catch(t){o(t)}}function u(t){try{c(i["throw"](t))}catch(t){o(t)}}function c(t){t.done?n(t.value):r(t.value).then(a,u)}c((i=i.apply(t,e\|\|[])).next())}))};var __generator=this&&this.__generator\|\|function(t,e){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},i,r,o,a;return a={next:u(0),throw:u(1),return:u(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function u(t){return function(e){return c([t,e])}}function c(u){if(i)throw new TypeError("Generator is already executing.");while(a&&(a=0,u[0]&&(n=0)),n)try{if(i=1,r&&(o=u[0]&2?r["return"]:u[0]?r["throw"]\|\|((o=r["return"])&&o.call(r),0):r.next)&&!(o=o.call(r,u[1])).done)return o;if(r=0,o)u=[u[0]&2,o.value];switch(u[0]){case 0:case 1:o=u;break;case 4:n.label++;return{value:u[1],done:false};case 5:n.label++;r=u[1];u=[0];continue;case 7:u=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(u[0]===6\|\|u[0]===2)){n=0;continue}if(u[0]===3&&(!o\|\|u[1]>o[0]&&u[1]<o[3])){n.label=u[1];break}if(u[0]===6&&n.label<o[1]){n.label=o[1];o=u;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(u);break}if(o[2])n.ops.pop();n.trys.pop();continue}u=e.call(t,n)}catch(t){u=[6,t];r=0}finally{i=o=0}if(u[0]&5)throw u[1];return{value:u[0]?u[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,g as getElement}from"./index-~~f164fbca~~.js";import{g as generateId}from"./functions-~~f65dbb96~~.js";var TagOption=function(){function t(t){registerInstance(this,t);this.privTagOptionSelected=createEvent(this,"privTagOptionSelected",7);this.privTagOptionDeselected=createEvent(this,"privTagOptionDeselected",7);this.wmTagOptionSelected=createEvent(this,"wmTagOptionSelected",7);this.wmTagOptionDeselected=createEvent(this,"wmTagOptionDeselected",7);this.selected=false;this.locked=false;this.col1=undefined;this.col2=undefined;this.col3=undefined;this.col4=undefined}t.prototype.emitSelectedEvent=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.wmTagOptionSelected.emit();return[2]}))}))};t.prototype.emitDeselectedEvent=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.wmTagOptionDeselected.emit();return[2]}))}))};t.prototype.componentWillLoad=function(){if(!this.el.id){this.el.id=generateId()}};t.prototype.handleSelected=function(){this.selected?this.privTagOptionSelected.emit():this.privTagOptionDeselected.emit()};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{selected:["handleSelected"]}},enumerable:false,configurable:true});return t}();export{TagOption as wm_tag_option};
1	+ var __awaiter=this&&this.__awaiter\|\|function(t,e,n,i){function r(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n\|\|(n=Promise))((function(n,o){function a(t){try{s(i.next(t))}catch(t){o(t)}}function u(t){try{s(i["throw"](t))}catch(t){o(t)}}function s(t){t.done?n(t.value):r(t.value).then(a,u)}s((i=i.apply(t,e\|\|[])).next())}))};var __generator=this&&this.__generator\|\|function(t,e){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},i,r,o,a;return a={next:u(0),throw:u(1),return:u(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function u(t){return function(e){return s([t,e])}}function s(u){if(i)throw new TypeError("Generator is already executing.");while(a&&(a=0,u[0]&&(n=0)),n)try{if(i=1,r&&(o=u[0]&2?r["return"]:u[0]?r["throw"]\|\|((o=r["return"])&&o.call(r),0):r.next)&&!(o=o.call(r,u[1])).done)return o;if(r=0,o)u=[u[0]&2,o.value];switch(u[0]){case 0:case 1:o=u;break;case 4:n.label++;return{value:u[1],done:false};case 5:n.label++;r=u[1];u=[0];continue;case 7:u=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(u[0]===6\|\|u[0]===2)){n=0;continue}if(u[0]===3&&(!o\|\|u[1]>o[0]&&u[1]<o[3])){n.label=u[1];break}if(u[0]===6&&n.label<o[1]){n.label=o[1];o=u;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(u);break}if(o[2])n.ops.pop();n.trys.pop();continue}u=e.call(t,n)}catch(t){u=[6,t];r=0}finally{i=o=0}if(u[0]&5)throw u[1];return{value:u[0]?u[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,g as getElement}from"./index-130e07bb.js";import{g as generateId}from"./functions-25781571.js";var TagOption=function(){function t(t){registerInstance(this,t);this.privTagOptionSelected=createEvent(this,"privTagOptionSelected",7);this.privTagOptionDeselected=createEvent(this,"privTagOptionDeselected",7);this.wmTagOptionSelected=createEvent(this,"wmTagOptionSelected",7);this.wmTagOptionDeselected=createEvent(this,"wmTagOptionDeselected",7);this.selected=false;this.locked=false;this.col1=undefined;this.col2=undefined;this.col3=undefined;this.col4=undefined}t.prototype.emitSelectedEvent=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.wmTagOptionSelected.emit();return[2]}))}))};t.prototype.emitDeselectedEvent=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.wmTagOptionDeselected.emit();return[2]}))}))};t.prototype.componentWillLoad=function(){if(!this.el.id){this.el.id=generateId()}};t.prototype.handleSelected=function(){this.selected?this.privTagOptionSelected.emit():this.privTagOptionDeselected.emit()};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{selected:["handleSelected"]}},enumerable:false,configurable:true});return t}();export{TagOption as wm_tag_option};

package/dist/esm-es5/wm-textarea.entry.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{r as registerInstance,c as createEvent,h,g as getElement}from"./index-~~f164fbca~~.js";import{t as toBool,a as handleDisabledAttribute}from"./functions-~~f65dbb96~~.js";import{g as globalMessages}from"./intl-~~f7f77de7~~.js";var wmTextareaCss=':host{--wmcolor-textarea-input-border:var(--wmcolor-input-border);--wmcolor-textarea-charcount-background:var(--wmcolor-input-charcount-background);--wmcolor-textarea-input-background-disabled:var(--wmcolor-input-background-disabled);--wmcolor-textarea-input-text-disabled:var(--wmcolor-input-text-disabled);font-family:inherit;display:block;max-width:100%;width:588px}:host {-webkit-box-sizing:border-box;box-sizing:border-box}:host .wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:0.875rem}:host .wrapper .label{display:block;line-height:normal;font-weight:600;white-space:nowrap;margin-bottom:0.25rem}:host .wrapper .label .required{color:var(--wmcolor-text-required)}:host .wrapper.label-left{-ms-flex-direction:row;flex-direction:row}:host .wrapper.label-left .label-wrapper{line-height:2.5rem}:host .wrapper.label-left .label-wrapper .label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:2.5rem;white-space:normal;margin-bottom:0;margin-right:0.75rem}:host .wrapper.label-none label{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}:host .wrapper.invalid .label{color:var(--wmcolor-text-error)}:host .wrapper.invalid .label:after{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f026";margin-left:0.3125rem}[dir=RTL] :host .wrapper.invalid .label:after{margin-left:0;margin-right:0.3125rem}:host .wrapper.rtl.label-left .label{margin-right:0;margin-left:0.75rem}:host .wrapper .inner-wrapper{width:100%;min-width:6.25rem}:host .wrapper .inputfield-wrapper{border:1px solid var(--wmcolor-textarea-input-border);-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .wrapper .inputfield-wrapper:has(textarea:focus){outline:2px solid var(--wmcolor-input-border-focus);border-color:var(--wmcolor-input-border-focus)}:host .wrapper .inputfield-wrapper.invalid{-webkit-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);-moz-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);box-shadow:0 0 0 1px var(--wmcolor-input-border-error);border-color:var(--wmcolor-input-border-error)}:host .wrapper .character-count{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;height:1.875rem;background-color:var(--wmcolor-textarea-charcount-background);font-size:0.875rem;font-weight:500;padding:4px 16px}:host .wrapper .character-count.exceeded{color:var(--wmcolor-text-error);font-weight:600}:host .wrapper textarea{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;border:none;font-family:inherit;font-size:0.875rem;min-height:calc(1lh + 1rem);padding:0.5rem 1rem;width:100%;resize:vertical}:host .wrapper textarea:focus{outline:none}:host .wrapper textarea[disabled]{background-color:var(--wmcolor-textarea-input-background-disabled);color:var(--wmcolor-textarea-input-text-disabled)}:host .wrapper .error-message{display:block;font-style:italic;color:var(--wmcolor-text-error);font-size:0.875rem;line-height:100%}:host .wrapper .error-message:not(:empty){margin-top:0.25rem}:host .wrapper .info{font-style:italic;line-height:100%;margin-top:0.25rem}:host .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}';var Textarea=function(){function e(e){registerInstance(this,e);this.wmTextareaValueChanged=createEvent(this,"wmTextareaValueChanged",7);this.previousValue="";this.label=undefined;this.labelPosition="top";this.value="";this.disabled=false;this.info=undefined;this.placeholder="";this.requiredField=false;this.errorMessage=undefined;this.characterLimit=undefined;this.inputWidth="";this.inputHeight="";this.announcement=""}Object.defineProperty(e.prototype,"charCount",{get:function(){return this.value.length},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"isDisabled",{get:function(){return toBool(this.disabled)},enumerable:false,configurable:true});e.prototype.componentWillLoad=function(){var e=this;this.el.focus=function(){e.el.shadowRoot.querySelector("textarea").focus()};if(!this.label){console.error("wm-textarea requires the label property")}if(this.el.textContent){this.value=this.el.textContent}handleDisabledAttribute(this.el,this.isDisabled);this.previousValue=this.value};e.prototype.handleDisabledChange=function(){handleDisabledAttribute(this.el,this.isDisabled)};e.prototype.announceError=function(){var e=this;if(this.errorMessage){setTimeout((function(){return e.announce(e.errorMessage)}),100)}};e.prototype.handleInput=function(e){this.value=e.target.value;if(this.characterLimit&&this.charCount>=this.characterLimit-5){this.announce(globalMessages.getCharactersEntered(this.charCount,this.characterLimit))}};e.prototype.handleBlur=function(){if(this.value!==this.previousValue){this.wmTextareaValueChanged.emit({value:this.value})}this.previousValue=this.value};e.prototype.announce=function(e){if(this.liveRegionEl.textContent===e){e+=" "}this.announcement=e};e.prototype.render=function(){var e=this;return h("div",{class:"wrapper label-".concat(this.labelPosition," ").concat(this.errorMessage?"invalid":"")},h("div",{class:"label-wrapper"},h("label",{htmlFor:"inputfield",class:"label"},this.label,this.characterLimit&&h("span",{class:"sr-only"}," ",globalMessages.getCharacterLimit(this.characterLimit)),this.requiredField&&h("span",{class:"required","aria-hidden":"true"},""))),h("div",{class:"inner-wrapper"},h("div",{class:"inputfield-wrapper ".concat(this.errorMessage?"invalid":""),style:this.inputWidth?{width:this.inputWidth}:{}},h("textarea",{id:"inputfield",disabled:this.isDisabled,"aria-describedby":"info error",onInput:function(t){return e.handleInput(t)},onBlur:function(){return e.handleBlur()},placeholder:this.placeholder,autocomplete:"off","aria-required":this.requiredField?"true":null,value:this.value,rows:3,style:{height:this.inputHeight}}),this.characterLimit&&typeof this.characterLimit==="number"?h("div",{class:"character-count ".concat(this.value.length>this.characterLimit?"exceeded":"")},this.charCount,"/",this.characterLimit):""),this.info&&h("div",{id:"info",class:"info"},this.info),h("div",{id:"error",class:"error-message"},this.errorMessage),h("div",{id:"live-polite",class:"sr-only","aria-live":"polite","aria-atomic":"true",ref:function(t){return e.liveRegionEl=t}},this.announcement)))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{disabled:["handleDisabledChange"],errorMessage:["announceError"]}},enumerable:false,configurable:true});return e}();Textarea.style=~~wmTextareaCss~~;export{Textarea as wm_textarea};
1	+ import{r as registerInstance,c as createEvent,h,g as getElement}from"./index-130e07bb.js";import{t as toBool,a as handleDisabledAttribute}from"./functions-25781571.js";import{g as globalMessages}from"./intl-df3d34d1.js";var wmTextareaCss=':host{--wmcolor-textarea-input-border:var(--wmcolor-input-border);--wmcolor-textarea-charcount-background:var(--wmcolor-input-charcount-background);--wmcolor-textarea-input-background-disabled:var(--wmcolor-input-background-disabled);--wmcolor-textarea-input-text-disabled:var(--wmcolor-input-text-disabled);font-family:inherit;display:block;max-width:100%;width:588px}:host {-webkit-box-sizing:border-box;box-sizing:border-box}:host .wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:0.875rem}:host .wrapper .label{display:block;line-height:normal;font-weight:600;white-space:nowrap;margin-bottom:0.25rem}:host .wrapper .label .required{color:var(--wmcolor-text-required)}:host .wrapper.label-left{-ms-flex-direction:row;flex-direction:row}:host .wrapper.label-left .label-wrapper{line-height:2.5rem}:host .wrapper.label-left .label-wrapper .label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:2.5rem;white-space:normal;margin-bottom:0;margin-right:0.75rem}:host .wrapper.label-none label{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}:host .wrapper.invalid .label{color:var(--wmcolor-text-error)}:host .wrapper.invalid .label:after{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f026";margin-left:0.3125rem}[dir=RTL] :host .wrapper.invalid .label:after{margin-left:0;margin-right:0.3125rem}:host .wrapper.rtl.label-left .label{margin-right:0;margin-left:0.75rem}:host .wrapper .inner-wrapper{width:100%;min-width:6.25rem}:host .wrapper .inputfield-wrapper{border:1px solid var(--wmcolor-textarea-input-border);-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .wrapper .inputfield-wrapper:has(textarea:focus){outline:2px solid var(--wmcolor-input-border-focus);border-color:var(--wmcolor-input-border-focus)}:host .wrapper .inputfield-wrapper.invalid{-webkit-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);-moz-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);box-shadow:0 0 0 1px var(--wmcolor-input-border-error);border-color:var(--wmcolor-input-border-error)}:host .wrapper .character-count{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;height:1.875rem;background-color:var(--wmcolor-textarea-charcount-background);font-size:0.875rem;font-weight:500;padding:4px 16px}:host .wrapper .character-count.exceeded{color:var(--wmcolor-text-error);font-weight:600}:host .wrapper textarea{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;border:none;font-family:inherit;font-size:0.875rem;min-height:calc(1lh + 1rem);padding:0.5rem 1rem;width:100%;resize:vertical}:host .wrapper textarea:focus{outline:none}:host .wrapper textarea[disabled]{background-color:var(--wmcolor-textarea-input-background-disabled);color:var(--wmcolor-textarea-input-text-disabled)}:host .wrapper .error-message{display:block;font-style:italic;color:var(--wmcolor-text-error);font-size:0.875rem;line-height:100%}:host .wrapper .error-message:not(:empty){margin-top:0.25rem}:host .wrapper .info{font-style:italic;line-height:100%;margin-top:0.25rem}:host .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}';var WmTextareaStyle0=wmTextareaCss;var Textarea=function(){function e(e){registerInstance(this,e);this.wmTextareaValueChanged=createEvent(this,"wmTextareaValueChanged",7);this.previousValue="";this.label=undefined;this.labelPosition="top";this.value="";this.disabled=false;this.info=undefined;this.placeholder="";this.requiredField=false;this.errorMessage=undefined;this.characterLimit=undefined;this.inputWidth="";this.inputHeight="";this.announcement=""}Object.defineProperty(e.prototype,"charCount",{get:function(){return this.value.length},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"isDisabled",{get:function(){return toBool(this.disabled)},enumerable:false,configurable:true});e.prototype.componentWillLoad=function(){var e=this;this.el.focus=function(){e.el.shadowRoot.querySelector("textarea").focus()};if(!this.label){console.error("wm-textarea requires the label property")}if(this.el.textContent){this.value=this.el.textContent}handleDisabledAttribute(this.el,this.isDisabled);this.previousValue=this.value};e.prototype.handleDisabledChange=function(){handleDisabledAttribute(this.el,this.isDisabled)};e.prototype.announceError=function(){var e=this;if(this.errorMessage){setTimeout((function(){return e.announce(e.errorMessage)}),100)}};e.prototype.handleInput=function(e){this.value=e.target.value;if(this.characterLimit&&this.charCount>=this.characterLimit-5){this.announce(globalMessages.getCharactersEntered(this.charCount,this.characterLimit))}};e.prototype.handleBlur=function(){if(this.value!==this.previousValue){this.wmTextareaValueChanged.emit({value:this.value})}this.previousValue=this.value};e.prototype.announce=function(e){if(this.liveRegionEl.textContent===e){e+=" "}this.announcement=e};e.prototype.render=function(){var e=this;return h("div",{key:"a5997b0d5dce20f77941690731ed6ba5cd1d9858",class:"wrapper label-".concat(this.labelPosition," ").concat(this.errorMessage?"invalid":"")},h("div",{key:"aad504a8a1d66943b608d7b3bd835bca3c14cad1",class:"label-wrapper"},h("label",{key:"4e731d38bc61ff74c8fa8c02a4919c1086fc94d8",htmlFor:"inputfield",class:"label"},this.label,this.characterLimit&&h("span",{key:"4e57dca225b03c470452c4136e294a2ba2615cf9",class:"sr-only"}," ",globalMessages.getCharacterLimit(this.characterLimit)),this.requiredField&&h("span",{key:"f17ef4ee28a329a3655f4a29f736518465a7594d",class:"required","aria-hidden":"true"},""))),h("div",{key:"695981592b51ff1b27d80018024fa9605dbce6a4",class:"inner-wrapper"},h("div",{key:"0b0d2659db296f2f83902a7ea0c84b09496be4e3",class:"inputfield-wrapper ".concat(this.errorMessage?"invalid":""),style:this.inputWidth?{width:this.inputWidth}:{}},h("textarea",{key:"7a7eb761ee1da371a506741fb2a8808c8ad37018",id:"inputfield",disabled:this.isDisabled,"aria-describedby":"info error",onInput:function(t){return e.handleInput(t)},onBlur:function(){return e.handleBlur()},placeholder:this.placeholder,autocomplete:"off","aria-required":this.requiredField?"true":null,value:this.value,rows:3,style:{height:this.inputHeight}}),this.characterLimit&&typeof this.characterLimit==="number"?h("div",{class:"character-count ".concat(this.value.length>this.characterLimit?"exceeded":"")},this.charCount,"/",this.characterLimit):""),this.info&&h("div",{key:"501a8e2e33bc0ce87b02d6c094f20767247fb080",id:"info",class:"info"},this.info),h("div",{key:"5d6a559dc433c567fdcf0a2b21fa4d69bfbd2d25",id:"error",class:"error-message"},this.errorMessage),h("div",{key:"ee6a8851e53375394b185bf14a77f2c6cca79d2a",id:"live-polite",class:"sr-only","aria-live":"polite","aria-atomic":"true",ref:function(t){return e.liveRegionEl=t}},this.announcement)))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{disabled:["handleDisabledChange"],errorMessage:["announceError"]}},enumerable:false,configurable:true});return e}();Textarea.style=WmTextareaStyle0;export{Textarea as wm_textarea};

package/dist/esm-es5/wm-timepicker.entry.js CHANGED Viewed

	@@ -1 +1 @@
1	- var __awaiter=this&&this.__awaiter\|\|function(r,e,t,i){function o(r){return r instanceof t?r:new t((function(e){e(r)}))}return new(t\|\|(t=Promise))((function(t,n){function a(r){try{l(i.next(r))}catch(r){n(r)}}function s(r){try{l(i["throw"](r))}catch(r){n(r)}}function l(r){r.done?t(r.value):o(r.value).then(a,s)}l((i=i.apply(r,e\|\|[])).next())}))};var __generator=this&&this.__generator\|\|function(r,e){var t={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},i,o,n,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(r){return function(e){return l([r,e])}}function l(s){if(i)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(t=0)),t)try{if(i=1,o&&(n=s[0]&2?o["return"]:s[0]?o["throw"]\|\|((n=o["return"])&&n.call(o),0):o.next)&&!(n=n.call(o,s[1])).done)return n;if(o=0,n)s=[s[0]&2,n.value];switch(s[0]){case 0:case 1:n=s;break;case 4:t.label++;return{value:s[1],done:false};case 5:t.label++;o=s[1];s=[0];continue;case 7:s=t.ops.pop();t.trys.pop();continue;default:if(!(n=t.trys,n=n.length>0&&n[n.length-1])&&(s[0]===6\|\|s[0]===2)){t=0;continue}if(s[0]===3&&(!n\|\|s[1]>n[0]&&s[1]<n[3])){t.label=s[1];break}if(s[0]===6&&t.label<n[1]){t.label=n[1];n=s;break}if(n&&t.label<n[2]){t.label=n[2];t.ops.push(s);break}if(n[2])t.ops.pop();t.trys.pop();continue}s=e.call(r,t)}catch(r){s=[6,r];o=0}finally{i=n=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-f164fbca.js";import{i as intl,t as toBool,a as handleDisabledAttribute,k as shouldOpenUp}from"./functions-f65dbb96.js";var wmTimepickerCss=':host{--wmcolor-timepicker-background:var(--wmcolor-background);--wmcolor-timepicker-input-background-disabled:var(--wmcolor-input-background-disabled);--wmcolor-timepicker-input-background:var(--wmcolor-input-background);--wmcolor-timepicker-input-border:var(--wmcolor-input-border);--wmcolor-timepicker-input-text-disabled:var(--wmcolor-input-text-disabled);--wmcolor-timepicker-input-text:var(--wmcolor-text);--wmcolor-timepicker-option-background-focus:var(--wmcolor-interactive-background-hover);--wmcolor-timepicker-option-background-hover:var(--wmcolor-option-background-hover);--wmcolor-timepicker-option-background:var(--wmcolor-option-background);--wmcolor-timepicker-option-border:var(--wmcolor-option-border);--wmcolor-timepicker-option-text:var(--wmcolor-option-text);--wmcolor-timepicker-toggle-background-disabled:var(--wmcolor-input-background-disabled);--wmcolor-timepicker-toggle-background-hover:var(--wmcolor-interactive-background-hover);--wmcolor-timepicker-toggle-background:var(--wmcolor-input-background);--wmcolor-timepicker-toggle-icon-disabled:var(--wmcolor-interactive-disabled);--wmcolor-timepicker-toggle-icon:var(--wmcolor-interactive);font-family:inherit}:host {-webkit-box-sizing:border-box;box-sizing:border-box}:host .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}:host .wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:0.875rem}:host .wrapper .label{display:block;line-height:normal;font-weight:600;white-space:nowrap;margin-bottom:0.25rem}:host .wrapper .label .required{color:var(--wmcolor-text-required)}:host .wrapper.label-left{-ms-flex-direction:row;flex-direction:row}:host .wrapper.label-left .label-wrapper{line-height:2.5rem}:host .wrapper.label-left .label-wrapper .label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:2.5rem;white-space:normal;margin-bottom:0;margin-right:0.75rem}:host .wrapper.label-none label{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}:host .wrapper.invalid .label{color:var(--wmcolor-text-error)}:host .wrapper.invalid .label:after{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f026";margin-left:0.3125rem}[dir=RTL] :host .wrapper.invalid .label:after{margin-left:0;margin-right:0.3125rem}:host .wrapper.rtl.label-left .label{margin-right:0;margin-left:0.75rem}:host .wrapper .inner-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:2.5rem;border:1px solid;border-color:var(--wmcolor-timepicker-input-border);-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;max-width:236px;-ms-flex-pack:justify;justify-content:space-between;position:relative}:host .wrapper .inner-wrapper input{-moz-border-top-left-radius:3px;-webkit-border-top-left-radius:3px;border-top-left-radius:3px;-moz-border-bottom-left-radius:3px;-webkit-border-bottom-left-radius:3px;border-bottom-left-radius:3px;border:none;font-size:0.875rem;padding:0.625rem 0.9375rem 0.5rem;min-width:0;height:100%;-ms-flex:1;flex:1;margin:0;font-family:inherit}:host .wrapper .inner-wrapper input:disabled{background-color:var(--wmcolor-timepicker-input-background-disabled);color:var(--wmcolor-timepicker-input-text-disabled)}:host .wrapper .inner-wrapper input:focus{outline:none}:host .wrapper .inner-wrapper button{all:unset;cursor:pointer;padding:0 0.375rem;height:2.375rem;background-color:var(--wmcolor-timepicker-toggle-background);border:none;-moz-border-top-right-radius:3px;-webkit-border-top-right-radius:3px;border-top-right-radius:3px;-moz-border-bottom-right-radius:3px;-webkit-border-bottom-right-radius:3px;border-bottom-right-radius:3px}:host .wrapper .inner-wrapper button .clock::after{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f150";color:var(--wmcolor-timepicker-toggle-icon);font-size:1.5rem;padding:0;line-height:2.5rem}:host .wrapper .inner-wrapper button:hover{background:var(--wmcolor-timepicker-toggle-background-hover);-webkit-box-shadow:none;box-shadow:none}:host .wrapper .inner-wrapper button:disabled{pointer-events:none;-webkit-box-shadow:none;box-shadow:none;background-color:var(--wmcolor-timepicker-toggle-background-disabled)}:host .wrapper .inner-wrapper button:disabled .clock::after{color:var(--wmcolor-timepicker-toggle-icon-disabled)}[dir=RTL] :host .wrapper .inner-wrapper button{right:auto;left:0}:host .wrapper .inner-wrapper button:focus{outline:none}:host .wrapper .inner-wrapper button:focus-visible{outline:3px solid var(--wmcolor-interactive-focus);outline-offset:0}:host .wrapper .inner-wrapper button::-moz-focus-inner{border:0}:host .wrapper .inner-wrapper .options{margin:0;padding:0;-webkit-overflow-scrolling:touch;overflow:auto;max-height:19.0625rem;-webkit-box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);-ms-transition:transform 0.25s ease;-webkit-transition:transform 0.25s ease;-moz-transition:transform 0.25s ease;-webkit-transition:-webkit-transform 0.25s ease;transition:-webkit-transform 0.25s ease;transition:transform 0.25s ease;transition:transform 0.25s ease, -webkit-transform 0.25s ease;-ms-transform:scale(1, 0);-webkit-transform:scale(1, 0);-moz-transform:scale(1, 0);transform:scale(1, 0);-ms-transform-origin:center top;-webkit-transform-origin:center top;-moz-transform-origin:center top;transform-origin:center top;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;position:absolute;top:2.5rem;right:0;z-index:100;width:100%;font-size:0.875rem}:host .wrapper .inner-wrapper .options.upwards{top:unset;bottom:2.5rem;-ms-transform-origin:center bottom;-webkit-transform-origin:center bottom;-moz-transform-origin:center bottom;transform-origin:center bottom}:host .wrapper .inner-wrapper .options.hidden{visibility:hidden}:host .wrapper .inner-wrapper .options [role=option]{display:block;cursor:pointer;position:relative;padding:1.25rem;background:var(--wmcolor-timepicker-option-background);font-family:inherit;list-style:none;color:var(--wmcolor-timepicker-option-text)}:host .wrapper .inner-wrapper .options [role=option]:hover{background:var(--wmcolor-timepicker-option-background-hover);outline:none}:host .wrapper .inner-wrapper .options [role=option]:focus{outline:none;background:var(--wmcolor-timepicker-option-background-focus)}:host .wrapper .inner-wrapper .options [role=option]:not(:last-child){border-bottom:2px solid;border-color:var(--wmcolor-timepicker-option-border)}:host .wrapper .inner-wrapper .options.open{-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);transform:scale(1, 1)}:host .wrapper.invalid .inner-wrapper{-webkit-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);-moz-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);box-shadow:0 0 0 1px var(--wmcolor-input-border-error);border-color:var(--wmcolor-input-border-error)}:host .wrapper.invalid .error{display:block;font-style:italic;color:var(--wmcolor-text-error);font-size:0.875rem;margin-bottom:4px;top:100%;left:0}:host .wrapper.invalid .error:not(:empty){margin-top:0.25rem}:host .wrapper:focus .inner-wrapper,:host .wrapper.focus .inner-wrapper{outline:2px solid var(--wmcolor-input-border-focus);border-color:var(--wmcolor-input-border-focus)}';var Timepicker=function(){function r(r){registerInstance(this,r);this.wmTimepickerInputBlurred=createEvent(this,"wmTimepickerInputBlurred",7);this.wmTimepickerTimeSelected=createEvent(this,"wmTimepickerTimeSelected",7);this.twelveHrValid=/^(0?[0-9]\|1[0-2])\s:?\s([0-5][0-9])?\s?(a\|p\|am\|pm)?$/i;this.twentyFourHrValid=/^(0?[0-9]\|1[0-9]\|2[0-4])\s:?\s([0-5][0-9])?$/;this.timeFormat="hh:mm";this.times=this.generateTimeIntervals();this.openUp=false;this.buttonAriaLabel=intl.formatMessage({id:"time.selectTime",defaultMessage:"Select time",description:"Button text for screen readers."});this.disabled=false;this.value="";this.errorMessage=undefined;this.label="";this.labelPosition="top";this.requiredField=false;this.preselected=undefined;this.isExpanded=false}Object.defineProperty(r.prototype,"selectedOption",{get:function(){return this.optionsList.filter((function(r){return r.tabIndex===0}))[0]},enumerable:false,configurable:true});Object.defineProperty(r.prototype,"optionsList",{get:function(){return Array.from(this.optionsEl.querySelectorAll("li"))},enumerable:false,configurable:true});Object.defineProperty(r.prototype,"isDisabled",{get:function(){return toBool(this.disabled)},enumerable:false,configurable:true});r.prototype.isValidTime=function(r){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.isValidTimeInternal(r)]}))}))};r.prototype.isValidTimeInternal=function(r){return this.twelveHrValid.test(r)\|\|this.twentyFourHrValid.test(r)};r.prototype.reformatTime=function(r,e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.reformatTimeInternal(r,e)]}))}))};r.prototype.announce=function(r){if(this.liveRegionEl.textContent===r){r+=" "}this.liveRegionEl.textContent=r};r.prototype.reformatTimeInternal=function(r,e){var t=this.splitTime(e),i=t[0],o=t[1],n=t[2];if(r==="12"){if(i===12&&!n){n="PM"}if(i===0\|\|i===24){i=12}if(i>12){i-=12;n="PM"}if(n&&n.toUpperCase().includes("P")){n="PM"}else{n="AM"}return"".concat(i.toString().padStart(2,"0"),":").concat(o," ").concat(n)}else if(r==="24"){if(i===24){i=0}if(i===12&&n&&n.toUpperCase().includes("A")){i-=12}if(n&&n.toUpperCase().includes("P")&&i!==12){i+=12}return"".concat(i.toString().padStart(2,"0"),":").concat(o)}else{return e}};r.prototype.handleKey=function(r){switch(r.key){case"ArrowDown":r.preventDefault();if(this.isExpanded===false){this.open("next")}else{this.moveNext(this.selectedOption)}break;case"ArrowUp":r.preventDefault();if(this.isExpanded===false){this.open("previous")}else{this.movePrevious(this.selectedOption)}break;case"Enter":case" ":if(this.isExpanded){r.preventDefault();this.handleOptionClick(this.selectedOption.dataset.time)}break;case"Escape":r.preventDefault();if(this.isExpanded){r.stopPropagation();this.close()}break;case"Tab":if(this.isExpanded){this.close(false)}break;case"Home":r.preventDefault();if(this.isExpanded){this.focusOption(this.optionsList[0])}break;case"End":r.preventDefault();if(this.isExpanded){this.focusOption(this.optionsList[this.optionsList.length-1])}break}};r.prototype.handleDisabledChange=function(){handleDisabledAttribute(this.el,this.isDisabled)};r.prototype.handleValueChange=function(){this.inputEl.value=this.value?this.value:""};r.prototype.announceError=function(){var r=this;if(this.errorMessage){setTimeout((function(){return r.announce(r.errorMessage)}),100)}};r.prototype.componentWillLoad=function(){if(this.label===""){console.error("You must include a label prop for the timepicker (for accessibility reasons), even if the label position is none.")}this.timeFormat=intl.formatMessage({id:"time.timeFormat",defaultMessage:"hh:mm"});handleDisabledAttribute(this.el,this.isDisabled)};r.prototype.componentDidLoad=function(){this.optionsEl.classList.add("hidden")};r.prototype.handleOptionClick=function(r){this.close();this.wmTimepickerTimeSelected.emit({time:r})};r.prototype.handleInputBlur=function(){this.wmTimepickerInputBlurred.emit();this.tpWrapper.classList.remove("focus")};r.prototype.generateTimeIntervals=function(){var r=[];var e=0;for(var t=0;e<2460;t++){var i=Math.floor(e/60);var o=i.toString().padStart(2,"0");var n=(e%60).toString();var a=n.padStart(2,"0");r[t]="".concat(o,":").concat(a);e=e+15}return r};r.prototype.splitTime=function(r){var e=this.twelveHrValid.exec(r)\|\|this.twentyFourHrValid.exec(r);var t=parseInt(e[1]);var i=e[2]\|\|"00";var o=e?e[3]:undefined;if(t===0&&(o===null\|\|o===void 0?void 0:o.toUpperCase().includes("P"))){o="AM"}return[t,i,o]};r.prototype.open=function(r){var e=this;this.openUp=shouldOpenUp(this.el,this.optionsEl.clientHeight);this.isExpanded=true;this.optionsEl.classList.remove("hidden");var t=this.optionsList[36];if(this.preselected){t=this.optionsList.filter((function(r){return r.dataset.time==e.preselected}))[0]}else if(this.isValidTimeInternal(this.value)){var i=this.findNearestTimeInterval(this.reformatTimeInternal("24",this.value));t=this.optionsList.filter((function(r){return r.dataset.time==i}))[0]}this.optionsEl.scrollTop=(this.optionsList.findIndex((function(r){return r.textContent===(t===null\|\|t===void 0?void 0:t.textContent)}))-2)t.offsetHeight;this.focusOption(t);window.requestAnimationFrame((function(){if(r==="next"){e.moveNext(e.selectedOption)}else if(r==="previous"){e.movePrevious(e.selectedOption)}}))};r.prototype.close=function(r){var e=this;if(r===void 0){r=true}this.isExpanded=false;window.setTimeout((function(){e.optionsEl.classList.add("hidden");if(r){e.buttonEl.focus()}}),150)};r.prototype.focusOption=function(r){this.optionsList.forEach((function(r){r.tabIndex=-1}));r.tabIndex=0;r.scrollIntoView({block:"nearest"});r.focus()};r.prototype.movePrevious=function(r){this.focusOption(r.previousElementSibling?r.previousElementSibling:this.optionsList[this.optionsList.length-1])};r.prototype.moveNext=function(r){this.focusOption(r.nextElementSibling?r.nextElementSibling:this.optionsList[0])};r.prototype.findNearestTimeInterval=function(r){var e=parseInt(r.slice(3,5));if(e%15!==0){var t=parseInt(r.slice(0,2));var i=(Math.round(e/15)15).toString().padStart(2,"0");if(i==="60"){i="00";var o=t+1;if(o===24){o=0}r=r.replace("".concat(t.toString().padStart(2,"0"),":"),"".concat(o.toString().padStart(2,"0"),":"))}if(parseInt(i)<8){i="00"}r=r.replace(":".concat(e.toString().padStart(2,"0")),":".concat(i))}return r};r.prototype.renderOptions=function(){var r=this;return this.times.map((function(e,t){return h("li",{id:"option".concat(t+1),"data-time":e,role:"option",onClick:function(){return r.handleOptionClick(e)}},r.reformatTimeInternal("12",e))}))};r.prototype.render=function(){var r=this;return h(Host,{onBlur:function(){return r.close(false)}},h("div",{class:"wrapper label-".concat(this.labelPosition," ").concat(!!this.errorMessage?"invalid":""),ref:function(e){return r.tpWrapper=e}},h("div",{class:"label-wrapper"},this.labelPosition!=="none"&&h("label",{id:"label",class:"label",htmlFor:"time-input"},this.label,this.requiredField&&h("span",{class:"required","aria-hidden":"true"},"*"))),h("div",null,h("div",{class:"inner-wrapper"},h("input",{id:"time-input","aria-label":this.label,"aria-describedby":"error",ref:function(e){return r.inputEl=e},onBlur:function(){return r.handleInputBlur()},onInput:function(){return r.value=r.inputEl.value},disabled:this.isDisabled,"aria-required":this.requiredField?"true":null,placeholder:this.timeFormat,autocomplete:"off",value:this.value,onFocus:function(){return r.tpWrapper.classList.add("focus")}}),h("button",{id:"btn",ref:function(e){return r.buttonEl=e},disabled:this.isDisabled,"aria-controls":"list","aria-expanded":this.isExpanded?"true":"false","aria-label":this.buttonAriaLabel,"aria-describedby":"time-input",onClick:function(){return r.isExpanded?r.close():r.open()},onMouseDown:function(e){e.preventDefault();r.buttonEl.focus()}},h("span",{class:"clock"})),h("ul",{class:"options ".concat(this.isExpanded?"open":""," ").concat(this.openUp?"upwards":""),id:"list",role:"listbox","aria-labelledby":"label","aria-describedby":this.isExpanded?"collapsed":null,tabindex:-1,ref:function(e){return r.optionsEl=e}},this.renderOptions())),h("div",{id:"error",class:"error"},this.errorMessage)),h("div",{id:"live-polite",class:"sr-only","aria-live":"polite","aria-atomic":"true",ref:function(e){return r.liveRegionEl=e}})))};Object.defineProperty(r,"delegatesFocus",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(r.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(r,"watchers",{get:function(){return{disabled:["handleDisabledChange"],value:["handleValueChange"],errorMessage:["announceError"]}},enumerable:false,configurable:true});return r}();Timepicker.style=wmTimepickerCss;export{Timepicker as wm_timepicker};
1	+ var __awaiter=this&&this.__awaiter\|\|function(r,e,t,i){function o(r){return r instanceof t?r:new t((function(e){e(r)}))}return new(t\|\|(t=Promise))((function(t,n){function a(r){try{l(i.next(r))}catch(r){n(r)}}function s(r){try{l(i["throw"](r))}catch(r){n(r)}}function l(r){r.done?t(r.value):o(r.value).then(a,s)}l((i=i.apply(r,e\|\|[])).next())}))};var __generator=this&&this.__generator\|\|function(r,e){var t={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},i,o,n,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(r){return function(e){return l([r,e])}}function l(s){if(i)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(t=0)),t)try{if(i=1,o&&(n=s[0]&2?o["return"]:s[0]?o["throw"]\|\|((n=o["return"])&&n.call(o),0):o.next)&&!(n=n.call(o,s[1])).done)return n;if(o=0,n)s=[s[0]&2,n.value];switch(s[0]){case 0:case 1:n=s;break;case 4:t.label++;return{value:s[1],done:false};case 5:t.label++;o=s[1];s=[0];continue;case 7:s=t.ops.pop();t.trys.pop();continue;default:if(!(n=t.trys,n=n.length>0&&n[n.length-1])&&(s[0]===6\|\|s[0]===2)){t=0;continue}if(s[0]===3&&(!n\|\|s[1]>n[0]&&s[1]<n[3])){t.label=s[1];break}if(s[0]===6&&t.label<n[1]){t.label=n[1];n=s;break}if(n&&t.label<n[2]){t.label=n[2];t.ops.push(s);break}if(n[2])t.ops.pop();t.trys.pop();continue}s=e.call(r,t)}catch(r){s=[6,r];o=0}finally{i=n=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-130e07bb.js";import{i as intl,t as toBool,a as handleDisabledAttribute,k as shouldOpenUp}from"./functions-25781571.js";var wmTimepickerCss=':host{--wmcolor-timepicker-background:var(--wmcolor-background);--wmcolor-timepicker-input-background-disabled:var(--wmcolor-input-background-disabled);--wmcolor-timepicker-input-background:var(--wmcolor-input-background);--wmcolor-timepicker-input-border:var(--wmcolor-input-border);--wmcolor-timepicker-input-text-disabled:var(--wmcolor-input-text-disabled);--wmcolor-timepicker-input-text:var(--wmcolor-text);--wmcolor-timepicker-option-background-focus:var(--wmcolor-interactive-background-hover);--wmcolor-timepicker-option-background-hover:var(--wmcolor-option-background-hover);--wmcolor-timepicker-option-background:var(--wmcolor-option-background);--wmcolor-timepicker-option-border:var(--wmcolor-option-border);--wmcolor-timepicker-option-text:var(--wmcolor-option-text);--wmcolor-timepicker-toggle-background-disabled:var(--wmcolor-input-background-disabled);--wmcolor-timepicker-toggle-background-hover:var(--wmcolor-interactive-background-hover);--wmcolor-timepicker-toggle-background:var(--wmcolor-input-background);--wmcolor-timepicker-toggle-icon-disabled:var(--wmcolor-interactive-disabled);--wmcolor-timepicker-toggle-icon:var(--wmcolor-interactive);font-family:inherit}:host {-webkit-box-sizing:border-box;box-sizing:border-box}:host .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}:host .wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:0.875rem}:host .wrapper .label{display:block;line-height:normal;font-weight:600;white-space:nowrap;margin-bottom:0.25rem}:host .wrapper .label .required{color:var(--wmcolor-text-required)}:host .wrapper.label-left{-ms-flex-direction:row;flex-direction:row}:host .wrapper.label-left .label-wrapper{line-height:2.5rem}:host .wrapper.label-left .label-wrapper .label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:2.5rem;white-space:normal;margin-bottom:0;margin-right:0.75rem}:host .wrapper.label-none label{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}:host .wrapper.invalid .label{color:var(--wmcolor-text-error)}:host .wrapper.invalid .label:after{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f026";margin-left:0.3125rem}[dir=RTL] :host .wrapper.invalid .label:after{margin-left:0;margin-right:0.3125rem}:host .wrapper.rtl.label-left .label{margin-right:0;margin-left:0.75rem}:host .wrapper .inner-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:2.5rem;border:1px solid;border-color:var(--wmcolor-timepicker-input-border);-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;max-width:236px;-ms-flex-pack:justify;justify-content:space-between;position:relative}:host .wrapper .inner-wrapper input{-moz-border-top-left-radius:3px;-webkit-border-top-left-radius:3px;border-top-left-radius:3px;-moz-border-bottom-left-radius:3px;-webkit-border-bottom-left-radius:3px;border-bottom-left-radius:3px;border:none;font-size:0.875rem;padding:0.625rem 0.9375rem 0.5rem;min-width:0;height:100%;-ms-flex:1;flex:1;margin:0;font-family:inherit}:host .wrapper .inner-wrapper input:disabled{background-color:var(--wmcolor-timepicker-input-background-disabled);color:var(--wmcolor-timepicker-input-text-disabled)}:host .wrapper .inner-wrapper input:focus{outline:none}:host .wrapper .inner-wrapper button{all:unset;cursor:pointer;padding:0 0.375rem;height:2.375rem;background-color:var(--wmcolor-timepicker-toggle-background);border:none;-moz-border-top-right-radius:3px;-webkit-border-top-right-radius:3px;border-top-right-radius:3px;-moz-border-bottom-right-radius:3px;-webkit-border-bottom-right-radius:3px;border-bottom-right-radius:3px}:host .wrapper .inner-wrapper button .clock::after{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f150";color:var(--wmcolor-timepicker-toggle-icon);font-size:1.5rem;padding:0;line-height:2.5rem}:host .wrapper .inner-wrapper button:hover{background:var(--wmcolor-timepicker-toggle-background-hover);-webkit-box-shadow:none;box-shadow:none}:host .wrapper .inner-wrapper button:disabled{pointer-events:none;-webkit-box-shadow:none;box-shadow:none;background-color:var(--wmcolor-timepicker-toggle-background-disabled)}:host .wrapper .inner-wrapper button:disabled .clock::after{color:var(--wmcolor-timepicker-toggle-icon-disabled)}[dir=RTL] :host .wrapper .inner-wrapper button{right:auto;left:0}:host .wrapper .inner-wrapper button:focus{outline:none}:host .wrapper .inner-wrapper button:focus-visible{outline:3px solid var(--wmcolor-interactive-focus);outline-offset:0}:host .wrapper .inner-wrapper button::-moz-focus-inner{border:0}:host .wrapper .inner-wrapper .options{margin:0;padding:0;-webkit-overflow-scrolling:touch;overflow:auto;max-height:19.0625rem;-webkit-box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);-ms-transition:transform 0.25s ease;-webkit-transition:transform 0.25s ease;-moz-transition:transform 0.25s ease;-webkit-transition:-webkit-transform 0.25s ease;transition:-webkit-transform 0.25s ease;transition:transform 0.25s ease;transition:transform 0.25s ease, -webkit-transform 0.25s ease;-ms-transform:scale(1, 0);-webkit-transform:scale(1, 0);-moz-transform:scale(1, 0);transform:scale(1, 0);-ms-transform-origin:center top;-webkit-transform-origin:center top;-moz-transform-origin:center top;transform-origin:center top;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;position:absolute;top:2.5rem;right:0;z-index:100;width:100%;font-size:0.875rem}:host .wrapper .inner-wrapper .options.upwards{top:unset;bottom:2.5rem;-ms-transform-origin:center bottom;-webkit-transform-origin:center bottom;-moz-transform-origin:center bottom;transform-origin:center bottom}:host .wrapper .inner-wrapper .options.hidden{visibility:hidden}:host .wrapper .inner-wrapper .options [role=option]{display:block;cursor:pointer;position:relative;padding:1.25rem;background:var(--wmcolor-timepicker-option-background);font-family:inherit;list-style:none;color:var(--wmcolor-timepicker-option-text)}:host .wrapper .inner-wrapper .options [role=option]:hover{background:var(--wmcolor-timepicker-option-background-hover);outline:none}:host .wrapper .inner-wrapper .options [role=option]:focus{outline:none;background:var(--wmcolor-timepicker-option-background-focus)}:host .wrapper .inner-wrapper .options [role=option]:not(:last-child){border-bottom:2px solid;border-color:var(--wmcolor-timepicker-option-border)}:host .wrapper .inner-wrapper .options.open{-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);transform:scale(1, 1)}:host .wrapper.invalid .inner-wrapper{-webkit-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);-moz-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);box-shadow:0 0 0 1px var(--wmcolor-input-border-error);border-color:var(--wmcolor-input-border-error)}:host .wrapper.invalid .error{display:block;font-style:italic;color:var(--wmcolor-text-error);font-size:0.875rem;margin-bottom:4px;top:100%;left:0}:host .wrapper.invalid .error:not(:empty){margin-top:0.25rem}:host .wrapper:focus .inner-wrapper,:host .wrapper.focus .inner-wrapper{outline:2px solid var(--wmcolor-input-border-focus);border-color:var(--wmcolor-input-border-focus)}';var WmTimepickerStyle0=wmTimepickerCss;var Timepicker=function(){function r(r){registerInstance(this,r);this.wmTimepickerInputBlurred=createEvent(this,"wmTimepickerInputBlurred",7);this.wmTimepickerTimeSelected=createEvent(this,"wmTimepickerTimeSelected",7);this.twelveHrValid=/^(0?[0-9]\|1[0-2])\s:?\s([0-5][0-9])?\s?(a\|p\|am\|pm)?$/i;this.twentyFourHrValid=/^(0?[0-9]\|1[0-9]\|2[0-4])\s:?\s([0-5][0-9])?$/;this.timeFormat="hh:mm";this.times=this.generateTimeIntervals();this.openUp=false;this.buttonAriaLabel=intl.formatMessage({id:"time.selectTime",defaultMessage:"Select time",description:"Button text for screen readers."});this.disabled=false;this.value="";this.errorMessage=undefined;this.label="";this.labelPosition="top";this.requiredField=false;this.preselected=undefined;this.isExpanded=false}Object.defineProperty(r.prototype,"selectedOption",{get:function(){return this.optionsList.filter((function(r){return r.tabIndex===0}))[0]},enumerable:false,configurable:true});Object.defineProperty(r.prototype,"optionsList",{get:function(){return Array.from(this.optionsEl.querySelectorAll("li"))},enumerable:false,configurable:true});Object.defineProperty(r.prototype,"isDisabled",{get:function(){return toBool(this.disabled)},enumerable:false,configurable:true});r.prototype.isValidTime=function(r){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.isValidTimeInternal(r)]}))}))};r.prototype.isValidTimeInternal=function(r){return this.twelveHrValid.test(r)\|\|this.twentyFourHrValid.test(r)};r.prototype.reformatTime=function(r,e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.reformatTimeInternal(r,e)]}))}))};r.prototype.announce=function(r){if(this.liveRegionEl.textContent===r){r+=" "}this.liveRegionEl.textContent=r};r.prototype.reformatTimeInternal=function(r,e){var t=this.splitTime(e),i=t[0],o=t[1],n=t[2];if(r==="12"){if(i===12&&!n){n="PM"}if(i===0\|\|i===24){i=12}if(i>12){i-=12;n="PM"}if(n&&n.toUpperCase().includes("P")){n="PM"}else{n="AM"}return"".concat(i.toString().padStart(2,"0"),":").concat(o," ").concat(n)}else if(r==="24"){if(i===24){i=0}if(i===12&&n&&n.toUpperCase().includes("A")){i-=12}if(n&&n.toUpperCase().includes("P")&&i!==12){i+=12}return"".concat(i.toString().padStart(2,"0"),":").concat(o)}else{return e}};r.prototype.handleKey=function(r){switch(r.key){case"ArrowDown":r.preventDefault();if(this.isExpanded===false){this.open("next")}else{this.moveNext(this.selectedOption)}break;case"ArrowUp":r.preventDefault();if(this.isExpanded===false){this.open("previous")}else{this.movePrevious(this.selectedOption)}break;case"Enter":case" ":if(this.isExpanded){r.preventDefault();this.handleOptionClick(this.selectedOption.dataset.time)}break;case"Escape":r.preventDefault();if(this.isExpanded){r.stopPropagation();this.close()}break;case"Tab":if(this.isExpanded){this.close(false)}break;case"Home":r.preventDefault();if(this.isExpanded){this.focusOption(this.optionsList[0])}break;case"End":r.preventDefault();if(this.isExpanded){this.focusOption(this.optionsList[this.optionsList.length-1])}break}};r.prototype.handleDisabledChange=function(){handleDisabledAttribute(this.el,this.isDisabled)};r.prototype.handleValueChange=function(){this.inputEl.value=this.value?this.value:""};r.prototype.announceError=function(){var r=this;if(this.errorMessage){setTimeout((function(){return r.announce(r.errorMessage)}),100)}};r.prototype.componentWillLoad=function(){if(this.label===""){console.error("You must include a label prop for the timepicker (for accessibility reasons), even if the label position is none.")}this.timeFormat=intl.formatMessage({id:"time.timeFormat",defaultMessage:"hh:mm"});handleDisabledAttribute(this.el,this.isDisabled)};r.prototype.componentDidLoad=function(){this.optionsEl.classList.add("hidden")};r.prototype.handleOptionClick=function(r){this.close();this.wmTimepickerTimeSelected.emit({time:r})};r.prototype.handleInputBlur=function(){this.wmTimepickerInputBlurred.emit();this.tpWrapper.classList.remove("focus")};r.prototype.generateTimeIntervals=function(){var r=[];var e=0;for(var t=0;e<2460;t++){var i=Math.floor(e/60);var o=i.toString().padStart(2,"0");var n=(e%60).toString();var a=n.padStart(2,"0");r[t]="".concat(o,":").concat(a);e=e+15}return r};r.prototype.splitTime=function(r){var e=this.twelveHrValid.exec(r)\|\|this.twentyFourHrValid.exec(r);var t=parseInt(e[1]);var i=e[2]\|\|"00";var o=e?e[3]:undefined;if(t===0&&(o===null\|\|o===void 0?void 0:o.toUpperCase().includes("P"))){o="AM"}return[t,i,o]};r.prototype.open=function(r){var e=this;this.openUp=shouldOpenUp(this.el,this.optionsEl.clientHeight);this.isExpanded=true;this.optionsEl.classList.remove("hidden");var t=this.optionsList[36];if(this.preselected){t=this.optionsList.filter((function(r){return r.dataset.time==e.preselected}))[0]}else if(this.isValidTimeInternal(this.value)){var i=this.findNearestTimeInterval(this.reformatTimeInternal("24",this.value));t=this.optionsList.filter((function(r){return r.dataset.time==i}))[0]}this.optionsEl.scrollTop=(this.optionsList.findIndex((function(r){return r.textContent===(t===null\|\|t===void 0?void 0:t.textContent)}))-2)t.offsetHeight;this.focusOption(t);window.requestAnimationFrame((function(){if(r==="next"){e.moveNext(e.selectedOption)}else if(r==="previous"){e.movePrevious(e.selectedOption)}}))};r.prototype.close=function(r){var e=this;if(r===void 0){r=true}this.isExpanded=false;window.setTimeout((function(){e.optionsEl.classList.add("hidden");if(r){e.buttonEl.focus()}}),150)};r.prototype.focusOption=function(r){this.optionsList.forEach((function(r){r.tabIndex=-1}));r.tabIndex=0;r.scrollIntoView({block:"nearest"});r.focus()};r.prototype.movePrevious=function(r){this.focusOption(r.previousElementSibling?r.previousElementSibling:this.optionsList[this.optionsList.length-1])};r.prototype.moveNext=function(r){this.focusOption(r.nextElementSibling?r.nextElementSibling:this.optionsList[0])};r.prototype.findNearestTimeInterval=function(r){var e=parseInt(r.slice(3,5));if(e%15!==0){var t=parseInt(r.slice(0,2));var i=(Math.round(e/15)15).toString().padStart(2,"0");if(i==="60"){i="00";var o=t+1;if(o===24){o=0}r=r.replace("".concat(t.toString().padStart(2,"0"),":"),"".concat(o.toString().padStart(2,"0"),":"))}if(parseInt(i)<8){i="00"}r=r.replace(":".concat(e.toString().padStart(2,"0")),":".concat(i))}return r};r.prototype.renderOptions=function(){var r=this;return this.times.map((function(e,t){return h("li",{id:"option".concat(t+1),"data-time":e,role:"option",onClick:function(){return r.handleOptionClick(e)}},r.reformatTimeInternal("12",e))}))};r.prototype.render=function(){var r=this;return h(Host,{key:"58694542ea396f6874a0889ac5fdd608477e01f4",onBlur:function(){return r.close(false)}},h("div",{key:"182422d05a01af98eb1fcf95817cec6ee95a81b9",class:"wrapper label-".concat(this.labelPosition," ").concat(!!this.errorMessage?"invalid":""),ref:function(e){return r.tpWrapper=e}},h("div",{key:"ac2f32d2e2e35fb5014a5e8c44bdecc3e3963c0e",class:"label-wrapper"},this.labelPosition!=="none"&&h("label",{key:"6cd54b3142c4ca0a88bf8e22a2074f67f72e1423",id:"label",class:"label",htmlFor:"time-input"},this.label,this.requiredField&&h("span",{key:"41f2f167ccbfbd81c7d37396f25c22a5db4a5baf",class:"required","aria-hidden":"true"},"*"))),h("div",{key:"9c9f880595e1de671d24b327a47e17e03a056ab6"},h("div",{key:"7a58504c80378f052e7da86692f53630c15b6837",class:"inner-wrapper"},h("input",{key:"df44714cfb58a6ef9e49d548b732f1daa70dddfa",id:"time-input","aria-label":this.label,"aria-describedby":"error",ref:function(e){return r.inputEl=e},onBlur:function(){return r.handleInputBlur()},onInput:function(){return r.value=r.inputEl.value},disabled:this.isDisabled,"aria-required":this.requiredField?"true":null,placeholder:this.timeFormat,autocomplete:"off",value:this.value,onFocus:function(){return r.tpWrapper.classList.add("focus")}}),h("button",{key:"40e964286b360d9c86c54065c2acf6f761ad6a03",id:"btn",ref:function(e){return r.buttonEl=e},disabled:this.isDisabled,"aria-controls":"list","aria-expanded":this.isExpanded?"true":"false","aria-label":this.buttonAriaLabel,"aria-describedby":"time-input",onClick:function(){return r.isExpanded?r.close():r.open()},onMouseDown:function(e){e.preventDefault();r.buttonEl.focus()}},h("span",{key:"d6912b075f5ad8396b82b6d8f562e41698cfe62f",class:"clock"})),h("ul",{key:"458b1c42f853567c26a32f6538ed6c6ba629c38f",class:"options ".concat(this.isExpanded?"open":""," ").concat(this.openUp?"upwards":""),id:"list",role:"listbox","aria-labelledby":"label","aria-describedby":this.isExpanded?"collapsed":null,tabindex:-1,ref:function(e){return r.optionsEl=e}},this.renderOptions())),h("div",{key:"2c561ba815cf53ecb94e21864be52c72fc7b8c13",id:"error",class:"error"},this.errorMessage)),h("div",{key:"6f216c9a6539cf1800dfe944d762e31dc9c3422e",id:"live-polite",class:"sr-only","aria-live":"polite","aria-atomic":"true",ref:function(e){return r.liveRegionEl=e}})))};Object.defineProperty(r,"delegatesFocus",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(r.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(r,"watchers",{get:function(){return{disabled:["handleDisabledChange"],value:["handleValueChange"],errorMessage:["announceError"]}},enumerable:false,configurable:true});return r}();Timepicker.style=WmTimepickerStyle0;export{Timepicker as wm_timepicker};