@kyndryl-design-system/shidoka-applications 2.7.2 → 2.8.0

package/components/ai/aiLaunchButton/aiLaunchButton.d.ts

@@ -0,0 +1,35 @@
+import { LitElement } from 'lit';
+/**
+ * AI Assistant Launch Button.
+ * @fires on-click - Emits when the button is clicked.
+ */
+export declare class AILaunchButton extends LitElement {
+    static styles: any;
+    /** Whether the button is disabled. */
+    disabled: boolean;
+    /** Animation container element.
+     * @internal
+     */
+    private _containerEl;
+    /** Instance of animation.
+     * @internal
+     */
+    private _animation;
+    /** Whether to stop at next loop completion
+     * @internal
+     */
+    private _shouldStop;
+    render(): import("lit").TemplateResult<1>;
+    firstUpdated(): void;
+    private _initAnimation;
+    private _startHoverAnimation;
+    private _stopHoverAnimation;
+    updated(changedProps: any): void;
+    private _emitClick;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'kyn-ai-assist': AILaunchButton;
+    }
+}
+//# sourceMappingURL=aiLaunchButton.d.ts.map

package/components/ai/aiLaunchButton/aiLaunchButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"aiLaunchButton.d.ts","sourceRoot":"","sources":["../../../../src/components/ai/aiLaunchButton/aiLaunchButton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAQvC;;;GAGG;AACH,qBACa,cAAe,SAAQ,UAAU;IAC5C,OAAgB,MAAM,MAAU;IAEhC,sCAAsC;IAEtC,QAAQ,UAAS;IAEjB;;OAEG;IAEH,OAAO,CAAC,YAAY,CAAO;IAE3B;;OAEG;IAEH,OAAO,CAAC,UAAU,CAAO;IAEzB;;OAEG;IAEH,OAAO,CAAC,WAAW,CAAS;IAEnB,MAAM;IAqBN,YAAY;IAKrB,OAAO,CAAC,cAAc;IAmBtB,OAAO,CAAC,oBAAoB;IAS5B,OAAO,CAAC,mBAAmB;IAMlB,OAAO,CAAC,YAAY,EAAE,GAAG;IAOlC,OAAO,CAAC,UAAU;CAMnB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,cAAc,CAAC;KACjC;CACF"}

package/components/ai/aiLaunchButton/aiLaunchButton.js

