@micromag/fields 0.3.797 → 0.3.800

package/assets/css/styles.css

@@ -4,8 +4,10 @@
 .micromag-fields-align-vertical-label{margin-right:auto}
 .micromag-fields-alignment-label{padding-right:10px}
 .micromag-fields-field-errors-container .micromag-fields-field-errors-error{display:block}
+.micromag-fields-toggle-container{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.micromag-fields-toggle-container .rc-switch{background-color:#ccc;border:1px solid #ccc;border-radius:20px 20px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:inline-block;height:22px;line-height:20px;overflow:hidden;padding:0;position:relative;-webkit-transition:all .3s cubic-bezier(.35,0,.25,1);transition:all .3s cubic-bezier(.35,0,.25,1);vertical-align:middle;width:44px}.micromag-fields-toggle-container .rc-switch-inner-checked,.micromag-fields-toggle-container .rc-switch-inner-unchecked{color:#fff;font-size:12px;position:absolute;top:0;-webkit-transition:left .3s cubic-bezier(.35,0,.25,1);transition:left .3s cubic-bezier(.35,0,.25,1)}.micromag-fields-toggle-container .rc-switch-inner-checked{left:-14px}.micromag-fields-toggle-container .rc-switch-inner-unchecked{left:24px}.micromag-fields-toggle-container .rc-switch:after{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-name:rcSwitchOff;animation-name:rcSwitchOff;-webkit-animation-timing-function:cubic-bezier(.35,0,.25,1);animation-timing-function:cubic-bezier(.35,0,.25,1);background-color:#fff;border-radius:50% 50%;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.26);box-shadow:0 2px 5px rgba(0,0,0,.26);content:" ";cursor:pointer;height:18px;left:2px;position:absolute;top:1px;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:left .3s cubic-bezier(.35,0,.25,1);transition:left .3s cubic-bezier(.35,0,.25,1);width:18px}.micromag-fields-toggle-container .rc-switch:hover:after{-webkit-animation-name:rcSwitchOn;animation-name:rcSwitchOn;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.micromag-fields-toggle-container .rc-switch:focus{-webkit-box-shadow:0 0 0 2px #d5f1fd;box-shadow:0 0 0 2px #d5f1fd;outline:none}.micromag-fields-toggle-container .rc-switch-checked{background-color:#87d068;border:1px solid #87d068}.micromag-fields-toggle-container .rc-switch-checked .rc-switch-inner-checked{left:6px}.micromag-fields-toggle-container .rc-switch-checked .rc-switch-inner-unchecked{left:44px}.micromag-fields-toggle-container .rc-switch-checked:after{left:22px}.micromag-fields-toggle-container .rc-switch-disabled{background:#ccc;border-color:#ccc;cursor:no-drop}.micromag-fields-toggle-container .rc-switch-disabled:after{-webkit-animation-name:none;animation-name:none;background:#9e9e9e;cursor:no-drop}.micromag-fields-toggle-container .rc-switch-disabled:hover:after{-webkit-animation-name:none;animation-name:none;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.micromag-fields-toggle-container .rc-switch-label{display:inline-block;font-size:14px;line-height:20px;padding-left:10px;pointer-events:none;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;vertical-align:middle;white-space:normal}@-webkit-keyframes micromag-fields-toggle-rcSwitchOn{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.25);transform:scale(1.25)}to{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes micromag-fields-toggle-rcSwitchOn{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.25);transform:scale(1.25)}to{-webkit-transform:scale(1.1);transform:scale(1.1)}}@-webkit-keyframes micromag-fields-toggle-rcSwitchOff{0%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes micromag-fields-toggle-rcSwitchOff{0%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}
 .micromag-fields-field-row-resetButton{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0}.micromag-fields-field-row-colLabel{-ms-flex-negative:1;flex-shrink:1;text-align:left}.micromag-fields-field-row-colValue{margin-left:auto;white-space:nowrap}.micromag-fields-field-row-colButtonWidth{width:80%}.micromag-fields-field-row-colMinWidth{min-width:0}.micromag-fields-field-row-settingsButton[disabled]{opacity:.25;pointer-events:none}
 .micromag-fields-container .form-group:last-child{margin-bottom:0}.micromag-fields-container .micromag-fields-field{margin-bottom:1rem}.micromag-fields-container .micromag-fields-field.micromag-fields-isSection{margin-bottom:2rem}.micromag-fields-container .micromag-fields-field.micromag-fields-isList{margin-bottom:0}.micromag-fields-container .micromag-fields-field:last-child{margin-bottom:0}.micromag-fields-container .micromag-fields-advanced{margin-top:2rem}.micromag-fields-container.micromag-fields-withBorders .micromag-fields-fields{border-bottom:1px solid #dedede}.micromag-fields-container.micromag-fields-withBorders .micromag-fields-field{border-top:1px solid #dedede;margin-bottom:0}.micromag-fields-container.micromag-fields-withBorders .micromag-fields-field:last-child{margin-bottom:0}.micromag-fields-container.micromag-fields-withBorders .micromag-fields-fieldRow{padding-bottom:.5rem;padding-top:.5rem}
+
 .micromag-fields-slide-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;white-space:nowrap;width:100%}.micromag-fields-slide-container>*{display:block;margin-right:.5rem}.micromag-fields-slide-container>:last-child{margin-right:0}.micromag-fields-slide-container .micromag-fields-slide-noValue{color:#b3b3b3;overflow:hidden;text-overflow:ellipsis}.micromag-fields-slide-container .micromag-fields-slide-value{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.75rem;overflow:hidden;text-overflow:ellipsis}.micromag-fields-slide-panel{padding:.5rem}
 .micromag-fields-field-with-form-thumbnail{display:block;height:1.5em;margin:0;width:auto}.micromag-fields-field-with-form-label{min-width:0}.micromag-fields-field-with-form-clearButton{margin-left:0;margin-right:8px;position:relative;z-index:1}
 .micromag-fields-media-modal-clearButton,.micromag-fields-media-modal-previewButton{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-block;font-family:inherit;padding:0;position:relative}.micromag-fields-media-modal-container{display:-ms-flexbox;display:flex;max-width:100%;width:100%}@media screen and (min-width:768px){.micromag-fields-media-modal-dialog{max-width:90vw!important;width:1200px!important}}.micromag-fields-media-modal-thumbnail{display:inline-block;height:1.3em;margin:0;width:auto}.micromag-fields-media-modal-dialogBody{padding-top:0!important}.micromag-fields-media-modal-dialogBody>div{min-height:75vh;overflow:hidden;overflow-y:scroll}.micromag-fields-media-modal-previewButton{background-color:transparent}.micromag-fields-media-modal-previewButton.micromag-fields-media-modal-shaded{background-color:#494949;border-radius:4px}.micromag-fields-media-modal-previewButton.micromag-fields-media-modal-small{width:180px}.micromag-fields-media-modal-clearButton{display:-ms-flexbox;display:flex;position:relative;z-index:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;background-color:#494949;border-radius:4px;height:18px;justify-content:center;margin-left:10px;padding:0 10px;width:18px}.micromag-fields-media-modal-clearButton svg{display:block}.micromag-fields-media-modal-preview{border-bottom:.4em solid hsla(0,0%,100%,.07);border-radius:var(--bs-border-radius);height:calc(1.4em + 1rem);overflow:hidden;pointer-events:none}
@@ -42,5 +44,4 @@
 .micromag-fields-static-field-container{display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center}.micromag-fields-static-field-container .micromag-fields-static-field-icon{background-color:grey;border-radius:50%;height:20px;margin-right:10px;width:20px}
 .micromag-fields-text-editor-container .ck.ck-content{font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.1}.micromag-fields-text-editor-container .ck.ck-content em,.micromag-fields-text-editor-container .ck.ck-content i{font-style:italic}.micromag-fields-text-editor-container .ck.ck-content b,.micromag-fields-text-editor-container .ck.ck-content strong{font-weight:700}.micromag-fields-text-editor-container .ck.ck-content p{margin-bottom:.5em;margin-top:.5em}.micromag-fields-text-editor-container .ck.ck-content mark{-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0}.micromag-fields-text-editor-container .ck.ck-content{line-height:1.3}.micromag-fields-text-editor-container .ck.ck-content h2{font-size:2em}.micromag-fields-text-editor-container .ck.ck-content h3{font-size:1.75em}.micromag-fields-text-editor-container .ck.ck-content h4{font-size:1.5em}.micromag-fields-text-editor-container .ck.ck-content blockquote{padding:0 0 0 1em}.micromag-fields-text-editor-container .ck.ck-content img{display:block;height:auto;max-width:100%;width:auto}.micromag-fields-text-editor-container{padding:0}.micromag-fields-text-editor-container .ck.ck-editor__editable,.micromag-fields-text-editor-container .ck.ck-editor__main .ck-editor__editable{background:hsla(0,0%,100%,.07);border:0 solid var(--bs-border-color);outline:none}.micromag-fields-text-editor-container .ck.ck-editor__editable:not(.ck-editor__nested-editable),.micromag-fields-text-editor-container .ck.ck-editor__main .ck-editor__editable:not(.ck-editor__nested-editable){border:1px solid transparent}.micromag-fields-text-editor-container .ck.ck-editor__editable:not(.ck-editor__nested-editable).ck-rounded-corners,.micromag-fields-text-editor-container .ck.ck-editor__main .ck-editor__editable:not(.ck-editor__nested-editable).ck-rounded-corners{border-radius:var(--bs-border-radius)}.micromag-fields-text-editor-container .ck.ck-editor__editable:not(.ck-editor__nested-editable).ck-focused,.micromag-fields-text-editor-container .ck.ck-editor__main .ck-editor__editable:not(.ck-editor__nested-editable).ck-focused{border:1px solid transparent;-webkit-box-shadow:0 0 0 4px rgba(161,61,255,.4);box-shadow:0 0 0 4px rgba(161,61,255,.4);outline:none}.micromag-fields-text-editor-container .ck.ck-editor__editable_inline{padding:.5rem .75rem}.micromag-fields-text-editor-container .ck.ck-editor__editable_inline>:first-child{margin-top:0}.micromag-fields-text-editor-container .ck.ck-editor__editable_inline>:last-child{margin-bottom:0}.micromag-fields-text-editor-container .ck.ck-content{color:#fff;font-size:.9rem;line-height:1.4}.micromag-fields-text-editor-container.micromag-fields-text-editor-size-sm .ck.ck-editor__editable:not(.ck-editor__nested-editable).ck-rounded-corners,.micromag-fields-text-editor-container.micromag-fields-text-editor-size-sm .ck.ck-editor__main .ck-editor__editable:not(.ck-editor__nested-editable).ck-rounded-corners{border-radius:var(--bs-border-radius-sm)}.micromag-fields-text-editor-container.micromag-fields-text-editor-size-sm .ck.ck-editor__editable_inline{padding:.25rem .75rem}.micromag-fields-text-editor-container.micromag-fields-text-editor-size-sm .ck.ck-content{font-size:.7875rem}.micromag-fields-text-editor-container.micromag-fields-text-editor-size-lg .ck.ck-editor__editable:not(.ck-editor__nested-editable).ck-rounded-corners,.micromag-fields-text-editor-container.micromag-fields-text-editor-size-lg .ck.ck-editor__main .ck-editor__editable:not(.ck-editor__nested-editable).ck-rounded-corners{border-radius:var(--bs-border-radius-lg)}.micromag-fields-text-editor-container.micromag-fields-text-editor-size-lg .ck.ck-editor__editable_inline{padding-bottom:.5rem;padding-top:.5rem}.micromag-fields-text-editor-container.micromag-fields-text-editor-size-lg .ck.ck-content{font-size:1.125rem}
 .micromag-fields-text-modal-previewButton{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-block;font-family:inherit;padding:0;position:relative}.micromag-fields-text-modal-dialog{font-size:1rem;padding:.5rem;width:100vw!important}.micromag-fields-text-modal-dialog .micromag-fields-text-modal-selected{background-color:#a13dff}.micromag-fields-text-modal-dialog .micromag-fields-text-modal-editor{max-height:100%;position:relaive}.micromag-fields-text-modal-dialog .micromag-fields-text-modal-editor>div{min-height:100%;min-width:100%}.micromag-fields-text-modal-dialog .micromag-fields-text-modal-editor .ck.ck-editor__main{min-height:100%}.micromag-fields-text-modal-dialog .micromag-fields-text-modal-editor .ck.ck-editor__editable{min-height:260px}@media screen and (min-width:768px){.micromag-fields-text-modal-dialog{width:50vw!important}}.micromag-fields-text-modal-dialogBody>div{height:50vh;overflow:hidden;overflow-y:scroll}.micromag-fields-text-modal-previewButton{background-color:transparent;width:100%}.micromag-fields-text-modal-preview{border-bottom:.4em solid hsla(0,0%,100%,.07);border-radius:var(--bs-border-radius);height:calc(1.4em + 1rem);overflow:hidden;pointer-events:none}.micromag-fields-text-modal-editor{--ck-color-base-background:#2b2b2b}.micromag-fields-text-modal-editor .ck.ck-editor__editable:not(.ck-editor__nested-editable){border:0}.micromag-fields-text-modal-editor .ck.ck-editor__editable:not(.ck-editor__nested-editable).ck-focused{border:0;-webkit-box-shadow:none;box-shadow:none;outline:none}
-.micromag-fields-toggle-container{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.micromag-fields-toggle-container .rc-switch{background-color:#ccc;border:1px solid #ccc;border-radius:20px 20px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:inline-block;height:22px;line-height:20px;overflow:hidden;padding:0;position:relative;-webkit-transition:all .3s cubic-bezier(.35,0,.25,1);transition:all .3s cubic-bezier(.35,0,.25,1);vertical-align:middle;width:44px}.micromag-fields-toggle-container .rc-switch-inner-checked,.micromag-fields-toggle-container .rc-switch-inner-unchecked{color:#fff;font-size:12px;position:absolute;top:0;-webkit-transition:left .3s cubic-bezier(.35,0,.25,1);transition:left .3s cubic-bezier(.35,0,.25,1)}.micromag-fields-toggle-container .rc-switch-inner-checked{left:-14px}.micromag-fields-toggle-container .rc-switch-inner-unchecked{left:24px}.micromag-fields-toggle-container .rc-switch:after{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-name:rcSwitchOff;animation-name:rcSwitchOff;-webkit-animation-timing-function:cubic-bezier(.35,0,.25,1);animation-timing-function:cubic-bezier(.35,0,.25,1);background-color:#fff;border-radius:50% 50%;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.26);box-shadow:0 2px 5px rgba(0,0,0,.26);content:" ";cursor:pointer;height:18px;left:2px;position:absolute;top:1px;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:left .3s cubic-bezier(.35,0,.25,1);transition:left .3s cubic-bezier(.35,0,.25,1);width:18px}.micromag-fields-toggle-container .rc-switch:hover:after{-webkit-animation-name:rcSwitchOn;animation-name:rcSwitchOn;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.micromag-fields-toggle-container .rc-switch:focus{-webkit-box-shadow:0 0 0 2px #d5f1fd;box-shadow:0 0 0 2px #d5f1fd;outline:none}.micromag-fields-toggle-container .rc-switch-checked{background-color:#87d068;border:1px solid #87d068}.micromag-fields-toggle-container .rc-switch-checked .rc-switch-inner-checked{left:6px}.micromag-fields-toggle-container .rc-switch-checked .rc-switch-inner-unchecked{left:44px}.micromag-fields-toggle-container .rc-switch-checked:after{left:22px}.micromag-fields-toggle-container .rc-switch-disabled{background:#ccc;border-color:#ccc;cursor:no-drop}.micromag-fields-toggle-container .rc-switch-disabled:after{-webkit-animation-name:none;animation-name:none;background:#9e9e9e;cursor:no-drop}.micromag-fields-toggle-container .rc-switch-disabled:hover:after{-webkit-animation-name:none;animation-name:none;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.micromag-fields-toggle-container .rc-switch-label{display:inline-block;font-size:14px;line-height:20px;padding-left:10px;pointer-events:none;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;vertical-align:middle;white-space:normal}@-webkit-keyframes micromag-fields-toggle-rcSwitchOn{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.25);transform:scale(1.25)}to{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes micromag-fields-toggle-rcSwitchOn{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.25);transform:scale(1.25)}to{-webkit-transform:scale(1.1);transform:scale(1.1)}}@-webkit-keyframes micromag-fields-toggle-rcSwitchOff{0%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes micromag-fields-toggle-rcSwitchOff{0%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}
 .micromag-fields-tokens-container{position:relative}

package/es/all.js

@@ -115,6 +115,32 @@ var alignment = {
   fields: [alignHorizontal, alignVertical]
 };
 
+var alternative = {
+  id: 'alternative',
+  component: 'alternative'
+};
+
+var alternatives = {
+  id: 'alternatives',
+  isList: true,
+  fields: [{
+    name: 'audio',
+    type: 'audio-element',
+    withToggle: true,
+    label: defineMessage({
+      id: "hzt68m",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Audio"
+      }]
+    }),
+    defaultValue: {
+      autoPlay: true,
+      withControls: true
+    }
+  }]
+};
+
 var answer = {
   id: 'answer',
   component: 'field-with-form',
@@ -1244,7 +1270,7 @@ var entriesWithVisual = _objectSpread(_objectSpread({}, entries), {}, {
 var entry = {
   id: 'entry',
   component: 'field-with-form',
-  labelPath: 'title.body',
+  labelPath: ['title.body', 'description.body'],
   fields: [{
     name: 'title',
     type: 'heading-element',
@@ -2818,4 +2844,4 @@ var visuals = {
   }
 };
 
-export { alignHorizontal, alignVertical, alignment, answer, answers, audio, audioElement, authorElement, background, backgroundRecommendation, badge, borderRadius, borderStyle, borderWidth, def$5 as boxStyle, boxStyleForm, button, buttonElement, buttonLayout, buttonLink, buttons, def$4 as callToAction, callToActionForm, captions, cardLayout, checkboxes, closedCaptions, color, conversation, customAnswer, date, dateElement, datetime, email, entries, entriesWithImage, entriesWithVisual, entry, entryWithImage, entryWithVisual, fieldWithForm, fields$3 as fields, fit, font, fontFamily, fontSize, fontWeight, fonts, footer, gameSortItem, gameSortItems, geoPosition, def$2 as graphBarStyle, graphBarStyleForm, header, headingElement, image, imageWithCaption, images, imagesWithCaption, inputElement, itemTextStyle, items, def$1 as keypadLayout, keypadLayoutForm, letterSpacing, lineHeight, mapZoom, marker, markerWithImage, markers, markersWithImage, mediaThumbnail, message, messages, metadata, number, padding, parameters, password, quizAnswer, quizAnswers, quizPointsAnswer, quizPointsAnswers, radios, screenLayout, select, shadowAngle, def$3 as shareIncentive, shareIncentiveForm, slider, speaker, speakers, text, textElement, textModal, def as textStyle, textStyleForm, toggle, tokens, trueFalse, url, video, videoElement, visual, visualWithCaption, visuals, visualsWithCaption };
+export { alignHorizontal, alignVertical, alignment, alternative, alternatives, answer, answers, audio, audioElement, authorElement, background, backgroundRecommendation, badge, borderRadius, borderStyle, borderWidth, def$5 as boxStyle, boxStyleForm, button, buttonElement, buttonLayout, buttonLink, buttons, def$4 as callToAction, callToActionForm, captions, cardLayout, checkboxes, closedCaptions, color, conversation, customAnswer, date, dateElement, datetime, email, entries, entriesWithImage, entriesWithVisual, entry, entryWithImage, entryWithVisual, fieldWithForm, fields$3 as fields, fit, font, fontFamily, fontSize, fontWeight, fonts, footer, gameSortItem, gameSortItems, geoPosition, def$2 as graphBarStyle, graphBarStyleForm, header, headingElement, image, imageWithCaption, images, imagesWithCaption, inputElement, itemTextStyle, items, def$1 as keypadLayout, keypadLayoutForm, letterSpacing, lineHeight, mapZoom, marker, markerWithImage, markers, markersWithImage, mediaThumbnail, message, messages, metadata, number, padding, parameters, password, quizAnswer, quizAnswers, quizPointsAnswer, quizPointsAnswers, radios, screenLayout, select, shadowAngle, def$3 as shareIncentive, shareIncentiveForm, slider, speaker, speakers, text, textElement, textModal, def as textStyle, textStyleForm, toggle, tokens, trueFalse, url, video, videoElement, visual, visualWithCaption, visuals, visualsWithCaption };