@planningcenter/tapestry 1.1.0-rc.14 → 1.1.0-rc.16
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 +12 -6
- package/dist/index.css.map +1 -1
- package/dist/packages/tapestry-wc/dist/components/index2.js +1 -1
- package/dist/packages/tapestry-wc/dist/components/index2.js.map +1 -1
- package/dist/packages/tapestry-wc/dist/components/popover-container.js +1 -1
- package/dist/packages/tapestry-wc/dist/components/popover-container.js.map +1 -1
- package/dist/packages/tapestry-wc/dist/components/sidenav-popover.js +2 -2
- 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 +1 -1
- 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 +1 -1
- 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 +1 -1
- package/dist/packages/tapestry-wc/dist/components/tds-sidenav-section.js.map +1 -1
- package/dist/packages/tapestry-wc/dist/components/tds-sidenav.js +14 -7
- package/dist/packages/tapestry-wc/dist/components/tds-sidenav.js.map +1 -1
- package/dist/unstable.css +12 -6
- package/dist/unstable.css.map +1 -1
- package/dist/webComponents.css +12 -6
- package/dist/webComponents.css.map +1 -1
- package/package.json +3 -3
- package/react-types/index.d.ts +4 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidenav-popover.js","sources":["../../../../../../tapestry-wc/dist/components/sidenav-popover.js"],"sourcesContent":["/*!\n * Planning Center Tapestry Web Components\n * Version: 1.1.0-rc.
|
|
1
|
+
{"version":3,"file":"sidenav-popover.js","sources":["../../../../../../tapestry-wc/dist/components/sidenav-popover.js"],"sourcesContent":["/*!\n * Planning Center Tapestry Web Components\n * Version: 1.1.0-rc.15\n */\nimport { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';\nimport { d as defineCustomElement$1 } from './popover-container.js';\n\nconst TdsSidenavPopover = /*@__PURE__*/ proxyCustomElement(class TdsSidenavPopover extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n /**\n * Maximum screen width at which the popover will be displayed\n */\n this.popoverMaxScreenWidth = \"720px\";\n // --------------------------------------------------------------------------\n //\n // Private Methods\n //\n // --------------------------------------------------------------------------\n this.handleResize = () => {\n const maxWidth = parseInt(this.popoverMaxScreenWidth);\n const windowWidth = window.innerWidth;\n if (windowWidth < maxWidth) {\n this.popoverRef.setAttribute(\"popover\", \"auto\");\n }\n else {\n this.popoverRef.removeAttribute(\"popover\");\n }\n };\n this.removeResizeObserver = () => {\n if (this.resizeObserver) {\n this.resizeObserver.disconnect();\n this.resizeObserver = null;\n }\n };\n }\n // --------------------------------------------------------------------------\n //\n // Lifecycle\n //\n // --------------------------------------------------------------------------\n componentWillLoad() {\n var _a;\n const parentNavId = (_a = this.el.closest(\"nav\")) === null || _a === void 0 ? void 0 : _a.id;\n if (!parentNavId) {\n throw new Error(\"Sidenav header must be a child of a nav element\");\n }\n this.popoverId = `${parentNavId}-popover`;\n }\n componentDidLoad() {\n this.resizeObserver = new ResizeObserver(() => {\n this.handleResize();\n });\n this.resizeObserver.observe(document.body);\n }\n disconnectedCallback() {\n this.removeResizeObserver();\n }\n // --------------------------------------------------------------------------\n //\n // Render Methods\n //\n // --------------------------------------------------------------------------\n render() {\n return (h(Host, { key: '23b0bc8b4ffff06fd1c20271beaf9c155011eb3b' }, h(\"tds-popover-container\", { key: 'b363557e8562215f394910b3d1b5a6a22b0c2224', id: this.popoverId, class: \"tds-sidenav-collapse\", autoPosition: true, ref: (e) => (this.popoverRef = e) }, h(\"div\", { key: '2141f128da3ee4e0173b034b7bed71e07c99ba83', class: \"tds-sidenav-scroll-container\" }, h(\"slot\", { key: '9eedb2f61b9ee157fb8f9dc033d4e23046f88e0e' })))));\n }\n get el() { return this; }\n}, [4, \"tds-sidenav-popover\", {\n \"popoverMaxScreenWidth\": [1, \"popover-max-screen-width\"]\n }]);\nfunction defineCustomElement() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"tds-sidenav-popover\", \"tds-popover-container\"];\n components.forEach(tagName => { switch (tagName) {\n case \"tds-sidenav-popover\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, TdsSidenavPopover);\n }\n break;\n case \"tds-popover-container\":\n if (!customElements.get(tagName)) {\n defineCustomElement$1();\n }\n break;\n } });\n}\n\nexport { TdsSidenavPopover as T, defineCustomElement as d };\n//# sourceMappingURL=sidenav-popover.js.map\n\n//# sourceMappingURL=sidenav-popover.js.map"],"names":["HTMLElement"],"mappings":";;;AAAA;AACA;AACA;AACA;AAGA;AACK,MAAC,iBAAiB,iBAAiB,kBAAkB,CAAC,MAAM,iBAAiB,SAASA,CAAW,CAAC;AACvG,IAAI,WAAW,GAAG;AAClB,QAAQ,KAAK,EAAE,CAAC;AAChB,QAAQ,IAAI,CAAC,cAAc,EAAE,CAAC;AAC9B;AACA;AACA;AACA,QAAQ,IAAI,CAAC,qBAAqB,GAAG,OAAO,CAAC;AAC7C;AACA;AACA;AACA;AACA;AACA,QAAQ,IAAI,CAAC,YAAY,GAAG,MAAM;AAClC,YAAY,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;AAClE,YAAY,MAAM,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC;AAClD,YAAY,IAAI,WAAW,GAAG,QAAQ,EAAE;AACxC,gBAAgB,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;AAChE,aAAa;AACb,iBAAiB;AACjB,gBAAgB,IAAI,CAAC,UAAU,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;AAC3D,aAAa;AACb,SAAS,CAAC;AACV,QAAQ,IAAI,CAAC,oBAAoB,GAAG,MAAM;AAC1C,YAAY,IAAI,IAAI,CAAC,cAAc,EAAE;AACrC,gBAAgB,IAAI,CAAC,cAAc,CAAC,UAAU,EAAE,CAAC;AACjD,gBAAgB,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;AAC3C,aAAa;AACb,SAAS,CAAC;AACV,KAAK;AACL;AACA;AACA;AACA;AACA;AACA,IAAI,iBAAiB,GAAG;AACxB,QAAQ,IAAI,EAAE,CAAC;AACf,QAAQ,MAAM,WAAW,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,IAAI,IAAI,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC;AACrG,QAAQ,IAAI,CAAC,WAAW,EAAE;AAC1B,YAAY,MAAM,IAAI,KAAK,CAAC,iDAAiD,CAAC,CAAC;AAC/E,SAAS;AACT,QAAQ,IAAI,CAAC,SAAS,GAAG,CAAC,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;AAClD,KAAK;AACL,IAAI,gBAAgB,GAAG;AACvB,QAAQ,IAAI,CAAC,cAAc,GAAG,IAAI,cAAc,CAAC,MAAM;AACvD,YAAY,IAAI,CAAC,YAAY,EAAE,CAAC;AAChC,SAAS,CAAC,CAAC;AACX,QAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;AACnD,KAAK;AACL,IAAI,oBAAoB,GAAG;AAC3B,QAAQ,IAAI,CAAC,oBAAoB,EAAE,CAAC;AACpC,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,uBAAuB,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,EAAE,EAAE,IAAI,CAAC,SAAS,EAAE,KAAK,EAAE,sBAAsB,EAAE,YAAY,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC,MAAM,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,8BAA8B,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE;AAC/a,KAAK;AACL,IAAI,IAAI,EAAE,GAAG,EAAE,OAAO,IAAI,CAAC,EAAE;AAC7B,CAAC,EAAE,CAAC,CAAC,EAAE,qBAAqB,EAAE;AAC9B,QAAQ,uBAAuB,EAAE,CAAC,CAAC,EAAE,0BAA0B,CAAC;AAChE,KAAK,CAAC,EAAE;AACR,SAAS,mBAAmB,GAAG;AAC/B,IAAI,IAAI,OAAO,cAAc,KAAK,WAAW,EAAE;AAC/C,QAAQ,OAAO;AACf,KAAK;AACL,IAAI,MAAM,UAAU,GAAG,CAAC,qBAAqB,EAAE,uBAAuB,CAAC,CAAC;AACxE,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,iBAAiB,CAAC,CAAC;AAClE,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,KAAK,EAAE,CAAC,CAAC;AACT;;;;"}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import { proxyCustomElement, H, h, Host } from './../../../../ext/@stencil/core/internal/client/index.js';
|
|
2
|
+
|
|
3
|
+
/*!
|
|
4
|
+
* Planning Center Tapestry Web Components
|
|
5
|
+
* Version: 1.1.0-rc.15
|
|
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: '5b659eae6967a985efa0db44eb016ee520bcc941', class: "tds-sidenav-responsive-header" }, this.label && (h("h2", { key: '7fb50f3c65e615c968da5c93db4212a32a5763df', class: "tds-sidenav-responsive-header-label" }, this.label)), h("button", { key: '62711a8592041be00153292b25cfabf8c69c7df3', 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: '103f7029d95e6cc85bbed3631f00580bc1645a98', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: 'c65486ebf8fa2bf42d55a55fd16daecfcfc801d2', d: "M0 6.91104H16V8.68904H0V6.91104ZM0 13.133H16V11.356H0V13.133ZM0 2.46704V4.24404H16V2.46704H0Z", fill: "currentColor" })))));
|
|
41
|
+
}
|
|
42
|
+
get el() { return this; }
|
|
43
|
+
}, [0, "tds-sidenav-responsive-header", {
|
|
44
|
+
"label": [1],
|
|
45
|
+
"isOpen": [32]
|
|
46
|
+
}]);
|
|
47
|
+
function defineCustomElement() {
|
|
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
|
+
|
|
61
|
+
export { SidenavResponsiveHeader as S, defineCustomElement as d };
|
|
62
|
+
//# sourceMappingURL=sidenav-responsive-header.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sidenav-responsive-header.js","sources":["../../../../../../tapestry-wc/dist/components/sidenav-responsive-header.js"],"sourcesContent":["/*!\n * Planning Center Tapestry Web Components\n * Version: 1.1.0-rc.15\n */\nimport { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';\n\nconst SidenavResponsiveHeader = /*@__PURE__*/ proxyCustomElement(class SidenavResponsiveHeader extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n /** Whether the sidenav is open */\n this.isOpen = false;\n }\n // --------------------------------------------------------------------------\n //\n // Lifecycle\n //\n // --------------------------------------------------------------------------\n componentWillLoad() {\n var _a;\n const parentNavId = (_a = this.el.closest(\"nav\")) === null || _a === void 0 ? void 0 : _a.id;\n if (!parentNavId) {\n throw new Error(\"Sidenav header must be a child of a nav element\");\n }\n this.popoverId = `${parentNavId}-popover`;\n }\n componentDidLoad() {\n const popoverElement = document.getElementById(this.popoverId);\n popoverElement === null || popoverElement === void 0 ? void 0 : popoverElement.addEventListener(\"toggle\", (event) => {\n this.isOpen = event.newState === \"open\";\n });\n }\n // --------------------------------------------------------------------------\n //\n // Render Methods\n //\n // --------------------------------------------------------------------------\n render() {\n return (h(Host, { key: '5b659eae6967a985efa0db44eb016ee520bcc941', class: \"tds-sidenav-responsive-header\" }, this.label && (h(\"h2\", { key: '7fb50f3c65e615c968da5c93db4212a32a5763df', class: \"tds-sidenav-responsive-header-label\" }, this.label)), h(\"button\", { key: '62711a8592041be00153292b25cfabf8c69c7df3', 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: '103f7029d95e6cc85bbed3631f00580bc1645a98', xmlns: \"http://www.w3.org/2000/svg\", width: \"16\", height: \"16\", viewBox: \"0 0 16 16\", fill: \"none\" }, h(\"path\", { key: 'c65486ebf8fa2bf42d55a55fd16daecfcfc801d2', d: \"M0 6.91104H16V8.68904H0V6.91104ZM0 13.133H16V11.356H0V13.133ZM0 2.46704V4.24404H16V2.46704H0Z\", fill: \"currentColor\" })))));\n }\n get el() { return this; }\n}, [0, \"tds-sidenav-responsive-header\", {\n \"label\": [1],\n \"isOpen\": [32]\n }]);\nfunction defineCustomElement() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"tds-sidenav-responsive-header\"];\n components.forEach(tagName => { switch (tagName) {\n case \"tds-sidenav-responsive-header\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, SidenavResponsiveHeader);\n }\n break;\n } });\n}\n\nexport { SidenavResponsiveHeader as S, defineCustomElement as d };\n//# sourceMappingURL=sidenav-responsive-header.js.map\n\n//# sourceMappingURL=sidenav-responsive-header.js.map"],"names":["HTMLElement"],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@ import { proxyCustomElement, H, h } from './../../../../ext/@stencil/core/intern
|
|
|
2
2
|
|
|
3
3
|
/*!
|
|
4
4
|
* Planning Center Tapestry Web Components
|
|
5
|
-
* Version: 1.1.0-rc.
|
|
5
|
+
* Version: 1.1.0-rc.15
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
8
|
const PageHeader = /*@__PURE__*/ proxyCustomElement(class PageHeader extends H {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tds-page-header.js","sources":["../../../../../../tapestry-wc/dist/components/tds-page-header.js"],"sourcesContent":["/*!\n * Planning Center Tapestry Web Components\n * Version: 1.1.0-rc.
|
|
1
|
+
{"version":3,"file":"tds-page-header.js","sources":["../../../../../../tapestry-wc/dist/components/tds-page-header.js"],"sourcesContent":["/*!\n * Planning Center Tapestry Web Components\n * Version: 1.1.0-rc.15\n */\nimport { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';\n\nconst PageHeader = /*@__PURE__*/ proxyCustomElement(class PageHeader extends HTMLElement {\n constructor() {\n super();\n this.__registerHost();\n /**\n * Indicates whether the page header is inactive or not.\n * When set to true, the page header is visually inactive\n * @prop {boolean} inactive - Controls the inactive state of the page. Defaults to false.\n */\n this.inactive = false;\n }\n render() {\n var _a, _b;\n const hasNavigationSlot = !!this.el.querySelector(\"[slot='navigation']\");\n const hasMultiActions = ((_b = (_a = this.el.querySelector(\"[slot='actions']\")) === null || _a === void 0 ? void 0 : _a.children) === null || _b === void 0 ? void 0 : _b.length) > 1;\n return (h(\"header\", { key: '9bac0408b59073aaf3588a7d3a5d60316d8cdd88', class: {\n \"tds-page-header\": true,\n \"has-multi-actions\": hasMultiActions,\n \"has-nav\": hasNavigationSlot,\n \"tds-page-header--profile\": this.profile,\n inactive: this.inactive,\n } }, h(\"div\", { key: '86a1bf1ad1213f1d225a20a1e60e43dd9f42fa24', class: \"tds-page-header__title-bar\" }, h(\"div\", { key: '0837ef086111d4a5d4e864884ba7d6babb7481f1', class: \"tds-page-header__primary\" }, h(\"slot\", { key: 'da04e2b0535a91627e19d4db81032231785d4ef1' })), h(\"slot\", { key: '62c64f573256c8b32ce3dff643468d52b03f82d7', name: \"actions\" })), hasNavigationSlot && (h(\"tds-page-header-nav\", { key: '491e65645a053ebc59979dbfb95faf6a3bf107a5' }, h(\"slot\", { key: 'b8f3f92a2cf84ce5c7932834e61519c14f6a5fbc', name: \"navigation\" })))));\n }\n get el() { return this; }\n}, [4, \"tds-page-header\", {\n \"inactive\": [4],\n \"profile\": [4]\n }]);\nfunction defineCustomElement$1() {\n if (typeof customElements === \"undefined\") {\n return;\n }\n const components = [\"tds-page-header\"];\n components.forEach(tagName => { switch (tagName) {\n case \"tds-page-header\":\n if (!customElements.get(tagName)) {\n customElements.define(tagName, PageHeader);\n }\n break;\n } });\n}\n\nconst TdsPageHeader = PageHeader;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { TdsPageHeader, defineCustomElement };\n//# sourceMappingURL=tds-page-header.js.map\n\n//# sourceMappingURL=tds-page-header.js.map"],"names":["HTMLElement"],"mappings":";;AAAA;AACA;AACA;AACA;AAEA;AACA,MAAM,UAAU,iBAAiB,kBAAkB,CAAC,MAAM,UAAU,SAASA,CAAW,CAAC;AACzF,IAAI,WAAW,GAAG;AAClB,QAAQ,KAAK,EAAE,CAAC;AAChB,QAAQ,IAAI,CAAC,cAAc,EAAE,CAAC;AAC9B;AACA;AACA;AACA;AACA;AACA,QAAQ,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;AAC9B,KAAK;AACL,IAAI,MAAM,GAAG;AACb,QAAQ,IAAI,EAAE,EAAE,EAAE,CAAC;AACnB,QAAQ,MAAM,iBAAiB,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC;AACjF,QAAQ,MAAM,eAAe,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,kBAAkB,CAAC,MAAM,IAAI,IAAI,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,QAAQ,MAAM,IAAI,IAAI,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,MAAM,IAAI,CAAC,CAAC;AAC9L,QAAQ,QAAQ,CAAC,CAAC,QAAQ,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE;AACtF,gBAAgB,iBAAiB,EAAE,IAAI;AACvC,gBAAgB,mBAAmB,EAAE,eAAe;AACpD,gBAAgB,SAAS,EAAE,iBAAiB;AAC5C,gBAAgB,0BAA0B,EAAE,IAAI,CAAC,OAAO;AACxD,gBAAgB,QAAQ,EAAE,IAAI,CAAC,QAAQ;AACvC,aAAa,EAAE,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,4BAA4B,EAAE,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,0BAA0B,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,EAAE,iBAAiB,KAAK,CAAC,CAAC,qBAAqB,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE;AACniB,KAAK;AACL,IAAI,IAAI,EAAE,GAAG,EAAE,OAAO,IAAI,CAAC,EAAE;AAC7B,CAAC,EAAE,CAAC,CAAC,EAAE,iBAAiB,EAAE;AAC1B,QAAQ,UAAU,EAAE,CAAC,CAAC,CAAC;AACvB,QAAQ,SAAS,EAAE,CAAC,CAAC,CAAC;AACtB,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,iBAAiB,CAAC,CAAC;AAC3C,IAAI,UAAU,CAAC,OAAO,CAAC,OAAO,IAAI,EAAE,QAAQ,OAAO;AACnD,QAAQ,KAAK,iBAAiB;AAC9B,YAAY,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;AAC9C,gBAAgB,cAAc,CAAC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;AAC3D,aAAa;AACb,YAAY,MAAM;AAClB,KAAK,EAAE,CAAC,CAAC;AACT,CAAC;AAGI,MAAC,mBAAmB,GAAG;;;;"}
|
|
@@ -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-rc.
|
|
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-rc.15\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 Methods\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 // --------------------------------------------------------------------------\n //\n // Render Methods\n //\n // --------------------------------------------------------------------------\n componentDidLoad() {\n removeSSRSlot(this.el);\n }\n render() {\n return (h(Host, { key: '7fa71d21f92eaafd4f50b74f1d2b75e67ec5a80a', class: {\n \"tds-sidenav-item\": true,\n selected: this.selected,\n }, role: \"listitem\" }, h(\"slot\", { key: '43d52937d60e40e7984a70ac3ac1af643954dc6f' }), h(\"slot\", { key: 'cb6f0079fba5e34063e7b84cfa16f1cb6e4c23b5', name: \"subnav\" })));\n }\n get el() { return this; }\n}, [4, \"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;AACA;AACA;AACA;AACA;AACA,IAAI,gBAAgB,GAAG;AACvB,QAAQ,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC/B,KAAK;AACL,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-rc.
|
|
5
|
+
* Version: 1.1.0-rc.15
|
|
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: '5b659eae6967a985efa0db44eb016ee520bcc941', class: "tds-sidenav-responsive-header" }, h("h2", { key: '5daf9130b93af8588c18fb71dcbe66ca2b918b04', class: "tds-sidenav-responsive-header-label" }, this.label), h("button", { key: 'd586e5c673b73e16cd7cfa551a39efdcef7a5f13', 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: '4d1d536ed2a0d80fc04281cbd5e9107afc4d10e2', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '1c49ae62c195df34cd6a616bf76e4f1361693a70', d: "M0 6.91104H16V8.68904H0V6.91104ZM0 13.133H16V11.356H0V13.133ZM0 2.46704V4.24404H16V2.46704H0Z", fill: "currentColor" })))));
|
|
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-rc.
|
|
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-rc.15\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 +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-rc.
|
|
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-rc.15\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 componentDidLoad() {\n removeSSRSlot(this.el);\n }\n // --------------------------------------------------------------------------\n //\n // Render Methods\n //\n // --------------------------------------------------------------------------\n render() {\n return (h(Host, { key: '4a585fa49f32e109d80b529c451de1b3b6632338', class: \"tds-sidenav-section\" }, this.label && (h(\"h2\", { key: '64f3da671f9f65b66be9451cdde053f970237b3e', id: `${this.componentId}`, class: \"tds-sidenav-section-header\" }, this.label)), h(\"ul\", { key: '42fd91e54db81127b8af9ab88a5dbf3227dbed3c', class: \"tds-sidenav-section-list\", \"aria-labelledby\": this.label ? `${this.componentId}` : undefined }, h(\"slot\", { key: '6a57fcdbbb5a605fd15bfd80fb489ece990c0d84' }))));\n }\n get el() { return this; }\n}, [4, \"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,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,11 +1,12 @@
|
|
|
1
1
|
import { proxyCustomElement, H, h, Host } from './../../../../ext/@stencil/core/internal/client/index.js';
|
|
2
2
|
import { r as removeSSRSlot } from './index2.js';
|
|
3
|
-
import { d as defineCustomElement$
|
|
4
|
-
import { d as defineCustomElement$
|
|
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';
|
|
5
6
|
|
|
6
7
|
/*!
|
|
7
8
|
* Planning Center Tapestry Web Components
|
|
8
|
-
* Version: 1.1.0-rc.
|
|
9
|
+
* Version: 1.1.0-rc.15
|
|
9
10
|
*/
|
|
10
11
|
|
|
11
12
|
let sidenavMenuId = 0;
|
|
@@ -28,17 +29,18 @@ const Sidenav = /*@__PURE__*/ proxyCustomElement(class Sidenav extends H {
|
|
|
28
29
|
//
|
|
29
30
|
// --------------------------------------------------------------------------
|
|
30
31
|
render() {
|
|
31
|
-
return (h(Host, { key: '
|
|
32
|
+
return (h(Host, { key: '239b0f294957f32d274450b7660e358d7e773026' }, h("nav", { key: '6e63fd577048198f3c253d88c27557a5b7d7c6bc', id: this.sidenavMenuId, class: "tds-sidenav", "aria-label": this.label }, h("tds-sidenav-responsive-header", { key: 'f37f26305fe53dc8bc37f484caee57c08c487d99', label: this.selectedItemLabel }), h("tds-sidenav-popover", { key: 'c322b38148a41f9df3db2279b13e9972cfa87213' }, h("slot", { key: '92e8d5898f68d839880228a543a2187bec773b0b' })))));
|
|
32
33
|
}
|
|
33
34
|
get el() { return this; }
|
|
34
35
|
}, [4, "tds-sidenav", {
|
|
35
|
-
"label": [1]
|
|
36
|
+
"label": [1],
|
|
37
|
+
"selectedItemLabel": [1, "selected-item-label"]
|
|
36
38
|
}]);
|
|
37
39
|
function defineCustomElement$1() {
|
|
38
40
|
if (typeof customElements === "undefined") {
|
|
39
41
|
return;
|
|
40
42
|
}
|
|
41
|
-
const components = ["tds-sidenav", "tds-popover-container", "tds-sidenav-popover"];
|
|
43
|
+
const components = ["tds-sidenav", "tds-popover-container", "tds-sidenav-popover", "tds-sidenav-responsive-header"];
|
|
42
44
|
components.forEach(tagName => { switch (tagName) {
|
|
43
45
|
case "tds-sidenav":
|
|
44
46
|
if (!customElements.get(tagName)) {
|
|
@@ -47,10 +49,15 @@ function defineCustomElement$1() {
|
|
|
47
49
|
break;
|
|
48
50
|
case "tds-popover-container":
|
|
49
51
|
if (!customElements.get(tagName)) {
|
|
50
|
-
defineCustomElement$
|
|
52
|
+
defineCustomElement$4();
|
|
51
53
|
}
|
|
52
54
|
break;
|
|
53
55
|
case "tds-sidenav-popover":
|
|
56
|
+
if (!customElements.get(tagName)) {
|
|
57
|
+
defineCustomElement$3();
|
|
58
|
+
}
|
|
59
|
+
break;
|
|
60
|
+
case "tds-sidenav-responsive-header":
|
|
54
61
|
if (!customElements.get(tagName)) {
|
|
55
62
|
defineCustomElement$2();
|
|
56
63
|
}
|
|
@@ -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-rc.
|
|
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-rc.15\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 componentDidLoad() {\n removeSSRSlot(this.el);\n }\n // --------------------------------------------------------------------------\n //\n // Render Methods\n //\n // --------------------------------------------------------------------------\n render() {\n return (h(Host, { key: '239b0f294957f32d274450b7660e358d7e773026' }, h(\"nav\", { key: '6e63fd577048198f3c253d88c27557a5b7d7c6bc', id: this.sidenavMenuId, class: \"tds-sidenav\", \"aria-label\": this.label }, h(\"tds-sidenav-responsive-header\", { key: 'f37f26305fe53dc8bc37f484caee57c08c487d99', label: this.selectedItemLabel }), h(\"tds-sidenav-popover\", { key: 'c322b38148a41f9df3db2279b13e9972cfa87213' }, h(\"slot\", { key: '92e8d5898f68d839880228a543a2187bec773b0b' })))));\n }\n get el() { return this; }\n}, [4, \"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,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;;;;"}
|
package/dist/unstable.css
CHANGED
|
@@ -376,14 +376,14 @@
|
|
|
376
376
|
white-space: nowrap;
|
|
377
377
|
}
|
|
378
378
|
|
|
379
|
-
|
|
379
|
+
.selected > :is(.tds-sidenav-item :is(a,button)) {
|
|
380
380
|
--tds-sidenav-item-nested-background: transparent;
|
|
381
381
|
--tds-sidenav-item-nested-border-color: var(--tds-sidenav-item-nested-border-color-selected);
|
|
382
382
|
font-weight: 600;
|
|
383
383
|
background-color: var(--tds-sidenav-item-background-selected);
|
|
384
384
|
}
|
|
385
385
|
|
|
386
|
-
|
|
386
|
+
:is(.selected > :is(.tds-sidenav-item :is(a,button))) .prefix,:is(.selected > :is(.tds-sidenav-item :is(a,button))) [slot="prefix"] {
|
|
387
387
|
color: var(--t-icon-color-default-primary);
|
|
388
388
|
}
|
|
389
389
|
|
|
@@ -405,6 +405,8 @@
|
|
|
405
405
|
|
|
406
406
|
:is(:is(.tds-sidenav-item :is(a,button)) :is(.prefix,[slot="prefix"])) svg {
|
|
407
407
|
display: block;
|
|
408
|
+
width: 16px;
|
|
409
|
+
height: 16px;
|
|
408
410
|
}
|
|
409
411
|
|
|
410
412
|
:is(.tds-sidenav-item :is(a,button)):has(.prefix,[slot="prefix"]) + .tds-sidenav-section {
|
|
@@ -517,14 +519,14 @@
|
|
|
517
519
|
|
|
518
520
|
.tds-sidenav-responsive-header .tds-sidenav-responsive-header-label {
|
|
519
521
|
flex: 1;
|
|
520
|
-
margin: 0;
|
|
521
522
|
order: 1;
|
|
523
|
+
margin: 0;
|
|
522
524
|
font-size: var(--t-font-size-lg);
|
|
523
525
|
font-weight: var(--t-font-weight-medium);
|
|
524
526
|
color: var(--t-text-color-default-headline);
|
|
525
527
|
}
|
|
526
528
|
|
|
527
|
-
@media (max-width:
|
|
529
|
+
@media (max-width: 719px) {
|
|
528
530
|
.tds-sidenav-collapse {
|
|
529
531
|
position: absolute;
|
|
530
532
|
z-index: 10001;
|
|
@@ -533,7 +535,7 @@
|
|
|
533
535
|
margin: 12px 0;
|
|
534
536
|
overflow: hidden;
|
|
535
537
|
outline: 0;
|
|
536
|
-
background:
|
|
538
|
+
background: var(--t-surface-color-card);
|
|
537
539
|
border: 0;
|
|
538
540
|
border-radius: 6px;
|
|
539
541
|
box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .25);
|
|
@@ -555,9 +557,13 @@
|
|
|
555
557
|
padding: var(--t-spacing-2);
|
|
556
558
|
overflow-y: auto;
|
|
557
559
|
}
|
|
560
|
+
|
|
561
|
+
.tds-sidenav-item :is(a, button) :is(.prefix, [slot="prefix"]) {
|
|
562
|
+
display: none;
|
|
563
|
+
}
|
|
558
564
|
}
|
|
559
565
|
|
|
560
|
-
@media (min-width:
|
|
566
|
+
@media (min-width: 720px) {
|
|
561
567
|
.tds-sidenav-responsive-header {
|
|
562
568
|
display: none;
|
|
563
569
|
}
|