@nectary/components 5.42.3 → 5.42.5-rc.0

package/select-menu/index.js

@@ -1,15 +1,15 @@
-import "../input/index.js";
-import "../icon/index.js";
-import "../text/index.js";
-import { isSelectMenuOption } from "../select-menu-option/utils.js";
-import { subscribeContext } from "../utils/context.js";
-import { unpackCsv, getFirstCsvValue, updateCsv } from "../utils/csv.js";
-import { getBooleanAttribute, updateAttribute, updateExplicitBooleanAttribute, isAttrTrue, getAttribute, updateIntegerAttribute, getIntegerAttribute, updateBooleanAttribute, getDeepActiveElement, hasClass, setClass, attrValueToPixels } from "../utils/dom.js";
-import { defineCustomElement, NectaryElement } from "../utils/element.js";
-import { debounceTimeout } from "../utils/debounce.js";
-import { getReactEventHandler } from "../utils/get-react-event-handler.js";
-import { isTargetEqual } from "../utils/event-target.js";
-import { setFormValue, CSVToFormData } from "../utils/form.js";
+import "../index.d15.js";
+import "../index.d3.js";
+import "../index.d.js";
+import { i as isSelectMenuOption } from "../utils25.js";
+import { s as subscribeContext } from "../context.js";
+import { u as unpackCsv, g as getFirstCsvValue, a as updateCsv } from "../csv.js";
+import { j as getBooleanAttribute, y as updateAttribute, A as updateExplicitBooleanAttribute, t as isAttrTrue, i as getAttribute, B as updateIntegerAttribute, n as getIntegerAttribute, z as updateBooleanAttribute, m as getDeepActiveElement, r as hasClass, w as setClass, d as attrValueToPixels } from "../dom.js";
+import { d as defineCustomElement, N as NectaryElement } from "../element.js";
+import { a as debounceTimeout } from "../debounce.js";
+import { g as getReactEventHandler } from "../get-react-event-handler.js";
+import { i as isTargetEqual } from "../event-target.js";
+import { s as setFormValue, C as CSVToFormData } from "../form.js";
 const templateHTML = '<style>:host{display:block;outline:0}#listbox{overflow-y:auto;max-height:var(--sinch-comp-select-menu-font-max-height)}#search{display:none;margin:10px}#search.active{display:block}#search-clear:not(.active){display:none}#not-found{display:flex;align-items:center;justify-content:center;width:100%;height:30px;margin-bottom:10px;pointer-events:none;user-select:none;--sinch-comp-text-font:var(--sinch-comp-select-menu-font-not-found-text);--sinch-global-color-text:var(--sinch-comp-select-menu-color-default-not-found-text-initial)}#not-found:not(.active){display:none}::slotted(.hidden){display:none}::slotted(sinch-title){padding:8px 16px;--sinch-global-color-text:var(--sinch-comp-select-menu-color-default-title-initial)}</style><sinch-input id="search" size="s" placeholder="Search" aria-label="Search"><sinch-icon icons-version="2" name="magnifying-glass" id="icon-search" slot="icon"></sinch-icon><sinch-button id="search-clear" slot="right"><sinch-icon icons-version="2" name="fa-xmark" slot="icon"></sinch-icon></sinch-button></sinch-input><div id="not-found"><sinch-text type="m">No results</sinch-text></div><div id="listbox" role="listbox" tabindex="-1"><slot></slot></div>';
 const ITEM_HEIGHT = 40;
 const DEFAULT_SEARCH_LABEL = "Search";

package/select-menu/types.d.js

@@ -0,0 +1 @@
+

package/select-menu-option/global/index.d.js

@@ -0,0 +1 @@
+

package/select-menu-option/global/index.js

@@ -1,2 +1,2 @@
-import { defineCustomElement } from "../../utils/element.js";
+import { d as defineCustomElement } from "../../element.js";
 defineCustomElement("sinch-select-menu-option");

package/select-menu-option/index.d.js

@@ -0,0 +1,2 @@
+import "../index.d3.js";
+import "../index.d.js";

package/select-menu-option/index.js

