@zanichelli/albe-web-components 15.0.0-rc2 → 15.0.0

package/dist/web-components-library/p-58ca2dea.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as e,a as i}from"./p-cc3c02fe.js";import{A as s}from"./p-025f494e.js";const a=":host{display:-ms-inline-flexbox;display:inline-flex;overflow:hidden;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-color:var(--gray700);border-radius:50%;font-family:var(--font-family-sans);text-transform:uppercase}:host(.small),:host(.small)>img{width:calc(var(--space-unit) * 3);height:calc(var(--space-unit) * 3)}:host(.medium),:host(.medium)>img{width:calc(var(--space-unit) * 4);height:calc(var(--space-unit) * 4)}:host(.large),:host(.large)>img{width:calc(var(--space-unit) * 5);height:calc(var(--space-unit) * 5)}:host>img{-o-object-fit:cover;object-fit:cover}";const r=a;const c=class{constructor(e){t(this,e);var i,a;this.size=s.MEDIUM;this.text=undefined;this.textColor="color-white";this.backgroundColor="gray700";this.image=undefined;if(((i=this.text)===null||i===void 0?void 0:i.length)===0&&((a=this.image)===null||a===void 0?void 0:a.length)===0){console.warn("z-avatar must contain at least one prop between text and image")}}getTextSize(){if(this.size===s.SMALL){return"5"}else if(this.size===s.MEDIUM){return"4"}else if(this.size===s.LARGE){return"2"}}render(){return e(i,{key:"63564a1499f36b406dcece1fd47bb0aa8e06ed6d",class:{[this.size]:true,[`body-${this.getTextSize()}-sb`]:true},style:{color:`var(--${this.textColor})`,backgroundColor:`var(--${this.backgroundColor})`}},this.text&&!this.image&&e("span",{key:"9813952059608df9a5cdf74db7038aec2751dfa8"},this.text.substring(0,2)),this.image&&e("img",{key:"d918f83b5212cb7618e30a0dc040f0c312341386",src:this.image,onError:()=>this.image=""}))}};c.style=r;export{c as z_avatar};
+//# sourceMappingURL=p-58ca2dea.entry.js.map

package/dist/web-components-library/p-58ca2dea.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZAvatarStyle0","ZAvatar","constructor","hostRef","AvatarSize","MEDIUM","_a","this","text","length","_b","image","console","warn","getTextSize","size","SMALL","LARGE","render","h","Host","key","class","style","color","textColor","backgroundColor","substring","src","onError"],"sources":["src/components/z-avatar/styles.css?tag=z-avatar&encapsulation=shadow","src/components/z-avatar/index.tsx"],"sourcesContent":[":host {\n  display: inline-flex;\n  overflow: hidden;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--gray700);\n  border-radius: 50%;\n  font-family: var(--font-family-sans);\n  text-transform: uppercase;\n}\n\n:host(.small),\n:host(.small) > img {\n  width: calc(var(--space-unit) * 3);\n  height: calc(var(--space-unit) * 3);\n}\n\n:host(.medium),\n:host(.medium) > img {\n  width: calc(var(--space-unit) * 4);\n  height: calc(var(--space-unit) * 4);\n}\n\n:host(.large),\n:host(.large) > img {\n  width: calc(var(--space-unit) * 5);\n  height: calc(var(--space-unit) * 5);\n}\n\n:host > img {\n  object-fit: cover;\n}\n","import {Component, Host, Prop, h} from \"@stencil/core\";\nimport {AvatarSize} from \"../../beans\";\n\n@Component({\n  tag: \"z-avatar\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZAvatar {\n  /** [optional] Avatar size */\n  @Prop()\n  size?: AvatarSize = AvatarSize.MEDIUM;\n\n  /** [optional] Avatar text */\n  @Prop()\n  text?: string;\n\n  /** [optional] Avatar text color */\n  @Prop()\n  textColor?: string = \"color-white\";\n\n  /** [optional] Avatar background color */\n  @Prop()\n  backgroundColor?: string = \"gray700\";\n\n  /** [optional] Avatar image */\n  @Prop({mutable: true})\n  image?: string;\n\n  constructor() {\n    if (this.text?.length === 0 && this.image?.length === 0) {\n      console.warn(\"z-avatar must contain at least one prop between text and image\");\n    }\n  }\n\n  private getTextSize(): string {\n    if (this.size === AvatarSize.SMALL) {\n      return \"5\";\n    } else if (this.size === AvatarSize.MEDIUM) {\n      return \"4\";\n    } else if (this.size === AvatarSize.LARGE) {\n      return \"2\";\n    }\n  }\n\n  render(): HTMLZAvatarElement {\n    return (\n      <Host\n        class={{[this.size]: true, [`body-${this.getTextSize()}-sb`]: true}}\n        style={{\n          color: `var(--${this.textColor})`,\n          backgroundColor: `var(--${this.backgroundColor})`,\n        }}\n      >\n        {this.text && !this.image && <span>{this.text.substring(0, 2)}</span>}\n        {this.image && (\n          <img\n            src={this.image}\n            onError={() => (this.image = \"\")}\n          />\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"sFAAA,MAAMA,EAAY,4mBAClB,MAAAC,EAAeD,E,MCOFE,EAAO,MAqBlB,WAAAC,CAAAC,G,4BAlBoBC,EAAWC,O,mCAQV,c,qBAIM,U,qBAOzB,KAAIC,EAAAC,KAAKC,QAAI,MAAAF,SAAA,SAAAA,EAAEG,UAAW,KAAKC,EAAAH,KAAKI,SAAK,MAAAD,SAAA,SAAAA,EAAED,UAAW,EAAG,CACvDG,QAAQC,KAAK,iE,EAIT,WAAAC,GACN,GAAIP,KAAKQ,OAASX,EAAWY,MAAO,CAClC,MAAO,G,MACF,GAAIT,KAAKQ,OAASX,EAAWC,OAAQ,CAC1C,MAAO,G,MACF,GAAIE,KAAKQ,OAASX,EAAWa,MAAO,CACzC,MAAO,G,EAIX,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CAAC,CAACf,KAAKQ,MAAO,KAAM,CAAC,QAAQR,KAAKO,oBAAqB,MAC9DS,MAAO,CACLC,MAAO,SAASjB,KAAKkB,aACrBC,gBAAiB,SAASnB,KAAKmB,qBAGhCnB,KAAKC,OAASD,KAAKI,OAASQ,EAAA,QAAAE,IAAA,4CAAOd,KAAKC,KAAKmB,UAAU,EAAG,IAC1DpB,KAAKI,OACJQ,EAAA,OAAAE,IAAA,2CACEO,IAAKrB,KAAKI,MACVkB,QAAS,IAAOtB,KAAKI,MAAQ,K","ignoreList":[]}