@govbr-ds/webcomponents 2.0.0-next.44 → 2.0.0-next.45

package/dist/webcomponents/p-df308ecd.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["checkgroupCss","Checkgroup","constructor","hostRef","this","labelSelecionado","labelDesselecionado","indeterminate","customId","checkgroupId","checked","isIndeterminate","handleAllCheckboxChange","checkListAll","Array","from","el","querySelectorAll","forEach","item","parentCheckbox","_a","shadowRoot","querySelector","componentWillLoad","hasAttribute","updateGroupState","getCssClassMap","handleChange","event","target","isParentCheckbox","allChecked","every","noneChecked","render","h","Host","key","class","style","width","label","name","onCheckedChange","bind"],"sources":["../../packages/webcomponents/src/components/checkgroup/checkgroup.scss?tag=br-checkgroup&encapsulation=shadow","../../packages/webcomponents/src/components/checkgroup/checkgroup.tsx"],"sourcesContent":["@import \"~@govbr-ds/core/src/components/checkbox/checkbox\";\n\n:host {\n  display: block;\n}\n","import { AttachInternals, Component, Element, h, Host, Listen, Prop, State } from '@stencil/core'\n\nimport { CssClassMap } from '../../utils/interfaces'\n\n/**\n * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/utilitarios/js/checkgroup?tab=desenvolvedor).\n *\n * @slot default - Slot para adicionar os checkboxes que serão controlados pelo checkgroup.\n */\n@Component({\n  tag: 'br-checkgroup',\n  styleUrl: 'checkgroup.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Checkgroup {\n  /**\n   * Referência ao elemento host do componente.\n   * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.\n   */\n  @Element() el: HTMLBrCheckgroupElement\n\n  @AttachInternals() elementInternals: ElementInternals\n\n  /**\n   * Texto descritivo do grupo.\n   */\n  @Prop() label: string\n\n  /**\n   * Define o texto do label quando o checkbox está marcado.\n   */\n  @Prop({ reflect: true }) labelSelecionado: string = 'Desselecionar tudo'\n\n  /**\n   * Define o texto do label quando o checkbox está desmarcado.\n   */\n  @Prop({ reflect: true }) labelDesselecionado: string = 'Selecionar tudo'\n\n  /**\n   * Define o estado intermediário do checkbox.\n   * Se definido como verdadeiro, o checkbox exibirá um estado intermediário, que é um estado visual que indica que a opção está parcialmente selecionada.\n   * Este estado é útil quando o checkbox faz parte de um grupo com seleção parcial.\n   */\n  @Prop({ reflect: true }) indeterminate: boolean = false\n\n  /**\n   * Identificador único.\n   * Caso não seja fornecido, um ID gerado automaticamente será usado.\n   */\n  @Prop({ reflect: true }) readonly customId: string = `br-checkgroup-${checkgroupId++}`\n\n  /**\n   * Define o estado de seleção do checkbox.\n   * Se definido como verdadeiro, o checkbox estará marcado. Caso contrário, estará desmarcado.\n   */\n  @State() checked: boolean = false\n\n  /**\n   * Indica se o grupo de checkboxes está indeterminado\n   */\n  @State() isIndeterminate: boolean = false\n\n  componentWillLoad() {\n    this.isIndeterminate = this.el.hasAttribute('indeterminate')\n\n    this.updateGroupState()\n  }\n\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-checkgroup': true,\n    }\n  }\n\n  @Listen('checkedChange', {\n    target: 'document',\n  })\n  handleChange(event: Event) {\n    const target = event.target as HTMLBrCheckboxElement\n\n    if (this.isParentCheckbox(target)) {\n      this.checked = !this.checked\n      this.handleAllCheckboxChange()\n    } else {\n      this.updateGroupState()\n    }\n  }\n\n  private isParentCheckbox(target: HTMLBrCheckboxElement): boolean {\n    return target === this.el.shadowRoot?.querySelector('br-checkbox')\n  }\n\n  private readonly handleAllCheckboxChange = () => {\n    const checkListAll = Array.from(this.el.querySelectorAll('br-checkbox'))\n\n    checkListAll.forEach((item) => {\n      item.checked = this.checked\n      item.indeterminate = false\n    })\n\n    const parentCheckbox = this.el.shadowRoot?.querySelector('br-checkbox')\n    if (parentCheckbox !== null) {\n      parentCheckbox.indeterminate = false\n    }\n  }\n\n  private updateGroupState() {\n    const checkListAll = Array.from(this.el.querySelectorAll('br-checkbox'))\n    const allChecked = checkListAll.every((item) => item.checked)\n    const noneChecked = checkListAll.every((item) => !item.checked)\n\n    if (allChecked) {\n      this.checked = true\n      this.isIndeterminate = false\n    } else if (noneChecked) {\n      this.checked = false\n      this.isIndeterminate = false\n    } else {\n      this.checked = false\n      this.isIndeterminate = true\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={this.getCssClassMap()} style={{ width: '100%' }}>\n          {this.label && <label>{this.label}</label>}\n          <div class=\"mb-1\">\n            <div class=\"checkgroup-example\">\n              <br-checkbox\n                name={`checkgroup-${this.customId}`}\n                checked={this.checked}\n                indeterminate={this.isIndeterminate}\n                label={this.checked ? this.labelDesselecionado : this.labelSelecionado}\n                aria-label={this.checked ? this.labelDesselecionado : this.labelSelecionado}\n                onCheckedChange={this.handleChange.bind(this)}\n              ></br-checkbox>\n            </div>\n          </div>\n          <div class=\"mb-1 ml-2\">\n            <slot></slot>\n          </div>\n        </div>\n      </Host>\n    )\n  }\n}\n\nlet checkgroupId = 0\n"],"mappings":";;;;;;AAAA,MAAMA,IAAgB;;MCeTC,IAAU;EANvB,WAAAC,CAAAC;;;;;;;;;;eAuB2BC,KAAgBC,mBAAW;;;eAK3BD,KAAmBE,sBAAW;;;;;eAO9BF,KAAaG,gBAAY;;;;eAMhBH,KAAAI,WAAmB,iBAAiBC;;;;;IAM7DL,KAAOM,UAAY;;;eAKnBN,KAAeO,kBAAY;IAgCnBP,KAAuBQ,0BAAG;;MACzC,MAAMC,IAAeC,MAAMC,KAAKX,KAAKY,GAAGC,iBAAiB;MAEzDJ,EAAaK,SAASC;QACpBA,EAAKT,UAAUN,KAAKM;QACpBS,EAAKZ,gBAAgB;AAAK;MAG5B,MAAMa,KAAiBC,IAAAjB,KAAKY,GAAGM,gBAAY,QAAAD,WAAA,aAAAA,EAAAE,cAAc;MACzD,IAAIH,MAAmB,MAAM;QAC3BA,EAAeb,gBAAgB;;;AA6CpC;EArFC,iBAAAiB;IACEpB,KAAKO,kBAAkBP,KAAKY,GAAGS,aAAa;IAE5CrB,KAAKsB;;EAGC,cAAAC;IACN,OAAO;MACL,iBAAiB;;;EAOrB,YAAAC,CAAaC;IACX,MAAMC,IAASD,EAAMC;IAErB,IAAI1B,KAAK2B,iBAAiBD,IAAS;MACjC1B,KAAKM,WAAWN,KAAKM;MACrBN,KAAKQ;WACA;MACLR,KAAKsB;;;EAID,gBAAAK,CAAiBD;;IACvB,OAAOA,QAAWT,IAAAjB,KAAKY,GAAGM,gBAAU,QAAAD,WAAA,aAAAA,EAAEE,cAAc;;EAiB9C,gBAAAG;IACN,MAAMb,IAAeC,MAAMC,KAAKX,KAAKY,GAAGC,iBAAiB;IACzD,MAAMe,IAAanB,EAAaoB,OAAOd,KAASA,EAAKT;IACrD,MAAMwB,IAAcrB,EAAaoB,OAAOd,MAAUA,EAAKT;IAEvD,IAAIsB,GAAY;MACd5B,KAAKM,UAAU;MACfN,KAAKO,kBAAkB;WAClB,IAAIuB,GAAa;MACtB9B,KAAKM,UAAU;MACfN,KAAKO,kBAAkB;WAClB;MACLP,KAAKM,UAAU;MACfN,KAAKO,kBAAkB;;;EAI3B,MAAAwB;IACE,OACEC,EAACC,GAAI;MAAAC,KAAA;OACHF,EAAA;MAAAE,KAAA;MAAKC,OAAOnC,KAAKuB;MAAkBa,OAAO;QAAEC,OAAO;;OAChDrC,KAAKsC,SAASN,EAAA;MAAAE,KAAA;OAAQlC,KAAKsC,QAC5BN,EAAK;MAAAE,KAAA;MAAAC,OAAM;OACTH,EAAK;MAAAE,KAAA;MAAAC,OAAM;OACTH,EAAA;MAAAE,KAAA;MACEK,MAAM,cAAcvC,KAAKI;MACzBE,SAASN,KAAKM;MACdH,eAAeH,KAAKO;MACpB+B,OAAOtC,KAAKM,UAAUN,KAAKE,sBAAsBF,KAAKC;MAC1C,cAAAD,KAAKM,UAAUN,KAAKE,sBAAsBF,KAAKC;MAC3DuC,iBAAiBxC,KAAKwB,aAAaiB,KAAKzC;UAI9CgC,EAAK;MAAAE,KAAA;MAAAC,OAAM;OACTH,EAAA;MAAAE,KAAA;;;;;;;;;;;AAQZ,IAAI7B,IAAe","ignoreList":[]}