@@ -0,0 +1,73 @@
+import{_ as i}from"../../../vendor/tslib-53a81efe.js";import{n as t,i as a,t as o,o as s,e as r}from"../../../vendor/lit-6e2a7867.js";import{i as n,s as e,x}from"../../../vendor/lit-element-3185f710.js";import{l as d}from"../../../vendor/lottie-web-9ccae634.js";import"../../../vendor/flatpickr-bbd13d61.js";var k={v:"5.9.0",fr:24,ip:0,op:144,w:500,h:500,nm:"Comp 1",ddd:0,assets:[{id:"comp_0",nm:"Pre-comp 1",fr:24,layers:[{ddd:0,ind:1,ty:4,nm:"outside Outlines",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[251.5,250.25,0],ix:2,l:2},a:{a:0,k:[45,45,0],ix:1,l:2},s:{a:1,k:[{i:{x:[.667,.667,.667],y:[1,1,1]},o:{x:[.333,.333,.333],y:[0,0,0]},t:0,s:[450,452.557,100]},{i:{x:[.667,.667,.667],y:[1,1,1]},o:{x:[.333,.333,.333],y:[0,0,0]},t:47,s:[479,481.722,100]},{t:142,s:[450,452.557,100]}],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[-25.643,-1.465],[-.205,26.176],[26.062,-.052],[-.792,-25.919]],o:[[25.629,1.462],[.168,-24.637],[-26.062,.052],[.735,25.335]],v:[[-4.113,42.672],[42.671,-.001],[-4.052,-42.366],[-42.61,.305]],c:!0},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"gs",o:{a:0,k:100,ix:9},w:{a:0,k:4.613,ix:10},g:{p:3,k:{a:0,k:[0,.733,0,.733,.5,.451,.253,.867,1,.169,.506,1],ix:8}},s:{a:0,k:[0,0],ix:4},e:{a:0,k:[63.104,51.891],ix:5},t:1,lc:1,lj:1,ml:4,ml2:{a:0,k:4,ix:13},bm:0,nm:"Gradient Stroke 1",mn:"ADBE Vector Graphic - G-Stroke",hd:!1},{ty:"tr",p:{a:0,k:[45.089,45.216],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:1,k:[{i:{x:[.667,.667],y:[1,1]},o:{x:[.333,.333],y:[0,0]},t:0,s:[100,100]},{t:141,s:[100,100]}],ix:3},r:{a:1,k:[{i:{x:[.667],y:[1]},o:{x:[.167],y:[0]},t:0,s:[0]},{t:141,s:[360]}],ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Group 1",np:2,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1},{ty:"rd",nm:"Round Corners 1",r:{a:0,k:89,ix:1},ix:2,mn:"ADBE Vector Filter - RC",hd:!1}],ip:0,op:144,st:0,bm:1},{ddd:0,ind:3,ty:4,nm:"middle Outlines",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:1,k:[{i:{x:[.667],y:[1]},o:{x:[.167],y:[0]},t:0,s:[0]},{t:141,s:[-360]}],ix:10},p:{a:0,k:[250,250,0],ix:2,l:2},a:{a:0,k:[36.5,38,0],ix:1,l:2},s:{a:1,k:[{i:{x:[.667,.667,.667],y:[1.103,1.103,.962]},o:{x:[.333,.333,.333],y:[0,0,0]},t:0,s:[439,439,100]},{i:{x:[.667,.667,.667],y:[1,1,1]},o:{x:[.333,.333,.333],y:[.139,.139,.051]},t:60,s:[563.515,563.515,100]},{t:141,s:[439,439,100]}],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[-19.404,-.066],[.985,17.892],[19.165,-2.6],[3.676,-16.498]],o:[[19.098,.061],[-.705,-16.733],[-17.269,1.417],[-4.43,17.047]],v:[[2.975,36.059],[34.594,3.473],[2.163,-34.435],[-33.781,2.223]],c:!0},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"gs",o:{a:0,k:100,ix:9},w:{a:0,k:4.613,ix:10},g:{p:3,k:{a:0,k:[0,.733,0,.733,.5,.451,.253,.867,1,.169,.506,1],ix:8}},s:{a:0,k:[54,21],ix:4},e:{a:0,k:[-5.42,-37.145],ix:5},t:1,lc:1,lj:1,ml:4,ml2:{a:0,k:4,ix:13},bm:0,nm:"Gradient Stroke 1",mn:"ADBE Vector Graphic - G-Stroke",hd:!1},{ty:"tr",p:{a:0,k:[36.506,38.2],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Group 1",np:2,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1},{ty:"rd",nm:"Round Corners 1",r:{a:0,k:164,ix:1},ix:2,mn:"ADBE Vector Filter - RC",hd:!1}],ip:0,op:144,st:0,bm:1},{ddd:0,ind:5,ty:4,nm:"center Outlines",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:1,k:[{i:{x:[.667],y:[1]},o:{x:[.167],y:[0]},t:0,s:[0]},{t:141,s:[360]}],ix:10},p:{a:0,k:[251,247.25,0],ix:2,l:2},a:{a:0,k:[35,37,0],ix:1,l:2},s:{a:1,k:[{i:{x:[.667,.667,.667],y:[1,1,1]},o:{x:[.333,.333,.333],y:[0,0,0]},t:0,s:[439,439,100]},{i:{x:[.667,.667,.667],y:[1,1,1]},o:{x:[.333,.333,.333],y:[0,0,0]},t:72,s:[628,628,100]},{i:{x:[.667,.667,.667],y:[1,1,1]},o:{x:[.333,.333,.333],y:[0,0,0]},t:114,s:[411,411,100]},{t:141,s:[439,439,100]}],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[-18.757,-1.921],[-.536,18.549],[17.819,.818],[.763,-18.17]],o:[[17.864,1.567],[.536,-18.549],[-17.819,-.818],[-.763,18.17]],v:[[-8.149,31.191],[30.163,-.028],[-8.337,-30.191],[-30.725,-1.716]],c:!0},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"gs",o:{a:0,k:100,ix:9},w:{a:0,k:4.613,ix:10},g:{p:3,k:{a:0,k:[0,.733,0,.733,.5,.451,.253,.867,1,.169,.506,1],ix:8}},s:{a:0,k:[6,-13],ix:4},e:{a:0,k:[-3.06,29.856],ix:5},t:1,lc:1,lj:1,ml:4,ml2:{a:0,k:4,ix:13},bm:0,nm:"Gradient Stroke 1",mn:"ADBE Vector Graphic - G-Stroke",hd:!1},{ty:"tr",p:{a:0,k:[34.839,36.617],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Group 1",np:2,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1}],ip:0,op:144,st:0,bm:1}]}],layers:[{ddd:0,ind:1,ty:0,nm:"Pre-comp 1",refId:"comp_0",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[250,250,0],ix:2,l:2},a:{a:0,k:[250,250,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,w:500,h:500,ip:0,op:144,st:0,bm:0}],markers:[]},p={v:"5.9.0",fr:24,ip:0,op:144,w:500,h:500,nm:"Comp 1",ddd:0,assets:[{id:"comp_0",nm:"Pre-comp 1",fr:24,layers:[{ddd:0,ind:1,ty:4,nm:"outside Outlines",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[251.5,250.25,0],ix:2,l:2},a:{a:0,k:[45,45,0],ix:1,l:2},s:{a:1,k:[{i:{x:[.667,.667,.667],y:[1,1,1]},o:{x:[.333,.333,.333],y:[0,0,0]},t:0,s:[450,452.557,100]},{i:{x:[.667,.667,.667],y:[1,1,1]},o:{x:[.333,.333,.333],y:[0,0,0]},t:47,s:[479,481.722,100]},{t:142,s:[450,452.557,100]}],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[-25.643,-1.465],[-.205,26.176],[26.062,-.052],[-.792,-25.919]],o:[[25.629,1.462],[.168,-24.637],[-26.062,.052],[.735,25.335]],v:[[-4.113,42.672],[42.671,-.001],[-4.052,-42.366],[-42.61,.305]],c:!0},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"gs",o:{a:0,k:100,ix:9},w:{a:0,k:4.613,ix:10},g:{p:3,k:{a:0,k:[0,.765,.765,.765,.5,.811,.811,.811,1,.859,.859,.859],ix:8}},s:{a:0,k:[0,0],ix:4},e:{a:0,k:[63.104,51.891],ix:5},t:1,lc:1,lj:1,ml:4,ml2:{a:0,k:4,ix:13},bm:0,nm:"Gradient Stroke 1",mn:"ADBE Vector Graphic - G-Stroke",hd:!1},{ty:"tr",p:{a:0,k:[45.089,45.216],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:1,k:[{i:{x:[.667,.667],y:[1,1]},o:{x:[.333,.333],y:[0,0]},t:0,s:[100,100]},{t:141,s:[100,100]}],ix:3},r:{a:1,k:[{i:{x:[.667],y:[1]},o:{x:[.167],y:[0]},t:0,s:[0]},{t:141,s:[360]}],ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Group 1",np:2,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1},{ty:"rd",nm:"Round Corners 1",r:{a:0,k:89,ix:1},ix:2,mn:"ADBE Vector Filter - RC",hd:!1}],ip:0,op:144,st:0,bm:1},{ddd:0,ind:3,ty:4,nm:"middle Outlines",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:1,k:[{i:{x:[.667],y:[1]},o:{x:[.167],y:[0]},t:0,s:[0]},{t:141,s:[-360]}],ix:10},p:{a:0,k:[250,250,0],ix:2,l:2},a:{a:0,k:[36.5,38,0],ix:1,l:2},s:{a:1,k:[{i:{x:[.667,.667,.667],y:[1.103,1.103,.962]},o:{x:[.333,.333,.333],y:[0,0,0]},t:0,s:[439,439,100]},{i:{x:[.667,.667,.667],y:[1,1,1]},o:{x:[.333,.333,.333],y:[.139,.139,.051]},t:60,s:[563.515,563.515,100]},{t:141,s:[439,439,100]}],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[-19.404,-.066],[.985,17.892],[19.165,-2.6],[3.676,-16.498]],o:[[19.098,.061],[-.705,-16.733],[-17.269,1.417],[-4.43,17.047]],v:[[2.975,36.059],[34.594,3.473],[2.163,-34.435],[-33.781,2.223]],c:!0},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"gs",o:{a:0,k:100,ix:9},w:{a:0,k:4.613,ix:10},g:{p:3,k:{a:0,k:[0,.843,.843,.843,.5,.8,.8,.8,1,.757,.757,.757],ix:8}},s:{a:0,k:[54,21],ix:4},e:{a:0,k:[-5.42,-37.145],ix:5},t:1,lc:1,lj:1,ml:4,ml2:{a:0,k:4,ix:13},bm:0,nm:"Gradient Stroke 1",mn:"ADBE Vector Graphic - G-Stroke",hd:!1},{ty:"tr",p:{a:0,k:[36.506,38.2],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Group 1",np:2,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1},{ty:"rd",nm:"Round Corners 1",r:{a:0,k:164,ix:1},ix:2,mn:"ADBE Vector Filter - RC",hd:!1}],ip:0,op:144,st:0,bm:1},{ddd:0,ind:5,ty:4,nm:"center Outlines",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:1,k:[{i:{x:[.667],y:[1]},o:{x:[.167],y:[0]},t:0,s:[0]},{t:141,s:[360]}],ix:10},p:{a:0,k:[251,247.25,0],ix:2,l:2},a:{a:0,k:[35,37,0],ix:1,l:2},s:{a:1,k:[{i:{x:[.667,.667,.667],y:[1,1,1]},o:{x:[.333,.333,.333],y:[0,0,0]},t:0,s:[439,439,100]},{i:{x:[.667,.667,.667],y:[1,1,1]},o:{x:[.333,.333,.333],y:[0,0,0]},t:72,s:[628,628,100]},{i:{x:[.667,.667,.667],y:[1,1,1]},o:{x:[.333,.333,.333],y:[0,0,0]},t:114,s:[411,411,100]},{t:141,s:[439,439,100]}],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[-18.757,-1.921],[-.536,18.549],[17.819,.818],[.763,-18.17]],o:[[17.864,1.567],[.536,-18.549],[-17.819,-.818],[-.763,18.17]],v:[[-8.149,31.191],[30.163,-.028],[-8.337,-30.191],[-30.725,-1.716]],c:!0},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"gs",o:{a:0,k:100,ix:9},w:{a:0,k:4.613,ix:10},g:{p:2,k:{a:0,k:[0,.906,.906,.906,1,.592,.592,.592],ix:8}},s:{a:0,k:[36.0771,34.5153],ix:4},e:{a:0,k:[17.0993,-4.95431],ix:5},t:1,lc:1,lj:1,ml:4,ml2:{a:0,k:4,ix:13},bm:0,nm:"Gradient Stroke 1",mn:"ADBE Vector Graphic - G-Stroke",hd:!1},{ty:"tr",p:{a:0,k:[34.839,36.617],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Group 1",np:2,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1}],ip:0,op:144,st:0,bm:1}]}],layers:[{ddd:0,ind:1,ty:0,nm:"Pre-comp 1",refId:"comp_0",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[250,250,0],ix:2,l:2},a:{a:0,k:[250,250,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,w:500,h:500,ip:0,op:144,st:0,bm:0}],markers:[]},l=n`*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+:host {
+  display: block;
+}
+
+.ai-launch-button {
+  box-shadow: var(--kd-elevation-level-3-ai);
+  width: 70px;
+  height: 70px;
+  padding: 0;
+  border-radius: 50%;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: 2px solid transparent;
+  outline: 2px solid transparent;
+  background: var(--kd-color-background-container-ai-subtle);
+  transition: all 150ms ease-in-out;
+}
+.ai-launch-button:hover {
+  border-color: var(--kd-color-border-variants-ai);
+}
+.ai-launch-button:focus {
+  outline-color: var(--kd-color-border-button-primary-state-focused);
+  outline-offset: -2px;
+}
+.ai-launch-button:active {
+  border: 4px solid var(--kd-color-border-button-ai-state-pressed);
+  background: var(--kd-color-background-container-ai-default);
+  outline-color: transparent;
+}
+.ai-launch-button.disabled {
+  box-shadow: none;
+  cursor: not-allowed;
+  opacity: 0.5;
+  pointer-events: none;
+  border: 1px solid var(--kd-color-border-ui-disabled);
+}
+
+.container {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  border: 2px solid transparent;
+  border-radius: 50px;
+  width: 37px;
+  height: 37px;
+}
+
+svg {
+  display: block;
+  background: transparent;
+}`;let m=class extends e{constructor(){super(...arguments),this.disabled=!1,this._shouldStop=!1}render(){const i={"ai-launch-button":!0,disabled:this.disabled};return x`
+      <button
+        type="button"
+        class="${s(i)}"
+        aria-label="AI Assistant"
+        ?disabled="${this.disabled}"
+        @click=${()=>this._emitClick()}
+        @mouseenter=${()=>this._startHoverAnimation()}
+        @mouseleave=${()=>this._stopHoverAnimation()}
+      >
+        <div class="container"></div>
+      </button>
+    `}firstUpdated(){this._initAnimation()}_initAnimation(){this._animation=d.loadAnimation({container:this._containerEl,renderer:"svg",loop:!0,autoplay:!1,animationData:this.disabled?p:k}),this._animation.setSpeed(2),this._animation.goToAndStop(0,!0),this._animation.addEventListener("loopComplete",(()=>{this._shouldStop&&(this._animation.goToAndStop(0,!0),this._shouldStop=!1)}))}_startHoverAnimation(){this.disabled||(this._shouldStop=!1,this._animation.goToAndStop(0,!0),this._animation.setDirection(1),this._animation.play())}_stopHoverAnimation(){this.disabled||(this._shouldStop=!0)}updated(i){i.has("disabled")&&(this._animation.destroy(),this._initAnimation())}_emitClick(){if(!this.disabled){const i=new CustomEvent("on-click");this.dispatchEvent(i)}}};m.styles=l,i([t({type:Boolean})],m.prototype,"disabled",void 0),i([a(".container")],m.prototype,"_containerEl",void 0),i([o()],m.prototype,"_animation",void 0),i([o()],m.prototype,"_shouldStop",void 0),m=i([r("kyn-ai-assist")],m);export{m as AILaunchButton};
+//# sourceMappingURL=aiLaunchButton.js.map

