@clevercloud/components - npm Package Compare versions

Comparing version 1.3.0-beta.3 to 1.3.0-beta.4

dist/info-tiles/cc-info-scalability.js

@@ -1,2 +0,2 @@
-import{classMap as i}from"lit-html/directives/class-map.js";import{css as t,html as e,LitElement as l}from"lit-element";import{i18n as s}from"../lib/i18n.js";import{ifDefined as a}from"lit-html/directives/if-defined.js";import{instanceDetails as r,tileStyles as c}from"../styles/info-tiles.js";import{skeleton as n}from"../styles/skeleton.js";export class CcInfoScalability extends l{static get properties(){return{scalability:{type:Object,attribute:!1},error:{type:Boolean,reflect:!0}}}static get i(){return{minFlavor:{name:"??"},maxFlavor:{name:"?"},minInstances:0,maxInstances:0}}t(i){if(null!=i.cpus)return s("cc-info-scalability.flavor-info",{...i})}l(i){return i.replace(/^ML_/,"")}render(){const t=null==this.scalability,{minFlavor:l,maxFlavor:r,minInstances:c,maxInstances:n}=t?CcInfoScalability.i:this.scalability;return e`<div class=tile_title>${s("cc-info-scalability.title")}</div><div class=tile_body>${this.error?"":e`<div class=line><div class=label>${s("cc-info-scalability.size")}</div><div class="${i({skeleton:t})} size-label" title=${a(this.t(l))}>${this.l(l.name)}</div><div class=separator></div><div class="${i({skeleton:t})} size-label" title=${a(this.t(r))}>${this.l(r.name)}</div></div><div class=line><div class=label>${s("cc-info-scalability.number")}</div><div class="${i({skeleton:t})} count-bubble">${c}</div><div class=separator></div><div class="${i({skeleton:t})} count-bubble">${n}</div></div>`} ${this.error?e`<div class=tile_message>${s("cc-info-scalability.error")}</div>`:""}</div>`}static get styles(){return[c,r,n,t`.line{align-items:center;display:flex;justify-content:center;width:100%}.line:last-child{margin-top:1rem}.label{margin-right:.5rem;width:6rem}.separator{border-top:1px dashed #8c8c8c;flex:1 1 0;width:1.5rem}[title]{cursor:help}`]}}window.customElements.define("cc-info-scalability",CcInfoScalability);
+import{classMap as i}from"lit-html/directives/class-map.js";import{css as t,html as e,LitElement as l}from"lit-element";import{i18n as s}from"../lib/i18n.js";import{ifDefined as a}from"lit-html/directives/if-defined.js";import{instanceDetails as r,tileStyles as c}from"../styles/info-tiles.js";import{skeleton as o}from"../styles/skeleton.js";export class CcInfoScalability extends l{static get properties(){return{scalability:{type:Object,attribute:!1},error:{type:Boolean,reflect:!0}}}static get i(){return{minFlavor:{name:"??"},maxFlavor:{name:"?"},minInstances:0,maxInstances:0}}t(i){if(null!=i.cpus)return s("cc-info-scalability.flavor-info",{...i})}l(i){return i.replace(/^ML_/,"")}render(){const t=null==this.scalability,{minFlavor:l,maxFlavor:r,minInstances:c,maxInstances:o}=t?CcInfoScalability.i:this.scalability;return e`<div class=tile_title>${s("cc-info-scalability.title")}</div><div class=tile_body>${this.error?"":e`<div class=label>${s("cc-info-scalability.size")}</div><div class=info><div class="${i({skeleton:t})} size-label" title=${a(this.t(l))}>${this.l(l.name)}</div><div class=separator></div><div class="${i({skeleton:t})} size-label" title=${a(this.t(r))}>${this.l(r.name)}</div></div><div class=label>${s("cc-info-scalability.number")}</div><div class=info><div class="${i({skeleton:t})} count-bubble">${c}</div><div class=separator></div><div class="${i({skeleton:t})} count-bubble">${o}</div></div>`} ${this.error?e`<div class=tile_message>${s("cc-info-scalability.error")}</div>`:""}</div>`}static get styles(){return[c,r,o,t`.tile_body{grid-template-columns:auto 1fr;grid-row-gap:1rem;grid-column-gap:2rem;align-items:center}.info{align-items:center;display:flex;justify-content:center;width:100%}.separator{border-top:1px dashed #8c8c8c;flex:1 1 0;width:1.5rem}[title]{cursor:help}`]}}window.customElements.define("cc-info-scalability",CcInfoScalability);
 //# sourceMappingURL=cc-info-scalability.js.map

dist/overview/cc-overview.js

@@ -1,2 +0,2 @@
-import{css as e,html as t,LitElement as l}from"lit-element";export class CcOverview extends l{render(){return t`<slot class=head name=head></slot><slot class=tiles name=tiles></slot><slot class=main name=main></slot>`}static get styles(){return e`:host{display:flex;flex-direction:column}.head::slotted(*){margin-bottom:1rem}.tiles{display:flex;flex-wrap:wrap;margin-right:-1rem}.tiles::slotted(*){flex:1 0 auto;margin-bottom:1rem;margin-right:1rem}.main::slotted(*){flex:1 1 0;min-height:20rem}`}}window.customElements.define("cc-overview",CcOverview);
+import{css as e,html as t,LitElement as l}from"lit-element";export class CcOverview extends l{render(){return t`<slot class=head name=head></slot><slot class=tiles name=tiles></slot><slot class=main name=main></slot>`}static get styles(){return e`:host{display:flex;flex-direction:column}.head::slotted(*){margin-bottom:1rem}.tiles{display:flex;flex-wrap:wrap;margin-right:-1rem}.tiles::slotted(*){flex:1 1 19rem;margin-bottom:1rem;margin-right:1rem}.main::slotted(*){flex:1 1 0;min-height:20rem}`}}window.customElements.define("cc-overview",CcOverview);
 //# sourceMappingURL=cc-overview.js.map

package.json

 {
   "name": "@clevercloud/components",
-  "version": "1.3.0-beta.3",
+  "version": "1.3.0-beta.4",
   "description": "This is a Work In Progress to introduce Web Components in our Clever Cloud Web based UIs.",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

No alert changes

Improved metrics

Total package byte prevSize

781545

increased by0.01%

No dependency changes