@cspeach/cli 0.9.0 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (195) hide show
  1. package/README.md +1 -1
  2. package/dist/agent/intent-system-prompt.js +1 -1
  3. package/dist/agent/loop.js +228 -26
  4. package/dist/agent/providers/license-gate.js +44 -0
  5. package/dist/agent/skill-checkpoint.js +1 -1
  6. package/dist/agent/tool-dispatch.js +15 -0
  7. package/dist/approvals/canonical.js +91 -0
  8. package/dist/approvals/jwt.js +39 -2
  9. package/dist/approvals/op-labels.js +124 -0
  10. package/dist/approvals/render.js +42 -36
  11. package/dist/auth/org-anthropic-key.js +25 -0
  12. package/dist/classifier/client.js +18 -3
  13. package/dist/cli.js +15 -0
  14. package/dist/commands/compact.js +28 -2
  15. package/dist/commands/config-set.js +284 -0
  16. package/dist/commands/config-show.js +20 -0
  17. package/dist/commands/export-audit.js +43 -0
  18. package/dist/commands/help.js +5 -0
  19. package/dist/commands/login.js +31 -14
  20. package/dist/commands/plan-audit-evidence.js +266 -0
  21. package/dist/commands/plan-audit.js +692 -0
  22. package/dist/commands/plan-chain.js +671 -0
  23. package/dist/commands/plan-continue.js +179 -0
  24. package/dist/commands/plan-gate.js +154 -0
  25. package/dist/commands/plan-model-tier.js +83 -0
  26. package/dist/commands/plan-resume.js +728 -46
  27. package/dist/config/loader.js +223 -5
  28. package/dist/config/model-defaults.js +14 -0
  29. package/dist/cost/pricing.js +27 -1
  30. package/dist/doctor/checks/_http-probe.js +1 -0
  31. package/dist/doctor/checks/cert.js +14 -3
  32. package/dist/doctor/checks/sap.js +30 -8
  33. package/dist/doctor/checks/system-roles.js +41 -0
  34. package/dist/doctor/checks/zcspeach.js +19 -4
  35. package/dist/doctor/run.js +2 -0
  36. package/dist/models/resolve.js +61 -0
  37. package/dist/models/server-config.js +155 -0
  38. package/dist/one-shot.js +76 -6
  39. package/dist/projects/answer-blockers.js +137 -0
  40. package/dist/projects/extract-cca.js +111 -17
  41. package/dist/projects/extract-modernize.js +4 -2
  42. package/dist/projects/extract-plan.js +184 -37
  43. package/dist/projects/extract-spec-gap.js +34 -7
  44. package/dist/projects/extract-test-coverage.js +4 -2
  45. package/dist/projects/extract-upgrade.js +116 -23
  46. package/dist/projects/handover-md.js +195 -0
  47. package/dist/projects/index.js +5 -2
  48. package/dist/projects/merge-cca.js +292 -0
  49. package/dist/projects/merge-upgrade.js +173 -0
  50. package/dist/projects/migration.js +103 -1
  51. package/dist/projects/output-paths.js +27 -0
  52. package/dist/projects/plan-run.js +285 -27
  53. package/dist/projects/plan-schema.js +136 -3
  54. package/dist/projects/promote-command.js +25 -2
  55. package/dist/projects/promote.js +128 -0
  56. package/dist/projects/run-lease.js +157 -0
  57. package/dist/projects/save-command.js +259 -21
  58. package/dist/projects/status.js +3 -1
  59. package/dist/projects/validate.js +1 -1
  60. package/dist/projects/workspace.js +164 -20
  61. package/dist/renderer/notices.js +64 -0
  62. package/dist/renderer/progress-chatter.js +8 -0
  63. package/dist/renderer/status-footer.js +22 -12
  64. package/dist/renderer/thinking-heartbeat.js +64 -8
  65. package/dist/renderer/todo-block.js +51 -0
  66. package/dist/renderer/tool-widget.js +55 -4
  67. package/dist/renderer/tty.js +43 -4
  68. package/dist/renderer/verify-chain.js +77 -0
  69. package/dist/repl/at-picker.js +60 -7
  70. package/dist/repl/bracketed-paste.js +28 -19
  71. package/dist/repl/builtin-commands.js +42 -0
  72. package/dist/repl/current-transport.js +10 -0
  73. package/dist/repl/early-line-buffer.js +68 -0
  74. package/dist/repl/history.js +86 -0
  75. package/dist/repl/ink-stdin-guard.js +64 -0
  76. package/dist/repl/inquirer-guard.js +70 -5
  77. package/dist/repl/mode-ceiling.js +16 -0
  78. package/dist/repl/mode-cycle.js +104 -0
  79. package/dist/repl/numbered-menu.js +131 -0
  80. package/dist/repl/post-turn-status.js +26 -6
  81. package/dist/repl/rule8-detector.js +17 -2
  82. package/dist/repl/safety-confirm.js +111 -2
  83. package/dist/repl/safety-mode-state.js +19 -3
  84. package/dist/repl/slash-completer.js +5 -0
  85. package/dist/repl/slash-picker.js +10 -15
  86. package/dist/repl.js +1232 -95
  87. package/dist/rewind/candidates.js +194 -0
  88. package/dist/rewind/cli.js +137 -0
  89. package/dist/rewind/format.js +27 -0
  90. package/dist/rewind/restore.js +245 -0
  91. package/dist/router/classifier.js +150 -6
  92. package/dist/sap/capability-matrix.js +20 -0
  93. package/dist/sap/capability-matrix.json +11236 -0
  94. package/dist/sap/capability.js +146 -0
  95. package/dist/sap/connection-manager.js +19 -1
  96. package/dist/sap/onboarding.js +42 -4
  97. package/dist/session/audit-export.js +459 -0
  98. package/dist/session/context-report.js +163 -0
  99. package/dist/session/pending.js +27 -0
  100. package/dist/session/recap.js +160 -0
  101. package/dist/skill-catalog.js +51 -40
  102. package/dist/skills/bundled-skills.js +272 -1
  103. package/dist/skills/promotion-dispatch.js +23 -0
  104. package/dist/tools/_command-shared.js +36 -12
  105. package/dist/tools/_filesystem-shared.js +139 -4
  106. package/dist/tools/_flag.js +25 -0
  107. package/dist/tools/approval.js +177 -26
  108. package/dist/tools/ask-question.js +400 -7
  109. package/dist/tools/capability/tool.js +74 -0
  110. package/dist/tools/dispatch-skill.js +22 -1
  111. package/dist/tools/extend-model/anchored-insert.js +1414 -0
  112. package/dist/tools/extend-model/tool.js +340 -0
  113. package/dist/tools/filesystem/extract-document.js +57 -0
  114. package/dist/tools/filesystem/file-edit.js +12 -2
  115. package/dist/tools/filesystem/file-read.js +2 -2
  116. package/dist/tools/filesystem/file-write.js +11 -2
  117. package/dist/tools/filesystem/glob.js +11 -0
  118. package/dist/tools/filesystem/grep.js +10 -0
  119. package/dist/tools/filesystem/read-document.js +107 -0
  120. package/dist/tools/fiori/apply.js +50 -0
  121. package/dist/tools/fiori/bin.js +3 -0
  122. package/dist/tools/fiori/catalog/index.js +27 -0
  123. package/dist/tools/fiori/catalog/value-help.js +230 -0
  124. package/dist/tools/fiori/catalog/viz-chart.js +177 -0
  125. package/dist/tools/fiori/cli.js +71 -0
  126. package/dist/tools/fiori/deploy-config.js +73 -0
  127. package/dist/tools/fiori/fe-extend.js +76 -0
  128. package/dist/tools/fiori/fe-scaffold.js +71 -0
  129. package/dist/tools/fiori/floorplan-map.js +19 -0
  130. package/dist/tools/fiori/i18n.js +39 -0
  131. package/dist/tools/fiori/manifest.js +70 -0
  132. package/dist/tools/fiori/render.js +77 -0
  133. package/dist/tools/fiori/samples/data/index.json +13602 -0
  134. package/dist/tools/fiori/samples/data/sources.generated.js +808 -0
  135. package/dist/tools/fiori/samples/loader.js +248 -0
  136. package/dist/tools/fiori/samples/search.js +63 -0
  137. package/dist/tools/fiori/samples/types.js +2 -0
  138. package/dist/tools/fiori/scaffold.js +39 -0
  139. package/dist/tools/fiori/smoke/assertions.js +74 -0
  140. package/dist/tools/fiori/smoke/browser.js +52 -0
  141. package/dist/tools/fiori/smoke/driver.js +89 -0
  142. package/dist/tools/fiori/smoke/freestyle-spec.js +317 -0
  143. package/dist/tools/fiori/smoke/run-smoke.js +149 -0
  144. package/dist/tools/fiori/tools.js +681 -0
  145. package/dist/tools/fiori/types.js +1 -0
  146. package/dist/tools/local-build.js +86 -0
  147. package/dist/tools/local-files.js +31 -0
  148. package/dist/tools/project/_merge-shared.js +68 -0
  149. package/dist/tools/project/cca_merge.js +164 -0
  150. package/dist/tools/project/playbook_get.js +1 -1
  151. package/dist/tools/project/upgrade_merge_progress.js +206 -0
  152. package/dist/tools/sap-read.js +132 -20
  153. package/dist/tools/sap-write.js +550 -21
  154. package/dist/tools/shell/shell_exec.js +41 -6
  155. package/dist/tools/snapshot.js +63 -14
  156. package/dist/tools/subagent/agent_run.js +27 -3
  157. package/dist/tools/subagent/background_run.js +17 -1
  158. package/dist/tools/todo.js +144 -0
  159. package/dist/tools/transport-resolution.js +86 -0
  160. package/dist/tools/transport.js +224 -5
  161. package/dist/tools/write-mode.js +4 -0
  162. package/dist/ui/app.js +378 -21
  163. package/dist/ui/approval-modal.js +49 -16
  164. package/dist/ui/ask-question-emitter.js +14 -0
  165. package/dist/ui/body.js +13 -0
  166. package/dist/ui/context-grid.js +108 -0
  167. package/dist/ui/footer.js +120 -27
  168. package/dist/ui/header.js +7 -0
  169. package/dist/ui/line-resolution.js +35 -8
  170. package/dist/ui/rewind-emitter.js +10 -0
  171. package/dist/ui/rewind-panel.js +81 -0
  172. package/dist/ui/sap-state-store.js +1 -0
  173. package/dist/ui/session-timeline.js +1 -0
  174. package/dist/ui/status-line.js +43 -0
  175. package/dist/ui/text-input.js +214 -0
  176. package/dist/ui/todo-emitter.js +25 -0
  177. package/dist/ui/todo-panel.js +64 -0
  178. package/dist/ui/turn-status-emitter.js +50 -4
  179. package/dist/ui/turn-status.js +18 -3
  180. package/dist/ui/widgets/ask-form.js +242 -0
  181. package/dist/ui/widgets/ask-question-modal.js +21 -8
  182. package/package.json +22 -3
  183. package/bench/README.md +0 -78
  184. package/bench/prompts/abap-document-cds.md +0 -44
  185. package/bench/prompts/abap-explain-bdef-handler.md +0 -57
  186. package/bench/prompts/abap-test-method.md +0 -42
  187. package/bench/results/abap-document-cds/claude-haiku-4-5.md +0 -189
  188. package/bench/results/abap-document-cds/claude-opus-4-7.md +0 -120
  189. package/bench/results/abap-document-cds/claude-sonnet-4-6.md +0 -151
  190. package/bench/results/abap-explain-bdef-handler/claude-haiku-4-5.md +0 -112
  191. package/bench/results/abap-explain-bdef-handler/claude-opus-4-7.md +0 -101
  192. package/bench/results/abap-explain-bdef-handler/claude-sonnet-4-6.md +0 -101
  193. package/bench/results/abap-test-method/claude-haiku-4-5.md +0 -186
  194. package/bench/results/abap-test-method/claude-opus-4-7.md +0 -193
  195. package/bench/results/abap-test-method/claude-sonnet-4-6.md +0 -234
package/dist/tools/fiori/samples/data/sources.generated.js ADDED
@@ -0,0 +1,808 @@
1
+ // AUTO-GENERATED by scripts/build-sample-index.ts — DO NOT EDIT BY HAND.
2
+ // Source: OpenUI5 (github.com/SAP/openui5) @ 1.120.14, Apache-2.0.
3
+ /* eslint-disable */
4
+ export const SAMPLE_SOURCES = {
5
+ "sap.f/DynamicPageAnalyticalTable": {
6
+ "Component.js": "sap.ui.define(['sap/ui/core/UIComponent'],\nfunction (UIComponent) {\n\t\"use strict\";\n\n\treturn UIComponent.extend(\"sap.f.sample.DynamicPageAnalyticalTable.Component\", {\n\n\t\tmetadata: {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n});\n",
7
+ "controller/DynamicPageAnalyticalTable.controller.js": "sap.ui.define([\n\t\"sap/ui/thirdparty/jquery\",\n\t\"sap/ui/core/mvc/Controller\",\n\t\"sap/ui/model/json/JSONModel\",\n\t\"sap/m/MessageToast\",\n\t\"sap/ui/core/format/DateFormat\",\n\t\"sap/base/Log\",\n\t\"sap/ui/core/Fragment\",\n\t\"sap/ui/core/date/UI5Date\"\n], function (jQuery, Controller, JSONModel, MessageToast, DateFormat, Log, Fragment, UI5Date) {\n\t\"use strict\";\n\n\treturn Controller.extend(\"sap.f.sample.DynamicPageAnalyticalTable.controller.DynamicPageAnalyticalTable\", {\n\t\tonInit: function () {\n\t\t\tvar oJSONModel = this.initSampleDataModel();\n\t\t\tthis.getView().setModel(oJSONModel);\n\t\t},\n\t\tinitSampleDataModel : function() {\n\t\t\tvar oModel = new JSONModel();\n\n\t\t\tvar oDateFormat = DateFormat.getDateInstance({source: {pattern: \"timestamp\"}, pattern: \"dd/MM/yyyy\"});\n\n\t\t\tjQuery.ajax(sap.ui.require.toUrl(\"sap/ui/demo/mock/products.json\"), {\n\t\t\t\tdataType: \"json\",\n\t\t\t\tsuccess: function (oData) {\n\t\t\t\t\tvar aTemp1 = [];\n\t\t\t\t\tvar aTemp2 = [];\n\t\t\t\t\tvar aSuppliersData = [];\n\t\t\t\t\tvar aCategoryData = [];\n\t\t\t\t\tfor (var i = 0; i < oData.ProductCollection.length; i++) {\n\t\t\t\t\t\tvar oProduct = oData.ProductCollection[i];\n\t\t\t\t\t\tif (oProduct.SupplierName && aTemp1.indexOf(oProduct.SupplierName) < 0) {\n\t\t\t\t\t\t\taTemp1.push(oProduct.SupplierName);\n\t\t\t\t\t\t\taSuppliersData.push({Name: oProduct.SupplierName});\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (oProduct.Category && aTemp2.indexOf(oProduct.Category) < 0) {\n\t\t\t\t\t\t\taTemp2.push(oProduct.Category);\n\t\t\t\t\t\t\taCategoryData.push({Name: oProduct.Category});\n\t\t\t\t\t\t}\n\t\t\t\t\t\toProduct.DeliveryDate = Date.now() - (i % 10 * 4 * 24 * 60 * 60 * 1000);\n\t\t\t\t\t\toProduct.DeliveryDateStr = oDateFormat.format(UI5Date.getInstance(oProduct.DeliveryDate));\n\t\t\t\t\t\toProduct.Heavy = oProduct.WeightMeasure > 1000 ? \"true\" : \"false\";\n\t\t\t\t\t\toProduct.Available = oProduct.Status === \"Available\";\n\t\t\t\t\t}\n\n\t\t\t\t\toData.Suppliers = aSuppliersData;\n\t\t\t\t\toData.Categories = aCategoryData;\n\t\t\t\t\toData.headerExpanded = true;\n\t\t\t\t\toModel.setData(oData);\n\t\t\t\t},\n\t\t\t\terror: function () {\n\t\t\t\t\tLog.error(\"failed to load json\");\n\t\t\t\t}\n\t\t\t});\n\n\t\t\treturn oModel;\n\t\t},\n\n\t\tformatAvailableToObjectState : function (bAvailable) {\n\t\t\treturn bAvailable ? \"Success\" : \"Error\";\n\t\t},\n\n\t\tformatAvailableToIcon : function(bAvailable) {\n\t\t\treturn bAvailable ? \"sap-icon://accept\" : \"sap-icon://decline\";\n\t\t},\n\n\t\thandleDetailsPress : function(oEvent) {\n\t\t\tMessageToast.show(\"Details for product with id \" + this.getView().getModel().getProperty(\"ProductId\", oEvent.getSource().getBindingContext()));\n\t\t},\n\t\tonGenericTagPress: function (oEvent) {\n\t\t\tvar oView = this.getView(),\n\t\t\t\toSourceControl = oEvent.getSource();\n\t\t\tif (!this._pPopover) {\n\t\t\t\tthis._pPopover = Fragment.load({\n\t\t\t\t\tid: oView.getId(),\n\t\t\t\t\tname: \"sap.f.sample.DynamicPageAnalyticalTable.view.Card\"\n\t\t\t\t}).then(function (oPopover) {\n\t\t\t\t\toView.addDependent(oPopover);\n\t\t\t\t\treturn oPopover;\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tthis._pPopover.then(function (oPopover) {\n\t\t\t\toPopover.openBy(oSourceControl);\n\t\t\t});\n\t\t}\n\t});\n});",
8
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.f.sample.DynamicPageAnalyticalTable\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.f.sample.DynamicPageAnalyticalTable.view.DynamicPageAnalyticalTable\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.f\": {},\n\t\t\t\t\"sap.m\": {},\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.unified\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"stretch\": true,\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"view/DynamicPageAnalyticalTable.view.xml\",\n\t\t\t\t\t\"view/Card.fragment.xml\",\n\t\t\t\t\t\"controller/DynamicPageAnalyticalTable.controller.js\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
9
+ "view/Card.fragment.xml": "<core:FragmentDefinition\n\txmlns=\"sap.m\"\n\txmlns:core=\"sap.ui.core\"\n\txmlns:f=\"sap.f\"\n\txmlns:card=\"sap.f.cards\">\n\t<Popover placement=\"Right\" showHeader=\"false\" contentWidth=\"300px\">\n\t\t\t<f:Card width=\"300px\">\n\t\t\t\t<f:header>\n\t\t\t\t\t<card:NumericHeader\n\t\t\t\t\t\ttitle=\"Sales Revenue\"\n\t\t\t\t\t\tsubtitle=\"Sales revenue in the current quarter\"\n\t\t\t\t\t\tunitOfMeasurement=\"EUR\"\n\t\t\t\t\t\tnumber=\"2.16\"\n\t\t\t\t\t\tscale=\"M\"\n\t\t\t\t\t\ttrend=\"Down\"\n\t\t\t\t\t\tstate=\"Error\">\n\t\t\t\t\t\t<card:sideIndicators>\n\t\t\t\t\t\t\t<card:NumericSideIndicator number=\"4.74\" unit=\"M\" title=\"Target\" />\n\t\t\t\t\t\t\t<card:NumericSideIndicator number=\"-54.49\" unit=\"%\" title=\"Deviation\" />\n\t\t\t\t\t\t</card:sideIndicators>\n\t\t\t\t\t</card:NumericHeader>\n\t\t\t\t</f:header>\n\t\t\t</f:Card>\n\t</Popover>\n</core:FragmentDefinition>",
10
+ "view/DynamicPageAnalyticalTable.view.xml": "<mvc:View\n\t\txmlns:c=\"sap.ui.core\"\n\t\tcontrollerName=\"sap.f.sample.DynamicPageAnalyticalTable.controller.DynamicPageAnalyticalTable\"\n\t\txmlns:mvc=\"sap.ui.core.mvc\"\n\t\txmlns:u=\"sap.ui.unified\"\n\t\txmlns=\"sap.m\"\n\t\txmlns:t=\"sap.ui.table\"\n\t\txmlns:f=\"sap.f\"\n\t\txmlns:layout=\"sap.ui.layout\"\n\t\theight=\"100%\">\n\t\t<f:DynamicPage id=\"dynamicPageId\" preserveHeaderStateOnScroll=\"true\" headerExpanded=\"{/headerExpanded}\" showFooter=\"true\" fitContent=\"true\">\n\t\t\t<!-- DynamicPage Title -->\n\t\t\t<f:title>\n\t\t\t\t<f:DynamicPageTitle>\n\t\t\t\t\t<f:heading>\n\t\t\t\t\t\t<Title text=\"Header Title\"/>\n\t\t\t\t\t</f:heading>\n\t\t\t\t\t<f:expandedContent>\n\t\t\t\t\t\t<Label text=\"This is a subheading\"/>\n\t\t\t\t\t</f:expandedContent>\n\t\t\t\t\t<f:snappedContent>\n\t\t\t\t\t\t<Label text=\"This is a subheading\"/>\n\t\t\t\t\t</f:snappedContent>\n\t\t\t\t\t<f:snappedTitleOnMobile>\n\t\t\t\t\t\t<Title text=\"This is a subheading\"/>\n\t\t\t\t\t</f:snappedTitleOnMobile>\n\t\t\t\t\t<f:content>\n\t\t\t\t\t\t<OverflowToolbar>\n\t\t\t\t\t\t\t<GenericTag text=\"SR\"\n\t\t\t\t\t\t\t\tstatus=\"Error\"\n\t\t\t\t\t\t\t\tpress=\"onGenericTagPress\"\n\t\t\t\t\t\t\t\tdesign=\"StatusIconHidden\">\n\t\t\t\t\t\t\t\t<ObjectNumber number=\"2\"\n\t\t\t\t\t\t\t\t\tunit=\"M\"\n\t\t\t\t\t\t\t\t\temphasized=\"false\"\n\t\t\t\t\t\t\t\t\tstate=\"Error\"/>\n\t\t\t\t\t\t\t</GenericTag>\n\t\t\t\t\t\t</OverflowToolbar>\n\t\t\t\t\t</f:content>\n\t\t\t\t\t<f:actions>\n\t\t\t\t\t\t<ToolbarSpacer/>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\ttext=\"Edit\"\n\t\t\t\t\t\t\t\ttype=\"Emphasized\"/>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\ttext=\"Delete\"\n\t\t\t\t\t\t\t\ttype=\"Transparent\"/>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\ttext=\"Copy\"\n\t\t\t\t\t\t\t\ttype=\"Transparent\"/>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\ticon=\"sap-icon://action\"\n\t\t\t\t\t\t\t\ttype=\"Transparent\"/>\n\t\t\t\t\t</f:actions>\n\t\t\t\t</f:DynamicPageTitle>\n\t\t\t</f:title>\n\n\t\t\t<!-- DynamicPage Header -->\n\t\t\t<f:header>\n\t\t\t\t<f:DynamicPageHeader pinnable=\"true\">\n\t\t\t\t\t\t<FlexBox\n\t\t\t\t\t\t\t\talignItems=\"Start\"\n\t\t\t\t\t\t\t\tjustifyContent=\"SpaceBetween\">\n\t\t\t\t\t\t\t<items>\n\t\t\t\t\t\t\t\t<Panel\n\t\t\t\t\t\t\t\t\t\tbackgroundDesign=\"Transparent\"\n\t\t\t\t\t\t\t\t\t\tclass=\"sapUiNoContentPadding\">\n\t\t\t\t\t\t\t\t\t<content>\n\t\t\t\t\t\t\t\t\t\t<layout:HorizontalLayout\n\t\t\t\t\t\t\t\t\t\t\t\tallowWrapping=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t<layout:VerticalLayout\n\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"sapUiMediumMarginEnd\">\n\t\t\t\t\t\t\t\t\t\t\t\t<ObjectAttribute title=\"Location\" text=\"Warehouse A\"/>\n\t\t\t\t\t\t\t\t\t\t\t\t<ObjectAttribute title=\"Halway\" text=\"23L\"/>\n\t\t\t\t\t\t\t\t\t\t\t\t<ObjectAttribute title=\"Rack\" text=\"34\"/>\n\t\t\t\t\t\t\t\t\t\t\t</layout:VerticalLayout>\n\t\t\t\t\t\t\t\t\t\t\t<layout:VerticalLayout>\n\t\t\t\t\t\t\t\t\t\t\t\t<ObjectAttribute title=\"Availability\"/>\n\t\t\t\t\t\t\t\t\t\t\t\t<ObjectStatus text=\"In Stock\" state=\"Success\" />\n\t\t\t\t\t\t\t\t\t\t\t</layout:VerticalLayout>\n\t\t\t\t\t\t\t\t\t\t</layout:HorizontalLayout>\n\t\t\t\t\t\t\t\t\t</content>\n\t\t\t\t\t\t\t\t</Panel>\n\t\t\t\t\t\t\t</items>\n\t\t\t\t\t\t</FlexBox>\n\t\t\t\t</f:DynamicPageHeader>\n\t\t\t</f:header>\n\n\t\t\t<f:content>\n\t\t\t\t<t:Table\n\t\t\t\t\t\trows=\"{/ProductCollection}\"\n\t\t\t\t\t\tselectionMode=\"MultiToggle\"\n\t\t\t\t\t\trowMode=\"Auto\">\n\t\t\t\t\t<t:extension>\n\t\t\t\t\t\t<OverflowToolbar style=\"Clear\">\n\t\t\t\t\t\t\t<Title text=\"Products\"/>\n\t\t\t\t\t\t</OverflowToolbar>\n\t\t\t\t\t</t:extension>\n\t\t\t\t\t<t:columns>\n\t\t\t\t\t\t<t:Column width=\"11rem\">\n\t\t\t\t\t\t\t<Label text=\"Product Name\" />\n\t\t\t\t\t\t\t<t:template>\n\t\t\t\t\t\t\t\t<Text text=\"{Name}\" wrapping=\"false\" />\n\t\t\t\t\t\t\t</t:template>\n\t\t\t\t\t\t</t:Column>\n\t\t\t\t\t\t<t:Column width=\"11rem\">\n\t\t\t\t\t\t\t<Label text=\"Product Id\" />\n\t\t\t\t\t\t\t<t:template>\n\t\t\t\t\t\t\t\t<Input value=\"{ProductId}\"/>\n\t\t\t\t\t\t\t</t:template>\n\t\t\t\t\t\t</t:Column>\n\t\t\t\t\t\t<t:Column width=\"6rem\" hAlign=\"End\">\n\t\t\t\t\t\t\t<Label text=\"Quantity\" />\n\t\t\t\t\t\t\t<t:template>\n\t\t\t\t\t\t\t\t<Label text=\"{Quantity}\" />\n\t\t\t\t\t\t\t</t:template>\n\t\t\t\t\t\t</t:Column>\n\t\t\t\t\t\t<t:Column width=\"9rem\">\n\t\t\t\t\t\t\t<Label text=\"Status\" />\n\t\t\t\t\t\t\t<t:template>\n\t\t\t\t\t\t\t\t<ObjectStatus text=\"{Status}\" state=\"{\n\t\t\t\t\t\t\t\tpath: 'Available',\n\t\t\t\t\t\t\t\tformatter: '.formatAvailableToObjectState'\n\t\t\t\t\t\t\t}\"/>\n\t\t\t\t\t\t\t</t:template>\n\t\t\t\t\t\t</t:Column>\n\t\t\t\t\t\t<t:Column width=\"9rem\">\n\t\t\t\t\t\t\t<Label text=\"Price\" />\n\t\t\t\t\t\t\t<t:template>\n\t\t\t\t\t\t\t\t<u:Currency value=\"{Price}\" currency=\"{CurrencyCode}\"/>\n\t\t\t\t\t\t\t</t:template>\n\t\t\t\t\t\t</t:Column>\n\t\t\t\t\t\t<t:Column width=\"12rem\">\n\t\t\t\t\t\t\t<Label text=\"Supplier\" />\n\t\t\t\t\t\t\t<t:template>\n\t\t\t\t\t\t\t\t<ComboBox value=\"{SupplierName}\" items=\"{/Suppliers}\">\n\t\t\t\t\t\t\t\t\t<c:Item text=\"{Name}\"/>\n\t\t\t\t\t\t\t\t</ComboBox>\n\t\t\t\t\t\t\t</t:template>\n\t\t\t\t\t\t</t:Column>\n\t\t\t\t\t\t<t:Column width=\"9rem\">\n\t\t\t\t\t\t\t<Label text=\"Image\" />\n\t\t\t\t\t\t\t<t:template>\n\t\t\t\t\t\t\t\t<Link text=\"Show Image\" href=\"{ProductPicUrl}\" target=\"_blank\"/>\n\t\t\t\t\t\t\t</t:template>\n\t\t\t\t\t\t</t:Column>\n\t\t\t\t\t\t<t:Column width=\"9rem\">\n\t\t\t\t\t\t\t<Label text=\"Details\" />\n\t\t\t\t\t\t\t<t:template>\n\t\t\t\t\t\t\t\t<Button text=\"Show Details\" press=\"handleDetailsPress\"/>\n\t\t\t\t\t\t\t</t:template>\n\t\t\t\t\t\t</t:Column>\n\t\t\t\t\t\t<t:Column width=\"7rem\">\n\t\t\t\t\t\t\t<Label text=\"Heavy Weight\" />\n\t\t\t\t\t\t\t<t:template>\n\t\t\t\t\t\t\t\t<CheckBox selected=\"{\n\t\t\t\t\t\t\t\tpath: 'Heavy',\n\t\t\t\t\t\t\t\ttype: 'sap.ui.model.type.String'\n\t\t\t\t\t\t\t}\"/>\n\t\t\t\t\t\t\t</t:template>\n\t\t\t\t\t\t</t:Column>\n\t\t\t\t\t\t<t:Column width=\"12rem\">\n\t\t\t\t\t\t\t<Label text=\"Category\" />\n\t\t\t\t\t\t\t<t:template>\n\t\t\t\t\t\t\t\t<Select selectedKey=\"{Category}\" items=\"{/Categories}\">\n\t\t\t\t\t\t\t\t\t<c:Item text=\"{Name}\" key=\"{Name}\"/>\n\t\t\t\t\t\t\t\t</Select>\n\t\t\t\t\t\t\t</t:template>\n\t\t\t\t\t\t</t:Column>\n\t\t\t\t\t\t<t:Column width=\"6rem\" hAlign=\"Center\">\n\t\t\t\t\t\t\t<Label text=\"Status\" />\n\t\t\t\t\t\t\t<t:template>\n\t\t\t\t\t\t\t\t<c:Icon src=\"{\n\t\t\t\t\t\t\t\tpath: 'Available',\n\t\t\t\t\t\t\t\tformatter: '.formatAvailableToIcon'\n\t\t\t\t\t\t\t}\"/>\n\t\t\t\t\t\t\t</t:template>\n\t\t\t\t\t\t</t:Column>\n\t\t\t\t\t\t<t:Column width=\"11rem\" hAlign=\"Center\">\n\t\t\t\t\t\t\t<Label text=\"Delivery Date\" />\n\t\t\t\t\t\t\t<t:template>\n\t\t\t\t\t\t\t\t<DatePicker value=\"{\n\t\t\t\t\t\t\t\tpath: 'DeliveryDate',\n\t\t\t\t\t\t\t\ttype: 'sap.ui.model.type.Date',\n\t\t\t\t\t\t\t\tformatOptions: {source: {pattern: 'timestamp'}}\n\t\t\t\t\t\t\t}\"/>\n\t\t\t\t\t\t\t</t:template>\n\t\t\t\t\t\t</t:Column>\n\t\t\t\t\t</t:columns>\n\t\t\t\t</t:Table>\n\t\t\t</f:content>\n\t\t\t<!-- DynamicPage Footer -->\n\t\t\t<f:footer>\n\t\t\t\t<OverflowToolbar>\n\t\t\t\t\t<Button icon=\"sap-icon://message-popup\"\n\t\t\t\t\t\t\ttext=\"{/messagesLength}\"\n\t\t\t\t\t\t\ttype=\"Emphasized\"\n\t\t\t\t\t\t\tpress=\"onMessageButtonPress\"\n\t\t\t\t\t\t\tvisible=\"{= !!${/messagesLength}}\"/>\n\t\t\t\t\t<ToolbarSpacer/>\n\t\t\t\t\t<Button type=\"Accept\" text=\"Accept\"/>\n\t\t\t\t\t<Button type=\"Reject\" text=\"Reject\"/>\n\t\t\t\t</OverflowToolbar>\n\t\t\t</f:footer>\n\t\t</f:DynamicPage>\n</mvc:View>"
11
+ },
12
+ "sap.f/DynamicPageWithWizard": {
13
+ "Component.js": "sap.ui.define(['sap/ui/core/UIComponent'],\nfunction (UIComponent) {\n\t\"use strict\";\n\n\treturn UIComponent.extend(\"sap.f.sample.DynamicPageWithWizard.Component\", {\n\n\t\tmetadata: {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n});\n",
14
+ "controller/DynamicPageWithWizard.controller.js": "sap.ui.define([\n\t\"sap/ui/core/mvc/Controller\",\n\t\"sap/ui/model/json/JSONModel\",\n\t\"sap/f/library\",\n\t\"sap/m/MessageBox\",\n\t\"sap/ui/core/Fragment\"\n], function (Controller, JSONModel, library, MessageBox, Fragment) {\n\t\"use strict\";\n\tvar history = {\n\t\tprevPaymentSelect: null,\n\t\tprevDiffDeliverySelect: null\n\t};\n\n\treturn Controller.extend(\"sap.f.sample.DynamicPageWithWizard.controller.DynamicPageWithWizard\", {\n\t\tonInit: function () {\n\t\t\tthis._wizard = this.byId(\"ShoppingCartWizard\");\n\t\t\tthis._oNavContainer = this.byId(\"navContainer\");\n\t\t\tthis._oDynamicPage = this.getPage();\n\n\t\t\tthis.model = new JSONModel();\n\t\t\tthis.model.attachRequestCompleted(null, function () {\n\t\t\t\tthis.model.getData().ProductCollection.splice(5, this.model.getData().ProductCollection.length);\n\t\t\t\tthis.model.setProperty(\"/selectedPayment\", \"Credit Card\");\n\t\t\t\tthis.model.setProperty(\"/selectedDeliveryMethod\", \"Standard Delivery\");\n\t\t\t\tthis.model.setProperty(\"/differentDeliveryAddress\", false);\n\t\t\t\tthis.model.setProperty(\"/CashOnDelivery\", {});\n\t\t\t\tthis.model.setProperty(\"/BillingAddress\", {});\n\t\t\t\tthis.model.setProperty(\"/CreditCard\", {});\n\t\t\t\tthis.calcTotal();\n\t\t\t\tthis.model.updateBindings();\n\t\t\t}.bind(this));\n\n\t\t\tthis.model.loadData(sap.ui.require.toUrl(\"sap/ui/demo/mock/products.json\"));\n\t\t\tthis.getView().setModel(this.model);\n\t\t},\n\t\tgetPage: function () {\n\t\t\treturn this.byId(\"dynamicPage\");\n\t\t},\n\t\tcalcTotal: function () {\n\t\t\tvar data = this.model.getData().ProductCollection;\n\t\t\tif (data) {\n\t\t\t\tvar total = data.reduce(function (prev, current) {\n\t\t\t\t\tprev = prev.Price || prev;\n\t\t\t\t\treturn prev + current.Price;\n\t\t\t\t});\n\t\t\t\tthis.model.setProperty(\"/ProductsTotalPrice\", total.Price || total);\n\t\t\t} else {\n\t\t\t\tthis.model.setProperty(\"/ProductsTotalPrice\", 0);\n\t\t\t}\n\t\t},\n\n\t\thandleDelete: function (oEvent) {\n\t\t\tvar listItem = oEvent.getParameter(\"listItem\");\n\t\t\tvar data = this.model.getData().ProductCollection;\n\t\t\tif (data.length <= 1) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tfor (var i = 0; i < data.length; i++) {\n\t\t\t\tif (data[i].Name === listItem.getTitle()) {\n\t\t\t\t\tdata.splice(i, 1);\n\t\t\t\t\tthis.calcTotal();\n\t\t\t\t\tthis.model.updateBindings();\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\n\t\tgoToPaymentStep: function () {\n\t\t\tvar selectedKey = this.model.getProperty(\"/selectedPayment\");\n\n\t\t\tswitch (selectedKey) {\n\t\t\t\tcase \"Credit Card\":\n\t\t\t\t\tthis.byId(\"PaymentTypeStep\").setNextStep(this.getView().byId(\"CreditCardStep\"));\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"Bank Transfer\":\n\t\t\t\t\tthis.byId(\"PaymentTypeStep\").setNextStep(this.getView().byId(\"BankAccountStep\"));\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"Cash on Delivery\":\n\t\t\t\tdefault:\n\t\t\t\t\tthis.byId(\"PaymentTypeStep\").setNextStep(this.getView().byId(\"CashOnDeliveryStep\"));\n\t\t\t\t\tbreak;\n\t\t\t}\n\t\t},\n\n\t\tsetPaymentMethod: function () {\n\t\t\tthis.setDiscardableProperty({\n\t\t\t\tmessage: \"Are you sure you want to change the payment type ? This will discard your progress.\",\n\t\t\t\tdiscardStep: this.byId(\"PaymentTypeStep\"),\n\t\t\t\tmodelPath: \"/selectedPayment\",\n\t\t\t\thistoryPath: \"prevPaymentSelect\"\n\t\t\t});\n\t\t},\n\n\t\tsetDifferentDeliveryAddress: function () {\n\t\t\tthis.setDiscardableProperty({\n\t\t\t\tmessage: \"Are you sure you want to change the delivery address ? This will discard your progress\",\n\t\t\t\tdiscardStep: this.byId(\"BillingStep\"),\n\t\t\t\tmodelPath: \"/differentDeliveryAddress\",\n\t\t\t\thistoryPath: \"prevDiffDeliverySelect\"\n\t\t\t});\n\t\t},\n\n\t\tsetDiscardableProperty: function (params) {\n\t\t\tif (this._wizard.getProgressStep() !== params.discardStep) {\n\t\t\t\tMessageBox.warning(params.message, {\n\t\t\t\t\tactions: [MessageBox.Action.YES, MessageBox.Action.NO],\n\t\t\t\t\tonClose: function (oAction) {\n\t\t\t\t\t\tif (oAction === MessageBox.Action.YES) {\n\t\t\t\t\t\t\tthis._wizard.discardProgress(params.discardStep);\n\t\t\t\t\t\t\thistory[params.historyPath] = this.model.getProperty(params.modelPath);\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tthis.model.setProperty(params.modelPath, history[params.historyPath]);\n\t\t\t\t\t\t}\n\t\t\t\t\t}.bind(this)\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\thistory[params.historyPath] = this.model.getProperty(params.modelPath);\n\t\t\t}\n\t\t},\n\n\t\tbillingAddressComplete: function () {\n\t\t\tif (this.model.getProperty(\"/differentDeliveryAddress\")) {\n\t\t\t\tthis.byId(\"BillingStep\").setNextStep(this.getView().byId(\"DeliveryAddressStep\"));\n\t\t\t} else {\n\t\t\t\tthis.byId(\"BillingStep\").setNextStep(this.getView().byId(\"DeliveryTypeStep\"));\n\t\t\t}\n\t\t},\n\n\t\thandleWizardCancel: function () {\n\t\t\tthis._handleMessageBoxOpen(\"Are you sure you want to cancel your purchase?\", \"warning\");\n\t\t},\n\n\t\thandleWizardSubmit: function () {\n\t\t\tthis._handleMessageBoxOpen(\"Are you sure you want to submit your report?\", \"confirm\");\n\t\t},\n\n\t\tbackToWizardContent: function () {\n\t\t\tthis._oNavContainer.backToPage(this._oDynamicPage.getId());\n\t\t},\n\n\t\tcheckCreditCardStep: function () {\n\t\t\tvar cardName = this.model.getProperty(\"/CreditCard/Name\") || \"\";\n\t\t\tif (cardName.length < 3) {\n\t\t\t\tthis._wizard.invalidateStep(this.byId(\"CreditCardStep\"));\n\t\t\t} else {\n\t\t\t\tthis._wizard.validateStep(this.byId(\"CreditCardStep\"));\n\t\t\t}\n\t\t},\n\n\t\tcheckCashOnDeliveryStep: function () {\n\t\t\tvar firstName = this.model.getProperty(\"/CashOnDelivery/FirstName\") || \"\";\n\t\t\tif (firstName.length < 3) {\n\t\t\t\tthis._wizard.invalidateStep(this.byId(\"CashOnDeliveryStep\"));\n\t\t\t} else {\n\t\t\t\tthis._wizard.validateStep(this.byId(\"CashOnDeliveryStep\"));\n\t\t\t}\n\t\t},\n\n\t\tcheckBillingStep: function () {\n\t\t\tvar address = this.model.getProperty(\"/BillingAddress/Address\") || \"\";\n\t\t\tvar city = this.model.getProperty(\"/BillingAddress/City\") || \"\";\n\t\t\tvar zipCode = this.model.getProperty(\"/BillingAddress/ZipCode\") || \"\";\n\t\t\tvar country = this.model.getProperty(\"/BillingAddress/Country\") || \"\";\n\n\t\t\tif (address.length < 3 || city.length < 3 || zipCode.length < 3 || country.length < 3) {\n\t\t\t\tthis._wizard.invalidateStep(this.byId(\"BillingStep\"));\n\t\t\t} else {\n\t\t\t\tthis._wizard.validateStep(this.byId(\"BillingStep\"));\n\t\t\t}\n\t\t},\n\n\t\tcompletedHandler: function () {\n\t\t\tthis._oNavContainer.to(this.byId(\"wizardBranchingReviewPage\"));\n\t\t},\n\n\t\t_handleMessageBoxOpen: function (sMessage, sMessageBoxType) {\n\t\t\tMessageBox[sMessageBoxType](sMessage, {\n\t\t\t\tactions: [MessageBox.Action.YES, MessageBox.Action.NO],\n\t\t\t\tonClose: function (oAction) {\n\t\t\t\t\tif (oAction === MessageBox.Action.YES) {\n\t\t\t\t\t\tthis._wizard.discardProgress(this._wizard.getSteps()[0]);\n\t\t\t\t\t\tthis.handleNavBackToList();\n\t\t\t\t\t}\n\t\t\t\t}.bind(this)\n\t\t\t});\n\t\t},\n\n\t\thandleNavBackToList: function () {\n\t\t\tthis._navBackToStep(this.byId(\"ContentsStep\"));\n\t\t},\n\n\t\thandleNavBackToPaymentType: function () {\n\t\t\tthis._navBackToStep(this.byId(\"PaymentTypeStep\"));\n\t\t},\n\n\t\thandleNavBackToCreditCard: function () {\n\t\t\tthis._navBackToStep(this.byId(\"CreditCardStep\"));\n\t\t},\n\n\t\thandleNavBackToCashOnDelivery: function () {\n\t\t\tthis._navBackToStep(this.byId(\"CashOnDeliveryStep\"));\n\t\t},\n\n\t\thandleNavBackToBillingAddress: function () {\n\t\t\tthis._navBackToStep(this.byId(\"BillingStep\"));\n\t\t},\n\n\t\thandleNavBackToDeliveryType: function () {\n\t\t\tthis._navBackToStep(this.byId(\"DeliveryTypeStep\"));\n\t\t},\n\n\t\t_navBackToStep: function (step) {\n\t\t\tvar fnAfterNavigate = function () {\n\t\t\t\tthis._wizard.goToStep(step);\n\t\t\t\tthis._oNavContainer.detachAfterNavigate(fnAfterNavigate);\n\t\t\t}.bind(this);\n\n\t\t\tthis._oNavContainer.attachAfterNavigate(fnAfterNavigate);\n\t\t\tthis._oNavContainer.to(this._oDynamicPage);\n\t\t}\n\t});\n});",
15
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.f.sample.DynamicPageWithWizard\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.f.sample.DynamicPageWithWizard.view.DynamicPageWithWizard\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.f\": {},\n\t\t\t\t\"sap.m\": {},\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.unified\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"stretch\": true,\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"controller/DynamicPageWithWizard.controller.js\",\n\t\t\t\t\t\"view/DynamicPageWithWizard.view.xml\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
16
+ "view/DynamicPageWithWizard.view.xml": "<mvc:View\n\tcontrollerName=\"sap.f.sample.DynamicPageWithWizard.controller.DynamicPageWithWizard\"\n\txmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns=\"sap.m\"\n\txmlns:f=\"sap.f\"\n\txmlns:form=\"sap.ui.layout.form\"\n\txmlns:layout=\"sap.ui.layout\"\n\theight=\"100%\">\n\t<NavContainer id=\"navContainer\">\n\t\t<pages>\n\t\t\t<f:DynamicPage\n\t\t\t\tid=\"dynamicPage\"\n\t\t\t\ttoggleHeaderOnTitleClick=\"{/titleClickable}\"\n\t\t\t\tstickySubheaderProvider=\"ShoppingCartWizard\"\n\t\t\t\tclass=\"sapUiNoContentPadding\"\n\t\t\t\tshowFooter=\"true\">\n\t\t\t\t<!-- DynamicPage Title -->\n\t\t\t\t<f:title>\n\t\t\t\t\t<f:DynamicPageTitle>\n\t\t\t\t\t\t<f:heading>\n\t\t\t\t\t\t\t<Title text=\"Header Title\"/>\n\t\t\t\t\t\t</f:heading>\n\t\t\t\t\t</f:DynamicPageTitle>\n\t\t\t\t</f:title>\n\t\t\t\t<!-- DynamicPage Header -->\n\t\t\t\t<f:content>\n\t\t\t\t\t<Wizard id=\"ShoppingCartWizard\"\n\t\t\t\t\t class=\"sapUiResponsivePadding--header sapUiResponsivePadding--content\"\n\t\t\t\t\t complete=\"completedHandler\"\n\t\t\t\t\t height=\"auto\"\n\t\t\t\t\t enableBranching=\"true\">\n\t\t\t\t\t\t<WizardStep\n\t\t\t\t\t\t\tid=\"ContentsStep\"\n\t\t\t\t\t\t\tnextStep=\"PaymentTypeStep\"\n\t\t\t\t\t\t\ttitle=\"Shopping cart contents\"\n\t\t\t\t\t\t\ticon=\"sap-icon://cart\">\n\t\t\t\t\t\t\t<ObjectHeader\n\t\t\t\t\t\t\t\ttitle=\"Total\"\n\t\t\t\t\t\t\t\tnumber=\"{/ProductsTotalPrice}\"\n\t\t\t\t\t\t\t\tnumberUnit=\"EUR\">\n\t\t\t\t\t\t\t\t<attributes>\n\t\t\t\t\t\t\t\t\t<ObjectAttribute text=\"This is the list of items in your shopping cart\"/>\n\t\t\t\t\t\t\t\t</attributes>\n\t\t\t\t\t\t\t</ObjectHeader>\n\t\t\t\t\t\t\t<List mode=\"Delete\"\n\t\t\t\t\t\t\t items=\"{/ProductCollection}\"\n\t\t\t\t\t\t\t enableBusyIndicator=\"true\"\n\t\t\t\t\t\t\t delete=\"handleDelete\"\n\t\t\t\t\t\t\t headerText=\"Items\">\n\t\t\t\t\t\t\t\t<StandardListItem\n\t\t\t\t\t\t\t\t\ttitle=\"{Name}\"\n\t\t\t\t\t\t\t\t\ttype=\"Active\"\n\t\t\t\t\t\t\t\t\tdescription=\"{Description}\"\n\t\t\t\t\t\t\t\t\ticon=\"{ProductPicUrl}\"\n\t\t\t\t\t\t\t\t\tinfo=\"{Price} {CurrencyCode}\"\n\t\t\t\t\t\t\t\t\ticonDensityAware=\"false\"\n\t\t\t\t\t\t\t\t\ticonInset=\"false\"/>\n\t\t\t\t\t\t\t</List>\n\t\t\t\t\t\t</WizardStep>\n\t\t\t\t\t\t<WizardStep\n\t\t\t\t\t\t\tid=\"PaymentTypeStep\"\n\t\t\t\t\t\t\ttitle=\"Payment type\"\n\t\t\t\t\t\t\tsubsequentSteps=\"CreditCardStep, BankAccountStep, CashOnDeliveryStep\"\n\t\t\t\t\t\t\tcomplete=\"goToPaymentStep\"\n\t\t\t\t\t\t\ticon=\"sap-icon://money-bills\">\n\t\t\t\t\t\t\t<Text class=\"sapUiSmallMarginBottom\"\n\t\t\t\t\t\t\t text=\"We accept all major credit cards. No extra cost will be charged when paying with a credit card. Bank transfer and Cash on delivery are only possible for inland deliveries. A service charge of 2.99 EUR will be charged for these types of deliveries. Be aware, that for Bank transfers, the shipping will start on the day after the payment is received.\"/>\n\t\t\t\t\t\t\t<HBox\n\t\t\t\t\t\t\t\talignItems=\"Center\"\n\t\t\t\t\t\t\t\tjustifyContent=\"Center\"\n\t\t\t\t\t\t\t\twidth=\"100%\">\n\t\t\t\t\t\t\t\t<SegmentedButton selectionChange=\"setPaymentMethod\" id=\"paymentMethodSelection\"\n\t\t\t\t\t\t\t\t selectedKey=\"{/selectedPayment}\">\n\t\t\t\t\t\t\t\t\t<items>\n\t\t\t\t\t\t\t\t\t\t<SegmentedButtonItem key=\"Credit Card\" icon=\"sap-icon://credit-card\"\n\t\t\t\t\t\t\t\t\t\t text=\"Credit card\"/>\n\t\t\t\t\t\t\t\t\t\t<SegmentedButtonItem key=\"Bank Transfer\" icon=\"sap-icon://official-service\"\n\t\t\t\t\t\t\t\t\t\t text=\"Bank transfer\"/>\n\t\t\t\t\t\t\t\t\t\t<SegmentedButtonItem key=\"Cash on Delivery\" icon=\"sap-icon://money-bills\"\n\t\t\t\t\t\t\t\t\t\t text=\"Cash on delivery\"/>\n\t\t\t\t\t\t\t\t\t</items>\n\t\t\t\t\t\t\t\t</SegmentedButton>\n\t\t\t\t\t\t\t</HBox>\n\t\t\t\t\t\t</WizardStep>\n\t\t\t\t\t\t<WizardStep\n\t\t\t\t\t\t\tid=\"CreditCardStep\"\n\t\t\t\t\t\t\ttitle=\"Credit card info\"\n\t\t\t\t\t\t\tnextStep=\"BillingStep\"\n\t\t\t\t\t\t\tactivate=\"checkCreditCardStep\"\n\t\t\t\t\t\t\ticon=\"sap-icon://credit-card\">\n\t\t\t\t\t\t\t<MessageStrip text=\"Enter at least 3 symbols for credit card name.\"/>\n\t\t\t\t\t\t\t<form:SimpleForm\n\t\t\t\t\t\t\t\teditable=\"true\"\n\t\t\t\t\t\t\t\tlayout=\"ColumnLayout\">\n\t\t\t\t\t\t\t\t<Label text=\"Name on card\" required=\"true\"/>\n\t\t\t\t\t\t\t\t<Input value=\"{/CreditCard/Name}\" liveChange=\"checkCreditCardStep\"\n\t\t\t\t\t\t\t\t valueLiveUpdate=\"true\"/>\n\t\t\t\t\t\t\t\t<Label text=\"Card number\"/>\n\t\t\t\t\t\t\t\t<Input value=\"{/CardNumber}\"/>\n\t\t\t\t\t\t\t\t<Label text=\"Security code\"/>\n\t\t\t\t\t\t\t\t<Input value=\"{/CreditCard/SecurityCode}\"/>\n\t\t\t\t\t\t\t\t<Label text=\"Expiration date\"/>\n\t\t\t\t\t\t\t\t<DatePicker value=\"{/CreditCard/Expire}\"/>\n\t\t\t\t\t\t\t</form:SimpleForm>\n\t\t\t\t\t\t</WizardStep>\n\t\t\t\t\t\t<WizardStep\n\t\t\t\t\t\t\tid=\"BankAccountStep\"\n\t\t\t\t\t\t\ttitle=\"Beneficial bank info\"\n\t\t\t\t\t\t\tnextStep=\"BillingStep\"\n\t\t\t\t\t\t\ticon=\"sap-icon://official-service\">\n\t\t\t\t\t\t\t<Panel>\n\t\t\t\t\t\t\t\t<headerToolbar>\n\t\t\t\t\t\t\t\t\t<Toolbar height=\"0rem\">\n\t\t\t\t\t\t\t\t\t\t<Title text=\"\"/>\n\t\t\t\t\t\t\t\t\t</Toolbar>\n\t\t\t\t\t\t\t\t</headerToolbar>\n\t\t\t\t\t\t\t\t<layout:Grid\n\t\t\t\t\t\t\t\t\tdefaultSpan=\"L6 M6 S10\"\n\t\t\t\t\t\t\t\t\thSpacing=\"2\">\n\t\t\t\t\t\t\t\t\t<Label text=\"Beneficiary Name\" design=\"Bold\"/>\n\t\t\t\t\t\t\t\t\t<Label text=\"Singapore Hardware e-Commerce LTD\"/>\n\t\t\t\t\t\t\t\t\t<Label text=\"Beneficiary Bank\" design=\"Bold\"/>\n\t\t\t\t\t\t\t\t\t<Label text=\"CITY BANK, SINGAPORE BRANCH\"/>\n\t\t\t\t\t\t\t\t\t<Label text=\"Beneficiary Account Number\" design=\"Bold\"/>\n\t\t\t\t\t\t\t\t\t<Label text=\"06110702027218\"/>\n\t\t\t\t\t\t\t\t\t<Label text=\"Bank Phone Number\" design=\"Bold\"/>\n\t\t\t\t\t\t\t\t\t<Label text=\"+65-6224-2622\"/>\n\t\t\t\t\t\t\t\t\t<Label text=\"Bank Email Address\" design=\"Bold\"/>\n\t\t\t\t\t\t\t\t\t<Label text=\"customerservice@citybank.com\"/>\n\t\t\t\t\t\t\t\t</layout:Grid>\n\t\t\t\t\t\t\t</Panel>\n\t\t\t\t\t\t</WizardStep>\n\t\t\t\t\t\t<WizardStep\n\t\t\t\t\t\t\tid=\"CashOnDeliveryStep\"\n\t\t\t\t\t\t\ttitle=\"Cash on delivery info\"\n\t\t\t\t\t\t\tnextStep=\"BillingStep\"\n\t\t\t\t\t\t\tactivate=\"checkCashOnDeliveryStep\"\n\t\t\t\t\t\t\ticon=\"sap-icon://money-bills\">\n\t\t\t\t\t\t\t<MessageStrip text=\"Enter at least 3 symbols for first name.\"/>\n\t\t\t\t\t\t\t<form:SimpleForm\n\t\t\t\t\t\t\t\teditable=\"true\"\n\t\t\t\t\t\t\t\tlayout=\"ColumnLayout\">\n\t\t\t\t\t\t\t\t<Label text=\"First Name\" required=\"true\"/>\n\t\t\t\t\t\t\t\t<Input value=\"{/CashOnDelivery/FirstName}\" liveChange=\"checkCashOnDeliveryStep\"\n\t\t\t\t\t\t\t\t valueLiveUpdate=\"true\"/>\n\t\t\t\t\t\t\t\t<Label text=\"Last Name\"/>\n\t\t\t\t\t\t\t\t<Input value=\"{/CashOnDelivery/LastName}\"/>\n\t\t\t\t\t\t\t\t<Label text=\"Phone Number\"/>\n\t\t\t\t\t\t\t\t<Input value=\"{/CashOnDelivery/Phone Number}\"/>\n\t\t\t\t\t\t\t\t<Label text=\"Email address\"/>\n\t\t\t\t\t\t\t\t<Input value=\"{/CashOnDelivery/Email}\"/>\n\t\t\t\t\t\t\t</form:SimpleForm>\n\t\t\t\t\t\t</WizardStep>\n\t\t\t\t\t\t<WizardStep\n\t\t\t\t\t\t\tid=\"BillingStep\"\n\t\t\t\t\t\t\ttitle=\"Billing address\"\n\t\t\t\t\t\t\tsubsequentSteps=\"DeliveryAddressStep, DeliveryTypeStep\"\n\t\t\t\t\t\t\tactivate=\"checkBillingStep\"\n\t\t\t\t\t\t\tcomplete=\"billingAddressComplete\"\n\t\t\t\t\t\t\ticon=\"sap-icon://sales-quote\">\n\t\t\t\t\t\t\t<MessageStrip text=\"Enter at least 3 symbols for each required field\"/>\n\t\t\t\t\t\t\t<form:SimpleForm\n\t\t\t\t\t\t\t\teditable=\"true\"\n\t\t\t\t\t\t\t\tlayout=\"ColumnLayout\">\n\t\t\t\t\t\t\t\t<Label text=\"Delivery address is different\"/>\n\t\t\t\t\t\t\t\t<CheckBox\n\t\t\t\t\t\t\t\t\tselected=\"{/differentDeliveryAddress}\"\n\t\t\t\t\t\t\t\t\tselect=\"setDifferentDeliveryAddress\"/>\n\t\t\t\t\t\t\t\t<Label text=\"Address\" required=\"true\"/>\n\t\t\t\t\t\t\t\t<Input value=\"{/BillingAddress/Address}\" liveChange=\"checkBillingStep\"\n\t\t\t\t\t\t\t\t valueLiveUpdate=\"true\"/>\n\t\t\t\t\t\t\t\t<Label text=\"City\" required=\"true\"/>\n\t\t\t\t\t\t\t\t<Input value=\"{/BillingAddress/City}\" liveChange=\"checkBillingStep\"\n\t\t\t\t\t\t\t\t valueLiveUpdate=\"true\"/>\n\t\t\t\t\t\t\t\t<Label text=\"Zip Code\" required=\"true\"/>\n\t\t\t\t\t\t\t\t<Input value=\"{/BillingAddress/ZipCode}\" liveChange=\"checkBillingStep\"\n\t\t\t\t\t\t\t\t valueLiveUpdate=\"true\"/>\n\t\t\t\t\t\t\t\t<Label text=\"Country\" required=\"true\"/>\n\t\t\t\t\t\t\t\t<Input value=\"{/BillingAddress/Country}\" liveChange=\"checkBillingStep\"\n\t\t\t\t\t\t\t\t valueLiveUpdate=\"true\"/>\n\t\t\t\t\t\t\t\t<Label text=\"Note\" required=\"false\"/>\n\t\t\t\t\t\t\t\t<TextArea rows=\"8\" value=\"{/BillingAddress/Note}\"/>\n\t\t\t\t\t\t\t</form:SimpleForm>\n\t\t\t\t\t\t</WizardStep>\n\t\t\t\t\t\t<WizardStep\n\t\t\t\t\t\t\tid=\"DeliveryAddressStep\"\n\t\t\t\t\t\t\ttitle=\"Delivery address\"\n\t\t\t\t\t\t\tnextStep=\"DeliveryTypeStep\"\n\t\t\t\t\t\t\ticon=\"sap-icon://sales-quote\">\n\t\t\t\t\t\t\t<form:SimpleForm\n\t\t\t\t\t\t\t\teditable=\"true\"\n\t\t\t\t\t\t\t\tlayout=\"ColumnLayout\">\n\t\t\t\t\t\t\t\t<Label text=\"Address\"/>\n\t\t\t\t\t\t\t\t<Input/>\n\t\t\t\t\t\t\t\t<Label text=\"City\"/>\n\t\t\t\t\t\t\t\t<Input/>\n\t\t\t\t\t\t\t\t<Label text=\"Zip Code\"/>\n\t\t\t\t\t\t\t\t<Input/>\n\t\t\t\t\t\t\t\t<Label text=\"Country\"/>\n\t\t\t\t\t\t\t\t<Input/>\n\t\t\t\t\t\t\t\t<Label text=\"Note\"/>\n\t\t\t\t\t\t\t\t<TextArea rows=\"8\"/>\n\t\t\t\t\t\t\t</form:SimpleForm>\n\t\t\t\t\t\t</WizardStep>\n\t\t\t\t\t\t<WizardStep\n\t\t\t\t\t\t\tid=\"DeliveryTypeStep\"\n\t\t\t\t\t\t\ttitle=\"Delivery type\"\n\t\t\t\t\t\t\ticon=\"sap-icon://insurance-car\">\n\t\t\t\t\t\t\t<Text class=\"sapUiSmallMarginBottom\"\n\t\t\t\t\t\t\t text=\"Standard delivery will be delivered within 5 workdays. Be aware, that around high-season sales, standard delivery may take up to one additional day. Express delivery is delivered within 36 hours. A service fee of 5.49 EUR is charged for Express delivery on a workday. For a holiday delivery, the service fee is 8,00 EUR. Express delivery is only available for inland deliveries. All service fees vary for deliveries  abroad.\"/>\n\t\t\t\t\t\t\t<HBox\n\t\t\t\t\t\t\t\talignItems=\"Center\"\n\t\t\t\t\t\t\t\tjustifyContent=\"Center\"\n\t\t\t\t\t\t\t\twidth=\"100%\">\n\t\t\t\t\t\t\t\t<SegmentedButton selectedKey=\"{/selectedDeliveryMethod}\">\n\t\t\t\t\t\t\t\t\t<items>\n\t\t\t\t\t\t\t\t\t\t<SegmentedButtonItem key=\"Standard Delivery\" text=\"Standard\"/>\n\t\t\t\t\t\t\t\t\t\t<SegmentedButtonItem key=\"Express Delivery\" text=\"Express\"/>\n\t\t\t\t\t\t\t\t\t</items>\n\t\t\t\t\t\t\t\t</SegmentedButton>\n\t\t\t\t\t\t\t</HBox>\n\t\t\t\t\t\t</WizardStep>\n\t\t\t\t\t</Wizard>\n\t\t\t\t</f:content>\n\t\t\t\t<!-- DynamicPage Footer -->\n\t\t\t\t<f:footer>\n\t\t\t\t\t<OverflowToolbar>\n\t\t\t\t\t\t<Button icon=\"sap-icon://message-popup\"\n\t\t\t\t\t\t text=\"{messagesLength}\"\n\t\t\t\t\t\t type=\"Emphasized\"\n\t\t\t\t\t\t press=\"onMessageButtonPress\"\n\t\t\t\t\t\t visible=\"{= !!$messagesLength}}\"/>\n\t\t\t\t\t\t<ToolbarSpacer/>\n\t\t\t\t\t\t<Button type=\"Accept\" text=\"Accept\"/>\n\t\t\t\t\t\t<Button type=\"Reject\" text=\"Reject\"/>\n\t\t\t\t\t</OverflowToolbar>\n\t\t\t\t</f:footer>\n\t\t\t</f:DynamicPage>\n\t\t\t<Page id=\"wizardBranchingReviewPage\" showHeader=\"false\">\n\t\t\t\t<content>\n\t\t\t\t\t<form:SimpleForm\n\t\t\t\t\t\ttitle=\"1. List of products\"\n\t\t\t\t\t\tminWidth=\"1024\"\n\t\t\t\t\t\teditable=\"false\"\n\t\t\t\t\t\tlayout=\"ResponsiveGridLayout\">\n\t\t\t\t\t\t<List items=\"{/ProductCollection}\">\n\t\t\t\t\t\t\t<StandardListItem\n\t\t\t\t\t\t\t\ttitle=\"{Name}\"\n\t\t\t\t\t\t\t\ttype=\"Active\"\n\t\t\t\t\t\t\t\tdescription=\"{Description}\"\n\t\t\t\t\t\t\t\ticon=\"{ProductPicUrl}\"\n\t\t\t\t\t\t\t\tinfo=\"{Price} {CurrencyCode}\"\n\t\t\t\t\t\t\t\ticonDensityAware=\"false\"\n\t\t\t\t\t\t\t\ticonInset=\"false\"/>\n\t\t\t\t\t\t</List>\n\t\t\t\t\t\t<ObjectHeader\n\t\t\t\t\t\t\ttitle=\"Total\"\n\t\t\t\t\t\t\tnumber=\"{/ProductsTotalPrice}\"\n\t\t\t\t\t\t\tnumberUnit=\"EUR\">\n\t\t\t\t\t\t\t<attributes>\n\t\t\t\t\t\t\t\t<ObjectAttribute\n\t\t\t\t\t\t\t\t\tpress=\"handleNavBackToList\"\n\t\t\t\t\t\t\t\t\tactive=\"true\"\n\t\t\t\t\t\t\t\t\ttext=\"Edit\"/>\n\t\t\t\t\t\t\t</attributes>\n\t\t\t\t\t\t</ObjectHeader>\n\t\t\t\t\t</form:SimpleForm>\n\t\t\t\t\t<form:SimpleForm\n\t\t\t\t\t\ttitle=\"2. Payment type\"\n\t\t\t\t\t\tminWidth=\"1024\"\n\t\t\t\t\t\teditable=\"false\"\n\t\t\t\t\t\tlayout=\"ResponsiveGridLayout\">\n\t\t\t\t\t\t<form:content>\n\t\t\t\t\t\t\t<Label text=\"Chosen payment type\"/>\n\t\t\t\t\t\t\t<Text text=\"{/selectedPayment}\"/>\n\t\t\t\t\t\t\t<Link press=\"handleNavBackToPaymentType\" text=\"Edit\"/>\n\t\t\t\t\t\t</form:content>\n\t\t\t\t\t</form:SimpleForm>\n\n\t\t\t\t\t<form:SimpleForm\n\t\t\t\t\t\tvisible=\"{= ${/selectedPayment}==='Credit Card' ? true : false}\"\n\t\t\t\t\t\ttitle=\"3. Credit Card payment\"\n\t\t\t\t\t\tminWidth=\"1024\"\n\t\t\t\t\t\teditable=\"false\"\n\t\t\t\t\t\tlayout=\"ResponsiveGridLayout\">\n\t\t\t\t\t\t<form:content>\n\t\t\t\t\t\t\t<Label text=\"Name on card\"/>\n\t\t\t\t\t\t\t<Text text=\"{/CreditCard/Name}\"/>\n\t\t\t\t\t\t\t<Label text=\"Card number\"/>\n\t\t\t\t\t\t\t<Text text=\"{/CardNumber}\"/>\n\t\t\t\t\t\t\t<Label text=\"Security code\"/>\n\t\t\t\t\t\t\t<Text text=\"{/CreditCard/SecurityCode}\"/>\n\t\t\t\t\t\t\t<Label text=\"Expiration date\"/>\n\t\t\t\t\t\t\t<Text text=\"{/CreditCard/Expire}\"/>\n\t\t\t\t\t\t\t<Link press=\"handleNavBackToCreditCard\" text=\"Edit\"/>\n\t\t\t\t\t\t</form:content>\n\t\t\t\t\t</form:SimpleForm>\n\n\t\t\t\t\t<form:SimpleForm\n\t\t\t\t\t\tvisible=\"{= ${/selectedPayment}==='Bank Transfer' ? true : false}\"\n\t\t\t\t\t\ttitle=\"3. Bank Transfer\"\n\t\t\t\t\t\tminWidth=\"1024\"\n\t\t\t\t\t\teditable=\"false\"\n\t\t\t\t\t\tlayout=\"ResponsiveGridLayout\">\n\t\t\t\t\t\t<form:content>\n\t\t\t\t\t\t\t<layout:Grid\n\t\t\t\t\t\t\t\tdefaultSpan=\"L6 M6 S10\"\n\t\t\t\t\t\t\t\thSpacing=\"2\">\n\t\t\t\t\t\t\t\t<Label text=\"Beneficiary Name\" design=\"Bold\"/>\n\t\t\t\t\t\t\t\t<Label text=\"Singapore Hardware e-Commerce LTD\"/>\n\t\t\t\t\t\t\t\t<Label text=\"Beneficiary Bank\" design=\"Bold\"/>\n\t\t\t\t\t\t\t\t<Label text=\"CITY BANK, SINGAPORE BRANCH\"/>\n\t\t\t\t\t\t\t\t<Label text=\"Beneficiary Account Number\" design=\"Bold\"/>\n\t\t\t\t\t\t\t\t<Label text=\"06110702027218\"/>\n\t\t\t\t\t\t\t\t<Label text=\"Bank Phone Number\" design=\"Bold\"/>\n\t\t\t\t\t\t\t\t<Label text=\"+65-6224-2622\"/>\n\t\t\t\t\t\t\t\t<Label text=\"Bank Email Address\" design=\"Bold\"/>\n\t\t\t\t\t\t\t\t<Label text=\"customerservice@citybank.com\"/>\n\t\t\t\t\t\t\t</layout:Grid>\n\t\t\t\t\t\t</form:content>\n\t\t\t\t\t</form:SimpleForm>\n\n\t\t\t\t\t<form:SimpleForm\n\t\t\t\t\t\tvisible=\"{= ${/selectedPayment}==='Cash on Delivery' ? true : false}\"\n\t\t\t\t\t\ttitle=\"3. Cash on delivery\"\n\t\t\t\t\t\tminWidth=\"1024\"\n\t\t\t\t\t\teditable=\"false\"\n\t\t\t\t\t\tlayout=\"ResponsiveGridLayout\">\n\t\t\t\t\t\t<form:content>\n\t\t\t\t\t\t\t<Label text=\"First Name\"/>\n\t\t\t\t\t\t\t<Text text=\"{/CashOnDelivery/FirstName}\"/>\n\t\t\t\t\t\t\t<Label text=\"Last Name\"/>\n\t\t\t\t\t\t\t<Text text=\"{/CashOnDelivery/LastName}\"/>\n\t\t\t\t\t\t\t<Label text=\"Phone number\"/>\n\t\t\t\t\t\t\t<Text text=\"{/CashOnDelivery/Phone Number}\"/>\n\t\t\t\t\t\t\t<Label text=\"Email address\"/>\n\t\t\t\t\t\t\t<Text text=\"{/CashOnDelivery/Email}\"/>\n\t\t\t\t\t\t\t<Link press=\"handleNavBackToCashOnDelivery\" text=\"Edit\"/>\n\t\t\t\t\t\t</form:content>\n\t\t\t\t\t</form:SimpleForm>\n\n\t\t\t\t\t<form:SimpleForm\n\t\t\t\t\t\ttitle=\"4. Billing Address\"\n\t\t\t\t\t\tminWidth=\"1024\"\n\t\t\t\t\t\teditable=\"false\"\n\t\t\t\t\t\tlayout=\"ResponsiveGridLayout\">\n\t\t\t\t\t\t<form:content>\n\t\t\t\t\t\t\t<Label text=\"Address\"/>\n\t\t\t\t\t\t\t<Text text=\"{/BillingAddress/Address}\"/>\n\t\t\t\t\t\t\t<Label text=\"City\"/>\n\t\t\t\t\t\t\t<Text text=\"{/BillingAddress/City}\"/>\n\t\t\t\t\t\t\t<Label text=\"Zip Code\"/>\n\t\t\t\t\t\t\t<Text text=\"{/BillingAddress/ZipCode}\"/>\n\t\t\t\t\t\t\t<Label text=\"Country\"/>\n\t\t\t\t\t\t\t<Text text=\"{/BillingAddress/Country}\"/>\n\t\t\t\t\t\t\t<Label text=\"Note\"/>\n\t\t\t\t\t\t\t<Text text=\"{/BillingAddress/Note}\"/>\n\t\t\t\t\t\t\t<Link press=\"handleNavBackToBillingAddress\" text=\"Edit\"/>\n\t\t\t\t\t\t</form:content>\n\t\t\t\t\t</form:SimpleForm>\n\n\t\t\t\t\t<form:SimpleForm\n\t\t\t\t\t\ttitle=\"5. Delivery type\"\n\t\t\t\t\t\tminWidth=\"1024\"\n\t\t\t\t\t\teditable=\"false\"\n\t\t\t\t\t\tlayout=\"ResponsiveGridLayout\">\n\t\t\t\t\t\t<form:content>\n\t\t\t\t\t\t\t<Label text=\"Chosen delivery type\"/>\n\t\t\t\t\t\t\t<Text text=\"{/selectedDeliveryMethod}\"/>\n\t\t\t\t\t\t\t<Link press=\"handleNavBackToDeliveryType\" text=\"Edit\"/>\n\t\t\t\t\t\t</form:content>\n\t\t\t\t\t</form:SimpleForm>\n\t\t\t\t</content>\n\t\t\t\t<footer>\n\t\t\t\t\t<Bar>\n\t\t\t\t\t\t<contentRight>\n\t\t\t\t\t\t\t<Button text=\"Submit\" press=\"handleWizardSubmit\"/>\n\t\t\t\t\t\t\t<Button text=\"Cancel\" press=\"handleWizardCancel\"/>\n\t\t\t\t\t\t</contentRight>\n\t\t\t\t\t</Bar>\n\t\t\t\t</footer>\n\t\t\t</Page>\n\t\t</pages>\n\t</NavContainer>\n</mvc:View>"
17
+ },
18
+ "sap.f/FlexibleColumnLayoutColumnResize": {
19
+ "Component.js": "sap.ui.define(['sap/ui/core/UIComponent'],\nfunction (UIComponent) {\n\t\"use strict\";\n\n\treturn UIComponent.extend(\"sap.f.sample.FlexibleColumnLayoutColumnResize.Component\", {\n\t\tmetadata: {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n});\n",
20
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.f.sample.FlexibleColumnLayoutColumnResize\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"iframe\": \"webapp/index.html\",\n\t\t\t\t\"stretch\": true,\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"webapp/view/Detail.view.xml\",\n\t\t\t\t\t\"webapp/view/FlexibleColumnLayout.view.xml\",\n\t\t\t\t\t\"webapp/view/List.view.xml\",\n\t\t\t\t\t\"webapp/controller/Detail.controller.js\",\n\t\t\t\t\t\"webapp/controller/FlexibleColumnLayout.controller.js\",\n\t\t\t\t\t\"webapp/controller/List.controller.js\",\n\t\t\t\t\t\"webapp/Component.js\",\n\t\t\t\t\t\"webapp/index.html\",\n\t\t\t\t\t\"webapp/manifest.json\",\n\t\t\t\t\t\"ui5.yaml\",\n\t\t\t\t\t\"package.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
21
+ "webapp/Component.js": "sap.ui.define([\n\t\"sap/ui/core/UIComponent\",\n\t\"sap/ui/model/json/JSONModel\",\n\t\"sap/f/library\",\n\t\"sap/f/FlexibleColumnLayoutSemanticHelper\"\n], function (UIComponent, JSONModel, fioriLibrary, FlexibleColumnLayoutSemanticHelper) {\n\t\"use strict\";\n\n\tvar LayoutType = fioriLibrary.LayoutType;\n\n\tvar Component = UIComponent.extend(\"sap.f.FlexibleColumnLayoutColumnResize.Component\", {\n\t\tmetadata: {\n\t\t\tmanifest: \"json\"\n\t\t},\n\n\t\tinit: function () {\n\t\t\tUIComponent.prototype.init.apply(this, arguments);\n\n\t\t\tvar oModel = new JSONModel();\n\t\t\tthis.setModel(oModel);\n\n\t\t\t// set products demo model on this sample\n\t\t\tvar oProductsModel = new JSONModel(\"./data/sections.json\");\n\t\t\toProductsModel.setSizeLimit(1000);\n\t\t\tthis.setModel(oProductsModel, \"products\");\n\n\n\t\t\tthis.getRouter().initialize();\n\t\t},\n\t\tgetFCL: function () {\n\t\t\treturn this.getRootControl().byId(\"fcl\");\n\t\t},\n\t\t/**\n\t\t * Returns an instance of the semantic helper\n\t\t * @returns {sap.f.FlexibleColumnLayoutSemanticHelper} An instance of the semantic helper\n\t\t */\n\t\tgetHelper: function () {\n\t\t\tvar oFCL = this.getFCL(),\n\t\t\t\toSettings = {\n\t\t\t\t\tdefaultTwoColumnLayoutType: LayoutType.TwoColumnsBeginExpanded,\n\t\t\t\t\tdefaultThreeColumnLayoutType: LayoutType.ThreeColumnsMidExpanded,\n\t\t\t\t\tmaxColumnsCount: 1\n\t\t\t\t};\n\n\t\t\treturn FlexibleColumnLayoutSemanticHelper.getInstanceFor(oFCL, oSettings);\n\t\t}\n\t});\n\treturn Component;\n}, true);\n",
22
+ "webapp/controller/Detail.controller.js": "sap.ui.define([\n\t\"sap/ui/model/json/JSONModel\",\n\t\"sap/ui/core/mvc/Controller\"\n], function (JSONModel, Controller) {\n\t\"use strict\";\n\n\treturn Controller.extend(\"sap.f.FlexibleColumnLayoutColumnResize.controller.Detail\", {\n\t\tonInit: function () {\n\t\t\tthis.oRouter = this.getOwnerComponent().getRouter();\n\t\t\tthis.oModel = this.getOwnerComponent().getModel();\n\t\t},\n\t\thandleClose: function () {\n\t\t\tvar sNextLayout = this.oModel.getProperty(\"/actionButtonsInfo/midColumn/closeColumn\");\n\t\t\tthis.oRouter.navTo(\"list\", {layout: sNextLayout});\n\t\t}\n\t});\n}, true);\n",
23
+ "webapp/controller/FlexibleColumnLayout.controller.js": "sap.ui.define([\n\t\"sap/ui/model/json/JSONModel\",\n\t\"sap/ui/core/mvc/Controller\"\n], function (JSONModel, Controller) {\n\t\"use strict\";\n\n\treturn Controller.extend(\"sap.f.FlexibleColumnLayoutColumnResize.controller.FlexibleColumnLayout\", {\n\t\tonInit: function () {\n\t\t\tthis.oRouter = this.getOwnerComponent().getRouter();\n\t\t\tthis.oRouter.attachRouteMatched(this.onRouteMatched, this);\n\t\t\tthis.oRouter.attachBeforeRouteMatched(this.onBeforeRouteMatched, this);\n\t\t},\n\n\t\tonBeforeRouteMatched: function(oEvent) {\n\n\t\t\tvar oModel = this.getOwnerComponent().getModel();\n\n\t\t\tvar sLayout = oEvent.getParameters().arguments.layout;\n\n\t\t\t// If there is no layout parameter, query for the default level 0 layout (normally OneColumn)\n\t\t\tif (!sLayout) {\n\t\t\t\tvar oNextUIState = this.getOwnerComponent().getHelper().getNextUIState(0);\n\t\t\t\tsLayout = oNextUIState.layout;\n\t\t\t}\n\n\t\t\t// Update the layout of the FlexibleColumnLayout\n\t\t\tif (sLayout) {\n\t\t\t\toModel.setProperty(\"/layout\", sLayout);\n\t\t\t}\n\t\t},\n\n\t\tonRouteMatched: function (oEvent) {\n\t\t\tvar sRouteName = oEvent.getParameter(\"name\"),\n\t\t\t\toArguments = oEvent.getParameter(\"arguments\");\n\n\t\t\tthis._updateUIElements();\n\n\t\t\t// Save the current route name\n\t\t\tthis.currentRouteName = sRouteName;\n\t\t\tthis.currentProduct = oArguments.product;\n\t\t},\n\n\t\t// Update the close/fullscreen buttons visibility\n\t\t_updateUIElements: function () {\n\t\t\tvar oModel = this.getOwnerComponent().getModel();\n\t\t\tvar oUIState = this.getOwnerComponent().getHelper().getCurrentUIState();\n\t\t\toModel.setData(oUIState);\n\t\t},\n\n\t\tonExit: function () {\n\t\t\tthis.oRouter.detachRouteMatched(this.onRouteMatched, this);\n\t\t\tthis.oRouter.detachBeforeRouteMatched(this.onBeforeRouteMatched, this);\n\t\t}\n\t});\n}, true);\n",
24
+ "webapp/controller/List.controller.js": "sap.ui.define([\n\t\"sap/ui/core/mvc/Controller\",\n\t\"sap/f/library\"\n], function (Controller, fioriLibrary) {\n\t\"use strict\";\n\n\t// shortcut for sap.f.LayoutType\n\tvar LT = fioriLibrary.LayoutType;\n\n\treturn Controller.extend(\"sap.f.FlexibleColumnLayoutColumnResize.controller.List\", {\n\t\tonInit: function () {\n\t\t\tthis.oRouter = this.getOwnerComponent().getRouter();\n\t\t\tthis.oObjectPage = this.getView().byId(\"ObjectPageLayout\");\n\t\t\tthis.oFCL = this.getOwnerComponent().getFCL();\n\t\t\tthis.bFirstRendering = true;\n\n\t\t\tthis.oRouter.getRoute(\"list\").attachPatternMatched(this._onListMatched, this);\n\n\t\t\tthis.oObjectPage.attachNavigate(this._updateUrlOnNavigate, this);\n\n\t\t\tthis.oFCL.attachColumnResize(function (oEvent) {\n\t\t\t\tif (oEvent.getParameter(\"beginColumn\") && (this.oFCL.getLayout() === LT.OneColumn)) {\n\t\t\t\t\tthis._scrollToIndexedSection();\n\t\t\t\t}\n\t\t\t}, this);\n\t\t},\n\t\ttoDetail: function() {\n\t\t\tvar oNextUIState = this.getOwnerComponent().getHelper().getNextUIState(1);\n\t\t\tthis.oRouter.navTo(\"detail\", {layout: oNextUIState.layout});\n\t\t},\n\t\t_onListMatched: function(oEvent) {\n\t\t\tthis.iSectionIndex = parseInt(oEvent.getParameter(\"arguments\").section);\n\n\t\t\tif (this.bFirstRendering) {\n\t\t\t\tthis._scrollToIndexedSection();\n\t\t\t\tthis.bFirstRendering = false;\n\t\t\t}\n\t\t},\n\t\t_updateUrlOnNavigate: function(oEvent) {\n\t\t\tvar oSection = oEvent.getParameter(\"section\"),\n\t\t\t\tiSectionIndex = this.oObjectPage.indexOfSection(oSection);\n\t\t\tthis.oRouter.navTo(\"list\", { section: iSectionIndex});\n\t\t},\n\t\t_scrollToIndexedSection: function() {\n\t\t\tvar oSection;\n\t\t\tif (this.iSectionIndex >= 0) {\n\t\t\t\toSection = this.oObjectPage.getSections()[this.iSectionIndex];\n\t\t\t\tthis.getView().byId(\"ObjectPageLayout\").setSelectedSection(oSection);\n\t\t\t}\n\t\t}\n\t});\n}, true);\n",
25
+ "webapp/manifest.json": "{\n\t\"sap.ui5\": {\n \"rootView\": {\n\t\t\t\"viewName\": \"sap.f.FlexibleColumnLayoutColumnResize.view.FlexibleColumnLayout\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true,\n\t\t\t\"id\": \"fcl\"\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"minUI5Version\": \"1.98.0\",\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.f\": {},\n\t\t\t\t\"sap.m\": {},\n\t\t\t\t\"sap.ui.core\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"fullWidth\": true\n\t\t},\n\t\t\"routing\": {\n\t\t\t\"config\": {\n\t\t\t\t\"routerClass\": \"sap.f.routing.Router\",\n\t\t\t\t\"type\": \"View\",\n\t\t\t\t\"viewType\": \"XML\",\n\t\t\t\t\"path\": \"sap.f.FlexibleColumnLayoutColumnResize.view\",\n\t\t\t\t\"controlId\": \"fcl\",\n\t\t\t\t\"transition\": \"slide\",\n\t\t\t\t\"bypassed\": {\n\t\t\t\t},\n\t\t\t\t\"async\": true\n\t\t\t},\n\t\t\t\"routes\": [\n\t\t\t\t{\n\t\t\t\t\t\"pattern\": \":section:\",\n\t\t\t\t\t\"name\": \"list\",\n\t\t\t\t\t\"target\": [\n\t\t\t\t\t\t\"list\"\n\t\t\t\t\t]\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"pattern\": \"detail/{layout}\",\n\t\t\t\t\t\"name\": \"detail\",\n\t\t\t\t\t\"target\": [\n\t\t\t\t\t\t\"list\",\n\t\t\t\t\t\t\"detail\"\n\t\t\t\t\t]\n\t\t\t\t}\n\t\t\t],\n\t\t\t\"targets\": {\n\t\t\t\t\"list\": {\n\t\t\t\t\t\"name\": \"List\",\n\t\t\t\t\t\"controlAggregation\": \"beginColumnPages\"\n\t\t\t\t},\n\t\t\t\t\"detail\": {\n\t\t\t\t\t\"name\": \"Detail\",\n\t\t\t\t\t\"controlAggregation\": \"midColumnPages\"\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}",
26
+ "webapp/view/Detail.view.xml": "<mvc:View\ncontrollerName=\"sap.f.FlexibleColumnLayoutColumnResize.controller.Detail\"\nxmlns:mvc=\"sap.ui.core.mvc\"\nxmlns=\"sap.m\"\nxmlns:f=\"sap.f\"\nxmlns:layout=\"sap.ui.layout\"\nheight=\"100%\">\n<f:DynamicPage id=\"dynamicPageId\" toggleHeaderOnTitleClick=\"false\">\n\t<f:title>\n\t\t<f:DynamicPageTitle>\n\t\t\t<f:heading>\n\t\t\t\t<Title text=\"Details Page\"/>\n\t\t\t</f:heading>\n\n\t\t\t<f:navigationActions>\n\t\t\t\t<Button\n\t\t\t\t\tpress=\"handleClose\"\n\t\t\t\t\ticon=\"sap-icon://decline\"\n\t\t\t\t\ttype=\"Transparent\" />\n\t\t\t</f:navigationActions>\n\t\t</f:DynamicPageTitle>\n\t</f:title>\n\t<f:header>\n\t\t<f:DynamicPageHeader pinnable=\"false\">\n\t\t\t<layout:HorizontalLayout allowWrapping=\"true\">\n\t\t\t\t<layout:VerticalLayout class=\"sapUiMediumMarginEnd\">\n\t\t\t\t\t<ObjectAttribute title=\"Location\" text=\"Warehouse A\"/>\n\t\t\t\t\t<ObjectAttribute title=\"Halway\" text=\"23L\"/>\n\t\t\t\t\t<ObjectAttribute title=\"Rack\" text=\"34\"/>\n\t\t\t\t</layout:VerticalLayout>\n\n\t\t\t\t<layout:VerticalLayout>\n\t\t\t\t\t<ObjectAttribute title=\"Availability\"/>\n\t\t\t\t\t<ObjectStatus text=\"In Stock\" state=\"Success\" />\n\t\t\t\t</layout:VerticalLayout>\n\t\t\t</layout:HorizontalLayout>\n\t\t</f:DynamicPageHeader>\n\t</f:header>\n\t<f:content>\n\t\t<MessageStrip type=\"Success\" text=\"Close this column to return to the previous page and resume its scroll position\"/>\n\t</f:content>\n</f:DynamicPage>\n</mvc:View>",
27
+ "webapp/view/FlexibleColumnLayout.view.xml": "<mvc:View xmlns=\"sap.f\" xmlns:mvc=\"sap.ui.core.mvc\" displayBlock=\"true\" controllerName=\"sap.f.FlexibleColumnLayoutColumnResize.controller.FlexibleColumnLayout\" height=\"100%\">\n\t<FlexibleColumnLayout\n\t\tautoFocus=\"false\"\n\t\tid=\"fcl\"\n\t\trestoreFocusOnBackNavigation=\"true\"\n\t\tlayout=\"{/layout}\"\n\t\tbackgroundDesign=\"Translucent\"/>\n</mvc:View>\n",
28
+ "webapp/view/List.view.xml": "<mvc:View displayBlock=\"true\" controllerName=\"sap.f.FlexibleColumnLayoutColumnResize.controller.List\" height=\"100%\"\n\t\t xmlns=\"sap.uxap\"\n\t\t xmlns:mvc=\"sap.ui.core.mvc\"\n\t\t xmlns:m=\"sap.m\"\n\t\t xmlns:form=\"sap.ui.layout.form\">\n\t<ObjectPageLayout id=\"ObjectPageLayout\" upperCaseAnchorBar=\"false\" sections=\"{ path: 'products>/sections'}\">\n\t\t<headerTitle>\n\t\t\t<ObjectPageDynamicHeaderTitle>\n\t\t\t\t<heading>\n\t\t\t\t\t<m:Title text=\"Sections\"/>\n\t\t\t\t</heading>\n\t\t\t</ObjectPageDynamicHeaderTitle>\n\t\t</headerTitle>\n\t\t<sections>\n\t\t\t<ObjectPageSection title=\"{products>sectionName}\">\n\t\t\t\t<subSections>\n\t\t\t\t\t<ObjectPageSubSection>\n\t\t\t\t\t\t<actions>\n\t\t\t\t\t\t\t<m:Button text=\"To Detail\" press=\"toDetail\"/>\n\t\t\t\t\t\t</actions>\n\t\t\t\t\t\t<blocks>\n\t\t\t\t\t\t\t<form:SimpleForm editable=\"false\" layout=\"ColumnLayout\">\n\t\t\t\t\t\t\t\t<m:Label text=\"Content\"/>\n\t\t\t\t\t\t\t\t<m:Text text=\"some content goes here...\"/>\n\t\t\t\t\t\t\t</form:SimpleForm>\n\t\t\t\t\t\t</blocks>\n\t\t\t\t\t</ObjectPageSubSection>\n\t\t\t\t</subSections>\n\t\t\t</ObjectPageSection>\n\t\t</sections>\n\t</ObjectPageLayout>\n</mvc:View>"
29
+ },
30
+ "sap.f/FlexibleColumnLayoutLandmarkInfo": {
31
+ "Component.js": "sap.ui.define([\"sap/ui/core/UIComponent\"],\nfunction (UIComponent) {\n\t\"use strict\";\n\n\treturn UIComponent.extend(\"sap.f.sample.FlexibleColumnLayoutLandmarkInfo.Component\", {\n\t\tmetadata: {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n});\n",
32
+ "controller/Detail.controller.js": "sap.ui.define([\n\t\"sap/ui/core/mvc/Controller\"\n], function (Controller) {\n\t\"use strict\";\n\n\treturn Controller.extend(\"sap.f.sample.FlexibleColumnLayoutLandmarkInfo.controller.Detail\", {\n\t\tonInit: function () {\n\t\t\tthis.bus = this.getOwnerComponent().getEventBus();\n\t\t},\n\t\thandleNavigateToFirstColumn: function () {\n\t\t\tthis.bus.publish(\"flexible\", \"setListPage\");\n\t\t},\n\t\thandleNavigateToLastColumn: function () {\n\t\t\tthis.bus.publish(\"flexible\", \"setDetailDetailPage\");\n\t\t}\n\t});\n});\n",
33
+ "controller/DetailDetail.controller.js": "sap.ui.define([\n\t\"sap/ui/core/mvc/Controller\"\n], function (Controller) {\n\t\"use strict\";\n\n\treturn Controller.extend(\"sap.f.sample.FlexibleColumnLayoutLandmarkInfo.controller.DetailDetail\", {\n\t\tonInit: function () {\n\t\t\tthis.bus = this.getOwnerComponent().getEventBus();\n\t\t},\n\t\thandleNavigateToMidColumnPress: function () {\n\t\t\tthis.bus.publish(\"flexible\", \"setDetailPage\");\n\t\t}\n\t});\n});\n",
34
+ "controller/FlexibleColumnLayout.controller.js": "sap.ui.define([\n\t\"sap/f/library\",\n\t\"sap/m/SplitContainer\",\n\t\"sap/ui/core/mvc/Controller\",\n\t\"sap/ui/core/mvc/XMLView\"\n], function (fioriLibrary, SplitContainer, Controller, XMLView) {\n\t\"use strict\";\n\n\tvar LayoutType = fioriLibrary.LayoutType;\n\n\treturn Controller.extend(\"sap.f.sample.FlexibleColumnLayoutLandmarkInfo.controller.FlexibleColumnLayout\", {\n\t\tonInit: function () {\n\t\t\tthis.bus = this.getOwnerComponent().getEventBus();\n\t\t\tthis.bus.subscribe(\"flexible\", \"setListPage\", this.setListPage, this);\n\t\t\tthis.bus.subscribe(\"flexible\", \"setDetailPage\", this.setDetailPage, this);\n\t\t\tthis.bus.subscribe(\"flexible\", \"setDetailDetailPage\", this.setDetailDetailPage, this);\n\n\t\t\tthis.oFlexibleColumnLayout = this.byId(\"fcl\");\n\t\t},\n\n\t\tonExit: function () {\n\t\t\tthis.bus.unsubscribe(\"flexible\", \"setListPage\", this.setListPage, this);\n\t\t\tthis.bus.unsubscribe(\"flexible\", \"setDetailPage\", this.setDetailPage, this);\n\t\t\tthis.bus.unsubscribe(\"flexible\", \"setDetailDetailPage\", this.setDetailDetailPage, this);\n\t\t},\n\n\t\tsetListPage: function () {\n\t\t\tthis.oFlexibleColumnLayout.setLayout(LayoutType.OneColumn);\n\t\t},\n\n\t\t// Lazy loader for the mid page - only on demand (when the user clicks)\n\t\tsetDetailPage: function () {\n\t\t\tthis._loadView({\n\t\t\t\tid: \"midView\",\n\t\t\t\tviewName: \"sap.f.sample.FlexibleColumnLayoutLandmarkInfo.view.Detail\"\n\t\t\t}).then(function(detailView) {\n\t\t\t\tthis.oFlexibleColumnLayout.addMidColumnPage(detailView);\n\t\t\t\tthis.oFlexibleColumnLayout.setLayout(LayoutType.TwoColumnsMidExpanded);\n\t\t\t}.bind(this));\n\t\t},\n\n\t\t// Lazy loader for the end page - only on demand (when the user clicks)\n\t\tsetDetailDetailPage: function () {\n\t\t\tthis._loadView({\n\t\t\t\tid: \"endView\",\n\t\t\t\tviewName: \"sap.f.sample.FlexibleColumnLayoutLandmarkInfo.view.DetailDetail\"\n\t\t\t}).then(function(detailDetailView) {\n\t\t\t\tthis.oFlexibleColumnLayout.addEndColumnPage(detailDetailView);\n\t\t\t\tthis.oFlexibleColumnLayout.setLayout(LayoutType.ThreeColumnsEndExpanded);\n\t\t\t}.bind(this));\n\t\t},\n\n\t\t// Helper function to manage the lazy loading of views\n\t\t_loadView: function(options) {\n\t\t\tvar mViews = this._mViews = this._mViews || Object.create(null);\n\t\t\tif (!mViews[options.id]) {\n\t\t\t\tmViews[options.id] = this.getOwnerComponent().runAsOwner(function() {\n\t\t\t\t\treturn XMLView.create(options);\n\t\t\t\t});\n\t\t\t}\n\t\t\treturn mViews[options.id];\n\t\t}\n\t});\n});",
35
+ "controller/List.controller.js": "sap.ui.define([\n\t\"sap/ui/core/mvc/Controller\"\n], function (Controller) {\n\t\"use strict\";\n\n\treturn Controller.extend(\"sap.f.sample.FlexibleColumnLayoutLandmarkInfo.controller.List\", {\n\t\tonInit: function () {\n\t\t\tthis.bus = this.getOwnerComponent().getEventBus();\n\t\t},\n\t\thandleNavigateToMidColumnPress: function () {\n\t\t\tthis.bus.publish(\"flexible\", \"setDetailPage\");\n\t\t}\n\t});\n});\n",
36
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.f.sample.FlexibleColumnLayoutLandmarkInfo\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.f.sample.FlexibleColumnLayoutLandmarkInfo.view.FlexibleColumnLayout\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.f\": {},\n\t\t\t\t\"sap.ui.core\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"stretch\": true,\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"Component.js\",\n\t\t\t\t\t\"controller/FlexibleColumnLayout.controller.js\",\n\t\t\t\t\t\"view/FlexibleColumnLayout.view.xml\",\n\t\t\t\t\t\"controller/List.controller.js\",\n\t\t\t\t\t\"view/List.view.xml\",\n\t\t\t\t\t\"controller/Detail.controller.js\",\n\t\t\t\t\t\"controller/DetailDetail.controller.js\",\n\t\t\t\t\t\"view/Detail.view.xml\",\n\t\t\t\t\t\"view/DetailDetail.view.xml\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
37
+ "view/Detail.view.xml": "<mvc:View xmlns=\"sap.m\" xmlns:mvc=\"sap.ui.core.mvc\" displayBlock=\"true\" controllerName=\"sap.f.sample.FlexibleColumnLayoutLandmarkInfo.controller.Detail\" height=\"100%\">\n\t<Page id=\"detailPage\" title=\"Middle Column\">\n\t\t<VBox>\n\t\t\t<Button class=\"sapUiTinyMargin\" text=\"Navigate To First Column\" press=\"handleNavigateToFirstColumn\"/>\n\t\t\t<Button class=\"sapUiTinyMargin\" text=\"Navigate To Last Column\" press=\"handleNavigateToLastColumn\"/>\n\t\t</VBox>\n\t</Page>\n</mvc:View>\n",
38
+ "view/DetailDetail.view.xml": "<mvc:View xmlns=\"sap.m\" xmlns:mvc=\"sap.ui.core.mvc\" displayBlock=\"true\" controllerName=\"sap.f.sample.FlexibleColumnLayoutLandmarkInfo.controller.DetailDetail\" height=\"100%\">\n\t<Page id=\"detailDetailPage\" title=\"Last Column\" backgroundDesign=\"Transparent\">\n\t\t<Button class=\"sapUiTinyMargin\" text=\"Navigate to Middle Column\" press=\"handleNavigateToMidColumnPress\"/>\n\t</Page>\n</mvc:View>\n",
39
+ "view/FlexibleColumnLayout.view.xml": "<mvc:View xmlns=\"sap.f\" xmlns:mvc=\"sap.ui.core.mvc\" displayBlock=\"true\" controllerName=\"sap.f.sample.FlexibleColumnLayoutLandmarkInfo.controller.FlexibleColumnLayout\" height=\"100%\">\n\t<FlexibleColumnLayout id=\"fcl\">\n\t\t<landmarkInfo>\n\t\t\t<FlexibleColumnLayoutAccessibleLandmarkInfo\n\t\t\t\tfirstColumnLabel=\"Custom Label For First Column\"\n\t\t\t\tlastColumnLabel=\"Test Label for Last Column\"/>\n\t\t</landmarkInfo>\n\t\t<beginColumnPages>\n\t\t\t<mvc:XMLView id=\"beginView\" async=\"true\" viewName=\"sap.f.sample.FlexibleColumnLayoutLandmarkInfo.view.List\"/>\n\t\t</beginColumnPages>\n\t</FlexibleColumnLayout>\n</mvc:View>\n",
40
+ "view/List.view.xml": "<mvc:View xmlns=\"sap.m\" xmlns:mvc=\"sap.ui.core.mvc\" displayBlock=\"true\" controllerName=\"sap.f.sample.FlexibleColumnLayoutLandmarkInfo.controller.List\" height=\"100%\">\n\t<Page id=\"listPage\" title=\"First Column\">\n\t\t<Button class=\"sapUiTinyMargin\" text=\"Navigate to Middle Column\" press=\"handleNavigateToMidColumnPress\"/>\n\t</Page>\n</mvc:View>\n"
41
+ },
42
+ "sap.f/FlexibleColumnLayoutLandmarkInfoArrow": {
43
+ "Component.js": "sap.ui.define([\"sap/ui/core/UIComponent\"],\nfunction (UIComponent) {\n\t\"use strict\";\n\n\treturn UIComponent.extend(\"sap.f.sample.FlexibleColumnLayoutLandmarkInfoArrow.Component\", {\n\t\tmetadata: {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n});\n",
44
+ "controller/Detail.controller.js": "sap.ui.define([\n\t\"sap/ui/core/mvc/Controller\"\n], function (Controller) {\n\t\"use strict\";\n\n\treturn Controller.extend(\"sap.f.sample.FlexibleColumnLayoutLandmarkInfoArrow.controller.Detail\", {\n\t\tonInit: function () {\n\t\t\tthis.bus = this.getOwnerComponent().getEventBus();\n\t\t},\n\t\thandleNavigateToFirstColumn: function () {\n\t\t\tthis.bus.publish(\"flexible\", \"setListPage\");\n\t\t},\n\t\thandleNavigateToLastColumn: function () {\n\t\t\tthis.bus.publish(\"flexible\", \"setDetailDetailPage\");\n\t\t}\n\t});\n});\n",
45
+ "controller/DetailDetail.controller.js": "sap.ui.define([\n\t\"sap/ui/core/mvc/Controller\"\n], function (Controller) {\n\t\"use strict\";\n\n\treturn Controller.extend(\"sap.f.sample.FlexibleColumnLayoutLandmarkInfoArrow.controller.DetailDetail\", {\n\t\tonInit: function () {\n\t\t\tthis.bus = this.getOwnerComponent().getEventBus();\n\t\t},\n\t\thandleNavigateToMidColumnPress: function () {\n\t\t\tthis.bus.publish(\"flexible\", \"setDetailPage\");\n\t\t}\n\t});\n});\n",
46
+ "controller/FlexibleColumnLayout.controller.js": "sap.ui.define([\n\t\"sap/f/library\",\n\t\"sap/m/SplitContainer\",\n\t\"sap/ui/core/mvc/Controller\",\n\t\"sap/ui/core/mvc/XMLView\"\n], function (fioriLibrary, SplitContainer, Controller, XMLView) {\n\t\"use strict\";\n\n\tvar LayoutType = fioriLibrary.LayoutType;\n\n\treturn Controller.extend(\"sap.f.sample.FlexibleColumnLayoutLandmarkInfoArrow.controller.FlexibleColumnLayout\", {\n\t\tonInit: function () {\n\t\t\tthis.bus = this.getOwnerComponent().getEventBus();\n\t\t\tthis.bus.subscribe(\"flexible\", \"setListPage\", this.setListPage, this);\n\t\t\tthis.bus.subscribe(\"flexible\", \"setDetailPage\", this.setDetailPage, this);\n\t\t\tthis.bus.subscribe(\"flexible\", \"setDetailDetailPage\", this.setDetailDetailPage, this);\n\n\t\t\tthis.oFlexibleColumnLayout = this.byId(\"fcl\");\n\t\t},\n\n\t\tonExit: function () {\n\t\t\tthis.bus.unsubscribe(\"flexible\", \"setListPage\", this.setListPage, this);\n\t\t\tthis.bus.unsubscribe(\"flexible\", \"setDetailPage\", this.setDetailPage, this);\n\t\t\tthis.bus.unsubscribe(\"flexible\", \"setDetailDetailPage\", this.setDetailDetailPage, this);\n\t\t},\n\n\t\tsetListPage: function () {\n\t\t\tthis.oFlexibleColumnLayout.setLayout(LayoutType.OneColumn);\n\t\t},\n\n\t\t// Lazy loader for the mid page - only on demand (when the user clicks)\n\t\tsetDetailPage: function () {\n\t\t\tthis._loadView({\n\t\t\t\tid: \"midView\",\n\t\t\t\tviewName: \"sap.f.sample.FlexibleColumnLayoutLandmarkInfoArrow.view.Detail\"\n\t\t\t}).then(function(detailView) {\n\t\t\t\tthis.oFlexibleColumnLayout.addMidColumnPage(detailView);\n\t\t\t\tthis.oFlexibleColumnLayout.setLayout(LayoutType.TwoColumnsMidExpanded);\n\t\t\t}.bind(this));\n\t\t},\n\n\t\t// Lazy loader for the end page - only on demand (when the user clicks)\n\t\tsetDetailDetailPage: function () {\n\t\t\tthis._loadView({\n\t\t\t\tid: \"endView\",\n\t\t\t\tviewName: \"sap.f.sample.FlexibleColumnLayoutLandmarkInfoArrow.view.DetailDetail\"\n\t\t\t}).then(function(detailDetailView) {\n\t\t\t\tthis.oFlexibleColumnLayout.addEndColumnPage(detailDetailView);\n\t\t\t\tthis.oFlexibleColumnLayout.setLayout(LayoutType.ThreeColumnsEndExpanded);\n\t\t\t}.bind(this));\n\t\t},\n\n\t\t// Helper function to manage the lazy loading of views\n\t\t_loadView: function(options) {\n\t\t\tvar mViews = this._mViews = this._mViews || Object.create(null);\n\t\t\tif (!mViews[options.id]) {\n\t\t\t\tmViews[options.id] = this.getOwnerComponent().runAsOwner(function() {\n\t\t\t\t\treturn XMLView.create(options);\n\t\t\t\t});\n\t\t\t}\n\t\t\treturn mViews[options.id];\n\t\t}\n\t});\n});",
47
+ "controller/List.controller.js": "sap.ui.define([\n\t\"sap/ui/core/mvc/Controller\"\n], function (Controller) {\n\t\"use strict\";\n\n\treturn Controller.extend(\"sap.f.sample.FlexibleColumnLayoutLandmarkInfoArrow.controller.List\", {\n\t\tonInit: function () {\n\t\t\tthis.bus = this.getOwnerComponent().getEventBus();\n\t\t},\n\t\thandleNavigateToMidColumnPress: function () {\n\t\t\tthis.bus.publish(\"flexible\", \"setDetailPage\");\n\t\t}\n\t});\n});\n",
48
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.f.sample.FlexibleColumnLayoutLandmarkInfoArrow\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.f.sample.FlexibleColumnLayoutLandmarkInfoArrow.view.FlexibleColumnLayout\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.f\": {},\n\t\t\t\t\"sap.ui.core\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"stretch\": true,\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"Component.js\",\n\t\t\t\t\t\"controller/FlexibleColumnLayout.controller.js\",\n\t\t\t\t\t\"view/FlexibleColumnLayout.view.xml\",\n\t\t\t\t\t\"controller/List.controller.js\",\n\t\t\t\t\t\"view/List.view.xml\",\n\t\t\t\t\t\"controller/Detail.controller.js\",\n\t\t\t\t\t\"controller/DetailDetail.controller.js\",\n\t\t\t\t\t\"view/Detail.view.xml\",\n\t\t\t\t\t\"view/DetailDetail.view.xml\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
49
+ "view/Detail.view.xml": "<mvc:View xmlns=\"sap.m\" xmlns:mvc=\"sap.ui.core.mvc\" displayBlock=\"true\" controllerName=\"sap.f.sample.FlexibleColumnLayoutLandmarkInfoArrow.controller.Detail\" height=\"100%\">\n\t<Page id=\"detailPage\" title=\"Middle Column\">\n\t\t<VBox>\n\t\t\t<Button class=\"sapUiTinyMargin\" text=\"Navigate To First Column\" press=\"handleNavigateToFirstColumn\"/>\n\t\t\t<Button class=\"sapUiTinyMargin\" text=\"Navigate To Last Column\" press=\"handleNavigateToLastColumn\"/>\n\t\t</VBox>\n\t</Page>\n</mvc:View>\n",
50
+ "view/DetailDetail.view.xml": "<mvc:View xmlns=\"sap.m\" xmlns:mvc=\"sap.ui.core.mvc\" displayBlock=\"true\" controllerName=\"sap.f.sample.FlexibleColumnLayoutLandmarkInfoArrow.controller.DetailDetail\" height=\"100%\">\n\t<Page id=\"detailDetailPage\" title=\"Last Column\" backgroundDesign=\"Transparent\">\n\t\t<Button class=\"sapUiTinyMargin\" text=\"Navigate to Middle Column\" press=\"handleNavigateToMidColumnPress\"/>\n\t</Page>\n</mvc:View>\n",
51
+ "view/FlexibleColumnLayout.view.xml": "<mvc:View xmlns=\"sap.f\" xmlns:mvc=\"sap.ui.core.mvc\" displayBlock=\"true\" controllerName=\"sap.f.sample.FlexibleColumnLayoutLandmarkInfoArrow.controller.FlexibleColumnLayout\" height=\"100%\">\n\t<FlexibleColumnLayout id=\"fcl\">\n\t\t<landmarkInfo>\n\t\t\t<FlexibleColumnLayoutAccessibleLandmarkInfo\n\t\t\t\tfirstColumnBackArrowLabel=\"Custom Label For First Column Back Arrow\"\n\t\t\t\tmiddleColumnForwardArrowLabel=\"Custom Label For Middle Column Forward Arrow\"\n\t\t\t\tmiddleColumnBackArrowLabel=\"Custom Label For Middle Column Back Arrow\"\n\t\t\t\tlastColumnForwardArrowLabel=\"Custom Label For Last Column Forward Arrow\"/>\n\t\t</landmarkInfo>\n\t\t<beginColumnPages>\n\t\t\t<mvc:XMLView id=\"beginView\" async=\"true\" viewName=\"sap.f.sample.FlexibleColumnLayoutLandmarkInfoArrow.view.List\"/>\n\t\t</beginColumnPages>\n\t</FlexibleColumnLayout>\n</mvc:View>\n",
52
+ "view/List.view.xml": "<mvc:View xmlns=\"sap.m\" xmlns:mvc=\"sap.ui.core.mvc\" displayBlock=\"true\" controllerName=\"sap.f.sample.FlexibleColumnLayoutLandmarkInfoArrow.controller.List\" height=\"100%\">\n\t<Page id=\"listPage\" title=\"First Column\">\n\t\t<Button class=\"sapUiTinyMargin\" text=\"Navigate to Middle Column\" press=\"handleNavigateToMidColumnPress\"/>\n\t</Page>\n</mvc:View>\n"
53
+ },
54
+ "sap.f/FlexibleColumnLayoutSimple": {
55
+ "Component.js": "sap.ui.define([\"sap/ui/core/UIComponent\"],\nfunction (UIComponent) {\n\t\"use strict\";\n\n\treturn UIComponent.extend(\"sap.f.sample.FlexibleColumnLayoutSimple.Component\", {\n\t\tmetadata: {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n});\n",
56
+ "controller/Detail.controller.js": "sap.ui.define([\n\t\"sap/ui/core/mvc/Controller\",\n\t\"sap/m/MessageToast\"\n], function (Controller, MessageToast) {\n\t\"use strict\";\n\n\treturn Controller.extend(\"sap.f.sample.FlexibleColumnLayoutSimple.controller.Detail\", {\n\t\tonInit: function () {\n\t\t\tthis.bus = this.getOwnerComponent().getEventBus();\n\t\t},\n\t\thandleDetailPress: function () {\n\t\t\tMessageToast.show(\"Loading end column...\");\n\t\t\tthis.bus.publish(\"flexible\", \"setDetailDetailPage\");\n\t\t}\n\t});\n});\n",
57
+ "controller/DetailDetail.controller.js": "sap.ui.define([\n\t\"sap/ui/core/mvc/Controller\",\n\t\"sap/m/MessageToast\"\n], function (Controller, MessageToast) {\n\t\"use strict\";\n\n\treturn Controller.extend(\"sap.f.sample.FlexibleColumnLayoutSimple.controller.DetailDetail\", {\n\t\tonInit: function () {\n\t\t\tthis.bus = this.getOwnerComponent().getEventBus();\n\t\t},\n\t\thandleClose: function () {\n\t\t\tMessageToast.show(\"Closing end column...\");\n\t\t\tthis.bus.publish(\"flexible\", \"setDetailPage\");\n\t\t}\n\t});\n});\n",
58
+ "controller/FlexibleColumnLayout.controller.js": "sap.ui.define([\n\t\"sap/f/library\",\n\t\"sap/m/SplitContainer\",\n\t\"sap/ui/core/mvc/Controller\",\n\t\"sap/ui/core/mvc/XMLView\"\n], function (fioriLibrary, SplitContainer, Controller, XMLView) {\n\t\"use strict\";\n\n\tvar LayoutType = fioriLibrary.LayoutType;\n\n\treturn Controller.extend(\"sap.f.sample.FlexibleColumnLayoutSimple.controller.FlexibleColumnLayout\", {\n\t\tonInit: function () {\n\t\t\tthis.bus = this.getOwnerComponent().getEventBus();\n\t\t\tthis.bus.subscribe(\"flexible\", \"setDetailPage\", this.setDetailPage, this);\n\t\t\tthis.bus.subscribe(\"flexible\", \"setDetailDetailPage\", this.setDetailDetailPage, this);\n\n\t\t\tthis.oFlexibleColumnLayout = this.byId(\"fcl\");\n\t\t},\n\n\t\tonExit: function () {\n\t\t\tthis.bus.unsubscribe(\"flexible\", \"setDetailPage\", this.setDetailPage, this);\n\t\t\tthis.bus.unsubscribe(\"flexible\", \"setDetailDetailPage\", this.setDetailDetailPage, this);\n\t\t},\n\n\t\t// Lazy loader for the mid page - only on demand (when the user clicks)\n\t\tsetDetailPage: function () {\n\t\t\tthis._loadView({\n\t\t\t\tid: \"midView\",\n\t\t\t\tviewName: \"sap.f.sample.FlexibleColumnLayoutSimple.view.Detail\"\n\t\t\t}).then(function(detailView) {\n\t\t\t\tthis.oFlexibleColumnLayout.addMidColumnPage(detailView);\n\t\t\t\tthis.oFlexibleColumnLayout.setLayout(LayoutType.TwoColumnsBeginExpanded);\n\t\t\t}.bind(this));\n\t\t},\n\n\t\t// Lazy loader for the end page - only on demand (when the user clicks)\n\t\tsetDetailDetailPage: function () {\n\t\t\tthis._loadView({\n\t\t\t\tid: \"endView\",\n\t\t\t\tviewName: \"sap.f.sample.FlexibleColumnLayoutSimple.view.DetailDetail\"\n\t\t\t}).then(function(detailDetailView) {\n\t\t\t\tthis.oFlexibleColumnLayout.addEndColumnPage(detailDetailView);\n\t\t\t\tthis.oFlexibleColumnLayout.setLayout(LayoutType.ThreeColumnsMidExpanded);\n\t\t\t}.bind(this));\n\t\t},\n\n\t\t// Helper function to manage the lazy loading of views\n\t\t_loadView: function(options) {\n\t\t\tvar mViews = this._mViews = this._mViews || Object.create(null);\n\t\t\tif (!mViews[options.id]) {\n\t\t\t\tmViews[options.id] = this.getOwnerComponent().runAsOwner(function() {\n\t\t\t\t\treturn XMLView.create(options);\n\t\t\t\t});\n\t\t\t}\n\t\t\treturn mViews[options.id];\n\t\t}\n\t});\n});",
59
+ "controller/List.controller.js": "sap.ui.define([\n\t\"sap/ui/core/mvc/Controller\",\n\t\"sap/m/MessageToast\"\n], function (Controller, MessageToast) {\n\t\"use strict\";\n\n\treturn Controller.extend(\"sap.f.sample.FlexibleColumnLayoutSimple.controller.List\", {\n\t\tonInit: function () {\n\t\t\tthis.bus = this.getOwnerComponent().getEventBus();\n\t\t},\n\t\thandleListPress: function () {\n\t\t\tMessageToast.show(\"Loading mid column...\");\n\t\t\tthis.bus.publish(\"flexible\", \"setDetailPage\");\n\t\t}\n\t});\n});\n",
60
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.f.sample.FlexibleColumnLayoutSimple\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.f.sample.FlexibleColumnLayoutSimple.view.FlexibleColumnLayout\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.f\": {},\n\t\t\t\t\"sap.ui.core\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"stretch\": true,\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"Component.js\",\n\t\t\t\t\t\"controller/FlexibleColumnLayout.controller.js\",\n\t\t\t\t\t\"view/FlexibleColumnLayout.view.xml\",\n\t\t\t\t\t\"controller/List.controller.js\",\n\t\t\t\t\t\"view/List.view.xml\",\n\t\t\t\t\t\"controller/Detail.controller.js\",\n\t\t\t\t\t\"controller/DetailDetail.controller.js\",\n\t\t\t\t\t\"view/Detail.view.xml\",\n\t\t\t\t\t\"view/DetailDetail.view.xml\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
61
+ "view/Detail.view.xml": "<mvc:View xmlns=\"sap.m\" xmlns:mvc=\"sap.ui.core.mvc\" displayBlock=\"true\" controllerName=\"sap.f.sample.FlexibleColumnLayoutSimple.controller.Detail\" height=\"100%\">\n\t<Page id=\"detailPage\" title=\"Detail page\">\n\t\t<Table>\n\t\t\t<columns>\n\t\t\t\t<Column><Label text=\"Detail List\" /></Column>\n\t\t\t</columns>\n\t\t\t<items>\n\t\t\t\t<ColumnListItem type=\"Navigation\" vAlign=\"Middle\" press=\"handleDetailPress\">\n\t\t\t\t\t<cells>\n\t\t\t\t\t\t<Text text=\"Open end column\"/>\n\t\t\t\t\t</cells>\n\t\t\t\t</ColumnListItem>\n\t\t\t\t<ColumnListItem type=\"Navigation\" vAlign=\"Middle\" press=\"handleDetailPress\">\n\t\t\t\t\t<cells>\n\t\t\t\t\t\t<Text text=\"Open end column\"/>\n\t\t\t\t\t</cells>\n\t\t\t\t</ColumnListItem>\n\t\t\t\t<ColumnListItem type=\"Navigation\" vAlign=\"Middle\" press=\"handleDetailPress\">\n\t\t\t\t\t<cells>\n\t\t\t\t\t\t<Text text=\"Open end column\"/>\n\t\t\t\t\t</cells>\n\t\t\t\t</ColumnListItem>\n\t\t\t\t<ColumnListItem type=\"Navigation\" vAlign=\"Middle\" press=\"handleDetailPress\">\n\t\t\t\t\t<cells>\n\t\t\t\t\t\t<Text text=\"Open end column\"/>\n\t\t\t\t\t</cells>\n\t\t\t\t</ColumnListItem>\n\t\t\t\t<ColumnListItem type=\"Navigation\" vAlign=\"Middle\" press=\"handleDetailPress\">\n\t\t\t\t\t<cells>\n\t\t\t\t\t\t<Text text=\"Open end column\"/>\n\t\t\t\t\t</cells>\n\t\t\t\t</ColumnListItem>\n\t\t\t\t<ColumnListItem type=\"Navigation\" vAlign=\"Middle\" press=\"handleDetailPress\">\n\t\t\t\t\t<cells>\n\t\t\t\t\t\t<Text text=\"Open end column\"/>\n\t\t\t\t\t</cells>\n\t\t\t\t</ColumnListItem>\n\t\t\t\t<ColumnListItem type=\"Navigation\" vAlign=\"Middle\" press=\"handleDetailPress\">\n\t\t\t\t\t<cells>\n\t\t\t\t\t\t<Text text=\"Open end column\"/>\n\t\t\t\t\t</cells>\n\t\t\t\t</ColumnListItem>\n\t\t\t\t<ColumnListItem type=\"Navigation\" vAlign=\"Middle\" press=\"handleDetailPress\">\n\t\t\t\t\t<cells>\n\t\t\t\t\t\t<Text text=\"Open end column\"/>\n\t\t\t\t\t</cells>\n\t\t\t\t</ColumnListItem>\n\t\t\t\t<ColumnListItem type=\"Navigation\" vAlign=\"Middle\" press=\"handleDetailPress\">\n\t\t\t\t\t<cells>\n\t\t\t\t\t\t<Text text=\"Open end column\"/>\n\t\t\t\t\t</cells>\n\t\t\t\t</ColumnListItem>\n\t\t\t\t<ColumnListItem type=\"Navigation\" vAlign=\"Middle\" press=\"handleDetailPress\">\n\t\t\t\t\t<cells>\n\t\t\t\t\t\t<Text text=\"Open end column\"/>\n\t\t\t\t\t</cells>\n\t\t\t\t</ColumnListItem>\n\t\t\t\t<ColumnListItem type=\"Navigation\" vAlign=\"Middle\" press=\"handleDetailPress\">\n\t\t\t\t\t<cells>\n\t\t\t\t\t\t<Text text=\"Open end column\"/>\n\t\t\t\t\t</cells>\n\t\t\t\t</ColumnListItem>\n\t\t\t\t<ColumnListItem type=\"Navigation\" vAlign=\"Middle\" press=\"handleDetailPress\">\n\t\t\t\t\t<cells>\n\t\t\t\t\t\t<Text text=\"Open end column\"/>\n\t\t\t\t\t</cells>\n\t\t\t\t</ColumnListItem>\n\t\t\t\t<ColumnListItem type=\"Navigation\" vAlign=\"Middle\" press=\"handleDetailPress\">\n\t\t\t\t\t<cells>\n\t\t\t\t\t\t<Text text=\"Open end column\"/>\n\t\t\t\t\t</cells>\n\t\t\t\t</ColumnListItem>\n\t\t\t\t<ColumnListItem type=\"Navigation\" vAlign=\"Middle\" press=\"handleDetailPress\">\n\t\t\t\t\t<cells>\n\t\t\t\t\t\t<Text text=\"Open end column\"/>\n\t\t\t\t\t</cells>\n\t\t\t\t</ColumnListItem>\n\t\t\t\t<ColumnListItem type=\"Navigation\" vAlign=\"Middle\" press=\"handleDetailPress\">\n\t\t\t\t\t<cells>\n\t\t\t\t\t\t<Text text=\"Open end column\"/>\n\t\t\t\t\t</cells>\n\t\t\t\t</ColumnListItem>\n\t\t\t\t<ColumnListItem type=\"Navigation\" vAlign=\"Middle\" press=\"handleDetailPress\">\n\t\t\t\t\t<cells>\n\t\t\t\t\t\t<Text text=\"Open end column\"/>\n\t\t\t\t\t</cells>\n\t\t\t\t</ColumnListItem>\n\t\t\t\t<ColumnListItem type=\"Navigation\" vAlign=\"Middle\" press=\"handleDetailPress\">\n\t\t\t\t\t<cells>\n\t\t\t\t\t\t<Text text=\"Open end column\"/>\n\t\t\t\t\t</cells>\n\t\t\t\t</ColumnListItem>\n\t\t\t\t<ColumnListItem type=\"Navigation\" vAlign=\"Middle\" press=\"handleDetailPress\">\n\t\t\t\t\t<cells>\n\t\t\t\t\t\t<Text text=\"Open end column\"/>\n\t\t\t\t\t</cells>\n\t\t\t\t</ColumnListItem>\n\t\t\t\t<ColumnListItem type=\"Navigation\" vAlign=\"Middle\" press=\"handleDetailPress\">\n\t\t\t\t\t<cells>\n\t\t\t\t\t\t<Text text=\"Open end column\"/>\n\t\t\t\t\t</cells>\n\t\t\t\t</ColumnListItem>\n\t\t\t\t<ColumnListItem type=\"Navigation\" vAlign=\"Middle\" press=\"handleDetailPress\">\n\t\t\t\t\t<cells>\n\t\t\t\t\t\t<Text text=\"Open end column\"/>\n\t\t\t\t\t</cells>\n\t\t\t\t</ColumnListItem>\n\t\t\t\t<ColumnListItem type=\"Navigation\" vAlign=\"Middle\" press=\"handleDetailPress\">\n\t\t\t\t\t<cells>\n\t\t\t\t\t\t<Text text=\"Open end column\"/>\n\t\t\t\t\t</cells>\n\t\t\t\t</ColumnListItem>\n\t\t\t\t<ColumnListItem type=\"Navigation\" vAlign=\"Middle\" press=\"handleDetailPress\">\n\t\t\t\t\t<cells>\n\t\t\t\t\t\t<Text text=\"Open end column\"/>\n\t\t\t\t\t</cells>\n\t\t\t\t</ColumnListItem>\n\t\t\t\t<ColumnListItem type=\"Navigation\" vAlign=\"Middle\" press=\"handleDetailPress\">\n\t\t\t\t\t<cells>\n\t\t\t\t\t\t<Text text=\"Open end column\"/>\n\t\t\t\t\t</cells>\n\t\t\t\t</ColumnListItem>\n\t\t\t\t<ColumnListItem type=\"Navigation\" vAlign=\"Middle\" press=\"handleDetailPress\">\n\t\t\t\t\t<cells>\n\t\t\t\t\t\t<Text text=\"Open end column\"/>\n\t\t\t\t\t</cells>\n\t\t\t\t</ColumnListItem>\n\t\t\t\t<ColumnListItem type=\"Navigation\" vAlign=\"Middle\" press=\"handleDetailPress\">\n\t\t\t\t\t<cells>\n\t\t\t\t\t\t<Text text=\"Open end column\"/>\n\t\t\t\t\t</cells>\n\t\t\t\t</ColumnListItem>\n\t\t\t\t<ColumnListItem type=\"Navigation\" vAlign=\"Middle\" press=\"handleDetailPress\">\n\t\t\t\t\t<cells>\n\t\t\t\t\t\t<Text text=\"Open end column\"/>\n\t\t\t\t\t</cells>\n\t\t\t\t</ColumnListItem>\n\t\t\t</items>\n\t\t</Table>\n\t</Page>\n</mvc:View>\n\n\n",
62
+ "view/DetailDetail.view.xml": "<mvc:View xmlns=\"sap.m\" xmlns:mvc=\"sap.ui.core.mvc\" displayBlock=\"true\" controllerName=\"sap.f.sample.FlexibleColumnLayoutSimple.controller.DetailDetail\" height=\"100%\">\n\t<Page id=\"detailDetailPage\" title=\"DetailDetail page\" backgroundDesign=\"Transparent\">\n\t\t<headerContent>\n\t\t\t<Button type=\"Transparent\" icon=\"sap-icon://decline\" press=\"handleClose\" tooltip=\"Close end column\" />\n\t\t</headerContent>\n\t\t<content>\n\t\t\t<Table>\n\t\t\t\t<columns>\n\t\t\t\t\t<Column><Label text=\"DetailDetail List\" /></Column>\n\t\t\t\t</columns>\n\t\t\t\t<items>\n\t\t\t\t\t<ColumnListItem vAlign=\"Middle\">\n\t\t\t\t\t\t<cells>\n\t\t\t\t\t\t\t<Text text=\"No more columns\"/>\n\t\t\t\t\t\t</cells>\n\t\t\t\t\t</ColumnListItem>\n\t\t\t\t\t<ColumnListItem vAlign=\"Middle\">\n\t\t\t\t\t\t<cells>\n\t\t\t\t\t\t\t<Text text=\"No more columns\"/>\n\t\t\t\t\t\t</cells>\n\t\t\t\t\t</ColumnListItem>\n\t\t\t\t\t<ColumnListItem vAlign=\"Middle\">\n\t\t\t\t\t\t<cells>\n\t\t\t\t\t\t\t<Text text=\"No more columns\"/>\n\t\t\t\t\t\t</cells>\n\t\t\t\t\t</ColumnListItem>\n\t\t\t\t\t<ColumnListItem vAlign=\"Middle\">\n\t\t\t\t\t\t<cells>\n\t\t\t\t\t\t\t<Text text=\"No more columns\"/>\n\t\t\t\t\t\t</cells>\n\t\t\t\t\t</ColumnListItem>\n\t\t\t\t\t<ColumnListItem vAlign=\"Middle\">\n\t\t\t\t\t\t<cells>\n\t\t\t\t\t\t\t<Text text=\"No more columns\"/>\n\t\t\t\t\t\t</cells>\n\t\t\t\t\t</ColumnListItem>\n\t\t\t\t\t<ColumnListItem vAlign=\"Middle\">\n\t\t\t\t\t\t<cells>\n\t\t\t\t\t\t\t<Text text=\"No more columns\"/>\n\t\t\t\t\t\t</cells>\n\t\t\t\t\t</ColumnListItem>\n\t\t\t\t\t<ColumnListItem vAlign=\"Middle\">\n\t\t\t\t\t\t<cells>\n\t\t\t\t\t\t\t<Text text=\"No more columns\"/>\n\t\t\t\t\t\t</cells>\n\t\t\t\t\t</ColumnListItem>\n\t\t\t\t\t<ColumnListItem vAlign=\"Middle\">\n\t\t\t\t\t\t<cells>\n\t\t\t\t\t\t\t<Text text=\"No more columns\"/>\n\t\t\t\t\t\t</cells>\n\t\t\t\t\t</ColumnListItem>\n\t\t\t\t\t<ColumnListItem vAlign=\"Middle\">\n\t\t\t\t\t\t<cells>\n\t\t\t\t\t\t\t<Text text=\"No more columns\"/>\n\t\t\t\t\t\t</cells>\n\t\t\t\t\t</ColumnListItem>\n\t\t\t\t\t<ColumnListItem vAlign=\"Middle\">\n\t\t\t\t\t\t<cells>\n\t\t\t\t\t\t\t<Text text=\"No more columns\"/>\n\t\t\t\t\t\t</cells>\n\t\t\t\t\t</ColumnListItem>\n\t\t\t\t\t<ColumnListItem vAlign=\"Middle\">\n\t\t\t\t\t\t<cells>\n\t\t\t\t\t\t\t<Text text=\"No more columns\"/>\n\t\t\t\t\t\t</cells>\n\t\t\t\t\t</ColumnListItem>\n\t\t\t\t\t<ColumnListItem vAlign=\"Middle\">\n\t\t\t\t\t\t<cells>\n\t\t\t\t\t\t\t<Text text=\"No more columns\"/>\n\t\t\t\t\t\t</cells>\n\t\t\t\t\t</ColumnListItem>\n\t\t\t\t\t<ColumnListItem vAlign=\"Middle\">\n\t\t\t\t\t\t<cells>\n\t\t\t\t\t\t\t<Text text=\"No more columns\"/>\n\t\t\t\t\t\t</cells>\n\t\t\t\t\t</ColumnListItem>\n\t\t\t\t\t<ColumnListItem vAlign=\"Middle\">\n\t\t\t\t\t\t<cells>\n\t\t\t\t\t\t\t<Text text=\"No more columns\"/>\n\t\t\t\t\t\t</cells>\n\t\t\t\t\t</ColumnListItem>\n\t\t\t\t\t<ColumnListItem vAlign=\"Middle\">\n\t\t\t\t\t\t<cells>\n\t\t\t\t\t\t\t<Text text=\"No more columns\"/>\n\t\t\t\t\t\t</cells>\n\t\t\t\t\t</ColumnListItem>\n\t\t\t\t\t<ColumnListItem vAlign=\"Middle\">\n\t\t\t\t\t\t<cells>\n\t\t\t\t\t\t\t<Text text=\"No more columns\"/>\n\t\t\t\t\t\t</cells>\n\t\t\t\t\t</ColumnListItem>\n\t\t\t\t\t<ColumnListItem vAlign=\"Middle\">\n\t\t\t\t\t\t<cells>\n\t\t\t\t\t\t\t<Text text=\"No more columns\"/>\n\t\t\t\t\t\t</cells>\n\t\t\t\t\t</ColumnListItem>\n\t\t\t\t\t<ColumnListItem vAlign=\"Middle\">\n\t\t\t\t\t\t<cells>\n\t\t\t\t\t\t\t<Text text=\"No more columns\"/>\n\t\t\t\t\t\t</cells>\n\t\t\t\t\t</ColumnListItem>\n\t\t\t\t\t<ColumnListItem vAlign=\"Middle\">\n\t\t\t\t\t\t<cells>\n\t\t\t\t\t\t\t<Text text=\"No more columns\"/>\n\t\t\t\t\t\t</cells>\n\t\t\t\t\t</ColumnListItem>\n\t\t\t\t\t<ColumnListItem vAlign=\"Middle\">\n\t\t\t\t\t\t<cells>\n\t\t\t\t\t\t\t<Text text=\"No more columns\"/>\n\t\t\t\t\t\t</cells>\n\t\t\t\t\t</ColumnListItem>\n\t\t\t\t\t<ColumnListItem vAlign=\"Middle\">\n\t\t\t\t\t\t<cells>\n\t\t\t\t\t\t\t<Text text=\"No more columns\"/>\n\t\t\t\t\t\t</cells>\n\t\t\t\t\t</ColumnListItem>\n\t\t\t\t\t<ColumnListItem vAlign=\"Middle\">\n\t\t\t\t\t\t<cells>\n\t\t\t\t\t\t\t<Text text=\"No more columns\"/>\n\t\t\t\t\t\t</cells>\n\t\t\t\t\t</ColumnListItem>\n\t\t\t\t\t<ColumnListItem vAlign=\"Middle\">\n\t\t\t\t\t\t<cells>\n\t\t\t\t\t\t\t<Text text=\"No more columns\"/>\n\t\t\t\t\t\t</cells>\n\t\t\t\t\t</ColumnListItem>\n\t\t\t\t\t<ColumnListItem vAlign=\"Middle\">\n\t\t\t\t\t\t<cells>\n\t\t\t\t\t\t\t<Text text=\"No more columns\"/>\n\t\t\t\t\t\t</cells>\n\t\t\t\t\t</ColumnListItem>\n\t\t\t\t\t<ColumnListItem vAlign=\"Middle\">\n\t\t\t\t\t\t<cells>\n\t\t\t\t\t\t\t<Text text=\"No more columns\"/>\n\t\t\t\t\t\t</cells>\n\t\t\t\t\t</ColumnListItem>\n\t\t\t\t\t<ColumnListItem vAlign=\"Middle\">\n\t\t\t\t\t\t<cells>\n\t\t\t\t\t\t\t<Text text=\"No more columns\"/>\n\t\t\t\t\t\t</cells>\n\t\t\t\t\t</ColumnListItem>\n\t\t\t\t</items>\n\t\t\t</Table>\n\t\t</content>\n\t</Page>\n</mvc:View>\n\n\n",
63
+ "view/FlexibleColumnLayout.view.xml": "<mvc:View xmlns=\"sap.f\" xmlns:mvc=\"sap.ui.core.mvc\" displayBlock=\"true\" controllerName=\"sap.f.sample.FlexibleColumnLayoutSimple.controller.FlexibleColumnLayout\" height=\"100%\">\n\t<FlexibleColumnLayout id=\"fcl\">\n\t\t<beginColumnPages>\n\t\t\t<mvc:XMLView id=\"beginView\" async=\"true\" viewName=\"sap.f.sample.FlexibleColumnLayoutSimple.view.List\"/>\n\t\t</beginColumnPages>\n\t</FlexibleColumnLayout>\n</mvc:View>\n",
64
+ "view/List.view.xml": "<mvc:View xmlns=\"sap.m\" xmlns:mvc=\"sap.ui.core.mvc\" displayBlock=\"true\" controllerName=\"sap.f.sample.FlexibleColumnLayoutSimple.controller.List\" height=\"100%\">\n\t<Page id=\"listPage\" title=\"List page\">\n\t\t<Table>\n\t\t\t<columns>\n\t\t\t\t<Column><Label text=\"List\" /></Column>\n\t\t\t</columns>\n\t\t\t<items>\n\t\t\t\t<ColumnListItem type=\"Navigation\" vAlign=\"Middle\" press=\"handleListPress\">\n\t\t\t\t\t<cells>\n\t\t\t\t\t\t<Text text=\"Open mid column\"/>\n\t\t\t\t\t</cells>\n\t\t\t\t</ColumnListItem>\n\t\t\t\t<ColumnListItem type=\"Navigation\" vAlign=\"Middle\" press=\"handleListPress\">\n\t\t\t\t\t<cells>\n\t\t\t\t\t\t<Text text=\"Open mid column\"/>\n\t\t\t\t\t</cells>\n\t\t\t\t</ColumnListItem>\n\t\t\t\t<ColumnListItem type=\"Navigation\" vAlign=\"Middle\" press=\"handleListPress\">\n\t\t\t\t\t<cells>\n\t\t\t\t\t\t<Text text=\"Open mid column\"/>\n\t\t\t\t\t</cells>\n\t\t\t\t</ColumnListItem>\n\t\t\t\t<ColumnListItem type=\"Navigation\" vAlign=\"Middle\" press=\"handleListPress\">\n\t\t\t\t\t<cells>\n\t\t\t\t\t\t<Text text=\"Open mid column\"/>\n\t\t\t\t\t</cells>\n\t\t\t\t</ColumnListItem>\n\t\t\t\t<ColumnListItem type=\"Navigation\" vAlign=\"Middle\" press=\"handleListPress\">\n\t\t\t\t\t<cells>\n\t\t\t\t\t\t<Text text=\"Open mid column\"/>\n\t\t\t\t\t</cells>\n\t\t\t\t</ColumnListItem>\n\t\t\t\t<ColumnListItem type=\"Navigation\" vAlign=\"Middle\" press=\"handleListPress\">\n\t\t\t\t\t<cells>\n\t\t\t\t\t\t<Text text=\"Open mid column\"/>\n\t\t\t\t\t</cells>\n\t\t\t\t</ColumnListItem>\n\t\t\t\t<ColumnListItem type=\"Navigation\" vAlign=\"Middle\" press=\"handleListPress\">\n\t\t\t\t\t<cells>\n\t\t\t\t\t\t<Text text=\"Open mid column\"/>\n\t\t\t\t\t</cells>\n\t\t\t\t</ColumnListItem>\n\t\t\t\t<ColumnListItem type=\"Navigation\" vAlign=\"Middle\" press=\"handleListPress\">\n\t\t\t\t\t<cells>\n\t\t\t\t\t\t<Text text=\"Open mid column\"/>\n\t\t\t\t\t</cells>\n\t\t\t\t</ColumnListItem>\n\t\t\t\t<ColumnListItem type=\"Navigation\" vAlign=\"Middle\" press=\"handleListPress\">\n\t\t\t\t\t<cells>\n\t\t\t\t\t\t<Text text=\"Open mid column\"/>\n\t\t\t\t\t</cells>\n\t\t\t\t</ColumnListItem>\n\t\t\t\t<ColumnListItem type=\"Navigation\" vAlign=\"Middle\" press=\"handleListPress\">\n\t\t\t\t\t<cells>\n\t\t\t\t\t\t<Text text=\"Open mid column\"/>\n\t\t\t\t\t</cells>\n\t\t\t\t</ColumnListItem>\n\t\t\t\t<ColumnListItem type=\"Navigation\" vAlign=\"Middle\" press=\"handleListPress\">\n\t\t\t\t\t<cells>\n\t\t\t\t\t\t<Text text=\"Open mid column\"/>\n\t\t\t\t\t</cells>\n\t\t\t\t</ColumnListItem>\n\t\t\t\t<ColumnListItem type=\"Navigation\" vAlign=\"Middle\" press=\"handleListPress\">\n\t\t\t\t\t<cells>\n\t\t\t\t\t\t<Text text=\"Open mid column\"/>\n\t\t\t\t\t</cells>\n\t\t\t\t</ColumnListItem>\n\t\t\t\t<ColumnListItem type=\"Navigation\" vAlign=\"Middle\" press=\"handleListPress\">\n\t\t\t\t\t<cells>\n\t\t\t\t\t\t<Text text=\"Open mid column\"/>\n\t\t\t\t\t</cells>\n\t\t\t\t</ColumnListItem>\n\t\t\t\t<ColumnListItem type=\"Navigation\" vAlign=\"Middle\" press=\"handleListPress\">\n\t\t\t\t\t<cells>\n\t\t\t\t\t\t<Text text=\"Open mid column\"/>\n\t\t\t\t\t</cells>\n\t\t\t\t</ColumnListItem>\n\t\t\t\t<ColumnListItem type=\"Navigation\" vAlign=\"Middle\" press=\"handleListPress\">\n\t\t\t\t\t<cells>\n\t\t\t\t\t\t<Text text=\"Open mid column\"/>\n\t\t\t\t\t</cells>\n\t\t\t\t</ColumnListItem>\n\t\t\t\t<ColumnListItem type=\"Navigation\" vAlign=\"Middle\" press=\"handleListPress\">\n\t\t\t\t\t<cells>\n\t\t\t\t\t\t<Text text=\"Open mid column\"/>\n\t\t\t\t\t</cells>\n\t\t\t\t</ColumnListItem>\n\t\t\t\t<ColumnListItem type=\"Navigation\" vAlign=\"Middle\" press=\"handleListPress\">\n\t\t\t\t\t<cells>\n\t\t\t\t\t\t<Text text=\"Open mid column\"/>\n\t\t\t\t\t</cells>\n\t\t\t\t</ColumnListItem>\n\t\t\t\t<ColumnListItem type=\"Navigation\" vAlign=\"Middle\" press=\"handleListPress\">\n\t\t\t\t\t<cells>\n\t\t\t\t\t\t<Text text=\"Open mid column\"/>\n\t\t\t\t\t</cells>\n\t\t\t\t</ColumnListItem>\n\t\t\t\t<ColumnListItem type=\"Navigation\" vAlign=\"Middle\" press=\"handleListPress\">\n\t\t\t\t\t<cells>\n\t\t\t\t\t\t<Text text=\"Open mid column\"/>\n\t\t\t\t\t</cells>\n\t\t\t\t</ColumnListItem>\n\t\t\t\t<ColumnListItem type=\"Navigation\" vAlign=\"Middle\" press=\"handleListPress\">\n\t\t\t\t\t<cells>\n\t\t\t\t\t\t<Text text=\"Open mid column\"/>\n\t\t\t\t\t</cells>\n\t\t\t\t</ColumnListItem>\n\t\t\t\t<ColumnListItem type=\"Navigation\" vAlign=\"Middle\" press=\"handleListPress\">\n\t\t\t\t\t<cells>\n\t\t\t\t\t\t<Text text=\"Open mid column\"/>\n\t\t\t\t\t</cells>\n\t\t\t\t</ColumnListItem>\n\t\t\t\t<ColumnListItem type=\"Navigation\" vAlign=\"Middle\" press=\"handleListPress\">\n\t\t\t\t\t<cells>\n\t\t\t\t\t\t<Text text=\"Open mid column\"/>\n\t\t\t\t\t</cells>\n\t\t\t\t</ColumnListItem>\n\t\t\t\t<ColumnListItem type=\"Navigation\" vAlign=\"Middle\" press=\"handleListPress\">\n\t\t\t\t\t<cells>\n\t\t\t\t\t\t<Text text=\"Open mid column\"/>\n\t\t\t\t\t</cells>\n\t\t\t\t</ColumnListItem>\n\t\t\t\t<ColumnListItem type=\"Navigation\" vAlign=\"Middle\" press=\"handleListPress\">\n\t\t\t\t\t<cells>\n\t\t\t\t\t\t<Text text=\"Open mid column\"/>\n\t\t\t\t\t</cells>\n\t\t\t\t</ColumnListItem>\n\t\t\t\t<ColumnListItem type=\"Navigation\" vAlign=\"Middle\" press=\"handleListPress\">\n\t\t\t\t\t<cells>\n\t\t\t\t\t\t<Text text=\"Open mid column\"/>\n\t\t\t\t\t</cells>\n\t\t\t\t</ColumnListItem>\n\t\t\t\t<ColumnListItem type=\"Navigation\" vAlign=\"Middle\" press=\"handleListPress\">\n\t\t\t\t\t<cells>\n\t\t\t\t\t\t<Text text=\"Open mid column\"/>\n\t\t\t\t\t</cells>\n\t\t\t\t</ColumnListItem>\n\t\t\t</items>\n\t\t</Table>\n\t</Page>\n</mvc:View>\n"
65
+ },
66
+ "sap.f/FlexibleColumnLayoutWithFullscreenPage": {
67
+ "Component.js": "sap.ui.define(['sap/ui/core/UIComponent'],\nfunction (UIComponent) {\n\t\"use strict\";\n\n\treturn UIComponent.extend(\"sap.f.sample.FlexibleColumnLayoutWithFullscreenPage.Component\", {\n\t\tmetadata: {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n});\n",
68
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.f.sample.FlexibleColumnLayoutWithFullscreenPage\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"iframe\": \"webapp/index.html\",\n\t\t\t\t\"stretch\": true,\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"webapp/view/Detail.view.xml\",\n\t\t\t\t\t\"webapp/view/DetailDetail.view.xml\",\n\t\t\t\t\t\"webapp/view/FlexibleColumnLayout.view.xml\",\n\t\t\t\t\t\"webapp/view/List.view.xml\",\n\t\t\t\t\t\"webapp/view/DetailDetailDetail.view.xml\",\n\t\t\t\t\t\"webapp/controller/Detail.controller.js\",\n\t\t\t\t\t\"webapp/controller/DetailDetail.controller.js\",\n\t\t\t\t\t\"webapp/controller/FlexibleColumnLayout.controller.js\",\n\t\t\t\t\t\"webapp/controller/List.controller.js\",\n\t\t\t\t\t\"webapp/controller/DetailDetailDetail.controller.js\",\n\t\t\t\t\t\"webapp/Component.js\",\n\t\t\t\t\t\"webapp/index.html\",\n\t\t\t\t\t\"webapp/manifest.json\",\n\t\t\t\t\t\"ui5.yaml\",\n\t\t\t\t\t\"package.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
69
+ "webapp/Component.js": "sap.ui.define([\n\t\"sap/ui/core/UIComponent\",\n\t\"sap/ui/model/json/JSONModel\",\n\t\"sap/f/library\",\n\t\"sap/f/FlexibleColumnLayoutSemanticHelper\"\n], function (UIComponent, JSONModel, library, FlexibleColumnLayoutSemanticHelper) {\n\t\"use strict\";\n\n\tvar LayoutType = library.LayoutType;\n\n\treturn UIComponent.extend(\"sap.f.FlexibleColumnLayoutWithFullscreenPage.Component\", {\n\t\tmetadata: {\n\t\t\tmanifest: \"json\"\n\t\t},\n\n\t\tinit: function () {\n\t\t\tUIComponent.prototype.init.apply(this, arguments);\n\n\t\t\tvar oModel = new JSONModel();\n\t\t\tthis.setModel(oModel);\n\n\t\t\t// set products demo model on this sample\n\t\t\tvar oProductsModel = new JSONModel(sap.ui.require.toUrl(\"sap/ui/demo/mock/products.json\"));\n\t\t\toProductsModel.setSizeLimit(1000);\n\t\t\tthis.setModel(oProductsModel, \"products\");\n\n\n\t\t\tthis.getRouter().initialize();\n\t\t},\n\n\t\t/**\n\t\t * Returns an instance of the semantic helper\n\t\t * @returns {sap.f.FlexibleColumnLayoutSemanticHelper} An instance of the semantic helper\n\t\t */\n\t\tgetHelper: function () {\n\t\t\tvar oFCL = this.getRootControl().byId(\"fcl\"),\n\t\t\t\toParams = new URLSearchParams(window.location.search),\n\t\t\t\toSettings = {\n\t\t\t\t\tdefaultTwoColumnLayoutType: LayoutType.TwoColumnsMidExpanded,\n\t\t\t\t\tmode: oParams.get(\"mode\"),\n\t\t\t\t\tinitialColumnsCount: oParams.get(\"initial\"),\n\t\t\t\t\tmaxColumnsCount: oParams.get(\"max\")\n\t\t\t\t};\n\n\t\t\treturn FlexibleColumnLayoutSemanticHelper.getInstanceFor(oFCL, oSettings);\n\t\t}\n\t});\n});\n",
70
+ "webapp/controller/Detail.controller.js": "sap.ui.define([\n\t\"sap/ui/model/json/JSONModel\",\n\t\"sap/ui/core/mvc/Controller\",\n\t\"sap/ui/model/Filter\",\n\t\"sap/ui/model/FilterOperator\",\n\t'sap/ui/model/Sorter',\n\t'sap/m/MessageBox',\n\t'sap/f/library'\n], function (JSONModel, Controller, Filter, FilterOperator, Sorter, MessageBox, fioriLibrary) {\n\t\"use strict\";\n\n\t// shortcut for sap.f.LayoutType\n\tvar LayoutType = fioriLibrary.LayoutType;\n\n\treturn Controller.extend(\"sap.f.FlexibleColumnLayoutWithFullscreenPage.controller.Detail\", {\n\t\tonInit: function () {\n\t\t\tthis.oRouter = this.getOwnerComponent().getRouter();\n\t\t\tthis._bDescendingSort = false;\n\n\t\t\tthis.oRouter.getRoute(\"detail\").attachPatternMatched(this._onCategoryMatched, this);\n\t\t\tthis.oRouter.getRoute(\"detailDetail\").attachPatternMatched(this._onCategoryMatched, this);\n\t\t\tthis.oRouter.getRoute(\"detailDetailDetail\").attachPatternMatched(this._onCategoryMatched, this);\n\t\t},\n\t\tonListItemPress: function (oEvent) {\n\t\t\tvar productPath = oEvent.getSource().getSelectedItem().getBindingContext(\"products\").getPath(),\n\t\t\t\tproduct = productPath.split(\"/\").slice(-1).pop();\n\n\t\t\tthis.oRouter.navTo(\"detailDetail\", {layout: LayoutType.TwoColumnsMidExpanded, category: this._category, product: product});\n\t\t},\n\t\tonSearch: function (oEvent) {\n\t\t\tvar oTableSearchState = [],\n\t\t\t\tsQuery = oEvent.getParameter(\"query\");\n\n\t\t\tif (sQuery && sQuery.length > 0) {\n\t\t\t\toTableSearchState = [\n\t\t\t\t\tnew Filter(\"Name\", FilterOperator.Contains, sQuery)];\n\t\t\t}\n\n\t\t\toTableSearchState.push(new Filter(\"Category\", FilterOperator.Contains, this._category));\n\t\t\tthis.getView().byId(\"productsTable\").getBinding(\"items\").filter(oTableSearchState, \"Application\");\n\t\t},\n\n\t\tonAdd: function (oEvent) {\n\t\t\tMessageBox.show(\"This functionality is not ready yet.\", {\n\t\t\t\ticon: MessageBox.Icon.INFORMATION,\n\t\t\t\ttitle: \"Aw, Snap!\",\n\t\t\t\tactions: [MessageBox.Action.OK]\n\t\t\t});\n\t\t},\n\n\t\tonSort: function (oEvent) {\n\t\t\tthis._bDescendingSort = !this._bDescendingSort;\n\t\t\tvar oView = this.getView(),\n\t\t\t\toTable = oView.byId(\"productsTable\"),\n\t\t\t\toBinding = oTable.getBinding(\"items\"),\n\t\t\t\toSorter = new Sorter(\"Name\", this._bDescendingSort);\n\n\t\t\toBinding.sort(oSorter);\n\t\t},\n\n\t\t_onCategoryMatched: function (oEvent) {\n\t\t\tvar oTableSearchState,\n\t\t\t\toTable = this.getView().byId(\"productsTable\"),\n\t\t\t\toTableBindingItems = oTable.getBinding(\"items\"),\n\t\t\t\toEventArgs = oEvent.getParameter(\"arguments\");\n\n\t\t\tthis._category = oEventArgs.category || this._category;\n\t\t\toTableSearchState = [new Filter(\"Category\", FilterOperator.Contains, this._category)];\n\t\t\toTableBindingItems.filter(oTableSearchState, \"Application\");\n\t\t\toTable.getItems()[oTableBindingItems.aIndices.indexOf(+oEventArgs.product)].setSelected(true);\n\t\t}\n\t});\n});\n",
71
+ "webapp/controller/DetailDetail.controller.js": "sap.ui.define([\n\t\"sap/ui/model/json/JSONModel\",\n\t\"sap/ui/core/mvc/Controller\",\n\t\"sap/f/library\"\n], function (JSONModel, Controller, fioriLibrary) {\n\t\"use strict\";\n\n\t// shortcut for sap.f.LayoutType\n\tvar LayoutType = fioriLibrary.LayoutType;\n\n\treturn Controller.extend(\"sap.f.FlexibleColumnLayoutWithFullscreenPage.controller.DetailDetail\", {\n\t\tonInit: function () {\n\t\t\tvar oExitButton = this.getView().byId(\"exitFullScreenBtn\"),\n\t\t\t\toEnterButton = this.getView().byId(\"enterFullScreenBtn\");\n\n\t\t\tthis.oRouter = this.getOwnerComponent().getRouter();\n\t\t\tthis.oModel = this.getOwnerComponent().getModel();\n\n\t\t\tthis.oRouter.getRoute(\"detail\").attachPatternMatched(this._onProductMatched, this);\n\t\t\tthis.oRouter.getRoute(\"detailDetail\").attachPatternMatched(this._onProductMatched, this);\n\t\t\tthis.oRouter.getRoute(\"detailDetailDetail\").attachPatternMatched(this._onProductMatched, this);\n\n\t\t\t[oExitButton, oEnterButton].forEach(function (oButton) {\n\t\t\t\toButton.addEventDelegate({\n\t\t\t\t\tonAfterRendering: function () {\n\t\t\t\t\t\tif (this.bFocusFullScreenButton) {\n\t\t\t\t\t\t\tthis.bFocusFullScreenButton = false;\n\t\t\t\t\t\t\toButton.focus();\n\t\t\t\t\t\t}\n\t\t\t\t\t}.bind(this)\n\t\t\t\t});\n\t\t\t}, this);\n\t\t},\n\t\thandleItemPress: function (oEvent) {\n\t\t\tvar supplierPath = oEvent.getSource().getSelectedItem().getBindingContext(\"products\").getPath(),\n\t\t\t\tsupplier = supplierPath.split(\"/\").slice(-1).pop();\n\n\t\t\tthis.oRouter.navTo(\"detailDetailDetail\", {layout: LayoutType.ThreeColumnsMidExpanded, category: this._category, product: this._product, supplier: supplier});\n\t\t},\n\t\thandleFullScreen: function () {\n\t\t\tthis.bFocusFullScreenButton = true;\n\t\t\tvar sNextLayout = this.oModel.getProperty(\"/actionButtonsInfo/midColumn/fullScreen\");\n\t\t\tthis.navigateToView(sNextLayout, \"detailDetail\");\n\t\t},\n\t\thandleExitFullScreen: function () {\n\t\t\tthis.bFocusFullScreenButton = true;\n\t\t\tvar sNextLayout = this.oModel.getProperty(\"/actionButtonsInfo/midColumn/exitFullScreen\");\n\t\t\tthis.navigateToView(sNextLayout, \"detailDetail\");\n\t\t},\n\t\thandleClose: function () {\n\t\t\tvar sNextLayout = this.oModel.getProperty(\"/actionButtonsInfo/midColumn/closeColumn\");\n\t\t\tthis.navigateToView(sNextLayout, \"detail\");\n\t\t},\n\t\tnavigateToView: function (sNextLayout, sNextView) {\n\t\t\tthis.oRouter.navTo(sNextView, {layout: sNextLayout, category: this._category, product: this._product});\n\t\t},\n\t\t_onProductMatched: function (oEvent) {\n\t\t\tthis._product = oEvent.getParameter(\"arguments\").product || this._product || \"0\";\n\t\t\tthis._category = oEvent.getParameter(\"arguments\").category || this._category;\n\n\t\t\tthis.getView().bindElement({\n\t\t\t\tpath: \"/ProductCollection/\" + this._product,\n\t\t\t\tmodel: \"products\"\n\t\t\t});\n\t\t}\n\t});\n});\n",
72
+ "webapp/controller/DetailDetailDetail.controller.js": "sap.ui.define([\n\t\"sap/ui/model/json/JSONModel\",\n\t\"sap/ui/core/mvc/Controller\"\n], function (JSONModel, Controller) {\n\t\"use strict\";\n\n\treturn Controller.extend(\"sap.f.FlexibleColumnLayoutWithFullscreenPage.controller.DetailDetailDetail\", {\n\t\tonInit: function () {\n\t\t\tvar oExitButton = this.getView().byId(\"exitFullScreenBtn\"),\n\t\t\t\toEnterButton = this.getView().byId(\"enterFullScreenBtn\");\n\n\t\t\tthis.oRouter = this.getOwnerComponent().getRouter();\n\t\t\tthis.oModel = this.getOwnerComponent().getModel();\n\n\t\t\tthis.oRouter.getRoute(\"detailDetail\").attachPatternMatched(this._onSupplierMatched, this);\n\t\t\tthis.oRouter.getRoute(\"detailDetailDetail\").attachPatternMatched(this._onSupplierMatched, this);\n\n\t\t\t[oExitButton, oEnterButton].forEach(function (oButton) {\n\t\t\t\toButton.addEventDelegate({\n\t\t\t\t\tonAfterRendering: function () {\n\t\t\t\t\t\tif (this.bFocusFullScreenButton) {\n\t\t\t\t\t\t\tthis.bFocusFullScreenButton = false;\n\t\t\t\t\t\t\toButton.focus();\n\t\t\t\t\t\t}\n\t\t\t\t\t}.bind(this)\n\t\t\t\t});\n\t\t\t}, this);\n\t\t},\n\t\thandleFullScreen: function () {\n\t\t\tthis.bFocusFullScreenButton = true;\n\t\t\tvar sNextLayout = this.oModel.getProperty(\"/actionButtonsInfo/endColumn/fullScreen\");\n\t\t\tthis.navigateToView(sNextLayout, \"detailDetailDetail\");\n\t\t},\n\t\thandleExitFullScreen: function () {\n\t\t\tthis.bFocusFullScreenButton = true;\n\t\t\tvar sNextLayout = this.oModel.getProperty(\"/actionButtonsInfo/endColumn/exitFullScreen\");\n\t\t\tthis.navigateToView(sNextLayout, \"detailDetailDetail\");\n\t\t},\n\t\thandleClose: function () {\n\t\t\tvar sNextLayout = this.oModel.getProperty(\"/actionButtonsInfo/endColumn/closeColumn\");\n\t\t\tthis.navigateToView(sNextLayout, \"detailDetail\");\n\t\t},\n\t\tnavigateToView: function (sNextLayout, sNextView) {\n\t\t\tthis.oRouter.navTo(sNextView, {layout: sNextLayout, category: this._category, product: this._product, supplier: this._supplier});\n\t\t},\n\t\t_onSupplierMatched: function (oEvent) {\n\t\t\tthis._category = oEvent.getParameter(\"arguments\").category || this._category;\n\t\t\tthis._supplier = oEvent.getParameter(\"arguments\").supplier || this._supplier || \"0\";\n\t\t\tthis._product = oEvent.getParameter(\"arguments\").product || this._product || \"0\";\n\t\t\tthis.getView().bindElement({\n\t\t\t\tpath: \"/ProductCollectionStats/Filters/1/values/\" + this._supplier,\n\t\t\t\tmodel: \"products\"\n\t\t\t});\n\t\t}\n\t});\n});\n",
73
+ "webapp/controller/FlexibleColumnLayout.controller.js": "sap.ui.define([\n\t\"sap/ui/model/json/JSONModel\",\n\t\"sap/ui/core/mvc/Controller\",\n\t\"sap/f/FlexibleColumnLayout\"\n], function (JSONModel, Controller, FlexibleColumnLayout) {\n\t\"use strict\";\n\n\treturn Controller.extend(\"sap.f.FlexibleColumnLayoutWithFullscreenPage.controller.FlexibleColumnLayout\", {\n\t\tonInit: function () {\n\t\t\tthis.oRouter = this.getOwnerComponent().getRouter();\n\t\t\tthis.oRouter.attachRouteMatched(this.onRouteMatched, this);\n\t\t\tthis.oRouter.attachBeforeRouteMatched(this.onBeforeRouteMatched, this);\n\t\t},\n\n\t\tonBeforeRouteMatched: function(oEvent) {\n\n\t\t\tvar oModel = this.getOwnerComponent().getModel();\n\n\t\t\tvar sLayout = oEvent.getParameters().arguments.layout;\n\n\t\t\t// If there is no layout parameter, query for the default level 0 layout (normally OneColumn)\n\t\t\tif (!sLayout) {\n\t\t\t\tvar oNextUIState = this.getOwnerComponent().getHelper().getNextUIState(0);\n\t\t\t\tsLayout = oNextUIState.layout;\n\t\t\t}\n\n\t\t\t// Optional UX improvement:\n\t\t\t// The app may want to hide the old view early (before the routing hides it)\n\t\t\t// to prevent the view being temporarily shown aside the next view (during the transition to the next route)\n\t\t\t// if the views for both routes do not match semantically\n\t\t\tif (this.currentRouteName === \"list\") { // last viewed route was list\n\t\t\t\tvar oListView = this.oRouter.getView(\"sap.f.FlexibleColumnLayoutWithFullscreenPage.view.List\");\n\t\t\t\tthis.getView().byId(\"fcl\").removeBeginColumnPage(oListView);\n\t\t\t}\n\n\t\t\t// Update the layout of the FlexibleColumnLayout\n\t\t\tif (sLayout) {\n\t\t\t\toModel.setProperty(\"/layout\", sLayout);\n\t\t\t}\n\t\t},\n\n\t\t_updateLayout: function(sLayout) {\n\t\t\tvar oModel = this.getOwnerComponent().getModel();\n\n\t\t\t// If there is no layout parameter, query for the default level 0 layout (normally OneColumn)\n\t\t\tif (!sLayout) {\n\t\t\t\tvar oNextUIState = this.getOwnerComponent().getHelper().getNextUIState(0);\n\t\t\t\tsLayout = oNextUIState.layout;\n\t\t\t}\n\n\t\t\t// Update the layout of the FlexibleColumnLayout\n\t\t\tif (sLayout) {\n\t\t\t\toModel.setProperty(\"/layout\", sLayout);\n\t\t\t}\n\t\t},\n\n\t\tonRouteMatched: function (oEvent) {\n\t\t\tvar sRouteName = oEvent.getParameter(\"name\"),\n\t\t\t\toArguments = oEvent.getParameter(\"arguments\");\n\n\t\t\tthis._updateUIElements();\n\n\t\t\t// Save the current route name\n\t\t\tthis.currentRouteName = sRouteName;\n\t\t\tthis.currentProduct = oArguments.product;\n\t\t\tthis.currentSupplier = oArguments.supplier;\n\t\t\tthis.currentCategory = oArguments.category;\n\t\t},\n\n\t\tonStateChanged: function (oEvent) {\n\t\t\tvar bIsNavigationArrow = oEvent.getParameter(\"isNavigationArrow\"),\n\t\t\t\tsLayout = oEvent.getParameter(\"layout\");\n\n\t\t\tthis._updateUIElements();\n\n\t\t\t// Replace the URL with the new layout if a navigation arrow was used\n\t\t\tif (bIsNavigationArrow) {\n\t\t\t\tthis.oRouter.navTo(this.currentRouteName,\n\t\t\t\t\t{layout: sLayout, category: this.currentCategory, product: this.currentProduct, supplier: this.currentSupplier}, true);\n\t\t\t}\n\t\t},\n\n\t\t// Update the close/fullscreen buttons visibility\n\t\t_updateUIElements: function () {\n\t\t\tvar oModel = this.getOwnerComponent().getModel();\n\t\t\tvar oUIState = this.getOwnerComponent().getHelper().getCurrentUIState();\n\t\t\toModel.setData(oUIState, true);\n\t\t},\n\n\t\tonExit: function () {\n\t\t\tthis.oRouter.detachRouteMatched(this.onRouteMatched, this);\n\t\t\tthis.oRouter.detachBeforeRouteMatched(this.onBeforeRouteMatched, this);\n\t\t}\n\t});\n});\n",
74
+ "webapp/controller/List.controller.js": "sap.ui.define([\n\t\"sap/ui/model/json/JSONModel\",\n\t\"sap/ui/core/mvc/Controller\",\n\t\"sap/f/library\"\n], function (JSONModel, Controller, fioriLibrary) {\n\t\"use strict\";\n\n\t// shortcut for sap.f.LayoutType\n\tvar LayoutType = fioriLibrary.LayoutType;\n\n\treturn Controller.extend(\"sap.f.FlexibleColumnLayoutWithFullscreenPage.controller.List\", {\n\t\tonInit: function () {\n\t\t\tthis.oRouter = this.getOwnerComponent().getRouter();\n\t\t\tthis._bDescendingSort = false;\n\t\t},\n\t\tonListItemPress: function (oEvent) {\n\t\t\tvar sCategory = oEvent.getSource().getSelectedItem().getCells()[0].getTitle(),\n\t\t\t\tbPhone = this.getOwnerComponent().getModel().getProperty(\"/isPhone\"),\n\t\t\t\taProducts = this.getView().getModel(\"products\").getData().ProductCollection,\n\t\t\t\tiProduct = 0;\n\n\t\t\tfor (var i = 0; i < aProducts.length; i++) {\n\t\t\t\tvar oProduct = aProducts[i];\n\n\t\t\t\tif (oProduct.Category === sCategory) {\n\t\t\t\t\tiProduct = i;\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (bPhone) {\n\t\t\t\tthis.oRouter.navTo(\"detail\", {layout: LayoutType.OneColumn, category: sCategory});\n\t\t\t} else {\n\t\t\t\tthis.oRouter.navTo(\"detailDetail\", {layout: LayoutType.TwoColumnsMidExpanded, category: sCategory, product: iProduct});\n\t\t\t}\n\t\t}\n\t});\n});\n",
75
+ "webapp/manifest.json": "{\n\t\"sap.ui5\": {\n \"rootView\": {\n\t\t\t\"viewName\": \"sap.f.FlexibleColumnLayoutWithFullscreenPage.view.FlexibleColumnLayout\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true,\n\t\t\t\"id\": \"fcl\"\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"minUI5Version\": \"1.98.0\",\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.f\": {},\n\t\t\t\t\"sap.m\": {},\n\t\t\t\t\"sap.ui.core\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"fullWidth\": true\n\t\t},\n\t\t\"routing\": {\n\t\t\t\"config\": {\n\t\t\t\t\"routerClass\": \"sap.f.routing.Router\",\n\t\t\t\t\"type\": \"View\",\n\t\t\t\t\"viewType\": \"XML\",\n\t\t\t\t\"path\": \"sap.f.FlexibleColumnLayoutWithFullscreenPage.view\",\n\t\t\t\t\"controlId\": \"fcl\",\n\t\t\t\t\"transition\": \"slide\",\n\t\t\t\t\"bypassed\": {\n\t\t\t\t},\n\t\t\t\t\"async\": true\n\t\t\t},\n\t\t\t\"routes\": [\n\t\t\t\t{\n\t\t\t\t\t\"pattern\": \":layout:\",\n\t\t\t\t\t\"name\": \"list\",\n\t\t\t\t\t\"target\": [\n\t\t\t\t\t\t\"list\"\n\t\t\t\t\t]\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"pattern\": \"detail/{category}/{layout}\",\n\t\t\t\t\t\"name\": \"detail\",\n\t\t\t\t\t\"target\": [\n\t\t\t\t\t\t\"detail\"\n\t\t\t\t\t]\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"pattern\": \"detailDetail/{category}/{product}/{layout}\",\n\t\t\t\t\t\"name\": \"detailDetail\",\n\t\t\t\t\t\"target\": [\n\t\t\t\t\t\t\"detail\",\n\t\t\t\t\t\t\"detailDetail\"\n\t\t\t\t\t]\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"pattern\": \"detailDetailDetail/{category}/{product}/{supplier}/{layout}\",\n\t\t\t\t\t\"name\": \"detailDetailDetail\",\n\t\t\t\t\t\"target\": [\n\t\t\t\t\t\t\"detail\",\n\t\t\t\t\t\t\"detailDetail\",\n\t\t\t\t\t\t\"detailDetailDetail\"\n\t\t\t\t\t]\n\t\t\t\t}\n\t\t\t],\n\t\t\t\"targets\": {\n\t\t\t\t\"list\": {\n\t\t\t\t\t\"name\": \"List\",\n\t\t\t\t\t\"controlAggregation\": \"beginColumnPages\"\n\t\t\t\t},\n\t\t\t\t\"detail\": {\n\t\t\t\t\t\"name\": \"Detail\",\n\t\t\t\t\t\"controlAggregation\": \"beginColumnPages\"\n\t\t\t\t},\n\t\t\t\t\"detailDetail\": {\n\t\t\t\t\t\"name\": \"DetailDetail\",\n\t\t\t\t\t\"controlAggregation\": \"midColumnPages\"\n\t\t\t\t},\n\t\t\t\t\"detailDetailDetail\": {\n\t\t\t\t\t\"name\": \"DetailDetailDetail\",\n\t\t\t\t\t\"controlAggregation\": \"endColumnPages\"\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}",
76
+ "webapp/view/Detail.view.xml": "<mvc:View displayBlock=\"true\" controllerName=\"sap.f.FlexibleColumnLayoutWithFullscreenPage.controller.Detail\" height=\"100%\"\n\t xmlns=\"sap.m\"\n\t xmlns:f=\"sap.f\"\n\t xmlns:mvc=\"sap.ui.core.mvc\">\n\t<f:DynamicPage id=\"dynamicPageId\"\n\t\t\t\t toggleHeaderOnTitleClick=\"false\">\n\t\t<!-- DynamicPage Title -->\n\t\t<f:title>\n\t\t\t<f:DynamicPageTitle>\n\t\t\t\t<f:heading>\n\t\t\t\t\t<Title text=\"Products\"/>\n\t\t\t\t</f:heading>\n\t\t\t</f:DynamicPageTitle>\n\t\t</f:title>\n\n\t\t<!-- DynamicPage Content -->\n\t\t<f:content>\n\t\t\t<Table\n\t\t\t\tid=\"productsTable\"\n\t\t\t\tmode=\"SingleSelectMaster\"\n\t\t\t\titemPress=\"onListItemPress\"\n\t\t\t\tinset=\"false\"\n\t\t\t\titems=\"{\n\t\t\t\t\tpath: 'products>/ProductCollection'\n\t\t\t\t}\"\n\t\t\t\tclass=\"sapFDynamicPageAlignContent\"\n\t\t\t\twidth=\"auto\">\n\t\t\t\t<headerToolbar>\n\t\t\t\t\t<OverflowToolbar>\n\t\t\t\t\t\t<ToolbarSpacer/>\n\t\t\t\t\t\t<SearchField search=\"onSearch\" width=\"17.5rem\"/>\n\t\t\t\t\t\t<OverflowToolbarButton icon=\"sap-icon://add\" type=\"Transparent\" press=\"onAdd\"/>\n\t\t\t\t\t\t<OverflowToolbarButton icon=\"sap-icon://sort\" type=\"Transparent\" press=\"onSort\"/>\n\t\t\t\t\t</OverflowToolbar>\n\t\t\t\t</headerToolbar>\n\t\t\t\t<columns>\n\t\t\t\t\t<Column width=\"12em\">\n\t\t\t\t\t\t<Text text=\"Product\" />\n\t\t\t\t\t</Column>\n\t\t\t\t\t<Column\thAlign=\"End\">\n\t\t\t\t\t\t<Text text=\"Price\" />\n\t\t\t\t\t</Column>\n\t\t\t\t</columns>\n\t\t\t\t<items>\n\t\t\t\t\t<ColumnListItem type=\"Navigation\">\n\t\t\t\t\t\t<cells>\n\t\t\t\t\t\t\t<ObjectIdentifier title=\"{products>Name}\" text=\"{products>ProductId}\" />\n\t\t\t\t\t\t\t<ObjectNumber\n\t\t\t\t\t\t\t\t\tnumber=\"{\n\t\t\t\t\t\t\t\t\t\tparts:[{path:'products>Price'},{path:'products>CurrencyCode'}],\n\t\t\t\t\t\t\t\t\t\ttype: 'sap.ui.model.type.Currency',\n\t\t\t\t\t\t\t\t\t\tformatOptions: {showMeasure: false}\n\t\t\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\t\t\tunit=\"{products>CurrencyCode}\" />\n\t\t\t\t\t\t</cells>\n\t\t\t\t\t</ColumnListItem>\n\t\t\t\t</items>\n\t\t\t</Table>\n\t\t</f:content>\n\n\t\t<!-- DynamicPage Footer -->\n\t\t<f:footer>\n\t\t\t<OverflowToolbar>\n\t\t\t\t<ToolbarSpacer/>\n\t\t\t\t<Button type=\"Accept\" text=\"Accept\"/>\n\t\t\t\t<Button type=\"Reject\" text=\"Reject\"/>\n\t\t\t</OverflowToolbar>\n\t\t</f:footer>\n\t</f:DynamicPage>\n</mvc:View>",
77
+ "webapp/view/DetailDetail.view.xml": "<mvc:View displayBlock=\"true\" controllerName=\"sap.f.FlexibleColumnLayoutWithFullscreenPage.controller.DetailDetail\" height=\"100%\"\n\t\txmlns:mvc=\"sap.ui.core.mvc\"\n\t\txmlns=\"sap.uxap\"\n\t\txmlns:m=\"sap.m\"\n\t\txmlns:f=\"sap.f\"\n\t\txmlns:form=\"sap.ui.layout.form\">\n\n\t<ObjectPageLayout id=\"ObjectPageLayout\"\n\t\t\t\t\t showTitleInHeaderContent=\"true\"\n\t\t\t\t\talwaysShowContentHeader=\"false\"\n\t\t\t\t\tpreserveHeaderStateOnScroll=\"false\"\n\t\t\t\t\theaderContentPinnable=\"true\"\n\t\t\t\t\tisChildPage=\"true\"\n\t\t\t\t\tupperCaseAnchorBar=\"false\">\n\t\t\t\t<headerTitle>\n\t\t\t\t\t<ObjectPageDynamicHeaderTitle>\n\t\t\t\t\t\t<expandedHeading>\n\t\t\t\t\t\t\t<m:Title text=\"{products>Name}\" wrapping=\"true\" class=\"sapUiSmallMarginEnd\"/>\n\t\t\t\t\t\t</expandedHeading>\n\n\t\t\t\t\t\t<snappedHeading>\n\t\t\t\t\t\t\t<m:FlexBox wrap=\"Wrap\" fitContainer=\"true\" alignItems=\"Center\">\n\t\t\t\t\t\t\t\t<m:FlexBox wrap=\"NoWrap\" fitContainer=\"true\" alignItems=\"Center\" class=\"sapUiTinyMarginEnd\">\n\t\t\t\t\t\t\t\t\t<f:Avatar src=\"../../../../../../../{products>ProductPicUrl}\" displaySize=\"S\" displayShape=\"Square\"/>\n\t\t\t\t\t\t\t\t\t<m:Title text=\"{products>Name}\" wrapping=\"true\" class=\"sapUiTinyMarginEnd\"/>\n\t\t\t\t\t\t\t\t</m:FlexBox>\n\t\t\t\t\t\t\t</m:FlexBox>\n\t\t\t\t\t\t</snappedHeading>\n\n\t\t\t\t\t\t<actions>\n\t\t\t\t\t\t\t<m:Button\n\t\t\t\t\t\t\t\t\ttext=\"Edit\"\n\t\t\t\t\t\t\t\t\ttype=\"Emphasized\"\n\t\t\t\t\t\t\t\t\tpress=\"toggleAreaPriority\"/>\n\t\t\t\t\t\t\t<m:Button\n\t\t\t\t\t\t\t\t\ttext=\"Delete\"\n\t\t\t\t\t\t\t\t\ttype=\"Transparent\"/>\n\t\t\t\t\t\t\t<m:Button\n\t\t\t\t\t\t\t\t\ttext=\"Copy\"\n\t\t\t\t\t\t\t\t\ttype=\"Transparent\"/>\n\t\t\t\t\t\t\t<m:Button\n\t\t\t\t\t\t\t\t\ttext=\"Toggle Footer\"\n\t\t\t\t\t\t\t\t\ttype=\"Transparent\"\n\t\t\t\t\t\t\t\t\tpress=\"onToggleFooter\"/>\n\t\t\t\t\t\t\t<m:Button\n\t\t\t\t\t\t\t\t\ticon=\"sap-icon://action\"\n\t\t\t\t\t\t\t\t\ttype=\"Transparent\"/>\n\t\t\t\t\t\t</actions>\n\n\t\t\t\t\t\t<navigationActions>\n\t\t\t\t\t\t\t<m:OverflowToolbarButton type=\"Transparent\" icon=\"sap-icon://full-screen\" press=\"handleFullScreen\" id=\"enterFullScreenBtn\" tooltip=\"Enter Full Screen Mode\" visible=\"{= ${/actionButtonsInfo/midColumn/fullScreen} !== null }\"/>\n\t\t\t\t\t\t\t<m:OverflowToolbarButton type=\"Transparent\" icon=\"sap-icon://exit-full-screen\" press=\"handleExitFullScreen\" id=\"exitFullScreenBtn\" tooltip=\"Exit Full Screen Mode\" visible=\"{= ${/actionButtonsInfo/midColumn/exitFullScreen} !== null }\"/>\n\t\t\t\t\t\t\t<m:OverflowToolbarButton type=\"Transparent\" icon=\"sap-icon://decline\" press=\"handleClose\" tooltip=\"Close middle column\" visible=\"{= ${/actionButtonsInfo/midColumn/closeColumn} !== null }\"/>\n\t\t\t\t\t\t</navigationActions>\n\n\t\t\t\t\t</ObjectPageDynamicHeaderTitle>\n\t\t\t\t</headerTitle>\n\n\t\t\t\t<headerContent>\n\t\t\t\t\t<m:FlexBox wrap=\"Wrap\" fitContainer=\"true\" alignItems=\"Stretch\">\n\t\t\t\t\t\t<f:Avatar src=\"../../../../../../../{products>ProductPicUrl}\"\n\t\t\t\t\t\t\t\t displaySize=\"L\"\n\t\t\t\t\t\t\t\t displayShape=\"Square\"\n\t\t\t\t\t\t\t\t class=\"sapUiTinyMarginEnd\">\n\t\t\t\t\t\t</f:Avatar>\n\t\t\t\t\t\t<m:VBox justifyContent=\"Center\" class=\"sapUiSmallMarginEnd\">\n\t\t\t\t\t\t\t<m:Label text=\"Main Category\"/>\n\t\t\t\t\t\t\t<m:Text text=\"{products>MainCategory}\"/>\n\t\t\t\t\t\t</m:VBox>\n\t\t\t\t\t\t<m:VBox justifyContent=\"Center\" class=\"sapUiSmallMarginEnd\">\n\t\t\t\t\t\t\t<m:Label text=\"Subcategory\"/>\n\t\t\t\t\t\t\t<m:Text text=\"{products>Category}\"/>\n\t\t\t\t\t\t</m:VBox>\n\t\t\t\t\t\t<m:VBox justifyContent=\"Center\" class=\"sapUiSmallMarginEnd\">\n\t\t\t\t\t\t\t<m:Label text=\"Price\"/>\n\t\t\t\t\t\t\t<m:ObjectNumber number=\"{products>CurrencyCode} {products>Price}\" emphasized=\"false\"/>\n\t\t\t\t\t\t</m:VBox>\n\t\t\t\t\t</m:FlexBox>\n\t\t\t\t</headerContent>\n\n\t\t<sections>\n\t\t\t<ObjectPageSection title=\"General Information\">\n\t\t\t\t<subSections>\n\t\t\t\t\t<ObjectPageSubSection>\n\t\t\t\t\t\t<blocks>\n\t\t\t\t\t\t\t<form:SimpleForm\n\t\t\t\t\t\t\t\tmaxContainerCols=\"2\"\n\t\t\t\t\t\t\t\teditable=\"false\"\n\t\t\t\t\t\t\t\tlayout=\"ResponsiveGridLayout\"\n\t\t\t\t\t\t\t\tlabelSpanL=\"12\"\n\t\t\t\t\t\t\t\tlabelSpanM=\"12\"\n\t\t\t\t\t\t\t\temptySpanL=\"0\"\n\t\t\t\t\t\t\t\temptySpanM=\"0\"\n\t\t\t\t\t\t\t\tcolumnsL=\"1\"\n\t\t\t\t\t\t\t\tcolumnsM=\"1\">\n\t\t\t\t\t\t\t\t<form:content>\n\t\t\t\t\t\t\t\t\t<m:Label text=\"Product ID\"/>\n\t\t\t\t\t\t\t\t\t<m:Text text=\"{products>ProductId}\"/>\n\t\t\t\t\t\t\t\t\t<m:Label text=\"Description\"/>\n\t\t\t\t\t\t\t\t\t<m:Text text=\"{products>Description}\"/>\n\t\t\t\t\t\t\t\t\t<m:Label text=\"Supplier\"/>\n\t\t\t\t\t\t\t\t\t<m:Text text=\"{products>SupplierName}\"/>\n\t\t\t\t\t\t\t\t</form:content>\n\t\t\t\t\t\t\t</form:SimpleForm>\n\t\t\t\t\t\t</blocks>\n\t\t\t\t\t</ObjectPageSubSection>\n\t\t\t\t</subSections>\n\t\t\t</ObjectPageSection>\n\n\t\t\t<ObjectPageSection title=\"Suppliers\">\n\t\t\t\t<subSections>\n\t\t\t\t\t<ObjectPageSubSection>\n\t\t\t\t\t\t<blocks>\n\t\t\t\t\t\t\t<m:Table\n\t\t\t\t\t\t\t\tid=\"suppliersTable\"\n\t\t\t\t\t\t\t\tmode=\"SingleSelectMaster\"\n\t\t\t\t\t\t\t\titemPress=\"handleItemPress\"\n\t\t\t\t\t\t\t\titems=\"{path : 'products>/ProductCollectionStats/Filters/1/values'}\">\n\t\t\t\t\t\t\t\t<m:columns>\n\t\t\t\t\t\t\t\t\t<m:Column />\n\t\t\t\t\t\t\t\t</m:columns>\n\t\t\t\t\t\t\t\t<m:items>\n\t\t\t\t\t\t\t\t\t<m:ColumnListItem type=\"Navigation\">\n\t\t\t\t\t\t\t\t\t\t<m:cells>\n\t\t\t\t\t\t\t\t\t\t\t<m:ObjectIdentifier text=\"{products>text}\" />\n\t\t\t\t\t\t\t\t\t\t</m:cells>\n\t\t\t\t\t\t\t\t\t</m:ColumnListItem>\n\t\t\t\t\t\t\t\t</m:items>\n\t\t\t\t\t\t\t</m:Table>\n\t\t\t\t\t\t</blocks>\n\t\t\t\t\t</ObjectPageSubSection>\n\t\t\t\t</subSections>\n\t\t\t</ObjectPageSection>\n\t\t</sections>\n\t</ObjectPageLayout>\n</mvc:View>",
78
+ "webapp/view/DetailDetailDetail.view.xml": "<mvc:View displayBlock=\"true\" controllerName=\"sap.f.FlexibleColumnLayoutWithFullscreenPage.controller.DetailDetailDetail\" height=\"100%\"\n\t\txmlns:mvc=\"sap.ui.core.mvc\"\n\t\txmlns=\"sap.f\"\n\t\txmlns:m=\"sap.m\">\n\n\t<DynamicPage toggleHeaderOnTitleClick=\"false\">\n\t\t<title>\n\t\t\t<DynamicPageTitle>\n\t\t\t\t<heading>\n\t\t\t\t\t<m:FlexBox wrap=\"Wrap\" fitContainer=\"true\" alignItems=\"Center\">\n\t\t\t\t\t\t<m:Title text=\"{products>text}\" wrapping=\"true\" class=\"sapUiTinyMarginEnd\"/>\n\t\t\t\t\t</m:FlexBox>\n\t\t\t\t</heading>\n\n\t\t\t\t<navigationActions>\n\t\t\t\t\t<m:OverflowToolbarButton type=\"Transparent\" icon=\"sap-icon://full-screen\" press=\"handleFullScreen\" id=\"enterFullScreenBtn\" tooltip=\"Enter Full Screen Mode\" visible=\"{= ${/actionButtonsInfo/endColumn/fullScreen} !== null }\"/>\n\t\t\t\t\t<m:OverflowToolbarButton type=\"Transparent\" icon=\"sap-icon://exit-full-screen\" press=\"handleExitFullScreen\" id=\"exitFullScreenBtn\" tooltip=\"Exit Full Screen Mode\" visible=\"{= ${/actionButtonsInfo/endColumn/exitFullScreen} !== null }\"/>\n\t\t\t\t\t<m:OverflowToolbarButton type=\"Transparent\" icon=\"sap-icon://decline\" press=\"handleClose\" tooltip=\"Close end column\" visible=\"{= ${/actionButtonsInfo/endColumn/closeColumn} !== null }\"/>\n\t\t\t\t</navigationActions>\n\n\t\t\t</DynamicPageTitle>\n\t\t</title>\n\t\t<content>\n\t\t\t<m:Text text=\"Information about Supplier\" />\n\t\t</content>\n\t</DynamicPage>\n</mvc:View>",
79
+ "webapp/view/FlexibleColumnLayout.view.xml": "<mvc:View xmlns=\"sap.f\" xmlns:mvc=\"sap.ui.core.mvc\" displayBlock=\"true\" controllerName=\"sap.f.FlexibleColumnLayoutWithFullscreenPage.controller.FlexibleColumnLayout\" height=\"100%\">\n\t<FlexibleColumnLayout id=\"fcl\"\n\t\t stateChange=\"onStateChanged\"\n\t\t layout=\"{/layout}\"\n\t\t backgroundDesign=\"Solid\">\n\t</FlexibleColumnLayout>\n</mvc:View>\n",
80
+ "webapp/view/List.view.xml": "<mvc:View displayBlock=\"true\" controllerName=\"sap.f.FlexibleColumnLayoutWithFullscreenPage.controller.List\" height=\"100%\"\n\t xmlns=\"sap.m\"\n\t xmlns:f=\"sap.f\"\n\t xmlns:mvc=\"sap.ui.core.mvc\">\n\t<f:DynamicPage id=\"dynamicPageId\"\n\t\t\t\t toggleHeaderOnTitleClick=\"false\">\n\t\t<!-- DynamicPage Title -->\n\t\t<f:title>\n\t\t\t<f:DynamicPageTitle>\n\t\t\t\t<f:heading>\n\t\t\t\t\t<Title text=\"Categories\"/>\n\t\t\t\t</f:heading>\n\t\t\t</f:DynamicPageTitle>\n\t\t</f:title>\n\n\t\t<!-- DynamicPage Content -->\n\t\t<f:content>\n\t\t\t<Table\n\t\t\t\tid=\"productsTable\"\n\t\t\t\tmode=\"SingleSelectMaster\"\n\t\t\t\titemPress=\"onListItemPress\"\n\t\t\t\tinset=\"false\"\n\t\t\t\titems=\"{\n\t\t\t\t\tpath: 'products>/ProductCollectionStats/Filters/0/values'\n\t\t\t\t}\"\n\t\t\t\tclass=\"sapFDynamicPageAlignContent\"\n\t\t\t\twidth=\"auto\">\n\t\t\t\t<columns>\n\t\t\t\t\t<Column width=\"12em\">\n\t\t\t\t\t\t<Text text=\"Category\" />\n\t\t\t\t\t</Column>\n\t\t\t\t\t<Column\thAlign=\"End\">\n\t\t\t\t\t\t<Text text=\"Number of Items\" />\n\t\t\t\t\t</Column>\n\t\t\t\t</columns>\n\t\t\t\t<items>\n\t\t\t\t\t<ColumnListItem type=\"Navigation\">\n\t\t\t\t\t\t<cells>\n\t\t\t\t\t\t\t<ObjectIdentifier title=\"{products>text}\" />\n\t\t\t\t\t\t\t<ObjectNumber\n\t\t\t\t\t\t\t\t\tnumber=\"{\n\t\t\t\t\t\t\t\t\t\tparts:[{path:'products>data'}],\n\t\t\t\t\t\t\t\t\t\ttype: 'sap.ui.model.type.Integer'\n\t\t\t\t\t\t\t\t\t}\" />\n\t\t\t\t\t\t</cells>\n\t\t\t\t\t</ColumnListItem>\n\t\t\t\t</items>\n\t\t\t</Table>\n\t\t</f:content>\n\t\t\n\t</f:DynamicPage>\n</mvc:View>"
81
+ },
82
+ "sap.f/FlexibleColumnLayoutWithOneColumnStart": {
83
+ "Component.js": "sap.ui.define(['sap/ui/core/UIComponent'],\nfunction (UIComponent) {\n\t\"use strict\";\n\n\treturn UIComponent.extend(\"sap.f.sample.FlexibleColumnLayoutWithOneColumnStart.Component\", {\n\t\tmetadata: {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n});\n",
84
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.f.sample.FlexibleColumnLayoutWithOneColumnStart\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"iframe\": \"webapp/index.html\",\n\t\t\t\t\"stretch\": true,\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"webapp/view/Detail.view.xml\",\n\t\t\t\t\t\"webapp/view/DetailDetail.view.xml\",\n\t\t\t\t\t\"webapp/view/FlexibleColumnLayout.view.xml\",\n\t\t\t\t\t\"webapp/view/List.view.xml\",\n\t\t\t\t\t\"webapp/view/AboutPage.view.xml\",\n\t\t\t\t\t\"webapp/controller/Detail.controller.js\",\n\t\t\t\t\t\"webapp/controller/DetailDetail.controller.js\",\n\t\t\t\t\t\"webapp/controller/FlexibleColumnLayout.controller.js\",\n\t\t\t\t\t\"webapp/controller/List.controller.js\",\n\t\t\t\t\t\"webapp/controller/AboutPage.controller.js\",\n\t\t\t\t\t\"webapp/Component.js\",\n\t\t\t\t\t\"webapp/index.html\",\n\t\t\t\t\t\"webapp/manifest.json\",\n\t\t\t\t\t\"ui5.yaml\",\n\t\t\t\t\t\"package.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
85
+ "webapp/Component.js": "sap.ui.define([\n\t\"sap/ui/core/UIComponent\",\n\t\"sap/ui/model/json/JSONModel\",\n\t\"sap/f/library\",\n\t\"sap/f/FlexibleColumnLayoutSemanticHelper\"\n], function (UIComponent, JSONModel, library, FlexibleColumnLayoutSemanticHelper) {\n\t\"use strict\";\n\n\tvar LayoutType = library.LayoutType;\n\n\tvar Component = UIComponent.extend(\"sap.f.FlexibleColumnLayoutWithOneColumnStart.Component\", {\n\t\tmetadata: {\n\t\t\tmanifest: \"json\"\n\t\t},\n\n\t\tinit: function () {\n\t\t\tUIComponent.prototype.init.apply(this, arguments);\n\n\t\t\tvar oModel = new JSONModel();\n\t\t\tthis.setModel(oModel);\n\n\t\t\t// set products demo model on this sample\n\t\t\tvar oProductsModel = new JSONModel(sap.ui.require.toUrl(\"sap/ui/demo/mock/products.json\"));\n\t\t\toProductsModel.setSizeLimit(1000);\n\t\t\tthis.setModel(oProductsModel, \"products\");\n\n\n\t\t\tthis.getRouter().initialize();\n\t\t},\n\n\t\t/**\n\t\t * Returns an instance of the semantic helper\n\t\t * @returns {sap.f.FlexibleColumnLayoutSemanticHelper} An instance of the semantic helper\n\t\t */\n\t\tgetHelper: function () {\n\t\t\tvar oFCL = this.getRootControl().byId(\"fcl\"),\n\t\t\t\toParams = new URLSearchParams(window.location.search),\n\t\t\t\toSettings = {\n\t\t\t\t\tdefaultTwoColumnLayoutType: LayoutType.TwoColumnsMidExpanded,\n\t\t\t\t\tdefaultThreeColumnLayoutType: LayoutType.ThreeColumnsMidExpanded,\n\t\t\t\t\tmode: oParams.get(\"mode\"),\n\t\t\t\t\tmaxColumnsCount: oParams.get(\"max\")\n\t\t\t\t};\n\n\t\t\treturn FlexibleColumnLayoutSemanticHelper.getInstanceFor(oFCL, oSettings);\n\t\t}\n\t});\n\treturn Component;\n});\n",
86
+ "webapp/controller/AboutPage.controller.js": "sap.ui.define([\n\t\"sap/ui/model/json/JSONModel\",\n\t\"sap/ui/core/mvc/Controller\"\n], function (JSONModel, Controller) {\n\t\"use strict\";\n\n\treturn Controller.extend(\"sap.f.FlexibleColumnLayoutWithOneColumnStart.controller.AboutPage\", {\n\t\tonInit: function () {\n\t\t\tthis.oRouter = this.getOwnerComponent().getRouter();\n\t\t\tthis.oModel = this.getOwnerComponent().getModel();\n\t\t},\n\t\thandleClose: function () {\n\t\t\twindow.history.go(-1);\n\t\t},\n\t\tonBack: function () {\n\t\t\twindow.history.go(-1);\n\t\t}\n\t});\n});\n",
87
+ "webapp/controller/Detail.controller.js": "sap.ui.define([\n\t\"sap/ui/model/json/JSONModel\",\n\t\"sap/ui/core/mvc/Controller\"\n], function (JSONModel, Controller) {\n\t\"use strict\";\n\n\treturn Controller.extend(\"sap.f.FlexibleColumnLayoutWithOneColumnStart.controller.Detail\", {\n\t\tonInit: function () {\n\t\t\tvar oExitButton = this.getView().byId(\"exitFullScreenBtn\"),\n\t\t\t\toEnterButton = this.getView().byId(\"enterFullScreenBtn\");\n\n\t\t\tthis.oRouter = this.getOwnerComponent().getRouter();\n\t\t\tthis.oModel = this.getOwnerComponent().getModel();\n\n\t\t\tthis.oRouter.getRoute(\"detail\").attachPatternMatched(this._onProductMatched, this);\n\t\t\tthis.oRouter.getRoute(\"detailDetail\").attachPatternMatched(this._onProductMatched, this);\n\n\t\t\t[oExitButton, oEnterButton].forEach(function (oButton) {\n\t\t\t\toButton.addEventDelegate({\n\t\t\t\t\tonAfterRendering: function () {\n\t\t\t\t\t\tif (this.bFocusFullScreenButton) {\n\t\t\t\t\t\t\tthis.bFocusFullScreenButton = false;\n\t\t\t\t\t\t\toButton.focus();\n\t\t\t\t\t\t}\n\t\t\t\t\t}.bind(this)\n\t\t\t\t});\n\t\t\t}, this);\n\t\t},\n\t\thandleItemPress: function (oEvent) {\n\t\t\tvar oNextUIState = this.getOwnerComponent().getHelper().getNextUIState(2),\n\t\t\t\tsupplierPath = oEvent.getSource().getSelectedItem().getBindingContext(\"products\").getPath(),\n\t\t\t\tsupplier = supplierPath.split(\"/\").slice(-1).pop();\n\n\t\t\tthis.oRouter.navTo(\"detailDetail\", {layout: oNextUIState.layout,\n\t\t\t\tproduct: this._product, supplier: supplier});\n\t\t},\n\t\thandleFullScreen: function () {\n\t\t\tthis.bFocusFullScreenButton = true;\n\t\t\tvar sNextLayout = this.oModel.getProperty(\"/actionButtonsInfo/midColumn/fullScreen\");\n\t\t\tthis.oRouter.navTo(\"detail\", {layout: sNextLayout, product: this._product});\n\t\t},\n\t\thandleExitFullScreen: function () {\n\t\t\tthis.bFocusFullScreenButton = true;\n\t\t\tvar sNextLayout = this.oModel.getProperty(\"/actionButtonsInfo/midColumn/exitFullScreen\");\n\t\t\tthis.oRouter.navTo(\"detail\", {layout: sNextLayout, product: this._product});\n\t\t},\n\t\thandleClose: function () {\n\t\t\tvar sNextLayout = this.oModel.getProperty(\"/actionButtonsInfo/midColumn/closeColumn\");\n\t\t\tthis.oRouter.navTo(\"list\", {layout: sNextLayout});\n\t\t},\n\t\t_onProductMatched: function (oEvent) {\n\t\t\tthis._product = oEvent.getParameter(\"arguments\").product || this._product || \"0\";\n\t\t\tthis.getView().bindElement({\n\t\t\t\tpath: \"/ProductCollection/\" + this._product,\n\t\t\t\tmodel: \"products\"\n\t\t\t});\n\t\t}\n\t});\n});\n",
88
+ "webapp/controller/DetailDetail.controller.js": "sap.ui.define([\n\t\"sap/ui/model/json/JSONModel\",\n\t\"sap/ui/core/mvc/Controller\"\n], function (JSONModel, Controller) {\n\t\"use strict\";\n\n\treturn Controller.extend(\"sap.f.FlexibleColumnLayoutWithOneColumnStart.controller.DetailDetail\", {\n\t\tonInit: function () {\n\t\t\tvar oExitButton = this.getView().byId(\"exitFullScreenBtn\"),\n\t\t\t\toEnterButton = this.getView().byId(\"enterFullScreenBtn\");\n\n\t\t\tthis.oRouter = this.getOwnerComponent().getRouter();\n\t\t\tthis.oModel = this.getOwnerComponent().getModel();\n\n\t\t\tthis.oRouter.getRoute(\"detailDetail\").attachPatternMatched(this._onSupplierMatched, this);\n\n\t\t\t[oExitButton, oEnterButton].forEach(function (oButton) {\n\t\t\t\toButton.addEventDelegate({\n\t\t\t\t\tonAfterRendering: function () {\n\t\t\t\t\t\tif (this.bFocusFullScreenButton) {\n\t\t\t\t\t\t\tthis.bFocusFullScreenButton = false;\n\t\t\t\t\t\t\toButton.focus();\n\t\t\t\t\t\t}\n\t\t\t\t\t}.bind(this)\n\t\t\t\t});\n\t\t\t}, this);\n\t\t},\n\t\thandleAboutPress: function () {\n\t\t\tvar oNextUIState = this.getOwnerComponent().getHelper().getNextUIState(3);\n\t\t\tthis.oRouter.navTo(\"page2\", {layout: oNextUIState.layout});\n\t\t},\n\t\thandleFullScreen: function () {\n\t\t\tthis.bFocusFullScreenButton = true;\n\t\t\tvar sNextLayout = this.oModel.getProperty(\"/actionButtonsInfo/endColumn/fullScreen\");\n\t\t\tthis.oRouter.navTo(\"detailDetail\", {layout: sNextLayout, product: this._product, supplier: this._supplier});\n\t\t},\n\t\thandleExitFullScreen: function () {\n\t\t\tthis.bFocusFullScreenButton = true;\n\t\t\tvar sNextLayout = this.oModel.getProperty(\"/actionButtonsInfo/endColumn/exitFullScreen\");\n\t\t\tthis.oRouter.navTo(\"detailDetail\", {layout: sNextLayout, product: this._product, supplier: this._supplier});\n\t\t},\n\t\thandleClose: function () {\n\t\t\tvar sNextLayout = this.oModel.getProperty(\"/actionButtonsInfo/endColumn/closeColumn\");\n\t\t\tthis.oRouter.navTo(\"detail\", {layout: sNextLayout, product: this._product});\n\t\t},\n\t\t_onSupplierMatched: function (oEvent) {\n\t\t\tthis._supplier = oEvent.getParameter(\"arguments\").supplier || this._supplier || \"0\";\n\t\t\tthis._product = oEvent.getParameter(\"arguments\").product || this._product || \"0\";\n\t\t\tthis.getView().bindElement({\n\t\t\t\tpath: \"/ProductCollectionStats/Filters/1/values/\" + this._supplier,\n\t\t\t\tmodel: \"products\"\n\t\t\t});\n\t\t}\n\t});\n});\n",
89
+ "webapp/controller/FlexibleColumnLayout.controller.js": "sap.ui.define([\n\t\"sap/ui/model/json/JSONModel\",\n\t\"sap/ui/core/mvc/Controller\"\n], function (JSONModel, Controller) {\n\t\"use strict\";\n\n\treturn Controller.extend(\"sap.f.FlexibleColumnLayoutWithOneColumnStart.controller.FlexibleColumnLayout\", {\n\t\tonInit: function () {\n\t\t\tthis.oRouter = this.getOwnerComponent().getRouter();\n\t\t\tthis.oRouter.attachRouteMatched(this.onRouteMatched, this);\n\t\t\tthis.oRouter.attachBeforeRouteMatched(this.onBeforeRouteMatched, this);\n\t\t},\n\n\t\tonBeforeRouteMatched: function(oEvent) {\n\n\t\t\tvar oModel = this.getOwnerComponent().getModel();\n\n\t\t\tvar sLayout = oEvent.getParameters().arguments.layout;\n\n\t\t\t// If there is no layout parameter, query for the default level 0 layout (normally OneColumn)\n\t\t\tif (!sLayout) {\n\t\t\t\tvar oNextUIState = this.getOwnerComponent().getHelper().getNextUIState(0);\n\t\t\t\tsLayout = oNextUIState.layout;\n\t\t\t}\n\n\t\t\t// Update the layout of the FlexibleColumnLayout\n\t\t\tif (sLayout) {\n\t\t\t\toModel.setProperty(\"/layout\", sLayout);\n\t\t\t}\n\t\t},\n\n\t\tonRouteMatched: function (oEvent) {\n\t\t\tvar sRouteName = oEvent.getParameter(\"name\"),\n\t\t\t\toArguments = oEvent.getParameter(\"arguments\");\n\n\t\t\tthis._updateUIElements();\n\n\t\t\t// Save the current route name\n\t\t\tthis.currentRouteName = sRouteName;\n\t\t\tthis.currentProduct = oArguments.product;\n\t\t\tthis.currentSupplier = oArguments.supplier;\n\t\t},\n\n\t\tonStateChanged: function (oEvent) {\n\t\t\tvar bIsNavigationArrow = oEvent.getParameter(\"isNavigationArrow\"),\n\t\t\t\tsLayout = oEvent.getParameter(\"layout\");\n\n\t\t\tthis._updateUIElements();\n\n\t\t\t// Replace the URL with the new layout if a navigation arrow was used\n\t\t\tif (bIsNavigationArrow) {\n\t\t\t\tthis.oRouter.navTo(this.currentRouteName, {layout: sLayout, product: this.currentProduct, supplier: this.currentSupplier}, true);\n\t\t\t}\n\t\t},\n\n\t\t// Update the close/fullscreen buttons visibility\n\t\t_updateUIElements: function () {\n\t\t\tvar oModel = this.getOwnerComponent().getModel();\n\t\t\tvar oUIState = this.getOwnerComponent().getHelper().getCurrentUIState();\n\t\t\toModel.setData(oUIState);\n\t\t},\n\n\t\tonExit: function () {\n\t\t\tthis.oRouter.detachRouteMatched(this.onRouteMatched, this);\n\t\t\tthis.oRouter.detachBeforeRouteMatched(this.onBeforeRouteMatched, this);\n\t\t}\n\t});\n});\n",
90
+ "webapp/controller/List.controller.js": "sap.ui.define([\n\t\"sap/ui/model/json/JSONModel\",\n\t\"sap/ui/core/mvc/Controller\",\n\t\"sap/ui/model/Filter\",\n\t\"sap/ui/model/FilterOperator\",\n\t'sap/ui/model/Sorter',\n\t'sap/m/MessageBox'\n], function (JSONModel, Controller, Filter, FilterOperator, Sorter, MessageBox) {\n\t\"use strict\";\n\n\treturn Controller.extend(\"sap.f.FlexibleColumnLayoutWithOneColumnStart.controller.List\", {\n\t\tonInit: function () {\n\t\t\tthis.oRouter = this.getOwnerComponent().getRouter();\n\t\t\tthis._bDescendingSort = false;\n\t\t},\n\t\tonListItemPress: function (oEvent) {\n\t\t\tvar oNextUIState = this.getOwnerComponent().getHelper().getNextUIState(1),\n\t\t\t\tproductPath = oEvent.getSource().getSelectedItem().getBindingContext(\"products\").getPath(),\n\t\t\t\tproduct = productPath.split(\"/\").slice(-1).pop();\n\n\t\t\tthis.oRouter.navTo(\"detail\", {layout: oNextUIState.layout, product: product});\n\t\t},\n\t\tonSearch: function (oEvent) {\n\t\t\tvar oTableSearchState = [],\n\t\t\t\tsQuery = oEvent.getParameter(\"query\");\n\n\t\t\tif (sQuery && sQuery.length > 0) {\n\t\t\t\toTableSearchState = [new Filter(\"Name\", FilterOperator.Contains, sQuery)];\n\t\t\t}\n\n\t\t\tthis.getView().byId(\"productsTable\").getBinding(\"items\").filter(oTableSearchState, \"Application\");\n\t\t},\n\n\t\tonAdd: function (oEvent) {\n\t\t\tMessageBox.show(\"This functionality is not ready yet.\", {\n\t\t\t\ticon: MessageBox.Icon.INFORMATION,\n\t\t\t\ttitle: \"Aw, Snap!\",\n\t\t\t\tactions: [MessageBox.Action.OK]\n\t\t\t});\n\t\t},\n\n\t\tonSort: function (oEvent) {\n\t\t\tthis._bDescendingSort = !this._bDescendingSort;\n\t\t\tvar oView = this.getView(),\n\t\t\t\toTable = oView.byId(\"productsTable\"),\n\t\t\t\toBinding = oTable.getBinding(\"items\"),\n\t\t\t\toSorter = new Sorter(\"Name\", this._bDescendingSort);\n\n\t\t\toBinding.sort(oSorter);\n\t\t}\n\t});\n});\n",
91
+ "webapp/manifest.json": "{\n\t\"sap.ui5\": {\n \"rootView\": {\n\t\t\t\"viewName\": \"sap.f.FlexibleColumnLayoutWithOneColumnStart.view.FlexibleColumnLayout\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true,\n\t\t\t\"id\": \"fcl\"\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"minUI5Version\": \"1.98.0\",\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.f\": {},\n\t\t\t\t\"sap.m\": {},\n\t\t\t\t\"sap.ui.core\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"fullWidth\": true\n\t\t},\n\t\t\"routing\": {\n\t\t\t\"config\": {\n\t\t\t\t\"routerClass\": \"sap.f.routing.Router\",\n\t\t\t\t\"type\": \"View\",\n\t\t\t\t\"viewType\": \"XML\",\n\t\t\t\t\"path\": \"sap.f.FlexibleColumnLayoutWithOneColumnStart.view\",\n\t\t\t\t\"controlId\": \"fcl\",\n\t\t\t\t\"transition\": \"slide\",\n\t\t\t\t\"bypassed\": {\n\t\t\t\t},\n\t\t\t\t\"async\": true\n\t\t\t},\n\t\t\t\"routes\": [\n\t\t\t\t{\n\t\t\t\t\t\"pattern\": \"page2\",\n\t\t\t\t\t\"name\": \"page2\",\n\t\t\t\t\t\"target\": \"page2\",\n\t\t\t\t\t\"layout\": \"EndColumnFullScreen\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"pattern\": \":layout:\",\n\t\t\t\t\t\"name\": \"list\",\n\t\t\t\t\t\"target\": [\n\t\t\t\t\t\t\"list\"\n\t\t\t\t\t]\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"pattern\": \"detail/{product}/{layout}\",\n\t\t\t\t\t\"name\": \"detail\",\n\t\t\t\t\t\"target\": [\n\t\t\t\t\t\t\"list\",\n\t\t\t\t\t\t\"detail\"\n\t\t\t\t\t]\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"pattern\": \"detailDetail/{product}/{supplier}/{layout}\",\n\t\t\t\t\t\"name\": \"detailDetail\",\n\t\t\t\t\t\"target\": [\n\t\t\t\t\t\t\"list\",\n\t\t\t\t\t\t\"detail\",\n\t\t\t\t\t\t\"detailDetail\"\n\t\t\t\t\t]\n\t\t\t\t}\n\t\t\t],\n\t\t\t\"targets\": {\n\t\t\t\t\"list\": {\n\t\t\t\t\t\"name\": \"List\",\n\t\t\t\t\t\"controlAggregation\": \"beginColumnPages\"\n\t\t\t\t},\n\t\t\t\t\"detail\": {\n\t\t\t\t\t\"name\": \"Detail\",\n\t\t\t\t\t\"controlAggregation\": \"midColumnPages\"\n\t\t\t\t},\n\t\t\t\t\"detailDetail\": {\n\t\t\t\t\t\"name\": \"DetailDetail\",\n\t\t\t\t\t\"controlAggregation\": \"endColumnPages\"\n\t\t\t\t},\n\t\t\t\t\"page2\": {\n\t\t\t\t\t\"name\": \"AboutPage\",\n\t\t\t\t\t\"controlAggregation\": \"endColumnPages\"\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}",
92
+ "webapp/view/AboutPage.view.xml": "<mvc:View xmlns=\"sap.m\" xmlns:mvc=\"sap.ui.core.mvc\" displayBlock=\"true\" xmlns:f=\"sap.f\" controllerName=\"sap.f.FlexibleColumnLayoutWithOneColumnStart.controller.AboutPage\" height=\"100%\">\n\t<f:DynamicPage toggleHeaderOnTitleClick=\"false\">\n\t\t<!-- DynamicPage Title -->\n\t\t<f:title>\n\t\t\t<f:DynamicPageTitle>\n\t\t\t\t<f:heading>\n\t\t\t\t\t<Title text=\"About supplier\"/>\n\t\t\t\t</f:heading>\n\n\t\t\t\t<!-- DynamicPage Actions -->\n\t\t\t\t<f:navigationActions>\n\t\t\t\t\t<OverflowToolbarButton type=\"Transparent\" icon=\"sap-icon://decline\" press=\"handleClose\" tooltip=\"Close about page\" />\n\t\t\t\t</f:navigationActions>\n\t\t\t</f:DynamicPageTitle>\n\t\t</f:title>\n\t</f:DynamicPage>\n</mvc:View>",
93
+ "webapp/view/Detail.view.xml": "<mvc:View displayBlock=\"true\" controllerName=\"sap.f.FlexibleColumnLayoutWithOneColumnStart.controller.Detail\" height=\"100%\"\n\t\txmlns=\"sap.uxap\"\n\t\txmlns:mvc=\"sap.ui.core.mvc\"\n\t\txmlns:m=\"sap.m\"\n\t\txmlns:f=\"sap.f\"\n\t\txmlns:form=\"sap.ui.layout.form\">\n\n\t<ObjectPageLayout id=\"ObjectPageLayout\"\n\t\t\t\t\t showTitleInHeaderContent=\"true\"\n\t\t\t\t\talwaysShowContentHeader=\"false\"\n\t\t\t\t\tpreserveHeaderStateOnScroll=\"false\"\n\t\t\t\t\theaderContentPinnable=\"true\"\n\t\t\t\t\tisChildPage=\"true\"\n\t\t\t\t\tupperCaseAnchorBar=\"false\">\n\t\t\t\t<headerTitle>\n\t\t\t\t\t<ObjectPageDynamicHeaderTitle>\n\t\t\t\t\t\t<expandedHeading>\n\t\t\t\t\t\t\t<m:Title text=\"{products>Name}\" wrapping=\"true\" class=\"sapUiSmallMarginEnd\"/>\n\t\t\t\t\t\t</expandedHeading>\n\n\t\t\t\t\t\t<snappedHeading>\n\t\t\t\t\t\t\t<m:FlexBox wrap=\"Wrap\" fitContainer=\"true\" alignItems=\"Center\">\n\t\t\t\t\t\t\t\t<m:FlexBox wrap=\"NoWrap\" fitContainer=\"true\" alignItems=\"Center\" class=\"sapUiTinyMarginEnd\">\n\t\t\t\t\t\t\t\t\t<f:Avatar src=\"../../../../../../../{products>ProductPicUrl}\" displaySize=\"S\" displayShape=\"Square\"/>\n\t\t\t\t\t\t\t\t\t<m:Title text=\"{products>Name}\" wrapping=\"true\" class=\"sapUiTinyMarginEnd\"/>\n\t\t\t\t\t\t\t\t</m:FlexBox>\n\t\t\t\t\t\t\t</m:FlexBox>\n\t\t\t\t\t\t</snappedHeading>\n\n\t\t\t\t\t\t<navigationActions>\n\t\t\t\t\t\t\t<m:OverflowToolbarButton type=\"Transparent\" icon=\"sap-icon://full-screen\" press=\"handleFullScreen\" id=\"enterFullScreenBtn\" tooltip=\"Enter Full Screen Mode\" visible=\"{= ${/actionButtonsInfo/midColumn/fullScreen} !== null }\"/>\n\t\t\t\t\t\t\t<m:OverflowToolbarButton type=\"Transparent\" icon=\"sap-icon://exit-full-screen\" press=\"handleExitFullScreen\" id=\"exitFullScreenBtn\" tooltip=\"Exit Full Screen Mode\" visible=\"{= ${/actionButtonsInfo/midColumn/exitFullScreen} !== null }\"/>\n\t\t\t\t\t\t\t<m:OverflowToolbarButton type=\"Transparent\" icon=\"sap-icon://decline\" press=\"handleClose\" tooltip=\"Close middle column\" visible=\"{= ${/actionButtonsInfo/midColumn/closeColumn} !== null }\"/>\n\t\t\t\t\t\t</navigationActions>\n\n\t\t\t\t\t\t<actions>\n\t\t\t\t\t\t\t<m:Button\n\t\t\t\t\t\t\t\t\ttext=\"Edit\"\n\t\t\t\t\t\t\t\t\ttype=\"Emphasized\"\n\t\t\t\t\t\t\t\t\tpress=\"toggleAreaPriority\"/>\n\t\t\t\t\t\t\t<m:Button\n\t\t\t\t\t\t\t\t\ttext=\"Delete\"\n\t\t\t\t\t\t\t\t\ttype=\"Transparent\"/>\n\t\t\t\t\t\t\t<m:Button\n\t\t\t\t\t\t\t\t\ttext=\"Copy\"\n\t\t\t\t\t\t\t\t\ttype=\"Transparent\"/>\n\t\t\t\t\t\t\t<m:Button\n\t\t\t\t\t\t\t\t\ttext=\"Toggle Footer\"\n\t\t\t\t\t\t\t\t\ttype=\"Transparent\"\n\t\t\t\t\t\t\t\t\tpress=\"onToggleFooter\"/>\n\t\t\t\t\t\t\t<m:Button\n\t\t\t\t\t\t\t\t\ticon=\"sap-icon://action\"\n\t\t\t\t\t\t\t\t\ttype=\"Transparent\"/>\n\t\t\t\t\t\t</actions>\n\n\t\t\t\t\t</ObjectPageDynamicHeaderTitle>\n\t\t\t\t</headerTitle>\n\n\t\t\t\t<headerContent>\n\t\t\t\t\t<m:FlexBox wrap=\"Wrap\" fitContainer=\"true\" alignItems=\"Stretch\">\n\t\t\t\t\t\t<f:Avatar src=\"../../../../../../../{products>ProductPicUrl}\"\n\t\t\t\t\t\t\t\t displaySize=\"L\"\n\t\t\t\t\t\t\t\t displayShape=\"Square\"\n\t\t\t\t\t\t\t\t class=\"sapUiTinyMarginEnd\">\n\t\t\t\t\t\t</f:Avatar>\n\t\t\t\t\t\t<m:VBox justifyContent=\"Center\" class=\"sapUiSmallMarginEnd\">\n\t\t\t\t\t\t\t<m:Label text=\"Main Category\"/>\n\t\t\t\t\t\t\t<m:Text text=\"{products>MainCategory}\"/>\n\t\t\t\t\t\t</m:VBox>\n\t\t\t\t\t\t<m:VBox justifyContent=\"Center\" class=\"sapUiSmallMarginEnd\">\n\t\t\t\t\t\t\t<m:Label text=\"Subcategory\"/>\n\t\t\t\t\t\t\t<m:Text text=\"{products>Category}\"/>\n\t\t\t\t\t\t</m:VBox>\n\t\t\t\t\t\t<m:VBox justifyContent=\"Center\" class=\"sapUiSmallMarginEnd\">\n\t\t\t\t\t\t\t<m:Label text=\"Price\"/>\n\t\t\t\t\t\t\t<m:ObjectNumber number=\"{products>CurrencyCode} {products>Price}\" emphasized=\"false\"/>\n\t\t\t\t\t\t</m:VBox>\n\t\t\t\t\t</m:FlexBox>\n\t\t\t\t</headerContent>\n\n\t\t<sections>\n\t\t\t<ObjectPageSection title=\"General Information\">\n\t\t\t\t<subSections>\n\t\t\t\t\t<ObjectPageSubSection>\n\t\t\t\t\t\t<blocks>\n\t\t\t\t\t\t\t<form:SimpleForm\n\t\t\t\t\t\t\t\tmaxContainerCols=\"2\"\n\t\t\t\t\t\t\t\teditable=\"false\"\n\t\t\t\t\t\t\t\tlayout=\"ResponsiveGridLayout\"\n\t\t\t\t\t\t\t\tlabelSpanL=\"12\"\n\t\t\t\t\t\t\t\tlabelSpanM=\"12\"\n\t\t\t\t\t\t\t\temptySpanL=\"0\"\n\t\t\t\t\t\t\t\temptySpanM=\"0\"\n\t\t\t\t\t\t\t\tcolumnsL=\"1\"\n\t\t\t\t\t\t\t\tcolumnsM=\"1\">\n\t\t\t\t\t\t\t\t<form:content>\n\t\t\t\t\t\t\t\t\t<m:Label text=\"Product ID\"/>\n\t\t\t\t\t\t\t\t\t<m:Text text=\"{products>ProductId}\"/>\n\t\t\t\t\t\t\t\t\t<m:Label text=\"Description\"/>\n\t\t\t\t\t\t\t\t\t<m:Text text=\"{products>Description}\"/>\n\t\t\t\t\t\t\t\t\t<m:Label text=\"Supplier\"/>\n\t\t\t\t\t\t\t\t\t<m:Text text=\"{products>SupplierName}\"/>\n\t\t\t\t\t\t\t\t</form:content>\n\t\t\t\t\t\t\t</form:SimpleForm>\n\t\t\t\t\t\t</blocks>\n\t\t\t\t\t</ObjectPageSubSection>\n\t\t\t\t</subSections>\n\t\t\t</ObjectPageSection>\n\n\t\t\t<ObjectPageSection title=\"Suppliers\">\n\t\t\t\t<subSections>\n\t\t\t\t\t<ObjectPageSubSection>\n\t\t\t\t\t\t<blocks>\n\t\t\t\t\t\t\t<m:Table\n\t\t\t\t\t\t\t\tid=\"suppliersTable\"\n\t\t\t\t\t\t\t\tmode=\"SingleSelectMaster\"\n\t\t\t\t\t\t\t\titemPress=\"handleItemPress\"\n\t\t\t\t\t\t\t\titems=\"{path : 'products>/ProductCollectionStats/Filters/1/values'}\">\n\t\t\t\t\t\t\t\t<m:columns>\n\t\t\t\t\t\t\t\t\t<m:Column />\n\t\t\t\t\t\t\t\t</m:columns>\n\t\t\t\t\t\t\t\t<m:items>\n\t\t\t\t\t\t\t\t\t<m:ColumnListItem type=\"Navigation\">\n\t\t\t\t\t\t\t\t\t\t<m:cells>\n\t\t\t\t\t\t\t\t\t\t\t<m:ObjectIdentifier text=\"{products>text}\" />\n\t\t\t\t\t\t\t\t\t\t</m:cells>\n\t\t\t\t\t\t\t\t\t</m:ColumnListItem>\n\t\t\t\t\t\t\t\t</m:items>\n\t\t\t\t\t\t\t</m:Table>\n\t\t\t\t\t\t</blocks>\n\t\t\t\t\t</ObjectPageSubSection>\n\t\t\t\t</subSections>\n\t\t\t</ObjectPageSection>\n\t\t</sections>\n\t</ObjectPageLayout>\n</mvc:View>",
94
+ "webapp/view/DetailDetail.view.xml": "<mvc:View displayBlock=\"true\" controllerName=\"sap.f.FlexibleColumnLayoutWithOneColumnStart.controller.DetailDetail\" height=\"100%\"\n\t\txmlns:mvc=\"sap.ui.core.mvc\"\n\t\txmlns=\"sap.f\"\n\t\txmlns:m=\"sap.m\">\n\n\t<DynamicPage toggleHeaderOnTitleClick=\"false\">\n\t\t<title>\n\t\t\t<DynamicPageTitle>\n\t\t\t\t<heading>\n\t\t\t\t\t<m:FlexBox wrap=\"Wrap\" fitContainer=\"true\" alignItems=\"Center\">\n\t\t\t\t\t\t<m:Title text=\"{products>text}\" wrapping=\"true\" class=\"sapUiTinyMarginEnd\"/>\n\t\t\t\t\t</m:FlexBox>\n\t\t\t\t</heading>\n\n\t\t\t\t<navigationActions>\n\t\t\t\t\t<m:OverflowToolbarButton type=\"Transparent\" icon=\"sap-icon://full-screen\" press=\"handleFullScreen\" id=\"enterFullScreenBtn\" tooltip=\"Enter Full Screen Mode\" visible=\"{= ${/actionButtonsInfo/endColumn/fullScreen} !== null }\"/>\n\t\t\t\t\t<m:OverflowToolbarButton type=\"Transparent\" icon=\"sap-icon://exit-full-screen\" press=\"handleExitFullScreen\" id=\"exitFullScreenBtn\" tooltip=\"Exit Full Screen Mode\" visible=\"{= ${/actionButtonsInfo/endColumn/exitFullScreen} !== null }\"/>\n\t\t\t\t\t<m:OverflowToolbarButton type=\"Transparent\" icon=\"sap-icon://decline\" press=\"handleClose\" tooltip=\"Close end column\" visible=\"{= ${/actionButtonsInfo/endColumn/closeColumn} !== null }\"/>\n\t\t\t\t</navigationActions>\n\n\t\t\t</DynamicPageTitle>\n\t\t</title>\n\t\t<content>\n\t\t\t<m:Link text=\"Navigate to next page…\" press=\"handleAboutPress\" />\n\t\t</content>\n\t</DynamicPage>\n</mvc:View>",
95
+ "webapp/view/FlexibleColumnLayout.view.xml": "<mvc:View xmlns=\"sap.f\" xmlns:mvc=\"sap.ui.core.mvc\" displayBlock=\"true\" controllerName=\"sap.f.FlexibleColumnLayoutWithOneColumnStart.controller.FlexibleColumnLayout\" height=\"100%\">\n\t<FlexibleColumnLayout\n\t\tautoFocus=\"false\"\n\t\tid=\"fcl\"\n\t\tstateChange=\"onStateChanged\"\n\t\trestoreFocusOnBackNavigation=\"true\"\n\t\tlayout=\"{/layout}\"\n\t\tbackgroundDesign=\"Translucent\"/>\n</mvc:View>\n",
96
+ "webapp/view/List.view.xml": "<mvc:View displayBlock=\"true\" controllerName=\"sap.f.FlexibleColumnLayoutWithOneColumnStart.controller.List\" height=\"100%\"\n\t xmlns=\"sap.m\"\n\t xmlns:f=\"sap.f\"\n\t xmlns:mvc=\"sap.ui.core.mvc\">\n\t<f:DynamicPage id=\"dynamicPageId\"\n\t\t\t\t toggleHeaderOnTitleClick=\"false\">\n\t\t<!-- DynamicPage Title -->\n\t\t<f:title>\n\t\t\t<f:DynamicPageTitle>\n\t\t\t\t<f:heading>\n\t\t\t\t\t<Title text=\"Products ({products>/ProductCollectionStats/Counts/Total})\"/>\n\t\t\t\t</f:heading>\n\t\t\t</f:DynamicPageTitle>\n\t\t</f:title>\n\n\t\t<!-- DynamicPage Content -->\n\t\t<f:content>\n\t\t\t<Table\n\t\t\t\tid=\"productsTable\"\n\t\t\t\tmode=\"SingleSelectMaster\"\n\t\t\t\titemPress=\"onListItemPress\"\n\t\t\t\tinset=\"false\"\n\t\t\t\titems=\"{\n\t\t\t\t\tpath: 'products>/ProductCollection',\n\t\t\t\t\tsorter: {\n\t\t\t\t\t\tpath: 'Name'\n\t\t\t\t\t}\n\t\t\t\t}\"\n\t\t\t\tclass=\"sapFDynamicPageAlignContent\"\n\t\t\t\twidth=\"auto\">\n\t\t\t\t<headerToolbar>\n\t\t\t\t\t<OverflowToolbar>\n\t\t\t\t\t\t<ToolbarSpacer/>\n\t\t\t\t\t\t<SearchField search=\"onSearch\" width=\"17.5rem\"/>\n\t\t\t\t\t\t<OverflowToolbarButton icon=\"sap-icon://add\" type=\"Transparent\" press=\"onAdd\"/>\n\t\t\t\t\t\t<OverflowToolbarButton icon=\"sap-icon://sort\" type=\"Transparent\" press=\"onSort\"/>\n\t\t\t\t\t</OverflowToolbar>\n\t\t\t\t</headerToolbar>\n\t\t\t\t<columns>\n\t\t\t\t\t<Column width=\"12em\">\n\t\t\t\t\t\t<Text text=\"Product\" />\n\t\t\t\t\t</Column>\n\t\t\t\t\t<Column\thAlign=\"End\">\n\t\t\t\t\t\t<Text text=\"Price\" />\n\t\t\t\t\t</Column>\n\t\t\t\t</columns>\n\t\t\t\t<items>\n\t\t\t\t\t<ColumnListItem type=\"Navigation\">\n\t\t\t\t\t\t<cells>\n\t\t\t\t\t\t\t<ObjectIdentifier title=\"{products>Name}\" text=\"{products>ProductId}\" />\n\t\t\t\t\t\t\t<ObjectNumber\n\t\t\t\t\t\t\t\t\tnumber=\"{\n\t\t\t\t\t\t\t\t\t\tparts:[{path:'products>Price'},{path:'products>CurrencyCode'}],\n\t\t\t\t\t\t\t\t\t\ttype: 'sap.ui.model.type.Currency',\n\t\t\t\t\t\t\t\t\t\tformatOptions: {showMeasure: false}\n\t\t\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\t\t\tunit=\"{products>CurrencyCode}\" />\n\t\t\t\t\t\t</cells>\n\t\t\t\t\t</ColumnListItem>\n\t\t\t\t</items>\n\t\t\t</Table>\n\t\t</f:content>\n\n\t\t<!-- DynamicPage Footer -->\n\t\t<f:footer>\n\t\t\t<OverflowToolbar>\n\t\t\t\t<ToolbarSpacer/>\n\t\t\t\t<Button type=\"Accept\" text=\"Accept\"/>\n\t\t\t\t<Button type=\"Reject\" text=\"Reject\"/>\n\t\t\t</OverflowToolbar>\n\t\t</f:footer>\n\t</f:DynamicPage>\n</mvc:View>"
97
+ },
98
+ "sap.f/FlexibleColumnLayoutWithTwoColumnStart": {
99
+ "Component.js": "sap.ui.define(['sap/ui/core/UIComponent'],\nfunction (UIComponent) {\n\t\"use strict\";\n\n\treturn UIComponent.extend(\"sap.f.sample.FlexibleColumnLayoutWithTwoColumnStart.Component\", {\n\n\t\tmetadata: {\n\t\t\tmanifest: \"json\"\n\t\t}\n\n\t});\n});\n",
100
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.f.sample.FlexibleColumnLayoutWithTwoColumnStart\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"iframe\": \"webapp/index.html\",\n\t\t\t\t\"stretch\": true,\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"webapp/view/Detail.view.xml\",\n\t\t\t\t\t\"webapp/view/DetailDetail.view.xml\",\n\t\t\t\t\t\"webapp/view/FlexibleColumnLayout.view.xml\",\n\t\t\t\t\t\"webapp/view/List.view.xml\",\n\t\t\t\t\t\"webapp/view/AboutPage.view.xml\",\n\t\t\t\t\t\"webapp/controller/Detail.controller.js\",\n\t\t\t\t\t\"webapp/controller/DetailDetail.controller.js\",\n\t\t\t\t\t\"webapp/controller/FlexibleColumnLayout.controller.js\",\n\t\t\t\t\t\"webapp/controller/List.controller.js\",\n\t\t\t\t\t\"webapp/controller/AboutPage.controller.js\",\n\t\t\t\t\t\"webapp/Component.js\",\n\t\t\t\t\t\"webapp/index.html\",\n\t\t\t\t\t\"webapp/manifest.json\",\n\t\t\t\t\t\"ui5.yaml\",\n\t\t\t\t\t\"package.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
101
+ "webapp/Component.js": "sap.ui.define([\n\t\"sap/ui/core/UIComponent\",\n\t\"sap/ui/model/json/JSONModel\",\n\t\"sap/f/library\",\n\t\"sap/f/FlexibleColumnLayoutSemanticHelper\"\n], function (UIComponent, JSONModel, library, FlexibleColumnLayoutSemanticHelper) {\n\t\"use strict\";\n\n\tvar LayoutType = library.LayoutType;\n\n\tvar Component = UIComponent.extend(\"sap.f.FlexibleColumnLayoutWithTwoColumnStart.Component\", {\n\t\tmetadata: {\n\t\t\tmanifest: \"json\"\n\t\t},\n\n\t\tinit: function () {\n\t\t\tUIComponent.prototype.init.apply(this, arguments);\n\n\t\t\tvar oModel = new JSONModel();\n\t\t\tthis.setModel(oModel);\n\n\t\t\t// set products demo model on this sample\n\t\t\tvar oProductsModel = new JSONModel(sap.ui.require.toUrl(\"sap/ui/demo/mock/products.json\"));\n\t\t\toProductsModel.setSizeLimit(1000);\n\t\t\tthis.setModel(oProductsModel, \"products\");\n\n\n\t\t\tthis.getRouter().initialize();\n\t\t},\n\n\t\t/**\n\t\t * Returns an instance of the semantic helper\n\t\t * @returns {sap.f.FlexibleColumnLayoutSemanticHelper} An instance of the semantic helper\n\t\t */\n\t\tgetHelper: function () {\n\t\t\tvar oFCL = this.getRootControl().byId(\"fcl\"),\n\t\t\toParams = new URLSearchParams(window.location.search),\n\t\t\t\toSettings = {\n\t\t\t\t\tdefaultTwoColumnLayoutType: LayoutType.TwoColumnsMidExpanded,\n\t\t\t\t\tdefaultThreeColumnLayoutType: LayoutType.ThreeColumnsMidExpanded,\n\t\t\t\t\tmode: oParams.get(\"mode\"),\n\t\t\t\t\tinitialColumnsCount: 2,\n\t\t\t\t\tmaxColumnsCount: oParams.get(\"max\")\n\t\t\t\t};\n\n\t\t\treturn FlexibleColumnLayoutSemanticHelper.getInstanceFor(oFCL, oSettings);\n\t\t}\n\t});\n\treturn Component;\n});\n",
102
+ "webapp/controller/AboutPage.controller.js": "sap.ui.define([\n\t\"sap/ui/model/json/JSONModel\",\n\t\"sap/ui/core/mvc/Controller\"\n], function (JSONModel, Controller) {\n\t\"use strict\";\n\n\treturn Controller.extend(\"sap.f.FlexibleColumnLayoutWithTwoColumnStart.controller.AboutPage\", {\n\t\tonInit: function () {\n\t\t\tthis.oRouter = this.getOwnerComponent().getRouter();\n\t\t\tthis.oModel = this.getOwnerComponent().getModel();\n\t\t},\n\t\thandleClose: function () {\n\t\t\twindow.history.go(-1);\n\t\t},\n\t\tonBack: function () {\n\t\t\twindow.history.go(-1);\n\t\t}\n\t});\n});\n",
103
+ "webapp/controller/Detail.controller.js": "sap.ui.define([\n\t\"sap/ui/model/json/JSONModel\",\n\t\"sap/ui/core/mvc/Controller\"\n], function (JSONModel, Controller) {\n\t\"use strict\";\n\n\treturn Controller.extend(\"sap.f.FlexibleColumnLayoutWithTwoColumnStart.controller.Detail\", {\n\t\tonInit: function () {\n\t\t\tvar oExitButton = this.getView().byId(\"exitFullScreenBtn\"),\n\t\t\t\toEnterButton = this.getView().byId(\"enterFullScreenBtn\");\n\n\t\t\tthis.oRouter = this.getOwnerComponent().getRouter();\n\t\t\tthis.oModel = this.getOwnerComponent().getModel();\n\n\t\t\tthis.oRouter.getRoute(\"list\").attachPatternMatched(this._onProductMatched, this);\n\t\t\tthis.oRouter.getRoute(\"detail\").attachPatternMatched(this._onProductMatched, this);\n\t\t\tthis.oRouter.getRoute(\"detailDetail\").attachPatternMatched(this._onProductMatched, this);\n\n\t\t\t[oExitButton, oEnterButton].forEach(function (oButton) {\n\t\t\t\toButton.addEventDelegate({\n\t\t\t\t\tonAfterRendering: function () {\n\t\t\t\t\t\tif (this.bFocusFullScreenButton) {\n\t\t\t\t\t\t\tthis.bFocusFullScreenButton = false;\n\t\t\t\t\t\t\toButton.focus();\n\t\t\t\t\t\t}\n\t\t\t\t\t}.bind(this)\n\t\t\t\t});\n\t\t\t}, this);\n\t\t},\n\t\thandleItemPress: function (oEvent) {\n\t\t\tvar oNextUIState = this.getOwnerComponent().getHelper().getNextUIState(2),\n\t\t\t\tsupplierPath = oEvent.getSource().getSelectedItem().getBindingContext(\"products\").getPath(),\n\t\t\t\tsupplier = supplierPath.split(\"/\").slice(-1).pop();\n\n\t\t\tthis.oRouter.navTo(\"detailDetail\", {layout: oNextUIState.layout,\n\t\t\t\tproduct: this._product, supplier: supplier});\n\t\t},\n\t\thandleFullScreen: function () {\n\t\t\tthis.bFocusFullScreenButton = true;\n\t\t\tvar sNextLayout = this.oModel.getProperty(\"/actionButtonsInfo/midColumn/fullScreen\");\n\t\t\tthis.oRouter.navTo(\"detail\", {layout: sNextLayout, product: this._product});\n\t\t},\n\t\thandleExitFullScreen: function () {\n\t\t\tthis.bFocusFullScreenButton = true;\n\t\t\tvar sNextLayout = this.oModel.getProperty(\"/actionButtonsInfo/midColumn/exitFullScreen\");\n\t\t\tthis.oRouter.navTo(\"detail\", {layout: sNextLayout, product: this._product});\n\t\t},\n\t\thandleClose: function () {\n\t\t\tvar sNextLayout = this.oModel.getProperty(\"/actionButtonsInfo/midColumn/closeColumn\");\n\t\t\tthis.oRouter.navTo(\"list\", {layout: sNextLayout});\n\t\t},\n\t\t_onProductMatched: function (oEvent) {\n\t\t\tthis._product = oEvent.getParameter(\"arguments\").product || this._product || \"0\";\n\t\t\tthis.getView().bindElement({\n\t\t\t\tpath: \"/ProductCollection/\" + this._product,\n\t\t\t\tmodel: \"products\"\n\t\t\t});\n\t\t}\n\t});\n});\n",
104
+ "webapp/controller/DetailDetail.controller.js": "sap.ui.define([\n\t\"sap/ui/model/json/JSONModel\",\n\t\"sap/ui/core/mvc/Controller\"\n], function (JSONModel, Controller) {\n\t\"use strict\";\n\n\treturn Controller.extend(\"sap.f.FlexibleColumnLayoutWithTwoColumnStart.controller.DetailDetail\", {\n\t\tonInit: function () {\n\t\t\tvar oExitButton = this.getView().byId(\"exitFullScreenBtn\"),\n\t\t\t\toEnterButton = this.getView().byId(\"enterFullScreenBtn\");\n\n\t\t\tthis.oRouter = this.getOwnerComponent().getRouter();\n\t\t\tthis.oModel = this.getOwnerComponent().getModel();\n\n\t\t\tthis.oRouter.getRoute(\"detailDetail\").attachPatternMatched(this._onSupplierMatched, this);\n\n\t\t\t[oExitButton, oEnterButton].forEach(function (oButton) {\n\t\t\t\toButton.addEventDelegate({\n\t\t\t\t\tonAfterRendering: function () {\n\t\t\t\t\t\tif (this.bFocusFullScreenButton) {\n\t\t\t\t\t\t\tthis.bFocusFullScreenButton = false;\n\t\t\t\t\t\t\toButton.focus();\n\t\t\t\t\t\t}\n\t\t\t\t\t}.bind(this)\n\t\t\t\t});\n\t\t\t}, this);\n\t\t},\n\t\thandleAboutPress: function () {\n\t\t\tvar oNextUIState = this.getOwnerComponent().getHelper().getNextUIState(3);\n\t\t\tthis.oRouter.navTo(\"page2\", {layout: oNextUIState.layout});\n\t\t},\n\t\thandleFullScreen: function () {\n\t\t\tthis.bFocusFullScreenButton = true;\n\t\t\tvar sNextLayout = this.oModel.getProperty(\"/actionButtonsInfo/endColumn/fullScreen\");\n\t\t\tthis.oRouter.navTo(\"detailDetail\", {layout: sNextLayout, product: this._product, supplier: this._supplier});\n\t\t},\n\t\thandleExitFullScreen: function () {\n\t\t\tthis.bFocusFullScreenButton = true;\n\t\t\tvar sNextLayout = this.oModel.getProperty(\"/actionButtonsInfo/endColumn/exitFullScreen\");\n\t\t\tthis.oRouter.navTo(\"detailDetail\", {layout: sNextLayout, product: this._product, supplier: this._supplier});\n\t\t},\n\t\thandleClose: function () {\n\t\t\tvar sNextLayout = this.oModel.getProperty(\"/actionButtonsInfo/endColumn/closeColumn\");\n\t\t\tthis.oRouter.navTo(\"detail\", {layout: sNextLayout, product: this._product});\n\t\t},\n\t\t_onSupplierMatched: function (oEvent) {\n\t\t\tthis._supplier = oEvent.getParameter(\"arguments\").supplier || this._supplier || \"0\";\n\t\t\tthis._product = oEvent.getParameter(\"arguments\").product || this._product || \"0\";\n\t\t\tthis.getView().bindElement({\n\t\t\t\tpath: \"/ProductCollectionStats/Filters/1/values/\" + this._supplier,\n\t\t\t\tmodel: \"products\"\n\t\t\t});\n\t\t}\n\t});\n});\n",
105
+ "webapp/controller/FlexibleColumnLayout.controller.js": "sap.ui.define([\n\t\"sap/ui/model/json/JSONModel\",\n\t\"sap/ui/core/mvc/Controller\"\n], function (JSONModel, Controller) {\n\t\"use strict\";\n\n\treturn Controller.extend(\"sap.f.FlexibleColumnLayoutWithTwoColumnStart.controller.FlexibleColumnLayout\", {\n\t\tonInit: function () {\n\t\t\tthis.oRouter = this.getOwnerComponent().getRouter();\n\t\t\tthis.oRouter.attachRouteMatched(this.onRouteMatched, this);\n\t\t\tthis.oRouter.attachBeforeRouteMatched(this.onBeforeRouteMatched, this);\n\t\t\t// Navigating to a random product in order to display two columns initially\n\t\t\tthis.oRouter.navTo(\"detail\", {layout: \"TwoColumnsMidExpanded\", product: \"95\"});\n\t\t},\n\n\t\tonBeforeRouteMatched: function(oEvent) {\n\n\t\t\tvar oModel = this.getOwnerComponent().getModel();\n\n\t\t\tvar sLayout = oEvent.getParameters().arguments.layout;\n\n\t\t\t// If there is no layout parameter, query for the default level 0 layout (normally OneColumn)\n\t\t\tif (!sLayout) {\n\t\t\t\tvar oNextUIState = this.getOwnerComponent().getHelper().getNextUIState(0);\n\t\t\t\tsLayout = oNextUIState.layout;\n\t\t\t}\n\n\t\t\t// Update the layout of the FlexibleColumnLayout\n\t\t\tif (sLayout) {\n\t\t\t\toModel.setProperty(\"/layout\", sLayout);\n\t\t\t}\n\t\t},\n\n\t\tonRouteMatched: function (oEvent) {\n\t\t\tvar sRouteName = oEvent.getParameter(\"name\"),\n\t\t\t\toArguments = oEvent.getParameter(\"arguments\");\n\n\t\t\tthis._updateUIElements();\n\n\t\t\t// Save the current route name\n\t\t\tthis.currentRouteName = sRouteName;\n\t\t\tthis.currentProduct = oArguments.product;\n\t\t\tthis.currentSupplier = oArguments.supplier;\n\t\t},\n\n\t\tonStateChanged: function (oEvent) {\n\t\t\tvar bIsNavigationArrow = oEvent.getParameter(\"isNavigationArrow\"),\n\t\t\t\tsLayout = oEvent.getParameter(\"layout\");\n\n\t\t\tthis._updateUIElements();\n\n\t\t\t// Replace the URL with the new layout if a navigation arrow was used\n\t\t\tif (bIsNavigationArrow) {\n\t\t\t\tthis.oRouter.navTo(this.currentRouteName, {layout: sLayout, product: this.currentProduct, supplier: this.currentSupplier}, true);\n\t\t\t}\n\t\t},\n\n\t\t// Update the close/fullscreen buttons visibility\n\t\t_updateUIElements: function () {\n\t\t\tvar oModel = this.getOwnerComponent().getModel();\n\t\t\tvar oUIState = this.getOwnerComponent().getHelper().getCurrentUIState();\n\t\t\toModel.setData(oUIState);\n\t\t},\n\n\t\tonExit: function () {\n\t\t\tthis.oRouter.detachRouteMatched(this.onRouteMatched, this);\n\t\t\tthis.oRouter.detachBeforeRouteMatched(this.onBeforeRouteMatched, this);\n\t\t}\n\t});\n});\n",
106
+ "webapp/controller/List.controller.js": "sap.ui.define([\n\t\"sap/ui/model/json/JSONModel\",\n\t\"sap/ui/core/mvc/Controller\",\n\t\"sap/ui/model/Filter\",\n\t\"sap/ui/model/FilterOperator\",\n\t'sap/ui/model/Sorter',\n\t'sap/m/MessageBox'\n], function (JSONModel, Controller, Filter, FilterOperator, Sorter, MessageBox) {\n\t\"use strict\";\n\n\treturn Controller.extend(\"sap.f.FlexibleColumnLayoutWithTwoColumnStart.controller.List\", {\n\t\tonInit: function () {\n\t\t\tthis.oRouter = this.getOwnerComponent().getRouter();\n\t\t\tthis._bDescendingSort = false;\n\n\t\t\tthis.oRouter.getRoute(\"list\").attachPatternMatched(this._onProductMatched, this);\n\t\t\tthis.oRouter.getRoute(\"detail\").attachPatternMatched(this._onProductMatched, this);\n\t\t\tthis.oRouter.getRoute(\"detailDetail\").attachPatternMatched(this._onProductMatched, this);\n\t\t},\n\t\tonListItemPress: function (oEvent) {\n\t\t\tvar oNextUIState = this.getOwnerComponent().getHelper().getNextUIState(1),\n\t\t\t\tproductPath = oEvent.getSource().getSelectedItem().getBindingContext(\"products\").getPath(),\n\t\t\t\tproduct = productPath.split(\"/\").slice(-1).pop();\n\n\t\t\tthis.oRouter.navTo(\"detail\", {layout: oNextUIState.layout, product: product});\n\t\t},\n\t\tonSearch: function (oEvent) {\n\t\t\tvar oTableSearchState = [],\n\t\t\t\tsQuery = oEvent.getParameter(\"query\");\n\n\t\t\tif (sQuery && sQuery.length > 0) {\n\t\t\t\toTableSearchState = [new Filter(\"Name\", FilterOperator.Contains, sQuery)];\n\t\t\t}\n\n\t\t\tthis.getView().byId(\"productsTable\").getBinding(\"items\").filter(oTableSearchState, \"Application\");\n\t\t},\n\n\t\tonAdd: function (oEvent) {\n\t\t\tMessageBox.show(\"This functionality is not ready yet.\", {\n\t\t\t\ticon: MessageBox.Icon.INFORMATION,\n\t\t\t\ttitle: \"Aw, Snap!\",\n\t\t\t\tactions: [MessageBox.Action.OK]\n\t\t\t});\n\t\t},\n\n\t\tonSort: function (oEvent) {\n\t\t\tthis._bDescendingSort = !this._bDescendingSort;\n\t\t\tvar oView = this.getView(),\n\t\t\t\toTable = oView.byId(\"productsTable\"),\n\t\t\t\toBinding = oTable.getBinding(\"items\"),\n\t\t\t\toSorter = new Sorter(\"Name\", this._bDescendingSort);\n\n\t\t\toBinding.sort(oSorter);\n\t\t},\n\n\t\t_onProductMatched: function (oEvent) {\n\t\t\tvar sProduct = oEvent.getParameter(\"arguments\").product || this._product || \"0\",\n\t\t\t\toTable = this.byId(\"productsTable\");\n\n\t\t\toTable.getItems()[oTable.getBinding(\"items\").aIndices.indexOf(+sProduct)].setSelected(true);\n\t\t}\n\t});\n});\n",
107
+ "webapp/manifest.json": "{\n\t\"sap.ui5\": {\n \"rootView\": {\n\t\t\t\"viewName\": \"sap.f.FlexibleColumnLayoutWithTwoColumnStart.view.FlexibleColumnLayout\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true,\n\t\t\t\"id\": \"fcl\"\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"minUI5Version\": \"1.98.0\",\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.f\": {},\n\t\t\t\t\"sap.m\": {},\n\t\t\t\t\"sap.ui.core\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"fullWidth\": true\n\t\t},\n\t\t\"routing\": {\n\t\t\t\"config\": {\n\t\t\t\t\"routerClass\": \"sap.f.routing.Router\",\n\t\t\t\t\"type\": \"View\",\n\t\t\t\t\"viewType\": \"XML\",\n\t\t\t\t\"path\": \"sap.f.FlexibleColumnLayoutWithTwoColumnStart.view\",\n\t\t\t\t\"controlId\": \"fcl\",\n\t\t\t\t\"transition\": \"slide\",\n\t\t\t\t\"bypassed\": {\n\t\t\t\t},\n\t\t\t\t\"async\": true\n\t\t\t},\n\t\t\t\"routes\": [\n\t\t\t\t{\n\t\t\t\t\t\"pattern\": \"page2\",\n\t\t\t\t\t\"name\": \"page2\",\n\t\t\t\t\t\"target\": \"page2\",\n\t\t\t\t\t\"layout\": \"EndColumnFullScreen\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"pattern\": \":layout:\",\n\t\t\t\t\t\"name\": \"list\",\n\t\t\t\t\t\"target\": [\n\t\t\t\t\t\t\"list\",\n\t\t\t\t\t\t\"detail\"\n\t\t\t\t\t]\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"pattern\": \"detail/{product}/{layout}\",\n\t\t\t\t\t\"name\": \"detail\",\n\t\t\t\t\t\"target\": [\n\t\t\t\t\t\t\"list\",\n\t\t\t\t\t\t\"detail\"\n\t\t\t\t\t]\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"pattern\": \"detailDetail/{product}/{supplier}/{layout}\",\n\t\t\t\t\t\"name\": \"detailDetail\",\n\t\t\t\t\t\"target\": [\n\t\t\t\t\t\t\"list\",\n\t\t\t\t\t\t\"detail\",\n\t\t\t\t\t\t\"detailDetail\"\n\t\t\t\t\t]\n\t\t\t\t}\n\t\t\t],\n\t\t\t\"targets\": {\n\t\t\t\t\"list\": {\n\t\t\t\t\t\"name\": \"List\",\n\t\t\t\t\t\"controlAggregation\": \"beginColumnPages\"\n\t\t\t\t},\n\t\t\t\t\"detail\": {\n\t\t\t\t\t\"name\": \"Detail\",\n\t\t\t\t\t\"controlAggregation\": \"midColumnPages\"\n\t\t\t\t},\n\t\t\t\t\"detailDetail\": {\n\t\t\t\t\t\"name\": \"DetailDetail\",\n\t\t\t\t\t\"controlAggregation\": \"endColumnPages\"\n\t\t\t\t},\n\t\t\t\t\"page2\": {\n\t\t\t\t\t\"name\": \"AboutPage\",\n\t\t\t\t\t\"controlAggregation\": \"endColumnPages\"\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}",
108
+ "webapp/view/AboutPage.view.xml": "<mvc:View xmlns=\"sap.m\" xmlns:mvc=\"sap.ui.core.mvc\" displayBlock=\"true\" xmlns:f=\"sap.f\" controllerName=\"sap.f.FlexibleColumnLayoutWithTwoColumnStart.controller.AboutPage\" height=\"100%\">\n\t<f:DynamicPage toggleHeaderOnTitleClick=\"false\">\n\t\t<!-- DynamicPage Title -->\n\t\t<f:title>\n\t\t\t<f:DynamicPageTitle>\n\t\t\t\t<f:heading>\n\t\t\t\t\t<Title text=\"About supplier\"/>\n\t\t\t\t</f:heading>\n\n\t\t\t\t<!-- DynamicPage Actions -->\n\t\t\t\t<f:navigationActions>\n\t\t\t\t\t<OverflowToolbarButton type=\"Transparent\" icon=\"sap-icon://decline\" press=\"handleClose\" tooltip=\"Close about page\" />\n\t\t\t\t</f:navigationActions>\n\t\t\t</f:DynamicPageTitle>\n\t\t</f:title>\n\t</f:DynamicPage>\n</mvc:View>",
109
+ "webapp/view/Detail.view.xml": "<mvc:View displayBlock=\"true\" controllerName=\"sap.f.FlexibleColumnLayoutWithTwoColumnStart.controller.Detail\" height=\"100%\"\n\t\txmlns=\"sap.uxap\"\n\t\txmlns:mvc=\"sap.ui.core.mvc\"\n\t\txmlns:m=\"sap.m\"\n\t\txmlns:f=\"sap.f\"\n\t\txmlns:form=\"sap.ui.layout.form\">\n\n\t<ObjectPageLayout id=\"ObjectPageLayout\"\n\t\t\t\t\t showTitleInHeaderContent=\"true\"\n\t\t\t\t\talwaysShowContentHeader=\"false\"\n\t\t\t\t\tpreserveHeaderStateOnScroll=\"false\"\n\t\t\t\t\theaderContentPinnable=\"true\"\n\t\t\t\t\tisChildPage=\"true\"\n\t\t\t\t\tupperCaseAnchorBar=\"false\">\n\t\t\t\t<headerTitle>\n\t\t\t\t\t<ObjectPageDynamicHeaderTitle>\n\t\t\t\t\t\t<expandedHeading>\n\t\t\t\t\t\t\t<m:Title text=\"{products>Name}\" wrapping=\"true\" class=\"sapUiSmallMarginEnd\"/>\n\t\t\t\t\t\t</expandedHeading>\n\n\t\t\t\t\t\t<snappedHeading>\n\t\t\t\t\t\t\t<m:FlexBox wrap=\"Wrap\" fitContainer=\"true\" alignItems=\"Center\">\n\t\t\t\t\t\t\t\t<m:FlexBox wrap=\"NoWrap\" fitContainer=\"true\" alignItems=\"Center\" class=\"sapUiTinyMarginEnd\">\n\t\t\t\t\t\t\t\t\t<f:Avatar src=\"../../../../../../../{products>ProductPicUrl}\" displaySize=\"S\" displayShape=\"Square\"/>\n\t\t\t\t\t\t\t\t\t<m:Title text=\"{products>Name}\" wrapping=\"true\" class=\"sapUiTinyMarginEnd\"/>\n\t\t\t\t\t\t\t\t</m:FlexBox>\n\t\t\t\t\t\t\t</m:FlexBox>\n\t\t\t\t\t\t</snappedHeading>\n\n\t\t\t\t\t\t<navigationActions>\n\t\t\t\t\t\t\t<m:OverflowToolbarButton type=\"Transparent\" icon=\"sap-icon://full-screen\" press=\"handleFullScreen\" id=\"enterFullScreenBtn\" tooltip=\"Enter Full Screen Mode\" visible=\"{= ${/actionButtonsInfo/midColumn/fullScreen} !== null }\"/>\n\t\t\t\t\t\t\t<m:OverflowToolbarButton type=\"Transparent\" icon=\"sap-icon://exit-full-screen\" press=\"handleExitFullScreen\" id=\"exitFullScreenBtn\" tooltip=\"Exit Full Screen Mode\" visible=\"{= ${/actionButtonsInfo/midColumn/exitFullScreen} !== null }\"/>\n\t\t\t\t\t\t\t<m:OverflowToolbarButton type=\"Transparent\" icon=\"sap-icon://decline\" press=\"handleClose\" tooltip=\"Close middle column\" visible=\"{= ${/actionButtonsInfo/midColumn/closeColumn} !== null }\"/>\n\t\t\t\t\t\t</navigationActions>\n\n\t\t\t\t\t\t<actions>\n\t\t\t\t\t\t\t<m:Button\n\t\t\t\t\t\t\t\t\ttext=\"Edit\"\n\t\t\t\t\t\t\t\t\ttype=\"Emphasized\"\n\t\t\t\t\t\t\t\t\tpress=\"toggleAreaPriority\"/>\n\t\t\t\t\t\t\t<m:Button\n\t\t\t\t\t\t\t\t\ttext=\"Delete\"\n\t\t\t\t\t\t\t\t\ttype=\"Transparent\"/>\n\t\t\t\t\t\t\t<m:Button\n\t\t\t\t\t\t\t\t\ttext=\"Copy\"\n\t\t\t\t\t\t\t\t\ttype=\"Transparent\"/>\n\t\t\t\t\t\t\t<m:Button\n\t\t\t\t\t\t\t\t\ttext=\"Toggle Footer\"\n\t\t\t\t\t\t\t\t\ttype=\"Transparent\"\n\t\t\t\t\t\t\t\t\tpress=\"onToggleFooter\"/>\n\t\t\t\t\t\t\t<m:Button\n\t\t\t\t\t\t\t\t\ticon=\"sap-icon://action\"\n\t\t\t\t\t\t\t\t\ttype=\"Transparent\"/>\n\t\t\t\t\t\t</actions>\n\n\t\t\t\t\t</ObjectPageDynamicHeaderTitle>\n\t\t\t\t</headerTitle>\n\n\t\t\t\t<headerContent>\n\t\t\t\t\t<m:FlexBox wrap=\"Wrap\" fitContainer=\"true\" alignItems=\"Stretch\">\n\t\t\t\t\t\t<f:Avatar src=\"../../../../../../../{products>ProductPicUrl}\"\n\t\t\t\t\t\t\t\t displaySize=\"L\"\n\t\t\t\t\t\t\t\t displayShape=\"Square\"\n\t\t\t\t\t\t\t\t class=\"sapUiTinyMarginEnd\">\n\t\t\t\t\t\t</f:Avatar>\n\t\t\t\t\t\t<m:VBox justifyContent=\"Center\" class=\"sapUiSmallMarginEnd\">\n\t\t\t\t\t\t\t<m:Label text=\"Main Category\"/>\n\t\t\t\t\t\t\t<m:Text text=\"{products>MainCategory}\"/>\n\t\t\t\t\t\t</m:VBox>\n\t\t\t\t\t\t<m:VBox justifyContent=\"Center\" class=\"sapUiSmallMarginEnd\">\n\t\t\t\t\t\t\t<m:Label text=\"Subcategory\"/>\n\t\t\t\t\t\t\t<m:Text text=\"{products>Category}\"/>\n\t\t\t\t\t\t</m:VBox>\n\t\t\t\t\t\t<m:VBox justifyContent=\"Center\" class=\"sapUiSmallMarginEnd\">\n\t\t\t\t\t\t\t<m:Label text=\"Price\"/>\n\t\t\t\t\t\t\t<m:ObjectNumber number=\"{products>CurrencyCode} {products>Price}\" emphasized=\"false\"/>\n\t\t\t\t\t\t</m:VBox>\n\t\t\t\t\t</m:FlexBox>\n\t\t\t\t</headerContent>\n\n\t\t<sections>\n\t\t\t<ObjectPageSection title=\"General Information\">\n\t\t\t\t<subSections>\n\t\t\t\t\t<ObjectPageSubSection>\n\t\t\t\t\t\t<blocks>\n\t\t\t\t\t\t\t<form:SimpleForm\n\t\t\t\t\t\t\t\tmaxContainerCols=\"2\"\n\t\t\t\t\t\t\t\teditable=\"false\"\n\t\t\t\t\t\t\t\tlayout=\"ResponsiveGridLayout\"\n\t\t\t\t\t\t\t\tlabelSpanL=\"12\"\n\t\t\t\t\t\t\t\tlabelSpanM=\"12\"\n\t\t\t\t\t\t\t\temptySpanL=\"0\"\n\t\t\t\t\t\t\t\temptySpanM=\"0\"\n\t\t\t\t\t\t\t\tcolumnsL=\"1\"\n\t\t\t\t\t\t\t\tcolumnsM=\"1\">\n\t\t\t\t\t\t\t\t<form:content>\n\t\t\t\t\t\t\t\t\t<m:Label text=\"Product ID\"/>\n\t\t\t\t\t\t\t\t\t<m:Text text=\"{products>ProductId}\"/>\n\t\t\t\t\t\t\t\t\t<m:Label text=\"Description\"/>\n\t\t\t\t\t\t\t\t\t<m:Text text=\"{products>Description}\"/>\n\t\t\t\t\t\t\t\t\t<m:Label text=\"Supplier\"/>\n\t\t\t\t\t\t\t\t\t<m:Text text=\"{products>SupplierName}\"/>\n\t\t\t\t\t\t\t\t</form:content>\n\t\t\t\t\t\t\t</form:SimpleForm>\n\t\t\t\t\t\t</blocks>\n\t\t\t\t\t</ObjectPageSubSection>\n\t\t\t\t</subSections>\n\t\t\t</ObjectPageSection>\n\n\t\t\t<ObjectPageSection title=\"Suppliers\">\n\t\t\t\t<subSections>\n\t\t\t\t\t<ObjectPageSubSection>\n\t\t\t\t\t\t<blocks>\n\t\t\t\t\t\t\t<m:Table\n\t\t\t\t\t\t\t\tid=\"suppliersTable\"\n\t\t\t\t\t\t\t\tmode=\"SingleSelectMaster\"\n\t\t\t\t\t\t\t\titemPress=\"handleItemPress\"\n\t\t\t\t\t\t\t\titems=\"{path : 'products>/ProductCollectionStats/Filters/1/values'}\">\n\t\t\t\t\t\t\t\t<m:columns>\n\t\t\t\t\t\t\t\t\t<m:Column />\n\t\t\t\t\t\t\t\t</m:columns>\n\t\t\t\t\t\t\t\t<m:items>\n\t\t\t\t\t\t\t\t\t<m:ColumnListItem type=\"Navigation\">\n\t\t\t\t\t\t\t\t\t\t<m:cells>\n\t\t\t\t\t\t\t\t\t\t\t<m:ObjectIdentifier text=\"{products>text}\" />\n\t\t\t\t\t\t\t\t\t\t</m:cells>\n\t\t\t\t\t\t\t\t\t</m:ColumnListItem>\n\t\t\t\t\t\t\t\t</m:items>\n\t\t\t\t\t\t\t</m:Table>\n\t\t\t\t\t\t</blocks>\n\t\t\t\t\t</ObjectPageSubSection>\n\t\t\t\t</subSections>\n\t\t\t</ObjectPageSection>\n\t\t</sections>\n\t</ObjectPageLayout>\n</mvc:View>",
110
+ "webapp/view/DetailDetail.view.xml": "<mvc:View displayBlock=\"true\" controllerName=\"sap.f.FlexibleColumnLayoutWithTwoColumnStart.controller.DetailDetail\" height=\"100%\"\n\t\txmlns:mvc=\"sap.ui.core.mvc\"\n\t\txmlns=\"sap.f\"\n\t\txmlns:m=\"sap.m\">\n\n\t<DynamicPage toggleHeaderOnTitleClick=\"false\">\n\t\t<title>\n\t\t\t<DynamicPageTitle>\n\t\t\t\t<heading>\n\t\t\t\t\t<m:FlexBox wrap=\"Wrap\" fitContainer=\"true\" alignItems=\"Center\">\n\t\t\t\t\t\t<m:Title text=\"{products>text}\" wrapping=\"true\" class=\"sapUiTinyMarginEnd\"/>\n\t\t\t\t\t</m:FlexBox>\n\t\t\t\t</heading>\n\n\t\t\t\t<navigationActions>\n\t\t\t\t\t<m:OverflowToolbarButton type=\"Transparent\" icon=\"sap-icon://full-screen\" press=\"handleFullScreen\" id=\"enterFullScreenBtn\" tooltip=\"Enter Full Screen Mode\" visible=\"{= ${/actionButtonsInfo/endColumn/fullScreen} !== null }\"/>\n\t\t\t\t\t<m:OverflowToolbarButton type=\"Transparent\" icon=\"sap-icon://exit-full-screen\" press=\"handleExitFullScreen\" id=\"exitFullScreenBtn\" tooltip=\"Exit Full Screen Mode\" visible=\"{= ${/actionButtonsInfo/endColumn/exitFullScreen} !== null }\"/>\n\t\t\t\t\t<m:OverflowToolbarButton type=\"Transparent\" icon=\"sap-icon://decline\" press=\"handleClose\" tooltip=\"Close end column\" visible=\"{= ${/actionButtonsInfo/endColumn/closeColumn} !== null }\"/>\n\t\t\t\t</navigationActions>\n\n\t\t\t</DynamicPageTitle>\n\t\t</title>\n\t\t<content>\n\t\t\t<m:Link text=\"Navigate to next page…\" press=\"handleAboutPress\" />\n\t\t</content>\n\t</DynamicPage>\n</mvc:View>",
111
+ "webapp/view/FlexibleColumnLayout.view.xml": "<mvc:View xmlns=\"sap.f\" xmlns:mvc=\"sap.ui.core.mvc\" displayBlock=\"true\" controllerName=\"sap.f.FlexibleColumnLayoutWithTwoColumnStart.controller.FlexibleColumnLayout\" height=\"100%\">\n\t<FlexibleColumnLayout id=\"fcl\" stateChange=\"onStateChanged\"\tlayout=\"{/layout}\" backgroundDesign=\"Translucent\"/>\n</mvc:View>\n",
112
+ "webapp/view/List.view.xml": "<mvc:View displayBlock=\"true\" controllerName=\"sap.f.FlexibleColumnLayoutWithTwoColumnStart.controller.List\" height=\"100%\"\n\t xmlns=\"sap.m\"\n\t xmlns:f=\"sap.f\"\n\t xmlns:mvc=\"sap.ui.core.mvc\">\n\t<f:DynamicPage id=\"dynamicPageId\"\n\t\t\t\t toggleHeaderOnTitleClick=\"false\">\n\t\t<!-- DynamicPage Title -->\n\t\t<f:title>\n\t\t\t<f:DynamicPageTitle>\n\t\t\t\t<f:heading>\n\t\t\t\t\t<Title text=\"Products ({products>/ProductCollectionStats/Counts/Total})\"/>\n\t\t\t\t</f:heading>\n\t\t\t</f:DynamicPageTitle>\n\t\t</f:title>\n\n\t\t<!-- DynamicPage Content -->\n\t\t<f:content>\n\t\t\t<Table\n\t\t\t\tid=\"productsTable\"\n\t\t\t\tmode=\"SingleSelectMaster\"\n\t\t\t\titemPress=\"onListItemPress\"\n\t\t\t\tinset=\"false\"\n\t\t\t\titems=\"{\n\t\t\t\t\tpath: 'products>/ProductCollection',\n\t\t\t\t\tsorter: {\n\t\t\t\t\t\tpath: 'Name'\n\t\t\t\t\t}\n\t\t\t\t}\"\n\t\t\t\tclass=\"sapFDynamicPageAlignContent\"\n\t\t\t\twidth=\"auto\">\n\t\t\t\t<headerToolbar>\n\t\t\t\t\t<OverflowToolbar>\n\t\t\t\t\t\t<ToolbarSpacer/>\n\t\t\t\t\t\t<SearchField search=\"onSearch\" width=\"17.5rem\"/>\n\t\t\t\t\t\t<OverflowToolbarButton icon=\"sap-icon://add\" type=\"Transparent\" press=\"onAdd\"/>\n\t\t\t\t\t\t<OverflowToolbarButton icon=\"sap-icon://sort\" type=\"Transparent\" press=\"onSort\"/>\n\t\t\t\t\t</OverflowToolbar>\n\t\t\t\t</headerToolbar>\n\t\t\t\t<columns>\n\t\t\t\t\t<Column width=\"12em\">\n\t\t\t\t\t\t<Text text=\"Product\" />\n\t\t\t\t\t</Column>\n\t\t\t\t\t<Column\thAlign=\"End\">\n\t\t\t\t\t\t<Text text=\"Price\" />\n\t\t\t\t\t</Column>\n\t\t\t\t</columns>\n\t\t\t\t<items>\n\t\t\t\t\t<ColumnListItem type=\"Navigation\">\n\t\t\t\t\t\t<cells>\n\t\t\t\t\t\t\t<ObjectIdentifier title=\"{products>Name}\" text=\"{products>ProductId}\" />\n\t\t\t\t\t\t\t<ObjectNumber\n\t\t\t\t\t\t\t\t\tnumber=\"{\n\t\t\t\t\t\t\t\t\t\tparts:[{path:'products>Price'},{path:'products>CurrencyCode'}],\n\t\t\t\t\t\t\t\t\t\ttype: 'sap.ui.model.type.Currency',\n\t\t\t\t\t\t\t\t\t\tformatOptions: {showMeasure: false}\n\t\t\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\t\t\tunit=\"{products>CurrencyCode}\" />\n\t\t\t\t\t\t</cells>\n\t\t\t\t\t</ColumnListItem>\n\t\t\t\t</items>\n\t\t\t</Table>\n\t\t</f:content>\n\n\t\t<!-- DynamicPage Footer -->\n\t\t<f:footer>\n\t\t\t<OverflowToolbar>\n\t\t\t\t<ToolbarSpacer/>\n\t\t\t\t<Button type=\"Accept\" text=\"Accept\"/>\n\t\t\t\t<Button type=\"Reject\" text=\"Reject\"/>\n\t\t\t</OverflowToolbar>\n\t\t</f:footer>\n\t</f:DynamicPage>\n</mvc:View>"
113
+ },
114
+ "sap.f/ShellBarWithFlexibleColumnLayout": {
115
+ "Component.js": "sap.ui.define(['sap/ui/core/UIComponent'],\nfunction (UIComponent) {\n\t\"use strict\";\n\n\treturn UIComponent.extend(\"sap.f.sample.ShellBarWithFlexibleColumnLayout.Component\", {\n\t\tmetadata: {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n});\n",
116
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.f.sample.ShellBarWithFlexibleColumnLayout\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"iframe\": \"webapp/index.html\",\n\t\t\t\t\"stretch\": true,\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"webapp/view/Detail.view.xml\",\n\t\t\t\t\t\"webapp/view/DetailDetail.view.xml\",\n\t\t\t\t\t\"webapp/view/FlexibleColumnLayout.view.xml\",\n\t\t\t\t\t\"webapp/view/List.view.xml\",\n\t\t\t\t\t\"webapp/view/AboutPage.view.xml\",\n\t\t\t\t\t\"webapp/controller/Detail.controller.js\",\n\t\t\t\t\t\"webapp/controller/DetailDetail.controller.js\",\n\t\t\t\t\t\"webapp/controller/FlexibleColumnLayout.controller.js\",\n\t\t\t\t\t\"webapp/controller/List.controller.js\",\n\t\t\t\t\t\"webapp/controller/AboutPage.controller.js\",\n\t\t\t\t\t\"webapp/Component.js\",\n\t\t\t\t\t\"webapp/index.html\",\n\t\t\t\t\t\"webapp/manifest.json\",\n\t\t\t\t\t\"ui5.yaml\",\n\t\t\t\t\t\"package.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
117
+ "webapp/Component.js": "sap.ui.define([\n\t\"sap/ui/core/UIComponent\",\n\t\"sap/ui/model/json/JSONModel\",\n\t\"sap/f/library\",\n\t\"sap/f/FlexibleColumnLayoutSemanticHelper\"\n], function (UIComponent, JSONModel, library, FlexibleColumnLayoutSemanticHelper) {\n\t\"use strict\";\n\n\tvar LayoutType = library.LayoutType;\n\n\tvar Component = UIComponent.extend(\"sap.f.ShellBarWithFlexibleColumnLayout.Component\", {\n\t\tmetadata: {\n\t\t\tmanifest: \"json\"\n\t\t},\n\n\t\tinit: function () {\n\t\t\tUIComponent.prototype.init.apply(this, arguments);\n\n\t\t\tvar oModel = new JSONModel();\n\t\t\tthis.setModel(oModel);\n\n\t\t\t// set products demo model on this sample\n\t\t\tvar oProductsModel = new JSONModel(sap.ui.require.toUrl(\"sap/ui/demo/mock/products.json\"));\n\t\t\toProductsModel.setSizeLimit(1000);\n\t\t\tthis.setModel(oProductsModel, \"products\");\n\n\n\t\t\tthis.getRouter().initialize();\n\t\t},\n\n\t\t/**\n\t\t * Returns an instance of the semantic helper\n\t\t * @returns {sap.f.FlexibleColumnLayoutSemanticHelper} An instance of the semantic helper\n\t\t */\n\t\tgetHelper: function () {\n\t\t\tvar oFCL = this.getRootControl().byId(\"fcl\"),\n\t\t\t\toParams = new URLSearchParams(window.location.search),\n\t\t\t\toSettings = {\n\t\t\t\t\tdefaultTwoColumnLayoutType: LayoutType.TwoColumnsMidExpanded,\n\t\t\t\t\tdefaultThreeColumnLayoutType: LayoutType.ThreeColumnsMidExpanded,\n\t\t\t\t\tmode: oParams.get(\"mode\"),\n\t\t\t\t\tinitialColumnsCount: oParams.get(\"initial\"),\n\t\t\t\t\tmaxColumnsCount: oParams.get(\"max\")\n\t\t\t\t};\n\n\t\t\treturn FlexibleColumnLayoutSemanticHelper.getInstanceFor(oFCL, oSettings);\n\t\t}\n\t});\n\treturn Component;\n});\n",
118
+ "webapp/controller/AboutPage.controller.js": "sap.ui.define([\n\t\"sap/ui/model/json/JSONModel\",\n\t\"sap/ui/core/mvc/Controller\"\n], function (JSONModel, Controller) {\n\t\"use strict\";\n\n\treturn Controller.extend(\"sap.f.ShellBarWithFlexibleColumnLayout.controller.AboutPage\", {\n\t\tonInit: function () {\n\t\t\tthis.oRouter = this.getOwnerComponent().getRouter();\n\t\t\tthis.oModel = this.getOwnerComponent().getModel();\n\t\t},\n\t\tonBack: function () {\n\t\t\twindow.history.go(-1);\n\t\t}\n\t});\n});\n",
119
+ "webapp/controller/Detail.controller.js": "sap.ui.define([\n\t\"sap/ui/model/json/JSONModel\",\n\t\"sap/ui/core/mvc/Controller\"\n], function (JSONModel, Controller) {\n\t\"use strict\";\n\n\treturn Controller.extend(\"sap.f.ShellBarWithFlexibleColumnLayout.controller.Detail\", {\n\t\tonInit: function () {\n\t\t\tvar oExitButton = this.getView().byId(\"exitFullScreenBtn\"),\n\t\t\t\toEnterButton = this.getView().byId(\"enterFullScreenBtn\");\n\n\t\t\tthis.oRouter = this.getOwnerComponent().getRouter();\n\t\t\tthis.oModel = this.getOwnerComponent().getModel();\n\n\t\t\tthis.oRouter.getRoute(\"detail\").attachPatternMatched(this._onProductMatched, this);\n\t\t\tthis.oRouter.getRoute(\"detailDetail\").attachPatternMatched(this._onProductMatched, this);\n\n\t\t\t[oExitButton, oEnterButton].forEach(function (oButton) {\n\t\t\t\toButton.addEventDelegate({\n\t\t\t\t\tonAfterRendering: function () {\n\t\t\t\t\t\tif (this.bFocusFullScreenButton) {\n\t\t\t\t\t\t\tthis.bFocusFullScreenButton = false;\n\t\t\t\t\t\t\toButton.focus();\n\t\t\t\t\t\t}\n\t\t\t\t\t}.bind(this)\n\t\t\t\t});\n\t\t\t}, this);\n\t\t},\n\t\thandleItemPress: function (oEvent) {\n\t\t\tvar oNextUIState = this.getOwnerComponent().getHelper().getNextUIState(2),\n\t\t\t\tsupplierPath = oEvent.getSource().getSelectedItem().getBindingContext(\"products\").getPath(),\n\t\t\t\tsupplier = supplierPath.split(\"/\").slice(-1).pop();\n\n\t\t\tthis.oRouter.navTo(\"detailDetail\", {layout: oNextUIState.layout,\n\t\t\t\tproduct: this._product, supplier: supplier});\n\t\t},\n\t\thandleFullScreen: function () {\n\t\t\tthis.bFocusFullScreenButton = true;\n\t\t\tvar sNextLayout = this.oModel.getProperty(\"/actionButtonsInfo/midColumn/fullScreen\");\n\t\t\tthis.oRouter.navTo(\"detail\", {layout: sNextLayout, product: this._product});\n\t\t},\n\t\thandleExitFullScreen: function () {\n\t\t\tthis.bFocusFullScreenButton = true;\n\t\t\tvar sNextLayout = this.oModel.getProperty(\"/actionButtonsInfo/midColumn/exitFullScreen\");\n\t\t\tthis.oRouter.navTo(\"detail\", {layout: sNextLayout, product: this._product});\n\t\t},\n\t\thandleClose: function () {\n\t\t\tvar sNextLayout = this.oModel.getProperty(\"/actionButtonsInfo/midColumn/closeColumn\");\n\t\t\tthis.oRouter.navTo(\"list\", {layout: sNextLayout});\n\t\t},\n\t\t_onProductMatched: function (oEvent) {\n\t\t\tthis._product = oEvent.getParameter(\"arguments\").product || this._product || \"0\";\n\t\t\tthis.getView().bindElement({\n\t\t\t\tpath: \"/ProductCollection/\" + this._product,\n\t\t\t\tmodel: \"products\"\n\t\t\t});\n\t\t}\n\t});\n});\n",
120
+ "webapp/controller/DetailDetail.controller.js": "sap.ui.define([\n\t\"sap/ui/model/json/JSONModel\",\n\t\"sap/ui/core/mvc/Controller\"\n], function (JSONModel, Controller) {\n\t\"use strict\";\n\n\treturn Controller.extend(\"sap.f.ShellBarWithFlexibleColumnLayout.controller.DetailDetail\", {\n\t\tonInit: function () {\n\t\t\tvar oExitButton = this.getView().byId(\"exitFullScreenBtn\"),\n\t\t\t\toEnterButton = this.getView().byId(\"enterFullScreenBtn\");\n\n\t\t\tthis.oRouter = this.getOwnerComponent().getRouter();\n\t\t\tthis.oModel = this.getOwnerComponent().getModel();\n\n\t\t\tthis.oRouter.getRoute(\"detailDetail\").attachPatternMatched(this._onSupplierMatched, this);\n\n\t\t\t[oExitButton, oEnterButton].forEach(function (oButton) {\n\t\t\t\toButton.addEventDelegate({\n\t\t\t\t\tonAfterRendering: function () {\n\t\t\t\t\t\tif (this.bFocusFullScreenButton) {\n\t\t\t\t\t\t\tthis.bFocusFullScreenButton = false;\n\t\t\t\t\t\t\toButton.focus();\n\t\t\t\t\t\t}\n\t\t\t\t\t}.bind(this)\n\t\t\t\t});\n\t\t\t}, this);\n\t\t},\n\t\thandleAboutPress: function () {\n\t\t\tvar oNextUIState = this.getOwnerComponent().getHelper().getNextUIState(3);\n\t\t\tthis.oRouter.navTo(\"page2\", {layout: oNextUIState.layout});\n\t\t},\n\t\thandleFullScreen: function () {\n\t\t\tthis.bFocusFullScreenButton = true;\n\t\t\tvar sNextLayout = this.oModel.getProperty(\"/actionButtonsInfo/endColumn/fullScreen\");\n\t\t\tthis.oRouter.navTo(\"detailDetail\", {layout: sNextLayout, product: this._product, supplier: this._supplier});\n\t\t},\n\t\thandleExitFullScreen: function () {\n\t\t\tthis.bFocusFullScreenButton = true;\n\t\t\tvar sNextLayout = this.oModel.getProperty(\"/actionButtonsInfo/endColumn/exitFullScreen\");\n\t\t\tthis.oRouter.navTo(\"detailDetail\", {layout: sNextLayout, product: this._product, supplier: this._supplier});\n\t\t},\n\t\thandleClose: function () {\n\t\t\tvar sNextLayout = this.oModel.getProperty(\"/actionButtonsInfo/endColumn/closeColumn\");\n\t\t\tthis.oRouter.navTo(\"detail\", {layout: sNextLayout, product: this._product});\n\t\t},\n\t\t_onSupplierMatched: function (oEvent) {\n\t\t\tthis._supplier = oEvent.getParameter(\"arguments\").supplier || this._supplier || \"0\";\n\t\t\tthis._product = oEvent.getParameter(\"arguments\").product || this._product || \"0\";\n\t\t\tthis.getView().bindElement({\n\t\t\t\tpath: \"/ProductCollectionStats/Filters/1/values/\" + this._supplier,\n\t\t\t\tmodel: \"products\"\n\t\t\t});\n\t\t}\n\t});\n});\n",
121
+ "webapp/controller/FlexibleColumnLayout.controller.js": "sap.ui.define([\n\t\"sap/ui/model/json/JSONModel\",\n\t\"sap/ui/core/mvc/Controller\"\n], function (JSONModel, Controller) {\n\t\"use strict\";\n\n\treturn Controller.extend(\"sap.f.ShellBarWithFlexibleColumnLayout.controller.FlexibleColumnLayout\", {\n\t\tonInit: function () {\n\t\t\tthis.oRouter = this.getOwnerComponent().getRouter();\n\t\t\tthis.oRouter.attachRouteMatched(this.onRouteMatched, this);\n\t\t\tthis.oRouter.attachBeforeRouteMatched(this.onBeforeRouteMatched, this);\n\t\t},\n\n\t\tonBeforeRouteMatched: function(oEvent) {\n\n\t\t\tvar oModel = this.getOwnerComponent().getModel();\n\n\t\t\tvar sLayout = oEvent.getParameters().arguments.layout;\n\n\t\t\t// If there is no layout parameter, query for the default level 0 layout (normally OneColumn)\n\t\t\tif (!sLayout) {\n\t\t\t\tvar oNextUIState = this.getOwnerComponent().getHelper().getNextUIState(0);\n\t\t\t\tsLayout = oNextUIState.layout;\n\t\t\t}\n\n\t\t\t// Update the layout of the FlexibleColumnLayout\n\t\t\tif (sLayout) {\n\t\t\t\toModel.setProperty(\"/layout\", sLayout);\n\t\t\t}\n\t\t},\n\n\t\tonRouteMatched: function (oEvent) {\n\t\t\tvar sRouteName = oEvent.getParameter(\"name\"),\n\t\t\t\toArguments = oEvent.getParameter(\"arguments\");\n\n\t\t\tthis._updateUIElements();\n\n\t\t\t// Save the current route name\n\t\t\tthis.currentRouteName = sRouteName;\n\t\t\tthis.currentProduct = oArguments.product;\n\t\t\tthis.currentSupplier = oArguments.supplier;\n\t\t},\n\n\t\tonStateChanged: function (oEvent) {\n\t\t\tvar bIsNavigationArrow = oEvent.getParameter(\"isNavigationArrow\"),\n\t\t\t\tsLayout = oEvent.getParameter(\"layout\");\n\n\t\t\tthis._updateUIElements();\n\n\t\t\t// Replace the URL with the new layout if a navigation arrow was used\n\t\t\tif (bIsNavigationArrow) {\n\t\t\t\tthis.oRouter.navTo(this.currentRouteName, {layout: sLayout, product: this.currentProduct, supplier: this.currentSupplier}, true);\n\t\t\t}\n\t\t},\n\n\t\t// Update the close/fullscreen buttons visibility\n\t\t_updateUIElements: function () {\n\t\t\tvar oModel = this.getOwnerComponent().getModel();\n\t\t\tvar oUIState = this.getOwnerComponent().getHelper().getCurrentUIState();\n\t\t\toModel.setData(oUIState);\n\t\t},\n\n\t\thandleBackButtonPressed: function () {\n\t\t\twindow.history.go(-1);\n\t\t},\n\n\t\tonExit: function () {\n\t\t\tthis.oRouter.detachRouteMatched(this.onRouteMatched, this);\n\t\t\tthis.oRouter.detachBeforeRouteMatched(this.onBeforeRouteMatched, this);\n\t\t}\n\t});\n});\n",
122
+ "webapp/controller/List.controller.js": "sap.ui.define([\n\t\"sap/ui/model/json/JSONModel\",\n\t\"sap/ui/core/mvc/Controller\",\n\t\"sap/ui/model/Filter\",\n\t\"sap/ui/model/FilterOperator\",\n\t'sap/ui/model/Sorter',\n\t'sap/m/MessageBox'\n], function (JSONModel, Controller, Filter, FilterOperator, Sorter, MessageBox) {\n\t\"use strict\";\n\n\treturn Controller.extend(\"sap.f.ShellBarWithFlexibleColumnLayout.controller.List\", {\n\t\tonInit: function () {\n\t\t\tthis.oRouter = this.getOwnerComponent().getRouter();\n\t\t\tthis._bDescendingSort = false;\n\t\t},\n\t\tonListItemPress: function (oEvent) {\n\t\t\tvar oNextUIState = this.getOwnerComponent().getHelper().getNextUIState(1),\n\t\t\t\tproductPath = oEvent.getSource().getSelectedItem().getBindingContext(\"products\").getPath(),\n\t\t\t\tproduct = productPath.split(\"/\").slice(-1).pop();\n\n\t\t\tthis.oRouter.navTo(\"detail\", {layout: oNextUIState.layout, product: product});\n\t\t},\n\t\tonSearch: function (oEvent) {\n\t\t\tvar oTableSearchState = [],\n\t\t\t\tsQuery = oEvent.getParameter(\"query\");\n\n\t\t\tif (sQuery && sQuery.length > 0) {\n\t\t\t\toTableSearchState = [new Filter(\"Name\", FilterOperator.Contains, sQuery)];\n\t\t\t}\n\n\t\t\tthis.getView().byId(\"productsTable\").getBinding(\"items\").filter(oTableSearchState, \"Application\");\n\t\t},\n\n\t\tonAdd: function (oEvent) {\n\t\t\tMessageBox.show(\"This functionality is not ready yet.\", {\n\t\t\t\ticon: MessageBox.Icon.INFORMATION,\n\t\t\t\ttitle: \"Aw, Snap!\",\n\t\t\t\tactions: [MessageBox.Action.OK]\n\t\t\t});\n\t\t},\n\n\t\tonSort: function (oEvent) {\n\t\t\tthis._bDescendingSort = !this._bDescendingSort;\n\t\t\tvar oView = this.getView(),\n\t\t\t\toTable = oView.byId(\"productsTable\"),\n\t\t\t\toBinding = oTable.getBinding(\"items\"),\n\t\t\t\toSorter = new Sorter(\"Name\", this._bDescendingSort);\n\n\t\t\toBinding.sort(oSorter);\n\t\t}\n\t});\n});\n",
123
+ "webapp/manifest.json": "{\n\t\"sap.ui5\": {\n \"rootView\": {\n\t\t\t\"viewName\": \"sap.f.ShellBarWithFlexibleColumnLayout.view.FlexibleColumnLayout\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true,\n\t\t\t\"id\": \"fcl\"\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"minUI5Version\": \"1.98.0\",\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.ui.core\": {\n\t\t\t\t},\n\t\t\t\t\"sap.m\": {\n\t\t\t\t},\n\t\t\t\t\"sap.f\": {\n\t\t\t\t},\n\t\t\t\t\"sap.ui.layout\": {\n\t\t\t\t},\n\t\t\t\t\"sap.uxap\": {\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"fullWidth\": true\n\t\t},\n\t\t\"routing\": {\n\t\t\t\"config\": {\n\t\t\t\t\"routerClass\": \"sap.f.routing.Router\",\n\t\t\t\t\"type\": \"View\",\n\t\t\t\t\"viewType\": \"XML\",\n\t\t\t\t\"path\": \"sap.f.ShellBarWithFlexibleColumnLayout.view\",\n\t\t\t\t\"controlId\": \"fcl\",\n\t\t\t\t\"transition\": \"slide\",\n\t\t\t\t\"bypassed\": {\n\t\t\t\t},\n\t\t\t\t\"async\": true\n\t\t\t},\n\t\t\t\"routes\": [\n\t\t\t\t{\n\t\t\t\t\t\"pattern\": \"page2\",\n\t\t\t\t\t\"name\": \"page2\",\n\t\t\t\t\t\"target\": \"page2\",\n\t\t\t\t\t\"layout\": \"EndColumnFullScreen\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"pattern\": \":layout:\",\n\t\t\t\t\t\"name\": \"list\",\n\t\t\t\t\t\"target\": [\n\t\t\t\t\t\t\"list\"\n\t\t\t\t\t]\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"pattern\": \"detail/{product}/{layout}\",\n\t\t\t\t\t\"name\": \"detail\",\n\t\t\t\t\t\"target\": [\n\t\t\t\t\t\t\"list\",\n\t\t\t\t\t\t\"detail\"\n\t\t\t\t\t]\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"pattern\": \"detailDetail/{product}/{supplier}/{layout}\",\n\t\t\t\t\t\"name\": \"detailDetail\",\n\t\t\t\t\t\"target\": [\n\t\t\t\t\t\t\"list\",\n\t\t\t\t\t\t\"detail\",\n\t\t\t\t\t\t\"detailDetail\"\n\t\t\t\t\t]\n\t\t\t\t}\n\t\t\t],\n\t\t\t\"targets\": {\n\t\t\t\t\"list\": {\n\t\t\t\t\t\"name\": \"List\",\n\t\t\t\t\t\"controlAggregation\": \"beginColumnPages\"\n\t\t\t\t},\n\t\t\t\t\"detail\": {\n\t\t\t\t\t\"name\": \"Detail\",\n\t\t\t\t\t\"controlAggregation\": \"midColumnPages\"\n\t\t\t\t},\n\t\t\t\t\"detailDetail\": {\n\t\t\t\t\t\"name\": \"DetailDetail\",\n\t\t\t\t\t\"controlAggregation\": \"endColumnPages\"\n\t\t\t\t},\n\t\t\t\t\"page2\": {\n\t\t\t\t\t\"name\": \"AboutPage\",\n\t\t\t\t\t\"controlAggregation\": \"endColumnPages\"\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}",
124
+ "webapp/view/AboutPage.view.xml": "<mvc:View xmlns=\"sap.m\" displayBlock=\"true\" xmlns:mvc=\"sap.ui.core.mvc\" xmlns:f=\"sap.f\" controllerName=\"sap.f.ShellBarWithFlexibleColumnLayout.controller.AboutPage\" height=\"100%\">\n\t<f:DynamicPage toggleHeaderOnTitleClick=\"false\">\n\t\t<!-- DynamicPage Title -->\n\t\t<f:title>\n\t\t\t<f:DynamicPageTitle>\n\t\t\t\t<f:heading>\n\t\t\t\t\t<Title text=\"About supplier\"/>\n\t\t\t\t</f:heading>\n\t\t\t</f:DynamicPageTitle>\n\t\t</f:title>\n\t</f:DynamicPage>\n</mvc:View>",
125
+ "webapp/view/Detail.view.xml": "<mvc:View displayBlock=\"true\" controllerName=\"sap.f.ShellBarWithFlexibleColumnLayout.controller.Detail\" height=\"100%\"\n\t\txmlns=\"sap.uxap\"\n\t\txmlns:mvc=\"sap.ui.core.mvc\"\n\t\txmlns:m=\"sap.m\"\n\t\txmlns:f=\"sap.f\"\n\t\txmlns:form=\"sap.ui.layout.form\">\n\n\t<ObjectPageLayout id=\"ObjectPageLayout\"\n\t\t\t\t\t showTitleInHeaderContent=\"true\"\n\t\t\t\t\talwaysShowContentHeader=\"false\"\n\t\t\t\t\tpreserveHeaderStateOnScroll=\"false\"\n\t\t\t\t\theaderContentPinnable=\"true\"\n\t\t\t\t\tisChildPage=\"true\"\n\t\t\t\t\tupperCaseAnchorBar=\"false\">\n\t\t\t\t<headerTitle>\n\t\t\t\t\t<ObjectPageDynamicHeaderTitle>\n\t\t\t\t\t\t<expandedHeading>\n\t\t\t\t\t\t\t<m:Title text=\"{products>Name}\" wrapping=\"true\" class=\"sapUiSmallMarginEnd\"/>\n\t\t\t\t\t\t</expandedHeading>\n\n\t\t\t\t\t\t<snappedHeading>\n\t\t\t\t\t\t\t<m:HBox wrap=\"NoWrap\" alignItems=\"Center\" class=\"sapUiTinyMarginEnd\">\n\t\t\t\t\t\t\t\t<m:Avatar src=\"../../../../../../../{products>ProductPicUrl}\" displaySize=\"S\" displayShape=\"Square\" class=\"sapUiTinyMarginEnd\"/>\n\t\t\t\t\t\t\t\t<m:VBox wrap=\"Wrap\">\n\t\t\t\t\t\t\t\t\t<m:Title text=\"{products>Name}\" wrapping=\"true\" />\n\t\t\t\t\t\t\t\t\t<m:Label text=\"{products>ProductId}\" wrapping=\"true\" />\n\t\t\t\t\t\t\t\t</m:VBox>\n\t\t\t\t\t\t\t</m:HBox>\n\t\t\t\t\t\t</snappedHeading>\n\n\t\t\t\t\t\t<navigationActions>\n\t\t\t\t\t\t\t<m:OverflowToolbarButton type=\"Transparent\" icon=\"sap-icon://full-screen\" press=\"handleFullScreen\" id=\"enterFullScreenBtn\" tooltip=\"Enter Full Screen Mode\" visible=\"{= ${/actionButtonsInfo/midColumn/fullScreen} !== null }\"/>\n\t\t\t\t\t\t\t<m:OverflowToolbarButton type=\"Transparent\" icon=\"sap-icon://exit-full-screen\" press=\"handleExitFullScreen\" id=\"exitFullScreenBtn\" tooltip=\"Exit Full Screen Mode\" visible=\"{= ${/actionButtonsInfo/midColumn/exitFullScreen} !== null }\"/>\n\t\t\t\t\t\t\t<m:OverflowToolbarButton type=\"Transparent\" icon=\"sap-icon://decline\" press=\"handleClose\" tooltip=\"Close middle column\" visible=\"{= ${/actionButtonsInfo/midColumn/closeColumn} !== null }\"/>\n\t\t\t\t\t\t</navigationActions>\n\n\t\t\t\t\t\t<actions>\n\t\t\t\t\t\t\t<m:Button\n\t\t\t\t\t\t\t\t\ttext=\"Edit\"\n\t\t\t\t\t\t\t\t\ttype=\"Emphasized\"\n\t\t\t\t\t\t\t\t\tpress=\"toggleAreaPriority\"/>\n\t\t\t\t\t\t\t<m:Button\n\t\t\t\t\t\t\t\t\ttext=\"Delete\"\n\t\t\t\t\t\t\t\t\ttype=\"Transparent\"/>\n\t\t\t\t\t\t\t<m:Button\n\t\t\t\t\t\t\t\t\ttext=\"Copy\"\n\t\t\t\t\t\t\t\t\ttype=\"Transparent\"/>\n\t\t\t\t\t\t\t<m:Button\n\t\t\t\t\t\t\t\t\ttext=\"Toggle Footer\"\n\t\t\t\t\t\t\t\t\ttype=\"Transparent\"\n\t\t\t\t\t\t\t\t\tpress=\"onToggleFooter\"/>\n\t\t\t\t\t\t\t<m:Button\n\t\t\t\t\t\t\t\t\ticon=\"sap-icon://action\"\n\t\t\t\t\t\t\t\t\ttype=\"Transparent\"/>\n\t\t\t\t\t\t</actions>\n\n\t\t\t\t\t</ObjectPageDynamicHeaderTitle>\n\t\t\t\t</headerTitle>\n\n\t\t\t\t<headerContent>\n\t\t\t\t\t<m:FlexBox wrap=\"Wrap\" fitContainer=\"true\" alignItems=\"Stretch\">\n\t\t\t\t\t\t<m:Avatar src=\"../../../../../../../{products>ProductPicUrl}\"\n\t\t\t\t\t\t\t\t displaySize=\"L\"\n\t\t\t\t\t\t\t\t displayShape=\"Square\"\n\t\t\t\t\t\t\t\t class=\"sapUiTinyMarginEnd\">\n\t\t\t\t\t\t</m:Avatar>\n\t\t\t\t\t\t<m:VBox justifyContent=\"Center\" class=\"sapUiSmallMarginEnd\">\n\t\t\t\t\t\t\t<m:Label text=\"Main Category\"/>\n\t\t\t\t\t\t\t<m:Text text=\"{products>MainCategory}\"/>\n\t\t\t\t\t\t</m:VBox>\n\t\t\t\t\t\t<m:VBox justifyContent=\"Center\" class=\"sapUiSmallMarginEnd\">\n\t\t\t\t\t\t\t<m:Label text=\"Subcategory\"/>\n\t\t\t\t\t\t\t<m:Text text=\"{products>Category}\"/>\n\t\t\t\t\t\t</m:VBox>\n\t\t\t\t\t\t<m:VBox justifyContent=\"Center\" class=\"sapUiSmallMarginEnd\">\n\t\t\t\t\t\t\t<m:Label text=\"Price\"/>\n\t\t\t\t\t\t\t<m:ObjectNumber number=\"{products>CurrencyCode} {products>Price}\" emphasized=\"false\"/>\n\t\t\t\t\t\t</m:VBox>\n\t\t\t\t\t</m:FlexBox>\n\t\t\t\t</headerContent>\n\n\t\t<sections>\n\t\t\t<ObjectPageSection title=\"General Information\">\n\t\t\t\t<subSections>\n\t\t\t\t\t<ObjectPageSubSection>\n\t\t\t\t\t\t<blocks>\n\t\t\t\t\t\t\t<form:SimpleForm\n\t\t\t\t\t\t\t\tmaxContainerCols=\"2\"\n\t\t\t\t\t\t\t\teditable=\"false\"\n\t\t\t\t\t\t\t\tlayout=\"ResponsiveGridLayout\"\n\t\t\t\t\t\t\t\tlabelSpanL=\"12\"\n\t\t\t\t\t\t\t\tlabelSpanM=\"12\"\n\t\t\t\t\t\t\t\temptySpanL=\"0\"\n\t\t\t\t\t\t\t\temptySpanM=\"0\"\n\t\t\t\t\t\t\t\tcolumnsL=\"1\"\n\t\t\t\t\t\t\t\tcolumnsM=\"1\">\n\t\t\t\t\t\t\t\t<form:content>\n\t\t\t\t\t\t\t\t\t<m:Label text=\"Product ID\"/>\n\t\t\t\t\t\t\t\t\t<m:Text text=\"{products>ProductId}\"/>\n\t\t\t\t\t\t\t\t\t<m:Label text=\"Description\"/>\n\t\t\t\t\t\t\t\t\t<m:Text text=\"{products>Description}\"/>\n\t\t\t\t\t\t\t\t\t<m:Label text=\"Supplier\"/>\n\t\t\t\t\t\t\t\t\t<m:Text text=\"{products>SupplierName}\"/>\n\t\t\t\t\t\t\t\t</form:content>\n\t\t\t\t\t\t\t</form:SimpleForm>\n\t\t\t\t\t\t</blocks>\n\t\t\t\t\t</ObjectPageSubSection>\n\t\t\t\t</subSections>\n\t\t\t</ObjectPageSection>\n\n\t\t\t<ObjectPageSection title=\"Suppliers\">\n\t\t\t\t<subSections>\n\t\t\t\t\t<ObjectPageSubSection>\n\t\t\t\t\t\t<blocks>\n\t\t\t\t\t\t\t<m:Table\n\t\t\t\t\t\t\t\tid=\"suppliersTable\"\n\t\t\t\t\t\t\t\tmode=\"SingleSelectMaster\"\n\t\t\t\t\t\t\t\titemPress=\"handleItemPress\"\n\t\t\t\t\t\t\t\titems=\"{path : 'products>/ProductCollectionStats/Filters/1/values'}\">\n\t\t\t\t\t\t\t\t<m:columns>\n\t\t\t\t\t\t\t\t\t<m:Column />\n\t\t\t\t\t\t\t\t</m:columns>\n\t\t\t\t\t\t\t\t<m:items>\n\t\t\t\t\t\t\t\t\t<m:ColumnListItem type=\"Navigation\">\n\t\t\t\t\t\t\t\t\t\t<m:cells>\n\t\t\t\t\t\t\t\t\t\t\t<m:ObjectIdentifier text=\"{products>text}\" />\n\t\t\t\t\t\t\t\t\t\t</m:cells>\n\t\t\t\t\t\t\t\t\t</m:ColumnListItem>\n\t\t\t\t\t\t\t\t</m:items>\n\t\t\t\t\t\t\t</m:Table>\n\t\t\t\t\t\t</blocks>\n\t\t\t\t\t</ObjectPageSubSection>\n\t\t\t\t</subSections>\n\t\t\t</ObjectPageSection>\n\t\t</sections>\n\t</ObjectPageLayout>\n</mvc:View>",
126
+ "webapp/view/DetailDetail.view.xml": "<mvc:View displayBlock=\"true\" controllerName=\"sap.f.ShellBarWithFlexibleColumnLayout.controller.DetailDetail\" height=\"100%\"\n\t\txmlns:mvc=\"sap.ui.core.mvc\"\n\t\txmlns=\"sap.f\"\n\t\txmlns:m=\"sap.m\">\n\n\t<DynamicPage toggleHeaderOnTitleClick=\"false\">\n\t\t<title>\n\t\t\t<DynamicPageTitle>\n\t\t\t\t<heading>\n\t\t\t\t\t<m:FlexBox wrap=\"Wrap\" fitContainer=\"true\" alignItems=\"Center\">\n\t\t\t\t\t\t<m:Title text=\"{products>text}\" wrapping=\"true\" class=\"sapUiTinyMarginEnd\"/>\n\t\t\t\t\t</m:FlexBox>\n\t\t\t\t</heading>\n\n\t\t\t\t<navigationActions>\n\t\t\t\t\t<m:OverflowToolbarButton type=\"Transparent\" icon=\"sap-icon://full-screen\" press=\"handleFullScreen\" id=\"enterFullScreenBtn\" tooltip=\"Enter Full Screen Mode\" visible=\"{= ${/actionButtonsInfo/endColumn/fullScreen} !== null }\"/>\n\t\t\t\t\t<m:OverflowToolbarButton type=\"Transparent\" icon=\"sap-icon://exit-full-screen\" press=\"handleExitFullScreen\" id=\"exitFullScreenBtn\" tooltip=\"Exit Full Screen Mode\" visible=\"{= ${/actionButtonsInfo/endColumn/exitFullScreen} !== null }\"/>\n\t\t\t\t\t<m:OverflowToolbarButton type=\"Transparent\" icon=\"sap-icon://decline\" press=\"handleClose\" tooltip=\"Close end column\" visible=\"{= ${/actionButtonsInfo/endColumn/closeColumn} !== null }\"/>\n\t\t\t\t</navigationActions>\n\n\t\t\t</DynamicPageTitle>\n\t\t</title>\n\t\t<content>\n\t\t\t<m:Link text=\"Navigate to next page…\" press=\"handleAboutPress\" />\n\t\t</content>\n\t</DynamicPage>\n</mvc:View>",
127
+ "webapp/view/FlexibleColumnLayout.view.xml": "<mvc:View xmlns=\"sap.f\"\n\txmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns:m=\"sap.m\"\n\tdisplayBlock=\"true\"\n\tcontrollerName=\"sap.f.ShellBarWithFlexibleColumnLayout.controller.FlexibleColumnLayout\"\n\theight=\"100%\">\n\t<m:Page>\n\t\t<m:customHeader>\n\t\t\t<ShellBar\n\t\t\t\t\ttitle=\"Application Title\" secondTitle=\"Short description\"\n\t\t\t\t\t homeIcon=\"./../../../../../../../resources/sap/ui/documentation/sdk/images/logo_ui5.png\"\n\t\t\t\t\t showCopilot=\"true\"\n\t\t\t\t\t showSearch=\"true\"\n\t\t\t\t\t showNotifications=\"true\"\n\t\t\t\t\t showProductSwitcher=\"true\"\n\t\t\t\t\t showNavButton=\"{= ${/layout} === 'EndColumnFullScreen'}\"\n\t\t\t\t\t notificationsNumber=\"2\"\n\t\t\t\t\t navButtonPressed=\"handleBackButtonPressed\"\n\t\t\t>\n\t\t\t\t<menu>\n\t\t\t\t\t<m:Menu>\n\t\t\t\t\t\t<m:MenuItem text=\"Flight booking\" icon=\"sap-icon://flight\" />\n\t\t\t\t\t\t<m:MenuItem text=\"Car rental\" icon=\"sap-icon://car-rental\" />\n\t\t\t\t\t</m:Menu>\n\t\t\t\t</menu>\n\t\t\t\t<profile>\n\t\t\t\t\t<m:Avatar initials=\"UI\"/>\n\t\t\t\t</profile>\n\t\t\t</ShellBar>\n\t\t</m:customHeader>\n\t\t<FlexibleColumnLayout id=\"fcl\" stateChange=\"onStateChanged\" layout=\"{/layout}\" backgroundDesign=\"Solid\"/>\n\t</m:Page>\n</mvc:View>\n",
128
+ "webapp/view/List.view.xml": "<mvc:View displayBlock=\"true\" controllerName=\"sap.f.ShellBarWithFlexibleColumnLayout.controller.List\" height=\"100%\"\n\t xmlns=\"sap.m\"\n\t xmlns:f=\"sap.f\"\n\t xmlns:mvc=\"sap.ui.core.mvc\">\n\t<f:DynamicPage id=\"dynamicPageId\"\n\t\t\t\t toggleHeaderOnTitleClick=\"false\">\n\t\t<!-- DynamicPage Title -->\n\t\t<f:title>\n\t\t\t<f:DynamicPageTitle>\n\t\t\t\t<f:heading>\n\t\t\t\t\t<Title text=\"Products ({products>/ProductCollectionStats/Counts/Total})\"/>\n\t\t\t\t</f:heading>\n\t\t\t</f:DynamicPageTitle>\n\t\t</f:title>\n\n\t\t<!-- DynamicPage Content -->\n\t\t<f:content>\n\t\t\t<Table\n\t\t\t\tid=\"productsTable\"\n\t\t\t\tmode=\"SingleSelectMaster\"\n\t\t\t\titemPress=\"onListItemPress\"\n\t\t\t\tinset=\"false\"\n\t\t\t\titems=\"{\n\t\t\t\t\tpath: 'products>/ProductCollection',\n\t\t\t\t\tsorter: {\n\t\t\t\t\t\tpath: 'Name'\n\t\t\t\t\t}\n\t\t\t\t}\"\n\t\t\t\tclass=\"sapFDynamicPageAlignContent\"\n\t\t\t\twidth=\"auto\">\n\t\t\t\t<headerToolbar>\n\t\t\t\t\t<OverflowToolbar>\n\t\t\t\t\t\t<ToolbarSpacer/>\n\t\t\t\t\t\t<SearchField search=\"onSearch\" width=\"17.5rem\"/>\n\t\t\t\t\t\t<OverflowToolbarButton icon=\"sap-icon://add\" type=\"Transparent\" press=\"onAdd\"/>\n\t\t\t\t\t\t<OverflowToolbarButton icon=\"sap-icon://sort\" type=\"Transparent\" press=\"onSort\"/>\n\t\t\t\t\t</OverflowToolbar>\n\t\t\t\t</headerToolbar>\n\t\t\t\t<columns>\n\t\t\t\t\t<Column width=\"12em\">\n\t\t\t\t\t\t<Text text=\"Product\" />\n\t\t\t\t\t</Column>\n\t\t\t\t\t<Column\thAlign=\"End\">\n\t\t\t\t\t\t<Text text=\"Price\" />\n\t\t\t\t\t</Column>\n\t\t\t\t</columns>\n\t\t\t\t<items>\n\t\t\t\t\t<ColumnListItem type=\"Navigation\">\n\t\t\t\t\t\t<cells>\n\t\t\t\t\t\t\t<ObjectIdentifier title=\"{products>Name}\" text=\"{products>ProductId}\" />\n\t\t\t\t\t\t\t<ObjectNumber\n\t\t\t\t\t\t\t\t\tnumber=\"{\n\t\t\t\t\t\t\t\t\t\tparts:[{path:'products>Price'},{path:'products>CurrencyCode'}],\n\t\t\t\t\t\t\t\t\t\ttype: 'sap.ui.model.type.Currency',\n\t\t\t\t\t\t\t\t\t\tformatOptions: {showMeasure: false}\n\t\t\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\t\t\tunit=\"{products>CurrencyCode}\" />\n\t\t\t\t\t\t</cells>\n\t\t\t\t\t</ColumnListItem>\n\t\t\t\t</items>\n\t\t\t</Table>\n\t\t</f:content>\n\n\t\t<!-- DynamicPage Footer -->\n\t\t<f:footer>\n\t\t\t<OverflowToolbar>\n\t\t\t\t<ToolbarSpacer/>\n\t\t\t\t<Button type=\"Accept\" text=\"Accept\"/>\n\t\t\t\t<Button type=\"Reject\" text=\"Reject\"/>\n\t\t\t</OverflowToolbar>\n\t\t</f:footer>\n\t</f:DynamicPage>\n</mvc:View>"
129
+ },
130
+ "sap.m/BusyDialog": {
131
+ "BusyDialog.fragment.xml": "<core:FragmentDefinition\n\txmlns=\"sap.m\"\n\txmlns:core=\"sap.ui.core\">\n\t<BusyDialog\n\t\ttitle=\"Loading Data\"\n\t\ttext=\"... now loading the data from a far away server\"\n\t\tshowCancelButton=\"true\"\n\t\tclose=\"onDialogClosed\" />\n</core:FragmentDefinition>\n",
132
+ "C.controller.js": "sap.ui.define([\n\t\"sap/ui/core/mvc/Controller\",\n\t\"sap/ui/core/Fragment\",\n\t\"sap/ui/core/syncStyleClass\",\n\t\"sap/m/MessageToast\"\n], function (Controller, Fragment, syncStyleClass, MessageToast) {\n\t\"use strict\";\n\n\tvar iTimeoutId;\n\n\treturn Controller.extend(\"sap.m.sample.BusyDialog.C\", {\n\n\t\tonOpenDialog: function () {\n\t\t\t// load BusyDialog fragment asynchronously\n\t\t\tif (!this._pBusyDialog) {\n\t\t\t\tthis._pBusyDialog = Fragment.load({\n\t\t\t\t\tname: \"sap.m.sample.BusyDialog.BusyDialog\",\n\t\t\t\t\tcontroller: this\n\t\t\t\t}).then(function (oBusyDialog) {\n\t\t\t\t\tthis.getView().addDependent(oBusyDialog);\n\t\t\t\t\tsyncStyleClass(\"sapUiSizeCompact\", this.getView(), oBusyDialog);\n\t\t\t\t\treturn oBusyDialog;\n\t\t\t\t}.bind(this));\n\t\t\t}\n\n\t\t\tthis._pBusyDialog.then(function(oBusyDialog) {\n\t\t\t\toBusyDialog.open();\n\t\t\t\tthis.simulateServerRequest();\n\t\t\t}.bind(this));\n\t\t},\n\n\t\tsimulateServerRequest: function () {\n\t\t\t// simulate a longer running operation\n\t\t\tiTimeoutId = setTimeout(function() {\n\t\t\t\tthis._pBusyDialog.then(function(oBusyDialog) {\n\t\t\t\t\toBusyDialog.close();\n\t\t\t\t});\n\t\t\t}.bind(this), 3000);\n\t\t},\n\n\t\tonDialogClosed: function (oEvent) {\n\t\t\tclearTimeout(iTimeoutId);\n\n\t\t\tif (oEvent.getParameter(\"cancelPressed\")) {\n\t\t\t\tMessageToast.show(\"The operation has been cancelled\");\n\t\t\t} else {\n\t\t\t\tMessageToast.show(\"The operation has been completed\");\n\t\t\t}\n\t\t}\n\n\t});\n});",
133
+ "Component.js": "sap.ui.define([\n\t\"sap/ui/core/UIComponent\"\n], function (UIComponent) {\n\t\"use strict\";\n\n\treturn UIComponent.extend(\"sap.m.sample.BusyDialog.Component\", {\n\n\t\tmetadata: {\n\t\t\tmanifest: \"json\"\n\t\t}\n\n\t});\n});",
134
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.m.sample.BusyDialog\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.m.sample.BusyDialog.V\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.m\": {},\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.layout\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"stretch\": true,\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"V.view.xml\",\n\t\t\t\t\t\"C.controller.js\",\n\t\t\t\t\t\"BusyDialog.fragment.xml\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
135
+ "V.view.xml": "<mvc:View\n\tcontrollerName=\"sap.m.sample.BusyDialog.C\"\n\txmlns=\"sap.m\"\n\txmlns:l=\"sap.ui.layout\"\n\txmlns:mvc=\"sap.ui.core.mvc\">\n\t<l:VerticalLayout class=\"sapUiContentPadding\" width=\"100%\">\n\t\t<Button\n\t\t\ttext=\"Show Busy Dialog\"\n\t\t\tpress=\"onOpenDialog\"\n\t\t\tclass=\"sapUiSmallMarginBottom\"\n\t\t\tariaHasPopup=\"Dialog\" />\n\t</l:VerticalLayout>\n</mvc:View>"
136
+ },
137
+ "sap.m/BusyDialogLight": {
138
+ "BusyDialog.fragment.xml": "<core:FragmentDefinition xmlns=\"sap.m\" xmlns:core=\"sap.ui.core\">\n\t<BusyDialog id=\"BusyDialog\" />\n</core:FragmentDefinition>",
139
+ "C.controller.js": "sap.ui.define([\n\t\"sap/ui/core/mvc/Controller\"\n], function (Controller) {\n\t\"use strict\";\n\n\treturn Controller.extend(\"sap.m.sample.BusyDialogLight.C\", {\n\n\t\thandlePress: function () {\n\t\t\tvar oDialog = this.byId(\"BusyDialog\");\n\t\t\toDialog.open();\n\n\t\t\tsetTimeout(function () {\n\t\t\t\toDialog.close();\n\t\t\t}, 3000);\n\t\t}\n\n\t});\n});",
140
+ "Component.js": "sap.ui.define([\n\t\"sap/ui/core/UIComponent\"\n], function (UIComponent) {\n\t\"use strict\";\n\n\treturn UIComponent.extend(\"sap.m.sample.BusyDialogLight.Component\", {\n\n\t\tmetadata: {\n\t\t\tmanifest: \"json\"\n\t\t}\n\n\t});\n});",
141
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.m.sample.BusyDialogLight\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.m.sample.BusyDialogLight.V\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.m\": {},\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.layout\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"stretch\": true,\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"V.view.xml\",\n\t\t\t\t\t\"C.controller.js\",\n\t\t\t\t\t\"BusyDialog.fragment.xml\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
142
+ "V.view.xml": "<mvc:View\n\tcontrollerName=\"sap.m.sample.BusyDialogLight.C\"\n\txmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns:l=\"sap.ui.layout\"\n\txmlns:core=\"sap.ui.core\"\n\txmlns=\"sap.m\">\n\t<l:VerticalLayout class=\"sapUiContentPadding\" width=\"100%\">\n\t\t<l:dependents>\n\t\t\t<core:Fragment fragmentName=\"sap.m.sample.BusyDialogLight.BusyDialog\" type=\"XML\" />\n\t\t</l:dependents>\n\t\t<Button\n\t\t\ttext=\"Show Light Busy Dialog\"\n\t\t\tpress=\"handlePress\"\n\t\t\tclass=\"sapUiSmallMarginBottom\"\n\t\t\tariaHasPopup=\"Dialog\" />\n\t</l:VerticalLayout>\n</mvc:View>"
143
+ },
144
+ "sap.m/CookieSettingsDialogPattern": {
145
+ "Component.js": "sap.ui.define([\"sap/ui/core/UIComponent\"], function (UIComponent) {\n\t\"use strict\";\n\n\treturn UIComponent.extend(\"sap.m.sample.CookieSettingsDialogPattern.Component\", {\n\t\tmetadata: {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n});\n",
146
+ "controller/App.controller.js": "sap.ui.define([\n\t'sap/ui/core/Core',\n\t'sap/ui/core/Fragment',\n\t'sap/ui/core/mvc/Controller',\n\t\"sap/ui/model/json/JSONModel\",\n\t\"sap/ui/model/resource/ResourceModel\"\n], function(\n\tCore,\n\tFragment,\n\tController,\n\tJSONModel,\n\tResourceModel\n) {\n\t'use strict';\n\n\treturn Controller.extend('sap.m.sample.CookieSettingsDialogPattern.controller.App', {\n\n\t\tonInit: function() {\n\t\t\tthis._oModel = new JSONModel();\n\t\t\tthis._oView = this.getView();\n\n\t\t\t// set i18n model on view\n\t\t\tvar i18nModel = new ResourceModel({\n\t\t\t\tbundleName: \"sap.m.sample.CookieSettingsDialogPattern.i18n.i18n\"\n\t\t\t});\n\t\t\tthis._oView.setModel(i18nModel, \"i18n\");\n\t\t},\n\n\t\topenCookieSettingsDialog: function() {\n\t\t\t// for the sample, we force cookie details to be hidden on opening of the dialog\n\t\t\tthis._oModel.setProperty(\"/showCookieDetails\", false);\n\n\t\t\tthis.getCookieSettingsDialog().then(function(oDialog) {\n\t\t\t\toDialog.open();\n\t\t\t});\n\t\t},\n\n\t\tgetCookieSettingsDialog: function() {\n\t\t\treturn new Promise(function(resolve, reject) {\n\t\t\t\tif (this._oCookieSettingsDialog) {\n\t\t\t\t\tresolve(this._oCookieSettingsDialog);\n\t\t\t\t} else {\n\t\t\t\t\tFragment.load({\n\t\t\t\t\t\tname: \"sap.m.sample.CookieSettingsDialogPattern.view.fragments.CookieSettingsDialog\",\n\t\t\t\t\t\tcontroller: this\n\t\t\t\t\t}).then(this._initDialog.bind(this))\n\t\t\t\t\t\t.then(function(oDialog) {\n\t\t\t\t\t\t\tthis._oCookieSettingsDialog = oDialog;\n\t\t\t\t\t\t\tresolve(this._oCookieSettingsDialog);\n\t\t\t\t\t\t}.bind(this));\n\t\t\t\t}\n\t\t\t}.bind(this));\n\t\t},\n\n\t\tonOCSDButtonPress: function() {\n\t\t\tthis.openCookieSettingsDialog();\n\t\t},\n\n\t\t_initDialog: function(oDialog) {\n\t\t\toDialog.setModel(this._oModel, \"cookieData\");\n\n\t\t\t// connect dialog to the root view of this component (models, lifecycle)\n\t\t\tthis._oView.addDependent(oDialog);\n\n\t\t\toDialog.attachBeforeOpen(function() {\n\t\t\t\tthis._oCookieSettingsDialog.toggleStyleClass(\"cookiesDetailedView\",\n\t\t\t\t\tthis._oModel.getProperty(\"/showCookieDetails\"));\n\t\t\t}, this);\n\n\t\t\toDialog.attachAfterOpen(function() {\n\t\t\t\tCore.byId(\"actionSetPreferences\").focus();\n\t\t\t});\n\n\t\t\treturn oDialog;\n\t\t},\n\n\t\tonAcceptAllCookies: function () {\n\t\t\t// insert your accept all logic here\n\n\t\t\tthis._oCookieSettingsDialog.close();\n\t\t},\n\n\t\tonRejectAllCookies: function () {\n\t\t\t// insert your reject all logic here\n\n\t\t\tthis._oCookieSettingsDialog.close();\n\t\t},\n\n\t\tonSaveCookies: function() {\n\t\t\t// insert your save cookies logic here according to the user input\n\n\t\t\tthis._oCookieSettingsDialog.close();\n\t\t},\n\n\t\tshowCookieDetails: function() {\n\t\t\tthis._oModel.setProperty(\"/showCookieDetails\", true);\n\t\t\tthis._oCookieSettingsDialog.addStyleClass(\"cookiesDetailedView\");\n\n\t\t\tthis._focusButton(Core.byId(\"actionSavePreferences\"));\n\t\t},\n\n\t\tonCancelPress: function() {\n\t\t\tif (!this._oModel.getProperty(\"/showCookieDetails\")) {\n\t\t\t\t// full details were shown upon opening the dialog\n\t\t\t\t// => the cancel action should ignore all changes and close the dialog\n\t\t\t\tthis.onCancelEditCookies();\n\t\t\t} else {\n\t\t\t\t// *no details* were shown upon opening the dialog\n\t\t\t\t// => the cancel action should navigate back to the preview\n\t\t\t\tthis.hideCookieDetails();\n\t\t\t}\n\t\t},\n\n\t\thideCookieDetails: function() {\n\t\t\tthis._oModel.setProperty(\"/showCookieDetails\", false);\n\t\t\tthis._oCookieSettingsDialog.removeStyleClass(\"cookiesDetailedView\");\n\n\t\t\tthis._focusButton(Core.byId(\"actionSetPreferences\"));\n\t\t},\n\n\t\tonCancelEditCookies: function() {\n\t\t\tthis._oCookieSettingsDialog.close();\n\n\t\t\t// revert user input\n\t\t},\n\n\t\t_focusButton: function(oButton) {\n\t\t\tif (oButton.getDomRef()) {\n\t\t\t\toButton.focus();\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\toButton.addEventDelegate({\n\t\t\t\t\"onAfterRendering\": function() {\n\t\t\t\t\toButton.focus();\n\t\t\t\t\toButton.removeEventDelegate(this);\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\n\t});\n}\n);",
147
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.m.sample.CookieSettingsDialogPattern\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.m.sample.CookieSettingsDialogPattern.view.App\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.m\": {},\n\t\t\t\t\"sap.ui.core\": {}\n\t\t\t}\n\t\t},\n\t\t\"resources\": {\n\t\t \"css\": [\n\t\t\t{\n\t\t\t \"uri\": \"css/style.css\"\n\t\t\t}\n\t\t ]\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"stretch\": true,\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"view/App.view.xml\",\n\t\t\t\t\t\"view/fragments/CookieSettingsDialog.fragment.xml\",\n\t\t\t\t\t\"controller/App.controller.js\",\n\t\t\t\t\t\"i18n/i18n.properties\",\n\t\t\t\t\t\"Component.js\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
148
+ "view/App.view.xml": "<mvc:View\n\tcontrollerName=\"sap.m.sample.CookieSettingsDialogPattern.controller.App\"\n\txmlns:l=\"sap.ui.layout\"\n\txmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns=\"sap.m\">\n\t<l:VerticalLayout class=\"sapUiContentPadding\" width=\"100%\">\n\t\t<Button\n\t\t\ttext=\"Open Cookie Settings Dialog\"\n\t\t\tpress=\".onOCSDButtonPress\"\n\t\t\tclass=\"sapUiSmallMarginBottom\" />\n\t</l:VerticalLayout>\n</mvc:View>",
149
+ "view/fragments/CookieSettingsDialog.fragment.xml": "<core:FragmentDefinition\n\t\txmlns=\"sap.m\"\n\t\txmlns:f=\"sap.f\"\n\t\txmlns:grid=\"sap.ui.layout.cssgrid\"\n\t\txmlns:core=\"sap.ui.core\"\n\t\txmlns:html=\"http://www.w3.org/1999/xhtml\">\n\t<Dialog title=\"{i18n>COOKIE_SETTINGS_DIALOG_TITLE}\" contentWidth=\"45rem\">\n\t\t<content>\n\t\t\t<html:div class=\"sapUiSmallMargin\">\n\t\t\t\t<Text text=\"{i18n>COOKIE_SETTINGS_DIALOG_SUMMARY}\"\n\t\t\t\t\t visible=\"{= !${cookieData>/showCookieDetails} }\"/>\n\t\t\t\t<Text text=\"{i18n>COOKIE_SETTINGS_DIALOG_REQUIRED_COOKIES_TEXT}\"\n\t\t\t\t\t visible=\"{= !${cookieData>/showCookieDetails} }\"/>\n\t\t\t\t<f:GridList visible=\"{cookieData>/showCookieDetails}\">\n\t\t\t\t\t<f:customLayout>\n\t\t\t\t\t\t<grid:GridBasicLayout gridTemplateColumns=\"1fr\" gridGap=\"1rem\"/>\n\t\t\t\t\t</f:customLayout>\n\t\t\t\t\t<f:GridListItem>\n\t\t\t\t\t\t<HBox justifyContent=\"SpaceBetween\" class=\"sapUiSmallMarginBeginEnd sapUiSmallMarginTop\">\n\t\t\t\t\t\t\t<VBox>\n\t\t\t\t\t\t\t\t<Title text=\"{i18n>COOKIE_SETTINGS_DIALOG_REQUIRED_COOKIES_TITLE}\" />\n\t\t\t\t\t\t\t\t<Text text=\"{i18n>COOKIE_SETTINGS_DIALOG_REQUIRED_COOKIES_SUMMARY}\"/>\n\t\t\t\t\t\t\t</VBox>\n\t\t\t\t\t\t\t<Switch class=\"sapUiSmallMarginBegin\"/>\n\t\t\t\t\t\t</HBox>\n\t\t\t\t\t\t<Panel headerText=\"{i18n>COOKIE_SETTINGS_DIALOG_MORE_INFO}\" expandable=\"true\" class=\"sapUiTinyMarginTop\">\n\t\t\t\t\t\t\t<Text text=\"{i18n>COOKIE_SETTINGS_DIALOG_REQUIRED_COOKIES_TEXT}\"/>\n\t\t\t\t\t\t</Panel>\n\t\t\t\t\t</f:GridListItem>\n\n\t\t\t\t\t<f:GridListItem>\n\t\t\t\t\t\t<HBox justifyContent=\"SpaceBetween\" class=\"sapUiSmallMarginBeginEnd sapUiSmallMarginTop\">\n\t\t\t\t\t\t\t<VBox>\n\t\t\t\t\t\t\t\t<Title text=\"{i18n>COOKIE_SETTINGS_DIALOG_FUNCTIONAL_COOKIES_TITLE}\"/>\n\t\t\t\t\t\t\t\t<Text text=\"{i18n>COOKIE_SETTINGS_DIALOG_FUNCTIONAL_COOKIES_SUMMARY}\"/>\n\t\t\t\t\t\t\t</VBox>\n\t\t\t\t\t\t\t<Switch class=\"sapUiSmallMarginBegin\" />\n\t\t\t\t\t\t</HBox>\n\t\t\t\t\t\t<Panel headerText=\"{i18n>COOKIE_SETTINGS_DIALOG_MORE_INFO}\" expandable=\"true\" class=\"sapUiTinyMarginTop\">\n\t\t\t\t\t\t\t<Text text=\"{i18n>COOKIE_SETTINGS_DIALOG_FUNCTIONAL_COOKIES_TEXT}\"/>\n\t\t\t\t\t\t</Panel>\n\t\t\t\t\t</f:GridListItem>\n\t\t\t\t</f:GridList>\n\t\t\t</html:div>\n\t\t</content>\n\t<buttons>\n\t\t<Button text=\"{i18n>COOKIE_SETTINGS_DIALOG_ACCEPT_ALL}\" type=\"Emphasized\" press=\"onAcceptAllCookies\" visible=\"{=! ${cookieData>/showCookieDetails} }\">\n\t\t\t<layoutData>\n\t\t\t\t<OverflowToolbarLayoutData priority=\"NeverOverflow\"/>\n\t\t\t</layoutData>\n\t\t</Button>\n\t\t<Button text=\"{i18n>COOKIE_SETTINGS_DIALOG_SET_PREFERENCES}\" id=\"actionSetPreferences\" type=\"Ghost\" press=\"showCookieDetails\" visible=\"{= !${cookieData>/showCookieDetails} }\"></Button>\n\t\t<Button text=\"{i18n>COOKIE_SETTINGS_DIALOG_REJECT_ALL}\" press=\"onRejectAllCookies\" visible=\"{=! ${cookieData>/showCookieDetails} }\">\n\t\t\t<layoutData>\n\t\t\t\t<OverflowToolbarLayoutData priority=\"NeverOverflow\"/>\n\t\t\t</layoutData>\n\t\t</Button>\n\t\t<Button text=\"{i18n>COOKIE_SETTINGS_DIALOG_SAVE_PREFERENCES}\" id=\"actionSavePreferences\" type=\"Emphasized\" press=\"onSaveCookies\" visible=\"{cookieData>/showCookieDetails}\"></Button>\n\t\t<Button text=\"{i18n>COOKIE_SETTINGS_DIALOG_CANCEL_BTN}\" press=\"onCancelPress\" visible=\"{= ${cookieData>/showCookieDetails} }\"></Button>\n\t</buttons>\n\t</Dialog>\n</core:FragmentDefinition>"
150
+ },
151
+ "sap.m/Dialog": {
152
+ "C.controller.js": "sap.ui.define([\n\t\"sap/ui/core/mvc/Controller\",\n\t\"sap/ui/model/json/JSONModel\",\n\t\"sap/ui/core/IconPool\",\n\t\"sap/m/Dialog\",\n\t\"sap/m/Button\",\n\t\"sap/m/library\",\n\t\"sap/m/List\",\n\t\"sap/m/StandardListItem\",\n\t\"sap/m/Text\"\n], function (Controller, JSONModel, IconPool, Dialog, Button, mobileLibrary, List, StandardListItem, Text) {\n\t\"use strict\";\n\n\t// shortcut for sap.m.ButtonType\n\tvar ButtonType = mobileLibrary.ButtonType;\n\n\t// shortcut for sap.m.DialogType\n\tvar DialogType = mobileLibrary.DialogType;\n\n\treturn Controller.extend(\"sap.m.sample.Dialog.C\", {\n\n\t\tonInit: function () {\n\t\t\tvar oModel = new JSONModel(sap.ui.require.toUrl(\"sap/ui/demo/mock/products.json\"));\n\t\t\tthis.getView().setModel(oModel);\n\t\t},\n\n\t\tonDefaultDialogPress: function () {\n\t\t\tif (!this.oDefaultDialog) {\n\t\t\t\tthis.oDefaultDialog = new Dialog({\n\t\t\t\t\ttitle: \"Available Products\",\n\t\t\t\t\tcontent: new List({\n\t\t\t\t\t\titems: {\n\t\t\t\t\t\t\tpath: \"/ProductCollection\",\n\t\t\t\t\t\t\ttemplate: new StandardListItem({\n\t\t\t\t\t\t\t\ttitle: \"{Name}\",\n\t\t\t\t\t\t\t\tcounter: \"{Quantity}\"\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t}\n\t\t\t\t\t}),\n\t\t\t\t\tbeginButton: new Button({\n\t\t\t\t\t\ttype: ButtonType.Emphasized,\n\t\t\t\t\t\ttext: \"OK\",\n\t\t\t\t\t\tpress: function () {\n\t\t\t\t\t\t\tthis.oDefaultDialog.close();\n\t\t\t\t\t\t}.bind(this)\n\t\t\t\t\t}),\n\t\t\t\t\tendButton: new Button({\n\t\t\t\t\t\ttext: \"Close\",\n\t\t\t\t\t\tpress: function () {\n\t\t\t\t\t\t\tthis.oDefaultDialog.close();\n\t\t\t\t\t\t}.bind(this)\n\t\t\t\t\t})\n\t\t\t\t});\n\n\t\t\t\t// to get access to the controller's model\n\t\t\t\tthis.getView().addDependent(this.oDefaultDialog);\n\t\t\t}\n\n\t\t\tthis.oDefaultDialog.open();\n\t\t},\n\n\t\tonDialogWithSizePress: function () {\n\t\t\tif (!this.oFixedSizeDialog) {\n\t\t\t\tthis.oFixedSizeDialog = new Dialog({\n\t\t\t\t\ttitle: \"Available Products\",\n\t\t\t\t\tcontentWidth: \"550px\",\n\t\t\t\t\tcontentHeight: \"300px\",\n\t\t\t\t\tcontent: new List({\n\t\t\t\t\t\titems: {\n\t\t\t\t\t\t\tpath: \"/ProductCollection\",\n\t\t\t\t\t\t\ttemplate: new StandardListItem({\n\t\t\t\t\t\t\t\ttitle: \"{Name}\",\n\t\t\t\t\t\t\t\tcounter: \"{Quantity}\"\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t}\n\t\t\t\t\t}),\n\t\t\t\t\tendButton: new Button({\n\t\t\t\t\t\ttext: \"Close\",\n\t\t\t\t\t\tpress: function () {\n\t\t\t\t\t\t\tthis.oFixedSizeDialog.close();\n\t\t\t\t\t\t}.bind(this)\n\t\t\t\t\t})\n\t\t\t\t});\n\n\t\t\t\t//to get access to the controller's model\n\t\t\t\tthis.getView().addDependent(this.oFixedSizeDialog);\n\t\t\t}\n\n\t\t\tthis.oFixedSizeDialog.open();\n\t\t},\n\n\t\tonResizableDialogPress: function () {\n\t\t\tif (!this.oResizableDialog) {\n\t\t\t\tthis.oResizableDialog = new Dialog({\n\t\t\t\t\ttitle: \"Resizable (only on Desktop) - Available Products\",\n\t\t\t\t\tcontentWidth: \"550px\",\n\t\t\t\t\tcontentHeight: \"300px\",\n\t\t\t\t\tresizable: true,\n\t\t\t\t\tcontent: new List({\n\t\t\t\t\t\titems: {\n\t\t\t\t\t\t\tpath: \"/ProductCollection\",\n\t\t\t\t\t\t\ttemplate: new StandardListItem({\n\t\t\t\t\t\t\t\ttitle: \"{Name}\",\n\t\t\t\t\t\t\t\tcounter: \"{Quantity}\"\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t}\n\t\t\t\t\t}),\n\t\t\t\t\tendButton: new Button({\n\t\t\t\t\t\ttext: \"Close\",\n\t\t\t\t\t\tpress: function () {\n\t\t\t\t\t\t\tthis.oResizableDialog.close();\n\t\t\t\t\t\t}.bind(this)\n\t\t\t\t\t})\n\t\t\t\t});\n\n\t\t\t\t//to get access to the controller's model\n\t\t\t\tthis.getView().addDependent(this.oResizableDialog);\n\t\t\t}\n\n\t\t\tthis.oResizableDialog.open();\n\t\t},\n\n\t\tonDraggableDialogPress: function () {\n\t\t\tif (!this.oDraggableDialog) {\n\t\t\t\tthis.oDraggableDialog = new Dialog({\n\t\t\t\t\ttitle: \"Draggable (only on Desktop) - Available Products\",\n\t\t\t\t\tcontentWidth: \"550px\",\n\t\t\t\t\tcontentHeight: \"300px\",\n\t\t\t\t\tdraggable: true,\n\t\t\t\t\tcontent: new List({\n\t\t\t\t\t\titems: {\n\t\t\t\t\t\t\tpath: \"/ProductCollection\",\n\t\t\t\t\t\t\ttemplate: new StandardListItem({\n\t\t\t\t\t\t\t\ttitle: \"{Name}\",\n\t\t\t\t\t\t\t\tcounter: \"{Quantity}\"\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t}\n\t\t\t\t\t}),\n\t\t\t\t\tendButton: new Button({\n\t\t\t\t\t\ttext: \"Close\",\n\t\t\t\t\t\tpress: function () {\n\t\t\t\t\t\t\tthis.oDraggableDialog.close();\n\t\t\t\t\t\t}.bind(this)\n\t\t\t\t\t})\n\t\t\t\t});\n\n\t\t\t\t//to get access to the controller's model\n\t\t\t\tthis.getView().addDependent(this.oDraggableDialog);\n\t\t\t}\n\n\t\t\tthis.oDraggableDialog.open();\n\t\t},\n\n\t\tonEscapePreventDialogPress: function () {\n\t\t\tif (!this.oEscapePreventDialog) {\n\t\t\t\tthis.oEscapePreventDialog = new Dialog({\n\t\t\t\t\ttitle: \"Dialog with prevent close\",\n\t\t\t\t\tcontent: new Text({ text: \"Try to close this Dialog with the Escape key\" }).addStyleClass(\"sapUiSmallMargin\"),\n\t\t\t\t\tbuttons: [\n\t\t\t\t\t\tnew Button({\n\t\t\t\t\t\t\ttext: \"Simply close\",\n\t\t\t\t\t\t\tpress: function () {\n\t\t\t\t\t\t\t\tthis.oEscapePreventDialog.close();\n\t\t\t\t\t\t\t}.bind(this)\n\t\t\t\t\t\t})\n\t\t\t\t\t],\n\t\t\t\t\tescapeHandler: function (oPromise) {\n\t\t\t\t\t\tif (!this.oConfirmEscapePreventDialog) {\n\t\t\t\t\t\t\tthis.oConfirmEscapePreventDialog = new Dialog({\n\t\t\t\t\t\t\t\ttitle: \"Are you sure?\",\n\t\t\t\t\t\t\t\tcontent: new Text({ text: \"Your unsaved changes will be lost\" }),\n\t\t\t\t\t\t\t\ttype: DialogType.Message,\n\t\t\t\t\t\t\t\ticon: IconPool.getIconURI(\"message-information\"),\n\t\t\t\t\t\t\t\tbuttons: [\n\t\t\t\t\t\t\t\t\tnew Button({\n\t\t\t\t\t\t\t\t\t\ttext: \"Yes\",\n\t\t\t\t\t\t\t\t\t\tpress: function () {\n\t\t\t\t\t\t\t\t\t\t\tthis.oConfirmEscapePreventDialog.close();\n\t\t\t\t\t\t\t\t\t\t\toPromise.resolve();\n\t\t\t\t\t\t\t\t\t\t}.bind(this)\n\t\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\t\tnew Button({\n\t\t\t\t\t\t\t\t\t\ttext: \"No\",\n\t\t\t\t\t\t\t\t\t\tpress: function () {\n\t\t\t\t\t\t\t\t\t\t\tthis.oConfirmEscapePreventDialog.close();\n\t\t\t\t\t\t\t\t\t\t\toPromise.reject();\n\t\t\t\t\t\t\t\t\t\t}.bind(this)\n\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t]\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tthis.oConfirmEscapePreventDialog.open();\n\t\t\t\t\t}.bind(this)\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tthis.oEscapePreventDialog.open();\n\t\t},\n\n\t\tonResponsivePaddingDialogPress: function () {\n\t\t\tif (!this.oResponsivePaddingDialog) {\n\t\t\t\tthis.oResponsivePaddingDialog = new Dialog({\n\t\t\t\t\ttitle: \"On SAP Quartz and Horizon themes, the padding will adjust based on the width of the Dialog\",\n\t\t\t\t\tcontentWidth: \"760px\",\n\t\t\t\t\tcontentHeight: \"450px\",\n\t\t\t\t\tresizable: true,\n\t\t\t\t\tdraggable: true,\n\t\t\t\t\tcontent: new List({\n\t\t\t\t\t\titems: {\n\t\t\t\t\t\t\tpath: \"/ProductCollection\",\n\t\t\t\t\t\t\ttemplate: new StandardListItem({\n\t\t\t\t\t\t\t\ttitle: \"{Name}\",\n\t\t\t\t\t\t\t\tcounter: \"{Quantity}\"\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t}\n\t\t\t\t\t}),\n\t\t\t\t\tbeginButton: new Button({\n\t\t\t\t\t\ttype: ButtonType.Emphasized,\n\t\t\t\t\t\ttext: \"OK\",\n\t\t\t\t\t\tpress: function () {\n\t\t\t\t\t\t\tthis.oResponsivePaddingDialog.close();\n\t\t\t\t\t\t}.bind(this)\n\t\t\t\t\t}),\n\t\t\t\t\tendButton: new Button({\n\t\t\t\t\t\ttext: \"Close\",\n\t\t\t\t\t\tpress: function () {\n\t\t\t\t\t\t\tthis.oResponsivePaddingDialog.close();\n\t\t\t\t\t\t}.bind(this)\n\t\t\t\t\t})\n\t\t\t\t});\n\n\t\t\t\t// Enable responsive padding by adding the appropriate classes to the control\n\t\t\t\tthis.oResponsivePaddingDialog.addStyleClass(\"sapUiResponsivePadding--content sapUiResponsivePadding--header sapUiResponsivePadding--footer sapUiResponsivePadding--subHeader\");\n\n\t\t\t\t//to get access to the controller's model\n\t\t\t\tthis.getView().addDependent(this.oResponsivePaddingDialog);\n\t\t\t}\n\n\t\t\tthis.oResponsivePaddingDialog.open();\n\t\t}\n\n\t});\n});",
153
+ "Component.js": "sap.ui.define([\n\t\"sap/ui/core/UIComponent\"\n], function (UIComponent) {\n\t\"use strict\";\n\n\treturn UIComponent.extend(\"sap.m.sample.Dialog.Component\", {\n\n\t\tmetadata: {\n\t\t\tmanifest: \"json\"\n\t\t}\n\n\t});\n});",
154
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.m.sample.Dialog\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.m.sample.Dialog.V\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.m\": {},\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.layout\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"V.view.xml\",\n\t\t\t\t\t\"C.controller.js\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
155
+ "V.view.xml": "<mvc:View\n\tcontrollerName=\"sap.m.sample.Dialog.C\"\n\txmlns:l=\"sap.ui.layout\"\n\txmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns=\"sap.m\">\n\t<l:VerticalLayout class=\"sapUiContentPadding\" width=\"100%\">\n\t\t<Button\n\t\t\ttext=\"Dialog\"\n\t\t\twidth=\"230px\"\n\t\t\tpress=\".onDefaultDialogPress\"\n\t\t\tclass=\"sapUiSmallMarginBottom\"\n\t\t\tariaHasPopup=\"Dialog\" />\n\t\t<Button\n\t\t\ttext=\"Dialog (Fixed Size)\"\n\t\t\twidth=\"230px\"\n\t\t\tpress=\".onDialogWithSizePress\"\n\t\t\tclass=\"sapUiSmallMarginBottom\"\n\t\t\tariaHasPopup=\"Dialog\" />\n\t\t<Button\n\t\t\ttext=\"Dialog (Resizable)\"\n\t\t\twidth=\"230px\"\n\t\t\tpress=\".onResizableDialogPress\"\n\t\t\tclass=\"sapUiSmallMarginBottom\"\n\t\t\tariaHasPopup=\"Dialog\" />\n\t\t<Button\n\t\t\ttext=\"Dialog (Draggable)\"\n\t\t\twidth=\"230px\"\n\t\t\tpress=\".onDraggableDialogPress\"\n\t\t\tclass=\"sapUiSmallMarginBottom\"\n\t\t\tariaHasPopup=\"Dialog\" />\n\t\t<Button\n\t\t\ttext=\"Dialog with prevent close\"\n\t\t\twidth=\"230px\"\n\t\t\tpress=\".onEscapePreventDialogPress\"\n\t\t\tclass=\"sapUiSmallMarginBottom\"\n\t\t\tariaHasPopup=\"Dialog\" />\n\t\t<Button\n\t\t\ttext=\"Dialog with responsive padding\"\n\t\t\twidth=\"230px\"\n\t\t\tpress=\".onResponsivePaddingDialogPress\"\n\t\t\tclass=\"sapUiSmallMarginBottom\"\n\t\t\tariaHasPopup=\"Dialog\" />\n\t</l:VerticalLayout>\n</mvc:View>"
156
+ },
157
+ "sap.m/DialogConfirm": {
158
+ "C.controller.js": "sap.ui.define([\n\t\"sap/ui/core/mvc/Controller\",\n\t\"sap/ui/core/Core\",\n\t\"sap/ui/layout/HorizontalLayout\",\n\t\"sap/ui/layout/VerticalLayout\",\n\t\"sap/m/Dialog\",\n\t\"sap/m/Button\",\n\t\"sap/m/Label\",\n\t\"sap/m/library\",\n\t\"sap/m/MessageToast\",\n\t\"sap/m/Text\",\n\t\"sap/m/TextArea\"\n], function (Controller, Core, HorizontalLayout, VerticalLayout, Dialog, Button, Label, mobileLibrary, MessageToast, Text, TextArea) {\n\t\"use strict\";\n\n\t// shortcut for sap.m.ButtonType\n\tvar ButtonType = mobileLibrary.ButtonType;\n\n\t// shortcut for sap.m.DialogType\n\tvar DialogType = mobileLibrary.DialogType;\n\n\treturn Controller.extend(\"sap.m.sample.DialogConfirm.C\", {\n\n\t\tonApproveDialogPress: function () {\n\t\t\tif (!this.oApproveDialog) {\n\t\t\t\tthis.oApproveDialog = new Dialog({\n\t\t\t\t\ttype: DialogType.Message,\n\t\t\t\t\ttitle: \"Confirm\",\n\t\t\t\t\tcontent: new Text({ text: \"Do you want to submit this order?\" }),\n\t\t\t\t\tbeginButton: new Button({\n\t\t\t\t\t\ttype: ButtonType.Emphasized,\n\t\t\t\t\t\ttext: \"Submit\",\n\t\t\t\t\t\tpress: function () {\n\t\t\t\t\t\t\tMessageToast.show(\"Submit pressed!\");\n\t\t\t\t\t\t\tthis.oApproveDialog.close();\n\t\t\t\t\t\t}.bind(this)\n\t\t\t\t\t}),\n\t\t\t\t\tendButton: new Button({\n\t\t\t\t\t\ttext: \"Cancel\",\n\t\t\t\t\t\tpress: function () {\n\t\t\t\t\t\t\tthis.oApproveDialog.close();\n\t\t\t\t\t\t}.bind(this)\n\t\t\t\t\t})\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tthis.oApproveDialog.open();\n\t\t},\n\n\t\tonRejectDialogPress: function () {\n\t\t\tif (!this.oRejectDialog) {\n\t\t\t\tthis.oRejectDialog = new Dialog({\n\t\t\t\t\ttitle: \"Reject\",\n\t\t\t\t\ttype: DialogType.Message,\n\t\t\t\t\tcontent: [\n\t\t\t\t\t\tnew Label({\n\t\t\t\t\t\t\ttext: \"Do you want to reject this order?\",\n\t\t\t\t\t\t\tlabelFor: \"rejectionNote\"\n\t\t\t\t\t\t}),\n\t\t\t\t\t\tnew TextArea(\"rejectionNote\", {\n\t\t\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\t\t\tplaceholder: \"Add note (optional)\"\n\t\t\t\t\t\t})\n\t\t\t\t\t],\n\t\t\t\t\tbeginButton: new Button({\n\t\t\t\t\t\ttype: ButtonType.Emphasized,\n\t\t\t\t\t\ttext: \"Reject\",\n\t\t\t\t\t\tpress: function () {\n\t\t\t\t\t\t\tvar sText = Core.byId(\"rejectionNote\").getValue();\n\t\t\t\t\t\t\tMessageToast.show(\"Note is: \" + sText);\n\t\t\t\t\t\t\tthis.oRejectDialog.close();\n\t\t\t\t\t\t}.bind(this)\n\t\t\t\t\t}),\n\t\t\t\t\tendButton: new Button({\n\t\t\t\t\t\ttext: \"Cancel\",\n\t\t\t\t\t\tpress: function () {\n\t\t\t\t\t\t\tthis.oRejectDialog.close();\n\t\t\t\t\t\t}.bind(this)\n\t\t\t\t\t})\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tthis.oRejectDialog.open();\n\t\t},\n\n\t\tonSubmitDialogPress: function () {\n\t\t\tif (!this.oSubmitDialog) {\n\t\t\t\tthis.oSubmitDialog = new Dialog({\n\t\t\t\t\ttype: DialogType.Message,\n\t\t\t\t\ttitle: \"Confirm\",\n\t\t\t\t\tcontent: [\n\t\t\t\t\t\tnew Label({\n\t\t\t\t\t\t\ttext: \"Do you want to submit this order?\",\n\t\t\t\t\t\t\tlabelFor: \"submissionNote\"\n\t\t\t\t\t\t}),\n\t\t\t\t\t\tnew TextArea(\"submissionNote\", {\n\t\t\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\t\t\tplaceholder: \"Add note (required)\",\n\t\t\t\t\t\t\tliveChange: function (oEvent) {\n\t\t\t\t\t\t\t\tvar sText = oEvent.getParameter(\"value\");\n\t\t\t\t\t\t\t\tthis.oSubmitDialog.getBeginButton().setEnabled(sText.length > 0);\n\t\t\t\t\t\t\t}.bind(this)\n\t\t\t\t\t\t})\n\t\t\t\t\t],\n\t\t\t\t\tbeginButton: new Button({\n\t\t\t\t\t\ttype: ButtonType.Emphasized,\n\t\t\t\t\t\ttext: \"Submit\",\n\t\t\t\t\t\tenabled: false,\n\t\t\t\t\t\tpress: function () {\n\t\t\t\t\t\t\tvar sText = Core.byId(\"submissionNote\").getValue();\n\t\t\t\t\t\t\tMessageToast.show(\"Note is: \" + sText);\n\t\t\t\t\t\t\tthis.oSubmitDialog.close();\n\t\t\t\t\t\t}.bind(this)\n\t\t\t\t\t}),\n\t\t\t\t\tendButton: new Button({\n\t\t\t\t\t\ttext: \"Cancel\",\n\t\t\t\t\t\tpress: function () {\n\t\t\t\t\t\t\tthis.oSubmitDialog.close();\n\t\t\t\t\t\t}.bind(this)\n\t\t\t\t\t})\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tthis.oSubmitDialog.open();\n\t\t},\n\n\t\tonConfirmDialogPress: function () {\n\t\t\tif (!this.oConfirmDialog) {\n\t\t\t\tthis.oConfirmDialog = new Dialog({\n\t\t\t\t\ttype: DialogType.Message,\n\t\t\t\t\ttitle: \"Confirm\",\n\t\t\t\t\tcontent: [\n\t\t\t\t\t\tnew HorizontalLayout({\n\t\t\t\t\t\t\tcontent: [\n\t\t\t\t\t\t\t\tnew VerticalLayout({\n\t\t\t\t\t\t\t\t\twidth: \"120px\",\n\t\t\t\t\t\t\t\t\tcontent: [\n\t\t\t\t\t\t\t\t\t\tnew Text({ text: \"Type: \" }),\n\t\t\t\t\t\t\t\t\t\tnew Text({ text: \"Delivery: \" }),\n\t\t\t\t\t\t\t\t\t\tnew Text({ text: \"Items count: \" })\n\t\t\t\t\t\t\t\t\t]\n\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\tnew VerticalLayout({\n\t\t\t\t\t\t\t\t\tcontent: [\n\t\t\t\t\t\t\t\t\t\tnew Text({ text: \"Shopping Cart\" }),\n\t\t\t\t\t\t\t\t\t\tnew Text({ text: \"Jun 26, 2013\" }),\n\t\t\t\t\t\t\t\t\t\tnew Text({ text: \"2\" })\n\t\t\t\t\t\t\t\t\t]\n\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t]\n\t\t\t\t\t\t}),\n\t\t\t\t\t\tnew TextArea(\"confirmationNote\", {\n\t\t\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\t\t\tplaceholder: \"Add note (optional)\"\n\t\t\t\t\t\t})\n\t\t\t\t\t],\n\t\t\t\t\tbeginButton: new Button({\n\t\t\t\t\t\ttype: ButtonType.Emphasized,\n\t\t\t\t\t\ttext: \"Submit\",\n\t\t\t\t\t\tpress: function () {\n\t\t\t\t\t\t\tvar sText = Core.byId(\"confirmationNote\").getValue();\n\t\t\t\t\t\t\tMessageToast.show(\"Note is: \" + sText);\n\t\t\t\t\t\t\tthis.oConfirmDialog.close();\n\t\t\t\t\t\t}.bind(this)\n\t\t\t\t\t}),\n\t\t\t\t\tendButton: new Button({\n\t\t\t\t\t\ttext: \"Cancel\",\n\t\t\t\t\t\tpress: function () {\n\t\t\t\t\t\t\tthis.oConfirmDialog.close();\n\t\t\t\t\t\t}.bind(this)\n\t\t\t\t\t})\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tthis.oConfirmDialog.open();\n\t\t}\n\n\t});\n});",
159
+ "Component.js": "sap.ui.define([\n\t\"sap/ui/core/UIComponent\"\n], function (UIComponent) {\n\t\"use strict\";\n\n\treturn UIComponent.extend(\"sap.m.sample.DialogConfirm.Component\", {\n\n\t\tmetadata: {\n\t\t\tmanifest: \"json\"\n\t\t}\n\n\t});\n});",
160
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.m.sample.DialogConfirm\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.m.sample.DialogConfirm.V\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.m\": {},\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.layout\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"V.view.xml\",\n\t\t\t\t\t\"C.controller.js\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
161
+ "V.view.xml": "<mvc:View\n\tcontrollerName=\"sap.m.sample.DialogConfirm.C\"\n\txmlns:l=\"sap.ui.layout\"\n\txmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns=\"sap.m\">\n\t<l:VerticalLayout class=\"sapUiContentPadding\" width=\"100%\">\n\t\t<Button\n\t\t\ttext=\"Approve\"\n\t\t\twidth=\"230px\"\n\t\t\tpress=\".onApproveDialogPress\"\n\t\t\tclass=\"sapUiSmallMarginBottom\"\n\t\t\tariaHasPopup=\"Dialog\" />\n\t\t<Button\n\t\t\ttext=\"Reject\"\n\t\t\twidth=\"230px\"\n\t\t\tpress=\".onRejectDialogPress\"\n\t\t\tclass=\"sapUiSmallMarginBottom\"\n\t\t\tariaHasPopup=\"Dialog\" />\n\t\t<Button\n\t\t\ttext=\"Submit (mandatory note)\"\n\t\t\twidth=\"230px\"\n\t\t\tpress=\".onSubmitDialogPress\"\n\t\t\tclass=\"sapUiSmallMarginBottom\"\n\t\t\tariaHasPopup=\"Dialog\" />\n\t\t<Button\n\t\t\ttext=\"Confirm (optional note)\"\n\t\t\twidth=\"230px\"\n\t\t\tpress=\".onConfirmDialogPress\"\n\t\t\tclass=\"sapUiSmallMarginBottom\"\n\t\t\tariaHasPopup=\"Dialog\" />\n\t</l:VerticalLayout>\n</mvc:View>"
162
+ },
163
+ "sap.m/DialogMessage": {
164
+ "C.controller.js": "sap.ui.define([\n\t\"sap/ui/core/mvc/Controller\",\n\t\"sap/ui/core/library\",\n\t\"sap/m/Dialog\",\n\t\"sap/m/Button\",\n\t\"sap/m/library\",\n\t\"sap/m/Text\"\n], function (Controller, coreLibrary, Dialog, Button, mobileLibrary, Text) {\n\t\"use strict\";\n\n\t// shortcut for sap.m.ButtonType\n\tvar ButtonType = mobileLibrary.ButtonType;\n\n\t// shortcut for sap.m.DialogType\n\tvar DialogType = mobileLibrary.DialogType;\n\n\t// shortcut for sap.ui.core.ValueState\n\tvar ValueState = coreLibrary.ValueState;\n\n\treturn Controller.extend(\"sap.m.sample.DialogMessage.C\", {\n\n\t\tonDefaultMessageDialogPress: function () {\n\t\t\tif (!this.oDefaultMessageDialog) {\n\t\t\t\tthis.oDefaultMessageDialog = new Dialog({\n\t\t\t\t\ttype: DialogType.Message,\n\t\t\t\t\ttitle: \"Default Message\",\n\t\t\t\t\tcontent: new Text({ text: \"Build enterprise-ready web applications, responsive to all devices and running on the browser of your choice. That's OpenUI5.\" }),\n\t\t\t\t\tbeginButton: new Button({\n\t\t\t\t\t\ttype: ButtonType.Emphasized,\n\t\t\t\t\t\ttext: \"OK\",\n\t\t\t\t\t\tpress: function () {\n\t\t\t\t\t\t\tthis.oDefaultMessageDialog.close();\n\t\t\t\t\t\t}.bind(this)\n\t\t\t\t\t})\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tthis.oDefaultMessageDialog.open();\n\t\t},\n\n\t\tonSuccessMessageDialogPress: function () {\n\t\t\tif (!this.oSuccessMessageDialog) {\n\t\t\t\tthis.oSuccessMessageDialog = new Dialog({\n\t\t\t\t\ttype: DialogType.Message,\n\t\t\t\t\ttitle: \"Success\",\n\t\t\t\t\tstate: ValueState.Success,\n\t\t\t\t\tcontent: new Text({ text: \"One of the keys to success is creating realistic goals that can be achieved in a reasonable amount of time.\" }),\n\t\t\t\t\tbeginButton: new Button({\n\t\t\t\t\t\ttype: ButtonType.Emphasized,\n\t\t\t\t\t\ttext: \"OK\",\n\t\t\t\t\t\tpress: function () {\n\t\t\t\t\t\t\tthis.oSuccessMessageDialog.close();\n\t\t\t\t\t\t}.bind(this)\n\t\t\t\t\t})\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tthis.oSuccessMessageDialog.open();\n\t\t},\n\n\t\tonWarningMessageDialogPress: function () {\n\t\t\tif (!this.oWarningMessageDialog) {\n\t\t\t\tthis.oWarningMessageDialog = new Dialog({\n\t\t\t\t\ttype: DialogType.Message,\n\t\t\t\t\ttitle: \"Warning\",\n\t\t\t\t\tstate: ValueState.Warning,\n\t\t\t\t\tcontent: new Text({ text: \"Ruling the world is a time-consuming task. You will not have a lot of spare time.\" }),\n\t\t\t\t\tbeginButton: new Button({\n\t\t\t\t\t\ttype: ButtonType.Emphasized,\n\t\t\t\t\t\ttext: \"OK\",\n\t\t\t\t\t\tpress: function () {\n\t\t\t\t\t\t\tthis.oWarningMessageDialog.close();\n\t\t\t\t\t\t}.bind(this)\n\t\t\t\t\t})\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tthis.oWarningMessageDialog.open();\n\t\t},\n\n\t\tonErrorMessageDialogPress: function () {\n\t\t\tif (!this.oErrorMessageDialog) {\n\t\t\t\tthis.oErrorMessageDialog = new Dialog({\n\t\t\t\t\ttype: DialogType.Message,\n\t\t\t\t\ttitle: \"Error\",\n\t\t\t\t\tstate: ValueState.Error,\n\t\t\t\t\tcontent: new Text({ text: \"The only error you can make is to not even try.\" }),\n\t\t\t\t\tbeginButton: new Button({\n\t\t\t\t\t\ttype: ButtonType.Emphasized,\n\t\t\t\t\t\ttext: \"OK\",\n\t\t\t\t\t\tpress: function () {\n\t\t\t\t\t\t\tthis.oErrorMessageDialog.close();\n\t\t\t\t\t\t}.bind(this)\n\t\t\t\t\t})\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tthis.oErrorMessageDialog.open();\n\t\t},\n\n\t\tonMessageInformationDialogPress: function () {\n\t\t\tif (!this.oInfoMessageDialog) {\n\t\t\t\tthis.oInfoMessageDialog = new Dialog({\n\t\t\t\t\ttype: DialogType.Message,\n\t\t\t\t\ttitle: \"Information\",\n\t\t\t\t\tstate: ValueState.Information,\n\t\t\t\t\tcontent: new Text({ text: \"Dialog with value state Information.\" }),\n\t\t\t\t\tbeginButton: new Button({\n\t\t\t\t\t\ttype: ButtonType.Emphasized,\n\t\t\t\t\t\ttext: \"OK\",\n\t\t\t\t\t\tpress: function () {\n\t\t\t\t\t\t\tthis.oInfoMessageDialog.close();\n\t\t\t\t\t\t}.bind(this)\n\t\t\t\t\t})\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tthis.oInfoMessageDialog.open();\n\t\t}\n\n\t});\n});",
165
+ "Component.js": "sap.ui.define([\n\t\"sap/ui/core/UIComponent\"\n], function (UIComponent) {\n\t\"use strict\";\n\n\treturn UIComponent.extend(\"sap.m.sample.DialogMessage.Component\", {\n\n\t\tmetadata: {\n\t\t\tmanifest: \"json\"\n\t\t}\n\n\t});\n});",
166
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.m.sample.DialogMessage\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.m.sample.DialogMessage.V\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.m\": {},\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.layout\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"V.view.xml\",\n\t\t\t\t\t\"C.controller.js\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
167
+ "V.view.xml": "<mvc:View\n\tcontrollerName=\"sap.m.sample.DialogMessage.C\"\n\txmlns:l=\"sap.ui.layout\"\n\txmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns=\"sap.m\">\n\t<l:VerticalLayout class=\"sapUiContentPadding\" width=\"100%\">\n\t\t<Button\n\t\t\ttext=\"Message Dialog\"\n\t\t\twidth=\"230px\"\n\t\t\tpress=\".onDefaultMessageDialogPress\"\n\t\t\tclass=\"sapUiSmallMarginBottom\"\n\t\t\tariaHasPopup=\"Dialog\" />\n\t\t<Button\n\t\t\ttext=\"Message Dialog (Success)\"\n\t\t\twidth=\"230px\"\n\t\t\tpress=\".onSuccessMessageDialogPress\"\n\t\t\tclass=\"sapUiSmallMarginBottom\"\n\t\t\tariaHasPopup=\"Dialog\" />\n\t\t<Button\n\t\t\ttext=\"Message Dialog (Warning)\"\n\t\t\twidth=\"230px\"\n\t\t\tpress=\".onWarningMessageDialogPress\"\n\t\t\tclass=\"sapUiSmallMarginBottom\"\n\t\t\tariaHasPopup=\"Dialog\" />\n\t\t<Button\n\t\t\ttext=\"Message Dialog (Error)\"\n\t\t\twidth=\"230px\"\n\t\t\tpress=\".onErrorMessageDialogPress\"\n\t\t\tclass=\"sapUiSmallMarginBottom\"\n\t\t\tariaHasPopup=\"Dialog\" />\n\t\t<Button\n\t\t\ttext=\"Message Dialog (Information)\"\n\t\t\twidth=\"230px\"\n\t\t\tpress=\".onMessageInformationDialogPress\"\n\t\t\tclass=\"sapUiSmallMarginBottom\"\n\t\t\tariaHasPopup=\"Dialog\" />\n\t</l:VerticalLayout>\n</mvc:View>"
168
+ },
169
+ "sap.m/DialogSearch": {
170
+ "C.controller.js": "sap.ui.define([\n\t\t'sap/ui/core/syncStyleClass',\n\t\t'sap/ui/core/Fragment',\n\t\t'sap/ui/core/mvc/Controller',\n\t\t'sap/ui/model/json/JSONModel'\n\t], function(syncStyleClass, Fragment, Controller, JSONModel) {\n\t\"use strict\";\n\n\tvar CController = Controller.extend(\"sap.m.sample.DialogSearch.C\", {\n\n\t\tonInit: function () {\n\t\t\t// set explored app's demo model on this sample\n\t\t\tvar oModel = new JSONModel(sap.ui.require.toUrl(\"sap/ui/demo/mock/products.json\"));\n\t\t\tthis.getView().setModel(oModel);\n\t\t},\n\n\t\tonOpenDialog: function (oEvent) {\n\t\t\tvar oView = this.getView();\n\t\t\tif (!this._pDialog) {\n\t\t\t\tthis._pDialog = Fragment.load({\n\t\t\t\t\tid: oView.getId(),\n\t\t\t\t\tname: \"sap.m.sample.DialogSearch.Dialog\",\n\t\t\t\t\tcontroller: this\n\t\t\t\t}).then(function (oDialog) {\n\t\t\t\t\toView.addDependent(oDialog);\n\t\t\t\t\treturn oDialog;\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tthis._pDialog.then(function (oDialog) {\n\t\t\t\toDialog.bindElement(\"/ProductCollection/0\");\n\t\t\t\t// toggle compact style\n\t\t\t\tsyncStyleClass(\"sapUiSizeCompact\", oView, oDialog);\n\t\t\t\toDialog.open();\n\t\t\t});\n\t\t},\n\n\t\tonCloseDialog: function (oEvent) {\n\t\t\tthis._pDialog.then(function (oDialog) {\n\t\t\t\toDialog.close();\n\t\t\t});\n\t\t}\n\t});\n\n\treturn CController;\n\n});",
171
+ "Component.js": "sap.ui.define([\n\t\"sap/ui/core/UIComponent\"\n], function (UIComponent) {\n\t\"use strict\";\n\n\treturn UIComponent.extend(\"sap.m.sample.DialogSearch.Component\", {\n\n\t\tmetadata: {\n\t\t\tmanifest: \"json\"\n\t\t}\n\n\t});\n});\n",
172
+ "Dialog.fragment.xml": "<core:FragmentDefinition\n\txmlns=\"sap.m\"\n\txmlns:core=\"sap.ui.core\">\n\t<Dialog\n\t\ttitle=\"Dialog with Search\"\n\t\tclass=\"sapUiContentPadding\" >\n\t\t<subHeader>\n\t\t\t<Toolbar>\n\t\t\t\t<SearchField width=\"90%\" />\n\t\t\t</Toolbar>\n\t\t</subHeader>\n\t\t<content>\n\t\t\t<Text\n\t\t\t\twidth=\"300px\"\n\t\t\t\ttext=\"Lorem ipsum dolor st amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est\" />\n\t\t</content>\n\t\t<beginButton>\n\t\t\t<Button text=\"Close\" press=\"onCloseDialog\" />\n\t\t</beginButton>\n\t</Dialog>\n</core:FragmentDefinition>",
173
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.m.sample.DialogSearch\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.m.sample.DialogSearch.V\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.m\": {},\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.layout\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"V.view.xml\",\n\t\t\t\t\t\"C.controller.js\",\n\t\t\t\t\t\"Dialog.fragment.xml\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
174
+ "V.view.xml": "<mvc:View\n\tcontrollerName=\"sap.m.sample.DialogSearch.C\"\n\txmlns:l=\"sap.ui.layout\"\n\txmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns=\"sap.m\">\n\t<l:VerticalLayout\n\t\tclass=\"sapUiContentPadding\"\n\t\twidth=\"100%\">\n\t\t<l:content>\n\t\t\t<Button\n\t\t\t\ttext=\"Show Dialog with Search\"\n\t\t\t\tpress=\"onOpenDialog\"\n\t\t\t\tclass=\"sapUiSmallMarginBottom\"\n\t\t\t\tariaHasPopup=\"Dialog\" />\n\t\t</l:content>\n\t</l:VerticalLayout>\n</mvc:View>"
175
+ },
176
+ "sap.m/DialogWithMessagePopover": {
177
+ "C.controller.js": "sap.ui.define([\n\t'sap/m/MessagePopover',\n\t'sap/m/MessageItem',\n\t'sap/m/MessageToast',\n\t'sap/ui/core/message/Message',\n\t'sap/ui/core/library',\n\t'sap/ui/core/Core',\n\t'sap/ui/core/mvc/Controller',\n\t'sap/ui/model/json/JSONModel',\n\t'sap/ui/core/Element'\n], function (MessagePopover, MessageItem, MessageToast, Message, coreLibrary, Core, Controller, JSONModel, Element) {\n\t\"use strict\";\n\n\t// shortcut for sap.ui.core.MessageType\n\tvar MessageType = coreLibrary.MessageType;\n\n\treturn Controller.extend(\"sap.m.sample.DialogWithMessagePopover.C\", {\n\t\tonInit: function () {\n\t\t\tvar oModel = new JSONModel(sap.ui.require.toUrl(\"sap/ui/demo/mock/forms.json\"));\n\n\t\t\tthis.oView = this.getView();\n\t\t\tthis._oMessageManager = Core.getMessageManager();\n\n\t\t\t// Clear the old messages\n\t\t\tthis._oMessageManager.removeAllMessages();\n\t\t\tthis.oView.setModel(oModel);\n\t\t\tthis.oView.setModel(this._oMessageManager.getMessageModel(), \"message\");\n\t\t},\n\n\t\tonOpenPopoverDialog: function () {\n\t\t\t// create dialog lazily\n\t\t\tif (!this.oMPDialog) {\n\t\t\t\tthis.oMPDialog = this.loadFragment({\n\t\t\t\t\tname: \"sap.m.sample.DialogWithMessagePopover.MPDialog\"\n\t\t\t\t});\n\t\t\t}\n\t\t\tthis.oMPDialog.then(function (oDialog) {\n\t\t\t\tthis.oDialog = oDialog;\n\t\t\t\tthis.oDialog.open();\n\t\t\t\tthis._oMessageManager.registerObject(this.oView.byId(\"formContainer\"), true);\n\n\t\t\t\tMessageToast.show('Press \"Save\" to trigger validation.');\n\t\t\t\tthis.createMessagePopover();\n\t\t\t}.bind(this));\n\t\t},\n\n\t\thandleMessagePopoverPress: function (oEvent) {\n\t\t\tif (!this.oMP) {\n\t\t\t\tthis.createMessagePopover();\n\t\t\t}\n\t\t\tthis.oMP.toggle(oEvent.getSource());\n\t\t},\n\n\t\tcreateMessagePopover: function () {\n\t\t\tvar that = this;\n\n\t\t\tthis.oMP = new MessagePopover({\n\t\t\t\tactiveTitlePress: function (oEvent) {\n\t\t\t\t\tvar oItem = oEvent.getParameter(\"item\"),\n\t\t\t\t\t\toPage = that.getView().byId(\"messageHandlingPage\"),\n\t\t\t\t\t\toMessage = oItem.getBindingContext(\"message\").getObject(),\n\t\t\t\t\t\toControl = Element.registry.get(oMessage.getControlId());\n\n\t\t\t\t\tif (oControl) {\n\t\t\t\t\t\toPage.scrollToElement(oControl.getDomRef(), 200, [0, -100]);\n\t\t\t\t\t\tsetTimeout(function () {\n\t\t\t\t\t\t\toControl.focus();\n\t\t\t\t\t\t}, 300);\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\titems: {\n\t\t\t\t\tpath: \"message>/\",\n\t\t\t\t\ttemplate: new MessageItem({\n\t\t\t\t\t\ttitle: \"{message>message}\",\n\t\t\t\t\t\tsubtitle: \"{message>additionalText}\",\n\t\t\t\t\t\tgroupName: {\n\t\t\t\t\t\t\tparts: [{\n\t\t\t\t\t\t\t\tpath: 'message>controlIds'\n\t\t\t\t\t\t\t}],\n\t\t\t\t\t\t\tformatter: this.getGroupName\n\t\t\t\t\t\t},\n\t\t\t\t\t\tactiveTitle: {\n\t\t\t\t\t\t\tparts: [{\n\t\t\t\t\t\t\t\tpath: 'message>controlIds'\n\t\t\t\t\t\t\t}],\n\t\t\t\t\t\t\tformatter: this.isReachable\n\t\t\t\t\t\t},\n\t\t\t\t\t\ttype: \"{message>type}\",\n\t\t\t\t\t\tdescription: \"{message>message}\"\n\t\t\t\t\t})\n\t\t\t\t},\n\t\t\t\tgroupItems: true\n\t\t\t});\n\n\t\t\tthis.getView().byId(\"messagePopoverBtn\").addDependent(this.oMP);\n\t\t},\n\n\t\tgetGroupName: function (sControlId) {\n\t\t\t// the group name is generated based on the current layout\n\t\t\t// and is specific for each use case\n\t\t\tvar oControl = Element.registry.get(sControlId[0]);\n\n\t\t\tif (oControl) {\n\t\t\t\tvar sFormSubtitle = oControl.getParent().getParent().getTitle().getText(),\n\t\t\t\t\tsFormTitle = oControl.getParent().getParent().getParent().getTitle();\n\n\t\t\t\treturn sFormTitle + \", \" + sFormSubtitle;\n\t\t\t}\n\t\t},\n\n\t\tisReachable: function (sControlId) {\n\t\t\t// Such a hook can be used by the application to determine if a control can be found/reached on the page and navigated to.\n\t\t\treturn sControlId ? true : true;\n\t\t},\n\n\t\tonChange: function (oEvent) {\n\t\t\tvar oInput = oEvent.getSource();\n\n\t\t\tif (oInput.getRequired()) {\n\t\t\t\tthis.handleRequiredField(oInput);\n\t\t\t}\n\n\t\t\tif (oInput.getLabels()[0].getText() === \"Standard Weekly Hours\") {\n\t\t\t\tthis.checkInputConstraints(oInput);\n\t\t\t}\n\t\t},\n\n\t\thandleRequiredField: function (oInput) {\n\t\t\tvar sTarget = oInput.getBindingContext().getPath() + \"/\" + oInput.getBindingPath(\"value\");\n\n\t\t\tthis.removeMessageFromTarget(sTarget);\n\n\t\t\tif (!oInput.getValue()) {\n\t\t\t\tthis._oMessageManager.addMessages(\n\t\t\t\t\tnew Message({\n\t\t\t\t\t\tmessage: \"A mandatory field is required\",\n\t\t\t\t\t\ttype: MessageType.Error,\n\t\t\t\t\t\tadditionalText: oInput.getLabels()[0].getText(),\n\t\t\t\t\t\ttarget: sTarget,\n\t\t\t\t\t\tprocessor: this.getView().getModel()\n\t\t\t\t\t})\n\t\t\t\t);\n\t\t\t}\n\t\t},\n\n\t\tcheckInputConstraints: function (oInput) {\n\t\t\tvar oBinding = oInput.getBinding(\"value\"),\n\t\t\t\tsValueState = \"None\",\n\t\t\t\tsTarget = oInput.getBindingContext().getPath() + \"/\" + oInput.getBindingPath(\"value\");\n\n\t\t\tthis.removeMessageFromTarget(sTarget);\n\n\t\t\ttry {\n\t\t\t\toBinding.getType().validateValue(oInput.getValue());\n\t\t\t} catch (oException) {\n\t\t\t\tsValueState = \"Warning\";\n\t\t\t\tthis._oMessageManager.addMessages(\n\t\t\t\t\tnew Message({\n\t\t\t\t\t\tmessage: \"The value should not exceed 40\",\n\t\t\t\t\t\ttype: MessageType.Warning,\n\t\t\t\t\t\tadditionalText: oInput.getLabels()[0].getText(),\n\t\t\t\t\t\tdescription: \"The value of the working hours field should not exceed 40 hours.\",\n\t\t\t\t\t\ttarget: sTarget,\n\t\t\t\t\t\tprocessor: this.getView().getModel()\n\t\t\t\t\t})\n\t\t\t\t);\n\t\t\t}\n\n\t\t\toInput.setValueState(sValueState);\n\t\t},\n\n\t\tremoveMessageFromTarget: function (sTarget) {\n\t\t\tthis._oMessageManager.getMessageModel().getData().forEach(function (oMessage) {\n\t\t\t\tif (oMessage.target === sTarget) {\n\t\t\t\t\tthis._oMessageManager.removeMessages(oMessage);\n\t\t\t\t}\n\t\t\t}.bind(this));\n\t\t},\n\n\t\t// Display the button type according to the message with the highest severity\n\t\t// The priority of the message types are as follows: Error > Warning > Success > Info\n\t\tbuttonTypeFormatter: function () {\n\t\t\tvar sHighestSeverity;\n\t\t\tvar aMessages = this._oMessageManager.getMessageModel().oData;\n\t\t\taMessages.forEach(function (sMessage) {\n\t\t\t\tswitch (sMessage.type) {\n\t\t\t\t\tcase \"Error\":\n\t\t\t\t\t\tsHighestSeverity = \"Negative\";\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase \"Warning\":\n\t\t\t\t\t\tsHighestSeverity = sHighestSeverity !== \"Negative\" ? \"Critical\" : sHighestSeverity;\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase \"Success\":\n\t\t\t\t\t\tsHighestSeverity = sHighestSeverity !== \"Negative\" && sHighestSeverity !== \"Critical\" ? \"Success\" : sHighestSeverity;\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tdefault:\n\t\t\t\t\t\tsHighestSeverity = !sHighestSeverity ? \"Neutral\" : sHighestSeverity;\n\t\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t});\n\n\t\t\treturn sHighestSeverity;\n\t\t},\n\n\t\t// Display the number of messages with the highest severity\n\t\thighestSeverityMessages: function () {\n\t\t\tvar sHighestSeverityIconType = this.buttonTypeFormatter();\n\t\t\tvar sHighestSeverityMessageType;\n\n\t\t\tswitch (sHighestSeverityIconType) {\n\t\t\t\tcase \"Negative\":\n\t\t\t\t\tsHighestSeverityMessageType = \"Error\";\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"Critical\":\n\t\t\t\t\tsHighestSeverityMessageType = \"Warning\";\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"Success\":\n\t\t\t\t\tsHighestSeverityMessageType = \"Success\";\n\t\t\t\t\tbreak;\n\t\t\t\tdefault:\n\t\t\t\t\tsHighestSeverityMessageType = !sHighestSeverityMessageType ? \"Information\" : sHighestSeverityMessageType;\n\t\t\t\t\tbreak;\n\t\t\t}\n\n\t\t\treturn this._oMessageManager.getMessageModel().oData.reduce(function (iNumberOfMessages, oMessageItem) {\n\t\t\t\treturn oMessageItem.type === sHighestSeverityMessageType ? ++iNumberOfMessages : iNumberOfMessages;\n\t\t\t}, 0) || \"\";\n\t\t},\n\n\t\t// Set the button icon according to the message with the highest severity\n\t\tbuttonIconFormatter: function () {\n\t\t\tvar sIcon;\n\t\t\tvar aMessages = this._oMessageManager.getMessageModel().oData;\n\n\t\t\taMessages.forEach(function (sMessage) {\n\t\t\t\tswitch (sMessage.type) {\n\t\t\t\t\tcase \"Error\":\n\t\t\t\t\t\tsIcon = \"sap-icon://error\";\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase \"Warning\":\n\t\t\t\t\t\tsIcon = sIcon !== \"sap-icon://error\" ? \"sap-icon://alert\" : sIcon;\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase \"Success\":\n\t\t\t\t\t\tsIcon = sIcon !== \"sap-icon://error\" && sIcon !== \"sap-icon://alert\" ? \"sap-icon://sys-enter-2\" : sIcon;\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tdefault:\n\t\t\t\t\t\tsIcon = !sIcon ? \"sap-icon://information\" : sIcon;\n\t\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t});\n\n\t\t\treturn sIcon;\n\t\t},\n\n\t\t_generateInvalidUserInput: function () {\n\t\t\tvar oButton = this.getView().byId(\"messagePopoverBtn\"),\n\t\t\t\toRequiredNameInput = this.oView.byId(\"formContainer\").getItems()[4].getContent()[2],\n\t\t\t\toNumericZipInput = this.oView.byId(\"formContainer\").getItems()[5].getContent()[7],\n\t\t\t\toEmailInput = this.oView.byId(\"formContainer\").getItems()[6].getContent()[13],\n\t\t\t\tiWeeklyHours = this.oView.byId(\"formContainerEmployment\").getItems()[0].getContent()[13];\n\n\t\t\toButton.setVisible(true);\n\t\t\toRequiredNameInput.setValue(\"\");\n\t\t\toNumericZipInput.setValue(\"AAA\");\n\t\t\toEmailInput.setValue(\"MariaFontes.com\");\n\t\t\tiWeeklyHours.setValue(400);\n\n\t\t\tthis.handleRequiredField(oRequiredNameInput);\n\t\t\tthis.checkInputConstraints(iWeeklyHours);\n\n\t\t\tthis.oMP.getBinding(\"items\").attachChange(function (oEvent) {\n\t\t\t\tthis.oMP.navigateBack();\n\t\t\t\toButton.setType(this.buttonTypeFormatter());\n\t\t\t\toButton.setIcon(this.buttonIconFormatter());\n\t\t\t\toButton.setText(this.highestSeverityMessages());\n\t\t\t}.bind(this));\n\n\t\t\tsetTimeout(function () {\n\t\t\t\tthis.oMP.openBy(oButton);\n\t\t\t}.bind(this), 100);\n\t\t},\n\n\t\t_closeDialog: function () {\n\t\t\tthis.oDialog.close();\n\t\t}\n\t});\n});",
178
+ "Component.js": "sap.ui.define([\n\t\"sap/ui/core/UIComponent\"\n], function (UIComponent) {\n\t\"use strict\";\n\n\treturn UIComponent.extend(\"sap.m.sample.DialogWithMessagePopover.Component\", {\n\n\t\tmetadata: {\n\t\t\tmanifest: \"json\"\n\t\t}\n\n\t});\n});\n",
179
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.m.sample.DialogWithMessagePopover\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.m.sample.DialogWithMessagePopover.V\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.m\": {},\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.layout\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"stretch\": true,\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"V.view.xml\",\n\t\t\t\t\t\"MPDialog.fragment.xml\",\n\t\t\t\t\t\"C.controller.js\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
180
+ "MPDialog.fragment.xml": "<core:FragmentDefinition\n\txmlns=\"sap.m\"\n\txmlns:f=\"sap.ui.layout.form\"\n\txmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns:core=\"sap.ui.core\">\n\t<Dialog\n\t\tid=\"mainDialog\"\n\t\ttitle=\"Hello {/recipient/name}\">\n\t\t<content>\n\t\t\t<VBox class=\"sapUiSmallMargin\" id=\"formContainer\" items=\"{\n\t\t\t\t\tpath: '/forms'\n\t\t\t\t}\">\n\t\t\t\t<f:SimpleForm id=\"SimpleFormChangeColumn_twoGroups234\"\n\t\t\t\t\teditable=\"true\"\n\t\t\t\t\tlayout=\"ColumnLayout\"\n\t\t\t\t\ttitle=\"Personal\"\n\t\t\t\t\tcolumnsM=\"2\"\n\t\t\t\t\tcolumnsL=\"2\"\n\t\t\t\t\tcolumnsXL=\"2\">\n\t\t\t\t\t<f:content>\n\t\t\t\t\t\t<core:Title text=\"Information\" />\n\t\t\t\t\t\t<Label text=\"Name\" />\n\t\t\t\t\t\t<Input required=\"true\" change=\"onChange\" value=\"{\n\t\t\t\t\t\t\tpath : 'name',\n\t\t\t\t\t\t\ttype : 'sap.ui.model.type.String'\n\t\t\t\t\t\t}\" />\n\t\t\t\t\t\t<Label text=\"Street/No.\" />\n\t\t\t\t\t\t<Input value=\"{street/name}\"></Input>\n\t\t\t\t\t\t<Input value=\"{street/number}\">\n\t\t\t\t\t\t\t<layoutData>\n\t\t\t\t\t\t\t\t<f:ColumnElementData cellsSmall=\"2\" cellsLarge=\"2\" />\n\t\t\t\t\t\t\t</layoutData>\n\t\t\t\t\t\t</Input>\n\t\t\t\t\t\t<Label text=\"ZIP Code/City\" />\n\t\t\t\t\t\t<Input value=\"{\n\t\t\t\t\t\t\tpath : 'zip/code',\n\t\t\t\t\t\t\ttype : 'sap.ui.model.type.Integer'}\">\n\t\t\t\t\t\t\t<layoutData>\n\t\t\t\t\t\t\t\t<f:ColumnElementData cellsSmall=\"3\" cellsLarge=\"2\" />\n\t\t\t\t\t\t\t</layoutData>\n\t\t\t\t\t\t</Input>\n\t\t\t\t\t\t<Input value=\"{zip/city}\" />\n\t\t\t\t\t\t<Label text=\"Country\" />\n\t\t\t\t\t\t<Select id=\"country\" selectedKey=\"{country}\">\n\t\t\t\t\t\t\t<items>\n\t\t\t\t\t\t\t\t<core:Item text=\"England\" key=\"England\" />\n\t\t\t\t\t\t\t\t<core:Item text=\"Germany\" key=\"Germany\" />\n\t\t\t\t\t\t\t\t<core:Item text=\"USA\" key=\"USA\" />\n\t\t\t\t\t\t\t</items>\n\t\t\t\t\t\t</Select>\n\t\t\t\t\t\t<core:Title text=\"Contact\" />\n\t\t\t\t\t\t<Label text=\"Email\" />\n\t\t\t\t\t\t<Input value=\"{\n\t\t\t\t\t\t\tpath : 'email',\n\t\t\t\t\t\t\ttype : 'sap.ui.model.type.String',\n\t\t\t\t\t\t\tconstraints: {\n\t\t\t\t\t\t\t\tsearch: '^\\\\w+[\\\\w-+\\\\.]*\\\\@[a-zA-Z]+.[a-zA-Z]+'\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\" />\n\t\t\t\t\t\t<Label text=\"Phone Number\" />\n\t\t\t\t\t\t<Input value=\"{phone/number}\"></Input>\n\t\t\t\t\t\t<Input value=\"{phone/time}\">\n\t\t\t\t\t\t\t<layoutData>\n\t\t\t\t\t\t\t\t<f:ColumnElementData cellsSmall=\"2\" cellsLarge=\"2\" />\n\t\t\t\t\t\t\t</layoutData>\n\t\t\t\t\t\t</Input>\n\t\t\t\t\t\t<Label text=\"Personal website\" />\n\t\t\t\t\t\t<Input value=\"{website}\" />\n\t\t\t\t\t</f:content>\n\t\t\t\t</f:SimpleForm>\n\t\t\t</VBox>\n\t\t\t<VBox class=\"sapUiSmallMargin\" id=\"formContainerEmployment\" items=\"{\n\t\t\t\t\tpath: '/employment'\n\t\t\t\t}\">\n\t\t\t\t<f:SimpleForm editable=\"true\"\n\t\t\t\t\tlayout=\"ColumnLayout\"\n\t\t\t\t\ttitle=\"Personal\"\n\t\t\t\t\tcolumnsM=\"2\"\n\t\t\t\t\tcolumnsL=\"2\"\n\t\t\t\t\tcolumnsXL=\"2\">\n\t\t\t\t\t<f:content>\n\t\t\t\t\t\t<core:Title text=\"Information\" />\n\t\t\t\t\t\t<Label text=\"Job Classification\" />\n\t\t\t\t\t\t<Input value=\"{jobTitle}\" />\n\t\t\t\t\t\t<Label text=\"Pay Grade\" />\n\t\t\t\t\t\t<Input value=\"{payGrade}\"></Input>\n\t\t\t\t\t\t<Label text=\"Unit\" />\n\t\t\t\t\t\t<Input value=\"{unit}\"></Input>\n\t\t\t\t\t\t<core:Title text=\"Rating\" />\n\t\t\t\t\t\t<Label text=\"Employee Class\" />\n\t\t\t\t\t\t<Input value=\"{class}\" />\n\t\t\t\t\t\t<Label text=\"FTE\" />\n\t\t\t\t\t\t<Input value=\"{fte}\"></Input>\n\t\t\t\t\t\t<Label text=\"Standard Weekly Hours\" />\n\t\t\t\t\t\t<Input change=\"onChange\" value=\"{\n\t\t\t\t\t\t\tpath: 'weeklyHours',\n\t\t\t\t\t\t\ttype: 'sap.ui.model.type.Integer',\n\t\t\t\t\t\t\tconstraints: {\n\t\t\t\t\t\t\t\tmaximum: 40\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\"></Input>\n\t\t\t\t\t</f:content>\n\t\t\t\t</f:SimpleForm>\n\t\t\t</VBox>\n\t\t</content>\n\t\t<footer>\n\t\t\t<Toolbar>\n\t\t\t\t<content>\n\t\t\t\t\t<Button id=\"messagePopoverBtn\"\n\t\t\t\t\t\tvisible=\"{= !!${message>/}.length }\"\n\t\t\t\t\t\ticon=\"{ path: '/', formatter: '.buttonIconFormatter' }\"\n\t\t\t\t\t\ttype=\"{ path: '/', formatter: '.buttonTypeFormatter' }\"\n\t\t\t\t\t\ttext=\"{ path: '/', formatter: '.highestSeverityMessages' }\"\n\t\t\t\t\t\tpress=\".handleMessagePopoverPress\"\n\t\t\t\t\t\tariaHasPopup=\"Dialog\" />\n\t\t\t\t\t<ToolbarSpacer />\n\t\t\t\t\t<Button type=\"Accept\"\n\t\t\t\t\t\t\ttext=\"Save\"\n\t\t\t\t\t\t\tpress=\"._generateInvalidUserInput\" />\n\t\t\t\t\t<Button id=\"Reject\"\n\t\t\t\t\t\ttext=\"Reject\"\n\t\t\t\t\t\ttype=\"Reject\"\n\t\t\t\t\t\tpress=\"._closeDialog\"\n\t\t\t\t\t\tariaHasPopup=\"Dialog\" />\n\t\t\t\t</content>\n\t\t\t</Toolbar>\n\t\t</footer>\n\t</Dialog>\n</core:FragmentDefinition>",
181
+ "V.view.xml": "<mvc:View\n\tcontrollerName=\"sap.m.sample.DialogWithMessagePopover.C\"\n\theight=\"100%\"\n\txmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns=\"sap.m\">\n\t<Page id=\"messageHandlingPage\" showHeader=\"false\">\n\t\t<Button\n\t\t\ttext=\"Open Dialog With Message Popover\"\n\t\t\tpress=\".onOpenPopoverDialog\"\n\t\t\tclass=\"sapUiMediumMargin\"\n\t\t\tariaHasPopup=\"Dialog\" />\n\t</Page>\n</mvc:View>"
182
+ },
183
+ "sap.m/DialogWithinArea": {
184
+ "C.controller.js": "sap.ui.define([\n\t\"sap/ui/core/mvc/Controller\",\n\t\"sap/ui/core/Popup\",\n\t\"sap/ui/model/json/JSONModel\",\n\t\"sap/m/Dialog\",\n\t\"sap/m/Button\",\n\t\"sap/m/library\",\n\t\"sap/m/List\",\n\t\"sap/m/StandardListItem\"\n], function (Controller, Popup, JSONModel, Dialog, Button, mobileLibrary, List, StandardListItem) {\n\t\"use strict\";\n\n\t// shortcut for sap.m.ButtonType\n\tvar ButtonType = mobileLibrary.ButtonType;\n\n\treturn Controller.extend(\"sap.m.sample.DialogWithinArea.C\", {\n\n\t\tonInit: function () {\n\t\t\tvar oModel = new JSONModel(sap.ui.require.toUrl(\"sap/ui/demo/mock/products.json\"));\n\t\t\tthis.getView().setModel(oModel);\n\n\t\t\t// Set the element that will serve as within area for all popups (including dialogs)\n\t\t\tPopup.setWithinArea(this.byId(\"withinArea\"));\n\t\t},\n\n\t\tonExit: function () {\n\t\t\tPopup.setWithinArea(null);\n\t\t},\n\n\t\tonDefaultDialogPress: function () {\n\t\t\tif (!this.oDefaultDialog) {\n\t\t\t\tthis.oDefaultDialog = new Dialog({\n\t\t\t\t\ttitle: \"Available Products\",\n\t\t\t\t\tcontent: new List({\n\t\t\t\t\t\titems: {\n\t\t\t\t\t\t\tpath: \"/ProductCollection\",\n\t\t\t\t\t\t\ttemplate: new StandardListItem({\n\t\t\t\t\t\t\t\ttitle: \"{Name}\",\n\t\t\t\t\t\t\t\tcounter: \"{Quantity}\"\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t}\n\t\t\t\t\t}),\n\t\t\t\t\tbeginButton: new Button({\n\t\t\t\t\t\ttype: ButtonType.Emphasized,\n\t\t\t\t\t\ttext: \"OK\",\n\t\t\t\t\t\tpress: function () {\n\t\t\t\t\t\t\tthis.oDefaultDialog.close();\n\t\t\t\t\t\t}.bind(this)\n\t\t\t\t\t}),\n\t\t\t\t\tendButton: new Button({\n\t\t\t\t\t\ttext: \"Close\",\n\t\t\t\t\t\tpress: function () {\n\t\t\t\t\t\t\tthis.oDefaultDialog.close();\n\t\t\t\t\t\t}.bind(this)\n\t\t\t\t\t})\n\t\t\t\t});\n\n\t\t\t\t// to get access to the controller's model\n\t\t\t\tthis.getView().addDependent(this.oDefaultDialog);\n\t\t\t}\n\n\t\t\tthis.oDefaultDialog.open();\n\t\t},\n\n\t\tonResizableDialogPress: function () {\n\t\t\tif (!this.oResizableDialog) {\n\t\t\t\tthis.oResizableDialog = new Dialog({\n\t\t\t\t\ttitle: \"Resizable Available Products\",\n\t\t\t\t\tcontentWidth: \"550px\",\n\t\t\t\t\tcontentHeight: \"300px\",\n\t\t\t\t\tresizable: true,\n\t\t\t\t\tcontent: new List({\n\t\t\t\t\t\titems: {\n\t\t\t\t\t\t\tpath: \"/ProductCollection\",\n\t\t\t\t\t\t\ttemplate: new StandardListItem({\n\t\t\t\t\t\t\t\ttitle: \"{Name}\",\n\t\t\t\t\t\t\t\tcounter: \"{Quantity}\"\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t}\n\t\t\t\t\t}),\n\t\t\t\t\tendButton: new Button({\n\t\t\t\t\t\ttext: \"Close\",\n\t\t\t\t\t\tpress: function () {\n\t\t\t\t\t\t\tthis.oResizableDialog.close();\n\t\t\t\t\t\t}.bind(this)\n\t\t\t\t\t})\n\t\t\t\t});\n\n\t\t\t\t//to get access to the controller's model\n\t\t\t\tthis.getView().addDependent(this.oResizableDialog);\n\t\t\t}\n\n\t\t\tthis.oResizableDialog.open();\n\t\t},\n\n\t\tonDraggableDialogPress: function () {\n\t\t\tif (!this.oDraggableDialog) {\n\t\t\t\tthis.oDraggableDialog = new Dialog({\n\t\t\t\t\ttitle: \"Draggable Available Products\",\n\t\t\t\t\tcontentWidth: \"550px\",\n\t\t\t\t\tcontentHeight: \"300px\",\n\t\t\t\t\tdraggable: true,\n\t\t\t\t\tcontent: new List({\n\t\t\t\t\t\titems: {\n\t\t\t\t\t\t\tpath: \"/ProductCollection\",\n\t\t\t\t\t\t\ttemplate: new StandardListItem({\n\t\t\t\t\t\t\t\ttitle: \"{Name}\",\n\t\t\t\t\t\t\t\tcounter: \"{Quantity}\"\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t}\n\t\t\t\t\t}),\n\t\t\t\t\tendButton: new Button({\n\t\t\t\t\t\ttext: \"Close\",\n\t\t\t\t\t\tpress: function () {\n\t\t\t\t\t\t\tthis.oDraggableDialog.close();\n\t\t\t\t\t\t}.bind(this)\n\t\t\t\t\t})\n\t\t\t\t});\n\n\t\t\t\t//to get access to the controller's model\n\t\t\t\tthis.getView().addDependent(this.oDraggableDialog);\n\t\t\t}\n\n\t\t\tthis.oDraggableDialog.open();\n\t\t}\n\n\t});\n});",
185
+ "Component.js": "sap.ui.define([\n\t\"sap/ui/core/UIComponent\"\n], function (UIComponent) {\n\t\"use strict\";\n\n\treturn UIComponent.extend(\"sap.m.sample.DialogWithinArea.Component\", {\n\n\t\tmetadata: {\n\t\t\tmanifest: \"json\"\n\t\t}\n\n\t});\n});",
186
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.m.sample.DialogWithinArea\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.m.sample.DialogWithinArea.V\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.m\": {},\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.layout\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"V.view.xml\",\n\t\t\t\t\t\"C.controller.js\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
187
+ "V.view.xml": "<mvc:View\n\tcontrollerName=\"sap.m.sample.DialogWithinArea.C\"\n\txmlns:l=\"sap.ui.layout\"\n\txmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns=\"sap.m\">\n\t<HBox>\n\t\t<l:VerticalLayout class=\"sapUiContentPadding\" width=\"100%\">\n\t\t\t<Button\n\t\t\t\ttext=\"Dialog\"\n\t\t\t\twidth=\"230px\"\n\t\t\t\tpress=\".onDefaultDialogPress\"\n\t\t\t\tclass=\"sapUiSmallMarginBottom\"\n\t\t\t\tariaHasPopup=\"Dialog\" />\n\t\t\t<Button\n\t\t\t\ttext=\"Dialog (Resizable)\"\n\t\t\t\twidth=\"230px\"\n\t\t\t\tpress=\".onResizableDialogPress\"\n\t\t\t\tclass=\"sapUiSmallMarginBottom\"\n\t\t\t\tariaHasPopup=\"Dialog\" />\n\t\t\t<Button\n\t\t\t\ttext=\"Dialog (Draggable)\"\n\t\t\t\twidth=\"230px\"\n\t\t\t\tpress=\".onDraggableDialogPress\"\n\t\t\t\tclass=\"sapUiSmallMarginBottom\"\n\t\t\t\tariaHasPopup=\"Dialog\" />\n\t\t</l:VerticalLayout>\n\t\t<HBox id=\"withinArea\" backgroundDesign=\"Solid\" height=\"30rem\">\n\t\t\t<layoutData>\n\t\t\t\t<FlexItemData growFactor=\"1\" backgroundDesign=\"Solid\" styleClass=\"sapUiMediumMargin\" />\n\t\t\t</layoutData>\n\t\t</HBox>\n\t</HBox>\n</mvc:View>"
188
+ },
189
+ "sap.m/FormattedText": {
190
+ "C.controller.js": "\n\nsap.ui.define([\n\t'sap/ui/core/mvc/Controller',\n\t'sap/ui/model/json/JSONModel'\n], function(Controller, JSONModel) {\n\t\t\"use strict\";\n\t\treturn Controller.extend(\"sap.m.sample.FormattedText.C\", {\n\t\t\tonInit : function() {\n\n\t\t\t\t// HTML string bound to the formatted text control\n\t\t\t\tvar oModel = new JSONModel({\n\t\t\t\t\tHTML : \"<h3>subheader</h3>\" +\n\t\t\t\t\t\"<p>link: <a href=\\\"//www.sap.com\\\" style=\\\"color:green; font-weight:600;\\\">link to sap.com</a> - links open in a new window.</p>\" +\n\t\t\t\t\t\"<p>paragraph: <strong>strong</strong> and <em>emphasized</em>.</p>\" +\n\t\t\t\t\t\"<p>list:</p>\" +\n\t\t\t\t\t\"<ul><li>list item 1</li><li>list item 2<ul><li>sub item 1</li><li>sub item 2</li></ul></li></ul>\" +\n\t\t\t\t\t\"<p>pre:</p><pre>abc def ghi</pre>\" +\n\t\t\t\t\t\"<p>code: <code>var el = document.getElementById(\\\"myId\\\");</code></p>\" +\n\t\t\t\t\t\"<p>cite: <cite>a reference to a source</cite></p>\" +\n\t\t\t\t\t\"<dl><dt>definition:</dt><dd>definition list of terms and descriptions</dd>\"\n\t\t\t\t});\n\t\t\t\tthis.getView().setModel(oModel);\n\t\t\t}\n\t\t});\n\t});",
191
+ "Component.js": "sap.ui.define(['sap/ui/core/UIComponent'],\n\tfunction(UIComponent) {\n\t\"use strict\";\n\n\treturn UIComponent.extend(\"sap.m.sample.FormattedText.Component\", {\n\n\t\tmetadata : {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n\n});\n",
192
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.m.sample.FormattedText\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.m.sample.FormattedText.V\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.m\": {},\n\t\t\t\t\"sap.ui.core\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"C.controller.js\",\n\t\t\t\t\t\"V.view.xml\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
193
+ "V.view.xml": "<mvc:View\n\tcontrollerName=\"sap.m.sample.FormattedText.C\"\n\txmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns=\"sap.m\">\n\t<VBox class=\"sapUiMediumMargin\">\n\t\t<FormattedText htmlText=\"{/HTML}\"/>\n\t</VBox>\n</mvc:View>\n"
194
+ },
195
+ "sap.m/IllustratedMessageInDialog": {
196
+ "Component.js": "sap.ui.define(['sap/ui/core/UIComponent'],\nfunction (UIComponent) {\n\t\"use strict\";\n\n\treturn UIComponent.extend(\"sap.m.sample.IllustratedMessageInDialog.Component\", {\n\n\t\tmetadata: {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n});\n",
197
+ "controller/Main.controller.js": "sap.ui.define([\n\t\"sap/ui/core/mvc/Controller\",\n\t\"sap/ui/core/Fragment\"\n], function (Controller, Fragment) {\n\t\"use strict\";\n\n\treturn Controller.extend(\"sap.m.sample.IllustratedMessageInDialog.controller.Main\", {\n\t\thandleOpenDialog : function () {\n\n\t\t\t// create value help dialog\n\t\t\tif (!this._oDialog) {\n\t\t\t\tFragment.load({\n\t\t\t\t\tname: \"sap.m.sample.IllustratedMessageInDialog.view.fragments.Dialog\",\n\t\t\t\t\tcontroller: this\n\t\t\t\t}).then(function (oDialog) {\n\t\t\t\t\tthis._oDialog = oDialog;\n\n\t\t\t\t\tthis.getView().addDependent(this._oDialog);\n\n\t\t\t\t\tthis._oDialog.open();\n\t\t\t\t}.bind(this));\n\t\t\t} else {\n\t\t\t\tthis._oDialog.open();\n\t\t\t}\n\t\t},\n\t\tonDialogClose : function () {\n\t\t\tthis._oDialog.close();\n\t\t}\n\t});\n});",
198
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.m.sample.IllustratedMessageInDialog\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.m.sample.IllustratedMessageInDialog.view.Main\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.m\": {},\n\t\t\t\t\"sap.ui.core\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"stretch\": true,\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"controller/Main.controller.js\",\n\t\t\t\t\t\"view/Main.view.xml\",\n\t\t\t\t\t\"view/fragments/Dialog.fragment.xml\",\n\t\t\t\t\t\"Component.js\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
199
+ "view/fragments/Dialog.fragment.xml": "<core:FragmentDefinition xmlns=\"sap.m\" xmlns:core=\"sap.ui.core\">\n\t<Dialog title=\"Error\" contentWidth=\"20rem\" verticalScrolling=\"false\" state=\"Error\">\n\t\t<buttons>\n\t\t\t<Button text=\"Close\" press=\"onDialogClose\"/>\n\t\t</buttons>\n\t\t<IllustratedMessage illustrationType=\"sapIllus-UnableToLoad\" />\n\t</Dialog>\n</core:FragmentDefinition>",
200
+ "view/Main.view.xml": "<mvc:View\n\txmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns=\"sap.m\"\n\tcontrollerName=\"sap.m.sample.IllustratedMessageInDialog.controller.Main\"\n\theight=\"100%\">\n\t<Button press=\"handleOpenDialog\" text=\"Open Dialog\" class=\"sapUiSmallMarginBegin sapUiSmallMarginTop\"/>\n</mvc:View>"
201
+ },
202
+ "sap.m/MessageStripWithEnableFormattedText": {
203
+ "Component.js": "sap.ui.define([\n\t'sap/ui/core/UIComponent'\n], function (UIComponent) {\n\t\"use strict\";\n\n\treturn UIComponent.extend(\"sap.m.sample.MessageStripWithEnableFormattedText.Component\", {\n\t\tmetadata: {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n});\n",
204
+ "controller/MessageStripWithEnableFormattedText.controller.js": "sap.ui.define([\n\t'sap/ui/core/mvc/Controller',\n\t'sap/ui/model/json/JSONModel'\n], function(Controller, JSONModel) {\n\t\"use strict\";\n\n\treturn Controller.extend(\"sap.m.sample.MessageStripWithEnableFormattedText.controller.MessageStripWithEnableFormattedText\", {\n\t\tonInit: function () {\n\t\t\tthis.getView().setModel(new JSONModel({\n\t\t\t\t\"default\": \"Default <em>(Information)</em> with default icon and <strong>close button</strong>:\",\n\t\t\t\t\"error\": '<strong>Error</strong> with link to ' +\n\t\t\t\t'<a target=\"_blank\" href=\"http://www.sap.com\">SAP Homepage</a> <em>(For more info)</em>',\n\t\t\t\t\"warning\": \"<strong>Warning</strong> with default icon and close button:\",\n\t\t\t\t\"success\": \"<strong>Success</strong> with default icon and close button:\"\n\t\t\t}));\n\t\t}\n\t});\n\n});",
205
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.m.sample.MessageStripWithEnableFormattedText\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.m.sample.MessageStripWithEnableFormattedText.view.MessageStripWithEnableFormattedText\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.m\": {},\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.layout\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"view/MessageStripWithEnableFormattedText.view.xml\",\n\t\t\t\t\t\"controller/MessageStripWithEnableFormattedText.controller.js\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
206
+ "view/MessageStripWithEnableFormattedText.view.xml": "<mvc:View\n\txmlns:l=\"sap.ui.layout\"\n\txmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns=\"sap.m\"\n\tcontrollerName=\"sap.m.sample.MessageStripWithEnableFormattedText.controller.MessageStripWithEnableFormattedText\">\n\t<l:VerticalLayout\n\t\tclass=\"sapUiContentPadding\"\n\t\twidth=\"100%\">\n\t\t<l:content>\n\n\t\t\t<MessageStrip\n\t\t\t\ttext=\"{/default}\"\n\t\t\t\tenableFormattedText=\"true\"\n\t\t\t\tshowIcon=\"true\"\n\t\t\t\tshowCloseButton=\"true\"\n\t\t\t\tclass=\"sapUiMediumMarginBottom\">\n\t\t\t</MessageStrip>\n\n\t\t\t<MessageStrip\n\t\t\t\ttext=\"{/error}\"\n\t\t\t\ttype=\"Error\"\n\t\t\t\tenableFormattedText=\"true\"\n\t\t\t\tshowIcon=\"true\"\n\t\t\t\tshowCloseButton=\"true\"\n\t\t\t\tclass=\"sapUiMediumMarginBottom\">\n\t\t\t</MessageStrip>\n\n\t\t\t<MessageStrip\n\t\t\t\ttext=\"{/warning}\"\n\t\t\t\ttype=\"Warning\"\n\t\t\t\tenableFormattedText=\"true\"\n\t\t\t\tshowIcon=\"true\"\n\t\t\t\tshowCloseButton=\"true\"\n\t\t\t\tclass=\"sapUiMediumMarginBottom\">\n\t\t\t</MessageStrip>\n\n\t\t\t<MessageStrip\n\t\t\t\ttext=\"{/success}\"\n\t\t\t\ttype=\"Success\"\n\t\t\t\tenableFormattedText=\"true\"\n\t\t\t\tshowIcon=\"true\"\n\t\t\t\tshowCloseButton=\"true\"\n\t\t\t\tclass=\"sapUiMediumMarginBottom\">\n\t\t\t</MessageStrip>\n\n\t\t</l:content>\n\t</l:VerticalLayout>\n</mvc:View>\n"
207
+ },
208
+ "sap.m/MessageToast": {
209
+ "Component.js": "sap.ui.define(['sap/ui/core/UIComponent'],\n\tfunction(UIComponent) {\n\t\"use strict\";\n\n\treturn UIComponent.extend(\"sap.m.sample.MessageToast.Component\", {\n\n\t\tmetadata : {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n});\n",
210
+ "controller/MessageToast.controller.js": "sap.ui.define(['sap/m/MessageToast','sap/ui/core/mvc/Controller'],\n\tfunction(MessageToast, Controller) {\n\t\"use strict\";\n\n\treturn Controller.extend(\"sap.m.sample.MessageToast.controller.MessageToast\", {\n\n\t\thandleMessageToastPress: function(oEvent) {\n\t\t\tvar msg = 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy\\r\\n eirmod.';\n\t\t\tMessageToast.show(msg);\n\t\t}\n\t});\n});\n",
211
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.m.sample.MessageToast\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.m.sample.MessageToast.view.MessageToast\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.m\": {},\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.layout\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"view/MessageToast.view.xml\",\n\t\t\t\t\t\"controller/MessageToast.controller.js\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
212
+ "view/MessageToast.view.xml": "<mvc:View\n\tcontrollerName=\"sap.m.sample.MessageToast.controller.MessageToast\"\n\txmlns:l=\"sap.ui.layout\"\n\txmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns=\"sap.m\">\n\t<l:VerticalLayout\n\t\tclass=\"sapUiContentPadding\"\n\t\twidth=\"100%\">\n\t\t<l:content>\n\t\t\t<Button\n\t\t\t\ttext=\"Show Message Toast\"\n\t\t\t\tpress=\"handleMessageToastPress\" />\n\t\t</l:content>\n\t</l:VerticalLayout>\n</mvc:View>"
213
+ },
214
+ "sap.m/MessageViewInsideDialog": {
215
+ "Component.js": "sap.ui.define(['sap/ui/core/UIComponent'],\n\tfunction(UIComponent) {\n\t\t\"use strict\";\n\n\t\treturn UIComponent.extend(\"sap.m.sample.MessageViewInsideDialog.Component\", {\n\n\t\t\tmetadata : {\n\t\t\t\tmanifest: \"json\"\n\t\t\t}\n\t\t});\n\t});\n",
216
+ "controller/MessageViewInsideDialog.controller.js": "sap.ui.define([\n\t'sap/ui/core/mvc/Controller',\n\t'sap/ui/core/IconPool',\n\t'sap/ui/core/library',\n\t'sap/ui/model/json/JSONModel',\n\t'sap/m/Link',\n\t'sap/m/MessageItem',\n\t'sap/m/MessageView',\n\t'sap/m/Button',\n\t'sap/m/Dialog',\n\t'sap/m/Bar',\n\t'sap/m/Title'\n], function(Controller, IconPool, coreLibrary, JSONModel, Link, MessageItem, MessageView, Button, Dialog, Bar, Title) {\n\t\"use strict\";\n\n\t// shortcut for sap.ui.core.TitleLevel\n\tvar TitleLevel = coreLibrary.TitleLevel;\n\n\treturn Controller.extend(\"sap.m.sample.MessageViewInsideDialog.controller.MessageViewInsideDialog\", {\n\n\t\tonInit: function () {\n\t\t\tvar that = this;\n\n\t\t\tvar\toLink = new Link({\n\t\t\t\ttext: \"Show more information\",\n\t\t\t\thref: \"http://sap.com\",\n\t\t\t\ttarget: \"_blank\"\n\t\t\t});\n\n\t\t\tvar oMessageTemplate = new MessageItem({\n\t\t\t\ttype: '{type}',\n\t\t\t\ttitle: '{title}',\n\t\t\t\tdescription: '{description}',\n\t\t\t\tsubtitle: '{subtitle}',\n\t\t\t\tcounter: '{counter}',\n\t\t\t\tmarkupDescription: '{markupDescription}',\n\t\t\t\tlink: oLink\n\t\t\t});\n\n\t\t\tvar aMockMessages = [{\n\t\t\t\ttype: 'Error',\n\t\t\t\ttitle: 'Error message',\n\t\t\t\tdescription: 'First Error message description. \\n' +\n\t\t\t\t'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod',\n\t\t\t\tsubtitle: 'Example of subtitle',\n\t\t\t\tcounter: 1\n\t\t\t}, {\n\t\t\t\ttype: 'Warning',\n\t\t\t\ttitle: 'Warning without description',\n\t\t\t\tdescription: ''\n\t\t\t}, {\n\t\t\t\ttype: 'Success',\n\t\t\t\ttitle: 'Success message',\n\t\t\t\tdescription: 'First Success message description',\n\t\t\t\tsubtitle: 'Example of subtitle',\n\t\t\t\tcounter: 1\n\t\t\t}, {\n\t\t\t\ttype: 'Error',\n\t\t\t\ttitle: 'Error message',\n\t\t\t\tdescription: 'Second Error message description',\n\t\t\t\tsubtitle: 'Example of subtitle',\n\t\t\t\tcounter: 2\n\t\t\t}, {\n\t\t\t\ttype: 'Information',\n\t\t\t\ttitle: 'Information message',\n\t\t\t\tdescription: 'First Information message description',\n\t\t\t\tsubtitle: 'Example of subtitle',\n\t\t\t\tcounter: 1\n\t\t\t}];\n\n\t\t\tvar oModel = new JSONModel();\n\n\t\t\toModel.setData(aMockMessages);\n\n\t\t\tthis.oMessageView = new MessageView({\n\t\t\t\tshowDetailsPageHeader: false,\n\t\t\t\titemSelect: function () {\n\t\t\t\t\toBackButton.setVisible(true);\n\t\t\t\t},\n\t\t\t\titems: {\n\t\t\t\t\tpath: \"/\",\n\t\t\t\t\ttemplate: oMessageTemplate\n\t\t\t\t}\n\t\t\t});\n\n\t\t\tvar oBackButton = new Button({\n\t\t\t\t\ticon: IconPool.getIconURI(\"nav-back\"),\n\t\t\t\t\tvisible: false,\n\t\t\t\t\tpress: function () {\n\t\t\t\t\t\tthat.oMessageView.navigateBack();\n\t\t\t\t\t\tthis.setVisible(false);\n\t\t\t\t\t}\n\t\t\t\t});\n\n\n\n\t\t\tthis.oMessageView.setModel(oModel);\n\n\t\t\tthis.oDialog = new Dialog({\n\t\t\t\tresizable: true,\n\t\t\t\tcontent: this.oMessageView,\n\t\t\t\tstate: 'Error',\n\t\t\t\tbeginButton: new Button({\n\t\t\t\t\tpress: function () {\n\t\t\t\t\t\tthis.getParent().close();\n\t\t\t\t\t},\n\t\t\t\t\ttext: \"Close\"\n\t\t\t\t}),\n\t\t\t\tcustomHeader: new Bar({\n\t\t\t\t\tcontentLeft: [oBackButton],\n\t\t\t\t\tcontentMiddle: [\n\t\t\t\t\t\tnew Title({\n\t\t\t\t\t\t\ttext: \"Error\",\n\t\t\t\t\t\t\tlevel: TitleLevel.H1\n\t\t\t\t\t\t})\n\t\t\t\t\t]\n\t\t\t\t}),\n\t\t\t\tcontentHeight: \"50%\",\n\t\t\t\tcontentWidth: \"50%\",\n\t\t\t\tverticalScrolling: false\n\t\t\t});\n\t\t},\n\n\t\thandleDialogPress: function (oEvent) {\n\t\t\tthis.oMessageView.navigateBack();\n\t\t\tthis.oDialog.open();\n\t\t}\n\t});\n});\n",
217
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.m.sample.MessageViewInsideDialog\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.m.sample.MessageViewInsideDialog.view.MessageViewInsideDialog\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.m\": {},\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.layout\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"stretch\": true,\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"view/MessageViewInsideDialog.view.xml\",\n\t\t\t\t\t\"controller/MessageViewInsideDialog.controller.js\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
218
+ "view/MessageViewInsideDialog.view.xml": "<mvc:View height=\"100%\" controllerName=\"sap.m.sample.MessageViewInsideDialog.controller.MessageViewInsideDialog\"\n\t\t\t\t\t xmlns:l=\"sap.ui.layout\"\n\t\t\t\t\t xmlns:mvc=\"sap.ui.core.mvc\"\n\t\t\t\t\t xmlns=\"sap.m\">\n<Page showHeader=\"false\">\n\t<content>\n\t\t<Button\n\t\t\ttext=\"Delete\"\n\t\t\tclass=\"sapUiLargeMarginBegin sapUiLargeMarginTop\"\n\t\t\tpress=\"handleDialogPress\"/>\n\t</content>\n</Page>\n</mvc:View>\n"
219
+ },
220
+ "sap.m/ObjectAttributeInTable": {
221
+ "Component.js": "sap.ui.define(['sap/ui/core/UIComponent'],\n\t\tfunction(UIComponent) {\n\t\t\"use strict\";\n\t\treturn UIComponent.extend(\"sap.m.sample.ObjectAttributeInTable.Component\", {\n\t\t\tmetadata : {\n\t\t\t\tmanifest: \"json\"\n\t\t\t}\n\t\t});\n\n});\n",
222
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.m.sample.ObjectAttributeInTable\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.m.sample.ObjectAttributeInTable.Table\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.m\": {},\n\t\t\t\t\"sap.ui.core\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"Table.view.xml\",\n\t\t\t\t\t\"Table.controller.js\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
223
+ "Table.controller.js": "sap.ui.define([\n\t\t'sap/ui/core/mvc/Controller',\n\t\t'sap/ui/model/json/JSONModel'\n], function(Controller, JSONModel) {\n\t\"use strict\";\n\n\treturn Controller.extend(\"sap.m.sample.ObjectAttributeInTable.Table\", {\n\n\t\tonInit: function () {\n\t\t\tvar aData = [\n\t\t\t\t{ product: \"Power Projector 4713\", supplier: \"Robert Brown Entertainment\" },\n\t\t\t\t{ product: \"HT-1022\", supplier: \"Pear Computing Services\" },\n\t\t\t\t{ product: \"Ergo Screen E-III\", supplier: \"DelBont Industries\" },\n\t\t\t\t{ product: \"Gladiator MX\", supplier: \"Asia High tech\" },\n\t\t\t\t{ product: \"Hurricane GX\", supplier: \"Telecomunicaciones Star\" },\n\t\t\t\t{ product: \"Notebook Basic 17\", supplier: \"Pear Computing Services\" },\n\t\t\t\t{ product: \"ITelO Vault SAT\", supplier: \"New Line Design\"},\n\t\t\t\t{ product: \"Hurricane GX\", supplier: \"Robert Brown Entertainment\" },\n\t\t\t\t{ product: \"Webcam\", supplier: \"Getränkegroßhandel Janssen\" },\n\t\t\t\t{ product: \"Deskjet Super Highspeed\", supplier: \"Vente Et Réparation de Ordinateur\" }\n\t\t\t];\n\n\t\t\tvar oModel = new JSONModel({\n\t\t\t\tmodelData: aData\n\t\t\t});\n\t\t\tthis.getView().setModel(oModel);\n\t\t}\n\t});\n\n});\n",
224
+ "Table.view.xml": "<mvc:View\n\tcontrollerName=\"sap.m.sample.ObjectAttributeInTable.Table\"\n\txmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns=\"sap.m\">\n\t\t<Table id=\"idProductsTable\"\n\t\t\titems=\"{\n\t\t\t\tpath: '/modelData'\n\t\t\t}\">\n\t\t\t<columns>\n\t\t\t\t<Column>\n\t\t\t\t\t<Text text=\"Products\" />\n\t\t\t\t</Column>\n\t\t\t\t<Column>\n\t\t\t\t\t<Text text=\"Supplier\" />\n\t\t\t\t</Column>\n\t\t\t\t<Column>\n\t\t\t\t\t<Text text=\"Supplier (active)\" />\n\t\t\t\t</Column>\n\t\t\t</columns>\n\t\t\t\t<ColumnListItem>\n\t\t\t\t\t<ObjectIdentifier\n\t\t\t\t\t\ttext=\"{product}\"/>\n\t\t\t\t\t<ObjectAttribute\n\t\t\t\t\t\ttext=\"{supplier}\"/>\n\t\t\t\t\t<ObjectAttribute\n\t\t\t\t\t\ttext=\"{supplier}\"\n\t\t\t\t\t\tactive=\"true\"/>\n\t\t\t\t</ColumnListItem>\n\t\t</Table>\n</mvc:View>"
225
+ },
226
+ "sap.m/ObjectStatus": {
227
+ "C.controller.js": "sap.ui.define([\n\t\t'sap/m/Button',\n\t\t'sap/m/Dialog',\n\t\t'sap/m/Text',\n\t\t'sap/m/VBox',\n\t\t'sap/ui/core/mvc/Controller'\n\t], function(Button, Dialog, Text, VBox, Controller) {\n\t\"use strict\";\n\n\treturn Controller.extend(\"sap.m.sample.ObjectStatus.C\", {\n\n\t\thandleStatusPressed: function() {\n\t\t\tvar oDialog = new Dialog({\n\t\t\t\ttitle: \"Error description\",\n\t\t\t\tcontent: [\n\t\t\t\t\tnew VBox({\n\t\t\t\t\t\tfitContainer: true,\n\t\t\t\t\t\titems: [\n\t\t\t\t\t\t\tnew Text({\n\t\t\t\t\t\t\t\ttext: \"Product was damaged along transportation.\"\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t]\n\t\t\t\t\t})\n\t\t\t\t],\n\t\t\t\tbuttons: new Button({\n\t\t\t\t\ttext: \"OK\",\n\t\t\t\t\tpress: function() {\n\t\t\t\t\t\toDialog.close();\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t});\n\t\t\toDialog.open();\n\t\t}\n\t});\n\n});\n",
228
+ "Component.js": "sap.ui.define(['sap/ui/core/UIComponent'],\n\tfunction(UIComponent) {\n\t\"use strict\";\n\n\tvar Component = UIComponent.extend(\"sap.m.sample.ObjectStatus.Component\", {\n\n\t\tmetadata : {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n\n\treturn Component;\n\n});\n",
229
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.m.sample.ObjectStatus\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.m.sample.ObjectStatus.V\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.ui.layout\": {},\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.m\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"V.view.xml\",\n\t\t\t\t\t\"C.controller.js\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
230
+ "V.view.xml": "<mvc:View\n\tcontrollerName=\"sap.m.sample.ObjectStatus.C\"\n\txmlns:l=\"sap.ui.layout\"\n\txmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns=\"sap.m\">\n\t<l:VerticalLayout\n\t\tclass=\"sapUiContentPadding\"\n\t\twidth=\"100%\">\n\t\t<Label text=\"ObjectStatus with different value states\" design=\"Bold\" wrapping=\"true\" class=\"sapUiSmallMarginTop\"/>\n\t\t<ObjectStatus\n\t\t\tclass=\"sapUiSmallMarginBottom\"\n\t\t\ttext=\"Unknown\"\n\t\t\tstate=\"None\" />\n\t\t<ObjectStatus\n\t\t\tclass=\"sapUiSmallMarginBottom\"\n\t\t\ttext=\"Currently closed\"\n\t\t\ticon=\"sap-icon://information\"\n\t\t\tstate=\"Information\" />\n\t\t<ObjectStatus\n\t\t\tclass=\"sapUiSmallMarginBottom\"\n\t\t\ttext=\"Product Shipped\"\n\t\t\ticon=\"sap-icon://sys-enter-2\"\n\t\t\tstate=\"Success\" />\n\t\t<ObjectStatus\n\t\t\tclass=\"sapUiSmallMarginBottom\"\n\t\t\ttext=\"Product Missing\"\n\t\t\ticon=\"sap-icon://alert\"\n\t\t\tstate=\"Warning\" />\n\t\t<ObjectStatus\n\t\t\tclass=\"sapUiSmallMarginBottom\"\n\t\t\ttext=\"Product Damaged\"\n\t\t\ticon=\"sap-icon://error\"\n\t\t\tstate=\"Error\" />\n\t\t<ObjectStatus\n\t\t\tclass=\"sapUiSmallMarginBottom\"\n\t\t\ttext=\"Product Damaged\"\n\t\t\tstate=\"Error\" />\n\t\t<ObjectStatus\n\t\t\tclass=\"sapUiSmallMarginBottom\"\n\t\t\ttitle=\"Product status\"\n\t\t\ttext=\"Damaged\"\n\t\t\tactive=\"true\"\n\t\t\tstate=\"Error\"\n\t\t\tpress=\"handleStatusPressed\"\n\t\t\ticon=\"sap-icon://error\" />\n\t\t<ObjectStatus\n\t\t\tclass=\"sapUiSmallMarginBottom\"\n\t\t\ttitle=\"Test\"\n\t\t\tactive=\"true\"\n\t\t\tstate=\"Error\"\n\t\t\ticon=\"sap-icon://error\" />\n\t</l:VerticalLayout>\n\t<l:VerticalLayout\n\t\tclass=\"sapUiContentPadding\"\n\t\twidth=\"100%\">\n\t\t<Label text=\"ObjectStatus with different indication states\" design=\"Bold\" wrapping=\"true\" class=\"sapUiSmallMarginTop\"/>\n\t\t<ObjectStatus\n\t\t\tclass=\"sapUiSmallMarginBottom\"\n\t\t\ttext=\"Indication 1\"\n\t\t\tstate=\"Indication01\" />\n\t\t<ObjectStatus\n\t\t\tclass=\"sapUiSmallMarginBottom\"\n\t\t\ttext=\"Indication 2\"\n\t\t\tstate=\"Indication02\" />\n\t\t<ObjectStatus\n\t\t\tclass=\"sapUiSmallMarginBottom\"\n\t\t\ttext=\"Indication 3\"\n\t\t\tstate=\"Indication03\" />\n\t\t<ObjectStatus\n\t\t\tclass=\"sapUiSmallMarginBottom\"\n\t\t\ttext=\"Indication 4\"\n\t\t\tstate=\"Indication04\" />\n\t\t<ObjectStatus\n\t\t\tclass=\"sapUiSmallMarginBottom\"\n\t\t\ttext=\"Indication 5\"\n\t\t\tstate=\"Indication05\" />\n\t\t<ObjectStatus\n\t\t\tclass=\"sapUiSmallMarginBottom\"\n\t\t\ttext=\"Indication 6\"\n\t\t\tstate=\"Indication06\" />\n\t\t<ObjectStatus\n\t\t\tclass=\"sapUiSmallMarginBottom\"\n\t\t\ttext=\"Indication 7\"\n\t\t\tstate=\"Indication07\" />\n\t\t<ObjectStatus\n\t\t\tclass=\"sapUiSmallMarginBottom\"\n\t\t\ttext=\"Indication 8\"\n\t\t\tstate=\"Indication08\" />\n\t</l:VerticalLayout>\n\t<l:VerticalLayout\n\t\tclass=\"sapUiContentPadding\"\n\t\twidth=\"100%\">\n\t\t<Label text=\"Inverted ObjectStatus with different states and indication states.\" design=\"Bold\" wrapping=\"true\" class=\"sapUiSmallMarginTop\"/>\n\t\t<ObjectStatus\n\t\t\tclass=\"sapUiSmallMarginBottom\"\n\t\t\ttext=\"Unknown\"\n\t\t\tinverted=\"true\"\n\t\t\tstate=\"None\" />\n\t\t<ObjectStatus\n\t\t\tclass=\"sapUiSmallMarginBottom\"\n\t\t\ttext=\"Inverted Indication1\"\n\t\t\tinverted=\"true\"\n\t\t\tstate=\"Indication01\" />\n\t\t<ObjectStatus\n\t\t\tclass=\"sapUiSmallMarginBottom\"\n\t\t\ttext=\"Indication active\"\n\t\t\tinverted=\"true\"\n\t\t\tactive=\"true\"\n\t\t\tstate=\"Indication03\" />\n\t\t<ObjectStatus\n\t\t\tclass=\"sapUiSmallMarginBottom\"\n\t\t\ttext=\"Product Shipped\"\n\t\t\tinverted=\"true\"\n\t\t\ticon=\"sap-icon://sys-enter-2\"\n\t\t\tstate=\"Success\" />\n\t\t<ObjectStatus\n\t\t\tclass=\"sapUiSmallMarginBottom\"\n\t\t\ttext=\"Currently closed (click)\"\n\t\t\tinverted=\"true\"\n\t\t\tactive=\"true\"\n\t\t\ticon=\"sap-icon://information\"\n\t\t\tstate=\"Information\" />\n\t\t<ObjectStatus\n\t\t\tclass=\"sapUiSmallMarginBottom\"\n\t\t\ttext=\"Product Damaged\"\n\t\t\tactive=\"true\"\n\t\t\tinverted=\"true\"\n\t\t\tstate=\"Error\"\n\t\t\ticon=\"sap-icon://error\" />\n\n\t\t<ObjectStatus\n\t\t\tclass=\"sapUiSmallMarginBottom\"\n\t\t\ttext=\"Inverted Indication6\"\n\t\t\tactive=\"true\"\n\t\t\tinverted=\"true\"\n\t\t\tstate=\"Indication06\" />\n\t\t<ObjectStatus\n\t\t\tclass=\"sapUiSmallMarginBottom\"\n\t\t\ttext=\"Inverted Indication7\"\n\t\t\tactive=\"true\"\n\t\t\tinverted=\"true\"\n\t\t\tstate=\"Indication07\" />\n\t\t<ObjectStatus\n\t\t\tclass=\"sapUiSmallMarginBottom\"\n\t\t\ttext=\"Inverted Indication8\"\n\t\t\tactive=\"true\"\n\t\t\tinverted=\"true\"\n\t\t\tstate=\"Indication08\" />\n\t</l:VerticalLayout>\n\t<l:VerticalLayout\n\t\tclass=\"sapUiContentPadding\"\n\t\twidth=\"100%\">\n\t\t<Label text=\"ObjectStatus with style sapMObjectStatusLarge applied\" design=\"Bold\" wrapping=\"true\" class=\"sapUiSmallMarginTop\"/>\n\t\t<ObjectStatus\n\t\t\tclass=\"sapMObjectStatusLarge\"\n\t\t\ttitle=\"Product status\"\n\t\t\ttext=\"Shipped\"\n\t\t\tstate=\"Success\"\n\t\t\ticon=\"sap-icon://sys-enter-2\" />\n\t</l:VerticalLayout>\n\t<l:VerticalLayout\n\t\tclass=\"sapUiContentPadding\"\n\t\twidth=\"100%\">\n\t\t<Label text=\"ObjectStatus with and without sapMObjectStatusLongText CSS class\" design=\"Bold\" wrapping=\"true\" class=\"sapUiSmallMarginTop\"/>\n\t\t<Table>\n\t\t\t<columns>\n\t\t\t\t<Column>\n\t\t\t\t\t<Text text=\"ObjectStatus with default text wrapping\"></Text>\n\t\t\t\t</Column>\n\t\t\t\t<Column>\n\t\t\t\t\t<Text text=\"ObjectStatus with enchanced text wrapping via 'sapMObjectStatusLongText' CSS class\"></Text>\n\t\t\t\t</Column>\n\t\t\t</columns>\n\t\t\t<ColumnListItem>\n\t\t\t\t<cells>\n\t\t\t\t\t<ObjectStatus\n\t\t\t\t\t\tclass=\"\"\n\t\t\t\t\t\ttitle=\"Product status\"\n\t\t\t\t\t\ttext=\"VeryLongTextToDemonstrateWrappingVeryLongTextToDemonstrateWrappingVeryLongTextToDemonstrateWrappingVeryLongTextToDemonstrateWrapping\"/>\n\n\t\t\t\t\t<ObjectStatus\n\t\t\t\t\t\tclass=\"sapMObjectStatusLongText\"\n\t\t\t\t\t\ttitle=\"Product status\"\n\t\t\t\t\t\ttext=\"VeryLongTextToDemonstrateWrappingVeryLongTextToDemonstrateWrappingVeryLongTextToDemonstrateWrappingVeryLongTextToDemonstrateWrapping\"/>\n\t\t\t\t</cells>\n\t\t\t</ColumnListItem>\n\t\t</Table>\n\t</l:VerticalLayout>\n</mvc:View>"
231
+ },
232
+ "sap.m/P13nDialog": {
233
+ "Component.js": "sap.ui.define([\n\t'sap/ui/core/UIComponent'\n], function(UIComponent) {\n\t\"use strict\";\n\n\tvar Component = UIComponent.extend(\"sap.m.sample.P13nDialog.Component\", {\n\n\t\tmetadata: {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n\n\treturn Component;\n\n});\n",
234
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.m.sample.P13nDialog\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.m.sample.P13nDialog.Page\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.m\": {},\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.layout\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"Page.view.xml\",\n\t\t\t\t\t\"Page.controller.js\",\n\t\t\t\t\t\"PersonalizationDialog.fragment.xml\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
235
+ "Page.controller.js": "sap.ui.define([\n\t'sap/base/util/deepExtend',\n\t'sap/ui/core/Fragment',\n\t'sap/ui/core/mvc/Controller',\n\t'sap/ui/model/BindingMode',\n\t'sap/ui/model/json/JSONModel'\n], function(deepExtend, Fragment, Controller, BindingMode, JSONModel) {\n\t\"use strict\";\n\n\t/**\n\t * Please keep in mind that this is only an example in order to give an impression how you can use P13nXXXPanel's demonstrated on <code>P13nColumnsPanel</code>.\n\t * The logic of controller in productive code would be much complex depending on requirements like: support of \"Restore\",\n\t * persisting of settings using the Variant Management etc.\n\t */\n\treturn Controller.extend(\"sap.m.sample.P13nDialog.Page\", {\n\n\t\t// Define initial data in oDataInitial structure which is used only in this example.\n\t\t// In productive code, probably any table will be used in order to get the initial column information.\n\t\toDataInitial: {\n\t\t\t// Static data\n\t\t\tItems: [\n\t\t\t\t{\n\t\t\t\t\tcolumnKey: \"productId\",\n\t\t\t\t\ttext: \"Product ID\"\n\t\t\t\t}, {\n\t\t\t\t\tcolumnKey: \"name\",\n\t\t\t\t\ttext: \"Name\"\n\t\t\t\t}, {\n\t\t\t\t\tcolumnKey: \"category\",\n\t\t\t\t\ttext: \"Category\"\n\t\t\t\t}, {\n\t\t\t\t\tcolumnKey: \"supplierName\",\n\t\t\t\t\ttext: \"Supplier Name\"\n\t\t\t\t}, {\n\t\t\t\t\tcolumnKey: \"description\",\n\t\t\t\t\ttext: \"Description\"\n\t\t\t\t}, {\n\t\t\t\t\tcolumnKey: \"weightMeasure\",\n\t\t\t\t\ttext: \"Weight Measure\"\n\t\t\t\t}, {\n\t\t\t\t\tcolumnKey: \"weightUnit\",\n\t\t\t\t\ttext: \"WeightUnit\"\n\t\t\t\t}, {\n\t\t\t\t\tcolumnKey: \"price\",\n\t\t\t\t\ttext: \"Price\"\n\t\t\t\t}, {\n\t\t\t\t\tcolumnKey: \"currencyCode\",\n\t\t\t\t\ttext: \"Currency Code\"\n\t\t\t\t}, {\n\t\t\t\t\tcolumnKey: \"status\",\n\t\t\t\t\ttext: \"Status\"\n\t\t\t\t}, {\n\t\t\t\t\tcolumnKey: \"quantity\",\n\t\t\t\t\ttext: \"Quantity\"\n\t\t\t\t}, {\n\t\t\t\t\tcolumnKey: \"uom\",\n\t\t\t\t\ttext: \"UoM\"\n\t\t\t\t}, {\n\t\t\t\t\tcolumnKey: \"width\",\n\t\t\t\t\ttext: \"Width\"\n\t\t\t\t}, {\n\t\t\t\t\tcolumnKey: \"depth\",\n\t\t\t\t\ttext: \"Depth\"\n\t\t\t\t}, {\n\t\t\t\t\tcolumnKey: \"height\",\n\t\t\t\t\ttext: \"Height\"\n\t\t\t\t}, {\n\t\t\t\t\tcolumnKey: \"dimUnit\",\n\t\t\t\t\ttext: \"DimUnit\"\n\t\t\t\t}, {\n\t\t\t\t\tcolumnKey: \"productPicUrl\",\n\t\t\t\t\ttext: \"ProductPicUrl\"\n\t\t\t\t}\n\t\t\t],\n\t\t\t// Runtime data\n\t\t\tColumnsItems: [\n\t\t\t\t{\n\t\t\t\t\tcolumnKey: \"name\",\n\t\t\t\t\tvisible: true,\n\t\t\t\t\tindex: 0\n\t\t\t\t}, {\n\t\t\t\t\tcolumnKey: \"category\",\n\t\t\t\t\tvisible: true,\n\t\t\t\t\tindex: 1\n\t\t\t\t}, {\n\t\t\t\t\tcolumnKey: \"productId\",\n\t\t\t\t\tvisible: false\n\t\t\t\t}, {\n\t\t\t\t\tcolumnKey: \"supplierName\",\n\t\t\t\t\tvisible: false\n\t\t\t\t}, {\n\t\t\t\t\tcolumnKey: \"description\",\n\t\t\t\t\tvisible: false\n\t\t\t\t}, {\n\t\t\t\t\tcolumnKey: \"weightMeasure\",\n\t\t\t\t\tvisible: false\n\t\t\t\t}, {\n\t\t\t\t\tcolumnKey: \"weightUnit\",\n\t\t\t\t\tvisible: false\n\t\t\t\t}, {\n\t\t\t\t\tcolumnKey: \"price\",\n\t\t\t\t\tvisible: false\n\t\t\t\t}, {\n\t\t\t\t\tcolumnKey: \"currencyCode\",\n\t\t\t\t\tvisible: false\n\t\t\t\t}, {\n\t\t\t\t\tcolumnKey: \"status\",\n\t\t\t\t\tvisible: false\n\t\t\t\t}, {\n\t\t\t\t\tcolumnKey: \"quantity\",\n\t\t\t\t\tvisible: false\n\t\t\t\t}, {\n\t\t\t\t\tcolumnKey: \"uom\",\n\t\t\t\t\tvisible: false\n\t\t\t\t}, {\n\t\t\t\t\tcolumnKey: \"width\",\n\t\t\t\t\tvisible: false\n\t\t\t\t}, {\n\t\t\t\t\tcolumnKey: \"depth\",\n\t\t\t\t\tvisible: false\n\t\t\t\t}, {\n\t\t\t\t\tcolumnKey: \"height\",\n\t\t\t\t\tvisible: false\n\t\t\t\t}, {\n\t\t\t\t\tcolumnKey: \"dimUnit\",\n\t\t\t\t\tvisible: false\n\t\t\t\t}, {\n\t\t\t\t\tcolumnKey: \"productPicUrl\",\n\t\t\t\t\tvisible: false\n\t\t\t\t}\n\t\t\t],\n\t\t\tShowResetEnabled: false\n\t\t},\n\n\t\t// Runtime model\n\t\toJSONModel: null,\n\n\t\toDataBeforeOpen: {},\n\n\t\tonInit: function() {\n\t\t\tthis.oJSONModel = new JSONModel(deepExtend({}, this.oDataInitial));\n\t\t\tthis.oJSONModel.setDefaultBindingMode(BindingMode.TwoWay);\n\t\t},\n\n\t\tonOK: function(oEvent) {\n\t\t\tthis.oDataBeforeOpen = {};\n\t\t\toEvent.getSource().close();\n\t\t},\n\n\t\tonCancel: function(oEvent) {\n\t\t\tthis.oJSONModel.setProperty(\"/\", deepExtend([], this.oDataBeforeOpen));\n\n\t\t\tthis.oDataBeforeOpen = {};\n\t\t\toEvent.getSource().close();\n\t\t},\n\n\t\tonReset: function() {\n\t\t\tthis.oJSONModel.setProperty(\"/\", deepExtend([], this.oDataInitial));\n\t\t},\n\n\t\tonPersonalizationDialogPress: function() {\n\t\t\tvar oView = this.getView();\n\n\t\t\tif (!this._pPersonalizationDialog){\n\t\t\t\tthis._pPersonalizationDialog = Fragment.load({\n\t\t\t\t\tid: oView.getId(),\n\t\t\t\t\tname: \"sap.m.sample.P13nDialog.PersonalizationDialog\",\n\t\t\t\t\tcontroller: this\n\t\t\t\t}).then(function(oPersonalizationDialog){\n\t\t\t\t\toView.addDependent(oPersonalizationDialog);\n\t\t\t\t\toPersonalizationDialog.setModel(this.oJSONModel);\n\t\t\t\t\treturn oPersonalizationDialog;\n\t\t\t\t}.bind(this));\n\t\t\t}\n\t\t\tthis._pPersonalizationDialog.then(function(oPersonalizationDialog){\n\t\t\t\tthis.oJSONModel.setProperty(\"/ShowResetEnabled\", this._isChangedColumnsItems());\n\t\t\t\tthis.oDataBeforeOpen = deepExtend({}, this.oJSONModel.getData());\n\t\t\t\toPersonalizationDialog.open();\n\t\t\t}.bind(this));\n\t\t},\n\n\t\tonChangeColumnsItems: function(oEvent) {\n\t\t\tthis.oJSONModel.setProperty(\"/ColumnsItems\", oEvent.getParameter(\"items\"));\n\t\t\tthis.oJSONModel.setProperty(\"/ShowResetEnabled\", this._isChangedColumnsItems());\n\t\t},\n\n\t\t_isChangedColumnsItems: function() {\n\t\t\tvar fnGetArrayElementByKey = function(sKey, sValue, aArray) {\n\t\t\t\tvar aElements = aArray.filter(function(oElement) {\n\t\t\t\t\treturn oElement[sKey] !== undefined && oElement[sKey] === sValue;\n\t\t\t\t});\n\t\t\t\treturn aElements.length ? aElements[0] : null;\n\t\t\t};\n\t\t\tvar fnGetUnion = function(aDataBase, aData) {\n\t\t\t\tif (!aData) {\n\t\t\t\t\treturn deepExtend([], aDataBase);\n\t\t\t\t}\n\t\t\t\tvar aUnion = deepExtend([], aData);\n\t\t\t\taDataBase.forEach(function(oMItemBase) {\n\t\t\t\t\tvar oMItemUnion = fnGetArrayElementByKey(\"columnKey\", oMItemBase.columnKey, aUnion);\n\t\t\t\t\tif (!oMItemUnion) {\n\t\t\t\t\t\taUnion.push(oMItemBase);\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t\tif (oMItemUnion.visible === undefined && oMItemBase.visible !== undefined) {\n\t\t\t\t\t\toMItemUnion.visible = oMItemBase.visible;\n\t\t\t\t\t}\n\t\t\t\t\tif (oMItemUnion.width === undefined && oMItemBase.width !== undefined) {\n\t\t\t\t\t\toMItemUnion.width = oMItemBase.width;\n\t\t\t\t\t}\n\t\t\t\t\tif (oMItemUnion.total === undefined && oMItemBase.total !== undefined) {\n\t\t\t\t\t\toMItemUnion.total = oMItemBase.total;\n\t\t\t\t\t}\n\t\t\t\t\tif (oMItemUnion.index === undefined && oMItemBase.index !== undefined) {\n\t\t\t\t\t\toMItemUnion.index = oMItemBase.index;\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t\treturn aUnion;\n\t\t\t};\n\t\t\tvar fnIsEqual = function(aDataBase, aData) {\n\t\t\t\tif (!aData) {\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\t\t\t\tif (aDataBase.length !== aData.length) {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\t\t\t\tvar fnSort = function(a, b) {\n\t\t\t\t\tif (a.columnKey < b.columnKey) {\n\t\t\t\t\t\treturn -1;\n\t\t\t\t\t} else if (a.columnKey > b.columnKey) {\n\t\t\t\t\t\treturn 1;\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn 0;\n\t\t\t\t\t}\n\t\t\t\t};\n\t\t\t\taDataBase.sort(fnSort);\n\t\t\t\taData.sort(fnSort);\n\t\t\t\tvar aItemsNotEqual = aDataBase.filter(function(oDataBase, iIndex) {\n\t\t\t\t\treturn oDataBase.columnKey !== aData[iIndex].columnKey || oDataBase.visible !== aData[iIndex].visible || oDataBase.index !== aData[iIndex].index || oDataBase.width !== aData[iIndex].width || oDataBase.total !== aData[iIndex].total;\n\t\t\t\t});\n\t\t\t\treturn aItemsNotEqual.length === 0;\n\t\t\t};\n\n\t\t\tvar aDataRuntime = fnGetUnion(this.oDataInitial.ColumnsItems, this.oJSONModel.getProperty(\"/ColumnsItems\"));\n\t\t\treturn !fnIsEqual(aDataRuntime, this.oDataInitial.ColumnsItems);\n\t\t}\n\t});\n});\n",
236
+ "Page.view.xml": "<mvc:View height=\"100%\" xmlns:mvc=\"sap.ui.core.mvc\" xmlns=\"sap.m\" class=\"sapUiContentPadding\"\n controllerName=\"sap.m.sample.P13nDialog.Page\">\n <Button text=\"Show Personalization Dialog\" press=\"onPersonalizationDialogPress\"/>\n</mvc:View>\n",
237
+ "PersonalizationDialog.fragment.xml": "<core:FragmentDefinition xmlns=\"sap.m\" xmlns:core=\"sap.ui.core\">\n <P13nDialog showReset=\"true\" showResetEnabled=\"{path: '/ShowResetEnabled'}\" ok=\"onOK\" cancel=\"onCancel\"\n reset=\"onReset\" class=\"sapUiSizeCompact\">\n <panels>\n <P13nColumnsPanel changeColumnsItems=\"onChangeColumnsItems\"\n items=\"{path: '/Items'}\"\n columnsItems=\"{path: '/ColumnsItems'}\">\n <items>\n <P13nItem columnKey=\"{columnKey}\" text=\"{text}\"/>\n </items>\n <columnsItems>\n <P13nColumnsItem columnKey=\"{columnKey}\" index=\"{index}\" visible=\"{visible}\"/>\n </columnsItems>\n </P13nColumnsPanel>\n </panels>\n </P13nDialog>\n</core:FragmentDefinition>"
238
+ },
239
+ "sap.m/P13nDialogWithDimMeasurePanel": {
240
+ "Component.js": "sap.ui.define([\n\t'sap/ui/core/UIComponent'\n], function(UIComponent) {\n\t\"use strict\";\n\n\tvar Component = UIComponent.extend(\"sap.m.sample.P13nDialogWithDimMeasurePanel.Component\", {\n\n\t\tmetadata: {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n\n\treturn Component;\n\n});\n",
241
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.m.sample.P13nDialogWithDimMeasurePanel\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.m.sample.P13nDialogWithDimMeasurePanel.Page\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.m\": {},\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.layout\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"Page.view.xml\",\n\t\t\t\t\t\"Page.controller.js\",\n\t\t\t\t\t\"PersonalizationDialog.fragment.xml\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
242
+ "Page.controller.js": "sap.ui.define([\n\t'sap/base/util/deepExtend',\n\t'sap/ui/core/Fragment',\n\t'sap/ui/core/mvc/Controller',\n\t'sap/ui/model/BindingMode',\n\t'sap/ui/model/json/JSONModel'\n], function(deepExtend, Fragment, Controller, BindingMode, JSONModel) {\n\t\"use strict\";\n\n\t/**\n\t * Please keep in mind that this is only an example in order to give an impression how you can use P13nXXXPanel's demonstrated on\n\t * <code>P13nDimMeasurePanel</code>. The logic of controller in productive code would be much complex depending on requirements\n\t * like: support of \"Restore\", persisting of settings using the Variant Management etc.\n\t */\n\treturn Controller.extend(\"sap.m.sample.P13nDialogWithDimMeasurePanel.Page\", {\n\n\t\t// Define initial data in oDataInitial structure which is used only in this example.\n\t\t// In productive code, probably any chart will be used in order to get the initial dimension / measure information.\n\t\toDataInitial: {\n\t\t\t// Static data\n\t\t\tItems: [\n\t\t\t\t{\n\t\t\t\t\tcolumnKey: \"productId\",\n\t\t\t\t\ttext: \"Product ID\",\n\t\t\t\t\taggregationRole: \"Dimension\"\n\t\t\t\t}, {\n\t\t\t\t\tcolumnKey: \"name\",\n\t\t\t\t\ttext: \"Name\",\n\t\t\t\t\taggregationRole: \"Dimension\"\n\t\t\t\t}, {\n\t\t\t\t\tcolumnKey: \"category\",\n\t\t\t\t\ttext: \"Category\",\n\t\t\t\t\taggregationRole: \"Dimension\"\n\t\t\t\t}, {\n\t\t\t\t\tcolumnKey: \"supplierName\",\n\t\t\t\t\ttext: \"Supplier Name\",\n\t\t\t\t\taggregationRole: \"Dimension\"\n\t\t\t\t}, {\n\t\t\t\t\tcolumnKey: \"description\",\n\t\t\t\t\ttext: \"Description\",\n\t\t\t\t\taggregationRole: \"Dimension\"\n\t\t\t\t}, {\n\t\t\t\t\tcolumnKey: \"weightMeasure\",\n\t\t\t\t\ttext: \"Weight Measure\",\n\t\t\t\t\taggregationRole: \"Measure\"\n\t\t\t\t}, {\n\t\t\t\t\tcolumnKey: \"weightUnit\",\n\t\t\t\t\ttext: \"WeightUnit\",\n\t\t\t\t\taggregationRole: \"Dimension\"\n\t\t\t\t}, {\n\t\t\t\t\tcolumnKey: \"price\",\n\t\t\t\t\ttext: \"Price\",\n\t\t\t\t\taggregationRole: \"Measure\"\n\t\t\t\t}, {\n\t\t\t\t\tcolumnKey: \"currencyCode\",\n\t\t\t\t\ttext: \"Currency Code\",\n\t\t\t\t\taggregationRole: \"Dimension\"\n\t\t\t\t}, {\n\t\t\t\t\tcolumnKey: \"status\",\n\t\t\t\t\ttext: \"Status\",\n\t\t\t\t\taggregationRole: \"Dimension\"\n\t\t\t\t}, {\n\t\t\t\t\tcolumnKey: \"quantity\",\n\t\t\t\t\ttext: \"Quantity\",\n\t\t\t\t\taggregationRole: \"Measure\"\n\t\t\t\t}, {\n\t\t\t\t\tcolumnKey: \"uom\",\n\t\t\t\t\ttext: \"UoM\",\n\t\t\t\t\taggregationRole: \"Dimension\"\n\t\t\t\t}, {\n\t\t\t\t\tcolumnKey: \"width\",\n\t\t\t\t\ttext: \"Width\",\n\t\t\t\t\taggregationRole: \"Measure\"\n\t\t\t\t}, {\n\t\t\t\t\tcolumnKey: \"depth\",\n\t\t\t\t\ttext: \"Depth\",\n\t\t\t\t\taggregationRole: \"Measure\"\n\t\t\t\t}, {\n\t\t\t\t\tcolumnKey: \"height\",\n\t\t\t\t\ttext: \"Height\",\n\t\t\t\t\taggregationRole: \"Measure\"\n\t\t\t\t}, {\n\t\t\t\t\tcolumnKey: \"dimUnit\",\n\t\t\t\t\ttext: \"DimUnit\",\n\t\t\t\t\taggregationRole: \"Dimension\"\n\t\t\t\t}, {\n\t\t\t\t\tcolumnKey: \"productPicUrl\",\n\t\t\t\t\ttext: \"ProductPicUrl\",\n\t\t\t\t\taggregationRole: \"Dimension\"\n\t\t\t\t}\n\t\t\t],\n\t\t\t// Runtime data\n\t\t\tDimMeasureItems: [\n\t\t\t\t{\n\t\t\t\t\tcolumnKey: \"name\",\n\t\t\t\t\tvisible: true,\n\t\t\t\t\tindex: 0,\n\t\t\t\t\trole: \"category\",\n\t\t\t\t\taggregationRole: \"Dimension\"\n\t\t\t\t}, {\n\t\t\t\t\tcolumnKey: \"category\",\n\t\t\t\t\tvisible: true,\n\t\t\t\t\tindex: 1,\n\t\t\t\t\trole: \"series\",\n\t\t\t\t\taggregationRole: \"Dimension\"\n\t\t\t\t}, {\n\t\t\t\t\tcolumnKey: \"price\",\n\t\t\t\t\tvisible: true,\n\t\t\t\t\tindex: 2,\n\t\t\t\t\trole: \"axis1\",\n\t\t\t\t\taggregationRole: \"Measure\"\n\t\t\t\t}, {\n\t\t\t\t\tcolumnKey: \"quantity\",\n\t\t\t\t\tvisible: true,\n\t\t\t\t\tindex: 3,\n\t\t\t\t\trole: \"axis1\",\n\t\t\t\t\taggregationRole: \"Measure\"\n\t\t\t\t}, {\n\t\t\t\t\tcolumnKey: \"productId\",\n\t\t\t\t\tvisible: false,\n\t\t\t\t\trole: \"category\",\n\t\t\t\t\taggregationRole: \"Dimension\"\n\t\t\t\t}, {\n\t\t\t\t\tcolumnKey: \"supplierName\",\n\t\t\t\t\tvisible: false,\n\t\t\t\t\trole: \"category\",\n\t\t\t\t\taggregationRole: \"Dimension\"\n\t\t\t\t}, {\n\t\t\t\t\tcolumnKey: \"description\",\n\t\t\t\t\tvisible: false,\n\t\t\t\t\trole: \"category\",\n\t\t\t\t\taggregationRole: \"Dimension\"\n\t\t\t\t}, {\n\t\t\t\t\tcolumnKey: \"weightMeasure\",\n\t\t\t\t\tvisible: false,\n\t\t\t\t\trole: \"axis1\",\n\t\t\t\t\taggregationRole: \"Measure\"\n\t\t\t\t}, {\n\t\t\t\t\tcolumnKey: \"weightUnit\",\n\t\t\t\t\tvisible: false,\n\t\t\t\t\trole: \"category\",\n\t\t\t\t\taggregationRole: \"Dimension\"\n\t\t\t\t}, {\n\t\t\t\t\tcolumnKey: \"currencyCode\",\n\t\t\t\t\tvisible: false,\n\t\t\t\t\trole: \"category\",\n\t\t\t\t\taggregationRole: \"Dimension\"\n\t\t\t\t}, {\n\t\t\t\t\tcolumnKey: \"status\",\n\t\t\t\t\tvisible: false,\n\t\t\t\t\trole: \"category\",\n\t\t\t\t\taggregationRole: \"Dimension\"\n\t\t\t\t}, {\n\t\t\t\t\tcolumnKey: \"uom\",\n\t\t\t\t\tvisible: false,\n\t\t\t\t\trole: \"category\",\n\t\t\t\t\taggregationRole: \"Dimension\"\n\t\t\t\t}, {\n\t\t\t\t\tcolumnKey: \"width\",\n\t\t\t\t\tvisible: false,\n\t\t\t\t\trole: \"axis1\",\n\t\t\t\t\taggregationRole: \"Measure\"\n\t\t\t\t}, {\n\t\t\t\t\tcolumnKey: \"depth\",\n\t\t\t\t\tvisible: false,\n\t\t\t\t\trole: \"axis1\",\n\t\t\t\t\taggregationRole: \"Measure\"\n\t\t\t\t}, {\n\t\t\t\t\tcolumnKey: \"height\",\n\t\t\t\t\tvisible: false,\n\t\t\t\t\trole: \"axis1\",\n\t\t\t\t\taggregationRole: \"Measure\"\n\t\t\t\t}, {\n\t\t\t\t\tcolumnKey: \"dimUnit\",\n\t\t\t\t\tvisible: false,\n\t\t\t\t\trole: \"category\",\n\t\t\t\t\taggregationRole: \"Dimension\"\n\t\t\t\t}, {\n\t\t\t\t\tcolumnKey: \"productPicUrl\",\n\t\t\t\t\tvisible: false,\n\t\t\t\t\trole: \"category\",\n\t\t\t\t\taggregationRole: \"Dimension\"\n\t\t\t\t}\n\t\t\t],\n\t\t\tSelectedChartType: \"line\",\n\t\t\tShowResetEnabled: false\n\t\t},\n\n\t\t// Runtime model\n\t\toJSONModel: null,\n\n\t\toDataBeforeOpen: {},\n\n\t\tonInit: function() {\n\t\t\tthis.oJSONModel = new JSONModel(deepExtend({}, this.oDataInitial));\n\t\t\tthis.oJSONModel.setDefaultBindingMode(BindingMode.TwoWay);\n\t\t},\n\n\t\tonOK: function(oEvent) {\n\t\t\tthis.oDataBeforeOpen = {};\n\t\t\toEvent.getSource().close();\n\t\t},\n\n\t\tonCancel: function(oEvent) {\n\t\t\tthis.oJSONModel.setProperty(\"/\", deepExtend({}, this.oDataBeforeOpen));\n\n\t\t\tthis.oDataBeforeOpen = {};\n\t\t\toEvent.getSource().close();\n\t\t},\n\n\t\tonReset: function() {\n\t\t\tthis.oJSONModel.setProperty(\"/\", deepExtend({}, this.oDataInitial));\n\t\t},\n\n\t\tonPersonalizationDialogPress: function() {\n\t\t\tvar oView = this.getView();\n\n\t\t\tif (!this._pPersonalizationDialog) {\n\t\t\t\tthis._pPersonalizationDialog = Fragment.load({\n\t\t\t\t\tid: oView.getId(),\n\t\t\t\t\tname: \"sap.m.sample.P13nDialogWithDimMeasurePanel.PersonalizationDialog\",\n\t\t\t\t\tcontroller: this\n\t\t\t\t}).then(function (oPersonalizationDialog) {\n\t\t\t\t\toView.addDependent(oPersonalizationDialog);\n\t\t\t\t\toPersonalizationDialog.setModel(this.oJSONModel);\n\t\t\t\t\treturn oPersonalizationDialog;\n\t\t\t\t}.bind(this));\n\t\t\t}\n\n\t\t\tthis._pPersonalizationDialog.then(function(oPersonalizationDialog){\n\t\t\t\tthis.oJSONModel.setProperty(\"/ShowResetEnabled\", this._isChangedDimMeasureItems());\n\t\t\t\tthis.oDataBeforeOpen = deepExtend({}, this.oJSONModel.getData());\n\t\t\t\toPersonalizationDialog.open();\n\t\t\t}.bind(this));\n\t\t},\n\n\t\tonChangeChartType: function(oEvent) {\n\t\t\tthis.oJSONModel.setProperty(\"/SelectedChartType\", oEvent.getParameter(\"chartTypeKey\"));\n\t\t\tthis.oJSONModel.setProperty(\"/ShowResetEnabled\", this._isChangedDimMeasureItems());\n\t\t},\n\n\t\tonChangeDimMeasureItems: function(oEvent) {\n\t\t\tthis.oJSONModel.setProperty(\"/DimMeasureItems\", oEvent.getParameter(\"items\"));\n\t\t\tthis.oJSONModel.setProperty(\"/ShowResetEnabled\", this._isChangedDimMeasureItems());\n\t\t},\n\n\t\t_isChangedDimMeasureItems: function() {\n\t\t\tvar fnGetArrayElementByKey = function(sKey, sValue, aArray) {\n\t\t\t\tvar aElements = aArray.filter(function(oElement) {\n\t\t\t\t\treturn oElement[sKey] !== undefined && oElement[sKey] === sValue;\n\t\t\t\t});\n\t\t\t\treturn aElements.length ? aElements[0] : null;\n\t\t\t};\n\t\t\tvar fnGetUnion = function(aDataBase, aData) {\n\t\t\t\tif (!aData) {\n\t\t\t\t\treturn deepExtend([], aDataBase);\n\t\t\t\t}\n\t\t\t\tvar aUnion = deepExtend([], aData);\n\t\t\t\taDataBase.forEach(function(oMItemBase) {\n\t\t\t\t\tvar oMItemUnion = fnGetArrayElementByKey(\"columnKey\", oMItemBase.columnKey, aUnion);\n\t\t\t\t\tif (!oMItemUnion) {\n\t\t\t\t\t\taUnion.push(oMItemBase);\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t\tif (oMItemUnion.visible === undefined && oMItemBase.visible !== undefined) {\n\t\t\t\t\t\toMItemUnion.visible = oMItemBase.visible;\n\t\t\t\t\t}\n\t\t\t\t\tif (oMItemUnion.index === undefined && oMItemBase.index !== undefined) {\n\t\t\t\t\t\toMItemUnion.index = oMItemBase.index;\n\t\t\t\t\t}\n\t\t\t\t\tif (oMItemUnion.role === undefined && oMItemBase.role !== undefined) {\n\t\t\t\t\t\toMItemUnion.role = oMItemBase.role;\n\t\t\t\t\t}\n\t\t\t\t\tif (oMItemUnion.aggregationRole === undefined && oMItemBase.aggregationRole !== undefined) {\n\t\t\t\t\t\toMItemUnion.aggregationRole = oMItemBase.aggregationRole;\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t\treturn aUnion;\n\t\t\t};\n\t\t\tvar fnIsEqual = function(aDataBase, aData) {\n\t\t\t\tif (!aData) {\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\t\t\t\tif (aDataBase.length !== aData.length) {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\t\t\t\tvar fnSort = function(a, b) {\n\t\t\t\t\tif (a.columnKey < b.columnKey) {\n\t\t\t\t\t\treturn -1;\n\t\t\t\t\t} else if (a.columnKey > b.columnKey) {\n\t\t\t\t\t\treturn 1;\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn 0;\n\t\t\t\t\t}\n\t\t\t\t};\n\t\t\t\taDataBase.sort(fnSort);\n\t\t\t\taData.sort(fnSort);\n\t\t\t\tvar aItemsNotEqual = aDataBase.filter(function(oDataBase, iIndex) {\n\t\t\t\t\treturn oDataBase.columnKey !== aData[iIndex].columnKey || oDataBase.visible !== aData[iIndex].visible || oDataBase.index !== aData[iIndex].index || oDataBase.role !== aData[iIndex].role || oDataBase.aggregationRole !== aData[iIndex].aggregationRole;\n\t\t\t\t});\n\t\t\t\treturn aItemsNotEqual.length === 0;\n\t\t\t};\n\t\t\tif (this.oDataInitial.SelectedChartType !== this.oJSONModel.getProperty(\"/SelectedChartType\")) {\n\t\t\t\treturn true;\n\t\t\t}\n\n\t\t\tvar aDataRuntime = fnGetUnion(this.oDataInitial.DimMeasureItems, this.oJSONModel.getProperty(\"/DimMeasureItems\"));\n\t\t\treturn !fnIsEqual(aDataRuntime, this.oDataInitial.DimMeasureItems);\n\t\t}\n\t});\n});\n",
243
+ "Page.view.xml": "<mvc:View height=\"100%\" xmlns:mvc=\"sap.ui.core.mvc\" xmlns=\"sap.m\" class=\"sapUiContentPadding\"\n\t\t controllerName=\"sap.m.sample.P13nDialogWithDimMeasurePanel.Page\">\n\t<Button text=\"Show Personalization Dialog\" press=\"onPersonalizationDialogPress\"/>\n</mvc:View>\n",
244
+ "PersonalizationDialog.fragment.xml": "<core:FragmentDefinition xmlns=\"sap.m\" xmlns:core=\"sap.ui.core\">\n <P13nDialog showReset=\"true\" showResetEnabled=\"{path: '/ShowResetEnabled'}\" ok=\"onOK\" cancel=\"onCancel\"\n reset=\"onReset\" class=\"sapUiSizeCompact\">\n <panels>\n <P13nDimMeasurePanel chartTypeKey=\"{path: '/SelectedChartType'}\"\n changeDimMeasureItems=\"onChangeDimMeasureItems\" changeChartType=\"onChangeChartType\"\n items=\"{path: '/Items'}\"\n dimMeasureItems=\"{path: '/DimMeasureItems'}\">\n <items>\n <P13nItem columnKey=\"{columnKey}\" text=\"{text}\" aggregationRole=\"{aggregationRole}\"/>\n </items>\n <dimMeasureItems>\n <P13nDimMeasureItem columnKey=\"{columnKey}\" index=\"{index}\" visible=\"{visible}\" role=\"{role}\"/>\n </dimMeasureItems>\n <availableChartTypes>\n <core:Item key=\"bar\" text=\"Bar Chart\"/>\n <core:Item key=\"column\" text=\"Column Chart\"/>\n <core:Item key=\"line\" text=\"Line Chart\"/>\n <core:Item key=\"pie\" text=\"Pie Chart\"/>\n </availableChartTypes>\n </P13nDimMeasurePanel>\n </panels>\n </P13nDialog>\n</core:FragmentDefinition>\n"
245
+ },
246
+ "sap.m/SegmentedButtonDialog": {
247
+ "C.controller.js": "sap.ui.define([\n\t\t'sap/ui/core/Fragment',\n\t\t'sap/ui/core/mvc/Controller'\n\t], function(Fragment, Controller) {\n\t\"use strict\";\n\n\treturn Controller.extend(\"sap.m.sample.SegmentedButtonDialog.C\", {\n\n\t\tonOpenDialog: function () {\n\t\t\tvar oView = this.getView();\n\n\t\t\tif (!this._pDialog) {\n\t\t\t\tthis._pDialog = Fragment.load({\n\t\t\t\t\tid: oView.getId(),\n\t\t\t\t\tname: \"sap.m.sample.SegmentedButtonDialog.Dialog\",\n\t\t\t\t\tcontroller: this\n\t\t\t\t}).then(function(oDialog){\n\t\t\t\t\toView.addDependent(oDialog);\n\t\t\t\t\treturn oDialog;\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tthis._pDialog.then(function(oDialog){\n\t\t\t\toDialog.open();\n\t\t\t});\n\t\t},\n\n\t\tonCloseDialog: function () {\n\t\t\t// note: We don't need to chain to the _pDialog promise, since this event-handler\n\t\t\t// is only called from within the loaded dialog itself.\n\t\t\tthis.byId(\"myDialog\").close();\n\t\t}\n\t});\n\n});\n",
248
+ "Component.js": "sap.ui.define(['sap/ui/core/UIComponent'],\n\tfunction(UIComponent) {\n\t\"use strict\";\n\n\treturn UIComponent.extend(\"sap.m.sample.SegmentedButtonDialog.Component\", {\n\n\t\tmetadata : {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n\n});\n",
249
+ "Dialog.fragment.xml": "<core:FragmentDefinition\n\t\txmlns=\"sap.m\"\n\t\txmlns:core=\"sap.ui.core\">\n\t<Dialog\n\t\tid=\"myDialog\"\n\t\ttitle=\"Dialog with Segmented Button\"\n\t\tclass=\"sapUiContentPadding\">\n\t\t<SegmentedButton selectedKey=\"SBApproved\" width=\"100%\">\n\t\t\t<items>\n\t\t\t\t<SegmentedButtonItem text=\"Approved\" key=\"SBApproved\"/>\n\t\t\t\t<SegmentedButtonItem text=\"Rejected\"/>\n\t\t\t\t<SegmentedButtonItem text=\"Lookup\"/>\n\t\t\t</items>\n\t\t</SegmentedButton>\n\t\t<beginButton>\n\t\t\t<Button text=\"Close\" press=\"onCloseDialog\"/>\n\t\t</beginButton>\n\t</Dialog>\n</core:FragmentDefinition>",
250
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.m.sample.SegmentedButtonDialog\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.m.sample.SegmentedButtonDialog.V\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.ui.layout\": {},\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.m\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"V.view.xml\",\n\t\t\t\t\t\"C.controller.js\",\n\t\t\t\t\t\"Dialog.fragment.xml\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
251
+ "V.view.xml": "<mvc:View\n\tcontrollerName=\"sap.m.sample.SegmentedButtonDialog.C\"\n\txmlns:l=\"sap.ui.layout\"\n\txmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns=\"sap.m\">\n\t<l:VerticalLayout\n\t\tclass=\"sapUiContentPadding\"\n\t\twidth=\"100%\">\n\t\t<Button\n\t\t\ttext=\"Open Dialog\"\n\t\t\tpress=\"onOpenDialog\"\n\t\t\tclass=\"sapUiSmallMarginBottom\" />\n\t</l:VerticalLayout>\n</mvc:View>"
252
+ },
253
+ "sap.m/SelectDialog": {
254
+ "C.controller.js": "sap.ui.define([\n\t\"sap/ui/core/mvc/Controller\",\n\t\"sap/ui/core/Fragment\",\n\t\"sap/ui/core/syncStyleClass\",\n\t\"sap/ui/model/json/JSONModel\",\n\t\"sap/ui/model/Filter\",\n\t\"sap/ui/model/FilterOperator\",\n\t\"sap/m/MessageToast\"\n], function (Controller, Fragment, syncStyleClass, JSONModel, Filter, FilterOperator, MessageToast) {\n\t\"use strict\";\n\n\treturn Controller.extend(\"sap.m.sample.SelectDialog.C\", {\n\n\t\tonInit: function () {\n\t\t\tvar oModel = new JSONModel(sap.ui.require.toUrl(\"sap/ui/demo/mock/products.json\"));\n\t\t\tthis.getView().setModel(oModel);\n\t\t},\n\n\t\tonSelectDialogPress: function (oEvent) {\n\t\t\tvar oButton = oEvent.getSource(),\n\t\t\t\toView = this.getView();\n\n\t\t\tif (!this._pDialog) {\n\t\t\t\tthis._pDialog = Fragment.load({\n\t\t\t\t\tid: oView.getId(),\n\t\t\t\t\tname: \"sap.m.sample.SelectDialog.Dialog\",\n\t\t\t\t\tcontroller: this\n\t\t\t\t}).then(function (oDialog){\n\t\t\t\t\toDialog.setModel(oView.getModel());\n\t\t\t\t\treturn oDialog;\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tthis._pDialog.then(function(oDialog){\n\t\t\t\tthis._configDialog(oButton, oDialog);\n\t\t\t\toDialog.open();\n\t\t\t}.bind(this));\n\n\t\t},\n\n\t\t_configDialog: function (oButton, oDialog) {\n\t\t\t// Multi-select if required\n\t\t\tvar bMultiSelect = !!oButton.data(\"multi\");\n\t\t\toDialog.setMultiSelect(bMultiSelect);\n\n\t\t\tvar sCustomConfirmButtonText = oButton.data(\"confirmButtonText\");\n\t\t\toDialog.setConfirmButtonText(sCustomConfirmButtonText);\n\n\t\t\t// Remember selections if required\n\t\t\tvar bRemember = !!oButton.data(\"remember\");\n\t\t\toDialog.setRememberSelections(bRemember);\n\n\t\t\t//add Clear button if needed\n\t\t\tvar bShowClearButton = !!oButton.data(\"showClearButton\");\n\t\t\toDialog.setShowClearButton(bShowClearButton);\n\n\t\t\t// Set growing property\n\t\t\tvar bGrowing = oButton.data(\"growing\");\n\t\t\toDialog.setGrowing(bGrowing == \"true\");\n\n\t\t\t// Set growing threshold\n\t\t\tvar sGrowingThreshold = oButton.data(\"threshold\");\n\t\t\tif (sGrowingThreshold) {\n\t\t\t\toDialog.setGrowingThreshold(parseInt(sGrowingThreshold));\n\t\t\t}\n\n\t\t\t// Set draggable property\n\t\t\tvar bDraggable = !!oButton.data(\"draggable\");\n\t\t\toDialog.setDraggable(bDraggable);\n\n\t\t\t// Set draggable property\n\t\t\tvar bResizable = !!oButton.data(\"resizable\");\n\t\t\toDialog.setResizable(bResizable);\n\n\t\t\t// Set style classes\n\t\t\tvar sResponsiveStyleClasses = \"sapUiResponsivePadding--header sapUiResponsivePadding--subHeader sapUiResponsivePadding--content sapUiResponsivePadding--footer\";\n\t\t\tvar bResponsivePadding = !!oButton.data(\"responsivePadding\");\n\t\t\toDialog.toggleStyleClass(sResponsiveStyleClasses, bResponsivePadding);\n\n\t\t\t// clear the old search filter\n\t\t\toDialog.getBinding(\"items\").filter([]);\n\n\t\t\t// toggle compact style\n\t\t\tsyncStyleClass(\"sapUiSizeCompact\", this.getView(), oDialog);\n\t\t},\n\n\t\tonSearch: function (oEvent) {\n\t\t\tvar sValue = oEvent.getParameter(\"value\");\n\t\t\tvar oFilter = new Filter(\"Name\", FilterOperator.Contains, sValue);\n\t\t\tvar oBinding = oEvent.getParameter(\"itemsBinding\");\n\t\t\toBinding.filter([oFilter]);\n\t\t},\n\n\t\tonDialogClose: function (oEvent) {\n\t\t\tvar aContexts = oEvent.getParameter(\"selectedContexts\");\n\t\t\tif (aContexts && aContexts.length) {\n\t\t\t\tMessageToast.show(\"You have chosen \" + aContexts.map(function (oContext) { return oContext.getObject().Name; }).join(\", \"));\n\t\t\t} else {\n\t\t\t\tMessageToast.show(\"No new item was selected.\");\n\t\t\t}\n\t\t\toEvent.getSource().getBinding(\"items\").filter([]);\n\t\t},\n\n\t\tonValueHelpRequest: function () {\n\t\t\tvar oView = this.getView();\n\n\t\t\tif (!this._pValueHelpDialog) {\n\t\t\t\tthis._pValueHelpDialog = Fragment.load({\n\t\t\t\t\tid: oView.getId(),\n\t\t\t\t\tname: \"sap.m.sample.SelectDialog.ValueHelpDialog\",\n\t\t\t\t\tcontroller: this\n\t\t\t\t}).then(function (oValueHelpDialog){\n\t\t\t\t\toView.addDependent(oValueHelpDialog);\n\t\t\t\t\treturn oValueHelpDialog;\n\t\t\t\t});\n\t\t\t}\n\t\t\tthis._pValueHelpDialog.then(function(oValueHelpDialog){\n\t\t\t\tthis._configValueHelpDialog();\n\t\t\t\toValueHelpDialog.open();\n\t\t\t}.bind(this));\n\t\t},\n\n\t\t_configValueHelpDialog: function () {\n\t\t\tvar sInputValue = this.byId(\"productInput\").getValue(),\n\t\t\t\toModel = this.getView().getModel(),\n\t\t\t\taProducts = oModel.getProperty(\"/ProductCollection\");\n\n\t\t\taProducts.forEach(function (oProduct) {\n\t\t\t\toProduct.selected = (oProduct.Name === sInputValue);\n\t\t\t});\n\t\t\toModel.setProperty(\"/ProductCollection\", aProducts);\n\t\t},\n\n\t\tonValueHelpDialogClose: function (oEvent) {\n\t\t\tvar oSelectedItem = oEvent.getParameter(\"selectedItem\"),\n\t\t\t\toInput = this.byId(\"productInput\");\n\n\t\t\tif (!oSelectedItem) {\n\t\t\t\toInput.resetProperty(\"value\");\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\toInput.setValue(oSelectedItem.getTitle());\n\t\t}\n\n\t});\n});",
255
+ "Component.js": "sap.ui.define([\n\t\"sap/ui/core/UIComponent\"\n], function (UIComponent) {\n\t\"use strict\";\n\n\treturn UIComponent.extend(\"sap.m.sample.SelectDialog.Component\", {\n\n\t\tmetadata: {\n\t\t\tmanifest: \"json\"\n\t\t}\n\n\t});\n});",
256
+ "Dialog.fragment.xml": "<core:FragmentDefinition\n\txmlns=\"sap.m\"\n\txmlns:core=\"sap.ui.core\">\n\t<SelectDialog\n\t\tid=\"mySelectDialog\"\n\t\tnoDataText=\"No Products Found\"\n\t\ttitle=\"Select Product\"\n\t\tsearch=\".onSearch\"\n\t\tconfirm=\".onDialogClose\"\n\t\tcancel=\".onDialogClose\"\n\t\titems=\"{\n\t\t\tpath: '/ProductCollection'\n\t\t}\">\n\t\t<StandardListItem\n\t\t\ttitle=\"{Name}\"\n\t\t\tdescription=\"{ProductId}\"\n\t\t\ticon=\"{ProductPicUrl}\"\n\t\t\ticonDensityAware=\"false\"\n\t\t\ticonInset=\"false\"\n\t\t\ttype=\"Active\" />\n\t</SelectDialog>\n</core:FragmentDefinition>",
257
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.m.sample.SelectDialog\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.m.sample.SelectDialog.V\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.m\": {},\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.layout\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"V.view.xml\",\n\t\t\t\t\t\"C.controller.js\",\n\t\t\t\t\t\"Dialog.fragment.xml\",\n\t\t\t\t\t\"ValueHelpDialog.fragment.xml\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
258
+ "V.view.xml": "<mvc:View\n\tcontrollerName=\"sap.m.sample.SelectDialog.C\"\n\txmlns:l=\"sap.ui.layout\"\n\txmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns:core=\"sap.ui.core\"\n\txmlns=\"sap.m\">\n\t<l:VerticalLayout class=\"sapUiContentPadding\" width=\"100%\">\n\t\t<Button\n\t\t\ttext=\"Show Select Dialog\"\n\t\t\tpress=\".onSelectDialogPress\"\n\t\t\tclass=\"sapUiSmallMarginBottom\"\n\t\t\tariaHasPopup=\"Dialog\" />\n\t\t<Button\n\t\t\ttext=\"Show Select Dialog (Remember)\"\n\t\t\tpress=\".onSelectDialogPress\"\n\t\t\tclass=\"sapUiSmallMarginBottom\"\n\t\t\tariaHasPopup=\"Dialog\">\n\t\t\t<customData>\n\t\t\t\t<core:CustomData key=\"remember\" value=\"true\" />\n\t\t\t</customData>\n\t\t</Button>\n\t\t<Button\n\t\t\ttext=\"Show Select Dialog (Multi)\"\n\t\t\tpress=\".onSelectDialogPress\"\n\t\t\tclass=\"sapUiSmallMarginBottom\"\n\t\t\tariaHasPopup=\"Dialog\">\n\t\t\t<customData>\n\t\t\t\t<core:CustomData key=\"multi\" value=\"true\" />\n\t\t\t</customData>\n\t\t</Button>\n\t\t<Button\n\t\t\ttext=\"Show Select Dialog (Remember)\"\n\t\t\tpress=\".onSelectDialogPress\"\n\t\t\tclass=\"sapUiSmallMarginBottom\"\n\t\t\tariaHasPopup=\"Dialog\">\n\t\t\t<customData>\n\t\t\t\t<core:CustomData key=\"multi\" value=\"true\" />\n\t\t\t\t<core:CustomData key=\"remember\" value=\"true\" />\n\t\t\t\t<core:CustomData key=\"showClearButton\" value=\"true\" />\n\t\t\t\t<core:CustomData key=\"confirmButtonText\" value=\"Remember Selection\" />\n\t\t\t</customData>\n\t\t</Button>\n\t\t<Button\n\t\t\ttext=\"Show Select Dialog (growingThreshold=15)\"\n\t\t\tpress=\".onSelectDialogPress\"\n\t\t\tclass=\"sapUiSmallMarginBottom\"\n\t\t\tariaHasPopup=\"Dialog\">\n\t\t\t<customData>\n\t\t\t\t<core:CustomData key=\"multi\" value=\"true\" />\n\t\t\t\t<core:CustomData key=\"remember\" value=\"true\" />\n\t\t\t\t<core:CustomData key=\"growing\" value=\"true\" />\n\t\t\t\t<core:CustomData key=\"threshold\" value=\"15\" />\n\t\t\t</customData>\n\t\t</Button>\n\t\t<Button\n\t\t\ttext=\"Show Select Dialog (growing=false)\"\n\t\t\tpress=\".onSelectDialogPress\"\n\t\t\tclass=\"sapUiSmallMarginBottom\"\n\t\t\tariaHasPopup=\"Dialog\">\n\t\t\t<customData>\n\t\t\t\t<core:CustomData key=\"multi\" value=\"true\" />\n\t\t\t\t<core:CustomData key=\"remember\" value=\"true\" />\n\t\t\t\t<core:CustomData key=\"growing\" value=\"false\" />\n\t\t\t</customData>\n\t\t</Button>\n\t\t<Button\n\t\t\ttext=\"Show Select Dialog (draggable=true)\"\n\t\t\tpress=\".onSelectDialogPress\"\n\t\t\tclass=\"sapUiSmallMarginBottom\"\n\t\t\tariaHasPopup=\"Dialog\">\n\t\t\t<customData>\n\t\t\t\t<core:CustomData key=\"multi\" value=\"true\" />\n\t\t\t\t<core:CustomData key=\"draggable\" value=\"true\" />\n\t\t\t</customData>\n\t\t</Button>\n\t\t<Button\n\t\t\ttext=\"Show Select Dialog (resizable=true)\"\n\t\t\tpress=\".onSelectDialogPress\"\n\t\t\tclass=\"sapUiSmallMarginBottom\"\n\t\t\tariaHasPopup=\"Dialog\">\n\t\t\t<customData>\n\t\t\t\t<core:CustomData key=\"multi\" value=\"true\" />\n\t\t\t\t<core:CustomData key=\"resizable\" value=\"true\" />\n\t\t\t</customData>\n\t\t</Button>\n\t\t<Button\n\t\t\ttext=\"Show Select Dialog with Responsive Padding\"\n\t\t\tpress=\".onSelectDialogPress\"\n\t\t\tclass=\"sapUiSmallMarginBottom\"\n\t\t\tariaHasPopup=\"Dialog\">\n\t\t\t<customData>\n\t\t\t\t<core:CustomData key=\"responsivePadding\" value=\"true\" />\n\t\t\t\t<core:CustomData key=\"resizable\" value=\"true\" />\n\t\t\t\t<core:CustomData key=\"draggable\" value=\"true\" />\n\t\t\t</customData>\n\t\t</Button>\n\t\t<Input\n\t\t\tid=\"productInput\"\n\t\t\ttype=\"Text\"\n\t\t\tvalue=\"Astro Phone 6\"\n\t\t\tplaceholder=\"Enter Product ...\"\n\t\t\tshowValueHelp=\"true\"\n\t\t\tvalueHelpOnly=\"true\"\n\t\t\tvalueHelpRequest=\".onValueHelpRequest\"\n\t\t\tclass=\"sapUiSmallMarginBottom\"\n\t\t\twidth=\"15rem\" />\n\t</l:VerticalLayout>\n</mvc:View>",
259
+ "ValueHelpDialog.fragment.xml": "<core:FragmentDefinition\n\txmlns=\"sap.m\"\n\txmlns:core=\"sap.ui.core\">\n\t<SelectDialog\n\t\tnoDataText=\"No Products Found\"\n\t\ttitle=\"Select Product\"\n\t\tsearch=\".onSearch\"\n\t\tsearchPlaceholder=\"Search Products\"\n\t\tconfirm=\".onValueHelpDialogClose\"\n\t\tcancel=\".onValueHelpDialogClose\"\n\t\tshowClearButton=\"true\"\n\t\titems=\"{\n\t\t\tpath: '/ProductCollection',\n\t\t\tsorter: {\n\t\t\t\tpath: 'Name',\n\t\t\t\tdescending: false\n\t\t\t}\n\t\t}\">\n\t\t<StandardListItem\n\t\t\tselected=\"{selected}\"\n\t\t\ttitle=\"{Name}\"\n\t\t\tdescription=\"{ProductId}\"\n\t\t\ticon=\"{ProductPicUrl}\"\n\t\t\ticonDensityAware=\"false\"\n\t\t\ticonInset=\"false\"\n\t\t\ttype=\"Active\" />\n\t</SelectDialog>\n</core:FragmentDefinition>"
260
+ },
261
+ "sap.m/SelectDialogLazyLoading": {
262
+ "C.controller.js": "sap.ui.define([\n\t\"sap/ui/core/mvc/Controller\",\n\t\"sap/ui/core/Fragment\",\n\t\"sap/ui/model/json/JSONModel\",\n\t\"sap/ui/model/Filter\",\n\t\"sap/ui/model/FilterOperator\"\n], function (Controller, Fragment, JSONModel, Filter, FilterOperator) {\n\t\"use strict\";\n\n\tvar oData = {\n\t\tproductCollection: []\n\t};\n\n\tfor (var i = 1; i <= 31; i++) {\n\t\toData.productCollection.push({\n\t\t\t\"name\": \"Name \" + i,\n\t\t\t\"description\": \"Description \" + i\n\t\t});\n\t}\n\n\treturn Controller.extend(\"sap.m.sample.SelectDialogLazyLoading.C\", {\n\n\t\tonInit: function () {\n\t\t\tvar oModel = new JSONModel(oData);\n\t\t\tthis.getView().setModel(oModel);\n\t\t},\n\n\t\tonOpenDialogPress: function (oEvent) {\n\t\t\tvar oView = this.getView();\n\n\t\t\tif (!this._pDialog) {\n\t\t\t\tthis._pDialog = Fragment.load({\n\t\t\t\t\tid: oView.getId(),\n\t\t\t\t\tname: \"sap.m.sample.SelectDialogLazyLoading.Dialog\",\n\t\t\t\t\tcontroller: this\n\t\t\t\t}).then(function (oDialog){\n\t\t\t\t\toView.addDependent(oDialog);\n\t\t\t\t\treturn oDialog;\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tthis._pDialog.then(function (oDialog) {\n\t\t\t\toDialog.open();\n\t\t\t});\n\t\t},\n\n\t\tonSearch: function (oEvent) {\n\t\t\tvar sValue = oEvent.getParameter(\"value\");\n\t\t\tvar oFilter = new Filter(\"name\", FilterOperator.Contains, sValue);\n\t\t\tvar oBinding = oEvent.getParameter(\"itemsBinding\");\n\t\t\toBinding.filter([oFilter]);\n\t\t},\n\n\t\tonUpdateStarted: function (oEvent) {\n\t\t\tif (oEvent.getParameter(\"reason\") !== \"Growing\") {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// add additional data to the model\n\t\t\tvar iIndex = oData.productCollection.length - 1;\n\n\t\t\tfor (var i = iIndex; i < Math.min(iIndex + 30, 1001); i++) {\n\t\t\t\toData.productCollection.push({\n\t\t\t\t\t\"name\": \"Name \" + i,\n\t\t\t\t\t\"description\": \"Description \" + i\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tthis.getView().getModel().setData(oData);\n\t\t}\n\t});\n});",
263
+ "Component.js": "sap.ui.define([\n\t\"sap/ui/core/UIComponent\"\n], function (UIComponent) {\n\t\"use strict\";\n\n\treturn UIComponent.extend(\"sap.m.sample.SelectDialogLazyLoading.Component\", {\n\n\t\tmetadata: {\n\t\t\tmanifest: \"json\"\n\t\t}\n\n\t});\n});",
264
+ "Dialog.fragment.xml": "<core:FragmentDefinition\n\txmlns=\"sap.m\"\n\txmlns:core=\"sap.ui.core\">\n\t<SelectDialog\n\t\tid=\"mySelectDialog\"\n\t\tinitialFocus=\"SearchField\"\n\t\tnoDataText=\"No Products Found\"\n\t\ttitle=\"Select Product\"\n\t\tsearch=\".onSearch\"\n\t\tgrowingThreshold=\"30\"\n\t\tupdateStarted=\".onUpdateStarted\"\n\t\titems=\"{\n\t\t\tpath: '/productCollection'\n\t\t}\">\n\t\t<StandardListItem\n\t\t\ttitle=\"{name}\"\n\t\t\tdescription=\"{description}\"\n\t\t\ticonDensityAware=\"false\"\n\t\t\ticonInset=\"false\"\n\t\t\ttype=\"Active\" />\n\t</SelectDialog>\n</core:FragmentDefinition>",
265
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.m.sample.SelectDialogLazyLoading\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.m.sample.SelectDialogLazyLoading.V\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.m\": {},\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.layout\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"V.view.xml\",\n\t\t\t\t\t\"C.controller.js\",\n\t\t\t\t\t\"Dialog.fragment.xml\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
266
+ "V.view.xml": "<mvc:View\n\tcontrollerName=\"sap.m.sample.SelectDialogLazyLoading.C\"\n\txmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns=\"sap.m\">\n\t\t<Button\n\t\t\ttext=\"Show Select Dialog\"\n\t\t\tpress=\".onOpenDialogPress\"\n\t\t\tclass=\"sapUiSmallMargin\"\n\t\t\tariaHasPopup=\"Dialog\" />\n</mvc:View>"
267
+ },
268
+ "sap.m/Table": {
269
+ "Component.js": "sap.ui.define(['sap/ui/core/UIComponent'],\n\tfunction(UIComponent) {\n\t\"use strict\";\n\n\treturn UIComponent.extend(\"sap.m.sample.Table.Component\", {\n\t\tmetadata : {\n\t\t\tmanifest: \"json\"\n\t\t},\n\n\t\tgetTable: function () {\n\t\t\treturn this.getRootControl().getContent()[0];\n\t\t}\n\t});\n});\n",
270
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.m.sample.Table\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.m.sample.Table.Table\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.m\": {},\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.layout\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"Table.view.xml\",\n\t\t\t\t\t\"Table.controller.js\",\n\t\t\t\t\t\"Formatter.js\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
271
+ "Table.controller.js": "sap.ui.define([\n\t\t'./Formatter',\n\t\t'sap/ui/core/mvc/Controller',\n\t\t'sap/ui/model/json/JSONModel',\n\t\t'sap/m/library'\n\t], function(Formatter, Controller, JSONModel, mobileLibrary) {\n\t\"use strict\";\n\n\tvar PopinLayout = mobileLibrary.PopinLayout;\n\n\tvar TableController = Controller.extend(\"sap.m.sample.Table.Table\", {\n\n\t\tonInit: function () {\n\t\t\t// set explored app's demo model on this sample\n\t\t\tvar oModel = new JSONModel(sap.ui.require.toUrl(\"sap/ui/demo/mock/products.json\"));\n\t\t\tthis.getView().setModel(oModel);\n\t\t},\n\n\t\tonPopinLayoutChanged: function() {\n\t\t\tvar oTable = this.byId(\"idProductsTable\");\n\t\t\tvar oComboBox = this.byId(\"idPopinLayout\");\n\t\t\tvar sPopinLayout = oComboBox.getSelectedKey();\n\t\t\tswitch (sPopinLayout) {\n\t\t\t\tcase \"Block\":\n\t\t\t\t\toTable.setPopinLayout(PopinLayout.Block);\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"GridLarge\":\n\t\t\t\t\toTable.setPopinLayout(PopinLayout.GridLarge);\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"GridSmall\":\n\t\t\t\t\toTable.setPopinLayout(PopinLayout.GridSmall);\n\t\t\t\t\tbreak;\n\t\t\t\tdefault:\n\t\t\t\t\toTable.setPopinLayout(PopinLayout.Block);\n\t\t\t\t\tbreak;\n\t\t\t}\n\t\t},\n\n\t\tonSelect: function(oEvent) {\n\t\t\tvar bSelected = oEvent.getParameter(\"selected\"),\n\t\t\t\tsText = oEvent.getSource().getText(),\n\t\t\t\toTable = this.byId(\"idProductsTable\"),\n\t\t\t\taSticky = oTable.getSticky() || [];\n\n\t\t\tif (bSelected) {\n\t\t\t\taSticky.push(sText);\n\t\t\t} else if (aSticky.length) {\n\t\t\t\tvar iElementIndex = aSticky.indexOf(sText);\n\t\t\t\taSticky.splice(iElementIndex, 1);\n\t\t\t}\n\n\t\t\toTable.setSticky(aSticky);\n\t\t},\n\n\t\tonToggleInfoToolbar: function(oEvent) {\n\t\t\tvar oTable = this.byId(\"idProductsTable\");\n\t\t\toTable.getInfoToolbar().setVisible(!oEvent.getParameter(\"pressed\"));\n\t\t}\n\t});\n\n\n\treturn TableController;\n\n});",
272
+ "Table.view.xml": "<mvc:View\n\tcontrollerName=\"sap.m.sample.Table.Table\"\n\txmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns:core=\"sap.ui.core\"\n\txmlns=\"sap.m\">\n\t<Table id=\"idProductsTable\"\n\t\tinset=\"false\"\n\t\titems=\"{\n\t\t\tpath: '/ProductCollection',\n\t\t\tsorter: {\n\t\t\t\tpath: 'Name'\n\t\t\t}\n\t\t}\">\n\t\t<headerToolbar>\n\t\t\t<OverflowToolbar>\n\t\t\t\t<content>\n\t\t\t\t\t<Title text=\"Products\" level=\"H2\"/>\n\t\t\t\t\t<ToolbarSpacer />\n\t\t\t\t\t<ComboBox id=\"idPopinLayout\"\n\t\t\t\t\t\tplaceholder=\"Popin layout options\"\n\t\t\t\t\t\tchange=\"onPopinLayoutChanged\">\n\t\t\t\t\t\t<items>\n\t\t\t\t\t\t\t<core:Item text=\"Block\"\n\t\t\t\t\t\t\t\tkey=\"Block\"/>\n\t\t\t\t\t\t\t<core:Item text=\"Grid Large\"\n\t\t\t\t\t\t\t\tkey=\"GridLarge\"/>\n\t\t\t\t\t\t\t<core:Item text=\"Grid Small\"\n\t\t\t\t\t\t\t\tkey=\"GridSmall\"/>\n\t\t\t\t\t\t</items>\n\t\t\t\t\t</ComboBox>\n\t\t\t\t\t<Label text=\"Sticky options:\" />\n\t\t\t\t\t<CheckBox text=\"ColumnHeaders\"\n\t\t\t\t\t\tselect=\"onSelect\"/>\n\t\t\t\t\t<CheckBox text=\"HeaderToolbar\"\n\t\t\t\t\t\tselect=\"onSelect\"/>\n\t\t\t\t\t<CheckBox text=\"InfoToolbar\"\n\t\t\t\t\t\tselect=\"onSelect\"/>\n\t\t\t\t\t<ToggleButton id=\"toggleInfoToolbar\"\n\t\t\t\t\t\ttext=\"Hide/Show InfoToolbar\"\n\t\t\t\t\t\tpress=\"onToggleInfoToolbar\" />\n\t\t\t\t</content>\n\t\t\t</OverflowToolbar>\n\t\t</headerToolbar>\n\t\t<infoToolbar>\n\t\t\t<OverflowToolbar>\n\t\t\t\t<Label text=\"Wide range of available products\"/>\n\t\t\t</OverflowToolbar>\n\t\t</infoToolbar>\n\t\t<columns>\n\t\t\t<Column\n\t\t\t\twidth=\"12em\">\n\t\t\t\t<Text text=\"Product\" />\n\t\t\t</Column>\n\t\t\t<Column\n\t\t\t\tminScreenWidth=\"Tablet\"\n\t\t\t\tdemandPopin=\"true\">\n\t\t\t\t<Text text=\"Supplier\" />\n\t\t\t</Column>\n\t\t\t<Column\n\t\t\t\tminScreenWidth=\"Desktop\"\n\t\t\t\tdemandPopin=\"true\"\n\t\t\t\thAlign=\"End\">\n\t\t\t\t<Text text=\"Dimensions\" />\n\t\t\t</Column>\n\t\t\t<Column\n\t\t\t\tminScreenWidth=\"Desktop\"\n\t\t\t\tdemandPopin=\"true\"\n\t\t\t\thAlign=\"Center\">\n\t\t\t\t<Text text=\"Weight\" />\n\t\t\t</Column>\n\t\t\t<Column\n\t\t\t\thAlign=\"End\">\n\t\t\t\t<Text text=\"Price\" />\n\t\t\t</Column>\n\t\t</columns>\n\t\t<items>\n\t\t\t<ColumnListItem vAlign=\"Middle\">\n\t\t\t\t<cells>\n\t\t\t\t\t<ObjectIdentifier\n\t\t\t\t\t\ttitle=\"{Name}\"\n\t\t\t\t\t\ttext=\"{ProductId}\"/>\n\t\t\t\t\t<Text\n\t\t\t\t\t\ttext=\"{SupplierName}\" />\n\t\t\t\t\t<Text\n\t\t\t\t\t\ttext=\"{Width} x {Depth} x {Height} {DimUnit}\" />\n\t\t\t\t\t<ObjectNumber\n\t\t\t\t\t\tnumber=\"{WeightMeasure}\"\n\t\t\t\t\t\tunit=\"{WeightUnit}\"\n\t\t\t\t\t\tstate=\"{\n\t\t\t\t\t\t\tparts: [\n\t\t\t\t\t\t\t\t{path: 'WeightMeasure'},\n\t\t\t\t\t\t\t\t{path: 'WeightUnit'}\n\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\tformatter: 'sap.m.sample.Table.Formatter.weightState'\n\t\t\t\t\t\t}\" />\n\t\t\t\t\t<ObjectNumber\n\t\t\t\t\t\t\tnumber=\"{\n\t\t\t\t\t\t\t\tparts:[{path:'Price'},{path:'CurrencyCode'}],\n\t\t\t\t\t\t\t\ttype: 'sap.ui.model.type.Currency',\n\t\t\t\t\t\t\t\tformatOptions: {showMeasure: false}\n\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\tunit=\"{CurrencyCode}\" />\n\t\t\t\t</cells>\n\t\t\t</ColumnListItem>\n\t\t</items>\n\t</Table>\n</mvc:View>"
273
+ },
274
+ "sap.m/TableAlternateRowColors": {
275
+ "Component.js": "sap.ui.define(['sap/ui/core/UIComponent'],\n\tfunction(UIComponent) {\n\t\"use strict\";\n\n\tvar Component = UIComponent.extend(\"sap.m.sample.TableAlternateRowColors.Component\", {\n\n\t\tmetadata : {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n\n\treturn Component;\n\n});\n",
276
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.m.sample.TableAlternateRowColors\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.m.sample.TableAlternateRowColors.Table\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.m\": {},\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.layout\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"Table.view.xml\",\n\t\t\t\t\t\"Table.controller.js\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
277
+ "Table.controller.js": "sap.ui.define([\n\t\t'sap/ui/core/mvc/Controller',\n\t\t'sap/ui/model/json/JSONModel'\n\t], function(Controller, JSONModel) {\n\t\"use strict\";\n\n\tvar TableController = Controller.extend(\"sap.m.sample.TableAlternateRowColors.Table\", {\n\n\t\tonInit: function () {\n\t\t\t// set explored app's demo model on this sample\n\t\t\tvar oModel = new JSONModel(sap.ui.require.toUrl(\"sap/ui/demo/mock/products.json\"));\n\t\t\tthis.getView().setModel(oModel);\n\t\t}\n\n\t});\n\n\n\treturn TableController;\n\n});",
278
+ "Table.view.xml": "<mvc:View\n\tcontrollerName=\"sap.m.sample.TableAlternateRowColors.Table\"\n\txmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns=\"sap.m\">\n\t<Table id=\"idProductsTable\"\n\t\tinset=\"false\"\n\t\talternateRowColors=\"true\"\n\t\titems=\"{\n\t\t\tpath: '/ProductCollection',\n\t\t\tsorter: {\n\t\t\t\tpath: 'Name'\n\t\t\t}\n\t\t}\">\n\t\t<headerToolbar>\n\t\t\t<OverflowToolbar>\n\t\t\t\t<Title text=\"Products\" level=\"H2\"/>\n\t\t\t</OverflowToolbar>\n\t\t</headerToolbar>\n\t\t<columns>\n\t\t\t<Column\n\t\t\t\twidth=\"12em\">\n\t\t\t\t<Text text=\"Product\" />\n\t\t\t</Column>\n\t\t\t<Column\n\t\t\t\tminScreenWidth=\"Tablet\"\n\t\t\t\tdemandPopin=\"true\">\n\t\t\t\t<Text text=\"Supplier\" />\n\t\t\t</Column>\n\t\t\t<Column\n\t\t\t\tminScreenWidth=\"Tablet\"\n\t\t\t\tdemandPopin=\"true\"\n\t\t\t\thAlign=\"End\">\n\t\t\t\t<Text text=\"Dimensions\" />\n\t\t\t</Column>\n\t\t</columns>\n\t\t<items>\n\t\t\t<ColumnListItem vAlign=\"Middle\">\n\t\t\t\t<cells>\n\t\t\t\t\t<ObjectIdentifier\n\t\t\t\t\t\ttitle=\"{Name}\"\n\t\t\t\t\t\ttext=\"{ProductId}\"/>\n\t\t\t\t\t<Text\n\t\t\t\t\t\ttext=\"{SupplierName}\" />\n\t\t\t\t\t<Text\n\t\t\t\t\t\ttext=\"{Width} x {Depth} x {Height} {DimUnit}\" />\n\t\t\t\t</cells>\n\t\t\t</ColumnListItem>\n\t\t</items>\n\t</Table>\n</mvc:View>"
279
+ },
280
+ "sap.m/TableAutoPopin": {
281
+ "Component.js": "sap.ui.define(['sap/ui/core/UIComponent'],\n\tfunction(UIComponent) {\n\t\t\"use strict\";\n\n\t\treturn UIComponent.extend(\"sap.m.sample.TableAutoPopin.Component\", {\n\n\t\t\tmetadata: {\n\t\t\t\tmanifest: \"json\"\n\t\t\t}\n\t\t});\n\n\t});\n",
282
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.m.sample.TableAutoPopin\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.m.sample.TableAutoPopin.Table\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.m\": {},\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.layout\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"Table.view.xml\",\n\t\t\t\t\t\"Table.controller.js\",\n\t\t\t\t\t\"Formatter.js\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
283
+ "Table.controller.js": "sap.ui.define([\n\t\"./Formatter\",\n\t\"sap/ui/core/mvc/Controller\",\n\t\"sap/ui/model/json/JSONModel\",\n\t\"sap/m/MessageToast\"\n], function(Formatter, Controller, JSONModel, MessageToast) {\n\t\"use strict\";\n\n\treturn Controller.extend(\"sap.m.sample.TableAutoPopin.Table\", {\n\t\tformatter: Formatter,\n\n\t\tonInit: function() {\n\t\t\t// set explored app's demo model on this sample\n\t\t\tvar oModel = new JSONModel(sap.ui.require.toUrl(\"sap/ui/demo/mock/products.json\"));\n\t\t\tthis.getView().setModel(oModel);\n\t\t},\n\n\t\tonSliderMoved: function(oEvent) {\n\t\t\tvar fValue = oEvent.getParameter(\"value\");\n\t\t\tthis.byId(\"idProductsTable\").setWidth(fValue + \"%\");\n\t\t},\n\n\t\tonSelectionFinish: function(oEvent) {\n\t\t\tthis.byId(\"idProductsTable\").setHiddenInPopin(oEvent.getSource().getSelectedKeys());\n\t\t},\n\n\t\tonPopinChanged: function(oEvent) {\n\t\t\tvar aHiddenInPopin = oEvent.getParameter(\"hiddenInPopin\");\n\t\t\tMessageToast.show(\"Number of hidden pop-ins: \" + aHiddenInPopin.length);\n\t\t}\n\t});\n});",
284
+ "Table.view.xml": "<mvc:View controllerName=\"sap.m.sample.TableAutoPopin.Table\"\n\t\t xmlns:mvc=\"sap.ui.core.mvc\"\n\t\t xmlns:core=\"sap.ui.core\"\n\t\t xmlns=\"sap.m\"\n\t\t height=\"100%\">\n\t<MessageStrip id=\"idMessageStrip\"\n\t\t\t\t text=\"Move the slider to see the automatic pop-in behavior based on the importance of the columns.\"\n\t\t\t\t type=\"Success\"\n\t\t\t\t showIcon=\"true\"\n\t\t\t\t showCloseButton=\"true\"\n\t\t\t\t class=\"sapUiMediumMarginBottom\" />\n\t<Slider id=\"widthSlider\" value=\"100\" liveChange=\"onSliderMoved\" />\n\t<Table id=\"idProductsTable\" autoPopinMode=\"true\" contextualWidth=\"Auto\" popinChanged=\".onPopinChanged\" items=\"{\n\t\t\tpath: '/ProductCollection',\n\t\t\tsorter: {\n\t\t\t\tpath: 'Name'\n\t\t\t}\n\t\t}\">\n\t\t<headerToolbar>\n\t\t\t<OverflowToolbar>\n\t\t\t\t<Title text=\"Products\" level=\"H2\" />\n\t\t\t\t<ToolbarSpacer />\n\t\t\t\t<Label text=\"Hide columns with importance\" labelFor=\"idMultiComboBox\" />\n\t\t\t\t<MultiComboBox id=\"idMultiComboBox\" width=\"10rem\" selectionFinish=\"onSelectionFinish\">\n\t\t\t\t\t<items>\n\t\t\t\t\t\t<core:Item key=\"None\" text=\"None\" />\n\t\t\t\t\t\t<core:Item key=\"Low\" text=\"Low\" />\n\t\t\t\t\t\t<core:Item key=\"Medium\" text=\"Medium\" />\n\t\t\t\t\t\t<core:Item key=\"High\" text=\"High\" />\n\t\t\t\t\t</items>\n\t\t\t\t</MultiComboBox>\n\t\t\t</OverflowToolbar>\n\t\t</headerToolbar>\n\t\t<columns>\n\t\t\t<Column width=\"14em\" importance=\"High\">\n\t\t\t\t<Text text=\"Product\" />\n\t\t\t</Column>\n\t\t\t<Column width=\"auto\" importance=\"None\">\n\t\t\t\t<Text text=\"Description\" />\n\t\t\t</Column>\n\t\t\t<Column width=\"8em\" importance=\"Low\">\n\t\t\t\t<Text text=\"Category\" />\n\t\t\t</Column>\n\t\t\t<Column width=\"8%\" importance=\"None\">\n\t\t\t\t<Text text=\"Main Category\" />\n\t\t\t</Column>\n\t\t\t<Column width=\"8em\" importance=\"None\">\n\t\t\t\t<Text text=\"Supplier\" />\n\t\t\t</Column>\n\t\t\t<Column width=\"10em\" importance=\"Low\">\n\t\t\t\t<Text text=\"Dimensions\" />\n\t\t\t</Column>\n\t\t\t<Column width=\"6em\" hAlign=\"Center\" importance=\"Low\">\n\t\t\t\t<Text text=\"Weight\" />\n\t\t\t</Column>\n\t\t\t<Column width=\"6%\" hAlign=\"Center\" importance=\"Medium\">\n\t\t\t\t<Text text=\"Quantity\" />\n\t\t\t</Column>\n\t\t\t<Column width=\"6em\" hAlign=\"End\" importance=\"High\">\n\t\t\t\t<Text text=\"Price\" />\n\t\t\t</Column>\n\t\t</columns>\n\t\t<items>\n\t\t\t<ColumnListItem vAlign=\"Middle\">\n\t\t\t\t<cells>\n\t\t\t\t\t<ObjectIdentifier title=\"{Name}\" text=\"{ProductId}\" />\n\t\t\t\t\t<Text text=\"{Description}\" />\n\t\t\t\t\t<Text text=\"{Category}\" />\n\t\t\t\t\t<Text text=\"{MainCategory}\" />\n\t\t\t\t\t<Text text=\"{SupplierName}\" />\n\t\t\t\t\t<Text text=\"{Width} x {Depth} x {Height} {DimUnit}\" />\n\t\t\t\t\t<ObjectNumber number=\"{WeightMeasure}\" unit=\"{WeightUnit}\" state=\"{\n\t\t\t\t\t\t\tparts: [\n\t\t\t\t\t\t\t\t{path: 'WeightMeasure'},\n\t\t\t\t\t\t\t\t{path: 'WeightUnit'}\n\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\tformatter: '.formatter.weightState'\n\t\t\t\t\t\t}\" />\n\t\t\t\t\t<ObjectNumber number=\"{Quantity}\" />\n\t\t\t\t\t<ObjectNumber number=\"{\n\t\t\t\t\t\t\t\tparts:[{path:'Price'},{path:'CurrencyCode'}],\n\t\t\t\t\t\t\t\ttype: 'sap.ui.model.type.Currency',\n\t\t\t\t\t\t\t\tformatOptions: {showMeasure: false}\n\t\t\t\t\t\t\t}\" unit=\"{CurrencyCode}\" />\n\t\t\t\t</cells>\n\t\t\t</ColumnListItem>\n\t\t</items>\n\t</Table>\n</mvc:View>"
285
+ },
286
+ "sap.m/TableBreadcrumb": {
287
+ "Component.js": "sap.ui.define(['sap/ui/core/UIComponent'],\n\tfunction(UIComponent) {\n\t\"use strict\";\n\n\tvar Component = UIComponent.extend(\"sap.m.sample.TableBreadcrumb.Component\", {\n\n\t\tmetadata : {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n\n\treturn Component;\n\n});\n",
288
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.m.sample.TableBreadcrumb\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.m.sample.TableBreadcrumb.Page\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.m\": {},\n\t\t\t\t\"sap.ui.core\": {}\n\t\t\t}\n\t\t},\n\t\t\"resources\": {\n\t\t\t\"css\": [\n\t\t\t\t{\n\t\t\t\t\t\"uri\": \"style.css\"\n\t\t\t\t}\n\t\t\t]\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"stretch\": true,\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"style.css\",\n\t\t\t\t\t\"Page.view.xml\",\n\t\t\t\t\t\"Page.controller.js\",\n\t\t\t\t\t\"Formatter.js\",\n\t\t\t\t\t\"Row.fragment.xml\",\n\t\t\t\t\t\"productHierarchy.json\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
289
+ "Page.controller.js": "sap.ui.define([\n\t\t'sap/m/Label',\n\t\t'sap/m/Link',\n\t\t'sap/m/MessageToast',\n\t\t'sap/m/Text',\n\t\t'./Formatter',\n\t\t'sap/ui/core/Fragment',\n\t\t'sap/ui/core/mvc/Controller',\n\t\t'sap/ui/model/json/JSONModel'\n\t], function(Label, Link, MessageToast, Text, Formatter, Fragment, Controller, JSONModel) {\n\t\"use strict\";\n\n\tvar PageController = Controller.extend(\"sap.m.sample.TableBreadcrumb.Page\", {\n\n\t\t// Setup crumb info, the collection root\n\t\t// and an initial product selection / order state\n\t\tsCollection: \"/ProductHierarchy\",\n\t\taCrumbs: [\"Suppliers\", \"Categories\", \"Products\"],\n\t\tmInitialOrderState: {\n\t\t\tproducts: {},\n\t\t\tcount: 0,\n\t\t\thasCounts: false\n\t\t},\n\n\t\t// Pull in the table row template fragment, grab\n\t\t// a reference to the table, work out the initial crumb path\n\t\t// and create the order model, setting it on the view\n\t\tonInit: function (oEvent) {\n\n\t\t\t// set demo model on this sample\n\t\t\tvar sPath = sap.ui.require.toUrl(\"sap/m/sample/TableBreadcrumb/productHierarchy.json\");\n\t\t\tvar oModel = new JSONModel(sPath);\n\t\t\tthis.getView().setModel(oModel);\n\t\t\tthis.getView().setModel(new JSONModel(this.mInitialOrderState), \"Order\");\n\n\t\t\tif (!this._pTemplate) {\n\t\t\t\tthis._pTemplate = Fragment.load({\n\t\t\t\t\tid: this.getView().getId(),\n\t\t\t\t\tname: \"sap.m.sample.TableBreadcrumb.Row\"\n\t\t\t\t});\n\t\t\t}\n\t\t\tthis._oTable = this.byId(\"idProductsTable\");\n\n\t\t\tsPath = this._getInitialPath();\n\t\t\tthis._setAggregation(sPath);\n\t\t\tvar oBreadCrumb = this.byId(\"breadcrumb\");\n\t\t\tvar oLink = new Link({\n\t\t\t\ttext: \"Suppliers\",\n\t\t\t\tpress:[sPath, this.onBreadcrumbPress, this]\n\t\t\t});\n\t\t\toBreadCrumb.addLink(oLink);\n\t\t},\n\n\t\t// Initial path is the first crumb appended to the collection root\n\t\t_getInitialPath: function () {\n\t\t\treturn [this.sCollection, this.aCrumbs[0]].join(\"/\");\n\t\t},\n\n\n\t\t// Find the next crumb that follows the given crumb\n\t\t_nextCrumb: function (sCrumb) {\n\t\t\tfor (var i = 0, ii = this.aCrumbs.length; i < ii; i++) {\n\t\t\t\tif (this.aCrumbs[i] === sCrumb) {\n\t\t\t\t\treturn this.aCrumbs[i + 1];\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\n\n\t\t// Remove the numeric item binding from a path\n\t\t_stripItemBinding: function (sPath) {\n\t\t\tvar aParts = sPath.split(\"/\");\n\t\t\treturn aParts.slice(0, aParts.length - 1).join(\"/\");\n\t\t},\n\n\t\t// Navigate through the product hierarchy by rebinding the\n\t\t// table's items aggregation. Navigation is either through\n\t\t// branches (Suppliers, Categories) or leaves (Products)\n\t\t_setAggregation: function (sPath) {\n\t\t\t// If we're at the leaf end, turn off navigation\n\t\t\tvar sPathEnd = sPath.split(\"/\").reverse()[0];\n\t\t\tif (sPathEnd === this.aCrumbs[this.aCrumbs.length - 1]) {\n\t\t\t\tthis._oTable.setMode(\"MultiSelect\");\n\t\t\t\tthis.byId(\"weightColumn\").setVisible(true);\n\t\t\t\tthis.byId(\"dimensionsColumn\").setVisible(true);\n\t\t\t} else {\n\t\t\t\tthis._oTable.setMode(\"SingleSelectMaster\");\n\t\t\t\tthis.byId(\"dimensionsColumn\").setVisible(false);\n\t\t\t\tthis.byId(\"weightColumn\").setVisible(false);\n\t\t\t}\n\n\t\t\t// Set the new aggregation\n\t\t\tthis._pTemplate.then(function(oTemplate){\n\t\t\t\tthis._oTable.bindAggregation(\"items\", sPath, oTemplate);\n\t\t\t}.bind(this));\n\t\t},\n\n\n\t\t// Add to the order based on the selection\n\t\t_updateOrder: function (oSelectionInfo) {\n\t\t\tvar oOrderModel = this.getView().getModel(\"Order\");\n\t\t\toOrderModel.setData({products: oSelectionInfo}, true);\n\t\t\tvar aProductsSelected = Formatter.listProductsSelected(this.getView());\n\t\t\toOrderModel.setData({\n\t\t\t\tcount: aProductsSelected.length,\n\t\t\t\thasCounts: aProductsSelected.length > 0\n\t\t\t}, true);\n\t\t},\n\n\n\t\t// Show a message toast only if there are products selected\n\t\thandleOrderPress: function (oEvent) {\n\t\t\tvar aProductsSelected = Formatter.listProductsSelected(this.getView());\n\t\t\tif (aProductsSelected) {\n\t\t\t\tMessageToast.show(\"Ordering: \" + aProductsSelected.map(function (mProduct) {\n\t\t\t\t\treturn mProduct.Name;\n\t\t\t\t}));\n\t\t\t}\n\t\t},\n\n\t\t// Removes unwanted links added to breadcrumb and updates the breadcrumb\n\t\tonBreadcrumbPress: function (oEvent, sPath) {\n\t\t\tvar oLink = oEvent.getSource();\n\t\t\tvar oBreadCrumb = this.byId(\"breadcrumb\");\n\t\t\tvar iIndex = oBreadCrumb.indexOfLink(oLink);\n\t\t\tvar aCrumb = oBreadCrumb.getLinks().slice(iIndex + 1);\n\t\t\tif (aCrumb.length) {\n\t\t\t\taCrumb.forEach(function(oLink) {\n\t\t\t\t\toLink.destroy();\n\t\t\t\t});\n\t\t\t\tthis._setAggregation(sPath);\n\t\t\t}\n\t\t},\n\n\t\t// Handles breadcrumb creation and binding\n\t\t// Take care of the navigation through the hierarchy when the\n\t\t// user selects a table row\n\t\thandleSelectionChange: function (oEvent) {\n\t\t\tvar sPath = oEvent.getParameter(\"listItem\").getBindingContextPath();\n\t\t\tvar aPath = sPath.split(\"/\");\n\t\t\tvar sPathEnd = sPath.split(\"/\").reverse()[1];\n\t\t\tvar sCurrentCrumb = aPath[aPath.length - 2];\n\n\t\t\tif (sPathEnd !== this.aCrumbs[this.aCrumbs.length - 1]) {\n\t\t\t\tvar oBreadCrumb = this.byId(\"breadcrumb\");\n\t\t\t\tvar sPrevNode = aPath[aPath.length - 2];\n\t\t\t\tvar iCurNodeIndex = this.aCrumbs.indexOf(sPrevNode) + 1;\n\n\t\t\t\tvar oLink = new Link({\n\t\t\t\t\ttext: \"{Name}\",\n\t\t\t\t\tpress:[sPath + \"/\" + this.aCrumbs[iCurNodeIndex], this.onBreadcrumbPress, this]\n\t\t\t\t});\n\n\t\t\t\toLink.bindElement({\n\t\t\t\t\tpath : sPath\n\t\t\t\t});\n\t\t\t\toBreadCrumb.addLink(oLink);\n\t\t\t}\n\n\t\t\t// If we're on a leaf, remember the selections;\n\t\t\t// otherwise navigate\n\t\t\tif (sCurrentCrumb === this.aCrumbs[this.aCrumbs.length - 1]) {\n\t\t\t\tvar oSelectionInfo = {};\n\t\t\t\tvar bSelected = oEvent.getParameter(\"selected\");\n\t\t\t\toEvent.getParameter(\"listItems\").forEach(function (oItem) {\n\t\t\t\t\toSelectionInfo[oItem.getBindingContext().getPath()] = bSelected;\n\t\t\t\t});\n\t\t\t\tthis._updateOrder(oSelectionInfo);\n\t\t\t} else {\n\t\t\t\tvar sNewPath = [sPath, this._nextCrumb(sCurrentCrumb)].join(\"/\");\n\t\t\t\tthis._setAggregation(sNewPath);\n\t\t\t}\n\t\t}\n\n\t});\n\n\treturn PageController;\n\n});",
290
+ "Page.view.xml": "<mvc:View\n\theight=\"100%\"\n\tcontrollerName=\"sap.m.sample.TableBreadcrumb.Page\"\n\txmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns=\"sap.m\">\n\t<Page showHeader=\"false\">\n\t\t<content>\n\t\t\t<Table\n\t\t\t\tselectionChange=\"handleSelectionChange\"\n\t\t\t\tinset=\"false\"\n\t\t\t\tid=\"idProductsTable\">\n\t\t\t\t<headerToolbar>\n\t\t\t\t\t<OverflowToolbar id=\"idCrumbToolbar\" >\n\t\t\t\t\t\t<Breadcrumbs id=\"breadcrumb\" />\n\t\t\t\t\t</OverflowToolbar>\n\t\t\t\t</headerToolbar>\n\t\t\t\t<infoToolbar>\n\t\t\t\t\t<OverflowToolbar visible=\"{Order>/hasCounts}\">\n\t\t\t\t\t\t<Label text=\"{Order>/count} Products Selected\" />\n\t\t\t\t\t</OverflowToolbar>\n\t\t\t\t</infoToolbar>\n\t\t\t\t<columns>\n\t\t\t\t\t<Column\n\t\t\t\t\t\twidth=\"12em\">\n\t\t\t\t\t\t<Text text=\"Name\" />\n\t\t\t\t\t</Column>\n\t\t\t\t\t<Column\n\t\t\t\t\t\tid=\"dimensionsColumn\"\n\t\t\t\t\t\tminScreenWidth=\"Tablet\"\n\t\t\t\t\t\tdemandPopin=\"true\"\n\t\t\t\t\t\thAlign=\"End\"\n\t\t\t\t\t\tvisible=\"false\">\n\t\t\t\t\t\t<Text text=\"Dimensions\" />\n\t\t\t\t\t</Column>\n\t\t\t\t\t<Column\n\t\t\t\t\t\tid=\"weightColumn\"\n\t\t\t\t\t\tminScreenWidth=\"Tablet\"\n\t\t\t\t\t\tdemandPopin=\"true\"\n\t\t\t\t\t\thAlign=\"Center\"\n\t\t\t\t\t\tvisible=\"false\">\n\t\t\t\t\t\t<Text text=\"Weight\" />\n\t\t\t\t\t</Column>\n\t\t\t\t\t<Column\n\t\t\t\t\t\thAlign=\"End\">\n\t\t\t\t\t\t<Text text=\"Price\" />\n\t\t\t\t\t</Column>\n\t\t\t\t</columns>\n\t\t\t</Table>\n\t\t</content>\n\t\t<footer>\n\t\t\t<OverflowToolbar>\n\t\t\t\t<ToolbarSpacer/>\n\t\t\t\t<Button\n\t\t\t\t\ttext=\"Order\"\n\t\t\t\t\tenabled=\"{\n\t\t\t\t\t\tpath: 'Order>/',\n\t\t\t\t\t\tformatter: 'sap.m.sample.TableBreadcrumb.Formatter.isAnyProductSelected'\n\t\t\t\t\t}\"\n\t\t\t\t\tpress=\"handleOrderPress\" />\n\t\t\t</OverflowToolbar>\n\t\t</footer>\n\t</Page>\n</mvc:View>\n",
291
+ "Row.fragment.xml": "<core:FragmentDefinition\n\txmlns:core=\"sap.ui.core\"\n\txmlns=\"sap.m\">\n\t<ColumnListItem vAlign=\"Middle\"\n\t\ttype=\"{\n\t\t\tpath: 'ProductId',\n\t\t\tformatter: 'sap.m.sample.TableBreadcrumb.Formatter.listItemType'\n\t\t}\"\n\t\tselected=\"{\n\t\t\tpath: 'ProductId',\n\t\t\tformatter: 'sap.m.sample.TableBreadcrumb.Formatter.isProductSelected'\n\t\t}\">\n\t\t<cells>\n\t\t\t<ObjectIdentifier\n\t\t\t\ttitle=\"{Name}\"\n\t\t\t\ttext=\"{ProductId}\" />\n\t\t\t<Text\n\t\t\t\ttext=\"{\n\t\t\t\t\tparts: [\n\t\t\t\t\t\t{ path: 'Width' },\n\t\t\t\t\t\t{ path: 'Depth' },\n\t\t\t\t\t\t{ path: 'Height' },\n\t\t\t\t\t\t{ path: 'DimUnit' }\n\t\t\t\t\t],\n\t\t\t\t\tformatter: 'sap.m.sample.TableBreadcrumb.Formatter.dimensions'\n\t\t\t\t}\" />\n\t\t\t<ObjectNumber\n\t\t\t\tnumber=\"{WeightMeasure}\"\n\t\t\t\tunit=\"{WeightUnit}\"\n\t\t\t\tstate=\"{\n\t\t\t\t\tpath: 'WeightMeasure',\n\t\t\t\t\tformatter: 'sap.m.sample.TableBreadcrumb.Formatter.weightState'\n\t\t\t\t}\" />\n\t\t\t<ObjectNumber\n\t\t\t\tnumber=\"{\n\t\t\t\t\tpath: 'Price',\n\t\t\t\t\tformatter: 'sap.m.sample.TableBreadcrumb.Formatter.round2DP'\n\t\t\t\t}\"\n\t\t\t\tunit=\"{CurrencyCode}\" />\n\t\t</cells>\n\t</ColumnListItem>\n</core:FragmentDefinition>"
292
+ },
293
+ "sap.m/TableColumnWidth": {
294
+ "Component.js": "sap.ui.define(['sap/ui/core/UIComponent'],\n\tfunction(UIComponent) {\n\t\"use strict\";\n\n\tvar Component = UIComponent.extend(\"sap.m.sample.TableColumnWidth.Component\", {\n\n\t\tmetadata : {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n\n\treturn Component;\n\n});\n",
295
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.m.sample.TableColumnWidth\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.m.sample.TableColumnWidth.Table\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.m\": {},\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.layout\": {}\n\t\t\t}\n\t\t},\n\t\t\"resources\": {\n\t\t\t\"css\": [\n\t\t\t\t{\n\t\t\t\t\t\"uri\": \"Table.css\"\n\t\t\t\t}\n\t\t\t]\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"Table.view.xml\",\n\t\t\t\t\t\"Table.controller.js\",\n\t\t\t\t\t\"Table.css\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
296
+ "Table.controller.js": "sap.ui.define([\n\t\t'sap/base/util/deepExtend',\n\t\t'sap/ui/core/mvc/Controller',\n\t\t'sap/ui/model/json/JSONModel'\n\t], function(deepExtend, Controller, JSONModel) {\n\t\"use strict\";\n\n\tvar TableController = Controller.extend(\"sap.m.sample.TableColumnWidth.Table\", {\n\n\t\tonInit: function () {\n\t\t\tthis.oProductModel = new JSONModel(sap.ui.require.toUrl(\"sap/ui/demo/mock/products.json\"));\n\t\t\tthis.oProductModel.setSizeLimit(3);\n\n\t\t\tthis.oColumnModel = new JSONModel();\n\t\t\tthis.oColumnModel.setData(this.oData);\n\n\t\t\tvar oCloneData = deepExtend([], this.oData);\n\t\t\toCloneData[0].width = \"auto\";\n\t\t\tthis.oColumnModelClone = new JSONModel();\n\t\t\tthis.oColumnModelClone.setData(oCloneData);\n\n\t\t\tthis.getView().setModel(this.oColumnModel, \"columns\");\n\t\t\tthis.getView().setModel(this.oProductModel, \"products\");\n\t\t\tthis.getView().setModel(this.oColumnModelClone, \"clone\");\n\t\t},\n\n\t\tonReset: function (oEvent) {\n\t\t\tthis.oColumnModel.setData(this.oData);\n\t\t},\n\n\t\tonCheckBoxSelect: function (oEvent) {\n\t\t\tvar bStrictLayout = oEvent.getParameter(\"selected\");\n\t\t\tthis.byId(\"table\").setFixedLayout(bStrictLayout ? \"Strict\" : true);\n\t\t},\n\n\t\toData : [{\n\t\t\t\twidth: \"30%\",\n\t\t\t\theader: \"Product Name\",\n\t\t\t\tdemandPopin: false,\n\t\t\t\tminScreenWidth: \"\",\n\t\t\t\tstyleClass: \"cellBorderLeft cellBorderRight\"\n\t\t\t}, {\n\t\t\t\twidth: \"20%\",\n\t\t\t\theader: \"Supplier Name\",\n\t\t\t\tdemandPopin: false,\n\t\t\t\tminScreenWidth: \"\",\n\t\t\t\tstyleClass: \"cellBorderRight\"\n\t\t\t}, {\n\t\t\t\twidth: \"50%\",\n\t\t\t\theader: \"Description\",\n\t\t\t\tdemandPopin: true,\n\t\t\t\tminScreenWidth: \"Tablet\",\n\t\t\t\tstyleClass: \"cellBorderRight\"\n\t\t\t}\n\t\t]\n\t});\n\n\treturn TableController;\n\n});",
297
+ "Table.view.xml": "<mvc:View\n\tcontrollerName=\"sap.m.sample.TableColumnWidth.Table\"\n\txmlns:l=\"sap.ui.layout\"\n\txmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns:core=\"sap.ui.core\"\n\txmlns=\"sap.m\">\n\t<MessageStrip\n\t\ttext=\"Set the width of at least one column to auto or the fixedLayout property of the table to Strict.\"\n\t\ttype=\"Success\"\n\t\tclass=\"sapUiSmallMargin\"\n\t\tshowIcon=\"true\"/>\n\t<Table\n\t\tid=\"table\"\n\t\tmode=\"MultiSelect\"\n\t\titems=\"{\n\t\t\tpath: 'products>/ProductCollection'\n\t\t}\"\n\t\tcolumns=\"{\n\t\t\tpath: 'clone>/'\n\t\t}\">\n\t\t<headerToolbar>\n\t\t\t<Toolbar>\n\t\t\t\t<Title text=\"Products (Correct Usage)\" level=\"H2\"/>\n\t\t\t\t<ToolbarSpacer />\n\t\t\t\t<CheckBox text=\"Strict Layout\" select=\"onCheckBoxSelect\"/>\n\t\t\t</Toolbar>\n\t\t</headerToolbar>\n\t\t<columns>\n\t\t\t<Column width=\"{clone>width}\" styleClass=\"{clone>styleClass}\" demandPopin=\"{clone>demandPopin}\" minScreenWidth=\"{clone>minScreenWidth}\" popinDisplay=\"WithoutHeader\">\n\t\t\t\t<Input value=\"{clone>width}\" description=\"{clone>header}\"/>\n\t\t\t</Column>\n\t\t</columns>\n\t\t<items>\n\t\t\t<ColumnListItem vAlign=\"Middle\" type=\"Navigation\">\n\t\t\t\t<cells>\n\t\t\t\t\t<Text text=\"{products>Name}\" wrapping=\"false\" />\n\t\t\t\t\t<Text text=\"{products>SupplierName}\" wrapping=\"false\"/>\n\t\t\t\t\t<Text text=\"{products>Description}\" wrapping=\"false\" />\n\t\t\t\t</cells>\n\t\t\t</ColumnListItem>\n\t\t</items>\n\t</Table>\n\t<MessageStrip\n\t\ttext=\"Do not try to give percent width to all columns even if it reaches 100% total column width.\"\n\t\ttype=\"Error\"\n\t\tclass=\"sapUiLargeMarginTop sapUiSmallMargin\"\n\t\tshowIcon=\"true\"/>\n\t<Table\n\t\tmode=\"MultiSelect\"\n\t\titems=\"{\n\t\t\tpath: 'products>/ProductCollection'\n\t\t}\"\n\t\tcolumns=\"{\n\t\t\tpath: 'columns>/'\n\t\t}\">\n\t\t<headerToolbar>\n\t\t\t<OverflowToolbar>\n\t\t\t\t<Title text=\"Products (Wrong Usage)\" level=\"H2\"/>\n\t\t\t</OverflowToolbar>\n\t\t</headerToolbar>\n\t\t<columns>\n\t\t\t<Column width=\"{columns>width}\" styleClass=\"{columns>styleClass}\" demandPopin=\"{columns>demandPopin}\" minScreenWidth=\"{columns>minScreenWidth}\" popinDisplay=\"WithoutHeader\">\n\t\t\t\t<Input value=\"{columns>width}\" description=\"{columns>header}\"/>\n\t\t\t</Column>\n\t\t</columns>\n\t\t<items>\n\t\t\t<ColumnListItem vAlign=\"Middle\" type=\"Navigation\">\n\t\t\t\t<cells>\n\t\t\t\t\t<Text text=\"{products>Name}\" wrapping=\"false\" />\n\t\t\t\t\t<Text text=\"{products>SupplierName}\" wrapping=\"false\"/>\n\t\t\t\t\t<Text text=\"{products>Description}\" wrapping=\"false\" />\n\t\t\t\t</cells>\n\t\t\t</ColumnListItem>\n\t\t</items>\n\t</Table>\n</mvc:View>"
298
+ },
299
+ "sap.m/TableContextualWidthDynamic": {
300
+ "Component.js": "sap.ui.define(['sap/ui/core/UIComponent'],\n\tfunction(UIComponent) {\n\t\"use strict\";\n\n\tvar Component = UIComponent.extend(\"sap.m.sample.TableContextualWidthDynamic.Component\", {\n\n\t\tmetadata : {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n\n\treturn Component;\n\n});\n",
301
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.m.sample.TableContextualWidthDynamic\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.m.sample.TableContextualWidthDynamic.Table\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.m\": {},\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.layout\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"Table.view.xml\",\n\t\t\t\t\t\"Table.controller.js\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
302
+ "Table.controller.js": "sap.ui.define([\n\t\t'sap/ui/core/mvc/Controller',\n\t\t'sap/ui/model/json/JSONModel',\n\t\t'sap/ui/Device'\n\t], function(Controller, JSONModel, Device) {\n\t\"use strict\";\n\n\n\tvar TableController = Controller.extend(\"sap.m.sample.TableContextualWidthDynamic.Table\", {\n\n\t\tonInit: function () {\n\t\t\tvar oModel = new JSONModel(sap.ui.require.toUrl(\"sap/ui/demo/mock/products.json\"));\n\t\t\tthis.getView().setModel(oModel);\n\t\t},\n\n\t\tonBeforeRendering: function () {\n\t\t\tif (Device.system.phone) {\n\t\t\t\tDevice.orientation.attachHandler(this._orientationHandler, this);\n\t\t\t\tif (Device.orientation.portrait) {\n\t\t\t\t\tthis._showMessageStrip(false);\n\t\t\t\t} else {\n\t\t\t\t\tthis._showMessageStrip(true);\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\n\t\t_orientationHandler: function (mParams) {\n\t\t\tif (mParams.landscape) {\n\t\t\t\tthis._showMessageStrip(true);\n\t\t\t} else {\n\t\t\t\tthis._showMessageStrip(false);\n\t\t\t}\n\t\t},\n\n\t\t_showMessageStrip: function (bShow) {\n\t\t\tvar oMessageStrip = this.getView().byId(\"idMessageStrip\");\n\t\t\toMessageStrip.setVisible(bShow);\n\t\t},\n\n\t\tonExit: function () {\n\t\t\tDevice.orientation.detachHandler(this._orientationHandler, this);\n\t\t}\n\t});\n\n\n\treturn TableController;\n});",
303
+ "Table.view.xml": "<mvc:View\n\tcontrollerName=\"sap.m.sample.TableContextualWidthDynamic.Table\"\n\txmlns:l=\"sap.ui.layout\"\n\txmlns:core=\"sap.ui.core\"\n\txmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns=\"sap.m\">\n\t<MessageStrip\n\t\t\tid=\"idMessageStrip\"\n\t\t\ttext=\"Move the splitter to see the container based popin behaviour with dynamic width.\"\n\t\t\ttype=\"Success\"\n\t\t\tshowIcon=\"true\"\n\t\t\tshowCloseButton=\"true\"\n\t\t\tclass=\"sapUiMediumMarginBottom\">\n\t</MessageStrip>\n\n\t<l:ResponsiveSplitter height=\"100%\">\n\t\t<l:PaneContainer>\n\t\t\t<l:SplitPane requiredParentWidth=\"500\">\n\t\t\t\t\t\t<Table id=\"idProductsTableleft\"\n\t\t\t\t\t\t\t\tcontextualWidth=\"Auto\"\n\t\t\t\t\t\t\t\tpopinLayout=\"GridSmall\"\n\t\t\t\t\t\t\t\theaderText=\"Products\"\n\t\t\t\t\t\t\t\titems=\"{\n\t\t\t\t\t\t\t\tpath: '/ProductCollection'\n\t\t\t\t\t\t\t}\">\n\t\t\t\t\t\t\t<columns>\n\t\t\t\t\t\t\t\t<Column>\n\t\t\t\t\t\t\t\t\t<header>\n\t\t\t\t\t\t\t\t\t\t<Text text=\"Product\" />\n\t\t\t\t\t\t\t\t\t</header>\n\t\t\t\t\t\t\t\t</Column>\n\t\t\t\t\t\t\t\t<Column\n\t\t\t\t\t\t\t\t\tminScreenWidth=\"phone\"\n\t\t\t\t\t\t\t\t\tdemandPopin=\"true\">\n\t\t\t\t\t\t\t\t\t<header>\n\t\t\t\t\t\t\t\t\t\t<Text text=\"Supplier\" />\n\t\t\t\t\t\t\t\t\t</header>\n\t\t\t\t\t\t\t\t</Column>\n\t\t\t\t\t\t\t\t<Column\n\t\t\t\t\t\t\t\t\tminScreenWidth=\"tablet\"\n\t\t\t\t\t\t\t\t\tdemandPopin=\"true\"\n\t\t\t\t\t\t\t\t\thAlign=\"Center\">\n\t\t\t\t\t\t\t\t\t<header>\n\t\t\t\t\t\t\t\t\t\t<Text text=\"Status\" />\n\t\t\t\t\t\t\t\t\t</header>\n\t\t\t\t\t\t\t\t</Column>\n\t\t\t\t\t\t\t\t<Column\n\t\t\t\t\t\t\t\t\tminScreenWidth=\"Phone\"\n\t\t\t\t\t\t\t\t\tdemandPopin=\"true\"\n\t\t\t\t\t\t\t\t\thAlign=\"End\">\n\t\t\t\t\t\t\t\t\t<header>\n\t\t\t\t\t\t\t\t\t\t<Text text=\"Quantity\" />\n\t\t\t\t\t\t\t\t\t</header>\n\t\t\t\t\t\t\t\t</Column>\n\t\t\t\t\t\t\t</columns>\n\t\t\t\t\t\t\t<items>\n\t\t\t\t\t\t\t\t<ColumnListItem>\n\t\t\t\t\t\t\t\t\t<cells>\n\t\t\t\t\t\t\t\t\t\t<Label\n\t\t\t\t\t\t\t\t\t\t\ttext=\"{Name}\"/>\n\t\t\t\t\t\t\t\t\t\t<Label\n\t\t\t\t\t\t\t\t\t\t\ttext=\"{SupplierName}\" />\n\t\t\t\t\t\t\t\t\t\t<Label\n\t\t\t\t\t\t\t\t\t\t\ttext=\"{Status}\" />\n\t\t\t\t\t\t\t\t\t\t<Label\n\t\t\t\t\t\t\t\t\t\t\ttext=\"{Quantity}\"/>\n\t\t\t\t\t\t\t\t\t</cells>\n\t\t\t\t\t\t\t\t</ColumnListItem>\n\t\t\t\t\t\t\t</items>\n\t\t\t\t\t\t</Table>\n\t\t\t</l:SplitPane>\n\t\t\t<l:SplitPane requiredParentWidth=\"400\">\n\t\t\t\t\t<Table id=\"idProductsTableright\"\n\t\t\t\t\t\t\t\tcontextualWidth=\"Auto\"\n\t\t\t\t\t\t\t\tpopinLayout=\"GridSmall\"\n\t\t\t\t\t\t\t\theaderText=\"Products\"\n\t\t\t\t\t\t\t\titems=\"{\n\t\t\t\t\t\t\t\tpath: '/ProductCollection'\n\t\t\t\t\t\t\t}\">\n\t\t\t\t\t\t\t<columns>\n\t\t\t\t\t\t\t\t<Column>\n\t\t\t\t\t\t\t\t\t<header>\n\t\t\t\t\t\t\t\t\t\t<Text text=\"Product\" />\n\t\t\t\t\t\t\t\t\t</header>\n\t\t\t\t\t\t\t\t</Column>\n\t\t\t\t\t\t\t\t<Column\n\t\t\t\t\t\t\t\t\tminScreenWidth=\"phone\"\n\t\t\t\t\t\t\t\t\tdemandPopin=\"true\">\n\t\t\t\t\t\t\t\t\t<header>\n\t\t\t\t\t\t\t\t\t\t<Text text=\"Supplier\" />\n\t\t\t\t\t\t\t\t\t</header>\n\t\t\t\t\t\t\t\t</Column>\n\t\t\t\t\t\t\t\t<Column\n\t\t\t\t\t\t\t\t\tminScreenWidth=\"tablet\"\n\t\t\t\t\t\t\t\t\tdemandPopin=\"true\"\n\t\t\t\t\t\t\t\t\thAlign=\"Center\">\n\t\t\t\t\t\t\t\t\t<header>\n\t\t\t\t\t\t\t\t\t\t<Text text=\"Status\" />\n\t\t\t\t\t\t\t\t\t</header>\n\t\t\t\t\t\t\t\t</Column>\n\t\t\t\t\t\t\t\t<Column\n\t\t\t\t\t\t\t\t\tminScreenWidth=\"Phone\"\n\t\t\t\t\t\t\t\t\tdemandPopin=\"true\"\n\t\t\t\t\t\t\t\t\thAlign=\"End\">\n\t\t\t\t\t\t\t\t\t<header>\n\t\t\t\t\t\t\t\t\t\t<Text text=\"Quantity\" />\n\t\t\t\t\t\t\t\t\t</header>\n\t\t\t\t\t\t\t\t</Column>\n\t\t\t\t\t\t\t</columns>\n\t\t\t\t\t\t\t<items>\n\t\t\t\t\t\t\t\t<ColumnListItem>\n\t\t\t\t\t\t\t\t\t<cells>\n\t\t\t\t\t\t\t\t\t\t<Label\n\t\t\t\t\t\t\t\t\t\t\ttext=\"{Name}\"/>\n\t\t\t\t\t\t\t\t\t\t<Label\n\t\t\t\t\t\t\t\t\t\t\ttext=\"{SupplierName}\" />\n\t\t\t\t\t\t\t\t\t\t<Label\n\t\t\t\t\t\t\t\t\t\t\ttext=\"{Status}\" />\n\t\t\t\t\t\t\t\t\t\t<Label\n\t\t\t\t\t\t\t\t\t\t\ttext=\"{Quantity}\"/>\n\t\t\t\t\t\t\t\t\t</cells>\n\t\t\t\t\t\t\t\t</ColumnListItem>\n\t\t\t\t\t\t\t</items>\n\t\t\t\t\t\t</Table>\n\t\t\t</l:SplitPane>\n\t\t</l:PaneContainer>\n\t</l:ResponsiveSplitter>\n</mvc:View>"
304
+ },
305
+ "sap.m/TableContextualWidthStatic": {
306
+ "Component.js": "sap.ui.define(['sap/ui/core/UIComponent'],\n\tfunction(UIComponent) {\n\t\"use strict\";\n\n\tvar Component = UIComponent.extend(\"sap.m.sample.TableContextualWidthStatic.Component\", {\n\n\t\tmetadata : {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n\n\treturn Component;\n\n});\n",
307
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.m.sample.TableContextualWidthStatic\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.m.sample.TableContextualWidthStatic.Table\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.m\": {},\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.layout\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"Table.view.xml\",\n\t\t\t\t\t\"Table.controller.js\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
308
+ "Table.controller.js": "sap.ui.define([\n\t\t'sap/ui/core/mvc/Controller',\n\t\t'sap/ui/model/json/JSONModel'\n\t], function(Controller, JSONModel) {\n\t\"use strict\";\n\n\tvar TableController = Controller.extend(\"sap.m.sample.TableContextualWidthStatic.Table\", {\n\n\t\tonInit: function () {\n\t\t\tvar oModel = new JSONModel();\n\t\t\toModel.setData(this.oData);\n\t\t\tthis.getView().setModel(oModel);\n\t\t},\n\n\t\tonPress: function () {\n\t\t\tthis.getView().byId(\"table\").setContextualWidth(\"100px\");\n\t\t},\n\n\t\toData: [\n\t\t\t\t\t\t{firstName:\"John\", lastName:\"Doe\",birthDate:\"1986-05-11\",gender:\"Male\"},\n\t\t\t\t\t\t{firstName:\"Harry\", lastName:\"Potter\",birthDate:\"1976-05-19\",gender:\"Male\"},\n\t\t\t\t\t\t{firstName:\"Heinz\", lastName:\"Piper\",birthDate:\"1989-08-08\",gender:\"Male\"},\n\t\t\t\t\t\t{firstName:\"Indiana\", lastName:\"Jones\",birthDate:\"1991-12-03\",gender:\"Male\"},\n\t\t\t\t\t\t{firstName:\"Darth\", lastName:\"Vader\",birthDate:\"1977-02-24\",gender:\"Male\"},\n\t\t\t\t\t\t{firstName:\"Barbara\", lastName:\"Dreher\",birthDate:\"1999-08-31\",gender:\"Female\"},\n\t\t\t\t\t\t{firstName:\"Dante\", lastName:\"Alighieri\",birthDate:\"1982-04-22\",gender:\"Male\"},\n\t\t\t\t\t\t{firstName:\"Mark\", lastName:\"Anson\",birthDate:\"1984-05-24\",gender:\"Male\"},\n\t\t\t\t\t\t{firstName:\"Jane\", lastName:\"Doe\",birthDate:\"1976-07-17\",gender:\"Female\"},\n\t\t\t\t\t\t{firstName:\"Sean\", lastName:\"Penn\",birthDate:\"1977-09-15\",gender:\"Male\"},\n\t\t\t\t\t\t{firstName:\"Terry\", lastName:\"Jones\",birthDate:\"1988-06-07\",gender:\"Male\"},\n\t\t\t\t\t\t{firstName:\"Leia\", lastName:\"Vader\",birthDate:\"1991-11-09\",gender:\"Female\"},\n\t\t\t\t\t\t{firstName:\"Karla\", lastName:\"Damon\",birthDate:\"1981-12-08\",gender:\"Female\"},\n\t\t\t\t\t\t{firstName:\"Andante\", lastName:\"Allegro\",birthDate:\"1985-07-02\",gender:\"Male\"},\n\t\t\t\t\t\t{firstName:\"John\", lastName:\"Dufke\",birthDate:\"1979-08-17\",gender:\"Male\"},\n\t\t\t\t\t\t{firstName:\"Hermione\", lastName:\"Potter\",birthDate:\"1971-06-15\",gender:\"Female\"},\n\t\t\t\t\t\t{firstName:\"Dante\", lastName:\"Alioli\",birthDate:\"1987-05-11\",gender:\"Male\"},\n\t\t\t\t\t\t{firstName:\"Heinz\", lastName:\"Pepper\",birthDate:\"1995-10-21\",gender:\"Male\"},\n\t\t\t\t\t\t{firstName:\"John\", lastName:\"Johnson\",birthDate:\"1981-10-26\",gender:\"Male\"},\n\t\t\t\t\t\t{firstName:\"Luke\", lastName:\"Vader\",birthDate:\"1972-06-06\",gender:\"Male\"},\n\t\t\t\t\t\t{firstName:\"Petra\", lastName:\"Delorean\",birthDate:\"1988-04-24\",gender:\"Female\"},\n\t\t\t\t\t\t{firstName:\"Venus\", lastName:\"Botticelli\",birthDate:\"1976-09-08\",gender:\"Female\"}\n\t\t\t\t]\n\t});\n\n\treturn TableController;\n\n});",
309
+ "Table.view.xml": "<mvc:View\n\tcontrollerName=\"sap.m.sample.TableContextualWidthStatic.Table\"\n\txmlns:l=\"sap.ui.layout\"\n\txmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns=\"sap.m\">\n\t<MessageStrip\n\t\ttext=\"Table is initially setting contexualWidth to 500px. Press button to change the ContextualWidth.\"\n\t\ttype=\"Success\"\n\t\tclass=\"sapUiSmallMargin\"\n\t\tshowIcon=\"true\"/>\n\t\t\t<OverflowToolbar>\n\t\t\t\t<Button\n\t\t\t\t\ttext=\"change contexualWidth to 100px\"\n\t\t\t\t\tpress=\"onPress\"/>\n\t\t\t</OverflowToolbar>\n\t\t<Table id=\"table\"\n\t\t\tcontextualWidth=\"500px\"\n\t\t\tpopinLayout=\"GridSmall\"\n\t\t\theaderText=\"Products\"\n\t\t\titems=\"{\n\t\t\tpath: '/'}\">\n\n\t\t<columns>\n\t\t\t<Column>\n\t\t\t\t<header>\n\t\t\t\t\t<Label text=\"First Name\" />\n\t\t\t\t</header>\n\t\t\t</Column>\n\t\t\t<Column\n\t\t\t\tdemandPopin=\"true\"\n\t\t\t\tminScreenWidth=\"Phone\">\n\t\t\t\t<header>\n\t\t\t\t\t<Label text=\"Last Name\" />\n\t\t\t\t</header>\n\t\t\t</Column>\n\t\t\t<Column\n\t\t\t\tminScreenWidth=\"Phone\"\n\t\t\t\tdemandPopin=\"true\"\n\t\t\t\tpopinDisplay=\"Inline\"\n\t\t\t\thAlign=\"Right\">\n\t\t\t\t<header>\n\t\t\t\t\t<Label text=\"Birth Date\" />\n\t\t\t\t</header>\n\t\t\t</Column>\n\t\t\t<Column\n\t\t\t\twidth=\"4rem\"\n\t\t\t\tdemandPopin=\"true\"\n\t\t\t\thAlign=\"Right\"\n\t\t\t\tminScreenWidth=\"Tablet\"\n\t\t\t\tpopinDisplay=\"Inline\">\n\t\t\t\t<header>\n\t\t\t\t\t<Label text=\"Gender\" />\n\t\t\t\t</header>\n\t\t\t</Column>\n\t\t</columns>\n\t\t<items>\n\t\t\t<ColumnListItem>\n\t\t\t\t<cells>\n\t\t\t\t\t<Label\n\t\t\t\t\t\ttext=\"{firstName}\"/>\n\t\t\t\t\t<Label\n\t\t\t\t\t\ttext=\"{lastName}\" />\n\t\t\t\t\t<Label\n\t\t\t\t\t\ttext=\"{birthDate}\" />\n\t\t\t\t\t<Label\n\t\t\t\t\t\ttext=\"{gender}\"/>\n\t\t\t\t</cells>\n\t\t\t</ColumnListItem>\n\t\t</items>\n\t</Table>\n</mvc:View>"
310
+ },
311
+ "sap.m/TableDnD": {
312
+ "AvailableProducts.controller.js": "sap.ui.define([\n\t\"sap/ui/core/mvc/Controller\",\n\t\"./Utils\"\n], function(Controller, Utils) {\n\t\"use strict\";\n\n\treturn Controller.extend(\"sap.m.sample.TableDnD.AvailableProducts\", {\n\n\t\tonDropAvailableProductsTable: function(oEvent) {\n\t\t\tvar oDraggedItem = oEvent.getParameter(\"draggedControl\");\n\t\t\tvar oDraggedItemContext = oDraggedItem.getBindingContext();\n\t\t\tif (!oDraggedItemContext) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// reset the rank property and update the model to refresh the bindings\n\t\t\tvar oAvailableProductsTable = Utils.getAvailableProductsTable(this);\n\t\t\tvar oProductsModel = oAvailableProductsTable.getModel();\n\t\t\toProductsModel.setProperty(\"Rank\", Utils.ranking.Initial, oDraggedItemContext);\n\t\t},\n\n\t\tmoveToSelectedProductsTable: function() {\n\t\t\tvar oAvailableProductsTable = Utils.getAvailableProductsTable(this);\n\t\t\tUtils.getSelectedItemContext(oAvailableProductsTable, function(oAvailableItemContext, iAvailableItemIndex) {\n\t\t\t\tvar oSelectedProductsTable = Utils.getSelectedProductsTable(this);\n\t\t\t\tvar oFirstItemOfSelectedProductsTable = oSelectedProductsTable.getItems()[0];\n\t\t\t\tvar iNewRank = Utils.ranking.Default;\n\n\t\t\t\tif (oFirstItemOfSelectedProductsTable) {\n\t\t\t\t\tvar oFirstContextOfSelectedProductsTable = oFirstItemOfSelectedProductsTable.getBindingContext();\n\t\t\t\t\tiNewRank = Utils.ranking.Before(oFirstContextOfSelectedProductsTable.getProperty(\"Rank\"));\n\t\t\t\t}\n\n\t\t\t\tvar oProductsModel = oAvailableProductsTable.getModel();\n\t\t\t\toProductsModel.setProperty(\"Rank\", iNewRank, oAvailableItemContext);\n\n\t\t\t\t// select the inserted and previously selected item\n\t\t\t\toSelectedProductsTable.getItems()[0].setSelected(true);\n\t\t\t\tvar oPrevSelectedItem = oAvailableProductsTable.getItems()[iAvailableItemIndex];\n\t\t\t\tif (oPrevSelectedItem) {\n\t\t\t\t\toPrevSelectedItem.setSelected(true);\n\t\t\t\t}\n\t\t\t}.bind(this));\n\t\t},\n\n\t\tonBeforeOpenContextMenu: function(oEvent) {\n\t\t\toEvent.getParameter(\"listItem\").setSelected(true);\n\t\t}\n\t});\n\n});\n",
313
+ "AvailableProducts.view.xml": "<mvc:View\n\tcontrollerName=\"sap.m.sample.TableDnD.AvailableProducts\"\n\txmlns:dnd=\"sap.ui.core.dnd\"\n\txmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns:c=\"sap.ui.core\"\n\txmlns=\"sap.m\"\n\theight=\"100%\">\n\t<Table\n\t\tid=\"table\"\n\t\tmode=\"SingleSelectMaster\"\n\t\tgrowing=\"true\"\n\t\tgrowingThreshold=\"10\"\n\t\tbeforeOpenContextMenu=\"onBeforeOpenContextMenu\"\n\t\titems=\"{\n\t\t\tpath: '/ProductCollection',\n\t\t\tfilters: {path: 'Rank', operator: 'EQ', value1: '0'}\n\t\t}\">\n\t\t<contextMenu>\n\t\t\t<Menu>\n\t\t\t\t<MenuItem text=\"Move to Selected Products\" press=\"moveToSelectedProductsTable\" />\n\t\t\t</Menu>\n\t\t</contextMenu>\n\t\t<headerToolbar>\n\t\t\t<OverflowToolbar>\n\t\t\t\t<Title text=\"Available Products\" />\n\t\t\t</OverflowToolbar>\n\t\t</headerToolbar>\n\t\t<columns>\n\t\t\t<Column>\n\t\t\t\t<Text text=\"Product Name\" />\n\t\t\t</Column>\n\t\t\t<Column>\n\t\t\t\t<Text text=\"Category\" />\n\t\t\t</Column>\n\t\t\t<Column\n\t\t\t\thAlign=\"End\"\n\t\t\t\twidth=\"6rem\">\n\t\t\t\t<Text text=\"Quantity\" />\n\t\t\t</Column>\n\t\t</columns>\n\t\t<dragDropConfig>\n\t\t\t<dnd:DragInfo\n\t\t\t\tgroupName=\"available2selected\"\n\t\t\t\tsourceAggregation=\"items\" />\n\t\t\t<dnd:DropInfo\n\t\t\t\tgroupName=\"selected2available\"\n\t\t\t\tdrop=\"onDropAvailableProductsTable\" />\n\t\t</dragDropConfig>\n\t\t<items>\n\t\t\t<ColumnListItem>\n\t\t\t\t<cells>\n\t\t\t\t\t<Text text=\"{Name}\" wrapping=\"false\" />\n\t\t\t\t\t<Text text=\"{Category}\" wrapping=\"false\" />\n\t\t\t\t\t<Text text=\"{\n\t\t\t\t\t\tpath: 'Quantity',\n\t\t\t\t\t\ttype: 'sap.ui.model.type.Integer'\n\t\t\t\t\t}\" />\n\t\t\t\t</cells>\n\t\t\t</ColumnListItem>\n\t\t</items>\n\t</Table>\n</mvc:View>",
314
+ "Component.js": "sap.ui.define([\n\t'sap/ui/core/UIComponent'\n], function(UIComponent) {\n\t\"use strict\";\n\n\treturn UIComponent.extend(\"sap.m.sample.TableDnD.Component\", {\n\t\tmetadata : {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n\n});\n",
315
+ "Controller.controller.js": "sap.ui.define([\n\t\"sap/ui/core/mvc/Controller\",\n\t\"sap/ui/model/json/JSONModel\",\n\t\"./Utils\",\n\t\"sap/ui/thirdparty/jquery\"\n], function(Controller, JSONModel, Utils, jQuery) {\n\t\"use strict\";\n\n\treturn Controller.extend(\"sap.m.sample.TableDnD.Controller\", {\n\n\t\tonInit: function () {\n\t\t\t// set explored app's demo model on this sample\n\t\t\tthis.oProductsModel = this.initSampleProductsModel();\n\t\t\tthis.getView().setModel(this.oProductsModel);\n\t\t},\n\n\t\tonExit: function() {\n\t\t\tthis.oProductsModel.destroy();\n\t\t},\n\n\t\tinitSampleProductsModel: function() {\n\t\t\tvar oModel = new JSONModel();\n\n\t\t\tjQuery.ajax({\n\t\t\t\turl: sap.ui.require.toUrl(\"sap/ui/demo/mock/products.json\"),\n\t\t\t\tdataType: \"json\"\n\t\t\t}).then(function(oData) {\n\t\t\t\t// prepare and initialize the rank property\n\t\t\t\toData.ProductCollection.forEach(function(oProduct) {\n\t\t\t\t\toProduct.Rank = Utils.ranking.Initial;\n\t\t\t\t}, this);\n\n\t\t\t\toModel.setData(oData);\n\t\t\t});\n\n\t\t\treturn oModel;\n\t\t},\n\n\t\tmoveToAvailableProductsTable: function() {\n\t\t\tthis.byId(\"selectedProducts\").getController().moveToAvailableProductsTable();\n\t\t},\n\n\t\tmoveToSelectedProductsTable: function() {\n\t\t\tthis.byId(\"availableProducts\").getController().moveToSelectedProductsTable();\n\t\t}\n\t});\n\n});",
316
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.m.sample.TableDnD\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.m.sample.TableDnD.View\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.m\": {},\n\t\t\t\t\"sap.ui.core\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"stretch\": true,\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"View.view.xml\",\n\t\t\t\t\t\"Controller.controller.js\",\n\t\t\t\t\t\"AvailableProducts.view.xml\",\n\t\t\t\t\t\"AvailableProducts.controller.js\",\n\t\t\t\t\t\"SelectedProducts.view.xml\",\n\t\t\t\t\t\"SelectedProducts.controller.js\",\n\t\t\t\t\t\"Utils.js\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
317
+ "SelectedProducts.controller.js": "sap.ui.define([\n\t\"sap/ui/core/mvc/Controller\",\n\t\"sap/m/ColumnListItem\",\n\t\"./Utils\"\n], function(Controller, ColumnListItem, Utils) {\n\t\"use strict\";\n\n\treturn Controller.extend(\"sap.m.sample.TableDnD.SelectedProducts\", {\n\n\t\tmoveToAvailableProductsTable: function() {\n\t\t\tvar oSelectedProductsTable = Utils.getSelectedProductsTable(this);\n\t\t\tUtils.getSelectedItemContext(oSelectedProductsTable, function(oSelectedItemContext, iSelectedItemIndex) {\n\t\t\t\t// reset the rank property and update the model to refresh the bindings\n\t\t\t\tvar oProductsModel = oSelectedProductsTable.getModel();\n\t\t\t\toProductsModel.setProperty(\"Rank\", Utils.ranking.Initial, oSelectedItemContext);\n\n\t\t\t\t// select the previously selected position\n\t\t\t\tvar aItemsOfSelectedProductsTable = oSelectedProductsTable.getItems();\n\t\t\t\tvar oPrevItem = aItemsOfSelectedProductsTable[Math.min(iSelectedItemIndex, aItemsOfSelectedProductsTable.length - 1)];\n\t\t\t\tif (oPrevItem) {\n\t\t\t\t\toPrevItem.setSelected(true);\n\t\t\t\t}\n\t\t\t});\n\t\t},\n\n\t\tonDropSelectedProductsTable: function(oEvent) {\n\t\t\tvar oDraggedItem = oEvent.getParameter(\"draggedControl\");\n\t\t\tvar oDraggedItemContext = oDraggedItem.getBindingContext();\n\t\t\tif (!oDraggedItemContext) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tvar oRanking = Utils.ranking;\n\t\t\tvar iNewRank = oRanking.Default;\n\t\t\tvar oDroppedItem = oEvent.getParameter(\"droppedControl\");\n\n\t\t\tif (oDroppedItem instanceof ColumnListItem) {\n\t\t\t\t// get the dropped row data\n\t\t\t\tvar sDropPosition = oEvent.getParameter(\"dropPosition\");\n\t\t\t\tvar oDroppedItemContext = oDroppedItem.getBindingContext();\n\t\t\t\tvar iDroppedItemRank = oDroppedItemContext.getProperty(\"Rank\");\n\t\t\t\tvar oDroppedTable = oDroppedItem.getParent();\n\t\t\t\tvar iDroppedItemIndex = oDroppedTable.indexOfItem(oDroppedItem);\n\n\t\t\t\t// find the new index of the dragged row depending on the drop position\n\t\t\t\tvar iNewItemIndex = iDroppedItemIndex + (sDropPosition === \"After\" ? 1 : -1);\n\t\t\t\tvar oNewItem = oDroppedTable.getItems()[iNewItemIndex];\n\t\t\t\tif (!oNewItem) {\n\t\t\t\t\t// dropped before the first row or after the last row\n\t\t\t\t\tiNewRank = oRanking[sDropPosition](iDroppedItemRank);\n\t\t\t\t} else {\n\t\t\t\t\t// dropped between first and the last row\n\t\t\t\t\tvar oNewItemContext = oNewItem.getBindingContext();\n\t\t\t\t\tiNewRank = oRanking.Between(iDroppedItemRank, oNewItemContext.getProperty(\"Rank\"));\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// set the rank property and update the model to refresh the bindings\n\t\t\tvar oSelectedProductsTable = Utils.getSelectedProductsTable(this);\n\t\t\tvar oProductsModel = oSelectedProductsTable.getModel();\n\t\t\toProductsModel.setProperty(\"Rank\", iNewRank, oDraggedItemContext);\n\t\t},\n\n\t\tmoveSelectedItem: function(sDirection) {\n\t\t\tvar oSelectedProductsTable = Utils.getSelectedProductsTable(this);\n\t\t\tUtils.getSelectedItemContext(oSelectedProductsTable, function(oSelectedItemContext, iSelectedItemIndex) {\n\t\t\t\tvar iSiblingItemIndex = iSelectedItemIndex + (sDirection === \"Up\" ? -1 : 1);\n\t\t\t\tvar oSiblingItem = oSelectedProductsTable.getItems()[iSiblingItemIndex];\n\t\t\t\tvar oSiblingItemContext = oSiblingItem.getBindingContext();\n\t\t\t\tif (!oSiblingItemContext) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// swap the selected and the siblings rank\n\t\t\t\tvar oProductsModel = oSelectedProductsTable.getModel();\n\t\t\t\tvar iSiblingItemRank = oSiblingItemContext.getProperty(\"Rank\");\n\t\t\t\tvar iSelectedItemRank = oSelectedItemContext.getProperty(\"Rank\");\n\n\t\t\t\toProductsModel.setProperty(\"Rank\", iSiblingItemRank, oSelectedItemContext);\n\t\t\t\toProductsModel.setProperty(\"Rank\", iSelectedItemRank, oSiblingItemContext);\n\n\t\t\t\t// after move select the sibling\n\t\t\t\toSelectedProductsTable.getItems()[iSiblingItemIndex].setSelected(true).focus();\n\t\t\t});\n\t\t},\n\n\t\tmoveUp: function(oEvent) {\n\t\t\tthis.moveSelectedItem(\"Up\");\n\t\t\toEvent.getSource().focus();\n\t\t},\n\n\t\tmoveDown: function(oEvent) {\n\t\t\tthis.moveSelectedItem(\"Down\");\n\t\t\toEvent.getSource().focus();\n\t\t},\n\n\t\tonBeforeOpenContextMenu: function(oEvent) {\n\t\t\toEvent.getParameters().listItem.setSelected(true);\n\t\t}\n\t});\n\n});\n",
318
+ "SelectedProducts.view.xml": "<mvc:View\n\tcontrollerName=\"sap.m.sample.TableDnD.SelectedProducts\"\n\txmlns:dnd=\"sap.ui.core.dnd\"\n\txmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns:c=\"sap.ui.core\"\n\txmlns=\"sap.m\"\n\theight=\"100%\">\n\t<Table\n\t\tid=\"table\"\n\t\tmode=\"SingleSelectMaster\"\n\t\tgrowing=\"true\"\n\t\tgrowingThreshold=\"10\"\n\t\tbeforeOpenContextMenu=\"onBeforeOpenContextMenu\"\n\t\titems=\"{\n\t\t\tpath: '/ProductCollection',\n\t\t\tfilters: {path: 'Rank', operator: 'GT', value1: '0'},\n\t\t\tsorter: {path: 'Rank', descending: true}\n\t\t}\"\n\t\tnoDataText=\"Please drag-and-drop products here.\">\n\t\t<contextMenu>\n\t\t\t<Menu>\n\t\t\t\t<MenuItem text=\"Move to Available Products\" press=\"moveToAvailableProductsTable\" />\n\t\t\t\t<MenuItem text=\"Move up\" press=\"moveUp\" />\n\t\t\t\t<MenuItem text=\"Move down\" press=\"moveDown\" />\n\t\t\t</Menu>\n\t\t</contextMenu>\n\t\t<headerToolbar>\n\t\t\t<OverflowToolbar>\n\t\t\t\t<Title text=\"Selected Products\" />\n\t\t\t\t<ToolbarSpacer/>\n\t\t\t\t<Button\n\t\t\t\t\ticon=\"sap-icon://navigation-up-arrow\"\n\t\t\t\t\ttooltip=\"Move up\"\n\t\t\t\t\tpress=\"moveUp\"/>\n\t\t\t\t<Button\n\t\t\t\t\ticon=\"sap-icon://navigation-down-arrow\"\n\t\t\t\t\ttooltip=\"Move down\"\n\t\t\t\t\tpress=\"moveDown\"/>\n\t\t\t</OverflowToolbar>\n\t\t</headerToolbar>\n\t\t<columns>\n\t\t\t<Column>\n\t\t\t\t<Text text=\"Product Name\" />\n\t\t\t</Column>\n\t\t\t<Column>\n\t\t\t\t<Text text=\"Category\" />\n\t\t\t</Column>\n\t\t\t<Column\n\t\t\t\thAlign=\"End\"\n\t\t\t\twidth=\"6rem\">\n\t\t\t\t<Text text=\"Quantity\" />\n\t\t\t</Column>\n\t\t</columns>\n\t\t<dragDropConfig>\n\t\t\t<dnd:DragInfo\n\t\t\t\tgroupName=\"selected2available\"\n\t\t\t\tsourceAggregation=\"items\" />\n\t\t\t<dnd:DropInfo\n\t\t\t\tgroupName=\"available2selected\"\n\t\t\t\ttargetAggregation=\"items\"\n\t\t\t\tdropPosition=\"Between\"\n\t\t\t\tdrop=\"onDropSelectedProductsTable\" />\n\t\t\t<dnd:DragDropInfo\n\t\t\t\tsourceAggregation=\"items\"\n\t\t\t\ttargetAggregation=\"items\"\n\t\t\t\tdropPosition=\"Between\"\n\t\t\t\tdrop=\"onDropSelectedProductsTable\"/>\n\t\t</dragDropConfig>\n\t\t<items>\n\t\t\t<ColumnListItem>\n\t\t\t\t<cells>\n\t\t\t\t\t<Text text=\"{Name}\" wrapping=\"false\" />\n\t\t\t\t\t<Text text=\"{Category}\" wrapping=\"false\" />\n\t\t\t\t\t<Text text=\"{\n\t\t\t\t\t\tpath: 'Quantity',\n\t\t\t\t\t\ttype: 'sap.ui.model.type.Integer'\n\t\t\t\t\t}\" />\n\t\t\t\t</cells>\n\t\t\t</ColumnListItem>\n\t\t</items>\n\t</Table>\n</mvc:View>",
319
+ "View.view.xml": "<mvc:View\n\tcontrollerName=\"sap.m.sample.TableDnD.Controller\"\n\txmlns:dnd=\"sap.ui.core.dnd\"\n\txmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns:c=\"sap.ui.core\"\n\txmlns=\"sap.m\"\n\theight=\"100%\">\n\t<Page\n\t\tshowHeader=\"false\"\n\t\tenableScrolling=\"true\"\n\t\tclass=\"sapUiContentPadding\">\n\t\t<content>\n\t\t\t<HBox renderType=\"Bare\">\n\t\t\t\t<mvc:XMLView id=\"availableProducts\" viewName=\"sap.m.sample.TableDnD.AvailableProducts\" async=\"true\"/>\n\t\t\t\t<VBox justifyContent=\"Center\" class=\"sapUiTinyMarginBeginEnd\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\tclass=\"sapUiTinyMarginBottom\"\n\t\t\t\t\t\ticon=\"sap-icon://navigation-right-arrow\"\n\t\t\t\t\t\ttooltip=\"Move to selected\"\n\t\t\t\t\t\tpress=\"moveToSelectedProductsTable\"/>\n\t\t\t\t\t<Button\n\t\t\t\t\t\ticon=\"sap-icon://navigation-left-arrow\"\n\t\t\t\t\t\ttooltip=\"Move to available\"\n\t\t\t\t\t\tpress=\"moveToAvailableProductsTable\"/>\n\t\t\t\t</VBox>\n\t\t\t\t<mvc:XMLView id=\"selectedProducts\" viewName=\"sap.m.sample.TableDnD.SelectedProducts\" async=\"true\"/>\n\t\t\t</HBox>\n\t\t</content>\n\t</Page>\n</mvc:View>"
320
+ },
321
+ "sap.m/TableEditable": {
322
+ "Component.js": "sap.ui.define(['sap/ui/core/UIComponent'],\n\tfunction(UIComponent) {\n\t\"use strict\";\n\n\tvar Component = UIComponent.extend(\"sap.m.sample.TableEditable.Component\", {\n\n\t\tmetadata : {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n\n\treturn Component;\n\n});\n",
323
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.m.sample.TableEditable\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.m.sample.TableEditable.Table\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.m\": {},\n\t\t\t\t\"sap.ui.core\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"stretch\": true,\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"Table.view.xml\",\n\t\t\t\t\t\"Table.controller.js\",\n\t\t\t\t\t\"Formatter.js\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
324
+ "Table.controller.js": "sap.ui.define([\n\t'sap/base/util/deepExtend',\n\t'./Formatter',\n\t'sap/ui/core/mvc/Controller',\n\t'sap/ui/model/json/JSONModel',\n\t'sap/m/ColumnListItem',\n\t'sap/m/Input',\n\t'sap/m/MessageToast'\n], function(deepExtend, Formatter, Controller, JSONModel, ColumnListItem, Input, MessageToast) {\n\t\"use strict\";\n\n\tvar TableController = Controller.extend(\"sap.m.sample.TableEditable.Table\", {\n\n\t\tonInit: function(evt) {\n\t\t\tthis.oModel = new JSONModel(sap.ui.require.toUrl(\"sap/ui/demo/mock/products.json\"));\n\t\t\tthis.oTable = this.byId(\"idProductsTable\");\n\t\t\tthis.getView().setModel(this.oModel);\n\t\t\tthis.oReadOnlyTemplate = this.byId(\"idProductsTable\").removeItem(0);\n\t\t\tthis.rebindTable(this.oReadOnlyTemplate, \"Navigation\");\n\t\t\tthis.oEditableTemplate = new ColumnListItem({\n\t\t\t\tcells: [\n\t\t\t\t\tnew Input({\n\t\t\t\t\t\tvalue: \"{Name}\"\n\t\t\t\t\t}), new Input({\n\t\t\t\t\t\tvalue: \"{Quantity}\",\n\t\t\t\t\t\tdescription: \"{UoM}\"\n\t\t\t\t\t}), new Input({\n\t\t\t\t\t\tvalue: \"{WeightMeasure}\",\n\t\t\t\t\t\tdescription: \"{WeightUnit}\"\n\t\t\t\t\t}), new Input({\n\t\t\t\t\t\tvalue: \"{Price}\",\n\t\t\t\t\t\tdescription: \"{CurrencyCode}\"\n\t\t\t\t\t})\n\t\t\t\t]\n\t\t\t});\n\t\t},\n\n\t\trebindTable: function(oTemplate, sKeyboardMode) {\n\t\t\tthis.oTable.bindItems({\n\t\t\t\tpath: \"/ProductCollection\",\n\t\t\t\ttemplate: oTemplate,\n\t\t\t\ttemplateShareable: true,\n\t\t\t\tkey: \"ProductId\"\n\t\t\t});\n\t\t},\n\n\t\tonEdit: function() {\n\t\t\tthis.aProductCollection = deepExtend([], this.oModel.getProperty(\"/ProductCollection\"));\n\t\t\tthis.byId(\"editButton\").setVisible(false);\n\t\t\tthis.byId(\"saveButton\").setVisible(true);\n\t\t\tthis.byId(\"cancelButton\").setVisible(true);\n\t\t\tthis.rebindTable(this.oEditableTemplate, \"Edit\");\n\t\t},\n\n\t\tonSave: function() {\n\t\t\tthis.byId(\"saveButton\").setVisible(false);\n\t\t\tthis.byId(\"cancelButton\").setVisible(false);\n\t\t\tthis.byId(\"editButton\").setVisible(true);\n\t\t\tthis.rebindTable(this.oReadOnlyTemplate, \"Navigation\");\n\t\t},\n\n\t\tonCancel: function() {\n\t\t\tthis.byId(\"cancelButton\").setVisible(false);\n\t\t\tthis.byId(\"saveButton\").setVisible(false);\n\t\t\tthis.byId(\"editButton\").setVisible(true);\n\t\t\tthis.oModel.setProperty(\"/ProductCollection\", this.aProductCollection);\n\t\t\tthis.rebindTable(this.oReadOnlyTemplate, \"Navigation\");\n\t\t},\n\n\t\tonOrder: function() {\n\t\t\tMessageToast.show(\"Order button pressed\");\n\t\t},\n\n\t\tonExit: function() {\n\t\t\tthis.aProductCollection = [];\n\t\t\tthis.oEditableTemplate.destroy();\n\t\t\tthis.oModel.destroy();\n\t\t},\n\n\t\tonPaste: function(oEvent) {\n\t\t\tvar aData = oEvent.getParameter(\"data\");\n\t\t\tMessageToast.show(\"Pasted Data: \" + aData);\n\t\t}\n\t});\n\n\treturn TableController;\n\n});",
325
+ "Table.view.xml": "<mvc:View\n\theight=\"100%\"\n\tcontrollerName=\"sap.m.sample.TableEditable.Table\"\n\txmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns=\"sap.m\">\n\n\t<Page showHeader=\"false\" enableScrolling=\"true\" class=\"sapUiContentPadding\"\n\t\tshowNavButton=\"false\">\n\n\t\t<content>\n\t\t\t<Table id=\"idProductsTable\" growing=\"true\" growingThreshold=\"10\" paste=\"onPaste\">\n\t\t\t\t<headerToolbar>\n\t\t\t\t\t<OverflowToolbar id=\"otbSubheader\">\n\t\t\t\t\t\t<Title text=\"Products\" level=\"H2\" />\n\t\t\t\t\t\t<ToolbarSpacer />\n\t\t\t\t\t\t<Button id=\"editButton\" text=\"Edit\" type=\"Transparent\"\n\t\t\t\t\t\t\tpress=\"onEdit\" />\n\t\t\t\t\t\t<Button id=\"saveButton\" text=\"Save\" type=\"Transparent\"\n\t\t\t\t\t\t\tpress=\"onSave\" visible=\"false\" />\n\t\t\t\t\t\t<Button id=\"cancelButton\" text=\"Cancel\" type=\"Transparent\"\n\t\t\t\t\t\t\tpress=\"onCancel\" visible=\"false\" />\n\t\t\t\t\t</OverflowToolbar>\n\t\t\t\t</headerToolbar>\n\t\t\t\t<columns>\n\t\t\t\t\t<Column width=\"12em\">\n\t\t\t\t\t\t<Text text=\"Product\" />\n\t\t\t\t\t</Column>\n\t\t\t\t\t<Column minScreenWidth=\"Tablet\" demandPopin=\"true\" hAlign=\"End\">\n\t\t\t\t\t\t<Text text=\"Quantity\" />\n\t\t\t\t\t</Column>\n\t\t\t\t\t<Column minScreenWidth=\"Tablet\" demandPopin=\"true\" hAlign=\"Center\">\n\t\t\t\t\t\t<Text text=\"Weight\" />\n\t\t\t\t\t</Column>\n\t\t\t\t\t<Column hAlign=\"End\">\n\t\t\t\t\t\t<Text text=\"Price\" />\n\t\t\t\t\t</Column>\n\t\t\t\t</columns>\n\t\t\t\t<items>\n\t\t\t\t\t<ColumnListItem vAlign=\"Middle\">\n\t\t\t\t\t\t<cells>\n\t\t\t\t\t\t\t<ObjectIdentifier title=\"{Name}\" text=\"{ProductId}\" />\n\t\t\t\t\t\t\t<ObjectNumber\n\t\t\t\t\t\t\t\tnumber=\"{\n\t\t\t\t\t\t\t\tpath:'Quantity',\n\t\t\t\t\t\t\t\ttype: 'sap.ui.model.type.String',\n\t\t\t\t\t\t\t\tformatOptions: {showMeasure: false}\n\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\t\tunit=\"{UoM}\" />\n\t\t\t\t\t\t\t<ObjectNumber number=\"{WeightMeasure}\" unit=\"{WeightUnit}\"\n\t\t\t\t\t\t\t\tstate=\"{\n\t\t\t\t\t\t\tpath: 'WeightMeasure',\n\t\t\t\t\t\t\tformatter: 'sap.m.sample.TableEditable.Formatter.weightState'\n\t\t\t\t\t\t}\" />\n\t\t\t\t\t\t\t<ObjectNumber\n\t\t\t\t\t\t\t\tnumber=\"{\n\t\t\t\t\t\t\t\tparts:[{path:'Price'},{path:'CurrencyCode'}],\n\t\t\t\t\t\t\t\ttype: 'sap.ui.model.type.Currency',\n\t\t\t\t\t\t\t\tformatOptions: {showMeasure: false}\n\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\t\tunit=\"{CurrencyCode}\" />\n\t\t\t\t\t\t</cells>\n\t\t\t\t\t</ColumnListItem>\n\t\t\t\t</items>\n\t\t\t</Table>\n\t\t</content>\n\t\t<footer>\n\t\t\t<OverflowToolbar id=\"otbFooter\">\n\t\t\t\t<ToolbarSpacer />\n\t\t\t\t<Button text=\"Order\" press=\"onOrder\">\n\t\t\t\t\t<layoutData>\n\t\t\t\t\t\t<OverflowToolbarLayoutData\n\t\t\t\t\t\t\tpriority=\"NeverOverflow\" />\n\t\t\t\t\t</layoutData>\n\t\t\t\t</Button>\n\t\t\t</OverflowToolbar>\n\t\t</footer>\n\n\t</Page>\n</mvc:View>\n"
326
+ },
327
+ "sap.m/TableLayout": {
328
+ "Component.js": "sap.ui.define(['sap/ui/core/UIComponent'],\n\tfunction(UIComponent) {\n\t\"use strict\";\n\n\tvar Component = UIComponent.extend(\"sap.m.sample.TableLayout.Component\", {\n\n\t\tmetadata : {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n\n\treturn Component;\n\n});\n",
329
+ "Dialog.fragment.xml": "<core:FragmentDefinition\n\txmlns=\"sap.m\"\n\txmlns:core=\"sap.ui.core\">\n\t<Dialog\n\t\ttitle=\"Table Dialog\"\n\t\tclass=\"sapUiContentPadding\" >\n\t\t<content>\n\t\t\t<Table\n\t\t\t\tmode=\"MultiSelect\"\n\t\t\t\titems=\"{\n\t\t\t\t\tpath: '/ProductCollection',\n\t\t\t\t\tsorter: {\n\t\t\t\t\t\tpath: 'Name'\n\t\t\t\t\t}\n\t\t\t\t}\">\n\t\t\t\t<headerToolbar>\n\t\t\t\t\t<Toolbar>\n\t\t\t\t\t\t<Title text=\"Products\" level=\"H2\"/>\n\t\t\t\t\t\t<ToolbarSpacer/>\n\t\t\t\t\t\t<CheckBox text=\"Fixed Layout\" selected=\"true\" select=\"onCheckBoxSelect\"/>\n\t\t\t\t\t</Toolbar>\n\t\t\t\t</headerToolbar>\n\t\t\t\t<columns>\n\t\t\t\t\t<Column>\n\t\t\t\t\t\t<Text text=\"Supplier Name\" />\n\t\t\t\t\t</Column>\n\t\t\t\t\t<Column hAlign=\"End\">\n\t\t\t\t\t\t<Text text=\"Product ID\" />\n\t\t\t\t\t</Column>\n\t\t\t\t</columns>\n\t\t\t\t<items>\n\t\t\t\t\t<ColumnListItem vAlign=\"Middle\" type=\"Navigation\">\n\t\t\t\t\t\t<cells>\n\t\t\t\t\t\t\t<Text text=\"{Name}\" wrapping=\"false\"/>\n\t\t\t\t\t\t\t<Text text=\"{ProductId}\" wrapping=\"false\" />\n\t\t\t\t\t\t</cells>\n\t\t\t\t\t</ColumnListItem>\n\t\t\t\t</items>\n\t\t\t</Table>\n\t\t</content>\n\t\t<beginButton>\n\t\t\t<Button text=\"Close\" press=\"onClosePressed\" />\n\t\t</beginButton>\n\t</Dialog>\n</core:FragmentDefinition>",
330
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.m.sample.TableLayout\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.m.sample.TableLayout.Table\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.m\": {},\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.layout\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"Table.view.xml\",\n\t\t\t\t\t\"Table.controller.js\",\n\t\t\t\t\t\"Dialog.fragment.xml\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
331
+ "Table.controller.js": "sap.ui.define([\n\t\t'sap/ui/core/Fragment',\n\t\t'sap/ui/core/mvc/Controller',\n\t\t\"sap/ui/core/syncStyleClass\",\n\t\t'sap/ui/model/json/JSONModel'\n\t], function(Fragment, Controller, syncStyleClass, JSONModel) {\n\t\"use strict\";\n\n\tvar TableController = Controller.extend(\"sap.m.sample.TableLayout.Table\", {\n\n\t\tonInit: function () {\n\t\t\tvar oModel = new JSONModel(sap.ui.require.toUrl(\"sap/ui/demo/mock/products.json\"));\n\t\t\tthis.getView().setModel(oModel);\n\t\t},\n\n\t\tonCheckBoxSelect: function (oEvent) {\n\t\t\tvar bFixedLayout = oEvent.getParameter(\"selected\");\n\t\t\tvar oTable = oEvent.getSource().getParent().getParent();\n\t\t\toTable.setFixedLayout(bFixedLayout);\n\t\t},\n\n\t\tonOpenPressed: function (oEvent) {\n\t\t\tvar oView = this.getView();\n\t\t\tif (!this._pDialog) {\n\t\t\t\tthis._pDialog = Fragment.load({\n\t\t\t\t\tid: oView.getId(),\n\t\t\t\t\tname: \"sap.m.sample.TableLayout.Dialog\",\n\t\t\t\t\tcontroller: this\n\t\t\t\t}).then(function(oDialog){\n\t\t\t\t\toView.addDependent(oDialog);\n\t\t\t\t\treturn oDialog;\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tthis._pDialog.then(function(oDialog){\n\t\t\t\t// toggle compact style for the dialog\n\t\t\t\tsyncStyleClass(\"sapUiSizeCompact\", oView, oDialog);\n\t\t\t\toDialog.open();\n\t\t\t});\n\t\t},\n\n\t\tonClosePressed: function (oEvent) {\n\t\t\tthis._pDialog.then(function(oDialog){\n\t\t\t\toDialog.close();\n\t\t\t});\n\t\t}\n\t});\n\n\treturn TableController;\n\n});",
332
+ "Table.view.xml": "<mvc:View\n\tcontrollerName=\"sap.m.sample.TableLayout.Table\"\n\txmlns:l=\"sap.ui.layout\"\n\txmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns=\"sap.m\">\n\t<Table\n\t\titems=\"{\n\t\t\tpath: '/ProductCollection',\n\t\t\tsorter: {\n\t\t\t\tpath: 'Name'\n\t\t\t}\n\t\t}\">\n\t\t<headerToolbar>\n\t\t\t<OverflowToolbar>\n\t\t\t\t<Title text=\"Products\" level=\"H2\"/>\n\t\t\t\t<ToolbarSpacer/>\n\t\t\t\t<CheckBox text=\"Fixed Layout\" selected=\"true\" select=\"onCheckBoxSelect\"/>\n\t\t\t\t<Button text=\"Open Dialog\" press=\"onOpenPressed\"/>\n\t\t\t</OverflowToolbar>\n\t\t</headerToolbar>\n\t\t<columns>\n\t\t\t<Column>\n\t\t\t\t<Text text=\"Product Name\" />\n\t\t\t</Column>\n\t\t\t<Column>\n\t\t\t\t<Text text=\"Supplier Name\" />\n\t\t\t</Column>\n\t\t\t<Column>\n\t\t\t\t<Text text=\"Description\" />\n\t\t\t</Column>\n\n\t\t</columns>\n\t\t<items>\n\t\t\t<ColumnListItem vAlign=\"Middle\" type=\"Navigation\">\n\t\t\t\t<cells>\n\t\t\t\t\t<Text text=\"{Name}\" wrapping=\"false\" />\n\t\t\t\t\t<Text text=\"{SupplierName}\" wrapping=\"false\"/>\n\t\t\t\t\t<Text text=\"{Description}\" />\n\t\t\t\t</cells>\n\t\t\t</ColumnListItem>\n\t\t</items>\n\t</Table>\n</mvc:View>"
333
+ },
334
+ "sap.m/TableMergeCells": {
335
+ "Component.js": "sap.ui.define(['sap/ui/core/UIComponent'],\n\tfunction(UIComponent) {\n\t\"use strict\";\n\n\tvar Component = UIComponent.extend(\"sap.m.sample.TableMergeCells.Component\", {\n\n\t\tmetadata : {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n\n\treturn Component;\n\n});\n",
336
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.m.sample.TableMergeCells\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.m.sample.TableMergeCells.Table\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.m\": {},\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.layout\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"Table.view.xml\",\n\t\t\t\t\t\"Table.controller.js\",\n\t\t\t\t\t\"Formatter.js\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
337
+ "Table.controller.js": "sap.ui.define([\n\t\t'./Formatter',\n\t\t'sap/ui/core/mvc/Controller',\n\t\t'sap/ui/model/json/JSONModel'\n\t], function(Formatter, Controller, JSONModel) {\n\t\"use strict\";\n\n\tvar TableController = Controller.extend(\"sap.m.sample.TableMergeCells.Table\", {\n\n\t\tonInit: function () {\n\n\t\t\t// set explored app's demo model on this sample\n\t\t\tvar oModel = new JSONModel(sap.ui.require.toUrl(\"sap/ui/demo/mock/products.json\"));\n\t\t\tthis.getView().setModel(oModel);\n\t\t}\n\t});\n\n\n\treturn TableController;\n\n});",
338
+ "Table.view.xml": "<mvc:View\n\tcontrollerName=\"sap.m.sample.TableMergeCells.Table\"\n\txmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns=\"sap.m\">\n\t<Table\n\t\theaderText=\"Products\"\n\t\titems=\"{\n\t\t\tpath:'/ProductCollection',\n\t\t\tsorter: {\n\t\t\t\tpath: 'SupplierName',\n\t\t\t\tdescending: false\n\t\t\t}\n\t\t}\" >\n\t\t<columns>\n\t\t\t<Column mergeDuplicates=\"true\">\n\t\t\t\t<header>\n\t\t\t\t\t<Text text=\"Supplier\" />\n\t\t\t\t</header>\n\t\t\t</Column>\n\t\t\t<Column mergeDuplicates=\"true\">\n\t\t\t\t<header>\n\t\t\t\t\t<Text text=\"Product\" />\n\t\t\t\t</header>\n\t\t\t</Column>\n\t\t\t<Column\n\t\t\t\tminScreenWidth=\"Tablet\"\n\t\t\t\tdemandPopin=\"true\"\n\t\t\t\thAlign=\"End\" >\n\t\t\t\t<header>\n\t\t\t\t\t<Text text=\"Dimensions\" />\n\t\t\t\t</header>\n\t\t\t</Column>\n\t\t\t<Column\n\t\t\t\tminScreenWidth=\"Tablet\"\n\t\t\t\tdemandPopin=\"true\"\n\t\t\t\thAlign=\"Center\" >\n\t\t\t\t<header>\n\t\t\t\t\t<Text text=\"Weight\" />\n\t\t\t\t</header>\n\t\t\t</Column>\n\t\t\t<Column hAlign=\"End\">\n\t\t\t\t<header>\n\t\t\t\t\t<Text text=\"Price\" />\n\t\t\t\t</header>\n\t\t\t</Column>\n\t\t</columns>\n\t\t<ColumnListItem vAlign=\"Middle\">\n\t\t\t<Text text=\"{SupplierName}\" />\n\t\t\t<ObjectIdentifier title=\"{Name}\" text=\"{ProductId}\" />\n\t\t\t<Text text=\"{Width} x {Depth} x {Height} {DimUnit}\" />\n\t\t\t<ObjectNumber\n\t\t\t\tnumber=\"{WeightMeasure}\" unit=\"{WeightUnit}\"\n\t\t\t\tstate=\"{\n\t\t\t\t\tpath: 'WeightMeasure',\n\t\t\t\t\tformatter: 'sap.m.sample.TableMergeCells.Formatter.weightState'\n\t\t\t\t}\" />\n\t\t\t<ObjectNumber\n\t\t\t\t\tnumber=\"{\n\t\t\t\t\t\tparts:[{path:'Price'},{path:'CurrencyCode'}],\n\t\t\t\t\t\ttype: 'sap.ui.model.type.Currency',\n\t\t\t\t\t\tformatOptions: {showMeasure: false}\n\t\t\t\t\t}\"\n\t\t\t\t\tunit=\"{CurrencyCode}\" />\n\t\t</ColumnListItem>\n\t</Table>\n</mvc:View>"
339
+ },
340
+ "sap.m/TableMultiSelectMode": {
341
+ "Component.js": "sap.ui.define(['sap/ui/core/UIComponent'],\n\tfunction(UIComponent) {\n\t\"use strict\";\n\n\tvar Component = UIComponent.extend(\"sap.m.sample.TableMultiSelectMode.Component\", {\n\n\t\tmetadata : {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n\n\treturn Component;\n\n});\n",
342
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.m.sample.TableMultiSelectMode\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.m.sample.TableMultiSelectMode.Table\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.m\": {},\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.layout\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"Table.view.xml\",\n\t\t\t\t\t\"Table.controller.js\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
343
+ "Table.controller.js": "sap.ui.define([\n\t\t'sap/ui/core/mvc/Controller',\n\t\t'sap/ui/model/json/JSONModel'\n\t], function(Controller, JSONModel) {\n\t\"use strict\";\n\n\tvar TableController = Controller.extend(\"sap.m.sample.TableMultiSelectMode.Table\", {\n\n\t\tonInit: function () {\n\t\t\t// set explored app's demo model on this sample\n\t\t\tvar oModel = new JSONModel(sap.ui.require.toUrl(\"sap/ui/demo/mock/products.json\"));\n\t\t\tthis.getView().setModel(oModel);\n\t\t},\n\n\t\tonSelectionChange: function(oEvent) {\n\t\t\tvar oComboBox = this.getView().byId(\"idComboBoxSuccess\");\n\t\t\tvar oTable = this.getView().byId(\"idProductsTable\");\n\t\t\tvar sMode = oComboBox.getSelectedKey();\n\t\t\tif (sMode != \"\") {\n\t\t\t\toTable.setMultiSelectMode(sMode);\n\t\t\t}\n\t\t}\n\t});\n\n\treturn TableController;\n\n});",
344
+ "Table.view.xml": "<mvc:View\n\tcontrollerName=\"sap.m.sample.TableMultiSelectMode.Table\"\n\txmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns=\"sap.m\"\n\txmlns:core=\"sap.ui.core\">\n\t<Table id=\"idProductsTable\"\n\t\tinset=\"false\"\n\t\tmode=\"MultiSelect\"\n\t\titems=\"{\n\t\t\tpath: '/ProductCollection',\n\t\t\tsorter: {\n\t\t\t\tpath: 'Name'\n\t\t\t}\n\t\t}\">\n\t\t<headerToolbar>\n\t\t\t<OverflowToolbar>\n\t\t\t\t<Title text=\"Products\" level=\"H2\"/>\n\t\t\t\t<ToolbarSpacer/>\n\t\t\t\t<Label text=\"Multi selection modes\" labelFor=\"idComboBoxSuccess\"></Label>\n\t\t\t\t<ComboBox id=\"idComboBoxSuccess\" selectedKey=\"Default\" selectionChange=\".onSelectionChange\">\n\t\t\t\t\t<core:Item text=\"Default\" key=\"Default\"></core:Item>\n\t\t\t\t\t<core:Item text=\"ClearAll\" key=\"ClearAll\"></core:Item>\n\t\t\t\t</ComboBox>\n\t\t\t</OverflowToolbar>\n\t\t</headerToolbar>\n\t\t<columns>\n\t\t\t<Column width=\"12em\">\n\t\t\t\t<Text text=\"Product\" />\n\t\t\t</Column>\n\t\t\t<Column minScreenWidth=\"Tablet\" demandPopin=\"true\">\n\t\t\t\t<Text text=\"Supplier\" />\n\t\t\t</Column>\n\t\t\t<Column minScreenWidth=\"Tablet\" demandPopin=\"true\" hAlign=\"End\">\n\t\t\t\t<Text text=\"Dimensions\" />\n\t\t\t</Column>\n\t\t</columns>\n\t\t<items>\n\t\t\t<ColumnListItem vAlign=\"Middle\">\n\t\t\t\t<cells>\n\t\t\t\t\t<ObjectIdentifier\n\t\t\t\t\t\ttitle=\"{Name}\"\n\t\t\t\t\t\ttext=\"{ProductId}\"/>\n\t\t\t\t\t<Text\n\t\t\t\t\t\ttext=\"{SupplierName}\" />\n\t\t\t\t\t<Text\n\t\t\t\t\t\ttext=\"{Width} x {Depth} x {Height} {DimUnit}\" />\n\t\t\t\t</cells>\n\t\t\t</ColumnListItem>\n\t\t</items>\n\t</Table>\n</mvc:View>"
345
+ },
346
+ "sap.m/TableNavigated": {
347
+ "Component.js": "sap.ui.define(['sap/ui/core/UIComponent'],\n\tfunction(UIComponent) {\n\t\"use strict\";\n\n\tvar Component = UIComponent.extend(\"sap.m.sample.TableNavigated.Component\", {\n\n\t\tmetadata : {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n\n\treturn Component;\n\n});\n",
348
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.m.sample.TableNavigated\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.m.sample.TableNavigated.Table\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.m\": {},\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.layout\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"Table.view.xml\",\n\t\t\t\t\t\"Table.controller.js\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
349
+ "Table.controller.js": "sap.ui.define([\n\t\t'sap/ui/core/mvc/Controller',\n\t\t'sap/ui/model/json/JSONModel'\n\t], function(Controller, JSONModel) {\n\t\"use strict\";\n\n\tvar TableController = Controller.extend(\"sap.m.sample.TableNavigated.Table\", {\n\n\t\tonInit: function () {\n\t\t\tvar oModel = new JSONModel(sap.ui.require.toUrl(\"sap/ui/demo/mock/products.json\"));\n\t\t\tvar oSettingsModel = new JSONModel({ navigatedItem: \"\"});\n\t\t\tthis.getView().setModel(oModel);\n\t\t\tthis.getView().setModel(oSettingsModel, 'settings');\n\t\t},\n\n\t\tonPress: function (oEvent) {\n\t\t\tvar oItem = oEvent.getSource();\n\t\t\tvar oBindingContext = oItem.getBindingContext();\n\t\t\tvar oModel = this.getView().getModel();\n\t\t\tvar oSettingsModel = this.getView().getModel('settings');\n\t\t\toSettingsModel.setProperty(\"/navigatedItem\", oModel.getProperty(\"ProductId\", oBindingContext));\n\t\t},\n\n\t\tisNavigated: function(sNavigatedItemId, sItemId) {\n\t\t\treturn sNavigatedItemId === sItemId;\n\t\t}\n\t});\n\n\n\treturn TableController;\n\n});",
350
+ "Table.view.xml": "<mvc:View\n\tcontrollerName=\"sap.m.sample.TableNavigated.Table\"\n\txmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns=\"sap.m\">\n\t<Table id=\"productsTable\"\n\t\titems=\"{/ProductCollection}\"\n\t\theaderText=\"Products (Click on an item to set as navigated)\">\n\t\t<columns>\n\t\t\t<Column id=\"productCol\" width=\"12em\"><Text text=\"Product\" /></Column>\n\t\t\t<Column id=\"supplierCol\" minScreenWidth=\"Tablet\" demandPopin=\"true\"><Text text=\"Supplier\" /></Column>\n\t\t\t<Column id=\"dimensionsCol\" minScreenWidth=\"Tablet\" demandPopin=\"true\" hAlign=\"End\"><Text text=\"Dimensions\" /></Column>\n\t\t</columns>\n\t\t<items>\n\t\t\t<ColumnListItem\n\t\t\t\ttype=\"Active\"\n\t\t\t\tvAlign=\"Middle\"\n\t\t\t\tnavigated=\"{\n\t\t\t\t\t\tparts: [\n\t\t\t\t\t\t\t'settings>/navigatedItem',\n\t\t\t\t\t\t\t'ProductId'\n\t\t\t\t\t\t],\n\t\t\t\t\t\tformatter: '.isNavigated'\n\t\t\t\t\t}\"\n\t\t\t\tpress=\"onPress\">\n\t\t\t\t<cells>\n\t\t\t\t\t<ObjectIdentifier title=\"{Name}\" text=\"{ProductId}\" />\n\t\t\t\t\t<Text text=\"{SupplierName}\" />\n\t\t\t\t\t<Text text=\"{Width} x {Depth} x {Height} {DimUnit}\" />\n\t\t\t\t</cells>\n\t\t\t</ColumnListItem>\n\t\t</items>\n\t</Table>\n</mvc:View>"
351
+ },
352
+ "sap.m/TableOutdated": {
353
+ "Component.js": "sap.ui.define(['sap/ui/core/UIComponent'],\n\tfunction(UIComponent) {\n\t\"use strict\";\n\n\tvar Component = UIComponent.extend(\"sap.m.sample.TableOutdated.Component\", {\n\n\t\tmetadata : {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n\n\treturn Component;\n\n});\n",
354
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.m.sample.TableOutdated\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.m.sample.TableOutdated.Table\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.m\": {},\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.layout\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"Table.view.xml\",\n\t\t\t\t\t\"Table.controller.js\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
355
+ "Table.controller.js": "sap.ui.define([\n\t\t'sap/ui/core/Component',\n\t\t'sap/ui/core/Core',\n\t\t'sap/ui/core/mvc/Controller',\n\t\t'sap/ui/model/Filter',\n\t\t'sap/ui/model/json/JSONModel'\n\t], function(Component, oCore, Controller, Filter, JSONModel) {\n\t\"use strict\";\n\n\tvar TableController = Controller.extend(\"sap.m.sample.TableOutdated.Table\", {\n\n\t\tonInit: function() {\n\t\t\tComponent.create({\n\t\t\t\tname : 'sap.m.sample.Table'\n\t\t\t})\n\t\t\t.then(function(oComp) {\n\t\t\t\t// set explored app's demo model on this sample\n\t\t\t\tvar oModel = new JSONModel(sap.ui.require.toUrl(\"sap/ui/demo/mock/products.json\"));\n\n\t\t\t\tthis.getView().setModel(oModel);\n\n\t\t\t\t// reuse table sample component, but w/o header toolbar\n\t\t\t\toComp.setModel(this.getView().getModel());\n\t\t\t\tthis._oTable = oComp.getTable();\n\t\t\t\tthis._oTable.getHeaderToolbar().setVisible(false);\n\t\t\t\tthis.byId(\"tableLayout\").insertContent(this._oTable);\n\t\t\t}.bind(this));\n\t\t},\n\t\tonChange: function(oEvent) {\n\t\t\tif ( !this._oTable ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\t// getting the value of Combobox\n\t\t\tthis._oTable && this._oTable.setShowOverlay(true);\n\t\t},\n\t\tonReset: function(oEvent) {\n\t\t\tif ( !this._oTable ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\t// resetting the value of Combobox and initial state of the table\n\t\t\tvar oBinding = this._oTable.getBinding(\"items\");\n\t\t\toBinding.filter([]);\n\t\t\tthis._oTable.setShowOverlay(false);\n\t\t\tthis.byId(\"oComboBox\").setSelectedItem(null);\n\t\t},\n\t\tonSearch: function(oEvent) {\n\t\t\tif ( !this._oTable ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tvar comboBoxValue = this.byId(\"oComboBox\").getValue(),\n\t\t\t\toBinding = this._oTable.getBinding(\"items\"),\n\t\t\t\toFilter;\n\t\t\tif (comboBoxValue || comboBoxValue === \"\") {\n\t\t\t\tthis._oTable.setShowOverlay(false);\n\t\t\t\toFilter = new Filter(\"SupplierName\", \"EQ\", comboBoxValue);\n\t\t\t\toBinding.filter([oFilter]);\n\t\t\t}\n\t\t}\n\t});\n\n\n\treturn TableController;\n\n});",
356
+ "Table.view.xml": "<mvc:View\n\theight=\"100%\"\n\tcontrollerName=\"sap.m.sample.TableOutdated.Table\"\n\txmlns:core=\"sap.ui.core\"\n\txmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns:l=\"sap.ui.layout\"\n\txmlns=\"sap.m\">\n\n\t<OverflowToolbar>\n\t\t<ComboBox change=\"onChange\" selectionChange=\"onChange\" id=\"oComboBox\"\n\t\t items=\"{ path: '/ProductCollectionStats/Filters/1/values'}\">\n\t\t\t<core:Item text=\"{text}\" />\n\t\t</ComboBox>\n\n\t\t<Button\ttext=\"Filter\" press=\"onSearch\" icon=\"sap-icon://filter\"/>\n\t\t<Button\ttext=\"Reset\" press=\"onReset\" type=\"Transparent\"/>\n\t\t<ToolbarSpacer/>\n\n\t\t<SegmentedButton enabled=\"false\">\n\t\t\t<Button icon=\"sap-icon://settings\" />\n\t\t\t<Button icon=\"sap-icon://settings\" />\n\t\t\t<Button icon=\"sap-icon://settings\" />\n\t\t</SegmentedButton>\n\n\t</OverflowToolbar>\n \t<l:VerticalLayout id=\"tableLayout\"/>\n</mvc:View>"
357
+ },
358
+ "sap.m/TableScrollToIndex": {
359
+ "Component.js": "sap.ui.define(['sap/ui/core/UIComponent'],\nfunction (UIComponent) {\n\t\"use strict\";\n\n\treturn UIComponent.extend(\"sap.m.sample.TableScrollToIndex.Component\", {\n\t\tmetadata: {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n});\n",
360
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.m.sample.TableScrollToIndex\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"iframe\": \"webapp/index.html\",\n\t\t\t\t\"stretch\": true,\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"webapp/view/Detail.view.xml\",\n\t\t\t\t\t\"webapp/view/FlexibleColumnLayout.view.xml\",\n\t\t\t\t\t\"webapp/view/Master.view.xml\",\n\t\t\t\t\t\"webapp/controller/Detail.controller.js\",\n\t\t\t\t\t\"webapp/controller/FlexibleColumnLayout.controller.js\",\n\t\t\t\t\t\"webapp/controller/Master.controller.js\",\n\t\t\t\t\t\"webapp/Component.js\",\n\t\t\t\t\t\"webapp/index.html\",\n\t\t\t\t\t\"webapp/manifest.json\",\n\t\t\t\t\t\"ui5.yaml\",\n\t\t\t\t\t\"package.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
361
+ "webapp/Component.js": "sap.ui.define([\n\t\"sap/ui/core/UIComponent\",\n\t\"sap/ui/model/json/JSONModel\",\n\t\"sap/f/library\",\n\t\"sap/f/FlexibleColumnLayoutSemanticHelper\"\n], function (UIComponent, JSONModel, fioriLibrary, FlexibleColumnLayoutSemanticHelper) {\n\t\"use strict\";\n\n\tvar LayoutType = fioriLibrary.LayoutType;\n\n\tvar Component = UIComponent.extend(\"sap.m.TableScrollToIndex.Component\", {\n\t\tmetadata: {\n\t\t\tmanifest: \"json\"\n\t\t},\n\n\t\tinit: function () {\n\t\t\tUIComponent.prototype.init.apply(this, arguments);\n\n\t\t\tvar oModel = new JSONModel();\n\t\t\tthis.setModel(oModel);\n\n\t\t\t// set products demo model on this sample\n\t\t\tvar oProductsModel = new JSONModel(sap.ui.require.toUrl(\"sap/ui/demo/mock/products.json\"));\n\t\t\toProductsModel.setSizeLimit(1000);\n\t\t\tthis.setModel(oProductsModel, \"products\");\n\n\n\t\t\tthis.getRouter().initialize();\n\t\t},\n\n\t\t/**\n\t\t * Returns an instance of the semantic helper\n\t\t * @returns {sap.f.FlexibleColumnLayoutSemanticHelper} An instance of the semantic helper\n\t\t */\n\t\tgetHelper: function () {\n\t\t\tvar oFCL = this.getRootControl().byId(\"fcl\"),\n\t\t\t\toParams = new URLSearchParams(window.location.search),\n\t\t\t\toSettings = {\n\t\t\t\t\tdefaultTwoColumnLayoutType: LayoutType.TwoColumnsMidExpanded,\n\t\t\t\t\t//defaultThreeColumnLayoutType: LayoutType.ThreeColumnsMidExpanded,\n\t\t\t\t\tmode: oParams.get(\"mode\"),\n\t\t\t\t\tmaxColumnsCount: oParams.get(\"max\")\n\t\t\t\t};\n\n\t\t\treturn FlexibleColumnLayoutSemanticHelper.getInstanceFor(oFCL, oSettings);\n\t\t}\n\t});\n\treturn Component;\n});\n",
362
+ "webapp/controller/Detail.controller.js": "sap.ui.define([\n\t\"sap/ui/model/json/JSONModel\",\n\t\"sap/ui/core/mvc/Controller\"\n], function (JSONModel, Controller) {\n\t\"use strict\";\n\n\treturn Controller.extend(\"sap.m.TableScrollToIndex.controller.Detail\", {\n\t\tonInit: function () {\n\t\t\tthis.oRouter = this.getOwnerComponent().getRouter();\n\t\t\tthis.oModel = this.getOwnerComponent().getModel();\n\n\t\t\tthis.oRouter.getRoute(\"detail\").attachPatternMatched(this._onProductMatched, this);\n\t\t},\n\t\thandleFullScreen: function () {\n\t\t\tvar sNextLayout = this.oModel.getProperty(\"/actionButtonsInfo/midColumn/fullScreen\");\n\t\t\tthis.oRouter.navTo(\"detail\", {layout: sNextLayout, product: this._product});\n\t\t},\n\t\thandleExitFullScreen: function () {\n\t\t\tvar sNextLayout = this.oModel.getProperty(\"/actionButtonsInfo/midColumn/exitFullScreen\");\n\t\t\tthis.oRouter.navTo(\"detail\", {layout: sNextLayout, product: this._product});\n\t\t},\n\t\thandleClose: function () {\n\t\t\tvar sNextLayout = this.oModel.getProperty(\"/actionButtonsInfo/midColumn/closeColumn\");\n\t\t\tthis.oRouter.navTo(\"master\", {layout: sNextLayout});\n\t\t},\n\t\t_onProductMatched: function (oEvent) {\n\t\t\tthis._product = oEvent.getParameter(\"arguments\").product || this._product || \"0\";\n\t\t\tthis.getView().bindElement({\n\t\t\t\tpath: \"/ProductCollection/\" + this._product,\n\t\t\t\tmodel: \"products\"\n\t\t\t});\n\t\t}\n\t});\n});\n",
363
+ "webapp/controller/FlexibleColumnLayout.controller.js": "sap.ui.define([\n\t\"sap/ui/model/json/JSONModel\",\n\t\"sap/ui/core/mvc/Controller\"\n], function (JSONModel, Controller) {\n\t\"use strict\";\n\n\treturn Controller.extend(\"sap.m.TableScrollToIndex.controller.FlexibleColumnLayout\", {\n\t\tonInit: function () {\n\t\t\tthis.oRouter = this.getOwnerComponent().getRouter();\n\t\t\tthis.oRouter.attachRouteMatched(this.onRouteMatched, this);\n\t\t\tthis.oRouter.attachBeforeRouteMatched(this.onBeforeRouteMatched, this);\n\t\t},\n\n\t\tonBeforeRouteMatched: function(oEvent) {\n\t\t\tvar oModel = this.getOwnerComponent().getModel();\n\n\t\t\tvar sLayout = oEvent.getParameters().arguments.layout;\n\n\t\t\t// If there is no layout parameter, query for the default level 0 layout (normally OneColumn)\n\t\t\tif (!sLayout) {\n\t\t\t\tvar oNextUIState = this.getOwnerComponent().getHelper().getNextUIState(0);\n\t\t\t\tsLayout = oNextUIState.layout;\n\t\t\t}\n\n\t\t\t// Update the layout of the FlexibleColumnLayout\n\t\t\tif (sLayout) {\n\t\t\t\toModel.setProperty(\"/layout\", sLayout);\n\t\t\t}\n\t\t},\n\t\tonColumnResize: function(oEvent) {\n\t\t\t// This event is ideal to call scrollToIndex function of the Table\n\t\t\tvar oMasterView = oEvent.getSource().getBeginColumnPages()[0];\n\n\t\t\tif (oMasterView && oMasterView.getController().iIndex && oEvent.getParameter(\"beginColumn\")) {\n\t\t\t\tvar oTable = oMasterView.byId(\"productsTable\");\n\t\t\t\toTable.$().is(\":visible\") && oTable.scrollToIndex(oMasterView.getController().iIndex);\n\t\t\t}\n\n\t\t},\n\t\tonRouteMatched: function (oEvent) {\n\t\t\tvar sRouteName = oEvent.getParameter(\"name\"),\n\t\t\t\toArguments = oEvent.getParameter(\"arguments\");\n\n\t\t\tthis._updateUIElements();\n\n\t\t\t// Save the current route name\n\t\t\tthis.currentRouteName = sRouteName;\n\t\t\tthis.currentProduct = oArguments.product;\n\t\t\tthis.currentSupplier = oArguments.supplier;\n\t\t},\n\n\t\tonStateChanged: function (oEvent) {\n\n\t\t\tvar bIsNavigationArrow = oEvent.getParameter(\"isNavigationArrow\"),\n\t\t\t\tsLayout = oEvent.getParameter(\"layout\");\n\n\t\t\tthis._updateUIElements();\n\n\t\t\t// Replace the URL with the new layout if a navigation arrow was used\n\t\t\tif (bIsNavigationArrow) {\n\t\t\t\tthis.oRouter.navTo(this.currentRouteName, {layout: sLayout, product: this.currentProduct, supplier: this.currentSupplier}, true);\n\t\t\t}\n\t\t},\n\n\t\t// Update the close/fullscreen buttons visibility\n\t\t_updateUIElements: function () {\n\t\t\tvar oModel = this.getOwnerComponent().getModel();\n\t\t\tvar oUIState = this.getOwnerComponent().getHelper().getCurrentUIState();\n\t\t\toModel.setData(oUIState);\n\t\t},\n\n\t\tonExit: function () {\n\t\t\tthis.oRouter.detachRouteMatched(this.onRouteMatched, this);\n\t\t\tthis.oRouter.detachBeforeRouteMatched(this.onBeforeRouteMatched, this);\n\t\t}\n\t});\n});\n",
364
+ "webapp/controller/Master.controller.js": "sap.ui.define([\n\t\"sap/ui/model/json/JSONModel\",\n\t\"sap/ui/core/mvc/Controller\",\n\t\"sap/ui/model/Filter\",\n\t\"sap/ui/model/FilterOperator\",\n\t'sap/ui/model/Sorter',\n\t'sap/m/MessageBox'\n], function (JSONModel, Controller, Filter, FilterOperator, Sorter, MessageBox) {\n\t\"use strict\";\n\n\treturn Controller.extend(\"sap.m.TableScrollToIndex.controller.Master\", {\n\t\tonInit: function () {\n\t\t\tthis.oRouter = this.getOwnerComponent().getRouter();\n\t\t\tthis._bDescendingSort = false;\n\t\t},\n\t\tonListItemPress: function (oEvent) {\n\t\t\tvar oNextUIState = this.getOwnerComponent().getHelper().getNextUIState(1),\n\t\t\t\tproductPath = oEvent.getSource().getBindingContext(\"products\").getPath(),\n\t\t\t\tproduct = productPath.split(\"/\").slice(-1).pop();\n\n\t\t\tthis.oRouter.navTo(\"detail\", {layout: oNextUIState.layout, product: product});\n\n\t\t\tvar oItem = oEvent.getSource();\n\t\t\toItem.setNavigated(true);\n\t\t\tvar oParent = oItem.getParent();\n\t\t\t// store index of the item clicked, which can be used later in the columnResize event\n\t\t\tthis.iIndex = oParent.indexOfItem(oItem);\n\t\t},\n\t\tonSearch: function (oEvent) {\n\t\t\tvar oTableSearchState = [],\n\t\t\t\tsQuery = oEvent.getParameter(\"query\");\n\n\t\t\tif (sQuery && sQuery.length > 0) {\n\t\t\t\toTableSearchState = [new Filter(\"Name\", FilterOperator.Contains, sQuery)];\n\t\t\t}\n\n\t\t\tthis.getView().byId(\"productsTable\").getBinding(\"items\").filter(oTableSearchState, \"Application\");\n\t\t}\n\t});\n});\n",
365
+ "webapp/manifest.json": "{\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.m.TableScrollToIndex.view.FlexibleColumnLayout\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true,\n\t\t\t\"id\": \"fcl\"\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"minUI5Version\": \"1.98.0\",\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.f\": {},\n\t\t\t\t\"sap.m\": {},\n\t\t\t\t\"sap.ui.core\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"fullWidth\": true\n\t\t},\n\t\t\"routing\": {\n\t\t\t\"config\": {\n\t\t\t\t\"routerClass\": \"sap.m.routing.Router\",\n\t\t\t\t\"type\": \"View\",\n\t\t\t\t\"viewType\": \"XML\",\n\t\t\t\t\"path\": \"sap.m.TableScrollToIndex.view\",\n\t\t\t\t\"controlId\": \"fcl\",\n\t\t\t\t\"transition\": \"slide\",\n\t\t\t\t\"bypassed\": {\n\t\t\t\t},\n\t\t\t\t\"async\": true\n\t\t\t},\n\t\t\t\"routes\": [\n\t\t\t\t{\n\t\t\t\t\t\"pattern\": \"page2\",\n\t\t\t\t\t\"name\": \"page2\",\n\t\t\t\t\t\"target\": \"page2\",\n\t\t\t\t\t\"layout\": \"EndColumnFullScreen\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"pattern\": \":layout:\",\n\t\t\t\t\t\"name\": \"master\",\n\t\t\t\t\t\"target\": [\n\t\t\t\t\t\t\"master\"\n\t\t\t\t\t]\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"pattern\": \"detail/{product}/{layout}\",\n\t\t\t\t\t\"name\": \"detail\",\n\t\t\t\t\t\"target\": [\n\t\t\t\t\t\t\"master\",\n\t\t\t\t\t\t\"detail\"\n\t\t\t\t\t]\n\t\t\t\t}\n\t\t\t],\n\t\t\t\"targets\": {\n\t\t\t\t\"master\": {\n\t\t\t\t\t\"name\": \"Master\",\n\t\t\t\t\t\"controlAggregation\": \"beginColumnPages\"\n\t\t\t\t},\n\t\t\t\t\"detail\": {\n\t\t\t\t\t\"name\": \"Detail\",\n\t\t\t\t\t\"controlAggregation\": \"midColumnPages\"\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}",
366
+ "webapp/view/Detail.view.xml": "<mvc:View displayBlock=\"true\" controllerName=\"sap.m.TableScrollToIndex.controller.Detail\" height=\"100%\"\n\t\txmlns=\"sap.uxap\"\n\t\txmlns:mvc=\"sap.ui.core.mvc\"\n\t\txmlns:m=\"sap.m\"\n\t\txmlns:f=\"sap.f\"\n\t\txmlns:form=\"sap.ui.layout.form\">\n\n\t<ObjectPageLayout id=\"ObjectPageLayout\"\n\t\t\t\t\t showTitleInHeaderContent=\"true\"\n\t\t\t\t\talwaysShowContentHeader=\"false\"\n\t\t\t\t\tpreserveHeaderStateOnScroll=\"false\"\n\t\t\t\t\theaderContentPinnable=\"true\"\n\t\t\t\t\tisChildPage=\"true\"\n\t\t\t\t\tupperCaseAnchorBar=\"false\">\n\t\t\t\t<headerTitle>\n\t\t\t\t\t<ObjectPageDynamicHeaderTitle>\n\t\t\t\t\t\t<expandedHeading>\n\t\t\t\t\t\t\t<m:Title text=\"{products>Name}\" wrapping=\"true\" class=\"sapUiSmallMarginEnd\"/>\n\t\t\t\t\t\t</expandedHeading>\n\n\t\t\t\t\t\t<snappedHeading>\n\t\t\t\t\t\t\t<m:FlexBox wrap=\"Wrap\" fitContainer=\"true\" alignItems=\"Center\">\n\t\t\t\t\t\t\t\t<m:FlexBox wrap=\"NoWrap\" fitContainer=\"true\" alignItems=\"Center\" class=\"sapUiTinyMarginEnd\">\n\t\t\t\t\t\t\t\t\t<f:Avatar src=\"../../../../../../../{products>ProductPicUrl}\" displaySize=\"S\" displayShape=\"Square\"/>\n\t\t\t\t\t\t\t\t\t<m:Title text=\"{products>Name}\" wrapping=\"true\" class=\"sapUiTinyMarginEnd\"/>\n\t\t\t\t\t\t\t\t</m:FlexBox>\n\t\t\t\t\t\t\t</m:FlexBox>\n\t\t\t\t\t\t</snappedHeading>\n\n\t\t\t\t\t\t<navigationActions>\n\t\t\t\t\t\t\t<m:OverflowToolbarButton type=\"Transparent\" icon=\"sap-icon://full-screen\" press=\"handleFullScreen\" tooltip=\"Enter Full Screen Mode\" visible=\"{= ${/actionButtonsInfo/midColumn/fullScreen} !== null }\"/>\n\t\t\t\t\t\t\t<m:OverflowToolbarButton type=\"Transparent\" icon=\"sap-icon://exit-full-screen\" press=\"handleExitFullScreen\" tooltip=\"Exit Full Screen Mode\" visible=\"{= ${/actionButtonsInfo/midColumn/exitFullScreen} !== null }\"/>\n\t\t\t\t\t\t\t<m:OverflowToolbarButton type=\"Transparent\" icon=\"sap-icon://decline\" press=\"handleClose\" tooltip=\"Close column\" visible=\"{= ${/actionButtonsInfo/midColumn/closeColumn} !== null }\"/>\n\t\t\t\t\t\t</navigationActions>\n\n\t\t\t\t\t</ObjectPageDynamicHeaderTitle>\n\t\t\t\t</headerTitle>\n\n\t\t\t\t<headerContent>\n\t\t\t\t\t<m:FlexBox wrap=\"Wrap\" fitContainer=\"true\" alignItems=\"Stretch\">\n\t\t\t\t\t\t<f:Avatar src=\"../../../../../../../{products>ProductPicUrl}\"\n\t\t\t\t\t\t\t\t displaySize=\"L\"\n\t\t\t\t\t\t\t\t displayShape=\"Square\"\n\t\t\t\t\t\t\t\t class=\"sapUiTinyMarginEnd\">\n\t\t\t\t\t\t</f:Avatar>\n\t\t\t\t\t\t<m:VBox justifyContent=\"Center\" class=\"sapUiSmallMarginEnd\">\n\t\t\t\t\t\t\t<m:Label text=\"Main Category\"/>\n\t\t\t\t\t\t\t<m:Text text=\"{products>MainCategory}\"/>\n\t\t\t\t\t\t</m:VBox>\n\t\t\t\t\t\t<m:VBox justifyContent=\"Center\" class=\"sapUiSmallMarginEnd\">\n\t\t\t\t\t\t\t<m:Label text=\"Subcategory\"/>\n\t\t\t\t\t\t\t<m:Text text=\"{products>Category}\"/>\n\t\t\t\t\t\t</m:VBox>\n\t\t\t\t\t\t<m:VBox justifyContent=\"Center\" class=\"sapUiSmallMarginEnd\">\n\t\t\t\t\t\t\t<m:Label text=\"Price\"/>\n\t\t\t\t\t\t\t<m:ObjectNumber number=\"{products>CurrencyCode} {products>Price}\" emphasized=\"false\"/>\n\t\t\t\t\t\t</m:VBox>\n\t\t\t\t\t</m:FlexBox>\n\t\t\t\t</headerContent>\n\n\t\t<sections>\n\t\t\t<ObjectPageSection title=\"General Information\">\n\t\t\t\t<subSections>\n\t\t\t\t\t<ObjectPageSubSection>\n\t\t\t\t\t\t<blocks>\n\t\t\t\t\t\t\t<form:SimpleForm\n\t\t\t\t\t\t\t\teditable=\"false\"\n\t\t\t\t\t\t\t\tlayout=\"ResponsiveGridLayout\"\n\t\t\t\t\t\t\t\tlabelSpanL=\"12\"\n\t\t\t\t\t\t\t\tlabelSpanM=\"12\"\n\t\t\t\t\t\t\t\temptySpanL=\"0\"\n\t\t\t\t\t\t\t\temptySpanM=\"0\"\n\t\t\t\t\t\t\t\tcolumnsL=\"1\"\n\t\t\t\t\t\t\t\tcolumnsM=\"1\">\n\t\t\t\t\t\t\t\t<form:content>\n\t\t\t\t\t\t\t\t\t<m:Label text=\"Product ID\"/>\n\t\t\t\t\t\t\t\t\t<m:Text text=\"{products>ProductId}\"/>\n\t\t\t\t\t\t\t\t\t<m:Label text=\"Description\"/>\n\t\t\t\t\t\t\t\t\t<m:Text text=\"{products>Description}\"/>\n\t\t\t\t\t\t\t\t\t<m:Label text=\"Supplier\"/>\n\t\t\t\t\t\t\t\t\t<m:Text text=\"{products>SupplierName}\"/>\n\t\t\t\t\t\t\t\t</form:content>\n\t\t\t\t\t\t\t</form:SimpleForm>\n\t\t\t\t\t\t</blocks>\n\t\t\t\t\t</ObjectPageSubSection>\n\t\t\t\t</subSections>\n\t\t\t</ObjectPageSection>\n\t\t</sections>\n\t</ObjectPageLayout>\n</mvc:View>",
367
+ "webapp/view/FlexibleColumnLayout.view.xml": "<mvc:View displayBlock=\"true\" controllerName=\"sap.m.TableScrollToIndex.controller.FlexibleColumnLayout\" height=\"100%\"\n\t xmlns=\"sap.f\"\n\t xmlns:mvc=\"sap.ui.core.mvc\">\n\t<FlexibleColumnLayout\n\t columnResize=\"onColumnResize\"\n\t\tautoFocus=\"false\"\n\t\tid=\"fcl\"\n\t\tstateChange=\"onStateChanged\"\n\t\trestoreFocusOnBackNavigation=\"true\"\n\t\tlayout=\"{/layout}\"\n\t\tbackgroundDesign=\"Translucent\"/>\n</mvc:View>\n",
368
+ "webapp/view/Master.view.xml": "<mvc:View displayBlock=\"true\" controllerName=\"sap.m.TableScrollToIndex.controller.Master\" height=\"100%\"\n\t xmlns=\"sap.m\"\n\t xmlns:f=\"sap.f\"\n\t xmlns:mvc=\"sap.ui.core.mvc\">\n\t<f:DynamicPage id=\"dynamicPageId\"\n\t\t\t\t toggleHeaderOnTitleClick=\"false\">\n\t\t<!-- DynamicPage Title -->\n\t\t<f:title>\n\t\t\t<f:DynamicPageTitle>\n\t\t\t\t<f:heading>\n\t\t\t\t\t<Title text=\"Products ({products>/ProductCollectionStats/Counts/Total})\"/>\n\t\t\t\t</f:heading>\n\t\t\t</f:DynamicPageTitle>\n\t\t</f:title>\n\n\t\t<!-- DynamicPage Content -->\n\t\t<f:content>\n\t\t\t<Table id=\"productsTable\"\n\t\t\t\t sticky=\"ColumnHeaders,HeaderToolbar\"\n\t\t\t\t inset=\"false\"\n\t\t\t\t growing=\"true\"\n\t\t\t\t items=\"{\n\t\t\t\t\t\tpath: 'products>/ProductCollection',\n\t\t\t\t\t\tsorter: {\n\t\t\t\t\t\t\tpath: 'Name'\n\t\t\t\t\t\t}\n\t\t\t\t\t}\"\n\t\t\t\t class=\"sapFDynamicPageAlignContent\"\n\t\t\t\t width=\"auto\">\n\t\t\t\t<headerToolbar>\n\t\t\t\t\t<OverflowToolbar>\n\t\t\t\t\t\t<ToolbarSpacer/>\n\t\t\t\t\t\t<SearchField search=\"onSearch\" width=\"17.5rem\"/>\n\t\t\t\t\t</OverflowToolbar>\n\t\t\t\t</headerToolbar>\n\t\t\t\t<columns>\n\t\t\t\t\t<Column>\n\t\t\t\t\t\t<Text text=\"Product\" />\n\t\t\t\t\t</Column>\n\t\t\t\t\t<Column minScreenWidth=\"Desktop\" demandPopin=\"true\">\n\t\t\t\t\t\t\t<Text text=\"Quantity\"/>\n\t\t\t\t\t\t</Column>\n\n\t\t\t\t\t<Column minScreenWidth=\"Desktop\" demandPopin=\"true\">\n\t\t\t\t\t\t<Text text=\"Description\" />\n\t\t\t\t\t</Column>\n\t\t\t\t\t<Column\thAlign=\"End\">\n\t\t\t\t\t\t<Text text=\"Price\" />\n\t\t\t\t\t</Column>\n\t\t\t\t</columns>\n\t\t\t\t<items>\n\t\t\t\t\t<ColumnListItem type=\"Navigation\" press=\"onListItemPress\" vAlign=\"Middle\">\n\t\t\t\t\t\t<cells>\n\t\t\t\t\t\t\t<ObjectIdentifier title=\"{products>Name}\" text=\"{products>ProductId}\" />\n\t\t\t\t\t\t\t<ObjectIdentifier text=\"{products>Quantity}\" />\n\t\t\t\t\t\t\t<ObjectIdentifier text=\"{products>Description}\" />\n\t\t\t\t\t\t\t<ObjectNumber\n\t\t\t\t\t\t\t\t\tnumber=\"{\n\t\t\t\t\t\t\t\t\t\tparts:[{path:'products>Price'},{path:'products>CurrencyCode'}],\n\t\t\t\t\t\t\t\t\t\ttype: 'sap.ui.model.type.Currency',\n\t\t\t\t\t\t\t\t\t\tformatOptions: {showMeasure: false}\n\t\t\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\t\t\tunit=\"{products>CurrencyCode}\" />\n\t\t\t\t\t\t</cells>\n\t\t\t\t\t</ColumnListItem>\n\t\t\t\t</items>\n\t\t\t</Table>\n\t\t</f:content>\n\n\t\t<!-- DynamicPage Footer -->\n\t\t<f:footer>\n\t\t\t<OverflowToolbar>\n\t\t\t\t<ToolbarSpacer/>\n\t\t\t\t<Button type=\"Accept\" text=\"Accept\"/>\n\t\t\t\t<Button type=\"Reject\" text=\"Reject\"/>\n\t\t\t</OverflowToolbar>\n\t\t</f:footer>\n\t</f:DynamicPage>\n</mvc:View>"
369
+ },
370
+ "sap.m/TableSelectDialog": {
371
+ "C.controller.js": "sap.ui.define([\n\t'sap/m/MessageToast',\n\t'./Formatter',\n\t'sap/ui/core/Fragment',\n\t'sap/ui/core/mvc/Controller',\n\t'sap/ui/model/Filter',\n\t'sap/ui/model/FilterOperator',\n\t'sap/ui/model/json/JSONModel',\n\t\"sap/ui/core/syncStyleClass\"\n], function (MessageToast, Formatter, Fragment, Controller, Filter, FilterOperator, JSONModel, syncStyleClass) {\n\t\"use strict\";\n\n\treturn Controller.extend(\"sap.m.sample.TableSelectDialog.C\", {\n\n\t\tonInit: function () {\n\t\t\t// set explored app's demo model on this sample\n\t\t\tvar oModel = new JSONModel(sap.ui.require.toUrl(\"sap/ui/demo/mock/products.json\"));\n\t\t\tthis.getView().setModel(oModel);\n\t\t},\n\n\t\tformatter: Formatter,\n\n\t\thandleTableSelectDialogPress: function (oEvent) {\n\t\t\tvar oButton = oEvent.getSource(),\n\t\t\t\toView = this.getView();\n\n\t\t\tif (!this._pDialog) {\n\t\t\t\tthis._pDialog = Fragment.load({\n\t\t\t\t\tid: oView.getId(),\n\t\t\t\t\tname: \"sap.m.sample.TableSelectDialog.Dialog\",\n\t\t\t\t\tcontroller: this\n\t\t\t\t}).then(function(oDialog){\n\t\t\t\t\toView.addDependent(oDialog);\n\t\t\t\t\treturn oDialog;\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tthis._pDialog.then(function(oDialog){\n\t\t\t\tthis._configDialog(oButton, oDialog);\n\t\t\t\toDialog.open();\n\t\t\t}.bind(this));\n\t\t},\n\n\t\t_configDialog: function (oButton, oDialog) {\n\t\t\t// Set draggable property\n\t\t\tvar bDraggable = oButton.data(\"draggable\");\n\t\t\toDialog.setDraggable(bDraggable == \"true\");\n\n\t\t\t// Set resizable property\n\t\t\tvar bResizable = oButton.data(\"resizable\");\n\t\t\toDialog.setResizable(bResizable == \"true\");\n\n\t\t\t// Multi-select if required\n\t\t\tvar bMultiSelect = !!oButton.data(\"multi\");\n\t\t\toDialog.setMultiSelect(bMultiSelect);\n\n\t\t\t// Remember selections if required\n\t\t\tvar bRemember = !!oButton.data(\"remember\");\n\t\t\toDialog.setRememberSelections(bRemember);\n\n\t\t\tvar sResponsivePadding = oButton.data(\"responsivePadding\");\n\t\t\tvar sResponsiveStyleClasses = \"sapUiResponsivePadding--header sapUiResponsivePadding--subHeader sapUiResponsivePadding--content sapUiResponsivePadding--footer\";\n\n\t\t\tif (sResponsivePadding) {\n\t\t\t\toDialog.addStyleClass(sResponsiveStyleClasses);\n\t\t\t} else {\n\t\t\t\toDialog.removeStyleClass(sResponsiveStyleClasses);\n\t\t\t}\n\n\t\t\t// Set custom text for the confirmation button\n\t\t\tvar sCustomConfirmButtonText = oButton.data(\"confirmButtonText\");\n\t\t\toDialog.setConfirmButtonText(sCustomConfirmButtonText);\n\n\t\t\t// toggle compact style\n\t\t\tsyncStyleClass(\"sapUiSizeCompact\", this.getView(), oDialog);\n\t\t},\n\n\t\thandleSearch: function (oEvent) {\n\t\t\tvar sValue = oEvent.getParameter(\"value\");\n\t\t\tvar oFilter = new Filter(\"Name\", FilterOperator.Contains, sValue);\n\t\t\tvar oBinding = oEvent.getSource().getBinding(\"items\");\n\t\t\toBinding.filter([oFilter]);\n\t\t},\n\n\t\thandleClose: function (oEvent) {\n\t\t\t// reset the filter\n\t\t\tvar oBinding = oEvent.getSource().getBinding(\"items\");\n\t\t\toBinding.filter([]);\n\n\t\t\tvar aContexts = oEvent.getParameter(\"selectedContexts\");\n\t\t\tif (aContexts && aContexts.length) {\n\t\t\t\tMessageToast.show(\"You have chosen \" + aContexts.map(function (oContext) { return oContext.getObject().Name; }).join(\", \"));\n\t\t\t}\n\n\t\t},\n\n\t\thandleValueHelp: function () {\n\t\t\tvar oView = this.getView();\n\n\t\t\tif (!this._pValueHelpDialog) {\n\t\t\t\tthis._pValueHelpDialog = Fragment.load({\n\t\t\t\t\tid: oView.getId(),\n\t\t\t\t\tname: \"sap.m.sample.TableSelectDialog.ValueHelp\",\n\t\t\t\t\tcontroller: this\n\t\t\t\t}).then(function (oValueHelpDialog) {\n\t\t\t\t\toView.addDependent(oValueHelpDialog);\n\t\t\t\t\treturn oValueHelpDialog;\n\t\t\t\t});\n\t\t\t}\n\t\t\tthis._pValueHelpDialog.then(function(oValueHelpDialog) {\n\t\t\t\tthis._configValueHelpDialog();\n\t\t\t\toValueHelpDialog.open();\n\t\t\t}.bind(this));\n\t\t},\n\n\t\t_configValueHelpDialog: function () {\n\t\t\tvar sInputValue = this.byId(\"productInput\").getValue(),\n\t\t\t\toModel = this.getView().getModel(),\n\t\t\t\taProducts = oModel.getProperty(\"/ProductCollection\");\n\n\t\t\taProducts.forEach(function (oProduct) {\n\t\t\t\toProduct.selected = (oProduct.Name === sInputValue);\n\t\t\t});\n\t\t\toModel.setProperty(\"/ProductCollection\", aProducts);\n\t\t},\n\n\t\thandleValueHelpClose: function (oEvent) {\n\t\t\tvar oSelectedItem = oEvent.getParameter(\"selectedItem\"),\n\t\t\toInput = this.byId(\"productInput\");\n\n\t\t\tif (!oSelectedItem) {\n\t\t\t\toInput.resetProperty(\"value\");\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\toInput.setValue(oSelectedItem.getCells()[0].getTitle());\n\t\t}\n\n\t});\n});",
372
+ "Component.js": "sap.ui.define([\n\t\"sap/ui/core/UIComponent\"\n], function (UIComponent) {\n\t\"use strict\";\n\n\treturn UIComponent.extend(\"sap.m.sample.TableSelectDialog.Component\", {\n\n\t\tmetadata: {\n\t\t\tmanifest: \"json\"\n\t\t}\n\n\t});\n});",
373
+ "Dialog.fragment.xml": "<core:FragmentDefinition\n\txmlns=\"sap.m\"\n\txmlns:core=\"sap.ui.core\">\n\t<TableSelectDialog\n\t\tid=\"myDialog\"\n\t\tnoDataText=\"No Products Found\"\n\t\ttitle=\"Select Product\"\n\t\tsearch=\".handleSearch\"\n\t\tconfirm=\".handleClose\"\n\t\tcancel=\".handleClose\"\n\t\titems=\"{\n\t\t\tpath : '/ProductCollection',\n\t\t\tsorter : {\n\t\t\t\tpath : 'Name',\n\t\t\t\tdescending : false\n\t\t\t}\n\t\t}\">\n\t\t<ColumnListItem vAlign=\"Middle\">\n\t\t\t<cells>\n\t\t\t\t<ObjectIdentifier title=\"{Name}\" text=\"{ProductId}\" />\n\t\t\t\t<Text text=\"{SupplierName}\" />\n\t\t\t\t<Text text=\"{Width} x {Depth} x {Height} {DimUnit}\" />\n\t\t\t\t<ObjectNumber\n\t\t\t\t\tnumber=\"{WeightMeasure}\"\n\t\t\t\t\tunit=\"{WeightUnit}\"\n\t\t\t\t\tstate=\"{\n\t\t\t\t\t\tpath: 'WeightMeasure',\n\t\t\t\t\t\tformatter: 'sap.m.sample.TableSelectDialog.Formatter.weightState'\n\t\t\t\t\t}\" />\n\t\t\t\t<ObjectNumber\n\t\t\t\t\tnumber=\"{\n\t\t\t\t\t\tparts:[{path:'Price'},{path:'CurrencyCode'}],\n\t\t\t\t\t\ttype: 'sap.ui.model.type.Currency',\n\t\t\t\t\t\tformatOptions: {showMeasure: false}\n\t\t\t\t\t}\"\n\t\t\t\t\tunit=\"{CurrencyCode}\" />\n\t\t\t</cells>\n\t\t</ColumnListItem>\n\t\t<columns>\n\t\t\t<Column width=\"12em\">\n\t\t\t\t<header>\n\t\t\t\t\t<Text text=\"Product\" />\n\t\t\t\t</header>\n\t\t\t</Column>\n\t\t\t<Column minScreenWidth=\"Tablet\" demandPopin=\"true\">\n\t\t\t\t<header>\n\t\t\t\t\t<Text text=\"Supplier\" />\n\t\t\t\t</header>\n\t\t\t</Column>\n\t\t\t<Column\n\t\t\t\tminScreenWidth=\"Desktop\"\n\t\t\t\tdemandPopin=\"true\"\n\t\t\t\thAlign=\"End\">\n\t\t\t\t<header>\n\t\t\t\t\t<Text text=\"Dimensions\" />\n\t\t\t\t</header>\n\t\t\t</Column>\n\t\t\t<Column\n\t\t\t\tminScreenWidth=\"Desktop\"\n\t\t\t\tdemandPopin=\"true\"\n\t\t\t\thAlign=\"Center\">\n\t\t\t\t<header>\n\t\t\t\t\t<Text text=\"Weight\" />\n\t\t\t\t</header>\n\t\t\t</Column>\n\t\t\t<Column hAlign=\"End\">\n\t\t\t\t<header>\n\t\t\t\t\t<Text text=\"Product\" />\n\t\t\t\t</header>\n\t\t\t</Column>\n\t\t</columns>\n\t</TableSelectDialog>\n</core:FragmentDefinition>",
374
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.m.sample.TableSelectDialog\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.m.sample.TableSelectDialog.V\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.m\": {},\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.layout\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"V.view.xml\",\n\t\t\t\t\t\"C.controller.js\",\n\t\t\t\t\t\"Dialog.fragment.xml\",\n\t\t\t\t\t\"ValueHelp.fragment.xml\",\n\t\t\t\t\t\"Formatter.js\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
375
+ "V.view.xml": "<mvc:View\n\tcontrollerName=\"sap.m.sample.TableSelectDialog.C\"\n\txmlns=\"sap.m\"\n\txmlns:l=\"sap.ui.layout\"\n\txmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns:core=\"sap.ui.core\">\n\t<l:VerticalLayout class=\"sapUiContentPadding\" width=\"100%\">\n\t\t<Input\n\t\t\tid=\"productInput\"\n\t\t\ttype=\"Text\"\n\t\t\tvalue=\"Astro Phone 6\"\n\t\t\tplaceholder=\"Enter Product ...\"\n\t\t\tshowValueHelp=\"true\"\n\t\t\tvalueHelpOnly=\"true\"\n\t\t\tvalueHelpRequest=\"handleValueHelp\"\n\t\t\twidth=\"15rem\"\n\t\t\tclass=\"sapUiSmallMarginBottom\"/>\n\t\t<Button\n\t\t\tclass=\"sapUiSmallMarginBottom\"\n\t\t\ttext=\"Show Table Select Dialog\"\n\t\t\tpress=\".handleTableSelectDialogPress\"\n\t\t\tariaHasPopup=\"Dialog\" />\n\t\t<Button\n\t\t\tclass=\"sapUiSmallMarginBottom\"\n\t\t\ttext=\"Show Table Select Dialog (Multi)\"\n\t\t\tpress=\".handleTableSelectDialogPress\"\n\t\t\tariaHasPopup=\"Dialog\">\n\t\t\t<customData>\n\t\t\t\t<core:CustomData key=\"multi\" value=\"true\" />\n\t\t\t</customData>\n\t\t</Button>\n\t\t<Button\n\t\t\tclass=\"sapUiSmallMarginBottom\"\n\t\t\ttext=\"Show Table Select Dialog (draggable=true)\"\n\t\t\tpress=\".handleTableSelectDialogPress\"\n\t\t\tariaHasPopup=\"Dialog\">\n\t\t\t<customData>\n\t\t\t\t<core:CustomData key=\"multi\" value=\"true\" />\n\t\t\t\t<core:CustomData key=\"draggable\" value=\"true\" />\n\t\t\t</customData>\n\t\t</Button>\n\t\t<Button\n\t\t\ttext=\"Show Table Select Dialog (resizable=true)\"\n\t\t\tclass=\"sapUiSmallMarginBottom\"\n\t\t\tpress=\".handleTableSelectDialogPress\"\n\t\t\tariaHasPopup=\"Dialog\">\n\t\t\t<customData>\n\t\t\t\t<core:CustomData key=\"multi\" value=\"true\" />\n\t\t\t\t<core:CustomData key=\"resizable\" value=\"true\" />\n\t\t\t</customData>\n\t\t</Button>\n\t\t<Button\n\t\t\tclass=\"sapUiSmallMarginBottom\"\n\t\t\ttext=\"Show Table Select Dialog (Remember)\"\n\t\t\tpress=\".handleTableSelectDialogPress\"\n\t\t\tariaHasPopup=\"Dialog\">\n\t\t\t<customData>\n\t\t\t\t<core:CustomData key=\"multi\" value=\"true\" />\n\t\t\t\t<core:CustomData key=\"remember\" value=\"true\" />\n\t\t\t</customData>\n\t\t</Button>\n\t\t<Button\n\t\t\ttext=\"Show Table Select Dialog (Custom confirmation button text)\"\n\t\t\tclass=\"sapUiSmallMarginBottom\"\n\t\t\tpress=\".handleTableSelectDialogPress\"\n\t\t\tariaHasPopup=\"Dialog\">\n\t\t\t<customData>\n\t\t\t\t<core:CustomData key=\"multi\" value=\"true\" />\n\t\t\t\t<core:CustomData key=\"confirmButtonText\" value=\"Save\" />\n\t\t\t</customData>\n\t\t</Button>\n\t\t<Button\n\t\t\ttext=\"Show Table Select Dialog with Responsive Padding\"\n\t\t\tclass=\"sapUiSmallMarginBottom\"\n\t\t\tpress=\".handleTableSelectDialogPress\"\n\t\t\tariaHasPopup=\"Dialog\">\n\t\t\t<customData>\n\t\t\t\t<core:CustomData key=\"resizable\" value=\"true\" />\n\t\t\t\t<core:CustomData key=\"draggable\" value=\"true\" />\n\t\t\t\t<core:CustomData key=\"responsivePadding\" value=\"true\" />\n\t\t\t</customData>\n\t\t</Button>\n\t</l:VerticalLayout>\n</mvc:View>",
376
+ "ValueHelp.fragment.xml": "<core:FragmentDefinition\n\txmlns=\"sap.m\"\n\txmlns:core=\"sap.ui.core\">\n\t<TableSelectDialog\n\t\tnoDataText=\"No Products Found\"\n\t\ttitle=\"Select Product\"\n\t\tsearch=\".handleSearch\"\n\t\tsearchPlaceholder=\"Search Products\"\n\t\tconfirm=\".handleValueHelpClose\"\n\t\tcancel=\".handleValueHelpClose\"\n\t\tshowClearButton=\"true\"\n\t\titems=\"{\n\t\t\tpath : '/ProductCollection',\n\t\t\tsorter : {\n\t\t\t\tpath : 'Name',\n\t\t\t\tdescending : false\n\t\t\t}\n\t\t}\">\n\t\t<ColumnListItem selected=\"{selected}\">\n\t\t\t<cells>\n\t\t\t\t<ObjectIdentifier title=\"{Name}\" text=\"{ProductId}\" />\n\t\t\t\t<Text text=\"{SupplierName}\" />\n\t\t\t\t<Text text=\"{Width} x {Depth} x {Height} {DimUnit}\" />\n\t\t\t\t<ObjectNumber\n\t\t\t\t\tnumber=\"{WeightMeasure}\"\n\t\t\t\t\tunit=\"{WeightUnit}\"\n\t\t\t\t\tstate=\"{\n\t\t\t\t\t\tpath: 'WeightMeasure',\n\t\t\t\t\t\tformatter: 'sap.m.sample.TableSelectDialog.Formatter.weightState'\n\t\t\t\t\t}\" />\n\t\t\t\t<ObjectNumber\n\t\t\t\t\tnumber=\"{\n\t\t\t\t\t\tparts:[{path:'Price'},{path:'CurrencyCode'}],\n\t\t\t\t\t\ttype: 'sap.ui.model.type.Currency',\n\t\t\t\t\t\tformatOptions: {showMeasure: false}\n\t\t\t\t\t}\"\n\t\t\t\t\tunit=\"{CurrencyCode}\" />\n\t\t\t</cells>\n\t\t</ColumnListItem>\n\t\t<columns>\n\t\t\t<Column width=\"12em\">\n\t\t\t\t<header>\n\t\t\t\t\t<Text text=\"Product\" />\n\t\t\t\t</header>\n\t\t\t</Column>\n\t\t\t<Column minScreenWidth=\"Tablet\" demandPopin=\"true\">\n\t\t\t\t<header>\n\t\t\t\t\t<Text text=\"Supplier\" />\n\t\t\t\t</header>\n\t\t\t</Column>\n\t\t\t<Column\n\t\t\t\tminScreenWidth=\"Desktop\"\n\t\t\t\tdemandPopin=\"true\"\n\t\t\t\thAlign=\"End\">\n\t\t\t\t<header>\n\t\t\t\t\t<Text text=\"Dimensions\" />\n\t\t\t\t</header>\n\t\t\t</Column>\n\t\t\t<Column\n\t\t\t\tminScreenWidth=\"Desktop\"\n\t\t\t\tdemandPopin=\"true\"\n\t\t\t\thAlign=\"Center\">\n\t\t\t\t<header>\n\t\t\t\t\t<Text text=\"Weight\" />\n\t\t\t\t</header>\n\t\t\t</Column>\n\t\t\t<Column hAlign=\"End\">\n\t\t\t\t<header>\n\t\t\t\t\t<Text text=\"Product\" />\n\t\t\t\t</header>\n\t\t\t</Column>\n\t\t</columns>\n\t</TableSelectDialog>\n</core:FragmentDefinition>"
377
+ },
378
+ "sap.m/TableSelectDialogGrowing": {
379
+ "C.controller.js": "sap.ui.define([\n\t\"./Formatter\",\n\t\"sap/ui/core/Fragment\",\n\t\"sap/ui/core/mvc/Controller\",\n\t\"sap/ui/model/Filter\",\n\t\"sap/ui/model/FilterOperator\",\n\t\"sap/ui/model/json/JSONModel\",\n\t\"sap/m/library\"\n], function (Formatter, Fragment, Controller, Filter, FilterOperator, JSONModel, library) {\n\t\"use strict\";\n\n\tconst SelectDialogInitialFocus = library.SelectDialogInitialFocus;\n\n\treturn Controller.extend(\"sap.m.sample.TableSelectDialogGrowing.C\", {\n\n\t\tonInit: function () {\n\t\t\t// set explored app's demo model on this sample\n\t\t\tvar oModel = new JSONModel(sap.ui.require.toUrl(\"sap/ui/demo/mock/products.json\"));\n\t\t\tthis.getView().setModel(oModel);\n\t\t},\n\n\t\tformatter: Formatter,\n\n\t\thandleTableSelectDialogPress: function (oEvent) {\n\t\t\tvar oButton = oEvent.getSource(),\n\t\t\t\toView = this.getView();\n\t\t\tif (!this._pDialog) {\n\t\t\t\tthis._pDialog = Fragment.load({\n\t\t\t\t\tid: oView.getId(),\n\t\t\t\t\tname: \"sap.m.sample.TableSelectDialogGrowing.Dialog\",\n\t\t\t\t\tcontroller: this\n\t\t\t\t}).then(function (oDialog) {\n\t\t\t\t\toView.addDependent(oDialog);\n\t\t\t\t\treturn oDialog;\n\t\t\t\t});\n\t\t\t}\n\t\t\tthis._pDialog.then(function(oDialog) {\n\t\t\t\t// Set growing if required\n\t\t\t\tvar bGrowing = !!oButton.data(\"growing\");\n\t\t\t\toDialog.setGrowing(bGrowing);\n\t\t\t\toDialog.setInitialFocus(bGrowing ? SelectDialogInitialFocus.SearchField : SelectDialogInitialFocus.List);\n\t\t\t\toDialog.open();\n\t\t\t});\n\t\t},\n\n\t\thandleSearch: function (oEvent) {\n\t\t\tvar sValue = oEvent.getParameter(\"value\");\n\t\t\tvar oFilter = new Filter(\"Name\", FilterOperator.Contains, sValue);\n\t\t\tvar oBinding = oEvent.getSource().getBinding(\"items\");\n\t\t\toBinding.filter([oFilter]);\n\t\t}\n\t});\n});",
380
+ "Component.js": "sap.ui.define([\n\t\"sap/ui/core/UIComponent\"\n], function (UIComponent) {\n\t\"use strict\";\n\n\treturn UIComponent.extend(\"sap.m.sample.TableSelectDialogGrowing.Component\", {\n\n\t\tmetadata: {\n\t\t\tmanifest: \"json\"\n\t\t}\n\n\t});\n});",
381
+ "Dialog.fragment.xml": "<core:FragmentDefinition\n\txmlns=\"sap.m\"\n\txmlns:core=\"sap.ui.core\">\n\t<TableSelectDialog\n\t\tid=\"myDialog\"\n\t\tnoDataText=\"No Products Found\"\n\t\ttitle=\"Select Product\"\n\t\tsearch=\".handleSearch\"\n\t\tconfirm=\".handleClose\"\n\t\tcancel=\".handleClose\"\n\t\tmultiSelect=\"true\"\n\t\titems=\"{\n\t\t\tpath : '/ProductCollection',\n\t\t\tsorter : {\n\t\t\t\tpath : 'Name',\n\t\t\t\tdescending : false\n\t\t\t}\n\t\t}\">\n\t\t<ColumnListItem vAlign=\"Middle\">\n\t\t\t<cells>\n\t\t\t\t<ObjectIdentifier title=\"{Name}\" text=\"{ProductId}\" />\n\t\t\t\t<Text text=\"{SupplierName}\" />\n\t\t\t\t<Text text=\"{Width} x {Depth} x {Height} {DimUnit}\" />\n\t\t\t\t<ObjectNumber\n\t\t\t\t\tnumber=\"{WeightMeasure}\"\n\t\t\t\t\tunit=\"{WeightUnit}\"\n\t\t\t\t\tstate=\"{\n\t\t\t\t\t\tpath: 'WeightMeasure',\n\t\t\t\t\t\tformatter: 'sap.m.sample.TableSelectDialogGrowing.Formatter.weightState'\n\t\t\t\t\t}\" />\n\t\t\t\t<ObjectNumber\n\t\t\t\t\tnumber=\"{\n\t\t\t\t\t\tparts:[{path:'Price'},{path:'CurrencyCode'}],\n\t\t\t\t\t\ttype: 'sap.ui.model.type.Currency',\n\t\t\t\t\t\tformatOptions: {showMeasure: false}\n\t\t\t\t\t}\"\n\t\t\t\t\tunit=\"{CurrencyCode}\" />\n\t\t\t</cells>\n\t\t</ColumnListItem>\n\t\t<columns>\n\t\t\t<Column width=\"12em\">\n\t\t\t\t<header>\n\t\t\t\t\t<Text text=\"Product\" />\n\t\t\t\t</header>\n\t\t\t</Column>\n\t\t\t<Column minScreenWidth=\"Tablet\" demandPopin=\"true\">\n\t\t\t\t<header>\n\t\t\t\t\t<Text text=\"Supplier\" />\n\t\t\t\t</header>\n\t\t\t</Column>\n\t\t\t<Column\n\t\t\t\tminScreenWidth=\"Desktop\"\n\t\t\t\tdemandPopin=\"true\"\n\t\t\t\thAlign=\"End\">\n\t\t\t\t<header>\n\t\t\t\t\t<Text text=\"Dimensions\" />\n\t\t\t\t</header>\n\t\t\t</Column>\n\t\t\t<Column\n\t\t\t\tminScreenWidth=\"Desktop\"\n\t\t\t\tdemandPopin=\"true\"\n\t\t\t\thAlign=\"Center\">\n\t\t\t\t<header>\n\t\t\t\t\t<Text text=\"Weight\" />\n\t\t\t\t</header>\n\t\t\t</Column>\n\t\t\t<Column hAlign=\"End\">\n\t\t\t\t<header>\n\t\t\t\t\t<Text text=\"Product\" />\n\t\t\t\t</header>\n\t\t\t</Column>\n\t\t</columns>\n\t</TableSelectDialog>\n</core:FragmentDefinition>",
382
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.m.sample.TableSelectDialogGrowing\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.m.sample.TableSelectDialogGrowing.V\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.m\": {},\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.layout\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"V.view.xml\",\n\t\t\t\t\t\"C.controller.js\",\n\t\t\t\t\t\"Dialog.fragment.xml\",\n\t\t\t\t\t\"Formatter.js\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
383
+ "V.view.xml": "<mvc:View\n\tcontrollerName=\"sap.m.sample.TableSelectDialogGrowing.C\"\n\txmlns=\"sap.m\"\n\txmlns:l=\"sap.ui.layout\"\n\txmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns:core=\"sap.ui.core\">\n\t<l:VerticalLayout class=\"sapUiContentPadding\" width=\"100%\">\n\t\t<Button\n\t\t\tclass=\"sapUiSmallMarginBottom\"\n\t\t\ttext=\"Show Table Select Dialog (Growing: True)\"\n\t\t\tpress=\".handleTableSelectDialogPress\"\n\t\t\tariaHasPopup=\"Dialog\">\n\t\t\t<customData>\n\t\t\t\t<core:CustomData key=\"growing\" value=\"true\" />\n\t\t\t</customData>\n\t\t</Button>\n\t\t<Button\n\t\t\tclass=\"sapUiSmallMarginBottom\"\n\t\t\ttext=\"Show Table Select Dialog (Growing: False)\"\n\t\t\tpress=\".handleTableSelectDialogPress\"\n\t\t\tariaHasPopup=\"Dialog\" />\n\t</l:VerticalLayout>\n</mvc:View>"
384
+ },
385
+ "sap.m/TableStrictLayout": {
386
+ "Component.js": "sap.ui.define(['sap/ui/core/UIComponent'],\n\tfunction(UIComponent) {\n\t\"use strict\";\n\n\tvar Component = UIComponent.extend(\"sap.m.sample.TableStrictLayout.Component\", {\n\n\t\tmetadata : {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n\n\treturn Component;\n});",
387
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.m.sample.TableStrictLayout\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.m.sample.TableStrictLayout.Table\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"Table.view.xml\",\n\t\t\t\t\t\"Table.controller.js\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
388
+ "Table.controller.js": "sap.ui.define([\n\t\t'sap/ui/core/mvc/Controller',\n\t\t'sap/ui/model/json/JSONModel'\n\t], function(Controller, JSONModel) {\n\t\"use strict\";\n\n\tvar TableController = Controller.extend(\"sap.m.sample.TableStrictLayout.Table\", {\n\n\t\tonInit: function () {\n\t\t\t// set explored app's demo model on this sample\n\t\t\tvar oModel = new JSONModel(sap.ui.require.toUrl(\"sap/ui/demo/mock/products.json\"));\n\t\t\tthis.getView().setModel(oModel);\n\t\t}\n\t});\n\n\treturn TableController;\n});",
389
+ "Table.view.xml": "<mvc:View\n\tcontrollerName=\"sap.m.sample.TableStrictLayout.Table\"\n\txmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns:core=\"sap.ui.core\"\n\txmlns:plugins=\"sap.m.plugins\"\n\txmlns=\"sap.m\">\n\t<Table id=\"idProductsTable\"\n\t\tfixedLayout=\"Strict\"\n\t\tautoPopinMode=\"true\"\n\t\tcontextualWidth=\"Auto\"\n\t\tgrowing=\"true\"\n\t\titems=\"{\n\t\t\tpath: '/ProductCollection',\n\t\t\tsorter: {\n\t\t\t\tpath: 'Name'\n\t\t\t}\n\t\t}\">\n\t\t<dependents>\n\t\t\t<plugins:ColumnResizer/>\n\t\t</dependents>\n\t\t<columns>\n\t\t\t<Column\n\t\t\t\twidth=\"12em\">\n\t\t\t\t<Text text=\"Product\" />\n\t\t\t</Column>\n\t\t\t<Column\n\t\t\t\twidth=\"150px\">\n\t\t\t\t<Text text=\"Supplier\" />\n\t\t\t</Column>\n\t\t\t<Column\n\t\t\t\twidth=\"25%\"\n\t\t\t\thAlign=\"End\">\n\t\t\t\t<Text text=\"Dimensions\" />\n\t\t\t</Column>\n\t\t\t<Column\n\t\t\t\twidth=\"10rem\"\n\t\t\t\thAlign=\"Center\">\n\t\t\t\t<Text text=\"Weight\" />\n\t\t\t</Column>\n\t\t\t<Column\n\t\t\t\twidth=\"100px\"\n\t\t\t\thAlign=\"End\">\n\t\t\t\t<Text text=\"Price\" />\n\t\t\t</Column>\n\t\t</columns>\n\t\t<items>\n\t\t\t<ColumnListItem vAlign=\"Middle\">\n\t\t\t\t<cells>\n\t\t\t\t\t<ObjectIdentifier\n\t\t\t\t\t\ttitle=\"{Name}\"\n\t\t\t\t\t\ttext=\"{ProductId}\"\n\t\t\t\t\t\tclass=\"sapUiTinyMarginTopBottom\"/>\n\t\t\t\t\t<Text\n\t\t\t\t\t\ttext=\"{SupplierName}\" />\n\t\t\t\t\t<Text\n\t\t\t\t\t\ttext=\"{Width} x {Depth} x {Height} {DimUnit}\" />\n\t\t\t\t\t<ObjectNumber\n\t\t\t\t\t\tnumber=\"{WeightMeasure}\"\n\t\t\t\t\t\tunit=\"{WeightUnit}\" />\n\t\t\t\t\t<ObjectNumber\n\t\t\t\t\t\tnumber=\"{\n\t\t\t\t\t\t\tparts:[{path:'Price'},{path:'CurrencyCode'}],\n\t\t\t\t\t\t\ttype: 'sap.ui.model.type.Currency',\n\t\t\t\t\t\t\tformatOptions: {showMeasure: false}\n\t\t\t\t\t\t}\"\n\t\t\t\t\t\tunit=\"{CurrencyCode}\" />\n\t\t\t\t</cells>\n\t\t\t</ColumnListItem>\n\t\t</items>\n\t</Table>\n</mvc:View>"
390
+ },
391
+ "sap.m/TableTest": {
392
+ "applicationUnderTest/Component.js": "sap.ui.define(['sap/ui/core/UIComponent','sap/ui/core/mvc/XMLView'],\n\tfunction(UIComponent, XMLView) {\n\t\"use strict\";\n\n\tvar Component = UIComponent.extend(\"sap.m.sample.TableTest.applicationUnderTest.Component\", {\n\n\t\tmetadata : {\n\t\t\tpublicMethods : [\n\t\t\t\t\"getTable\"\n\t\t\t],\n\n\t\t\tmanifest: \"json\"\n\t\t},\n\n\t\tgetTable : function () {\n\t\t\treturn this._rootView.getContent()[0];\n\t\t}\n\t});\n\n\tComponent.prototype.createContent = function () {\n\t\tXMLView.create({ viewName : \"view.Table\" }).then(function(oView) {\n\t\t\treturn oView;\n\t\t});\n\t};\n\n\treturn Component;\n\n});\n",
393
+ "applicationUnderTest/manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.m.sample.TableTest.applicationUnderTest\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.m.sample.Table.Table\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.m\": {},\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.layout\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"./view/Table.view.xml\",\n\t\t\t\t\t\"./view/Table.controller.js\",\n\t\t\t\t\t\"./view/Formatter.js\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
394
+ "applicationUnderTest/view/Table.controller.js": "sap.ui.define([\n\t'sap/ui/thirdparty/jquery',\n\t'./Formatter',\n\t'sap/ui/core/mvc/Controller',\n\t'sap/ui/model/json/JSONModel',\n\t'sap/m/Button',\n\t'sap/m/Dialog',\n\t'sap/m/Text',\n\t'sap/m/library'\n],\tfunction(jQuery, Formatter, Controller, JSONModel, Button, Dialog, Text, mobileLibrary) {\n\t\"use strict\";\n\n\tvar PopinLayout = mobileLibrary.PopinLayout;\n\n\tvar TableController = Controller.extend(\"sap.m.sample.TableTest.applicationUnderTest.view.Table\", {\n\n\t\tonInit: function () {\n\t\t\tvar oModel = new JSONModel();\n\t\t\tjQuery.getJSON(\"products.json\", function (oResponse) {\n\t\t\t\toModel.setData({\n\t\t\t\t\t\"ProductCollection\": oResponse\n\t\t\t\t});\n\t\t\t});\n\t\t\tthis.getView().setModel(oModel);\n\t\t},\n\n\t\tonPopinLayoutChanged: function() {\n\t\t\tvar oTable = this.byId(\"idProductsTable\");\n\t\t\tvar oComboBox = this.byId(\"idPopinLayout\");\n\t\t\tvar sPopinLayout = oComboBox.getSelectedKey();\n\t\t\tswitch (sPopinLayout) {\n\t\t\t\tcase \"Block\":\n\t\t\t\t\toTable.setPopinLayout(PopinLayout.Block);\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"GridLarge\":\n\t\t\t\t\toTable.setPopinLayout(PopinLayout.GridLarge);\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"GridSmall\":\n\t\t\t\t\toTable.setPopinLayout(PopinLayout.GridSmall);\n\t\t\t\t\tbreak;\n\t\t\t\tdefault:\n\t\t\t\t\toTable.setPopinLayout(PopinLayout.Block);\n\t\t\t\t\tbreak;\n\t\t\t}\n\t\t},\n\n\t\tonMessageDialogPress: function (oEvent) {\n\t\t\tvar dialog = new Dialog({\n\t\t\t\ttitle: 'Message',\n\t\t\t\ttype: 'Message',\n\t\t\t\t\tcontent: new Text({\n\t\t\t\t\t\ttext: 'Success'\n\t\t\t\t\t}),\n\t\t\t\tbeginButton: new Button({\n\t\t\t\t\ttext: 'OK',\n\t\t\t\t\tpress: function () {\n\t\t\t\t\t\tdialog.close();\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\tafterClose: function() {\n\t\t\t\t\tdialog.destroy();\n\t\t\t\t}\n\t\t\t});\n\n\t\t\tdialog.open();\n\t\t}\n\t});\n\n\treturn TableController;\n\n});\n",
395
+ "applicationUnderTest/view/Table.view.xml": "<mvc:View\n\tcontrollerName=\"sap.m.sample.TableTest.applicationUnderTest.view.Table\"\n\txmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns:core=\"sap.ui.core\"\n\txmlns=\"sap.m\"\n\tcore:require=\"{Formatter:'sap/m/sample/TableTest/applicationUnderTest/view/Formatter'}\">\n\t<Table id=\"idProductsTable\"\n\t\tinset=\"false\"\n\t\titems=\"{\n\t\t\tpath: '/ProductCollection',\n\t\t\tsorter: {\n\t\t\t\tpath: 'Name'\n\t\t\t}\n\t\t}\">\n\t\t<headerToolbar>\n\t\t\t<Toolbar>\n\t\t\t\t<content>\n\t\t\t\t\t<Title text=\"Products\" level=\"H2\"/>\n\t\t\t\t\t<ToolbarSpacer />\n\t\t\t\t\t<ComboBox id=\"idPopinLayout\"\n\t\t\t\t\t\tplaceholder=\"Popin layout options\"\n\t\t\t\t\t\tchange=\"onPopinLayoutChanged\">\n\t\t\t\t\t\t<items>\n\t\t\t\t\t\t\t<core:Item text=\"Block\"\n\t\t\t\t\t\t\t\tkey=\"Block\"/>\n\t\t\t\t\t\t\t<core:Item text=\"Grid Large\"\n\t\t\t\t\t\t\t\tkey=\"GridLarge\"/>\n\t\t\t\t\t\t\t<core:Item text=\"Grid Small\"\n\t\t\t\t\t\t\t\tkey=\"GridSmall\"/>\n\t\t\t\t\t\t</items>\n\t\t\t\t\t</ComboBox>\n\t\t\t\t</content>\n\t\t\t</Toolbar>\n\t\t</headerToolbar>\n\t\t<columns>\n\t\t\t<Column\n\t\t\t\twidth=\"12em\">\n\t\t\t\t<Text text=\"Product\" />\n\t\t\t</Column>\n\t\t\t<Column\n\t\t\t\tminScreenWidth=\"Tablet\"\n\t\t\t\tdemandPopin=\"true\">\n\t\t\t\t<Text text=\"Supplier\" />\n\t\t\t</Column>\n\t\t\t<Column\n\t\t\t\tminScreenWidth=\"Desktop\"\n\t\t\t\tdemandPopin=\"true\"\n\t\t\t\thAlign=\"End\">\n\t\t\t\t<Text text=\"Dimensions\" />\n\t\t\t</Column>\n\t\t\t<Column\n\t\t\t\tminScreenWidth=\"Desktop\"\n\t\t\t\tdemandPopin=\"true\"\n\t\t\t\thAlign=\"Center\">\n\t\t\t\t<Text text=\"Weight\" />\n\t\t\t</Column>\n\t\t\t<Column\n\t\t\t\thAlign=\"End\">\n\t\t\t\t<Text text=\"Price\" />\n\t\t\t</Column>\n\t\t</columns>\n\t\t<items>\n\t\t\t<ColumnListItem type=\"Navigation\" press=\"onMessageDialogPress\">\n\t\t\t\t<cells>\n\t\t\t\t\t<ObjectIdentifier\n\t\t\t\t\t\ttitle=\"{Name}\"\n\t\t\t\t\t\ttext=\"{ProductId}\"/>\n\t\t\t\t\t<Text\n\t\t\t\t\t\ttext=\"{SupplierName}\" />\n\t\t\t\t\t<Text\n\t\t\t\t\t\ttext=\"{Width} x {Depth} x {Height} {DimUnit}\" />\n\t\t\t\t\t<ObjectNumber\n\t\t\t\t\t\tnumber=\"{WeightMeasure}\"\n\t\t\t\t\t\tunit=\"{WeightUnit}\"\n\t\t\t\t\t\tstate=\"{\n\t\t\t\t\t\t\tparts: [\n\t\t\t\t\t\t\t\t{path: 'WeightMeasure'},\n\t\t\t\t\t\t\t\t{path: 'WeightUnit'}\n\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\tformatter: 'Formatter.weightState'\n\t\t\t\t\t\t}\" />\n\t\t\t\t\t<ObjectNumber\n\t\t\t\t\t\t\tnumber=\"{\n\t\t\t\t\t\t\t\tparts:[{path:'Price'},{path:'CurrencyCode'}],\n\t\t\t\t\t\t\t\ttype: 'sap.ui.model.type.Currency',\n\t\t\t\t\t\t\t\tformatOptions: {showMeasure: false}\n\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\tunit=\"{CurrencyCode}\" />\n\t\t\t\t</cells>\n\t\t\t</ColumnListItem>\n\t\t</items>\n\t</Table>\n</mvc:View>",
396
+ "Component.js": "sap.ui.define(['sap/ui/core/UIComponent'],\n\tfunction(UIComponent) {\n\t\"use strict\";\n\n\tvar Component = UIComponent.extend(\"sap.m.sample.TableTest.Component\", {\n\n\t\tmetadata : {\n\t\t\tmanifest: \"json\"\n\t\t}\n\n\t});\n\n\treturn Component;\n\n});\n",
397
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.m.sample.TableTest\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.m\": {},\n\t\t\t\t\"sap.ui.core\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"iframe\": \"OpaTableTest.html\",\n\t\t\t\t\"stretch\": true,\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"OpaTableTest.html\",\n\t\t\t\t\t\"applicationUnderTest/index.html\",\n\t\t\t\t\t\"applicationUnderTest/Component.js\",\n\t\t\t\t\t\"applicationUnderTest/products.json\",\n\t\t\t\t\t\"applicationUnderTest/view/Table.view.xml\",\n\t\t\t\t\t\"applicationUnderTest/view/Table.controller.js\",\n\t\t\t\t\t\"applicationUnderTest/view/Formatter.js\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}"
398
+ },
399
+ "sap.m/TableVerticalAlignment": {
400
+ "Component.js": "sap.ui.define(['sap/ui/core/UIComponent'],\n\tfunction(UIComponent) {\n\t\"use strict\";\n\n\tvar Component = UIComponent.extend(\"sap.m.sample.TableVerticalAlignment.Component\", {\n\n\t\tmetadata : {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n\n\treturn Component;\n\n});\n",
401
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.m.sample.TableVerticalAlignment\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.m.sample.TableVerticalAlignment.Table\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.m\": {},\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.layout\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"Table.view.xml\",\n\t\t\t\t\t\"Table.controller.js\",\n\t\t\t\t\t\"Formatter.js\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
402
+ "Table.controller.js": "sap.ui.define([\n\t\t'./Formatter',\n\t\t'sap/ui/core/mvc/Controller',\n\t\t'sap/ui/model/json/JSONModel'\n\t], function(Formatter, Controller, JSONModel) {\n\t\"use strict\";\n\n\tvar TableController = Controller.extend(\"sap.m.sample.TableVerticalAlignment.Table\", {\n\n\t\tonInit: function () {\n\n\t\t\t// set explored app's demo model on this sample\n\t\t\tvar oModel = new JSONModel(sap.ui.require.toUrl(\"sap/ui/demo/mock/products.json\"));\n\t\t\tthis.getView().setModel(oModel);\n\t\t}\n\t});\n\n\n\treturn TableController;\n\n});",
403
+ "Table.view.xml": "<mvc:View\n\tcontrollerName=\"sap.m.sample.TableVerticalAlignment.Table\"\n\txmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns=\"sap.m\">\n\t<Table id=\"idProductsTable\"\n\t\tmode=\"MultiSelect\"\n\t\tinset=\"false\"\n\t\titems=\"{\n\t\t\tpath: '/ProductCollection',\n\t\t\tsorter: {\n\t\t\t\tpath: 'Name'\n\t\t\t}\n\t\t}\">\n\t\t<headerToolbar>\n\t\t\t<OverflowToolbar>\n\t\t\t\t<Title text=\"Products\" level=\"H2\"/>\n\t\t\t</OverflowToolbar>\n\t\t</headerToolbar>\n\t\t<columns>\n\t\t\t<Column>\n\t\t\t\t<Text text=\"Product\" />\n\t\t\t</Column>\n\t\t\t<Column\n\t\t\t\thAlign=\"Center\"\n\t\t\t\twidth=\"12em\"\n\t\t\t\tminScreenWidth=\"Tablet\"\n\t\t\t\tdemandPopin=\"true\">\n\t\t\t\t<Text text=\"Quantity\" />\n\t\t\t</Column>\n\t\t\t<Column\n\t\t\t\tminScreenWidth=\"Tablet\"\n\t\t\t\tdemandPopin=\"true\"\n\t\t\t\thAlign=\"Center\">\n\t\t\t\t<Text text=\"Weight\" />\n\t\t\t</Column>\n\t\t\t<Column\n\t\t\t\thAlign=\"End\">\n\t\t\t\t<Text text=\"Unit Price\" />\n\t\t\t</Column>\n\t\t</columns>\n\t\t<items>\n\t\t\t<ColumnListItem vAlign=\"Middle\" type=\"Navigation\">\n\t\t\t\t<cells>\n\t\t\t\t\t<ObjectIdentifier\n\t\t\t\t\t\ttitle=\"{Name}\"\n\t\t\t\t\t\ttext=\"{ProductId}\" />\n\n\t\t\t\t\t<Input value=\"{Quantity}\" type=\"{Text}\" description=\"{UoM}\" fieldWidth=\"{60%}\"/>\n\n\t\t\t\t\t<ObjectNumber\n\t\t\t\t\t\tnumber=\"{WeightMeasure}\"\n\t\t\t\t\t\tunit=\"{WeightUnit}\"\n\t\t\t\t\t\tstate=\"{\n\t\t\t\t\t\t\tpath: 'WeightMeasure',\n\t\t\t\t\t\t\tformatter: 'sap.m.sample.TableVerticalAlignment.Formatter.weightState'\n\t\t\t\t\t\t}\" />\n\t\t\t\t\t<ObjectNumber\n number=\"{\n parts:[{path:'Price'},{path:'CurrencyCode'}],\n type: 'sap.ui.model.type.Currency',\n formatOptions: {showMeasure: false}\n }\"\n unit=\"{CurrencyCode}\" />\n\t\t\t\t</cells>\n\t\t\t</ColumnListItem>\n\t\t</items>\n\t</Table>\n</mvc:View>"
404
+ },
405
+ "sap.m/TableViewSettingsDialog": {
406
+ "ColumnMenu.fragment.xml": "<core:FragmentDefinition\n\t\txmlns=\"sap.m\"\n\t\txmlns:core=\"sap.ui.core\"\n\t\txmlns:tcm=\"sap.m.table.columnmenu\">\n\t<tcm:Menu id=\"columnHeaderMenu\" beforeOpen=\"onBeforeMenuOpen\">\n\t\t<tcm:QuickAction label=\"Quick Action\">\n\t\t\t<Button text=\"Execute\"></Button>\n\t\t</tcm:QuickAction>\n\t\t<tcm:items>\n\t\t\t<tcm:Item label=\"Item\" showResetButton=\"false\">\n\t\t\t\t<Panel>\n\t\t\t\t\t<Button text=\"Execute\"></Button>\n\t\t\t\t</Panel>\n\t\t\t</tcm:Item>\n\t\t\t<tcm:ActionItem\n\t\t\t\t\tlabel=\"Action Item\"\n\t\t\t\t\tpress=\"onActionItemPress\">\n\t\t\t</tcm:ActionItem>\n\t\t</tcm:items>\n\t</tcm:Menu>\n</core:FragmentDefinition>",
407
+ "Component.js": "sap.ui.define(['sap/ui/core/UIComponent'],\n\tfunction(UIComponent) {\n\t\"use strict\";\n\n\tvar Component = UIComponent.extend(\"sap.m.sample.TableViewSettingsDialog.Component\", {\n\n\t\tmetadata : {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n\n\treturn Component;\n\n});\n",
408
+ "FilterDialog.fragment.xml": "<core:FragmentDefinition\n\txmlns=\"sap.m\"\n\txmlns:core=\"sap.ui.core\">\n\t<ViewSettingsDialog\n\t\tconfirm=\"handleFilterDialogConfirm\">\n\t\t<filterItems>\n\t\t\t<ViewSettingsFilterItem\n\t\t\t\ttext=\"Weight\"\n\t\t\t\tkey=\"WeightMeasure\"\n\t\t\t\tmultiSelect=\"false\">\n\t\t\t\t<items>\n\t\t\t\t\t<ViewSettingsItem text=\"Less than 1000\" key=\"WeightMeasure___LE___1000___X\" />\n\t\t\t\t\t<ViewSettingsItem text=\"Between 1000 and 2000\" key=\"WeightMeasure___BT___1000___2000\" />\n\t\t\t\t\t<ViewSettingsItem text=\"More Than 2000\" key=\"WeightMeasure___GT___2000___X\" />\n\t\t\t\t</items>\n\t\t\t</ViewSettingsFilterItem>\n\t\t\t<ViewSettingsFilterItem\n\t\t\t\ttext=\"Price\"\n\t\t\t\tkey=\"Price\"\n\t\t\t\tmultiSelect=\"false\">\n\t\t\t\t<items>\n\t\t\t\t\t<ViewSettingsItem text=\"Less Than 100\" key=\"Price___LE___100___X\" />\n\t\t\t\t\t<ViewSettingsItem text=\"Between 100 and 1000\" key=\"Price___BT___100___1000\" />\n\t\t\t\t\t<ViewSettingsItem text=\"More Than 1000\" key=\"Price___GT___1000___X\" />\n\t\t\t\t</items>\n\t\t\t</ViewSettingsFilterItem>\n\t\t</filterItems>\n\t</ViewSettingsDialog>\n</core:FragmentDefinition>",
409
+ "GroupDialog.fragment.xml": "<core:FragmentDefinition\n\txmlns=\"sap.m\"\n\txmlns:core=\"sap.ui.core\">\n\t<ViewSettingsDialog\n\t\tconfirm=\".handleGroupDialogConfirm\"\n\t\treset=\".resetGroupDialog\">\n\t\t<groupItems>\n\t\t\t<ViewSettingsItem text=\"Supplier\" key=\"SupplierName\" />\n\t\t\t<ViewSettingsItem text=\"Price\" key=\"Price\" />\n\t\t</groupItems>\n\t</ViewSettingsDialog>\n</core:FragmentDefinition>",
410
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.m.sample.TableViewSettingsDialog\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.m.sample.TableViewSettingsDialog.SettingsDialogView\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.m\": {},\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.layout\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"SettingsDialogView.view.xml\",\n\t\t\t\t\t\"SettingsDialogController.controller.js\",\n\t\t\t\t\t\"SortDialog.fragment.xml\",\n\t\t\t\t\t\"FilterDialog.fragment.xml\",\n\t\t\t\t\t\"GroupDialog.fragment.xml\",\n\t\t\t\t\t\"ColumnMenu.fragment.xml\",\n\t\t\t\t\t\"Formatter.js\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
411
+ "SettingsDialogController.controller.js": "sap.ui.define([\n\t\t'sap/ui/core/mvc/Controller',\n\t\t'sap/ui/Device',\n\t\t'sap/ui/model/Filter',\n\t\t'sap/ui/model/Sorter',\n\t\t'sap/ui/model/json/JSONModel',\n\t\t'sap/m/Menu',\n\t\t'sap/m/MenuItem',\n\t\t'sap/m/MessageToast',\n\t\t'sap/ui/core/Fragment',\n\t\t'./Formatter'\n\t], function(Controller, Device , Filter, Sorter, JSONModel, Menu, MenuItem, MessageToast, Fragment /*, Formatter*/) {\n\t\"use strict\";\n\n\tvar SettingsDialogController = Controller.extend(\"sap.m.sample.TableViewSettingsDialog.SettingsDialogController\", {\n\n\t\tonInit: function () {\n\t\t\tvar oView = this.getView();\n\n\t\t\tFragment.load({\n\t\t\t\tid: this.getView().getId(),\n\t\t\t\tname: \"sap.m.sample.TableViewSettingsDialog.ColumnMenu\",\n\t\t\t\tcontroller: this\n\t\t\t}).then(function(oMenu) {\n\t\t\t\toView.addDependent(oMenu);\n\t\t\t\treturn oMenu;\n\t\t\t});\n\n\t\t\t// Keeps reference to any of the created sap.m.ViewSettingsDialog-s in this sample\n\t\t\tthis._mViewSettingsDialogs = {};\n\n\t\t\t// set explored app's demo model on this sample\n\t\t\tvar oModel = new JSONModel(sap.ui.require.toUrl(\"sap/ui/demo/mock/products.json\"));\n\t\t\tthis.getView().setModel(oModel);\n\n\t\t\tthis.mGroupFunctions = {\n\t\t\t\tSupplierName: function(oContext) {\n\t\t\t\t\tvar name = oContext.getProperty(\"SupplierName\");\n\t\t\t\t\treturn {\n\t\t\t\t\t\tkey: name,\n\t\t\t\t\t\ttext: name\n\t\t\t\t\t};\n\t\t\t\t},\n\t\t\t\tPrice: function(oContext) {\n\t\t\t\t\tvar price = oContext.getProperty(\"Price\");\n\t\t\t\t\tvar currencyCode = oContext.getProperty(\"CurrencyCode\");\n\t\t\t\t\tvar key, text;\n\t\t\t\t\tif (price <= 100) {\n\t\t\t\t\t\tkey = \"LE100\";\n\t\t\t\t\t\ttext = \"100 \" + currencyCode + \" or less\";\n\t\t\t\t\t} else if (price <= 1000) {\n\t\t\t\t\t\tkey = \"BT100-1000\";\n\t\t\t\t\t\ttext = \"Between 100 and 1000 \" + currencyCode;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tkey = \"GT1000\";\n\t\t\t\t\t\ttext = \"More than 1000 \" + currencyCode;\n\t\t\t\t\t}\n\t\t\t\t\treturn {\n\t\t\t\t\t\tkey: key,\n\t\t\t\t\t\ttext: text\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t};\n\t\t},\n\n\t\tresetGroupDialog: function(oEvent) {\n\t\t\tthis.groupReset = true;\n\t\t},\n\n\t\tgetViewSettingsDialog: function (sDialogFragmentName) {\n\t\t\tvar pDialog = this._mViewSettingsDialogs[sDialogFragmentName];\n\n\t\t\tif (!pDialog) {\n\t\t\t\tpDialog = Fragment.load({\n\t\t\t\t\tid: this.getView().getId(),\n\t\t\t\t\tname: sDialogFragmentName,\n\t\t\t\t\tcontroller: this\n\t\t\t\t}).then(function (oDialog) {\n\t\t\t\t\tif (Device.system.desktop) {\n\t\t\t\t\t\toDialog.addStyleClass(\"sapUiSizeCompact\");\n\t\t\t\t\t}\n\t\t\t\t\treturn oDialog;\n\t\t\t\t});\n\t\t\t\tthis._mViewSettingsDialogs[sDialogFragmentName] = pDialog;\n\t\t\t}\n\t\t\treturn pDialog;\n\t\t},\n\n\t\thandleSortButtonPressed: function () {\n\t\t\tthis.getViewSettingsDialog(\"sap.m.sample.TableViewSettingsDialog.SortDialog\")\n\t\t\t\t.then(function (oViewSettingsDialog) {\n\t\t\t\t\toViewSettingsDialog.open();\n\t\t\t\t});\n\t\t},\n\n\t\thandleFilterButtonPressed: function () {\n\t\t\tthis.getViewSettingsDialog(\"sap.m.sample.TableViewSettingsDialog.FilterDialog\")\n\t\t\t\t.then(function (oViewSettingsDialog) {\n\t\t\t\t\toViewSettingsDialog.open();\n\t\t\t\t});\n\t\t},\n\n\t\thandleGroupButtonPressed: function () {\n\t\t\tthis.getViewSettingsDialog(\"sap.m.sample.TableViewSettingsDialog.GroupDialog\")\n\t\t\t\t.then(function (oViewSettingsDialog) {\n\t\t\t\t\toViewSettingsDialog.open();\n\t\t\t\t});\n\t\t},\n\n\t\thandleSortDialogConfirm: function (oEvent) {\n\t\t\tvar oTable = this.byId(\"idProductsTable\"),\n\t\t\t\tmParams = oEvent.getParameters(),\n\t\t\t\toBinding = oTable.getBinding(\"items\"),\n\t\t\t\tsPath,\n\t\t\t\tbDescending,\n\t\t\t\taSorters = [];\n\n\t\t\tsPath = mParams.sortItem.getKey();\n\t\t\tbDescending = mParams.sortDescending;\n\t\t\taSorters.push(new Sorter(sPath, bDescending));\n\n\t\t\t// apply the selected sort and group settings\n\t\t\toBinding.sort(aSorters);\n\t\t},\n\n\t\thandleFilterDialogConfirm: function (oEvent) {\n\t\t\tvar oTable = this.byId(\"idProductsTable\"),\n\t\t\t\tmParams = oEvent.getParameters(),\n\t\t\t\toBinding = oTable.getBinding(\"items\"),\n\t\t\t\taFilters = [];\n\n\t\t\tmParams.filterItems.forEach(function(oItem) {\n\t\t\t\tvar aSplit = oItem.getKey().split(\"___\"),\n\t\t\t\t\tsPath = aSplit[0],\n\t\t\t\t\tsOperator = aSplit[1],\n\t\t\t\t\tsValue1 = aSplit[2],\n\t\t\t\t\tsValue2 = aSplit[3],\n\t\t\t\t\toFilter = new Filter(sPath, sOperator, sValue1, sValue2);\n\t\t\t\taFilters.push(oFilter);\n\t\t\t});\n\n\t\t\t// apply filter settings\n\t\t\toBinding.filter(aFilters);\n\n\t\t\t// update filter bar\n\t\t\tthis.byId(\"vsdFilterBar\").setVisible(aFilters.length > 0);\n\t\t\tthis.byId(\"vsdFilterLabel\").setText(mParams.filterString);\n\t\t},\n\n\t\thandleGroupDialogConfirm: function (oEvent) {\n\t\t\tvar oTable = this.byId(\"idProductsTable\"),\n\t\t\t\tmParams = oEvent.getParameters(),\n\t\t\t\toBinding = oTable.getBinding(\"items\"),\n\t\t\t\tsPath,\n\t\t\t\tbDescending,\n\t\t\t\tvGroup,\n\t\t\t\taGroups = [];\n\n\t\t\tif (mParams.groupItem) {\n\t\t\t\tsPath = mParams.groupItem.getKey();\n\t\t\t\tbDescending = mParams.groupDescending;\n\t\t\t\tvGroup = this.mGroupFunctions[sPath];\n\t\t\t\taGroups.push(new Sorter(sPath, bDescending, vGroup));\n\t\t\t\t// apply the selected group settings\n\t\t\t\toBinding.sort(aGroups);\n\t\t\t} else if (this.groupReset) {\n\t\t\t\toBinding.sort();\n\t\t\t\tthis.groupReset = false;\n\t\t\t}\n\t\t},\n\n\t\tonToggleContextMenu: function (oEvent) {\n\t\t\tvar oToggleButton = oEvent.getSource();\n\t\t\tif (oEvent.getParameter(\"pressed\")) {\n\t\t\t\toToggleButton.setTooltip(\"Disable Custom Context Menu\");\n\t\t\t\tthis.byId(\"idProductsTable\").setContextMenu(new Menu({\n\t\t\t\t\titems: [\n\t\t\t\t\t\tnew MenuItem({text: \"{Name}\"}),\n\t\t\t\t\t\tnew MenuItem({text: \"{ProductId}\"})\n\t\t\t\t\t]\n\t\t\t\t}));\n\t\t\t} else {\n\t\t\t\toToggleButton.setTooltip(\"Enable Custom Context Menu\");\n\t\t\t\tthis.byId(\"idProductsTable\").destroyContextMenu();\n\t\t\t}\n\t\t},\n\n\t\tonActionItemPress: function() {\n\t\t\tMessageToast.show('Action Item Pressed');\n\t\t}\n\t});\n\n\treturn SettingsDialogController;\n});",
412
+ "SettingsDialogView.view.xml": "<mvc:View\n\tcontrollerName=\"sap.m.sample.TableViewSettingsDialog.SettingsDialogController\"\n\txmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns=\"sap.m\"\n\theight=\"100%\">\n\t<Page showHeader=\"false\">\n\t\t<Table id=\"idProductsTable\"\n\t\t\titems=\"{/ProductCollection}\">\n\t\t\t<headerToolbar>\n\t\t\t\t<OverflowToolbar>\n\t\t\t\t\t<Title text=\"Products\" level=\"H2\"/>\n\t\t\t\t\t<ToolbarSpacer/>\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttooltip=\"Sort\"\n\t\t\t\t\t\ticon=\"sap-icon://sort\"\n\t\t\t\t\t\tpress=\"handleSortButtonPressed\"/>\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttooltip=\"Filter\"\n\t\t\t\t\t\ticon=\"sap-icon://filter\"\n\t\t\t\t\t\tpress=\"handleFilterButtonPressed\"/>\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttooltip=\"Group\"\n\t\t\t\t\t\ticon=\"sap-icon://group-2\"\n\t\t\t\t\t\tpress=\"handleGroupButtonPressed\"/>\n\t\t\t\t\t<ToggleButton icon=\"sap-icon://menu\" tooltip=\"Enable Custom Context Menu\" press=\"onToggleContextMenu\" />\n\t\t\t\t</OverflowToolbar>\n\t\t\t</headerToolbar>\n\t\t\t<infoToolbar>\n\t\t\t\t<OverflowToolbar id=\"vsdFilterBar\" visible=\"false\">\n\t\t\t\t\t<Text id=\"vsdFilterLabel\" />\n\t\t\t\t</OverflowToolbar>\n\t\t\t</infoToolbar>\n\t\t\t<columns>\n\t\t\t\t<Column id=\"product\" width=\"12em\" headerMenu=\"columnHeaderMenu\"><Text text=\"Product\" /></Column>\n\t\t\t\t<Column minScreenWidth=\"Tablet\" demandPopin=\"true\"><Text text=\"Supplier\" /></Column>\n\t\t\t\t<Column minScreenWidth=\"Tablet\" demandPopin=\"true\" hAlign=\"End\"><Text text=\"Dimensions\" /></Column>\n\t\t\t\t<Column minScreenWidth=\"Tablet\" demandPopin=\"true\" hAlign=\"Center\"><Text text=\"Weight\" /></Column>\n\t\t\t\t<Column hAlign=\"End\"><Text text=\"Price\" /></Column>\n\t\t\t</columns>\n\t\t\t<items>\n\t\t\t\t<ColumnListItem vAlign=\"Middle\">\n\t\t\t\t\t<cells>\n\t\t\t\t\t\t<ObjectIdentifier title=\"{Name}\" text=\"{ProductId}\" />\n\t\t\t\t\t\t<Text text=\"{SupplierName}\" />\n\t\t\t\t\t\t<Text text=\"{Width} x {Depth} x {Height} {DimUnit}\" />\n\t\t\t\t\t\t<ObjectNumber number=\"{WeightMeasure}\" unit=\"{WeightUnit}\"\n\t\t\t\t\t\t\tstate=\"{\n\t\t\t\t\t\t\t\tpath: 'WeightMeasure',\n\t\t\t\t\t\t\t\tformatter: 'sap.m.sample.TableViewSettingsDialog.Formatter.weightState'\n\t\t\t\t\t\t\t}\" />\n\t\t\t\t\t\t<ObjectNumber\n\t\t\t\t\t\t\t\tnumber=\"{\n\t\t\t\t\t\t\t\t\tparts:[{path:'Price'},{path:'CurrencyCode'}],\n\t\t\t\t\t\t\t\t\ttype: 'sap.ui.model.type.Currency',\n\t\t\t\t\t\t\t\t\tformatOptions: {showMeasure: false}\n\t\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\t\tunit=\"{CurrencyCode}\" />\n\t\t\t\t\t</cells>\n\t\t\t\t</ColumnListItem>\n\t\t\t</items>\n\t\t</Table>\n\t</Page>\n</mvc:View>",
413
+ "SortDialog.fragment.xml": "<core:FragmentDefinition\n\txmlns=\"sap.m\"\n\txmlns:core=\"sap.ui.core\">\n\t<ViewSettingsDialog\n\t\tconfirm=\"handleSortDialogConfirm\">\n\t\t<sortItems>\n\t\t\t<ViewSettingsItem text=\"Product\" key=\"Name\" selected=\"true\" />\n\t\t\t<ViewSettingsItem text=\"Supplier\" key=\"SupplierName\" />\n\t\t\t<ViewSettingsItem text=\"Weight\" key=\"WeightMeasure\" />\n\t\t\t<ViewSettingsItem text=\"Price\" key=\"Price\" />\n\t\t</sortItems>\n\t</ViewSettingsDialog>\n</core:FragmentDefinition>"
414
+ },
415
+ "sap.m/UploadSet": {
416
+ "Component.js": "sap.ui.define([\n\t'sap/ui/core/UIComponent'\n], function (UIComponent) {\n\t\"use strict\";\n\n\tvar Component = UIComponent.extend(\"sap.m.sample.UploadSet.Component\", {\n\t\tmetadata: {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n\n\treturn Component;\n});",
417
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.m.sample.UploadSet\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.m.sample.UploadSet.Page\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.m\": {},\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.unified\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"stretch\": true,\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"Page.view.xml\",\n\t\t\t\t\t\"Page.controller.js\",\n\t\t\t\t\t\"items.json\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
418
+ "Page.controller.js": "sap.ui.define([\n\t\"sap/m/library\",\n\t\"sap/ui/core/mvc/Controller\",\n\t\"sap/ui/core/Item\",\n\t\"sap/ui/model/json/JSONModel\",\n\t\"sap/m/upload/Uploader\"\n], function (MobileLibrary, Controller, Item, JSONModel, Uploader) {\n\t\"use strict\";\n\n\treturn Controller.extend(\"sap.m.sample.UploadSet.Page\", {\n\t\tonInit: function () {\n\t\t\tvar sPath = sap.ui.require.toUrl(\"sap/m/sample/UploadSet/items.json\"),\n\t\t\t\toUploadSet = this.byId(\"UploadSet\");\n\n\t\t\tthis.getView().setModel(new JSONModel(sPath));\n\n\t\t\t// Modify \"add file\" button\n\t\t\toUploadSet.getDefaultFileUploader().setButtonOnly(false);\n\t\t\toUploadSet.getDefaultFileUploader().setTooltip(\"\");\n\t\t\toUploadSet.getDefaultFileUploader().setIconOnly(true);\n\t\t\toUploadSet.getDefaultFileUploader().setIcon(\"sap-icon://attachment\");\n\t\t\toUploadSet.attachUploadCompleted(this.onUploadCompleted.bind(this));\n\t\t},\n\t\tonUploadSelectedButton: function () {\n\t\t\tvar oUploadSet = this.byId(\"UploadSet\");\n\n\t\t\toUploadSet.getItems().forEach(function (oItem) {\n\t\t\t\tif (oItem.getListItem().getSelected()) {\n\t\t\t\t\toUploadSet.uploadItem(oItem);\n\t\t\t\t}\n\t\t\t});\n\t\t},\n\t\tonDownloadSelectedButton: function () {\n\t\t\tvar oUploadSet = this.byId(\"UploadSet\");\n\n\t\t\toUploadSet.getItems().forEach(function (oItem) {\n\t\t\t\tif (oItem.getListItem().getSelected()) {\n\t\t\t\t\toItem.download(true);\n\t\t\t\t}\n\t\t\t});\n\t\t},\n\t\tonSelectionChange: function() {\n\t\t\tvar oUploadSet = this.byId(\"UploadSet\");\n\t\t\t// If there's any item selected, sets version button enabled\n\t\t\tif (oUploadSet.getSelectedItems().length > 0) {\n\t\t\t\tif (oUploadSet.getSelectedItems().length === 1) {\n\t\t\t\t\tthis.byId(\"versionButton\").setEnabled(true);\n\t\t\t\t} else {\n\t\t\t\t\tthis.byId(\"versionButton\").setEnabled(false);\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tthis.byId(\"versionButton\").setEnabled(false);\n\t\t\t}\n\t\t},\n\t\tonVersionUpload: function(oEvent) {\n\t\t\tvar oUploadSet = this.byId(\"UploadSet\");\n\t\t\tthis.oItemToUpdate = oUploadSet.getSelectedItem()[0];\n\t\t\toUploadSet.openFileDialog(this.oItemToUpdate);\n\t\t},\n\t\tonUploadCompleted: function(oEvent) {\n\t\t\tthis.oItemToUpdate = null;\n\t\t\tthis.byId(\"versionButton\").setEnabled(false);\n\t\t}\n\t});\n});",
419
+ "Page.view.xml": "<mvc:View\n\t\theight=\"100%\"\n\t\tcontrollerName=\"sap.m.sample.UploadSet.Page\"\n\t\txmlns:mvc=\"sap.ui.core.mvc\"\n\t\txmlns=\"sap.m\"\n\t\txmlns:upload=\"sap.m.upload\">\n\t<Page showHeader=\"false\">\n\t\t<upload:UploadSet\n\t\t\t\tid=\"UploadSet\"\n\t\t\t\tinstantUpload=\"true\"\n\t\t\t\tshowIcons=\"true\"\n\t\t\t\tuploadEnabled=\"true\"\n\t\t\t\tterminationEnabled=\"true\"\n\t\t\t\tfileTypes=\"txt,doc,png\"\n\t\t\t\tmaxFileNameLength=\"30\"\n\t\t\t\tmaxFileSize=\"200\"\n\t\t\t\tmediaTypes=\"text/plain,application/msword,image/png\"\n\t\t\t\tuploadUrl=\"../../../../upload\"\n\t\t\t\titems=\"{path: '/items', templateShareable: false}\"\n\t\t\t\tmode=\"MultiSelect\"\n\t\t\t\tselectionChanged=\"onSelectionChange\">\n\t\t\t<upload:toolbar>\n\t\t\t\t<OverflowToolbar>\n\t\t\t\t\t<ToolbarSpacer/>\n\t\t\t\t\t<Button\n\t\t\t\t\t\t\tid=\"uploadSelectedButton\"\n\t\t\t\t\t\t\ttext=\"Upload selected\"\n\t\t\t\t\t\t\tpress=\"onUploadSelectedButton\"/>\n\t\t\t\t\t<Button\n\t\t\t\t\t\t\tid=\"downloadSelectedButton\"\n\t\t\t\t\t\t\ttext=\"Download selected\"\n\t\t\t\t\t\t\tpress=\"onDownloadSelectedButton\"/>\n\t\t\t\t\t<Button\n\t\t\t\t\t\t\tid=\"versionButton\"\n\t\t\t\t\t\t\tenabled=\"false\"\n\t\t\t\t\t\t\ttext=\"Upload a new version\"\n\t\t\t\t\t\t\tpress=\"onVersionUpload\"/>\n\t\t\t\t\t<upload:UploadSetToolbarPlaceholder />\n\t\t\t\t</OverflowToolbar>\n\t\t\t</upload:toolbar>\n\t\t\t<upload:items>\n\t\t\t\t<upload:UploadSetItem\n\t\t\t\t\t\tfileName=\"{fileName}\"\n\t\t\t\t\t\tmediaType=\"{mediaType}\"\n\t\t\t\t\t\turl=\"{url}\"\n\t\t\t\t\t\tthumbnailUrl=\"{thumbnailUrl}\"\n\t\t\t\t\t\tmarkers=\"{path: 'markers', templateShareable: false}\"\n\t\t\t\t\t\tstatuses=\"{path: 'statuses', templateShareable: false}\"\n\t\t\t\t\t\tuploadState=\"{uploadState}\">\n\t\t\t\t\t<upload:markers>\n\t\t\t\t\t\t<ObjectMarker\n\t\t\t\t\t\t\t\ttype=\"{type}\"\n\t\t\t\t\t\t\t\tvisibility=\"{visibility}\"/>\n\t\t\t\t\t</upload:markers>\n\t\t\t\t\t<upload:statuses>\n\t\t\t\t\t\t<ObjectStatus\n\t\t\t\t\t\t\t\ttitle=\"{title}\"\n\t\t\t\t\t\t\t\ttext=\"{text}\"\n\t\t\t\t\t\t\t\tstate=\"{state}\"\n\t\t\t\t\t\t\t\ticon=\"{icon}\"\n\t\t\t\t\t\t\t\tactive=\"{active}\"/>\n\t\t\t\t\t</upload:statuses>\n\t\t\t\t</upload:UploadSetItem>\n\t\t\t</upload:items>\n\t\t</upload:UploadSet>\n\t</Page>\n</mvc:View>"
420
+ },
421
+ "sap.m/UploadSetCloudUpload": {
422
+ "Component.js": "sap.ui.define([\n\t'sap/ui/core/UIComponent'\n], function (UIComponent) {\n\t\"use strict\";\n\n\tvar Component = UIComponent.extend(\"sap.m.sample.UploadSetCloudUpload.Component\", {\n\t\tmetadata: {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n\n\treturn Component;\n});",
423
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.m.sample.UploadSetCloudUpload\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.m.sample.UploadSetCloudUpload.Page\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.m\": {},\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.unified\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"stretch\": true,\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"Page.view.xml\",\n\t\t\t\t\t\"Page.controller.js\",\n\t\t\t\t\t\"items.json\",\n\t\t\t\t\t\"manifest.json\",\n\t\t\t\t\t\"mockserver/metadata.xml\",\n\t\t\t\t\t\"mockserver/FileShares.json\",\n\t\t\t\t\t\"mockserver/FileShareItems.json\",\n\t\t\t\t\t\"mockserver/mockServer.js\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
424
+ "Page.controller.js": "sap.ui.define([\n\t\"sap/m/library\",\n\t\"sap/m/upload/Uploader\",\n\t\"sap/ui/core/mvc/Controller\",\n\t\"sap/ui/core/Item\",\n\t\"sap/ui/model/json/JSONModel\",\n\t\"sap/ui/model/odata/v4/ODataModel\",\n\t\"./mockserver/mockServer\",\n\t\"require\",\n\t\"sap/m/ObjectStatus\"\n], function (MobileLibrary, Uploader, Controller, Item, JSONModel, ODataModel, MockServer, require,ObjectStatus) {\n\t\"use strict\";\n\n\treturn Controller.extend(\"sap.m.sample.UploadSetCloudUpload.Page\", {\n\t\tonInit: function () {\n\t\t\tvar sPath = require.toUrl(\"./items.json\");\n\n\t\t\tthis.getView().setModel(new JSONModel(sPath));\n\n\t\t\tvar oMockServer = new MockServer();\n oMockServer.init();\n\n\t\t\tthis.overrideCloudFilePickerInstanceToMock();\n\t\t},\n\n\t\t// Overriding cloudpicker instance only for mock server to set earlyrequest to false do not override for other implementations.\n\t\toverrideCloudFilePickerInstanceToMock: function() {\n\t\t\tvar oUploadSet = this.byId(\"UploadSet\");\n\t\t\toUploadSet._getCloudFilePickerInstance = function() {\n\t\t\t\tvar oCloudPickerInstance = new oUploadSet._cloudFilePickerControl({\n\t\t\t\t\tserviceUrl: oUploadSet.getCloudFilePickerServiceUrl(),\n\t\t\t\t\tconfirmButtonText: oUploadSet._oRb.getText(\"SELECT_PICKER_TITLE_TEXT\"),\n\t\t\t\t\ttitle: oUploadSet._oRb.getText(\"SELECT_PICKER_TITLE_TEXT\"),\n\t\t\t\t\tfileNameMandatory: true,\n\t\t\t\t\tfilePickerType: \"Upload\",\n\t\t\t\t\tenableDuplicateCheck:oUploadSet.getSameFilenameAllowed(),\n\t\t\t\t\tselect: oUploadSet._onCloudPickerFileChange.bind(oUploadSet)\n\t\t\t\t});\n\n\t\t\t\tvar oModel = new ODataModel({\n\t\t\t\t serviceUrl: oCloudPickerInstance.getContent()[0].getModel().sServiceUrl,\n\t\t\t\t synchronizationMode: \"None\",\n\t\t\t\t earlyRequests: false\n\t\t\t\t });\n\n\t\t\t\toCloudPickerInstance.setModel(oModel);\n\n\t\t\t\treturn oCloudPickerInstance;\n\t\t\t};\n\t\t},\n\t\tbeforeUpload: function(oEvent) {\n\t\t\tvar oItem = oEvent.getParameter(\"item\");\n\t\t\tif (oItem.getUploadType() === \"Cloud\") {\n\t\t\t\toItem.addMarkerAsStatus(\n\t\t\t\t\tnew ObjectStatus({ text: \"Managed By Google\", icon:\"sap-icon://share-2\",state:\"Indication07\"})\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\t});\n});",
425
+ "Page.view.xml": "<mvc:View\n\t\theight=\"100%\"\n\t\tcontrollerName=\"sap.m.sample.UploadSetCloudUpload.Page\"\n\t\txmlns:mvc=\"sap.ui.core.mvc\"\n\t\txmlns=\"sap.m\"\n\t\txmlns:upload=\"sap.m.upload\">\n\t<Page showHeader=\"false\">\n\t\t<upload:UploadSet\n\t\t\t\tid=\"UploadSet\"\n\t\t\t\tinstantUpload=\"true\"\n\t\t\t\tshowIcons=\"true\"\n\t\t\t\tuploadEnabled=\"true\"\n\t\t\t\tterminationEnabled=\"true\"\n\t\t\t\tmaxFileNameLength=\"30\"\n\t\t\t\tmaxFileSize=\"200\"\n\t\t\t\tuploadUrl=\"../../../../upload\"\n\t\t\t\titems=\"{path: '/items', templateShareable: false}\"\n\t\t\t\tmode=\"MultiSelect\"\n\t\t\t\tcloudFilePickerEnabled=\"true\"\n\t\t\t\tbeforeUploadStarts = \".beforeUpload\"\n\t\t\t\tcloudFilePickerServiceUrl=\"/sap/opu/odata4/sap/ui_cmis_myfiles_04/srvd/sap/cmis_myfiles/0001/?sap-client=325\">\n\t\t\t<upload:toolbar>\n\t\t\t\t<OverflowToolbar>\n\t\t\t\t\t<ToolbarSpacer/>\n\t\t\t\t\t<upload:UploadSetToolbarPlaceholder />\n\t\t\t\t</OverflowToolbar>\n\t\t\t</upload:toolbar>\n\t\t\t<upload:items>\n\t\t\t\t<upload:UploadSetItem\n\t\t\t\t\t\tfileName=\"{fileName}\"\n\t\t\t\t\t\tmediaType=\"{mediaType}\"\n\t\t\t\t\t\turl=\"{url}\"\n\t\t\t\t\t\tthumbnailUrl=\"{thumbnailUrl}\"\n\t\t\t\t\t\tmarkers=\"{path: 'markers', templateShareable: false}\"\n\t\t\t\t\t\tstatuses=\"{path: 'statuses', templateShareable: false}\"\n\t\t\t\t\t\tuploadState=\"{uploadState}\">\n\t\t\t\t\t<upload:markers>\n\t\t\t\t\t\t<ObjectMarker\n\t\t\t\t\t\t\t\ttype=\"{type}\"\n\t\t\t\t\t\t\t\tvisibility=\"{visibility}\"/>\n\t\t\t\t\t</upload:markers>\n\t\t\t\t\t<upload:statuses>\n\t\t\t\t\t\t<ObjectStatus\n\t\t\t\t\t\t\t\ttitle=\"{title}\"\n\t\t\t\t\t\t\t\ttext=\"{text}\"\n\t\t\t\t\t\t\t\tstate=\"{state}\"\n\t\t\t\t\t\t\t\ticon=\"{icon}\"\n\t\t\t\t\t\t\t\tactive=\"{active}\"/>\n\t\t\t\t\t</upload:statuses>\n\t\t\t\t</upload:UploadSetItem>\n\t\t\t</upload:items>\n\t\t</upload:UploadSet>\n\t</Page>\n</mvc:View>"
426
+ },
427
+ "sap.m/UploadSetCustomUploader": {
428
+ "Component.js": "sap.ui.define([\n\t'sap/ui/core/UIComponent'\n], function (UIComponent) {\n\t\"use strict\";\n\n\tvar Component = UIComponent.extend(\"sap.m.sample.UploadSetCustomUploader.Component\", {\n\t\tmetadata: {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n\n\treturn Component;\n});",
429
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.m.sample.UploadSetCustomUploader\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.m.sample.UploadSetCustomUploader.Page\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.m\": {},\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.unified\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"stretch\": true,\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"Page.view.xml\",\n\t\t\t\t\t\"Page.controller.js\",\n\t\t\t\t\t\"items.json\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
430
+ "Page.controller.js": "sap.ui.define([\n\t\"sap/m/library\",\n\t\"sap/ui/core/mvc/Controller\",\n\t\"sap/ui/core/Item\",\n\t\"sap/ui/model/json/JSONModel\",\n\t\"sap/m/upload/Uploader\",\n\t\"sap/m/StandardListItem\",\n\t\"sap/m/MessageToast\"\n], function (MobileLibrary, Controller, Item, JSONModel, Uploader, ListItem, MessageToast) {\n\t\"use strict\";\n\n\tvar ListMode = MobileLibrary.ListMode;\n\n\tvar CustomUploader = Uploader.extend(\"sap.m.sample.UploadSetCustomUploader.CustomUploader\", {\n\t\tmetadata: {}\n\t});\n\n\tCustomUploader.prototype.uploadItem = function (oItem, aHeaders) {\n\t\tvar sNewUploadUrl = \"../../../../upload\"; // This value may be result of a backend request eg.\n\t\taHeaders.push(new Item({key: \"SomePostKey\", text: \"SomePostText\"}));\n\t\tthis.setUploadUrl(sNewUploadUrl);\n\n\t\tUploader.prototype.uploadItem.call(this, oItem, aHeaders);\n\t};\n\n\tCustomUploader.prototype.downloadItem = function (oItem, aHeaders, bAskForLocation) {\n\t\tvar sNewDownloadUrl = oItem.getUrl(); // This value may be result of a backend request eg.\n\t\taHeaders.push(new Item({key: \"SomeGetKey\", text: \"SomeGetText\"}));\n\t\tthis.setDownloadUrl(sNewDownloadUrl);\n\n\t\tUploader.prototype.downloadItem.call(this, oItem, aHeaders, bAskForLocation);\n\t};\n\n\treturn Controller.extend(\"sap.m.sample.UploadSet.Page\", {\n\t\tonInit: function () {\n\t\t\tvar sPath = sap.ui.require.toUrl(\"sap/m/sample/UploadSetCustomUploader/items.json\"),\n\t\t\t\toUploadSet = this.byId(\"UploadSet\"),\n\t\t\t\toCustomUploader = new CustomUploader();\n\n\t\t\tthis.getView().setModel(new JSONModel(sPath));\n\n\t\t\toUploadSet.setUploader(oCustomUploader);\n\t\t\toUploadSet.registerUploaderEvents(oCustomUploader);\n\n\t\t\t// Attach separate set of event handlers to demonstrate custom progress monitoring\n\t\t\toCustomUploader.attachUploadStarted(this.onUploadStarted.bind(this));\n\t\t\toCustomUploader.attachUploadProgressed(this.onUploadProgressed.bind(this));\n\t\t\toCustomUploader.attachUploadCompleted(this.onUploadCompleted.bind(this));\n\t\t\toCustomUploader.attachUploadAborted(this.onUploadAborted.bind(this));\n\n\t\t\toUploadSet.getList().setMode(ListMode.MultiSelect);\n\t\t},\n\t\tonUploadStarted: function (oEvent) {\n\t\t\tvar oList = this.byId(\"progressList\"),\n\t\t\t\toItem = oEvent.getParameter(\"item\");\n\t\t\toList.insertItem(new ListItem({\n\t\t\t\ttitle: \"Upload started: \" + oItem.getFileName()\n\t\t\t}));\n\t\t},\n\t\tonUploadProgressed: function (oEvent) {\n\t\t\tvar oList = this.byId(\"progressList\"),\n\t\t\t\toItem = oEvent.getParameter(\"item\");\n\t\t\toList.insertItem(new ListItem({\n\t\t\t\ttitle: \"Upload progressed: \" + oItem.getFileName()\n\t\t\t}));\n\t\t},\n\t\tonUploadCompleted: function (oEvent) {\n\t\t\tvar oList = this.byId(\"progressList\"),\n\t\t\t\toItem = oEvent.getParameter(\"item\");\n\t\t\toList.insertItem(new ListItem({\n\t\t\t\ttitle: \"Upload completed: \" + oItem.getFileName()\n\t\t\t}));\n\t\t},\n\t\tonUploadAborted: function (oEvent) {\n\t\t\tvar oList = this.byId(\"progressList\"),\n\t\t\t\toItem = oEvent.getParameter(\"item\");\n\t\t\toList.insertItem(new ListItem({\n\t\t\t\ttitle: \"Upload aborted: \" + oItem.getFileName()\n\t\t\t}));\n\t\t},\n\t\tonFileRenamed: function(oEvent) {\n\t\t\tMessageToast.show(\"FileRenamed event triggered.\");\n\t\t}\n\t});\n});",
431
+ "Page.view.xml": "<mvc:View\n\t\theight=\"100%\"\n\t\tcontrollerName=\"sap.m.sample.UploadSetCustomUploader.Page\"\n\t\txmlns:mvc=\"sap.ui.core.mvc\"\n\t\txmlns=\"sap.m\"\n\t\txmlns:upload=\"sap.m.upload\">\n\t<Page showHeader=\"false\">\n\t\t<upload:UploadSet\n\t\t\t\tid=\"UploadSet\"\n\t\t\t\tinstantUpload=\"true\"\n\t\t\t\tshowIcons=\"true\"\n\t\t\t\tuploadEnabled=\"true\"\n\t\t\t\tterminationEnabled=\"true\"\n\t\t\t\tfileTypes=\"txt,doc,png\"\n\t\t\t\tmaxFileNameLength=\"30\"\n\t\t\t\tmaxFileSize=\"200\"\n\t\t\t\tmediaTypes=\"text/plain,application/msword,image/jpeg\"\n\t\t\t\tuploadUrl=\"../../../../upload\"\n\t\t\t\tuploadButtonInvisible=\"false\"\n\t\t\t\tfileRenamed=\"onFileRenamed\"\n\t\t\t\tsameFilenameAllowed=\"false\"\n\t\t\t\titems=\"{path: '/items', templateShareable: false}\">\n\t\t\t<upload:items>\n\t\t\t\t<upload:UploadSetItem\n\t\t\t\t\t\tfileName=\"{fileName}\"\n\t\t\t\t\t\tmediaType=\"{mediaType}\"\n\t\t\t\t\t\turl=\"{url}\"\n\t\t\t\t\t\tthumbnailUrl=\"{thumbnailUrl}\"\n\t\t\t\t\t\tattributes=\"{path: 'attributes', templateShareable: false}\"\n\t\t\t\t\t\tmarkers=\"{path: 'markers', templateShareable: false}\"\n\t\t\t\t\t\tstatuses=\"{path: 'statuses', templateShareable: false}\"\n\t\t\t\t\t\tuploadState=\"{uploadState}\">\n\t\t\t\t\t<upload:attributes>\n\t\t\t\t\t\t<ObjectAttribute\n\t\t\t\t\t\t\t\ttitle=\"{title}\"\n\t\t\t\t\t\t\t\ttext=\"{text}\"\n\t\t\t\t\t\t\t\tactive=\"{active}\"/>\n\t\t\t\t\t</upload:attributes>\n\t\t\t\t\t<upload:markers>\n\t\t\t\t\t\t<ObjectMarker\n\t\t\t\t\t\t\t\ttype=\"{type}\"\n\t\t\t\t\t\t\t\tvisibility=\"{visibility}\"/>\n\t\t\t\t\t</upload:markers>\n\t\t\t\t\t<upload:statuses>\n\t\t\t\t\t\t<ObjectStatus\n\t\t\t\t\t\t\t\ttitle=\"{title}\"\n\t\t\t\t\t\t\t\ttext=\"{text}\"\n\t\t\t\t\t\t\t\tstate=\"{state}\"\n\t\t\t\t\t\t\t\ticon=\"{icon}\"\n\t\t\t\t\t\t\t\tactive=\"{active}\"/>\n\t\t\t\t\t</upload:statuses>\n\t\t\t\t</upload:UploadSetItem>\n\t\t\t</upload:items>\n\t\t</upload:UploadSet>\n\t\t<List id=\"progressList\"/>\n\t</Page>\n</mvc:View>"
432
+ },
433
+ "sap.m/UploadSetDirectoryUploads": {
434
+ "Component.js": "sap.ui.define([\n\t'sap/ui/core/UIComponent'\n], function (UIComponent) {\n\t\"use strict\";\n\n\tvar Component = UIComponent.extend(\"sap.m.sample.UploadSetDirectoryUploads.Component\", {\n\t\tmetadata: {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n\n\treturn Component;\n});",
435
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.m.sample.UploadSetDirectoryUploads\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.m.sample.UploadSetDirectoryUploads.Page\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.m\": {},\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.unified\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"stretch\": true,\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"Page.view.xml\",\n\t\t\t\t\t\"Page.controller.js\",\n\t\t\t\t\t\"items.json\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
436
+ "Page.controller.js": "sap.ui.define([\n\t\"sap/m/library\",\n\t\"sap/ui/core/mvc/Controller\",\n\t\"sap/ui/core/Item\",\n\t\"sap/ui/model/json/JSONModel\",\n\t\"sap/m/upload/Uploader\"\n], function (MobileLibrary, Controller, Item, JSONModel, Uploader) {\n\t\"use strict\";\n\n\treturn Controller.extend(\"sap.m.sample.UploadSet.Page\", {\n\t\tonInit: function () {\n\t\t\tvar sPath = sap.ui.require.toUrl(\"sap/m/sample/UploadSet/items.json\");\n\n\t\t\tthis.getView().setModel(new JSONModel(sPath));\n\t\t},\n\t\thandleSelectionChange: function(oEvent) {\n\t\t\tvar oItem = oEvent.getParameter(\"item\");\n\t\t\tvar oUploadSet = this.byId(\"UploadSet\");\n\t\t\tif (oItem) {\n\t\t\t\tswitch (oItem.getText()) {\n\t\t\t\t\tcase \"File Mode\":\n\t\t\t\t\t\toUploadSet.setDirectory(false);\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase \"Directory Mode\":\n\t\t\t\t\t\toUploadSet.setDirectory(true);\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tdefault:\n\t\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t});\n});",
437
+ "Page.view.xml": "<mvc:View\n\t\theight=\"100%\"\n\t\tcontrollerName=\"sap.m.sample.UploadSetDirectoryUploads.Page\"\n\t\txmlns:mvc=\"sap.ui.core.mvc\"\n\t\txmlns=\"sap.m\"\n\t\txmlns:upload=\"sap.m.upload\">\n\t<Page showHeader=\"false\">\n\t\t<upload:UploadSet\n\t\t\t\tid=\"UploadSet\"\n\t\t\t\tinstantUpload=\"true\"\n\t\t\t\tshowIcons=\"true\"\n\t\t\t\tuploadEnabled=\"true\"\n\t\t\t\tterminationEnabled=\"true\"\n\t\t\t\tfileTypes=\"txt,doc,png\"\n\t\t\t\tmaxFileNameLength=\"30\"\n\t\t\t\tmaxFileSize=\"200\"\n\t\t\t\tmediaTypes=\"text/plain,application/msword,image/png\"\n\t\t\t\tuploadUrl=\"../../../../upload\"\n\t\t\t\titems=\"{path: '/items', templateShareable: false}\"\n\t\t\t\tmode=\"MultiSelect\"\n\t\t\t\tselectionChanged=\"onSelectionChange\"\n\t\t\t\tdirectory=\"true\">\n\t\t\t<upload:toolbar>\n\t\t\t\t<OverflowToolbar>\n\t\t\t\t\t<ToolbarSpacer/>\n\t\t\t\t\t <SegmentedButton accessibleName=\"Upload modes\" selectionChange=\"handleSelectionChange\">\n <items>\n <SegmentedButtonItem text=\"Directory Mode\" pressed=\"true\"></SegmentedButtonItem>\n <SegmentedButtonItem text=\"File Mode\"></SegmentedButtonItem>\n </items>\n </SegmentedButton>\n\t\t\t\t</OverflowToolbar>\n\t\t\t</upload:toolbar>\n\t\t\t<upload:items>\n\t\t\t\t<upload:UploadSetItem\n\t\t\t\t\t\tfileName=\"{fileName}\"\n\t\t\t\t\t\tmediaType=\"{mediaType}\"\n\t\t\t\t\t\turl=\"{url}\"\n\t\t\t\t\t\tthumbnailUrl=\"{thumbnailUrl}\"\n\t\t\t\t\t\tattributes=\"{path: 'attributes', templateShareable: false}\"\n\t\t\t\t\t\tmarkers=\"{path: 'markers', templateShareable: false}\"\n\t\t\t\t\t\tstatuses=\"{path: 'statuses', templateShareable: false}\"\n\t\t\t\t\t\tuploadState=\"{uploadState}\">\n\t\t\t\t\t<upload:attributes>\n\t\t\t\t\t\t<ObjectAttribute\n\t\t\t\t\t\t\t\ttitle=\"{title}\"\n\t\t\t\t\t\t\t\ttext=\"{text}\"\n\t\t\t\t\t\t\t\tactive=\"{active}\"/>\n\t\t\t\t\t</upload:attributes>\n\t\t\t\t\t<upload:markers>\n\t\t\t\t\t\t<ObjectMarker\n\t\t\t\t\t\t\t\ttype=\"{type}\"\n\t\t\t\t\t\t\t\tvisibility=\"{visibility}\"/>\n\t\t\t\t\t</upload:markers>\n\t\t\t\t\t<upload:statuses>\n\t\t\t\t\t\t<ObjectStatus\n\t\t\t\t\t\t\t\ttitle=\"{title}\"\n\t\t\t\t\t\t\t\ttext=\"{text}\"\n\t\t\t\t\t\t\t\tstate=\"{state}\"\n\t\t\t\t\t\t\t\ticon=\"{icon}\"\n\t\t\t\t\t\t\t\tactive=\"{active}\"/>\n\t\t\t\t\t</upload:statuses>\n\t\t\t\t</upload:UploadSetItem>\n\t\t\t</upload:items>\n\t\t</upload:UploadSet>\n\t</Page>\n</mvc:View>"
438
+ },
439
+ "sap.m/UploadSetGroupingSortingFiltering": {
440
+ "Component.js": "sap.ui.define([\n\t'sap/ui/core/UIComponent'\n], function (UIComponent) {\n\t\"use strict\";\n\n\tvar Component = UIComponent.extend(\"sap.m.sample.UploadSetGroupingSortingFiltering.Component\", {\n\t\tmetadata: {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n\n\treturn Component;\n});",
441
+ "Dialog.fragment.xml": "<core:FragmentDefinition\n\txmlns=\"sap.m\"\n\txmlns:core=\"sap.ui.core\">\n\t<ViewSettingsDialog\n\t\ttitle=\"Grouping, Sorting and Filtering of Items\"\n\t\tconfirm=\"onViewSettingsConfirm\">\n\t\t<sortItems>\n\t\t\t<ViewSettingsItem text=\"File Name\" key=\"fileName\" />\n\t\t\t<ViewSettingsItem text=\"Mime Type\" key=\"mimeType\" />\n\t\t</sortItems>\n\t\t<groupItems>\n\t\t\t<ViewSettingsItem text=\"Uploaded By\" key=\"uploadedBy\" selected=\"true\" />\n\t\t\t<ViewSettingsItem text=\"Mime Type\" key=\"mimeType\" />\n\t\t\t<ViewSettingsItem text=\"File Name\" key=\"fileName\" />\n\t\t</groupItems>\n\t\t<filterItems>\n\t\t\t<ViewSettingsFilterItem\n\t\t\t\ttext=\"File Size\"\n\t\t\t\tkey=\"fileSize\"\n\t\t\t\tmultiSelect=\"true\">\n\t\t\t\t<items>\n\t\t\t\t\t<ViewSettingsItem text=\"Less than 100 KB\" key=\"fileSize LT 102400\" />\n\t\t\t\t\t<ViewSettingsItem text=\"Between 100 KB and 1 MB\" key=\"fileSize BT 102400 1048576\" />\n\t\t\t\t\t<ViewSettingsItem text=\"More Than 1 MB\" key=\"fileSize GT 1048576\" />\n\t\t\t\t</items>\n\t\t\t</ViewSettingsFilterItem>\n\t\t\t<ViewSettingsFilterItem\n\t\t\t\ttext=\"Upload State\"\n\t\t\t\tkey=\"uploadState\"\n\t\t\t\tmultiSelect=\"true\">\n\t\t\t\t<items>\n\t\t\t\t\t<ViewSettingsItem text=\"Complete\" key=\"uploadState EQ Complete\" />\n\t\t\t\t\t<ViewSettingsItem text=\"InComplete\" key=\"uploadState EQ InComplete\" />\n\t\t\t\t</items>\n\t\t\t</ViewSettingsFilterItem>\n\t\t</filterItems>\n\t</ViewSettingsDialog>\n</core:FragmentDefinition>\n",
442
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.m.sample.UploadSetGroupingSortingFiltering\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.m.sample.UploadSetGroupingSortingFiltering.Page\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.m\": {},\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.unified\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"stretch\": true,\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"Dialog.fragment.xml\",\n\t\t\t\t\t\"Page.view.xml\",\n\t\t\t\t\t\"Page.controller.js\",\n\t\t\t\t\t\"items.json\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
443
+ "Page.controller.js": "sap.ui.define([\n\t\"sap/m/library\",\n\t\"sap/ui/core/mvc/Controller\",\n\t\"sap/ui/core/Item\",\n\t\"sap/ui/model/json/JSONModel\",\n\t\"sap/m/upload/Uploader\",\n\t\"sap/m/StandardListItem\",\n\t\"sap/m/MessageToast\",\n\t\"sap/m/Button\",\n\t'sap/ui/core/IconPool',\n\t\"sap/m/GroupHeaderListItem\",\n\t\"sap/ui/core/Fragment\",\n\t\"sap/ui/core/syncStyleClass\",\n\t\"sap/ui/model/Filter\",\n\t\"sap/ui/model/Sorter\",\n\t\"sap/m/ToolbarSpacer\",\n\t\"sap/m/Toolbar\",\n\t\"sap/m/Label\",\n\t\"sap/ui/core/Icon\"\n], function (MobileLibrary, Controller, Item, JSONModel, Uploader, ListItem, MessageToast, Button, IconPool, GroupHeaderListItem, Fragment, syncStyleClass,\n\tFilter, Sorter, ToolbarSpacer, ToolBar, Label, Icon) {\n\t\"use strict\";\n\n\treturn Controller.extend(\"sap.m.sample.UploadSet.Page\", {\n\n\t\tonInit: function () {\n\t\t\tvar sPath = sap.ui.require.toUrl(\"sap/m/sample/UploadSetGroupingSortingFiltering/items.json\"),\n\t\t\t\toUploadSet = this.byId(\"UploadSet\");\n\n\t\t\tthis.getView().setModel(new JSONModel(sPath));\n\n\t\t\t// Modify \"add file\" button\n\t\t\toUploadSet.getDefaultFileUploader().setButtonOnly(false);\n\t\t\toUploadSet.getDefaultFileUploader().setTooltip(\"\");\n\t\t\toUploadSet.getDefaultFileUploader().setIconOnly(true);\n\t\t\toUploadSet.getDefaultFileUploader().setIcon(\"sap-icon://attachment\");\n\n\t\t\tvar overflowToolbar = oUploadSet.getToolbar();\n\t\t\toverflowToolbar.addContent(new Button({\n\t\t\t\ttype:\"Transparent\",\n\t\t\t\ticon:IconPool.getIconURI('drop-down-list'),\n\t\t\t\ttooltip:\"View settings\",\n\t\t\t\tpress: [this.onViewSettingsPressed, this]\n\t\t\t}));\n\n\t\t\t// Attach infotoolbar to list to display filtering information if filters applied\n\t\t\tvar oList = oUploadSet.getList();\n\t\t\tvar oInfoToolBar = new ToolBar('idInfoToolbarUploadSet', {\n\t\t\t\tactive: true,\n\t\t\t\tvisible: false,\n\t\t\t\tpress:[this.onInfoToolbarPressed, this],\n\t\t\t\tcontent: [new Label('idInfoToolbarLabel'), new ToolbarSpacer(), new Icon('icClearFilters', {\n\t\t\t\t\twidth:'2rem',\n\t\t\t\t\tsrc:'sap-icon://sys-cancel'\n\t\t\t\t})]\n\t\t\t});\n\t\t\toList.setInfoToolbar(oInfoToolBar);\n\n\t\t\tthis.mGroupFunctions = {\n\t\t\t\tuploadedBy: function(oContext) {\n\t\t\t\t\treturn {\n\t\t\t\t\t\tkey: oContext.getProperty(\"uploadedBy\"), //'uploadedBy' value as attribute\n\t\t\t\t\t\ttext: \"Uploaded By\"\n\t\t\t\t\t};\n\t\t\t\t},\n\t\t\t\tmimeType: function(oContext) {\n\t\t\t\t\treturn {\n\t\t\t\t\t\tkey: oContext.getProperty(\"mimeType\"), //'mimeType' value as property\n\t\t\t\t\t\ttext: \"Mime Type\"\n\t\t\t\t\t};\n\t\t\t\t},\n\t\t\t\tfileName: function(oContext) {\n\t\t\t\t\treturn {\n\t\t\t\t\t\tkey: oContext.getProperty(\"fileName\"), //'uploadedBy' value as attribute\n\t\t\t\t\t\ttext: \"File name\"\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t};\n\n\t\t\tthis.oDialogRef = null;\n\t\t},\n\t\tonViewSettingsClearFilters: function(oEvent) {\n\t\t\tthis.onViewSettingsConfirm(oEvent);\n\t\t\t// reset dialog content to initial state\n\t\t\tif (this.oDialogRef && this.oDialogRef._resetButton) {\n\t\t\t\tthis.oDialogRef._resetButton.firePress();\n\t\t\t}\n\t\t},\n\n\t\tonInfoToolbarPressed: function(oEvent) {\n\t\t\tif (oEvent.getParameters().srcControl.sId === \"icClearFilters\") {\n\t\t\t\tthis.onViewSettingsClearFilters(oEvent);\n\t\t\t} else {\n\t\t\t\tthis.onViewSettingsPressed(oEvent);\n\t\t\t}\n\t\t},\n\n\t\tonViewSettingsPressed: function(oEvent) {\n\t\t\tvar oView = this.getView();\n\n\t\t\tif (!this._pDialog) {\n\t\t\t\tthis._pDialog = Fragment.load({\n\t\t\t\t\tid: oView.getId(),\n\t\t\t\t\tname: \"sap.m.sample.UploadSetGroupingSortingFiltering.Dialog\",\n\t\t\t\t\tcontroller: this\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tvar that = this;\n\t\t\tthis._pDialog.then(function(oDialog){\n\t\t\t\tthat.oDialogRef = oDialog;\n\t\t\t\t// toggle compact style\n\t\t\t\tsyncStyleClass(\"sapUiSizeCompact\", oView, oDialog);\n\t\t\t\toDialog.open();\n\t\t\t});\n\n\t\t},\n\n\t\tonViewSettingsConfirm: function(oEvent) {\n\t\t\tvar oUploadSet = this.byId(\"UploadSet\");\n\t\t\tvar oInfoToolbar = oUploadSet.getList().getInfoToolbar();\n\t\t\tvar oBindingItems = oUploadSet.getBinding(\"items\");\n\t\t\tvar mParams = oEvent.getParameters();\n\t\t\tvar aSorters = [], sPath, vGroup, bDescending;\n\n\t\t\t// apply grouping\n\t\t\tif (mParams.groupItem) {\n\t\t\t\tsPath = mParams.groupItem.getKey();\n\t\t\t\tbDescending = mParams.groupDescending;\n\t\t\t\tvGroup = this.mGroupFunctions[sPath];\n\t\t\t\taSorters.push(new Sorter(sPath, bDescending, vGroup));\n\t\t\t}\n\t\t\t// apply sorting\n\t\t\tif (mParams.sortItem) {\n\t\t\t\tsPath = mParams.sortItem.getKey();\n\t\t\t\tbDescending = mParams.sortDescending;\n\t\t\t\taSorters.push(new Sorter(sPath, bDescending));\n\t\t\t}\n\t\t\toBindingItems.sort(aSorters);\n\n\t\t\t// apply filters to binding\n\t\t\tvar aFilters = [];\n\t\t\tif (mParams && mParams.filterItems) {\n\t\t\t\tmParams.filterItems.forEach(function(oItem, i) {\n\t\t\t\t\tvar aSplit = oItem.getKey().split(\" \");\n\t\t\t\t\tvar sPath = aSplit[0];\n\t\t\t\t\tvar sOperator = aSplit[1];\n\t\t\t\t\tvar sValue1 = aSplit[2];\n\t\t\t\t\tvar sValue2 = aSplit[3];\n\t\t\t\t\tvar oFilter = new Filter(sPath, sOperator, sValue1, sValue2);\n\t\t\t\t\taFilters.push(oFilter);\n\t\t\t\t});\n\t\t\t}\n\t\t\toBindingItems.filter(aFilters);\n\n\t\t\t// update filter bar\n\t\t\toInfoToolbar.setVisible(aFilters.length > 0);\n\t\t\tvar sFilterString = \"\";\n\t\t\tif (mParams.filterString) {\n\t\t\t\tsFilterString = mParams.filterString;\n\t\t\t}\n\t\t\toInfoToolbar.getContent()[0].setText(sFilterString);\n\t\t},\n\t\tgetGroupHeader: function(oGroup) {\n\t\t\treturn new GroupHeaderListItem({\n\t\t\t\ttitle: oGroup ? (oGroup.text ? oGroup.text : \"Uploaded By\") + \": \" + oGroup.key : ''\n\t\t\t});\n\t\t}\n\t});\n});",
444
+ "Page.view.xml": "<mvc:View\n\t\theight=\"100%\"\n\t\tcontrollerName=\"sap.m.sample.UploadSetGroupingSortingFiltering.Page\"\n\t\txmlns:mvc=\"sap.ui.core.mvc\"\n\t\txmlns=\"sap.m\"\n\t\txmlns:core=\"sap.ui.core\"\n\t\txmlns:upload=\"sap.m.upload\">\n\t<Page showHeader=\"false\">\n\t\t<upload:UploadSet\n\t\t\t\tid=\"UploadSet\"\n\t\t\t\tinstantUpload=\"true\"\n\t\t\t\tshowIcons=\"true\"\n\t\t\t\tuploadEnabled=\"true\"\n\t\t\t\tterminationEnabled=\"true\"\n\t\t\t\tfileTypes=\"txt,doc,png\"\n\t\t\t\tmaxFileNameLength=\"30\"\n\t\t\t\tmaxFileSize=\"200\"\n\t\t\t\tmediaTypes=\"text/plain,application/msword,image/jpeg\"\n\t\t\t\tuploadUrl=\"../../../../upload\"\n\t\t\t\titems=\"{path: '/items',\n\t\t\t\ttemplateShareable: false,\n\t\t\t\tsorter: {\n\t\t\t\t\tpath: 'uploadedBy',\n\t\t\t\t\tdescending: false,\n\t\t\t\t\tgroup: true\n\t\t\t\t},\n\t\t\t\tgroupHeaderFactory: '.getGroupHeader'\n\t\t\t\t}\"\n\t\t\t\tmode=\"None\">\n\t\t\t<upload:toolbar>\n\t\t\t\t<OverflowToolbar>\n\t\t\t\t<ToolbarSpacer/>\n\t\t\t\t</OverflowToolbar>\n\t\t\t</upload:toolbar>\n\t\t\t<upload:items>\n\t\t\t\t<upload:UploadSetItem\n\t\t\t\t\t\tfileName=\"{fileName}\"\n\t\t\t\t\t\tmediaType=\"{mediaType}\"\n\t\t\t\t\t\turl=\"{url}\"\n\t\t\t\t\t\tthumbnailUrl=\"{thumbnailUrl}\"\n\t\t\t\t\t\tattributes=\"{path: 'attributes', templateShareable: false}\"\n\t\t\t\t\t\tmarkers=\"{path: 'markers', templateShareable: false}\"\n\t\t\t\t\t\tstatuses=\"{path: 'statuses', templateShareable: false}\"\n\t\t\t\t\t\tuploadState=\"{uploadState}\">\n\t\t\t\t\t<upload:attributes>\n\t\t\t\t\t\t<ObjectAttribute\n\t\t\t\t\t\t\t\ttitle=\"{title}\"\n\t\t\t\t\t\t\t\ttext=\"{text}\"\n\t\t\t\t\t\t\t\tactive=\"{active}\"/>\n\t\t\t\t\t</upload:attributes>\n\t\t\t\t\t<upload:markers>\n\t\t\t\t\t\t<ObjectMarker\n\t\t\t\t\t\t\t\ttype=\"{type}\"\n\t\t\t\t\t\t\t\tvisibility=\"{visibility}\"/>\n\t\t\t\t\t</upload:markers>\n\t\t\t\t\t<upload:statuses>\n\t\t\t\t\t\t<ObjectStatus\n\t\t\t\t\t\t\t\ttitle=\"{title}\"\n\t\t\t\t\t\t\t\ttext=\"{text}\"\n\t\t\t\t\t\t\t\tstate=\"{state}\"\n\t\t\t\t\t\t\t\ticon=\"{icon}\"\n\t\t\t\t\t\t\t\tactive=\"{active}\"/>\n\t\t\t\t\t</upload:statuses>\n\t\t\t\t</upload:UploadSetItem>\n\t\t\t</upload:items>\n\t\t</upload:UploadSet>\n\t</Page>\n</mvc:View>"
445
+ },
446
+ "sap.m/UploadSetwithTable": {
447
+ "UploadSetwithTableFilePreview/Component.js": "sap.ui.define([\n\t'sap/ui/core/UIComponent'\n], function (UIComponent) {\n\t\"use strict\";\n\t/**\n\t * @internal\n\t */\n\n\tvar Component = UIComponent.extend(\"sap.m.sample.UploadSetwithTableFilePreview.Component\", {\n\t\tmetadata: {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n\n\treturn Component;\n});",
448
+ "UploadSetwithTableFilePreview/fragments/AddViaUrl.fragment.xml": "<!-- Fragment.fragment.xml -->\n<core:FragmentDefinition xmlns=\"sap.m\" xmlns:core=\"sap.ui.core\" xmlns:form=\"sap.ui.layout.form\" templateShareable=\"false\" class=\"sapUiTinyMarginTop\">\n <Dialog id=\"addViaUrlDialog\" title=\"Add URL\" contentWidth=\"28rem\" contentHeight=\"15rem\" class=\"sapUiSmallMargin\">\n <content>\n <form:SimpleForm editable=\"true\" id=\"addViaUrlSimpleform\">\n <Label id=\"urlInputLabel\" text=\"URL\" required=\"true\"/>\n <Input id=\"urlInput\"/>\n <Label id=\"nameInputLabel\" text=\"Name\" required=\"true\"/>\n <Input id=\"nameInput\"/>\n </form:SimpleForm>\n </content>\n <beginButton>\n <Button id=\"addDocumentBtn\" text=\"Add\" type=\"Emphasized\" press=\".handleAddViaUrl\" />\n </beginButton>\n <endButton>\n <Button text=\"Cancel\" press=\".closeAddViaUrlFragment\" />\n </endButton>\n </Dialog>\n</core:FragmentDefinition>",
449
+ "UploadSetwithTableFilePreview/manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.m.sample.UploadSetwithTableFilePreview\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.m.sample.UploadSetwithTable.UploadSetwithTableFilePreview.Page\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.m\": {},\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.unified\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"stretch\": true,\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"Page.view.xml\",\n\t\t\t\t\t\"Page.controller.js\",\n\t\t\t\t\t\"manifest.json\",\n\t\t\t\t\t\"test/items.json\",\n\t\t\t\t\t\"test/mockserver.js\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
450
+ "UploadSetwithTableFilePreview/Page.controller.js": "sap.ui.define([\n\t\"sap/ui/core/mvc/Controller\",\n\t\"sap/ui/model/json/JSONModel\",\n\t\"sap/m/upload/UploadSetwithTable\",\n\t\"sap/m/upload/UploadSetwithTableItem\",\n\t\"sap/m/MessageBox\",\n\t\"./test/mockserver\",\n\t\"sap/m/MessageToast\",\n\t\"sap/ui/core/Item\",\n\t\"sap/ui/model/Filter\",\n\t\"sap/ui/model/FilterOperator\"\n], function (Controller, JSONModel, UploadSetwithTable, UploadSetwithTableItem, MessageBox, MockServer, MessageToast, CoreItem, Filter, FilterOperator) {\n\t\"use strict\";\n\n\treturn Controller.extend(\"sap.m.sample.UploadSetwithTableFilePreview.Page\", {\n\t\tonInit: function () {\n\t\t\tvar sPath = sap.ui.require.toUrl(\"sap/m/sample/UploadSetwithTable/UploadSetwithTableFilePreview/test/items.json\");\n\n\t\t\tvar oModel = new JSONModel(sPath);\n\t\t\tthis.getView().setModel(oModel);\n\t\t\tthis.oUploadSetTable = this.byId(\"UploadSetTable\");\n\n\t\t\tthis.oItemsProcessor = [];\n\t\t\tthis.oMockServer = new MockServer();\n\t\t\tthis.oMockServer.oModel = oModel;\n\t\t},\n\t\tgetIconSrc: function(mediaType, thumbnailUrl) {\n\t\t\treturn UploadSetwithTable.getIconForFileType(mediaType, thumbnailUrl);\n\t\t},\n\t\t// Table row selection handler\n\t\tonSelectionChange: function(oEvent) {\n\t\t\tvar oTable = oEvent.getSource();\n\t\t\tvar aSelectedItems = oTable.getSelectedItems();\n\t\t\tvar oDownloadBtn = this.byId(\"downloadSelectedButton\");\n\t\t\tvar oEditUrlBtn = this.byId(\"editUrlButton\");\n\t\t\tvar oRenameBtn = this.byId(\"renameButton\");\n\t\t\tvar oRemoveDocumentBtn = this.byId(\"removeDocumentButton\");\n\n\t\t\tif (aSelectedItems.length > 0) {\n\t\t\t\toDownloadBtn.setEnabled(true);\n\t\t\t} else {\n\t\t\t\toDownloadBtn.setEnabled(false);\n\t\t\t}\n\t\t\tif (aSelectedItems.length === 1){\n\t\t\t\toEditUrlBtn.setEnabled(true);\n\t\t\t\toRenameBtn.setEnabled(true);\n\t\t\t\toRemoveDocumentBtn.setEnabled(true);\n\t\t\t} else {\n\t\t\t\toRenameBtn.setEnabled(false);\n\t\t\t\toEditUrlBtn.setEnabled(false);\n\t\t\t\toRemoveDocumentBtn.setEnabled(false);\n\t\t\t}\n\t\t},\n\t\t// Download files handler\n\t\tonDownloadFiles: function(oEvent) {\n\t\t\tvar oUploadSet = this.byId(\"UploadSetTable\");\n\t\t\tconst oItems = oUploadSet.getSelectedItems();\n\n\t\t\toItems.forEach((oItem) => {oItem.download(true);});\n\t\t},\n\t\tonBeforeInitiatingItemUpload: function(oEvent) {\n\t\t\tvar oUploadSetTableInstance = this.byId(\"UploadSetTable\");\n\t\t\tvar oItem = oEvent.getParameter(\"item\");\n\n\t\t\t/** Demonstration of Updating the Document without file with actual file.\n\t\t\t * Note:- This is just demonstration of idea how the feature can be acheived by setting the hederfield data of empty documentId on the UploadSetwithTableItem instance.\n\t\t\t * Please check mockserver.js for the logic to simulate how the empty document is updated with file selected for upload using the existing document id.\n\t\t\t */\n\t\t\tvar oSelectedItems = oUploadSetTableInstance.getSelectedItems();\n\t\t\tvar oSelectedItemForUpdate = oSelectedItems.length === 1 ? oSelectedItems[0] : null;\n\t\t\tif (oSelectedItemForUpdate && oSelectedItemForUpdate.getFileName() === \"-\") {\n\t\t\t\tif (oSelectedItemForUpdate) {\n\t\t\t\t\tvar oContext = oSelectedItemForUpdate.getBindingContext();\n\t\t\t\t\tvar data = oContext && oContext.getObject ? oContext.getObject() : {};\n\t\t\t\t\toItem.addHeaderField(new CoreItem(\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tkey: \"existingDocumentID\",\n\t\t\t\t\t\t\ttext: data ? data.id : \"\"\n\t\t\t\t\t\t}\n\t\t\t\t\t));\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t// UploadCompleted event handler\n\t\tonUploadCompleted: function(oEvent) {\n\t\t\tvar oModel = this.getView().getModel();\n\t\t\tvar iResponseStatus = oEvent.getParameter(\"status\");\n\n\t\t\t// check for upload is sucess\n\t\t\tif (iResponseStatus === 201) {\n\t\t\t\toModel.refresh(true);\n\t\t\t\tsetTimeout(function() {\n\t\t\t\t\tMessageToast.show(\"Document Added\");\n\t\t\t\t}, 1000);\n\t\t\t}\n\t\t\t// This code block is only for demonstration purpose to simulate XHR requests, hence restoring the server to not fake the xhr requests.\n\t\t\tthis.oMockServer.restore();\n\t\t},\n\t\tonRemoveHandler: function(oEvent) {\n\t\t\tvar clickedControl = oEvent.getSource();\n\t\t\tvar olistItemTobeRemoved = null;\n\n\t\t\t// Traverse up the control hierarchy to find the ColumnListItem\n\t\t\twhile (clickedControl && !(clickedControl instanceof UploadSetwithTableItem)) {\n\t\t\t\tclickedControl = clickedControl.getParent();\n\t\t\t}\n\n\t\t\tif (clickedControl instanceof UploadSetwithTableItem) {\n\t\t\t\tolistItemTobeRemoved = clickedControl;\n\t\t\t}\n\t\t\tthis.removeItem(olistItemTobeRemoved);\n\t\t},\n\t\tremoveItem: function(oItem) {\n\t\t\tvar oModel = this.getView().getModel();\n\t\t\tvar oUploadSet = this.byId(\"UploadSetTable\");\n\t\t\tMessageBox.warning(\n\t\t\t\t\"Are you sure you want to remove the document\" + \" \" + oItem.getFileName() + \" \" + \"?\",\n\t\t\t\t{\n\t\t\t\t\ticon: MessageBox.Icon.WARNING,\n\t\t\t\t\tactions: [\"Remove\", MessageBox.Action.CANCEL],\n\t\t\t\t\temphasizedAction: \"Remove\",\n\t\t\t\t\tstyleClass: \"sapMUSTRemovePopoverContainer\",\n\t\t\t\t\tinitialFocus: MessageBox.Action.CANCEL,\n\t\t\t\t\tonClose: function(sAction) {\n\t\t\t\t\t\tif (sAction !== \"Remove\") {\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tvar spath = oItem.getBindingContext().sPath;\n\t\t\t\t\t\tif (spath.split(\"/\")[2]) {\n\t\t\t\t\t\t\tvar index = spath.split(\"/\")[2];\n\t\t\t\t\t\t\tvar data = oModel.getProperty(\"/items\");\n\t\t\t\t\t\t\tdata.splice(index, 1);\n\t\t\t\t\t\t\toModel.refresh(true);\n\t\t\t\t\t\t\tif (oUploadSet && oUploadSet.removeSelections) {\n\t\t\t\t\t\t\t\toUploadSet.removeSelections();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t);\n\t\t},\n\t\tgetFileSizeWithUnits: function(iFileSize) {\n\t\t\treturn UploadSetwithTable.getFileSizeWithUnits(iFileSize);\n\t\t},\n\t\topenPreview: function(oEvent) {\n\t\t\tvar clickedControl = oEvent.getSource();\n\t\t\twhile (clickedControl && !(clickedControl instanceof UploadSetwithTableItem)) {\n\t\t\t\tclickedControl = clickedControl.getParent();\n\t\t\t}\n\t\t\tclickedControl.openPreview();\n\t\t},\n\t\tonBeforeUploadStarts: function() {\n\t\t\t// This code block is only for demonstration purpose to simulate XHR requests, hence starting the mockserver.\n\t\t\tthis.oMockServer.start();\n\t\t},\n\t\tonSearch: function (oEvent) {\n\t\t\t// add filter for search\n\t\t\tvar aFilters = [];\n\t\t\tvar sQuery = oEvent.getSource().getValue();\n\t\t\tif (sQuery && sQuery.length > 0) {\n\t\t\t\tvar filter = new Filter(\"fileName\", FilterOperator.Contains, sQuery);\n\t\t\t\taFilters.push(filter);\n\t\t\t}\n\n\t\t\t// update list binding\n\t\t\tvar oUploadSet = this.byId(\"UploadSetTable\");\n\t\t\tvar oBinding = oUploadSet.getBinding(\"items\");\n\t\t\toBinding.filter(aFilters, \"Application\");\n\t\t}\n\t});\n});",
451
+ "UploadSetwithTableFilePreview/Page.view.xml": "<mvc:View\n height=\"100%\"\n controllerName=\"sap.m.sample.UploadSetwithTable.UploadSetwithTableFilePreview.Page\"\n xmlns:mvc=\"sap.ui.core.mvc\"\n xmlns:m=\"sap.m\"\n xmlns:core=\"sap.ui.core\"\n xmlns=\"sap.m.upload\"\n>\n <m:Page showHeader=\"false\">\n <UploadSetwithTable\n id=\"UploadSetTable\"\n sticky=\"ColumnHeaders,HeaderToolbar\"\n width=\"auto\"\n mode=\"MultiSelect\"\n fixedLayout=\"false\"\n inset=\"true\"\n autoPopinMode=\"true\"\n hiddenInPopin=\"None\"\n items=\"{path: '/items', templateShareable: false}\"\n maxFileNameLength=\"60\"\n uploadUrl=\"/uploadFiles\"\n multiple=\"true\"\n beforeInitiatingItemUpload=\"onBeforeInitiatingItemUpload\"\n beforeUploadStarts=\"onBeforeUploadStarts\"\n selectionChange=\"onSelectionChange\"\n itemRenamed=\"onDocumentRenamedSuccess\"\n uploadCompleted=\"onUploadCompleted\"\n previewDialog=\"FilePreviewDialog\" >\n\n <!-- ToolBar for UploadSetwithTable -->\n <headerToolbar>\n <m:OverflowToolbar>\n <m:Title\n text=\"{/documentTableTitle} ({= ${/items}.length})\"\n level=\"H2\"\n />\n <m:ToolbarSpacer />\n <m:SearchField\n width=\"20%\"\n liveChange=\".onSearch\"\n >\n <m:layoutData>\n <m:OverflowToolbarLayoutData\n priority=\"NeverOverflow\"\n />\n </m:layoutData>\n </m:SearchField>\n <m:ToolbarSeparator />\n <ActionsPlaceholder placeholderFor=\"UploadButtonPlaceholder\" />\n <m:Button\n id=\"downloadSelectedButton\"\n text=\"Download\"\n enabled=\"false\"\n press=\"onDownloadFiles\"\n />\n </m:OverflowToolbar>\n </headerToolbar>\n\n <!-- Columns for UploadSetwithTable -->\n <columns>\n <Column id=\"fileName\" importance=\"High\">\n <header>\n <m:Label text=\"File Name\" />\n </header>\n </Column>\n <Column id=\"id\">\n <header>\n <m:Label text=\"ID\" />\n </header>\n </Column>\n <Column id=\"revision\">\n <header>\n <m:Label text=\"Revision\" />\n </header>\n </Column>\n <Column id=\"status\">\n <header>\n <m:Label text=\"Status\" />\n </header>\n </Column>\n <Column id=\"fileSize\">\n <header>\n <m:Label text=\"File Size\" />\n </header>\n </Column>\n <Column id=\"lastModified\">\n <header>\n <m:Label text=\"Last Modified\" />\n </header>\n </Column>\n <Column id=\"actionButton\" importance=\"High\" />\n </columns>\n\n <!-- Items aggregation with template UploadSetwithTableItem definition for each row -->\n <items>\n <UploadSetwithTableItem\n fileName=\"{fileName}\"\n mediaType=\"{mediaType}\"\n url=\"{url}\"\n highlight=\"{=${uploadState} === 'Complete' ? 'Indication05' : null }\"\n previewable=\"{previewable}\"\n fileSize=\"{fileSize}\"\n >\n\n <!-- Cells with cell template defining content for each column (cells and columns work with 1:1 mapping) -->\n <cells>\n <m:HBox>\n <m:Image\n src=\"{imageUrl}\"\n class=\"sapMUSTItemImage sapMUSTItemIcon\"\n visible=\"{= ${imageUrl} !== undefined}\"\n />\n <core:Icon\n src=\"{parts: ['mediaType', 'fileName'], formatter: '.getIconSrc' }\"\n color=\"white\"\n visible=\"{= ${imageUrl} === undefined || ${imageUrl} === '' }\"\n class=\"sapMUSTItemImage sapMUSTItemIcon\"\n />\n <m:VBox\n class=\"sapUiTinyMargin sapUiSmallMarginBegin\"\n >\n <m:Link\n text=\"{fileName}\"\n press=\"openPreview\"\n class=\"sapUiTinyMarginBottom\"\n />\n <m:Text text=\"{documentType}\" class=\"sapUiTinyMarginTop\" />\n </m:VBox>\n </m:HBox>\n <m:Text text=\"{id}\" />\n <m:Link text=\"{revision}\" />\n <m:Text text=\"{status}\" />\n <m:Text\n text=\"{parts: ['fileSize'], formatter: '.getFileSizeWithUnits'}\"\n />\n <m:VBox>\n <m:Text text=\"{lastModifiedBy}\" />\n <m:Text\n class=\"sapUiTinyMarginTop\"\n text=\"{lastmodified}\"\n />\n </m:VBox>\n <m:Button\n class=\"sapUiTinyMarginBegin\"\n type=\"Transparent\"\n icon=\"sap-icon://decline\"\n press=\"onRemoveHandler\"\n />\n </cells>\n </UploadSetwithTableItem>\n </items>\n <dependents>\n <FilePreviewDialog id=\"FilePreviewDialog\" showCarouselArrows=\"true\" maxFileSizeforPreview=\"50\">\n <m:Button text=\"Check out\" />\n </FilePreviewDialog>\n </dependents>\n </UploadSetwithTable>\n </m:Page>\n</mvc:View>\n",
452
+ "UploadSetwithTableFileUploads/Component.js": "sap.ui.define([\n\t'sap/ui/core/UIComponent'\n], function (UIComponent) {\n\t\"use strict\";\n\t/**\n\t * @internal\n\t */\n\n\tvar Component = UIComponent.extend(\"sap.m.sample.UploadSetwithTableFileUploads.Component\", {\n\t\tmetadata: {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n\n\treturn Component;\n});",
453
+ "UploadSetwithTableFileUploads/fragments/AddViaUrl.fragment.xml": "<!-- Fragment.fragment.xml -->\n<core:FragmentDefinition xmlns=\"sap.m\" xmlns:core=\"sap.ui.core\" xmlns:form=\"sap.ui.layout.form\" templateShareable=\"false\" class=\"sapUiTinyMarginTop\">\n <Dialog id=\"addViaUrlDialog\" title=\"Add URL\" contentWidth=\"28rem\" contentHeight=\"15rem\" class=\"sapUiSmallMargin\">\n <content>\n <form:SimpleForm editable=\"true\" id=\"addViaUrlSimpleform\">\n <Label id=\"urlInputLabel\" text=\"URL\" required=\"true\"/>\n <Input id=\"urlInput\"/>\n <Label id=\"nameInputLabel\" text=\"Name\" required=\"true\"/>\n <Input id=\"nameInput\"/>\n <Label id=\"docTypeComboboxLabel\" text=\"Document Type\" required=\"true\"/>\n <ComboBox id=\"docTypeCombobox\">\n <items>\n <core:Item key=\"item-1\" text=\"Legal Document\" />\n <core:Item key=\"item-2\" text=\"Licence\" />\n <core:Item key=\"item-3\" text=\"Quote\" />\n <core:Item key=\"item-4\" text=\"Non-Disclosure\" />\n </items>\n </ComboBox>\n </form:SimpleForm>\n </content>\n <beginButton>\n <Button id=\"addDocumentBtn\" text=\"Add\" type=\"Emphasized\" press=\".handleAddViaUrl\" />\n </beginButton>\n <endButton>\n <Button text=\"Cancel\" press=\".closeAddViaUrlFragment\" />\n </endButton>\n </Dialog>\n</core:FragmentDefinition>",
454
+ "UploadSetwithTableFileUploads/fragments/DocumentWithoutFileDialog.fragment.xml": "<!-- Fragment.fragment.xml -->\n<core:FragmentDefinition\n xmlns=\"sap.m\"\n xmlns:core=\"sap.ui.core\"\n templateShareable=\"false\"\n class=\"sapUiTinyMarginTop\"\n>\n <Dialog\n title=\"Add Document Without File\"\n class=\"sapUiSmallMargin\"\n >\n <content>\n <VBox class=\"sapUiMediumMargin\">\n <Label\n text=\"Type\"\n required=\"true\"\n />\n <ComboBox\n items=\"{path: '/types', templateShareable:false}\"\n selectedKey=\"{/fileCategorySelected}\"\n valueState=\"{=${/fileCategorySelected} ? 'None' : 'Error'}\"\n valueStateText=\"Select a valid document type\"\n >\n <core:ListItem\n key=\"{categoryId}\"\n text=\"{categoryText}\"\n />\n </ComboBox>\n </VBox>\n </content>\n <beginButton>\n <Button\n text=\"Add\"\n type=\"Emphasized\"\n enabled=\"{=${/fileCategorySelected} !== ''}\"\n press=\".addEmptyDocument\"\n />\n </beginButton>\n <endButton>\n <Button\n text=\"Cancel\"\n press=\".closeDocumentWithoutFileUplaodFragment\"\n />\n </endButton>\n </Dialog>\n</core:FragmentDefinition>\n",
455
+ "UploadSetwithTableFileUploads/fragments/FileUpload.fragment.xml": "<!-- Fragment.fragment.xml -->\n<core:FragmentDefinition xmlns=\"sap.m\" xmlns:core=\"sap.ui.core\" templateShareable=\"false\" class=\"sapUiTinyMarginTop\">\n <Dialog title=\"Add Document by Upload\" contentWidth=\"34rem\" contentHeight=\"18rem\" class=\"sapUiSmallMargin\">\n <content>\n <Toolbar class=\"sapUiTinyMargin\" style=\"Clear\">\n <Title text=\"Documents\" />\n <ToolbarSpacer />\n <Button text=\"Browse\" press=\".uploadFilesHandler\" />\n </Toolbar>\n <Table backgroundDesign=\"Solid\" width=\"auto\" fixedLayout=\"false\" class=\"sapUiTinyMargin sapUiTableBorderVisible\" items=\"{path: '/selectedItems', templateShareable:false}\">\n <columns>\n <Column>\n <Text text=\"Name\" />\n </Column>\n <Column>\n <Label text=\"Type\" required=\"true\" />\n </Column>\n <Column>\n </Column>\n </columns>\n <items>\n <ColumnListItem>\n <cells>\n <Text text=\"{fileName}\" />\n <ComboBox items=\"{path: '/types', templateShareable:false}\" selectedKey=\"{fileCategorySelected}\" selectionChange=\".onDocumentTypeChange\"\n valueState=\"{=${fileCategorySelected} ? 'None' : 'Error'}\" valueStateText=\"Select a valid document type\"> \n <core:ListItem key=\"{categoryId}\" text=\"{categoryText}\"/>\n </ComboBox>\n <Button type=\"Transparent\" icon=\"sap-icon://decline\" press=\".handleRemove\">\n <customData>\n <core:CustomData key=\"item\" value=\"{itemInstance}\"></core:CustomData>\n <core:CustomData key=\"reject\" value=\"{fnReject}\"></core:CustomData>\n </customData>\n </Button>\n </cells>\n </ColumnListItem>\n </items>\n </Table>\n </content>\n <beginButton>\n <Button text=\"Add\" type=\"Emphasized\" enabled=\"{parts: ['/selectedItems'], formatter: '.isAddButtonEnabled'}\" press=\".handleConfirmation\" />\n </beginButton>\n <endButton>\n <Button text=\"Cancel\" press=\".closeFileUplaodFragment\" />\n </endButton>\n </Dialog>\n</core:FragmentDefinition>",
456
+ "UploadSetwithTableFileUploads/manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.m.sample.UploadSetwithTableFileUploads\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.m.sample.UploadSetwithTable.UploadSetwithTableFileUploads.Page\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.m\": {},\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.unified\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"stretch\": true,\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"Page.view.xml\",\n\t\t\t\t\t\"Page.controller.js\",\n\t\t\t\t\t\"fragments/FileUpload.fragment.xml\",\n\t\t\t\t\t\"fragments/AddViaUrl.fragment.xml\",\n\t\t\t\t\t\"fragments/DocumentWithoutFileDialog.fragment.xml\",\n\t\t\t\t\t\"test/items.json\",\n\t\t\t\t\t\"test/mockserver.js\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
457
+ "UploadSetwithTableFileUploads/Page.controller.js": "sap.ui.define([\n\t\"sap/ui/core/mvc/Controller\",\n\t\"sap/ui/model/json/JSONModel\",\n\t\"sap/m/upload/UploadSetwithTable\",\n\t\"sap/m/upload/UploadSetwithTableItem\",\n\t\"sap/m/MessageBox\",\n\t\"sap/ui/core/Fragment\",\n\t\"./test/mockserver\",\n\t\"sap/m/MessageToast\",\n\t\"sap/m/Dialog\",\n\t\"sap/m/Button\",\n\t\"sap/m/library\",\n\t\"sap/m/Text\",\n\t\"sap/ui/core/library\",\n\t\"sap/ui/core/Item\",\n\t\"sap/ui/model/Filter\",\n\t\"sap/ui/model/FilterOperator\",\n\t\"sap/ui/core/Element\"\n], function (Controller, JSONModel, UploadSetwithTable, UploadSetwithTableItem, MessageBox, Fragment, MockServer, MessageToast, Dialog, Button, mobileLibrary, Text, coreLibrary, CoreItem, Filter, FilterOperator, Element) {\n\t\"use strict\";\n\n\treturn Controller.extend(\"sap.m.sample.UploadSetwithTableFileUploads.Page\", {\n\t\tonInit: function () {\n\t\t\tvar sPath = sap.ui.require.toUrl(\"sap/m/sample/UploadSetwithTable/UploadSetwithTableFileUploads/test/items.json\");\n\n\t\t\tvar oModel = new JSONModel(sPath);\n\t\t\tthis.getView().setModel(oModel);\n\t\t\tthis.oUploadSetTable = this.byId(\"UploadSetTable\");\n\n\t\t\tthis.documentTypes = this.getFileCategories();\n\t\t\tthis.oItemsProcessor = [];\n\t\t\tthis.oMockServer = new MockServer();\n\t\t\tthis.oMockServer.oModel = oModel;\n\t\t},\n\t\tgetIconSrc: function(mediaType, thumbnailUrl) {\n\t\t\treturn UploadSetwithTable.getIconForFileType(mediaType, thumbnailUrl);\n\t\t},\n\t\t// Table row selection handler\n\t\tonSelectionChange: function(oEvent) {\n\t\t\tvar oTable = oEvent.getSource();\n\t\t\tvar aSelectedItems = oTable.getSelectedItems();\n\t\t\tvar oDownloadBtn = this.byId(\"downloadSelectedButton\");\n\t\t\tvar oEditUrlBtn = this.byId(\"editUrlButton\");\n\t\t\tvar oRenameBtn = this.byId(\"renameButton\");\n\t\t\tvar oRemoveDocumentBtn = this.byId(\"removeDocumentButton\");\n\n\t\t\tif (aSelectedItems.length > 0) {\n\t\t\t\toDownloadBtn.setEnabled(true);\n\t\t\t} else {\n\t\t\t\toDownloadBtn.setEnabled(false);\n\t\t\t}\n\t\t\tif (aSelectedItems.length === 1){\n\t\t\t\toEditUrlBtn.setEnabled(true);\n\t\t\t\toRenameBtn.setEnabled(true);\n\t\t\t\toRemoveDocumentBtn.setEnabled(true);\n\t\t\t} else {\n\t\t\t\toRenameBtn.setEnabled(false);\n\t\t\t\toEditUrlBtn.setEnabled(false);\n\t\t\t\toRemoveDocumentBtn.setEnabled(false);\n\t\t\t}\n\t\t},\n\t\t// Download files handler\n\t\tonDownloadFiles: function(oEvent) {\n\t\t\tvar oUploadSet = this.byId(\"UploadSetTable\");\n\t\t\tconst oItems = oUploadSet.getSelectedItems();\n\n\t\t\toItems.forEach((oItem) => {oItem.download(true);});\n\t\t},\n\t\tonBeforeInitiatingItemUpload: function(oEvent) {\n\t\t\t// Event triggered before initiating each upload.\n\t\t},\n\t\t// UploadCompleted event handler\n\t\tonUploadCompleted: function(oEvent) {\n\t\t\tvar oModel = this.getView().getModel();\n\t\t\tvar iResponseStatus = oEvent.getParameter(\"status\");\n\n\t\t\t// check for upload is sucess\n\t\t\tif (iResponseStatus === 201) {\n\t\t\t\toModel.refresh(true);\n\t\t\t\tsetTimeout(function() {\n\t\t\t\t\tMessageToast.show(\"Document Added\");\n\t\t\t\t}, 1000);\n\t\t\t}\n\t\t\t// This code block is only for demonstration purpose to simulate XHR requests, hence restoring the server to not fake the xhr requests.\n\t\t\tthis.oMockServer.restore();\n\t\t},\n\t\tonRemoveHandler: function(oEvent) {\n\t\t\tvar clickedControl = oEvent.getSource();\n\t\t\tvar olistItemTobeRemoved = null;\n\n\t\t\t// Traverse up the control hierarchy to find the ColumnListItem\n\t\t\twhile (clickedControl && !(clickedControl instanceof UploadSetwithTableItem)) {\n\t\t\t\tclickedControl = clickedControl.getParent();\n\t\t\t}\n\n\t\t\tif (clickedControl instanceof UploadSetwithTableItem) {\n\t\t\t\tolistItemTobeRemoved = clickedControl;\n\t\t\t}\n\t\t\tthis.removeItem(olistItemTobeRemoved);\n\t\t},\n\t\tremoveItem: function(oItem) {\n\t\t\tvar oModel = this.getView().getModel();\n\t\t\tvar oUploadSet = this.byId(\"UploadSetTable\");\n\t\t\tMessageBox.warning(\n\t\t\t\t\"Are you sure you want to remove the document\" + \" \" + oItem.getFileName() + \" \" + \"?\",\n\t\t\t\t{\n\t\t\t\t\ticon: MessageBox.Icon.WARNING,\n\t\t\t\t\tactions: [\"Remove\", MessageBox.Action.CANCEL],\n\t\t\t\t\temphasizedAction: \"Remove\",\n\t\t\t\t\tstyleClass: \"sapMUSTRemovePopoverContainer\",\n\t\t\t\t\tinitialFocus: MessageBox.Action.CANCEL,\n\t\t\t\t\tonClose: function(sAction) {\n\t\t\t\t\t\tif (sAction !== \"Remove\") {\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tvar spath = oItem.getBindingContext().sPath;\n\t\t\t\t\t\tif (spath.split(\"/\")[2]) {\n\t\t\t\t\t\t\tvar index = spath.split(\"/\")[2];\n\t\t\t\t\t\t\tvar data = oModel.getProperty(\"/items\");\n\t\t\t\t\t\t\tdata.splice(index, 1);\n\t\t\t\t\t\t\toModel.refresh(true);\n\t\t\t\t\t\t\tif (oUploadSet && oUploadSet.removeSelections) {\n\t\t\t\t\t\t\t\toUploadSet.removeSelections();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t);\n\t\t},\n\t\tgetFileCategories: function() {\n\t\t\treturn [\n\t\t\t\t{categoryId: \"Invoice\", categoryText: \"Invoice\"},\n\t\t\t\t{categoryId: \"Specification\", categoryText: \"Specification\"},\n\t\t\t\t{categoryId: \"Attachment\", categoryText: \"Attachment\"},\n\t\t\t\t{categoryId: \"Legal Document\", categoryText: \"Legal Document\"}\n\t\t\t];\n\t\t},\n\t\topenFileUploadDialog: function() {\n\t\t\tvar items = this.oItemsProcessor;\n\n\t\t\tif (items && items.length) {\n\n\t\t\t\tthis._oFilesTobeuploaded = items;\n\n\t\t\t\tvar oItemsMap = this._oFilesTobeuploaded.map(function(oItemProcessor) {\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\tfileName: oItemProcessor.item.getFileName(),\n\t\t\t\t\t\tfileCategorySelected: this.documentTypes[0].categoryId,\n\t\t\t\t\t\titemInstance: oItemProcessor.item,\n\t\t\t\t\t\tfnResolve: oItemProcessor.resolve,\n\t\t\t\t\t\tfnReject: oItemProcessor.reject\n\t\t\t\t\t};\n\t\t\t\t}.bind(this));\n\t\t\t\tvar oModel = new JSONModel({\n\t\t\t\t\t\"selectedItems\": oItemsMap,\n\t\t\t\t\t\"types\": this.documentTypes\n\n\t\t\t\t});\n\t\t\t\tif (!this._fileUploadFragment) {\n\t\t\t\t\tFragment.load({\n\t\t\t\t\t\tname: \"sap.m.sample.UploadSetwithTable.UploadSetwithTableFileUploads.fragments.FileUpload\",\n\t\t\t\t\t\tid: this.getView().getId() + \"-file-upload-dialog\",\n\t\t\t\t\t\tcontroller: this\n\t\t\t\t\t})\n\t\t\t\t\t\t.then(function(oPopover) {\n\t\t\t\t\t\t\tthis._fileUploadFragment = oPopover;\n\t\t\t\t\t\t\tthis.getView().addDependent(oPopover);\n\t\t\t\t\t\t\toPopover.setModel(oModel);\n\t\t\t\t\t\t\toPopover.open();\n\t\t\t\t\t\t}.bind(this));\n\t\t\t\t} else {\n\t\t\t\t\tthis._fileUploadFragment.setModel(oModel);\n\t\t\t\t\tthis._fileUploadFragment.open();\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\tcloseFileUplaodFragment: function() {\n\t\t\tthis._fileUploadFragment.destroy();\n\t\t\tthis._fileUploadFragment = null;\n\t\t\tthis._oFilesTobeuploaded = [];\n\t\t\tthis.oItemsProcessor = [];\n\t\t},\n\t\thandleRemove: function(oEvent) {\n\t\t\tvar oSource = oEvent.getSource();\n\t\t\tvar oItemInstance = oSource.data().item;\n\t\t\tvar fnReject = oSource.data().reject;\n\t\t\tvar oFragmentModel = this._fileUploadFragment.getModel();\n\t\t\tvar oSelectedItems = oFragmentModel.getData().selectedItems;\n\t\t\tvar iSelectedItemIndex = oSelectedItems.findIndex(function(oItem){\n\t\t\t\treturn oItem.itemInstance.getId() === oItemInstance.getId();\n\t\t\t});\n\t\t\toSelectedItems.splice(iSelectedItemIndex, 1);\n\t\t\tthis._oFilesTobeuploaded.splice(iSelectedItemIndex, 1);\n\t\t\tvar oModel = new JSONModel({\n\t\t\t\t\"selectedItems\": oSelectedItems,\n\t\t\t\t\"types\": this.documentTypes\n\n\t\t\t});\n\t\t\tthis._fileUploadFragment.setModel(oModel);\n\n\t\t\t// cancel the upload of the current item selected for upload.\n\t\t\tfnReject(oItemInstance);\n\t\t},\n\t\tisAddButtonEnabled: function(aSelectedItems) {\n\t\t\tif (aSelectedItems && aSelectedItems.length) {\n\t\t\t\tif (aSelectedItems.some(function(item){\n\t\t\t\t\treturn !item.fileCategorySelected;\n\t\t\t\t})) {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\t\t\t\treturn true;\n\t\t\t} else {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t},\n\t\tonDocumentTypeChange: function(oEvent) {\n\t\t\tvar isAddButtnEnabled = this.isAddButtonEnabled(oEvent.getSource().getModel().getData().selectedItems);\n\t\t\tthis._fileUploadFragment.getBeginButton().setEnabled(isAddButtnEnabled);\n\t\t},\n\t\thandleConfirmation: function() {\n\t\t\tvar oData = this._fileUploadFragment.getModel().getData();\n\t\t\tvar oSelectedItems = oData.selectedItems;\n\n\t\t\tif (oSelectedItems && oSelectedItems.length) {\n\t\t\t\toSelectedItems.forEach(function(oItem) {\n\t\t\t\t\tvar oItemToUploadRef = oItem.itemInstance;\n\t\t\t\t\t// setting the header field for custom document type selected\n\t\t\t\t\toItemToUploadRef.addHeaderField(new CoreItem({\n\t\t\t\t\t\tkey: \"documentType\",\n\t\t\t\t\t\ttext: oItem.fileCategorySelected\n\t\t\t\t\t}));\n\t\t\t\t\toItem.fnResolve(oItemToUploadRef);\n\t\t\t\t});\n\t\t\t}\n\t\t\tthis._fileUploadFragment.destroy();\n\t\t\tthis._fileUploadFragment = null;\n\t\t\tthis._oFilesTobeuploaded = [];\n\t\t\tthis.oItemsProcessor = [];\n\t\t},\n\t\tuploadFilesHandler: function() {\n\t\t\tvar oUploadSetTableInstance = this.byId(\"UploadSetTable\");\n\n\t\t\toUploadSetTableInstance.fileSelectionHandler();\n\t\t},\n\t\titemValidationCallback: function(oItemInfo) {\n\t\t\tconst {oItem, iTotalItemsForUpload} = oItemInfo;\n\t\t\tvar oUploadSetTableInstance = this.byId(\"UploadSetTable\");\n\t\t\tvar oSelectedItems = oUploadSetTableInstance.getSelectedItems();\n\t\t\tvar oSelectedItemForUpdate = oSelectedItems.length === 1 ? oSelectedItems[0] : null;\n\t\t\tif (oSelectedItemForUpdate && oSelectedItemForUpdate.getFileName() === \"-\" && iTotalItemsForUpload === 1) {\n\t\t\t\treturn new Promise((resolve) => {\n\t\t\t\t\tif (oSelectedItemForUpdate) {\n\t\t\t\t\t\tvar oContext = oSelectedItemForUpdate.getBindingContext();\n\t\t\t\t\t\tvar data = oContext && oContext.getObject ? oContext.getObject() : {};\n\n\t\t\t\t\t\t/* Demonstration use case of Setting the header field if required to be passed in API request headers to\n\t\t\t \t\t\tinform backend with document type captured through user input */\n\t\t\t\t\t\toItem.addHeaderField(new CoreItem(\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tkey: \"existingDocumentID\",\n\t\t\t\t\t\t\t\ttext: data ? data.id : \"\"\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t));\n\t\t\t\t\t}\n\t\t\t\t\tresolve(oItem);\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tvar oItemPromise = new Promise((resolve, reject) => {\n\t\t\t\t\tthis.oItemsProcessor.push({\n\t\t\t\t\t\titem: oItem,\n\t\t\t\t\t\tresolve: resolve,\n\t\t\t\t\t\treject: reject\n\t\t\t\t\t});\n\t\t\t\t});\n\t\t\t\tif (iTotalItemsForUpload === 1) {\n\t\t\t\t\tthis.openFileUploadDialog();\n\t\t\t\t} else if (iTotalItemsForUpload === this.oItemsProcessor.length) {\n\t\t\t\t\tthis.openFileUploadDialog();\n\t\t\t\t}\n\t\t\t\treturn oItemPromise;\n\t\t\t}\n\t\t},\n\t\tcloseChangeStatusFragment: function(){\n\t\t\tthis._oChangeStatusDialog.destroy();\n\t\t\tthis._oChangeStatusDialog = null;\n\t\t},\n\t\thandleChangeStatusConfirm: function(oEvent){\n\t\t\tvar oModel = this.getView().getModel();\n\t\t\tvar aSelectedItems = this.oUploadSetTable.getSelectedItems();\n\t\t\tif (!aSelectedItems || aSelectedItems.length !== 1){\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tvar sSelectedStatus = this._oChangeStatusDialog.getModel(\"Status\").getProperty(\"/\").filter(function(oVal){\n\t\t\t\treturn oVal.selected;\n\t\t\t})[0].status;\n\t\t\t//Modifying the status of the selected item\n\t\t\toModel.setProperty(aSelectedItems[0].getBindingContext().getPath() + \"/status\",sSelectedStatus);\n\t\t\t//Closing the Status fragment\n\t\t\tthis.closeChangeStatusFragment();\n\t\t},\n\t\tgetFileSizeWithUnits: function(iFileSize) {\n\t\t\treturn UploadSetwithTable.getFileSizeWithUnits(iFileSize);\n\t\t},\n\t\topenPreview: function(oEvent) {\n\t\t\tvar clickedControl = oEvent.getSource();\n\t\t\twhile (clickedControl && !(clickedControl instanceof UploadSetwithTableItem)) {\n\t\t\t\tclickedControl = clickedControl.getParent();\n\t\t\t}\n\t\t\tclickedControl.openPreview();\n\t\t},\n\t\t_isValidUrl: function (sUrl) {\n\t\t\tvar regexp = /(ftp|http|https):\\/\\/(\\w+:{0,1}\\w*@)?(\\S+)(:[0-9]+)?(\\/|\\/([\\w#!:.?+=&%@!\\-\\/]))?/;\n\t\t\treturn regexp.test(sUrl);\n\t\t},\n\t\t_isValidName: function () {\n\t\t\tvar domRefName = Element.getElementById('addViaUrlDialog--nameInput'),\n\t\t\tsName = domRefName.getValue(),\n\t\t\tbHasError = false;\n\t\t\tif (!sName) {\n\t\t\t\tdomRefName.setValueState('Error');\n\t\t\t\tdomRefName.setValueStateText('Text is either empty or contains special characters');\n\t\t\t\tbHasError = true;\n\t\t\t} else {\n\t\t\t\tdomRefName.setValueState('None');\n\t\t\t\tbHasError = false;\n\t\t\t}\n\t\t\treturn !bHasError;\n\t\t},\n\t\t_validateAddOrEditUrlDialog: function () {\n\t\t\tvar domRefUrl = Element.getElementById('addViaUrlDialog--urlInput'),\n\t\t\tdomRefName = Element.getElementById('addViaUrlDialog--nameInput'),\n\t\t\tdomRefDocType = Element.getElementById('addViaUrlDialog--docTypeCombobox'),\n\t\t\tsUrl = domRefUrl.getValue(),\n\t\t\tsName = domRefName.getValue(),\n\t\t\tsDocType = domRefDocType.getValue(),\n\t\t\tbFormHasError = !this._isValidName();\n\n\t\t\tif (!sUrl || !this._isValidUrl(sUrl)) {\n\t\t\t\tdomRefUrl.setValueState('Error');\n\t\t\t\tdomRefUrl.setValueStateText('Enter Valid URL');\n\t\t\t\tbFormHasError = true;\n\t\t\t} else {\n\t\t\t\tdomRefUrl.setValueState('None');\n\t\t\t}\n\t\t\tif (!sDocType) {\n\t\t\t\tdomRefDocType.setValueState('Error');\n\t\t\t\tdomRefDocType.setValueStateText('Invalid option');\n\t\t\t\tbFormHasError = true;\n\t\t\t} else {\n\t\t\t\tdomRefDocType.setValueState('None');\n\t\t\t}\n\n\t\t\treturn {\n\t\t\t\terror: bFormHasError,\n\t\t\t\tname: sName,\n\t\t\t\turl: sUrl,\n\t\t\t\tdocType: sDocType\n\t\t\t};\n\t\t},\n\t\tshowEditConfirmation: function () {\n\t\t\t// validate name and set valueState.\n\t\t\tvar DialogType = mobileLibrary.DialogType;\n\t\t\tvar ValueState = coreLibrary.ValueState;\n\t\t\tvar ButtonType = mobileLibrary.ButtonType;\n\t\t\tthis.oWarningMessageDialog = new Dialog({\n\t\t\t\ttype: DialogType.Message,\n\t\t\t\ttitle: \"Warning\",\n\t\t\t\tstate: ValueState.Warning,\n\t\t\t\tcontent: new Text({ text: \"You have made changes to this object. What would you like to do?\" }),\n\t\t\t\tbuttons: [ new Button({\n\t\t\t\t\ttype: ButtonType.Emphasized,\n\t\t\t\t\ttext: \"Save\",\n\t\t\t\t\tpress: [function () {\n\t\t\t\t\t\tvar oValidateObject = this._validateAddOrEditUrlDialog(),\n\t\t\t\t\t\tsName = oValidateObject.name,\n\t\t\t\t\t\tsUrl = oValidateObject.url,\n\t\t\t\t\t\tsDocType = oValidateObject.docType,\n\t\t\t\t\t\toUploadSetTable = this.byId(\"UploadSetTable\");\n\t\t\t\t\t\tvar oBidningContextObject = oUploadSetTable.getSelectedItem().getBindingContext().getObject();\n\t\t\t\t\t\tvar oModel = this.getView().getModel();\n\t\t\t\t\t\tvar oData = oModel.getProperty(\"/items\");\n\t\t\t\t\t\tvar iUpdateIndex, item;\n\t\t\t\t\t\toData.filter( function (obj, index) {\n\t\t\t\t\t\t\tif (obj.id === oBidningContextObject.id) {\n\t\t\t\t\t\t\t\tiUpdateIndex = index;\n\t\t\t\t\t\t\t\titem = obj;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t});\n\t\t\t\t\t\toData[iUpdateIndex] = Object.assign(item, !this.bRenameDocument ? {\n\t\t\t\t\t\t\tfileName: sName,\n\t\t\t\t\t\t\turl: sUrl,\n\t\t\t\t\t\t\tdocumentType: sDocType\n\t\t\t\t\t\t} : { fileName: sName });\n\t\t\t\t\t\toModel.setProperty(\"/items\", oData);\n\t\t\t\t\t\tthis.oWarningMessageDialog.close();\n\t\t\t\t\t\tthis.closeAddViaUrlFragment();\n\n\t\t\t\t\t},this]\n\t\t\t\t}), new Button({\n\t\t\t\t\ttext: \"DiscardChanges\",\n\t\t\t\t\tpress: [function () {\n\t\t\t\t\t\tthis.oWarningMessageDialog.close();\n\t\t\t\t\t},this]\n\t\t\t\t})]\n\t\t\t});\n\t\t\tthis.oWarningMessageDialog.open();\n\t\t},\n\t\thandleAddViaUrl: function (){\n\t\t\tif (this.bEditDocument) {\n\t\t\t\tif (this._isValidName()){\n\t\t\t\t\tthis.showEditConfirmation();\n\t\t\t\t} else {\n\t\t\t\t\tMessageToast.show(\"No Changes found\");\n\t\t\t\t}\n\t\t\t\treturn;\n\t\t\t} else if (this.bRenameDocument) {\n\t\t\t\tthis.showEditConfirmation();\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tvar oValidateObject = this._validateAddOrEditUrlDialog(),\n\t\t\tsName = oValidateObject.name,\n\t\t\tsUrl = oValidateObject.url,\n\t\t\tsDocType = oValidateObject.docType,\n\t\t\tbHasError = oValidateObject.error;\n\t\t\tif (!bHasError) {\n\t\t\t\tsetTimeout(function(){\n\n\t\t\t\t\tvar oUploadSetTableInstance = this.byId(\"UploadSetTable\");\n\n\t\t\t\t\tlet fnResolve, fnReject;\n\t\t\t\t\tvar oPromise = new Promise(function(resolve, reject) {\n\t\t\t\t\t\tfnResolve = resolve;\n\t\t\t\t\t\tfnReject = reject;\n\t\t\t\t\t});\n\t\t\t\t\tvar oItem = oUploadSetTableInstance.uploadItemViaUrl(sName, sUrl, oPromise);\n\t\t\t\t\tif (oItem) {\n\n\t\t\t\t\t\t/* Demonstration use case of Setting the header field if required to be passed in API request headers to\n\t\t\t\t\t\tinform backend with the file url and document type captured through user input */\n\t\t\t\t\t\toItem.addHeaderField(new CoreItem({\n\t\t\t\t\t\t\tkey: 'documentUrl',\n\t\t\t\t\t\t\ttext: sUrl\n\t\t\t\t\t\t}));\n\t\t\t\t\t\toItem.addHeaderField(new CoreItem({\n\t\t\t\t\t\t\tkey: 'documentType',\n\t\t\t\t\t\t\ttext: sDocType\n\t\t\t\t\t\t}));\n\t\t\t\t\t\t// resolve to initiate the upload.\n\t\t\t\t\t\tfnResolve(true);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tfnReject(true);\n\t\t\t\t\t}\n\t\t\t\t\tthis._addViaUrlFragment.destroy();\n\t\t\t\t\tthis._addViaUrlFragment = null;\n\n\t\t\t\t}.bind(this), 1000);\n\t\t\t}\n\t\t},\n\t\topenAddOrEditDialog: function () {\n\t\t\tif (!this._addViaUrlFragment){\n\t\t\t\tFragment.load({\n\t\t\t\t\tname: \"sap.m.sample.UploadSetwithTable.UploadSetwithTableFileUploads.fragments.AddViaUrl\",\n\t\t\t\t\tid: \"addViaUrlDialog\",\n\t\t\t\t\tcontroller: this\n\t\t\t\t})\n\t\t\t\t.then(function (oPopover) {\n\t\t\t\t\tthis._addViaUrlFragment = oPopover;\n\t\t\t\t\tthis.getView().addDependent(oPopover);\n\t\t\t\t\t// if edit is clicked\n\t\t\t\t\tvar editFileInfo = this.oEditDocumentInfo;\n\t\t\t\t\tvar renameFileInfo = this.oRenameDocumentInfo;\n\t\t\t\t\tif (this.bEditDocument && this.oEditDocumentInfo) {\n\t\t\t\t\t\tElement.getElementById('addViaUrlDialog--addViaUrlDialog').setTitle(\"Edit URL\");\n\t\t\t\t\t\tElement.getElementById('addViaUrlDialog--addDocumentBtn').setText(\"Apply\");\n\t\t\t\t\t\tElement.getElementById('addViaUrlDialog--urlInput').setValue(editFileInfo.url);\n\t\t\t\t\t\tElement.getElementById('addViaUrlDialog--nameInput').setValue(editFileInfo.name);\n\t\t\t\t\t\tElement.getElementById('addViaUrlDialog--docTypeCombobox').setValue(editFileInfo.docType);\n\t\t\t\t\t\tElement.getElementById('addViaUrlDialog--urlInputLabel').setRequired(false);\n\t\t\t\t\t\tElement.getElementById('addViaUrlDialog--docTypeComboboxLabel').setRequired(false);\n\t\t\t\t\t\tElement.getElementById('addViaUrlDialog--urlInput').setVisible(true);\n\t\t\t\t\t\tElement.getElementById('addViaUrlDialog--docTypeCombobox').setVisible(true);\n\n\t\t\t\t\t}\n\t\t\t\t\tif (this.bRenameDocument && renameFileInfo) {\n\t\t\t\t\t\tElement.getElementById('addViaUrlDialog--addViaUrlDialog').setTitle(\"Rename\");\n\t\t\t\t\t\tElement.getElementById('addViaUrlDialog--addViaUrlDialog').setContentHeight(\"7rem\");\n\t\t\t\t\t\tElement.getElementById('addViaUrlDialog--addDocumentBtn').setText(\"Apply\");\n\t\t\t\t\t\tElement.getElementById('addViaUrlDialog--nameInput').setValue(renameFileInfo.name);\n\t\t\t\t\t\tElement.getElementById('addViaUrlDialog--urlInput').setVisible(false);\n\t\t\t\t\t\tElement.getElementById('addViaUrlDialog--docTypeCombobox').setVisible(false);\n\t\t\t\t\t}\n\t\t\t\t\toPopover.open();\n\t\t\t\t}.bind(this));\n\t\t\t} else {\n\t\t\t\tthis._addViaUrlFragment.open();\n\t\t\t}\n\t\t},\n\t\tcloseAddViaUrlFragment: function () {\n\t\t\tthis.bEditDocument = false;\n\t\t\tthis.oEditDocumentInfo = null;\n\t\t\tthis.bRenameDocument = false;\n\t\t\tthis.oRenameDocumentInfo = null;\n\t\t\tthis._addViaUrlFragment.destroy();\n\t\t\tthis._addViaUrlFragment = null;\n\t\t},\n\t\tonEditUrl: function(oEvent) {\n\t\t\tvar oUploadSet = this.byId(\"UploadSetTable\"),\n\t\t\t oBidningContextObject = oUploadSet.getSelectedItems()[0].getBindingContext().getObject(),\n\t\t\t sUrl = oBidningContextObject.url,\n\t\t\t sName = oBidningContextObject.fileName,\n\t\t\t sDocType = oBidningContextObject.documentType;\n\n\t\t\t this.bEditDocument = true;\n\t\t\t this.oEditDocumentInfo = {\n\t\t\t\turl: sUrl,\n\t\t\t\tname: sName,\n\t\t\t\tdocType: sDocType\n\t\t\t };\n\t\t\t this.openAddOrEditDialog();\n\t\t},\n\t\tonRenameDocument: function() {\n\t\t\tvar oUploadSet = this.byId(\"UploadSetTable\");\n\t\t\t// invoking public API on UploadSetTable\n\t\t\toUploadSet.renameItem(oUploadSet.getSelectedItems()[0]);\n\t\t},\n\t\tonDocumentRenamedSuccess: function(oEvent) {\n\t\t\t// placeholder event handler to initiate a file name change that gets updated in the backend, and then the message is displayed in the application\n\n\t\t\t// Toast for sucessful rename.\n\t\t\tMessageToast.show(\"Document Renamed.\", {duration: 2000});\n\t\t},\n\t\taddEmptyDocument: function() {\n\t\t\tvar oUploadSetTableInstance = this.byId(\"UploadSetTable\");\n\t\t\tvar oData = this._documentWithoutFileFragment.getModel().getData();\n\n\t\t\tlet fnResolve, fnReject;\n\t\t\tconst oPromise = new Promise((resolve, reject) => {\n\t\t\t\tfnResolve = resolve;\n\t\t\t\tfnReject = reject;\n\t\t\t});\n\n\t\t\t/* Demonstration use case of Setting the header field if required to be passed in API request headers to\n\t\t\t inform backend with document type captured through user input */\n\t\t\tvar oItem = oUploadSetTableInstance.uploadItemWithoutFile(oPromise);\n\t\t\tif (oItem) {\n\t\t\t\toItem.addHeaderField(new CoreItem({\n\t\t\t\t\tkey: \"documentType\",\n\t\t\t\t\ttext: oData.fileCategorySelected\n\t\t\t\t}));\n\t\t\t\tfnResolve(true);\n\t\t\t} else {\n\t\t\t\tfnReject(true);\n\t\t\t}\n\n\t\t\tthis.closeDocumentWithoutFileUplaodFragment();\n\t\t},\n\t\topenDocumentWithoutFileDialog: function() {\n\n\t\t\tvar oModel = new JSONModel({\n\t\t\t\t\"types\": this.documentTypes,\n\t\t\t\t\"fileCategorySelected\": this.documentTypes[0].categoryId\n\t\t\t});\n\t\t\tif (!this._documentWithoutFileFragment) {\n\t\t\t\tFragment.load({\n\t\t\t\t\tname: \"sap.m.sample.UploadSetwithTable.UploadSetwithTableFileUploads.fragments.DocumentWithoutFileDialog\",\n\t\t\t\t\tid: this.getView().getId() + \"-document-without-file-dialog\",\n\t\t\t\t\tcontroller: this\n\t\t\t\t})\n\t\t\t\t\t.then(function(oPopover) {\n\t\t\t\t\t\tthis._documentWithoutFileFragment = oPopover;\n\t\t\t\t\t\tthis.getView().addDependent(oPopover);\n\t\t\t\t\t\toPopover.setModel(oModel);\n\t\t\t\t\t\toPopover.open();\n\t\t\t\t\t}.bind(this));\n\t\t\t} else {\n\t\t\t\tthis._documentWithoutFileFragment.setModel(oModel);\n\t\t\t\tthis._documentWithoutFileFragment.open();\n\t\t\t}\n\t\t},\n\t\tcloseDocumentWithoutFileUplaodFragment: function() {\n\t\t\tthis._documentWithoutFileFragment.destroy();\n\t\t\tthis._documentWithoutFileFragment = null;\n\t\t\tthis._oFilesTobeuploaded = [];\n\t\t},\n\t\tonRemoveButtonFromMenuDocumentHandler: function(oEvent) {\n\t\t\tvar oUploadSet = this.byId(\"UploadSetTable\");\n\t\t\tvar aSelectedItems = oUploadSet && oUploadSet.getSelectedItems ? oUploadSet.getSelectedItems() : [];\n\t\t\tif (aSelectedItems && aSelectedItems.length == 1) {\n\t\t\t\tthis.removeItem(aSelectedItems[0]);\n\t\t\t}\n\t\t},\n\t\tonBeforeUploadStarts: function() {\n\t\t\t// This code block is only for demonstration purpose to simulate XHR requests, hence starting the mockserver.\n\t\t\tthis.oMockServer.start();\n\t\t},\n\t\tonSearch: function (oEvent) {\n\t\t\t// add filter for search\n\t\t\tvar aFilters = [];\n\t\t\tvar sQuery = oEvent.getSource().getValue();\n\t\t\tif (sQuery && sQuery.length > 0) {\n\t\t\t\tvar filter = new Filter(\"fileName\", FilterOperator.Contains, sQuery);\n\t\t\t\taFilters.push(filter);\n\t\t\t}\n\n\t\t\t// update list binding\n\t\t\tvar oUploadSet = this.byId(\"UploadSetTable\");\n\t\t\tvar oBinding = oUploadSet.getBinding(\"items\");\n\t\t\toBinding.filter(aFilters, \"Application\");\n\t\t}\n\t});\n});",
458
+ "UploadSetwithTableFileUploads/Page.view.xml": "<mvc:View\n height=\"100%\"\n controllerName=\"sap.m.sample.UploadSetwithTable.UploadSetwithTableFileUploads.Page\"\n xmlns:mvc=\"sap.ui.core.mvc\"\n xmlns:m=\"sap.m\"\n xmlns:core=\"sap.ui.core\"\n xmlns=\"sap.m.upload\"\n>\n <m:Page showHeader=\"false\">\n <UploadSetwithTable\n id=\"UploadSetTable\"\n sticky=\"ColumnHeaders,HeaderToolbar\"\n width=\"auto\"\n mode=\"MultiSelect\"\n fixedLayout=\"false\"\n inset=\"true\"\n autoPopinMode=\"true\"\n hiddenInPopin=\"None\"\n items=\"{path: '/items', templateShareable: false}\"\n maxFileNameLength=\"60\"\n uploadUrl=\"/uploadFiles\"\n multiple=\"true\"\n beforeInitiatingItemUpload=\"onBeforeInitiatingItemUpload\"\n beforeUploadStarts=\"onBeforeUploadStarts\"\n selectionChange=\"onSelectionChange\"\n itemRenamed=\"onDocumentRenamedSuccess\"\n uploadCompleted=\"onUploadCompleted\" \n itemValidationHandler=\".itemValidationCallback\">\n <!-- ToolBar for UploadSetwithTable -->\n <headerToolbar>\n <m:OverflowToolbar>\n <m:Title\n text=\"{/documentTableTitle} ({= ${/items}.length})\"\n level=\"H2\"\n />\n <m:ToolbarSpacer />\n <m:SearchField\n width=\"20%\"\n liveChange=\".onSearch\"\n >\n <m:layoutData>\n <m:OverflowToolbarLayoutData\n priority=\"NeverOverflow\"\n />\n </m:layoutData>\n </m:SearchField>\n <m:ToolbarSeparator />\n <ActionsPlaceholder placeholderFor=\"UploadButtonPlaceholder\" />\n <m:Button\n id=\"downloadSelectedButton\"\n text=\"Download\"\n enabled=\"false\"\n press=\"onDownloadFiles\"\n />\n <m:MenuButton text=\"Add\">\n <m:menu>\n <m:Menu>\n <m:MenuItem\n text=\"URL\"\n press=\"openAddOrEditDialog\"\n />\n <m:MenuItem\n text=\"Document Without File\"\n press=\".openDocumentWithoutFileDialog\"\n />\n </m:Menu>\n </m:menu>\n <m:layoutData>\n <m:OverflowToolbarLayoutData\n priority=\"AlwaysOverflow\"\n />\n </m:layoutData>\n </m:MenuButton>\n <m:Button\n id=\"removeDocumentButton\"\n text=\"Remove\"\n press=\".onRemoveButtonFromMenuDocumentHandler\"\n enabled=\"false\"\n >\n <m:layoutData>\n <m:OverflowToolbarLayoutData\n priority=\"AlwaysOverflow\"\n />\n </m:layoutData>\n </m:Button>\n <m:Button\n id=\"renameButton\"\n enabled=\"false\"\n press=\"onRenameDocument\"\n text=\"Rename\"\n >\n <m:layoutData>\n <m:OverflowToolbarLayoutData\n priority=\"AlwaysOverflow\"\n />\n </m:layoutData>\n </m:Button>\n <m:Button\n id=\"editUrlButton\"\n text=\"Edit URL\"\n enabled=\"false\"\n press=\"onEditUrl\"\n >\n <m:layoutData>\n <m:OverflowToolbarLayoutData\n priority=\"AlwaysOverflow\"\n />\n </m:layoutData>\n </m:Button>\n </m:OverflowToolbar>\n </headerToolbar>\n\n <!-- Columns for UploadSetwithTable -->\n <columns>\n <Column id=\"fileName\" importance=\"High\">\n <header>\n <m:Label text=\"File Name\" />\n </header>\n </Column>\n <Column id=\"id\">\n <header>\n <m:Label text=\"ID\" />\n </header>\n </Column>\n <Column id=\"revision\">\n <header>\n <m:Label text=\"Revision\" />\n </header>\n </Column>\n <Column id=\"status\">\n <header>\n <m:Label text=\"Status\" />\n </header>\n </Column>\n <Column id=\"fileSize\">\n <header>\n <m:Label text=\"File Size\" />\n </header>\n </Column>\n <Column id=\"lastModified\">\n <header>\n <m:Label text=\"Last Modified\" />\n </header>\n </Column>\n <Column id=\"actionButton\" importance=\"High\" />\n </columns>\n\n <!-- Items aggregation with template UploadSetwithTableItem definition for each row -->\n <items>\n <UploadSetwithTableItem\n fileName=\"{fileName}\"\n mediaType=\"{mediaType}\"\n url=\"{url}\"\n highlight=\"{=${uploadState} === 'Complete' ? 'Indication05' : null }\"\n previewable=\"{previewable}\"\n fileSize=\"{fileSize}\"\n >\n\n <!-- Cells with cell template defining content for each column (cells and columns work with 1:1 mapping) -->\n <cells>\n <m:HBox>\n <m:Image\n src=\"{imageUrl}\"\n class=\"sapMUSTItemImage sapMUSTItemIcon\"\n visible=\"{= ${imageUrl} !== undefined}\"\n />\n <core:Icon\n src=\"{parts: ['mediaType', 'fileName'], formatter: '.getIconSrc' }\"\n color=\"white\"\n visible=\"{= ${imageUrl} === undefined || ${imageUrl} === '' }\"\n class=\"sapMUSTItemImage sapMUSTItemIcon\"\n />\n <m:VBox\n class=\"sapUiTinyMargin sapUiSmallMarginBegin\"\n >\n <m:Link\n text=\"{fileName}\"\n press=\"openPreview\"\n class=\"sapUiTinyMarginBottom\"\n />\n <m:Text text=\"{documentType}\" class=\"sapUiTinyMarginTop\" />\n </m:VBox>\n </m:HBox>\n <m:Text text=\"{id}\" />\n <m:Link text=\"{revision}\" />\n <m:Text text=\"{status}\" />\n <m:Text\n text=\"{parts: ['fileSize'], formatter: '.getFileSizeWithUnits'}\"\n />\n <m:VBox>\n <m:Text text=\"{lastModifiedBy}\" />\n <m:Text\n class=\"sapUiTinyMarginTop\"\n text=\"{lastmodified}\"\n />\n </m:VBox>\n <m:Button\n class=\"sapUiTinyMarginBegin\"\n type=\"Transparent\"\n icon=\"sap-icon://decline\"\n press=\"onRemoveHandler\"\n />\n </cells>\n </UploadSetwithTableItem>\n </items>\n </UploadSetwithTable>\n </m:Page>\n</mvc:View>\n",
459
+ "UploadSetwithTableGrowing/Component.js": "sap.ui.define([\n\t'sap/ui/core/UIComponent'\n], function (UIComponent) {\n\t\"use strict\";\n\t/**\n\t * @internal\n\t */\n\n\tvar Component = UIComponent.extend(\"sap.m.sample.UploadSetwithTableGrowing.Component\", {\n\t\tmetadata: {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n\n\treturn Component;\n});",
460
+ "UploadSetwithTableGrowing/fragments/AddViaUrl.fragment.xml": "<!-- Fragment.fragment.xml -->\n<core:FragmentDefinition xmlns=\"sap.m\" xmlns:core=\"sap.ui.core\" xmlns:form=\"sap.ui.layout.form\" templateShareable=\"false\" class=\"sapUiTinyMarginTop\">\n <Dialog id=\"addViaUrlDialog\" title=\"Add URL\" contentWidth=\"28rem\" contentHeight=\"15rem\" class=\"sapUiSmallMargin\">\n <content>\n <form:SimpleForm editable=\"true\" id=\"addViaUrlSimpleform\">\n <Label id=\"urlInputLabel\" text=\"URL\" required=\"true\"/>\n <Input id=\"urlInput\"/>\n <Label id=\"nameInputLabel\" text=\"Name\" required=\"true\"/>\n <Input id=\"nameInput\"/>\n </form:SimpleForm>\n </content>\n <beginButton>\n <Button id=\"addDocumentBtn\" text=\"Add\" type=\"Emphasized\" press=\".handleAddViaUrl\" />\n </beginButton>\n <endButton>\n <Button text=\"Cancel\" press=\".closeAddViaUrlFragment\" />\n </endButton>\n </Dialog>\n</core:FragmentDefinition>",
461
+ "UploadSetwithTableGrowing/manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.m.sample.UploadSetwithTableGrowing\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.m.sample.UploadSetwithTable.UploadSetwithTableGrowing.Page\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.m\": {},\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.unified\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"stretch\": true,\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"Page.view.xml\",\n\t\t\t\t\t\"Page.controller.js\",\n\t\t\t\t\t\"manifest.json\",\n\t\t\t\t\t\"test/items.json\",\n\t\t\t\t\t\"test/mockserver.js\",\n\t\t\t\t\t\"fragments/AddViaUrl.fragment.xml\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
462
+ "UploadSetwithTableGrowing/Page.controller.js": "sap.ui.define([\n\t\"sap/ui/core/mvc/Controller\",\n\t\"sap/ui/model/json/JSONModel\",\n\t\"sap/m/upload/UploadSetwithTable\",\n\t\"sap/m/upload/UploadSetwithTableItem\",\n\t\"sap/m/MessageBox\",\n\t\"sap/ui/core/Fragment\",\n\t\"./test/mockserver\",\n\t\"sap/m/MessageToast\",\n\t\"sap/m/Dialog\",\n\t\"sap/m/Button\",\n\t\"sap/m/library\",\n\t\"sap/m/Text\",\n\t\"sap/ui/core/library\",\n\t\"sap/ui/core/Item\",\n\t\"sap/ui/model/Filter\",\n\t\"sap/ui/model/FilterOperator\",\n\t\"sap/ui/core/Element\"\n], function (Controller, JSONModel, UploadSetwithTable, UploadSetwithTableItem, MessageBox, Fragment, MockServer, MessageToast, Dialog, Button, mobileLibrary, Text, coreLibrary, CoreItem, Filter, FilterOperator, Element) {\n\t\"use strict\";\n\n\treturn Controller.extend(\"sap.m.sample.UploadSetwithTableGrowing.Page\", {\n\t\tonInit: function () {\n\t\t\tvar sPath = sap.ui.require.toUrl(\"sap/m/sample/UploadSetwithTable/UploadSetwithTableGrowing/test/items.json\");\n\n\t\t\tvar oModel = new JSONModel(sPath);\n\t\t\tthis.getView().setModel(oModel);\n\t\t\tthis.oUploadSetTable = this.byId(\"UploadSetTable\");\n\n\t\t\tthis.documentTypes = this.getFileCategories();\n\t\t\tthis.oItemsProcessor = [];\n\t\t\tthis.oMockServer = new MockServer();\n\t\t\tthis.oMockServer.oModel = oModel;\n\t\t},\n\t\tgetIconSrc: function(mediaType, thumbnailUrl) {\n\t\t\treturn UploadSetwithTable.getIconForFileType(mediaType, thumbnailUrl);\n\t\t},\n\t\t// Table row selection handler\n\t\tonSelectionChange: function(oEvent) {\n\t\t\tvar oTable = oEvent.getSource();\n\t\t\tvar aSelectedItems = oTable.getSelectedItems();\n\t\t\tvar oDownloadBtn = this.byId(\"downloadSelectedButton\");\n\t\t\tvar oEditUrlBtn = this.byId(\"editUrlButton\");\n\t\t\tvar oRenameBtn = this.byId(\"renameButton\");\n\t\t\tvar oRemoveDocumentBtn = this.byId(\"removeDocumentButton\");\n\n\t\t\tif (aSelectedItems.length > 0) {\n\t\t\t\toDownloadBtn.setEnabled(true);\n\t\t\t} else {\n\t\t\t\toDownloadBtn.setEnabled(false);\n\t\t\t}\n\t\t\tif (aSelectedItems.length === 1){\n\t\t\t\toEditUrlBtn.setEnabled(true);\n\t\t\t\toRenameBtn.setEnabled(true);\n\t\t\t\toRemoveDocumentBtn.setEnabled(true);\n\t\t\t} else {\n\t\t\t\toRenameBtn.setEnabled(false);\n\t\t\t\toEditUrlBtn.setEnabled(false);\n\t\t\t\toRemoveDocumentBtn.setEnabled(false);\n\t\t\t}\n\t\t},\n\t\t// Download files handler\n\t\tonDownloadFiles: function(oEvent) {\n\t\t\tvar oUploadSet = this.byId(\"UploadSetTable\");\n\t\t\tconst oItems = oUploadSet.getSelectedItems();\n\n\t\t\toItems.forEach((oItem) => {oItem.download(true);});\n\t\t},\n\t\tonBeforeInitiatingItemUpload: function(oEvent) {\n\t\t\tvar oUploadSetTableInstance = this.byId(\"UploadSetTable\");\n\t\t\tvar oItem = oEvent.getParameter(\"item\");\n\n\t\t\t/** Demonstration of Updating the Document without file with actual file.\n\t\t\t * Note:- This is just demonstration of idea how the feature can be acheived by setting the hederfield data of empty documentId on the UploadSetwithTableItem instance.\n\t\t\t * Please check mockserver.js for the logic to simulate how the empty document is updated with file selected for upload using the existing document id.\n\t\t\t */\n\t\t\tvar oSelectedItems = oUploadSetTableInstance.getSelectedItems();\n\t\t\tvar oSelectedItemForUpdate = oSelectedItems.length === 1 ? oSelectedItems[0] : null;\n\t\t\tif (oSelectedItemForUpdate && oSelectedItemForUpdate.getFileName() === \"-\") {\n\t\t\t\tif (oSelectedItemForUpdate) {\n\t\t\t\t\tvar oContext = oSelectedItemForUpdate.getBindingContext();\n\t\t\t\t\tvar data = oContext && oContext.getObject ? oContext.getObject() : {};\n\t\t\t\t\toItem.addHeaderField(new CoreItem(\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tkey: \"existingDocumentID\",\n\t\t\t\t\t\t\ttext: data ? data.id : \"\"\n\t\t\t\t\t\t}\n\t\t\t\t\t));\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t// UploadCompleted event handler\n\t\tonUploadCompleted: function(oEvent) {\n\t\t\tvar oModel = this.getView().getModel();\n\t\t\tvar iResponseStatus = oEvent.getParameter(\"status\");\n\n\t\t\t// check for upload is sucess\n\t\t\tif (iResponseStatus === 201) {\n\t\t\t\toModel.refresh(true);\n\t\t\t\tsetTimeout(function() {\n\t\t\t\t\tMessageToast.show(\"Document Added\");\n\t\t\t\t}, 1000);\n\t\t\t}\n\t\t\t// This code block is only for demonstration purpose to simulate XHR requests, hence restoring the server to not fake the xhr requests.\n\t\t\tthis.oMockServer.restore();\n\t\t},\n\t\tonRemoveHandler: function(oEvent) {\n\t\t\tvar clickedControl = oEvent.getSource();\n\t\t\tvar olistItemTobeRemoved = null;\n\n\t\t\t// Traverse up the control hierarchy to find the ColumnListItem\n\t\t\twhile (clickedControl && !(clickedControl instanceof UploadSetwithTableItem)) {\n\t\t\t\tclickedControl = clickedControl.getParent();\n\t\t\t}\n\n\t\t\tif (clickedControl instanceof UploadSetwithTableItem) {\n\t\t\t\tolistItemTobeRemoved = clickedControl;\n\t\t\t}\n\t\t\tthis.removeItem(olistItemTobeRemoved);\n\t\t},\n\t\tremoveItem: function(oItem) {\n\t\t\tvar oModel = this.getView().getModel();\n\t\t\tvar oUploadSet = this.byId(\"UploadSetTable\");\n\t\t\tMessageBox.warning(\n\t\t\t\t\"Are you sure you want to remove the document\" + \" \" + oItem.getFileName() + \" \" + \"?\",\n\t\t\t\t{\n\t\t\t\t\ticon: MessageBox.Icon.WARNING,\n\t\t\t\t\tactions: [\"Remove\", MessageBox.Action.CANCEL],\n\t\t\t\t\temphasizedAction: \"Remove\",\n\t\t\t\t\tstyleClass: \"sapMUSTRemovePopoverContainer\",\n\t\t\t\t\tinitialFocus: MessageBox.Action.CANCEL,\n\t\t\t\t\tonClose: function(sAction) {\n\t\t\t\t\t\tif (sAction !== \"Remove\") {\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tvar spath = oItem.getBindingContext().sPath;\n\t\t\t\t\t\tif (spath.split(\"/\")[2]) {\n\t\t\t\t\t\t\tvar index = spath.split(\"/\")[2];\n\t\t\t\t\t\t\tvar data = oModel.getProperty(\"/items\");\n\t\t\t\t\t\t\tdata.splice(index, 1);\n\t\t\t\t\t\t\toModel.refresh(true);\n\t\t\t\t\t\t\tif (oUploadSet && oUploadSet.removeSelections) {\n\t\t\t\t\t\t\t\toUploadSet.removeSelections();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t);\n\t\t},\n\t\tgetFileCategories: function() {\n\t\t\treturn [\n\t\t\t\t{categoryId: \"Invoice\", categoryText: \"Invoice\"},\n\t\t\t\t{categoryId: \"Specification\", categoryText: \"Specification\"},\n\t\t\t\t{categoryId: \"Attachment\", categoryText: \"Attachment\"},\n\t\t\t\t{categoryId: \"Legal Document\", categoryText: \"Legal Document\"}\n\t\t\t];\n\t\t},\n\t\tgetFileSizeWithUnits: function(iFileSize) {\n\t\t\treturn UploadSetwithTable.getFileSizeWithUnits(iFileSize);\n\t\t},\n\t\topenPreview: function(oEvent) {\n\t\t\tvar clickedControl = oEvent.getSource();\n\t\t\twhile (clickedControl && !(clickedControl instanceof UploadSetwithTableItem)) {\n\t\t\t\tclickedControl = clickedControl.getParent();\n\t\t\t}\n\t\t\tclickedControl.openPreview();\n\t\t},\n\t\t_isValidUrl: function (sUrl) {\n\t\t\tvar regexp = /(ftp|http|https):\\/\\/(\\w+:{0,1}\\w*@)?(\\S+)(:[0-9]+)?(\\/|\\/([\\w#!:.?+=&%@!\\-\\/]))?/;\n\t\t\treturn regexp.test(sUrl);\n\t\t},\n\t\t_isValidName: function () {\n\t\t\tvar domRefName = Element.getElementById('addViaUrlDialog--nameInput'),\n\t\t\tsName = domRefName.getValue(),\n\t\t\tbHasError = false;\n\t\t\tif (!sName) {\n\t\t\t\tdomRefName.setValueState('Error');\n\t\t\t\tdomRefName.setValueStateText('Text is either empty or contains special characters');\n\t\t\t\tbHasError = true;\n\t\t\t} else {\n\t\t\t\tdomRefName.setValueState('None');\n\t\t\t\tbHasError = false;\n\t\t\t}\n\t\t\treturn !bHasError;\n\t\t},\n\t\t_validateAddOrEditUrlDialog: function () {\n\t\t\tvar domRefUrl = Element.getElementById('addViaUrlDialog--urlInput'),\n\t\t\tdomRefName = Element.getElementById('addViaUrlDialog--nameInput'),\n\t\t\tsUrl = domRefUrl.getValue(),\n\t\t\tsName = domRefName.getValue(),\n\t\t\tbFormHasError = !this._isValidName();\n\n\t\t\tif (!sUrl || !this._isValidUrl(sUrl)) {\n\t\t\t\tdomRefUrl.setValueState('Error');\n\t\t\t\tdomRefUrl.setValueStateText('Enter Valid URL');\n\t\t\t\tbFormHasError = true;\n\t\t\t} else {\n\t\t\t\tdomRefUrl.setValueState('None');\n\t\t\t}\n\n\t\t\treturn {\n\t\t\t\terror: bFormHasError,\n\t\t\t\tname: sName,\n\t\t\t\turl: sUrl\n\t\t\t};\n\t\t},\n\t\tshowEditConfirmation: function () {\n\t\t\t// validate name and set valueState.\n\t\t\tvar DialogType = mobileLibrary.DialogType;\n\t\t\tvar ValueState = coreLibrary.ValueState;\n\t\t\tvar ButtonType = mobileLibrary.ButtonType;\n\t\t\tthis.oWarningMessageDialog = new Dialog({\n\t\t\t\ttype: DialogType.Message,\n\t\t\t\ttitle: \"Warning\",\n\t\t\t\tstate: ValueState.Warning,\n\t\t\t\tcontent: new Text({ text: \"You have made changes to this object. What would you like to do?\" }),\n\t\t\t\tbuttons: [ new Button({\n\t\t\t\t\ttype: ButtonType.Emphasized,\n\t\t\t\t\ttext: \"Save\",\n\t\t\t\t\tpress: [function () {\n\t\t\t\t\t\tvar oValidateObject = this._validateAddOrEditUrlDialog(),\n\t\t\t\t\t\tsName = oValidateObject.name,\n\t\t\t\t\t\tsUrl = oValidateObject.url,\n\t\t\t\t\t\toUploadSetTable = this.byId(\"UploadSetTable\");\n\t\t\t\t\t\tvar oBidningContextObject = oUploadSetTable.getSelectedItem().getBindingContext().getObject();\n\t\t\t\t\t\tvar oModel = this.getView().getModel();\n\t\t\t\t\t\tvar oData = oModel.getProperty(\"/items\");\n\t\t\t\t\t\tvar iUpdateIndex, item;\n\t\t\t\t\t\toData.filter( function (obj, index) {\n\t\t\t\t\t\t\tif (obj.id === oBidningContextObject.id) {\n\t\t\t\t\t\t\t\tiUpdateIndex = index;\n\t\t\t\t\t\t\t\titem = obj;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t});\n\t\t\t\t\t\toData[iUpdateIndex] = Object.assign(item, !this.bRenameDocument ? {\n\t\t\t\t\t\t\tfileName: sName,\n\t\t\t\t\t\t\turl: sUrl\n\t\t\t\t\t\t} : { fileName: sName });\n\t\t\t\t\t\toModel.setProperty(\"/items\", oData);\n\t\t\t\t\t\tthis.oWarningMessageDialog.close();\n\t\t\t\t\t\tthis.closeAddViaUrlFragment();\n\n\t\t\t\t\t},this]\n\t\t\t\t}), new Button({\n\t\t\t\t\ttext: \"DiscardChanges\",\n\t\t\t\t\tpress: [function () {\n\t\t\t\t\t\tthis.oWarningMessageDialog.close();\n\t\t\t\t\t},this]\n\t\t\t\t})]\n\t\t\t});\n\t\t\tthis.oWarningMessageDialog.open();\n\t\t},\n\t\thandleAddViaUrl: function (){\n\t\t\tif (this.bEditDocument) {\n\t\t\t\tif (this._isValidName()){\n\t\t\t\t\tthis.showEditConfirmation();\n\t\t\t\t} else {\n\t\t\t\t\tMessageToast.show(\"No Changes found\");\n\t\t\t\t}\n\t\t\t\treturn;\n\t\t\t} else if (this.bRenameDocument) {\n\t\t\t\tthis.showEditConfirmation();\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tvar oValidateObject = this._validateAddOrEditUrlDialog(),\n\t\t\tsName = oValidateObject.name,\n\t\t\tsUrl = oValidateObject.url,\n\t\t\tbHasError = oValidateObject.error;\n\t\t\tif (!bHasError) {\n\t\t\t\tsetTimeout(function(){\n\n\t\t\t\t\tvar oUploadSetTableInstance = this.byId(\"UploadSetTable\");\n\n\t\t\t\t\tlet fnResolve, fnReject;\n\t\t\t\t\tvar oPromise = new Promise(function(resolve, reject) {\n\t\t\t\t\t\tfnResolve = resolve;\n\t\t\t\t\t\tfnReject = reject;\n\t\t\t\t\t});\n\t\t\t\t\tvar oItem = oUploadSetTableInstance.uploadItemViaUrl(sName, sUrl, oPromise);\n\t\t\t\t\tif (oItem) {\n\n\t\t\t\t\t\t/* Demonstration use case of Setting the header field if required to be passed in API request headers to\n\t\t\t\t\t\tinform backend with the file url captured through user input */\n\t\t\t\t\t\toItem.addHeaderField(new CoreItem({\n\t\t\t\t\t\t\tkey: 'documentUrl',\n\t\t\t\t\t\t\ttext: sUrl\n\t\t\t\t\t\t}));\n\t\t\t\t\t\t// resolve to initiate the upload.\n\t\t\t\t\t\tfnResolve(true);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tfnReject(true);\n\t\t\t\t\t}\n\t\t\t\t\tthis._addViaUrlFragment.destroy();\n\t\t\t\t\tthis._addViaUrlFragment = null;\n\n\t\t\t\t}.bind(this), 1000);\n\t\t\t}\n\t\t},\n\t\topenAddOrEditDialog: function () {\n\t\t\tif (!this._addViaUrlFragment){\n\t\t\t\tFragment.load({\n\t\t\t\t\tname: \"sap.m.sample.UploadSetwithTable.UploadSetwithTableGrowing.fragments.AddViaUrl\",\n\t\t\t\t\tid: \"addViaUrlDialog\",\n\t\t\t\t\tcontroller: this\n\t\t\t\t})\n\t\t\t\t.then(function (oPopover) {\n\t\t\t\t\tthis._addViaUrlFragment = oPopover;\n\t\t\t\t\tthis.getView().addDependent(oPopover);\n\t\t\t\t\t// if edit is clicked\n\t\t\t\t\tvar editFileInfo = this.oEditDocumentInfo;\n\t\t\t\t\tvar renameFileInfo = this.oRenameDocumentInfo;\n\t\t\t\t\tif (this.bEditDocument && this.oEditDocumentInfo) {\n\t\t\t\t\t\tElement.getElementById('addViaUrlDialog--addViaUrlDialog').setTitle(\"Edit URL\");\n\t\t\t\t\t\tElement.getElementById('addViaUrlDialog--addDocumentBtn').setText(\"Apply\");\n\t\t\t\t\t\tElement.getElementById('addViaUrlDialog--urlInput').setValue(editFileInfo.url);\n\t\t\t\t\t\tElement.getElementById('addViaUrlDialog--nameInput').setValue(editFileInfo.name);\n\t\t\t\t\t\tElement.getElementById('addViaUrlDialog--urlInputLabel').setRequired(false);\n\t\t\t\t\t\tElement.getElementById('addViaUrlDialog--urlInput').setVisible(true);\n\n\t\t\t\t\t}\n\t\t\t\t\tif (this.bRenameDocument && renameFileInfo) {\n\t\t\t\t\t\tElement.getElementById('addViaUrlDialog--addViaUrlDialog').setTitle(\"Rename\");\n\t\t\t\t\t\tElement.getElementById('addViaUrlDialog--addViaUrlDialog').setContentHeight(\"7rem\");\n\t\t\t\t\t\tElement.getElementById('addViaUrlDialog--addDocumentBtn').setText(\"Apply\");\n\t\t\t\t\t\tElement.getElementById('addViaUrlDialog--nameInput').setValue(renameFileInfo.name);\n\t\t\t\t\t\tElement.getElementById('addViaUrlDialog--urlInput').setVisible(false);\n\t\t\t\t\t}\n\t\t\t\t\toPopover.open();\n\t\t\t\t}.bind(this));\n\t\t\t} else {\n\t\t\t\tthis._addViaUrlFragment.open();\n\t\t\t}\n\t\t},\n\t\tcloseAddViaUrlFragment: function () {\n\t\t\tthis.bEditDocument = false;\n\t\t\tthis.oEditDocumentInfo = null;\n\t\t\tthis.bRenameDocument = false;\n\t\t\tthis.oRenameDocumentInfo = null;\n\t\t\tthis._addViaUrlFragment.destroy();\n\t\t\tthis._addViaUrlFragment = null;\n\t\t},\n\t\tonEditUrl: function(oEvent) {\n\t\t\tvar oUploadSet = this.byId(\"UploadSetTable\"),\n\t\t\t oBidningContextObject = oUploadSet.getSelectedItems()[0].getBindingContext().getObject(),\n\t\t\t sUrl = oBidningContextObject.url,\n\t\t\t sName = oBidningContextObject.fileName;\n\n\t\t\t this.bEditDocument = true;\n\t\t\t this.oEditDocumentInfo = {\n\t\t\t\turl: sUrl,\n\t\t\t\tname: sName\n\t\t\t };\n\t\t\t this.openAddOrEditDialog();\n\t\t},\n\t\tonRenameDocument: function() {\n\t\t\tvar oUploadSet = this.byId(\"UploadSetTable\");\n\t\t\t// invoking public API on UploadSetTable\n\t\t\toUploadSet.renameItem(oUploadSet.getSelectedItems()[0]);\n\t\t},\n\t\tonDocumentRenamedSuccess: function(oEvent) {\n\t\t\t// placeholder event handler to initiate a file name change that gets updated in the backend, and then the message is displayed in the application\n\n\t\t\t// Toast for sucessful rename.\n\t\t\tMessageToast.show(\"Document Renamed.\", {duration: 2000});\n\t\t},\n\t\topenDocumentWithoutFileDialog: function() {\n\n\t\t\tvar oUploadSetTableInstance = this.byId(\"UploadSetTable\");\n\n\t\t\tlet fnResolve, fnReject;\n\t\t\tconst oPromise = new Promise((resolve, reject) => {\n\t\t\t\tfnResolve = resolve;\n\t\t\t\tfnReject = reject;\n\t\t\t});\n\n\n\t\t\tvar oItem = oUploadSetTableInstance.uploadItemWithoutFile(oPromise);\n\t\t\tif (oItem) {\n\t\t\t\tfnResolve(true);\n\t\t\t} else {\n\t\t\t\tfnReject(true);\n\t\t\t}\n\t\t},\n\t\tonRemoveButtonFromMenuDocumentHandler: function(oEvent) {\n\t\t\tvar oUploadSet = this.byId(\"UploadSetTable\");\n\t\t\tvar aSelectedItems = oUploadSet && oUploadSet.getSelectedItems ? oUploadSet.getSelectedItems() : [];\n\t\t\tif (aSelectedItems && aSelectedItems.length == 1) {\n\t\t\t\tthis.removeItem(aSelectedItems[0]);\n\t\t\t}\n\t\t},\n\t\tonBeforeUploadStarts: function() {\n\t\t\t// This code block is only for demonstration purpose to simulate XHR requests, hence starting the mockserver.\n\t\t\tthis.oMockServer.start();\n\t\t},\n\t\tonSearch: function (oEvent) {\n\t\t\t// add filter for search\n\t\t\tvar aFilters = [];\n\t\t\tvar sQuery = oEvent.getSource().getValue();\n\t\t\tif (sQuery && sQuery.length > 0) {\n\t\t\t\tvar filter = new Filter(\"fileName\", FilterOperator.Contains, sQuery);\n\t\t\t\taFilters.push(filter);\n\t\t\t}\n\n\t\t\t// update list binding\n\t\t\tvar oUploadSet = this.byId(\"UploadSetTable\");\n\t\t\tvar oBinding = oUploadSet.getBinding(\"items\");\n\t\t\toBinding.filter(aFilters, \"Application\");\n\t\t}\n\t});\n});",
463
+ "UploadSetwithTableGrowing/Page.view.xml": "<mvc:View\n height=\"100%\"\n controllerName=\"sap.m.sample.UploadSetwithTable.UploadSetwithTableGrowing.Page\"\n xmlns:mvc=\"sap.ui.core.mvc\"\n xmlns:m=\"sap.m\"\n xmlns:core=\"sap.ui.core\"\n xmlns=\"sap.m.upload\"\n>\n <m:Page showHeader=\"false\">\n <m:HBox justifyContent=\"End\">\n <m:VBox class=\"sapUiSmallMargin\">\n <m:Label text=\"Modes\" labelFor=\"modes\"></m:Label>\n\t\t\t\t<m:ComboBox selectedKey=\"{/mode}\" id=\"modes\">\n\t\t\t\t\t<core:ListItem key=\"None\" text=\"None\"/>\n <core:ListItem key=\"SingleSelect\" text=\"SingleSelect\"/>\n <core:ListItem key=\"SingleSelectLeft\" text=\"SingleSelectLeft\"/>\n <core:ListItem key=\"SingleSelectMaster\" text=\"SingleSelectMaster\"/>\n <core:ListItem key=\"MultiSelect\" text=\"MultiSelect\"/>\n <core:ListItem key=\"Delete\" text=\"Delete\"/>\n\t\t\t\t</m:ComboBox>\n </m:VBox>\n <m:VBox class=\"sapUiSmallMargin\">\n <m:Label text=\"MultiSelect Modes\" labelFor=\"multiselectMode\"></m:Label>\n\t\t\t\t<m:ComboBox selectedKey=\"{/multiSelectMode}\" id=\"multiselectMode\">\n\t\t\t\t\t<core:ListItem key=\"Default\" text=\"Default\"/>\n <core:ListItem key=\"SelectAll\" text=\"SelectAll\"/>\n <core:ListItem key=\"ClearAll\" text=\"ClearAll\"/>\n\t\t\t\t</m:ComboBox>\n </m:VBox>\n </m:HBox>\n\n <UploadSetwithTable\n id=\"UploadSetTable\"\n class=\"sapUiSmallMargin\"\n sticky=\"ColumnHeaders,HeaderToolbar\"\n width=\"auto\"\n fixedLayout=\"false\"\n autoPopinMode=\"true\"\n hiddenInPopin=\"None\"\n items=\"{path: '/items', templateShareable: false}\"\n maxFileNameLength=\"60\"\n uploadUrl=\"/uploadFiles\"\n multiple=\"true\"\n beforeInitiatingItemUpload=\"onBeforeInitiatingItemUpload\"\n beforeUploadStarts=\"onBeforeUploadStarts\"\n selectionChange=\"onSelectionChange\"\n itemRenamed=\"onDocumentRenamedSuccess\"\n uploadCompleted=\"onUploadCompleted\"\n mode=\"{/mode}\"\n\t\t\tgrowing=\"true\"\n\t\t\tgrowingThreshold=\"5\"\n\t\t\tmultiSelectMode=\"{/multiSelectMode}\" >\n <!-- ToolBar for UploadSetwithTable -->\n <headerToolbar>\n <m:OverflowToolbar>\n <m:Title\n text=\"{/documentTableTitle} ({= ${/items}.length})\"\n level=\"H2\"\n />\n <m:ToolbarSpacer />\n <m:SearchField\n width=\"20%\"\n liveChange=\".onSearch\"\n >\n <m:layoutData>\n <m:OverflowToolbarLayoutData\n priority=\"NeverOverflow\"\n />\n </m:layoutData>\n </m:SearchField>\n\n <m:ToolbarSeparator />\n <ActionsPlaceholder placeholderFor=\"UploadButtonPlaceholder\" />\n <m:Button\n id=\"downloadSelectedButton\"\n text=\"Download\"\n enabled=\"false\"\n press=\"onDownloadFiles\"\n />\n <m:MenuButton text=\"Add\">\n <m:menu>\n <m:Menu>\n <m:MenuItem\n text=\"URL\"\n press=\"openAddOrEditDialog\"\n />\n <m:MenuItem\n text=\"Document Without File\"\n press=\".openDocumentWithoutFileDialog\"\n />\n </m:Menu>\n </m:menu>\n <m:layoutData>\n <m:OverflowToolbarLayoutData\n priority=\"AlwaysOverflow\"\n />\n </m:layoutData>\n </m:MenuButton>\n <m:Button\n id=\"removeDocumentButton\"\n text=\"Remove\"\n press=\".onRemoveButtonFromMenuDocumentHandler\"\n enabled=\"false\"\n >\n <m:layoutData>\n <m:OverflowToolbarLayoutData\n priority=\"AlwaysOverflow\"\n />\n </m:layoutData>\n </m:Button>\n <m:Button\n id=\"renameButton\"\n enabled=\"false\"\n press=\"onRenameDocument\"\n text=\"Rename\"\n >\n <m:layoutData>\n <m:OverflowToolbarLayoutData\n priority=\"AlwaysOverflow\"\n />\n </m:layoutData>\n </m:Button>\n <m:Button\n id=\"editUrlButton\"\n text=\"Edit URL\"\n enabled=\"false\"\n press=\"onEditUrl\"\n >\n <m:layoutData>\n <m:OverflowToolbarLayoutData\n priority=\"AlwaysOverflow\"\n />\n </m:layoutData>\n </m:Button>\n </m:OverflowToolbar>\n </headerToolbar>\n\n <!-- Columns for UploadSetwithTable -->\n <columns>\n <Column id=\"fileName\" importance=\"High\">\n <header>\n <m:Label text=\"File Name\" />\n </header>\n </Column>\n <Column id=\"id\">\n <header>\n <m:Label text=\"ID\" />\n </header>\n </Column>\n <Column id=\"revision\">\n <header>\n <m:Label text=\"Revision\" />\n </header>\n </Column>\n <Column id=\"status\">\n <header>\n <m:Label text=\"Status\" />\n </header>\n </Column>\n <Column id=\"fileSize\">\n <header>\n <m:Label text=\"File Size\" />\n </header>\n </Column>\n <Column id=\"lastModified\">\n <header>\n <m:Label text=\"Last Modified\" />\n </header>\n </Column>\n <Column id=\"actionButton\" importance=\"High\" />\n </columns>\n\n <!-- Items aggregation with template UploadSetwithTableItem definition for each row -->\n <items>\n <UploadSetwithTableItem\n fileName=\"{fileName}\"\n mediaType=\"{mediaType}\"\n url=\"{url}\"\n highlight=\"{=${uploadState} === 'Complete' ? 'Indication05' : null }\"\n previewable=\"{previewable}\"\n fileSize=\"{fileSize}\"\n >\n\n <!-- Cells with cell template defining content for each column (cells and columns work with 1:1 mapping) -->\n <cells>\n <m:HBox>\n <m:Image\n src=\"{imageUrl}\"\n class=\"sapMUSTItemImage sapMUSTItemIcon\"\n visible=\"{= ${imageUrl} !== undefined}\"\n />\n <core:Icon\n src=\"{parts: ['mediaType', 'fileName'], formatter: '.getIconSrc' }\"\n color=\"white\"\n visible=\"{= ${imageUrl} === undefined || ${imageUrl} === '' }\"\n class=\"sapMUSTItemImage sapMUSTItemIcon\"\n />\n <m:VBox\n class=\"sapUiTinyMargin sapUiSmallMarginBegin\"\n >\n <m:Link\n text=\"{fileName}\"\n press=\"openPreview\"\n class=\"sapUiTinyMarginBottom\"\n />\n <m:Text text=\"{documentType}\" class=\"sapUiTinyMarginTop\" />\n </m:VBox>\n </m:HBox>\n <m:Text text=\"{id}\" />\n <m:Link text=\"{revision}\" />\n <m:Text text=\"{status}\" />\n <m:Text\n text=\"{parts: ['fileSize'], formatter: '.getFileSizeWithUnits'}\"\n />\n <m:VBox>\n <m:Text text=\"{lastModifiedBy}\" />\n <m:Text\n class=\"sapUiTinyMarginTop\"\n text=\"{lastmodified}\"\n />\n </m:VBox>\n <m:Button\n class=\"sapUiTinyMarginBegin\"\n type=\"Transparent\"\n icon=\"sap-icon://decline\"\n press=\"onRemoveHandler\"\n />\n </cells>\n </UploadSetwithTableItem>\n </items>\n </UploadSetwithTable>\n </m:Page>\n</mvc:View>\n",
464
+ "UploadSetwithTablePersonalization/Component.js": "sap.ui.define([\n\t'sap/ui/core/UIComponent'\n], function (UIComponent) {\n\t\"use strict\";\n\t/**\n\t * @internal\n\t */\n\n\tvar Component = UIComponent.extend(\"sap.m.sample.UploadSetwithTablePersonalization.Component\", {\n\t\tmetadata: {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n\n\treturn Component;\n});",
465
+ "UploadSetwithTablePersonalization/fragments/AddViaUrl.fragment.xml": "<!-- Fragment.fragment.xml -->\n<core:FragmentDefinition xmlns=\"sap.m\" xmlns:core=\"sap.ui.core\" xmlns:form=\"sap.ui.layout.form\" templateShareable=\"false\" class=\"sapUiTinyMarginTop\">\n <Dialog id=\"addViaUrlDialog\" title=\"Add URL\" contentWidth=\"28rem\" contentHeight=\"15rem\" class=\"sapUiSmallMargin\">\n <content>\n <form:SimpleForm editable=\"true\" id=\"addViaUrlSimpleform\">\n <Label id=\"urlInputLabel\" text=\"URL\" required=\"true\"/>\n <Input id=\"urlInput\"/>\n <Label id=\"nameInputLabel\" text=\"Name\" required=\"true\"/>\n <Input id=\"nameInput\"/>\n </form:SimpleForm>\n </content>\n <beginButton>\n <Button id=\"addDocumentBtn\" text=\"Add\" type=\"Emphasized\" press=\".handleAddViaUrl\" />\n </beginButton>\n <endButton>\n <Button text=\"Cancel\" press=\".closeAddViaUrlFragment\" />\n </endButton>\n </Dialog>\n</core:FragmentDefinition>",
466
+ "UploadSetwithTablePersonalization/manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.m.sample.UploadSetwithTablePersonalization\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.m.sample.UploadSetwithTable.UploadSetwithTablePersonalization.Page\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.m\": {},\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.unified\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"stretch\": true,\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"Page.view.xml\",\n\t\t\t\t\t\"Page.controller.js\",\n\t\t\t\t\t\"manifest.json\",\n\t\t\t\t\t\"test/items.json\",\n\t\t\t\t\t\"test/mockserver.js\",\n\t\t\t\t\t\"fragments/AddViaUrl.fragment.xml\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
467
+ "UploadSetwithTablePersonalization/Page.controller.js": "sap.ui.define([\n\t\"sap/ui/core/mvc/Controller\",\n\t\"sap/ui/model/json/JSONModel\",\n\t\"sap/m/upload/UploadSetwithTable\",\n\t\"sap/m/upload/UploadSetwithTableItem\",\n\t\"sap/m/MessageBox\",\n\t\"sap/ui/core/Fragment\",\n\t\"./test/mockserver\",\n\t\"sap/m/MessageToast\",\n\t\"sap/m/Dialog\",\n\t\"sap/m/Button\",\n\t\"sap/m/library\",\n\t\"sap/m/Text\",\n\t\"sap/ui/core/library\",\n\t\"sap/ui/core/Item\",\n\t\"sap/ui/model/Filter\",\n\t\"sap/ui/model/FilterOperator\",\n\t\"sap/ui/core/Element\"\n], function (Controller, JSONModel, UploadSetwithTable, UploadSetwithTableItem, MessageBox, Fragment, MockServer, MessageToast, Dialog, Button, mobileLibrary, Text, coreLibrary, CoreItem, Filter, FilterOperator, Element) {\n\t\"use strict\";\n\n\treturn Controller.extend(\"sap.m.sample.UploadSetwithTablePersonalization.Page\", {\n\t\tonInit: function () {\n\t\t\tvar sPath = sap.ui.require.toUrl(\"sap/m/sample/UploadSetwithTable/UploadSetwithTablePersonalization/test/items.json\");\n\n\t\t\tvar oModel = new JSONModel(sPath);\n\t\t\tthis.getView().setModel(oModel);\n\t\t\tthis.oUploadSetTable = this.byId(\"UploadSetTable\");\n\n\t\t\tthis.documentTypes = this.getFileCategories();\n\t\t\tthis.oItemsProcessor = [];\n\t\t\tthis.oMockServer = new MockServer();\n\t\t\tthis.oMockServer.oModel = oModel;\n\t\t},\n\t\tgetIconSrc: function(mediaType, thumbnailUrl) {\n\t\t\treturn UploadSetwithTable.getIconForFileType(mediaType, thumbnailUrl);\n\t\t},\n\t\t// Table row selection handler\n\t\tonSelectionChange: function(oEvent) {\n\t\t\tvar oTable = oEvent.getSource();\n\t\t\tvar aSelectedItems = oTable.getSelectedItems();\n\t\t\tvar oDownloadBtn = this.byId(\"downloadSelectedButton\");\n\t\t\tvar oEditUrlBtn = this.byId(\"editUrlButton\");\n\t\t\tvar oRenameBtn = this.byId(\"renameButton\");\n\t\t\tvar oRemoveDocumentBtn = this.byId(\"removeDocumentButton\");\n\n\t\t\tif (aSelectedItems.length > 0) {\n\t\t\t\toDownloadBtn.setEnabled(true);\n\t\t\t} else {\n\t\t\t\toDownloadBtn.setEnabled(false);\n\t\t\t}\n\t\t\tif (aSelectedItems.length === 1){\n\t\t\t\toEditUrlBtn.setEnabled(true);\n\t\t\t\toRenameBtn.setEnabled(true);\n\t\t\t\toRemoveDocumentBtn.setEnabled(true);\n\t\t\t} else {\n\t\t\t\toRenameBtn.setEnabled(false);\n\t\t\t\toEditUrlBtn.setEnabled(false);\n\t\t\t\toRemoveDocumentBtn.setEnabled(false);\n\t\t\t}\n\t\t},\n\t\t// Download files handler\n\t\tonDownloadFiles: function(oEvent) {\n\t\t\tvar oUploadSet = this.byId(\"UploadSetTable\");\n\t\t\tconst oItems = oUploadSet.getSelectedItems();\n\n\t\t\toItems.forEach((oItem) => {oItem.download(true);});\n\t\t},\n\t\tonBeforeInitiatingItemUpload: function(oEvent) {\n\t\t\tvar oUploadSetTableInstance = this.byId(\"UploadSetTable\");\n\t\t\tvar oItem = oEvent.getParameter(\"item\");\n\n\t\t\t/** Demonstration of Updating the Document without file with actual file.\n\t\t\t * Note:- This is just demonstration of idea how the feature can be acheived by setting the hederfield data of empty documentId on the UploadSetwithTableItem instance.\n\t\t\t * Please check mockserver.js for the logic to simulate how the empty document is updated with file selected for upload using the existing document id.\n\t\t\t */\n\t\t\tvar oSelectedItems = oUploadSetTableInstance.getSelectedItems();\n\t\t\tvar oSelectedItemForUpdate = oSelectedItems.length === 1 ? oSelectedItems[0] : null;\n\t\t\tif (oSelectedItemForUpdate && oSelectedItemForUpdate.getFileName() === \"-\") {\n\t\t\t\tif (oSelectedItemForUpdate) {\n\t\t\t\t\tvar oContext = oSelectedItemForUpdate.getBindingContext();\n\t\t\t\t\tvar data = oContext && oContext.getObject ? oContext.getObject() : {};\n\t\t\t\t\toItem.addHeaderField(new CoreItem(\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tkey: \"existingDocumentID\",\n\t\t\t\t\t\t\ttext: data ? data.id : \"\"\n\t\t\t\t\t\t}\n\t\t\t\t\t));\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t// UploadCompleted event handler\n\t\tonUploadCompleted: function(oEvent) {\n\t\t\tvar oModel = this.getView().getModel();\n\t\t\tvar iResponseStatus = oEvent.getParameter(\"status\");\n\n\t\t\t// check for upload is sucess\n\t\t\tif (iResponseStatus === 201) {\n\t\t\t\toModel.refresh(true);\n\t\t\t\tsetTimeout(function() {\n\t\t\t\t\tMessageToast.show(\"Document Added\");\n\t\t\t\t}, 1000);\n\t\t\t}\n\t\t\t// This code block is only for demonstration purpose to simulate XHR requests, hence restoring the server to not fake the xhr requests.\n\t\t\tthis.oMockServer.restore();\n\t\t},\n\t\tonRemoveHandler: function(oEvent) {\n\t\t\tvar clickedControl = oEvent.getSource();\n\t\t\tvar olistItemTobeRemoved = null;\n\n\t\t\t// Traverse up the control hierarchy to find the ColumnListItem\n\t\t\twhile (clickedControl && !(clickedControl instanceof UploadSetwithTableItem)) {\n\t\t\t\tclickedControl = clickedControl.getParent();\n\t\t\t}\n\n\t\t\tif (clickedControl instanceof UploadSetwithTableItem) {\n\t\t\t\tolistItemTobeRemoved = clickedControl;\n\t\t\t}\n\t\t\tthis.removeItem(olistItemTobeRemoved);\n\t\t},\n\t\tremoveItem: function(oItem) {\n\t\t\tvar oModel = this.getView().getModel();\n\t\t\tvar oUploadSet = this.byId(\"UploadSetTable\");\n\t\t\tMessageBox.warning(\n\t\t\t\t\"Are you sure you want to remove the document\" + \" \" + oItem.getFileName() + \" \" + \"?\",\n\t\t\t\t{\n\t\t\t\t\ticon: MessageBox.Icon.WARNING,\n\t\t\t\t\tactions: [\"Remove\", MessageBox.Action.CANCEL],\n\t\t\t\t\temphasizedAction: \"Remove\",\n\t\t\t\t\tstyleClass: \"sapMUSTRemovePopoverContainer\",\n\t\t\t\t\tinitialFocus: MessageBox.Action.CANCEL,\n\t\t\t\t\tonClose: function(sAction) {\n\t\t\t\t\t\tif (sAction !== \"Remove\") {\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tvar spath = oItem.getBindingContext().sPath;\n\t\t\t\t\t\tif (spath.split(\"/\")[2]) {\n\t\t\t\t\t\t\tvar index = spath.split(\"/\")[2];\n\t\t\t\t\t\t\tvar data = oModel.getProperty(\"/items\");\n\t\t\t\t\t\t\tdata.splice(index, 1);\n\t\t\t\t\t\t\toModel.refresh(true);\n\t\t\t\t\t\t\tif (oUploadSet && oUploadSet.removeSelections) {\n\t\t\t\t\t\t\t\toUploadSet.removeSelections();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t);\n\t\t},\n\t\tgetFileCategories: function() {\n\t\t\treturn [\n\t\t\t\t{categoryId: \"Invoice\", categoryText: \"Invoice\"},\n\t\t\t\t{categoryId: \"Specification\", categoryText: \"Specification\"},\n\t\t\t\t{categoryId: \"Attachment\", categoryText: \"Attachment\"},\n\t\t\t\t{categoryId: \"Legal Document\", categoryText: \"Legal Document\"}\n\t\t\t];\n\t\t},\n\t\tgetFileSizeWithUnits: function(iFileSize) {\n\t\t\treturn UploadSetwithTable.getFileSizeWithUnits(iFileSize);\n\t\t},\n\t\topenPreview: function(oEvent) {\n\t\t\tvar clickedControl = oEvent.getSource();\n\t\t\twhile (clickedControl && !(clickedControl instanceof UploadSetwithTableItem)) {\n\t\t\t\tclickedControl = clickedControl.getParent();\n\t\t\t}\n\t\t\tclickedControl.openPreview();\n\t\t},\n\t\t_isValidUrl: function (sUrl) {\n\t\t\tvar regexp = /(ftp|http|https):\\/\\/(\\w+:{0,1}\\w*@)?(\\S+)(:[0-9]+)?(\\/|\\/([\\w#!:.?+=&%@!\\-\\/]))?/;\n\t\t\treturn regexp.test(sUrl);\n\t\t},\n\t\t_isValidName: function () {\n\t\t\tvar domRefName = Element.getElementById('addViaUrlDialog--nameInput'),\n\t\t\tsName = domRefName.getValue(),\n\t\t\tbHasError = false;\n\t\t\tif (!sName) {\n\t\t\t\tdomRefName.setValueState('Error');\n\t\t\t\tdomRefName.setValueStateText('Text is either empty or contains special characters');\n\t\t\t\tbHasError = true;\n\t\t\t} else {\n\t\t\t\tdomRefName.setValueState('None');\n\t\t\t\tbHasError = false;\n\t\t\t}\n\t\t\treturn !bHasError;\n\t\t},\n\t\t_validateAddOrEditUrlDialog: function () {\n\t\t\tvar domRefUrl = Element.getElementById('addViaUrlDialog--urlInput'),\n\t\t\tdomRefName = Element.getElementById('addViaUrlDialog--nameInput'),\n\t\t\tsUrl = domRefUrl.getValue(),\n\t\t\tsName = domRefName.getValue(),\n\t\t\tbFormHasError = !this._isValidName();\n\n\t\t\tif (!sUrl || !this._isValidUrl(sUrl)) {\n\t\t\t\tdomRefUrl.setValueState('Error');\n\t\t\t\tdomRefUrl.setValueStateText('Enter Valid URL');\n\t\t\t\tbFormHasError = true;\n\t\t\t} else {\n\t\t\t\tdomRefUrl.setValueState('None');\n\t\t\t}\n\n\t\t\treturn {\n\t\t\t\terror: bFormHasError,\n\t\t\t\tname: sName,\n\t\t\t\turl: sUrl\n\t\t\t};\n\t\t},\n\t\tshowEditConfirmation: function () {\n\t\t\t// validate name and set valueState.\n\t\t\tvar DialogType = mobileLibrary.DialogType;\n\t\t\tvar ValueState = coreLibrary.ValueState;\n\t\t\tvar ButtonType = mobileLibrary.ButtonType;\n\t\t\tthis.oWarningMessageDialog = new Dialog({\n\t\t\t\ttype: DialogType.Message,\n\t\t\t\ttitle: \"Warning\",\n\t\t\t\tstate: ValueState.Warning,\n\t\t\t\tcontent: new Text({ text: \"You have made changes to this object. What would you like to do?\" }),\n\t\t\t\tbuttons: [ new Button({\n\t\t\t\t\ttype: ButtonType.Emphasized,\n\t\t\t\t\ttext: \"Save\",\n\t\t\t\t\tpress: [function () {\n\t\t\t\t\t\tvar oValidateObject = this._validateAddOrEditUrlDialog(),\n\t\t\t\t\t\tsName = oValidateObject.name,\n\t\t\t\t\t\tsUrl = oValidateObject.url,\n\t\t\t\t\t\toUploadSetTable = this.byId(\"UploadSetTable\");\n\t\t\t\t\t\tvar oBidningContextObject = oUploadSetTable.getSelectedItem().getBindingContext().getObject();\n\t\t\t\t\t\tvar oModel = this.getView().getModel();\n\t\t\t\t\t\tvar oData = oModel.getProperty(\"/items\");\n\t\t\t\t\t\tvar iUpdateIndex, item;\n\t\t\t\t\t\toData.filter( function (obj, index) {\n\t\t\t\t\t\t\tif (obj.id === oBidningContextObject.id) {\n\t\t\t\t\t\t\t\tiUpdateIndex = index;\n\t\t\t\t\t\t\t\titem = obj;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t});\n\t\t\t\t\t\toData[iUpdateIndex] = Object.assign(item, !this.bRenameDocument ? {\n\t\t\t\t\t\t\tfileName: sName,\n\t\t\t\t\t\t\turl: sUrl\n\t\t\t\t\t\t} : { fileName: sName });\n\t\t\t\t\t\toModel.setProperty(\"/items\", oData);\n\t\t\t\t\t\tthis.oWarningMessageDialog.close();\n\t\t\t\t\t\tthis.closeAddViaUrlFragment();\n\n\t\t\t\t\t},this]\n\t\t\t\t}), new Button({\n\t\t\t\t\ttext: \"DiscardChanges\",\n\t\t\t\t\tpress: [function () {\n\t\t\t\t\t\tthis.oWarningMessageDialog.close();\n\t\t\t\t\t},this]\n\t\t\t\t})]\n\t\t\t});\n\t\t\tthis.oWarningMessageDialog.open();\n\t\t},\n\t\thandleAddViaUrl: function (){\n\t\t\tif (this.bEditDocument) {\n\t\t\t\tif (this._isValidName()){\n\t\t\t\t\tthis.showEditConfirmation();\n\t\t\t\t} else {\n\t\t\t\t\tMessageToast.show(\"No Changes found\");\n\t\t\t\t}\n\t\t\t\treturn;\n\t\t\t} else if (this.bRenameDocument) {\n\t\t\t\tthis.showEditConfirmation();\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tvar oValidateObject = this._validateAddOrEditUrlDialog(),\n\t\t\tsName = oValidateObject.name,\n\t\t\tsUrl = oValidateObject.url,\n\t\t\tbHasError = oValidateObject.error;\n\t\t\tif (!bHasError) {\n\t\t\t\tsetTimeout(function(){\n\n\t\t\t\t\tvar oUploadSetTableInstance = this.byId(\"UploadSetTable\");\n\n\t\t\t\t\tlet fnResolve, fnReject;\n\t\t\t\t\tvar oPromise = new Promise(function(resolve, reject) {\n\t\t\t\t\t\tfnResolve = resolve;\n\t\t\t\t\t\tfnReject = reject;\n\t\t\t\t\t});\n\t\t\t\t\tvar oItem = oUploadSetTableInstance.uploadItemViaUrl(sName, sUrl, oPromise);\n\t\t\t\t\tif (oItem) {\n\n\t\t\t\t\t\t/* Demonstration use case of Setting the header field if required to be passed in API request headers to\n\t\t\t\t\t\tinform backend with the file url captured through user input */\n\t\t\t\t\t\toItem.addHeaderField(new CoreItem({\n\t\t\t\t\t\t\tkey: 'documentUrl',\n\t\t\t\t\t\t\ttext: sUrl\n\t\t\t\t\t\t}));\n\t\t\t\t\t\t// resolve to initiate the upload.\n\t\t\t\t\t\tfnResolve(true);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tfnReject(true);\n\t\t\t\t\t}\n\t\t\t\t\tthis._addViaUrlFragment.destroy();\n\t\t\t\t\tthis._addViaUrlFragment = null;\n\n\t\t\t\t}.bind(this), 1000);\n\t\t\t}\n\t\t},\n\t\topenAddOrEditDialog: function () {\n\t\t\tif (!this._addViaUrlFragment){\n\t\t\t\tFragment.load({\n\t\t\t\t\tname: \"sap.m.sample.UploadSetwithTable.UploadSetwithTablePersonalization.fragments.AddViaUrl\",\n\t\t\t\t\tid: \"addViaUrlDialog\",\n\t\t\t\t\tcontroller: this\n\t\t\t\t})\n\t\t\t\t.then(function (oPopover) {\n\t\t\t\t\tthis._addViaUrlFragment = oPopover;\n\t\t\t\t\tthis.getView().addDependent(oPopover);\n\t\t\t\t\t// if edit is clicked\n\t\t\t\t\tvar editFileInfo = this.oEditDocumentInfo;\n\t\t\t\t\tvar renameFileInfo = this.oRenameDocumentInfo;\n\t\t\t\t\tif (this.bEditDocument && this.oEditDocumentInfo) {\n\t\t\t\t\t\tElement.getElementById('addViaUrlDialog--addViaUrlDialog').setTitle(\"Edit URL\");\n\t\t\t\t\t\tElement.getElementById('addViaUrlDialog--addDocumentBtn').setText(\"Apply\");\n\t\t\t\t\t\tElement.getElementById('addViaUrlDialog--urlInput').setValue(editFileInfo.url);\n\t\t\t\t\t\tElement.getElementById('addViaUrlDialog--nameInput').setValue(editFileInfo.name);\n\t\t\t\t\t\tElement.getElementById('addViaUrlDialog--urlInputLabel').setRequired(false);\n\t\t\t\t\t\tElement.getElementById('addViaUrlDialog--urlInput').setVisible(true);\n\n\t\t\t\t\t}\n\t\t\t\t\tif (this.bRenameDocument && renameFileInfo) {\n\t\t\t\t\t\tElement.getElementById('addViaUrlDialog--addViaUrlDialog').setTitle(\"Rename\");\n\t\t\t\t\t\tElement.getElementById('addViaUrlDialog--addViaUrlDialog').setContentHeight(\"7rem\");\n\t\t\t\t\t\tElement.getElementById('addViaUrlDialog--addDocumentBtn').setText(\"Apply\");\n\t\t\t\t\t\tElement.getElementById('addViaUrlDialog--nameInput').setValue(renameFileInfo.name);\n\t\t\t\t\t\tElement.getElementById('addViaUrlDialog--urlInput').setVisible(false);\n\t\t\t\t\t}\n\t\t\t\t\toPopover.open();\n\t\t\t\t}.bind(this));\n\t\t\t} else {\n\t\t\t\tthis._addViaUrlFragment.open();\n\t\t\t}\n\t\t},\n\t\tcloseAddViaUrlFragment: function () {\n\t\t\tthis.bEditDocument = false;\n\t\t\tthis.oEditDocumentInfo = null;\n\t\t\tthis.bRenameDocument = false;\n\t\t\tthis.oRenameDocumentInfo = null;\n\t\t\tthis._addViaUrlFragment.destroy();\n\t\t\tthis._addViaUrlFragment = null;\n\t\t},\n\t\tonEditUrl: function(oEvent) {\n\t\t\tvar oUploadSet = this.byId(\"UploadSetTable\"),\n\t\t\t oBidningContextObject = oUploadSet.getSelectedItems()[0].getBindingContext().getObject(),\n\t\t\t sUrl = oBidningContextObject.url,\n\t\t\t sName = oBidningContextObject.fileName;\n\n\t\t\t this.bEditDocument = true;\n\t\t\t this.oEditDocumentInfo = {\n\t\t\t\turl: sUrl,\n\t\t\t\tname: sName\n\t\t\t };\n\t\t\t this.openAddOrEditDialog();\n\t\t},\n\t\tonRenameDocument: function() {\n\t\t\tvar oUploadSet = this.byId(\"UploadSetTable\");\n\t\t\t// invoking public API on UploadSetTable\n\t\t\toUploadSet.renameItem(oUploadSet.getSelectedItems()[0]);\n\t\t},\n\t\tonDocumentRenamedSuccess: function(oEvent) {\n\t\t\t// placeholder event handler to initiate a file name change that gets updated in the backend, and then the message is displayed in the application\n\n\t\t\t// Toast for sucessful rename.\n\t\t\tMessageToast.show(\"Document Renamed.\", {duration: 2000});\n\t\t},\n\t\topenDocumentWithoutFileDialog: function() {\n\n\t\t\tvar oUploadSetTableInstance = this.byId(\"UploadSetTable\");\n\n\t\t\tlet fnResolve, fnReject;\n\t\t\tconst oPromise = new Promise((resolve, reject) => {\n\t\t\t\tfnResolve = resolve;\n\t\t\t\tfnReject = reject;\n\t\t\t});\n\n\n\t\t\tvar oItem = oUploadSetTableInstance.uploadItemWithoutFile(oPromise);\n\t\t\tif (oItem) {\n\t\t\t\tfnResolve(true);\n\t\t\t} else {\n\t\t\t\tfnReject(true);\n\t\t\t}\n\t\t},\n\t\tonRemoveButtonFromMenuDocumentHandler: function(oEvent) {\n\t\t\tvar oUploadSet = this.byId(\"UploadSetTable\");\n\t\t\tvar aSelectedItems = oUploadSet && oUploadSet.getSelectedItems ? oUploadSet.getSelectedItems() : [];\n\t\t\tif (aSelectedItems && aSelectedItems.length == 1) {\n\t\t\t\tthis.removeItem(aSelectedItems[0]);\n\t\t\t}\n\t\t},\n\t\tonBeforeUploadStarts: function() {\n\t\t\t// This code block is only for demonstration purpose to simulate XHR requests, hence starting the mockserver.\n\t\t\tthis.oMockServer.start();\n\t\t},\n\t\tonSearch: function (oEvent) {\n\t\t\t// add filter for search\n\t\t\tvar aFilters = [];\n\t\t\tvar sQuery = oEvent.getSource().getValue();\n\t\t\tif (sQuery && sQuery.length > 0) {\n\t\t\t\tvar filter = new Filter(\"fileName\", FilterOperator.Contains, sQuery);\n\t\t\t\taFilters.push(filter);\n\t\t\t}\n\n\t\t\t// update list binding\n\t\t\tvar oUploadSet = this.byId(\"UploadSetTable\");\n\t\t\tvar oBinding = oUploadSet.getBinding(\"items\");\n\t\t\toBinding.filter(aFilters, \"Application\");\n\t\t}\n\t});\n});",
468
+ "UploadSetwithTablePersonalization/Page.view.xml": "<mvc:View\n height=\"100%\"\n controllerName=\"sap.m.sample.UploadSetwithTable.UploadSetwithTablePersonalization.Page\"\n xmlns:mvc=\"sap.ui.core.mvc\"\n xmlns:m=\"sap.m\"\n xmlns:core=\"sap.ui.core\"\n xmlns=\"sap.m.upload\"\n>\n <m:Page showHeader=\"false\">\n <UploadSetwithTable\n id=\"UploadSetTable\"\n sticky=\"ColumnHeaders,HeaderToolbar\"\n width=\"auto\"\n mode=\"MultiSelect\"\n fixedLayout=\"false\"\n inset=\"true\"\n autoPopinMode=\"true\"\n hiddenInPopin=\"None\"\n items=\"{path: '/items', templateShareable: false}\"\n maxFileNameLength=\"60\"\n uploadUrl=\"/uploadFiles\"\n multiple=\"true\"\n beforeInitiatingItemUpload=\"onBeforeInitiatingItemUpload\"\n beforeUploadStarts=\"onBeforeUploadStarts\"\n selectionChange=\"onSelectionChange\"\n itemRenamed=\"onDocumentRenamedSuccess\"\n uploadCompleted=\"onUploadCompleted\"\n enableVariantManagement=\"true\" >\n <!-- ToolBar for UploadSetwithTable -->\n <headerToolbar>\n <m:OverflowToolbar>\n <m:Title\n text=\"{/documentTableTitle} ({= ${/items}.length})\"\n level=\"H2\"\n />\n <m:ToolbarSeparator />\n <ActionsPlaceholder placeholderFor=\"VariantManagementPlaceholder\" />\n <m:ToolbarSpacer />\n <m:SearchField\n width=\"20%\"\n liveChange=\".onSearch\"\n >\n <m:layoutData>\n <m:OverflowToolbarLayoutData\n priority=\"NeverOverflow\"\n />\n </m:layoutData>\n </m:SearchField>\n <m:ToolbarSeparator />\n <ActionsPlaceholder placeholderFor=\"UploadButtonPlaceholder\" />\n <m:Button\n id=\"downloadSelectedButton\"\n text=\"Download\"\n enabled=\"false\"\n press=\"onDownloadFiles\"\n />\n <m:MenuButton text=\"Add\">\n <m:menu>\n <m:Menu>\n <m:MenuItem\n text=\"URL\"\n press=\"openAddOrEditDialog\"\n />\n <m:MenuItem\n text=\"Document Without File\"\n press=\".openDocumentWithoutFileDialog\"\n />\n </m:Menu>\n </m:menu>\n <m:layoutData>\n <m:OverflowToolbarLayoutData\n priority=\"AlwaysOverflow\"\n />\n </m:layoutData>\n </m:MenuButton>\n <m:Button\n id=\"removeDocumentButton\"\n text=\"Remove\"\n press=\".onRemoveButtonFromMenuDocumentHandler\"\n enabled=\"false\"\n >\n <m:layoutData>\n <m:OverflowToolbarLayoutData\n priority=\"AlwaysOverflow\"\n />\n </m:layoutData>\n </m:Button>\n <m:Button\n id=\"renameButton\"\n enabled=\"false\"\n press=\"onRenameDocument\"\n text=\"Rename\"\n >\n <m:layoutData>\n <m:OverflowToolbarLayoutData\n priority=\"AlwaysOverflow\"\n />\n </m:layoutData>\n </m:Button>\n <m:Button\n id=\"editUrlButton\"\n text=\"Edit URL\"\n enabled=\"false\"\n press=\"onEditUrl\"\n >\n <m:layoutData>\n <m:OverflowToolbarLayoutData\n priority=\"AlwaysOverflow\"\n />\n </m:layoutData>\n </m:Button>\n <ActionsPlaceholder placeholderFor=\"PersonalizationSettingsPlaceholder\" />\n </m:OverflowToolbar>\n </headerToolbar>\n\n <!-- Columns for UploadSetwithTable -->\n <columns>\n <!-- Use sap.m.upload.Column to define personalization settings instead of sap.m.Column -->\n <Column id=\"fileName\" columnPersonalizationText=\"File Name\" path=\"fileName\" importance=\"High\">\n <header>\n <m:Label text=\"File Name\" />\n </header>\n </Column>\n <Column id=\"id\" columnPersonalizationText=\"ID\">\n <header>\n <m:Label text=\"ID\" />\n </header>\n </Column>\n <Column id=\"revision\" columnPersonalizationText=\"Revision\" path=\"revision\">\n <header>\n <m:Label text=\"Revision\" />\n </header>\n </Column>\n <Column id=\"status\" columnPersonalizationText=\"Status\" path=\"status\">\n <header>\n <m:Label text=\"Status\" />\n </header>\n </Column>\n <Column id=\"fileSize\" columnPersonalizationText=\"File Size\" path=\"fileSize\">\n <header>\n <m:Label text=\"File Size\" />\n </header>\n </Column>\n <Column id=\"lastModified\" columnPersonalizationText=\"Last Modified\" path=\"lastModifiedBy\">\n <header>\n <m:Label text=\"Last Modified\" />\n </header>\n </Column>\n <Column id=\"actionButton\" columnPersonalizationText=\"Action Button\"/>\n </columns>\n\n <!-- Items aggregation with template UploadSetwithTableItem definition for each row -->\n <items>\n <UploadSetwithTableItem\n fileName=\"{fileName}\"\n mediaType=\"{mediaType}\"\n url=\"{url}\"\n highlight=\"{=${uploadState} === 'Complete' ? 'Indication05' : null }\"\n previewable=\"{previewable}\"\n fileSize=\"{fileSize}\"\n >\n\n <!-- Cells with cell template defining content for each column (cells and columns work with 1:1 mapping) -->\n <cells>\n <m:HBox>\n <m:Image\n src=\"{imageUrl}\"\n class=\"sapMUSTItemImage sapMUSTItemIcon\"\n visible=\"{= ${imageUrl} !== undefined}\"\n />\n <core:Icon\n src=\"{parts: ['mediaType', 'fileName'], formatter: '.getIconSrc' }\"\n color=\"white\"\n visible=\"{= ${imageUrl} === undefined || ${imageUrl} === '' }\"\n class=\"sapMUSTItemImage sapMUSTItemIcon\"\n />\n <m:VBox\n class=\"sapUiTinyMargin sapUiSmallMarginBegin\"\n >\n <m:Link\n text=\"{fileName}\"\n press=\"openPreview\"\n class=\"sapUiTinyMarginBottom\"\n />\n <m:Text text=\"{documentType}\" class=\"sapUiTinyMarginTop\" />\n </m:VBox>\n </m:HBox>\n <m:Text text=\"{id}\" />\n <m:Link text=\"{revision}\" />\n <m:Text text=\"{status}\" />\n <m:Text\n text=\"{parts: ['fileSize'], formatter: '.getFileSizeWithUnits'}\"\n />\n <m:VBox>\n <m:Text text=\"{lastModifiedBy}\" />\n <m:Text\n class=\"sapUiTinyMarginTop\"\n text=\"{lastmodified}\"\n />\n </m:VBox>\n <m:Button\n class=\"sapUiTinyMarginBegin\"\n type=\"Transparent\"\n icon=\"sap-icon://decline\"\n press=\"onRemoveHandler\"\n />\n </cells>\n </UploadSetwithTableItem>\n </items>\n </UploadSetwithTable>\n </m:Page>\n</mvc:View>\n",
469
+ "UploadSetwithTableSimple/Component.js": "sap.ui.define([\n\t'sap/ui/core/UIComponent'\n], function (UIComponent) {\n\t\"use strict\";\n\t/**\n\t * @internal\n\t */\n\n\tvar Component = UIComponent.extend(\"sap.m.sample.UploadSetwithTableSimple.Component\", {\n\t\tmetadata: {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n\n\treturn Component;\n});",
470
+ "UploadSetwithTableSimple/fragments/AddViaUrl.fragment.xml": "<!-- Fragment.fragment.xml -->\n<core:FragmentDefinition xmlns=\"sap.m\" xmlns:core=\"sap.ui.core\" xmlns:form=\"sap.ui.layout.form\" templateShareable=\"false\" class=\"sapUiTinyMarginTop\">\n <Dialog id=\"addViaUrlDialog\" title=\"Add URL\" contentWidth=\"28rem\" contentHeight=\"15rem\" class=\"sapUiSmallMargin\">\n <content>\n <form:SimpleForm editable=\"true\" id=\"addViaUrlSimpleform\">\n <Label id=\"urlInputLabel\" text=\"URL\" required=\"true\"/>\n <Input id=\"urlInput\"/>\n <Label id=\"nameInputLabel\" text=\"Name\" required=\"true\"/>\n <Input id=\"nameInput\"/>\n </form:SimpleForm>\n </content>\n <beginButton>\n <Button id=\"addDocumentBtn\" text=\"Add\" type=\"Emphasized\" press=\".handleAddViaUrl\" />\n </beginButton>\n <endButton>\n <Button text=\"Cancel\" press=\".closeAddViaUrlFragment\" />\n </endButton>\n </Dialog>\n</core:FragmentDefinition>",
471
+ "UploadSetwithTableSimple/manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.m.sample.UploadSetwithTableSimple\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.m.sample.UploadSetwithTable.UploadSetwithTableSimple.Page\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.m\": {},\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.unified\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"stretch\": true,\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"Page.view.xml\",\n\t\t\t\t\t\"Page.controller.js\",\n\t\t\t\t\t\"manifest.json\",\n\t\t\t\t\t\"test/items.json\",\n\t\t\t\t\t\"test/mockserver.js\",\n\t\t\t\t\t\"fragments/AddViaUrl.fragment.xml\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
472
+ "UploadSetwithTableSimple/Page.controller.js": "sap.ui.define([\n\t\"sap/ui/core/mvc/Controller\",\n\t\"sap/ui/model/json/JSONModel\",\n\t\"sap/m/upload/UploadSetwithTable\",\n\t\"sap/m/upload/UploadSetwithTableItem\",\n\t\"sap/m/MessageBox\",\n\t\"sap/ui/core/Fragment\",\n\t\"./test/mockserver\",\n\t\"sap/m/MessageToast\",\n\t\"sap/m/Dialog\",\n\t\"sap/m/Button\",\n\t\"sap/m/library\",\n\t\"sap/m/Text\",\n\t\"sap/ui/core/library\",\n\t\"sap/ui/core/Item\",\n\t\"sap/ui/model/Filter\",\n\t\"sap/ui/model/FilterOperator\",\n\t\"sap/ui/core/Element\"\n], function (Controller, JSONModel, UploadSetwithTable, UploadSetwithTableItem, MessageBox, Fragment, MockServer, MessageToast, Dialog, Button, mobileLibrary, Text, coreLibrary, CoreItem, Filter, FilterOperator, Element) {\n\t\"use strict\";\n\n\treturn Controller.extend(\"sap.m.sample.UploadSetwithTableSimple.Page\", {\n\t\tonInit: function () {\n\t\t\tvar sPath = sap.ui.require.toUrl(\"sap/m/sample/UploadSetwithTable/UploadSetwithTableSimple/test/items.json\");\n\n\t\t\tvar oModel = new JSONModel(sPath);\n\t\t\tthis.getView().setModel(oModel);\n\t\t\tthis.oUploadSetTable = this.byId(\"UploadSetTable\");\n\n\t\t\tthis.documentTypes = this.getFileCategories();\n\t\t\tthis.oItemsProcessor = [];\n\t\t\tthis.oMockServer = new MockServer();\n\t\t\tthis.oMockServer.oModel = oModel;\n\t\t},\n\t\tgetIconSrc: function(mediaType, thumbnailUrl) {\n\t\t\treturn UploadSetwithTable.getIconForFileType(mediaType, thumbnailUrl);\n\t\t},\n\t\t// Table row selection handler\n\t\tonSelectionChange: function(oEvent) {\n\t\t\tvar oTable = oEvent.getSource();\n\t\t\tvar aSelectedItems = oTable.getSelectedItems();\n\t\t\tvar oDownloadBtn = this.byId(\"downloadSelectedButton\");\n\t\t\tvar oEditUrlBtn = this.byId(\"editUrlButton\");\n\t\t\tvar oRenameBtn = this.byId(\"renameButton\");\n\t\t\tvar oRemoveDocumentBtn = this.byId(\"removeDocumentButton\");\n\n\t\t\tif (aSelectedItems.length > 0) {\n\t\t\t\toDownloadBtn.setEnabled(true);\n\t\t\t} else {\n\t\t\t\toDownloadBtn.setEnabled(false);\n\t\t\t}\n\t\t\tif (aSelectedItems.length === 1){\n\t\t\t\toEditUrlBtn.setEnabled(true);\n\t\t\t\toRenameBtn.setEnabled(true);\n\t\t\t\toRemoveDocumentBtn.setEnabled(true);\n\t\t\t} else {\n\t\t\t\toRenameBtn.setEnabled(false);\n\t\t\t\toEditUrlBtn.setEnabled(false);\n\t\t\t\toRemoveDocumentBtn.setEnabled(false);\n\t\t\t}\n\t\t},\n\t\t// Download files handler\n\t\tonDownloadFiles: function(oEvent) {\n\t\t\tvar oUploadSet = this.byId(\"UploadSetTable\");\n\t\t\tconst oItems = oUploadSet.getSelectedItems();\n\n\t\t\toItems.forEach((oItem) => {oItem.download(true);});\n\t\t},\n\t\tonBeforeInitiatingItemUpload: function(oEvent) {\n\t\t\tvar oUploadSetTableInstance = this.byId(\"UploadSetTable\");\n\t\t\tvar oItem = oEvent.getParameter(\"item\");\n\n\t\t\t/** Demonstration of Updating the Document without file with actual file.\n\t\t\t * Note:- This is just demonstration of idea how the feature can be acheived by setting the hederfield data of empty documentId on the UploadSetwithTableItem instance.\n\t\t\t * Please check mockserver.js for the logic to simulate how the empty document is updated with file selected for upload using the existing document id.\n\t\t\t */\n\t\t\tvar oSelectedItems = oUploadSetTableInstance.getSelectedItems();\n\t\t\tvar oSelectedItemForUpdate = oSelectedItems.length === 1 ? oSelectedItems[0] : null;\n\t\t\tif (oSelectedItemForUpdate && oSelectedItemForUpdate.getFileName() === \"-\") {\n\t\t\t\tif (oSelectedItemForUpdate) {\n\t\t\t\t\tvar oContext = oSelectedItemForUpdate.getBindingContext();\n\t\t\t\t\tvar data = oContext && oContext.getObject ? oContext.getObject() : {};\n\t\t\t\t\toItem.addHeaderField(new CoreItem(\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tkey: \"existingDocumentID\",\n\t\t\t\t\t\t\ttext: data ? data.id : \"\"\n\t\t\t\t\t\t}\n\t\t\t\t\t));\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t// UploadCompleted event handler\n\t\tonUploadCompleted: function(oEvent) {\n\t\t\tvar oModel = this.getView().getModel();\n\t\t\tvar iResponseStatus = oEvent.getParameter(\"status\");\n\n\t\t\t// check for upload is sucess\n\t\t\tif (iResponseStatus === 201) {\n\t\t\t\toModel.refresh(true);\n\t\t\t\tsetTimeout(function() {\n\t\t\t\t\tMessageToast.show(\"Document Added\");\n\t\t\t\t}, 1000);\n\t\t\t}\n\t\t\t// This code block is only for demonstration purpose to simulate XHR requests, hence restoring the server to not fake the xhr requests.\n\t\t\tthis.oMockServer.restore();\n\t\t},\n\t\tonRemoveHandler: function(oEvent) {\n\t\t\tvar clickedControl = oEvent.getSource();\n\t\t\tvar olistItemTobeRemoved = null;\n\n\t\t\t// Traverse up the control hierarchy to find the ColumnListItem\n\t\t\twhile (clickedControl && !(clickedControl instanceof UploadSetwithTableItem)) {\n\t\t\t\tclickedControl = clickedControl.getParent();\n\t\t\t}\n\n\t\t\tif (clickedControl instanceof UploadSetwithTableItem) {\n\t\t\t\tolistItemTobeRemoved = clickedControl;\n\t\t\t}\n\t\t\tthis.removeItem(olistItemTobeRemoved);\n\t\t},\n\t\tremoveItem: function(oItem) {\n\t\t\tvar oModel = this.getView().getModel();\n\t\t\tvar oUploadSet = this.byId(\"UploadSetTable\");\n\t\t\tMessageBox.warning(\n\t\t\t\t\"Are you sure you want to remove the document\" + \" \" + oItem.getFileName() + \" \" + \"?\",\n\t\t\t\t{\n\t\t\t\t\ticon: MessageBox.Icon.WARNING,\n\t\t\t\t\tactions: [\"Remove\", MessageBox.Action.CANCEL],\n\t\t\t\t\temphasizedAction: \"Remove\",\n\t\t\t\t\tstyleClass: \"sapMUSTRemovePopoverContainer\",\n\t\t\t\t\tinitialFocus: MessageBox.Action.CANCEL,\n\t\t\t\t\tonClose: function(sAction) {\n\t\t\t\t\t\tif (sAction !== \"Remove\") {\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tvar spath = oItem.getBindingContext().sPath;\n\t\t\t\t\t\tif (spath.split(\"/\")[2]) {\n\t\t\t\t\t\t\tvar index = spath.split(\"/\")[2];\n\t\t\t\t\t\t\tvar data = oModel.getProperty(\"/items\");\n\t\t\t\t\t\t\tdata.splice(index, 1);\n\t\t\t\t\t\t\toModel.refresh(true);\n\t\t\t\t\t\t\tif (oUploadSet && oUploadSet.removeSelections) {\n\t\t\t\t\t\t\t\toUploadSet.removeSelections();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t);\n\t\t},\n\t\tgetFileCategories: function() {\n\t\t\treturn [\n\t\t\t\t{categoryId: \"Invoice\", categoryText: \"Invoice\"},\n\t\t\t\t{categoryId: \"Specification\", categoryText: \"Specification\"},\n\t\t\t\t{categoryId: \"Attachment\", categoryText: \"Attachment\"},\n\t\t\t\t{categoryId: \"Legal Document\", categoryText: \"Legal Document\"}\n\t\t\t];\n\t\t},\n\t\tgetFileSizeWithUnits: function(iFileSize) {\n\t\t\treturn UploadSetwithTable.getFileSizeWithUnits(iFileSize);\n\t\t},\n\t\topenPreview: function(oEvent) {\n\t\t\tvar clickedControl = oEvent.getSource();\n\t\t\twhile (clickedControl && !(clickedControl instanceof UploadSetwithTableItem)) {\n\t\t\t\tclickedControl = clickedControl.getParent();\n\t\t\t}\n\t\t\tclickedControl.openPreview();\n\t\t},\n\t\t_isValidUrl: function (sUrl) {\n\t\t\tvar regexp = /(ftp|http|https):\\/\\/(\\w+:{0,1}\\w*@)?(\\S+)(:[0-9]+)?(\\/|\\/([\\w#!:.?+=&%@!\\-\\/]))?/;\n\t\t\treturn regexp.test(sUrl);\n\t\t},\n\t\t_isValidName: function () {\n\t\t\tvar domRefName = Element.getElementById('addViaUrlDialog--nameInput'),\n\t\t\tsName = domRefName.getValue(),\n\t\t\tbHasError = false;\n\t\t\tif (!sName) {\n\t\t\t\tdomRefName.setValueState('Error');\n\t\t\t\tdomRefName.setValueStateText('Text is either empty or contains special characters');\n\t\t\t\tbHasError = true;\n\t\t\t} else {\n\t\t\t\tdomRefName.setValueState('None');\n\t\t\t\tbHasError = false;\n\t\t\t}\n\t\t\treturn !bHasError;\n\t\t},\n\t\t_validateAddOrEditUrlDialog: function () {\n\t\t\tvar domRefUrl = Element.getElementById('addViaUrlDialog--urlInput'),\n\t\t\tdomRefName = Element.getElementById('addViaUrlDialog--nameInput'),\n\t\t\tsUrl = domRefUrl.getValue(),\n\t\t\tsName = domRefName.getValue(),\n\t\t\tbFormHasError = !this._isValidName();\n\n\t\t\tif (!sUrl || !this._isValidUrl(sUrl)) {\n\t\t\t\tdomRefUrl.setValueState('Error');\n\t\t\t\tdomRefUrl.setValueStateText('Enter Valid URL');\n\t\t\t\tbFormHasError = true;\n\t\t\t} else {\n\t\t\t\tdomRefUrl.setValueState('None');\n\t\t\t}\n\n\t\t\treturn {\n\t\t\t\terror: bFormHasError,\n\t\t\t\tname: sName,\n\t\t\t\turl: sUrl\n\t\t\t};\n\t\t},\n\t\tshowEditConfirmation: function () {\n\t\t\t// validate name and set valueState.\n\t\t\tvar DialogType = mobileLibrary.DialogType;\n\t\t\tvar ValueState = coreLibrary.ValueState;\n\t\t\tvar ButtonType = mobileLibrary.ButtonType;\n\t\t\tthis.oWarningMessageDialog = new Dialog({\n\t\t\t\ttype: DialogType.Message,\n\t\t\t\ttitle: \"Warning\",\n\t\t\t\tstate: ValueState.Warning,\n\t\t\t\tcontent: new Text({ text: \"You have made changes to this object. What would you like to do?\" }),\n\t\t\t\tbuttons: [ new Button({\n\t\t\t\t\ttype: ButtonType.Emphasized,\n\t\t\t\t\ttext: \"Save\",\n\t\t\t\t\tpress: [function () {\n\t\t\t\t\t\tvar oValidateObject = this._validateAddOrEditUrlDialog(),\n\t\t\t\t\t\tsName = oValidateObject.name,\n\t\t\t\t\t\tsUrl = oValidateObject.url,\n\t\t\t\t\t\toUploadSetTable = this.byId(\"UploadSetTable\");\n\t\t\t\t\t\tvar oBidningContextObject = oUploadSetTable.getSelectedItem().getBindingContext().getObject();\n\t\t\t\t\t\tvar oModel = this.getView().getModel();\n\t\t\t\t\t\tvar oData = oModel.getProperty(\"/items\");\n\t\t\t\t\t\tvar iUpdateIndex, item;\n\t\t\t\t\t\toData.filter( function (obj, index) {\n\t\t\t\t\t\t\tif (obj.id === oBidningContextObject.id) {\n\t\t\t\t\t\t\t\tiUpdateIndex = index;\n\t\t\t\t\t\t\t\titem = obj;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t});\n\t\t\t\t\t\toData[iUpdateIndex] = Object.assign(item, !this.bRenameDocument ? {\n\t\t\t\t\t\t\tfileName: sName,\n\t\t\t\t\t\t\turl: sUrl\n\t\t\t\t\t\t} : { fileName: sName });\n\t\t\t\t\t\toModel.setProperty(\"/items\", oData);\n\t\t\t\t\t\tthis.oWarningMessageDialog.close();\n\t\t\t\t\t\tthis.closeAddViaUrlFragment();\n\n\t\t\t\t\t},this]\n\t\t\t\t}), new Button({\n\t\t\t\t\ttext: \"DiscardChanges\",\n\t\t\t\t\tpress: [function () {\n\t\t\t\t\t\tthis.oWarningMessageDialog.close();\n\t\t\t\t\t},this]\n\t\t\t\t})]\n\t\t\t});\n\t\t\tthis.oWarningMessageDialog.open();\n\t\t},\n\t\thandleAddViaUrl: function (){\n\t\t\tif (this.bEditDocument) {\n\t\t\t\tif (this._isValidName()){\n\t\t\t\t\tthis.showEditConfirmation();\n\t\t\t\t} else {\n\t\t\t\t\tMessageToast.show(\"No Changes found\");\n\t\t\t\t}\n\t\t\t\treturn;\n\t\t\t} else if (this.bRenameDocument) {\n\t\t\t\tthis.showEditConfirmation();\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tvar oValidateObject = this._validateAddOrEditUrlDialog(),\n\t\t\tsName = oValidateObject.name,\n\t\t\tsUrl = oValidateObject.url,\n\t\t\tbHasError = oValidateObject.error;\n\t\t\tif (!bHasError) {\n\t\t\t\tsetTimeout(function(){\n\n\t\t\t\t\tvar oUploadSetTableInstance = this.byId(\"UploadSetTable\");\n\n\t\t\t\t\tlet fnResolve, fnReject;\n\t\t\t\t\tvar oPromise = new Promise(function(resolve, reject) {\n\t\t\t\t\t\tfnResolve = resolve;\n\t\t\t\t\t\tfnReject = reject;\n\t\t\t\t\t});\n\t\t\t\t\tvar oItem = oUploadSetTableInstance.uploadItemViaUrl(sName, sUrl, oPromise);\n\t\t\t\t\tif (oItem) {\n\n\t\t\t\t\t\t/* Demonstration use case of Setting the header field if required to be passed in API request headers to\n\t\t\t\t\t\tinform backend with the file url captured through user input */\n\t\t\t\t\t\toItem.addHeaderField(new CoreItem({\n\t\t\t\t\t\t\tkey: 'documentUrl',\n\t\t\t\t\t\t\ttext: sUrl\n\t\t\t\t\t\t}));\n\t\t\t\t\t\t// resolve to initiate the upload.\n\t\t\t\t\t\tfnResolve(true);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tfnReject(true);\n\t\t\t\t\t}\n\t\t\t\t\tthis._addViaUrlFragment.destroy();\n\t\t\t\t\tthis._addViaUrlFragment = null;\n\n\t\t\t\t}.bind(this), 1000);\n\t\t\t}\n\t\t},\n\t\topenAddOrEditDialog: function () {\n\t\t\tif (!this._addViaUrlFragment){\n\t\t\t\tFragment.load({\n\t\t\t\t\tname: \"sap.m.sample.UploadSetwithTable.UploadSetwithTableSimple.fragments.AddViaUrl\",\n\t\t\t\t\tid: \"addViaUrlDialog\",\n\t\t\t\t\tcontroller: this\n\t\t\t\t})\n\t\t\t\t.then(function (oPopover) {\n\t\t\t\t\tthis._addViaUrlFragment = oPopover;\n\t\t\t\t\tthis.getView().addDependent(oPopover);\n\t\t\t\t\t// if edit is clicked\n\t\t\t\t\tvar editFileInfo = this.oEditDocumentInfo;\n\t\t\t\t\tvar renameFileInfo = this.oRenameDocumentInfo;\n\t\t\t\t\tif (this.bEditDocument && this.oEditDocumentInfo) {\n\t\t\t\t\t\tElement.getElementById('addViaUrlDialog--addViaUrlDialog').setTitle(\"Edit URL\");\n\t\t\t\t\t\tElement.getElementById('addViaUrlDialog--addDocumentBtn').setText(\"Apply\");\n\t\t\t\t\t\tElement.getElementById('addViaUrlDialog--urlInput').setValue(editFileInfo.url);\n\t\t\t\t\t\tElement.getElementById('addViaUrlDialog--nameInput').setValue(editFileInfo.name);\n\t\t\t\t\t\tElement.getElementById('addViaUrlDialog--urlInputLabel').setRequired(false);\n\t\t\t\t\t\tElement.getElementById('addViaUrlDialog--urlInput').setVisible(true);\n\n\t\t\t\t\t}\n\t\t\t\t\tif (this.bRenameDocument && renameFileInfo) {\n\t\t\t\t\t\tElement.getElementById('addViaUrlDialog--addViaUrlDialog').setTitle(\"Rename\");\n\t\t\t\t\t\tElement.getElementById('addViaUrlDialog--addViaUrlDialog').setContentHeight(\"7rem\");\n\t\t\t\t\t\tElement.getElementById('addViaUrlDialog--addDocumentBtn').setText(\"Apply\");\n\t\t\t\t\t\tElement.getElementById('addViaUrlDialog--nameInput').setValue(renameFileInfo.name);\n\t\t\t\t\t\tElement.getElementById('addViaUrlDialog--urlInput').setVisible(false);\n\t\t\t\t\t}\n\t\t\t\t\toPopover.open();\n\t\t\t\t}.bind(this));\n\t\t\t} else {\n\t\t\t\tthis._addViaUrlFragment.open();\n\t\t\t}\n\t\t},\n\t\tcloseAddViaUrlFragment: function () {\n\t\t\tthis.bEditDocument = false;\n\t\t\tthis.oEditDocumentInfo = null;\n\t\t\tthis.bRenameDocument = false;\n\t\t\tthis.oRenameDocumentInfo = null;\n\t\t\tthis._addViaUrlFragment.destroy();\n\t\t\tthis._addViaUrlFragment = null;\n\t\t},\n\t\tonEditUrl: function(oEvent) {\n\t\t\tvar oUploadSet = this.byId(\"UploadSetTable\"),\n\t\t\t oBidningContextObject = oUploadSet.getSelectedItems()[0].getBindingContext().getObject(),\n\t\t\t sUrl = oBidningContextObject.url,\n\t\t\t sName = oBidningContextObject.fileName;\n\n\t\t\t this.bEditDocument = true;\n\t\t\t this.oEditDocumentInfo = {\n\t\t\t\turl: sUrl,\n\t\t\t\tname: sName\n\t\t\t };\n\t\t\t this.openAddOrEditDialog();\n\t\t},\n\t\tonRenameDocument: function() {\n\t\t\tvar oUploadSet = this.byId(\"UploadSetTable\");\n\t\t\t// invoking public API on UploadSetTable\n\t\t\toUploadSet.renameItem(oUploadSet.getSelectedItems()[0]);\n\t\t},\n\t\tonDocumentRenamedSuccess: function(oEvent) {\n\t\t\t// placeholder event handler to initiate a file name change that gets updated in the backend, and then the message is displayed in the application\n\n\t\t\t// Toast for sucessful rename.\n\t\t\tMessageToast.show(\"Document Renamed.\", {duration: 2000});\n\t\t},\n\t\topenDocumentWithoutFileDialog: function() {\n\n\t\t\tvar oUploadSetTableInstance = this.byId(\"UploadSetTable\");\n\n\t\t\tlet fnResolve, fnReject;\n\t\t\tconst oPromise = new Promise((resolve, reject) => {\n\t\t\t\tfnResolve = resolve;\n\t\t\t\tfnReject = reject;\n\t\t\t});\n\n\n\t\t\tvar oItem = oUploadSetTableInstance.uploadItemWithoutFile(oPromise);\n\t\t\tif (oItem) {\n\t\t\t\tfnResolve(true);\n\t\t\t} else {\n\t\t\t\tfnReject(true);\n\t\t\t}\n\t\t},\n\t\tonRemoveButtonFromMenuDocumentHandler: function(oEvent) {\n\t\t\tvar oUploadSet = this.byId(\"UploadSetTable\");\n\t\t\tvar aSelectedItems = oUploadSet && oUploadSet.getSelectedItems ? oUploadSet.getSelectedItems() : [];\n\t\t\tif (aSelectedItems && aSelectedItems.length == 1) {\n\t\t\t\tthis.removeItem(aSelectedItems[0]);\n\t\t\t}\n\t\t},\n\t\tonBeforeUploadStarts: function() {\n\t\t\t// This code block is only for demonstration purpose to simulate XHR requests, hence starting the mockserver.\n\t\t\tthis.oMockServer.start();\n\t\t},\n\t\tonSearch: function (oEvent) {\n\t\t\t// add filter for search\n\t\t\tvar aFilters = [];\n\t\t\tvar sQuery = oEvent.getSource().getValue();\n\t\t\tif (sQuery && sQuery.length > 0) {\n\t\t\t\tvar filter = new Filter(\"fileName\", FilterOperator.Contains, sQuery);\n\t\t\t\taFilters.push(filter);\n\t\t\t}\n\n\t\t\t// update list binding\n\t\t\tvar oUploadSet = this.byId(\"UploadSetTable\");\n\t\t\tvar oBinding = oUploadSet.getBinding(\"items\");\n\t\t\toBinding.filter(aFilters, \"Application\");\n\t\t}\n\t});\n});",
473
+ "UploadSetwithTableSimple/Page.view.xml": "<mvc:View\n height=\"100%\"\n controllerName=\"sap.m.sample.UploadSetwithTable.UploadSetwithTableSimple.Page\"\n xmlns:mvc=\"sap.ui.core.mvc\"\n xmlns:m=\"sap.m\"\n xmlns:core=\"sap.ui.core\"\n xmlns=\"sap.m.upload\"\n>\n <m:Page showHeader=\"false\">\n <UploadSetwithTable\n id=\"UploadSetTable\"\n sticky=\"ColumnHeaders,HeaderToolbar\"\n width=\"auto\"\n mode=\"MultiSelect\"\n fixedLayout=\"false\"\n inset=\"true\"\n autoPopinMode=\"true\"\n hiddenInPopin=\"None\"\n items=\"{path: '/items', templateShareable: false}\"\n maxFileNameLength=\"60\"\n uploadUrl=\"/uploadFiles\"\n multiple=\"true\"\n beforeInitiatingItemUpload=\"onBeforeInitiatingItemUpload\"\n beforeUploadStarts=\"onBeforeUploadStarts\"\n selectionChange=\"onSelectionChange\"\n itemRenamed=\"onDocumentRenamedSuccess\"\n uploadCompleted=\"onUploadCompleted\" >\n <!-- ToolBar for UploadSetwithTable -->\n <headerToolbar>\n <m:OverflowToolbar>\n <m:Title\n text=\"{/documentTableTitle} ({= ${/items}.length})\"\n level=\"H2\"\n />\n <m:ToolbarSpacer />\n <m:SearchField\n width=\"20%\"\n liveChange=\".onSearch\"\n >\n <m:layoutData>\n <m:OverflowToolbarLayoutData\n priority=\"NeverOverflow\"\n />\n </m:layoutData>\n </m:SearchField>\n <m:ToolbarSeparator />\n <ActionsPlaceholder placeholderFor=\"UploadButtonPlaceholder\" />\n <m:Button\n id=\"downloadSelectedButton\"\n text=\"Download\"\n enabled=\"false\"\n press=\"onDownloadFiles\"\n />\n <m:MenuButton text=\"Add\">\n <m:menu>\n <m:Menu>\n <m:MenuItem\n text=\"URL\"\n press=\"openAddOrEditDialog\"\n />\n <m:MenuItem\n text=\"Document Without File\"\n press=\".openDocumentWithoutFileDialog\"\n />\n </m:Menu>\n </m:menu>\n <m:layoutData>\n <m:OverflowToolbarLayoutData\n priority=\"AlwaysOverflow\"\n />\n </m:layoutData>\n </m:MenuButton>\n <m:Button\n id=\"removeDocumentButton\"\n text=\"Remove\"\n press=\".onRemoveButtonFromMenuDocumentHandler\"\n enabled=\"false\"\n >\n <m:layoutData>\n <m:OverflowToolbarLayoutData\n priority=\"AlwaysOverflow\"\n />\n </m:layoutData>\n </m:Button>\n <m:Button\n id=\"renameButton\"\n enabled=\"false\"\n press=\"onRenameDocument\"\n text=\"Rename\"\n >\n <m:layoutData>\n <m:OverflowToolbarLayoutData\n priority=\"AlwaysOverflow\"\n />\n </m:layoutData>\n </m:Button>\n <m:Button\n id=\"editUrlButton\"\n text=\"Edit URL\"\n enabled=\"false\"\n press=\"onEditUrl\"\n >\n <m:layoutData>\n <m:OverflowToolbarLayoutData\n priority=\"AlwaysOverflow\"\n />\n </m:layoutData>\n </m:Button>\n </m:OverflowToolbar>\n </headerToolbar>\n\n <!-- Columns for UploadSetwithTable -->\n <columns>\n <Column id=\"fileName\" importance=\"High\">\n <header>\n <m:Label text=\"File Name\" />\n </header>\n </Column>\n <Column id=\"id\">\n <header>\n <m:Label text=\"ID\" />\n </header>\n </Column>\n <Column id=\"revision\">\n <header>\n <m:Label text=\"Revision\" />\n </header>\n </Column>\n <Column id=\"status\">\n <header>\n <m:Label text=\"Status\" />\n </header>\n </Column>\n <Column id=\"fileSize\">\n <header>\n <m:Label text=\"File Size\" />\n </header>\n </Column>\n <Column id=\"lastModified\">\n <header>\n <m:Label text=\"Last Modified\" />\n </header>\n </Column>\n <Column id=\"actionButton\" importance=\"High\" />\n </columns>\n\n <!-- Items aggregation with template UploadSetwithTableItem definition for each row -->\n <items>\n <UploadSetwithTableItem\n fileName=\"{fileName}\"\n mediaType=\"{mediaType}\"\n url=\"{url}\"\n highlight=\"{=${uploadState} === 'Complete' ? 'Indication05' : null }\"\n previewable=\"{previewable}\"\n fileSize=\"{fileSize}\"\n >\n\n <!-- Cells with cell template defining content for each column (cells and columns work with 1:1 mapping) -->\n <cells>\n <m:HBox>\n <m:Image\n src=\"{imageUrl}\"\n class=\"sapMUSTItemImage sapMUSTItemIcon\"\n visible=\"{= ${imageUrl} !== undefined}\"\n />\n <core:Icon\n src=\"{parts: ['mediaType', 'fileName'], formatter: '.getIconSrc' }\"\n color=\"white\"\n visible=\"{= ${imageUrl} === undefined || ${imageUrl} === '' }\"\n class=\"sapMUSTItemImage sapMUSTItemIcon\"\n />\n <m:VBox\n class=\"sapUiTinyMargin sapUiSmallMarginBegin\"\n >\n <m:Link\n text=\"{fileName}\"\n press=\"openPreview\"\n class=\"sapUiTinyMarginBottom\"\n />\n <m:Text text=\"{documentType}\" class=\"sapUiTinyMarginTop\" />\n </m:VBox>\n </m:HBox>\n <m:Text text=\"{id}\" />\n <m:Link text=\"{revision}\" />\n <m:Text text=\"{status}\" />\n <m:Text\n text=\"{parts: ['fileSize'], formatter: '.getFileSizeWithUnits'}\"\n />\n <m:VBox>\n <m:Text text=\"{lastModifiedBy}\" />\n <m:Text\n class=\"sapUiTinyMarginTop\"\n text=\"{lastmodified}\"\n />\n </m:VBox>\n <m:Button\n class=\"sapUiTinyMarginBegin\"\n type=\"Transparent\"\n icon=\"sap-icon://decline\"\n press=\"onRemoveHandler\"\n />\n </cells>\n </UploadSetwithTableItem>\n </items>\n </UploadSetwithTable>\n </m:Page>\n</mvc:View>\n"
474
+ },
475
+ "sap.m/ViewSettingsDialog": {
476
+ "C.controller.js": "sap.ui.define([\n\t\t'sap/m/MessageToast',\n\t\t'sap/m/ViewSettingsItem',\n\t\t'sap/ui/core/CustomData',\n\t\t'sap/ui/core/Fragment',\n\t\t'sap/ui/core/mvc/Controller',\n\t\t'sap/ui/model/Filter',\n\t\t'sap/ui/model/FilterOperator'\n\t], function(MessageToast, ViewSettingsItem, CustomData, Fragment, Controller, Filter, FilterOperator) {\n\t\"use strict\";\n\n\treturn Controller.extend(\"sap.m.sample.ViewSettingsDialog.C\", {\n\n\t\tonInit: function(){\n\t\t\tthis._mDialogs = {};\n\t\t},\n\n\t\t// View Setting Dialog opener\n\t\t_openDialog : function (sName, sPage, fInit) {\n\t\t\tvar oView = this.getView();\n\n\t\t\t// creates requested dialog if not yet created\n\t\t\tif (!this._mDialogs[sName]) {\n\t\t\t\tthis._mDialogs[sName] = Fragment.load({\n\t\t\t\t\tid: oView.getId(),\n\t\t\t\t\tname: \"sap.m.sample.ViewSettingsDialog.\" + sName,\n\t\t\t\t\tcontroller: this\n\t\t\t\t}).then(function(oDialog){\n\t\t\t\t\toView.addDependent(oDialog);\n\t\t\t\t\tif (fInit) {\n\t\t\t\t\t\tfInit(oDialog);\n\t\t\t\t\t}\n\t\t\t\t\treturn oDialog;\n\t\t\t\t});\n\t\t\t}\n\t\t\tthis._mDialogs[sName].then(function(oDialog){\n\t\t\t\t// opens the requested dialog\n\t\t\t\toDialog.open(sPage);\n\t\t\t});\n\t\t},\n\n\t\t// Opens View Settings Dialog\n\t\thandleOpenDialog: function () {\n\t\t\tthis._openDialog(\"Dialog\");\n\t\t},\n\n\t\t// Opens View Settings Dialog on Filter page\n\t\thandleOpenDialogFilter: function () {\n\t\t\tthis._openDialog(\"Dialog\", \"filter\");\n\t\t},\n\n\t\t// Opens View Settings Dialog with pre-selected filters on Filter page\n\t\thandleOpenDialogFilterPreselected: function () {\n\t\t\tthis._openDialog(\"DialogPreselected\", \"filter\");\n\t\t},\n\n\t\t// Opens View Settings Dialog with presetFilterItems on Filter page\n\t\thandleOpenDialogPresetFilterItems: function () {\n\t\t\tthis._openDialog(\"DialogPreset\", \"filter\", this._presetFiltersInit);\n\t\t},\n\n\t\t// adds presetFilters to the View Settings Dialog\n\t\t_presetFiltersInit : function (oDialog) {\n\n\t\t\t// definition of preset filters\n\t\t\tvar presetFilters1 = [\n\t\t\t\tnew Filter(\"limit\", FilterOperator.BT, 10, 100),\n\t\t\t\tnew Filter(\"name\", FilterOperator.Contains, \"o\"),\n\t\t\t\tnew Filter(\"status\", FilterOperator.EQ, \"D\")\n\t\t\t],\n\t\t\t\tpresetFilters2 = [\n\t\t\t\tnew Filter(\"name\", FilterOperator.Contains, \"e\"),\n\t\t\t\tnew Filter(\"status\", FilterOperator.EQ, \"A\")\n\t\t\t],\n\t\t\t\tpresetFilters3 = new Filter(\"price\", FilterOperator.GT, 50);\n\n\t\t\t// add preset filters\n\t\t\toDialog.addPresetFilterItem(new ViewSettingsItem({\n\t\t\t\tkey: \"myPresetFilter1\",\n\t\t\t\ttext: \"A very complex filter\",\n\t\t\t\tcustomData: new CustomData({\n\t\t\t\t\tkey: \"filter\",\n\t\t\t\t\tvalue: presetFilters1\n\t\t\t\t})\n\t\t\t}));\n\t\t\toDialog.addPresetFilterItem(new ViewSettingsItem({\n\t\t\t\tkey: \"myPresetFilter2\",\n\t\t\t\ttext: \"Ridiculously complex filter\",\n\t\t\t\tcustomData: new CustomData({\n\t\t\t\t\tkey: \"filter\",\n\t\t\t\t\tvalue: presetFilters2\n\t\t\t\t})\n\t\t\t}));\n\t\t\toDialog.addPresetFilterItem(new ViewSettingsItem({\n\t\t\t\tkey: \"myPresetFilter3\",\n\t\t\t\ttext: \"Expensive stuff\",\n\t\t\t\tcustomData: new CustomData({\n\t\t\t\t\tkey: \"filter\",\n\t\t\t\t\tvalue: presetFilters3\n\t\t\t\t})\n\t\t\t}));\n\t\t},\n\n\t\t// shows selected filters\n\t\thandleConfirm: function (oEvent) {\n\t\t\tif (oEvent.getParameters().filterString) {\n\t\t\t\tMessageToast.show(oEvent.getParameters().filterString);\n\t\t\t}\n\t\t}\n\t});\n\n});\n",
477
+ "Component.js": "sap.ui.define(['sap/ui/core/UIComponent'],\n\tfunction(UIComponent) {\n\t\"use strict\";\n\n\tvar Component = UIComponent.extend(\"sap.m.sample.ViewSettingsDialog.Component\", {\n\n\t\tmetadata : {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n\n\treturn Component;\n\n});\n",
478
+ "Dialog.fragment.xml": "<core:FragmentDefinition\n\txmlns=\"sap.m\"\n\txmlns:core=\"sap.ui.core\">\n\t<ViewSettingsDialog\n\t\tconfirm=\"handleConfirm\">\n\t\t<sortItems>\n\t\t\t<ViewSettingsItem text=\"Field 1\" key=\"1\" selected=\"true\" />\n\t\t\t<ViewSettingsItem text=\"Field 2\" key=\"2\" />\n\t\t\t<ViewSettingsItem text=\"Field 3\" key=\"3\" />\n\t\t</sortItems>\n\t\t<groupItems>\n\t\t\t<ViewSettingsItem text=\"Field 1\" key=\"1\" selected=\"true\" />\n\t\t\t<ViewSettingsItem text=\"Field 2\" key=\"2\" />\n\t\t\t<ViewSettingsItem text=\"Field 3\" key=\"3\" />\n\t\t</groupItems>\n\t\t<filterItems>\n\t\t\t<ViewSettingsFilterItem text=\"Field1\" key=\"1\">\n\t\t\t\t<items>\n\t\t\t\t\t<ViewSettingsItem text=\"Value A\" key=\"1a\" />\n\t\t\t\t\t<ViewSettingsItem text=\"Value B\" key=\"1b\" />\n\t\t\t\t\t<ViewSettingsItem text=\"Value C\" key=\"1c\" />\n\t\t\t\t</items>\n\t\t\t</ViewSettingsFilterItem>\n\t\t\t<ViewSettingsFilterItem text=\"Field2\" key=\"2\">\n\t\t\t\t<items>\n\t\t\t\t\t<ViewSettingsItem text=\"Value A\" key=\"2a\" />\n\t\t\t\t\t<ViewSettingsItem text=\"Value B\" key=\"2b\" />\n\t\t\t\t\t<ViewSettingsItem text=\"Value C\" key=\"2c\" />\n\t\t\t\t</items>\n\t\t\t</ViewSettingsFilterItem>\n\t\t\t<ViewSettingsFilterItem text=\"Field3\" key=\"3\">\n\t\t\t\t<items>\n\t\t\t\t\t<ViewSettingsItem text=\"Value A\" key=\"3a\" />\n\t\t\t\t\t<ViewSettingsItem text=\"Value B\" key=\"3b\" />\n\t\t\t\t\t<ViewSettingsItem text=\"Value C\" key=\"3c\" />\n\t\t\t\t</items>\n\t\t\t</ViewSettingsFilterItem>\n\t\t</filterItems>\n\t</ViewSettingsDialog>\n</core:FragmentDefinition>",
479
+ "DialogPreselected.fragment.xml": "<core:FragmentDefinition\n\txmlns=\"sap.m\"\n\txmlns:core=\"sap.ui.core\">\n\t<ViewSettingsDialog\n\t\ttitle=\"Preselected Settings\"\n\t\tsortDescending=\"true\"\n\t\tgroupDescending=\"true\"\n\t\tconfirm=\"handleConfirm\"\n\t\tselectedSortItem=\"sortItem3\">\n\t\t<sortItems>\n\t\t\t<ViewSettingsItem text=\"Field 1\" key=\"1\" />\n\t\t\t<ViewSettingsItem text=\"Field 2\" key=\"2\" />\n\t\t\t<ViewSettingsItem id=\"sortItem3\" text=\"Field 3\" key=\"3\" />\n\t\t</sortItems>\n\t\t<groupItems>\n\t\t\t<ViewSettingsItem text=\"Field 1\" key=\"1\" />\n\t\t\t<ViewSettingsItem text=\"Field 2\" key=\"2\" selected=\"true\" />\n\t\t\t<ViewSettingsItem text=\"Field 3\" key=\"3\" />\n\t\t</groupItems>\n\t\t<filterItems>\n\t\t\t<ViewSettingsFilterItem text=\"Field1\" key=\"1\">\n\t\t\t\t<items>\n\t\t\t\t\t<ViewSettingsItem text=\"Value A\" key=\"1a\" selected=\"true\" />\n\t\t\t\t\t<ViewSettingsItem text=\"Value B\" key=\"1b\" />\n\t\t\t\t\t<ViewSettingsItem text=\"Value C\" key=\"1c\" />\n\t\t\t\t\t<ViewSettingsItem text=\"Value D\" key=\"1d\" />\n\t\t\t\t</items>\n\t\t\t</ViewSettingsFilterItem>\n\t\t\t<ViewSettingsFilterItem text=\"Field2\" key=\"2\">\n\t\t\t\t<items>\n\t\t\t\t\t<ViewSettingsItem text=\"Value A\" key=\"2a\" selected=\"true\" />\n\t\t\t\t\t<ViewSettingsItem text=\"Value B\" key=\"2b\" selected=\"true\" />\n\t\t\t\t</items>\n\t\t\t</ViewSettingsFilterItem>\n\t\t\t<ViewSettingsFilterItem text=\"Field3\" key=\"3\">\n\t\t\t\t<items>\n\t\t\t\t\t<ViewSettingsItem text=\"Value A\" key=\"3a\" selected=\"true\" />\n\t\t\t\t\t<ViewSettingsItem text=\"Value B\" key=\"3b\" selected=\"true\" />\n\t\t\t\t\t<ViewSettingsItem text=\"Value C\" key=\"3c\" selected=\"true\" />\n\t\t\t\t\t<ViewSettingsItem text=\"Value D\" key=\"3d\" />\n\t\t\t\t\t<ViewSettingsItem text=\"Value E\" key=\"3e\" />\n\t\t\t\t</items>\n\t\t\t</ViewSettingsFilterItem>\n\t\t</filterItems>\n\t</ViewSettingsDialog>\n</core:FragmentDefinition>",
480
+ "DialogPreset.fragment.xml": "<core:FragmentDefinition\n\txmlns=\"sap.m\"\n\txmlns:core=\"sap.ui.core\">\n\t<ViewSettingsDialog\n\t\tconfirm=\"handleConfirm\">\n\t\t<sortItems>\n\t\t\t<ViewSettingsItem text=\"Field 1\" key=\"1\" selected=\"true\" />\n\t\t\t<ViewSettingsItem text=\"Field 2\" key=\"2\" />\n\t\t\t<ViewSettingsItem text=\"Field 3\" key=\"3\" />\n\t\t</sortItems>\n\t\t<groupItems>\n\t\t\t<ViewSettingsItem text=\"Field 1\" key=\"1\" selected=\"true\" />\n\t\t\t<ViewSettingsItem text=\"Field 2\" key=\"2\" />\n\t\t\t<ViewSettingsItem text=\"Field 3\" key=\"3\" />\n\t\t</groupItems>\n\t\t<filterItems>\n\t\t</filterItems>\n\t</ViewSettingsDialog>\n</core:FragmentDefinition>",
481
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.m.sample.ViewSettingsDialog\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.m.sample.ViewSettingsDialog.V\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.ui.layout\": {},\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.m\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"V.view.xml\",\n\t\t\t\t\t\"C.controller.js\",\n\t\t\t\t\t\"Dialog.fragment.xml\",\n\t\t\t\t\t\"DialogPreselected.fragment.xml\",\n\t\t\t\t\t\"DialogPreset.fragment.xml\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
482
+ "V.view.xml": "<mvc:View\n\tcontrollerName=\"sap.m.sample.ViewSettingsDialog.C\"\n\txmlns:l=\"sap.ui.layout\"\n\txmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns=\"sap.m\">\n\t<l:VerticalLayout\n\t\tclass=\"sapUiContentPadding\"\n\t\twidth=\"100%\">\n\t\t<Button\n\t\t\ttext=\"Open View Settings Dialog\"\n\t\t\tpress=\"handleOpenDialog\" />\n\t\t<Button\n\t\t\t\ttext=\"Open View Settings Dialog in Filter view\"\n\t\t\t\tpress=\"handleOpenDialogFilter\" />\n\t\t<Button\n\t\t\t\ttext=\"Open View Settings Dialog with preselected filters\"\n\t\t\t\tpress=\"handleOpenDialogFilterPreselected\" />\n\t\t<Button\n\t\t\t\ttext=\"Open View Settings Dialog with presetFilterItems\"\n\t\t\t\tpress=\"handleOpenDialogPresetFilterItems\" />\n</l:VerticalLayout>\n</mvc:View>\n"
483
+ },
484
+ "sap.m/ViewSettingsDialogCustom": {
485
+ "C.controller.js": "sap.ui.define([\n\t\t'sap/m/MessageToast',\n\t\t'sap/ui/core/Fragment',\n\t\t'sap/ui/core/mvc/Controller'\n\t], function(MessageToast, Fragment, Controller) {\n\t\"use strict\";\n\n\treturn Controller.extend(\"sap.m.sample.ViewSettingsDialogCustom.C\", {\n\n\t\tfilterResetValue: 50,\n\t\tfilterPreviousValue: 50,\n\n\t\thandleViewSettingsDialogPress: function () {\n\t\t\tvar oView = this.getView();\n\n\t\t\tif (!this._pDialog) {\n\t\t\t\tthis._pDialog = Fragment.load({\n\t\t\t\t\tid: oView.getId(),\n\t\t\t\t\tname: \"sap.m.sample.ViewSettingsDialogCustom.Dialog\",\n\t\t\t\t\tcontroller: this\n\t\t\t\t}).then(function(oDialog){\n\t\t\t\t\t// Set initial and reset value for Slider in custom control\n\t\t\t\t\tvar oSlider = oDialog.getFilterItems()[0].getCustomControl();\n\t\t\t\t\toSlider.setValue(this.filterResetValue);\n\t\t\t\t\treturn oDialog;\n\t\t\t\t}.bind(this));\n\t\t\t}\n\t\t\tthis._pDialog.then(function(oDialog){\n\t\t\t\toDialog.setModel(oView.getModel());\n\t\t\t\toDialog.open();\n\t\t\t});\n\t\t},\n\n\t\thandleSliderChange: function (oEvent) {\n\t\t\tvar oNewValue = oEvent.getParameter(\"value\"),\n\t\t\t\toCustomFilter = this.byId(\"settingsDialog\").getFilterItems()[0];\n\n\t\t\t// Set the custom filter's count and selected properties\n\t\t\t// if the value has changed\n\t\t\tif (oNewValue !== this.filterPreviousValue) {\n\t\t\t\toCustomFilter.setFilterCount(1);\n\t\t\t\toCustomFilter.setSelected(true);\n\t\t\t} else {\n\t\t\t\toCustomFilter.setFilterCount(0);\n\t\t\t\toCustomFilter.setSelected(false);\n\t\t\t}\n\t\t},\n\n\t\thandleConfirm: function (oEvent) {\n\t\t\tvar oSlider = this.byId(\"settingsDialog\").getFilterItems()[0].getCustomControl();\n\t\t\tthis.filterPreviousValue = oSlider.getValue();\n\t\t\tif (oEvent.getParameters().filterString) {\n\t\t\t\tMessageToast.show(oEvent.getParameters().filterString + \" Value is \" + oSlider.getValue());\n\t\t\t}\n\t\t},\n\n\t\thandleCancel: function () {\n\t\t\tvar oCustomFilter = this.byId(\"settingsDialog\").getFilterItems()[0],\n\t\t\t\toSlider = oCustomFilter.getCustomControl();\n\n\t\t\toSlider.setValue(this.filterPreviousValue);\n\n\t\t\tif (this.filterPreviousValue !== this.filterResetValue) {\n\t\t\t\toCustomFilter.setFilterCount(1);\n\t\t\t\toCustomFilter.setSelected(true);\n\t\t\t} else {\n\t\t\t\toCustomFilter.setFilterCount(0);\n\t\t\t\toCustomFilter.setSelected(false);\n\t\t\t}\n\t\t},\n\n\t\thandleResetFilters: function () {\n\t\t\tvar oCustomFilter = this.byId(\"settingsDialog\").getFilterItems()[0],\n\t\t\t\toSlider = oCustomFilter.getCustomControl();\n\t\t\toSlider.setValue(this.filterResetValue);\n\t\t\toCustomFilter.setFilterCount(0);\n\t\t\toCustomFilter.setSelected(false);\n\t\t}\n\t});\n\n});\n",
486
+ "Component.js": "sap.ui.define(['sap/ui/core/UIComponent'],\n\tfunction(UIComponent) {\n\t\"use strict\";\n\n\tvar Component = UIComponent.extend(\"sap.m.sample.ViewSettingsDialogCustom.Component\", {\n\n\t\tmetadata : {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n\n\treturn Component;\n\n});\n",
487
+ "Dialog.fragment.xml": "<core:FragmentDefinition\n\txmlns=\"sap.m\"\n\txmlns:core=\"sap.ui.core\">\n\t<ViewSettingsDialog\n\t\tid=\"settingsDialog\"\n\t\tconfirm=\"handleConfirm\"\n\t\tcancel=\"handleCancel\"\n\t\tresetFilters=\"handleResetFilters\">\n\t\t<filterItems>\n\t\t\t<ViewSettingsCustomItem\n\t\t\t\tid=\"idCustomFilterItem\"\n\t\t\t\ttext=\"Custom Filter\"\n\t\t\t\tkey=\"myFilter\">\n\t\t\t\t<customControl>\n\t\t\t\t\t<Slider\n\t\t\t\t\t\tstep=\"10\"\n\t\t\t\t\t\tchange=\"handleSliderChange\" />\n\t\t\t\t</customControl>\n\t\t\t</ViewSettingsCustomItem>\n\t\t</filterItems>\n\t</ViewSettingsDialog>\n</core:FragmentDefinition>",
488
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.m.sample.ViewSettingsDialogCustom\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.m.sample.ViewSettingsDialogCustom.V\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.ui.layout\": {},\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.m\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"V.view.xml\",\n\t\t\t\t\t\"C.controller.js\",\n\t\t\t\t\t\"Dialog.fragment.xml\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
489
+ "V.view.xml": "<mvc:View\n\tcontrollerName=\"sap.m.sample.ViewSettingsDialogCustom.C\"\n\txmlns:l=\"sap.ui.layout\"\n\txmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns=\"sap.m\">\n\t<l:VerticalLayout\n\t\tclass=\"sapUiContentPadding\"\n\t\twidth=\"100%\">\n\t\t<Button\n\t\t\ttext=\"Open with Custom Filter\"\n\t\t\tpress=\"handleViewSettingsDialogPress\" />\n\t</l:VerticalLayout>\n</mvc:View>"
490
+ },
491
+ "sap.m/ViewSettingsDialogCustomFilterDetails": {
492
+ "C.controller.js": "sap.ui.define([\n\t\t'sap/ui/core/Fragment',\n\t\t'sap/ui/core/mvc/Controller',\n\t\t'sap/m/library'\n\t], function(Fragment, Controller, mLibrary) {\n\t\"use strict\";\n\n\treturn Controller.extend(\"sap.m.sample.ViewSettingsDialogCustomFilterDetails.C\", {\n\n\t\t_getDialog : function () {\n\t\t\tvar oView = this.getView();\n\n\t\t\tif (!this._pDialog) {\n\t\t\t\tthis._pDialog = Fragment.load({\n\t\t\t\t\tid: oView.getId(),\n\t\t\t\t\tname: \"sap.m.sample.ViewSettingsDialogCustomFilterDetails.Dialog\",\n\t\t\t\t\tcontroller: this\n\t\t\t\t}).then(function(oDialog){\n\t\t\t\t\toView.addDependent(oDialog);\n\t\t\t\t\treturn oDialog;\n\t\t\t\t});\n\t\t\t}\n\t\t\treturn this._pDialog;\n\t\t},\n\n\t\thandleOpenDialogSearchContains: function () {\n\t\t\tthis._getDialog().then(function(oDialog) {\n\t\t\toDialog\n\t\t\t\t.setFilterSearchCallback(null)\n\t\t\t\t.setFilterSearchOperator(mLibrary.StringFilterOperator.Contains)\n\t\t\t\t.open();\n\t\t\t});\n\t\t},\n\n\t\thandleOpenDialogCustomSearch: function() {\n\t\t\tthis._getDialog().then(function(oDialog) {\n\t\t\t\toDialog\n\t\t\t\t\t.setFilterSearchCallback(this.caseSensitiveStringContains)\n\t\t\t\t\t.open();\n\t\t\t}.bind(this));\n\t\t},\n\n\n\t\thandleOpenDialogSearchWordsStartWith: function() {\n\t\t\tthis._getDialog().then(function(oDialog) {\n\t\t\t\toDialog\n\t\t\t\t\t.setFilterSearchCallback(null)\n\t\t\t\t\t.setFilterSearchOperator(mLibrary.StringFilterOperator.AnyWordStartsWith)\n\t\t\t\t\t.open();\n\t\t\t});\n\t\t},\n\n\t\tcaseSensitiveStringContains: function (sQuery, sItemText) {\n\t\t\treturn sItemText.indexOf(sQuery) > -1;\n\t\t}\n\t});\n\n});\n",
493
+ "Component.js": "sap.ui.define(['sap/ui/core/UIComponent'],\n\tfunction(UIComponent) {\n\t\"use strict\";\n\n\tvar Component = UIComponent.extend(\"sap.m.sample.ViewSettingsDialogCustomFilterDetails.Component\", {\n\n\t\tmetadata : {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n\n\treturn Component;\n\n});\n",
494
+ "Dialog.fragment.xml": "<core:FragmentDefinition\n\t\txmlns=\"sap.m\"\n\t\txmlns:core=\"sap.ui.core\">\n\t<ViewSettingsDialog id=\"settingsDialog\"\n\t\t\tconfirm=\"handleConfirm\">\n\t\t<filterItems>\n\t\t\t<ViewSettingsFilterItem text=\"Products\" key=\"1\">\n\t\t\t\t<items>\n\t\t\t\t\t<ViewSettingsItem text=\"Mouse DX20\" key=\"1a\" />\n\t\t\t\t\t<ViewSettingsItem text=\"Optical mouse OX3\" key=\"1b\" />\n\t\t\t\t\t<ViewSettingsItem text=\"Monitor\" key=\"1c\" />\n\t\t\t\t\t<ViewSettingsItem text=\"Keyboard (ultra flat)\" key=\"1d\" />\n\t\t\t\t\t<ViewSettingsItem text=\"Wireless keyboard\" key=\"1e\" />\n\t\t\t\t</items>\n\t\t\t</ViewSettingsFilterItem>\n\t\t</filterItems>\n\t</ViewSettingsDialog>\n</core:FragmentDefinition>",
495
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.m.sample.ViewSettingsDialogCustomFilterDetails\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.m.sample.ViewSettingsDialogCustomFilterDetails.V\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.ui.layout\": {},\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.m\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"V.view.xml\",\n\t\t\t\t\t\"C.controller.js\",\n\t\t\t\t\t\"Dialog.fragment.xml\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
496
+ "V.view.xml": "<mvc:View\n\t\tcontrollerName=\"sap.m.sample.ViewSettingsDialogCustomFilterDetails.C\"\n\t\txmlns:l=\"sap.ui.layout\"\n\t\txmlns:mvc=\"sap.ui.core.mvc\"\n\t\txmlns=\"sap.m\">\n\t<l:VerticalLayout\n\t\t\tclass=\"sapUiContentPadding\"\n\t\t\twidth=\"100%\">\n\t\t<Button\n\t\t\t\ttext=\"Search Contains\"\n\t\t\t\tpress=\"handleOpenDialogSearchContains\" />\n\t\t<Button\n\t\t\t\ttext=\"Search Any Word Starts With\"\n\t\t\t\tpress=\"handleOpenDialogSearchWordsStartWith\" />\n\t\t<Button\n\t\t\t\ttext=\"Search Case Sensitive Contains\"\n\t\t\t\tpress=\"handleOpenDialogCustomSearch\" />\n\t</l:VerticalLayout>\n</mvc:View>"
497
+ },
498
+ "sap.m/ViewSettingsDialogCustomTabs": {
499
+ "C.controller.js": "sap.ui.define([\n\t'sap/ui/core/mvc/Controller',\n\t'sap/ui/core/Fragment',\n\t'sap/m/MessageToast'\n], function(Controller, Fragment, MessageToast) {\n\t\"use strict\";\n\n\treturn Controller.extend(\"sap.m.sample.ViewSettingsDialogCustomTabs.C\", {\n\n\t\thandleOpenDialog: function () {\n\t\t\tif (!this._pDialog) {\n\t\t\t\tthis._pDialog = Fragment.load({\n\t\t\t\t\tname: \"sap.m.sample.ViewSettingsDialogCustomTabs.Dialog\",\n\t\t\t\t\tcontroller: this\n\t\t\t\t});\n\t\t\t}\n\t\t\tthis._pDialog.then(function(oDialog) {\n\t\t\t\toDialog.open();\n\t\t\t});\n\t\t},\n\n\t\thandleOpenDialogSingleCustomTab: function () {\n\t\t\tif (!this._pDialogSingleCustomTab) {\n\t\t\t\tthis._pDialogSingleCustomTab = Fragment.load({\n\t\t\t\t\tid: \"dialogSingleCustomTab\",\n\t\t\t\t\tname: \"sap.m.sample.ViewSettingsDialogCustomTabs.DialogSingleCustomTab\",\n\t\t\t\t\tcontroller: this\n\t\t\t\t});\n\t\t\t}\n\t\t\tthis._pDialogSingleCustomTab.then(function(oDialogSingleCustomTab) {\n\t\t\t\toDialogSingleCustomTab.open();\n\t\t\t});\n\t\t},\n\n\t\thandleConfirm: function (oEvent) {\n\t\t\tif (oEvent.getParameters().filterString) {\n\t\t\t\tMessageToast.show(oEvent.getParameters().filterString);\n\t\t\t}\n\t\t}\n\t});\n});\n",
500
+ "Component.js": "sap.ui.define([\n\t'sap/ui/core/UIComponent'\n], function (UIComponent) {\n\t\"use strict\";\n\n\treturn UIComponent.extend(\"sap.m.sample.ViewSettingsDialogCustomTabs.Component\", {\n\t\tmetadata: {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n});\n",
501
+ "Dialog.fragment.xml": "<core:FragmentDefinition\n\t\txmlns=\"sap.m\"\n\t\txmlns:core=\"sap.ui.core\">\n\t<ViewSettingsDialog id=\"settingsDialog\"\n\t\t\tconfirm=\"handleConfirm\">\n\t\t<sortItems>\n\t\t\t<ViewSettingsItem text=\"Field 1\" key=\"1\" selected=\"true\" />\n\t\t\t<ViewSettingsItem text=\"Field 2\" key=\"2\" />\n\t\t\t<ViewSettingsItem text=\"Field 3\" key=\"3\" />\n\t\t</sortItems>\n\t\t<groupItems>\n\t\t\t<ViewSettingsItem text=\"Field 1\" key=\"1\" selected=\"true\" />\n\t\t\t<ViewSettingsItem text=\"Field 2\" key=\"2\" />\n\t\t\t<ViewSettingsItem text=\"Field 3\" key=\"3\" />\n\t\t</groupItems>\n\t\t<filterItems>\n\t\t\t<ViewSettingsFilterItem text=\"Field1\" key=\"1\">\n\t\t\t\t<items>\n\t\t\t\t\t<ViewSettingsItem text=\"Value A\" key=\"1a\" />\n\t\t\t\t\t<ViewSettingsItem text=\"Value B\" key=\"1b\" />\n\t\t\t\t\t<ViewSettingsItem text=\"Value C\" key=\"1c\" />\n\t\t\t\t</items>\n\t\t\t</ViewSettingsFilterItem>\n\t\t\t<ViewSettingsFilterItem text=\"Field2\" key=\"2\">\n\t\t\t\t<items>\n\t\t\t\t\t<ViewSettingsItem text=\"Value A\" key=\"2a\" />\n\t\t\t\t\t<ViewSettingsItem text=\"Value B\" key=\"2b\" />\n\t\t\t\t\t<ViewSettingsItem text=\"Value C\" key=\"2c\" />\n\t\t\t\t</items>\n\t\t\t</ViewSettingsFilterItem>\n\t\t\t<ViewSettingsFilterItem text=\"Field3\" key=\"3\">\n\t\t\t\t<items>\n\t\t\t\t\t<ViewSettingsItem text=\"Value A\" key=\"3a\" />\n\t\t\t\t\t<ViewSettingsItem text=\"Value B\" key=\"3b\" />\n\t\t\t\t\t<ViewSettingsItem text=\"Value C\" key=\"3c\" />\n\t\t\t\t</items>\n\t\t\t</ViewSettingsFilterItem>\n\t\t</filterItems>\n\t\t<customTabs>\n\t\t\t<ViewSettingsCustomTab id=\"app-settings\" icon=\"sap-icon://action-settings\" title=\"Settings\" tooltip=\"Application Settings\">\n\t\t\t\t<content>\n\t\t\t\t\t<Panel height=\"338px\">\n\t\t\t\t\t\t<content>\n\t\t\t\t\t\t<Label text=\"Theme\" design=\"Bold\" id=\"VSDThemeLabel\"/>\n\t\t\t\t\t\t<SegmentedButton\n\t\t\t\t\t\t\t\tclass=\"vsdSetting\"\n\t\t\t\t\t\t\t\tselectedButton=\"VSDsap_quartzlight\"\n\t\t\t\t\t\t\t\tid=\"VSDThemeButtons\"\n\t\t\t\t\t\t\t\twidth=\"100%\" >\n\t\t\t\t\t\t\t<Button text=\"High Contrast Black\" id=\"VSDsap_hcb\" />\n\t\t\t\t\t\t\t<Button text=\"Quartz Light\" id=\"VSDsap_quartzlight\" />\n\t\t\t\t\t\t</SegmentedButton>\n\t\t\t\t\t\t<Label text=\"Compact Content Density\" design=\"Bold\" />\n\t\t\t\t\t\t<SegmentedButton\n\t\t\t\t\t\t\t\tclass=\"vsdSetting\"\n\t\t\t\t\t\t\t\tselectedButton=\"VSDcompactOn\"\n\t\t\t\t\t\t\t\tid=\"VSDCompactModeButtons\"\n\t\t\t\t\t\t\t\twidth=\"100%\" >\n\t\t\t\t\t\t\t<Button text=\"On\" id=\"VSDcompactOn\" />\n\t\t\t\t\t\t\t<Button text=\"Off\" id=\"VSDcompactOff\" />\n\t\t\t\t\t\t</SegmentedButton>\n\t\t\t\t\t\t<Label text=\"Right To Left Mode\" design=\"Bold\" />\n\t\t\t\t\t\t<SegmentedButton\n\t\t\t\t\t\t\t\tselectedButton=\"VSDRTLOff\"\n\t\t\t\t\t\t\t\tid=\"VSDRTLButtons\"\n\t\t\t\t\t\t\t\twidth=\"100%\" >\n\t\t\t\t\t\t\t<Button text=\"On\" id=\"VSDRTLOn\" />\n\t\t\t\t\t\t\t<Button text=\"Off\" id=\"VSDRTLOff\" />\n\t\t\t\t\t\t</SegmentedButton>\n\t\t\t\t\t\t</content>\n\t\t\t\t\t</Panel>\n\t\t\t\t</content>\n\t\t\t</ViewSettingsCustomTab>\n\t\t\t<ViewSettingsCustomTab id=\"example-settings\" tooltip=\"default icon\">\n\t\t\t\t<content>\n\t\t\t\t\t<Button text=\"simple button example\" />\n\t\t\t\t</content>\n\t\t\t</ViewSettingsCustomTab>\n\t\t</customTabs>\n\t</ViewSettingsDialog>\n</core:FragmentDefinition>\n",
502
+ "DialogSingleCustomTab.fragment.xml": "<core:FragmentDefinition\n\t\txmlns=\"sap.m\"\n\t\txmlns:core=\"sap.ui.core\">\n\t<ViewSettingsDialog id=\"settingsDialogCustomTab\"\n\t\t\tconfirm=\"handleConfirm\">\n\t\t<customTabs>\n\t\t\t<ViewSettingsCustomTab id=\"app-settings\" icon=\"sap-icon://action-settings\" title=\"Settings\" tooltip=\"Application Settings\">\n\t\t\t\t<content>\n\t\t\t\t\t<Panel height=\"386px\">\n\t\t\t\t\t\t<Label text=\"Theme\" design=\"Bold\" id=\"VSDThemeLabel\"/>\n\t\t\t\t\t\t<SegmentedButton\n\t\t\t\t\t\t\t\tclass=\"vsdSetting\"\n\t\t\t\t\t\t\t\tselectedButton=\"VSDsap_quartzlight\"\n\t\t\t\t\t\t\t\tid=\"VSDThemeButtons\"\n\t\t\t\t\t\t\t\twidth=\"100%\" >\n\t\t\t\t\t\t\t<Button text=\"High Contrast Black\" id=\"VSDsap_hcb\" />\n\t\t\t\t\t\t\t<Button text=\"Quartz Light\" id=\"VSDsap_quartzlight\" />\n\t\t\t\t\t\t</SegmentedButton>\n\t\t\t\t\t\t<Label text=\"Compact Content Density\" design=\"Bold\" />\n\t\t\t\t\t\t<SegmentedButton\n\t\t\t\t\t\t\t\tclass=\"vsdSetting\"\n\t\t\t\t\t\t\t\tselectedButton=\"VSDcompactOn\"\n\t\t\t\t\t\t\t\tid=\"VSDCompactModeButtons\"\n\t\t\t\t\t\t\t\twidth=\"100%\" >\n\t\t\t\t\t\t\t<Button text=\"On\" id=\"VSDcompactOn\" />\n\t\t\t\t\t\t\t<Button text=\"Off\" id=\"VSDcompactOff\" />\n\t\t\t\t\t\t</SegmentedButton>\n\t\t\t\t\t\t<Label text=\"Right To Left Mode\" design=\"Bold\" />\n\t\t\t\t\t\t<SegmentedButton\n\t\t\t\t\t\t\t\tselectedButton=\"VSDRTLOff\"\n\t\t\t\t\t\t\t\tid=\"VSDRTLButtons\"\n\t\t\t\t\t\t\t\twidth=\"100%\" >\n\t\t\t\t\t\t\t<Button text=\"On\" id=\"VSDRTLOn\" />\n\t\t\t\t\t\t\t<Button text=\"Off\" id=\"VSDRTLOff\" />\n\t\t\t\t\t\t</SegmentedButton>\n\t\t\t\t\t</Panel>\n\t\t\t\t</content>\n\t\t\t</ViewSettingsCustomTab>\n\t\t</customTabs>\n\t</ViewSettingsDialog>\n</core:FragmentDefinition>\n",
503
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.m.sample.ViewSettingsDialogCustomTabs\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.m.sample.ViewSettingsDialogCustomTabs.V\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.ui.layout\": {},\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.m\": {}\n\t\t\t}\n\t\t},\n\t\t\"resources\": {\n\t\t\t\"css\": [\n\t\t\t\t{\n\t\t\t\t\t\"uri\": \"style.css\"\n\t\t\t\t}\n\t\t\t]\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"style.css\",\n\t\t\t\t\t\"V.view.xml\",\n\t\t\t\t\t\"C.controller.js\",\n\t\t\t\t\t\"Dialog.fragment.xml\",\n\t\t\t\t\t\"DialogSingleCustomTab.fragment.xml\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
504
+ "V.view.xml": "<mvc:View\n\tcontrollerName=\"sap.m.sample.ViewSettingsDialogCustomTabs.C\"\n\txmlns:l=\"sap.ui.layout\"\n\txmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns=\"sap.m\">\n\t<l:VerticalLayout\n\t\tclass=\"sapUiContentPadding\"\n\t\twidth=\"100%\">\n\t\t<Button\n\t\t\ttext=\"Open View Settings Dialog with several tabs\"\n\t\t\tpress=\"handleOpenDialog\" />\n\n\t\t<Button\n\t\t\t\ttext=\"Open View Settings Dialog with single custom tab\"\n\t\t\t\tpress=\"handleOpenDialogSingleCustomTab\" />\n\t</l:VerticalLayout>\n</mvc:View>\n"
505
+ },
506
+ "sap.m/Wizard": {
507
+ "Component.js": "sap.ui.define(['sap/ui/core/UIComponent'],\n\tfunction (UIComponent) {\n\t\t\"use strict\";\n\n\t\treturn UIComponent.extend(\"sap.m.sample.Wizard.Component\", {\n\n\t\t\tmetadata: {\n\t\t\t\tmanifest: \"json\"\n\t\t\t}\n\t\t});\n\t});\n",
508
+ "controller/Wizard.controller.js": "sap.ui.define([\n\t'sap/ui/core/mvc/Controller',\n\t'sap/ui/model/json/JSONModel',\n\t\"sap/m/MessageToast\",\n\t\"sap/m/MessageBox\"\n], function (Controller, JSONModel, MessageToast, MessageBox) {\n\t\"use strict\";\n\n\treturn Controller.extend(\"sap.m.sample.Wizard.controller.Wizard\", {\n\t\tonInit: function () {\n\t\t\tthis._wizard = this.byId(\"CreateProductWizard\");\n\t\t\tthis._oNavContainer = this.byId(\"wizardNavContainer\");\n\t\t\tthis._oWizardContentPage = this.byId(\"wizardContentPage\");\n\n\t\t\tthis.model = new JSONModel();\n\t\t\tthis.model.setData({\n\t\t\t\tproductNameState: \"Error\",\n\t\t\t\tproductWeightState: \"Error\"\n\t\t\t});\n\t\t\tthis.getView().setModel(this.model);\n\t\t\tthis.model.setProperty(\"/productType\", \"Mobile\");\n\t\t\tthis.model.setProperty(\"/availabilityType\", \"In Store\");\n\t\t\tthis.model.setProperty(\"/navApiEnabled\", true);\n\t\t\tthis.model.setProperty(\"/productVAT\", false);\n\t\t\tthis.model.setProperty(\"/measurement\", \"\");\n\t\t\tthis._setEmptyValue(\"/productManufacturer\");\n\t\t\tthis._setEmptyValue(\"/productDescription\");\n\t\t\tthis._setEmptyValue(\"/size\");\n\t\t\tthis._setEmptyValue(\"/productPrice\");\n\t\t\tthis._setEmptyValue(\"/manufacturingDate\");\n\t\t\tthis._setEmptyValue(\"/discountGroup\");\n\n\t\t},\n\n\t\tsetProductType: function (evt) {\n\t\t\tvar productType = evt.getSource().getTitle();\n\t\t\tthis.model.setProperty(\"/productType\", productType);\n\t\t\tthis.byId(\"ProductStepChosenType\").setText(\"Chosen product type: \" + productType);\n\t\t\tthis._wizard.validateStep(this.byId(\"ProductTypeStep\"));\n\t\t},\n\n\t\tsetProductTypeFromSegmented: function (evt) {\n\t\t\tvar productType = evt.getParameters().item.getText();\n\t\t\tthis.model.setProperty(\"/productType\", productType);\n\t\t\tthis._wizard.validateStep(this.byId(\"ProductTypeStep\"));\n\t\t},\n\n\t\tadditionalInfoValidation: function () {\n\t\t\tvar name = this.byId(\"ProductName\").getValue();\n\t\t\tvar weight = parseInt(this.byId(\"ProductWeight\").getValue());\n\n\t\t\tif (isNaN(weight)) {\n\t\t\t\tthis._wizard.setCurrentStep(this.byId(\"ProductInfoStep\"));\n\t\t\t\tthis.model.setProperty(\"/productWeightState\", \"Error\");\n\t\t\t} else {\n\t\t\t\tthis.model.setProperty(\"/productWeightState\", \"None\");\n\t\t\t}\n\n\t\t\tif (name.length < 6) {\n\t\t\t\tthis._wizard.setCurrentStep(this.byId(\"ProductInfoStep\"));\n\t\t\t\tthis.model.setProperty(\"/productNameState\", \"Error\");\n\t\t\t} else {\n\t\t\t\tthis.model.setProperty(\"/productNameState\", \"None\");\n\t\t\t}\n\n\t\t\tif (name.length < 6 || isNaN(weight)) {\n\t\t\t\tthis._wizard.invalidateStep(this.byId(\"ProductInfoStep\"));\n\t\t\t} else {\n\t\t\t\tthis._wizard.validateStep(this.byId(\"ProductInfoStep\"));\n\t\t\t}\n\t\t},\n\n\t\toptionalStepActivation: function () {\n\t\t\tMessageToast.show(\n\t\t\t\t'This event is fired on activate of Step3.'\n\t\t\t);\n\t\t},\n\n\t\toptionalStepCompletion: function () {\n\t\t\tMessageToast.show(\n\t\t\t\t'This event is fired on complete of Step3. You can use it to gather the information, and lock the input data.'\n\t\t\t);\n\t\t},\n\n\t\tpricingActivate: function () {\n\t\t\tthis.model.setProperty(\"/navApiEnabled\", true);\n\t\t},\n\n\t\tpricingComplete: function () {\n\t\t\tthis.model.setProperty(\"/navApiEnabled\", false);\n\t\t},\n\n\t\tscrollFrom4to2: function () {\n\t\t\tthis._wizard.goToStep(this.byId(\"ProductInfoStep\"));\n\t\t},\n\n\t\tgoFrom4to3: function () {\n\t\t\tif (this._wizard.getProgressStep() === this.byId(\"PricingStep\")) {\n\t\t\t\tthis._wizard.previousStep();\n\t\t\t}\n\t\t},\n\n\t\tgoFrom4to5: function () {\n\t\t\tif (this._wizard.getProgressStep() === this.byId(\"PricingStep\")) {\n\t\t\t\tthis._wizard.nextStep();\n\t\t\t}\n\t\t},\n\n\t\twizardCompletedHandler: function () {\n\t\t\tthis._oNavContainer.to(this.byId(\"wizardReviewPage\"));\n\t\t},\n\n\t\tbackToWizardContent: function () {\n\t\t\tthis._oNavContainer.backToPage(this._oWizardContentPage.getId());\n\t\t},\n\n\t\teditStepOne: function () {\n\t\t\tthis._handleNavigationToStep(0);\n\t\t},\n\n\t\teditStepTwo: function () {\n\t\t\tthis._handleNavigationToStep(1);\n\t\t},\n\n\t\teditStepThree: function () {\n\t\t\tthis._handleNavigationToStep(2);\n\t\t},\n\n\t\teditStepFour: function () {\n\t\t\tthis._handleNavigationToStep(3);\n\t\t},\n\n\t\t_handleNavigationToStep: function (iStepNumber) {\n\t\t\tvar fnAfterNavigate = function () {\n\t\t\t\tthis._wizard.goToStep(this._wizard.getSteps()[iStepNumber]);\n\t\t\t\tthis._oNavContainer.detachAfterNavigate(fnAfterNavigate);\n\t\t\t}.bind(this);\n\n\t\t\tthis._oNavContainer.attachAfterNavigate(fnAfterNavigate);\n\t\t\tthis.backToWizardContent();\n\t\t},\n\n\t\t_handleMessageBoxOpen: function (sMessage, sMessageBoxType) {\n\t\t\tMessageBox[sMessageBoxType](sMessage, {\n\t\t\t\tactions: [MessageBox.Action.YES, MessageBox.Action.NO],\n\t\t\t\tonClose: function (oAction) {\n\t\t\t\t\tif (oAction === MessageBox.Action.YES) {\n\t\t\t\t\t\tthis._handleNavigationToStep(0);\n\t\t\t\t\t\tthis._wizard.discardProgress(this._wizard.getSteps()[0]);\n\t\t\t\t\t}\n\t\t\t\t}.bind(this)\n\t\t\t});\n\t\t},\n\n\t\t_setEmptyValue: function (sPath) {\n\t\t\tthis.model.setProperty(sPath, \"n/a\");\n\t\t},\n\n\t\thandleWizardCancel: function () {\n\t\t\tthis._handleMessageBoxOpen(\"Are you sure you want to cancel your report?\", \"warning\");\n\t\t},\n\n\t\thandleWizardSubmit: function () {\n\t\t\tthis._handleMessageBoxOpen(\"Are you sure you want to submit your report?\", \"confirm\");\n\t\t},\n\n\t\tproductWeighStateFormatter: function (val) {\n\t\t\treturn isNaN(val) ? \"Error\" : \"None\";\n\t\t},\n\n\t\tdiscardProgress: function () {\n\t\t\tthis._wizard.discardProgress(this.byId(\"ProductTypeStep\"));\n\n\t\t\tvar clearContent = function (content) {\n\t\t\t\tfor (var i = 0; i < content.length; i++) {\n\t\t\t\t\tif (content[i].setValue) {\n\t\t\t\t\t\tcontent[i].setValue(\"\");\n\t\t\t\t\t}\n\n\t\t\t\t\tif (content[i].getContent) {\n\t\t\t\t\t\tclearContent(content[i].getContent());\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t};\n\n\t\t\tthis.model.setProperty(\"/productWeightState\", \"Error\");\n\t\t\tthis.model.setProperty(\"/productNameState\", \"Error\");\n\t\t\tclearContent(this._wizard.getSteps());\n\t\t}\n\t});\n});\n",
509
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.m.sample.Wizard\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.m.sample.Wizard.view.Wizard\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.m\": {},\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.layout\": {},\n\t\t\t\t\"sap.ui.unified\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"stretch\": true,\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"view/Wizard.view.xml\",\n\t\t\t\t\t\"controller/Wizard.controller.js\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
510
+ "view/Wizard.view.xml": "<mvc:View\n\t\theight=\"100%\"\n\t\tcontrollerName=\"sap.m.sample.Wizard.controller.Wizard\"\n\t\txmlns:form=\"sap.ui.layout.form\"\n\t\txmlns:core=\"sap.ui.core\"\n\t\txmlns:u=\"sap.ui.unified\"\n\t\txmlns:mvc=\"sap.ui.core.mvc\"\n\t\txmlns=\"sap.m\">\n\t\t<NavContainer id=\"wizardNavContainer\">\n\t\t\t<pages>\n\t\t\t\t<Page\n\t\t\t\tid=\"wizardContentPage\"\n\t\t\t\tshowHeader=\"false\">\n\t\t\t\t\t<content>\n\t\t\t\t\t\t<Wizard id=\"CreateProductWizard\" class=\"sapUiResponsivePadding--header sapUiResponsivePadding--content\"\n\t\t\t\t\t\t\t\tcomplete=\"wizardCompletedHandler\">\n\t\t\t\t\t\t\t<WizardStep id=\"ProductTypeStep\"\n\t\t\t\t\t\t\t\t\t\ttitle=\"Product Type\"\n\t\t\t\t\t\t\t\t\t\tvalidated=\"true\">\n\t\t\t\t\t\t\t\t<MessageStrip class=\"sapUiSmallMarginBottom\"\n\t\t\t\t\t\t\t\t\t\ttext=\"The Wizard control is supposed to break down large tasks, into smaller steps, easier for the user to work with.\"\n\t\t\t\t\t\t\t\t\t\tshowIcon=\"true\"/>\n\t\t\t\t\t\t\t\t<Text class=\"sapUiSmallMarginBottom\"\n\t\t\t\t\t\t\t\t\t\ttext=\"Sed fermentum, mi et tristique ullamcorper, sapien sapien faucibus sem, quis pretium nibh lorem malesuada diam. Nulla quis arcu aliquet, feugiat massa semper, volutpat diam. Nam vitae ante posuere, molestie neque sit amet, dapibus velit. Maecenas eleifend tempor lorem. Mauris vitae elementum mi, sed eleifend ligula. Nulla tempor vulputate dolor, nec dignissim quam convallis ut. Praesent vitae commodo felis, ut iaculis felis. Fusce quis eleifend sapien, eget facilisis nibh. Suspendisse est velit, scelerisque ut commodo eget, dignissim quis metus. Cras faucibus consequat gravida. Curabitur vitae quam felis. Phasellus ac leo eleifend, commodo tortor et, varius quam. Aliquam erat volutpat\"/>\n\t\t\t\t\t\t\t\t<HBox\n\t\t\t\t\t\t\t\t\t\talignItems=\"Center\"\n\t\t\t\t\t\t\t\t\t\tjustifyContent=\"Center\"\n\t\t\t\t\t\t\t\t\t\twidth=\"100%\">\n\t\t\t\t\t\t\t\t\t<SegmentedButton\n\t\t\t\t\t\t\t\t\t\twidth=\"320px\"\n\t\t\t\t\t\t\t\t\t\tselectionChange=\"setProductTypeFromSegmented\">\n\t\t\t\t\t\t\t\t\t\t<items>\n\t\t\t\t\t\t\t\t\t\t\t<SegmentedButtonItem icon=\"sap-icon://iphone\" text=\"Mobile\"/>\n\t\t\t\t\t\t\t\t\t\t\t<SegmentedButtonItem icon=\"sap-icon://sys-monitor\" text=\"Desktop\"/>\n\t\t\t\t\t\t\t\t\t\t\t<SegmentedButtonItem icon=\"sap-icon://database\" text=\"Other\"/>\n\t\t\t\t\t\t\t\t\t\t</items>\n\t\t\t\t\t\t\t\t\t</SegmentedButton>\n\t\t\t\t\t\t\t\t</HBox>\n\t\t\t\t\t\t\t</WizardStep>\n\t\t\t\t\t\t\t<WizardStep id=\"ProductInfoStep\"\n\t\t\t\t\t\t\t\t\t\tvalidated=\"false\"\n\t\t\t\t\t\t\t\t\t\ttitle=\"Product Information\"\n\t\t\t\t\t\t\t\t\t\tactivate=\"additionalInfoValidation\">\n\t\t\t\t\t\t\t\t<MessageStrip class=\"sapUiSmallMarginBottom\"\n\t\t\t\t\t\t\t\t\t\ttext=\"Validation in the wizard is controlled by calling the validateStep(Step) and invalidateStep(Step) methods \"\n\t\t\t\t\t\t\t\t\t\tshowIcon=\"true\"/>\n\t\t\t\t\t\t\t\t<Text text=\"Cras tellus leo, volutpat vitae ullamcorper eu, posuere malesuada nisl. Integer pellentesque leo sit amet dui vehicula, quis ullamcorper est pulvinar. Nam in libero sem. Suspendisse arcu metus, molestie a turpis a, molestie aliquet dui. Donec pulvinar, sapien et viverra imperdiet, orci erat porttitor nulla, eget commodo metus nibh nec ipsum. Aliquam lacinia euismod metus, sollicitudin pellentesque purus volutpat eget. Pellentesque egestas erat quis eros convallis mattis. Mauris hendrerit sapien a malesu corper eu, posuere malesuada nisl. Integer pellentesque leo sit amet dui vehicula, quis ullamcorper est pulvinar. Nam in libero sem. Suspendisse arcu metus, molestie a turpis a, molestie aliquet dui. Donec pulvinar, sapien\tcorper eu, posuere malesuada nisl. Integer pellentesque leo sit amet dui vehicula, quis ullamcorper est pulvinar. Nam in libero sem. Suspendisse arcu metus, molestie a turpis a, molestie aliquet dui. Donec pulvinar, sapien\t\"/>\n\t\t\t\t\t\t\t\t<form:SimpleForm\n\t\t\t\t\t\t\t\t\t\teditable=\"true\"\n\t\t\t\t\t\t\t\t\t\tlayout=\"ResponsiveGridLayout\">\n\t\t\t\t\t\t\t\t\t<Label text=\"Name\" required=\"true\"/>\n\t\t\t\t\t\t\t\t\t<Input valueStateText=\"Enter 6 symbols or more\"\n\t\t\t\t\t\t\t\t\t\t\tvalueState=\"{/productNameState}\" id=\"ProductName\" liveChange=\"additionalInfoValidation\"\n\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Enter name with length greater than 6\" value=\"{/productName}\"/>\n\t\t\t\t\t\t\t\t\t<Label text=\"Weight\" required=\"true\"/>\n\t\t\t\t\t\t\t\t\t<Input valueStateText=\"Enter digits\"\n\t\t\t\t\t\t\t\t\t\t\tvalueState=\"{/productWeightState}\" id=\"ProductWeight\"\n\t\t\t\t\t\t\t\t\t\t\tliveChange=\"additionalInfoValidation\" type=\"Number\" placeholder=\"Enter digits\"\n\t\t\t\t\t\t\t\t\t\t\tvalue=\"{/productWeight}\"/>\n\t\t\t\t\t\t\t\t\t<Label text=\"Manufacturer\"/>\n\t\t\t\t\t\t\t\t\t<Select selectedKey=\"{/productManufacturer}\">\n\t\t\t\t\t\t\t\t\t\t<core:Item key=\"Apple\" text=\"Apple\"/>\n\t\t\t\t\t\t\t\t\t\t<core:Item key=\"Microsoft\" text=\"Microsoft\"/>\n\t\t\t\t\t\t\t\t\t\t<core:Item key=\"Google\" text=\"Google\"/>\n\t\t\t\t\t\t\t\t\t\t<core:Item key=\"Sony\" text=\"Sony\"/>\n\t\t\t\t\t\t\t\t\t\t<core:Item key=\"Samsung\" text=\"Samsung\"/>\n\t\t\t\t\t\t\t\t\t\t<core:Item key=\"Logitech\" text=\"Logitech\"/>\n\t\t\t\t\t\t\t\t\t</Select>\n\t\t\t\t\t\t\t\t\t<Label text=\"Description\"/>\n\t\t\t\t\t\t\t\t\t<TextArea value=\"{/productDescription}\" rows=\"8\"/>\n\t\t\t\t\t\t\t\t</form:SimpleForm>\n\t\t\t\t\t\t\t</WizardStep>\n\t\t\t\t\t\t\t<WizardStep id=\"OptionalInfoStep\"\n\t\t\t\t\t\t\t\t\t\tvalidated=\"true\"\n\t\t\t\t\t\t\t\t\t\tactivate=\"optionalStepActivation\"\n\t\t\t\t\t\t\t\t\t\ttitle=\"Optional Information\">\n\t\t\t\t\t\t\t\t<MessageStrip class=\"sapUiSmallMarginBottom\"\n\t\t\t\t\t\t\t\t\t\ttext=\"You can validate steps by default with the validated='true' property of the step. The next button is always enabled.\"\n\t\t\t\t\t\t\t\t\t\tshowIcon=\"true\"/>\n\t\t\t\t\t\t\t\t<Text text=\"Integer pellentesque leo sit amet dui vehicula, quis ullamcorper est pulvinar. Nam in libero sem. Suspendisse arcu metus, molestie a turpis a, molestie aliquet dui. Donec ppellentesque leo sit amet dui vehicula, quis ullamcorper est pulvinar. Nam in libero sem. Suspendisse arcu metus, molestie a turpis a, molestie aliquet dui. Donec pulvinar, sapien\tcorper eu, posuere malesuada nisl. Integer pellentesque leo sit amet dui vehicula, quis ullamcorper est pulvinar. Nam in libero sem. Suspendisse arcu metus, molestie a turpis a, molestie aliquet dui. Donec pulvinar, sapien\t\"/>\n\t\t\t\t\t\t\t\t<form:SimpleForm\n\t\t\t\t\t\t\t\t\t\teditable=\"true\"\n\t\t\t\t\t\t\t\t\t\tlayout=\"ResponsiveGridLayout\">\n\t\t\t\t\t\t\t\t\t<Label text=\"Cover photo\"/>\n\t\t\t\t\t\t\t\t\t<u:FileUploader\n\t\t\t\t\t\t\t\t\t\t\twidth=\"100%\"\n\t\t\t\t\t\t\t\t\t\t\ttooltip=\"Upload product cover photo to the local server\"\n\t\t\t\t\t\t\t\t\t\t\tstyle=\"Emphasized\"\n\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Choose a file for Upload...\"/>\n\t\t\t\t\t\t\t\t\t<Label text=\"Manufacturing date\"/>\n\t\t\t\t\t\t\t\t\t<DatePicker\n\t\t\t\t\t\t\t\t\t\t\tid=\"DP3\"\n\t\t\t\t\t\t\t\t\t\t\tdisplayFormat=\"short\"\n\t\t\t\t\t\t\t\t\t\t\tvalue=\"{/manufacturingDate}\"/>\n\t\t\t\t\t\t\t\t\t<Label text=\"Availability\"/>\n\t\t\t\t\t\t\t\t\t<SegmentedButton selectedKey=\"{/availabilityType}\">\n\t\t\t\t\t\t\t\t\t\t<items>\n\t\t\t\t\t\t\t\t\t\t\t<SegmentedButtonItem key=\"In store\" text=\"In store\"/>\n\t\t\t\t\t\t\t\t\t\t\t<SegmentedButtonItem key=\"In depot\" text=\"In depot\"/>\n\t\t\t\t\t\t\t\t\t\t\t<SegmentedButtonItem key=\"In repository\" text=\"In repository\"/>\n\t\t\t\t\t\t\t\t\t\t\t<SegmentedButtonItem key=\"Out of stock\" text=\"Out of stock\"/>\n\t\t\t\t\t\t\t\t\t\t</items>\n\t\t\t\t\t\t\t\t\t</SegmentedButton>\n\t\t\t\t\t\t\t\t\t<Label text=\"Size\"/>\n\t\t\t\t\t\t\t\t\t<Input value=\"{/size}\"/>\n\t\t\t\t\t\t\t\t\t<ComboBox maxWidth=\"100px\" selectedKey=\"{/measurement}\">\n\t\t\t\t\t\t\t\t\t\t<core:Item key=\"X\" text=\"X\"/>\n\t\t\t\t\t\t\t\t\t\t<core:Item key=\"Y\" text=\"Y\"/>\n\t\t\t\t\t\t\t\t\t\t<core:Item key=\"Z\" text=\"Z\"/>\n\t\t\t\t\t\t\t\t\t</ComboBox>\n\n\t\t\t\t\t\t\t\t</form:SimpleForm>\n\t\t\t\t\t\t\t</WizardStep>\n\t\t\t\t\t\t\t<WizardStep id=\"PricingStep\"\n\t\t\t\t\t\t\t\t\t\tactivate=\"pricingActivate\"\n\t\t\t\t\t\t\t\t\t\tcomplete=\"pricingComplete\"\n\t\t\t\t\t\t\t\t\t\tvalidated=\"true\"\n\t\t\t\t\t\t\t\t\t\ttitle=\"Pricing\">\n\t\t\t\t\t\t\t\t<MessageStrip class=\"sapUiSmallMarginBottom\"\n\t\t\t\t\t\t\t\t\t\ttext=\"You can use the wizard previousStep() and nextStep() methods to navigate from step to step without validation. Also you can use the GoToStep(step) method to scroll programmatically to previously visited steps.\"\n\t\t\t\t\t\t\t\t\t\tshowIcon=\"true\"/>\n\t\t\t\t\t\t\t\t<form:SimpleForm\n\t\t\t\t\t\t\t\t\t\teditable=\"true\"\n\t\t\t\t\t\t\t\t\t\tlayout=\"ResponsiveGridLayout\">\n\t\t\t\t\t\t\t\t\t<Label text=\"Price\"/>\n\t\t\t\t\t\t\t\t\t<Input value=\"{/productPrice}\"/>\n\t\t\t\t\t\t\t\t\t<Label text=\"Discount group\"/>\n\t\t\t\t\t\t\t\t\t<ComboBox selectedKey=\"{/discountGroup}\">\n\t\t\t\t\t\t\t\t\t\t<core:Item key=\"Kids\" text=\"Kids\"/>\n\t\t\t\t\t\t\t\t\t\t<core:Item key=\"Teens\" text=\"Teens\"/>\n\t\t\t\t\t\t\t\t\t\t<core:Item key=\"Adults\" text=\"Adults\"/>\n\t\t\t\t\t\t\t\t\t\t<core:Item key=\"Elderly\" text=\"Elderly\"/>\n\t\t\t\t\t\t\t\t\t</ComboBox>\n\t\t\t\t\t\t\t\t\t<Label text=\" VAT is included\"/>\n\t\t\t\t\t\t\t\t\t<CheckBox selected=\"{/productVAT}\"/>\n\t\t\t\t\t\t\t\t</form:SimpleForm>\n\t\t\t\t\t\t\t</WizardStep>\n\t\t\t\t\t\t</Wizard>\n\t\t\t\t\t</content>\n\t\t\t\t\t<footer>\n\t\t\t\t\t\t<OverflowToolbar>\n\t\t\t\t\t\t\t<ToolbarSpacer/>\n\t\t\t\t\t\t\t<Button text=\"Cancel\" press=\"handleWizardCancel\"/>\n\t\t\t\t\t\t</OverflowToolbar>\n\t\t\t\t\t</footer>\n\t\t\t\t</Page>\n\t\t\t\t<Page id=\"wizardReviewPage\" showHeader=\"false\">\n\t\t\t\t\t<content>\n\t\t\t\t\t\t<form:SimpleForm\n\t\t\t\t\t\t\t\ttitle=\"1. Product Type\"\n\t\t\t\t\t\t\t\tminWidth=\"1024\"\n\t\t\t\t\t\t\t\teditable=\"false\"\n\t\t\t\t\t\t\t\tlayout=\"ResponsiveGridLayout\">\n\t\t\t\t\t\t\t<form:content>\n\t\t\t\t\t\t\t\t<Label text=\"Type\"/>\n\t\t\t\t\t\t\t\t<Text id=\"ProductTypeChosen\" text=\"{/productType}\"/>\n\t\t\t\t\t\t\t\t<Link press=\"editStepOne\" text=\"Edit\" />\n\t\t\t\t\t\t\t</form:content>\n\t\t\t\t\t\t</form:SimpleForm>\n\n\t\t\t\t\t\t<form:SimpleForm\n\t\t\t\t\t\t\t\ttitle=\"2. Product Information\"\n\t\t\t\t\t\t\t\tminWidth=\"1024\"\n\t\t\t\t\t\t\t\teditable=\"false\"\n\t\t\t\t\t\t\t\tlayout=\"ResponsiveGridLayout\">\n\t\t\t\t\t\t\t<form:content>\n\t\t\t\t\t\t\t\t<Label text=\"Name\"/>\n\t\t\t\t\t\t\t\t<Text id=\"ProductNameChosen\" text=\"{/productName}\"/>\n\t\t\t\t\t\t\t\t<Label text=\"Weight\"/>\n\t\t\t\t\t\t\t\t<Text id=\"ProductWeightChosen\" text=\"{/productWeight}\"/>\n\t\t\t\t\t\t\t\t<Label text=\"Manufacturer\"/>\n\t\t\t\t\t\t\t\t<Text id=\"ProductManufacturerChosen\" text=\"{/productManufacturer}\"/>\n\t\t\t\t\t\t\t\t<Label text=\"Description\"/>\n\t\t\t\t\t\t\t\t<Text id=\"ProductDescriptionChosen\" text=\"{/productDescription}\"/>\n\t\t\t\t\t\t\t\t<Link press=\"editStepTwo\" text=\"Edit\" />\n\t\t\t\t\t\t\t</form:content>\n\t\t\t\t\t\t</form:SimpleForm>\n\n\t\t\t\t\t\t<form:SimpleForm\n\t\t\t\t\t\t\t\ttitle=\"3. Optional Information\"\n\t\t\t\t\t\t\t\tminWidth=\"1024\"\n\t\t\t\t\t\t\t\teditable=\"false\"\n\t\t\t\t\t\t\t\tlayout=\"ResponsiveGridLayout\">\n\t\t\t\t\t\t\t<form:content>\n\t\t\t\t\t\t\t\t<Label text=\"Some text\"/>\n\t\t\t\t\t\t\t\t<Text text=\"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod\n\t\t\t\t\t\t\t\ttempor incididunt ut labore et dolore magna aliqua. \"/>\n\t\t\t\t\t\t\t\t<Label text=\"Manufacturing Date\"/>\n\t\t\t\t\t\t\t\t<Text id=\"ManufacturingDate\" text=\"{/manufacturingDate}\"/>\n\t\t\t\t\t\t\t\t<Label text=\"Availability\"/>\n\t\t\t\t\t\t\t\t<Text id=\"AvailabilityChosen\" text=\"{/availabilityType}\"/>\n\t\t\t\t\t\t\t\t<Label text=\"Size\"/>\n\t\t\t\t\t\t\t\t<HBox>\n\t\t\t\t\t\t\t\t\t<Text id=\"Size\" text=\"{/size}\"/>\n\t\t\t\t\t\t\t\t\t<Text id=\"Size2\" class=\"sapUiTinyMarginBegin\" text=\"{/measurement}\"/>\n\t\t\t\t\t\t\t\t</HBox>\n\t\t\t\t\t\t\t\t<Link press=\"editStepThree\" text=\"Edit\" />\n\t\t\t\t\t\t\t</form:content>\n\t\t\t\t\t\t</form:SimpleForm>\n\n\t\t\t\t\t\t<form:SimpleForm\n\t\t\t\t\t\t\t\ttitle=\"4. Pricing\"\n\t\t\t\t\t\t\t\tminWidth=\"1024\"\n\t\t\t\t\t\t\t\teditable=\"false\"\n\t\t\t\t\t\t\t\tlayout=\"ResponsiveGridLayout\">\n\t\t\t\t\t\t\t<form:content>\n\t\t\t\t\t\t\t\t<Label text=\"Price\"/>\n\t\t\t\t\t\t\t\t<Text id=\"ProductPriceChosen\" text=\"{/productPrice}\"/>\n\t\t\t\t\t\t\t\t<Label text=\"Discount Group\"/>\n\t\t\t\t\t\t\t\t<Text id=\"DiscountGroupChosen\" text=\"{/discountGroup}\"/>\n\t\t\t\t\t\t\t\t<Label text=\"VAT Included\"/>\n\t\t\t\t\t\t\t\t<Text id=\"ProductVATChosen\" text=\"{/productVAT}\"/>\n\t\t\t\t\t\t\t\t<Link press=\"editStepFour\" text=\"Edit\" />\n\t\t\t\t\t\t\t</form:content>\n\t\t\t\t\t\t</form:SimpleForm>\n\t\t\t\t\t</content>\n\t\t\t\t\t<footer>\n\t\t\t\t\t\t<Bar>\n\t\t\t\t\t\t\t<contentRight>\n\t\t\t\t\t\t\t\t<Button text=\"Submit\" press=\"handleWizardSubmit\"/>\n\t\t\t\t\t\t\t\t<Button text=\"Cancel\" press=\"handleWizardCancel\"/>\n\t\t\t\t\t\t\t</contentRight>\n\t\t\t\t\t\t</Bar>\n\t\t\t\t\t</footer>\n\t\t\t\t</Page>\n\t\t\t</pages>\n\t\t</NavContainer>\n</mvc:View>\n"
511
+ },
512
+ "sap.m/WizardBranching": {
513
+ "Component.js": "sap.ui.define(['sap/ui/core/UIComponent'],\n\tfunction (UIComponent) {\n\t\t\"use strict\";\n\n\t\treturn UIComponent.extend(\"sap.m.sample.WizardBranching.Component\", {\n\n\t\t\tmetadata: {\n\t\t\t\tmanifest: \"json\"\n\t\t\t}\n\t\t});\n\t});\n",
514
+ "controller/WizardBranching.controller.js": "sap.ui.define([\n\t'sap/ui/core/mvc/Controller',\n\t'sap/ui/model/json/JSONModel',\n\t\"sap/m/MessageBox\"\n], function (Controller, JSONModel, MessageBox) {\n\t\"use strict\";\n\n\tvar history = {\n\t\tprevPaymentSelect: null,\n\t\tprevDiffDeliverySelect: null\n\t};\n\n\treturn Controller.extend(\"sap.m.sample.WizardBranching.controller.WizardBranching\", {\n\t\tonInit: function () {\n\t\t\tthis._wizard = this.byId(\"ShoppingCartWizard\");\n\t\t\tthis._oNavContainer = this.byId(\"wizardNavContainer\");\n\t\t\tthis._oWizardContentPage = this.byId(\"wizardContentPage\");\n\n\t\t\tthis.model = new JSONModel();\n\t\t\tthis.model.attachRequestCompleted(null, function () {\n\t\t\t\tthis.model.getData().ProductCollection.splice(5, this.model.getData().ProductCollection.length);\n\t\t\t\tthis.model.setProperty(\"/selectedPayment\", \"Credit Card\");\n\t\t\t\tthis.model.setProperty(\"/selectedDeliveryMethod\", \"Standard Delivery\");\n\t\t\t\tthis.model.setProperty(\"/differentDeliveryAddress\", false);\n\t\t\t\tthis.model.setProperty(\"/CashOnDelivery\", {});\n\t\t\t\tthis.model.setProperty(\"/BillingAddress\", {});\n\t\t\t\tthis.model.setProperty(\"/CreditCard\", {});\n\t\t\t\tthis.calcTotal();\n\t\t\t\tthis.model.updateBindings();\n\t\t\t}.bind(this));\n\n\t\t\tthis.model.loadData(sap.ui.require.toUrl(\"sap/ui/demo/mock/products.json\"));\n\t\t\tthis.getView().setModel(this.model);\n\t\t},\n\n\t\tcalcTotal: function () {\n\t\t\tvar data = this.model.getData().ProductCollection;\n\t\t\tif (data) {\n\t\t\t\tvar total = data.reduce(function (prev, current) {\n\t\t\t\t\tprev = prev.Price || prev;\n\t\t\t\t\treturn prev + current.Price;\n\t\t\t\t});\n\t\t\t\tthis.model.setProperty(\"/ProductsTotalPrice\", total.Price || total);\n\t\t\t} else {\n\t\t\t\tthis.model.setProperty(\"/ProductsTotalPrice\", 0);\n\t\t\t}\n\t\t},\n\n\t\thandleDelete: function (oEvent) {\n\t\t\tvar listItem = oEvent.getParameter(\"listItem\");\n\t\t\tvar data = this.model.getData().ProductCollection;\n\t\t\tif (data.length <= 1) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tfor (var i = 0; i < data.length; i++) {\n\t\t\t\tif (data[i].Name === listItem.getTitle()) {\n\t\t\t\t\tdata.splice(i, 1);\n\t\t\t\t\tthis.calcTotal();\n\t\t\t\t\tthis.model.updateBindings();\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\n\t\tgoToPaymentStep: function () {\n\t\t\tvar selectedKey = this.model.getProperty(\"/selectedPayment\");\n\n\t\t\tswitch (selectedKey) {\n\t\t\t\tcase \"Credit Card\":\n\t\t\t\t\tthis.byId(\"PaymentTypeStep\").setNextStep(this.getView().byId(\"CreditCardStep\"));\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"Bank Transfer\":\n\t\t\t\t\tthis.byId(\"PaymentTypeStep\").setNextStep(this.getView().byId(\"BankAccountStep\"));\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"Cash on Delivery\":\n\t\t\t\tdefault:\n\t\t\t\t\tthis.byId(\"PaymentTypeStep\").setNextStep(this.getView().byId(\"CashOnDeliveryStep\"));\n\t\t\t\t\tbreak;\n\t\t\t}\n\t\t},\n\n\t\tsetPaymentMethod: function () {\n\t\t\tthis.setDiscardableProperty({\n\t\t\t\tmessage: \"Are you sure you want to change the payment type ? This will discard your progress.\",\n\t\t\t\tdiscardStep: this.byId(\"PaymentTypeStep\"),\n\t\t\t\tmodelPath: \"/selectedPayment\",\n\t\t\t\thistoryPath: \"prevPaymentSelect\"\n\t\t\t});\n\t\t},\n\n\t\tsetDifferentDeliveryAddress: function () {\n\t\t\tthis.setDiscardableProperty({\n\t\t\t\tmessage: \"Are you sure you want to change the delivery address ? This will discard your progress\",\n\t\t\t\tdiscardStep: this.byId(\"BillingStep\"),\n\t\t\t\tmodelPath: \"/differentDeliveryAddress\",\n\t\t\t\thistoryPath: \"prevDiffDeliverySelect\"\n\t\t\t});\n\t\t},\n\n\t\tsetDiscardableProperty: function (params) {\n\t\t\tif (this._wizard.getProgressStep() !== params.discardStep) {\n\t\t\t\tMessageBox.warning(params.message, {\n\t\t\t\t\tactions: [MessageBox.Action.YES, MessageBox.Action.NO],\n\t\t\t\t\tonClose: function (oAction) {\n\t\t\t\t\t\tif (oAction === MessageBox.Action.YES) {\n\t\t\t\t\t\t\tthis._wizard.discardProgress(params.discardStep);\n\t\t\t\t\t\t\thistory[params.historyPath] = this.model.getProperty(params.modelPath);\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tthis.model.setProperty(params.modelPath, history[params.historyPath]);\n\t\t\t\t\t\t}\n\t\t\t\t\t}.bind(this)\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\thistory[params.historyPath] = this.model.getProperty(params.modelPath);\n\t\t\t}\n\t\t},\n\n\t\tbillingAddressComplete: function () {\n\t\t\tif (this.model.getProperty(\"/differentDeliveryAddress\")) {\n\t\t\t\tthis.byId(\"BillingStep\").setNextStep(this.getView().byId(\"DeliveryAddressStep\"));\n\t\t\t} else {\n\t\t\t\tthis.byId(\"BillingStep\").setNextStep(this.getView().byId(\"DeliveryTypeStep\"));\n\t\t\t}\n\t\t},\n\n\t\thandleWizardCancel: function () {\n\t\t\tthis._handleMessageBoxOpen(\"Are you sure you want to cancel your purchase?\", \"warning\");\n\t\t},\n\n\t\thandleWizardSubmit: function () {\n\t\t\tthis._handleMessageBoxOpen(\"Are you sure you want to submit your report?\", \"confirm\");\n\t\t},\n\n\t\tbackToWizardContent: function () {\n\t\t\tthis._oNavContainer.backToPage(this._oWizardContentPage.getId());\n\t\t},\n\n\t\tcheckCreditCardStep: function () {\n\t\t\tvar cardName = this.model.getProperty(\"/CreditCard/Name\") || \"\";\n\t\t\tif (cardName.length < 3) {\n\t\t\t\tthis._wizard.invalidateStep(this.byId(\"CreditCardStep\"));\n\t\t\t} else {\n\t\t\t\tthis._wizard.validateStep(this.byId(\"CreditCardStep\"));\n\t\t\t}\n\t\t},\n\n\t\tcheckCashOnDeliveryStep: function () {\n\t\t\tvar firstName = this.model.getProperty(\"/CashOnDelivery/FirstName\") || \"\";\n\t\t\tif (firstName.length < 3) {\n\t\t\t\tthis._wizard.invalidateStep(this.byId(\"CashOnDeliveryStep\"));\n\t\t\t} else {\n\t\t\t\tthis._wizard.validateStep(this.byId(\"CashOnDeliveryStep\"));\n\t\t\t}\n\t\t},\n\n\t\tcheckBillingStep: function () {\n\t\t\tvar address = this.model.getProperty(\"/BillingAddress/Address\") || \"\";\n\t\t\tvar city = this.model.getProperty(\"/BillingAddress/City\") || \"\";\n\t\t\tvar zipCode = this.model.getProperty(\"/BillingAddress/ZipCode\") || \"\";\n\t\t\tvar country = this.model.getProperty(\"/BillingAddress/Country\") || \"\";\n\n\t\t\tif (address.length < 3 || city.length < 3 || zipCode.length < 3 || country.length < 3) {\n\t\t\t\tthis._wizard.invalidateStep(this.byId(\"BillingStep\"));\n\t\t\t} else {\n\t\t\t\tthis._wizard.validateStep(this.byId(\"BillingStep\"));\n\t\t\t}\n\t\t},\n\n\t\tcompletedHandler: function () {\n\t\t\tthis._oNavContainer.to(this.byId(\"wizardBranchingReviewPage\"));\n\t\t},\n\n\t\t_handleMessageBoxOpen: function (sMessage, sMessageBoxType) {\n\t\t\tMessageBox[sMessageBoxType](sMessage, {\n\t\t\t\tactions: [MessageBox.Action.YES, MessageBox.Action.NO],\n\t\t\t\tonClose: function (oAction) {\n\t\t\t\t\tif (oAction === MessageBox.Action.YES) {\n\t\t\t\t\t\tthis._wizard.discardProgress(this._wizard.getSteps()[0]);\n\t\t\t\t\t\tthis._navBackToList();\n\t\t\t\t\t}\n\t\t\t\t}.bind(this)\n\t\t\t});\n\t\t},\n\n\t\t_navBackToList: function () {\n\t\t\tthis._navBackToStep(this.byId(\"ContentsStep\"));\n\t\t},\n\n\t\t_navBackToPaymentType: function () {\n\t\t\tthis._navBackToStep(this.byId(\"PaymentTypeStep\"));\n\t\t},\n\n\t\t_navBackToCreditCard: function () {\n\t\t\tthis._navBackToStep(this.byId(\"CreditCardStep\"));\n\t\t},\n\n\t\t_navBackToCashOnDelivery: function () {\n\t\t\tthis._navBackToStep(this.byId(\"CashOnDeliveryStep\"));\n\t\t},\n\n\t\t_navBackToBillingAddress: function () {\n\t\t\tthis._navBackToStep(this.byId(\"BillingStep\"));\n\t\t},\n\n\t\t_navBackToDeliveryType: function () {\n\t\t\tthis._navBackToStep(this.byId(\"DeliveryTypeStep\"));\n\t\t},\n\n\t\t_navBackToStep: function (step) {\n\t\t\tvar fnAfterNavigate = function () {\n\t\t\t\tthis._wizard.goToStep(step);\n\t\t\t\tthis._oNavContainer.detachAfterNavigate(fnAfterNavigate);\n\t\t\t}.bind(this);\n\n\t\t\tthis._oNavContainer.attachAfterNavigate(fnAfterNavigate);\n\t\t\tthis._oNavContainer.to(this._oWizardContentPage);\n\t\t}\n\t});\n});",
515
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.m.sample.WizardBranching\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.m.sample.WizardBranching.view.WizardBranching\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.m\": {},\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.layout\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"stretch\": true,\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"view/WizardBranching.view.xml\",\n\t\t\t\t\t\"controller/WizardBranching.controller.js\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
516
+ "view/WizardBranching.view.xml": "<mvc:View\n\t\theight=\"100%\"\n\t\tcontrollerName=\"sap.m.sample.WizardBranching.controller.WizardBranching\"\n\t\txmlns:layout=\"sap.ui.layout\"\n\t\txmlns:form=\"sap.ui.layout.form\"\n\t\txmlns:mvc=\"sap.ui.core.mvc\"\n\t\txmlns=\"sap.m\">\n\t<NavContainer id=\"wizardNavContainer\">\n\t\t<pages>\n\t\t\t<Page\n\t\t\t\t\tid=\"wizardContentPage\"\n\t\t\t\t\tshowHeader=\"false\">\n\t\t\t\t<content>\n\t\t\t\t\t<Wizard id=\"ShoppingCartWizard\"\n\t\t\t\t\t\t\tcomplete=\"completedHandler\"\n\t\t\t\t\t\t\tenableBranching=\"true\"\n\t\t\t\t\t\t\tclass=\"sapUiResponsivePadding--header sapUiResponsivePadding--content\">\n\t\t\t\t\t\t<WizardStep\n\t\t\t\t\t\t\t\tid=\"ContentsStep\"\n\t\t\t\t\t\t\t\tnextStep=\"PaymentTypeStep\"\n\t\t\t\t\t\t\t\ttitle=\"Shopping cart contents\"\n\t\t\t\t\t\t\t\ticon=\"sap-icon://cart\">\n\t\t\t\t\t\t\t<ObjectHeader\n\t\t\t\t\t\t\t\t\ttitle=\"Total\"\n\t\t\t\t\t\t\t\t\tnumber=\"{/ProductsTotalPrice}\"\n\t\t\t\t\t\t\t\t\tnumberUnit=\"EUR\">\n\t\t\t\t\t\t\t\t<attributes>\n\t\t\t\t\t\t\t\t\t<ObjectAttribute\ttext=\"This is the list of items in your shopping cart\" />\n\t\t\t\t\t\t\t\t</attributes>\n\t\t\t\t\t\t\t</ObjectHeader>\n\t\t\t\t\t\t\t<List mode=\"Delete\"\n\t\t\t\t\t\t\t\t\titems=\"{/ProductCollection}\"\n\t\t\t\t\t\t\t\t\tenableBusyIndicator=\"true\"\n\t\t\t\t\t\t\t\t\tdelete=\"handleDelete\"\n\t\t\t\t\t\t\t\t\theaderText=\"Items\">\n\t\t\t\t\t\t\t\t<StandardListItem\n\t\t\t\t\t\t\t\t\t\ttitle=\"{Name}\"\n\t\t\t\t\t\t\t\t\t\ttype=\"Active\"\n\t\t\t\t\t\t\t\t\t\tdescription=\"{Description}\"\n\t\t\t\t\t\t\t\t\t\ticon=\"{ProductPicUrl}\"\n\t\t\t\t\t\t\t\t\t\tinfo=\"{Price} {CurrencyCode}\"\n\t\t\t\t\t\t\t\t\t\ticonDensityAware=\"false\"\n\t\t\t\t\t\t\t\t\t\ticonInset=\"false\" />\n\t\t\t\t\t\t\t</List>\n\t\t\t\t\t\t</WizardStep>\n\t\t\t\t\t\t<WizardStep\n\t\t\t\t\t\t\t\tid=\"PaymentTypeStep\"\n\t\t\t\t\t\t\t\ttitle=\"Payment type\"\n\t\t\t\t\t\t\t\tsubsequentSteps=\"CreditCardStep, BankAccountStep, CashOnDeliveryStep\"\n\t\t\t\t\t\t\t\tcomplete=\"goToPaymentStep\"\n\t\t\t\t\t\t\t\ticon=\"sap-icon://money-bills\">\n\t\t\t\t\t\t\t<Text class=\"sapUiSmallMarginBottom\"\n\t\t\t\t\t\t\t\t\ttext=\"We accept all major credit cards. No extra cost will be charged when paying with a credit card. Bank transfer and Cash on delivery are only possible for inland deliveries. A service charge of 2.99 EUR will be charged for these types of deliveries. Be aware, that for Bank transfers, the shipping will start on the day after the payment is received.\"/>\n\t\t\t\t\t\t\t<HBox\n\t\t\t\t\t\t\t\t\talignItems=\"Center\"\n\t\t\t\t\t\t\t\t\tjustifyContent=\"Center\"\n\t\t\t\t\t\t\t\t\twidth=\"100%\">\n\t\t\t\t\t\t\t\t<SegmentedButton selectionChange=\"setPaymentMethod\" id=\"paymentMethodSelection\" selectedKey=\"{/selectedPayment}\">\n\t\t\t\t\t\t\t\t\t<items>\n\t\t\t\t\t\t\t\t\t\t<SegmentedButtonItem key=\"Credit Card\" icon=\"sap-icon://credit-card\" text=\"Credit card\" />\n\t\t\t\t\t\t\t\t\t\t<SegmentedButtonItem key=\"Bank Transfer\" icon=\"sap-icon://official-service\" text=\"Bank transfer\" />\n\t\t\t\t\t\t\t\t\t\t<SegmentedButtonItem key=\"Cash on Delivery\" icon=\"sap-icon://money-bills\" text=\"Cash on delivery\" />\n\t\t\t\t\t\t\t\t\t</items>\n\t\t\t\t\t\t\t\t</SegmentedButton>\n\t\t\t\t\t\t\t</HBox>\n\t\t\t\t\t\t</WizardStep>\n\t\t\t\t\t\t<WizardStep\n\t\t\t\t\t\t\t\tid=\"CreditCardStep\"\n\t\t\t\t\t\t\t\ttitle=\"Credit card info\"\n\t\t\t\t\t\t\t\tnextStep=\"BillingStep\"\n\t\t\t\t\t\t\t\tactivate=\"checkCreditCardStep\"\n\t\t\t\t\t\t\t\ticon=\"sap-icon://credit-card\">\n\t\t\t\t\t\t\t<MessageStrip text=\"Enter at least 3 symbols for credit card name.\" />\n\t\t\t\t\t\t\t<form:SimpleForm\n\t\t\t\t\t\t\t\t\teditable=\"true\"\n\t\t\t\t\t\t\t\t\tlayout=\"ResponsiveGridLayout\">\n\t\t\t\t\t\t\t\t<Label text=\"Name on card\" required=\"true\" />\n\t\t\t\t\t\t\t\t<Input value=\"{/CreditCard/Name}\" liveChange=\"checkCreditCardStep\" valueLiveUpdate=\"true\" />\n\t\t\t\t\t\t\t\t<Label text=\"Card number\"/>\n\t\t\t\t\t\t\t\t<Input value=\"{/CardNumber}\" />\n\t\t\t\t\t\t\t\t<Label text=\"Security code\" />\n\t\t\t\t\t\t\t\t<Input value=\"{/CreditCard/SecurityCode}\" />\n\t\t\t\t\t\t\t\t<Label text=\"Expiration date\" />\n\t\t\t\t\t\t\t\t<DatePicker value=\"{/CreditCard/Expire}\" />\n\t\t\t\t\t\t\t</form:SimpleForm>\n\t\t\t\t\t\t</WizardStep>\n\t\t\t\t\t\t<WizardStep\n\t\t\t\t\t\t\t\tid=\"BankAccountStep\"\n\t\t\t\t\t\t\t\ttitle=\"Beneficial bank info\"\n\t\t\t\t\t\t\t\tnextStep=\"BillingStep\"\n\t\t\t\t\t\t\t\ticon=\"sap-icon://official-service\">\n\t\t\t\t\t\t\t<Panel>\n\t\t\t\t\t\t\t\t<headerToolbar>\n\t\t\t\t\t\t\t\t\t<Toolbar height=\"0rem\">\n\t\t\t\t\t\t\t\t\t\t<Title text=\"\"/>\n\t\t\t\t\t\t\t\t\t</Toolbar>\n\t\t\t\t\t\t\t\t</headerToolbar>\n\t\t\t\t\t\t\t\t<layout:Grid\n\t\t\t\t\t\t\t\t\t\tdefaultSpan=\"L6 M6 S10\"\n\t\t\t\t\t\t\t\t\t\thSpacing=\"2\">\n\t\t\t\t\t\t\t\t\t<Label text=\"Beneficiary Name\" design=\"Bold\" />\n\t\t\t\t\t\t\t\t\t<Label text=\"Singapore Hardware e-Commerce LTD\" />\n\t\t\t\t\t\t\t\t\t<Label text=\"Beneficiary Bank\" design=\"Bold\" />\n\t\t\t\t\t\t\t\t\t<Label text=\"CITY BANK, SINGAPORE BRANCH\" />\n\t\t\t\t\t\t\t\t\t<Label text=\"Beneficiary Account Number\" design=\"Bold\" />\n\t\t\t\t\t\t\t\t\t<Label text=\"06110702027218\" />\n\t\t\t\t\t\t\t\t\t<Label text=\"Bank Phone Number\" design=\"Bold\" />\n\t\t\t\t\t\t\t\t\t<Label text=\"+65-6224-2622\" />\n\t\t\t\t\t\t\t\t\t<Label text=\"Bank Email Address\" design=\"Bold\" />\n\t\t\t\t\t\t\t\t\t<Label text=\"customerservice@citybank.com\" />\n\t\t\t\t\t\t\t\t</layout:Grid>\n\t\t\t\t\t\t\t</Panel>\n\t\t\t\t\t\t</WizardStep>\n\t\t\t\t\t\t<WizardStep\n\t\t\t\t\t\t\t\tid=\"CashOnDeliveryStep\"\n\t\t\t\t\t\t\t\ttitle=\"Cash on delivery info\"\n\t\t\t\t\t\t\t\tnextStep=\"BillingStep\"\n\t\t\t\t\t\t\t\tactivate=\"checkCashOnDeliveryStep\"\n\t\t\t\t\t\t\t\ticon=\"sap-icon://money-bills\">\n\t\t\t\t\t\t\t<MessageStrip text=\"Enter at least 3 symbols for first name.\" />\n\t\t\t\t\t\t\t<form:SimpleForm\n\t\t\t\t\t\t\t\t\teditable=\"true\"\n\t\t\t\t\t\t\t\t\tlayout=\"ResponsiveGridLayout\">\n\t\t\t\t\t\t\t\t<Label text=\"First Name\" required=\"true\" />\n\t\t\t\t\t\t\t\t<Input value=\"{/CashOnDelivery/FirstName}\" liveChange=\"checkCashOnDeliveryStep\" valueLiveUpdate=\"true\" />\n\t\t\t\t\t\t\t\t<Label text=\"Last Name\" />\n\t\t\t\t\t\t\t\t<Input value=\"{/CashOnDelivery/LastName}\" />\n\t\t\t\t\t\t\t\t<Label text=\"Phone Number\" />\n\t\t\t\t\t\t\t\t<Input value=\"{/CashOnDelivery/Phone Number}\" />\n\t\t\t\t\t\t\t\t<Label text=\"Email address\" />\n\t\t\t\t\t\t\t\t<Input value=\"{/CashOnDelivery/Email}\" />\n\t\t\t\t\t\t\t</form:SimpleForm>\n\t\t\t\t\t\t</WizardStep>\n\t\t\t\t\t\t<WizardStep\n\t\t\t\t\t\t\t\tid=\"BillingStep\"\n\t\t\t\t\t\t\t\ttitle=\"Billing address\"\n\t\t\t\t\t\t\t\tsubsequentSteps=\"DeliveryAddressStep, DeliveryTypeStep\"\n\t\t\t\t\t\t\t\tactivate=\"checkBillingStep\"\n\t\t\t\t\t\t\t\tcomplete=\"billingAddressComplete\"\n\t\t\t\t\t\t\t\ticon=\"sap-icon://sales-quote\">\n\t\t\t\t\t\t\t<MessageStrip text=\"Enter at least 3 symbols for each required field\" />\n\t\t\t\t\t\t\t<form:SimpleForm\n\t\t\t\t\t\t\t\t\teditable=\"true\"\n\t\t\t\t\t\t\t\t\tlayout=\"ResponsiveGridLayout\">\n\t\t\t\t\t\t\t\t<Label text=\"Delivery address is different\" />\n\t\t\t\t\t\t\t\t<CheckBox\n\t\t\t\t\t\t\t\t\t\tselected=\"{/differentDeliveryAddress}\"\n\t\t\t\t\t\t\t\t\t\tselect=\"setDifferentDeliveryAddress\"/>\n\t\t\t\t\t\t\t\t<Label text=\"Address\" required=\"true\" />\n\t\t\t\t\t\t\t\t<Input value=\"{/BillingAddress/Address}\" liveChange=\"checkBillingStep\" valueLiveUpdate=\"true\" />\n\t\t\t\t\t\t\t\t<Label text=\"City\" required=\"true\" />\n\t\t\t\t\t\t\t\t<Input value=\"{/BillingAddress/City}\" liveChange=\"checkBillingStep\" valueLiveUpdate=\"true\" />\n\t\t\t\t\t\t\t\t<Label text=\"Zip Code\" required=\"true\" />\n\t\t\t\t\t\t\t\t<Input value=\"{/BillingAddress/ZipCode}\" liveChange=\"checkBillingStep\" valueLiveUpdate=\"true\" />\n\t\t\t\t\t\t\t\t<Label text=\"Country\" required=\"true\" />\n\t\t\t\t\t\t\t\t<Input value=\"{/BillingAddress/Country}\" liveChange=\"checkBillingStep\" valueLiveUpdate=\"true\" />\n\t\t\t\t\t\t\t\t<Label text=\"Note\" required=\"false\" />\n\t\t\t\t\t\t\t\t<TextArea rows=\"8\" value=\"{/BillingAddress/Note}\" />\n\t\t\t\t\t\t\t</form:SimpleForm>\n\t\t\t\t\t\t</WizardStep>\n\t\t\t\t\t\t<WizardStep\n\t\t\t\t\t\t\t\tid=\"DeliveryAddressStep\"\n\t\t\t\t\t\t\t\ttitle=\"Delivery address\"\n\t\t\t\t\t\t\t\tnextStep=\"DeliveryTypeStep\"\n\t\t\t\t\t\t\t\ticon=\"sap-icon://sales-quote\">\n\t\t\t\t\t\t\t<form:SimpleForm\n\t\t\t\t\t\t\t\t\teditable=\"true\"\n\t\t\t\t\t\t\t\t\tlayout=\"ResponsiveGridLayout\">\n\t\t\t\t\t\t\t\t<Label text=\"Address\" />\n\t\t\t\t\t\t\t\t<Input />\n\t\t\t\t\t\t\t\t<Label text=\"City\" />\n\t\t\t\t\t\t\t\t<Input />\n\t\t\t\t\t\t\t\t<Label text=\"Zip Code\" />\n\t\t\t\t\t\t\t\t<Input />\n\t\t\t\t\t\t\t\t<Label text=\"Country\" />\n\t\t\t\t\t\t\t\t<Input />\n\t\t\t\t\t\t\t\t<Label text=\"Note\" />\n\t\t\t\t\t\t\t\t<TextArea rows=\"8\" />\n\t\t\t\t\t\t\t</form:SimpleForm>\n\t\t\t\t\t\t</WizardStep>\n\t\t\t\t\t\t<WizardStep\n\t\t\t\t\t\t\t\tid=\"DeliveryTypeStep\"\n\t\t\t\t\t\t\t\ttitle=\"Delivery type\"\n\t\t\t\t\t\t\t\ticon=\"sap-icon://insurance-car\">\n\t\t\t\t\t\t\t<Text class=\"sapUiSmallMarginBottom\"\n\t\t\t\t\t\t\t\t\ttext=\"Standard delivery will be delivered within 5 workdays. Be aware, that around high-season sales, standard delivery may take up to one additional day. Express delivery is delivered within 36 hours. A service fee of 5.49 EUR is charged for Express delivery on a workday. For a holiday delivery, the service fee is 8,00 EUR. Express delivery is only available for inland deliveries. All service fees vary for deliveries  abroad.\"/>\n\t\t\t\t\t\t\t<HBox\n\t\t\t\t\t\t\t\t\talignItems=\"Center\"\n\t\t\t\t\t\t\t\t\tjustifyContent=\"Center\"\n\t\t\t\t\t\t\t\t\twidth=\"100%\">\n\t\t\t\t\t\t\t\t<SegmentedButton selectedKey=\"{/selectedDeliveryMethod}\">\n\t\t\t\t\t\t\t\t\t<items>\n\t\t\t\t\t\t\t\t\t\t<SegmentedButtonItem key=\"Standard Delivery\" text=\"Standard\" />\n\t\t\t\t\t\t\t\t\t\t<SegmentedButtonItem key=\"Express Delivery\" text=\"Express\" />\n\t\t\t\t\t\t\t\t\t</items>\n\t\t\t\t\t\t\t\t</SegmentedButton>\n\t\t\t\t\t\t\t</HBox>\n\t\t\t\t\t\t</WizardStep>\n\t\t\t\t\t</Wizard>\n\t\t\t\t</content>\n\t\t\t\t<footer>\n\t\t\t\t\t<OverflowToolbar>\n\t\t\t\t\t\t<ToolbarSpacer/>\n\t\t\t\t\t\t<Button text=\"Cancel\" press=\"handleWizardCancel\"/>\n\t\t\t\t\t</OverflowToolbar>\n\t\t\t\t</footer>\n\t\t\t</Page>\n\t\t\t<Page id=\"wizardBranchingReviewPage\" showHeader=\"false\">\n\t\t\t\t<content>\n\t\t\t\t\t<form:SimpleForm\n\t\t\t\t\t\t\ttitle=\"1. List of products\"\n\t\t\t\t\t\t\tminWidth=\"1024\"\n\t\t\t\t\t\t\teditable=\"false\"\n\t\t\t\t\t\t\tlayout=\"ResponsiveGridLayout\">\n\t\t\t\t\t\t<List mode=\"None\"\n\t\t\t\t\t\t\t\titems=\"{/ProductCollection}\"\n\t\t\t\t\t\t\t\tenableBusyIndicator=\"true\">\n\t\t\t\t\t\t\t<StandardListItem\n\t\t\t\t\t\t\t\t\ttitle=\"{Name}\"\n\t\t\t\t\t\t\t\t\ttype=\"Active\"\n\t\t\t\t\t\t\t\t\tdescription=\"{Description}\"\n\t\t\t\t\t\t\t\t\ticon=\"{ProductPicUrl}\"\n\t\t\t\t\t\t\t\t\tinfo=\"{Price} {CurrencyCode}\"\n\t\t\t\t\t\t\t\t\ticonDensityAware=\"false\"\n\t\t\t\t\t\t\t\t\ticonInset=\"false\" />\n\t\t\t\t\t\t</List>\n\t\t\t\t\t\t<ObjectHeader\n\t\t\t\t\t\t\t\ttitle=\"Total\"\n\t\t\t\t\t\t\t\tnumber=\"{/ProductsTotalPrice}\"\n\t\t\t\t\t\t\t\tnumberUnit=\"EUR\">\n\t\t\t\t\t\t\t<attributes>\n\t\t\t\t\t\t\t\t<ObjectAttribute\n\t\t\t\t\t\t\t\t\t\tpress=\"_navBackToList\"\n\t\t\t\t\t\t\t\t\t\tactive=\"true\"\n\t\t\t\t\t\t\t\t\t\ttext=\"Edit\" />\n\t\t\t\t\t\t\t</attributes>\n\t\t\t\t\t\t</ObjectHeader>\n\t\t\t\t\t</form:SimpleForm>\n\n\t\t\t\t\t<form:SimpleForm\n\t\t\t\t\t\t\ttitle=\"2. Payment type\"\n\t\t\t\t\t\t\tminWidth=\"1024\"\n\t\t\t\t\t\t\teditable=\"false\"\n\t\t\t\t\t\t\tlayout=\"ResponsiveGridLayout\">\n\t\t\t\t\t\t<form:content>\n\t\t\t\t\t\t\t<Label text=\"Chosen payment type\"/>\n\t\t\t\t\t\t\t<Text text=\"{/selectedPayment}\"/>\n\t\t\t\t\t\t\t<Link press=\"_navBackToPaymentType\" text=\"Edit\" />\n\t\t\t\t\t\t</form:content>\n\t\t\t\t\t</form:SimpleForm>\n\n\t\t\t\t\t<form:SimpleForm\n\t\t\t\t\t\t\tvisible=\"{= ${/selectedPayment}==='Credit Card' ? true : false}\"\n\t\t\t\t\t\t\ttitle=\"3. Credit Card payment\"\n\t\t\t\t\t\t\tminWidth=\"1024\"\n\t\t\t\t\t\t\teditable=\"false\"\n\t\t\t\t\t\t\tlayout=\"ResponsiveGridLayout\">\n\t\t\t\t\t\t<form:content>\n\t\t\t\t\t\t\t<Label text=\"Name on card\"/>\n\t\t\t\t\t\t\t<Text text=\"{/CreditCard/Name}\"/>\n\t\t\t\t\t\t\t<Label text=\"Card number\"/>\n\t\t\t\t\t\t\t<Text text=\"{/CardNumber}\"/>\n\t\t\t\t\t\t\t<Label text=\"Security code\"/>\n\t\t\t\t\t\t\t<Text text=\"{/CreditCard/SecurityCode}\"/>\n\t\t\t\t\t\t\t<Label text=\"Expiration date\"/>\n\t\t\t\t\t\t\t<Text text=\"{/CreditCard/Expire}\"/>\n\t\t\t\t\t\t\t<Link press=\"_navBackToCreditCard\" text=\"Edit\" />\n\t\t\t\t\t\t</form:content>\n\t\t\t\t\t</form:SimpleForm>\n\n\t\t\t\t\t<form:SimpleForm\n\t\t\t\t\t\t\tvisible=\"{= ${/selectedPayment}==='Bank Transfer' ? true : false}\"\n\t\t\t\t\t\t\ttitle=\"3. Bank Transfer\"\n\t\t\t\t\t\t\tminWidth=\"1024\"\n\t\t\t\t\t\t\teditable=\"false\"\n\t\t\t\t\t\t\tlayout=\"ResponsiveGridLayout\">\n\t\t\t\t\t\t<form:content>\n\t\t\t\t\t\t\t\t<layout:Grid\n\t\t\t\t\t\t\t\t\t\tdefaultSpan=\"L6 M6 S10\"\n\t\t\t\t\t\t\t\t\t\thSpacing=\"2\">\n\t\t\t\t\t\t\t\t\t<Label text=\"Beneficiary Name\" design=\"Bold\" />\n\t\t\t\t\t\t\t\t\t<Label text=\"Singapore Hardware e-Commerce LTD\" />\n\t\t\t\t\t\t\t\t\t<Label text=\"Beneficiary Bank\" design=\"Bold\" />\n\t\t\t\t\t\t\t\t\t<Label text=\"CITY BANK, SINGAPORE BRANCH\" />\n\t\t\t\t\t\t\t\t\t<Label text=\"Beneficiary Account Number\" design=\"Bold\" />\n\t\t\t\t\t\t\t\t\t<Label text=\"06110702027218\" />\n\t\t\t\t\t\t\t\t\t<Label text=\"Bank Phone Number\" design=\"Bold\" />\n\t\t\t\t\t\t\t\t\t<Label text=\"+65-6224-2622\" />\n\t\t\t\t\t\t\t\t\t<Label text=\"Bank Email Address\" design=\"Bold\" />\n\t\t\t\t\t\t\t\t\t<Label text=\"customerservice@citybank.com\" />\n\t\t\t\t\t\t\t\t</layout:Grid>\n\t\t\t\t\t\t</form:content>\n\t\t\t\t\t</form:SimpleForm>\n\n\t\t\t\t\t<form:SimpleForm\n\t\t\t\t\t\t\tvisible=\"{= ${/selectedPayment}==='Cash on Delivery' ? true : false}\"\n\t\t\t\t\t\t\ttitle=\"3. Cash on delivery\"\n\t\t\t\t\t\t\tminWidth=\"1024\"\n\t\t\t\t\t\t\teditable=\"false\"\n\t\t\t\t\t\t\tlayout=\"ResponsiveGridLayout\">\n\t\t\t\t\t\t<form:content>\n\t\t\t\t\t\t\t<Label text=\"First Name\"/>\n\t\t\t\t\t\t\t<Text text=\"{/CashOnDelivery/FirstName}\"/>\n\t\t\t\t\t\t\t<Label text=\"Last Name\"/>\n\t\t\t\t\t\t\t<Text text=\"{/CashOnDelivery/LastName}\"/>\n\t\t\t\t\t\t\t<Label text=\"Phone number\"/>\n\t\t\t\t\t\t\t<Text text=\"{/CashOnDelivery/Phone Number}\"/>\n\t\t\t\t\t\t\t<Label text=\"Email address\"/>\n\t\t\t\t\t\t\t<Text text=\"{/CashOnDelivery/Email}\"/>\n\t\t\t\t\t\t\t<Link press=\"_navBackToCashOnDelivery\" text=\"Edit\" />\n\t\t\t\t\t\t</form:content>\n\t\t\t\t\t</form:SimpleForm>\n\n\t\t\t\t\t<form:SimpleForm\n\t\t\t\t\t\t\ttitle=\"4. Billing Address\"\n\t\t\t\t\t\t\tminWidth=\"1024\"\n\t\t\t\t\t\t\teditable=\"false\"\n\t\t\t\t\t\t\tlayout=\"ResponsiveGridLayout\">\n\t\t\t\t\t\t<form:content>\n\t\t\t\t\t\t\t<Label text=\"Address\"/>\n\t\t\t\t\t\t\t<Text text=\"{/BillingAddress/Address}\"/>\n\t\t\t\t\t\t\t<Label text=\"City\"/>\n\t\t\t\t\t\t\t<Text text=\"{/BillingAddress/City}\"/>\n\t\t\t\t\t\t\t<Label text=\"Zip Code\"/>\n\t\t\t\t\t\t\t<Text text=\"{/BillingAddress/ZipCode}\"/>\n\t\t\t\t\t\t\t<Label text=\"Country\"/>\n\t\t\t\t\t\t\t<Text text=\"{/BillingAddress/Country}\"/>\n\t\t\t\t\t\t\t<Label text=\"Note\"/>\n\t\t\t\t\t\t\t<Text text=\"{/BillingAddress/Note}\"/>\n\t\t\t\t\t\t\t<Link press=\"_navBackToBillingAddress\" text=\"Edit\" />\n\t\t\t\t\t\t</form:content>\n\t\t\t\t\t</form:SimpleForm>\n\n\t\t\t\t\t<form:SimpleForm\n\t\t\t\t\t\t\ttitle=\"5. Delivery type\"\n\t\t\t\t\t\t\tminWidth=\"1024\"\n\t\t\t\t\t\t\teditable=\"false\"\n\t\t\t\t\t\t\tlayout=\"ResponsiveGridLayout\">\n\t\t\t\t\t\t<form:content>\n\t\t\t\t\t\t\t<Label text=\"Chosen delivery type\"/>\n\t\t\t\t\t\t\t<Text text=\"{/selectedDeliveryMethod}\"/>\n\t\t\t\t\t\t\t<Link press=\"_navBackToDeliveryType\" text=\"Edit\" />\n\t\t\t\t\t\t</form:content>\n\t\t\t\t\t</form:SimpleForm>\n\n\t\t\t\t</content>\n\t\t\t\t<footer>\n\t\t\t\t\t<Bar>\n\t\t\t\t\t\t<contentRight>\n\t\t\t\t\t\t\t<Button text=\"Submit\" press=\"handleWizardSubmit\"/>\n\t\t\t\t\t\t\t<Button text=\"Cancel\" press=\"handleWizardCancel\"/>\n\t\t\t\t\t\t</contentRight>\n\t\t\t\t\t</Bar>\n\t\t\t\t</footer>\n\t\t\t</Page>\n\t\t</pages>\n\t</NavContainer>\n</mvc:View>\n"
517
+ },
518
+ "sap.m/WizardCurrentStep": {
519
+ "Component.js": "sap.ui.define(['sap/ui/core/UIComponent'],\n\tfunction (UIComponent) {\n\t\t\"use strict\";\n\n\t\treturn UIComponent.extend(\"sap.m.sample.WizardCurrentStep.Component\", {\n\n\t\t\tmetadata: {\n\t\t\t\tmanifest: \"json\"\n\t\t\t}\n\t\t});\n\t});\n",
520
+ "controller/Branching.controller.js": "sap.ui.define([\n\t'sap/ui/core/mvc/Controller'\n], function (Controller) {\n\t\"use strict\";\n\n\treturn Controller.extend(\"sap.m.sample.WizardCurrentStep.controller.Branching\", {\n\t\tonInit: function () {\n\t\t\tthis.branchingWizard = this.byId(\"BranchingWizard\");\n\t\t\tthis.radioBtnGroup = this.byId(\"PathSelection\");\n\t\t},\n\n\t\tonAfterRendering: function () {\n\t\t\tthis.applyPath(0);\n\t\t},\n\n\t\tdiscardAndApplyPath: function (event) {\n\t\t\tvar index = event.getParameter(\"selectedIndex\");\n\t\t\tthis.branchingWizard.discardProgress(this.branchingWizard.getSteps()[0]);\n\t\t\tthis._findParentView().byId(\"selectBranchingCurrentStep\").setSelectedKey(this.branchingWizard.getCurrentStep());\n\t\t\tthis.applyPath(index);\n\t\t},\n\n\t\t/**\n\t\t * This simulates some kind of user interraction.\n\t\t * Normally we would have a wizard with some inputs inside the steps, and event listeners on the inputs, that should set the nextStep() association given some condition.\n\t\t * Here we set it predeterminted (from the UI)\n\t\t */\n\t\tapplyPath: function (index) {\n\t\t\tthis._lastPathApplied = index;\n\t\t\tvar pathIds = this.radioBtnGroup.getButtons()[index].getText().split(\"->\");\n\t\t\tfor (var i = 0; i < pathIds.length - 1; i++) {\n\t\t\t\tvar step = this.byId(pathIds[i]);\n\t\t\t\tvar nextStep = this.byId(pathIds[i + 1]);\n\t\t\t\tstep.setNextStep(nextStep);\n\t\t\t}\n\n\t\t\tthis.byId(pathIds[pathIds.length - 1]).setNextStep(null);\n\t\t},\n\n\t\treapplyLastPath: function () {\n\t\t\tthis.applyPath(this._lastPathApplied);\n\t\t},\n\n\t\t_findParentView: function () {\n\t\t\tvar parent = this.getView().getParent();\n\t\t\twhile (parent.getMetadata().getName() !== \"sap.ui.core.mvc.XMLView\") {\n\t\t\t\tparent = parent.getParent();\n\t\t\t}\n\n\t\t\treturn parent;\n\t\t}\n\t});\n});\n",
521
+ "controller/Linear.controller.js": "sap.ui.define([\n\t'sap/ui/core/mvc/Controller',\n\t'sap/ui/core/library'\n], function (Controller, coreLibrary) {\n\t\"use strict\";\n\n\t// shortcut for sap.ui.core.ValueState\n\tvar ValueState = coreLibrary.ValueState;\n\n\treturn Controller.extend(\"sap.m.sample.WizardCurrentStep.controller.Linear\", {\n\t\t_syncSelect: function (sStepId) {\n\t\t\tvar oModel = this.getView().getModel();\n\t\t\toModel.setProperty('/linearWizardSelectedStep', sStepId);\n\t\t},\n\n\t\tvalidateProdInfoStep: function () {\n\t\t\tvar oModel = this.getView().getModel(),\n\t\t\t\toProdInfoStep = this.getView().byId(\"ProductInfoStep\"),\n\t\t\t\toData = oModel.getData(),\n\t\t\t\tbIsValidProdName = !!(oData['productName'] && oData['productName'].length >= 6),\n\t\t\t\tbIsValidProductWeight = !isNaN(oData['productWeight']);\n\n\t\t\toModel.setProperty(\"/productNameState\", bIsValidProdName ? ValueState.None : ValueState.Error);\n\t\t\toModel.setProperty(\"/productWeightState\", bIsValidProductWeight ? ValueState.None : ValueState.Error);\n\n\t\t\toProdInfoStep.setValidated(bIsValidProdName && bIsValidProductWeight);\n\t\t},\n\n\t\tonActivate: function (oEvent) {\n\t\t\tvar sCurrentStepId = oEvent.getParameter(\"id\");\n\t\t\tsCurrentStepId = sCurrentStepId.split('-').pop();\n\n\t\t\tthis._syncSelect(sCurrentStepId);\n\n\t\t\tif (sCurrentStepId === 'ProductInfoStep') {\n\t\t\t\tthis.validateProdInfoStep();\n\t\t\t}\n\t\t}\n\t});\n});\n",
522
+ "controller/WizardCurrentStep.controller.js": "sap.ui.define([\n\t'sap/ui/core/mvc/Controller',\n\t'sap/ui/model/json/JSONModel',\n\t\"sap/m/MessageToast\",\n\t\"sap/base/Log\",\n\t\"sap/ui/dom/jquery/Focusable\" // provides jQuery.fn.firstFocusableDomRef\n], function (Controller, JSONModel, MessageToast, Log) {\n\t\"use strict\";\n\n\treturn Controller.extend(\"sap.m.sample.WizardCurrentStep.controller.WizardCurrentStep\", {\n\t\tonInit: function () {\n\t\t\tthis.linearWizard = this.byId(\"wizardViewLinear\");\n\t\t\tthis.branchingWizard = this.byId(\"wizardViewBranching\");\n\t\t\tthis.model = new JSONModel({\n\t\t\t\tselectedBackgroundDesign: \"Standard\",\n\t\t\t\tselectedShowCase: \"linear\",\n\t\t\t\tlinearWizardSelectedStep: \"PricingStep\"\n\t\t\t});\n\t\t\tthis.getView().setModel(this.model);\n\t\t},\n\n\t\tonCurrentStepChangeLinear: function (event) {\n\t\t\tvar oProductWizard = this.linearWizard.byId(\"CreateProductWizard\");\n\n\t\t\toProductWizard.setCurrentStep(this.byId(\"wizardViewLinear\").byId(event.getParameter(\"selectedItem\").getKey()));\n\t\t},\n\n\t\tonBackgroundDesignChange: function (event) {\n\t\t\tvar oProductWizard = this.linearWizard.byId(\"CreateProductWizard\"),\n\t\t\t\toBranchingWizard = this.branchingWizard.byId(\"BranchingWizard\");\n\n\t\t\toProductWizard.setBackgroundDesign(event.getParameter(\"selectedItem\").getKey());\n\t\t\toBranchingWizard.setBackgroundDesign(event.getParameter(\"selectedItem\").getKey());\n\t\t},\n\n\t\tonCurrentStepChangeBranching: function (event) {\n\t\t\tvar oBranchingWizard = this.branchingWizard.byId(\"BranchingWizard\");\n\n\t\t\ttry {\n\t\t\t\toBranchingWizard.setCurrentStep(this.byId(\"wizardViewBranching\").byId(event.getParameter(\"selectedItem\").getKey()));\n\t\t\t} catch (ex) {\n\t\t\t\tMessageToast.show(ex);\n\t\t\t\tLog.error(ex);\n\t\t\t\tthis.byId(\"selectBranchingCurrentStep\").setSelectedKey(this.branchingWizard.getCurrentStep());\n\t\t\t\tthis.byId(\"wizardViewBranching\").byId(\"BranchingWizard\").getSteps()[0].$().firstFocusableDomRef().focus();\n\t\t\t\tthis.byId(\"wizardViewBranching\").getController().reapplyLastPath();\n\t\t\t}\n\t\t}\n\t});\n});\n",
523
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.m.sample.WizardCurrentStep\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.m.sample.WizardCurrentStep.view.WizardCurrentStep\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.m\": {},\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.layout\": {},\n\t\t\t\t\"sap.ui.unified\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"stretch\": true,\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"view/WizardCurrentStep.view.xml\",\n\t\t\t\t\t\"view/Branching.view.xml\",\n\t\t\t\t\t\"view/Linear.view.xml\",\n\t\t\t\t\t\"controller/WizardCurrentStep.controller.js\",\n\t\t\t\t\t\"controller/Branching.controller.js\",\n\t\t\t\t\t\"controller/Linear.controller.js\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
524
+ "view/Branching.view.xml": "<mvc:View\n\theight=\"100%\"\n\tcontrollerName=\"sap.m.sample.WizardCurrentStep.controller.Branching\"\n\txmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns=\"sap.m\">\n\t<Wizard\n\t\tid=\"BranchingWizard\"\n\t\tenableBranching=\"true\"\n\t\tclass=\"sapUiResponsivePadding--header sapUiResponsivePadding--content\">\n\t\t<WizardStep validated=\"false\" id=\"A\" title=\"A\" subsequentSteps=\"B1, B2\">\n\n\t\t\t<RadioButtonGroup id=\"PathSelection\" select=\"discardAndApplyPath\">\n\t\t\t\t<buttons>\n\t\t\t\t\t<RadioButton text=\"A->B1->C->D->E->F1->F2->G\"/>\n\t\t\t\t\t<RadioButton text=\"A->B2->C->D->E->F1->G\" />\n\t\t\t\t\t<RadioButton text=\"A->B1->B2->C->D->E\" />\n\t\t\t\t</buttons>\n\t\t\t</RadioButtonGroup>\n\n\t\t</WizardStep>\n\t\t<WizardStep validated=\"false\" id=\"B1\" title=\"B1\" nextStep=\"C\" />\n\t\t<WizardStep validated=\"false\" id=\"B2\" title=\"B2\" nextStep=\"C\" />\n\t\t<WizardStep validated=\"false\" id=\"C\" title=\"C\" nextStep=\"D\" />\n\t\t<WizardStep validated=\"false\" id=\"D\" title=\"D\" nextStep=\"E\" />\n\t\t<WizardStep validated=\"false\" id=\"E\" title=\"E\" subsequentSteps=\"F1, F2\" />\n\t\t<WizardStep validated=\"false\" id=\"F1\" title=\"F1\" nextStep=\"G\" />\n\t\t<WizardStep validated=\"false\" id=\"F2\" title=\"F2\" nextStep=\"G\" />\n\t\t<WizardStep validated=\"false\" id=\"G\" title=\"G\" />\n\t</Wizard>\n</mvc:View>\n",
525
+ "view/Linear.view.xml": "<mvc:View\n\theight=\"100%\"\n\tcontrollerName=\"sap.m.sample.WizardCurrentStep.controller.Linear\"\n\txmlns:form=\"sap.ui.layout.form\"\n\txmlns:core=\"sap.ui.core\"\n\txmlns:u=\"sap.ui.unified\"\n\txmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns=\"sap.m\">\n\t<Wizard\n\t\tid=\"CreateProductWizard\"\n\t\tfinishButtonText=\"Finish\"\n\t\tcurrentStep=\"PricingStep\"\n\t\tclass=\"sapUiResponsivePadding--header sapUiResponsivePadding--content\">\n\t\t<WizardStep id=\"ProductTypeStep\"\n\t\t\t\t\ttitle=\"Product Type\"\n\t\t\t\t\tactivate=\"onActivate\">\n\t\t\t<MessageStrip class=\"sapUiSmallMarginBottom\"\n\t\t\t\t\ttext=\"The Wizard control is supposed to break down large tasks, into smaller steps, easier for the user to work with.\"\n\t\t\t\t\tshowIcon=\"true\"/>\n\t\t\t<Text class=\"sapUiSmallMarginBottom\"\n\t\t\t\t\ttext=\"Sed fermentum, mi et tristique ullamcorper, sapien sapien faucibus sem, quis pretium nibh lorem malesuada diam. Nulla quis arcu aliquet, feugiat massa semper, volutpat diam. Nam vitae ante posuere, molestie neque sit amet, dapibus velit. Maecenas eleifend tempor lorem. Mauris vitae elementum mi, sed eleifend ligula. Nulla tempor vulputate dolor, nec dignissim quam convallis ut. Praesent vitae commodo felis, ut iaculis felis. Fusce quis eleifend sapien, eget facilisis nibh. Suspendisse est velit, scelerisque ut commodo eget, dignissim quis metus. Cras faucibus consequat gravida. Curabitur vitae quam felis. Phasellus ac leo eleifend, commodo tortor et, varius quam. Aliquam erat volutpat\"/>\n\t\t\t<HBox\n\t\t\t\t\talignItems=\"Center\"\n\t\t\t\t\tjustifyContent=\"Center\"\n\t\t\t\t\twidth=\"100%\">\n\t\t\t\t<SegmentedButton\n\t\t\t\t\t\twidth=\"320px\">\n\t\t\t\t\t<Button icon=\"sap-icon://iphone\" text=\"Mobile\"/>\n\t\t\t\t\t<Button icon=\"sap-icon://sys-monitor\" text=\"Desktop\"/>\n\t\t\t\t\t<Button icon=\"sap-icon://database\" text=\"Other\"/>\n\t\t\t\t</SegmentedButton>\n\t\t\t</HBox>\n\t\t</WizardStep>\n\t\t<WizardStep id=\"ProductInfoStep\"\n\t\t\t\t\ttitle=\"Product Information\"\n\t\t\t\t\tactivate=\"onActivate\">\n\t\t\t<MessageStrip class=\"sapUiSmallMarginBottom\"\n\t\t\t\t\ttext=\"Validation in the wizard is controlled by calling the validateStep(Step) and invalidateStep(Step) methods \"\n\t\t\t\t\tshowIcon=\"true\"/>\n\t\t\t<Text text=\"Cras tellus leo, volutpat vitae ullamcorper eu, posuere malesuada nisl. Integer pellentesque leo sit amet dui vehicula, quis ullamcorper est pulvinar. Nam in libero sem. Suspendisse arcu metus, molestie a turpis a, molestie aliquet dui. Donec pulvinar, sapien et viverra imperdiet, orci erat porttitor nulla, eget commodo metus nibh nec ipsum. Aliquam lacinia euismod metus, sollicitudin pellentesque purus volutpat eget. Pellentesque egestas erat quis eros convallis mattis. Mauris hendrerit sapien a malesu corper eu, posuere malesuada nisl. Integer pellentesque leo sit amet dui vehicula, quis ullamcorper est pulvinar. Nam in libero sem. Suspendisse arcu metus, molestie a turpis a, molestie aliquet dui. Donec pulvinar, sapien\tcorper eu, posuere malesuada nisl. Integer pellentesque leo sit amet dui vehicula, quis ullamcorper est pulvinar. Nam in libero sem. Suspendisse arcu metus, molestie a turpis a, molestie aliquet dui. Donec pulvinar, sapien\t\"/>\n\t\t\t<form:SimpleForm\n\t\t\t\t\teditable=\"true\"\n\t\t\t\t\tlayout=\"ResponsiveGridLayout\">\n\t\t\t\t<Label text=\"Name\" required=\"true\"/>\n\t\t\t\t<Input valueStateText=\"Enter 6 symbols or more\"\n\t\t\t\t\t\tvalueState=\"{/productNameState}\" id=\"ProductName\"\n\t\t\t\t\t\tchange=\"validateProdInfoStep\"\n\t\t\t\t\t\tplaceholder=\"Enter name with length greater than 6\" value=\"{/productName}\"/>\n\t\t\t\t<Label text=\"Weight\" required=\"true\"/>\n\t\t\t\t<Input valueStateText=\"Enter digits\"\n\t\t\t\t\t\tvalueState=\"{/productWeightState}\" id=\"ProductWeight\"\n\t\t\t\t\t\tchange=\"validateProdInfoStep\"\n\t\t\t\t\t\ttype=\"Number\" placeholder=\"Enter digits\"\n\t\t\t\t\t\tvalue=\"{/productWeight}\"/>\n\t\t\t\t<Label text=\"Manufacturer\"/>\n\t\t\t\t<Select selectedKey=\"{/productManufacturer}\">\n\t\t\t\t\t<core:Item key=\"Apple\" text=\"Apple\"/>\n\t\t\t\t\t<core:Item key=\"Microsoft\" text=\"Microsoft\"/>\n\t\t\t\t\t<core:Item key=\"Google\" text=\"Google\"/>\n\t\t\t\t\t<core:Item key=\"Sony\" text=\"Sony\"/>\n\t\t\t\t\t<core:Item key=\"Samsung\" text=\"Samsung\"/>\n\t\t\t\t\t<core:Item key=\"Logitech\" text=\"Logitech\"/>\n\t\t\t\t</Select>\n\t\t\t\t<Label text=\"Description\"/>\n\t\t\t\t<TextArea value=\"{/productDescription}\" rows=\"8\"/>\n\t\t\t</form:SimpleForm>\n\t\t</WizardStep>\n\t\t<WizardStep id=\"OptionalInfoStep\"\n\t\t\t\t\toptional=\"true\"\n\t\t\t\t\ttitle=\"Additional Information\"\n\t\t\t\t\tactivate=\"onActivate\">\n\t\t\t<MessageStrip class=\"sapUiSmallMarginBottom\"\n\t\t\t\t\ttext=\"You can validate steps by default with the validated='true' property of the step. The next button is always enabled.\"\n\t\t\t\t\tshowIcon=\"true\"/>\n\t\t\t<Text text=\"Integer pellentesque leo sit amet dui vehicula, quis ullamcorper est pulvinar. Nam in libero sem. Suspendisse arcu metus, molestie a turpis a, molestie aliquet dui. Donec ppellentesque leo sit amet dui vehicula, quis ullamcorper est pulvinar. Nam in libero sem. Suspendisse arcu metus, molestie a turpis a, molestie aliquet dui. Donec pulvinar, sapien\tcorper eu, posuere malesuada nisl. Integer pellentesque leo sit amet dui vehicula, quis ullamcorper est pulvinar. Nam in libero sem. Suspendisse arcu metus, molestie a turpis a, molestie aliquet dui. Donec pulvinar, sapien\t\"/>\n\t\t\t<form:SimpleForm\n\t\t\t\t\teditable=\"true\"\n\t\t\t\t\tlayout=\"ResponsiveGridLayout\">\n\t\t\t\t<Label text=\"Cover photo\"/>\n\t\t\t\t<u:FileUploader\n\t\t\t\t\t\twidth=\"400px\"\n\t\t\t\t\t\ttooltip=\"Upload product cover photo to the local server\"\n\t\t\t\t\t\tstyle=\"Emphasized\"\n\t\t\t\t\t\tplaceholder=\"Choose a file for Upload...\"/>\n\t\t\t\t<Label text=\"Manufacturing date\"/>\n\t\t\t\t<DatePicker\n\t\t\t\t\t\tid=\"DP3\"\n\t\t\t\t\t\tdisplayFormat=\"short\"/>\n\t\t\t\t<Label text=\"Availability\"/>\n\t\t\t\t<SegmentedButton selectedButton=\"inStock\">\n\t\t\t\t\t<Button text=\"In store\" id=\"inStock\"/>\n\t\t\t\t\t<Button text=\"In depot\"/>\n\t\t\t\t\t<Button text=\"In repository\"/>\n\t\t\t\t\t<Button text=\"Out of stock\"/>\n\t\t\t\t</SegmentedButton>\n\t\t\t\t<Label text=\"Size\"/>\n\t\t\t\t<Input/>\n\t\t\t\t<ComboBox maxWidth=\"100px\">\n\t\t\t\t\t<core:Item key=\"X\" text=\"X\"/>\n\t\t\t\t\t<core:Item key=\"Y\" text=\"Y\"/>\n\t\t\t\t\t<core:Item key=\"Z\" text=\"Z\"/>\n\t\t\t\t</ComboBox>\n\t\t\t</form:SimpleForm>\n\t\t</WizardStep>\n\t\t<WizardStep id=\"PricingStep\"\n\t\t\t\t\ttitle=\"Pricing\"\n\t\t\t\t\tactivate=\"onActivate\">\n\t\t\t<MessageStrip class=\"sapUiSmallMarginBottom\"\n\t\t\t\t\ttext=\"You can use the wizard previousStep() and nextStep() methods to navigate from step to step without validation. Also you can use the GoToStep(step) method to scroll programmatically to previously visited steps.\"\n\t\t\t\t\tshowIcon=\"true\"/>\n\t\t\t<form:SimpleForm\n\t\t\t\t\teditable=\"true\"\n\t\t\t\t\tlayout=\"ResponsiveGridLayout\">\n\t\t\t\t<Label text=\"Price\"/>\n\t\t\t\t<Input value=\"{/productPrice}\"/>\n\t\t\t\t<Label text=\"Discount group\"/>\n\t\t\t\t<MultiComboBox>\n\t\t\t\t\t<core:Item key=\"Kids\" text=\"Kids\"/>\n\t\t\t\t\t<core:Item key=\"Teens\" text=\"Teens\"/>\n\t\t\t\t\t<core:Item key=\"Adults\" text=\"Adults\"/>\n\t\t\t\t\t<core:Item key=\"Elderly\" text=\"Elderly\"/>\n\t\t\t\t</MultiComboBox>\n\t\t\t\t<Label text=\" VAT is included\"/>\n\t\t\t\t<CheckBox selected=\"{/productVAT}\"/>\n\t\t\t</form:SimpleForm>\n\t\t</WizardStep>\n\t</Wizard>\n</mvc:View>\n",
526
+ "view/WizardCurrentStep.view.xml": "<mvc:View\n\t\theight=\"100%\"\n\t\tcontrollerName=\"sap.m.sample.WizardCurrentStep.controller.WizardCurrentStep\"\n\t\txmlns:core=\"sap.ui.core\"\n\t\txmlns:mvc=\"sap.ui.core.mvc\"\n\t\txmlns=\"sap.m\">\n\t\t<NavContainer id=\"wizardNavContainer\">\n\t\t\t<pages>\n\t\t\t\t<Page\n\t\t\t\tid=\"wizardContentPage\"\n\t\t\t\tshowHeader=\"true\">\n\t\t\t\t\t<customHeader>\n\t\t\t\t\t\t<Bar>\n\t\t\t\t\t\t\t<contentRight>\n\t\t\t\t\t\t\t\t<SegmentedButton selectedKey=\"{/selectedShowCase}\">\n\t\t\t\t\t\t\t\t\t<items>\n\t\t\t\t\t\t\t\t\t\t<SegmentedButtonItem text=\"Linear case\" key=\"linear\" />\n\t\t\t\t\t\t\t\t\t\t<SegmentedButtonItem text=\"Branching case\" key=\"branching\" width=\"150px\" />\n\t\t\t\t\t\t\t\t\t</items>\n\t\t\t\t\t\t\t\t</SegmentedButton>\n\t\t\t\t\t\t\t</contentRight>\n\t\t\t\t\t\t</Bar>\n\t\t\t\t\t</customHeader>\n\t\t\t\t\t<subHeader>\n\t\t\t\t\t\t<Bar>\n\t\t\t\t\t\t\t<contentRight>\n\t\t\t\t\t\t\t\t<Label text=\"Set current step: \" />\n\t\t\t\t\t\t\t\t<Select change=\"onCurrentStepChangeLinear\" selectedKey=\"{/linearWizardSelectedStep}\" visible=\"{= ${/selectedShowCase} === 'linear'}\">\n\t\t\t\t\t\t\t\t\t<core:Item text=\"ProductTypeStep\" key=\"ProductTypeStep\" />\n\t\t\t\t\t\t\t\t\t<core:Item text=\"ProductInfoStep\" key=\"ProductInfoStep\" />\n\t\t\t\t\t\t\t\t\t<core:Item text=\"OptionalInfoStep\" key=\"OptionalInfoStep\" />\n\t\t\t\t\t\t\t\t\t<core:Item text=\"PricingStep\" key=\"PricingStep\" />\n\t\t\t\t\t\t\t\t</Select>\n\t\t\t\t\t\t\t\t<Select id=\"selectBranchingCurrentStep\" change=\"onCurrentStepChangeBranching\" selectedKey=\"A\" visible=\"{= ${/selectedShowCase} === 'branching'}\">\n\t\t\t\t\t\t\t\t\t<core:Item text=\"A\" key=\"A\" />\n\t\t\t\t\t\t\t\t\t<core:Item text=\"B1\" key=\"B1\" />\n\t\t\t\t\t\t\t\t\t<core:Item text=\"B2\" key=\"B2\" />\n\t\t\t\t\t\t\t\t\t<core:Item text=\"C\" key=\"C\" />\n\t\t\t\t\t\t\t\t\t<core:Item text=\"D\" key=\"D\" />\n\t\t\t\t\t\t\t\t\t<core:Item text=\"E\" key=\"E\" />\n\t\t\t\t\t\t\t\t\t<core:Item text=\"F1\" key=\"F1\" />\n\t\t\t\t\t\t\t\t\t<core:Item text=\"F2\" key=\"F2\" />\n\t\t\t\t\t\t\t\t\t<core:Item text=\"G\" key=\"G\" />\n\t\t\t\t\t\t\t\t</Select>\n\t\t\t\t\t\t\t</contentRight>\n\t\t\t\t\t\t</Bar>\n\t\t\t\t\t</subHeader>\n\t\t\t\t\t<content>\n\t\t\t\t\t\t<mvc:XMLView\n\t\t\t\t\t\t\tid=\"wizardViewLinear\"\n\t\t\t\t\t\t\tasync=\"true\"\n\t\t\t\t\t\t\tvisible=\"{= ${/selectedShowCase} === 'linear' }\"\n\t\t\t\t\t\t\tviewName=\"sap.m.sample.WizardCurrentStep.view.Linear\" />\n\t\t\t\t\t\t<mvc:XMLView\n\t\t\t\t\t\t\tid=\"wizardViewBranching\"\n\t\t\t\t\t\t\tasync=\"true\"\n\t\t\t\t\t\t\tvisible=\"{= ${/selectedShowCase} === 'branching' }\"\n\t\t\t\t\t\t\tviewName=\"sap.m.sample.WizardCurrentStep.view.Branching\" />\n\t\t\t\t\t</content>\n\t\t\t\t\t<footer>\n\t\t\t\t\t\t<Bar>\n\t\t\t\t\t\t\t<contentRight>\n\t\t\t\t\t\t\t\t<Label text=\"Set background design: \" />\n\t\t\t\t\t\t\t\t<Select change=\"onBackgroundDesignChange\" selectedKey=\"{/selectedBackgroundDesign}\">\n\t\t\t\t\t\t\t\t\t<core:Item text=\"Standard\" key=\"Standard\" />\n\t\t\t\t\t\t\t\t\t<core:Item text=\"Solid\" key=\"Solid\" />\n\t\t\t\t\t\t\t\t\t<core:Item text=\"List\" key=\"List\" />\n\t\t\t\t\t\t\t\t\t<core:Item text=\"Transparent\" key=\"Transparent\" />\n\t\t\t\t\t\t\t\t</Select>\n\t\t\t\t\t\t\t</contentRight>\n\t\t\t\t\t\t</Bar>\n\t\t\t\t\t</footer>\n\t\t\t\t</Page>\n\t\t\t</pages>\n\t\t</NavContainer>\n</mvc:View>\n"
527
+ },
528
+ "sap.m/WizardSingleStep": {
529
+ "Component.js": "sap.ui.define(['sap/ui/core/UIComponent'],\nfunction (UIComponent) {\n\t\"use strict\";\n\n\treturn UIComponent.extend(\"sap.m.sample.WizardSingleStep.Component\", {\n\n\t\tmetadata: {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n});\n",
530
+ "controller/WizardSingleStep.controller.js": "sap.ui.define([\n\t'sap/ui/core/mvc/Controller',\n\t'sap/ui/model/json/JSONModel',\n\t\"sap/m/MessageToast\",\n\t\"sap/m/MessageBox\",\n\t\"sap/ui/core/Fragment\",\n\t\"sap/ui/core/library\"\n], function (Controller, JSONModel, MessageToast, MessageBox, Fragment, CoreLibrary) {\n\t\"use strict\";\n\n\tvar ValueState = CoreLibrary.ValueState,\n\t\toData = {\n\t\t\tproductNameState: ValueState.Error,\n\t\t\tproductWeightState: ValueState.Error,\n\t\t\tproductType: \"Mobile\",\n\t\t\treviewButton: false,\n\t\t\tbackButtonVisible: false,\n\t\t\tavailabilityType: \"In store\",\n\t\t\tproductVAT: false,\n\t\t\tmeasurement: \"\",\n\t\t\tproductManufacturer: \"N/A\",\n\t\t\tproductDescription: \"N/A\",\n\t\t\tsize: \"N/A\",\n\t\t\tproductPrice: \"N/A\",\n\t\t\tmanufacturingDate: \"N/A\",\n\t\t\tdiscountGroup: \"\"\n\t\t};\n\n\treturn Controller.extend(\"sap.m.sample.WizardSingleStep.controller.WizardSingleStep\", {\n\t\tonInit: function () {\n\t\t\tvar oModel = new JSONModel(),\n\t\t\t\toInitialModelState = Object.assign({}, oData);\n\n\t\t\toModel.setData(oInitialModelState);\n\t\t\tthis.getView().setModel(oModel);\n\t\t},\n\n\t\thandleOpenDialog: function () {\n\t\t\tvar oView = this.getView();\n\n\t\t\t// create Dialog\n\t\t\tif (!this._pDialog) {\n\t\t\t\tthis._pDialog = Fragment.load({\n\t\t\t\t\tid: oView.getId(),\n\t\t\t\t\tname: \"sap.m.sample.WizardSingleStep.view.WizardSingleStep\",\n\t\t\t\t\tcontroller: this\n\t\t\t\t}).then(function(oDialog) {\n\t\t\t\t\toDialog.attachAfterOpen(this.onDialogAfterOpen, this);\n\t\t\t\t\toView.addDependent(oDialog);\n\t\t\t\t\toDialog.bindElement(\"/ProductCollection/0\");\n\t\t\t\t\treturn oDialog;\n\t\t\t\t}.bind(this));\n\t\t\t}\n\t\t\tthis._pDialog.then(function(oDialog){\n\t\t\t\toDialog.open();\n\t\t\t});\n\t\t},\n\n\t\tonDialogAfterOpen: function () {\n\t\t\tthis._oWizard = this.byId(\"CreateProductWizard\");\n\t\t\tthis._iSelectedStepIndex = 0;\n\t\t\tthis._oSelectedStep = this._oWizard.getSteps()[this._iSelectedStepIndex];\n\n\t\t\tthis.handleButtonsVisibility();\n\t\t},\n\n\t\thandleButtonsVisibility: function () {\n\t\t\tvar oModel = this.getView().getModel();\n\t\t\tswitch (this._iSelectedStepIndex){\n\t\t\t\tcase 0:\n\t\t\t\t\toModel.setProperty(\"/nextButtonVisible\", true);\n\t\t\t\t\toModel.setProperty(\"/nextButtonEnabled\", true);\n\t\t\t\t\toModel.setProperty(\"/backButtonVisible\", false);\n\t\t\t\t\toModel.setProperty(\"/reviewButtonVisible\", false);\n\t\t\t\t\toModel.setProperty(\"/finishButtonVisible\", false);\n\t\t\t\t\tbreak;\n\t\t\t\tcase 1:\n\t\t\t\t\toModel.setProperty(\"/backButtonVisible\", true);\n\t\t\t\t\toModel.setProperty(\"/nextButtonVisible\", true);\n\t\t\t\t\toModel.setProperty(\"/reviewButtonVisible\", false);\n\t\t\t\t\toModel.setProperty(\"/finishButtonVisible\", false);\n\t\t\t\t\tbreak;\n\t\t\t\tcase 2:\n\t\t\t\t\toModel.setProperty(\"/nextButtonVisible\", true);\n\t\t\t\t\toModel.setProperty(\"/backButtonVisible\", true);\n\t\t\t\t\toModel.setProperty(\"/reviewButtonVisible\", false);\n\t\t\t\t\toModel.setProperty(\"/finishButtonVisible\", false);\n\t\t\t\t\tbreak;\n\t\t\t\tcase 3:\n\t\t\t\t\toModel.setProperty(\"/nextButtonVisible\", false);\n\t\t\t\t\toModel.setProperty(\"/backButtonVisible\", true);\n\t\t\t\t\toModel.setProperty(\"/reviewButtonVisible\", true);\n\t\t\t\t\toModel.setProperty(\"/finishButtonVisible\", false);\n\t\t\t\t\tbreak;\n\t\t\t\tcase 4:\n\t\t\t\t\toModel.setProperty(\"/nextButtonVisible\", false);\n\t\t\t\t\toModel.setProperty(\"/finishButtonVisible\", true);\n\t\t\t\t\toModel.setProperty(\"/backButtonVisible\", false);\n\t\t\t\t\toModel.setProperty(\"/reviewButtonVisible\", false);\n\t\t\t\t\tbreak;\n\t\t\t\tdefault: break;\n\t\t\t}\n\n\t\t},\n\n\t\thandleNavigationChange: function (oEvent) {\n\t\t\tthis._oSelectedStep = oEvent.getParameter(\"step\");\n\t\t\tthis._iSelectedStepIndex = this._oWizard.getSteps().indexOf(this._oSelectedStep);\n\t\t\tthis.handleButtonsVisibility();\n\t\t},\n\n\t\tsetProductType: function (oEvent) {\n\t\t\tvar sProductType = oEvent.getSource().getTitle();\n\t\t\tthis.getView().getModel().setProperty(\"/productType\", sProductType);\n\t\t\tthis.byId(\"ProductStepChosenType\").setText(\"Chosen product type: \" + sProductType);\n\t\t\tthis._oWizard.validateStep(this.byId(\"ProductTypeStep\"));\n\t\t},\n\n\t\tsetProductTypeFromSegmented: function (oEvent) {\n\t\t\tvar sProductType = oEvent.getParameters().item.getText();\n\t\t\tthis.getView().getModel().setProperty(\"/productType\", sProductType);\n\t\t\tthis._oWizard.validateStep(this.byId(\"ProductTypeStep\"));\n\t\t},\n\n\t\tadditionalInfoValidation: function () {\n\t\t\tvar oModel = this.getView().getModel(),\n\t\t\t\tsName = this.byId(\"ProductName\").getValue(),\n\t\t\t\tiWeight = parseInt(this.byId(\"ProductWeight\").getValue());\n\n\t\t\tthis.handleButtonsVisibility();\n\n\t\t\tif (isNaN(iWeight)) {\n\t\t\t\tthis._oWizard.setCurrentStep(this.byId(\"ProductInfoStep\"));\n\t\t\t\toModel.setProperty(\"/productWeightState\", ValueState.Error);\n\t\t\t} else {\n\t\t\t\toModel.setProperty(\"/productWeightState\", ValueState.None);\n\t\t\t}\n\n\t\t\tif (sName.length < 6) {\n\t\t\t\tthis._oWizard.setCurrentStep(this.byId(\"ProductInfoStep\"));\n\t\t\t\toModel.setProperty(\"/productNameState\", ValueState.Error);\n\t\t\t} else {\n\t\t\t\toModel.setProperty(\"/productNameState\", ValueState.None);\n\t\t\t}\n\n\t\t\tif (sName.length < 6 || isNaN(iWeight)) {\n\t\t\t\tthis._oWizard.invalidateStep(this.byId(\"ProductInfoStep\"));\n\t\t\t\toModel.setProperty(\"/nextButtonEnabled\", false);\n\t\t\t\toModel.setProperty(\"/finishButtonVisible\", false);\n\t\t\t} else {\n\t\t\t\tthis._oWizard.validateStep(this.byId(\"ProductInfoStep\"));\n\t\t\t\toModel.setProperty(\"/nextButtonEnabled\", true);\n\t\t\t}\n\t\t},\n\n\t\toptionalStepActivation: function () {\n\t\t\tMessageToast.show(\n\t\t\t\t'This event is fired on activate of Step3.'\n\t\t\t);\n\t\t},\n\t\toptionalStepCompletion: function () {\n\t\t\tMessageToast.show(\n\t\t\t\t'This event is fired on complete of Step3. You can use it to gather the information, and lock the input data.'\n\t\t\t);\n\t\t},\n\n\t\teditStepOne: function () {\n\t\t\tthis._handleNavigationToStep(0);\n\t\t},\n\n\t\teditStepTwo: function () {\n\t\t\tthis._handleNavigationToStep(1);\n\t\t},\n\n\t\teditStepThree: function () {\n\t\t\tthis._handleNavigationToStep(2);\n\t\t},\n\n\t\teditStepFour: function () {\n\t\t\tthis._handleNavigationToStep(3);\n\t\t},\n\n\t\t_handleNavigationToStep: function (iStepNumber) {\n\t\t\tthis._pDialog.then(function(oDialog){\n\t\t\t\toDialog.open();\n\t\t\t\tthis._oWizard.goToStep(this._oWizard.getSteps()[iStepNumber], true);\n\t\t\t}.bind(this));\n\t\t},\n\n\t\t_handleMessageBoxOpen: function (sMessage, sMessageBoxType) {\n\t\t\tMessageBox[sMessageBoxType](sMessage, {\n\t\t\t\tactions: [MessageBox.Action.YES, MessageBox.Action.NO],\n\t\t\t\tonClose: function (oAction) {\n\t\t\t\t\tif (oAction === MessageBox.Action.YES) {\n\t\t\t\t\t\tthis._oWizard.discardProgress(this._oWizard.getSteps()[0]);\n\t\t\t\t\t\tthis.byId(\"wizardDialog\").close();\n\t\t\t\t\t\tthis.getView().getModel().setData(Object.assign({}, oData));\n\t\t\t\t\t}\n\t\t\t\t}.bind(this)\n\t\t\t});\n\t\t},\n\n\t\tonDialogNextButton: function () {\n\t\t\tthis._iSelectedStepIndex = this._oWizard.getSteps().indexOf(this._oSelectedStep);\n\t\t\tvar oNextStep = this._oWizard.getSteps()[this._iSelectedStepIndex + 1];\n\n\t\t\tif (this._oSelectedStep && !this._oSelectedStep.bLast) {\n\t\t\t\tthis._oWizard.goToStep(oNextStep, true);\n\t\t\t} else {\n\t\t\t\tthis._oWizard.nextStep();\n\t\t\t}\n\n\t\t\tthis._iSelectedStepIndex++;\n\t\t\tthis._oSelectedStep = oNextStep;\n\n\t\t\tthis.handleButtonsVisibility();\n\t\t},\n\n\t\tonDialogBackButton: function () {\n\t\t\tthis._iSelectedStepIndex = this._oWizard.getSteps().indexOf(this._oSelectedStep);\n\t\t\tvar oPreviousStep = this._oWizard.getSteps()[this._iSelectedStepIndex - 1];\n\n\t\t\tif (this._oSelectedStep) {\n\t\t\t\tthis._oWizard.goToStep(oPreviousStep, true);\n\t\t\t} else {\n\t\t\t\tthis._oWizard.previousStep();\n\t\t\t}\n\n\t\t\tthis._iSelectedStepIndex--;\n\t\t\tthis._oSelectedStep = oPreviousStep;\n\n\t\t\tthis.handleButtonsVisibility();\n\t\t},\n\n\t\thandleWizardCancel: function () {\n\t\t\tthis._handleMessageBoxOpen(\"Are you sure you want to cancel your report?\", \"warning\");\n\t\t},\n\n\t\thandleWizardSubmit: function () {\n\t\t\tthis._handleMessageBoxOpen(\"Are you sure you want to submit your report?\", \"confirm\");\n\t\t},\n\n\t\tproductWeighStateFormatter: function (oVal) {\n\t\t\treturn isNaN(oVal) ? ValueState.Error : ValueState.None;\n\t\t},\n\n\t\tdiscardProgress: function () {\n\t\t\tvar oModel = this.getView().getModel();\n\t\t\tthis._oWizard.discardProgress(this.byId(\"ProductTypeStep\"));\n\n\t\t\tvar clearContent = function (aContent) {\n\t\t\t\tfor (var i = 0; i < aContent.length; i++) {\n\t\t\t\t\tif (aContent[i].setValue) {\n\t\t\t\t\t\taContent[i].setValue(\"\");\n\t\t\t\t\t}\n\n\t\t\t\t\tif (aContent[i].getContent) {\n\t\t\t\t\t\tclearContent(aContent[i].getContent());\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t};\n\n\t\t\toModel.setProperty(\"/productWeightState\", ValueState.Error);\n\t\t\toModel.setProperty(\"/productNameState\", ValueState.Error);\n\t\t\tclearContent(this._oWizard.getSteps());\n\t\t}\n\t});\n});\n",
531
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.m.sample.WizardSingleStep\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.m.sample.WizardSingleStep.view.WizardSingleStep\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.m\": {},\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.layout\": {},\n\t\t\t\t\"sap.ui.unified\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"stretch\": true,\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"view/WizardSingleStep.view.xml\",\n\t\t\t\t\t\"controller/WizardSingleStep.controller.js\",\n\t\t\t\t\t\"view/WizardSingleStep.fragment.xml\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
532
+ "view/WizardSingleStep.fragment.xml": "<core:FragmentDefinition\n\txmlns=\"sap.m\"\n\txmlns:core=\"sap.ui.core\"\n\txmlns:f=\"sap.f\"\n\txmlns:form=\"sap.ui.layout.form\"\n\txmlns:u=\"sap.ui.unified\"\n\txmlns:layout=\"sap.ui.layout\">\n\t<Dialog\n\t\tid=\"wizardDialog\"\n\t\tshowHeader=\"false\"\n\t\tverticalScrolling=\"false\"\n\t\tcontentHeight=\"70%\"\n\t\tcontentWidth=\"80%\">\n\t\t<f:DynamicPage\n\t\t\tstickySubheaderProvider=\"CreateProductWizard\"\n\t\t\ttoggleHeaderOnTitleClick=\"false\"\n\t\t\tclass=\"sapUiNoContentPadding\"\n\t\t\tshowFooter=\"true\">\n\t\t\t<f:title>\n\t\t\t\t<f:DynamicPageTitle>\n\t\t\t\t\t<f:heading>\n\t\t\t\t\t\t<Title text=\"Wizard in a Dialog\"/>\n\t\t\t\t\t</f:heading>\n\t\t\t\t</f:DynamicPageTitle>\n\t\t\t</f:title>\n\t\t\t<f:content>\n\t\t\t\t<Wizard id=\"CreateProductWizard\"\n\t\t\t\t\t\tclass=\"sapUiResponsivePadding--header sapUiResponsivePadding--content\"\n\t\t\t\t\t\tshowNextButton=\"false\"\n\t\t\t\t\t\tnavigationChange=\"handleNavigationChange\"\n\t\t\t\t\t\trenderMode=\"Page\">\n\t\t\t\t\t<WizardStep id=\"ProductTypeStep\"\n\t\t\t\t\t\t\t\ttitle=\"Product Type\"\n\t\t\t\t\t\t\t\tvalidated=\"true\"\n\t\t\t\t\t\t\t\tactivate=\"productTypeActivate\">\n\t\t\t\t\t\t<MessageStrip class=\"sapUiSmallMarginBottom\"\n\t\t\t\t\t\t\t\ttext=\"The Wizard control is supposed to break down large tasks, into smaller steps, easier for the user to work with.\"\n\t\t\t\t\t\t\t\tshowIcon=\"true\"/>\n\t\t\t\t\t\t<Text class=\"sapUiSmallMarginBottom\"\n\t\t\t\t\t\t\t\ttext=\"Sed fermentum, mi et tristique ullamcorper, sapien sapien faucibus sem, quis pretium nibh lorem malesuada diam. Nulla quis arcu aliquet, feugiat massa semper, volutpat diam. Nam vitae ante posuere, molestie neque sit amet, dapibus velit. Maecenas eleifend tempor lorem. Mauris vitae elementum mi, sed eleifend ligula. Nulla tempor vulputate dolor, nec dignissim quam convallis ut. Praesent vitae commodo felis, ut iaculis felis. Fusce quis eleifend sapien, eget facilisis nibh. Suspendisse est velit, scelerisque ut commodo eget, dignissim quis metus. Cras faucibus consequat gravida. Curabitur vitae quam felis. Phasellus ac leo eleifend, commodo tortor et, varius quam. Aliquam erat volutpat\"/>\n\t\t\t\t\t\t<HBox\n\t\t\t\t\t\t\t\talignItems=\"Center\"\n\t\t\t\t\t\t\t\tjustifyContent=\"Center\"\n\t\t\t\t\t\t\t\twidth=\"100%\">\n\t\t\t\t\t\t\t<SegmentedButton\n\t\t\t\t\t\t\t\twidth=\"320px\"\n\t\t\t\t\t\t\t\tselectedKey=\"{/productType}\"\n\t\t\t\t\t\t\t\tselectionChange=\"setProductTypeFromSegmented\">\n\t\t\t\t\t\t\t\t<items>\n\t\t\t\t\t\t\t\t\t<SegmentedButtonItem icon=\"sap-icon://iphone\" key=\"Mobile\" text=\"Mobile\"/>\n\t\t\t\t\t\t\t\t\t<SegmentedButtonItem icon=\"sap-icon://sys-monitor\" key=\"Desktop\" text=\"Desktop\"/>\n\t\t\t\t\t\t\t\t\t<SegmentedButtonItem icon=\"sap-icon://database\" key=\"Other\" text=\"Other\"/>\n\t\t\t\t\t\t\t\t</items>\n\t\t\t\t\t\t\t</SegmentedButton>\n\t\t\t\t\t\t</HBox>\n\t\t\t\t\t</WizardStep>\n\t\t\t\t\t<WizardStep id=\"ProductInfoStep\"\n\t\t\t\t\t\t\t\tvalidated=\"false\"\n\t\t\t\t\t\t\t\ttitle=\"Product Information\"\n\t\t\t\t\t\t\t\tactivate=\"additionalInfoValidation\">\n\t\t\t\t\t\t<MessageStrip class=\"sapUiSmallMarginBottom\"\n\t\t\t\t\t\t\t\ttext=\"Validation in the wizard is controlled by calling the validateStep(Step) and invalidateStep(Step) methods \"\n\t\t\t\t\t\t\t\tshowIcon=\"true\"/>\n\t\t\t\t\t\t<Text text=\"Cras tellus leo, volutpat vitae ullamcorper eu, posuere malesuada nisl. Integer pellentesque leo sit amet dui vehicula, quis ullamcorper est pulvinar. Nam in libero sem. Suspendisse arcu metus, molestie a turpis a, molestie aliquet dui. Donec pulvinar, sapien et viverra imperdiet, orci erat porttitor nulla, eget commodo metus nibh nec ipsum. Aliquam lacinia euismod metus, sollicitudin pellentesque purus volutpat eget. Pellentesque egestas erat quis eros convallis mattis. Mauris hendrerit sapien a malesu corper eu, posuere malesuada nisl. Integer pellentesque leo sit amet dui vehicula, quis ullamcorper est pulvinar. Nam in libero sem. Suspendisse arcu metus, molestie a turpis a, molestie aliquet dui. Donec pulvinar, sapien\tcorper eu, posuere malesuada nisl. Integer pellentesque leo sit amet dui vehicula, quis ullamcorper est pulvinar. Nam in libero sem. Suspendisse arcu metus, molestie a turpis a, molestie aliquet dui. Donec pulvinar, sapien\t\"/>\n\t\t\t\t\t\t<form:SimpleForm\n\t\t\t\t\t\t\t\teditable=\"true\"\n\t\t\t\t\t\t\t\tlayout=\"ResponsiveGridLayout\">\n\t\t\t\t\t\t\t<Label text=\"Name\" required=\"true\"/>\n\t\t\t\t\t\t\t<Input valueStateText=\"Enter 6 symbols or more\"\n\t\t\t\t\t\t\t\t\tvalueState=\"{/productNameState}\" id=\"ProductName\" liveChange=\"additionalInfoValidation\"\n\t\t\t\t\t\t\t\t\tplaceholder=\"Enter name with length greater than 6\" value=\"{/productName}\"/>\n\t\t\t\t\t\t\t<Label text=\"Weight\" required=\"true\"/>\n\t\t\t\t\t\t\t<Input valueStateText=\"Enter digits\"\n\t\t\t\t\t\t\t\t\tvalueState=\"{/productWeightState}\" id=\"ProductWeight\"\n\t\t\t\t\t\t\t\t\tliveChange=\"additionalInfoValidation\" type=\"Number\" placeholder=\"Enter digits\"\n\t\t\t\t\t\t\t\t\tvalue=\"{/productWeight}\"/>\n\t\t\t\t\t\t\t<Label text=\"Manufacturer\"/>\n\t\t\t\t\t\t\t<Select selectedKey=\"{/productManufacturer}\">\n\t\t\t\t\t\t\t\t<core:Item key=\"Apple\" text=\"Apple\"/>\n\t\t\t\t\t\t\t\t<core:Item key=\"Microsoft\" text=\"Microsoft\"/>\n\t\t\t\t\t\t\t\t<core:Item key=\"Google\" text=\"Google\"/>\n\t\t\t\t\t\t\t\t<core:Item key=\"Sony\" text=\"Sony\"/>\n\t\t\t\t\t\t\t\t<core:Item key=\"Samsung\" text=\"Samsung\"/>\n\t\t\t\t\t\t\t\t<core:Item key=\"Logitech\" text=\"Logitech\"/>\n\t\t\t\t\t\t\t</Select>\n\t\t\t\t\t\t\t<Label text=\"Description\"/>\n\t\t\t\t\t\t\t<TextArea value=\"{/productDescription}\" rows=\"8\"/>\n\t\t\t\t\t\t</form:SimpleForm>\n\t\t\t\t\t</WizardStep>\n\t\t\t\t\t<WizardStep id=\"OptionalInfoStep\"\n\t\t\t\t\t\t\t\tvalidated=\"true\"\n\t\t\t\t\t\t\t\tactivate=\"optionalStepActivation\"\n\t\t\t\t\t\t\t\ttitle=\"Optional Information\">\n\t\t\t\t\t\t<MessageStrip class=\"sapUiSmallMarginBottom\"\n\t\t\t\t\t\t\t\ttext=\"You can validate steps by default with the validated='true' property of the step. The next button is always enabled.\"\n\t\t\t\t\t\t\t\tshowIcon=\"true\"/>\n\t\t\t\t\t\t<Text text=\"Integer pellentesque leo sit amet dui vehicula, quis ullamcorper est pulvinar. Nam in libero sem. Suspendisse arcu metus, molestie a turpis a, molestie aliquet dui. Donec ppellentesque leo sit amet dui vehicula, quis ullamcorper est pulvinar. Nam in libero sem. Suspendisse arcu metus, molestie a turpis a, molestie aliquet dui. Donec pulvinar, sapien\tcorper eu, posuere malesuada nisl. Integer pellentesque leo sit amet dui vehicula, quis ullamcorper est pulvinar. Nam in libero sem. Suspendisse arcu metus, molestie a turpis a, molestie aliquet dui. Donec pulvinar, sapien\t\"/>\n\t\t\t\t\t\t<form:SimpleForm\n\t\t\t\t\t\t\t\teditable=\"true\"\n\t\t\t\t\t\t\t\tlayout=\"ResponsiveGridLayout\">\n\t\t\t\t\t\t\t<Label text=\"Cover photo\"/>\n\t\t\t\t\t\t\t<u:FileUploader\n\t\t\t\t\t\t\t\t\twidth=\"100%\"\n\t\t\t\t\t\t\t\t\ttooltip=\"Upload product cover photo to the local server\"\n\t\t\t\t\t\t\t\t\tstyle=\"Emphasized\"\n\t\t\t\t\t\t\t\t\tplaceholder=\"Choose a file for Upload...\"/>\n\t\t\t\t\t\t\t<Label text=\"Manufacturing date\"/>\n\t\t\t\t\t\t\t<DatePicker\n\t\t\t\t\t\t\t\t\tid=\"DP3\"\n\t\t\t\t\t\t\t\t\tdisplayFormat=\"short\"\n\t\t\t\t\t\t\t\t\tvalue=\"{/manufacturingDate}\"/>\n\t\t\t\t\t\t\t<Label text=\"Availability\"/>\n\t\t\t\t\t\t\t<SegmentedButton selectedKey=\"{/availabilityType}\">\n\t\t\t\t\t\t\t\t<items>\n\t\t\t\t\t\t\t\t\t<SegmentedButtonItem key=\"In store\" text=\"In store\"/>\n\t\t\t\t\t\t\t\t\t<SegmentedButtonItem key=\"In depot\" text=\"In depot\"/>\n\t\t\t\t\t\t\t\t\t<SegmentedButtonItem key=\"In repository\" text=\"In repository\"/>\n\t\t\t\t\t\t\t\t\t<SegmentedButtonItem key=\"Out of stock\" text=\"Out of stock\"/>\n\t\t\t\t\t\t\t\t</items>\n\t\t\t\t\t\t\t</SegmentedButton>\n\t\t\t\t\t\t\t<Label text=\"Size\"/>\n\t\t\t\t\t\t\t<Input value=\"{/size}\"/>\n\t\t\t\t\t\t\t<ComboBox maxWidth=\"100px\" selectedKey=\"{/measurement}\">\n\t\t\t\t\t\t\t\t<core:Item key=\"X\" text=\"X\"/>\n\t\t\t\t\t\t\t\t<core:Item key=\"Y\" text=\"Y\"/>\n\t\t\t\t\t\t\t\t<core:Item key=\"Z\" text=\"Z\"/>\n\t\t\t\t\t\t\t</ComboBox>\n\n\t\t\t\t\t\t</form:SimpleForm>\n\t\t\t\t\t</WizardStep>\n\t\t\t\t\t<WizardStep id=\"PricingStep\"\n\t\t\t\t\t\t\t\tactivate=\"pricingActivate\"\n\t\t\t\t\t\t\t\tcomplete=\"pricingComplete\"\n\t\t\t\t\t\t\t\tvalidated=\"true\"\n\t\t\t\t\t\t\t\ttitle=\"Pricing\">\n\t\t\t\t\t\t<MessageStrip class=\"sapUiSmallMarginBottom\"\n\t\t\t\t\t\t\t\ttext=\"You can use the wizard previousStep() and nextStep() methods to navigate from step to step without validation. Also you can use the GoToStep(step) method to scroll programmatically to previously visited steps.\"\n\t\t\t\t\t\t\t\tshowIcon=\"true\"/>\n\t\t\t\t\t\t<form:SimpleForm\n\t\t\t\t\t\t\t\teditable=\"true\"\n\t\t\t\t\t\t\t\tlayout=\"ResponsiveGridLayout\">\n\t\t\t\t\t\t\t<Label text=\"Price\"/>\n\t\t\t\t\t\t\t<Input value=\"{/productPrice}\"/>\n\t\t\t\t\t\t\t<Label text=\"Discount group\"/>\n\t\t\t\t\t\t\t<ComboBox selectedKey=\"{/discountGroup}\">\n\t\t\t\t\t\t\t\t<core:Item key=\"Kids\" text=\"Kids\"/>\n\t\t\t\t\t\t\t\t<core:Item key=\"Teens\" text=\"Teens\"/>\n\t\t\t\t\t\t\t\t<core:Item key=\"Adults\" text=\"Adults\"/>\n\t\t\t\t\t\t\t\t<core:Item key=\"Elderly\" text=\"Elderly\"/>\n\t\t\t\t\t\t\t</ComboBox>\n\t\t\t\t\t\t\t<Label text=\" VAT is included\"/>\n\t\t\t\t\t\t\t<CheckBox selected=\"{/productVAT}\"/>\n\t\t\t\t\t\t</form:SimpleForm>\n\t\t\t\t\t</WizardStep>\n\t\t\t\t\t<WizardStep\n\t\t\t\t\t\t\tid=\"ReviewPage\"\n\t\t\t\t\t\t\tactivate=\"reviewActivate\"\n\t\t\t\t\t\t\tcomplete=\"reviewComplete\"\n\t\t\t\t\t\t\tvalidated=\"true\"\n\t\t\t\t\t\t\ttitle=\"Review page\">\n\t\t\t\t\t\t\t\t<form:SimpleForm\n\t\t\t\t\t\t\t\t\t\ttitle=\"1. Product Type\"\n\t\t\t\t\t\t\t\t\t\tminWidth=\"1024\"\n\t\t\t\t\t\t\t\t\t\teditable=\"false\"\n\t\t\t\t\t\t\t\t\t\tlayout=\"ResponsiveGridLayout\">\n\t\t\t\t\t\t\t\t\t<form:content>\n\t\t\t\t\t\t\t\t\t\t<Label text=\"Type\"/>\n\t\t\t\t\t\t\t\t\t\t<Text id=\"ProductTypeChosen\" text=\"{/productType}\"/>\n\t\t\t\t\t\t\t\t\t\t<Link press=\"editStepOne\" text=\"Edit\" />\n\t\t\t\t\t\t\t\t\t</form:content>\n\t\t\t\t\t\t\t\t</form:SimpleForm>\n\n\t\t\t\t\t\t\t\t<form:SimpleForm\n\t\t\t\t\t\t\t\t\t\ttitle=\"2. Product Information\"\n\t\t\t\t\t\t\t\t\t\tminWidth=\"1024\"\n\t\t\t\t\t\t\t\t\t\teditable=\"false\"\n\t\t\t\t\t\t\t\t\t\tlayout=\"ResponsiveGridLayout\">\n\t\t\t\t\t\t\t\t\t<form:content>\n\t\t\t\t\t\t\t\t\t\t<Label text=\"Name\"/>\n\t\t\t\t\t\t\t\t\t\t<Text id=\"ProductNameChosen\" text=\"{/productName}\"/>\n\t\t\t\t\t\t\t\t\t\t<Label text=\"Weight\"/>\n\t\t\t\t\t\t\t\t\t\t<Text id=\"ProductWeightChosen\" text=\"{/productWeight}\"/>\n\t\t\t\t\t\t\t\t\t\t<Label text=\"Manufacturer\"/>\n\t\t\t\t\t\t\t\t\t\t<Text id=\"ProductManufacturerChosen\" text=\"{/productManufacturer}\"/>\n\t\t\t\t\t\t\t\t\t\t<Label text=\"Description\"/>\n\t\t\t\t\t\t\t\t\t\t<Text id=\"ProductDescriptionChosen\" text=\"{/productDescription}\"/>\n\t\t\t\t\t\t\t\t\t\t<Link press=\"editStepTwo\" text=\"Edit\" />\n\t\t\t\t\t\t\t\t\t</form:content>\n\t\t\t\t\t\t\t\t</form:SimpleForm>\n\n\t\t\t\t\t\t\t\t<form:SimpleForm\n\t\t\t\t\t\t\t\t\t\ttitle=\"3. Optional Information\"\n\t\t\t\t\t\t\t\t\t\tminWidth=\"1024\"\n\t\t\t\t\t\t\t\t\t\teditable=\"false\"\n\t\t\t\t\t\t\t\t\t\tlayout=\"ResponsiveGridLayout\">\n\t\t\t\t\t\t\t\t\t<form:content>\n\t\t\t\t\t\t\t\t\t\t<Label text=\"Some text\"/>\n\t\t\t\t\t\t\t\t\t\t<Text text=\"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod\n\t\t\t\t\t\t\t\t\t\ttempor incididunt ut labore et dolore magna aliqua. \"/>\n\t\t\t\t\t\t\t\t\t\t<Label text=\"Manufacturing Date\"/>\n\t\t\t\t\t\t\t\t\t\t<Text id=\"ManufacturingDate\" text=\"{/manufacturingDate}\"/>\n\t\t\t\t\t\t\t\t\t\t<Label text=\"Availability\"/>\n\t\t\t\t\t\t\t\t\t\t<Text id=\"AvailabilityChosen\" text=\"{/availabilityType}\"/>\n\t\t\t\t\t\t\t\t\t\t<Label text=\"Size\"/>\n\t\t\t\t\t\t\t\t\t\t<HBox>\n\t\t\t\t\t\t\t\t\t\t\t<Text id=\"Size\" text=\"{/size}\"/>\n\t\t\t\t\t\t\t\t\t\t\t<Text id=\"Size2\" class=\"sapUiTinyMarginBegin\" text=\"{/measurement}\"/>\n\t\t\t\t\t\t\t\t\t\t</HBox>\n\t\t\t\t\t\t\t\t\t\t<Link press=\"editStepThree\" text=\"Edit\" />\n\t\t\t\t\t\t\t\t\t</form:content>\n\t\t\t\t\t\t\t\t</form:SimpleForm>\n\n\t\t\t\t\t\t\t\t<form:SimpleForm\n\t\t\t\t\t\t\t\t\t\ttitle=\"4. Pricing\"\n\t\t\t\t\t\t\t\t\t\tminWidth=\"1024\"\n\t\t\t\t\t\t\t\t\t\teditable=\"false\"\n\t\t\t\t\t\t\t\t\t\tlayout=\"ResponsiveGridLayout\">\n\t\t\t\t\t\t\t\t\t<form:content>\n\t\t\t\t\t\t\t\t\t\t<Label text=\"Price\"/>\n\t\t\t\t\t\t\t\t\t\t<Text id=\"ProductPriceChosen\" text=\"{/productPrice}\"/>\n\t\t\t\t\t\t\t\t\t\t<Label text=\"Discount Group\"/>\n\t\t\t\t\t\t\t\t\t\t<Text id=\"DiscountGroupChosen\" text=\"{/discountGroup}\"/>\n\t\t\t\t\t\t\t\t\t\t<Label text=\"VAT Included\"/>\n\t\t\t\t\t\t\t\t\t\t<Text id=\"ProductVATChosen\" text=\"{/productVAT}\"/>\n\t\t\t\t\t\t\t\t\t\t<Link press=\"editStepFour\" text=\"Edit\" />\n\t\t\t\t\t\t\t\t\t</form:content>\n\t\t\t\t\t\t\t\t</form:SimpleForm>\n\t\t\t\t\t</WizardStep>\n\t\t\t\t</Wizard>\n\t\t\t</f:content>\n\n\t\t\t<f:footer>\n\t\t\t\t<OverflowToolbar>\n\t\t\t\t\t<ToolbarSpacer/>\n\t\t\t\t\t<Button text=\"Previous Step\" visible=\"{/backButtonVisible}\" press=\"onDialogBackButton\" />\n\t\t\t\t\t<Button text=\"Next Step\" type=\"Emphasized\" enabled=\"{/nextButtonEnabled}\" visible=\"{/nextButtonVisible}\" press=\"onDialogNextButton\" />\n\t\t\t\t\t<Button text=\"Review\" type=\"Emphasized\" visible=\"{/reviewButtonVisible}\" press=\"onDialogNextButton\" />\n\t\t\t\t\t<Button text=\"Finish\" type=\"Emphasized\" visible=\"{/finishButtonVisible}\" press=\"handleWizardSubmit\" />\n\t\t\t\t\t<Button\ttext=\"Cancel\" type=\"Transparent\" press=\"handleWizardCancel\"/>\n\t\t\t\t</OverflowToolbar>\n\t\t\t</f:footer>\n\t\t</f:DynamicPage>\n\t</Dialog>\n</core:FragmentDefinition>",
533
+ "view/WizardSingleStep.view.xml": "<mvc:View\n\t\theight=\"100%\"\n\t\tcontrollerName=\"sap.m.sample.WizardSingleStep.controller.WizardSingleStep\"\n\t\txmlns:core=\"sap.ui.core\"\n\t\txmlns:mvc=\"sap.ui.core.mvc\"\n\t\txmlns=\"sap.m\">\n\t\t<Button class=\"sapUiSmallMargin\"\n\t\t\t\ttext=\"Open Wizard in Dialog\"\n\t\t\t\tpress=\"handleOpenDialog\" />\n</mvc:View>\n"
534
+ },
535
+ "sap.tnt/InfoLabelInTable": {
536
+ "C.controller.js": "sap.ui.define([\n\t\"./Formatter\",\n\t\"sap/ui/core/mvc/Controller\",\n\t\"sap/ui/model/json/JSONModel\",\n\t\"sap/m/library\"\n], function (Formatter, Controller, JSONModel, library) {\n\t\"use strict\";\n\n\tvar PopinLayout = library.PopinLayout;\n\n\treturn Controller.extend(\"sap.tnt.sample.InfoLabelInTable.C\", {\n\n\t\tformatter: Formatter,\n\n\t\tonInit: function () {\n\t\t\t// set explored app's demo model on this sample\n\t\t\tvar oModel = new JSONModel(sap.ui.require.toUrl(\"sap/tnt/sample/InfoLabelInTable/model/data.json\"));\n\t\t\tthis.getView().setModel(oModel);\n\t\t},\n\n\t\tonPopinLayoutChanged: function () {\n\t\t\tvar oTable = this.byId(\"idProductsTable\");\n\t\t\tvar oComboBox = this.byId(\"idPopinLayout\");\n\t\t\tvar sPopinLayout = oComboBox.getSelectedKey();\n\t\t\tswitch (sPopinLayout) {\n\t\t\t\tcase \"Block\":\n\t\t\t\t\toTable.setPopinLayout(PopinLayout.Block);\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"GridLarge\":\n\t\t\t\t\toTable.setPopinLayout(PopinLayout.GridLarge);\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"GridSmall\":\n\t\t\t\t\toTable.setPopinLayout(PopinLayout.GridSmall);\n\t\t\t\t\tbreak;\n\t\t\t\tdefault:\n\t\t\t\t\toTable.setPopinLayout(PopinLayout.Block);\n\t\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\n\t});\n});\n",
537
+ "Component.js": "sap.ui.define([\n\t\"sap/ui/core/UIComponent\"\n], function (UIComponent) {\n\t\"use strict\";\n\n\treturn UIComponent.extend(\"sap.tnt.sample.InfoLabelInTable.Component\", {\n\n\t\tmetadata: {\n\t\t\tmanifest: \"json\"\n\t\t},\n\n\t\tgetTable: function () {\n\t\t\treturn this.getRootControl().getContent()[0];\n\t\t}\n\n\t});\n});",
538
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.tnt.sample.InfoLabelInTable\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\" : \"sap.tnt.sample.InfoLabelInTable.V\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.m\": {},\n\t\t\t\t\"sap.tnt\": {},\n\t\t\t\t\"sap.ui.core\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"V.view.xml\",\n\t\t\t\t\t\"C.controller.js\",\n\t\t\t\t\t\"Formatter.js\",\n\t\t\t\t\t\"model/data.json\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
539
+ "V.view.xml": "<mvc:View\n\tcontrollerName=\"sap.tnt.sample.InfoLabelInTable.C\"\n\txmlns=\"sap.m\"\n\txmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns:core=\"sap.ui.core\"\n\txmlns:tnt=\"sap.tnt\">\n\t<Table\n\t\tid=\"idProductsTable\"\n\t\tinset=\"false\"\n\t\titems=\"{\n\t\t\tpath: '/ProductCollection',\n\t\t\tsorter: {\n\t\t\t\tpath: 'Name'\n\t\t\t}\n\t\t}\">\n\t\t<headerToolbar>\n\t\t\t<Toolbar>\n\t\t\t\t\t<Title text=\"Products\" level=\"H2\" />\n\t\t\t\t\t<ToolbarSpacer />\n\t\t\t\t\t<ComboBox\n\t\t\t\t\t\tid=\"idPopinLayout\"\n\t\t\t\t\t\tplaceholder=\"Popin layout options\"\n\t\t\t\t\t\tchange=\".onPopinLayoutChanged\">\n\t\t\t\t\t\t<core:Item text=\"Block\" key=\"Block\" />\n\t\t\t\t\t\t<core:Item text=\"Grid Large\" key=\"GridLarge\" />\n\t\t\t\t\t\t<core:Item text=\"Grid Small\" key=\"GridSmall\" />\n\t\t\t\t\t</ComboBox>\n\t\t\t</Toolbar>\n\t\t</headerToolbar>\n\t\t<columns>\n\t\t\t<Column width=\"12em\">\n\t\t\t\t<Text text=\"Product\" />\n\t\t\t</Column>\n\t\t\t<Column minScreenWidth=\"Tablet\" demandPopin=\"true\">\n\t\t\t\t<Text text=\"Supplier\" />\n\t\t\t</Column>\n\t\t\t<Column minScreenWidth=\"Desktop\" demandPopin=\"true\">\n\t\t\t\t<Text text=\"Dimensions\" />\n\t\t\t</Column>\n\t\t\t<Column minScreenWidth=\"Desktop\" demandPopin=\"true\">\n\t\t\t\t<Text text=\"Availability\" />\n\t\t\t</Column>\n\t\t\t<Column>\n\t\t\t\t<Text text=\"Price\" />\n\t\t\t</Column>\n\t\t</columns>\n\t\t<items>\n\t\t\t<ColumnListItem>\n\t\t\t\t<cells>\n\t\t\t\t\t<ObjectIdentifier title=\"{Name}\" text=\"{ProductId}\" />\n\t\t\t\t\t<Text text=\"{SupplierName}\" />\n\t\t\t\t\t<Text text=\"{Width} x {Depth} x {Height} {DimUnit}\" />\n\t\t\t\t\t<tnt:InfoLabel\n\t\t\t\t\t\ttext=\"{Status}\"\n\t\t\t\t\t\tdisplayOnly=\"true\"\n\t\t\t\t\t\tcolorScheme= \"{\n\t\t\t\t\t\t\tparts: [\n\t\t\t\t\t\t\t\t{path: 'Status'}\n\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\tformatter: 'sap.tnt.sample.InfoLabelInTable.Formatter.availableState'\n\t\t\t\t\t\t}\" />\n\t\t\t\t\t<ObjectNumber\n\t\t\t\t\t\tnumber=\"{\n\t\t\t\t\t\t\tparts:[{path:'Price'},{path:'CurrencyCode'}],\n\t\t\t\t\t\t\ttype: 'sap.ui.model.type.Currency',\n\t\t\t\t\t\t\tformatOptions: {showMeasure: false}\n\t\t\t\t\t\t}\"\n\t\t\t\t\t\tunit=\"{CurrencyCode}\" />\n\t\t\t\t</cells>\n\t\t\t</ColumnListItem>\n\t\t</items>\n\t</Table>\n</mvc:View>"
540
+ },
541
+ "sap.ui.layout/Form354": {
542
+ "Change.fragment.xml": "<core:FragmentDefinition\n\txmlns=\"sap.m\"\n\txmlns:l=\"sap.ui.layout\"\n\txmlns:f=\"sap.ui.layout.form\"\n\txmlns:core=\"sap.ui.core\">\n\t<VBox class=\"sapUiSmallMargin\">\n\t\t<f:Form id=\"FormChange354\"\n\t\t\teditable=\"true\">\n\t\t\t<f:title>\n\t\t\t\t<core:Title text=\"Address\" />\n\t\t\t</f:title>\n\t\t\t<f:layout>\n\t\t\t\t<f:ResponsiveGridLayout\n\t\t\t\t\tlabelSpanXL=\"3\"\n\t\t\t\t\tlabelSpanL=\"3\"\n\t\t\t\t\tlabelSpanM=\"3\"\n\t\t\t\t\tlabelSpanS=\"12\"\n\t\t\t\t\tadjustLabelSpan=\"false\"\n\t\t\t\t\temptySpanXL=\"4\"\n\t\t\t\t\temptySpanL=\"4\"\n\t\t\t\t\temptySpanM=\"4\"\n\t\t\t\t\temptySpanS=\"0\"\n\t\t\t\t\tcolumnsXL=\"1\"\n\t\t\t\t\tcolumnsL=\"1\"\n\t\t\t\t\tcolumnsM=\"1\"\n\t\t\t\t\tsingleContainerFullSize=\"false\" />\n\t\t\t</f:layout>\n\t\t\t<f:formContainers>\n\t\t\t\t<f:FormContainer>\n\t\t\t\t\t<f:formElements>\n\t\t\t\t\t\t<f:FormElement label=\"Name\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{SupplierName}\" id=\"name\"/>\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Street\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{Street}\" />\n\t\t\t\t\t\t\t\t<Input value=\"{HouseNumber}\">\n\t\t\t\t\t\t\t\t\t<layoutData>\n\t\t\t\t\t\t\t\t\t\t<l:GridData span=\"XL1 L2 M2 S4\" />\n\t\t\t\t\t\t\t\t\t</layoutData>\n\t\t\t\t\t\t\t\t</Input>\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"ZIP Code/City\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{ZIPCode}\">\n\t\t\t\t\t\t\t\t\t<layoutData>\n\t\t\t\t\t\t\t\t\t\t<l:GridData span=\"XL1 L2 M2 S4\" />\n\t\t\t\t\t\t\t\t\t</layoutData>\n\t\t\t\t\t\t\t\t</Input>\n\t\t\t\t\t\t\t\t<Input value=\"{City}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Country\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Select id=\"country\" selectedKey=\"{Country}\">\n\t\t\t\t\t\t\t\t\t<items>\n\t\t\t\t\t\t\t\t\t\t<core:Item text=\"England\" key=\"England\"/>\n\t\t\t\t\t\t\t\t\t\t<core:Item text=\"Germany\" key=\"Germany\"/>\n\t\t\t\t\t\t\t\t\t\t<core:Item text=\"USA\" key=\"USA\"/>\n\t\t\t\t\t\t\t\t\t</items>\n\t\t\t\t\t\t\t\t</Select>\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t</f:formElements>\n\t\t\t\t</f:FormContainer>\n\t\t\t</f:formContainers>\n\t\t</f:Form>\n\t</VBox>\n</core:FragmentDefinition>",
543
+ "Component.js": "sap.ui.define(['sap/ui/core/UIComponent'],\n\tfunction(UIComponent) {\n\t\"use strict\";\n\n\tvar Component = UIComponent.extend(\"sap.ui.layout.sample.Form354.Component\", {\n\n\t\tmetadata : {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n\n\treturn Component;\n\n});\n",
544
+ "Display.fragment.xml": "<core:FragmentDefinition\n\txmlns=\"sap.m\"\n\txmlns:l=\"sap.ui.layout\"\n\txmlns:f=\"sap.ui.layout.form\"\n\txmlns:core=\"sap.ui.core\">\n\t<VBox class=\"sapUiSmallMargin\">\n\t\t<f:Form id=\"FormDisplay354\"\n\t\t\teditable=\"false\">\n\t\t\t<f:title>\n\t\t\t\t<core:Title text=\"Address\" />\n\t\t\t</f:title>\n\t\t\t<f:layout>\n\t\t\t\t<f:ResponsiveGridLayout\n\t\t\t\t\tlabelSpanXL=\"3\"\n\t\t\t\t\tlabelSpanL=\"3\"\n\t\t\t\t\tlabelSpanM=\"3\"\n\t\t\t\t\tlabelSpanS=\"12\"\n\t\t\t\t\tadjustLabelSpan=\"false\"\n\t\t\t\t\temptySpanXL=\"4\"\n\t\t\t\t\temptySpanL=\"4\"\n\t\t\t\t\temptySpanM=\"4\"\n\t\t\t\t\temptySpanS=\"0\"\n\t\t\t\t\tcolumnsXL=\"1\"\n\t\t\t\t\tcolumnsL=\"1\"\n\t\t\t\t\tcolumnsM=\"1\"\n\t\t\t\t\tsingleContainerFullSize=\"false\" />\n\t\t\t</f:layout>\n\t\t\t<f:formContainers>\n\t\t\t\t<f:FormContainer>\n\t\t\t\t\t<f:formElements>\n\t\t\t\t\t\t<f:FormElement label=\"Name\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{SupplierName}\" id=\"nameText\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Street\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{Street} {HouseNumber}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"ZIP Code/City\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{ZIPCode} {City}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Country\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{Country}\" id=\"countryText\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t</f:formElements>\n\t\t\t\t</f:FormContainer>\n\t\t\t</f:formContainers>\n\t\t</f:Form>\n\t</VBox>\n</core:FragmentDefinition>",
545
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.ui.layout.sample.Form354\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.ui.layout.sample.Form354.Page\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.layout\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"stretch\": true,\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"Page.view.xml\",\n\t\t\t\t\t\"Page.controller.js\",\n\t\t\t\t\t\"Change.fragment.xml\",\n\t\t\t\t\t\"Display.fragment.xml\",\n\t\t\t\t\t\"test/FormSampleJourney.qunit.html\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
546
+ "Page.controller.js": "sap.ui.define([\n\t\t'sap/ui/core/Fragment',\n\t\t'sap/ui/core/mvc/Controller',\n\t\t'sap/ui/model/json/JSONModel'\n\t], function(Fragment, Controller, JSONModel) {\n\t\"use strict\";\n\n\tvar PageController = Controller.extend(\"sap.ui.layout.sample.Form354.Page\", {\n\n\t\tonInit: function (oEvent) {\n\n\t\t\t// set explored app's demo model on this sample\n\t\t\tvar oModel = new JSONModel(sap.ui.require.toUrl(\"sap/ui/demo/mock/supplier.json\"));\n\t\t\toModel.attachRequestCompleted(function() {\n\t\t\t\tthis.byId('edit').setEnabled(true);\n\t\t\t}.bind(this));\n\t\t\tthis.getView().setModel(oModel);\n\n\t\t\tthis.getView().bindElement(\"/SupplierCollection/0\");\n\n\t\t\tthis._formFragments = {};\n\n\t\t\t// Set the initial form to be the display one\n\t\t\tthis._showFormFragment(\"Display\");\n\t\t},\n\n\t\thandleEditPress : function () {\n\n\t\t\t//Clone the data\n\t\t\tthis._oSupplier = Object.assign({}, this.getView().getModel().getData().SupplierCollection[0]);\n\t\t\tthis._toggleButtonsAndView(true);\n\n\t\t},\n\n\t\thandleCancelPress : function () {\n\n\t\t\t//Restore the data\n\t\t\tvar oModel = this.getView().getModel();\n\t\t\tvar oData = oModel.getData();\n\n\t\t\toData.SupplierCollection[0] = this._oSupplier;\n\n\t\t\toModel.setData(oData);\n\t\t\tthis._toggleButtonsAndView(false);\n\n\t\t},\n\n\t\thandleSavePress : function () {\n\n\t\t\tthis._toggleButtonsAndView(false);\n\n\t\t},\n\n\t\t_toggleButtonsAndView : function (bEdit) {\n\t\t\tvar oView = this.getView();\n\n\t\t\t// Show the appropriate action buttons\n\t\t\toView.byId(\"edit\").setVisible(!bEdit);\n\t\t\toView.byId(\"save\").setVisible(bEdit);\n\t\t\toView.byId(\"cancel\").setVisible(bEdit);\n\n\t\t\t// Set the right form type\n\t\t\tthis._showFormFragment(bEdit ? \"Change\" : \"Display\");\n\t\t},\n\n\t\t_getFormFragment: function (sFragmentName) {\n\t\t\tvar pFormFragment = this._formFragments[sFragmentName],\n\t\t\t\toView = this.getView();\n\n\t\t\tif (!pFormFragment) {\n\t\t\t\tpFormFragment = Fragment.load({\n\t\t\t\t\tid: oView.getId(),\n\t\t\t\t\tname: \"sap.ui.layout.sample.Form354.\" + sFragmentName\n\t\t\t\t});\n\t\t\t\tthis._formFragments[sFragmentName] = pFormFragment;\n\t\t\t}\n\n\t\t\treturn pFormFragment;\n\t\t},\n\n\t\t_showFormFragment : function (sFragmentName) {\n\t\t\tvar oPage = this.byId(\"page\");\n\n\t\t\toPage.removeAllContent();\n\t\t\tthis._getFormFragment(sFragmentName).then(function(oVBox){\n\t\t\t\toPage.insertContent(oVBox);\n\t\t\t});\n\t\t}\n\n\t});\n\n\treturn PageController;\n\n});",
547
+ "Page.view.xml": "<mvc:View\n\theight=\"100%\"\n\tcontrollerName=\"sap.ui.layout.sample.Form354.Page\"\n\txmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns=\"sap.m\">\n\t<Page\n\t\tid=\"page\"\n\t\tshowHeader=\"true\" >\n\t\t<customHeader>\n\t\t\t<Bar>\n\t\t\t\t<contentRight>\n\t\t\t\t\t<Button id=\"edit\" text=\"Edit\" enabled=\"false\" press=\"handleEditPress\" />\n\t\t\t\t\t<Button id=\"save\" text=\"Save\" type=\"Emphasized\" visible=\"false\" press=\"handleSavePress\" />\n\t\t\t\t\t<Button id=\"cancel\" text=\"Cancel\" visible=\"false\" press=\"handleCancelPress\" />\n\t\t\t\t</contentRight>\n\t\t\t</Bar>\n\t\t</customHeader>\n\t</Page>\n</mvc:View>"
548
+ },
549
+ "sap.ui.layout/Form354wide": {
550
+ "Change.fragment.xml": "<core:FragmentDefinition\n\txmlns=\"sap.m\"\n\txmlns:l=\"sap.ui.layout\"\n\txmlns:f=\"sap.ui.layout.form\"\n\txmlns:core=\"sap.ui.core\">\n\t<VBox class=\"sapUiSmallMargin\">\n\t\t<f:Form id=\"FormChange354wide\"\n\t\t\teditable=\"true\">\n\t\t\t<f:title>\n\t\t\t\t<core:Title text=\"Address\" />\n\t\t\t</f:title>\n\t\t\t<f:layout>\n\t\t\t\t<f:ResponsiveGridLayout\n\t\t\t\t\tlabelSpanXL=\"4\"\n\t\t\t\t\tlabelSpanL=\"3\"\n\t\t\t\t\tlabelSpanM=\"4\"\n\t\t\t\t\tlabelSpanS=\"12\"\n\t\t\t\t\tadjustLabelSpan=\"false\"\n\t\t\t\t\temptySpanXL=\"0\"\n\t\t\t\t\temptySpanL=\"4\"\n\t\t\t\t\temptySpanM=\"0\"\n\t\t\t\t\temptySpanS=\"0\"\n\t\t\t\t\tcolumnsXL=\"2\"\n\t\t\t\t\tcolumnsL=\"1\"\n\t\t\t\t\tcolumnsM=\"1\"\n\t\t\t\t\tsingleContainerFullSize=\"false\" />\n\t\t\t</f:layout>\n\t\t\t<f:formContainers>\n\t\t\t\t<f:FormContainer>\n\t\t\t\t\t<f:formElements>\n\t\t\t\t\t\t<f:FormElement label=\"Full name of the contact\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{SupplierName}\" id=\"name\"/>\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Street and number where the contact is located\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{Street}\" />\n\t\t\t\t\t\t\t\t<Input value=\"{HouseNumber}\">\n\t\t\t\t\t\t\t\t\t<layoutData>\n\t\t\t\t\t\t\t\t\t\t<l:GridData span=\"XL1 L2 M2 S4\" />\n\t\t\t\t\t\t\t\t\t</layoutData>\n\t\t\t\t\t\t\t\t</Input>\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"ZIP Code and City\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{ZIPCode}\">\n\t\t\t\t\t\t\t\t\t<layoutData>\n\t\t\t\t\t\t\t\t\t\t<l:GridData span=\"XL1 L2 M2 S4\" />\n\t\t\t\t\t\t\t\t\t</layoutData>\n\t\t\t\t\t\t\t\t</Input>\n\t\t\t\t\t\t\t\t<Input value=\"{City}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Country where the contact is located\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Select id=\"country\" selectedKey=\"{Country}\">\n\t\t\t\t\t\t\t\t\t<items>\n\t\t\t\t\t\t\t\t\t\t<core:Item text=\"England\" key=\"England\"/>\n\t\t\t\t\t\t\t\t\t\t<core:Item text=\"Germany\" key=\"Germany\"/>\n\t\t\t\t\t\t\t\t\t\t<core:Item text=\"USA\" key=\"USA\"/>\n\t\t\t\t\t\t\t\t\t</items>\n\t\t\t\t\t\t\t\t</Select>\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t</f:formElements>\n\t\t\t\t</f:FormContainer>\n\t\t\t</f:formContainers>\n\t\t</f:Form>\n\t</VBox>\n</core:FragmentDefinition>",
551
+ "Component.js": "sap.ui.define(['sap/ui/core/UIComponent'],\n\tfunction(UIComponent) {\n\t\"use strict\";\n\n\tvar Component = UIComponent.extend(\"sap.ui.layout.sample.Form354wide.Component\", {\n\n\t\tmetadata : {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n\n\treturn Component;\n\n});\n",
552
+ "Display.fragment.xml": "<core:FragmentDefinition\n\txmlns=\"sap.m\"\n\txmlns:l=\"sap.ui.layout\"\n\txmlns:f=\"sap.ui.layout.form\"\n\txmlns:core=\"sap.ui.core\">\n\t<VBox class=\"sapUiSmallMargin\">\n\t\t<f:Form id=\"FormDisplay354wide\"\n\t\t\teditable=\"false\">\n\t\t\t<f:title>\n\t\t\t\t<core:Title text=\"Address\" />\n\t\t\t</f:title>\n\t\t\t<f:layout>\n\t\t\t\t<f:ResponsiveGridLayout\n\t\t\t\t\tlabelSpanXL=\"4\"\n\t\t\t\t\tlabelSpanL=\"3\"\n\t\t\t\t\tlabelSpanM=\"4\"\n\t\t\t\t\tlabelSpanS=\"12\"\n\t\t\t\t\tadjustLabelSpan=\"false\"\n\t\t\t\t\temptySpanXL=\"0\"\n\t\t\t\t\temptySpanL=\"4\"\n\t\t\t\t\temptySpanM=\"0\"\n\t\t\t\t\temptySpanS=\"0\"\n\t\t\t\t\tcolumnsXL=\"2\"\n\t\t\t\t\tcolumnsL=\"1\"\n\t\t\t\t\tcolumnsM=\"1\"\n\t\t\t\t\tsingleContainerFullSize=\"false\" />\n\t\t\t</f:layout>\n\t\t\t<f:formContainers>\n\t\t\t\t<f:FormContainer>\n\t\t\t\t\t<f:formElements>\n\t\t\t\t\t\t<f:FormElement label=\"Full name of the contact\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{SupplierName}\" id=\"nameText\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Street and number where the contact is located\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{Street} {HouseNumber}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"ZIP Code and City\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{ZIPCode} {City}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Country where the contact is located\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{Country}\" id=\"countryText\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t</f:formElements>\n\t\t\t\t</f:FormContainer>\n\t\t\t</f:formContainers>\n\t\t</f:Form>\n\t</VBox>\n</core:FragmentDefinition>",
553
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.ui.layout.sample.Form354wide\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.ui.layout.sample.Form354wide.Page\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.layout\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"stretch\": true,\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"Page.view.xml\",\n\t\t\t\t\t\"Page.controller.js\",\n\t\t\t\t\t\"Change.fragment.xml\",\n\t\t\t\t\t\"Display.fragment.xml\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
554
+ "Page.controller.js": "sap.ui.define([\n\t\t'sap/ui/core/Fragment',\n\t\t'sap/ui/core/mvc/Controller',\n\t\t'sap/ui/model/json/JSONModel'\n\t], function(Fragment, Controller, JSONModel) {\n\t\"use strict\";\n\n\tvar PageController = Controller.extend(\"sap.ui.layout.sample.Form354wide.Page\", {\n\n\t\tonInit: function (oEvent) {\n\n\t\t\t// set explored app's demo model on this sample\n\t\t\tvar oModel = new JSONModel(sap.ui.require.toUrl(\"sap/ui/demo/mock/supplier.json\"));\n\t\t\tthis.getView().setModel(oModel);\n\n\t\t\tthis.getView().bindElement(\"/SupplierCollection/0\");\n\n\t\t\tthis._formFragments = {};\n\n\t\t\t// Set the initial form to be the display one\n\t\t\tthis._showFormFragment(\"Display\");\n\t\t},\n\n\t\thandleEditPress : function () {\n\n\t\t\t//Clone the data\n\t\t\tthis._oSupplier = Object.assign({}, this.getView().getModel().getData().SupplierCollection[0]);\n\t\t\tthis._toggleButtonsAndView(true);\n\n\t\t},\n\n\t\thandleCancelPress : function () {\n\n\t\t\t//Restore the data\n\t\t\tvar oModel = this.getView().getModel();\n\t\t\tvar oData = oModel.getData();\n\n\t\t\toData.SupplierCollection[0] = this._oSupplier;\n\n\t\t\toModel.setData(oData);\n\t\t\tthis._toggleButtonsAndView(false);\n\n\t\t},\n\n\t\thandleSavePress : function () {\n\n\t\t\tthis._toggleButtonsAndView(false);\n\n\t\t},\n\n\t\t_toggleButtonsAndView : function (bEdit) {\n\t\t\tvar oView = this.getView();\n\n\t\t\t// Show the appropriate action buttons\n\t\t\toView.byId(\"edit\").setVisible(!bEdit);\n\t\t\toView.byId(\"save\").setVisible(bEdit);\n\t\t\toView.byId(\"cancel\").setVisible(bEdit);\n\n\t\t\t// Set the right form type\n\t\t\tthis._showFormFragment(bEdit ? \"Change\" : \"Display\");\n\t\t},\n\n\t\t_getFormFragment: function (sFragmentName) {\n\t\t\tvar pFormFragment = this._formFragments[sFragmentName],\n\t\t\t\toView = this.getView();\n\n\t\t\tif (!pFormFragment) {\n\t\t\t\tpFormFragment = Fragment.load({\n\t\t\t\t\tid: oView.getId(),\n\t\t\t\t\tname: \"sap.ui.layout.sample.Form354wide.\" + sFragmentName\n\t\t\t\t});\n\t\t\t\tthis._formFragments[sFragmentName] = pFormFragment;\n\t\t\t}\n\n\t\t\treturn pFormFragment;\n\t\t},\n\n\t\t_showFormFragment : function (sFragmentName) {\n\t\t\tvar oPage = this.byId(\"page\");\n\n\t\t\toPage.removeAllContent();\n\t\t\tthis._getFormFragment(sFragmentName).then(function(oVBox){\n\t\t\t\toPage.insertContent(oVBox);\n\t\t\t});\n\t\t}\n\n\t});\n\n\treturn PageController;\n\n});",
555
+ "Page.view.xml": "<mvc:View\n\theight=\"100%\"\n\tcontrollerName=\"sap.ui.layout.sample.Form354wide.Page\"\n\txmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns=\"sap.m\">\n\t<Page\n\t\tid=\"page\"\n\t\tshowHeader=\"true\" >\n\t\t<customHeader>\n\t\t\t<Bar>\n\t\t\t\t<contentRight>\n\t\t\t\t\t<Button id=\"edit\" text=\"Edit\" press=\"handleEditPress\" />\n\t\t\t\t\t<Button id=\"save\" text=\"Save\" type=\"Emphasized\" visible=\"false\" press=\"handleSavePress\" />\n\t\t\t\t\t<Button id=\"cancel\" text=\"Cancel\" visible=\"false\" press=\"handleCancelPress\" />\n\t\t\t\t</contentRight>\n\t\t\t</Bar>\n\t\t</customHeader>\n\t</Page>\n</mvc:View>"
556
+ },
557
+ "sap.ui.layout/Form354wideDual": {
558
+ "Change.fragment.xml": "<core:FragmentDefinition\n\txmlns=\"sap.m\"\n\txmlns:l=\"sap.ui.layout\"\n\txmlns:f=\"sap.ui.layout.form\"\n\txmlns:core=\"sap.ui.core\">\n\t<VBox class=\"sapUiSmallMargin\">\n\t\t<f:Form id=\"FormChange354wideDual\"\n\t\t\teditable=\"true\">\n\t\t\t<f:title>\n\t\t\t\t<core:Title text=\"Address\" />\n\t\t\t</f:title>\n\t\t\t<f:layout>\n\t\t\t\t<f:ResponsiveGridLayout\n\t\t\t\t\tlabelSpanXL=\"4\"\n\t\t\t\t\tlabelSpanL=\"3\"\n\t\t\t\t\tlabelSpanM=\"4\"\n\t\t\t\t\tlabelSpanS=\"12\"\n\t\t\t\t\tadjustLabelSpan=\"false\"\n\t\t\t\t\temptySpanXL=\"0\"\n\t\t\t\t\temptySpanL=\"4\"\n\t\t\t\t\temptySpanM=\"0\"\n\t\t\t\t\temptySpanS=\"0\"\n\t\t\t\t\tcolumnsXL=\"2\"\n\t\t\t\t\tcolumnsL=\"1\"\n\t\t\t\t\tcolumnsM=\"1\"\n\t\t\t\t\tsingleContainerFullSize=\"false\" />\n\t\t\t</f:layout>\n\t\t\t<f:formContainers>\n\t\t\t\t<f:FormContainer title=\"Office\">\n\t\t\t\t\t<f:formElements>\n\t\t\t\t\t\t<f:FormElement label=\"Full name of the contact\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{SupplierName}\" id=\"name\"/>\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Street and number where the contact is located\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{Street}\" />\n\t\t\t\t\t\t\t\t<Input value=\"{HouseNumber}\">\n\t\t\t\t\t\t\t\t\t<layoutData>\n\t\t\t\t\t\t\t\t\t\t<l:GridData span=\"XL1 L2 M2 S4\" />\n\t\t\t\t\t\t\t\t\t</layoutData>\n\t\t\t\t\t\t\t\t</Input>\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"ZIP Code and City\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{ZIPCode}\">\n\t\t\t\t\t\t\t\t\t<layoutData>\n\t\t\t\t\t\t\t\t\t\t<l:GridData span=\"XL1 L2 M2 S4\" />\n\t\t\t\t\t\t\t\t\t</layoutData>\n\t\t\t\t\t\t\t\t</Input>\n\t\t\t\t\t\t\t\t<Input value=\"{City}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Country where the contact is located\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Select id=\"country\" selectedKey=\"{Country}\">\n\t\t\t\t\t\t\t\t\t<items>\n\t\t\t\t\t\t\t\t\t\t<core:Item text=\"England\" key=\"England\"/>\n\t\t\t\t\t\t\t\t\t\t<core:Item text=\"Germany\" key=\"Germany\"/>\n\t\t\t\t\t\t\t\t\t\t<core:Item text=\"USA\" key=\"USA\"/>\n\t\t\t\t\t\t\t\t\t</items>\n\t\t\t\t\t\t\t\t</Select>\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t</f:formElements>\n\t\t\t\t</f:FormContainer>\n\t\t\t\t<f:FormContainer title=\"Online\">\n\t\t\t\t\t<f:formElements>\n\t\t\t\t\t\t<f:FormElement label=\"Web page of the contact\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{Url}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Twitter account of the contact\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{Twitter}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t</f:formElements>\n\t\t\t\t</f:FormContainer>\n\t\t\t</f:formContainers>\n\t\t</f:Form>\n\t</VBox>\n</core:FragmentDefinition>",
559
+ "Component.js": "sap.ui.define(['sap/ui/core/UIComponent'],\n\tfunction(UIComponent) {\n\t\"use strict\";\n\n\tvar Component = UIComponent.extend(\"sap.ui.layout.sample.Form354wideDual.Component\", {\n\n\t\tmetadata : {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n\n\treturn Component;\n\n});\n",
560
+ "Display.fragment.xml": "<core:FragmentDefinition\n\txmlns=\"sap.m\"\n\txmlns:l=\"sap.ui.layout\"\n\txmlns:f=\"sap.ui.layout.form\"\n\txmlns:core=\"sap.ui.core\">\n\t<VBox class=\"sapUiSmallMargin\">\n\t\t<f:Form id=\"FormDisplay354wideDual\"\n\t\t\teditable=\"false\">\n\t\t\t<f:title>\n\t\t\t\t<core:Title text=\"Address\" />\n\t\t\t</f:title>\n\t\t\t<f:layout>\n\t\t\t\t<f:ResponsiveGridLayout\n\t\t\t\t\tlabelSpanXL=\"4\"\n\t\t\t\t\tlabelSpanL=\"3\"\n\t\t\t\t\tlabelSpanM=\"4\"\n\t\t\t\t\tlabelSpanS=\"12\"\n\t\t\t\t\tadjustLabelSpan=\"false\"\n\t\t\t\t\temptySpanXL=\"0\"\n\t\t\t\t\temptySpanL=\"4\"\n\t\t\t\t\temptySpanM=\"0\"\n\t\t\t\t\temptySpanS=\"0\"\n\t\t\t\t\tcolumnsXL=\"2\"\n\t\t\t\t\tcolumnsL=\"1\"\n\t\t\t\t\tcolumnsM=\"1\"\n\t\t\t\t\tsingleContainerFullSize=\"false\" />\n\t\t\t</f:layout>\n\t\t\t<f:formContainers>\n\t\t\t\t<f:FormContainer title=\"Office\">\n\t\t\t\t\t<f:formElements>\n\t\t\t\t\t\t<f:FormElement label=\"Full name of the contact\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{SupplierName}\" id=\"nameText\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Street and number where the contact is located\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{Street} {HouseNumber}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"ZIP Code and City\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{ZIPCode} {City}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Country where the contact is located\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{Country}\" id=\"countryText\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t</f:formElements>\n\t\t\t\t</f:FormContainer>\n\t\t\t\t<f:FormContainer title=\"Online\">\n\t\t\t\t\t<f:formElements>\n\t\t\t\t\t\t<f:FormElement label=\"Web page of the contact\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{Url}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Twitter account of the contact\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{Twitter}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t</f:formElements>\n\t\t\t\t</f:FormContainer>\n\t\t\t</f:formContainers>\n\t\t</f:Form>\n\t</VBox>\n</core:FragmentDefinition>",
561
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.ui.layout.sample.Form354wideDual\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.ui.layout.sample.Form354wideDual.Page\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.layout\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"stretch\": true,\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"Page.view.xml\",\n\t\t\t\t\t\"Page.controller.js\",\n\t\t\t\t\t\"Change.fragment.xml\",\n\t\t\t\t\t\"Display.fragment.xml\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
562
+ "Page.controller.js": "sap.ui.define([\n\t\t'sap/ui/core/Fragment',\n\t\t'sap/ui/core/mvc/Controller',\n\t\t'sap/ui/model/json/JSONModel'\n\t], function(Fragment, Controller, JSONModel) {\n\t\"use strict\";\n\n\tvar PageController = Controller.extend(\"sap.ui.layout.sample.Form354wideDual.Page\", {\n\n\t\tonInit: function (oEvent) {\n\n\t\t\t// set explored app's demo model on this sample\n\t\t\tvar oModel = new JSONModel(sap.ui.require.toUrl(\"sap/ui/demo/mock/supplier.json\"));\n\t\t\tthis.getView().setModel(oModel);\n\n\t\t\tthis.getView().bindElement(\"/SupplierCollection/0\");\n\n\t\t\tthis._formFragments = {};\n\n\t\t\t// Set the initial form to be the display one\n\t\t\tthis._showFormFragment(\"Display\");\n\t\t},\n\n\t\thandleEditPress : function () {\n\n\t\t\t//Clone the data\n\t\t\tthis._oSupplier = Object.assign({}, this.getView().getModel().getData().SupplierCollection[0]);\n\t\t\tthis._toggleButtonsAndView(true);\n\n\t\t},\n\n\t\thandleCancelPress : function () {\n\n\t\t\t//Restore the data\n\t\t\tvar oModel = this.getView().getModel();\n\t\t\tvar oData = oModel.getData();\n\n\t\t\toData.SupplierCollection[0] = this._oSupplier;\n\n\t\t\toModel.setData(oData);\n\t\t\tthis._toggleButtonsAndView(false);\n\n\t\t},\n\n\t\thandleSavePress : function () {\n\n\t\t\tthis._toggleButtonsAndView(false);\n\n\t\t},\n\n\t\t_toggleButtonsAndView : function (bEdit) {\n\t\t\tvar oView = this.getView();\n\n\t\t\t// Show the appropriate action buttons\n\t\t\toView.byId(\"edit\").setVisible(!bEdit);\n\t\t\toView.byId(\"save\").setVisible(bEdit);\n\t\t\toView.byId(\"cancel\").setVisible(bEdit);\n\n\t\t\t// Set the right form type\n\t\t\tthis._showFormFragment(bEdit ? \"Change\" : \"Display\");\n\t\t},\n\n\t\t_getFormFragment: function (sFragmentName) {\n\t\t\tvar pFormFragment = this._formFragments[sFragmentName],\n\t\t\t\toView = this.getView();\n\n\t\t\tif (!pFormFragment) {\n\t\t\t\tpFormFragment = Fragment.load({\n\t\t\t\t\tid: oView.getId(),\n\t\t\t\t\tname: \"sap.ui.layout.sample.Form354wideDual.\" + sFragmentName\n\t\t\t\t});\n\t\t\t\tthis._formFragments[sFragmentName] = pFormFragment;\n\t\t\t}\n\n\t\t\treturn pFormFragment;\n\t\t},\n\n\t\t_showFormFragment : function (sFragmentName) {\n\t\t\tvar oPage = this.byId(\"page\");\n\n\t\t\toPage.removeAllContent();\n\t\t\tthis._getFormFragment(sFragmentName).then(function(oVBox){\n\t\t\t\toPage.insertContent(oVBox);\n\t\t\t});\n\t\t}\n\n\t});\n\n\treturn PageController;\n\n});",
563
+ "Page.view.xml": "<mvc:View\n\theight=\"100%\"\n\tcontrollerName=\"sap.ui.layout.sample.Form354wideDual.Page\"\n\txmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns=\"sap.m\">\n\t<Page\n\t\tid=\"page\"\n\t\tshowHeader=\"true\" >\n\t\t<customHeader>\n\t\t\t<Bar>\n\t\t\t\t<contentRight>\n\t\t\t\t\t<Button id=\"edit\" text=\"Edit\" press=\"handleEditPress\" />\n\t\t\t\t\t<Button id=\"save\" text=\"Save\" type=\"Emphasized\" visible=\"false\" press=\"handleSavePress\" />\n\t\t\t\t\t<Button id=\"cancel\" text=\"Cancel\" visible=\"false\" press=\"handleCancelPress\" />\n\t\t\t\t</contentRight>\n\t\t\t</Bar>\n\t\t</customHeader>\n\t</Page>\n</mvc:View>"
564
+ },
565
+ "sap.ui.layout/Form471": {
566
+ "Change.fragment.xml": "<core:FragmentDefinition\n\txmlns=\"sap.m\"\n\txmlns:l=\"sap.ui.layout\"\n\txmlns:f=\"sap.ui.layout.form\"\n\txmlns:core=\"sap.ui.core\">\n\t<VBox class=\"sapUiSmallMargin\">\n\t\t<f:Form id=\"FormChange471\"\n\t\t\teditable=\"true\">\n\t\t\t<f:title>\n\t\t\t\t<core:Title text=\"Address\" />\n\t\t\t</f:title>\n\t\t\t<f:layout>\n\t\t\t\t<f:ResponsiveGridLayout\n\t\t\t\t\tlabelSpanXL=\"4\"\n\t\t\t\t\tlabelSpanL=\"4\"\n\t\t\t\t\tlabelSpanM=\"4\"\n\t\t\t\t\tlabelSpanS=\"12\"\n\t\t\t\t\tadjustLabelSpan=\"false\"\n\t\t\t\t\temptySpanXL=\"1\"\n\t\t\t\t\temptySpanL=\"1\"\n\t\t\t\t\temptySpanM=\"1\"\n\t\t\t\t\temptySpanS=\"0\"\n\t\t\t\t\tcolumnsXL=\"1\"\n\t\t\t\t\tcolumnsL=\"1\"\n\t\t\t\t\tcolumnsM=\"1\"\n\t\t\t\t\tsingleContainerFullSize=\"false\" />\n\t\t\t</f:layout>\n\t\t\t<f:formContainers>\n\t\t\t\t<f:FormContainer>\n\t\t\t\t\t<f:formElements>\n\t\t\t\t\t\t<f:FormElement label=\"Name\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{SupplierName}\" id=\"name\"/>\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Street\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{Street}\" />\n\t\t\t\t\t\t\t\t<Input value=\"{HouseNumber}\">\n\t\t\t\t\t\t\t\t\t<layoutData>\n\t\t\t\t\t\t\t\t\t\t<l:GridData span=\"XL1 L2 M2 S4\" />\n\t\t\t\t\t\t\t\t\t</layoutData>\n\t\t\t\t\t\t\t\t</Input>\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"ZIP Code/City\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{ZIPCode}\">\n\t\t\t\t\t\t\t\t\t<layoutData>\n\t\t\t\t\t\t\t\t\t\t<l:GridData span=\"XL1 L2 M2 S4\" />\n\t\t\t\t\t\t\t\t\t</layoutData>\n\t\t\t\t\t\t\t\t</Input>\n\t\t\t\t\t\t\t\t<Input value=\"{City}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Country\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Select id=\"country\" selectedKey=\"{Country}\">\n\t\t\t\t\t\t\t\t\t<items>\n\t\t\t\t\t\t\t\t\t\t<core:Item text=\"England\" key=\"England\"/>\n\t\t\t\t\t\t\t\t\t\t<core:Item text=\"Germany\" key=\"Germany\"/>\n\t\t\t\t\t\t\t\t\t\t<core:Item text=\"USA\" key=\"USA\"/>\n\t\t\t\t\t\t\t\t\t</items>\n\t\t\t\t\t\t\t\t</Select>\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t</f:formElements>\n\t\t\t\t</f:FormContainer>\n\t\t\t</f:formContainers>\n\t\t</f:Form>\n\t</VBox>\n</core:FragmentDefinition>",
567
+ "Component.js": "sap.ui.define(['sap/ui/core/UIComponent'],\n\tfunction(UIComponent) {\n\t\"use strict\";\n\n\tvar Component = UIComponent.extend(\"sap.ui.layout.sample.Form471.Component\", {\n\n\t\tmetadata : {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n\n\treturn Component;\n\n});\n",
568
+ "Display.fragment.xml": "<core:FragmentDefinition\n\txmlns=\"sap.m\"\n\txmlns:l=\"sap.ui.layout\"\n\txmlns:f=\"sap.ui.layout.form\"\n\txmlns:core=\"sap.ui.core\">\n\t<VBox class=\"sapUiSmallMargin\">\n\t\t<f:Form id=\"FormDisplay471\"\n\t\t\teditable=\"false\">\n\t\t\t<f:title>\n\t\t\t\t<core:Title text=\"Address\" />\n\t\t\t</f:title>\n\t\t\t<f:layout>\n\t\t\t\t<f:ResponsiveGridLayout\n\t\t\t\t\tlabelSpanXL=\"4\"\n\t\t\t\t\tlabelSpanL=\"4\"\n\t\t\t\t\tlabelSpanM=\"4\"\n\t\t\t\t\tlabelSpanS=\"12\"\n\t\t\t\t\tadjustLabelSpan=\"false\"\n\t\t\t\t\temptySpanXL=\"1\"\n\t\t\t\t\temptySpanL=\"1\"\n\t\t\t\t\temptySpanM=\"1\"\n\t\t\t\t\temptySpanS=\"0\"\n\t\t\t\t\tcolumnsXL=\"1\"\n\t\t\t\t\tcolumnsL=\"1\"\n\t\t\t\t\tcolumnsM=\"1\"\n\t\t\t\t\tsingleContainerFullSize=\"false\" />\n\t\t\t</f:layout>\n\t\t\t<f:formContainers>\n\t\t\t\t<f:FormContainer>\n\t\t\t\t\t<f:formElements>\n\t\t\t\t\t\t<f:FormElement label=\"Name\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{SupplierName}\" id=\"nameText\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Street\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{Street} {HouseNumber}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"ZIP Code/City\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{ZIPCode} {City}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Country\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{Country}\" id=\"countryText\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t</f:formElements>\n\t\t\t\t</f:FormContainer>\n\t\t\t</f:formContainers>\n\t\t</f:Form>\n\t</VBox>\n</core:FragmentDefinition>",
569
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.ui.layout.sample.Form471\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.ui.layout.sample.Form471.Page\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.layout\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"stretch\": true,\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"Page.view.xml\",\n\t\t\t\t\t\"Page.controller.js\",\n\t\t\t\t\t\"Change.fragment.xml\",\n\t\t\t\t\t\"Display.fragment.xml\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
570
+ "Page.controller.js": "sap.ui.define([\n\t\t'sap/ui/core/Fragment',\n\t\t'sap/ui/core/mvc/Controller',\n\t\t'sap/ui/model/json/JSONModel'\n\t], function(Fragment, Controller, JSONModel) {\n\t\"use strict\";\n\n\tvar PageController = Controller.extend(\"sap.ui.layout.sample.Form471.Page\", {\n\n\t\tonInit: function (oEvent) {\n\n\t\t\t// set explored app's demo model on this sample\n\t\t\tvar oModel = new JSONModel(sap.ui.require.toUrl(\"sap/ui/demo/mock/supplier.json\"));\n\t\t\tthis.getView().setModel(oModel);\n\n\t\t\tthis.getView().bindElement(\"/SupplierCollection/0\");\n\n\t\t\tthis._formFragments = {};\n\n\t\t\t// Set the initial form to be the display one\n\t\t\tthis._showFormFragment(\"Display\");\n\n\t\t\t// to navigate to the page on phone and not show the split screen items\n\t\t\tvar oSplitContainer = this.byId(\"FormSplitscreen\");\n\t\t\toSplitContainer.toDetail(this.createId(\"page\"));\n\n\t\t},\n\n\t\thandleEditPress : function () {\n\n\t\t\t//Clone the data\n\t\t\tthis._oSupplier = Object.assign({}, this.getView().getModel().getData().SupplierCollection[0]);\n\t\t\tthis._toggleButtonsAndView(true);\n\n\t\t},\n\n\t\thandleCancelPress : function () {\n\n\t\t\t//Restore the data\n\t\t\tvar oModel = this.getView().getModel();\n\t\t\tvar oData = oModel.getData();\n\n\t\t\toData.SupplierCollection[0] = this._oSupplier;\n\n\t\t\toModel.setData(oData);\n\t\t\tthis._toggleButtonsAndView(false);\n\n\t\t},\n\n\t\thandleSavePress : function () {\n\n\t\t\tthis._toggleButtonsAndView(false);\n\n\t\t},\n\n\t\t_toggleButtonsAndView : function (bEdit) {\n\t\t\tvar oView = this.getView();\n\n\t\t\t// Show the appropriate action buttons\n\t\t\toView.byId(\"edit\").setVisible(!bEdit);\n\t\t\toView.byId(\"save\").setVisible(bEdit);\n\t\t\toView.byId(\"cancel\").setVisible(bEdit);\n\n\t\t\t// Set the right form type\n\t\t\tthis._showFormFragment(bEdit ? \"Change\" : \"Display\");\n\t\t},\n\n\t\t_getFormFragment: function (sFragmentName) {\n\t\t\tvar pFormFragment = this._formFragments[sFragmentName],\n\t\t\t\toView = this.getView();\n\n\t\t\tif (!pFormFragment) {\n\t\t\t\tpFormFragment = Fragment.load({\n\t\t\t\t\tid: oView.getId(),\n\t\t\t\t\tname: \"sap.ui.layout.sample.Form471.\" + sFragmentName\n\t\t\t\t});\n\t\t\t\tthis._formFragments[sFragmentName] = pFormFragment;\n\t\t\t}\n\n\t\t\treturn pFormFragment;\n\t\t},\n\n\t\t_showFormFragment : function (sFragmentName) {\n\t\t\tvar oPage = this.byId(\"page\");\n\n\t\t\toPage.removeAllContent();\n\t\t\tthis._getFormFragment(sFragmentName).then(function(oVBox){\n\t\t\t\toPage.insertContent(oVBox);\n\t\t\t});\n\t\t}\n\n\t});\n\n\treturn PageController;\n\n});",
571
+ "Page.view.xml": "<mvc:View\n\theight=\"100%\"\n\tcontrollerName=\"sap.ui.layout.sample.Form471.Page\"\n\txmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns=\"sap.m\">\n\t<SplitContainer id=\"FormSplitscreen\" initialDetail=\"page\" initialMaster=\"master\">\n\t\t<detailPages>\n\t\t\t<Page\n\t\t\t\tid=\"page\"\n\t\t\t\tshowHeader=\"true\" >\n\t\t\t\t<customHeader>\n\t\t\t\t\t<Bar>\n\t\t\t\t\t\t<contentRight>\n\t\t\t\t\t\t\t<Button id=\"edit\" text=\"Edit\" press=\"handleEditPress\" />\n\t\t\t\t\t\t\t<Button id=\"save\" text=\"Save\" type=\"Emphasized\" visible=\"false\" press=\"handleSavePress\" />\n\t\t\t\t\t\t\t<Button id=\"cancel\" text=\"Cancel\" visible=\"false\" press=\"handleCancelPress\" />\n\t\t\t\t\t\t</contentRight>\n\t\t\t\t\t</Bar>\n\t\t\t\t</customHeader>\n\t\t\t</Page>\n\t\t</detailPages>\n\t\t<masterPages>\n\t\t\t<Page id=\"master\" title=\"Master\" icon=\"sap-icon://action\" class=\"sapUiStdPage\">\n\t\t\t\t<content>\n\t\t\t\t\t<List>\n\t\t\t\t\t\t<items>\n\t\t\t\t\t\t\t<StandardListItem title=\"Item 1\" type=\"Inactive\"/>\n\t\t\t\t\t\t\t<StandardListItem title=\"Item 2\" type=\"Inactive\"/>\n\t\t\t\t\t\t</items>\n\t\t\t\t\t</List>\n\t\t\t\t</content>\n\t\t\t</Page>\n\t\t</masterPages>\n\t</SplitContainer>\n</mvc:View>"
572
+ },
573
+ "sap.ui.layout/Form480": {
574
+ "Change.fragment.xml": "<core:FragmentDefinition\n\txmlns=\"sap.m\"\n\txmlns:l=\"sap.ui.layout\"\n\txmlns:f=\"sap.ui.layout.form\"\n\txmlns:core=\"sap.ui.core\">\n\t<VBox class=\"sapUiSmallMargin\">\n\t\t<f:Form id=\"FormChange480\"\n\t\t\teditable=\"true\">\n\t\t\t<f:title>\n\t\t\t\t<core:Title text=\"Address\" />\n\t\t\t</f:title>\n\t\t\t<f:layout>\n\t\t\t\t<f:ResponsiveGridLayout\n\t\t\t\t\tlabelSpanXL=\"4\"\n\t\t\t\t\tlabelSpanL=\"4\"\n\t\t\t\t\tlabelSpanM=\"4\"\n\t\t\t\t\tlabelSpanS=\"12\"\n\t\t\t\t\tadjustLabelSpan=\"false\"\n\t\t\t\t\temptySpanXL=\"0\"\n\t\t\t\t\temptySpanL=\"0\"\n\t\t\t\t\temptySpanM=\"0\"\n\t\t\t\t\temptySpanS=\"0\"\n\t\t\t\t\tcolumnsXL=\"2\"\n\t\t\t\t\tcolumnsL=\"2\"\n\t\t\t\t\tcolumnsM=\"1\"\n\t\t\t\t\tsingleContainerFullSize=\"false\" />\n\t\t\t</f:layout>\n\t\t\t<f:formContainers>\n\t\t\t\t<f:FormContainer title=\"Office\">\n\t\t\t\t\t<f:formElements>\n\t\t\t\t\t\t<f:FormElement label=\"Name\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{SupplierName}\" id=\"name\"/>\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Street\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{Street}\" />\n\t\t\t\t\t\t\t\t<Input value=\"{HouseNumber}\">\n\t\t\t\t\t\t\t\t\t<layoutData>\n\t\t\t\t\t\t\t\t\t\t<l:GridData span=\"XL2 L2 M2 S4\" />\n\t\t\t\t\t\t\t\t\t</layoutData>\n\t\t\t\t\t\t\t\t</Input>\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"ZIP Code/City\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{ZIPCode}\">\n\t\t\t\t\t\t\t\t\t<layoutData>\n\t\t\t\t\t\t\t\t\t\t<l:GridData span=\"XL2 L2 M2 S4\" />\n\t\t\t\t\t\t\t\t\t</layoutData>\n\t\t\t\t\t\t\t\t</Input>\n\t\t\t\t\t\t\t\t<Input value=\"{City}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Country\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Select id=\"country\" selectedKey=\"{Country}\">\n\t\t\t\t\t\t\t\t\t<items>\n\t\t\t\t\t\t\t\t\t\t<core:Item text=\"England\" key=\"England\"/>\n\t\t\t\t\t\t\t\t\t\t<core:Item text=\"Germany\" key=\"Germany\"/>\n\t\t\t\t\t\t\t\t\t\t<core:Item text=\"USA\" key=\"USA\"/>\n\t\t\t\t\t\t\t\t\t</items>\n\t\t\t\t\t\t\t\t</Select>\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t</f:formElements>\n\t\t\t\t</f:FormContainer>\n\t\t\t\t<f:FormContainer title=\"Online\">\n\t\t\t\t\t<f:formElements>\n\t\t\t\t\t\t<f:FormElement label=\"Web\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{Url}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Twitter\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{Twitter}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t</f:formElements>\n\t\t\t\t</f:FormContainer>\n\t\t\t</f:formContainers>\n\t\t</f:Form>\n\t</VBox>\n</core:FragmentDefinition>",
575
+ "Component.js": "sap.ui.define(['sap/ui/core/UIComponent'],\n\tfunction(UIComponent) {\n\t\"use strict\";\n\n\tvar Component = UIComponent.extend(\"sap.ui.layout.sample.Form480.Component\", {\n\n\t\tmetadata : {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n\n\treturn Component;\n\n});\n",
576
+ "Display.fragment.xml": "<core:FragmentDefinition\n\txmlns=\"sap.m\"\n\txmlns:l=\"sap.ui.layout\"\n\txmlns:f=\"sap.ui.layout.form\"\n\txmlns:core=\"sap.ui.core\">\n\t<VBox class=\"sapUiSmallMargin\">\n\t\t<f:Form id=\"FormDisplay480\"\n\t\t\teditable=\"false\">\n\t\t\t<f:title>\n\t\t\t\t<core:Title text=\"Address\" />\n\t\t\t</f:title>\n\t\t\t<f:layout>\n\t\t\t\t<f:ResponsiveGridLayout\n\t\t\t\t\tlabelSpanXL=\"4\"\n\t\t\t\t\tlabelSpanL=\"4\"\n\t\t\t\t\tlabelSpanM=\"4\"\n\t\t\t\t\tlabelSpanS=\"12\"\n\t\t\t\t\tadjustLabelSpan=\"false\"\n\t\t\t\t\temptySpanXL=\"0\"\n\t\t\t\t\temptySpanL=\"0\"\n\t\t\t\t\temptySpanM=\"0\"\n\t\t\t\t\temptySpanS=\"0\"\n\t\t\t\t\tcolumnsXL=\"2\"\n\t\t\t\t\tcolumnsL=\"2\"\n\t\t\t\t\tcolumnsM=\"1\"\n\t\t\t\t\tsingleContainerFullSize=\"false\" />\n\t\t\t</f:layout>\n\t\t\t<f:formContainers>\n\t\t\t\t<f:FormContainer title=\"Office\">\n\t\t\t\t\t<f:formElements>\n\t\t\t\t\t\t<f:FormElement label=\"Name\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{SupplierName}\" id=\"nameText\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Street\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{Street} {HouseNumber}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"ZIP Code/City\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{ZIPCode} {City}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Country\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{Country}\" id=\"countryText\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t</f:formElements>\n\t\t\t\t</f:FormContainer>\n\t\t\t\t<f:FormContainer title=\"Online\">\n\t\t\t\t\t<f:formElements>\n\t\t\t\t\t\t<f:FormElement label=\"Web\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{Url}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Twitter\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{Twitter}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t</f:formElements>\n\t\t\t\t</f:FormContainer>\n\t\t\t</f:formContainers>\n\t\t</f:Form>\n\t</VBox>\n</core:FragmentDefinition>",
577
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.ui.layout.sample.Form480\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.ui.layout.sample.Form480.Page\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.layout\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"stretch\": true,\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"Page.view.xml\",\n\t\t\t\t\t\"Page.controller.js\",\n\t\t\t\t\t\"Change.fragment.xml\",\n\t\t\t\t\t\"Display.fragment.xml\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
578
+ "Page.controller.js": "sap.ui.define([\n\t\t'sap/ui/core/Fragment',\n\t\t'sap/ui/core/mvc/Controller',\n\t\t'sap/ui/model/json/JSONModel'\n\t], function(Fragment, Controller, JSONModel) {\n\t\"use strict\";\n\n\tvar PageController = Controller.extend(\"sap.ui.layout.sample.Form480.Page\", {\n\n\t\tonInit: function (oEvent) {\n\n\t\t\t// set explored app's demo model on this sample\n\t\t\tvar oModel = new JSONModel(sap.ui.require.toUrl(\"sap/ui/demo/mock/supplier.json\"));\n\t\t\tthis.getView().setModel(oModel);\n\n\t\t\tthis.getView().bindElement(\"/SupplierCollection/0\");\n\n\t\t\tthis._formFragments = {};\n\n\t\t\t// Set the initial form to be the display one\n\t\t\tthis._showFormFragment(\"Display\");\n\t\t},\n\n\t\thandleEditPress : function () {\n\n\t\t\t//Clone the data\n\t\t\tthis._oSupplier = Object.assign({}, this.getView().getModel().getData().SupplierCollection[0]);\n\t\t\tthis._toggleButtonsAndView(true);\n\n\t\t},\n\n\t\thandleCancelPress : function () {\n\n\t\t\t//Restore the data\n\t\t\tvar oModel = this.getView().getModel();\n\t\t\tvar oData = oModel.getData();\n\n\t\t\toData.SupplierCollection[0] = this._oSupplier;\n\n\t\t\toModel.setData(oData);\n\t\t\tthis._toggleButtonsAndView(false);\n\n\t\t},\n\n\t\thandleSavePress : function () {\n\n\t\t\tthis._toggleButtonsAndView(false);\n\n\t\t},\n\n\t\t_toggleButtonsAndView : function (bEdit) {\n\t\t\tvar oView = this.getView();\n\n\t\t\t// Show the appropriate action buttons\n\t\t\toView.byId(\"edit\").setVisible(!bEdit);\n\t\t\toView.byId(\"save\").setVisible(bEdit);\n\t\t\toView.byId(\"cancel\").setVisible(bEdit);\n\n\t\t\t// Set the right form type\n\t\t\tthis._showFormFragment(bEdit ? \"Change\" : \"Display\");\n\t\t},\n\n\t\t_getFormFragment: function (sFragmentName) {\n\t\t\tvar pFormFragment = this._formFragments[sFragmentName],\n\t\t\t\toView = this.getView();\n\n\t\t\tif (!pFormFragment) {\n\t\t\t\tpFormFragment = Fragment.load({\n\t\t\t\t\tid: oView.getId(),\n\t\t\t\t\tname: \"sap.ui.layout.sample.Form480.\" + sFragmentName\n\t\t\t\t});\n\t\t\t\tthis._formFragments[sFragmentName] = pFormFragment;\n\t\t\t}\n\n\t\t\treturn pFormFragment;\n\t\t},\n\n\t\t_showFormFragment : function (sFragmentName) {\n\t\t\tvar oPage = this.byId(\"page\");\n\n\t\t\toPage.removeAllContent();\n\t\t\tthis._getFormFragment(sFragmentName).then(function(oVBox){\n\t\t\t\toPage.insertContent(oVBox);\n\t\t\t});\n\t\t}\n\n\t});\n\n\treturn PageController;\n\n});",
579
+ "Page.view.xml": "<mvc:View\n\theight=\"100%\"\n\tcontrollerName=\"sap.ui.layout.sample.Form480.Page\"\n\txmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns=\"sap.m\">\n\t<Page\n\t\tid=\"page\"\n\t\tshowHeader=\"true\" >\n\t\t<customHeader>\n\t\t\t<Bar>\n\t\t\t\t<contentRight>\n\t\t\t\t\t<Button id=\"edit\" text=\"Edit\" press=\"handleEditPress\" />\n\t\t\t\t\t<Button id=\"save\" text=\"Save\" type=\"Emphasized\" visible=\"false\" press=\"handleSavePress\" />\n\t\t\t\t\t<Button id=\"cancel\" text=\"Cancel\" visible=\"false\" press=\"handleCancelPress\" />\n\t\t\t\t</contentRight>\n\t\t\t</Bar>\n\t\t</customHeader>\n\t</Page>\n</mvc:View>"
580
+ },
581
+ "sap.ui.layout/Form480_12120": {
582
+ "Change.fragment.xml": "<core:FragmentDefinition\n\txmlns=\"sap.m\"\n\txmlns:l=\"sap.ui.layout\"\n\txmlns:f=\"sap.ui.layout.form\"\n\txmlns:core=\"sap.ui.core\">\n\t<VBox class=\"sapUiSmallMargin\">\n\t\t<f:Form id=\"FormChange480_12120\"\n\t\t\teditable=\"true\">\n\t\t\t<f:title>\n\t\t\t\t<core:Title text=\"Address\" />\n\t\t\t</f:title>\n\t\t\t<f:layout>\n\t\t\t\t<f:ResponsiveGridLayout\n\t\t\t\t\tlabelSpanXL=\"4\"\n\t\t\t\t\tlabelSpanL=\"4\"\n\t\t\t\t\tlabelSpanM=\"12\"\n\t\t\t\t\tlabelSpanS=\"12\"\n\t\t\t\t\tadjustLabelSpan=\"false\"\n\t\t\t\t\temptySpanXL=\"0\"\n\t\t\t\t\temptySpanL=\"0\"\n\t\t\t\t\temptySpanM=\"0\"\n\t\t\t\t\temptySpanS=\"0\"\n\t\t\t\t\tcolumnsXL=\"2\"\n\t\t\t\t\tcolumnsL=\"2\"\n\t\t\t\t\tcolumnsM=\"1\"\n\t\t\t\t\tsingleContainerFullSize=\"false\" />\n\t\t\t</f:layout>\n\t\t\t<f:formContainers>\n\t\t\t\t<f:FormContainer title=\"Office\">\n\t\t\t\t\t<f:formElements>\n\t\t\t\t\t\t<f:FormElement label=\"Name\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{SupplierName}\" id=\"name\"/>\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Street\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{Street}\" />\n\t\t\t\t\t\t\t\t<Input value=\"{HouseNumber}\">\n\t\t\t\t\t\t\t\t\t<layoutData>\n\t\t\t\t\t\t\t\t\t\t<l:GridData span=\"XL2 L2 M2 S4\" />\n\t\t\t\t\t\t\t\t\t</layoutData>\n\t\t\t\t\t\t\t\t</Input>\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"ZIP Code/City\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{ZIPCode}\">\n\t\t\t\t\t\t\t\t\t<layoutData>\n\t\t\t\t\t\t\t\t\t\t<l:GridData span=\"XL2 L2 M2 S4\" />\n\t\t\t\t\t\t\t\t\t</layoutData>\n\t\t\t\t\t\t\t\t</Input>\n\t\t\t\t\t\t\t\t<Input value=\"{City}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Country\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Select id=\"country\" selectedKey=\"{Country}\">\n\t\t\t\t\t\t\t\t\t<items>\n\t\t\t\t\t\t\t\t\t\t<core:Item text=\"England\" key=\"England\"/>\n\t\t\t\t\t\t\t\t\t\t<core:Item text=\"Germany\" key=\"Germany\"/>\n\t\t\t\t\t\t\t\t\t\t<core:Item text=\"USA\" key=\"USA\"/>\n\t\t\t\t\t\t\t\t\t</items>\n\t\t\t\t\t\t\t\t</Select>\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t</f:formElements>\n\t\t\t\t</f:FormContainer>\n\t\t\t\t<f:FormContainer title=\"Online\">\n\t\t\t\t\t<f:formElements>\n\t\t\t\t\t\t<f:FormElement label=\"Web\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{Url}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Twitter\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{Twitter}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t</f:formElements>\n\t\t\t\t</f:FormContainer>\n\t\t\t</f:formContainers>\n\t\t</f:Form>\n\t\t<f:Form id=\"FormChange480_12120-2\"\n\t\t\teditable=\"true\">\n\t\t\t<f:title>\n\t\t\t\t<core:Title text=\"More\" />\n\t\t\t</f:title>\n\t\t\t<f:layout>\n\t\t\t\t<f:ResponsiveGridLayout\n\t\t\t\t\tlabelSpanXL=\"4\"\n\t\t\t\t\tlabelSpanL=\"4\"\n\t\t\t\t\tlabelSpanM=\"12\"\n\t\t\t\t\tlabelSpanS=\"12\"\n\t\t\t\t\tadjustLabelSpan=\"false\"\n\t\t\t\t\temptySpanXL=\"0\"\n\t\t\t\t\temptySpanL=\"0\"\n\t\t\t\t\temptySpanM=\"0\"\n\t\t\t\t\temptySpanS=\"0\"\n\t\t\t\t\tcolumnsXL=\"2\"\n\t\t\t\t\tcolumnsL=\"2\"\n\t\t\t\t\tcolumnsM=\"1\"\n\t\t\t\t\tsingleContainerFullSize=\"false\" />\n\t\t\t</f:layout>\n\t\t\t<f:formContainers>\n\t\t\t\t<f:FormContainer title=\"Contact data\">\n\t\t\t\t\t<f:formElements>\n\t\t\t\t\t\t<f:FormElement label=\"Email\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{EMail}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Tel.\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{Tel}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"SMS\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{Sms}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t</f:formElements>\n\t\t\t\t</f:FormContainer>\n\t\t\t</f:formContainers>\n\t\t</f:Form>\n\t</VBox>\n</core:FragmentDefinition>",
583
+ "Component.js": "sap.ui.define(['sap/ui/core/UIComponent'],\n\tfunction(UIComponent) {\n\t\"use strict\";\n\n\tvar Component = UIComponent.extend(\"sap.ui.layout.sample.Form480_12120.Component\", {\n\n\t\tmetadata : {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n\n\treturn Component;\n\n});\n",
584
+ "Display.fragment.xml": "<core:FragmentDefinition\n\txmlns=\"sap.m\"\n\txmlns:l=\"sap.ui.layout\"\n\txmlns:f=\"sap.ui.layout.form\"\n\txmlns:core=\"sap.ui.core\">\n\t<VBox class=\"sapUiSmallMargin\">\n\t\t<f:Form id=\"FormDisplay480_12120\"\n\t\t\teditable=\"false\">\n\t\t\t<f:title>\n\t\t\t\t<core:Title text=\"Address\" />\n\t\t\t</f:title>\n\t\t\t<f:layout>\n\t\t\t\t<f:ResponsiveGridLayout\n\t\t\t\t\tlabelSpanXL=\"4\"\n\t\t\t\t\tlabelSpanL=\"4\"\n\t\t\t\t\tlabelSpanM=\"12\"\n\t\t\t\t\tlabelSpanS=\"12\"\n\t\t\t\t\tadjustLabelSpan=\"false\"\n\t\t\t\t\temptySpanXL=\"0\"\n\t\t\t\t\temptySpanL=\"0\"\n\t\t\t\t\temptySpanM=\"0\"\n\t\t\t\t\temptySpanS=\"0\"\n\t\t\t\t\tcolumnsXL=\"2\"\n\t\t\t\t\tcolumnsL=\"2\"\n\t\t\t\t\tcolumnsM=\"1\"\n\t\t\t\t\tsingleContainerFullSize=\"false\" />\n\t\t\t</f:layout>\n\t\t\t<f:formContainers>\n\t\t\t\t<f:FormContainer title=\"Office\">\n\t\t\t\t\t<f:formElements>\n\t\t\t\t\t\t<f:FormElement label=\"Name\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{SupplierName}\" id=\"nameText\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Street\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{Street} {HouseNumber}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"ZIP Code/City\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{ZIPCode} {City}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Country\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{Country}\" id=\"countryText\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t</f:formElements>\n\t\t\t\t</f:FormContainer>\n\t\t\t\t<f:FormContainer title=\"Online\">\n\t\t\t\t\t<f:formElements>\n\t\t\t\t\t\t<f:FormElement label=\"Web\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{Url}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Twitter\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{Twitter}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t</f:formElements>\n\t\t\t\t</f:FormContainer>\n\t\t\t</f:formContainers>\n\t\t</f:Form>\n\t\t<f:Form id=\"FormDisplay480_12120-2\"\n\t\t\teditable=\"false\">\n\t\t\t<f:title>\n\t\t\t\t<core:Title text=\"More\" />\n\t\t\t</f:title>\n\t\t\t<f:layout>\n\t\t\t\t<f:ResponsiveGridLayout\n\t\t\t\t\tlabelSpanXL=\"4\"\n\t\t\t\t\tlabelSpanL=\"4\"\n\t\t\t\t\tlabelSpanM=\"12\"\n\t\t\t\t\tlabelSpanS=\"12\"\n\t\t\t\t\tadjustLabelSpan=\"false\"\n\t\t\t\t\temptySpanXL=\"0\"\n\t\t\t\t\temptySpanL=\"0\"\n\t\t\t\t\temptySpanM=\"0\"\n\t\t\t\t\temptySpanS=\"0\"\n\t\t\t\t\tcolumnsXL=\"2\"\n\t\t\t\t\tcolumnsL=\"2\"\n\t\t\t\t\tcolumnsM=\"1\"\n\t\t\t\t\tsingleContainerFullSize=\"false\" />\n\t\t\t</f:layout>\n\t\t\t<f:formContainers>\n\t\t\t\t<f:FormContainer title=\"Contact data\">\n\t\t\t\t\t<f:formElements>\n\t\t\t\t\t\t<f:FormElement label=\"Email\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{EMail}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Tel.\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{Tel}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"SMS\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{Sms}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t</f:formElements>\n\t\t\t\t</f:FormContainer>\n\t\t\t</f:formContainers>\n\t\t</f:Form>\n\t</VBox>\n</core:FragmentDefinition>",
585
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.ui.layout.sample.Form480_12120\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.ui.layout.sample.Form480_12120.Page\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.layout\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"stretch\": true,\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"Page.view.xml\",\n\t\t\t\t\t\"Page.controller.js\",\n\t\t\t\t\t\"Change.fragment.xml\",\n\t\t\t\t\t\"Display.fragment.xml\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
586
+ "Page.controller.js": "sap.ui.define([\n\t\t'sap/ui/core/Fragment',\n\t\t'sap/ui/core/mvc/Controller',\n\t\t'sap/ui/model/json/JSONModel'\n\t], function(Fragment, Controller, JSONModel) {\n\t\"use strict\";\n\n\tvar PageController = Controller.extend(\"sap.ui.layout.sample.Form480_12120.Page\", {\n\n\t\tonInit: function (oEvent) {\n\n\t\t\t// set explored app's demo model on this sample\n\t\t\tvar oModel = new JSONModel(sap.ui.require.toUrl(\"sap/ui/demo/mock/supplier.json\"));\n\t\t\tthis.getView().setModel(oModel);\n\n\t\t\tthis.getView().bindElement(\"/SupplierCollection/0\");\n\n\t\t\tthis._formFragments = {};\n\n\t\t\t// Set the initial form to be the display one\n\t\t\tthis._showFormFragment(\"Display\");\n\t\t},\n\n\t\thandleEditPress : function () {\n\n\t\t\t//Clone the data\n\t\t\tthis._oSupplier = Object.assign({}, this.getView().getModel().getData().SupplierCollection[0]);\n\t\t\tthis._toggleButtonsAndView(true);\n\n\t\t},\n\n\t\thandleCancelPress : function () {\n\n\t\t\t//Restore the data\n\t\t\tvar oModel = this.getView().getModel();\n\t\t\tvar oData = oModel.getData();\n\n\t\t\toData.SupplierCollection[0] = this._oSupplier;\n\n\t\t\toModel.setData(oData);\n\t\t\tthis._toggleButtonsAndView(false);\n\n\t\t},\n\n\t\thandleSavePress : function () {\n\n\t\t\tthis._toggleButtonsAndView(false);\n\n\t\t},\n\n\t\t_toggleButtonsAndView : function (bEdit) {\n\t\t\tvar oView = this.getView();\n\n\t\t\t// Show the appropriate action buttons\n\t\t\toView.byId(\"edit\").setVisible(!bEdit);\n\t\t\toView.byId(\"save\").setVisible(bEdit);\n\t\t\toView.byId(\"cancel\").setVisible(bEdit);\n\n\t\t\t// Set the right form type\n\t\t\tthis._showFormFragment(bEdit ? \"Change\" : \"Display\");\n\t\t},\n\n\t\t_getFormFragment: function (sFragmentName) {\n\t\t\tvar pFormFragment = this._formFragments[sFragmentName],\n\t\t\t\toView = this.getView();\n\n\t\t\tif (!pFormFragment) {\n\t\t\t\tpFormFragment = Fragment.load({\n\t\t\t\t\tid: oView.getId(),\n\t\t\t\t\tname: \"sap.ui.layout.sample.Form480_12120.\" + sFragmentName\n\t\t\t\t});\n\t\t\t\tthis._formFragments[sFragmentName] = pFormFragment;\n\t\t\t}\n\n\t\t\treturn pFormFragment;\n\t\t},\n\n\t\t_showFormFragment : function (sFragmentName) {\n\t\t\tvar oPage = this.byId(\"page\");\n\n\t\t\toPage.removeAllContent();\n\t\t\tthis._getFormFragment(sFragmentName).then(function(oVBox){\n\t\t\t\toPage.insertContent(oVBox);\n\t\t\t});\n\t\t}\n\n\t});\n\n\treturn PageController;\n\n});",
587
+ "Page.view.xml": "<mvc:View\n\theight=\"100%\"\n\tcontrollerName=\"sap.ui.layout.sample.Form480_12120.Page\"\n\txmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns=\"sap.m\">\n\t<Page\n\t\tid=\"page\"\n\t\tshowHeader=\"true\" >\n\t\t<customHeader>\n\t\t\t<Bar>\n\t\t\t\t<contentRight>\n\t\t\t\t\t<Button id=\"edit\" text=\"Edit\" press=\"handleEditPress\" />\n\t\t\t\t\t<Button id=\"save\" text=\"Save\" type=\"Emphasized\" visible=\"false\" press=\"handleSavePress\" />\n\t\t\t\t\t<Button id=\"cancel\" text=\"Cancel\" visible=\"false\" press=\"handleCancelPress\" />\n\t\t\t\t</contentRight>\n\t\t\t</Bar>\n\t\t</customHeader>\n\t</Page>\n</mvc:View>"
588
+ },
589
+ "sap.ui.layout/Form480_12120Dual": {
590
+ "Change.fragment.xml": "<core:FragmentDefinition\n\txmlns=\"sap.m\"\n\txmlns:l=\"sap.ui.layout\"\n\txmlns:f=\"sap.ui.layout.form\"\n\txmlns:core=\"sap.ui.core\">\n\t<VBox class=\"sapUiSmallMargin\">\n\t\t<f:Form id=\"FormChange480_12120Dual\"\n\t\t\teditable=\"true\">\n\t\t\t<f:title>\n\t\t\t\t<core:Title text=\"Address\" />\n\t\t\t</f:title>\n\t\t\t<f:layout>\n\t\t\t\t<f:ResponsiveGridLayout\n\t\t\t\t\tlabelSpanXL=\"4\"\n\t\t\t\t\tlabelSpanL=\"4\"\n\t\t\t\t\tlabelSpanM=\"12\"\n\t\t\t\t\tlabelSpanS=\"12\"\n\t\t\t\t\tadjustLabelSpan=\"false\"\n\t\t\t\t\temptySpanXL=\"0\"\n\t\t\t\t\temptySpanL=\"0\"\n\t\t\t\t\temptySpanM=\"0\"\n\t\t\t\t\temptySpanS=\"0\"\n\t\t\t\t\tcolumnsXL=\"2\"\n\t\t\t\t\tcolumnsL=\"2\"\n\t\t\t\t\tcolumnsM=\"2\"\n\t\t\t\t\tsingleContainerFullSize=\"false\" />\n\t\t\t</f:layout>\n\t\t\t<f:formContainers>\n\t\t\t\t<f:FormContainer title=\"Office\">\n\t\t\t\t\t<f:formElements>\n\t\t\t\t\t\t<f:FormElement label=\"Name\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{SupplierName}\" id=\"name\"/>\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Street\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{Street}\" />\n\t\t\t\t\t\t\t\t<Input value=\"{HouseNumber}\">\n\t\t\t\t\t\t\t\t\t<layoutData>\n\t\t\t\t\t\t\t\t\t\t<l:GridData span=\"XL2 L2 M3 S4\" />\n\t\t\t\t\t\t\t\t\t</layoutData>\n\t\t\t\t\t\t\t\t</Input>\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"ZIP Code/City\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{ZIPCode}\">\n\t\t\t\t\t\t\t\t\t<layoutData>\n\t\t\t\t\t\t\t\t\t\t<l:GridData span=\"XL2 L2 M3 S4\" />\n\t\t\t\t\t\t\t\t\t</layoutData>\n\t\t\t\t\t\t\t\t</Input>\n\t\t\t\t\t\t\t\t<Input value=\"{City}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Country\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Select id=\"country\" selectedKey=\"{Country}\">\n\t\t\t\t\t\t\t\t\t<items>\n\t\t\t\t\t\t\t\t\t\t<core:Item text=\"England\" key=\"England\"/>\n\t\t\t\t\t\t\t\t\t\t<core:Item text=\"Germany\" key=\"Germany\"/>\n\t\t\t\t\t\t\t\t\t\t<core:Item text=\"USA\" key=\"USA\"/>\n\t\t\t\t\t\t\t\t\t</items>\n\t\t\t\t\t\t\t\t</Select>\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t</f:formElements>\n\t\t\t\t</f:FormContainer>\n\t\t\t\t<f:FormContainer title=\"Online\">\n\t\t\t\t\t<f:formElements>\n\t\t\t\t\t\t<f:FormElement label=\"Web\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{Url}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Twitter\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{Twitter}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t</f:formElements>\n\t\t\t\t</f:FormContainer>\n\t\t\t</f:formContainers>\n\t\t</f:Form>\n\t</VBox>\n</core:FragmentDefinition>",
591
+ "Component.js": "sap.ui.define(['sap/ui/core/UIComponent'],\n\tfunction(UIComponent) {\n\t\"use strict\";\n\n\tvar Component = UIComponent.extend(\"sap.ui.layout.sample.Form480_12120Dual.Component\", {\n\n\t\tmetadata : {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n\n\treturn Component;\n\n});\n",
592
+ "Display.fragment.xml": "<core:FragmentDefinition\n\txmlns=\"sap.m\"\n\txmlns:l=\"sap.ui.layout\"\n\txmlns:f=\"sap.ui.layout.form\"\n\txmlns:core=\"sap.ui.core\">\n\t<VBox class=\"sapUiSmallMargin\">\n\t\t<f:Form id=\"FormDisplay480_12120Dual\"\n\t\t\teditable=\"false\">\n\t\t\t<f:title>\n\t\t\t\t<core:Title text=\"Address\" />\n\t\t\t</f:title>\n\t\t\t<f:layout>\n\t\t\t\t<f:ResponsiveGridLayout\n\t\t\t\t\tlabelSpanXL=\"4\"\n\t\t\t\t\tlabelSpanL=\"4\"\n\t\t\t\t\tlabelSpanM=\"12\"\n\t\t\t\t\tlabelSpanS=\"12\"\n\t\t\t\t\tadjustLabelSpan=\"false\"\n\t\t\t\t\temptySpanXL=\"0\"\n\t\t\t\t\temptySpanL=\"0\"\n\t\t\t\t\temptySpanM=\"0\"\n\t\t\t\t\temptySpanS=\"0\"\n\t\t\t\t\tcolumnsXL=\"2\"\n\t\t\t\t\tcolumnsL=\"2\"\n\t\t\t\t\tcolumnsM=\"2\"\n\t\t\t\t\tsingleContainerFullSize=\"false\" />\n\t\t\t</f:layout>\n\t\t\t<f:formContainers>\n\t\t\t\t<f:FormContainer title=\"Office\">\n\t\t\t\t\t<f:formElements>\n\t\t\t\t\t\t<f:FormElement label=\"Name\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{SupplierName}\" id=\"nameText\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Street\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{Street} {HouseNumber}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"ZIP Code/City\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{ZIPCode} {City}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Country\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{Country}\" id=\"countryText\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t</f:formElements>\n\t\t\t\t</f:FormContainer>\n\t\t\t\t<f:FormContainer title=\"Online\">\n\t\t\t\t\t<f:formElements>\n\t\t\t\t\t\t<f:FormElement label=\"Web\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{Url}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Twitter\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{Twitter}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t</f:formElements>\n\t\t\t\t</f:FormContainer>\n\t\t\t</f:formContainers>\n\t\t</f:Form>\n\t</VBox>\n</core:FragmentDefinition>",
593
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.ui.layout.sample.Form480_12120Dual\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.ui.layout.sample.Form480_12120Dual.Page\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.layout\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"stretch\": true,\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"Page.view.xml\",\n\t\t\t\t\t\"Page.controller.js\",\n\t\t\t\t\t\"Change.fragment.xml\",\n\t\t\t\t\t\"Display.fragment.xml\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
594
+ "Page.controller.js": "sap.ui.define([\n\t\t'sap/ui/core/Fragment',\n\t\t'sap/ui/core/mvc/Controller',\n\t\t'sap/ui/model/json/JSONModel'\n\t], function(Fragment, Controller, JSONModel) {\n\t\"use strict\";\n\n\tvar PageController = Controller.extend(\"sap.ui.layout.sample.Form480_12120Dual.Page\", {\n\n\t\tonInit: function (oEvent) {\n\n\t\t\t// set explored app's demo model on this sample\n\t\t\tvar oModel = new JSONModel(sap.ui.require.toUrl(\"sap/ui/demo/mock/supplier.json\"));\n\t\t\tthis.getView().setModel(oModel);\n\n\t\t\tthis.getView().bindElement(\"/SupplierCollection/0\");\n\n\t\t\tthis._formFragments = {};\n\n\t\t\t// Set the initial form to be the display one\n\t\t\tthis._showFormFragment(\"Display\");\n\t\t},\n\n\t\thandleEditPress : function () {\n\n\t\t\t//Clone the data\n\t\t\tthis._oSupplier = Object.assign({}, this.getView().getModel().getData().SupplierCollection[0]);\n\t\t\tthis._toggleButtonsAndView(true);\n\n\t\t},\n\n\t\thandleCancelPress : function () {\n\n\t\t\t//Restore the data\n\t\t\tvar oModel = this.getView().getModel();\n\t\t\tvar oData = oModel.getData();\n\n\t\t\toData.SupplierCollection[0] = this._oSupplier;\n\n\t\t\toModel.setData(oData);\n\t\t\tthis._toggleButtonsAndView(false);\n\n\t\t},\n\n\t\thandleSavePress : function () {\n\n\t\t\tthis._toggleButtonsAndView(false);\n\n\t\t},\n\n\t\t_toggleButtonsAndView : function (bEdit) {\n\t\t\tvar oView = this.getView();\n\n\t\t\t// Show the appropriate action buttons\n\t\t\toView.byId(\"edit\").setVisible(!bEdit);\n\t\t\toView.byId(\"save\").setVisible(bEdit);\n\t\t\toView.byId(\"cancel\").setVisible(bEdit);\n\n\t\t\t// Set the right form type\n\t\t\tthis._showFormFragment(bEdit ? \"Change\" : \"Display\");\n\t\t},\n\n\t\t_getFormFragment: function (sFragmentName) {\n\t\t\tvar pFormFragment = this._formFragments[sFragmentName],\n\t\t\t\toView = this.getView();\n\n\t\t\tif (!pFormFragment) {\n\t\t\t\tpFormFragment = Fragment.load({\n\t\t\t\t\tid: oView.getId(),\n\t\t\t\t\tname: \"sap.ui.layout.sample.Form480_12120Dual.\" + sFragmentName\n\t\t\t\t});\n\t\t\t\tthis._formFragments[sFragmentName] = pFormFragment;\n\t\t\t}\n\n\t\t\treturn pFormFragment;\n\t\t},\n\n\t\t_showFormFragment : function (sFragmentName) {\n\t\t\tvar oPage = this.byId(\"page\");\n\n\t\t\toPage.removeAllContent();\n\t\t\tthis._getFormFragment(sFragmentName).then(function(oVBox){\n\t\t\t\toPage.insertContent(oVBox);\n\t\t\t});\n\t\t}\n\n\t});\n\n\treturn PageController;\n\n});",
595
+ "Page.view.xml": "<mvc:View\n\theight=\"100%\"\n\tcontrollerName=\"sap.ui.layout.sample.Form480_12120Dual.Page\"\n\txmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns=\"sap.m\">\n\t<Page\n\t\tid=\"page\"\n\t\tshowHeader=\"true\" >\n\t\t<customHeader>\n\t\t\t<Bar>\n\t\t\t\t<contentRight>\n\t\t\t\t\t<Button id=\"edit\" text=\"Edit\" press=\"handleEditPress\" />\n\t\t\t\t\t<Button id=\"save\" text=\"Save\" type=\"Emphasized\" visible=\"false\" press=\"handleSavePress\" />\n\t\t\t\t\t<Button id=\"cancel\" text=\"Cancel\" visible=\"false\" press=\"handleCancelPress\" />\n\t\t\t\t</contentRight>\n\t\t\t</Bar>\n\t\t</customHeader>\n\t</Page>\n</mvc:View>"
596
+ },
597
+ "sap.ui.layout/Form480_Trial": {
598
+ "Change.fragment.xml": "<core:FragmentDefinition\n\txmlns=\"sap.m\"\n\txmlns:l=\"sap.ui.layout\"\n\txmlns:f=\"sap.ui.layout.form\"\n\txmlns:core=\"sap.ui.core\">\n\t<VBox class=\"sapUiSmallMargin\">\n\t\t<f:Form id=\"FormChange480_Trial\"\n\t\t\teditable=\"true\">\n\t\t\t<f:title>\n\t\t\t\t<core:Title text=\"Supplier\" />\n\t\t\t</f:title>\n\t\t\t<f:layout>\n\t\t\t\t<f:ResponsiveGridLayout\n\t\t\t\t\tlabelSpanXL=\"4\"\n\t\t\t\t\tlabelSpanL=\"4\"\n\t\t\t\t\tlabelSpanM=\"4\"\n\t\t\t\t\tlabelSpanS=\"12\"\n\t\t\t\t\tadjustLabelSpan=\"false\"\n\t\t\t\t\temptySpanXL=\"0\"\n\t\t\t\t\temptySpanL=\"0\"\n\t\t\t\t\temptySpanM=\"0\"\n\t\t\t\t\temptySpanS=\"0\"\n\t\t\t\t\tcolumnsXL=\"3\"\n\t\t\t\t\tcolumnsL=\"2\"\n\t\t\t\t\tcolumnsM=\"2\"\n\t\t\t\t\tsingleContainerFullSize=\"false\" />\n\t\t\t</f:layout>\n\t\t\t<f:formContainers>\n\t\t\t\t<f:FormContainer title=\"Address\">\n\t\t\t\t\t<f:formElements>\n\t\t\t\t\t\t<f:FormElement label=\"Name\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{SupplierName}\" id=\"name\"/>\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Street\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{Street}\" />\n\t\t\t\t\t\t\t\t<Input value=\"{HouseNumber}\">\n\t\t\t\t\t\t\t\t\t<layoutData>\n\t\t\t\t\t\t\t\t\t\t<l:GridData span=\"XL2 L2 M2 S4\" />\n\t\t\t\t\t\t\t\t\t</layoutData>\n\t\t\t\t\t\t\t\t</Input>\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"ZIP Code/City\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{ZIPCode}\">\n\t\t\t\t\t\t\t\t\t<layoutData>\n\t\t\t\t\t\t\t\t\t\t<l:GridData span=\"XL2 L2 M2 S4\" />\n\t\t\t\t\t\t\t\t\t</layoutData>\n\t\t\t\t\t\t\t\t</Input>\n\t\t\t\t\t\t\t\t<Input value=\"{City}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Country\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Select id=\"country\" selectedKey=\"{Country}\">\n\t\t\t\t\t\t\t\t\t<items>\n\t\t\t\t\t\t\t\t\t\t<core:Item text=\"England\" key=\"England\"/>\n\t\t\t\t\t\t\t\t\t\t<core:Item text=\"Germany\" key=\"Germany\"/>\n\t\t\t\t\t\t\t\t\t\t<core:Item text=\"USA\" key=\"USA\"/>\n\t\t\t\t\t\t\t\t\t</items>\n\t\t\t\t\t\t\t\t</Select>\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t</f:formElements>\n\t\t\t\t</f:FormContainer>\n\t\t\t\t<f:FormContainer title=\"Contact\">\n\t\t\t\t\t<f:formElements>\n\t\t\t\t\t\t<f:FormElement label=\"Web\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{Url}\" type=\"Url\"/>\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Twitter\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{Twitter}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Email\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{Email}\" type=\"Email\"/>\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Tel.\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{Tel}\" type=\"Tel\"/>\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"SMS\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{Sms}\" type=\"Tel\"/>\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t</f:formElements>\n\t\t\t\t</f:FormContainer>\n\t\t\t\t<f:FormContainer title=\"Other\">\n\t\t\t\t\t<f:formElements>\n\t\t\t\t\t\t<f:FormElement label=\"Rating\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<RatingIndicator value=\"{Rating}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Disposable\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<ProgressIndicator percentValue=\"{Disposable}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t</f:formElements>\n\t\t\t\t</f:FormContainer>\n\t\t\t</f:formContainers>\n\t\t</f:Form>\n\t</VBox>\n</core:FragmentDefinition>",
599
+ "Component.js": "sap.ui.define(['sap/ui/core/UIComponent'],\n\tfunction(UIComponent) {\n\t\"use strict\";\n\n\tvar Component = UIComponent.extend(\"sap.ui.layout.sample.Form480_Trial.Component\", {\n\n\t\tmetadata : {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n\n\treturn Component;\n\n});\n",
600
+ "Display.fragment.xml": "<core:FragmentDefinition\n\txmlns=\"sap.m\"\n\txmlns:l=\"sap.ui.layout\"\n\txmlns:f=\"sap.ui.layout.form\"\n\txmlns:core=\"sap.ui.core\">\n\t<VBox class=\"sapUiSmallMargin\">\n\t\t<f:Form id=\"FormDisplay480_Trial\"\n\t\t\teditable=\"false\">\n\t\t\t<f:title>\n\t\t\t\t<core:Title text=\"Supplier\" />\n\t\t\t</f:title>\n\t\t\t<f:layout>\n\t\t\t\t<f:ResponsiveGridLayout\n\t\t\t\t\tlabelSpanXL=\"4\"\n\t\t\t\t\tlabelSpanL=\"4\"\n\t\t\t\t\tlabelSpanM=\"4\"\n\t\t\t\t\tlabelSpanS=\"12\"\n\t\t\t\t\tadjustLabelSpan=\"false\"\n\t\t\t\t\temptySpanXL=\"0\"\n\t\t\t\t\temptySpanL=\"0\"\n\t\t\t\t\temptySpanM=\"0\"\n\t\t\t\t\temptySpanS=\"0\"\n\t\t\t\t\tcolumnsXL=\"3\"\n\t\t\t\t\tcolumnsL=\"2\"\n\t\t\t\t\tcolumnsM=\"2\"\n\t\t\t\t\tsingleContainerFullSize=\"false\" />\n\t\t\t</f:layout>\n\t\t\t<f:formContainers>\n\t\t\t\t<f:FormContainer title=\"Address\">\n\t\t\t\t\t<f:formElements>\n\t\t\t\t\t\t<f:FormElement label=\"Name\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{SupplierName}\" id=\"nameText\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Street\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{Street} {HouseNumber}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"ZIP Code/City\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{ZIPCode} {City}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Country\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{Country}\" id=\"countryText\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t</f:formElements>\n\t\t\t\t</f:FormContainer>\n\t\t\t\t<f:FormContainer title=\"Online\">\n\t\t\t\t\t<f:formElements>\n\t\t\t\t\t\t<f:FormElement label=\"Web\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Link text=\"Url\" href=\"{Url}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Twitter\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{Twitter}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Email\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{Email}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Tel.\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{Tel}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"SMS\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{Sms}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t</f:formElements>\n\t\t\t\t</f:FormContainer>\n\t\t\t\t<f:FormContainer title=\"Other\">\n\t\t\t\t\t<f:formElements>\n\t\t\t\t\t\t<f:FormElement label=\"Rating\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<RatingIndicator value=\"{Rating}\" displayOnly=\"true\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Disposable\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<ProgressIndicator percentValue=\"{Disposable}\" displayOnly=\"true\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t</f:formElements>\n\t\t\t\t</f:FormContainer>\n\t\t\t</f:formContainers>\n\t\t</f:Form>\n\t</VBox>\n</core:FragmentDefinition>",
601
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.ui.layout.sample.Form480_Trial\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.ui.layout.sample.Form480_Trial.Page\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.layout\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"stretch\": true,\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"Page.view.xml\",\n\t\t\t\t\t\"Page.controller.js\",\n\t\t\t\t\t\"Change.fragment.xml\",\n\t\t\t\t\t\"Display.fragment.xml\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
602
+ "Page.controller.js": "sap.ui.define([\n\t\t'sap/ui/core/Fragment',\n\t\t'sap/ui/core/mvc/Controller',\n\t\t'sap/ui/model/json/JSONModel'\n\t], function(Fragment, Controller, JSONModel) {\n\t\"use strict\";\n\n\tvar PageController = Controller.extend(\"sap.ui.layout.sample.Form480_Trial.Page\", {\n\n\t\tonInit: function (oEvent) {\n\n\t\t\t// set explored app's demo model on this sample\n\t\t\tvar oModel = new JSONModel(sap.ui.require.toUrl(\"sap/ui/demo/mock/supplier.json\"));\n\t\t\tthis.getView().setModel(oModel);\n\n\t\t\tthis.getView().bindElement(\"/SupplierCollection/0\");\n\n\t\t\tthis._formFragments = {};\n\n\t\t\t// Set the initial form to be the display one\n\t\t\tthis._showFormFragment(\"Display\");\n\t\t},\n\n\t\thandleEditPress : function () {\n\n\t\t\t//Clone the data\n\t\t\tthis._oSupplier = Object.assign({}, this.getView().getModel().getData().SupplierCollection[0]);\n\t\t\tthis._toggleButtonsAndView(true);\n\n\t\t},\n\n\t\thandleCancelPress : function () {\n\n\t\t\t//Restore the data\n\t\t\tvar oModel = this.getView().getModel();\n\t\t\tvar oData = oModel.getData();\n\n\t\t\toData.SupplierCollection[0] = this._oSupplier;\n\n\t\t\toModel.setData(oData);\n\t\t\tthis._toggleButtonsAndView(false);\n\n\t\t},\n\n\t\thandleSavePress : function () {\n\n\t\t\tthis._toggleButtonsAndView(false);\n\n\t\t},\n\n\t\t_toggleButtonsAndView : function (bEdit) {\n\t\t\tvar oView = this.getView();\n\n\t\t\t// Show the appropriate action buttons\n\t\t\toView.byId(\"edit\").setVisible(!bEdit);\n\t\t\toView.byId(\"save\").setVisible(bEdit);\n\t\t\toView.byId(\"cancel\").setVisible(bEdit);\n\n\t\t\t// Set the right form type\n\t\t\tthis._showFormFragment(bEdit ? \"Change\" : \"Display\");\n\t\t},\n\n\t\t_getFormFragment: function (sFragmentName) {\n\t\t\tvar pFormFragment = this._formFragments[sFragmentName],\n\t\t\t\toView = this.getView();\n\n\t\t\tif (!pFormFragment) {\n\t\t\t\tpFormFragment = Fragment.load({\n\t\t\t\t\tid: oView.getId(),\n\t\t\t\t\tname: \"sap.ui.layout.sample.Form480_Trial.\" + sFragmentName\n\t\t\t\t});\n\t\t\t\tthis._formFragments[sFragmentName] = pFormFragment;\n\t\t\t}\n\n\t\t\treturn pFormFragment;\n\t\t},\n\n\t\t_showFormFragment : function (sFragmentName) {\n\t\t\tvar oPage = this.byId(\"page\");\n\n\t\t\toPage.removeAllContent();\n\t\t\tthis._getFormFragment(sFragmentName).then(function(oVBox){\n\t\t\t\toPage.insertContent(oVBox);\n\t\t\t});\n\t\t}\n\n\t});\n\n\treturn PageController;\n\n});",
603
+ "Page.view.xml": "<mvc:View\n\theight=\"100%\"\n\tcontrollerName=\"sap.ui.layout.sample.Form480_Trial.Page\"\n\txmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns=\"sap.m\">\n\t<Page\n\t\tid=\"page\"\n\t\tshowHeader=\"true\" >\n\t\t<customHeader>\n\t\t\t<Bar>\n\t\t\t\t<contentRight>\n\t\t\t\t\t<Button id=\"edit\" text=\"Edit\" press=\"handleEditPress\" />\n\t\t\t\t\t<Button id=\"save\" text=\"Save\" type=\"Emphasized\" visible=\"false\" press=\"handleSavePress\" />\n\t\t\t\t\t<Button id=\"cancel\" text=\"Cancel\" visible=\"false\" press=\"handleCancelPress\" />\n\t\t\t\t</contentRight>\n\t\t\t</Bar>\n\t\t</customHeader>\n\t</Page>\n</mvc:View>"
604
+ },
605
+ "sap.ui.layout/FormToolbar": {
606
+ "Component.js": "sap.ui.define(['sap/ui/core/UIComponent'],\n\tfunction(UIComponent) {\n\t\"use strict\";\n\n\tvar Component = UIComponent.extend(\"sap.ui.layout.sample.FormToolbar.Component\", {\n\n\t\tmetadata : {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n\n\treturn Component;\n\n});\n",
607
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.ui.layout.sample.FormToolbar\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.ui.layout.sample.FormToolbar.Page\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.layout\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"Page.view.xml\",\n\t\t\t\t\t\"Page.controller.js\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
608
+ "Page.controller.js": "sap.ui.define([\n\t\t'sap/ui/core/mvc/Controller',\n\t\t'sap/ui/model/json/JSONModel'\n\t], function(Controller, JSONModel) {\n\t\"use strict\";\n\n\tvar PageController = Controller.extend(\"sap.ui.layout.sample.FormToolbar.Page\", {\n\n\t\tonInit: function (oEvent) {\n\n\t\t\t// set explored app's demo model on this sample\n\t\t\tvar oModel = new JSONModel(sap.ui.require.toUrl(\"sap/ui/demo/mock/supplier.json\"));\n\t\t\tthis.getView().setModel(oModel);\n\n\t\t\tthis.getView().bindElement(\"/SupplierCollection/0\");\n\n\t\t}\n\n\t});\n\n\treturn PageController;\n\n});",
609
+ "Page.view.xml": "<mvc:View\n\tcontrollerName=\"sap.ui.layout.sample.FormToolbar.Page\"\n\txmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns:l=\"sap.ui.layout\"\n\txmlns:f=\"sap.ui.layout.form\"\n\txmlns:core=\"sap.ui.core\"\n\txmlns=\"sap.m\" >\n\t<VBox class=\"sapUiSmallMargin\">\n\t\t<f:Form id=\"FormToolbar\"\n\t\t\teditable=\"true\"\n\t\t\tariaLabelledBy=\"Title1\">\n\t\t\t<f:toolbar>\n\t\t\t\t<Toolbar id=\"TB1\">\n\t\t\t\t\t<Title id=\"Title1\" text=\"Address\"/>\n\t\t\t\t\t<ToolbarSpacer />\n\t\t\t\t\t<Button icon=\"sap-icon://settings\"/>\n\t\t\t\t\t<Button icon=\"sap-icon://drop-down-list\" />\n\t\t\t\t</Toolbar>\n\t\t\t</f:toolbar>\n\t\t\t<f:layout>\n\t\t\t\t<f:ResponsiveGridLayout\n\t\t\t\t\tlabelSpanXL=\"4\"\n\t\t\t\t\tlabelSpanL=\"3\"\n\t\t\t\t\tlabelSpanM=\"4\"\n\t\t\t\t\tlabelSpanS=\"12\"\n\t\t\t\t\tadjustLabelSpan=\"false\"\n\t\t\t\t\temptySpanXL=\"0\"\n\t\t\t\t\temptySpanL=\"4\"\n\t\t\t\t\temptySpanM=\"0\"\n\t\t\t\t\temptySpanS=\"0\"\n\t\t\t\t\tcolumnsXL=\"2\"\n\t\t\t\t\tcolumnsL=\"1\"\n\t\t\t\t\tcolumnsM=\"1\"\n\t\t\t\t\tsingleContainerFullSize=\"false\" />\n\t\t\t</f:layout>\n\t\t\t<f:formContainers>\n\t\t\t\t<f:FormContainer ariaLabelledBy=\"Title2\">\n\t\t\t\t\t<f:toolbar>\n\t\t\t\t\t\t<Toolbar>\n\t\t\t\t\t\t\t<Title id=\"Title2\" text=\"Office\"/>\n\t\t\t\t\t\t\t<ToolbarSpacer />\n\t\t\t\t\t\t\t<Button icon=\"sap-icon://settings\"/>\n\t\t\t\t\t\t</Toolbar>\n\t\t\t\t\t</f:toolbar>\n\t\t\t\t\t<f:formElements>\n\t\t\t\t\t\t<f:FormElement label=\"Name\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{SupplierName}\" id=\"name\"/>\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Street\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{Street}\" />\n\t\t\t\t\t\t\t\t<Input value=\"{HouseNumber}\">\n\t\t\t\t\t\t\t\t\t<layoutData>\n\t\t\t\t\t\t\t\t\t\t<l:GridData span=\"XL2 L1 M3 S4\" />\n\t\t\t\t\t\t\t\t\t</layoutData>\n\t\t\t\t\t\t\t\t</Input>\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"ZIP Code/City\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{ZIPCode}\">\n\t\t\t\t\t\t\t\t\t<layoutData>\n\t\t\t\t\t\t\t\t\t\t<l:GridData span=\"XL2 L1 M3 S4\" />\n\t\t\t\t\t\t\t\t\t</layoutData>\n\t\t\t\t\t\t\t\t</Input>\n\t\t\t\t\t\t\t\t<Input value=\"{City}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Country\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Select width=\"100%\" id=\"country\" selectedKey=\"{Country}\">\n\t\t\t\t\t\t\t\t\t<items>\n\t\t\t\t\t\t\t\t\t\t<core:Item text=\"Germany\" key=\"Germany\"/>\n\t\t\t\t\t\t\t\t\t\t<core:Item text=\"USA\" key=\"USA\"/>\n\t\t\t\t\t\t\t\t\t\t<core:Item text=\"England\" key=\"England\"/>\n\t\t\t\t\t\t\t\t\t</items>\n\t\t\t\t\t\t\t\t</Select>\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t</f:formElements>\n\t\t\t\t</f:FormContainer>\n\t\t\t\t<f:FormContainer ariaLabelledBy=\"Title3\">\n\t\t\t\t\t<f:toolbar>\n\t\t\t\t\t\t<Toolbar>\n\t\t\t\t\t\t\t<Title id=\"Title3\" text=\"Online\"/>\n\t\t\t\t\t\t\t<ToolbarSpacer />\n\t\t\t\t\t\t\t<Button icon=\"sap-icon://settings\"/>\n\t\t\t\t\t\t</Toolbar>\n\t\t\t\t\t</f:toolbar>\n\t\t\t\t\t<f:formElements>\n\t\t\t\t\t\t<f:FormElement label=\"Web\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{Url}\" type=\"Url\" id=\"url\"/>\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Twitter\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{Twitter}\" id=\"twitter\"/>\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t</f:formElements>\n\t\t\t\t</f:FormContainer>\n\t\t\t</f:formContainers>\n\t\t</f:Form>\n\t</VBox>\n</mvc:View>\n"
610
+ },
611
+ "sap.ui.layout/Form_Column_oneGroup": {
612
+ "Change.fragment.xml": "<core:FragmentDefinition\n\txmlns=\"sap.m\"\n\txmlns:l=\"sap.ui.layout\"\n\txmlns:f=\"sap.ui.layout.form\"\n\txmlns:core=\"sap.ui.core\">\n\t<VBox class=\"sapUiSmallMargin\">\n\t\t<f:Form id=\"FormChangeColumn_oneGroup\"\n\t\t\teditable=\"true\">\n\t\t\t<f:title>\n\t\t\t\t<core:Title text=\"Address\" />\n\t\t\t</f:title>\n\t\t\t<f:layout>\n\t\t\t\t<f:ColumnLayout />\n\t\t\t</f:layout>\n\t\t\t<f:formContainers>\n\t\t\t\t<f:FormContainer>\n\t\t\t\t\t<f:formElements>\n\t\t\t\t\t\t<f:FormElement label=\"Name\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{SupplierName}\" id=\"name\"/>\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Street\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{Street}\" />\n\t\t\t\t\t\t\t\t<Input value=\"{HouseNumber}\">\n\t\t\t\t\t\t\t\t\t<layoutData>\n\t\t\t\t\t\t\t\t\t\t<f:ColumnElementData cellsSmall=\"2\" cellsLarge=\"1\" />\n\t\t\t\t\t\t\t\t\t</layoutData>\n\t\t\t\t\t\t\t\t</Input>\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"ZIP Code/City\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{ZIPCode}\">\n\t\t\t\t\t\t\t\t\t<layoutData>\n\t\t\t\t\t\t\t\t\t\t<f:ColumnElementData cellsSmall=\"3\" cellsLarge=\"2\" />\n\t\t\t\t\t\t\t\t\t</layoutData>\n\t\t\t\t\t\t\t\t</Input>\n\t\t\t\t\t\t\t\t<Input value=\"{City}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Country\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Select id=\"country\" selectedKey=\"{Country}\">\n\t\t\t\t\t\t\t\t\t<items>\n\t\t\t\t\t\t\t\t\t\t<core:Item text=\"England\" key=\"England\"/>\n\t\t\t\t\t\t\t\t\t\t<core:Item text=\"Germany\" key=\"Germany\"/>\n\t\t\t\t\t\t\t\t\t\t<core:Item text=\"USA\" key=\"USA\"/>\n\t\t\t\t\t\t\t\t\t</items>\n\t\t\t\t\t\t\t\t</Select>\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t</f:formElements>\n\t\t\t\t</f:FormContainer>\n\t\t\t</f:formContainers>\n\t\t</f:Form>\n\t</VBox>\n</core:FragmentDefinition>",
613
+ "Component.js": "sap.ui.define(['sap/ui/core/UIComponent'],\n\tfunction(UIComponent) {\n\t\"use strict\";\n\n\tvar Component = UIComponent.extend(\"sap.ui.layout.sample.Form_Column_oneGroup.Component\", {\n\n\t\tmetadata : {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n\n\treturn Component;\n\n});\n",
614
+ "Display.fragment.xml": "<core:FragmentDefinition\n\txmlns=\"sap.m\"\n\txmlns:l=\"sap.ui.layout\"\n\txmlns:f=\"sap.ui.layout.form\"\n\txmlns:core=\"sap.ui.core\">\n\t<VBox class=\"sapUiSmallMargin\">\n\t\t<f:Form id=\"FormDisplayColumn_oneGroup\"\n\t\t\teditable=\"false\">\n\t\t\t<f:title>\n\t\t\t\t<core:Title text=\"Address\" />\n\t\t\t</f:title>\n\t\t\t<f:layout>\n\t\t\t\t<f:ColumnLayout />\n\t\t\t</f:layout>\n\t\t\t<f:formContainers>\n\t\t\t\t<f:FormContainer>\n\t\t\t\t\t<f:formElements>\n\t\t\t\t\t\t<f:FormElement label=\"Name\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{SupplierName}\" id=\"nameText\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Street\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{Street} {HouseNumber}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"ZIP Code/City\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{ZIPCode} {City}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Country\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{Country}\" id=\"countryText\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t</f:formElements>\n\t\t\t\t</f:FormContainer>\n\t\t\t</f:formContainers>\n\t\t</f:Form>\n\t</VBox>\n</core:FragmentDefinition>",
615
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.ui.layout.sample.Form_Column_oneGroup\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.ui.layout.sample.Form_Column_oneGroup.Page\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.layout\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"stretch\": true,\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"Page.view.xml\",\n\t\t\t\t\t\"Page.controller.js\",\n\t\t\t\t\t\"Change.fragment.xml\",\n\t\t\t\t\t\"Display.fragment.xml\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
616
+ "Page.controller.js": "sap.ui.define([\n\t\t'sap/ui/core/Fragment',\n\t\t'sap/ui/core/mvc/Controller',\n\t\t'sap/ui/model/json/JSONModel'\n\t], function(Fragment, Controller, JSONModel) {\n\t\"use strict\";\n\n\tvar PageController = Controller.extend(\"sap.ui.layout.sample.Form_Column_oneGroup.Page\", {\n\n\t\tonInit: function (oEvent) {\n\n\t\t\t// set explored app's demo model on this sample\n\t\t\tvar oModel = new JSONModel(sap.ui.require.toUrl(\"sap/ui/demo/mock/supplier.json\"));\n\t\t\toModel.attachRequestCompleted(function() {\n\t\t\t\tthis.byId('edit').setEnabled(true);\n\t\t\t}.bind(this));\n\t\t\tthis.getView().setModel(oModel);\n\n\t\t\tthis.getView().bindElement(\"/SupplierCollection/0\");\n\n\t\t\tthis._formFragments = {};\n\n\t\t\t// Set the initial form to be the display one\n\t\t\tthis._showFormFragment(\"Display\");\n\t\t},\n\n\t\thandleEditPress : function () {\n\n\t\t\t//Clone the data\n\t\t\tthis._oSupplier = Object.assign({}, this.getView().getModel().getData().SupplierCollection[0]);\n\t\t\tthis._toggleButtonsAndView(true);\n\n\t\t},\n\n\t\thandleCancelPress : function () {\n\n\t\t\t//Restore the data\n\t\t\tvar oModel = this.getView().getModel();\n\t\t\tvar oData = oModel.getData();\n\n\t\t\toData.SupplierCollection[0] = this._oSupplier;\n\n\t\t\toModel.setData(oData);\n\t\t\tthis._toggleButtonsAndView(false);\n\n\t\t},\n\n\t\thandleSavePress : function () {\n\n\t\t\tthis._toggleButtonsAndView(false);\n\n\t\t},\n\n\t\t_toggleButtonsAndView : function (bEdit) {\n\t\t\tvar oView = this.getView();\n\n\t\t\t// Show the appropriate action buttons\n\t\t\toView.byId(\"edit\").setVisible(!bEdit);\n\t\t\toView.byId(\"save\").setVisible(bEdit);\n\t\t\toView.byId(\"cancel\").setVisible(bEdit);\n\n\t\t\t// Set the right form type\n\t\t\tthis._showFormFragment(bEdit ? \"Change\" : \"Display\");\n\t\t},\n\n\t\t_getFormFragment: function (sFragmentName) {\n\t\t\tvar pFormFragment = this._formFragments[sFragmentName],\n\t\t\t\toView = this.getView();\n\n\t\t\tif (!pFormFragment) {\n\t\t\t\tpFormFragment = Fragment.load({\n\t\t\t\t\tid: oView.getId(),\n\t\t\t\t\tname: \"sap.ui.layout.sample.Form_Column_oneGroup.\" + sFragmentName\n\t\t\t\t});\n\t\t\t\tthis._formFragments[sFragmentName] = pFormFragment;\n\t\t\t}\n\n\t\t\treturn pFormFragment;\n\t\t},\n\n\t\t_showFormFragment : function (sFragmentName) {\n\t\t\tvar oPage = this.byId(\"page\");\n\n\t\t\toPage.removeAllContent();\n\t\t\tthis._getFormFragment(sFragmentName).then(function(oVBox){\n\t\t\t\toPage.insertContent(oVBox);\n\t\t\t});\n\t\t}\n\n\t});\n\n\treturn PageController;\n\n});",
617
+ "Page.view.xml": "<mvc:View\n\theight=\"100%\"\n\tcontrollerName=\"sap.ui.layout.sample.Form_Column_oneGroup.Page\"\n\txmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns=\"sap.m\">\n\t<Page\n\t\tid=\"page\"\n\t\tshowHeader=\"true\" >\n\t\t<customHeader>\n\t\t\t<Bar>\n\t\t\t\t<contentRight>\n\t\t\t\t\t<Button id=\"edit\" text=\"Edit\" enabled=\"false\" press=\"handleEditPress\" />\n\t\t\t\t\t<Button id=\"save\" text=\"Save\" type=\"Emphasized\" visible=\"false\" press=\"handleSavePress\" />\n\t\t\t\t\t<Button id=\"cancel\" text=\"Cancel\" visible=\"false\" press=\"handleCancelPress\" />\n\t\t\t\t</contentRight>\n\t\t\t</Bar>\n\t\t</customHeader>\n\t</Page>\n</mvc:View>"
618
+ },
619
+ "sap.ui.layout/Form_Column_oneGroup234": {
620
+ "Change.fragment.xml": "<core:FragmentDefinition\n\txmlns=\"sap.m\"\n\txmlns:l=\"sap.ui.layout\"\n\txmlns:f=\"sap.ui.layout.form\"\n\txmlns:core=\"sap.ui.core\">\n\t<VBox class=\"sapUiSmallMargin\">\n\t\t<f:Form id=\"FormChangeColumn_oneGroup234\"\n\t\t\teditable=\"true\">\n\t\t\t<f:title>\n\t\t\t\t<core:Title text=\"Address\" />\n\t\t\t</f:title>\n\t\t\t<f:layout>\n\t\t\t\t<f:ColumnLayout\n\t\t\t\t\tcolumnsM=\"2\"\n\t\t\t\t\tcolumnsL=\"3\"\n\t\t\t\t\tcolumnsXL=\"4\"\n\t\t\t\t/>\n\t\t\t</f:layout>\n\t\t\t<f:formContainers>\n\t\t\t\t<f:FormContainer>\n\t\t\t\t\t<f:formElements>\n\t\t\t\t\t\t<f:FormElement label=\"Name\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{SupplierName}\" id=\"name\"/>\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Street\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{Street}\" />\n\t\t\t\t\t\t\t\t<Input value=\"{HouseNumber}\">\n\t\t\t\t\t\t\t\t\t<layoutData>\n\t\t\t\t\t\t\t\t\t\t<f:ColumnElementData cellsSmall=\"2\" cellsLarge=\"1\" />\n\t\t\t\t\t\t\t\t\t</layoutData>\n\t\t\t\t\t\t\t\t</Input>\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"ZIP Code/City\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{ZIPCode}\">\n\t\t\t\t\t\t\t\t\t<layoutData>\n\t\t\t\t\t\t\t\t\t\t<f:ColumnElementData cellsSmall=\"3\" cellsLarge=\"2\" />\n\t\t\t\t\t\t\t\t\t</layoutData>\n\t\t\t\t\t\t\t\t</Input>\n\t\t\t\t\t\t\t\t<Input value=\"{City}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Country\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Select id=\"country\" selectedKey=\"{Country}\">\n\t\t\t\t\t\t\t\t\t<items>\n\t\t\t\t\t\t\t\t\t\t<core:Item text=\"England\" key=\"England\"/>\n\t\t\t\t\t\t\t\t\t\t<core:Item text=\"Germany\" key=\"Germany\"/>\n\t\t\t\t\t\t\t\t\t\t<core:Item text=\"USA\" key=\"USA\"/>\n\t\t\t\t\t\t\t\t\t</items>\n\t\t\t\t\t\t\t\t</Select>\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Web\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{Url}\" type=\"Url\"/>\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Twitter\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{Twitter}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Email\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{Email}\" type=\"Email\"/>\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Tel.\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{Tel}\" type=\"Tel\"/>\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"SMS\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{Sms}\" type=\"Tel\"/>\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Mobile\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{Mobile}\" type=\"Tel\"/>\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Pager\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{Pager}\" type=\"Tel\"/>\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Fax\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{Fax}\" type=\"Tel\"/>\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t</f:formElements>\n\t\t\t\t</f:FormContainer>\n\t\t\t</f:formContainers>\n\t\t</f:Form>\n\t</VBox>\n</core:FragmentDefinition>",
621
+ "Component.js": "sap.ui.define(['sap/ui/core/UIComponent'],\n\tfunction(UIComponent) {\n\t\"use strict\";\n\n\tvar Component = UIComponent.extend(\"sap.ui.layout.sample.Form_Column_oneGroup234.Component\", {\n\n\t\tmetadata : {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n\n\treturn Component;\n\n});\n",
622
+ "Display.fragment.xml": "<core:FragmentDefinition\n\txmlns=\"sap.m\"\n\txmlns:l=\"sap.ui.layout\"\n\txmlns:f=\"sap.ui.layout.form\"\n\txmlns:core=\"sap.ui.core\">\n\t<VBox class=\"sapUiSmallMargin\">\n\t\t<f:Form id=\"FormDisplayColumn_oneGroup234\"\n\t\t\teditable=\"false\">\n\t\t\t<f:title>\n\t\t\t\t<core:Title text=\"Address\" />\n\t\t\t</f:title>\n\t\t\t<f:layout>\n\t\t\t\t<f:ColumnLayout \n\t\t\t\t\tcolumnsM=\"2\"\n\t\t\t\t\tcolumnsL=\"3\"\n\t\t\t\t\tcolumnsXL=\"4\"\n\t\t\t\t/>\n\t\t\t</f:layout>\n\t\t\t<f:formContainers>\n\t\t\t\t<f:FormContainer>\n\t\t\t\t\t<f:formElements>\n\t\t\t\t\t\t<f:FormElement label=\"Name\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{SupplierName}\" id=\"nameText\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Street\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{Street} {HouseNumber}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"ZIP Code/City\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{ZIPCode} {City}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Country\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{Country}\" id=\"countryText\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Web\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Link text=\"Url\" href=\"{Url}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Twitter\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{Twitter}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Email\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{Email}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Tel.\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{Tel}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"SMS\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{Sms}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Mobile\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{Mobile}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Pager\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{Pager}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Fax\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{Fax}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t</f:formElements>\n\t\t\t\t</f:FormContainer>\n\t\t\t</f:formContainers>\n\t\t</f:Form>\n\t</VBox>\n</core:FragmentDefinition>",
623
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.ui.layout.sample.Form_Column_oneGroup234\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.ui.layout.sample.Form_Column_oneGroup234.Page\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.layout\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"stretch\": true,\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"Page.view.xml\",\n\t\t\t\t\t\"Page.controller.js\",\n\t\t\t\t\t\"Change.fragment.xml\",\n\t\t\t\t\t\"Display.fragment.xml\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
624
+ "Page.controller.js": "sap.ui.define([\n\t\t'sap/ui/core/Fragment',\n\t\t'sap/ui/core/mvc/Controller',\n\t\t'sap/ui/model/json/JSONModel'\n\t], function(Fragment, Controller, JSONModel) {\n\t\"use strict\";\n\n\tvar PageController = Controller.extend(\"sap.ui.layout.sample.Form_Column_oneGroup234.Page\", {\n\n\t\tonInit: function (oEvent) {\n\n\t\t\t// set explored app's demo model on this sample\n\t\t\tvar oModel = new JSONModel(sap.ui.require.toUrl(\"sap/ui/demo/mock/supplier.json\"));\n\t\t\toModel.attachRequestCompleted(function() {\n\t\t\t\tthis.byId('edit').setEnabled(true);\n\t\t\t}.bind(this));\n\t\t\tthis.getView().setModel(oModel);\n\n\t\t\tthis.getView().bindElement(\"/SupplierCollection/0\");\n\n\t\t\tthis._formFragments = {};\n\n\t\t\t// Set the initial form to be the display one\n\t\t\tthis._showFormFragment(\"Display\");\n\t\t},\n\n\t\thandleEditPress : function () {\n\n\t\t\t//Clone the data\n\t\t\tthis._oSupplier = Object.assign({}, this.getView().getModel().getData().SupplierCollection[0]);\n\t\t\tthis._toggleButtonsAndView(true);\n\n\t\t},\n\n\t\thandleCancelPress : function () {\n\n\t\t\t//Restore the data\n\t\t\tvar oModel = this.getView().getModel();\n\t\t\tvar oData = oModel.getData();\n\n\t\t\toData.SupplierCollection[0] = this._oSupplier;\n\n\t\t\toModel.setData(oData);\n\t\t\tthis._toggleButtonsAndView(false);\n\n\t\t},\n\n\t\thandleSavePress : function () {\n\n\t\t\tthis._toggleButtonsAndView(false);\n\n\t\t},\n\n\t\t_toggleButtonsAndView : function (bEdit) {\n\t\t\tvar oView = this.getView();\n\n\t\t\t// Show the appropriate action buttons\n\t\t\toView.byId(\"edit\").setVisible(!bEdit);\n\t\t\toView.byId(\"save\").setVisible(bEdit);\n\t\t\toView.byId(\"cancel\").setVisible(bEdit);\n\n\t\t\t// Set the right form type\n\t\t\tthis._showFormFragment(bEdit ? \"Change\" : \"Display\");\n\t\t},\n\n\t\t_getFormFragment: function (sFragmentName) {\n\t\t\tvar pFormFragment = this._formFragments[sFragmentName],\n\t\t\t\toView = this.getView();\n\n\t\t\tif (!pFormFragment) {\n\t\t\t\tpFormFragment = Fragment.load({\n\t\t\t\t\tid: oView.getId(),\n\t\t\t\t\tname: \"sap.ui.layout.sample.Form_Column_oneGroup234.\" + sFragmentName\n\t\t\t\t});\n\t\t\t\tthis._formFragments[sFragmentName] = pFormFragment;\n\t\t\t}\n\n\t\t\treturn pFormFragment;\n\t\t},\n\n\t\t_showFormFragment : function (sFragmentName) {\n\t\t\tvar oPage = this.byId(\"page\");\n\n\t\t\toPage.removeAllContent();\n\t\t\tthis._getFormFragment(sFragmentName).then(function(oVBox){\n\t\t\t\toPage.insertContent(oVBox);\n\t\t\t});\n\t\t}\n\n\t});\n\n\treturn PageController;\n\n});",
625
+ "Page.view.xml": "<mvc:View\n\theight=\"100%\"\n\tcontrollerName=\"sap.ui.layout.sample.Form_Column_oneGroup234.Page\"\n\txmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns=\"sap.m\">\n\t<Page\n\t\tid=\"page\"\n\t\tshowHeader=\"true\" >\n\t\t<customHeader>\n\t\t\t<Bar>\n\t\t\t\t<contentRight>\n\t\t\t\t\t<Button id=\"edit\" text=\"Edit\" enabled=\"false\" press=\"handleEditPress\" />\n\t\t\t\t\t<Button id=\"save\" text=\"Save\" type=\"Emphasized\" visible=\"false\" press=\"handleSavePress\" />\n\t\t\t\t\t<Button id=\"cancel\" text=\"Cancel\" visible=\"false\" press=\"handleCancelPress\" />\n\t\t\t\t</contentRight>\n\t\t\t</Bar>\n\t\t</customHeader>\n\t</Page>\n</mvc:View>"
626
+ },
627
+ "sap.ui.layout/Form_Column_threeGroups234": {
628
+ "Change.fragment.xml": "<core:FragmentDefinition\n\txmlns=\"sap.m\"\n\txmlns:l=\"sap.ui.layout\"\n\txmlns:f=\"sap.ui.layout.form\"\n\txmlns:core=\"sap.ui.core\">\n\t<VBox class=\"sapUiSmallMargin\">\n\t\t<f:Form id=\"FormChangeColumn_threeGroups234\"\n\t\t\teditable=\"true\">\n\t\t\t<f:title>\n\t\t\t\t<core:Title text=\"Supplier\" />\n\t\t\t</f:title>\n\t\t\t<f:layout>\n\t\t\t\t<f:ColumnLayout\n\t\t\t\t\tcolumnsM=\"2\"\n\t\t\t\t\tcolumnsL=\"3\"\n\t\t\t\t\tcolumnsXL=\"4\"\n\t\t\t\t/>\n\t\t\t</f:layout>\n\t\t\t<f:formContainers>\n\t\t\t\t<f:FormContainer title=\"Address\">\n\t\t\t\t\t<f:formElements>\n\t\t\t\t\t\t<f:FormElement label=\"Name\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{SupplierName}\" id=\"name\"/>\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Street\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{Street}\" />\n\t\t\t\t\t\t\t\t<Input value=\"{HouseNumber}\">\n\t\t\t\t\t\t\t\t\t<layoutData>\n\t\t\t\t\t\t\t\t\t\t<f:ColumnElementData cellsSmall=\"2\" cellsLarge=\"1\" />\n\t\t\t\t\t\t\t\t\t</layoutData>\n\t\t\t\t\t\t\t\t</Input>\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"ZIP Code/City\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{ZIPCode}\">\n\t\t\t\t\t\t\t\t\t<layoutData>\n\t\t\t\t\t\t\t\t\t\t<f:ColumnElementData cellsSmall=\"3\" cellsLarge=\"2\" />\n\t\t\t\t\t\t\t\t\t</layoutData>\n\t\t\t\t\t\t\t\t</Input>\n\t\t\t\t\t\t\t\t<Input value=\"{City}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Country\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Select id=\"country\" selectedKey=\"{Country}\">\n\t\t\t\t\t\t\t\t\t<items>\n\t\t\t\t\t\t\t\t\t\t<core:Item text=\"England\" key=\"England\"/>\n\t\t\t\t\t\t\t\t\t\t<core:Item text=\"Germany\" key=\"Germany\"/>\n\t\t\t\t\t\t\t\t\t\t<core:Item text=\"USA\" key=\"USA\"/>\n\t\t\t\t\t\t\t\t\t</items>\n\t\t\t\t\t\t\t\t</Select>\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Web\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{Url}\" type=\"Url\"/>\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t</f:formElements>\n\t\t\t\t</f:FormContainer>\n\t\t\t\t<f:FormContainer title=\"Contact\">\n\t\t\t\t\t<f:formElements>\n\t\t\t\t\t\t<f:FormElement label=\"Twitter\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{Twitter}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Email\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{Email}\" type=\"Email\"/>\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Tel.\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{Tel}\" type=\"Tel\"/>\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t</f:formElements>\n\t\t\t\t</f:FormContainer>\n\t\t\t\t<f:FormContainer title=\"Other\">\n\t\t\t\t\t<f:formElements>\n\t\t\t\t\t\t<f:FormElement label=\"SMS\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{Sms}\" type=\"Tel\"/>\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Mobile\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{Mobile}\" type=\"Tel\"/>\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Pager\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{Pager}\" type=\"Tel\"/>\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Fax\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{Fax}\" type=\"Tel\"/>\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t</f:formElements>\n\t\t\t\t</f:FormContainer>\n\t\t\t</f:formContainers>\n\t\t</f:Form>\n\t</VBox>\n</core:FragmentDefinition>",
629
+ "Component.js": "sap.ui.define(['sap/ui/core/UIComponent'],\n\tfunction(UIComponent) {\n\t\"use strict\";\n\n\tvar Component = UIComponent.extend(\"sap.ui.layout.sample.Form_Column_threeGroups234.Component\", {\n\n\t\tmetadata : {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n\n\treturn Component;\n\n});\n",
630
+ "Display.fragment.xml": "<core:FragmentDefinition\n\txmlns=\"sap.m\"\n\txmlns:l=\"sap.ui.layout\"\n\txmlns:f=\"sap.ui.layout.form\"\n\txmlns:core=\"sap.ui.core\">\n\t<VBox class=\"sapUiSmallMargin\">\n\t\t<f:Form id=\"FormDisplayColumn_threeGroups234\"\n\t\t\teditable=\"false\">\n\t\t\t<f:title>\n\t\t\t\t<core:Title text=\"Supplier\" />\n\t\t\t</f:title>\n\t\t\t<f:layout>\n\t\t\t\t<f:ColumnLayout \n\t\t\t\t\tcolumnsM=\"2\"\n\t\t\t\t\tcolumnsL=\"3\"\n\t\t\t\t\tcolumnsXL=\"4\"\n\t\t\t\t/>\n\t\t\t</f:layout>\n\t\t\t<f:formContainers>\n\t\t\t\t<f:FormContainer title=\"Address\">\n\t\t\t\t\t<f:formElements>\n\t\t\t\t\t\t<f:FormElement label=\"Name\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{SupplierName}\" id=\"nameText\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Street\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{Street} {HouseNumber}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"ZIP Code/City\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{ZIPCode} {City}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Country\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{Country}\" id=\"countryText\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Web\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Link text=\"Url\" href=\"{Url}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t</f:formElements>\n\t\t\t\t</f:FormContainer>\n\t\t\t\t<f:FormContainer title=\"Contact\">\n\t\t\t\t\t<f:formElements>\n\t\t\t\t\t\t<f:FormElement label=\"Twitter\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{Twitter}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Email\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{Email}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Tel.\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{Tel}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t</f:formElements>\n\t\t\t\t</f:FormContainer>\n\t\t\t\t<f:FormContainer title=\"Other\">\n\t\t\t\t\t<f:formElements>\n\t\t\t\t\t\t<f:FormElement label=\"SMS\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{Sms}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Mobile\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{Mobile}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Pager\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{Pager}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Fax\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{Fax}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t</f:formElements>\n\t\t\t\t</f:FormContainer>\n\t\t\t</f:formContainers>\n\t\t</f:Form>\n\t</VBox>\n</core:FragmentDefinition>",
631
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.ui.layout.sample.Form_Column_threeGroups234\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.ui.layout.sample.Form_Column_threeGroups234.Page\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.layout\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"stretch\": true,\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"Page.view.xml\",\n\t\t\t\t\t\"Page.controller.js\",\n\t\t\t\t\t\"Change.fragment.xml\",\n\t\t\t\t\t\"Display.fragment.xml\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
632
+ "Page.controller.js": "sap.ui.define([\n\t\t'sap/ui/core/Fragment',\n\t\t'sap/ui/core/mvc/Controller',\n\t\t'sap/ui/model/json/JSONModel'\n\t], function(Fragment, Controller, JSONModel) {\n\t\"use strict\";\n\n\tvar PageController = Controller.extend(\"sap.ui.layout.sample.Form_Column_threeGroups234.Page\", {\n\n\t\tonInit: function (oEvent) {\n\n\t\t\t// set explored app's demo model on this sample\n\t\t\tvar oModel = new JSONModel(sap.ui.require.toUrl(\"sap/ui/demo/mock/supplier.json\"));\n\t\t\toModel.attachRequestCompleted(function() {\n\t\t\t\tthis.byId('edit').setEnabled(true);\n\t\t\t}.bind(this));\n\t\t\tthis.getView().setModel(oModel);\n\n\t\t\tthis.getView().bindElement(\"/SupplierCollection/0\");\n\n\t\t\tthis._formFragments = {};\n\n\t\t\t// Set the initial form to be the display one\n\t\t\tthis._showFormFragment(\"Display\");\n\t\t},\n\n\t\thandleEditPress : function () {\n\n\t\t\t//Clone the data\n\t\t\tthis._oSupplier = Object.assign({}, this.getView().getModel().getData().SupplierCollection[0]);\n\t\t\tthis._toggleButtonsAndView(true);\n\n\t\t},\n\n\t\thandleCancelPress : function () {\n\n\t\t\t//Restore the data\n\t\t\tvar oModel = this.getView().getModel();\n\t\t\tvar oData = oModel.getData();\n\n\t\t\toData.SupplierCollection[0] = this._oSupplier;\n\n\t\t\toModel.setData(oData);\n\t\t\tthis._toggleButtonsAndView(false);\n\n\t\t},\n\n\t\thandleSavePress : function () {\n\n\t\t\tthis._toggleButtonsAndView(false);\n\n\t\t},\n\n\t\t_toggleButtonsAndView : function (bEdit) {\n\t\t\tvar oView = this.getView();\n\n\t\t\t// Show the appropriate action buttons\n\t\t\toView.byId(\"edit\").setVisible(!bEdit);\n\t\t\toView.byId(\"save\").setVisible(bEdit);\n\t\t\toView.byId(\"cancel\").setVisible(bEdit);\n\n\t\t\t// Set the right form type\n\t\t\tthis._showFormFragment(bEdit ? \"Change\" : \"Display\");\n\t\t},\n\n\t\t_getFormFragment: function (sFragmentName) {\n\t\t\tvar pFormFragment = this._formFragments[sFragmentName],\n\t\t\t\toView = this.getView();\n\n\t\t\tif (!pFormFragment) {\n\t\t\t\tpFormFragment = Fragment.load({\n\t\t\t\t\tid: oView.getId(),\n\t\t\t\t\tname: \"sap.ui.layout.sample.Form_Column_threeGroups234.\" + sFragmentName\n\t\t\t\t});\n\t\t\t\tthis._formFragments[sFragmentName] = pFormFragment;\n\t\t\t}\n\n\t\t\treturn pFormFragment;\n\t\t},\n\n\t\t_showFormFragment : function (sFragmentName) {\n\t\t\tvar oPage = this.byId(\"page\");\n\n\t\t\toPage.removeAllContent();\n\t\t\tthis._getFormFragment(sFragmentName).then(function(oVBox){\n\t\t\t\toPage.insertContent(oVBox);\n\t\t\t});\n\t\t}\n\n\t});\n\n\treturn PageController;\n\n});",
633
+ "Page.view.xml": "<mvc:View\n\theight=\"100%\"\n\tcontrollerName=\"sap.ui.layout.sample.Form_Column_threeGroups234.Page\"\n\txmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns=\"sap.m\">\n\t<Page\n\t\tid=\"page\"\n\t\tshowHeader=\"true\" >\n\t\t<customHeader>\n\t\t\t<Bar>\n\t\t\t\t<contentRight>\n\t\t\t\t\t<Button id=\"edit\" text=\"Edit\" enabled=\"false\" press=\"handleEditPress\" />\n\t\t\t\t\t<Button id=\"save\" text=\"Save\" type=\"Emphasized\" visible=\"false\" press=\"handleSavePress\" />\n\t\t\t\t\t<Button id=\"cancel\" text=\"Cancel\" visible=\"false\" press=\"handleCancelPress\" />\n\t\t\t\t</contentRight>\n\t\t\t</Bar>\n\t\t</customHeader>\n\t</Page>\n</mvc:View>"
634
+ },
635
+ "sap.ui.layout/Form_Column_threeGroups236": {
636
+ "Change.fragment.xml": "<core:FragmentDefinition\n\txmlns=\"sap.m\"\n\txmlns:l=\"sap.ui.layout\"\n\txmlns:f=\"sap.ui.layout.form\"\n\txmlns:core=\"sap.ui.core\">\n\t<VBox class=\"sapUiSmallMargin\">\n\t\t<f:Form id=\"FormChangeColumn_threeGroups236\"\n\t\t\teditable=\"true\">\n\t\t\t<f:title>\n\t\t\t\t<core:Title text=\"Supplier\" />\n\t\t\t</f:title>\n\t\t\t<f:layout>\n\t\t\t\t<f:ColumnLayout\n\t\t\t\t\tcolumnsM=\"2\"\n\t\t\t\t\tcolumnsL=\"3\"\n\t\t\t\t\tcolumnsXL=\"6\"\n\t\t\t\t/>\n\t\t\t</f:layout>\n\t\t\t<f:formContainers>\n\t\t\t\t<f:FormContainer title=\"Address\">\n\t\t\t\t\t<f:formElements>\n\t\t\t\t\t\t<f:FormElement label=\"Name\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{SupplierName}\" id=\"name\"/>\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Street\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{Street}\" />\n\t\t\t\t\t\t\t\t<Input value=\"{HouseNumber}\">\n\t\t\t\t\t\t\t\t\t<layoutData>\n\t\t\t\t\t\t\t\t\t\t<f:ColumnElementData cellsSmall=\"2\" cellsLarge=\"1\" />\n\t\t\t\t\t\t\t\t\t</layoutData>\n\t\t\t\t\t\t\t\t</Input>\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"ZIP Code/City\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{ZIPCode}\">\n\t\t\t\t\t\t\t\t\t<layoutData>\n\t\t\t\t\t\t\t\t\t\t<f:ColumnElementData cellsSmall=\"3\" cellsLarge=\"2\" />\n\t\t\t\t\t\t\t\t\t</layoutData>\n\t\t\t\t\t\t\t\t</Input>\n\t\t\t\t\t\t\t\t<Input value=\"{City}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Country\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Select id=\"country\" selectedKey=\"{Country}\">\n\t\t\t\t\t\t\t\t\t<items>\n\t\t\t\t\t\t\t\t\t\t<core:Item text=\"England\" key=\"England\"/>\n\t\t\t\t\t\t\t\t\t\t<core:Item text=\"Germany\" key=\"Germany\"/>\n\t\t\t\t\t\t\t\t\t\t<core:Item text=\"USA\" key=\"USA\"/>\n\t\t\t\t\t\t\t\t\t</items>\n\t\t\t\t\t\t\t\t</Select>\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Web\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{Url}\" type=\"Url\"/>\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t</f:formElements>\n\t\t\t\t</f:FormContainer>\n\t\t\t\t<f:FormContainer title=\"Contact\">\n\t\t\t\t\t<f:formElements>\n\t\t\t\t\t\t<f:FormElement label=\"Twitter\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{Twitter}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Email\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{Email}\" type=\"Email\"/>\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Tel.\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{Tel}\" type=\"Tel\"/>\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t</f:formElements>\n\t\t\t\t</f:FormContainer>\n\t\t\t\t<f:FormContainer title=\"Other\">\n\t\t\t\t\t<f:formElements>\n\t\t\t\t\t\t<f:FormElement label=\"SMS\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{Sms}\" type=\"Tel\"/>\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Mobile\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{Mobile}\" type=\"Tel\"/>\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Pager\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{Pager}\" type=\"Tel\"/>\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Fax\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{Fax}\" type=\"Tel\"/>\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t</f:formElements>\n\t\t\t\t</f:FormContainer>\n\t\t\t</f:formContainers>\n\t\t</f:Form>\n\t</VBox>\n</core:FragmentDefinition>",
637
+ "Component.js": "sap.ui.define(['sap/ui/core/UIComponent'],\n\tfunction(UIComponent) {\n\t\"use strict\";\n\n\tvar Component = UIComponent.extend(\"sap.ui.layout.sample.Form_Column_threeGroups236.Component\", {\n\n\t\tmetadata : {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n\n\treturn Component;\n\n});\n",
638
+ "Display.fragment.xml": "<core:FragmentDefinition\n\txmlns=\"sap.m\"\n\txmlns:l=\"sap.ui.layout\"\n\txmlns:f=\"sap.ui.layout.form\"\n\txmlns:core=\"sap.ui.core\">\n\t<VBox class=\"sapUiSmallMargin\">\n\t\t<f:Form id=\"FormDisplayColumn_threeGroups236\"\n\t\t\teditable=\"false\">\n\t\t\t<f:title>\n\t\t\t\t<core:Title text=\"Supplier\" />\n\t\t\t</f:title>\n\t\t\t<f:layout>\n\t\t\t\t<f:ColumnLayout \n\t\t\t\t\tcolumnsM=\"2\"\n\t\t\t\t\tcolumnsL=\"3\"\n\t\t\t\t\tcolumnsXL=\"6\"\n\t\t\t\t/>\n\t\t\t</f:layout>\n\t\t\t<f:formContainers>\n\t\t\t\t<f:FormContainer title=\"Address\">\n\t\t\t\t\t<f:formElements>\n\t\t\t\t\t\t<f:FormElement label=\"Name\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{SupplierName}\" id=\"nameText\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Street\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{Street} {HouseNumber}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"ZIP Code/City\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{ZIPCode} {City}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Country\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{Country}\" id=\"countryText\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Web\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Link text=\"Url\" href=\"{Url}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t</f:formElements>\n\t\t\t\t</f:FormContainer>\n\t\t\t\t<f:FormContainer title=\"Contact\">\n\t\t\t\t\t<f:formElements>\n\t\t\t\t\t\t<f:FormElement label=\"Twitter\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{Twitter}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Email\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{Email}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Tel.\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{Tel}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t</f:formElements>\n\t\t\t\t</f:FormContainer>\n\t\t\t\t<f:FormContainer title=\"Other\">\n\t\t\t\t\t<f:formElements>\n\t\t\t\t\t\t<f:FormElement label=\"SMS\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{Sms}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Mobile\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{Mobile}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Pager\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{Pager}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Fax\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{Fax}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t</f:formElements>\n\t\t\t\t</f:FormContainer>\n\t\t\t</f:formContainers>\n\t\t</f:Form>\n\t</VBox>\n</core:FragmentDefinition>",
639
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.ui.layout.sample.Form_Column_threeGroups236\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.ui.layout.sample.Form_Column_threeGroups236.Page\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.layout\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"stretch\": true,\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"Page.view.xml\",\n\t\t\t\t\t\"Page.controller.js\",\n\t\t\t\t\t\"Change.fragment.xml\",\n\t\t\t\t\t\"Display.fragment.xml\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
640
+ "Page.controller.js": "sap.ui.define([\n\t\t'sap/ui/core/Fragment',\n\t\t'sap/ui/core/mvc/Controller',\n\t\t'sap/ui/model/json/JSONModel'\n\t], function(Fragment, Controller, JSONModel) {\n\t\"use strict\";\n\n\tvar PageController = Controller.extend(\"sap.ui.layout.sample.Form_Column_threeGroups236.Page\", {\n\n\t\tonInit: function (oEvent) {\n\n\t\t\t// set explored app's demo model on this sample\n\t\t\tvar oModel = new JSONModel(sap.ui.require.toUrl(\"sap/ui/demo/mock/supplier.json\"));\n\t\t\toModel.attachRequestCompleted(function() {\n\t\t\t\tthis.byId('edit').setEnabled(true);\n\t\t\t}.bind(this));\n\t\t\tthis.getView().setModel(oModel);\n\n\t\t\tthis.getView().bindElement(\"/SupplierCollection/0\");\n\n\t\t\tthis._formFragments = {};\n\n\t\t\t// Set the initial form to be the display one\n\t\t\tthis._showFormFragment(\"Display\");\n\t\t},\n\n\t\thandleEditPress : function () {\n\n\t\t\t//Clone the data\n\t\t\tthis._oSupplier = Object.assign({}, this.getView().getModel().getData().SupplierCollection[0]);\n\t\t\tthis._toggleButtonsAndView(true);\n\n\t\t},\n\n\t\thandleCancelPress : function () {\n\n\t\t\t//Restore the data\n\t\t\tvar oModel = this.getView().getModel();\n\t\t\tvar oData = oModel.getData();\n\n\t\t\toData.SupplierCollection[0] = this._oSupplier;\n\n\t\t\toModel.setData(oData);\n\t\t\tthis._toggleButtonsAndView(false);\n\n\t\t},\n\n\t\thandleSavePress : function () {\n\n\t\t\tthis._toggleButtonsAndView(false);\n\n\t\t},\n\n\t\t_toggleButtonsAndView : function (bEdit) {\n\t\t\tvar oView = this.getView();\n\n\t\t\t// Show the appropriate action buttons\n\t\t\toView.byId(\"edit\").setVisible(!bEdit);\n\t\t\toView.byId(\"save\").setVisible(bEdit);\n\t\t\toView.byId(\"cancel\").setVisible(bEdit);\n\n\t\t\t// Set the right form type\n\t\t\tthis._showFormFragment(bEdit ? \"Change\" : \"Display\");\n\t\t},\n\n\t\t_getFormFragment: function (sFragmentName) {\n\t\t\tvar pFormFragment = this._formFragments[sFragmentName],\n\t\t\t\toView = this.getView();\n\n\t\t\tif (!pFormFragment) {\n\t\t\t\tpFormFragment = Fragment.load({\n\t\t\t\t\tid: oView.getId(),\n\t\t\t\t\tname: \"sap.ui.layout.sample.Form_Column_threeGroups236.\" + sFragmentName\n\t\t\t\t});\n\t\t\t\tthis._formFragments[sFragmentName] = pFormFragment;\n\t\t\t}\n\n\t\t\treturn pFormFragment;\n\t\t},\n\n\t\t_showFormFragment : function (sFragmentName) {\n\t\t\tvar oPage = this.byId(\"page\");\n\n\t\t\toPage.removeAllContent();\n\t\t\tthis._getFormFragment(sFragmentName).then(function(oVBox){\n\t\t\t\toPage.insertContent(oVBox);\n\t\t\t});\n\t\t}\n\n\t});\n\n\treturn PageController;\n\n});",
641
+ "Page.view.xml": "<mvc:View\n\theight=\"100%\"\n\tcontrollerName=\"sap.ui.layout.sample.Form_Column_threeGroups236.Page\"\n\txmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns=\"sap.m\">\n\t<Page\n\t\tid=\"page\"\n\t\tshowHeader=\"true\" >\n\t\t<customHeader>\n\t\t\t<Bar>\n\t\t\t\t<contentRight>\n\t\t\t\t\t<Button id=\"edit\" text=\"Edit\" enabled=\"false\" press=\"handleEditPress\" />\n\t\t\t\t\t<Button id=\"save\" text=\"Save\" type=\"Emphasized\" visible=\"false\" press=\"handleSavePress\" />\n\t\t\t\t\t<Button id=\"cancel\" text=\"Cancel\" visible=\"false\" press=\"handleCancelPress\" />\n\t\t\t\t</contentRight>\n\t\t\t</Bar>\n\t\t</customHeader>\n\t</Page>\n</mvc:View>"
642
+ },
643
+ "sap.ui.layout/Form_Column_twoGroups234": {
644
+ "Change.fragment.xml": "<core:FragmentDefinition\n\txmlns=\"sap.m\"\n\txmlns:l=\"sap.ui.layout\"\n\txmlns:f=\"sap.ui.layout.form\"\n\txmlns:core=\"sap.ui.core\">\n\t<VBox class=\"sapUiSmallMargin\">\n\t\t<f:Form id=\"FormChangeColumn_twoGroups234\"\n\t\t\teditable=\"true\">\n\t\t\t<f:title>\n\t\t\t\t<core:Title text=\"Supplier\" />\n\t\t\t</f:title>\n\t\t\t<f:layout>\n\t\t\t\t<f:ColumnLayout\n\t\t\t\t\tcolumnsM=\"2\"\n\t\t\t\t\tcolumnsL=\"3\"\n\t\t\t\t\tcolumnsXL=\"4\"\n\t\t\t\t/>\n\t\t\t</f:layout>\n\t\t\t<f:formContainers>\n\t\t\t\t<f:FormContainer title=\"Address\">\n\t\t\t\t\t<f:formElements>\n\t\t\t\t\t\t<f:FormElement label=\"Name\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{SupplierName}\" id=\"name\"/>\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Street\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{Street}\" />\n\t\t\t\t\t\t\t\t<Input value=\"{HouseNumber}\">\n\t\t\t\t\t\t\t\t\t<layoutData>\n\t\t\t\t\t\t\t\t\t\t<f:ColumnElementData cellsSmall=\"2\" cellsLarge=\"1\" />\n\t\t\t\t\t\t\t\t\t</layoutData>\n\t\t\t\t\t\t\t\t</Input>\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"ZIP Code/City\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{ZIPCode}\">\n\t\t\t\t\t\t\t\t\t<layoutData>\n\t\t\t\t\t\t\t\t\t\t<f:ColumnElementData cellsSmall=\"3\" cellsLarge=\"2\" />\n\t\t\t\t\t\t\t\t\t</layoutData>\n\t\t\t\t\t\t\t\t</Input>\n\t\t\t\t\t\t\t\t<Input value=\"{City}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Country\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Select id=\"country\" selectedKey=\"{Country}\">\n\t\t\t\t\t\t\t\t\t<items>\n\t\t\t\t\t\t\t\t\t\t<core:Item text=\"England\" key=\"England\"/>\n\t\t\t\t\t\t\t\t\t\t<core:Item text=\"Germany\" key=\"Germany\"/>\n\t\t\t\t\t\t\t\t\t\t<core:Item text=\"USA\" key=\"USA\"/>\n\t\t\t\t\t\t\t\t\t</items>\n\t\t\t\t\t\t\t\t</Select>\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Web\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{Url}\" type=\"Url\"/>\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t</f:formElements>\n\t\t\t\t</f:FormContainer>\n\t\t\t\t<f:FormContainer title=\"Contact\">\n\t\t\t\t\t<f:formElements>\n\t\t\t\t\t\t<f:FormElement label=\"Twitter\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{Twitter}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Email\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{Email}\" type=\"Email\"/>\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Tel.\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{Tel}\" type=\"Tel\"/>\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"SMS\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{Sms}\" type=\"Tel\"/>\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Mobile\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{Mobile}\" type=\"Tel\"/>\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Pager\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{Pager}\" type=\"Tel\"/>\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Fax\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Input value=\"{Fax}\" type=\"Tel\"/>\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t</f:formElements>\n\t\t\t\t</f:FormContainer>\n\t\t\t</f:formContainers>\n\t\t</f:Form>\n\t</VBox>\n</core:FragmentDefinition>",
645
+ "Component.js": "sap.ui.define(['sap/ui/core/UIComponent'],\n\tfunction(UIComponent) {\n\t\"use strict\";\n\n\tvar Component = UIComponent.extend(\"sap.ui.layout.sample.Form_Column_twoGroups234.Component\", {\n\n\t\tmetadata : {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n\n\treturn Component;\n\n});\n",
646
+ "Display.fragment.xml": "<core:FragmentDefinition\n\txmlns=\"sap.m\"\n\txmlns:l=\"sap.ui.layout\"\n\txmlns:f=\"sap.ui.layout.form\"\n\txmlns:core=\"sap.ui.core\">\n\t<VBox class=\"sapUiSmallMargin\">\n\t\t<f:Form id=\"FormDisplayColumn_twoGroups234\"\n\t\t\teditable=\"false\">\n\t\t\t<f:title>\n\t\t\t\t<core:Title text=\"Supplier\" />\n\t\t\t</f:title>\n\t\t\t<f:layout>\n\t\t\t\t<f:ColumnLayout \n\t\t\t\t\tcolumnsM=\"2\"\n\t\t\t\t\tcolumnsL=\"3\"\n\t\t\t\t\tcolumnsXL=\"4\"\n\t\t\t\t/>\n\t\t\t</f:layout>\n\t\t\t<f:formContainers>\n\t\t\t\t<f:FormContainer title=\"Address\">\n\t\t\t\t\t<f:formElements>\n\t\t\t\t\t\t<f:FormElement label=\"Name\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{SupplierName}\" id=\"nameText\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Street\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{Street} {HouseNumber}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"ZIP Code/City\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{ZIPCode} {City}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Country\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{Country}\" id=\"countryText\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Web\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Link text=\"Url\" href=\"{Url}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t</f:formElements>\n\t\t\t\t</f:FormContainer>\n\t\t\t\t<f:FormContainer title=\"Contact\">\n\t\t\t\t\t<f:formElements>\n\t\t\t\t\t\t<f:FormElement label=\"Twitter\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{Twitter}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Email\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{Email}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Tel.\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{Tel}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"SMS\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{Sms}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Mobile\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{Mobile}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Pager\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{Pager}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t\t<f:FormElement label=\"Fax\">\n\t\t\t\t\t\t\t<f:fields>\n\t\t\t\t\t\t\t\t<Text text=\"{Fax}\" />\n\t\t\t\t\t\t\t</f:fields>\n\t\t\t\t\t\t</f:FormElement>\n\t\t\t\t\t</f:formElements>\n\t\t\t\t</f:FormContainer>\n\t\t\t</f:formContainers>\n\t\t</f:Form>\n\t</VBox>\n</core:FragmentDefinition>",
647
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.ui.layout.sample.Form_Column_twoGroups234\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.ui.layout.sample.Form_Column_twoGroups234.Page\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.layout\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"stretch\": true,\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"Page.view.xml\",\n\t\t\t\t\t\"Page.controller.js\",\n\t\t\t\t\t\"Change.fragment.xml\",\n\t\t\t\t\t\"Display.fragment.xml\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
648
+ "Page.controller.js": "sap.ui.define([\n\t\t'sap/ui/core/Fragment',\n\t\t'sap/ui/core/mvc/Controller',\n\t\t'sap/ui/model/json/JSONModel'\n\t], function(Fragment, Controller, JSONModel) {\n\t\"use strict\";\n\n\tvar PageController = Controller.extend(\"sap.ui.layout.sample.Form_Column_twoGroups234.Page\", {\n\n\t\tonInit: function (oEvent) {\n\n\t\t\t// set explored app's demo model on this sample\n\t\t\tvar oModel = new JSONModel(sap.ui.require.toUrl(\"sap/ui/demo/mock/supplier.json\"));\n\t\t\toModel.attachRequestCompleted(function() {\n\t\t\t\tthis.byId('edit').setEnabled(true);\n\t\t\t}.bind(this));\n\t\t\tthis.getView().setModel(oModel);\n\n\t\t\tthis.getView().bindElement(\"/SupplierCollection/0\");\n\n\t\t\tthis._formFragments = {};\n\n\t\t\t// Set the initial form to be the display one\n\t\t\tthis._showFormFragment(\"Display\");\n\t\t},\n\n\t\thandleEditPress : function () {\n\n\t\t\t//Clone the data\n\t\t\tthis._oSupplier = Object.assign({}, this.getView().getModel().getData().SupplierCollection[0]);\n\t\t\tthis._toggleButtonsAndView(true);\n\n\t\t},\n\n\t\thandleCancelPress : function () {\n\n\t\t\t//Restore the data\n\t\t\tvar oModel = this.getView().getModel();\n\t\t\tvar oData = oModel.getData();\n\n\t\t\toData.SupplierCollection[0] = this._oSupplier;\n\n\t\t\toModel.setData(oData);\n\t\t\tthis._toggleButtonsAndView(false);\n\n\t\t},\n\n\t\thandleSavePress : function () {\n\n\t\t\tthis._toggleButtonsAndView(false);\n\n\t\t},\n\n\t\t_toggleButtonsAndView : function (bEdit) {\n\t\t\tvar oView = this.getView();\n\n\t\t\t// Show the appropriate action buttons\n\t\t\toView.byId(\"edit\").setVisible(!bEdit);\n\t\t\toView.byId(\"save\").setVisible(bEdit);\n\t\t\toView.byId(\"cancel\").setVisible(bEdit);\n\n\t\t\t// Set the right form type\n\t\t\tthis._showFormFragment(bEdit ? \"Change\" : \"Display\");\n\t\t},\n\n\t\t_getFormFragment: function (sFragmentName) {\n\t\t\tvar pFormFragment = this._formFragments[sFragmentName],\n\t\t\t\toView = this.getView();\n\n\t\t\tif (!pFormFragment) {\n\t\t\t\tpFormFragment = Fragment.load({\n\t\t\t\t\tid: oView.getId(),\n\t\t\t\t\tname: \"sap.ui.layout.sample.Form_Column_twoGroups234.\" + sFragmentName\n\t\t\t\t});\n\t\t\t\tthis._formFragments[sFragmentName] = pFormFragment;\n\t\t\t}\n\n\t\t\treturn pFormFragment;\n\t\t},\n\n\t\t_showFormFragment : function (sFragmentName) {\n\t\t\tvar oPage = this.byId(\"page\");\n\n\t\t\toPage.removeAllContent();\n\t\t\tthis._getFormFragment(sFragmentName).then(function(oVBox){\n\t\t\t\toPage.insertContent(oVBox);\n\t\t\t});\n\t\t}\n\n\t});\n\n\treturn PageController;\n\n});",
649
+ "Page.view.xml": "<mvc:View\n\theight=\"100%\"\n\tcontrollerName=\"sap.ui.layout.sample.Form_Column_twoGroups234.Page\"\n\txmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns=\"sap.m\">\n\t<Page\n\t\tid=\"page\"\n\t\tshowHeader=\"true\" >\n\t\t<customHeader>\n\t\t\t<Bar>\n\t\t\t\t<contentRight>\n\t\t\t\t\t<Button id=\"edit\" text=\"Edit\" enabled=\"false\" press=\"handleEditPress\" />\n\t\t\t\t\t<Button id=\"save\" text=\"Save\" type=\"Emphasized\" visible=\"false\" press=\"handleSavePress\" />\n\t\t\t\t\t<Button id=\"cancel\" text=\"Cancel\" visible=\"false\" press=\"handleCancelPress\" />\n\t\t\t\t</contentRight>\n\t\t\t</Bar>\n\t\t</customHeader>\n\t</Page>\n</mvc:View>"
650
+ },
651
+ "sap.ui.layout/SimpleForm354": {
652
+ "Change.fragment.xml": "<core:FragmentDefinition\n\txmlns=\"sap.m\"\n\txmlns:l=\"sap.ui.layout\"\n\txmlns:f=\"sap.ui.layout.form\"\n\txmlns:core=\"sap.ui.core\">\n\t<VBox class=\"sapUiSmallMargin\">\n\t\t<f:SimpleForm id=\"SimpleFormChange354\"\n\t\t\teditable=\"true\"\n\t\t\tlayout=\"ResponsiveGridLayout\"\n\t\t\ttitle=\"Address\"\n\t\t\tlabelSpanXL=\"3\"\n\t\t\tlabelSpanL=\"3\"\n\t\t\tlabelSpanM=\"3\"\n\t\t\tlabelSpanS=\"12\"\n\t\t\tadjustLabelSpan=\"false\"\n\t\t\temptySpanXL=\"4\"\n\t\t\temptySpanL=\"4\"\n\t\t\temptySpanM=\"4\"\n\t\t\temptySpanS=\"0\"\n\t\t\tcolumnsXL=\"1\"\n\t\t\tcolumnsL=\"1\"\n\t\t\tcolumnsM=\"1\"\n\t\t\tsingleContainerFullSize=\"false\" >\n\t\t\t<f:content>\n\t\t\t\t<Label text=\"Name\" />\n\t\t\t\t<Input id=\"name\" value=\"{SupplierName}\" />\n\t\t\t\t<Label text=\"Street/No.\" />\n\t\t\t\t<Input value=\"{Street}\">\n\t\t\t\t</Input>\n\t\t\t\t<Input value=\"{HouseNumber}\">\n\t\t\t\t\t<layoutData>\n\t\t\t\t\t\t<l:GridData span=\"XL1 L2 M2 S4\" />\n\t\t\t\t\t</layoutData>\n\t\t\t\t</Input>\n\t\t\t\t<Label text=\"ZIP Code/City\" />\n\t\t\t\t<Input value=\"{ZIPCode}\">\n\t\t\t\t\t<layoutData>\n\t\t\t\t\t\t<l:GridData span=\"XL1 L2 M2 S4\" />\n\t\t\t\t\t</layoutData>\n\t\t\t\t</Input>\n\t\t\t\t<Input value=\"{City}\" />\n\t\t\t\t<Label text=\"Country\" />\n\t\t\t\t<Select id=\"country\" selectedKey=\"{Country}\">\n\t\t\t\t\t<items>\n\t\t\t\t\t\t<core:Item text=\"England\" key=\"England\"/>\n\t\t\t\t\t\t<core:Item text=\"Germany\" key=\"Germany\"/>\n\t\t\t\t\t\t<core:Item text=\"USA\" key=\"USA\"/>\n\t\t\t\t\t</items>\n\t\t\t\t</Select>\n\t\t\t</f:content>\n\t\t</f:SimpleForm>\n\t</VBox>\n</core:FragmentDefinition>",
653
+ "Component.js": "sap.ui.define(['sap/ui/core/UIComponent'],\n\tfunction(UIComponent) {\n\t\"use strict\";\n\n\tvar Component = UIComponent.extend(\"sap.ui.layout.sample.SimpleForm354.Component\", {\n\n\t\tmetadata : {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n\n\treturn Component;\n\n});\n",
654
+ "Display.fragment.xml": "<core:FragmentDefinition\n\txmlns=\"sap.m\"\n\txmlns:l=\"sap.ui.layout\"\n\txmlns:f=\"sap.ui.layout.form\"\n\txmlns:core=\"sap.ui.core\">\n\t<VBox class=\"sapUiSmallMargin\">\n\t\t<f:SimpleForm id=\"SimpleFormDisplay354\"\n\t\t\teditable=\"false\"\n\t\t\tlayout=\"ResponsiveGridLayout\"\n\t\t\ttitle=\"Address\"\n\t\t\tlabelSpanXL=\"3\"\n\t\t\tlabelSpanL=\"3\"\n\t\t\tlabelSpanM=\"3\"\n\t\t\tlabelSpanS=\"12\"\n\t\t\tadjustLabelSpan=\"false\"\n\t\t\temptySpanXL=\"4\"\n\t\t\temptySpanL=\"4\"\n\t\t\temptySpanM=\"4\"\n\t\t\temptySpanS=\"0\"\n\t\t\tcolumnsXL=\"1\"\n\t\t\tcolumnsL=\"1\"\n\t\t\tcolumnsM=\"1\"\n\t\t\tsingleContainerFullSize=\"false\" >\n\t\t\t<f:content>\n\t\t\t\t<Label text=\"Name\" />\n\t\t\t\t<Text id=\"nameText\" text=\"{SupplierName}\" />\n\t\t\t\t<Label text=\"Street/No.\" />\n\t\t\t\t<Text text=\"{Street} {HouseNumber}\" />\n\t\t\t\t<Label text=\"ZIP Code/City\" />\n\t\t\t\t<Text text=\"{ZIPCode} {City}\" />\n\t\t\t\t<Label text=\"Country\" />\n\t\t\t\t<Text id=\"countryText\" text=\"{Country}\" />\n\t\t\t</f:content>\n\t\t</f:SimpleForm>\n\t</VBox>\n</core:FragmentDefinition>",
655
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.ui.layout.sample.SimpleForm354\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.ui.layout.sample.SimpleForm354.Page\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.layout\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"stretch\": true,\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"Page.view.xml\",\n\t\t\t\t\t\"Page.controller.js\",\n\t\t\t\t\t\"Change.fragment.xml\",\n\t\t\t\t\t\"Display.fragment.xml\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
656
+ "Page.controller.js": "sap.ui.define([\n\t\t'sap/ui/core/Fragment',\n\t\t'sap/ui/core/mvc/Controller',\n\t\t'sap/ui/model/json/JSONModel'\n\t], function(Fragment, Controller, JSONModel) {\n\t\"use strict\";\n\n\tvar PageController = Controller.extend(\"sap.ui.layout.sample.SimpleForm354.Page\", {\n\n\t\tonInit: function (oEvent) {\n\n\t\t\t// set explored app's demo model on this sample\n\t\t\tvar oModel = new JSONModel(sap.ui.require.toUrl(\"sap/ui/demo/mock/supplier.json\"));\n\t\t\toModel.attachRequestCompleted(function() {\n\t\t\t\tthis.byId('edit').setEnabled(true);\n\t\t\t}.bind(this));\n\t\t\tthis.getView().setModel(oModel);\n\n\t\t\tthis.getView().bindElement(\"/SupplierCollection/0\");\n\n\t\t\tthis._formFragments = {};\n\n\t\t\t// Set the initial form to be the display one\n\t\t\tthis._showFormFragment(\"Display\");\n\t\t},\n\n\t\thandleEditPress : function () {\n\n\t\t\t//Clone the data\n\t\t\tthis._oSupplier = Object.assign({}, this.getView().getModel().getData().SupplierCollection[0]);\n\t\t\tthis._toggleButtonsAndView(true);\n\n\t\t},\n\n\t\thandleCancelPress : function () {\n\n\t\t\t//Restore the data\n\t\t\tvar oModel = this.getView().getModel();\n\t\t\tvar oData = oModel.getData();\n\n\t\t\toData.SupplierCollection[0] = this._oSupplier;\n\n\t\t\toModel.setData(oData);\n\t\t\tthis._toggleButtonsAndView(false);\n\n\t\t},\n\n\t\thandleSavePress : function () {\n\n\t\t\tthis._toggleButtonsAndView(false);\n\n\t\t},\n\n\t\t_toggleButtonsAndView : function (bEdit) {\n\t\t\tvar oView = this.getView();\n\n\t\t\t// Show the appropriate action buttons\n\t\t\toView.byId(\"edit\").setVisible(!bEdit);\n\t\t\toView.byId(\"save\").setVisible(bEdit);\n\t\t\toView.byId(\"cancel\").setVisible(bEdit);\n\n\t\t\t// Set the right form type\n\t\t\tthis._showFormFragment(bEdit ? \"Change\" : \"Display\");\n\t\t},\n\n\t\t_getFormFragment: function (sFragmentName) {\n\t\t\tvar pFormFragment = this._formFragments[sFragmentName],\n\t\t\t\toView = this.getView();\n\n\t\t\tif (!pFormFragment) {\n\t\t\t\tpFormFragment = Fragment.load({\n\t\t\t\t\tid: oView.getId(),\n\t\t\t\t\tname: \"sap.ui.layout.sample.SimpleForm354.\" + sFragmentName\n\t\t\t\t});\n\t\t\t\tthis._formFragments[sFragmentName] = pFormFragment;\n\t\t\t}\n\n\t\t\treturn pFormFragment;\n\t\t},\n\n\t\t_showFormFragment : function (sFragmentName) {\n\t\t\tvar oPage = this.byId(\"page\");\n\n\t\t\toPage.removeAllContent();\n\t\t\tthis._getFormFragment(sFragmentName).then(function(oVBox){\n\t\t\t\toPage.insertContent(oVBox);\n\t\t\t});\n\t\t}\n\n\t});\n\n\treturn PageController;\n\n});",
657
+ "Page.view.xml": "<mvc:View\n\theight=\"100%\"\n\tcontrollerName=\"sap.ui.layout.sample.SimpleForm354.Page\"\n\txmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns=\"sap.m\">\n\t<Page\n\t\tid=\"page\"\n\t\tshowHeader=\"true\" >\n\t\t<customHeader>\n\t\t\t<Bar>\n\t\t\t\t<contentRight>\n\t\t\t\t\t<Button id=\"edit\" text=\"Edit\" enabled=\"false\" press=\"handleEditPress\" />\n\t\t\t\t\t<Button id=\"save\" text=\"Save\" type=\"Emphasized\" visible=\"false\" press=\"handleSavePress\" />\n\t\t\t\t\t<Button id=\"cancel\" text=\"Cancel\" visible=\"false\" press=\"handleCancelPress\" />\n\t\t\t\t</contentRight>\n\t\t\t</Bar>\n\t\t</customHeader>\n\t</Page>\n</mvc:View>"
658
+ },
659
+ "sap.ui.layout/SimpleForm354wide": {
660
+ "Change.fragment.xml": "<core:FragmentDefinition\n\txmlns=\"sap.m\"\n\txmlns:l=\"sap.ui.layout\"\n\txmlns:f=\"sap.ui.layout.form\"\n\txmlns:core=\"sap.ui.core\">\n\t<VBox class=\"sapUiSmallMargin\">\n\t\t<f:SimpleForm id=\"SimpleFormChange354wide\"\n\t\t\teditable=\"true\"\n\t\t\tlayout=\"ResponsiveGridLayout\"\n\t\t\ttitle=\"Address\"\n\t\t\tlabelSpanXL=\"4\"\n\t\t\tlabelSpanL=\"3\"\n\t\t\tlabelSpanM=\"4\"\n\t\t\tlabelSpanS=\"12\"\n\t\t\tadjustLabelSpan=\"false\"\n\t\t\temptySpanXL=\"0\"\n\t\t\temptySpanL=\"4\"\n\t\t\temptySpanM=\"0\"\n\t\t\temptySpanS=\"0\"\n\t\t\tcolumnsXL=\"2\"\n\t\t\tcolumnsL=\"1\"\n\t\t\tcolumnsM=\"1\"\n\t\t\tsingleContainerFullSize=\"false\">\n\t\t\t<f:content>\n\t\t\t\t<Label text=\"Full name of the contact\" />\n\t\t\t\t<Input id=\"name\" value=\"{SupplierName}\" />\n\t\t\t\t<Label text=\"Street and number where the contact is located\" />\n\t\t\t\t<Input value=\"{Street}\">\n\t\t\t\t</Input>\n\t\t\t\t<Input value=\"{HouseNumber}\">\n\t\t\t\t\t<layoutData>\n\t\t\t\t\t\t<l:GridData span=\"XL1 L2 M2 S4\" />\n\t\t\t\t\t</layoutData>\n\t\t\t\t</Input>\n\t\t\t\t<Label text=\"ZIP Code and City\" />\n\t\t\t\t<Input value=\"{ZIPCode}\">\n\t\t\t\t\t<layoutData>\n\t\t\t\t\t\t<l:GridData span=\"XL1 L2 M2 S4\" />\n\t\t\t\t\t</layoutData>\n\t\t\t\t</Input>\n\t\t\t\t<Input value=\"{City}\" />\n\t\t\t\t<Label text=\"Country where the contact is located\" />\n\t\t\t\t<Select id=\"country\" selectedKey=\"{Country}\">\n\t\t\t\t\t<items>\n\t\t\t\t\t\t<core:Item text=\"England\" key=\"England\"/>\n\t\t\t\t\t\t<core:Item text=\"Germany\" key=\"Germany\"/>\n\t\t\t\t\t\t<core:Item text=\"USA\" key=\"USA\"/>\n\t\t\t\t\t</items>\n\t\t\t\t</Select>\n\t\t\t</f:content>\n\t\t</f:SimpleForm>\n\t</VBox>\n</core:FragmentDefinition>",
661
+ "Component.js": "sap.ui.define(['sap/ui/core/UIComponent'],\n\tfunction(UIComponent) {\n\t\"use strict\";\n\n\tvar Component = UIComponent.extend(\"sap.ui.layout.sample.SimpleForm354wide.Component\", {\n\n\t\tmetadata : {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n\n\treturn Component;\n\n});\n",
662
+ "Display.fragment.xml": "<core:FragmentDefinition\n\txmlns=\"sap.m\"\n\txmlns:l=\"sap.ui.layout\"\n\txmlns:f=\"sap.ui.layout.form\"\n\txmlns:core=\"sap.ui.core\">\n\t<VBox class=\"sapUiSmallMargin\">\n\t\t<f:SimpleForm id=\"SimpleFormDisplay354wide\"\n\t\t\teditable=\"false\"\n\t\t\tlayout=\"ResponsiveGridLayout\"\n\t\t\ttitle=\"Address\"\n\t\t\tlabelSpanXL=\"4\"\n\t\t\tlabelSpanL=\"3\"\n\t\t\tlabelSpanM=\"4\"\n\t\t\tlabelSpanS=\"12\"\n\t\t\tadjustLabelSpan=\"false\"\n\t\t\temptySpanXL=\"0\"\n\t\t\temptySpanL=\"4\"\n\t\t\temptySpanM=\"0\"\n\t\t\temptySpanS=\"0\"\n\t\t\tcolumnsXL=\"2\"\n\t\t\tcolumnsL=\"1\"\n\t\t\tcolumnsM=\"1\"\n\t\t\tsingleContainerFullSize=\"false\">\n\t\t\t<f:content>\n\t\t\t\t<Label text=\"Full name of the contact\" />\n\t\t\t\t<Text id=\"nameText\" text=\"{SupplierName}\" />\n\t\t\t\t<Label text=\"Street and number where the contact is located\" />\n\t\t\t\t<Text text=\"{Street} {HouseNumber}\" />\n\t\t\t\t<Label text=\"ZIP Code and City\" />\n\t\t\t\t<Text text=\"{ZIPCode} {City}\" />\n\t\t\t\t<Label text=\"Country where the contact is located\" />\n\t\t\t\t<Text id=\"countryText\" text=\"{Country}\" />\n\t\t\t</f:content>\n\t\t</f:SimpleForm>\n\t</VBox>\n</core:FragmentDefinition>",
663
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.ui.layout.sample.SimpleForm354wide\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.ui.layout.sample.SimpleForm354wide.Page\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.layout\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"stretch\": true,\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"Page.view.xml\",\n\t\t\t\t\t\"Page.controller.js\",\n\t\t\t\t\t\"Change.fragment.xml\",\n\t\t\t\t\t\"Display.fragment.xml\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
664
+ "Page.controller.js": "sap.ui.define([\n\t\t'sap/ui/core/Fragment',\n\t\t'sap/ui/core/mvc/Controller',\n\t\t'sap/ui/model/json/JSONModel'\n\t], function(Fragment, Controller, JSONModel) {\n\t\"use strict\";\n\n\tvar PageController = Controller.extend(\"sap.ui.layout.sample.SimpleForm354wide.Page\", {\n\n\t\tonInit: function (oEvent) {\n\n\t\t\t// set explored app's demo model on this sample\n\t\t\tvar oModel = new JSONModel(sap.ui.require.toUrl(\"sap/ui/demo/mock/supplier.json\"));\n\t\t\toModel.attachRequestCompleted(function() {\n\t\t\t\tthis.byId('edit').setEnabled(true);\n\t\t\t}.bind(this));\n\t\t\tthis.getView().setModel(oModel);\n\n\t\t\tthis.getView().bindElement(\"/SupplierCollection/0\");\n\n\t\t\tthis._formFragments = {};\n\n\t\t\t// Set the initial form to be the display one\n\t\t\tthis._showFormFragment(\"Display\");\n\t\t},\n\n\t\thandleEditPress : function () {\n\n\t\t\t//Clone the data\n\t\t\tthis._oSupplier = Object.assign({}, this.getView().getModel().getData().SupplierCollection[0]);\n\t\t\tthis._toggleButtonsAndView(true);\n\n\t\t},\n\n\t\thandleCancelPress : function () {\n\n\t\t\t//Restore the data\n\t\t\tvar oModel = this.getView().getModel();\n\t\t\tvar oData = oModel.getData();\n\n\t\t\toData.SupplierCollection[0] = this._oSupplier;\n\n\t\t\toModel.setData(oData);\n\t\t\tthis._toggleButtonsAndView(false);\n\n\t\t},\n\n\t\thandleSavePress : function () {\n\n\t\t\tthis._toggleButtonsAndView(false);\n\n\t\t},\n\n\t\t_toggleButtonsAndView : function (bEdit) {\n\t\t\tvar oView = this.getView();\n\n\t\t\t// Show the appropriate action buttons\n\t\t\toView.byId(\"edit\").setVisible(!bEdit);\n\t\t\toView.byId(\"save\").setVisible(bEdit);\n\t\t\toView.byId(\"cancel\").setVisible(bEdit);\n\n\t\t\t// Set the right form type\n\t\t\tthis._showFormFragment(bEdit ? \"Change\" : \"Display\");\n\t\t},\n\n\t\t_getFormFragment: function (sFragmentName) {\n\t\t\tvar pFormFragment = this._formFragments[sFragmentName],\n\t\t\t\toView = this.getView();\n\n\t\t\tif (!pFormFragment) {\n\t\t\t\tpFormFragment = Fragment.load({\n\t\t\t\t\tid: oView.getId(),\n\t\t\t\t\tname: \"sap.ui.layout.sample.SimpleForm354wide.\" + sFragmentName\n\t\t\t\t});\n\t\t\t\tthis._formFragments[sFragmentName] = pFormFragment;\n\t\t\t}\n\n\t\t\treturn pFormFragment;\n\t\t},\n\n\t\t_showFormFragment : function (sFragmentName) {\n\t\t\tvar oPage = this.byId(\"page\");\n\n\t\t\toPage.removeAllContent();\n\t\t\tthis._getFormFragment(sFragmentName).then(function(oVBox){\n\t\t\t\toPage.insertContent(oVBox);\n\t\t\t});\n\t\t}\n\n\t});\n\n\treturn PageController;\n\n});",
665
+ "Page.view.xml": "<mvc:View\n\theight=\"100%\"\n\tcontrollerName=\"sap.ui.layout.sample.SimpleForm354wide.Page\"\n\txmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns=\"sap.m\">\n\t<Page\n\t\tid=\"page\"\n\t\tshowHeader=\"true\" >\n\t\t<customHeader>\n\t\t\t<Bar>\n\t\t\t\t<contentRight>\n\t\t\t\t\t<Button id=\"edit\" text=\"Edit\" enabled=\"false\" press=\"handleEditPress\" />\n\t\t\t\t\t<Button id=\"save\" text=\"Save\" type=\"Emphasized\" visible=\"false\" press=\"handleSavePress\" />\n\t\t\t\t\t<Button id=\"cancel\" text=\"Cancel\" visible=\"false\" press=\"handleCancelPress\" />\n\t\t\t\t</contentRight>\n\t\t\t</Bar>\n\t\t</customHeader>\n\t</Page>\n</mvc:View>"
666
+ },
667
+ "sap.ui.layout/SimpleForm354wideDual": {
668
+ "Change.fragment.xml": "<core:FragmentDefinition\n\txmlns=\"sap.m\"\n\txmlns:l=\"sap.ui.layout\"\n\txmlns:f=\"sap.ui.layout.form\"\n\txmlns:core=\"sap.ui.core\">\n\t<VBox class=\"sapUiSmallMargin\">\n\t\t<f:SimpleForm id=\"SimpleFormChange354wideDual\"\n\t\t\teditable=\"true\"\n\t\t\tlayout=\"ResponsiveGridLayout\"\n\t\t\ttitle=\"Address\"\n\t\t\tlabelSpanXL=\"4\"\n\t\t\tlabelSpanL=\"3\"\n\t\t\tlabelSpanM=\"4\"\n\t\t\tlabelSpanS=\"12\"\n\t\t\tadjustLabelSpan=\"false\"\n\t\t\temptySpanXL=\"0\"\n\t\t\temptySpanL=\"4\"\n\t\t\temptySpanM=\"0\"\n\t\t\temptySpanS=\"0\"\n\t\t\tcolumnsXL=\"2\"\n\t\t\tcolumnsL=\"1\"\n\t\t\tcolumnsM=\"1\"\n\t\t\tsingleContainerFullSize=\"false\" >\n\t\t\t<f:content>\n\t\t\t\t<core:Title text=\"Office\" />\n\t\t\t\t<Label text=\"Full name of the contact\" />\n\t\t\t\t<Input id=\"name\" value=\"{SupplierName}\" />\n\t\t\t\t<Label text=\"Street and number where the contact is located\" />\n\t\t\t\t<Input value=\"{Street}\">\n\t\t\t\t</Input>\n\t\t\t\t<Input value=\"{HouseNumber}\">\n\t\t\t\t\t<layoutData>\n\t\t\t\t\t\t<l:GridData span=\"XL2 L1 M3 S4\" />\n\t\t\t\t\t</layoutData>\n\t\t\t\t</Input>\n\t\t\t\t<Label text=\"ZIP Code and City\" />\n\t\t\t\t<Input value=\"{ZIPCode}\">\n\t\t\t\t\t<layoutData>\n\t\t\t\t\t\t<l:GridData span=\"XL2 L1 M3 S4\" />\n\t\t\t\t\t</layoutData>\n\t\t\t\t</Input>\n\t\t\t\t<Input value=\"{City}\" />\n\t\t\t\t<Label text=\"Country where the contact is located\" />\n\t\t\t\t<Select id=\"country\" selectedKey=\"{Country}\">\n\t\t\t\t\t<items>\n\t\t\t\t\t\t<core:Item text=\"England\" key=\"England\"/>\n\t\t\t\t\t\t<core:Item text=\"Germany\" key=\"Germany\"/>\n\t\t\t\t\t\t<core:Item text=\"USA\" key=\"USA\"/>\n\t\t\t\t\t</items>\n\t\t\t\t</Select>\n\t\t\t\t<core:Title text=\"Online\" />\n\t\t\t\t<Label text=\"Web page of the contact\" />\n\t\t\t\t<Input value=\"{Url}\" />\n\t\t\t\t<Label text=\"Twitter account of the contact\" />\n\t\t\t\t<Input value=\"{Twitter}\" />\n\t\t\t</f:content>\n\t\t</f:SimpleForm>\n\t</VBox>\n</core:FragmentDefinition>",
669
+ "Component.js": "sap.ui.define(['sap/ui/core/UIComponent'],\n\tfunction(UIComponent) {\n\t\"use strict\";\n\n\tvar Component = UIComponent.extend(\"sap.ui.layout.sample.SimpleForm354wideDual.Component\", {\n\n\t\tmetadata : {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n\n\treturn Component;\n\n});\n",
670
+ "Display.fragment.xml": "<core:FragmentDefinition\n\txmlns=\"sap.m\"\n\txmlns:l=\"sap.ui.layout\"\n\txmlns:f=\"sap.ui.layout.form\"\n\txmlns:core=\"sap.ui.core\">\n\t<VBox class=\"sapUiSmallMargin\">\n\t\t<f:SimpleForm id=\"SimpleFormDisplay354wideDual\"\n\t\t\teditable=\"false\"\n\t\t\tlayout=\"ResponsiveGridLayout\"\n\t\t\ttitle=\"Address\"\n\t\t\tlabelSpanXL=\"4\"\n\t\t\tlabelSpanL=\"3\"\n\t\t\tlabelSpanM=\"4\"\n\t\t\tlabelSpanS=\"12\"\n\t\t\tadjustLabelSpan=\"false\"\n\t\t\temptySpanXL=\"0\"\n\t\t\temptySpanL=\"4\"\n\t\t\temptySpanM=\"0\"\n\t\t\temptySpanS=\"0\"\n\t\t\tcolumnsXL=\"2\"\n\t\t\tcolumnsL=\"1\"\n\t\t\tcolumnsM=\"1\"\n\t\t\tsingleContainerFullSize=\"false\" >\n\t\t\t<f:content>\n\t\t\t\t<core:Title text=\"Office\" />\n\t\t\t\t<Label text=\"Full name of the contact\" />\n\t\t\t\t<Text id=\"nameText\" text=\"{SupplierName}\" />\n\t\t\t\t<Label text=\"Street and number where the contact is located\" />\n\t\t\t\t<Text text=\"{Street} {HouseNumber}\" />\n\t\t\t\t<Label text=\"ZIP Code and City\" />\n\t\t\t\t<Text text=\"{ZIPCode} {City}\" />\n\t\t\t\t<Label text=\"Country where the contact is located\" />\n\t\t\t\t<Text id=\"countryText\" text=\"{Country}\" />\n\t\t\t\t<core:Title text=\"Online\" />\n\t\t\t\t<Label text=\"Web page of the contact\" />\n\t\t\t\t<Text text=\"{Url}\" />\n\t\t\t\t<Label text=\"Twitter account of the contact\" />\n\t\t\t\t<Text text=\"{Twitter}\" />\n\t\t\t</f:content>\n\t\t</f:SimpleForm>\n\t</VBox>\n</core:FragmentDefinition>",
671
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.ui.layout.sample.SimpleForm354wideDual\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.ui.layout.sample.SimpleForm354wideDual.Page\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.layout\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"stretch\": true,\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"Page.view.xml\",\n\t\t\t\t\t\"Page.controller.js\",\n\t\t\t\t\t\"Change.fragment.xml\",\n\t\t\t\t\t\"Display.fragment.xml\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
672
+ "Page.controller.js": "sap.ui.define([\n\t\t'sap/ui/core/Fragment',\n\t\t'sap/ui/core/mvc/Controller',\n\t\t'sap/ui/model/json/JSONModel'\n\t], function(Fragment, Controller, JSONModel) {\n\t\"use strict\";\n\n\tvar PageController = Controller.extend(\"sap.ui.layout.sample.SimpleForm354wideDual.Page\", {\n\n\t\tonInit: function (oEvent) {\n\n\t\t\t// set explored app's demo model on this sample\n\t\t\tvar oModel = new JSONModel(sap.ui.require.toUrl(\"sap/ui/demo/mock/supplier.json\"));\n\t\t\toModel.attachRequestCompleted(function() {\n\t\t\t\tthis.byId('edit').setEnabled(true);\n\t\t\t}.bind(this));\n\t\t\tthis.getView().setModel(oModel);\n\n\t\t\tthis.getView().bindElement(\"/SupplierCollection/0\");\n\n\t\t\tthis._formFragments = {};\n\n\t\t\t// Set the initial form to be the display one\n\t\t\tthis._showFormFragment(\"Display\");\n\t\t},\n\n\t\thandleEditPress : function () {\n\n\t\t\t//Clone the data\n\t\t\tthis._oSupplier = Object.assign({}, this.getView().getModel().getData().SupplierCollection[0]);\n\t\t\tthis._toggleButtonsAndView(true);\n\n\t\t},\n\n\t\thandleCancelPress : function () {\n\n\t\t\t//Restore the data\n\t\t\tvar oModel = this.getView().getModel();\n\t\t\tvar oData = oModel.getData();\n\n\t\t\toData.SupplierCollection[0] = this._oSupplier;\n\n\t\t\toModel.setData(oData);\n\t\t\tthis._toggleButtonsAndView(false);\n\n\t\t},\n\n\t\thandleSavePress : function () {\n\n\t\t\tthis._toggleButtonsAndView(false);\n\n\t\t},\n\n\t\t_toggleButtonsAndView : function (bEdit) {\n\t\t\tvar oView = this.getView();\n\n\t\t\t// Show the appropriate action buttons\n\t\t\toView.byId(\"edit\").setVisible(!bEdit);\n\t\t\toView.byId(\"save\").setVisible(bEdit);\n\t\t\toView.byId(\"cancel\").setVisible(bEdit);\n\n\t\t\t// Set the right form type\n\t\t\tthis._showFormFragment(bEdit ? \"Change\" : \"Display\");\n\t\t},\n\n\t\t_getFormFragment: function (sFragmentName) {\n\t\t\tvar pFormFragment = this._formFragments[sFragmentName],\n\t\t\t\toView = this.getView();\n\n\t\t\tif (!pFormFragment) {\n\t\t\t\tpFormFragment = Fragment.load({\n\t\t\t\t\tid: oView.getId(),\n\t\t\t\t\tname: \"sap.ui.layout.sample.SimpleForm354wideDual.\" + sFragmentName\n\t\t\t\t});\n\t\t\t\tthis._formFragments[sFragmentName] = pFormFragment;\n\t\t\t}\n\n\t\t\treturn pFormFragment;\n\t\t},\n\n\t\t_showFormFragment : function (sFragmentName) {\n\t\t\tvar oPage = this.byId(\"page\");\n\n\t\t\toPage.removeAllContent();\n\t\t\tthis._getFormFragment(sFragmentName).then(function(oVBox){\n\t\t\t\toPage.insertContent(oVBox);\n\t\t\t});\n\t\t}\n\n\t});\n\n\treturn PageController;\n\n});",
673
+ "Page.view.xml": "<mvc:View\n\theight=\"100%\"\n\tcontrollerName=\"sap.ui.layout.sample.SimpleForm354wideDual.Page\"\n\txmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns=\"sap.m\">\n\t<Page\n\t\tid=\"page\"\n\t\tshowHeader=\"true\" >\n\t\t<customHeader>\n\t\t\t<Bar>\n\t\t\t\t<contentRight>\n\t\t\t\t\t<Button id=\"edit\" text=\"Edit\" enabled=\"false\" press=\"handleEditPress\" />\n\t\t\t\t\t<Button id=\"save\" text=\"Save\" type=\"Emphasized\" visible=\"false\" press=\"handleSavePress\" />\n\t\t\t\t\t<Button id=\"cancel\" text=\"Cancel\" visible=\"false\" press=\"handleCancelPress\" />\n\t\t\t\t</contentRight>\n\t\t\t</Bar>\n\t\t</customHeader>\n\t</Page>\n</mvc:View>"
674
+ },
675
+ "sap.ui.layout/SimpleForm471": {
676
+ "Change.fragment.xml": "<core:FragmentDefinition\n\txmlns=\"sap.m\"\n\txmlns:l=\"sap.ui.layout\"\n\txmlns:f=\"sap.ui.layout.form\"\n\txmlns:core=\"sap.ui.core\">\n\t<VBox class=\"sapUiSmallMargin\">\n\t\t<f:SimpleForm id=\"SimpleFormChange471\"\n\t\t\teditable=\"true\"\n\t\t\tlayout=\"ResponsiveGridLayout\"\n\t\t\ttitle=\"Address\"\n\t\t\tlabelSpanXL=\"4\"\n\t\t\tlabelSpanL=\"4\"\n\t\t\tlabelSpanM=\"4\"\n\t\t\tlabelSpanS=\"12\"\n\t\t\tadjustLabelSpan=\"false\"\n\t\t\temptySpanXL=\"1\"\n\t\t\temptySpanL=\"1\"\n\t\t\temptySpanM=\"1\"\n\t\t\temptySpanS=\"0\"\n\t\t\tcolumnsXL=\"1\"\n\t\t\tcolumnsL=\"1\"\n\t\t\tcolumnsM=\"1\"\n\t\t\tsingleContainerFullSize=\"false\" >\n\t\t\t<f:content>\n\t\t\t\t<Label text=\"Name\" />\n\t\t\t\t<Input id=\"name\" value=\"{SupplierName}\" />\n\t\t\t\t<Label text=\"Street/No.\" />\n\t\t\t\t<Input value=\"{Street}\">\n\t\t\t\t</Input>\n\t\t\t\t<Input value=\"{HouseNumber}\">\n\t\t\t\t\t<layoutData>\n\t\t\t\t\t\t<l:GridData span=\"XL1 L2 M2 S4\" />\n\t\t\t\t\t</layoutData>\n\t\t\t\t</Input>\n\t\t\t\t<Label text=\"ZIP Code/City\" />\n\t\t\t\t<Input value=\"{ZIPCode}\">\n\t\t\t\t\t<layoutData>\n\t\t\t\t\t\t<l:GridData span=\"XL1 L2 M2 S4\" />\n\t\t\t\t\t</layoutData>\n\t\t\t\t</Input>\n\t\t\t\t<Input value=\"{City}\" />\n\t\t\t\t<Label text=\"Country\" />\n\t\t\t\t<Select id=\"country\" selectedKey=\"{Country}\">\n\t\t\t\t\t<items>\n\t\t\t\t\t\t<core:Item text=\"England\" key=\"England\"/>\n\t\t\t\t\t\t<core:Item text=\"Germany\" key=\"Germany\"/>\n\t\t\t\t\t\t<core:Item text=\"USA\" key=\"USA\"/>\n\t\t\t\t\t</items>\n\t\t\t\t</Select>\n\t\t\t</f:content>\n\t\t</f:SimpleForm>\n\t</VBox>\n</core:FragmentDefinition>",
677
+ "Component.js": "sap.ui.define(['sap/ui/core/UIComponent'],\n\tfunction(UIComponent) {\n\t\"use strict\";\n\n\tvar Component = UIComponent.extend(\"sap.ui.layout.sample.SimpleForm471.Component\", {\n\n\t\tmetadata : {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n\n\treturn Component;\n\n});\n",
678
+ "Display.fragment.xml": "<core:FragmentDefinition\n\txmlns=\"sap.m\"\n\txmlns:l=\"sap.ui.layout\"\n\txmlns:f=\"sap.ui.layout.form\"\n\txmlns:core=\"sap.ui.core\">\n\t<VBox class=\"sapUiSmallMargin\">\n\t\t<f:SimpleForm id=\"SimpleFormDisplay471\"\n\t\t\teditable=\"false\"\n\t\t\tlayout=\"ResponsiveGridLayout\"\n\t\t\ttitle=\"Address\"\n\t\t\tlabelSpanXL=\"4\"\n\t\t\tlabelSpanL=\"4\"\n\t\t\tlabelSpanM=\"4\"\n\t\t\tlabelSpanS=\"12\"\n\t\t\tadjustLabelSpan=\"false\"\n\t\t\temptySpanXL=\"1\"\n\t\t\temptySpanL=\"1\"\n\t\t\temptySpanM=\"1\"\n\t\t\temptySpanS=\"0\"\n\t\t\tcolumnsXL=\"1\"\n\t\t\tcolumnsL=\"1\"\n\t\t\tcolumnsM=\"1\"\n\t\t\tsingleContainerFullSize=\"false\" >\n\t\t\t<f:content>\n\t\t\t\t<Label text=\"Name\" />\n\t\t\t\t<Text id=\"nameText\" text=\"{SupplierName}\" />\n\t\t\t\t<Label text=\"Street/No.\" />\n\t\t\t\t<Text text=\"{Street} {HouseNumber}\" />\n\t\t\t\t<Label text=\"ZIP Code/City\" />\n\t\t\t\t<Text text=\"{ZIPCode} {City}\" />\n\t\t\t\t<Label text=\"Country\" />\n\t\t\t\t<Text id=\"countryText\" text=\"{Country}\" />\n\t\t\t</f:content>\n\t\t</f:SimpleForm>\n\t</VBox>\n</core:FragmentDefinition>",
679
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.ui.layout.sample.SimpleForm471\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.ui.layout.sample.SimpleForm471.Page\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.layout\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"stretch\": true,\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"Page.view.xml\",\n\t\t\t\t\t\"Page.controller.js\",\n\t\t\t\t\t\"Change.fragment.xml\",\n\t\t\t\t\t\"Display.fragment.xml\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
680
+ "Page.controller.js": "sap.ui.define([\n\t\t'sap/ui/core/Fragment',\n\t\t'sap/ui/core/mvc/Controller',\n\t\t'sap/ui/model/json/JSONModel'\n\t], function(Fragment, Controller, JSONModel) {\n\t\"use strict\";\n\n\tvar PageController = Controller.extend(\"sap.ui.layout.sample.SimpleForm471.Page\", {\n\n\t\tonInit: function (oEvent) {\n\n\t\t\t// set explored app's demo model on this sample\n\t\t\tvar oModel = new JSONModel(sap.ui.require.toUrl(\"sap/ui/demo/mock/supplier.json\"));\n\t\t\toModel.attachRequestCompleted(function() {\n\t\t\t\tthis.byId('edit').setEnabled(true);\n\t\t\t}.bind(this));\n\t\t\tthis.getView().setModel(oModel);\n\n\t\t\tthis.getView().bindElement(\"/SupplierCollection/0\");\n\n\t\t\tthis._formFragments = {};\n\n\t\t\t// Set the initial form to be the display one\n\t\t\tthis._showFormFragment(\"Display\");\n\n\t\t\t// to navigate to the page on phone and not show the split screen items\n\t\t\tvar oSplitContainer = this.byId(\"SimpleFormSplitscreen\");\n\t\t\toSplitContainer.toDetail(this.createId(\"page\"));\n\n\t\t},\n\n\t\thandleEditPress : function () {\n\n\t\t\t//Clone the data\n\t\t\tthis._oSupplier = Object.assign({}, this.getView().getModel().getData().SupplierCollection[0]);\n\t\t\tthis._toggleButtonsAndView(true);\n\n\t\t},\n\n\t\thandleCancelPress : function () {\n\n\t\t\t//Restore the data\n\t\t\tvar oModel = this.getView().getModel();\n\t\t\tvar oData = oModel.getData();\n\n\t\t\toData.SupplierCollection[0] = this._oSupplier;\n\n\t\t\toModel.setData(oData);\n\t\t\tthis._toggleButtonsAndView(false);\n\n\t\t},\n\n\t\thandleSavePress : function () {\n\n\t\t\tthis._toggleButtonsAndView(false);\n\n\t\t},\n\n\t\t_toggleButtonsAndView : function (bEdit) {\n\t\t\tvar oView = this.getView();\n\n\t\t\t// Show the appropriate action buttons\n\t\t\toView.byId(\"edit\").setVisible(!bEdit);\n\t\t\toView.byId(\"save\").setVisible(bEdit);\n\t\t\toView.byId(\"cancel\").setVisible(bEdit);\n\n\t\t\t// Set the right form type\n\t\t\tthis._showFormFragment(bEdit ? \"Change\" : \"Display\");\n\t\t},\n\n\t\t_getFormFragment: function (sFragmentName) {\n\t\t\tvar pFormFragment = this._formFragments[sFragmentName],\n\t\t\t\toView = this.getView();\n\n\t\t\tif (!pFormFragment) {\n\t\t\t\tpFormFragment = Fragment.load({\n\t\t\t\t\tid: oView.getId(),\n\t\t\t\t\tname: \"sap.ui.layout.sample.SimpleForm471.\" + sFragmentName\n\t\t\t\t});\n\t\t\t\tthis._formFragments[sFragmentName] = pFormFragment;\n\t\t\t}\n\n\t\t\treturn pFormFragment;\n\t\t},\n\n\t\t_showFormFragment : function (sFragmentName) {\n\t\t\tvar oPage = this.byId(\"page\");\n\n\t\t\toPage.removeAllContent();\n\t\t\tthis._getFormFragment(sFragmentName).then(function(oVBox){\n\t\t\t\toPage.insertContent(oVBox);\n\t\t\t});\n\t\t}\n\n\t});\n\n\treturn PageController;\n\n});",
681
+ "Page.view.xml": "<mvc:View\n\theight=\"100%\"\n\tcontrollerName=\"sap.ui.layout.sample.SimpleForm471.Page\"\n\txmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns=\"sap.m\">\n\t<SplitContainer id=\"SimpleFormSplitscreen\" initialDetail=\"page\" initialMaster=\"master\">\n\t\t<detailPages>\n\t\t\t<Page\n\t\t\t\tid=\"page\"\n\t\t\t\tshowHeader=\"true\" >\n\t\t\t\t<customHeader>\n\t\t\t\t\t<Bar>\n\t\t\t\t\t\t<contentRight>\n\t\t\t\t\t\t\t<Button id=\"edit\" text=\"Edit\" enabled=\"false\" press=\"handleEditPress\" />\n\t\t\t\t\t\t\t<Button id=\"save\" text=\"Save\" type=\"Emphasized\" visible=\"false\" press=\"handleSavePress\" />\n\t\t\t\t\t\t\t<Button id=\"cancel\" text=\"Cancel\" visible=\"false\" press=\"handleCancelPress\" />\n\t\t\t\t\t\t</contentRight>\n\t\t\t\t\t</Bar>\n\t\t\t\t</customHeader>\n\t\t\t</Page>\n\t\t</detailPages>\n\t\t<masterPages>\n\t\t\t<Page id=\"master\" title=\"Master\" icon=\"sap-icon://action\" class=\"sapUiStdPage\">\n\t\t\t\t<content>\n\t\t\t\t\t<List>\n\t\t\t\t\t\t<items>\n\t\t\t\t\t\t\t<StandardListItem title=\"Item 1\" type=\"Inactive\"/>\n\t\t\t\t\t\t\t<StandardListItem title=\"Item 2\" type=\"Inactive\"/>\n\t\t\t\t\t\t</items>\n\t\t\t\t\t</List>\n\t\t\t\t</content>\n\t\t\t</Page>\n\t\t</masterPages>\n\t</SplitContainer>\n</mvc:View>"
682
+ },
683
+ "sap.ui.layout/SimpleForm480": {
684
+ "Change.fragment.xml": "<core:FragmentDefinition\n\txmlns=\"sap.m\"\n\txmlns:l=\"sap.ui.layout\"\n\txmlns:f=\"sap.ui.layout.form\"\n\txmlns:core=\"sap.ui.core\">\n\t<VBox class=\"sapUiSmallMargin\">\n\t\t<f:SimpleForm id=\"SimpleFormChange480\"\n\t\t\teditable=\"true\"\n\t\t\tlayout=\"ResponsiveGridLayout\"\n\t\t\ttitle=\"Address\"\n\t\t\tlabelSpanXL=\"4\"\n\t\t\tlabelSpanL=\"4\"\n\t\t\tlabelSpanM=\"4\"\n\t\t\tlabelSpanS=\"12\"\n\t\t\tadjustLabelSpan=\"false\"\n\t\t\temptySpanXL=\"0\"\n\t\t\temptySpanL=\"0\"\n\t\t\temptySpanM=\"0\"\n\t\t\temptySpanS=\"0\"\n\t\t\tcolumnsXL=\"2\"\n\t\t\tcolumnsL=\"2\"\n\t\t\tcolumnsM=\"1\"\n\t\t\tsingleContainerFullSize=\"false\" >\n\t\t\t<f:content>\n\t\t\t\t<core:Title text=\"Office\" />\n\t\t\t\t<Label text=\"Name\" />\n\t\t\t\t<Input id=\"name\" value=\"{SupplierName}\" />\n\t\t\t\t<Label text=\"Street/No.\" />\n\t\t\t\t<Input value=\"{Street}\">\n\t\t\t\t</Input>\n\t\t\t\t<Input value=\"{HouseNumber}\">\n\t\t\t\t\t<layoutData>\n\t\t\t\t\t\t<l:GridData span=\"XL2 L3 M3 S4\" />\n\t\t\t\t\t</layoutData>\n\t\t\t\t</Input>\n\t\t\t\t<Label text=\"ZIP Code/City\" />\n\t\t\t\t<Input value=\"{ZIPCode}\">\n\t\t\t\t\t<layoutData>\n\t\t\t\t\t\t<l:GridData span=\"XL2 L3 M3 S4\" />\n\t\t\t\t\t</layoutData>\n\t\t\t\t</Input>\n\t\t\t\t<Input value=\"{City}\" />\n\t\t\t\t<Label text=\"Country\" />\n\t\t\t\t<Select id=\"country\" selectedKey=\"{Country}\">\n\t\t\t\t\t<items>\n\t\t\t\t\t\t<core:Item text=\"England\" key=\"England\"/>\n\t\t\t\t\t\t<core:Item text=\"Germany\" key=\"Germany\"/>\n\t\t\t\t\t\t<core:Item text=\"USA\" key=\"USA\"/>\n\t\t\t\t\t</items>\n\t\t\t\t</Select>\n\t\t\t\t<core:Title text=\"Online\" />\n\t\t\t\t<Label text=\"Web\" />\n\t\t\t\t<Input value=\"{Url}\" />\n\t\t\t\t<Label text=\"Twitter\" />\n\t\t\t\t<Input value=\"{Twitter}\" />\n\t\t\t</f:content>\n\t\t</f:SimpleForm>\n\t</VBox>\n</core:FragmentDefinition>",
685
+ "Component.js": "sap.ui.define(['sap/ui/core/UIComponent'],\n\tfunction(UIComponent) {\n\t\"use strict\";\n\n\tvar Component = UIComponent.extend(\"sap.ui.layout.sample.SimpleForm480.Component\", {\n\n\t\tmetadata : {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n\n\treturn Component;\n\n});\n",
686
+ "Display.fragment.xml": "<core:FragmentDefinition\n\txmlns=\"sap.m\"\n\txmlns:l=\"sap.ui.layout\"\n\txmlns:f=\"sap.ui.layout.form\"\n\txmlns:core=\"sap.ui.core\">\n\t<VBox class=\"sapUiSmallMargin\">\n\t\t<f:SimpleForm id=\"SimpleFormDisplay480\"\n\t\t\teditable=\"false\"\n\t\t\tlayout=\"ResponsiveGridLayout\"\n\t\t\ttitle=\"Address\"\n\t\t\tlabelSpanXL=\"4\"\n\t\t\tlabelSpanL=\"4\"\n\t\t\tlabelSpanM=\"4\"\n\t\t\tlabelSpanS=\"12\"\n\t\t\tadjustLabelSpan=\"false\"\n\t\t\temptySpanXL=\"0\"\n\t\t\temptySpanL=\"0\"\n\t\t\temptySpanM=\"0\"\n\t\t\temptySpanS=\"0\"\n\t\t\tcolumnsXL=\"2\"\n\t\t\tcolumnsL=\"2\"\n\t\t\tcolumnsM=\"1\"\n\t\t\tsingleContainerFullSize=\"false\" >\n\t\t\t<f:content>\n\t\t\t\t<core:Title text=\"Office\" />\n\t\t\t\t<Label text=\"Name\" />\n\t\t\t\t<Text id=\"nameText\" text=\"{SupplierName}\" />\n\t\t\t\t<Label text=\"Street/No.\" />\n\t\t\t\t<Text text=\"{Street} {HouseNumber}\" />\n\t\t\t\t<Label text=\"ZIP Code/City\" />\n\t\t\t\t<Text text=\"{ZIPCode} {City}\" />\n\t\t\t\t<Label text=\"Country\" />\n\t\t\t\t<Text id=\"countryText\" text=\"{Country}\" />\n\t\t\t\t<core:Title text=\"Online\" />\n\t\t\t\t<Label text=\"Web\" />\n\t\t\t\t<Text text=\"{Url}\" />\n\t\t\t\t<Label text=\"Twitter\" />\n\t\t\t\t<Text text=\"{Twitter}\" />\n\t\t\t</f:content>\n\t\t</f:SimpleForm>\n\t</VBox>\n</core:FragmentDefinition>",
687
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.ui.layout.sample.SimpleForm480\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.ui.layout.sample.SimpleForm480.Page\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.layout\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"stretch\": true,\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"Page.view.xml\",\n\t\t\t\t\t\"Page.controller.js\",\n\t\t\t\t\t\"Change.fragment.xml\",\n\t\t\t\t\t\"Display.fragment.xml\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
688
+ "Page.controller.js": "sap.ui.define([\n\t\t'sap/ui/core/Fragment',\n\t\t'sap/ui/core/mvc/Controller',\n\t\t'sap/ui/model/json/JSONModel'\n\t], function(Fragment, Controller, JSONModel) {\n\t\"use strict\";\n\n\tvar PageController = Controller.extend(\"sap.ui.layout.sample.SimpleForm480.Page\", {\n\n\t\tonInit: function () {\n\t\t\t// set explored app's demo model on this sample\n\t\t\tvar oModel = new JSONModel(sap.ui.require.toUrl(\"sap/ui/demo/mock/supplier.json\"));\n\t\t\toModel.attachRequestCompleted(function() {\n\t\t\t\tthis.byId('edit').setEnabled(true);\n\t\t\t}.bind(this));\n\t\t\tthis.getView().setModel(oModel);\n\n\t\t\tthis.getView().bindElement(\"/SupplierCollection/0\");\n\n\t\t\tthis._formFragments = {};\n\n\t\t\t// Set the initial form to be the display one\n\t\t\tthis._showFormFragment(\"Display\");\n\t\t},\n\n\t\thandleEditPress : function () {\n\n\t\t\t//Clone the data\n\t\t\tthis._oSupplier = Object.assign({}, this.getView().getModel().getData().SupplierCollection[0]);\n\t\t\tthis._toggleButtonsAndView(true);\n\n\t\t},\n\n\t\thandleCancelPress : function () {\n\n\t\t\t//Restore the data\n\t\t\tvar oModel = this.getView().getModel();\n\t\t\tvar oData = oModel.getData();\n\n\t\t\toData.SupplierCollection[0] = this._oSupplier;\n\n\t\t\toModel.setData(oData);\n\t\t\tthis._toggleButtonsAndView(false);\n\n\t\t},\n\n\t\thandleSavePress : function () {\n\n\t\t\tthis._toggleButtonsAndView(false);\n\n\t\t},\n\n\t\t_toggleButtonsAndView : function (bEdit) {\n\t\t\tvar oView = this.getView();\n\n\t\t\t// Show the appropriate action buttons\n\t\t\toView.byId(\"edit\").setVisible(!bEdit);\n\t\t\toView.byId(\"save\").setVisible(bEdit);\n\t\t\toView.byId(\"cancel\").setVisible(bEdit);\n\n\t\t\t// Set the right form type\n\t\t\tthis._showFormFragment(bEdit ? \"Change\" : \"Display\");\n\t\t},\n\n\t\t_getFormFragment: function (sFragmentName) {\n\t\t\tvar pFormFragment = this._formFragments[sFragmentName],\n\t\t\t\toView = this.getView();\n\n\t\t\tif (!pFormFragment) {\n\t\t\t\tpFormFragment = Fragment.load({\n\t\t\t\t\tid: oView.getId(),\n\t\t\t\t\tname: \"sap.ui.layout.sample.SimpleForm480.\" + sFragmentName\n\t\t\t\t});\n\t\t\t\tthis._formFragments[sFragmentName] = pFormFragment;\n\t\t\t}\n\n\t\t\treturn pFormFragment;\n\t\t},\n\n\t\t_showFormFragment : function (sFragmentName) {\n\t\t\tvar oPage = this.byId(\"page\");\n\n\t\t\toPage.removeAllContent();\n\t\t\tthis._getFormFragment(sFragmentName).then(function(oVBox){\n\t\t\t\toPage.insertContent(oVBox);\n\t\t\t});\n\t\t}\n\n\t});\n\n\treturn PageController;\n\n});",
689
+ "Page.view.xml": "<mvc:View\n\theight=\"100%\"\n\tcontrollerName=\"sap.ui.layout.sample.SimpleForm480.Page\"\n\txmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns=\"sap.m\">\n\t<Page\n\t\tid=\"page\"\n\t\tshowHeader=\"true\" >\n\t\t<customHeader>\n\t\t\t<Bar>\n\t\t\t\t<contentRight>\n\t\t\t\t\t<Button id=\"edit\" text=\"Edit\" enabled=\"false\" press=\"handleEditPress\" />\n\t\t\t\t\t<Button id=\"save\" text=\"Save\" type=\"Emphasized\" visible=\"false\" press=\"handleSavePress\" />\n\t\t\t\t\t<Button id=\"cancel\" text=\"Cancel\" visible=\"false\" press=\"handleCancelPress\" />\n\t\t\t\t</contentRight>\n\t\t\t</Bar>\n\t\t</customHeader>\n\t</Page>\n</mvc:View>"
690
+ },
691
+ "sap.ui.layout/SimpleForm480_12120": {
692
+ "Change.fragment.xml": "<core:FragmentDefinition\n\txmlns=\"sap.m\"\n\txmlns:l=\"sap.ui.layout\"\n\txmlns:f=\"sap.ui.layout.form\"\n\txmlns:core=\"sap.ui.core\">\n\t<VBox class=\"sapUiSmallMargin\">\n\t\t<f:SimpleForm id=\"SimpleFormChange480_12120\"\n\t\t\teditable=\"true\"\n\t\t\tlayout=\"ResponsiveGridLayout\"\n\t\t\ttitle=\"Address\"\n\t\t\tlabelSpanXL=\"4\"\n\t\t\tlabelSpanL=\"4\"\n\t\t\tlabelSpanM=\"12\"\n\t\t\tlabelSpanS=\"12\"\n\t\t\tadjustLabelSpan=\"false\"\n\t\t\temptySpanXL=\"0\"\n\t\t\temptySpanL=\"0\"\n\t\t\temptySpanM=\"0\"\n\t\t\temptySpanS=\"0\"\n\t\t\tcolumnsXL=\"2\"\n\t\t\tcolumnsL=\"2\"\n\t\t\tcolumnsM=\"1\"\n\t\t\tsingleContainerFullSize=\"false\" >\n\t\t\t<f:content>\n\t\t\t\t<core:Title text=\"Office\" />\n\t\t\t\t<Label text=\"Name\" />\n\t\t\t\t<Input value=\"{SupplierName}\" />\n\t\t\t\t<Label text=\"Street/No.\" />\n\t\t\t\t<Input value=\"{Street}\">\n\t\t\t\t</Input>\n\t\t\t\t<Input value=\"{HouseNumber}\">\n\t\t\t\t\t<layoutData>\n\t\t\t\t\t\t<l:GridData span=\"XL2 L3 M4 S4\" />\n\t\t\t\t\t</layoutData>\n\t\t\t\t</Input>\n\t\t\t\t<Label text=\"ZIP Code/City\" />\n\t\t\t\t<Input value=\"{ZIPCode}\">\n\t\t\t\t\t<layoutData>\n\t\t\t\t\t\t<l:GridData span=\"XL2 L3 M4 S4\" />\n\t\t\t\t\t</layoutData>\n\t\t\t\t</Input>\n\t\t\t\t<Input value=\"{City}\" />\n\t\t\t\t<Label text=\"Country\" />\n\t\t\t\t<Select id=\"country\" selectedKey=\"{Country}\">\n\t\t\t\t\t<items>\n\t\t\t\t\t\t<core:Item text=\"England\" key=\"England\"/>\n\t\t\t\t\t\t<core:Item text=\"Germany\" key=\"Germany\"/>\n\t\t\t\t\t\t<core:Item text=\"USA\" key=\"USA\"/>\n\t\t\t\t\t</items>\n\t\t\t\t</Select>\n\t\t\t\t<core:Title text=\"Online\" />\n\t\t\t\t<Label text=\"Web\" />\n\t\t\t\t<Input value=\"{Url}\" type=\"Url\" />\n\t\t\t\t<Label text=\"Twitter\" />\n\t\t\t\t<Input value=\"{Twitter}\" />\n\t\t\t</f:content>\n\t\t</f:SimpleForm>\n\t\t<f:SimpleForm id=\"SimpleFormChange480_12120-2\"\n\t\t\teditable=\"true\"\n\t\t\tlayout=\"ResponsiveGridLayout\"\n\t\t\ttitle=\"More\"\n\t\t\tlabelSpanXL=\"4\"\n\t\t\tlabelSpanL=\"4\"\n\t\t\tlabelSpanM=\"12\"\n\t\t\tlabelSpanS=\"12\"\n\t\t\tadjustLabelSpan=\"false\"\n\t\t\temptySpanXL=\"0\"\n\t\t\temptySpanL=\"0\"\n\t\t\temptySpanM=\"0\"\n\t\t\temptySpanS=\"0\"\n\t\t\tcolumnsXL=\"2\"\n\t\t\tcolumnsL=\"2\"\n\t\t\tcolumnsM=\"1\"\n\t\t\tsingleContainerFullSize=\"false\">\n\t\t\t<f:content>\n\t\t\t\t<core:Title text=\"Contact data\" />\n\t\t\t\t<Label text=\"Email\" />\n\t\t\t\t<Input value=\"{EMail}\" type=\"Email\" />\n\t\t\t\t<Label text=\"Tel.\" />\n\t\t\t\t<Input value=\"{Tel}\" type=\"Tel\" />\n\t\t\t\t<Label text=\"SMS\" />\n\t\t\t\t<Input value=\"{Sms}\" type=\"Tel\" />\n\t\t\t</f:content>\n\t\t</f:SimpleForm>\n\t</VBox>\n</core:FragmentDefinition>",
693
+ "Component.js": "sap.ui.define(['sap/ui/core/UIComponent'],\n\tfunction(UIComponent) {\n\t\"use strict\";\n\n\tvar Component = UIComponent.extend(\"sap.ui.layout.sample.SimpleForm480_12120.Component\", {\n\n\t\tmetadata : {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n\n\treturn Component;\n\n});\n",
694
+ "Display.fragment.xml": "<core:FragmentDefinition\n\txmlns=\"sap.m\"\n\txmlns:l=\"sap.ui.layout\"\n\txmlns:f=\"sap.ui.layout.form\"\n\txmlns:core=\"sap.ui.core\">\n\t<VBox class=\"sapUiSmallMargin\">\n\t\t<f:SimpleForm id=\"SimpleFormDisplay480_12120\"\n\t\t\teditable=\"false\"\n\t\t\tlayout=\"ResponsiveGridLayout\"\n\t\t\ttitle=\"Address\"\n\t\t\tlabelSpanXL=\"4\"\n\t\t\tlabelSpanL=\"4\"\n\t\t\tlabelSpanM=\"12\"\n\t\t\tlabelSpanS=\"12\"\n\t\t\tadjustLabelSpan=\"false\"\n\t\t\temptySpanXL=\"0\"\n\t\t\temptySpanL=\"0\"\n\t\t\temptySpanM=\"0\"\n\t\t\temptySpanS=\"0\"\n\t\t\tcolumnsXL=\"2\"\n\t\t\tcolumnsL=\"2\"\n\t\t\tcolumnsM=\"1\"\n\t\t\tsingleContainerFullSize=\"false\" >\n\t\t\t<f:content>\n\t\t\t\t<core:Title text=\"Office\" />\n\t\t\t\t<Label text=\"Name\" />\n\t\t\t\t<Text text=\"{SupplierName}\" />\n\t\t\t\t<Label text=\"Street/No.\" />\n\t\t\t\t<Text text=\"{Street} {HouseNumber}\" />\n\t\t\t\t<Label text=\"ZIP Code/City\" />\n\t\t\t\t<Text text=\"{ZIPCode} {City}\" />\n\t\t\t\t<Label text=\"Country\" />\n\t\t\t\t<Text text=\"{Country}\" />\n\t\t\t\t<core:Title text=\"Online\" />\n\t\t\t\t<Label text=\"Web\" />\n\t\t\t\t<Text text=\"{Url}\" />\n\t\t\t\t<Label text=\"Twitter\" />\n\t\t\t\t<Text text=\"{Twitter}\" />\n\t\t\t</f:content>\n\t\t</f:SimpleForm>\n\t\t<f:SimpleForm id=\"SimpleFormDisplay480_12120-2\"\n\t\t\teditable=\"false\"\n\t\t\tlayout=\"ResponsiveGridLayout\"\n\t\t\ttitle=\"More\"\n\t\t\tlabelSpanXL=\"4\"\n\t\t\tlabelSpanL=\"4\"\n\t\t\tlabelSpanM=\"12\"\n\t\t\tlabelSpanS=\"12\"\n\t\t\tadjustLabelSpan=\"false\"\n\t\t\temptySpanXL=\"0\"\n\t\t\temptySpanL=\"0\"\n\t\t\temptySpanM=\"0\"\n\t\t\temptySpanS=\"0\"\n\t\t\tcolumnsXL=\"2\"\n\t\t\tcolumnsL=\"2\"\n\t\t\tcolumnsM=\"1\"\n\t\t\tsingleContainerFullSize=\"false\">\n\t\t\t<f:content>\n\t\t\t\t<core:Title text=\"Contact data\" />\n\t\t\t\t<Label text=\"Email\" />\n\t\t\t\t<Text text=\"{EMail}\" />\n\t\t\t\t<Label text=\"Tel.\" />\n\t\t\t\t<Text text=\"{Tel}\" />\n\t\t\t\t<Label text=\"SMS\" />\n\t\t\t\t<Text text=\"{Sms}\" />\n\t\t\t</f:content>\n\t\t</f:SimpleForm>\n\t</VBox>\n</core:FragmentDefinition>",
695
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.ui.layout.sample.SimpleForm480_12120\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.ui.layout.sample.SimpleForm480_12120.Page\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.layout\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"stretch\": true,\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"Page.view.xml\",\n\t\t\t\t\t\"Page.controller.js\",\n\t\t\t\t\t\"Change.fragment.xml\",\n\t\t\t\t\t\"Display.fragment.xml\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
696
+ "Page.controller.js": "sap.ui.define([\n\t\t'sap/ui/core/Fragment',\n\t\t'sap/ui/core/mvc/Controller',\n\t\t'sap/ui/model/json/JSONModel'\n\t], function(Fragment, Controller, JSONModel) {\n\t\"use strict\";\n\n\tvar PageController = Controller.extend(\"sap.ui.layout.sample.SimpleForm480_12120.Page\", {\n\n\t\tonInit: function (oEvent) {\n\n\t\t\t// set explored app's demo model on this sample\n\t\t\tvar oModel = new JSONModel(sap.ui.require.toUrl(\"sap/ui/demo/mock/supplier.json\"));\n\t\t\tthis.getView().setModel(oModel);\n\n\t\t\tthis.getView().bindElement(\"/SupplierCollection/0\");\n\n\t\t\tthis._formFragments = {};\n\n\t\t\t// Set the initial form to be the display one\n\t\t\tthis._showFormFragment(\"Display\");\n\t\t},\n\n\t\thandleEditPress : function () {\n\n\t\t\t//Clone the data\n\t\t\tthis._oSupplier = Object.assign({}, this.getView().getModel().getData().SupplierCollection[0]);\n\t\t\tthis._toggleButtonsAndView(true);\n\n\t\t},\n\n\t\thandleCancelPress : function () {\n\n\t\t\t//Restore the data\n\t\t\tvar oModel = this.getView().getModel();\n\t\t\tvar oData = oModel.getData();\n\n\t\t\toData.SupplierCollection[0] = this._oSupplier;\n\n\t\t\toModel.setData(oData);\n\t\t\tthis._toggleButtonsAndView(false);\n\n\t\t},\n\n\t\thandleSavePress : function () {\n\n\t\t\tthis._toggleButtonsAndView(false);\n\n\t\t},\n\n\t\t_toggleButtonsAndView : function (bEdit) {\n\t\t\tvar oView = this.getView();\n\n\t\t\t// Show the appropriate action buttons\n\t\t\toView.byId(\"edit\").setVisible(!bEdit);\n\t\t\toView.byId(\"save\").setVisible(bEdit);\n\t\t\toView.byId(\"cancel\").setVisible(bEdit);\n\n\t\t\t// Set the right form type\n\t\t\tthis._showFormFragment(bEdit ? \"Change\" : \"Display\");\n\t\t},\n\n\t\t_getFormFragment: function (sFragmentName) {\n\t\t\tvar pFormFragment = this._formFragments[sFragmentName],\n\t\t\t\toView = this.getView();\n\n\t\t\tif (!pFormFragment) {\n\t\t\t\tpFormFragment = Fragment.load({\n\t\t\t\t\tid: oView.getId(),\n\t\t\t\t\tname: \"sap.ui.layout.sample.SimpleForm480_12120.\" + sFragmentName\n\t\t\t\t});\n\t\t\t\tthis._formFragments[sFragmentName] = pFormFragment;\n\t\t\t}\n\n\t\t\treturn pFormFragment;\n\t\t},\n\n\t\t_showFormFragment : function (sFragmentName) {\n\t\t\tvar oPage = this.byId(\"page\");\n\n\t\t\toPage.removeAllContent();\n\t\t\tthis._getFormFragment(sFragmentName).then(function(oVBox){\n\t\t\t\toPage.insertContent(oVBox);\n\t\t\t});\n\t\t}\n\n\t});\n\n\treturn PageController;\n\n});",
697
+ "Page.view.xml": "<mvc:View\n\theight=\"100%\"\n\tcontrollerName=\"sap.ui.layout.sample.SimpleForm480_12120.Page\"\n\txmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns=\"sap.m\">\n\t<Page\n\t\tid=\"page\"\n\t\tshowHeader=\"true\" >\n\t\t<customHeader>\n\t\t\t<Bar>\n\t\t\t\t<contentRight>\n\t\t\t\t\t<Button id=\"edit\" text=\"Edit\" press=\"handleEditPress\" />\n\t\t\t\t\t<Button id=\"save\" text=\"Save\" type=\"Emphasized\" visible=\"false\" press=\"handleSavePress\" />\n\t\t\t\t\t<Button id=\"cancel\" text=\"Cancel\" visible=\"false\" press=\"handleCancelPress\" />\n\t\t\t\t</contentRight>\n\t\t\t</Bar>\n\t\t</customHeader>\n\t</Page>\n</mvc:View>"
698
+ },
699
+ "sap.ui.layout/SimpleForm480_12120Dual": {
700
+ "Change.fragment.xml": "<core:FragmentDefinition\n\txmlns=\"sap.m\"\n\txmlns:l=\"sap.ui.layout\"\n\txmlns:f=\"sap.ui.layout.form\"\n\txmlns:core=\"sap.ui.core\">\n\t<VBox class=\"sapUiSmallMargin\">\n\t\t<f:SimpleForm id=\"SimpleFormChange480_12120Dual\"\n\t\t\teditable=\"true\"\n\t\t\tlayout=\"ResponsiveGridLayout\"\n\t\t\ttitle=\"Address\"\n\t\t\tlabelSpanXL=\"4\"\n\t\t\tlabelSpanL=\"4\"\n\t\t\tlabelSpanM=\"12\"\n\t\t\tlabelSpanS=\"12\"\n\t\t\tadjustLabelSpan=\"false\"\n\t\t\temptySpanXL=\"0\"\n\t\t\temptySpanL=\"0\"\n\t\t\temptySpanM=\"0\"\n\t\t\temptySpanS=\"0\"\n\t\t\tcolumnsXL=\"2\"\n\t\t\tcolumnsL=\"2\"\n\t\t\tcolumnsM=\"2\"\n\t\t\tsingleContainerFullSize=\"false\" >\n\t\t\t<f:content>\n\t\t\t\t<core:Title text=\"Office\" />\n\t\t\t\t<Label text=\"Name\" />\n\t\t\t\t<Input value=\"{SupplierName}\" />\n\t\t\t\t<Label text=\"Street/No.\" />\n\t\t\t\t<Input value=\"{Street}\">\n\t\t\t\t</Input>\n\t\t\t\t<Input value=\"{HouseNumber}\">\n\t\t\t\t\t<layoutData>\n\t\t\t\t\t\t<l:GridData span=\"XL2 L3 M4 S4\" />\n\t\t\t\t\t</layoutData>\n\t\t\t\t</Input>\n\t\t\t\t<Label text=\"ZIP Code/City\" />\n\t\t\t\t<Input value=\"{ZIPCode}\">\n\t\t\t\t\t<layoutData>\n\t\t\t\t\t\t<l:GridData span=\"XL2 L3 M4 S4\" />\n\t\t\t\t\t</layoutData>\n\t\t\t\t</Input>\n\t\t\t\t<Input value=\"{City}\" />\n\t\t\t\t<Label text=\"Country\" />\n\t\t\t\t<Select id=\"country\" selectedKey=\"{Country}\">\n\t\t\t\t\t<items>\n\t\t\t\t\t\t<core:Item text=\"England\" key=\"England\"/>\n\t\t\t\t\t\t<core:Item text=\"Germany\" key=\"Germany\"/>\n\t\t\t\t\t\t<core:Item text=\"USA\" key=\"USA\"/>\n\t\t\t\t\t</items>\n\t\t\t\t</Select>\n\t\t\t\t<core:Title text=\"Online\" />\n\t\t\t\t<Label text=\"Web\" />\n\t\t\t\t<Input value=\"{Url}\" type=\"Url\" />\n\t\t\t\t<Label text=\"Twitter\" />\n\t\t\t\t<Input value=\"{Twitter}\" />\n\t\t\t</f:content>\n\t\t</f:SimpleForm>\n\t</VBox>\n</core:FragmentDefinition>",
701
+ "Component.js": "sap.ui.define(['sap/ui/core/UIComponent'],\n\tfunction(UIComponent) {\n\t\"use strict\";\n\n\tvar Component = UIComponent.extend(\"sap.ui.layout.sample.SimpleForm480_12120Dual.Component\", {\n\n\t\tmetadata : {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n\n\treturn Component;\n\n});\n",
702
+ "Display.fragment.xml": "<core:FragmentDefinition\n\txmlns=\"sap.m\"\n\txmlns:l=\"sap.ui.layout\"\n\txmlns:f=\"sap.ui.layout.form\"\n\txmlns:core=\"sap.ui.core\">\n\t<VBox class=\"sapUiSmallMargin\">\n\t\t<f:SimpleForm id=\"SimpleFormDisplay480_12120Dual\"\n\t\t\teditable=\"false\"\n\t\t\tlayout=\"ResponsiveGridLayout\"\n\t\t\ttitle=\"Address\"\n\t\t\tlabelSpanXL=\"4\"\n\t\t\tlabelSpanL=\"4\"\n\t\t\tlabelSpanM=\"12\"\n\t\t\tlabelSpanS=\"12\"\n\t\t\tadjustLabelSpan=\"false\"\n\t\t\temptySpanXL=\"0\"\n\t\t\temptySpanL=\"0\"\n\t\t\temptySpanM=\"0\"\n\t\t\temptySpanS=\"0\"\n\t\t\tcolumnsXL=\"2\"\n\t\t\tcolumnsL=\"2\"\n\t\t\tcolumnsM=\"2\"\n\t\t\tsingleContainerFullSize=\"false\" >\n\t\t\t<f:content>\n\t\t\t\t<core:Title text=\"Office\" />\n\t\t\t\t<Label text=\"Name\" />\n\t\t\t\t<Text text=\"{SupplierName}\" />\n\t\t\t\t<Label text=\"Street/No.\" />\n\t\t\t\t<Text text=\"{Street} {HouseNumber}\" />\n\t\t\t\t<Label text=\"ZIP Code/City\" />\n\t\t\t\t<Text text=\"{ZIPCode} {City}\" />\n\t\t\t\t<Label text=\"Country\" />\n\t\t\t\t<Text text=\"{Country}\" />\n\t\t\t\t<core:Title text=\"Online\" />\n\t\t\t\t<Label text=\"Web\" />\n\t\t\t\t<Text text=\"{Url}\" />\n\t\t\t\t<Label text=\"Twitter\" />\n\t\t\t\t<Text text=\"{Twitter}\" />\n\t\t\t</f:content>\n\t\t</f:SimpleForm>\n\t</VBox>\n</core:FragmentDefinition>",
703
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.ui.layout.sample.SimpleForm480_12120Dual\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.ui.layout.sample.SimpleForm480_12120Dual.Page\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.layout\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"stretch\": true,\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"Page.view.xml\",\n\t\t\t\t\t\"Page.controller.js\",\n\t\t\t\t\t\"Change.fragment.xml\",\n\t\t\t\t\t\"Display.fragment.xml\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
704
+ "Page.controller.js": "sap.ui.define([\n\t\t'sap/ui/core/Fragment',\n\t\t'sap/ui/core/mvc/Controller',\n\t\t'sap/ui/model/json/JSONModel'\n\t], function(Fragment, Controller, JSONModel) {\n\t\"use strict\";\n\n\tvar PageController = Controller.extend(\"sap.ui.layout.sample.SimpleForm480_12120Dual.Page\", {\n\n\t\tonInit: function (oEvent) {\n\n\t\t\t// set explored app's demo model on this sample\n\t\t\tvar oModel = new JSONModel(sap.ui.require.toUrl(\"sap/ui/demo/mock/supplier.json\"));\n\t\t\tthis.getView().setModel(oModel);\n\n\t\t\tthis.getView().bindElement(\"/SupplierCollection/0\");\n\n\t\t\tthis._formFragments = {};\n\n\t\t\t// Set the initial form to be the display one\n\t\t\tthis._showFormFragment(\"Display\");\n\t\t},\n\n\t\thandleEditPress : function () {\n\n\t\t\t//Clone the data\n\t\t\tthis._oSupplier = Object.assign({}, this.getView().getModel().getData().SupplierCollection[0]);\n\t\t\tthis._toggleButtonsAndView(true);\n\n\t\t},\n\n\t\thandleCancelPress : function () {\n\n\t\t\t//Restore the data\n\t\t\tvar oModel = this.getView().getModel();\n\t\t\tvar oData = oModel.getData();\n\n\t\t\toData.SupplierCollection[0] = this._oSupplier;\n\n\t\t\toModel.setData(oData);\n\t\t\tthis._toggleButtonsAndView(false);\n\n\t\t},\n\n\t\thandleSavePress : function () {\n\n\t\t\tthis._toggleButtonsAndView(false);\n\n\t\t},\n\n\t\t_toggleButtonsAndView : function (bEdit) {\n\t\t\tvar oView = this.getView();\n\n\t\t\t// Show the appropriate action buttons\n\t\t\toView.byId(\"edit\").setVisible(!bEdit);\n\t\t\toView.byId(\"save\").setVisible(bEdit);\n\t\t\toView.byId(\"cancel\").setVisible(bEdit);\n\n\t\t\t// Set the right form type\n\t\t\tthis._showFormFragment(bEdit ? \"Change\" : \"Display\");\n\t\t},\n\n\t\t_getFormFragment: function (sFragmentName) {\n\t\t\tvar pFormFragment = this._formFragments[sFragmentName],\n\t\t\t\toView = this.getView();\n\n\t\t\tif (!pFormFragment) {\n\t\t\t\tpFormFragment = Fragment.load({\n\t\t\t\t\tid: oView.getId(),\n\t\t\t\t\tname: \"sap.ui.layout.sample.SimpleForm480_12120Dual.\" + sFragmentName\n\t\t\t\t});\n\t\t\t\tthis._formFragments[sFragmentName] = pFormFragment;\n\t\t\t}\n\n\t\t\treturn pFormFragment;\n\t\t},\n\n\t\t_showFormFragment : function (sFragmentName) {\n\t\t\tvar oPage = this.byId(\"page\");\n\n\t\t\toPage.removeAllContent();\n\t\t\tthis._getFormFragment(sFragmentName).then(function(oVBox){\n\t\t\t\toPage.insertContent(oVBox);\n\t\t\t});\n\t\t}\n\n\t});\n\n\treturn PageController;\n\n});",
705
+ "Page.view.xml": "<mvc:View\n\theight=\"100%\"\n\tcontrollerName=\"sap.ui.layout.sample.SimpleForm480_12120Dual.Page\"\n\txmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns=\"sap.m\">\n\t<Page\n\t\tid=\"page\"\n\t\tshowHeader=\"true\" >\n\t\t<customHeader>\n\t\t\t<Bar>\n\t\t\t\t<contentRight>\n\t\t\t\t\t<Button id=\"edit\" text=\"Edit\" press=\"handleEditPress\" />\n\t\t\t\t\t<Button id=\"save\" text=\"Save\" type=\"Emphasized\" visible=\"false\" press=\"handleSavePress\" />\n\t\t\t\t\t<Button id=\"cancel\" text=\"Cancel\" visible=\"false\" press=\"handleCancelPress\" />\n\t\t\t\t</contentRight>\n\t\t\t</Bar>\n\t\t</customHeader>\n\t</Page>\n</mvc:View>"
706
+ },
707
+ "sap.ui.layout/SimpleForm480_Trial": {
708
+ "Change.fragment.xml": "<core:FragmentDefinition\n\txmlns=\"sap.m\"\n\txmlns:l=\"sap.ui.layout\"\n\txmlns:f=\"sap.ui.layout.form\"\n\txmlns:core=\"sap.ui.core\">\n\t<VBox class=\"sapUiSmallMargin\">\n\t\t<f:SimpleForm id=\"SimpleFormChange480_Trial\"\n\t\t\teditable=\"true\"\n\t\t\tlayout=\"ResponsiveGridLayout\"\n\t\t\ttitle=\"Address\"\n\t\t\tlabelSpanXL=\"4\"\n\t\t\tlabelSpanL=\"4\"\n\t\t\tlabelSpanM=\"4\"\n\t\t\tlabelSpanS=\"12\"\n\t\t\tadjustLabelSpan=\"false\"\n\t\t\temptySpanXL=\"0\"\n\t\t\temptySpanL=\"0\"\n\t\t\temptySpanM=\"0\"\n\t\t\temptySpanS=\"0\"\n\t\t\tcolumnsXL=\"3\"\n\t\t\tcolumnsL=\"2\"\n\t\t\tcolumnsM=\"2\"\n\t\t\tsingleContainerFullSize=\"false\" >\n\t\t\t<f:content>\n\t\t\t\t<core:Title text=\"Office\" />\n\t\t\t\t<Label text=\"Name\" />\n\t\t\t\t<Input value=\"{SupplierName}\" />\n\t\t\t\t<Label text=\"Street/No.\" />\n\t\t\t\t<Input value=\"{Street}\">\n\t\t\t\t</Input>\n\t\t\t\t<Input value=\"{HouseNumber}\">\n\t\t\t\t\t<layoutData>\n\t\t\t\t\t\t<l:GridData span=\"XL2 L3 M3 S4\" />\n\t\t\t\t\t</layoutData>\n\t\t\t\t</Input>\n\t\t\t\t<Label text=\"ZIP Code/City\" />\n\t\t\t\t<Input value=\"{ZIPCode}\">\n\t\t\t\t\t<layoutData>\n\t\t\t\t\t\t<l:GridData span=\"XL2 L3 M3 S4\" />\n\t\t\t\t\t</layoutData>\n\t\t\t\t</Input>\n\t\t\t\t<Input value=\"{City}\" />\n\t\t\t\t<Label text=\"Country\" />\n\t\t\t\t<Select id=\"country\" selectedKey=\"{Country}\">\n\t\t\t\t\t<items>\n\t\t\t\t\t\t<core:Item text=\"England\" key=\"England\"/>\n\t\t\t\t\t\t<core:Item text=\"Germany\" key=\"Germany\"/>\n\t\t\t\t\t\t<core:Item text=\"USA\" key=\"USA\"/>\n\t\t\t\t\t</items>\n\t\t\t\t</Select>\n\t\t\t\t<core:Title text=\"Online\" />\n\t\t\t\t<Label text=\"Web\" />\n\t\t\t\t<Input value=\"{Url}\" />\n\t\t\t\t<Label text=\"Twitter\" />\n\t\t\t\t<Input value=\"{Twitter}\" />\n\t\t\t\t<Label text=\"Email\" />\n\t\t\t\t<Input value=\"{Email}\" type=\"Email\" />\n\t\t\t\t<Label text=\"Tel.\" />\n\t\t\t\t<Input value=\"{Tel}\" type=\"Tel\" />\n\t\t\t\t<Label text=\"SMS\" />\n\t\t\t\t<Input value=\"{Sms}\" type=\"Tel\" />\n\t\t\t\t<core:Title text=\"Other\" />\n\t\t\t\t<Label text=\"Rating\" />\n\t\t\t\t<RatingIndicator value=\"{Rating}\" />\n\t\t\t\t<Label text=\"Disposable\" />\n\t\t\t\t<ProgressIndicator percentValue=\"{Disposable}\" />\n\t\t\t</f:content>\n\t\t</f:SimpleForm>\n\t</VBox>\n</core:FragmentDefinition>",
709
+ "Component.js": "sap.ui.define(['sap/ui/core/UIComponent'],\n\tfunction(UIComponent) {\n\t\"use strict\";\n\n\tvar Component = UIComponent.extend(\"sap.ui.layout.sample.SimpleForm480_Trial.Component\", {\n\n\t\tmetadata : {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n\n\treturn Component;\n\n});\n",
710
+ "Display.fragment.xml": "<core:FragmentDefinition\n\txmlns=\"sap.m\"\n\txmlns:l=\"sap.ui.layout\"\n\txmlns:f=\"sap.ui.layout.form\"\n\txmlns:core=\"sap.ui.core\">\n\t<VBox class=\"sapUiSmallMargin\">\n\t\t<f:SimpleForm id=\"SimpleFormDisplay480_Trial\"\n\t\t\teditable=\"false\"\n\t\t\tlayout=\"ResponsiveGridLayout\"\n\t\t\ttitle=\"Address\"\n\t\t\tlabelSpanXL=\"4\"\n\t\t\tlabelSpanL=\"4\"\n\t\t\tlabelSpanM=\"4\"\n\t\t\tlabelSpanS=\"12\"\n\t\t\tadjustLabelSpan=\"false\"\n\t\t\temptySpanXL=\"0\"\n\t\t\temptySpanL=\"0\"\n\t\t\temptySpanM=\"0\"\n\t\t\temptySpanS=\"0\"\n\t\t\tcolumnsXL=\"3\"\n\t\t\tcolumnsL=\"2\"\n\t\t\tcolumnsM=\"2\"\n\t\t\tsingleContainerFullSize=\"false\" >\n\t\t\t<f:content>\n\t\t\t\t<core:Title text=\"Office\" />\n\t\t\t\t<Label text=\"Name\" />\n\t\t\t\t<Text text=\"{SupplierName}\" />\n\t\t\t\t<Label text=\"Street/No.\" />\n\t\t\t\t<Text text=\"{Street} {HouseNumber}\" />\n\t\t\t\t<Label text=\"ZIP Code/City\" />\n\t\t\t\t<Text text=\"{ZIPCode} {City}\" />\n\t\t\t\t<Label text=\"Country\" />\n\t\t\t\t<Text text=\"{Country}\" />\n\t\t\t\t<core:Title text=\"Online\" />\n\t\t\t\t<Label text=\"Web\" />\n\t\t\t\t<Text text=\"{Url}\" />\n\t\t\t\t<Label text=\"Twitter\" />\n\t\t\t\t<Text text=\"{Twitter}\" />\n\t\t\t\t<Label text=\"Email\" />\n\t\t\t\t<Text text=\"{Email}\" />\n\t\t\t\t<Label text=\"Tel.\" />\n\t\t\t\t<Text text=\"{Tel}\" />\n\t\t\t\t<Label text=\"SMS\" />\n\t\t\t\t<Text text=\"{Sms}\" />\n\t\t\t\t<core:Title text=\"Other\" />\n\t\t\t\t<Label text=\"Rating\" />\n\t\t\t\t<RatingIndicator value=\"{Rating}\" displayOnly=\"true\" />\n\t\t\t\t<Label text=\"Disposable\" />\n\t\t\t\t<ProgressIndicator percentValue=\"{Disposable}\" displayOnly=\"true\" />\n\t\t\t</f:content>\n\t\t</f:SimpleForm>\n\t</VBox>\n</core:FragmentDefinition>",
711
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.ui.layout.sample.SimpleForm480_Trial\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.ui.layout.sample.SimpleForm480_Trial.Page\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.layout\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"stretch\": true,\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"Page.view.xml\",\n\t\t\t\t\t\"Page.controller.js\",\n\t\t\t\t\t\"Change.fragment.xml\",\n\t\t\t\t\t\"Display.fragment.xml\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
712
+ "Page.controller.js": "sap.ui.define([\n\t\t'sap/ui/core/Fragment',\n\t\t'sap/ui/core/mvc/Controller',\n\t\t'sap/ui/model/json/JSONModel'\n\t], function(Fragment, Controller, JSONModel) {\n\t\"use strict\";\n\n\tvar PageController = Controller.extend(\"sap.ui.layout.sample.SimpleForm480_Trial.Page\", {\n\n\t\tonInit: function (oEvent) {\n\n\t\t\t// set explored app's demo model on this sample\n\t\t\tvar oModel = new JSONModel(sap.ui.require.toUrl(\"sap/ui/demo/mock/supplier.json\"));\n\t\t\tthis.getView().setModel(oModel);\n\n\t\t\tthis.getView().bindElement(\"/SupplierCollection/0\");\n\n\t\t\tthis._formFragments = {};\n\n\t\t\t// Set the initial form to be the display one\n\t\t\tthis._showFormFragment(\"Display\");\n\t\t},\n\n\t\thandleEditPress : function () {\n\n\t\t\t//Clone the data\n\t\t\tthis._oSupplier = Object.assign({}, this.getView().getModel().getData().SupplierCollection[0]);\n\t\t\tthis._toggleButtonsAndView(true);\n\n\t\t},\n\n\t\thandleCancelPress : function () {\n\n\t\t\t//Restore the data\n\t\t\tvar oModel = this.getView().getModel();\n\t\t\tvar oData = oModel.getData();\n\n\t\t\toData.SupplierCollection[0] = this._oSupplier;\n\n\t\t\toModel.setData(oData);\n\t\t\tthis._toggleButtonsAndView(false);\n\n\t\t},\n\n\t\thandleSavePress : function () {\n\n\t\t\tthis._toggleButtonsAndView(false);\n\n\t\t},\n\n\t\t_toggleButtonsAndView : function (bEdit) {\n\t\t\tvar oView = this.getView();\n\n\t\t\t// Show the appropriate action buttons\n\t\t\toView.byId(\"edit\").setVisible(!bEdit);\n\t\t\toView.byId(\"save\").setVisible(bEdit);\n\t\t\toView.byId(\"cancel\").setVisible(bEdit);\n\n\t\t\t// Set the right form type\n\t\t\tthis._showFormFragment(bEdit ? \"Change\" : \"Display\");\n\t\t},\n\n\t\t_getFormFragment: function (sFragmentName) {\n\t\t\tvar pFormFragment = this._formFragments[sFragmentName],\n\t\t\t\toView = this.getView();\n\n\t\t\tif (!pFormFragment) {\n\t\t\t\tpFormFragment = Fragment.load({\n\t\t\t\t\tid: oView.getId(),\n\t\t\t\t\tname: \"sap.ui.layout.sample.SimpleForm480_Trial.\" + sFragmentName\n\t\t\t\t});\n\t\t\t\tthis._formFragments[sFragmentName] = pFormFragment;\n\t\t\t}\n\n\t\t\treturn pFormFragment;\n\t\t},\n\n\t\t_showFormFragment : function (sFragmentName) {\n\t\t\tvar oPage = this.byId(\"page\");\n\n\t\t\toPage.removeAllContent();\n\t\t\tthis._getFormFragment(sFragmentName).then(function(oVBox){\n\t\t\t\toPage.insertContent(oVBox);\n\t\t\t});\n\t\t}\n\n\t});\n\n\treturn PageController;\n\n});",
713
+ "Page.view.xml": "<mvc:View\n\theight=\"100%\"\n\tcontrollerName=\"sap.ui.layout.sample.SimpleForm480_Trial.Page\"\n\txmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns=\"sap.m\">\n\t<Page\n\t\tid=\"page\"\n\t\tshowHeader=\"true\" >\n\t\t<customHeader>\n\t\t\t<Bar>\n\t\t\t\t<contentRight>\n\t\t\t\t\t<Button id=\"edit\" text=\"Edit\" press=\"handleEditPress\" />\n\t\t\t\t\t<Button id=\"save\" text=\"Save\" type=\"Emphasized\" visible=\"false\" press=\"handleSavePress\" />\n\t\t\t\t\t<Button id=\"cancel\" text=\"Cancel\" visible=\"false\" press=\"handleCancelPress\" />\n\t\t\t\t</contentRight>\n\t\t\t</Bar>\n\t\t</customHeader>\n\t</Page>\n</mvc:View>"
714
+ },
715
+ "sap.ui.layout/SimpleFormToolbar": {
716
+ "Component.js": "sap.ui.define(['sap/ui/core/UIComponent'],\n\tfunction(UIComponent) {\n\t\"use strict\";\n\n\tvar Component = UIComponent.extend(\"sap.ui.layout.sample.SimpleFormToolbar.Component\", {\n\n\t\tmetadata : {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n\n\treturn Component;\n\n});\n",
717
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.ui.layout.sample.SimpleFormToolbar\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.ui.layout.sample.SimpleFormToolbar.Page\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.layout\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"Page.view.xml\",\n\t\t\t\t\t\"Page.controller.js\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
718
+ "Page.controller.js": "sap.ui.define([\n\t\t'sap/ui/core/mvc/Controller',\n\t\t'sap/ui/model/json/JSONModel'\n\t], function(Controller, JSONModel) {\n\t\"use strict\";\n\n\tvar PageController = Controller.extend(\"sap.ui.layout.sample.SimpleFormToolbar.Page\", {\n\n\t\tonInit: function (oEvent) {\n\n\t\t\t// set explored app's demo model on this sample\n\t\t\tvar oModel = new JSONModel(sap.ui.require.toUrl(\"sap/ui/demo/mock/supplier.json\"));\n\t\t\tthis.getView().setModel(oModel);\n\n\t\t\tthis.getView().bindElement(\"/SupplierCollection/0\");\n\n\t\t}\n\n\t});\n\n\treturn PageController;\n\n});",
719
+ "Page.view.xml": "<mvc:View\n\tcontrollerName=\"sap.ui.layout.sample.SimpleFormToolbar.Page\"\n\txmlns:l=\"sap.ui.layout\"\n\txmlns:f=\"sap.ui.layout.form\"\n\txmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns:core=\"sap.ui.core\"\n\txmlns=\"sap.m\">\n\t<VBox class=\"sapUiSmallMargin\">\n\t\t<f:SimpleForm id=\"SimpleFormToolbar\"\n\t\t\teditable=\"true\"\n\t\t\tlayout=\"ResponsiveGridLayout\"\n\t\t\tlabelSpanXL=\"4\"\n\t\t\tlabelSpanL=\"3\"\n\t\t\tlabelSpanM=\"4\"\n\t\t\tlabelSpanS=\"12\"\n\t\t\tadjustLabelSpan=\"false\"\n\t\t\temptySpanXL=\"0\"\n\t\t\temptySpanL=\"4\"\n\t\t\temptySpanM=\"0\"\n\t\t\temptySpanS=\"0\"\n\t\t\tcolumnsXL=\"2\"\n\t\t\tcolumnsL=\"1\"\n\t\t\tcolumnsM=\"1\"\n\t\t\tsingleContainerFullSize=\"false\"\n\t\t\tariaLabelledBy=\"Title1\" >\n\t\t\t<f:toolbar>\n\t\t\t\t<Toolbar id=\"TB1\">\n\t\t\t\t\t<Title id=\"Title1\" text=\"Address\"/>\n\t\t\t\t\t<ToolbarSpacer />\n\t\t\t\t\t<Button icon=\"sap-icon://settings\"/>\n\t\t\t\t\t<Button icon=\"sap-icon://drop-down-list\" />\n\t\t\t\t</Toolbar>\n\t\t\t</f:toolbar>\n\t\t\t<f:content>\n\t\t\t\t<Toolbar ariaLabelledBy=\"Title2\">\n\t\t\t\t\t<Title id=\"Title2\" text=\"Office\"/>\n\t\t\t\t\t<ToolbarSpacer />\n\t\t\t\t\t<Button icon=\"sap-icon://settings\"/>\n\t\t\t\t</Toolbar>\n\t\t\t\t<Label text=\"Name\" />\n\t\t\t\t<Input value=\"{SupplierName}\" />\n\t\t\t\t<Label text=\"Street/No.\" />\n\t\t\t\t<Input value=\"{Street}\">\n\t\t\t\t</Input>\n\t\t\t\t<Input value=\"{HouseNumber}\">\n\t\t\t\t\t<layoutData>\n\t\t\t\t\t\t<l:GridData span=\"XL2 L1 M3 S4\" />\n\t\t\t\t\t</layoutData>\n\t\t\t\t</Input>\n\t\t\t\t<Label text=\"ZIP Code/City\" />\n\t\t\t\t<Input value=\"{ZIPCode}\">\n\t\t\t\t\t<layoutData>\n\t\t\t\t\t\t<l:GridData span=\"XL2 L1 M3 S4\" />\n\t\t\t\t\t</layoutData>\n\t\t\t\t</Input>\n\t\t\t\t<Input value=\"{City}\" />\n\t\t\t\t<Label text=\"Country\" />\n\t\t\t\t<Select id=\"country\" selectedKey=\"{Country}\">\n\t\t\t\t\t<items>\n\t\t\t\t\t\t<core:Item text=\"England\" key=\"England\"/>\n\t\t\t\t\t\t<core:Item text=\"Germany\" key=\"Germany\"/>\n\t\t\t\t\t\t<core:Item text=\"USA\" key=\"USA\"/>\n\t\t\t\t\t</items>\n\t\t\t\t</Select>\n\t\t\t\t<Toolbar ariaLabelledBy=\"Title3\">\n\t\t\t\t\t<Title id=\"Title3\" text=\"Online\"/>\n\t\t\t\t\t<ToolbarSpacer />\n\t\t\t\t\t<Button icon=\"sap-icon://settings\"/>\n\t\t\t\t</Toolbar>\n\t\t\t\t<Label text=\"Web\" />\n\t\t\t\t<Input value=\"{Url}\" type=\"Url\" />\n\t\t\t\t<Label text=\"Twitter\" />\n\t\t\t\t<Input value=\"{Twitter}\" />\n\t\t\t</f:content>\n\t\t</f:SimpleForm>\n\t</VBox>\n</mvc:View>"
720
+ },
721
+ "sap.ui.layout/SimpleForm_Column_oneGroup": {
722
+ "Change.fragment.xml": "<core:FragmentDefinition\n\txmlns=\"sap.m\"\n\txmlns:l=\"sap.ui.layout\"\n\txmlns:f=\"sap.ui.layout.form\"\n\txmlns:core=\"sap.ui.core\">\n\t<VBox class=\"sapUiSmallMargin\">\n\t\t<f:SimpleForm id=\"SimpleFormChangeColumn_oneGroup\"\n\t\t\teditable=\"true\"\n\t\t\tlayout=\"ColumnLayout\"\n\t\t\ttitle=\"Address\" >\n\t\t\t<f:content>\n\t\t\t\t<Label text=\"Name\" />\n\t\t\t\t<Input id=\"name\" value=\"{SupplierName}\" />\n\t\t\t\t<Label text=\"Street/No.\" />\n\t\t\t\t<Input value=\"{Street}\">\n\t\t\t\t</Input>\n\t\t\t\t<Input value=\"{HouseNumber}\">\n\t\t\t\t\t<layoutData>\n\t\t\t\t\t\t<f:ColumnElementData cellsSmall=\"2\" cellsLarge=\"1\" />\n\t\t\t\t\t</layoutData>\n\t\t\t\t</Input>\n\t\t\t\t<Label text=\"ZIP Code/City\" />\n\t\t\t\t<Input value=\"{ZIPCode}\">\n\t\t\t\t\t<layoutData>\n\t\t\t\t\t\t<f:ColumnElementData cellsSmall=\"3\" cellsLarge=\"2\" />\n\t\t\t\t\t</layoutData>\n\t\t\t\t</Input>\n\t\t\t\t<Input value=\"{City}\" />\n\t\t\t\t<Label text=\"Country\" />\n\t\t\t\t<Select id=\"country\" selectedKey=\"{Country}\">\n\t\t\t\t\t<items>\n\t\t\t\t\t\t<core:Item text=\"England\" key=\"England\"/>\n\t\t\t\t\t\t<core:Item text=\"Germany\" key=\"Germany\"/>\n\t\t\t\t\t\t<core:Item text=\"USA\" key=\"USA\"/>\n\t\t\t\t\t</items>\n\t\t\t\t</Select>\n\t\t\t</f:content>\n\t\t</f:SimpleForm>\n\t</VBox>\n</core:FragmentDefinition>",
723
+ "Component.js": "sap.ui.define(['sap/ui/core/UIComponent'],\n\tfunction(UIComponent) {\n\t\"use strict\";\n\n\tvar Component = UIComponent.extend(\"sap.ui.layout.sample.SimpleForm_Column_oneGroup.Component\", {\n\n\t\tmetadata : {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n\n\treturn Component;\n\n});\n",
724
+ "Display.fragment.xml": "<core:FragmentDefinition\n\txmlns=\"sap.m\"\n\txmlns:l=\"sap.ui.layout\"\n\txmlns:f=\"sap.ui.layout.form\"\n\txmlns:core=\"sap.ui.core\">\n\t<VBox class=\"sapUiSmallMargin\">\n\t\t<f:SimpleForm id=\"SimpleFormDisplayColumn_oneGroup\"\n\t\t\teditable=\"false\"\n\t\t\tlayout=\"ColumnLayout\"\n\t\t\ttitle=\"Address\" >\n\t\t\t<f:content>\n\t\t\t\t<Label text=\"Name\" />\n\t\t\t\t<Text id=\"nameText\" text=\"{SupplierName}\" />\n\t\t\t\t<Label text=\"Street/No.\" />\n\t\t\t\t<Text text=\"{Street} {HouseNumber}\" />\n\t\t\t\t<Label text=\"ZIP Code/City\" />\n\t\t\t\t<Text text=\"{ZIPCode} {City}\" />\n\t\t\t\t<Label text=\"Country\" />\n\t\t\t\t<Text id=\"countryText\" text=\"{Country}\" />\n\t\t\t</f:content>\n\t\t</f:SimpleForm>\n\t</VBox>\n</core:FragmentDefinition>",
725
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.ui.layout.sample.SimpleForm_Column_oneGroup\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.ui.layout.sample.SimpleForm_Column_oneGroup.Page\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.layout\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"stretch\": true,\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"Page.view.xml\",\n\t\t\t\t\t\"Page.controller.js\",\n\t\t\t\t\t\"Change.fragment.xml\",\n\t\t\t\t\t\"Display.fragment.xml\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
726
+ "Page.controller.js": "sap.ui.define([\n\t\t'sap/ui/core/Fragment',\n\t\t'sap/ui/core/mvc/Controller',\n\t\t'sap/ui/model/json/JSONModel'\n\t], function(Fragment, Controller, JSONModel) {\n\t\"use strict\";\n\n\tvar PageController = Controller.extend(\"sap.ui.layout.sample.SimpleForm_Column_oneGroup.Page\", {\n\n\t\tonInit: function (oEvent) {\n\n\t\t\t// set explored app's demo model on this sample\n\t\t\tvar oModel = new JSONModel(sap.ui.require.toUrl(\"sap/ui/demo/mock/supplier.json\"));\n\t\t\toModel.attachRequestCompleted(function() {\n\t\t\t\tthis.byId('edit').setEnabled(true);\n\t\t\t}.bind(this));\n\t\t\tthis.getView().setModel(oModel);\n\n\t\t\tthis.getView().bindElement(\"/SupplierCollection/0\");\n\n\t\t\tthis._formFragments = {};\n\n\t\t\t// Set the initial form to be the display one\n\t\t\tthis._showFormFragment(\"Display\");\n\t\t},\n\n\t\thandleEditPress : function () {\n\n\t\t\t//Clone the data\n\t\t\tthis._oSupplier = Object.assign({}, this.getView().getModel().getData().SupplierCollection[0]);\n\t\t\tthis._toggleButtonsAndView(true);\n\n\t\t},\n\n\t\thandleCancelPress : function () {\n\n\t\t\t//Restore the data\n\t\t\tvar oModel = this.getView().getModel();\n\t\t\tvar oData = oModel.getData();\n\n\t\t\toData.SupplierCollection[0] = this._oSupplier;\n\n\t\t\toModel.setData(oData);\n\t\t\tthis._toggleButtonsAndView(false);\n\n\t\t},\n\n\t\thandleSavePress : function () {\n\n\t\t\tthis._toggleButtonsAndView(false);\n\n\t\t},\n\n\t\t_toggleButtonsAndView : function (bEdit) {\n\t\t\tvar oView = this.getView();\n\n\t\t\t// Show the appropriate action buttons\n\t\t\toView.byId(\"edit\").setVisible(!bEdit);\n\t\t\toView.byId(\"save\").setVisible(bEdit);\n\t\t\toView.byId(\"cancel\").setVisible(bEdit);\n\n\t\t\t// Set the right form type\n\t\t\tthis._showFormFragment(bEdit ? \"Change\" : \"Display\");\n\t\t},\n\n\t\t_getFormFragment: function (sFragmentName) {\n\t\t\tvar pFormFragment = this._formFragments[sFragmentName],\n\t\t\t\toView = this.getView();\n\n\t\t\tif (!pFormFragment) {\n\t\t\t\tpFormFragment = Fragment.load({\n\t\t\t\t\tid: oView.getId(),\n\t\t\t\t\tname: \"sap.ui.layout.sample.SimpleForm_Column_oneGroup.\" + sFragmentName\n\t\t\t\t});\n\t\t\t\tthis._formFragments[sFragmentName] = pFormFragment;\n\t\t\t}\n\n\t\t\treturn pFormFragment;\n\t\t},\n\n\t\t_showFormFragment : function (sFragmentName) {\n\t\t\tvar oPage = this.byId(\"page\");\n\n\t\t\toPage.removeAllContent();\n\t\t\tthis._getFormFragment(sFragmentName).then(function(oVBox){\n\t\t\t\toPage.insertContent(oVBox);\n\t\t\t});\n\t\t}\n\n\t});\n\n\treturn PageController;\n\n});",
727
+ "Page.view.xml": "<mvc:View\n\theight=\"100%\"\n\tcontrollerName=\"sap.ui.layout.sample.SimpleForm_Column_oneGroup.Page\"\n\txmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns=\"sap.m\">\n\t<Page\n\t\tid=\"page\"\n\t\tshowHeader=\"true\" >\n\t\t<customHeader>\n\t\t\t<Bar>\n\t\t\t\t<contentRight>\n\t\t\t\t\t<Button id=\"edit\" text=\"Edit\" enabled=\"false\" press=\"handleEditPress\" />\n\t\t\t\t\t<Button id=\"save\" text=\"Save\" type=\"Emphasized\" visible=\"false\" press=\"handleSavePress\" />\n\t\t\t\t\t<Button id=\"cancel\" text=\"Cancel\" visible=\"false\" press=\"handleCancelPress\" />\n\t\t\t\t</contentRight>\n\t\t\t</Bar>\n\t\t</customHeader>\n\t</Page>\n</mvc:View>"
728
+ },
729
+ "sap.ui.layout/SimpleForm_Column_oneGroup234": {
730
+ "Change.fragment.xml": "<core:FragmentDefinition\n\txmlns=\"sap.m\"\n\txmlns:l=\"sap.ui.layout\"\n\txmlns:f=\"sap.ui.layout.form\"\n\txmlns:core=\"sap.ui.core\">\n\t<VBox class=\"sapUiSmallMargin\">\n\t\t<f:SimpleForm id=\"SimpleFormChangeColumn_oneGroup234\"\n\t\t\teditable=\"true\"\n\t\t\tlayout=\"ColumnLayout\"\n\t\t\ttitle=\"Address\"\n\t\t\tcolumnsM=\"2\"\n\t\t\tcolumnsL=\"3\"\n\t\t\tcolumnsXL=\"4\"\n\t\t\t>\n\t\t\t<f:content>\n\t\t\t\t<Label text=\"Name\" />\n\t\t\t\t<Input id=\"name\" value=\"{SupplierName}\" />\n\t\t\t\t<Label text=\"Street/No.\" />\n\t\t\t\t<Input value=\"{Street}\">\n\t\t\t\t</Input>\n\t\t\t\t<Input value=\"{HouseNumber}\">\n\t\t\t\t\t<layoutData>\n\t\t\t\t\t\t<f:ColumnElementData cellsSmall=\"2\" cellsLarge=\"1\" />\n\t\t\t\t\t</layoutData>\n\t\t\t\t</Input>\n\t\t\t\t<Label text=\"ZIP Code/City\" />\n\t\t\t\t<Input value=\"{ZIPCode}\">\n\t\t\t\t\t<layoutData>\n\t\t\t\t\t\t<f:ColumnElementData cellsSmall=\"3\" cellsLarge=\"2\" />\n\t\t\t\t\t</layoutData>\n\t\t\t\t</Input>\n\t\t\t\t<Input value=\"{City}\" />\n\t\t\t\t<Label text=\"Country\" />\n\t\t\t\t<Select id=\"country\" selectedKey=\"{Country}\">\n\t\t\t\t\t<items>\n\t\t\t\t\t\t<core:Item text=\"England\" key=\"England\"/>\n\t\t\t\t\t\t<core:Item text=\"Germany\" key=\"Germany\"/>\n\t\t\t\t\t\t<core:Item text=\"USA\" key=\"USA\"/>\n\t\t\t\t\t</items>\n\t\t\t\t</Select>\n\t\t\t\t<Label text=\"Web\" />\n\t\t\t\t<Input value=\"{Url}\" type=\"Url\"/>\n\t\t\t\t<Label text=\"Twitter\" />\n\t\t\t\t<Input value=\"{Twitter}\" />\n\t\t\t\t<Label text=\"Email\" />\n\t\t\t\t<Input value=\"{Email}\" type=\"Email\"/>\n\t\t\t\t<Label text=\"Tel.\" />\n\t\t\t\t<Input value=\"{Tel}\" type=\"Tel\"/>\n\t\t\t\t<Label text=\"SMS\" />\n\t\t\t\t<Input value=\"{Sms}\" type=\"Tel\"/>\n\t\t\t\t<Label text=\"Mobile\" />\n\t\t\t\t<Input value=\"{Mobile}\" type=\"Tel\"/>\n\t\t\t\t<Label text=\"Pager\" />\n\t\t\t\t<Input value=\"{Pager}\" type=\"Tel\"/>\n\t\t\t\t<Label text=\"Fax\" />\n\t\t\t\t<Input value=\"{Fax}\" type=\"Tel\"/>\n\t\t\t</f:content>\n\t\t</f:SimpleForm>\n\t</VBox>\n</core:FragmentDefinition>",
731
+ "Component.js": "sap.ui.define(['sap/ui/core/UIComponent'],\n\tfunction(UIComponent) {\n\t\"use strict\";\n\n\tvar Component = UIComponent.extend(\"sap.ui.layout.sample.SimpleForm_Column_oneGroup234.Component\", {\n\n\t\tmetadata : {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n\n\treturn Component;\n\n});\n",
732
+ "Display.fragment.xml": "<core:FragmentDefinition\n\txmlns=\"sap.m\"\n\txmlns:l=\"sap.ui.layout\"\n\txmlns:f=\"sap.ui.layout.form\"\n\txmlns:core=\"sap.ui.core\">\n\t<VBox class=\"sapUiSmallMargin\">\n\t\t<f:SimpleForm id=\"SimpleFormDisplayColumn_oneGroup234\"\n\t\t\teditable=\"false\"\n\t\t\tlayout=\"ColumnLayout\"\n\t\t\ttitle=\"Address\"\n\t\t\tcolumnsM=\"2\"\n\t\t\tcolumnsL=\"3\"\n\t\t\tcolumnsXL=\"4\"\n\t\t\t>\n\t\t\t<f:content>\n\t\t\t\t<Label text=\"Name\" />\n\t\t\t\t<Text id=\"nameText\" text=\"{SupplierName}\" />\n\t\t\t\t<Label text=\"Street/No.\" />\n\t\t\t\t<Text text=\"{Street} {HouseNumber}\" />\n\t\t\t\t<Label text=\"ZIP Code/City\" />\n\t\t\t\t<Text text=\"{ZIPCode} {City}\" />\n\t\t\t\t<Label text=\"Country\" />\n\t\t\t\t<Text id=\"countryText\" text=\"{Country}\" />\n\t\t\t\t<Label text=\"Web\" />\n\t\t\t\t<Link text=\"Url\" href=\"{Url}\" />\n\t\t\t\t<Label text=\"Twitter\" />\n\t\t\t\t<Text text=\"{Twitter}\" />\n\t\t\t\t<Label text=\"Email\" />\n\t\t\t\t<Text text=\"{Email}\" />\n\t\t\t\t<Label text=\"Tel.\" />\n\t\t\t\t<Text text=\"{Tel}\" />\n\t\t\t\t<Label text=\"SMS\" />\n\t\t\t\t<Text text=\"{Sms}\" />\n\t\t\t\t<Label text=\"Mobile\" />\n\t\t\t\t<Text text=\"{Mobile}\" />\n\t\t\t\t<Label text=\"Pager\" />\n\t\t\t\t<Text text=\"{Pager}\" />\n\t\t\t\t<Label text=\"Fax\" />\n\t\t\t\t<Text text=\"{Fax}\" />\n\t\t\t</f:content>\n\t\t</f:SimpleForm>\n\t</VBox>\n</core:FragmentDefinition>",
733
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.ui.layout.sample.SimpleForm_Column_oneGroup234\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.ui.layout.sample.SimpleForm_Column_oneGroup234.Page\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.layout\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"stretch\": true,\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"Page.view.xml\",\n\t\t\t\t\t\"Page.controller.js\",\n\t\t\t\t\t\"Change.fragment.xml\",\n\t\t\t\t\t\"Display.fragment.xml\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
734
+ "Page.controller.js": "sap.ui.define([\n\t\t'sap/ui/core/Fragment',\n\t\t'sap/ui/core/mvc/Controller',\n\t\t'sap/ui/model/json/JSONModel'\n\t], function(Fragment, Controller, JSONModel) {\n\t\"use strict\";\n\n\tvar PageController = Controller.extend(\"sap.ui.layout.sample.SimpleForm_Column_oneGroup234.Page\", {\n\n\t\tonInit: function (oEvent) {\n\n\t\t\t// set explored app's demo model on this sample\n\t\t\tvar oModel = new JSONModel(sap.ui.require.toUrl(\"sap/ui/demo/mock/supplier.json\"));\n\t\t\toModel.attachRequestCompleted(function() {\n\t\t\t\tthis.byId('edit').setEnabled(true);\n\t\t\t}.bind(this));\n\t\t\tthis.getView().setModel(oModel);\n\n\t\t\tthis.getView().bindElement(\"/SupplierCollection/0\");\n\n\t\t\tthis._formFragments = {};\n\n\t\t\t// Set the initial form to be the display one\n\t\t\tthis._showFormFragment(\"Display\");\n\t\t},\n\n\t\thandleEditPress : function () {\n\n\t\t\t//Clone the data\n\t\t\tthis._oSupplier = Object.assign({}, this.getView().getModel().getData().SupplierCollection[0]);\n\t\t\tthis._toggleButtonsAndView(true);\n\n\t\t},\n\n\t\thandleCancelPress : function () {\n\n\t\t\t//Restore the data\n\t\t\tvar oModel = this.getView().getModel();\n\t\t\tvar oData = oModel.getData();\n\n\t\t\toData.SupplierCollection[0] = this._oSupplier;\n\n\t\t\toModel.setData(oData);\n\t\t\tthis._toggleButtonsAndView(false);\n\n\t\t},\n\n\t\thandleSavePress : function () {\n\n\t\t\tthis._toggleButtonsAndView(false);\n\n\t\t},\n\n\t\t_toggleButtonsAndView : function (bEdit) {\n\t\t\tvar oView = this.getView();\n\n\t\t\t// Show the appropriate action buttons\n\t\t\toView.byId(\"edit\").setVisible(!bEdit);\n\t\t\toView.byId(\"save\").setVisible(bEdit);\n\t\t\toView.byId(\"cancel\").setVisible(bEdit);\n\n\t\t\t// Set the right form type\n\t\t\tthis._showFormFragment(bEdit ? \"Change\" : \"Display\");\n\t\t},\n\n\t\t_getFormFragment: function (sFragmentName) {\n\t\t\tvar pFormFragment = this._formFragments[sFragmentName],\n\t\t\t\toView = this.getView();\n\n\t\t\tif (!pFormFragment) {\n\t\t\t\tpFormFragment = Fragment.load({\n\t\t\t\t\tid: oView.getId(),\n\t\t\t\t\tname: \"sap.ui.layout.sample.SimpleForm_Column_oneGroup234.\" + sFragmentName\n\t\t\t\t});\n\t\t\t\tthis._formFragments[sFragmentName] = pFormFragment;\n\t\t\t}\n\n\t\t\treturn pFormFragment;\n\t\t},\n\n\t\t_showFormFragment : function (sFragmentName) {\n\t\t\tvar oPage = this.byId(\"page\");\n\n\t\t\toPage.removeAllContent();\n\t\t\tthis._getFormFragment(sFragmentName).then(function(oVBox){\n\t\t\t\toPage.insertContent(oVBox);\n\t\t\t});\n\t\t}\n\n\t});\n\n\treturn PageController;\n\n});",
735
+ "Page.view.xml": "<mvc:View\n\theight=\"100%\"\n\tcontrollerName=\"sap.ui.layout.sample.SimpleForm_Column_oneGroup234.Page\"\n\txmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns=\"sap.m\">\n\t<Page\n\t\tid=\"page\"\n\t\tshowHeader=\"true\" >\n\t\t<customHeader>\n\t\t\t<Bar>\n\t\t\t\t<contentRight>\n\t\t\t\t\t<Button id=\"edit\" text=\"Edit\" enabled=\"false\" press=\"handleEditPress\" />\n\t\t\t\t\t<Button id=\"save\" text=\"Save\" type=\"Emphasized\" visible=\"false\" press=\"handleSavePress\" />\n\t\t\t\t\t<Button id=\"cancel\" text=\"Cancel\" visible=\"false\" press=\"handleCancelPress\" />\n\t\t\t\t</contentRight>\n\t\t\t</Bar>\n\t\t</customHeader>\n\t</Page>\n</mvc:View>"
736
+ },
737
+ "sap.ui.layout/SimpleForm_Column_threeGroups234": {
738
+ "Change.fragment.xml": "<core:FragmentDefinition\n\txmlns=\"sap.m\"\n\txmlns:l=\"sap.ui.layout\"\n\txmlns:f=\"sap.ui.layout.form\"\n\txmlns:core=\"sap.ui.core\">\n\t<VBox class=\"sapUiSmallMargin\">\n\t\t<f:SimpleForm id=\"SimpleFormChangeColumn_threeGroups234\"\n\t\t\teditable=\"true\"\n\t\t\tlayout=\"ColumnLayout\"\n\t\t\ttitle=\"Supplier\"\n\t\t\tcolumnsM=\"2\"\n\t\t\tcolumnsL=\"3\"\n\t\t\tcolumnsXL=\"4\"\n\t\t\t>\n\t\t\t<f:content>\n\t\t\t\t<core:Title text=\"Address\" />\n\t\t\t\t<Label text=\"Name\" />\n\t\t\t\t<Input id=\"name\" value=\"{SupplierName}\" />\n\t\t\t\t<Label text=\"Street/No.\" />\n\t\t\t\t<Input value=\"{Street}\">\n\t\t\t\t</Input>\n\t\t\t\t<Input value=\"{HouseNumber}\">\n\t\t\t\t\t<layoutData>\n\t\t\t\t\t\t<f:ColumnElementData cellsSmall=\"2\" cellsLarge=\"1\" />\n\t\t\t\t\t</layoutData>\n\t\t\t\t</Input>\n\t\t\t\t<Label text=\"ZIP Code/City\" />\n\t\t\t\t<Input value=\"{ZIPCode}\">\n\t\t\t\t\t<layoutData>\n\t\t\t\t\t\t<f:ColumnElementData cellsSmall=\"3\" cellsLarge=\"2\" />\n\t\t\t\t\t</layoutData>\n\t\t\t\t</Input>\n\t\t\t\t<Input value=\"{City}\" />\n\t\t\t\t<Label text=\"Country\" />\n\t\t\t\t<Select id=\"country\" selectedKey=\"{Country}\">\n\t\t\t\t\t<items>\n\t\t\t\t\t\t<core:Item text=\"England\" key=\"England\"/>\n\t\t\t\t\t\t<core:Item text=\"Germany\" key=\"Germany\"/>\n\t\t\t\t\t\t<core:Item text=\"USA\" key=\"USA\"/>\n\t\t\t\t\t</items>\n\t\t\t\t</Select>\n\t\t\t\t<Label text=\"Web\" />\n\t\t\t\t<Input value=\"{Url}\" type=\"Url\"/>\n\t\t\t\t<core:Title text=\"Contact\" />\n\t\t\t\t<Label text=\"Twitter\" />\n\t\t\t\t<Input value=\"{Twitter}\" />\n\t\t\t\t<Label text=\"Email\" />\n\t\t\t\t<Input value=\"{Email}\" type=\"Email\"/>\n\t\t\t\t<Label text=\"Tel.\" />\n\t\t\t\t<Input value=\"{Tel}\" type=\"Tel\"/>\n\t\t\t\t<core:Title text=\"Other\" />\n\t\t\t\t<Label text=\"SMS\" />\n\t\t\t\t<Input value=\"{Sms}\" type=\"Tel\"/>\n\t\t\t\t<Label text=\"Mobile\" />\n\t\t\t\t<Input value=\"{Mobile}\" type=\"Tel\"/>\n\t\t\t\t<Label text=\"Pager\" />\n\t\t\t\t<Input value=\"{Pager}\" type=\"Tel\"/>\n\t\t\t\t<Label text=\"Fax\" />\n\t\t\t\t<Input value=\"{Fax}\" type=\"Tel\"/>\n\t\t\t</f:content>\n\t\t</f:SimpleForm>\n\t</VBox>\n</core:FragmentDefinition>",
739
+ "Component.js": "sap.ui.define(['sap/ui/core/UIComponent'],\n\tfunction(UIComponent) {\n\t\"use strict\";\n\n\tvar Component = UIComponent.extend(\"sap.ui.layout.sample.SimpleForm_Column_threeGroups234.Component\", {\n\n\t\tmetadata : {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n\n\treturn Component;\n\n});\n",
740
+ "Display.fragment.xml": "<core:FragmentDefinition\n\txmlns=\"sap.m\"\n\txmlns:l=\"sap.ui.layout\"\n\txmlns:f=\"sap.ui.layout.form\"\n\txmlns:core=\"sap.ui.core\">\n\t<VBox class=\"sapUiSmallMargin\">\n\t\t<f:SimpleForm id=\"SimpleFormDisplayColumn_threeGroups234\"\n\t\t\teditable=\"false\"\n\t\t\tlayout=\"ColumnLayout\"\n\t\t\ttitle=\"Supplier\"\n\t\t\tcolumnsM=\"2\"\n\t\t\tcolumnsL=\"3\"\n\t\t\tcolumnsXL=\"4\"\n\t\t\t>\n\t\t\t<f:content>\n\t\t\t\t<core:Title text=\"Address\" />\n\t\t\t\t<Label text=\"Name\" />\n\t\t\t\t<Text id=\"nameText\" text=\"{SupplierName}\" />\n\t\t\t\t<Label text=\"Street/No.\" />\n\t\t\t\t<Text text=\"{Street} {HouseNumber}\" />\n\t\t\t\t<Label text=\"ZIP Code/City\" />\n\t\t\t\t<Text text=\"{ZIPCode} {City}\" />\n\t\t\t\t<Label text=\"Country\" />\n\t\t\t\t<Text id=\"countryText\" text=\"{Country}\" />\n\t\t\t\t<Label text=\"Web\" />\n\t\t\t\t<Link text=\"Url\" href=\"{Url}\" />\n\t\t\t\t<core:Title text=\"Contact\" />\n\t\t\t\t<Label text=\"Twitter\" />\n\t\t\t\t<Text text=\"{Twitter}\" />\n\t\t\t\t<Label text=\"Email\" />\n\t\t\t\t<Text text=\"{Email}\" />\n\t\t\t\t<Label text=\"Tel.\" />\n\t\t\t\t<Text text=\"{Tel}\" />\n\t\t\t\t<core:Title text=\"Other\" />\n\t\t\t\t<Label text=\"SMS\" />\n\t\t\t\t<Text text=\"{Sms}\" />\n\t\t\t\t<Label text=\"Mobile\" />\n\t\t\t\t<Text text=\"{Mobile}\" />\n\t\t\t\t<Label text=\"Pager\" />\n\t\t\t\t<Text text=\"{Pager}\" />\n\t\t\t\t<Label text=\"Fax\" />\n\t\t\t\t<Text text=\"{Fax}\" />\n\t\t\t</f:content>\n\t\t</f:SimpleForm>\n\t</VBox>\n</core:FragmentDefinition>",
741
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.ui.layout.sample.SimpleForm_Column_threeGroups234\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.ui.layout.sample.SimpleForm_Column_threeGroups234.Page\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.layout\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"stretch\": true,\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"Page.view.xml\",\n\t\t\t\t\t\"Page.controller.js\",\n\t\t\t\t\t\"Change.fragment.xml\",\n\t\t\t\t\t\"Display.fragment.xml\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
742
+ "Page.controller.js": "sap.ui.define([\n\t\t'sap/ui/core/Fragment',\n\t\t'sap/ui/core/mvc/Controller',\n\t\t'sap/ui/model/json/JSONModel'\n\t], function(Fragment, Controller, JSONModel) {\n\t\"use strict\";\n\n\tvar PageController = Controller.extend(\"sap.ui.layout.sample.SimpleForm_Column_threeGroups234.Page\", {\n\n\t\tonInit: function (oEvent) {\n\n\t\t\t// set explored app's demo model on this sample\n\t\t\tvar oModel = new JSONModel(sap.ui.require.toUrl(\"sap/ui/demo/mock/supplier.json\"));\n\t\t\toModel.attachRequestCompleted(function() {\n\t\t\t\tthis.byId('edit').setEnabled(true);\n\t\t\t}.bind(this));\n\t\t\tthis.getView().setModel(oModel);\n\n\t\t\tthis.getView().bindElement(\"/SupplierCollection/0\");\n\n\t\t\tthis._formFragments = {};\n\n\t\t\t// Set the initial form to be the display one\n\t\t\tthis._showFormFragment(\"Display\");\n\t\t},\n\n\t\thandleEditPress : function () {\n\n\t\t\t//Clone the data\n\t\t\tthis._oSupplier = Object.assign({}, this.getView().getModel().getData().SupplierCollection[0]);\n\t\t\tthis._toggleButtonsAndView(true);\n\n\t\t},\n\n\t\thandleCancelPress : function () {\n\n\t\t\t//Restore the data\n\t\t\tvar oModel = this.getView().getModel();\n\t\t\tvar oData = oModel.getData();\n\n\t\t\toData.SupplierCollection[0] = this._oSupplier;\n\n\t\t\toModel.setData(oData);\n\t\t\tthis._toggleButtonsAndView(false);\n\n\t\t},\n\n\t\thandleSavePress : function () {\n\n\t\t\tthis._toggleButtonsAndView(false);\n\n\t\t},\n\n\t\t_toggleButtonsAndView : function (bEdit) {\n\t\t\tvar oView = this.getView();\n\n\t\t\t// Show the appropriate action buttons\n\t\t\toView.byId(\"edit\").setVisible(!bEdit);\n\t\t\toView.byId(\"save\").setVisible(bEdit);\n\t\t\toView.byId(\"cancel\").setVisible(bEdit);\n\n\t\t\t// Set the right form type\n\t\t\tthis._showFormFragment(bEdit ? \"Change\" : \"Display\");\n\t\t},\n\n\t\t_getFormFragment: function (sFragmentName) {\n\t\t\tvar pFormFragment = this._formFragments[sFragmentName],\n\t\t\t\toView = this.getView();\n\n\t\t\tif (!pFormFragment) {\n\t\t\t\tpFormFragment = Fragment.load({\n\t\t\t\t\tid: oView.getId(),\n\t\t\t\t\tname: \"sap.ui.layout.sample.SimpleForm_Column_threeGroups234.\" + sFragmentName\n\t\t\t\t});\n\t\t\t\tthis._formFragments[sFragmentName] = pFormFragment;\n\t\t\t}\n\n\t\t\treturn pFormFragment;\n\t\t},\n\n\t\t_showFormFragment : function (sFragmentName) {\n\t\t\tvar oPage = this.byId(\"page\");\n\n\t\t\toPage.removeAllContent();\n\t\t\tthis._getFormFragment(sFragmentName).then(function(oVBox){\n\t\t\t\toPage.insertContent(oVBox);\n\t\t\t});\n\t\t}\n\n\t});\n\n\treturn PageController;\n\n});",
743
+ "Page.view.xml": "<mvc:View\n\theight=\"100%\"\n\tcontrollerName=\"sap.ui.layout.sample.SimpleForm_Column_threeGroups234.Page\"\n\txmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns=\"sap.m\">\n\t<Page\n\t\tid=\"page\"\n\t\tshowHeader=\"true\" >\n\t\t<customHeader>\n\t\t\t<Bar>\n\t\t\t\t<contentRight>\n\t\t\t\t\t<Button id=\"edit\" text=\"Edit\" enabled=\"false\" press=\"handleEditPress\" />\n\t\t\t\t\t<Button id=\"save\" text=\"Save\" type=\"Emphasized\" visible=\"false\" press=\"handleSavePress\" />\n\t\t\t\t\t<Button id=\"cancel\" text=\"Cancel\" visible=\"false\" press=\"handleCancelPress\" />\n\t\t\t\t</contentRight>\n\t\t\t</Bar>\n\t\t</customHeader>\n\t</Page>\n</mvc:View>"
744
+ },
745
+ "sap.ui.layout/SimpleForm_Column_threeGroups236": {
746
+ "Change.fragment.xml": "<core:FragmentDefinition\n\txmlns=\"sap.m\"\n\txmlns:l=\"sap.ui.layout\"\n\txmlns:f=\"sap.ui.layout.form\"\n\txmlns:core=\"sap.ui.core\">\n\t<VBox class=\"sapUiSmallMargin\">\n\t\t<f:SimpleForm id=\"SimpleFormChangeColumn_threeGroups236\"\n\t\t\teditable=\"true\"\n\t\t\tlayout=\"ColumnLayout\"\n\t\t\ttitle=\"Supplier\"\n\t\t\tcolumnsM=\"2\"\n\t\t\tcolumnsL=\"3\"\n\t\t\tcolumnsXL=\"6\"\n\t\t\t>\n\t\t\t<f:content>\n\t\t\t\t<core:Title text=\"Address\" />\n\t\t\t\t<Label text=\"Name\" />\n\t\t\t\t<Input id=\"name\" value=\"{SupplierName}\" />\n\t\t\t\t<Label text=\"Street/No.\" />\n\t\t\t\t<Input value=\"{Street}\">\n\t\t\t\t</Input>\n\t\t\t\t<Input value=\"{HouseNumber}\">\n\t\t\t\t\t<layoutData>\n\t\t\t\t\t\t<f:ColumnElementData cellsSmall=\"2\" cellsLarge=\"1\" />\n\t\t\t\t\t</layoutData>\n\t\t\t\t</Input>\n\t\t\t\t<Label text=\"ZIP Code/City\" />\n\t\t\t\t<Input value=\"{ZIPCode}\">\n\t\t\t\t\t<layoutData>\n\t\t\t\t\t\t<f:ColumnElementData cellsSmall=\"3\" cellsLarge=\"2\" />\n\t\t\t\t\t</layoutData>\n\t\t\t\t</Input>\n\t\t\t\t<Input value=\"{City}\" />\n\t\t\t\t<Label text=\"Country\" />\n\t\t\t\t<Select id=\"country\" selectedKey=\"{Country}\">\n\t\t\t\t\t<items>\n\t\t\t\t\t\t<core:Item text=\"England\" key=\"England\"/>\n\t\t\t\t\t\t<core:Item text=\"Germany\" key=\"Germany\"/>\n\t\t\t\t\t\t<core:Item text=\"USA\" key=\"USA\"/>\n\t\t\t\t\t</items>\n\t\t\t\t</Select>\n\t\t\t\t<Label text=\"Web\" />\n\t\t\t\t<Input value=\"{Url}\" type=\"Url\"/>\n\t\t\t\t<core:Title text=\"Contact\" />\n\t\t\t\t<Label text=\"Twitter\" />\n\t\t\t\t<Input value=\"{Twitter}\" />\n\t\t\t\t<Label text=\"Email\" />\n\t\t\t\t<Input value=\"{Email}\" type=\"Email\"/>\n\t\t\t\t<Label text=\"Tel.\" />\n\t\t\t\t<Input value=\"{Tel}\" type=\"Tel\"/>\n\t\t\t\t<core:Title text=\"Other\" />\n\t\t\t\t<Label text=\"SMS\" />\n\t\t\t\t<Input value=\"{Sms}\" type=\"Tel\"/>\n\t\t\t\t<Label text=\"Mobile\" />\n\t\t\t\t<Input value=\"{Mobile}\" type=\"Tel\"/>\n\t\t\t\t<Label text=\"Pager\" />\n\t\t\t\t<Input value=\"{Pager}\" type=\"Tel\"/>\n\t\t\t\t<Label text=\"Fax\" />\n\t\t\t\t<Input value=\"{Fax}\" type=\"Tel\"/>\n\t\t\t</f:content>\n\t\t</f:SimpleForm>\n\t</VBox>\n</core:FragmentDefinition>",
747
+ "Component.js": "sap.ui.define(['sap/ui/core/UIComponent'],\n\tfunction(UIComponent) {\n\t\"use strict\";\n\n\tvar Component = UIComponent.extend(\"sap.ui.layout.sample.SimpleForm_Column_threeGroups236.Component\", {\n\n\t\tmetadata : {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n\n\treturn Component;\n\n});\n",
748
+ "Display.fragment.xml": "<core:FragmentDefinition\n\txmlns=\"sap.m\"\n\txmlns:l=\"sap.ui.layout\"\n\txmlns:f=\"sap.ui.layout.form\"\n\txmlns:core=\"sap.ui.core\">\n\t<VBox class=\"sapUiSmallMargin\">\n\t\t<f:SimpleForm id=\"SimpleFormDisplayColumn_threeGroups236\"\n\t\t\teditable=\"false\"\n\t\t\tlayout=\"ColumnLayout\"\n\t\t\ttitle=\"Supplier\"\n\t\t\tcolumnsM=\"2\"\n\t\t\tcolumnsL=\"3\"\n\t\t\tcolumnsXL=\"6\"\n\t\t\t>\n\t\t\t<f:content>\n\t\t\t\t<core:Title text=\"Address\" />\n\t\t\t\t<Label text=\"Name\" />\n\t\t\t\t<Text id=\"nameText\" text=\"{SupplierName}\" />\n\t\t\t\t<Label text=\"Street/No.\" />\n\t\t\t\t<Text text=\"{Street} {HouseNumber}\" />\n\t\t\t\t<Label text=\"ZIP Code/City\" />\n\t\t\t\t<Text text=\"{ZIPCode} {City}\" />\n\t\t\t\t<Label text=\"Country\" />\n\t\t\t\t<Text id=\"countryText\" text=\"{Country}\" />\n\t\t\t\t<Label text=\"Web\" />\n\t\t\t\t<Link text=\"Url\" href=\"{Url}\" />\n\t\t\t\t<core:Title text=\"Contact\" />\n\t\t\t\t<Label text=\"Twitter\" />\n\t\t\t\t<Text text=\"{Twitter}\" />\n\t\t\t\t<Label text=\"Email\" />\n\t\t\t\t<Text text=\"{Email}\" />\n\t\t\t\t<Label text=\"Tel.\" />\n\t\t\t\t<Text text=\"{Tel}\" />\n\t\t\t\t<core:Title text=\"Other\" />\n\t\t\t\t<Label text=\"SMS\" />\n\t\t\t\t<Text text=\"{Sms}\" />\n\t\t\t\t<Label text=\"Mobile\" />\n\t\t\t\t<Text text=\"{Mobile}\" />\n\t\t\t\t<Label text=\"Pager\" />\n\t\t\t\t<Text text=\"{Pager}\" />\n\t\t\t\t<Label text=\"Fax\" />\n\t\t\t\t<Text text=\"{Fax}\" />\n\t\t\t</f:content>\n\t\t</f:SimpleForm>\n\t</VBox>\n</core:FragmentDefinition>",
749
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.ui.layout.sample.SimpleForm_Column_threeGroups236\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.ui.layout.sample.SimpleForm_Column_threeGroups236.Page\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.layout\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"stretch\": true,\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"Page.view.xml\",\n\t\t\t\t\t\"Page.controller.js\",\n\t\t\t\t\t\"Change.fragment.xml\",\n\t\t\t\t\t\"Display.fragment.xml\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
750
+ "Page.controller.js": "sap.ui.define([\n\t\t'sap/ui/core/Fragment',\n\t\t'sap/ui/core/mvc/Controller',\n\t\t'sap/ui/model/json/JSONModel'\n\t], function(Fragment, Controller, JSONModel) {\n\t\"use strict\";\n\n\tvar PageController = Controller.extend(\"sap.ui.layout.sample.SimpleForm_Column_threeGroups236.Page\", {\n\n\t\tonInit: function (oEvent) {\n\n\t\t\t// set explored app's demo model on this sample\n\t\t\tvar oModel = new JSONModel(sap.ui.require.toUrl(\"sap/ui/demo/mock/supplier.json\"));\n\t\t\toModel.attachRequestCompleted(function() {\n\t\t\t\tthis.byId('edit').setEnabled(true);\n\t\t\t}.bind(this));\n\t\t\tthis.getView().setModel(oModel);\n\n\t\t\tthis.getView().bindElement(\"/SupplierCollection/0\");\n\n\t\t\tthis._formFragments = {};\n\n\t\t\t// Set the initial form to be the display one\n\t\t\tthis._showFormFragment(\"Display\");\n\t\t},\n\n\t\thandleEditPress : function () {\n\n\t\t\t//Clone the data\n\t\t\tthis._oSupplier = Object.assign({}, this.getView().getModel().getData().SupplierCollection[0]);\n\t\t\tthis._toggleButtonsAndView(true);\n\n\t\t},\n\n\t\thandleCancelPress : function () {\n\n\t\t\t//Restore the data\n\t\t\tvar oModel = this.getView().getModel();\n\t\t\tvar oData = oModel.getData();\n\n\t\t\toData.SupplierCollection[0] = this._oSupplier;\n\n\t\t\toModel.setData(oData);\n\t\t\tthis._toggleButtonsAndView(false);\n\n\t\t},\n\n\t\thandleSavePress : function () {\n\n\t\t\tthis._toggleButtonsAndView(false);\n\n\t\t},\n\n\t\t_toggleButtonsAndView : function (bEdit) {\n\t\t\tvar oView = this.getView();\n\n\t\t\t// Show the appropriate action buttons\n\t\t\toView.byId(\"edit\").setVisible(!bEdit);\n\t\t\toView.byId(\"save\").setVisible(bEdit);\n\t\t\toView.byId(\"cancel\").setVisible(bEdit);\n\n\t\t\t// Set the right form type\n\t\t\tthis._showFormFragment(bEdit ? \"Change\" : \"Display\");\n\t\t},\n\n\t\t_getFormFragment: function (sFragmentName) {\n\t\t\tvar pFormFragment = this._formFragments[sFragmentName],\n\t\t\t\toView = this.getView();\n\n\t\t\tif (!pFormFragment) {\n\t\t\t\tpFormFragment = Fragment.load({\n\t\t\t\t\tid: oView.getId(),\n\t\t\t\t\tname: \"sap.ui.layout.sample.SimpleForm_Column_threeGroups236.\" + sFragmentName\n\t\t\t\t});\n\t\t\t\tthis._formFragments[sFragmentName] = pFormFragment;\n\t\t\t}\n\n\t\t\treturn pFormFragment;\n\t\t},\n\n\t\t_showFormFragment : function (sFragmentName) {\n\t\t\tvar oPage = this.byId(\"page\");\n\n\t\t\toPage.removeAllContent();\n\t\t\tthis._getFormFragment(sFragmentName).then(function(oVBox){\n\t\t\t\toPage.insertContent(oVBox);\n\t\t\t});\n\t\t}\n\n\t});\n\n\treturn PageController;\n\n});",
751
+ "Page.view.xml": "<mvc:View\n\theight=\"100%\"\n\tcontrollerName=\"sap.ui.layout.sample.SimpleForm_Column_threeGroups236.Page\"\n\txmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns=\"sap.m\">\n\t<Page\n\t\tid=\"page\"\n\t\tshowHeader=\"true\" >\n\t\t<customHeader>\n\t\t\t<Bar>\n\t\t\t\t<contentRight>\n\t\t\t\t\t<Button id=\"edit\" text=\"Edit\" enabled=\"false\" press=\"handleEditPress\" />\n\t\t\t\t\t<Button id=\"save\" text=\"Save\" type=\"Emphasized\" visible=\"false\" press=\"handleSavePress\" />\n\t\t\t\t\t<Button id=\"cancel\" text=\"Cancel\" visible=\"false\" press=\"handleCancelPress\" />\n\t\t\t\t</contentRight>\n\t\t\t</Bar>\n\t\t</customHeader>\n\t</Page>\n</mvc:View>"
752
+ },
753
+ "sap.ui.layout/SimpleForm_Column_twoGroups234": {
754
+ "Change.fragment.xml": "<core:FragmentDefinition\n\txmlns=\"sap.m\"\n\txmlns:l=\"sap.ui.layout\"\n\txmlns:f=\"sap.ui.layout.form\"\n\txmlns:core=\"sap.ui.core\">\n\t<VBox class=\"sapUiSmallMargin\">\n\t\t<f:SimpleForm id=\"SimpleFormChangeColumn_twoGroups234\"\n\t\t\teditable=\"true\"\n\t\t\tlayout=\"ColumnLayout\"\n\t\t\ttitle=\"Supplier\"\n\t\t\tcolumnsM=\"2\"\n\t\t\tcolumnsL=\"3\"\n\t\t\tcolumnsXL=\"4\"\n\t\t\t>\n\t\t\t<f:content>\n\t\t\t\t<core:Title text=\"Address\" />\n\t\t\t\t<Label text=\"Name\" />\n\t\t\t\t<Input id=\"name\" value=\"{SupplierName}\" />\n\t\t\t\t<Label text=\"Street/No.\" />\n\t\t\t\t<Input value=\"{Street}\">\n\t\t\t\t</Input>\n\t\t\t\t<Input value=\"{HouseNumber}\">\n\t\t\t\t\t<layoutData>\n\t\t\t\t\t\t<f:ColumnElementData cellsSmall=\"2\" cellsLarge=\"1\" />\n\t\t\t\t\t</layoutData>\n\t\t\t\t</Input>\n\t\t\t\t<Label text=\"ZIP Code/City\" />\n\t\t\t\t<Input value=\"{ZIPCode}\">\n\t\t\t\t\t<layoutData>\n\t\t\t\t\t\t<f:ColumnElementData cellsSmall=\"3\" cellsLarge=\"2\" />\n\t\t\t\t\t</layoutData>\n\t\t\t\t</Input>\n\t\t\t\t<Input value=\"{City}\" />\n\t\t\t\t<Label text=\"Country\" />\n\t\t\t\t<Select id=\"country\" selectedKey=\"{Country}\">\n\t\t\t\t\t<items>\n\t\t\t\t\t\t<core:Item text=\"England\" key=\"England\"/>\n\t\t\t\t\t\t<core:Item text=\"Germany\" key=\"Germany\"/>\n\t\t\t\t\t\t<core:Item text=\"USA\" key=\"USA\"/>\n\t\t\t\t\t</items>\n\t\t\t\t</Select>\n\t\t\t\t<Label text=\"Web\" />\n\t\t\t\t<Input value=\"{Url}\" type=\"Url\"/>\n\t\t\t\t<core:Title text=\"Contact\" />\n\t\t\t\t<Label text=\"Twitter\" />\n\t\t\t\t<Input value=\"{Twitter}\" />\n\t\t\t\t<Label text=\"Email\" />\n\t\t\t\t<Input value=\"{Email}\" type=\"Email\"/>\n\t\t\t\t<Label text=\"Tel.\" />\n\t\t\t\t<Input value=\"{Tel}\" type=\"Tel\"/>\n\t\t\t\t<Label text=\"SMS\" />\n\t\t\t\t<Input value=\"{Sms}\" type=\"Tel\"/>\n\t\t\t\t<Label text=\"Mobile\" />\n\t\t\t\t<Input value=\"{Mobile}\" type=\"Tel\"/>\n\t\t\t\t<Label text=\"Pager\" />\n\t\t\t\t<Input value=\"{Pager}\" type=\"Tel\"/>\n\t\t\t\t<Label text=\"Fax\" />\n\t\t\t\t<Input value=\"{Fax}\" type=\"Tel\"/>\n\t\t\t</f:content>\n\t\t</f:SimpleForm>\n\t</VBox>\n</core:FragmentDefinition>",
755
+ "Component.js": "sap.ui.define(['sap/ui/core/UIComponent'],\n\tfunction(UIComponent) {\n\t\"use strict\";\n\n\tvar Component = UIComponent.extend(\"sap.ui.layout.sample.SimpleForm_Column_twoGroups234.Component\", {\n\n\t\tmetadata : {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n\n\treturn Component;\n\n});\n",
756
+ "Display.fragment.xml": "<core:FragmentDefinition\n\txmlns=\"sap.m\"\n\txmlns:l=\"sap.ui.layout\"\n\txmlns:f=\"sap.ui.layout.form\"\n\txmlns:core=\"sap.ui.core\">\n\t<VBox class=\"sapUiSmallMargin\">\n\t\t<f:SimpleForm id=\"SimpleFormDisplayColumn_twoGroups234\"\n\t\t\teditable=\"false\"\n\t\t\tlayout=\"ColumnLayout\"\n\t\t\ttitle=\"Supplier\"\n\t\t\tcolumnsM=\"2\"\n\t\t\tcolumnsL=\"3\"\n\t\t\tcolumnsXL=\"4\"\n\t\t\t>\n\t\t\t<f:content>\n\t\t\t\t<core:Title text=\"Address\" />\n\t\t\t\t<Label text=\"Name\" />\n\t\t\t\t<Text id=\"nameText\" text=\"{SupplierName}\" />\n\t\t\t\t<Label text=\"Street/No.\" />\n\t\t\t\t<Text text=\"{Street} {HouseNumber}\" />\n\t\t\t\t<Label text=\"ZIP Code/City\" />\n\t\t\t\t<Text text=\"{ZIPCode} {City}\" />\n\t\t\t\t<Label text=\"Country\" />\n\t\t\t\t<Text id=\"countryText\" text=\"{Country}\" />\n\t\t\t\t<Label text=\"Web\" />\n\t\t\t\t<Link text=\"Url\" href=\"{Url}\" />\n\t\t\t\t<core:Title text=\"Contact\" />\n\t\t\t\t<Label text=\"Twitter\" />\n\t\t\t\t<Text text=\"{Twitter}\" />\n\t\t\t\t<Label text=\"Email\" />\n\t\t\t\t<Text text=\"{Email}\" />\n\t\t\t\t<Label text=\"Tel.\" />\n\t\t\t\t<Text text=\"{Tel}\" />\n\t\t\t\t<Label text=\"SMS\" />\n\t\t\t\t<Text text=\"{Sms}\" />\n\t\t\t\t<Label text=\"Mobile\" />\n\t\t\t\t<Text text=\"{Mobile}\" />\n\t\t\t\t<Label text=\"Pager\" />\n\t\t\t\t<Text text=\"{Pager}\" />\n\t\t\t\t<Label text=\"Fax\" />\n\t\t\t\t<Text text=\"{Fax}\" />\n\t\t\t</f:content>\n\t\t</f:SimpleForm>\n\t</VBox>\n</core:FragmentDefinition>",
757
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.ui.layout.sample.SimpleForm_Column_twoGroups234\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.ui.layout.sample.SimpleForm_Column_twoGroups234.Page\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.layout\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"stretch\": true,\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"Page.view.xml\",\n\t\t\t\t\t\"Page.controller.js\",\n\t\t\t\t\t\"Change.fragment.xml\",\n\t\t\t\t\t\"Display.fragment.xml\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
758
+ "Page.controller.js": "sap.ui.define([\n\t\t'sap/ui/core/Fragment',\n\t\t'sap/ui/core/mvc/Controller',\n\t\t'sap/ui/model/json/JSONModel'\n\t], function(Fragment, Controller, JSONModel) {\n\t\"use strict\";\n\n\tvar PageController = Controller.extend(\"sap.ui.layout.sample.SimpleForm_Column_twoGroups234.Page\", {\n\n\t\tonInit: function (oEvent) {\n\n\t\t\t// set explored app's demo model on this sample\n\t\t\tvar oModel = new JSONModel(sap.ui.require.toUrl(\"sap/ui/demo/mock/supplier.json\"));\n\t\t\toModel.attachRequestCompleted(function() {\n\t\t\t\tthis.byId('edit').setEnabled(true);\n\t\t\t}.bind(this));\n\t\t\tthis.getView().setModel(oModel);\n\n\t\t\tthis.getView().bindElement(\"/SupplierCollection/0\");\n\n\t\t\tthis._formFragments = {};\n\n\t\t\t// Set the initial form to be the display one\n\t\t\tthis._showFormFragment(\"Display\");\n\t\t},\n\n\t\thandleEditPress : function () {\n\n\t\t\t//Clone the data\n\t\t\tthis._oSupplier = Object.assign({}, this.getView().getModel().getData().SupplierCollection[0]);\n\t\t\tthis._toggleButtonsAndView(true);\n\n\t\t},\n\n\t\thandleCancelPress : function () {\n\n\t\t\t//Restore the data\n\t\t\tvar oModel = this.getView().getModel();\n\t\t\tvar oData = oModel.getData();\n\n\t\t\toData.SupplierCollection[0] = this._oSupplier;\n\n\t\t\toModel.setData(oData);\n\t\t\tthis._toggleButtonsAndView(false);\n\n\t\t},\n\n\t\thandleSavePress : function () {\n\n\t\t\tthis._toggleButtonsAndView(false);\n\n\t\t},\n\n\t\t_toggleButtonsAndView : function (bEdit) {\n\t\t\tvar oView = this.getView();\n\n\t\t\t// Show the appropriate action buttons\n\t\t\toView.byId(\"edit\").setVisible(!bEdit);\n\t\t\toView.byId(\"save\").setVisible(bEdit);\n\t\t\toView.byId(\"cancel\").setVisible(bEdit);\n\n\t\t\t// Set the right form type\n\t\t\tthis._showFormFragment(bEdit ? \"Change\" : \"Display\");\n\t\t},\n\n\t\t_getFormFragment: function (sFragmentName) {\n\t\t\tvar pFormFragment = this._formFragments[sFragmentName],\n\t\t\t\toView = this.getView();\n\n\t\t\tif (!pFormFragment) {\n\t\t\t\tpFormFragment = Fragment.load({\n\t\t\t\t\tid: oView.getId(),\n\t\t\t\t\tname: \"sap.ui.layout.sample.SimpleForm_Column_twoGroups234.\" + sFragmentName\n\t\t\t\t});\n\t\t\t\tthis._formFragments[sFragmentName] = pFormFragment;\n\t\t\t}\n\n\t\t\treturn pFormFragment;\n\t\t},\n\n\t\t_showFormFragment : function (sFragmentName) {\n\t\t\tvar oPage = this.byId(\"page\");\n\n\t\t\toPage.removeAllContent();\n\t\t\tthis._getFormFragment(sFragmentName).then(function(oVBox){\n\t\t\t\toPage.insertContent(oVBox);\n\t\t\t});\n\t\t}\n\n\t});\n\n\treturn PageController;\n\n});",
759
+ "Page.view.xml": "<mvc:View\n\theight=\"100%\"\n\tcontrollerName=\"sap.ui.layout.sample.SimpleForm_Column_twoGroups234.Page\"\n\txmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns=\"sap.m\">\n\t<Page\n\t\tid=\"page\"\n\t\tshowHeader=\"true\" >\n\t\t<customHeader>\n\t\t\t<Bar>\n\t\t\t\t<contentRight>\n\t\t\t\t\t<Button id=\"edit\" text=\"Edit\" enabled=\"false\" press=\"handleEditPress\" />\n\t\t\t\t\t<Button id=\"save\" text=\"Save\" type=\"Emphasized\" visible=\"false\" press=\"handleSavePress\" />\n\t\t\t\t\t<Button id=\"cancel\" text=\"Cancel\" visible=\"false\" press=\"handleCancelPress\" />\n\t\t\t\t</contentRight>\n\t\t\t</Bar>\n\t\t</customHeader>\n\t</Page>\n</mvc:View>"
760
+ },
761
+ "sap.ui.table/TableFreeze": {
762
+ "Component.js": "sap.ui.define([\n\t'sap/ui/core/UIComponent'\n], function(UIComponent) {\n\t\"use strict\";\n\n\treturn UIComponent.extend(\"sap.ui.table.sample.TableFreeze.Component\", {\n\t\tmetadata: {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n\n});",
763
+ "Controller.controller.js": "sap.ui.define([\n\t\"sap/base/Log\",\n\t\"sap/ui/core/mvc/Controller\",\n\t\"sap/ui/model/json/JSONModel\",\n\t\"sap/m/MessageToast\",\n\t\"sap/ui/core/format/DateFormat\",\n\t\"sap/ui/thirdparty/jquery\",\n\t\"sap/ui/core/date/UI5Date\"\n], function(Log, Controller, JSONModel, MessageToast, DateFormat, jQuery, UI5Date) {\n\t\"use strict\";\n\n\treturn Controller.extend(\"sap.ui.table.sample.TableFreeze.Controller\", {\n\n\t\tonInit: function() {\n\t\t\t// set explored app's demo model on this sample\n\t\t\tvar oJSONModel = this.initSampleDataModel();\n\t\t\tthis.getView().setModel(oJSONModel);\n\t\t},\n\n\t\tinitSampleDataModel: function() {\n\t\t\tvar oModel = new JSONModel();\n\n\t\t\tvar oDateFormat = DateFormat.getDateInstance({source: {pattern: \"timestamp\"}, pattern: \"dd/MM/yyyy\"});\n\n\t\t\tjQuery.ajax(sap.ui.require.toUrl(\"sap/ui/demo/mock/products.json\"), {\n\t\t\t\tdataType: \"json\",\n\t\t\t\tsuccess: function(oData) {\n\t\t\t\t\tvar aTemp1 = [];\n\t\t\t\t\tvar aTemp2 = [];\n\t\t\t\t\tvar aSuppliersData = [];\n\t\t\t\t\tvar aCategoryData = [];\n\t\t\t\t\tfor (var i = 0; i < oData.ProductCollection.length; i++) {\n\t\t\t\t\t\tvar oProduct = oData.ProductCollection[i];\n\t\t\t\t\t\tif (oProduct.SupplierName && aTemp1.indexOf(oProduct.SupplierName) < 0) {\n\t\t\t\t\t\t\taTemp1.push(oProduct.SupplierName);\n\t\t\t\t\t\t\taSuppliersData.push({Name: oProduct.SupplierName});\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (oProduct.Category && aTemp2.indexOf(oProduct.Category) < 0) {\n\t\t\t\t\t\t\taTemp2.push(oProduct.Category);\n\t\t\t\t\t\t\taCategoryData.push({Name: oProduct.Category});\n\t\t\t\t\t\t}\n\t\t\t\t\t\toProduct.DeliveryDate = Date.now() - (i % 10 * 4 * 24 * 60 * 60 * 1000);\n\t\t\t\t\t\toProduct.DeliveryDateStr = oDateFormat.format(UI5Date.getInstance(oProduct.DeliveryDate));\n\t\t\t\t\t\toProduct.Heavy = oProduct.WeightMeasure > 1000 ? \"true\" : \"false\";\n\t\t\t\t\t\toProduct.Available = oProduct.Status == \"Available\" ? true : false;\n\t\t\t\t\t}\n\n\t\t\t\t\toData.Suppliers = aSuppliersData;\n\t\t\t\t\toData.Categories = aCategoryData;\n\n\t\t\t\t\toModel.setData(oData);\n\t\t\t\t},\n\t\t\t\terror: function() {\n\t\t\t\t\tLog.error(\"failed to load json\");\n\t\t\t\t}\n\t\t\t});\n\n\t\t\treturn oModel;\n\t\t},\n\n\t\tformatAvailableToObjectState: function(bAvailable) {\n\t\t\treturn bAvailable ? \"Success\" : \"Error\";\n\t\t},\n\n\t\tformatAvailableToIcon: function(bAvailable) {\n\t\t\treturn bAvailable ? \"sap-icon://accept\" : \"sap-icon://decline\";\n\t\t},\n\n\t\thandleDetailsPress: function(oEvent) {\n\t\t\tMessageToast.show(\"Details for product with id \" + this.getView().getModel().getProperty(\"ProductId\", oEvent.getSource().getBindingContext()));\n\t\t},\n\n\t\tbuttonPress: function(oEvent) {\n\t\t\tvar oView = this.getView(),\n\t\t\t\toTable = oView.byId(\"table1\"),\n\t\t\t\tsColumnCount = oView.byId(\"inputColumn\").getValue() || 0,\n\t\t\t\tsRowCount = oView.byId(\"inputRow\").getValue() || 0,\n\t\t\t\tsBottomRowCount = oView.byId(\"inputBottomRow\").getValue() || 0,\n\t\t\t\tiColumnCount = parseInt(sColumnCount),\n\t\t\t\tiRowCount = parseInt(sRowCount),\n\t\t\t\tiBottomRowCount = parseInt(sBottomRowCount),\n\t\t\t\tiTotalColumnCount = oTable.getColumns().length,\n\t\t\t\tiTotalRowCount = oTable.getRows().length;\n\n\t\t\t// Fixed column count exceeds the total column count\n\t\t\tif (iColumnCount > iTotalColumnCount) {\n\t\t\t\tiColumnCount = iTotalColumnCount;\n\t\t\t\toView.byId(\"inputColumn\").setValue(iTotalColumnCount);\n\t\t\t\tMessageToast.show(\"Fixed column count exceeds the total column count. Value in column count input got updated.\");\n\t\t\t}\n\n\t\t\t// Sum of fixed row count and bottom row count exceeds the total row count\n\t\t\tif (iRowCount + iBottomRowCount > iTotalRowCount) {\n\n\t\t\t\tif ((iRowCount < iTotalRowCount) && (iBottomRowCount < iTotalRowCount)) {\n\t\t\t\t\t// both row count and bottom count smaller than total row count\n\t\t\t\t\tiBottomRowCount = 1;\n\t\t\t\t} else if ((iRowCount > iTotalRowCount) && (iBottomRowCount < iTotalRowCount)) {\n\t\t\t\t\t// row count exceeds total row count\n\t\t\t\t\tiRowCount = iTotalRowCount - iBottomRowCount - 1;\n\t\t\t\t} else if ((iRowCount < iTotalRowCount) && (iBottomRowCount > iTotalRowCount)) {\n\t\t\t\t\t// bottom row count exceeds total row count\n\t\t\t\t\tiBottomRowCount = iTotalRowCount - iRowCount - 1;\n\t\t\t\t} else {\n\t\t\t\t\t// both row count and bottom count exceed total row count\n\t\t\t\t\tiRowCount = 1;\n\t\t\t\t\tiBottomRowCount = 1;\n\t\t\t\t}\n\n\t\t\t\t// update inputs\n\t\t\t\toView.byId(\"inputRow\").setValue(iRowCount);\n\t\t\t\toView.byId(\"inputBottomRow\").setValue(iBottomRowCount);\n\t\t\t\tMessageToast.show(\"Sum of fixed row count and bottom row count exceeds the total row count. Input values got updated.\");\n\t\t\t}\n\n\t\t\toTable.setFixedColumnCount(iColumnCount);\n\t\t\toTable.getRowMode().setFixedTopRowCount(iRowCount);\n\t\t\toTable.getRowMode().setFixedBottomRowCount(iBottomRowCount);\n\t\t}\n\n\t});\n\n});",
764
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.ui.table.sample.TableFreeze\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.ui.table.sample.TableFreeze.View\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.m\": {},\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.table\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"stretch\": true,\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"View.view.xml\",\n\t\t\t\t\t\"Controller.controller.js\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
765
+ "View.view.xml": "<mvc:View\n\tcontrollerName=\"sap.ui.table.sample.TableFreeze.Controller\"\n\txmlns=\"sap.ui.table\"\n\txmlns:rowmodes=\"sap.ui.table.rowmodes\"\n\txmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns:u=\"sap.ui.unified\"\n\txmlns:c=\"sap.ui.core\"\n\txmlns:m=\"sap.m\"\n\theight=\"100%\">\n\t<m:Page\n\t\tshowHeader=\"false\"\n\t\tenableScrolling=\"false\"\n\t\tclass=\"sapUiContentPadding\">\n\t\t<m:content>\n\n\t\t\t<Table id=\"table1\"\n\t\t\t\trows=\"{/ProductCollection}\"\n\t\t\t\tselectionMode=\"MultiToggle\"\n\t\t\t\tariaLabelledBy=\"title\">\n\t\t\t\t<extension>\n\t\t\t\t\t<m:OverflowToolbar style=\"Clear\">\n\t\t\t\t\t\t<m:Title id=\"title\" text=\"Products\"/>\n\t\t\t\t\t\t<m:ToolbarSpacer/>\n\t\t\t\t\t\t<m:Input\n\t\t\t\t\t\t\tid=\"inputColumn\"\n\t\t\t\t\t\t\twidth=\"20%\"\n\t\t\t\t\t\t\tplaceholder=\"fixed column count\"\n\t\t\t\t\t\t\ttooltip=\"fixed column count\"/>\n\t\t\t\t\t\t<m:Input\n\t\t\t\t\t\t\tid=\"inputRow\"\n\t\t\t\t\t\t\twidth=\"20%\"\n\t\t\t\t\t\t\tplaceholder=\"fixed row count\"\n\t\t\t\t\t\t\ttooltip=\"fixed row count\"/>\n\t\t\t\t\t\t<m:Input\n\t\t\t\t\t\t\tid=\"inputBottomRow\"\n\t\t\t\t\t\t\twidth=\"20%\"\n\t\t\t\t\t\t\tplaceholder=\"fixed bottom row count\"\n\t\t\t\t\t\t\ttooltip=\"fixed bottom row count\"/>\n\t\t\t\t\t\t<m:Button id=\"button\" text=\"Apply\" press=\"buttonPress\"/>\n\t\t\t\t\t</m:OverflowToolbar>\n\t\t\t\t</extension>\n\t\t\t\t<rowMode>\n\t\t\t\t\t<rowmodes:Fixed/>\n\t\t\t\t</rowMode>\n\t\t\t\t<columns>\n\t\t\t\t\t<Column width=\"11rem\">\n\t\t\t\t\t\t<m:Label text=\"Product Name\" />\n\t\t\t\t\t\t<template>\n\t\t\t\t\t\t\t<m:Text text=\"{Name}\" wrapping=\"false\" />\n\t\t\t\t\t\t</template>\n\t\t\t\t\t</Column>\n\t\t\t\t\t<Column width=\"11rem\">\n\t\t\t\t\t\t<m:Label text=\"Product Id\" />\n\t\t\t\t\t\t<template>\n\t\t\t\t\t\t\t<m:Input value=\"{ProductId}\"/>\n\t\t\t\t\t\t</template>\n\t\t\t\t\t</Column>\n\t\t\t\t\t<Column width=\"6rem\" hAlign=\"End\">\n\t\t\t\t\t\t<m:Label text=\"Quantity\" />\n\t\t\t\t\t\t<template>\n\t\t\t\t\t\t\t<m:Label text=\"{Quantity}\" />\n\t\t\t\t\t\t</template>\n\t\t\t\t\t</Column>\n\t\t\t\t\t<Column width=\"9rem\">\n\t\t\t\t\t\t<m:Label text=\"Status\" />\n\t\t\t\t\t\t<template>\n\t\t\t\t\t\t\t<m:ObjectStatus text=\"{Status}\" state=\"{\n\t\t\t\t\t\t\t\tpath: 'Available',\n\t\t\t\t\t\t\t\tformatter: '.formatAvailableToObjectState'\n\t\t\t\t\t\t\t}\"/>\n\t\t\t\t\t\t</template>\n\t\t\t\t\t</Column>\n\t\t\t\t\t<Column width=\"9rem\">\n\t\t\t\t\t\t<m:Label text=\"Price\" />\n\t\t\t\t\t\t<template>\n\t\t\t\t\t\t\t<u:Currency value=\"{Price}\" currency=\"{CurrencyCode}\"/>\n\t\t\t\t\t\t</template>\n\t\t\t\t\t</Column>\n\t\t\t\t\t<Column width=\"12rem\">\n\t\t\t\t\t\t<m:Label text=\"Supplier\" />\n\t\t\t\t\t\t<template>\n\t\t\t\t\t\t\t<m:ComboBox value=\"{SupplierName}\" items=\"{/Suppliers}\">\n\t\t\t\t\t\t\t\t<c:Item text=\"{Name}\"/>\n\t\t\t\t\t\t\t</m:ComboBox>\n\t\t\t\t\t\t</template>\n\t\t\t\t\t</Column>\n\t\t\t\t\t<Column width=\"9rem\">\n\t\t\t\t\t\t<m:Label text=\"Image\" />\n\t\t\t\t\t\t<template>\n\t\t\t\t\t\t\t<m:Link text=\"Show Image\" href=\"{ProductPicUrl}\" target=\"_blank\"/>\n\t\t\t\t\t\t</template>\n\t\t\t\t\t</Column>\n\t\t\t\t\t<Column width=\"9rem\">\n\t\t\t\t\t\t<m:Label text=\"Details\" />\n\t\t\t\t\t\t<template>\n\t\t\t\t\t\t\t<m:Button text=\"Show Details\" press=\"handleDetailsPress\"/>\n\t\t\t\t\t\t</template>\n\t\t\t\t\t</Column>\n\t\t\t\t\t<Column width=\"7rem\">\n\t\t\t\t\t\t<m:Label text=\"Heavy Weight\" />\n\t\t\t\t\t\t<template>\n\t\t\t\t\t\t\t<m:CheckBox selected=\"{\n\t\t\t\t\t\t\t\tpath: 'Heavy',\n\t\t\t\t\t\t\t\ttype: 'sap.ui.model.type.String'\n\t\t\t\t\t\t\t}\"/>\n\t\t\t\t\t\t</template>\n\t\t\t\t\t</Column>\n\t\t\t\t\t<Column width=\"12rem\">\n\t\t\t\t\t\t<m:Label text=\"Category\" />\n\t\t\t\t\t\t<template>\n\t\t\t\t\t\t\t<m:Select selectedKey=\"{Category}\" items=\"{/Categories}\">\n\t\t\t\t\t\t\t\t<c:Item text=\"{Name}\" key=\"{Name}\"/>\n\t\t\t\t\t\t\t</m:Select>\n\t\t\t\t\t\t</template>\n\t\t\t\t\t</Column>\n\t\t\t\t\t<Column width=\"6rem\" hAlign=\"Center\">\n\t\t\t\t\t\t<m:Label text=\"Status\" />\n\t\t\t\t\t\t<template>\n\t\t\t\t\t\t\t<c:Icon src=\"{\n\t\t\t\t\t\t\t\tpath: 'Available',\n\t\t\t\t\t\t\t\tformatter: '.formatAvailableToIcon'\n\t\t\t\t\t\t\t}\"/>\n\t\t\t\t\t\t</template>\n\t\t\t\t\t</Column>\n\t\t\t\t\t<Column width=\"11rem\" hAlign=\"Center\">\n\t\t\t\t\t\t<m:Label text=\"Delivery Date\" />\n\t\t\t\t\t\t<template>\n\t\t\t\t\t\t\t<m:DatePicker value=\"{\n\t\t\t\t\t\t\t\tpath: 'DeliveryDate',\n\t\t\t\t\t\t\t\ttype: 'sap.ui.model.type.Date',\n\t\t\t\t\t\t\t\tformatOptions: {source: {pattern: 'timestamp'}}\n\t\t\t\t\t\t\t}\"/>\n\t\t\t\t\t\t</template>\n\t\t\t\t\t</Column>\n\t\t\t\t</columns>\n\t\t\t</Table>\n\n\t\t</m:content>\n\t</m:Page>\n</mvc:View>\n"
766
+ },
767
+ "sap.ui.table/TreeTable": {
768
+ "BasicODataTreeBinding/Component.js": "sap.ui.define([\n\t\"sap/ui/core/UIComponent\",\n\t\"sap/ui/model/odata/v2/ODataModel\",\n\t\"sap/ui/table/sample/TreeTable/BasicODataTreeBinding/localService/mockserver\"\n], function(UIComponent, ODataModel, mockserver) {\n\t\"use strict\";\n\n\treturn UIComponent.extend(\"sap.ui.table.sample.TreeTable.BasicODataTreeBinding.Component\", {\n\t\tmetadata: {\n\t\t\tmanifest: \"json\"\n\t\t},\n\t\tinit: function() {\n\t\t\t// call the init function of the parent\n\t\t\tUIComponent.prototype.init.apply(this, arguments);\n\n\t\t\tvar sODataServiceUrl = \"/here/goes/your/odata/service/url/\";\n\n\t\t\t// init our mock server\n\t\t\tmockserver.init(sODataServiceUrl);\n\n\t\t\t// set model on component\n\t\t\tthis.setModel(\n\t\t\t\tnew ODataModel(sODataServiceUrl, {\n\t\t\t\t\tjson: true,\n\t\t\t\t\tuseBatch: true\n\t\t\t\t})\n\t\t\t);\n\t\t}\n\t});\n});",
769
+ "BasicODataTreeBinding/Controller.controller.js": "sap.ui.define([\n\t\"sap/ui/core/mvc/Controller\"\n], function(Controller) {\n\t\"use strict\";\n\n\treturn Controller.extend(\"sap.ui.table.sample.TreeTable.BasicODataTreeBinding.Controller\", {\n\n\t\tonInit: function() {\n\t\t\t//nothing to do for us\n\t\t}\n\n\t});\n\n});",
770
+ "BasicODataTreeBinding/manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.ui.table.sample.TreeTable.BasicODataTreeBinding\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.ui.table.sample.TreeTable.BasicODataTreeBinding.View\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.m\": {},\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.table\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"stretch\": true,\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"localService/mockdata/Nodes.json\",\n\t\t\t\t\t\"localService/metadata.xml\",\n\t\t\t\t\t\"localService/mockserver.js\",\n\t\t\t\t\t\"Component.js\",\n\t\t\t\t\t\"Controller.controller.js\",\n\t\t\t\t\t\"View.view.xml\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
771
+ "BasicODataTreeBinding/View.view.xml": "<mvc:View\n controllerName=\"sap.ui.table.sample.TreeTable.BasicODataTreeBinding.Controller\"\n xmlns=\"sap.ui.table\"\n xmlns:m=\"sap.m\"\n xmlns:mvc=\"sap.ui.core.mvc\">\n\n <TreeTable\n id=\"treeTable\"\n selectionMode=\"Single\"\n enableColumnReordering=\"false\"\n expandFirstLevel=\"false\"\n rows=\"{\n path : '/Nodes',\n parameters : {\n countMode: 'Inline',\n treeAnnotationProperties : {\n hierarchyLevelFor : 'HierarchyLevel',\n hierarchyNodeFor : 'NodeID',\n hierarchyParentNodeFor : 'ParentNodeID',\n hierarchyDrillStateFor : 'DrillState'\n }\n }\n }\">\n\n <columns>\n\n <Column>\n <m:Label text=\"Description\"/>\n <template>\n <m:Text text=\"{Description}\" wrapping=\"false\" />\n </template>\n </Column>\n\n <Column>\n <m:Label text=\"HierarchyLevel\"/>\n <template>\n <m:Text text=\"{HierarchyLevel}\" wrapping=\"false\" />\n </template>\n </Column>\n\n <Column>\n <m:Label text=\"NodeID\"/>\n <template>\n <m:Text text=\"{NodeID}\" wrapping=\"false\" />\n </template>\n </Column>\n\n <Column>\n <m:Label text=\"ParentNodeID\"/>\n <template>\n <m:Text text=\"{ParentNodeID}\" wrapping=\"false\" />\n </template>\n </Column>\n\n </columns>\n\n </TreeTable>\n\n</mvc:View>\n",
772
+ "HierarchyMaintenanceJSONTreeBinding/Component.js": "sap.ui.define([\n\t\"sap/ui/core/UIComponent\"\n], function(UIComponent) {\n\t\"use strict\";\n\n\treturn UIComponent.extend(\"sap.ui.table.sample.TreeTable.HierarchyMaintenanceJSONTreeBinding.Component\", {\n\t\tmetadata: {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n});",
773
+ "HierarchyMaintenanceJSONTreeBinding/Controller.controller.js": "sap.ui.define([\n\t\"sap/ui/core/mvc/Controller\",\n\t\"sap/ui/model/json/JSONModel\",\n\t\"sap/m/MessageToast\"\n], function(Controller, JSONModel, MessageToast) {\n\t\"use strict\";\n\n\treturn Controller.extend(\"sap.ui.table.sample.TreeTable.HierarchyMaintenanceJSONTreeBinding.Controller\", {\n\t\tonInit: function() {\n\t\t\tvar oModel = new JSONModel(\"test-resources/sap/ui/table/demokit/sample/TreeTable/HierarchyMaintenanceJSONTreeBinding/Clothing.json\");\n\n\t\t\tthis.getView().setModel(oModel);\n\t\t\tthis._aClipboardData = [];\n\t\t},\n\n\t\tonCollapseAll: function() {\n\t\t\tvar oTreeTable = this.byId(\"TreeTable\");\n\t\t\toTreeTable.collapseAll();\n\t\t},\n\n\t\tonExpandFirstLevel: function() {\n\t\t\tvar oTreeTable = this.byId(\"TreeTable\");\n\t\t\toTreeTable.expandToLevel(1);\n\t\t},\n\n\t\tonDragStart: function(oEvent) {\n\t\t\tvar oTreeTable = this.byId(\"TreeTable\");\n\t\t\tvar oDragSession = oEvent.getParameter(\"dragSession\");\n\t\t\tvar oDraggedRow = oEvent.getParameter(\"target\");\n\t\t\tvar iDraggedRowIndex = oDraggedRow.getIndex();\n\t\t\tvar aSelectedIndices = oTreeTable.getSelectedIndices();\n\t\t\tvar aDraggedRowContexts = [];\n\n\t\t\tif (aSelectedIndices.length > 0) {\n\t\t\t\t// If rows are selected, do not allow to start dragging from a row which is not selected.\n\t\t\t\tif (aSelectedIndices.indexOf(iDraggedRowIndex) === -1) {\n\t\t\t\t\toEvent.preventDefault();\n\t\t\t\t} else {\n\t\t\t\t\tfor (var i = 0; i < aSelectedIndices.length; i++) {\n\t\t\t\t\t\taDraggedRowContexts.push(oTreeTable.getContextByIndex(aSelectedIndices[i]));\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\taDraggedRowContexts.push(oTreeTable.getContextByIndex(iDraggedRowIndex));\n\t\t\t}\n\n\t\t\toDragSession.setComplexData(\"hierarchymaintenance\", {\n\t\t\t\tdraggedRowContexts: aDraggedRowContexts\n\t\t\t});\n\t\t},\n\n\t\tonDrop: function(oEvent) {\n\t\t\tvar oTreeTable = this.byId(\"TreeTable\");\n\t\t\tvar oDragSession = oEvent.getParameter(\"dragSession\");\n\t\t\tvar oDroppedRow = oEvent.getParameter(\"droppedControl\");\n\t\t\tvar aDraggedRowContexts = oDragSession.getComplexData(\"hierarchymaintenance\").draggedRowContexts;\n\t\t\tvar oNewParentContext = oTreeTable.getContextByIndex(oDroppedRow.getIndex());\n\n\t\t\tif (aDraggedRowContexts.length === 0 || !oNewParentContext) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tvar oModel = oTreeTable.getBinding().getModel();\n\t\t\tvar oNewParent = oNewParentContext.getProperty();\n\n\t\t\t// In the JSON data of this example the children of a node are inside an array with the name \"categories\".\n\t\t\tif (!oNewParent.categories) {\n\t\t\t\toNewParent.categories = []; // Initialize the children array.\n\t\t\t}\n\n\t\t\tfor (var i = 0; i < aDraggedRowContexts.length; i++) {\n\t\t\t\tif (oNewParentContext.getPath().indexOf(aDraggedRowContexts[i].getPath()) === 0) {\n\t\t\t\t\t// Avoid moving a node into one of its child nodes.\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\t// Copy the data to the new parent.\n\t\t\t\toNewParent.categories.push(aDraggedRowContexts[i].getProperty());\n\n\t\t\t\t// Remove the data. The property is simply set to undefined to preserve the tree state (expand/collapse states of nodes).\n\t\t\t\toModel.setProperty(aDraggedRowContexts[i].getPath(), undefined, aDraggedRowContexts[i], true);\n\t\t\t}\n\t\t},\n\n\t\tonCut: function(oEvent) {\n\t\t\tvar oTreeTable = this.byId(\"TreeTable\");\n\t\t\tvar aSelectedIndices = oTreeTable.getSelectedIndices();\n\t\t\tvar oModel = oTreeTable.getBinding().getModel();\n\n\t\t\tif (aSelectedIndices.length === 0) {\n\t\t\t\tMessageToast.show(\"Select at least one row first.\");\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Cut the data.\n\t\t\tfor (var i = 0; i < aSelectedIndices.length; i++) {\n\t\t\t\tvar oContext = oTreeTable.getContextByIndex(aSelectedIndices[i]);\n\t\t\t\tvar oData = oContext.getProperty();\n\n\t\t\t\tif (oData) {\n\t\t\t\t\tthis._aClipboardData.push(oContext.getProperty());\n\n\t\t\t\t\t// The property is simply set to undefined to preserve the tree state (expand/collapse states of nodes).\n\t\t\t\t\toModel.setProperty(oContext.getPath(), undefined, oContext, true);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (this._aClipboardData.length > 0) {\n\t\t\t\tthis.byId(\"paste\").setEnabled(true);\n\t\t\t}\n\t\t},\n\n\t\tonPaste: function(oEvent) {\n\t\t\tvar oTreeTable = this.byId(\"TreeTable\");\n\t\t\tvar aSelectedIndices = oTreeTable.getSelectedIndices();\n\t\t\tvar oModel = oTreeTable.getBinding().getModel();\n\n\t\t\tif (aSelectedIndices.length !== 1) {\n\t\t\t\tMessageToast.show(\"Select exactly one row first.\");\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tvar oNewParentContext = oTreeTable.getContextByIndex(aSelectedIndices[0]);\n\t\t\tvar oNewParent = oNewParentContext.getProperty();\n\n\t\t\t// In the JSON data of this example the children of a node are inside an array with the name \"categories\".\n\t\t\tif (!oNewParent.categories) {\n\t\t\t\toNewParent.categories = []; // Initialize the children array.\n\t\t\t}\n\n\t\t\t// Paste the data to the new parent.\n\t\t\toNewParent.categories = oNewParent.categories.concat(this._aClipboardData);\n\n\t\t\tthis._aClipboardData = [];\n\t\t\tthis.byId(\"paste\").setEnabled(false);\n\t\t\toModel.refresh();\n\t\t}\n\t});\n});",
774
+ "HierarchyMaintenanceJSONTreeBinding/manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.ui.table.sample.TreeTable.HierarchyMaintenanceJSONTreeBinding\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.ui.table.sample.TreeTable.HierarchyMaintenanceJSONTreeBinding.View\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.m\": {},\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.table\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"stretch\": true,\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"View.view.xml\",\n\t\t\t\t\t\"Controller.controller.js\",\n\t\t\t\t\t\"Clothing.json\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
775
+ "HierarchyMaintenanceJSONTreeBinding/View.view.xml": "<mvc:View\n\t\tcontrollerName=\"sap.ui.table.sample.TreeTable.HierarchyMaintenanceJSONTreeBinding.Controller\"\n\t\txmlns=\"sap.ui.table\"\n\t\txmlns:mvc=\"sap.ui.core.mvc\"\n\t\txmlns:m=\"sap.m\"\n\t\txmlns:u=\"sap.ui.unified\"\n\t\txmlns:core=\"sap.ui.core\"\n\t\txmlns:dnd=\"sap.ui.core.dnd\"\n\t\theight=\"100%\">\n\t<m:Page\n\t\t\tshowHeader=\"false\"\n\t\t\tenableScrolling=\"false\">\n\t\t<m:content>\n\t\t\t<TreeTable\n\t\t\t\t\tid=\"TreeTable\"\n\t\t\t\t\trows=\"{path:'/catalog/clothing', parameters: {arrayNames:['categories']}}\"\n\t\t\t\t\tselectionMode=\"MultiToggle\"\n\t\t\t\t\tenableSelectAll=\"false\"\n\t\t\t\t\tariaLabelledBy=\"title\">\n\t\t\t\t<extension>\n\t\t\t\t\t<m:OverflowToolbar style=\"Clear\">\n\t\t\t\t\t\t<m:Title id=\"title\" text=\"Clothing\"/>\n\t\t\t\t\t\t<m:Button id=\"cut\" text=\"Cut\" icon=\"sap-icon://scissors\" press=\"onCut\"/>\n\t\t\t\t\t\t<m:Button id=\"paste\" text=\"Paste\" icon=\"sap-icon://paste\" press=\"onPaste\" enabled=\"false\"/>\n\t\t\t\t\t\t<m:ToolbarSpacer/>\n\t\t\t\t\t\t<m:Button text=\"Collapse all\" press=\"onCollapseAll\"/>\n\t\t\t\t\t\t<m:Button text=\"Expand first level\" press=\"onExpandFirstLevel\"/>\n\t\t\t\t\t</m:OverflowToolbar>\n\t\t\t\t</extension>\n\t\t\t\t<dragDropConfig>\n\t\t\t\t\t<dnd:DragDropInfo\n\t\t\t\t\t\t\tsourceAggregation=\"rows\"\n\t\t\t\t\t\t\ttargetAggregation=\"rows\"\n\t\t\t\t\t\t\tdragStart=\"onDragStart\"\n\t\t\t\t\t\t\tdrop=\"onDrop\"/>\n\t\t\t\t</dragDropConfig>\n\t\t\t\t<columns>\n\t\t\t\t\t<Column width=\"13rem\">\n\t\t\t\t\t\t<m:Label text=\"Categories\"/>\n\t\t\t\t\t\t<template>\n\t\t\t\t\t\t\t<m:Text text=\"{name}\" wrapping=\"false\"/>\n\t\t\t\t\t\t</template>\n\t\t\t\t\t</Column>\n\t\t\t\t\t<Column width=\"9rem\">\n\t\t\t\t\t\t<m:Label text=\"Price\"/>\n\t\t\t\t\t\t<template>\n\t\t\t\t\t\t\t<u:Currency value=\"{amount}\" currency=\"{currency}\"/>\n\t\t\t\t\t\t</template>\n\t\t\t\t\t</Column>\n\t\t\t\t\t<Column>\n\t\t\t\t\t\t<m:Label text=\"Size\"/>\n\t\t\t\t\t\t<template>\n\t\t\t\t\t\t\t<m:Select\n\t\t\t\t\t\t\t\t\titems=\"{path: '/sizes', templateShareable: true}\"\n\t\t\t\t\t\t\t\t\tselectedKey=\"{size}\"\n\t\t\t\t\t\t\t\t\tvisible=\"{= !!${size}}\"\n\t\t\t\t\t\t\t\t\tforceSelection=\"false\">\n\t\t\t\t\t\t\t\t<core:Item key=\"{key}\" text=\"{value}\"/>\n\t\t\t\t\t\t\t</m:Select>\n\t\t\t\t\t\t</template>\n\t\t\t\t\t</Column>\n\t\t\t\t</columns>\n\t\t\t</TreeTable>\n\t\t</m:content>\n\t</m:Page>\n</mvc:View>",
776
+ "JSONTreeBinding/Component.js": "sap.ui.define([\n\t'sap/ui/core/UIComponent'\n], function(UIComponent) {\n\t\"use strict\";\n\n\treturn UIComponent.extend(\"sap.ui.table.sample.TreeTable.JSONTreeBinding.Component\", {\n\t\tmetadata: {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n\n});",
777
+ "JSONTreeBinding/Controller.controller.js": "sap.ui.define([\n\t\"sap/ui/core/mvc/Controller\",\n\t\"sap/ui/model/json/JSONModel\"\n], function(Controller, JSONModel) {\n\t\"use strict\";\n\n\treturn Controller.extend(\"sap.ui.table.sample.TreeTable.JSONTreeBinding.Controller\", {\n\t\tonInit: function() {\n\t\t\tvar oModel = new JSONModel(\"test-resources/sap/ui/table/demokit/sample/TreeTable/JSONTreeBinding/Clothing.json\");\n\t\t\tthis.getView().setModel(oModel);\n\t\t},\n\n\t\tonCollapseAll: function() {\n\t\t\tvar oTreeTable = this.byId(\"TreeTableBasic\");\n\t\t\toTreeTable.collapseAll();\n\t\t},\n\n\t\tonCollapseSelection: function() {\n\t\t\tvar oTreeTable = this.byId(\"TreeTableBasic\");\n\t\t\toTreeTable.collapse(oTreeTable.getSelectedIndices());\n\t\t},\n\n\t\tonExpandFirstLevel: function() {\n\t\t\tvar oTreeTable = this.byId(\"TreeTableBasic\");\n\t\t\toTreeTable.expandToLevel(1);\n\t\t},\n\n\t\tonExpandSelection: function() {\n\t\t\tvar oTreeTable = this.byId(\"TreeTableBasic\");\n\t\t\toTreeTable.expand(oTreeTable.getSelectedIndices());\n\t\t}\n\t});\n});",
778
+ "JSONTreeBinding/manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.ui.table.sample.TreeTable.JSONTreeBinding\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.ui.table.sample.TreeTable.JSONTreeBinding.View\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.m\": {},\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.table\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"stretch\": true,\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"View.view.xml\",\n\t\t\t\t\t\"Controller.controller.js\",\n\t\t\t\t\t\"Clothing.json\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
779
+ "JSONTreeBinding/View.view.xml": "<mvc:View\n controllerName=\"sap.ui.table.sample.TreeTable.JSONTreeBinding.Controller\"\n xmlns=\"sap.ui.table\"\n xmlns:mvc=\"sap.ui.core.mvc\"\n xmlns:m=\"sap.m\"\n xmlns:u=\"sap.ui.unified\"\n xmlns:core=\"sap.ui.core\"\n height=\"100%\">\n <m:Page\n showHeader=\"false\"\n enableScrolling=\"false\">\n <m:content>\n <TreeTable\n id=\"TreeTableBasic\"\n rows=\"{path:'/catalog/clothing', parameters: {arrayNames:['categories']}}\"\n selectionMode=\"MultiToggle\"\n enableSelectAll=\"false\"\n ariaLabelledBy=\"title\">\n <extension>\n <m:OverflowToolbar style=\"Clear\">\n <m:Title id=\"title\" text=\"Clothing\"/>\n <m:ToolbarSpacer/>\n <m:Button text=\"Collapse all\" press=\"onCollapseAll\"/>\n <m:Button text=\"Collapse selection\" press=\"onCollapseSelection\"/>\n <m:Button text=\"Expand first level\" press=\"onExpandFirstLevel\"/>\n <m:Button text=\"Expand selection\" press=\"onExpandSelection\"/>\n </m:OverflowToolbar>\n </extension>\n <columns>\n <Column width=\"13rem\">\n <m:Label text=\"Categories\"/>\n <template>\n <m:Text text=\"{name}\" wrapping=\"false\" />\n </template>\n </Column>\n <Column width=\"9rem\">\n <m:Label text=\"Price\"/>\n <template>\n <u:Currency value=\"{amount}\" currency=\"{currency}\"/>\n </template>\n </Column>\n <Column width=\"11rem\">\n <m:Label text=\"Size\"/>\n <template>\n <m:Select\n items=\"{path: '/sizes', templateShareable: true}\"\n selectedKey=\"{size}\"\n visible=\"{= !!${size}}\"\n forceSelection=\"false\">\n <core:Item key=\"{key}\" text=\"{value}\"/>\n </m:Select>\n </template>\n </Column>\n </columns>\n </TreeTable>\n </m:content>\n </m:Page>\n</mvc:View>",
780
+ "ODataAnnotationsTreeBinding/Component.js": "sap.ui.define([\n\t\"sap/ui/core/UIComponent\",\n\t\"sap/ui/model/odata/v2/ODataModel\",\n\t\"sap/ui/table/sample/TreeTable/ODataAnnotationsTreeBinding/localService/mockserver\"\n], function(UIComponent, ODataModel, mockserver) {\n\t\"use strict\";\n\n\treturn UIComponent.extend(\"sap.ui.table.sample.TreeTable.ODataAnnotationsTreeBinding.Component\", {\n\t\tmetadata: {\n\t\t\tmanifest: \"json\"\n\t\t},\n\t\tinit: function() {\n\t\t\t// call the init function of the parent\n\t\t\tUIComponent.prototype.init.apply(this, arguments);\n\n\t\t\tvar sODataServiceUrl = \"/here/goes/your/odata/service/url/\";\n\n\t\t\t// init our mock server\n\t\t\tmockserver.init(sODataServiceUrl);\n\n\t\t\t// set model on component\n\t\t\tthis.setModel(\n\t\t\t\tnew ODataModel(sODataServiceUrl, {\n\t\t\t\t\tjson: true,\n\t\t\t\t\tuseBatch: true\n\t\t\t\t})\n\t\t\t);\n\t\t}\n\t});\n});",
781
+ "ODataAnnotationsTreeBinding/manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.ui.table.sample.TreeTable.ODataAnnotationsTreeBinding\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.ui.table.sample.TreeTable.ODataAnnotationsTreeBinding.View\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.m\": {},\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.ui.table\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"stretch\": true,\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"localService/mockdata/Nodes.json\",\n\t\t\t\t\t\"localService/metadata.xml\",\n\t\t\t\t\t\"localService/mockserver.js\",\n\t\t\t\t\t\"Component.js\",\n\t\t\t\t\t\"View.view.xml\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
782
+ "ODataAnnotationsTreeBinding/View.view.xml": "<mvc:View\n xmlns=\"sap.ui.table\"\n xmlns:m=\"sap.m\"\n xmlns:mvc=\"sap.ui.core.mvc\">\n\n <TreeTable\n id=\"treeTable\"\n selectionMode=\"Single\"\n enableColumnReordering=\"false\"\n rows=\"{\n path : '/Nodes',\n parameters : {\n countMode: 'Inline',\n numberOfExpandedLevels: 1\n }\n }\">\n\n <columns>\n\n <Column>\n <m:Label text=\"Description\"/>\n <template>\n <m:Text text=\"{Description}\" wrapping=\"false\" />\n </template>\n </Column>\n\n <Column>\n <m:Label text=\"HierarchyLevel\"/>\n <template>\n <m:Text text=\"{HierarchyLevel}\" wrapping=\"false\" />\n </template>\n </Column>\n\n <Column>\n <m:Label text=\"NodeID\"/>\n <template>\n <m:Text text=\"{NodeID}\" wrapping=\"false\" />\n </template>\n </Column>\n\n <Column>\n <m:Label text=\"ParentNodeID\"/>\n <template>\n <m:Text text=\"{ParentNodeID}\" wrapping=\"false\" />\n </template>\n </Column>\n\n </columns>\n\n </TreeTable>\n\n</mvc:View>\n"
783
+ },
784
+ "sap.uxap/ObjectPageFormFocusableInput": {
785
+ "Component.js": "sap.ui.define([\"sap/ui/core/UIComponent\"], function (UIComponent) {\n\t\"use strict\";\n\n\treturn UIComponent.extend(\"sap.uxap.sample.ObjectPageFormFocusableInput.Component\", {\n\t\tmetadata: {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n});\n",
786
+ "controller/ObjectPageFormFocusableInput.controller.js": "sap.ui.define([\n\t\"sap/ui/model/json/JSONModel\",\n\t\"sap/ui/core/mvc/Controller\",\n\t\"sap/ui/core/Core\",\n\t\"sap/ui/dom/getFirstEditableInput\"\n], function (JSONModel, Controller, Core, getFirstEditableInput) {\n\t\"use strict\";\n\n\treturn Controller.extend(\"sap.uxap.sample.ObjectPageFormFocusableInput.controller.ObjectPageFormFocusableInput\", {\n\t\thandleFocusBtnPress: function () {\n\t\t\tvar oObjectPageLayout = this.byId(\"ObjectPageLayout\"),\n\t\t\t\toSection = Core.byId(oObjectPageLayout.getSelectedSection()),\n\t\t\t\toFirstEditableInput = getFirstEditableInput(oSection.getDomRef());\n\n\t\t\tif (oFirstEditableInput) {\n\t\t\t\toFirstEditableInput.focus();\n\t\t\t}\n\t\t}\n\t});\n});\n",
787
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.uxap.sample.ObjectPageFormFocusableInput\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.uxap.sample.ObjectPageFormFocusableInput.view.ObjectPageFormFocusableInput\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"resourceRoots\": {\n\t\t\t\"sap.uxap.sample.ObjectPageFormLayout\": \"../ObjectPageFormLayout\"\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.m\": {},\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.uxap\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"stretch\": true,\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"view/ObjectPageFormFocusableInput.view.xml\",\n\t\t\t\t\t\"view/blocks/BlockBlue.view.xml\",\n\t\t\t\t\t\"../ObjectPageFormLayout/controller/blocks/BlockBlue.js\",\n\t\t\t\t\t\"../ObjectPageFormLayout/view/blocks/BlockBlue.view.xml\",\n\t\t\t\t\t\"controller/ObjectPageFormFocusableInput.controller.js\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
788
+ "view/blocks/BlockBlue.view.xml": "<mvc:View\n\t\txmlns:mvc=\"sap.ui.core.mvc\"\n\t\txmlns:html=\"http://www.w3.org/1999/xhtml\">\n\t<html:div style=\"height:4em; background-color: #A9EAFF ; padding: 1rem\">Arbitrary block content...</html:div>\n</mvc:View>\n",
789
+ "view/ObjectPageFormFocusableInput.view.xml": "<mvc:View xmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns=\"sap.uxap\"\n\txmlns:layout=\"sap.ui.layout\"\n\txmlns:f=\"sap.ui.layout.form\"\n\txmlns:core=\"sap.ui.core\"\n\txmlns:blockcolor=\"sap.uxap.sample.ObjectPageFormLayout.controller.blocks\"\n\txmlns:m=\"sap.m\"\n\tcontrollerName=\"sap.uxap.sample.ObjectPageFormFocusableInput.controller.ObjectPageFormFocusableInput\"\n\theight=\"100%\">\n\t<ObjectPageLayout id=\"ObjectPageLayout\" upperCaseAnchorBar=\"false\">\n\t\t<headerTitle>\n\t\t\t<ObjectPageDynamicHeaderTitle>\n\t\t\t\t<breadcrumbs>\n\t\t\t\t\t<m:Breadcrumbs>\n\t\t\t\t\t\t<m:Link text=\"Page 1 a very long link\" press=\"handleLink1Press\"/>\n\t\t\t\t\t\t<m:Link text=\"Page 2 long link\" press=\"handleLink2Press\"/>\n\t\t\t\t\t</m:Breadcrumbs>\n\t\t\t\t</breadcrumbs>\n\n\t\t\t\t<expandedHeading>\n\t\t\t\t\t<m:Title text=\"Denise Smith\" wrapping=\"true\"/>\n\t\t\t\t</expandedHeading>\n\n\t\t\t\t<snappedHeading>\n\t\t\t\t\t<m:FlexBox fitContainer=\"true\" alignItems=\"Center\">\n\t\t\t\t\t\t<m:Avatar src=\"./test-resources/sap/uxap/images/imageID_275314.png\" class=\"sapUiTinyMarginEnd\"/>\n\t\t\t\t\t\t<m:Title text=\"Denise Smith\" wrapping=\"true\"/>\n\t\t\t\t\t</m:FlexBox>\n\t\t\t\t</snappedHeading>\n\n\t\t\t\t<snappedContent>\n\t\t\t\t\t<m:Text text=\"Senior UI Developer\"/>\n\t\t\t\t</snappedContent>\n\n\t\t\t\t<expandedContent>\n\t\t\t\t\t<m:Text text=\"Senior UI Developer\"/>\n\t\t\t\t</expandedContent>\n\n\t\t\t\t<snappedTitleOnMobile>\n\t\t\t\t\t<m:Title text=\"Senior UI Developer\"/>\n\t\t\t\t</snappedTitleOnMobile>\n\n\t\t\t\t<actions>\n\t\t\t\t\t<m:Button type=\"Emphasized\" text=\"Focus\" press=\"handleFocusBtnPress\"/>\n\t\t\t\t</actions>\n\t\t\t</ObjectPageDynamicHeaderTitle>\n\t\t</headerTitle>\n\n\t\t<headerContent>\n\t\t\t<m:FlexBox wrap=\"Wrap\" fitContainer=\"true\">\n\t\t\t\t<m:Avatar class=\"sapUiSmallMarginEnd\" src=\"./test-resources/sap/uxap/images/imageID_275314.png\" displaySize=\"L\"/>\n\n\t\t\t\t<layout:VerticalLayout class=\"sapUiSmallMarginBeginEnd\">\n\t\t\t\t\t<m:Link text=\"+33 6 4512 5158\"/>\n\t\t\t\t\t<m:Link text=\"DeniseSmith@sap.com\"/>\n\t\t\t\t\t<layout:HorizontalLayout>\n\t\t\t\t\t\t<m:Image src=\"./test-resources/sap/uxap/images/linkedin.png\"/>\n\t\t\t\t\t\t<m:Image src=\"./test-resources/sap/uxap/images/Twitter.png\" class=\"sapUiSmallMarginBegin\"/>\n\t\t\t\t\t</layout:HorizontalLayout>\n\t\t\t\t</layout:VerticalLayout>\n\n\t\t\t\t<layout:VerticalLayout class=\"sapUiSmallMarginBeginEnd\">\n\t\t\t\t\t<m:Label text=\"Hello! I am Denise and I use UxAP\"/>\n\t\t\t\t\t<m:VBox>\n\t\t\t\t\t\t<m:Label text=\"Achieved goals\"/>\n\t\t\t\t\t\t<m:ProgressIndicator percentValue=\"30\" displayValue=\"30%\"/>\n\t\t\t\t\t</m:VBox>\n\t\t\t\t</layout:VerticalLayout>\n\n\t\t\t\t<layout:VerticalLayout class=\"sapUiSmallMarginBeginEnd\">\n\t\t\t\t\t<m:Label text=\"San Jose, USA\"/>\n\t\t\t\t</layout:VerticalLayout>\n\t\t\t</m:FlexBox>\n\t\t</headerContent>\n\n\t\t<sections>\n\t\t\t<ObjectPageSection titleUppercase=\"false\" title=\"Personal 1\">\n\t\t\t\t<ObjectPageSubSection titleUppercase=\"false\">\n\t\t\t\t\t<blockcolor:BlockBlue/>\n\t\t\t\t</ObjectPageSubSection>\n\t\t\t</ObjectPageSection>\n\t\t\t<ObjectPageSection titleUppercase=\"false\" title=\"Personal 2\">\n\t\t\t\t<ObjectPageSubSection titleUppercase=\"false\">\n\t\t\t\t\t<blockcolor:BlockBlue/>\n\t\t\t\t</ObjectPageSubSection>\n\t\t\t</ObjectPageSection>\n\t\t\t<ObjectPageSection titleUppercase=\"false\" title=\"Personal 3\">\n\t\t\t\t<ObjectPageSubSection titleUppercase=\"false\">\n\t\t\t\t\t<blockcolor:BlockBlue/>\n\t\t\t\t</ObjectPageSubSection>\n\t\t\t</ObjectPageSection>\n\t\t\t<ObjectPageSection titleUppercase=\"false\" title=\"Personal 4\">\n\t\t\t\t<ObjectPageSubSection titleUppercase=\"false\">\n\t\t\t\t\t<blockcolor:BlockBlue/>\n\t\t\t\t</ObjectPageSubSection>\n\t\t\t</ObjectPageSection>\n\t\t\t<ObjectPageSection titleUppercase=\"false\" title=\"Personal 5\">\n\t\t\t\t<ObjectPageSubSection titleUppercase=\"false\">\n\t\t\t\t\t<blockcolor:BlockBlue/>\n\t\t\t\t</ObjectPageSubSection>\n\t\t\t</ObjectPageSection>\n\t\t\t<ObjectPageSection titleUppercase=\"false\" title=\"Personal 6\">\n\t\t\t\t<ObjectPageSubSection titleUppercase=\"false\">\n\t\t\t\t\t<blockcolor:BlockBlue/>\n\t\t\t\t</ObjectPageSubSection>\n\t\t\t</ObjectPageSection>\n\t\t\t<ObjectPageSection titleUppercase=\"false\" id=\"Employment\" title=\"Employment\">\n\t\t\t\t<subSections>\n\t\t\t\t\t<ObjectPageSubSection titleUppercase=\"false\">\n\t\t\t\t\t\t<f:SimpleForm editable=\"true\" layout=\"ColumnLayout\" columnsM=\"2\" columnsL=\"3\" columnsXL=\"4\">\n\t\t\t\t\t\t\t<f:content>\n\t\t\t\t\t\t\t\t<m:Label text=\"Name\"/>\n\t\t\t\t\t\t\t\t<m:Input/>\n\t\t\t\t\t\t\t\t<m:Label text=\"Street/No.\"/>\n\t\t\t\t\t\t\t\t<m:Input/>\n\t\t\t\t\t\t\t\t<m:Input>\n\t\t\t\t\t\t\t\t\t<m:layoutData>\n\t\t\t\t\t\t\t\t\t\t<f:ColumnElementData cellsSmall=\"2\" cellsLarge=\"1\"/>\n\t\t\t\t\t\t\t\t\t</m:layoutData>\n\t\t\t\t\t\t\t\t</m:Input>\n\t\t\t\t\t\t\t\t<m:Label text=\"ZIP Code/City\"/>\n\t\t\t\t\t\t\t\t<m:Input>\n\t\t\t\t\t\t\t\t\t<m:layoutData>\n\t\t\t\t\t\t\t\t\t\t<f:ColumnElementData cellsSmall=\"3\" cellsLarge=\"2\"/>\n\t\t\t\t\t\t\t\t\t</m:layoutData>\n\t\t\t\t\t\t\t\t</m:Input>\n\t\t\t\t\t\t\t\t<m:Input/>\n\t\t\t\t\t\t\t\t<m:Label text=\"Country\"/>\n\t\t\t\t\t\t\t\t<m:Select id=\"country\">\n\t\t\t\t\t\t\t\t\t<m:items>\n\t\t\t\t\t\t\t\t\t\t<core:Item text=\"England\" key=\"England\"/>\n\t\t\t\t\t\t\t\t\t\t<core:Item text=\"Germany\" key=\"Germany\"/>\n\t\t\t\t\t\t\t\t\t\t<core:Item text=\"USA\" key=\"USA\"/>\n\t\t\t\t\t\t\t\t\t</m:items>\n\t\t\t\t\t\t\t\t</m:Select>\n\t\t\t\t\t\t\t\t<m:Label text=\"Web\"/>\n\t\t\t\t\t\t\t\t<m:Input type=\"Url\"/>\n\t\t\t\t\t\t\t\t<m:Label text=\"Twitter\"/>\n\t\t\t\t\t\t\t\t<m:Input/>\n\t\t\t\t\t\t\t\t<m:Label text=\"Email\"/>\n\t\t\t\t\t\t\t\t<m:Input type=\"Email\"/>\n\t\t\t\t\t\t\t\t<m:Label text=\"Tel.\"/>\n\t\t\t\t\t\t\t\t<m:Input type=\"Tel\"/>\n\t\t\t\t\t\t\t\t<m:Label text=\"SMS\"/>\n\t\t\t\t\t\t\t\t<m:Input type=\"Tel\"/>\n\t\t\t\t\t\t\t\t<m:Label text=\"Mobile\"/>\n\t\t\t\t\t\t\t\t<m:Input type=\"Tel\"/>\n\t\t\t\t\t\t\t\t<m:Label text=\"Pager\"/>\n\t\t\t\t\t\t\t\t<m:Input type=\"Tel\"/>\n\t\t\t\t\t\t\t\t<m:Label text=\"Fax\"/>\n\t\t\t\t\t\t\t\t<m:Input type=\"Tel\"/>\n\t\t\t\t\t\t\t</f:content>\n\t\t\t\t\t\t</f:SimpleForm>\n\t\t\t\t\t</ObjectPageSubSection>\n\t\t\t\t</subSections>\n\t\t\t</ObjectPageSection>\n\t\t</sections>\n\t</ObjectPageLayout>\n</mvc:View>\n"
790
+ },
791
+ "sap.uxap/ObjectPageFormLayout": {
792
+ "Component.js": "sap.ui.define([\"sap/ui/core/UIComponent\"], function (UIComponent) {\n\t\"use strict\";\n\n\treturn UIComponent.extend(\"sap.uxap.sample.ObjectPageFormLayout.Component\", {\n\t\tmetadata: {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n});\n",
793
+ "controller/ObjectPageFormLayout.controller.js": "sap.ui.define([\n\t\"sap/ui/model/json/JSONModel\",\n\t\"sap/ui/core/mvc/Controller\",\n\t\"sap/m/MessageToast\"\n], function (JSONModel, Controller, MessageToast) {\n\t\"use strict\";\n\n\treturn Controller.extend(\"sap.uxap.sample.ObjectPageFormLayout.controller.ObjectPageFormLayout\", {\n\t\tonInit: function () {\n\t\t\tvar oJsonModel = new JSONModel(sap.ui.require.toUrl(\"sap/uxap/sample/SharedJSONData/HRData.json\"));\n\t\t\tthis.getView().setModel(oJsonModel, \"ObjectPageModel\");\n\t\t},\n\t\thandleLink1Press: function () {\n\t\t\tMessageToast.show(\"Page 1 a very long link clicked\");\n\t\t},\n\n\t\thandleLink2Press: function () {\n\t\t\tMessageToast.show(\"Page 2 long link clicked\");\n\t\t}\n\t});\n});\n",
794
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.uxap.sample.ObjectPageFormLayout\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.uxap.sample.ObjectPageFormLayout.view.ObjectPageFormLayout\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"resourceRoots\": {\n\t\t\t\"sap.uxap.sample.SharedBlocks\": \"../SharedBlocks\",\n\t\t\t\"sap.uxap.sample.SharedJSONData\": \"../SharedJSONData\"\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.m\": {},\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.uxap\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"stretch\": true,\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"view/ObjectPageFormLayout.view.xml\",\n\t\t\t\t\t\"controller/ObjectPageFormLayout.controller.js\",\n\t\t\t\t\t\"controller/blocks/PersonalFormBlock.js\",\n\t\t\t\t\t\"view/blocks/PersonalFormBlock.view.xml\",\n\t\t\t\t\t\"controller/blocks/BlockBlue.js\",\n\t\t\t\t\t\"view/blocks/BlockBlue.view.xml\",\n\t\t\t\t\t\"controller/blocks/BlockJobInfo.js\",\n\t\t\t\t\t\"view/blocks/BlockJobInfo.view.xml\",\n \"../SharedJSONData/HRData.json\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
795
+ "view/blocks/BlockBlue.view.xml": "<mvc:View\n\t\txmlns:mvc=\"sap.ui.core.mvc\"\n\t\txmlns:html=\"http://www.w3.org/1999/xhtml\">\n\t<html:div style=\"height:4em; background-color: #A9EAFF ; padding: 1rem\">Arbitrary block content...</html:div>\n</mvc:View>\n",
796
+ "view/blocks/BlockJobInfo.view.xml": "<mvc:View xmlns:mvc=\"sap.ui.core.mvc\"\n\t\t xmlns:forms=\"sap.ui.layout.form\"\n\t\t xmlns=\"sap.m\"\n\t\t xmlns:core=\"sap.ui.core\">\n\n\t<forms:SimpleForm editable=\"true\" layout=\"ColumnLayout\">\n\n\t\t<core:Title text=\"General\"/>\n\n\t\t<Label text=\"Job classification\"/>\n\t\t<Input value=\"Senior Ui Developer (UIDEV-SR)\"/>\n\n\t\t<Label text=\"Pay Grade\"/>\n\t\t<Input value=\"Salary Grade 18 (GR-14)\"/>\n\n\t\t<Label text=\"Job title\"/>\n\t\t<Input value=\"Developer\"/>\n\n\t</forms:SimpleForm>\n\n</mvc:View>",
797
+ "view/blocks/PersonalFormBlock.view.xml": "<mvc:View\n\t\txmlns:mvc=\"sap.ui.core.mvc\"\n\t\txmlns:forms=\"sap.ui.layout.form\"\n\t\txmlns=\"sap.m\">\n\n\t<forms:Form width=\"100%\">\n\t\t<forms:layout>\n\t\t\t<forms:ColumnLayout/>\n\t\t</forms:layout>\n\t\t<forms:formContainers>\n\n\t\t\t<forms:FormContainer id=\"addressInfo\" title=\"Addresses\">\n\t\t\t\t<forms:formElements>\n\n\t\t\t\t\t<forms:FormElement label=\"Home Address\">\n\t\t\t\t\t\t<forms:fields>\n\t\t\t\t\t\t\t<Text text=\"2096 Mission Street\"/>\n\t\t\t\t\t\t</forms:fields>\n\t\t\t\t\t</forms:FormElement>\n\n\t\t\t\t\t<forms:FormElement label=\"Home Mailing Address\">\n\t\t\t\t\t\t<forms:fields>\n\t\t\t\t\t\t\t<Text text=\"PO Box 32114\"/>\n\t\t\t\t\t\t</forms:fields>\n\t\t\t\t\t</forms:FormElement>\n\n\t\t\t\t\t<forms:FormElement label=\"Office Address\">\n\t\t\t\t\t\t<forms:fields>\n\t\t\t\t\t\t\t<Text text=\"4311 Green Street\"/>\n\t\t\t\t\t\t</forms:fields>\n\t\t\t\t\t</forms:FormElement>\n\n\t\t\t\t\t<forms:FormElement label=\"Office Mailing Address\">\n\t\t\t\t\t\t<forms:fields>\n\t\t\t\t\t\t\t<Text text=\"PO Box 95493\"/>\n\t\t\t\t\t\t</forms:fields>\n\t\t\t\t\t</forms:FormElement>\n\n\t\t\t\t</forms:formElements>\n\t\t\t</forms:FormContainer>\n\n\n\t\t\t<forms:FormContainer id=\"socialInfo\" title=\"Social Accounts\">\n\t\t\t\t<forms:formElements>\n\n\t\t\t\t\t<forms:FormElement label=\"LinkedIn\">\n\t\t\t\t\t\t<forms:fields>\n\t\t\t\t\t\t\t<Text text=\"/DeniseSmith\"/>\n\t\t\t\t\t\t</forms:fields>\n\t\t\t\t\t</forms:FormElement>\n\n\t\t\t\t\t<forms:FormElement label=\"Twitter\">\n\t\t\t\t\t\t<forms:fields>\n\t\t\t\t\t\t\t<Text text=\"@DeniseSmith\"/>\n\t\t\t\t\t\t</forms:fields>\n\t\t\t\t\t</forms:FormElement>\n\n\t\t\t\t\t<forms:FormElement label=\"Facebook\">\n\t\t\t\t\t\t<forms:fields>\n\t\t\t\t\t\t\t<Text text=\"/DenisSmith\"/>\n\t\t\t\t\t\t</forms:fields>\n\t\t\t\t\t</forms:FormElement>\n\n\t\t\t\t</forms:formElements>\n\t\t\t</forms:FormContainer>\n\n\t\t</forms:formContainers>\n\n\t</forms:Form>\n\n</mvc:View>\n",
798
+ "view/ObjectPageFormLayout.view.xml": "<mvc:View xmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns=\"sap.uxap\"\n\txmlns:layout=\"sap.ui.layout\"\n\txmlns:m=\"sap.m\"\n\txmlns:personal=\"sap.uxap.sample.ObjectPageFormLayout.controller.blocks\"\n\txmlns:employment=\"sap.uxap.sample.ObjectPageFormLayout.controller.blocks\"\n\txmlns:blockcolor=\"sap.uxap.sample.ObjectPageFormLayout.controller.blocks\"\n\tcontrollerName=\"sap.uxap.sample.ObjectPageFormLayout.controller.ObjectPageFormLayout\"\n\theight=\"100%\">\n\t<ObjectPageLayout id=\"ObjectPageLayout\" enableLazyLoading=\"true\" upperCaseAnchorBar=\"false\">\n\t\t<headerTitle>\n\t\t\t<ObjectPageDynamicHeaderTitle>\n\t\t\t\t<breadcrumbs>\n\t\t\t\t\t<m:Breadcrumbs>\n\t\t\t\t\t\t<m:Link text=\"Page 1 a very long link\" press=\"handleLink1Press\"/>\n\t\t\t\t\t\t<m:Link text=\"Page 2 long link\" press=\"handleLink2Press\"/>\n\t\t\t\t\t</m:Breadcrumbs>\n\t\t\t\t</breadcrumbs>\n\n\t\t\t\t<expandedHeading>\n\t\t\t\t\t<m:Title text=\"Denise Smith\" wrapping=\"true\"/>\n\t\t\t\t</expandedHeading>\n\n\t\t\t\t<snappedHeading>\n\t\t\t\t\t<m:FlexBox fitContainer=\"true\" alignItems=\"Center\">\n\t\t\t\t\t\t<m:Avatar src=\"./test-resources/sap/uxap/images/imageID_275314.png\" class=\"sapUiTinyMarginEnd\"/>\n\t\t\t\t\t\t<m:Title text=\"Denise Smith\" wrapping=\"true\"/>\n\t\t\t\t\t</m:FlexBox>\n\t\t\t\t</snappedHeading>\n\n\t\t\t\t<expandedContent>\n\t\t\t\t\t<m:Text text=\"Senior UI Developer\"/>\n\t\t\t\t</expandedContent>\n\n\t\t\t\t<snappedContent>\n\t\t\t\t\t<m:Text text=\"Senior UI Developer\"/>\n\t\t\t\t</snappedContent>\n\n\t\t\t\t<snappedTitleOnMobile>\n\t\t\t\t\t<m:Title text=\"Senior UI Developer\"/>\n\t\t\t\t</snappedTitleOnMobile>\n\n\t\t\t\t<actions>\n\t\t\t\t\t<m:Button text=\"Edit\" type=\"Emphasized\"/>\n\t\t\t\t\t<m:Button type=\"Transparent\" text=\"Delete\"/>\n\t\t\t\t\t<m:Button type=\"Transparent\" text=\"Copy\"/>\n\t\t\t\t\t<m:OverflowToolbarButton icon=\"sap-icon://action\" type=\"Transparent\" text=\"Share\" tooltip=\"action\"/>\n\t\t\t\t</actions>\n\t\t\t</ObjectPageDynamicHeaderTitle>\n\t\t</headerTitle>\n\n\t\t<headerContent>\n\t\t\t<m:FlexBox wrap=\"Wrap\" fitContainer=\"true\" >\n\t\t\t\t<m:Avatar class=\"sapUiSmallMarginEnd\" src=\"./test-resources/sap/uxap/images/imageID_275314.png\" displaySize=\"L\" />\n\n\t\t\t\t<layout:VerticalLayout class=\"sapUiSmallMarginBeginEnd\">\n\t\t\t\t\t<m:Link text=\"+33 6 4512 5158\"/>\n\t\t\t\t\t<m:Link text=\"DeniseSmith@sap.com\"/>\n\t\t\t\t\t\t<layout:HorizontalLayout>\n\t\t\t\t\t\t\t<m:Image src=\"./test-resources/sap/uxap/images/linkedin.png\"/>\n\t\t\t\t\t\t\t<m:Image src=\"./test-resources/sap/uxap/images/Twitter.png\" class=\"sapUiSmallMarginBegin\"/>\n\t\t\t\t\t\t</layout:HorizontalLayout>\n\t\t\t\t</layout:VerticalLayout>\n\n\t\t\t\t<layout:VerticalLayout class=\"sapUiSmallMarginBeginEnd\">\n\t\t\t\t\t<m:Label text=\"Hello! I am Denise and I use UxAP\"/>\n\t\t\t\t\t<m:VBox>\n\t\t\t\t\t\t<m:Label text=\"Achieved goals\"/>\n\t\t\t\t\t\t<m:ProgressIndicator percentValue=\"30\" displayValue=\"30%\"/>\n\t\t\t\t\t</m:VBox>\n\t\t\t\t</layout:VerticalLayout>\n\n\t\t\t\t<layout:VerticalLayout class=\"sapUiSmallMarginBeginEnd\">\n\t\t\t\t\t<m:Label text=\"San Jose, USA\"/>\n\t\t\t\t</layout:VerticalLayout>\n\t\t\t</m:FlexBox>\n\t\t</headerContent>\n\n\t\t<sections>\n\t\t\t<ObjectPageSection titleUppercase=\"false\" title=\"Personal\">\n\t\t\t\t<subSections>\n\t\t\t\t\t<ObjectPageSubSection titleUppercase=\"false\">\n\t\t\t\t\t\t<blocks>\n\t\t\t\t\t\t\t<personal:PersonalFormBlock id=\"personalinfo\" columnLayout=\"3\"/>\n\t\t\t\t\t\t\t<blockcolor:BlockBlue id=\"bbt1\"/>\n\t\t\t\t\t\t\t<blockcolor:BlockBlue id=\"bbt2\"/>\n\t\t\t\t\t\t\t<blockcolor:BlockBlue id=\"bbt3\"/>\n\t\t\t\t\t\t\t<blockcolor:BlockBlue id=\"bbt4\"/>\n\t\t\t\t\t\t</blocks>\n\t\t\t\t\t</ObjectPageSubSection>\n\t\t\t\t</subSections>\n\t\t\t</ObjectPageSection>\n\n\t\t\t<ObjectPageSection titleUppercase=\"false\" title=\"Employment\">\n\t\t\t\t<subSections>\n\t\t\t\t\t<ObjectPageSubSection title=\"Employment\" titleUppercase=\"false\">\n\t\t\t\t\t\t<blocks>\n\t\t\t\t\t\t\t<employment:BlockJobInfo id=\"jobinfo\" columnLayout=\"3\"/>\n\t\t\t\t\t\t\t<blockcolor:BlockBlue id=\"bbt5\"/>\n\t\t\t\t\t\t\t<blockcolor:BlockBlue id=\"bbt6\"/>\n\t\t\t\t\t\t\t<blockcolor:BlockBlue id=\"bbt7\"/>\n\t\t\t\t\t\t\t<blockcolor:BlockBlue id=\"bbt8\"/>\n\t\t\t\t\t\t</blocks>\n\t\t\t\t\t</ObjectPageSubSection>\n\t\t\t\t</subSections>\n\t\t\t</ObjectPageSection>\n\t\t</sections>\n\t</ObjectPageLayout>\n</mvc:View>\n"
799
+ },
800
+ "sap.uxap/ObjectPageWithLinksAndObjectStatus": {
801
+ "Component.js": "sap.ui.define([\"sap/ui/core/UIComponent\"], function (UIComponent) {\n\t\"use strict\";\n\n\tvar Component = UIComponent.extend(\"sap.uxap.sample.ObjectPageWithLinksAndObjectStatus.Component\", {\n\t\tmetadata: {\n\t\t\tmanifest: \"json\"\n\t\t}\n\t});\n\treturn Component;\n});\n",
802
+ "controller/ObjectPageWithLinksAndObjectStatus.controller.js": "sap.ui.define([\n\t\"sap/ui/core/mvc/Controller\",\n\t\"sap/m/MessageToast\",\n\t\"sap/ui/core/Fragment\",\n\t\"sap/ui/model/json/JSONModel\"\n], function (Controller, MessageToast, Fragment, JSONModel) {\n\t\"use strict\";\n\n\treturn Controller.extend(\"sap.uxap.sample.ObjectPageWithLinksAndObjectStatus.controller.ObjectPageWithLinksAndObjectStatus\", {\n\t\tonInit: function () {\n\t\t\tvar oCompanyModel = new JSONModel(sap.ui.require.toUrl(\"sap/m/sample/QuickView/model/CompanyData.json\"));\n\n\t\t\tthis.getView()\n\t\t\t\t.setModel(oCompanyModel, \"CompanyModel\");\n\t\t},\n\t\tonOrderDetailsPress: function () {\n\t\t\tvar oView = this.getView();\n\t\t\toView.byId(\"ObjectPageLayout\").setSelectedSection(oView.byId(\"orderDetailsSection\"));\n\t\t},\n\t\tonExternalApplicationLinkPress: function () {\n\t\t\tMessageToast.show(\"Navigate to external application.\");\n\t\t},\n\t\tonAnotherPageLinkPress: function () {\n\t\t\tMessageToast.show(\"Navigate to another page in the same application (List of delivery items)\");\n\t\t},\n\t\topenQuickView: function (oEvent, oModel) {\n\t\t\tvar oButton = oEvent.getSource(),\n\t\t\t\toView = this.getView();\n\n\t\t\tif (!this._pQuickView) {\n\t\t\t\tFragment.load({\n\t\t\t\t\tid: oView.getId(),\n\t\t\t\t\tname: \"sap.uxap.sample.ObjectPageWithLinksAndObjectStatus.view.QuickView\",\n\t\t\t\t\tcontroller: this\n\t\t\t\t}).then(function (oQuickView) {\n\t\t\t\t\toView.addDependent(oQuickView);\n\t\t\t\t\tthis._pQuickView = oQuickView;\n\t\t\t\t\toQuickView.setModel(oModel);\n\t\t\t\t\toQuickView.openBy(oButton);\n\t\t\t\t}.bind(this));\n\t\t\t} else {\n\t\t\t\tthis._pQuickView.openBy(oButton);\n\t\t\t}\n\t\t},\n\t\thandleTitleSelectorPress: function (oEvent) {\n\t\t\tvar oModel = this.getView().getModel(\"CompanyModel\");\n\t\t\tthis.openQuickView(oEvent, oModel);\n\t\t}\n\t});\n});",
803
+ "manifest.json": "{\n\t\"sap.app\": {\n\t\t\"id\": \"sap.uxap.sample.ObjectPageWithLinksAndObjectStatus\",\n\t\t\"applicationVersion\": {\n\t\t\t\"version\": \"1.0.0\"\n\t\t}\n\t},\n\t\"sap.ui5\": {\n\t\t\"rootView\": {\n\t\t\t\"viewName\": \"sap.uxap.sample.ObjectPageWithLinksAndObjectStatus.view.ObjectPageWithLinksAndObjectStatus\",\n\t\t\t\"type\": \"XML\",\n\t\t\t\"async\": true\n\t\t},\n\t\t\"resourceRoots\": {\n\t\t\t\"sap.uxap.sample.SharedBlocks\": \"../SharedBlocks\"\n\t\t},\n\t\t\"dependencies\": {\n\t\t\t\"libs\": {\n\t\t\t\t\"sap.m\": {},\n\t\t\t\t\"sap.ui.core\": {},\n\t\t\t\t\"sap.uxap\": {}\n\t\t\t}\n\t\t},\n\t\t\"config\": {\n\t\t\t\"sample\": {\n\t\t\t\t\"stretch\": true,\n\t\t\t\t\"files\": [\n\t\t\t\t\t\"view/ObjectPageWithLinksAndObjectStatus.view.xml\",\n\t\t\t\t\t\"controller/ObjectPageWithLinksAndObjectStatus.controller.js\",\n\t\t\t\t\t\"../SharedBlocks/employment/EmploymentBlockJob.js\",\n\t\t\t\t\t\"../SharedBlocks/employment/EmploymentBlockJobCollapsed.view.xml\",\n\t\t\t\t\t\"../SharedBlocks/employment/EmploymentBlockJobExpanded.view.xml\",\n\t\t\t\t\t\"../SharedBlocks/goals/GoalsBlock.view.xml\",\n\t\t\t\t\t\"../SharedBlocks/goals/GoalsBlockView.js\",\n\t\t\t\t\t\"../SharedBlocks/goals/GoalsBlock.js\",\n\t\t\t\t\t\"../SharedBlocks/goals/GoalsBlockController.controller.js\",\n\t\t\t\t\t\"../SharedBlocks/personal/BlockAdresses.js\",\n\t\t\t\t\t\"../SharedBlocks/personal/BlockAdresses.view.xml\",\n\t\t\t\t\t\"../SharedBlocks/personal/BlockMailing.js\",\n\t\t\t\t\t\"../SharedBlocks/personal/BlockMailing.view.xml\",\n\t\t\t\t\t\"../SharedBlocks/personal/BlockPhoneNumber.js\",\n\t\t\t\t\t\"../SharedBlocks/personal/BlockPhoneNumber.view.xml\",\n\t\t\t\t\t\"../SharedBlocks/personal/BlockSocial.js\",\n\t\t\t\t\t\"../SharedBlocks/personal/BlockSocial.view.xml\",\n\t\t\t\t\t\"../SharedBlocks/personal/PersonalBlockPart1.js\",\n\t\t\t\t\t\"../SharedBlocks/personal/PersonalBlockPart1.view.xml\",\n\t\t\t\t\t\"../SharedBlocks/personal/PersonalBlockPart2.js\",\n\t\t\t\t\t\"../SharedBlocks/personal/PersonalBlockPart2.view.xml\",\n\t\t\t\t\t\"../SharedBlocks/employment/BlockEmpDetailPart1.js\",\n\t\t\t\t\t\"../SharedBlocks/employment/BlockEmpDetailPart1.view.xml\",\n\t\t\t\t\t\"../SharedBlocks/employment/BlockEmpDetailPart2.js\",\n\t\t\t\t\t\"../SharedBlocks/employment/BlockEmpDetailPart2.view.xml\",\n\t\t\t\t\t\"../SharedBlocks/employment/BlockEmpDetailPart3.js\",\n\t\t\t\t\t\"../SharedBlocks/employment/BlockEmpDetailPart3.view.xml\",\n\t\t\t\t\t\"../SharedBlocks/employment/BlockJobInfoPart1.js\",\n\t\t\t\t\t\"../SharedBlocks/employment/BlockJobInfoPart1.view.xml\",\n\t\t\t\t\t\"../SharedBlocks/employment/BlockJobInfoPart2.js\",\n\t\t\t\t\t\"../SharedBlocks/employment/BlockJobInfoPart2.view.xml\",\n\t\t\t\t\t\"../SharedBlocks/employment/BlockJobInfoPart3.js\",\n\t\t\t\t\t\"../SharedBlocks/employment/BlockJobInfoPart3.view.xml\",\n\t\t\t\t\t\"view/QuickView.fragment.xml\",\n\t\t\t\t \t\"model/CompanyData.json\",\n\t\t\t\t\t\"manifest.json\"\n\t\t\t\t]\n\t\t\t}\n\t\t}\n\t}\n}",
804
+ "view/ObjectPageWithLinksAndObjectStatus.view.xml": "<mvc:View xmlns:mvc=\"sap.ui.core.mvc\"\n\txmlns=\"sap.uxap\"\n\txmlns:m=\"sap.m\"\n\txmlns:forms=\"sap.ui.layout.form\"\n\txmlns:core=\"sap.ui.core\"\n\txmlns:goals=\"sap.uxap.sample.SharedBlocks.goals\"\n\txmlns:personal=\"sap.uxap.sample.SharedBlocks.personal\"\n\txmlns:employment=\"sap.uxap.sample.SharedBlocks.employment\"\n\tcontrollerName=\"sap.uxap.sample.ObjectPageWithLinksAndObjectStatus.controller.ObjectPageWithLinksAndObjectStatus\"\n\theight=\"100%\">\n\n\t<ObjectPageLayout id=\"ObjectPageLayout\"\n\t\tshowTitleInHeaderContent=\"true\"\n\t\tupperCaseAnchorBar=\"false\">\n\t\t<headerTitle>\n\t\t\t<ObjectPageDynamicHeaderTitle>\n\t\t\t\t<expandedHeading>\n\t\t\t\t\t<m:Title text=\"Object Page Header with Links, Rating Indicator, and Object Status\" wrapping=\"true\" />\n\t\t\t\t</expandedHeading>\n\n\t\t\t\t<snappedHeading>\n\t\t\t\t\t<m:HBox>\n\t\t\t\t\t\t<m:VBox>\n\t\t\t\t\t\t\t<m:Avatar src=\"./test-resources/sap/uxap/images/imageID_275314.png\" class=\"sapUiSmallMarginEnd\" />\n\t\t\t\t\t\t</m:VBox>\n\n\t\t\t\t\t\t<m:VBox>\n\t\t\t\t\t\t\t<m:Title text=\"Object Page Header with Links, Rating Indicator, and Object Status\" wrapping=\"true\"/>\n\t\t\t\t\t\t\t<m:Label text=\"Example of an ObjectPage with header facet\"/>\n\t\t\t\t\t\t</m:VBox>\n\t\t\t\t\t</m:HBox>\n\t\t\t\t</snappedHeading>\n\n\t\t\t\t<expandedContent>\n\t\t\t\t\t<m:Label text=\"Example of an ObjectPage with header facet\"/>\n\t\t\t\t</expandedContent>\n\n\t\t\t\t<snappedTitleOnMobile>\n\t\t\t\t\t<m:Title text=\"Object Page Header with Links, Rating Indicator, and Object Status\"/>\n\t\t\t\t</snappedTitleOnMobile>\n\n\t\t\t\t<actions>\n\t\t\t\t\t<m:Button text=\"Edit\" type=\"Emphasized\"/>\n\t\t\t\t\t<m:Button text=\"Delete\"/>\n\t\t\t\t\t<m:Button text=\"Copy\"/>\n\t\t\t\t\t<m:OverflowToolbarButton icon=\"sap-icon://action\" type=\"Transparent\" text=\"Share\" tooltip=\"action\"/>\n\t\t\t\t</actions>\n\t\t\t</ObjectPageDynamicHeaderTitle>\n\t\t</headerTitle>\n\n\t\t<headerContent>\n\t\t\t<m:FlexBox wrap=\"Wrap\" fitContainer=\"true\">\n\t\t\t\t<m:Avatar src=\"./test-resources/sap/uxap/images/imageID_275314.png\" class=\"sapUiMediumMarginEnd sapUiSmallMarginBottom\" displaySize=\"L\"/>\n\n\t\t\t\t<m:VBox class=\"sapUiLargeMarginEnd sapUiSmallMarginBottom\">\n\t\t\t\t\t<m:Title class=\"sapUiTinyMarginBottom\">\n\t\t\t\t\t\t<m:Link text=\"Order Details\" press=\"onOrderDetailsPress\"/>\n\t\t\t\t\t</m:Title>\n\n\t\t\t\t\t<m:HBox class=\"sapUiTinyMarginBottom\" renderType=\"Bare\">\n\t\t\t\t\t\t<m:Label text=\"Manufacturer:\" class=\"sapUiTinyMarginEnd\"/>\n\t\t\t\t\t\t<m:Text text=\" Robotech\"/>\n\t\t\t\t\t</m:HBox>\n\n\t\t\t\t\t<m:HBox class=\"sapUiTinyMarginBottom\" renderType=\"Bare\">\n\t\t\t\t\t\t<m:Label text=\"Factory:\" class=\"sapUiTinyMarginEnd\"/>\n\t\t\t\t\t\t<m:Text text=\" Florida, OL\"/>\n\t\t\t\t\t</m:HBox>\n\n\t\t\t\t\t<m:HBox>\n\t\t\t\t\t\t<m:Label text=\"Supplier:\" class=\"sapUiTinyMarginEnd\"/>\n\t\t\t\t\t\t<m:Link text=\"Robotech (234242343)\" press=\"onExternalApplicationLinkPress\"/>\n\t\t\t\t\t</m:HBox>\n\t\t\t\t</m:VBox>\n\n\t\t\t\t<m:VBox class=\"sapUiLargeMarginEnd sapUiSmallMarginBottom\">\n\t\t\t\t\t<m:Title text=\"Contact Information\" class=\"sapUiTinyMarginBottom\" />\n\n\t\t\t\t\t<m:HBox class=\"sapUiTinyMarginBottom\">\n\t\t\t\t\t\t<core:Icon src=\"sap-icon://account\"/>\n\t\t\t\t\t\t<m:Link text=\" John Miller\" class=\"sapUiSmallMarginBegin\"/>\n\t\t\t\t\t</m:HBox>\n\n\t\t\t\t\t<m:HBox class=\"sapUiTinyMarginBottom\">\n\t\t\t\t\t\t<core:Icon src=\"sap-icon://outgoing-call\"/>\n\t\t\t\t\t\t<m:Link text=\" +1 234 5678\" class=\"sapUiSmallMarginBegin\"/>\n\t\t\t\t\t</m:HBox>\n\n\t\t\t\t\t<m:HBox>\n\t\t\t\t\t\t<core:Icon src=\"sap-icon://email\"/>\n\t\t\t\t\t\t<m:Link text=\"john.miller@company.com\" class=\"sapUiSmallMarginBegin\"/>\n\t\t\t\t\t</m:HBox>\n\t\t\t\t</m:VBox>\n\n\t\t\t\t<m:VBox class=\"sapUiLargeMarginEnd sapUiSmallMarginBottom\">\n\t\t\t\t\t<m:HBox class=\"sapUiTinyMarginBottom\">\n\t\t\t\t\t\t<m:Label text=\"Created By:\" class=\"sapUiSmallMarginEnd\"/>\n\t\t\t\t\t\t<m:Link text=\"Julie Armstrong\" press=\"handleTitleSelectorPress\"/>\n\t\t\t\t\t</m:HBox>\n\n\t\t\t\t\t<m:HBox class=\"sapUiTinyMarginBottom\" renderType=\"Bare\">\n\t\t\t\t\t\t<m:Label text=\"Created On:\" class=\"sapUiSmallMarginEnd\"/>\n\t\t\t\t\t\t<m:Text text=\" February 20, 2020\"/>\n\t\t\t\t\t</m:HBox>\n\n\t\t\t\t\t<m:HBox class=\"sapUiTinyMarginBottom\">\n\t\t\t\t\t\t<m:Label text=\"Changed By:\" class=\"sapUiSmallMarginEnd\"/>\n\t\t\t\t\t\t<m:Link text=\"John Miller\" press=\"handleTitleSelectorPress\"/>\n\t\t\t\t\t</m:HBox>\n\n\t\t\t\t\t<m:HBox renderType=\"Bare\">\n\t\t\t\t\t\t<m:Label text=\"Changed On:\" class=\"sapUiSmallMarginEnd\"/>\n\t\t\t\t\t\t<m:Text text=\" February 20, 2020\"/>\n\t\t\t\t\t</m:HBox>\n\t\t\t\t</m:VBox>\n\n\t\t\t\t<m:VBox class=\"sapUiLargeMarginEnd sapUiSmallMarginBottom\">\n\t\t\t\t\t<m:Title text=\"Product Description\" class=\"sapUiTinyMarginBottom\" />\n\t\t\t\t\t<m:Text width=\"320px\" text=\"Top-design high-quality coffee mug - ideal for a comforting moment; Pack: 6; material: Porcelain - durable dishwasher and microwave-safe porcelain that cleans easily and is ideal for everyday service. Comes in two bright colors.\"/>\n\t\t\t\t</m:VBox>\n\n\t\t\t\t<m:VBox class=\"sapUiLargeMarginEnd sapUiSmallMarginBottom\">\n\t\t\t\t\t<m:Title class=\"sapUiTinyMarginBottom\">\n\t\t\t\t\t\t<m:Link text=\"Status\" press=\"onAnotherPageLinkPress\"/>\n\t\t\t\t\t</m:Title>\n\t\t\t\t\t<m:ObjectStatus text=\"Delivery\" state=\"Success\" class=\"sapMObjectStatusLarge\"/>\n\t\t\t\t</m:VBox>\n\n\t\t\t\t<m:VBox class=\"sapUiLargeMarginEnd sapUiSmallMarginBottom\">\n\t\t\t\t\t<m:Title text=\"Delivery Time\" class=\"sapUiTinyMarginBottom\" />\n\t\t\t\t\t<m:ObjectStatus text=\"12 Days\" icon=\"sap-icon://shipping-status\" class=\"sapMObjectStatusLarge\"/>\n\t\t\t\t</m:VBox>\n\n\t\t\t\t<m:VBox class=\"sapUiLargeMarginEnd sapUiSmallMarginBottom\">\n\t\t\t\t\t<m:Title text=\"Assembly Option\" class=\"sapUiTinyMarginBottom\" />\n\t\t\t\t\t<m:ObjectStatus text=\"To Be Selected\" state=\"Error\" class=\"sapMObjectStatusLarge\"/>\n\t\t\t\t</m:VBox>\n\n\t\t\t\t<m:VBox class=\"sapUiLargeMarginEnd\">\n\t\t\t\t\t<m:Title text=\"Price\" class=\"sapUiTinyMarginBottom\" />\n\t\t\t\t\t<m:ObjectStatus text=\"579 EUR\" class=\"sapMObjectStatusLarge\"/>\n\t\t\t\t</m:VBox>\n\n\t\t\t\t<m:VBox class=\"sapUiMediumMarginEnd sapUiSmallMarginBottom\">\n\t\t\t\t\t<m:Title class=\"sapUiTinyMarginBottom\">\n\t\t\t\t\t\t<m:Link text=\"Average User Rating\" press=\"onExternalApplicationLinkPress\"/>\n\t\t\t\t\t</m:Title>\n\t\t\t\t\t<m:Label text=\"6 Reviews\"/>\n\t\t\t\t\t<m:RatingIndicator value=\"4\" iconSize=\"16px\" />\n\t\t\t\t\t<m:VBox alignItems=\"End\">\n\t\t\t\t\t\t<m:Text text=\"4.1 out of 5\"/>\n\t\t\t\t\t</m:VBox>\n\t\t\t\t</m:VBox>\n\t\t\t</m:FlexBox>\n\t\t</headerContent>\n\n\t\t<sections>\n\t\t\t<ObjectPageSection titleUppercase=\"false\" id=\"goalsSection\" title=\"2014 Goals Plan\">\n\t\t\t\t<subSections>\n\t\t\t\t\t<ObjectPageSubSection id=\"goalsSectionSS1\" titleUppercase=\"false\">\n\t\t\t\t\t\t<blocks>\n\t\t\t\t\t\t\t<goals:GoalsBlock id=\"goalsblock\" class=\"sapUxAPObjectPageSubSectionAlignContent\"/>\n\t\t\t\t\t\t</blocks>\n\t\t\t\t\t</ObjectPageSubSection>\n\t\t\t\t</subSections>\n\t\t\t</ObjectPageSection>\n\n\t\t\t<ObjectPageSection titleUppercase=\"false\" id=\"personalSection\" title=\"Personal\" importance=\"Medium\">\n\t\t\t\t<subSections>\n\t\t\t\t\t<ObjectPageSubSection id=\"personalSectionSS1\" title=\"Connect\" titleUppercase=\"false\">\n\t\t\t\t\t\t<blocks>\n\t\t\t\t\t\t\t<personal:BlockPhoneNumber id=\"phone\" class=\"sapUxAPObjectPageSubSectionAlignContent\"/>\n\t\t\t\t\t\t\t<personal:BlockSocial id=\"social\" class=\"sapUxAPObjectPageSubSectionAlignContent\"/>\n\t\t\t\t\t\t\t<personal:BlockAdresses id=\"adresses\" class=\"sapUxAPObjectPageSubSectionAlignContent\"/>\n\t\t\t\t\t\t\t<personal:BlockMailing id=\"mailing\" columnLayout=\"1\" class=\"sapUxAPObjectPageSubSectionAlignContent\"/>\n\t\t\t\t\t\t</blocks>\n\t\t\t\t\t</ObjectPageSubSection>\n\n\t\t\t\t\t<ObjectPageSubSection id=\"personalSectionSS2\" title=\"Payment information\" titleUppercase=\"false\">\n\t\t\t\t\t\t<blocks>\n\t\t\t\t\t\t\t<personal:PersonalBlockPart1 id=\"part1\" columnLayout=\"1\" class=\"sapUxAPObjectPageSubSectionAlignContent\"/>\n\t\t\t\t\t\t</blocks>\n\t\t\t\t\t\t<moreBlocks>\n\t\t\t\t\t\t\t<personal:PersonalBlockPart2 id=\"part2\" columnLayout=\"1\" class=\"sapUxAPObjectPageSubSectionAlignContent\"/>\n\t\t\t\t\t\t</moreBlocks>\n\t\t\t\t\t</ObjectPageSubSection>\n\t\t\t\t</subSections>\n\t\t\t</ObjectPageSection>\n\n\t\t\t<ObjectPageSection titleUppercase=\"false\" id=\"employmentSection\" title=\"Employment\">\n\t\t\t\t<subSections>\n\t\t\t\t\t<ObjectPageSubSection id=\"employmentSectionSS1\" title=\"Job information\" titleUppercase=\"false\">\n\t\t\t\t\t\t<blocks>\n\t\t\t\t\t\t\t<employment:BlockJobInfoPart1 id=\"jobinfopart1\" class=\"sapUxAPObjectPageSubSectionAlignContent\"/>\n\t\t\t\t\t\t\t<employment:BlockJobInfoPart2 id=\"jobinfopart2\" class=\"sapUxAPObjectPageSubSectionAlignContent\"/>\n\t\t\t\t\t\t\t<employment:BlockJobInfoPart3 id=\"jobinfopart3\"/>\n\t\t\t\t\t\t</blocks>\n\t\t\t\t\t</ObjectPageSubSection>\n\n\t\t\t\t\t<ObjectPageSubSection id=\"employmentSectionSS2\" title=\"Employee Details\" importance=\"Medium\" titleUppercase=\"false\">\n\t\t\t\t\t\t<blocks>\n\t\t\t\t\t\t\t<employment:BlockEmpDetailPart1 id=\"empdetailpart1\" columnLayout=\"1\" class=\"sapUxAPObjectPageSubSectionAlignContent\"/>\n\t\t\t\t\t\t</blocks>\n\t\t\t\t\t\t<moreBlocks>\n\t\t\t\t\t\t\t<employment:BlockEmpDetailPart2 id=\"empdetailpart2\" columnLayout=\"1\" class=\"sapUxAPObjectPageSubSectionAlignContent\"/>\n\t\t\t\t\t\t\t<employment:BlockEmpDetailPart3 id=\"empdetailpart3\" columnLayout=\"1\" class=\"sapUxAPObjectPageSubSectionAlignContent\"/>\n\t\t\t\t\t\t</moreBlocks>\n\t\t\t\t\t</ObjectPageSubSection>\n\t\t\t\t</subSections>\n\t\t\t</ObjectPageSection>\n\n\t\t\t<ObjectPageSection titleUppercase=\"false\" id=\"orderDetailsSection\" title=\"Order Details\">\n\t\t\t\t<subSections>\n\t\t\t\t\t<ObjectPageSubSection title=\"Order Details\" showTitle=\"false\">\n\t\t\t\t\t\t<blocks>\n\t\t\t\t\t\t\t<forms:SimpleForm class=\"sapUxAPObjectPageSubSectionAlignContent\"\n\t\t\t\t\t\t\t\t\t\t\t layout=\"ColumnLayout\"\n\t\t\t\t\t\t\t\t\t\t\t columnsM=\"2\"\n\t\t\t\t\t\t\t\t\t\t\t columnsL=\"3\"\n\t\t\t\t\t\t\t\t\t\t\t columnsXL=\"4\">\n\t\t\t\t\t\t\t\t<core:Title text=\"Order Details\" />\n\n\t\t\t\t\t\t\t\t<m:Label text=\"Order ID\" />\n\t\t\t\t\t\t\t\t<m:Text text=\"589946637\" />\n\n\t\t\t\t\t\t\t\t<m:Label text=\"Cotract\" />\n\t\t\t\t\t\t\t\t<m:Link text=\"10045876\" />\n\n\t\t\t\t\t\t\t\t<m:Label text=\"Transaction Date:\" />\n\t\t\t\t\t\t\t\t<m:Text text=\"May 6, 2018\" />\n\n\t\t\t\t\t\t\t\t<m:Label text=\"Expected Delivery Date\" />\n\t\t\t\t\t\t\t\t<m:Text text=\"June 23, 2018\" />\n\n\t\t\t\t\t\t\t\t<m:Label text=\"Factory\" />\n\t\t\t\t\t\t\t\t<m:Text text=\"Orlando, FL\" />\n\n\t\t\t\t\t\t\t\t<m:Label text=\"Supplier\" />\n\t\t\t\t\t\t\t\t<m:Text text=\"Robotech\" />\n\n\t\t\t\t\t\t\t\t<core:Title text=\"Configuration Accounts\" />\n\n\t\t\t\t\t\t\t\t<m:Label text=\"Model\" />\n\t\t\t\t\t\t\t\t<m:Text text=\"Robot Arm Series 9\" />\n\n\t\t\t\t\t\t\t\t<m:Label text=\"Color\" />\n\t\t\t\t\t\t\t\t<m:Text text=\"White (default)\" />\n\n\t\t\t\t\t\t\t\t<m:Label text=\"Socket\" />\n\t\t\t\t\t\t\t\t<m:Text text=\"Default Socket 10\" />\n\n\t\t\t\t\t\t\t\t<m:Label text=\"Leasing Instalment\" />\n\t\t\t\t\t\t\t\t<m:Text text=\"379.99 USD per month\" />\n\n\t\t\t\t\t\t\t\t<m:Label text=\"Axis\" />\n\t\t\t\t\t\t\t\t<m:Text text=\"6 Axis\" />\n\t\t\t\t\t\t\t</forms:SimpleForm>\n\t\t\t\t\t\t</blocks>\n\t\t\t\t\t</ObjectPageSubSection>\n\t\t\t\t</subSections>\n\t\t\t</ObjectPageSection>\n\t\t</sections>\n\t</ObjectPageLayout>\n</mvc:View>\n",
805
+ "view/QuickView.fragment.xml": "<core:FragmentDefinition xmlns=\"sap.m\" xmlns:core=\"sap.ui.core\">\n\t<QuickView\n\t\t\tid=\"quickView\"\n\t\t\tpages=\"{\n\t\t\tpath: '/pages',\n\t\t\ttemplateShareable: true\n\t\t\t}\"\n\t\t\tnavigate=\".onNavigate\">\n\t\t<QuickViewPage\n\t\t\t\tpageId=\"{pageId}\"\n\t\t\t\theader=\"{header}\"\n\t\t\t\ttitle=\"{title}\"\n\t\t\t\ttitleUrl=\"{titleUrl}\"\n\t\t\t\tdescription=\"{description}\"\n\t\t\t\tgroups=\"{\n\t\t\t\tpath: 'groups',\n\t\t\t\ttemplateShareable: true\n\t\t\t}\">\n\t\t\t<avatar>\n\t\t\t\t<Avatar\n\t\t\t\t\t\tsrc=\"{icon}\"\n\t\t\t\t\t\tdisplayShape=\"{displayShape}\"\n\t\t\t\t/>\n\t\t\t</avatar>\n\t\t\t<QuickViewGroup heading=\"{heading}\" elements=\"{ path: 'elements', templateShareable: true }\">\n\t\t\t\t<QuickViewGroupElement\n\t\t\t\t\t\tlabel=\"{label}\"\n\t\t\t\t\t\tvalue=\"{value}\"\n\t\t\t\t\t\turl=\"{url}\"\n\t\t\t\t\t\ttype=\"{elementType}\"\n\t\t\t\t\t\tpageLinkId=\"{pageLinkId}\"\n\t\t\t\t\t\temailSubject=\"{emailSubject}\"\n\t\t\t\t\t\ttarget=\"{target}\" />\n\t\t\t</QuickViewGroup>\n\t\t</QuickViewPage>\n\t</QuickView>\n</core:FragmentDefinition>\n"
806
+ }
807
+ };
808
+ export const NOTICE = "CSPeach vendored UI5 sample corpus\n==================================\n\nThe UI5 sample sources bundled in sources.generated.ts are adapted from\nOpenUI5 (github.com/SAP/openui5), modified for grounding use in the CSPeach\nfiori freestyle composer. Sources were extracted from the OpenUI5 repository\ntarball at tag 1.120.14, reduced to view / controller / Component / manifest\nfiles, and reformatted for inline bundling; no OpenUI5 sample is redistributed\nunmodified. Per-sample provenance (original path + license) is recorded in\nindex.json alongside each entry.\n\nOpenUI5 is licensed under the Apache License, Version 2.0. The full license\ntext follows, per Apache-2.0 section 4.\n\n Apache License\n Version 2.0, January 2004\n http://www.apache.org/licenses/\n\n TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION\n\n 1. Definitions.\n\n \"License\" shall mean the terms and conditions for use, reproduction,\n and distribution as defined by Sections 1 through 9 of this document.\n\n \"Licensor\" shall mean the copyright owner or entity authorized by\n the copyright owner that is granting the License.\n\n \"Legal Entity\" shall mean the union of the acting entity and all\n other entities that control, are controlled by, or are under common\n control with that entity. For the purposes of this definition,\n \"control\" means (i) the power, direct or indirect, to cause the\n direction or management of such entity, whether by contract or\n otherwise, or (ii) ownership of fifty percent (50%) or more of the\n outstanding shares, or (iii) beneficial ownership of such entity.\n\n \"You\" (or \"Your\") shall mean an individual or Legal Entity\n exercising permissions granted by this License.\n\n \"Source\" form shall mean the preferred form for making modifications,\n including but not limited to software source code, documentation\n source, and configuration files.\n\n \"Object\" form shall mean any form resulting from mechanical\n transformation or translation of a Source form, including but\n not limited to compiled object code, generated documentation,\n and conversions to other media types.\n\n \"Work\" shall mean the work of authorship, whether in Source or\n Object form, made available under the License, as indicated by a\n copyright notice that is included in or attached to the work\n (an example is provided in the Appendix below).\n\n \"Derivative Works\" shall mean any work, whether in Source or Object\n form, that is based on (or derived from) the Work and for which the\n editorial revisions, annotations, elaborations, or other modifications\n represent, as a whole, an original work of authorship. For the purposes\n of this License, Derivative Works shall not include works that remain\n separable from, or merely link (or bind by name) to the interfaces of,\n the Work and Derivative Works thereof.\n\n \"Contribution\" shall mean any work of authorship, including\n the original version of the Work and any modifications or additions\n to that Work or Derivative Works thereof, that is intentionally\n submitted to Licensor for inclusion in the Work by the copyright owner\n or by an individual or Legal Entity authorized to submit on behalf of\n the copyright owner. For the purposes of this definition, \"submitted\"\n means any form of electronic, verbal, or written communication sent\n to the Licensor or its representatives, including but not limited to\n communication on electronic mailing lists, source code control systems,\n and issue tracking systems that are managed by, or on behalf of, the\n Licensor for the purpose of discussing and improving the Work, but\n excluding communication that is conspicuously marked or otherwise\n designated in writing by the copyright owner as \"Not a Contribution.\"\n\n \"Contributor\" shall mean Licensor and any individual or Legal Entity\n on behalf of whom a Contribution has been received by Licensor and\n subsequently incorporated within the Work.\n\n 2. Grant of Copyright License. Subject to the terms and conditions of\n this License, each Contributor hereby grants to You a perpetual,\n worldwide, non-exclusive, no-charge, royalty-free, irrevocable\n copyright license to reproduce, prepare Derivative Works of,\n publicly display, publicly perform, sublicense, and distribute the\n Work and such Derivative Works in Source or Object form.\n\n 3. Grant of Patent License. Subject to the terms and conditions of\n this License, each Contributor hereby grants to You a perpetual,\n worldwide, non-exclusive, no-charge, royalty-free, irrevocable\n (except as stated in this section) patent license to make, have made,\n use, offer to sell, sell, import, and otherwise transfer the Work,\n where such license applies only to those patent claims licensable\n by such Contributor that are necessarily infringed by their\n Contribution(s) alone or by combination of their Contribution(s)\n with the Work to which such Contribution(s) was submitted. If You\n institute patent litigation against any entity (including a\n cross-claim or counterclaim in a lawsuit) alleging that the Work\n or a Contribution incorporated within the Work constitutes direct\n or contributory patent infringement, then any patent licenses\n granted to You under this License for that Work shall terminate\n as of the date such litigation is filed.\n\n 4. Redistribution. You may reproduce and distribute copies of the\n Work or Derivative Works thereof in any medium, with or without\n modifications, and in Source or Object form, provided that You\n meet the following conditions:\n\n (a) You must give any other recipients of the Work or\n Derivative Works a copy of this License; and\n\n (b) You must cause any modified files to carry prominent notices\n stating that You changed the files; and\n\n (c) You must retain, in the Source form of any Derivative Works\n that You distribute, all copyright, patent, trademark, and\n attribution notices from the Source form of the Work,\n excluding those notices that do not pertain to any part of\n the Derivative Works; and\n\n (d) If the Work includes a \"NOTICE\" text file as part of its\n distribution, then any Derivative Works that You distribute must\n include a readable copy of the attribution notices contained\n within such NOTICE file, excluding those notices that do not\n pertain to any part of the Derivative Works, in at least one\n of the following places: within a NOTICE text file distributed\n as part of the Derivative Works; within the Source form or\n documentation, if provided along with the Derivative Works; or,\n within a display generated by the Derivative Works, if and\n wherever such third-party notices normally appear. The contents\n of the NOTICE file are for informational purposes only and\n do not modify the License. You may add Your own attribution\n notices within Derivative Works that You distribute, alongside\n or as an addendum to the NOTICE text from the Work, provided\n that such additional attribution notices cannot be construed\n as modifying the License.\n\n You may add Your own copyright statement to Your modifications and\n may provide additional or different license terms and conditions\n for use, reproduction, or distribution of Your modifications, or\n for any such Derivative Works as a whole, provided Your use,\n reproduction, and distribution of the Work otherwise complies with\n the conditions stated in this License.\n\n 5. Submission of Contributions. Unless You explicitly state otherwise,\n any Contribution intentionally submitted for inclusion in the Work\n by You to the Licensor shall be under the terms and conditions of\n this License, without any additional terms or conditions.\n Notwithstanding the above, nothing herein shall supersede or modify\n the terms of any separate license agreement you may have executed\n with Licensor regarding such Contributions.\n\n 6. Trademarks. This License does not grant permission to use the trade\n names, trademarks, service marks, or product names of the Licensor,\n except as required for reasonable and customary use in describing the\n origin of the Work and reproducing the content of the NOTICE file.\n\n 7. Disclaimer of Warranty. Unless required by applicable law or\n agreed to in writing, Licensor provides the Work (and each\n Contributor provides its Contributions) on an \"AS IS\" BASIS,\n WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\n implied, including, without limitation, any warranties or conditions\n of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A\n PARTICULAR PURPOSE. You are solely responsible for determining the\n appropriateness of using or redistributing the Work and assume any\n risks associated with Your exercise of permissions under this License.\n\n 8. Limitation of Liability. In no event and under no legal theory,\n whether in tort (including negligence), contract, or otherwise,\n unless required by applicable law (such as deliberate and grossly\n negligent acts) or agreed to in writing, shall any Contributor be\n liable to You for damages, including any direct, indirect, special,\n incidental, or consequential damages of any character arising as a\n result of this License or out of the use or inability to use the\n Work (including but not limited to damages for loss of goodwill,\n work stoppage, computer failure or malfunction, or any and all\n other commercial damages or losses), even if such Contributor\n has been advised of the possibility of such damages.\n\n 9. Accepting Warranty or Additional Liability. While redistributing\n the Work or Derivative Works thereof, You may choose to offer,\n and charge a fee for, acceptance of support, warranty, indemnity,\n or other liability obligations and/or rights consistent with this\n License. However, in accepting such obligations, You may act only\n on Your own behalf and on Your sole responsibility, not on behalf\n of any other Contributor, and only if You agree to indemnify,\n defend, and hold each Contributor harmless for any liability\n incurred by, or claims asserted against, such Contributor by reason\n of your accepting any such warranty or additional liability.\n\n END OF TERMS AND CONDITIONS\n";