{"id":418,"date":"2025-11-25T03:48:37","date_gmt":"2025-11-25T03:48:37","guid":{"rendered":"https:\/\/chat.visual-paradigm.com\/es\/?post_type=diagram&#038;p=418"},"modified":"2026-03-11T06:09:17","modified_gmt":"2026-03-11T06:09:17","slug":"uml-component-diagram","status":"publish","type":"diagram","link":"https:\/\/chat.visual-paradigm.com\/es\/diagram\/uml-component-diagram\/","title":{"rendered":"UML Component Diagram"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"418\" class=\"elementor elementor-418\">\n\t\t\t\t<div class=\"elementor-element elementor-element-725249e e-con-full e-flex e-con e-parent\" data-id=\"725249e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-99989b6 elementor-widget elementor-widget-heading\" data-id=\"99989b6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">UML Component Diagram<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-67ade35 elementor-widget elementor-widget-text-editor\" data-id=\"67ade35\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-pm-slice=\"1 1 [&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-YQryh8kNL6oR&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-cyGqelLfEE0y&quot;,&quot;shortId&quot;:&quot;tT4ntnZzc1YO&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:3,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 20px;\\n                    width: auto;padding-top: 10px;\\n                  padding-bottom: 10px;\\n                  padding-left: 0px;\\n                  padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:&quot;background: rgb(248, 250, 252); opacity: 1; padding: 15px; border-radius: 15px; border-color: rgb(245, 245, 245); border-width: 3px;&quot;,&quot;componentName&quot;:&quot;column-dQws526zx7B8&quot;,&quot;shortId&quot;:&quot;OVbEyS3ZW3J7&quot;,&quot;index&quot;:2,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-ydTVWPmsu5QS&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-GDpdF_eqOC62&quot;,&quot;shortId&quot;:&quot;VoOclFd20CEe&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:null,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;componentName&quot;:&quot;column-1ZJyHaBkL3jb&quot;,&quot;shortId&quot;:&quot;8RpOAwJNEiv6&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1}]\">The UML Component Diagram outlines the organization and dependencies of components that form the system\u2019s structure.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eb9ae30 elementor-widget elementor-widget-image\" data-id=\"eb9ae30\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1208\" height=\"752\" src=\"https:\/\/chat.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/2025\/11\/ai-chatbot-component-diagram-1.png\" class=\"attachment-full size-full wp-image-2632\" alt=\"AI Chatbot: Component Diagram\" srcset=\"https:\/\/chat.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/2025\/11\/ai-chatbot-component-diagram-1.png 1208w, https:\/\/chat.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/2025\/11\/ai-chatbot-component-diagram-1-300x187.png 300w, https:\/\/chat.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/2025\/11\/ai-chatbot-component-diagram-1-1024x637.png 1024w, https:\/\/chat.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/2025\/11\/ai-chatbot-component-diagram-1-768x478.png 768w\" sizes=\"(max-width: 1208px) 100vw, 1208px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9dc431d e-flex e-con-boxed e-con e-parent\" data-id=\"9dc431d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-2f5a854 e-con-full e-flex e-con e-child\" data-id=\"2f5a854\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-f799801 e-con-full e-flex e-con e-child\" data-id=\"f799801\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fff8864 elementor-widget elementor-widget-heading\" data-id=\"fff8864\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Instant Component Diagram Creation<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5a39b54 elementor-widget elementor-widget-text-editor\" data-id=\"5a39b54\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>With the AI chatbot, architectural modeling becomes much easier. Instead of manually arranging components, interfaces, and connectors, you can simply describe your system\u2019s structure in plain language. The chatbot converts your explanation into a well-organized UML Component Diagram that highlights how parts of the system interact. Whether you are modeling a monolithic application or outlining a microservices layout, the AI quickly generates a clean visual foundation for your design work.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-da96d73 e-con-full e-flex e-con e-child\" data-id=\"da96d73\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b31d69f elementor-widget elementor-widget-image\" data-id=\"b31d69f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"488\" src=\"https:\/\/chat.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/2025\/11\/AI-Chatbot-genereate-different-kinds-of-diagram-1024x488.png\" class=\"attachment-large size-large wp-image-204\" alt=\"The AI Chatbot can generate different diagrams according to your need in the chat.\" srcset=\"https:\/\/chat.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/2025\/11\/AI-Chatbot-genereate-different-kinds-of-diagram-1024x488.png 1024w, https:\/\/chat.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/2025\/11\/AI-Chatbot-genereate-different-kinds-of-diagram-300x143.png 300w, https:\/\/chat.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/2025\/11\/AI-Chatbot-genereate-different-kinds-of-diagram-768x366.png 768w, https:\/\/chat.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/2025\/11\/AI-Chatbot-genereate-different-kinds-of-diagram.png 1067w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a180d68 e-con-full e-flex e-con e-child\" data-id=\"a180d68\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-8b10e92 e-con-full e-flex e-con e-child\" data-id=\"8b10e92\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5fd593e elementor-widget elementor-widget-heading\" data-id=\"5fd593e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Refine and Explore Through Conversation<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-11a3247 elementor-widget elementor-widget-text-editor\" data-id=\"11a3247\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Once the first diagram is created, you can keep shaping it through simple conversation. Ask the AI to add new components, define interfaces, restructure dependencies, or group functionalities differently. The diagram updates instantly, letting you try multiple architectural ideas without redrawing anything. This conversational workflow makes it easy to improve modularity, clarify responsibilities, and experiment with different configurations until you reach the design that fits your goals best.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8442523 e-con-full e-flex e-con e-child\" data-id=\"8442523\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4360a25 elementor-widget elementor-widget-image\" data-id=\"4360a25\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"884\" height=\"264\" src=\"https:\/\/chat.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/2025\/11\/featuresv2.png\" class=\"attachment-large size-large wp-image-248\" alt=\"\" srcset=\"https:\/\/chat.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/2025\/11\/featuresv2.png 884w, https:\/\/chat.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/2025\/11\/featuresv2-300x90.png 300w, https:\/\/chat.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/2025\/11\/featuresv2-768x229.png 768w\" sizes=\"(max-width: 884px) 100vw, 884px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5af0861 e-con-full e-flex e-con e-child\" data-id=\"5af0861\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-87fd6d3 e-con-full e-flex e-con e-child\" data-id=\"87fd6d3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-7dfa45e e-con-full e-flex e-con e-child\" data-id=\"7dfa45e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fd098dd elementor-widget elementor-widget-text-editor\" data-id=\"fd098dd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Benefits of Creating Component Diagrams with the AI Chatbot<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4d92587 e-con-full e-flex e-con e-child\" data-id=\"4d92587\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-9ab492a e-con-full e-flex e-con e-child\" data-id=\"9ab492a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-31c3d3c elementor-widget elementor-widget-image\" data-id=\"31c3d3c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/chat.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/elementor\/thumbs\/tick-icon-3-rkytb2cy94xqhkb7pqpz6ae9o4qf7p51rehtn0eby8.png\" title=\"tick-icon-3.png\" alt=\"tick-icon-3.png\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bd40282 e-con-full e-flex e-con e-child\" data-id=\"bd40282\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0644151 elementor-widget elementor-widget-text-editor\" data-id=\"0644151\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Automatically applies correct UML notation for components, ports, interfaces, and connectors.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6e48b44 e-con-full e-flex e-con e-child\" data-id=\"6e48b44\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-334d350 e-con-full e-flex e-con e-child\" data-id=\"334d350\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0f5e28a elementor-widget elementor-widget-image\" data-id=\"0f5e28a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/chat.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/elementor\/thumbs\/tick-icon-3-rkytb2cy94xqhkb7pqpz6ae9o4qf7p51rehtn0eby8.png\" title=\"tick-icon-3.png\" alt=\"tick-icon-3.png\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-54c562d e-con-full e-flex e-con e-child\" data-id=\"54c562d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1bd5c68 elementor-widget elementor-widget-text-editor\" data-id=\"1bd5c68\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Speeds up architectural planning by converting natural language into structured diagrams.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c366499 e-con-full e-flex e-con e-child\" data-id=\"c366499\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-c15b222 e-con-full e-flex e-con e-child\" data-id=\"c15b222\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-759d60e elementor-widget elementor-widget-image\" data-id=\"759d60e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/chat.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/elementor\/thumbs\/tick-icon-3-rkytb2cy94xqhkb7pqpz6ae9o4qf7p51rehtn0eby8.png\" title=\"tick-icon-3.png\" alt=\"tick-icon-3.png\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-349d1d0 e-con-full e-flex e-con e-child\" data-id=\"349d1d0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9c08e9b elementor-widget elementor-widget-text-editor\" data-id=\"9c08e9b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Makes refinement easy\u2014adjust components, add dependencies, or reorganize modules in seconds.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-34cbd75 e-con-full e-flex e-con e-child\" data-id=\"34cbd75\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-7107b48 e-con-full e-flex e-con e-child\" data-id=\"7107b48\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3fa1f6f elementor-widget elementor-widget-image\" data-id=\"3fa1f6f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/chat.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/elementor\/thumbs\/tick-icon-3-rkytb2cy94xqhkb7pqpz6ae9o4qf7p51rehtn0eby8.png\" title=\"tick-icon-3.png\" alt=\"tick-icon-3.png\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-58aba42 e-con-full e-flex e-con e-child\" data-id=\"58aba42\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9560b1e elementor-widget elementor-widget-text-editor\" data-id=\"9560b1e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Helps ensure modularity by visualizing provided and required interfaces clearly.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8928313 e-con-full e-flex e-con e-child\" data-id=\"8928313\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-eb924dc e-con-full e-flex e-con e-child\" data-id=\"eb924dc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-357890a elementor-widget elementor-widget-image\" data-id=\"357890a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/chat.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/elementor\/thumbs\/tick-icon-3-rkytb2cy94xqhkb7pqpz6ae9o4qf7p51rehtn0eby8.png\" title=\"tick-icon-3.png\" alt=\"tick-icon-3.png\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7165f75 e-con-full e-flex e-con e-child\" data-id=\"7165f75\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b1491be elementor-widget elementor-widget-text-editor\" data-id=\"b1491be\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Detects issues like tight coupling or circular dependencies through conversational analysis.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5e5718f e-con-full e-flex e-con e-child\" data-id=\"5e5718f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-f8d5c0e e-con-full e-flex e-con e-child\" data-id=\"f8d5c0e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-876a5c4 elementor-widget elementor-widget-image\" data-id=\"876a5c4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/chat.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/elementor\/thumbs\/tick-icon-3-rkytb2cy94xqhkb7pqpz6ae9o4qf7p51rehtn0eby8.png\" title=\"tick-icon-3.png\" alt=\"tick-icon-3.png\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-075cdef e-con-full e-flex e-con e-child\" data-id=\"075cdef\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6d0cd9d elementor-widget elementor-widget-text-editor\" data-id=\"6d0cd9d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Keeps architectural documentation accurate and up-to-date throughout development.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a89a907 e-flex e-con-boxed e-con e-parent\" data-id=\"a89a907\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e30d2c4 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"e30d2c4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Examples of Generating UML Component Diagram<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9f11e3a elementor-widget elementor-widget-text-editor\" data-id=\"9f11e3a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-pm-slice=\"1 1 [&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:&quot;background: rgb(248, 250, 252); opacity: 1; border-radius: 0px; border-width: 0px;&quot;,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-4Z1vwDrZwr8v&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-NOEeKEMgj7SJ&quot;,&quot;shortId&quot;:&quot;BKfrAFBCDONK&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:true,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 8px;\\n width: auto;padding-top: 40px;\\n padding-bottom: 40px;\\n padding-left: 0px;\\n padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:&quot;Full Width&quot;,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;componentName&quot;:&quot;column--yOM8TkGIF6j&quot;,&quot;shortId&quot;:&quot;iqTq1Qrl_2XG&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1}]\">Use simple text prompts to generate this diagram in seconds. Here are a few examples to get you started:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f5fd651 e-con-full e-flex e-con e-child\" data-id=\"f5fd651\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-a13b0d9 e-con-full e-flex e-con e-child\" data-id=\"a13b0d9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cf191e7 elementor-widget elementor-widget-text-editor\" data-id=\"cf191e7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-pm-slice=\"1 1 [&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-fuaTWTj9FqDg&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-68oSpCpUFku0&quot;,&quot;shortId&quot;:&quot;yYU0USMbRT6G&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 8px;\\n width: auto;padding-top: 30px;\\n padding-bottom: 0px;\\n padding-left: 0px;\\n padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;componentName&quot;:&quot;column-kQZUOEBGy9wy&quot;,&quot;shortId&quot;:&quot;MhmiLsBgh-i2&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-wMP5-sA_nV1q&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-Tw-p3lqSSiCt&quot;,&quot;shortId&quot;:&quot;DHWMInHZeqvG&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 8px;\\n width: auto;padding-top: 15px;\\n padding-bottom: 15px;\\n padding-left: 0px;\\n padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:&quot;background: rgb(242, 250, 255); opacity: 1; padding: 10px 20px; border-radius: 15px; border-color: rgb(212, 238, 252); border-width: 3px;&quot;,&quot;componentName&quot;:&quot;column-fVfXWuJhWgLY&quot;,&quot;shortId&quot;:&quot;dxHUgb1SQTxM&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-VRC00zPAUcln&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-8gYP9_nHnrMH&quot;,&quot;shortId&quot;:&quot;wc0LPoyMZXrL&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:null,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;componentName&quot;:&quot;column-ypuLsQ4c6OXL&quot;,&quot;shortId&quot;:&quot;sTqW-ldO0J2e&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1}]\">Food Delivery App<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-56e87a0 elementor-widget elementor-widget-image\" data-id=\"56e87a0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"552\" height=\"394\" src=\"https:\/\/chat.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/2025\/11\/Screenshot-2026-03-11-at-2.03.07-PM.png\" class=\"attachment-full size-full wp-image-2617\" alt=\"Food Delivery App UML Component Diagram\" srcset=\"https:\/\/chat.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/2025\/11\/Screenshot-2026-03-11-at-2.03.07-PM.png 552w, https:\/\/chat.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/2025\/11\/Screenshot-2026-03-11-at-2.03.07-PM-300x214.png 300w\" sizes=\"(max-width: 552px) 100vw, 552px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-986e8e0 elementor-widget elementor-widget-text-editor\" data-id=\"986e8e0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-pm-slice=\"1 1 [&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-fuaTWTj9FqDg&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-Cm_w38sxddaR&quot;,&quot;shortId&quot;:&quot;7B0d-d3klH7-&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 8px;\\n                    width: auto;padding-top: 30px;\\n                  padding-bottom: 0px;\\n                  padding-left: 0px;\\n                  padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;componentName&quot;:&quot;column-kQZUOEBGy9wy&quot;,&quot;shortId&quot;:&quot;woinz5wZ3BI_&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-wMP5-sA_nV1q&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-AYNd7dAkTIrc&quot;,&quot;shortId&quot;:&quot;3rzLCxmPHLhW&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 8px;\\n                    width: auto;padding-top: 15px;\\n                  padding-bottom: 15px;\\n                  padding-left: 0px;\\n                  padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:&quot;background: rgb(242, 250, 255); opacity: 1; padding: 10px 20px; border-radius: 15px; border-color: rgb(212, 238, 252); border-width: 3px;&quot;,&quot;componentName&quot;:&quot;column-fVfXWuJhWgLY&quot;,&quot;shortId&quot;:&quot;iSLQCvqCrK5C&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-SarvhRW2Xqsw&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-FTZFi9g1ZcbU&quot;,&quot;shortId&quot;:&quot;AFSibahqWlFj&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:null,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:&quot;Custom&quot;,&quot;customWidth&quot;:800,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;componentName&quot;:&quot;column-nsabo-JhlybK&quot;,&quot;shortId&quot;:&quot;1QGSvFaQHOwy&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1}]\"><em>&#8220;Generate a UML component diagram for a Food Delivery App&#8221;<\/em><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4d8966c elementor-widget elementor-widget-button\" data-id=\"4d8966c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/ai-toolbox.visual-paradigm.com\/app\/chatbot\/?share=3b3bb97c-2c2d-49e0-b652-4fcd5cb53268\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Read Chat History \u2192<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3378c32 e-con-full e-flex e-con e-child\" data-id=\"3378c32\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-efd0911 elementor-widget elementor-widget-text-editor\" data-id=\"efd0911\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-pm-slice=\"1 1 [&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-fuaTWTj9FqDg&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-Cm_w38sxddaR&quot;,&quot;shortId&quot;:&quot;7B0d-d3klH7-&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 8px;\\n width: auto;padding-top: 30px;\\n padding-bottom: 0px;\\n padding-left: 0px;\\n padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;componentName&quot;:&quot;column-kQZUOEBGy9wy&quot;,&quot;shortId&quot;:&quot;woinz5wZ3BI_&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-wMP5-sA_nV1qv2&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-ZkCxa1gtYcWB&quot;,&quot;shortId&quot;:&quot;NcJU9o9gyg-O&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 8px;\\n width: auto;padding-top: 15px;\\n padding-bottom: 15px;\\n padding-left: 0px;\\n padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:&quot;background: rgb(250, 250, 250); opacity: 1; padding: 10px 20px; border-radius: 15px; border-color: rgb(233, 233, 233); border-width: 3px;&quot;,&quot;componentName&quot;:&quot;column-fVfXWuJhWgLY&quot;,&quot;shortId&quot;:&quot;wk4i1R9RBvee&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-VRC00zPAUcln&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-FHyjl1qr60_K&quot;,&quot;shortId&quot;:&quot;W9haiXSb_mzG&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:null,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;componentName&quot;:&quot;column-ypuLsQ4c6OXL&quot;,&quot;shortId&quot;:&quot;dKmPTdssABow&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1}]\">Social Media Platform<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-35b87dd elementor-widget elementor-widget-image\" data-id=\"35b87dd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"555\" height=\"394\" src=\"https:\/\/chat.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/2025\/11\/Screenshot-2026-03-11-at-2.04.42-PM.png\" class=\"attachment-full size-full wp-image-2624\" alt=\"Social Media UML Component Diagram\" srcset=\"https:\/\/chat.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/2025\/11\/Screenshot-2026-03-11-at-2.04.42-PM.png 555w, https:\/\/chat.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/2025\/11\/Screenshot-2026-03-11-at-2.04.42-PM-300x213.png 300w\" sizes=\"(max-width: 555px) 100vw, 555px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4a3a852 elementor-widget elementor-widget-text-editor\" data-id=\"4a3a852\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-pm-slice=\"1 1 [&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-fuaTWTj9FqDg&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-Cm_w38sxddaR&quot;,&quot;shortId&quot;:&quot;7B0d-d3klH7-&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 8px;\\n                    width: auto;padding-top: 30px;\\n                  padding-bottom: 0px;\\n                  padding-left: 0px;\\n                  padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;componentName&quot;:&quot;column-kQZUOEBGy9wy&quot;,&quot;shortId&quot;:&quot;woinz5wZ3BI_&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-wMP5-sA_nV1qv2&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-ZkCxa1gtYcWB&quot;,&quot;shortId&quot;:&quot;NcJU9o9gyg-O&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 8px;\\n                    width: auto;padding-top: 15px;\\n                  padding-bottom: 15px;\\n                  padding-left: 0px;\\n                  padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:&quot;background: rgb(250, 250, 250); opacity: 1; padding: 10px 20px; border-radius: 15px; border-color: rgb(233, 233, 233); border-width: 3px;&quot;,&quot;componentName&quot;:&quot;column-fVfXWuJhWgLY&quot;,&quot;shortId&quot;:&quot;wk4i1R9RBvee&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-SarvhRW2Xqsw&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-f2yC4y-ybnkp&quot;,&quot;shortId&quot;:&quot;hNmI2nVm3y5O&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:null,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:&quot;Custom&quot;,&quot;customWidth&quot;:1000,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;componentName&quot;:&quot;column-nsabo-JhlybK&quot;,&quot;shortId&quot;:&quot;Q6yi72qY8hLL&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1}]\"><em>&#8220;Prepare a UML Component Diagram for a Social Media Platform highlighting user profiles, posts, and messaging.&#8221;<\/em><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3cc25a8 elementor-widget elementor-widget-button\" data-id=\"3cc25a8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/ai-toolbox.visual-paradigm.com\/app\/chatbot\/?share=7d5d6753-3f8c-43bb-9d5f-4a17a5d4cf53\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Read Chat History \u2192<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c719461 e-con-full e-flex e-con e-child\" data-id=\"c719461\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-38c59b6 elementor-widget elementor-widget-text-editor\" data-id=\"38c59b6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-pm-slice=\"1 1 [&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-fuaTWTj9FqDg&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-Cm_w38sxddaR&quot;,&quot;shortId&quot;:&quot;7B0d-d3klH7-&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 8px;\\n width: auto;padding-top: 30px;\\n padding-bottom: 0px;\\n padding-left: 0px;\\n padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;componentName&quot;:&quot;column-kQZUOEBGy9wy&quot;,&quot;shortId&quot;:&quot;woinz5wZ3BI_&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-wMP5-sA_nV1qv3&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-k1Pb-KQ1g4tg&quot;,&quot;shortId&quot;:&quot;0XPCV_RCBCd6&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 8px;\\n width: auto;padding-top: 15px;\\n padding-bottom: 15px;\\n padding-left: 0px;\\n padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:&quot;background: rgb(242, 250, 255); opacity: 1; padding: 10px 20px; border-radius: 15px; border-color: rgb(212, 238, 252); border-width: 3px;&quot;,&quot;componentName&quot;:&quot;column-fVfXWuJhWgLY&quot;,&quot;shortId&quot;:&quot;z1hMOJvska6j&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-VRC00zPAUcln&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-US4Tag5O9PvZ&quot;,&quot;shortId&quot;:&quot;IQEltLpicYc0&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:null,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;componentName&quot;:&quot;column-ypuLsQ4c6OXL&quot;,&quot;shortId&quot;:&quot;HIMRWWV5aH6M&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1}]\">Hospital Management System<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2a8e7ba elementor-widget elementor-widget-image\" data-id=\"2a8e7ba\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"555\" height=\"393\" src=\"https:\/\/chat.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/2025\/11\/Screenshot-2026-03-11-at-2.06.06-PM.png\" class=\"attachment-full size-full wp-image-2628\" alt=\"Hospital Management UML Diagram\" srcset=\"https:\/\/chat.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/2025\/11\/Screenshot-2026-03-11-at-2.06.06-PM.png 555w, https:\/\/chat.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/2025\/11\/Screenshot-2026-03-11-at-2.06.06-PM-300x212.png 300w\" sizes=\"(max-width: 555px) 100vw, 555px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5e7c889 elementor-widget elementor-widget-text-editor\" data-id=\"5e7c889\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"column\" data-pm-slice=\"4 4 [&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-fuaTWTj9FqDg&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-68oSpCpUFku0&quot;,&quot;shortId&quot;:&quot;yYU0USMbRT6G&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 8px;\\n width: auto;padding-top: 30px;\\n padding-bottom: 0px;\\n padding-left: 0px;\\n padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;componentName&quot;:&quot;column-kQZUOEBGy9wy&quot;,&quot;shortId&quot;:&quot;MhmiLsBgh-i2&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-wMP5-sA_nV1qv3&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-babDm0uIiaU2&quot;,&quot;shortId&quot;:&quot;rzY4f2aUouOy&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 8px;\\n width: auto;padding-top: 15px;\\n padding-bottom: 15px;\\n padding-left: 0px;\\n padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false}]\"><div id=\"column-layout-SarvhRW2Xqsw\" class=\"columns columns-container flex justify-center\"><div class=\"columns columns-wrap\"><div class=\"column\"><p data-pm-slice=\"1 1 [&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-fuaTWTj9FqDg&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-Cm_w38sxddaR&quot;,&quot;shortId&quot;:&quot;7B0d-d3klH7-&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 8px;\\n                    width: auto;padding-top: 30px;\\n                  padding-bottom: 0px;\\n                  padding-left: 0px;\\n                  padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;componentName&quot;:&quot;column-kQZUOEBGy9wy&quot;,&quot;shortId&quot;:&quot;woinz5wZ3BI_&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-wMP5-sA_nV1qv3&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-k1Pb-KQ1g4tg&quot;,&quot;shortId&quot;:&quot;0XPCV_RCBCd6&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 8px;\\n                    width: auto;padding-top: 15px;\\n                  padding-bottom: 15px;\\n                  padding-left: 0px;\\n                  padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:&quot;background: rgb(242, 250, 255); opacity: 1; padding: 10px 20px; border-radius: 15px; border-color: rgb(212, 238, 252); border-width: 3px;&quot;,&quot;componentName&quot;:&quot;column-fVfXWuJhWgLY&quot;,&quot;shortId&quot;:&quot;z1hMOJvska6j&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-SarvhRW2Xqsw&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-C0FGmXouRLsi&quot;,&quot;shortId&quot;:&quot;2pM7sTpsFgA8&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:null,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;componentName&quot;:&quot;column-nsabo-JhlybK&quot;,&quot;shortId&quot;:&quot;mOLBY-DxWKlR&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1}]\"><em>&#8220;Prepare a UML Component Diagram for a Hospital Management System covering patient records and medical services.&#8221;<\/em><\/p><\/div><\/div><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f741770 elementor-widget elementor-widget-button\" data-id=\"f741770\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/ai-toolbox.visual-paradigm.com\/app\/chatbot\/?share=e052c41a-89ed-4320-b4a4-a4b26f66ddbd\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Read Chat History \u2192<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1751308 e-flex e-con-boxed e-con e-parent\" data-id=\"1751308\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0c82eda elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"0c82eda\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">What Is a UML Component Diagram?<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-25a3d87 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"25a3d87\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>A UML Component Diagram shows the high-level physical structure of a software system. It captures how components\u2014such as services, modules, and libraries\u2014are organized and how they communicate with one another through interfaces. This diagram focuses on modularity, helping teams break large systems into clear, manageable building blocks.<\/p><p>Component diagrams are especially useful during architectural planning and system documentation. By illustrating which functionalities are provided, which dependencies exist, and how components interact, they help teams maintain clean boundaries and design systems that are easier to build, extend, and maintain.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1723333 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"1723333\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1144\" height=\"627\" src=\"https:\/\/chat.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/2025\/11\/1233333-1.png\" class=\"attachment-full size-full wp-image-421\" alt=\"Key Concepts of a Component Diagram\" srcset=\"https:\/\/chat.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/2025\/11\/1233333-1.png 1144w, https:\/\/chat.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/2025\/11\/1233333-1-300x164.png 300w, https:\/\/chat.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/2025\/11\/1233333-1-1024x561.png 1024w, https:\/\/chat.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/2025\/11\/1233333-1-768x421.png 768w\" sizes=\"(max-width: 1144px) 100vw, 1144px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-21381b7 e-flex e-con-boxed e-con e-parent\" data-id=\"21381b7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3bbf177 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"3bbf177\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Key Concepts<\/h3>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3b4ee11 e-con-full e-flex e-con e-child\" data-id=\"3b4ee11\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-92ce1c9 elementor-widget elementor-widget-n-accordion\" data-id=\"92ce1c9\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;expanded&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1530\" class=\"e-n-accordion-item\" open>\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"true\" aria-controls=\"e-n-accordion-item-1530\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Component Diagram <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1530\" class=\"elementor-element elementor-element-54ecad2 e-con-full e-flex e-con e-child\" data-id=\"54ecad2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1069eda elementor-widget elementor-widget-text-editor\" data-id=\"1069eda\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-pm-slice=\"1 1 [&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-fuaTWTj9FqDg&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-UtJ6xEw4bZ53&quot;,&quot;shortId&quot;:&quot;_0ltz39MF7Jh&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 8px;\\n                    width: auto;padding-top: 30px;\\n                  padding-bottom: 0px;\\n                  padding-left: 0px;\\n                  padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;componentName&quot;:&quot;column-kQZUOEBGy9wy&quot;,&quot;shortId&quot;:&quot;KhOhtf-MKusd&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-wMP5-sA_nV1q&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-RVc5xcn8zRHP&quot;,&quot;shortId&quot;:&quot;vMT5vch5JPnK&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 8px;\\n                    width: auto;padding-top: 10px;\\n                  padding-bottom: 10px;\\n                  padding-left: 0px;\\n                  padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:&quot;background: rgb(242, 250, 255); opacity: 1; padding-top: 10px; padding-bottom: 10px; border-radius: 15px; border-color: rgb(212, 238, 252); border-width: 3px;&quot;,&quot;componentName&quot;:&quot;column-fVfXWuJhWgLY&quot;,&quot;shortId&quot;:&quot;JGuC30JEGEZz&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-SarvhRW2Xqsw&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-WGemkvMJDOPr&quot;,&quot;shortId&quot;:&quot;FTzm0E7qPlvv&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:null,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;componentName&quot;:&quot;column-nsabo-JhlybK&quot;,&quot;shortId&quot;:&quot;4RV4Go6Gapws&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1}]\">A component diagram is a UML diagram that models the software architecture of a system. It shows the components that make up the system, their provided\/required interfaces, and the relationships between them.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1531\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"2\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1531\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Provided Interface <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1531\" class=\"elementor-element elementor-element-6ce16d8 e-con-full e-flex e-con e-child\" data-id=\"6ce16d8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6f2f0ce elementor-widget elementor-widget-text-editor\" data-id=\"6f2f0ce\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"column\" data-pm-slice=\"2 2 [&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-fuaTWTj9FqDg&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-UtJ6xEw4bZ53&quot;,&quot;shortId&quot;:&quot;_0ltz39MF7Jh&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 8px;\\n                    width: auto;padding-top: 30px;\\n                  padding-bottom: 0px;\\n                  padding-left: 0px;\\n                  padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;componentName&quot;:&quot;column-kQZUOEBGy9wy&quot;,&quot;shortId&quot;:&quot;KhOhtf-MKusd&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-wMP5-sA_nV1q&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-sNWV12KMDDQR&quot;,&quot;shortId&quot;:&quot;9-p2YnWv5R3o&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:2,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 20px;\\n                    width: auto;padding-top: 10px;\\n                  padding-bottom: 10px;\\n                  padding-left: 0px;\\n                  padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:&quot;background: rgb(250, 250, 250); opacity: 1; padding-top: 10px; padding-bottom: 10px; border-radius: 15px; border-width: 3px;&quot;,&quot;componentName&quot;:&quot;column-fVfXWuJhWgLY&quot;,&quot;shortId&quot;:&quot;nxHUyF0Z1IsJ&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-SarvhRW2Xqsw&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-vMNsZTmO4z13&quot;,&quot;shortId&quot;:&quot;xQDveZHAhkJp&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:null,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false}]\"><p>A <strong>Provided Interface<\/strong> defines the <strong>set of operations or services<\/strong> that a component <strong>offers to others<\/strong>. It specifies how other components can interact with it. Visually, it is represented as a <strong>lollipop (circle)<\/strong> symbol connected to the component.<\/p><p><em>Example: A \u201cPayment Processor\u201d component may have a required interface for \u201cCustomer Data Service\u201d to access customer information.<\/em><\/p><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1532\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"3\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1532\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Package <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1532\" class=\"elementor-element elementor-element-33d5f55 e-con-full e-flex e-con e-child\" data-id=\"33d5f55\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aa8d109 elementor-widget elementor-widget-text-editor\" data-id=\"aa8d109\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-pm-slice=\"1 1 [&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-fuaTWTj9FqDg&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-UtJ6xEw4bZ53&quot;,&quot;shortId&quot;:&quot;_0ltz39MF7Jh&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 8px;\\n                    width: auto;padding-top: 30px;\\n                  padding-bottom: 0px;\\n                  padding-left: 0px;\\n                  padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;componentName&quot;:&quot;column-kQZUOEBGy9wy&quot;,&quot;shortId&quot;:&quot;KhOhtf-MKusd&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-wMP5-sA_nV1q&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-FyxeOmxrHYM1&quot;,&quot;shortId&quot;:&quot;qM54WR4qMuuz&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:2,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 20px;\\n                    width: auto;padding-top: 10px;\\n                  padding-bottom: 10px;\\n                  padding-left: 0px;\\n                  padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:&quot;background: rgb(250, 250, 250); opacity: 1; padding-top: 10px; padding-bottom: 10px; border-radius: 15px; border-width: 3px;&quot;,&quot;componentName&quot;:&quot;column-fVfXWuJhWgLY&quot;,&quot;shortId&quot;:&quot;_YtwVa44UxKS&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-SarvhRW2Xqsw&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-HD-wt9JrfqmE&quot;,&quot;shortId&quot;:&quot;6Q3jOHTmE7jl&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:null,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;componentName&quot;:&quot;column-nsabo-JhlybK&quot;,&quot;shortId&quot;:&quot;VdoaSiYU14RV&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1}]\">A package groups related components, interfaces, or other elements into a namespace. It helps structure complex systems into manageable layers or modules.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1533\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"4\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1533\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Realization <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1533\" class=\"elementor-element elementor-element-3f464ca e-con-full e-flex e-con e-child\" data-id=\"3f464ca\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eba93dd elementor-widget elementor-widget-text-editor\" data-id=\"eba93dd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-pm-slice=\"1 1 [&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-fuaTWTj9FqDg&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-UtJ6xEw4bZ53&quot;,&quot;shortId&quot;:&quot;_0ltz39MF7Jh&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 8px;\\n                    width: auto;padding-top: 30px;\\n                  padding-bottom: 0px;\\n                  padding-left: 0px;\\n                  padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;componentName&quot;:&quot;column-kQZUOEBGy9wy&quot;,&quot;shortId&quot;:&quot;KhOhtf-MKusd&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-wMP5-sA_nV1q&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-zj148OjAyDQW&quot;,&quot;shortId&quot;:&quot;1y0PcdyrsOLe&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:2,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 20px;\\n                    width: auto;padding-top: 10px;\\n                  padding-bottom: 10px;\\n                  padding-left: 0px;\\n                  padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:&quot;background: rgb(250, 250, 250); opacity: 1; padding-top: 10px; padding-bottom: 10px; border-radius: 15px; border-width: 3px;&quot;,&quot;componentName&quot;:&quot;column-fVfXWuJhWgLY&quot;,&quot;shortId&quot;:&quot;9tsWIGy6VB-L&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-SarvhRW2Xqsw&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-gMSlkab13DUx&quot;,&quot;shortId&quot;:&quot;l0ndzplvGdea&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:null,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;componentName&quot;:&quot;column-nsabo-JhlybK&quot;,&quot;shortId&quot;:&quot;ka_l1dhnDiuN&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1}]\">A realization shows that a component implements or fulfills the contract defined by an interface. It is drawn as a dashed line with a hollow triangle pointing to the interface.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-258cac4 elementor-widget elementor-widget-n-accordion\" data-id=\"258cac4\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;expanded&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-3930\" class=\"e-n-accordion-item\" open>\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"true\" aria-controls=\"e-n-accordion-item-3930\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Component <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-3930\" class=\"elementor-element elementor-element-dc1e322 e-con-full e-flex e-con e-child\" data-id=\"dc1e322\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ec4314f elementor-widget elementor-widget-text-editor\" data-id=\"ec4314f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"column\" data-pm-slice=\"2 2 [&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-fuaTWTj9FqDg&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-aMT99-7c3ZNc&quot;,&quot;shortId&quot;:&quot;jfVvwxEPD-VH&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 8px;\\n width: auto;padding-top: 30px;\\n padding-bottom: 0px;\\n padding-left: 0px;\\n padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;componentName&quot;:&quot;column-kQZUOEBGy9wy&quot;,&quot;shortId&quot;:&quot;N0531fQ3-5Ku&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-wMP5-sA_nV1q&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-7rhNAhbTqvcz&quot;,&quot;shortId&quot;:&quot;e20vhSCI0oB9&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:2,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 20px;\\n width: auto;padding-top: 10px;\\n padding-bottom: 10px;\\n padding-left: 0px;\\n padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:&quot;background: rgb(250, 250, 250); opacity: 1; padding-top: 10px; padding-bottom: 10px; border-radius: 15px; border-width: 3px;&quot;,&quot;componentName&quot;:&quot;column-fVfXWuJhWgLY&quot;,&quot;shortId&quot;:&quot;aWQlxPEreo54&quot;,&quot;index&quot;:1,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-SarvhRW2Xqsw&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-rZ4CQGylmJU2&quot;,&quot;shortId&quot;:&quot;GlYb70pjiUHS&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:null,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false}]\"><p data-pm-slice=\"1 1 [&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-fuaTWTj9FqDg&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-UtJ6xEw4bZ53&quot;,&quot;shortId&quot;:&quot;_0ltz39MF7Jh&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 8px;\\n                    width: auto;padding-top: 30px;\\n                  padding-bottom: 0px;\\n                  padding-left: 0px;\\n                  padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;componentName&quot;:&quot;column-kQZUOEBGy9wy&quot;,&quot;shortId&quot;:&quot;KhOhtf-MKusd&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-wMP5-sA_nV1q&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-bR1w7fFqkJYv&quot;,&quot;shortId&quot;:&quot;Rd2_xT3xjNd7&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 20px;\\n                    width: auto;padding-top: 10px;\\n                  padding-bottom: 10px;\\n                  padding-left: 0px;\\n                  padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:&quot;background: rgb(250, 250, 250); opacity: 1; padding-top: 10px; padding-bottom: 10px; border-radius: 15px; border-width: 3px;&quot;,&quot;componentName&quot;:&quot;column-fVfXWuJhWgLY&quot;,&quot;shortId&quot;:&quot;DBIlCAW90_83&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-SarvhRW2Xqsw&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-lpL02b-bGMH_&quot;,&quot;shortId&quot;:&quot;PVX2IM9WER9Q&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:null,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;componentName&quot;:&quot;column-nsabo-JhlybK&quot;,&quot;shortId&quot;:&quot;I_ulhPnG9B4R&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1}]\">A\u00a0<strong>component<\/strong>\u00a0represents a modular and replaceable part of the system that encapsulates implementation and exposes functionality through interfaces. Examples include services, modules, or subsystems. Components are drawn as rectangles with the keyword\u00a0<code>&lt;&lt;component&gt;&gt;<\/code>\u00a0or a small tabbed icon.<\/p><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-3931\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"2\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-3931\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Required Interface <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-3931\" class=\"elementor-element elementor-element-ca6a529 e-con-full e-flex e-con e-child\" data-id=\"ca6a529\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c3d4f1b elementor-widget elementor-widget-text-editor\" data-id=\"c3d4f1b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"column\" data-pm-slice=\"2 2 [&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-fuaTWTj9FqDg&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-aMT99-7c3ZNc&quot;,&quot;shortId&quot;:&quot;jfVvwxEPD-VH&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 8px;\\n width: auto;padding-top: 30px;\\n padding-bottom: 0px;\\n padding-left: 0px;\\n padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;componentName&quot;:&quot;column-kQZUOEBGy9wy&quot;,&quot;shortId&quot;:&quot;N0531fQ3-5Ku&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-wMP5-sA_nV1q&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-7rhNAhbTqvcz&quot;,&quot;shortId&quot;:&quot;e20vhSCI0oB9&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:2,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 20px;\\n width: auto;padding-top: 10px;\\n padding-bottom: 10px;\\n padding-left: 0px;\\n padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:&quot;background: rgb(250, 250, 250); opacity: 1; padding-top: 10px; padding-bottom: 10px; border-radius: 15px; border-width: 3px;&quot;,&quot;componentName&quot;:&quot;column-fVfXWuJhWgLY&quot;,&quot;shortId&quot;:&quot;aWQlxPEreo54&quot;,&quot;index&quot;:1,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-SarvhRW2Xqsw&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-rZ4CQGylmJU2&quot;,&quot;shortId&quot;:&quot;GlYb70pjiUHS&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:null,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false}]\"><div class=\"column\" data-pm-slice=\"2 2 [&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-fuaTWTj9FqDg&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-UtJ6xEw4bZ53&quot;,&quot;shortId&quot;:&quot;_0ltz39MF7Jh&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 8px;\\n                    width: auto;padding-top: 30px;\\n                  padding-bottom: 0px;\\n                  padding-left: 0px;\\n                  padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;componentName&quot;:&quot;column-kQZUOEBGy9wy&quot;,&quot;shortId&quot;:&quot;KhOhtf-MKusd&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-wMP5-sA_nV1q&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-sNWV12KMDDQR&quot;,&quot;shortId&quot;:&quot;9-p2YnWv5R3o&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:2,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 20px;\\n                    width: auto;padding-top: 10px;\\n                  padding-bottom: 10px;\\n                  padding-left: 0px;\\n                  padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:&quot;background: rgb(250, 250, 250); opacity: 1; padding-top: 10px; padding-bottom: 10px; border-radius: 15px; border-width: 3px;&quot;,&quot;componentName&quot;:&quot;column-fVfXWuJhWgLY&quot;,&quot;shortId&quot;:&quot;H1WRAV0FKCRZ&quot;,&quot;index&quot;:1,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-SarvhRW2Xqsw&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-vIaJS21PwLlU&quot;,&quot;shortId&quot;:&quot;g7LGBJPXoE6W&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:null,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false}]\"><p>A <strong>Required Interface<\/strong> represents the <strong>set of operations or services<\/strong> that a component <strong>needs from others<\/strong> to function. It defines external dependencies \u2014 what the component expects to be provided by another component or system. In diagrams, it is typically shown as a <strong>half circle (socket)<\/strong> attached to the component.<\/p><p><em>Example: A \u201cCustomer Data Service\u201d component provides an interface for retrieving and updating customer records, which can be used by other components like \u201cPayment Processor\u201d or \u201cOrder Management.\u201d<\/em><\/p><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-3932\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"3\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-3932\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Dependency <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-3932\" class=\"elementor-element elementor-element-ef536ea e-con-full e-flex e-con e-child\" data-id=\"ef536ea\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c2ab62e elementor-widget elementor-widget-text-editor\" data-id=\"c2ab62e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"column\" data-pm-slice=\"2 2 [&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-fuaTWTj9FqDg&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-aMT99-7c3ZNc&quot;,&quot;shortId&quot;:&quot;jfVvwxEPD-VH&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 8px;\\n width: auto;padding-top: 30px;\\n padding-bottom: 0px;\\n padding-left: 0px;\\n padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;componentName&quot;:&quot;column-kQZUOEBGy9wy&quot;,&quot;shortId&quot;:&quot;N0531fQ3-5Ku&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-wMP5-sA_nV1q&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-7rhNAhbTqvcz&quot;,&quot;shortId&quot;:&quot;e20vhSCI0oB9&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:2,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 20px;\\n width: auto;padding-top: 10px;\\n padding-bottom: 10px;\\n padding-left: 0px;\\n padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:&quot;background: rgb(250, 250, 250); opacity: 1; padding-top: 10px; padding-bottom: 10px; border-radius: 15px; border-width: 3px;&quot;,&quot;componentName&quot;:&quot;column-fVfXWuJhWgLY&quot;,&quot;shortId&quot;:&quot;aWQlxPEreo54&quot;,&quot;index&quot;:1,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-SarvhRW2Xqsw&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-rZ4CQGylmJU2&quot;,&quot;shortId&quot;:&quot;GlYb70pjiUHS&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:null,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false}]\"><p data-pm-slice=\"1 1 [&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-fuaTWTj9FqDg&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-UtJ6xEw4bZ53&quot;,&quot;shortId&quot;:&quot;_0ltz39MF7Jh&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 8px;\\n                    width: auto;padding-top: 30px;\\n                  padding-bottom: 0px;\\n                  padding-left: 0px;\\n                  padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;componentName&quot;:&quot;column-kQZUOEBGy9wy&quot;,&quot;shortId&quot;:&quot;KhOhtf-MKusd&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-wMP5-sA_nV1q&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-FyxeOmxrHYM1&quot;,&quot;shortId&quot;:&quot;qM54WR4qMuuz&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:2,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 20px;\\n                    width: auto;padding-top: 10px;\\n                  padding-bottom: 10px;\\n                  padding-left: 0px;\\n                  padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:&quot;background: rgb(250, 250, 250); opacity: 1; padding-top: 10px; padding-bottom: 10px; border-radius: 15px; border-width: 3px;&quot;,&quot;componentName&quot;:&quot;column-fVfXWuJhWgLY&quot;,&quot;shortId&quot;:&quot;knDwAjv2FZGH&quot;,&quot;index&quot;:1,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-SarvhRW2Xqsw&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-8_CbPyTachDV&quot;,&quot;shortId&quot;:&quot;0W_1UjZw-vRw&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:null,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;componentName&quot;:&quot;column-nsabo-JhlybK&quot;,&quot;shortId&quot;:&quot;xhmwT10RuSHe&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1}]\">A dependency indicates that one component relies on another (for example, a web application component depending on an authentication service). It is drawn as a dashed arrow pointing to the component being depended on.<\/p><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-3933\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"4\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-3933\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Association <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-3933\" class=\"elementor-element elementor-element-7aab7e3 e-con-full e-flex e-con e-child\" data-id=\"7aab7e3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-03810ff elementor-widget elementor-widget-text-editor\" data-id=\"03810ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"column\" data-pm-slice=\"2 2 [&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-fuaTWTj9FqDg&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-aMT99-7c3ZNc&quot;,&quot;shortId&quot;:&quot;jfVvwxEPD-VH&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 8px;\\n width: auto;padding-top: 30px;\\n padding-bottom: 0px;\\n padding-left: 0px;\\n padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;componentName&quot;:&quot;column-kQZUOEBGy9wy&quot;,&quot;shortId&quot;:&quot;N0531fQ3-5Ku&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-wMP5-sA_nV1q&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-7rhNAhbTqvcz&quot;,&quot;shortId&quot;:&quot;e20vhSCI0oB9&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:2,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 20px;\\n width: auto;padding-top: 10px;\\n padding-bottom: 10px;\\n padding-left: 0px;\\n padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:&quot;background: rgb(250, 250, 250); opacity: 1; padding-top: 10px; padding-bottom: 10px; border-radius: 15px; border-width: 3px;&quot;,&quot;componentName&quot;:&quot;column-fVfXWuJhWgLY&quot;,&quot;shortId&quot;:&quot;aWQlxPEreo54&quot;,&quot;index&quot;:1,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-SarvhRW2Xqsw&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-rZ4CQGylmJU2&quot;,&quot;shortId&quot;:&quot;GlYb70pjiUHS&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:null,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false}]\"><p data-pm-slice=\"1 1 [&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-fuaTWTj9FqDg&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-UtJ6xEw4bZ53&quot;,&quot;shortId&quot;:&quot;_0ltz39MF7Jh&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 8px;\\n                    width: auto;padding-top: 30px;\\n                  padding-bottom: 0px;\\n                  padding-left: 0px;\\n                  padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;componentName&quot;:&quot;column-kQZUOEBGy9wy&quot;,&quot;shortId&quot;:&quot;KhOhtf-MKusd&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-wMP5-sA_nV1q&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-zj148OjAyDQW&quot;,&quot;shortId&quot;:&quot;1y0PcdyrsOLe&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:2,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 20px;\\n                    width: auto;padding-top: 10px;\\n                  padding-bottom: 10px;\\n                  padding-left: 0px;\\n                  padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:&quot;background: rgb(250, 250, 250); opacity: 1; padding-top: 10px; padding-bottom: 10px; border-radius: 15px; border-width: 3px;&quot;,&quot;componentName&quot;:&quot;column-fVfXWuJhWgLY&quot;,&quot;shortId&quot;:&quot;IFwBmeWQRjut&quot;,&quot;index&quot;:1,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-SarvhRW2Xqsw&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-eSqzRl6d0EDk&quot;,&quot;shortId&quot;:&quot;--Rq9u2tsxXt&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:null,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:null,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;componentName&quot;:&quot;column-nsabo-JhlybK&quot;,&quot;shortId&quot;:&quot;RTSBEYV8WkOm&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1}]\">An association represents a communication or connection between components, showing that they can interact at runtime. Unlike dependency (which shows reliance), association emphasizes an established link.<\/p><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-59120401 e-flex e-con-boxed e-con e-parent\" data-id=\"59120401\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-75a3afaa elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"75a3afaa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Ready to Revolutionize Your Workflow with AI?<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2deff012 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"2deff012\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-pm-slice=\"1 1 [&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:&quot;background-repeat: no-repeat; background-position: left top; background-size: cover; background-image: url(\\&quot;https:\/\/space-vtpl.visual-paradigm.com\/static\/rTOADwa2V6em\/58V10NXQDHCJ\/YEgH4ftDyBWr\/687ab10e51b7a4f156deb7a19a9c3f2d\/ai-chat.jpg\\&quot;); opacity: 1; border-radius: 0px; border-width: 0px;&quot;,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-ZRDxrRrBxufK&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-8fNMvtyQSYJl&quot;,&quot;shortId&quot;:&quot;J8G0oZe9CsCj&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:true,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:&quot;gap: 8px;\\n                    width: auto;padding-top: 30px;\\n                  padding-bottom: 30px;\\n                  padding-left: 0px;\\n                  padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;margin-right: 0px !important;flex-direction: column !important;&quot;,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:&quot;Full Width&quot;,&quot;customWidth&quot;:1200,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:&quot;background-repeat: no-repeat; background-position: left top; background-size: auto; opacity: 1; padding-top: 5px; padding-bottom: 5px; border-radius: 0px; border-width: 0px;&quot;,&quot;componentName&quot;:&quot;column-8LHS4LnsDn_k&quot;,&quot;shortId&quot;:&quot;cHltN3IyaKPb&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1},&quot;columns&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;binding&quot;:null,&quot;componentName&quot;:&quot;column-layout-HUpOl1OElHLk&quot;,&quot;urlVariables&quot;:[{&quot;value&quot;:&quot;&quot;}],&quot;goToPageButtonVisible&quot;:false,&quot;dialogSettings&quot;:{&quot;goToPageButtonVisible&quot;:false,&quot;mask&quot;:true,&quot;moveable&quot;:false,&quot;resizable&quot;:false,&quot;dialogSize&quot;:&quot;default&quot;,&quot;dialogCustomWidth&quot;:&quot;&quot;,&quot;dialogCustomHeight&quot;:&quot;&quot;},&quot;datasetTableName&quot;:null,&quot;datasetFilterColumnName&quot;:null,&quot;datasetKeywordColumnNames&quot;:null,&quot;datasetSortByColumnName&quot;:null,&quot;datasetConditions&quot;:null,&quot;datasetSortOrder&quot;:&quot;asc&quot;,&quot;datasetIdentifier&quot;:&quot;dataset-YPNwLKKlKExE&quot;,&quot;shortId&quot;:&quot;5mUfm4ex-13E&quot;,&quot;selectionEnabled&quot;:&quot;single-selection&quot;,&quot;cols&quot;:1,&quot;rows&quot;:1,&quot;fullWidth&quot;:false,&quot;showDisabledCellOverlay&quot;:false,&quot;showBubbleMenu&quot;:true,&quot;isTopContainer&quot;:false,&quot;columnsType&quot;:&quot;Normal&quot;,&quot;isShowInFlow&quot;:false,&quot;layoutStyle&quot;:null,&quot;dataListCellData&quot;:null,&quot;applyFixedHeight&quot;:false,&quot;linkTo&quot;:&quot;noAction&quot;,&quot;href&quot;:null,&quot;documentRef&quot;:null,&quot;actionScript&quot;:null,&quot;autoSelectFirstItem&quot;:false,&quot;target&quot;:&quot;current-window&quot;,&quot;dataListOptionalField&quot;:null,&quot;selectionValueBinding&quot;:null,&quot;dataListBindingValueJsonPath&quot;:null,&quot;selectionValueChangedClearBinding&quot;:null,&quot;queryString&quot;:null,&quot;urlFragment&quot;:null,&quot;visibleConditionVisibility&quot;:&quot;Show&quot;,&quot;visibleConditionType&quot;:&quot;Not Specified&quot;,&quot;visibleConditionItems&quot;:[{&quot;variableType&quot;:&quot;Empty&quot;,&quot;expression&quot;:null,&quot;comparisonValue&quot;:null}],&quot;isVisible&quot;:true,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;masonryColumns&quot;:3,&quot;gridWithSpanColumns&quot;:3,&quot;widthMode&quot;:&quot;Custom&quot;,&quot;customWidth&quot;:960,&quot;actionPorts&quot;:[],&quot;showCustomColumnProportions&quot;:false,&quot;isVertical&quot;:false},&quot;column&quot;,{&quot;imageOrColor&quot;:true,&quot;background&quot;:null,&quot;componentName&quot;:&quot;column-NvnVCe9kepnU&quot;,&quot;shortId&quot;:&quot;qq9TPl99sPom&quot;,&quot;index&quot;:0,&quot;active&quot;:false,&quot;isShowInFlow&quot;:false,&quot;activeStyle&quot;:{&quot;backgroundColor&quot;:&quot;#eaf5ff&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;color&quot;:&quot;#0064fa&quot;,&quot;borderRadius&quot;:12,&quot;borderWidth&quot;:2},&quot;proportion&quot;:null,&quot;flex&quot;:0,&quot;href&quot;:null,&quot;colTarget&quot;:null,&quot;isDataListCell&quot;:false,&quot;verticalAlignment&quot;:&quot;top&quot;,&quot;columnMobileView&quot;:0,&quot;columnMobileViewList&quot;:0,&quot;invisible&quot;:false,&quot;layoutMode&quot;:&quot;columns&quot;,&quot;rowSpan&quot;:1,&quot;gridRowSpan&quot;:1,&quot;gridColSpan&quot;:1}]\">Stop wrestling with tools. Embrace AI-powered visual modeling. Let our AI handle the visualization so you can focus on solving the bigger problems.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6f3b2a7b elementor-align-center elementor-widget elementor-widget-button\" data-id=\"6f3b2a7b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/ai-toolbox.visual-paradigm.com\/app\/chatbot\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Get Started with AI Chat<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"featured_media":90,"template":"","meta":{"_acf_changed":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}}},"diagram-type":[7],"class_list":["post-418","diagram","type-diagram","status-publish","has-post-thumbnail","hentry","diagram-type-software-engineering"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>UML Component Diagram - AI Chatbot Espa\u00f1ol<\/title>\n<meta name=\"description\" content=\"Generate UML Component Diagrams instantly with the AI chatbot. Describe your architecture, refine components through conversation, and create clear, modular designs for modern software systems.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/chat.visual-paradigm.com\/es\/diagram\/uml-component-diagram\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"UML Component Diagram - AI Chatbot Espa\u00f1ol\" \/>\n<meta property=\"og:description\" content=\"Generate UML Component Diagrams instantly with the AI chatbot. Describe your architecture, refine components through conversation, and create clear, modular designs for modern software systems.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/chat.visual-paradigm.com\/es\/diagram\/uml-component-diagram\/\" \/>\n<meta property=\"og:site_name\" content=\"AI Chatbot Espa\u00f1ol\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-11T06:09:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/chat.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/2025\/11\/UML-Component-Diagram.png\" \/>\n\t<meta property=\"og:image:width\" content=\"644\" \/>\n\t<meta property=\"og:image:height\" content=\"447\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/chat.visual-paradigm.com\/es\/diagram\/uml-component-diagram\/\",\"url\":\"https:\/\/chat.visual-paradigm.com\/es\/diagram\/uml-component-diagram\/\",\"name\":\"UML Component Diagram - AI Chatbot Espa\u00f1ol\",\"isPartOf\":{\"@id\":\"https:\/\/chat.visual-paradigm.com\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/chat.visual-paradigm.com\/es\/diagram\/uml-component-diagram\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/chat.visual-paradigm.com\/es\/diagram\/uml-component-diagram\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/chat.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/2025\/11\/UML-Component-Diagram.png\",\"datePublished\":\"2025-11-25T03:48:37+00:00\",\"dateModified\":\"2026-03-11T06:09:17+00:00\",\"description\":\"Generate UML Component Diagrams instantly with the AI chatbot. Describe your architecture, refine components through conversation, and create clear, modular designs for modern software systems.\",\"breadcrumb\":{\"@id\":\"https:\/\/chat.visual-paradigm.com\/es\/diagram\/uml-component-diagram\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/chat.visual-paradigm.com\/es\/diagram\/uml-component-diagram\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/chat.visual-paradigm.com\/es\/diagram\/uml-component-diagram\/#primaryimage\",\"url\":\"https:\/\/chat.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/2025\/11\/UML-Component-Diagram.png\",\"contentUrl\":\"https:\/\/chat.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/2025\/11\/UML-Component-Diagram.png\",\"width\":644,\"height\":447,\"caption\":\"UML Component Diagram Example\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/chat.visual-paradigm.com\/es\/diagram\/uml-component-diagram\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/chat.visual-paradigm.com\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"UML Component Diagram\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/chat.visual-paradigm.com\/es\/#website\",\"url\":\"https:\/\/chat.visual-paradigm.com\/es\/\",\"name\":\"AI Chatbot Espa\u00f1ol\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/chat.visual-paradigm.com\/es\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/chat.visual-paradigm.com\/es\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/chat.visual-paradigm.com\/es\/#organization\",\"name\":\"AI Chatbot Espa\u00f1ol\",\"url\":\"https:\/\/chat.visual-paradigm.com\/es\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/chat.visual-paradigm.com\/es\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/chat.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/2025\/11\/visual-paradigm-ai-chatbotv3.png\",\"contentUrl\":\"https:\/\/chat.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/2025\/11\/visual-paradigm-ai-chatbotv3.png\",\"width\":240,\"height\":59,\"caption\":\"AI Chatbot Espa\u00f1ol\"},\"image\":{\"@id\":\"https:\/\/chat.visual-paradigm.com\/es\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"UML Component Diagram - AI Chatbot Espa\u00f1ol","description":"Generate UML Component Diagrams instantly with the AI chatbot. Describe your architecture, refine components through conversation, and create clear, modular designs for modern software systems.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/chat.visual-paradigm.com\/es\/diagram\/uml-component-diagram\/","og_locale":"es_ES","og_type":"article","og_title":"UML Component Diagram - AI Chatbot Espa\u00f1ol","og_description":"Generate UML Component Diagrams instantly with the AI chatbot. Describe your architecture, refine components through conversation, and create clear, modular designs for modern software systems.","og_url":"https:\/\/chat.visual-paradigm.com\/es\/diagram\/uml-component-diagram\/","og_site_name":"AI Chatbot Espa\u00f1ol","article_modified_time":"2026-03-11T06:09:17+00:00","og_image":[{"width":644,"height":447,"url":"https:\/\/chat.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/2025\/11\/UML-Component-Diagram.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"5 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/chat.visual-paradigm.com\/es\/diagram\/uml-component-diagram\/","url":"https:\/\/chat.visual-paradigm.com\/es\/diagram\/uml-component-diagram\/","name":"UML Component Diagram - AI Chatbot Espa\u00f1ol","isPartOf":{"@id":"https:\/\/chat.visual-paradigm.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/chat.visual-paradigm.com\/es\/diagram\/uml-component-diagram\/#primaryimage"},"image":{"@id":"https:\/\/chat.visual-paradigm.com\/es\/diagram\/uml-component-diagram\/#primaryimage"},"thumbnailUrl":"https:\/\/chat.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/2025\/11\/UML-Component-Diagram.png","datePublished":"2025-11-25T03:48:37+00:00","dateModified":"2026-03-11T06:09:17+00:00","description":"Generate UML Component Diagrams instantly with the AI chatbot. Describe your architecture, refine components through conversation, and create clear, modular designs for modern software systems.","breadcrumb":{"@id":"https:\/\/chat.visual-paradigm.com\/es\/diagram\/uml-component-diagram\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/chat.visual-paradigm.com\/es\/diagram\/uml-component-diagram\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/chat.visual-paradigm.com\/es\/diagram\/uml-component-diagram\/#primaryimage","url":"https:\/\/chat.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/2025\/11\/UML-Component-Diagram.png","contentUrl":"https:\/\/chat.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/2025\/11\/UML-Component-Diagram.png","width":644,"height":447,"caption":"UML Component Diagram Example"},{"@type":"BreadcrumbList","@id":"https:\/\/chat.visual-paradigm.com\/es\/diagram\/uml-component-diagram\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/chat.visual-paradigm.com\/es\/"},{"@type":"ListItem","position":2,"name":"UML Component Diagram"}]},{"@type":"WebSite","@id":"https:\/\/chat.visual-paradigm.com\/es\/#website","url":"https:\/\/chat.visual-paradigm.com\/es\/","name":"AI Chatbot Espa\u00f1ol","description":"","publisher":{"@id":"https:\/\/chat.visual-paradigm.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/chat.visual-paradigm.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/chat.visual-paradigm.com\/es\/#organization","name":"AI Chatbot Espa\u00f1ol","url":"https:\/\/chat.visual-paradigm.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/chat.visual-paradigm.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/chat.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/2025\/11\/visual-paradigm-ai-chatbotv3.png","contentUrl":"https:\/\/chat.visual-paradigm.com\/es\/wp-content\/uploads\/sites\/5\/2025\/11\/visual-paradigm-ai-chatbotv3.png","width":240,"height":59,"caption":"AI Chatbot Espa\u00f1ol"},"image":{"@id":"https:\/\/chat.visual-paradigm.com\/es\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/chat.visual-paradigm.com\/es\/wp-json\/wp\/v2\/diagram\/418","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/chat.visual-paradigm.com\/es\/wp-json\/wp\/v2\/diagram"}],"about":[{"href":"https:\/\/chat.visual-paradigm.com\/es\/wp-json\/wp\/v2\/types\/diagram"}],"version-history":[{"count":28,"href":"https:\/\/chat.visual-paradigm.com\/es\/wp-json\/wp\/v2\/diagram\/418\/revisions"}],"predecessor-version":[{"id":2635,"href":"https:\/\/chat.visual-paradigm.com\/es\/wp-json\/wp\/v2\/diagram\/418\/revisions\/2635"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/chat.visual-paradigm.com\/es\/wp-json\/wp\/v2\/media\/90"}],"wp:attachment":[{"href":"https:\/\/chat.visual-paradigm.com\/es\/wp-json\/wp\/v2\/media?parent=418"}],"wp:term":[{"taxonomy":"diagram-type","embeddable":true,"href":"https:\/\/chat.visual-paradigm.com\/es\/wp-json\/wp\/v2\/diagram-type?post=418"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}