@dialpad/dialtone-vue 3.221.1 → 3.222.0-next.2

package/dist/directives/focustrap_directive/focustrap_constants.d.ts

@@ -0,0 +1,7 @@
+export const FOCUSTRAP_DEFAULTS: Readonly<{
+    active: true;
+    initialFocus: "auto";
+    restoreFocus: true;
+}>;
+export const FOCUSTRAP_STATE_KEY: symbol;
+//# sourceMappingURL=focustrap_constants.d.ts.map

package/dist/directives/focustrap_directive/focustrap_constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"focustrap_constants.d.ts","sourceRoot":"","sources":["../../../directives/focustrap_directive/focustrap_constants.js"],"names":[],"mappings":"AAGA;;;;GAIG;AAMH,kCAFU,MAAM,CAEyC"}

package/dist/directives/focustrap_directive/focustrap_utils.d.ts

@@ -0,0 +1,5 @@
+export function getTabbableElements(container: HTMLElement, { includeNegativeTabIndex }?: {
+    includeNegativeTabIndex?: boolean | undefined;
+}): HTMLElement[];
+export function getFirstFocusCandidate(elements: HTMLElement[]): HTMLElement | undefined;
+//# sourceMappingURL=focustrap_utils.d.ts.map

package/dist/directives/focustrap_directive/focustrap_utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"focustrap_utils.d.ts","sourceRoot":"","sources":["../../../directives/focustrap_directive/focustrap_utils.js"],"names":[],"mappings":"AAsBA,+CALW,WAAW,gCAEnB;IAA0B,uBAAuB;CACjD,GAAU,WAAW,EAAE,CAYzB;AAWD,iDAHW,WAAW,EAAE,GACX,WAAW,GAAC,SAAS,CASjC"}

package/dist/directives/focustrap_directive/index.d.ts

@@ -0,0 +1,2 @@
+export { default as DtFocustrapDirective } from './focustrap.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/directives/focustrap_directive/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../directives/focustrap_directive/index.js"],"names":[],"mappings":""}

package/dist/directives/mode_directive/index.d.ts

@@ -0,0 +1,2 @@
+export { default as DtModeDirective } from './mode.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/directives/mode_directive/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../directives/mode_directive/index.js"],"names":[],"mappings":""}

package/dist/directives/mode_directive/mode.d.ts

@@ -0,0 +1,6 @@
+export namespace DtModeDirective {
+    let name: string;
+    function install(app: any): void;
+}
+export default DtModeDirective;
+//# sourceMappingURL=mode.d.ts.map

package/dist/directives/mode_directive/mode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mode.d.ts","sourceRoot":"","sources":["../../../directives/mode_directive/mode.js"],"names":[],"mappings":";;IAsCE,iCA2IC"}

package/dist/directives/scrollbar_directive/scrollbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scrollbar.d.ts","sourceRoot":"","sources":["../../../directives/scrollbar_directive/scrollbar.js"],"names":[],"mappings":";;IAIE,iCAyBC"}
+{"version":3,"file":"scrollbar.d.ts","sourceRoot":"","sources":["../../../directives/scrollbar_directive/scrollbar.js"],"names":[],"mappings":";;IA+CE,iCA6CC"}

package/dist/directives/tooltip_directive/tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../directives/tooltip_directive/tooltip.js"],"names":[],"mappings":";;IAOE,iCA4HC"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../directives/tooltip_directive/tooltip.js"],"names":[],"mappings":";;IAQE,iCA8HC"}

package/dist/index.d.ts

@@ -3,64 +3,73 @@ export * from './common/constants';
 export * from './common/utils';
 export * from './common/dates';
 export * from './common/emoji';
-export * from './components/avatar';
-export * from './components/badge';
-export * from './components/banner';
-export * from './components/breadcrumbs';
-export * from './components/button';
-export * from './components/button_group';
-export * from './components/card';
-export * from './components/checkbox';
-export * from './components/checkbox_group';
-export * from './components/chip';
-export * from './components/codeblock';
-export * from './components/collapsible';
-export * from './components/combobox';
-export * from './components/datepicker';
-export * from './components/description_list';
-export * from './components/dropdown';
-export * from './components/emoji';
-export * from './components/emoji_picker';
-export * from './components/emoji_text_wrapper';
-export * from './components/empty_state';
-export * from './components/hovercard';
-export * from './components/icon';
-export * from './components/illustration';
-export * from './components/image_viewer';
-export * from './components/input';
-export * from './components/input_group';
-export * from './components/item_layout';
-export * from './components/keyboard_shortcut';
-export * from './components/lazy_show';
-export * from './components/link';
-export * from './components/list_item';
-export * from './components/list_item_group';
-export * from './components/loader';
-export * from './components/modal';
-export * from './components/notice';
-export * from './components/pagination';
-export * from './components/popover';
-export * from './components/progress_circle';
-export * from './components/presence';
-export * from './components/radio';
-export * from './components/radio_group';
-export * from './components/resizable';
-export * from './components/rich_text_editor';
-export * from './components/root_layout';
-export * from './components/scroller';
-export * from './components/select_menu';
-export * from './components/skeleton';
-export * from './components/split_button';
-export * from './components/stack';
-export * from './components/tab';
-export * from './components/toast';
-export * from './components/toggle';
-export * from './components/tooltip';
-export * from './components/validation_messages';
-export * from './components/combobox_multi_select';
-export * from './components/combobox_with_popover';
+export * from './components/Avatar';
+export * from './components/Badge';
+export * from './components/Banner';
+export * from './components/Box';
+export * from './components/Breadcrumbs';
+export * from './components/Button';
+export * from './components/ButtonGroup';
+export * from './components/Card';
+export * from './components/Checkbox';
+export * from './components/CheckboxGroup';
+export * from './components/Chip';
+export * from './components/Codeblock';
+export * from './components/Collapsible';
+export * from './components/Combobox';
+export * from './components/Datepicker';
+export * from './components/DescriptionList';
+export * from './components/Dropdown';
+export * from './components/Emoji';
+export * from './components/EmojiPicker';
+export * from './components/EmojiTextWrapper';
+export * from './components/EmptyState';
+export * from './components/FilterPill';
+export * from './components/Hovercard';
+export * from './components/Icon';
+export * from './components/Illustration';
+export * from './components/ImageViewer';
+export * from './components/Input';
+export * from './components/InputGroup';
+export * from './components/ItemLayout';
+export * from './components/KeyboardShortcut';
+export * from './components/LazyShow';
+export * from './components/Link';
+export * from './components/ListItem';
+export * from './components/ListItemGroup';
+export * from './components/Loader';
+export * from './components/Modal';
+export * from './components/ModeIsland';
+export * from './components/Notice';
+export * from './components/Pagination';
+export * from './components/Popover';
+export * from './components/ProgressCircle';
+export * from './components/Presence';
+export * from './components/Prose';
+export * from './components/Radio';
+export * from './components/RadioGroup';
+export * from './components/Resizable';
+export * from './components/RichTextEditor';
+export * from './components/RootLayout';
+export * from './components/Scroller';
+export * from './components/SegmentedControl';
+export * from './components/SelectMenu';
+export * from './components/Skeleton';
+export * from './components/SplitButton';
+export * from './components/Stack';
+export * from './components/Tab';
+export * from './components/Text';
+export * from './components/Toast';
+export * from './components/Toggle';
+export * from './components/Tooltip';
+export * from './components/ValidationMessages';
+export * from './components/ComboboxMultiSelect';
+export * from './components/ComboboxWithPopover';
 export * from './directives/tooltip_directive';
 export * from './directives/scrollbar_directive';
+export * from './directives/mode_directive';
+export * from './directives/focusgroup_directive';
+export * from './directives/focustrap_directive';
 export * from './recipes/buttons/callbar_button';
 export * from './recipes/buttons/callbar_button_with_popover';
 export * from './recipes/buttons/callbar_button_with_dropdown';
@@ -81,7 +90,7 @@ export * from './recipes/leftbar/contact_row';
 export * from './recipes/leftbar/general_row';
 export * from './recipes/leftbar/group_row';
 export * from './recipes/leftbar/unread_pill';
-export * from './components/motion_text';
+export * from './components/MotionText';
 export * from './recipes/notices/top_banner_info';
 export { validationMessageValidator } from './common/validators';
 export { DialtoneLocalization } from './localization';

package/dist/lib/attachment-carousel/attachment-carousel.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`../../attachment_carousel-BHxR7A76.cjs`);exports.default=e.t;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`../../attachment_carousel-BJxqNJ5T.cjs`);exports.default=e.t;

package/dist/lib/attachment-carousel/attachment-carousel.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../attachment_carousel-CouFqFMw.js";
+import { t as e } from "../../attachment_carousel-BFIAXWOZ.js";
 export { e as default };

