UNPKG

@esri/calcite-components

Version:

Web Components for Esri's Calcite Design System.

5 lines (4 loc) 2.59 kB
/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified. See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details. v3.2.1 */ import{e as m,i as d}from"./ZCIGG4BA.js";import"./3ADX47DD.js";import{a as n}from"./NNVH7JUI.js";import{E as s,F as e,G as c,H as t,R as r,c as l,d as a}from"./BJZTU5BQ.js";var i={list:"list",label:"label",title:"title"},g=l`.scale--s{font-size:var(--calcite-font-size--2);line-height:1rem;--calcite-combobox-item-spacing-unit: .5rem}.scale--m{font-size:var(--calcite-font-size--1);line-height:1rem;--calcite-combobox-item-spacing-unit: .75rem}.scale--l{font-size:var(--calcite-font-size-0);line-height:1.25rem;--calcite-combobox-item-spacing-unit: 1rem}:host,.list{margin:0;display:flex;flex-direction:column;padding:0}:host(:focus),.list:focus{outline:2px solid transparent;outline-offset:2px}.label{box-sizing:border-box;display:flex;inline-size:100%;min-inline-size:0px;max-inline-size:100%}.title{--calcite-combobox-item-indent-value: calc( var(--calcite-combobox-item-spacing-unit) * var(--calcite-combobox-item-spacing-indent-multiplier) );border:0 solid;display:block;flex:1 1 0%;border-block-end-width:1px;font-weight:var(--calcite-font-weight-bold);word-wrap:break-word;word-break:break-word;padding:var(--calcite-combobox-item-spacing-unit);margin-inline-start:var(--calcite-combobox-item-indent-value);color:var(--calcite-combobox-item-group-text-color, var(--calcite-color-text-2));border-block-end-color:var(--calcite-combobox-item-group-border-color, var(--calcite-color-border-3))}::slotted(calcite-combobox-item-group:not([after-empty-group])){padding-block-start:var(--calcite-combobox-item-spacing-unit)}:host([hidden]){display:none}[hidden]{display:none}:host([item-hidden]){display:none}`,o=class extends s{constructor(){super(...arguments),this.guid=n(),this.afterEmptyGroup=!1,this.scale="m",this.itemHidden=!1}static{this.properties={afterEmptyGroup:[7,{},{reflect:!0,type:Boolean}],ancestors:[0,{},{attribute:!1}],label:1,scale:1,itemHidden:[7,{},{reflect:!0,type:Boolean}]}}static{this.styles=g}connectedCallback(){super.connectedCallback(),this.ancestors=m(this.el)}render(){let{el:p,scale:b}=this,u=d(p);return a`<ul aria-labelledby=${this.guid??t} class=${e({[i.list]:!0,[`scale--${b}`]:!0})} role=group><li class=${e({[i.label]:!0})} id=${this.guid??t} role=presentation style=${c({"--calcite-combobox-item-spacing-indent-multiplier":`${u}`})}><span class=${e(i.title)}>${this.label}</span></li><slot></slot></ul>`}};r("calcite-combobox-item-group",o);export{o as ComboboxItemGroup};