@cesdk/cesdk-js 1.8.0-alpha.4 → 1.8.0-alpha.5

package/assets/i18n/de.json

@@ -467,6 +467,10 @@
   "component.themeSelect.light.description": "Helles Farbschema auswählen",
   "component.topbar.back": "$t(common.back)",
   "component.topbar.close": "$t(common.close)",
+  "component.trimVideo.play": "Abspielen",
+  "component.trimVideo.play.description": "Zu kürzendes Video abspielen",
+  "component.trimVideo.trimDuration": "Schnittlänge",
+  "component.trimVideo.trimDuration.description": "Schnittlänge festlegen",
   "component.undo.redo": "$t(common.redo)",
   "component.undo.undo": "$t(common.undo)",
   "component.viewSelect": "Ansicht",
@@ -687,6 +691,7 @@
   "property.crop.straighten": "Begradigen",
   "property.crop.tooltip": "Zuschnitt ändern",
   "property.crop.transform": "$t(block.image)",
+  "property.trim": "Schneiden",
   "property.duotoneFilter.breezy": "Breezy",
   "property.duotoneFilter.clash": "Clash",
   "property.duotoneFilter.deepblue": "Deep Blue",

package/assets/i18n/en.json

@@ -467,6 +467,10 @@
   "component.themeSelect.light.description": "Select light theme",
   "component.topbar.back": "$t(common.back)",
   "component.topbar.close": "$t(common.close)",
+  "component.trimVideo.play": "Play",
+  "component.trimVideo.play.description": "Play trimmed video",
+  "component.trimVideo.trimDuration": "Trim duration",
+  "component.trimVideo.trimDuration.description": "Set trimmed video duration",
   "component.undo.redo": "$t(common.redo)",
   "component.undo.undo": "$t(common.undo)",
   "component.viewSelect": "View",
@@ -687,6 +691,7 @@
   "property.crop.straighten": "Straighten",
   "property.crop.tooltip": "Change crop properties",
   "property.crop.transform": "$t(block.image)",
+  "property.trim": "Trim",
   "property.duotoneFilter.breezy": "Breezy",
   "property.duotoneFilter.clash": "Clash",
   "property.duotoneFilter.deepblue": "Deep Blue",

package/assets/ui/stylesheets/cesdk.css

@@ -63,10 +63,10 @@
 @supports not (contain: none){.UBQ_ExternalLink__block--Hb3aB:focus{z-index:calc(z("default") + 1);box-shadow:var(--ubq-effect-focus);color:var(--ubq-foreground-default);border-radius:var(--ubq-border_radius-s)}}.UBQ_ExternalLink__block--Hb3aB:focus-visible{z-index:calc(z("default") + 1);box-shadow:var(--ubq-effect-focus);color:var(--ubq-foreground-default);border-radius:var(--ubq-border_radius-s)}
 .UBQ_Dock__block--aKQfU{display:flex;flex-direction:column;position:relative;padding:var(--ubq-margin-xs);box-sizing:border-box;z-index:15;background:var(--ubq-elevation-2);transition:background-color .3s ease-in-out}.UBQ_Dock__block--aKQfU.UBQ_Dock__hasSelected--zZeMe{background:var(--ubq-elevation-1)}.UBQ_Dock__block--aKQfU.UBQ_Dock__left--SjHad{order:0}.UBQ_Dock__block--aKQfU.UBQ_Dock__right--XRtI1{order:1}.UBQ_Dock__small--EjOTm{width:calc(var(--ubq-scale-base)*12)}.UBQ_Dock__big--mtVNu{width:calc(var(--ubq-scale-base)*18)}.UBQ_Dock__button--ttmQQ{font-family:var(--ubq-typography-label-s-font_family);font-size:var(--ubq-typography-label-s-size);font-weight:var(--ubq-typography-label-s-weight);letter-spacing:var(--ubq-typography-label-s-letter_spacing);line-height:var(--ubq-typography-label-s-line_height);padding:var(--ubq-margin-s) var(--ubq-margin-xs);width:100%;min-height:calc(var(--ubq-scale-base)*10);flex:1 0}.UBQ_Dock__buttonLabel--w6Aji{display:flex;flex-direction:column;align-items:center;gap:var(--ubq-margin-xs);width:100%}.UBQ_Dock__buttonLabel--w6Aji>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;width:100%}.UBQ_Dock__group--_lfht{display:flex;flex-direction:column;gap:var(--ubq-margin-xs)}.UBQ_Dock__group--_lfht:empty{display:none}
 .UBQ_MasonryGrid__block--X5QGY{display:grid;grid-gap:var(--ubq-margin-s);grid-auto-rows:0}
