@carbon/web-components 2.40.1 → 2.41.0

package/dist/tooltip.min.js

@@ -25,7 +25,7 @@
  * https://www.npmjs.com/package/@floating-ui/core
  */
 
-import{s as o}from"./tooltip-content-BZBP-szv.js";import{_ as e,r as t,x as n}from"./lit-element-eFlPHqE1.js";import{n as s}from"./property-B_F7V5eB.js";import{r as i}from"./state-CJQmj6wG.js";import{p}from"./settings-FSuH8xHs.js";import{P as r}from"./defs-CBJRLDfw.js";import"./popover.min.js";import{c as a}from"./carbon-element-DDrYm3XO.js";import"./host-listener-BCnAWDV7.js";import"./host-listener-BJsBtsIt.js";import"./on-DvnWS_DB.js";import"./class-map-CJoc5JjN.js";import"./directive-Dlo2OKiC.js";import"./query-BdmT5Ln1.js";import"./floating-controller-CnuSelc_.js";let l=class extends t{constructor(){super(...arguments),this.align="bottom",this.autoalign=!1,this.defaultOpen=!1,this.openOnHover=!1,this.open=!1}connectedCallback(){super.connectedCallback(),this.hasAttribute("default-open")&&(this.open=!0)}_handleBlur(){this.open=!1}_handleMouseDown(){this.open=!this.open}_handleKeyDown(o){const{key:e}=o;!this.open||"Esc"!==e&&"Escape"!==e||(o.stopPropagation(),this.open=!1)}_handleHover(){this.openOnHover&&!this.open?this.open=!0:this.open=!1}_handleFocus(){this.open=!0}render(){const{align:o,open:e}=this;return n`
+import{s as o}from"./tooltip-content-Tyg0Hg0i.js";import{_ as e,r as t,x as n}from"./lit-element-eFlPHqE1.js";import{n as s}from"./property-B_F7V5eB.js";import{r as i}from"./state-CJQmj6wG.js";import{p}from"./settings-FSuH8xHs.js";import{P as r}from"./floating-controller-CxZPAslz.js";import"./popover.min.js";import{c as a}from"./carbon-element-DDrYm3XO.js";import"./host-listener-BCnAWDV7.js";import"./host-listener-BJsBtsIt.js";import"./on-DvnWS_DB.js";import"./class-map-CJoc5JjN.js";import"./directive-Dlo2OKiC.js";import"./query-BdmT5Ln1.js";let l=class extends t{constructor(){super(...arguments),this.align="bottom",this.autoalign=!1,this.defaultOpen=!1,this.openOnHover=!1,this.open=!1}connectedCallback(){super.connectedCallback(),this.hasAttribute("default-open")&&(this.open=!0)}_handleBlur(){this.open=!1}_handleMouseDown(){this.open=!this.open}_handleKeyDown(o){const{key:e}=o;!this.open||"Esc"!==e&&"Escape"!==e||(o.stopPropagation(),this.open=!1)}_handleHover(){this.openOnHover&&!this.open?this.open=!0:this.open=!1}_handleFocus(){this.open=!0}render(){const{align:o,open:e}=this;return n`
       <cds-popover
         @mouseenter=${this._handleHover}
         @mouseleave=${this._handleHover}

package/dist/tree-view.min.js

@@ -34,7 +34,7 @@ import{i as e,_ as t,r,x as d}from"./lit-element-eFlPHqE1.js";import{e as s}from
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-let f=class extends r{constructor(){super(...arguments),this._hasChildren=!1,this._hasIcon=!1,this._handleStyles=()=>{const{_depth:e,_hasChildren:t,_hasIcon:r}=this,d=()=>t&&r?e+1+.5*e:t?e+1:r?e+2+.5*e:e+2.5,s=this.shadowRoot.querySelector(`.${n}--tree-node__label`);s&&(s.style.marginInlineStart=`-${d()}rem`,s.style.paddingInlineStart=`${d()}rem`)},this._handleToggleClick=e=>{const{disabled:t,href:r}=this;t||(e.stopPropagation(),r&&e.preventDefault(),this.isExpanded=!this.isExpanded,this.hasAttribute("aria-expanded")&&this.setAttribute("aria-expanded",String(this.isExpanded)))},this.active=!1,this.disabled=!1,this._depth=0,this.isExpanded=!1,this.id=Math.random().toString(16).slice(2),this.selected=!1}_handleSlotChange({target:e}){const{_depth:t,disabled:r}=this,d=e.assignedNodes().filter((e=>e.nodeType===Node.ELEMENT_NODE&&e.tagName.toLowerCase()===`${n}-tree-node`));d.forEach((e=>{e._depth=t+1,e.disabled=r})),this._hasChildren=d.length>0,this._hasChildren&&this.setAttribute("parent",""),this.requestUpdate()}_handleIconSlotChange({target:e}){this._hasIcon=e.assignedNodes().length>0,this._hasIcon&&this.setAttribute("has-icon",""),this.requestUpdate()}connectedCallback(){super.connectedCallback(),this._hasChildren=Array.from(this.children).some((e=>e.tagName.toLowerCase()===`${n}-tree-node`)),this._hasIcon=Array.from(this.children).some((e=>"icon"===e.getAttribute("slot"))),this.hasAttribute("role")||this.href||this.setAttribute("role","treeitem"),this.hasAttribute("aria-owns")||!this._hasChildren||this.href||this.setAttribute("aria-owns",`subtree-id-${this.id}`),this._hasChildren&&!this.href&&this.setAttribute("aria-expanded",String(this.isExpanded)),this.hasAttribute("aria-label")||this.setAttribute("aria-label",this.label)}_dispatchSelectedEvent(e){const{eventSelected:t}=this.constructor;this.dispatchEvent(new CustomEvent(t,{bubbles:!0,composed:!0,detail:{value:e}}))}_dispatchToggledEvent(e,t){const{eventToggled:r}=this.constructor;this.dispatchEvent(new CustomEvent(r,{bubbles:!0,composed:!0,detail:{value:e,expanded:t}}))}updated(e){e.has("_depth")&&this._handleStyles(),e.has("selected")&&(this.href||this.setAttribute("aria-selected",String(this.href||this.disabled?void 0:this.selected)),this.selected&&this._dispatchSelectedEvent(this.label)),e.has("active")&&!this.href&&this.setAttribute("aria-current",String(this.href?this.active?"page":void 0:this.active||void 0)),e.has("disabled")&&this.setAttribute("aria-disabled",String(this.disabled)),e.has("isExpanded")&&this._dispatchToggledEvent(this.label,this.isExpanded)}render(){const{disabled:e,isExpanded:t,href:r,id:o,label:i,onClick:l,_hasChildren:c,_handleIconSlotChange:h,_handleSlotChange:b,_handleToggleClick:f}=this;let _=`${n}--tree-parent-node__toggle-icon`;t&&(_+=`${n}--tree-parent-node__toggle-icon--expanded`);const m=s({[`${n}--tree-node`]:!0,[`${n}--tree-node--active`]:this.active,[`${n}--tree-node--disabled`]:e,[`${n}--tree-node--selected`]:this.selected,[`${n}--tree-node--with-icon`]:this._hasIcon,[`${n}--tree-leaf-node`]:!this._hasChildren,[`${n}--tree-parent-node`]:this._hasChildren}),u=s({[`${n}--tree-node__children`]:!0,[`${n}--tree-node__hidden`]:!t});return d`
+let f=class extends r{constructor(){super(...arguments),this._hasChildren=!1,this._hasIcon=!1,this._handleStyles=()=>{const{_depth:e,_hasChildren:t,_hasIcon:r}=this,d=()=>t&&r?e+1+.5*e:t?e+1:r?e+2+.5*e:e+2.5,s=this.shadowRoot.querySelector(`.${n}--tree-node__label`);s&&(s.style.marginInlineStart=`-${d()}rem`,s.style.paddingInlineStart=`${d()}rem`)},this._handleToggleClick=e=>{const{disabled:t,href:r}=this;t||(e.stopPropagation(),r&&e.preventDefault(),this.isExpanded=!this.isExpanded,this.hasAttribute("aria-expanded")&&this.setAttribute("aria-expanded",String(this.isExpanded)))},this.active=!1,this.disabled=!1,this._depth=0,this.isExpanded=!1,this.id=Math.random().toString(16).slice(2),this.selected=!1}_handleSlotChange({target:e}){const{_depth:t,disabled:r}=this,d=e.assignedNodes().filter((e=>e.nodeType===Node.ELEMENT_NODE&&e.tagName.toLowerCase()===`${n}-tree-node`));d.forEach((e=>{e._depth=t+1,e.disabled=r})),this._hasChildren=d.length>0,this._hasChildren&&this.setAttribute("parent",""),this.requestUpdate()}_handleIconSlotChange({target:e}){this._hasIcon=e.assignedNodes().length>0,this._hasIcon&&this.setAttribute("has-icon",""),this.requestUpdate()}connectedCallback(){super.connectedCallback(),this._hasChildren=Array.from(this.children).some((e=>e.tagName.toLowerCase()===`${n}-tree-node`)),this._hasIcon=Array.from(this.children).some((e=>"icon"===e.getAttribute("slot"))),this.hasAttribute("role")||this.href||this.setAttribute("role","treeitem"),this._hasChildren&&!this.href&&this.setAttribute("aria-expanded",String(this.isExpanded)),this.hasAttribute("aria-label")||this.setAttribute("aria-label",this.label)}_dispatchSelectedEvent(e){const{eventSelected:t}=this.constructor;this.dispatchEvent(new CustomEvent(t,{bubbles:!0,composed:!0,detail:{value:e}}))}_dispatchToggledEvent(e,t){const{eventToggled:r}=this.constructor;this.dispatchEvent(new CustomEvent(r,{bubbles:!0,composed:!0,detail:{value:e,expanded:t}}))}updated(e){e.has("_depth")&&this._handleStyles(),e.has("selected")&&(this.href||this.setAttribute("aria-selected",String(this.href||this.disabled?void 0:this.selected)),this.selected&&this._dispatchSelectedEvent(this.label)),e.has("active")&&!this.href&&this.setAttribute("aria-current",String(this.href?this.active?"page":void 0:this.active||void 0)),e.has("disabled")&&this.setAttribute("aria-disabled",String(this.disabled)),e.has("isExpanded")&&this._dispatchToggledEvent(this.label,this.isExpanded)}render(){const{disabled:e,isExpanded:t,href:r,id:o,label:i,onClick:l,_hasChildren:c,_handleIconSlotChange:h,_handleSlotChange:b,_handleToggleClick:f}=this;let _=`${n}--tree-parent-node__toggle-icon`;t&&(_+=`${n}--tree-parent-node__toggle-icon--expanded`);const m=s({[`${n}--tree-node`]:!0,[`${n}--tree-node--active`]:this.active,[`${n}--tree-node--disabled`]:e,[`${n}--tree-node--selected`]:this.selected,[`${n}--tree-node--with-icon`]:this._hasIcon,[`${n}--tree-leaf-node`]:!this._hasChildren,[`${n}--tree-parent-node`]:this._hasChildren}),u=s({[`${n}--tree-node__children`]:!0,[`${n}--tree-node__hidden`]:!t});return d`
       ${c?d`
             ${r?d` <a
                     role="treeitem"
@@ -59,7 +59,10 @@ let f=class extends r{constructor(){super(...arguments),this._hasChildren=!1,thi
                       </span>
                     </div>
                   </a>
-                  <ul id="subtree-id-${o} role="group" class="${u}">
+                  <ul
+                    id="subtree-id-${o}"
+                    role="group"
+                    class="${u}">
                     <slot @slotchange=${b}></slot>
                   </ul>`:d`<div id="label" class="${n}--tree-node__label">
                     <span