@momentum-ui/web-components 2.16.5 → 2.16.6

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.
@@ -9,7 +9,7 @@
9
9
  >
10
10
  </md-icon>
11
11
  </div>
12
- `}};p([Object(n.property)({type:String})],t.prototype,"name",void 0),p([Object(n.property)({type:Number})],t.prototype,"size",void 0),p([Object(n.property)({type:String})],t.prototype,"title",void 0),p([Object(n.property)({type:String})],t.prototype,"color",void 0),t=p([Object(a.a)("md-presence")],t),e.ELEMENT=t}(o||(o={}));r(82);var l,d=r(28),h=r(2),m=r(4),v=r(3),y=r(8),b=r(44),u=function(e,t,r,a){var i,n=arguments.length,s=n<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,r):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,r,a);else for(var o=e.length-1;o>=0;o--)(i=e[o])&&(s=(n<3?i(s):n>3?i(t,r,s):i(t,r))||s);return n>3&&s&&Object.defineProperty(t,r,s),s},g=function(e,t,r,a){return new(r||(r=Promise))((function(i,n){function s(e){try{c(a.next(e))}catch(e){n(e)}}function o(e){try{c(a.throw(e))}catch(e){n(e)}}function c(e){var t;e.done?i(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(s,o)}c((a=a.apply(e,t||[])).next())}))};!function(e){let t=class extends n.LitElement{constructor(){super(...arguments),this._tabIndex=0,this.alt="",this.src="",this.label="",this.title="",this.color="",this.decrypting=!1,this.role="img",this.iconName="",this.failurePresence=!1,this.type="",this.newMomentum=!1,this.typing=!1,this.size=40,this.hasNotification=!1,this.clickable=!1,this.imageLoaded=!1,this.imageErrored=!1,this.presenceColor="",this.presenceIcon=""}get tabIndex(){return this._tabIndex}set tabIndex(e){const t=this._tabIndex;this._tabIndex=e,this.requestUpdate("tabIndex",t)}static get styles(){return[i.a,c.a]}firstUpdated(){const{presenceColor:e,presenceIcon:t}=s(this.type,this.failurePresence,this.newMomentum);this.presenceColor=e,this.presenceIcon=t}updated(e){if(super.updated(e),e.has("type")){const{presenceColor:e,presenceIcon:t}=s(this.type,this.failurePresence,this.newMomentum);this.presenceColor=e,this.presenceIcon=t}e.has("role")&&this.style.setProperty("--avatar-cursor","button"===this.role?"pointer":"default")}get avatarClassMap(){return Object.assign(Object.assign({},this.newMomentum&&"bot"!==this.type||!this.type?{}:{["md-avatar--"+this.type]:!0}),{["md-avatar--"+this.size]:!!this.size})}get avatarLetterClassMap(){return{"md-decrypting":this.decrypting,["md-avatar--"+this.color]:this.color,"new-momentum":this.newMomentum}}get avatarStyleMap(){return{["md-avatar--"+this.color]:this.color}}get pretifyTitle(){if(this.title.length){const e=this.title.trim().split(" ");return 1===e.length?e[0].charAt(0):e[0].charAt(0)+e[e.length-1].charAt(0)}return this.title}get chatIconName(){return"chat-filled"}get chatIconSize(){return this.iconSize}get iconSize(){return(this.size/2).toString()}get renderIsTyping(){return"typing"===this.type||this.typing?n.html` <md-loading></md-loading> `:h.nothing}get avatarLetter(){return this.title?n.html`
12
+ `}};p([Object(n.property)({type:String})],t.prototype,"name",void 0),p([Object(n.property)({type:Number})],t.prototype,"size",void 0),p([Object(n.property)({type:String})],t.prototype,"title",void 0),p([Object(n.property)({type:String})],t.prototype,"color",void 0),t=p([Object(a.a)("md-presence")],t),e.ELEMENT=t}(o||(o={}));r(82);var l,d=r(28),h=r(2),m=r(4),v=r(3),y=r(8),b=r(44),u=function(e,t,r,a){var i,n=arguments.length,s=n<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,r):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,r,a);else for(var o=e.length-1;o>=0;o--)(i=e[o])&&(s=(n<3?i(s):n>3?i(t,r,s):i(t,r))||s);return n>3&&s&&Object.defineProperty(t,r,s),s},g=function(e,t,r,a){return new(r||(r=Promise))((function(i,n){function s(e){try{c(a.next(e))}catch(e){n(e)}}function o(e){try{c(a.throw(e))}catch(e){n(e)}}function c(e){var t;e.done?i(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(s,o)}c((a=a.apply(e,t||[])).next())}))};!function(e){let t=class extends n.LitElement{constructor(){super(...arguments),this._tabIndex=0,this.alt="",this.src="",this.label="",this.title="",this.color="",this.decrypting=!1,this.role="img",this.iconName="",this.failurePresence=!1,this.type="",this.newMomentum=!1,this.typing=!1,this.size=40,this.hasNotification=!1,this.clickable=!1,this.imageLoaded=!1,this.imageErrored=!1,this.presenceColor="",this.presenceIcon=""}get tabIndex(){return this._tabIndex}set tabIndex(e){const t=this._tabIndex;this._tabIndex=e,this.requestUpdate("tabIndex",t)}static get styles(){return[i.a,c.a]}firstUpdated(){const{presenceColor:e,presenceIcon:t}=s(this.type,this.failurePresence,this.newMomentum);this.presenceColor=e,this.presenceIcon=t}updated(e){if(super.updated(e),e.has("type")||e.has("newMomentum")){const{presenceColor:e,presenceIcon:t}=s(this.type,this.failurePresence,this.newMomentum);this.presenceColor=e,this.presenceIcon=t}e.has("role")&&this.style.setProperty("--avatar-cursor","button"===this.role?"pointer":"default")}get avatarClassMap(){return Object.assign(Object.assign({},this.newMomentum&&"bot"!==this.type||!this.type?{}:{["md-avatar--"+this.type]:!0}),{["md-avatar--"+this.size]:!!this.size})}get avatarLetterClassMap(){return{"md-decrypting":this.decrypting,["md-avatar--"+this.color]:this.color,"new-momentum":this.newMomentum}}get avatarStyleMap(){return{["md-avatar--"+this.color]:this.color}}get pretifyTitle(){if(this.title.length){const e=this.title.trim().split(" ");return 1===e.length?e[0].charAt(0):e[0].charAt(0)+e[e.length-1].charAt(0)}return this.title}get chatIconName(){return"chat-filled"}get chatIconSize(){return this.iconSize}get iconSize(){return(this.size/2).toString()}get renderIsTyping(){return"typing"===this.type||this.typing?n.html` <md-loading></md-loading> `:h.nothing}get avatarLetter(){return this.title?n.html`
13
13
  <span class="md-avatar__letter ${Object(m.classMap)(this.avatarLetterClassMap)}">
