@daikin-oss/design-system-web-components 2.0.0 → 2.0.1-next.1

package/dist/es-dev/utils/calendar-common.js

@@ -1,166 +1,188 @@
 import { cva } from "class-variance-authority";
-const DEFAULT_MIN_DATE = "1900-01-01";
-const DEFAULT_MAX_DATE = "2099-12-31";
-const cvaIconButton = cva(
-  ["flex", "justify-center", "items-center", "flex-none", "text-current"],
-  {
-    variants: {
-      intent: {
-        previous: ["size-5", "icon-[daikin--chevron-left]"],
-        next: ["size-5", "icon-[daikin--chevron-right]"],
-        calendar: ["size-[var(--dds-icon,24px)]", "icon-[daikin--calendar]"],
-        calender: ["size-[var(--dds-icon,24px)]", "icon-[daikin--calendar]"],
-        pulldown: [
-          "size-[var(--dds-icon,24px)]",
-          "icon-[daikin--pulldown-down]"
-        ]
-      },
-      rotate: {
-        default: [],
-        inverse: ["scale-y-[-1]"]
-      }
-    },
-    defaultVariants: {
-      rotate: "default"
-    }
-  }
-);
+//#region src/utils/calendar-common.ts
+var DEFAULT_MIN_DATE = "1900-01-01";
+var DEFAULT_MAX_DATE = "2099-12-31";
+var cvaIconButton = cva([
+	"flex",
+	"justify-center",
+	"items-center",
+	"flex-none",
+	"text-current"
+], {
+	variants: {
+		intent: {
+			previous: ["size-5", "icon-[daikin--chevron-left]"],
+			next: ["size-5", "icon-[daikin--chevron-right]"],
+			calendar: ["size-[var(--dds-icon,24px)]", "icon-[daikin--calendar]"],
+			calender: ["size-[var(--dds-icon,24px)]", "icon-[daikin--calendar]"],
+			pulldown: ["size-[var(--dds-icon,24px)]", "icon-[daikin--pulldown-down]"]
+		},
+		rotate: {
+			default: [],
+			inverse: ["scale-y-[-1]"]
+		}
+	},
+	defaultVariants: { rotate: "default" }
+});
+/**
+* Determines whether the specified date is outside the range. Time information is ignored.
+*/
 function isDateOutOfRange(base, min, max) {
-  const baseValue = base.getUTCFullYear() * 1e4 + base.getUTCMonth() * 100 + base.getUTCDate();
-  const minValue = min.getUTCFullYear() * 1e4 + min.getUTCMonth() * 100 + min.getUTCDate();
-  const maxValue = max.getUTCFullYear() * 1e4 + max.getUTCMonth() * 100 + max.getUTCDate();
-  return baseValue < minValue || baseValue > maxValue;
+	const baseValue = base.getUTCFullYear() * 1e4 + base.getUTCMonth() * 100 + base.getUTCDate();
+	const minValue = min.getUTCFullYear() * 1e4 + min.getUTCMonth() * 100 + min.getUTCDate();
+	const maxValue = max.getUTCFullYear() * 1e4 + max.getUTCMonth() * 100 + max.getUTCDate();
+	return baseValue < minValue || baseValue > maxValue;
 }
+/**
+* Determines whether the specified month and year are outside the range. Date and time information is ignored.
+*/
 function isMonthOutOfRange(base, min, max) {
-  const baseValue = base.getUTCFullYear() * 100 + base.getUTCMonth();
-  const minValue = min.getUTCFullYear() * 100 + min.getUTCMonth();
-  const maxValue = max.getUTCFullYear() * 100 + max.getUTCMonth();
-  return baseValue < minValue || baseValue > maxValue;
+	const baseValue = base.getUTCFullYear() * 100 + base.getUTCMonth();
+	const minValue = min.getUTCFullYear() * 100 + min.getUTCMonth();
+	const maxValue = max.getUTCFullYear() * 100 + max.getUTCMonth();
+	return baseValue < minValue || baseValue > maxValue;
 }
