container-css 0.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +28 -0
- package/README.md +166 -0
- package/container-box.d.ts +172 -0
- package/container-box.d.ts.map +1 -0
- package/container-box.js +830 -0
- package/container-box.js.map +1 -0
- package/container-flex.d.ts +64 -0
- package/container-flex.d.ts.map +1 -0
- package/container-flex.js +344 -0
- package/container-flex.js.map +1 -0
- package/container-flexcol.d.ts +58 -0
- package/container-flexcol.d.ts.map +1 -0
- package/container-flexcol.js +319 -0
- package/container-flexcol.js.map +1 -0
- package/container-flexrow.d.ts +58 -0
- package/container-flexrow.d.ts.map +1 -0
- package/container-flexrow.js +319 -0
- package/container-flexrow.js.map +1 -0
- package/index.d.ts +5 -0
- package/index.d.ts.map +1 -0
- package/index.js +5 -0
- package/index.js.map +1 -0
- package/package.json +114 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"container-box.js","sourceRoot":"","sources":["src/container-box.ts"],"names":[],"mappings":"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","sourcesContent":["import {css, LitElement} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport {html as staticHtml, unsafeStatic} from 'lit/static-html.js';\n\nconst breakpoints = {\n sm: '30rem',\n md: '48rem',\n lg: '62rem',\n xl: '80rem',\n '2xl': '96rem',\n};\n\n@customElement('container-box')\nexport class ContainerBox extends LitElement {\n static override styles = css`\n :host {\n display: block;\n box-sizing: border-box;\n }\n `;\n\n @property() as?:\n | 'main'\n | 'div'\n | 'footer'\n | 'header'\n | 'aside'\n | 'section'\n | 'article'\n | 'nav';\n @property() p?: string;\n @property() pb?: string;\n @property() bg?: string;\n @property({attribute: 'border-color'}) borderColor?: string;\n @property({attribute: 'border-radius'}) borderRadius?: string;\n @property({attribute: 'border-style'}) borderStyle?: string;\n @property({attribute: 'border-w'}) borderW?: string;\n @property({attribute: 'border-top-w'}) borderTopW?: string;\n @property({attribute: 'border-top-style'}) borderTopStyle?: string;\n @property({attribute: 'border-top-color'}) borderTopColor?: string;\n @property({attribute: 'border-right-w'}) borderRightW?: string;\n @property({attribute: 'border-right-style'}) borderRightStyle?: string;\n @property({attribute: 'border-right-color'}) borderRightColor?: string;\n @property({attribute: 'border-bottom-w'}) borderBottomW?: string;\n @property({attribute: 'border-bottom-style'}) borderBottomStyle?: string;\n @property({attribute: 'border-bottom-color'}) borderBottomColor?: string;\n @property({attribute: 'border-left-w'}) borderLeftW?: string;\n @property({attribute: 'border-left-style'}) borderLeftStyle?: string;\n @property({attribute: 'border-left-color'}) borderLeftColor?: string;\n @property() flex?: string;\n @property() pl?: string;\n @property() pr?: string;\n @property() pt?: string;\n @property() w?: string;\n @property({attribute: 'min-w'}) minW?: string;\n @property({attribute: 'max-w'}) maxW?: string;\n\n @property({attribute: 'sm-p'}) smP?: string;\n @property({attribute: 'sm-pb'}) smPb?: string;\n @property({attribute: 'sm-bg'}) smBg?: string;\n @property({attribute: 'sm-border-color'}) smBorderColor?: string;\n @property({attribute: 'sm-border-radius'}) smBorderRadius?: string;\n @property({attribute: 'sm-border-style'}) smBorderStyle?: string;\n @property({attribute: 'sm-border-w'}) smBorderW?: string;\n @property({attribute: 'sm-border-top-w'}) smBorderTopW?: string;\n @property({attribute: 'sm-border-top-style'}) smBorderTopStyle?: string;\n @property({attribute: 'sm-border-top-color'}) smBorderTopColor?: string;\n @property({attribute: 'sm-border-right-w'}) smBorderRightW?: string;\n @property({attribute: 'sm-border-right-style'}) smBorderRightStyle?: string;\n @property({attribute: 'sm-border-right-color'}) smBorderRightColor?: string;\n @property({attribute: 'sm-border-bottom-w'}) smBorderBottomW?: string;\n @property({attribute: 'sm-border-bottom-style'}) smBorderBottomStyle?: string;\n @property({attribute: 'sm-border-bottom-color'}) smBorderBottomColor?: string;\n @property({attribute: 'sm-border-left-w'}) smBorderLeftW?: string;\n @property({attribute: 'sm-border-left-style'}) smBorderLeftStyle?: string;\n @property({attribute: 'sm-border-left-color'}) smBorderLeftColor?: string;\n @property({attribute: 'sm-flex'}) smFlex?: string;\n @property({attribute: 'sm-pl'}) smPl?: string;\n @property({attribute: 'sm-pr'}) smPr?: string;\n @property({attribute: 'sm-pt'}) smPt?: string;\n @property({attribute: 'sm-w'}) smW?: string;\n @property({attribute: 'sm-min-w'}) smMinW?: string;\n @property({attribute: 'sm-max-w'}) smMaxW?: string;\n\n @property({attribute: 'md-p'}) mdP?: string;\n @property({attribute: 'md-pb'}) mdPb?: string;\n @property({attribute: 'md-bg'}) mdBg?: string;\n @property({attribute: 'md-border-color'}) mdBorderColor?: string;\n @property({attribute: 'md-border-radius'}) mdBorderRadius?: string;\n @property({attribute: 'md-border-style'}) mdBorderStyle?: string;\n @property({attribute: 'md-border-w'}) mdBorderW?: string;\n @property({attribute: 'md-border-top-w'}) mdBorderTopW?: string;\n @property({attribute: 'md-border-top-style'}) mdBorderTopStyle?: string;\n @property({attribute: 'md-border-top-color'}) mdBorderTopColor?: string;\n @property({attribute: 'md-border-right-w'}) mdBorderRightW?: string;\n @property({attribute: 'md-border-right-style'}) mdBorderRightStyle?: string;\n @property({attribute: 'md-border-right-color'}) mdBorderRightColor?: string;\n @property({attribute: 'md-border-bottom-w'}) mdBorderBottomW?: string;\n @property({attribute: 'md-border-bottom-style'}) mdBorderBottomStyle?: string;\n @property({attribute: 'md-border-bottom-color'}) mdBorderBottomColor?: string;\n @property({attribute: 'md-border-left-w'}) mdBorderLeftW?: string;\n @property({attribute: 'md-border-left-style'}) mdBorderLeftStyle?: string;\n @property({attribute: 'md-border-left-color'}) mdBorderLeftColor?: string;\n @property({attribute: 'md-flex'}) mdFlex?: string;\n @property({attribute: 'md-pl'}) mdPl?: string;\n @property({attribute: 'md-pr'}) mdPr?: string;\n @property({attribute: 'md-pt'}) mdPt?: string;\n @property({attribute: 'md-w'}) mdW?: string;\n @property({attribute: 'md-min-w'}) mdMinW?: string;\n @property({attribute: 'md-max-w'}) mdMaxW?: string;\n\n @property({attribute: 'lg-p'}) lgP?: string;\n @property({attribute: 'lg-pb'}) lgPb?: string;\n @property({attribute: 'lg-bg'}) lgBg?: string;\n @property({attribute: 'lg-border-color'}) lgBorderColor?: string;\n @property({attribute: 'lg-border-radius'}) lgBorderRadius?: string;\n @property({attribute: 'lg-border-style'}) lgBorderStyle?: string;\n @property({attribute: 'lg-border-w'}) lgBorderW?: string;\n @property({attribute: 'lg-border-top-w'}) lgBorderTopW?: string;\n @property({attribute: 'lg-border-top-style'}) lgBorderTopStyle?: string;\n @property({attribute: 'lg-border-top-color'}) lgBorderTopColor?: string;\n @property({attribute: 'lg-border-right-w'}) lgBorderRightW?: string;\n @property({attribute: 'lg-border-right-style'}) lgBorderRightStyle?: string;\n @property({attribute: 'lg-border-right-color'}) lgBorderRightColor?: string;\n @property({attribute: 'lg-border-bottom-w'}) lgBorderBottomW?: string;\n @property({attribute: 'lg-border-bottom-style'}) lgBorderBottomStyle?: string;\n @property({attribute: 'lg-border-bottom-color'}) lgBorderBottomColor?: string;\n @property({attribute: 'lg-border-left-w'}) lgBorderLeftW?: string;\n @property({attribute: 'lg-border-left-style'}) lgBorderLeftStyle?: string;\n @property({attribute: 'lg-border-left-color'}) lgBorderLeftColor?: string;\n @property({attribute: 'lg-flex'}) lgFlex?: string;\n @property({attribute: 'lg-pl'}) lgPl?: string;\n @property({attribute: 'lg-pr'}) lgPr?: string;\n @property({attribute: 'lg-pt'}) lgPt?: string;\n @property({attribute: 'lg-w'}) lgW?: string;\n @property({attribute: 'lg-min-w'}) lgMinW?: string;\n @property({attribute: 'lg-max-w'}) lgMaxW?: string;\n\n @property({attribute: 'xl-p'}) xlP?: string;\n @property({attribute: 'xl-pb'}) xlPb?: string;\n @property({attribute: 'xl-bg'}) xlBg?: string;\n @property({attribute: 'xl-border-color'}) xlBorderColor?: string;\n @property({attribute: 'xl-border-radius'}) xlBorderRadius?: string;\n @property({attribute: 'xl-border-style'}) xlBorderStyle?: string;\n @property({attribute: 'xl-border-w'}) xlBorderW?: string;\n @property({attribute: 'xl-border-top-w'}) xlBorderTopW?: string;\n @property({attribute: 'xl-border-top-style'}) xlBorderTopStyle?: string;\n @property({attribute: 'xl-border-top-color'}) xlBorderTopColor?: string;\n @property({attribute: 'xl-border-right-w'}) xlBorderRightW?: string;\n @property({attribute: 'xl-border-right-style'}) xlBorderRightStyle?: string;\n @property({attribute: 'xl-border-right-color'}) xlBorderRightColor?: string;\n @property({attribute: 'xl-border-bottom-w'}) xlBorderBottomW?: string;\n @property({attribute: 'xl-border-bottom-style'}) xlBorderBottomStyle?: string;\n @property({attribute: 'xl-border-bottom-color'}) xlBorderBottomColor?: string;\n @property({attribute: 'xl-border-left-w'}) xlBorderLeftW?: string;\n @property({attribute: 'xl-border-left-style'}) xlBorderLeftStyle?: string;\n @property({attribute: 'xl-border-left-color'}) xlBorderLeftColor?: string;\n @property({attribute: 'xl-flex'}) xlFlex?: string;\n @property({attribute: 'xl-pl'}) xlPl?: string;\n @property({attribute: 'xl-pr'}) xlPr?: string;\n @property({attribute: 'xl-pt'}) xlPt?: string;\n @property({attribute: 'xl-w'}) xlW?: string;\n @property({attribute: 'xl-min-w'}) xlMinW?: string;\n @property({attribute: 'xl-max-w'}) xlMaxW?: string;\n\n @property({attribute: '2xl-p'}) xxlP?: string;\n @property({attribute: '2xl-pb'}) xxlPb?: string;\n @property({attribute: '2xl-bg'}) xxlBg?: string;\n @property({attribute: '2xl-border-color'}) xxlBorderColor?: string;\n @property({attribute: '2xl-border-radius'}) xxlBorderRadius?: string;\n @property({attribute: '2xl-border-style'}) xxlBorderStyle?: string;\n @property({attribute: '2xl-border-w'}) xxlBorderW?: string;\n @property({attribute: '2xl-border-top-w'}) xxlBorderTopW?: string;\n @property({attribute: '2xl-border-top-style'}) xxlBorderTopStyle?: string;\n @property({attribute: '2xl-border-top-color'}) xxlBorderTopColor?: string;\n @property({attribute: '2xl-border-right-w'}) xxlBorderRightW?: string;\n @property({attribute: '2xl-border-right-style'}) xxlBorderRightStyle?: string;\n @property({attribute: '2xl-border-right-color'}) xxlBorderRightColor?: string;\n @property({attribute: '2xl-border-bottom-w'}) xxlBorderBottomW?: string;\n @property({attribute: '2xl-border-bottom-style'})\n xxlBorderBottomStyle?: string;\n @property({attribute: '2xl-border-bottom-color'})\n xxlBorderBottomColor?: string;\n @property({attribute: '2xl-border-left-w'}) xxlBorderLeftW?: string;\n @property({attribute: '2xl-border-left-style'}) xxlBorderLeftStyle?: string;\n @property({attribute: '2xl-border-left-color'}) xxlBorderLeftColor?: string;\n @property({attribute: '2xl-flex'}) xxlFlex?: string;\n @property({attribute: '2xl-pl'}) xxlPl?: string;\n @property({attribute: '2xl-pr'}) xxlPr?: string;\n @property({attribute: '2xl-pt'}) xxlPt?: string;\n @property({attribute: '2xl-w'}) xxlW?: string;\n @property({attribute: '2xl-min-w'}) xxlMinW?: string;\n @property({attribute: '2xl-max-w'}) xxlMaxW?: string;\n\n private formatWidth(value: string): string {\n const keywords = ['auto', 'full', 'min-content', 'max-content'];\n if (keywords.includes(value)) {\n return value === 'full' ? '100%' : value;\n }\n return `${value}rem`;\n }\n\n private buildWrapperStyles(): string {\n const styles: string[] = [];\n\n if (this.p) styles.push(`padding: ${this.p}rem;`);\n if (this.pt) styles.push(`padding-top: ${this.pt}rem;`);\n if (this.pr) styles.push(`padding-right: ${this.pr}rem;`);\n if (this.pb) styles.push(`padding-bottom: ${this.pb}rem;`);\n if (this.pl) styles.push(`padding-left: ${this.pl}rem;`);\n if (this.bg) styles.push(`background-color: ${this.bg};`);\n if (this.borderW) styles.push(`border-width: ${this.borderW}px;`);\n if (this.borderStyle) styles.push(`border-style: ${this.borderStyle};`);\n if (this.borderColor) styles.push(`border-color: ${this.borderColor};`);\n if (this.borderTopW) styles.push(`border-top-width: ${this.borderTopW}px;`);\n if (this.borderTopStyle)\n styles.push(`border-top-style: ${this.borderTopStyle};`);\n if (this.borderTopColor)\n styles.push(`border-top-color: ${this.borderTopColor};`);\n if (this.borderRightW)\n styles.push(`border-right-width: ${this.borderRightW}px;`);\n if (this.borderRightStyle)\n styles.push(`border-right-style: ${this.borderRightStyle};`);\n if (this.borderRightColor)\n styles.push(`border-right-color: ${this.borderRightColor};`);\n if (this.borderBottomW)\n styles.push(`border-bottom-width: ${this.borderBottomW}px;`);\n if (this.borderBottomStyle)\n styles.push(`border-bottom-style: ${this.borderBottomStyle};`);\n if (this.borderBottomColor)\n styles.push(`border-bottom-color: ${this.borderBottomColor};`);\n if (this.borderLeftW)\n styles.push(`border-left-width: ${this.borderLeftW}px;`);\n if (this.borderLeftStyle)\n styles.push(`border-left-style: ${this.borderLeftStyle};`);\n if (this.borderLeftColor)\n styles.push(`border-left-color: ${this.borderLeftColor};`);\n if (this.borderRadius)\n styles.push(`border-radius: ${this.borderRadius}px;`);\n\n return styles.join(' ');\n }\n\n private buildHostStyles(): string {\n const styles: string[] = [];\n\n if (this.flex) styles.push(`flex: ${this.flex};`);\n if (this.w) styles.push(`width: ${this.formatWidth(this.w)};`);\n if (this.minW) styles.push(`min-width: ${this.formatWidth(this.minW)};`);\n if (this.maxW) styles.push(`max-width: ${this.formatWidth(this.maxW)};`);\n\n return styles.join(' ');\n }\n\n private buildMediaQueries(): string {\n let mediaStyles = '';\n\n const breakpointProps = [\n {\n breakpoint: 'sm',\n minWidth: breakpoints.sm,\n props: {\n p: this.smP,\n pt: this.smPt,\n pr: this.smPr,\n pb: this.smPb,\n pl: this.smPl,\n bg: this.smBg,\n borderW: this.smBorderW,\n borderStyle: this.smBorderStyle,\n borderColor: this.smBorderColor,\n borderTopW: this.smBorderTopW,\n borderTopStyle: this.smBorderTopStyle,\n borderTopColor: this.smBorderTopColor,\n borderRightW: this.smBorderRightW,\n borderRightStyle: this.smBorderRightStyle,\n borderRightColor: this.smBorderRightColor,\n borderBottomW: this.smBorderBottomW,\n borderBottomStyle: this.smBorderBottomStyle,\n borderBottomColor: this.smBorderBottomColor,\n borderLeftW: this.smBorderLeftW,\n borderLeftStyle: this.smBorderLeftStyle,\n borderLeftColor: this.smBorderLeftColor,\n borderRadius: this.smBorderRadius,\n flex: this.smFlex,\n w: this.smW,\n minW: this.smMinW,\n maxW: this.smMaxW,\n },\n },\n {\n breakpoint: 'md',\n minWidth: breakpoints.md,\n props: {\n p: this.mdP,\n pt: this.mdPt,\n pr: this.mdPr,\n pb: this.mdPb,\n pl: this.mdPl,\n bg: this.mdBg,\n borderW: this.mdBorderW,\n borderStyle: this.mdBorderStyle,\n borderColor: this.mdBorderColor,\n borderTopW: this.mdBorderTopW,\n borderTopStyle: this.mdBorderTopStyle,\n borderTopColor: this.mdBorderTopColor,\n borderRightW: this.mdBorderRightW,\n borderRightStyle: this.mdBorderRightStyle,\n borderRightColor: this.mdBorderRightColor,\n borderBottomW: this.mdBorderBottomW,\n borderBottomStyle: this.mdBorderBottomStyle,\n borderBottomColor: this.mdBorderBottomColor,\n borderLeftW: this.mdBorderLeftW,\n borderLeftStyle: this.mdBorderLeftStyle,\n borderLeftColor: this.mdBorderLeftColor,\n borderRadius: this.mdBorderRadius,\n flex: this.mdFlex,\n w: this.mdW,\n minW: this.mdMinW,\n maxW: this.mdMaxW,\n },\n },\n {\n breakpoint: 'lg',\n minWidth: breakpoints.lg,\n props: {\n p: this.lgP,\n pt: this.lgPt,\n pr: this.lgPr,\n pb: this.lgPb,\n pl: this.lgPl,\n bg: this.lgBg,\n borderW: this.lgBorderW,\n borderStyle: this.lgBorderStyle,\n borderColor: this.lgBorderColor,\n borderTopW: this.lgBorderTopW,\n borderTopStyle: this.lgBorderTopStyle,\n borderTopColor: this.lgBorderTopColor,\n borderRightW: this.lgBorderRightW,\n borderRightStyle: this.lgBorderRightStyle,\n borderRightColor: this.lgBorderRightColor,\n borderBottomW: this.lgBorderBottomW,\n borderBottomStyle: this.lgBorderBottomStyle,\n borderBottomColor: this.lgBorderBottomColor,\n borderLeftW: this.lgBorderLeftW,\n borderLeftStyle: this.lgBorderLeftStyle,\n borderLeftColor: this.lgBorderLeftColor,\n borderRadius: this.lgBorderRadius,\n flex: this.lgFlex,\n w: this.lgW,\n minW: this.lgMinW,\n maxW: this.lgMaxW,\n },\n },\n {\n breakpoint: 'xl',\n minWidth: breakpoints.xl,\n props: {\n p: this.xlP,\n pt: this.xlPt,\n pr: this.xlPr,\n pb: this.xlPb,\n pl: this.xlPl,\n bg: this.xlBg,\n borderW: this.xlBorderW,\n borderStyle: this.xlBorderStyle,\n borderColor: this.xlBorderColor,\n borderTopW: this.xlBorderTopW,\n borderTopStyle: this.xlBorderTopStyle,\n borderTopColor: this.xlBorderTopColor,\n borderRightW: this.xlBorderRightW,\n borderRightStyle: this.xlBorderRightStyle,\n borderRightColor: this.xlBorderRightColor,\n borderBottomW: this.xlBorderBottomW,\n borderBottomStyle: this.xlBorderBottomStyle,\n borderBottomColor: this.xlBorderBottomColor,\n borderLeftW: this.xlBorderLeftW,\n borderLeftStyle: this.xlBorderLeftStyle,\n borderLeftColor: this.xlBorderLeftColor,\n borderRadius: this.xlBorderRadius,\n flex: this.xlFlex,\n w: this.xlW,\n minW: this.xlMinW,\n maxW: this.xlMaxW,\n },\n },\n {\n breakpoint: '2xl',\n minWidth: breakpoints['2xl'],\n props: {\n p: this.xxlP,\n pt: this.xxlPt,\n pr: this.xxlPr,\n pb: this.xxlPb,\n pl: this.xxlPl,\n bg: this.xxlBg,\n borderW: this.xxlBorderW,\n borderStyle: this.xxlBorderStyle,\n borderColor: this.xxlBorderColor,\n borderTopW: this.xxlBorderTopW,\n borderTopStyle: this.xxlBorderTopStyle,\n borderTopColor: this.xxlBorderTopColor,\n borderRightW: this.xxlBorderRightW,\n borderRightStyle: this.xxlBorderRightStyle,\n borderRightColor: this.xxlBorderRightColor,\n borderBottomW: this.xxlBorderBottomW,\n borderBottomStyle: this.xxlBorderBottomStyle,\n borderBottomColor: this.xxlBorderBottomColor,\n borderLeftW: this.xxlBorderLeftW,\n borderLeftStyle: this.xxlBorderLeftStyle,\n borderLeftColor: this.xxlBorderLeftColor,\n borderRadius: this.xxlBorderRadius,\n flex: this.xxlFlex,\n w: this.xxlW,\n minW: this.xxlMinW,\n maxW: this.xxlMaxW,\n },\n },\n ];\n\n for (const {minWidth, props} of breakpointProps) {\n const styles: string[] = [];\n\n if (props.p) styles.push(`padding: ${props.p}rem;`);\n if (props.pt) styles.push(`padding-top: ${props.pt}rem;`);\n if (props.pr) styles.push(`padding-right: ${props.pr}rem;`);\n if (props.pb) styles.push(`padding-bottom: ${props.pb}rem;`);\n if (props.pl) styles.push(`padding-left: ${props.pl}rem;`);\n if (props.bg) styles.push(`background-color: ${props.bg};`);\n if (props.borderW) styles.push(`border-width: ${props.borderW}px;`);\n if (props.borderStyle) styles.push(`border-style: ${props.borderStyle};`);\n if (props.borderColor) styles.push(`border-color: ${props.borderColor};`);\n if (props.borderTopW)\n styles.push(`border-top-width: ${props.borderTopW}px;`);\n if (props.borderTopStyle)\n styles.push(`border-top-style: ${props.borderTopStyle};`);\n if (props.borderTopColor)\n styles.push(`border-top-color: ${props.borderTopColor};`);\n if (props.borderRightW)\n styles.push(`border-right-width: ${props.borderRightW}px;`);\n if (props.borderRightStyle)\n styles.push(`border-right-style: ${props.borderRightStyle};`);\n if (props.borderRightColor)\n styles.push(`border-right-color: ${props.borderRightColor};`);\n if (props.borderBottomW)\n styles.push(`border-bottom-width: ${props.borderBottomW}px;`);\n if (props.borderBottomStyle)\n styles.push(`border-bottom-style: ${props.borderBottomStyle};`);\n if (props.borderBottomColor)\n styles.push(`border-bottom-color: ${props.borderBottomColor};`);\n if (props.borderLeftW)\n styles.push(`border-left-width: ${props.borderLeftW}px;`);\n if (props.borderLeftStyle)\n styles.push(`border-left-style: ${props.borderLeftStyle};`);\n if (props.borderLeftColor)\n styles.push(`border-left-color: ${props.borderLeftColor};`);\n if (props.borderRadius)\n styles.push(`border-radius: ${props.borderRadius}px;`);\n\n if (styles.length > 0) {\n mediaStyles += `\n @media (min-width: ${minWidth}) {\n .wrapper {\n ${styles.join(' ')}\n }\n }\n `;\n }\n\n const hostStyles: string[] = [];\n if (props.flex) hostStyles.push(`flex: ${props.flex};`);\n if (props.w) hostStyles.push(`width: ${this.formatWidth(props.w)};`);\n if (props.minW)\n hostStyles.push(`min-width: ${this.formatWidth(props.minW)};`);\n if (props.maxW)\n hostStyles.push(`max-width: ${this.formatWidth(props.maxW)};`);\n\n if (hostStyles.length > 0) {\n mediaStyles += `\n @media (min-width: ${minWidth}) {\n :host {\n ${hostStyles.join(' ')}\n }\n }\n `;\n }\n }\n\n return mediaStyles;\n }\n\n override render() {\n const wrapperStyles = this.buildWrapperStyles();\n const hostStyles = this.buildHostStyles();\n const mediaQueries = this.buildMediaQueries();\n const tag = unsafeStatic(this.as || 'div');\n\n return staticHtml`\n <style>\n :host {\n ${hostStyles}\n }\n .wrapper {\n display: block;\n width: 100%;\n box-sizing: border-box; \n ${wrapperStyles}\n }\n ${mediaQueries}\n </style>\n <${tag} class=\"wrapper\">\n <slot></slot>\n </${tag}>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'container-box': ContainerBox;\n }\n}\n"]}
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
export declare class ContainerFlex extends LitElement {
|
|
3
|
+
static styles: import("lit").CSSResult;
|
|
4
|
+
as?: 'main' | 'div' | 'footer' | 'header' | 'aside' | 'section' | 'article' | 'nav';
|
|
5
|
+
alignItems?: string;
|
|
6
|
+
direction?: string;
|
|
7
|
+
flex?: string;
|
|
8
|
+
gap?: string;
|
|
9
|
+
justifyContent?: string;
|
|
10
|
+
w?: string;
|
|
11
|
+
minW?: string;
|
|
12
|
+
maxW?: string;
|
|
13
|
+
smAlignItems?: string;
|
|
14
|
+
smDirection?: string;
|
|
15
|
+
smFlex?: string;
|
|
16
|
+
smGap?: string;
|
|
17
|
+
smJustifyContent?: string;
|
|
18
|
+
smW?: string;
|
|
19
|
+
smMinW?: string;
|
|
20
|
+
smMaxW?: string;
|
|
21
|
+
mdAlignItems?: string;
|
|
22
|
+
mdDirection?: string;
|
|
23
|
+
mdFlex?: string;
|
|
24
|
+
mdGap?: string;
|
|
25
|
+
mdJustifyContent?: string;
|
|
26
|
+
mdW?: string;
|
|
27
|
+
mdMinW?: string;
|
|
28
|
+
mdMaxW?: string;
|
|
29
|
+
lgAlignItems?: string;
|
|
30
|
+
lgDirection?: string;
|
|
31
|
+
lgFlex?: string;
|
|
32
|
+
lgGap?: string;
|
|
33
|
+
lgJustifyContent?: string;
|
|
34
|
+
lgW?: string;
|
|
35
|
+
lgMinW?: string;
|
|
36
|
+
lgMaxW?: string;
|
|
37
|
+
xlAlignItems?: string;
|
|
38
|
+
xlDirection?: string;
|
|
39
|
+
xlFlex?: string;
|
|
40
|
+
xlGap?: string;
|
|
41
|
+
xlJustifyContent?: string;
|
|
42
|
+
xlW?: string;
|
|
43
|
+
xlMinW?: string;
|
|
44
|
+
xlMaxW?: string;
|
|
45
|
+
xxlAlignItems?: string;
|
|
46
|
+
xxlDirection?: string;
|
|
47
|
+
xxlFlex?: string;
|
|
48
|
+
xxlGap?: string;
|
|
49
|
+
xxlJustifyContent?: string;
|
|
50
|
+
xxlW?: string;
|
|
51
|
+
xxlMinW?: string;
|
|
52
|
+
xxlMaxW?: string;
|
|
53
|
+
private formatWidth;
|
|
54
|
+
private buildWrapperStyles;
|
|
55
|
+
private buildHostStyles;
|
|
56
|
+
private buildMediaQueries;
|
|
57
|
+
render(): import("lit-html").TemplateResult;
|
|
58
|
+
}
|
|
59
|
+
declare global {
|
|
60
|
+
interface HTMLElementTagNameMap {
|
|
61
|
+
'container-flex': ContainerFlex;
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
//# sourceMappingURL=container-flex.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"container-flex.d.ts","sourceRoot":"","sources":["src/container-flex.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,UAAU,EAAC,MAAM,KAAK,CAAC;AAYpC,qBACa,aAAc,SAAQ,UAAU;IAC3C,OAAgB,MAAM,0BAKpB;IAEU,EAAE,CAAC,EACX,MAAM,GACN,KAAK,GACL,QAAQ,GACR,QAAQ,GACR,OAAO,GACP,SAAS,GACT,SAAS,GACT,KAAK,CAAC;IAC4B,UAAU,CAAC,EAAE,MAAM,CAAC;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACiB,cAAc,CAAC,EAAE,MAAM,CAAC;IACtD,CAAC,CAAC,EAAE,MAAM,CAAC;IACS,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IAEL,YAAY,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IACxC,GAAG,CAAC,EAAE,MAAM,CAAC;IACT,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAEV,YAAY,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IACxC,GAAG,CAAC,EAAE,MAAM,CAAC;IACT,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAEV,YAAY,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IACxC,GAAG,CAAC,EAAE,MAAM,CAAC;IACT,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAEV,YAAY,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IACxC,GAAG,CAAC,EAAE,MAAM,CAAC;IACT,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAET,aAAa,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IACJ,iBAAiB,CAAC,EAAE,MAAM,CAAC;IACzC,IAAI,CAAC,EAAE,MAAM,CAAC;IACV,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IAErD,OAAO,CAAC,WAAW;IAQnB,OAAO,CAAC,kBAAkB;IAY1B,OAAO,CAAC,eAAe;IAWvB,OAAO,CAAC,iBAAiB;IAqHhB,MAAM;CAwBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,aAAa,CAAC;KACjC;CACF"}
|
|
@@ -0,0 +1,344 @@
|
|
|
1
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
+
};
|
|
7
|
+
import { css, LitElement } from 'lit';
|
|
8
|
+
import { customElement, property } from 'lit/decorators.js';
|
|
9
|
+
import { html as staticHtml, unsafeStatic } from 'lit/static-html.js';
|
|
10
|
+
const breakpoints = {
|
|
11
|
+
sm: '30rem',
|
|
12
|
+
md: '48rem',
|
|
13
|
+
lg: '62rem',
|
|
14
|
+
xl: '80rem',
|
|
15
|
+
'2xl': '96rem',
|
|
16
|
+
};
|
|
17
|
+
let ContainerFlex = class ContainerFlex extends LitElement {
|
|
18
|
+
formatWidth(value) {
|
|
19
|
+
const keywords = ['auto', 'full', 'min-content', 'max-content'];
|
|
20
|
+
if (keywords.includes(value)) {
|
|
21
|
+
return value === 'full' ? '100%' : value;
|
|
22
|
+
}
|
|
23
|
+
return `${value}rem`;
|
|
24
|
+
}
|
|
25
|
+
buildWrapperStyles() {
|
|
26
|
+
const styles = [];
|
|
27
|
+
if (this.direction)
|
|
28
|
+
styles.push(`flex-direction: ${this.direction};`);
|
|
29
|
+
if (this.gap)
|
|
30
|
+
styles.push(`gap: ${this.gap}rem;`);
|
|
31
|
+
if (this.justifyContent)
|
|
32
|
+
styles.push(`justify-content: ${this.justifyContent};`);
|
|
33
|
+
if (this.alignItems)
|
|
34
|
+
styles.push(`align-items: ${this.alignItems};`);
|
|
35
|
+
return styles.join(' ');
|
|
36
|
+
}
|
|
37
|
+
buildHostStyles() {
|
|
38
|
+
const styles = [];
|
|
39
|
+
if (this.flex)
|
|
40
|
+
styles.push(`flex: ${this.flex};`);
|
|
41
|
+
if (this.w)
|
|
42
|
+
styles.push(`width: ${this.formatWidth(this.w)};`);
|
|
43
|
+
if (this.minW)
|
|
44
|
+
styles.push(`min-width: ${this.formatWidth(this.minW)};`);
|
|
45
|
+
if (this.maxW)
|
|
46
|
+
styles.push(`max-width: ${this.formatWidth(this.maxW)};`);
|
|
47
|
+
return styles.join(' ');
|
|
48
|
+
}
|
|
49
|
+
buildMediaQueries() {
|
|
50
|
+
let mediaStyles = '';
|
|
51
|
+
const breakpointProps = [
|
|
52
|
+
{
|
|
53
|
+
breakpoint: 'sm',
|
|
54
|
+
minWidth: breakpoints.sm,
|
|
55
|
+
props: {
|
|
56
|
+
direction: this.smDirection,
|
|
57
|
+
gap: this.smGap,
|
|
58
|
+
justifyContent: this.smJustifyContent,
|
|
59
|
+
alignItems: this.smAlignItems,
|
|
60
|
+
flex: this.smFlex,
|
|
61
|
+
w: this.smW,
|
|
62
|
+
minW: this.smMinW,
|
|
63
|
+
maxW: this.smMaxW,
|
|
64
|
+
},
|
|
65
|
+
},
|
|
66
|
+
{
|
|
67
|
+
breakpoint: 'md',
|
|
68
|
+
minWidth: breakpoints.md,
|
|
69
|
+
props: {
|
|
70
|
+
direction: this.mdDirection,
|
|
71
|
+
gap: this.mdGap,
|
|
72
|
+
justifyContent: this.mdJustifyContent,
|
|
73
|
+
alignItems: this.mdAlignItems,
|
|
74
|
+
flex: this.mdFlex,
|
|
75
|
+
w: this.mdW,
|
|
76
|
+
minW: this.mdMinW,
|
|
77
|
+
maxW: this.mdMaxW,
|
|
78
|
+
},
|
|
79
|
+
},
|
|
80
|
+
{
|
|
81
|
+
breakpoint: 'lg',
|
|
82
|
+
minWidth: breakpoints.lg,
|
|
83
|
+
props: {
|
|
84
|
+
direction: this.lgDirection,
|
|
85
|
+
gap: this.lgGap,
|
|
86
|
+
justifyContent: this.lgJustifyContent,
|
|
87
|
+
alignItems: this.lgAlignItems,
|
|
88
|
+
flex: this.lgFlex,
|
|
89
|
+
w: this.lgW,
|
|
90
|
+
minW: this.lgMinW,
|
|
91
|
+
maxW: this.lgMaxW,
|
|
92
|
+
},
|
|
93
|
+
},
|
|
94
|
+
{
|
|
95
|
+
breakpoint: 'xl',
|
|
96
|
+
minWidth: breakpoints.xl,
|
|
97
|
+
props: {
|
|
98
|
+
direction: this.xlDirection,
|
|
99
|
+
gap: this.xlGap,
|
|
100
|
+
justifyContent: this.xlJustifyContent,
|
|
101
|
+
alignItems: this.xlAlignItems,
|
|
102
|
+
flex: this.xlFlex,
|
|
103
|
+
w: this.xlW,
|
|
104
|
+
minW: this.xlMinW,
|
|
105
|
+
maxW: this.xlMaxW,
|
|
106
|
+
},
|
|
107
|
+
},
|
|
108
|
+
{
|
|
109
|
+
breakpoint: '2xl',
|
|
110
|
+
minWidth: breakpoints['2xl'],
|
|
111
|
+
props: {
|
|
112
|
+
direction: this.xxlDirection,
|
|
113
|
+
gap: this.xxlGap,
|
|
114
|
+
justifyContent: this.xxlJustifyContent,
|
|
115
|
+
alignItems: this.xxlAlignItems,
|
|
116
|
+
flex: this.xxlFlex,
|
|
117
|
+
w: this.xxlW,
|
|
118
|
+
minW: this.xxlMinW,
|
|
119
|
+
maxW: this.xxlMaxW,
|
|
120
|
+
},
|
|
121
|
+
},
|
|
122
|
+
];
|
|
123
|
+
for (const { minWidth, props } of breakpointProps) {
|
|
124
|
+
const styles = [];
|
|
125
|
+
if (props.direction)
|
|
126
|
+
styles.push(`flex-direction: ${props.direction};`);
|
|
127
|
+
if (props.gap)
|
|
128
|
+
styles.push(`gap: ${props.gap}rem;`);
|
|
129
|
+
if (props.justifyContent)
|
|
130
|
+
styles.push(`justify-content: ${props.justifyContent};`);
|
|
131
|
+
if (props.alignItems)
|
|
132
|
+
styles.push(`align-items: ${props.alignItems};`);
|
|
133
|
+
if (styles.length > 0) {
|
|
134
|
+
mediaStyles += `
|
|
135
|
+
@media (min-width: ${minWidth}) {
|
|
136
|
+
.wrapper {
|
|
137
|
+
${styles.join(' ')}
|
|
138
|
+
}
|
|
139
|
+
}
|
|
140
|
+
`;
|
|
141
|
+
}
|
|
142
|
+
const hostStyles = [];
|
|
143
|
+
if (props.flex)
|
|
144
|
+
hostStyles.push(`flex: ${props.flex};`);
|
|
145
|
+
if (props.w)
|
|
146
|
+
hostStyles.push(`width: ${this.formatWidth(props.w)};`);
|
|
147
|
+
if (props.minW)
|
|
148
|
+
hostStyles.push(`min-width: ${this.formatWidth(props.minW)};`);
|
|
149
|
+
if (props.maxW)
|
|
150
|
+
hostStyles.push(`max-width: ${this.formatWidth(props.maxW)};`);
|
|
151
|
+
if (hostStyles.length > 0) {
|
|
152
|
+
mediaStyles += `
|
|
153
|
+
@media (min-width: ${minWidth}) {
|
|
154
|
+
:host {
|
|
155
|
+
${hostStyles.join(' ')}
|
|
156
|
+
}
|
|
157
|
+
}
|
|
158
|
+
`;
|
|
159
|
+
}
|
|
160
|
+
}
|
|
161
|
+
return mediaStyles;
|
|
162
|
+
}
|
|
163
|
+
render() {
|
|
164
|
+
const wrapperStyles = this.buildWrapperStyles();
|
|
165
|
+
const hostStyles = this.buildHostStyles();
|
|
166
|
+
const mediaQueries = this.buildMediaQueries();
|
|
167
|
+
const tag = unsafeStatic(this.as || 'div');
|
|
168
|
+
return staticHtml `
|
|
169
|
+
<style>
|
|
170
|
+
:host {
|
|
171
|
+
${hostStyles}
|
|
172
|
+
}
|
|
173
|
+
.wrapper {
|
|
174
|
+
display: flex;
|
|
175
|
+
width: 100%;
|
|
176
|
+
box-sizing: border-box;
|
|
177
|
+
${wrapperStyles}
|
|
178
|
+
}
|
|
179
|
+
${mediaQueries}
|
|
180
|
+
</style>
|
|
181
|
+
<${tag} class="wrapper">
|
|
182
|
+
<slot></slot>
|
|
183
|
+
</${tag}>
|
|
184
|
+
`;
|
|
185
|
+
}
|
|
186
|
+
};
|
|
187
|
+
ContainerFlex.styles = css `
|
|
188
|
+
:host {
|
|
189
|
+
display: flex;
|
|
190
|
+
box-sizing: border-box;
|
|
191
|
+
}
|
|
192
|
+
`;
|
|
193
|
+
__decorate([
|
|
194
|
+
property()
|
|
195
|
+
], ContainerFlex.prototype, "as", void 0);
|
|
196
|
+
__decorate([
|
|
197
|
+
property({ attribute: 'align-items' })
|
|
198
|
+
], ContainerFlex.prototype, "alignItems", void 0);
|
|
199
|
+
__decorate([
|
|
200
|
+
property()
|
|
201
|
+
], ContainerFlex.prototype, "direction", void 0);
|
|
202
|
+
__decorate([
|
|
203
|
+
property()
|
|
204
|
+
], ContainerFlex.prototype, "flex", void 0);
|
|
205
|
+
__decorate([
|
|
206
|
+
property()
|
|
207
|
+
], ContainerFlex.prototype, "gap", void 0);
|
|
208
|
+
__decorate([
|
|
209
|
+
property({ attribute: 'justify-content' })
|
|
210
|
+
], ContainerFlex.prototype, "justifyContent", void 0);
|
|
211
|
+
__decorate([
|
|
212
|
+
property()
|
|
213
|
+
], ContainerFlex.prototype, "w", void 0);
|
|
214
|
+
__decorate([
|
|
215
|
+
property({ attribute: 'min-w' })
|
|
216
|
+
], ContainerFlex.prototype, "minW", void 0);
|
|
217
|
+
__decorate([
|
|
218
|
+
property({ attribute: 'max-w' })
|
|
219
|
+
], ContainerFlex.prototype, "maxW", void 0);
|
|
220
|
+
__decorate([
|
|
221
|
+
property({ attribute: 'sm-align-items' })
|
|
222
|
+
], ContainerFlex.prototype, "smAlignItems", void 0);
|
|
223
|
+
__decorate([
|
|
224
|
+
property({ attribute: 'sm-direction' })
|
|
225
|
+
], ContainerFlex.prototype, "smDirection", void 0);
|
|
226
|
+
__decorate([
|
|
227
|
+
property({ attribute: 'sm-flex' })
|
|
228
|
+
], ContainerFlex.prototype, "smFlex", void 0);
|
|
229
|
+
__decorate([
|
|
230
|
+
property({ attribute: 'sm-gap' })
|
|
231
|
+
], ContainerFlex.prototype, "smGap", void 0);
|
|
232
|
+
__decorate([
|
|
233
|
+
property({ attribute: 'sm-justify-content' })
|
|
234
|
+
], ContainerFlex.prototype, "smJustifyContent", void 0);
|
|
235
|
+
__decorate([
|
|
236
|
+
property({ attribute: 'sm-w' })
|
|
237
|
+
], ContainerFlex.prototype, "smW", void 0);
|
|
238
|
+
__decorate([
|
|
239
|
+
property({ attribute: 'sm-min-w' })
|
|
240
|
+
], ContainerFlex.prototype, "smMinW", void 0);
|
|
241
|
+
__decorate([
|
|
242
|
+
property({ attribute: 'sm-max-w' })
|
|
243
|
+
], ContainerFlex.prototype, "smMaxW", void 0);
|
|
244
|
+
__decorate([
|
|
245
|
+
property({ attribute: 'md-align-items' })
|
|
246
|
+
], ContainerFlex.prototype, "mdAlignItems", void 0);
|
|
247
|
+
__decorate([
|
|
248
|
+
property({ attribute: 'md-direction' })
|
|
249
|
+
], ContainerFlex.prototype, "mdDirection", void 0);
|
|
250
|
+
__decorate([
|
|
251
|
+
property({ attribute: 'md-flex' })
|
|
252
|
+
], ContainerFlex.prototype, "mdFlex", void 0);
|
|
253
|
+
__decorate([
|
|
254
|
+
property({ attribute: 'md-gap' })
|
|
255
|
+
], ContainerFlex.prototype, "mdGap", void 0);
|
|
256
|
+
__decorate([
|
|
257
|
+
property({ attribute: 'md-justify-content' })
|
|
258
|
+
], ContainerFlex.prototype, "mdJustifyContent", void 0);
|
|
259
|
+
__decorate([
|
|
260
|
+
property({ attribute: 'md-w' })
|
|
261
|
+
], ContainerFlex.prototype, "mdW", void 0);
|
|
262
|
+
__decorate([
|
|
263
|
+
property({ attribute: 'md-min-w' })
|
|
264
|
+
], ContainerFlex.prototype, "mdMinW", void 0);
|
|
265
|
+
__decorate([
|
|
266
|
+
property({ attribute: 'md-max-w' })
|
|
267
|
+
], ContainerFlex.prototype, "mdMaxW", void 0);
|
|
268
|
+
__decorate([
|
|
269
|
+
property({ attribute: 'lg-align-items' })
|
|
270
|
+
], ContainerFlex.prototype, "lgAlignItems", void 0);
|
|
271
|
+
__decorate([
|
|
272
|
+
property({ attribute: 'lg-direction' })
|
|
273
|
+
], ContainerFlex.prototype, "lgDirection", void 0);
|
|
274
|
+
__decorate([
|
|
275
|
+
property({ attribute: 'lg-flex' })
|
|
276
|
+
], ContainerFlex.prototype, "lgFlex", void 0);
|
|
277
|
+
__decorate([
|
|
278
|
+
property({ attribute: 'lg-gap' })
|
|
279
|
+
], ContainerFlex.prototype, "lgGap", void 0);
|
|
280
|
+
__decorate([
|
|
281
|
+
property({ attribute: 'lg-justify-content' })
|
|
282
|
+
], ContainerFlex.prototype, "lgJustifyContent", void 0);
|
|
283
|
+
__decorate([
|
|
284
|
+
property({ attribute: 'lg-w' })
|
|
285
|
+
], ContainerFlex.prototype, "lgW", void 0);
|
|
286
|
+
__decorate([
|
|
287
|
+
property({ attribute: 'lg-min-w' })
|
|
288
|
+
], ContainerFlex.prototype, "lgMinW", void 0);
|
|
289
|
+
__decorate([
|
|
290
|
+
property({ attribute: 'lg-max-w' })
|
|
291
|
+
], ContainerFlex.prototype, "lgMaxW", void 0);
|
|
292
|
+
__decorate([
|
|
293
|
+
property({ attribute: 'xl-align-items' })
|
|
294
|
+
], ContainerFlex.prototype, "xlAlignItems", void 0);
|
|
295
|
+
__decorate([
|
|
296
|
+
property({ attribute: 'xl-direction' })
|
|
297
|
+
], ContainerFlex.prototype, "xlDirection", void 0);
|
|
298
|
+
__decorate([
|
|
299
|
+
property({ attribute: 'xl-flex' })
|
|
300
|
+
], ContainerFlex.prototype, "xlFlex", void 0);
|
|
301
|
+
__decorate([
|
|
302
|
+
property({ attribute: 'xl-gap' })
|
|
303
|
+
], ContainerFlex.prototype, "xlGap", void 0);
|
|
304
|
+
__decorate([
|
|
305
|
+
property({ attribute: 'xl-justify-content' })
|
|
306
|
+
], ContainerFlex.prototype, "xlJustifyContent", void 0);
|
|
307
|
+
__decorate([
|
|
308
|
+
property({ attribute: 'xl-w' })
|
|
309
|
+
], ContainerFlex.prototype, "xlW", void 0);
|
|
310
|
+
__decorate([
|
|
311
|
+
property({ attribute: 'xl-min-w' })
|
|
312
|
+
], ContainerFlex.prototype, "xlMinW", void 0);
|
|
313
|
+
__decorate([
|
|
314
|
+
property({ attribute: 'xl-max-w' })
|
|
315
|
+
], ContainerFlex.prototype, "xlMaxW", void 0);
|
|
316
|
+
__decorate([
|
|
317
|
+
property({ attribute: '2xl-align-items' })
|
|
318
|
+
], ContainerFlex.prototype, "xxlAlignItems", void 0);
|
|
319
|
+
__decorate([
|
|
320
|
+
property({ attribute: '2xl-direction' })
|
|
321
|
+
], ContainerFlex.prototype, "xxlDirection", void 0);
|
|
322
|
+
__decorate([
|
|
323
|
+
property({ attribute: '2xl-flex' })
|
|
324
|
+
], ContainerFlex.prototype, "xxlFlex", void 0);
|
|
325
|
+
__decorate([
|
|
326
|
+
property({ attribute: '2xl-gap' })
|
|
327
|
+
], ContainerFlex.prototype, "xxlGap", void 0);
|
|
328
|
+
__decorate([
|
|
329
|
+
property({ attribute: '2xl-justify-content' })
|
|
330
|
+
], ContainerFlex.prototype, "xxlJustifyContent", void 0);
|
|
331
|
+
__decorate([
|
|
332
|
+
property({ attribute: '2xl-w' })
|
|
333
|
+
], ContainerFlex.prototype, "xxlW", void 0);
|
|
334
|
+
__decorate([
|
|
335
|
+
property({ attribute: '2xl-min-w' })
|
|
336
|
+
], ContainerFlex.prototype, "xxlMinW", void 0);
|
|
337
|
+
__decorate([
|
|
338
|
+
property({ attribute: '2xl-max-w' })
|
|
339
|
+
], ContainerFlex.prototype, "xxlMaxW", void 0);
|
|
340
|
+
ContainerFlex = __decorate([
|
|
341
|
+
customElement('container-flex')
|
|
342
|
+
], ContainerFlex);
|
|
343
|
+
export { ContainerFlex };
|
|
344
|
+
//# sourceMappingURL=container-flex.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"container-flex.js","sourceRoot":"","sources":["src/container-flex.ts"],"names":[],"mappings":"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","sourcesContent":["import {css, LitElement} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport {html as staticHtml, unsafeStatic} from 'lit/static-html.js';\n\nconst breakpoints = {\n sm: '30rem',\n md: '48rem',\n lg: '62rem',\n xl: '80rem',\n '2xl': '96rem',\n};\n\n@customElement('container-flex')\nexport class ContainerFlex extends LitElement {\n static override styles = css`\n :host {\n display: flex;\n box-sizing: border-box;\n }\n `;\n\n @property() as?:\n | 'main'\n | 'div'\n | 'footer'\n | 'header'\n | 'aside'\n | 'section'\n | 'article'\n | 'nav';\n @property({attribute: 'align-items'}) alignItems?: string;\n @property() direction?: string;\n @property() flex?: string;\n @property() gap?: string;\n @property({attribute: 'justify-content'}) justifyContent?: string;\n @property() w?: string;\n @property({attribute: 'min-w'}) minW?: string;\n @property({attribute: 'max-w'}) maxW?: string;\n\n @property({attribute: 'sm-align-items'}) smAlignItems?: string;\n @property({attribute: 'sm-direction'}) smDirection?: string;\n @property({attribute: 'sm-flex'}) smFlex?: string;\n @property({attribute: 'sm-gap'}) smGap?: string;\n @property({attribute: 'sm-justify-content'}) smJustifyContent?: string;\n @property({attribute: 'sm-w'}) smW?: string;\n @property({attribute: 'sm-min-w'}) smMinW?: string;\n @property({attribute: 'sm-max-w'}) smMaxW?: string;\n\n @property({attribute: 'md-align-items'}) mdAlignItems?: string;\n @property({attribute: 'md-direction'}) mdDirection?: string;\n @property({attribute: 'md-flex'}) mdFlex?: string;\n @property({attribute: 'md-gap'}) mdGap?: string;\n @property({attribute: 'md-justify-content'}) mdJustifyContent?: string;\n @property({attribute: 'md-w'}) mdW?: string;\n @property({attribute: 'md-min-w'}) mdMinW?: string;\n @property({attribute: 'md-max-w'}) mdMaxW?: string;\n\n @property({attribute: 'lg-align-items'}) lgAlignItems?: string;\n @property({attribute: 'lg-direction'}) lgDirection?: string;\n @property({attribute: 'lg-flex'}) lgFlex?: string;\n @property({attribute: 'lg-gap'}) lgGap?: string;\n @property({attribute: 'lg-justify-content'}) lgJustifyContent?: string;\n @property({attribute: 'lg-w'}) lgW?: string;\n @property({attribute: 'lg-min-w'}) lgMinW?: string;\n @property({attribute: 'lg-max-w'}) lgMaxW?: string;\n\n @property({attribute: 'xl-align-items'}) xlAlignItems?: string;\n @property({attribute: 'xl-direction'}) xlDirection?: string;\n @property({attribute: 'xl-flex'}) xlFlex?: string;\n @property({attribute: 'xl-gap'}) xlGap?: string;\n @property({attribute: 'xl-justify-content'}) xlJustifyContent?: string;\n @property({attribute: 'xl-w'}) xlW?: string;\n @property({attribute: 'xl-min-w'}) xlMinW?: string;\n @property({attribute: 'xl-max-w'}) xlMaxW?: string;\n\n @property({attribute: '2xl-align-items'}) xxlAlignItems?: string;\n @property({attribute: '2xl-direction'}) xxlDirection?: string;\n @property({attribute: '2xl-flex'}) xxlFlex?: string;\n @property({attribute: '2xl-gap'}) xxlGap?: string;\n @property({attribute: '2xl-justify-content'}) xxlJustifyContent?: string;\n @property({attribute: '2xl-w'}) xxlW?: string;\n @property({attribute: '2xl-min-w'}) xxlMinW?: string;\n @property({attribute: '2xl-max-w'}) xxlMaxW?: string;\n\n private formatWidth(value: string): string {\n const keywords = ['auto', 'full', 'min-content', 'max-content'];\n if (keywords.includes(value)) {\n return value === 'full' ? '100%' : value;\n }\n return `${value}rem`;\n }\n\n private buildWrapperStyles(): string {\n const styles: string[] = [];\n\n if (this.direction) styles.push(`flex-direction: ${this.direction};`);\n if (this.gap) styles.push(`gap: ${this.gap}rem;`);\n if (this.justifyContent)\n styles.push(`justify-content: ${this.justifyContent};`);\n if (this.alignItems) styles.push(`align-items: ${this.alignItems};`);\n\n return styles.join(' ');\n }\n\n private buildHostStyles(): string {\n const styles: string[] = [];\n\n if (this.flex) styles.push(`flex: ${this.flex};`);\n if (this.w) styles.push(`width: ${this.formatWidth(this.w)};`);\n if (this.minW) styles.push(`min-width: ${this.formatWidth(this.minW)};`);\n if (this.maxW) styles.push(`max-width: ${this.formatWidth(this.maxW)};`);\n\n return styles.join(' ');\n }\n\n private buildMediaQueries(): string {\n let mediaStyles = '';\n\n const breakpointProps = [\n {\n breakpoint: 'sm',\n minWidth: breakpoints.sm,\n props: {\n direction: this.smDirection,\n gap: this.smGap,\n justifyContent: this.smJustifyContent,\n alignItems: this.smAlignItems,\n flex: this.smFlex,\n w: this.smW,\n minW: this.smMinW,\n maxW: this.smMaxW,\n },\n },\n {\n breakpoint: 'md',\n minWidth: breakpoints.md,\n props: {\n direction: this.mdDirection,\n gap: this.mdGap,\n justifyContent: this.mdJustifyContent,\n alignItems: this.mdAlignItems,\n flex: this.mdFlex,\n w: this.mdW,\n minW: this.mdMinW,\n maxW: this.mdMaxW,\n },\n },\n {\n breakpoint: 'lg',\n minWidth: breakpoints.lg,\n props: {\n direction: this.lgDirection,\n gap: this.lgGap,\n justifyContent: this.lgJustifyContent,\n alignItems: this.lgAlignItems,\n flex: this.lgFlex,\n w: this.lgW,\n minW: this.lgMinW,\n maxW: this.lgMaxW,\n },\n },\n {\n breakpoint: 'xl',\n minWidth: breakpoints.xl,\n props: {\n direction: this.xlDirection,\n gap: this.xlGap,\n justifyContent: this.xlJustifyContent,\n alignItems: this.xlAlignItems,\n flex: this.xlFlex,\n w: this.xlW,\n minW: this.xlMinW,\n maxW: this.xlMaxW,\n },\n },\n {\n breakpoint: '2xl',\n minWidth: breakpoints['2xl'],\n props: {\n direction: this.xxlDirection,\n gap: this.xxlGap,\n justifyContent: this.xxlJustifyContent,\n alignItems: this.xxlAlignItems,\n flex: this.xxlFlex,\n w: this.xxlW,\n minW: this.xxlMinW,\n maxW: this.xxlMaxW,\n },\n },\n ];\n\n for (const {minWidth, props} of breakpointProps) {\n const styles: string[] = [];\n\n if (props.direction) styles.push(`flex-direction: ${props.direction};`);\n if (props.gap) styles.push(`gap: ${props.gap}rem;`);\n if (props.justifyContent)\n styles.push(`justify-content: ${props.justifyContent};`);\n if (props.alignItems) styles.push(`align-items: ${props.alignItems};`);\n\n if (styles.length > 0) {\n mediaStyles += `\n @media (min-width: ${minWidth}) {\n .wrapper {\n ${styles.join(' ')}\n }\n }\n `;\n }\n\n const hostStyles: string[] = [];\n if (props.flex) hostStyles.push(`flex: ${props.flex};`);\n if (props.w) hostStyles.push(`width: ${this.formatWidth(props.w)};`);\n if (props.minW)\n hostStyles.push(`min-width: ${this.formatWidth(props.minW)};`);\n if (props.maxW)\n hostStyles.push(`max-width: ${this.formatWidth(props.maxW)};`);\n\n if (hostStyles.length > 0) {\n mediaStyles += `\n @media (min-width: ${minWidth}) {\n :host {\n ${hostStyles.join(' ')}\n }\n }\n `;\n }\n }\n\n return mediaStyles;\n }\n\n override render() {\n const wrapperStyles = this.buildWrapperStyles();\n const hostStyles = this.buildHostStyles();\n const mediaQueries = this.buildMediaQueries();\n const tag = unsafeStatic(this.as || 'div');\n\n return staticHtml`\n <style>\n :host {\n ${hostStyles}\n }\n .wrapper {\n display: flex;\n width: 100%;\n box-sizing: border-box;\n ${wrapperStyles}\n }\n ${mediaQueries}\n </style>\n <${tag} class=\"wrapper\">\n <slot></slot>\n </${tag}>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'container-flex': ContainerFlex;\n }\n}\n"]}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
export declare class ContainerFlexCol extends LitElement {
|
|
3
|
+
static styles: import("lit").CSSResult;
|
|
4
|
+
as?: 'main' | 'div' | 'footer' | 'header' | 'aside' | 'section' | 'article' | 'nav';
|
|
5
|
+
alignItems?: string;
|
|
6
|
+
flex?: string;
|
|
7
|
+
gap?: string;
|
|
8
|
+
justifyContent?: string;
|
|
9
|
+
w?: string;
|
|
10
|
+
minW?: string;
|
|
11
|
+
maxW?: string;
|
|
12
|
+
smAlignItems?: string;
|
|
13
|
+
smFlex?: string;
|
|
14
|
+
smGap?: string;
|
|
15
|
+
smJustifyContent?: string;
|
|
16
|
+
smW?: string;
|
|
17
|
+
smMinW?: string;
|
|
18
|
+
smMaxW?: string;
|
|
19
|
+
mdAlignItems?: string;
|
|
20
|
+
mdFlex?: string;
|
|
21
|
+
mdGap?: string;
|
|
22
|
+
mdJustifyContent?: string;
|
|
23
|
+
mdW?: string;
|
|
24
|
+
mdMinW?: string;
|
|
25
|
+
mdMaxW?: string;
|
|
26
|
+
lgAlignItems?: string;
|
|
27
|
+
lgFlex?: string;
|
|
28
|
+
lgGap?: string;
|
|
29
|
+
lgJustifyContent?: string;
|
|
30
|
+
lgW?: string;
|
|
31
|
+
lgMinW?: string;
|
|
32
|
+
lgMaxW?: string;
|
|
33
|
+
xlAlignItems?: string;
|
|
34
|
+
xlFlex?: string;
|
|
35
|
+
xlGap?: string;
|
|
36
|
+
xlJustifyContent?: string;
|
|
37
|
+
xlW?: string;
|
|
38
|
+
xlMinW?: string;
|
|
39
|
+
xlMaxW?: string;
|
|
40
|
+
xxlAlignItems?: string;
|
|
41
|
+
xxlFlex?: string;
|
|
42
|
+
xxlGap?: string;
|
|
43
|
+
xxlJustifyContent?: string;
|
|
44
|
+
xxlW?: string;
|
|
45
|
+
xxlMinW?: string;
|
|
46
|
+
xxlMaxW?: string;
|
|
47
|
+
private formatWidth;
|
|
48
|
+
private buildWrapperStyles;
|
|
49
|
+
private buildHostStyles;
|
|
50
|
+
private buildMediaQueries;
|
|
51
|
+
render(): import("lit-html").TemplateResult;
|
|
52
|
+
}
|
|
53
|
+
declare global {
|
|
54
|
+
interface HTMLElementTagNameMap {
|
|
55
|
+
'container-flexcol': ContainerFlexCol;
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
//# sourceMappingURL=container-flexcol.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"container-flexcol.d.ts","sourceRoot":"","sources":["src/container-flexcol.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,UAAU,EAAC,MAAM,KAAK,CAAC;AAYpC,qBACa,gBAAiB,SAAQ,UAAU;IAC9C,OAAgB,MAAM,0BAMpB;IAEU,EAAE,CAAC,EACX,MAAM,GACN,KAAK,GACL,QAAQ,GACR,QAAQ,GACR,OAAO,GACP,SAAS,GACT,SAAS,GACT,KAAK,CAAC;IAC4B,UAAU,CAAC,EAAE,MAAM,CAAC;IAC9C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACiB,cAAc,CAAC,EAAE,MAAM,CAAC;IACtD,CAAC,CAAC,EAAE,MAAM,CAAC;IACS,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IAEL,YAAY,CAAC,EAAE,MAAM,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IACxC,GAAG,CAAC,EAAE,MAAM,CAAC;IACT,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAEV,YAAY,CAAC,EAAE,MAAM,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IACxC,GAAG,CAAC,EAAE,MAAM,CAAC;IACT,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAEV,YAAY,CAAC,EAAE,MAAM,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IACxC,GAAG,CAAC,EAAE,MAAM,CAAC;IACT,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAEV,YAAY,CAAC,EAAE,MAAM,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IACxC,GAAG,CAAC,EAAE,MAAM,CAAC;IACT,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAET,aAAa,CAAC,EAAE,MAAM,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IACJ,iBAAiB,CAAC,EAAE,MAAM,CAAC;IACzC,IAAI,CAAC,EAAE,MAAM,CAAC;IACV,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IAErD,OAAO,CAAC,WAAW;IAQnB,OAAO,CAAC,kBAAkB;IAW1B,OAAO,CAAC,eAAe;IAWvB,OAAO,CAAC,iBAAiB;IA+GhB,MAAM;CAyBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,gBAAgB,CAAC;KACvC;CACF"}
|