@dialpad/dialtone-vue 3.218.2 → 3.218.4

package/dist/lib/stack/utils.js

@@ -1,79 +1,74 @@
-import { DT_STACK_ALIGN as f, DT_STACK_DIRECTION as r, DT_STACK_GAP as g, DT_STACK_JUSTIFY as d, DT_STACK_RESPONSIVE_BREAKPOINTS as p } from "./stack-constants.js";
-function o(n) {
-  return n === r.default;
+import { DT_STACK_ALIGN as e, DT_STACK_DIRECTION as t, DT_STACK_GAP as n, DT_STACK_JUSTIFY as r, DT_STACK_RESPONSIVE_BREAKPOINTS as i } from "./stack-constants.js";
+//#region components/stack/utils.js
+function a(e) {
+	return e === t.default;
 }
-function i(n) {
-  return typeof n == "string" ? n : typeof n == "object" && n !== null ? n.default : null;
+function o(e) {
+	return typeof e == "string" ? e : typeof e == "object" && e ? e.default : null;
 }
-function c(n) {
-  if (typeof n == "string")
-    return o(n) ? null : r[n];
-  if (typeof n == "object") {
-    const { default: t } = n;
-    return o(t) ? null : r[t];
-  } else
-    return null;
+function s(e) {
+	if (typeof e == "string") return a(e) ? null : t[e];
+	if (typeof e == "object") {
+		let { default: n } = e;
+		return a(n) ? null : t[n];
+	} else return null;
 }
-function a(n, t, e, s = "d-stack") {
-  return typeof n != "object" || n === null ? [] : p.map((l) => {
-    const u = n[l];
-    if (!u) return null;
-    const y = Array.isArray(e) ? e.includes(u) : u in e, D = t === "" ? `${s}--${l}-${u}` : `${s}--${l}-${t}-${u}`;
-    return y ? D : null;
-  });
+function c(e, t, n, r = "d-stack") {
+	return typeof e != "object" || !e ? [] : i.map((i) => {
+		let a = e[i];
+		if (!a) return null;
+		let o = Array.isArray(n) ? n.includes(a) : a in n, s = t === "" ? `${r}--${i}-${a}` : `${r}--${i}-${t}-${a}`;
+		return o ? s : null;
+	});
 }
-function m(n) {
-  return c(n) ? `d-stack--${r[c(n)]}` : null;
+function l(e) {
+	return s(e) ? `d-stack--${t[s(e)]}` : null;
 }
-function _(n) {
-  return a(n, "", r);
+function u(e) {
+	return c(e, "", t);
 }
-function A(n) {
-  return a(n, "gap", g);
+function d(e) {
+	return c(e, "gap", n);
 }
-function T(n) {
-  return a(n, "align", f);
+function f(t) {
+	return c(t, "align", e);
 }
-function $(n) {
-  return typeof n != "object" || n === null ? [] : p.map((t) => {
-    const e = n[t];
-    if (!e) return null;
-    const s = d.includes(e), l = C(e);
-    return s ? `d-stack--${t}-justify-${l}` : null;
-  });
+function p(e) {
+	return typeof e != "object" || !e ? [] : i.map((t) => {
+		let n = e[t];
+		if (!n) return null;
+		let i = r.includes(n), a = _(n);
+		return i ? `d-stack--${t}-justify-${a}` : null;
+	});
 }
-function R(n, t, e, s) {
-  return [
-    ..._(n),
-    ...A(t),
-    ...T(e),
-    ...$(s)
-  ];
+function m(e, t, n, r) {
+	return [
+		...u(e),
+		...d(t),
+		...f(n),
+		...p(r)
+	];
 }
-function v(n) {
-  const t = i(n);
-  return g.includes(t) ? `d-stack--gap-${t}` : null;
+function h(e) {
+	let t = o(e);
+	return n.includes(t) ? `d-stack--gap-${t}` : null;
 }
-function I(n) {
-  const t = i(n);
-  return f.includes(t) ? `d-stack--align-${t}` : null;
+function g(t) {
+	let n = o(t);
+	return e.includes(n) ? `d-stack--align-${n}` : null;
 }
-function C(n) {
-  return {
-    "space-around": "around",
-    "space-between": "between",
-    "space-evenly": "evenly"
-  }[n] || n;
+function _(e) {
+	return {
+		"space-around": "around",
+		"space-between": "between",
+		"space-evenly": "evenly"
+	}[e] || e;
 }
-function J(n) {
-  const t = i(n), e = C(t);
-  return d.includes(t) ? `d-stack--justify-${e}` : null;
+function v(e) {
+	let t = o(e), n = _(t);
+	return r.includes(t) ? `d-stack--justify-${n}` : null;
 }
-export {
-  I as getDefaultAlignClass,
-  m as getDefaultDirectionClass,
-  v as getDefaultGapClass,
-  J as getDefaultJustifyClass,
-  R as getResponsiveClasses
-};
-//# sourceMappingURL=utils.js.map
+//#endregion
+export { g as getDefaultAlignClass, l as getDefaultDirectionClass, h as getDefaultGapClass, v as getDefaultJustifyClass, m as getResponsiveClasses };
+
+//# sourceMappingURL=utils.js.map

package/dist/lib/stack/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../components/stack/utils.js"],"sourcesContent":["import { DT_STACK_DIRECTION, DT_STACK_GAP, DT_STACK_RESPONSIVE_BREAKPOINTS, DT_STACK_ALIGN, DT_STACK_JUSTIFY } from '@/components/stack/stack_constants';\n\nfunction _isDefaultDirection (direction) {\n  return direction === DT_STACK_DIRECTION.default;\n}\n\n/**\n * Generic helper to extract default value from string or object props\n * @param {string|Object} value - The prop value\n * @returns {string|null} The default value or null\n */\nfunction _getDefaultValue (value) {\n  if (typeof value === 'string') return value;\n  if (typeof value === 'object' && value !== null) return value.default;\n  return null;\n}\n\nfunction _getValidDirection (direction) {\n  if (typeof direction === 'string') {\n    return !_isDefaultDirection(direction) ? DT_STACK_DIRECTION[direction] : null;\n  } else if (typeof direction === 'object') {\n    const { default: defaultStyle } = direction;\n\n    return !_isDefaultDirection(defaultStyle) ? DT_STACK_DIRECTION[defaultStyle] : null;\n  } else { return null; }\n}\n\n/**\n * Generic helper to generate responsive classes for any prop\n * @param {Object} propValue - The prop value object with breakpoint keys\n * @param {string} propName - The name of the prop (e.g., 'gap', 'align')\n * @param {Array|Object} validValues - Valid values (array or object for direction)\n * @param {string} classPrefix - CSS class prefix (default: 'd-stack')\n * @returns {Array} Array of CSS class names\n */\nfunction _getResponsiveClasses (propValue, propName, validValues, classPrefix = 'd-stack') {\n  if (typeof propValue !== 'object' || propValue === null) return [];\n\n  return DT_STACK_RESPONSIVE_BREAKPOINTS.map((breakpoint) => {\n    const value = propValue[breakpoint];\n    if (!value) return null;\n\n    // Handle both array (gap, align, justify) and object (direction) validValues\n    const isValid = Array.isArray(validValues)\n      ? validValues.includes(value)\n      : value in validValues;\n\n    // For direction, we don't need the prop name in the class\n    const className = propName === ''\n      ? `${classPrefix}--${breakpoint}-${value}`\n      : `${classPrefix}--${breakpoint}-${propName}-${value}`;\n\n    return isValid ? className : null;\n  });\n}\n\nexport function getDefaultDirectionClass (direction) {\n  return _getValidDirection(direction)\n    ? `d-stack--${DT_STACK_DIRECTION[_getValidDirection(direction)]}`\n    : null;\n}\n\nfunction getResponsiveDirectionClasses (direction) {\n  return _getResponsiveClasses(direction, '', DT_STACK_DIRECTION);\n}\n\nfunction getResponsiveGapClasses (gap) {\n  return _getResponsiveClasses(gap, 'gap', DT_STACK_GAP);\n}\n\nfunction getResponsiveAlignClasses (align) {\n  return _getResponsiveClasses(align, 'align', DT_STACK_ALIGN);\n}\n\nfunction getResponsiveJustifyClasses (justify) {\n  if (typeof justify !== 'object' || justify === null) return [];\n\n  return DT_STACK_RESPONSIVE_BREAKPOINTS.map((breakpoint) => {\n    const value = justify[breakpoint];\n    if (!value) return null;\n\n    const isValid = DT_STACK_JUSTIFY.includes(value);\n    const normalizedValue = _normalizeJustifyForClass(value);\n\n    return isValid ? `d-stack--${breakpoint}-justify-${normalizedValue}` : null;\n  });\n}\n\nexport function getResponsiveClasses (direction, gap, align, justify) {\n  return [\n    ...getResponsiveDirectionClasses(direction),\n    ...getResponsiveGapClasses(gap),\n    ...getResponsiveAlignClasses(align),\n    ...getResponsiveJustifyClasses(justify),\n  ];\n}\n\nexport function getDefaultGapClass (gap) {\n  const validGap = _getDefaultValue(gap);\n  return DT_STACK_GAP.includes(validGap) ? `d-stack--gap-${validGap}` : null;\n}\n\nexport function getDefaultAlignClass (align) {\n  const validAlign = _getDefaultValue(align);\n  return DT_STACK_ALIGN.includes(validAlign) ? `d-stack--align-${validAlign}` : null;\n}\n\n/**\n * Normalizes justify value to CSS class suffix.\n * Maps CSS-aligned values (space-around, space-between, space-evenly) to shorthand\n * (around, between, evenly) for CSS class generation.\n * @param {string} value - The justify value\n * @returns {string} The normalized value for CSS class\n */\nfunction _normalizeJustifyForClass (value) {\n  const normalizeMap = {\n    'space-around': 'around',\n    'space-between': 'between',\n    'space-evenly': 'evenly',\n  };\n  return normalizeMap[value] || value;\n}\n\nexport function getDefaultJustifyClass (justify) {\n  const validJustify = _getDefaultValue(justify);\n  const normalizedJustify = _normalizeJustifyForClass(validJustify);\n  return DT_STACK_JUSTIFY.includes(validJustify) ? `d-stack--justify-${normalizedJustify}` : null;\n}"],"names":["_isDefaultDirection","direction","DT_STACK_DIRECTION","_getDefaultValue","value","_getValidDirection","defaultStyle","_getResponsiveClasses","propValue","propName","validValues","classPrefix","DT_STACK_RESPONSIVE_BREAKPOINTS","breakpoint","isValid","className","getDefaultDirectionClass","getResponsiveDirectionClasses","getResponsiveGapClasses","gap","DT_STACK_GAP","getResponsiveAlignClasses","align","DT_STACK_ALIGN","getResponsiveJustifyClasses","justify","DT_STACK_JUSTIFY","normalizedValue","_normalizeJustifyForClass","getResponsiveClasses","getDefaultGapClass","validGap","getDefaultAlignClass","validAlign","getDefaultJustifyClass","validJustify","normalizedJustify"],"mappings":"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"}
+{"version":3,"file":"utils.js","names":[],"sources":["../../../components/stack/utils.js"],"sourcesContent":["import { DT_STACK_DIRECTION, DT_STACK_GAP, DT_STACK_RESPONSIVE_BREAKPOINTS, DT_STACK_ALIGN, DT_STACK_JUSTIFY } from '@/components/stack/stack_constants';\n\nfunction _isDefaultDirection (direction) {\n  return direction === DT_STACK_DIRECTION.default;\n}\n\n/**\n * Generic helper to extract default value from string or object props\n * @param {string|Object} value - The prop value\n * @returns {string|null} The default value or null\n */\nfunction _getDefaultValue (value) {\n  if (typeof value === 'string') return value;\n  if (typeof value === 'object' && value !== null) return value.default;\n  return null;\n}\n\nfunction _getValidDirection (direction) {\n  if (typeof direction === 'string') {\n    return !_isDefaultDirection(direction) ? DT_STACK_DIRECTION[direction] : null;\n  } else if (typeof direction === 'object') {\n    const { default: defaultStyle } = direction;\n\n    return !_isDefaultDirection(defaultStyle) ? DT_STACK_DIRECTION[defaultStyle] : null;\n  } else { return null; }\n}\n\n/**\n * Generic helper to generate responsive classes for any prop\n * @param {Object} propValue - The prop value object with breakpoint keys\n * @param {string} propName - The name of the prop (e.g., 'gap', 'align')\n * @param {Array|Object} validValues - Valid values (array or object for direction)\n * @param {string} classPrefix - CSS class prefix (default: 'd-stack')\n * @returns {Array} Array of CSS class names\n */\nfunction _getResponsiveClasses (propValue, propName, validValues, classPrefix = 'd-stack') {\n  if (typeof propValue !== 'object' || propValue === null) return [];\n\n  return DT_STACK_RESPONSIVE_BREAKPOINTS.map((breakpoint) => {\n    const value = propValue[breakpoint];\n    if (!value) return null;\n\n    // Handle both array (gap, align, justify) and object (direction) validValues\n    const isValid = Array.isArray(validValues)\n      ? validValues.includes(value)\n      : value in validValues;\n\n    // For direction, we don't need the prop name in the class\n    const className = propName === ''\n      ? `${classPrefix}--${breakpoint}-${value}`\n      : `${classPrefix}--${breakpoint}-${propName}-${value}`;\n\n    return isValid ? className : null;\n  });\n}\n\nexport function getDefaultDirectionClass (direction) {\n  return _getValidDirection(direction)\n    ? `d-stack--${DT_STACK_DIRECTION[_getValidDirection(direction)]}`\n    : null;\n}\n\nfunction getResponsiveDirectionClasses (direction) {\n  return _getResponsiveClasses(direction, '', DT_STACK_DIRECTION);\n}\n\nfunction getResponsiveGapClasses (gap) {\n  return _getResponsiveClasses(gap, 'gap', DT_STACK_GAP);\n}\n\nfunction getResponsiveAlignClasses (align) {\n  return _getResponsiveClasses(align, 'align', DT_STACK_ALIGN);\n}\n\nfunction getResponsiveJustifyClasses (justify) {\n  if (typeof justify !== 'object' || justify === null) return [];\n\n  return DT_STACK_RESPONSIVE_BREAKPOINTS.map((breakpoint) => {\n    const value = justify[breakpoint];\n    if (!value) return null;\n\n    const isValid = DT_STACK_JUSTIFY.includes(value);\n    const normalizedValue = _normalizeJustifyForClass(value);\n\n    return isValid ? `d-stack--${breakpoint}-justify-${normalizedValue}` : null;\n  });\n}\n\nexport function getResponsiveClasses (direction, gap, align, justify) {\n  return [\n    ...getResponsiveDirectionClasses(direction),\n    ...getResponsiveGapClasses(gap),\n    ...getResponsiveAlignClasses(align),\n    ...getResponsiveJustifyClasses(justify),\n  ];\n}\n\nexport function getDefaultGapClass (gap) {\n  const validGap = _getDefaultValue(gap);\n  return DT_STACK_GAP.includes(validGap) ? `d-stack--gap-${validGap}` : null;\n}\n\nexport function getDefaultAlignClass (align) {\n  const validAlign = _getDefaultValue(align);\n  return DT_STACK_ALIGN.includes(validAlign) ? `d-stack--align-${validAlign}` : null;\n}\n\n/**\n * Normalizes justify value to CSS class suffix.\n * Maps CSS-aligned values (space-around, space-between, space-evenly) to shorthand\n * (around, between, evenly) for CSS class generation.\n * @param {string} value - The justify value\n * @returns {string} The normalized value for CSS class\n */\nfunction _normalizeJustifyForClass (value) {\n  const normalizeMap = {\n    'space-around': 'around',\n    'space-between': 'between',\n    'space-evenly': 'evenly',\n  };\n  return normalizeMap[value] || value;\n}\n\nexport function getDefaultJustifyClass (justify) {\n  const validJustify = _getDefaultValue(justify);\n  const normalizedJustify = _normalizeJustifyForClass(validJustify);\n  return DT_STACK_JUSTIFY.includes(validJustify) ? `d-stack--justify-${normalizedJustify}` : null;\n}"],"mappings":";;AAEA,SAAS,EAAqB,GAAW;AACvC,QAAO,MAAc,EAAmB;;AAQ1C,SAAS,EAAkB,GAAO;AAGhC,QAFI,OAAO,KAAU,WAAiB,IAClC,OAAO,KAAU,YAAY,IAAuB,EAAM,UACvD;;AAGT,SAAS,EAAoB,GAAW;AACtC,KAAI,OAAO,KAAc,SACvB,QAAQ,EAAoB,EAAU,GAAmC,OAAhC,EAAmB;KACnD,OAAO,KAAc,UAAU;EACxC,IAAM,EAAE,SAAS,MAAiB;AAElC,SAAQ,EAAoB,EAAa,GAAsC,OAAnC,EAAmB;OACxD,QAAO;;AAWlB,SAAS,EAAuB,GAAW,GAAU,GAAa,IAAc,WAAW;AAGzF,QAFI,OAAO,KAAc,aAAY,IAA2B,EAAE,GAE3D,EAAgC,KAAK,MAAe;EACzD,IAAM,IAAQ,EAAU;AACxB,MAAI,CAAC,EAAO,QAAO;EAGnB,IAAM,IAAU,MAAM,QAAQ,EAAY,GACtC,EAAY,SAAS,EAAM,GAC3B,KAAS,GAGP,IAAY,MAAa,KAC3B,GAAG,EAAY,IAAI,EAAW,GAAG,MACjC,GAAG,EAAY,IAAI,EAAW,GAAG,EAAS,GAAG;AAEjD,SAAO,IAAU,IAAY;GAC7B;;AAGJ,SAAgB,EAA0B,GAAW;AACnD,QAAO,EAAmB,EAAU,GAChC,YAAY,EAAmB,EAAmB,EAAU,MAC5D;;AAGN,SAAS,EAA+B,GAAW;AACjD,QAAO,EAAsB,GAAW,IAAI,EAAmB;;AAGjE,SAAS,EAAyB,GAAK;AACrC,QAAO,EAAsB,GAAK,OAAO,EAAa;;AAGxD,SAAS,EAA2B,GAAO;AACzC,QAAO,EAAsB,GAAO,SAAS,EAAe;;AAG9D,SAAS,EAA6B,GAAS;AAG7C,QAFI,OAAO,KAAY,aAAY,IAAyB,EAAE,GAEvD,EAAgC,KAAK,MAAe;EACzD,IAAM,IAAQ,EAAQ;AACtB,MAAI,CAAC,EAAO,QAAO;EAEnB,IAAM,IAAU,EAAiB,SAAS,EAAM,EAC1C,IAAkB,EAA0B,EAAM;AAExD,SAAO,IAAU,YAAY,EAAW,WAAW,MAAoB;GACvE;;AAGJ,SAAgB,EAAsB,GAAW,GAAK,GAAO,GAAS;AACpE,QAAO;EACL,GAAG,EAA8B,EAAU;EAC3C,GAAG,EAAwB,EAAI;EAC/B,GAAG,EAA0B,EAAM;EACnC,GAAG,EAA4B,EAAQ;EACxC;;AAGH,SAAgB,EAAoB,GAAK;CACvC,IAAM,IAAW,EAAiB,EAAI;AACtC,QAAO,EAAa,SAAS,EAAS,GAAG,gBAAgB,MAAa;;AAGxE,SAAgB,EAAsB,GAAO;CAC3C,IAAM,IAAa,EAAiB,EAAM;AAC1C,QAAO,EAAe,SAAS,EAAW,GAAG,kBAAkB,MAAe;;AAUhF,SAAS,EAA2B,GAAO;AAMzC,QALqB;EACnB,gBAAgB;EAChB,iBAAiB;EACjB,gBAAgB;EACjB,CACmB,MAAU;;AAGhC,SAAgB,EAAwB,GAAS;CAC/C,IAAM,IAAe,EAAiB,EAAQ,EACxC,IAAoB,EAA0B,EAAa;AACjE,QAAO,EAAiB,SAAS,EAAa,GAAG,oBAAoB,MAAsB"}

package/dist/lib/stack/validators.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./stack-constants.cjs");function n(t){if(typeof t=="string")return Object.keys(e.DT_STACK_DIRECTION).includes(t);if(typeof t=="object"){const{default:r}=t;return Object.keys(e.DT_STACK_DIRECTION).includes(r)}return!1}function u(t){if(typeof t=="string")return e.DT_STACK_GAP.includes(t);if(typeof t=="object"){const{default:r}=t;return e.DT_STACK_GAP.includes(r)}return!1}function l(t){if(t===void 0)return!0;if(typeof t=="string")return e.DT_STACK_ALIGN.includes(t);if(typeof t=="object"){const{default:r}=t;return e.DT_STACK_ALIGN.includes(r)}return!1}function f(t){if(typeof t=="string")return e.DT_STACK_JUSTIFY.includes(t);if(typeof t=="object"){const{default:r}=t;return e.DT_STACK_JUSTIFY.includes(r)}return!1}exports.alignValidator=l;exports.directionValidator=n;exports.gapValidator=u;exports.justifyValidator=f;
-//# sourceMappingURL=validators.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./stack-constants.cjs`);function t(t){if(typeof t==`string`)return Object.keys(e.DT_STACK_DIRECTION).includes(t);if(typeof t==`object`){let{default:n}=t;return Object.keys(e.DT_STACK_DIRECTION).includes(n)}return!1}function n(t){if(typeof t==`string`)return e.DT_STACK_GAP.includes(t);if(typeof t==`object`){let{default:n}=t;return e.DT_STACK_GAP.includes(n)}return!1}function r(t){if(t===void 0)return!0;if(typeof t==`string`)return e.DT_STACK_ALIGN.includes(t);if(typeof t==`object`){let{default:n}=t;return e.DT_STACK_ALIGN.includes(n)}return!1}function i(t){if(typeof t==`string`)return e.DT_STACK_JUSTIFY.includes(t);if(typeof t==`object`){let{default:n}=t;return e.DT_STACK_JUSTIFY.includes(n)}return!1}exports.alignValidator=r,exports.directionValidator=t,exports.gapValidator=n,exports.justifyValidator=i;
+//# sourceMappingURL=validators.cjs.map

package/dist/lib/stack/validators.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"validators.cjs","sources":["../../../components/stack/validators.js"],"sourcesContent":["import { DT_STACK_DIRECTION, DT_STACK_GAP, DT_STACK_ALIGN, DT_STACK_JUSTIFY } from '@/components/stack/stack_constants';\n\nexport function directionValidator (direction) {\n  if (typeof direction === 'string') {\n    return Object.keys(DT_STACK_DIRECTION).includes(direction);\n  } else if (typeof direction === 'object') {\n    const { default: defaultStyle } = direction;\n\n    return Object.keys(DT_STACK_DIRECTION).includes(defaultStyle);\n  }\n  return false;\n}\n\nexport function gapValidator (gap) {\n  if (typeof gap === 'string') {\n    return DT_STACK_GAP.includes(gap);\n  }\n  if (typeof gap === 'object') {\n    const { default: defaultStyle } = gap;\n\n    return DT_STACK_GAP.includes(defaultStyle);\n  }\n  return false;\n}\n\nexport function alignValidator (align) {\n  if (align === undefined) return true;\n  if (typeof align === 'string') {\n    return DT_STACK_ALIGN.includes(align);\n  }\n  if (typeof align === 'object') {\n    const { default: defaultStyle } = align;\n\n    return DT_STACK_ALIGN.includes(defaultStyle);\n  }\n  return false;\n}\n\nexport function justifyValidator (justify) {\n  if (typeof justify === 'string') {\n    return DT_STACK_JUSTIFY.includes(justify);\n  }\n  if (typeof justify === 'object') {\n    const { default: defaultStyle } = justify;\n\n    return DT_STACK_JUSTIFY.includes(defaultStyle);\n  }\n  return false;\n}"],"names":["directionValidator","direction","DT_STACK_DIRECTION","defaultStyle","gapValidator","gap","DT_STACK_GAP","alignValidator","align","DT_STACK_ALIGN","justifyValidator","justify","DT_STACK_JUSTIFY"],"mappings":"yHAEO,SAASA,EAAoBC,EAAW,CAC7C,GAAI,OAAOA,GAAc,SACvB,OAAO,OAAO,KAAKC,EAAAA,kBAAkB,EAAE,SAASD,CAAS,EACpD,GAAI,OAAOA,GAAc,SAAU,CACxC,KAAM,CAAE,QAASE,CAAY,EAAKF,EAElC,OAAO,OAAO,KAAKC,EAAAA,kBAAkB,EAAE,SAASC,CAAY,CAC9D,CACA,MAAO,EACT,CAEO,SAASC,EAAcC,EAAK,CACjC,GAAI,OAAOA,GAAQ,SACjB,OAAOC,EAAAA,aAAa,SAASD,CAAG,EAElC,GAAI,OAAOA,GAAQ,SAAU,CAC3B,KAAM,CAAE,QAASF,CAAY,EAAKE,EAElC,OAAOC,EAAAA,aAAa,SAASH,CAAY,CAC3C,CACA,MAAO,EACT,CAEO,SAASI,EAAgBC,EAAO,CACrC,GAAIA,IAAU,OAAW,MAAO,GAChC,GAAI,OAAOA,GAAU,SACnB,OAAOC,EAAAA,eAAe,SAASD,CAAK,EAEtC,GAAI,OAAOA,GAAU,SAAU,CAC7B,KAAM,CAAE,QAASL,CAAY,EAAKK,EAElC,OAAOC,EAAAA,eAAe,SAASN,CAAY,CAC7C,CACA,MAAO,EACT,CAEO,SAASO,EAAkBC,EAAS,CACzC,GAAI,OAAOA,GAAY,SACrB,OAAOC,EAAAA,iBAAiB,SAASD,CAAO,EAE1C,GAAI,OAAOA,GAAY,SAAU,CAC/B,KAAM,CAAE,QAASR,CAAY,EAAKQ,EAElC,OAAOC,EAAAA,iBAAiB,SAAST,CAAY,CAC/C,CACA,MAAO,EACT"}
+{"version":3,"file":"validators.cjs","names":["DT_STACK_DIRECTION","DT_STACK_GAP","DT_STACK_ALIGN","DT_STACK_JUSTIFY"],"sources":["../../../components/stack/validators.js"],"sourcesContent":["import { DT_STACK_DIRECTION, DT_STACK_GAP, DT_STACK_ALIGN, DT_STACK_JUSTIFY } from '@/components/stack/stack_constants';\n\nexport function directionValidator (direction) {\n  if (typeof direction === 'string') {\n    return Object.keys(DT_STACK_DIRECTION).includes(direction);\n  } else if (typeof direction === 'object') {\n    const { default: defaultStyle } = direction;\n\n    return Object.keys(DT_STACK_DIRECTION).includes(defaultStyle);\n  }\n  return false;\n}\n\nexport function gapValidator (gap) {\n  if (typeof gap === 'string') {\n    return DT_STACK_GAP.includes(gap);\n  }\n  if (typeof gap === 'object') {\n    const { default: defaultStyle } = gap;\n\n    return DT_STACK_GAP.includes(defaultStyle);\n  }\n  return false;\n}\n\nexport function alignValidator (align) {\n  if (align === undefined) return true;\n  if (typeof align === 'string') {\n    return DT_STACK_ALIGN.includes(align);\n  }\n  if (typeof align === 'object') {\n    const { default: defaultStyle } = align;\n\n    return DT_STACK_ALIGN.includes(defaultStyle);\n  }\n  return false;\n}\n\nexport function justifyValidator (justify) {\n  if (typeof justify === 'string') {\n    return DT_STACK_JUSTIFY.includes(justify);\n  }\n  if (typeof justify === 'object') {\n    const { default: defaultStyle } = justify;\n\n    return DT_STACK_JUSTIFY.includes(defaultStyle);\n  }\n  return false;\n}"],"mappings":"4GAEA,SAAgB,EAAoB,EAAW,CAC7C,GAAI,OAAO,GAAc,SACvB,OAAO,OAAO,KAAKA,EAAAA,mBAAmB,CAAC,SAAS,EAAU,IACjD,OAAO,GAAc,SAAU,CACxC,GAAM,CAAE,QAAS,GAAiB,EAElC,OAAO,OAAO,KAAKA,EAAAA,mBAAmB,CAAC,SAAS,EAAa,CAE/D,MAAO,GAGT,SAAgB,EAAc,EAAK,CACjC,GAAI,OAAO,GAAQ,SACjB,OAAOC,EAAAA,aAAa,SAAS,EAAI,CAEnC,GAAI,OAAO,GAAQ,SAAU,CAC3B,GAAM,CAAE,QAAS,GAAiB,EAElC,OAAOA,EAAAA,aAAa,SAAS,EAAa,CAE5C,MAAO,GAGT,SAAgB,EAAgB,EAAO,CACrC,GAAI,IAAU,IAAA,GAAW,MAAO,GAChC,GAAI,OAAO,GAAU,SACnB,OAAOC,EAAAA,eAAe,SAAS,EAAM,CAEvC,GAAI,OAAO,GAAU,SAAU,CAC7B,GAAM,CAAE,QAAS,GAAiB,EAElC,OAAOA,EAAAA,eAAe,SAAS,EAAa,CAE9C,MAAO,GAGT,SAAgB,EAAkB,EAAS,CACzC,GAAI,OAAO,GAAY,SACrB,OAAOC,EAAAA,iBAAiB,SAAS,EAAQ,CAE3C,GAAI,OAAO,GAAY,SAAU,CAC/B,GAAM,CAAE,QAAS,GAAiB,EAElC,OAAOA,EAAAA,iBAAiB,SAAS,EAAa,CAEhD,MAAO"}

package/dist/lib/stack/validators.js

@@ -1,45 +1,39 @@
-import { DT_STACK_ALIGN as r, DT_STACK_DIRECTION as n, DT_STACK_GAP as f, DT_STACK_JUSTIFY as u } from "./stack-constants.js";
-function o(e) {
-  if (typeof e == "string")
-    return Object.keys(n).includes(e);
-  if (typeof e == "object") {
-    const { default: t } = e;
-    return Object.keys(n).includes(t);
-  }
-  return !1;
-}
+import { DT_STACK_ALIGN as e, DT_STACK_DIRECTION as t, DT_STACK_GAP as n, DT_STACK_JUSTIFY as r } from "./stack-constants.js";
+//#region components/stack/validators.js
 function i(e) {
-  if (typeof e == "string")
-    return f.includes(e);
-  if (typeof e == "object") {
-    const { default: t } = e;
-    return f.includes(t);
-  }
-  return !1;
+	if (typeof e == "string") return Object.keys(t).includes(e);
+	if (typeof e == "object") {
+		let { default: n } = e;
+		return Object.keys(t).includes(n);
+	}
+	return !1;
 }
-function s(e) {
-  if (e === void 0) return !0;
-  if (typeof e == "string")
-    return r.includes(e);
-  if (typeof e == "object") {
-    const { default: t } = e;
-    return r.includes(t);
-  }
-  return !1;
+function a(e) {
+	if (typeof e == "string") return n.includes(e);
+	if (typeof e == "object") {
+		let { default: t } = e;
+		return n.includes(t);
+	}
+	return !1;
 }
-function c(e) {
-  if (typeof e == "string")
-    return u.includes(e);
-  if (typeof e == "object") {
-    const { default: t } = e;
-    return u.includes(t);
-  }
-  return !1;
+function o(t) {
+	if (t === void 0) return !0;
+	if (typeof t == "string") return e.includes(t);
+	if (typeof t == "object") {
+		let { default: n } = t;
+		return e.includes(n);
+	}
+	return !1;
+}
+function s(e) {
+	if (typeof e == "string") return r.includes(e);
+	if (typeof e == "object") {
+		let { default: t } = e;
+		return r.includes(t);
+	}
+	return !1;
 }
-export {
-  s as alignValidator,
-  o as directionValidator,
-  i as gapValidator,
-  c as justifyValidator
-};
-//# sourceMappingURL=validators.js.map
+//#endregion
+export { o as alignValidator, i as directionValidator, a as gapValidator, s as justifyValidator };
+
+//# sourceMappingURL=validators.js.map

package/dist/lib/stack/validators.js.map

@@ -1 +1 @@
-{"version":3,"file":"validators.js","sources":["../../../components/stack/validators.js"],"sourcesContent":["import { DT_STACK_DIRECTION, DT_STACK_GAP, DT_STACK_ALIGN, DT_STACK_JUSTIFY } from '@/components/stack/stack_constants';\n\nexport function directionValidator (direction) {\n  if (typeof direction === 'string') {\n    return Object.keys(DT_STACK_DIRECTION).includes(direction);\n  } else if (typeof direction === 'object') {\n    const { default: defaultStyle } = direction;\n\n    return Object.keys(DT_STACK_DIRECTION).includes(defaultStyle);\n  }\n  return false;\n}\n\nexport function gapValidator (gap) {\n  if (typeof gap === 'string') {\n    return DT_STACK_GAP.includes(gap);\n  }\n  if (typeof gap === 'object') {\n    const { default: defaultStyle } = gap;\n\n    return DT_STACK_GAP.includes(defaultStyle);\n  }\n  return false;\n}\n\nexport function alignValidator (align) {\n  if (align === undefined) return true;\n  if (typeof align === 'string') {\n    return DT_STACK_ALIGN.includes(align);\n  }\n  if (typeof align === 'object') {\n    const { default: defaultStyle } = align;\n\n    return DT_STACK_ALIGN.includes(defaultStyle);\n  }\n  return false;\n}\n\nexport function justifyValidator (justify) {\n  if (typeof justify === 'string') {\n    return DT_STACK_JUSTIFY.includes(justify);\n  }\n  if (typeof justify === 'object') {\n    const { default: defaultStyle } = justify;\n\n    return DT_STACK_JUSTIFY.includes(defaultStyle);\n  }\n  return false;\n}"],"names":["directionValidator","direction","DT_STACK_DIRECTION","defaultStyle","gapValidator","gap","DT_STACK_GAP","alignValidator","align","DT_STACK_ALIGN","justifyValidator","justify","DT_STACK_JUSTIFY"],"mappings":";AAEO,SAASA,EAAoBC,GAAW;AAC7C,MAAI,OAAOA,KAAc;AACvB,WAAO,OAAO,KAAKC,CAAkB,EAAE,SAASD,CAAS;AACpD,MAAI,OAAOA,KAAc,UAAU;AACxC,UAAM,EAAE,SAASE,EAAY,IAAKF;AAElC,WAAO,OAAO,KAAKC,CAAkB,EAAE,SAASC,CAAY;AAAA,EAC9D;AACA,SAAO;AACT;AAEO,SAASC,EAAcC,GAAK;AACjC,MAAI,OAAOA,KAAQ;AACjB,WAAOC,EAAa,SAASD,CAAG;AAElC,MAAI,OAAOA,KAAQ,UAAU;AAC3B,UAAM,EAAE,SAASF,EAAY,IAAKE;AAElC,WAAOC,EAAa,SAASH,CAAY;AAAA,EAC3C;AACA,SAAO;AACT;AAEO,SAASI,EAAgBC,GAAO;AACrC,MAAIA,MAAU,OAAW,QAAO;AAChC,MAAI,OAAOA,KAAU;AACnB,WAAOC,EAAe,SAASD,CAAK;AAEtC,MAAI,OAAOA,KAAU,UAAU;AAC7B,UAAM,EAAE,SAASL,EAAY,IAAKK;AAElC,WAAOC,EAAe,SAASN,CAAY;AAAA,EAC7C;AACA,SAAO;AACT;AAEO,SAASO,EAAkBC,GAAS;AACzC,MAAI,OAAOA,KAAY;AACrB,WAAOC,EAAiB,SAASD,CAAO;AAE1C,MAAI,OAAOA,KAAY,UAAU;AAC/B,UAAM,EAAE,SAASR,EAAY,IAAKQ;AAElC,WAAOC,EAAiB,SAAST,CAAY;AAAA,EAC/C;AACA,SAAO;AACT;"}
+{"version":3,"file":"validators.js","names":[],"sources":["../../../components/stack/validators.js"],"sourcesContent":["import { DT_STACK_DIRECTION, DT_STACK_GAP, DT_STACK_ALIGN, DT_STACK_JUSTIFY } from '@/components/stack/stack_constants';\n\nexport function directionValidator (direction) {\n  if (typeof direction === 'string') {\n    return Object.keys(DT_STACK_DIRECTION).includes(direction);\n  } else if (typeof direction === 'object') {\n    const { default: defaultStyle } = direction;\n\n    return Object.keys(DT_STACK_DIRECTION).includes(defaultStyle);\n  }\n  return false;\n}\n\nexport function gapValidator (gap) {\n  if (typeof gap === 'string') {\n    return DT_STACK_GAP.includes(gap);\n  }\n  if (typeof gap === 'object') {\n    const { default: defaultStyle } = gap;\n\n    return DT_STACK_GAP.includes(defaultStyle);\n  }\n  return false;\n}\n\nexport function alignValidator (align) {\n  if (align === undefined) return true;\n  if (typeof align === 'string') {\n    return DT_STACK_ALIGN.includes(align);\n  }\n  if (typeof align === 'object') {\n    const { default: defaultStyle } = align;\n\n    return DT_STACK_ALIGN.includes(defaultStyle);\n  }\n  return false;\n}\n\nexport function justifyValidator (justify) {\n  if (typeof justify === 'string') {\n    return DT_STACK_JUSTIFY.includes(justify);\n  }\n  if (typeof justify === 'object') {\n    const { default: defaultStyle } = justify;\n\n    return DT_STACK_JUSTIFY.includes(defaultStyle);\n  }\n  return false;\n}"],"mappings":";;AAEA,SAAgB,EAAoB,GAAW;AAC7C,KAAI,OAAO,KAAc,SACvB,QAAO,OAAO,KAAK,EAAmB,CAAC,SAAS,EAAU;KACjD,OAAO,KAAc,UAAU;EACxC,IAAM,EAAE,SAAS,MAAiB;AAElC,SAAO,OAAO,KAAK,EAAmB,CAAC,SAAS,EAAa;;AAE/D,QAAO;;AAGT,SAAgB,EAAc,GAAK;AACjC,KAAI,OAAO,KAAQ,SACjB,QAAO,EAAa,SAAS,EAAI;AAEnC,KAAI,OAAO,KAAQ,UAAU;EAC3B,IAAM,EAAE,SAAS,MAAiB;AAElC,SAAO,EAAa,SAAS,EAAa;;AAE5C,QAAO;;AAGT,SAAgB,EAAgB,GAAO;AACrC,KAAI,MAAU,KAAA,EAAW,QAAO;AAChC,KAAI,OAAO,KAAU,SACnB,QAAO,EAAe,SAAS,EAAM;AAEvC,KAAI,OAAO,KAAU,UAAU;EAC7B,IAAM,EAAE,SAAS,MAAiB;AAElC,SAAO,EAAe,SAAS,EAAa;;AAE9C,QAAO;;AAGT,SAAgB,EAAkB,GAAS;AACzC,KAAI,OAAO,KAAY,SACrB,QAAO,EAAiB,SAAS,EAAQ;AAE3C,KAAI,OAAO,KAAY,UAAU;EAC/B,IAAM,EAAE,SAAS,MAAiB;AAElC,SAAO,EAAiB,SAAS,EAAa;;AAEhD,QAAO"}

package/dist/lib/tab/index.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./tab-group.cjs"),I=require("./tab.cjs"),T=require("./tab-panel.cjs"),_=require("./tabs-constants.cjs");exports.DtTabGroup=t.default;exports.DtTab=I.default;exports.DtTabPanel=T.default;exports.TAB_IMPORTANCE_MODIFIERS=_.TAB_IMPORTANCE_MODIFIERS;exports.TAB_LIST_IMPORTANCE_MODIFIERS=_.TAB_LIST_IMPORTANCE_MODIFIERS;exports.TAB_LIST_KIND_MODIFIERS=_.TAB_LIST_KIND_MODIFIERS;exports.TAB_LIST_SIZES=_.TAB_LIST_SIZES;
-//# sourceMappingURL=index.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./tabs-constants.cjs`),t=require(`./tab-group.cjs`),n=require(`./tab.cjs`),r=require(`./tab-panel.cjs`);exports.DtTab=n.default,exports.DtTabGroup=t.default,exports.DtTabPanel=r.default,exports.TAB_IMPORTANCE_MODIFIERS=e.TAB_IMPORTANCE_MODIFIERS,exports.TAB_LIST_IMPORTANCE_MODIFIERS=e.TAB_LIST_IMPORTANCE_MODIFIERS,exports.TAB_LIST_KIND_MODIFIERS=e.TAB_LIST_KIND_MODIFIERS,exports.TAB_LIST_SIZES=e.TAB_LIST_SIZES;

package/dist/lib/tab/index.js

@@ -1,14 +1,5 @@
-import { default as a } from "./tab-group.js";
-import { default as _ } from "./tab.js";
-import { default as r } from "./tab-panel.js";
-import { TAB_IMPORTANCE_MODIFIERS as S, TAB_LIST_IMPORTANCE_MODIFIERS as f, TAB_LIST_KIND_MODIFIERS as D, TAB_LIST_SIZES as A } from "./tabs-constants.js";
-export {
-  _ as DtTab,
-  a as DtTabGroup,
-  r as DtTabPanel,
-  S as TAB_IMPORTANCE_MODIFIERS,
-  f as TAB_LIST_IMPORTANCE_MODIFIERS,
-  D as TAB_LIST_KIND_MODIFIERS,
-  A as TAB_LIST_SIZES
-};
-//# sourceMappingURL=index.js.map
+import { TAB_IMPORTANCE_MODIFIERS as e, TAB_LIST_IMPORTANCE_MODIFIERS as t, TAB_LIST_KIND_MODIFIERS as n, TAB_LIST_SIZES as r } from "./tabs-constants.js";
+import i from "./tab-group.js";
+import a from "./tab.js";
+import o from "./tab-panel.js";
+export { a as DtTab, i as DtTabGroup, o as DtTabPanel, e as TAB_IMPORTANCE_MODIFIERS, t as TAB_LIST_IMPORTANCE_MODIFIERS, n as TAB_LIST_KIND_MODIFIERS, r as TAB_LIST_SIZES };

package/dist/lib/tab/tab-group.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("./tabs-constants.cjs"),a=require("vue"),b=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),o={compatConfig:{MODE:3},name:"DtTabGroup",provide(){return{groupContext:this.provideObj,setFocus:this.setFocus}},props:{label:{type:String,default:""},selected:{type:String,default:""},disabled:{type:Boolean,default:!1},inverted:{type:Boolean,default:!1},borderless:{type:Boolean,default:!1},size:{type:String,default:"default",validate(t){return n.TAB_LIST_SIZES.includes(t)}},tabListClass:{type:[String,Array,Object],default:""},tabListChildProps:{type:Object,default:()=>({})}},emits:["change","before-change"],data(){return{provideObj:{selected:"",disabled:!1},focusId:null,tabs:[],TAB_LIST_SIZE_MODIFIERS:n.TAB_LIST_SIZE_MODIFIERS,TAB_LIST_KIND_MODIFIERS:n.TAB_LIST_KIND_MODIFIERS,TAB_LIST_IMPORTANCE_MODIFIERS:n.TAB_LIST_IMPORTANCE_MODIFIERS}},watch:{disabled:{immediate:!0,handler(){this.provideObj.disabled=this.disabled}},selected:{immediate:!0,handler(){this.provideObj.selected=this.selected}}},mounted(){this.updateSelected()},updated(){this.updateSelected()},methods:{updateSelected(){this.provideObj.selected||(this.provideObj.selected=this.selected),this.tabs=this.getTabChildren()},setFocus(t){this.focusId=t},getTabChildren(){return Array.from(this.$refs.tabs.querySelectorAll(".d-tab")).map(e=>{var d,l;return{context:e,panelId:(d=e.getAttribute("aria-controls"))==null?void 0:d.replace("dt-panel-",""),tabId:(l=e.getAttribute("id"))==null?void 0:l.replace("dt-tab-",""),isSelected:e.getAttribute("aria-selected")==="true"}})},onChange(){this.$emit("change",{...this.provideObj})},tabLeft(){const t=this.getFocusedTabIndex();if(t===-1)return;const e=t-1<0?this.tabs.length-1:t-1;this.selectFocusOnTab(e)},tabRight(){const t=this.getFocusedTabIndex();if(t===-1)return;const e=t+1>this.tabs.length-1?0:t+1;this.selectFocusOnTab(e)},selectFocusOnTab(t){const{context:e}=this.tabs[t];e.focus()},selectTab(t){if(this.isSameTabClicked()||(this.$emit("before-change",t),t.defaultPrevented))return;const e=this.getFocusedTabIndex();this.selectTabByIndex(e),this.onChange()},selectTabByIndex(t){const{context:e,panelId:d}=this.tabs[t];this.provideObj.selected=d,e.focus()},getFocusedTabIndex(){const t=this.tabs.findIndex(e=>this.focusId?e.tabId===`${this.focusId}`:e.isSelected);return t===-1?0:t},onHomeButton(){var t,e;this.tabs.length!==0&&((e=(t=this.tabs[0])==null?void 0:t.context)==null||e.focus())},onEndButton(){var t,e;this.tabs.length!==0&&((e=(t=this.tabs[this.tabs.length-1])==null?void 0:t.context)==null||e.focus())},isSameTabClicked(){const t=this.tabs[this.getFocusedTabIndex()];return this.provideObj.selected===t.panelId}}},u={"data-qa":"dt-tab-group"},c=["aria-label"];function h(t,e,d,l,r,s){return a.openBlock(),a.createElementBlock("div",u,[a.createElementVNode("div",a.mergeProps({ref:"tabs",class:["d-tablist",r.TAB_LIST_SIZE_MODIFIERS[d.size],{[r.TAB_LIST_KIND_MODIFIERS.inverted]:d.inverted,[r.TAB_LIST_IMPORTANCE_MODIFIERS.borderless]:d.borderless},d.tabListClass]},d.tabListChildProps,{role:"tablist","aria-label":d.label,onKeyup:[e[0]||(e[0]=a.withKeys((...i)=>s.tabLeft&&s.tabLeft(...i),["left"])),e[1]||(e[1]=a.withKeys((...i)=>s.tabRight&&s.tabRight(...i),["right"])),e[2]||(e[2]=a.withKeys((...i)=>s.selectTab&&s.selectTab(...i),["enter"])),e[3]||(e[3]=a.withKeys((...i)=>s.selectTab&&s.selectTab(...i),["space"]))],onClick:e[4]||(e[4]=(...i)=>s.selectTab&&s.selectTab(...i)),onKeydown:[e[5]||(e[5]=a.withKeys((...i)=>s.onHomeButton&&s.onHomeButton(...i),["home"])),e[6]||(e[6]=a.withKeys((...i)=>s.onEndButton&&s.onEndButton(...i),["end"]))]}),[a.renderSlot(t.$slots,"tabs")],16,c),a.renderSlot(t.$slots,"default")])}const I=b._(o,[["render",h]]);exports.default=I;
-//# sourceMappingURL=tab-group.cjs.map
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),t=require(`./tabs-constants.cjs`);let n=require(`vue`);var r={compatConfig:{MODE:3},name:`DtTabGroup`,provide(){return{groupContext:this.provideObj,setFocus:this.setFocus}},props:{label:{type:String,default:``},selected:{type:String,default:``},disabled:{type:Boolean,default:!1},inverted:{type:Boolean,default:!1},borderless:{type:Boolean,default:!1},size:{type:String,default:`default`,validate(e){return t.TAB_LIST_SIZES.includes(e)}},tabListClass:{type:[String,Array,Object],default:``},tabListChildProps:{type:Object,default:()=>({})}},emits:[`change`,`before-change`],data(){return{provideObj:{selected:``,disabled:!1},focusId:null,tabs:[],TAB_LIST_SIZE_MODIFIERS:t.TAB_LIST_SIZE_MODIFIERS,TAB_LIST_KIND_MODIFIERS:t.TAB_LIST_KIND_MODIFIERS,TAB_LIST_IMPORTANCE_MODIFIERS:t.TAB_LIST_IMPORTANCE_MODIFIERS}},watch:{disabled:{immediate:!0,handler(){this.provideObj.disabled=this.disabled}},selected:{immediate:!0,handler(){this.provideObj.selected=this.selected}}},mounted(){this.updateSelected()},updated(){this.updateSelected()},methods:{updateSelected(){this.provideObj.selected||(this.provideObj.selected=this.selected),this.tabs=this.getTabChildren()},setFocus(e){this.focusId=e},getTabChildren(){return Array.from(this.$refs.tabs.querySelectorAll(`.d-tab`)).map(e=>({context:e,panelId:e.getAttribute(`aria-controls`)?.replace(`dt-panel-`,``),tabId:e.getAttribute(`id`)?.replace(`dt-tab-`,``),isSelected:e.getAttribute(`aria-selected`)===`true`}))},onChange(){this.$emit(`change`,{...this.provideObj})},tabLeft(){let e=this.getFocusedTabIndex();if(e===-1)return;let t=e-1<0?this.tabs.length-1:e-1;this.selectFocusOnTab(t)},tabRight(){let e=this.getFocusedTabIndex();if(e===-1)return;let t=e+1>this.tabs.length-1?0:e+1;this.selectFocusOnTab(t)},selectFocusOnTab(e){let{context:t}=this.tabs[e];t.focus()},selectTab(e){if(this.isSameTabClicked()||(this.$emit(`before-change`,e),e.defaultPrevented))return;let t=this.getFocusedTabIndex();this.selectTabByIndex(t),this.onChange()},selectTabByIndex(e){let{context:t,panelId:n}=this.tabs[e];this.provideObj.selected=n,t.focus()},getFocusedTabIndex(){let e=this.tabs.findIndex(e=>this.focusId?e.tabId===`${this.focusId}`:e.isSelected);return e===-1?0:e},onHomeButton(){this.tabs.length!==0&&this.tabs[0]?.context?.focus()},onEndButton(){this.tabs.length!==0&&this.tabs[this.tabs.length-1]?.context?.focus()},isSameTabClicked(){let e=this.tabs[this.getFocusedTabIndex()];return this.provideObj.selected===e.panelId}}},i={"data-qa":`dt-tab-group`},a=[`aria-label`];function o(e,t,r,o,s,c){return(0,n.openBlock)(),(0,n.createElementBlock)(`div`,i,[(0,n.createElementVNode)(`div`,(0,n.mergeProps)({ref:`tabs`,class:[`d-tablist`,s.TAB_LIST_SIZE_MODIFIERS[r.size],{[s.TAB_LIST_KIND_MODIFIERS.inverted]:r.inverted,[s.TAB_LIST_IMPORTANCE_MODIFIERS.borderless]:r.borderless},r.tabListClass]},r.tabListChildProps,{role:`tablist`,"aria-label":r.label,onKeyup:[t[0]||(t[0]=(0,n.withKeys)((...e)=>c.tabLeft&&c.tabLeft(...e),[`left`])),t[1]||(t[1]=(0,n.withKeys)((...e)=>c.tabRight&&c.tabRight(...e),[`right`])),t[2]||(t[2]=(0,n.withKeys)((...e)=>c.selectTab&&c.selectTab(...e),[`enter`])),t[3]||(t[3]=(0,n.withKeys)((...e)=>c.selectTab&&c.selectTab(...e),[`space`]))],onClick:t[4]||(t[4]=(...e)=>c.selectTab&&c.selectTab(...e)),onKeydown:[t[5]||(t[5]=(0,n.withKeys)((...e)=>c.onHomeButton&&c.onHomeButton(...e),[`home`])),t[6]||(t[6]=(0,n.withKeys)((...e)=>c.onEndButton&&c.onEndButton(...e),[`end`]))]}),[(0,n.renderSlot)(e.$slots,`tabs`)],16,a),(0,n.renderSlot)(e.$slots,`default`)])}var s=e.t(r,[[`render`,o]]);exports.default=s;
+//# sourceMappingURL=tab-group.cjs.map

package/dist/lib/tab/tab-group.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"tab-group.cjs","sources":["../../../components/tab/tab_group.vue"],"sourcesContent":["<template>\n  <div\n    data-qa=\"dt-tab-group\"\n  >\n    <!-- eslint-disable-next-line vuejs-accessibility/interactive-supports-focus -->\n    <div\n      ref=\"tabs\"\n      :class=\"[\n        'd-tablist',\n        TAB_LIST_SIZE_MODIFIERS[size],\n        {\n          [TAB_LIST_KIND_MODIFIERS.inverted]: inverted,\n          [TAB_LIST_IMPORTANCE_MODIFIERS.borderless]: borderless,\n        },\n        tabListClass,\n      ]\"\n      v-bind=\"tabListChildProps\"\n      role=\"tablist\"\n      :aria-label=\"label\"\n      @keyup.left=\"tabLeft\"\n      @keyup.right=\"tabRight\"\n      @keyup.enter=\"selectTab\"\n      @keyup.space=\"selectTab\"\n      @click=\"selectTab\"\n      @keydown.home=\"onHomeButton\"\n      @keydown.end=\"onEndButton\"\n    >\n      <!-- @slot Slot for Tabs -->\n      <slot name=\"tabs\" />\n    </div>\n    <!-- @slot Default slot for Panel -->\n    <slot />\n  </div>\n</template>\n\n<script>\nimport {\n  TAB_LIST_SIZES,\n  TAB_LIST_KIND_MODIFIERS,\n  TAB_LIST_IMPORTANCE_MODIFIERS,\n  TAB_LIST_SIZE_MODIFIERS,\n} from './tabs_constants';\n\n/**\n * Tabs allow users to navigation between grouped content in different views while within the same page context.\n * @see https://dialtone.dialpad.com/components/tabs.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtTabGroup',\n\n  provide () {\n    return {\n      groupContext: this.provideObj,\n      setFocus: this.setFocus,\n    };\n  },\n\n  props: {\n    /**\n     * Identifies the tab group\n     */\n    label: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * The id of the selected tab panel which should be displayed\n     */\n    selected: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * If true, disables the tab group\n     * @values true, false\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * If true, applies inverted styles to the tab group\n     * @values true, false\n     */\n    inverted: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * If true, applies borderless styles to the tab group\n     * @values true, false\n     */\n    borderless: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * If provided, applies size styles to the tab group\n     * @values default, sm\n     */\n    size: {\n      type: String,\n      default: 'default',\n      validate (size) {\n        return TAB_LIST_SIZES.includes(size);\n      },\n    },\n\n    /**\n     * Pass through classes, used to customize the tab list\n     */\n    tabListClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Pass through props, used to customize the tab list\n     */\n    tabListChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n  },\n\n  emits: [\n    /**\n     * Change tab event with the arguments: selected id of the current tab and disabled value\n     *\n     * @event change\n     * @type {Object}\n     */\n    'change',\n\n    /**\n     * Before change tab event with the event argument, useful to perform validations and prevent changing tabs if neccessary.\n     *\n     * @event before-change\n     * @type {Event}\n     */\n    'before-change',\n  ],\n\n  data () {\n    return {\n      provideObj: {\n        selected: '', // the currently displayed tab id\n        disabled: false, // disable group\n      },\n\n      focusId: null,\n      tabs: [],\n      TAB_LIST_SIZE_MODIFIERS,\n      TAB_LIST_KIND_MODIFIERS,\n      TAB_LIST_IMPORTANCE_MODIFIERS,\n    };\n  },\n\n  watch: {\n    disabled: {\n      immediate: true,\n      handler () {\n        this.provideObj.disabled = this.disabled;\n      },\n    },\n\n    selected: {\n      immediate: true,\n      handler () {\n        this.provideObj.selected = this.selected;\n      },\n    },\n  },\n\n  mounted () {\n    this.updateSelected();\n  },\n\n  updated () {\n    this.updateSelected();\n  },\n\n  methods: {\n    updateSelected () {\n      /**\n       * Prevent override tab selected by default\n       */\n      if (!this.provideObj.selected) {\n        this.provideObj.selected = this.selected;\n      }\n      this.tabs = this.getTabChildren();\n    },\n\n    setFocus (focusId) {\n      this.focusId = focusId;\n    },\n\n    getTabChildren () {\n      const tabs = Array.from(this.$refs.tabs.querySelectorAll('.d-tab'));\n      return tabs\n        .map(el => {\n          return ({\n            context: el,\n            panelId: el.getAttribute('aria-controls')?.replace('dt-panel-', ''),\n            tabId: el.getAttribute('id')?.replace('dt-tab-', ''),\n            isSelected: el.getAttribute('aria-selected') === 'true',\n          });\n        });\n    },\n\n    onChange () {\n      this.$emit('change', { ...this.provideObj });\n    },\n\n    tabLeft () {\n      const index = this.getFocusedTabIndex();\n      if (index === -1) return;\n\n      const indexElement = index - 1 < 0 ? this.tabs.length - 1 : index - 1;\n      this.selectFocusOnTab(indexElement);\n    },\n\n    tabRight () {\n      const index = this.getFocusedTabIndex();\n      if (index === -1) return;\n\n      const indexElement = index + 1 > this.tabs.length - 1 ? 0 : index + 1;\n      this.selectFocusOnTab(indexElement);\n    },\n\n    selectFocusOnTab (index) {\n      const { context } = this.tabs[index];\n      context.focus();\n    },\n\n    selectTab (event) {\n      if (this.isSameTabClicked()) return;\n\n      this.$emit('before-change', event);\n      if (event.defaultPrevented) return;\n\n      const index = this.getFocusedTabIndex();\n\n      this.selectTabByIndex(index);\n      this.onChange();\n    },\n\n    selectTabByIndex (index) {\n      const { context, panelId } = this.tabs[index];\n      this.provideObj.selected = panelId;\n      context.focus();\n    },\n\n    getFocusedTabIndex () {\n      // Hot fix https://github.com/dialpad/dialtone/pull/849\n      // The main issue is that this.tabs is not being updated at the time this is being triggered.\n\n      const index = this.tabs.findIndex((context) =>\n        this.focusId ? context.tabId === `${this.focusId}` : context.isSelected,\n      );\n\n      return index === -1 ? 0 : index;\n    },\n\n    onHomeButton () {\n      if (this.tabs.length === 0) return;\n      this.tabs[0]?.context?.focus();\n    },\n\n    onEndButton () {\n      if (this.tabs.length === 0) return;\n      this.tabs[this.tabs.length - 1]?.context?.focus();\n    },\n\n    isSameTabClicked () {\n      const tab = this.tabs[this.getFocusedTabIndex()];\n      return this.provideObj.selected === tab.panelId;\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","size","TAB_LIST_SIZES","TAB_LIST_SIZE_MODIFIERS","TAB_LIST_KIND_MODIFIERS","TAB_LIST_IMPORTANCE_MODIFIERS","focusId","el","_a","_b","index","indexElement","context","event","panelId","tab","_hoisted_1","_openBlock","_createElementBlock","_createElementVNode","_mergeProps","$data","$props","$options","args","_renderSlot","_ctx"],"mappings":"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"}
+{"version":3,"file":"tab-group.cjs","names":[],"sources":["../../../components/tab/tab_group.vue"],"sourcesContent":["<template>\n  <div\n    data-qa=\"dt-tab-group\"\n  >\n    <!-- eslint-disable-next-line vuejs-accessibility/interactive-supports-focus -->\n    <div\n      ref=\"tabs\"\n      :class=\"[\n        'd-tablist',\n        TAB_LIST_SIZE_MODIFIERS[size],\n        {\n          [TAB_LIST_KIND_MODIFIERS.inverted]: inverted,\n          [TAB_LIST_IMPORTANCE_MODIFIERS.borderless]: borderless,\n        },\n        tabListClass,\n      ]\"\n      v-bind=\"tabListChildProps\"\n      role=\"tablist\"\n      :aria-label=\"label\"\n      @keyup.left=\"tabLeft\"\n      @keyup.right=\"tabRight\"\n      @keyup.enter=\"selectTab\"\n      @keyup.space=\"selectTab\"\n      @click=\"selectTab\"\n      @keydown.home=\"onHomeButton\"\n      @keydown.end=\"onEndButton\"\n    >\n      <!-- @slot Slot for Tabs -->\n      <slot name=\"tabs\" />\n    </div>\n    <!-- @slot Default slot for Panel -->\n    <slot />\n  </div>\n</template>\n\n<script>\nimport {\n  TAB_LIST_SIZES,\n  TAB_LIST_KIND_MODIFIERS,\n  TAB_LIST_IMPORTANCE_MODIFIERS,\n  TAB_LIST_SIZE_MODIFIERS,\n} from './tabs_constants';\n\n/**\n * Tabs allow users to navigation between grouped content in different views while within the same page context.\n * @see https://dialtone.dialpad.com/components/tabs.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtTabGroup',\n\n  provide () {\n    return {\n      groupContext: this.provideObj,\n      setFocus: this.setFocus,\n    };\n  },\n\n  props: {\n    /**\n     * Identifies the tab group\n     */\n    label: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * The id of the selected tab panel which should be displayed\n     */\n    selected: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * If true, disables the tab group\n     * @values true, false\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * If true, applies inverted styles to the tab group\n     * @values true, false\n     */\n    inverted: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * If true, applies borderless styles to the tab group\n     * @values true, false\n     */\n    borderless: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * If provided, applies size styles to the tab group\n     * @values default, sm\n     */\n    size: {\n      type: String,\n      default: 'default',\n      validate (size) {\n        return TAB_LIST_SIZES.includes(size);\n      },\n    },\n\n    /**\n     * Pass through classes, used to customize the tab list\n     */\n    tabListClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Pass through props, used to customize the tab list\n     */\n    tabListChildProps: {\n      type: Object,\n      default: () => ({}),\n    },\n  },\n\n  emits: [\n    /**\n     * Change tab event with the arguments: selected id of the current tab and disabled value\n     *\n     * @event change\n     * @type {Object}\n     */\n    'change',\n\n    /**\n     * Before change tab event with the event argument, useful to perform validations and prevent changing tabs if neccessary.\n     *\n     * @event before-change\n     * @type {Event}\n     */\n    'before-change',\n  ],\n\n  data () {\n    return {\n      provideObj: {\n        selected: '', // the currently displayed tab id\n        disabled: false, // disable group\n      },\n\n      focusId: null,\n      tabs: [],\n      TAB_LIST_SIZE_MODIFIERS,\n      TAB_LIST_KIND_MODIFIERS,\n      TAB_LIST_IMPORTANCE_MODIFIERS,\n    };\n  },\n\n  watch: {\n    disabled: {\n      immediate: true,\n      handler () {\n        this.provideObj.disabled = this.disabled;\n      },\n    },\n\n    selected: {\n      immediate: true,\n      handler () {\n        this.provideObj.selected = this.selected;\n      },\n    },\n  },\n\n  mounted () {\n    this.updateSelected();\n  },\n\n  updated () {\n    this.updateSelected();\n  },\n\n  methods: {\n    updateSelected () {\n      /**\n       * Prevent override tab selected by default\n       */\n      if (!this.provideObj.selected) {\n        this.provideObj.selected = this.selected;\n      }\n      this.tabs = this.getTabChildren();\n    },\n\n    setFocus (focusId) {\n      this.focusId = focusId;\n    },\n\n    getTabChildren () {\n      const tabs = Array.from(this.$refs.tabs.querySelectorAll('.d-tab'));\n      return tabs\n        .map(el => {\n          return ({\n            context: el,\n            panelId: el.getAttribute('aria-controls')?.replace('dt-panel-', ''),\n            tabId: el.getAttribute('id')?.replace('dt-tab-', ''),\n            isSelected: el.getAttribute('aria-selected') === 'true',\n          });\n        });\n    },\n\n    onChange () {\n      this.$emit('change', { ...this.provideObj });\n    },\n\n    tabLeft () {\n      const index = this.getFocusedTabIndex();\n      if (index === -1) return;\n\n      const indexElement = index - 1 < 0 ? this.tabs.length - 1 : index - 1;\n      this.selectFocusOnTab(indexElement);\n    },\n\n    tabRight () {\n      const index = this.getFocusedTabIndex();\n      if (index === -1) return;\n\n      const indexElement = index + 1 > this.tabs.length - 1 ? 0 : index + 1;\n      this.selectFocusOnTab(indexElement);\n    },\n\n    selectFocusOnTab (index) {\n      const { context } = this.tabs[index];\n      context.focus();\n    },\n\n    selectTab (event) {\n      if (this.isSameTabClicked()) return;\n\n      this.$emit('before-change', event);\n      if (event.defaultPrevented) return;\n\n      const index = this.getFocusedTabIndex();\n\n      this.selectTabByIndex(index);\n      this.onChange();\n    },\n\n    selectTabByIndex (index) {\n      const { context, panelId } = this.tabs[index];\n      this.provideObj.selected = panelId;\n      context.focus();\n    },\n\n    getFocusedTabIndex () {\n      // Hot fix https://github.com/dialpad/dialtone/pull/849\n      // The main issue is that this.tabs is not being updated at the time this is being triggered.\n\n      const index = this.tabs.findIndex((context) =>\n        this.focusId ? context.tabId === `${this.focusId}` : context.isSelected,\n      );\n\n      return index === -1 ? 0 : index;\n    },\n\n    onHomeButton () {\n      if (this.tabs.length === 0) return;\n      this.tabs[0]?.context?.focus();\n    },\n\n    onEndButton () {\n      if (this.tabs.length === 0) return;\n      this.tabs[this.tabs.length - 1]?.context?.focus();\n    },\n\n    isSameTabClicked () {\n      const tab = this.tabs[this.getFocusedTabIndex()];\n      return this.provideObj.selected === tab.panelId;\n    },\n  },\n};\n</script>\n"],"mappings":"0PA+CA,IAAK,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,aAEN,SAAW,CACT,MAAO,CACL,aAAc,KAAK,WACnB,SAAU,KAAK,SAChB,EAGH,MAAO,CAIL,MAAO,CACL,KAAM,OACN,QAAS,GACV,CAKD,SAAU,CACR,KAAM,OACN,QAAS,GACV,CAMD,SAAU,CACR,KAAM,QACN,QAAS,GACV,CAMD,SAAU,CACR,KAAM,QACN,QAAS,GACV,CAMD,WAAY,CACV,KAAM,QACN,QAAS,GACV,CAMD,KAAM,CACJ,KAAM,OACN,QAAS,UACT,SAAU,EAAM,CACd,OAAO,EAAA,eAAe,SAAS,EAAK,EAEvC,CAKD,aAAc,CACZ,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CAKD,kBAAmB,CACjB,KAAM,OACN,aAAgB,EAAE,EACnB,CACF,CAED,MAAO,CAOL,SAQA,gBACD,CAED,MAAQ,CACN,MAAO,CACL,WAAY,CACV,SAAU,GACV,SAAU,GACX,CAED,QAAS,KACT,KAAM,EAAE,CACR,wBAAA,EAAA,wBACA,wBAAA,EAAA,wBACA,8BAAA,EAAA,8BACD,EAGH,MAAO,CACL,SAAU,CACR,UAAW,GACX,SAAW,CACT,KAAK,WAAW,SAAW,KAAK,UAEnC,CAED,SAAU,CACR,UAAW,GACX,SAAW,CACT,KAAK,WAAW,SAAW,KAAK,UAEnC,CACF,CAED,SAAW,CACT,KAAK,gBAAgB,EAGvB,SAAW,CACT,KAAK,gBAAgB,EAGvB,QAAS,CACP,gBAAkB,CAIX,KAAK,WAAW,WACnB,KAAK,WAAW,SAAW,KAAK,UAElC,KAAK,KAAO,KAAK,gBAAgB,EAGnC,SAAU,EAAS,CACjB,KAAK,QAAU,GAGjB,gBAAkB,CAEhB,OADa,MAAM,KAAK,KAAK,MAAM,KAAK,iBAAiB,SAAS,CAAC,CAEhE,IAAI,IACK,CACN,QAAS,EACT,QAAS,EAAG,aAAa,gBAAgB,EAAE,QAAQ,YAAa,GAAG,CACnE,MAAO,EAAG,aAAa,KAAK,EAAE,QAAQ,UAAW,GAAG,CACpD,WAAY,EAAG,aAAa,gBAAe,GAAM,OAClD,EACD,EAGN,UAAY,CACV,KAAK,MAAM,SAAU,CAAE,GAAG,KAAK,WAAY,CAAC,EAG9C,SAAW,CACT,IAAM,EAAQ,KAAK,oBAAoB,CACvC,GAAI,IAAU,GAAI,OAElB,IAAM,EAAe,EAAQ,EAAI,EAAI,KAAK,KAAK,OAAS,EAAI,EAAQ,EACpE,KAAK,iBAAiB,EAAa,EAGrC,UAAY,CACV,IAAM,EAAQ,KAAK,oBAAoB,CACvC,GAAI,IAAU,GAAI,OAElB,IAAM,EAAe,EAAQ,EAAI,KAAK,KAAK,OAAS,EAAI,EAAI,EAAQ,EACpE,KAAK,iBAAiB,EAAa,EAGrC,iBAAkB,EAAO,CACvB,GAAM,CAAE,WAAY,KAAK,KAAK,GAC9B,EAAQ,OAAO,EAGjB,UAAW,EAAO,CAIhB,GAHI,KAAK,kBAAkB,GAE3B,KAAK,MAAM,gBAAiB,EAAM,CAC9B,EAAM,kBAAkB,OAE5B,IAAM,EAAQ,KAAK,oBAAoB,CAEvC,KAAK,iBAAiB,EAAM,CAC5B,KAAK,UAAU,EAGjB,iBAAkB,EAAO,CACvB,GAAM,CAAE,UAAS,WAAY,KAAK,KAAK,GACvC,KAAK,WAAW,SAAW,EAC3B,EAAQ,OAAO,EAGjB,oBAAsB,CAIpB,IAAM,EAAQ,KAAK,KAAK,UAAW,GACjC,KAAK,QAAU,EAAQ,QAAU,GAAG,KAAK,UAAY,EAAQ,WAC9D,CAED,OAAO,IAAU,GAAK,EAAI,GAG5B,cAAgB,CACV,KAAK,KAAK,SAAW,GACzB,KAAK,KAAK,IAAI,SAAS,OAAO,EAGhC,aAAe,CACT,KAAK,KAAK,SAAW,GACzB,KAAK,KAAK,KAAK,KAAK,OAAS,IAAI,SAAS,OAAO,EAGnD,kBAAoB,CAClB,IAAM,EAAM,KAAK,KAAK,KAAK,oBAAoB,EAC/C,OAAO,KAAK,WAAW,WAAa,EAAI,SAE3C,CACF,IA3RG,UAAQ,eAAc,2FA8BlB,MA/BN,EA+BM,EAAA,EAAA,EAAA,oBAHE,OAAA,EAAA,EAAA,YAAA,CAvBJ,IAAI,OACH,MAAK,aAAiC,EAAA,wBAAwB,EAAA,QAA4B,EAAA,wBAAwB,UAAW,EAAA,UAAqB,EAAA,8BAA8B,YAAa,EAAA,YAA+B,EAAA,eASrN,EAAA,kBAAiB,CACzB,KAAK,UACJ,aAAY,EAAA,MACZ,QAAK,oCAAO,EAAA,SAAA,EAAA,QAAA,GAAA,EAAO,CAAA,CAAA,OAAA,CAAA,qCACN,EAAA,UAAA,EAAA,SAAA,GAAA,EAAQ,CAAA,CAAA,QAAA,CAAA,qCACR,EAAA,WAAA,EAAA,UAAA,GAAA,EAAS,CAAA,CAAA,QAAA,CAAA,qCACT,EAAA,WAAA,EAAA,UAAA,GAAA,EAAS,CAAA,CAAA,QAAA,CAAA,GACtB,QAAK,EAAA,KAAA,EAAA,IAAA,GAAA,IAAE,EAAA,WAAA,EAAA,UAAA,GAAA,EAAS,EAChB,UAAO,CAAA,EAAA,KAAA,EAAA,IAAA,EAAA,EAAA,WAAA,GAAA,IAAO,EAAA,cAAA,EAAA,aAAA,GAAA,EAAY,CAAA,CAAA,OAAA,CAAA,EAAA,EAAA,KAAA,EAAA,IAAA,EAAA,EAAA,WAAA,GAAA,IACb,EAAA,aAAA,EAAA,YAAA,GAAA,EAAW,CAAA,CAAA,MAAA,CAAA,EAAA,qBAGL,EAAA,OAAA,OAAA,CAAA,CAAA,GAAA,EAAA,EAAA,EAAA,EAAA,YAGd,EAAA,OAAA,UAAA,CAAA,CAAA"}