@ui5/webcomponents-fiori 0.0.0-e463d2345 → 0.0.0-e55c2cec6

package/src/WizardPopover.hbs

@@ -0,0 +1,32 @@
+<ui5-responsive-popover
+	horizontal-align="Center"
+	placement-type="Bottom"
+	aria-label="{{actionSheetStepsText}}"
+	class="{{classes.popover}}"
+	@ui5-after-close={{_afterClosePopover}}
+	content-only-on-desktop
+	prevent-focus-restore
+	_hide-header
+>
+	<ul class="ui5-wizard-responsive-popover-list">
+		{{#each _groupedTabs}}
+			<li>
+				<ui5-button
+					icon="{{this.icon}}"
+					?disabled="{{this.disabled}}"
+					design="Transparent"
+					data-ui5-header-tab-ref-id="{{accInfo.ariaPosinset}}"
+					@click="{{../_onOverflowStepButtonClick}}"
+				>
+				{{this.titleText}}
+				</ui5-button>
+			</li>
+		{{/each}}
+	</ul>
+	<div slot="footer" class="ui5-responsive-popover-footer">
+		<ui5-button
+			design="Transparent"
+			@click="{{_closeRespPopover}}"
+		>Cancel</ui5-button>
+	</div>
+</ui5-responsive-popover>

package/src/WizardStep.js

@@ -0,0 +1,155 @@
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+
+/**
+ * @public
+ */
+const metadata = {
+	tag: "ui5-wizard-step",
+	properties: /** @lends sap.ui.webc.fiori.WizardStep.prototype */ {
+		/**
+		 * Defines the <code>titleText</code> of the step.
+		 * <br><br>
+		 *
+		 * <b>Note:</b> The text is displayed in the <code>ui5-wizard</code> navigation header.
+		 *
+		 * @type {string}
+		 * @defaultvalue ""
+		 * @public
+		 * @since 1.0.0-rc.15
+		 */
+		titleText: {
+			type: String,
+		},
+
+		/**
+		 * Defines the <code>subtitleText</code> of the step.
+		 * <br><br>
+		 *
+		 * <b>Note:</b> the text is displayed in the <code>ui5-wizard</code> navigation header.
+		 *
+		 * @type {string}
+		 * @defaultvalue ""
+		 * @public
+		 * @since 1.0.0-rc.15
+		 */
+		subtitleText: {
+			type: String,
+		},
+
+		/**
+		 * Defines the <code>icon</code> of the step.
+		 * <br><br>
+		 *
+		 * <b>Note:</b> The icon is displayed in the <code>ui5-wizard</code> navigation header.
+		 * <br><br>
+		 *
+		 * The SAP-icons font provides numerous options.
+		 * See all the available icons in the <ui5-link target="_blank" href="https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html" class="api-table-content-cell-link">Icon Explorer</ui5-link>.
+		 * @type {string}
+		 * @defaultvalue ""
+		 * @public
+		 */
+		icon: {
+			type: String,
+		},
+
+		/**
+		 * Defines if the step is <code>disabled</code>. When disabled the step is displayed,
+		 * but the user can't select the step by clicking or navigate to it with scrolling.
+		 * <br><br>
+		 *
+		 * <b>Note:</b> Step can't be <code>selected</code> and <code>disabled</code> at the same time.
+		 * In this case the <code>selected</code> property would take precedence.
+		 *
+		 * @type {boolean}
+		 * @defaultvalue false
+		 * @public
+		 */
+		disabled: {
+			type: Boolean,
+		},
+
+		/**
+		 * Defines the step's <code>selected</code> state - the step that is currently active.
+		 * <br><br>
+		 *
+		 * <b>Note:</b> Step can't be <code>selected</code> and <code>disabled</code> at the same time.
+		 * In this case the <code>selected</code> property would take precedence.
+		 *
+		 * @type {boolean}
+		 * @defaultvalue false
+		 * @public
+		 */
+		selected: {
+			type: Boolean,
+		},
+
+		/**
+		 * When <code>branching</code> is enabled a dashed line would be displayed after the step,
+		 * meant to indicate that the next step is not yet known and depends on user choice in the current step.
+		 * <br><br>
+		 *
+		 * <b>Note:</b> It is recommended to use <code>branching</code> on the last known step
+		 * and later add new steps when it becomes clear how the wizard flow should continue.
+		 *
+		 * @type {boolean}
+		 * @defaultvalue false
+		 * @public
+		 */
+		branching: {
+			type: Boolean,
+		},
+	},
+	slots: /** @lends sap.ui.webc.fiori.WizardStep.prototype */ {
+		/**
+		 * Defines the step content.
+		 * @type {Node[]}
+		 * @slot
+		 * @public
+		 */
+		"default": {
+			type: Node,
+		},
+	},
+	events: /** @lends sap.ui.webc.fiori.WizardStep.prototype */ {
+	},
+};
+
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ * A component that represents a logical step as part of the <code>ui5-wizard</code>.
+ * It is meant to aggregate arbitrary HTML elements that form the content of a single step.
+ *
+ * <h3>Structure</h3>
+ * <ul>
+ * <li>Each wizard step has arbitrary content.</li>
+ * <li>Each wizard step might have texts - defined by the <code>titleText</code> and <code>subtitleText</code> properties.</li>
+ * <li>Each wizard step might have an icon - defined by the <code>icon</code> property.</li>
+ * <li>Each wizard step might display a number in place of the <code>icon</code>, when it's missing.</li>
+ * </ul>
+ *
+ * <h3>Usage</h3>
+ * The <code>ui5-wizard-step</code> component should be used only as slot of the <code>ui5-wizard</code> component
+ * and should not be used standalone.
+ *
+ * @constructor
+ * @author SAP SE
+ * @alias sap.ui.webc.fiori.WizardStep
+ * @extends sap.ui.webc.base.UI5Element
+ * @tagname ui5-wizard-step
+ * @since 1.0.0-rc.10
+ * @implements sap.ui.webc.fiori.IWizardStep
+ * @public
+ */
+class WizardStep extends UI5Element {
+	static get metadata() {
+		return metadata;
+	}
+}
+
+WizardStep.define();
+
+export default WizardStep;

package/src/WizardTab.hbs

@@ -0,0 +1,33 @@
+<div class="ui5-wiz-step-root"
+	role="listitem"
+	tabindex="{{tabIndex}}"
+	aria-current="{{accInfo.ariaCurrent}}"
+	aria-setsize="{{accInfo.ariaSetsize}}"
+	aria-posinset="{{accInfo.ariaPosinset}}"
+	aria-disabled="{{accInfo.ariaDisabled}}"
+	aria-label="{{accInfo.ariaLabel}}"
+	@click="{{_onclick}}"
+	@keydown="{{_onkeydown}}"
+	@keyup="{{_onkeyup}}"
+	@focusin="{{_onfocusin}}"
+>
+	<div class="ui5-wiz-step-main">
+		<div class="ui5-wiz-step-icon-circle">
+			{{#if icon}}
+				<ui5-icon class="ui5-wiz-step-icon" name="{{icon}}"></ui5-icon>
+			{{else}}
+				<span class="ui5-wiz-step-number">{{number}}</span>
+			{{/if}}
+		</div>
+		{{#if hasTexts}}
+			<div class="ui5-wiz-step-texts">
+				<div class="ui5-wiz-step-title-text">{{titleText}}</div>
+				<div class="ui5-wiz-step-subtitle-text">{{subtitleText}}</div>
+			</div>
+		{{/if}}
+	</div>
+
+	{{#unless hideSeparator}}
+		<div class="ui5-wiz-step-hr"></div>
+	{{/unless}}
+</div>

package/src/WizardTab.js

@@ -0,0 +1,217 @@
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import { isSpace, isEnter, isSpaceShift } from "@ui5/webcomponents-base/dist/Keys.js";
+
+import Icon from "@ui5/webcomponents/dist/Icon.js";
+import WizardTabTemplate from "./generated/templates/WizardTabTemplate.lit.js";
+import WizardTabCss from "./generated/themes/WizardTab.css.js";
+
+const metadata = {
+	tag: "ui5-wizard-tab",
+	properties: /** @lends sap.ui.webc.fiori.WizardTab.prototype */ {
+		/**
+		 * Defines the <code>icon</code> of the step.
+		 * @type {string}
+		 * @defaultvalue ""
+		 * @private
+		 */
+		icon: {
+			type: String,
+		},
+
+		/**
+		 * Defines the <code>titleText</code> of the step.
+		 * @type {string}
+		 * @defaultvalue ""
+		 * @private
+		 * @since 1.0.0-rc.15
+		 */
+		titleText: {
+			type: String,
+		},
+
+		/**
+		 * Defines the <code>subtitleText</code> of the step.
+		 * @type {string}
+		 * @defaultvalue ""
+		 * @private
+		 * @since 1.0.0-rc.15
+		 */
+		subtitleText: {
+			type: String,
+		},
+
+		/**
+		 * Defines the number that will be displayed in place of the <code>icon</code>, when it's missing.
+		 * @type {string}
+		 * @defaultvalue ""
+		 * @private
+		 */
+		number: {
+			type: String,
+		},
+
+		/**
+		 * Defines if the step is <code>disabled</code> - the step is not responding to user interaction.
+		 * @type {boolean}
+		 * @defaultvalue false
+		 * @private
+		 */
+		disabled: {
+			type: Boolean,
+		},
+
+		/**
+		 * Defines if the step is <selected>selected</code>.
+		 * <br><br>
+		 *
+		 * @type {boolean}
+		 * @defaultvalue false
+		 * @private
+		 */
+		selected: {
+			type: Boolean,
+		},
+
+		/**
+		 * Defines if the step's separator is hidden or not.
+		 * @type {boolean}
+		 * @defaultvalue false
+		 * @private
+		 */
+		hideSeparator: {
+			type: Boolean,
+		},
+
+		/**
+		 * Defines if the step's separator is active or not.
+		 * @type {boolean}
+		 * @defaultvalue false
+		 * @private
+		 */
+		activeSeparator: {
+			type: Boolean,
+		},
+
+		/**
+		 * Defines if the step's separator is dashed or not.
+		 * @type {boolean}
+		 * @defaultvalue false
+		 * @private
+		 */
+		branchingSeparator: {
+			type: Boolean,
+		},
+
+		/**
+		 * Defines the tabindex of the step.
+		 * @type {string}
+		 * @defaultvalue -1
+		 * @private
+		 */
+		_tabIndex: {
+			type: String,
+			defaultValue: "-1",
+		},
+
+		_wizardTabAccInfo: {
+			type: Object,
+		},
+	},
+	slots: /** @lends sap.ui.webc.fiori.WizardTab.prototype */ {
+	},
+	events: /** @lends sap.ui.webc.fiori.WizardTab.prototype */ {
+		/**
+		 * Fired when clicking on none disabled step.
+		 *
+		 * @event sap.ui.webc.fiori.WizardTab#selection-change-requested
+		 * @private
+		 */
+		"selection-change-requested": {},
+	},
+};
+
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ * Private component, used internally by the <code>ui5-wizard</code>
+ * to represent a "step" in the navigation header of the <code>ui5-wizard</code>.
+ *
+ * <h3>Usage</h3>
+ *
+ * <h3>ES6 Module Import</h3>
+ *
+ * <code>import "@ui5/webcomponents/dist/WizardTab.js";</code> (imported with <ui5-wizard>)
+ *
+ * @constructor
+ * @author SAP SE
+ * @alias sap.ui.webc.fiori.WizardTab
+ * @extends sap.ui.webc.base.UI5Element
+ * @tagname ui5-wizard-tab
+ * @private
+ */
+class WizardTab extends UI5Element {
+	static get metadata() {
+		return metadata;
+	}
+
+	static get render() {
+		return litRender;
+	}
+
+	static get styles() {
+		return WizardTabCss;
+	}
+
+	static get template() {
+		return WizardTabTemplate;
+	}
+
+	static get dependencies() {
+		return [Icon];
+	}
+
+	_onclick() {
+		if (!this.disabled) {
+			this.fireEvent("selection-change-requested");
+		}
+	}
+
+	_onkeyup(event) {
+		if (this.disabled) {
+			return;
+		}
+
+		if ((isSpace(event) || isEnter(event)) && !isSpaceShift(event)) {
+			event.preventDefault();
+			this.fireEvent("selection-change-requested");
+		}
+	}
+
+	_onfocusin() {
+		this.fireEvent("focused");
+	}
+
+	get tabIndex() {
+		return this._tabIndex;
+	}
+
+	get hasTexts() {
+		return this.titleText || this.subtitleText;
+	}
+
+	get accInfo() {
+		return {
+			"ariaSetsize": this._wizardTabAccInfo && this._wizardTabAccInfo.ariaSetsize,
+			"ariaPosinset": this._wizardTabAccInfo && this._wizardTabAccInfo.ariaPosinset,
+			"ariaLabel": this._wizardTabAccInfo && this._wizardTabAccInfo.ariaLabel,
+			"ariaCurrent": this.selected ? "true" : undefined,
+			"ariaDisabled": this.disabled ? "true" : undefined,
+		};
+	}
+}
+
+WizardTab.define();
+
+export default WizardTab;

package/src/fcl-utils/FCLLayout.ts

@@ -0,0 +1,246 @@
+const getLayoutsByMedia = () => {
+	return {
+		desktop: {
+			"OneColumn": {
+				layout: ["100%", 0, 0],
+				arrows: [
+					{ visible: false, dir: null },
+					{ visible: false, dir: null },
+				],
+			},
+			"TwoColumnsStartExpanded": {
+				layout: ["67%", "33%", 0],
+				arrows: [
+					{ visible: true, dir: "mirror" },
+					{ visible: false, dir: null },
+				],
+			},
+			"TwoColumnsMidExpanded": {
+				layout: ["33%", "67%", 0],
+				arrows: [
+					{ visible: true, dir: null },
+					{ visible: false, dir: null },
+				],
+			},
+			"ThreeColumnsStartExpanded": {
+				layout: ["25%", "50%", "25%"],
+				arrows: [
+					{ visible: true, dir: null },
+					{ visible: true, dir: null },
+				],
+			},
+			"ThreeColumnsMidExpanded": {
+				layout: ["25%", "50%", "25%"],
+				arrows:	[
+					{ visible: true, dir: null },
+					{ visible: true, dir: null },
+				],
+			},
+			"ThreeColumnsEndExpanded": {
+				layout: ["25%", "25%", "50%"],
+				arrows: [
+					{ visible: false, dir: null, separator: true },
+					{ visible: true, dir: "mirror" },
+				],
+			},
+			"ThreeColumnsStartExpandedEndHidden": {
+				layout: ["67%", "33%", 0],
+				arrows: [
+					{ visible: true, dir: "mirror" },
+					{ visible: false, dir: null },
+				],
+			},
+			"ThreeColumnsMidExpandedEndHidden": {
+				layout: ["33%", "67%", 0],
+				arrows: [
+					{ visible: true, dir: null },
+					{ visible: true, dir: null },
+				],
+			},
+			"MidColumnFullScreen": {
+				layout: [0, "100%", 0],
+				arrows: [
+					{ visible: false, dir: null },
+					{ visible: false, dir: null },
+				],
+			},
+			"EndColumnFullScreen": {
+				layout: [0, 0, "100%"],
+				arrows: [
+					{ visible: false, dir: null },
+					{ visible: false, dir: null },
+				],
+			},
+		},
+		tablet: {
+			"OneColumn": {
+				layout: ["100%", 0, 0],
+				arrows: [
+					{ visible: false, dir: null },
+					{ visible: false, dir: null },
+				],
+			},
+			"TwoColumnsStartExpanded": {
+				layout: ["67%", "33%", 0],
+				arrows: [
+					{ visible: true, dir: "mirror" },
+					{ visible: false, dir: null },
+				],
+			},
+			"TwoColumnsMidExpanded": {
+				layout: ["33%", "67%", 0],
+				arrows: [
+					{ visible: true, dir: null },
+					{ visible: false, dir: null },
+				],
+			},
+			"ThreeColumnsStartExpanded": {
+				layout: ["67%", "33%", 0],
+				arrows: [
+					{ visible: true, dir: "mirror" },
+					{ visible: false, dir: null },
+				],
+			},
+			"ThreeColumnsMidExpanded": {
+				layout: [0, "67%", "33%"],
+				arrows: [
+					{ visible: true, dir: null },
+					{ visible: true, dir: null },
+				],
+			},
+			"ThreeColumnsEndExpanded": {
+				layout: [0, "33%", "67%"],
+				arrows: [
+					{ visible: false, dir: null },
+					{ visible: true, dir: "mirror" },
+				],
+			},
+			"ThreeColumnsStartExpandedEndHidden": {
+				layout: ["67%", "33%", 0],
+				arrows: [
+					{ visible: true, dir: "mirror" },
+					{ visible: false, dir: null },
+				],
+			},
+			"ThreeColumnsMidExpandedEndHidden": {
+				layout: ["33%", "67%", 0],
+				arrows: [
+					{ visible: true, dir: null },
+					{ visible: true, dir: null },
+				],
+			},
+			"MidColumnFullScreen": {
+				layout: [0, "100%", 0],
+				arrows: [
+					{ visible: false, dir: null },
+					{ visible: false, dir: null },
+				],
+			},
+			"EndColumnFullScreen": {
+				layout: [0, 0, "100%"],
+				arrows: [
+					{ visible: false, dir: null },
+					{ visible: false, dir: null },
+				],
+			},
+		},
+		phone: {
+			"OneColumn": {
+				layout: ["100%", 0, 0],
+				arrows: [
+					{ visible: false, dir: null },
+					{ visible: false, dir: null },
+				],
+			},
+			"TwoColumnsStartExpanded": {
+				layout: [0, "100%", 0],
+				arrows: [
+					{ visible: false, dir: null },
+					{ visible: false, dir: null },
+				],
+			},
+			"TwoColumnsMidExpanded": {
+				layout: [0, "100%", 0],
+				arrows: [
+					{ visible: false, dir: null },
+					{ visible: false, dir: null },
+				],
+			},
+			"ThreeColumnsStartExpanded": {
+				layout: [0, 0, "100%"],
+				arrows: [
+					{ visible: false, dir: null },
+					{ visible: false, dir: null },
+				],
+			},
+			"ThreeColumnsMidExpanded": {
+				layout: [0, 0, "100%"],
+				arrows: [
+					{ visible: false, dir: null },
+					{ visible: false, dir: null },
+				],
+			},
+			"ThreeColumnsEndExpanded": {
+				layout: [0, 0, "100%"],
+				arrows: [
+					{ visible: false, dir: null },
+					{ visible: false, dir: null },
+				],
+			},
+			"ThreeColumnsStartExpandedEndHidden": {
+				layout: [0, 0, "100%"],
+				arrows: [
+					{ visible: false, dir: null },
+					{ visible: false, dir: null },
+				],
+			},
+			"ThreeColumnsMidExpandedEndHidden": {
+				layout: [0, 0, "100%"],
+				arrows: [
+					{ visible: false, dir: null },
+					{ visible: false, dir: null },
+				],
+			},
+			"MidColumnFullScreen": {
+				layout: [0, "100%", 0],
+				arrows: [
+					{ visible: false, dir: null },
+					{ visible: false, dir: null },
+				],
+			},
+			"EndColumnFullScreen": {
+				layout: [0, 0, "100%"],
+				arrows: [
+					{ visible: false, dir: null },
+					{ visible: false, dir: null },
+				],
+			},
+		},
+	};
+};
+
+const getNextLayoutByStartArrow = () => {
+	return {
+		"TwoColumnsStartExpanded": "TwoColumnsMidExpanded",
+		"TwoColumnsMidExpanded": "TwoColumnsStartExpanded",
+		"ThreeColumnsMidExpanded": "ThreeColumnsMidExpandedEndHidden",
+		"ThreeColumnsEndExpanded": "ThreeColumnsStartExpandedEndHidden",
+		"ThreeColumnsStartExpandedEndHidden": "ThreeColumnsMidExpandedEndHidden",
+		"ThreeColumnsMidExpandedEndHidden": "ThreeColumnsStartExpandedEndHidden",
+	};
+};
+
+const getNextLayoutByEndArrow = () => {
+	return {
+		"ThreeColumnsMidExpanded": "ThreeColumnsEndExpanded",
+		"ThreeColumnsEndExpanded": "ThreeColumnsMidExpanded",
+		"ThreeColumnsStartExpandedEndHidden": "ThreeColumnsMidExpanded",
+		"ThreeColumnsMidExpandedEndHidden": "ThreeColumnsMidExpanded",
+	};
+};
+
+export {
+	getLayoutsByMedia,
+	getNextLayoutByStartArrow,
+	getNextLayoutByEndArrow,
+};

package/src/features/CoPilotAnimation.ts

@@ -0,0 +1,8 @@
+import { registerFeature } from "@ui5/webcomponents-base/dist/FeaturesRegistry.js";
+
+const CoPilotAnimation = {
+	animated: true,
+	animationValues: `M 102 0 C 102 17.85, 86.87 29.53, 77.94 44.99 C 69.01 60.46, 66.46 79.40, 51 88.33 C 35.53 97.26, 17.85 90, 5.51e-15 90 C -17.85 90, -35.53 97.26, -50.99 88.33 C -66.46 79.40, -69.01 60.46, -77.94 45 C -86.87 29.53, -102 17.85, -102 1.24e-14 C -102 -17.85, -86.87 -29.53, -77.94 -44.99 C -69.01 -60.46, -66.46 -79.40, -51 -88.33 C -35.53 -97.26, -17.85 -89.99, -1.65e-14 -90 C 17.85 -90, 35.53 -97.26, 50.99 -88.33 C 66.46 -79.40, 69.01 -60.46, 77.94 -45 C 86.87 -29.53, 102 -17.85, 102 0 z ;M 104 0 C 103.68 18.67, 99.74 36.21, 88.33 50.99 C 77.42 65.13, 59.95 68.15, 44.50 77.07 C 29.04 86, 17.85 102, 6.24e-15 102 C -17.85 102, -28.89 85.74, -44.49 77.07 C -60.41 68.24, -78.94 66.40, -90.06 52 C -101.58 37.08, -106.51 18.67, -104 1.27e-14 C -101.57 -18.04, -86.17 -28.73, -77.07 -44.49 C -67.97 -60.26, -66.77 -79.42, -52 -90.06 C -36.96 -100.89, -18.33 -102.64, -1.83e-14 -100 C 17.32 -97.49, 28.55 -84.44, 43.99 -76.21 C 60.07 -67.64, 78.79 -66.31, 90.06 -52 C 101.72 -37.19, 104.31 -18.83, 104 0 z ;M 102 0 C 101.82 17.85, 86.53 29.35, 77.07 44.49 C 67.96 59.09, 63.13 75.05, 49 84.87 C 34.41 94.99, 17.75 97.84, 6e-15 98 C -17.84 98.15, -34.93 96.05, -49.49 85.73 C -63.65 75.70, -67.15 58.79, -76.21 44 C -85.53 28.77, -101.82 17.84, -102 1.24e-14 C -102.17 -17.85, -86.26 -29.19, -77.07 -44.49 C -68.05 -59.52, -65.25 -77.99, -50 -86.60 C -34.75 -95.20, -17.50 -87.99, -1.61e-14 -88 C 17.50 -88, 34.67 -95.05, 49.99 -86.60 C 65.35 -78.12, 68.91 -60.03, 77.94 -45 C 87.13 -29.68, 102.17 -17.85, 102 0 z ;M 88 0 C 87 16.75, 89.16 32.23, 82.48 47.62 C 75.39 63.97, 66.14 78.96, 50.25 87.03 C 34.54 95, 17.59 90.29, 5.48e-15 89.5 C -16.84 88.73, -32.38 89.68, -47.68 82.60 C -63.74 75.17, -77.27 65.04, -86.06 49.69 C -94.84 34.35, -96.67 17.59, -95 1.16e-14 C -93.40 -16.71, -85.83 -30.17, -77.07 -44.49 C -68.48 -58.53, -59.78 -70.71, -46.12 -79.89 C -31.90 -89.43, -17.11 -95.62, -1.76e-14 -96.25 C 17.42 -96.89, 32.60 -91.30, 48.12 -83.35 C 64.20 -75.11, 80.53 -67.29, 88.33 -51 C 96.03 -34.89, 89.05 -17.81, 88 0 z ;M 97 0 C 95.96 17.38, 92.31 33.26, 82.33 47.53 C 72.73 61.25, 58.07 67.12, 43.85 75.95 C 29.16 85.08, 17.26 97.78, 6.04e-15 98.71 C -17.46 99.64, -31.76 89.97, -46.65 80.81 C -61.25 71.84, -74.99 63.05, -82.80 47.80 C -90.46 32.82, -87.30 16.81, -88 1.07e-14 C -88.72 -17.54, -95.38 -34.80, -86.85 -50.14 C -78.30 -65.50, -59.99 -68.75, -44.82 -77.63 C -29.55 -86.55, -17.67 -101.20, -1.85e-14 -100.93 C 17.66 -100.65, 28.66 -84.98, 44.03 -76.27 C 59.54 -67.48, 78.04 -65.57, 88.21 -50.93 C 98.53 -36.07, 98.07 -18.05, 97 0 z ;M 97 0 C 95.96 17.38, 92.31 33.26, 82.33 47.53 C 72.73 61.25, 58.07 67.12, 43.85 75.95 C 29.16 85.08, 17.26 97.78, 6.04e-15 98.71 C -17.46 99.64, -31.76 89.97, -46.65 80.81 C -61.25 71.84, -74.99 63.05, -82.80 47.80 C -90.46 32.82, -87.30 16.81, -88 1.07e-14 C -88.72 -17.54, -95.38 -34.80, -86.85 -50.14 C -78.30 -65.50, -59.99 -68.75, -44.82 -77.63 C -29.55 -86.55, -17.67 -101.20, -1.85e-14 -100.93 C 17.66 -100.65, 28.66 -84.98, 44.03 -76.27 C 59.54 -67.48, 78.04 -65.57, 88.21 -50.93 C 98.53 -36.07, 98.07 -18.05, 97 0 z ;M 87.83 0 C 87.55 17.48, 95.16 34.74, 86.50 49.94 C 77.84 65.14, 59.80 68.65, 44.21 76.58 C 29.39 84.11, 16.53 92.20, 5.75e-15 93.93 C -17.56 95.76, -35.17 96.17, -49.88 86.40 C -64.42 76.73, -67.07 58.88, -75.63 43.67 C -84.09 28.63, -98.51 17.25, -98.5 1.20e-14 C -98.48 -17.25, -84.34 -28.78, -75.55 -43.61 C -66.86 -58.28, -63.23 -75.43, -48.60 -84.17 C -33.93 -92.94, -17.02 -90.19, -1.63e-14 -88.77 C 15.97 -87.42, 29.38 -82.73, 44.10 -76.40 C 60.46 -69.36, 79.25 -66.31, 88.09 -50.86 C 96.93 -35.40, 88.10 -17.79, 87.83 0 z ;M 102.87 0 C 100.60 17.86, 85.53 28.60, 75.95 43.85 C 66.77 58.47, 64.20 76.67, 49.27 85.33 C 34.33 94, 17.25 88.61, 5.38e-15 87.94 C -16.62 87.29, -32.13 88.83, -47.10 81.58 C -62.59 74.09, -75.11 63.20, -82.85 47.83 C -90.43 32.78, -88.33 16.84, -88.2 1.08e-14 C -88.06 -16.72, -90.31 -32.83, -82.09 -47.39 C -73.84 -61.99, -58.70 -68.16, -44.58 -77.21 C -29.82 -86.66, -17.52 -100.13, -1.83e-14 -100 C 17.51 -99.86, 28.90 -85.08, 44.18 -76.53 C 59.70 -67.86, 77.14 -64.89, 87.96 -50.78 C 99.23 -36.08, 105.20 -18.37, 102.87 0 z ;M 96.65 0 C 97.56 17.29, 91.44 32.85, 81.65 47.14 C 72.23 60.89, 58.31 67.69, 44.20 76.56 C 29.58 85.75, 17.26 98.50, 6.02e-15 98.46 C -17.26 98.41, -28.92 84.61, -44.07 76.34 C -59.63 67.86, -77.60 65.19, -87.68 50.62 C -97.93 35.81, -99.13 17.87, -96.9 1.18e-14 C -94.78 -16.87, -84.03 -28.88, -75.85 -43.79 C -67.48 -59.04, -64.58 -77.07, -49.68 -86.05 C -34.75 -95.05, -17.42 -90.01, -1.64e-14 -89.5 C 16.94 -88.99, 33.40 -91.76, 48.01 -83.17 C 62.60 -74.59, 68.26 -58.94, 76.79 -44.34 C 85.38 -29.66, 95.74 -16.97, 96.65 0 z ;M 100.43 0 C 99.44 17.55, 85.45 29.03, 76.37 44.09 C 67.47 58.85, 64.07 76.52, 49.13 85.10 C 34.19 93.68, 17.22 88.19, 5.38e-15 87.97 C -16.99 87.74, -33.67 92.32, -48.38 83.80 C -63.09 75.28, -67.46 58.57, -76.07 43.92 C -84.74 29.15, -97.50 17.11, -97.6 1.19e-14 C -97.69 -17.13, -85.16 -29.38, -76.55 -44.19 C -67.96 -58.96, -62.77 -74.64, -48.62 -84.22 C -34.12 -94.03, -17.44 -97.50, -1.76e-14 -96 C 16.82 -94.54, 29.53 -84.92, 44 -76.22 C 58.26 -67.66, 71.61 -60.42, 81.51 -47.06 C 92.07 -32.79, 101.42 -17.72, 100.43 0 z ;M 97.27 0 C 98.58 17.55, 94.29 34.20, 84.09 48.54 C 74.21 62.42, 58.47 67.23, 43.57 75.46 C 28.94 83.54, 16.64 93.54, 5.81e-15 95 C -17.27 96.50, -33.78 93.13, -48.19 83.47 C -62.26 74.04, -68.01 58.82, -76.14 43.96 C -84.09 29.40, -92 16.48, -93.8 1.14e-14 C -95.70 -17.53, -94.76 -34.35, -86.34 -49.84 C -77.83 -65.50, -64.53 -76.31, -48.31 -83.67 C -32.81 -90.70, -17 -88.78, -1.63e-14 -89 C 17.21 -89.21, 34.09 -93.47, 49 -84.87 C 63.91 -76.28, 68.61 -59.49, 77.12 -44.53 C 85.58 -29.66, 95.99 -17.05, 97.27 0 z ;M 102 0 C 102 17.85, 86.87 29.53, 77.94 44.99 C 69.01 60.46, 66.46 79.40, 51 88.33 C 35.53 97.26, 17.85 90, 5.51e-15 90 C -17.85 90, -35.53 97.26, -50.99 88.33 C -66.46 79.40, -69.01 60.46, -77.94 45 C -86.87 29.53, -102 17.85, -102 1.24e-14 C -102 -17.85, -86.87 -29.53, -77.94 -44.99 C -69.01 -60.46, -66.46 -79.40, -51 -88.33 C -35.53 -97.26, -17.85 -89.99, -1.65e-14 -90 C 17.85 -90, 35.53 -97.26, 50.99 -88.33 C 66.46 -79.40, 69.01 -60.46, 77.94 -45 C 86.87 -29.53, 102 -17.85, 102 0 z ;`,
+};
+
+registerFeature("CoPilotAnimation", CoPilotAnimation);