-.UBQ_MediaStrip__block--hwS5E{border-radius:var(--ubq-border_radius-m);box-sizing:border-box;display:grid;grid-template-areas:"stack";grid-template-rows:100%;grid-template-columns:100%;height:100%;width:100%;overflow:hidden}.UBQ_MediaStrip__block--hwS5E>*{grid-area:stack}.UBQ_MediaStrip__content--vjWxV{box-sizing:border-box;height:100%;width:100%;padding:var(--ubq-margin-xs)}.UBQ_MediaStrip__backgroundContainer--CT081{height:100%;width:100%;pointer-events:none}.UBQ_MediaStrip__singleFrame--MCQAr{width:100%;height:100%;background-repeat:repeat;background-size:auto 100%}
-.UBQ_ResizeHandle__block--YRdxN{border-radius:var(--ubq-border_radius-s);box-shadow:0 0 0 1px var(--ubq-static-selection-frame);height:calc(4*var(--ubq-scale-base));width:var(--ubq-scale-base);background:var(--ubq-static-contrast-white);cursor:col-resize}.UBQ_ResizeHandle__block--YRdxN.UBQ_ResizeHandle__vertical--sRBAO{height:var(--ubq-scale-base);width:calc(4*var(--ubq-scale-base));cursor:row-resize}
+.UBQ_MediaStrip__block--hwS5E{border-radius:var(--ubq-border_radius-s);box-sizing:border-box;display:grid;grid-template-areas:"stack";grid-template-rows:100%;grid-template-columns:100%;height:100%;width:100%;overflow:hidden}.UBQ_MediaStrip__block--hwS5E>*{grid-area:stack}.UBQ_MediaStrip__content--vjWxV{box-sizing:border-box;height:100%;width:100%}.UBQ_MediaStrip__backgroundContainer--CT081{height:100%;width:100%;pointer-events:none}.UBQ_MediaStrip__singleFrame--MCQAr{width:100%;height:100%;background-repeat:repeat;background-size:auto 100%}
+.UBQ_ResizeHandle__block--YRdxN{border-radius:var(--ubq-border_radius-s);box-shadow:0 0 0 1px var(--ubq-static-selection-frame);height:calc(4*var(--ubq-scale-base));width:var(--ubq-scale-base);background:var(--ubq-static-contrast-white);cursor:col-resize}.UBQ_ResizeHandle__block--YRdxN.UBQ_ResizeHandle__vertical--sRBAO{height:var(--ubq-scale-base);width:calc(4*var(--ubq-scale-base));cursor:row-resize}.UBQ_ResizeHandle__block--YRdxN:focus-visible{box-shadow:var(--ubq-effect-focus)}
 .UBQ_IndicatorLabel__block--ZejQt{padding:0 var(--ubq-margin-s);width:-moz-fit-content;width:fit-content;border-radius:var(--ubq-border_radius-s);color:var(--ubq-foreground-default);background:var(--ubq-overlay);font-family:var(--ubq-typography-label-m-font_family);font-size:var(--ubq-typography-label-m-size);font-weight:var(--ubq-typography-label-m-weight);letter-spacing:var(--ubq-typography-label-m-letter_spacing);line-height:var(--ubq-typography-label-m-line_height)}
