@contentful/app-sdk 5.0.0-alpha.1 → 5.0.0-alpha.2

package/dist/cf-extension-api.js

@@ -1 +0,0 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("contentful-management")):"function"==typeof define&&define.amd?define(["exports","contentful-management"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).contentfulExtension={},e.contentfulManagement)}(this,(function(e,t){"use strict";var n=function(e,t){return n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},n(e,t)};var r=function(){return r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},r.apply(this,arguments)};function o(e,t,n,r){return new(n||(n=Promise))((function(o,i){function a(e){try{l(r.next(e))}catch(e){i(e)}}function s(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}l((r=r.apply(e,t||[])).next())}))}function i(e,t){var n,r,o,i,a={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return i={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function s(s){return function(l){return function(s){if(n)throw new TypeError("Generator is already executing.");for(;i&&(i=0,s[0]&&(a=0)),a;)try{if(n=1,r&&(o=2&s[0]?r.return:s[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,s[1])).done)return o;switch(r=0,o&&(s=[2&s[0],o.value]),s[0]){case 0:case 1:o=s;break;case 4:return a.label++,{value:s[1],done:!1};case 5:a.label++,r=s[1],s=[0];continue;case 7:s=a.ops.pop(),a.trys.pop();continue;default:if(!(o=a.trys,(o=o.length>0&&o[o.length-1])||6!==s[0]&&2!==s[0])){a=0;continue}if(3===s[0]&&(!o||s[1]>o[0]&&s[1]<o[3])){a.label=s[1];break}if(6===s[0]&&a.label<o[1]){a.label=o[1],o=s;break}if(o&&a.label<o[2]){a.label=o[2],a.ops.push(s);break}o[2]&&a.ops.pop(),a.trys.pop();continue}s=t.call(e,a)}catch(e){s=[6,e],r=0}finally{n=o=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,l])}}}"function"==typeof SuppressedError&&SuppressedError;var a=function(){function e(){this._id=0,this._listeners={}}return e.prototype.dispatch=function(){for(var e,t=[],n=0;n<arguments.length;n++)t[n]=arguments[n];for(var r in this._listeners)(e=this._listeners)[r].apply(e,t)},e.prototype.attach=function(e){var t=this;if("function"!=typeof e)throw new Error("listener function expected");var n=this._id++;return this._listeners[n]=e,function(){return delete t._listeners[n]}},e}(),s=function(e){function t(){for(var t=[],n=0;n<arguments.length;n++)t[n]=arguments[n];var r=e.call(this)||this;if(!t.length)throw new Error("Initial value to be memoized expected");return r._memoizedArgs=t,r}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}n(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}(t,e),t.prototype.dispatch=function(){for(var t=[],n=0;n<arguments.length;n++)t[n]=arguments[n];this._memoizedArgs=t,e.prototype.dispatch.apply(this,t)},t.prototype.attach=function(t){var n=e.prototype.attach.call(this,t);return t.apply(void 0,this._memoizedArgs),n},t.prototype.getMemoizedArgs=function(){return this._memoizedArgs},t}(a);var l,u=function(){function e(e,t){var n=this;this._messageHandlers={},this._responseHandlers={},this._send=function(e,t){return function(n,r){var o=c.getMessageId();try{t.postMessage({source:e,id:o,method:n,params:r},"*")}catch(e){throw e instanceof DOMException&&"DataCloneError"===e.name&&"openDialog"===n&&console.error("Error: openCurrent[App] parameters could not be parsed. You likely tried to pass functions or DOM elements as a parameter. Tip: Use the App SDK directly within the dialog location.\n\nLearn more about the dialog location: https://ctfl.io/app-sdk-dialog"),e}return o}}(e,t.parent),t.addEventListener("message",(function(e){n._handleMessage(e.data)}))}return e.prototype.call=function(e){for(var t=this,n=[],r=1;r<arguments.length;r++)n[r-1]=arguments[r];var o=this._send(e,n);return new Promise((function(e,n){t._responseHandlers[o]={resolve:e,reject:n}}))},e.prototype.send=function(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];this._send(e,t)},e.prototype.addHandler=function(e,t){return e in this._messageHandlers||(this._messageHandlers[e]=new a),this._messageHandlers[e].attach(t)},e.prototype._handleMessage=function(e){if(e.method){var t=e.method,n=e.params,r=this._messageHandlers[t];r&&r.dispatch.apply(r,n)}else{var o=e.id,i=this._responseHandlers[o];if(!i)return;"result"in e?i.resolve(e.result):"error"in e&&i.reject(e.error),delete this._responseHandlers[o]}},e}(),c=(l=0,{getMessageId:function(){return l++}});var d=function(){function e(e,t){var n=this;this.id=t.id,this.name=t.name,this.locale=t.locale,this.type=t.type,this.required=t.required,this.validations=t.validations,"Array"===t.type&&(this.items=t.items),"Link"===t.type&&(this.linkType=t.linkType),this._value=t.value,this._valueSignal=new s(this._value),this._isDisabledSignal=new s(t.isDisabled),this._schemaErrorsChangedSignal=new s(t.schemaErrors),this._channel=e,e.addHandler("valueChanged",(function(e,t,r){e!==n.id||t&&t!==n.locale||(n._value=r,n._valueSignal.dispatch(r))})),e.addHandler("isDisabledChangedForFieldLocale",(function(e,t,r){e===n.id&&t===n.locale&&n._isDisabledSignal.dispatch(r)})),e.addHandler("schemaErrorsChangedForFieldLocale",(function(e,t,r){e===n.id&&t===n.locale&&n._schemaErrorsChangedSignal.dispatch(r)}))}return e.prototype.getValue=function(){return this._value},e.prototype.setValue=function(e){return o(this,void 0,void 0,(function(){return i(this,(function(t){switch(t.label){case 0:return this._value=e,[4,this._channel.call("setValue",this.id,this.locale,e)];case 1:return[2,t.sent()]}}))}))},e.prototype.removeValue=function(){return o(this,void 0,void 0,(function(){return i(this,(function(e){switch(e.label){case 0:return this._value=void 0,[4,this._channel.call("removeValue",this.id,this.locale)];case 1:return e.sent(),[2]}}))}))},e.prototype.setInvalid=function(e){return this._channel.call("setInvalid",e,this.locale)},e.prototype.onValueChanged=function(e){return this._valueSignal.attach(e)},e.prototype.getIsDisabled=function(){return this._isDisabledSignal.getMemoizedArgs()[0]},e.prototype.onIsDisabledChanged=function(e){return this._isDisabledSignal.attach(e)},e.prototype.getSchemaErrors=function(){return this._schemaErrorsChangedSignal.getMemoizedArgs()[0]},e.prototype.onSchemaErrorsChanged=function(e){return this._schemaErrorsChangedSignal.attach(e)},e}(),f=function(){function e(e,t,n){this.id=t.id,this.name=t.name,this.locales=t.locales,this.type=t.type,this.required=t.required,this.validations=t.validations,"Array"===t.type&&(this.items=t.items),"Link"===t.type&&(this.linkType=t.linkType),this._defaultLocale=n,this._fieldLocales=t.locales.reduce((function(n,o){var i,a=new d(e,{id:t.id,name:t.name,type:t.type,required:t.required,validations:t.validations,locale:o,items:"Array"===t.type?t.items:void 0,linkType:"Link"===t.type?t.linkType:void 0,value:t.values[o],isDisabled:t.isDisabled[o],schemaErrors:t.schemaErrors[o]});return r(r({},n),((i={})[o]=a,i))}),{}),this.assertHasLocale(n)}return e.prototype.getValue=function(e){return this._getFieldLocale(e).getValue()},e.prototype.setValue=function(e,t){return o(this,void 0,void 0,(function(){return i(this,(function(n){switch(n.label){case 0:return[4,this._getFieldLocale(t).setValue(e)];case 1:return[2,n.sent()]}}))}))},e.prototype.removeValue=function(e){return o(this,void 0,void 0,(function(){return i(this,(function(t){switch(t.label){case 0:return[4,this.setValue(void 0,e)];case 1:return t.sent(),[2]}}))}))},e.prototype.onValueChanged=function(e,t){var n=t||e;return t||(e=""),this._getFieldLocale(e).onValueChanged(n)},e.prototype.onIsDisabledChanged=function(e,t){var n=t||e;return t||(e=""),this._getFieldLocale(e).onIsDisabledChanged(n)},e.prototype._getFieldLocale=function(e){return e=e||this._defaultLocale,this.assertHasLocale(e),this._fieldLocales[e]},e.prototype.getForLocale=function(e){if(!e)throw new Error("getForLocale must be passed a locale");return this._getFieldLocale(e)},e.prototype.assertHasLocale=function(e){if(!this._fieldLocales[e])throw new Error('Unknown locale "'.concat(e,'" for field "').concat(this.id,'"'))},e}();function p(e,t){var n,r=e.document,o=e.MutationObserver,i=e.ResizeObserver,a=!1,s=!1,l=new Set,u=new o((function(e){!function(e){e.forEach((function(e){switch(e.type){case"attributes":if(e.target.nodeType===Node.ELEMENT_NODE){var t=e.target;f(e.type,t)?l.add(t):l.delete(t)}break;case"childList":e.addedNodes.forEach((function(t){if(t.nodeType===Node.ELEMENT_NODE){var n=t;f(e.type,n)&&l.add(n)}})),e.removedNodes.forEach((function(e){var t=e;l.delete(t)}))}}))}(e),a&&d.updateHeight()})),c=new i((function(){d.updateHeight()}));u.observe(r.body,{attributes:!0,childList:!0,subtree:!0,characterData:!0});var d={startAutoResizer:function(e){var t=(void 0===e?{}:e).absoluteElements;if(s=Boolean(t===void 0?false:t),d.updateHeight(),a)return;a=!0,c.observe(r.body)},stopAutoResizer:function(){if(!a)return;a=!1,c.disconnect()},updateHeight:function(e){void 0===e&&(e=null);if(null===e){var o=Math.ceil(r.documentElement.getBoundingClientRect().height);if(s&&l.size){var i=o;l.forEach((function(e){i=Math.max(e.getBoundingClientRect().bottom,i)})),e=i}else e=o}e!==n&&(t.send("setHeight",e),n=e)}};return d;function f(e,t){var n=getComputedStyle(t);return"absolute"===n.position&&("attributes"!==e||"none"!==n.display)}}var h=["getTask","getTasks","createTask","updateTask","deleteTask"];function g(e,t,n,o){var i=t.sys,a=new s(i),l=t.metadata,u=new s(l);e.addHandler("sysChanged",(function(e){i=e,a.dispatch(i)})),e.addHandler("metadataChanged",(function(e){l=e,u.dispatch(l)}));var c={};return h.forEach((function(t){c[t]=function(){for(var n=[],r=0;r<arguments.length;r++)n[r]=arguments[r];return e.call("callEntryMethod",t,n)}})),r(r(r({getSys:function(){return i},publish:function(t){return e.call("callEntryMethod","publish",[t])},unpublish:function(){return e.call("callEntryMethod","unpublish")},save:function(){return e.call("callEntryMethod","save")},onSysChanged:function(e){return a.attach(e)},fields:n.reduce((function(e,t){return e[t.id]=o(t),e}),{})},l?{metadata:l}:{}),{getMetadata:function(){return l},onMetadataChanged:function(e){return u.attach(e)}}),c)}var v=function(e){return"object"!=typeof(t=e)||null===t||Array.isArray(t)?{}:e;var t};function y(e,t){return{openAlert:n.bind(null,"alert"),openConfirm:n.bind(null,"confirm"),openPrompt:n.bind(null,"prompt"),open:function(n){if(n=v(n),t.app){var o=r(r({},n),{id:t.app});return e.call("openDialog","app",o)}throw new Error("Not in the app context.")},selectSingleEntry:o.bind(null,"Entry",!1),selectSingleAsset:o.bind(null,"Asset",!1),selectMultipleEntries:o.bind(null,"Entry",!0),selectMultipleAssets:o.bind(null,"Asset",!0)};function n(t,n){return e.call("openDialog",t,v(n))}function o(t,n,r){return(r=v(r)).entityType=t,r.multiple=n,e.call("openDialog","entitySelector",r)}}function m(e,t,n){var r=new s(n.localeSettings),o=new s(n.showHiddenFields);return e.addHandler("localeSettingsChanged",(function(e){r.dispatch(e)})),e.addHandler("showHiddenFieldsChanged",(function(e){o.dispatch(e)})),{editorInterface:t,getLocaleSettings:function(){return r.getMemoizedArgs()[0]},onLocaleSettingsChanged:function(e){return r.attach(e)},onShowDisabledFieldsChanged:function(e){return o.attach(e)},getShowHiddenFields:function(){return o.getMemoizedArgs()[0]},onShowHiddenFieldsChanged:function(e){return o.attach(e)}}}function _(e,t){var n=new a;return e.addHandler("navigateSlideIn",(function(e){n.dispatch(e)})),{openEntry:function(t,n){return e.call("navigateToContentEntity",r(r({},n),{entityType:"Entry",id:t}))},openNewEntry:function(t,n){return e.call("navigateToContentEntity",r(r({},n),{entityType:"Entry",id:null,contentTypeId:t}))},openBulkEditor:function(t,n){return e.call("navigateToBulkEditor",r({entryId:t},n))},openAsset:function(t,n){return e.call("navigateToContentEntity",r(r({},n),{entityType:"Asset",id:t}))},openNewAsset:function(t){return e.call("navigateToContentEntity",r(r({},t),{entityType:"Asset",id:null}))},openPage:function(n){return e.call("navigateToPage",r({type:"app",id:t.app},n))},openAppConfig:function(){return e.call("navigateToAppConfig")},openEntriesList:function(){return e.call("navigateToSpaceEnvRoute",{route:"entries"})},openAssetsList:function(){return e.call("navigateToSpaceEnvRoute",{route:"assets"})},onSlideInNavigation:function(e){return n.attach(e)}}}var E="preInstall",b="postInstall",A=function(e){return"object"==typeof e&&null!==e&&!Array.isArray(e)},w=function(e){return"function"==typeof e},C=function(e){return console.error(e),Promise.resolve(!1)},T=function(e,t,n){if(!w(e))return Promise.resolve(t);var r;try{r=void 0===n?e():e(n)}catch(e){return C(e)}var o,i=r;return A(o=i)&&w(o.then)||(i=Promise.resolve(i)),i.then((function(e){return e instanceof Error?Promise.reject(e):!1!==e&&(A(e)?e:t)}),C).catch(C)};function I(e){var t,n=((t={}).preInstall=null,t.postInstall=null,t),r=function(e,t){if(!w(t))throw new Error("Handler must be a function.");n[e]=t};return e.addHandler("appHook",(function(t){var r=t.stage,o=t.installationRequestId,i=t.err;return r===E?T(n[r],{}).then((function(t){return e.send("appHookResult",{stage:r,installationRequestId:o,result:t})})):r===b?T(n[r],void 0,i||null).then((function(){return e.send("appHookResult",{stage:r,installationRequestId:o})})):Promise.resolve()})),{setReady:function(){return e.call("callAppMethod","setReady")},isInstalled:function(){return e.call("callAppMethod","isInstalled")},getParameters:function(){return e.call("callAppMethod","getParameters")},getCurrentState:function(){return e.call("callAppMethod","getCurrentState")},onConfigure:function(e){r(E,e)},onConfigurationCompleted:function(e){r(b,e)}}}var L,O={LOCATION_ENTRY_FIELD:"entry-field",LOCATION_ENTRY_FIELD_SIDEBAR:"entry-field-sidebar",LOCATION_ENTRY_SIDEBAR:"entry-sidebar",LOCATION_DIALOG:"dialog",LOCATION_ENTRY_EDITOR:"entry-editor",LOCATION_PAGE:"page",LOCATION_APP_CONFIG:"app-config",LOCATION_HOME:"home"},S=function(e){return function(t){return e.call("CMAAdapterCall",t)}};function D(e){return{makeRequest:S(e)}}function N(e,n){var r;return t.createClient({apiAdapter:D(n)},{type:"plain",defaults:{environmentId:null!==(r=e.environmentAlias)&&void 0!==r?r:e.environment,spaceId:e.space,organizationId:e.organization}})}var H=[k,P,function(e,t){var n=t.field;if(!n)throw new Error('FieldAPI called for location without "field" property defined.');return{field:new d(e,n)}},F,R],M=((L={})[O.LOCATION_ENTRY_FIELD]=H,L[O.LOCATION_ENTRY_FIELD_SIDEBAR]=H,L[O.LOCATION_ENTRY_SIDEBAR]=[k,P,F,R],L[O.LOCATION_ENTRY_EDITOR]=[k,P,F],L[O.LOCATION_DIALOG]=[k,function(e){return{close:function(t){return e.send("closeDialog",t)}}},R],L[O.LOCATION_PAGE]=[k],L[O.LOCATION_HOME]=[k],L[O.LOCATION_APP_CONFIG]=[k,function(e){return{app:I(e)}}],L);function k(e,t){var n=t.user,r=t.parameters,o=t.locales,i=t.ids,a=t.location||O.LOCATION_ENTRY_FIELD;return{cma:N(i,e),cmaAdapter:D(e),location:{current:a,is:function(e){return a===e}},user:n,parameters:r,locales:{available:o.available,default:o.default,names:o.names,fallbacks:o.fallbacks,optional:o.optional,direction:o.direction},dialogs:y(e,i),navigator:_(e,i),notifier:{success:function(t){return e.send("notify",{type:"success",message:t})},error:function(t){return e.send("notify",{type:"error",message:t})},warning:function(t){return e.send("notify",{type:"warning",message:t})}},ids:i,access:{can:function(t,n,r){return e.call("checkAccess",t,n,r)},canEditAppConfig:function(){return e.call("checkAppConfigAccess")}}}}function R(e,t,n){return{window:p(n,e)}}function F(e,t){return{editor:m(e,t.editorInterface,t.editor)}}function P(e,t){var n=t.locales,r=t.contentType,o=t.entry,i=t.fieldInfo;return{contentType:r,entry:g(e,o,i,(function(t){return new f(e,t,n.default)}))}}var x=function(e,t){if(void 0===e.window||void 0===e.document)return function(){};var n,r,o=((n={promise:null,resolve:null,isFulfilled:!1}).promise=new Promise((function(e){n.resolve=function(){for(var t=[],r=0;r<arguments.length;r++)t[r]=arguments[r];n.isFulfilled=!0,e.apply(void 0,t)}})),n);return o.promise.then((function(t){var n=t[0],r=e.document;r.addEventListener("focus",(function(){return n.send("setActive",!0)}),!0),r.addEventListener("blur",(function(){return n.send("setActive",!1)}),!0)})),function(e,t){!function(e,t){function n(r){var o=r.data;"connect"===o.method&&(e.removeEventListener("message",n),t.apply(void 0,o.params))}e.addEventListener("message",n)}(e,(function(n,r){var o=new u(n.id,e);t(o,n,r)}))}(e,(function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return o.resolve(e)})),function(n,i){var a=void 0===i?{supressIframeWarning:!1}:i,s=a.makeCustomApi;a.supressIframeWarning||function(e){e.self===e.top&&console.error("Cannot use App SDK outside of Contenful:\n\nIn order for the App SDK to function correctly, your app needs to be run in an iframe in the Contentful Web App, Compose or Launch.\n\nLearn more about local development with the App SDK here:\nhttps://www.contentful.com/developers/docs/extensibility/ui-extensions/faq/#how-can-i-develop-with-the-ui-extension-sdk-locally")}(e),r||(r=o.promise.then((function(n){var r,o=n[0],i=n[1],a=n[2],l=t(o,i,e);return"function"==typeof s&&(r=s(o,i)),a.forEach((function(e){o._handleMessage(e)})),[l,r]})),o.isFulfilled||function(e){var t=c.getMessageId();e.parent.postMessage({id:t,method:"init",params:[]},"*")}(e)),r.then((function(e){var t=e[0],r=e[1];return n(t,r)}))}}(globalThis,(function(e,t,n){return(M[t.location]||H).reduce((function(o,i){return r(r({},o),i(e,t,n))}),{})}));e.init=x,e.locations=O,Object.defineProperty(e,"__esModule",{value:!0})})),globalThis.contentfulApp=globalThis.contentfulExtension;

