@pushengineering/umg-web-components 2.0.6 → 3.0.1

package/dist/components/section/section-block.js

@@ -0,0 +1,177 @@
+import { __decorate } from '../../node_modules/.pnpm/@rollup_plugin-typescript@11.1.6_rollup@4.16.1_tslib@2.6.2_typescript@5.4.5/node_modules/tslib/tslib.es6.js';
+import { css, LitElement, html } from 'lit';
+import { customElement } from 'lit/decorators/custom-element.js';
+import { property } from 'lit/decorators/property.js';
+import { classMap } from 'lit/directives/class-map.js';
+import { styleMap } from 'lit/directives/style-map.js';
+import { global } from '../../styles/global.js';
+import { block } from './styles/block.js';
+import { content } from './styles/content.js';
+import { settings } from '../../scripts/settings.js';
+
+const { prefix } = settings;
+let SectionBlock = class SectionBlock extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.width = 'page-width';
+        this.mobileWidth = 'page-width';
+        this.centerContent = false;
+        this.mobileCenterContent = false;
+        this.paddingType = 'padded';
+        this.mobilePaddingType = 'padded';
+        this.isNumeric = (string) => {
+            if ((typeof (string) === 'number' || typeof (string) === 'string' && string.trim() !== '') && !isNaN(string)) {
+                return true;
+            }
+            return false;
+        };
+    }
+    sectionBlockStyles() {
+        let styles = {};
+        if (this.paddingTop) {
+            styles = {
+                ...styles,
+                '--umg-space-block-top-padding': Number(this.paddingTop) / 16 + 'rem',
+            };
+        }
+        if (this.paddingBottom) {
+            styles = {
+                ...styles,
+                '--umg-space-block-bottom-padding': Number(this.paddingBottom) / 16 + 'rem',
+            };
+        }
+        if (this.mobilePaddingTop) {
+            styles = {
+                ...styles,
+                '--umg-space-block-top-padding-mobile': Number(this.mobilePaddingTop) / 16 + 'rem',
+            };
+        }
+        else if (this.paddingTop) {
+            styles = {
+                ...styles,
+                '--umg-space-block-top-padding-mobile': Number(this.paddingTop) / 16 + 'rem',
+            };
+        }
+        if (this.mobilePaddingBottom) {
+            styles = {
+                ...styles,
+                '--umg-space-block-bottom-padding-mobile': Number(this.mobilePaddingBottom) / 16 + 'rem',
+            };
+        }
+        else if (this.paddingBottom) {
+            styles = {
+                ...styles,
+                '--umg-space-block-bottom-padding-mobile': Number(this.paddingBottom) / 16 + 'rem',
+            };
+        }
+        if (this.spacing) {
+            styles = {
+                ...styles,
+                '--umg-space-grid-vertical-desktop': Number(this.spacing) / 16 + 'rem',
+            };
+        }
+        if (this.mobileSpacing) {
+            styles = {
+                ...styles,
+                '--umg-space-grid-vertical-mobile': Number(this.mobileSpacing) / 16 + 'rem',
+            };
+        }
+        else if (this.spacing) {
+            styles = {
+                ...styles,
+                '--umg-space-grid-vertical-mobile': Number(this.spacing) / 16 + 'rem',
+            };
+        }
+        return styles;
+    }
+    sectionContentClasses() {
+        const classes = {};
+        classes['section-content--' + this.paddingType] = true;
+        classes['section-content--mobile-' + this.mobilePaddingType] = true;
+        if (this.width && !this.isNumeric(this.width)) {
+            classes['section-content--' + this.width] = true;
+        }
+        if (this.centerContent) {
+            classes['section-content--center'] = true;
+        }
+        if (this.mobileCenterContent) {
+            classes['section-content--mobile-center'] = true;
+        }
+        return classes;
+    }
+    sectionContentStyles() {
+        let styles = {};
+        if (this.width && this.isNumeric(this.width)) {
+            styles = {
+                ...styles,
+                '--umg-size-content-max-width': Number(this.width) / 16 + 'rem',
+            };
+        }
+        return styles;
+    }
+    render() {
+        return html `
+            <div
+                class="section-block" part="block"
+                style="${styleMap(this.sectionBlockStyles())}"
+                >
+                <div
+                    class="section-content${classMap(this.sectionContentClasses())}"
+                    style="${styleMap(this.sectionContentStyles())}"
+                    part="content"
+                    >
+                    <slot></slot>
+                    <slot name="content"></slot>
+                </div>
+            </div>  
+        `;
+    }
+};
+SectionBlock.styles = [
+    global,
+    block,
+    content,
+    css ``
+];
+__decorate([
+    property()
+], SectionBlock.prototype, "width", void 0);
+__decorate([
+    property()
+], SectionBlock.prototype, "mobileWidth", void 0);
+__decorate([
+    property({ type: Boolean })
+], SectionBlock.prototype, "centerContent", void 0);
+__decorate([
+    property({ type: Boolean })
+], SectionBlock.prototype, "mobileCenterContent", void 0);
+__decorate([
+    property()
+], SectionBlock.prototype, "paddingType", void 0);
+__decorate([
+    property()
+], SectionBlock.prototype, "mobilePaddingType", void 0);
+__decorate([
+    property()
+], SectionBlock.prototype, "paddingTop", void 0);
+__decorate([
+    property()
+], SectionBlock.prototype, "paddingBottom", void 0);
+__decorate([
+    property()
+], SectionBlock.prototype, "mobilePaddingTop", void 0);
+__decorate([
+    property()
+], SectionBlock.prototype, "mobilePaddingBottom", void 0);
+__decorate([
+    property()
+], SectionBlock.prototype, "spacing", void 0);
+__decorate([
+    property()
+], SectionBlock.prototype, "mobileSpacing", void 0);
+SectionBlock = __decorate([
+    customElement(`${prefix}-section-block`)
+], SectionBlock);
+
+export { SectionBlock };
+//# sourceMappingURL=section-block.js.map

