@tradeshift/elements.header - npm Package Compare versions

Comparing version 0.12.1 to 0.13.0

lib/header.esm.js

@@ -1,1 +0,1 @@
-import{customElementDefineHelper as o,html as t,TSElement as r,unsafeCSS as e}from"@tradeshift/elements";import"@tradeshift/elements.app-icon";function c(o,t){for(var r=0;r<t.length;r++){var e=t[r];e.enumerable=e.enumerable||!1,e.configurable=!0,"value"in e&&(e.writable=!0),Object.defineProperty(o,e.key,e)}}function l(o,t,r){return t&&c(o.prototype,t),r&&c(o,r),o}function n(o,t){return t||(t=o.slice(0)),o.raw=t,o}function i(){var o=n(["\n\t\t\t\t<header dir=",'>\n\t\t\t\t\t<div class="title-icon-container">\n\t\t\t\t\t\t'," ",'\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class="slot-container">\n\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t</div>\n\t\t\t\t</header>\n\t\t\t']);return i=function(){return o},o}function a(){var o=n(['\n\t\t\t\t<span class="title">',"</span>\n\t\t\t"]);return a=function(){return o},o}function s(){var o=n(['\n\t\t\t\t<ts-app-icon class="icon" src="','" alt="','"></ts-app-icon>\n\t\t\t']);return s=function(){return o},o}o("ts-header",function(o){var c,n;function h(){var t=o.call(this)||this;return t.color="white",t}n=o,(c=h).prototype=Object.create(n.prototype),c.prototype.constructor=c,c.__proto__=n,l(h,null,[{key:"styles",get:function(){return[r.styles,e(":host{border-bottom:1px solid #cbd7dc;border-bottom:var(--ts-border);height:60px;height:var(--ts-unit-triple)}:host,:host>header{display:flex;width:100%}:host>header{background-color:#fff;background-color:var(--ts-color-white);align-items:center;justify-content:space-between}:host .icon{height:40px;height:var(--ts-unit-double)}:host .icon,:host .title{margin-left:10px;margin-left:var(--ts-unit-half)}:host .title{font-size:18px;font-size:var(--ts-fontsize-big)}.title-icon-container{align-items:center;display:flex}.slot-container{margin:0 10px;margin:0 var(--ts-unit-half)}[dir=rtl] .icon,[dir=rtl] .title{margin-left:0;margin-right:10px;margin-right:var(--ts-unit-half)}:host([color=black])>header{background-color:#0f151a;background-color:var(--ts-color-black)}:host([color=black]) .title{color:#fff;color:var(--ts-color-white)}:host([color=red])>header{background-color:#bd0000;background-color:var(--ts-color-red)}:host([color=red]) .title{color:#fff;color:var(--ts-color-white)}:host([color=orange])>header{background-color:#ff8c00;background-color:var(--ts-color-orange)}:host([color=orange]) .title{color:#fff;color:var(--ts-color-white)}:host([color=yellow])>header{background-color:#fdbe12;background-color:var(--ts-color-yellow)}:host([color=yellow]) .title{color:#fff;color:var(--ts-color-white)}:host([color=green])>header{background-color:#50c610;background-color:var(--ts-color-green)}:host([color=green]) .title{color:#fff;color:var(--ts-color-white)}:host([color=blue])>header{background-color:#00aeff;background-color:var(--ts-color-blue)}:host([color=blue]) .title{color:#fff;color:var(--ts-color-white)}:host([color=purple])>header{background-color:#90129b;background-color:var(--ts-color-purple)}:host([color=purple]) .title{color:#fff;color:var(--ts-color-white)}:host([color=pink])>header{background-color:#a70262;background-color:var(--ts-color-pink)}:host([color=pink]) .title{color:#fff;color:var(--ts-color-white)}:host([color=gray])>header{background-color:#9ab2bc;background-color:var(--ts-color-gray)}:host([color=gray]) .title{color:#fff;color:var(--ts-color-white)}:host([color=slate])>header{background-color:#1f2a2e;background-color:var(--ts-color-slate)}:host([color=slate]) .title{color:#fff;color:var(--ts-color-white)}:host([color=white])>header{background-color:#fff;background-color:var(--ts-color-white)}:host([color=white]) .title{color:#0f151a;color:var(--ts-color-black)}")]}},{key:"properties",get:function(){return{dir:{type:String,reflect:!0},icon:{type:String,reflect:!0},title:{type:String,reflect:!0},color:{type:String,reflect:!0}}}}]);var f=h.prototype;return f.getIcon=function(){return this.icon?t(s(),this.icon,this.title):""},f.getTitle=function(){return this.title?t(a(),this.title):""},f.render=function(){return t(i(),this.direction,this.getIcon(),this.getTitle())},l(h,[{key:"direction",get:function(){return this.dir?this.dir:this.bodyDir}}]),h}(r));
+import{html as o,customElementDefineHelper as t,TSElement as r,unsafeCSS as e}from"@tradeshift/elements";import"@tradeshift/elements.app-icon";function c(o,t){for(var r=0;r<t.length;r++){var e=t[r];e.enumerable=e.enumerable||!1,e.configurable=!0,"value"in e&&(e.writable=!0),Object.defineProperty(o,e.key,e)}}function l(o,t,r){return t&&c(o.prototype,t),r&&c(o,r),o}function n(o,t){return t||(t=o.slice(0)),o.raw=t,o}function i(){var o=n(["\n\t\t\t<header dir=",'>\n\t\t\t\t<div class="title-icon-container">\n\t\t\t\t\t'," ",'\n\t\t\t\t</div>\n\t\t\t\t<div class="slot-container">\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</div>\n\t\t\t</header>\n\t\t']);return i=function(){return o},o}function a(){var o=n(['\n\t\t\t<span class="title">',"</span>\n\t\t"]);return a=function(){return o},o}function s(){var o=n(['\n\t\t\t<ts-app-icon class="icon" src="','" alt="','"></ts-app-icon>\n\t\t']);return s=function(){return o},o}var h=function(t){var c,n;function h(){var o=t.call(this)||this;return o.color="white",o}n=t,(c=h).prototype=Object.create(n.prototype),c.prototype.constructor=c,c.__proto__=n,l(h,null,[{key:"styles",get:function(){return[r.styles,e(":host{border-bottom:1px solid #cbd7dc;border-bottom:var(--ts-border);height:60px;height:var(--ts-unit-triple)}:host,:host>header{display:flex;width:100%}:host>header{background-color:#fff;background-color:var(--ts-color-white);align-items:center;justify-content:space-between}:host .icon{height:40px;height:var(--ts-unit-double)}:host .icon,:host .title{margin-left:10px;margin-left:var(--ts-unit-half)}:host .title{font-size:18px;font-size:var(--ts-fontsize-big)}.title-icon-container{align-items:center;display:flex}.slot-container{margin:0 10px;margin:0 var(--ts-unit-half)}[dir=rtl] .icon,[dir=rtl] .title{margin-left:0;margin-right:10px;margin-right:var(--ts-unit-half)}:host([color=black])>header{background-color:#0f151a;background-color:var(--ts-color-black)}:host([color=black]) .title{color:#fff;color:var(--ts-color-white)}:host([color=red])>header{background-color:#bd0000;background-color:var(--ts-color-red)}:host([color=red]) .title{color:#fff;color:var(--ts-color-white)}:host([color=orange])>header{background-color:#ff8c00;background-color:var(--ts-color-orange)}:host([color=orange]) .title{color:#fff;color:var(--ts-color-white)}:host([color=yellow])>header{background-color:#fdbe12;background-color:var(--ts-color-yellow)}:host([color=yellow]) .title{color:#fff;color:var(--ts-color-white)}:host([color=green])>header{background-color:#50c610;background-color:var(--ts-color-green)}:host([color=green]) .title{color:#fff;color:var(--ts-color-white)}:host([color=blue])>header{background-color:#00aeff;background-color:var(--ts-color-blue)}:host([color=blue]) .title{color:#fff;color:var(--ts-color-white)}:host([color=purple])>header{background-color:#90129b;background-color:var(--ts-color-purple)}:host([color=purple]) .title{color:#fff;color:var(--ts-color-white)}:host([color=pink])>header{background-color:#a70262;background-color:var(--ts-color-pink)}:host([color=pink]) .title{color:#fff;color:var(--ts-color-white)}:host([color=gray])>header{background-color:#9ab2bc;background-color:var(--ts-color-gray)}:host([color=gray]) .title{color:#fff;color:var(--ts-color-white)}:host([color=slate])>header{background-color:#1f2a2e;background-color:var(--ts-color-slate)}:host([color=slate]) .title{color:#fff;color:var(--ts-color-white)}:host([color=white])>header{background-color:#fff;background-color:var(--ts-color-white)}:host([color=white]) .title{color:#0f151a;color:var(--ts-color-black)}")]}},{key:"properties",get:function(){return{dir:{type:String,reflect:!0},icon:{type:String,reflect:!0},title:{type:String,reflect:!0},color:{type:String,reflect:!0}}}}]);var f=h.prototype;return f.getIcon=function(){return this.icon?o(s(),this.icon,this.title):""},f.getTitle=function(){return this.title?o(a(),this.title):""},f.render=function(){return o(i(),this.direction,this.getIcon(),this.getTitle())},l(h,[{key:"direction",get:function(){return this.dir?this.dir:this.bodyDir}}]),h}(r);t("ts-header",h);export{h as TSHeader};