package/dist/lib/attachment-carousel/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../../attachment_carousel-BHxR7A76.cjs`);exports.DtRecipeAttachmentCarousel=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../../attachment_carousel-BJxqNJ5T.cjs`);exports.DtRecipeAttachmentCarousel=e.t;

package/dist/lib/attachment-carousel/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../attachment_carousel-CouFqFMw.js";
+import { t as e } from "../../attachment_carousel-BFIAXWOZ.js";
 export { e as DtRecipeAttachmentCarousel };

package/dist/lib/avatar/avatar-constants.cjs

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var e={xs:`d-avatar--xs`,sm:`d-avatar--sm`,md:`d-avatar--md`,lg:`d-avatar--lg`,xl:`d-avatar--xl`},t={default:``,icon:`d-avatar__icon`,initials:`d-avatar__initials`},n={md:`d-avatar__presence--md`,lg:`d-avatar__presence--lg`},r={NONE:``,BUSY:`busy`,AWAY:`away`,OFFLINE:`offline`,ACTIVE:`active`},i={xs:`100`,sm:`200`,md:`300`,lg:`500`,xl:`600`},a=[`000`,`100`,`200`,`300`,`400`,`500`,`600`,`700`,`800`,`900`,`1000`,`1100`,`1200`,`1300`,`1400`,`1500`,`1600`,`1700`,`1800`],o=a.slice(1),s=e=>e>1,c={AVATAR_SIZE_MODIFIERS:e,AVATAR_KIND_MODIFIERS:t,AVATAR_PRESENCE_SIZE_MODIFIERS:n,AVATAR_PRESENCE_STATES:r,AVATAR_ICON_SIZES:i,AVATAR_COLORS:a,AVATAR_RANDOM_COLORS:o,AVATAR_GROUP_VALIDATOR:s};exports.AVATAR_COLORS=a,exports.AVATAR_GROUP_VALIDATOR=s,exports.AVATAR_ICON_SIZES=i,exports.AVATAR_KIND_MODIFIERS=t,exports.AVATAR_PRESENCE_SIZE_MODIFIERS=n,exports.AVATAR_PRESENCE_STATES=r,exports.AVATAR_RANDOM_COLORS=o,exports.AVATAR_SIZE_MODIFIERS=e,exports.default=c;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var e={100:`d-avatar--size-100`,150:`d-avatar--size-150`,200:`d-avatar--size-200`,250:`d-avatar--size-250`,300:`d-avatar--size-300`,400:`d-avatar--size-400`,500:`d-avatar--size-500`,600:`d-avatar--size-600`,700:`d-avatar--size-700`,800:`d-avatar--size-800`,900:`d-avatar--size-900`,xs:`d-avatar--xs`,sm:`d-avatar--sm`,md:`d-avatar--md`,lg:`d-avatar--lg`,xl:`d-avatar--xl`},t={default:``,icon:`d-avatar__icon`,initials:`d-avatar__initials`},n={100:`d-avatar__presence--100`,150:`d-avatar__presence--150`,200:`d-avatar__presence--200`,250:`d-avatar__presence--250`,300:`d-avatar__presence--300`,400:`d-avatar__presence--400`,500:`d-avatar__presence--500`,xs:`d-avatar__presence--100`,sm:`d-avatar__presence--200`,md:`d-avatar__presence--md`,lg:`d-avatar__presence--lg`},r={NONE:``,BUSY:`busy`,AWAY:`away`,OFFLINE:`offline`,ACTIVE:`active`,DND:`dnd`},i={100:`100`,150:`100`,200:`200`,250:`200`,300:`300`,400:`500`,500:`600`,600:`600`,700:`700`,800:`800`,900:`800`,xs:`100`,sm:`200`,md:`300`,lg:`500`,xl:`600`},a=[.45,.49,.54,.59,.64,.69,.74,.78,.82,.85],o=[.08,.12,.15,.17,.18,.17,.15,.12,.1,.08],s={1:0,2:30,3:60,4:90,5:120,6:150,7:180,8:210,9:240,10:270,11:300,12:330},c=12,l=10,u=e=>e>1;function d(e){let t=parseInt(e,10);if(isNaN(t))return null;let n=Math.floor(t/100),r=t%100/10;return n<1||n>12||!Number.isInteger(r)||r<0||r>=10?null:{family:n,variant:r}}function f(e){let t=0;if(e!=null)for(let n=0;n<e.length;n++)t=(t<<5)-t+e.charCodeAt(n),t&=t;else t=Math.floor(Math.random()*1e6);let n=Math.abs(t);return{family:n%12+1,variant:Math.floor(n/12)%10}}function p(e,t,n){let r=n*Math.PI/180,i=t*Math.cos(r),a=t*Math.sin(r),o=e+.3963377774*i+.2158037573*a,s=e-.1055613458*i-.0638541728*a,c=e-.0894841775*i-1.291485548*a,l=o*o*o,u=s*s*s,d=c*c*c,f=4.0767416621*l-3.3077115913*u+.2309699292*d,p=-1.2684380046*l+2.6097574011*u-.3413193965*d,m=-.0041960863*l-.7034186147*u+1.707614701*d;f=Math.max(0,Math.min(1,f)),p=Math.max(0,Math.min(1,p)),m=Math.max(0,Math.min(1,m));let h=e=>e<=.0031308?12.92*e:1.055*e**(1/2.4)-.055;return f=Math.round(h(f)*255),p=Math.round(h(p)*255),m=Math.round(h(m)*255),`#`+[f,p,m].map(e=>e.toString(16).padStart(2,`0`)).join(``)}function m(e,t,n){let r=a[t],i=o[t];return p(r,i,(n+(s[e]??0))%360)}var h={AVATAR_SIZE_MODIFIERS:e,AVATAR_KIND_MODIFIERS:t,AVATAR_PRESENCE_SIZE_MODIFIERS:n,AVATAR_PRESENCE_STATES:r,AVATAR_ICON_SIZES:i,AVATAR_LIGHTNESS:a,AVATAR_CHROMA:o,AVATAR_HUE_OFFSETS:s,AVATAR_FAMILY_COUNT:12,AVATAR_VARIANT_COUNT:10,AVATAR_GROUP_VALIDATOR:u,colorToFamilyVariant:d,getRandomFamilyVariant:f,oklchToHex:p,computeAvatarHex:m};exports.AVATAR_CHROMA=o,exports.AVATAR_FAMILY_COUNT=c,exports.AVATAR_GROUP_VALIDATOR=u,exports.AVATAR_HUE_OFFSETS=s,exports.AVATAR_ICON_SIZES=i,exports.AVATAR_KIND_MODIFIERS=t,exports.AVATAR_LIGHTNESS=a,exports.AVATAR_PRESENCE_SIZE_MODIFIERS=n,exports.AVATAR_PRESENCE_STATES=r,exports.AVATAR_SIZE_MODIFIERS=e,exports.AVATAR_VARIANT_COUNT=l,exports.colorToFamilyVariant=d,exports.computeAvatarHex=m,exports.default=h,exports.getRandomFamilyVariant=f,exports.oklchToHex=p;
 //# sourceMappingURL=avatar-constants.cjs.map

