2.1

New profile icons
New profile higher position
Updated Column toggle row
Fixed text encoding

assets/js/components.js

@@ -41,7 +41,7 @@ const MOON_TEX = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADD
 //    groupedLeft  - bool - fuse right side with a VentPill
 //    isLastChild  - bool - restore right border-radius when no sibling follows
 // -------------------------------------------------------------------
-export function CustomSelect({ value, options, onChange, hideLabel, hidingLabel, buttonLabel, isOn, noHide, groupedLeft, isLastChild, grpClass }) {
+export function CustomSelect({ value, options, onChange, hideLabel, hidingLabel, buttonLabel, isOn, noHide, groupedLeft, isLastChild, grpClass, sceneStyle, sceneContent }) {
   const [open, setOpen] = useState(false);
   const [flipRight, setFlipRight] = useState(false);
   const wrapRef  = useRef(null);
@@ -94,6 +94,7 @@ export function CustomSelect({ value, options, onChange, hideLabel, hidingLabel,
         onClick=${(e) => { e.stopPropagation(); setOpen(o => !o); }}
         type="button"
       >
+        ${sceneStyle !== undefined && html`<span class="cs-btn-scene" style=${sceneStyle}>${sceneContent || ''}</span>`}
         <span class="cs-btn-overlay"></span>
         <span class="cs-btn-label">${btnLabel}</span>
         <span class="cs-arrow"></span>