@nectary/components 5.42.3 → 5.42.5-rc.0

package/date-picker/index.js

@@ -1,13 +1,13 @@
-import "../icon/index.js";
-import "../text/index.js";
-import { packCsv, unpackCsv } from "../utils/csv.js";
-import { getBooleanAttribute, updateAttribute, getAttribute, updateBooleanAttribute, 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 { getTargetAttribute } from "../utils/event-target.js";
-import { setFormValue } from "../utils/form.js";
-import { getDayNames, getMonthNames, isoToDate, clampMaxDate, clampMinDate, decMonth, incMonth, decYear, incYear, today, isDateBetween, areDatesEqual, sortDates, dateToIso, isValidDate, isDateOnScreen, cloneDate, getCalendarMonth, canGoPrevMonth, canGoNextMonth, canGoPrevYear, canGoNextYear } from "./utils.js";
+import "../index.d3.js";
+import "../index.d.js";
+import { p as packCsv, u as unpackCsv } from "../csv.js";
+import { j as getBooleanAttribute, y as updateAttribute, i as getAttribute, z as updateBooleanAttribute, 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 { g as getTargetAttribute } from "../event-target.js";
+import { s as setFormValue } from "../form.js";
+import { g as getDayNames, a as getMonthNames, i as isoToDate, c as clampMaxDate, b as clampMinDate, d as decMonth, e as incMonth, f as decYear, h as incYear, t as today, j as isDateBetween, k as areDatesEqual, s as sortDates, l as dateToIso, m as isValidDate, n as isDateOnScreen, o as cloneDate, p as getCalendarMonth, q as canGoPrevMonth, r as canGoNextMonth, u as canGoPrevYear, v as canGoNextYear } from "../utils13.js";
 const templateHTML = '<style>:host{display:block;outline:0}#content{width:fit-content;box-sizing:border-box;padding:16px;display:flex;flex-direction:column;gap:8px}#month{display:flex;flex-direction:column;row-gap:8px}.week{display:flex;flex-direction:row;column-gap:8px}.week.empty{display:none}.day{all:initial;font:var(--sinch-comp-date-picker-font-day);width:24px;height:24px;line-height:22px;color:var(--sinch-comp-date-picker-day-color-default-text-initial);background-color:var(--sinch-comp-date-picker-day-color-default-background-initial);border:1px solid var(--sinch-comp-date-picker-day-color-default-border-initial);border-radius:var(--sinch-comp-date-picker-day-shape-radius);text-align:center;box-sizing:border-box;user-select:none;cursor:pointer}.day:focus-visible{outline:1px solid var(--sinch-comp-date-picker-day-color-default-outline-focus);outline-offset:1px}.day:disabled{cursor:initial;color:var(--sinch-comp-date-picker-day-color-disabled-text-initial)}.day:enabled:hover{background-color:var(--sinch-comp-date-picker-day-color-default-background-hover)}.day:enabled.range{background-color:var(--sinch-comp-date-picker-day-color-default-range-background)}.day:enabled.selected{color:var(--sinch-comp-date-picker-day-color-checked-text-initial);background-color:var(--sinch-comp-date-picker-day-color-checked-background-initial);border-color:var(--sinch-comp-date-picker-day-color-checked-border-initial)}.day.today{font:var(--sinch-comp-date-picker-font-today);color:var(--sinch-comp-date-picker-today-color-default-text-initial);background-color:var(--sinch-comp-date-picker-today-color-default-background-initial);border-color:var(--sinch-comp-date-picker-today-color-default-border-initial)}.day.today:hover{background-color:var(--sinch-comp-date-picker-today-color-default-background-hover)}.day.today:disabled{color:var(--sinch-comp-date-picker-today-color-disabled-text-initial);border-color:var(--sinch-comp-date-picker-today-color-disabled-border-initial)}.day.today.selected{color:var(--sinch-comp-date-picker-today-color-checked-text-initial);background-color:var(--sinch-comp-date-picker-today-color-checked-background-initial);border-color:var(--sinch-comp-date-picker-today-color-checked-border-initial)}#week-day-names{display:flex;flex-direction:row;gap:8px;height:24px}.week-day-name{font:var(--sinch-comp-date-picker-font-weekday);color:var(--sinch-comp-date-picker-weekday-color-default-text-initial);text-align:center;width:24px;height:24px;line-height:24px;user-select:none;text-transform:uppercase}#content-header{display:flex;flex-direction:row;height:32px;align-items:center}#date{flex:1;text-align:center;text-transform:capitalize;--sinch-com-text-font:var(--sinch-comp-date-picker-font-header);--sinch-global-color-text:var(--sinch-comp-date-picker-header-color-default-text-initial)}#prev-year{margin-left:-4px}#next-year{margin-right:-4px}</style><div id="content"><div id="content-header"><sinch-button id="prev-year" size="s"><sinch-icon icons-version="2" name="fa-angles-left" id="icon-prev-year" slot="icon"></sinch-icon></sinch-button><sinch-button id="prev-month" size="s"><sinch-icon icons-version="2" name="fa-angle-left" id="icon-prev-month" slot="icon"></sinch-icon></sinch-button><sinch-text id="date" type="m" emphasized aria-live="polite"></sinch-text><sinch-button id="next-month" size="s"><sinch-icon icons-version="2" name="fa-angle-right" id="icon-next-month" slot="icon"></sinch-icon></sinch-button><sinch-button id="next-year" size="s"><sinch-icon icons-version="2" name="fa-angles-right" id="icon-next-year" slot="icon"></sinch-icon></sinch-button></div><div id="week-day-names"><div class="week-day-name"></div><div class="week-day-name"></div><div class="week-day-name"></div><div class="week-day-name"></div><div class="week-day-name"></div><div class="week-day-name"></div><div class="week-day-name"></div></div><div id="month"><div class="week"><button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button></div><div class="week"><button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button></div><div class="week"><button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button></div><div class="week"><button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button></div><div class="week"><button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button></div><div class="week"><button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button> <button class="day"></button></div></div></div>';
 const template = document.createElement("template");
 template.innerHTML = templateHTML;

package/date-picker/types.d.js

@@ -0,0 +1 @@
+

package/date-picker/utils.d.js

@@ -0,0 +1 @@
+

package/dialog/global/index.d.js

@@ -0,0 +1 @@
+

package/dialog/global/index.js

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

package/dialog/index.d.js

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

package/dialog/index.d.ts

@@ -18,6 +18,6 @@ export declare class Dialog extends NectaryElement {
     get hideCloseButton(): boolean;
     set preventClose(isPrevented: boolean);
     get preventClose(): boolean;
-    get dialogRect(): import("../types").TRect;
-    get closeButtonRect(): import("../types").TRect;
+    get dialogRect(): any;
+    get closeButtonRect(): any;
 }

package/dialog/index.js

@@ -1,12 +1,12 @@
-import "../icon/index.js";
-import "../stop-events/index.js";
-import "../title/index.js";
-import { isAttrEqual, updateBooleanAttribute, isAttrTrue, updateAttribute, getAttribute, getBooleanAttribute, setClass } 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 { isScrollDisabled, disableScroll, enableScroll } from "../utils/scroll-lock.js";
+import "../index.d3.js";
+import "../index.d8.js";
+import "../index.js";
+import { s as isAttrEqual, z as updateBooleanAttribute, t as isAttrTrue, y as updateAttribute, i as getAttribute, j as getBooleanAttribute, w as setClass } 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 { i as isScrollDisabled, d as disableScroll, e as enableScroll } from "../scroll-lock.js";
 const templateHTML = '<style>:host{display:contents;--sinch-comp-dialog-max-width:512px;--sinch-comp-dialog-max-height:90vh;--sinch-comp-dialog-width:fit-content;--sinch-dialog-close-button-display:unset}#dialog{position:fixed;left:0;right:0;margin:auto;display:flex;flex-direction:column;padding:24px 0;width:var(--sinch-comp-dialog-width);max-width:var(--sinch-comp-dialog-max-width);max-height:var(--sinch-comp-dialog-max-height);border-radius:var(--sinch-comp-dialog-shape-radius);box-sizing:border-box;contain:content;background-color:var(--sinch-comp-dialog-color-default-background-initial);border:none;box-shadow:var(--sinch-comp-dialog-shadow);outline:0}#dialog:not([open]){display:none}dialog::backdrop{background-color:#000;opacity:.55}#header{display:flex;flex-direction:row;align-items:flex-start;margin-bottom:12px;padding:0 24px;gap:8px;--sinch-global-size-icon:24px;--sinch-global-color-icon:var(--sinch-comp-dialog-color-default-icon-initial)}#caption{--sinch-global-color-text:var(--sinch-comp-dialog-color-default-title-initial);--sinch-comp-title-font:var(--sinch-comp-dialog-font-title)}#content{min-height:0;overflow:auto;padding:4px 24px}#action{display:flex;flex-direction:row;justify-content:flex-end;gap:16px;margin-top:20px;padding:0 24px}#action.empty{display:none}#close{display:var(--sinch-dialog-close-button-display,initial);position:relative;left:4px;top:-4px;margin-left:auto}:host([hide-close-button]) #close{display:none}</style><dialog id="dialog"><div id="header"><slot id="icon" name="icon"></slot><sinch-title id="caption" type="m" level="3"></sinch-title><sinch-button id="close" size="s"><sinch-icon icons-version="2" name="fa-xmark" id="icon-close" slot="icon"></sinch-icon></sinch-button></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="buttons"></slot></sinch-stop-events></div></dialog>';
 const template = document.createElement("template");
 template.innerHTML = templateHTML;

package/dialog/types.d.js

@@ -0,0 +1 @@
+

package/emoji/global/index.d.js

@@ -0,0 +1 @@
+

package/emoji/global/index.js

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

package/emoji/index.d.js

@@ -0,0 +1 @@
+

package/emoji/index.js

@@ -1,6 +1,6 @@
-import { updateAttribute, getAttribute } from "../utils/dom.js";
-import { defineCustomElement, NectaryElement } from "../utils/element.js";
-import { getEmojiUrl, getEmojiBaseUrl } from "./utils.js";
+import { y as updateAttribute, i as getAttribute } from "../dom.js";
+import { d as defineCustomElement, N as NectaryElement } from "../element.js";
+import { g as getEmojiUrl, a as getEmojiBaseUrl } from "../utils2.js";
 const templateHTML = '<style>:host{display:contents;--sinch-comp-emoji-vertical-align:initial}#image{vertical-align:var(--sinch-comp-emoji-vertical-align);pointer-events:none;width:var(--sinch-global-size-icon,48px);height:var(--sinch-global-size-icon,48px)}</style><img id="image" src="" alt="" loading="lazy">';
 const template = document.createElement("template");
 template.innerHTML = templateHTML;

package/emoji/types.d.js

@@ -0,0 +1 @@
+

package/emoji/utils.d.js

@@ -0,0 +1 @@
+

package/emoji/utils.js

@@ -1,4 +1,4 @@
-import { getAttribute, getCssVar, updateAttribute } from "../utils/dom.js";
+import { y as updateAttribute, i as getAttribute, k as getCssVar } from "../dom.js";
 const vs16RegExp = /\uFE0F/g;
 const zeroWidthJoiner = String.fromCharCode(8205);
 const removeVS16s = (rawEmoji) => rawEmoji.indexOf(zeroWidthJoiner) < 0 ? rawEmoji.replace(vs16RegExp, "") : rawEmoji;

package/emoji-picker/global/index.d.js

@@ -0,0 +1 @@
+

package/emoji-picker/global/index.js

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

package/emoji-picker/index.d.js

@@ -0,0 +1,7 @@
+import "../index.d15.js";
+import "../index.d11.js";
+import "../index.d10.js";
+import "../index4.js";
+import "../index3.js";
+import "../index.d.js";
+import "../index.d3.js";