v4web-components/dist/esm/lab-ds-chip-group.entry.js

Stencil Component Starter

import { r as registerInstance, c as createEvent, h } from './index-0b720089.js';

const labDsChipGroupCss = ".chip-group{display:flex;flex-wrap:wrap;align-items:center;gap:var(--lab-ds-semantic-placeholder-space-gap-m);padding:var(--lab-ds-semantic-placeholder-space-padding-none)}.clear-all{text-decoration:underline;margin-left:var(--lab-ds-semantic-placeholder-space-gap-xxl);font:var(--lab-ds-semantic-typography-body-decoration-underlined-p2-regular);color:black;cursor:pointer}";

const LabDsChipGroup = class {
  constructor(hostRef) {
    registerInstance(this, hostRef);
    this.handleCloseChip = createEvent(this, "handleCloseChip", 7);
    this.handleClearAll = createEvent(this, "handleClearAll", 7);
    this.size = 'medium';
    this.avatar = false;
    this.chips = [];
  }
  handleClickChip(id) {
    id && this.handleCloseChip.emit(id);
  }
  handleClickClearAll() {
    this.handleClearAll.emit();
  }
  render() {
    return (h("div", { class: "chip-group" }, this.chips.map(chip => (h("lab-ds-chip", { onHandleCloseChip: () => this.handleClickChip(chip.id), key: chip.id, avatar: this.avatar, size: this.size, label: chip.label }))), this.chips.length > 0 && h("lab-ds-button", { variant: "link-button", label: "Limpar op\u00E7\u00F5es", onHandleButton: () => this.handleClickClearAll() })));
  }
};
LabDsChipGroup.style = labDsChipGroupCss;

export { LabDsChipGroup as lab_ds_chip_group };

//# sourceMappingURL=lab-ds-chip-group.entry.js.map