/*!
 * OpenUI5
 * (c) Copyright 2026 SAP SE or an SAP affiliate company.
 * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
 */
sap.ui.define([
	"sap/ui/core/Control",
	"sap/ui/core/Lib",
	"sap/ui/core/Shortcut",
	"sap/f/library",
	"sap/f/DynamicPage",
	"sap/f/DynamicPageTitle",
	"sap/f/DynamicPageHeader",
	"sap/m/OverflowToolbar",
	"sap/m/ActionSheet",
	"./SemanticTitle",
	"./SemanticFooter",
	"./SemanticShareMenu",
	"./SemanticConfiguration",
	"./SemanticPageRenderer"
], function(
	Control,
	Library,
	Shortcut,
	library,
	DynamicPage,
	DynamicPageTitle,
	DynamicPageHeader,
	OverflowToolbar,
	ActionSheet,
	SemanticTitle,
	SemanticFooter,
	SemanticShareMenu,
	SemanticConfiguration,
	SemanticPageRenderer
) {
	"use strict";

	/**
	 * @deprecated As of version 1.54
	 */
	var DynamicPageTitleArea = library.DynamicPageTitleArea;

	/**
	* Constructor for a new <code>SemanticPage</code>.
	*
	* @param {string} [sId] ID for the new control, generated automatically if no ID is given
	* @param {object} [mSettings] Initial settings for the new control
	*
	* @class
	* Provides enhanced functionality by internally aggregating {@link sap.f.DynamicPage} and contains controls with semantic-specific meaning.
	*
	* <h3>Overview</h3>
	*
	* Content specified in the <code>sap.f.semantic.SemanticPage</code> aggregations is automatically
	* positioned in dedicated sections of the title or the footer of the page, depending on
	* the control's semantics.
	*
	* The actions in the <code>SemanticPage</code> title are grouped to text actions or icon actions.
	* When an aggregation is set, the actions appear in the following predefined order (from left to right):
	*
	* <ul>Text actions:
	* <li>The main semantic text action - <code>titleMainAction</code></li>
	* <li>Any custom text actions - <code>titleCustomTextActions</code></li>
	* <li>The semantic text actions - <code>editAction</code>, <code>deleteAction</code>, <code>copyAction</code> and <code>addAction</code></li></ul>
	*
	* <ul>Icon actions:
	* <li>Any custom icon actions - <code>titleCustomIconActions</code></li>
	* <li>The simple semantic icon actions - <code>favoriteAction</code> and <code>flagAction</code></li>
	* <li>The share menu semantic icon actions as a drop-down list with the following order:
	* 	<ul><li><code>sendEmailAction</code></li>
	* 	<li><code>discussInJamAction</code></li>
	* 	<li><code>shareInJamAction</code></li>
	* 	<li><code>sendMessageAction</code></li>
	* 	<li><code>printAction</code></li>
	* 	<li>Any <code>customShareActions</code></li></ul></li>
	* <li>The navigation semantic actions - <code>fullScreenAction</code>, <code>exitFullScreenAction</code>,
	* and <code>closeAction</code></li></ul>
	*
	* The actions in the <code>SemanticPage</code> footer are positioned either on its left or right area and have the following predefined order:
	*
	* <ul>Footer left area:
	* <li>The semantic text action - <code>messagesIndicator</code></li>
	* <li>The semantic label - <code>draftIndicator</code></li></ul>
	*
	* <ul>Footer right area:
	* <li>The main semantic text action - <code>footerMainAction</code></li>
	* <li>The semantic text actions - <code>positiveAction</code> and <code>negativeAction</code></li>
	* <li>Any custom text actions - <code>footerCustomActions</code></li></ul>
	*
	* <h3>Usage</h3>
	*
	* Using the <code>SemanticPage</code> facilitates the implementation of the SAP Fiori 2.0 design guidelines.
	*
	* <h3>Responsive behavior</h3>
	*
	* The responsive behavior of the <code>SemanticPage</code> depends on the behavior of the content that is displayed.
	* To adjust the <code>SemanticPage</code> content padding, the <code>sapUiContentPadding</code>,
	* <code>sapUiNoContentPadding</code>, and <code>sapUiResponsiveContentPadding</code> CSS classes can be used.
	*
	* @extends sap.ui.core.Control
	*
	* @author SAP SE
	* @version 1.145.3
	*
	* @constructor
	* @public
	* @since 1.46.0
	* @alias sap.f.semantic.SemanticPage
	* @see {@link topic:47dc86847f7a426a8e557167cf523bda Semantic Page}
	* @see {@link topic:84f3d52f492648d5b594e4f45dca7727 Semantic Pages}
	* @see {@link topic:4a97a07ec8f5441d901994d82eaab1f5 Semantic Page (sap.m)}
	* @see {@link fiori:https://experience.sap.com/fiori-design-web/semantic-page/ Semantic Page}
	*/
	var SemanticPage = Control.extend("sap.f.semantic.SemanticPage", /** @lends sap.f.semantic.SemanticPage.prototype */ {
		metadata: {
			library: "sap.f",
			properties: {

				/**
				* Determines whether the header is expanded.
				*
				* The header can be also expanded/collapsed by user interaction,
				* which requires the property to be internally mutated by the control to reflect the changed state.
				*
				* <b>Note:</b> Please be aware, that initially collapsed header state is not supported,
				* so <code>headerExpanded</code> should not be set to <code>false</code> when initializing the control.
				*/
				headerExpanded: {type: "boolean", group: "Behavior", defaultValue: true},

				/**
				* Determines whether the header is pinnable.
				*/
				headerPinnable: {type: "boolean", group: "Behavior", defaultValue: true},

				/**
				* Preserves the current header state when scrolling.
				*
				* For example, if the user expands the header by clicking on the title
				* and then scrolls down the page, the header will remain expanded.
				*
				* <b>Note:</b> Based on internal rules, the value of the property is not always taken into account - for example,
				* when the control is rendered on tablet or mobile and the title and the header
				* are with height larger than a given threshold.
				*/
				preserveHeaderStateOnScroll: {type: "boolean", group: "Behavior", defaultValue: false},

				/**
				* Determines whether the user can switch between the expanded/collapsed states of the
				* header by clicking on the title.
				*
				* If set to <code>false</code>, the title is not clickable and the application
				* must provide other means for expanding/collapsing the header, if necessary.
				*/
				toggleHeaderOnTitleClick: {type: "boolean", group: "Behavior", defaultValue: true},

				/**
				* Determines whether the footer is visible.
				*/
				showFooter: {type: "boolean", group: "Behavior", defaultValue: false},

				/**
				* Determines which of the title areas (Begin, Middle) is primary.
				*
				* <b>Note:</b> The primary area is shrinking at a lower rate, remaining visible as long as it can.
				*
				* @since 1.52
				*
				* @deprecated as of version 1.58. Please use the <code>titleAreaShrinkRatio</code> property instead.
				* The value of <code>titleAreaShrinkRatio</code> must be set in <code>Heading:Content:Actions</code> format
				* where Heading, Content and Actions are numbers greater than or equal to 0. The greater value a
				* section has the faster it shrinks when the screen size is being reduced.
				*
				* <code>titlePrimaryArea=Begin</code> can be achieved by setting a low number for the Heading area to
				* <code>titleAreaShrinkRatio</code>, for example <code>1:1.6:1.6</code>.
				*
				* <code>titlePrimaryArea=Middle</code> can be achieved by setting a low number for the Content area to
				* <code>titleAreaShrinkRatio</code>, for example <code>1.6:1:1.6</code>.
				*/
				titlePrimaryArea : {type: "sap.f.DynamicPageTitleArea", group: "Appearance", defaultValue: DynamicPageTitleArea.Begin, deprecated: true},

				/**
				* Assigns shrinking ratio to the <code>SemanticPage</code> title areas (Heading, Content, Actions).
				* The greater value a section has the faster it shrinks when the screen size is being reduced.
				*
				* The value must be set in <code>Heading:Content:Actions</code> format where Title, Content and Actions
				* are numbers greater than or equal to 0. If set to 0, the respective area will not shrink.
				*
				* For example, if <code>2:7:1</code> is set, the Content area will shrink seven times faster than
				* the Actions area. So, when all three areas have width of 500px and the available space is reduced by 100px
				* the Title area will be reduced by 20px, the Content area - by 70px and the Actions area - by 10px.
				*
				* If all the areas have assigned values greater than 1, the numbers are scaled so that at least one of them
				* is equal to 1. For example, value of <code>2:4:8</code> is equal to <code>1:2:4</code>.
				*
				*
				* @since 1.58
				*/
				titleAreaShrinkRatio : {type: "sap.f.DynamicPageTitleShrinkRatio", group: "Appearance", defaultValue: "1:1.6:1.6"},

				/**
				 * Optimizes <code>SemanticPage</code> responsiveness on small screens and behavior
				 * when expanding/collapsing the <code>SemanticPageHeader</code>.
				 *
				 * <b>Note:</b> It is recommended to use this property when displaying content
				 * of adaptive controls that stretch to fill the available space. Such controls may be
				 * {@link sap.ui.table.Table} and {@link sap.ui.table.AnalyticalTable} depending on their settings.
				 *
				 * @since 1.73
				 */
				fitContent: {type: "boolean", group: "Behavior", defaultValue: false}

			},
			defaultAggregation : "content",
			aggregations: {

				/**
				* The <code>SemanticPage</code> heading.
				*
				* A typical usage is the <code>sap.m.Title</code> or any other UI5 control,
				* that serves as a heading for an object.
				*
				* <b>Notes:</b>
				* <ul>
				* <li>The control will be placed in the title`s leftmost area.</li>
				* <li><code>titleHeading</code> is mutually exclusive with <code>titleSnappedHeading</code>
				* and <code>titleExpandedHeading</code>. If <code>titleHeading</code> is provided, both
				* <code>titleSnappedHeading</code> and <code>titleExpandedHeading</code> are ignored.
				* <code>titleHeading</code> is useful when the content of <code>titleSnappedHeading</code> and
				* <code>titleExpandedHeading</code> needs to be the same as it replaces them both.</li>
				* <li>If the <code>titleSnappedOnMobile</code> aggregation is set, its content
				* overrides this aggregation when the control is viewed on a phone mobile device and
				* the <code>SemanticPage</code> header is in its collapsed (snapped) state.</li>
				* </ul>
				*/
				titleHeading: {type: "sap.ui.core.Control", multiple: false, forwarding: {getter: "_getTitle", aggregation: "heading"}},

				/**
				* The <code>titleExpandedHeading</code> is positioned in the <code>SemanticPage</code> title left area
				* and is displayed when the header is in expanded state only.
				* Use this aggregation to display a title (or any other UI5 control that serves
				* as a heading) that has to be present in expanded state only.
				*
				* <b>Note:</b> In order for <code>titleExpandedHeading</code> to be taken into account,
				* <code>titleHeading</code> has to be empty. Combine <code>titleExpandedHeading</code> with
				* <code>titleSnappedHeading</code> to switch content when the header switches state.
				* @since 1.58
				*/
				titleExpandedHeading: {type: "sap.ui.core.Control", multiple: false, forwarding: {getter: "_getTitle", aggregation: "expandedHeading"}},

				/**
				* The <code>titleSnappedHeading</code> is positioned in the <code>SemanticPage</code> title left area
				* and is displayed when the header is in collapsed (snapped) state only.
				* Use this aggregation to display a title (or any other UI5 control that serves
				* as a heading) that has to be present in collapsed state only.
				*
				* <b>Notes:</b>
				* <ul>
				* <li>In order for <code>titleSnappedHeading</code> to be taken into account,
				* <code>titleHeading</code> has to be empty. Combine <code>titleSnappedHeading</code> with
				* <code>titleExpandedHeading</code> to switch content when the header switches state.</li>
				* <li>If the <code>titleSnappedOnMobile</code> aggregation is set, its content
				* overrides this aggregation when the control is viewed on a phone mobile device and
				* the <code>SemanticPage</code> header is in its collapsed (snapped) state.</li>
				* </ul>
				* @since 1.58
				*/
				titleSnappedHeading: {type: "sap.ui.core.Control", multiple: false, forwarding: {getter: "_getTitle", aggregation: "snappedHeading"}},

				/**
				 * The <code>SemanticPage</code> breadcrumbs.
				 *
				 * A typical usage is the <code>sap.m.Breadcrumbs</code> control or any other UI5 control,
				 * that implements the <code>sap.m.IBreadcrumbs</code> interface.
				 *
				 * <b>Notes:</b>
				 * <ul>
				 * <li>The control will be placed in the title`s top-left area.</li>
				 * <li>If the <code>titleSnappedOnMobile</code> aggregation is set, its content
				 * overrides this aggregation when the control is viewed on a phone mobile device and
				 * the <code>SemanticPage</code> header is in its collapsed (snapped) state.</li>
				 * </ul>
				 * @since 1.52
				 */
				titleBreadcrumbs: {type: "sap.m.IBreadcrumbs", multiple: false, forwarding: {getter: "_getTitle", aggregation: "breadcrumbs"}},

				/**
				 * The only content that is displayed in the <code>SemanticPage</code> title
				 * when it is viewed on a phone mobile device and the <code>SemanticPage</code> header
				 * is in collapsed (snapped) state.
				 *
				 * Using this aggregation enables you to provide a simple, single-line title that
				 * takes less space on the smaller phone screens when the
				 * <code>SemanticPage</code> header is in its collapsed (snapped) state.
				 *
				 * <b>Note:</b> The content set in this aggregation overrides all the other
				 * <code>SemanticPage</code> aggregations displayed in the title and is only visible
				 * on phone mobile devices in collapsed (snapped) state of the
				 * <code>SemanticPage</code> header.
				 *
				 * @since 1.63
				 */
				titleSnappedOnMobile: {type: "sap.m.Title", multiple: false, forwarding: {getter: "_getTitle", aggregation: "snappedTitleOnMobile"}},

				/**
				* The content, displayed in the title, when the header is in collapsed state.
				*
				* <b>Notes:</b>
				* <ul>
				* <li>The controls will be placed in the title`s left area,
				* under the <code>titleHeading</code> aggregation.</li>
				* <li>If the <code>titleSnappedOnMobile</code> aggregation is set, its
				* content overrides this aggregation when the control is viewed on a phone mobile
				* device and the <code>SemanticPage</code> header is in its collapsed (snapped) state.</li>
				* </ul>
				*/
				titleSnappedContent: {type: "sap.ui.core.Control", multiple: true, forwarding: {getter: "_getTitle", aggregation: "snappedContent"}},

				/**
				* The content,displayed in the title, when the header is in expanded state.
				*
				* <b>Note:</b> The controls will be placed in the title`s left area,
				* under the <code>titleHeading</code> aggregation.
				*/
				titleExpandedContent: {type: "sap.ui.core.Control", multiple: true, forwarding: {getter: "_getTitle", aggregation: "expandedContent"}},

				/**
				 * The content, displayed in the title.
				 *
				 * <b>Notes:</b>
				 * <ul>
				 * <li>The controls will be placed in the middle area.</li>
				 * <li>If the <code>titleSnappedOnMobile</code> aggregation is set, its
				 * content overrides this aggregation when the control is viewed on a phone mobile
				 * device and the <code>SemanticPage</code> header is in its collapsed (snapped) state.</li>
				 * </ul>
				 * @since 1.52
				 */
				titleContent: {type: "sap.ui.core.Control", multiple: true, forwarding: {getter: "_getTitle", aggregation: "content"}},

				/**
				* A semantic-specific button which is placed in the <code>SemanticPage</code> title as first action.
				*
				* <b>Note:</b> If the <code>titleSnappedOnMobile</code> aggregation is set, its
				* content overrides this aggregation when the control is viewed on a phone mobile
				* device and the <code>SemanticPage</code> header is in its collapsed (snapped) state.
				*/
				titleMainAction: {type: "sap.f.semantic.TitleMainAction", multiple: false},

				/**
				 * A semantic-specific button which is placed in the <code>TextActions</code> area of the <code>SemanticPage</code> title.
				 *
				 * <b>Note:</b> If the <code>titleSnappedOnMobile</code> aggregation is set, its
				 * content overrides this aggregation when the control is viewed on a phone mobile
				 * device and the <code>SemanticPage</code> header is in its collapsed (snapped) state.
				 *
				 * @since 1.50
				 */
				editAction: {type: "sap.f.semantic.EditAction", multiple: false},

				/**
				* A semantic-specific button which is placed in the <code>TextActions</code> area of the <code>SemanticPage</code> title.
				*
				* <b>Note:</b> If the <code>titleSnappedOnMobile</code> aggregation is set, its
				* content overrides this aggregation when the control is viewed on a phone mobile
				* device and the <code>SemanticPage</code> header is in its collapsed (snapped) state.
				*/
				deleteAction: {type: "sap.f.semantic.DeleteAction", multiple: false},

				/**
				* A semantic-specific button which is placed in the <code>TextActions</code> area of the <code>SemanticPage</code> title.
				*
				* <b>Note:</b> If the <code>titleSnappedOnMobile</code> aggregation is set, its
				* content overrides this aggregation when the control is viewed on a phone mobile
				* device and the <code>SemanticPage</code> header is in its collapsed (snapped) state.
				*/
				copyAction: {type: "sap.f.semantic.CopyAction", multiple: false},

				/**
				 * A semantic-specific button which is placed in the <code>TextActions</code> area of the <code>SemanticPage</code> title.
				 *
				 * <b>Note:</b> If the <code>titleSnappedOnMobile</code> aggregation is set, its
				 * content overrides this aggregation when the control is viewed on a phone mobile
				 * device and the <code>SemanticPage</code> header is in its collapsed (snapped) state.
				 */
				addAction: {type: "sap.f.semantic.AddAction", multiple: false},

				/**
				* A semantic-specific button which is placed in the <code>IconActions</code> area of the <code>SemanticPage</code> title.
				*
				* <b>Note:</b> If the <code>titleSnappedOnMobile</code> aggregation is set, its
				* content overrides this aggregation when the control is viewed on a phone mobile
				* device and the <code>SemanticPage</code> header is in its collapsed (snapped) state.
				*/
				flagAction: {type: "sap.f.semantic.FlagAction", multiple: false},

				/**
				* A semantic-specific button which is placed in the <code>IconActions</code> area of the <code>SemanticPage</code> title.
				*
				* <b>Note:</b> If the <code>titleSnappedOnMobile</code> aggregation is set, its
				* content overrides this aggregation when the control is viewed on a phone mobile
				* device and the <code>SemanticPage</code> header is in its collapsed (snapped) state.
				*/
				favoriteAction: {type: "sap.f.semantic.FavoriteAction", multiple: false},

				/**
				* A semantic-specific button which is placed in the <code>IconActions</code> area of the <code>SemanticPage</code> title.
				*
				* <b>Note:</b> If the <code>titleSnappedOnMobile</code> aggregation is set, its
				* content overrides this aggregation when the control is viewed on a phone mobile
				* device and the <code>SemanticPage</code> header is in its collapsed (snapped) state.
				*/
				fullScreenAction: {type: "sap.f.semantic.FullScreenAction", multiple: false},

				/**
				* A semantic-specific button which is placed in the <code>IconActions</code> area of the <code>SemanticPage</code> title.
				*
				* <b>Note:</b> If the <code>titleSnappedOnMobile</code> aggregation is set, its
				* content overrides this aggregation when the control is viewed on a phone mobile
				* device and the <code>SemanticPage</code> header is in its collapsed (snapped) state.
				*/
				exitFullScreenAction: {type: "sap.f.semantic.ExitFullScreenAction", multiple: false},

				/**
				* A semantic-specific button which is placed in the <code>IconActions</code> area of the <code>SemanticPage</code> title.
				*
				* <b>Note:</b> If the <code>titleSnappedOnMobile</code> aggregation is set, its
				* content overrides this aggregation when the control is viewed on a phone mobile
				* device and the <code>SemanticPage</code> header is in its collapsed (snapped) state.
				*/
				closeAction: {type: "sap.f.semantic.CloseAction", multiple: false},

				/**
				* The <code>titleCustomTextActions</code> are placed in the <code>TextActions</code> area of the
				* <code>SemanticPage</code> title, right before the semantic text action.
				*
				* <b>Notes:</b>
				* <ul>
				* <li>If the <code>titleSnappedOnMobile</code> aggregation is set, its
				* content overrides this aggregation when the control is viewed on a phone mobile
				* device and the <code>SemanticPage</code> header is in its collapsed (snapped) state.</li>
				* <li>Buttons that are part of this aggregation will always have their <code>type</code>
				* property set to <code>Transparent</code> by design.</li>
				* </ul>
				*/
				titleCustomTextActions: {type: "sap.m.Button", multiple: true},

				/**
				* The <code>titleCustomIconActions</code> are placed in the <code>IconActions</code> area of the
				* <code>SemanticPage</code> title, right before the semantic icon action.
				*
				* <b>Note:</b> If the <code>titleSnappedOnMobile</code> aggregation is set, its
				* content overrides this aggregation when the control is viewed on a phone mobile
				* device and the <code>SemanticPage</code> header is in its collapsed (snapped) state.
				*/
				titleCustomIconActions: {type: "sap.m.OverflowToolbarButton", multiple: true},

				/**
				* The header content.
				*/
				headerContent: {type: "sap.ui.core.Control", multiple: true, forwarding: {getter: "_getHeader", aggregation: "content"}},

				/**
				* The <code>SemanticPage</code> content.
				*
				* <b>Note:</b> The SAP Fiori Design guidelines require that the
				* <code>SemanticPage</code>'s header content and the <code>SemanticPage</code>'s content
				* are aligned vertically. When using {@link sap.ui.layout.form.Form},
				*  {@link sap.m.Panel}, {@link sap.m.Table} and {@link sap.m.List} in the content area of
				* <code>SemanticPage</code>, if the content is not already aligned, you need to adjust
				* their left text offset to achieve the vertical alignment. To do this, apply the
				* <code>sapFSemanticPageAlignContent</code> CSS class to them and set their <code>width</code>
				* property to <code>auto</code> (if not set by default).
				*
				* Example:
				*
				* <pre>
				* <code> &lt;Panel class=“sapFSemanticPageAlignContent” width=“auto”&gt;&lt;/Panel&gt; </code>
				* </pre>
				*
				* Please keep in mind that the alignment is not possible when the controls are placed in
				* a {@link sap.ui.layout.Grid} or in other layout controls that use
				* <code>overflow:hidden</code> CSS property.
				*/
				content: {type: "sap.ui.core.Control", multiple: false},

				/**
				* A semantic-specific button which is placed in the <code>FooterRight</code> area of the <code>SemanticPage</code>
				* footer with default text value set to <code>Save</code>.
				*/
				footerMainAction: {type: "sap.f.semantic.FooterMainAction", multiple: false},

				/**
				* A semantic-specific button which is placed in the <code>FooterLeft</code> area of the <code>SemanticPage</code>
				* footer as a first action.
				*/
				messagesIndicator: {type: "sap.f.semantic.MessagesIndicator", multiple: false},

				/**
				* A semantic-specific button which is placed in the <code>FooterLeft</code> area of the <code>SemanticPage</code>
				* footer as a second action.
				*/
				draftIndicator: {type: "sap.m.DraftIndicator", multiple: false},

				/**
				* A semantic-specific button which is placed in the <code>FooterRight</code> area of the <code>SemanticPage</code>
				* footer with default text value set to <code>Accept</code>.
				*/
				positiveAction: {type: "sap.f.semantic.PositiveAction", multiple: false},

				/**
				* A semantic-specific button which is placed in the <code>FooterRight</code> area of the <code>SemanticPage</code>
				* footer with default text value set to <code>Reject</code>.
				*/
				negativeAction: {type: "sap.f.semantic.NegativeAction", multiple: false},

				/**
				* The <code>footerCustomActions</code> are placed in the <code>FooterRight</code> area of the
				* <code>SemanticPage</code> footer, right after the semantic footer actions.
				*
				* <b>Note:</b> Buttons that are part of this aggregation will always have their <code>type</code>
				* property set to <code>Transparent</code> by design.
				*/
				footerCustomActions: {type: "sap.m.Button", multiple: true},

				/**
				* A semantic-specific button which is placed in the <code>ShareMenu</code> area of the <code>SemanticPage</code> title.
				*
				* <b>Note:</b> If the <code>titleSnappedOnMobile</code> aggregation is set, its
				* content overrides this aggregation when the control is viewed on a phone mobile
				* device and the <code>SemanticPage</code> header is in its collapsed (snapped) state.
				*/
				discussInJamAction: {type: "sap.f.semantic.DiscussInJamAction", multiple: false},

				/**
				* A button which is placed in the <code>ShareMenu</code> area of the <code>SemanticPage</code> title.
				*
				* <b>Note:</b> If the <code>titleSnappedOnMobile</code> aggregation is set, its
				* content overrides this aggregation when the control is viewed on a phone mobile
				* device and the <code>SemanticPage</code> header is in its collapsed (snapped) state.
				*/
				saveAsTileAction: {type: "sap.m.Button", multiple: false},

				/**
				* A semantic-specific button which is placed in the <code>ShareMenu</code> area of the <code>SemanticPage</code> title.
				*
				* <b>Note:</b> If the <code>titleSnappedOnMobile</code> aggregation is set, its
				* content overrides this aggregation when the control is viewed on a phone mobile
				* device and the <code>SemanticPage</code> header is in its collapsed (snapped) state.
				*/
				shareInJamAction: {type: "sap.f.semantic.ShareInJamAction", multiple: false},

				/**
				* A semantic-specific button which is placed in the <code>ShareMenu</code> area of the <code>SemanticPage</code> title.
				*
				* <b>Note:</b> If the <code>titleSnappedOnMobile</code> aggregation is set, its
				* content overrides this aggregation when the control is viewed on a phone mobile
				* device and the <code>SemanticPage</code> header is in its collapsed (snapped) state.
				*/
				sendMessageAction: {type: "sap.f.semantic.SendMessageAction", multiple: false},

				/**
				* A semantic-specific button which is placed in the <code>ShareMenu</code> area of the <code>SemanticPage</code> title.
				*
				* <b>Note:</b> If the <code>titleSnappedOnMobile</code> aggregation is set, its
				* content overrides this aggregation when the control is viewed on a phone mobile
				* device and the <code>SemanticPage</code> header is in its collapsed (snapped) state.
				*/
				sendEmailAction: {type: "sap.f.semantic.SendEmailAction", multiple: false},

				/**
				* A semantic-specific button which is placed in the <code>ShareMenu</code> area of the <code>SemanticPage</code> title.
				*
				* <b>Note:</b> If the <code>titleSnappedOnMobile</code> aggregation is set, its
				* content overrides this aggregation when the control is viewed on a phone mobile
				* device and the <code>SemanticPage</code> header is in its collapsed (snapped) state.
				*/
				printAction: {type: "sap.f.semantic.PrintAction", multiple: false},

				/**
				* The <code>customShareActions</code> are placed in the <code>ShareMenu</code> area of the
				* <code>SemanticPage</code> title, right after the semantic actions.
				*
				* The text and icon of the button inside the <code>customShareActions</code> aggregation, can be customized.
				*
				* <b>Note:</b> If the <code>titleSnappedOnMobile</code> aggregation is set, its
				* content overrides this aggregation when the control is viewed on a phone mobile
				* device and the <code>SemanticPage</code> header is in its collapsed (snapped) state.
				*/
				customShareActions: {type: "sap.m.Button", multiple: true},

				/**
				 * Accessible landmark settings to be applied to the containers of the <code>sap.f.semantic.SemanticPage</code> control.
				 *
				 * If not set, no landmarks will be written.
				 *
				 * @since 1.61
				 */
				landmarkInfo : {type : "sap.f.DynamicPageAccessibleLandmarkInfo", multiple : false, forwarding: {getter: "_getPage", aggregation: "landmarkInfo"}},

				/**
				* The aggregation holds <code>DynamicPage</code>, used internally.
				*/
				_dynamicPage: {type: "sap.f.DynamicPage", multiple: false, visibility: "hidden"}
			},
			dnd: { draggable: false, droppable: true },
			designtime : "sap/f/designtime/SemanticPage.designtime"
		},

		renderer: SemanticPageRenderer
	});

	/*
	* STATIC MEMBERS
	*/
	SemanticPage._EVENTS = {
		SHARE_MENU_CONTENT_CHANGED : "_shareMenuContentChanged"
	};

	SemanticPage._SAVE_AS_TILE_ACTION = "saveAsTileAction";

	SemanticPage.CONTENT_PADDING_CLASSES_TO_FORWARD = {
		"sapUiNoContentPadding": true,
		"sapUiContentPadding": true,
		"sapUiResponsiveContentPadding": true
	};

	SemanticPage.ARIA_ROLE_DESCRIPTION = "SEMANTIC_PAGE_ROLE_DESCRIPTION";
	/*
	* LIFECYCLE METHODS
	*/
	SemanticPage.prototype.init = function () {
		this._bSPBeingDestroyed = false;
		this._initDynamicPage();
		this._attachShareMenuButtonChange();
		this._fnActionSubstituteParentFunction = function () {
			return this;
		}.bind(this);
	};

	SemanticPage.prototype.exit = function () {
		this._bSPBeingDestroyed = true;
		this._cleanMemory();
	};

	/*
	* =================================================
	* PROPERTY PROXY METHODS
	* =================================================
	*/

	SemanticPage.prototype.setHeaderExpanded = function (bHeaderExpanded) {
		this._getPage().setHeaderExpanded(bHeaderExpanded);
		return this;
	};

	SemanticPage.prototype.getHeaderExpanded = function () {
		// We must override the getter,
		// because <code>DynamicPage</code> mutates the <code>headerExpanded</code> internally.
		return this._getPage().getHeaderExpanded();
	};

	SemanticPage.prototype.setHeaderPinnable = function (bHeaderPinnable) {
		var oDynamicPage = this._getPage(),
			oDynamicPageHeader = oDynamicPage.getHeader();

		oDynamicPageHeader.setPinnable(bHeaderPinnable);

		return this.setProperty("headerPinnable", oDynamicPageHeader.getPinnable(), true);
	};

	SemanticPage.prototype.setPreserveHeaderStateOnScroll = function (bPreserveHeaderStateOnScroll) {
		var oDynamicPage = this._getPage();

		oDynamicPage.setPreserveHeaderStateOnScroll(bPreserveHeaderStateOnScroll);

		return this.setProperty("preserveHeaderStateOnScroll", oDynamicPage.getPreserveHeaderStateOnScroll(), true);
	};

	SemanticPage.prototype.setToggleHeaderOnTitleClick = function (bToggleHeaderOnTitleClick) {
		this._getPage().setToggleHeaderOnTitleClick(bToggleHeaderOnTitleClick);
		return this.setProperty("toggleHeaderOnTitleClick", bToggleHeaderOnTitleClick, true);
	};

	SemanticPage.prototype.setShowFooter = function (bShowFooter) {
		this._getPage().setShowFooter(bShowFooter);
		return this.setProperty("showFooter", bShowFooter, true);
	};
	/**
	 * @deprecated As of version 1.58, <code>titlePrimaryArea</code> has been deprecated
	 */
	SemanticPage.prototype.setTitlePrimaryArea = function (oPrimaryArea) {
		var oDynamicPageTitle = this._getTitle();

		oDynamicPageTitle.setPrimaryArea(oPrimaryArea);
		return this.setProperty("titlePrimaryArea", oDynamicPageTitle.getPrimaryArea(), true);
	};

	SemanticPage.prototype.setTitleAreaShrinkRatio = function (sAreaShrinkRatio) {
		var oDynamicPageTitle = this._getTitle();

		oDynamicPageTitle.setAreaShrinkRatio(sAreaShrinkRatio);
		return this.setProperty("titleAreaShrinkRatio", oDynamicPageTitle.getAreaShrinkRatio(), true);
	};

	SemanticPage.prototype.setFitContent = function (bFitContent) {
		this._getPage().setFitContent(bFitContent);
		return this.setProperty("fitContent", bFitContent, true);
	};

	SemanticPage.prototype.addStyleClass = function (sClass, bSuppressRerendering) {
		var oDynamicPage = this.getAggregation("_dynamicPage");

		if (SemanticPage.CONTENT_PADDING_CLASSES_TO_FORWARD[sClass]) {
			oDynamicPage.addStyleClass(sClass, true);
		}

		return Control.prototype.addStyleClass.call(this, sClass, bSuppressRerendering);
	};

	SemanticPage.prototype.removeStyleClass = function (sClass, bSuppressRerendering) {
		var oDynamicPage = this.getAggregation("_dynamicPage");

		if (SemanticPage.CONTENT_PADDING_CLASSES_TO_FORWARD[sClass]) {
			oDynamicPage.removeStyleClass(sClass, true);
		}

		return Control.prototype.removeStyleClass.call(this, sClass, bSuppressRerendering);
	};

	SemanticPage.prototype.clone = function(){
		var oClone = Control.prototype.clone.apply(this, arguments),
			oContent = this.getAggregation('_dynamicPage').getContent();

		oClone.setContent(oContent.clone());

		return oClone;
	};

	/*
	 * =================================================
	 * AGGREGATION METHODS
	 * =================================================
	 */

	SemanticPage.prototype.setAggregation = function (sAggregationName, oObject, bSuppressInvalidate) {
		var oOldChild = this.mAggregations[sAggregationName], sType, sPlacement;

		if (oOldChild === oObject) {
			return this;
		}

		oObject = this.validateAggregation(sAggregationName, oObject, false);

		if (sAggregationName === SemanticPage._SAVE_AS_TILE_ACTION) {
			sType = SemanticPage._SAVE_AS_TILE_ACTION;
		} else {
			sType = this.getMetadata().getManagedAggregation(sAggregationName).type;
		}

		if (SemanticConfiguration.isKnownSemanticType(sType)) {
			sPlacement = SemanticConfiguration.getPlacement(sType);

			if (oOldChild) {
				this._onRemoveAggregation(oOldChild, sType);
				this._getSemanticContainer(sPlacement).removeContent(oOldChild, sPlacement);
			}

			if (oObject) {
				oObject._getType = function() {
					return sType;
				};
				this._getSemanticContainer(sPlacement).addContent(oObject, sPlacement);
				this._onAddAggregation(oObject, sType);
			}

			return Control.prototype.setAggregation.call(this, sAggregationName, oObject, true);
		}

		return Control.prototype.setAggregation.call(this, sAggregationName, oObject, bSuppressInvalidate);
	};

	SemanticPage.prototype.destroyAggregation = function (sAggregationName, bSuppressInvalidate) {
		var oAggregationInfo = this.getMetadata().getAggregations()[sAggregationName], oObject, sPlacement, sType;

		if (sAggregationName === SemanticPage._SAVE_AS_TILE_ACTION) {
			sType = SemanticPage._SAVE_AS_TILE_ACTION;
		} else {
			sType = oAggregationInfo && oAggregationInfo.type;
		}

		if (sType && SemanticConfiguration.isKnownSemanticType(sType)) {
			oObject = Control.prototype.getAggregation.call(this, sAggregationName);

			if (oObject) {
				sPlacement = SemanticConfiguration.getPlacement(sType);
				this._onRemoveAggregation(oObject, sType);
				!this._bSPBeingDestroyed && this._getSemanticContainer(sPlacement).removeContent(oObject, sPlacement);
			}
		}

		return Control.prototype.destroyAggregation.call(this, sAggregationName, bSuppressInvalidate);
	};

	SemanticPage.prototype.onBeforeRendering = function () {
		var oShareMenu = this._getShareMenu(),
			aVisibleActions = oShareMenu._getVisibleActions(),
			iVisibleActionsCount = aVisibleActions.length;

		oShareMenu._getShareMenuButton().setVisible(iVisibleActionsCount > 1);

		if (iVisibleActionsCount === 1) {
			this._showSingleVisibleAction();
		}

		// Move back the previously only one visible action to the ShareMenu, if new ones have been added
		if (this._iVisibleShareMenuAction === 1 & iVisibleActionsCount > 1) {
			this._hideSingleVisibleAction();
			this._iVisibleShareMenuAction = iVisibleActionsCount;

		}
	};

	SemanticPage.prototype._addShareMenuSingleAction = function (oVisibleAction) {
		if (oVisibleAction) {
			var bIsKnownSemanticType = SemanticConfiguration.isKnownSemanticType(oVisibleAction.getMetadata().getName());

			oVisibleAction._bIsSingleAction = true;

			this._getSemanticTitle().addContent(oVisibleAction,
				bIsKnownSemanticType ? SemanticConfiguration._Placement.titleIcon : SemanticConfiguration._Placement.titleText);

			this._iVisibleShareMenuAction = 1;
			this._oSingleVisibleAction = oVisibleAction;
		}
	};

	/**
	* Proxies the <code>sap.f.semantic.SemanticPage</code> <code>content</code>
	* aggregation methods to the <code>sap.f.DynamicPage</code> <code>content</code> aggregation.
	*
	* @override
	*/
	["getContent", "setContent", "destroyContent"]
		.forEach(function (sMethod) {
			var bChainable = /^(set|destroy)/.test(sMethod);
			SemanticPage.prototype[sMethod] = function (oControl) {
				var oDynamicPage = this._getPage();
				var vResult = oDynamicPage[sMethod].apply(oDynamicPage, arguments);
				return bChainable ? this : vResult;
			};
		}, this);

	/**
	* Proxies the <code>sap.f.semantic.SemanticPage</code> <code>titleCustomTextActions</code>
	* aggregation methods to the internal <code>sap.f.DynamicPageTitle</code>,
	* using the <code>sap.f.semantic.SemanticTitle</code> wrapper class.
	*
	* @override
	*/
	[
		"addTitleCustomTextAction",
		"insertTitleCustomTextAction",
		"indexOfTitleCustomTextAction",
		"removeTitleCustomTextAction",
		"removeAllTitleCustomTextActions",
		"destroyTitleCustomTextActions",
		"getTitleCustomTextActions"
	].forEach(function (sMethod) {
		var bChainable = /^(add|insert|destroy)/.test(sMethod);
		SemanticPage.prototype[sMethod] = function () {
			var oSemanticTitle = this._getSemanticTitle(),
				sSemanticTitleMethod = sMethod.replace(/TitleCustomTextAction?/, "CustomTextAction"),
				vResult;

			vResult = oSemanticTitle[sSemanticTitleMethod].apply(oSemanticTitle, arguments);
			return bChainable ? this : vResult;
		};
	}, this);

	/**
	* Proxies the <code>sap.f.semantic.SemanticPage</code> <code>titleCustomIconActions</code>
	* aggregation methods to the internal <code>sap.f.DynamicPageTitle</code>,
	* using the <code>sap.f.semantic.SemanticTitle</code> wrapper class.
	*
	* @override
	*/
	[
		"addTitleCustomIconAction",
		"insertTitleCustomIconAction",
		"indexOfTitleCustomIconAction",
		"removeTitleCustomIconAction",
		"removeAllTitleCustomIconActions",
		"destroyTitleCustomIconActions",
		"getTitleCustomIconActions"
	].forEach(function (sMethod) {
		var bChainable = /^(add|insert|destroy)/.test(sMethod);
		SemanticPage.prototype[sMethod] = function () {
			var oSemanticTitle = this._getSemanticTitle(),
				sSemanticTitleMethod = sMethod.replace(/TitleCustomIconAction?/, "CustomIconAction"),
				vResult;

			vResult = oSemanticTitle[sSemanticTitleMethod].apply(oSemanticTitle, arguments);
			return bChainable ? this : vResult;
		};
	}, this);


	/**
	* Proxies the <code>sap.f.semantic.SemanticPage</code> <code>footerCustomActions</code> aggregation methods
	* to <code>OverflowToolbar</code>, using the <code>sap.f.semantic.SemanticFooter</code> wrapper class.
	*
	* @override
	*/
	[
		"addFooterCustomAction",
		"insertFooterCustomAction",
		"indexOfFooterCustomAction",
		"removeFooterCustomAction",
		"removeAllFooterCustomActions",
		"destroyFooterCustomActions",
		"getFooterCustomActions"
	].forEach(function (sMethod) {
		var bChainable = /^(add|insert|destroy)/.test(sMethod);
		SemanticPage.prototype[sMethod] = function () {
			var oSemanticFooter = this._getSemanticFooter(),
				sSemanticFooterMethod = sMethod.replace(/FooterCustomAction?/, "CustomAction"),
				vResult;

			vResult = oSemanticFooter[sSemanticFooterMethod].apply(oSemanticFooter, arguments);
			return bChainable ? this : vResult;
		};
	}, this);


	/**
	* Proxies the <code>sap.f.semantic.SemanticPage</code> <code>customShareActions</code> aggregation methods.
	*
	* @override
	*/
	[
		"addCustomShareAction",
		"insertCustomShareAction",
		"indexOfCustomShareAction",
		"removeCustomShareAction",
		"removeAllCustomShareActions",
		"destroyCustomShareActions",
		"getCustomShareActions"
	].forEach(function (sMethod) {
		var bChainable = /^(add|insert|destroy)/.test(sMethod);
		SemanticPage.prototype[sMethod] = function () {
			var oSemanticShareMenu = this._getShareMenu(),
				sSemanticShareMenuMethod = sMethod.replace(/CustomShareAction?/, "CustomAction"),
				vResult;

			vResult = oSemanticShareMenu[sSemanticShareMenuMethod].apply(oSemanticShareMenu, arguments);
			return bChainable ? this : vResult;
		};
	}, this);

	/**
	* Process the given control,
	* before setting it to one of the <code>sap.f.semantic.SemanticPage</code> aggregations.
	* @param {sap.ui.core.Control} oControl
	* @param {string} sType
	* @private
	*/
	SemanticPage.prototype._onAddAggregation = function (oControl, sType) {
		if (sType === SemanticPage._SAVE_AS_TILE_ACTION) {
			this._replaceParent(oControl);
		}
	};

	/**
	* Process the given control,
	* after removing it from one of the <code>sap.f.semantic.SemanticPage</code> aggregations.
	* @param {sap.ui.core.Control} oControl
	* @param {string} sType
	* @private
	*/
	SemanticPage.prototype._onRemoveAggregation = function (oControl, sType) {
		if (sType === SemanticPage._SAVE_AS_TILE_ACTION) {
			 this._restoreParent(oControl);
		}

		if (oControl._getType) {
			delete oControl._getType;
		}
	};

	/**
	* Replaces the <code>getParent</code> function of the given control,
	* so the control would return the <code>SemanticPage</code> as its parent, rather than its real parent.
	* @param {sap.ui.core.Control} oControl
	* @private
	*/
	SemanticPage.prototype._replaceParent = function (oControl) {
		if (oControl._fnOriginalGetParent) {
			return;
		}

		oControl._fnOriginalGetParent = oControl.getParent;
		oControl.getParent = this._fnActionSubstituteParentFunction;
	};

	/**
	 * Restores the original <code>getParent</code> function of the given control.
	 * @param oControl
	 * @private
	 */
	SemanticPage.prototype._restoreParent = function (oControl) {
		if (oControl && oControl._fnOriginalGetParent) {
			oControl.getParent = oControl._fnOriginalGetParent;
		}
	};

	/*
	* Attaches a handler to the <code>ShareMenu</code> base button change.
	* When the <code>ShareMenu</code> base button changes,
	* the old base button should be replaced by the new one.
	*
	* @private
	*/
	SemanticPage.prototype._attachShareMenuButtonChange = function () {
		this.attachEvent(SemanticPage._EVENTS.SHARE_MENU_CONTENT_CHANGED, this._onShareMenuContentChanged, this);
	};

	/*
	* Handles the <code>SHARE_MENU_CONTENT_CHANGED</code> event.
	*
	* @private
	*/
	SemanticPage.prototype._onShareMenuContentChanged = function (oEvent) {
		var bShareMenuEmpty = oEvent.getParameter("bEmpty"),
			oSemanticTitle = this._getSemanticTitle(),
			oSemanticShareMenu = this._getShareMenu(),
			oShareMenuButton = oSemanticShareMenu._getShareMenuButton();

		if (!oShareMenuButton.getParent()) {
			oSemanticTitle.addContent(oShareMenuButton, "shareIcon");
			return;
		}

		oShareMenuButton.setVisible(!bShareMenuEmpty);
	};

	/*
	* =================================================
	* CREATION METHODS of:
	* <code>sap.f.DynamicPage</code>,
	* <code>sap.f.DynamicPageTitle</code>,
	* <code>sap.f.DynamicPageHeader</code>,
	* <code>sap.f.semantic.SemanticTitle</code>,
	* <code>sap.f.semantic.SemanticFooter</code> and
	* <code>sap.f.semantic.SemanticShareMenu</code>.
	* =================================================
	*/

	/**
	* Retrieves the internal <code>DynamicPage</code> aggregation.
	*
	* @returns {sap.f.DynamicPage}
	* @private
	*/
	SemanticPage.prototype._getPage = function () {
		if (!this.getAggregation("_dynamicPage")) {
			this._initDynamicPage();
		}

		return this.getAggregation("_dynamicPage");
	};

	/**
	* Initializes the internal <code>sap.f.DynamicPage</code> aggregation.
	* @private
	*/
	SemanticPage.prototype._initDynamicPage = function () {
		var oDynamicPage = new DynamicPage(this.getId() + "-page", {
				title: this._getTitle(),
				header: this._getHeader(),
				footer: this._getFooter()
			}),
			sAriaRoleDescription = Library
				.getResourceBundleFor("sap.f")
				.getText(SemanticPage.ARIA_ROLE_DESCRIPTION);

		oDynamicPage._setAriaRoleDescription(sAriaRoleDescription);
		this.setAggregation("_dynamicPage", oDynamicPage, true);
	};

	/**
	* Retrieves a <code>sap.f.DynamicPageTitle</code> instance,
	* used for the <code>title</code> aggregation of the <sap.f.DynamicPage</code>.
	*
	* @returns {sap.f.DynamicPageTitle}
	* @private
	*/
	SemanticPage.prototype._getTitle = function () {
		if (!this._oDynamicPageTitle) {
			this._oDynamicPageTitle = this._getSemanticTitle()._getContainer();

			Shortcut.register(this._oDynamicPageTitle, "Ctrl+Shift+S", this._openShareMenu.bind(this));
		}

		return this._oDynamicPageTitle;
	};

	/**
	* Retrieves a <code>sap.f.DynamicPageHeader</code> instance,
	* used for the <code>header</code> aggregation of the <sap.f.DynamicPage</code>.
	*
	* @returns {sap.f.DynamicPageHeader}
	* @private
	*/
	SemanticPage.prototype._getHeader = function () {
		if (!this._oDynamicPageHeader) {
			this._oDynamicPageHeader =  new DynamicPageHeader(this.getId() + "-pageHeader");
		}
		return this._oDynamicPageHeader;
	};

	/**
	* Retrieves a <code>sap.m.OverflowToolbar</code> instance,
	* used for the <code>footer</code> aggregation of the <sap.f.DynamicPage</code>.
	*
	* @returns {sap.m.OverflowToolbar}
	* @private
	*/
	SemanticPage.prototype._getFooter = function () {
		if (!this._oDynamicPageFooter) {
			this._oDynamicPageFooter = this._getSemanticFooter()._getContainer();
		}

		return this._oDynamicPageFooter;
	};

	/**
	* Retrieves a <code>sap.f.semantic.SemanticTitle</code> instance.
	*
	* @returns {sap.f.semantic.SemanticTitle}
	* @private
	*/
	SemanticPage.prototype._getSemanticTitle = function() {
		if (!this._oSemanticTitle) {
			this._oSemanticTitle = new SemanticTitle(new DynamicPageTitle(this.getId() + "-pageTitle"), this);
		}
		return this._oSemanticTitle;
	};

	/**
	* Retrieves a <code>sap.f.semantic.SemanticShareMenu</code> instance.
	*
	* @returns {sap.f.semantic.SemanticShareMenu}
	* @private
	*/
	SemanticPage.prototype._getShareMenu = function() {
		if (!this._oShareMenu) {
			this._oShareMenu = new SemanticShareMenu(this._getActionSheet(), this);
			// Ensure bindings on top level control propagate properly
			this.addDependent(this._oShareMenu._oContainer);
			this._oShareMenu.attachEvent("_visibleActionsChanged", this._onShareMenuActionsChanged.bind(this));
		}

		return this._oShareMenu;
	};

	SemanticPage.prototype._onShareMenuActionsChanged = function (oEvent) {
		var iVisibleActionsCount = oEvent.getParameter("visibleActionsCount");

		if (this._iVisibleShareMenuAction !== iVisibleActionsCount) {
			if (iVisibleActionsCount === 1) {
				this._showSingleVisibleAction();
			}

			if (iVisibleActionsCount !== 1) {
				this._hideSingleVisibleAction();
			}
		}

		this._iVisibleShareMenuAction = iVisibleActionsCount;
	};

	SemanticPage.prototype._showSingleVisibleAction = function () {
		var oShareMenu = this._getShareMenu(),
			aVisibleActions = oShareMenu._getVisibleActions(),
			aAllShareMenuActions = oShareMenu._aShareMenuActions.concat(oShareMenu._aCustomShareActions),
			oActionToBeMoved;

		if (aVisibleActions.length === 1) {
			oActionToBeMoved = aAllShareMenuActions.filter(function (oAction) {
				return (oAction._getControl && oAction._getControl() === aVisibleActions[0])
						|| oAction === aVisibleActions[0];
			})[0];

			// Clean action sheet CSS class
			var oActionCtrl = oActionToBeMoved._getControl && oActionToBeMoved._getControl();
			if (oActionCtrl) {
				var AC_CLASS_PREFIX = "sapMActionSheet";
				oActionCtrl.aCustomStyleClasses
					.filter(function (sStyleClass) {
						return sStyleClass.indexOf(AC_CLASS_PREFIX) > -1;
					})
					.forEach(function (sACStyleClass) {
						oActionCtrl.removeStyleClass(sACStyleClass);
					});
			}


			this._addShareMenuSingleAction(oActionToBeMoved);
		}
	};

	SemanticPage.prototype._hideSingleVisibleAction = function () {
		var sPlacement = SemanticConfiguration._Placement.shareMenu,
			oSemanticContainer = this._getSemanticContainer(sPlacement),
			bIsKnownSemanticType;

		if (this._oSingleVisibleAction) {
			bIsKnownSemanticType = SemanticConfiguration.isKnownSemanticType(this._oSingleVisibleAction.getMetadata().getName());
			this._oSingleVisibleAction._bIsSingleAction = false;
			this._getSemanticTitle().removeContent(this._oSingleVisibleAction,
				bIsKnownSemanticType ? SemanticConfiguration._Placement.titleIcon : SemanticConfiguration._Placement.titleText);

			bIsKnownSemanticType ? oSemanticContainer.addContent(this._oSingleVisibleAction)
				: oSemanticContainer.insertCustomAction(this._oSingleVisibleAction, 0);

			this._onAddAggregation(this._oSingleVisibleAction, sPlacement);
			this._oSingleVisibleAction = null;
		}
	};

	/**
	* Opens the <code>sap.m.ActionSheet</code> container of <code>sap.f.semantic.SemanticShareMenu</code>.
	*
	* @private
	*/
	SemanticPage.prototype._openShareMenu = function () {
		var oShareMenuButton = this._getShareMenu()._getShareMenuButton(),
			oOverflowButton = this._getTitle().getAggregation("_actionsToolbar")._getOverflowButton();

		if (oShareMenuButton.getVisible()) {
			this._getActionSheet().openBy(!oShareMenuButton._bInOverflow ? oShareMenuButton : oOverflowButton);
		}
	};

	/**
	* Retrieves a <code>sap.m.ActionSheet</code> instance.
	*
	* @returns {sap.m.ActionSheet}
	* @private
	*/
	SemanticPage.prototype._getActionSheet = function() {
		if (!this._oActionSheet) {
			this._oActionSheet = new ActionSheet(this.getId() + "-shareMenu");
		}
		return this._oActionSheet;
	};

	/**
	* Retrieves a <code>sap.f.semantic.SemanticFooter</code> instance.
	*
	* @returns {sap.f.semantic.SemanticFooter}
	* @private
	*/
	SemanticPage.prototype._getSemanticFooter = function() {
		if (!this._oSemanticFooter) {
			this._oSemanticFooter = new SemanticFooter(this._getOverflowToolbar(), this);
		}
		return this._oSemanticFooter;
	};

	/**
	* Retrieves a <code>sap.m.OverflowToolbar</code> instance,
	* used for <code>footer</code> aggregation of the <code>sap.f.DynamicPage</code>.
	*
	* @returns {sap.m.OverflowToolbar}
	* @private
	*/
	SemanticPage.prototype._getOverflowToolbar = function() {
		if (!this._oOverflowToolbar) {
			this._oOverflowToolbar = new OverflowToolbar(this.getId() + "-pageFooter");
		}
		return this._oOverflowToolbar;
	};

	/**
	* Retrieves a <code>sap.f.semantic.SemanticContainer</code> instance
	* for the given placement - TITLE_TEXT, TITLE_ICON, FOOTER_LEFT, FOOTER_RIGHT or SHARE_MENU.
	*
	* @param {string} sPlacement
	* @returns {sap.f.semantic.SemanticContainer | null}
	* @private
	*/
	SemanticPage.prototype._getSemanticContainer = function(sPlacement) {
		var oPlacement = SemanticConfiguration._Placement;

		if (sPlacement === oPlacement.titleText || sPlacement === oPlacement.titleIcon) {
			return this._getSemanticTitle();
		} else if (sPlacement === oPlacement.footerLeft || sPlacement === oPlacement.footerRight) {
			return this._getSemanticFooter();
		} else if (sPlacement === oPlacement.shareMenu) {
			return this._getShareMenu();
		}

		return null;
	};

	/**
	* Cleans references of the used objects and destroys them.
	*
	* @private
	*/
	SemanticPage.prototype._cleanMemory = function() {
		if (this._oShareMenu) {
			this._oShareMenu.destroy();
			this._oShareMenu = null;
		}

		if (this._oActionSheet) {
			this._oActionSheet.destroy();
			this._oActionSheet = null;
		}

		if (this._oSemanticTitle) {
			this._oSemanticTitle.destroy();
			this._oSemanticTitle = null;
		}

		if (this._oDynamicPageTitle) {
			this._oDynamicPageTitle.destroy();
			this._oDynamicPageTitle = null;
		}

		if (this._oDynamicPageHeader) {
			this._oDynamicPageHeader.destroy();
			this._oDynamicPageHeader = null;
		}

		if (this._oSemanticFooter) {
			this._oSemanticFooter.destroy();
			this._oSemanticFooter = null;
		}

		if (this._oDynamicPageFooter) {
			this._oDynamicPageFooter.destroy();
			this._oDynamicPageFooter = null;
		}

		if (this._oOverflowToolbar) {
			this._oOverflowToolbar.destroy();
			this._oOverflowToolbar = null;
		}
	};

	return SemanticPage;

});
