@nectary/components 5.31.1 → 5.31.3

package/accordion-item/index.js

@@ -1,7 +1,7 @@
 import "../icon/index.js";
 import "../text/index.js";
 import "../title/index.js";
-import { isAttrEqual, updateAttribute, updateExplicitBooleanAttribute, isAttrTrue, updateBooleanAttribute, getAttribute, getBooleanAttribute, getLiteralAttribute, updateLiteralAttribute } from "../utils/dom.js";
+import { isAttrEqual, updateBooleanAttribute, isAttrTrue, updateExplicitBooleanAttribute, updateAttribute, getAttribute, getBooleanAttribute, getLiteralAttribute, updateLiteralAttribute } from "../utils/dom.js";
 import { defineCustomElement, NectaryElement } from "../utils/element.js";
 import { statusValues } from "./utils.js";
 const templateHTML = '<style>:host{display:block;outline:0;min-height:48px}#wrapper{display:flex;flex-direction:column;position:relative;width:100%;height:100%;box-sizing:border-box;overflow:hidden;border-bottom:1px solid var(--sinch-comp-accordion-color-default-border-initial)}:host(:last-child)>#wrapper{border-bottom:none}#button{all:initial;display:flex;position:relative;align-items:flex-start;gap:8px;box-sizing:border-box;width:100%;min-height:48px;padding:12px 4px 12px 8px;cursor:pointer;--sinch-global-color-icon:var(--sinch-comp-accordion-color-default-icon-initial);--sinch-global-size-icon:var(--sinch-comp-accordion-size-icon)}#button>*{pointer-events:none}#button:disabled{cursor:initial;--sinch-global-color-icon:var(--sinch-comp-accordion-color-disabled-icon-initial)}#button:focus-visible::after{content:"";position:absolute;inset:0;border:2px solid var(--sinch-comp-accordion-color-default-outline-focus);pointer-events:none}#status-wrapper{display:none;width:18px;height:24px;padding:8px 8px 8px 2px;box-sizing:border-box}#status{width:8px;height:8px;border-radius:50%}:host([status]:not([status=""])) #status-wrapper{display:block}:host([status=success]) #status{background-color:var(--sinch-comp-accordion-color-default-status-success)}:host([status=warn]) #status{background-color:var(--sinch-comp-accordion-color-default-status-warning)}:host([status=error]) #status{background-color:var(--sinch-comp-accordion-color-default-status-error)}:host([status=info]) #status{background-color:var(--sinch-comp-accordion-color-default-status-info)}#title{flex:1;min-width:0;--sinch-comp-title-font:var(--sinch-comp-accordion-font-title);--sinch-global-color-text:var(--sinch-comp-accordion-color-default-title-initial)}#button:disabled>#title{--sinch-global-color-text:var(--sinch-comp-accordion-color-disabled-title-initial)}#content{display:none;overflow-y:auto;flex-shrink:1;min-height:0;padding:0 8px 12px}#dropdown-icon{flex-shrink:0;margin-top:2px;transform:rotate(0);will-change:transform;transition:transform .25s ease-in-out}#button[aria-expanded=true]>#dropdown-icon{transform:rotate(180deg)}#button[aria-expanded=true]+#content{display:block}#optional{flex-shrink:0;--sinch-comp-text-font:var(--sinch-comp-accordion-font-optional-text);--sinch-global-color-text:var(--sinch-comp-accordion-color-default-optional-text-initial)}#button:disabled>#optional{--sinch-global-color-text:var(--sinch-comp-accordion-color-disabled-optional-text-initial)}</style><div id="wrapper"><button id="button" aria-controls="content" aria-expanded="false"><div id="status-wrapper"><div id="status"></div></div><slot name="icon"></slot><sinch-title id="title" level="3" type="m" ellipsis></sinch-title><sinch-text id="optional" type="m"></sinch-text><sinch-icon icons-version="2" name="fa-chevron-down" id="dropdown-icon"></sinch-icon></button><div id="content" role="region" aria-labelledby="button"><slot name="content"></slot></div></div>';
@@ -51,7 +51,7 @@ class AccordionItem extends NectaryElement {
         break;
       }
       case "ellipsis": {
-        updateAttribute(this.#$title, "ellipsis", newVal);
+        updateBooleanAttribute(this.#$title, name, isAttrTrue(newVal));
         break;
       }
     }

package/bundle.js

@@ -452,7 +452,7 @@ class AccordionItem extends NectaryElement {
         break;
       }
       case "ellipsis": {
-        updateAttribute(this.#$title, "ellipsis", newVal);
+        updateBooleanAttribute(this.#$title, name, isAttrTrue(newVal));
         break;
       }
     }
@@ -1418,7 +1418,7 @@ class RichTextareaChip extends NectaryElement {
   };
 }
 defineCustomElement("sinch-rich-textarea-chip", RichTextareaChip);
-const regLinebreak = /(?:<br>\n|<br>|\n)/;
+const regLinebreak = /(?:<br>\n|<br>| {2,}\n|\n)/;
 const regParagraph = /\n{2,}/;
 const regEm3Star = new RegExp("(?<!\\\\)\\*\\*\\*(?<em3>.+?)(?<!\\\\)\\*\\*\\*");
 const regEm2Star = new RegExp("(?<!\\\\)\\*\\*(?<em2>.+?)(?<!\\\\)\\*\\*");
@@ -4059,6 +4059,7 @@ class Tooltip extends NectaryElement {
       this.#schedulePlacement();
     });
     this.#resizeObserver.observe(this.#$content);
