cognikit 1.0.0 → 1.0.2

package/dist/shell/simple-shell/script.d.ts

@@ -5,6 +5,7 @@ export declare class InteractionsBaseShell extends HTMLElement {
     private soundManager;
     private animationsManager;
     private $titleEl;
+    private $closeBtn;
     private $promptBtn;
     private $timerEl;
     private $headerEl;
@@ -36,6 +37,7 @@ export declare class InteractionsBaseShell extends HTMLElement {
     attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
     setInteraction<T extends InteractionData>(interaction: BaseInteraction<T>): void;
     removeInteraction(): void;
+    setCloseBtnVisible(visible: boolean, handler?: () => void): void;
     private setupShellListeners;
     private setupInteractionListeners;
     private removeInteractionListeners;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "cognikit",
-	"version": "1.0.0",
+	"version": "1.0.2",
 	"author": "Yahir Adolfo de los Santos Beras",
 	"license": "MIT",
 	"repository": "https://github.com/YerCodeWorld/cognikit.git",

package/public/app.js

@@ -13318,6 +13318,12 @@ registerBuiltInInteractions();
 // src/shell/simple-shell/index.html
 var simple_shell_default = `<header part='header'>
 	<div class="prompt-container">
+		<button class="close-btn btn" title="Close Fullscreen" part="close-part" style="display: none;">
+			<svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+				<path d="M18 6 6 18" />
+				<path d="m6 6 12 12" />
+			</svg>
+		</button>
 		<button class="prompt-btn btn" title="See Prompt Data" part="see-prompt">
 			<svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
 				<path d="M12 3c4.97 0 9 1.79 9 4s-4.03 4-9 4-9-1.79-9-4 4.03-4 9-4Z"/>
@@ -13426,6 +13432,7 @@ var InteractionsBaseShell = class extends HTMLElement {
     this.$headerEl = wrap.querySelector("header");
     this.$footerEl = wrap.querySelector("footer");
     this.$titleEl = wrap.querySelector(".title");
+    this.$closeBtn = wrap.querySelector(".close-btn");
     this.$promptBtn = wrap.querySelector(".prompt-btn");
     this.$timerEl = wrap.querySelector(".timer");
     this.$checkBtn = wrap.querySelector(".check-btn");
@@ -13454,7 +13461,6 @@ var InteractionsBaseShell = class extends HTMLElement {
     if (!this.hasAttribute("show-footer")) this.setAttribute("show-footer", "true");
     this.updateVisibility();
     this.animationsManager.animate(this.$progressIcon, "heartbeat");
-    this.animationsManager.animate(this.$promptBtn, "wobble");
   }
   disconnectedCallback() {
     this.stopTimer();
@@ -13528,6 +13534,15 @@ var InteractionsBaseShell = class extends HTMLElement {
       this.interactionComplete = false;
     }
   }
+  setCloseBtnVisible(visible, handler) {
+    if (!visible) {
+      this.$closeBtn.style.display = "none";
+      this.$closeBtn.onclick = null;
+      return;
+    }
+    this.$closeBtn.style.display = "block";
+    this.$closeBtn.onclick = handler;
+  }
   // ==================== EVENT LISTENERS ====================
   setupShellListeners() {
     this.$checkBtn.addEventListener("click", () => {