@myuw-web-components/myuw-app-bar - npm Package Compare versions

Comparing version 1.7.2 to 1.7.3

dist/myuw-app-bar.js

@@ -141,3 +141,3 @@ var MyUWAppBar = (function () {
 
-  var tpl = "<style> #spacer {\r\n    display: block;\r\n    height: 64px;\r\n  }\r\n\r\n  #bar {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100vw;\r\n    height: 64px;\r\n    background: var(--myuw-app-bar-bg, var( --myuw-primary-bg, #c5050c));\r\n    font-family: var(--myuw-app-bar-font, var( --myuw-font, Arial, sans-serif));\r\n    font-size: 14px;\r\n    font-weight: var(--myuw-app-bar-font-weight, 400);\r\n    -webkit-font-smoothing: antialiased;\r\n    background-color: var(--myuw-app-bar-bg, var( --myuw-primary-bg, #c5050c));\r\n    color: var(--myuw-app-bar-color, var(--myuw-primary-color, #fff));\r\n    z-index: var(--z-index, 80);\r\n    box-sizing: border-box;\r\n    display: -webkit-box;\r\n    display: -webkit-flex;\r\n    display: flex;\r\n    -webkit-box-align: center;\r\n    -webkit-align-items: center;\r\n    align-items: center;\r\n    -webkit-box-orient: horizontal;\r\n    -webkit-box-direction: normal;\r\n    -webkit-flex-direction: row;\r\n    flex-direction: row;\r\n    padding: 0 16px;\r\n    transition: box-shadow 0.3s ease-in-out;\r\n  }\r\n\r\n  #bar.shadow {\r\n    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2), 0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12);\r\n  }\r\n\r\n  #bar .region {\r\n    box-sizing: border-box;\r\n    display: -webkit-box;\r\n    display: -webkit-flex;\r\n    display: flex;\r\n    -webkit-box-orient: horizontal;\r\n    -webkit-flex-direction: row;\r\n    flex-direction: row;\r\n    -webkit-box-align: center;\r\n    -webkit-align-items: center;\r\n    -ms-grid-row-align: center;\r\n    align-items: center;\r\n    -webkit-align-content: center;\r\n    align-content: center;\r\n    -webkit-box-pack: start;\r\n    -webkit-justify-content: flex-start;\r\n    justify-content: flex-start;\r\n  }\r\n\r\n  #region__left,\r\n  #region__right {\r\n    -webkit-box-flex: 1;\r\n    -webkit-flex: 1 1 30%;\r\n    flex: 1 1 30%;\r\n    box-sizing: border-box;\r\n    max-width: 30%;\r\n  }\r\n\r\n  #bar #region__right {\r\n    -webkit-box-pack: end;\r\n    -webkit-justify-content: flex-end;\r\n    justify-content: flex-end;\r\n  }\r\n\r\n  #slot__navigation,\r\n  #slot__help,\r\n  #slot__feedback,\r\n  #slot__notifications,\r\n  #slot__profile {\r\n    margin: 0;\r\n  }\r\n\r\n  #bar #region__center {\r\n    display: -webkit-box;\r\n    display: -webkit-flex;\r\n    display: flex;\r\n    flex: auto;\r\n    margin: 0 24px;\r\n    -webkit-justify-content: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  #title {\r\n    font-size:  var(--myuw-app-bar-title-font-size, 18px);\r\n    font-weight: 500;\r\n  }\r\n\r\n  #title #themeText {\r\n    font-weight: var(--theme-name-font-weight, 600);\r\n  }\r\n\r\n  #title a {\r\n    text-decoration: none;\r\n    color: inherit;\r\n  }\r\n\r\n  #title a:hover,\r\n  #title a:visited, {\r\n    text-decoration: none;\r\n    cursor: pointer;\r\n    color: inherit;\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    #myuw-app-bar #region__left,\r\n    #bar #region__left {\r\n      flex: auto;\r\n      max-width: none;\r\n    }\r\n    #myuw-app-bar #region__center {\r\n      max-width: 42px;\r\n      margin: 0;\r\n      justify-content: flex-end;\r\n    }\r\n    #myuw-app-bar #region__right,\r\n    #bar #region__right {\r\n      flex: 0;\r\n      max-width: 50%;\r\n      justify-content: flex-end;\r\n    }\r\n    #bar #region__center {\r\n      margin: 0;\r\n    }\r\n  } </style> <div id=\"bar\"> <div class=\"region\" id=\"region__left\"> <div class=\"slot\" id=\"slot__navigation\"> <slot id=\"navigation-slot\" name=\"myuw-navigation\"> </div> <h1 id=\"title\"> <a id=\"app-anchor\" href=\"#\" target=\"_self\"><span id=\"themeText\"></span> <span id=\"appText\"></span></a> </h1> </div> <div class=\"region\" id=\"region__center\"> <slot id=\"search-slot\" name=\"myuw-search\"> </div> <div class=\"region\" id=\"region__right\"> <div class=\"slot\" id=\"slot__feedback\"> <slot id=\"feedback-slot\" name=\"myuw-feedback\"> </div> <div class=\"slot\" id=\"slot__help\"> <slot id=\"help-slot\" name=\"myuw-help\"> </div> <div class=\"slot\" id=\"slot__notifications\"> <slot id=\"notifications-slot\" name=\"myuw-notifications\"> </div> <div class=\"slot\" id=\"slot__profile\"> <slot id=\"profile-slot\" name=\"myuw-profile\"> </div> </div> </div> <div id=\"spacer\"></div> ";
+  var tpl = "<style> #spacer {\n    display: block;\n    height: 64px;\n  }\n\n  #bar {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100vw;\n    height: 64px;\n    background: var(--myuw-app-bar-bg, var( --myuw-primary-bg, #c5050c));\n    font-family: var(--myuw-app-bar-font, var( --myuw-font, Red Hat Display, sans-serif));\n    font-size: 14px;\n    font-weight: var(--myuw-app-bar-font-weight, 400);\n    -webkit-font-smoothing: antialiased;\n    background-color: var(--myuw-app-bar-bg, var( --myuw-primary-bg, #c5050c));\n    color: var(--myuw-app-bar-color, var(--myuw-primary-color, #fff));\n    z-index: var(--z-index, 80);\n    box-sizing: border-box;\n    display: -webkit-box;\n    display: -webkit-flex;\n    display: flex;\n    -webkit-box-align: center;\n    -webkit-align-items: center;\n    align-items: center;\n    -webkit-box-orient: horizontal;\n    -webkit-box-direction: normal;\n    -webkit-flex-direction: row;\n    flex-direction: row;\n    padding: 0 16px;\n    transition: box-shadow 0.3s ease-in-out;\n  }\n\n  #bar.shadow {\n    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2), 0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12);\n  }\n\n  #bar .region {\n    box-sizing: border-box;\n    display: -webkit-box;\n    display: -webkit-flex;\n    display: flex;\n    -webkit-box-orient: horizontal;\n    -webkit-flex-direction: row;\n    flex-direction: row;\n    -webkit-box-align: center;\n    -webkit-align-items: center;\n    -ms-grid-row-align: center;\n    align-items: center;\n    -webkit-align-content: center;\n    align-content: center;\n    -webkit-box-pack: start;\n    -webkit-justify-content: flex-start;\n    justify-content: flex-start;\n  }\n\n  #region__left,\n  #region__right {\n    -webkit-box-flex: 1;\n    -webkit-flex: 1 1 30%;\n    flex: 1 1 30%;\n    box-sizing: border-box;\n    max-width: 30%;\n  }\n\n  #bar #region__right {\n    -webkit-box-pack: end;\n    -webkit-justify-content: flex-end;\n    justify-content: flex-end;\n  }\n\n  #slot__navigation,\n  #slot__help,\n  #slot__feedback,\n  #slot__notifications,\n  #slot__profile {\n    margin: 0;\n  }\n\n  #bar #region__center {\n    display: -webkit-box;\n    display: -webkit-flex;\n    display: flex;\n    flex: auto;\n    margin: 0 24px;\n    -webkit-justify-content: center;\n    justify-content: center;\n  }\n\n  #title {\n    font-size:  var(--myuw-app-bar-title-font-size, 18px);\n    font-weight: 500;\n  }\n\n  #title #themeText {\n    font-weight: var(--theme-name-font-weight, 600);\n  }\n\n  #title a {\n    text-decoration: none;\n    color: inherit;\n  }\n\n  #title a:hover,\n  #title a:visited, {\n    text-decoration: none;\n    cursor: pointer;\n    color: inherit;\n  }\n\n  @media (max-width: 600px) {\n    #myuw-app-bar #region__left,\n    #bar #region__left {\n      flex: auto;\n      max-width: none;\n    }\n    #myuw-app-bar #region__center {\n      max-width: 42px;\n      margin: 0;\n      justify-content: flex-end;\n    }\n    #myuw-app-bar #region__right,\n    #bar #region__right {\n      flex: 0;\n      max-width: 50%;\n      justify-content: flex-end;\n    }\n    #bar #region__center {\n      margin: 0;\n    }\n  } </style> <div id=\"bar\"> <div class=\"region\" id=\"region__left\"> <div class=\"slot\" id=\"slot__navigation\"> <slot id=\"navigation-slot\" name=\"myuw-navigation\"> </div> <h1 id=\"title\"> <a id=\"app-anchor\" href=\"#\" target=\"_self\"><span id=\"themeText\"></span> <span id=\"appText\"></span></a> </h1> </div> <div class=\"region\" id=\"region__center\"> <slot id=\"search-slot\" name=\"myuw-search\"> </div> <div class=\"region\" id=\"region__right\"> <div class=\"slot\" id=\"slot__feedback\"> <slot id=\"feedback-slot\" name=\"myuw-feedback\"> </div> <div class=\"slot\" id=\"slot__help\"> <slot id=\"help-slot\" name=\"myuw-help\"> </div> <div class=\"slot\" id=\"slot__notifications\"> <slot id=\"notifications-slot\" name=\"myuw-notifications\"> </div> <div class=\"slot\" id=\"slot__profile\"> <slot id=\"profile-slot\" name=\"myuw-profile\"> </div> </div> </div> <div id=\"spacer\"></div> ";
 
@@ -144,0 +144,0 @@ var MyUWAppBar =

dist/myuw-app-bar.min.js

@@ -1,1 +0,1 @@
-var MyUWAppBar=(function(){"use strict";function e(e,n){for(var t=0;t<n.length;t++){var r=n[t];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function n(n,t,r){return t&&e(n.prototype,t),r&&e(n,r),n}function t(e){return(t=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function r(e,n){return(r=Object.setPrototypeOf||function(e,n){return e.__proto__=n,e})(e,n)}function i(e,n,t){return(i=(function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(e){return!1}})()?Reflect.construct:function(e,n,t){var i=[null];i.push.apply(i,n);var o=new(Function.bind.apply(e,i));return t&&r(o,t.prototype),o}).apply(null,arguments)}function o(e){var n="function"==typeof Map?new Map:void 0;return(o=function(e){if(null===e||(o=e,-1===Function.toString.call(o).indexOf("[native code]")))return e;var o;if("function"!=typeof e)throw new TypeError("Super expression must either be null or a function");if(void 0!==n){if(n.has(e))return n.get(e);n.set(e,a)}function a(){return i(e,arguments,t(this).constructor)}return a.prototype=Object.create(e.prototype,{constructor:{value:a,enumerable:!1,writable:!0,configurable:!0}}),r(a,e)})(e)}function a(e,n){return!n||"object"!=typeof n&&"function"!=typeof n?(function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e})(e):n}var l=(function(e){function i(){var e;return(function(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")})(this,i),(e=a(this,t(i).call(this))).attachShadow({mode:"open"}),e.shadowRoot.appendChild(e.constructor.template.content.cloneNode(!0)),e.appAnchorElement=e.shadowRoot.getElementById("app-anchor"),e.appBarElement=e.shadowRoot.getElementById("bar"),e.appTextElement=e.shadowRoot.getElementById("appText"),e.themeTextElement=e.shadowRoot.getElementById("themeText"),e.eventListeners=[{target:window,type:"scroll",handler:function(n){return e.handleWindowScroll(n)}}],e}return(function(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(n&&n.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),n&&r(e,n)})(i,o(HTMLElement)),n(i,null,[{key:"elementName",get:function(){return"myuw-app-bar"}},{key:"observedAttributes",get:function(){return["app-url","app-name","theme-name"]}},{key:"template",get:function(){return void 0===this._template&&(this._template=document.createElement("template"),this._template.innerHTML='<style> #spacer {\r\n    display: block;\r\n    height: 64px;\r\n  }\r\n\r\n  #bar {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100vw;\r\n    height: 64px;\r\n    background: var(--myuw-app-bar-bg, var( --myuw-primary-bg, #c5050c));\r\n    font-family: var(--myuw-app-bar-font, var( --myuw-font, Arial, sans-serif));\r\n    font-size: 14px;\r\n    font-weight: var(--myuw-app-bar-font-weight, 400);\r\n    -webkit-font-smoothing: antialiased;\r\n    background-color: var(--myuw-app-bar-bg, var( --myuw-primary-bg, #c5050c));\r\n    color: var(--myuw-app-bar-color, var(--myuw-primary-color, #fff));\r\n    z-index: var(--z-index, 80);\r\n    box-sizing: border-box;\r\n    display: -webkit-box;\r\n    display: -webkit-flex;\r\n    display: flex;\r\n    -webkit-box-align: center;\r\n    -webkit-align-items: center;\r\n    align-items: center;\r\n    -webkit-box-orient: horizontal;\r\n    -webkit-box-direction: normal;\r\n    -webkit-flex-direction: row;\r\n    flex-direction: row;\r\n    padding: 0 16px;\r\n    transition: box-shadow 0.3s ease-in-out;\r\n  }\r\n\r\n  #bar.shadow {\r\n    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2), 0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12);\r\n  }\r\n\r\n  #bar .region {\r\n    box-sizing: border-box;\r\n    display: -webkit-box;\r\n    display: -webkit-flex;\r\n    display: flex;\r\n    -webkit-box-orient: horizontal;\r\n    -webkit-flex-direction: row;\r\n    flex-direction: row;\r\n    -webkit-box-align: center;\r\n    -webkit-align-items: center;\r\n    -ms-grid-row-align: center;\r\n    align-items: center;\r\n    -webkit-align-content: center;\r\n    align-content: center;\r\n    -webkit-box-pack: start;\r\n    -webkit-justify-content: flex-start;\r\n    justify-content: flex-start;\r\n  }\r\n\r\n  #region__left,\r\n  #region__right {\r\n    -webkit-box-flex: 1;\r\n    -webkit-flex: 1 1 30%;\r\n    flex: 1 1 30%;\r\n    box-sizing: border-box;\r\n    max-width: 30%;\r\n  }\r\n\r\n  #bar #region__right {\r\n    -webkit-box-pack: end;\r\n    -webkit-justify-content: flex-end;\r\n    justify-content: flex-end;\r\n  }\r\n\r\n  #slot__navigation,\r\n  #slot__help,\r\n  #slot__feedback,\r\n  #slot__notifications,\r\n  #slot__profile {\r\n    margin: 0;\r\n  }\r\n\r\n  #bar #region__center {\r\n    display: -webkit-box;\r\n    display: -webkit-flex;\r\n    display: flex;\r\n    flex: auto;\r\n    margin: 0 24px;\r\n    -webkit-justify-content: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  #title {\r\n    font-size:  var(--myuw-app-bar-title-font-size, 18px);\r\n    font-weight: 500;\r\n  }\r\n\r\n  #title #themeText {\r\n    font-weight: var(--theme-name-font-weight, 600);\r\n  }\r\n\r\n  #title a {\r\n    text-decoration: none;\r\n    color: inherit;\r\n  }\r\n\r\n  #title a:hover,\r\n  #title a:visited, {\r\n    text-decoration: none;\r\n    cursor: pointer;\r\n    color: inherit;\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    #myuw-app-bar #region__left,\r\n    #bar #region__left {\r\n      flex: auto;\r\n      max-width: none;\r\n    }\r\n    #myuw-app-bar #region__center {\r\n      max-width: 42px;\r\n      margin: 0;\r\n      justify-content: flex-end;\r\n    }\r\n    #myuw-app-bar #region__right,\r\n    #bar #region__right {\r\n      flex: 0;\r\n      max-width: 50%;\r\n      justify-content: flex-end;\r\n    }\r\n    #bar #region__center {\r\n      margin: 0;\r\n    }\r\n  } </style> <div id="bar"> <div class="region" id="region__left"> <div class="slot" id="slot__navigation"> <slot id="navigation-slot" name="myuw-navigation"> </div> <h1 id="title"> <a id="app-anchor" href="#" target="_self"><span id="themeText"></span> <span id="appText"></span></a> </h1> </div> <div class="region" id="region__center"> <slot id="search-slot" name="myuw-search"> </div> <div class="region" id="region__right"> <div class="slot" id="slot__feedback"> <slot id="feedback-slot" name="myuw-feedback"> </div> <div class="slot" id="slot__help"> <slot id="help-slot" name="myuw-help"> </div> <div class="slot" id="slot__notifications"> <slot id="notifications-slot" name="myuw-notifications"> </div> <div class="slot" id="slot__profile"> <slot id="profile-slot" name="myuw-profile"> </div> </div> </div> <div id="spacer"></div> '),this._template}}]),n(i,[{key:"attributeChangedCallback",value:function(e,n,t){switch(e){case"theme-name":this.themeTextElement.textContent=t;break;case"app-name":this.appTextElement.textContent=t;break;case"app-url":this.appAnchorElement.href=t}}},{key:"connectedCallback",value:function(){this.eventListeners.forEach(function(e){var n=e.target,t=e.type,r=e.handler;return n.addEventListener(t,r)})}},{key:"disconnectedCallback",value:function(){this.eventListeners.forEach(function(e){var n=e.target,t=e.type,r=e.handler;return n.removeEventListener(t,r)})}},{key:"handleWindowScroll",value:function(e){0!==window.scrollY?this.appBarElement.classList.add("shadow"):this.appBarElement.classList.remove("shadow")}}]),i})();return void 0===customElements.get(l.elementName)&&customElements.define(l.elementName,l),l})();
+var MyUWAppBar=(function(){"use strict";function e(e,n){for(var t=0;t<n.length;t++){var i=n[t];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function n(n,t,i){return t&&e(n.prototype,t),i&&e(n,i),n}function t(e){return(t=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function i(e,n){return(i=Object.setPrototypeOf||function(e,n){return e.__proto__=n,e})(e,n)}function o(e,n,t){return(o=(function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(e){return!1}})()?Reflect.construct:function(e,n,t){var o=[null];o.push.apply(o,n);var r=new(Function.bind.apply(e,o));return t&&i(r,t.prototype),r}).apply(null,arguments)}function r(e){var n="function"==typeof Map?new Map:void 0;return(r=function(e){if(null===e||(r=e,-1===Function.toString.call(r).indexOf("[native code]")))return e;var r;if("function"!=typeof e)throw new TypeError("Super expression must either be null or a function");if(void 0!==n){if(n.has(e))return n.get(e);n.set(e,a)}function a(){return o(e,arguments,t(this).constructor)}return a.prototype=Object.create(e.prototype,{constructor:{value:a,enumerable:!1,writable:!0,configurable:!0}}),i(a,e)})(e)}function a(e,n){return!n||"object"!=typeof n&&"function"!=typeof n?(function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e})(e):n}var l=(function(e){function o(){var e;return(function(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")})(this,o),(e=a(this,t(o).call(this))).attachShadow({mode:"open"}),e.shadowRoot.appendChild(e.constructor.template.content.cloneNode(!0)),e.appAnchorElement=e.shadowRoot.getElementById("app-anchor"),e.appBarElement=e.shadowRoot.getElementById("bar"),e.appTextElement=e.shadowRoot.getElementById("appText"),e.themeTextElement=e.shadowRoot.getElementById("themeText"),e.eventListeners=[{target:window,type:"scroll",handler:function(n){return e.handleWindowScroll(n)}}],e}return(function(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(n&&n.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),n&&i(e,n)})(o,r(HTMLElement)),n(o,null,[{key:"elementName",get:function(){return"myuw-app-bar"}},{key:"observedAttributes",get:function(){return["app-url","app-name","theme-name"]}},{key:"template",get:function(){return void 0===this._template&&(this._template=document.createElement("template"),this._template.innerHTML='<style> #spacer {\n    display: block;\n    height: 64px;\n  }\n\n  #bar {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100vw;\n    height: 64px;\n    background: var(--myuw-app-bar-bg, var( --myuw-primary-bg, #c5050c));\n    font-family: var(--myuw-app-bar-font, var( --myuw-font, Red Hat Display, sans-serif));\n    font-size: 14px;\n    font-weight: var(--myuw-app-bar-font-weight, 400);\n    -webkit-font-smoothing: antialiased;\n    background-color: var(--myuw-app-bar-bg, var( --myuw-primary-bg, #c5050c));\n    color: var(--myuw-app-bar-color, var(--myuw-primary-color, #fff));\n    z-index: var(--z-index, 80);\n    box-sizing: border-box;\n    display: -webkit-box;\n    display: -webkit-flex;\n    display: flex;\n    -webkit-box-align: center;\n    -webkit-align-items: center;\n    align-items: center;\n    -webkit-box-orient: horizontal;\n    -webkit-box-direction: normal;\n    -webkit-flex-direction: row;\n    flex-direction: row;\n    padding: 0 16px;\n    transition: box-shadow 0.3s ease-in-out;\n  }\n\n  #bar.shadow {\n    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2), 0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12);\n  }\n\n  #bar .region {\n    box-sizing: border-box;\n    display: -webkit-box;\n    display: -webkit-flex;\n    display: flex;\n    -webkit-box-orient: horizontal;\n    -webkit-flex-direction: row;\n    flex-direction: row;\n    -webkit-box-align: center;\n    -webkit-align-items: center;\n    -ms-grid-row-align: center;\n    align-items: center;\n    -webkit-align-content: center;\n    align-content: center;\n    -webkit-box-pack: start;\n    -webkit-justify-content: flex-start;\n    justify-content: flex-start;\n  }\n\n  #region__left,\n  #region__right {\n    -webkit-box-flex: 1;\n    -webkit-flex: 1 1 30%;\n    flex: 1 1 30%;\n    box-sizing: border-box;\n    max-width: 30%;\n  }\n\n  #bar #region__right {\n    -webkit-box-pack: end;\n    -webkit-justify-content: flex-end;\n    justify-content: flex-end;\n  }\n\n  #slot__navigation,\n  #slot__help,\n  #slot__feedback,\n  #slot__notifications,\n  #slot__profile {\n    margin: 0;\n  }\n\n  #bar #region__center {\n    display: -webkit-box;\n    display: -webkit-flex;\n    display: flex;\n    flex: auto;\n    margin: 0 24px;\n    -webkit-justify-content: center;\n    justify-content: center;\n  }\n\n  #title {\n    font-size:  var(--myuw-app-bar-title-font-size, 18px);\n    font-weight: 500;\n  }\n\n  #title #themeText {\n    font-weight: var(--theme-name-font-weight, 600);\n  }\n\n  #title a {\n    text-decoration: none;\n    color: inherit;\n  }\n\n  #title a:hover,\n  #title a:visited, {\n    text-decoration: none;\n    cursor: pointer;\n    color: inherit;\n  }\n\n  @media (max-width: 600px) {\n    #myuw-app-bar #region__left,\n    #bar #region__left {\n      flex: auto;\n      max-width: none;\n    }\n    #myuw-app-bar #region__center {\n      max-width: 42px;\n      margin: 0;\n      justify-content: flex-end;\n    }\n    #myuw-app-bar #region__right,\n    #bar #region__right {\n      flex: 0;\n      max-width: 50%;\n      justify-content: flex-end;\n    }\n    #bar #region__center {\n      margin: 0;\n    }\n  } </style> <div id="bar"> <div class="region" id="region__left"> <div class="slot" id="slot__navigation"> <slot id="navigation-slot" name="myuw-navigation"> </div> <h1 id="title"> <a id="app-anchor" href="#" target="_self"><span id="themeText"></span> <span id="appText"></span></a> </h1> </div> <div class="region" id="region__center"> <slot id="search-slot" name="myuw-search"> </div> <div class="region" id="region__right"> <div class="slot" id="slot__feedback"> <slot id="feedback-slot" name="myuw-feedback"> </div> <div class="slot" id="slot__help"> <slot id="help-slot" name="myuw-help"> </div> <div class="slot" id="slot__notifications"> <slot id="notifications-slot" name="myuw-notifications"> </div> <div class="slot" id="slot__profile"> <slot id="profile-slot" name="myuw-profile"> </div> </div> </div> <div id="spacer"></div> '),this._template}}]),n(o,[{key:"attributeChangedCallback",value:function(e,n,t){switch(e){case"theme-name":this.themeTextElement.textContent=t;break;case"app-name":this.appTextElement.textContent=t;break;case"app-url":this.appAnchorElement.href=t}}},{key:"connectedCallback",value:function(){this.eventListeners.forEach(function(e){var n=e.target,t=e.type,i=e.handler;return n.addEventListener(t,i)})}},{key:"disconnectedCallback",value:function(){this.eventListeners.forEach(function(e){var n=e.target,t=e.type,i=e.handler;return n.removeEventListener(t,i)})}},{key:"handleWindowScroll",value:function(e){0!==window.scrollY?this.appBarElement.classList.add("shadow"):this.appBarElement.classList.remove("shadow")}}]),o})();return void 0===customElements.get(l.elementName)&&customElements.define(l.elementName,l),l})();

package.json

 {
   "name": "@myuw-web-components/myuw-app-bar",
-  "version": "1.7.2",
+  "version": "1.7.3",
   "description": "A material top app bar designed for use with other MyUW web components",
@@ -5,0 +5,0 @@ "module": "dist/myuw-app-bar.min.mjs",

README.md

@@ -0,0 +0,0 @@ # `<myuw-app-bar>`

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

46111

decreased by-6.6%

Number of package files

7

decreased by-12.5%

Lines of code

346

decreased by-1.14%

No dependency changes