@@ -1,7 +1,7 @@
-import "../icon/index.js";
-import "../text/index.js";
-import { isAttrEqual, updateBooleanAttribute, isAttrTrue, updateExplicitBooleanAttribute, updateAttribute, getAttribute, getBooleanAttribute } from "../utils/dom.js";
-import { defineCustomElement, NectaryElement } from "../utils/element.js";
+import "../index.d3.js";
+import "../index.d.js";
+import { s as isAttrEqual, z as updateBooleanAttribute, t as isAttrTrue, A as updateExplicitBooleanAttribute, y as updateAttribute, i as getAttribute, j as getBooleanAttribute } from "../dom.js";
+import { d as defineCustomElement, N as NectaryElement } from "../element.js";
 const templateHTML = '<style>:host{display:block}#wrapper{display:flex;position:relative;box-sizing:border-box;min-height:40px;padding:8px 16px;align-items:center;gap:10px;user-select:none;cursor:pointer;background-color:var(--sinch-comp-select-menu-color-default-background-initial);--sinch-global-color-text:var(--sinch-comp-select-menu-color-default-option-initial);--sinch-global-color-icon:var(--sinch-comp-select-menu-color-default-icon-initial);--sinch-global-size-icon:var(--sinch-comp-select-menu-size-icon)}#content{flex:1;min-width:0;--sinch-comp-text-font:var(--sinch-comp-select-menu-font-option)}#icon-check{display:none;margin-right:-6px}:host([data-checked]:not([action])) #icon-check{display:block}:host([data-selected])>#wrapper{background-color:var(--sinch-comp-select-menu-color-default-background-selected)}:host(:hover)>#wrapper{background-color:var(--sinch-comp-select-menu-color-default-background-hover)}:host([disabled])>#wrapper{cursor:initial;pointer-events:none;background-color:var(--sinch-comp-select-menu-color-disabled-background-initial);--sinch-global-color-text:var(--sinch-comp-select-menu-color-disabled-option-initial);--sinch-global-color-icon:var(--sinch-comp-select-menu-color-disabled-icon-initial)}::slotted([slot=icon]){margin-left:-6px}::slotted([slot=content]){pointer-events:none;flex:1}</style><div id="wrapper"><slot name="icon"></slot><slot name="content"></slot><sinch-text id="content" type="m" ellipsis></sinch-text><sinch-icon icons-version="2" name="fa-check" id="icon-check"></sinch-icon></div>';
 const template = document.createElement("template");
 template.innerHTML = templateHTML;

package/select-menu-option/types.d.js

@@ -0,0 +1 @@
+

package/select-menu-option/utils.d.js

@@ -0,0 +1 @@
+

package/sheet/global/index.d.js

@@ -0,0 +1 @@
+

package/sheet/global/index.js

@@ -1,2 +1,2 @@
-import { defineCustomElement } from "../../utils/element.js";
+import { d as defineCustomElement } from "../../element.js";
 defineCustomElement("sinch-sheet");

package/sheet/index.d.js

@@ -0,0 +1 @@
+import "../index.d8.js";

package/sheet/index.d.ts

@@ -14,5 +14,5 @@ export declare class Sheet extends NectaryElement {
     get placement(): string;
     set overlay(overlayMode: string);
     get overlay(): string;
-    get dialogRect(): import("../types").TRect;
+    get dialogRect(): any;
 }

package/sheet/index.js

@@ -1,10 +1,10 @@
-import "../stop-events/index.js";
-import { isAttrEqual, updateBooleanAttribute, getBooleanAttribute, updateAttribute, getAttribute, getCssVar, setClass, isAttrTrue } from "../utils/dom.js";
-import { defineCustomElement, NectaryElement } from "../utils/element.js";
-import { getRect } from "../utils/rect.js";
-import { getReactEventHandler } from "../utils/get-react-event-handler.js";
-import { isTargetEqual } from "../utils/event-target.js";
-import { disableScroll, enableScroll } from "../utils/scroll-lock.js";
+import "../index.d8.js";
+import { s as isAttrEqual, z as updateBooleanAttribute, j as getBooleanAttribute, y as updateAttribute, i as getAttribute, k as getCssVar, w as setClass, t as isAttrTrue } from "../dom.js";
+import { d as defineCustomElement, N as NectaryElement } from "../element.js";
+import { g as getRect } from "../rect.js";
+import { g as getReactEventHandler } from "../get-react-event-handler.js";
+import { i as isTargetEqual } from "../event-target.js";
+import { d as disableScroll, e as enableScroll } from "../scroll-lock.js";
 const templateHTML = '<style>:host{display:contents}#dialog{position:fixed;margin:0;display:grid;grid-template-rows:auto 1fr auto;padding:var(--sinch-comp-sheet-size-padding) 0;gap:var(--sinch-comp-sheet-size-gap);max-width:unset;max-height:unset;box-sizing:border-box;contain:content;background-color:var(--sinch-comp-sheet-color-background);border:none;outline:0;opacity:0;transition-property:transform,opacity;transition-duration:var(--sinch-comp-sheet-animation-duration),calc(var(--sinch-comp-sheet-animation-duration) / 2.5);transition-timing-function:var(--sinch-comp-sheet-animation-easing)}#dialog.overlay-push{opacity:.5}#dialog[open],#dialog[open].placement-bottom,#dialog[open].placement-left,#dialog[open].placement-right,#dialog[open].placement-top{transform:translateX(0) translateY(0);opacity:1}#dialog.placement-right{top:0;right:0;margin-left:auto;height:100dvh;transform:translateX(100%);max-width:var(--sinch-comp-sheet-size-max-horizontal)}#dialog.placement-left{top:0;left:0;margin-right:auto;height:100dvh;transform:translateX(-100%);max-width:var(--sinch-comp-sheet-size-max-horizontal)}#dialog.placement-top{top:0;left:0;right:0;width:100%;transform:translateY(-100%);max-height:var(--sinch-comp-sheet-size-max-vertical)}#dialog.placement-bottom{bottom:0;left:0;right:0;width:100%;margin-top:auto;transform:translateY(100%);max-height:var(--sinch-comp-sheet-size-max-vertical)}#dialog::backdrop{display:block;background:linear-gradient(var(--sinch-comp-sheet-color-backdrop-from),var(--sinch-comp-sheet-color-backdrop-to));backdrop-filter:blur(var(--sinch-comp-sheet-size-backdrop-blur))}#title{padding:0 var(--sinch-comp-sheet-size-padding)}#content{min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 var(--sinch-comp-sheet-size-padding);box-sizing:border-box}#action{display:flex;flex-direction:row;justify-content:flex-end;gap:16px;padding:0 var(--sinch-comp-sheet-size-padding)}#action.empty{display:none}@media screen and (max-width:576px){#dialog.placement-left,#dialog.placement-right{max-width:100dvw}}@media (prefers-reduced-motion:reduce){#dialog{transition-duration:0s}}</style><dialog id="dialog" aria-labelledby="title" aria-describedby="content"><div id="title"><slot name="title"></slot></div><div id="content"><sinch-stop-events events="close"><slot name="content"></slot></sinch-stop-events></div><div id="action"><sinch-stop-events events="close"><slot name="footer"></slot></sinch-stop-events></div></dialog>';
 const template = document.createElement("template");
 template.innerHTML = templateHTML;

