@sula-tech/webcomponents 0.18.0 → 0.19.0

package/dist/collection/components/sula-menu/sula-menu.stories.js

@@ -1,3 +1,4 @@
+import { SulaMenuDensity, SulaMenuLabelOverflow } from "./model/sula-menu.model";
 const BRAND_IMAGE = `data:image/svg+xml;utf8,${encodeURIComponent(`
 	<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
 		<rect width="80" height="80" rx="20" fill="#E5231B"/>
@@ -292,6 +293,32 @@ export default {
                 required: false,
             },
         },
+        width: {
+            control: 'text',
+            defaultValue: '',
+            description: 'Largura do menu expandido. Use medidas independentes do host, como 320px, 20rem ou clamp(16rem, 25vw, 24rem).',
+            type: {
+                required: false,
+            },
+        },
+        density: {
+            control: { type: 'select' },
+            options: Object.values(SulaMenuDensity),
+            description: 'Define a densidade visual e tipografica dos itens principais.',
+            table: {
+                type: { summary: 'SulaMenuDensity' },
+                defaultValue: { summary: 'SulaMenuDensity.Default' },
+            },
+        },
+        labelOverflow: {
+            control: { type: 'select' },
+            options: Object.values(SulaMenuLabelOverflow),
+            description: 'Define se labels longos quebram em ate duas linhas ou usam ellipsis.',
+            table: {
+                type: { summary: 'SulaMenuLabelOverflow' },
+                defaultValue: { summary: 'SulaMenuLabelOverflow.Wrap' },
+            },
+        },
         items: {
             control: 'object',
             defaultValue: defaultItems,
@@ -326,6 +353,9 @@ const Template = (args) => {
     const el = document.createElement('sula-menu');
     el.menuTitle = args.menuTitle;
     el.image = args.image;
+    el.width = args.width;
+    el.density = args.density;
+    el.labelOverflow = args.labelOverflow;
     el.items = cloneMenuItems(args.items);
     el.addEventListener('itemSelected', args.itemSelected);
     el.addEventListener('itemClicked', args.itemClicked);
@@ -337,6 +367,9 @@ export const Default = Template.bind({});
 Default.args = {
     menuTitle: 'Sula Hub',
     image: BRAND_IMAGE,
+    width: '',
+    density: SulaMenuDensity.Default,
+    labelOverflow: SulaMenuLabelOverflow.Wrap,
     items: defaultItems,
 };
 Default.parameters = {
@@ -350,6 +383,9 @@ export const WithNestedNavigation = Template.bind({});
 WithNestedNavigation.args = {
     menuTitle: 'Sula OS',
     image: BRAND_IMAGE,
+    width: '',
+    density: SulaMenuDensity.Default,
+    labelOverflow: SulaMenuLabelOverflow.Wrap,
     items: nestedItems,
 };
 WithNestedNavigation.parameters = {
@@ -363,12 +399,63 @@ export const WithLongLabels = Template.bind({});
 WithLongLabels.args = {
     menuTitle: 'Governanca',
     image: BRAND_IMAGE,
+    width: '',
+    density: SulaMenuDensity.Default,
+    labelOverflow: SulaMenuLabelOverflow.Wrap,
     items: longLabelItems,
 };
 WithLongLabels.parameters = {
     docs: {
         description: {
-            story: 'Cenario voltado para validacao visual de truncamento e alinhamento quando itens e subitens possuem labels extensas.',
+            story: 'Cenario padrao para labels extensos, com tipografia de 14px e quebra em ate duas linhas nos itens principais.',
+        },
+    },
+};
+export const WithTruncatedLongLabels = Template.bind({});
+WithTruncatedLongLabels.args = {
+    menuTitle: 'Governanca',
+    image: BRAND_IMAGE,
+    width: '',
+    density: SulaMenuDensity.Default,
+    labelOverflow: SulaMenuLabelOverflow.Truncate,
+    items: longLabelItems,
+};
+WithTruncatedLongLabels.parameters = {
+    docs: {
+        description: {
+            story: 'Alternativa explicita com ellipsis para produtos que precisam manter todos os itens principais em uma unica linha.',
+        },
+    },
+};
+export const WithLongLabelsCustomLayout = Template.bind({});
+WithLongLabelsCustomLayout.args = {
+    menuTitle: 'Governanca',
+    image: BRAND_IMAGE,
+    width: '320px',
+    density: SulaMenuDensity.Compact,
+    labelOverflow: SulaMenuLabelOverflow.Wrap,
+    items: longLabelItems,
+};
+WithLongLabelsCustomLayout.parameters = {
+    docs: {
+        description: {
+            story: 'Cenario para muitos labels longos: combina largura de 320px, densidade compacta e quebra em ate duas linhas por meio da API oficial.',
+        },
+    },
+};
+export const WithComfortableDensity = Template.bind({});
+WithComfortableDensity.args = {
+    menuTitle: 'Governanca',
+    image: BRAND_IMAGE,
+    width: '320px',
+    density: SulaMenuDensity.Comfortable,
+    labelOverflow: SulaMenuLabelOverflow.Wrap,
+    items: longLabelItems,
+};
+WithComfortableDensity.parameters = {
+    docs: {
+        description: {
+            story: 'Variante com maior area de toque e tipografia de 16px para contextos que priorizam conforto de leitura.',
         },
     },
 };
@@ -376,6 +463,9 @@ export const WithHiddenItems = Template.bind({});
 WithHiddenItems.args = {
     menuTitle: 'Administracao',
     image: BRAND_IMAGE,
+    width: '',
+    density: SulaMenuDensity.Default,
+    labelOverflow: SulaMenuLabelOverflow.Wrap,
     items: hiddenItems,
 };
 WithHiddenItems.parameters = {
@@ -389,6 +479,9 @@ export const WithoutBrandImage = Template.bind({});
 WithoutBrandImage.args = {
     menuTitle: 'Menu sem logomarca',
     image: '',
+    width: '',
+    density: SulaMenuDensity.Default,
+    labelOverflow: SulaMenuLabelOverflow.Wrap,
     items: defaultItems,
 };
 WithoutBrandImage.parameters = {

package/dist/collection/components/sula-menu/sula-menu.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"sula-menu.stories.js","sourceRoot":"","sources":["../../../src/components/sula-menu/sula-menu.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { SulaMenuMainItem } from './model/sula-menu.model';\n\ntype StoryArgs = {\n\tmenuTitle: string;\n\timage: string;\n\titems: SulaMenuMainItem[];\n\titemSelected: EventListener;\n\titemClicked: EventListener;\n\tmenuToggled: EventListener;\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<rect x=\"12\" y=\"12\" width=\"56\" height=\"56\" rx=\"18\" fill=\"white\" fill-opacity=\"0.08\"/>\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\nconst defaultItems: SulaMenuMainItem[] = [\n\t{\n\t\tid: 'overview',\n\t\tlabel: 'Visao Geral',\n\t\ticon: 'ph ph-house-line',\n\t\tselected: true,\n\t},\n\t{\n\t\tid: 'operations',\n\t\tlabel: 'Operacoes',\n\t\ticon: 'ph ph-briefcase',\n\t\texpanded: true,\n\t\tchildren: [\n\t\t\t{\n\t\t\t\tid: 'policies',\n\t\t\t\tlabel: 'Apolices',\n\t\t\t\ticon: 'ph ph-files',\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'endorsements',\n\t\t\t\tlabel: 'Endossos',\n\t\t\t\ticon: 'ph ph-arrows-clockwise',\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'claims',\n\t\t\t\tlabel: 'Sinistros',\n\t\t\t\ticon: 'ph ph-warning-circle',\n\t\t\t},\n\t\t],\n\t},\n\t{\n\t\tid: 'settings',\n\t\tlabel: 'Configuracoes',\n\t\ticon: 'ph ph-gear-six',\n\t\tchildren: [\n\t\t\t{\n\t\t\t\tid: 'teams',\n\t\t\t\tlabel: 'Times',\n\t\t\t\ticon: 'ph ph-users-three',\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'permissions',\n\t\t\t\tlabel: 'Permissoes',\n\t\t\t\ticon: 'ph ph-lock-key',\n\t\t\t},\n\t\t],\n\t},\n];\n\nconst nestedItems: SulaMenuMainItem[] = [\n\t{\n\t\tid: 'sula-os',\n\t\tlabel: 'Sula OS',\n\t\ticon: 'ph ph-app-window',\n\t\texpanded: true,\n\t\tchildren: [\n\t\t\t{\n\t\t\t\tid: 'dashboard',\n\t\t\t\tlabel: 'Dashboard',\n\t\t\t\ticon: 'ph ph-gauge',\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'canvas',\n\t\t\t\tlabel: 'Canvas',\n\t\t\t\ticon: 'ph ph-frame-corners',\n\t\t\t\texpanded: true,\n\t\t\t\tchildren: [\n\t\t\t\t\t{\n\t\t\t\t\t\tid: 'chapters',\n\t\t\t\t\t\tlabel: 'Capitulos/Jornadas',\n\t\t\t\t\t\ticon: 'ph ph-dot-outline',\n\t\t\t\t\t\tselected: true,\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tid: 'tribes',\n\t\t\t\t\t\tlabel: 'Tribes/Areas',\n\t\t\t\t\t\ticon: 'ph ph-dot-outline',\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t},\n\t\t],\n\t},\n\t{\n\t\tid: 'analytics',\n\t\tlabel: 'Analytics',\n\t\ticon: 'ph ph-chart-line-up',\n\t\tchildren: [\n\t\t\t{\n\t\t\t\tid: 'portfolio',\n\t\t\t\tlabel: 'Portfolio',\n\t\t\t\ticon: 'ph ph-chart-pie-slice',\n\t\t\t},\n\t\t],\n\t},\n];\n\nconst longLabelItems: SulaMenuMainItem[] = [\n\t{\n\t\tid: 'protocol-center',\n\t\tlabel: 'Central de protocolos e acompanhamentos operacionais',\n\t\ticon: 'ph ph-folders',\n\t\texpanded: true,\n\t\tchildren: [\n\t\t\t{\n\t\t\t\tid: 'technical-underwriting',\n\t\t\t\tlabel: 'Analise tecnica e de subscricao para contas corporativas',\n\t\t\t\ticon: 'ph ph-file-search',\n\t\t\t\tselected: true,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'journey-builder',\n\t\t\t\tlabel: 'Construtor de jornadas e configuracoes de experiencia',\n\t\t\t\ticon: 'ph ph-path',\n\t\t\t\texpanded: true,\n\t\t\t\tchildren: [\n\t\t\t\t\t{\n\t\t\t\t\t\tid: 'audiences',\n\t\t\t\t\t\tlabel: 'Segmentos e audiencias de relacionamento',\n\t\t\t\t\t\ticon: 'ph ph-dot-outline',\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tid: 'rules',\n\t\t\t\t\t\tlabel: 'Regras e validacoes com nomenclaturas extensas',\n\t\t\t\t\t\ticon: 'ph ph-dot-outline',\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t},\n\t\t],\n\t},\n\t{\n\t\tid: 'governance',\n\t\tlabel: 'Governanca de acessos e seguranca',\n\t\ticon: 'ph ph-shield-check',\n\t},\n];\n\nconst hiddenItems: SulaMenuMainItem[] = [\n\t{\n\t\tid: 'overview-hidden',\n\t\tlabel: 'Visao Geral',\n\t\ticon: 'ph ph-house-line',\n\t\thidden: true,\n\t},\n\t{\n\t\tid: 'reports',\n\t\tlabel: 'Relatorios',\n\t\ticon: 'ph ph-chart-bar',\n\t\texpanded: true,\n\t\tchildren: [\n\t\t\t{\n\t\t\t\tid: 'archived',\n\t\t\t\tlabel: 'Arquivados',\n\t\t\t\ticon: 'ph ph-archive-box',\n\t\t\t\thidden: true,\n\t\t\t},\n\t\t],\n\t},\n\t{\n\t\tid: 'settings-hidden',\n\t\tlabel: 'Configuracoes',\n\t\ticon: 'ph ph-gear-six',\n\t\texpanded: true,\n\t\tchildren: [\n\t\t\t{\n\t\t\t\tid: 'users-hidden',\n\t\t\t\tlabel: 'Usuarios ocultos',\n\t\t\t\ticon: 'ph ph-users-three',\n\t\t\t\thidden: true,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'roles',\n\t\t\t\tlabel: 'Perfis de acesso',\n\t\t\t\ticon: 'ph ph-lock-key',\n\t\t\t\texpanded: true,\n\t\t\t\tchildren: [\n\t\t\t\t\t{\n\t\t\t\t\t\tid: 'legacy-role',\n\t\t\t\t\t\tlabel: 'Perfil legado',\n\t\t\t\t\t\ticon: 'ph ph-dot-outline',\n\t\t\t\t\t\thidden: true,\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tid: 'brokers',\n\t\t\t\t\t\tlabel: 'Corretores',\n\t\t\t\t\t\ticon: 'ph ph-dot-outline',\n\t\t\t\t\t\tselected: true,\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'teams-visible',\n\t\t\t\tlabel: 'Times',\n\t\t\t\ticon: 'ph ph-users-three',\n\t\t\t},\n\t\t],\n\t},\n];\n\nconst cloneMenuItems = (items: SulaMenuMainItem[]) => {\n\treturn items.map(item => ({\n\t\t...item,\n\t\tchildren: item.children?.map(child => ({\n\t\t\t...child,\n\t\t\tchildren: child.children?.map(grandchild => ({ ...grandchild })),\n\t\t})),\n\t}));\n};\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.overflow = 'visible';\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.background = 'linear-gradient(180deg, #ffffff 0%, #f7f9f9 100%)';\n\tcontentPanel.style.borderRadius = '0 24px 24px 0';\n\tcontentPanel.style.boxSizing = 'border-box';\n\n\tconst contentTitle = document.createElement('h3');\n\tcontentTitle.textContent = 'Area de conteudo';\n\tcontentTitle.style.margin = '0 0 12px';\n\tcontentTitle.style.fontSize = '24px';\n\tcontentTitle.style.fontWeight = '700';\n\tcontentTitle.style.color = '#2f3131';\n\n\tconst contentDescription = document.createElement('p');\n\tcontentDescription.textContent = 'Use o botao no rodape do menu para colapsar, passe o mouse sobre o menu colapsado para visualizar o preview e clique nos itens para observar os eventos no painel Actions.';\n\tcontentDescription.style.margin = '0 0 24px';\n\tcontentDescription.style.maxWidth = '520px';\n\tcontentDescription.style.fontSize = '14px';\n\tcontentDescription.style.lineHeight = '22px';\n\tcontentDescription.style.color = '#6c6e6e';\n\n\tconst infoCard = document.createElement('div');\n\tinfoCard.style.padding = '20px 24px';\n\tinfoCard.style.borderRadius = '20px';\n\tinfoCard.style.background = '#f4f7f7';\n\tinfoCard.style.border = '1px solid #e3e9e9';\n\tinfoCard.style.maxWidth = '460px';\n\n\tconst infoTitle = document.createElement('strong');\n\tinfoTitle.textContent = 'Fluxos demonstrados';\n\tinfoTitle.style.display = 'block';\n\tinfoTitle.style.marginBottom = '12px';\n\tinfoTitle.style.fontSize = '15px';\n\tinfoTitle.style.color = '#2f3131';\n\n\tconst infoList = document.createElement('ul');\n\tinfoList.style.margin = '0';\n\tinfoList.style.paddingLeft = '18px';\n\tinfoList.style.color = '#5d5f5f';\n\tinfoList.style.fontSize = '14px';\n\tinfoList.style.lineHeight = '22px';\n\tinfoList.innerHTML = '<li>Selecao unica de itens folha</li><li>Expansao independente de branches</li><li>Submenus em dois niveis</li><li>Preview do menu sobre o conteudo</li>';\n\n\tinfoCard.appendChild(infoTitle);\n\tinfoCard.appendChild(infoList);\n\tcontentPanel.appendChild(contentTitle);\n\tcontentPanel.appendChild(contentDescription);\n\tcontentPanel.appendChild(infoCard);\n\tshell.appendChild(contentPanel);\n\tcontainer.appendChild(shell);\n\n\treturn { container, shell };\n};\n\nexport default {\n\ttitle: 'Components/sula-menu',\n\ttags: ['autodocs'],\n\targTypes: {\n\t\tmenuTitle: {\n\t\t\tcontrol: 'text',\n\t\t\tdefaultValue: 'Sula Hub',\n\t\t\tdescription: 'Titulo exibido no cabecalho do menu.',\n\t\t\ttype: {\n\t\t\t\trequired: false,\n\t\t\t},\n\t\t},\n\t\timage: {\n\t\t\tcontrol: 'text',\n\t\t\tdefaultValue: BRAND_IMAGE,\n\t\t\tdescription: 'Imagem de marca exibida ao lado do titulo.',\n\t\t\ttype: {\n\t\t\t\trequired: false,\n\t\t\t},\n\t\t},\n\t\titems: {\n\t\t\tcontrol: 'object',\n\t\t\tdefaultValue: defaultItems,\n\t\t\tdescription: 'Estrutura hierarquica do menu, com suporte a itens, subitens, netos e ocultacao via hidden.',\n\t\t\ttype: {\n\t\t\t\trequired: false,\n\t\t\t},\n\t\t},\n\t\titemSelected: {\n\t\t\taction: 'itemSelected',\n\t\t\tdescription: 'Evento emitido quando um item folha e selecionado.',\n\t\t},\n\t\titemClicked: {\n\t\t\taction: 'itemClicked',\n\t\t\tdescription: 'Evento emitido a cada clique em qualquer item do menu.',\n\t\t},\n\t\tmenuToggled: {\n\t\t\taction: 'menuToggled',\n\t\t\tdescription: 'Evento emitido ao colapsar ou expandir o menu.',\n\t\t},\n\t},\n\tparameters: {\n\t\tdocs: {\n\t\t\tdescription: {\n\t\t\t\tcomponent:\n\t\t\t\t\t'O componente Sula Menu organiza navegacao hierarquica com suporte a expansao de submenus, selecao unica de itens folha, ocultacao declarativa via hidden, colapso com preview em hover e emissao de eventos para clique, selecao e toggle do container.',\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-menu');\n\n\tel.menuTitle = args.menuTitle;\n\tel.image = args.image;\n\tel.items = cloneMenuItems(args.items);\n\n\tel.addEventListener('itemSelected', args.itemSelected);\n\tel.addEventListener('itemClicked', args.itemClicked);\n\tel.addEventListener('menuToggled', args.menuToggled);\n\n\tshell.prepend(el);\n\n\treturn container;\n};\n\nexport const Default = Template.bind({});\nDefault.args = {\n\tmenuTitle: 'Sula Hub',\n\timage: BRAND_IMAGE,\n\titems: defaultItems,\n};\nDefault.parameters = {\n\tdocs: {\n\t\tdescription: {\n\t\t\tstory: 'Exemplo principal do menu com marca, um item folha selecionado e uma secao expandida. Interaja com os itens e com o toggle do rodape para validar os eventos e os estados visuais.',\n\t\t},\n\t},\n};\n\nexport const WithNestedNavigation = Template.bind({});\nWithNestedNavigation.args = {\n\tmenuTitle: 'Sula OS',\n\timage: BRAND_IMAGE,\n\titems: nestedItems,\n};\nWithNestedNavigation.parameters = {\n\tdocs: {\n\t\tdescription: {\n\t\t\tstory: 'Demonstra a navegacao com branch aninhado e um neto previamente selecionado, cobrindo o fluxo de expansao em dois niveis.',\n\t\t},\n\t},\n};\n\nexport const WithLongLabels = Template.bind({});\nWithLongLabels.args = {\n\tmenuTitle: 'Governanca',\n\timage: BRAND_IMAGE,\n\titems: longLabelItems,\n};\nWithLongLabels.parameters = {\n\tdocs: {\n\t\tdescription: {\n\t\t\tstory: 'Cenario voltado para validacao visual de truncamento e alinhamento quando itens e subitens possuem labels extensas.',\n\t\t},\n\t},\n};\n\nexport const WithHiddenItems = Template.bind({});\nWithHiddenItems.args = {\n\tmenuTitle: 'Administracao',\n\timage: BRAND_IMAGE,\n\titems: hiddenItems,\n};\nWithHiddenItems.parameters = {\n\tdocs: {\n\t\tdescription: {\n\t\t\tstory: 'Demonstra a omissao de itens marcados com hidden em todos os niveis, incluindo o caso em que um branch deixa de expandir porque seus descendentes visiveis foram filtrados.',\n\t\t},\n\t},\n};\n\nexport const WithoutBrandImage = Template.bind({});\nWithoutBrandImage.args = {\n\tmenuTitle: 'Menu sem logomarca',\n\timage: '',\n\titems: defaultItems,\n};\nWithoutBrandImage.parameters = {\n\tdocs: {\n\t\tdescription: {\n\t\t\tstory: 'Mostra o comportamento do componente quando apenas o titulo e exibido no cabecalho, sem imagem de marca.',\n\t\t},\n\t},\n};\n"]}
+{"version":3,"file":"sula-menu.stories.js","sourceRoot":"","sources":["../../../src/components/sula-menu/sula-menu.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { SulaMenuDensity, SulaMenuLabelOverflow, SulaMenuMainItem } from './model/sula-menu.model';\n\ntype StoryArgs = {\n\tmenuTitle: string;\n\timage: string;\n\twidth: string;\n\tdensity: SulaMenuDensity;\n\tlabelOverflow: SulaMenuLabelOverflow;\n\titems: SulaMenuMainItem[];\n\titemSelected: EventListener;\n\titemClicked: EventListener;\n\tmenuToggled: EventListener;\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<rect x=\"12\" y=\"12\" width=\"56\" height=\"56\" rx=\"18\" fill=\"white\" fill-opacity=\"0.08\"/>\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\nconst defaultItems: SulaMenuMainItem[] = [\n\t{\n\t\tid: 'overview',\n\t\tlabel: 'Visao Geral',\n\t\ticon: 'ph ph-house-line',\n\t\tselected: true,\n\t},\n\t{\n\t\tid: 'operations',\n\t\tlabel: 'Operacoes',\n\t\ticon: 'ph ph-briefcase',\n\t\texpanded: true,\n\t\tchildren: [\n\t\t\t{\n\t\t\t\tid: 'policies',\n\t\t\t\tlabel: 'Apolices',\n\t\t\t\ticon: 'ph ph-files',\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'endorsements',\n\t\t\t\tlabel: 'Endossos',\n\t\t\t\ticon: 'ph ph-arrows-clockwise',\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'claims',\n\t\t\t\tlabel: 'Sinistros',\n\t\t\t\ticon: 'ph ph-warning-circle',\n\t\t\t},\n\t\t],\n\t},\n\t{\n\t\tid: 'settings',\n\t\tlabel: 'Configuracoes',\n\t\ticon: 'ph ph-gear-six',\n\t\tchildren: [\n\t\t\t{\n\t\t\t\tid: 'teams',\n\t\t\t\tlabel: 'Times',\n\t\t\t\ticon: 'ph ph-users-three',\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'permissions',\n\t\t\t\tlabel: 'Permissoes',\n\t\t\t\ticon: 'ph ph-lock-key',\n\t\t\t},\n\t\t],\n\t},\n];\n\nconst nestedItems: SulaMenuMainItem[] = [\n\t{\n\t\tid: 'sula-os',\n\t\tlabel: 'Sula OS',\n\t\ticon: 'ph ph-app-window',\n\t\texpanded: true,\n\t\tchildren: [\n\t\t\t{\n\t\t\t\tid: 'dashboard',\n\t\t\t\tlabel: 'Dashboard',\n\t\t\t\ticon: 'ph ph-gauge',\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'canvas',\n\t\t\t\tlabel: 'Canvas',\n\t\t\t\ticon: 'ph ph-frame-corners',\n\t\t\t\texpanded: true,\n\t\t\t\tchildren: [\n\t\t\t\t\t{\n\t\t\t\t\t\tid: 'chapters',\n\t\t\t\t\t\tlabel: 'Capitulos/Jornadas',\n\t\t\t\t\t\ticon: 'ph ph-dot-outline',\n\t\t\t\t\t\tselected: true,\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tid: 'tribes',\n\t\t\t\t\t\tlabel: 'Tribes/Areas',\n\t\t\t\t\t\ticon: 'ph ph-dot-outline',\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t},\n\t\t],\n\t},\n\t{\n\t\tid: 'analytics',\n\t\tlabel: 'Analytics',\n\t\ticon: 'ph ph-chart-line-up',\n\t\tchildren: [\n\t\t\t{\n\t\t\t\tid: 'portfolio',\n\t\t\t\tlabel: 'Portfolio',\n\t\t\t\ticon: 'ph ph-chart-pie-slice',\n\t\t\t},\n\t\t],\n\t},\n];\n\nconst longLabelItems: SulaMenuMainItem[] = [\n\t{\n\t\tid: 'protocol-center',\n\t\tlabel: 'Central de protocolos e acompanhamentos operacionais',\n\t\ticon: 'ph ph-folders',\n\t\texpanded: true,\n\t\tchildren: [\n\t\t\t{\n\t\t\t\tid: 'technical-underwriting',\n\t\t\t\tlabel: 'Analise tecnica e de subscricao para contas corporativas',\n\t\t\t\ticon: 'ph ph-file-search',\n\t\t\t\tselected: true,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'journey-builder',\n\t\t\t\tlabel: 'Construtor de jornadas e configuracoes de experiencia',\n\t\t\t\ticon: 'ph ph-path',\n\t\t\t\texpanded: true,\n\t\t\t\tchildren: [\n\t\t\t\t\t{\n\t\t\t\t\t\tid: 'audiences',\n\t\t\t\t\t\tlabel: 'Segmentos e audiencias de relacionamento',\n\t\t\t\t\t\ticon: 'ph ph-dot-outline',\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tid: 'rules',\n\t\t\t\t\t\tlabel: 'Regras e validacoes com nomenclaturas extensas',\n\t\t\t\t\t\ticon: 'ph ph-dot-outline',\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t},\n\t\t],\n\t},\n\t{\n\t\tid: 'governance',\n\t\tlabel: 'Governanca de acessos e seguranca',\n\t\ticon: 'ph ph-shield-check',\n\t},\n];\n\nconst hiddenItems: SulaMenuMainItem[] = [\n\t{\n\t\tid: 'overview-hidden',\n\t\tlabel: 'Visao Geral',\n\t\ticon: 'ph ph-house-line',\n\t\thidden: true,\n\t},\n\t{\n\t\tid: 'reports',\n\t\tlabel: 'Relatorios',\n\t\ticon: 'ph ph-chart-bar',\n\t\texpanded: true,\n\t\tchildren: [\n\t\t\t{\n\t\t\t\tid: 'archived',\n\t\t\t\tlabel: 'Arquivados',\n\t\t\t\ticon: 'ph ph-archive-box',\n\t\t\t\thidden: true,\n\t\t\t},\n\t\t],\n\t},\n\t{\n\t\tid: 'settings-hidden',\n\t\tlabel: 'Configuracoes',\n\t\ticon: 'ph ph-gear-six',\n\t\texpanded: true,\n\t\tchildren: [\n\t\t\t{\n\t\t\t\tid: 'users-hidden',\n\t\t\t\tlabel: 'Usuarios ocultos',\n\t\t\t\ticon: 'ph ph-users-three',\n\t\t\t\thidden: true,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'roles',\n\t\t\t\tlabel: 'Perfis de acesso',\n\t\t\t\ticon: 'ph ph-lock-key',\n\t\t\t\texpanded: true,\n\t\t\t\tchildren: [\n\t\t\t\t\t{\n\t\t\t\t\t\tid: 'legacy-role',\n\t\t\t\t\t\tlabel: 'Perfil legado',\n\t\t\t\t\t\ticon: 'ph ph-dot-outline',\n\t\t\t\t\t\thidden: true,\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tid: 'brokers',\n\t\t\t\t\t\tlabel: 'Corretores',\n\t\t\t\t\t\ticon: 'ph ph-dot-outline',\n\t\t\t\t\t\tselected: true,\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'teams-visible',\n\t\t\t\tlabel: 'Times',\n\t\t\t\ticon: 'ph ph-users-three',\n\t\t\t},\n\t\t],\n\t},\n];\n\nconst cloneMenuItems = (items: SulaMenuMainItem[]) => {\n\treturn items.map(item => ({\n\t\t...item,\n\t\tchildren: item.children?.map(child => ({\n\t\t\t...child,\n\t\t\tchildren: child.children?.map(grandchild => ({ ...grandchild })),\n\t\t})),\n\t}));\n};\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.overflow = 'visible';\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.background = 'linear-gradient(180deg, #ffffff 0%, #f7f9f9 100%)';\n\tcontentPanel.style.borderRadius = '0 24px 24px 0';\n\tcontentPanel.style.boxSizing = 'border-box';\n\n\tconst contentTitle = document.createElement('h3');\n\tcontentTitle.textContent = 'Area de conteudo';\n\tcontentTitle.style.margin = '0 0 12px';\n\tcontentTitle.style.fontSize = '24px';\n\tcontentTitle.style.fontWeight = '700';\n\tcontentTitle.style.color = '#2f3131';\n\n\tconst contentDescription = document.createElement('p');\n\tcontentDescription.textContent = 'Use o botao no rodape do menu para colapsar, passe o mouse sobre o menu colapsado para visualizar o preview e clique nos itens para observar os eventos no painel Actions.';\n\tcontentDescription.style.margin = '0 0 24px';\n\tcontentDescription.style.maxWidth = '520px';\n\tcontentDescription.style.fontSize = '14px';\n\tcontentDescription.style.lineHeight = '22px';\n\tcontentDescription.style.color = '#6c6e6e';\n\n\tconst infoCard = document.createElement('div');\n\tinfoCard.style.padding = '20px 24px';\n\tinfoCard.style.borderRadius = '20px';\n\tinfoCard.style.background = '#f4f7f7';\n\tinfoCard.style.border = '1px solid #e3e9e9';\n\tinfoCard.style.maxWidth = '460px';\n\n\tconst infoTitle = document.createElement('strong');\n\tinfoTitle.textContent = 'Fluxos demonstrados';\n\tinfoTitle.style.display = 'block';\n\tinfoTitle.style.marginBottom = '12px';\n\tinfoTitle.style.fontSize = '15px';\n\tinfoTitle.style.color = '#2f3131';\n\n\tconst infoList = document.createElement('ul');\n\tinfoList.style.margin = '0';\n\tinfoList.style.paddingLeft = '18px';\n\tinfoList.style.color = '#5d5f5f';\n\tinfoList.style.fontSize = '14px';\n\tinfoList.style.lineHeight = '22px';\n\tinfoList.innerHTML = '<li>Selecao unica de itens folha</li><li>Expansao independente de branches</li><li>Submenus em dois niveis</li><li>Preview do menu sobre o conteudo</li>';\n\n\tinfoCard.appendChild(infoTitle);\n\tinfoCard.appendChild(infoList);\n\tcontentPanel.appendChild(contentTitle);\n\tcontentPanel.appendChild(contentDescription);\n\tcontentPanel.appendChild(infoCard);\n\tshell.appendChild(contentPanel);\n\tcontainer.appendChild(shell);\n\n\treturn { container, shell };\n};\n\nexport default {\n\ttitle: 'Components/sula-menu',\n\ttags: ['autodocs'],\n\targTypes: {\n\t\tmenuTitle: {\n\t\t\tcontrol: 'text',\n\t\t\tdefaultValue: 'Sula Hub',\n\t\t\tdescription: 'Titulo exibido no cabecalho do menu.',\n\t\t\ttype: {\n\t\t\t\trequired: false,\n\t\t\t},\n\t\t},\n\t\timage: {\n\t\t\tcontrol: 'text',\n\t\t\tdefaultValue: BRAND_IMAGE,\n\t\t\tdescription: 'Imagem de marca exibida ao lado do titulo.',\n\t\t\ttype: {\n\t\t\t\trequired: false,\n\t\t\t},\n\t\t},\n\t\twidth: {\n\t\t\tcontrol: 'text',\n\t\t\tdefaultValue: '',\n\t\t\tdescription: 'Largura do menu expandido. Use medidas independentes do host, como 320px, 20rem ou clamp(16rem, 25vw, 24rem).',\n\t\t\ttype: {\n\t\t\t\trequired: false,\n\t\t\t},\n\t\t},\n\t\tdensity: {\n\t\t\tcontrol: { type: 'select' },\n\t\t\toptions: Object.values(SulaMenuDensity),\n\t\t\tdescription: 'Define a densidade visual e tipografica dos itens principais.',\n\t\t\ttable: {\n\t\t\t\ttype: { summary: 'SulaMenuDensity' },\n\t\t\t\tdefaultValue: { summary: 'SulaMenuDensity.Default' },\n\t\t\t},\n\t\t},\n\t\tlabelOverflow: {\n\t\t\tcontrol: { type: 'select' },\n\t\t\toptions: Object.values(SulaMenuLabelOverflow),\n\t\t\tdescription: 'Define se labels longos quebram em ate duas linhas ou usam ellipsis.',\n\t\t\ttable: {\n\t\t\t\ttype: { summary: 'SulaMenuLabelOverflow' },\n\t\t\t\tdefaultValue: { summary: 'SulaMenuLabelOverflow.Wrap' },\n\t\t\t},\n\t\t},\n\t\titems: {\n\t\t\tcontrol: 'object',\n\t\t\tdefaultValue: defaultItems,\n\t\t\tdescription: 'Estrutura hierarquica do menu, com suporte a itens, subitens, netos e ocultacao via hidden.',\n\t\t\ttype: {\n\t\t\t\trequired: false,\n\t\t\t},\n\t\t},\n\t\titemSelected: {\n\t\t\taction: 'itemSelected',\n\t\t\tdescription: 'Evento emitido quando um item folha e selecionado.',\n\t\t},\n\t\titemClicked: {\n\t\t\taction: 'itemClicked',\n\t\t\tdescription: 'Evento emitido a cada clique em qualquer item do menu.',\n\t\t},\n\t\tmenuToggled: {\n\t\t\taction: 'menuToggled',\n\t\t\tdescription: 'Evento emitido ao colapsar ou expandir o menu.',\n\t\t},\n\t},\n\tparameters: {\n\t\tdocs: {\n\t\t\tdescription: {\n\t\t\t\tcomponent:\n\t\t\t\t\t'O componente Sula Menu organiza navegacao hierarquica com suporte a expansao de submenus, selecao unica de itens folha, ocultacao declarativa via hidden, colapso com preview em hover e emissao de eventos para clique, selecao e toggle do container.',\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-menu');\n\n\tel.menuTitle = args.menuTitle;\n\tel.image = args.image;\n\tel.width = args.width;\n\tel.density = args.density;\n\tel.labelOverflow = args.labelOverflow;\n\tel.items = cloneMenuItems(args.items);\n\n\tel.addEventListener('itemSelected', args.itemSelected);\n\tel.addEventListener('itemClicked', args.itemClicked);\n\tel.addEventListener('menuToggled', args.menuToggled);\n\n\tshell.prepend(el);\n\n\treturn container;\n};\n\nexport const Default = Template.bind({});\nDefault.args = {\n\tmenuTitle: 'Sula Hub',\n\timage: BRAND_IMAGE,\n\twidth: '',\n\tdensity: SulaMenuDensity.Default,\n\tlabelOverflow: SulaMenuLabelOverflow.Wrap,\n\titems: defaultItems,\n};\nDefault.parameters = {\n\tdocs: {\n\t\tdescription: {\n\t\t\tstory: 'Exemplo principal do menu com marca, um item folha selecionado e uma secao expandida. Interaja com os itens e com o toggle do rodape para validar os eventos e os estados visuais.',\n\t\t},\n\t},\n};\n\nexport const WithNestedNavigation = Template.bind({});\nWithNestedNavigation.args = {\n\tmenuTitle: 'Sula OS',\n\timage: BRAND_IMAGE,\n\twidth: '',\n\tdensity: SulaMenuDensity.Default,\n\tlabelOverflow: SulaMenuLabelOverflow.Wrap,\n\titems: nestedItems,\n};\nWithNestedNavigation.parameters = {\n\tdocs: {\n\t\tdescription: {\n\t\t\tstory: 'Demonstra a navegacao com branch aninhado e um neto previamente selecionado, cobrindo o fluxo de expansao em dois niveis.',\n\t\t},\n\t},\n};\n\nexport const WithLongLabels = Template.bind({});\nWithLongLabels.args = {\n\tmenuTitle: 'Governanca',\n\timage: BRAND_IMAGE,\n\twidth: '',\n\tdensity: SulaMenuDensity.Default,\n\tlabelOverflow: SulaMenuLabelOverflow.Wrap,\n\titems: longLabelItems,\n};\nWithLongLabels.parameters = {\n\tdocs: {\n\t\tdescription: {\n\t\t\tstory: 'Cenario padrao para labels extensos, com tipografia de 14px e quebra em ate duas linhas nos itens principais.',\n\t\t},\n\t},\n};\n\nexport const WithTruncatedLongLabels = Template.bind({});\nWithTruncatedLongLabels.args = {\n\tmenuTitle: 'Governanca',\n\timage: BRAND_IMAGE,\n\twidth: '',\n\tdensity: SulaMenuDensity.Default,\n\tlabelOverflow: SulaMenuLabelOverflow.Truncate,\n\titems: longLabelItems,\n};\nWithTruncatedLongLabels.parameters = {\n\tdocs: {\n\t\tdescription: {\n\t\t\tstory: 'Alternativa explicita com ellipsis para produtos que precisam manter todos os itens principais em uma unica linha.',\n\t\t},\n\t},\n};\n\nexport const WithLongLabelsCustomLayout = Template.bind({});\nWithLongLabelsCustomLayout.args = {\n\tmenuTitle: 'Governanca',\n\timage: BRAND_IMAGE,\n\twidth: '320px',\n\tdensity: SulaMenuDensity.Compact,\n\tlabelOverflow: SulaMenuLabelOverflow.Wrap,\n\titems: longLabelItems,\n};\nWithLongLabelsCustomLayout.parameters = {\n\tdocs: {\n\t\tdescription: {\n\t\t\tstory:\n\t\t\t\t'Cenario para muitos labels longos: combina largura de 320px, densidade compacta e quebra em ate duas linhas por meio da API oficial.',\n\t\t},\n\t},\n};\n\nexport const WithComfortableDensity = Template.bind({});\nWithComfortableDensity.args = {\n\tmenuTitle: 'Governanca',\n\timage: BRAND_IMAGE,\n\twidth: '320px',\n\tdensity: SulaMenuDensity.Comfortable,\n\tlabelOverflow: SulaMenuLabelOverflow.Wrap,\n\titems: longLabelItems,\n};\nWithComfortableDensity.parameters = {\n\tdocs: {\n\t\tdescription: {\n\t\t\tstory: 'Variante com maior area de toque e tipografia de 16px para contextos que priorizam conforto de leitura.',\n\t\t},\n\t},\n};\n\nexport const WithHiddenItems = Template.bind({});\nWithHiddenItems.args = {\n\tmenuTitle: 'Administracao',\n\timage: BRAND_IMAGE,\n\twidth: '',\n\tdensity: SulaMenuDensity.Default,\n\tlabelOverflow: SulaMenuLabelOverflow.Wrap,\n\titems: hiddenItems,\n};\nWithHiddenItems.parameters = {\n\tdocs: {\n\t\tdescription: {\n\t\t\tstory: 'Demonstra a omissao de itens marcados com hidden em todos os niveis, incluindo o caso em que um branch deixa de expandir porque seus descendentes visiveis foram filtrados.',\n\t\t},\n\t},\n};\n\nexport const WithoutBrandImage = Template.bind({});\nWithoutBrandImage.args = {\n\tmenuTitle: 'Menu sem logomarca',\n\timage: '',\n\twidth: '',\n\tdensity: SulaMenuDensity.Default,\n\tlabelOverflow: SulaMenuLabelOverflow.Wrap,\n\titems: defaultItems,\n};\nWithoutBrandImage.parameters = {\n\tdocs: {\n\t\tdescription: {\n\t\t\tstory: 'Mostra o comportamento do componente quando apenas o titulo e exibido no cabecalho, sem imagem de marca.',\n\t\t},\n\t},\n};\n"]}

package/dist/collection/index.js

@@ -1,2 +1,11 @@
-export {};
+/**
+ * @fileoverview entry point for your component library
+ *
+ * This is the entry point for your component library. Use this file to export utilities,
+ * constants or data structure that accompany your components.
+ *
+ * DO NOT use this file to export your components. Instead, use the recommended approaches
+ * to consume components of this package as outlined in the `README.md`.
+ */
+export { SulaMenuDensity, SulaMenuLabelOverflow } from './components/sula-menu/model/sula-menu.model';
 //# sourceMappingURL=index.js.map

package/dist/collection/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG","sourcesContent":["/**\n * @fileoverview entry point for your component library\n *\n * This is the entry point for your component library. Use this file to export utilities,\n * constants or data structure that accompany your components.\n *\n * DO NOT use this file to export your components. Instead, use the recommended approaches\n * to consume components of this package as outlined in the `README.md`.\n */\n\nexport type * from './components.d.ts';\nexport type { SulaToggleEvent } from './components/sula-toggle/model/sula-toggle.model';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAGH,OAAO,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,8CAA8C,CAAC","sourcesContent":["/**\n * @fileoverview entry point for your component library\n *\n * This is the entry point for your component library. Use this file to export utilities,\n * constants or data structure that accompany your components.\n *\n * DO NOT use this file to export your components. Instead, use the recommended approaches\n * to consume components of this package as outlined in the `README.md`.\n */\n\nexport type * from './components.d.ts';\nexport { SulaMenuDensity, SulaMenuLabelOverflow } from './components/sula-menu/model/sula-menu.model';\nexport type { SulaToggleEvent } from './components/sula-toggle/model/sula-toggle.model';\n"]}