@momentum-ui/web-components 2.5.1-dev3 → 2.5.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.
- package/dist/chunks/md-25.js +1 -1
- package/dist/chunks/md-27.js +1 -1
- package/dist/chunks/md-52.js +3 -2
- package/dist/chunks/md-62.js +1 -1
- package/dist/chunks/md-78.js +8 -7
- package/dist/index-entry.js +1 -1
- package/dist/index.js +1 -1
- package/package.json +1 -1
package/dist/chunks/md-25.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[25],{59:function(o,t,p){"use strict";var e=p(0);t.a=e.css`:host{display:inline-flex}.md-tooltip{position:relative}.md-tooltip.md-tooltip--disabled .md-tooltip__popper{display:none}.md-tooltip__content{display:inline-block}.md-tooltip__popper{animation-duration:.15s;animation-name:tooltip-fade;background-color:var(--tooltip-bg-color,#292929);border:1px solid #545454;border-radius:.25rem;box-shadow:0 .5rem 1rem rgba(0,0,0,.16),0 0 .0625rem rgba(0,0,0,.16),0 0 0 .0625rem #292929;color:var(--tooltip-font-color,#f7f7f7);display:none;font-size:.875rem;line-height:1.3125rem;max-width:200px;padding:.375rem .625rem;position:relative;text-align:center;width:max-content;word-break:break-word;z-index:9999}.md-tooltip__popper .md-tooltip__arrow,.md-tooltip__popper .md-tooltip__arrow::before{height:1rem;position:absolute;width:1rem;z-index:-1}.md-tooltip__popper .md-tooltip__arrow::before{background-color:var(--tooltip-bg-color,#292929);border:1px solid var(--tooltip-bg-color,#292929);box-shadow:inset 0 0 0 1px #545454;content:"";pointer-events:none;transform:rotate(45deg);z-index:1}.md-tooltip__popper[data-show]{display:block;z-index:9999}.md-tooltip__popper[data-popper-placement^=top]>.md-tooltip__arrow{bottom:-7px}.md-tooltip__popper[data-popper-placement^=top]>.md-tooltip__arrow::before{border-radius:0 0 .25rem 0;clip-path:polygon(0 100%,100% 100%,100% 0);left:0}.md-tooltip__popper[data-popper-placement^=bottom]>.md-tooltip__arrow{top:-8px}.md-tooltip__popper[data-popper-placement^=bottom]>.md-tooltip__arrow::before{border-radius:.25rem 0 0 0;clip-path:polygon(0 0,100% 0,0 100%);left:0}.md-tooltip__popper[data-popper-placement^=left]>.md-tooltip__arrow{right:1px}.md-tooltip__popper[data-popper-placement^=left]>.md-tooltip__arrow::before{border-radius:0 .25rem 0 0;clip-path:polygon(0 0,100% 100%,100% 0)}.md-tooltip__popper[data-popper-placement^=right]>.md-tooltip__arrow{left:-15px}.md-tooltip__popper[data-popper-placement^=right]>.md-tooltip__arrow::before{border-radius:0 0 0 .25rem;clip-path:polygon(0 100%,100% 100%,0 0)}@keyframes tooltip-fade{from{opacity:0}to{opacity:1}}@keyframes tooltip-slide-bottom{from{top:100%}to{top:calc(100% + .7rem)}}@keyframes tooltip-slide-top{from{bottom:100%}to{bottom:calc(100% + .7rem)}}@keyframes tooltip-slide-left{from{right:100%}to{right:calc(100% + .7rem)}}@keyframes tooltip-slide-right{from{left:100%}to{left:calc(100% + .7rem)}}`}}]);
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[25],{59:function(o,t,p){"use strict";var e=p(0);t.a=e.css`:host{display:inline-flex}.md-tooltip{position:relative;width:100%}.md-tooltip.md-tooltip--disabled .md-tooltip__popper{display:none}.md-tooltip__content{display:inline-block}.md-tooltip__popper{animation-duration:.15s;animation-name:tooltip-fade;background-color:var(--tooltip-bg-color,#292929);border:1px solid #545454;border-radius:.25rem;box-shadow:0 .5rem 1rem rgba(0,0,0,.16),0 0 .0625rem rgba(0,0,0,.16),0 0 0 .0625rem #292929;color:var(--tooltip-font-color,#f7f7f7);display:none;font-size:.875rem;line-height:1.3125rem;max-width:200px;padding:.375rem .625rem;position:relative;text-align:center;width:max-content;word-break:break-word;z-index:9999}.md-tooltip__popper .md-tooltip__arrow,.md-tooltip__popper .md-tooltip__arrow::before{height:1rem;position:absolute;width:1rem;z-index:-1}.md-tooltip__popper .md-tooltip__arrow::before{background-color:var(--tooltip-bg-color,#292929);border:1px solid var(--tooltip-bg-color,#292929);box-shadow:inset 0 0 0 1px #545454;content:"";pointer-events:none;transform:rotate(45deg);z-index:1}.md-tooltip__popper[data-show]{display:block;z-index:9999}.md-tooltip__popper[data-popper-placement^=top]>.md-tooltip__arrow{bottom:-7px}.md-tooltip__popper[data-popper-placement^=top]>.md-tooltip__arrow::before{border-radius:0 0 .25rem 0;clip-path:polygon(0 100%,100% 100%,100% 0);left:0}.md-tooltip__popper[data-popper-placement^=bottom]>.md-tooltip__arrow{top:-8px}.md-tooltip__popper[data-popper-placement^=bottom]>.md-tooltip__arrow::before{border-radius:.25rem 0 0 0;clip-path:polygon(0 0,100% 0,0 100%);left:0}.md-tooltip__popper[data-popper-placement^=left]>.md-tooltip__arrow{right:1px}.md-tooltip__popper[data-popper-placement^=left]>.md-tooltip__arrow::before{border-radius:0 .25rem 0 0;clip-path:polygon(0 0,100% 100%,100% 0)}.md-tooltip__popper[data-popper-placement^=right]>.md-tooltip__arrow{left:-15px}.md-tooltip__popper[data-popper-placement^=right]>.md-tooltip__arrow::before{border-radius:0 0 0 .25rem;clip-path:polygon(0 100%,100% 100%,0 0)}@keyframes tooltip-fade{from{opacity:0}to{opacity:1}}@keyframes tooltip-slide-bottom{from{top:100%}to{top:calc(100% + .7rem)}}@keyframes tooltip-slide-top{from{bottom:100%}to{bottom:calc(100% + .7rem)}}@keyframes tooltip-slide-left{from{right:100%}to{right:calc(100% + .7rem)}}@keyframes tooltip-slide-right{from{left:100%}to{left:calc(100% + .7rem)}}`}}]);
|
package/dist/chunks/md-27.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[27],{37:function(t,e,o){"use strict";var
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[27],{37:function(t,e,o){"use strict";var i=o(0);e.a=i.css`:host{box-sizing:border-box}:host(:focus){box-shadow:none!important;outline:0}:host([selected]) button{border-bottom:2px solid var(--tabs-default-active-border,#007aa3);color:var(--tabs-default-active,#007aa3)}:host([vertical]) button{text-align:left!important}:host([selected][vertical]) button{border-bottom:.125rem solid transparent;border-left:2px solid var(--tabs-default-active-border,#007aa3)}:host(:focus){background-color:var(--tabs-default-focus-bg,#fff)}:host(:focus) button{border:2px solid var(--tabs-default-focus-border,#007aa3)!important;box-shadow:var(--tabs-default-focus-shadow,0 0 4px 2px transparent)!important}:host(:focus[selected]){background:0 0}:host([viewporthidden]){display:none;height:auto!important;pointer-events:none;position:absolute;right:0;top:0;visibility:hidden;width:auto!important;z-index:-1}:host([measuringrealwidth]){width:auto!important}.tab-slot{display:block}slot .tab-content{align-items:center;display:flex}slot .tab-content img,slot .tab-content md-icon{margin-right:.5rem}slot .tab-content img{height:1rem;width:1rem}.tab-action-button{display:flex;margin-left:calc(.125rem * 4)}.tab-action-button md-icon{display:inherit}.tab-action-button:hover{cursor:pointer}.closable{display:flex;justify-content:space-between}md-icon:focus{border-radius:calc(.25rem / 2);box-shadow:none;outline:0;box-shadow:0 0 0 .09375rem var(--md-focus-border-color)}button{background:rgba(0,0,0,0);border:.125rem solid transparent;border-radius:.25rem;color:var(--tabs-default-text-color,#545454);display:block;height:100%;min-height:2.8125rem;padding:.3rem 1rem;position:relative;text-align:center;text-decoration:none;white-space:nowrap;width:100%}button:disabled{background:rgba(0,0,0,0);color:var(--tabs-default-disabled,#b2b2b2);cursor:not-allowed;filter:invert(100%)}@media screen and (-ms-high-contrast:active){button:disabled{filter:brightness(1) contrast(1) saturate(1.5)}}button:disabled:hover{background:0 0}button ::slotted(span){display:inline-block;line-height:1.6875rem;vertical-align:top}button span{display:inline-block;line-height:1.6875rem;vertical-align:top;padding:0 .25rem}button:hover{background-color:var(--tabs-default-hover,#ededed)}button:active{background-color:var(--tabs-default-pressed,#dedede);outline:0}button:focus{outline:0}:host{display:flex;flex-direction:column;font-size:14px;height:100%;padding:0;position:relative}.visible-tabs-slot{display:block;height:0;visibility:hidden;width:0}.visible-tabs-container{display:flex;flex-direction:row;width:100%}.md-tab__list{border-bottom:1px solid var(--tabs-default-border-color,#ededed);display:inline-flex;height:3rem;min-height:3rem;padding-left:.125rem;padding-top:.125rem;text-align:center;width:100%}.md-tab__list .md-menu-overlay__more{height:100%;margin-left:auto;width:auto;max-width:128.5px}.md-tab__list .md-menu-overlay__more .md-menu-overlay__overflow-label{max-width:70px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.md-tab__list .md-menu-overlay__more.md-menu-overlay__more--hidden{display:none;pointer-events:none;visibility:hidden;width:0!important;z-index:-1}.md-tab__list .md-menu-overlay__more_tab{height:100%;min-height:2.8125rem}.md-tab__list .md-menu-overlay__more_tab.md-menu-overlay__more_tab--measuring{opacity:0}.md-tab__list .md-menu-overlay__more_tab.md-menu-overlay__more_tab--hidden:not(.md-menu-overlay__more_tab--measuring){pointer-events:none;visibility:hidden;z-index:-1}.md-tab__list .md-menu-overlay__more_tab.md-menu-overlay__more_tab--hidden:not(.md-menu-overlay__more_tab--measuring)::part(tab){padding:0;border:none}.md-tab__list .md-menu-overlay__more_list{display:flex;flex-direction:column;height:auto;max-width:100%;padding:0;padding-bottom:calc(.125rem / 2);padding-top:calc(.125rem / 2);width:100%}.md-tab__list .md-menu-overlay__more_list md-tab::part(tab){text-align:left;padding-left:16px;padding-right:16px}.md-tab__list md-menu-overlay::part(overlay){top:-.8125rem}.md-tab__content{height:100%;overflow:hidden auto;padding:.125rem}md-tab img,md-tab md-icon{margin-right:.5rem}md-tab img.more-icon,md-tab md-icon.more-icon{margin-right:0;margin-left:.5rem}md-menu-overlay md-tab md-tooltip{width:170px;position:absolute}md-menu-overlay md-tab md-tooltip .text-ellipsis{width:170px;position:absolute;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.md-tab__list ::slotted([slot=tab]){display:inline-block}.visible-tabs-container.md-tab__justified{display:flex;justify-content:space-between;padding-right:.125rem}.visible-tabs-container.md-tab__justified md-tab{display:inline-block;width:100%}.md-tab__list ::slotted([slot=tab][selected]),.md-tab__list md-tab[selected]{color:var(--tabs-default-active,#007aa3)}.md-tab__list ::slotted([slot=tab][disabled]),.md-tab__list md-tab[disabled]{color:var(--tabs-default-disabled,#b2b2b2)}.md-tab__list ::slotted([slot=tab]:focus),.md-tab__list md-tab:focus{box-shadow:none}.md-tab__content ::slotted([slot=panel]){display:none;padding-top:calc($tab-base-indent * 5);visibility:hidden}.md-tab__content ::slotted([slot=panel][selected]){display:block;visibility:visible}.md-tab__content ::slotted([slot=panel][selected][focus-visible]:focus-visible){outline:2px solid var(--tabs-default-focus-border,#007aa3);outline-offset:calc(.125rem solid transparent * -2);outline-style:solid}.md-tab__content ::slotted([slot=panel][selected][focus-visible]:not(:focus-visible)){outline:0;outline-offset:none;outline-style:none}.md-tab__content{display:block;flex:1 1 auto}.no-tabs-visible{display:none!important}:host-context([direction=vertical]){flex-direction:row}:host-context([direction=vertical]) .md-tab__list{border-right:1px solid var(--tabs-default-border-color,#ededed);display:inline-flex;flex-direction:column;height:100%;justify-content:flex-start;width:auto}:host-context([direction=vertical]) .md-tab__list ::slotted([slot=tab]){border-left:.125rem solid transparent;display:block;height:auto;text-align:left}:host-context([direction=vertical]) .md-tab__list ::slotted([slot=tab][selected]){color:var(--tabs-default-active,#007aa3)}:host-context([direction=vertical]) .md-tab__content ::slotted([slot=panel]){padding-left:calc($tab-base-indent * 5)}`}}]);
|
package/dist/chunks/md-52.js
CHANGED
|
@@ -1,13 +1,14 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[52],{85:function(e,t,i){"use strict";i.r(t),i.d(t,"Checkbox",(function(){return s}));var s,
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[52],{85:function(e,t,i){"use strict";i.r(t),i.d(t,"Checkbox",(function(){return s}));var s,c=i(1),n=i(7),a=i(4),d=i(5),o=i(0),r=i(58),h=function(e,t,i,s){var c,n=arguments.length,a=n<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,s);else for(var d=e.length-1;d>=0;d--)(c=e[d])&&(a=(n<3?c(a):n>3?c(t,i,a):c(t,i))||a);return n>3&&a&&Object.defineProperty(t,i,a),a};!function(e){let t=class extends(Object(n.a)(o.LitElement)){constructor(){super(...arguments),this.autofocus=!1,this._checked=!1,this._indeterminate=!1,this._disabled=!1,this.label="",this.tabIndex=0}get checked(){return this._checked}set checked(e){const t=this._checked;this._checked=e,this.indeterminate||this.setAttribute("aria-checked",""+e),this.requestUpdate("checked",t)}get indeterminate(){return this._indeterminate}set indeterminate(e){const t=this._indeterminate;this._indeterminate=e,this.setAttribute("aria-checked","mixed"),this.requestUpdate("indeterminate",t)}get disabled(){return this._disabled}set disabled(e){const t=this._disabled;this._disabled=e,this.setAttribute("aria-disabled",""+e),this.tabIndex=e?-1:0,this.requestUpdate("disabled",t)}static get styles(){return[a.a,r.a]}toggleCheckbox(){this.checked=!this.checked}isCheckboxActive(){return this.disabled||this.indeterminate}handleClick(e){this.isCheckboxActive()?e.stopPropagation():(this.toggleCheckbox(),this.handleChange(e))}handleKeyDown(e){const{code:t}=e;t!==c.a.Space&&t!==c.a.Enter||(e.preventDefault(),this.isCheckboxActive()?e.stopPropagation():(this.toggleCheckbox(),this.handleChange(e)))}handleChange(e){this.dispatchEvent(new CustomEvent("checkbox-change",{bubbles:!0,composed:!0,detail:{sourceEvent:e}}))}firstUpdated(e){super.firstUpdated(e),this.setAttribute("role","checkbox"),this.label&&this.setAttribute("aria-label",this.label)}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.handleKeyDown),this.addEventListener("click",this.handleClick)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeyDown),this.removeEventListener("click",this.handleClick)}update(e){super.update(e),e.has("indeterminate")&&(this.checked=!1)}updated(e){super.updated(e),e.has("indeterminate")&&(this.input.indeterminate=this.indeterminate)}render(){return o.html`
|
|
2
2
|
<input
|
|
3
3
|
class="checkbox-input"
|
|
4
4
|
type="checkbox"
|
|
5
|
+
part="checkbox-input"
|
|
5
6
|
?checked=${this.checked}
|
|
6
7
|
?disabled=${this.disabled}
|
|
7
8
|
?autofocus=${this.autofocus}
|
|
8
9
|
aria-hidden="true"
|
|
9
10
|
/>
|
|
10
|
-
<label class="checkbox-label">
|
|
11
|
+
<label part="checkbox-label" class="checkbox-label">
|
|
11
12
|
<slot></slot>
|
|
12
13
|
</label>
|
|
13
14
|
`}};h([Object(o.property)({type:Boolean,reflect:!0})],t.prototype,"autofocus",void 0),h([Object(o.property)({type:Boolean,reflect:!0})],t.prototype,"checked",null),h([Object(o.property)({type:Boolean,reflect:!0})],t.prototype,"indeterminate",null),h([Object(o.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",null),h([Object(o.property)({type:String})],t.prototype,"label",void 0),h([Object(o.property)({type:Number,reflect:!0})],t.prototype,"tabIndex",void 0),h([Object(o.query)(".checkbox-input")],t.prototype,"input",void 0),t=h([Object(d.a)("md-checkbox")],t),e.ELEMENT=t}(s||(s={}))}}]);
|
package/dist/chunks/md-62.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[62],{111:function(e,t,i){"use strict";i.r(t),i.d(t,"alignment",(function(){return g})),i.d(t,"EditableTextfield",(function(){return u}));var l=i(18),r=i(4),d=i(42),a=i.n(d),s=i(5),o=i(0),n=i(2),c=i(3),h=i(6),b=i(24),p=o.css`:focus{outline:0}.md-editable-textfield{border-radius:.25rem;line-height:calc(19 / 14) rem;min-height:2rem;overflow-y:auto;padding:0 .375rem 0 .375rem}.md-editable-textfield:hover{background-color:var(--editable-textfield-default-hover-bg-color,#ededed)}.md-editable-textfield:active{background-color:var(--editable-textfield-default-pressed-bg-color,#dedede)}.md-editable-textfield:focus{box-shadow:0 0 0 .0625rem var(--md-default-focus-outline-color,#007aa3)}.md-editable-textfield--left .md-input{text-align:left}.md-editable-textfield--center .md-input{text-align:center}.md-editable-textfield--center ::slotted(*){text-align:center}.md-editable-textfield--right .md-input{text-align:right}.md-editable-textfield--right ::slotted(*){text-align:right}.md-editable-textfield--disabled{background-color:transparent;color:var(--md-
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[62],{111:function(e,t,i){"use strict";i.r(t),i.d(t,"alignment",(function(){return g})),i.d(t,"EditableTextfield",(function(){return u}));var l=i(18),r=i(4),d=i(42),a=i.n(d),s=i(5),o=i(0),n=i(2),c=i(3),h=i(6),b=i(24),p=o.css`:focus{outline:0}.md-editable-textfield{border-radius:.25rem;line-height:calc(19 / 14) rem;min-height:2rem;overflow-y:auto;padding:0 .375rem 0 .375rem}.md-editable-textfield:hover{background-color:var(--editable-textfield-default-hover-bg-color,#ededed)}.md-editable-textfield:active{background-color:var(--editable-textfield-default-pressed-bg-color,#dedede)}.md-editable-textfield:focus{box-shadow:0 0 0 .0625rem var(--md-default-focus-outline-color,#007aa3)}.md-editable-textfield--left .md-input{text-align:left}.md-editable-textfield--center .md-input{text-align:center}.md-editable-textfield--center ::slotted(*){text-align:center}.md-editable-textfield--right .md-input{text-align:right}.md-editable-textfield--right ::slotted(*){text-align:right}.md-editable-textfield--disabled{background-color:transparent;color:var(--md-secondary-text-color,#545454);cursor:default}.md-editable-textfield--disabled:hover{background-color:transparent}.md-editable-textfield--disabled:focus{box-shadow:none;outline:0}.md-editable-textfield--error{background-color:var(--md-alert-error-bg-color,#ffe8e3);border:1px solid var(--editable-textfield-error-border-color,#a12512);color:var(--md-alert-error-text-color,#a12512)}.md-editable-textfield--error:focus{box-shadow:none;outline:0}.md-editable-textfield--warning{background-color:var(--md-alert-warning-bg-color,#ffecc2);border:1px solid var(--editable-textfield-warning-border-color,#d97f00);color:var(--md-alert-warning-text-color,#7d4705)}.md-editable-textfield--warning:focus{box-shadow:none;outline:0}.md-editable-textfield--success{background-color:var(--md-alert-success-bg-color,#befade);border:1px solid var(--editable-textfield-success-border-color,#00ab50);color:var(--md-alert-success-text-color,#03612c)}.md-editable-textfield--success:focus{box-shadow:none;outline:0}.md-editable-textfield--textoverflow{-webkit-box-orient:vertical;display:-webkit-box;overflow-y:hidden;text-overflow:ellipsis}.md-editable-textfield__messages{padding:.375rem 0 0 1rem}`,m=function(e,t,i,l){var r,d=arguments.length,a=d<3?t:null===l?l=Object.getOwnPropertyDescriptor(t,i):l;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,l);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(a=(d<3?r(a):d>3?r(t,i,a):r(t,i))||a);return d>3&&a&&Object.defineProperty(t,i,a),a};const g=["left","right","center"];var u;!function(e){let t=class extends o.LitElement{constructor(){super(...arguments),this.alignment="left",this.disabled=!1,this.isEditing=!1,this.maxLines="",this.content="Click to edit text",this.message={type:"error",message:"That is not a valid input."},this.alert=!1,this.hideMessage=!1,this.pattern="",this.type=null,this.ariaLabel="editable field",this.ariaDescribedBy="",this.messageController=new b.Input.MessageController,this.reportValidity=()=>{this.dispatchEvent(new Event("invalid",{bubbles:!1,cancelable:!0,composed:!0}))},this.checkValidity=e=>{let t=!0;const i=i=>{null===e.match(i)&&(t=!1)};if(this.pattern){i(new RegExp(this.pattern))}else if(e&&this.type)switch(this.type){case"integer":i(new RegExp(l.a.integerString));break;case"decimal":i(new RegExp(l.a.decimalString))}return t},this.handleFocus=()=>{this.disabled||(this.isEditing=!0,this.setRange())},this.handleKeydown=e=>{var t;const{key:i,code:l}=e;if(["Tab","Meta","Shift","Delete","Backspace","Arrow"].some(e=>l.includes(e)))return;"integer"===this.type&&i.includes(".")&&e.preventDefault();const r=(null===(t=this.editableField)||void 0===t?void 0:t.innerText.trim())+i;if(this.type)if(isNaN(Number(r)))e.preventDefault();else{if("integer"!==this.type||Number.isInteger(Number(r)))return;e.preventDefault()}},this.handleBlur=()=>{var e;this.isEditing=!1,this.maxLines.length>0&&this.editableField&&this.editableField.scrollTo(0,0),this.content=(null===(e=this.editableField)||void 0===e?void 0:e.innerText.trim())||"",this.alert=!1,this.handleValidation()}}connectedCallback(){super.connectedCallback(),this.addEventListener("focus",this.handleFocus)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("focus",this.handleFocus)}firstUpdated(e){super.firstUpdated(e),this.innerText&&this.innerText.length>0?this.content=this.innerText.trim():this.innerText=a.a.sanitize(this.content)}updated(e){super.updated(e),e.has("content")&&this.editableField&&(this.editableField.innerText=a.a.sanitize(this.content))}setRange(){var e;if(this.editableField){const t=document.createRange(),i=window.getSelection(),l=null===(e=this.editableField.childNodes[0].nodeValue)||void 0===e?void 0:e.length;if(t.setStart(this.editableField.childNodes[0],l||0),t.collapse(!0),!i||0!==i.toString().length)return;i.removeAllRanges(),i.addRange(t),this.maxLines.length>0&&(this.editableField.scrollTop=this.editableField.scrollHeight)}}handleValidation(){if(this.type||this.pattern){this.checkValidity&&this.checkValidity(this.content)||(this.reportValidity(),this.showAlert())}}showAlert(){this.alert=!0}static get styles(){return[r.a,p]}get overflowStyles(){return this.maxLines.length&&this.maxLines.length>0&&`max-height: ${2*parseInt(this.maxLines)}rem; -webkit-line-clamp: ${this.maxLines}; word-break: break-all;`}messagesTemplate(){var e,t,i;return this.alert?o.html`
|
|
2
2
|
<div class="md-editable-textfield__messages" style="display: ${this.hideMessage?"none":"block"}">
|
|
3
3
|
<md-help-text
|
|
4
4
|
id="alert-message"
|
package/dist/chunks/md-78.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[78],{97:function(e,t,i){"use strict";i.r(t),i.d(t,"MORE_MENU_TAB_COPY_ID_PREFIX",(function(){return f})),i.d(t,"Tabs",(function(){return g}));i(15),i(32);var s=i(1),a=i(7),d=i(4),l=i(0),n=i(3),o=i(14),r=i(9),b=i(65),h=i(22),c=i(30),p=i.n(c),u=i(37),m=i(41),v=function(e,t,i,s){var a,d=arguments.length,l=d<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,i,s);else for(var n=e.length-1;n>=0;n--)(a=e[n])&&(l=(d<3?a(l):d>3?a(t,i,l):a(t,i))||l);return d>3&&l&&Object.defineProperty(t,i,l),l},T=function(e,t,i,s){return new(i||(i=Promise))((function(a,d){function l(e){try{o(s.next(e))}catch(e){d(e)}}function n(e){try{o(s.throw(e))}catch(e){d(e)}}function o(e){var t;e.done?a(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(l,n)}o((s=s.apply(e,t||[])).next())}))};const f="more-menu-copy-";var g;!function(e){let t=class extends(Object(a.c)(Object(a.d)(Object(a.e)(l.LitElement)))){constructor(){super(...arguments),this.justified=!1,this.overlowLabel="More",this.draggable=!1,this.direction="horizontal",this.moreItemsScrollLimit=Number.MAX_SAFE_INTEGER,this.delay=0,this.animation=100,this.ghostClass="",this.chosenClass="",this.forceFallback=!1,this.fallbackClass="",this.tabsId="",this.persistSelection=!1,this.isMoreTabMenuVisible=!1,this.isMoreTabMenuMeasured=!1,this.isMoreTabMenuOpen=!1,this.isMoreTabMenuSelected=!1,this.isMoreTabMenuScrollable=!1,this.moreTabMenuOffsetWidth=0,this.moreTabMenuMaxHeight=null,this.tabsViewportDataList=[],this.tabsFilteredAsVisibleList=[],this.tabsFilteredAsHiddenList=[],this.noTabsVisible=!1,this.tabs=[],this.panels=[],this.tabsCopy=[],this.tabsHash={},this.tabsCopyHash={},this.tabsIdxHash={},this.tabsVisibleIdxHash={},this.tabsHiddenIdxHash={},this.visibleTabsSortableInstance=null,this.hiddenTabsSortableInstance=null,this.handleOnDragEnd=e=>T(this,void 0,void 0,(function*(){var t,i,s,a,d,l,n,o;e.stopPropagation();const r=e.oldIndex,b=e.newIndex,h=[...this.tabsFilteredAsVisibleList],c=[...this.tabsFilteredAsHiddenList],p=this.getDragDirection(e);if(void 0!==r&&void 0!==b){switch(p){case"visibleToHidden":{null===(i=null===(t=this.hiddenTabsContainerElement)||void 0===t?void 0:t.querySelector("#"+e.item.id))||void 0===i||i.remove();const s=h[r],a=c.slice(-1)[0],d=b===this.tabsFilteredAsHiddenList.length?b-1:b;c.splice(d,0,s),c.pop();const l=h.filter(t=>t.id!==this.getNormalizedTabId(e.item.id));l.push(a),this.tabsFilteredAsVisibleList=[...l],this.tabsFilteredAsHiddenList=[...c];break}case"visibleToVisible":{const e=h[r];h.splice(r,1),h.splice(b,0,e),this.tabsFilteredAsVisibleList=h,b===this.tabsFilteredAsVisibleList.length-1&&(null===(a=null===(s=this.visibleTabsContainerElement)||void 0===s?void 0:s.children[this.visibleTabsContainerElement.children.length-1])||void 0===a||a.remove());break}case"hiddenToVisible":{null===(l=null===(d=this.visibleTabsContainerElement)||void 0===d?void 0:d.querySelector("#"+e.item.id))||void 0===l||l.remove();const t=c[r],i=h.slice(-1)[0];c.splice(r,1),c.splice(0,0,i);const s=b===this.tabsFilteredAsVisibleList.length?b-1:b;h.splice(s,0,t),h.pop(),this.tabsFilteredAsVisibleList=h,this.tabsFilteredAsHiddenList=c;break}case"hiddenToHidden":{const e=c[r];c.splice(r,1),c.splice(b,0,e),this.tabsFilteredAsHiddenList=c,b===this.tabsFilteredAsHiddenList.length-1&&(null===(o=null===(n=this.hiddenTabsContainerElement)||void 0===n?void 0:n.children[this.hiddenTabsContainerElement.children.length-1])||void 0===o||o.remove());break}}this.handleNewSelectedTab(e.item.id)}}))}generateOptions(){return{group:"shared",animation:10,swapThreshold:1,draggable:"md-tab",direction:this.direction,forceFallback:this.forceFallback,fallbackClass:this.fallbackClass,ghostClass:this.ghostClass,chosenClass:this.chosenClass,onEnd:this.handleOnDragEnd}}getCopyTabId(e){var t;return!1===(null===(t=e.id)||void 0===t?void 0:t.startsWith(f))?`${f}${e.id}`:e.id}getNormalizedTabId(e){return e.replace(f,"")}static get styles(){return[d.a,u.a]}ensureTabsUpdateComplete(e){return T(this,void 0,void 0,(function*(){const t=e.map(e=>void 0!==e.updateComplete?e.updateComplete:null).filter(e=>null!==e);t.length&&(yield Promise.all(t))}))}measureTabsOffsetWidth(){return this.justified||"vertical"===this.direction?this.tabs.map((e,t)=>{e.setAttribute("measuringrealwidth","");const i=e.closable?e.offsetWidth+m.TAB_CROSS_WIDTH:e.offsetWidth;return e.removeAttribute("measuringrealwidth"),i}):this.tabs.map((e,t)=>e.closable?e.offsetWidth+m.TAB_CROSS_WIDTH:e.offsetWidth)}measureHiddenTabsCopiesOffsetHeight(){return this.tabsCopy.map((e,t)=>e.offsetHeight)}manageOverflow(){var e,t;return T(this,void 0,void 0,(function*(){if("vertical"!==this.direction){let i;i=0===this.tabsFilteredAsVisibleList.length&&0===this.tabsFilteredAsHiddenList.length?[...this.tabs]:[...this.tabsFilteredAsVisibleList,...this.tabsFilteredAsHiddenList],i.forEach(e=>{var t,i,s,a,d;if((null===(t=e.children)||void 0===t?void 0:t.length)&&0===(null===(s=null===(i=e.children[0])||void 0===i?void 0:i.children)||void 0===s?void 0:s.length)){const t=null===(a=null==e?void 0:e.querySelector("slot"))||void 0===a?void 0:a.assignedNodes({flatten:!0})[0].cloneNode(!0);t&&(t.classList.add("tab-content"),null===(d=null==e?void 0:e.children[0])||void 0===d||d.appendChild(t))}});const s=i.length;if(this.tabsListElement&&s){const a=(null===(e=this.tabsSettingsElement)||void 0===e?void 0:e.offsetWidth)?this.tabsListElement.offsetWidth-(null===(t=this.tabsSettingsElement)||void 0===t?void 0:t.offsetWidth):this.tabsListElement.offsetWidth;yield this.ensureTabsUpdateComplete(this.tabs);const d=this.measureTabsOffsetWidth(),l=i.reduce((e,t,i)=>e+=d[i],0);if(l){yield this.setupMoreTab();let e=!0;a<l&&(e=!1);const t=[];let n=0;i.forEach((i,l)=>{n+=d[l];const o=!e&&n+(l<s-1?this.moreTabMenuOffsetWidth:0)>a;t.push({isTabInViewportHidden:o,tabOffsetWidth:d[l]})}),this.tabsViewportDataList=t,this.tabsViewportDataList.forEach((e,t)=>this.tabs[t].viewportHidden=e.isTabInViewportHidden),this.isMoreTabMenuVisible=!!this.tabsViewportDataList.find(e=>e.isTabInViewportHidden),this.tabsFilteredAsVisibleList=i.filter((e,t)=>!this.tabsViewportDataList[t].isTabInViewportHidden),this.tabsVisibleIdxHash=this.tabsFilteredAsVisibleList.reduce((e,t,i)=>(e[t.id]=i,e),{}),this.tabsFilteredAsHiddenList=i.filter((e,t)=>this.tabsViewportDataList[t].isTabInViewportHidden),this.tabsHiddenIdxHash=this.tabsFilteredAsHiddenList.reduce((e,t,i)=>(e[t.id]=i,e),{})}}this.updateIsMoreTabMenuSelected();const a=this.tabsFilteredAsHiddenList.find(e=>!e.disabled);this.updateHiddenIdPositiveTabIndex(a)}}))}updateIsMoreTabMenuSelected(){this.isMoreTabMenuSelected=!!this.tabsFilteredAsHiddenList.find(e=>e.selected)}updateHiddenIdPositiveTabIndex(e){this.tabHiddenIdPositiveTabIndex=e?e.id:void 0}linkPanelsAndTabs(){return T(this,void 0,void 0,(function*(){const{tabs:e,panels:t}=this;if(0===e.length||0===t.length)return void console.warn("The tabs or panels count should't be equal zero.");e.length!==t.length&&console.warn(`The amount of tabs (${e.length}) doesn't match the amount of panels (${t.length}).`),e.forEach((e,i)=>{const s="tab_"+Object(h.nanoid)(10);e.setAttribute("id",s),e.setAttribute("aria-controls",s),e.selected=this.selected===i,"vertical"===this.direction&&(e.vertical=!0);const a=t[i];a?(a.setAttribute("id",s),a.setAttribute("aria-labelledby",s),a.selected=this.selected===i,e.disabled&&(a.hidden=!0,a.selected=!1)):e.disabled=!0});let i=this.selected;for(;i<e.length&&e[i].disabled;)i++;i=i===e.length?0:i,e[i].selected=!0,t[i].selected=!0,this.tabsHash=this.tabs.reduce((e,t)=>(e[t.id]=t,e),{}),this.tabsIdxHash=this.tabs.reduce((e,t,i)=>(e[t.id]=i,e),{})}))}get slotItem(){return this.tabSlotElement}filterSlotted(){return this.tabSlotElement.assignedElements()}handleResize(e){const t=Object.create(null,{handleResize:{get:()=>super.handleResize}});return T(this,void 0,void 0,(function*(){t.handleResize&&t.handleResize.call(this,e),yield this.manageOverflow()}))}getDragDirection(e){return e.from===this.visibleTabsContainerElement&&e.to===this.hiddenTabsContainerElement?"visibleToHidden":e.from===this.visibleTabsContainerElement&&e.to===this.visibleTabsContainerElement?"visibleToVisible":e.from===this.hiddenTabsContainerElement&&e.to===this.visibleTabsContainerElement?"hiddenToVisible":e.from===this.hiddenTabsContainerElement&&e.to===this.hiddenTabsContainerElement?"hiddenToHidden":void 0}makeTabCopyFocus(e){e&&e.focus()}handleTabClick(e){const{id:t}=e.detail;this.handleNewSelectedTab(t)}handleNewSelectedTab(e){const t=this.tabsHash[this.getNormalizedTabId(e)];if(t&&!t.disabled){const e=this.tabsIdxHash[t.id];-1!==e&&this.updateSelectedTab(e);{const e=this.tabsCopyHash[this.getCopyTabId(t)];e&&this.makeTabCopyFocus(e),this.updateHiddenIdPositiveTabIndex(t)}}}handleTabCrossClick(e){var t,i;const{id:s}=e.detail,a=this.tabsHash[this.getNormalizedTabId(s)];if(a&&!a.disabled&&"auto"===a.closable){const e=this.tabsFilteredAsVisibleList.findIndex(e=>this.getNormalizedTabId(e.id)===this.getNormalizedTabId(s));this.tabsFilteredAsVisibleList=this.tabsFilteredAsVisibleList.filter(e=>this.getNormalizedTabId(e.id)!==this.getNormalizedTabId(s)),null===(i=null===(t=this.visibleTabsContainerElement)||void 0===t?void 0:t.querySelector("#"+s))||void 0===i||i.remove(),0!==this.tabsFilteredAsHiddenList.length&&(this.tabsFilteredAsVisibleList.push(this.tabsFilteredAsHiddenList[0]),this.tabsFilteredAsHiddenList.splice(0,1)),0===this.tabsFilteredAsHiddenList.length&&(this.isMoreTabMenuVisible=!1,this.isMoreTabMenuMeasured=!1),this.handleUpdatedSeletedTabAfterCross(e)}}handleUpdatedSeletedTabAfterCross(e){var t;let i=e;for(;i<this.tabsFilteredAsVisibleList.length&&(null===(t=this.tabsFilteredAsVisibleList[i])||void 0===t?void 0:t.disabled);)i++;if(void 0===this.tabsFilteredAsVisibleList[i]||e===this.tabsFilteredAsVisibleList.length)for(i=e-1;i>=0&&this.tabsFilteredAsVisibleList[i].disabled;)i--;if(-1!==i){const e=this.tabs.findIndex(e=>e.id===this.tabsFilteredAsVisibleList[i].id);this.updateSelectedTab(e)}else this.updateSelectedTab(i);this.noTabsVisible=0===this.tabsFilteredAsVisibleList.length&&0===this.tabsFilteredAsHiddenList.length,this.requestUpdate()}updateSelectedTab(e){const{tabs:t,panels:i}=this,s=this.tabs.findIndex(e=>e.hasAttribute("selected"));if(t&&i&&[s,e].forEach(e=>{const s=t[e];s&&s.toggleAttribute("selected");const a=i[e];if(a&&a.toggleAttribute("selected"),s){const e=this.tabsCopyHash[this.getCopyTabId(s)];e?(e.toggleAttribute("selected"),this.isMoreTabMenuSelected=!0):this.isMoreTabMenuSelected=!1}}),e>=0){this.dispatchSelectedChangedEvent(e);const i=[...this.tabsFilteredAsVisibleList,...this.tabsFilteredAsHiddenList].findIndex(i=>i.id===t[e].id);this.changeSelectedTabIdx(i)}}dispatchSelectedChangedEvent(e){const t=[...this.tabsFilteredAsVisibleList,...this.tabsFilteredAsHiddenList],i=this.tabs[e].id,s=t.findIndex(e=>e.id===i),a=[];t.forEach(e=>{a.push(e.name)}),this.dispatchEvent(new CustomEvent("selected-changed",{detail:{value:s,tabsOrder:a},composed:!0,bubbles:!0}))}changeSelectedTabIdx(e){this.requestUpdate(),this.selected=e,this.updateComplete.then(()=>{var t,i,s,a;if(e<this.tabsFilteredAsVisibleList.length)null===(i=null===(t=this.visibleTabsContainerElement)||void 0===t?void 0:t.children[this.selected])||void 0===i||i.focus();else{const e=this.selected-this.tabsFilteredAsVisibleList.length;null===(a=null===(s=this.hiddenTabsContainerElement)||void 0===s?void 0:s.children[e])||void 0===a||a.focus();const t=this.tabsFilteredAsHiddenList[e];!(null==t?void 0:t.disabled)&&this.updateHiddenIdPositiveTabIndex(t)}}),this.updateIsMoreTabMenuSelected(),this.persistSelection&&this.tabsId&&e>-1&&""!==this.tabsId.trim()&&sessionStorage.setItem(this.tabsId,""+e)}handleOverlayClose(){this.menuOverlayElement&&(this.menuOverlayElement.isOpen=!1)}dispatchKeydownEvent(e,t){t&&this.dispatchEvent(new CustomEvent("tab-keydown",{detail:{id:t,key:e.code,ctrlKey:e.ctrlKey,shiftKey:e.shiftKey,altKey:e.altKey,srcEvent:e},bubbles:!0,composed:!0}))}handleTabKeydown(e){const t=e.path?e.path[0].id:e.originalTarget.id,i=this.getNormalizedTabId(t);this.dispatchKeydownEvent(e,i);const a=e.code,{shiftKey:d}=e,l=!!this.isMoreTabMenuVisible&&"tab-more"===i,n=l&&this.isMoreTabMenuVisible?this.moreTabMenuElement:this.tabsHash[this.getNormalizedTabId(i)],o=!this.isMoreTabMenuVisible||n&&this.tabsVisibleIdxHash[n.id]>-1,r=!!this.isMoreTabMenuVisible&&(n&&this.tabsHiddenIdxHash[n.id]>-1),b=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length-1:this.tabs.length-1,h=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length:-1,c=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length+this.tabsFilteredAsHiddenList.length-1:-1;switch(a){case s.a.Tab:l&&!this.isMoreTabMenuOpen&&d&&(e.preventDefault(),this.changeSelectedTabIdx(b));break;case s.a.End:l||(o?this.changeSelectedTabIdx(b):r&&this.changeSelectedTabIdx(c));break;case s.a.Home:l||o?this.changeSelectedTabIdx(0):r&&this.changeSelectedTabIdx(h);break;case s.a.ArrowLeft:l||o&&(e.stopPropagation(),this.changeSelectedTabIdx(0===this.selected?b:this.selected-1));break;case s.a.ArrowRight:l||o&&(e.stopPropagation(),this.changeSelectedTabIdx(this.selected===b?0:this.selected+1));break;case s.a.ArrowUp:if(l);else if(o&&"vertical"===this.direction)e.preventDefault(),this.changeSelectedTabIdx(0===this.selected?b:this.selected-1);else if(r){e.preventDefault();const t=this.selected===h?c:this.selected-1;this.changeSelectedTabIdx(t)}break;case s.a.ArrowDown:if(l);else if(o&&"vertical"===this.direction)e.preventDefault(),this.changeSelectedTabIdx(this.selected===b?0:this.selected+1);else if(r){e.preventDefault();const t=this.selected===c?h:this.selected+1;this.changeSelectedTabIdx(t)}break;case s.a.Enter:case s.a.Space:if(l){const e=this.tabsFilteredAsHiddenList.filter(e=>!e.disabled),t=e.find(e=>e.selected)||e.length?e[0]:void 0;if(this.updateHiddenIdPositiveTabIndex(t),t){const e=this.tabsIdxHash[this.getNormalizedTabId(t.id)];-1!==e&&this.updateSelectedTab(e)}}else if(n&&!n.disabled){const e=this.tabsIdxHash[this.getNormalizedTabId(n.id)];-1!==e&&this.updateSelectedTab(e)}}}setupTabsEvents(){this.addEventListener("tab-click",this.handleTabClick),this.addEventListener("tab-cross-click",this.handleTabCrossClick),this.addEventListener("keydown",this.handleTabKeydown)}teardownTabsEvents(){this.removeEventListener("tab-click",this.handleTabClick),this.removeEventListener("tab-cross-click",this.handleTabCrossClick),this.removeEventListener("keydown",this.handleTabKeydown)}setupPanelsAndTabs(){this.tabSlotElement&&(this.tabs=this.tabSlotElement.assignedElements()),this.panelSlotElement&&(this.panels=this.panelSlotElement.assignedElements())}setupMoreTab(){return T(this,void 0,void 0,(function*(){"vertical"!==this.direction&&this.moreTabMenuElement&&!this.isMoreTabMenuMeasured&&(this.moreTabMenuElement.classList.add("md-menu-overlay__more_tab--measuring"),yield this.moreTabMenuElement.updateComplete,this.moreTabMenuElement.offsetWidth&&(this.moreTabMenuOffsetWidth=this.moreTabMenuElement.offsetWidth,this.isMoreTabMenuMeasured=!0),this.moreTabMenuElement.classList.remove("md-menu-overlay__more_tab--measuring"))}))}initializeSortable(){this.visibleTabsContainerElement&&this.hiddenTabsContainerElement&&(this.visibleTabsSortableInstance=p.a.create(this.visibleTabsContainerElement,this.generateOptions()),this.hiddenTabsSortableInstance=p.a.create(this.hiddenTabsContainerElement,this.generateOptions()))}initializeTabs(){this.tabs=[],this.panels=[],this.tabsFilteredAsVisibleList=[],this.tabsFilteredAsHiddenList=[],this.isMoreTabMenuVisible=!1,this.setupPanelsAndTabs(),this.linkPanelsAndTabs(),this.draggable&&this.initializeSortable(),this.manageOverflow(),this.requestUpdate()}connectedCallback(){if(super.connectedCallback(),this.setupTabsEvents(),this.persistSelection){if(!this.tabsId||""===this.tabsId.trim())return void console.error("Unique tabs-id attribute is mandatory for persist the selection of tab ");const e=localStorage.getItem(this.tabsId);this.selected=e&&parseInt(e)>-1?parseInt(e):this.selected}}selectTabFromStorage(){if(this.persistSelection){if(!this.tabsId||""===this.tabsId.trim())return void console.error("Unique tabs-id attribute is mandatory for persist the selection of tab ");const e=sessionStorage.getItem(this.tabsId);let t=0;if(e){const i=parseInt(e);t=i>-1?i:this.selected}const i=[...this.tabsFilteredAsVisibleList,...this.tabsFilteredAsHiddenList];i.length&&i[t].id?this.handleNewSelectedTab(i[t].id):this.selected=t}}disconnectedCallback(){super.disconnectedCallback(),this.teardownTabsEvents()}firstUpdated(e){super.firstUpdated(e),this.setupPanelsAndTabs(),this.linkPanelsAndTabs(),this.selectTabFromStorage()}updated(e){var t;if(super.updated(e),e.has("slotted")&&this.initializeTabs(),!this.draggable||this.visibleTabsSortableInstance||this.hiddenTabsSortableInstance||this.initializeSortable(),e.has("tabsFilteredAsHiddenList")&&(this.tabsCopy=Array.from((null===(t=this.tabsCopyHiddenListElements)||void 0===t?void 0:t.values())||[]),this.tabsCopyHash=this.tabsCopy.reduce((e,t)=>(e[t.id]=t,e),{})),(e.has("tabsFilteredAsVisibleList")||e.has("tabsFilteredAsHiddenList"))&&(this.tabsVisibleIdxHash=this.tabsFilteredAsVisibleList.reduce((e,t,i)=>(e[t.id]=i,e),{}),this.tabsHiddenIdxHash=this.tabsFilteredAsHiddenList.reduce((e,t,i)=>(e[t.id]=i,e),{})),e.has("isMoreTabMenuOpen")&&this.isMoreTabMenuVisible){const t=e.get("isMoreTabMenuOpen");this.isMoreTabMenuOpen&&!t&&(this.moreItemsScrollLimit<this.tabsCopy.length?(this.isMoreTabMenuScrollable=!0,this.moreTabMenuMaxHeight=this.measureHiddenTabsCopiesOffsetHeight().slice(0,this.moreItemsScrollLimit).reduce((e,t)=>e+=t,0)+"px"):(this.isMoreTabMenuScrollable=!1,this.moreTabMenuMaxHeight=null))}e.has("tabsId")&&this.selectTabFromStorage()}render(){return l.html`
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[78],{97:function(e,t,i){"use strict";i.r(t),i.d(t,"MORE_MENU_TAB_COPY_ID_PREFIX",(function(){return f})),i.d(t,"Tabs",(function(){return g}));i(15),i(32);var s=i(1),a=i(7),l=i(4),d=i(0),n=i(3),o=i(14),r=i(9),b=i(65),h=i(22),c=i(30),p=i.n(c),u=i(37),m=i(41),v=function(e,t,i,s){var a,l=arguments.length,d=l<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)d=Reflect.decorate(e,t,i,s);else for(var n=e.length-1;n>=0;n--)(a=e[n])&&(d=(l<3?a(d):l>3?a(t,i,d):a(t,i))||d);return l>3&&d&&Object.defineProperty(t,i,d),d},T=function(e,t,i,s){return new(i||(i=Promise))((function(a,l){function d(e){try{o(s.next(e))}catch(e){l(e)}}function n(e){try{o(s.throw(e))}catch(e){l(e)}}function o(e){var t;e.done?a(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(d,n)}o((s=s.apply(e,t||[])).next())}))};const f="more-menu-copy-";var g;!function(e){let t=class extends(Object(a.c)(Object(a.d)(Object(a.e)(d.LitElement)))){constructor(){super(...arguments),this.justified=!1,this.overlowLabel="More",this.draggable=!1,this.direction="horizontal",this.moreItemsScrollLimit=Number.MAX_SAFE_INTEGER,this.delay=0,this.animation=100,this.ghostClass="",this.chosenClass="",this.forceFallback=!1,this.fallbackClass="",this.tabsId="",this.persistSelection=!1,this.isMoreTabMenuVisible=!1,this.isMoreTabMenuMeasured=!1,this.isMoreTabMenuOpen=!1,this.isMoreTabMenuSelected=!1,this.isMoreTabMenuScrollable=!1,this.moreTabMenuOffsetWidth=0,this.moreTabMenuMaxHeight=null,this.tabsViewportDataList=[],this.tabsFilteredAsVisibleList=[],this.tabsFilteredAsHiddenList=[],this.noTabsVisible=!1,this.tabs=[],this.panels=[],this.tabsCopy=[],this.tabsHash={},this.tabsCopyHash={},this.tabsIdxHash={},this.tabsVisibleIdxHash={},this.tabsHiddenIdxHash={},this.visibleTabsSortableInstance=null,this.hiddenTabsSortableInstance=null,this.handleOnDragEnd=e=>T(this,void 0,void 0,(function*(){var t,i,s,a,l,d,n,o;e.stopPropagation();const r=e.oldIndex,b=e.newIndex,h=[...this.tabsFilteredAsVisibleList],c=[...this.tabsFilteredAsHiddenList],p=this.getDragDirection(e);if(void 0!==r&&void 0!==b)switch(p){case"visibleToHidden":{null===(i=null===(t=this.hiddenTabsContainerElement)||void 0===t?void 0:t.querySelector("#"+e.item.id))||void 0===i||i.remove();const s=h[r],a=c.slice(-1)[0],l=b===this.tabsFilteredAsHiddenList.length?b-1:b;c.splice(l,0,s),c.pop();const d=h.filter(t=>t.id!==this.getNormalizedTabId(e.item.id));d.push(a),this.tabsFilteredAsVisibleList=[...d],this.tabsFilteredAsHiddenList=[...c];break}case"visibleToVisible":{const e=h[r];h.splice(r,1),h.splice(b,0,e),this.tabsFilteredAsVisibleList=h,b===this.tabsFilteredAsVisibleList.length-1&&(null===(a=null===(s=this.visibleTabsContainerElement)||void 0===s?void 0:s.children[this.visibleTabsContainerElement.children.length-1])||void 0===a||a.remove());break}case"hiddenToVisible":{null===(d=null===(l=this.visibleTabsContainerElement)||void 0===l?void 0:l.querySelector("#"+e.item.id))||void 0===d||d.remove();const t=c[r],i=h.slice(-1)[0];c.splice(r,1),c.splice(0,0,i);const s=b===this.tabsFilteredAsVisibleList.length?b-1:b;h.splice(s,0,t),h.pop(),this.tabsFilteredAsVisibleList=h,this.tabsFilteredAsHiddenList=c;break}case"hiddenToHidden":{const e=c[r];c.splice(r,1),c.splice(b,0,e),this.tabsFilteredAsHiddenList=c,b===this.tabsFilteredAsHiddenList.length-1&&(null===(o=null===(n=this.hiddenTabsContainerElement)||void 0===n?void 0:n.children[this.hiddenTabsContainerElement.children.length-1])||void 0===o||o.remove());break}}}))}generateOptions(){return{group:"shared",animation:10,swapThreshold:1,draggable:"md-tab",direction:this.direction,forceFallback:this.forceFallback,fallbackClass:this.fallbackClass,ghostClass:this.ghostClass,chosenClass:this.chosenClass,onEnd:this.handleOnDragEnd}}getCopyTabId(e){var t;return!1===(null===(t=e.id)||void 0===t?void 0:t.startsWith(f))?`${f}${e.id}`:e.id}getNormalizedTabId(e){return e.replace(f,"")}static get styles(){return[l.a,u.a]}ensureTabsUpdateComplete(e){return T(this,void 0,void 0,(function*(){const t=e.map(e=>void 0!==e.updateComplete?e.updateComplete:null).filter(e=>null!==e);t.length&&(yield Promise.all(t))}))}measureTabsOffsetWidth(){return this.justified||"vertical"===this.direction?this.tabs.map((e,t)=>{e.setAttribute("measuringrealwidth","");const i=e.closable?e.offsetWidth+m.TAB_CROSS_WIDTH:e.offsetWidth;return e.removeAttribute("measuringrealwidth"),i}):this.tabs.map((e,t)=>e.closable?e.offsetWidth+m.TAB_CROSS_WIDTH:e.offsetWidth)}measureHiddenTabsCopiesOffsetHeight(){return this.tabsCopy.map((e,t)=>e.offsetHeight)}manageOverflow(){var e,t;return T(this,void 0,void 0,(function*(){if("vertical"!==this.direction){let i;i=0===this.tabsFilteredAsVisibleList.length&&0===this.tabsFilteredAsHiddenList.length?[...this.tabs]:[...this.tabsFilteredAsVisibleList,...this.tabsFilteredAsHiddenList],i.forEach(e=>{var t,i,s,a,l;if((null===(t=e.children)||void 0===t?void 0:t.length)&&0===(null===(s=null===(i=e.children[0])||void 0===i?void 0:i.children)||void 0===s?void 0:s.length)){const t=null===(a=null==e?void 0:e.querySelector("slot"))||void 0===a?void 0:a.assignedNodes({flatten:!0})[0].cloneNode(!0);t&&(t.classList.add("tab-content"),null===(l=null==e?void 0:e.children[0])||void 0===l||l.appendChild(t))}});const s=i.length;if(this.tabsListElement&&s){const a=(null===(e=this.tabsSettingsElement)||void 0===e?void 0:e.offsetWidth)?this.tabsListElement.offsetWidth-(null===(t=this.tabsSettingsElement)||void 0===t?void 0:t.offsetWidth):this.tabsListElement.offsetWidth;yield this.ensureTabsUpdateComplete(this.tabs);const l=this.measureTabsOffsetWidth(),d=i.reduce((e,t,i)=>e+=l[i],0);if(d){yield this.setupMoreTab();let e=!0;a<d&&(e=!1);const t=[];let n=0;i.forEach((i,d)=>{n+=l[d];const o=!e&&n+(d<s-1?this.moreTabMenuOffsetWidth:0)>a;t.push({isTabInViewportHidden:o,tabOffsetWidth:l[d]})}),this.tabsViewportDataList=t,this.tabsViewportDataList.forEach((e,t)=>this.tabs[t].viewportHidden=e.isTabInViewportHidden),this.isMoreTabMenuVisible=!!this.tabsViewportDataList.find(e=>e.isTabInViewportHidden),this.tabsFilteredAsVisibleList=i.filter((e,t)=>!this.tabsViewportDataList[t].isTabInViewportHidden),this.tabsVisibleIdxHash=this.tabsFilteredAsVisibleList.reduce((e,t,i)=>(e[t.id]=i,e),{}),this.tabsFilteredAsHiddenList=i.filter((e,t)=>this.tabsViewportDataList[t].isTabInViewportHidden),this.tabsHiddenIdxHash=this.tabsFilteredAsHiddenList.reduce((e,t,i)=>(e[t.id]=i,e),{})}}this.updateIsMoreTabMenuSelected();const a=this.tabsFilteredAsHiddenList.find(e=>!e.disabled);this.updateHiddenIdPositiveTabIndex(a)}}))}updateIsMoreTabMenuSelected(){this.isMoreTabMenuSelected=!!this.tabsFilteredAsHiddenList.find(e=>e.selected)}updateHiddenIdPositiveTabIndex(e){this.tabHiddenIdPositiveTabIndex=e?e.id:void 0}linkPanelsAndTabs(){return T(this,void 0,void 0,(function*(){const{tabs:e,panels:t}=this;if(0===e.length||0===t.length)return void console.warn("The tabs or panels count should't be equal zero.");e.length!==t.length&&console.warn(`The amount of tabs (${e.length}) doesn't match the amount of panels (${t.length}).`),e.forEach((e,i)=>{const s="tab_"+Object(h.nanoid)(10);e.setAttribute("id",s),e.setAttribute("aria-controls",s),e.selected=this.selected===i,"vertical"===this.direction&&(e.vertical=!0);const a=t[i];a?(a.setAttribute("id",s),a.setAttribute("aria-labelledby",s),a.selected=this.selected===i,e.disabled&&(a.hidden=!0,a.selected=!1)):e.disabled=!0});let i=this.selected;for(;i<e.length&&e[i].disabled;)i++;i=i===e.length?0:i,e[i].selected=!0,t[i].selected=!0,this.tabsHash=this.tabs.reduce((e,t)=>(e[t.id]=t,e),{}),this.tabsIdxHash=this.tabs.reduce((e,t,i)=>(e[t.id]=i,e),{})}))}get slotItem(){return this.tabSlotElement}filterSlotted(){return this.tabSlotElement.assignedElements()}handleResize(e){const t=Object.create(null,{handleResize:{get:()=>super.handleResize}});return T(this,void 0,void 0,(function*(){t.handleResize&&t.handleResize.call(this,e),yield this.manageOverflow()}))}getDragDirection(e){return e.from===this.visibleTabsContainerElement&&e.to===this.hiddenTabsContainerElement?"visibleToHidden":e.from===this.visibleTabsContainerElement&&e.to===this.visibleTabsContainerElement?"visibleToVisible":e.from===this.hiddenTabsContainerElement&&e.to===this.visibleTabsContainerElement?"hiddenToVisible":e.from===this.hiddenTabsContainerElement&&e.to===this.hiddenTabsContainerElement?"hiddenToHidden":void 0}makeTabCopyFocus(e){e&&e.focus()}handleTabClick(e){const{id:t}=e.detail;this.handleNewSelectedTab(t)}handleNewSelectedTab(e){const t=this.tabsHash[this.getNormalizedTabId(e)];if(t&&!t.disabled){const e=this.tabsIdxHash[t.id];-1!==e&&this.updateSelectedTab(e);{const e=this.tabsCopyHash[this.getCopyTabId(t)];e&&this.makeTabCopyFocus(e),this.updateHiddenIdPositiveTabIndex(t)}}}handleTabCrossClick(e){var t,i;const{id:s}=e.detail,a=this.tabsHash[this.getNormalizedTabId(s)];if(a&&!a.disabled&&"auto"===a.closable){const e=this.tabsFilteredAsVisibleList.findIndex(e=>this.getNormalizedTabId(e.id)===this.getNormalizedTabId(s));this.tabsFilteredAsVisibleList=this.tabsFilteredAsVisibleList.filter(e=>this.getNormalizedTabId(e.id)!==this.getNormalizedTabId(s)),null===(i=null===(t=this.visibleTabsContainerElement)||void 0===t?void 0:t.querySelector("#"+s))||void 0===i||i.remove(),0!==this.tabsFilteredAsHiddenList.length&&(this.tabsFilteredAsVisibleList.push(this.tabsFilteredAsHiddenList[0]),this.tabsFilteredAsHiddenList.splice(0,1)),0===this.tabsFilteredAsHiddenList.length&&(this.isMoreTabMenuVisible=!1,this.isMoreTabMenuMeasured=!1),this.handleUpdatedSeletedTabAfterCross(e)}}handleUpdatedSeletedTabAfterCross(e){var t;let i=e;for(;i<this.tabsFilteredAsVisibleList.length&&(null===(t=this.tabsFilteredAsVisibleList[i])||void 0===t?void 0:t.disabled);)i++;if(void 0===this.tabsFilteredAsVisibleList[i]||e===this.tabsFilteredAsVisibleList.length)for(i=e-1;i>=0&&this.tabsFilteredAsVisibleList[i].disabled;)i--;if(-1!==i){const e=this.tabs.findIndex(e=>e.id===this.tabsFilteredAsVisibleList[i].id);this.updateSelectedTab(e)}else this.updateSelectedTab(i);this.noTabsVisible=0===this.tabsFilteredAsVisibleList.length&&0===this.tabsFilteredAsHiddenList.length,this.requestUpdate()}updateSelectedTab(e){const{tabs:t,panels:i}=this,s=this.tabs.findIndex(e=>e.hasAttribute("selected"));if(t&&i&&[s,e].forEach(e=>{const s=t[e];s&&s.toggleAttribute("selected");const a=i[e];if(a&&a.toggleAttribute("selected"),s){const e=this.tabsCopyHash[this.getCopyTabId(s)];e?(e.toggleAttribute("selected"),this.isMoreTabMenuSelected=!0):this.isMoreTabMenuSelected=!1}}),e>=0){this.dispatchSelectedChangedEvent(e);const i=[...this.tabsFilteredAsVisibleList,...this.tabsFilteredAsHiddenList].findIndex(i=>i.id===t[e].id);this.changeSelectedTabIdx(i)}}dispatchSelectedChangedEvent(e){const t=[...this.tabsFilteredAsVisibleList,...this.tabsFilteredAsHiddenList],i=this.tabs[e].id,s=t.findIndex(e=>e.id===i),a=[];t.forEach(e=>{a.push(e.name)}),this.dispatchEvent(new CustomEvent("selected-changed",{detail:{value:s,tabsOrder:a},composed:!0,bubbles:!0}))}changeSelectedTabIdx(e){this.requestUpdate(),this.selected=e,this.updateComplete.then(()=>{var t,i,s,a;if(e<this.tabsFilteredAsVisibleList.length)null===(i=null===(t=this.visibleTabsContainerElement)||void 0===t?void 0:t.children[this.selected])||void 0===i||i.focus();else{const e=this.selected-this.tabsFilteredAsVisibleList.length;null===(a=null===(s=this.hiddenTabsContainerElement)||void 0===s?void 0:s.children[e])||void 0===a||a.focus();const t=this.tabsFilteredAsHiddenList[e];!(null==t?void 0:t.disabled)&&this.updateHiddenIdPositiveTabIndex(t)}}),this.updateIsMoreTabMenuSelected(),this.persistSelection&&this.tabsId&&e>-1&&""!==this.tabsId.trim()&&sessionStorage.setItem(this.tabsId,""+e)}handleOverlayClose(){this.menuOverlayElement&&(this.menuOverlayElement.isOpen=!1)}dispatchKeydownEvent(e,t){t&&this.dispatchEvent(new CustomEvent("tab-keydown",{detail:{id:t,key:e.code,ctrlKey:e.ctrlKey,shiftKey:e.shiftKey,altKey:e.altKey,srcEvent:e},bubbles:!0,composed:!0}))}handleTabKeydown(e){const t=e.path?e.path[0].id:e.originalTarget.id,i=this.getNormalizedTabId(t);this.dispatchKeydownEvent(e,i);const a=e.code,{shiftKey:l}=e,d=!!this.isMoreTabMenuVisible&&"tab-more"===i,n=d&&this.isMoreTabMenuVisible?this.moreTabMenuElement:this.tabsHash[this.getNormalizedTabId(i)],o=!this.isMoreTabMenuVisible||n&&this.tabsVisibleIdxHash[n.id]>-1,r=!!this.isMoreTabMenuVisible&&(n&&this.tabsHiddenIdxHash[n.id]>-1),b=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length-1:this.tabs.length-1,h=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length:-1,c=this.isMoreTabMenuVisible?this.tabsFilteredAsVisibleList.length+this.tabsFilteredAsHiddenList.length-1:-1;switch(a){case s.a.Tab:d&&!this.isMoreTabMenuOpen&&l&&(e.preventDefault(),this.changeSelectedTabIdx(b));break;case s.a.End:d||(o?this.changeSelectedTabIdx(b):r&&this.changeSelectedTabIdx(c));break;case s.a.Home:d||o?this.changeSelectedTabIdx(0):r&&this.changeSelectedTabIdx(h);break;case s.a.ArrowLeft:d||o&&(e.stopPropagation(),this.changeSelectedTabIdx(0===this.selected?b:this.selected-1));break;case s.a.ArrowRight:d||o&&(e.stopPropagation(),this.changeSelectedTabIdx(this.selected===b?0:this.selected+1));break;case s.a.ArrowUp:if(d);else if(o&&"vertical"===this.direction)e.preventDefault(),this.changeSelectedTabIdx(0===this.selected?b:this.selected-1);else if(r){e.preventDefault();const t=this.selected===h?c:this.selected-1;this.changeSelectedTabIdx(t)}break;case s.a.ArrowDown:if(d);else if(o&&"vertical"===this.direction)e.preventDefault(),this.changeSelectedTabIdx(this.selected===b?0:this.selected+1);else if(r){e.preventDefault();const t=this.selected===c?h:this.selected+1;this.changeSelectedTabIdx(t)}break;case s.a.Enter:case s.a.Space:if(d){const e=this.tabsFilteredAsHiddenList.filter(e=>!e.disabled),t=e.find(e=>e.selected)||e.length?e[0]:void 0;if(this.updateHiddenIdPositiveTabIndex(t),t){const e=this.tabsIdxHash[this.getNormalizedTabId(t.id)];-1!==e&&this.updateSelectedTab(e)}}else if(n&&!n.disabled){const e=this.tabsIdxHash[this.getNormalizedTabId(n.id)];-1!==e&&this.updateSelectedTab(e)}}}setupTabsEvents(){this.addEventListener("tab-click",this.handleTabClick),this.addEventListener("tab-cross-click",this.handleTabCrossClick),this.addEventListener("keydown",this.handleTabKeydown)}teardownTabsEvents(){this.removeEventListener("tab-click",this.handleTabClick),this.removeEventListener("tab-cross-click",this.handleTabCrossClick),this.removeEventListener("keydown",this.handleTabKeydown)}setupPanelsAndTabs(){this.tabSlotElement&&(this.tabs=this.tabSlotElement.assignedElements()),this.panelSlotElement&&(this.panels=this.panelSlotElement.assignedElements())}setupMoreTab(){return T(this,void 0,void 0,(function*(){"vertical"!==this.direction&&this.moreTabMenuElement&&!this.isMoreTabMenuMeasured&&(this.moreTabMenuElement.classList.add("md-menu-overlay__more_tab--measuring"),yield this.moreTabMenuElement.updateComplete,this.moreTabMenuElement.offsetWidth&&(this.moreTabMenuOffsetWidth=this.moreTabMenuElement.offsetWidth,this.isMoreTabMenuMeasured=!0),this.moreTabMenuElement.classList.remove("md-menu-overlay__more_tab--measuring"))}))}initializeSortable(){this.visibleTabsContainerElement&&this.hiddenTabsContainerElement&&(this.visibleTabsSortableInstance=p.a.create(this.visibleTabsContainerElement,this.generateOptions()),this.hiddenTabsSortableInstance=p.a.create(this.hiddenTabsContainerElement,this.generateOptions()))}initializeTabs(){this.tabs=[],this.panels=[],this.tabsFilteredAsVisibleList=[],this.tabsFilteredAsHiddenList=[],this.isMoreTabMenuVisible=!1,this.setupPanelsAndTabs(),this.linkPanelsAndTabs(),this.draggable&&this.initializeSortable(),this.manageOverflow(),this.requestUpdate()}connectedCallback(){if(super.connectedCallback(),this.setupTabsEvents(),this.persistSelection){if(!this.tabsId||""===this.tabsId.trim())return void console.error("Unique tabs-id attribute is mandatory for persist the selection of tab ");const e=localStorage.getItem(this.tabsId);this.selected=e&&parseInt(e)>-1?parseInt(e):this.selected}}selectTabFromStorage(){if(this.persistSelection){if(!this.tabsId||""===this.tabsId.trim())return void console.error("Unique tabs-id attribute is mandatory for persist the selection of tab ");const e=sessionStorage.getItem(this.tabsId);let t=0;if(e){const i=parseInt(e);t=i>-1?i:this.selected}const i=[...this.tabsFilteredAsVisibleList,...this.tabsFilteredAsHiddenList];i.length&&i[t].id?this.handleNewSelectedTab(i[t].id):this.selected=t}}disconnectedCallback(){super.disconnectedCallback(),this.teardownTabsEvents()}firstUpdated(e){super.firstUpdated(e),this.setupPanelsAndTabs(),this.linkPanelsAndTabs(),this.selectTabFromStorage()}updated(e){var t;if(super.updated(e),e.has("slotted")&&this.initializeTabs(),!this.draggable||this.visibleTabsSortableInstance||this.hiddenTabsSortableInstance||this.initializeSortable(),e.has("tabsFilteredAsHiddenList")&&(this.tabsCopy=Array.from((null===(t=this.tabsCopyHiddenListElements)||void 0===t?void 0:t.values())||[]),this.tabsCopyHash=this.tabsCopy.reduce((e,t)=>(e[t.id]=t,e),{})),(e.has("tabsFilteredAsVisibleList")||e.has("tabsFilteredAsHiddenList"))&&(this.tabsVisibleIdxHash=this.tabsFilteredAsVisibleList.reduce((e,t,i)=>(e[t.id]=i,e),{}),this.tabsHiddenIdxHash=this.tabsFilteredAsHiddenList.reduce((e,t,i)=>(e[t.id]=i,e),{})),e.has("isMoreTabMenuOpen")&&this.isMoreTabMenuVisible){const t=e.get("isMoreTabMenuOpen");this.isMoreTabMenuOpen&&!t&&(this.moreItemsScrollLimit<this.tabsCopy.length?(this.isMoreTabMenuScrollable=!0,this.moreTabMenuMaxHeight=this.measureHiddenTabsCopiesOffsetHeight().slice(0,this.moreItemsScrollLimit).reduce((e,t)=>e+=t,0)+"px"):(this.isMoreTabMenuScrollable=!1,this.moreTabMenuMaxHeight=null))}e.has("tabsId")&&this.selectTabFromStorage()}render(){return d.html`
|
|
2
2
|
<div
|
|
3
3
|
part="tabs-list"
|
|
4
4
|
class="md-tab__list ${Object(n.classMap)({"md-tab__justified":this.justified&&!this.isMoreTabMenuVisible,"no-tabs-visible":this.noTabsVisible})}"
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
id="visible-tabs-list"
|
|
13
13
|
class="visible-tabs-container ${Object(n.classMap)({"md-tab__justified":this.justified&&!this.isMoreTabMenuVisible})}"
|
|
14
14
|
>
|
|
15
|
-
${Object(o.repeat)(this.tabsFilteredAsVisibleList,e=>Object(h.nanoid)(10),e=>{var t;return
|
|
15
|
+
${Object(o.repeat)(this.tabsFilteredAsVisibleList,e=>Object(h.nanoid)(10),e=>{var t;return d.html`
|
|
16
16
|
<md-tab
|
|
17
17
|
.closable="${e.closable}"
|
|
18
18
|
.disabled="${e.disabled}"
|
|
@@ -30,7 +30,8 @@
|
|
|
30
30
|
</div>
|
|
31
31
|
|
|
32
32
|
<md-menu-overlay
|
|
33
|
-
custom-width="${"
|
|
33
|
+
custom-width="${"226px"}"
|
|
34
|
+
max-height="${"288px"}"
|
|
34
35
|
class="md-menu-overlay__more ${Object(n.classMap)({"md-menu-overlay__more--hidden":this.isMoreTabMenuMeasured&&!this.isMoreTabMenuVisible})}"
|
|
35
36
|
placement="bottom-end"
|
|
36
37
|
@menu-overlay-open="${()=>this.isMoreTabMenuOpen=!0}"
|
|
@@ -45,8 +46,8 @@
|
|
|
45
46
|
.selected=${!!this.isMoreTabMenuVisible&&this.isMoreTabMenuSelected}
|
|
46
47
|
class="md-menu-overlay__more_tab ${Object(n.classMap)({"md-menu-overlay__more_tab--hidden":!this.isMoreTabMenuVisible})}"
|
|
47
48
|
>
|
|
48
|
-
<span>${this.overlowLabel}</span>
|
|
49
|
-
<md-icon name="${this.isMoreTabMenuOpen?"arrow-up_16":"arrow-down_16"}"></md-icon>
|
|
49
|
+
<span class="md-menu-overlay__overflow-label">${this.overlowLabel}</span>
|
|
50
|
+
<md-icon name="${this.isMoreTabMenuOpen?"arrow-up_16":"arrow-down_16"}" class="more-icon"></md-icon>
|
|
50
51
|
</md-tab>
|
|
51
52
|
<div
|
|
52
53
|
id="tabs-more-list"
|
|
@@ -54,7 +55,7 @@
|
|
|
54
55
|
class="md-tab__list md-menu-overlay__more_list"
|
|
55
56
|
style="${Object(r.styleMap)(this.isMoreTabMenuScrollable&&this.moreTabMenuMaxHeight?{"overflow-y":"auto",height:this.moreTabMenuMaxHeight,"max-height":this.moreTabMenuMaxHeight}:{})}"
|
|
56
57
|
>
|
|
57
|
-
${Object(o.repeat)(this.tabsFilteredAsHiddenList,e=>Object(h.nanoid)(10),e=>
|
|
58
|
+
${Object(o.repeat)(this.tabsFilteredAsHiddenList,e=>Object(h.nanoid)(10),e=>d.html`
|
|
58
59
|
<md-tab
|
|
59
60
|
slot="draggable-item"
|
|
60
61
|
.disabled="${e.disabled}"
|
|
@@ -81,4 +82,4 @@
|
|
|
81
82
|
>
|
|
82
83
|
<slot name="panel"></slot>
|
|
83
84
|
</div>
|
|
84
|
-
`}};v([Object(
|
|
85
|
+
`}};v([Object(d.property)({type:Boolean})],t.prototype,"justified",void 0),v([Object(d.property)({type:String})],t.prototype,"overlowLabel",void 0),v([Object(d.property)({type:Boolean,attribute:"draggable"})],t.prototype,"draggable",void 0),v([Object(d.property)({type:String})],t.prototype,"direction",void 0),v([Object(d.property)({type:Number,attribute:"more-items-scroll-limit"})],t.prototype,"moreItemsScrollLimit",void 0),v([Object(d.property)({type:Number})],t.prototype,"delay",void 0),v([Object(d.property)({type:Number})],t.prototype,"animation",void 0),v([Object(d.property)({type:String,attribute:"ghost-class"})],t.prototype,"ghostClass",void 0),v([Object(d.property)({type:String,attribute:"chosen-class"})],t.prototype,"chosenClass",void 0),v([Object(d.property)({type:Boolean,attribute:"force-fallback"})],t.prototype,"forceFallback",void 0),v([Object(d.property)({type:String,attribute:"fallback-class"})],t.prototype,"fallbackClass",void 0),v([Object(d.property)({type:String,attribute:"tabs-id"})],t.prototype,"tabsId",void 0),v([Object(d.property)({type:Boolean,attribute:"persist-selection"})],t.prototype,"persistSelection",void 0),v([Object(d.internalProperty)()],t.prototype,"isMoreTabMenuVisible",void 0),v([Object(d.internalProperty)()],t.prototype,"isMoreTabMenuMeasured",void 0),v([Object(d.internalProperty)()],t.prototype,"isMoreTabMenuOpen",void 0),v([Object(d.internalProperty)()],t.prototype,"isMoreTabMenuSelected",void 0),v([Object(d.internalProperty)()],t.prototype,"isMoreTabMenuScrollable",void 0),v([Object(d.internalProperty)()],t.prototype,"moreTabMenuOffsetWidth",void 0),v([Object(d.internalProperty)()],t.prototype,"moreTabMenuMaxHeight",void 0),v([Object(d.internalProperty)()],t.prototype,"tabsViewportDataList",void 0),v([Object(d.internalProperty)()],t.prototype,"tabsFilteredAsVisibleList",void 0),v([Object(d.internalProperty)()],t.prototype,"tabsFilteredAsHiddenList",void 0),v([Object(d.internalProperty)()],t.prototype,"noTabsVisible",void 0),v([Object(d.query)("slot[name='tab']")],t.prototype,"tabSlotElement",void 0),v([Object(d.query)("slot[name='panel']")],t.prototype,"panelSlotElement",void 0),v([Object(d.query)(".md-tab__list[part='tabs-list']")],t.prototype,"tabsListElement",void 0),v([Object(d.query)(".md-tabs__settings[part='md-tabs__settings']")],t.prototype,"tabsSettingsElement",void 0),v([Object(d.query)(".md-menu-overlay__more_tab")],t.prototype,"moreTabMenuElement",void 0),v([Object(d.query)("md-menu-overlay")],t.prototype,"menuOverlayElement",void 0),v([Object(d.query)(".md-tab__list[part='tabs-more-list']")],t.prototype,"tabsMoreListElement",void 0),v([Object(d.queryAll)(".md-menu-overlay__more_list md-tab")],t.prototype,"tabsCopyHiddenListElements",void 0),v([Object(d.query)("#visible-tabs-list")],t.prototype,"visibleTabsContainerElement",void 0),v([Object(d.query)("#tabs-more-list")],t.prototype,"hiddenTabsContainerElement",void 0),t=v([Object(a.f)("md-tabs")],t),e.ELEMENT=t}(g||(g={}))}}]);
|
package/dist/index-entry.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit-element"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("lit-html/directives/style-map"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("luxon"),require("lit-html/directives/class-map.js"),require("lit-html/directives/repeat"),require("@interactjs/interact/index"),require("@popperjs/core/lib/popper-lite"),require("nanoid"),require("highlight.js/lib/core"),require("@popperjs/core/lib/modifiers/arrow"),require("@popperjs/core/lib/modifiers/flip"),require("@popperjs/core/lib/modifiers/offset"),require("@popperjs/core/lib/modifiers/preventOverflow"),require("sortablejs"),require("papaparse"),require("lit-html/directives/repeat.js"),require("@popperjs/core/lib"),require("lit-html/directives/until.js"),require("dompurify"),require("@interactjs/auto-start"),require("@interactjs/actions/drag"),require("@interactjs/modifiers"),require("@interactjs/actions/resize"),require("libphonenumber-js"),require("lit-html/directives/unsafe-html"),require("country-codes-list"),require("country-flags-svg"),require("lit-html/directives/template-content"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html","lit-html/directives/class-map","lit-html/directives/if-defined","lit-html/directives/style-map","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","luxon","lit-html/directives/class-map.js","lit-html/directives/repeat","@interactjs/interact/index","@popperjs/core/lib/popper-lite","nanoid","highlight.js/lib/core","@popperjs/core/lib/modifiers/arrow","@popperjs/core/lib/modifiers/flip","@popperjs/core/lib/modifiers/offset","@popperjs/core/lib/modifiers/preventOverflow","sortablejs","papaparse","lit-html/directives/repeat.js","@popperjs/core/lib","lit-html/directives/until.js","dompurify","@interactjs/auto-start","@interactjs/actions/drag","@interactjs/modifiers","@interactjs/actions/resize","libphonenumber-js","lit-html/directives/unsafe-html","country-codes-list","country-flags-svg","lit-html/directives/template-content"],t);else{var o="object"==typeof exports?t(require("lit-element"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("lit-html/directives/style-map"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("luxon"),require("lit-html/directives/class-map.js"),require("lit-html/directives/repeat"),require("@interactjs/interact/index"),require("@popperjs/core/lib/popper-lite"),require("nanoid"),require("highlight.js/lib/core"),require("@popperjs/core/lib/modifiers/arrow"),require("@popperjs/core/lib/modifiers/flip"),require("@popperjs/core/lib/modifiers/offset"),require("@popperjs/core/lib/modifiers/preventOverflow"),require("sortablejs"),require("papaparse"),require("lit-html/directives/repeat.js"),require("@popperjs/core/lib"),require("lit-html/directives/until.js"),require("dompurify"),require("@interactjs/auto-start"),require("@interactjs/actions/drag"),require("@interactjs/modifiers"),require("@interactjs/actions/resize"),require("libphonenumber-js"),require("lit-html/directives/unsafe-html"),require("country-codes-list"),require("country-flags-svg"),require("lit-html/directives/template-content")):t(e["lit-element"],e["lit-html"],e["lit-html/directives/class-map"],e["lit-html/directives/if-defined"],e["lit-html/directives/style-map"],e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"],e.luxon,e["lit-html/directives/class-map.js"],e["lit-html/directives/repeat"],e["@interactjs/interact/index"],e["@popperjs/core/lib/popper-lite"],e.nanoid,e["highlight.js/lib/core"],e["@popperjs/core/lib/modifiers/arrow"],e["@popperjs/core/lib/modifiers/flip"],e["@popperjs/core/lib/modifiers/offset"],e["@popperjs/core/lib/modifiers/preventOverflow"],e.sortablejs,e.papaparse,e["lit-html/directives/repeat.js"],e["@popperjs/core/lib"],e["lit-html/directives/until.js"],e.dompurify,e["@interactjs/auto-start"],e["@interactjs/actions/drag"],e["@interactjs/modifiers"],e["@interactjs/actions/resize"],e["libphonenumber-js"],e["lit-html/directives/unsafe-html"],e["country-codes-list"],e["country-flags-svg"],e["lit-html/directives/template-content"]);for(var r in o)("object"==typeof exports?exports:e)[r]=o[r]}}(window,(function(e,t,o,r,i,n,c,s,d,l,a,u,p,m,h,f,g,b,j,y,v,x,q,k,w,T,C,P,O,L,A,B,M){return function(e){function t(t){for(var r,c,s=t[0],d=t[1],l=t[2],u=0,p=[];u<s.length;u++)c=s[u],Object.prototype.hasOwnProperty.call(i,c)&&i[c]&&p.push(i[c][0]),i[c]=0;for(r in d)Object.prototype.hasOwnProperty.call(d,r)&&(e[r]=d[r]);for(a&&a(t);p.length;)p.shift()();return n.push.apply(n,l||[]),o()}function o(){for(var e,t=0;t<n.length;t++){for(var o=n[t],r=!0,s=1;s<o.length;s++){var d=o[s];0!==i[d]&&(r=!1)}r&&(n.splice(t--,1),e=c(c.s=o[0]))}return e}var r={},i={338:0,274:0,275:0,276:0,277:0,278:0,279:0,280:0,281:0,282:0,283:0,284:0,285:0,286:0,287:0,288:0,289:0,290:0,291:0,292:0,293:0,294:0,295:0,296:0,297:0,298:0,299:0,300:0,301:0,302:0,303:0,304:0,305:0,306:0,307:0,308:0,309:0,310:0,311:0,312:0,313:0,314:0,315:0,316:0,317:0,318:0,319:0,320:0,321:0,322:0,323:0,324:0,325:0,326:0,327:0,328:0,329:0,330:0,331:0,332:0,333:0,334:0,335:0,336:0,337:0},n=[];function c(t){if(r[t])return r[t].exports;var o=r[t]={i:t,l:!1,exports:{}};return e[t].call(o.exports,o,o.exports,c),o.l=!0,o.exports}c.e=function(e){var t=[],o=i[e];if(0!==o)if(o)t.push(o[2]);else{var r=new Promise((function(t,r){o=i[e]=[t,r]}));t.push(o[2]=r);var n,s=document.createElement("script");s.charset="utf-8",s.timeout=120,c.nc&&s.setAttribute("nonce",c.nc),s.src=function(e){return c.p+"chunks/md-"+e+".js"}(e);var d=new Error;n=function(t){s.onerror=s.onload=null,clearTimeout(l);var o=i[e];if(0!==o){if(o){var r=t&&("load"===t.type?"missing":t.type),n=t&&t.target&&t.target.src;d.message="Loading chunk "+e+" failed.\n("+r+": "+n+")",d.name="ChunkLoadError",d.type=r,d.request=n,o[1](d)}i[e]=void 0}};var l=setTimeout((function(){n({type:"timeout",target:s})}),12e4);s.onerror=s.onload=n,document.head.appendChild(s)}return Promise.all(t)},c.m=e,c.c=r,c.d=function(e,t,o){c.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},c.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},c.t=function(e,t){if(1&t&&(e=c(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(c.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)c.d(o,r,function(t){return e[t]}.bind(null,r));return o},c.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return c.d(t,"a",t),t},c.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},c.p="/",c.oe=function(e){throw console.error(e),e};var s=window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[],d=s.push.bind(s);s.push=t,s=s.slice();for(var l=0;l<s.length;l++)t(s[l]);var a=d;return n.push([313,0,1,2,3,4,5,6,7,8,9,10,11,13,12,14,15,16,17,18,19,21,20,22,23,26,27,25,24,36,39,37,29,42,34,31,35,30,40,41,33,32,28,38,80,78,76,69,54,61,81,63,55,79,67,62,74,77,70,71,58,50,49,82,68,59,64,47,43,73,52,44,65,66,46,57,72,48,53,51,45,60,75,56]),o()}({0:function(t,o){t.exports=e},10:function(e,t){e.exports=n},11:function(e,t){e.exports=c},12:function(e,t){e.exports=s},13:function(e,t){e.exports=d},14:function(e,t){e.exports=l},2:function(e,o){e.exports=t},20:function(e,t){e.exports=a},21:function(e,t){e.exports=u},22:function(e,t){e.exports=p},23:function(e,t){e.exports=m},25:function(e,t){e.exports=h},26:function(e,t){e.exports=f},27:function(e,t){e.exports=g},28:function(e,t){e.exports=b},3:function(e,t){e.exports=o},30:function(e,t){e.exports=j},31:function(e,t){e.exports=y},313:function(e,t,o){"use strict";o.r(t),o.d(t,"Accordion",(function(){return i.Accordion})),o.d(t,"AccordionItem",(function(){return n.AccordionItem})),o.d(t,"ActivityButton",(function(){return c.ActivityButton})),o.d(t,"AlertBanner",(function(){return s.AlertBanner})),o.d(t,"Alert",(function(){return d.Alert})),o.d(t,"Avatar",(function(){return l.Avatar})),o.d(t,"CompositeAvatar",(function(){return a.CompositeAvatar})),o.d(t,"Badge",(function(){return u.Badge})),o.d(t,"Breadcrumb",(function(){return p.Breadcrumb})),o.d(t,"ButtonGroup",(function(){return m.ButtonGroup})),o.d(t,"Button",(function(){return h.Button})),o.d(t,"Card",(function(){return f.Card})),o.d(t,"ChatMessage",(function(){return g.ChatMessage})),o.d(t,"Checkbox",(function(){return b.Checkbox})),o.d(t,"CheckboxGroup",(function(){return j.CheckboxGroup})),o.d(t,"Chip",(function(){return y.Chip})),o.d(t,"Coachmark",(function(){return v.Coachmark})),o.d(t,"CodeEditor",(function(){return r})),o.d(t,"ComboBox",(function(){return L.ComboBox})),o.d(t,"DateRangePicker",(function(){return A.DateRangePicker})),o.d(t,"DateTimePicker",(function(){return B.DateTimePicker})),o.d(t,"DatePicker",(function(){return M.DatePicker})),o.d(t,"DatePickerCalendar",(function(){return D.DatePickerCalendar})),o.d(t,"DatePickerDay",(function(){return I.DatePickerDay})),o.d(t,"DatePickerMonth",(function(){return S.DatePickerMonth})),o.d(t,"DatePickerWeek",(function(){return U.DatePickerWeek})),o.d(t,"Draggable",(function(){return z.Draggable})),o.d(t,"DraggableItem",(function(){return N.DraggableItem})),o.d(t,"Dropdown",(function(){return R.Dropdown})),o.d(t,"EditableTextfield",(function(){return E.EditableTextfield})),o.d(t,"Favorite",(function(){return F.Favorite})),o.d(t,"FloatingModal",(function(){return _.FloatingModal})),o.d(t,"FloatingMinimizedModal",(function(){return $.FloatingMinimizedModal})),o.d(t,"Form",(function(){return G.Form})),o.d(t,"HelpText",(function(){return V.HelpText})),o.d(t,"Icon",(function(){return H.Icon})),o.d(t,"InputFile",(function(){return W.InputFile})),o.d(t,"Input",(function(){return J.Input})),o.d(t,"Label",(function(){return K.Label})),o.d(t,"Link",(function(){return Q.Link})),o.d(t,"List",(function(){return X.List})),o.d(t,"ListItem",(function(){return Y.ListItem})),o.d(t,"Loading",(function(){return Z.Loading})),o.d(t,"MeetingAlert",(function(){return ee.MeetingAlert})),o.d(t,"MenuOverlay",(function(){return te.MenuOverlay})),o.d(t,"Menu",(function(){return oe.Menu})),o.d(t,"MenuItem",(function(){return re.MenuItem})),o.d(t,"Modal",(function(){return ie.Modal})),o.d(t,"Pagination",(function(){return ne.Pagination})),o.d(t,"PhoneInput",(function(){return ce.PhoneInput})),o.d(t,"ProgressBar",(function(){return se.ProgressBar})),o.d(t,"Radio",(function(){return de.Radio})),o.d(t,"RadioGroup",(function(){return le.RadioGroup})),o.d(t,"Slider",(function(){return ae.Slider})),o.d(t,"Spinner",(function(){return ue.Spinner})),o.d(t,"Table",(function(){return pe.Table})),o.d(t,"TableAdvanced",(function(){return me.TableAdvanced})),o.d(t,"Tab",(function(){return he.Tab})),o.d(t,"TabPanel",(function(){return fe.TabPanel})),o.d(t,"Tabs",(function(){return ge.Tabs})),o.d(t,"TaskItem",(function(){return be.TaskItem})),o.d(t,"Theme",(function(){return je.Theme})),o.d(t,"TimePicker",(function(){return ye.TimePicker})),o.d(t,"ToggleSwitch",(function(){return ve.ToggleSwitch})),o.d(t,"Tooltip",(function(){return xe.Tooltip}));var r,i=o(81),n=o(82),c=o(83),s=o(101),d=o(102),l=o(43),a=o(84),u=o(49),p=o(103),m=o(104),h=o(17),f=o(105),g=o(106),b=o(85),j=o(86),y=o(107),v=o(108),x=o(7),q=o(4),k=o(23),w=o.n(k),T=o(0),C=T.css`:host(md-code-editor) .md-code-editor{background:#091e26;border-radius:.25rem;color:#fff;min-height:18.75rem;overflow:hidden}:host(md-code-editor) .md-code-editor-header{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;background:#092d3b;flex:0 0 auto;font-size:14px;padding:.625rem}:host(md-code-editor) .md-code-editor-name{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center}:host(md-code-editor) .md-code-editor md-badge::part(badge){border-radius:.25rem;height:1.25rem;margin-right:.625rem;padding:.25rem .375rem;text-transform:capitalize}:host(md-code-editor) .md-code-editor-copy{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;line-height:1}:host(md-code-editor) .md-code-editor-copy-btn::part(button){background:0 0;color:#00a0d1;margin-left:.625rem}:host(md-code-editor) .md-code-editor-copy-btn[disabled]{cursor:not-allowed;opacity:.5}:host(md-code-editor) .hljs-comment,:host(md-code-editor) .hljs-quote{color:#ffecc2}:host(md-code-editor) .hljs-deletion,:host(md-code-editor) .hljs-name,:host(md-code-editor) .hljs-regexp,:host(md-code-editor) .hljs-selector-class,:host(md-code-editor) .hljs-selector-id,:host(md-code-editor) .hljs-tag,:host(md-code-editor) .hljs-template-variable,:host(md-code-editor) .hljs-variable{color:#ff9d52}:host(md-code-editor) .hljs-built_in,:host(md-code-editor) .hljs-builtin-name,:host(md-code-editor) .hljs-link,:host(md-code-editor) .hljs-literal,:host(md-code-editor) .hljs-meta,:host(md-code-editor) .hljs-number,:host(md-code-editor) .hljs-params,:host(md-code-editor) .hljs-type{color:#fc9d03}:host(md-code-editor) .hljs-attribute{color:#ebd460}:host(md-code-editor) .hljs-addition,:host(md-code-editor) .hljs-bullet,:host(md-code-editor) .hljs-string,:host(md-code-editor) .hljs-symbol{color:#93c437}:host(md-code-editor) .hljs-section,:host(md-code-editor) .hljs-title{color:#22c7d6}:host(md-code-editor) .hljs-keyword,:host(md-code-editor) .hljs-selector-tag{color:#f0e3fc}:host(md-code-editor) .hljs{background:0 0;color:#dedede;display:block;overflow-x:auto;padding:.5em}:host(md-code-editor) .hljs-emphasis{font-style:italic}:host(md-code-editor) .hljs-strong{font-weight:700}@media screen and (-ms-high-contrast:active){:host(md-code-editor) .hljs-addition,:host(md-code-editor) .hljs-attribute,:host(md-code-editor) .hljs-built_in,:host(md-code-editor) .hljs-builtin-name,:host(md-code-editor) .hljs-bullet,:host(md-code-editor) .hljs-comment,:host(md-code-editor) .hljs-link,:host(md-code-editor) .hljs-literal,:host(md-code-editor) .hljs-meta,:host(md-code-editor) .hljs-number,:host(md-code-editor) .hljs-params,:host(md-code-editor) .hljs-quote,:host(md-code-editor) .hljs-string,:host(md-code-editor) .hljs-symbol,:host(md-code-editor) .hljs-type{color:highlight}:host(md-code-editor) .hljs-keyword,:host(md-code-editor) .hljs-selector-tag{font-weight:700}}`,P=function(e,t,o,r){var i,n=arguments.length,c=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,t,o,r);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(c=(n<3?i(c):n>3?i(t,o,c):i(t,o))||c);return n>3&&c&&Object.defineProperty(t,o,c),c},O=function(e,t,o,r){return new(o||(o=Promise))((function(i,n){function c(e){try{d(r.next(e))}catch(e){n(e)}}function s(e){try{d(r.throw(e))}catch(e){n(e)}}function d(e){var t;e.done?i(e.value):(t=e.value,t instanceof o?t:new o((function(e){e(t)}))).then(c,s)}d((r=r.apply(e,t||[])).next())}))};!function(e){let t=class extends T.LitElement{constructor(){super(...arguments),this.copyLocalization="cURL",this.copiedLocalization="Copied",this.method="get",this.acceptLanguage="javascript",this.url="javascript",this.disableCopyButton=!0,this.acceptTypes="",this.copied=!1}static get styles(){return[q.a,C]}handleSlotChange(){if(this.slotNodes&&this.slotNodes.length){const e=this.slotNodes.find(e=>"CODE"===e.tagName);if(e){const t=e.textContent;t&&this.highlightBlock(t)}}}handleUrlSlotChange(){if(this.copied=!1,this.slotUrl&&this.slotUrl.length){const e=this.slotUrl.find(e=>e);if(e){const t=e.textContent;t&&this.copyUrl(t)}}}highlightBlock(e){e&&(this.codeBlock.innerText=e),w.a.highlightBlock(this.codeBlock)}copyUrl(e){this.codeUrl.innerText=e,this.disableCopyButton=!1}copyClipboard(){this.disableCopyButton||(this.codeUrl.innerText,this.selectTarget(this.codeUrl))}copyText(){try{document.execCommand("copy"),this.copied=!0}catch(e){console.warn("Copy text failed"),this.copied=!1}}select(e){const t=window.getSelection(),o=document.createRange();o.selectNodeContents(e),t&&(t.removeAllRanges(),t.addRange(o))}selectTarget(e){this.select(e),this.copyText()}importLanguage(e){return O(this,void 0,void 0,(function*(){try{const{default:t}=yield o(87)("./"+e);w.a.registerLanguage(""+e,t),this.setAcceptTypes()}catch(e){console.warn("Please set correct language name")}}))}getAllAcceptTypes(){const e=w.a.listLanguages();return e.length?e.map(e=>w.a.getLanguage(""+e).aliases).map(e=>e.map(e=>"."+e)).join(","):""}setAcceptTypes(){this.acceptTypes=this.getAllAcceptTypes()}updated(e){super.updated(e),e.has("acceptLanguage")&&this.importLanguage(this.acceptLanguage),e.has("acceptTypes")&&this.highlightBlock()}render(){return T.html`
|
|
1
|
+
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit-element"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("lit-html/directives/style-map"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("luxon"),require("lit-html/directives/class-map.js"),require("lit-html/directives/repeat"),require("@interactjs/interact/index"),require("@popperjs/core/lib/popper-lite"),require("nanoid"),require("highlight.js/lib/core"),require("@popperjs/core/lib/modifiers/arrow"),require("@popperjs/core/lib/modifiers/flip"),require("@popperjs/core/lib/modifiers/offset"),require("@popperjs/core/lib/modifiers/preventOverflow"),require("sortablejs"),require("papaparse"),require("lit-html/directives/repeat.js"),require("@popperjs/core/lib"),require("lit-html/directives/until.js"),require("dompurify"),require("@interactjs/auto-start"),require("@interactjs/actions/drag"),require("@interactjs/modifiers"),require("@interactjs/actions/resize"),require("libphonenumber-js"),require("lit-html/directives/unsafe-html"),require("country-codes-list"),require("country-flags-svg"),require("lit-html/directives/template-content"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html","lit-html/directives/class-map","lit-html/directives/if-defined","lit-html/directives/style-map","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","luxon","lit-html/directives/class-map.js","lit-html/directives/repeat","@interactjs/interact/index","@popperjs/core/lib/popper-lite","nanoid","highlight.js/lib/core","@popperjs/core/lib/modifiers/arrow","@popperjs/core/lib/modifiers/flip","@popperjs/core/lib/modifiers/offset","@popperjs/core/lib/modifiers/preventOverflow","sortablejs","papaparse","lit-html/directives/repeat.js","@popperjs/core/lib","lit-html/directives/until.js","dompurify","@interactjs/auto-start","@interactjs/actions/drag","@interactjs/modifiers","@interactjs/actions/resize","libphonenumber-js","lit-html/directives/unsafe-html","country-codes-list","country-flags-svg","lit-html/directives/template-content"],t);else{var o="object"==typeof exports?t(require("lit-element"),require("lit-html"),require("lit-html/directives/class-map"),require("lit-html/directives/if-defined"),require("lit-html/directives/style-map"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("luxon"),require("lit-html/directives/class-map.js"),require("lit-html/directives/repeat"),require("@interactjs/interact/index"),require("@popperjs/core/lib/popper-lite"),require("nanoid"),require("highlight.js/lib/core"),require("@popperjs/core/lib/modifiers/arrow"),require("@popperjs/core/lib/modifiers/flip"),require("@popperjs/core/lib/modifiers/offset"),require("@popperjs/core/lib/modifiers/preventOverflow"),require("sortablejs"),require("papaparse"),require("lit-html/directives/repeat.js"),require("@popperjs/core/lib"),require("lit-html/directives/until.js"),require("dompurify"),require("@interactjs/auto-start"),require("@interactjs/actions/drag"),require("@interactjs/modifiers"),require("@interactjs/actions/resize"),require("libphonenumber-js"),require("lit-html/directives/unsafe-html"),require("country-codes-list"),require("country-flags-svg"),require("lit-html/directives/template-content")):t(e["lit-element"],e["lit-html"],e["lit-html/directives/class-map"],e["lit-html/directives/if-defined"],e["lit-html/directives/style-map"],e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"],e.luxon,e["lit-html/directives/class-map.js"],e["lit-html/directives/repeat"],e["@interactjs/interact/index"],e["@popperjs/core/lib/popper-lite"],e.nanoid,e["highlight.js/lib/core"],e["@popperjs/core/lib/modifiers/arrow"],e["@popperjs/core/lib/modifiers/flip"],e["@popperjs/core/lib/modifiers/offset"],e["@popperjs/core/lib/modifiers/preventOverflow"],e.sortablejs,e.papaparse,e["lit-html/directives/repeat.js"],e["@popperjs/core/lib"],e["lit-html/directives/until.js"],e.dompurify,e["@interactjs/auto-start"],e["@interactjs/actions/drag"],e["@interactjs/modifiers"],e["@interactjs/actions/resize"],e["libphonenumber-js"],e["lit-html/directives/unsafe-html"],e["country-codes-list"],e["country-flags-svg"],e["lit-html/directives/template-content"]);for(var r in o)("object"==typeof exports?exports:e)[r]=o[r]}}(window,(function(e,t,o,r,i,n,c,s,d,l,a,u,p,m,h,f,g,b,j,y,v,x,q,k,w,T,C,P,O,L,A,B,M){return function(e){function t(t){for(var r,c,s=t[0],d=t[1],l=t[2],u=0,p=[];u<s.length;u++)c=s[u],Object.prototype.hasOwnProperty.call(i,c)&&i[c]&&p.push(i[c][0]),i[c]=0;for(r in d)Object.prototype.hasOwnProperty.call(d,r)&&(e[r]=d[r]);for(a&&a(t);p.length;)p.shift()();return n.push.apply(n,l||[]),o()}function o(){for(var e,t=0;t<n.length;t++){for(var o=n[t],r=!0,s=1;s<o.length;s++){var d=o[s];0!==i[d]&&(r=!1)}r&&(n.splice(t--,1),e=c(c.s=o[0]))}return e}var r={},i={338:0,274:0,275:0,276:0,277:0,278:0,279:0,280:0,281:0,282:0,283:0,284:0,285:0,286:0,287:0,288:0,289:0,290:0,291:0,292:0,293:0,294:0,295:0,296:0,297:0,298:0,299:0,300:0,301:0,302:0,303:0,304:0,305:0,306:0,307:0,308:0,309:0,310:0,311:0,312:0,313:0,314:0,315:0,316:0,317:0,318:0,319:0,320:0,321:0,322:0,323:0,324:0,325:0,326:0,327:0,328:0,329:0,330:0,331:0,332:0,333:0,334:0,335:0,336:0,337:0},n=[];function c(t){if(r[t])return r[t].exports;var o=r[t]={i:t,l:!1,exports:{}};return e[t].call(o.exports,o,o.exports,c),o.l=!0,o.exports}c.e=function(e){var t=[],o=i[e];if(0!==o)if(o)t.push(o[2]);else{var r=new Promise((function(t,r){o=i[e]=[t,r]}));t.push(o[2]=r);var n,s=document.createElement("script");s.charset="utf-8",s.timeout=120,c.nc&&s.setAttribute("nonce",c.nc),s.src=function(e){return c.p+"chunks/md-"+e+".js"}(e);var d=new Error;n=function(t){s.onerror=s.onload=null,clearTimeout(l);var o=i[e];if(0!==o){if(o){var r=t&&("load"===t.type?"missing":t.type),n=t&&t.target&&t.target.src;d.message="Loading chunk "+e+" failed.\n("+r+": "+n+")",d.name="ChunkLoadError",d.type=r,d.request=n,o[1](d)}i[e]=void 0}};var l=setTimeout((function(){n({type:"timeout",target:s})}),12e4);s.onerror=s.onload=n,document.head.appendChild(s)}return Promise.all(t)},c.m=e,c.c=r,c.d=function(e,t,o){c.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},c.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},c.t=function(e,t){if(1&t&&(e=c(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(c.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)c.d(o,r,function(t){return e[t]}.bind(null,r));return o},c.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return c.d(t,"a",t),t},c.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},c.p="/",c.oe=function(e){throw console.error(e),e};var s=window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[],d=s.push.bind(s);s.push=t,s=s.slice();for(var l=0;l<s.length;l++)t(s[l]);var a=d;return n.push([313,0,1,2,3,4,5,6,7,8,9,10,11,13,12,14,15,16,17,18,19,21,20,22,23,26,27,25,24,36,39,37,29,42,34,31,35,30,40,41,33,32,28,38,80,78,76,69,54,61,81,63,55,79,62,67,74,77,70,71,58,50,49,82,68,59,64,47,43,73,52,44,65,66,46,57,72,48,53,51,45,60,75,56]),o()}({0:function(t,o){t.exports=e},10:function(e,t){e.exports=n},11:function(e,t){e.exports=c},12:function(e,t){e.exports=s},13:function(e,t){e.exports=d},14:function(e,t){e.exports=l},2:function(e,o){e.exports=t},20:function(e,t){e.exports=a},21:function(e,t){e.exports=u},22:function(e,t){e.exports=p},23:function(e,t){e.exports=m},25:function(e,t){e.exports=h},26:function(e,t){e.exports=f},27:function(e,t){e.exports=g},28:function(e,t){e.exports=b},3:function(e,t){e.exports=o},30:function(e,t){e.exports=j},31:function(e,t){e.exports=y},313:function(e,t,o){"use strict";o.r(t),o.d(t,"Accordion",(function(){return i.Accordion})),o.d(t,"AccordionItem",(function(){return n.AccordionItem})),o.d(t,"ActivityButton",(function(){return c.ActivityButton})),o.d(t,"AlertBanner",(function(){return s.AlertBanner})),o.d(t,"Alert",(function(){return d.Alert})),o.d(t,"Avatar",(function(){return l.Avatar})),o.d(t,"CompositeAvatar",(function(){return a.CompositeAvatar})),o.d(t,"Badge",(function(){return u.Badge})),o.d(t,"Breadcrumb",(function(){return p.Breadcrumb})),o.d(t,"ButtonGroup",(function(){return m.ButtonGroup})),o.d(t,"Button",(function(){return h.Button})),o.d(t,"Card",(function(){return f.Card})),o.d(t,"ChatMessage",(function(){return g.ChatMessage})),o.d(t,"Checkbox",(function(){return b.Checkbox})),o.d(t,"CheckboxGroup",(function(){return j.CheckboxGroup})),o.d(t,"Chip",(function(){return y.Chip})),o.d(t,"Coachmark",(function(){return v.Coachmark})),o.d(t,"CodeEditor",(function(){return r})),o.d(t,"ComboBox",(function(){return L.ComboBox})),o.d(t,"DateRangePicker",(function(){return A.DateRangePicker})),o.d(t,"DateTimePicker",(function(){return B.DateTimePicker})),o.d(t,"DatePicker",(function(){return M.DatePicker})),o.d(t,"DatePickerCalendar",(function(){return D.DatePickerCalendar})),o.d(t,"DatePickerDay",(function(){return I.DatePickerDay})),o.d(t,"DatePickerMonth",(function(){return S.DatePickerMonth})),o.d(t,"DatePickerWeek",(function(){return U.DatePickerWeek})),o.d(t,"Draggable",(function(){return z.Draggable})),o.d(t,"DraggableItem",(function(){return N.DraggableItem})),o.d(t,"Dropdown",(function(){return R.Dropdown})),o.d(t,"EditableTextfield",(function(){return E.EditableTextfield})),o.d(t,"Favorite",(function(){return F.Favorite})),o.d(t,"FloatingModal",(function(){return _.FloatingModal})),o.d(t,"FloatingMinimizedModal",(function(){return $.FloatingMinimizedModal})),o.d(t,"Form",(function(){return G.Form})),o.d(t,"HelpText",(function(){return V.HelpText})),o.d(t,"Icon",(function(){return H.Icon})),o.d(t,"InputFile",(function(){return W.InputFile})),o.d(t,"Input",(function(){return J.Input})),o.d(t,"Label",(function(){return K.Label})),o.d(t,"Link",(function(){return Q.Link})),o.d(t,"List",(function(){return X.List})),o.d(t,"ListItem",(function(){return Y.ListItem})),o.d(t,"Loading",(function(){return Z.Loading})),o.d(t,"MeetingAlert",(function(){return ee.MeetingAlert})),o.d(t,"MenuOverlay",(function(){return te.MenuOverlay})),o.d(t,"Menu",(function(){return oe.Menu})),o.d(t,"MenuItem",(function(){return re.MenuItem})),o.d(t,"Modal",(function(){return ie.Modal})),o.d(t,"Pagination",(function(){return ne.Pagination})),o.d(t,"PhoneInput",(function(){return ce.PhoneInput})),o.d(t,"ProgressBar",(function(){return se.ProgressBar})),o.d(t,"Radio",(function(){return de.Radio})),o.d(t,"RadioGroup",(function(){return le.RadioGroup})),o.d(t,"Slider",(function(){return ae.Slider})),o.d(t,"Spinner",(function(){return ue.Spinner})),o.d(t,"Table",(function(){return pe.Table})),o.d(t,"TableAdvanced",(function(){return me.TableAdvanced})),o.d(t,"Tab",(function(){return he.Tab})),o.d(t,"TabPanel",(function(){return fe.TabPanel})),o.d(t,"Tabs",(function(){return ge.Tabs})),o.d(t,"TaskItem",(function(){return be.TaskItem})),o.d(t,"Theme",(function(){return je.Theme})),o.d(t,"TimePicker",(function(){return ye.TimePicker})),o.d(t,"ToggleSwitch",(function(){return ve.ToggleSwitch})),o.d(t,"Tooltip",(function(){return xe.Tooltip}));var r,i=o(81),n=o(82),c=o(83),s=o(101),d=o(102),l=o(43),a=o(84),u=o(49),p=o(103),m=o(104),h=o(17),f=o(105),g=o(106),b=o(85),j=o(86),y=o(107),v=o(108),x=o(7),q=o(4),k=o(23),w=o.n(k),T=o(0),C=T.css`:host(md-code-editor) .md-code-editor{background:#091e26;border-radius:.25rem;color:#fff;min-height:18.75rem;overflow:hidden}:host(md-code-editor) .md-code-editor-header{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;background:#092d3b;flex:0 0 auto;font-size:14px;padding:.625rem}:host(md-code-editor) .md-code-editor-name{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center}:host(md-code-editor) .md-code-editor md-badge::part(badge){border-radius:.25rem;height:1.25rem;margin-right:.625rem;padding:.25rem .375rem;text-transform:capitalize}:host(md-code-editor) .md-code-editor-copy{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;line-height:1}:host(md-code-editor) .md-code-editor-copy-btn::part(button){background:0 0;color:#00a0d1;margin-left:.625rem}:host(md-code-editor) .md-code-editor-copy-btn[disabled]{cursor:not-allowed;opacity:.5}:host(md-code-editor) .hljs-comment,:host(md-code-editor) .hljs-quote{color:#ffecc2}:host(md-code-editor) .hljs-deletion,:host(md-code-editor) .hljs-name,:host(md-code-editor) .hljs-regexp,:host(md-code-editor) .hljs-selector-class,:host(md-code-editor) .hljs-selector-id,:host(md-code-editor) .hljs-tag,:host(md-code-editor) .hljs-template-variable,:host(md-code-editor) .hljs-variable{color:#ff9d52}:host(md-code-editor) .hljs-built_in,:host(md-code-editor) .hljs-builtin-name,:host(md-code-editor) .hljs-link,:host(md-code-editor) .hljs-literal,:host(md-code-editor) .hljs-meta,:host(md-code-editor) .hljs-number,:host(md-code-editor) .hljs-params,:host(md-code-editor) .hljs-type{color:#fc9d03}:host(md-code-editor) .hljs-attribute{color:#ebd460}:host(md-code-editor) .hljs-addition,:host(md-code-editor) .hljs-bullet,:host(md-code-editor) .hljs-string,:host(md-code-editor) .hljs-symbol{color:#93c437}:host(md-code-editor) .hljs-section,:host(md-code-editor) .hljs-title{color:#22c7d6}:host(md-code-editor) .hljs-keyword,:host(md-code-editor) .hljs-selector-tag{color:#f0e3fc}:host(md-code-editor) .hljs{background:0 0;color:#dedede;display:block;overflow-x:auto;padding:.5em}:host(md-code-editor) .hljs-emphasis{font-style:italic}:host(md-code-editor) .hljs-strong{font-weight:700}@media screen and (-ms-high-contrast:active){:host(md-code-editor) .hljs-addition,:host(md-code-editor) .hljs-attribute,:host(md-code-editor) .hljs-built_in,:host(md-code-editor) .hljs-builtin-name,:host(md-code-editor) .hljs-bullet,:host(md-code-editor) .hljs-comment,:host(md-code-editor) .hljs-link,:host(md-code-editor) .hljs-literal,:host(md-code-editor) .hljs-meta,:host(md-code-editor) .hljs-number,:host(md-code-editor) .hljs-params,:host(md-code-editor) .hljs-quote,:host(md-code-editor) .hljs-string,:host(md-code-editor) .hljs-symbol,:host(md-code-editor) .hljs-type{color:highlight}:host(md-code-editor) .hljs-keyword,:host(md-code-editor) .hljs-selector-tag{font-weight:700}}`,P=function(e,t,o,r){var i,n=arguments.length,c=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,t,o,r);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(c=(n<3?i(c):n>3?i(t,o,c):i(t,o))||c);return n>3&&c&&Object.defineProperty(t,o,c),c},O=function(e,t,o,r){return new(o||(o=Promise))((function(i,n){function c(e){try{d(r.next(e))}catch(e){n(e)}}function s(e){try{d(r.throw(e))}catch(e){n(e)}}function d(e){var t;e.done?i(e.value):(t=e.value,t instanceof o?t:new o((function(e){e(t)}))).then(c,s)}d((r=r.apply(e,t||[])).next())}))};!function(e){let t=class extends T.LitElement{constructor(){super(...arguments),this.copyLocalization="cURL",this.copiedLocalization="Copied",this.method="get",this.acceptLanguage="javascript",this.url="javascript",this.disableCopyButton=!0,this.acceptTypes="",this.copied=!1}static get styles(){return[q.a,C]}handleSlotChange(){if(this.slotNodes&&this.slotNodes.length){const e=this.slotNodes.find(e=>"CODE"===e.tagName);if(e){const t=e.textContent;t&&this.highlightBlock(t)}}}handleUrlSlotChange(){if(this.copied=!1,this.slotUrl&&this.slotUrl.length){const e=this.slotUrl.find(e=>e);if(e){const t=e.textContent;t&&this.copyUrl(t)}}}highlightBlock(e){e&&(this.codeBlock.innerText=e),w.a.highlightBlock(this.codeBlock)}copyUrl(e){this.codeUrl.innerText=e,this.disableCopyButton=!1}copyClipboard(){this.disableCopyButton||(this.codeUrl.innerText,this.selectTarget(this.codeUrl))}copyText(){try{document.execCommand("copy"),this.copied=!0}catch(e){console.warn("Copy text failed"),this.copied=!1}}select(e){const t=window.getSelection(),o=document.createRange();o.selectNodeContents(e),t&&(t.removeAllRanges(),t.addRange(o))}selectTarget(e){this.select(e),this.copyText()}importLanguage(e){return O(this,void 0,void 0,(function*(){try{const{default:t}=yield o(87)("./"+e);w.a.registerLanguage(""+e,t),this.setAcceptTypes()}catch(e){console.warn("Please set correct language name")}}))}getAllAcceptTypes(){const e=w.a.listLanguages();return e.length?e.map(e=>w.a.getLanguage(""+e).aliases).map(e=>e.map(e=>"."+e)).join(","):""}setAcceptTypes(){this.acceptTypes=this.getAllAcceptTypes()}updated(e){super.updated(e),e.has("acceptLanguage")&&this.importLanguage(this.acceptLanguage),e.has("acceptTypes")&&this.highlightBlock()}render(){return T.html`
|
|
2
2
|
<div class="md-code-editor" part="code-editor">
|
|
3
3
|
<div class="md-code-editor-header">
|
|
4
4
|
<div class="md-code-editor-name">
|
package/dist/index.js
CHANGED
|
@@ -51,8 +51,8 @@ require("./chunks/md-81");
|
|
|
51
51
|
require("./chunks/md-63");
|
|
52
52
|
require("./chunks/md-55");
|
|
53
53
|
require("./chunks/md-79");
|
|
54
|
-
require("./chunks/md-67");
|
|
55
54
|
require("./chunks/md-62");
|
|
55
|
+
require("./chunks/md-67");
|
|
56
56
|
require("./chunks/md-74");
|
|
57
57
|
require("./chunks/md-77");
|
|
58
58
|
require("./chunks/md-70");
|