lib/header.umd.js

@@ -1,1 +0,1 @@
-!function(t,o){"object"==typeof exports&&"undefined"!=typeof module?o(require("@tradeshift/elements")):"function"==typeof define&&define.amd?define(["@tradeshift/elements"],o):o((t=t||self).ts.elements)}(this,(function(t){"use strict";function o(t,o){for(var r=0;r<o.length;r++){var e=o[r];e.enumerable=e.enumerable||!1,e.configurable=!0,"value"in e&&(e.writable=!0),Object.defineProperty(t,e.key,e)}}function r(t,r,e){return r&&o(t.prototype,r),e&&o(t,e),t}function e(t,o){return o||(o=t.slice(0)),t.raw=o,t}function n(t,o){for(var r=0;r<o.length;r++){var e=o[r];e.enumerable=e.enumerable||!1,e.configurable=!0,"value"in e&&(e.writable=!0),Object.defineProperty(t,e.key,e)}}function l(){var t,o,r=(t=['\n\t\t\t\t<img .src="','" .alt="','"></img>\n\t\t\t'],o||(o=t.slice(0)),t.raw=o,t);return l=function(){return r},r}t.customElementDefineHelper("ts-app-icon",function(o){var r,e,c,i;function a(){return o.apply(this,arguments)||this}return e=o,(r=a).prototype=Object.create(e.prototype),r.prototype.constructor=r,r.__proto__=e,a.prototype.render=function(){return t.html(l(),this.src,this.alt)},c=a,i=[{key:"styles",get:function(){return[t.TSElement.styles,t.unsafeCSS(":host img{width:40px;width:var(--ts-unit-double);height:40px;height:var(--ts-unit-double);border-radius:3px;border-radius:var(--ts-radius)}:host([size=large]) img{width:60px;width:var(--ts-unit-triple);height:60px;height:var(--ts-unit-triple)}")]}},{key:"properties",get:function(){return{size:{type:String,reflect:!0},src:{type:String,reflect:!0},alt:{type:String,reflect:!0}}}}],null&&n(c.prototype,null),i&&n(c,i),a}(t.TSElement));function c(){var t=e(["\n\t\t\t\t<header dir=",'>\n\t\t\t\t\t<div class="title-icon-container">\n\t\t\t\t\t\t'," ",'\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class="slot-container">\n\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t</div>\n\t\t\t\t</header>\n\t\t\t']);return c=function(){return t},t}function i(){var t=e(['\n\t\t\t\t<span class="title">',"</span>\n\t\t\t"]);return i=function(){return t},t}function a(){var t=e(['\n\t\t\t\t<ts-app-icon class="icon" src="','" alt="','"></ts-app-icon>\n\t\t\t']);return a=function(){return t},t}t.customElementDefineHelper("ts-header",function(o){var e,n;function l(){var t=o.call(this)||this;return t.color="white",t}n=o,(e=l).prototype=Object.create(n.prototype),e.prototype.constructor=e,e.__proto__=n,r(l,null,[{key:"styles",get:function(){return[t.TSElement.styles,t.unsafeCSS(":host{border-bottom:1px solid #cbd7dc;border-bottom:var(--ts-border);height:60px;height:var(--ts-unit-triple)}:host,:host>header{display:flex;width:100%}:host>header{background-color:#fff;background-color:var(--ts-color-white);align-items:center;justify-content:space-between}:host .icon{height:40px;height:var(--ts-unit-double)}:host .icon,:host .title{margin-left:10px;margin-left:var(--ts-unit-half)}:host .title{font-size:18px;font-size:var(--ts-fontsize-big)}.title-icon-container{align-items:center;display:flex}.slot-container{margin:0 10px;margin:0 var(--ts-unit-half)}[dir=rtl] .icon,[dir=rtl] .title{margin-left:0;margin-right:10px;margin-right:var(--ts-unit-half)}:host([color=black])>header{background-color:#0f151a;background-color:var(--ts-color-black)}:host([color=black]) .title{color:#fff;color:var(--ts-color-white)}:host([color=red])>header{background-color:#bd0000;background-color:var(--ts-color-red)}:host([color=red]) .title{color:#fff;color:var(--ts-color-white)}:host([color=orange])>header{background-color:#ff8c00;background-color:var(--ts-color-orange)}:host([color=orange]) .title{color:#fff;color:var(--ts-color-white)}:host([color=yellow])>header{background-color:#fdbe12;background-color:var(--ts-color-yellow)}:host([color=yellow]) .title{color:#fff;color:var(--ts-color-white)}:host([color=green])>header{background-color:#50c610;background-color:var(--ts-color-green)}:host([color=green]) .title{color:#fff;color:var(--ts-color-white)}:host([color=blue])>header{background-color:#00aeff;background-color:var(--ts-color-blue)}:host([color=blue]) .title{color:#fff;color:var(--ts-color-white)}:host([color=purple])>header{background-color:#90129b;background-color:var(--ts-color-purple)}:host([color=purple]) .title{color:#fff;color:var(--ts-color-white)}:host([color=pink])>header{background-color:#a70262;background-color:var(--ts-color-pink)}:host([color=pink]) .title{color:#fff;color:var(--ts-color-white)}:host([color=gray])>header{background-color:#9ab2bc;background-color:var(--ts-color-gray)}:host([color=gray]) .title{color:#fff;color:var(--ts-color-white)}:host([color=slate])>header{background-color:#1f2a2e;background-color:var(--ts-color-slate)}:host([color=slate]) .title{color:#fff;color:var(--ts-color-white)}:host([color=white])>header{background-color:#fff;background-color:var(--ts-color-white)}:host([color=white]) .title{color:#0f151a;color:var(--ts-color-black)}")]}},{key:"properties",get:function(){return{dir:{type:String,reflect:!0},icon:{type:String,reflect:!0},title:{type:String,reflect:!0},color:{type:String,reflect:!0}}}}]);var s=l.prototype;return s.getIcon=function(){return this.icon?t.html(a(),this.icon,this.title):""},s.getTitle=function(){return this.title?t.html(i(),this.title):""},s.render=function(){return t.html(c(),this.direction,this.getIcon(),this.getTitle())},r(l,[{key:"direction",get:function(){return this.dir?this.dir:this.bodyDir}}]),l}(t.TSElement))}));
+!function(t,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("@tradeshift/elements")):"function"==typeof define&&define.amd?define(["exports","@tradeshift/elements"],o):o(((t=t||self).ts=t.ts||{},t.ts.elements=t.ts.elements||{},t.ts.elements.header=t.ts.elements.header||{}),t.ts.elements)}(this,(function(t,o){"use strict";function r(t,o){for(var r=0;r<o.length;r++){var e=o[r];e.enumerable=e.enumerable||!1,e.configurable=!0,"value"in e&&(e.writable=!0),Object.defineProperty(t,e.key,e)}}function e(t,o,e){return o&&r(t.prototype,o),e&&r(t,e),t}function n(t,o){return o||(o=t.slice(0)),t.raw=o,t}function l(t,o){for(var r=0;r<o.length;r++){var e=o[r];e.enumerable=e.enumerable||!1,e.configurable=!0,"value"in e&&(e.writable=!0),Object.defineProperty(t,e.key,e)}}function c(){var t,o,r=(t=['\n\t\t\t<img .src="','" .alt="','"></img>\n\t\t'],o||(o=t.slice(0)),t.raw=o,t);return c=function(){return r},r}var i=function(t){var r,e,n,i;function a(){return t.apply(this,arguments)||this}return e=t,(r=a).prototype=Object.create(e.prototype),r.prototype.constructor=r,r.__proto__=e,a.prototype.render=function(){return o.html(c(),this.src,this.alt)},n=a,i=[{key:"styles",get:function(){return[o.TSElement.styles,o.unsafeCSS(":host img{width:40px;width:var(--ts-unit-double);height:40px;height:var(--ts-unit-double);border-radius:3px;border-radius:var(--ts-radius)}:host([size=large]) img{width:60px;width:var(--ts-unit-triple);height:60px;height:var(--ts-unit-triple)}")]}},{key:"properties",get:function(){return{size:{type:String,reflect:!0},src:{type:String,reflect:!0},alt:{type:String,reflect:!0}}}}],null&&l(n.prototype,null),i&&l(n,i),a}(o.TSElement);o.customElementDefineHelper("ts-app-icon",i);function a(){var t=n(["\n\t\t\t<header dir=",'>\n\t\t\t\t<div class="title-icon-container">\n\t\t\t\t\t'," ",'\n\t\t\t\t</div>\n\t\t\t\t<div class="slot-container">\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</div>\n\t\t\t</header>\n\t\t']);return a=function(){return t},t}function s(){var t=n(['\n\t\t\t<span class="title">',"</span>\n\t\t"]);return s=function(){return t},t}function u(){var t=n(['\n\t\t\t<ts-app-icon class="icon" src="','" alt="','"></ts-app-icon>\n\t\t']);return u=function(){return t},t}var h=function(t){var r,n;function l(){var o=t.call(this)||this;return o.color="white",o}n=t,(r=l).prototype=Object.create(n.prototype),r.prototype.constructor=r,r.__proto__=n,e(l,null,[{key:"styles",get:function(){return[o.TSElement.styles,o.unsafeCSS(":host{border-bottom:1px solid #cbd7dc;border-bottom:var(--ts-border);height:60px;height:var(--ts-unit-triple)}:host,:host>header{display:flex;width:100%}:host>header{background-color:#fff;background-color:var(--ts-color-white);align-items:center;justify-content:space-between}:host .icon{height:40px;height:var(--ts-unit-double)}:host .icon,:host .title{margin-left:10px;margin-left:var(--ts-unit-half)}:host .title{font-size:18px;font-size:var(--ts-fontsize-big)}.title-icon-container{align-items:center;display:flex}.slot-container{margin:0 10px;margin:0 var(--ts-unit-half)}[dir=rtl] .icon,[dir=rtl] .title{margin-left:0;margin-right:10px;margin-right:var(--ts-unit-half)}:host([color=black])>header{background-color:#0f151a;background-color:var(--ts-color-black)}:host([color=black]) .title{color:#fff;color:var(--ts-color-white)}:host([color=red])>header{background-color:#bd0000;background-color:var(--ts-color-red)}:host([color=red]) .title{color:#fff;color:var(--ts-color-white)}:host([color=orange])>header{background-color:#ff8c00;background-color:var(--ts-color-orange)}:host([color=orange]) .title{color:#fff;color:var(--ts-color-white)}:host([color=yellow])>header{background-color:#fdbe12;background-color:var(--ts-color-yellow)}:host([color=yellow]) .title{color:#fff;color:var(--ts-color-white)}:host([color=green])>header{background-color:#50c610;background-color:var(--ts-color-green)}:host([color=green]) .title{color:#fff;color:var(--ts-color-white)}:host([color=blue])>header{background-color:#00aeff;background-color:var(--ts-color-blue)}:host([color=blue]) .title{color:#fff;color:var(--ts-color-white)}:host([color=purple])>header{background-color:#90129b;background-color:var(--ts-color-purple)}:host([color=purple]) .title{color:#fff;color:var(--ts-color-white)}:host([color=pink])>header{background-color:#a70262;background-color:var(--ts-color-pink)}:host([color=pink]) .title{color:#fff;color:var(--ts-color-white)}:host([color=gray])>header{background-color:#9ab2bc;background-color:var(--ts-color-gray)}:host([color=gray]) .title{color:#fff;color:var(--ts-color-white)}:host([color=slate])>header{background-color:#1f2a2e;background-color:var(--ts-color-slate)}:host([color=slate]) .title{color:#fff;color:var(--ts-color-white)}:host([color=white])>header{background-color:#fff;background-color:var(--ts-color-white)}:host([color=white]) .title{color:#0f151a;color:var(--ts-color-black)}")]}},{key:"properties",get:function(){return{dir:{type:String,reflect:!0},icon:{type:String,reflect:!0},title:{type:String,reflect:!0},color:{type:String,reflect:!0}}}}]);var c=l.prototype;return c.getIcon=function(){return this.icon?o.html(u(),this.icon,this.title):""},c.getTitle=function(){return this.title?o.html(s(),this.title):""},c.render=function(){return o.html(a(),this.direction,this.getIcon(),this.getTitle())},e(l,[{key:"direction",get:function(){return this.dir?this.dir:this.bodyDir}}]),l}(o.TSElement);o.customElementDefineHelper("ts-header",h),t.TSHeader=h,Object.defineProperty(t,"__esModule",{value:!0})}));

