@ui5/webcomponents-base 2.25.1-rc.0 → 2.26.0-rc.1

package/dist/animations/animate.d.ts

@@ -8,7 +8,7 @@ declare const animate: (options: AnimateOptions) => {
     promise: () => Promise<void | Error>;
     stop: () => () => void;
 };
-declare const duration = 400;
+declare const duration: () => 0 | 400;
 export { duration };
 export type { AnimateOptions };
 export default animate;

package/dist/animations/animate.js

@@ -1,3 +1,4 @@
+import { getAnimationMode } from "../config/AnimationMode.js";
 import AnimationQueue from "./AnimationQueue.js";
 const animate = (options) => {
     let start = null;
@@ -42,7 +43,9 @@ const animate = (options) => {
         stop: () => stop,
     };
 };
-const duration = 400;
+const duration = () => {
+    return getAnimationMode() === "none" ? 0 : 400;
+};
 export { duration };
 export default animate;
 //# sourceMappingURL=animate.js.map

package/dist/animations/animate.js.map

@@ -1 +1 @@
-{"version":3,"file":"animate.js","sourceRoot":"","sources":["../../src/animations/animate.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,qBAAqB,CAAC;AASjD,MAAM,OAAO,GAAG,CAAC,OAAuB,EAAE,EAAE;IAC3C,IAAI,KAAK,GAAkB,IAAI,CAAC;IAChC,IAAI,OAAO,GAAG,KAAK,CAAC;IACpB,IAAI,cAAsB,CAAC;IAC3B,IAAI,IAAgB,CAAC;IACrB,IAAI,gBAA6C,CAAC;IAElD,MAAM,OAAO,GAAG,IAAI,OAAO,CAAO,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;QACrD,gBAAgB,GAAG,SAAS,CAAC,EAAE;YAC9B,KAAK,GAAG,KAAK,IAAI,SAAS,CAAC;YAE3B,MAAM,WAAW,GAAG,SAAS,GAAG,KAAK,CAAC;YACtC,MAAM,SAAS,GAAG,OAAO,CAAC,QAAQ,GAAG,WAAW,CAAC;YAEjD,IAAI,WAAW,IAAI,OAAO,CAAC,QAAQ,EAAE,CAAC;gBACrC,MAAM,cAAc,GAAG,CAAC,GAAG,SAAS,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC,oCAAoC;gBAC7F,OAAO,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;gBAChC,IAAI,CAAC,OAAO,EAAE,CAAC;oBACd,cAAc,GAAG,qBAAqB,CAAC,gBAAgB,CAAC,CAAC;gBAC1D,CAAC;YACF,CAAC;iBAAM,CAAC;gBACP,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;gBACnB,OAAO,EAAE,CAAC;YACX,CAAC;QACF,CAAC,CAAC;QAEF,IAAI,GAAG,GAAG,EAAE;YACX,OAAO,GAAG,IAAI,CAAC;YACf,oBAAoB,CAAC,cAAc,CAAC,CAAC;YACrC,MAAM,CAAC,IAAI,KAAK,CAAC,mBAAmB,CAAC,CAAC,CAAC;QACxC,CAAC,CAAC;IACH,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,MAAa,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IAEpC,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,GAAG,EAAE;QACzC,IAAI,OAAO,OAAO,CAAC,WAAW,KAAK,UAAU,EAAE,CAAC;YAC/C,OAAO,CAAC,WAAW,EAAE,CAAC;QACvB,CAAC;QAED,qBAAqB,CAAC,gBAAgB,CAAC,CAAC;QAExC,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,EAAE;YAC5B,OAAO,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,OAAO,EAAE,CAAC,CAAC;QAC/B,CAAC,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,OAAO;QACN,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO;QACtB,IAAI,EAAE,GAAG,EAAE,CAAC,IAAI;KAChB,CAAC;AACH,CAAC,CAAC;AACF,MAAM,QAAQ,GAAG,GAAG,CAAC;AAErB,OAAO,EAAE,QAAQ,EAAE,CAAC;AAEpB,eAAe,OAAO,CAAC","sourcesContent":["import AnimationQueue from \"./AnimationQueue.js\";\n\ntype AnimateOptions = {\n\tbeforeStart?: () => void,\n\tduration: number,\n\telement: HTMLElement,\n\tadvance: (p: number) => void,\n};\n\nconst animate = (options: AnimateOptions) => {\n\tlet start: number | null = null;\n\tlet stopped = false;\n\tlet animationFrame: number;\n\tlet stop: () => void;\n\tlet advanceAnimation: (timestamp: number) => void;\n\n\tconst promise = new Promise<void>((resolve, reject) => {\n\t\tadvanceAnimation = timestamp => {\n\t\t\tstart = start || timestamp;\n\n\t\t\tconst timeElapsed = timestamp - start;\n\t\t\tconst remaining = options.duration - timeElapsed;\n\n\t\t\tif (timeElapsed <= options.duration) {\n\t\t\t\tconst currentAdvance = 1 - remaining / options.duration; // easing formula (currently linear)\n\t\t\t\toptions.advance(currentAdvance);\n\t\t\t\tif (!stopped) {\n\t\t\t\t\tanimationFrame = requestAnimationFrame(advanceAnimation);\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\toptions.advance(1);\n\t\t\t\tresolve();\n\t\t\t}\n\t\t};\n\n\t\tstop = () => {\n\t\t\tstopped = true;\n\t\t\tcancelAnimationFrame(animationFrame);\n\t\t\treject(new Error(\"animation stopped\"));\n\t\t};\n\t}).catch((reason: Error) => reason);\n\n\tAnimationQueue.push(options.element, () => {\n\t\tif (typeof options.beforeStart === \"function\") {\n\t\t\toptions.beforeStart();\n\t\t}\n\n\t\trequestAnimationFrame(advanceAnimation);\n\n\t\treturn new Promise(resolve => {\n\t\t\tpromise.then(() => resolve());\n\t\t});\n\t});\n\n\treturn {\n\t\tpromise: () => promise,\n\t\tstop: () => stop,\n\t};\n};\nconst duration = 400;\n\nexport { duration };\nexport type { AnimateOptions };\nexport default animate;\n"]}
+{"version":3,"file":"animate.js","sourceRoot":"","sources":["../../src/animations/animate.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAC9D,OAAO,cAAc,MAAM,qBAAqB,CAAC;AASjD,MAAM,OAAO,GAAG,CAAC,OAAuB,EAAE,EAAE;IAC3C,IAAI,KAAK,GAAkB,IAAI,CAAC;IAChC,IAAI,OAAO,GAAG,KAAK,CAAC;IACpB,IAAI,cAAsB,CAAC;IAC3B,IAAI,IAAgB,CAAC;IACrB,IAAI,gBAA6C,CAAC;IAElD,MAAM,OAAO,GAAG,IAAI,OAAO,CAAO,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;QACrD,gBAAgB,GAAG,SAAS,CAAC,EAAE;YAC9B,KAAK,GAAG,KAAK,IAAI,SAAS,CAAC;YAE3B,MAAM,WAAW,GAAG,SAAS,GAAG,KAAK,CAAC;YACtC,MAAM,SAAS,GAAG,OAAO,CAAC,QAAQ,GAAG,WAAW,CAAC;YAEjD,IAAI,WAAW,IAAI,OAAO,CAAC,QAAQ,EAAE,CAAC;gBACrC,MAAM,cAAc,GAAG,CAAC,GAAG,SAAS,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC,oCAAoC;gBAC7F,OAAO,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;gBAChC,IAAI,CAAC,OAAO,EAAE,CAAC;oBACd,cAAc,GAAG,qBAAqB,CAAC,gBAAgB,CAAC,CAAC;gBAC1D,CAAC;YACF,CAAC;iBAAM,CAAC;gBACP,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;gBACnB,OAAO,EAAE,CAAC;YACX,CAAC;QACF,CAAC,CAAC;QAEF,IAAI,GAAG,GAAG,EAAE;YACX,OAAO,GAAG,IAAI,CAAC;YACf,oBAAoB,CAAC,cAAc,CAAC,CAAC;YACrC,MAAM,CAAC,IAAI,KAAK,CAAC,mBAAmB,CAAC,CAAC,CAAC;QACxC,CAAC,CAAC;IACH,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,MAAa,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IAEpC,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,GAAG,EAAE;QACzC,IAAI,OAAO,OAAO,CAAC,WAAW,KAAK,UAAU,EAAE,CAAC;YAC/C,OAAO,CAAC,WAAW,EAAE,CAAC;QACvB,CAAC;QAED,qBAAqB,CAAC,gBAAgB,CAAC,CAAC;QAExC,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,EAAE;YAC5B,OAAO,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,OAAO,EAAE,CAAC,CAAC;QAC/B,CAAC,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,OAAO;QACN,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO;QACtB,IAAI,EAAE,GAAG,EAAE,CAAC,IAAI;KAChB,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,QAAQ,GAAG,GAAG,EAAE;IACrB,OAAO,gBAAgB,EAAE,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;AAChD,CAAC,CAAC;AAEF,OAAO,EAAE,QAAQ,EAAE,CAAC;AAEpB,eAAe,OAAO,CAAC","sourcesContent":["import { getAnimationMode } from \"../config/AnimationMode.js\";\nimport AnimationQueue from \"./AnimationQueue.js\";\n\ntype AnimateOptions = {\n\tbeforeStart?: () => void,\n\tduration: number,\n\telement: HTMLElement,\n\tadvance: (p: number) => void,\n};\n\nconst animate = (options: AnimateOptions) => {\n\tlet start: number | null = null;\n\tlet stopped = false;\n\tlet animationFrame: number;\n\tlet stop: () => void;\n\tlet advanceAnimation: (timestamp: number) => void;\n\n\tconst promise = new Promise<void>((resolve, reject) => {\n\t\tadvanceAnimation = timestamp => {\n\t\t\tstart = start || timestamp;\n\n\t\t\tconst timeElapsed = timestamp - start;\n\t\t\tconst remaining = options.duration - timeElapsed;\n\n\t\t\tif (timeElapsed <= options.duration) {\n\t\t\t\tconst currentAdvance = 1 - remaining / options.duration; // easing formula (currently linear)\n\t\t\t\toptions.advance(currentAdvance);\n\t\t\t\tif (!stopped) {\n\t\t\t\t\tanimationFrame = requestAnimationFrame(advanceAnimation);\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\toptions.advance(1);\n\t\t\t\tresolve();\n\t\t\t}\n\t\t};\n\n\t\tstop = () => {\n\t\t\tstopped = true;\n\t\t\tcancelAnimationFrame(animationFrame);\n\t\t\treject(new Error(\"animation stopped\"));\n\t\t};\n\t}).catch((reason: Error) => reason);\n\n\tAnimationQueue.push(options.element, () => {\n\t\tif (typeof options.beforeStart === \"function\") {\n\t\t\toptions.beforeStart();\n\t\t}\n\n\t\trequestAnimationFrame(advanceAnimation);\n\n\t\treturn new Promise(resolve => {\n\t\t\tpromise.then(() => resolve());\n\t\t});\n\t});\n\n\treturn {\n\t\tpromise: () => promise,\n\t\tstop: () => stop,\n\t};\n};\n\nconst duration = () => {\n\treturn getAnimationMode() === \"none\" ? 0 : 400;\n};\n\nexport { duration };\nexport type { AnimateOptions };\nexport default animate;\n"]}

package/dist/animations/scroll.js

@@ -7,7 +7,7 @@ const scroll = (element, dx, dy) => {
             scrollLeft = element.scrollLeft;
             scrollTop = element.scrollTop;
         },
-        duration,
+        duration: duration(),
         element,
         advance: progress => {
             element.scrollLeft = scrollLeft + (progress * dx); // easing - linear

package/dist/animations/scroll.js.map

@@ -1 +1 @@
-{"version":3,"file":"scroll.js","sourceRoot":"","sources":["../../src/animations/scroll.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,EAAE,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAEjD,MAAM,MAAM,GAAG,CAAC,OAAoB,EAAE,EAAU,EAAE,EAAU,EAAE,EAAE;IAC/D,IAAI,UAAkB,CAAC;IACvB,IAAI,SAAiB,CAAC;IAEtB,OAAO,OAAO,CAAC;QACd,WAAW,EAAE,GAAG,EAAE;YACjB,UAAU,GAAG,OAAO,CAAC,UAAU,CAAC;YAChC,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC;QAC/B,CAAC;QACD,QAAQ;QACR,OAAO;QACP,OAAO,EAAE,QAAQ,CAAC,EAAE;YACnB,OAAO,CAAC,UAAU,GAAG,UAAU,GAAG,CAAC,QAAQ,GAAG,EAAE,CAAC,CAAC,CAAC,kBAAkB;YACrE,OAAO,CAAC,SAAS,GAAG,SAAS,GAAG,CAAC,QAAQ,GAAG,EAAE,CAAC,CAAC,CAAC,kBAAkB;QACpE,CAAC;KACD,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC","sourcesContent":["import animate, { duration } from \"./animate.js\";\n\nconst scroll = (element: HTMLElement, dx: number, dy: number) => {\n\tlet scrollLeft: number;\n\tlet scrollTop: number;\n\n\treturn animate({\n\t\tbeforeStart: () => {\n\t\t\tscrollLeft = element.scrollLeft;\n\t\t\tscrollTop = element.scrollTop;\n\t\t},\n\t\tduration,\n\t\telement,\n\t\tadvance: progress => {\n\t\t\telement.scrollLeft = scrollLeft + (progress * dx); // easing - linear\n\t\t\telement.scrollTop = scrollTop + (progress * dy); // easing - linear\n\t\t},\n\t});\n};\n\nexport default scroll;\n"]}
+{"version":3,"file":"scroll.js","sourceRoot":"","sources":["../../src/animations/scroll.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,EAAE,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAEjD,MAAM,MAAM,GAAG,CAAC,OAAoB,EAAE,EAAU,EAAE,EAAU,EAAE,EAAE;IAC/D,IAAI,UAAkB,CAAC;IACvB,IAAI,SAAiB,CAAC;IAEtB,OAAO,OAAO,CAAC;QACd,WAAW,EAAE,GAAG,EAAE;YACjB,UAAU,GAAG,OAAO,CAAC,UAAU,CAAC;YAChC,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC;QAC/B,CAAC;QACD,QAAQ,EAAE,QAAQ,EAAE;QACpB,OAAO;QACP,OAAO,EAAE,QAAQ,CAAC,EAAE;YACnB,OAAO,CAAC,UAAU,GAAG,UAAU,GAAG,CAAC,QAAQ,GAAG,EAAE,CAAC,CAAC,CAAC,kBAAkB;YACrE,OAAO,CAAC,SAAS,GAAG,SAAS,GAAG,CAAC,QAAQ,GAAG,EAAE,CAAC,CAAC,CAAC,kBAAkB;QACpE,CAAC;KACD,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC","sourcesContent":["import animate, { duration } from \"./animate.js\";\n\nconst scroll = (element: HTMLElement, dx: number, dy: number) => {\n\tlet scrollLeft: number;\n\tlet scrollTop: number;\n\n\treturn animate({\n\t\tbeforeStart: () => {\n\t\t\tscrollLeft = element.scrollLeft;\n\t\t\tscrollTop = element.scrollTop;\n\t\t},\n\t\tduration: duration(),\n\t\telement,\n\t\tadvance: progress => {\n\t\t\telement.scrollLeft = scrollLeft + (progress * dx); // easing - linear\n\t\t\telement.scrollTop = scrollTop + (progress * dy); // easing - linear\n\t\t},\n\t});\n};\n\nexport default scroll;\n"]}

package/dist/animations/slideDown.js

@@ -27,7 +27,7 @@ const slideDown = (element) => {
             element.style.marginBottom = "0";
             element.style.height = "0";
         },
-        duration,
+        duration: duration(),
         element,
         advance: progress => {
             // WORKAROUND

package/dist/animations/slideDown.js.map

@@ -1 +1 @@
-{"version":3,"file":"slideDown.js","sourceRoot":"","sources":["../../src/animations/slideDown.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,EAAE,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAEjD,MAAM,SAAS,GAAG,CAAC,OAAoB,EAAE,EAAE;IAC1C,IAAI,cAAmC,EACtC,UAAkB,EAClB,aAAqB,EACrB,SAAiB,EACjB,YAAoB,EACpB,MAAc,CAAC;IAChB,IAAI,cAAsB,EACzB,gBAAwB,EACxB,mBAA2B,EAC3B,eAAuB,EACvB,kBAA0B,EAC1B,YAAoB,CAAC;IAEtB,MAAM,SAAS,GAAG,OAAO,CAAC;QACzB,WAAW,EAAE,GAAG,EAAE;YACjB,6CAA6C;YAC7C,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;YAEhC,sBAAsB;YACtB,cAAc,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;YAC3C,UAAU,GAAG,UAAU,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;YACnD,aAAa,GAAG,UAAU,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC;YACzD,SAAS,GAAG,UAAU,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC;YACjD,YAAY,GAAG,UAAU,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC;YACvD,MAAM,GAAG,UAAU,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;YAE3C,sBAAsB;YACtB,cAAc,GAAG,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC;YACxC,gBAAgB,GAAG,OAAO,CAAC,KAAK,CAAC,UAAU,CAAC;YAC5C,mBAAmB,GAAG,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC;YAClD,eAAe,GAAG,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC;YAC1C,kBAAkB,GAAG,OAAO,CAAC,KAAK,CAAC,YAAY,CAAC;YAChD,YAAY,GAAG,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC;YAEpC,OAAO,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;YAClC,OAAO,CAAC,KAAK,CAAC,UAAU,GAAG,GAAG,CAAC;YAC/B,OAAO,CAAC,KAAK,CAAC,aAAa,GAAG,GAAG,CAAC;YAClC,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,GAAG,CAAC;YAC9B,OAAO,CAAC,KAAK,CAAC,YAAY,GAAG,GAAG,CAAC;YACjC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,CAAC;QAC5B,CAAC;QACD,QAAQ;QACR,OAAO;QACP,OAAO,EAAE,QAAQ,CAAC,EAAE;YACnB,aAAa;YACb,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;YAChC,oBAAoB;YAEpB,OAAO,CAAC,KAAK,CAAC,UAAU,GAAG,GAAG,CAAC,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC;YAC1D,OAAO,CAAC,KAAK,CAAC,aAAa,GAAG,GAAG,CAAC,aAAa,GAAG,QAAQ,CAAC,IAAI,CAAC;YAChE,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,GAAG,CAAC,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC;YACxD,OAAO,CAAC,KAAK,CAAC,YAAY,GAAG,GAAG,CAAC,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC;YAC9D,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,CAAC,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC;QACnD,CAAC;KACD,CAAC,CAAC;IAEH,SAAS,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE;QAC7B,OAAO,CAAC,KAAK,CAAC,QAAQ,GAAG,cAAc,CAAC;QACxC,OAAO,CAAC,KAAK,CAAC,UAAU,GAAG,gBAAgB,CAAC;QAC5C,OAAO,CAAC,KAAK,CAAC,aAAa,GAAG,mBAAmB,CAAC;QAClD,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,eAAe,CAAC;QAC1C,OAAO,CAAC,KAAK,CAAC,YAAY,GAAG,kBAAkB,CAAC;QAChD,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,YAAY,CAAC;IACrC,CAAC,CAAC,CAAC;IAEH,OAAO,SAAS,CAAC;AAClB,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["import animate, { duration } from \"./animate.js\";\n\nconst slideDown = (element: HTMLElement) => {\n\tlet computedStyles: CSSStyleDeclaration,\n\t\tpaddingTop: number,\n\t\tpaddingBottom: number,\n\t\tmarginTop: number,\n\t\tmarginBottom: number,\n\t\theight: number;\n\tlet storedOverflow: string,\n\t\tstoredPaddingTop: string,\n\t\tstoredPaddingBottom: string,\n\t\tstoredMarginTop: string,\n\t\tstoredMarginBottom: string,\n\t\tstoredHeight: string;\n\n\tconst animation = animate({\n\t\tbeforeStart: () => {\n\t\t\t// Show the element to measure its properties\n\t\t\telement.style.display = \"block\";\n\n\t\t\t// Get Computed styles\n\t\t\tcomputedStyles = getComputedStyle(element);\n\t\t\tpaddingTop = parseFloat(computedStyles.paddingTop);\n\t\t\tpaddingBottom = parseFloat(computedStyles.paddingBottom);\n\t\t\tmarginTop = parseFloat(computedStyles.marginTop);\n\t\t\tmarginBottom = parseFloat(computedStyles.marginBottom);\n\t\t\theight = parseFloat(computedStyles.height);\n\n\t\t\t// Store inline styles\n\t\t\tstoredOverflow = element.style.overflow;\n\t\t\tstoredPaddingTop = element.style.paddingTop;\n\t\t\tstoredPaddingBottom = element.style.paddingBottom;\n\t\t\tstoredMarginTop = element.style.marginTop;\n\t\t\tstoredMarginBottom = element.style.marginBottom;\n\t\t\tstoredHeight = element.style.height;\n\n\t\t\telement.style.overflow = \"hidden\";\n\t\t\telement.style.paddingTop = \"0\";\n\t\t\telement.style.paddingBottom = \"0\";\n\t\t\telement.style.marginTop = \"0\";\n\t\t\telement.style.marginBottom = \"0\";\n\t\t\telement.style.height = \"0\";\n\t\t},\n\t\tduration,\n\t\telement,\n\t\tadvance: progress => {\n\t\t\t// WORKAROUND\n\t\t\telement.style.display = \"block\";\n\t\t\t// END OF WORKAROUND\n\n\t\t\telement.style.paddingTop = `${(paddingTop * progress)}px`;\n\t\t\telement.style.paddingBottom = `${(paddingBottom * progress)}px`;\n\t\t\telement.style.marginTop = `${(marginTop * progress)}px`;\n\t\t\telement.style.marginBottom = `${(marginBottom * progress)}px`;\n\t\t\telement.style.height = `${(height * progress)}px`;\n\t\t},\n\t});\n\n\tanimation.promise().then(() => {\n\t\telement.style.overflow = storedOverflow;\n\t\telement.style.paddingTop = storedPaddingTop;\n\t\telement.style.paddingBottom = storedPaddingBottom;\n\t\telement.style.marginTop = storedMarginTop;\n\t\telement.style.marginBottom = storedMarginBottom;\n\t\telement.style.height = storedHeight;\n\t});\n\n\treturn animation;\n};\n\nexport default slideDown;\n"]}
+{"version":3,"file":"slideDown.js","sourceRoot":"","sources":["../../src/animations/slideDown.ts"],"names":[],"mappings":"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","sourcesContent":["import animate, { duration } from \"./animate.js\";\n\nconst slideDown = (element: HTMLElement) => {\n\tlet computedStyles: CSSStyleDeclaration,\n\t\tpaddingTop: number,\n\t\tpaddingBottom: number,\n\t\tmarginTop: number,\n\t\tmarginBottom: number,\n\t\theight: number;\n\tlet storedOverflow: string,\n\t\tstoredPaddingTop: string,\n\t\tstoredPaddingBottom: string,\n\t\tstoredMarginTop: string,\n\t\tstoredMarginBottom: string,\n\t\tstoredHeight: string;\n\n\tconst animation = animate({\n\t\tbeforeStart: () => {\n\t\t\t// Show the element to measure its properties\n\t\t\telement.style.display = \"block\";\n\n\t\t\t// Get Computed styles\n\t\t\tcomputedStyles = getComputedStyle(element);\n\t\t\tpaddingTop = parseFloat(computedStyles.paddingTop);\n\t\t\tpaddingBottom = parseFloat(computedStyles.paddingBottom);\n\t\t\tmarginTop = parseFloat(computedStyles.marginTop);\n\t\t\tmarginBottom = parseFloat(computedStyles.marginBottom);\n\t\t\theight = parseFloat(computedStyles.height);\n\n\t\t\t// Store inline styles\n\t\t\tstoredOverflow = element.style.overflow;\n\t\t\tstoredPaddingTop = element.style.paddingTop;\n\t\t\tstoredPaddingBottom = element.style.paddingBottom;\n\t\t\tstoredMarginTop = element.style.marginTop;\n\t\t\tstoredMarginBottom = element.style.marginBottom;\n\t\t\tstoredHeight = element.style.height;\n\n\t\t\telement.style.overflow = \"hidden\";\n\t\t\telement.style.paddingTop = \"0\";\n\t\t\telement.style.paddingBottom = \"0\";\n\t\t\telement.style.marginTop = \"0\";\n\t\t\telement.style.marginBottom = \"0\";\n\t\t\telement.style.height = \"0\";\n\t\t},\n\t\tduration: duration(),\n\t\telement,\n\t\tadvance: progress => {\n\t\t\t// WORKAROUND\n\t\t\telement.style.display = \"block\";\n\t\t\t// END OF WORKAROUND\n\n\t\t\telement.style.paddingTop = `${(paddingTop * progress)}px`;\n\t\t\telement.style.paddingBottom = `${(paddingBottom * progress)}px`;\n\t\t\telement.style.marginTop = `${(marginTop * progress)}px`;\n\t\t\telement.style.marginBottom = `${(marginBottom * progress)}px`;\n\t\t\telement.style.height = `${(height * progress)}px`;\n\t\t},\n\t});\n\n\tanimation.promise().then(() => {\n\t\telement.style.overflow = storedOverflow;\n\t\telement.style.paddingTop = storedPaddingTop;\n\t\telement.style.paddingBottom = storedPaddingBottom;\n\t\telement.style.marginTop = storedMarginTop;\n\t\telement.style.marginBottom = storedMarginBottom;\n\t\telement.style.height = storedHeight;\n\t});\n\n\treturn animation;\n};\n\nexport default slideDown;\n"]}

package/dist/animations/slideUp.js

@@ -23,7 +23,7 @@ const slideUp = (element) => {
             storedHeight = el.style.height;
             el.style.overflow = "hidden";
         },
-        duration,
+        duration: duration(),
         element,
         advance: progress => {
             element.style.paddingTop = `${paddingTop - (paddingTop * progress)}px`;

package/dist/animations/slideUp.js.map

@@ -1 +1 @@
-{"version":3,"file":"slideUp.js","sourceRoot":"","sources":["../../src/animations/slideUp.ts"],"names":[],"mappings":"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","sourcesContent":["import animate, { duration } from \"./animate.js\";\n\nconst slideUp = (element: HTMLElement) => {\n\t// Get Computed styles\n\tlet computedStyles: CSSStyleDeclaration,\n\t\tpaddingTop: number,\n\t\tpaddingBottom: number,\n\t\tmarginTop: number,\n\t\tmarginBottom: number,\n\t\theight: number;\n\n\t// Store inline styles\n\tlet storedOverflow: string,\n\t\tstoredPaddingTop: string,\n\t\tstoredPaddingBottom: string,\n\t\tstoredMarginTop: string,\n\t\tstoredMarginBottom: string,\n\t\tstoredHeight: string;\n\n\tconst animation = animate({\n\t\tbeforeStart: () => {\n\t\t\t// Get Computed styles\n\t\t\tconst el = element;\n\t\t\tcomputedStyles = getComputedStyle(el);\n\t\t\tpaddingTop = parseFloat(computedStyles.paddingTop);\n\t\t\tpaddingBottom = parseFloat(computedStyles.paddingBottom);\n\t\t\tmarginTop = parseFloat(computedStyles.marginTop);\n\t\t\tmarginBottom = parseFloat(computedStyles.marginBottom);\n\t\t\theight = parseFloat(computedStyles.height);\n\n\t\t\t// Store inline styles\n\t\t\tstoredOverflow = el.style.overflow;\n\t\t\tstoredPaddingTop = el.style.paddingTop;\n\t\t\tstoredPaddingBottom = el.style.paddingBottom;\n\t\t\tstoredMarginTop = el.style.marginTop;\n\t\t\tstoredMarginBottom = el.style.marginBottom;\n\t\t\tstoredHeight = el.style.height;\n\n\t\t\tel.style.overflow = \"hidden\";\n\t\t},\n\t\tduration,\n\t\telement,\n\t\tadvance: progress => {\n\t\t\telement.style.paddingTop = `${paddingTop - (paddingTop * progress)}px`;\n\t\t\telement.style.paddingBottom = `${paddingBottom - (paddingBottom * progress)}px`;\n\t\t\telement.style.marginTop = `${marginTop - (marginTop * progress)}px`;\n\t\t\telement.style.marginBottom = `${marginBottom - (marginBottom * progress)}px`;\n\t\t\telement.style.height = `${height - (height * progress)}px`;\n\t\t},\n\t});\n\n\tanimation.promise().then(reason => {\n\t\tif (!(reason instanceof Error)) {\n\t\t\telement.style.overflow = storedOverflow;\n\t\t\telement.style.paddingTop = storedPaddingTop;\n\t\t\telement.style.paddingBottom = storedPaddingBottom;\n\t\t\telement.style.marginTop = storedMarginTop;\n\t\t\telement.style.marginBottom = storedMarginBottom;\n\t\t\telement.style.height = storedHeight;\n\t\t\telement.style.display = \"none\";\n\t\t}\n\t});\n\n\treturn animation;\n};\n\nexport default slideUp;\n"]}
+{"version":3,"file":"slideUp.js","sourceRoot":"","sources":["../../src/animations/slideUp.ts"],"names":[],"mappings":"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","sourcesContent":["import animate, { duration } from \"./animate.js\";\n\nconst slideUp = (element: HTMLElement) => {\n\t// Get Computed styles\n\tlet computedStyles: CSSStyleDeclaration,\n\t\tpaddingTop: number,\n\t\tpaddingBottom: number,\n\t\tmarginTop: number,\n\t\tmarginBottom: number,\n\t\theight: number;\n\n\t// Store inline styles\n\tlet storedOverflow: string,\n\t\tstoredPaddingTop: string,\n\t\tstoredPaddingBottom: string,\n\t\tstoredMarginTop: string,\n\t\tstoredMarginBottom: string,\n\t\tstoredHeight: string;\n\n\tconst animation = animate({\n\t\tbeforeStart: () => {\n\t\t\t// Get Computed styles\n\t\t\tconst el = element;\n\t\t\tcomputedStyles = getComputedStyle(el);\n\t\t\tpaddingTop = parseFloat(computedStyles.paddingTop);\n\t\t\tpaddingBottom = parseFloat(computedStyles.paddingBottom);\n\t\t\tmarginTop = parseFloat(computedStyles.marginTop);\n\t\t\tmarginBottom = parseFloat(computedStyles.marginBottom);\n\t\t\theight = parseFloat(computedStyles.height);\n\n\t\t\t// Store inline styles\n\t\t\tstoredOverflow = el.style.overflow;\n\t\t\tstoredPaddingTop = el.style.paddingTop;\n\t\t\tstoredPaddingBottom = el.style.paddingBottom;\n\t\t\tstoredMarginTop = el.style.marginTop;\n\t\t\tstoredMarginBottom = el.style.marginBottom;\n\t\t\tstoredHeight = el.style.height;\n\n\t\t\tel.style.overflow = \"hidden\";\n\t\t},\n\t\tduration: duration(),\n\t\telement,\n\t\tadvance: progress => {\n\t\t\telement.style.paddingTop = `${paddingTop - (paddingTop * progress)}px`;\n\t\t\telement.style.paddingBottom = `${paddingBottom - (paddingBottom * progress)}px`;\n\t\t\telement.style.marginTop = `${marginTop - (marginTop * progress)}px`;\n\t\t\telement.style.marginBottom = `${marginBottom - (marginBottom * progress)}px`;\n\t\t\telement.style.height = `${height - (height * progress)}px`;\n\t\t},\n\t});\n\n\tanimation.promise().then(reason => {\n\t\tif (!(reason instanceof Error)) {\n\t\t\telement.style.overflow = storedOverflow;\n\t\t\telement.style.paddingTop = storedPaddingTop;\n\t\t\telement.style.paddingBottom = storedPaddingBottom;\n\t\t\telement.style.marginTop = storedMarginTop;\n\t\t\telement.style.marginBottom = storedMarginBottom;\n\t\t\telement.style.height = storedHeight;\n\t\t\telement.style.display = \"none\";\n\t\t}\n\t});\n\n\treturn animation;\n};\n\nexport default slideUp;\n"]}

package/dist/config/AnimationMode.js

@@ -1,7 +1,11 @@
 import { getAnimationMode as getConfiguredAnimationMode } from "../InitialConfiguration.js";
 import AnimationMode from "../types/AnimationMode.js";
 import { attachConfigurationReset } from "./ConfigurationReset.js";
+import { createOrUpdateStyle } from "../ManagedStyles.js";
 let curAnimationMode;
+const applyAnimationMode = (animationMode) => {
+    createOrUpdateStyle(`:root { --_ui5-animation-mode: ${animationMode}; }`, "data-ui5-animation-mode");
+};
 attachConfigurationReset(() => {
     curAnimationMode = undefined;
 });
@@ -13,6 +17,7 @@ attachConfigurationReset(() => {
 const getAnimationMode = () => {
     if (curAnimationMode === undefined) {
         curAnimationMode = getConfiguredAnimationMode();
+        applyAnimationMode(curAnimationMode);
     }
     return curAnimationMode;
 };
@@ -25,6 +30,7 @@ const setAnimationMode = (animationMode) => {
     const options = Object.values(AnimationMode);
     if (options.includes(animationMode)) {
         curAnimationMode = animationMode;
+        applyAnimationMode(curAnimationMode);
     }
 };
 export { getAnimationMode, setAnimationMode, };

package/dist/config/AnimationMode.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnimationMode.js","sourceRoot":"","sources":["../../src/config/AnimationMode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,IAAI,0BAA0B,EAAE,MAAM,4BAA4B,CAAC;AAC5F,OAAO,aAAa,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,wBAAwB,EAAE,MAAM,yBAAyB,CAAC;AAEnE,IAAI,gBAAgD,CAAC;AAErD,wBAAwB,CAAC,GAAG,EAAE;IAC7B,gBAAgB,GAAG,SAAS,CAAC;AAC9B,CAAC,CAAC,CAAC;AAEH;;;;GAIG;AACH,MAAM,gBAAgB,GAAG,GAAuB,EAAE;IACjD,IAAI,gBAAgB,KAAK,SAAS,EAAE,CAAC;QACpC,gBAAgB,GAAG,0BAA0B,EAAE,CAAC;IACjD,CAAC;IAED,OAAO,gBAAgB,CAAC;AACzB,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,gBAAgB,GAAG,CAAC,aAAiC,EAAE,EAAE;IAC9D,MAAM,OAAO,GAAa,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;IACvD,IAAI,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC;QACrC,gBAAgB,GAAG,aAAa,CAAC;IAClC,CAAC;AACF,CAAC,CAAC;AAEF,OAAO,EACN,gBAAgB,EAChB,gBAAgB,GAChB,CAAC","sourcesContent":["import { getAnimationMode as getConfiguredAnimationMode } from \"../InitialConfiguration.js\";\nimport AnimationMode from \"../types/AnimationMode.js\";\nimport { attachConfigurationReset } from \"./ConfigurationReset.js\";\n\nlet curAnimationMode: `${AnimationMode}` | undefined;\n\nattachConfigurationReset(() => {\n\tcurAnimationMode = undefined;\n});\n\n/**\n * Returns the animation mode - \"full\", \"basic\", \"minimal\" or \"none\".\n * @public\n * @returns { AnimationMode }\n */\nconst getAnimationMode = (): `${AnimationMode}` => {\n\tif (curAnimationMode === undefined) {\n\t\tcurAnimationMode = getConfiguredAnimationMode();\n\t}\n\n\treturn curAnimationMode;\n};\n\n/**\n * Sets the animation mode - \"full\", \"basic\", \"minimal\" or \"none\".\n * @public\n * @param { AnimationMode } animationMode\n */\nconst setAnimationMode = (animationMode: `${AnimationMode}`) => {\n\tconst options: string[] = Object.values(AnimationMode);\n\tif (options.includes(animationMode)) {\n\t\tcurAnimationMode = animationMode;\n\t}\n};\n\nexport {\n\tgetAnimationMode,\n\tsetAnimationMode,\n};\n"]}
+{"version":3,"file":"AnimationMode.js","sourceRoot":"","sources":["../../src/config/AnimationMode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,IAAI,0BAA0B,EAAE,MAAM,4BAA4B,CAAC;AAC5F,OAAO,aAAa,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,wBAAwB,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAE1D,IAAI,gBAAgD,CAAC;AAErD,MAAM,kBAAkB,GAAG,CAAC,aAAiC,EAAE,EAAE;IAChE,mBAAmB,CAAC,kCAAkC,aAAa,KAAK,EAAE,yBAAyB,CAAC,CAAC;AACtG,CAAC,CAAC;AAEF,wBAAwB,CAAC,GAAG,EAAE;IAC7B,gBAAgB,GAAG,SAAS,CAAC;AAC9B,CAAC,CAAC,CAAC;AAEH;;;;GAIG;AACH,MAAM,gBAAgB,GAAG,GAAuB,EAAE;IACjD,IAAI,gBAAgB,KAAK,SAAS,EAAE,CAAC;QACpC,gBAAgB,GAAG,0BAA0B,EAAE,CAAC;QAChD,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IACtC,CAAC;IAED,OAAO,gBAAgB,CAAC;AACzB,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,gBAAgB,GAAG,CAAC,aAAiC,EAAE,EAAE;IAC9D,MAAM,OAAO,GAAa,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;IACvD,IAAI,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC;QACrC,gBAAgB,GAAG,aAAa,CAAC;QACjC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IACtC,CAAC;AACF,CAAC,CAAC;AAEF,OAAO,EACN,gBAAgB,EAChB,gBAAgB,GAChB,CAAC","sourcesContent":["import { getAnimationMode as getConfiguredAnimationMode } from \"../InitialConfiguration.js\";\nimport AnimationMode from \"../types/AnimationMode.js\";\nimport { attachConfigurationReset } from \"./ConfigurationReset.js\";\nimport { createOrUpdateStyle } from \"../ManagedStyles.js\";\n\nlet curAnimationMode: `${AnimationMode}` | undefined;\n\nconst applyAnimationMode = (animationMode: `${AnimationMode}`) => {\n\tcreateOrUpdateStyle(`:root { --_ui5-animation-mode: ${animationMode}; }`, \"data-ui5-animation-mode\");\n};\n\nattachConfigurationReset(() => {\n\tcurAnimationMode = undefined;\n});\n\n/**\n * Returns the animation mode - \"full\", \"basic\", \"minimal\" or \"none\".\n * @public\n * @returns { AnimationMode }\n */\nconst getAnimationMode = (): `${AnimationMode}` => {\n\tif (curAnimationMode === undefined) {\n\t\tcurAnimationMode = getConfiguredAnimationMode();\n\t\tapplyAnimationMode(curAnimationMode);\n\t}\n\n\treturn curAnimationMode;\n};\n\n/**\n * Sets the animation mode - \"full\", \"basic\", \"minimal\" or \"none\".\n * @public\n * @param { AnimationMode } animationMode\n */\nconst setAnimationMode = (animationMode: `${AnimationMode}`) => {\n\tconst options: string[] = Object.values(AnimationMode);\n\tif (options.includes(animationMode)) {\n\t\tcurAnimationMode = animationMode;\n\t\tapplyAnimationMode(curAnimationMode);\n\t}\n};\n\nexport {\n\tgetAnimationMode,\n\tsetAnimationMode,\n};\n"]}

package/dist/css/CommonStyles.css

@@ -0,0 +1,6 @@
+@container style(--_ui5-animation-mode: none) {
+	* {
+		transition-duration: 0s !important;
+		animation-duration: 0s !important;
+	}
+}

package/dist/features/InputElementsFormSupport.js

@@ -6,7 +6,8 @@
 const getAssociatedForm = (element) => {
     const formAttribute = element.getAttribute("form");
     if (formAttribute) {
-        const form = document.getElementById(formAttribute);
+        const rootNode = element.getRootNode();
+        const form = rootNode.getElementById?.(formAttribute) || document.getElementById(formAttribute);
         return form instanceof HTMLFormElement ? form : null;
     }
     return element._internals?.form ?? null;

package/dist/features/InputElementsFormSupport.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputElementsFormSupport.js","sourceRoot":"","sources":["../../src/features/InputElementsFormSupport.ts"],"names":[],"mappings":"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","sourcesContent":["import type UI5Element from \"../UI5Element.js\";\n\ninterface IFormInputElement extends UI5Element {\n\tname?: string;\n\tformFormattedValue: FormData | string | null;\n\tformValidityMessage?: string;\n\tformValidity?: ValidityStateFlags;\n\tformElementAnchor?: () => HTMLElement | undefined | Promise<HTMLElement | undefined>;\n}\n\n/**\n * Gets the associated form for an element.\n * If the element has a `form` attribute, it looks up the form by ID.\n * Otherwise, it falls back to the form associated via ElementInternals.\n */\nconst getAssociatedForm = (element: UI5Element): HTMLFormElement | null => {\n\tconst formAttribute = element.getAttribute(\"form\");\n\n\tif (formAttribute) {\n\t\tconst form = document.getElementById(formAttribute);\n\t\treturn form instanceof HTMLFormElement ? form : null;\n\t}\n\n\treturn element._internals?.form ?? null;\n};\n\nconst updateFormValue = (element: IFormInputElement | UI5Element) => {\n\tif (isInputElement(element)) {\n\t\tsetFormValue(element);\n\t}\n};\n\nconst setFormValue = (element: IFormInputElement) => {\n\tif (!element._internals?.form) {\n\t\treturn;\n\t}\n\n\tsetFormValidity(element);\n\n\tif (!element.name) {\n\t\telement._internals?.setFormValue(null);\n\t\treturn;\n\t}\n\n\telement._internals.setFormValue(element.formFormattedValue);\n};\n\nconst setFormValidity = async (element: IFormInputElement) => {\n\tif (!element.isUI5Element || !element._internals?.form) {\n\t\treturn;\n\t}\n\n\telement._internals.setValidity({ customError: true }, \" \"); // treat the form as invalid until CLDR and message bundles are loaded\n\tawait element.definePromise;\n\n\tif (element.formValidity && Object.keys(element.formValidity).some(key => key)) {\n\t\tconst focusRef = await element.formElementAnchor?.();\n\t\telement._internals.setValidity(element.formValidity, element.formValidityMessage, focusRef);\n\t} else {\n\t\telement._internals.setValidity({});\n\t}\n};\n\nconst submitForm = async (element: UI5Element) => {\n\tconst form = getAssociatedForm(element);\n\n\tif (!form) {\n\t\treturn;\n\t}\n\n\tconst elements = [...form.elements] as Array<IFormInputElement | UI5Element>;\n\n\tawait Promise.all(elements.map(el => { return isInputElement(el) ? setFormValidity(el) : Promise.resolve(); }));\n\n\tform.requestSubmit();\n};\n\nconst resetForm = (element: UI5Element) => {\n\tconst form = getAssociatedForm(element);\n\tform?.reset();\n};\n\nconst isInputElement = (element: IFormInputElement | UI5Element): element is IFormInputElement => {\n\treturn \"formFormattedValue\" in element && \"name\" in element;\n};\n\nexport {\n\tupdateFormValue,\n\tsetFormValue,\n\tsetFormValidity,\n\tsubmitForm,\n\tresetForm,\n};\n\nexport type {\n\tIFormInputElement,\n};\n"]}
+{"version":3,"file":"InputElementsFormSupport.js","sourceRoot":"","sources":["../../src/features/InputElementsFormSupport.ts"],"names":[],"mappings":"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","sourcesContent":["import type UI5Element from \"../UI5Element.js\";\n\ninterface IFormInputElement extends UI5Element {\n\tname?: string;\n\tformFormattedValue: FormData | string | null;\n\tformValidityMessage?: string;\n\tformValidity?: ValidityStateFlags;\n\tformElementAnchor?: () => HTMLElement | undefined | Promise<HTMLElement | undefined>;\n}\n\n/**\n * Gets the associated form for an element.\n * If the element has a `form` attribute, it looks up the form by ID.\n * Otherwise, it falls back to the form associated via ElementInternals.\n */\nconst getAssociatedForm = (element: UI5Element): HTMLFormElement | null => {\n\tconst formAttribute = element.getAttribute(\"form\");\n\n\tif (formAttribute) {\n\t\tconst rootNode = element.getRootNode() as Document | ShadowRoot;\n\t\tconst form = rootNode.getElementById?.(formAttribute) || document.getElementById(formAttribute);\n\t\treturn form instanceof HTMLFormElement ? form : null;\n\t}\n\n\treturn element._internals?.form ?? null;\n};\n\nconst updateFormValue = (element: IFormInputElement | UI5Element) => {\n\tif (isInputElement(element)) {\n\t\tsetFormValue(element);\n\t}\n};\n\nconst setFormValue = (element: IFormInputElement) => {\n\tif (!element._internals?.form) {\n\t\treturn;\n\t}\n\n\tsetFormValidity(element);\n\n\tif (!element.name) {\n\t\telement._internals?.setFormValue(null);\n\t\treturn;\n\t}\n\n\telement._internals.setFormValue(element.formFormattedValue);\n};\n\nconst setFormValidity = async (element: IFormInputElement) => {\n\tif (!element.isUI5Element || !element._internals?.form) {\n\t\treturn;\n\t}\n\n\telement._internals.setValidity({ customError: true }, \" \"); // treat the form as invalid until CLDR and message bundles are loaded\n\tawait element.definePromise;\n\n\tif (element.formValidity && Object.keys(element.formValidity).some(key => key)) {\n\t\tconst focusRef = await element.formElementAnchor?.();\n\t\telement._internals.setValidity(element.formValidity, element.formValidityMessage, focusRef);\n\t} else {\n\t\telement._internals.setValidity({});\n\t}\n};\n\nconst submitForm = async (element: UI5Element) => {\n\tconst form = getAssociatedForm(element);\n\n\tif (!form) {\n\t\treturn;\n\t}\n\n\tconst elements = [...form.elements] as Array<IFormInputElement | UI5Element>;\n\n\tawait Promise.all(elements.map(el => { return isInputElement(el) ? setFormValidity(el) : Promise.resolve(); }));\n\n\tform.requestSubmit();\n};\n\nconst resetForm = (element: UI5Element) => {\n\tconst form = getAssociatedForm(element);\n\tform?.reset();\n};\n\nconst isInputElement = (element: IFormInputElement | UI5Element): element is IFormInputElement => {\n\treturn \"formFormattedValue\" in element && \"name\" in element;\n};\n\nexport {\n\tupdateFormValue,\n\tsetFormValue,\n\tsetFormValidity,\n\tsubmitForm,\n\tresetForm,\n};\n\nexport type {\n\tIFormInputElement,\n};\n"]}

package/dist/generated/VersionInfo.js

@@ -1,11 +1,11 @@
 const VersionInfo = {
-    version: "2.25.1-rc.0",
+    version: "2.26.0-rc.1",
     major: 2,
-    minor: 25,
-    patch: 1,
-    suffix: "-rc.0",
+    minor: 26,
+    patch: 0,
+    suffix: "-rc.1",
     isNext: false,
-    buildTime: 1785403827,
+    buildTime: 1787559877,
 };
 export default VersionInfo;
 //# sourceMappingURL=VersionInfo.js.map

package/dist/generated/VersionInfo.js.map

@@ -1 +1 @@
-{"version":3,"file":"VersionInfo.js","sourceRoot":"","sources":["../../src/generated/VersionInfo.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,GAAG;IACnB,OAAO,EAAE,aAAa;IACtB,KAAK,EAAE,CAAC;IACR,KAAK,EAAE,EAAE;IACT,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,OAAO;IACf,MAAM,EAAE,KAAK;IACb,SAAS,EAAE,UAAU;CACrB,CAAC;AACF,eAAe,WAAW,CAAC","sourcesContent":["const VersionInfo = {\n\tversion: \"2.25.1-rc.0\",\n\tmajor: 2,\n\tminor: 25,\n\tpatch: 1,\n\tsuffix: \"-rc.0\",\n\tisNext: false,\n\tbuildTime: 1785403827,\n};\nexport default VersionInfo;"]}
+{"version":3,"file":"VersionInfo.js","sourceRoot":"","sources":["../../src/generated/VersionInfo.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,GAAG;IACnB,OAAO,EAAE,aAAa;IACtB,KAAK,EAAE,CAAC;IACR,KAAK,EAAE,EAAE;IACT,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,OAAO;IACf,MAAM,EAAE,KAAK;IACb,SAAS,EAAE,UAAU;CACrB,CAAC;AACF,eAAe,WAAW,CAAC","sourcesContent":["const VersionInfo = {\n\tversion: \"2.26.0-rc.1\",\n\tmajor: 2,\n\tminor: 26,\n\tpatch: 0,\n\tsuffix: \"-rc.1\",\n\tisNext: false,\n\tbuildTime: 1787559877,\n};\nexport default VersionInfo;"]}

package/dist/generated/css/CommonStyles.css.d.ts

@@ -0,0 +1,2 @@
+declare const _default: "@container style(--_ui5-animation-mode:none){*{transition-duration:0s!important;animation-duration:0s!important}}";
+export default _default;

package/dist/generated/css/CommonStyles.css.js

@@ -0,0 +1,2 @@
+export default `@container style(--_ui5-animation-mode:none){*{transition-duration:0s!important;animation-duration:0s!important}}`;
+//# sourceMappingURL=CommonStyles.css.js.map

package/dist/generated/css/CommonStyles.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommonStyles.css.js","sourceRoot":"","sources":["../../../src/generated/css/CommonStyles.css.ts"],"names":[],"mappings":"AAAA,eAAe,mHAAmH,CAAC","sourcesContent":["export default `@container style(--_ui5-animation-mode:none){*{transition-duration:0s!important;animation-duration:0s!important}}`;"]}

package/dist/prod/animations/animate.js

@@ -1,2 +1,2 @@
-"use strict";import p from"./AnimationQueue.js";const f=e=>{let n=null,a=!1,i,o,r;const m=new Promise((t,c)=>{r=u=>{n=n||u;const d=u-n,l=e.duration-d;if(d<=e.duration){const s=1-l/e.duration;e.advance(s),a||(i=requestAnimationFrame(r))}else e.advance(1),t()},o=()=>{a=!0,cancelAnimationFrame(i),c(new Error("animation stopped"))}}).catch(t=>t);return p.push(e.element,()=>(typeof e.beforeStart=="function"&&e.beforeStart(),requestAnimationFrame(r),new Promise(t=>{m.then(()=>t())}))),{promise:()=>m,stop:()=>o}},v=400;export{v as duration};export default f;
+"use strict";import{getAnimationMode as p}from"../config/AnimationMode.js";import f from"./AnimationQueue.js";const v=e=>{let n=null,a=!1,i,o,r;const m=new Promise((t,c)=>{r=u=>{n=n||u;const d=u-n,l=e.duration-d;if(d<=e.duration){const s=1-l/e.duration;e.advance(s),a||(i=requestAnimationFrame(r))}else e.advance(1),t()},o=()=>{a=!0,cancelAnimationFrame(i),c(new Error("animation stopped"))}}).catch(t=>t);return f.push(e.element,()=>(typeof e.beforeStart=="function"&&e.beforeStart(),requestAnimationFrame(r),new Promise(t=>{m.then(()=>t())}))),{promise:()=>m,stop:()=>o}},A=()=>p()==="none"?0:400;export{A as duration};export default v;
 //# sourceMappingURL=animate.js.map

package/dist/prod/animations/animate.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/animations/animate.ts"],
-  "sourcesContent": ["import AnimationQueue from \"./AnimationQueue.js\";\n\ntype AnimateOptions = {\n\tbeforeStart?: () => void,\n\tduration: number,\n\telement: HTMLElement,\n\tadvance: (p: number) => void,\n};\n\nconst animate = (options: AnimateOptions) => {\n\tlet start: number | null = null;\n\tlet stopped = false;\n\tlet animationFrame: number;\n\tlet stop: () => void;\n\tlet advanceAnimation: (timestamp: number) => void;\n\n\tconst promise = new Promise<void>((resolve, reject) => {\n\t\tadvanceAnimation = timestamp => {\n\t\t\tstart = start || timestamp;\n\n\t\t\tconst timeElapsed = timestamp - start;\n\t\t\tconst remaining = options.duration - timeElapsed;\n\n\t\t\tif (timeElapsed <= options.duration) {\n\t\t\t\tconst currentAdvance = 1 - remaining / options.duration; // easing formula (currently linear)\n\t\t\t\toptions.advance(currentAdvance);\n\t\t\t\tif (!stopped) {\n\t\t\t\t\tanimationFrame = requestAnimationFrame(advanceAnimation);\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\toptions.advance(1);\n\t\t\t\tresolve();\n\t\t\t}\n\t\t};\n\n\t\tstop = () => {\n\t\t\tstopped = true;\n\t\t\tcancelAnimationFrame(animationFrame);\n\t\t\treject(new Error(\"animation stopped\"));\n\t\t};\n\t}).catch((reason: Error) => reason);\n\n\tAnimationQueue.push(options.element, () => {\n\t\tif (typeof options.beforeStart === \"function\") {\n\t\t\toptions.beforeStart();\n\t\t}\n\n\t\trequestAnimationFrame(advanceAnimation);\n\n\t\treturn new Promise(resolve => {\n\t\t\tpromise.then(() => resolve());\n\t\t});\n\t});\n\n\treturn {\n\t\tpromise: () => promise,\n\t\tstop: () => stop,\n\t};\n};\nconst duration = 400;\n\nexport { duration };\nexport type { AnimateOptions };\nexport default animate;\n"],
-  "mappings": "aAAA,OAAOA,MAAoB,sBAS3B,MAAMC,EAAWC,GAA4B,CAC5C,IAAIC,EAAuB,KACvBC,EAAU,GACVC,EACAC,EACAC,EAEJ,MAAMC,EAAU,IAAI,QAAc,CAACC,EAASC,IAAW,CACtDH,EAAmBI,GAAa,CAC/BR,EAAQA,GAASQ,EAEjB,MAAMC,EAAcD,EAAYR,EAC1BU,EAAYX,EAAQ,SAAWU,EAErC,GAAIA,GAAeV,EAAQ,SAAU,CACpC,MAAMY,EAAiB,EAAID,EAAYX,EAAQ,SAC/CA,EAAQ,QAAQY,CAAc,EACzBV,IACJC,EAAiB,sBAAsBE,CAAgB,EAEzD,MACCL,EAAQ,QAAQ,CAAC,EACjBO,EAAQ,CAEV,EAEAH,EAAO,IAAM,CACZF,EAAU,GACV,qBAAqBC,CAAc,EACnCK,EAAO,IAAI,MAAM,mBAAmB,CAAC,CACtC,CACD,CAAC,EAAE,MAAOK,GAAkBA,CAAM,EAElC,OAAAf,EAAe,KAAKE,EAAQ,QAAS,KAChC,OAAOA,EAAQ,aAAgB,YAClCA,EAAQ,YAAY,EAGrB,sBAAsBK,CAAgB,EAE/B,IAAI,QAAQE,GAAW,CAC7BD,EAAQ,KAAK,IAAMC,EAAQ,CAAC,CAC7B,CAAC,EACD,EAEM,CACN,QAAS,IAAMD,EACf,KAAM,IAAMF,CACb,CACD,EACMU,EAAW,IAEjB,OAASA,KAAA,UAET,eAAef",
-  "names": ["AnimationQueue", "animate", "options", "start", "stopped", "animationFrame", "stop", "advanceAnimation", "promise", "resolve", "reject", "timestamp", "timeElapsed", "remaining", "currentAdvance", "reason", "duration"]
+  "sourcesContent": ["import { getAnimationMode } from \"../config/AnimationMode.js\";\nimport AnimationQueue from \"./AnimationQueue.js\";\n\ntype AnimateOptions = {\n\tbeforeStart?: () => void,\n\tduration: number,\n\telement: HTMLElement,\n\tadvance: (p: number) => void,\n};\n\nconst animate = (options: AnimateOptions) => {\n\tlet start: number | null = null;\n\tlet stopped = false;\n\tlet animationFrame: number;\n\tlet stop: () => void;\n\tlet advanceAnimation: (timestamp: number) => void;\n\n\tconst promise = new Promise<void>((resolve, reject) => {\n\t\tadvanceAnimation = timestamp => {\n\t\t\tstart = start || timestamp;\n\n\t\t\tconst timeElapsed = timestamp - start;\n\t\t\tconst remaining = options.duration - timeElapsed;\n\n\t\t\tif (timeElapsed <= options.duration) {\n\t\t\t\tconst currentAdvance = 1 - remaining / options.duration; // easing formula (currently linear)\n\t\t\t\toptions.advance(currentAdvance);\n\t\t\t\tif (!stopped) {\n\t\t\t\t\tanimationFrame = requestAnimationFrame(advanceAnimation);\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\toptions.advance(1);\n\t\t\t\tresolve();\n\t\t\t}\n\t\t};\n\n\t\tstop = () => {\n\t\t\tstopped = true;\n\t\t\tcancelAnimationFrame(animationFrame);\n\t\t\treject(new Error(\"animation stopped\"));\n\t\t};\n\t}).catch((reason: Error) => reason);\n\n\tAnimationQueue.push(options.element, () => {\n\t\tif (typeof options.beforeStart === \"function\") {\n\t\t\toptions.beforeStart();\n\t\t}\n\n\t\trequestAnimationFrame(advanceAnimation);\n\n\t\treturn new Promise(resolve => {\n\t\t\tpromise.then(() => resolve());\n\t\t});\n\t});\n\n\treturn {\n\t\tpromise: () => promise,\n\t\tstop: () => stop,\n\t};\n};\n\nconst duration = () => {\n\treturn getAnimationMode() === \"none\" ? 0 : 400;\n};\n\nexport { duration };\nexport type { AnimateOptions };\nexport default animate;\n"],
+  "mappings": "aAAA,OAAS,oBAAAA,MAAwB,6BACjC,OAAOC,MAAoB,sBAS3B,MAAMC,EAAWC,GAA4B,CAC5C,IAAIC,EAAuB,KACvBC,EAAU,GACVC,EACAC,EACAC,EAEJ,MAAMC,EAAU,IAAI,QAAc,CAACC,EAASC,IAAW,CACtDH,EAAmBI,GAAa,CAC/BR,EAAQA,GAASQ,EAEjB,MAAMC,EAAcD,EAAYR,EAC1BU,EAAYX,EAAQ,SAAWU,EAErC,GAAIA,GAAeV,EAAQ,SAAU,CACpC,MAAMY,EAAiB,EAAID,EAAYX,EAAQ,SAC/CA,EAAQ,QAAQY,CAAc,EACzBV,IACJC,EAAiB,sBAAsBE,CAAgB,EAEzD,MACCL,EAAQ,QAAQ,CAAC,EACjBO,EAAQ,CAEV,EAEAH,EAAO,IAAM,CACZF,EAAU,GACV,qBAAqBC,CAAc,EACnCK,EAAO,IAAI,MAAM,mBAAmB,CAAC,CACtC,CACD,CAAC,EAAE,MAAOK,GAAkBA,CAAM,EAElC,OAAAf,EAAe,KAAKE,EAAQ,QAAS,KAChC,OAAOA,EAAQ,aAAgB,YAClCA,EAAQ,YAAY,EAGrB,sBAAsBK,CAAgB,EAE/B,IAAI,QAAQE,GAAW,CAC7BD,EAAQ,KAAK,IAAMC,EAAQ,CAAC,CAC7B,CAAC,EACD,EAEM,CACN,QAAS,IAAMD,EACf,KAAM,IAAMF,CACb,CACD,EAEMU,EAAW,IACTjB,EAAiB,IAAM,OAAS,EAAI,IAG5C,OAASiB,KAAA,UAET,eAAef",
+  "names": ["getAnimationMode", "AnimationQueue", "animate", "options", "start", "stopped", "animationFrame", "stop", "advanceAnimation", "promise", "resolve", "reject", "timestamp", "timeElapsed", "remaining", "currentAdvance", "reason", "duration"]
 }

package/dist/prod/animations/scroll.js

@@ -1,2 +1,2 @@
-"use strict";import u,{duration as f}from"./animate.js";const n=(r,c,a)=>{let o,l;return u({beforeStart:()=>{o=r.scrollLeft,l=r.scrollTop},duration:f,element:r,advance:t=>{r.scrollLeft=o+t*c,r.scrollTop=l+t*a}})};export default n;
+"use strict";import u,{duration as n}from"./animate.js";const f=(r,c,a)=>{let o,l;return u({beforeStart:()=>{o=r.scrollLeft,l=r.scrollTop},duration:n(),element:r,advance:t=>{r.scrollLeft=o+t*c,r.scrollTop=l+t*a}})};export default f;
 //# sourceMappingURL=scroll.js.map

package/dist/prod/animations/scroll.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/animations/scroll.ts"],
-  "sourcesContent": ["import animate, { duration } from \"./animate.js\";\n\nconst scroll = (element: HTMLElement, dx: number, dy: number) => {\n\tlet scrollLeft: number;\n\tlet scrollTop: number;\n\n\treturn animate({\n\t\tbeforeStart: () => {\n\t\t\tscrollLeft = element.scrollLeft;\n\t\t\tscrollTop = element.scrollTop;\n\t\t},\n\t\tduration,\n\t\telement,\n\t\tadvance: progress => {\n\t\t\telement.scrollLeft = scrollLeft + (progress * dx); // easing - linear\n\t\t\telement.scrollTop = scrollTop + (progress * dy); // easing - linear\n\t\t},\n\t});\n};\n\nexport default scroll;\n"],
-  "mappings": "aAAA,OAAOA,GAAW,YAAAC,MAAgB,eAElC,MAAMC,EAAS,CAACC,EAAsBC,EAAYC,IAAe,CAChE,IAAIC,EACAC,EAEJ,OAAOP,EAAQ,CACd,YAAa,IAAM,CAClBM,EAAaH,EAAQ,WACrBI,EAAYJ,EAAQ,SACrB,EACA,SAAAF,EACA,QAAAE,EACA,QAASK,GAAY,CACpBL,EAAQ,WAAaG,EAAcE,EAAWJ,EAC9CD,EAAQ,UAAYI,EAAaC,EAAWH,CAC7C,CACD,CAAC,CACF,EAEA,eAAeH",
+  "sourcesContent": ["import animate, { duration } from \"./animate.js\";\n\nconst scroll = (element: HTMLElement, dx: number, dy: number) => {\n\tlet scrollLeft: number;\n\tlet scrollTop: number;\n\n\treturn animate({\n\t\tbeforeStart: () => {\n\t\t\tscrollLeft = element.scrollLeft;\n\t\t\tscrollTop = element.scrollTop;\n\t\t},\n\t\tduration: duration(),\n\t\telement,\n\t\tadvance: progress => {\n\t\t\telement.scrollLeft = scrollLeft + (progress * dx); // easing - linear\n\t\t\telement.scrollTop = scrollTop + (progress * dy); // easing - linear\n\t\t},\n\t});\n};\n\nexport default scroll;\n"],
+  "mappings": "aAAA,OAAOA,GAAW,YAAAC,MAAgB,eAElC,MAAMC,EAAS,CAACC,EAAsBC,EAAYC,IAAe,CAChE,IAAIC,EACAC,EAEJ,OAAOP,EAAQ,CACd,YAAa,IAAM,CAClBM,EAAaH,EAAQ,WACrBI,EAAYJ,EAAQ,SACrB,EACA,SAAUF,EAAS,EACnB,QAAAE,EACA,QAASK,GAAY,CACpBL,EAAQ,WAAaG,EAAcE,EAAWJ,EAC9CD,EAAQ,UAAYI,EAAaC,EAAWH,CAC7C,CACD,CAAC,CACF,EAEA,eAAeH",
   "names": ["animate", "duration", "scroll", "element", "dx", "dy", "scrollLeft", "scrollTop", "progress"]
 }

package/dist/prod/animations/slideDown.js

@@ -1,2 +1,2 @@
-"use strict";import m,{duration as u}from"./animate.js";const b=t=>{let o,a,d,r,s,p,g,y,n,l,h,T;const B=m({beforeStart:()=>{t.style.display="block",o=getComputedStyle(t),a=parseFloat(o.paddingTop),d=parseFloat(o.paddingBottom),r=parseFloat(o.marginTop),s=parseFloat(o.marginBottom),p=parseFloat(o.height),g=t.style.overflow,y=t.style.paddingTop,n=t.style.paddingBottom,l=t.style.marginTop,h=t.style.marginBottom,T=t.style.height,t.style.overflow="hidden",t.style.paddingTop="0",t.style.paddingBottom="0",t.style.marginTop="0",t.style.marginBottom="0",t.style.height="0"},duration:u,element:t,advance:i=>{t.style.display="block",t.style.paddingTop=`${a*i}px`,t.style.paddingBottom=`${d*i}px`,t.style.marginTop=`${r*i}px`,t.style.marginBottom=`${s*i}px`,t.style.height=`${p*i}px`}});return B.promise().then(()=>{t.style.overflow=g,t.style.paddingTop=y,t.style.paddingBottom=n,t.style.marginTop=l,t.style.marginBottom=h,t.style.height=T}),B};export default b;
+"use strict";import m,{duration as u}from"./animate.js";const b=t=>{let o,a,d,r,s,p,g,y,n,l,h,T;const B=m({beforeStart:()=>{t.style.display="block",o=getComputedStyle(t),a=parseFloat(o.paddingTop),d=parseFloat(o.paddingBottom),r=parseFloat(o.marginTop),s=parseFloat(o.marginBottom),p=parseFloat(o.height),g=t.style.overflow,y=t.style.paddingTop,n=t.style.paddingBottom,l=t.style.marginTop,h=t.style.marginBottom,T=t.style.height,t.style.overflow="hidden",t.style.paddingTop="0",t.style.paddingBottom="0",t.style.marginTop="0",t.style.marginBottom="0",t.style.height="0"},duration:u(),element:t,advance:i=>{t.style.display="block",t.style.paddingTop=`${a*i}px`,t.style.paddingBottom=`${d*i}px`,t.style.marginTop=`${r*i}px`,t.style.marginBottom=`${s*i}px`,t.style.height=`${p*i}px`}});return B.promise().then(()=>{t.style.overflow=g,t.style.paddingTop=y,t.style.paddingBottom=n,t.style.marginTop=l,t.style.marginBottom=h,t.style.height=T}),B};export default b;
 //# sourceMappingURL=slideDown.js.map

package/dist/prod/animations/slideDown.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/animations/slideDown.ts"],
-  "sourcesContent": ["import animate, { duration } from \"./animate.js\";\n\nconst slideDown = (element: HTMLElement) => {\n\tlet computedStyles: CSSStyleDeclaration,\n\t\tpaddingTop: number,\n\t\tpaddingBottom: number,\n\t\tmarginTop: number,\n\t\tmarginBottom: number,\n\t\theight: number;\n\tlet storedOverflow: string,\n\t\tstoredPaddingTop: string,\n\t\tstoredPaddingBottom: string,\n\t\tstoredMarginTop: string,\n\t\tstoredMarginBottom: string,\n\t\tstoredHeight: string;\n\n\tconst animation = animate({\n\t\tbeforeStart: () => {\n\t\t\t// Show the element to measure its properties\n\t\t\telement.style.display = \"block\";\n\n\t\t\t// Get Computed styles\n\t\t\tcomputedStyles = getComputedStyle(element);\n\t\t\tpaddingTop = parseFloat(computedStyles.paddingTop);\n\t\t\tpaddingBottom = parseFloat(computedStyles.paddingBottom);\n\t\t\tmarginTop = parseFloat(computedStyles.marginTop);\n\t\t\tmarginBottom = parseFloat(computedStyles.marginBottom);\n\t\t\theight = parseFloat(computedStyles.height);\n\n\t\t\t// Store inline styles\n\t\t\tstoredOverflow = element.style.overflow;\n\t\t\tstoredPaddingTop = element.style.paddingTop;\n\t\t\tstoredPaddingBottom = element.style.paddingBottom;\n\t\t\tstoredMarginTop = element.style.marginTop;\n\t\t\tstoredMarginBottom = element.style.marginBottom;\n\t\t\tstoredHeight = element.style.height;\n\n\t\t\telement.style.overflow = \"hidden\";\n\t\t\telement.style.paddingTop = \"0\";\n\t\t\telement.style.paddingBottom = \"0\";\n\t\t\telement.style.marginTop = \"0\";\n\t\t\telement.style.marginBottom = \"0\";\n\t\t\telement.style.height = \"0\";\n\t\t},\n\t\tduration,\n\t\telement,\n\t\tadvance: progress => {\n\t\t\t// WORKAROUND\n\t\t\telement.style.display = \"block\";\n\t\t\t// END OF WORKAROUND\n\n\t\t\telement.style.paddingTop = `${(paddingTop * progress)}px`;\n\t\t\telement.style.paddingBottom = `${(paddingBottom * progress)}px`;\n\t\t\telement.style.marginTop = `${(marginTop * progress)}px`;\n\t\t\telement.style.marginBottom = `${(marginBottom * progress)}px`;\n\t\t\telement.style.height = `${(height * progress)}px`;\n\t\t},\n\t});\n\n\tanimation.promise().then(() => {\n\t\telement.style.overflow = storedOverflow;\n\t\telement.style.paddingTop = storedPaddingTop;\n\t\telement.style.paddingBottom = storedPaddingBottom;\n\t\telement.style.marginTop = storedMarginTop;\n\t\telement.style.marginBottom = storedMarginBottom;\n\t\telement.style.height = storedHeight;\n\t});\n\n\treturn animation;\n};\n\nexport default slideDown;\n"],
-  "mappings": "aAAA,OAAOA,GAAW,YAAAC,MAAgB,eAElC,MAAMC,EAAaC,GAAyB,CAC3C,IAAIC,EACHC,EACAC,EACAC,EACAC,EACAC,EACGC,EACHC,EACAC,EACAC,EACAC,EACAC,EAED,MAAMC,EAAYhB,EAAQ,CACzB,YAAa,IAAM,CAElBG,EAAQ,MAAM,QAAU,QAGxBC,EAAiB,iBAAiBD,CAAO,EACzCE,EAAa,WAAWD,EAAe,UAAU,EACjDE,EAAgB,WAAWF,EAAe,aAAa,EACvDG,EAAY,WAAWH,EAAe,SAAS,EAC/CI,EAAe,WAAWJ,EAAe,YAAY,EACrDK,EAAS,WAAWL,EAAe,MAAM,EAGzCM,EAAiBP,EAAQ,MAAM,SAC/BQ,EAAmBR,EAAQ,MAAM,WACjCS,EAAsBT,EAAQ,MAAM,cACpCU,EAAkBV,EAAQ,MAAM,UAChCW,EAAqBX,EAAQ,MAAM,aACnCY,EAAeZ,EAAQ,MAAM,OAE7BA,EAAQ,MAAM,SAAW,SACzBA,EAAQ,MAAM,WAAa,IAC3BA,EAAQ,MAAM,cAAgB,IAC9BA,EAAQ,MAAM,UAAY,IAC1BA,EAAQ,MAAM,aAAe,IAC7BA,EAAQ,MAAM,OAAS,GACxB,EACA,SAAAF,EACA,QAAAE,EACA,QAASc,GAAY,CAEpBd,EAAQ,MAAM,QAAU,QAGxBA,EAAQ,MAAM,WAAa,GAAIE,EAAaY,CAAS,KACrDd,EAAQ,MAAM,cAAgB,GAAIG,EAAgBW,CAAS,KAC3Dd,EAAQ,MAAM,UAAY,GAAII,EAAYU,CAAS,KACnDd,EAAQ,MAAM,aAAe,GAAIK,EAAeS,CAAS,KACzDd,EAAQ,MAAM,OAAS,GAAIM,EAASQ,CAAS,IAC9C,CACD,CAAC,EAED,OAAAD,EAAU,QAAQ,EAAE,KAAK,IAAM,CAC9Bb,EAAQ,MAAM,SAAWO,EACzBP,EAAQ,MAAM,WAAaQ,EAC3BR,EAAQ,MAAM,cAAgBS,EAC9BT,EAAQ,MAAM,UAAYU,EAC1BV,EAAQ,MAAM,aAAeW,EAC7BX,EAAQ,MAAM,OAASY,CACxB,CAAC,EAEMC,CACR,EAEA,eAAed",
+  "sourcesContent": ["import animate, { duration } from \"./animate.js\";\n\nconst slideDown = (element: HTMLElement) => {\n\tlet computedStyles: CSSStyleDeclaration,\n\t\tpaddingTop: number,\n\t\tpaddingBottom: number,\n\t\tmarginTop: number,\n\t\tmarginBottom: number,\n\t\theight: number;\n\tlet storedOverflow: string,\n\t\tstoredPaddingTop: string,\n\t\tstoredPaddingBottom: string,\n\t\tstoredMarginTop: string,\n\t\tstoredMarginBottom: string,\n\t\tstoredHeight: string;\n\n\tconst animation = animate({\n\t\tbeforeStart: () => {\n\t\t\t// Show the element to measure its properties\n\t\t\telement.style.display = \"block\";\n\n\t\t\t// Get Computed styles\n\t\t\tcomputedStyles = getComputedStyle(element);\n\t\t\tpaddingTop = parseFloat(computedStyles.paddingTop);\n\t\t\tpaddingBottom = parseFloat(computedStyles.paddingBottom);\n\t\t\tmarginTop = parseFloat(computedStyles.marginTop);\n\t\t\tmarginBottom = parseFloat(computedStyles.marginBottom);\n\t\t\theight = parseFloat(computedStyles.height);\n\n\t\t\t// Store inline styles\n\t\t\tstoredOverflow = element.style.overflow;\n\t\t\tstoredPaddingTop = element.style.paddingTop;\n\t\t\tstoredPaddingBottom = element.style.paddingBottom;\n\t\t\tstoredMarginTop = element.style.marginTop;\n\t\t\tstoredMarginBottom = element.style.marginBottom;\n\t\t\tstoredHeight = element.style.height;\n\n\t\t\telement.style.overflow = \"hidden\";\n\t\t\telement.style.paddingTop = \"0\";\n\t\t\telement.style.paddingBottom = \"0\";\n\t\t\telement.style.marginTop = \"0\";\n\t\t\telement.style.marginBottom = \"0\";\n\t\t\telement.style.height = \"0\";\n\t\t},\n\t\tduration: duration(),\n\t\telement,\n\t\tadvance: progress => {\n\t\t\t// WORKAROUND\n\t\t\telement.style.display = \"block\";\n\t\t\t// END OF WORKAROUND\n\n\t\t\telement.style.paddingTop = `${(paddingTop * progress)}px`;\n\t\t\telement.style.paddingBottom = `${(paddingBottom * progress)}px`;\n\t\t\telement.style.marginTop = `${(marginTop * progress)}px`;\n\t\t\telement.style.marginBottom = `${(marginBottom * progress)}px`;\n\t\t\telement.style.height = `${(height * progress)}px`;\n\t\t},\n\t});\n\n\tanimation.promise().then(() => {\n\t\telement.style.overflow = storedOverflow;\n\t\telement.style.paddingTop = storedPaddingTop;\n\t\telement.style.paddingBottom = storedPaddingBottom;\n\t\telement.style.marginTop = storedMarginTop;\n\t\telement.style.marginBottom = storedMarginBottom;\n\t\telement.style.height = storedHeight;\n\t});\n\n\treturn animation;\n};\n\nexport default slideDown;\n"],
+  "mappings": "aAAA,OAAOA,GAAW,YAAAC,MAAgB,eAElC,MAAMC,EAAaC,GAAyB,CAC3C,IAAIC,EACHC,EACAC,EACAC,EACAC,EACAC,EACGC,EACHC,EACAC,EACAC,EACAC,EACAC,EAED,MAAMC,EAAYhB,EAAQ,CACzB,YAAa,IAAM,CAElBG,EAAQ,MAAM,QAAU,QAGxBC,EAAiB,iBAAiBD,CAAO,EACzCE,EAAa,WAAWD,EAAe,UAAU,EACjDE,EAAgB,WAAWF,EAAe,aAAa,EACvDG,EAAY,WAAWH,EAAe,SAAS,EAC/CI,EAAe,WAAWJ,EAAe,YAAY,EACrDK,EAAS,WAAWL,EAAe,MAAM,EAGzCM,EAAiBP,EAAQ,MAAM,SAC/BQ,EAAmBR,EAAQ,MAAM,WACjCS,EAAsBT,EAAQ,MAAM,cACpCU,EAAkBV,EAAQ,MAAM,UAChCW,EAAqBX,EAAQ,MAAM,aACnCY,EAAeZ,EAAQ,MAAM,OAE7BA,EAAQ,MAAM,SAAW,SACzBA,EAAQ,MAAM,WAAa,IAC3BA,EAAQ,MAAM,cAAgB,IAC9BA,EAAQ,MAAM,UAAY,IAC1BA,EAAQ,MAAM,aAAe,IAC7BA,EAAQ,MAAM,OAAS,GACxB,EACA,SAAUF,EAAS,EACnB,QAAAE,EACA,QAASc,GAAY,CAEpBd,EAAQ,MAAM,QAAU,QAGxBA,EAAQ,MAAM,WAAa,GAAIE,EAAaY,CAAS,KACrDd,EAAQ,MAAM,cAAgB,GAAIG,EAAgBW,CAAS,KAC3Dd,EAAQ,MAAM,UAAY,GAAII,EAAYU,CAAS,KACnDd,EAAQ,MAAM,aAAe,GAAIK,EAAeS,CAAS,KACzDd,EAAQ,MAAM,OAAS,GAAIM,EAASQ,CAAS,IAC9C,CACD,CAAC,EAED,OAAAD,EAAU,QAAQ,EAAE,KAAK,IAAM,CAC9Bb,EAAQ,MAAM,SAAWO,EACzBP,EAAQ,MAAM,WAAaQ,EAC3BR,EAAQ,MAAM,cAAgBS,EAC9BT,EAAQ,MAAM,UAAYU,EAC1BV,EAAQ,MAAM,aAAeW,EAC7BX,EAAQ,MAAM,OAASY,CACxB,CAAC,EAEMC,CACR,EAEA,eAAed",
   "names": ["animate", "duration", "slideDown", "element", "computedStyles", "paddingTop", "paddingBottom", "marginTop", "marginBottom", "height", "storedOverflow", "storedPaddingTop", "storedPaddingBottom", "storedMarginTop", "storedMarginBottom", "storedHeight", "animation", "progress"]
 }

package/dist/prod/animations/slideUp.js

@@ -1,2 +1,2 @@
-"use strict";import T,{duration as B}from"./animate.js";const u=o=>{let i,a,r,d,n,s,p,g,e,l,y,m;const h=T({beforeStart:()=>{const t=o;i=getComputedStyle(t),a=parseFloat(i.paddingTop),r=parseFloat(i.paddingBottom),d=parseFloat(i.marginTop),n=parseFloat(i.marginBottom),s=parseFloat(i.height),p=t.style.overflow,g=t.style.paddingTop,e=t.style.paddingBottom,l=t.style.marginTop,y=t.style.marginBottom,m=t.style.height,t.style.overflow="hidden"},duration:B,element:o,advance:t=>{o.style.paddingTop=`${a-a*t}px`,o.style.paddingBottom=`${r-r*t}px`,o.style.marginTop=`${d-d*t}px`,o.style.marginBottom=`${n-n*t}px`,o.style.height=`${s-s*t}px`}});return h.promise().then(t=>{t instanceof Error||(o.style.overflow=p,o.style.paddingTop=g,o.style.paddingBottom=e,o.style.marginTop=l,o.style.marginBottom=y,o.style.height=m,o.style.display="none")}),h};export default u;
+"use strict";import T,{duration as B}from"./animate.js";const u=o=>{let i,a,r,d,n,s,p,g,e,l,y,m;const h=T({beforeStart:()=>{const t=o;i=getComputedStyle(t),a=parseFloat(i.paddingTop),r=parseFloat(i.paddingBottom),d=parseFloat(i.marginTop),n=parseFloat(i.marginBottom),s=parseFloat(i.height),p=t.style.overflow,g=t.style.paddingTop,e=t.style.paddingBottom,l=t.style.marginTop,y=t.style.marginBottom,m=t.style.height,t.style.overflow="hidden"},duration:B(),element:o,advance:t=>{o.style.paddingTop=`${a-a*t}px`,o.style.paddingBottom=`${r-r*t}px`,o.style.marginTop=`${d-d*t}px`,o.style.marginBottom=`${n-n*t}px`,o.style.height=`${s-s*t}px`}});return h.promise().then(t=>{t instanceof Error||(o.style.overflow=p,o.style.paddingTop=g,o.style.paddingBottom=e,o.style.marginTop=l,o.style.marginBottom=y,o.style.height=m,o.style.display="none")}),h};export default u;
 //# sourceMappingURL=slideUp.js.map

package/dist/prod/animations/slideUp.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/animations/slideUp.ts"],
-  "sourcesContent": ["import animate, { duration } from \"./animate.js\";\n\nconst slideUp = (element: HTMLElement) => {\n\t// Get Computed styles\n\tlet computedStyles: CSSStyleDeclaration,\n\t\tpaddingTop: number,\n\t\tpaddingBottom: number,\n\t\tmarginTop: number,\n\t\tmarginBottom: number,\n\t\theight: number;\n\n\t// Store inline styles\n\tlet storedOverflow: string,\n\t\tstoredPaddingTop: string,\n\t\tstoredPaddingBottom: string,\n\t\tstoredMarginTop: string,\n\t\tstoredMarginBottom: string,\n\t\tstoredHeight: string;\n\n\tconst animation = animate({\n\t\tbeforeStart: () => {\n\t\t\t// Get Computed styles\n\t\t\tconst el = element;\n\t\t\tcomputedStyles = getComputedStyle(el);\n\t\t\tpaddingTop = parseFloat(computedStyles.paddingTop);\n\t\t\tpaddingBottom = parseFloat(computedStyles.paddingBottom);\n\t\t\tmarginTop = parseFloat(computedStyles.marginTop);\n\t\t\tmarginBottom = parseFloat(computedStyles.marginBottom);\n\t\t\theight = parseFloat(computedStyles.height);\n\n\t\t\t// Store inline styles\n\t\t\tstoredOverflow = el.style.overflow;\n\t\t\tstoredPaddingTop = el.style.paddingTop;\n\t\t\tstoredPaddingBottom = el.style.paddingBottom;\n\t\t\tstoredMarginTop = el.style.marginTop;\n\t\t\tstoredMarginBottom = el.style.marginBottom;\n\t\t\tstoredHeight = el.style.height;\n\n\t\t\tel.style.overflow = \"hidden\";\n\t\t},\n\t\tduration,\n\t\telement,\n\t\tadvance: progress => {\n\t\t\telement.style.paddingTop = `${paddingTop - (paddingTop * progress)}px`;\n\t\t\telement.style.paddingBottom = `${paddingBottom - (paddingBottom * progress)}px`;\n\t\t\telement.style.marginTop = `${marginTop - (marginTop * progress)}px`;\n\t\t\telement.style.marginBottom = `${marginBottom - (marginBottom * progress)}px`;\n\t\t\telement.style.height = `${height - (height * progress)}px`;\n\t\t},\n\t});\n\n\tanimation.promise().then(reason => {\n\t\tif (!(reason instanceof Error)) {\n\t\t\telement.style.overflow = storedOverflow;\n\t\t\telement.style.paddingTop = storedPaddingTop;\n\t\t\telement.style.paddingBottom = storedPaddingBottom;\n\t\t\telement.style.marginTop = storedMarginTop;\n\t\t\telement.style.marginBottom = storedMarginBottom;\n\t\t\telement.style.height = storedHeight;\n\t\t\telement.style.display = \"none\";\n\t\t}\n\t});\n\n\treturn animation;\n};\n\nexport default slideUp;\n"],
-  "mappings": "aAAA,OAAOA,GAAW,YAAAC,MAAgB,eAElC,MAAMC,EAAWC,GAAyB,CAEzC,IAAIC,EACHC,EACAC,EACAC,EACAC,EACAC,EAGGC,EACHC,EACAC,EACAC,EACAC,EACAC,EAED,MAAMC,EAAYhB,EAAQ,CACzB,YAAa,IAAM,CAElB,MAAMiB,EAAKd,EACXC,EAAiB,iBAAiBa,CAAE,EACpCZ,EAAa,WAAWD,EAAe,UAAU,EACjDE,EAAgB,WAAWF,EAAe,aAAa,EACvDG,EAAY,WAAWH,EAAe,SAAS,EAC/CI,EAAe,WAAWJ,EAAe,YAAY,EACrDK,EAAS,WAAWL,EAAe,MAAM,EAGzCM,EAAiBO,EAAG,MAAM,SAC1BN,EAAmBM,EAAG,MAAM,WAC5BL,EAAsBK,EAAG,MAAM,cAC/BJ,EAAkBI,EAAG,MAAM,UAC3BH,EAAqBG,EAAG,MAAM,aAC9BF,EAAeE,EAAG,MAAM,OAExBA,EAAG,MAAM,SAAW,QACrB,EACA,SAAAhB,EACA,QAAAE,EACA,QAASe,GAAY,CACpBf,EAAQ,MAAM,WAAa,GAAGE,EAAcA,EAAaa,CAAS,KAClEf,EAAQ,MAAM,cAAgB,GAAGG,EAAiBA,EAAgBY,CAAS,KAC3Ef,EAAQ,MAAM,UAAY,GAAGI,EAAaA,EAAYW,CAAS,KAC/Df,EAAQ,MAAM,aAAe,GAAGK,EAAgBA,EAAeU,CAAS,KACxEf,EAAQ,MAAM,OAAS,GAAGM,EAAUA,EAASS,CAAS,IACvD,CACD,CAAC,EAED,OAAAF,EAAU,QAAQ,EAAE,KAAKG,GAAU,CAC5BA,aAAkB,QACvBhB,EAAQ,MAAM,SAAWO,EACzBP,EAAQ,MAAM,WAAaQ,EAC3BR,EAAQ,MAAM,cAAgBS,EAC9BT,EAAQ,MAAM,UAAYU,EAC1BV,EAAQ,MAAM,aAAeW,EAC7BX,EAAQ,MAAM,OAASY,EACvBZ,EAAQ,MAAM,QAAU,OAE1B,CAAC,EAEMa,CACR,EAEA,eAAed",
+  "sourcesContent": ["import animate, { duration } from \"./animate.js\";\n\nconst slideUp = (element: HTMLElement) => {\n\t// Get Computed styles\n\tlet computedStyles: CSSStyleDeclaration,\n\t\tpaddingTop: number,\n\t\tpaddingBottom: number,\n\t\tmarginTop: number,\n\t\tmarginBottom: number,\n\t\theight: number;\n\n\t// Store inline styles\n\tlet storedOverflow: string,\n\t\tstoredPaddingTop: string,\n\t\tstoredPaddingBottom: string,\n\t\tstoredMarginTop: string,\n\t\tstoredMarginBottom: string,\n\t\tstoredHeight: string;\n\n\tconst animation = animate({\n\t\tbeforeStart: () => {\n\t\t\t// Get Computed styles\n\t\t\tconst el = element;\n\t\t\tcomputedStyles = getComputedStyle(el);\n\t\t\tpaddingTop = parseFloat(computedStyles.paddingTop);\n\t\t\tpaddingBottom = parseFloat(computedStyles.paddingBottom);\n\t\t\tmarginTop = parseFloat(computedStyles.marginTop);\n\t\t\tmarginBottom = parseFloat(computedStyles.marginBottom);\n\t\t\theight = parseFloat(computedStyles.height);\n\n\t\t\t// Store inline styles\n\t\t\tstoredOverflow = el.style.overflow;\n\t\t\tstoredPaddingTop = el.style.paddingTop;\n\t\t\tstoredPaddingBottom = el.style.paddingBottom;\n\t\t\tstoredMarginTop = el.style.marginTop;\n\t\t\tstoredMarginBottom = el.style.marginBottom;\n\t\t\tstoredHeight = el.style.height;\n\n\t\t\tel.style.overflow = \"hidden\";\n\t\t},\n\t\tduration: duration(),\n\t\telement,\n\t\tadvance: progress => {\n\t\t\telement.style.paddingTop = `${paddingTop - (paddingTop * progress)}px`;\n\t\t\telement.style.paddingBottom = `${paddingBottom - (paddingBottom * progress)}px`;\n\t\t\telement.style.marginTop = `${marginTop - (marginTop * progress)}px`;\n\t\t\telement.style.marginBottom = `${marginBottom - (marginBottom * progress)}px`;\n\t\t\telement.style.height = `${height - (height * progress)}px`;\n\t\t},\n\t});\n\n\tanimation.promise().then(reason => {\n\t\tif (!(reason instanceof Error)) {\n\t\t\telement.style.overflow = storedOverflow;\n\t\t\telement.style.paddingTop = storedPaddingTop;\n\t\t\telement.style.paddingBottom = storedPaddingBottom;\n\t\t\telement.style.marginTop = storedMarginTop;\n\t\t\telement.style.marginBottom = storedMarginBottom;\n\t\t\telement.style.height = storedHeight;\n\t\t\telement.style.display = \"none\";\n\t\t}\n\t});\n\n\treturn animation;\n};\n\nexport default slideUp;\n"],
+  "mappings": "aAAA,OAAOA,GAAW,YAAAC,MAAgB,eAElC,MAAMC,EAAWC,GAAyB,CAEzC,IAAIC,EACHC,EACAC,EACAC,EACAC,EACAC,EAGGC,EACHC,EACAC,EACAC,EACAC,EACAC,EAED,MAAMC,EAAYhB,EAAQ,CACzB,YAAa,IAAM,CAElB,MAAMiB,EAAKd,EACXC,EAAiB,iBAAiBa,CAAE,EACpCZ,EAAa,WAAWD,EAAe,UAAU,EACjDE,EAAgB,WAAWF,EAAe,aAAa,EACvDG,EAAY,WAAWH,EAAe,SAAS,EAC/CI,EAAe,WAAWJ,EAAe,YAAY,EACrDK,EAAS,WAAWL,EAAe,MAAM,EAGzCM,EAAiBO,EAAG,MAAM,SAC1BN,EAAmBM,EAAG,MAAM,WAC5BL,EAAsBK,EAAG,MAAM,cAC/BJ,EAAkBI,EAAG,MAAM,UAC3BH,EAAqBG,EAAG,MAAM,aAC9BF,EAAeE,EAAG,MAAM,OAExBA,EAAG,MAAM,SAAW,QACrB,EACA,SAAUhB,EAAS,EACnB,QAAAE,EACA,QAASe,GAAY,CACpBf,EAAQ,MAAM,WAAa,GAAGE,EAAcA,EAAaa,CAAS,KAClEf,EAAQ,MAAM,cAAgB,GAAGG,EAAiBA,EAAgBY,CAAS,KAC3Ef,EAAQ,MAAM,UAAY,GAAGI,EAAaA,EAAYW,CAAS,KAC/Df,EAAQ,MAAM,aAAe,GAAGK,EAAgBA,EAAeU,CAAS,KACxEf,EAAQ,MAAM,OAAS,GAAGM,EAAUA,EAASS,CAAS,IACvD,CACD,CAAC,EAED,OAAAF,EAAU,QAAQ,EAAE,KAAKG,GAAU,CAC5BA,aAAkB,QACvBhB,EAAQ,MAAM,SAAWO,EACzBP,EAAQ,MAAM,WAAaQ,EAC3BR,EAAQ,MAAM,cAAgBS,EAC9BT,EAAQ,MAAM,UAAYU,EAC1BV,EAAQ,MAAM,aAAeW,EAC7BX,EAAQ,MAAM,OAASY,EACvBZ,EAAQ,MAAM,QAAU,OAE1B,CAAC,EAEMa,CACR,EAEA,eAAed",
   "names": ["animate", "duration", "slideUp", "element", "computedStyles", "paddingTop", "paddingBottom", "marginTop", "marginBottom", "height", "storedOverflow", "storedPaddingTop", "storedPaddingBottom", "storedMarginTop", "storedMarginBottom", "storedHeight", "animation", "el", "progress", "reason"]
 }

package/dist/prod/config/AnimationMode.js

@@ -1,2 +1,2 @@
-"use strict";import{getAnimationMode as i}from"../InitialConfiguration.js";import t from"../types/AnimationMode.js";import{attachConfigurationReset as e}from"./ConfigurationReset.js";let n;e(()=>{n=void 0});const d=()=>(n===void 0&&(n=i()),n),m=o=>{Object.values(t).includes(o)&&(n=o)};export{d as getAnimationMode,m as setAnimationMode};
+"use strict";import{getAnimationMode as t}from"../InitialConfiguration.js";import e from"../types/AnimationMode.js";import{attachConfigurationReset as a}from"./ConfigurationReset.js";import{createOrUpdateStyle as d}from"../ManagedStyles.js";let o;const n=i=>{d(`:root { --_ui5-animation-mode: ${i}; }`,"data-ui5-animation-mode")};a(()=>{o=void 0});const m=()=>(o===void 0&&(o=t(),n(o)),o),r=i=>{Object.values(e).includes(i)&&(o=i,n(o))};export{m as getAnimationMode,r as setAnimationMode};
 //# sourceMappingURL=AnimationMode.js.map

package/dist/prod/config/AnimationMode.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/config/AnimationMode.ts"],
-  "sourcesContent": ["import { getAnimationMode as getConfiguredAnimationMode } from \"../InitialConfiguration.js\";\nimport AnimationMode from \"../types/AnimationMode.js\";\nimport { attachConfigurationReset } from \"./ConfigurationReset.js\";\n\nlet curAnimationMode: `${AnimationMode}` | undefined;\n\nattachConfigurationReset(() => {\n\tcurAnimationMode = undefined;\n});\n\n/**\n * Returns the animation mode - \"full\", \"basic\", \"minimal\" or \"none\".\n * @public\n * @returns { AnimationMode }\n */\nconst getAnimationMode = (): `${AnimationMode}` => {\n\tif (curAnimationMode === undefined) {\n\t\tcurAnimationMode = getConfiguredAnimationMode();\n\t}\n\n\treturn curAnimationMode;\n};\n\n/**\n * Sets the animation mode - \"full\", \"basic\", \"minimal\" or \"none\".\n * @public\n * @param { AnimationMode } animationMode\n */\nconst setAnimationMode = (animationMode: `${AnimationMode}`) => {\n\tconst options: string[] = Object.values(AnimationMode);\n\tif (options.includes(animationMode)) {\n\t\tcurAnimationMode = animationMode;\n\t}\n};\n\nexport {\n\tgetAnimationMode,\n\tsetAnimationMode,\n};\n"],
-  "mappings": "aAAA,OAAS,oBAAoBA,MAAkC,6BAC/D,OAAOC,MAAmB,4BAC1B,OAAS,4BAAAC,MAAgC,0BAEzC,IAAIC,EAEJD,EAAyB,IAAM,CAC9BC,EAAmB,MACpB,CAAC,EAOD,MAAMC,EAAmB,KACpBD,IAAqB,SACxBA,EAAmBH,EAA2B,GAGxCG,GAQFE,EAAoBC,GAAsC,CACrC,OAAO,OAAOL,CAAa,EACzC,SAASK,CAAa,IACjCH,EAAmBG,EAErB,EAEA,OACCF,KAAA,iBACAC,KAAA",
-  "names": ["getConfiguredAnimationMode", "AnimationMode", "attachConfigurationReset", "curAnimationMode", "getAnimationMode", "setAnimationMode", "animationMode"]
+  "sourcesContent": ["import { getAnimationMode as getConfiguredAnimationMode } from \"../InitialConfiguration.js\";\nimport AnimationMode from \"../types/AnimationMode.js\";\nimport { attachConfigurationReset } from \"./ConfigurationReset.js\";\nimport { createOrUpdateStyle } from \"../ManagedStyles.js\";\n\nlet curAnimationMode: `${AnimationMode}` | undefined;\n\nconst applyAnimationMode = (animationMode: `${AnimationMode}`) => {\n\tcreateOrUpdateStyle(`:root { --_ui5-animation-mode: ${animationMode}; }`, \"data-ui5-animation-mode\");\n};\n\nattachConfigurationReset(() => {\n\tcurAnimationMode = undefined;\n});\n\n/**\n * Returns the animation mode - \"full\", \"basic\", \"minimal\" or \"none\".\n * @public\n * @returns { AnimationMode }\n */\nconst getAnimationMode = (): `${AnimationMode}` => {\n\tif (curAnimationMode === undefined) {\n\t\tcurAnimationMode = getConfiguredAnimationMode();\n\t\tapplyAnimationMode(curAnimationMode);\n\t}\n\n\treturn curAnimationMode;\n};\n\n/**\n * Sets the animation mode - \"full\", \"basic\", \"minimal\" or \"none\".\n * @public\n * @param { AnimationMode } animationMode\n */\nconst setAnimationMode = (animationMode: `${AnimationMode}`) => {\n\tconst options: string[] = Object.values(AnimationMode);\n\tif (options.includes(animationMode)) {\n\t\tcurAnimationMode = animationMode;\n\t\tapplyAnimationMode(curAnimationMode);\n\t}\n};\n\nexport {\n\tgetAnimationMode,\n\tsetAnimationMode,\n};\n"],
+  "mappings": "aAAA,OAAS,oBAAoBA,MAAkC,6BAC/D,OAAOC,MAAmB,4BAC1B,OAAS,4BAAAC,MAAgC,0BACzC,OAAS,uBAAAC,MAA2B,sBAEpC,IAAIC,EAEJ,MAAMC,EAAsBC,GAAsC,CACjEH,EAAoB,kCAAkCG,CAAa,MAAO,yBAAyB,CACpG,EAEAJ,EAAyB,IAAM,CAC9BE,EAAmB,MACpB,CAAC,EAOD,MAAMG,EAAmB,KACpBH,IAAqB,SACxBA,EAAmBJ,EAA2B,EAC9CK,EAAmBD,CAAgB,GAG7BA,GAQFI,EAAoBF,GAAsC,CACrC,OAAO,OAAOL,CAAa,EACzC,SAASK,CAAa,IACjCF,EAAmBE,EACnBD,EAAmBD,CAAgB,EAErC,EAEA,OACCG,KAAA,iBACAC,KAAA",
+  "names": ["getConfiguredAnimationMode", "AnimationMode", "attachConfigurationReset", "createOrUpdateStyle", "curAnimationMode", "applyAnimationMode", "animationMode", "getAnimationMode", "setAnimationMode"]
 }

package/dist/prod/features/InputElementsFormSupport.js

@@ -1,2 +1,2 @@
-"use strict";const m=t=>{const r=t.getAttribute("form");if(r){const e=document.getElementById(r);return e instanceof HTMLFormElement?e:null}return t._internals?.form??null},a=t=>{s(t)&&i(t)},i=t=>{if(t._internals?.form){if(n(t),!t.name){t._internals?.setFormValue(null);return}t._internals.setFormValue(t.formFormattedValue)}},n=async t=>{if(!(!t.isUI5Element||!t._internals?.form))if(t._internals.setValidity({customError:!0}," "),await t.definePromise,t.formValidity&&Object.keys(t.formValidity).some(r=>r)){const r=await t.formElementAnchor?.();t._internals.setValidity(t.formValidity,t.formValidityMessage,r)}else t._internals.setValidity({})},l=async t=>{const r=m(t);if(!r)return;const e=[...r.elements];await Promise.all(e.map(o=>s(o)?n(o):Promise.resolve())),r.requestSubmit()},u=t=>{m(t)?.reset()},s=t=>"formFormattedValue"in t&&"name"in t;export{a as updateFormValue,i as setFormValue,n as setFormValidity,l as submitForm,u as resetForm};
+"use strict";const m=t=>{const e=t.getAttribute("form");if(e){const r=t.getRootNode().getElementById?.(e)||document.getElementById(e);return r instanceof HTMLFormElement?r:null}return t._internals?.form??null},a=t=>{i(t)&&s(t)},s=t=>{if(t._internals?.form){if(o(t),!t.name){t._internals?.setFormValue(null);return}t._internals.setFormValue(t.formFormattedValue)}},o=async t=>{if(!(!t.isUI5Element||!t._internals?.form))if(t._internals.setValidity({customError:!0}," "),await t.definePromise,t.formValidity&&Object.keys(t.formValidity).some(e=>e)){const e=await t.formElementAnchor?.();t._internals.setValidity(t.formValidity,t.formValidityMessage,e)}else t._internals.setValidity({})},l=async t=>{const e=m(t);if(!e)return;const n=[...e.elements];await Promise.all(n.map(r=>i(r)?o(r):Promise.resolve())),e.requestSubmit()},u=t=>{m(t)?.reset()},i=t=>"formFormattedValue"in t&&"name"in t;export{a as updateFormValue,s as setFormValue,o as setFormValidity,l as submitForm,u as resetForm};
 //# sourceMappingURL=InputElementsFormSupport.js.map

package/dist/prod/features/InputElementsFormSupport.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/features/InputElementsFormSupport.ts"],
-  "sourcesContent": ["import type UI5Element from \"../UI5Element.js\";\n\ninterface IFormInputElement extends UI5Element {\n\tname?: string;\n\tformFormattedValue: FormData | string | null;\n\tformValidityMessage?: string;\n\tformValidity?: ValidityStateFlags;\n\tformElementAnchor?: () => HTMLElement | undefined | Promise<HTMLElement | undefined>;\n}\n\n/**\n * Gets the associated form for an element.\n * If the element has a `form` attribute, it looks up the form by ID.\n * Otherwise, it falls back to the form associated via ElementInternals.\n */\nconst getAssociatedForm = (element: UI5Element): HTMLFormElement | null => {\n\tconst formAttribute = element.getAttribute(\"form\");\n\n\tif (formAttribute) {\n\t\tconst form = document.getElementById(formAttribute);\n\t\treturn form instanceof HTMLFormElement ? form : null;\n\t}\n\n\treturn element._internals?.form ?? null;\n};\n\nconst updateFormValue = (element: IFormInputElement | UI5Element) => {\n\tif (isInputElement(element)) {\n\t\tsetFormValue(element);\n\t}\n};\n\nconst setFormValue = (element: IFormInputElement) => {\n\tif (!element._internals?.form) {\n\t\treturn;\n\t}\n\n\tsetFormValidity(element);\n\n\tif (!element.name) {\n\t\telement._internals?.setFormValue(null);\n\t\treturn;\n\t}\n\n\telement._internals.setFormValue(element.formFormattedValue);\n};\n\nconst setFormValidity = async (element: IFormInputElement) => {\n\tif (!element.isUI5Element || !element._internals?.form) {\n\t\treturn;\n\t}\n\n\telement._internals.setValidity({ customError: true }, \" \"); // treat the form as invalid until CLDR and message bundles are loaded\n\tawait element.definePromise;\n\n\tif (element.formValidity && Object.keys(element.formValidity).some(key => key)) {\n\t\tconst focusRef = await element.formElementAnchor?.();\n\t\telement._internals.setValidity(element.formValidity, element.formValidityMessage, focusRef);\n\t} else {\n\t\telement._internals.setValidity({});\n\t}\n};\n\nconst submitForm = async (element: UI5Element) => {\n\tconst form = getAssociatedForm(element);\n\n\tif (!form) {\n\t\treturn;\n\t}\n\n\tconst elements = [...form.elements] as Array<IFormInputElement | UI5Element>;\n\n\tawait Promise.all(elements.map(el => { return isInputElement(el) ? setFormValidity(el) : Promise.resolve(); }));\n\n\tform.requestSubmit();\n};\n\nconst resetForm = (element: UI5Element) => {\n\tconst form = getAssociatedForm(element);\n\tform?.reset();\n};\n\nconst isInputElement = (element: IFormInputElement | UI5Element): element is IFormInputElement => {\n\treturn \"formFormattedValue\" in element && \"name\" in element;\n};\n\nexport {\n\tupdateFormValue,\n\tsetFormValue,\n\tsetFormValidity,\n\tsubmitForm,\n\tresetForm,\n};\n\nexport type {\n\tIFormInputElement,\n};\n"],
-  "mappings": "aAeA,MAAMA,EAAqBC,GAAgD,CAC1E,MAAMC,EAAgBD,EAAQ,aAAa,MAAM,EAEjD,GAAIC,EAAe,CAClB,MAAMC,EAAO,SAAS,eAAeD,CAAa,EAClD,OAAOC,aAAgB,gBAAkBA,EAAO,IACjD,CAEA,OAAOF,EAAQ,YAAY,MAAQ,IACpC,EAEMG,EAAmBH,GAA4C,CAChEI,EAAeJ,CAAO,GACzBK,EAAaL,CAAO,CAEtB,EAEMK,EAAgBL,GAA+B,CACpD,GAAKA,EAAQ,YAAY,KAMzB,IAFAM,EAAgBN,CAAO,EAEnB,CAACA,EAAQ,KAAM,CAClBA,EAAQ,YAAY,aAAa,IAAI,EACrC,MACD,CAEAA,EAAQ,WAAW,aAAaA,EAAQ,kBAAkB,EAC3D,EAEMM,EAAkB,MAAON,GAA+B,CAC7D,GAAI,GAACA,EAAQ,cAAgB,CAACA,EAAQ,YAAY,MAOlD,GAHAA,EAAQ,WAAW,YAAY,CAAE,YAAa,EAAK,EAAG,GAAG,EACzD,MAAMA,EAAQ,cAEVA,EAAQ,cAAgB,OAAO,KAAKA,EAAQ,YAAY,EAAE,KAAKO,GAAOA,CAAG,EAAG,CAC/E,MAAMC,EAAW,MAAMR,EAAQ,oBAAoB,EACnDA,EAAQ,WAAW,YAAYA,EAAQ,aAAcA,EAAQ,oBAAqBQ,CAAQ,CAC3F,MACCR,EAAQ,WAAW,YAAY,CAAC,CAAC,CAEnC,EAEMS,EAAa,MAAOT,GAAwB,CACjD,MAAME,EAAOH,EAAkBC,CAAO,EAEtC,GAAI,CAACE,EACJ,OAGD,MAAMQ,EAAW,CAAC,GAAGR,EAAK,QAAQ,EAElC,MAAM,QAAQ,IAAIQ,EAAS,IAAIC,GAAeP,EAAeO,CAAE,EAAIL,EAAgBK,CAAE,EAAI,QAAQ,QAAQ,CAAI,CAAC,EAE9GT,EAAK,cAAc,CACpB,EAEMU,EAAaZ,GAAwB,CAC7BD,EAAkBC,CAAO,GAChC,MAAM,CACb,EAEMI,EAAkBJ,GAChB,uBAAwBA,GAAW,SAAUA,EAGrD,OACCG,KAAA,gBACAE,KAAA,aACAC,KAAA,gBACAG,KAAA,WACAG,KAAA",
+  "sourcesContent": ["import type UI5Element from \"../UI5Element.js\";\n\ninterface IFormInputElement extends UI5Element {\n\tname?: string;\n\tformFormattedValue: FormData | string | null;\n\tformValidityMessage?: string;\n\tformValidity?: ValidityStateFlags;\n\tformElementAnchor?: () => HTMLElement | undefined | Promise<HTMLElement | undefined>;\n}\n\n/**\n * Gets the associated form for an element.\n * If the element has a `form` attribute, it looks up the form by ID.\n * Otherwise, it falls back to the form associated via ElementInternals.\n */\nconst getAssociatedForm = (element: UI5Element): HTMLFormElement | null => {\n\tconst formAttribute = element.getAttribute(\"form\");\n\n\tif (formAttribute) {\n\t\tconst rootNode = element.getRootNode() as Document | ShadowRoot;\n\t\tconst form = rootNode.getElementById?.(formAttribute) || document.getElementById(formAttribute);\n\t\treturn form instanceof HTMLFormElement ? form : null;\n\t}\n\n\treturn element._internals?.form ?? null;\n};\n\nconst updateFormValue = (element: IFormInputElement | UI5Element) => {\n\tif (isInputElement(element)) {\n\t\tsetFormValue(element);\n\t}\n};\n\nconst setFormValue = (element: IFormInputElement) => {\n\tif (!element._internals?.form) {\n\t\treturn;\n\t}\n\n\tsetFormValidity(element);\n\n\tif (!element.name) {\n\t\telement._internals?.setFormValue(null);\n\t\treturn;\n\t}\n\n\telement._internals.setFormValue(element.formFormattedValue);\n};\n\nconst setFormValidity = async (element: IFormInputElement) => {\n\tif (!element.isUI5Element || !element._internals?.form) {\n\t\treturn;\n\t}\n\n\telement._internals.setValidity({ customError: true }, \" \"); // treat the form as invalid until CLDR and message bundles are loaded\n\tawait element.definePromise;\n\n\tif (element.formValidity && Object.keys(element.formValidity).some(key => key)) {\n\t\tconst focusRef = await element.formElementAnchor?.();\n\t\telement._internals.setValidity(element.formValidity, element.formValidityMessage, focusRef);\n\t} else {\n\t\telement._internals.setValidity({});\n\t}\n};\n\nconst submitForm = async (element: UI5Element) => {\n\tconst form = getAssociatedForm(element);\n\n\tif (!form) {\n\t\treturn;\n\t}\n\n\tconst elements = [...form.elements] as Array<IFormInputElement | UI5Element>;\n\n\tawait Promise.all(elements.map(el => { return isInputElement(el) ? setFormValidity(el) : Promise.resolve(); }));\n\n\tform.requestSubmit();\n};\n\nconst resetForm = (element: UI5Element) => {\n\tconst form = getAssociatedForm(element);\n\tform?.reset();\n};\n\nconst isInputElement = (element: IFormInputElement | UI5Element): element is IFormInputElement => {\n\treturn \"formFormattedValue\" in element && \"name\" in element;\n};\n\nexport {\n\tupdateFormValue,\n\tsetFormValue,\n\tsetFormValidity,\n\tsubmitForm,\n\tresetForm,\n};\n\nexport type {\n\tIFormInputElement,\n};\n"],
+  "mappings": "aAeA,MAAMA,EAAqBC,GAAgD,CAC1E,MAAMC,EAAgBD,EAAQ,aAAa,MAAM,EAEjD,GAAIC,EAAe,CAElB,MAAMC,EADWF,EAAQ,YAAY,EACf,iBAAiBC,CAAa,GAAK,SAAS,eAAeA,CAAa,EAC9F,OAAOC,aAAgB,gBAAkBA,EAAO,IACjD,CAEA,OAAOF,EAAQ,YAAY,MAAQ,IACpC,EAEMG,EAAmBH,GAA4C,CAChEI,EAAeJ,CAAO,GACzBK,EAAaL,CAAO,CAEtB,EAEMK,EAAgBL,GAA+B,CACpD,GAAKA,EAAQ,YAAY,KAMzB,IAFAM,EAAgBN,CAAO,EAEnB,CAACA,EAAQ,KAAM,CAClBA,EAAQ,YAAY,aAAa,IAAI,EACrC,MACD,CAEAA,EAAQ,WAAW,aAAaA,EAAQ,kBAAkB,EAC3D,EAEMM,EAAkB,MAAON,GAA+B,CAC7D,GAAI,GAACA,EAAQ,cAAgB,CAACA,EAAQ,YAAY,MAOlD,GAHAA,EAAQ,WAAW,YAAY,CAAE,YAAa,EAAK,EAAG,GAAG,EACzD,MAAMA,EAAQ,cAEVA,EAAQ,cAAgB,OAAO,KAAKA,EAAQ,YAAY,EAAE,KAAKO,GAAOA,CAAG,EAAG,CAC/E,MAAMC,EAAW,MAAMR,EAAQ,oBAAoB,EACnDA,EAAQ,WAAW,YAAYA,EAAQ,aAAcA,EAAQ,oBAAqBQ,CAAQ,CAC3F,MACCR,EAAQ,WAAW,YAAY,CAAC,CAAC,CAEnC,EAEMS,EAAa,MAAOT,GAAwB,CACjD,MAAME,EAAOH,EAAkBC,CAAO,EAEtC,GAAI,CAACE,EACJ,OAGD,MAAMQ,EAAW,CAAC,GAAGR,EAAK,QAAQ,EAElC,MAAM,QAAQ,IAAIQ,EAAS,IAAIC,GAAeP,EAAeO,CAAE,EAAIL,EAAgBK,CAAE,EAAI,QAAQ,QAAQ,CAAI,CAAC,EAE9GT,EAAK,cAAc,CACpB,EAEMU,EAAaZ,GAAwB,CAC7BD,EAAkBC,CAAO,GAChC,MAAM,CACb,EAEMI,EAAkBJ,GAChB,uBAAwBA,GAAW,SAAUA,EAGrD,OACCG,KAAA,gBACAE,KAAA,aACAC,KAAA,gBACAG,KAAA,WACAG,KAAA",
   "names": ["getAssociatedForm", "element", "formAttribute", "form", "updateFormValue", "isInputElement", "setFormValue", "setFormValidity", "key", "focusRef", "submitForm", "elements", "el", "resetForm"]
 }

package/dist/prod/generated/VersionInfo.js

@@ -1,2 +1,2 @@
-"use strict";const e={version:"2.25.1-rc.0",major:2,minor:25,patch:1,suffix:"-rc.0",isNext:!1,buildTime:1785403827};export default e;
+"use strict";const e={version:"2.26.0-rc.1",major:2,minor:26,patch:0,suffix:"-rc.1",isNext:!1,buildTime:1787559877};export default e;
 //# sourceMappingURL=VersionInfo.js.map

package/dist/prod/generated/VersionInfo.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/generated/VersionInfo.ts"],
-  "sourcesContent": ["const VersionInfo = {\n\tversion: \"2.25.1-rc.0\",\n\tmajor: 2,\n\tminor: 25,\n\tpatch: 1,\n\tsuffix: \"-rc.0\",\n\tisNext: false,\n\tbuildTime: 1785403827,\n};\nexport default VersionInfo;"],
+  "sourcesContent": ["const VersionInfo = {\n\tversion: \"2.26.0-rc.1\",\n\tmajor: 2,\n\tminor: 26,\n\tpatch: 0,\n\tsuffix: \"-rc.1\",\n\tisNext: false,\n\tbuildTime: 1787559877,\n};\nexport default VersionInfo;"],
   "mappings": "aAAA,MAAMA,EAAc,CACnB,QAAS,cACT,MAAO,EACP,MAAO,GACP,MAAO,EACP,OAAQ,QACR,OAAQ,GACR,UAAW,UACZ,EACA,eAAeA",
   "names": ["VersionInfo"]
 }

package/dist/prod/generated/css/CommonStyles.css.js

@@ -0,0 +1,2 @@
+"use strict";export default"@container style(--_ui5-animation-mode:none){*{transition-duration:0s!important;animation-duration:0s!important}}";
+//# sourceMappingURL=CommonStyles.css.js.map

package/dist/prod/generated/css/CommonStyles.css.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/generated/css/CommonStyles.css.ts"],
+  "sourcesContent": ["export default `@container style(--_ui5-animation-mode:none){*{transition-duration:0s!important;animation-duration:0s!important}}`;"],
+  "mappings": "aAAA,cAAe",
+  "names": []
+}

package/dist/prod/sap/base/security/sanitizeHTML.js

@@ -22,7 +22,7 @@ import "../../ui/thirdparty/caja-html-sanitizer.js";
  * @private
  */
 var fnSanitizeHTML = function (sHTML, mOptions) {
-  assert(window.html && window.html.sanitize, "Sanitizer should have been loaded");
+  assert(globalThis.html && globalThis.html.sanitize, "Sanitizer should have been loaded");
   mOptions = mOptions || {
     uriRewriter: function (sUrl) {
       // by default, we use the URLListValidator to check the URLs
@@ -32,7 +32,7 @@ var fnSanitizeHTML = function (sHTML, mOptions) {
       }
     }
   };
-  var oTagPolicy = mOptions.tagPolicy || window.html.makeTagPolicy(mOptions.uriRewriter, mOptions.tokenPolicy);
-  return window.html.sanitizeWithPolicy(sHTML, oTagPolicy);
+  var oTagPolicy = mOptions.tagPolicy || globalThis.html.makeTagPolicy(mOptions.uriRewriter, mOptions.tokenPolicy);
+  return globalThis.html.sanitizeWithPolicy(sHTML, oTagPolicy);
 };
 export default fnSanitizeHTML;

package/dist/prod/theming/componentStyles.js

@@ -1,3 +1,4 @@
-"use strict";const t=new Map;let e;const n=()=>(e||(e=new CSSStyleSheet),e),r=(o,s)=>{t.set(o,s);const S=Array.from(t.values()).join(`
-`);n().replaceSync(S)};export{n as getComponentStyles,r as updateComponentStyles};
+"use strict";import S from"../generated/css/CommonStyles.css.js";const e=new Map;e.set("ui5-common-component-styles",S);let t;const n=()=>(t||(t=new CSSStyleSheet,t.replaceSync(Array.from(e.values()).join(`
+`))),t),c=(o,s)=>{e.set(o,s);const r=Array.from(e.values()).join(`
+`);n().replaceSync(r)};export{n as getComponentStyles,c as updateComponentStyles};
 //# sourceMappingURL=componentStyles.js.map

package/dist/prod/theming/componentStyles.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/theming/componentStyles.ts"],
-  "sourcesContent": ["const packageMap = new Map<string, string>();\nlet componentsStyleSheet: CSSStyleSheet;\n\nconst getComponentStyles = () => {\n\tif (!componentsStyleSheet) {\n\t\tcomponentsStyleSheet = new CSSStyleSheet();\n\t}\n\n\treturn componentsStyleSheet;\n};\n\nconst updateComponentStyles = (packageName: string, content: string) => {\n\tpackageMap.set(packageName, content);\n\n\tconst combinedStyles = Array.from(packageMap.values()).join(\"\\n\");\n\tgetComponentStyles().replaceSync(combinedStyles);\n};\n\nexport {\n\tgetComponentStyles,\n\tupdateComponentStyles,\n};\n"],
-  "mappings": "aAAA,MAAMA,EAAa,IAAI,IACvB,IAAIC,EAEJ,MAAMC,EAAqB,KACrBD,IACJA,EAAuB,IAAI,eAGrBA,GAGFE,EAAwB,CAACC,EAAqBC,IAAoB,CACvEL,EAAW,IAAII,EAAaC,CAAO,EAEnC,MAAMC,EAAiB,MAAM,KAAKN,EAAW,OAAO,CAAC,EAAE,KAAK;AAAA,CAAI,EAChEE,EAAmB,EAAE,YAAYI,CAAc,CAChD,EAEA,OACCJ,KAAA,mBACAC,KAAA",
-  "names": ["packageMap", "componentsStyleSheet", "getComponentStyles", "updateComponentStyles", "packageName", "content", "combinedStyles"]
+  "sourcesContent": ["import CommonStylesCss from \"../generated/css/CommonStyles.css.js\";\n\nconst packageMap = new Map<string, string>();\n\npackageMap.set(\"ui5-common-component-styles\", CommonStylesCss);\n\nlet componentsStyleSheet: CSSStyleSheet;\n\nconst getComponentStyles = () => {\n\tif (!componentsStyleSheet) {\n\t\tcomponentsStyleSheet = new CSSStyleSheet();\n\t\tcomponentsStyleSheet.replaceSync(Array.from(packageMap.values()).join(\"\\n\"));\n\t}\n\n\treturn componentsStyleSheet;\n};\n\nconst updateComponentStyles = (packageName: string, content: string) => {\n\tpackageMap.set(packageName, content);\n\n\tconst combinedStyles = Array.from(packageMap.values()).join(\"\\n\");\n\tgetComponentStyles().replaceSync(combinedStyles);\n};\n\nexport {\n\tgetComponentStyles,\n\tupdateComponentStyles,\n};\n"],
+  "mappings": "aAAA,OAAOA,MAAqB,uCAE5B,MAAMC,EAAa,IAAI,IAEvBA,EAAW,IAAI,8BAA+BD,CAAe,EAE7D,IAAIE,EAEJ,MAAMC,EAAqB,KACrBD,IACJA,EAAuB,IAAI,cAC3BA,EAAqB,YAAY,MAAM,KAAKD,EAAW,OAAO,CAAC,EAAE,KAAK;AAAA,CAAI,CAAC,GAGrEC,GAGFE,EAAwB,CAACC,EAAqBC,IAAoB,CACvEL,EAAW,IAAII,EAAaC,CAAO,EAEnC,MAAMC,EAAiB,MAAM,KAAKN,EAAW,OAAO,CAAC,EAAE,KAAK;AAAA,CAAI,EAChEE,EAAmB,EAAE,YAAYI,CAAc,CAChD,EAEA,OACCJ,KAAA,mBACAC,KAAA",
+  "names": ["CommonStylesCss", "packageMap", "componentsStyleSheet", "getComponentStyles", "updateComponentStyles", "packageName", "content", "combinedStyles"]
 }