package/dist/lib/avatar/avatar-constants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"avatar-constants.cjs","names":[],"sources":["../../../components/avatar/avatar_constants.js"],"sourcesContent":["export const AVATAR_SIZE_MODIFIERS = {\n  xs: 'd-avatar--xs',\n  sm: 'd-avatar--sm',\n  md: 'd-avatar--md',\n  lg: 'd-avatar--lg',\n  xl: 'd-avatar--xl',\n};\n\nexport const AVATAR_KIND_MODIFIERS = {\n  default: '',\n  icon: 'd-avatar__icon',\n  initials: 'd-avatar__initials',\n};\n\nexport const AVATAR_PRESENCE_SIZE_MODIFIERS = {\n  md: 'd-avatar__presence--md',\n  lg: 'd-avatar__presence--lg',\n};\n\nexport const AVATAR_PRESENCE_STATES = {\n  NONE: '',\n  BUSY: 'busy',\n  AWAY: 'away',\n  OFFLINE: 'offline',\n  ACTIVE: 'active',\n};\n\nexport const AVATAR_ICON_SIZES = {\n  xs: '100',\n  sm: '200',\n  md: '300',\n  lg: '500',\n  xl: '600',\n};\n\nexport const AVATAR_COLORS = [\n  '000',\n  '100',\n  '200',\n  '300',\n  '400',\n  '500',\n  '600',\n  '700',\n  '800',\n  '900',\n  '1000',\n  '1100',\n  '1200',\n  '1300',\n  '1400',\n  '1500',\n  '1600',\n  '1700',\n  '1800',\n];\n\n// We do not use the color '000' (grey) in the randomized avatar colors, but it can still be set manually.\nexport const AVATAR_RANDOM_COLORS = AVATAR_COLORS.slice(1);\n\nexport const AVATAR_GROUP_VALIDATOR = (group) => group > 1;\n\nexport default {\n  AVATAR_SIZE_MODIFIERS,\n  AVATAR_KIND_MODIFIERS,\n  AVATAR_PRESENCE_SIZE_MODIFIERS,\n  AVATAR_PRESENCE_STATES,\n  AVATAR_ICON_SIZES,\n  AVATAR_COLORS,\n  AVATAR_RANDOM_COLORS,\n  AVATAR_GROUP_VALIDATOR,\n};\n"],"mappings":"+FAAA,IAAa,EAAwB,CACnC,GAAI,eACJ,GAAI,eACJ,GAAI,eACJ,GAAI,eACJ,GAAI,eACL,CAEY,EAAwB,CACnC,QAAS,GACT,KAAM,iBACN,SAAU,qBACX,CAEY,EAAiC,CAC5C,GAAI,yBACJ,GAAI,yBACL,CAEY,EAAyB,CACpC,KAAM,GACN,KAAM,OACN,KAAM,OACN,QAAS,UACT,OAAQ,SACT,CAEY,EAAoB,CAC/B,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,GAAI,MACL,CAEY,EAAgB,CAC3B,MACA,MACA,MACA,MACA,MACA,MACA,MACA,MACA,MACA,MACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACD,CAGY,EAAuB,EAAc,MAAM,EAAE,CAE7C,EAA0B,GAAU,EAAQ,EAEzD,EAAe,CACb,wBACA,wBACA,iCACA,yBACA,oBACA,gBACA,uBACA,yBACD"}
+{"version":3,"file":"avatar-constants.cjs","names":[],"sources":["../../../components/Avatar/AvatarConstants.js"],"sourcesContent":["export const AVATAR_SIZE_MODIFIERS = {\n  // 11-size system: 100-500 support presence, 600-900 do not\n  100: 'd-avatar--size-100',\n  150: 'd-avatar--size-150',\n  200: 'd-avatar--size-200',\n  250: 'd-avatar--size-250',\n  300: 'd-avatar--size-300',\n  400: 'd-avatar--size-400',\n  500: 'd-avatar--size-500',\n  600: 'd-avatar--size-600',\n  700: 'd-avatar--size-700',\n  800: 'd-avatar--size-800',\n  900: 'd-avatar--size-900',\n  // T-shirt sizes (deprecated aliases)\n  xs: 'd-avatar--xs',\n  sm: 'd-avatar--sm',\n  md: 'd-avatar--md',\n  lg: 'd-avatar--lg',\n  xl: 'd-avatar--xl',\n};\n\nexport const AVATAR_KIND_MODIFIERS = {\n  default: '',\n  icon: 'd-avatar__icon',\n  initials: 'd-avatar__initials',\n};\n\nexport const AVATAR_PRESENCE_SIZE_MODIFIERS = {\n  // 11-size system: Only sizes 100-500 support presence\n  100: 'd-avatar__presence--100',\n  150: 'd-avatar__presence--150',\n  200: 'd-avatar__presence--200',\n  250: 'd-avatar__presence--250',\n  300: 'd-avatar__presence--300',\n  400: 'd-avatar__presence--400',\n  500: 'd-avatar__presence--500',\n  // T-shirt sizes (deprecated)\n  xs: 'd-avatar__presence--100',\n  sm: 'd-avatar__presence--200',\n  md: 'd-avatar__presence--md',\n  lg: 'd-avatar__presence--lg',\n};\n\nexport const AVATAR_PRESENCE_STATES = {\n  NONE: '',\n  BUSY: 'busy',\n  AWAY: 'away',\n  OFFLINE: 'offline',\n  ACTIVE: 'active',\n  DND: 'dnd',\n};\n\nexport const AVATAR_ICON_SIZES = {\n  // 11-size system icon mappings\n  100: '100',\n  150: '100',\n  200: '200',\n  250: '200',\n  300: '300',\n  400: '500',\n  500: '600',\n  600: '600',\n  700: '700',\n  800: '800',\n  900: '800',\n  // T-shirt sizes (deprecated aliases)\n  xs: '100',\n  sm: '200',\n  md: '300',\n  lg: '500',\n  xl: '600',\n};\n\n// OKLCH Lightness scale (L) for avatar variants 0-9\n// Progresses from dark (0.45) to light (0.85)\nexport const AVATAR_LIGHTNESS = [\n  0.45, // variant 0\n  0.49, // variant 1\n  0.54, // variant 2\n  0.59, // variant 3\n  0.64, // variant 4\n  0.69, // variant 5\n  0.74, // variant 6\n  0.78, // variant 7\n  0.82, // variant 8\n  0.85, // variant 9\n];\n\n// OKLCH Chroma scale (C) for avatar variants 0-9\n// Bell curve: lower at extremes, peak in middle for best saturation\nexport const AVATAR_CHROMA = [\n  0.08, // variant 0\n  0.12, // variant 1\n  0.15, // variant 2\n  0.17, // variant 3\n  0.18, // variant 4\n  0.17, // variant 5\n  0.15, // variant 6\n  0.12, // variant 7\n  0.10, // variant 8\n  0.08, // variant 9\n];\n\n// Hue offsets for each family (1-12), 30° apart around the color wheel\nexport const AVATAR_HUE_OFFSETS = {\n  1: 0,    // Red\n  2: 30,   // Orange\n  3: 60,   // Amber/Gold\n  4: 90,   // Yellow-Green\n  5: 120,  // Green\n  6: 150,  // Teal\n  7: 180,  // Cyan\n  8: 210,  // Blue\n  9: 240,  // Indigo\n  10: 270, // Purple\n  11: 300, // Magenta\n  12: 330, // Pink/Rose\n};\n\n// Number of families and variants\nexport const AVATAR_FAMILY_COUNT = 12;\nexport const AVATAR_VARIANT_COUNT = 10;\n\nexport const AVATAR_GROUP_VALIDATOR = (group) => group > 1;\n\n/**\n * Convert color code to family/variant\n * @param {string} colorCode - Color code (e.g., '540', '1020')\n * @returns {{ family: number, variant: number } | null} - Family (1-12) and variant (0-9)\n */\nexport function colorToFamilyVariant (colorCode) {\n  const num = parseInt(colorCode, 10);\n  if (isNaN(num)) return null;\n  const family = Math.floor(num / 100);\n  const variant = (num % 100) / 10;\n  if (family < 1 || family > AVATAR_FAMILY_COUNT) return null;\n  if (!Number.isInteger(variant) || variant < 0 || variant >= AVATAR_VARIANT_COUNT) return null;\n  return { family, variant };\n}\n\n/**\n * Get a random family and variant\n * @param {string} [seed] - Optional seed for deterministic randomization\n * @returns {{ family: number, variant: number }}\n */\nexport function getRandomFamilyVariant (seed) {\n  let hash = 0;\n  if (seed != null) {\n    for (let i = 0; i < seed.length; i++) {\n      hash = ((hash << 5) - hash) + seed.charCodeAt(i);\n      hash = hash & hash;\n    }\n  } else {\n    hash = Math.floor(Math.random() * 1000000);\n  }\n\n  // Use absolute value to handle negative hashes\n  const absHash = Math.abs(hash);\n  const family = (absHash % AVATAR_FAMILY_COUNT) + 1; // 1-12\n  const variant = Math.floor(absHash / AVATAR_FAMILY_COUNT) % AVATAR_VARIANT_COUNT; // 0-9\n\n  return { family, variant };\n}\n\n/**\n * Convert OKLCH to hex color (for fallback browsers)\n * Uses sRGB approximation - may clip out-of-gamut colors\n * @param {number} l - Lightness (0-1)\n * @param {number} c - Chroma (0-0.4)\n * @param {number} h - Hue (0-360)\n * @returns {string} - Hex color string (e.g., '#ff5733')\n */\nexport function oklchToHex (l, c, h) {\n  // Convert OKLCH to OKLab\n  const hRad = (h * Math.PI) / 180;\n  const a = c * Math.cos(hRad);\n  const b = c * Math.sin(hRad);\n\n  // OKLab to linear sRGB\n  const l_ = l + 0.3963377774 * a + 0.2158037573 * b;\n  const m_ = l - 0.1055613458 * a - 0.0638541728 * b;\n  const s_ = l - 0.0894841775 * a - 1.2914855480 * b;\n\n  const l3 = l_ * l_ * l_;\n  const m3 = m_ * m_ * m_;\n  const s3 = s_ * s_ * s_;\n\n  let r = +4.0767416621 * l3 - 3.3077115913 * m3 + 0.2309699292 * s3;\n  let g = -1.2684380046 * l3 + 2.6097574011 * m3 - 0.3413193965 * s3;\n  let bl = -0.0041960863 * l3 - 0.7034186147 * m3 + 1.7076147010 * s3;\n\n  // Clamp to [0, 1]\n  r = Math.max(0, Math.min(1, r));\n  g = Math.max(0, Math.min(1, g));\n  bl = Math.max(0, Math.min(1, bl));\n\n  // Linear to sRGB gamma\n  const toSrgb = (x) => x <= 0.0031308 ? 12.92 * x : 1.055 * Math.pow(x, 1 / 2.4) - 0.055;\n\n  r = Math.round(toSrgb(r) * 255);\n  g = Math.round(toSrgb(g) * 255);\n  bl = Math.round(toSrgb(bl) * 255);\n\n  return '#' + [r, g, bl].map(x => x.toString(16).padStart(2, '0')).join('');\n}\n\n/**\n * Compute fallback hex color for a given family, variant, and anchor hue\n * @param {number} family - Family number (1-12)\n * @param {number} variant - Variant number (0-9)\n * @param {number} anchorHue - Theme's anchor hue in degrees\n * @returns {string} - Hex color string\n */\nexport function computeAvatarHex (family, variant, anchorHue) {\n  const l = AVATAR_LIGHTNESS[variant];\n  const c = AVATAR_CHROMA[variant];\n  const hueOffset = AVATAR_HUE_OFFSETS[family] ?? 0;\n  const h = (anchorHue + hueOffset) % 360;\n  return oklchToHex(l, c, h);\n}\n\nexport default {\n  AVATAR_SIZE_MODIFIERS,\n  AVATAR_KIND_MODIFIERS,\n  AVATAR_PRESENCE_SIZE_MODIFIERS,\n  AVATAR_PRESENCE_STATES,\n  AVATAR_ICON_SIZES,\n  AVATAR_LIGHTNESS,\n  AVATAR_CHROMA,\n  AVATAR_HUE_OFFSETS,\n  AVATAR_FAMILY_COUNT,\n  AVATAR_VARIANT_COUNT,\n  AVATAR_GROUP_VALIDATOR,\n  colorToFamilyVariant,\n  getRandomFamilyVariant,\n  oklchToHex,\n  computeAvatarHex,\n};\n"],"mappings":"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"}