package/sheet/types.d.js

@@ -0,0 +1 @@
+

package/sheet-title/global/index.d.js

@@ -0,0 +1 @@
+

package/sheet-title/global/index.js

@@ -1,2 +1,2 @@
-import { defineCustomElement } from "../../utils/element.js";
+import { d as defineCustomElement } from "../../element.js";
 defineCustomElement("sinch-sheet-title");

package/sheet-title/index.d.js

@@ -0,0 +1,2 @@
+import "../index.d3.js";
+import "../index.js";

package/sheet-title/index.d.ts

@@ -13,5 +13,5 @@ export declare class SheetTitle extends NectaryElement {
     get title(): string;
     set description(description: string);
     get description(): string;
-    get closeButtonRect(): import("../types").TRect;
+    get closeButtonRect(): any;
 }

package/sheet-title/index.js

@@ -1,8 +1,8 @@
-import "../icon/index.js";
-import "../title/index.js";
-import { isAttrEqual, updateAttribute, getAttribute } from "../utils/dom.js";
-import { defineCustomElement, NectaryElement } from "../utils/element.js";
-import { getRect } from "../utils/rect.js";
+import "../index.d3.js";
+import "../index.js";
+import { s as isAttrEqual, y as updateAttribute, i as getAttribute } from "../dom.js";
+import { d as defineCustomElement, N as NectaryElement } from "../element.js";
+import { g as getRect } from "../rect.js";
 const templateHTML = '<style>:host{display:contents;--sinch-sheet-close-button-display:unset}#top{display:flex;flex-direction:row;align-items:center;margin-top:8px;gap:var(--sinch-comp-sheet-size-title-gap)}#text{--sinch-global-color-text:var(--sinch-comp-sheet-color-title);--sinch-comp-title-font:var(--sinch-comp-sheet-font-title)}#description{--sinch-global-color-text:var(--sinch-comp-sheet-color-description);--sinch-comp-text-font:var(--sinch-comp-sheet-font-description)}#close{display:var(--sinch-sheet-close-button-display,initial);margin-left:auto}</style><div id="title"><div id="top"><slot id="icon" name="icon"></slot><sinch-title id="text" type="m" level="3"></sinch-title><sinch-button id="close" size="s" aria-label="Close"><sinch-icon icons-version="2" name="fa-xmark" id="icon-close" slot="icon"></sinch-icon></sinch-button></div><sinch-text id="description" type="m"></sinch-text></div>';
 const template = document.createElement("template");
 template.innerHTML = templateHTML;

package/sheet-title/types.d.js

@@ -0,0 +1 @@
+

package/skeleton/global/index.d.js

@@ -0,0 +1 @@
+

package/skeleton/global/index.js

@@ -1,2 +1,2 @@
-import { defineCustomElement } from "../../utils/element.js";
+import { d as defineCustomElement } from "../../element.js";
 defineCustomElement("sinch-skeleton");

package/skeleton/index.d.js

@@ -0,0 +1 @@
+

package/skeleton/index.js

