@supersoniks/concorde 3.1.81 → 3.1.82

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@supersoniks/concorde",
-  "version": "3.1.81",
+  "version": "3.1.82",
   "license": "MIT",
   "type": "module",
   "main": "",

package/src/core/components/ui/pop/pop.md

@@ -76,4 +76,21 @@
       </sonic-menu>
     </sonic-pop>
   </template>
+</sonic-code>
+
+
+## manual
+<sonic-code>
+  <template>
+    <sonic-pop class="inline-block" manual id="manualPop">
+      <sonic-button onclick="alert('customAction without opening Pop content')">Manual doesn't open on click</sonic-button>
+      <sonic-menu slot="content">
+        <sonic-menu-item>Hourra !</sonic-menu-item>
+      </sonic-menu>
+    </sonic-pop>
+    <sonic-button onclick="document.getElementById('manualPop').show()" class="ml-5"  variant="outline">
+      <sonic-icon name="sparkles" library="custom"></sonic-icon>
+      Click to open pop
+    </sonic-button>
+  </template>
 </sonic-code>

package/src/core/components/ui/pop/pop.ts

@@ -64,6 +64,7 @@ export class Pop extends LitElement {
   @query("slot[name=content]") popContent!: HTMLElement;
   @property({ type: Boolean }) noToggle = false;
   @property({ type: Boolean, reflect: true }) inline = false;
+  @property({ type: Boolean }) manual = false;
 
   /**
    * Ombre
@@ -191,7 +192,7 @@ export class Pop extends LitElement {
 
   connectedCallback(): void {
     super.connectedCallback();
-    if (Pop.pops.size == 0) {
+    if (Pop.pops.size == 0 && !this.manual) {
       document.addEventListener("pointerdown", this._handleClosePop);
       document.addEventListener("click", this._handleClosePop);
       document.addEventListener("keydown", this._handleKeyDown);
@@ -213,7 +214,7 @@ export class Pop extends LitElement {
     }
     super.disconnectedCallback();
     Pop.pops.delete(this);
-    if (Pop.pops.size == 0) {
+    if (Pop.pops.size == 0 && !this.manual) {
       document.removeEventListener("pointerdown", this._handleClosePop);
       document.removeEventListener("click", this._handleClosePop);
       document.removeEventListener("keydown", this._handleKeyDown);
@@ -342,8 +343,8 @@ export class Pop extends LitElement {
   render() {
     return html`
       <slot
-        @click=${this.toggle}
-        @keydown=${this.toggle}
+        @click=${this.manual ? () => {} : this.toggle}
+        @keydown=${this.manual ? () => {} : this.toggle}
         class="contents"
       ></slot>
       <slot