src/frontend_workspaces/frontend/dist/vendors-2f7c73bb.93b9fd187c5292a0750f.js

"use strict";(self.webpackChunk_carbon_ai_chat_examples_web_components_basic=self.webpackChunk_carbon_ai_chat_examples_web_components_basic||[]).push([[9357],{83907:function(e,c,s){var r,a=s(56636),d=s(27579),t=s(2863),o=s(32759),l=s(5165),i=s(73052),n=s(89018),v=s(57758);!function(e){e.INACTIVE="inactive",e.ACTIVE="active",e.FINISHED="finished",e.ERROR="error"}(r||(r={}));var u=(0,d.AH)([".cds-custom--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-custom--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-custom--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-custom--layer-one.cds-custom--layer__with-background,.cds-custom--layer-three.cds-custom--layer__with-background,.cds-custom--layer-two.cds-custom--layer__with-background{background-color:var(--cds-layer-background)}.cds-custom--loading{animation-duration:.69s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:cds-custom--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-custom--loading *,.cds-custom--loading :after,.cds-custom--loading :before{box-sizing:inherit}.cds-custom--loading svg circle{animation-duration:10ms;animation-name:cds-custom--init-stroke;animation-timing-function:cubic-bezier(.5,0,.1,1)}@media screen and (prefers-reduced-motion:reduce){.cds-custom--loading svg circle{animation:none}}.cds-custom--loading__svg{fill:transparent}.cds-custom--loading__svg circle{stroke-dasharray:276.4608 276.4608;stroke-linecap:butt;stroke-width:10}.cds-custom--loading__stroke{stroke:var(--cds-interactive,#0f62fe);stroke-dashoffset:52.527552}.cds-custom--loading--small .cds-custom--loading__stroke{stroke-dashoffset:143.759616}.cds-custom--loading--stop{animation:cds-custom--rotate-end-p1 .7s cubic-bezier(0,0,.25,1) forwards,cds-custom--rotate-end-p2 .7s cubic-bezier(0,0,.25,1) .7s forwards}.cds-custom--loading--stop svg circle{animation-delay:.7s;animation-duration:.7s;animation-fill-mode:forwards;animation-name:cds-custom--stroke-end;animation-timing-function:cubic-bezier(0,0,.25,1)}@media screen and (prefers-reduced-motion:reduce){.cds-custom--loading--stop svg circle{animation:none}}.cds-custom--loading--small{block-size:1rem;inline-size:1rem;line-height:1rem}.cds-custom--loading--small circle{stroke-width:16}.cds-custom--loading--small .cds-custom--loading__svg{stroke:var(--cds-interactive,#0f62fe)}.cds-custom--loading__background{stroke:var(--cds-layer-accent);stroke-dashoffset:-22}@supports (hanging-punctuation:first) and (font:-apple-system-body) and (-webkit-appearance:none){circle.cds-custom--loading__background{stroke-dasharray:265;stroke-dashoffset:0}}.cds-custom--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-custom--loading-overlay--stop{display:none}@keyframes cds-custom--rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes cds-custom--rotate-end-p1{to{transform:rotate(1turn)}}@keyframes cds-custom--rotate-end-p2{to{transform:rotate(-1turn)}}@keyframes cds-custom--init-stroke{0%{stroke-dashoffset:276.4608}to{stroke-dashoffset:52.527552}}@keyframes cds-custom--stroke-end{0%{stroke-dashoffset:52.527552}to{stroke-dashoffset:276.4608}}@keyframes prefix--stroke{to{stroke-dashoffset:0}}.cds-custom--inline-loading,:host(cds-custom-inline-loading){align-items:center;display:flex;inline-size:100%;min-block-size:2rem}.cds-custom--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-custom--inline-loading__animation{align-items:center;display:flex;justify-content:center;margin-inline-end:.5rem;position:relative}.cds-custom--inline-loading__checkmark-container{fill:var(--cds-support-success,#24a148)}.cds-custom--inline-loading__checkmark-container.cds-custom--inline-loading__svg{inline-size:.75rem;inset-block-start:.75rem;position:absolute}.cds-custom--inline-loading__checkmark-container[hidden]{display:none}.cds-custom--inline-loading__checkmark{animation-duration:.25s;animation-fill-mode:forwards;animation-name:cds-custom--stroke;fill:none;stroke:var(--cds-interactive,#0f62fe);stroke-dasharray:12;stroke-dashoffset:12;stroke-width:1.8;transform-origin:50% 50%}.cds-custom--inline-loading--error{block-size:1rem;fill:var(--cds-support-error,#da1e28);inline-size:1rem}.cds-custom--inline-loading--error[hidden]{display:none}.cds-custom--loading--small .cds-custom--inline-loading__svg{stroke:var(--cds-interactive,#0f62fe)}.cds-custom--btn .cds-custom--inline-loading--btn{min-block-size:0}.cds-custom--btn .cds-custom--inline-loading--btn .cds-custom--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-custom--inline-loading__checkmark-container{inset-block-start:1px;inset-inline-end:.5rem}.cds-custom--inline-loading__checkmark{animation:none;stroke-dasharray:0;stroke-dashoffset:0}}"]),y=s(3736),b=s(55580);let f=class extends d.WF{constructor(){super(...arguments),this.iconDescription="Loading",this.successDelay=1500,this.status=r.ACTIVE}get assistiveText(){return this.iconDescription}set assistiveText(e){this.iconDescription=e}_renderIcon(){const{iconDescription:e,status:c}=this;if(c===r.ERROR)return(0,b.L)(i.A,{class:`${n.P}--inline-loading--error`,"aria-label":e});const s={bubbles:!0,cancelable:!0,composed:!0};if(c===r.FINISHED)return setTimeout(()=>{this.dispatchEvent(new CustomEvent(this.constructor.eventOnSuccess,s))},this.successDelay),(0,b.L)(l.A,{class:`${n.P}--inline-loading__checkmark-container`,"aria-label":e});if(c===r.INACTIVE||c===r.ACTIVE){const s=(0,o.H)({[`${n.P}--loading`]:!0,[`${n.P}--loading--small`]:!0,[`${n.P}--loading--stop`]:c===r.INACTIVE});return d.qy`
        <div class="${s}">
          ${(0,v.A)({description:e,small:!0})}
        </div>
      `}}static get eventOnSuccess(){return`${n.P}-inline-loading-onsuccess`}connectedCallback(){this.hasAttribute("aria-live")||this.setAttribute("aria-live","assertive"),super.connectedCallback()}render(){const e=this._renderIcon(),c=e?d.qy`
          <div class="${n.P}--inline-loading__animation">
            ${e}
          </div>
        `:void 0;return d.qy`
      ${c}
      <p class="${n.P}--inline-loading__text"><slot></slot></p>
    `}};f.styles=u,(0,a.Cg)([(0,t.MZ)({attribute:"assistive-text"})],f.prototype,"assistiveText",null),(0,a.Cg)([(0,t.MZ)({attribute:"icon-description"})],f.prototype,"iconDescription",void 0),(0,a.Cg)([(0,t.MZ)({attribute:"success-delay"})],f.prototype,"successDelay",void 0),(0,a.Cg)([(0,t.MZ)({reflect:!0})],f.prototype,"status",void 0),f=(0,a.Cg)([(0,y.Q)(`${n.P}-inline-loading`)],f)},95476:function(e,c,s){var r=s(56636),a=s(27579),d=s(2863),t=s(3736),o=s(89018),l=(0,a.AH)([':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-custom--layer-one,:host(cds-custom-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-custom--layer-two,:host(cds-custom-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-custom--layer-three,:host(cds-custom-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-custom--layer-one.cds-custom--layer__with-background,:host(cds-custom-layer[level="0"]):host(cds-custom-layer[with-background]){background-color:var(--cds-layer-background)}.cds-custom--layer-two.cds-custom--layer__with-background,:host(cds-custom-layer[level="1"]):host(cds-custom-layer[with-background]){background-color:var(--cds-layer-background)}.cds-custom--layer-three.cds-custom--layer__with-background,:host(cds-custom-layer[level="2"]):host(cds-custom-layer[with-background]){background-color:var(--cds-layer-background)}:host(cds-custom-layer){display:block}']);let i=class extends a.WF{constructor(){super(...arguments),this.level=0}updated(){this.layers||(this.layers=this.querySelectorAll(this.constructor.selectorLayer)),this.layers.forEach(e=>{const c=Math.max(0,Math.min(this.level+1,2));e.setAttribute("level",c.toString())}),this.dispatchEvent(new CustomEvent(this.constructor.eventUseLayer,{bubbles:!0,cancelable:!0,composed:!0,detail:{layer:this,level:this.level}}))}render(){return a.qy` <slot></slot> `}static get selectorLayer(){return`${o.P}-layer`}static get eventUseLayer(){return`${o.P}-use-layer`}};i.styles=l,(0,r.Cg)([(0,d.MZ)({type:Number,reflect:!0})],i.prototype,"level",void 0),(0,r.Cg)([(0,d.MZ)()],i.prototype,"layers",void 0),(0,r.Cg)([(0,d.MZ)({type:Boolean,attribute:"with-background"})],i.prototype,"withBackground",void 0),i=(0,r.Cg)([(0,t.Q)(`${o.P}-layer`)],i)}}]);