var t,e,o={1869(t,e,o){o.d(e,{i:()=>d,p:()=>l}),o(5983);var r=o(7704),a=o(9609),s=o(2050),c=o(4084),m=o(2927),p=o(8899),i=o(4955),n=o(887),h=function(t,e,o,r){var a,s=arguments.length,c=s<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(t,e,o,r);else for(var m=t.length-1;m>=0;m--)(a=t[m])&&(c=(s<3?a(c):s>3?a(e,o,c):a(e,o))||c);return s>3&&c&&Object.defineProperty(e,o,c),c};const l=["auto","left","right","top","bottom"];var d;!function(t){let e=class extends((0,r.dY)(m.LitElement)){constructor(){super(...arguments),this.message="",this.actionname="Next",this.hidebutton=!1,this.placement="auto",this.show=!1,this.color="default",this.slotContent=null}connectedCallback(){super.connectedCallback()}notifyCoachCreate(){this.dispatchEvent(new CustomEvent("coach-create",{bubbles:!0,composed:!0,detail:{placement:this.placement,reference:this.reference,popper:this.popper}}))}coachAction(){this.dispatchEvent(new CustomEvent("coach-action",{bubbles:!0,composed:!0,detail:{popper:this.popper}}))}handleSlotChange(t){const e=t.target;if(e){const t=e.assignedElements({flatten:!0});t.length&&(this.slotContent=t)}}update(t){var e;super.update(t),t.has("show")&&this.show&&(this.setFocusableElements(),(null===(e=this.focusableElements)||void 0===e?void 0:e.length)&&this.focusableElements[0].focus())}get coachWrapClassMap(){return{"md-coachmark--active":!!this.show}}get coachClassMap(){return{[`md-coachmark__popper--${this.placement}`]:!!this.placement,[`md-coachmark__popper--${this.color}`]:!!this.color}}static get styles(){return[c.A,n.A]}coachmarkContentTemplate(){return m.html`
        <div class="md-coachmark__content">
          ${this.message?this.message:m.html` <slot name="coachmark-content" @slotchange=${this.handleSlotChange}></slot> `}
          <div class="md-coachmark__action">
            ${this.hidebutton?m.html` <slot name="coachmark-action"></slot> `:m.html` <md-button variant="secondary" @button-click=${this.coachAction}>${this.actionname}</md-button> `}
          </div>
        </div>
      `}wrappedCoachmarkContentTemplate(){const t=(0,s.QZ)("md-theme",this);return"momentumV2"===(null==t?void 0:t.theme)?m.html`
          <md-theme theme="momentumV2" ?darkTheme=${!t.darkTheme}>
            ${this.coachmarkContentTemplate()}
          </md-theme>
        `:this.coachmarkContentTemplate()}render(){return m.html`
        <div class="md-coachmark ${(0,i.classMap)(this.coachWrapClassMap)}">
          <div class="md-coachmark__popper ${(0,i.classMap)(this.coachClassMap)}" tabindex="0">
            ${this.wrappedCoachmarkContentTemplate()}
            <div id="arrow" class="md-coachmark__arrow" data-popper-arrow></div>
          </div>
          <div class="md-coachmark__reference" @click=${()=>this.notifyCoachCreate()} aria-describedby="coachmark">
            <slot></slot>
          </div>
        </div>
      `}};h([(0,p.property)({type:String})],e.prototype,"message",void 0),h([(0,p.property)({type:String})],e.prototype,"actionname",void 0),h([(0,p.property)({type:Boolean})],e.prototype,"hidebutton",void 0),h([(0,p.property)({type:String})],e.prototype,"placement",void 0),h([(0,p.property)({type:Boolean})],e.prototype,"show",void 0),h([(0,p.property)({type:String})],e.prototype,"color",void 0),h([(0,p.query)(".md-coachmark__popper")],e.prototype,"popper",void 0),h([(0,p.query)(".md-coachmark__reference")],e.prototype,"reference",void 0),e=h([(0,a.w)("md-coachmark")],e),t.ELEMENT=e}(d||(d={}))}},r={};function a(t){var e=r[t];if(void 0!==e)return e.exports;var s=r[t]={exports:{}};return o[t](s,s.exports,a),s.exports}a.m=o,t=[],a.O=(e,o,r,s)=>{if(!o){var c=1/0;for(n=0;n<t.length;n++){for(var[o,r,s]=t[n],m=!0,p=0;p<o.length;p++)(!1&s||c>=s)&&Object.keys(a.O).every(t=>a.O[t](o[p]))?o.splice(p--,1):(m=!1,s<c&&(c=s));if(m){t.splice(n--,1);var i=r();void 0!==i&&(e=i)}}return e}s=s||0;for(var n=t.length;n>0&&t[n-1][2]>s;n--)t[n]=t[n-1];t[n]=[o,r,s]},a.d=(t,e)=>{for(var o in e)a.o(e,o)&&!a.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:e[o]})},a.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e);export{a as __webpack_require__};e={2779:0},a.C=t=>{var o,r,{__webpack_esm_ids__:s,__webpack_esm_modules__:c,__webpack_esm_runtime__:m}=t,p=0;for(o in c)a.o(c,o)&&(a.m[o]=c[o]);for(m&&m(a);p<s.length;p++)r=s[p],a.o(e,r)&&e[r]&&e[r][0](),e[s[p]]=0;a.O()},a.O.j=t=>0===e[t];import*as s from"../9609.js";a.C(s);import*as c from"../4084.js";a.C(c);import*as m from"../4955.js";a.C(m);import*as p from"../3517.js";a.C(p);import*as i from"../1156.js";a.C(i);import*as n from"../3305.js";a.C(n);import*as h from"../4739.js";a.C(h);import*as l from"../7154.js";a.C(l);import*as d from"../9773.js";a.C(d);import*as f from"../5983.js";a.C(f);import*as u from"../2364.js";a.C(u);import*as v from"../5308.js";a.C(v);import*as C from"../4781.js";a.C(C);import*as y from"../519.js";a.C(y);import*as _ from"../5201.js";a.C(_);import*as k from"../5584.js";a.C(k);import*as b from"../8227.js";a.C(b);import*as j from"../1280.js";a.C(j);import*as g from"../4700.js";a.C(g);import*as w from"../9669.js";a.C(w);import*as O from"../887.js";a.C(O);import*as $ from"../561.js";a.C($);var E=a.O(void 0,[9609,4084,4955,3517,1156,3305,4739,7154,9773,5983,2364,5308,4781,519,5201,5584,8227,1280,4700,9669,887,561],()=>a(1869));const x=(E=a.O(E)).i,T=E.p;export{x as Coachmark,T as coachmarkPlacement};