@sula-tech/webcomponents 0.24.0 → 0.25.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (86) hide show
  1. package/dist/cjs/loader.cjs.js +1 -1
  2. package/dist/cjs/sula-avatar_32.cjs.entry.js +46 -15
  3. package/dist/cjs/sula-avatar_32.cjs.entry.js.map +1 -1
  4. package/dist/cjs/sula-workbench-menu.cjs.entry.js +29 -5
  5. package/dist/cjs/sula-workbench-menu.cjs.entry.js.map +1 -1
  6. package/dist/cjs/sula-workbench-menu.entry.cjs.js.map +1 -1
  7. package/dist/cjs/webcomponents.cjs.js +1 -1
  8. package/dist/collection/components/sula-button/sula-button.css +1 -1
  9. package/dist/collection/components/sula-icon/sula-icon.css +1 -1
  10. package/dist/collection/components/sula-loader/sula-loader.css +1 -1
  11. package/dist/collection/components/sula-modal/sula-modal.css +1 -1
  12. package/dist/collection/components/sula-modal/sula-modal.js +142 -11
  13. package/dist/collection/components/sula-modal/sula-modal.js.map +1 -1
  14. package/dist/collection/components/sula-modal/sula-modal.stories.js +48 -0
  15. package/dist/collection/components/sula-modal/sula-modal.stories.js.map +1 -1
  16. package/dist/collection/components/sula-workbench-menu/sula-workbench-menu.js +48 -4
  17. package/dist/collection/components/sula-workbench-menu/sula-workbench-menu.js.map +1 -1
  18. package/dist/collection/components/sula-workbench-menu/sula-workbench-menu.stories.js +40 -0
  19. package/dist/collection/components/sula-workbench-menu/sula-workbench-menu.stories.js.map +1 -1
  20. package/dist/components/{p-KitH8bea.js → p-BSlKsiiN.js} +3 -3
  21. package/dist/components/{p-KitH8bea.js.map → p-BSlKsiiN.js.map} +1 -1
  22. package/dist/components/{p-BORy1230.js → p-BlRYoc3b.js} +3 -3
  23. package/dist/components/{p-BORy1230.js.map → p-BlRYoc3b.js.map} +1 -1
  24. package/dist/components/{p-DK8hW-Cd.js → p-CNJmyTBM.js} +3 -3
  25. package/dist/components/{p-DK8hW-Cd.js.map → p-CNJmyTBM.js.map} +1 -1
  26. package/dist/components/{p-B_WIoxzn.js → p-Chv1iPo7.js} +4 -4
  27. package/dist/components/{p-B_WIoxzn.js.map → p-Chv1iPo7.js.map} +1 -1
  28. package/dist/components/{p-CGpfhGAG.js → p-CkBDMANF.js} +3 -3
  29. package/dist/components/{p-CGpfhGAG.js.map → p-CkBDMANF.js.map} +1 -1
  30. package/dist/components/{p-CWTfj4TV.js → p-Ckrg2kct.js} +3 -3
  31. package/dist/components/{p-CWTfj4TV.js.map → p-Ckrg2kct.js.map} +1 -1
  32. package/dist/components/{p-GEr9Dmhq.js → p-CqrWuXvX.js} +3 -3
  33. package/dist/components/{p-GEr9Dmhq.js.map → p-CqrWuXvX.js.map} +1 -1
  34. package/dist/components/{p-DwZCdDhF.js → p-DOhCUb27.js} +3 -3
  35. package/dist/components/{p-DwZCdDhF.js.map → p-DOhCUb27.js.map} +1 -1
  36. package/dist/components/{p-BssyNhpP.js → p-ej3XWtzq.js} +5 -5
  37. package/dist/components/{p-BssyNhpP.js.map → p-ej3XWtzq.js.map} +1 -1
  38. package/dist/components/sula-avatar.js +1 -1
  39. package/dist/components/sula-badge.js +1 -1
  40. package/dist/components/sula-breadcrumb.js +1 -1
  41. package/dist/components/sula-button.js +1 -1
  42. package/dist/components/sula-calendar.js +2 -2
  43. package/dist/components/sula-checkbox.js +1 -1
  44. package/dist/components/sula-chip.js +2 -2
  45. package/dist/components/sula-dropdown.js +1 -1
  46. package/dist/components/sula-icon-picker.js +4 -4
  47. package/dist/components/sula-icon.js +1 -1
  48. package/dist/components/sula-loader.js +1 -1
  49. package/dist/components/sula-menu-select-list.js +1 -1
  50. package/dist/components/sula-menu.js +1 -1
  51. package/dist/components/sula-modal.js +51 -15
  52. package/dist/components/sula-modal.js.map +1 -1
  53. package/dist/components/sula-profile-menu.js +1 -1
  54. package/dist/components/sula-progress-bar.js +1 -1
  55. package/dist/components/sula-search-bar.js +1 -1
  56. package/dist/components/sula-segmented-control.js +1 -1
  57. package/dist/components/sula-tag.js +1 -1
  58. package/dist/components/sula-textfield.js +1 -1
  59. package/dist/components/sula-tiles.js +1 -1
  60. package/dist/components/sula-timeline-list.js +1 -1
  61. package/dist/components/sula-toast-stack.js +2 -2
  62. package/dist/components/sula-toast.js +1 -1
  63. package/dist/components/sula-toggle.js +1 -1
  64. package/dist/components/sula-tooltip.js +1 -1
  65. package/dist/components/sula-workbench-menu.js +34 -8
  66. package/dist/components/sula-workbench-menu.js.map +1 -1
  67. package/dist/esm/loader.js +1 -1
  68. package/dist/esm/sula-avatar_32.entry.js +46 -15
  69. package/dist/esm/sula-avatar_32.entry.js.map +1 -1
  70. package/dist/esm/sula-workbench-menu.entry.js +29 -5
  71. package/dist/esm/sula-workbench-menu.entry.js.map +1 -1
  72. package/dist/esm/webcomponents.js +1 -1
  73. package/dist/types/components/sula-modal/sula-modal.d.ts +21 -0
  74. package/dist/types/components/sula-modal/sula-modal.stories.d.ts +22 -0
  75. package/dist/types/components/sula-workbench-menu/sula-workbench-menu.d.ts +7 -0
  76. package/dist/types/components/sula-workbench-menu/sula-workbench-menu.stories.d.ts +23 -0
  77. package/dist/types/components.d.ts +58 -0
  78. package/dist/webcomponents/{p-907588e9.entry.js → p-28e25fac.entry.js} +52 -19
  79. package/dist/webcomponents/p-28e25fac.entry.js.map +1 -0
  80. package/dist/webcomponents/{p-68a6d489.entry.js → p-50ad82d0.entry.js} +26 -6
  81. package/dist/webcomponents/p-50ad82d0.entry.js.map +1 -0
  82. package/dist/webcomponents/sula-workbench-menu.entry.esm.js.map +1 -1
  83. package/dist/webcomponents/webcomponents.esm.js +10 -3
  84. package/package.json +1 -1
  85. package/dist/webcomponents/p-68a6d489.entry.js.map +0 -1
  86. package/dist/webcomponents/p-907588e9.entry.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"sula-workbench-menu.stories.js","sourceRoot":"","sources":["../../../src/components/sula-workbench-menu/sula-workbench-menu.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { SulaMenuDensity, SulaMenuLabelOverflow } from '../sula-menu/model/sula-menu.model';\nimport { SulaMenuMainItem } from '../sula-menu/model/sula-menu.model';\nimport { SulaProfileMenuItem, SulaProfileMenuSwitchChange } from '../sula-profile-menu/model/sula-profile-menu.model';\nimport { SulaWorkbenchMenuItem, SulaWorkbenchMenuUser } from './model/sula-workbench-menu.model';\n\ntype StoryArgs = {\n\tmenuTitle: string;\n\tdensity: SulaMenuDensity;\n\tlabelOverflow: SulaMenuLabelOverflow;\n\tdrilldownLevel: number;\n\titems: SulaWorkbenchMenuItem[];\n\tuser: SulaWorkbenchMenuUser;\n\tprofileItems?: SulaProfileMenuItem[];\n\tprofileClicked: EventListener;\n\tprofileItemClicked: EventListener;\n\tprofileSwitchChanged: EventListener;\n\titemSelected: EventListener;\n\titemClicked: EventListener;\n\tlevelChanged: EventListener;\n\tmenuToggled: EventListener;\n};\n\nconst SHIELD_SVG = `data:image/svg+xml;utf8,${encodeURIComponent(`\n\t<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#6c6e6e\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n\t\t<path d=\"M12 3l7 3v5c0 4.5-3 8.2-7 10-4-1.8-7-5.5-7-10V6l7-3z\"/>\n\t\t<path d=\"M9 12l2 2 4-4\"/>\n\t</svg>\n`)}`;\n\nconst CAR_SVG = `data:image/svg+xml;utf8,${encodeURIComponent(`\n\t<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#6c6e6e\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n\t\t<path d=\"M4 16v-3.2L6 8h12l2 4.8V16\"/>\n\t\t<path d=\"M4 16h16v2.4a.8.8 0 0 1-.8.8h-1.4a.8.8 0 0 1-.8-.8V17H7v1.4a.8.8 0 0 1-.8.8H4.8a.8.8 0 0 1-.8-.8Z\"/>\n\t</svg>\n`)}`;\n\nconst workbenchItems: SulaWorkbenchMenuItem[] = [\n\t{ id: 'overview', label: 'Visão Geral', icon: 'ph ph-house-line' },\n\t{\n\t\tid: 'claims',\n\t\tlabel: 'Sinistros',\n\t\ticon: 'ph ph-warning-circle',\n\t\texpanded: true,\n\t\tchildren: [\n\t\t\t{\n\t\t\t\tid: 'claims-auto',\n\t\t\t\tlabel: 'Auto',\n\t\t\t\ticon: 'ph ph-car',\n\t\t\t\texpanded: true,\n\t\t\t\tchildren: [\n\t\t\t\t\t{\n\t\t\t\t\t\tid: 'claims-auto-coverage',\n\t\t\t\t\t\tlabel: 'Cobertura',\n\t\t\t\t\t\ticon: 'ph ph-shield-check',\n\t\t\t\t\t\tchildren: [\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tid: 'claims-auto-third',\n\t\t\t\t\t\t\t\tlabel: 'Terceiros',\n\t\t\t\t\t\t\t\ticon: 'ph ph-users-three',\n\t\t\t\t\t\t\t\tchildren: [\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\tid: 'claims-auto-third-docs',\n\t\t\t\t\t\t\t\t\t\tlabel: 'Documentação',\n\t\t\t\t\t\t\t\t\t\ticon: 'ph ph-folder-open',\n\t\t\t\t\t\t\t\t\t\tchildren: [{ id: 'claims-auto-third-address', label: 'Comprovante de residência', icon: 'ph ph-map-pin', selected: true }],\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{ id: 'claims-auto-own', label: 'Próprio', icon: 'ph ph-car-profile' },\n\t\t\t\t\t\t],\n\t\t\t\t\t},\n\t\t\t\t\t{ id: 'claims-auto-glass', label: 'Vidros', icon: 'ph ph-wrench' },\n\t\t\t\t\t{ id: 'claims-auto-other', label: 'Outros (ícone padrão)' },\n\t\t\t\t],\n\t\t\t},\n\t\t\t{ id: 'claims-home', label: 'Residencial', icon: 'ph ph-house', children: [{ id: 'claims-home-fire', label: 'Incêndio', icon: 'ph ph-fire' }] },\n\t\t\t{ id: 'claims-vehicle', label: 'Veículos', icon: 'ph ph-car', image: CAR_SVG },\n\t\t\t{ id: 'claims-life', label: 'Vida', icon: 'ph ph-heartbeat' },\n\t\t],\n\t},\n\t{\n\t\tid: 'policies',\n\t\tlabel: 'Apólices',\n\t\ticon: 'ph ph-files',\n\t\timage: SHIELD_SVG,\n\t\tchildren: [\n\t\t\t{ id: 'policies-issued', label: 'Emitidas', icon: 'ph ph-file-text' },\n\t\t\t{ id: 'policies-review', label: 'Em análise', icon: 'ph ph-clipboard-text' },\n\t\t],\n\t},\n\t{ id: 'settings', label: 'Configurações', icon: 'ph ph-gear-six', children: [{ id: 'settings-users', label: 'Usuários', icon: 'ph ph-users-three' }] },\n];\n\nconst BRAND_IMAGE = `data:image/svg+xml;utf8,${encodeURIComponent(`\n\t<svg width=\"80\" height=\"80\" viewBox=\"0 0 80 80\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t<rect width=\"80\" height=\"80\" rx=\"20\" fill=\"#E5231B\"/>\n\t\t<path d=\"M52 24H35.5C31.3579 24 28 27.3579 28 31.5C28 35.6421 31.3579 39 35.5 39H44.5C48.6421 39 52 42.3579 52 46.5C52 50.6421 48.6421 54 44.5 54H28\" stroke=\"white\" stroke-width=\"8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n\t</svg>\n`)}`;\n\n// Same items as the menu in production today, to compare both components with identical content.\nconst currentMenuItems: SulaWorkbenchMenuItem[] = [\n\t{ id: 'dashboard', label: 'Dashboard', icon: 'ph ph-house', selected: true },\n\t{ id: 'exemplo', label: 'Exemplo menu', icon: 'ph ph-archive', children: [{ id: 'exemplo-usuarios', label: 'Usuários', icon: 'ph ph-user' }] },\n\t{ id: 'contas', label: 'Contas Médicas', icon: 'ph ph-align-right', children: [{ id: 'guias', label: 'Guias', icon: 'ph ph-align-center-horizontal-simple' }] },\n\t{\n\t\tid: 'ppa',\n\t\tlabel: 'PPA (Portal Plataforma Antifraude)',\n\t\ticon: 'ph ph-air-traffic-control',\n\t\tchildren: [\n\t\t\t{ id: 'ppa-prestadores', label: 'Prestadores', icon: 'ph ph-ambulance' },\n\t\t\t{ id: 'ppa-usuarios', label: 'Usuários', icon: 'ph ph-user' },\n\t\t\t{ id: 'ppa-prestadores-local', label: 'Prestadores-LOCAL', icon: 'ph ph-' },\n\t\t\t{ id: 'ppa-usuarios-local', label: 'Usuarios-LOCAL', icon: 'ph ph-' },\n\t\t\t{ id: 'ppa-prestadores-lilian', label: 'Prestadores Lilian', icon: 'ph ph-address-book' },\n\t\t],\n\t},\n\t{\n\t\tid: 'sula-audit',\n\t\tlabel: 'Sula Audit',\n\t\ticon: 'ph ph-airplane-in-flight',\n\t\tchildren: [\n\t\t\t{ id: 'audit-home', label: 'Home', icon: 'ph ph-house' },\n\t\t\t{ id: 'audit-prestadores', label: 'Prestadores auditados', icon: 'ph ph-airplay' },\n\t\t],\n\t},\n\t{\n\t\tid: 'dev-portal',\n\t\tlabel: 'Dev Portal',\n\t\ticon: 'ph ph-code-simple',\n\t\tchildren: [\n\t\t\t{ id: 'dev-devsecops', label: 'DevSecOps', icon: 'ph ph-chart-line' },\n\t\t\t{ id: 'dev-tech-radar', label: 'Tech Radar', icon: 'ph ph-target' },\n\t\t\t{ id: 'dev-portal-eda', label: 'Portal EDA', icon: 'ph ph-' },\n\t\t],\n\t},\n\t{\n\t\tid: 'sula-os',\n\t\tlabel: 'Sula OS',\n\t\ticon: 'ph ph-browsers',\n\t\tchildren: [\n\t\t\t{ id: 'os-dashboard', label: 'Dashboard', icon: 'ph ph-gauge' },\n\t\t\t{ id: 'os-canvas', label: 'Canvas', icon: 'ph ph-frame-corners' },\n\t\t],\n\t},\n\t{\n\t\tid: 'tech-portal',\n\t\tlabel: 'Tech Portal',\n\t\ticon: 'ph ph-address-book',\n\t\tchildren: [\n\t\t\t{ id: 'tech-home', label: 'Home', icon: 'ph ph-users-four' },\n\t\t\t{ id: 'tech-busca', label: 'Busca', icon: 'ph ph-user-circle-gear' },\n\t\t\t{ id: 'tech-perfil', label: 'Meu perfil', icon: 'ph ph-user-circle' },\n\t\t\t{\n\t\t\t\tid: 'tech-cadastros',\n\t\t\t\tlabel: 'Cadastros',\n\t\t\t\ticon: 'ph ph-table',\n\t\t\t\tchildren: [\n\t\t\t\t\t{ id: 'tech-empresas', label: 'Empresas terceiras', icon: 'ph ph-' },\n\t\t\t\t\t{ id: 'tech-tribos', label: 'Tribos', icon: 'ph ph-' },\n\t\t\t\t\t{ id: 'tech-capitulos', label: 'Capítulos/Jornadas', icon: 'ph ph-' },\n\t\t\t\t],\n\t\t\t},\n\t\t],\n\t},\n\t{\n\t\tid: 'configuracoes',\n\t\tlabel: 'Configurações',\n\t\ticon: 'ph ph-gear',\n\t\tchildren: [\n\t\t\t{ id: 'conf-menus', label: 'Menus', icon: 'ph ph-layout' },\n\t\t\t{ id: 'conf-usuarios', label: 'Usuários', icon: 'ph ph-users' },\n\t\t\t{ id: 'conf-tenant', label: 'Tenant', icon: 'ph ph-building' },\n\t\t\t{ id: 'conf-chaves', label: 'Chaves de APIs', icon: 'ph ph-key' },\n\t\t\t{\n\t\t\t\tid: 'conf-permissoes',\n\t\t\t\tlabel: 'Permissões',\n\t\t\t\ticon: 'ph ph-lock',\n\t\t\t\tchildren: [\n\t\t\t\t\t{ id: 'perm-papeis', label: 'Papéis', icon: 'ph ph-' },\n\t\t\t\t\t{ id: 'perm-recursos', label: 'Recursos', icon: 'ph ph-' },\n\t\t\t\t],\n\t\t\t},\n\t\t],\n\t},\n];\n\nconst sampleUser: SulaWorkbenchMenuUser = { name: 'Ana Ribeiro', email: 'ana.ribeiro@sula.com.br' };\n\nconst hubProfileItems: SulaProfileMenuItem[] = [\n\t{ id: 'account', label: 'Minha conta', icon: 'ph ph-user-circle' },\n\t{ id: 'dark-mode', label: 'Modo escuro', icon: 'ph ph-moon', hasSwitch: true, active: false },\n\t{ id: 'divider-logout', divider: true },\n\t{ id: 'logout', label: 'Sair', icon: 'ph ph-sign-out' },\n];\n\nconst cloneItems = (items: SulaWorkbenchMenuItem[]): SulaWorkbenchMenuItem[] =>\n\titems.map(item => ({ ...item, children: item.children ? cloneItems(item.children) : undefined }));\n\nconst createStoryShell = () => {\n\tconst container = document.createElement('div');\n\tcontainer.style.margin = '20px';\n\tcontainer.style.padding = '24px';\n\tcontainer.style.background = 'linear-gradient(180deg, #f8f9f9 0%, #eef2f2 100%)';\n\tcontainer.style.borderRadius = '24px';\n\tcontainer.style.boxSizing = 'border-box';\n\n\tconst shell = document.createElement('div');\n\tshell.style.display = 'flex';\n\tshell.style.width = '960px';\n\tshell.style.maxWidth = '100%';\n\tshell.style.height = '720px';\n\tshell.style.borderRadius = '24px';\n\tshell.style.background = '#ffffff';\n\tshell.style.border = '1px solid #dfe5e5';\n\tshell.style.boxShadow = '0 20px 48px rgba(15, 23, 42, 0.08)';\n\n\tconst contentPanel = document.createElement('div');\n\tcontentPanel.style.flex = '1';\n\tcontentPanel.style.padding = '40px';\n\tcontentPanel.style.borderRadius = '0 24px 24px 0';\n\tcontentPanel.style.color = '#6c6e6e';\n\tcontentPanel.style.fontSize = '14px';\n\tcontentPanel.textContent = 'Área de conteúdo. Níveis 1 a 2 expandem em linha; a partir do nível 3 com filhos, o menu entra em drill-down com breadcrumb.';\n\n\tshell.appendChild(contentPanel);\n\tcontainer.appendChild(shell);\n\treturn { container, shell };\n};\n\nexport default {\n\ttitle: 'Components/sula-workbench-menu',\n\ttags: ['autodocs'],\n\targTypes: {\n\t\tmenuTitle: { control: 'text', defaultValue: 'Sula Hub', description: 'Título do menu.' },\n\t\tdensity: {\n\t\t\tcontrol: { type: 'select' },\n\t\t\toptions: Object.values(SulaMenuDensity),\n\t\t\tdescription: 'Densidade visual dos itens.',\n\t\t},\n\t\tlabelOverflow: {\n\t\t\tcontrol: { type: 'select' },\n\t\t\toptions: Object.values(SulaMenuLabelOverflow),\n\t\t\tdescription: 'Quebra ou ellipsis dos labels.',\n\t\t},\n\t\tdrilldownLevel: {\n\t\t\tcontrol: { type: 'number', min: 1 },\n\t\t\tdescription: 'Nível (1-based) a partir do qual itens com filhos abrem drill-down em vez de expandir em linha.',\n\t\t},\n\t\titems: { control: 'object', description: 'Árvore de itens, recursiva.' },\n\t\titemSelected: { action: 'itemSelected', description: 'Emitido ao selecionar um item folha.' },\n\t\titemClicked: { action: 'itemClicked', description: 'Emitido a cada clique em um item.' },\n\t\tlevelChanged: { action: 'levelChanged', description: 'Emitido ao entrar ou voltar de nível no drill-down.' },\n\t\tuser: { control: 'object', description: 'Usuário logado exibido no rodapé: name (obrigatório), email e photo (URL ou data URI). Sem photo, mostra as iniciais.' },\n\t\tprofileClicked: { action: 'profileClicked', description: 'Emitido ao clicar na área do usuário. Abre o menu de perfil, a menos que o evento seja cancelado com preventDefault().' },\n\t\tprofileItems: { control: 'object', description: 'Opções do menu de perfil: id, label, icon, hasSwitch + active, divider, disabled, hidden.' },\n\t\tprofileItemClicked: { action: 'profileItemClicked', description: 'Emitido ao clicar em uma opção sem switch do menu de perfil. O popover fecha.' },\n\t\tprofileSwitchChanged: { action: 'profileSwitchChanged', description: 'Emitido ao alternar o switch de uma opção, com { item, active }. O popover continua aberto.' },\n\t\tmenuToggled: { action: 'menuToggled', description: 'Emitido ao colapsar ou expandir o menu.' },\n\t},\n\tparameters: {\n\t\tdocs: {\n\t\t\tdescription: {\n\t\t\t\tcomponent:\n\t\t\t\t\t'Menu que combina a navegação em árvore do sula-menu (níveis 1 e 2 expandem em linha) com o drill-down: a partir do nível configurado em drilldownLevel (padrão 3), itens com filhos abrem um painel de um nível com breadcrumb e botão de voltar.',\n\t\t\t},\n\t\t},\n\t},\n};\n\nconst Template: any = (args: StoryArgs) => {\n\tconst { container, shell } = createStoryShell();\n\tconst el = document.createElement('sula-workbench-menu');\n\n\tel.menuTitle = args.menuTitle;\n\tel.density = args.density;\n\tel.labelOverflow = args.labelOverflow;\n\tel.drilldownLevel = args.drilldownLevel;\n\tel.items = cloneItems(args.items);\n\tel.user = args.user;\n\tel.profileItems = (args.profileItems ?? hubProfileItems).map(item => ({ ...item }));\n\n\tel.addEventListener('itemSelected', args.itemSelected);\n\tel.addEventListener('itemClicked', args.itemClicked);\n\tel.addEventListener('levelChanged', args.levelChanged);\n\tel.addEventListener('menuToggled', args.menuToggled);\n\tel.addEventListener('profileClicked', args.profileClicked);\n\tel.addEventListener('profileItemClicked', args.profileItemClicked);\n\tel.addEventListener('profileSwitchChanged', args.profileSwitchChanged);\n\n\tshell.prepend(el);\n\treturn container;\n};\n\nexport const Default = Template.bind({});\nDefault.args = {\n\tmenuTitle: 'Sula Hub',\n\tdensity: SulaMenuDensity.Default,\n\tlabelOverflow: SulaMenuLabelOverflow.Wrap,\n\tdrilldownLevel: 3,\n\titems: workbenchItems,\n\tuser: sampleUser,\n};\nDefault.parameters = {\n\tdocs: {\n\t\tdescription: {\n\t\t\tstory:\n\t\t\t\t'Exemplo com 6 níveis reais. Sinistros e Auto já vêm expandidos; em Cobertura (nível 3) o item Terceiros abre o drill-down. \"Apólices\" e \"Veículos\" usam um SVG no lugar do ícone de fonte (propriedade image do item). O rodapé mostra o usuário logado; clicar nele emite profileClicked.',\n\t\t},\n\t},\n};\n\nexport const WithoutPhotoOrEmail = Template.bind({});\nWithoutPhotoOrEmail.args = {\n\tmenuTitle: 'Sula Hub',\n\tdensity: SulaMenuDensity.Default,\n\tlabelOverflow: SulaMenuLabelOverflow.Wrap,\n\tdrilldownLevel: 3,\n\titems: workbenchItems,\n\tuser: { name: 'Carlos Mendes' },\n};\nWithoutPhotoOrEmail.parameters = {\n\tdocs: {\n\t\tdescription: {\n\t\t\tstory: 'Usuário sem foto nem e-mail: o avatar mostra as iniciais e o nome aparece sozinho.',\n\t\t},\n\t},\n};\n\nexport const WithProfileMenu = (args: StoryArgs) => {\n\tconst container = Template(args);\n\tconst menu = container.querySelector('sula-workbench-menu');\n\t// Example of the host application applying the theme chosen in the profile popover.\n\tmenu.addEventListener('profileSwitchChanged', (event: CustomEvent<SulaProfileMenuSwitchChange>) => {\n\t\tif (event.detail.item.id === 'dark-mode') document.documentElement.classList.toggle('dark', event.detail.active);\n\t});\n\treturn container;\n};\nWithProfileMenu.args = {\n\tmenuTitle: 'Sula Hub',\n\tdensity: SulaMenuDensity.Default,\n\tlabelOverflow: SulaMenuLabelOverflow.Wrap,\n\tdrilldownLevel: 3,\n\titems: currentMenuItems,\n\tuser: { name: 'Lucas Reichert', email: 'lucas.reichert@sulamerica.com.br' },\n\tprofileItems: hubProfileItems,\n};\nWithProfileMenu.parameters = {\n\tdocs: {\n\t\tdescription: {\n\t\t\tstory:\n\t\t\t\t'Clique no usuário do rodapé para abrir o menu de perfil, que substitui o header da aplicação. Com o menu expandido, o popover abre acima do usuário, na largura do menu; recolhido, abre ao lado do rail. Fecha com clique fora, Esc ou novo clique no usuário. As opções vêm de profileItems (label, icon, hasSwitch, divider...): cliques emitem profileItemClicked e switches emitem profileSwitchChanged. Aqui a story aplica a classe .dark no documentElement quando o switch dark-mode muda. Para não abrir o popover e tratar o clique por conta própria, chame preventDefault() em profileClicked. Conteúdo extra pode ser passado com slot=\"profile-content\".',\n\t\t},\n\t},\n};\n\nexport const CustomProfileItems = Template.bind({});\nCustomProfileItems.args = {\n\tmenuTitle: 'Sula Hub',\n\tdensity: SulaMenuDensity.Default,\n\tlabelOverflow: SulaMenuLabelOverflow.Wrap,\n\tdrilldownLevel: 3,\n\titems: workbenchItems,\n\tuser: sampleUser,\n\tprofileItems: [\n\t\t{ id: 'profile', label: 'Meu perfil', icon: 'ph ph-identification-card' },\n\t\t{ id: 'notifications', label: 'Notificações', icon: 'ph ph-bell', hasSwitch: true, active: true },\n\t\t{ id: 'compact', label: 'Modo compacto', icon: 'ph ph-rows', hasSwitch: true, active: false },\n\t\t{ id: 'divider-help', divider: true },\n\t\t{ id: 'help', label: 'Central de ajuda', icon: 'ph ph-question' },\n\t\t{ id: 'billing', label: 'Faturamento', icon: 'ph ph-credit-card', disabled: true },\n\t\t{ id: 'divider-logout', divider: true },\n\t\t{ id: 'logout', label: 'Sair', icon: 'ph ph-sign-out' },\n\t],\n};\nCustomProfileItems.parameters = {\n\tdocs: {\n\t\tdescription: {\n\t\t\tstory: 'Outra aplicação com opções próprias: dois switches, item desabilitado e dois divisores. Basta trocar profileItems.',\n\t\t},\n\t},\n};\n\nexport const InlineOnly = Template.bind({});\nInlineOnly.args = {\n\tmenuTitle: 'Sula Hub',\n\tdensity: SulaMenuDensity.Default,\n\tlabelOverflow: SulaMenuLabelOverflow.Wrap,\n\tdrilldownLevel: 99,\n\titems: workbenchItems,\n\tuser: sampleUser,\n};\nInlineOnly.parameters = {\n\tdocs: {\n\t\tdescription: {\n\t\t\tstory: 'Com drilldownLevel acima da profundidade da árvore, o componente se comporta como o sula-menu, expandindo tudo em linha.',\n\t\t},\n\t},\n};\n\nconst createComparisonShell = () => {\n\tconst container = document.createElement('div');\n\tcontainer.style.margin = '20px';\n\tcontainer.style.padding = '24px';\n\tcontainer.style.background = '#eef2f2';\n\tcontainer.style.borderRadius = '24px';\n\tcontainer.style.boxSizing = 'border-box';\n\tcontainer.style.display = 'flex';\n\tcontainer.style.gap = '32px';\n\tcontainer.style.alignItems = 'flex-start';\n\treturn container;\n};\n\nconst createComparisonColumn = (title: string) => {\n\tconst column = document.createElement('div');\n\tconst caption = document.createElement('div');\n\tcaption.textContent = title;\n\tcaption.style.font = '600 13px sans-serif';\n\tcaption.style.color = '#6c6e6e';\n\tcaption.style.marginBottom = '12px';\n\tconst box = document.createElement('div');\n\tbox.style.height = '720px';\n\tbox.style.width = '350px';\n\tbox.style.display = 'flex';\n\tbox.style.background = '#ffffff';\n\tbox.style.border = '1px solid #e5e6e6';\n\tbox.style.borderRadius = '16px';\n\tbox.style.overflow = 'hidden';\n\tcolumn.appendChild(caption);\n\tcolumn.appendChild(box);\n\treturn { column, box };\n};\n\n// Fourth level under Tech Portal > Cadastros > Tribos. The current sula-menu stops at the third level,\n// so in it \"Tribos\" stays a leaf; in the new menu it opens the drill-down.\nconst withFourthLevel = (items: SulaWorkbenchMenuItem[]): SulaWorkbenchMenuItem[] =>\n\tcloneItems(items).map(item => {\n\t\tif (item.id !== 'tech-portal') return item;\n\t\treturn {\n\t\t\t...item,\n\t\t\texpanded: true,\n\t\t\tchildren: item.children!.map(child => {\n\t\t\t\tif (child.id !== 'tech-cadastros') return child;\n\t\t\t\treturn {\n\t\t\t\t\t...child,\n\t\t\t\t\texpanded: true,\n\t\t\t\t\tchildren: child.children!.map(grandchild =>\n\t\t\t\t\t\tgrandchild.id === 'tech-tribos'\n\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t...grandchild,\n\t\t\t\t\t\t\t\t\tchildren: [\n\t\t\t\t\t\t\t\t\t\t{ id: 'tribo-saude', label: 'Tribo Saúde', icon: 'ph ph-heartbeat', selected: true },\n\t\t\t\t\t\t\t\t\t\t{ id: 'tribo-odonto', label: 'Tribo Odonto', icon: 'ph ph-tooth' },\n\t\t\t\t\t\t\t\t\t\t{ id: 'tribo-auto', label: 'Tribo Auto e Massificados', icon: 'ph ph-car' },\n\t\t\t\t\t\t\t\t\t\t{ id: 'tribo-dados', label: 'Tribo Dados e Analytics', icon: 'ph ph-chart-line-up' },\n\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t: grandchild,\n\t\t\t\t\t),\n\t\t\t\t};\n\t\t\t}),\n\t\t};\n\t});\n\nconst withoutSelection = (items: SulaWorkbenchMenuItem[]): SulaWorkbenchMenuItem[] =>\n\titems.map(item => ({ ...item, selected: false, children: item.children ? withoutSelection(item.children) : undefined }));\n\nconst clickMenuRow = (menu: HTMLElement, label: string) => {\n\tconst row = Array.from(menu.shadowRoot!.querySelectorAll<HTMLElement>('.menu-item, .submenu-item')).find(el => el.textContent?.trim() === label);\n\trow?.click();\n};\n\nconst renderComparison = (items: SulaWorkbenchMenuItem[], drillTo?: string) => {\n\tconst container = createComparisonShell();\n\n\tconst current = createComparisonColumn('sula-menu (atual)');\n\tconst currentMenu = document.createElement('sula-menu');\n\tcurrentMenu.menuTitle = 'Sula Hub';\n\tcurrentMenu.image = BRAND_IMAGE;\n\tcurrentMenu.items = cloneItems(items) as unknown as SulaMenuMainItem[];\n\tcurrent.box.appendChild(currentMenu);\n\n\tconst workbench = createComparisonColumn('sula-workbench-menu (novo)');\n\tconst workbenchMenu = document.createElement('sula-workbench-menu');\n\tworkbenchMenu.menuTitle = 'Sula Hub';\n\tworkbenchMenu.image = BRAND_IMAGE;\n\tworkbenchMenu.user = sampleUser;\n\tworkbenchMenu.items = cloneItems(items);\n\tworkbench.box.appendChild(workbenchMenu);\n\n\tif (drillTo) {\n\t\tcustomElements\n\t\t\t.whenDefined('sula-workbench-menu')\n\t\t\t.then(() => workbenchMenu.componentOnReady())\n\t\t\t.then(() => clickMenuRow(workbenchMenu, drillTo));\n\t}\n\n\tcontainer.appendChild(current.column);\n\tcontainer.appendChild(workbench.column);\n\treturn container;\n};\n\nexport const ComparisonWithCurrentSulaMenu = () => renderComparison(currentMenuItems);\nComparisonWithCurrentSulaMenu.parameters = {\n\tdocs: {\n\t\tdescription: {\n\t\t\tstory:\n\t\t\t\t'Os mesmos itens do menu atual de produção, renderizados no sula-menu (atual) e no sula-workbench-menu (novo), lado a lado, para comparar espaçamento, ícones e hierarquia. O menu novo mostra o perfil do usuário no rodapé, que substitui o \"Ocultar menu\" (o recolher fica no topo).',\n\t\t},\n\t},\n};\n\nexport const ComparisonDrilldownFourthLevel = () => renderComparison(withFourthLevel(withoutSelection(currentMenuItems)), 'Tribos');\nComparisonDrilldownFourthLevel.parameters = {\n\tdocs: {\n\t\tdescription: {\n\t\t\tstory:\n\t\t\t\t'Mesmos itens do menu atual com um quarto nível em Tech Portal > Cadastros > Tribos. No sula-menu (atual) a árvore para no terceiro nível e Tribos fica sem os filhos. No sula-workbench-menu (novo), Tribos abre o drill-down: breadcrumb com o caminho, botão de voltar e os itens do quarto nível em tela cheia.',\n\t\t},\n\t},\n};\n"]}