+    window.addEventListener("resize", this.#onWindowResize, options);
     updateAttribute(this.#$pop, "orientation", getPopOrientation$1(this.orientation));
     updateBooleanAttribute(this.#$pop, "hide-outside-viewport", !this.showOutsideViewport);
     updateBooleanAttribute(this.#$pop, "disable-focus-restore", true);
@@ -4524,6 +4525,14 @@ class Tooltip extends NectaryElement {
     this.#$pop.style.removeProperty("--sinch-pop-offset-x");
     this.#$pop.style.removeProperty("--sinch-pop-offset-y");
   }
+  #onWindowResize = () => {
+    if (!this.#isOpen()) {
+      return;
+    }
+    requestAnimationFrame(() => {
+      this.#schedulePlacement();
+    });
+  };
   #schedulePlacement(resetZeroDimensionRetries = true) {
     if (!this.#isOpen() || this.#placementScheduled) {
       return;
@@ -11357,7 +11366,6 @@ const MD_EM1_STAR_TOKEN = "*";
 const MD_EM3_UNDERSCORE_TOKEN = "___";
 const MD_EM2_UNDERSCORE_TOKEN = "__";
 const MD_EM1_UNDERSCORE_TOKEN = "_";
-const MD_LINEBREAK_TOKEN = "  \n";
 const MD_CODETAG_TOKEN = "`";
 const MD_ULISTITEM_TOKEN = "*";
 const MD_OLISTITEM_TOKEN = "1.";
@@ -11484,11 +11492,7 @@ const serializeRoot = ($root, range) => {
   };
   const flushParagraphChunks = () => {
     if (paragraphChunks.length > 0) {
-      chunks.push(
-        paragraphChunks.reduce((a, b) => {
-          return b.length > 0 ? a.concat(MD_LINEBREAK_TOKEN, b) : a.concat("<br>");
-        })
-      );
+      chunks.push(...paragraphChunks);
       paragraphChunks.length = 0;
     }
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nectary/components",
-  "version": "5.31.1",
+  "version": "5.31.3",
   "files": [
     "**/*/*.css",
     "**/*/*.json",

package/rich-textarea/utils.js

@@ -1571,7 +1571,6 @@ const MD_EM1_STAR_TOKEN = "*";
 const MD_EM3_UNDERSCORE_TOKEN = "___";
 const MD_EM2_UNDERSCORE_TOKEN = "__";
 const MD_EM1_UNDERSCORE_TOKEN = "_";
-const MD_LINEBREAK_TOKEN = "  \n";
 const MD_CODETAG_TOKEN = "`";
 const MD_ULISTITEM_TOKEN = "*";
 const MD_OLISTITEM_TOKEN = "1.";
@@ -1698,11 +1697,7 @@ const serializeRoot = ($root, range) => {
   };
   const flushParagraphChunks = () => {
     if (paragraphChunks.length > 0) {
-      chunks.push(
-        paragraphChunks.reduce((a, b) => {
-          return b.length > 0 ? a.concat(MD_LINEBREAK_TOKEN, b) : a.concat("<br>");
-        })
-      );
+      chunks.push(...paragraphChunks);
       paragraphChunks.length = 0;
     }
   };

package/tooltip/index.js

@@ -83,6 +83,7 @@ class Tooltip extends NectaryElement {
       this.#schedulePlacement();
     });
     this.#resizeObserver.observe(this.#$content);
+    window.addEventListener("resize", this.#onWindowResize, options);
     updateAttribute(this.#$pop, "orientation", getPopOrientation(this.orientation));
     updateBooleanAttribute(this.#$pop, "hide-outside-viewport", !this.showOutsideViewport);
     updateBooleanAttribute(this.#$pop, "disable-focus-restore", true);
@@ -548,6 +549,14 @@ class Tooltip extends NectaryElement {
     this.#$pop.style.removeProperty("--sinch-pop-offset-x");
     this.#$pop.style.removeProperty("--sinch-pop-offset-y");
   }
+  #onWindowResize = () => {
+    if (!this.#isOpen()) {
+      return;
+    }
+    requestAnimationFrame(() => {
+      this.#schedulePlacement();
+    });
+  };
   #schedulePlacement(resetZeroDimensionRetries = true) {
     if (!this.#isOpen() || this.#placementScheduled) {
       return;

package/utils/markdown.js

@@ -1,4 +1,4 @@
-const regLinebreak = /(?:<br>\n|<br>|\n)/;
+const regLinebreak = /(?:<br>\n|<br>| {2,}\n|\n)/;
 const regParagraph = /\n{2,}/;
 const regEm3Star = new RegExp("(?<!\\\\)\\*\\*\\*(?<em3>.+?)(?<!\\\\)\\*\\*\\*");
 const regEm2Star = new RegExp("(?<!\\\\)\\*\\*(?<em2>.+?)(?<!\\\\)\\*\\*");