npm - @sapudex/web-components - Versions diffs - 2.58.0 → 2.59.0 - Mend

@sapudex/web-components 2.58.0 → 2.59.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (440) hide show

package/dist/generated/themes/SecondaryNavigationSubItem.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SecondaryNavigationSubItem.css.js","sourceRoot":"","sources":["../../../src/generated/themes/SecondaryNavigationSubItem.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AACxN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"s\" + \"a\" + \"p\" + \"u\" + \"d\" + \"e\" + \"x\" + \"/\" + \"w\" + \"e\" + \"b\" + \"-\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\", \"sap_horizon\", async () => defaultTheme, \"host\");\nexport default `:host{--udex-secondary-navigation-sub-item-font-size: var(--udexTypographyBodyXSFontSize, 14px);--udex-secondary-navigation-sub-item-line-height: 1.1;--udex-secondary-navigation-sub-item-color: var(--udexColorGrey9, #223548);--udex-secondary-navigation-sub-item-hover-color: var(--udexColorBlue7, #0070f2);--udex-secondary-navigation-sub-item-hover-background: var(--udexColorGrey1, #F5F6F7);--udex-secondary-navigation-sub-item-active-background: var(--udexColorGrey2, #EAECEE);--udex-secondary-navigation-sub-item-active-border-color: var(--udexColorBlue7, #0070f2)}.udex-secondary-navigation__dropdown-item{padding:var(--udexSpacer12) var(--udexSpacer16);font-family:var(--sapFontFamily);font-size:var(--udex-secondary-navigation-sub-item-font-size);line-height:var(--udex-secondary-navigation-sub-item-line-height);color:var(--udex-secondary-navigation-sub-item-color);display:flex;text-decoration:none;position:relative;cursor:pointer}button.udex-secondary-navigation__dropdown-item{border:0;width:100%;background:none;justify-content:space-between;align-items:center;text-align:left;gap:4px}.udex-secondary-navigation__dropdown-item:focus{outline:none}:host([desktop]) .udex-secondary-navigation__dropdown-item:focus,.udex-secondary-navigation__dropdown-item:focus-visible{outline:var(--udexRadiusXXS) solid var(--udexColorBlue10);border-radius:var(--udexRadiusXXS);outline-offset:calc(var(--udexSpacer4) * -1)}[active].udex-secondary-navigation__dropdown-item:before,[sub-active].udex-secondary-navigation__dropdown-item:before{background:var(--udex-secondary-navigation-sub-item-active-border-color);border-radius:0 var(--udexRadiusXXS) var(--udexRadiusXXS) 0;content:\"\";position:absolute;top:0;bottom:0;left:0;height:100%;width:3px}[active].udex-secondary-navigation__dropdown-item:dir(rtl):before,[sub-active].udex-secondary-navigation__dropdown-item:dir(rtl):before{left:auto;right:0}[is-back].udex-secondary-navigation__dropdown-item{justify-content:normal}.udex-secondary-navigation__item:hover .udex-secondary-navigation__item-icon,.udex-secondary-navigation__item:hover{color:var(--udex-secondary-navigation-sub-item-hover-color)}.udex-secondary-navigation__dropdown-item:hover{background:var(--udex-secondary-navigation-sub-item-hover-background)}.udex-secondary-navigation__dropdown-item:active{background:var(--udex-secondary-navigation-sub-item-active-background)}.udex-secondary-navigation__dropdown:dir(rtl){left:auto;right:calc(var(--udexSpacer16) * -1)}.udex-secondary-navigation__dropdown-icon{max-width:14px;min-width:14px;height:14px}.udex-secondary-navigation__dropdown-icon_back{margin-inline-end:var(--udexSpacer4)}@media (~~max-~~width: ~~979px~~){.udex-secondary-navigation__dropdown-item{padding:var(--udexSpacer12) var(--udexSpacer48)}.udex-secondary-navigation__dropdown-item:hover .udex-secondary-navigation__dropdown-icon,.udex-secondary-navigation__dropdown-item:hover{background:none}:host([desktop]) .udex-secondary-navigation__dropdown-item:focus{outline:none}:host([desktop]) .udex-secondary-navigation__dropdown-item:focus-visible{outline:var(--udexRadiusXXS) solid var(--udexColorBlue10);border-radius:var(--udexRadiusXXS);outline-offset:calc(var(--udexSpacer4) * -1)}}@media (~~max-~~width: ~~639px~~){.udex-secondary-navigation__dropdown-item{padding:var(--udexSpacer12) var(--udexSpacer24)}}\n`"]}
1	+ {"version":3,"file":"SecondaryNavigationSubItem.css.js","sourceRoot":"","sources":["../../../src/generated/themes/SecondaryNavigationSubItem.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AACxN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"s\" + \"a\" + \"p\" + \"u\" + \"d\" + \"e\" + \"x\" + \"/\" + \"w\" + \"e\" + \"b\" + \"-\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\", \"sap_horizon\", async () => defaultTheme, \"host\");\nexport default `:host{--udex-secondary-navigation-sub-item-font-size: var(--udexTypographyBodyXSFontSize, 14px);--udex-secondary-navigation-sub-item-line-height: 1.1;--udex-secondary-navigation-sub-item-color: var(--udexColorGrey9, #223548);--udex-secondary-navigation-sub-item-hover-color: var(--udexColorBlue7, #0070f2);--udex-secondary-navigation-sub-item-hover-background: var(--udexColorGrey1, #F5F6F7);--udex-secondary-navigation-sub-item-active-background: var(--udexColorGrey2, #EAECEE);--udex-secondary-navigation-sub-item-active-border-color: var(--udexColorBlue7, #0070f2)}.udex-secondary-navigation__dropdown-item{padding:var(--udexSpacer12) var(--udexSpacer16);font-family:var(--sapFontFamily);font-size:var(--udex-secondary-navigation-sub-item-font-size);line-height:var(--udex-secondary-navigation-sub-item-line-height);color:var(--udex-secondary-navigation-sub-item-color);display:flex;text-decoration:none;position:relative;cursor:pointer}button.udex-secondary-navigation__dropdown-item{border:0;width:100%;background:none;justify-content:space-between;align-items:center;text-align:left;gap:4px}.udex-secondary-navigation__dropdown-item:focus{outline:none}:host([desktop]) .udex-secondary-navigation__dropdown-item:focus,.udex-secondary-navigation__dropdown-item:focus-visible{outline:var(--udexRadiusXXS) solid var(--udexColorBlue10);border-radius:var(--udexRadiusXXS);outline-offset:calc(var(--udexSpacer4) * -1)}[active].udex-secondary-navigation__dropdown-item:before,[sub-active].udex-secondary-navigation__dropdown-item:before{background:var(--udex-secondary-navigation-sub-item-active-border-color);border-radius:0 var(--udexRadiusXXS) var(--udexRadiusXXS) 0;content:\"\";position:absolute;top:0;bottom:0;left:0;height:100%;width:3px}[active].udex-secondary-navigation__dropdown-item:dir(rtl):before,[sub-active].udex-secondary-navigation__dropdown-item:dir(rtl):before{left:auto;right:0}[is-back].udex-secondary-navigation__dropdown-item{justify-content:normal}.udex-secondary-navigation__item:hover .udex-secondary-navigation__item-icon,.udex-secondary-navigation__item:hover{color:var(--udex-secondary-navigation-sub-item-hover-color)}.udex-secondary-navigation__dropdown-item:hover{background:var(--udex-secondary-navigation-sub-item-hover-background)}.udex-secondary-navigation__dropdown-item:active{background:var(--udex-secondary-navigation-sub-item-active-background)}.udex-secondary-navigation__dropdown:dir(rtl){left:auto;right:calc(var(--udexSpacer16) * -1)}.udex-secondary-navigation__dropdown-icon{max-width:14px;min-width:14px;height:14px}.udex-secondary-navigation__dropdown-icon_back{margin-inline-end:var(--udexSpacer4)}@media (width < 980px){.udex-secondary-navigation__dropdown-item{padding:var(--udexSpacer12) var(--udexSpacer48)}.udex-secondary-navigation__dropdown-item:hover .udex-secondary-navigation__dropdown-icon,.udex-secondary-navigation__dropdown-item:hover{background:none}:host([desktop]) .udex-secondary-navigation__dropdown-item:focus{outline:none}:host([desktop]) .udex-secondary-navigation__dropdown-item:focus-visible{outline:var(--udexRadiusXXS) solid var(--udexColorBlue10);border-radius:var(--udexRadiusXXS);outline-offset:calc(var(--udexSpacer4) * -1)}}@media (width < 640px){.udex-secondary-navigation__dropdown-item{padding:var(--udexSpacer12) var(--udexSpacer24)}}\n`"]}