14
14
  ${this.pretifyTitle}
15
15
  <slot></slot>
@@ -1,4 +1,4 @@
1
- (window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[37],{73:function(t,e,s){"use strict";s.r(e),s.d(e,"List",(function(){return i}));var i,l=s(1),n=s(7),r=s(5),d=s(6),c=s(0),o=s(3),a=s(64),h=function(t,e,s,i){var l,n=arguments.length,r=n<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,s,i);else for(var d=t.length-1;d>=0;d--)(l=t[d])&&(r=(n<3?l(r):n>3?l(e,s,r):l(e,s))||r);return n>3&&r&&Object.defineProperty(e,s,r),r};!function(t){let e=class extends(Object(n.d)(c.LitElement)){constructor(){super(...arguments),this.alignment="vertical",this.label="option",this.activated=-1,this._role="listbox"}firstUpdated(t){super.firstUpdated(t),this.setAttribute("aria-label",this.label)}notifySelectedChange(){this.dispatchEvent(new CustomEvent("list-item-change",{detail:{selected:this.selected},bubbles:!0,composed:!0}))}isFocusable(t){return!t.hasAttribute("hidden")}connectedCallback(){super.connectedCallback(),this._role=this.getAttribute("role")||"listbox",this.removeAttribute("role"),this.addEventListener("keydown",this.handleKeyDown),this.addEventListener("click",this.handleClick)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeyDown),this.removeEventListener("click",this.handleClick)}findListItemIndex(t){const e=t.composedPath();return this.slotted.findIndex(t=>e.includes(t))}switchListItemOnArrowPress(t,e=1){const s=super.getAvailableSelectedIndex(t,e);-1!==s&&(this.selected=s)}setActivated(t){-1!==t&&(this.activated=t,this.selected=t,this.setSelected(t))}findSelectedListItemIndex(){return this.slotted.findIndex(t=>t.selected)}setSelected(t){const e=this.findSelectedListItemIndex();-1!==e&&e!==t&&(this.slotted[e].selected=!1),this.slotted[t]&&(this.slotted[t].selected=!0)}updated(t){super.updated(t),t.has("slotted")&&this.setActivated(this.activated),t.has("activated")&&this.setActivated(this.activated),t.has("label")&&this.setAttribute("aria-label",this.label)}isListItemDisabled(t){return this.slotted[t].disabled}handleClick(t){const e=this.findListItemIndex(t);-1!==e&&(this.isListItemDisabled(e)||(this.setActivated(e),this.notifySelectedChange()))}handleKeyDown(t){const{code:e}=t;switch(e){case l.b.End:this.switchListItemOnArrowPress(this.slotted.length-1);break;case l.b.Home:this.switchListItemOnArrowPress(0);break;case l.b.ArrowUp:case l.b.ArrowLeft:t.preventDefault(),0===this.selected?this.switchListItemOnArrowPress(this.slotted.length-1,-1):this.switchListItemOnArrowPress(this.selected-1,-1);break;case l.b.ArrowDown:case l.b.ArrowRight:t.preventDefault(),this.selected===this.slotted.length-1?this.switchListItemOnArrowPress(0):this.switchListItemOnArrowPress(this.selected+1);break;case l.b.Enter:case l.b.Space:this.isListItemDisabled(this.selected)||(this.setActivated(this.selected),this.notifySelectedChange())}}get slotElement(){return this.listItemSlot}static get styles(){return[d.a,a.a]}render(){return c.html`
1
+ (window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[37],{73:function(t,e,s){"use strict";s.r(e),s.d(e,"List",(function(){return i}));var i,l=s(1),n=s(7),r=s(5),d=s(6),c=s(0),o=s(3),a=s(64),h=function(t,e,s,i){var l,n=arguments.length,r=n<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,s,i);else for(var d=t.length-1;d>=0;d--)(l=t[d])&&(r=(n<3?l(r):n>3?l(e,s,r):l(e,s))||r);return n>3&&r&&Object.defineProperty(e,s,r),r};!function(t){let e=class extends(Object(n.d)(c.LitElement)){constructor(){super(...arguments),this.alignment="vertical",this.label="option",this.activated=-1,this._role="listbox"}firstUpdated(t){super.firstUpdated(t),this.setAttribute("aria-label",this.label)}notifySelectedChange(){this.dispatchEvent(new CustomEvent("list-item-change",{detail:{selected:this.selected},bubbles:!0,composed:!0}))}isFocusable(t){return!t.hasAttribute("hidden")}connectedCallback(){super.connectedCallback(),this._role=this.getAttribute("role")||"listbox",this.removeAttribute("role"),this.addEventListener("keydown",this.handleKeyDown),this.addEventListener("click",this.handleClick)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeyDown),this.removeEventListener("click",this.handleClick)}findListItemIndex(t){const e=t.composedPath();return this.slotted.findIndex(t=>e.includes(t))}switchListItemOnArrowPress(t,e=1){const s=super.getAvailableSelectedIndex(t,e);-1!==s&&(this.selected=s)}setActivated(t){-1!==t&&(this.activated=t,this.selected=t,this.setSelected(t))}findSelectedListItemIndex(){return this.slotted.findIndex(t=>t.selected)}setSelected(t){const e=this.findSelectedListItemIndex();-1!==e&&e!==t&&(this.slotted[e].selected=!1),this.slotted[t]&&(this.slotted[t].selected=!0)}updated(t){super.updated(t),t.has("slotted")&&this.setActivated(this.activated),t.has("activated")&&this.setActivated(this.activated),t.has("label")&&this.setAttribute("aria-label",this.label)}isListItemDisabled(t){var e;const s=this.slotted[t];return null===(e=null==s?void 0:s.disabled)||void 0===e||e}handleClick(t){const e=this.findListItemIndex(t);-1!==e&&(this.isListItemDisabled(e)||(this.setActivated(e),this.notifySelectedChange()))}handleKeyDown(t){const{code:e}=t;switch(e){case l.b.End:this.switchListItemOnArrowPress(this.slotted.length-1);break;case l.b.Home:this.switchListItemOnArrowPress(0);break;case l.b.ArrowUp:case l.b.ArrowLeft:t.preventDefault(),0===this.selected?this.switchListItemOnArrowPress(this.slotted.length-1,-1):this.switchListItemOnArrowPress(this.selected-1,-1);break;case l.b.ArrowDown:case l.b.ArrowRight:t.preventDefault(),this.selected===this.slotted.length-1?this.switchListItemOnArrowPress(0):this.switchListItemOnArrowPress(this.selected+1);break;case l.b.Enter:case l.b.Space:this.isListItemDisabled(this.selected)||(this.setActivated(this.selected),this.notifySelectedChange())}}get slotElement(){return this.listItemSlot}static get styles(){return[d.a,a.a]}render(){return c.html`
2
2
  <ul role=${Object(o.ifDefined)("list"!==this._role?this._role:void 0)} class="md-list" part="list">
3
3
  <slot name="list-item"></slot>
4
4
  </ul>
@@ -74,7 +74,7 @@ export declare namespace Grabber {
74
74
  "md-grabber--dragger": boolean;
75
75
  visible: boolean;
76
76
  };
77
- get iconName(): "arrow-up-bold" | "arrow-down-bold" | "arrow-left-bold" | "arrow-right-bold" | "list-menu-bold";
77
+ get iconName(): "arrow-up-bold" | "arrow-down-bold" | "list-menu-bold" | "arrow-left-bold" | "arrow-right-bold";
78
78
  get iconSize(): "10" | "12";
79
79
  render(): import("lit-element").TemplateResult;
80
80
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@momentum-ui/web-components",
3
- "version": "2.16.5",
3
+ "version": "2.16.6",
4
4
  "author": "Yana Harris",
5
5
  "license": "MIT",
6
6
  "repository": "https://github.com/momentum-design/momentum-ui.git",