npm - @carbon/web-components - Versions diffs - 2.34.0 → 2.34.1 - Mend

@carbon/web-components 2.34.0 → 2.34.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (525) hide show

package/dist/components/inline-loading/inline-loading.scss.min.js CHANGED Viewed

@@ -20,8 +20,8 @@
  * https://www.npmjs.com/package/lit-html
  * https://www.npmjs.com/package/lit-element
  * https://www.npmjs.com/package/@lit/reactive-element
- * https://www.npmjs.com/package/@floating-ui/core
  * https://www.npmjs.com/package/@floating-ui/utils
+ * https://www.npmjs.com/package/@floating-ui/core
  */
 import"../../node_modules/@lit/reactive-element/reactive-element.min.js";import"../../node_modules/lit-html/lit-html.min.js";import"../../node_modules/lit-element/lit-element.min.js";import{css as e}from"../../node_modules/@lit/reactive-element/css-tag.min.js";var r=e([".cds--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds--layer-one.cds--layer__with-background,.cds--layer-three.cds--layer__with-background,.cds--layer-two.cds--layer__with-background{background-color:var(--cds-layer-background)}.cds--loading{animation-duration:.69s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:cds--rotate;animation-timing-function:linear;block-size:5.5rem;border:0;box-sizing:border-box;font-family:inherit;font-size:100%;inline-size:5.5rem;margin:0;padding:0;vertical-align:baseline}.cds--loading *,.cds--loading :after,.cds--loading :before{box-sizing:inherit}.cds--loading svg circle{animation-duration:10ms;animation-name:cds--init-stroke;animation-timing-function:cubic-bezier(.5,0,.1,1)}@media screen and (prefers-reduced-motion:reduce){.cds--loading svg circle{animation:none}}.cds--loading__svg{fill:transparent}.cds--loading__svg circle{stroke-dasharray:276.4608 276.4608;stroke-linecap:butt;stroke-width:10}.cds--loading__stroke{stroke:var(--cds-interactive,#0f62fe);stroke-dashoffset:52.527552}.cds--loading--small .cds--loading__stroke{stroke-dashoffset:143.759616}.cds--loading--stop{animation:cds--rotate-end-p1 .7s cubic-bezier(0,0,.25,1) forwards,cds--rotate-end-p2 .7s cubic-bezier(0,0,.25,1) .7s forwards}.cds--loading--stop svg circle{animation-delay:.7s;animation-duration:.7s;animation-fill-mode:forwards;animation-name:cds--stroke-end;animation-timing-function:cubic-bezier(0,0,.25,1)}@media screen and (prefers-reduced-motion:reduce){.cds--loading--stop svg circle{animation:none}}.cds--loading--small{block-size:1rem;inline-size:1rem;line-height:1rem}.cds--loading--small circle{stroke-width:16}.cds--loading--small .cds--loading__svg{stroke:var(--cds-interactive,#0f62fe)}.cds--loading__background{stroke:var(--cds-layer-accent);stroke-dashoffset:-22}@media not all and (resolution >= 0.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent){circle.cds--loading__background{stroke-dasharray:265;stroke-dashoffset:0}}}.cds--loading-overlay{align-items:center;background-color:var(--cds-overlay,hsla(0,0%,9%,.5));block-size:100%;display:flex;inline-size:100%;inset-block-start:0;inset-inline-start:0;justify-content:center;position:fixed;transition:background-color .7s cubic-bezier(.4,.14,.3,1);z-index:6000}.cds--loading-overlay--stop{display:none}@keyframes cds--rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes cds--rotate-end-p1{to{transform:rotate(1turn)}}@keyframes cds--rotate-end-p2{to{transform:rotate(-1turn)}}@keyframes cds--init-stroke{0%{stroke-dashoffset:276.4608}to{stroke-dashoffset:52.527552}}@keyframes cds--stroke-end{0%{stroke-dashoffset:52.527552}to{stroke-dashoffset:276.4608}}@keyframes prefix--stroke{to{stroke-dashoffset:0}}.cds--inline-loading,:host(cds-inline-loading){align-items:center;display:flex;inline-size:100%;min-block-size:2rem}.cds--inline-loading__text{color:var(--cds-text-secondary,#525252);font-size:var(--cds-label-02-font-size,.875rem);font-weight:var(--cds-label-02-font-weight,400);letter-spacing:var(--cds-label-02-letter-spacing,.16px);line-height:var(--cds-label-02-line-height,1.28572)}.cds--inline-loading__animation{align-items:center;display:flex;justify-content:center;margin-inline-end:.5rem;position:relative}.cds--inline-loading__checkmark-container{fill:var(--cds-support-success,#24a148)}.cds--inline-loading__checkmark-container.cds--inline-loading__svg{inline-size:.75rem;inset-block-start:.75rem;position:absolute}.cds--inline-loading__checkmark-container[hidden]{display:none}.cds--inline-loading__checkmark{animation-duration:.25s;animation-fill-mode:forwards;animation-name:cds--stroke;fill:none;stroke:var(--cds-interactive,#0f62fe);stroke-dasharray:12;stroke-dashoffset:12;stroke-width:1.8;transform-origin:50% 50%}.cds--inline-loading--error{block-size:1rem;fill:var(--cds-support-error,#da1e28);inline-size:1rem}.cds--inline-loading--error[hidden]{display:none}.cds--loading--small .cds--inline-loading__svg{stroke:var(--cds-interactive,#0f62fe)}.cds--btn .cds--inline-loading--btn{min-block-size:0}.cds--btn .cds--inline-loading--btn .cds--inline-loading__text{font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572)}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){.cds--inline-loading__checkmark-container{inset-block-start:1px;inset-inline-end:.5rem}.cds--inline-loading__checkmark{animation:none;stroke-dasharray:0;stroke-dashoffset:0}}"]);export{r as default};

package/dist/components/layer/index.min.js CHANGED Viewed

@@ -20,8 +20,8 @@
  * https://www.npmjs.com/package/lit-html
  * https://www.npmjs.com/package/lit-element
  * https://www.npmjs.com/package/@lit/reactive-element
- * https://www.npmjs.com/package/@floating-ui/core
  * https://www.npmjs.com/package/@floating-ui/utils
+ * https://www.npmjs.com/package/@floating-ui/core
  */
 import"./layer.min.js";

package/dist/components/layer/layer.min.js CHANGED Viewed

@@ -20,8 +20,8 @@
  * https://www.npmjs.com/package/lit-html
  * https://www.npmjs.com/package/lit-element
  * https://www.npmjs.com/package/@lit/reactive-element
- * https://www.npmjs.com/package/@floating-ui/core
  * https://www.npmjs.com/package/@floating-ui/utils
+ * https://www.npmjs.com/package/@floating-ui/core
  */
 import{__decorate as e}from"../../node_modules/tslib/tslib.es6.min.js";import"../../node_modules/@lit/reactive-element/reactive-element.min.js";import{html as t}from"../../node_modules/lit-html/lit-html.min.js";import{LitElement as r}from"../../node_modules/lit-element/lit-element.min.js";import{property as s}from"../../node_modules/@lit/reactive-element/decorators/property.min.js";import{carbonElement as o}from"../../globals/decorators/carbon-element.min.js";import{prefix as l}from"../../globals/settings.min.js";import i from"./layer.scss.min.js";const m=0,n=2;let a=class extends r{constructor(){super(...arguments),this.level=0}updated(){this.layers||(this.layers=this.querySelectorAll(this.constructor.selectorLayer)),this.layers.forEach((e=>{const t=Math.max(0,Math.min(this.level+1,2));e.setAttribute("level",t.toString())})),this.dispatchEvent(new CustomEvent(this.constructor.eventUseLayer,{bubbles:!0,cancelable:!0,composed:!0,detail:{layer:this,level:this.level}}))}render(){return t` <slot></slot> `}static get selectorLayer(){return`${l}-layer`}static get eventUseLayer(){return`${l}-use-layer`}};a.styles=i,e([s({type:Number,reflect:!0})],a.prototype,"level",void 0),e([s()],a.prototype,"layers",void 0),e([s({type:Boolean,attribute:"with-background"})],a.prototype,"withBackground",void 0),a=e([o(`${l}-layer`)],a);export{n as MAX_LEVEL,m as MIN_LEVEL};

package/dist/components/layer/layer.scss.min.js CHANGED Viewed

@@ -20,8 +20,8 @@
  * https://www.npmjs.com/package/lit-html
  * https://www.npmjs.com/package/lit-element
  * https://www.npmjs.com/package/@lit/reactive-element
- * https://www.npmjs.com/package/@floating-ui/core
  * https://www.npmjs.com/package/@floating-ui/utils
+ * https://www.npmjs.com/package/@floating-ui/core
  */
 import"../../node_modules/@lit/reactive-element/reactive-element.min.js";import"../../node_modules/lit-html/lit-html.min.js";import"../../node_modules/lit-element/lit-element.min.js";import{css as e}from"../../node_modules/@lit/reactive-element/css-tag.min.js";var r=e([':root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds--layer-one,:host(cds-layer[level="0"]){--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds--layer-two,:host(cds-layer[level="1"]){--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds--layer-three,:host(cds-layer[level="2"]){--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds--layer-one.cds--layer__with-background,:host(:host(cds-layer[with-background]cds-layer[level="0"])){background-color:var(--cds-layer-background)}.cds--layer-two.cds--layer__with-background,:host(:host(cds-layer[with-background]cds-layer[level="1"])){background-color:var(--cds-layer-background)}.cds--layer-three.cds--layer__with-background,:host(:host(cds-layer[with-background]cds-layer[level="2"])){background-color:var(--cds-layer-background)}:host(cds-layer){display:block}']);export{r as default};