package/dist/generated/themes/WizardTab.css.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-declare const _default: ":host{--udex-wizard-title-color: var(--udexColorGrey9, #223548);--udex-wizard-disabled-number-color: var(--udexColorGrey6, #5B738B);--udex-wizard-disabled-border-color: var(--udexColorGrey4, #A9B4BE);--udex-wizard-completed-number-color: var(--udexColorBlue9, #0040B0);--udex-wizard-completed-border-color: var(--udexColorBlue9, #0040B0);--udex-wizard-tab-max-width: 100%;--udex-wizard-tab-min-width: 30px}.ui5-wiz-step-main{max-width:var(--udex-wizard-tab-max-width);display:flex;align-items:center;white-space:normal;min-width:0}:host(:not([hidden])){min-width:auto}.ui5-wiz-step-title-text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word;text-align:start}.ui5-wiz-step-root:focus .ui5-wiz-step-main{outline-offset:0}:host .ui5-wiz-step-title-text{font-size:var(--udexTypographyNavigationMediumMFontSize);font-weight:var(--udexTypographyFontWeightMedium)}:host .ui5-wiz-step-icon-circle{margin:0 10px;border:1px solid var(--sapSelectedColor);flex-shrink:0}:host([hide-separator]) .ui5-wiz-step-texts{padding-inline-end:0}.ui5-wiz-step-texts{display:block;padding-inline-start:0;padding-inline-end:var(--udexSpacer8);box-sizing:border-box;width:max-content;max-width:100%;max-height:3.2em;min-width:0;overflow:hidden}:host .ui5-wiz-step-hr{margin:0}:host([selected]:not([disabled])) .ui5-wiz-step-icon-circle{background:var(--sapSelectedColor)}:host([selected]:not([disabled])) .ui5-wiz-step-title-text,:host([disabled]) .ui5-wiz-step-title-text{color:var(--udex-wizard-title-color)}:host([selected]:not([disabled])) .ui5-wiz-step-icon-circle:after{border-bottom:.188rem solid var(--udexColorBlue7);left:-2px;right:-2px}:host([disabled]) .ui5-wiz-step-number,:host([disabled]) .ui5-wiz-step-icon-circle{color:var(--udex-wizard-disabled-number-color)}:host([disabled]) .ui5-wiz-step-icon-circle{border-color:var(--udex-wizard-disabled-border-color)}:host(:last-child) .ui5-wiz-step-hr{border:none;background-image:linear-gradient(to right,var(--udexColorGrey6) 50%,transparent 0%);background-size:var(--udexSpacer4) var(--udexSpacer2)}:host([completed]) .ui5-wiz-step-number,:host([completed]) .ui5-wiz-step-icon-circle{color:var(--udex-wizard-completed-number-color)}:host([completed]:not([selected])) .ui5-wiz-step-icon-circle{border-color:var(--udex-wizard-completed-border-color)}:host([data-ui5-index=\"1\"]) .ui5-wiz-step-icon-circle{margin-inline-end:10px;margin-inline-start:0}:host([breakpoint=\"S\"]) .ui5-wiz-step-texts{display:none}:host([breakpoint=\"S\"]) .ui5-wiz-step-icon-circle{margin:0 var(--udexSpacer2)}:host([breakpoint=\"S\"][data-ui5-index=\"1\"]) .ui5-wiz-step-icon-circle{margin-inline-end:var(--udexSpacer2)}\n";
+declare const _default: ":host{--udex-wizard-title-color: var(--udexColorGrey9, #223548);--udex-wizard-disabled-number-color: var(--udexColorGrey6, #5B738B);--udex-wizard-disabled-border-color: var(--udexColorGrey4, #A9B4BE);--udex-wizard-completed-number-color: var(--udexColorBlue9, #0040B0);--udex-wizard-completed-border-color: var(--udexColorBlue9, #0040B0);--udex-wizard-tab-max-width: 100%;--udex-wizard-tab-min-width: 30px}.ui5-wiz-step-main{max-width:var(--udex-wizard-tab-max-width);display:flex;align-items:center;white-space:normal;min-width:0}:host(:not([hidden])){min-width:auto}.ui5-wiz-step-title-text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word;text-align:start}:host([desktop]) .ui5-wiz-step-root:focus .ui5-wiz-step-main,.ui5-wiz-step-root:focus-visible .ui5-wiz-step-main{outline-offset:0}:host .ui5-wiz-step-title-text{font-size:var(--udexTypographyNavigationMediumMFontSize);font-weight:var(--udexTypographyFontWeightMedium)}:host .ui5-wiz-step-icon-circle{margin:0 10px;border:1px solid var(--sapSelectedColor);flex-shrink:0}:host([hide-separator]) .ui5-wiz-step-texts{padding-inline-end:0}.ui5-wiz-step-texts{display:block;padding-inline-start:0;padding-inline-end:var(--udexSpacer8);box-sizing:border-box;width:max-content;max-width:100%;max-height:3.2em;min-width:0;overflow:hidden}:host .ui5-wiz-step-hr{margin:0}:host([selected]:not([disabled])) .ui5-wiz-step-icon-circle{background:var(--sapSelectedColor)}:host([selected]:not([disabled])) .ui5-wiz-step-title-text,:host([disabled]) .ui5-wiz-step-title-text{color:var(--udex-wizard-title-color)}:host([selected]:not([disabled])) .ui5-wiz-step-icon-circle:after{border-bottom:.188rem solid var(--udexColorBlue7);left:-2px;right:-2px}:host([disabled]) .ui5-wiz-step-number,:host([disabled]) .ui5-wiz-step-icon-circle{color:var(--udex-wizard-disabled-number-color)}:host([disabled]) .ui5-wiz-step-icon-circle{border-color:var(--udex-wizard-disabled-border-color)}:host(:last-child) .ui5-wiz-step-hr{border:none;background-image:linear-gradient(to right,var(--udexColorGrey6) 50%,transparent 0%);background-size:var(--udexSpacer4) var(--udexSpacer2)}:host([completed]) .ui5-wiz-step-number,:host([completed]) .ui5-wiz-step-icon-circle{color:var(--udex-wizard-completed-number-color)}:host([completed]:not([selected])) .ui5-wiz-step-icon-circle{border-color:var(--udex-wizard-completed-border-color)}:host([data-ui5-index=\"1\"]) .ui5-wiz-step-icon-circle{margin-inline-end:10px;margin-inline-start:0}:host([breakpoint=\"S\"]) .ui5-wiz-step-texts{display:none}:host([breakpoint=\"S\"]) .ui5-wiz-step-icon-circle{margin:0 var(--udexSpacer2)}:host([breakpoint=\"S\"][data-ui5-index=\"1\"]) .ui5-wiz-step-icon-circle{margin-inline-end:var(--udexSpacer2)}\n";
 export default _default;