package/dist/components/section/section-block.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"section-block.js","sources":["../../../src/components/section/section-block.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/dist/components/section/section.d.ts

@@ -1,33 +1,12 @@
 import { LitElement } from 'lit';
-import type { PaddingScale } from '../../types';
+import './section-block';
 export declare class Section extends LitElement {
-    outerWidth: string;
-    innerWidth: string;
-    maxInnerWidth: number | undefined;
-    compactHeader: boolean;
-    mobileBleed: boolean;
-    mobilePadding: string | undefined;
-    paddingTop: PaddingScale | undefined;
-    paddingBottom: PaddingScale | undefined;
-    paddingLeft: PaddingScale | undefined;
-    paddingRight: PaddingScale | undefined;
-    colorBg: string | undefined;
-    colorText: string | undefined;
-    private _withoutHeader;
-    private _withoutFooter;
-    private _mobilePadding;
-    handleSlotchange(e: Event): void;
-    firstUpdated(): void;
-    updated(changedProperties: Map<string, any>): void;
-    isNumeric: (string: unknown) => boolean;
-    convertMobilePadding(mobilePadding: string): void;
-    sectionClasses(): any;
-    sectionInnerClasses(): any;
+    as: string;
+    spacing: string | undefined;
+    mobileSpacing: string | undefined;
     sectionStyles(): {};
-    headerStyles(): {};
-    footerStyles(): {};
-    header(): import("lit").TemplateResult<1>;
-    footer(): import("lit").TemplateResult<1>;
+    sectionAs(): import("lit").TemplateResult<1>;
     render(): import("lit").TemplateResult<1>;
     static styles: import("lit").CSSResultArray;
 }
+//# sourceMappingURL=section.d.ts.map

package/dist/components/section/section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"section.d.ts","sourceRoot":"","sources":["../../../src/components/section/section.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAA;AAQ3C,OAAO,iBAAiB,CAAA;AAOxB,qBAEa,OAAQ,SAAQ,UAAU;IAGnC,EAAE,SAAY;IAGd,OAAO,EAAE,MAAM,GAAG,SAAS,CAAA;IAG3B,aAAa,EAAE,MAAM,GAAG,SAAS,CAAA;IAEjC,aAAa;IAqBb,SAAS;IAgDT,MAAM;IAMN,MAAM,CAAC,MAAM,+BASX;CACL"}