+/**
+* Determines whether the year and month of two dates are the same.
+*/
 function isSameYearMonth(a, b) {
-  return a.getUTCFullYear() === b.getUTCFullYear() && a.getUTCMonth() === b.getUTCMonth();
+	return a.getUTCFullYear() === b.getUTCFullYear() && a.getUTCMonth() === b.getUTCMonth();
 }
+/**
+* Stringify the _UTC_ date in YYYY-MM-DD format.
+*/
 function formatDateForProperty(date) {
-  return `${String(date.getUTCFullYear()).padStart(4, "0")}-${String(date.getUTCMonth() + 1).padStart(2, "0")}-${String(date.getUTCDate()).padStart(2, "0")}`;
+	return `${String(date.getUTCFullYear()).padStart(4, "0")}-${String(date.getUTCMonth() + 1).padStart(2, "0")}-${String(date.getUTCDate()).padStart(2, "0")}`;
 }
+/**
+* Returns today's date as a string in the format 'YYYY-MM-DD'.
+* Uses _local_ timezone to determine the current date.
+*/
 function getTodayForProperty() {
-  const date = /* @__PURE__ */ new Date();
-  return `${String(date.getFullYear()).padStart(4, "0")}-${String(date.getMonth() + 1).padStart(2, "0")}-${String(date.getDate()).padStart(2, "0")}`;
+	const date = /* @__PURE__ */ new Date();
+	return `${String(date.getFullYear()).padStart(4, "0")}-${String(date.getMonth() + 1).padStart(2, "0")}-${String(date.getDate()).padStart(2, "0")}`;
 }
+/**
+* Parses the date in YYYY-MM-DD format and returns _UTC_ date.
+*/
 function parseDateFromProperty(value) {
-  return /* @__PURE__ */ new Date(`${value}T00:00:00Z`);
+	return /* @__PURE__ */ new Date(`${value}T00:00:00Z`);
 }
+/**
+* Try parsing the date in YYYY-MM-DD format and returns _UTC_ date if available.
+*/
 function tryParseDateFromProperty(value) {
-  if (!/^\d\d\d\d-\d\d-\d\d$/.test(value)) {
-    return null;
-  }
-  const date = /* @__PURE__ */ new Date(`${value}T00:00:00Z`);
-  if (Number.isNaN(date.getTime())) {
-    return null;
-  }
-  return date;
+	if (!/^\d\d\d\d-\d\d-\d\d$/.test(value)) return null;
+	const date = /* @__PURE__ */ new Date(`${value}T00:00:00Z`);
+	if (Number.isNaN(date.getTime())) return null;
+	return date;
 }
+/**
+* Normalizes the Date by stripping time information.
+*/
 function normalizeDate(base) {
-  return parseDateFromProperty(formatDateForProperty(base));
+	return parseDateFromProperty(formatDateForProperty(base));
 }
+/**
+* Clones the Date with stripping time information.
+*/
 function cloneDate(base) {
-  return normalizeDate(base);
+	return normalizeDate(base);
 }
+/**
+* Clamps the date to the specified range.
+*/
 function clampDate(base, min, max) {
-  return cloneDate(
-    base.getTime() < min.getTime() ? min : base.getTime() > max.getTime() ? max : base
-  );
+	return cloneDate(base.getTime() < min.getTime() ? min : base.getTime() > max.getTime() ? max : base);
 }
+/**
+* Returns a new Date object set to the first day of the month of the given date.
+*
+* @param date The original date.
+* @returns A new Date object set to the first day of the month.
+*/
 function toFirstDayOfMonth(date) {
-  const cloned = cloneDate(date);
-  cloned.setUTCDate(1);
-  return cloned;
+	const cloned = cloneDate(date);
+	cloned.setUTCDate(1);
+	return cloned;
 }
+/**
+* Retrieves the date specified by the year, month, and day.
+* If the specified date does not exist in the month (e.g., 2/31), it is rounded to the closest date in the same month.
+* The month is in the range 0 to 11.
+*/
 function createDateClamped(year, month, date) {
-  const newDate = new Date(Date.UTC(year, month, date));
-  if (newDate.getUTCMonth() !== month) {
-    newDate.setUTCDate(0);
-  }
-  return newDate;
+	const newDate = new Date(Date.UTC(year, month, date));
+	if (newDate.getUTCMonth() !== month) newDate.setUTCDate(0);
+	return newDate;
 }
