@fluid-topics/ft-page-layout 1.2.1 → 1.2.2
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.
|
@@ -34,7 +34,6 @@ Also for action icons.`,c.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
34
34
|
/* HEADER */
|
|
35
35
|
.ftds-page-layout--header {
|
|
36
36
|
display: flex;
|
|
37
|
-
text-align: center;
|
|
38
37
|
min-height: ${U.childMinHeight};
|
|
39
38
|
border-bottom: ${U.bottomBorderWidth} solid ${U.bottomBorderColor};
|
|
40
39
|
padding: ${U.parentTopPadding} ${U.parentHorizontalPadding} ${U.parentBottomPadding};
|
|
@@ -118,7 +117,6 @@ Also for action icons.`,c.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
118
117
|
/* FOOTER */
|
|
119
118
|
.ftds-page-layout--footer {
|
|
120
119
|
display: flex;
|
|
121
|
-
text-align: center;
|
|
122
120
|
min-height: ${ce.minHeight};
|
|
123
121
|
border-top: ${ce.topBorderWidth} solid ${ce.topBorderColor};
|
|
124
122
|
padding: ${ce.verticalPadding} ${ce.horizontalPadding} ${ce.verticalPadding} ${ce.horizontalPadding}
|
|
@@ -1709,7 +1707,7 @@ Also for action icons.`,c.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
1709
1707
|
${this.breadcrumb?this.renderBreadcrumb():dt.html`
|
|
1710
1708
|
<ft-typography class="ftds-page-layout--title"
|
|
1711
1709
|
variant="${J.title1}">
|
|
1712
|
-
${this.
|
|
1710
|
+
${this.pageTitle}
|
|
1713
1711
|
</ft-typography>`}
|
|
1714
1712
|
${this.renderPopover()}
|
|
1715
1713
|
${this.renderChip()}
|
|
@@ -1756,7 +1754,7 @@ Also for action icons.`,c.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
1756
1754
|
<ft-typography class="ftds-page-layout--title"
|
|
1757
1755
|
aria-current="${na(this.breadcrumb?"page":void 0)}"
|
|
1758
1756
|
variant="${J.body2semibold}">
|
|
1759
|
-
${this.
|
|
1757
|
+
${this.pageTitle}
|
|
1760
1758
|
</ft-typography>
|
|
1761
1759
|
</li>
|
|
1762
1760
|
</ol>
|
|
@@ -1766,7 +1764,7 @@ Also for action icons.`,c.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
1766
1764
|
openButtonLabel=${Ar.messages.popoverOpenButtonLabel()} openButtonTooltipPosition="bottom"
|
|
1767
1765
|
openButtonFamily=${Bt.info} openButtonSize=${j.medium}>
|
|
1768
1766
|
<slot name="popover-content" @slotchange=${this.onSlotChange}></slot>
|
|
1769
|
-
</ftds-popover>`}onSlotChange(e){switch(e.target.getAttribute("name")){case"popover-content":this.popoverHasContent=this.popoverContent.length>0;break;case"footer-right":case"footer-left":this.footerHasContent=this.footerLeftContent.length>0||this.footerRightContent.length>0;break}e.stopPropagation()}};pt.elementDefinitions={"ft-typography":V,"ftds-popover":Z,"ftds-chip":wt,"ftds-link":Et};pt.styles=ka;ee([(0,kt.property)()],pt.prototype,"
|
|
1767
|
+
</ftds-popover>`}onSlotChange(e){switch(e.target.getAttribute("name")){case"popover-content":this.popoverHasContent=this.popoverContent.length>0;break;case"footer-right":case"footer-left":this.footerHasContent=this.footerLeftContent.length>0||this.footerRightContent.length>0;break}e.stopPropagation()}};pt.elementDefinitions={"ft-typography":V,"ftds-popover":Z,"ftds-chip":wt,"ftds-link":Et};pt.styles=ka;ee([(0,kt.property)()],pt.prototype,"pageTitle",void 0);ee([(0,kt.property)()],pt.prototype,"breadcrumb",void 0);ee([(0,kt.property)()],pt.prototype,"subTitle",void 0);ee([(0,kt.property)()],pt.prototype,"chipsContent",void 0);ee([(0,kt.state)()],pt.prototype,"footerHasContent",void 0);ee([(0,kt.state)()],pt.prototype,"popoverHasContent",void 0);ee([(0,kt.queryAssignedNodes)({slot:"footer-left"})],pt.prototype,"footerLeftContent",void 0);ee([(0,kt.queryAssignedNodes)({slot:"footer-right"})],pt.prototype,"footerRightContent",void 0);ee([(0,kt.queryAssignedNodes)({slot:"popover-content"})],pt.prototype,"popoverContent",void 0);(0,Cl.customElement)("ftds-page-layout")(pt);})();
|
|
1770
1768
|
/*! Bundled license information:
|
|
1771
1769
|
|
|
1772
1770
|
lit-html/lit-html.js:
|
|
@@ -80,7 +80,6 @@ Also for action icons.`,c.colorGray200),contentGlobalSubtle:r.extend("--ft-conte
|
|
|
80
80
|
/* HEADER */
|
|
81
81
|
.ftds-page-layout--header {
|
|
82
82
|
display: flex;
|
|
83
|
-
text-align: center;
|
|
84
83
|
min-height: ${it.childMinHeight};
|
|
85
84
|
border-bottom: ${it.bottomBorderWidth} solid ${it.bottomBorderColor};
|
|
86
85
|
padding: ${it.parentTopPadding} ${it.parentHorizontalPadding} ${it.parentBottomPadding};
|
|
@@ -164,7 +163,6 @@ Also for action icons.`,c.colorGray200),contentGlobalSubtle:r.extend("--ft-conte
|
|
|
164
163
|
/* FOOTER */
|
|
165
164
|
.ftds-page-layout--footer {
|
|
166
165
|
display: flex;
|
|
167
|
-
text-align: center;
|
|
168
166
|
min-height: ${de.minHeight};
|
|
169
167
|
border-top: ${de.topBorderWidth} solid ${de.topBorderColor};
|
|
170
168
|
padding: ${de.verticalPadding} ${de.horizontalPadding} ${de.verticalPadding} ${de.horizontalPadding}
|
|
@@ -1755,7 +1753,7 @@ Also for action icons.`,c.colorGray200),contentGlobalSubtle:r.extend("--ft-conte
|
|
|
1755
1753
|
${this.breadcrumb?this.renderBreadcrumb():D`
|
|
1756
1754
|
<ft-typography class="ftds-page-layout--title"
|
|
1757
1755
|
variant="${ut.title1}">
|
|
1758
|
-
${this.
|
|
1756
|
+
${this.pageTitle}
|
|
1759
1757
|
</ft-typography>`}
|
|
1760
1758
|
${this.renderPopover()}
|
|
1761
1759
|
${this.renderChip()}
|
|
@@ -1802,7 +1800,7 @@ Also for action icons.`,c.colorGray200),contentGlobalSubtle:r.extend("--ft-conte
|
|
|
1802
1800
|
<ft-typography class="ftds-page-layout--title"
|
|
1803
1801
|
aria-current="${Ol(this.breadcrumb?"page":void 0)}"
|
|
1804
1802
|
variant="${ut.body2semibold}">
|
|
1805
|
-
${this.
|
|
1803
|
+
${this.pageTitle}
|
|
1806
1804
|
</ft-typography>
|
|
1807
1805
|
</li>
|
|
1808
1806
|
</ol>
|
|
@@ -1812,7 +1810,7 @@ Also for action icons.`,c.colorGray200),contentGlobalSubtle:r.extend("--ft-conte
|
|
|
1812
1810
|
openButtonLabel=${Cn.messages.popoverOpenButtonLabel()} openButtonTooltipPosition="bottom"
|
|
1813
1811
|
openButtonFamily=${xt.info} openButtonSize=${J.medium}>
|
|
1814
1812
|
<slot name="popover-content" @slotchange=${this.onSlotChange}></slot>
|
|
1815
|
-
</ftds-popover>`}onSlotChange(t){switch(t.target.getAttribute("name")){case"popover-content":this.popoverHasContent=this.popoverContent.length>0;break;case"footer-right":case"footer-left":this.footerHasContent=this.footerLeftContent.length>0||this.footerRightContent.length>0;break}t.stopPropagation()}};Ct.elementDefinitions={"ft-typography":ct,"ftds-popover":dt,"ftds-chip":Dt,"ftds-link":Ut};Ct.styles=El;ge([C()],Ct.prototype,"
|
|
1813
|
+
</ftds-popover>`}onSlotChange(t){switch(t.target.getAttribute("name")){case"popover-content":this.popoverHasContent=this.popoverContent.length>0;break;case"footer-right":case"footer-left":this.footerHasContent=this.footerLeftContent.length>0||this.footerRightContent.length>0;break}t.stopPropagation()}};Ct.elementDefinitions={"ft-typography":ct,"ftds-popover":dt,"ftds-chip":Dt,"ftds-link":Ut};Ct.styles=El;ge([C()],Ct.prototype,"pageTitle",void 0);ge([C()],Ct.prototype,"breadcrumb",void 0);ge([C()],Ct.prototype,"subTitle",void 0);ge([C()],Ct.prototype,"chipsContent",void 0);ge([bt()],Ct.prototype,"footerHasContent",void 0);ge([bt()],Ct.prototype,"popoverHasContent",void 0);ge([Ge({slot:"footer-left"})],Ct.prototype,"footerLeftContent",void 0);ge([Ge({slot:"footer-right"})],Ct.prototype,"footerRightContent",void 0);ge([Ge({slot:"popover-content"})],Ct.prototype,"popoverContent",void 0);Y("ftds-page-layout")(Ct);})();
|
|
1816
1814
|
/*! Bundled license information:
|
|
1817
1815
|
|
|
1818
1816
|
@webcomponents/scoped-custom-element-registry/src/scoped-custom-element-registry.js:
|
|
@@ -5,7 +5,7 @@ import { FtLitElementWithI18n } from "@fluid-topics/ft-i18n";
|
|
|
5
5
|
export declare class FtdsPageLayout extends FtLitElementWithI18n implements FtdsPageLayoutProperties {
|
|
6
6
|
static elementDefinitions: ElementDefinitionsMap;
|
|
7
7
|
static styles: import("lit").CSSResult;
|
|
8
|
-
|
|
8
|
+
pageTitle: string;
|
|
9
9
|
breadcrumb?: FtdsPageLayoutBreadcrumbItem[];
|
|
10
10
|
subTitle?: string;
|
|
11
11
|
chipsContent?: FtdsPageLayoutChipContent[];
|
|
@@ -47,7 +47,7 @@ class FtdsPageLayout extends FtLitElementWithI18n {
|
|
|
47
47
|
${(this.breadcrumb ? this.renderBreadcrumb() : html `
|
|
48
48
|
<ft-typography class="ftds-page-layout--title"
|
|
49
49
|
variant="${FtTypographyVariants.title1}">
|
|
50
|
-
${this.
|
|
50
|
+
${this.pageTitle}
|
|
51
51
|
</ft-typography>`)}
|
|
52
52
|
${this.renderPopover()}
|
|
53
53
|
${this.renderChip()}
|
|
@@ -104,7 +104,7 @@ class FtdsPageLayout extends FtLitElementWithI18n {
|
|
|
104
104
|
<ft-typography class="ftds-page-layout--title"
|
|
105
105
|
aria-current="${ifDefined(this.breadcrumb ? "page" : undefined)}"
|
|
106
106
|
variant="${FtTypographyVariants.body2semibold}">
|
|
107
|
-
${this.
|
|
107
|
+
${this.pageTitle}
|
|
108
108
|
</ft-typography>
|
|
109
109
|
</li>
|
|
110
110
|
</ol>
|
|
@@ -142,7 +142,7 @@ FtdsPageLayout.elementDefinitions = {
|
|
|
142
142
|
FtdsPageLayout.styles = styles;
|
|
143
143
|
__decorate([
|
|
144
144
|
property()
|
|
145
|
-
], FtdsPageLayout.prototype, "
|
|
145
|
+
], FtdsPageLayout.prototype, "pageTitle", void 0);
|
|
146
146
|
__decorate([
|
|
147
147
|
property()
|
|
148
148
|
], FtdsPageLayout.prototype, "breadcrumb", void 0);
|
|
@@ -9,7 +9,7 @@ export interface FtdsPageLayoutBreadcrumbItem {
|
|
|
9
9
|
link?: string;
|
|
10
10
|
}
|
|
11
11
|
export interface FtdsPageLayoutProperties {
|
|
12
|
-
|
|
12
|
+
pageTitle: string;
|
|
13
13
|
breadcrumb?: FtdsPageLayoutBreadcrumbItem[];
|
|
14
14
|
subTitle?: string;
|
|
15
15
|
chipsContent?: FtdsPageLayoutChipContent[];
|
|
@@ -39,7 +39,6 @@ export const styles = css `
|
|
|
39
39
|
/* HEADER */
|
|
40
40
|
.ftds-page-layout--header {
|
|
41
41
|
display: flex;
|
|
42
|
-
text-align: center;
|
|
43
42
|
min-height: ${pageHeader.childMinHeight};
|
|
44
43
|
border-bottom: ${pageHeader.bottomBorderWidth} solid ${pageHeader.bottomBorderColor};
|
|
45
44
|
padding: ${pageHeader.parentTopPadding} ${pageHeader.parentHorizontalPadding} ${pageHeader.parentBottomPadding};
|
|
@@ -123,7 +122,6 @@ export const styles = css `
|
|
|
123
122
|
/* FOOTER */
|
|
124
123
|
.ftds-page-layout--footer {
|
|
125
124
|
display: flex;
|
|
126
|
-
text-align: center;
|
|
127
125
|
min-height: ${pageFooter.minHeight};
|
|
128
126
|
border-top: ${pageFooter.topBorderWidth} solid ${pageFooter.topBorderColor};
|
|
129
127
|
padding: ${pageFooter.verticalPadding} ${pageFooter.horizontalPadding} ${pageFooter.verticalPadding} ${pageFooter.horizontalPadding}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluid-topics/ft-page-layout",
|
|
3
|
-
"version": "1.2.
|
|
3
|
+
"version": "1.2.2",
|
|
4
4
|
"description": "A page layout component",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"Lit"
|
|
@@ -20,15 +20,15 @@
|
|
|
20
20
|
},
|
|
21
21
|
"dependencies": {
|
|
22
22
|
"@fluid-topics/design-system-variables": "0.1.5",
|
|
23
|
-
"@fluid-topics/ft-chip": "1.2.
|
|
24
|
-
"@fluid-topics/ft-link": "1.2.
|
|
25
|
-
"@fluid-topics/ft-popover": "1.2.
|
|
26
|
-
"@fluid-topics/ft-typography": "1.2.
|
|
27
|
-
"@fluid-topics/ft-wc-utils": "1.2.
|
|
23
|
+
"@fluid-topics/ft-chip": "1.2.2",
|
|
24
|
+
"@fluid-topics/ft-link": "1.2.2",
|
|
25
|
+
"@fluid-topics/ft-popover": "1.2.2",
|
|
26
|
+
"@fluid-topics/ft-typography": "1.2.2",
|
|
27
|
+
"@fluid-topics/ft-wc-utils": "1.2.2",
|
|
28
28
|
"lit": "3.1.0"
|
|
29
29
|
},
|
|
30
30
|
"devDependencies": {
|
|
31
|
-
"@fluid-topics/ft-wc-test-utils": "1.2.
|
|
31
|
+
"@fluid-topics/ft-wc-test-utils": "1.2.2"
|
|
32
32
|
},
|
|
33
|
-
"gitHead": "
|
|
33
|
+
"gitHead": "b12fa278dd5bc8a5b9d027ed52dae60b4c821ec4"
|
|
34
34
|
}
|