1
+ {"version":3,"file":"sula-workbench-menu.stories.js","sourceRoot":"","sources":["../../../src/components/sula-workbench-menu/sula-workbench-menu.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { SulaMenuDensity, SulaMenuLabelOverflow } from '../sula-menu/model/sula-menu.model';\nimport { SulaMenuMainItem } from '../sula-menu/model/sula-menu.model';\nimport { SulaProfileMenuItem, SulaProfileMenuSwitchChange } from '../sula-profile-menu/model/sula-profile-menu.model';\nimport { SulaWorkbenchMenuItem, SulaWorkbenchMenuUser } from './model/sula-workbench-menu.model';\n\ntype StoryArgs = {\n\tmenuTitle: string;\n\tdensity: SulaMenuDensity;\n\tlabelOverflow: SulaMenuLabelOverflow;\n\tdrilldownLevel: number;\n\tdrillPath?: string[];\n\titems: SulaWorkbenchMenuItem[];\n\tuser: SulaWorkbenchMenuUser;\n\tprofileItems?: SulaProfileMenuItem[];\n\tprofileClicked: EventListener;\n\tprofileItemClicked: EventListener;\n\tprofileSwitchChanged: EventListener;\n\titemSelected: EventListener;\n\titemClicked: EventListener;\n\tlevelChanged: EventListener;\n\tmenuToggled: EventListener;\n};\n\nconst SHIELD_SVG = `data:image/svg+xml;utf8,${encodeURIComponent(`\n\t<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#6c6e6e\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n\t\t<path d=\"M12 3l7 3v5c0 4.5-3 8.2-7 10-4-1.8-7-5.5-7-10V6l7-3z\"/>\n\t\t<path d=\"M9 12l2 2 4-4\"/>\n\t</svg>\n`)}`;\n\nconst CAR_SVG = `data:image/svg+xml;utf8,${encodeURIComponent(`\n\t<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#6c6e6e\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n\t\t<path d=\"M4 16v-3.2L6 8h12l2 4.8V16\"/>\n\t\t<path d=\"M4 16h16v2.4a.8.8 0 0 1-.8.8h-1.4a.8.8 0 0 1-.8-.8V17H7v1.4a.8.8 0 0 1-.8.8H4.8a.8.8 0 0 1-.8-.8Z\"/>\n\t</svg>\n`)}`;\n\nconst workbenchItems: SulaWorkbenchMenuItem[] = [\n\t{ id: 'overview', label: 'Visão Geral', icon: 'ph ph-house-line' },\n\t{\n\t\tid: 'claims',\n\t\tlabel: 'Sinistros',\n\t\ticon: 'ph ph-warning-circle',\n\t\texpanded: true,\n\t\tchildren: [\n\t\t\t{\n\t\t\t\tid: 'claims-auto',\n\t\t\t\tlabel: 'Auto',\n\t\t\t\ticon: 'ph ph-car',\n\t\t\t\texpanded: true,\n\t\t\t\tchildren: [\n\t\t\t\t\t{\n\t\t\t\t\t\tid: 'claims-auto-coverage',\n\t\t\t\t\t\tlabel: 'Cobertura',\n\t\t\t\t\t\ticon: 'ph ph-shield-check',\n\t\t\t\t\t\tchildren: [\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tid: 'claims-auto-third',\n\t\t\t\t\t\t\t\tlabel: 'Terceiros',\n\t\t\t\t\t\t\t\ticon: 'ph ph-users-three',\n\t\t\t\t\t\t\t\tchildren: [\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\tid: 'claims-auto-third-docs',\n\t\t\t\t\t\t\t\t\t\tlabel: 'Documentação',\n\t\t\t\t\t\t\t\t\t\ticon: 'ph ph-folder-open',\n\t\t\t\t\t\t\t\t\t\tchildren: [{ id: 'claims-auto-third-address', label: 'Comprovante de residência', icon: 'ph ph-map-pin', selected: true }],\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{ id: 'claims-auto-own', label: 'Próprio', icon: 'ph ph-car-profile' },\n\t\t\t\t\t\t],\n\t\t\t\t\t},\n\t\t\t\t\t{ id: 'claims-auto-glass', label: 'Vidros', icon: 'ph ph-wrench' },\n\t\t\t\t\t{ id: 'claims-auto-other', label: 'Outros (ícone padrão)' },\n\t\t\t\t],\n\t\t\t},\n\t\t\t{ id: 'claims-home', label: 'Residencial', icon: 'ph ph-house', children: [{ id: 'claims-home-fire', label: 'Incêndio', icon: 'ph ph-fire' }] },\n\t\t\t{ id: 'claims-vehicle', label: 'Veículos', icon: 'ph ph-car', image: CAR_SVG },\n\t\t\t{ id: 'claims-life', label: 'Vida', icon: 'ph ph-heartbeat' },\n\t\t],\n\t},\n\t{\n\t\tid: 'policies',\n\t\tlabel: 'Apólices',\n\t\ticon: 'ph ph-files',\n\t\timage: SHIELD_SVG,\n\t\tchildren: [\n\t\t\t{ id: 'policies-issued', label: 'Emitidas', icon: 'ph ph-file-text' },\n\t\t\t{ id: 'policies-review', label: 'Em análise', icon: 'ph ph-clipboard-text' },\n\t\t],\n\t},\n\t{ id: 'settings', label: 'Configurações', icon: 'ph ph-gear-six', children: [{ id: 'settings-users', label: 'Usuários', icon: 'ph ph-users-three' }] },\n];\n\nconst BRAND_IMAGE = `data:image/svg+xml;utf8,${encodeURIComponent(`\n\t<svg width=\"80\" height=\"80\" viewBox=\"0 0 80 80\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t<rect width=\"80\" height=\"80\" rx=\"20\" fill=\"#E5231B\"/>\n\t\t<path d=\"M52 24H35.5C31.3579 24 28 27.3579 28 31.5C28 35.6421 31.3579 39 35.5 39H44.5C48.6421 39 52 42.3579 52 46.5C52 50.6421 48.6421 54 44.5 54H28\" stroke=\"white\" stroke-width=\"8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n\t</svg>\n`)}`;\n\n// Same items as the menu in production today, to compare both components with identical content.\nconst currentMenuItems: SulaWorkbenchMenuItem[] = [\n\t{ id: 'dashboard', label: 'Dashboard', icon: 'ph ph-house', selected: true },\n\t{ id: 'exemplo', label: 'Exemplo menu', icon: 'ph ph-archive', children: [{ id: 'exemplo-usuarios', label: 'Usuários', icon: 'ph ph-user' }] },\n\t{ id: 'contas', label: 'Contas Médicas', icon: 'ph ph-align-right', children: [{ id: 'guias', label: 'Guias', icon: 'ph ph-align-center-horizontal-simple' }] },\n\t{\n\t\tid: 'ppa',\n\t\tlabel: 'PPA (Portal Plataforma Antifraude)',\n\t\ticon: 'ph ph-air-traffic-control',\n\t\tchildren: [\n\t\t\t{ id: 'ppa-prestadores', label: 'Prestadores', icon: 'ph ph-ambulance' },\n\t\t\t{ id: 'ppa-usuarios', label: 'Usuários', icon: 'ph ph-user' },\n\t\t\t{ id: 'ppa-prestadores-local', label: 'Prestadores-LOCAL', icon: 'ph ph-' },\n\t\t\t{ id: 'ppa-usuarios-local', label: 'Usuarios-LOCAL', icon: 'ph ph-' },\n\t\t\t{ id: 'ppa-prestadores-lilian', label: 'Prestadores Lilian', icon: 'ph ph-address-book' },\n\t\t],\n\t},\n\t{\n\t\tid: 'sula-audit',\n\t\tlabel: 'Sula Audit',\n\t\ticon: 'ph ph-airplane-in-flight',\n\t\tchildren: [\n\t\t\t{ id: 'audit-home', label: 'Home', icon: 'ph ph-house' },\n\t\t\t{ id: 'audit-prestadores', label: 'Prestadores auditados', icon: 'ph ph-airplay' },\n\t\t],\n\t},\n\t{\n\t\tid: 'dev-portal',\n\t\tlabel: 'Dev Portal',\n\t\ticon: 'ph ph-code-simple',\n\t\tchildren: [\n\t\t\t{ id: 'dev-devsecops', label: 'DevSecOps', icon: 'ph ph-chart-line' },\n\t\t\t{ id: 'dev-tech-radar', label: 'Tech Radar', icon: 'ph ph-target' },\n\t\t\t{ id: 'dev-portal-eda', label: 'Portal EDA', icon: 'ph ph-' },\n\t\t],\n\t},\n\t{\n\t\tid: 'sula-os',\n\t\tlabel: 'Sula OS',\n\t\ticon: 'ph ph-browsers',\n\t\tchildren: [\n\t\t\t{ id: 'os-dashboard', label: 'Dashboard', icon: 'ph ph-gauge' },\n\t\t\t{ id: 'os-canvas', label: 'Canvas', icon: 'ph ph-frame-corners' },\n\t\t],\n\t},\n\t{\n\t\tid: 'tech-portal',\n\t\tlabel: 'Tech Portal',\n\t\ticon: 'ph ph-address-book',\n\t\tchildren: [\n\t\t\t{ id: 'tech-home', label: 'Home', icon: 'ph ph-users-four' },\n\t\t\t{ id: 'tech-busca', label: 'Busca', icon: 'ph ph-user-circle-gear' },\n\t\t\t{ id: 'tech-perfil', label: 'Meu perfil', icon: 'ph ph-user-circle' },\n\t\t\t{\n\t\t\t\tid: 'tech-cadastros',\n\t\t\t\tlabel: 'Cadastros',\n\t\t\t\ticon: 'ph ph-table',\n\t\t\t\tchildren: [\n\t\t\t\t\t{ id: 'tech-empresas', label: 'Empresas terceiras', icon: 'ph ph-' },\n\t\t\t\t\t{ id: 'tech-tribos', label: 'Tribos', icon: 'ph ph-' },\n\t\t\t\t\t{ id: 'tech-capitulos', label: 'Capítulos/Jornadas', icon: 'ph ph-' },\n\t\t\t\t],\n\t\t\t},\n\t\t],\n\t},\n\t{\n\t\tid: 'configuracoes',\n\t\tlabel: 'Configurações',\n\t\ticon: 'ph ph-gear',\n\t\tchildren: [\n\t\t\t{ id: 'conf-menus', label: 'Menus', icon: 'ph ph-layout' },\n\t\t\t{ id: 'conf-usuarios', label: 'Usuários', icon: 'ph ph-users' },\n\t\t\t{ id: 'conf-tenant', label: 'Tenant', icon: 'ph ph-building' },\n\t\t\t{ id: 'conf-chaves', label: 'Chaves de APIs', icon: 'ph ph-key' },\n\t\t\t{\n\t\t\t\tid: 'conf-permissoes',\n\t\t\t\tlabel: 'Permissões',\n\t\t\t\ticon: 'ph ph-lock',\n\t\t\t\tchildren: [\n\t\t\t\t\t{ id: 'perm-papeis', label: 'Papéis', icon: 'ph ph-' },\n\t\t\t\t\t{ id: 'perm-recursos', label: 'Recursos', icon: 'ph ph-' },\n\t\t\t\t],\n\t\t\t},\n\t\t],\n\t},\n];\n\nconst sampleUser: SulaWorkbenchMenuUser = { name: 'Ana Ribeiro', email: 'ana.ribeiro@sula.com.br' };\n\nconst hubProfileItems: SulaProfileMenuItem[] = [\n\t{ id: 'account', label: 'Minha conta', icon: 'ph ph-user-circle' },\n\t{ id: 'dark-mode', label: 'Modo escuro', icon: 'ph ph-moon', hasSwitch: true, active: false },\n\t{ id: 'divider-logout', divider: true },\n\t{ id: 'logout', label: 'Sair', icon: 'ph ph-sign-out' },\n];\n\nconst cloneItems = (items: SulaWorkbenchMenuItem[]): SulaWorkbenchMenuItem[] =>\n\titems.map(item => ({ ...item, children: item.children ? cloneItems(item.children) : undefined }));\n\nconst createStoryShell = () => {\n\tconst container = document.createElement('div');\n\tcontainer.style.margin = '20px';\n\tcontainer.style.padding = '24px';\n\tcontainer.style.background = 'linear-gradient(180deg, #f8f9f9 0%, #eef2f2 100%)';\n\tcontainer.style.borderRadius = '24px';\n\tcontainer.style.boxSizing = 'border-box';\n\n\tconst shell = document.createElement('div');\n\tshell.style.display = 'flex';\n\tshell.style.width = '960px';\n\tshell.style.maxWidth = '100%';\n\tshell.style.height = '720px';\n\tshell.style.borderRadius = '24px';\n\tshell.style.background = '#ffffff';\n\tshell.style.border = '1px solid #dfe5e5';\n\tshell.style.boxShadow = '0 20px 48px rgba(15, 23, 42, 0.08)';\n\n\tconst contentPanel = document.createElement('div');\n\tcontentPanel.style.flex = '1';\n\tcontentPanel.style.padding = '40px';\n\tcontentPanel.style.borderRadius = '0 24px 24px 0';\n\tcontentPanel.style.color = '#6c6e6e';\n\tcontentPanel.style.fontSize = '14px';\n\tcontentPanel.textContent = 'Área de conteúdo. Níveis 1 a 2 expandem em linha; a partir do nível 3 com filhos, o menu entra em drill-down com breadcrumb.';\n\n\tshell.appendChild(contentPanel);\n\tcontainer.appendChild(shell);\n\treturn { container, shell };\n};\n\nexport default {\n\ttitle: 'Components/sula-workbench-menu',\n\ttags: ['autodocs'],\n\targTypes: {\n\t\tmenuTitle: { control: 'text', defaultValue: 'Sula Hub', description: 'Título do menu.' },\n\t\tdensity: {\n\t\t\tcontrol: { type: 'select' },\n\t\t\toptions: Object.values(SulaMenuDensity),\n\t\t\tdescription: 'Densidade visual dos itens.',\n\t\t},\n\t\tlabelOverflow: {\n\t\t\tcontrol: { type: 'select' },\n\t\t\toptions: Object.values(SulaMenuLabelOverflow),\n\t\t\tdescription: 'Quebra ou ellipsis dos labels.',\n\t\t},\n\t\tdrilldownLevel: {\n\t\t\tcontrol: { type: 'number', min: 1 },\n\t\t\tdescription: 'Nível (1-based) a partir do qual itens com filhos abrem drill-down em vez de expandir em linha.',\n\t\t},\n\t\tdrillPath: {\n\t\t\tcontrol: 'object',\n\t\t\tdescription: 'Controla o drill-down pelo host: ids da raiz até o item cujos filhos aparecem. Array vazio volta à árvore; undefined deixa só os cliques navegarem.',\n\t\t},\n\t\titems: { control: 'object', description: 'Árvore de itens, recursiva.' },\n\t\titemSelected: { action: 'itemSelected', description: 'Emitido ao selecionar um item folha.' },\n\t\titemClicked: { action: 'itemClicked', description: 'Emitido a cada clique em um item.' },\n\t\tlevelChanged: { action: 'levelChanged', description: 'Emitido ao entrar ou voltar de nível no drill-down.' },\n\t\tuser: { control: 'object', description: 'Usuário logado exibido no rodapé: name (obrigatório), email e photo (URL ou data URI). Sem photo, mostra as iniciais.' },\n\t\tprofileClicked: { action: 'profileClicked', description: 'Emitido ao clicar na área do usuário. Abre o menu de perfil, a menos que o evento seja cancelado com preventDefault().' },\n\t\tprofileItems: { control: 'object', description: 'Opções do menu de perfil: id, label, icon, hasSwitch + active, divider, disabled, hidden.' },\n\t\tprofileItemClicked: { action: 'profileItemClicked', description: 'Emitido ao clicar em uma opção sem switch do menu de perfil. O popover fecha.' },\n\t\tprofileSwitchChanged: { action: 'profileSwitchChanged', description: 'Emitido ao alternar o switch de uma opção, com { item, active }. O popover continua aberto.' },\n\t\tmenuToggled: { action: 'menuToggled', description: 'Emitido ao colapsar ou expandir o menu.' },\n\t},\n\tparameters: {\n\t\tdocs: {\n\t\t\tdescription: {\n\t\t\t\tcomponent:\n\t\t\t\t\t'Menu que combina a navegação em árvore do sula-menu (níveis 1 e 2 expandem em linha) com o drill-down: a partir do nível configurado em drilldownLevel (padrão 3), itens com filhos abrem um painel de um nível com breadcrumb e botão de voltar.',\n\t\t\t},\n\t\t},\n\t},\n};\n\nconst Template: any = (args: StoryArgs) => {\n\tconst { container, shell } = createStoryShell();\n\tconst el = document.createElement('sula-workbench-menu');\n\n\tel.menuTitle = args.menuTitle;\n\tel.density = args.density;\n\tel.labelOverflow = args.labelOverflow;\n\tel.drilldownLevel = args.drilldownLevel;\n\tel.drillPath = args.drillPath;\n\tel.items = cloneItems(args.items);\n\tel.user = args.user;\n\tel.profileItems = (args.profileItems ?? hubProfileItems).map(item => ({ ...item }));\n\n\tel.addEventListener('itemSelected', args.itemSelected);\n\tel.addEventListener('itemClicked', args.itemClicked);\n\tel.addEventListener('levelChanged', args.levelChanged);\n\tel.addEventListener('menuToggled', args.menuToggled);\n\tel.addEventListener('profileClicked', args.profileClicked);\n\tel.addEventListener('profileItemClicked', args.profileItemClicked);\n\tel.addEventListener('profileSwitchChanged', args.profileSwitchChanged);\n\n\tshell.prepend(el);\n\treturn container;\n};\n\nexport const Default = Template.bind({});\nDefault.args = {\n\tmenuTitle: 'Sula Hub',\n\tdensity: SulaMenuDensity.Default,\n\tlabelOverflow: SulaMenuLabelOverflow.Wrap,\n\tdrilldownLevel: 3,\n\titems: workbenchItems,\n\tuser: sampleUser,\n};\nDefault.parameters = {\n\tdocs: {\n\t\tdescription: {\n\t\t\tstory:\n\t\t\t\t'Exemplo com 6 níveis reais. Sinistros e Auto já vêm expandidos; em Cobertura (nível 3) o item Terceiros abre o drill-down. \"Apólices\" e \"Veículos\" usam um SVG no lugar do ícone de fonte (propriedade image do item). O rodapé mostra o usuário logado; clicar nele emite profileClicked.',\n\t\t},\n\t},\n};\n\nexport const WithoutPhotoOrEmail = Template.bind({});\nWithoutPhotoOrEmail.args = {\n\tmenuTitle: 'Sula Hub',\n\tdensity: SulaMenuDensity.Default,\n\tlabelOverflow: SulaMenuLabelOverflow.Wrap,\n\tdrilldownLevel: 3,\n\titems: workbenchItems,\n\tuser: { name: 'Carlos Mendes' },\n};\nWithoutPhotoOrEmail.parameters = {\n\tdocs: {\n\t\tdescription: {\n\t\t\tstory: 'Usuário sem foto nem e-mail: o avatar mostra as iniciais e o nome aparece sozinho.',\n\t\t},\n\t},\n};\n\nexport const WithProfileMenu = (args: StoryArgs) => {\n\tconst container = Template(args);\n\tconst menu = container.querySelector('sula-workbench-menu');\n\t// Example of the host application applying the theme chosen in the profile popover.\n\tmenu.addEventListener('profileSwitchChanged', (event: CustomEvent<SulaProfileMenuSwitchChange>) => {\n\t\tif (event.detail.item.id === 'dark-mode') document.documentElement.classList.toggle('dark', event.detail.active);\n\t});\n\treturn container;\n};\nWithProfileMenu.args = {\n\tmenuTitle: 'Sula Hub',\n\tdensity: SulaMenuDensity.Default,\n\tlabelOverflow: SulaMenuLabelOverflow.Wrap,\n\tdrilldownLevel: 3,\n\titems: currentMenuItems,\n\tuser: { name: 'Lucas Reichert', email: 'lucas.reichert@sulamerica.com.br' },\n\tprofileItems: hubProfileItems,\n};\nWithProfileMenu.parameters = {\n\tdocs: {\n\t\tdescription: {\n\t\t\tstory:\n\t\t\t\t'Clique no usuário do rodapé para abrir o menu de perfil, que substitui o header da aplicação. Com o menu expandido, o popover abre acima do usuário, na largura do menu; recolhido, abre ao lado do rail. Fecha com clique fora, Esc ou novo clique no usuário. As opções vêm de profileItems (label, icon, hasSwitch, divider...): cliques emitem profileItemClicked e switches emitem profileSwitchChanged. Aqui a story aplica a classe .dark no documentElement quando o switch dark-mode muda. Para não abrir o popover e tratar o clique por conta própria, chame preventDefault() em profileClicked. Conteúdo extra pode ser passado com slot=\"profile-content\".',\n\t\t},\n\t},\n};\n\nexport const CustomProfileItems = Template.bind({});\nCustomProfileItems.args = {\n\tmenuTitle: 'Sula Hub',\n\tdensity: SulaMenuDensity.Default,\n\tlabelOverflow: SulaMenuLabelOverflow.Wrap,\n\tdrilldownLevel: 3,\n\titems: workbenchItems,\n\tuser: sampleUser,\n\tprofileItems: [\n\t\t{ id: 'profile', label: 'Meu perfil', icon: 'ph ph-identification-card' },\n\t\t{ id: 'notifications', label: 'Notificações', icon: 'ph ph-bell', hasSwitch: true, active: true },\n\t\t{ id: 'compact', label: 'Modo compacto', icon: 'ph ph-rows', hasSwitch: true, active: false },\n\t\t{ id: 'divider-help', divider: true },\n\t\t{ id: 'help', label: 'Central de ajuda', icon: 'ph ph-question' },\n\t\t{ id: 'billing', label: 'Faturamento', icon: 'ph ph-credit-card', disabled: true },\n\t\t{ id: 'divider-logout', divider: true },\n\t\t{ id: 'logout', label: 'Sair', icon: 'ph ph-sign-out' },\n\t],\n};\nCustomProfileItems.parameters = {\n\tdocs: {\n\t\tdescription: {\n\t\t\tstory: 'Outra aplicação com opções próprias: dois switches, item desabilitado e dois divisores. Basta trocar profileItems.',\n\t\t},\n\t},\n};\n\nexport const ControlledDrillPath = (args: StoryArgs) => {\n\tconst container = Template(args);\n\tconst menu = container.querySelector('sula-workbench-menu');\n\tconst paths: Record<string, string[]> = {\n\t\tTree: [],\n\t\t'Cobertura': ['claims', 'claims-auto', 'claims-auto-coverage'],\n\t\t'Terceiros': ['claims', 'claims-auto', 'claims-auto-coverage', 'claims-auto-third'],\n\t};\n\n\tconst toolbar = document.createElement('div');\n\ttoolbar.style.cssText = 'display:flex;gap:8px;margin:20px 20px 0';\n\tObject.entries(paths).forEach(([label, path]) => {\n\t\tconst button = document.createElement('sula-button');\n\t\tbutton.text = label;\n\t\tbutton.addEventListener('click', () => (menu.drillPath = path));\n\t\ttoolbar.appendChild(button);\n\t});\n\n\tconst wrapper = document.createElement('div');\n\twrapper.append(toolbar, container);\n\treturn wrapper;\n};\nControlledDrillPath.args = {\n\tmenuTitle: 'Sula Hub',\n\tdensity: SulaMenuDensity.Default,\n\tlabelOverflow: SulaMenuLabelOverflow.Wrap,\n\tdrilldownLevel: 3,\n\titems: workbenchItems,\n\tuser: sampleUser,\n};\nControlledDrillPath.parameters = {\n\tdocs: {\n\t\tdescription: {\n\t\t\tstory: 'O host controla o drill-down pela propriedade drillPath: os botões acima entram em Cobertura, em Terceiros ou voltam para a árvore. Ids desconhecidos interrompem o caminho no último nível válido.',\n\t\t},\n\t},\n};\n\nexport const InlineOnly = Template.bind({});\nInlineOnly.args = {\n\tmenuTitle: 'Sula Hub',\n\tdensity: SulaMenuDensity.Default,\n\tlabelOverflow: SulaMenuLabelOverflow.Wrap,\n\tdrilldownLevel: 99,\n\titems: workbenchItems,\n\tuser: sampleUser,\n};\nInlineOnly.parameters = {\n\tdocs: {\n\t\tdescription: {\n\t\t\tstory: 'Com drilldownLevel acima da profundidade da árvore, o componente se comporta como o sula-menu, expandindo tudo em linha.',\n\t\t},\n\t},\n};\n\nconst createComparisonShell = () => {\n\tconst container = document.createElement('div');\n\tcontainer.style.margin = '20px';\n\tcontainer.style.padding = '24px';\n\tcontainer.style.background = '#eef2f2';\n\tcontainer.style.borderRadius = '24px';\n\tcontainer.style.boxSizing = 'border-box';\n\tcontainer.style.display = 'flex';\n\tcontainer.style.gap = '32px';\n\tcontainer.style.alignItems = 'flex-start';\n\treturn container;\n};\n\nconst createComparisonColumn = (title: string) => {\n\tconst column = document.createElement('div');\n\tconst caption = document.createElement('div');\n\tcaption.textContent = title;\n\tcaption.style.font = '600 13px sans-serif';\n\tcaption.style.color = '#6c6e6e';\n\tcaption.style.marginBottom = '12px';\n\tconst box = document.createElement('div');\n\tbox.style.height = '720px';\n\tbox.style.width = '350px';\n\tbox.style.display = 'flex';\n\tbox.style.background = '#ffffff';\n\tbox.style.border = '1px solid #e5e6e6';\n\tbox.style.borderRadius = '16px';\n\tbox.style.overflow = 'hidden';\n\tcolumn.appendChild(caption);\n\tcolumn.appendChild(box);\n\treturn { column, box };\n};\n\n// Fourth level under Tech Portal > Cadastros > Tribos. The current sula-menu stops at the third level,\n// so in it \"Tribos\" stays a leaf; in the new menu it opens the drill-down.\nconst withFourthLevel = (items: SulaWorkbenchMenuItem[]): SulaWorkbenchMenuItem[] =>\n\tcloneItems(items).map(item => {\n\t\tif (item.id !== 'tech-portal') return item;\n\t\treturn {\n\t\t\t...item,\n\t\t\texpanded: true,\n\t\t\tchildren: item.children!.map(child => {\n\t\t\t\tif (child.id !== 'tech-cadastros') return child;\n\t\t\t\treturn {\n\t\t\t\t\t...child,\n\t\t\t\t\texpanded: true,\n\t\t\t\t\tchildren: child.children!.map(grandchild =>\n\t\t\t\t\t\tgrandchild.id === 'tech-tribos'\n\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t...grandchild,\n\t\t\t\t\t\t\t\t\tchildren: [\n\t\t\t\t\t\t\t\t\t\t{ id: 'tribo-saude', label: 'Tribo Saúde', icon: 'ph ph-heartbeat', selected: true },\n\t\t\t\t\t\t\t\t\t\t{ id: 'tribo-odonto', label: 'Tribo Odonto', icon: 'ph ph-tooth' },\n\t\t\t\t\t\t\t\t\t\t{ id: 'tribo-auto', label: 'Tribo Auto e Massificados', icon: 'ph ph-car' },\n\t\t\t\t\t\t\t\t\t\t{ id: 'tribo-dados', label: 'Tribo Dados e Analytics', icon: 'ph ph-chart-line-up' },\n\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t: grandchild,\n\t\t\t\t\t),\n\t\t\t\t};\n\t\t\t}),\n\t\t};\n\t});\n\nconst withoutSelection = (items: SulaWorkbenchMenuItem[]): SulaWorkbenchMenuItem[] =>\n\titems.map(item => ({ ...item, selected: false, children: item.children ? withoutSelection(item.children) : undefined }));\n\nconst clickMenuRow = (menu: HTMLElement, label: string) => {\n\tconst row = Array.from(menu.shadowRoot!.querySelectorAll<HTMLElement>('.menu-item, .submenu-item')).find(el => el.textContent?.trim() === label);\n\trow?.click();\n};\n\nconst renderComparison = (items: SulaWorkbenchMenuItem[], drillTo?: string) => {\n\tconst container = createComparisonShell();\n\n\tconst current = createComparisonColumn('sula-menu (atual)');\n\tconst currentMenu = document.createElement('sula-menu');\n\tcurrentMenu.menuTitle = 'Sula Hub';\n\tcurrentMenu.image = BRAND_IMAGE;\n\tcurrentMenu.items = cloneItems(items) as unknown as SulaMenuMainItem[];\n\tcurrent.box.appendChild(currentMenu);\n\n\tconst workbench = createComparisonColumn('sula-workbench-menu (novo)');\n\tconst workbenchMenu = document.createElement('sula-workbench-menu');\n\tworkbenchMenu.menuTitle = 'Sula Hub';\n\tworkbenchMenu.image = BRAND_IMAGE;\n\tworkbenchMenu.user = sampleUser;\n\tworkbenchMenu.items = cloneItems(items);\n\tworkbench.box.appendChild(workbenchMenu);\n\n\tif (drillTo) {\n\t\tcustomElements\n\t\t\t.whenDefined('sula-workbench-menu')\n\t\t\t.then(() => workbenchMenu.componentOnReady())\n\t\t\t.then(() => clickMenuRow(workbenchMenu, drillTo));\n\t}\n\n\tcontainer.appendChild(current.column);\n\tcontainer.appendChild(workbench.column);\n\treturn container;\n};\n\nexport const ComparisonWithCurrentSulaMenu = () => renderComparison(currentMenuItems);\nComparisonWithCurrentSulaMenu.parameters = {\n\tdocs: {\n\t\tdescription: {\n\t\t\tstory:\n\t\t\t\t'Os mesmos itens do menu atual de produção, renderizados no sula-menu (atual) e no sula-workbench-menu (novo), lado a lado, para comparar espaçamento, ícones e hierarquia. O menu novo mostra o perfil do usuário no rodapé, que substitui o \"Ocultar menu\" (o recolher fica no topo).',\n\t\t},\n\t},\n};\n\nexport const ComparisonDrilldownFourthLevel = () => renderComparison(withFourthLevel(withoutSelection(currentMenuItems)), 'Tribos');\nComparisonDrilldownFourthLevel.parameters = {\n\tdocs: {\n\t\tdescription: {\n\t\t\tstory:\n\t\t\t\t'Mesmos itens do menu atual com um quarto nível em Tech Portal > Cadastros > Tribos. No sula-menu (atual) a árvore para no terceiro nível e Tribos fica sem os filhos. No sula-workbench-menu (novo), Tribos abre o drill-down: breadcrumb com o caminho, botão de voltar e os itens do quarto nível em tela cheia.',\n\t\t},\n\t},\n};\n"]}
@@ -1,5 +1,5 @@
1
1
  import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-DYfmicjp.js';