package/dist/prod/util/InvisibleMessage.js

@@ -1,2 +1,2 @@
-"use strict";import a from"../types/InvisibleMessageMode.js";import o from"./getSingletonElementInstance.js";import{attachBoot as r}from"../Boot.js";let t,n;const l=e=>{e.style.position="absolute",e.style.clip="rect(1px,1px,1px,1px)",e.style.userSelect="none",e.style.left="-1000px",e.style.top="-1000px",e.style.pointerEvents="none"};r(()=>{t&&n||(t=document.createElement("span"),n=document.createElement("span"),t.classList.add("ui5-invisiblemessage-polite"),n.classList.add("ui5-invisiblemessage-assertive"),t.setAttribute("aria-live","polite"),n.setAttribute("aria-live","assertive"),t.setAttribute("role","alert"),n.setAttribute("role","alert"),l(t),l(n),o("ui5-announcement-area").appendChild(t),o("ui5-announcement-area").appendChild(n))});const p=(e,s)=>{const i=s===a.Assertive?n:t;i.textContent="",i.textContent=e,s!==a.Assertive&&s!==a.Polite&&console.warn('You have entered an invalid mode. Valid values are: "Polite" and "Assertive". The framework will automatically set the mode to "Polite".'),setTimeout(()=>{i.textContent===e&&(i.textContent="")},3e3)};export default p;
+"use strict";import r from"../types/InvisibleMessageMode.js";import c from"./getSingletonElementInstance.js";import{attachBoot as m}from"../Boot.js";let o;const s=[],l=e=>{e.style.position="absolute",e.style.clip="rect(1px,1px,1px,1px)",e.style.userSelect="none",e.style.left="-1000px",e.style.top="-1000px",e.style.pointerEvents="none"},p=()=>{const e=document.createElement("span"),t=document.createElement("span");return e.classList.add("ui5-invisiblemessage-polite"),t.classList.add("ui5-invisiblemessage-assertive"),e.setAttribute("aria-live","polite"),t.setAttribute("aria-live","assertive"),e.setAttribute("role","alert"),t.setAttribute("role","alert"),l(e),l(t),{polite:e,assertive:t}};m(()=>{if(o)return;o=p();const e=c("ui5-announcement-area");e.appendChild(o.polite),e.appendChild(o.assertive)});const u=e=>{if(s.some(n=>n.container===e))return;const t=p();e.appendChild(t.polite),e.appendChild(t.assertive),s.push({container:e,spans:t})},d=e=>{const t=s.findIndex(i=>i.container===e);if(t===-1)return;const[n]=s.splice(t,1);n.spans.polite.remove(),n.spans.assertive.remove()},v=(e,t)=>{let n=o;for(let a=s.length-1;a>=0;a--)if(s[a].container.isConnected){n=s[a].spans;break}const i=t===r.Assertive?n.assertive:n.polite;i.textContent="",i.textContent=e,t!==r.Assertive&&t!==r.Polite&&console.warn('You have entered an invalid mode. Valid values are: "Polite" and "Assertive". The framework will automatically set the mode to "Polite".'),setTimeout(()=>{i.textContent===e&&(i.textContent="")},3e3)};export default v;export{u as registerInvisibleMessageRegion,d as deregisterInvisibleMessageRegion};
 //# sourceMappingURL=InvisibleMessage.js.map