@@ -1,6 +1,6 @@
-import { isAttrTrue, shouldReduceMotion, getCssVar, attrValueToInteger } from "../utils/dom.js";
-import { defineCustomElement, NectaryElement } from "../utils/element.js";
-import { getUid } from "../utils/uid.js";
+import { t as isAttrTrue, x as shouldReduceMotion, k as getCssVar, c as attrValueToInteger } from "../dom.js";
+import { d as defineCustomElement, N as NectaryElement } from "../element.js";
+import { g as getUid } from "../uid.js";
 const templateHTML = '<style>:host{display:block;position:relative}#wrapper{position:relative;display:flex;flex-direction:column;gap:16px;overflow:hidden;box-sizing:border-box}:host([card]:not([card=false])) #wrapper{background-color:var(--sinch-sys-color-surface-primary-default);border:1px solid var(--sinch-sys-color-border-subtle);border-radius:var(--sinch-sys-shape-radius-l);padding:16px}#shimmer{position:absolute;inset:0;overflow:hidden;pointer-events:none}#shimmer-inner{position:absolute;left:0;top:0;width:400%;height:100%;background-image:linear-gradient(90deg,transparent 0,transparent 30%,var(--sinch-comp-skeleton-color-shimmer) 50%,transparent 53%,transparent 100%);background-size:100% 100%}#shimmer.animated #shimmer-inner{animation:nectary-skeleton-shimmer 2s linear infinite}@media (prefers-reduced-motion:reduce){#shimmer.animated #shimmer-inner{animation:none}}@keyframes nectary-skeleton-shimmer{0%{transform:translateX(-75%)}100%{transform:translateX(0)}}#svg{display:block;width:0;height:0}</style><svg id="svg"><defs><clipPath id="clip"></clipPath></defs></svg><div id="wrapper"><slot></slot><div id="shimmer"><div id="shimmer-inner"></div></div></div>';
 const template = document.createElement("template");
 template.innerHTML = templateHTML;

package/skeleton/types.d.js

@@ -0,0 +1 @@
+

package/skeleton-item/global/index.d.js

@@ -0,0 +1 @@
+

package/skeleton-item/global/index.js

@@ -1,2 +1,2 @@
-import { defineCustomElement } from "../../utils/element.js";
+import { d as defineCustomElement } from "../../element.js";
 defineCustomElement("sinch-skeleton-item");

package/skeleton-item/index.d.js

@@ -0,0 +1 @@
+

package/skeleton-item/index.js

@@ -1,4 +1,4 @@
-import { defineCustomElement, NectaryElement } from "../utils/element.js";
+import { d as defineCustomElement, N as NectaryElement } from "../element.js";
 const templateHTML = '<style>:host{display:block;box-sizing:border-box;--sinch-local-shape-radius:var(--sinch-sys-shape-radius-m, 4px)}#content{width:100%;height:100%;min-height:100%;box-sizing:border-box;background-color:var(--sinch-comp-skeleton-color-background);overflow:hidden;position:relative;border-radius:var(--sinch-local-shape-radius)}:host([size=xs]){height:var(--sinch-sys-size-xs,24px);--sinch-local-shape-radius:var(--sinch-sys-shape-radius-xs, 4px)}:host([size="s"]){height:var(--sinch-sys-size-s,32px);--sinch-local-shape-radius:var(--sinch-sys-shape-radius-s, 4px)}:host(:not([size])),:host([size="m"]){height:var(--sinch-sys-size-m,40px);--sinch-local-shape-radius:var(--sinch-sys-shape-radius-m, 4px)}:host([size="l"]){height:var(--sinch-sys-size-l,48px);--sinch-local-shape-radius:var(--sinch-sys-shape-radius-l, 4px)}</style><div id="content"></div>';
 const template = document.createElement("template");
 template.innerHTML = templateHTML;

package/skeleton-item/types.d.js

@@ -0,0 +1 @@
+

package/spinner/global/index.d.js

@@ -0,0 +1 @@
+

package/spinner/global/index.js

@@ -1,2 +1,2 @@
-import { defineCustomElement } from "../../utils/element.js";
+import { d as defineCustomElement } from "../../element.js";
 defineCustomElement("sinch-spinner");

package/spinner/index.d.js

@@ -0,0 +1 @@
+

package/spinner/index.js