+/**
+* Retrieves the date of the same day in a different month with the specified offset.
+* If that day does not exist in the month (such as February 31), it is rounded to the closest day in the month.
+*/
 function getDateByMonthOffsetClamped(base, monthOffset) {
-  const newDate = new Date(base);
-  const expectedMonth = ((base.getUTCMonth() + monthOffset) % 12 + 12) % 12;
-  newDate.setUTCMonth(base.getUTCMonth() + monthOffset);
-  if (newDate.getUTCMonth() !== expectedMonth) {
-    newDate.setUTCDate(0);
-  }
-  return newDate;
+	const newDate = new Date(base);
+	const expectedMonth = ((base.getUTCMonth() + monthOffset) % 12 + 12) % 12;
+	newDate.setUTCMonth(base.getUTCMonth() + monthOffset);
+	if (newDate.getUTCMonth() !== expectedMonth) newDate.setUTCDate(0);
+	return newDate;
 }
+/**
+* Calculates the sequence of weeks that exist on the calendar for the specified year and month.
+* The array of weeks in each return value always starts with Sunday and contains seven dates.
+*/
 function calcWeeksOnCalendar(year, month) {
-  const firstDateOfMonth = createDateClamped(year, month, 1);
-  const lastDateOfMonth = createDateClamped(year, month, 31);
-  const currentMonthDates = lastDateOfMonth.getUTCDate() - firstDateOfMonth.getUTCDate() + 1;
-  const prevMonthDates = firstDateOfMonth.getUTCDay();
-  const nextMonthDates = 6 - lastDateOfMonth.getUTCDay();
-  const dates = [
-    // Days of the previous month to fill columns
-    Array.from({ length: prevMonthDates }, (_, index) => {
-      const date = cloneDate(firstDateOfMonth);
-      date.setUTCDate(date.getUTCDate() - index - 1);
-      return date;
-    }).reverse(),
-    // Days of the current month
-    Array.from({ length: currentMonthDates }, (_, index) => {
-      const date = cloneDate(firstDateOfMonth);
-      date.setUTCDate(index + 1);
-      return date;
-    }),
-    // Days of the next month to fill columns
-    Array.from({ length: nextMonthDates }, (_, index) => {
-      const date = cloneDate(lastDateOfMonth);
-      date.setUTCDate(date.getUTCDate() + index + 1);
-      return date;
-    })
-  ].flat();
-  const weeks = [];
-  for (let i = 0; i < dates.length / 7; i++) {
-    weeks.push(dates.slice(i * 7, i * 7 + 7));
-  }
-  return weeks;
+	const firstDateOfMonth = createDateClamped(year, month, 1);
+	const lastDateOfMonth = createDateClamped(year, month, 31);
+	const currentMonthDates = lastDateOfMonth.getUTCDate() - firstDateOfMonth.getUTCDate() + 1;
+	const prevMonthDates = firstDateOfMonth.getUTCDay();
+	const nextMonthDates = 6 - lastDateOfMonth.getUTCDay();
+	const dates = [
+		Array.from({ length: prevMonthDates }, (_, index) => {
+			const date = cloneDate(firstDateOfMonth);
+			date.setUTCDate(date.getUTCDate() - index - 1);
+			return date;
+		}).reverse(),
+		Array.from({ length: currentMonthDates }, (_, index) => {
+			const date = cloneDate(firstDateOfMonth);
+			date.setUTCDate(index + 1);
+			return date;
+		}),
+		Array.from({ length: nextMonthDates }, (_, index) => {
+			const date = cloneDate(lastDateOfMonth);
+			date.setUTCDate(date.getUTCDate() + index + 1);
+			return date;
+		})
+	].flat();
+	const weeks = [];
+	for (let i = 0; i < dates.length / 7; i++) weeks.push(dates.slice(i * 7, i * 7 + 7));
+	return weeks;
 }