package/dist/cf-extension.css

@@ -1,600 +0,0 @@
-:-moz-ui-invalid {
-  -webkit-box-shadow: none;
-  box-shadow: none;
-}
-* {
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-}
-body {
-  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif,
-    Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
-  text-rendering: optimizeLegibility;
-  font-size: 14px;
-  line-height: 18px;
-  color: #2d2f31;
-  
-  background-image: url("https://api.contentful.com/uie-tracking");
-}
-b,
-strong {
-  font-weight: bold;
-}
-em {
-  font-style: italic;
-}
-a {
-  color: #4a90e2;
-  cursor: pointer;
-  text-decoration: none;
-}
-a:link {
-  color: #1683d0;
-  text-decoration: none;
-}
-a:hover {
-  color: #0c2c52;
-}
-.cf-text-dimmed {
-  color: #808080;
-}
-@-moz-keyframes fa-spin {
-  0% {
-    -webkit-transform: rotate(0deg);
-    -webkit-transform: rotate(0deg);
-    -moz-transform: rotate(0deg);
-    -o-transform: rotate(0deg);
-    -ms-transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
-  100% {
-    -webkit-transform: rotate(359deg);
-    -webkit-transform: rotate(359deg);
-    -moz-transform: rotate(359deg);
-    -o-transform: rotate(359deg);
-    -ms-transform: rotate(359deg);
-    transform: rotate(359deg);
-  }
-}
-@-webkit-keyframes fa-spin {
-  0% {
-    -webkit-transform: rotate(0deg);
-    -webkit-transform: rotate(0deg);
-    -moz-transform: rotate(0deg);
-    -o-transform: rotate(0deg);
-    -ms-transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
-  100% {
-    -webkit-transform: rotate(359deg);
-    -webkit-transform: rotate(359deg);
-    -moz-transform: rotate(359deg);
-    -o-transform: rotate(359deg);
-    -ms-transform: rotate(359deg);
-    transform: rotate(359deg);
-  }
-}
-@-o-keyframes fa-spin {
-  0% {
-    -webkit-transform: rotate(0deg);
-    -webkit-transform: rotate(0deg);
-    -moz-transform: rotate(0deg);
-    -o-transform: rotate(0deg);
-    -ms-transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
-  100% {
-    -webkit-transform: rotate(359deg);
-    -webkit-transform: rotate(359deg);
-    -moz-transform: rotate(359deg);
-    -o-transform: rotate(359deg);
-    -ms-transform: rotate(359deg);
-    transform: rotate(359deg);
-  }
-}
-@keyframes fa-spin {
-  0% {
-    -webkit-transform: rotate(0deg);
-    -webkit-transform: rotate(0deg);
-    -moz-transform: rotate(0deg);
-    -o-transform: rotate(0deg);
-    -ms-transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
-  100% {
-    -webkit-transform: rotate(359deg);
-    -webkit-transform: rotate(359deg);
-    -moz-transform: rotate(359deg);
-    -o-transform: rotate(359deg);
-    -ms-transform: rotate(359deg);
-    transform: rotate(359deg);
-  }
-}
-.cf-btn-primary {
-  display: inline-block;
-  padding: 0.625rem 1.5rem;
-  cursor: pointer;
-  text-align: center;
-  font-size: 0.875rem;
-  font-weight: 500;
-  white-space: nowrap;
-  border: 1px solid transparent;
-  border-radius: 2px;
-  line-height: 18px;
-  color: #fff;
-  background: -webkit-linear-gradient(bottom, #3c80cf, #5b9fef);
-  background: -moz-linear-gradient(bottom, #3c80cf, #5b9fef);
-  background: -o-linear-gradient(bottom, #3c80cf, #5b9fef);
-  background: -ms-linear-gradient(bottom, #3c80cf, #5b9fef);
-  background: linear-gradient(to top, #3c80cf, #5b9fef);
-  -webkit-background-size: 100% 200%;
-  -moz-background-size: 100% 200%;
-  background-size: 100% 200%;
-  -webkit-transition-property: all;
-  -moz-transition-property: all;
-  -o-transition-property: all;
-  -ms-transition-property: all;
-  transition-property: all;
-  -webkit-transition-timing-function: ease-in-out;
-  -moz-transition-timing-function: ease-in-out;
-  -o-transition-timing-function: ease-in-out;
-  -ms-transition-timing-function: ease-in-out;
-  transition-timing-function: ease-in-out;
-  -webkit-transition-duration: 0.1s;
-  -moz-transition-duration: 0.1s;
-  -o-transition-duration: 0.1s;
-  -ms-transition-duration: 0.1s;
-  transition-duration: 0.1s;
-  border-color: #3c80cf;
-}
-.cf-btn-primary:hover {
-  background-position: 0 100%;
-}
-.cf-btn-primary.active,
-.cf-btn-primary:active {
-  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12);
-  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12);
-}
-.cf-btn-primary:link,
-a.cf-btn-primary:hover,
-a.cf-btn-primary:link,
-a.cf-btn-primary:visited {
-  color: #fff;
-}
-.cf-btn-primary:disabled,
-.cf-btn-primary[aria-disabled='true'] {
-  opacity: 0.4;
-  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=40)';
-  filter: alpha(opacity=40);
-  cursor: default;
-  background: -webkit-linear-gradient(bottom, #3c80cf, #5b9fef);
-  background: -moz-linear-gradient(bottom, #3c80cf, #5b9fef);
-  background: -o-linear-gradient(bottom, #3c80cf, #5b9fef);
-  background: -ms-linear-gradient(bottom, #3c80cf, #5b9fef);
-  background: linear-gradient(to top, #3c80cf, #5b9fef);
-  -webkit-box-shadow: none;
-  box-shadow: none;
-}
-.cf-btn-primary > * {
-  display: inline-block;
-}
-.cf-btn-primary:after {
-  content: '';
-  opacity: 0;
-  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
-  filter: alpha(opacity=0);
-  border: 0;
-  width: 0;
-  position: relative;
-  top: -1px;
-  vertical-align: middle;
-  -webkit-transition: width 0.2s linear, margin 0.2s linear;
-  -moz-transition: width 0.2s linear, margin 0.2s linear;
-  -o-transition: width 0.2s linear, margin 0.2s linear;
-  -ms-transition: width 0.2s linear, margin 0.2s linear;
-  transition: width 0.2s linear, margin 0.2s linear;
-  display: inline-block;
-}
-.cf-btn-primary.cf-is-loading:disabled {
-  opacity: 1;
-  -ms-filter: none;
-  filter: none;
-}
-.cf-btn-primary.cf-is-loading:after {
-  -webkit-transition: width 0.2s linear, margin 0.2s linear, opacity 0.5s ease-in;
-  -moz-transition: width 0.2s linear, margin 0.2s linear, opacity 0.5s ease-in;
-  -o-transition: width 0.2s linear, margin 0.2s linear, opacity 0.5s ease-in;
-  -ms-transition: width 0.2s linear, margin 0.2s linear, opacity 0.5s ease-in;
-  transition: width 0.2s linear, margin 0.2s linear, opacity 0.5s ease-in;
-  opacity: 1;
-  -ms-filter: none;
-  filter: none;
-  width: 10px;
-  height: 10px;
-  -webkit-animation: fa-spin 2s infinite linear;
-  -moz-animation: fa-spin 2s infinite linear;
-  -o-animation: fa-spin 2s infinite linear;
-  -ms-animation: fa-spin 2s infinite linear;
-  animation: fa-spin 2s infinite linear;
-  border-radius: 50%;
-  border-bottom: 2px solid #fff;
-  border-left: 2px solid #fff;
-  border-top: 2px solid rgba(255, 255, 255, 0.6);
-  border-right: 2px solid rgba(255, 255, 255, 0.6);
-  margin-left: 5px;
-}
-.cf-btn-primary:hover,
-.cf-btn-primary.active {
-  border-color: #3072be;
-}
-.cf-btn-secondary {
-  display: inline-block;
-  padding: 0.625rem 1.5rem;
-  cursor: pointer;
-  text-align: center;
-  font-size: 0.875rem;
-  font-weight: 500;
-  white-space: nowrap;
-  border: 1px solid transparent;
-  border-radius: 2px;
-  line-height: 18px;
-  color: #536171;
-  background: #e5ebed;
-  -webkit-background-size: 100% 200%;
-  -moz-background-size: 100% 200%;
-  background-size: 100% 200%;
-  -webkit-transition-property: all;
-  -moz-transition-property: all;
-  -o-transition-property: all;
-  -ms-transition-property: all;
-  transition-property: all;
-  -webkit-transition-timing-function: ease-in-out;
-  -moz-transition-timing-function: ease-in-out;
-  -o-transition-timing-function: ease-in-out;
-  -ms-transition-timing-function: ease-in-out;
-  transition-timing-function: ease-in-out;
-  -webkit-transition-duration: 0.1s;
-  -moz-transition-duration: 0.1s;
-  -o-transition-duration: 0.1s;
-  -ms-transition-duration: 0.1s;
-  transition-duration: 0.1s;
-  border-color: #c3cfd5;
-}
-.cf-btn-secondary:hover {
-  background-position: 0 100%;
-}
-.cf-btn-secondary.active,
-.cf-btn-secondary:active {
-  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12);
-  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12);
-}
-.cf-btn-secondary:link,
-a.cf-btn-secondary:hover,
-a.cf-btn-secondary:link,
-a.cf-btn-secondary:visited {
-  color: #536171;
-}
-.cf-btn-secondary:disabled,
-.cf-btn-secondary[aria-disabled='true'] {
-  opacity: 0.4;
-  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=40)';
-  filter: alpha(opacity=40);
-  cursor: default;
-  background: #e5ebed;
-  -webkit-box-shadow: none;
-  box-shadow: none;
-}
-.cf-btn-secondary > * {
-  display: inline-block;
-}
-.cf-btn-secondary:after {
-  content: '';
-  opacity: 0;
-  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
-  filter: alpha(opacity=0);
-  border: 0;
-  width: 0;
-  position: relative;
-  top: -1px;
-  vertical-align: middle;
-  -webkit-transition: width 0.2s linear, margin 0.2s linear;
-  -moz-transition: width 0.2s linear, margin 0.2s linear;
-  -o-transition: width 0.2s linear, margin 0.2s linear;
-  -ms-transition: width 0.2s linear, margin 0.2s linear;
-  transition: width 0.2s linear, margin 0.2s linear;
-  display: inline-block;
-}
-.cf-btn-secondary.cf-is-loading:disabled {
-  opacity: 1;
-  -ms-filter: none;
-  filter: none;
-}
-.cf-btn-secondary.cf-is-loading:after {
-  -webkit-transition: width 0.2s linear, margin 0.2s linear, opacity 0.5s ease-in;
-  -moz-transition: width 0.2s linear, margin 0.2s linear, opacity 0.5s ease-in;
-  -o-transition: width 0.2s linear, margin 0.2s linear, opacity 0.5s ease-in;
-  -ms-transition: width 0.2s linear, margin 0.2s linear, opacity 0.5s ease-in;
-  transition: width 0.2s linear, margin 0.2s linear, opacity 0.5s ease-in;
-  opacity: 1;
-  -ms-filter: none;
-  filter: none;
-  width: 10px;
-  height: 10px;
-  -webkit-animation: fa-spin 2s infinite linear;
-  -moz-animation: fa-spin 2s infinite linear;
-  -o-animation: fa-spin 2s infinite linear;
-  -ms-animation: fa-spin 2s infinite linear;
-  animation: fa-spin 2s infinite linear;
-  border-radius: 50%;
-  border-bottom: 2px solid #536171;
-  border-left: 2px solid #536171;
-  border-top: 2px solid rgba(135, 150, 167, 0.6);
-  border-right: 2px solid rgba(135, 150, 167, 0.6);
-  margin-left: 5px;
-}
-.cf-btn-secondary:hover,
-.cf-btn-secondary.active {
-  background-color: #d3dce0;
-  border-color: #b4c3ca;
-}
-.cf-btn-secondary > cf-icon[name='plus'] circle {
-  fill: #536171;
-}
-.cf-btn-secondary > cf-icon[name='plus'] path {
-  stroke: #e5ebed;
-}
-.cf-btn-primary.cf-block,
-.cf-btn-secondary.cf-block {
-  display: block;
-  width: 100%;
-  position: relative;
-}
-.cf-btn-primary.cf-block:after,
-.cf-btn-secondary.cf-block:after {
-  position: absolute;
-}
-.cf-btn-primary.cf-block.cf-is-loading:after,
-.cf-btn-secondary.cf-block.cf-is-loading:after {
-  -webkit-transition: opacity 0.2s linear;
-  -moz-transition: opacity 0.2s linear;
-  -o-transition: opacity 0.2s linear;
-  -ms-transition: opacity 0.2s linear;
-  transition: opacity 0.2s linear;
-  top: 11px;
-}
-.cf-form-field {
-  margin-bottom: 1.928571428571429em;
-}
-.cf-form-field > label {
-  display: block;
-  margin-bottom: 0.642857142857143em;
-}
-.cf-form-hint {
-  margin-top: 0.642857142857143em;
-  color: #808080;
-  font-size: 13px;
-}
-input.cf-form-input {
-  font-size: 16px;
-  color: #2a3039;
-  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif,
-    Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
-  display: block;
-  width: 100%;
-  line-height: 1.5;
-  padding: 0 2px;
-  background-color: transparent;
-  border-width: 0 0 1px 0;
-  border-style: solid;
-  border-color: transparent;
-  border-image-width: 0 0 1px 0;
-  border-image-source: url('https://static.contentful.com/app/svg/dotted-border.svg');
-  border-image-repeat: round;
-  border-image-slice: 1 1;
-  -webkit-transition: 0.2s linear;
-  -moz-transition: 0.2s linear;
-  -o-transition: 0.2s linear;
-  -ms-transition: 0.2s linear;
-  transition: 0.2s linear;
-  -webkit-transition-property: padding, background-color;
-  -moz-transition-property: padding, background-color;
-  -o-transition-property: padding, background-color;
-  -ms-transition-property: padding, background-color;
-  transition-property: padding, background-color;
-  height: 36px;
-}
-input.cf-form-input[aria-invalid='true'],
-input.cf-form-input:invalid {
-  background-color: #fff2f1;
-}
-input.cf-form-input[aria-disabled='true'],
-input.cf-form-input[disabled],
-input.cf-form-input:disabled {
-  background-color: #f7f9fa;
-  color: #a9b9c0;
-  -webkit-border-image: none;
-  -moz-border-image: none;
-  -o-border-image: none;
-  border-image: none;
-}
-input.cf-form-input[size] {
-  width: auto;
-}
-textarea.cf-form-input {
-  font-size: 16px;
-  color: #2a3039;
-  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif,
-    Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
-  display: block;
-  width: 100%;
-  line-height: 1.5;
-  padding: 0 2px;
-  background-color: transparent;
-  border-width: 0 0 1px 0;
-  border-style: solid;
-  border-color: transparent;
-  border-image-width: 0 0 1px 0;
-  border-image-source: url('https://static.contentful.com/app/svg/dotted-border.svg');
-  border-image-repeat: round;
-  border-image-slice: 1 1;
-  -webkit-transition: 0.2s linear;
-  -moz-transition: 0.2s linear;
-  -o-transition: 0.2s linear;
-  -ms-transition: 0.2s linear;
-  transition: 0.2s linear;
-  -webkit-transition-property: padding, background-color;
-  -moz-transition-property: padding, background-color;
-  -o-transition-property: padding, background-color;
-  -ms-transition-property: padding, background-color;
-  transition-property: padding, background-color;
-  padding-top: 0.2em;
-  height: 4.5em;
-  max-width: 100%;
-}
-textarea.cf-form-input[aria-invalid='true'],
-textarea.cf-form-input:invalid {
-  background-color: #fff2f1;
-}
-textarea.cf-form-input[aria-disabled='true'],
-textarea.cf-form-input[disabled],
-textarea.cf-form-input:disabled {
-  background-color: #f7f9fa;
-  color: #a9b9c0;
-  -webkit-border-image: none;
-  -moz-border-image: none;
-  -o-border-image: none;
-  border-image: none;
-}
-select.cf-form-input {
-  color: inherit;
-  font-size: inherit;
-  font-family: inherit;
-  cursor: inherit;
-  background: none;
-  line-height: normal;
-  border: 0;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  font-size: 16px;
-  color: #2a3039;
-  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif,
-    Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
-  display: block;
-  width: 100%;
-  line-height: 1.5;
-  padding: 0 2px;
-  background-color: transparent;
-  border-width: 0 0 1px 0;
-  border-style: solid;
-  border-color: transparent;
-  border-image-width: 0 0 1px 0;
-  border-image-source: url('https://static.contentful.com/app/svg/dotted-border.svg');
-  border-image-repeat: round;
-  border-image-slice: 1 1;
-  -webkit-transition: 0.2s linear;
-  -moz-transition: 0.2s linear;
-  -o-transition: 0.2s linear;
-  -ms-transition: 0.2s linear;
-  transition: 0.2s linear;
-  -webkit-transition-property: padding, background-color;
-  -moz-transition-property: padding, background-color;
-  -o-transition-property: padding, background-color;
-  -ms-transition-property: padding, background-color;
-  transition-property: padding, background-color;
-  width: auto;
-  padding-right: 1.5em;
-  padding-left: 0.5em;
-  height: 36px;
-  background-image: url('https://static.contentful.com/app/svg/dd-arrow-down.svg');
-  background-position: center right 5px;
-  background-repeat: no-repeat;
-  -webkit-background-size: 0.7em;
-  -moz-background-size: 0.7em;
-  background-size: 0.7em;
-}
-select.cf-form-input::-ms-expand {
-  display: none;
-}
-select.cf-form-input[aria-invalid='true'],
-select.cf-form-input:invalid {
-  background-color: #fff2f1;
-}
-select.cf-form-input[aria-disabled='true'],
-select.cf-form-input[disabled],
-select.cf-form-input:disabled {
-  background-color: #f7f9fa;
-  color: #a9b9c0;
-  -webkit-border-image: none;
-  -moz-border-image: none;
-  -o-border-image: none;
-  border-image: none;
-}
-select.cf-form-input > option {
-  -o-text-overflow: ellipsis;
-  text-overflow: ellipsis;
-  overflow: hidden;
-}
-.cf-field-error {
-  margin-top: 0.642857142857143em;
-  color: #f05650;
-}
-.cf-form-option {
-  margin-bottom: 1.285714285714286em;
-  display: -webkit-box;
-  display: -moz-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: box;
-  display: flex;
-}
-.cf-form-option:last-child {
-  margin-bottom: 0;
-}
-.cf-form-option > input[type='checkbox'],
-.cf-form-option > input[type='radio'] {
-  -webkit-align-self: flex-start;
-  align-self: flex-start;
-  -ms-flex-item-align: start;
-  -webkit-flex-shrink: 0;
-  flex-shrink: 0;
-  margin: 1px 0.5em 0 0;
-}
-.cf-form-option > label {
-  display: block;
-  cursor: pointer;
-}
-.cf-form-label p {
-  font-size: 13px;
-  margin: 0;
-}
-.cf-form-label label {
-  line-height: 1.928571428571429em;
-  margin-top: -0.642857142857143em;
-  display: inline-block;
-  cursor: pointer;
-}
-.cf-form-option > input[type='checkbox']:disabled + label {
-  color: #808080;
-}
-.cf-form-horizontal {
-  display: -webkit-box;
-  display: -moz-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: box;
-  display: flex;
-  -webkit-box-lines: multiple;
-  -moz-box-lines: multiple;
-  -o-box-lines: multiple;
-  -webkit-flex-wrap: wrap;
-  -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
-}
-.cf-form-horizontal .cf-form-option {
-  margin-right: 2.571428571428572em;
-}
-.cf-form-horizontal .cf-form-option:last-child {
-  margin-right: 0;
-}