@sula-tech/webcomponents 0.7.6 → 0.9.0

package/dist/components/p-BNtk_d_S.js.map

@@ -1 +0,0 @@
-{"file":"p-BNtk_d_S.js","mappings":";;AAAA,MAAM,qBAAqB,GAAG,4uVAA4uV;;MCQ7vV,kBAAkB,iBAAAA,kBAAA,CAAA,MAAA,kBAAA,SAAAC,CAAA,CAAA;AAL/B,IAAA,WAAA,GAAA;;;;;AAME;;AAEG;AAEH,QAAA,IAAK,CAAA,KAAA,GAAuB,EAAE;AAE9B;;AAEG;AAEH,QAAA,IAAS,CAAA,SAAA,GAAG,KAAK;AAQjB,QAAA,IAAA,CAAA,WAAW,GAAG,CAAC,IAAsB,KAAI;AACvC,YAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;AAC9B,SAAC;AAqBF;IAnBC,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE;AACL,gBAAA,+GAA+G,EAAE,IAAI;AACrH,gBAAA,OAAO,EAAE,CAAC,IAAI,CAAC,SAAS;gBACxB,QAAQ,EAAE,IAAI,CAAC,SAAS;aACzB,EAAA,EAEA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,KAClB,CAAA,CAAA,IAAA,EAAA,EAAI,KAAK,EAAC,wGAAwG,EAAC,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IACnK,IAAI,CAAC,KAAK,CACR,CACN,CAAC,CACC,CACA;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/sula-menu-select-list/sula-menu-select-list.scss?tag=sula-menu-select-list&encapsulation=shadow","src/components/sula-menu-select-list/sula-menu-select-list.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.sula-menu-select-list {\n  box-shadow: 0px 8px 16px 0px #0000000a;\n}\n","import { Component, Event, EventEmitter, Host, Prop, h } from '@stencil/core';\nimport { SulaMenuListItem } from './model/sula-menu-select-list.model';\n\n@Component({\n  tag: 'sula-menu-select-list',\n  styleUrl: 'sula-menu-select-list.scss',\n  shadow: true,\n})\nexport class SulaMenuSelectList {\n  /**\n   * Items for list\n   */\n  @Prop({ mutable: true })\n  items: SulaMenuListItem[] = [];\n\n  /**\n   * Menu is full width\n   */\n  @Prop()\n  fullWidth = false;\n\n  /**\n   * Event emitted when item is selected\n   */\n  @Event()\n  itemSelected: EventEmitter<SulaMenuListItem>;\n\n  handleClick = (item: SulaMenuListItem) => {\n    this.itemSelected.emit(item);\n  };\n\n  render() {\n    return (\n      <Host>\n        <ul\n          class={{\n            'bg-surface-body border border-line-general sula-menu-select-list rounded-sm py-12 max-h-[260px] overflow-auto': true,\n            'w-300': !this.fullWidth,\n            'w-full': this.fullWidth,\n          }}\n        >\n          {this.items.map(item => (\n            <li class=\"w-full px-24 py-16 text-base leading-4 text-text-primary hover:bg-states-empty-bg-hover cursor-pointer\" key={item.id} onClick={() => this.handleClick(item)}>\n              {item.title}\n            </li>\n          ))}\n        </ul>\n      </Host>\n    );\n  }\n}\n"],"version":3}