2
- import { d as defineCustomElement$2 } from './p-DK8hW-Cd.js';
2
+ import { d as defineCustomElement$2 } from './p-CNJmyTBM.js';
3
3
  import { d as defineCustomElement$1 } from './p-DEhN6ZhJ.js';
4
4
 
5
5
  const sulaProfileMenuCss = "*,:after,:before{--tw-ring-color:rgba(59,130,246,.5);--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(147,197,253,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-ring-color:rgba(59,130,246,.5);--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(147,197,253,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:\"\"}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{font-family:Figtree;line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}.flex{display:flex}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.border{border-width:1px}.outline{outline-style:solid}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}:host,:host button,:host input,:host option,:host select,:host textarea{font-family:Figtree,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:host{display:block}.profile-avatar img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.profile-divider{background:var(--color-line-general);height:1px;margin:4px 8px}.profile-option{align-items:center;background:none;border:0;border-radius:8px;box-sizing:border-box;display:flex;font:inherit;gap:8px;min-height:40px;padding:0 8px;text-align:left;width:100%}button.profile-option{cursor:pointer;transition:background-color .15s ease-out}button.profile-option:hover:not(.is-disabled){background:var(--color-states-empty-bg-hover)}button.profile-option.is-disabled{cursor:not-allowed}button.profile-option:focus-visible{outline:2px solid var(--color-feedback-informational);outline-offset:-2px}.profile-option sula-icon{display:flex;flex:none;justify-content:center;width:20px}.profile-option sula-switch{flex:none;pointer-events:none;transform:scale(.75);transform-origin:right center}:root{--color-green-50:#f1f9f4;--color-green-100:#e6f4ed;--color-green-200:#cae7d8;--color-green-300:#a0d4b8;--color-green-400:#68bb8e;--color-green-500:#04843f;--color-green-600:#037236;--color-green-700:#03632f;--color-green-800:#035428;--color-green-900:#024521;--color-green-950:#012b15;--color-red-50:#fef6f6;--color-red-100:#fde8e8;--color-red-200:#fad1d1;--color-red-300:#f7abab;--color-red-400:#f17474;--color-red-500:#c80505;--color-red-600:#b30404;--color-red-700:#9f0404;--color-red-800:#860303;--color-red-900:#6d0303;--color-red-950:#330d00;--color-yellow-50:#fdf4e7;--color-yellow-100:#fcedd9;--color-yellow-200:#fae0bd;--color-yellow-300:#f6c788;--color-yellow-400:#f3b159;--color-yellow-500:#ef9928;--color-yellow-600:#e49226;--color-yellow-700:#d17e10;--color-yellow-800:#b46d0e;--color-yellow-900:#93590b;--color-yellow-950:#402705;--color-orange-50:#fef4f1;--color-orange-100:#fde8e2;--color-orange-200:#fbd2c6;--color-orange-300:#f8b4a0;--color-orange-400:#f58e70;--color-orange-500:#f05223;--color-orange-600:#ea4210;--color-orange-700:#d23b0e;--color-orange-800:#b5330c;--color-orange-900:#942a0a;--color-orange-950:#401204;--color-blue-50:#ecf0f9;--color-blue-100:#dde3f4;--color-blue-200:#b2c2e5;--color-blue-300:#7994d2;--color-blue-400:#4066bf;--color-blue-500:#001e64;--color-blue-600:#001c5c;--color-blue-700:#00174c;--color-blue-800:#00123d;--color-blue-900:#000f33;--color-blue-950:#000d2b;--color-ambar-50:#fff6eb;--color-ambar-100:#ffefdc;--color-ambar-200:#fedfb9;--color-ambar-300:#fdca8b;--color-ambar-400:#fdb359;--color-ambar-500:#fc9c26;--color-ambar-600:#ec8403;--color-ambar-700:#d87803;--color-ambar-800:#ba6803;--color-ambar-900:#975402;--color-ambar-950:#402301;--color-gray-50:#fff;--color-gray-100:#f3f4f4;--color-gray-200:#e5e6e6;--color-gray-300:#bfc0c0;--color-gray-400:#acaeae;--color-gray-500:#949595;--color-gray-600:#737575;--color-gray-700:#6c6e6e;--color-gray-800:#313333;--color-gray-900:#272929;--color-gray-950:#191d1d;--color-white-opacity-50:#ffffff0d;--color-white-opacity-100:#ffffff1a;--color-white-opacity-200:#ffffff26;--color-white-opacity-300:#ffffff45;--color-white-opacity-400:#ffffff5c;--color-white-opacity-500:#ffffff80;--color-white-opacity-600:#ffffff8c;--color-white-opacity-700:#ffffffa3;--color-white-opacity-800:#ffffffba;--color-white-opacity-900:#fffc;--color-white-opacity-950:#ffffffe8;--color-ciano-50:#f1f6fe;--color-ciano-100:#dfeafc;--color-ciano-200:#c3d9f9;--color-ciano-300:#90b9f4;--color-ciano-400:#5d98ee;--color-ciano-500:#1769e0;--color-ciano-600:#155fcb;--color-ciano-700:#1355b4;--color-ciano-800:#104899;--color-ciano-900:#0d3b7d;--color-ciano-950:#071e40;--color-extra-color-blue-light:#e7f0f4;--color-extra-color-blue-dark:#162931;--color-black-opacity-50:rgba(25,29,29,.02);--color-black-opacity-100:rgba(25,29,29,.05);--color-black-opacity-200:rgba(25,29,29,.11);--color-black-opacity-300:rgba(25,29,29,.28);--color-black-opacity-400:rgba(25,29,29,.36);--color-black-opacity-500:rgba(25,29,29,.44);--color-black-opacity-600:rgba(25,29,29,.62);--color-black-opacity-700:rgba(25,29,29,.64);--color-black-opacity-800:rgba(25,29,29,.72);--color-black-opacity-900:rgba(25,29,29,.8);--color-black-opacity-950:rgba(25,29,29,.96);--color-shadow-opacity-50:rgba(0,0,0,.04);--color-shadow-opacity-100:rgba(0,0,0,.06);--color-shadow-opacity-200:rgba(0,0,0,.12);--color-shadow-opacity-300:rgba(0,0,0,.2);--color-shadow-opacity-400:rgba(0,0,0,.32);--color-shadow-opacity-500:rgba(0,0,0,.5);--color-shadow-opacity-600:rgba(0,0,0,.55);--color-shadow-opacity-700:rgba(0,0,0,.64);--color-shadow-opacity-800:rgba(0,0,0,.73);--color-shadow-opacity-900:rgba(0,0,0,.8);--color-shadow-opacity-950:rgba(0,0,0,.91);--color-feedback-success:#04843f;--color-feedback-error:#c80505;--color-feedback-informational:#1355b4;--color-feedback-alert:#ef9928;--color-brand-primary:#f05223;--color-brand-secondary:#001c5c;--color-brand-tertiary-1:#1769e0;--color-brand-tertiary-2:#fc9c26;--color-surface-body:#fff;--color-surface-on-body:#f3f4f4;--color-surface-on-body-blue:#e7f0f4;--color-surface-on-body-brand:#fff6eb;--color-surface-on-body-feedback-success:#e6f4ed;--color-surface-on-body-feedback-error:#fde8e8;--color-surface-on-body-feedback-alert:#fdf4e7;--color-surface-on-body-feedback-info:#dfeafc;--color-text-brand:#f05223;--color-text-primary:#313333;--color-text-secondary:#6c6e6e;--color-text-disabled:#949595;--color-text-link:#1355b4;--color-states-empty-bg-hover:rgba(25,29,29,.05);--color-states-empty-bg-pressed:rgba(25,29,29,.11);--color-states-bg-disabled:rgba(25,29,29,.02);--color-states-bg-focus:#1355b4;--color-states-primary-hover:#ea4210;--color-states-primary-pressed:#d23b0e;--color-states-danger-hover:#b30404;--color-states-danger-pressed:#9f0404;--color-states-negative-hover:#e5e6e6;--color-states-negative-pressed:#bfc0c0;--color-icon-primary:#6c6e6e;--color-icon-secondary:#fff;--color-icon-tertiary:#b30404;--color-icon-disabled:#acaeae;--color-neutral-neutral-1:#fff;--color-neutral-neutral-2:#f3f4f4;--color-neutral-neutral-3:#acaeae;--color-neutral-neutral-4:#949595;--color-neutral-neutral-5:#737575;--color-neutral-neutral-6:#6c6e6e;--color-neutral-neutral-7:#313333;--color-neutral-neutral-8:#272929;--color-negative-negative-1:#fff;--color-negative-negative-2:#313333;--color-opacity-body:#fffc;--color-opacity-on-body:rgba(25,29,29,.02);--color-opacity-overlay:rgba(25,29,29,.62);--color-opacity-on-overlay:#ffffff1a;--color-opacity-toast:#ffffff45;--color-line-input:#949595;--color-line-general-strong:#bfc0c0;--color-line-general:#e5e6e6;--color-line-hair:rgba(25,29,29,.05);--color-box-shadow-body:#fff;--color-box-shadow-shadow-color-1:rgba(0,0,0,.04);--color-box-shadow-shadow-color-2:rgba(0,0,0,.06)}.visible{visibility:visible}.static{position:static}.z-50{z-index:50}.mb-16{margin-bottom:1rem}.mb-24{margin-bottom:1.5rem}.mb-40{margin-bottom:2.5rem}.ml-8{margin-left:.5rem}.ml-\\[24px\\]{margin-left:24px}.ml-\\[8px\\]{margin-left:8px}.mr-6{margin-right:1.5rem}.mt-8{margin-top:.5rem}.inline{display:inline}.hidden{display:none}.h-9{height:2.25rem}.h-full{height:100%}.max-h-10{max-height:2.5rem}.w-9{width:2.25rem}.w-full{width:100%}.min-w-0{min-width:0}.max-w-10{max-width:2.5rem}.flex-1{flex:1 1 0%}.flex-none{flex:none}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{user-select:none}.resize{resize:both}.list-none{list-style-type:none}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-8{gap:.5rem}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-full{border-radius:9999px}.rounded-xs{border-radius:.5rem}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-t{border-top-width:1px}.border-line-general{border-color:var(--color-line-general)}.bg-brand-primary{background-color:var(--color-brand-primary)}.bg-states-empty-bg-hover{background-color:var(--color-states-empty-bg-hover)}.bg-surface-body{background-color:var(--color-surface-body)}.p-8{padding:.5rem}.px-0{padding-left:0;padding-right:0}.px-12{padding-left:.75rem;padding-right:.75rem}.px-8{padding-left:.5rem;padding-right:.5rem}.py-8{padding-bottom:.5rem;padding-top:.5rem}.pb-24{padding-bottom:1.5rem}.pl-8{padding-left:.5rem}.pr-8{padding-right:.5rem}.pt-12{padding-top:.75rem}.text-left{text-align:left}.text-2xl{font-size:1.5rem;line-height:2rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.leading-7{line-height:1.75rem}.leading-tight{line-height:1.25}.text-brand-primary{color:var(--color-brand-primary)}.text-icon-disabled{color:var(--color-icon-disabled)}.text-icon-primary{color:var(--color-icon-primary)}.text-negative-negative-1{color:var(--color-negative-negative-1)}.text-text-disabled{color:var(--color-text-disabled)}.text-text-primary{color:var(--color-text-primary)}.text-text-secondary{color:var(--color-text-secondary)}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.hover\\:bg-states-empty-bg-hover:hover{background-color:var(--color-states-empty-bg-hover)}.h-10{height:2.5rem}.w-10{width:2.5rem}.gap-12{gap:.75rem}.rounded-sm{border-radius:.75rem}.pb-12{padding-bottom:.75rem}.pt-8{padding-top:.5rem}@font-face{font-display:swap;font-family:Figtree;font-style:normal;font-weight:300;src:local(\"Figtree\"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-Light.ttf) format(\"truetype\")}@font-face{font-display:swap;font-family:Figtree;font-style:italic;font-weight:300;src:local(\"Figtree\"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-LightItalic.ttf) format(\"truetype\")}@font-face{font-display:swap;font-family:Figtree;font-style:normal;font-weight:400;src:local(\"Figtree\"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-Regular.ttf) format(\"truetype\")}@font-face{font-display:swap;font-family:Figtree;font-style:italic;font-weight:400;src:local(\"Figtree\"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-Italic.ttf) format(\"truetype\")}@font-face{font-display:swap;font-family:Figtree;font-style:normal;font-weight:500;src:local(\"Figtree\"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-Medium.ttf) format(\"truetype\")}@font-face{font-display:swap;font-family:Figtree;font-style:italic;font-weight:500;src:local(\"Figtree\"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-MediumItalic.ttf) format(\"truetype\")}@font-face{font-display:swap;font-family:Figtree;font-style:normal;font-weight:600;src:local(\"Figtree\"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-SemiBold.ttf) format(\"truetype\")}@font-face{font-display:swap;font-family:Figtree;font-style:italic;font-weight:600;src:local(\"Figtree\"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-SemiBoldItalic.ttf) format(\"truetype\")}@font-face{font-display:swap;font-family:Figtree;font-style:normal;font-weight:700;src:local(\"Figtree\"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-Bold.ttf) format(\"truetype\")}@font-face{font-display:swap;font-family:Figtree;font-style:italic;font-weight:700;src:local(\"Figtree\"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-BoldItalic.ttf) format(\"truetype\")}@font-face{font-display:swap;font-family:Figtree;font-style:normal;font-weight:800;src:local(\"Figtree\"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-ExtraBold.ttf) format(\"truetype\")}@font-face{font-display:swap;font-family:Figtree;font-style:italic;font-weight:800;src:local(\"Figtree\"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-ExtraBoldItalic.ttf) format(\"truetype\")}@font-face{font-display:swap;font-family:Figtree;font-style:normal;font-weight:900;src:local(\"Figtree\"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-Black.ttf) format(\"truetype\")}@font-face{font-display:swap;font-family:Figtree;font-style:italic;font-weight:900;src:local(\"Figtree\"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-BlackItalic.ttf) format(\"truetype\")}.mr-16{margin-right:1rem}.h-12{height:.75rem}.h-32{height:2rem}.h-4{height:.25rem}.h-\\[28px\\]{height:28px}.min-h-\\[85px\\]{min-height:85px}.w-12{width:.75rem}.w-56{width:3.5rem}.w-\\[10px\\]{width:10px}.w-\\[280px\\]{width:280px}.w-\\[28px\\]{width:28px}.justify-start{justify-content:flex-start}.space-x-12>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.75rem*var(--tw-space-x-reverse))}.break-words{overflow-wrap:break-word}.rounded-md{border-radius:1.25rem}.rounded-xxl{border-radius:18.75rem}.bg-negative-negative-1{background-color:var(--color-negative-negative-1)}.bg-neutral-neutral-3{background-color:var(--color-neutral-neutral-3)}.bg-neutral-neutral-4{background-color:var(--color-neutral-neutral-4)}.bg-states-bg-disabled{background-color:var(--color-states-bg-disabled)}.bg-surface-on-body{background-color:var(--color-surface-on-body)}.p-2{padding:.125rem}.px-24{padding-left:1.5rem;padding-right:1.5rem}.py-16{padding-bottom:1rem;padding-top:1rem}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.active\\:bg-states-empty-bg-pressed:active{background-color:var(--color-states-empty-bg-pressed)}";