package/dist/components/link/index.min.js CHANGED Viewed

@@ -20,8 +20,8 @@
  * https://www.npmjs.com/package/lit-html
  * https://www.npmjs.com/package/lit-element
  * https://www.npmjs.com/package/@lit/reactive-element
- * https://www.npmjs.com/package/@floating-ui/core
  * https://www.npmjs.com/package/@floating-ui/utils
+ * https://www.npmjs.com/package/@floating-ui/core
  */
 import"./link.min.js";

package/dist/components/link/link.min.js CHANGED Viewed

@@ -20,8 +20,8 @@
  * https://www.npmjs.com/package/lit-html
  * https://www.npmjs.com/package/lit-element
  * https://www.npmjs.com/package/@lit/reactive-element
- * https://www.npmjs.com/package/@floating-ui/core
  * https://www.npmjs.com/package/@floating-ui/utils
+ * https://www.npmjs.com/package/@floating-ui/core
  */
 import{__decorate as e}from"../../node_modules/tslib/tslib.es6.min.js";import{classMap as t}from"../../node_modules/lit-html/directives/class-map.min.js";import{ifDefined as i}from"../../node_modules/lit-html/directives/if-defined.min.js";import"../../node_modules/@lit/reactive-element/reactive-element.min.js";import{html as o}from"../../node_modules/lit-html/lit-html.min.js";import{LitElement as s}from"../../node_modules/lit-element/lit-element.min.js";import{property as n}from"../../node_modules/@lit/reactive-element/decorators/property.min.js";import{query as l}from"../../node_modules/@lit/reactive-element/decorators/query.min.js";import{prefix as r}from"../../globals/settings.min.js";import d from"../../globals/mixins/focus.min.js";import a from"./link.scss.min.js";import{carbonElement as m}from"../../globals/decorators/carbon-element.min.js";const p={MEDIUM:"md"};let c=class extends(d(s)){constructor(){super(...arguments),this._hasIcon=!1,this.disabled=!1,this.inline=!1,this.size=p.MEDIUM,this.visited=!1}_handleSlotChange({target:e}){const{name:t}=e,i=e.assignedNodes().some((e=>e.nodeType!==Node.TEXT_NODE||e.textContent.trim()));this["icon"===t?"_hasIcon":""]=i,this.requestUpdate()}get _classes(){const{disabled:e,size:i,inline:o,visited:s,_hasIcon:n}=this;return t({[`${r}--link`]:!0,[`${r}--link--disabled`]:e,[`${r}--link--icon`]:n,[`${r}--link--inline`]:o,[`${r}--link--${i}`]:i,[`${r}--link--visited`]:s})}_handleClick(e){}_renderInner(){const{_hasIcon:e,_handleSlotChange:t}=this;return o`

package/dist/components/link/link.scss.min.js CHANGED Viewed

@@ -20,8 +20,8 @@
  * https://www.npmjs.com/package/lit-html
  * https://www.npmjs.com/package/lit-element
  * https://www.npmjs.com/package/@lit/reactive-element
- * https://www.npmjs.com/package/@floating-ui/core
  * https://www.npmjs.com/package/@floating-ui/utils
+ * https://www.npmjs.com/package/@floating-ui/core
  */
 import"../../node_modules/@lit/reactive-element/reactive-element.min.js";import"../../node_modules/lit-html/lit-html.min.js";import"../../node_modules/lit-element/lit-element.min.js";import{css as e}from"../../node_modules/@lit/reactive-element/css-tag.min.js";var i=e([".cds--link{border:0;box-sizing:border-box;color:var(--cds-link-text-color,var(--cds-link-primary,#0f62fe));display:inline-flex;font-family:inherit;font-size:100%;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);margin:0;outline:none;padding:0;text-decoration:none;transition:color 70ms cubic-bezier(.2,0,.38,.9);vertical-align:baseline}.cds--link *,.cds--link :after,.cds--link :before{box-sizing:inherit}.cds--link:hover{color:var(--cds-link-hover-text-color,var(--cds-link-primary-hover,#0043ce));text-decoration:underline}.cds--link:active,.cds--link:active:visited,.cds--link:active:visited:hover{color:var(--cds-link-text-color,var(--cds-link-primary,#0f62fe));outline:1px solid var(--cds-focus,#0f62fe);outline-color:var(--cds-link-focus-text-color,var(--cds-focus,#0f62fe));text-decoration:underline}@media screen and (prefers-contrast){.cds--link:active,.cds--link:active:visited,.cds--link:active:visited:hover{outline-style:dotted}}.cds--link:focus{outline:1px solid var(--cds-focus,#0f62fe);outline-color:var(--cds-link-focus-text-color,var(--cds-focus,#0f62fe));text-decoration:underline}@media screen and (prefers-contrast){.cds--link:focus{outline-style:dotted}}.cds--link:visited{color:var(--cds-link-text-color,var(--cds-link-primary,#0f62fe))}.cds--link:visited:hover{color:var(--cds-link-hover-text-color,var(--cds-link-primary-hover,#0043ce))}.cds--link--disabled,.cds--link--disabled:hover{border:0;box-sizing:border-box;color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed;font-family:inherit;font-size:100%;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);font-weight:400;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);margin:0;padding:0;text-decoration:none;vertical-align:baseline}.cds--link--disabled *,.cds--link--disabled :after,.cds--link--disabled :before,.cds--link--disabled:hover *,.cds--link--disabled:hover :after,.cds--link--disabled:hover :before{box-sizing:inherit}.cds--link.cds--link--visited:visited{color:var(--cds-link-visited-text-color,var(--cds-link-visited,#8a3ffc))}.cds--link.cds--link--visited:visited:hover{color:var(--cds-link-hover-text-color,var(--cds-link-primary-hover,#0043ce))}.cds--link.cds--link--inline{display:inline;text-decoration:underline}.cds--link--disabled.cds--link--inline{text-decoration:underline}.cds--link--sm,.cds--link--sm.cds--link--disabled:hover{font-size:var(--cds-helper-text-01-font-size,.75rem);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333)}.cds--link--lg,.cds--link--lg.cds--link--disabled:hover{font-size:var(--cds-body-compact-02-font-size,1rem);font-weight:var(--cds-body-compact-02-font-weight,400);letter-spacing:var(--cds-body-compact-02-letter-spacing,0);line-height:var(--cds-body-compact-02-line-height,1.375)}.cds--link__icon{align-self:center;display:inline-flex;margin-inline-start:.5rem}:host(cds-link){outline:none}:host(cds-link) .cds--link--disabled{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}:host(cds-link) .cds--link__icon[hidden]{display:none}"]);export{i as default};

package/dist/components/list/index.min.js CHANGED Viewed

@@ -20,8 +20,8 @@
  * https://www.npmjs.com/package/lit-html
  * https://www.npmjs.com/package/lit-element
  * https://www.npmjs.com/package/@lit/reactive-element
- * https://www.npmjs.com/package/@floating-ui/core
  * https://www.npmjs.com/package/@floating-ui/utils
+ * https://www.npmjs.com/package/@floating-ui/core
  */
 import"./list-item.min.js";import"./ordered-list.min.js";import"./unordered-list.min.js";

package/dist/components/list/list-item.min.js CHANGED Viewed

@@ -20,8 +20,8 @@
  * https://www.npmjs.com/package/lit-html
  * https://www.npmjs.com/package/lit-element
  * https://www.npmjs.com/package/@lit/reactive-element
- * https://www.npmjs.com/package/@floating-ui/core
  * https://www.npmjs.com/package/@floating-ui/utils
+ * https://www.npmjs.com/package/@floating-ui/core
  */
 import{__decorate as e}from"../../node_modules/tslib/tslib.es6.min.js";import"../../node_modules/@lit/reactive-element/reactive-element.min.js";import{html as t}from"../../node_modules/lit-html/lit-html.min.js";import{LitElement as s}from"../../node_modules/lit-element/lit-element.min.js";import{property as o}from"../../node_modules/@lit/reactive-element/decorators/property.min.js";import{prefix as l}from"../../globals/settings.min.js";import r from"./list.scss.min.js";import{carbonElement as i}from"../../globals/decorators/carbon-element.min.js";let n=class extends s{constructor(){super(...arguments),this.nested=!1}connectedCallback(){this.toggleAttribute("nested",Boolean(this.closest(this.constructor.selectorNestedList))),this.hasAttribute("role")||this.setAttribute("role","listitem"),super.connectedCallback()}render(){return t`

package/dist/components/list/list.scss.min.js CHANGED Viewed

@@ -20,8 +20,8 @@
  * https://www.npmjs.com/package/lit-html
  * https://www.npmjs.com/package/lit-element
  * https://www.npmjs.com/package/@lit/reactive-element
- * https://www.npmjs.com/package/@floating-ui/core
  * https://www.npmjs.com/package/@floating-ui/utils
+ * https://www.npmjs.com/package/@floating-ui/core
  */
 import"../../node_modules/@lit/reactive-element/reactive-element.min.js";import"../../node_modules/lit-html/lit-html.min.js";import"../../node_modules/lit-element/lit-element.min.js";import{css as e}from"../../node_modules/@lit/reactive-element/css-tag.min.js";var t=e(['@charset "UTF-8";.cds--list--nested,.cds--list--ordered,.cds--list--ordered--native,.cds--list--unordered{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);list-style:none;margin:0;padding:0;vertical-align:baseline}.cds--list--nested *,.cds--list--nested :after,.cds--list--nested :before,.cds--list--ordered *,.cds--list--ordered :after,.cds--list--ordered :before,.cds--list--ordered--native *,.cds--list--ordered--native :after,.cds--list--ordered--native :before,.cds--list--unordered *,.cds--list--unordered :after,.cds--list--unordered :before{box-sizing:inherit}.cds--list--unordered:not(.cds--list--nested){margin-inline-start:1rem}.cds--list--expressive,.cds--list--expressive .cds--list--nested{font-size:var(--cds-body-02-font-size,1rem);font-weight:var(--cds-body-02-font-weight,400);letter-spacing:var(--cds-body-02-letter-spacing,0);line-height:var(--cds-body-02-line-height,1.5)}.cds--list--ordered--native{list-style:decimal}.cds--list__item{color:var(--cds-text-primary,#161616)}.cds--list--nested{margin-inline-start:2rem}.cds--list--nested .cds--list__item{padding-inline-start:.25rem}.cds--list--ordered:not(.cds--list--nested){counter-reset:item}.cds--list--ordered:not(.cds--list--nested)>.cds--list__item{position:relative}.cds--list--ordered:not(.cds--list--nested)>.cds--list__item:before{content:counter(item) ".";counter-increment:item;inset-inline-start:-1.5rem;position:absolute}.cds--list--ordered--native.cds--list--nested,.cds--list--ordered.cds--list--nested{list-style-type:lower-latin}.cds--list--unordered>.cds--list__item{position:relative}.cds--list--unordered>.cds--list__item:before{content:"–";inset-inline-start:-1rem;position:absolute}.cds--list--unordered.cds--list--nested>.cds--list__item:before{content:"▪";inset-inline-start:-.75rem}:host(cds-ordered-list) .cds--list--nested,:host(cds-unordered-list) .cds--list--nested{margin-inline-start:2rem}:host(cds-ordered-list) .cds--list--nested ::slotted(cds-list-item),:host(cds-unordered-list) .cds--list--nested ::slotted(cds-list-item){padding-inline-start:.25rem}:host(cds-ordered-list) .cds--list--ordered.cds--list--nested{list-style-type:lower-latin}:host(cds-ordered-list:not(.cds--list--nested)){counter-reset:item}:host(cds-ordered-list) .cds--list--ordered:not(.cds--list--nested) ::slotted(cds-list-item){position:relative}:host(cds-ordered-list) .cds--list--ordered:not(.cds--list--nested) ::slotted(cds-list-item):before{content:counter(item) ".";counter-increment:item;inset-inline-start:-1.5rem;position:absolute}:host(cds-unordered-list){--cds-ce--list-marker:"–"}:host(cds-unordered-list[slot=nested]){--cds-ce--list-marker:"▪"}:host(cds-unordered-list) ::slotted(cds-list-item){position:relative}:host(cds-unordered-list) ::slotted(cds-list-item):before{content:"–";inset-inline-start:-1rem;position:absolute}:host(cds-unordered-list[nested]) ::slotted(cds-list-item):before,:host(cds-unordered-list[slot=nested]) ::slotted(cds-list-item):before{content:"▪";inset-inline-start:-.75rem}:host(cds-list-item){color:var(--cds-text-primary,#161616);display:list-item}:host(cds-list-item):before{content:var(--cds-ce--list-marker,none);inset-inline-start:-1rem;position:absolute}:host(cds-list-item[nested]){margin-block:0}:host(cds-list-item[nested]) .cds-ce--list__item__nested-child{padding-block-start:0}']);export{t as default};

package/dist/components/list/ordered-list.min.js CHANGED Viewed

@@ -20,8 +20,8 @@
  * https://www.npmjs.com/package/lit-html
  * https://www.npmjs.com/package/lit-element
  * https://www.npmjs.com/package/@lit/reactive-element
- * https://www.npmjs.com/package/@floating-ui/core
  * https://www.npmjs.com/package/@floating-ui/utils
+ * https://www.npmjs.com/package/@floating-ui/core
  */
 import{__decorate as e}from"../../node_modules/tslib/tslib.es6.min.js";import{classMap as t}from"../../node_modules/lit-html/directives/class-map.min.js";import"../../node_modules/@lit/reactive-element/reactive-element.min.js";import{html as s}from"../../node_modules/lit-html/lit-html.min.js";import"../../node_modules/lit-element/lit-element.min.js";import{property as i}from"../../node_modules/@lit/reactive-element/decorators/property.min.js";import{prefix as o}from"../../globals/settings.min.js";import r from"./unordered-list.min.js";import{carbonElement as l}from"../../globals/decorators/carbon-element.min.js";let m=class extends r{constructor(){super(...arguments),this.native=!1}render(){const e=t({[`${o}--list--ordered`]:!this.native,[`${o}--list--ordered--native`]:this.native,[`${o}--list--nested`]:"nested"===this.getAttribute("slot")||this.nested,[`${o}--list--expressive`]:this.isExpressive});return s`

package/dist/components/list/unordered-list.min.js CHANGED Viewed

@@ -20,8 +20,8 @@
  * https://www.npmjs.com/package/lit-html
  * https://www.npmjs.com/package/lit-element
  * https://www.npmjs.com/package/@lit/reactive-element
- * https://www.npmjs.com/package/@floating-ui/core
  * https://www.npmjs.com/package/@floating-ui/utils
+ * https://www.npmjs.com/package/@floating-ui/core
  */
 import{__decorate as e}from"../../node_modules/tslib/tslib.es6.min.js";import{classMap as t}from"../../node_modules/lit-html/directives/class-map.min.js";import"../../node_modules/@lit/reactive-element/reactive-element.min.js";import{html as s}from"../../node_modules/lit-html/lit-html.min.js";import{LitElement as i}from"../../node_modules/lit-element/lit-element.min.js";import{property as o}from"../../node_modules/@lit/reactive-element/decorators/property.min.js";import{prefix as r}from"../../globals/settings.min.js";import l from"./list.scss.min.js";import{carbonElement as m}from"../../globals/decorators/carbon-element.min.js";let n=class extends i{constructor(){super(...arguments),this.isExpressive=!1,this.nested=!1}connectedCallback(){this.closest(this.constructor.selectorListItem)||this.nested?this.setAttribute("slot","nested"):this.removeAttribute("slot"),super.connectedCallback()}render(){const e=t({[`${r}--list--unordered`]:!0,[`${r}--list--nested`]:"nested"===this.getAttribute("slot")||this.nested,[`${r}--list--expressive`]:this.isExpressive});return s`

package/dist/components/loading/defs.min.js CHANGED Viewed

@@ -20,8 +20,8 @@
  * https://www.npmjs.com/package/lit-html
  * https://www.npmjs.com/package/lit-element
  * https://www.npmjs.com/package/@lit/reactive-element
- * https://www.npmjs.com/package/@floating-ui/core
  * https://www.npmjs.com/package/@floating-ui/utils
+ * https://www.npmjs.com/package/@floating-ui/core
  */
 var r;!function(r){r.REGULAR="regular",r.SMALL="small"}(r||(r={}));export{r as LOADING_TYPE};

package/dist/components/loading/index.min.js CHANGED Viewed

@@ -20,8 +20,8 @@
  * https://www.npmjs.com/package/lit-html
  * https://www.npmjs.com/package/lit-element
  * https://www.npmjs.com/package/@lit/reactive-element
- * https://www.npmjs.com/package/@floating-ui/core
  * https://www.npmjs.com/package/@floating-ui/utils
+ * https://www.npmjs.com/package/@floating-ui/core
  */
 import"./loading.min.js";import"../../node_modules/@lit/reactive-element/reactive-element.min.js";import"../../node_modules/lit-html/lit-html.min.js";import"../../node_modules/lit-element/lit-element.min.js";

package/dist/components/loading/loading-icon.min.js CHANGED Viewed

@@ -20,8 +20,8 @@
  * https://www.npmjs.com/package/lit-html
  * https://www.npmjs.com/package/lit-element
  * https://www.npmjs.com/package/@lit/reactive-element
- * https://www.npmjs.com/package/@floating-ui/core
  * https://www.npmjs.com/package/@floating-ui/utils
+ * https://www.npmjs.com/package/@floating-ui/core
  */
 import"../../node_modules/@lit/reactive-element/reactive-element.min.js";import{html as e}from"../../node_modules/lit-html/lit-html.min.js";import"../../node_modules/lit-element/lit-element.min.js";import{prefix as l}from"../../globals/settings.min.js";var t=({description:t,small:i})=>{const s=i?"42":"44";return e`

package/dist/components/loading/loading.min.js CHANGED Viewed

@@ -20,8 +20,8 @@
  * https://www.npmjs.com/package/lit-html
  * https://www.npmjs.com/package/lit-element
  * https://www.npmjs.com/package/@lit/reactive-element
- * https://www.npmjs.com/package/@floating-ui/core
  * https://www.npmjs.com/package/@floating-ui/utils
+ * https://www.npmjs.com/package/@floating-ui/core
  */
 import{__decorate as t}from"../../node_modules/tslib/tslib.es6.min.js";import{classMap as e}from"../../node_modules/lit-html/directives/class-map.min.js";import"../../node_modules/@lit/reactive-element/reactive-element.min.js";import{html as i}from"../../node_modules/lit-html/lit-html.min.js";import{LitElement as o}from"../../node_modules/lit-element/lit-element.min.js";import{property as s}from"../../node_modules/@lit/reactive-element/decorators/property.min.js";import{prefix as l}from"../../globals/settings.min.js";import{LOADING_TYPE as r}from"./defs.min.js";import n from"./loading-icon.min.js";import m from"./loading.scss.min.js";import{carbonElement as a}from"../../globals/decorators/carbon-element.min.js";let p=class extends o{constructor(){super(...arguments),this.description="Loading",this.small=!1,this.overlay=!1,this.active=!1}get assistiveText(){return this.description}set assistiveText(t){this.description=t}get type(){return this.small?r.SMALL:r.REGULAR}set type(t){this.small=t==r.SMALL}get inactive(){return!this.active}set inactive(t){this.active=!t}render(){const{active:t,description:o,small:s,overlay:r}=this,m=e({[`${l}--loading`]:!0,[`${l}--loading--stop`]:!t,[`${l}--loading--small`]:s}),a=n({description:o,small:s});return r?i`<div class="${m}">${a}</div>`:a}};p.styles=m,t([s({attribute:"assistive-text"})],p.prototype,"assistiveText",null),t([s({reflect:!0})],p.prototype,"description",void 0),t([s()],p.prototype,"type",null),t([s({type:Boolean,reflect:!0})],p.prototype,"small",void 0),t([s({type:Boolean,reflect:!0})],p.prototype,"overlay",void 0),t([s({type:Boolean,reflect:!0})],p.prototype,"inactive",null),t([s({type:Boolean,reflect:!0})],p.prototype,"active",void 0),p=t([a(`${l}-loading`)],p);export{r as LOADING_TYPE};

package/dist/components/loading/loading.scss.min.js CHANGED Viewed

@@ -20,8 +20,8 @@
  * https://www.npmjs.com/package/lit-html
  * https://www.npmjs.com/package/lit-element
  * https://www.npmjs.com/package/@lit/reactive-element
- * https://www.npmjs.com/package/@floating-ui/core
  * https://www.npmjs.com/package/@floating-ui/utils
+ * https://www.npmjs.com/package/@floating-ui/core
  */
 import"../../node_modules/@lit/reactive-element/reactive-element.min.js";import"../../node_modules/lit-html/lit-html.min.js";import"../../node_modules/lit-element/lit-element.min.js";import{css as e}from"../../node_modules/@lit/reactive-element/css-tag.min.js";var d=e([".cds--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds--layer-one.cds--layer__with-background,.cds--layer-three.cds--layer__with-background,.cds--layer-two.cds--layer__with-background{background-color:var(--cds-layer-background)}.cds--loading,:host(cds-loading){animation-duration:.69s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:cds--rotate;animation-timing-function:linear;block-size:5.5rem;border:0;box-sizing:border-box;font-family:inherit;font-size:100%;inline-size:5.5rem;margin:0;padding:0;vertical-align:baseline}.cds--loading *,.cds--loading :after,.cds--loading :before,:host(cds-loading) *,:host(cds-loading) :after,:host(cds-loading) :before{box-sizing:inherit}.cds--loading svg circle,:host(cds-loading) svg circle{animation-duration:10ms;animation-name:cds--init-stroke;animation-timing-function:cubic-bezier(.5,0,.1,1)}@media screen and (prefers-reduced-motion:reduce){.cds--loading svg circle,:host(cds-loading) svg circle{animation:none}}.cds--loading__svg{fill:transparent}.cds--loading__svg circle{stroke-dasharray:276.4608 276.4608;stroke-linecap:butt;stroke-width:10}.cds--loading__stroke{stroke:var(--cds-interactive,#0f62fe);stroke-dashoffset:52.527552}.cds--loading--small .cds--loading__stroke,:host(cds-loading[small]) .cds--loading__stroke{stroke-dashoffset:143.759616}.cds--loading--stop,:host(cds-loading:not([active])){animation:cds--rotate-end-p1 .7s cubic-bezier(0,0,.25,1) forwards,cds--rotate-end-p2 .7s cubic-bezier(0,0,.25,1) .7s forwards}.cds--loading--stop svg circle,:host(cds-loading:not([active])) svg circle{animation-delay:.7s;animation-duration:.7s;animation-fill-mode:forwards;animation-name:cds--stroke-end;animation-timing-function:cubic-bezier(0,0,.25,1)}@media screen and (prefers-reduced-motion:reduce){.cds--loading--stop svg circle,:host(cds-loading:not([active])) svg circle{animation:none}}.cds--loading--small,:host(cds-loading[small]){block-size:1rem;inline-size:1rem;line-height:1rem}.cds--loading--small circle,:host(cds-loading[small]) circle{stroke-width:16}.cds--loading--small .cds--loading__svg,:host(cds-loading[small]) .cds--loading__svg{stroke:var(--cds-interactive,#0f62fe)}.cds--loading__background{stroke:var(--cds-layer-accent);stroke-dashoffset:-22}@media not all and (resolution >= 0.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent){circle.cds--loading__background{stroke-dasharray:265;stroke-dashoffset:0}}}.cds--loading-overlay,:host(cds-loading[overlay]){align-items:center;background-color:var(--cds-overlay,hsla(0,0%,9%,.5));block-size:100%;display:flex;inline-size:100%;inset-block-start:0;inset-inline-start:0;justify-content:center;position:fixed;transition:background-color .7s cubic-bezier(.4,.14,.3,1);z-index:6000}.cds--loading-overlay--stop{display:none}@keyframes cds--rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes cds--rotate-end-p1{to{transform:rotate(1turn)}}@keyframes cds--rotate-end-p2{to{transform:rotate(-1turn)}}@keyframes cds--init-stroke{0%{stroke-dashoffset:276.4608}to{stroke-dashoffset:52.527552}}@keyframes cds--stroke-end{0%{stroke-dashoffset:52.527552}to{stroke-dashoffset:276.4608}}:host(cds-loading){display:block}:host(cds-loading[overlay]){animation:none}.cds--loading__background[hidden]{display:none}"]);export{d as default};

package/dist/components/menu/defs.min.js CHANGED Viewed

@@ -20,8 +20,8 @@
  * https://www.npmjs.com/package/lit-html
  * https://www.npmjs.com/package/lit-element
  * https://www.npmjs.com/package/@lit/reactive-element
- * https://www.npmjs.com/package/@floating-ui/core
  * https://www.npmjs.com/package/@floating-ui/utils
+ * https://www.npmjs.com/package/@floating-ui/core
  */
 var A,L;!function(A){A.EXTRA_SMALL="xs",A.SMALL="sm",A.MEDIUM="md",A.LARGE="lg"}(A||(A={})),function(A){A.DEFAULT="default",A.DANGER="danger"}(L||(L={}));export{L as MENU_ITEM_KIND,A as MENU_SIZE};

package/dist/components/menu/index.min.js CHANGED Viewed

@@ -20,8 +20,8 @@
  * https://www.npmjs.com/package/lit-html
  * https://www.npmjs.com/package/lit-element
  * https://www.npmjs.com/package/@lit/reactive-element
- * https://www.npmjs.com/package/@floating-ui/core
  * https://www.npmjs.com/package/@floating-ui/utils
+ * https://www.npmjs.com/package/@floating-ui/core
  */
 import"./menu.min.js";import"./menu-item.min.js";import"./menu-item-divider.min.js";import"./menu-item-group.min.js";import"./menu-item-selectable.min.js";import"./menu-item-radio-group.min.js";

package/dist/components/menu/menu-context.min.js CHANGED Viewed

@@ -20,8 +20,8 @@
  * https://www.npmjs.com/package/lit-html
  * https://www.npmjs.com/package/lit-element
  * https://www.npmjs.com/package/@lit/reactive-element
- * https://www.npmjs.com/package/@floating-ui/core
  * https://www.npmjs.com/package/@floating-ui/utils
+ * https://www.npmjs.com/package/@floating-ui/core
  */
 import{createContext as t}from"../../node_modules/@lit/context/lib/create-context.min.js";const e={isRoot:!0,hasSelectableItems:!1,size:null,updateFromChild:()=>{}},o=t("myData");export{o as MenuContext,e as menuDefaultState};

package/dist/components/menu/menu-item-divider.min.js CHANGED Viewed

@@ -20,8 +20,8 @@
  * https://www.npmjs.com/package/lit-html
  * https://www.npmjs.com/package/lit-element
  * https://www.npmjs.com/package/@lit/reactive-element
- * https://www.npmjs.com/package/@floating-ui/core
  * https://www.npmjs.com/package/@floating-ui/utils
+ * https://www.npmjs.com/package/@floating-ui/core
  */
 import{__decorate as e}from"../../node_modules/tslib/tslib.es6.min.js";import"../../node_modules/@lit/reactive-element/reactive-element.min.js";import"../../node_modules/lit-html/lit-html.min.js";import{LitElement as t}from"../../node_modules/lit-element/lit-element.min.js";import{prefix as m}from"../../globals/settings.min.js";import s from"./menu-item.scss.min.js";import{carbonElement as i}from"../../globals/decorators/carbon-element.min.js";let l=class extends t{connectedCallback(){this.hasAttribute("role")||this.setAttribute("role","separator"),super.connectedCallback()}};l.styles=s,l=e([i(`${m}-menu-item-divider`)],l);

package/dist/components/menu/menu-item-group.min.js CHANGED Viewed

@@ -20,8 +20,8 @@
  * https://www.npmjs.com/package/lit-html
  * https://www.npmjs.com/package/lit-element
  * https://www.npmjs.com/package/@lit/reactive-element
- * https://www.npmjs.com/package/@floating-ui/core
  * https://www.npmjs.com/package/@floating-ui/utils
+ * https://www.npmjs.com/package/@floating-ui/core
  */
 import{__decorate as e}from"../../node_modules/tslib/tslib.es6.min.js";import"../../node_modules/@lit/reactive-element/reactive-element.min.js";import{html as t}from"../../node_modules/lit-html/lit-html.min.js";import{LitElement as o}from"../../node_modules/lit-element/lit-element.min.js";import{property as m}from"../../node_modules/@lit/reactive-element/decorators/property.min.js";import{prefix as l}from"../../globals/settings.min.js";import r from"./menu-item.scss.min.js";import{carbonElement as s}from"../../globals/decorators/carbon-element.min.js";let i=class extends o{render(){const{label:e}=this;return t`

package/dist/components/menu/menu-item-radio-group.min.js CHANGED Viewed

@@ -20,8 +20,8 @@
  * https://www.npmjs.com/package/lit-html
  * https://www.npmjs.com/package/lit-element
  * https://www.npmjs.com/package/@lit/reactive-element
- * https://www.npmjs.com/package/@floating-ui/core
  * https://www.npmjs.com/package/@floating-ui/utils
+ * https://www.npmjs.com/package/@floating-ui/core
  */
 import{__decorate as e}from"../../node_modules/tslib/tslib.es6.min.js";import"../../node_modules/@lit/reactive-element/reactive-element.min.js";import{html as t}from"../../node_modules/lit-html/lit-html.min.js";import{LitElement as o}from"../../node_modules/lit-element/lit-element.min.js";import{property as s}from"../../node_modules/@lit/reactive-element/decorators/property.min.js";import{prefix as i}from"../../globals/settings.min.js";import r from"./menu-item.scss.min.js";import{carbonElement as m}from"../../globals/decorators/carbon-element.min.js";import{consume as n}from"../../node_modules/@lit/context/lib/decorators/consume.min.js";import{MenuContext as l}from"./menu-context.min.js";let a=class extends o{constructor(){super(...arguments),this.items=[]}static get eventOnChange(){return`${i}-item-changed`}firstUpdated(){this.context.updateFromChild({hasSelectableItems:!0}),this.addEventListener("click",(e=>{this.selectedItem=e.target;const t={bubbles:!0,cancelable:!0,composed:!0,detail:{triggeredBy:e.target}};this.dispatchEvent(new CustomEvent(this.constructor.eventOnChange,t))&&this.dispatchEvent(new CustomEvent(this.constructor.eventOnChange,t))}))}updated(e){e.has("selectedItem")&&this.querySelectorAll(`${i}-menu-item`).forEach((e=>{e===this.selectedItem?e.setAttribute("aria-checked","true"):e.setAttribute("aria-checked","false")}))}render(){const{label:e}=this;return t`

package/dist/components/menu/menu-item-selectable.min.js CHANGED Viewed

@@ -20,8 +20,8 @@
  * https://www.npmjs.com/package/lit-html
  * https://www.npmjs.com/package/lit-element
  * https://www.npmjs.com/package/@lit/reactive-element
- * https://www.npmjs.com/package/@floating-ui/core
  * https://www.npmjs.com/package/@floating-ui/utils
+ * https://www.npmjs.com/package/@floating-ui/core
  */
 import{__decorate as e}from"../../node_modules/tslib/tslib.es6.min.js";import"../../node_modules/@lit/reactive-element/reactive-element.min.js";import{html as t}from"../../node_modules/lit-html/lit-html.min.js";import{LitElement as o}from"../../node_modules/lit-element/lit-element.min.js";import{property as s}from"../../node_modules/@lit/reactive-element/decorators/property.min.js";import{prefix as n}from"../../globals/settings.min.js";import i from"./menu-item.scss.min.js";import{carbonElement as l}from"../../globals/decorators/carbon-element.min.js";import{consume as r}from"../../node_modules/@lit/context/lib/decorators/consume.min.js";import{MenuContext as c}from"./menu-context.min.js";let m=class extends o{constructor(){super(...arguments),this.selected=!1,this._handleClick=e=>{this.selected=!this.selected;const t={bubbles:!0,cancelable:!0,composed:!0,detail:{triggeredBy:e.target}};this.dispatchEvent(new CustomEvent(this.constructor.eventOnChange,t))&&this.dispatchEvent(new CustomEvent(this.constructor.eventOnChange,t))},this._handleKeydown=e=>{"Enter"!==e.key&&" "!==e.key||this._handleClick(e)}}static get eventOnChange(){return`${n}-item-changed`}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this._handleKeydown)}firstUpdated(){var e;const t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(`${n}-menu-item`);t&&t.addEventListener("keydown",this._handleKeydown),this.setAttribute("tabindex","-1"),this.context.updateFromChild({hasSelectableItems:!0})}render(){const{label:e,selected:o,_handleClick:s}=this;return t`

package/dist/components/menu/menu-item.min.js CHANGED Viewed

@@ -20,8 +20,8 @@
  * https://www.npmjs.com/package/lit-html
  * https://www.npmjs.com/package/lit-element
  * https://www.npmjs.com/package/@lit/reactive-element
- * https://www.npmjs.com/package/@floating-ui/core
  * https://www.npmjs.com/package/@floating-ui/utils
+ * https://www.npmjs.com/package/@floating-ui/core
  */
 import{__decorate as e}from"../../node_modules/tslib/tslib.es6.min.js";import"../../node_modules/@lit/reactive-element/reactive-element.min.js";import{html as t}from"../../node_modules/lit-html/lit-html.min.js";import{LitElement as s}from"../../node_modules/lit-element/lit-element.min.js";import{property as i}from"../../node_modules/@lit/reactive-element/decorators/property.min.js";import{state as o}from"../../node_modules/@lit/reactive-element/decorators/state.min.js";import{prefix as n}from"../../globals/settings.min.js";import r from"./menu-item.scss.min.js";import{carbonElement as u}from"../../globals/decorators/carbon-element.min.js";import l from"../../packages/icons/lib/caret--left/16.min.js";import a from"../../packages/icons/lib/caret--right/16.min.js";import{consume as m}from"../../node_modules/@lit/context/lib/decorators/consume.min.js";import{MenuContext as h}from"./menu-context.min.js";import d from"../../packages/icons/lib/checkmark/16.min.js";import c from"../../globals/decorators/host-listener.min.js";import p from"../../globals/mixins/host-listener.min.js";import{MENU_ITEM_KIND as b,MENU_SIZE as v}from"./defs.min.js";let y=class extends(p(p(s))){constructor(){var e;super(...arguments),this.hoverIntentDelay=150,this.submenuOpen=!1,this.kind=b.DEFAULT,this.boundaries={x:-1,y:-1},this.ariaChecked=null!==(e=this.getAttribute("selected"))&&void 0!==e?e:"false",this.isRtl=!1,this.hasSubmenu=!1,this._handleClick=e=>{this.hasSubmenu?this._openSubmenu():"keydown"===e.type&&this.click()},this._handleMouseEnter=()=>{this.hoverIntentTimeout=setTimeout((()=>{this._openSubmenu()}),this.hoverIntentDelay)},this._handleMouseLeave=()=>{this.hoverIntentTimeout&&(clearTimeout(this.hoverIntentTimeout),this._closeSubmenu(),this.focus())},this._openSubmenu=()=>{const{x:e,y:t,width:s,height:i}=this.getBoundingClientRect();this.isRtl?this.boundaries={x:[-e,e-s],y:[t,t+i]}:this.boundaries={x:[e,e+s],y:[t,t+i]},this.submenuOpen=!0},this._registerSubMenuItems=()=>{const e=new MutationObserver((e=>{var t,s,i,o,r;for(const u of e)if("childList"===u.type){const e=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector('slot[name="submenu"]'),u=null===(i=null===(s=null==e?void 0:e.assignedElements)||void 0===s?void 0:s.call(e))||void 0===i?void 0:i[0];if(u)switch(u.tagName){case"CDS-MENU-ITEM-RADIO-GROUP":this.submenuEntry=u.querySelector(`${n}-menu-item`);break;case"CDS-MENU-ITEM-GROUP":{const e=null===(r=null===(o=u.shadowRoot)||void 0===o?void 0:o.querySelector("slot"))||void 0===r?void 0:r.assignedElements(),t=(null==e?void 0:e.length)&&e[0];this.submenuEntry=t;break}case"CDS-MENU-ITEM":this.submenuEntry=u}}}));e.observe(this.shadowRoot,{childList:!0,subtree:!0})},this._closeSubmenu=()=>{var e,t;this.boundaries={x:-1,y:-1},this.submenuOpen=!1,null===(t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(`.${n}--menu-item`))||void 0===t||t.focus()},this._handleKeyDown=e=>{this.hasSubmenu&&["ArrowRight","Enter"," "].includes(e.key)?(this._openSubmenu(),setTimeout((()=>{this.submenuEntry.focus()})),e.stopPropagation()):"Enter"!==e.key&&" "!==e.key||this._handleClick(e)}}async dispatchIconDetect(){!!this.querySelector('[slot="render-icon"]')&&(await void 0,this.dispatchEvent(new CustomEvent("icon-detect",{bubbles:!0,composed:!0})))}_updateAttributes(){this.disabled&&!this.hasSubmenu?this.setAttribute("aria-disabled",this.disabled):this.removeAttribute("aria-disabled"),this.hasSubmenu?this.setAttribute("aria-haspopup",this.hasSubmenu+""):this.removeAttribute("aria-haspopup"),this.closest(`${n}-menu-item-radio-group`)?(this.setAttribute("role","menuitemradio"),this.setAttribute("aria-checked",this.ariaChecked+"")):this.getAttribute("role")||this.setAttribute("role","menuitem"),this.setAttribute("tabindex","-1")}firstUpdated(){this.hasSubmenu=!!this.querySelector('[slot="submenu"]'),this.dispatchIconDetect(),this.isRtl="rtl"===document.dir,this._registerSubMenuItems(),this._updateAttributes(),this.addEventListener(`${n}-menu-closed`,(()=>{this.focus(),this._closeSubmenu()}))}updated(e){this.hasSubmenu?this.setAttribute("aria-expanded",this.hasSubmenu+""):this.removeAttribute("aria-expanded"),this.kind===b.DANGER&&this.classList.toggle(`${n}--menu-item--danger`)}handleClick(e){this._handleClick(e)}handleMouseEnter(){this.hasSubmenu&&this._handleMouseEnter()}handleMouseLeave(){this.hasSubmenu&&this._handleMouseLeave()}handleKeyDown(e){this._handleKeyDown(e)}render(){var e,s,i;const{label:o,shortcut:r,submenuOpen:u,boundaries:m,isRtl:h}=this,c=(null===(e=this.context)||void 0===e?void 0:e.hasSelectableItems)?`${n}--menu--with-selectable-items`:"";return t`

package/dist/components/menu/menu-item.scss.min.js CHANGED Viewed

@@ -20,8 +20,8 @@
  * https://www.npmjs.com/package/lit-html
  * https://www.npmjs.com/package/lit-element
  * https://www.npmjs.com/package/@lit/reactive-element
- * https://www.npmjs.com/package/@floating-ui/core
  * https://www.npmjs.com/package/@floating-ui/utils
+ * https://www.npmjs.com/package/@floating-ui/core
  */
 import"../../node_modules/@lit/reactive-element/reactive-element.min.js";import"../../node_modules/lit-html/lit-html.min.js";import"../../node_modules/lit-element/lit-element.min.js";import{css as e}from"../../node_modules/@lit/reactive-element/css-tag.min.js";var s=e(["@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds--assistive-text,.cds--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds--layer-one.cds--layer__with-background,.cds--layer-three.cds--layer__with-background,.cds--layer-two.cds--layer__with-background{background-color:var(--cds-layer-background)}.cds--menu{background-color:var(--cds-layer);border:0;box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;max-inline-size:18rem;min-inline-size:10rem;opacity:0;overflow-y:auto;padding:.25rem 0;position:fixed;vertical-align:baseline;visibility:hidden;z-index:9000}.cds--menu *,.cds--menu :after,.cds--menu :before{box-sizing:inherit}.cds--menu--with-icons{min-inline-size:12rem}.cds--menu--open{visibility:visible}.cds--menu--open:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--menu--open:focus{outline-style:dotted}}.cds--menu:not(.cds--menu--open) .cds--menu--open{visibility:hidden}.cds--menu--shown{opacity:1;overflow:visible}.cds--menu-item{align-items:center;block-size:2rem;color:var(--cds-text-secondary,#525252);-moz-column-gap:.5rem;column-gap:.5rem;cursor:pointer;display:grid;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);grid-template-columns:1fr max-content;letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);padding-inline:1rem;transition:background-color 70ms cubic-bezier(.2,0,.38,.9)}.cds--menu-item:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--menu-item:focus{outline-style:dotted}}.cds--menu-item:hover{background-color:var(--cds-layer-hover);color:var(--cds-text-primary,#161616)}.cds--menu--xs .cds--menu-item{block-size:1.5rem}.cds--menu--sm .cds--menu-item{block-size:2rem}.cds--menu--md .cds--menu-item{block-size:2.5rem}.cds--menu--lg .cds--menu-item{block-size:3rem}.cds--menu-item-group>ul,.cds--menu-item-radio-group>ul{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--menu-item-group>ul *,.cds--menu-item-group>ul :after,.cds--menu-item-group>ul :before,.cds--menu-item-radio-group>ul *,.cds--menu-item-radio-group>ul :after,.cds--menu-item-radio-group>ul :before{box-sizing:inherit}.cds--menu--with-icons>.cds--menu-item,.cds--menu--with-icons>.cds--menu-item-group>ul>.cds--menu-item,.cds--menu--with-icons>.cds--menu-item-radio-group>ul>.cds--menu-item,.cds--menu--with-selectable-items>.cds--menu-item,.cds--menu--with-selectable-items>.cds--menu-item-group>ul>.cds--menu-item,.cds--menu--with-selectable-items>.cds--menu-item-radio-group>ul>.cds--menu-item{grid-template-columns:1rem 1fr max-content}.cds--menu--with-icons>.cds--menu-item-group>ul>.cds--menu-item>.cds--menu-item__icon,.cds--menu--with-icons>.cds--menu-item-radio-group>ul>.cds--menu-item>.cds--menu-item__icon,.cds--menu--with-icons>.cds--menu-item>.cds--menu-item__icon,.cds--menu--with-selectable-items>.cds--menu-item-group>ul>.cds--menu-item>.cds--menu-item__selection-icon,.cds--menu--with-selectable-items>.cds--menu-item-radio-group>ul>.cds--menu-item>.cds--menu-item__selection-icon,.cds--menu--with-selectable-items>.cds--menu-item>.cds--menu-item__selection-icon{display:flex}.cds--menu--with-icons.cds--menu--with-selectable-items>.cds--menu-item,.cds--menu--with-icons.cds--menu--with-selectable-items>.cds--menu-item-group>ul>.cds--menu-item,.cds--menu--with-icons.cds--menu--with-selectable-items>.cds--menu-item-radio-group>ul>.cds--menu-item{grid-template-columns:1rem 1rem 1fr max-content}.cds--menu-item--disabled{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds--menu-item--disabled.cds--menu-item--danger:hover,.cds--menu-item--disabled:hover{background-color:var(--cds-layer);color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--menu-item--danger:focus,.cds--menu-item--danger:hover{background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds--menu-item-divider,:host(cds-menu-item-divider){background-color:var(--cds-border-subtle);block-size:.0625rem;display:block;inline-size:100%;margin-block:.25rem}:host(cds-menu-item){align-items:center;block-size:2rem;color:var(--cds-text-secondary,#525252);-moz-column-gap:.5rem;column-gap:.5rem;cursor:pointer;display:grid;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);grid-template-columns:1fr max-content;letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);padding-inline:1rem;transition:background-color 70ms cubic-bezier(.2,0,.38,.9)}:host(cds-menu-item) svg{color:var(--cds-icon-secondary,#525252)}:host(cds-menu-item:focus){outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){:host(cds-menu-item:focus){outline-style:dotted}}:host(cds-menu-item:hover){background-color:var(--cds-layer-hover);color:var(--cds-text-primary,#161616)}:host(cds-menu-item:hover) svg{color:var(--cds-icon-primary,#161616)}:host(cds-menu-item-group)>ul,:host(cds-menu-item-radio-group)>ul{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}:host(cds-menu-item-group)>ul *,:host(cds-menu-item-group)>ul :after,:host(cds-menu-item-group)>ul :before,:host(cds-menu-item-radio-group)>ul *,:host(cds-menu-item-radio-group)>ul :after,:host(cds-menu-item-radio-group)>ul :before{box-sizing:inherit}.cds--menu-item__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds--menu-item__shortcut{display:flex}.cds--menu-item__icon{display:var(--child-icon-property,none)}:host([aria-disabled=true]) *{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}:host([aria-disabled=true].cds--menu-item--danger:hover),:host([aria-disabled=true]:hover){background-color:var(--cds-layer);color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}:host(.cds--menu-item--danger:focus),:host(.cds--menu-item--danger:hover){background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds--menu-item__icon,.cds--menu-item__selection-icon{display:none}:host(cds-menu-item){block-size:var(--block-size-value);grid-template-columns:var(--grid-template)}:host(cds-menu-item) .cds--menu-item__icon{display:var(--display-icon-item)}.cds--menu-item__selection-icon{display:var(--display-selection-icon)}span[slot=render-icon]{display:flex}"]);export{s as default};

package/dist/components/menu/menu.min.js CHANGED Viewed

@@ -20,8 +20,8 @@
  * https://www.npmjs.com/package/lit-html
  * https://www.npmjs.com/package/lit-element
  * https://www.npmjs.com/package/@lit/reactive-element
- * https://www.npmjs.com/package/@floating-ui/core
  * https://www.npmjs.com/package/@floating-ui/utils
+ * https://www.npmjs.com/package/@floating-ui/core
  */
 import{__decorate as t}from"../../node_modules/tslib/tslib.es6.min.js";import"../../node_modules/@lit/reactive-element/reactive-element.min.js";import{html as e}from"../../node_modules/lit-html/lit-html.min.js";import{LitElement as i}from"../../node_modules/lit-element/lit-element.min.js";import{prefix as o}from"../../globals/settings.min.js";import{property as s}from"../../node_modules/@lit/reactive-element/decorators/property.min.js";import{state as n}from"../../node_modules/@lit/reactive-element/decorators/state.min.js";import l from"./menu.scss.min.js";import{carbonElement as r}from"../../globals/decorators/carbon-element.min.js";import a from"../../globals/decorators/host-listener.min.js";import h from"../../globals/mixins/host-listener.min.js";import{classMap as m}from"../../node_modules/lit-html/directives/class-map.min.js";import{menuDefaultState as c,MenuContext as d}from"./menu-context.min.js";import{provide as p}from"../../node_modules/@lit/context/lib/decorators/provide.min.js";import{consume as u}from"../../node_modules/@lit/context/lib/decorators/consume.min.js";import{MENU_SIZE as v}from"./defs.min.js";let y=class extends(h(i)){constructor(){super(...arguments),this.context=Object.assign(Object.assign({},c),{updateFromChild:t=>{this.context=Object.assign(Object.assign({},this.context),t)}}),this.spacing=8,this.items=[],this.activeitems=[],this.isChild=!1,this.isRtl=!1,this.isRoot=!0,this.direction="ltr",this.open=!0,this.position=[-1,-1],this.size=v.SMALL,this.x=0,this.y=0,this._handleBlur=t=>{const{isRoot:e}=this.context;this.open&&e&&!this.contains(t.relatedTarget)&&this.dispatchCloseEvent(t)},this._handleKeyDown=t=>{const{isRoot:e}=this.context;t.stopPropagation(),"Escape"===t.key||!e&&"ArrowLeft"===t.key?this.dispatchCloseEvent(t):("ArrowUp"!==t.key&&"ArrowDown"!==t.key||t.preventDefault(),this._focusItem(t))},this._focusItem=t=>{var e,i,o;let s;if("CDS-MENU"!==(null===(e=document.activeElement)||void 0===e?void 0:e.tagName)){const t=this._findActiveElementInShadowRoot(document);s=this.activeitems.findIndex((e=>{var i;return t==e.item||(null===(i=e.item.shadowRoot)||void 0===i?void 0:i.activeElement)===t}))}else s=0;let n=s;-1===s?n=0:t&&("ArrowUp"===t.key&&(n-=1),"ArrowDown"===t.key&&(n+=1)),n<0&&(n=this.activeitems.length-1),n>=this.activeitems.length&&(n=0),n!==s&&(null===(o=null===(i=this.activeitems[n])||void 0===i?void 0:i.item)||void 0===o||o.focus())},this._findActiveElementInShadowRoot=t=>{if(null===t)return null;let e=t.activeElement;for(;e&&e.shadowRoot&&e.shadowRoot.activeElement;)e=e.shadowRoot.activeElement;return e},this._notEmpty=t=>null!=t,this._fitValue=(t,e)=>{const{isRoot:i}=this.context,{width:o,height:s}=this.getBoundingClientRect(),n=i?"vertical":"horizontal",l={x:{max:window.innerWidth,size:o,anchor:"horizontal"===n?t[1]:t[0],reversedAnchor:"horizontal"===n?t[0]:t[1],offset:0},y:{max:window.innerHeight,size:s,anchor:"horizontal"===n?t[0]:t[1],reversedAnchor:"horizontal"===n?t[1]:t[0],offset:i?0:4}};if(this.actionButtonWidth&&this.actionButtonWidth<l.x.size&&("bottom"===this.menuAlignment||"top"===this.menuAlignment)&&(l.x.size=this.actionButtonWidth),this.actionButtonWidth&&("bottom-end"===this.menuAlignment||"top-end"===this.menuAlignment)&&l.x.anchor>=87&&this.actionButtonWidth<l.x.size){const t=l.x.anchor+l.x.reversedAnchor;l.x.anchor=l.x.anchor+t}const{max:r,size:a,anchor:h,reversedAnchor:m,offset:c}=l[e],d=[r-this.spacing-a-h>=0&&h-c,m-a>=0&&m-a+c,r-this.spacing-a],p="top"===this.menuAlignment||"top-end"===this.menuAlignment||"top-start"===this.menuAlignment;"number"==typeof d[0]&&p&&d[0]>=0&&!d[1]&&"y"===e?this.style.transform="translate(0)":p&&!d[0]&&"y"===e&&(d[0]=h-c);const u=d.find((t=>!1!==t));return u>=this.spacing?u:this.spacing},this._getPosition=t=>{if(Array.isArray(t)){const e=t.filter(this._notEmpty);return 2===e.length?e:void 0}return[t,t]},this._calculatePosition=()=>{var t,e;const i={x:this._getPosition(this.x),y:this._getPosition(this.y)};return i.x&&i.y?[null!==(t=this._fitValue(i.x,"x"))&&void 0!==t?t:-1,null!==(e=this._fitValue(i.y,"y"))&&void 0!==e?e:-1]:[-1,-1]},this._handleOpen=async()=>{const t=this._calculatePosition();this.isRtl?(this.style.insetInlineStart="initial",this.style.insetInlineEnd=`${t[0]}px`):(this.style.insetInlineStart=`${t[0]}px`,this.style.insetInlineEnd="initial"),this.style.insetBlockStart=`${t[1]}px`,this.position=t,await this.updateComplete,this._registerMenuItems(),this._setActiveItems();const e={bubbles:!0,cancelable:!0,composed:!0};this.dispatchEvent(new CustomEvent(this.constructor.eventOnOpen,e))&&this.dispatchEvent(new CustomEvent(this.constructor.eventOnOpen,e))},this.dispatchCloseEvent=t=>{const e={bubbles:!0,cancelable:!0,composed:!0,detail:{triggeredBy:t.target}};this.dispatchEvent(new CustomEvent(this.constructor.eventOnClose,e))&&this.dispatchEvent(new CustomEvent(this.constructor.eventOnClose,e))},this._newContextCreate=()=>{this.context=Object.assign(Object.assign({},this.context),{isRoot:!1,size:this.size})},this._registerMenuItems=()=>{var t,e;let i;i=this.isChild?this.querySelector('slot[name="submenu"]').assignedElements():null===(e=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector("slot"))||void 0===e?void 0:e.assignedElements(),this.items=null==i?void 0:i.filter((t=>"CDS-MENU-ITEM"===t.tagName?!t.disabled:"CDS-MENU-ITEM-DIVIDER"!==t.tagName))},this._setActiveItems=()=>{var t,e,i;null===(t=this.items)||void 0===t||t.map((t=>{var e,i,s;let n;switch(t.tagName){case"CDS-MENU-ITEM-RADIO-GROUP":{let e=t.querySelectorAll(`${o}-menu-item`);if(null==e?void 0:e.length)for(const i of e.entries())n={item:i[1],parent:t},this.activeitems=[...this.activeitems,n];break}case"CDS-MENU-ITEM-GROUP":{let o=null===(i=null===(e=t.shadowRoot)||void 0===e?void 0:e.querySelector("slot"))||void 0===i?void 0:i.assignedElements();null==o||o.map((t=>{n={item:t,parent:t},this.activeitems=[...this.activeitems,n]}));break}case"CDS-MENU-ITEM-SELECTABLE":n={item:null===(s=t.shadowRoot)||void 0===s?void 0:s.querySelector(`${o}-menu-item`),parent:t},this.activeitems=[...this.activeitems,n];break;default:n={item:t,parent:null},this.activeitems=[...this.activeitems,n]}}));(null!==(i=null===(e=this.activeitems[0])||void 0===e?void 0:e.item)&&void 0!==i?i:document.activeElement).focus()}}static get eventOnClose(){return`${o}-menu-closed`}static get eventOnOpen(){return`${o}-menu-opened`}updated(t){t.has("open")&&this.open&&this._handleOpen()}connectedCallback(){super.connectedCallback(),this.addEventListener("icon-detect",(()=>{var t,e;null===(e=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector(".cds--menu"))||void 0===e||e.classList.add(`${o}--menu--with-icons`)}))}async firstUpdated(){this.isRtl="rtl"===this.direction,this.isRoot=this.context.isRoot,this.isChild&&this._newContextCreate(),await this.updateComplete,this._registerMenuItems(),this._setActiveItems()}render(){const{open:t,menuAlignment:i,label:s,position:n,_handleKeyDown:l}=this,r=m({[`${o}--menu`]:!0,[`${o}--menu--${this.size}`]:this.size,[`${o}--menu--box-shadow-top`]:i&&"top"===i.slice(0,3),[`${o}--menu--open`]:t,[`${o}--menu--shown`]:n[0]>=0&&n[1]>=0,[`${o}--menu--with-selectable-items`]:this.context.hasSelectableItems});return e`

package/dist/components/menu/menu.scss.min.js CHANGED Viewed

@@ -20,8 +20,8 @@
  * https://www.npmjs.com/package/lit-html
  * https://www.npmjs.com/package/lit-element
  * https://www.npmjs.com/package/@lit/reactive-element
- * https://www.npmjs.com/package/@floating-ui/core
  * https://www.npmjs.com/package/@floating-ui/utils
+ * https://www.npmjs.com/package/@floating-ui/core
  */
 import"../../node_modules/@lit/reactive-element/reactive-element.min.js";import"../../node_modules/lit-html/lit-html.min.js";import"../../node_modules/lit-element/lit-element.min.js";import{css as e}from"../../node_modules/@lit/reactive-element/css-tag.min.js";var s=e(["@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds--assistive-text,.cds--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds--layer-one.cds--layer__with-background,.cds--layer-three.cds--layer__with-background,.cds--layer-two.cds--layer__with-background{background-color:var(--cds-layer-background)}.cds--menu{background-color:var(--cds-layer);border:0;box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;max-inline-size:18rem;min-inline-size:10rem;opacity:0;padding:.25rem 0;position:fixed;vertical-align:baseline;visibility:hidden;z-index:9000}.cds--menu *,.cds--menu :after,.cds--menu :before{box-sizing:inherit}.cds--menu--shown{overflow:visible}.cds--menu-item{align-items:center;block-size:2rem;color:var(--cds-text-secondary,#525252);-moz-column-gap:.5rem;column-gap:.5rem;cursor:pointer;display:grid;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);grid-template-columns:1fr max-content;letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);padding-inline:1rem;transition:background-color 70ms cubic-bezier(.2,0,.38,.9)}.cds--menu-item:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--menu-item:focus{outline-style:dotted}}.cds--menu-item:hover{background-color:var(--cds-layer-hover);color:var(--cds-text-primary,#161616)}.cds--menu--xs .cds--menu-item{block-size:1.5rem}.cds--menu--sm .cds--menu-item{block-size:2rem}.cds--menu--md .cds--menu-item{block-size:2.5rem}.cds--menu--lg .cds--menu-item{block-size:3rem}.cds--menu-item__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds--menu-item__shortcut{display:flex}.cds--menu-item-group>ul,.cds--menu-item-radio-group>ul{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--menu-item-group>ul *,.cds--menu-item-group>ul :after,.cds--menu-item-group>ul :before,.cds--menu-item-radio-group>ul *,.cds--menu-item-radio-group>ul :after,.cds--menu-item-radio-group>ul :before{box-sizing:inherit}.cds--menu-item__icon,.cds--menu-item__selection-icon{display:none}.cds--menu--with-icons>.cds--menu-item,.cds--menu--with-icons>.cds--menu-item-group>ul>.cds--menu-item,.cds--menu--with-icons>.cds--menu-item-radio-group>ul>.cds--menu-item,.cds--menu--with-selectable-items>.cds--menu-item,.cds--menu--with-selectable-items>.cds--menu-item-group>ul>.cds--menu-item,.cds--menu--with-selectable-items>.cds--menu-item-radio-group>ul>.cds--menu-item{grid-template-columns:1rem 1fr max-content}.cds--menu--with-icons>.cds--menu-item-group>ul>.cds--menu-item>.cds--menu-item__icon,.cds--menu--with-icons>.cds--menu-item-radio-group>ul>.cds--menu-item>.cds--menu-item__icon,.cds--menu--with-icons>.cds--menu-item>.cds--menu-item__icon,.cds--menu--with-selectable-items>.cds--menu-item-group>ul>.cds--menu-item>.cds--menu-item__selection-icon,.cds--menu--with-selectable-items>.cds--menu-item-radio-group>ul>.cds--menu-item>.cds--menu-item__selection-icon,.cds--menu--with-selectable-items>.cds--menu-item>.cds--menu-item__selection-icon{display:flex}.cds--menu--with-icons.cds--menu--with-selectable-items>.cds--menu-item,.cds--menu--with-icons.cds--menu--with-selectable-items>.cds--menu-item-group>ul>.cds--menu-item,.cds--menu--with-icons.cds--menu--with-selectable-items>.cds--menu-item-radio-group>ul>.cds--menu-item{grid-template-columns:1rem 1rem 1fr max-content}.cds--menu-item--disabled{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds--menu-item--disabled.cds--menu-item--danger:hover,.cds--menu-item--disabled:hover{background-color:var(--cds-layer);color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--menu-item--danger:focus,.cds--menu-item--danger:hover{background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds--menu-item-divider{background-color:var(--cds-border-subtle);block-size:.0625rem;display:block;inline-size:100%;margin-block:.25rem}.cds--menu--with-icons{--child-icon-property:flex;--child-grid-template-columns:1rem 1fr max-content}:host(cds-menu){position:fixed;--grid-template:1fr max-content;--display-icon-item:none;--display-selection-icon:none;--block-size-value:2rem}.cds--menu--with-icons{--grid-template:1rem 1fr max-content;--display-icon-item:flex}.cds--menu--with-selectable-items{--display-selection-icon:flex}.cds--menu--with-icons.cds--menu--with-selectable-items{--grid-template:1rem 1rem 1fr max-content}.cds--menu{overflow-y:auto}.cds--menu--shown{opacity:1}.cds--menu--open{visibility:visible}.cds--menu--open:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--menu--open:focus{outline-style:dotted}}.cds--menu:not(.cds--menu--open) .cds--menu--open{visibility:hidden}.cds--menu--with-icons{min-inline-size:12rem}.cds--menu--xs{--block-size-value:1.5rem}.cds--menu--sm{--block-size-value:2rem}.cds--menu--md{--block-size-value:2.5rem}.cds--menu--lg{--block-size-value:3rem}"]);export{s as default};

package/dist/components/menu-button/defs.min.js CHANGED Viewed

@@ -20,8 +20,8 @@
  * https://www.npmjs.com/package/lit-html
  * https://www.npmjs.com/package/lit-element
  * https://www.npmjs.com/package/@lit/reactive-element
- * https://www.npmjs.com/package/@floating-ui/core
  * https://www.npmjs.com/package/@floating-ui/utils
+ * https://www.npmjs.com/package/@floating-ui/core
  */
 var r,t;!function(r){r.SMALL="sm",r.MEDIUM="md",r.LARGE="lg"}(r||(r={})),function(r){r.PRIMARY="primary",r.TERTIARY="tertiary",r.GHOST="ghost"}(t||(t={}));export{t as MENU_BUTTON_KIND,r as MENU_BUTTON_SIZE};

package/dist/components/menu-button/index.min.js CHANGED Viewed

@@ -20,8 +20,8 @@
  * https://www.npmjs.com/package/lit-html
  * https://www.npmjs.com/package/lit-element
  * https://www.npmjs.com/package/@lit/reactive-element
- * https://www.npmjs.com/package/@floating-ui/core
  * https://www.npmjs.com/package/@floating-ui/utils
+ * https://www.npmjs.com/package/@floating-ui/core
  */
 import"./menu-button.min.js";

package/dist/components/menu-button/menu-button.min.js CHANGED Viewed

@@ -20,8 +20,8 @@
  * https://www.npmjs.com/package/lit-html
  * https://www.npmjs.com/package/lit-element
  * https://www.npmjs.com/package/@lit/reactive-element
- * https://www.npmjs.com/package/@floating-ui/core
  * https://www.npmjs.com/package/@floating-ui/utils
+ * https://www.npmjs.com/package/@floating-ui/core
  */
 import{__decorate as e}from"../../node_modules/tslib/tslib.es6.min.js";import"../../node_modules/@lit/reactive-element/reactive-element.min.js";import{html as t}from"../../node_modules/lit-html/lit-html.min.js";import{LitElement as o}from"../../node_modules/lit-element/lit-element.min.js";import{property as i}from"../../node_modules/@lit/reactive-element/decorators/property.min.js";import{query as n}from"../../node_modules/@lit/reactive-element/decorators/query.min.js";import{prefix as s}from"../../globals/settings.min.js";import m from"../../globals/decorators/host-listener.min.js";import r from"../../globals/mixins/host-listener.min.js";import{carbonElement as l}from"../../globals/decorators/carbon-element.min.js";import p from"./menu-button.scss.min.js";import"../button/button.min.js";import"../button/button-set.min.js";import"../button/button-skeleton.min.js";import"../menu/menu.min.js";import"../menu/menu-item.min.js";import"../menu/menu-item-divider.min.js";import"../menu/menu-item-group.min.js";import"../menu/menu-item-selectable.min.js";import"../menu/menu-item-radio-group.min.js";import d from"../../packages/icons/lib/chevron--down/16.min.js";import{POPOVER_ALIGNMENT as u}from"../popover/defs.min.js";import{MENU_BUTTON_KIND as a,MENU_BUTTON_SIZE as c}from"./defs.min.js";import h from"../../globals/controllers/floating-controller.min.js";let b=class extends(r(o)){constructor(){super(...arguments),this._menuController=new h(this),this._open=!1,this.kind=a.PRIMARY,this.menuAlignment=u.BOTTOM,this.size=c.LARGE,this.tabIndex=0,this._handleClick=e=>{e.composedPath().includes(this._triggerNode)?this._open=!this._open:this._open&&(this._open=!1)},this._handleBlur=({relatedTarget:e})=>{this.contains(e)||(this._open=!1)}}updated(e){const t=this.querySelector(`${s}-menu`);(e.has("_open")||e.has("menuAlignment"))&&this.updateComplete.then((()=>{var e;const o=null===(e=t.shadowRoot)||void 0===e?void 0:e.querySelector(`.${s}--menu`);t.open=this._open,this._menuController.setPlacement({trigger:this._triggerNode,target:t,alignment:this.menuAlignment,styleElement:o,matchWidth:!0,open:this._open})})),e.has("size")&&t.setAttribute("size",this.size)}render(){const{kind:e,size:o,disabled:i,tabIndex:n,label:s}=this;return t`