package/dist/lib/avatar/avatar-constants.js

@@ -1,5 +1,16 @@
-//#region components/avatar/avatar_constants.js
+//#region components/Avatar/AvatarConstants.js
 var e = {
+	100: "d-avatar--size-100",
+	150: "d-avatar--size-150",
+	200: "d-avatar--size-200",
+	250: "d-avatar--size-250",
+	300: "d-avatar--size-300",
+	400: "d-avatar--size-400",
+	500: "d-avatar--size-500",
+	600: "d-avatar--size-600",
+	700: "d-avatar--size-700",
+	800: "d-avatar--size-800",
+	900: "d-avatar--size-900",
 	xs: "d-avatar--xs",
 	sm: "d-avatar--sm",
 	md: "d-avatar--md",
@@ -10,6 +21,15 @@ var e = {
 	icon: "d-avatar__icon",
 	initials: "d-avatar__initials"
 }, n = {
+	100: "d-avatar__presence--100",
+	150: "d-avatar__presence--150",
+	200: "d-avatar__presence--200",
+	250: "d-avatar__presence--250",
+	300: "d-avatar__presence--300",
+	400: "d-avatar__presence--400",
+	500: "d-avatar__presence--500",
+	xs: "d-avatar__presence--100",
+	sm: "d-avatar__presence--200",
 	md: "d-avatar__presence--md",
 	lg: "d-avatar__presence--lg"
 }, r = {
@@ -17,44 +37,112 @@ var e = {
 	BUSY: "busy",
 	AWAY: "away",
 	OFFLINE: "offline",
-	ACTIVE: "active"
+	ACTIVE: "active",
+	DND: "dnd"
 }, i = {
+	100: "100",
+	150: "100",
+	200: "200",
+	250: "200",
+	300: "300",
+	400: "500",
+	500: "600",
+	600: "600",
+	700: "700",
+	800: "800",
+	900: "800",
 	xs: "100",
 	sm: "200",
 	md: "300",
 	lg: "500",
 	xl: "600"
 }, a = [
-	"000",
-	"100",
-	"200",
-	"300",
-	"400",
-	"500",
-	"600",
-	"700",
-	"800",
-	"900",
-	"1000",
-	"1100",
-	"1200",
-	"1300",
-	"1400",
-	"1500",
-	"1600",
-	"1700",
-	"1800"
-], o = a.slice(1), s = (e) => e > 1, c = {
+	.45,
+	.49,
+	.54,
+	.59,
+	.64,
+	.69,
+	.74,
+	.78,
+	.82,
+	.85
+], o = [
+	.08,
+	.12,
+	.15,
+	.17,
+	.18,
+	.17,
+	.15,
+	.12,
+	.1,
+	.08
+], s = {
+	1: 0,
+	2: 30,
+	3: 60,
+	4: 90,
+	5: 120,
+	6: 150,
+	7: 180,
+	8: 210,
+	9: 240,
+	10: 270,
+	11: 300,
+	12: 330
+}, c = 12, l = 10, u = (e) => e > 1;
+function d(e) {
+	let t = parseInt(e, 10);
+	if (isNaN(t)) return null;
+	let n = Math.floor(t / 100), r = t % 100 / 10;
+	return n < 1 || n > 12 || !Number.isInteger(r) || r < 0 || r >= 10 ? null : {
+		family: n,
+		variant: r
+	};
+}
+function f(e) {
+	let t = 0;
+	if (e != null) for (let n = 0; n < e.length; n++) t = (t << 5) - t + e.charCodeAt(n), t &= t;
+	else t = Math.floor(Math.random() * 1e6);
+	let n = Math.abs(t);
+	return {
+		family: n % 12 + 1,
+		variant: Math.floor(n / 12) % 10
+	};
+}
+function p(e, t, n) {
+	let r = n * Math.PI / 180, i = t * Math.cos(r), a = t * Math.sin(r), o = e + .3963377774 * i + .2158037573 * a, s = e - .1055613458 * i - .0638541728 * a, c = e - .0894841775 * i - 1.291485548 * a, l = o * o * o, u = s * s * s, d = c * c * c, f = 4.0767416621 * l - 3.3077115913 * u + .2309699292 * d, p = -1.2684380046 * l + 2.6097574011 * u - .3413193965 * d, m = -.0041960863 * l - .7034186147 * u + 1.707614701 * d;
+	f = Math.max(0, Math.min(1, f)), p = Math.max(0, Math.min(1, p)), m = Math.max(0, Math.min(1, m));
+	let h = (e) => e <= .0031308 ? 12.92 * e : 1.055 * e ** (1 / 2.4) - .055;
+	return f = Math.round(h(f) * 255), p = Math.round(h(p) * 255), m = Math.round(h(m) * 255), "#" + [
+		f,
+		p,
+		m
+	].map((e) => e.toString(16).padStart(2, "0")).join("");
+}
+function m(e, t, n) {
+	let r = a[t], i = o[t];
+	return p(r, i, (n + (s[e] ?? 0)) % 360);
+}
+var h = {
 	AVATAR_SIZE_MODIFIERS: e,
 	AVATAR_KIND_MODIFIERS: t,
 	AVATAR_PRESENCE_SIZE_MODIFIERS: n,
 	AVATAR_PRESENCE_STATES: r,
 	AVATAR_ICON_SIZES: i,
-	AVATAR_COLORS: a,
-	AVATAR_RANDOM_COLORS: o,
-	AVATAR_GROUP_VALIDATOR: s
+	AVATAR_LIGHTNESS: a,
+	AVATAR_CHROMA: o,
+	AVATAR_HUE_OFFSETS: s,
+	AVATAR_FAMILY_COUNT: 12,
+	AVATAR_VARIANT_COUNT: 10,
+	AVATAR_GROUP_VALIDATOR: u,
+	colorToFamilyVariant: d,
+	getRandomFamilyVariant: f,
+	oklchToHex: p,
+	computeAvatarHex: m
 };
 //#endregion
-export { a as AVATAR_COLORS, s as AVATAR_GROUP_VALIDATOR, i as AVATAR_ICON_SIZES, t as AVATAR_KIND_MODIFIERS, n as AVATAR_PRESENCE_SIZE_MODIFIERS, r as AVATAR_PRESENCE_STATES, o as AVATAR_RANDOM_COLORS, e as AVATAR_SIZE_MODIFIERS, c as default };
+export { o as AVATAR_CHROMA, c as AVATAR_FAMILY_COUNT, u as AVATAR_GROUP_VALIDATOR, s as AVATAR_HUE_OFFSETS, i as AVATAR_ICON_SIZES, t as AVATAR_KIND_MODIFIERS, a as AVATAR_LIGHTNESS, n as AVATAR_PRESENCE_SIZE_MODIFIERS, r as AVATAR_PRESENCE_STATES, e as AVATAR_SIZE_MODIFIERS, l as AVATAR_VARIANT_COUNT, d as colorToFamilyVariant, m as computeAvatarHex, h as default, f as getRandomFamilyVariant, p as oklchToHex };
 
 //# sourceMappingURL=avatar-constants.js.map

package/dist/lib/avatar/avatar-constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar-constants.js","names":[],"sources":["../../../components/avatar/avatar_constants.js"],"sourcesContent":["export const AVATAR_SIZE_MODIFIERS = {\n  xs: 'd-avatar--xs',\n  sm: 'd-avatar--sm',\n  md: 'd-avatar--md',\n  lg: 'd-avatar--lg',\n  xl: 'd-avatar--xl',\n};\n\nexport const AVATAR_KIND_MODIFIERS = {\n  default: '',\n  icon: 'd-avatar__icon',\n  initials: 'd-avatar__initials',\n};\n\nexport const AVATAR_PRESENCE_SIZE_MODIFIERS = {\n  md: 'd-avatar__presence--md',\n  lg: 'd-avatar__presence--lg',\n};\n\nexport const AVATAR_PRESENCE_STATES = {\n  NONE: '',\n  BUSY: 'busy',\n  AWAY: 'away',\n  OFFLINE: 'offline',\n  ACTIVE: 'active',\n};\n\nexport const AVATAR_ICON_SIZES = {\n  xs: '100',\n  sm: '200',\n  md: '300',\n  lg: '500',\n  xl: '600',\n};\n\nexport const AVATAR_COLORS = [\n  '000',\n  '100',\n  '200',\n  '300',\n  '400',\n  '500',\n  '600',\n  '700',\n  '800',\n  '900',\n  '1000',\n  '1100',\n  '1200',\n  '1300',\n  '1400',\n  '1500',\n  '1600',\n  '1700',\n  '1800',\n];\n\n// We do not use the color '000' (grey) in the randomized avatar colors, but it can still be set manually.\nexport const AVATAR_RANDOM_COLORS = AVATAR_COLORS.slice(1);\n\nexport const AVATAR_GROUP_VALIDATOR = (group) => group > 1;\n\nexport default {\n  AVATAR_SIZE_MODIFIERS,\n  AVATAR_KIND_MODIFIERS,\n  AVATAR_PRESENCE_SIZE_MODIFIERS,\n  AVATAR_PRESENCE_STATES,\n  AVATAR_ICON_SIZES,\n  AVATAR_COLORS,\n  AVATAR_RANDOM_COLORS,\n  AVATAR_GROUP_VALIDATOR,\n};\n"],"mappings":";AAAA,IAAa,IAAwB;CACnC,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL,EAEY,IAAwB;CACnC,SAAS;CACT,MAAM;CACN,UAAU;CACX,EAEY,IAAiC;CAC5C,IAAI;CACJ,IAAI;CACL,EAEY,IAAyB;CACpC,MAAM;CACN,MAAM;CACN,MAAM;CACN,SAAS;CACT,QAAQ;CACT,EAEY,IAAoB;CAC/B,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL,EAEY,IAAgB;CAC3B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EAGY,IAAuB,EAAc,MAAM,EAAE,EAE7C,KAA0B,MAAU,IAAQ,GAEzD,IAAe;CACb;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD"}
+{"version":3,"file":"avatar-constants.js","names":[],"sources":["../../../components/Avatar/AvatarConstants.js"],"sourcesContent":["export const AVATAR_SIZE_MODIFIERS = {\n  // 11-size system: 100-500 support presence, 600-900 do not\n  100: 'd-avatar--size-100',\n  150: 'd-avatar--size-150',\n  200: 'd-avatar--size-200',\n  250: 'd-avatar--size-250',\n  300: 'd-avatar--size-300',\n  400: 'd-avatar--size-400',\n  500: 'd-avatar--size-500',\n  600: 'd-avatar--size-600',\n  700: 'd-avatar--size-700',\n  800: 'd-avatar--size-800',\n  900: 'd-avatar--size-900',\n  // T-shirt sizes (deprecated aliases)\n  xs: 'd-avatar--xs',\n  sm: 'd-avatar--sm',\n  md: 'd-avatar--md',\n  lg: 'd-avatar--lg',\n  xl: 'd-avatar--xl',\n};\n\nexport const AVATAR_KIND_MODIFIERS = {\n  default: '',\n  icon: 'd-avatar__icon',\n  initials: 'd-avatar__initials',\n};\n\nexport const AVATAR_PRESENCE_SIZE_MODIFIERS = {\n  // 11-size system: Only sizes 100-500 support presence\n  100: 'd-avatar__presence--100',\n  150: 'd-avatar__presence--150',\n  200: 'd-avatar__presence--200',\n  250: 'd-avatar__presence--250',\n  300: 'd-avatar__presence--300',\n  400: 'd-avatar__presence--400',\n  500: 'd-avatar__presence--500',\n  // T-shirt sizes (deprecated)\n  xs: 'd-avatar__presence--100',\n  sm: 'd-avatar__presence--200',\n  md: 'd-avatar__presence--md',\n  lg: 'd-avatar__presence--lg',\n};\n\nexport const AVATAR_PRESENCE_STATES = {\n  NONE: '',\n  BUSY: 'busy',\n  AWAY: 'away',\n  OFFLINE: 'offline',\n  ACTIVE: 'active',\n  DND: 'dnd',\n};\n\nexport const AVATAR_ICON_SIZES = {\n  // 11-size system icon mappings\n  100: '100',\n  150: '100',\n  200: '200',\n  250: '200',\n  300: '300',\n  400: '500',\n  500: '600',\n  600: '600',\n  700: '700',\n  800: '800',\n  900: '800',\n  // T-shirt sizes (deprecated aliases)\n  xs: '100',\n  sm: '200',\n  md: '300',\n  lg: '500',\n  xl: '600',\n};\n\n// OKLCH Lightness scale (L) for avatar variants 0-9\n// Progresses from dark (0.45) to light (0.85)\nexport const AVATAR_LIGHTNESS = [\n  0.45, // variant 0\n  0.49, // variant 1\n  0.54, // variant 2\n  0.59, // variant 3\n  0.64, // variant 4\n  0.69, // variant 5\n  0.74, // variant 6\n  0.78, // variant 7\n  0.82, // variant 8\n  0.85, // variant 9\n];\n\n// OKLCH Chroma scale (C) for avatar variants 0-9\n// Bell curve: lower at extremes, peak in middle for best saturation\nexport const AVATAR_CHROMA = [\n  0.08, // variant 0\n  0.12, // variant 1\n  0.15, // variant 2\n  0.17, // variant 3\n  0.18, // variant 4\n  0.17, // variant 5\n  0.15, // variant 6\n  0.12, // variant 7\n  0.10, // variant 8\n  0.08, // variant 9\n];\n\n// Hue offsets for each family (1-12), 30° apart around the color wheel\nexport const AVATAR_HUE_OFFSETS = {\n  1: 0,    // Red\n  2: 30,   // Orange\n  3: 60,   // Amber/Gold\n  4: 90,   // Yellow-Green\n  5: 120,  // Green\n  6: 150,  // Teal\n  7: 180,  // Cyan\n  8: 210,  // Blue\n  9: 240,  // Indigo\n  10: 270, // Purple\n  11: 300, // Magenta\n  12: 330, // Pink/Rose\n};\n\n// Number of families and variants\nexport const AVATAR_FAMILY_COUNT = 12;\nexport const AVATAR_VARIANT_COUNT = 10;\n\nexport const AVATAR_GROUP_VALIDATOR = (group) => group > 1;\n\n/**\n * Convert color code to family/variant\n * @param {string} colorCode - Color code (e.g., '540', '1020')\n * @returns {{ family: number, variant: number } | null} - Family (1-12) and variant (0-9)\n */\nexport function colorToFamilyVariant (colorCode) {\n  const num = parseInt(colorCode, 10);\n  if (isNaN(num)) return null;\n  const family = Math.floor(num / 100);\n  const variant = (num % 100) / 10;\n  if (family < 1 || family > AVATAR_FAMILY_COUNT) return null;\n  if (!Number.isInteger(variant) || variant < 0 || variant >= AVATAR_VARIANT_COUNT) return null;\n  return { family, variant };\n}\n\n/**\n * Get a random family and variant\n * @param {string} [seed] - Optional seed for deterministic randomization\n * @returns {{ family: number, variant: number }}\n */\nexport function getRandomFamilyVariant (seed) {\n  let hash = 0;\n  if (seed != null) {\n    for (let i = 0; i < seed.length; i++) {\n      hash = ((hash << 5) - hash) + seed.charCodeAt(i);\n      hash = hash & hash;\n    }\n  } else {\n    hash = Math.floor(Math.random() * 1000000);\n  }\n\n  // Use absolute value to handle negative hashes\n  const absHash = Math.abs(hash);\n  const family = (absHash % AVATAR_FAMILY_COUNT) + 1; // 1-12\n  const variant = Math.floor(absHash / AVATAR_FAMILY_COUNT) % AVATAR_VARIANT_COUNT; // 0-9\n\n  return { family, variant };\n}\n\n/**\n * Convert OKLCH to hex color (for fallback browsers)\n * Uses sRGB approximation - may clip out-of-gamut colors\n * @param {number} l - Lightness (0-1)\n * @param {number} c - Chroma (0-0.4)\n * @param {number} h - Hue (0-360)\n * @returns {string} - Hex color string (e.g., '#ff5733')\n */\nexport function oklchToHex (l, c, h) {\n  // Convert OKLCH to OKLab\n  const hRad = (h * Math.PI) / 180;\n  const a = c * Math.cos(hRad);\n  const b = c * Math.sin(hRad);\n\n  // OKLab to linear sRGB\n  const l_ = l + 0.3963377774 * a + 0.2158037573 * b;\n  const m_ = l - 0.1055613458 * a - 0.0638541728 * b;\n  const s_ = l - 0.0894841775 * a - 1.2914855480 * b;\n\n  const l3 = l_ * l_ * l_;\n  const m3 = m_ * m_ * m_;\n  const s3 = s_ * s_ * s_;\n\n  let r = +4.0767416621 * l3 - 3.3077115913 * m3 + 0.2309699292 * s3;\n  let g = -1.2684380046 * l3 + 2.6097574011 * m3 - 0.3413193965 * s3;\n  let bl = -0.0041960863 * l3 - 0.7034186147 * m3 + 1.7076147010 * s3;\n\n  // Clamp to [0, 1]\n  r = Math.max(0, Math.min(1, r));\n  g = Math.max(0, Math.min(1, g));\n  bl = Math.max(0, Math.min(1, bl));\n\n  // Linear to sRGB gamma\n  const toSrgb = (x) => x <= 0.0031308 ? 12.92 * x : 1.055 * Math.pow(x, 1 / 2.4) - 0.055;\n\n  r = Math.round(toSrgb(r) * 255);\n  g = Math.round(toSrgb(g) * 255);\n  bl = Math.round(toSrgb(bl) * 255);\n\n  return '#' + [r, g, bl].map(x => x.toString(16).padStart(2, '0')).join('');\n}\n\n/**\n * Compute fallback hex color for a given family, variant, and anchor hue\n * @param {number} family - Family number (1-12)\n * @param {number} variant - Variant number (0-9)\n * @param {number} anchorHue - Theme's anchor hue in degrees\n * @returns {string} - Hex color string\n */\nexport function computeAvatarHex (family, variant, anchorHue) {\n  const l = AVATAR_LIGHTNESS[variant];\n  const c = AVATAR_CHROMA[variant];\n  const hueOffset = AVATAR_HUE_OFFSETS[family] ?? 0;\n  const h = (anchorHue + hueOffset) % 360;\n  return oklchToHex(l, c, h);\n}\n\nexport default {\n  AVATAR_SIZE_MODIFIERS,\n  AVATAR_KIND_MODIFIERS,\n  AVATAR_PRESENCE_SIZE_MODIFIERS,\n  AVATAR_PRESENCE_STATES,\n  AVATAR_ICON_SIZES,\n  AVATAR_LIGHTNESS,\n  AVATAR_CHROMA,\n  AVATAR_HUE_OFFSETS,\n  AVATAR_FAMILY_COUNT,\n  AVATAR_VARIANT_COUNT,\n  AVATAR_GROUP_VALIDATOR,\n  colorToFamilyVariant,\n  getRandomFamilyVariant,\n  oklchToHex,\n  computeAvatarHex,\n};\n"],"mappings":";AAAA,IAAa,IAAwB;CAEnC,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CAEL,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL,EAEY,IAAwB;CACnC,SAAS;CACT,MAAM;CACN,UAAU;CACX,EAEY,IAAiC;CAE5C,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CAEL,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL,EAEY,IAAyB;CACpC,MAAM;CACN,MAAM;CACN,MAAM;CACN,SAAS;CACT,QAAQ;CACR,KAAK;CACN,EAEY,IAAoB;CAE/B,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CAEL,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL,EAIY,IAAmB;CAC9B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EAIY,IAAgB;CAC3B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EAGY,IAAqB;CAChC,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,IAAI;CACJ,IAAI;CACJ,IAAI;CACL,EAGY,IAAsB,IACtB,IAAuB,IAEvB,KAA0B,MAAU,IAAQ;AAOzD,SAAgB,EAAsB,GAAW;CAC/C,IAAM,IAAM,SAAS,GAAW,GAAG;AACnC,KAAI,MAAM,EAAI,CAAE,QAAO;CACvB,IAAM,IAAS,KAAK,MAAM,IAAM,IAAI,EAC9B,IAAW,IAAM,MAAO;AAG9B,QAFI,IAAS,KAAK,IAAA,MACd,CAAC,OAAO,UAAU,EAAQ,IAAI,IAAU,KAAK,KAAA,KAAwC,OAClF;EAAE;EAAQ;EAAS;;AAQ5B,SAAgB,EAAwB,GAAM;CAC5C,IAAI,IAAO;AACX,KAAI,KAAQ,KACV,MAAK,IAAI,IAAI,GAAG,IAAI,EAAK,QAAQ,IAE/B,CADA,KAAS,KAAQ,KAAK,IAAQ,EAAK,WAAW,EAAE,EAChD,KAAc;KAGhB,KAAO,KAAK,MAAM,KAAK,QAAQ,GAAG,IAAQ;CAI5C,IAAM,IAAU,KAAK,IAAI,EAAK;AAI9B,QAAO;EAAE,QAHO,IAAA,KAAiC;EAGhC,SAFD,KAAK,MAAM,IAAA,GAA8B,GAAA;EAE/B;;AAW5B,SAAgB,EAAY,GAAG,GAAG,GAAG;CAEnC,IAAM,IAAQ,IAAI,KAAK,KAAM,KACvB,IAAI,IAAI,KAAK,IAAI,EAAK,EACtB,IAAI,IAAI,KAAK,IAAI,EAAK,EAGtB,IAAK,IAAI,cAAe,IAAI,cAAe,GAC3C,IAAK,IAAI,cAAe,IAAI,cAAe,GAC3C,IAAK,IAAI,cAAe,IAAI,cAAe,GAE3C,IAAK,IAAK,IAAK,GACf,IAAK,IAAK,IAAK,GACf,IAAK,IAAK,IAAK,GAEjB,IAAI,eAAgB,IAAK,eAAe,IAAK,cAAe,GAC5D,IAAI,gBAAgB,IAAK,eAAe,IAAK,cAAe,GAC5D,IAAK,eAAgB,IAAK,cAAe,IAAK,cAAe;AAKjE,CAFA,IAAI,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,EAAE,CAAC,EAC/B,IAAI,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,EAAE,CAAC,EAC/B,IAAK,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,EAAG,CAAC;CAGjC,IAAM,KAAU,MAAM,KAAK,WAAY,QAAQ,IAAI,QAAiB,MAAG,IAAI,OAAO;AAMlF,QAJA,IAAI,KAAK,MAAM,EAAO,EAAE,GAAG,IAAI,EAC/B,IAAI,KAAK,MAAM,EAAO,EAAE,GAAG,IAAI,EAC/B,IAAK,KAAK,MAAM,EAAO,EAAG,GAAG,IAAI,EAE1B,MAAM;EAAC;EAAG;EAAG;EAAG,CAAC,KAAI,MAAK,EAAE,SAAS,GAAG,CAAC,SAAS,GAAG,IAAI,CAAC,CAAC,KAAK,GAAG;;AAU5E,SAAgB,EAAkB,GAAQ,GAAS,GAAW;CAC5D,IAAM,IAAI,EAAiB,IACrB,IAAI,EAAc;AAGxB,QAAO,EAAW,GAAG,IADV,KADO,EAAmB,MAAW,MACZ,IACV;;AAG5B,IAAA,IAAe;CACb;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA,qBAAA;CACA,sBAAA;CACA;CACA;CACA;CACA;CACA;CACD"}

package/dist/lib/avatar/avatar.cjs

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../common/utils/index.cjs`),t=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),n=require(`../presence/presence.cjs`),r=require(`./avatar-constants.cjs`),i=require(`../icon/icon-constants.cjs`),a=require(`./utils.cjs`);let o=require(`vue`);var s={compatConfig:{MODE:3},name:`DtAvatar`,components:{DtPresence:n.default},inheritAttrs:!1,props:{id:{type:String,default(){return e.getUniqueString()}},seed:{type:String,default:void 0},color:{type:String,default:void 0},size:{type:String,default:`md`,validator:e=>Object.keys(r.AVATAR_SIZE_MODIFIERS).includes(e)},avatarClass:{type:[String,Array,Object],default:``},canvasClass:{type:[String,Array,Object],default:``},iconClass:{type:[String,Array,Object],default:``},presence:{type:String,default:r.AVATAR_PRESENCE_STATES.NONE,validator:e=>Object.values(r.AVATAR_PRESENCE_STATES).includes(e)},presenceProps:{type:Object,default:()=>({})},group:{type:Number,default:void 0,validator:e=>r.AVATAR_GROUP_VALIDATOR(e)},overlayText:{type:String,default:``},overlayClass:{type:[String,Array,Object],default:``},imageSrc:{type:String,default:``},imageAlt:{type:String,default:void 0},iconSize:{type:String,default:``,validator:e=>!e||Object.keys(i.ICON_SIZE_MODIFIERS).includes(e)},fullName:{type:String,default:``},clickable:{type:Boolean,default:!1},iconAriaLabel:{type:String,default:void 0}},emits:[`click`],data(){return{AVATAR_SIZE_MODIFIERS:r.AVATAR_SIZE_MODIFIERS,AVATAR_KIND_MODIFIERS:r.AVATAR_KIND_MODIFIERS,AVATAR_PRESENCE_SIZE_MODIFIERS:r.AVATAR_PRESENCE_SIZE_MODIFIERS,AVATAR_ICON_SIZES:r.AVATAR_ICON_SIZES,imageLoadedSuccessfully:null,formattedInitials:``,initializing:!1,hasSlotContent:e.hasSlotContent}},computed:{hasOverlayIcon(){return e.hasSlotContent(this.$slots.overlayIcon)},iconDataQa(){return`dt-avatar-icon`},avatarClasses(){return[`d-avatar`,this.$attrs.class,r.AVATAR_SIZE_MODIFIERS[this.validatedSize],this.avatarClass,{"d-avatar--group":this.showGroup,"d-avatar--group-digits-2":this.showGroup&&this.group>9&&this.group<100,"d-avatar--group-digits-3":this.showGroup&&this.group>99,[`d-avatar--color-${this.getColor()}`]:!this.isIconType(),"d-avatar--clickable":this.clickable,"d-avatar--presence":this.presence&&!this.showGroup}]},overlayClasses(){return[`d-avatar__overlay`,this.overlayClass,{"d-avatar__overlay-icon":this.hasOverlayIcon}]},showGroup(){return r.AVATAR_GROUP_VALIDATOR(this.group)},formattedGroup(){return this.group>99?`99+`:this.group},validatedSize(){return this.group?`xs`:this.size},showImage(){return this.imageLoadedSuccessfully!==!1&&this.imageSrc}},watch:{fullName:{immediate:!0,handler(){this.formatInitials()}},size:{immediate:!0,handler(){this.formatInitials()}},group:{immediate:!0,handler(){this.formatInitials()}},imageSrc(e){this.imageLoadedSuccessfully=null,e&&(this.validateProps(),this.setImageListeners())}},mounted(){this.validateProps(),this.setImageListeners()},methods:{isIconType(){return e.hasSlotContent(this.$slots.icon)},async setImageListeners(){await this.$nextTick();let e=this.$refs.avatarImage;e&&(e.addEventListener(`load`,()=>this._loadedImageEventHandler(e),{once:!0}),e.addEventListener(`error`,()=>this._erroredImageEventHandler(e),{once:!0}))},formatInitials(){let e=a.extractInitialsFromName(this.fullName);this.validatedSize===`xs`?this.formattedInitials=``:this.validatedSize===`sm`?this.formattedInitials=e[0]:this.formattedInitials=e},getColor(){return this.color??e.getRandomElement(r.AVATAR_RANDOM_COLORS,this.seed)},_loadedImageEventHandler(e){this.imageLoadedSuccessfully=!0,e.classList.remove(`d-d-none`)},_erroredImageEventHandler(e){this.imageLoadedSuccessfully=!1,e.classList.add(`d-d-none`)},validateProps(){this.imageSrc&&this.imageAlt===void 0&&console.error(`image-alt required if image-src is provided. Can be set to "" (empty string) if the image is described in text nearby`)},handleClick(e){this.clickable&&this.$emit(`click`,e)}}},c=[`src`,`alt`],l=[`aria-label`,`data-qa`,`role`],u={key:1,class:`d-avatar__overlay-text`},d={key:1,class:`d-avatar__count`,"data-qa":`dt-avatar-count`};function f(e,t,n,r,i,a){let s=(0,o.resolveComponent)(`dt-presence`);return(0,o.openBlock)(),(0,o.createBlock)((0,o.resolveDynamicComponent)(n.clickable?`button`:`div`),{id:n.id,class:(0,o.normalizeClass)(a.avatarClasses),style:(0,o.normalizeStyle)(e.$attrs.style),"data-qa":`dt-avatar`,onClick:a.handleClick},{default:(0,o.withCtx)(()=>[(0,o.createElementVNode)(`div`,{ref:`canvas`,class:(0,o.normalizeClass)([n.canvasClass,`d-avatar__canvas`,{"d-avatar--image-loaded":i.imageLoadedSuccessfully}])},[a.showImage?((0,o.openBlock)(),(0,o.createElementBlock)(`img`,{key:0,ref:`avatarImage`,class:`d-avatar__image`,"data-qa":`dt-avatar-image`,src:n.imageSrc,alt:n.imageAlt},null,8,c)):a.isIconType()?((0,o.openBlock)(),(0,o.createElementBlock)(`div`,{key:1,class:(0,o.normalizeClass)([n.iconClass,i.AVATAR_KIND_MODIFIERS.icon]),"aria-label":n.clickable?n.iconAriaLabel:``,"data-qa":a.iconDataQa,role:n.clickable?`button`:``},[(0,o.renderSlot)(e.$slots,`icon`,{iconSize:n.iconSize||i.AVATAR_ICON_SIZES[n.size]})],10,l)):((0,o.openBlock)(),(0,o.createElementBlock)(`span`,{key:2,class:(0,o.normalizeClass)([i.AVATAR_KIND_MODIFIERS.initials])},(0,o.toDisplayString)(i.formattedInitials),3))],2),a.hasOverlayIcon||n.overlayText?((0,o.openBlock)(),(0,o.createElementBlock)(`div`,{key:0,class:(0,o.normalizeClass)(a.overlayClasses)},[a.hasOverlayIcon?(0,o.renderSlot)(e.$slots,`overlayIcon`,{key:0}):n.overlayText?((0,o.openBlock)(),(0,o.createElementBlock)(`p`,u,(0,o.toDisplayString)(n.overlayText),1)):(0,o.createCommentVNode)(``,!0)],2)):(0,o.createCommentVNode)(``,!0),a.showGroup?((0,o.openBlock)(),(0,o.createElementBlock)(`span`,d,(0,o.toDisplayString)(a.formattedGroup),1)):(0,o.createCommentVNode)(``,!0),n.presence&&!a.showGroup?((0,o.openBlock)(),(0,o.createBlock)(s,(0,o.mergeProps)({key:2,presence:n.presence,class:[`d-avatar__presence`,i.AVATAR_PRESENCE_SIZE_MODIFIERS[n.size]]},n.presenceProps,{"data-qa":`dt-presence`}),null,16,[`presence`,`class`])):(0,o.createCommentVNode)(``,!0)]),_:3},8,[`id`,`class`,`style`,`onClick`])}var p=t.t(s,[[`render`,f]]);exports.default=p;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../common/utils/index.cjs`),t=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),n=require(`../../Presence-DLM3JR-n.cjs`),r=require(`./avatar-constants.cjs`),i=require(`./utils.cjs`);let a=require(`vue`);var o=typeof CSS<`u`&&CSS.supports?.(`background`,`oklch(0.5 0.1 0)`),s={name:`DtAvatar`,components:{DtPresence:n.t},props:{id:{type:String,default(){return e.getUniqueString()}},seed:{type:String,default:void 0},family:{type:Number,default:void 0,validator:e=>e>=1&&e<=12},variant:{type:Number,default:void 0,validator:e=>e>=0&&e<10},color:{type:String,default:void 0},size:{type:[String,Number],default:300,validator:e=>Object.keys(r.AVATAR_SIZE_MODIFIERS).includes(String(e))},avatarClass:{type:[String,Array,Object],default:``},canvasClass:{type:[String,Array,Object],default:``},iconClass:{type:[String,Array,Object],default:``},presence:{type:String,default:r.AVATAR_PRESENCE_STATES.NONE,validator:e=>Object.values(r.AVATAR_PRESENCE_STATES).includes(e)},presenceProps:{type:Object,default:()=>({})},group:{type:Number,default:void 0,validator:e=>r.AVATAR_GROUP_VALIDATOR(e)},overlayText:{type:String,default:``},overlayClass:{type:[String,Array,Object],default:``},imageSrc:{type:String,default:``},imageAlt:{type:String,default:void 0},fullName:{type:String,default:``},interactive:{type:Boolean,default:!1},clickable:{type:Boolean,default:null},iconAriaLabel:{type:String,default:void 0},iconOnly:{type:Boolean,default:!1},deactivated:{type:Boolean,default:!1}},emits:[`click`],data(){return{AVATAR_SIZE_MODIFIERS:r.AVATAR_SIZE_MODIFIERS,AVATAR_KIND_MODIFIERS:r.AVATAR_KIND_MODIFIERS,AVATAR_PRESENCE_SIZE_MODIFIERS:r.AVATAR_PRESENCE_SIZE_MODIFIERS,imageLoadedSuccessfully:null,formattedInitials:``,initializing:!1,hasSlotContent:e.hasSlotContent,anchorHue:0}},computed:{resolvedInteractive(){return this.clickable??this.interactive},hasOverlayIcon(){return e.hasSlotContent(this.$slots.overlayIcon)},isIconType(){return e.hasSlotContent(this.$slots.icon)},iconDataQa(){return`dt-avatar-icon`},computedFamily(){if(!this.isIconType){if(this.family!==void 0)return this.family;if(this.color!==void 0){let e=r.colorToFamilyVariant(this.color);if(e)return e.family}return r.getRandomFamilyVariant(this.seed).family}},computedVariant(){if(!this.isIconType){if(this.variant!==void 0)return this.variant;if(this.color!==void 0){let e=r.colorToFamilyVariant(this.color);if(e)return e.variant}return r.getRandomFamilyVariant(this.seed).variant}},avatarClasses(){return[`d-avatar`,r.AVATAR_SIZE_MODIFIERS[this.validatedSize],this.avatarClass,{"d-avatar--group":this.showGroup,"d-avatar--group-digits-2":this.showGroup&&String(this.formattedGroup).length===2,"d-avatar--group-digits-3":this.showGroup&&String(this.formattedGroup).length>=3,"d-avatar--clickable":this.resolvedInteractive,"d-avatar--presence":this.presence&&!this.showGroup,"d-avatar--icon-only":this.iconOnly,"d-avatar--deactivated":this.deactivated}]},avatarStyles(){let e=[];if(!o&&!this.isIconType&&this.computedFamily&&this.computedVariant!==void 0){let t=r.computeAvatarHex(this.computedFamily,this.computedVariant,this.anchorHue);e.push({"--avatar-color-background":t})}return e.length>0?e:void 0},overlayClasses(){return[`d-avatar__overlay`,this.overlayClass,{"d-avatar__overlay-icon":this.hasOverlayIcon}]},showGroup(){return r.AVATAR_GROUP_VALIDATOR(this.group)},formattedGroup(){let e=String(this.validatedSize);return([`xs`,`100`,`150`,`200`,`250`].includes(e)?2:3)==2?this.group>9?`9+`:this.group:this.group>99?`99+`:this.group},validatedSize(){return this.size},showImage(){return this.imageLoadedSuccessfully!==!1&&this.imageSrc}},watch:{fullName:{immediate:!0,handler(){this.formatInitials()}},size:{immediate:!0,handler(){this.formatInitials()}},group:{immediate:!0,handler(){this.formatInitials()}},imageSrc(e){this.imageLoadedSuccessfully=null,e&&(this.validateProps(),this.setImageListeners())}},mounted(){this.validateProps(),this.setImageListeners(),o||this.readAnchorHue()},methods:{async setImageListeners(){await this.$nextTick();let e=this.$refs.avatarImage;e&&(e.addEventListener(`load`,()=>this._loadedImageEventHandler(e),{once:!0}),e.addEventListener(`error`,()=>this._erroredImageEventHandler(e),{once:!0}))},formatInitials(){let e=i.extractInitialsFromName(this.fullName),t=String(this.validatedSize);t===`xs`||t===`100`?this.formattedInitials=``:t===`sm`||t===`150`||t===`200`?this.formattedInitials=e[0]:this.formattedInitials=e},readAnchorHue(){try{let e=getComputedStyle(document.documentElement).getPropertyValue(`--dt-avatar-anchor-hue`).trim();this.anchorHue=parseFloat(e)||0}catch{this.anchorHue=0}},_loadedImageEventHandler(e){this.imageLoadedSuccessfully=!0,e.classList.remove(`d-d-none`)},_erroredImageEventHandler(e){this.imageLoadedSuccessfully=!1,e.classList.add(`d-d-none`)},validateProps(){this.imageSrc&&this.imageAlt===void 0&&console.error(`image-alt required if image-src is provided. Can be set to "" (empty string) if the image is described in text nearby`)},handleClick(e){this.resolvedInteractive&&this.$emit(`click`,e)}}},c={class:`d-avatar__canvas-inner`},l=[`src`,`alt`],u=[`aria-label`,`data-qa`],d={key:1,class:`d-avatar__overlay-text`},f=[`aria-label`];function p(e,t,n,r,i,o){let s=(0,a.resolveComponent)(`dt-presence`);return(0,a.openBlock)(),(0,a.createBlock)((0,a.resolveDynamicComponent)(o.resolvedInteractive?`button`:`div`),{id:n.id,class:(0,a.normalizeClass)(o.avatarClasses),style:(0,a.normalizeStyle)(o.avatarStyles),"data-avatar-family":n.iconOnly?void 0:o.computedFamily,"data-avatar-variant":n.iconOnly?void 0:o.computedVariant,"data-qa":`dt-avatar`,type:o.resolvedInteractive?`button`:void 0,onClick:o.handleClick},{default:(0,a.withCtx)(()=>[(0,a.createElementVNode)(`div`,{ref:`canvas`,class:(0,a.normalizeClass)([n.canvasClass,`d-avatar__canvas`,{"d-avatar--image-loaded":i.imageLoadedSuccessfully}])},[(0,a.createElementVNode)(`div`,c,[o.showImage?((0,a.openBlock)(),(0,a.createElementBlock)(`img`,{key:0,ref:`avatarImage`,class:`d-avatar__image`,"data-qa":`dt-avatar-image`,src:n.imageSrc,alt:n.imageAlt},null,8,l)):o.isIconType?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,{key:1,class:(0,a.normalizeClass)([n.iconClass,i.AVATAR_KIND_MODIFIERS.icon]),"aria-label":o.resolvedInteractive?n.iconAriaLabel:``,"data-qa":o.iconDataQa},[(0,a.renderSlot)(e.$slots,`icon`)],10,u)):((0,a.openBlock)(),(0,a.createElementBlock)(`span`,{key:2,class:(0,a.normalizeClass)([i.AVATAR_KIND_MODIFIERS.initials])},(0,a.toDisplayString)(i.formattedInitials),3))])],2),o.hasOverlayIcon||n.overlayText?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,{key:0,class:(0,a.normalizeClass)(o.overlayClasses)},[o.hasOverlayIcon?(0,a.renderSlot)(e.$slots,`overlayIcon`,{key:0}):n.overlayText?((0,a.openBlock)(),(0,a.createElementBlock)(`p`,d,(0,a.toDisplayString)(n.overlayText),1)):(0,a.createCommentVNode)(``,!0)],2)):(0,a.createCommentVNode)(``,!0),o.showGroup?((0,a.openBlock)(),(0,a.createElementBlock)(`span`,{key:1,class:`d-avatar__count`,"data-qa":`dt-avatar-count`,role:`img`,"aria-label":`${n.group} participants`},(0,a.toDisplayString)(o.formattedGroup),9,f)):(0,a.createCommentVNode)(``,!0),n.presence&&!o.showGroup&&i.AVATAR_PRESENCE_SIZE_MODIFIERS[n.size]?((0,a.openBlock)(),(0,a.createBlock)(s,(0,a.mergeProps)({key:2,presence:n.presence,class:[`d-avatar__presence`,i.AVATAR_PRESENCE_SIZE_MODIFIERS[n.size]]},n.presenceProps,{"data-qa":`dt-presence`}),null,16,[`presence`,`class`])):(0,a.createCommentVNode)(``,!0)]),_:3},8,[`id`,`class`,`style`,`data-avatar-family`,`data-avatar-variant`,`type`,`onClick`])}var m=t.t(s,[[`render`,p]]);exports.default=m;
 //# sourceMappingURL=avatar.cjs.map