@@ -79,6 +79,6 @@ function defineCustomElement() {
79
79
  defineCustomElement();
80
80
 
81
81
  export { SulaProfileMenu as S, defineCustomElement as d };
82
- //# sourceMappingURL=p-KitH8bea.js.map
82
+ //# sourceMappingURL=p-BSlKsiiN.js.map
83
83
 
84
- //# sourceMappingURL=p-KitH8bea.js.map
84
+ //# sourceMappingURL=p-BSlKsiiN.js.map
@@ -1 +1 @@
1
- {"file":"p-KitH8bea.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/sula-profile-menu/sula-profile-menu.scss?tag=sula-profile-menu&encapsulation=shadow","src/components/sula-profile-menu/sula-profile-menu.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.profile-avatar img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n\n.profile-divider {\n height: 1px;\n margin: 4px 8px;\n background: var(--color-line-general);\n}\n\n.profile-option {\n display: flex;\n align-items: center;\n gap: 8px;\n width: 100%;\n min-height: 40px;\n padding: 0 8px;\n box-sizing: border-box;\n border: 0;\n border-radius: 8px;\n background: none;\n font: inherit;\n text-align: left;\n}\n\nbutton.profile-option {\n cursor: pointer;\n transition: background-color 150ms ease-out;\n\n &:hover:not(.is-disabled) {\n background: var(--color-states-empty-bg-hover);\n }\n\n &.is-disabled {\n cursor: not-allowed;\n }\n\n &:focus-visible {\n outline: 2px solid var(--color-feedback-informational);\n outline-offset: -2px;\n }\n}\n\n/* Fixed icon box keeps labels aligned whatever the glyph width. */\n.profile-option sula-icon {\n display: flex;\n flex: none;\n justify-content: center;\n width: 20px;\n}\n\n/* The DS switch is 56x32; scaled down so the row keeps the menu item height. */\n.profile-option sula-switch {\n flex: none;\n pointer-events: none;\n transform: scale(0.75);\n transform-origin: right center;\n}\n","import { Component, Event, EventEmitter, Host, Prop, h } from '@stencil/core';\nimport { SulaProfileMenuItem, SulaProfileMenuSwitchChange, SulaProfileMenuUser } from './model/sula-profile-menu.model';\n\n/**\n * Profile card with the logged user and a configurable list of options.\n * It has no positioning of its own: place it inside a popover, dropdown or panel.\n * The component only emits events: what each option does is up to the host application.\n *\n * @slot - Extra content rendered after the options.\n * @part card - Card container.\n * @part name - User name.\n * @part option - Each option row.\n * @part divider - Each separator line.\n */\n@Component({\n tag: 'sula-profile-menu',\n styleUrl: 'sula-profile-menu.scss',\n shadow: true,\n})\nexport class SulaProfileMenu {\n /**\n * Logged user. Without a photo, the initials are shown.\n */\n @Prop() user?: SulaProfileMenuUser;\n\n /**\n * Options of the list. Use `divider` for a separator and `hasSwitch` + `active` for a toggle row.\n */\n @Prop({ mutable: true }) items: SulaProfileMenuItem[] = [];\n\n /**\n * Emitted when an option without switch is clicked\n */\n @Event() itemClicked: EventEmitter<SulaProfileMenuItem>;\n\n /**\n * Emitted when the switch of an option changes\n */\n @Event() switchChanged: EventEmitter<SulaProfileMenuSwitchChange>;\n\n private handleClick(item: SulaProfileMenuItem) {\n if (item.disabled) return;\n if (!item.hasSwitch) {\n this.itemClicked.emit(item);\n return;\n }\n const active = !item.active;\n const updated = { ...item, active };\n this.items = this.items.map(current => (current.id === item.id ? updated : current));\n this.switchChanged.emit({ item: updated, active });\n }\n\n private getInitials(name: string) {\n return name\n .split(' ')\n .filter(Boolean)\n .slice(0, 2)\n .map(part => part[0].toUpperCase())\n .join('');\n }\n\n private renderItem(item: SulaProfileMenuItem) {\n if (item.divider) return <div key={item.id} part=\"divider\" class=\"profile-divider\" role=\"separator\"></div>;\n\n return (\n <button\n key={item.id}\n type=\"button\"\n part=\"option\"\n class={{ 'profile-option': true, 'is-disabled': !!item.disabled }}\n role={item.hasSwitch ? 'switch' : undefined}\n aria-checked={item.hasSwitch ? String(!!item.active) : undefined}\n aria-disabled={item.disabled ? 'true' : undefined}\n onClick={() => this.handleClick(item)}\n >\n {item.icon && <sula-icon icon={item.icon} customClass={`text-lg ${item.disabled ? 'text-icon-disabled' : 'text-icon-primary'}`}></sula-icon>}\n <span class={{ 'profile-option-label min-w-0 flex-1 truncate text-sm': true, 'text-text-secondary': !item.disabled, 'text-text-disabled': !!item.disabled }}>\n {item.label}\n </span>\n {/* The row is the switch control; the inner switch is only visual. */}\n {item.hasSwitch && <sula-switch active={!!item.active} disabled={!!item.disabled} ref={el => el?.setAttribute('inert', '')}></sula-switch>}\n </button>\n );\n }\n\n render() {\n if (!this.user) return <Host />;\n const { name, email, photo } = this.user;\n const items = this.items.filter(item => !item.hidden);\n\n return (\n <Host>\n <div part=\"card\" class=\"profile-card flex flex-col rounded-sm bg-surface-body px-8 pb-12 pt-8\">\n <div class=\"profile-header flex min-w-0 items-center gap-12 p-8\">\n <span class=\"profile-avatar flex h-10 w-10 flex-none items-center justify-center overflow-hidden rounded-full bg-brand-primary text-sm font-semibold text-negative-negative-1\">\n {photo ? <img src={photo} alt={name} /> : this.getInitials(name)}\n </span>\n <span class=\"flex min-w-0 flex-col\">\n <span part=\"name\" class=\"profile-name truncate text-sm font-semibold text-text-primary\">\n {name}\n </span>\n {email && <span class=\"profile-email truncate text-xs text-text-secondary\">{email}</span>}\n </span>\n </div>\n\n {items.length > 0 && !items[0].divider && <div part=\"divider\" class=\"profile-divider\" role=\"separator\"></div>}\n {items.map(item => this.renderItem(item))}\n\n <slot></slot>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1
+ {"file":"p-BSlKsiiN.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/sula-profile-menu/sula-profile-menu.scss?tag=sula-profile-menu&encapsulation=shadow","src/components/sula-profile-menu/sula-profile-menu.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.profile-avatar img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n\n.profile-divider {\n height: 1px;\n margin: 4px 8px;\n background: var(--color-line-general);\n}\n\n.profile-option {\n display: flex;\n align-items: center;\n gap: 8px;\n width: 100%;\n min-height: 40px;\n padding: 0 8px;\n box-sizing: border-box;\n border: 0;\n border-radius: 8px;\n background: none;\n font: inherit;\n text-align: left;\n}\n\nbutton.profile-option {\n cursor: pointer;\n transition: background-color 150ms ease-out;\n\n &:hover:not(.is-disabled) {\n background: var(--color-states-empty-bg-hover);\n }\n\n &.is-disabled {\n cursor: not-allowed;\n }\n\n &:focus-visible {\n outline: 2px solid var(--color-feedback-informational);\n outline-offset: -2px;\n }\n}\n\n/* Fixed icon box keeps labels aligned whatever the glyph width. */\n.profile-option sula-icon {\n display: flex;\n flex: none;\n justify-content: center;\n width: 20px;\n}\n\n/* The DS switch is 56x32; scaled down so the row keeps the menu item height. */\n.profile-option sula-switch {\n flex: none;\n pointer-events: none;\n transform: scale(0.75);\n transform-origin: right center;\n}\n","import { Component, Event, EventEmitter, Host, Prop, h } from '@stencil/core';\nimport { SulaProfileMenuItem, SulaProfileMenuSwitchChange, SulaProfileMenuUser } from './model/sula-profile-menu.model';\n\n/**\n * Profile card with the logged user and a configurable list of options.\n * It has no positioning of its own: place it inside a popover, dropdown or panel.\n * The component only emits events: what each option does is up to the host application.\n *\n * @slot - Extra content rendered after the options.\n * @part card - Card container.\n * @part name - User name.\n * @part option - Each option row.\n * @part divider - Each separator line.\n */\n@Component({\n tag: 'sula-profile-menu',\n styleUrl: 'sula-profile-menu.scss',\n shadow: true,\n})\nexport class SulaProfileMenu {\n /**\n * Logged user. Without a photo, the initials are shown.\n */\n @Prop() user?: SulaProfileMenuUser;\n\n /**\n * Options of the list. Use `divider` for a separator and `hasSwitch` + `active` for a toggle row.\n */\n @Prop({ mutable: true }) items: SulaProfileMenuItem[] = [];\n\n /**\n * Emitted when an option without switch is clicked\n */\n @Event() itemClicked: EventEmitter<SulaProfileMenuItem>;\n\n /**\n * Emitted when the switch of an option changes\n */\n @Event() switchChanged: EventEmitter<SulaProfileMenuSwitchChange>;\n\n private handleClick(item: SulaProfileMenuItem) {\n if (item.disabled) return;\n if (!item.hasSwitch) {\n this.itemClicked.emit(item);\n return;\n }\n const active = !item.active;\n const updated = { ...item, active };\n this.items = this.items.map(current => (current.id === item.id ? updated : current));\n this.switchChanged.emit({ item: updated, active });\n }\n\n private getInitials(name: string) {\n return name\n .split(' ')\n .filter(Boolean)\n .slice(0, 2)\n .map(part => part[0].toUpperCase())\n .join('');\n }\n\n private renderItem(item: SulaProfileMenuItem) {\n if (item.divider) return <div key={item.id} part=\"divider\" class=\"profile-divider\" role=\"separator\"></div>;\n\n return (\n <button\n key={item.id}\n type=\"button\"\n part=\"option\"\n class={{ 'profile-option': true, 'is-disabled': !!item.disabled }}\n role={item.hasSwitch ? 'switch' : undefined}\n aria-checked={item.hasSwitch ? String(!!item.active) : undefined}\n aria-disabled={item.disabled ? 'true' : undefined}\n onClick={() => this.handleClick(item)}\n >\n {item.icon && <sula-icon icon={item.icon} customClass={`text-lg ${item.disabled ? 'text-icon-disabled' : 'text-icon-primary'}`}></sula-icon>}\n <span class={{ 'profile-option-label min-w-0 flex-1 truncate text-sm': true, 'text-text-secondary': !item.disabled, 'text-text-disabled': !!item.disabled }}>\n {item.label}\n </span>\n {/* The row is the switch control; the inner switch is only visual. */}\n {item.hasSwitch && <sula-switch active={!!item.active} disabled={!!item.disabled} ref={el => el?.setAttribute('inert', '')}></sula-switch>}\n </button>\n );\n }\n\n render() {\n if (!this.user) return <Host />;\n const { name, email, photo } = this.user;\n const items = this.items.filter(item => !item.hidden);\n\n return (\n <Host>\n <div part=\"card\" class=\"profile-card flex flex-col rounded-sm bg-surface-body px-8 pb-12 pt-8\">\n <div class=\"profile-header flex min-w-0 items-center gap-12 p-8\">\n <span class=\"profile-avatar flex h-10 w-10 flex-none items-center justify-center overflow-hidden rounded-full bg-brand-primary text-sm font-semibold text-negative-negative-1\">\n {photo ? <img src={photo} alt={name} /> : this.getInitials(name)}\n </span>\n <span class=\"flex min-w-0 flex-col\">\n <span part=\"name\" class=\"profile-name truncate text-sm font-semibold text-text-primary\">\n {name}\n </span>\n {email && <span class=\"profile-email truncate text-xs text-text-secondary\">{email}</span>}\n </span>\n </div>\n\n {items.length > 0 && !items[0].divider && <div part=\"divider\" class=\"profile-divider\" role=\"separator\"></div>}\n {items.map(item => this.renderItem(item))}\n\n <slot></slot>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
@@ -27046,7 +27046,7 @@ var loaderAnimation = {
27046
27046
  assets: assets
27047
27047
  };
27048
27048
 
27049
- const sulaLoaderCss = "*,:after,:before{--tw-ring-color:rgba(59,130,246,.5);--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(147,197,253,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-ring-color:rgba(59,130,246,.5);--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(147,197,253,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:\"\"}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{font-family:Figtree;line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}:host,:host button,:host input,:host option,:host select,:host textarea{font-family:Figtree,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:host{display:block}:root{--color-green-50:#f1f9f4;--color-green-100:#e6f4ed;--color-green-200:#cae7d8;--color-green-300:#a0d4b8;--color-green-400:#68bb8e;--color-green-500:#04843f;--color-green-600:#037236;--color-green-700:#03632f;--color-green-800:#035428;--color-green-900:#024521;--color-green-950:#012b15;--color-red-50:#fef6f6;--color-red-100:#fde8e8;--color-red-200:#fad1d1;--color-red-300:#f7abab;--color-red-400:#f17474;--color-red-500:#c80505;--color-red-600:#b30404;--color-red-700:#9f0404;--color-red-800:#860303;--color-red-900:#6d0303;--color-red-950:#330d00;--color-yellow-50:#fdf4e7;--color-yellow-100:#fcedd9;--color-yellow-200:#fae0bd;--color-yellow-300:#f6c788;--color-yellow-400:#f3b159;--color-yellow-500:#ef9928;--color-yellow-600:#e49226;--color-yellow-700:#d17e10;--color-yellow-800:#b46d0e;--color-yellow-900:#93590b;--color-yellow-950:#402705;--color-orange-50:#fef4f1;--color-orange-100:#fde8e2;--color-orange-200:#fbd2c6;--color-orange-300:#f8b4a0;--color-orange-400:#f58e70;--color-orange-500:#f05223;--color-orange-600:#ea4210;--color-orange-700:#d23b0e;--color-orange-800:#b5330c;--color-orange-900:#942a0a;--color-orange-950:#401204;--color-blue-50:#ecf0f9;--color-blue-100:#dde3f4;--color-blue-200:#b2c2e5;--color-blue-300:#7994d2;--color-blue-400:#4066bf;--color-blue-500:#001e64;--color-blue-600:#001c5c;--color-blue-700:#00174c;--color-blue-800:#00123d;--color-blue-900:#000f33;--color-blue-950:#000d2b;--color-ambar-50:#fff6eb;--color-ambar-100:#ffefdc;--color-ambar-200:#fedfb9;--color-ambar-300:#fdca8b;--color-ambar-400:#fdb359;--color-ambar-500:#fc9c26;--color-ambar-600:#ec8403;--color-ambar-700:#d87803;--color-ambar-800:#ba6803;--color-ambar-900:#975402;--color-ambar-950:#402301;--color-gray-50:#fff;--color-gray-100:#f3f4f4;--color-gray-200:#e5e6e6;--color-gray-300:#bfc0c0;--color-gray-400:#acaeae;--color-gray-500:#949595;--color-gray-600:#737575;--color-gray-700:#6c6e6e;--color-gray-800:#313333;--color-gray-900:#272929;--color-gray-950:#191d1d;--color-white-opacity-50:#ffffff0d;--color-white-opacity-100:#ffffff1a;--color-white-opacity-200:#ffffff26;--color-white-opacity-300:#ffffff45;--color-white-opacity-400:#ffffff5c;--color-white-opacity-500:#ffffff80;--color-white-opacity-600:#ffffff8c;--color-white-opacity-700:#ffffffa3;--color-white-opacity-800:#ffffffba;--color-white-opacity-900:#fffc;--color-white-opacity-950:#ffffffe8;--color-ciano-50:#f1f6fe;--color-ciano-100:#dfeafc;--color-ciano-200:#c3d9f9;--color-ciano-300:#90b9f4;--color-ciano-400:#5d98ee;--color-ciano-500:#1769e0;--color-ciano-600:#155fcb;--color-ciano-700:#1355b4;--color-ciano-800:#104899;--color-ciano-900:#0d3b7d;--color-ciano-950:#071e40;--color-extra-color-blue-light:#e7f0f4;--color-extra-color-blue-dark:#162931;--color-black-opacity-50:rgba(25,29,29,.02);--color-black-opacity-100:rgba(25,29,29,.05);--color-black-opacity-200:rgba(25,29,29,.11);--color-black-opacity-300:rgba(25,29,29,.28);--color-black-opacity-400:rgba(25,29,29,.36);--color-black-opacity-500:rgba(25,29,29,.44);--color-black-opacity-600:rgba(25,29,29,.62);--color-black-opacity-700:rgba(25,29,29,.64);--color-black-opacity-800:rgba(25,29,29,.72);--color-black-opacity-900:rgba(25,29,29,.8);--color-black-opacity-950:rgba(25,29,29,.96);--color-shadow-opacity-50:rgba(0,0,0,.04);--color-shadow-opacity-100:rgba(0,0,0,.06);--color-shadow-opacity-200:rgba(0,0,0,.12);--color-shadow-opacity-300:rgba(0,0,0,.2);--color-shadow-opacity-400:rgba(0,0,0,.32);--color-shadow-opacity-500:rgba(0,0,0,.5);--color-shadow-opacity-600:rgba(0,0,0,.55);--color-shadow-opacity-700:rgba(0,0,0,.64);--color-shadow-opacity-800:rgba(0,0,0,.73);--color-shadow-opacity-900:rgba(0,0,0,.8);--color-shadow-opacity-950:rgba(0,0,0,.91);--color-feedback-success:#04843f;--color-feedback-error:#c80505;--color-feedback-informational:#1355b4;--color-feedback-alert:#ef9928;--color-brand-primary:#f05223;--color-brand-secondary:#001c5c;--color-brand-tertiary-1:#1769e0;--color-brand-tertiary-2:#fc9c26;--color-surface-body:#fff;--color-surface-on-body:#f3f4f4;--color-surface-on-body-blue:#e7f0f4;--color-surface-on-body-brand:#fff6eb;--color-surface-on-body-feedback-success:#e6f4ed;--color-surface-on-body-feedback-error:#fde8e8;--color-surface-on-body-feedback-alert:#fdf4e7;--color-surface-on-body-feedback-info:#dfeafc;--color-text-brand:#f05223;--color-text-primary:#313333;--color-text-secondary:#6c6e6e;--color-text-disabled:#949595;--color-text-link:#1355b4;--color-states-empty-bg-hover:rgba(25,29,29,.05);--color-states-empty-bg-pressed:rgba(25,29,29,.11);--color-states-bg-disabled:rgba(25,29,29,.02);--color-states-bg-focus:#1355b4;--color-states-primary-hover:#ea4210;--color-states-primary-pressed:#d23b0e;--color-states-danger-hover:#b30404;--color-states-danger-pressed:#9f0404;--color-states-negative-hover:#e5e6e6;--color-states-negative-pressed:#bfc0c0;--color-icon-primary:#6c6e6e;--color-icon-secondary:#fff;--color-icon-tertiary:#b30404;--color-icon-disabled:#acaeae;--color-neutral-neutral-1:#fff;--color-neutral-neutral-2:#f3f4f4;--color-neutral-neutral-3:#acaeae;--color-neutral-neutral-4:#949595;--color-neutral-neutral-5:#737575;--color-neutral-neutral-6:#6c6e6e;--color-neutral-neutral-7:#313333;--color-neutral-neutral-8:#272929;--color-negative-negative-1:#fff;--color-negative-negative-2:#313333;--color-opacity-body:#fffc;--color-opacity-on-body:rgba(25,29,29,.02);--color-opacity-overlay:rgba(25,29,29,.62);--color-opacity-on-overlay:#ffffff1a;--color-opacity-toast:#ffffff45;--color-line-input:#949595;--color-line-general-strong:#bfc0c0;--color-line-general:#e5e6e6;--color-line-hair:rgba(25,29,29,.05);--color-box-shadow-body:#fff;--color-box-shadow-shadow-color-1:rgba(0,0,0,.04);--color-box-shadow-shadow-color-2:rgba(0,0,0,.06)}.static{position:static}.ml-8{margin-left:.5rem}.mr-8{margin-right:.5rem}.flex{display:flex}.h-24{height:1.5rem}.h-\\[40px\\]{height:40px}.h-\\[44px\\]{height:44px}.h-\\[56px\\]{height:56px}.w-24{width:1.5rem}.w-\\[40px\\]{width:40px}.w-\\[56px\\]{width:56px}.w-\\[64px\\]{width:64px}.w-full{width:100%}.min-w-\\[120px\\]{min-width:120px}.min-w-\\[40px\\]{min-width:40px}.min-w-\\[56px\\]{min-width:56px}.items-center{align-items:center}.justify-center{justify-content:center}.space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.rounded-xs{border-radius:.5rem}.rounded-xxl{border-radius:18.75rem}.border{border-width:1px}.border-none{border-style:none}.border-brand-primary{border-color:var(--color-brand-primary)}.border-feedback-error{border-color:var(--color-feedback-error)}.border-negative-negative-1{border-color:var(--color-negative-negative-1)}.bg-brand-primary{background-color:var(--color-brand-primary)}.bg-feedback-error{background-color:var(--color-feedback-error)}.bg-negative-negative-1{background-color:var(--color-negative-negative-1)}.bg-states-bg-disabled{background-color:var(--color-states-bg-disabled)}.bg-states-empty-bg-hover{background-color:var(--color-states-empty-bg-hover)}.bg-states-empty-bg-pressed{background-color:var(--color-states-empty-bg-pressed)}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-16{padding:1rem}.p-8{padding:.5rem}.px-16{padding-left:1rem;padding-right:1rem}.py-4{padding-bottom:.25rem;padding-top:.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.font-bold{font-weight:700}.leading-6{line-height:1.5rem}.text-brand-primary{color:var(--color-brand-primary)}.text-feedback-error{color:var(--color-feedback-error)}.text-icon-disabled{color:var(--color-icon-disabled)}.text-icon-primary{color:var(--color-icon-primary)}.text-negative-negative-1{color:var(--color-negative-negative-1)}.text-negative-negative-2{color:var(--color-negative-negative-2)}.text-text-disabled{color:var(--color-text-disabled)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.container{width:100%}@media (min-width:22.5rem){.container{max-width:22.5rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.hover\\:bg-states-danger-hover:hover{background-color:var(--color-states-danger-hover)}.hover\\:bg-states-empty-bg-hover:hover{background-color:var(--color-states-empty-bg-hover)}.hover\\:bg-states-negative-hover:hover{background-color:var(--color-states-negative-hover)}.hover\\:bg-states-primary-hover:hover{background-color:var(--color-states-primary-hover)}.focus\\:bg-states-empty-bg-hover:focus{background-color:var(--color-states-empty-bg-hover)}.active\\:bg-states-danger-pressed:active{background-color:var(--color-states-danger-pressed)}.active\\:bg-states-empty-bg-pressed:active{background-color:var(--color-states-empty-bg-pressed)}.active\\:bg-states-negative-pressed:active{background-color:var(--color-states-negative-pressed)}.active\\:bg-states-primary-pressed:active{background-color:var(--color-states-primary-pressed)}.active\\:bg-opacity-85:active{--tw-bg-opacity:0.85}.group:hover .group-hover\\:bg-states-empty-bg-hover{background-color:var(--color-states-empty-bg-hover)}@font-face{font-display:swap;font-family:Figtree;font-style:normal;font-weight:300;src:local(\"Figtree\"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-Light.ttf) format(\"truetype\")}@font-face{font-display:swap;font-family:Figtree;font-style:italic;font-weight:300;src:local(\"Figtree\"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-LightItalic.ttf) format(\"truetype\")}@font-face{font-display:swap;font-family:Figtree;font-style:normal;font-weight:400;src:local(\"Figtree\"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-Regular.ttf) format(\"truetype\")}@font-face{font-display:swap;font-family:Figtree;font-style:italic;font-weight:400;src:local(\"Figtree\"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-Italic.ttf) format(\"truetype\")}@font-face{font-display:swap;font-family:Figtree;font-style:normal;font-weight:500;src:local(\"Figtree\"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-Medium.ttf) format(\"truetype\")}@font-face{font-display:swap;font-family:Figtree;font-style:italic;font-weight:500;src:local(\"Figtree\"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-MediumItalic.ttf) format(\"truetype\")}@font-face{font-display:swap;font-family:Figtree;font-style:normal;font-weight:600;src:local(\"Figtree\"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-SemiBold.ttf) format(\"truetype\")}@font-face{font-display:swap;font-family:Figtree;font-style:italic;font-weight:600;src:local(\"Figtree\"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-SemiBoldItalic.ttf) format(\"truetype\")}@font-face{font-display:swap;font-family:Figtree;font-style:normal;font-weight:700;src:local(\"Figtree\"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-Bold.ttf) format(\"truetype\")}@font-face{font-display:swap;font-family:Figtree;font-style:italic;font-weight:700;src:local(\"Figtree\"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-BoldItalic.ttf) format(\"truetype\")}@font-face{font-display:swap;font-family:Figtree;font-style:normal;font-weight:800;src:local(\"Figtree\"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-ExtraBold.ttf) format(\"truetype\")}@font-face{font-display:swap;font-family:Figtree;font-style:italic;font-weight:800;src:local(\"Figtree\"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-ExtraBoldItalic.ttf) format(\"truetype\")}@font-face{font-display:swap;font-family:Figtree;font-style:normal;font-weight:900;src:local(\"Figtree\"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-Black.ttf) format(\"truetype\")}@font-face{font-display:swap;font-family:Figtree;font-style:italic;font-weight:900;src:local(\"Figtree\"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-BlackItalic.ttf) format(\"truetype\")}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.right-20{right:1.25rem}.right-24{right:1.5rem}.right-32{right:2rem}.top-20{top:1.25rem}.top-24{top:1.5rem}.z-\\[1\\]{z-index:1}.z-\\[999\\]{z-index:999}.mt-12{margin-top:.75rem}.mt-48{margin-top:3rem}.hidden{display:none}.h-40{height:2.5rem}.h-64{height:4rem}.h-\\[20vh\\]{height:20vh}.h-\\[50vh\\]{height:50vh}.h-\\[70vh\\]{height:70vh}.h-full{height:100%}.max-h-\\[40vh\\]{max-height:40vh}.max-h-\\[67\\.6vh\\]{max-height:67.6vh}.max-h-\\[72\\.7vh\\]{max-height:72.7vh}.max-h-\\[80vh\\]{max-height:80vh}.max-h-\\[87\\%\\]{max-height:87%}.max-h-\\[90vh\\]{max-height:90vh}.w-1\\/2{width:50%}.w-40{width:2.5rem}.w-64{width:4rem}.w-\\[440px\\]{width:440px}.cursor-pointer{cursor:pointer}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-end{justify-content:flex-end}.space-x-12>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.75rem*var(--tw-space-x-reverse))}.space-y-12>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.space-x-reverse>:not([hidden])~:not([hidden]){--tw-space-x-reverse:1}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:2.5rem}.rounded-none{border-radius:0}.rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0}.rounded-l-none{border-bottom-left-radius:0;border-top-left-radius:0}.border-line-general{border-color:var(--color-line-general)}.border-line-hair{border-color:var(--color-line-hair)}.bg-opacity-overlay{background-color:var(--color-opacity-overlay)}.bg-surface-body{background-color:var(--color-surface-body)}.bg-surface-on-body{background-color:var(--color-surface-on-body)}.object-cover{object-fit:cover}.px-14{padding-left:.875rem;padding-right:.875rem}.py-24{padding-bottom:1.5rem;padding-top:1.5rem}.pb-0{padding-bottom:0}.pb-24{padding-bottom:1.5rem}.pb-32{padding-bottom:2rem}.pr-16{padding-right:1rem}.text-5xl{font-size:3rem;line-height:1}.text-heading-medium{font-size:2rem;font-weight:700;letter-spacing:0;line-height:36px}.text-heading-small{font-size:1.5rem}.text-heading-small,.text-paragraph-large-bold{font-weight:700;letter-spacing:0;line-height:28px}.text-paragraph-large-bold{font-size:1.25rem}.text-paragraph-medium-regular{font-size:1rem;font-weight:400;letter-spacing:0;line-height:24px}.text-text-primary{color:var(--color-text-primary)}.text-text-secondary{color:var(--color-text-secondary)}.opacity-0{opacity:0}.opacity-100{opacity:1}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@media (min-width:48rem){.md\\:right-24{right:1.5rem}.md\\:right-32{right:2rem}.md\\:top-24{top:1.5rem}.md\\:top-32{top:2rem}.md\\:h-auto{height:auto}.md\\:w-1\\/2{width:50%}.md\\:w-\\[448px\\]{width:448px}.md\\:w-\\[768px\\]{width:768px}.md\\:w-\\[80vw\\]{width:80vw}.md\\:w-\\[852px\\]{width:852px}.md\\:flex-row{flex-direction:row}.md\\:items-center{align-items:center}.md\\:rounded-lg{border-radius:2.5rem}.md\\:rounded-b-lg{border-bottom-left-radius:2.5rem;border-bottom-right-radius:2.5rem}.md\\:rounded-l-none{border-bottom-left-radius:0;border-top-left-radius:0}.md\\:rounded-r-none{border-bottom-right-radius:0;border-top-right-radius:0}.md\\:px-32{padding-left:2rem;padding-right:2rem}.md\\:py-48{padding-bottom:3rem;padding-top:3rem}.md\\:pb-96{padding-bottom:6rem}}";
27049
+ const sulaLoaderCss = "*,:after,:before{--tw-ring-color:rgba(59,130,246,.5);--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(147,197,253,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-ring-color:rgba(59,130,246,.5);--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(147,197,253,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:\"\"}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{font-family:Figtree;line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}:host,:host button,:host input,:host option,:host select,:host textarea{font-family:Figtree,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:host{display:block}:root{--color-green-50:#f1f9f4;--color-green-100:#e6f4ed;--color-green-200:#cae7d8;--color-green-300:#a0d4b8;--color-green-400:#68bb8e;--color-green-500:#04843f;--color-green-600:#037236;--color-green-700:#03632f;--color-green-800:#035428;--color-green-900:#024521;--color-green-950:#012b15;--color-red-50:#fef6f6;--color-red-100:#fde8e8;--color-red-200:#fad1d1;--color-red-300:#f7abab;--color-red-400:#f17474;--color-red-500:#c80505;--color-red-600:#b30404;--color-red-700:#9f0404;--color-red-800:#860303;--color-red-900:#6d0303;--color-red-950:#330d00;--color-yellow-50:#fdf4e7;--color-yellow-100:#fcedd9;--color-yellow-200:#fae0bd;--color-yellow-300:#f6c788;--color-yellow-400:#f3b159;--color-yellow-500:#ef9928;--color-yellow-600:#e49226;--color-yellow-700:#d17e10;--color-yellow-800:#b46d0e;--color-yellow-900:#93590b;--color-yellow-950:#402705;--color-orange-50:#fef4f1;--color-orange-100:#fde8e2;--color-orange-200:#fbd2c6;--color-orange-300:#f8b4a0;--color-orange-400:#f58e70;--color-orange-500:#f05223;--color-orange-600:#ea4210;--color-orange-700:#d23b0e;--color-orange-800:#b5330c;--color-orange-900:#942a0a;--color-orange-950:#401204;--color-blue-50:#ecf0f9;--color-blue-100:#dde3f4;--color-blue-200:#b2c2e5;--color-blue-300:#7994d2;--color-blue-400:#4066bf;--color-blue-500:#001e64;--color-blue-600:#001c5c;--color-blue-700:#00174c;--color-blue-800:#00123d;--color-blue-900:#000f33;--color-blue-950:#000d2b;--color-ambar-50:#fff6eb;--color-ambar-100:#ffefdc;--color-ambar-200:#fedfb9;--color-ambar-300:#fdca8b;--color-ambar-400:#fdb359;--color-ambar-500:#fc9c26;--color-ambar-600:#ec8403;--color-ambar-700:#d87803;--color-ambar-800:#ba6803;--color-ambar-900:#975402;--color-ambar-950:#402301;--color-gray-50:#fff;--color-gray-100:#f3f4f4;--color-gray-200:#e5e6e6;--color-gray-300:#bfc0c0;--color-gray-400:#acaeae;--color-gray-500:#949595;--color-gray-600:#737575;--color-gray-700:#6c6e6e;--color-gray-800:#313333;--color-gray-900:#272929;--color-gray-950:#191d1d;--color-white-opacity-50:#ffffff0d;--color-white-opacity-100:#ffffff1a;--color-white-opacity-200:#ffffff26;--color-white-opacity-300:#ffffff45;--color-white-opacity-400:#ffffff5c;--color-white-opacity-500:#ffffff80;--color-white-opacity-600:#ffffff8c;--color-white-opacity-700:#ffffffa3;--color-white-opacity-800:#ffffffba;--color-white-opacity-900:#fffc;--color-white-opacity-950:#ffffffe8;--color-ciano-50:#f1f6fe;--color-ciano-100:#dfeafc;--color-ciano-200:#c3d9f9;--color-ciano-300:#90b9f4;--color-ciano-400:#5d98ee;--color-ciano-500:#1769e0;--color-ciano-600:#155fcb;--color-ciano-700:#1355b4;--color-ciano-800:#104899;--color-ciano-900:#0d3b7d;--color-ciano-950:#071e40;--color-extra-color-blue-light:#e7f0f4;--color-extra-color-blue-dark:#162931;--color-black-opacity-50:rgba(25,29,29,.02);--color-black-opacity-100:rgba(25,29,29,.05);--color-black-opacity-200:rgba(25,29,29,.11);--color-black-opacity-300:rgba(25,29,29,.28);--color-black-opacity-400:rgba(25,29,29,.36);--color-black-opacity-500:rgba(25,29,29,.44);--color-black-opacity-600:rgba(25,29,29,.62);--color-black-opacity-700:rgba(25,29,29,.64);--color-black-opacity-800:rgba(25,29,29,.72);--color-black-opacity-900:rgba(25,29,29,.8);--color-black-opacity-950:rgba(25,29,29,.96);--color-shadow-opacity-50:rgba(0,0,0,.04);--color-shadow-opacity-100:rgba(0,0,0,.06);--color-shadow-opacity-200:rgba(0,0,0,.12);--color-shadow-opacity-300:rgba(0,0,0,.2);--color-shadow-opacity-400:rgba(0,0,0,.32);--color-shadow-opacity-500:rgba(0,0,0,.5);--color-shadow-opacity-600:rgba(0,0,0,.55);--color-shadow-opacity-700:rgba(0,0,0,.64);--color-shadow-opacity-800:rgba(0,0,0,.73);--color-shadow-opacity-900:rgba(0,0,0,.8);--color-shadow-opacity-950:rgba(0,0,0,.91);--color-feedback-success:#04843f;--color-feedback-error:#c80505;--color-feedback-informational:#1355b4;--color-feedback-alert:#ef9928;--color-brand-primary:#f05223;--color-brand-secondary:#001c5c;--color-brand-tertiary-1:#1769e0;--color-brand-tertiary-2:#fc9c26;--color-surface-body:#fff;--color-surface-on-body:#f3f4f4;--color-surface-on-body-blue:#e7f0f4;--color-surface-on-body-brand:#fff6eb;--color-surface-on-body-feedback-success:#e6f4ed;--color-surface-on-body-feedback-error:#fde8e8;--color-surface-on-body-feedback-alert:#fdf4e7;--color-surface-on-body-feedback-info:#dfeafc;--color-text-brand:#f05223;--color-text-primary:#313333;--color-text-secondary:#6c6e6e;--color-text-disabled:#949595;--color-text-link:#1355b4;--color-states-empty-bg-hover:rgba(25,29,29,.05);--color-states-empty-bg-pressed:rgba(25,29,29,.11);--color-states-bg-disabled:rgba(25,29,29,.02);--color-states-bg-focus:#1355b4;--color-states-primary-hover:#ea4210;--color-states-primary-pressed:#d23b0e;--color-states-danger-hover:#b30404;--color-states-danger-pressed:#9f0404;--color-states-negative-hover:#e5e6e6;--color-states-negative-pressed:#bfc0c0;--color-icon-primary:#6c6e6e;--color-icon-secondary:#fff;--color-icon-tertiary:#b30404;--color-icon-disabled:#acaeae;--color-neutral-neutral-1:#fff;--color-neutral-neutral-2:#f3f4f4;--color-neutral-neutral-3:#acaeae;--color-neutral-neutral-4:#949595;--color-neutral-neutral-5:#737575;--color-neutral-neutral-6:#6c6e6e;--color-neutral-neutral-7:#313333;--color-neutral-neutral-8:#272929;--color-negative-negative-1:#fff;--color-negative-negative-2:#313333;--color-opacity-body:#fffc;--color-opacity-on-body:rgba(25,29,29,.02);--color-opacity-overlay:rgba(25,29,29,.62);--color-opacity-on-overlay:#ffffff1a;--color-opacity-toast:#ffffff45;--color-line-input:#949595;--color-line-general-strong:#bfc0c0;--color-line-general:#e5e6e6;--color-line-hair:rgba(25,29,29,.05);--color-box-shadow-body:#fff;--color-box-shadow-shadow-color-1:rgba(0,0,0,.04);--color-box-shadow-shadow-color-2:rgba(0,0,0,.06)}.static{position:static}.ml-8{margin-left:.5rem}.mr-8{margin-right:.5rem}.flex{display:flex}.h-24{height:1.5rem}.h-\\[40px\\]{height:40px}.h-\\[44px\\]{height:44px}.h-\\[56px\\]{height:56px}.w-24{width:1.5rem}.w-\\[40px\\]{width:40px}.w-\\[56px\\]{width:56px}.w-\\[64px\\]{width:64px}.w-full{width:100%}.min-w-\\[120px\\]{min-width:120px}.min-w-\\[40px\\]{min-width:40px}.min-w-\\[56px\\]{min-width:56px}.items-center{align-items:center}.justify-center{justify-content:center}.space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.rounded-xs{border-radius:.5rem}.rounded-xxl{border-radius:18.75rem}.border{border-width:1px}.border-none{border-style:none}.border-brand-primary{border-color:var(--color-brand-primary)}.border-feedback-error{border-color:var(--color-feedback-error)}.border-negative-negative-1{border-color:var(--color-negative-negative-1)}.bg-brand-primary{background-color:var(--color-brand-primary)}.bg-feedback-error{background-color:var(--color-feedback-error)}.bg-negative-negative-1{background-color:var(--color-negative-negative-1)}.bg-states-bg-disabled{background-color:var(--color-states-bg-disabled)}.bg-states-empty-bg-hover{background-color:var(--color-states-empty-bg-hover)}.bg-states-empty-bg-pressed{background-color:var(--color-states-empty-bg-pressed)}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-16{padding:1rem}.p-8{padding:.5rem}.px-16{padding-left:1rem;padding-right:1rem}.py-4{padding-bottom:.25rem;padding-top:.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.font-bold{font-weight:700}.leading-6{line-height:1.5rem}.text-brand-primary{color:var(--color-brand-primary)}.text-feedback-error{color:var(--color-feedback-error)}.text-icon-disabled{color:var(--color-icon-disabled)}.text-icon-primary{color:var(--color-icon-primary)}.text-negative-negative-1{color:var(--color-negative-negative-1)}.text-negative-negative-2{color:var(--color-negative-negative-2)}.text-text-disabled{color:var(--color-text-disabled)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.container{width:100%}@media (min-width:22.5rem){.container{max-width:22.5rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.hover\\:bg-states-danger-hover:hover{background-color:var(--color-states-danger-hover)}.hover\\:bg-states-empty-bg-hover:hover{background-color:var(--color-states-empty-bg-hover)}.hover\\:bg-states-negative-hover:hover{background-color:var(--color-states-negative-hover)}.hover\\:bg-states-primary-hover:hover{background-color:var(--color-states-primary-hover)}.focus\\:bg-states-empty-bg-hover:focus{background-color:var(--color-states-empty-bg-hover)}.active\\:bg-states-danger-pressed:active{background-color:var(--color-states-danger-pressed)}.active\\:bg-states-empty-bg-pressed:active{background-color:var(--color-states-empty-bg-pressed)}.active\\:bg-states-negative-pressed:active{background-color:var(--color-states-negative-pressed)}.active\\:bg-states-primary-pressed:active{background-color:var(--color-states-primary-pressed)}.active\\:bg-opacity-85:active{--tw-bg-opacity:0.85}.group:hover .group-hover\\:bg-states-empty-bg-hover{background-color:var(--color-states-empty-bg-hover)}@font-face{font-display:swap;font-family:Figtree;font-style:normal;font-weight:300;src:local(\"Figtree\"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-Light.ttf) format(\"truetype\")}@font-face{font-display:swap;font-family:Figtree;font-style:italic;font-weight:300;src:local(\"Figtree\"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-LightItalic.ttf) format(\"truetype\")}@font-face{font-display:swap;font-family:Figtree;font-style:normal;font-weight:400;src:local(\"Figtree\"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-Regular.ttf) format(\"truetype\")}@font-face{font-display:swap;font-family:Figtree;font-style:italic;font-weight:400;src:local(\"Figtree\"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-Italic.ttf) format(\"truetype\")}@font-face{font-display:swap;font-family:Figtree;font-style:normal;font-weight:500;src:local(\"Figtree\"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-Medium.ttf) format(\"truetype\")}@font-face{font-display:swap;font-family:Figtree;font-style:italic;font-weight:500;src:local(\"Figtree\"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-MediumItalic.ttf) format(\"truetype\")}@font-face{font-display:swap;font-family:Figtree;font-style:normal;font-weight:600;src:local(\"Figtree\"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-SemiBold.ttf) format(\"truetype\")}@font-face{font-display:swap;font-family:Figtree;font-style:italic;font-weight:600;src:local(\"Figtree\"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-SemiBoldItalic.ttf) format(\"truetype\")}@font-face{font-display:swap;font-family:Figtree;font-style:normal;font-weight:700;src:local(\"Figtree\"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-Bold.ttf) format(\"truetype\")}@font-face{font-display:swap;font-family:Figtree;font-style:italic;font-weight:700;src:local(\"Figtree\"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-BoldItalic.ttf) format(\"truetype\")}@font-face{font-display:swap;font-family:Figtree;font-style:normal;font-weight:800;src:local(\"Figtree\"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-ExtraBold.ttf) format(\"truetype\")}@font-face{font-display:swap;font-family:Figtree;font-style:italic;font-weight:800;src:local(\"Figtree\"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-ExtraBoldItalic.ttf) format(\"truetype\")}@font-face{font-display:swap;font-family:Figtree;font-style:normal;font-weight:900;src:local(\"Figtree\"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-Black.ttf) format(\"truetype\")}@font-face{font-display:swap;font-family:Figtree;font-style:italic;font-weight:900;src:local(\"Figtree\"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-BlackItalic.ttf) format(\"truetype\")}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.right-20{right:1.25rem}.right-24{right:1.5rem}.right-32{right:2rem}.top-20{top:1.25rem}.top-24{top:1.5rem}.z-\\[1\\]{z-index:1}.z-\\[999\\]{z-index:999}.mt-48{margin-top:3rem}.hidden{display:none}.h-40{height:2.5rem}.h-64{height:4rem}.h-\\[20vh\\]{height:20vh}.h-\\[50vh\\]{height:50vh}.h-\\[70vh\\]{height:70vh}.h-full{height:100%}.max-h-\\[40vh\\]{max-height:40vh}.max-h-\\[67\\.6vh\\]{max-height:67.6vh}.max-h-\\[72\\.7vh\\]{max-height:72.7vh}.max-h-\\[80vh\\]{max-height:80vh}.max-h-\\[87\\%\\]{max-height:87%}.max-h-\\[90vh\\]{max-height:90vh}.w-1\\/2{width:50%}.w-40{width:2.5rem}.w-64{width:4rem}.w-\\[440px\\]{width:440px}.grow{flex-grow:1}.cursor-pointer{cursor:pointer}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-end{justify-content:flex-end}.space-x-12>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.75rem*var(--tw-space-x-reverse))}.space-y-12>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.space-x-reverse>:not([hidden])~:not([hidden]){--tw-space-x-reverse:1}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:2.5rem}.rounded-none{border-radius:0}.rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0}.rounded-l-none{border-bottom-left-radius:0;border-top-left-radius:0}.border-line-general{border-color:var(--color-line-general)}.border-line-hair{border-color:var(--color-line-hair)}.bg-opacity-overlay{background-color:var(--color-opacity-overlay)}.bg-surface-body{background-color:var(--color-surface-body)}.bg-surface-on-body{background-color:var(--color-surface-on-body)}.object-cover{object-fit:cover}.px-14{padding-left:.875rem;padding-right:.875rem}.py-24{padding-bottom:1.5rem;padding-top:1.5rem}.pb-0{padding-bottom:0}.pb-24{padding-bottom:1.5rem}.pb-32{padding-bottom:2rem}.pr-16{padding-right:1rem}.text-5xl{font-size:3rem;line-height:1}.text-heading-medium{font-size:2rem;font-weight:700;letter-spacing:0;line-height:36px}.text-heading-small{font-size:1.5rem}.text-heading-small,.text-paragraph-large-bold{font-weight:700;letter-spacing:0;line-height:28px}.text-paragraph-large-bold{font-size:1.25rem}.text-paragraph-medium-regular{font-size:1rem;font-weight:400;letter-spacing:0;line-height:24px}.text-text-primary{color:var(--color-text-primary)}.text-text-secondary{color:var(--color-text-secondary)}.opacity-0{opacity:0}.opacity-100{opacity:1}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@media (min-width:48rem){.md\\:right-24{right:1.5rem}.md\\:right-32{right:2rem}.md\\:top-24{top:1.5rem}.md\\:top-32{top:2rem}.md\\:h-auto{height:auto}.md\\:w-1\\/2{width:50%}.md\\:w-\\[448px\\]{width:448px}.md\\:w-\\[768px\\]{width:768px}.md\\:w-\\[80vw\\]{width:80vw}.md\\:w-\\[852px\\]{width:852px}.md\\:flex-row{flex-direction:row}.md\\:items-center{align-items:center}.md\\:rounded-lg{border-radius:2.5rem}.md\\:rounded-b-lg{border-bottom-left-radius:2.5rem;border-bottom-right-radius:2.5rem}.md\\:rounded-l-none{border-bottom-left-radius:0;border-top-left-radius:0}.md\\:rounded-r-none{border-bottom-right-radius:0;border-top-right-radius:0}.md\\:px-32{padding-left:2rem;padding-right:2rem}.md\\:py-48{padding-bottom:3rem;padding-top:3rem}.md\\:pb-96{padding-bottom:6rem}}";
27050
27050
 
27051
27051
  const SulaLoader = /*@__PURE__*/ proxyCustomElement(class SulaLoader extends H {
27052
27052
  constructor() {
@@ -27136,6 +27136,6 @@ function defineCustomElement() {
27136
27136
  defineCustomElement();
27137
27137
 
27138
27138
  export { SulaLoader as S, SulaLoaderSize as a, defineCustomElement as d };
27139
- //# sourceMappingURL=p-BORy1230.js.map
27139
+ //# sourceMappingURL=p-BlRYoc3b.js.map
27140
27140
 
27141
- //# sourceMappingURL=p-BORy1230.js.map
27141
+ //# sourceMappingURL=p-BlRYoc3b.js.map