package/dist/generated/themes/WizardTab.css.js CHANGED Viewed

@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
 import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
 registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
 registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme, "host");
-export default `:host{--udex-wizard-title-color: var(--udexColorGrey9, #223548);--udex-wizard-disabled-number-color: var(--udexColorGrey6, #5B738B);--udex-wizard-disabled-border-color: var(--udexColorGrey4, #A9B4BE);--udex-wizard-completed-number-color: var(--udexColorBlue9, #0040B0);--udex-wizard-completed-border-color: var(--udexColorBlue9, #0040B0);--udex-wizard-tab-max-width: 100%;--udex-wizard-tab-min-width: 30px}.ui5-wiz-step-main{max-width:var(--udex-wizard-tab-max-width);display:flex;align-items:center;white-space:normal;min-width:0}:host(:not([hidden])){min-width:auto}.ui5-wiz-step-title-text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word;text-align:start}.ui5-wiz-step-root:focus .ui5-wiz-step-main{outline-offset:0}:host .ui5-wiz-step-title-text{font-size:var(--udexTypographyNavigationMediumMFontSize);font-weight:var(--udexTypographyFontWeightMedium)}:host .ui5-wiz-step-icon-circle{margin:0 10px;border:1px solid var(--sapSelectedColor);flex-shrink:0}:host([hide-separator]) .ui5-wiz-step-texts{padding-inline-end:0}.ui5-wiz-step-texts{display:block;padding-inline-start:0;padding-inline-end:var(--udexSpacer8);box-sizing:border-box;width:max-content;max-width:100%;max-height:3.2em;min-width:0;overflow:hidden}:host .ui5-wiz-step-hr{margin:0}:host([selected]:not([disabled])) .ui5-wiz-step-icon-circle{background:var(--sapSelectedColor)}:host([selected]:not([disabled])) .ui5-wiz-step-title-text,:host([disabled]) .ui5-wiz-step-title-text{color:var(--udex-wizard-title-color)}:host([selected]:not([disabled])) .ui5-wiz-step-icon-circle:after{border-bottom:.188rem solid var(--udexColorBlue7);left:-2px;right:-2px}:host([disabled]) .ui5-wiz-step-number,:host([disabled]) .ui5-wiz-step-icon-circle{color:var(--udex-wizard-disabled-number-color)}:host([disabled]) .ui5-wiz-step-icon-circle{border-color:var(--udex-wizard-disabled-border-color)}:host(:last-child) .ui5-wiz-step-hr{border:none;background-image:linear-gradient(to right,var(--udexColorGrey6) 50%,transparent 0%);background-size:var(--udexSpacer4) var(--udexSpacer2)}:host([completed]) .ui5-wiz-step-number,:host([completed]) .ui5-wiz-step-icon-circle{color:var(--udex-wizard-completed-number-color)}:host([completed]:not([selected])) .ui5-wiz-step-icon-circle{border-color:var(--udex-wizard-completed-border-color)}:host([data-ui5-index="1"]) .ui5-wiz-step-icon-circle{margin-inline-end:10px;margin-inline-start:0}:host([breakpoint="S"]) .ui5-wiz-step-texts{display:none}:host([breakpoint="S"]) .ui5-wiz-step-icon-circle{margin:0 var(--udexSpacer2)}:host([breakpoint="S"][data-ui5-index="1"]) .ui5-wiz-step-icon-circle{margin-inline-end:var(--udexSpacer2)}
+export default `:host{--udex-wizard-title-color: var(--udexColorGrey9, #223548);--udex-wizard-disabled-number-color: var(--udexColorGrey6, #5B738B);--udex-wizard-disabled-border-color: var(--udexColorGrey4, #A9B4BE);--udex-wizard-completed-number-color: var(--udexColorBlue9, #0040B0);--udex-wizard-completed-border-color: var(--udexColorBlue9, #0040B0);--udex-wizard-tab-max-width: 100%;--udex-wizard-tab-min-width: 30px}.ui5-wiz-step-main{max-width:var(--udex-wizard-tab-max-width);display:flex;align-items:center;white-space:normal;min-width:0}:host(:not([hidden])){min-width:auto}.ui5-wiz-step-title-text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word;text-align:start}:host([desktop]) .ui5-wiz-step-root:focus .ui5-wiz-step-main,.ui5-wiz-step-root:focus-visible .ui5-wiz-step-main{outline-offset:0}:host .ui5-wiz-step-title-text{font-size:var(--udexTypographyNavigationMediumMFontSize);font-weight:var(--udexTypographyFontWeightMedium)}:host .ui5-wiz-step-icon-circle{margin:0 10px;border:1px solid var(--sapSelectedColor);flex-shrink:0}:host([hide-separator]) .ui5-wiz-step-texts{padding-inline-end:0}.ui5-wiz-step-texts{display:block;padding-inline-start:0;padding-inline-end:var(--udexSpacer8);box-sizing:border-box;width:max-content;max-width:100%;max-height:3.2em;min-width:0;overflow:hidden}:host .ui5-wiz-step-hr{margin:0}:host([selected]:not([disabled])) .ui5-wiz-step-icon-circle{background:var(--sapSelectedColor)}:host([selected]:not([disabled])) .ui5-wiz-step-title-text,:host([disabled]) .ui5-wiz-step-title-text{color:var(--udex-wizard-title-color)}:host([selected]:not([disabled])) .ui5-wiz-step-icon-circle:after{border-bottom:.188rem solid var(--udexColorBlue7);left:-2px;right:-2px}:host([disabled]) .ui5-wiz-step-number,:host([disabled]) .ui5-wiz-step-icon-circle{color:var(--udex-wizard-disabled-number-color)}:host([disabled]) .ui5-wiz-step-icon-circle{border-color:var(--udex-wizard-disabled-border-color)}:host(:last-child) .ui5-wiz-step-hr{border:none;background-image:linear-gradient(to right,var(--udexColorGrey6) 50%,transparent 0%);background-size:var(--udexSpacer4) var(--udexSpacer2)}:host([completed]) .ui5-wiz-step-number,:host([completed]) .ui5-wiz-step-icon-circle{color:var(--udex-wizard-completed-number-color)}:host([completed]:not([selected])) .ui5-wiz-step-icon-circle{border-color:var(--udex-wizard-completed-border-color)}:host([data-ui5-index="1"]) .ui5-wiz-step-icon-circle{margin-inline-end:10px;margin-inline-start:0}:host([breakpoint="S"]) .ui5-wiz-step-texts{display:none}:host([breakpoint="S"]) .ui5-wiz-step-icon-circle{margin:0 var(--udexSpacer2)}:host([breakpoint="S"][data-ui5-index="1"]) .ui5-wiz-step-icon-circle{margin-inline-end:var(--udexSpacer2)}
 `;
 //# sourceMappingURL=WizardTab.css.js.map

package/dist/generated/themes/WizardTab.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"WizardTab.css.js","sourceRoot":"","sources":["../../../src/generated/themes/WizardTab.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AACxN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"s\" + \"a\" + \"p\" + \"u\" + \"d\" + \"e\" + \"x\" + \"/\" + \"w\" + \"e\" + \"b\" + \"-\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\", \"sap_horizon\", async () => defaultTheme, \"host\");\nexport default `:host{--udex-wizard-title-color: var(--udexColorGrey9, #223548);--udex-wizard-disabled-number-color: var(--udexColorGrey6, #5B738B);--udex-wizard-disabled-border-color: var(--udexColorGrey4, #A9B4BE);--udex-wizard-completed-number-color: var(--udexColorBlue9, #0040B0);--udex-wizard-completed-border-color: var(--udexColorBlue9, #0040B0);--udex-wizard-tab-max-width: 100%;--udex-wizard-tab-min-width: 30px}.ui5-wiz-step-main{max-width:var(--udex-wizard-tab-max-width);display:flex;align-items:center;white-space:normal;min-width:0}:host(:not([hidden])){min-width:auto}.ui5-wiz-step-title-text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word;text-align:start}.ui5-wiz-step-root:focus .ui5-wiz-step-main{outline-offset:0}:host .ui5-wiz-step-title-text{font-size:var(--udexTypographyNavigationMediumMFontSize);font-weight:var(--udexTypographyFontWeightMedium)}:host .ui5-wiz-step-icon-circle{margin:0 10px;border:1px solid var(--sapSelectedColor);flex-shrink:0}:host([hide-separator]) .ui5-wiz-step-texts{padding-inline-end:0}.ui5-wiz-step-texts{display:block;padding-inline-start:0;padding-inline-end:var(--udexSpacer8);box-sizing:border-box;width:max-content;max-width:100%;max-height:3.2em;min-width:0;overflow:hidden}:host .ui5-wiz-step-hr{margin:0}:host([selected]:not([disabled])) .ui5-wiz-step-icon-circle{background:var(--sapSelectedColor)}:host([selected]:not([disabled])) .ui5-wiz-step-title-text,:host([disabled]) .ui5-wiz-step-title-text{color:var(--udex-wizard-title-color)}:host([selected]:not([disabled])) .ui5-wiz-step-icon-circle:after{border-bottom:.188rem solid var(--udexColorBlue7);left:-2px;right:-2px}:host([disabled]) .ui5-wiz-step-number,:host([disabled]) .ui5-wiz-step-icon-circle{color:var(--udex-wizard-disabled-number-color)}:host([disabled]) .ui5-wiz-step-icon-circle{border-color:var(--udex-wizard-disabled-border-color)}:host(:last-child) .ui5-wiz-step-hr{border:none;background-image:linear-gradient(to right,var(--udexColorGrey6) 50%,transparent 0%);background-size:var(--udexSpacer4) var(--udexSpacer2)}:host([completed]) .ui5-wiz-step-number,:host([completed]) .ui5-wiz-step-icon-circle{color:var(--udex-wizard-completed-number-color)}:host([completed]:not([selected])) .ui5-wiz-step-icon-circle{border-color:var(--udex-wizard-completed-border-color)}:host([data-ui5-index=\"1\"]) .ui5-wiz-step-icon-circle{margin-inline-end:10px;margin-inline-start:0}:host([breakpoint=\"S\"]) .ui5-wiz-step-texts{display:none}:host([breakpoint=\"S\"]) .ui5-wiz-step-icon-circle{margin:0 var(--udexSpacer2)}:host([breakpoint=\"S\"][data-ui5-index=\"1\"]) .ui5-wiz-step-icon-circle{margin-inline-end:var(--udexSpacer2)}\n`"]}
1	+ {"version":3,"file":"WizardTab.css.js","sourceRoot":"","sources":["../../../src/generated/themes/WizardTab.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AACxN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"s\" + \"a\" + \"p\" + \"u\" + \"d\" + \"e\" + \"x\" + \"/\" + \"w\" + \"e\" + \"b\" + \"-\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\", \"sap_horizon\", async () => defaultTheme, \"host\");\nexport default `:host{--udex-wizard-title-color: var(--udexColorGrey9, #223548);--udex-wizard-disabled-number-color: var(--udexColorGrey6, #5B738B);--udex-wizard-disabled-border-color: var(--udexColorGrey4, #A9B4BE);--udex-wizard-completed-number-color: var(--udexColorBlue9, #0040B0);--udex-wizard-completed-border-color: var(--udexColorBlue9, #0040B0);--udex-wizard-tab-max-width: 100%;--udex-wizard-tab-min-width: 30px}.ui5-wiz-step-main{max-width:var(--udex-wizard-tab-max-width);display:flex;align-items:center;white-space:normal;min-width:0}:host(:not([hidden])){min-width:auto}.ui5-wiz-step-title-text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word;text-align:start}:host([desktop]) .ui5-wiz-step-root:focus .ui5-wiz-step-main,.ui5-wiz-step-root:focus-visible .ui5-wiz-step-main{outline-offset:0}:host .ui5-wiz-step-title-text{font-size:var(--udexTypographyNavigationMediumMFontSize);font-weight:var(--udexTypographyFontWeightMedium)}:host .ui5-wiz-step-icon-circle{margin:0 10px;border:1px solid var(--sapSelectedColor);flex-shrink:0}:host([hide-separator]) .ui5-wiz-step-texts{padding-inline-end:0}.ui5-wiz-step-texts{display:block;padding-inline-start:0;padding-inline-end:var(--udexSpacer8);box-sizing:border-box;width:max-content;max-width:100%;max-height:3.2em;min-width:0;overflow:hidden}:host .ui5-wiz-step-hr{margin:0}:host([selected]:not([disabled])) .ui5-wiz-step-icon-circle{background:var(--sapSelectedColor)}:host([selected]:not([disabled])) .ui5-wiz-step-title-text,:host([disabled]) .ui5-wiz-step-title-text{color:var(--udex-wizard-title-color)}:host([selected]:not([disabled])) .ui5-wiz-step-icon-circle:after{border-bottom:.188rem solid var(--udexColorBlue7);left:-2px;right:-2px}:host([disabled]) .ui5-wiz-step-number,:host([disabled]) .ui5-wiz-step-icon-circle{color:var(--udex-wizard-disabled-number-color)}:host([disabled]) .ui5-wiz-step-icon-circle{border-color:var(--udex-wizard-disabled-border-color)}:host(:last-child) .ui5-wiz-step-hr{border:none;background-image:linear-gradient(to right,var(--udexColorGrey6) 50%,transparent 0%);background-size:var(--udexSpacer4) var(--udexSpacer2)}:host([completed]) .ui5-wiz-step-number,:host([completed]) .ui5-wiz-step-icon-circle{color:var(--udex-wizard-completed-number-color)}:host([completed]:not([selected])) .ui5-wiz-step-icon-circle{border-color:var(--udex-wizard-completed-border-color)}:host([data-ui5-index=\"1\"]) .ui5-wiz-step-icon-circle{margin-inline-end:10px;margin-inline-start:0}:host([breakpoint=\"S\"]) .ui5-wiz-step-texts{display:none}:host([breakpoint=\"S\"]) .ui5-wiz-step-icon-circle{margin:0 var(--udexSpacer2)}:host([breakpoint=\"S\"][data-ui5-index=\"1\"]) .ui5-wiz-step-icon-circle{margin-inline-end:var(--udexSpacer2)}\n`"]}

package/dist/utils/Breakpoints.d.ts CHANGED Viewed

@@ -21,8 +21,27 @@ export declare const Breakpoints: {
         readonly max: number;
     };
 };
+/**
+ * Breakpoint helpers backed by `window.matchMedia`.
+ *
+ * The viewport width must be evaluated through the browser's media-query engine
+ * rather than `window.innerWidth`, so that these JS decisions always agree with
+ * the component `@media` rules — otherwise the markup (chosen here) and the
+ * styles (chosen by CSS) can resolve to different breakpoints and the layout
+ * breaks (e.g. the Footer rendering desktop columns under tablet styles).
+ *
+ * Upper bounds use the exclusive `(width < nextMin)` range form rather than
+ * `(max-width: max)`. On Windows with fractional display scaling (e.g. 125%,
+ * `devicePixelRatio` 1.25) a viewport nominally at an integer edge such as
+ * 979px is evaluated as a fractional width just above it (~979.2px) by both
+ * `matchMedia` and CSS `@media`, so `(max-width: 979px)` fails and the layout
+ * jumps to the next breakpoint one pixel early. `(width < 980px)` matches the
+ * fractional width while still excluding a true 980px viewport. The component
+ * CSS uses the same `(width < nextMin)` edges so the two layers stay in lockstep.
+ */
 export declare class BreakpointUtils {
-    private static get width();
+    private static matches;
+    private static upperBound;
     static getCurrentBreakpoint(): BreakpointKey | undefined;
     static isInRange(bp: BreakpointKey): boolean;
     static isAtLeast(bp: BreakpointKey): boolean;

package/dist/utils/Breakpoints.js CHANGED Viewed

@@ -5,29 +5,59 @@ export const Breakpoints = {
     L: { min: 1280, max: 1599 },
     XL: { min: 1600, max: Infinity },
 };
+/**
+ * Breakpoint helpers backed by `window.matchMedia`.
+ *
+ * The viewport width must be evaluated through the browser's media-query engine
+ * rather than `window.innerWidth`, so that these JS decisions always agree with
+ * the component `@media` rules — otherwise the markup (chosen here) and the
+ * styles (chosen by CSS) can resolve to different breakpoints and the layout
+ * breaks (e.g. the Footer rendering desktop columns under tablet styles).
+ *
+ * Upper bounds use the exclusive `(width < nextMin)` range form rather than
+ * `(max-width: max)`. On Windows with fractional display scaling (e.g. 125%,
+ * `devicePixelRatio` 1.25) a viewport nominally at an integer edge such as
+ * 979px is evaluated as a fractional width just above it (~979.2px) by both
+ * `matchMedia` and CSS `@media`, so `(max-width: 979px)` fails and the layout
+ * jumps to the next breakpoint one pixel early. `(width < 980px)` matches the
+ * fractional width while still excluding a true 980px viewport. The component
+ * CSS uses the same `(width < nextMin)` edges so the two layers stay in lockstep.
+ */
 export class BreakpointUtils {
-    static get width() {
-        return typeof window !== "undefined" ? window.innerWidth : 0;
+    static matches(query) {
+        return typeof window !== "undefined" && typeof window.matchMedia === "function"
+            ? window.matchMedia(query).matches
+            : false;
+    }
+    // Exclusive upper bound of a breakpoint's range: the next breakpoint's min.
+    // `Infinity` (XL) has no upper bound.
+    static upperBound(bp) {
+        const { max } = Breakpoints[bp];
+        return Number.isFinite(max) ? max + 1 : Infinity;
     }
     static getCurrentBreakpoint() {
         return Object.keys(Breakpoints)
             .find(bp => this.isInRange(bp));
     }
     static isInRange(bp) {
-        const { min, max } = Breakpoints[bp];
-        return this.width >= min && this.width <= max;
+        const upper = this.upperBound(bp);
+        const lower = `(width >= ${Breakpoints[bp].min}px)`;
+        const query = Number.isFinite(upper) ? `${lower} and (width < ${upper}px)` : lower;
+        return this.matches(query);
     }
     static isAtLeast(bp) {
-        return this.width >= Breakpoints[bp].min;
+        return this.matches(`(width >= ${Breakpoints[bp].min}px)`);
     }
     static isAbove(bp) {
-        return this.width > Breakpoints[bp].min;
+        return this.matches(`(width > ${Breakpoints[bp].min}px)`);
     }
     static isAtMost(bp) {
-        return this.width <= Breakpoints[bp].max;
+        const upper = this.upperBound(bp);
+        return Number.isFinite(upper) ? this.matches(`(width < ${upper}px)`) : true;
     }
     static isBelow(bp) {
-        return this.width < Breakpoints[bp].max;
+        const { max } = Breakpoints[bp];
+        return Number.isFinite(max) ? this.matches(`(width < ${max}px)`) : true;
     }
 }
 //# sourceMappingURL=Breakpoints.js.map

package/dist/utils/Breakpoints.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Breakpoints.js","sourceRoot":"","sources":["../../src/utils/Breakpoints.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;IAC1B,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;IACzB,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE;IAC1B,CAAC,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE;IAC3B,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE;CACxB,CAAC;AAEX,MAAM,OAAO,eAAe;IAClB,MAAM,~~KAAK~~,~~KAAK~~;~~QACtB~~,OAAO,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;~~IAC/D~~,CAAC;IAED,MAAM,CAAC,oBAAoB;QACzB,OAAQ,MAAM,CAAC,IAAI,CAAC,WAAW,CAAqB;aACjD,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,CAAC;IACpC,CAAC;IAED,MAAM,CAAC,SAAS,CAAC,EAAiB;QAChC,MAAM,~~EAAE~~,GAAG,~~EAAE~~,~~GAAG~~,EAAE,GAAG,WAAW,CAAC,EAAE,CAAC,CAAC;~~QACrC~~,~~OAAO~~,~~IAAI~~,CAAC,KAAK,~~IAAI~~,GAAG,~~IAAI~~,~~IAAI~~,CAAC,KAAK,IAAI,~~GAAG~~,CAAC;~~IAChD~~,CAAC;IAED,MAAM,CAAC,SAAS,CAAC,EAAiB;QAChC,OAAO,IAAI,CAAC,~~KAAK~~,~~IAAI~~,WAAW,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC;~~IAC3C~~,CAAC;IAED,MAAM,CAAC,OAAO,CAAC,EAAiB;QAC9B,OAAO,IAAI,CAAC,~~KAAK~~,~~GAAG~~,WAAW,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC;~~IAC1C~~,CAAC;IAED,MAAM,CAAC,QAAQ,CAAC,EAAiB;QAC/B,~~OAAO~~,IAAI,CAAC,KAAK,IAAI,~~WAAW~~,CAAC,~~EAAE~~,CAAC,CAAC,~~GAAG~~,CAAC;~~IAC3C~~,CAAC;IAED,MAAM,CAAC,OAAO,CAAC,EAAiB;QAC9B,~~OAAO~~,~~IAAI~~,~~CAAC~~,~~KAAK~~,GAAG,WAAW,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC;~~IAC1C~~,CAAC;CACF","sourcesContent":["type BreakpointKey = keyof typeof Breakpoints;\n\nexport const Breakpoints = {\n XS: { min: 360, max: 639 },\n S: { min: 640, max: 979 },\n M: { min: 980, max: 1279 },\n L: { min: 1280, max: 1599 },\n XL: { min: 1600, max: Infinity },\n} as const;\n\nexport class BreakpointUtils {\n private static ~~get~~ ~~width(~~): ~~number~~ {\n return typeof window !== \"undefined\" ? window.~~innerWidth~~ : 0;\n }\n\n static getCurrentBreakpoint(): BreakpointKey \| undefined {\n return (Object.keys(Breakpoints) as BreakpointKey[])\n .find(bp => this.isInRange(bp));\n }\n\n static isInRange(bp: BreakpointKey): boolean {\n const { ~~min,~~ ~~max~~ } = Breakpoints[bp];\n ~~return~~ ~~this~~.~~width~~ >= ~~min~~ && ~~this.~~width <= ~~max~~;\n }\n\n static isAtLeast(bp: BreakpointKey): boolean {\n return this.width >= Breakpoints[bp].min;\n }\n\n static isAbove(bp: BreakpointKey): boolean {\n return this.width > Breakpoints[bp].min;\n }\n\n static isAtMost(bp: BreakpointKey): boolean {\n return this.width <= ~~Breakpoints[bp].max~~;\n }\n\n static isBelow(bp: BreakpointKey): boolean {\n ~~return~~ ~~this.width~~ < Breakpoints[bp].max;\n }\n}\n"]}
1	+ {"version":3,"file":"Breakpoints.js","sourceRoot":"","sources":["../../src/utils/Breakpoints.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;IAC1B,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;IACzB,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE;IAC1B,CAAC,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE;IAC3B,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE;CACxB,CAAC;AAEX;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,OAAO,eAAe;IAClB,MAAM,CAAC,OAAO,CAAC,KAAa;QAClC,OAAO,OAAO,MAAM,KAAK,WAAW,IAAI,OAAO,MAAM,CAAC,UAAU,KAAK,UAAU;YAC7E,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,OAAO;YAClC,CAAC,CAAC,KAAK,CAAC;IACZ,CAAC;IAED,4EAA4E;IAC5E,sCAAsC;IAC9B,MAAM,CAAC,UAAU,CAAC,EAAiB;QACzC,MAAM,EAAE,GAAG,EAAE,GAAG,WAAW,CAAC,EAAE,CAAC,CAAC;QAChC,OAAO,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;IACnD,CAAC;IAED,MAAM,CAAC,oBAAoB;QACzB,OAAQ,MAAM,CAAC,IAAI,CAAC,WAAW,CAAqB;aACjD,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,CAAC;IACpC,CAAC;IAED,MAAM,CAAC,SAAS,CAAC,EAAiB;QAChC,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC;QAClC,MAAM,KAAK,GAAG,aAAa,WAAW,CAAC,EAAE,CAAC,CAAC,GAAG,KAAK,CAAC;QACpD,MAAM,KAAK,GAAG,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,iBAAiB,KAAK,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;QACnF,OAAO,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAC7B,CAAC;IAED,MAAM,CAAC,SAAS,CAAC,EAAiB;QAChC,OAAO,IAAI,CAAC,OAAO,CAAC,aAAa,WAAW,CAAC,EAAE,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC;IAC7D,CAAC;IAED,MAAM,CAAC,OAAO,CAAC,EAAiB;QAC9B,OAAO,IAAI,CAAC,OAAO,CAAC,YAAY,WAAW,CAAC,EAAE,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC;IAC5D,CAAC;IAED,MAAM,CAAC,QAAQ,CAAC,EAAiB;QAC/B,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC;QAClC,OAAO,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAC9E,CAAC;IAED,MAAM,CAAC,OAAO,CAAC,EAAiB;QAC9B,MAAM,EAAE,GAAG,EAAE,GAAG,WAAW,CAAC,EAAE,CAAC,CAAC;QAChC,OAAO,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAC1E,CAAC;CACF","sourcesContent":["type BreakpointKey = keyof typeof Breakpoints;\n\nexport const Breakpoints = {\n XS: { min: 360, max: 639 },\n S: { min: 640, max: 979 },\n M: { min: 980, max: 1279 },\n L: { min: 1280, max: 1599 },\n XL: { min: 1600, max: Infinity },\n} as const;\n\n/*\n Breakpoint helpers backed by `window.matchMedia`.\n \n The viewport width must be evaluated through the browser's media-query engine\n * rather than `window.innerWidth`, so that these JS decisions always agree with\n * the component `@media` rules — otherwise the markup (chosen here) and the\n * styles (chosen by CSS) can resolve to different breakpoints and the layout\n * breaks (e.g. the Footer rendering desktop columns under tablet styles).\n \n Upper bounds use the exclusive `(width < nextMin)` range form rather than\n * `(max-width: max)`. On Windows with fractional display scaling (e.g. 125%,\n * `devicePixelRatio` 1.25) a viewport nominally at an integer edge such as\n * 979px is evaluated as a fractional width just above it (~979.2px) by both\n * `matchMedia` and CSS `@media`, so `(max-width: 979px)` fails and the layout\n * jumps to the next breakpoint one pixel early. `(width < 980px)` matches the\n * fractional width while still excluding a true 980px viewport. The component\n * CSS uses the same `(width < nextMin)` edges so the two layers stay in lockstep.\n */\nexport class BreakpointUtils {\n private static matches(query: string): boolean {\n return typeof window !== \"undefined\" && typeof window.matchMedia === \"function\"\n ? window.matchMedia(query).matches\n : false;\n }\n\n // Exclusive upper bound of a breakpoint's range: the next breakpoint's min.\n // `Infinity` (XL) has no upper bound.\n private static upperBound(bp: BreakpointKey): number {\n const { max } = Breakpoints[bp];\n return Number.isFinite(max) ? max + 1 : Infinity;\n }\n\n static getCurrentBreakpoint(): BreakpointKey \| undefined {\n return (Object.keys(Breakpoints) as BreakpointKey[])\n .find(bp => this.isInRange(bp));\n }\n\n static isInRange(bp: BreakpointKey): boolean {\n const upper = this.upperBound(bp);\n const lower = `(width >= ${Breakpoints[bp].min}px)`;\n const query = Number.isFinite(upper) ? `${lower} and (width < ${upper}px)` : lower;\n return this.matches(query);\n }\n\n static isAtLeast(bp: BreakpointKey): boolean {\n return this.matches(`(width >= ${Breakpoints[bp].min}px)`);\n }\n\n static isAbove(bp: BreakpointKey): boolean {\n return this.matches(`(width > ${Breakpoints[bp].min}px)`);\n }\n\n static isAtMost(bp: BreakpointKey): boolean {\n const upper = this.upperBound(bp);\n return Number.isFinite(upper) ? this.matches(`(width < ${upper}px)`) : true;\n }\n\n static isBelow(bp: BreakpointKey): boolean {\n const { max } = Breakpoints[bp];\n return Number.isFinite(max) ? this.matches(`(width < ${max}px)`) : true;\n }\n}\n"]}