@planningcenter/tapestry 1.1.0-rc.8 → 1.1.1-qa-144.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/dist/index.css +160 -99
- package/dist/index.css.map +1 -1
- package/dist/packages/tapestry-wc/dist/components/index2.js +22 -0
- package/dist/packages/tapestry-wc/dist/components/index2.js.map +1 -0
- package/dist/packages/tapestry-wc/dist/components/popover-container.js +93 -7
- package/dist/packages/tapestry-wc/dist/components/popover-container.js.map +1 -1
- package/dist/packages/tapestry-wc/dist/components/sidenav-popover.js +4 -4
- package/dist/packages/tapestry-wc/dist/components/sidenav-popover.js.map +1 -1
- package/dist/packages/tapestry-wc/dist/components/sidenav-responsive-header.js +62 -0
- package/dist/packages/tapestry-wc/dist/components/sidenav-responsive-header.js.map +1 -0
- package/dist/packages/tapestry-wc/dist/components/tds-page-header.js +8 -3
- package/dist/packages/tapestry-wc/dist/components/tds-page-header.js.map +1 -1
- package/dist/packages/tapestry-wc/dist/components/tds-sidenav-item.js +23 -11
- package/dist/packages/tapestry-wc/dist/components/tds-sidenav-item.js.map +1 -1
- package/dist/packages/tapestry-wc/dist/components/tds-sidenav-responsive-header.js +2 -55
- package/dist/packages/tapestry-wc/dist/components/tds-sidenav-responsive-header.js.map +1 -1
- package/dist/packages/tapestry-wc/dist/components/tds-sidenav-section.js +12 -3
- package/dist/packages/tapestry-wc/dist/components/tds-sidenav-section.js.map +1 -1
- package/dist/packages/tapestry-wc/dist/components/tds-sidenav.js +25 -8
- package/dist/packages/tapestry-wc/dist/components/tds-sidenav.js.map +1 -1
- package/dist/unstable.css +163 -100
- package/dist/unstable.css.map +1 -1
- package/dist/webComponents.css +163 -100
- package/dist/webComponents.css.map +1 -1
- package/package.json +4 -3
- package/react-types/index.d.ts +46 -16
- package/dist/packages/tapestry-wc/dist/components/sidenav-item-enhancer.js +0 -63
- package/dist/packages/tapestry-wc/dist/components/sidenav-item-enhancer.js.map +0 -1
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { proxyCustomElement, H, h, Host } from './../../../../ext/@stencil/core/internal/client/index.js';
|
|
2
|
-
import {
|
|
2
|
+
import { r as removeSSRSlot } from './index2.js';
|
|
3
3
|
|
|
4
4
|
/*!
|
|
5
5
|
* Planning Center Tapestry Web Components
|
|
6
|
-
* Version: 1.1.0
|
|
6
|
+
* Version: 1.1.0
|
|
7
7
|
*/
|
|
8
8
|
|
|
9
9
|
const SidenavItem = /*@__PURE__*/ proxyCustomElement(class SidenavItem extends H {
|
|
@@ -17,35 +17,47 @@ const SidenavItem = /*@__PURE__*/ proxyCustomElement(class SidenavItem extends H
|
|
|
17
17
|
}
|
|
18
18
|
// --------------------------------------------------------------------------
|
|
19
19
|
//
|
|
20
|
+
// Lifecycle
|
|
21
|
+
//
|
|
22
|
+
// --------------------------------------------------------------------------
|
|
23
|
+
componentWillRender() {
|
|
24
|
+
var _a, _b;
|
|
25
|
+
if (this.selected) {
|
|
26
|
+
(_a = this.el.children[0]) === null || _a === void 0 ? void 0 : _a.setAttribute("aria-current", "page");
|
|
27
|
+
}
|
|
28
|
+
else {
|
|
29
|
+
(_b = this.el.children[0]) === null || _b === void 0 ? void 0 : _b.removeAttribute("aria-current");
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
componentDidLoad() {
|
|
33
|
+
removeSSRSlot(this.el);
|
|
34
|
+
}
|
|
35
|
+
// --------------------------------------------------------------------------
|
|
36
|
+
//
|
|
20
37
|
// Render Methods
|
|
21
38
|
//
|
|
22
39
|
// --------------------------------------------------------------------------
|
|
23
40
|
render() {
|
|
24
|
-
return (h(Host, { key: '
|
|
41
|
+
return (h(Host, { key: '31fcdf160cc3e8a1f29ed8e3267d892f12bf2776', class: {
|
|
25
42
|
"tds-sidenav-item": true,
|
|
26
43
|
selected: this.selected,
|
|
27
|
-
}, role: "listitem" }, h("
|
|
44
|
+
}, role: "listitem" }, h("slot", { key: '3f625051d1c89bd6ccd33c4c849928043e02e695' }), h("slot", { key: '476b4fd09218598dc3a530ab4128beebe2c5b60b', name: "subnav" })));
|
|
28
45
|
}
|
|
29
46
|
get el() { return this; }
|
|
30
|
-
}, [
|
|
47
|
+
}, [6, "tds-sidenav-item", {
|
|
31
48
|
"selected": [4]
|
|
32
49
|
}]);
|
|
33
50
|
function defineCustomElement$1() {
|
|
34
51
|
if (typeof customElements === "undefined") {
|
|
35
52
|
return;
|
|
36
53
|
}
|
|
37
|
-
const components = ["tds-sidenav-item"
|
|
54
|
+
const components = ["tds-sidenav-item"];
|
|
38
55
|
components.forEach(tagName => { switch (tagName) {
|
|
39
56
|
case "tds-sidenav-item":
|
|
40
57
|
if (!customElements.get(tagName)) {
|
|
41
58
|
customElements.define(tagName, SidenavItem);
|
|
42
59
|
}
|
|
43
60
|
break;
|
|
44
|
-
case "tds-sidenav-item-enhancer":
|
|
45
|
-
if (!customElements.get(tagName)) {
|
|
46
|
-
defineCustomElement$2();
|
|
47
|
-
}
|
|
48
|
-
break;
|
|
49
61
|
} });
|
|
50
62
|
}
|
|
51
63
|
const defineCustomElement = defineCustomElement$1;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tds-sidenav-item.js","sources":["../../../../../../tapestry-wc/dist/components/tds-sidenav-item.js"],"sourcesContent":["/*!\n * Planning Center Tapestry Web Components\n * Version: 1.1.0
|
|
1
|
+
{"version":3,"file":"tds-sidenav-item.js","sources":["../../../../../../tapestry-wc/dist/components/tds-sidenav-item.js"],"sourcesContent":["/*!\n * Planning Center Tapestry Web Components\n * Version: 1.1.0\n */\nimport { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';\nimport { r as removeSSRSlot } from './index2.js';\n\nconst SidenavItem = /*@__PURE__*/ proxyCustomElement(class SidenavItem extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n /**\n * Whether the sidenav item is selected.\n */\n this.selected = false;\n }\n // --------------------------------------------------------------------------\n //\n // Lifecycle\n //\n // --------------------------------------------------------------------------\n componentWillRender() {\n var _a, _b;\n if (this.selected) {\n (_a = this.el.children[0]) === null || _a === void 0 ? void 0 : _a.setAttribute(\"aria-current\", \"page\");\n }\n else {\n (_b = this.el.children[0]) === null || _b === void 0 ? void 0 : _b.removeAttribute(\"aria-current\");\n }\n }\n componentDidLoad() {\n removeSSRSlot(this.el);\n }\n // --------------------------------------------------------------------------\n //\n // Render Methods\n //\n // --------------------------------------------------------------------------\n render() {\n return (h(Host, { key: '31fcdf160cc3e8a1f29ed8e3267d892f12bf2776', class: {\n \"tds-sidenav-item\": true,\n selected: this.selected,\n }, role: \"listitem\" }, h(\"slot\", { key: '3f625051d1c89bd6ccd33c4c849928043e02e695' }), h(\"slot\", { key: '476b4fd09218598dc3a530ab4128beebe2c5b60b', name: \"subnav\" })));\n }\n get el() { return this; }\n}, [6, \"tds-sidenav-item\", {\n \"selected\": [4]\n }]);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"tds-sidenav-item\"];\n components.forEach(tagName => { switch (tagName) {\n case \"tds-sidenav-item\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, SidenavItem);\n }\n break;\n } });\n}\n\nconst TdsSidenavItem = SidenavItem;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { TdsSidenavItem, defineCustomElement };\n//# sourceMappingURL=tds-sidenav-item.js.map\n\n//# sourceMappingURL=tds-sidenav-item.js.map"],"names":["HTMLElement"],"mappings":";;;AAAA;AACA;AACA;AACA;AAGA;AACA,MAAM,WAAW,iBAAiB,kBAAkB,CAAC,MAAM,WAAW,SAASA,CAAW,CAAC;AAC3F,IAAI,WAAW,GAAG;AAClB,QAAQ,KAAK,EAAE,CAAC;AAChB,QAAQ,IAAI,CAAC,cAAc,EAAE,CAAC;AAC9B;AACA;AACA;AACA,QAAQ,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;AAC9B,KAAK;AACL;AACA;AACA;AACA;AACA;AACA,IAAI,mBAAmB,GAAG;AAC1B,QAAQ,IAAI,EAAE,EAAE,EAAE,CAAC;AACnB,QAAQ,IAAI,IAAI,CAAC,QAAQ,EAAE;AAC3B,YAAY,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,IAAI,IAAI,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;AACpH,SAAS;AACT,aAAa;AACb,YAAY,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,IAAI,IAAI,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC;AAC/G,SAAS;AACT,KAAK;AACL,IAAI,gBAAgB,GAAG;AACvB,QAAQ,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC/B,KAAK;AACL;AACA;AACA;AACA;AACA;AACA,IAAI,MAAM,GAAG;AACb,QAAQ,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE;AAClF,gBAAgB,kBAAkB,EAAE,IAAI;AACxC,gBAAgB,QAAQ,EAAE,IAAI,CAAC,QAAQ;AACvC,aAAa,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE;AACpL,KAAK;AACL,IAAI,IAAI,EAAE,GAAG,EAAE,OAAO,IAAI,CAAC,EAAE;AAC7B,CAAC,EAAE,CAAC,CAAC,EAAE,kBAAkB,EAAE;AAC3B,QAAQ,UAAU,EAAE,CAAC,CAAC,CAAC;AACvB,KAAK,CAAC,CAAC,CAAC;AACR,SAAS,qBAAqB,GAAG;AACjC,IAAI,IAAI,OAAO,cAAc,KAAK,WAAW,EAAE;AAC/C,QAAQ,OAAO;AACf,KAAK;AACL,IAAI,MAAM,UAAU,GAAG,CAAC,kBAAkB,CAAC,CAAC;AAC5C,IAAI,UAAU,CAAC,OAAO,CAAC,OAAO,IAAI,EAAE,QAAQ,OAAO;AACnD,QAAQ,KAAK,kBAAkB;AAC/B,YAAY,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;AAC9C,gBAAgB,cAAc,CAAC,MAAM,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;AAC5D,aAAa;AACb,YAAY,MAAM;AAClB,KAAK,EAAE,CAAC,CAAC;AACT,CAAC;AAGI,MAAC,mBAAmB,GAAG;;;;"}
|
|
@@ -1,62 +1,9 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { d as defineCustomElement$1 } from './sidenav-responsive-header.js';
|
|
2
2
|
|
|
3
3
|
/*!
|
|
4
4
|
* Planning Center Tapestry Web Components
|
|
5
|
-
* Version: 1.1.0
|
|
5
|
+
* Version: 1.1.0
|
|
6
6
|
*/
|
|
7
|
-
|
|
8
|
-
const SidenavResponsiveHeader = /*@__PURE__*/ proxyCustomElement(class SidenavResponsiveHeader extends H {
|
|
9
|
-
constructor() {
|
|
10
|
-
super();
|
|
11
|
-
this.__registerHost();
|
|
12
|
-
/** Whether the sidenav is open */
|
|
13
|
-
this.isOpen = false;
|
|
14
|
-
}
|
|
15
|
-
// --------------------------------------------------------------------------
|
|
16
|
-
//
|
|
17
|
-
// Lifecycle
|
|
18
|
-
//
|
|
19
|
-
// --------------------------------------------------------------------------
|
|
20
|
-
componentWillLoad() {
|
|
21
|
-
var _a;
|
|
22
|
-
const parentNavId = (_a = this.el.closest("nav")) === null || _a === void 0 ? void 0 : _a.id;
|
|
23
|
-
if (!parentNavId) {
|
|
24
|
-
throw new Error("Sidenav header must be a child of a nav element");
|
|
25
|
-
}
|
|
26
|
-
this.popoverId = `${parentNavId}-popover`;
|
|
27
|
-
}
|
|
28
|
-
componentDidLoad() {
|
|
29
|
-
const popoverElement = document.getElementById(this.popoverId);
|
|
30
|
-
popoverElement === null || popoverElement === void 0 ? void 0 : popoverElement.addEventListener("toggle", (event) => {
|
|
31
|
-
this.isOpen = event.newState === "open";
|
|
32
|
-
});
|
|
33
|
-
}
|
|
34
|
-
// --------------------------------------------------------------------------
|
|
35
|
-
//
|
|
36
|
-
// Render Methods
|
|
37
|
-
//
|
|
38
|
-
// --------------------------------------------------------------------------
|
|
39
|
-
render() {
|
|
40
|
-
return (h(Host, { key: '2beea08c1c3cc57e47c74aa0ac7af85de30f21db', class: "tds-sidenav-responsive-header" }, h("button", { key: '1433aef8069096cfaac109552cd2409c1350623f', type: "button", class: "tds-sidenav-responsive-header-toggle", "aria-expanded": this.isOpen ? "true" : "false", "aria-label": this.isOpen ? "Close menu" : "Open menu", "aria-controls": this.popoverId, popoverTarget: this.popoverId }, h("svg", { key: '2d909350af5fd10bfeb849bf9f3f99e76c962ec8', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '0c0ff6964b3db23d973ded312fcae1a950998833', d: "M0 6.91104H16V8.68904H0V6.91104ZM0 13.133H16V11.356H0V13.133ZM0 2.46704V4.24404H16V2.46704H0Z", fill: "currentColor" }))), h("h2", { key: '275c3e8fad37bc7dbc73177c9af0c52b7f57a13d', class: "tds-sidenav-responsive-header-label" }, this.label)));
|
|
41
|
-
}
|
|
42
|
-
get el() { return this; }
|
|
43
|
-
}, [0, "tds-sidenav-responsive-header", {
|
|
44
|
-
"label": [1],
|
|
45
|
-
"isOpen": [32]
|
|
46
|
-
}]);
|
|
47
|
-
function defineCustomElement$1() {
|
|
48
|
-
if (typeof customElements === "undefined") {
|
|
49
|
-
return;
|
|
50
|
-
}
|
|
51
|
-
const components = ["tds-sidenav-responsive-header"];
|
|
52
|
-
components.forEach(tagName => { switch (tagName) {
|
|
53
|
-
case "tds-sidenav-responsive-header":
|
|
54
|
-
if (!customElements.get(tagName)) {
|
|
55
|
-
customElements.define(tagName, SidenavResponsiveHeader);
|
|
56
|
-
}
|
|
57
|
-
break;
|
|
58
|
-
} });
|
|
59
|
-
}
|
|
60
7
|
const defineCustomElement = defineCustomElement$1;
|
|
61
8
|
|
|
62
9
|
export { defineCustomElement };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tds-sidenav-responsive-header.js","sources":["../../../../../../tapestry-wc/dist/components/tds-sidenav-responsive-header.js"],"sourcesContent":["/*!\n * Planning Center Tapestry Web Components\n * Version: 1.1.0
|
|
1
|
+
{"version":3,"file":"tds-sidenav-responsive-header.js","sources":["../../../../../../tapestry-wc/dist/components/tds-sidenav-responsive-header.js"],"sourcesContent":["/*!\n * Planning Center Tapestry Web Components\n * Version: 1.1.0\n */\nimport { S as SidenavResponsiveHeader, d as defineCustomElement$1 } from './sidenav-responsive-header.js';\n\nconst TdsSidenavResponsiveHeader = SidenavResponsiveHeader;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { TdsSidenavResponsiveHeader, defineCustomElement };\n//# sourceMappingURL=tds-sidenav-responsive-header.js.map\n\n//# sourceMappingURL=tds-sidenav-responsive-header.js.map"],"names":[],"mappings":";;AAAA;AACA;AACA;AACA;AAIK,MAAC,mBAAmB,GAAG;;;;"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { proxyCustomElement, H, h, Host } from './../../../../ext/@stencil/core/internal/client/index.js';
|
|
2
|
+
import { r as removeSSRSlot } from './index2.js';
|
|
2
3
|
|
|
3
4
|
/*!
|
|
4
5
|
* Planning Center Tapestry Web Components
|
|
5
|
-
* Version: 1.1.0
|
|
6
|
+
* Version: 1.1.0
|
|
6
7
|
*/
|
|
7
8
|
|
|
8
9
|
let sidenavSectionId = 0;
|
|
@@ -14,14 +15,22 @@ const SidenavSection = /*@__PURE__*/ proxyCustomElement(class SidenavSection ext
|
|
|
14
15
|
}
|
|
15
16
|
// --------------------------------------------------------------------------
|
|
16
17
|
//
|
|
18
|
+
// Lifecycle
|
|
19
|
+
//
|
|
20
|
+
// --------------------------------------------------------------------------
|
|
21
|
+
componentDidLoad() {
|
|
22
|
+
removeSSRSlot(this.el);
|
|
23
|
+
}
|
|
24
|
+
// --------------------------------------------------------------------------
|
|
25
|
+
//
|
|
17
26
|
// Render Methods
|
|
18
27
|
//
|
|
19
28
|
// --------------------------------------------------------------------------
|
|
20
29
|
render() {
|
|
21
|
-
return (h(Host, { key: '
|
|
30
|
+
return (h(Host, { key: '6180a3b3e7cc275db1cca6543e8e6baa0cd1194d', class: "tds-sidenav-section" }, this.label && (h("h2", { key: '82adb1e73d79c9408f422e52ca0231ff6999d7cd', id: `${this.componentId}`, class: "tds-sidenav-section-header" }, this.label)), h("ul", { key: '9c71dee8a2c859c632711d98ee4e1a3d4adab8a4', class: "tds-sidenav-section-list", "aria-labelledby": this.label ? `${this.componentId}` : undefined }, h("slot", { key: 'f745750d7fa95c5d90eff86d7379512ef1db0f6e' }))));
|
|
22
31
|
}
|
|
23
32
|
get el() { return this; }
|
|
24
|
-
}, [
|
|
33
|
+
}, [6, "tds-sidenav-section", {
|
|
25
34
|
"label": [1]
|
|
26
35
|
}]);
|
|
27
36
|
function defineCustomElement$1() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tds-sidenav-section.js","sources":["../../../../../../tapestry-wc/dist/components/tds-sidenav-section.js"],"sourcesContent":["/*!\n * Planning Center Tapestry Web Components\n * Version: 1.1.0
|
|
1
|
+
{"version":3,"file":"tds-sidenav-section.js","sources":["../../../../../../tapestry-wc/dist/components/tds-sidenav-section.js"],"sourcesContent":["/*!\n * Planning Center Tapestry Web Components\n * Version: 1.1.0\n */\nimport { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';\nimport { r as removeSSRSlot } from './index2.js';\n\nlet sidenavSectionId = 0;\nconst SidenavSection = /*@__PURE__*/ proxyCustomElement(class SidenavSection extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.componentId = `sidenav-section-header-${sidenavSectionId++}`;\n }\n // --------------------------------------------------------------------------\n //\n // Lifecycle\n //\n // --------------------------------------------------------------------------\n componentDidLoad() {\n removeSSRSlot(this.el);\n }\n // --------------------------------------------------------------------------\n //\n // Render Methods\n //\n // --------------------------------------------------------------------------\n render() {\n return (h(Host, { key: '6180a3b3e7cc275db1cca6543e8e6baa0cd1194d', class: \"tds-sidenav-section\" }, this.label && (h(\"h2\", { key: '82adb1e73d79c9408f422e52ca0231ff6999d7cd', id: `${this.componentId}`, class: \"tds-sidenav-section-header\" }, this.label)), h(\"ul\", { key: '9c71dee8a2c859c632711d98ee4e1a3d4adab8a4', class: \"tds-sidenav-section-list\", \"aria-labelledby\": this.label ? `${this.componentId}` : undefined }, h(\"slot\", { key: 'f745750d7fa95c5d90eff86d7379512ef1db0f6e' }))));\n }\n get el() { return this; }\n}, [6, \"tds-sidenav-section\", {\n \"label\": [1]\n }]);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"tds-sidenav-section\"];\n components.forEach(tagName => { switch (tagName) {\n case \"tds-sidenav-section\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, SidenavSection);\n }\n break;\n } });\n}\n\nconst TdsSidenavSection = SidenavSection;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { TdsSidenavSection, defineCustomElement };\n//# sourceMappingURL=tds-sidenav-section.js.map\n\n//# sourceMappingURL=tds-sidenav-section.js.map"],"names":["HTMLElement"],"mappings":";;;AAAA;AACA;AACA;AACA;AAGA;AACA,IAAI,gBAAgB,GAAG,CAAC,CAAC;AACzB,MAAM,cAAc,iBAAiB,kBAAkB,CAAC,MAAM,cAAc,SAASA,CAAW,CAAC;AACjG,IAAI,WAAW,GAAG;AAClB,QAAQ,KAAK,EAAE,CAAC;AAChB,QAAQ,IAAI,CAAC,cAAc,EAAE,CAAC;AAC9B,QAAQ,IAAI,CAAC,WAAW,GAAG,CAAC,uBAAuB,EAAE,gBAAgB,EAAE,CAAC,CAAC,CAAC;AAC1E,KAAK;AACL;AACA;AACA;AACA;AACA;AACA,IAAI,gBAAgB,GAAG;AACvB,QAAQ,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC/B,KAAK;AACL;AACA;AACA;AACA;AACA;AACA,IAAI,MAAM,GAAG;AACb,QAAQ,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,qBAAqB,EAAE,EAAE,IAAI,CAAC,KAAK,KAAK,CAAC,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,4BAA4B,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,0BAA0B,EAAE,iBAAiB,EAAE,IAAI,CAAC,KAAK,GAAG,CAAC,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,GAAG,SAAS,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,CAAC,CAAC,CAAC,EAAE;AAC1e,KAAK;AACL,IAAI,IAAI,EAAE,GAAG,EAAE,OAAO,IAAI,CAAC,EAAE;AAC7B,CAAC,EAAE,CAAC,CAAC,EAAE,qBAAqB,EAAE;AAC9B,QAAQ,OAAO,EAAE,CAAC,CAAC,CAAC;AACpB,KAAK,CAAC,CAAC,CAAC;AACR,SAAS,qBAAqB,GAAG;AACjC,IAAI,IAAI,OAAO,cAAc,KAAK,WAAW,EAAE;AAC/C,QAAQ,OAAO;AACf,KAAK;AACL,IAAI,MAAM,UAAU,GAAG,CAAC,qBAAqB,CAAC,CAAC;AAC/C,IAAI,UAAU,CAAC,OAAO,CAAC,OAAO,IAAI,EAAE,QAAQ,OAAO;AACnD,QAAQ,KAAK,qBAAqB;AAClC,YAAY,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;AAC9C,gBAAgB,cAAc,CAAC,MAAM,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC;AAC/D,aAAa;AACb,YAAY,MAAM;AAClB,KAAK,EAAE,CAAC,CAAC;AACT,CAAC;AAGI,MAAC,mBAAmB,GAAG;;;;"}
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import { proxyCustomElement, H, h, Host } from './../../../../ext/@stencil/core/internal/client/index.js';
|
|
2
|
-
import {
|
|
3
|
-
import { d as defineCustomElement$
|
|
2
|
+
import { r as removeSSRSlot } from './index2.js';
|
|
3
|
+
import { d as defineCustomElement$4 } from './popover-container.js';
|
|
4
|
+
import { d as defineCustomElement$3 } from './sidenav-popover.js';
|
|
5
|
+
import { d as defineCustomElement$2 } from './sidenav-responsive-header.js';
|
|
4
6
|
|
|
5
7
|
/*!
|
|
6
8
|
* Planning Center Tapestry Web Components
|
|
7
|
-
* Version: 1.1.0
|
|
9
|
+
* Version: 1.1.0
|
|
8
10
|
*/
|
|
9
11
|
|
|
10
12
|
let sidenavMenuId = 0;
|
|
@@ -20,20 +22,30 @@ const Sidenav = /*@__PURE__*/ proxyCustomElement(class Sidenav extends H {
|
|
|
20
22
|
}
|
|
21
23
|
// --------------------------------------------------------------------------
|
|
22
24
|
//
|
|
25
|
+
// Lifecycle
|
|
26
|
+
//
|
|
27
|
+
// --------------------------------------------------------------------------
|
|
28
|
+
componentDidLoad() {
|
|
29
|
+
removeSSRSlot(this.el);
|
|
30
|
+
}
|
|
31
|
+
// --------------------------------------------------------------------------
|
|
32
|
+
//
|
|
23
33
|
// Render Methods
|
|
24
34
|
//
|
|
25
35
|
// --------------------------------------------------------------------------
|
|
26
36
|
render() {
|
|
27
|
-
return (h(Host, { key: '
|
|
37
|
+
return (h(Host, { key: '1e459bceead4531bace6d26d2742b4cbe68755fa' }, h("nav", { key: '37bac08078cc34536e24571d817600e45cba1f18', id: this.sidenavMenuId, class: "tds-sidenav", "aria-label": this.label }, h("tds-sidenav-responsive-header", { key: '3b717dfd822a8cc4fe928bddbac559e623ada2de', label: this.selectedItemLabel }), h("tds-sidenav-popover", { key: 'df132d2ba09ef44ac65a4dc5019e5a45def16da6' }, h("slot", { key: 'dbd56edde827fe59116145b5e6c3540afb7e2978' })))));
|
|
28
38
|
}
|
|
29
|
-
|
|
30
|
-
|
|
39
|
+
get el() { return this; }
|
|
40
|
+
}, [6, "tds-sidenav", {
|
|
41
|
+
"label": [1],
|
|
42
|
+
"selectedItemLabel": [1, "selected-item-label"]
|
|
31
43
|
}]);
|
|
32
44
|
function defineCustomElement$1() {
|
|
33
45
|
if (typeof customElements === "undefined") {
|
|
34
46
|
return;
|
|
35
47
|
}
|
|
36
|
-
const components = ["tds-sidenav", "tds-popover-container", "tds-sidenav-popover"];
|
|
48
|
+
const components = ["tds-sidenav", "tds-popover-container", "tds-sidenav-popover", "tds-sidenav-responsive-header"];
|
|
37
49
|
components.forEach(tagName => { switch (tagName) {
|
|
38
50
|
case "tds-sidenav":
|
|
39
51
|
if (!customElements.get(tagName)) {
|
|
@@ -42,10 +54,15 @@ function defineCustomElement$1() {
|
|
|
42
54
|
break;
|
|
43
55
|
case "tds-popover-container":
|
|
44
56
|
if (!customElements.get(tagName)) {
|
|
45
|
-
defineCustomElement$
|
|
57
|
+
defineCustomElement$4();
|
|
46
58
|
}
|
|
47
59
|
break;
|
|
48
60
|
case "tds-sidenav-popover":
|
|
61
|
+
if (!customElements.get(tagName)) {
|
|
62
|
+
defineCustomElement$3();
|
|
63
|
+
}
|
|
64
|
+
break;
|
|
65
|
+
case "tds-sidenav-responsive-header":
|
|
49
66
|
if (!customElements.get(tagName)) {
|
|
50
67
|
defineCustomElement$2();
|
|
51
68
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tds-sidenav.js","sources":["../../../../../../tapestry-wc/dist/components/tds-sidenav.js"],"sourcesContent":["/*!\n * Planning Center Tapestry Web Components\n * Version: 1.1.0
|
|
1
|
+
{"version":3,"file":"tds-sidenav.js","sources":["../../../../../../tapestry-wc/dist/components/tds-sidenav.js"],"sourcesContent":["/*!\n * Planning Center Tapestry Web Components\n * Version: 1.1.0\n */\nimport { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';\nimport { r as removeSSRSlot } from './index2.js';\nimport { d as defineCustomElement$4 } from './popover-container.js';\nimport { d as defineCustomElement$3 } from './sidenav-popover.js';\nimport { d as defineCustomElement$2 } from './sidenav-responsive-header.js';\n\nlet sidenavMenuId = 0;\nconst Sidenav = /*@__PURE__*/ proxyCustomElement(class Sidenav extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n this.sidenavMenuId = `tds-sidenav-menu-${sidenavMenuId++}`;\n /**\n * The label for the sidenav, used for accessibility.\n */\n this.label = \"Secondary\";\n }\n // --------------------------------------------------------------------------\n //\n // Lifecycle\n //\n // --------------------------------------------------------------------------\n componentDidLoad() {\n removeSSRSlot(this.el);\n }\n // --------------------------------------------------------------------------\n //\n // Render Methods\n //\n // --------------------------------------------------------------------------\n render() {\n return (h(Host, { key: '1e459bceead4531bace6d26d2742b4cbe68755fa' }, h(\"nav\", { key: '37bac08078cc34536e24571d817600e45cba1f18', id: this.sidenavMenuId, class: \"tds-sidenav\", \"aria-label\": this.label }, h(\"tds-sidenav-responsive-header\", { key: '3b717dfd822a8cc4fe928bddbac559e623ada2de', label: this.selectedItemLabel }), h(\"tds-sidenav-popover\", { key: 'df132d2ba09ef44ac65a4dc5019e5a45def16da6' }, h(\"slot\", { key: 'dbd56edde827fe59116145b5e6c3540afb7e2978' })))));\n }\n get el() { return this; }\n}, [6, \"tds-sidenav\", {\n \"label\": [1],\n \"selectedItemLabel\": [1, \"selected-item-label\"]\n }]);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"tds-sidenav\", \"tds-popover-container\", \"tds-sidenav-popover\", \"tds-sidenav-responsive-header\"];\n components.forEach(tagName => { switch (tagName) {\n case \"tds-sidenav\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, Sidenav);\n }\n break;\n case \"tds-popover-container\":\n if (!customElements.get(tagName)) {\n defineCustomElement$4();\n }\n break;\n case \"tds-sidenav-popover\":\n if (!customElements.get(tagName)) {\n defineCustomElement$3();\n }\n break;\n case \"tds-sidenav-responsive-header\":\n if (!customElements.get(tagName)) {\n defineCustomElement$2();\n }\n break;\n } });\n}\n\nconst TdsSidenav = Sidenav;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { TdsSidenav, defineCustomElement };\n//# sourceMappingURL=tds-sidenav.js.map\n\n//# sourceMappingURL=tds-sidenav.js.map"],"names":["HTMLElement"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AAMA;AACA,IAAI,aAAa,GAAG,CAAC,CAAC;AACtB,MAAM,OAAO,iBAAiB,kBAAkB,CAAC,MAAM,OAAO,SAASA,CAAW,CAAC;AACnF,IAAI,WAAW,GAAG;AAClB,QAAQ,KAAK,EAAE,CAAC;AAChB,QAAQ,IAAI,CAAC,cAAc,EAAE,CAAC;AAC9B,QAAQ,IAAI,CAAC,aAAa,GAAG,CAAC,iBAAiB,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC;AACnE;AACA;AACA;AACA,QAAQ,IAAI,CAAC,KAAK,GAAG,WAAW,CAAC;AACjC,KAAK;AACL;AACA;AACA;AACA;AACA;AACA,IAAI,gBAAgB,GAAG;AACvB,QAAQ,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC/B,KAAK;AACL;AACA;AACA;AACA;AACA;AACA,IAAI,MAAM,GAAG;AACb,QAAQ,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,EAAE,EAAE,IAAI,CAAC,aAAa,EAAE,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,+BAA+B,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,IAAI,CAAC,iBAAiB,EAAE,CAAC,EAAE,CAAC,CAAC,qBAAqB,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE;AAC5d,KAAK;AACL,IAAI,IAAI,EAAE,GAAG,EAAE,OAAO,IAAI,CAAC,EAAE;AAC7B,CAAC,EAAE,CAAC,CAAC,EAAE,aAAa,EAAE;AACtB,QAAQ,OAAO,EAAE,CAAC,CAAC,CAAC;AACpB,QAAQ,mBAAmB,EAAE,CAAC,CAAC,EAAE,qBAAqB,CAAC;AACvD,KAAK,CAAC,CAAC,CAAC;AACR,SAAS,qBAAqB,GAAG;AACjC,IAAI,IAAI,OAAO,cAAc,KAAK,WAAW,EAAE;AAC/C,QAAQ,OAAO;AACf,KAAK;AACL,IAAI,MAAM,UAAU,GAAG,CAAC,aAAa,EAAE,uBAAuB,EAAE,qBAAqB,EAAE,+BAA+B,CAAC,CAAC;AACxH,IAAI,UAAU,CAAC,OAAO,CAAC,OAAO,IAAI,EAAE,QAAQ,OAAO;AACnD,QAAQ,KAAK,aAAa;AAC1B,YAAY,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;AAC9C,gBAAgB,cAAc,CAAC,MAAM,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;AACxD,aAAa;AACb,YAAY,MAAM;AAClB,QAAQ,KAAK,uBAAuB;AACpC,YAAY,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;AAC9C,gBAAgB,qBAAqB,EAAE,CAAC;AACxC,aAAa;AACb,YAAY,MAAM;AAClB,QAAQ,KAAK,qBAAqB;AAClC,YAAY,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;AAC9C,gBAAgB,qBAAqB,EAAE,CAAC;AACxC,aAAa;AACb,YAAY,MAAM;AAClB,QAAQ,KAAK,+BAA+B;AAC5C,YAAY,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;AAC9C,gBAAgB,qBAAqB,EAAE,CAAC;AACxC,aAAa;AACb,YAAY,MAAM;AAClB,KAAK,EAAE,CAAC,CAAC;AACT,CAAC;AAGI,MAAC,mBAAmB,GAAG;;;;"}
|