@@ -1,7 +1,7 @@
-import { subscribeContext } from "../utils/context.js";
-import { updateAttribute, updateLiteralAttribute, getLiteralAttribute } from "../utils/dom.js";
-import { defineCustomElement, NectaryElement } from "../utils/element.js";
-import { sizeValues, DEFAULT_SIZE } from "../utils/size.js";
+import { s as subscribeContext } from "../context.js";
+import { y as updateAttribute, C as updateLiteralAttribute, o as getLiteralAttribute } from "../dom.js";
+import { d as defineCustomElement, N as NectaryElement } from "../element.js";
+import { s as sizeValues, D as DEFAULT_SIZE } from "../size.js";
 const templateHTML = '<style>@keyframes spinner{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}:host{display:block}:host([data-size="l"]){width:50px;height:50px;contain:strict}:host([data-size="m"]){width:24px;height:24px;contain:strict}:host([data-size="s"]){width:16px;height:16px;contain:strict}#spinner-size-l,#spinner-size-m,#spinner-size-s{display:none;will-change:transform}:host([data-size="l"])>#spinner-size-l{display:block;animation:1s linear infinite spinner}:host([data-size="m"])>#spinner-size-m{display:block;animation:1s linear infinite spinner}:host([data-size="s"])>#spinner-size-s{display:block;animation:1s linear infinite spinner}.bg{opacity:.3;stroke:var(--sinch-global-color-icon,var(--sinch-sys-color-text-default))}.fg{stroke:var(--sinch-global-color-icon,var(--sinch-sys-color-text-default))}</style><svg id="spinner-size-l" width="50" height="50" fill="none"><circle class="bg" cx="25" cy="25" r="22" stroke-width="6"/><path class="fg" d="M25 3a22 22 0 0 1 22 22" stroke-width="6" stroke-linecap="round"/></svg> <svg id="spinner-size-m" width="24" height="24" fill="none"><circle class="bg" cx="12" cy="12" r="9" stroke-width="4"/><path class="fg" d="M21 12a9 9 0 0 0-9-9" stroke-width="4" stroke-linecap="round"/></svg> <svg id="spinner-size-s" width="16" height="16" fill="none"><circle class="bg" cx="8" cy="8" r="6" stroke-width="2"/><path class="fg" d="M14 8a6 6 0 0 0-6-6" stroke-width="2" stroke-linecap="round"/></svg>';
 const template = document.createElement("template");
 template.innerHTML = templateHTML;

package/spinner/types.d.js

@@ -0,0 +1 @@
+

package/standalone.js

@@ -1,89 +1,26 @@
-import { setNectaryRegistry } from "./utils/element.js";
-import "./accordion-item/index.js";
-import "./accordion/index.js";
-import "./action-menu-option/index.js";
-import "./action-menu/index.js";
-import "./alert/index.js";
-import "./avatar/index.js";
-import "./badge/index.js";
-import "./button-group-item/index.js";
-import "./button-group/index.js";
-import "./button/index.js";
-import "./card-container/index.js";
-import "./card-v2-title/index.js";
-import "./card-v2/index.js";
-import "./checkbox/index.js";
-import "./chip/index.js";
-import "./code-tag/index.js";
-import "./color-menu-option/index.js";
-import "./color-menu/index.js";
-import "./color-swatch/index.js";
-import "./date-picker/index.js";
-import "./dialog/index.js";
-import "./emoji-picker/index.js";
-import "./emoji/index.js";
-import "./field/index.js";
-import "./field-v2/index.js";
-import "./file-drop/index.js";
-import "./file-picker/index.js";
-import "./file-status/index.js";
-import "./flag/index.js";
-import "./floating-panel/index.js";
-import "./floating-panel-button/index.js";
-import "./floating-panel-icon-button/index.js";
-import "./grid-item/index.js";
-import "./grid/index.js";
-import "./help-tooltip/index.js";
-import "./icon/index.js";
-import "./inline-alert/index.js";
-import "./input/index.js";
-import "./link/index.js";
-import "./list-item/index.js";
-import "./list/index.js";
-import "./pagination/index.js";
-import "./persistent-overlay/index.js";
-import "./pop/index.js";
-import "./popover/index.js";
-import "./progress-stepper-item-v2/index.js";
-import "./progress-stepper-item/index.js";
-import "./progress-stepper-v2/index.js";
-import "./progress-stepper/index.js";
-import "./progress/index.js";
-import "./radio-option/index.js";
-import "./radio/index.js";
-import "./rich-text/index.js";
-import "./rich-textarea/index.js";
-import "./rich-textarea-chip/index.js";
-import "./segment-collapse/index.js";
-import "./segmented-control-option/index.js";
-import "./segmented-control/index.js";
-import "./segmented-icon-control-option/index.js";
-import "./segmented-icon-control/index.js";
-import "./select-button/index.js";
-import "./select-menu-option/index.js";
-import "./select-menu/index.js";
-import "./sheet/index.js";
-import "./sheet-title/index.js";
-import "./skeleton-item/index.js";
-import "./skeleton/index.js";
-import "./spinner/index.js";
-import "./stop-events/index.js";
-import "./table-body/index.js";
-import "./table-cell/index.js";
-import "./table-head-cell/index.js";
-import "./table-head/index.js";
-import "./table-row/index.js";
-import "./table/index.js";
-import "./tabs-icon-option/index.js";
-import "./tabs-option/index.js";
-import "./tabs/index.js";
-import "./tag/index.js";
-import "./text/index.js";
-import "./textarea/index.js";
-import "./time-picker/index.js";
-import "./title/index.js";
-import "./toast-manager/index.js";
-import "./toast/index.js";
-import "./toggle/index.js";
-import "./tooltip/index.js";
+import { s as setNectaryRegistry } from "./element.js";
+import "./standalone.d.js";
+import "./index2.js";
+import "./index.d7.js";
+import "./index.d9.js";
+import "./index.d10.js";
+import "./index.d11.js";
+import "./index.d12.js";
+import "./index3.js";
+import "./index.d13.js";
+import "./index.d14.js";
+import "./index.d3.js";
+import "./index.d15.js";
+import "./index.d16.js";
+import "./index.d2.js";
+import "./index4.js";
+import "./index.d5.js";
+import "./index.d17.js";
+import "./index.d18.js";
+import "./index.d4.js";
+import "./index.d8.js";
+import "./index.d.js";
+import "./index.js";
+import "./utils.js";
+import "./index.d6.js";
 setNectaryRegistry(window.customElements);