package/components/ai/aiLaunchButton/aiLaunchButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"aiLaunchButton.js","sources":["../../../../src/components/ai/aiLaunchButton/aiLaunchButton.ts"],"sourcesContent":["import { LitElement, html } from 'lit';\nimport { customElement, property, state, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport lottie from 'lottie-web';\nimport animationData from './json/ai_assist.json';\nimport aiLaunchButtonDisabled from './json/ai_assist_disabled.json';\nimport Styles from './aiLaunchButton.scss';\n\n/**\n * AI Assistant Launch Button.\n * @fires on-click - Emits when the button is clicked.\n */\n@customElement('kyn-ai-assist')\nexport class AILaunchButton extends LitElement {\n  static override styles = Styles;\n\n  /** Whether the button is disabled. */\n  @property({ type: Boolean })\n  disabled = false;\n\n  /** Animation container element.\n   * @internal\n   */\n  @query('.container')\n  private _containerEl!: any;\n\n  /** Instance of animation.\n   * @internal\n   */\n  @state()\n  private _animation!: any;\n\n  /** Whether to stop at next loop completion\n   * @internal\n   */\n  @state()\n  private _shouldStop = false;\n\n  override render() {\n    const Classes = {\n      'ai-launch-button': true,\n      disabled: this.disabled,\n    };\n\n    return html`\n      <button\n        type=\"button\"\n        class=\"${classMap(Classes)}\"\n        aria-label=\"AI Assistant\"\n        ?disabled=\"${this.disabled}\"\n        @click=${() => this._emitClick()}\n        @mouseenter=${() => this._startHoverAnimation()}\n        @mouseleave=${() => this._stopHoverAnimation()}\n      >\n        <div class=\"container\"></div>\n      </button>\n    `;\n  }\n\n  override firstUpdated() {\n    this._initAnimation();\n  }\n\n  /// loop the animation on mouseenter. on mouseleave, complete the current loop and then stop.\n  private _initAnimation() {\n    this._animation = lottie.loadAnimation({\n      container: this._containerEl,\n      renderer: 'svg',\n      loop: true,\n      autoplay: false,\n      animationData: this.disabled ? aiLaunchButtonDisabled : animationData,\n    });\n    this._animation.setSpeed(2);\n    this._animation.goToAndStop(0, true);\n\n    this._animation.addEventListener('loopComplete', () => {\n      if (this._shouldStop) {\n        this._animation.goToAndStop(0, true);\n        this._shouldStop = false;\n      }\n    });\n  }\n\n  private _startHoverAnimation() {\n    if (!this.disabled) {\n      this._shouldStop = false;\n      this._animation.goToAndStop(0, true);\n      this._animation.setDirection(1);\n      this._animation.play();\n    }\n  }\n\n  private _stopHoverAnimation() {\n    if (!this.disabled) {\n      this._shouldStop = true;\n    }\n  }\n\n  override updated(changedProps: any) {\n    if (changedProps.has('disabled')) {\n      this._animation.destroy();\n      this._initAnimation();\n    }\n  }\n\n  private _emitClick() {\n    if (!this.disabled) {\n      const event = new CustomEvent('on-click');\n      this.dispatchEvent(event);\n    }\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kyn-ai-assist': AILaunchButton;\n  }\n}\n"],"names":["AILaunchButton","LitElement","constructor","this","disabled","_shouldStop","render","Classes","html","classMap","_emitClick","_startHoverAnimation","_stopHoverAnimation","firstUpdated","_initAnimation","_animation","lottie","loadAnimation","container","_containerEl","renderer","loop","autoplay","animationData","aiLaunchButtonDisabled","setSpeed","goToAndStop","addEventListener","setDirection","play","updated","changedProps","has","destroy","event","CustomEvent","dispatchEvent","styles","Styles","__decorate","property","type","Boolean","prototype","query","state","customElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAaO,IAAMA,EAAN,cAA6BC,EAA7B,WAAAC,uBAKLC,KAAQC,UAAG,EAkBHD,KAAWE,aAAG,CA2EvB,CAzEU,MAAAC,GACP,MAAMC,EAAU,CACd,oBAAoB,EACpBH,SAAUD,KAAKC,UAGjB,OAAOI,CAAI;;;iBAGEC,EAASF;;qBAELJ,KAAKC;iBACT,IAAMD,KAAKO;sBACN,IAAMP,KAAKQ;sBACX,IAAMR,KAAKS;;;;KAK9B,CAEQ,YAAAC,GACPV,KAAKW,gBACN,CAGO,cAAAA,GACNX,KAAKY,WAAaC,EAAOC,cAAc,CACrCC,UAAWf,KAAKgB,aAChBC,SAAU,MACVC,MAAM,EACNC,UAAU,EACVC,cAAepB,KAAKC,SAAWoB,EAAyBD,IAE1DpB,KAAKY,WAAWU,SAAS,GACzBtB,KAAKY,WAAWW,YAAY,GAAG,GAE/BvB,KAAKY,WAAWY,iBAAiB,gBAAgB,KAC3CxB,KAAKE,cACPF,KAAKY,WAAWW,YAAY,GAAG,GAC/BvB,KAAKE,aAAc,EACpB,GAEJ,CAEO,oBAAAM,GACDR,KAAKC,WACRD,KAAKE,aAAc,EACnBF,KAAKY,WAAWW,YAAY,GAAG,GAC/BvB,KAAKY,WAAWa,aAAa,GAC7BzB,KAAKY,WAAWc,OAEnB,CAEO,mBAAAjB,GACDT,KAAKC,WACRD,KAAKE,aAAc,EAEtB,CAEQ,OAAAyB,CAAQC,GACXA,EAAaC,IAAI,cACnB7B,KAAKY,WAAWkB,UAChB9B,KAAKW,iBAER,CAEO,UAAAJ,GACN,IAAKP,KAAKC,SAAU,CAClB,MAAM8B,EAAQ,IAAIC,YAAY,YAC9BhC,KAAKiC,cAAcF,EACpB,CACF,GAhGelC,EAAMqC,OAAGC,EAIzBC,EAAA,CADCC,EAAS,CAAEC,KAAMC,WACD1C,EAAA2C,UAAA,gBAAA,GAMjBJ,EAAA,CADCK,EAAM,eACoB5C,EAAA2C,UAAA,oBAAA,GAM3BJ,EAAA,CADCM,KACwB7C,EAAA2C,UAAA,kBAAA,GAMzBJ,EAAA,CADCM,KAC2B7C,EAAA2C,UAAA,mBAAA,GAvBjB3C,EAAcuC,EAAA,CAD1BO,EAAc,kBACF9C"}

package/components/ai/aiLaunchButton/index.d.ts

@@ -0,0 +1,2 @@
+export { AILaunchButton } from './aiLaunchButton';
+//# sourceMappingURL=index.d.ts.map

package/components/ai/aiLaunchButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ai/aiLaunchButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

package/components/ai/aiLaunchButton/index.js

@@ -0,0 +1,2 @@
+export{AILaunchButton}from"./aiLaunchButton.js";import"../../../vendor/tslib-53a81efe.js";import"../../../vendor/lit-6e2a7867.js";import"../../../vendor/lit-element-3185f710.js";import"../../../vendor/lottie-web-9ccae634.js";import"../../../vendor/flatpickr-bbd13d61.js";
+//# sourceMappingURL=index.js.map

package/components/ai/aiLaunchButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kyndryl-design-system/shidoka-applications",
-  "version": "2.7.2",
+  "version": "2.8.0",
   "description": "Shidoka Web Components for Applications",
   "main": "index.js",
   "type": "module",