package/dist/webcomponents/p-fb3e3276.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["footerLogoCss","FooterLogo","constructor","hostRef","this","customId","Helpers","generateUniqueId","src","description","position","isPartner","target","getCssClassMap","logo","partner","getRootCssClassMap","createImageElement","h","alt","render","Host","key","class","id","href","trim","Object","assign","rel"],"sources":["../../packages/webcomponents/src/components/footer-logo/footer-logo.scss?tag=br-footer-logo&encapsulation=shadow","../../packages/webcomponents/src/components/footer-logo/footer-logo.tsx"],"sourcesContent":["@import \"~@govbr-ds/core/src/components/footer/mixins\";\n@include footer-logo;\n\n:host {\n  display: block;\n}\n\n:host(.partner) {\n  display: inline-block;\n}\n\n.logo {\n  &.partner {\n    margin-left: var(--spacing-scale-3x);\n    text-decoration: none;\n    padding: 0;\n  }\n\n  a {\n    text-decoration: none;\n\n    &:hover,\n    &:focus {\n      background-image: none;\n    }\n  }\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core'\n\nimport Helpers from '../../utils/helpers'\nimport { CssClassMap } from '../../utils/interfaces'\n\n/**\n * O subcomponente `br-footer-logo` representa a logo principal do site ou a logo dos parceiros.\n * Ele deve ser utilizado como filho direto do componente [`br-footer`](/docs/components/footer).\n * Para que ele represente a logo principal do site, o atributo `is-partner` deve ser definido como `false`, ou não deve ser definido.\n * Para que ele represente a logo de um parceiro, o atributo `is-partner` deve ser definido como `true`.\n */\n@Component({\n  tag: 'br-footer-logo',\n  styleUrl: 'footer-logo.scss',\n  shadow: true,\n})\nexport class FooterLogo {\n  /**\n   * Referência ao elemento host do componente.\n   * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.\n   */\n  @Element() el: HTMLBrFooterLogoElement\n\n  /**\n   * Identificador único.\n   * Caso não seja fornecido, um ID gerado automaticamente será usado.\n   */\n  @Prop({ reflect: true }) readonly customId: string = Helpers.generateUniqueId()\n\n  /**\n   * Url da logo padrão.\n   */\n  @Prop({ reflect: true }) src: string = ''\n\n  /**\n   * Descrição da logo.\n   */\n  @Prop({ reflect: true }) description: string = 'logo'\n\n  /**\n   * Posição da logo.\n   */\n  @Prop({ reflect: true }) position: 'left' | 'center' | 'right' = 'left'\n\n  /**\n   * Define se a logo é de um parceiro.\n   */\n  @Prop({ reflect: true }) readonly isPartner: boolean = false\n\n  /**\n   * URL de destino quando a logo for clicada.\n   * Se fornecido, a logo será envolvida em um link.\n   */\n  @Prop({ reflect: true }) href?: string\n\n  /**\n   * Target do link quando href é fornecido.\n   */\n  @Prop({ reflect: true }) target?: '_blank' | '_self' | '_parent' | '_top' = '_self'\n\n  /**\n   * Monta o mapa de classes CSS que serão aplicadas ao componente.\n   * @returns Objeto com as classes CSS que serão aplicadas ao componente.\n   */\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-footer-logo': true,\n      logo: true,\n      'text-sm-left': this.position === 'left',\n      'text-sm-center': this.position === 'center',\n      'text-sm-right': this.position === 'right',\n      partner: this.isPartner,\n    }\n  }\n\n  /**\n   * Monta o mapa de classes CSS que serão aplicadas ao host do componente.\n   * @returns Objeto com as classes CSS que serão aplicadas ao host do componente.\n   */\n  private getRootCssClassMap(): CssClassMap {\n    return {\n      partner: this.isPartner,\n    }\n  }\n\n  /**\n   * Cria o elemento de imagem da logo.\n   * @returns JSX do elemento img.\n   */\n  private createImageElement() {\n    return <img src={this.src} alt={this.description} />\n  }\n\n  /**\n   * Monta o JSX que representa o componente.\n   * @returns JSX que representa o componente.\n   */\n  render() {\n    return (\n      <Host class={this.getRootCssClassMap()}>\n        <div id={this.customId} class={this.getCssClassMap()}>\n          {this.href && this.href.trim() !== '' ? (\n            <a href={this.href} target={this.target} {...(this.target === '_blank' && { rel: 'noopener noreferrer' })}>\n              {this.createImageElement()}\n            </a>\n          ) : (\n            this.createImageElement()\n          )}\n        </div>\n      </Host>\n    )\n  }\n}\n"],"mappings":";;;;;;;;AAAA,MAAMA,IAAgB;;MCgBTC,IAAU;EALvB,WAAAC,CAAAC;;;;;eAgBoCC,KAAAC,WAAmBC,EAAQC;;;eAKpCH,KAAGI,MAAW;;;eAKdJ,KAAWK,cAAW;;;eAKtBL,KAAQM,WAAgC;;;eAK/BN,KAASO,YAAY;;;eAW9BP,KAAMQ,SAA6C;AAsD7E;;;;SAhDS,cAAAC;IACN,OAAO;MACL,kBAAkB;MAClBC,MAAM;MACN,gBAAgBV,KAAKM,aAAa;MAClC,kBAAkBN,KAAKM,aAAa;MACpC,iBAAiBN,KAAKM,aAAa;MACnCK,SAASX,KAAKO;;;;;;SAQV,kBAAAK;IACN,OAAO;MACLD,SAASX,KAAKO;;;;;;SAQV,kBAAAM;IACN,OAAOC,EAAK;MAAAV,KAAKJ,KAAKI;MAAKW,KAAKf,KAAKK;;;;;;SAOvC,MAAAW;IACE,OACEF,EAACG,GAAI;MAAAC,KAAA;MAACC,OAAOnB,KAAKY;OAChBE,EAAA;MAAAI,KAAA;MAAKE,IAAIpB,KAAKC;MAAUkB,OAAOnB,KAAKS;OACjCT,KAAKqB,QAAQrB,KAAKqB,KAAKC,WAAW,KACjCR,EAAA,KAAAS,OAAAC,OAAA;MAAGH,MAAMrB,KAAKqB;MAAMb,QAAQR,KAAKQ;OAAaR,KAAKQ,WAAW,YAAY;MAAEiB,KAAK;QAC9EzB,KAAKa,wBAGRb,KAAKa","ignoreList":[]}