package/stop-events/index.d.js

@@ -0,0 +1 @@
+

package/stop-events/index.js

@@ -1,5 +1,5 @@
-import { unpackCsv } from "../utils/csv.js";
-import { defineCustomElement } from "../utils/element.js";
+import { u as unpackCsv } from "../csv.js";
+import { d as defineCustomElement } from "../element.js";
 class StopEvents extends HTMLElement {
   #controller = null;
   constructor() {

package/table/global/index.d.js

@@ -0,0 +1 @@
+

package/table/global/index.js

@@ -1,2 +1,2 @@
-import { defineCustomElement } from "../../utils/element.js";
+import { d as defineCustomElement } from "../../element.js";
 defineCustomElement("sinch-table");

package/table/index.d.js

@@ -0,0 +1 @@
+

package/table/index.js

@@ -1,4 +1,4 @@
-import { defineCustomElement, NectaryElement } from "../utils/element.js";
+import { d as defineCustomElement, N as NectaryElement } from "../element.js";
 const templateHTML = "<style>:host{display:table}</style><slot></slot>";
 const template = document.createElement("template");
 template.innerHTML = templateHTML;

package/table/types.d.js

@@ -0,0 +1 @@
+

package/table-body/global/index.d.js

@@ -0,0 +1 @@
+

package/table-body/global/index.js

@@ -1,2 +1,2 @@
-import { defineCustomElement } from "../../utils/element.js";
+import { d as defineCustomElement } from "../../element.js";
 defineCustomElement("sinch-table-body");

package/table-body/index.d.js

@@ -0,0 +1 @@
+

package/table-body/index.js

@@ -1,4 +1,4 @@
-import { defineCustomElement, NectaryElement } from "../utils/element.js";
+import { d as defineCustomElement, N as NectaryElement } from "../element.js";
 const templateHTML = "<style>:host{display:table-row-group}</style><slot></slot>";
 const template = document.createElement("template");
 template.innerHTML = templateHTML;

package/table-body/types.d.js

@@ -0,0 +1 @@
+

package/table-cell/global/index.d.js

@@ -0,0 +1 @@
+

package/table-cell/global/index.js

@@ -1,2 +1,2 @@
-import { defineCustomElement } from "../../utils/element.js";
+import { d as defineCustomElement } from "../../element.js";
 defineCustomElement("sinch-table-cell");

package/table-cell/index.d.js

@@ -0,0 +1 @@
+

package/table-cell/index.js

@@ -1,6 +1,6 @@
-import { updateLiteralAttribute, getLiteralAttribute } from "../utils/dom.js";
-import { defineCustomElement, NectaryElement } from "../utils/element.js";
-import { alignValues } from "./utils.js";
+import { C as updateLiteralAttribute, o as getLiteralAttribute } from "../dom.js";
+import { d as defineCustomElement, N as NectaryElement } from "../element.js";
+import { a as alignValues } from "../utils26.js";
 const templateHTML = '<style>:host{display:table-cell;vertical-align:top;border-bottom:1px solid var(--sinch-comp-table-color-cell-default-border-initial)}#wrapper{display:flex;flex-direction:column;justify-content:center;min-height:48px;box-sizing:border-box;padding:8px}:host([align=end]) #wrapper{text-align:end;align-items:flex-end}:host([align=center]) #wrapper{text-align:center;align-items:center}</style><div id="wrapper"><slot></slot></div>';
 const template = document.createElement("template");
 template.innerHTML = templateHTML;

package/table-cell/types.d.js

@@ -0,0 +1 @@
+

package/table-cell/utils.d.js

@@ -0,0 +1 @@
+

package/table-head/global/index.d.js

@@ -0,0 +1 @@
+

package/table-head/global/index.js

@@ -1,2 +1,2 @@
-import { defineCustomElement } from "../../utils/element.js";
+import { d as defineCustomElement } from "../../element.js";
 defineCustomElement("sinch-table-head");

package/table-head/index.d.js

@@ -0,0 +1 @@
+

package/table-head/index.js

@@ -1,4 +1,4 @@
-import { defineCustomElement, NectaryElement } from "../utils/element.js";
+import { d as defineCustomElement, N as NectaryElement } from "../element.js";
 const templateHTML = "<style>:host{display:table-header-group}</style><slot></slot>";
 const template = document.createElement("template");
 template.innerHTML = templateHTML;

package/table-head/types.d.js

@@ -0,0 +1 @@
+

package/table-head-cell/global/index.d.js

@@ -0,0 +1 @@
+

package/table-head-cell/global/index.js

@@ -1,2 +1,2 @@
-import { defineCustomElement } from "../../utils/element.js";
+import { d as defineCustomElement } from "../../element.js";
 defineCustomElement("sinch-table-head-cell");

package/table-head-cell/index.d.js

@@ -0,0 +1 @@
+import "../index.d.js";

package/table-head-cell/index.js

@@ -1,7 +1,7 @@
-import "../text/index.js";
-import { alignValues } from "../table-cell/utils.js";
-import { isAttrEqual, updateBooleanAttribute, isAttrTrue, updateAttribute, getAttribute, updateLiteralAttribute, getLiteralAttribute, getBooleanAttribute } from "../utils/dom.js";
-import { defineCustomElement, NectaryElement } from "../utils/element.js";
+import "../index.d.js";
+import { a as alignValues } from "../utils26.js";
+import { s as isAttrEqual, z as updateBooleanAttribute, t as isAttrTrue, y as updateAttribute, i as getAttribute, C as updateLiteralAttribute, o as getLiteralAttribute, j as getBooleanAttribute } from "../dom.js";
+import { d as defineCustomElement, N as NectaryElement } from "../element.js";
 const templateHTML = '<style>:host{display:table-cell;border-bottom:1px solid var(--sinch-comp-table-color-head-cell-default-border-initial);vertical-align:middle}#wrapper{position:relative;display:flex;align-items:center;gap:8px;width:100%;height:100%;padding:8px;box-sizing:border-box;--sinch-global-color-icon:var(--sinch-comp-table-color-head-cell-default-icon-initial)}#text{flex-shrink:1;min-width:0;--sinch-global-color-text:var(--sinch-comp-table-color-head-cell-default-text-initial)}#text:empty{display:none}:host([align=center])>#wrapper{justify-content:center}:host([align=end])>#wrapper{justify-content:flex-end}:host([fit]){width:1px}</style><div id="wrapper"><slot name="checkbox"></slot><slot name="left"></slot><sinch-text id="text" type="m"></sinch-text><slot name="tooltip"></slot><slot name="right"></slot></div>';
 const template = document.createElement("template");
 template.innerHTML = templateHTML;

package/table-head-cell/types.d.js

@@ -0,0 +1 @@
+

package/table-row/global/index.d.js

@@ -0,0 +1 @@
+

package/table-row/global/index.js

@@ -1,2 +1,2 @@
-import { defineCustomElement } from "../../utils/element.js";
+import { d as defineCustomElement } from "../../element.js";
 defineCustomElement("sinch-table-row");

package/table-row/index.d.js

@@ -0,0 +1 @@
+

package/table-row/index.js

@@ -1,5 +1,5 @@
-import { isAttrEqual, updateBooleanAttribute, isAttrTrue, getBooleanAttribute } from "../utils/dom.js";
-import { defineCustomElement, NectaryElement } from "../utils/element.js";
+import { s as isAttrEqual, z as updateBooleanAttribute, t as isAttrTrue, j as getBooleanAttribute } from "../dom.js";
+import { d as defineCustomElement, N as NectaryElement } from "../element.js";
 const templateHTML = "<style>:host{display:table-row;background-color:var(--sinch-comp-table-color-row-default-background-initial)}:host([selected]){background-color:var(--sinch-comp-table-color-row-checked-background-initial)}:host(:hover){background-color:var(--sinch-comp-table-color-row-default-background-hover)}:host([sticky]) ::slotted(sinch-table-head-cell){position:sticky;top:0;z-index:1;background-color:var(--sinch-comp-table-color-row-default-background-sticky)}:host(:last-child) ::slotted(sinch-table-cell){border-bottom:none}</style><slot></slot>";
 const template = document.createElement("template");
 template.innerHTML = templateHTML;

package/table-row/types.d.js

@@ -0,0 +1 @@
+

package/tabs/global/index.d.js

@@ -0,0 +1 @@
+

package/tabs/global/index.js

@@ -1,2 +1,2 @@
-import { defineCustomElement } from "../../utils/element.js";
+import { d as defineCustomElement } from "../../element.js";
 defineCustomElement("sinch-tabs");

package/tabs/index.d.js

@@ -0,0 +1 @@
+

package/tabs/index.js

@@ -1,9 +1,9 @@
-import { updateAttribute, getAttribute, getBooleanAttribute, updateBooleanAttribute } from "../utils/dom.js";
-import { defineCustomElement, NectaryElement } from "../utils/element.js";
-import { getRect } from "../utils/rect.js";
-import { getReactEventHandler } from "../utils/get-react-event-handler.js";
-import { getTargetByAttribute } from "../utils/event-target.js";
-import { createKeyboardNavigation } from "../utils/control-keyboard-navigation.js";
+import { y as updateAttribute, i as getAttribute, j as getBooleanAttribute, z as updateBooleanAttribute } from "../dom.js";
+import { d as defineCustomElement, N as NectaryElement } from "../element.js";
+import { g as getRect } from "../rect.js";
+import { g as getReactEventHandler } from "../get-react-event-handler.js";
+import { a as getTargetByAttribute } from "../event-target.js";
+import { c as createKeyboardNavigation } from "../control-keyboard-navigation.js";
 const templateHTML = '<style>:host{display:block}#wrapper{display:flex;width:100%;height:40px;border-bottom:1px solid var(--sinch-comp-tab-color-default-border-initial);box-sizing:border-box}</style><div id="wrapper"><slot></slot></div>';
 const template = document.createElement("template");
 template.innerHTML = templateHTML;

package/tabs/types.d.js

@@ -0,0 +1 @@
+

package/tabs-icon-option/global/index.d.js

@@ -0,0 +1 @@
+

package/tabs-icon-option/global/index.js

@@ -1,2 +1,2 @@
-import { defineCustomElement } from "../../utils/element.js";
+import { d as defineCustomElement } from "../../element.js";
 defineCustomElement("sinch-tabs-icon-option");

package/tabs-icon-option/index.d.js

@@ -0,0 +1 @@
+

package/tabs-icon-option/index.js

@@ -1,6 +1,6 @@
-import { updateAttribute, getAttribute, updateBooleanAttribute, getBooleanAttribute, isAttrEqual, updateExplicitBooleanAttribute, isAttrTrue } from "../utils/dom.js";
-import { defineCustomElement, NectaryElement } from "../utils/element.js";
-import { isActivationKey } from "../utils/control-keyboard-navigation.js";
+import { y as updateAttribute, i as getAttribute, z as updateBooleanAttribute, j as getBooleanAttribute, s as isAttrEqual, A as updateExplicitBooleanAttribute, t as isAttrTrue } from "../dom.js";
+import { d as defineCustomElement, N as NectaryElement } from "../element.js";
+import { i as isActivationKey } from "../control-keyboard-navigation.js";
 const templateHTML = '<style>:host{display:block;outline:0}#button{all:initial;position:relative;display:flex;flex-direction:column;padding:12px 16px 0;box-sizing:border-box;cursor:pointer;background-color:var(--sinch-comp-tab-color-default-background-initial);border-top-left-radius:var(--sinch-comp-tab-shape-radius);border-top-right-radius:var(--sinch-comp-tab-shape-radius);height:39px;--sinch-global-color-icon:var(--sinch-comp-tab-color-default-icon-initial);--sinch-global-size-icon:var(--sinch-comp-tab-size-icon)}:host([disabled]) #button{cursor:unset;pointer-events:none;--sinch-global-color-icon:var(--sinch-comp-tab-color-disabled-icon-initial)}:host([data-checked]) #button{--sinch-global-color-icon:var(--sinch-comp-tab-color-checked-icon-initial)}:host([data-checked]) #button::before{content:"";position:absolute;left:0;right:0;bottom:-1px;pointer-events:none;border-top:2px solid var(--sinch-comp-tab-color-checked-border-initial)}:host(:hover:not([disabled])) #button{background-color:var(--sinch-comp-tab-color-default-background-hover)}:host(:focus-visible) #button::after{content:"";position:absolute;inset:0;bottom:-3px;border:2px solid var(--sinch-comp-tab-color-default-outline-focus);border-top-left-radius:var(--sinch-comp-tab-shape-radius);border-top-right-radius:var(--sinch-comp-tab-shape-radius);pointer-events:none}::slotted(*){display:block;pointer-events:none}</style><sinch-tooltip id="tooltip"><div id="button"><slot name="icon"></slot></div></sinch-tooltip>';
 const template = document.createElement("template");
 template.innerHTML = templateHTML;

package/tabs-icon-option/types.d.js

@@ -0,0 +1 @@
+