feat(dees-element): add container-responsive APIs (containerResponsive decorator, DeesElement static cssFor* container helpers, and cssManager cssForCustom) and update docs

This commit is contained in:
2026-03-11 08:18:22 +00:00
parent 9c85ad8b43
commit 4de0dd933d
9 changed files with 224 additions and 23 deletions

View File

@@ -0,0 +1,19 @@
import * as domtools from '@design.estate/dees-domtools';
export function containerResponsive() {
return function (target: any) {
const tagName: string =
target.is || target.name.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
const containerStyles = domtools.breakpoints.containerContextStyles(tagName);
const original = target.styles;
if (Array.isArray(original)) {
target.styles = [...original, containerStyles];
} else if (original) {
target.styles = [original, containerStyles];
} else {
target.styles = [containerStyles];
}
return target;
};
}