@platformscode/core 0.0.5 → 0.0.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@platformscode/core",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "description": "Stencil Component Starter",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/dist/core/p-b84e006d.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["dgaAvatarCss","DgaAvatarStyle0","DgaAvatar","constructor","hostRef","this","type","size","square","border","text","imgUrl","alt","renderChildComponent","h","class","src","icon","_a","name","variant","_b","_c","color","_d","render","key"],"sources":["src/components/dga-avatar/dga-avatar.scss?tag=dga-avatar","src/components/dga-avatar/dga-avatar.tsx"],"sourcesContent":["$avatar_sizes: (\n  120: (\n    'display-md-regular',\n    80,\n  ),\n  80: (\n    'display-sm-regular',\n    56,\n  ),\n  68: (\n    'text-xl-medium',\n    40,\n  ),\n  48: (\n    'text-md-medium',\n    32,\n  ),\n  40: (\n    'text-sm-semibold',\n    32,\n  ),\n  32: (\n    'text-xs-semibold',\n    24,\n  ),\n  24: (\n    'text-2xs-bold',\n    16,\n  ),\n);\n\n.dga-avatar {\n  border-radius: var(--radius-full);\n  border: 2px solid var(--border-white);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--button-background-neutral-default);\n  overflow: hidden;\n\n  &--initials {\n    // border: 4px solid var(--colors-border-white, #FFF);\n  }\n\n  &--image {\n    img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n    }\n  }\n\n  &--square {\n    border-radius: var(--radius-8);\n  }\n\n  // &--border {\n  //   border: 2px solid var(--alpha-black-20, rgba(22, 22, 22, 0.20));\n  // }\n\n  @each $size, $properties in $avatar_sizes {\n    $text: nth($properties, 1);\n    $icon_size: nth($properties, 2);\n\n    &--#{$size} {\n      width: #{$size}px;\n      height: #{$size}px;\n\n      @if ($size == 120) {\n        border-width: 4px;\n      }\n\n      & .dga-avatar__text {\n        @extend .#{$text};\n        text-transform: uppercase;\n      }\n      & .dga-avatar__icon {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: #{$icon_size}px;\n        height: #{$icon_size}px;\n        font-size: #{$icon_size}px;\n        & > * {\n          width: 100%;\n          height: 100%;\n          font-size: #{$icon_size}px;\n        }\n      }\n    }\n  }\n}\n","// import { UserIcon } from '@hugeicons/react-pro';\nimport { Component, Prop, h } from '@stencil/core';\nimport { StripHTML } from '../../utils';\n\nexport type AvatarType = 'initials' | 'image' | 'icon';\nexport type AvatarSize = 120 | 80 | 68 | 48 | 40 | 32 | 24;\n\nexport interface Icon {\n  name: string; \n  size?: number;\n  color?: string;\n  variant?: 'stroke' | 'solid' | 'duotone' | 'twotone' | 'bulk';\n  type?: 'rounded' | 'sharp' | 'standard';\n}\n\nexport interface CustomAttribute {\n  key: string;\n  value: string;\n}\n\n\nexport interface IDgaAvatar {\n  type?: AvatarType;\n  size?: AvatarSize;\n  square?: boolean;\n  border?: boolean ;\n  text?: string ;\n  imgUrl?: string;\n  alt?: string;\n  icon?: Icon;\n}\n\n\n@Component({\n  tag: 'dga-avatar',\n  styleUrl: 'dga-avatar.scss',\n  // shadow: true,\n  // scoped: true,\n})\nexport class DgaAvatar implements StripHTML<IDgaAvatar> {\n  @Prop() type?: AvatarType = 'icon';\n  @Prop() size?: AvatarSize = 32;\n  @Prop({mutable: true , reflect: true}) square?: boolean = false;\n  @Prop({mutable: true , reflect: true}) border?: boolean = false;\n  @Prop() text?: string = 'AB';\n  @Prop() imgUrl?: string = '/assets/avatar-img.png';\n  @Prop() alt?: string = '';\n  @Prop() icon?: Icon;\n\n  private renderChildComponent() {\n    if (this.type === 'initials') return <span class=\"dga-avatar__text\">{this.text}</span>;\n    if (this.type === 'image') return <img class=\"dga-avatar__img\" src={this.imgUrl} alt={this.alt} />;\n    if (this.type === 'icon')\n      return (\n        <div class=\"dga-avatar__icon\">\n          <dga-icon icon={this.icon?.name || \"\"} variant={this.icon?.variant} type={this.icon?.type} color={this.icon?.color} />\n        </div>\n      );\n  }\n\n  render() {\n\n    return (\n      <div\n        class={{\n          'dga-avatar': true,\n          [`dga-avatar--${this.type}`]: true,\n          [`dga-avatar--${this.size}`]: true,\n          'dga-avatar--square': this.square,\n          'dga-avatar--border': this.border,\n        }}\n      >\n        {this.renderChildComponent()}\n      </div>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAe,mplFACrB,MAAAC,EAAeD,E,MCsCFE,EAAS,MANtB,WAAAC,CAAAC,G,UAOUC,KAAAC,KAAoB,OACpBD,KAAAE,KAAoB,GACWF,KAAAG,OAAmB,MACnBH,KAAAI,OAAmB,MAClDJ,KAAAK,KAAgB,KAChBL,KAAAM,OAAkB,yBAClBN,KAAAO,IAAe,E,CAGf,oBAAAC,G,YACN,GAAIR,KAAKC,OAAS,WAAY,OAAOQ,EAAA,QAAMC,MAAM,oBAAoBV,KAAKK,MAC1E,GAAIL,KAAKC,OAAS,QAAS,OAAOQ,EAAA,OAAKC,MAAM,kBAAkBC,IAAKX,KAAKM,OAAQC,IAAKP,KAAKO,MAC3F,GAAIP,KAAKC,OAAS,OAChB,OACEQ,EAAA,OAAKC,MAAM,oBACTD,EAAA,YAAUG,OAAMC,EAAAb,KAAKY,QAAI,MAAAC,SAAA,SAAAA,EAAEC,OAAQ,GAAIC,SAASC,EAAAhB,KAAKY,QAAI,MAAAI,SAAA,SAAAA,EAAED,QAASd,MAAMgB,EAAAjB,KAAKY,QAAI,MAAAK,SAAA,SAAAA,EAAEhB,KAAMiB,OAAOC,EAAAnB,KAAKY,QAAI,MAAAO,SAAA,SAAAA,EAAED,Q,CAKrH,MAAAE,GAEE,OACEX,EAAA,OAAAY,IAAA,2CACEX,MAAO,CACL,aAAc,KACd,CAAC,eAAeV,KAAKC,QAAS,KAC9B,CAAC,eAAeD,KAAKE,QAAS,KAC9B,qBAAsBF,KAAKG,OAC3B,qBAAsBH,KAAKI,SAG5BJ,KAAKQ,uB","ignoreList":[]}