@vectoriox/iox-ui 4.7.0 → 4.7.2

package/fesm2022/vectoriox-iox-ui.mjs

@@ -1954,6 +1954,27 @@ const NOOP_INITIAL_VALUES = {
     'mix-blend-mode': ['normal'],
     'transform': ['none'], 'box-shadow': ['none'],
 };
+/**
+ * Style props a type's render-default fully REPLACES. Emitting them would produce a dead
+ * declaration that is immediately overridden in the same rule (e.g. an Icon's serialised
+ * `lineHeight: 1.5` followed by the forced `line-height: 1`), so callers strip them first via
+ * {@link stripSuppressedProps} and let renderDefaultDeclarations supply the real value.
+ */
+const SUPPRESSED_STYLE_PROPS_BY_TYPE = {
+    // An icon's line box is structurally forced to 1 — see the Icon branch of renderDefaultDeclarations.
+    Icon: ['lineHeight'],
+};
+/** Remove the style props whose value a type's render-default always overrides. Returns the map
+ *  unchanged (same reference) when the type suppresses nothing. */
+function stripSuppressedProps(type, styleProps) {
+    const suppressed = SUPPRESSED_STYLE_PROPS_BY_TYPE[type];
+    if (!suppressed?.length)
+        return styleProps;
+    const out = { ...styleProps };
+    for (const key of suppressed)
+        delete out[key];
+    return out;
+}
 /**
  * Compile a flat, camelCase style map into an array of `"prop: value"` CSS
  * declarations (kebab-cased, viewport-units rewritten, empties + no-op initials dropped,
@@ -2060,10 +2081,18 @@ function renderDefaultDeclarations(type, styleProps, hasHoverState) {
     if (type === 'LinkedContainer' && sp['display'] === undefined) {
         out.push('display: block');
     }
-    // NOTE: no Icon line-height/display default here — both `lineHeight` and `display` are style
-    // traits serialized into the icon's styleProps (self-describing node), so they come through
-    // compileDeclarations on both sides. The icon's line-height:1 is set at the source in the builder
-    // icon config (applyStyleDefaults); reapplying it here would only ever be a skipped no-op.
+    // An Icon is a single FONT GLYPH, not a paragraph: its line box must hug the glyph (the universal
+    // icon-font convention — Phosphor/FontAwesome/Material all set line-height:1). But every node
+    // serialises the Typography group's `lineHeight` default of 1.5, so icons saved before that
+    // default was corrected carry `line-height: 1.5` — a 24px glyph then gets a 36px line box and
+    // pushes the surrounding layout around.
+    //
+    // This is emitted UNCONDITIONALLY (not guarded on `undefined`) and callers append render-defaults
+    // AFTER the node's own compiled declarations in the SAME rule, so it overrides a stale serialised
+    // 1.5 for EXISTING icons too — no re-save needed. line-height is inherited, so simply omitting it
+    // is not enough: the icon would inherit 1.5 from its container instead.
+    if (type === 'Icon')
+        out.push('line-height: 1');
     return out;
 }
 
@@ -2760,5 +2789,5 @@ function effectiveTransitionId(anim) {
  * Generated bundle index. Do not edit.
  */
 
-export { AOSService, AnalyticsService, BuilderButtonComponent, BuilderDividerComponent, BuilderHeadingComponent, BuilderIconComponent, BuilderImageComponent, BuilderLinkComponent, BuilderSpacerComponent, ButtonBlockComponent, CMSClientInfraModule, CardComponent, ClientListComponent, ClientListItemComponent, ClientRepeaterComponent, ClientSliderContainerComponent, ClientSliderSlideComponent, ComponentInstanceRegistryService, ConsentService, ContainerComponent, ContentService, DEFAULT_PAGE_TRANSITION, DEFAULT_PAGE_TRANSITION_DURATION, DEFAULT_PAGE_TRANSITION_EASING, DEFAULT_PAGE_TRANSITION_PERSPECTIVE, DEFAULT_WIDTH_BY_TYPE, ENVIRONMENT, IOX_BUILDER_EVENTS, IS_PREVIEW, IoxAnimateContainer, IoxAosDirective, IoxAosModule, IoxBuilderComponentsModule, IoxComponentRegistryService, IoxPageComponent, IoxPageModule, IoxUiModule, LinkedContainerComponent, PAGE_TRANSITION_CATEGORIES, PAGE_TRANSITION_PRESETS, PageScrollProvider, PrivacyModalComponent, PrivacyModalService, PrivacyModelEvent, SectionComponent, TRANSITION_FEELS, TextBlockComponent, VIRTUAL_TRAIT_KEYS, ViewPositionDirective, ViewPositionModule, WebSettingsService, applyFeel, buildDataSourceFilter, buildTransitionTimeline, compileDeclarations, composeVirtualTraits, dataSourcePlanToRequest, effectiveTransitionId, feelFor, legacyEnterToTransition, matchRouteParams, normalizeCollectionResult, planDataSource, renderDefaultDeclarations, resolvePageTransition, resolveSingleItemId, rewriteViewportUnits, styleKeyToKebab };
+export { AOSService, AnalyticsService, BuilderButtonComponent, BuilderDividerComponent, BuilderHeadingComponent, BuilderIconComponent, BuilderImageComponent, BuilderLinkComponent, BuilderSpacerComponent, ButtonBlockComponent, CMSClientInfraModule, CardComponent, ClientListComponent, ClientListItemComponent, ClientRepeaterComponent, ClientSliderContainerComponent, ClientSliderSlideComponent, ComponentInstanceRegistryService, ConsentService, ContainerComponent, ContentService, DEFAULT_PAGE_TRANSITION, DEFAULT_PAGE_TRANSITION_DURATION, DEFAULT_PAGE_TRANSITION_EASING, DEFAULT_PAGE_TRANSITION_PERSPECTIVE, DEFAULT_WIDTH_BY_TYPE, ENVIRONMENT, IOX_BUILDER_EVENTS, IS_PREVIEW, IoxAnimateContainer, IoxAosDirective, IoxAosModule, IoxBuilderComponentsModule, IoxComponentRegistryService, IoxPageComponent, IoxPageModule, IoxUiModule, LinkedContainerComponent, PAGE_TRANSITION_CATEGORIES, PAGE_TRANSITION_PRESETS, PageScrollProvider, PrivacyModalComponent, PrivacyModalService, PrivacyModelEvent, SUPPRESSED_STYLE_PROPS_BY_TYPE, SectionComponent, TRANSITION_FEELS, TextBlockComponent, VIRTUAL_TRAIT_KEYS, ViewPositionDirective, ViewPositionModule, WebSettingsService, applyFeel, buildDataSourceFilter, buildTransitionTimeline, compileDeclarations, composeVirtualTraits, dataSourcePlanToRequest, effectiveTransitionId, feelFor, legacyEnterToTransition, matchRouteParams, normalizeCollectionResult, planDataSource, renderDefaultDeclarations, resolvePageTransition, resolveSingleItemId, rewriteViewportUnits, stripSuppressedProps, styleKeyToKebab };
 //# sourceMappingURL=vectoriox-iox-ui.mjs.map