@planningcenter/tapestry 1.6.0 → 1.6.1-rc.1
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/components/page-header/index.js +1 -1
- package/dist/components/sidenav/index.js +1 -1
- package/dist/index.css +17 -9
- package/dist/index.css.map +1 -1
- package/dist/tapestry-wc/dist/components/{p-CUHLKbRp.js → p-ATXuVWKr.js} +2 -2
- package/dist/tapestry-wc/dist/components/p-ATXuVWKr.js.map +1 -0
- package/dist/tapestry-wc/dist/components/{p-Be0t0eTb.js → p-Bon4S8Ec.js} +3 -3
- package/dist/tapestry-wc/dist/components/p-Bon4S8Ec.js.map +1 -0
- package/dist/tapestry-wc/dist/components/{p-9wWbaPol.js → p-CEG4BiEy.js} +2 -2
- package/dist/tapestry-wc/dist/components/p-CEG4BiEy.js.map +1 -0
- package/dist/tapestry-wc/dist/components/{p-D5ggpwU6.js → p-DUrrtQhU.js} +7 -5
- package/dist/tapestry-wc/dist/components/p-DUrrtQhU.js.map +1 -0
- package/dist/tapestry-wc/dist/components/{p-CHab5KHD.js → p-DePFlvsx.js} +3 -3
- package/dist/tapestry-wc/dist/components/p-DePFlvsx.js.map +1 -0
- package/dist/tapestry-wc/dist/components/tds-page-header-nav.js +2 -2
- package/dist/tapestry-wc/dist/components/tds-page-header-nav.js.map +1 -1
- package/dist/tapestry-wc/dist/components/tds-page-header.js +3 -3
- package/dist/tapestry-wc/dist/components/tds-page-header.js.map +1 -1
- package/dist/tapestry-wc/dist/components/tds-sidenav-item.js +3 -3
- package/dist/tapestry-wc/dist/components/tds-sidenav-item.js.map +1 -1
- package/dist/tapestry-wc/dist/components/tds-sidenav-responsive-header.js +2 -2
- package/dist/tapestry-wc/dist/components/tds-sidenav-responsive-header.js.map +1 -1
- package/dist/tapestry-wc/dist/components/tds-sidenav-section.js +3 -3
- package/dist/tapestry-wc/dist/components/tds-sidenav-section.js.map +1 -1
- package/dist/tapestry-wc/dist/components/tds-sidenav.js +5 -5
- package/dist/tapestry-wc/dist/components/tds-sidenav.js.map +1 -1
- package/dist/unstable.css +17 -9
- package/dist/unstable.css.map +1 -1
- package/dist/webComponents.css +17 -9
- package/dist/webComponents.css.map +1 -1
- package/package.json +3 -3
- package/dist/tapestry-wc/dist/components/p-9wWbaPol.js.map +0 -1
- package/dist/tapestry-wc/dist/components/p-Be0t0eTb.js.map +0 -1
- package/dist/tapestry-wc/dist/components/p-CHab5KHD.js.map +0 -1
- package/dist/tapestry-wc/dist/components/p-CUHLKbRp.js.map +0 -1
- package/dist/tapestry-wc/dist/components/p-D5ggpwU6.js.map +0 -1
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { p as proxyCustomElement, H, h } from './p-
|
|
2
|
-
import { d as defineCustomElement$2 } from './p-
|
|
1
|
+
import { p as proxyCustomElement, H, h } from './p-ATXuVWKr.js';
|
|
2
|
+
import { d as defineCustomElement$2 } from './p-Bon4S8Ec.js';
|
|
3
3
|
|
|
4
4
|
/*!
|
|
5
5
|
* Planning Center Tapestry Web Components
|
|
6
|
-
* Version: 1.6.0
|
|
6
|
+
* Version: 1.6.1-rc.0
|
|
7
7
|
*/
|
|
8
8
|
|
|
9
9
|
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.6.0\n */\nimport { p as proxyCustomElement, H, h } from './p-
|
|
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.6.1-rc.0\n */\nimport { p as proxyCustomElement, H, h } from './p-ATXuVWKr.js';\nimport { d as defineCustomElement$2 } from './p-Bon4S8Ec.js';\n\nconst PageHeader = /*@__PURE__*/ proxyCustomElement(class PageHeader extends H {\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 // --------------------------------------------------------------------------\n //\n // Render Methods\n //\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: '10bfda3d0c68890a44aa7de1a1d0a59f595df29d', 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: '8e81988162dc5ecd54e02604a064ce7b92c28c86', class: \"tds-page-header__title-bar\" }, h(\"div\", { key: '23fd5f73c5692f57e66ecb8d8504c614615be86f', class: \"tds-page-header__primary\" }, h(\"slot\", { key: '0845504bf47cdc419a8dbd959371ccef108faabd' })), h(\"slot\", { key: 'e95984c4a6a2c97594530de7bba3f9ac2777d3aa', name: \"actions\" })), hasNavigationSlot && (h(\"tds-page-header-nav\", { key: '6dd532f971e77f6e9f77ccf66b1f168c6d918b7a' }, h(\"slot\", { key: 'bda824d7c62fb070c8eb0352900d754206027304', 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\", \"tds-page-header-nav\"];\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 case \"tds-page-header-nav\":\n if (!customElements.get(tagName)) {\n defineCustomElement$2();\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":[],"mappings":";;;AAAA;AACA;AACA;AACA;AAGA;AACA,MAAM,UAAU,iBAAiB,kBAAkB,CAAC,MAAM,UAAU,SAAS,CAAC,CAAC;AAC/E,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;AACA;AACA;AACA;AACA;AACA,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,EAAE,qBAAqB,CAAC,CAAC;AAClE,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,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,KAAK,EAAE,CAAC,CAAC;AACT,CAAC;AAGI,MAAC,mBAAmB,GAAG;;;;"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { p as proxyCustomElement, H, h, c as Host } from './p-
|
|
2
|
-
import { r as removeSSRSlot } from './p-
|
|
1
|
+
import { p as proxyCustomElement, H, h, c as Host } from './p-ATXuVWKr.js';
|
|
2
|
+
import { r as removeSSRSlot } from './p-CEG4BiEy.js';
|
|
3
3
|
|
|
4
4
|
/*!
|
|
5
5
|
* Planning Center Tapestry Web Components
|
|
6
|
-
* Version: 1.6.0
|
|
6
|
+
* Version: 1.6.1-rc.0
|
|
7
7
|
*/
|
|
8
8
|
|
|
9
9
|
const SidenavItem = /*@__PURE__*/ proxyCustomElement(class SidenavItem extends H {
|
|
@@ -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.6.0\n */\nimport { p as proxyCustomElement, H, h, c as Host } from './p-
|
|
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.6.1-rc.0\n */\nimport { p as proxyCustomElement, H, h, c as Host } from './p-ATXuVWKr.js';\nimport { r as removeSSRSlot } from './p-CEG4BiEy.js';\n\nconst SidenavItem = /*@__PURE__*/ proxyCustomElement(class SidenavItem extends H {\n constructor() {\n super();\n this.__registerHost();\n /**\n * Whether the sidenav item is selected.\n */\n this.selected = false;\n /**\n * Handles toggling the popover state.\n */\n this.handleClick = () => {\n const popover = this.el.closest(\"tds-popover-container[popover]\");\n if (popover) {\n popover.togglePopover();\n }\n };\n /**\n * Handles the case where slotted content might change\n */\n this.handleSlottedContent = () => {\n const item = this.el.firstElementChild;\n if (this.selected) {\n item === null || item === void 0 ? void 0 : item.setAttribute(\"aria-current\", \"page\");\n }\n else {\n item === null || item === void 0 ? void 0 : item.removeAttribute(\"aria-current\");\n }\n item === null || item === void 0 ? void 0 : item.addEventListener(\"click\", this.handleClick);\n };\n }\n // --------------------------------------------------------------------------\n //\n // Lifecycle\n //\n // --------------------------------------------------------------------------\n connectedCallback() {\n this.handleSlottedContent();\n }\n componentWillLoad() {\n this.observer = new MutationObserver(this.handleSlottedContent);\n this.observer.observe(this.el, {\n childList: true,\n });\n }\n componentDidLoad() {\n removeSSRSlot(this.el);\n }\n componentDidUpdate() {\n this.handleSlottedContent();\n }\n disconnectedCallback() {\n var _a, _b;\n (_a = this.observer) === null || _a === void 0 ? void 0 : _a.disconnect();\n (_b = this.el.firstElementChild) === null || _b === void 0 ? void 0 : _b.removeEventListener(\"click\", this.handleClick);\n }\n // --------------------------------------------------------------------------\n //\n // Render Methods\n //\n // --------------------------------------------------------------------------\n render() {\n return (h(Host, { key: '2fd6a14278f8ce597a945e1d1ea216616ea05ceb', class: {\n \"tds-sidenav-item\": true,\n selected: this.selected,\n }, role: \"listitem\" }, h(\"slot\", { key: '0b1aae7b72448aaf718500cf655dc7a772efa72c' }), h(\"slot\", { key: 'b6a65573d62b6dbb1ea5eb86da8305153b7c91e3', 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":[],"mappings":"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"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { d as defineCustomElement$1 } from './p-
|
|
1
|
+
import { d as defineCustomElement$1 } from './p-DePFlvsx.js';
|
|
2
2
|
|
|
3
3
|
/*!
|
|
4
4
|
* Planning Center Tapestry Web Components
|
|
5
|
-
* Version: 1.6.0
|
|
5
|
+
* Version: 1.6.1-rc.0
|
|
6
6
|
*/
|
|
7
7
|
const defineCustomElement = defineCustomElement$1;
|
|
8
8
|
|
|
@@ -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.6.0\n */\nimport { S as SidenavResponsiveHeader, d as defineCustomElement$1 } from './p-
|
|
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.6.1-rc.0\n */\nimport { S as SidenavResponsiveHeader, d as defineCustomElement$1 } from './p-DePFlvsx.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,9 +1,9 @@
|
|
|
1
|
-
import { p as proxyCustomElement, H, h, c as Host } from './p-
|
|
2
|
-
import { r as removeSSRSlot } from './p-
|
|
1
|
+
import { p as proxyCustomElement, H, h, c as Host } from './p-ATXuVWKr.js';
|
|
2
|
+
import { r as removeSSRSlot } from './p-CEG4BiEy.js';
|
|
3
3
|
|
|
4
4
|
/*!
|
|
5
5
|
* Planning Center Tapestry Web Components
|
|
6
|
-
* Version: 1.6.0
|
|
6
|
+
* Version: 1.6.1-rc.0
|
|
7
7
|
*/
|
|
8
8
|
|
|
9
9
|
let sidenavSectionId = 0;
|
|
@@ -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.6.0\n */\nimport { p as proxyCustomElement, H, h, c as Host } from './p-
|
|
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.6.1-rc.0\n */\nimport { p as proxyCustomElement, H, h, c as Host } from './p-ATXuVWKr.js';\nimport { r as removeSSRSlot } from './p-CEG4BiEy.js';\n\nlet sidenavSectionId = 0;\nconst SidenavSection = /*@__PURE__*/ proxyCustomElement(class SidenavSection extends H {\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(\"div\", { key: 'e7d059ef4767a21d1b9151072f609b61f0604c0f', class: \"tds-sidenav-section-header\" }, h(\"h2\", { key: '11f8ae4bf17b4dc1e3e35f0001b55ad627c71f89', id: `${this.componentId}` }, this.label), h(\"slot\", { key: '7f48319f4dc7d6df825a886bec352a17f906ef62', name: \"label-actions\" }))), h(\"ul\", { key: '09a6e50b878ffefb38bb002dc220934eccc43065', class: \"tds-sidenav-section-list\", \"aria-labelledby\": this.label ? `${this.componentId}` : undefined }, h(\"slot\", { key: '609dd29d6fa5799b5db11bfcb4dd3bccca499511' })), h(\"slot\", { key: '7c6ead1b19894d59cbc4b860cc322f3fc23e12b9', name: \"section-actions\" })));\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":[],"mappings":";;;AAAA;AACA;AACA;AACA;AAGA;AACA,IAAI,gBAAgB,GAAG,CAAC,CAAC;AACzB,MAAM,cAAc,iBAAiB,kBAAkB,CAAC,MAAM,cAAc,SAAS,CAAC,CAAC;AACvF,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,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,4BAA4B,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,eAAe,EAAE,CAAC,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,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,iBAAiB,EAAE,CAAC,CAAC,EAAE;AACztB,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,11 @@
|
|
|
1
|
-
import { p as proxyCustomElement, H, h, c as Host } from './p-
|
|
2
|
-
import { r as removeSSRSlot } from './p-
|
|
3
|
-
import { d as defineCustomElement$3 } from './p-
|
|
4
|
-
import { d as defineCustomElement$2 } from './p-
|
|
1
|
+
import { p as proxyCustomElement, H, h, c as Host } from './p-ATXuVWKr.js';
|
|
2
|
+
import { r as removeSSRSlot } from './p-CEG4BiEy.js';
|
|
3
|
+
import { d as defineCustomElement$3 } from './p-DUrrtQhU.js';
|
|
4
|
+
import { d as defineCustomElement$2 } from './p-DePFlvsx.js';
|
|
5
5
|
|
|
6
6
|
/*!
|
|
7
7
|
* Planning Center Tapestry Web Components
|
|
8
|
-
* Version: 1.6.0
|
|
8
|
+
* Version: 1.6.1-rc.0
|
|
9
9
|
*/
|
|
10
10
|
|
|
11
11
|
let sidenavMenuId = 0;
|
|
@@ -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.6.0\n */\nimport { p as proxyCustomElement, H, h, c as Host } from './p-
|
|
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.6.1-rc.0\n */\nimport { p as proxyCustomElement, H, h, c as Host } from './p-ATXuVWKr.js';\nimport { r as removeSSRSlot } from './p-CEG4BiEy.js';\nimport { d as defineCustomElement$3 } from './p-DUrrtQhU.js';\nimport { d as defineCustomElement$2 } from './p-DePFlvsx.js';\n\nlet sidenavMenuId = 0;\nconst Sidenav = /*@__PURE__*/ proxyCustomElement(class Sidenav extends H {\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 get popoverId() {\n return `${this.sidenavMenuId}-popover`;\n }\n // --------------------------------------------------------------------------\n //\n // Render Methods\n //\n // --------------------------------------------------------------------------\n render() {\n return (h(Host, { key: '656ac0a19fa0c5887461be40178d604670dce5b7', class: \"tds-sidenav\" }, h(\"nav\", { key: '7e890691fc5282a311b8e510de1781e6d02f6951', id: this.sidenavMenuId, class: \"tds-sidenav-nav\", \"aria-label\": this.label }, h(\"tds-sidenav-responsive-header\", { key: '39af43d167cf694121375568c39a9734c5ae8022', \"popover-id\": this.popoverId, label: this.selectedItemLabel }), h(\"tds-popover-container\", { key: '47c4a53a1e60ea898724a1e236927320c1f109d6', breakpoint: 720, id: this.popoverId, class: \"tds-sidenav-collapse\", \"auto-position\": true }, h(\"div\", { key: 'cc270a8ade358ea0e9963a6bf34172f3a3a534bf', class: \"tds-sidenav-scroll-container\" }, h(\"slot\", { key: '1b99dc126db0edfa390879e3befa292fd279c6ee' }))))));\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-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$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":[],"mappings":"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"}
|
package/dist/unstable.css
CHANGED
|
@@ -984,11 +984,8 @@
|
|
|
984
984
|
|
|
985
985
|
:is(.tds-sidenav-item :is(a,button)):not(:has([slot="prefix"],.prefix,[slot="suffix"],.suffix)),:is(.tds-sidenav-item :is(a,button)) :is(:not([slot="prefix"],.prefix,[slot="suffix"],.suffix)) {
|
|
986
986
|
display: block;
|
|
987
|
-
flex: 1;
|
|
988
|
-
overflow: hidden;
|
|
989
|
-
text-overflow: ellipsis;
|
|
990
987
|
text-align: left;
|
|
991
|
-
white-space:
|
|
988
|
+
white-space: normal;
|
|
992
989
|
}
|
|
993
990
|
|
|
994
991
|
:is(.tds-sidenav-item :is(a,button)):hover,:is(.tds-sidenav-item :is(a,button)):focus-visible {
|
|
@@ -1022,13 +1019,24 @@
|
|
|
1022
1019
|
opacity: 1;
|
|
1023
1020
|
}
|
|
1024
1021
|
|
|
1025
|
-
.tds-sidenav-item.selected :is(a,button) {
|
|
1022
|
+
.tds-sidenav-item.selected > :is(a,button) {
|
|
1026
1023
|
--tds-sidenav-item-nested-background: transparent;
|
|
1027
1024
|
--tds-sidenav-item-background: var(--tds-sidenav-item-background-selected);
|
|
1028
1025
|
--tds-sidenav-item-icon-color: var(--tds-sidenav-item-icon-color-selected);
|
|
1029
1026
|
font-weight: var(--t-font-weight-semibold);
|
|
1030
1027
|
}
|
|
1031
1028
|
|
|
1029
|
+
.tds-sidenav-item:has(.tds-sidenav-section) {
|
|
1030
|
+
display: flex;
|
|
1031
|
+
flex-direction: column;
|
|
1032
|
+
gap: var(--t-spacing-half);
|
|
1033
|
+
}
|
|
1034
|
+
|
|
1035
|
+
.tds-sidenav-item:has(.tds-sidenav-section):has(.selected) > :is(a,button) {
|
|
1036
|
+
--tds-sidenav-item-background: var(--tds-sidenav-item-background-selected);
|
|
1037
|
+
font-weight: var(--t-font-weight-semibold);
|
|
1038
|
+
}
|
|
1039
|
+
|
|
1032
1040
|
.tds-sidenav-item .tds-sidenav-section-list {
|
|
1033
1041
|
--tds-sidenav-item-depth: 1;
|
|
1034
1042
|
gap: 0;
|
|
@@ -1047,7 +1055,7 @@
|
|
|
1047
1055
|
}
|
|
1048
1056
|
|
|
1049
1057
|
:is(.tds-sidenav-section-list .tds-sidenav-section-list .tds-sidenav-item) :is(a,button) {
|
|
1050
|
-
height:
|
|
1058
|
+
min-height: var(--t-spacing-4);
|
|
1051
1059
|
padding-block: 9px;
|
|
1052
1060
|
padding-left: calc((var(--tds-sidenav-indent) * var(--tds-sidenav-item-depth)) + var(--tds-sidenav-indent) + var(--t-spacing-fourth));
|
|
1053
1061
|
line-height: 1;
|
|
@@ -1071,18 +1079,19 @@
|
|
|
1071
1079
|
z-index: -1;
|
|
1072
1080
|
height: 100%;
|
|
1073
1081
|
content: "";
|
|
1074
|
-
background-color: var(--tds-sidenav-item-background);
|
|
1082
|
+
background-color: var(--tds-sidenav-item-nested-background);
|
|
1075
1083
|
border-radius: 0 var(--t-border-radius-default) var(--t-border-radius-default) 0;
|
|
1076
1084
|
transition: var(--tds-sidenav-item-transition);
|
|
1077
1085
|
}
|
|
1078
1086
|
|
|
1079
1087
|
:is(:is(.tds-sidenav-section-list .tds-sidenav-section-list .tds-sidenav-item) :is(a,button)):hover,:is(:is(.tds-sidenav-section-list .tds-sidenav-section-list .tds-sidenav-item) :is(a,button)):focus-visible {
|
|
1080
1088
|
--tds-sidenav-item-nested-border-color: var(--tds-sidenav-item-nested-border-color-hover);
|
|
1081
|
-
--tds-sidenav-item-background: var(--tds-sidenav-item-background-hover);
|
|
1089
|
+
--tds-sidenav-item-nested-background: var(--tds-sidenav-item-background-hover);
|
|
1082
1090
|
}
|
|
1083
1091
|
|
|
1084
1092
|
.selected:is(.tds-sidenav-section-list .tds-sidenav-section-list .tds-sidenav-item) :is(a,button) {
|
|
1085
1093
|
--tds-sidenav-item-nested-border-color: var(--tds-sidenav-item-nested-border-color-selected);
|
|
1094
|
+
font-weight: var(--t-font-weight-medium);
|
|
1086
1095
|
}
|
|
1087
1096
|
|
|
1088
1097
|
.tds-sidenav-responsive-header {
|
|
@@ -1123,7 +1132,6 @@
|
|
|
1123
1132
|
|
|
1124
1133
|
@media (max-width: 719px) {
|
|
1125
1134
|
.tds-sidenav-collapse {
|
|
1126
|
-
position: absolute;
|
|
1127
1135
|
z-index: 10001;
|
|
1128
1136
|
display: none;
|
|
1129
1137
|
max-width: min(448px, calc(100vw - 48px));
|