-const DAY_COUNTS_BASE = [
-  31,
-  28,
-  31,
-  30,
-  31,
-  30,
-  31,
-  31,
-  30,
-  31,
-  30,
-  31
+/**
+* Number of days in each month (not leap year).
+*/
+var DAY_COUNTS_BASE = [
+	31,
+	28,
+	31,
+	30,
+	31,
+	30,
+	31,
+	31,
+	30,
+	31,
+	30,
+	31
 ];
+/**
+* Return the number of days in the specified year and month.
+* @param year year starting from 1.
+* @param month month starting from 0 (0 means January).
+*/
 function countDaysForYearMonth(year, month) {
-  if (month === 1 && (!(year % 4) && !!(year % 100) || !(year % 400))) {
-    return 29;
-  }
-  return DAY_COUNTS_BASE[month];
+	if (month === 1 && (!(year % 4) && !!(year % 100) || !(year % 400))) return 29;
+	return DAY_COUNTS_BASE[month];
 }
-export {
-  DEFAULT_MAX_DATE,
-  DEFAULT_MIN_DATE,
-  calcWeeksOnCalendar,
-  clampDate,
-  cloneDate,
-  countDaysForYearMonth,
-  createDateClamped,
-  cvaIconButton,
-  formatDateForProperty,
-  getDateByMonthOffsetClamped,
-  getTodayForProperty,
-  isDateOutOfRange,
-  isMonthOutOfRange,
-  isSameYearMonth,
-  normalizeDate,
-  parseDateFromProperty,
-  toFirstDayOfMonth,
-  tryParseDateFromProperty
-};
+//#endregion
+export { DEFAULT_MAX_DATE, DEFAULT_MIN_DATE, calcWeeksOnCalendar, clampDate, cloneDate, countDaysForYearMonth, createDateClamped, cvaIconButton, formatDateForProperty, getDateByMonthOffsetClamped, getTodayForProperty, isDateOutOfRange, isMonthOutOfRange, isSameYearMonth, normalizeDate, parseDateFromProperty, toFirstDayOfMonth, tryParseDateFromProperty };

package/dist/es-dev/utils/extract-half-width-digits.js

@@ -1,11 +1,20 @@
+//#region src/utils/extract-half-width-digits.ts
+/**
+* Converts a string of composed IME text to an array of half-width digit characters.
+*
+* Full-width digits (U+FF10–U+FF19, e.g. "１２３") are converted to their half-width
+* equivalents ("123"), and all non-digit characters are discarded.
+*
+* @param composedText - The raw string from a `CompositionEvent.data`.
+* @returns An array of single half-width digit characters ("0"–"9").
+*
+* @example
+* extractHalfWidthDigits("２０２５") // => ["2", "0", "2", "5"]
+* extractHalfWidthDigits("abc")      // => []
+* extractHalfWidthDigits("１2３")    // => ["1", "2", "3"]
+*/
 function extractHalfWidthDigits(composedText) {
-  return Array.from(
-    composedText.replace(
-      /[０-９]/g,
-      (char) => String.fromCodePoint((char.codePointAt(0) ?? 0) - 65296 + 48)
-    )
-  ).filter((ch) => /^\d$/.test(ch));
+	return Array.from(composedText.replace(/[０-９]/g, (char) => String.fromCodePoint((char.codePointAt(0) ?? 0) - 65296 + 48))).filter((ch) => /^\d$/.test(ch));
 }
-export {
-  extractHalfWidthDigits
-};
+//#endregion
+export { extractHalfWidthDigits };

package/dist/es-dev/utils/is-similar-to-click.js

@@ -1,4 +1,4 @@
-const isSimilarToClick = (key) => ["Enter", " "].includes(key);
-export {
-  isSimilarToClick
-};
+//#region src/utils/is-similar-to-click.ts
+var isSimilarToClick = (key) => ["Enter", " "].includes(key);
+//#endregion
+export { isSimilarToClick };

package/dist/es-dev/utils/is-simple-key.js

@@ -1,6 +1,12 @@
+//#region src/utils/is-simple-key.ts
+/**
+* Returns whether the keyboard event has a simple key (no modifiers and no composing).
+*
+* @param event
+* @returns `true` id the event has simple key (no modifiers and no composing). `false` if not.
+*/
 function isSimpleKeyEvent(event) {
-  return !event.altKey && !event.ctrlKey && !event.metaKey && !event.shiftKey && !event.isComposing;
+	return !event.altKey && !event.ctrlKey && !event.metaKey && !event.shiftKey && !event.isComposing;
 }
-export {
-  isSimpleKeyEvent
-};
+//#endregion
+export { isSimpleKeyEvent };

package/dist/es-dev/utils/notification-common.js

@@ -1,34 +1,20 @@
 import { cva } from "class-variance-authority";
-const TOAST_ANIMATION_DURATION = 200;
+//#region src/utils/notification-common.ts
 function formatDate(date) {
-  if (Number.isNaN(date.getTime())) {
-    {
-      console.warn("formatDate: Invalid Date object provided");
-    }
-    return null;
-  }
-  return date.toLocaleDateString(void 0, {
-    dateStyle: "medium"
-  });
+	if (Number.isNaN(date.getTime())) {
+		console.warn("formatDate: Invalid Date object provided");
+		return null;
+	}
+	return date.toLocaleDateString(void 0, { dateStyle: "medium" });
 }
-const cvaTimestamp = cva(
-  [
-    "text-ddt-color-common-text-secondary",
-    "text-xs",
-    "leading-[1.3]",
-    "whitespace-nowrap"
-  ],
-  {
-    variants: {
-      layout: {
-        horizontal: ["text-right"],
-        vertical: []
-      }
-    }
-  }
-);
-export {
-  TOAST_ANIMATION_DURATION,
-  cvaTimestamp,
-  formatDate
-};
+var cvaTimestamp = cva([
+	"text-ddt-color-common-text-secondary",
+	"text-xs",
+	"leading-[1.3]",
+	"whitespace-nowrap"
+], { variants: { layout: {
+	horizontal: ["text-right"],
+	vertical: []
+} } });
+//#endregion
+export { cvaTimestamp, formatDate };

package/dist/es-dev/utils/re-dispatch.js

@@ -1,10 +1,8 @@
-const reDispatch = (target, originalEvent, clonedEvent) => {
-  const result = target.dispatchEvent(clonedEvent);
-  if (!result) {
-    originalEvent.preventDefault();
-  }
-  return result;
-};
-export {
-  reDispatch
+//#region src/utils/re-dispatch.ts
+var reDispatch = (target, originalEvent, clonedEvent) => {
+	const result = target.dispatchEvent(clonedEvent);
+	if (!result) originalEvent.preventDefault();
+	return result;
 };
+//#endregion
+export { reDispatch };

package/dist/es-dev/utils/scroller.js

@@ -1,73 +1,57 @@
+//#region src/utils/scroller.ts
+/**
+* Get practical parent element, with consideration for slots and shadow roots.
+*
+* @param element element
+* @returns The parent element (if any)
+*/
 function getEffectiveParentElement(element) {
-  var _a;
-  return element.assignedSlot || element.parentElement || ((_a = element.parentNode) == null ? void 0 : _a.host);
+	return element.assignedSlot || element.parentElement || element.parentNode?.host;
 }
 function getBooleanForDirection(horizontal, vertical, direction) {
-  return direction === "horizontal" ? horizontal : direction === "vertical" ? vertical : horizontal || vertical;
+	return direction === "horizontal" ? horizontal : direction === "vertical" ? vertical : horizontal || vertical;
 }
 function isScrollableOverflowValue(overflow) {
-  return overflow !== "visible" && overflow !== "hidden" && overflow !== "clip";
+	return overflow !== "visible" && overflow !== "hidden" && overflow !== "clip";
 }
+/**
+* Get the first scrollable ancestor element.
+*
+* @param element element
+* @param direction scroll direction
+* @returns the first scrollable ancestor element (if any)
+*/
 function getFirstScrollableAncestor(element, direction) {
-  const parent = getEffectiveParentElement(element);
-  if (!parent) {
-    return null;
-  }
-  const overflow = getBooleanForDirection(
-    parent.scrollWidth > parent.clientWidth,
-    parent.scrollHeight > parent.clientHeight,
-    direction
-  );
-  if (overflow) {
-    const computedStyle = getComputedStyle(parent);
-    const scrollableOverflow = getBooleanForDirection(
-      isScrollableOverflowValue(computedStyle.overflowX),
-      isScrollableOverflowValue(computedStyle.overflowY),
-      direction
-    );
-    if (scrollableOverflow) {
-      return parent;
-    }
-  }
-  return getFirstScrollableAncestor(parent, direction);
+	const parent = getEffectiveParentElement(element);
+	if (!parent) return null;
+	if (getBooleanForDirection(parent.scrollWidth > parent.clientWidth, parent.scrollHeight > parent.clientHeight, direction)) {
+		const computedStyle = getComputedStyle(parent);
+		if (getBooleanForDirection(isScrollableOverflowValue(computedStyle.overflowX), isScrollableOverflowValue(computedStyle.overflowY), direction)) return parent;
+	}
+	return getFirstScrollableAncestor(parent, direction);
 }
 function calcScrollIntoViewOffset(target, container, center) {
-  const bBoxContainer = container.getBoundingClientRect();
-  const bBoxTarget = target.getBoundingClientRect();
-  const xOffset = center ? (bBoxContainer.width - bBoxTarget.width) / 2 : 0;
-  const yOffset = center ? (bBoxContainer.height - bBoxTarget.height) / 2 : 0;
-  const scrollByX = (
-    // If the left end of the target is to the left of the container, align the left end of the target so that it is in the viewport.
-    Math.min(bBoxTarget.left - bBoxContainer.left - xOffset, 0) || // If the right end of the target is to the right of the container, align the right end of the target so that it is in the viewport.
-    Math.max(bBoxTarget.right - bBoxContainer.right + xOffset, 0)
-  );
-  const scrollByY = Math.min(bBoxTarget.top - bBoxContainer.top - yOffset, 0) || Math.max(bBoxTarget.bottom - bBoxContainer.bottom + yOffset, 0);
-  return [scrollByX, scrollByY];
+	const bBoxContainer = container.getBoundingClientRect();
+	const bBoxTarget = target.getBoundingClientRect();
+	const xOffset = center ? (bBoxContainer.width - bBoxTarget.width) / 2 : 0;
+	const yOffset = center ? (bBoxContainer.height - bBoxTarget.height) / 2 : 0;
+	return [Math.min(bBoxTarget.left - bBoxContainer.left - xOffset, 0) || Math.max(bBoxTarget.right - bBoxContainer.right + xOffset, 0), Math.min(bBoxTarget.top - bBoxContainer.top - yOffset, 0) || Math.max(bBoxTarget.bottom - bBoxContainer.bottom + yOffset, 0)];
 }
+/**
+* An alternative `.scrollIntoView()` function which only scrolls the first scrollable ancestor element.
+*
+* @param target target element
+* @param direction direction
+* @returns `true` if success, `false` if scrollable parent not found
+*/
 function scrollIntoViewOnlyParent(target, direction, center) {
-  const scrollableParent = getFirstScrollableAncestor(target, direction);
-  if (!scrollableParent) {
-    return false;
-  }
-  let [scrollByX, scrollByY] = calcScrollIntoViewOffset(
-    target,
-    scrollableParent,
-    center
-  );
-  if (direction === "horizontal") {
-    scrollByY = 0;
-  }
-  if (direction === "vertical") {
-    scrollByX = 0;
-  }
-  if (scrollByX || scrollByY) {
-    scrollableParent.scrollBy(scrollByX, scrollByY);
-  }
-  return true;
+	const scrollableParent = getFirstScrollableAncestor(target, direction);
+	if (!scrollableParent) return false;
+	let [scrollByX, scrollByY] = calcScrollIntoViewOffset(target, scrollableParent, center);
+	if (direction === "horizontal") scrollByY = 0;
+	if (direction === "vertical") scrollByX = 0;
+	if (scrollByX || scrollByY) scrollableParent.scrollBy(scrollByX, scrollByY);
+	return true;
 }
-export {
-  calcScrollIntoViewOffset,
-  getEffectiveParentElement,
-  getFirstScrollableAncestor,
-  scrollIntoViewOnlyParent
-};
+//#endregion
+export { calcScrollIntoViewOffset, getEffectiveParentElement, getFirstScrollableAncestor, scrollIntoViewOnlyParent };