package.json

 {
   "name": "@tradeshift/elements.header",
-  "version": "0.12.1",
+  "version": "0.13.0",
   "src": "src/header.js",
@@ -12,4 +12,4 @@ "main": "lib/header.umd.js",
   "dependencies": {
-    "@tradeshift/elements": "^0.12.1",
-    "@tradeshift/elements.app-icon": "^0.12.1"
+    "@tradeshift/elements": "^0.13.0",
+    "@tradeshift/elements.app-icon": "^0.13.0"
   },
@@ -21,3 +21,3 @@ "repository": {
   },
-  "gitHead": "9dc98158ad8be1163c16881d639d101564af8eff"
+  "gitHead": "dfbb660017cc8b90fd7ae74dc0cbe672e59eecf1"
 }

No alert changes

Improved metrics

Total package byte prevSize

28986

increased by0.58%

Lines of code

38

increased by2.7%

Dependency changes

• + Added@tradeshift/elements@0.13.0(transitive)

• + Added@tradeshift/elements.app-icon@0.13.0(transitive)

• - Removed@tradeshift/elements@0.12.1(transitive)

• - Removed@tradeshift/elements.app-icon@0.12.1(transitive)

• Updated@tradeshift/elements@^0.13.0

• Updated@tradeshift/elements.app-icon@^0.13.0