@yoobic/yobi 8.3.0-30 → 8.3.0-33

package/dist/collection/components/form-creator/form-creator-block-expandable/form-creator-block-expandable.css

@@ -312,33 +312,40 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   position: relative;
   border: var(--expandable-block-border);
 }
-:host .outer-container .parent-block-condition.multimedia, :host .outer-container .parent-block-condition.learn, :host .outer-container .parent-block-condition.uiactions,
+:host .outer-container .parent-block-condition.multimedia, :host .outer-container .parent-block-condition.learn, :host .outer-container .parent-block-condition.uiactions, :host .outer-container .parent-block-condition.action,
 :host .outer-container .parent-block-container.multimedia,
 :host .outer-container .parent-block-container.learn,
-:host .outer-container .parent-block-container.uiactions {
+:host .outer-container .parent-block-container.uiactions,
+:host .outer-container .parent-block-container.action {
   border-color: var(--info, #d84c96);
 }
-:host .outer-container .parent-block-condition.select, :host .outer-container .parent-block-condition.events, :host .outer-container .parent-block-condition.dataevents,
+:host .outer-container .parent-block-condition.select, :host .outer-container .parent-block-condition.events, :host .outer-container .parent-block-condition.dataevents, :host .outer-container .parent-block-condition.trigger,
 :host .outer-container .parent-block-container.select,
 :host .outer-container .parent-block-container.events,
-:host .outer-container .parent-block-container.dataevents {
+:host .outer-container .parent-block-container.dataevents,
+:host .outer-container .parent-block-container.trigger {
   border-color: var(--accent, #276ef1);
 }
-:host .outer-container .parent-block-condition.textcategory,
-:host .outer-container .parent-block-container.textcategory {
+:host .outer-container .parent-block-condition.textcategory, :host .outer-container .parent-block-condition.condition,
+:host .outer-container .parent-block-container.textcategory,
+:host .outer-container .parent-block-container.condition {
   border-color: var(--energized, #ffc043);
 }
-:host .outer-container .parent-block-condition.number, :host .outer-container .parent-block-condition.appcreatorapp, :host .outer-container .parent-block-condition.customfield,
+:host .outer-container .parent-block-condition.number, :host .outer-container .parent-block-condition.appcreatorapp, :host .outer-container .parent-block-condition.customfield, :host .outer-container .parent-block-condition.lesson, :host .outer-container .parent-block-condition.boostcontent,
 :host .outer-container .parent-block-container.number,
 :host .outer-container .parent-block-container.appcreatorapp,
-:host .outer-container .parent-block-container.customfield {
+:host .outer-container .parent-block-container.customfield,
+:host .outer-container .parent-block-container.lesson,
+:host .outer-container .parent-block-container.boostcontent {
   border-color: var(--app-color, #5a30f4);
 }
-:host .outer-container .parent-block-condition.contactdetail, :host .outer-container .parent-block-condition.engage, :host .outer-container .parent-block-condition.information, :host .outer-container .parent-block-condition.nativeactions,
+:host .outer-container .parent-block-condition.contactdetail, :host .outer-container .parent-block-condition.engage, :host .outer-container .parent-block-condition.information, :host .outer-container .parent-block-condition.nativeactions, :host .outer-container .parent-block-condition.entity, :host .outer-container .parent-block-condition.notification,
 :host .outer-container .parent-block-container.contactdetail,
 :host .outer-container .parent-block-container.engage,
 :host .outer-container .parent-block-container.information,
-:host .outer-container .parent-block-container.nativeactions {
+:host .outer-container .parent-block-container.nativeactions,
+:host .outer-container .parent-block-container.entity,
+:host .outer-container .parent-block-container.notification {
   border-color: var(--warning, #ed6e33);
 }
 :host .outer-container .parent-block-condition.no-scoring,
@@ -350,8 +357,9 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 :host .outer-container .parent-block-container.logic {
   border-color: var(--anthracite, #1a1a1a);
 }
-:host .outer-container .parent-block-condition.dateandtime,
-:host .outer-container .parent-block-container.dateandtime {
+:host .outer-container .parent-block-condition.dateandtime, :host .outer-container .parent-block-condition.waitfor,
+:host .outer-container .parent-block-container.dateandtime,
+:host .outer-container .parent-block-container.waitfor {
   border-color: var(--dark, #000000);
 }
 :host .outer-container .parent-block-condition.catalogandbarcode, :host .outer-container .parent-block-condition.notifications,
@@ -369,11 +377,6 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 :host .outer-container .parent-block-container.operate {
   border-color: var(--success, #3aa76d);
 }
-:host .outer-container .parent-block-condition.lesson, :host .outer-container .parent-block-condition.boostcontent,
-:host .outer-container .parent-block-container.lesson,
-:host .outer-container .parent-block-container.boostcontent {
-  border-color: var(--app-color, #5a30f4);
-}
 :host .outer-container .parent-block-condition .header,
 :host .outer-container .parent-block-container .header {
   cursor: grab;
@@ -382,33 +385,40 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 :host .outer-container .parent-block-container .header .form-icon {
   background-color: var(--accent, #276ef1);
 }
-:host .outer-container .parent-block-condition .header .form-icon.multimedia, :host .outer-container .parent-block-condition .header .form-icon.learn, :host .outer-container .parent-block-condition .header .form-icon.uiactions,
+:host .outer-container .parent-block-condition .header .form-icon.multimedia, :host .outer-container .parent-block-condition .header .form-icon.learn, :host .outer-container .parent-block-condition .header .form-icon.uiactions, :host .outer-container .parent-block-condition .header .form-icon.action,
 :host .outer-container .parent-block-container .header .form-icon.multimedia,
 :host .outer-container .parent-block-container .header .form-icon.learn,
-:host .outer-container .parent-block-container .header .form-icon.uiactions {
+:host .outer-container .parent-block-container .header .form-icon.uiactions,
+:host .outer-container .parent-block-container .header .form-icon.action {
   background-color: var(--info, #d84c96);
 }
-:host .outer-container .parent-block-condition .header .form-icon.select, :host .outer-container .parent-block-condition .header .form-icon.events, :host .outer-container .parent-block-condition .header .form-icon.dataevents,
+:host .outer-container .parent-block-condition .header .form-icon.select, :host .outer-container .parent-block-condition .header .form-icon.events, :host .outer-container .parent-block-condition .header .form-icon.dataevents, :host .outer-container .parent-block-condition .header .form-icon.trigger,
 :host .outer-container .parent-block-container .header .form-icon.select,
 :host .outer-container .parent-block-container .header .form-icon.events,
-:host .outer-container .parent-block-container .header .form-icon.dataevents {
+:host .outer-container .parent-block-container .header .form-icon.dataevents,
+:host .outer-container .parent-block-container .header .form-icon.trigger {
   background-color: var(--accent, #276ef1);
 }
-:host .outer-container .parent-block-condition .header .form-icon.textcategory,
-:host .outer-container .parent-block-container .header .form-icon.textcategory {
+:host .outer-container .parent-block-condition .header .form-icon.textcategory, :host .outer-container .parent-block-condition .header .form-icon.condition,
+:host .outer-container .parent-block-container .header .form-icon.textcategory,
+:host .outer-container .parent-block-container .header .form-icon.condition {
   background-color: var(--energized, #ffc043);
 }
-:host .outer-container .parent-block-condition .header .form-icon.number, :host .outer-container .parent-block-condition .header .form-icon.appcreatorapp, :host .outer-container .parent-block-condition .header .form-icon.customfield,
+:host .outer-container .parent-block-condition .header .form-icon.number, :host .outer-container .parent-block-condition .header .form-icon.appcreatorapp, :host .outer-container .parent-block-condition .header .form-icon.customfield, :host .outer-container .parent-block-condition .header .form-icon.lesson, :host .outer-container .parent-block-condition .header .form-icon.boostcontent,
 :host .outer-container .parent-block-container .header .form-icon.number,
 :host .outer-container .parent-block-container .header .form-icon.appcreatorapp,
-:host .outer-container .parent-block-container .header .form-icon.customfield {
+:host .outer-container .parent-block-container .header .form-icon.customfield,
+:host .outer-container .parent-block-container .header .form-icon.lesson,
+:host .outer-container .parent-block-container .header .form-icon.boostcontent {
   background-color: var(--app-color, #5a30f4);
 }
-:host .outer-container .parent-block-condition .header .form-icon.contactdetail, :host .outer-container .parent-block-condition .header .form-icon.engage, :host .outer-container .parent-block-condition .header .form-icon.information, :host .outer-container .parent-block-condition .header .form-icon.nativeactions,
+:host .outer-container .parent-block-condition .header .form-icon.contactdetail, :host .outer-container .parent-block-condition .header .form-icon.engage, :host .outer-container .parent-block-condition .header .form-icon.information, :host .outer-container .parent-block-condition .header .form-icon.nativeactions, :host .outer-container .parent-block-condition .header .form-icon.entity, :host .outer-container .parent-block-condition .header .form-icon.notification,
 :host .outer-container .parent-block-container .header .form-icon.contactdetail,
 :host .outer-container .parent-block-container .header .form-icon.engage,
 :host .outer-container .parent-block-container .header .form-icon.information,
-:host .outer-container .parent-block-container .header .form-icon.nativeactions {
+:host .outer-container .parent-block-container .header .form-icon.nativeactions,
+:host .outer-container .parent-block-container .header .form-icon.entity,
+:host .outer-container .parent-block-container .header .form-icon.notification {
   background-color: var(--warning, #ed6e33);
 }
 :host .outer-container .parent-block-condition .header .form-icon.no-scoring,
@@ -420,8 +430,9 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 :host .outer-container .parent-block-container .header .form-icon.logic {
   background-color: var(--anthracite, #1a1a1a);
 }
-:host .outer-container .parent-block-condition .header .form-icon.dateandtime,
-:host .outer-container .parent-block-container .header .form-icon.dateandtime {
+:host .outer-container .parent-block-condition .header .form-icon.dateandtime, :host .outer-container .parent-block-condition .header .form-icon.waitfor,
+:host .outer-container .parent-block-container .header .form-icon.dateandtime,
+:host .outer-container .parent-block-container .header .form-icon.waitfor {
   background-color: var(--dark, #000000);
 }
 :host .outer-container .parent-block-condition .header .form-icon.catalogandbarcode, :host .outer-container .parent-block-condition .header .form-icon.notifications,
@@ -439,11 +450,6 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 :host .outer-container .parent-block-container .header .form-icon.operate {
   background-color: var(--success, #3aa76d);
 }
-:host .outer-container .parent-block-condition .header .form-icon.lesson, :host .outer-container .parent-block-condition .header .form-icon.boostcontent,
-:host .outer-container .parent-block-container .header .form-icon.lesson,
-:host .outer-container .parent-block-container .header .form-icon.boostcontent {
-  background-color: var(--app-color, #5a30f4);
-}
 :host .outer-container .parent-block-condition .header .icons-container,
 :host .outer-container .parent-block-container .header .icons-container {
   margin-left: var(--spacing-16, 1rem);
@@ -628,19 +634,19 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   height: 0.4375rem;
   border-radius: 50%;
 }
-:host .outer-container .child-block .child-block-container .child-block-marker.multimedia, :host .outer-container .child-block .child-block-container .child-block-marker.learn, :host .outer-container .child-block .child-block-container .child-block-marker.uiactions {
+:host .outer-container .child-block .child-block-container .child-block-marker.multimedia, :host .outer-container .child-block .child-block-container .child-block-marker.learn, :host .outer-container .child-block .child-block-container .child-block-marker.uiactions, :host .outer-container .child-block .child-block-container .child-block-marker.action {
   background-color: var(--info, #d84c96);
 }
-:host .outer-container .child-block .child-block-container .child-block-marker.select, :host .outer-container .child-block .child-block-container .child-block-marker.events, :host .outer-container .child-block .child-block-container .child-block-marker.dataevents {
+:host .outer-container .child-block .child-block-container .child-block-marker.select, :host .outer-container .child-block .child-block-container .child-block-marker.events, :host .outer-container .child-block .child-block-container .child-block-marker.dataevents, :host .outer-container .child-block .child-block-container .child-block-marker.trigger {
   background-color: var(--accent, #276ef1);
 }
-:host .outer-container .child-block .child-block-container .child-block-marker.textcategory {
+:host .outer-container .child-block .child-block-container .child-block-marker.textcategory, :host .outer-container .child-block .child-block-container .child-block-marker.condition {
   background-color: var(--energized, #ffc043);
 }
-:host .outer-container .child-block .child-block-container .child-block-marker.number, :host .outer-container .child-block .child-block-container .child-block-marker.appcreatorapp, :host .outer-container .child-block .child-block-container .child-block-marker.customfield {
+:host .outer-container .child-block .child-block-container .child-block-marker.number, :host .outer-container .child-block .child-block-container .child-block-marker.appcreatorapp, :host .outer-container .child-block .child-block-container .child-block-marker.customfield, :host .outer-container .child-block .child-block-container .child-block-marker.lesson, :host .outer-container .child-block .child-block-container .child-block-marker.boostcontent {
   background-color: var(--app-color, #5a30f4);
 }
-:host .outer-container .child-block .child-block-container .child-block-marker.contactdetail, :host .outer-container .child-block .child-block-container .child-block-marker.engage, :host .outer-container .child-block .child-block-container .child-block-marker.information, :host .outer-container .child-block .child-block-container .child-block-marker.nativeactions {
+:host .outer-container .child-block .child-block-container .child-block-marker.contactdetail, :host .outer-container .child-block .child-block-container .child-block-marker.engage, :host .outer-container .child-block .child-block-container .child-block-marker.information, :host .outer-container .child-block .child-block-container .child-block-marker.nativeactions, :host .outer-container .child-block .child-block-container .child-block-marker.entity, :host .outer-container .child-block .child-block-container .child-block-marker.notification {
   background-color: var(--warning, #ed6e33);
 }
 :host .outer-container .child-block .child-block-container .child-block-marker.no-scoring {
@@ -649,7 +655,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 :host .outer-container .child-block .child-block-container .child-block-marker.actioncategory, :host .outer-container .child-block .child-block-container .child-block-marker.logic {
   background-color: var(--anthracite, #1a1a1a);
 }
-:host .outer-container .child-block .child-block-container .child-block-marker.dateandtime {
+:host .outer-container .child-block .child-block-container .child-block-marker.dateandtime, :host .outer-container .child-block .child-block-container .child-block-marker.waitfor {
   background-color: var(--dark, #000000);
 }
 :host .outer-container .child-block .child-block-container .child-block-marker.catalogandbarcode, :host .outer-container .child-block .child-block-container .child-block-marker.notifications {
@@ -661,9 +667,6 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 :host .outer-container .child-block .child-block-container .child-block-marker.page, :host .outer-container .child-block .child-block-container .child-block-marker.dataactions, :host .outer-container .child-block .child-block-container .child-block-marker.operate {
   background-color: var(--success, #3aa76d);
 }
-:host .outer-container .child-block .child-block-container .child-block-marker.lesson, :host .outer-container .child-block .child-block-container .child-block-marker.boostcontent {
-  background-color: var(--app-color, #5a30f4);
-}
 :host .outer-container .child-block .child-block-container .child-block-marker .tooltip-container {
   position: absolute;
   top: -0.5rem;
@@ -691,19 +694,19 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 :host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable) {
   color: var(--accent, #276ef1);
 }
-:host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).multimedia, :host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).learn, :host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).uiactions {
+:host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).multimedia, :host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).learn, :host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).uiactions, :host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).action {
   color: var(--info, #d84c96);
 }
-:host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).select, :host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).events, :host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).dataevents {
+:host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).select, :host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).events, :host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).dataevents, :host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).trigger {
   color: var(--accent, #276ef1);
 }
-:host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).textcategory {
+:host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).textcategory, :host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).condition {
   color: var(--energized, #ffc043);
 }
-:host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).number, :host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).appcreatorapp, :host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).customfield {
+:host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).number, :host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).appcreatorapp, :host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).customfield, :host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).lesson, :host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).boostcontent {
   color: var(--app-color, #5a30f4);
 }
-:host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).contactdetail, :host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).engage, :host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).information, :host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).nativeactions {
+:host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).contactdetail, :host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).engage, :host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).information, :host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).nativeactions, :host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).entity, :host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).notification {
   color: var(--warning, #ed6e33);
 }
 :host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).no-scoring {
@@ -712,7 +715,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 :host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).actioncategory, :host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).logic {
   color: var(--anthracite, #1a1a1a);
 }
-:host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).dateandtime {
+:host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).dateandtime, :host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).waitfor {
   color: var(--dark, #000000);
 }
 :host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).catalogandbarcode, :host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).notifications {
@@ -724,9 +727,6 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 :host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).page, :host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).dataactions, :host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).operate {
   color: var(--success, #3aa76d);
 }
-:host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).lesson, :host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).boostcontent {
-  color: var(--app-color, #5a30f4);
-}
 :host .outer-container .child-block .child-block-container .child-block-indicator {
   position: absolute;
   top: -0.625rem;
@@ -751,19 +751,19 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   z-index: 0;
   width: 0.0625rem;
 }
-:host .outer-container .child-block-indicator.multimedia, :host .outer-container .child-block-indicator.learn, :host .outer-container .child-block-indicator.uiactions {
+:host .outer-container .child-block-indicator.multimedia, :host .outer-container .child-block-indicator.learn, :host .outer-container .child-block-indicator.uiactions, :host .outer-container .child-block-indicator.action {
   background-color: var(--info, #d84c96);
 }
-:host .outer-container .child-block-indicator.select, :host .outer-container .child-block-indicator.events, :host .outer-container .child-block-indicator.dataevents {
+:host .outer-container .child-block-indicator.select, :host .outer-container .child-block-indicator.events, :host .outer-container .child-block-indicator.dataevents, :host .outer-container .child-block-indicator.trigger {
   background-color: var(--accent, #276ef1);
 }
-:host .outer-container .child-block-indicator.textcategory {
+:host .outer-container .child-block-indicator.textcategory, :host .outer-container .child-block-indicator.condition {
   background-color: var(--energized, #ffc043);
 }
-:host .outer-container .child-block-indicator.number, :host .outer-container .child-block-indicator.appcreatorapp, :host .outer-container .child-block-indicator.customfield {
+:host .outer-container .child-block-indicator.number, :host .outer-container .child-block-indicator.appcreatorapp, :host .outer-container .child-block-indicator.customfield, :host .outer-container .child-block-indicator.lesson, :host .outer-container .child-block-indicator.boostcontent {
   background-color: var(--app-color, #5a30f4);
 }
-:host .outer-container .child-block-indicator.contactdetail, :host .outer-container .child-block-indicator.engage, :host .outer-container .child-block-indicator.information, :host .outer-container .child-block-indicator.nativeactions {
+:host .outer-container .child-block-indicator.contactdetail, :host .outer-container .child-block-indicator.engage, :host .outer-container .child-block-indicator.information, :host .outer-container .child-block-indicator.nativeactions, :host .outer-container .child-block-indicator.entity, :host .outer-container .child-block-indicator.notification {
   background-color: var(--warning, #ed6e33);
 }
 :host .outer-container .child-block-indicator.no-scoring {
@@ -772,7 +772,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 :host .outer-container .child-block-indicator.actioncategory, :host .outer-container .child-block-indicator.logic {
   background-color: var(--anthracite, #1a1a1a);
 }
-:host .outer-container .child-block-indicator.dateandtime {
+:host .outer-container .child-block-indicator.dateandtime, :host .outer-container .child-block-indicator.waitfor {
   background-color: var(--dark, #000000);
 }
 :host .outer-container .child-block-indicator.catalogandbarcode, :host .outer-container .child-block-indicator.notifications {
@@ -784,9 +784,6 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 :host .outer-container .child-block-indicator.page, :host .outer-container .child-block-indicator.dataactions, :host .outer-container .child-block-indicator.operate {
   background-color: var(--success, #3aa76d);
 }
-:host .outer-container .child-block-indicator.lesson, :host .outer-container .child-block-indicator.boostcontent {
-  background-color: var(--app-color, #5a30f4);
-}
 :host .nested-child-slot,
 :host .child-slot {
   width: 100%;

package/dist/collection/components/form-creator/form-creator-block-simple/form-creator-block-simple.css

@@ -222,19 +222,19 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   border-radius: var(--border-radius-04, 0.25rem);
   background-color: var(--accent, #276ef1);
 }
-:host .outer-container .form-icon.multimedia, :host .outer-container .form-icon.learn, :host .outer-container .form-icon.uiactions {
+:host .outer-container .form-icon.multimedia, :host .outer-container .form-icon.learn, :host .outer-container .form-icon.uiactions, :host .outer-container .form-icon.action {
   background-color: var(--info, #d84c96);
 }
-:host .outer-container .form-icon.select, :host .outer-container .form-icon.events, :host .outer-container .form-icon.dataevents {
+:host .outer-container .form-icon.select, :host .outer-container .form-icon.events, :host .outer-container .form-icon.dataevents, :host .outer-container .form-icon.trigger {
   background-color: var(--accent, #276ef1);
 }
-:host .outer-container .form-icon.textcategory {
+:host .outer-container .form-icon.textcategory, :host .outer-container .form-icon.condition {
   background-color: var(--energized, #ffc043);
 }
-:host .outer-container .form-icon.number, :host .outer-container .form-icon.appcreatorapp, :host .outer-container .form-icon.customfield {
+:host .outer-container .form-icon.number, :host .outer-container .form-icon.appcreatorapp, :host .outer-container .form-icon.customfield, :host .outer-container .form-icon.lesson, :host .outer-container .form-icon.boostcontent {
   background-color: var(--app-color, #5a30f4);
 }
-:host .outer-container .form-icon.contactdetail, :host .outer-container .form-icon.engage, :host .outer-container .form-icon.information, :host .outer-container .form-icon.nativeactions {
+:host .outer-container .form-icon.contactdetail, :host .outer-container .form-icon.engage, :host .outer-container .form-icon.information, :host .outer-container .form-icon.nativeactions, :host .outer-container .form-icon.entity, :host .outer-container .form-icon.notification {
   background-color: var(--warning, #ed6e33);
 }
 :host .outer-container .form-icon.no-scoring {
@@ -243,7 +243,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 :host .outer-container .form-icon.actioncategory, :host .outer-container .form-icon.logic {
   background-color: var(--anthracite, #1a1a1a);
 }
-:host .outer-container .form-icon.dateandtime {
+:host .outer-container .form-icon.dateandtime, :host .outer-container .form-icon.waitfor {
   background-color: var(--dark, #000000);
 }
 :host .outer-container .form-icon.catalogandbarcode, :host .outer-container .form-icon.notifications {
@@ -255,9 +255,6 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 :host .outer-container .form-icon.page, :host .outer-container .form-icon.dataactions, :host .outer-container .form-icon.operate {
   background-color: var(--success, #3aa76d);
 }
-:host .outer-container .form-icon.lesson, :host .outer-container .form-icon.boostcontent {
-  background-color: var(--app-color, #5a30f4);
-}
 :host .outer-container .form-icon yoo-icon {
   margin: 0 var(--spacing-04, 0.25rem);
 }

package/dist/collection/components/form-creator/form-creator-condition-block/form-creator-condition-block.css

@@ -310,19 +310,19 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   background-color: var(--accent, #276ef1);
   margin-right: auto;
 }
-:host .outer-container .header .form-icon.multimedia, :host .outer-container .header .form-icon.learn, :host .outer-container .header .form-icon.uiactions {
+:host .outer-container .header .form-icon.multimedia, :host .outer-container .header .form-icon.learn, :host .outer-container .header .form-icon.uiactions, :host .outer-container .header .form-icon.action {
   background-color: var(--info, #d84c96);
 }
-:host .outer-container .header .form-icon.select, :host .outer-container .header .form-icon.events, :host .outer-container .header .form-icon.dataevents {
+:host .outer-container .header .form-icon.select, :host .outer-container .header .form-icon.events, :host .outer-container .header .form-icon.dataevents, :host .outer-container .header .form-icon.trigger {
   background-color: var(--accent, #276ef1);
 }
-:host .outer-container .header .form-icon.textcategory {
+:host .outer-container .header .form-icon.textcategory, :host .outer-container .header .form-icon.condition {
   background-color: var(--energized, #ffc043);
 }
-:host .outer-container .header .form-icon.number, :host .outer-container .header .form-icon.appcreatorapp, :host .outer-container .header .form-icon.customfield {
+:host .outer-container .header .form-icon.number, :host .outer-container .header .form-icon.appcreatorapp, :host .outer-container .header .form-icon.customfield, :host .outer-container .header .form-icon.lesson, :host .outer-container .header .form-icon.boostcontent {
   background-color: var(--app-color, #5a30f4);
 }
-:host .outer-container .header .form-icon.contactdetail, :host .outer-container .header .form-icon.engage, :host .outer-container .header .form-icon.information, :host .outer-container .header .form-icon.nativeactions {
+:host .outer-container .header .form-icon.contactdetail, :host .outer-container .header .form-icon.engage, :host .outer-container .header .form-icon.information, :host .outer-container .header .form-icon.nativeactions, :host .outer-container .header .form-icon.entity, :host .outer-container .header .form-icon.notification {
   background-color: var(--warning, #ed6e33);
 }
 :host .outer-container .header .form-icon.no-scoring {
@@ -331,7 +331,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 :host .outer-container .header .form-icon.actioncategory, :host .outer-container .header .form-icon.logic {
   background-color: var(--anthracite, #1a1a1a);
 }
-:host .outer-container .header .form-icon.dateandtime {
+:host .outer-container .header .form-icon.dateandtime, :host .outer-container .header .form-icon.waitfor {
   background-color: var(--dark, #000000);
 }
 :host .outer-container .header .form-icon.catalogandbarcode, :host .outer-container .header .form-icon.notifications {
@@ -343,9 +343,6 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 :host .outer-container .header .form-icon.page, :host .outer-container .header .form-icon.dataactions, :host .outer-container .header .form-icon.operate {
   background-color: var(--success, #3aa76d);
 }
-:host .outer-container .header .form-icon.lesson, :host .outer-container .header .form-icon.boostcontent {
-  background-color: var(--app-color, #5a30f4);
-}
 :host .outer-container .header.collapsed .form-icon {
   margin-right: var(--spacing-08, 0.5rem);
 }

package/dist/collection/components/form-creator/form-creator-field-selector/form-creator-field-selector.js

@@ -16,11 +16,15 @@ export class YooFormCreatorFieldSelectorComponent {
   get entries() {
     var _a;
     let entries = this.categories.reduce((acc, category) => {
-      var _a;
+      var _a, _b;
       const subItemCount = (_a = this.simpleFormBlocks[category]) === null || _a === void 0 ? void 0 : _a.length;
       if (subItemCount > 0) {
         const initialSelected = true;
-        acc.push({ title: category.toUpperCase(), subItemCount, initialSelected, selected: this.hasSearch || category === 'mostused' });
+        let displayTitle;
+        if ((_b = this.categoriesTitle) === null || _b === void 0 ? void 0 : _b.find((v) => v.category === category)) {
+          displayTitle = this.categoriesTitle.find((v) => v.category === category).title;
+        }
+        acc.push({ title: category.toUpperCase(), displayTitle, subItemCount, initialSelected, selected: this.hasSearch || category === 'mostused' || this.forceOpenedAll });
       }
       return acc;
     }, []);
@@ -197,6 +201,26 @@ export class YooFormCreatorFieldSelectorComponent {
         "text": ""
       }
     },
+    "categoriesTitle": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "{ category: FormFieldCategory; title: string; }[]",
+        "resolved": "{ category: FormFieldCategory; title: string; }[]",
+        "references": {
+          "FormFieldCategory": {
+            "location": "import",
+            "path": "@shared/interfaces"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      }
+    },
     "options": {
       "type": "unknown",
       "mutable": false,
@@ -287,6 +311,23 @@ export class YooFormCreatorFieldSelectorComponent {
       },
       "attribute": "use-gridstack",
       "reflect": false
+    },
+    "forceOpenedAll": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "force-opened-all",
+      "reflect": false
     }
   }; }
   static get states() { return {

package/dist/collection/components/form-creator/form-creator-score-expandable/form-creator-score-expandable.css

@@ -308,33 +308,40 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   position: relative;
   border: var(--expandable-block-border);
 }
-:host .outer-container .parent-block-condition.multimedia, :host .outer-container .parent-block-condition.learn, :host .outer-container .parent-block-condition.uiactions,
+:host .outer-container .parent-block-condition.multimedia, :host .outer-container .parent-block-condition.learn, :host .outer-container .parent-block-condition.uiactions, :host .outer-container .parent-block-condition.action,
 :host .outer-container .parent-block-container.multimedia,
 :host .outer-container .parent-block-container.learn,
-:host .outer-container .parent-block-container.uiactions {
+:host .outer-container .parent-block-container.uiactions,
+:host .outer-container .parent-block-container.action {
   border-color: var(--info, #d84c96);
 }
-:host .outer-container .parent-block-condition.select, :host .outer-container .parent-block-condition.events, :host .outer-container .parent-block-condition.dataevents,
+:host .outer-container .parent-block-condition.select, :host .outer-container .parent-block-condition.events, :host .outer-container .parent-block-condition.dataevents, :host .outer-container .parent-block-condition.trigger,
 :host .outer-container .parent-block-container.select,
 :host .outer-container .parent-block-container.events,
-:host .outer-container .parent-block-container.dataevents {
+:host .outer-container .parent-block-container.dataevents,
+:host .outer-container .parent-block-container.trigger {
   border-color: var(--accent, #276ef1);
 }
-:host .outer-container .parent-block-condition.textcategory,
-:host .outer-container .parent-block-container.textcategory {
+:host .outer-container .parent-block-condition.textcategory, :host .outer-container .parent-block-condition.condition,
+:host .outer-container .parent-block-container.textcategory,
+:host .outer-container .parent-block-container.condition {
   border-color: var(--energized, #ffc043);
 }
-:host .outer-container .parent-block-condition.number, :host .outer-container .parent-block-condition.appcreatorapp, :host .outer-container .parent-block-condition.customfield,
+:host .outer-container .parent-block-condition.number, :host .outer-container .parent-block-condition.appcreatorapp, :host .outer-container .parent-block-condition.customfield, :host .outer-container .parent-block-condition.lesson, :host .outer-container .parent-block-condition.boostcontent,
 :host .outer-container .parent-block-container.number,
 :host .outer-container .parent-block-container.appcreatorapp,
-:host .outer-container .parent-block-container.customfield {
+:host .outer-container .parent-block-container.customfield,
+:host .outer-container .parent-block-container.lesson,
+:host .outer-container .parent-block-container.boostcontent {
   border-color: var(--app-color, #5a30f4);
 }
-:host .outer-container .parent-block-condition.contactdetail, :host .outer-container .parent-block-condition.engage, :host .outer-container .parent-block-condition.information, :host .outer-container .parent-block-condition.nativeactions,
+:host .outer-container .parent-block-condition.contactdetail, :host .outer-container .parent-block-condition.engage, :host .outer-container .parent-block-condition.information, :host .outer-container .parent-block-condition.nativeactions, :host .outer-container .parent-block-condition.entity, :host .outer-container .parent-block-condition.notification,
 :host .outer-container .parent-block-container.contactdetail,
 :host .outer-container .parent-block-container.engage,
 :host .outer-container .parent-block-container.information,
-:host .outer-container .parent-block-container.nativeactions {
+:host .outer-container .parent-block-container.nativeactions,
+:host .outer-container .parent-block-container.entity,
+:host .outer-container .parent-block-container.notification {
   border-color: var(--warning, #ed6e33);
 }
 :host .outer-container .parent-block-condition.no-scoring,
@@ -346,8 +353,9 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 :host .outer-container .parent-block-container.logic {
   border-color: var(--anthracite, #1a1a1a);
 }
-:host .outer-container .parent-block-condition.dateandtime,
-:host .outer-container .parent-block-container.dateandtime {
+:host .outer-container .parent-block-condition.dateandtime, :host .outer-container .parent-block-condition.waitfor,
+:host .outer-container .parent-block-container.dateandtime,
+:host .outer-container .parent-block-container.waitfor {
   border-color: var(--dark, #000000);
 }
 :host .outer-container .parent-block-condition.catalogandbarcode, :host .outer-container .parent-block-condition.notifications,
@@ -365,11 +373,6 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 :host .outer-container .parent-block-container.operate {
   border-color: var(--success, #3aa76d);
 }
-:host .outer-container .parent-block-condition.lesson, :host .outer-container .parent-block-condition.boostcontent,
-:host .outer-container .parent-block-container.lesson,
-:host .outer-container .parent-block-container.boostcontent {
-  border-color: var(--app-color, #5a30f4);
-}
 :host .outer-container .parent-block-condition .header,
 :host .outer-container .parent-block-container .header {
   cursor: grab;
@@ -378,33 +381,40 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 :host .outer-container .parent-block-container .header .form-icon {
   background-color: var(--accent, #276ef1);
 }
-:host .outer-container .parent-block-condition .header .form-icon.multimedia, :host .outer-container .parent-block-condition .header .form-icon.learn, :host .outer-container .parent-block-condition .header .form-icon.uiactions,
+:host .outer-container .parent-block-condition .header .form-icon.multimedia, :host .outer-container .parent-block-condition .header .form-icon.learn, :host .outer-container .parent-block-condition .header .form-icon.uiactions, :host .outer-container .parent-block-condition .header .form-icon.action,
 :host .outer-container .parent-block-container .header .form-icon.multimedia,
 :host .outer-container .parent-block-container .header .form-icon.learn,
-:host .outer-container .parent-block-container .header .form-icon.uiactions {
+:host .outer-container .parent-block-container .header .form-icon.uiactions,
+:host .outer-container .parent-block-container .header .form-icon.action {
   background-color: var(--info, #d84c96);
 }
-:host .outer-container .parent-block-condition .header .form-icon.select, :host .outer-container .parent-block-condition .header .form-icon.events, :host .outer-container .parent-block-condition .header .form-icon.dataevents,
+:host .outer-container .parent-block-condition .header .form-icon.select, :host .outer-container .parent-block-condition .header .form-icon.events, :host .outer-container .parent-block-condition .header .form-icon.dataevents, :host .outer-container .parent-block-condition .header .form-icon.trigger,
 :host .outer-container .parent-block-container .header .form-icon.select,
 :host .outer-container .parent-block-container .header .form-icon.events,
-:host .outer-container .parent-block-container .header .form-icon.dataevents {
+:host .outer-container .parent-block-container .header .form-icon.dataevents,
+:host .outer-container .parent-block-container .header .form-icon.trigger {
   background-color: var(--accent, #276ef1);
 }
-:host .outer-container .parent-block-condition .header .form-icon.textcategory,
-:host .outer-container .parent-block-container .header .form-icon.textcategory {
+:host .outer-container .parent-block-condition .header .form-icon.textcategory, :host .outer-container .parent-block-condition .header .form-icon.condition,
+:host .outer-container .parent-block-container .header .form-icon.textcategory,
+:host .outer-container .parent-block-container .header .form-icon.condition {
   background-color: var(--energized, #ffc043);
 }
-:host .outer-container .parent-block-condition .header .form-icon.number, :host .outer-container .parent-block-condition .header .form-icon.appcreatorapp, :host .outer-container .parent-block-condition .header .form-icon.customfield,
+:host .outer-container .parent-block-condition .header .form-icon.number, :host .outer-container .parent-block-condition .header .form-icon.appcreatorapp, :host .outer-container .parent-block-condition .header .form-icon.customfield, :host .outer-container .parent-block-condition .header .form-icon.lesson, :host .outer-container .parent-block-condition .header .form-icon.boostcontent,
 :host .outer-container .parent-block-container .header .form-icon.number,
 :host .outer-container .parent-block-container .header .form-icon.appcreatorapp,
-:host .outer-container .parent-block-container .header .form-icon.customfield {
+:host .outer-container .parent-block-container .header .form-icon.customfield,
+:host .outer-container .parent-block-container .header .form-icon.lesson,
+:host .outer-container .parent-block-container .header .form-icon.boostcontent {
   background-color: var(--app-color, #5a30f4);
 }
-:host .outer-container .parent-block-condition .header .form-icon.contactdetail, :host .outer-container .parent-block-condition .header .form-icon.engage, :host .outer-container .parent-block-condition .header .form-icon.information, :host .outer-container .parent-block-condition .header .form-icon.nativeactions,
+:host .outer-container .parent-block-condition .header .form-icon.contactdetail, :host .outer-container .parent-block-condition .header .form-icon.engage, :host .outer-container .parent-block-condition .header .form-icon.information, :host .outer-container .parent-block-condition .header .form-icon.nativeactions, :host .outer-container .parent-block-condition .header .form-icon.entity, :host .outer-container .parent-block-condition .header .form-icon.notification,
 :host .outer-container .parent-block-container .header .form-icon.contactdetail,
 :host .outer-container .parent-block-container .header .form-icon.engage,
 :host .outer-container .parent-block-container .header .form-icon.information,
-:host .outer-container .parent-block-container .header .form-icon.nativeactions {
+:host .outer-container .parent-block-container .header .form-icon.nativeactions,
+:host .outer-container .parent-block-container .header .form-icon.entity,
+:host .outer-container .parent-block-container .header .form-icon.notification {
   background-color: var(--warning, #ed6e33);
 }
 :host .outer-container .parent-block-condition .header .form-icon.no-scoring,
@@ -416,8 +426,9 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 :host .outer-container .parent-block-container .header .form-icon.logic {
   background-color: var(--anthracite, #1a1a1a);
 }
-:host .outer-container .parent-block-condition .header .form-icon.dateandtime,
-:host .outer-container .parent-block-container .header .form-icon.dateandtime {
+:host .outer-container .parent-block-condition .header .form-icon.dateandtime, :host .outer-container .parent-block-condition .header .form-icon.waitfor,
+:host .outer-container .parent-block-container .header .form-icon.dateandtime,
+:host .outer-container .parent-block-container .header .form-icon.waitfor {
   background-color: var(--dark, #000000);
 }
 :host .outer-container .parent-block-condition .header .form-icon.catalogandbarcode, :host .outer-container .parent-block-condition .header .form-icon.notifications,
@@ -435,11 +446,6 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 :host .outer-container .parent-block-container .header .form-icon.operate {
   background-color: var(--success, #3aa76d);
 }
-:host .outer-container .parent-block-condition .header .form-icon.lesson, :host .outer-container .parent-block-condition .header .form-icon.boostcontent,
-:host .outer-container .parent-block-container .header .form-icon.lesson,
-:host .outer-container .parent-block-container .header .form-icon.boostcontent {
-  background-color: var(--app-color, #5a30f4);
-}
 :host .outer-container .parent-block-condition .header .icons-container,
 :host .outer-container .parent-block-container .header .icons-container {
   margin-left: var(--spacing-16, 1rem);