{"version":3,"file":"setSameWidthBuildingLevels-4bebb69b.js","sources":["../../../app/frontend/assets/documentation/articles/diagram-interactions/setSameWidthBuildingLevels.js"],"sourcesContent":["export const setSameWidthBuildingLevelsVisuals = [\n  {\n    name: \"Demo\",\n    markdown: `![Set same-width building levels GIF](https://assets.towerhunt.com/site/Transparent_dark_lines_T0.png)\n    `,\n  },\n  {\n    name: \"Before & After\",\n    markdown: `{% beforeAfter beforeImageSource=\"https://assets.towerhunt.com/site/documentation/addFeeParcelBefore.png\" afterImageSource=\"https://assets.towerhunt.com/site/documentation/addFeeParcelAfter.png\" /%}\n    `,\n  },\n];\n\nexport const setSameWidthBuildingLevels = {\n  order: 29,\n  name: \"Set same-width building levels\",\n  subcategory: \"Properties\",\n  markdown: `# Set same-width building levels\n\n  {% tablessContainer paddingStyles=\"px-5\" %}\n  **Who can use this feature?**\n\n  {% inlineAppIcon iconName=\"user\" /%}{% inlineRouterLink articleId=\"understand-reputation\" sectionName=\"What reputation affects\" %}**Reputable users**{% /inlineRouterLink %}.\n  {% /tablessContainer %}\n\n  When a {% inlineRouterLink articleId=\"add-a-land-covering\" %}building{% /inlineRouterLink %} includes multiple {% inlineRouterLink articleId=\"add-building-levels\" %}levels{% /inlineRouterLink %} with {% inlineRouterLink articleId=\"add-a-floor-area\" %}floor areas{% /inlineRouterLink %} that have {% inlineRouterLink %}area measures{% /inlineRouterLink %}, floors will display at different widths in the {% inlineRouterLink articleId=\"the-role-of-the-property-diagram\" %}property diagram{% /inlineRouterLink %}. Due to {% inlineRouterLink %}remeasurement{% /inlineRouterLink %}, floors can have different reported areas even though the exterior of the (actual) building doesn't change in width. In Tower Hunt, you can force groups of building levels to appear to be the same width regardless of their reported area.\n\n  {% callout type=\"caution\" marginStyles=\"mb-4\" %}\n  **Important:** In order to see the relative width of each building level, **every** floor area must have a {% inlineRouterLink articleId=\"add-floor-area-measures\" %}standardized area{% /inlineRouterLink %}.\n  {% /callout %}\n\n  {% callout type=\"note\" %}\n  **Note:** This feature is purely aesthetic. The underlying floor area measures do not change.\n  {% /callout %}\n\n  ## Steps\n\n  {% tablessContainer %}\n  1. Visit a {% inlineRouterLink articleId=\"the-role-of-the-property-diagram\" %}property diagram{% /inlineRouterLink %}.\n  2. {% inlineAppIcon iconName=\"cursor\" /%}{% inlineRouterLink articleId=\"select-a-property-diagram-part\" %}**Select**{% /inlineRouterLink %} a {% inlineRouterLink articleId=\"visual-features-of-the-property-diagram\" sectionName=\"Land coverings\" %}land covering{% /inlineRouterLink %}.\n  3. In the {% inlineRouterLink articleId=\"understand-the-property-diagram-control-panel\" %}control panel{% /inlineRouterLink %}, click {% inlinePropertyDiagramIcon name=\"addVerticalGrouping\" /%}.\n  4. {% inlineAppIcon iconName=\"cursor\" /%}{% inlineRouterLink articleId=\"select-a-property-diagram-part\" sectionName=\"Placing new datapoints on the diagram\" %}**Select**{% /inlineRouterLink %} one or more {% inlineRouterLink articleId=\"add-building-levels\" %}building levels{% /inlineRouterLink %} to display at the same width.\n  5. Click {% inlinePropertyDiagramIcon name=\"saveEditAction\" /%} to save. A (selectable) colored vertical stripe appears next to the affected building levels, which now appear to be the same width.\n  {% /tablessContainer %}\n\n  ## Visuals\n\n  {% tabbedContainer tabs=$setSameWidthBuildingLevelsVisuals /%}\n  `,\n};\n"],"names":["setSameWidthBuildingLevelsVisuals","setSameWidthBuildingLevels"],"mappings":"AAAY,MAACA,EAAoC,CAC/C,CACE,KAAM,OACN,SAAU;AAAA,KAEX,EACD,CACE,KAAM,iBACN,SAAU;AAAA,KAEX,CACH,EAEaC,EAA6B,CACxC,MAAO,GACP,KAAM,iCACN,YAAa,aACb,SAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAgCZ"}