@telia-ace/widget-components-widget-header-flamingo 1.1.109 → 1.1.110-rc.1

package/index.js

@@ -1 +1 @@
-"use strict";const r=async e=>{e.registerComponent("widget-header",Promise.resolve().then(()=>require("./widget-header-BIVRFqo5.js")))};module.exports=r;
+"use strict";const r=async e=>{e.registerComponent("widget-header",Promise.resolve().then(()=>require("./widget-header-CXguw-h3.js")))};module.exports=r;

package/index.mjs

@@ -1,5 +1,5 @@
 const t = async (e) => {
-  e.registerComponent("widget-header", import("./widget-header-CttiVZ2C.mjs"));
+  e.registerComponent("widget-header", import("./widget-header-BckRdWk8.mjs"));
 };
 export {
   t as default

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@telia-ace/widget-components-widget-header-flamingo",
-  "version": "1.1.109",
+  "version": "1.1.110-rc.1",
   "dependencies": {
     "lit": "^3.0.2",
-    "@telia-ace/widget-core-flamingo": "1.1.109",
+    "@telia-ace/widget-core-flamingo": "1.1.110-rc.1",
     "@teliads/components": "^22.1.1",
     "@teliads/icons": "^8.4.0",
     "@lit-labs/motion": "^1.0.6",

package/{widget-header-CttiVZ2C.mjs → widget-header-BckRdWk8.mjs}

@@ -3601,6 +3601,33 @@ const ii = Ni(S), ye = class ye extends ii {
         >
           <telia-icon svg=${ys.svg}></telia-icon>
         </button>
+        ${this.optionsIsVisible ? b` <div
+              class="options-menu"
+              ${_t(this.optionsRef)}
+              ${Mi({
+      keyframeOptions: { duration: 120 },
+      in: je,
+      out: je,
+      stabilizeOut: !0,
+      skipInitial: !1
+    })}
+            >
+              ${this.options.options.map((h) => b`<button
+                  class="options-menu__item"
+                  data-testid="${h.key}"
+                  @click=${() => {
+      h.closeOnClick && this._onToggleOptionsMenuClick(), h.onClick(), this.requestUpdate();
+    }}
+                  ?disabled="${!h.enabled}"
+                >
+                  ${h.icon ? b`<telia-icon
+                        class="option-icon"
+                        svg=${h.icon}
+                        size="sm"
+                      ></telia-icon>` : p}
+                  ${h.label}
+                </button>`)}
+            </div>` : p}
         ${o ? p : b`<button
               @click=${this._onMinimizeClick}
               class="widget-header__action-button"
@@ -3610,34 +3637,6 @@ const ii = Ni(S), ye = class ye extends ii {
               <telia-icon svg=${ms.svg}></telia-icon>
             </button>`}
       </div>
-
-      ${this.optionsIsVisible ? b` <div
-            class="options-menu"
-            ${_t(this.optionsRef)}
-            ${Mi({
-      keyframeOptions: { duration: 120 },
-      in: je,
-      out: je,
-      stabilizeOut: !0,
-      skipInitial: !1
-    })}
-          >
-            ${this.options.options.map((h) => b`<button
-                class="options-menu__item"
-                data-testid="${h.key}"
-                @click=${() => {
-      h.closeOnClick && this._onToggleOptionsMenuClick(), h.onClick(), this.requestUpdate();
-    }}
-                ?disabled="${!h.enabled}"
-              >
-                ${h.icon ? b`<telia-icon
-                      class="option-icon"
-                      svg=${h.icon}
-                      size="sm"
-                    ></telia-icon>` : p}
-                ${h.label}
-              </button>`)}
-          </div>` : p}
     </div>`;
   }
 };

package/{widget-header-BIVRFqo5.js → widget-header-CXguw-h3.js}

@@ -464,6 +464,25 @@
         >
           <telia-icon svg=${ys.svg}></telia-icon>
         </button>
+        ${this.optionsIsVisible?b` <div
+              class="options-menu"
+              ${wt(this.optionsRef)}
+              ${Mi({keyframeOptions:{duration:120},in:je,out:je,stabilizeOut:!0,skipInitial:!1})}
+            >
+              ${this.options.options.map(h=>b`<button
+                  class="options-menu__item"
+                  data-testid="${h.key}"
+                  @click=${()=>{h.closeOnClick&&this._onToggleOptionsMenuClick(),h.onClick(),this.requestUpdate()}}
+                  ?disabled="${!h.enabled}"
+                >
+                  ${h.icon?b`<telia-icon
+                        class="option-icon"
+                        svg=${h.icon}
+                        size="sm"
+                      ></telia-icon>`:p}
+                  ${h.label}
+                </button>`)}
+            </div>`:p}
         ${o?p:b`<button
               @click=${this._onMinimizeClick}
               class="widget-header__action-button"
@@ -473,26 +492,6 @@
               <telia-icon svg=${ms.svg}></telia-icon>
             </button>`}
       </div>
-
-      ${this.optionsIsVisible?b` <div
-            class="options-menu"
-            ${wt(this.optionsRef)}
-            ${Mi({keyframeOptions:{duration:120},in:je,out:je,stabilizeOut:!0,skipInitial:!1})}
-          >
-            ${this.options.options.map(h=>b`<button
-                class="options-menu__item"
-                data-testid="${h.key}"
-                @click=${()=>{h.closeOnClick&&this._onToggleOptionsMenuClick(),h.onClick(),this.requestUpdate()}}
-                ?disabled="${!h.enabled}"
-              >
-                ${h.icon?b`<telia-icon
-                      class="option-icon"
-                      svg=${h.icon}
-                      size="sm"
-                    ></telia-icon>`:p}
-                ${h.label}
-              </button>`)}
-          </div>`:p}
     </div>`}};ye.styles=[ii.styles||[],j`
       :host {
         --header-text-color: var(--text-on-primary-background);