-.UBQ_MediaTrim__block--Q08_J{box-sizing:border-box;width:100%;height:calc(var(--ubq-scale-base)*7);overflow:hidden}.UBQ_MediaTrim__innerMediaStrip--fVo9X{background:rgba(0,0,0,0);box-shadow:0 0 0 100vw rgba(0,0,0,.55),inset 0 0 0 2px var(--ubq-focus-default)}.UBQ_MediaTrim__handle--RYMT5{cursor:col-resize;padding:0 var(--ubq-margin-xs)}
+.UBQ_MediaTrim__block--Q08_J{box-sizing:border-box;width:100%;height:calc(var(--ubq-scale-base)*6);overflow:hidden;border-radius:var(--ubq-border_radius-s);box-shadow:var(--ubq-effect-shadow)}.UBQ_MediaTrim__innerMediaStrip--fVo9X{background:rgba(0,0,0,0);box-shadow:0 0 0 100vw rgba(0,0,0,.55),inset 0 0 0 2px var(--ubq-focus-default)}.UBQ_MediaTrim__handle--RYMT5{cursor:col-resize;padding:var(--ubq-margin-xs) var(--ubq-margin-s)}
 .UBQ_CanvasAction__block--fbc8M{display:flex;padding:calc(var(--ubq-margin-xs) - 1px)}.UBQ_CanvasAction__block--fbc8M:not(:last-child){border-right:1px solid var(--ubq-border-divider)}
 .UBQ_CanvasActionContainer__canvasActions--_2g3e{display:flex;flex-direction:row;align-items:center;background:var(--ubq-elevation-2);border:1px solid var(--ubq-border-divider);border-radius:var(--ubq-border_radius-m);overflow:hidden}.UBQ_CanvasActionContainer__canvasActions--_2g3e:empty{display:none}.UBQ_CanvasActionContainer__tippy--Js2dJ{max-width:unset !important}.UBQ_CanvasActionContainer__tippy--Js2dJ[data-animation=shift-away][data-state=hidden]{opacity:0}.UBQ_CanvasActionContainer__tippy--Js2dJ[data-animation=shift-away][data-state=hidden][data-placement^=top]{transform:translateY(10px)}.UBQ_CanvasActionContainer__tippy--Js2dJ[data-animation=shift-away][data-state=hidden][data-placement^=bottom]{transform:translateY(-10px)}.UBQ_CanvasActionContainer__tippy--Js2dJ[data-animation=shift-away][data-state=hidden][data-placement^=left]{transform:translateX(10px)}.UBQ_CanvasActionContainer__tippy--Js2dJ[data-animation=shift-away][data-state=hidden][data-placement^=right]{transform:translateX(-10px)}
 .UBQ_PlaceholderSettings__placeholderPopoverButton--E1tmL{background:var(--ubq-interactive-template-default)}.UBQ_PlaceholderSettings__placeholderPopoverButton--E1tmL:hover:not([data-active=true]):not(:active){background:var(--ubq-interactive-template-hover)}.UBQ_PlaceholderSettings__placeholderPopoverButton--E1tmL:active{background:var(--ubq-interactive-template-pressed)}.UBQ_PlaceholderSettings__spacer--eMd5b{width:var(--ubq-margin-xs)}.UBQ_PlaceholderSettings__hidden--UTFNM{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.UBQ_PlaceholderSettings__separator--gVJ1q{margin:var(--ubq-margin-xs)}
@@ -144,7 +144,7 @@
 .UBQ_ShapeOptions__popoverContent--_AAQC{width:calc(60*var(--ubq-scale-base))}
 .UBQ_ShapeStrokeWidth__popoverContent--KY7Dh{width:calc(60*var(--ubq-scale-base))}.UBQ_ShapeStrokeWidth__button--TTA89{max-width:calc(30*var(--ubq-scale-base))}
 .UBQ_TextAlignmentSelect__option--b0Uqu{display:flex;justify-content:flex-start;align-items:center}.UBQ_TextAlignmentSelect__option--b0Uqu>*:not(:last-child){margin-right:var(--ubq-margin-xs)}.UBQ_TextAlignmentSelect__cornerChevronOverlay--Xsfn1{display:grid;grid-template-areas:"stack"}.UBQ_TextAlignmentSelect__cornerChevronOverlay--Xsfn1>*{grid-area:stack}
-.UBQ_InspectorBar__block--LJY1E{overflow-y:auto;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--ubq-foreground-info) rgba(0,0,0,0);display:flex;justify-content:space-between;align-items:stretch;padding:var(--ubq-margin-m) 0;min-height:calc(var(--ubq-scale-base)*6);background:var(--ubq-InspectorBar-background, var(--ubq-elevation-1));overflow-x:auto;overflow-y:hidden}.UBQ_InspectorBar__block--LJY1E::-webkit-scrollbar{width:calc(2*var(--ubq-scale-base));height:calc(1.5*var(--ubq-scale-base))}.UBQ_InspectorBar__block--LJY1E::-webkit-scrollbar-track{background:rgba(0,0,0,0);margin:var(--ubq-margin-s) var(--ubq-margin-s)}.UBQ_InspectorBar__block--LJY1E::-webkit-scrollbar-thumb{background-color:var(--ubq-foreground-info);border-radius:var(--ubq-border_radius-m)}.UBQ_InspectorBar__block--LJY1E::-webkit-scrollbar-corner{background:rgba(0,0,0,0)}.UBQ_InspectorBar__area--LWR2R{display:flex;justify-content:center;min-height:calc(var(--ubq-scale-base)*6);margin:0 var(--ubq-margin-m)}.UBQ_InspectorBar__area--LWR2R:first-child{justify-content:flex-start}.UBQ_InspectorBar__area--LWR2R:last-child{justify-content:flex-end}.UBQ_InspectorBar__area--LWR2R:first-child{margin-left:0}.UBQ_InspectorBar__area--LWR2R:last-child{margin-right:0}.UBQ_InspectorBar__areaGroup--Xhg5d{display:flex;align-items:center;margin:0 var(--ubq-margin-m)}.UBQ_InspectorBar__areaGroup--Xhg5d:first-child{margin-left:0}.UBQ_InspectorBar__areaGroup--Xhg5d:last-child{margin-right:0}.UBQ_InspectorBar__areaGroup--Xhg5d>*:not(:last-child){margin-right:var(--ubq-margin-s)}.UBQ_InspectorBar__areaGroup--Xhg5d:empty{margin:0}.UBQ_InspectorBar__area--LWR2R:first-child>.UBQ_InspectorBar__areaGroup--Xhg5d:first-child{margin-left:var(--ubq-margin-l)}.UBQ_InspectorBar__area--LWR2R:first-child>.UBQ_InspectorBar__areaGroup--Xhg5d:first-child:empty{margin:0}.UBQ_InspectorBar__area--LWR2R:last-child>.UBQ_InspectorBar__areaGroup--Xhg5d:last-child{margin-right:var(--ubq-margin-l)}.UBQ_InspectorBar__area--LWR2R:last-child>.UBQ_InspectorBar__areaGroup--Xhg5d:last-child:empty{margin:0}.UBQ_InspectorBar__fontSize--nXKQh{width:calc(var(--ubq-scale-base)*19)}.UBQ_InspectorBar__optionsMenuRow--dk3L5{display:grid;grid-template-columns:auto 50%;align-items:center;margin-bottom:var(--ubq-margin-s)}.UBQ_InspectorBar__cropStraightenSlider--gfEGR{width:calc(var(--ubq-scale-base)*40)}
+.UBQ_InspectorBar__block--LJY1E{overflow-y:auto;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--ubq-foreground-info) rgba(0,0,0,0);display:flex;justify-content:space-between;align-items:stretch;padding:var(--ubq-margin-m) 0;min-height:calc(var(--ubq-scale-base)*6);background:var(--ubq-InspectorBar-background, var(--ubq-elevation-1));overflow-x:auto;overflow-y:hidden}.UBQ_InspectorBar__block--LJY1E::-webkit-scrollbar{width:calc(2*var(--ubq-scale-base));height:calc(1.5*var(--ubq-scale-base))}.UBQ_InspectorBar__block--LJY1E::-webkit-scrollbar-track{background:rgba(0,0,0,0);margin:var(--ubq-margin-s) var(--ubq-margin-s)}.UBQ_InspectorBar__block--LJY1E::-webkit-scrollbar-thumb{background-color:var(--ubq-foreground-info);border-radius:var(--ubq-border_radius-m)}.UBQ_InspectorBar__block--LJY1E::-webkit-scrollbar-corner{background:rgba(0,0,0,0)}.UBQ_InspectorBar__area--LWR2R{display:flex;justify-content:center;min-height:calc(var(--ubq-scale-base)*6);margin:0 var(--ubq-margin-m)}.UBQ_InspectorBar__area--LWR2R:first-child{justify-content:flex-start}.UBQ_InspectorBar__area--LWR2R:last-child{justify-content:flex-end}.UBQ_InspectorBar__area--LWR2R:first-child{margin-left:0}.UBQ_InspectorBar__area--LWR2R:last-child{margin-right:0}.UBQ_InspectorBar__areaGroup--Xhg5d{display:flex;gap:var(--ubq-margin-xs);align-items:center;margin:0 var(--ubq-margin-l)}.UBQ_InspectorBar__area--LWR2R:first-child>.UBQ_InspectorBar__areaGroup--Xhg5d:first-child{margin-left:var(--ubq-margin-l)}.UBQ_InspectorBar__area--LWR2R:first-child>.UBQ_InspectorBar__areaGroup--Xhg5d:first-child:empty{margin:0}.UBQ_InspectorBar__area--LWR2R:last-child>.UBQ_InspectorBar__areaGroup--Xhg5d:last-child{margin-right:var(--ubq-margin-l)}.UBQ_InspectorBar__area--LWR2R:last-child>.UBQ_InspectorBar__areaGroup--Xhg5d:last-child:empty{margin:0}.UBQ_InspectorBar__containerChildren--k7Lq_{width:100%;display:flex}.UBQ_InspectorBar__fontSize--nXKQh{width:calc(var(--ubq-scale-base)*19)}.UBQ_InspectorBar__optionsMenuRow--dk3L5{display:grid;grid-template-columns:auto 50%;align-items:center;margin-bottom:var(--ubq-margin-s)}.UBQ_InspectorBar__cropStraightenSlider--gfEGR{width:calc(var(--ubq-scale-base)*40)}.UBQ_InspectorBar__containerTrimModeInterface--lzxyS{width:100%}.UBQ_InspectorBar__buttonTrimPlay--_3Ns1{flex:0 0 auto}.UBQ_InspectorBar__numberInputTrimDuration--R7FqK{flex:0 0 calc(16*var(--ubq-scale-base))}.UBQ_InspectorBar__containerMediaTrim--UQJXK{flex:1 1 100%;margin:0 var(--ubq-margin-m)}.UBQ_InspectorBar__buttonTrimDone--IGjcJ{flex:0 0 fit-content}
 .UBQ_Unload__block--hxWIb>button{margin-bottom:1rem}
 .UBQ_RawInspector__block--Ezhba{display:flex;align-items:center;width:100%;font-size:12px;margin-bottom:10px}.UBQ_RawInspector__block--Ezhba>label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.UBQ_RawInspector__block--Ezhba>input{width:95%}.UBQ_RawInspector__rawInline--_j10W{flex-direction:row-reverse;justify-content:flex-end}.UBQ_RawInspector__rawInline--_j10W>input{width:auto}.UBQ_RawInspector__rawField--Z1fRF{flex-direction:column;justify-content:flex-start;align-items:flex-start}.UBQ_RawInspector__rawField--Z1fRF>input{width:95%}
 .UBQ_FontPreview__block--fWDUg>button{margin-bottom:1rem}