From 57e5ad6b86f589879d3145c5f9d755d9d45adcdf Mon Sep 17 00:00:00 2001 From: JC Franco Date: Wed, 20 May 2020 11:14:09 -0700 Subject: [PATCH] 6.0.0 --- CHANGELOG.md | 31 +- docs/build/calcite-app.css | 2 +- docs/build/calcite-app.esm.js | 2 +- docs/build/calcite-app.js | 2 +- docs/build/p-0009c9bf.system.js | 1 + docs/build/p-0596ff18.entry.js | 1 - docs/build/p-07aee131.system.entry.js | 1 - docs/build/p-07bbb3d6.entry.js | 1 + docs/build/p-100fce1d.entry.js | 1 - docs/build/p-145743f8.system.entry.js | 1 + docs/build/p-1a0cace4.js | 7 - docs/build/p-1ce9e595.system.entry.js | 1 - docs/build/p-20eb6221.entry.js | 1 + ...em.entry.js => p-22ac26de.system.entry.js} | 2 +- docs/build/p-26de6ca4.system.entry.js | 1 + docs/build/p-27f3f0d7.js | 1 + docs/build/p-2972625e.entry.js | 1 + docs/build/p-2ac47b89.system.js | 1 - docs/build/{p-c72f121c.js => p-2b669725.js} | 0 docs/build/p-2c04f785.entry.js | 1 + docs/build/p-2e5b0750.system.entry.js | 1 - docs/build/p-3125ea46.js | 1 - docs/build/p-34116c50.system.entry.js | 1 - docs/build/p-3572983d.js | 12 - docs/build/p-39975e83.system.entry.js | 1 + ...4b9f902.system.js => p-3aacad49.system.js} | 0 docs/build/p-3c9080a4.system.entry.js | 1 - docs/build/p-3f244111.entry.js | 1 + docs/build/p-3f2a62ba.entry.js | 1 - docs/build/p-3f6e7b0b.system.js | 1 - docs/build/p-4230ce12.js | 1 - docs/build/p-46ed303b.system.entry.js | 1 + docs/build/p-49b50b5d.entry.js | 1 - docs/build/p-4eac11f1.entry.js | 1 + docs/build/p-510857b5.system.entry.js | 1 - docs/build/p-5502844d.entry.js | 1 - docs/build/p-584b9cb6.css | 1 - docs/build/p-598b7fa2.system.js | 1 + docs/build/p-5ae79dc1.entry.js | 1 - docs/build/p-5bb47292.system.entry.js | 1 - docs/build/p-6011fcbf.system.entry.js | 1 + docs/build/p-6465cdbf.system.entry.js | 1 - docs/build/p-68defa3d.system.entry.js | 1 + docs/build/p-69eb47b4.entry.js | 1 - docs/build/p-6ce68392.system.entry.js | 1 + ...-39c07544.entry.js => p-6d376593.entry.js} | 2 +- docs/build/p-75bb5238.system.entry.js | 1 + docs/build/p-75d586e6.entry.js | 1 - docs/build/p-783e3e13.system.entry.js | 1 - docs/build/{p-d625ad0c.js => p-78a4c1a4.js} | 2 +- docs/build/p-7ded31cd.system.entry.js | 1 + docs/build/p-7f1c82ac.entry.js | 1 - docs/build/p-81319f6a.system.entry.js | 1 - docs/build/p-83c07b00.system.entry.js | 1 - docs/build/p-8803a9fc.system.entry.js | 1 + docs/build/p-88e097a0.entry.js | 1 + docs/build/p-8f27b3e5.system.entry.js | 1 + docs/build/p-8f7f5385.system.js | 1 - docs/build/p-9d0aa6e4.js | 1 + docs/build/p-9e77e74d.system.js | 1 - docs/build/{p-9d0482fc.js => p-9f8c4bca.js} | 0 ...295bcba.system.js => p-a12694d7.system.js} | 0 docs/build/p-a3da842c.entry.js | 1 + docs/build/p-a49a0a99.entry.js | 1 + docs/build/p-b0571ffe.js | 1 - docs/build/p-b8854c34.entry.js | 1 + docs/build/p-b996c942.system.js | 7 - ...b12c1a9.system.js => p-bba2f00f.system.js} | 0 docs/build/p-c0bbf908.system.js | 1 + docs/build/p-c1467322.entry.js | 1 + docs/build/p-cca72c93.system.entry.js | 1 + docs/build/p-ce3324f1.system.entry.js | 1 + docs/build/p-cec6d624.system.entry.js | 1 + ...-9fcace9c.entry.js => p-d3094cec.entry.js} | 2 +- docs/build/p-d5e1fdd7.js | 1 - ...092b016.system.js => p-d6af8cff.system.js} | 2 +- docs/build/p-d8091628.js | 1 + docs/build/p-dd38e6f6.entry.js | 1 - docs/build/p-de803772.js | 12 + docs/build/p-e8002431.entry.js | 1 - docs/build/p-ea3bee88.system.js | 1 - docs/build/p-ed27e1c0.entry.js | 1 - docs/build/p-ee55dc68.entry.js | 1 + docs/build/p-ef948fbd.entry.js | 1 + docs/build/p-ef969892.system.entry.js | 1 - docs/build/p-f4e12ff8.system.js | 1 + docs/build/p-fc2bb6c2.css | 1 + docs/build/p-fd85a63e.system.entry.js | 1 - docs/iframe.html | 2 +- docs/index.html | 2 +- docs/main.0435382f3c73dceabdc4.bundle.js | 1 - docs/main.78dec0c6bfb3b72b40af.bundle.js | 1 + docs/main.efca2d7a24ab88ff7295.bundle.js | 366 ++++++++++++++++++ docs/main.efca2d7a24ab88ff7295.bundle.js.map | 1 + docs/main.efe4a1d5ed531a5a59cc.bundle.js | 357 ----------------- docs/main.efe4a1d5ed531a5a59cc.bundle.js.map | 1 - ...ntime~main.efca2d7a24ab88ff7295.bundle.js} | 2 +- ...me~main.efca2d7a24ab88ff7295.bundle.js.map | 1 + ...me~main.efe4a1d5ed531a5a59cc.bundle.js.map | 1 - .../@esri/calcite-components/calcite.css | 2 +- .../@esri/calcite-components/calcite.esm.js | 2 +- .../@esri/calcite-components/calcite.js | 2 +- .../calcite-components/p-00b2ec31.entry.js | 1 + .../calcite-components/p-0211cc64.entry.js | 1 - .../p-036f00f5.system.entry.js | 1 + .../calcite-components/p-041fe6db.entry.js | 1 + .../calcite-components/p-0ede5fc2.entry.js | 1 - .../calcite-components/p-0f307053.entry.js | 1 - .../p-10bf927e.system.entry.js | 1 + .../p-12177418.system.entry.js | 1 + .../calcite-components/p-131cd80b.entry.js | 1 - .../@esri/calcite-components/p-13cfbb21.js | 1 - .../p-1686ff66.system.entry.js | 1 - .../calcite-components/p-19f10c8f.system.js | 1 + .../p-1a0649f8.system.entry.js | 1 + .../p-1bdc9eea.system.entry.js | 1 - .../p-1ea1d350.system.entry.js | 1 - .../p-1f69cc72.system.entry.js | 1 - .../p-229d612a.system.entry.js | 1 - .../calcite-components/p-22f11aff.entry.js | 1 + .../calcite-components/p-2585cd33.entry.js | 1 + .../calcite-components/p-2660c36b.entry.js | 1 + .../p-27384187.system.entry.js | 1 + ...em.entry.js => p-27cda3c4.system.entry.js} | 2 +- .../calcite-components/p-2900b293.entry.js | 1 - .../p-2b245af0.system.entry.js | 1 + .../p-2b510e13.system.entry.js | 1 - .../calcite-components/p-2c875482.entry.js | 1 - .../@esri/calcite-components/p-2dcc2b38.js | 1 - .../calcite-components/p-318df15f.system.js | 1 - .../p-3403b8a7.system.entry.js | 1 + .../p-34ccfe63.system.entry.js | 1 + .../calcite-components/p-360c6e1b.entry.js | 1 + ...em.entry.js => p-3820266e.system.entry.js} | 2 +- .../calcite-components/p-38f62795.entry.js | 1 + .../p-3a5b5198.system.entry.js | 1 + .../calcite-components/p-3a969452.entry.js | 1 + .../calcite-components/p-3df9fc12.entry.js | 1 + .../p-41e7f0f4.system.entry.js | 1 - .../p-421f3900.system.entry.js | 1 + .../p-44593128.system.entry.js | 1 - .../calcite-components/p-44d0af47.entry.js | 1 + .../calcite-components/p-46c6d1ae.entry.js | 1 + .../p-46ec688c.system.entry.js | 1 + .../p-46fa0549.system.entry.js | 1 - .../calcite-components/p-478bef52.entry.js | 1 + .../@esri/calcite-components/p-4a8cec5c.js | 1 + .../calcite-components/p-4af00110.system.js | 1 + .../calcite-components/p-4bc93542.entry.js | 1 + .../p-4c59ac29.system.entry.js | 1 + .../calcite-components/p-4dbd7f0e.entry.js | 1 - .../p-4e1b43e5.system.entry.js | 1 + .../calcite-components/p-54835e5e.entry.js | 1 - .../@esri/calcite-components/p-5751e60a.js | 1 + .../calcite-components/p-5bece30e.entry.js | 1 - .../p-5c2d953e.system.entry.js | 1 + ...-7f91d55f.entry.js => p-5cb6b6eb.entry.js} | 2 +- .../calcite-components/p-5f9ee330.entry.js | 1 - .../calcite-components/p-6453c83b.entry.js | 1 - .../p-65c77ef8.system.entry.js | 1 + .../@esri/calcite-components/p-691971de.js | 1 - .../calcite-components/p-6b486a09.entry.js | 1 + .../calcite-components/p-6d3b7ecb.system.js | 1 - .../p-6ec5f79c.system.entry.js | 1 - .../calcite-components/p-789b305f.entry.js | 1 + .../calcite-components/p-7b40dee4.entry.js | 1 + .../p-7f49141b.system.entry.js | 1 - .../p-8280b19e.system.entry.js | 1 - .../calcite-components/p-839d78c8.entry.js | 1 + .../p-85f610cc.system.entry.js | 1 + .../calcite-components/p-87abf379.entry.js | 1 - .../calcite-components/p-8ad583ac.entry.js | 1 - .../p-8c0a6c34.system.entry.js | 1 - .../p-8d0e92be.system.entry.js | 1 + .../@esri/calcite-components/p-8d9aae43.js | 1 + .../calcite-components/p-8d9c87aa.entry.js | 1 + .../calcite-components/p-8e010d18.entry.js | 1 + .../calcite-components/p-8f869f53.entry.js | 1 - .../calcite-components/p-912f53b2.entry.js | 1 - .../calcite-components/p-91bf2ee4.entry.js | 1 + .../p-966d4f4d.system.entry.js | 1 - .../p-9cdf9877.system.entry.js | 1 - .../calcite-components/p-9d4b5d41.entry.js | 1 - .../calcite-components/p-9ded8035.system.js | 1 - .../calcite-components/p-9fb0a395.entry.js | 1 + .../calcite-components/p-a3dd611f.entry.js | 1 - .../p-a704410e.system.entry.js | 1 - .../p-a82c5f25.system.entry.js | 1 + .../calcite-components/p-a864ce63.entry.js | 1 + .../p-aa53cdaf.system.entry.js | 1 - .../p-ab267a3e.system.entry.js | 1 + .../calcite-components/p-abb6488f.entry.js | 1 + .../calcite-components/p-aee9282f.entry.js | 1 + .../p-b43e6c46.system.entry.js | 1 + .../calcite-components/p-b59d2de4.entry.js | 1 + .../p-c09cf55a.system.entry.js | 1 + .../calcite-components/p-c5348d64.entry.js | 1 + .../p-c5a197bd.system.entry.js | 1 + .../calcite-components/p-c6206a74.system.js | 1 + .../p-c653fd5a.system.entry.js | 1 - .../calcite-components/p-c697b72d.entry.js | 1 - .../calcite-components/p-c845d544.entry.js | 1 - .../calcite-components/p-c8ffa376.system.js | 1 - .../p-cbd261bd.system.entry.js | 1 - .../calcite-components/p-cbf0511b.entry.js | 1 + .../p-cbf84546.system.entry.js | 1 + .../calcite-components/p-cee9e525.entry.js | 1 + .../calcite-components/p-cfb2b4a7.entry.js | 1 - .../calcite-components/p-d3ab8fe2.entry.js | 1 + .../p-d4aa13b8.system.entry.js | 1 + .../calcite-components/p-dc124090.entry.js | 1 + .../calcite-components/p-dc711a30.entry.js | 1 + .../p-dc7cd14a.system.entry.js | 1 - ...122dff0.system.js => p-dd45b0da.system.js} | 2 +- .../p-e008cc52.system.entry.js | 1 + .../calcite-components/p-e09a59a1.entry.js | 1 - ...em.entry.js => p-e0b94a8d.system.entry.js} | 2 +- .../p-e0e8c892.system.entry.js | 1 + .../p-e1bb5cfe.system.entry.js | 1 + .../p-e257b693.system.entry.js | 1 - .../calcite-components/p-e48e62b7.entry.js | 1 - .../p-e5996dab.system.entry.js | 1 + .../calcite-components/p-eae4f09b.entry.js | 1 + .../@esri/calcite-components/p-eb6a0c18.js | 1 - .../p-ebe1387e.system.entry.js | 1 + .../p-ec1c0eed.system.entry.js | 1 + .../calcite-components/p-ecf33885.entry.js | 1 - .../p-f0816e8c.system.entry.js | 1 - .../calcite-components/p-f0d06e1b.entry.js | 1 - .../calcite-components/p-f46ce193.system.js | 1 + .../p-f5266038.system.entry.js | 1 - .../p-f8aa8da9.system.entry.js | 1 + .../@esri/calcite-components/p-fab4318d.js | 1 + .../calcite-components/p-fc6cd82e.entry.js | 1 - .../calcite-components/p-fee9fd78.entry.js | 1 + ...ndors~main.a38084cc4e5c69edebff.bundle.js} | 24 +- ...endors~main.efca2d7a24ab88ff7295.bundle.js | 3 + ...fca2d7a24ab88ff7295.bundle.js.LICENSE.txt} | 12 + ...rs~main.efca2d7a24ab88ff7295.bundle.js.map | 1 + ...endors~main.efe4a1d5ed531a5a59cc.bundle.js | 3 - ...rs~main.efe4a1d5ed531a5a59cc.bundle.js.map | 1 - package-lock.json | 2 +- package.json | 2 +- src/components/calcite-action-bar/readme.md | 33 +- src/components/calcite-action-pad/readme.md | 34 +- .../calcite-block-section/readme.md | 11 +- src/components/calcite-block/readme.md | 37 +- src/components/calcite-fab/readme.md | 36 +- src/components/calcite-filter/readme.md | 26 +- src/components/calcite-flow-item/readme.md | 40 +- src/components/calcite-panel/readme.md | 37 +- .../calcite-pick-list-item/readme.md | 43 +- src/components/calcite-pick-list/readme.md | 35 +- .../calcite-shell-center-row/readme.md | 22 ++ src/components/calcite-shell-panel/readme.md | 23 +- src/components/calcite-shell/readme.md | 6 +- src/components/calcite-tip-manager/readme.md | 43 +- src/components/calcite-tip/readme.md | 28 +- .../calcite-value-list-item/readme.md | 38 +- src/components/calcite-value-list/readme.md | 21 +- 260 files changed, 764 insertions(+), 831 deletions(-) create mode 100644 docs/build/p-0009c9bf.system.js delete mode 100644 docs/build/p-0596ff18.entry.js delete mode 100644 docs/build/p-07aee131.system.entry.js create mode 100644 docs/build/p-07bbb3d6.entry.js delete mode 100644 docs/build/p-100fce1d.entry.js create mode 100644 docs/build/p-145743f8.system.entry.js delete mode 100644 docs/build/p-1a0cace4.js delete mode 100644 docs/build/p-1ce9e595.system.entry.js create mode 100644 docs/build/p-20eb6221.entry.js rename docs/build/{p-dab11a2d.system.entry.js => p-22ac26de.system.entry.js} (94%) create mode 100644 docs/build/p-26de6ca4.system.entry.js create mode 100644 docs/build/p-27f3f0d7.js create mode 100644 docs/build/p-2972625e.entry.js delete mode 100644 docs/build/p-2ac47b89.system.js rename docs/build/{p-c72f121c.js => p-2b669725.js} (100%) create mode 100644 docs/build/p-2c04f785.entry.js delete mode 100644 docs/build/p-2e5b0750.system.entry.js delete mode 100644 docs/build/p-3125ea46.js delete mode 100644 docs/build/p-34116c50.system.entry.js delete mode 100644 docs/build/p-3572983d.js create mode 100644 docs/build/p-39975e83.system.entry.js rename docs/build/{p-24b9f902.system.js => p-3aacad49.system.js} (100%) delete mode 100644 docs/build/p-3c9080a4.system.entry.js create mode 100644 docs/build/p-3f244111.entry.js delete mode 100644 docs/build/p-3f2a62ba.entry.js delete mode 100644 docs/build/p-3f6e7b0b.system.js delete mode 100644 docs/build/p-4230ce12.js create mode 100644 docs/build/p-46ed303b.system.entry.js delete mode 100644 docs/build/p-49b50b5d.entry.js create mode 100644 docs/build/p-4eac11f1.entry.js delete mode 100644 docs/build/p-510857b5.system.entry.js delete mode 100644 docs/build/p-5502844d.entry.js delete mode 100644 docs/build/p-584b9cb6.css create mode 100644 docs/build/p-598b7fa2.system.js delete mode 100644 docs/build/p-5ae79dc1.entry.js delete mode 100644 docs/build/p-5bb47292.system.entry.js create mode 100644 docs/build/p-6011fcbf.system.entry.js delete mode 100644 docs/build/p-6465cdbf.system.entry.js create mode 100644 docs/build/p-68defa3d.system.entry.js delete mode 100644 docs/build/p-69eb47b4.entry.js create mode 100644 docs/build/p-6ce68392.system.entry.js rename docs/build/{p-39c07544.entry.js => p-6d376593.entry.js} (51%) create mode 100644 docs/build/p-75bb5238.system.entry.js delete mode 100644 docs/build/p-75d586e6.entry.js delete mode 100644 docs/build/p-783e3e13.system.entry.js rename docs/build/{p-d625ad0c.js => p-78a4c1a4.js} (51%) create mode 100644 docs/build/p-7ded31cd.system.entry.js delete mode 100644 docs/build/p-7f1c82ac.entry.js delete mode 100644 docs/build/p-81319f6a.system.entry.js delete mode 100644 docs/build/p-83c07b00.system.entry.js create mode 100644 docs/build/p-8803a9fc.system.entry.js create mode 100644 docs/build/p-88e097a0.entry.js create mode 100644 docs/build/p-8f27b3e5.system.entry.js delete mode 100644 docs/build/p-8f7f5385.system.js create mode 100644 docs/build/p-9d0aa6e4.js delete mode 100644 docs/build/p-9e77e74d.system.js rename docs/build/{p-9d0482fc.js => p-9f8c4bca.js} (100%) rename docs/build/{p-2295bcba.system.js => p-a12694d7.system.js} (100%) create mode 100644 docs/build/p-a3da842c.entry.js create mode 100644 docs/build/p-a49a0a99.entry.js delete mode 100644 docs/build/p-b0571ffe.js create mode 100644 docs/build/p-b8854c34.entry.js delete mode 100644 docs/build/p-b996c942.system.js rename docs/build/{p-8b12c1a9.system.js => p-bba2f00f.system.js} (100%) create mode 100644 docs/build/p-c0bbf908.system.js create mode 100644 docs/build/p-c1467322.entry.js create mode 100644 docs/build/p-cca72c93.system.entry.js create mode 100644 docs/build/p-ce3324f1.system.entry.js create mode 100644 docs/build/p-cec6d624.system.entry.js rename docs/build/{p-9fcace9c.entry.js => p-d3094cec.entry.js} (94%) delete mode 100644 docs/build/p-d5e1fdd7.js rename docs/build/{p-a092b016.system.js => p-d6af8cff.system.js} (56%) create mode 100644 docs/build/p-d8091628.js delete mode 100644 docs/build/p-dd38e6f6.entry.js create mode 100644 docs/build/p-de803772.js delete mode 100644 docs/build/p-e8002431.entry.js delete mode 100644 docs/build/p-ea3bee88.system.js delete mode 100644 docs/build/p-ed27e1c0.entry.js create mode 100644 docs/build/p-ee55dc68.entry.js create mode 100644 docs/build/p-ef948fbd.entry.js delete mode 100644 docs/build/p-ef969892.system.entry.js create mode 100644 docs/build/p-f4e12ff8.system.js create mode 100644 docs/build/p-fc2bb6c2.css delete mode 100644 docs/build/p-fd85a63e.system.entry.js delete mode 100644 docs/main.0435382f3c73dceabdc4.bundle.js create mode 100644 docs/main.78dec0c6bfb3b72b40af.bundle.js create mode 100644 docs/main.efca2d7a24ab88ff7295.bundle.js create mode 100644 docs/main.efca2d7a24ab88ff7295.bundle.js.map delete mode 100644 docs/main.efe4a1d5ed531a5a59cc.bundle.js delete mode 100644 docs/main.efe4a1d5ed531a5a59cc.bundle.js.map rename docs/{runtime~main.efe4a1d5ed531a5a59cc.bundle.js => runtime~main.efca2d7a24ab88ff7295.bundle.js} (97%) create mode 100644 docs/runtime~main.efca2d7a24ab88ff7295.bundle.js.map delete mode 100644 docs/runtime~main.efe4a1d5ed531a5a59cc.bundle.js.map create mode 100644 docs/vendor/@esri/calcite-components/p-00b2ec31.entry.js delete mode 100644 docs/vendor/@esri/calcite-components/p-0211cc64.entry.js create mode 100644 docs/vendor/@esri/calcite-components/p-036f00f5.system.entry.js create mode 100644 docs/vendor/@esri/calcite-components/p-041fe6db.entry.js delete mode 100644 docs/vendor/@esri/calcite-components/p-0ede5fc2.entry.js delete mode 100644 docs/vendor/@esri/calcite-components/p-0f307053.entry.js create mode 100644 docs/vendor/@esri/calcite-components/p-10bf927e.system.entry.js create mode 100644 docs/vendor/@esri/calcite-components/p-12177418.system.entry.js delete mode 100644 docs/vendor/@esri/calcite-components/p-131cd80b.entry.js delete mode 100644 docs/vendor/@esri/calcite-components/p-13cfbb21.js delete mode 100644 docs/vendor/@esri/calcite-components/p-1686ff66.system.entry.js create mode 100644 docs/vendor/@esri/calcite-components/p-19f10c8f.system.js create mode 100644 docs/vendor/@esri/calcite-components/p-1a0649f8.system.entry.js delete mode 100644 docs/vendor/@esri/calcite-components/p-1bdc9eea.system.entry.js delete mode 100644 docs/vendor/@esri/calcite-components/p-1ea1d350.system.entry.js delete mode 100644 docs/vendor/@esri/calcite-components/p-1f69cc72.system.entry.js delete mode 100644 docs/vendor/@esri/calcite-components/p-229d612a.system.entry.js create mode 100644 docs/vendor/@esri/calcite-components/p-22f11aff.entry.js create mode 100644 docs/vendor/@esri/calcite-components/p-2585cd33.entry.js create mode 100644 docs/vendor/@esri/calcite-components/p-2660c36b.entry.js create mode 100644 docs/vendor/@esri/calcite-components/p-27384187.system.entry.js rename docs/vendor/@esri/calcite-components/{p-d4a72fa0.system.entry.js => p-27cda3c4.system.entry.js} (94%) delete mode 100644 docs/vendor/@esri/calcite-components/p-2900b293.entry.js create mode 100644 docs/vendor/@esri/calcite-components/p-2b245af0.system.entry.js delete mode 100644 docs/vendor/@esri/calcite-components/p-2b510e13.system.entry.js delete mode 100644 docs/vendor/@esri/calcite-components/p-2c875482.entry.js delete mode 100644 docs/vendor/@esri/calcite-components/p-2dcc2b38.js delete mode 100644 docs/vendor/@esri/calcite-components/p-318df15f.system.js create mode 100644 docs/vendor/@esri/calcite-components/p-3403b8a7.system.entry.js create mode 100644 docs/vendor/@esri/calcite-components/p-34ccfe63.system.entry.js create mode 100644 docs/vendor/@esri/calcite-components/p-360c6e1b.entry.js rename docs/vendor/@esri/calcite-components/{p-85542790.system.entry.js => p-3820266e.system.entry.js} (54%) create mode 100644 docs/vendor/@esri/calcite-components/p-38f62795.entry.js create mode 100644 docs/vendor/@esri/calcite-components/p-3a5b5198.system.entry.js create mode 100644 docs/vendor/@esri/calcite-components/p-3a969452.entry.js create mode 100644 docs/vendor/@esri/calcite-components/p-3df9fc12.entry.js delete mode 100644 docs/vendor/@esri/calcite-components/p-41e7f0f4.system.entry.js create mode 100644 docs/vendor/@esri/calcite-components/p-421f3900.system.entry.js delete mode 100644 docs/vendor/@esri/calcite-components/p-44593128.system.entry.js create mode 100644 docs/vendor/@esri/calcite-components/p-44d0af47.entry.js create mode 100644 docs/vendor/@esri/calcite-components/p-46c6d1ae.entry.js create mode 100644 docs/vendor/@esri/calcite-components/p-46ec688c.system.entry.js delete mode 100644 docs/vendor/@esri/calcite-components/p-46fa0549.system.entry.js create mode 100644 docs/vendor/@esri/calcite-components/p-478bef52.entry.js create mode 100644 docs/vendor/@esri/calcite-components/p-4a8cec5c.js create mode 100644 docs/vendor/@esri/calcite-components/p-4af00110.system.js create mode 100644 docs/vendor/@esri/calcite-components/p-4bc93542.entry.js create mode 100644 docs/vendor/@esri/calcite-components/p-4c59ac29.system.entry.js delete mode 100644 docs/vendor/@esri/calcite-components/p-4dbd7f0e.entry.js create mode 100644 docs/vendor/@esri/calcite-components/p-4e1b43e5.system.entry.js delete mode 100644 docs/vendor/@esri/calcite-components/p-54835e5e.entry.js create mode 100644 docs/vendor/@esri/calcite-components/p-5751e60a.js delete mode 100644 docs/vendor/@esri/calcite-components/p-5bece30e.entry.js create mode 100644 docs/vendor/@esri/calcite-components/p-5c2d953e.system.entry.js rename docs/vendor/@esri/calcite-components/{p-7f91d55f.entry.js => p-5cb6b6eb.entry.js} (89%) delete mode 100644 docs/vendor/@esri/calcite-components/p-5f9ee330.entry.js delete mode 100644 docs/vendor/@esri/calcite-components/p-6453c83b.entry.js create mode 100644 docs/vendor/@esri/calcite-components/p-65c77ef8.system.entry.js delete mode 100644 docs/vendor/@esri/calcite-components/p-691971de.js create mode 100644 docs/vendor/@esri/calcite-components/p-6b486a09.entry.js delete mode 100644 docs/vendor/@esri/calcite-components/p-6d3b7ecb.system.js delete mode 100644 docs/vendor/@esri/calcite-components/p-6ec5f79c.system.entry.js create mode 100644 docs/vendor/@esri/calcite-components/p-789b305f.entry.js create mode 100644 docs/vendor/@esri/calcite-components/p-7b40dee4.entry.js delete mode 100644 docs/vendor/@esri/calcite-components/p-7f49141b.system.entry.js delete mode 100644 docs/vendor/@esri/calcite-components/p-8280b19e.system.entry.js create mode 100644 docs/vendor/@esri/calcite-components/p-839d78c8.entry.js create mode 100644 docs/vendor/@esri/calcite-components/p-85f610cc.system.entry.js delete mode 100644 docs/vendor/@esri/calcite-components/p-87abf379.entry.js delete mode 100644 docs/vendor/@esri/calcite-components/p-8ad583ac.entry.js delete mode 100644 docs/vendor/@esri/calcite-components/p-8c0a6c34.system.entry.js create mode 100644 docs/vendor/@esri/calcite-components/p-8d0e92be.system.entry.js create mode 100644 docs/vendor/@esri/calcite-components/p-8d9aae43.js create mode 100644 docs/vendor/@esri/calcite-components/p-8d9c87aa.entry.js create mode 100644 docs/vendor/@esri/calcite-components/p-8e010d18.entry.js delete mode 100644 docs/vendor/@esri/calcite-components/p-8f869f53.entry.js delete mode 100644 docs/vendor/@esri/calcite-components/p-912f53b2.entry.js create mode 100644 docs/vendor/@esri/calcite-components/p-91bf2ee4.entry.js delete mode 100644 docs/vendor/@esri/calcite-components/p-966d4f4d.system.entry.js delete mode 100644 docs/vendor/@esri/calcite-components/p-9cdf9877.system.entry.js delete mode 100644 docs/vendor/@esri/calcite-components/p-9d4b5d41.entry.js delete mode 100644 docs/vendor/@esri/calcite-components/p-9ded8035.system.js create mode 100644 docs/vendor/@esri/calcite-components/p-9fb0a395.entry.js delete mode 100644 docs/vendor/@esri/calcite-components/p-a3dd611f.entry.js delete mode 100644 docs/vendor/@esri/calcite-components/p-a704410e.system.entry.js create mode 100644 docs/vendor/@esri/calcite-components/p-a82c5f25.system.entry.js create mode 100644 docs/vendor/@esri/calcite-components/p-a864ce63.entry.js delete mode 100644 docs/vendor/@esri/calcite-components/p-aa53cdaf.system.entry.js create mode 100644 docs/vendor/@esri/calcite-components/p-ab267a3e.system.entry.js create mode 100644 docs/vendor/@esri/calcite-components/p-abb6488f.entry.js create mode 100644 docs/vendor/@esri/calcite-components/p-aee9282f.entry.js create mode 100644 docs/vendor/@esri/calcite-components/p-b43e6c46.system.entry.js create mode 100644 docs/vendor/@esri/calcite-components/p-b59d2de4.entry.js create mode 100644 docs/vendor/@esri/calcite-components/p-c09cf55a.system.entry.js create mode 100644 docs/vendor/@esri/calcite-components/p-c5348d64.entry.js create mode 100644 docs/vendor/@esri/calcite-components/p-c5a197bd.system.entry.js create mode 100644 docs/vendor/@esri/calcite-components/p-c6206a74.system.js delete mode 100644 docs/vendor/@esri/calcite-components/p-c653fd5a.system.entry.js delete mode 100644 docs/vendor/@esri/calcite-components/p-c697b72d.entry.js delete mode 100644 docs/vendor/@esri/calcite-components/p-c845d544.entry.js delete mode 100644 docs/vendor/@esri/calcite-components/p-c8ffa376.system.js delete mode 100644 docs/vendor/@esri/calcite-components/p-cbd261bd.system.entry.js create mode 100644 docs/vendor/@esri/calcite-components/p-cbf0511b.entry.js create mode 100644 docs/vendor/@esri/calcite-components/p-cbf84546.system.entry.js create mode 100644 docs/vendor/@esri/calcite-components/p-cee9e525.entry.js delete mode 100644 docs/vendor/@esri/calcite-components/p-cfb2b4a7.entry.js create mode 100644 docs/vendor/@esri/calcite-components/p-d3ab8fe2.entry.js create mode 100644 docs/vendor/@esri/calcite-components/p-d4aa13b8.system.entry.js create mode 100644 docs/vendor/@esri/calcite-components/p-dc124090.entry.js create mode 100644 docs/vendor/@esri/calcite-components/p-dc711a30.entry.js delete mode 100644 docs/vendor/@esri/calcite-components/p-dc7cd14a.system.entry.js rename docs/vendor/@esri/calcite-components/{p-c122dff0.system.js => p-dd45b0da.system.js} (64%) create mode 100644 docs/vendor/@esri/calcite-components/p-e008cc52.system.entry.js delete mode 100644 docs/vendor/@esri/calcite-components/p-e09a59a1.entry.js rename docs/vendor/@esri/calcite-components/{p-c138422b.system.entry.js => p-e0b94a8d.system.entry.js} (97%) create mode 100644 docs/vendor/@esri/calcite-components/p-e0e8c892.system.entry.js create mode 100644 docs/vendor/@esri/calcite-components/p-e1bb5cfe.system.entry.js delete mode 100644 docs/vendor/@esri/calcite-components/p-e257b693.system.entry.js delete mode 100644 docs/vendor/@esri/calcite-components/p-e48e62b7.entry.js create mode 100644 docs/vendor/@esri/calcite-components/p-e5996dab.system.entry.js create mode 100644 docs/vendor/@esri/calcite-components/p-eae4f09b.entry.js delete mode 100644 docs/vendor/@esri/calcite-components/p-eb6a0c18.js create mode 100644 docs/vendor/@esri/calcite-components/p-ebe1387e.system.entry.js create mode 100644 docs/vendor/@esri/calcite-components/p-ec1c0eed.system.entry.js delete mode 100644 docs/vendor/@esri/calcite-components/p-ecf33885.entry.js delete mode 100644 docs/vendor/@esri/calcite-components/p-f0816e8c.system.entry.js delete mode 100644 docs/vendor/@esri/calcite-components/p-f0d06e1b.entry.js create mode 100644 docs/vendor/@esri/calcite-components/p-f46ce193.system.js delete mode 100644 docs/vendor/@esri/calcite-components/p-f5266038.system.entry.js create mode 100644 docs/vendor/@esri/calcite-components/p-f8aa8da9.system.entry.js create mode 100644 docs/vendor/@esri/calcite-components/p-fab4318d.js delete mode 100644 docs/vendor/@esri/calcite-components/p-fc6cd82e.entry.js create mode 100644 docs/vendor/@esri/calcite-components/p-fee9fd78.entry.js rename docs/{vendors~main.f1ec378644d79e40c32a.bundle.js => vendors~main.a38084cc4e5c69edebff.bundle.js} (96%) create mode 100644 docs/vendors~main.efca2d7a24ab88ff7295.bundle.js rename docs/{vendors~main.efe4a1d5ed531a5a59cc.bundle.js.LICENSE.txt => vendors~main.efca2d7a24ab88ff7295.bundle.js.LICENSE.txt} (89%) create mode 100644 docs/vendors~main.efca2d7a24ab88ff7295.bundle.js.map delete mode 100644 docs/vendors~main.efe4a1d5ed531a5a59cc.bundle.js delete mode 100644 docs/vendors~main.efe4a1d5ed531a5a59cc.bundle.js.map create mode 100644 src/components/calcite-shell-center-row/readme.md diff --git a/CHANGELOG.md b/CHANGELOG.md index 45ec930b..90830cea 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,8 +1,37 @@ # Changelog -This document maintains a list of released versions and changes introduced by those versions. +This document maintains a list of released versions and changes introduced by them. This project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html) +## [6.0.0](https://github.com/Esri/calcite-app-components/compare/v5.7.3...v6.0.0) (2020-05-20) + +### ⚠ BREAKING CHANGES + +- - Removed deprecated 'text-\*' properties from action-bar, action-pad, block, block-section, filter, flow-item, panel, tip-manager, and tip. + +* Removed deprecated 'layout' property from action-bar, action-pad, and shell-panel. +* Removed deprecated 'compact' property from pick-list-item, pick-list, value-list, and value-list-item. +* Removed deprecated `tip-manager` slot from shell. + +### Features + +- **action-pad:** add horizontal layout ([faf319b](https://github.com/Esri/calcite-app-components/commit/faf319b36b95b019c3f8562ff2e793d244542e79)), closes [#967](https://github.com/Esri/calcite-app-components/issues/967) [#967](https://github.com/Esri/calcite-app-components/issues/967) [#967](https://github.com/Esri/calcite-app-components/issues/967) [#967](https://github.com/Esri/calcite-app-components/issues/967) [#967](https://github.com/Esri/calcite-app-components/issues/967) +- **flow-item:** added slot that hydrates header-leading-content of calcite-panel ([e894d55](https://github.com/Esri/calcite-app-components/commit/e894d55e430705e075a34a496a48cddf029b538f)), closes [#958](https://github.com/Esri/calcite-app-components/issues/958) [#958](https://github.com/Esri/calcite-app-components/issues/958) [#958](https://github.com/Esri/calcite-app-components/issues/958) [#958](https://github.com/Esri/calcite-app-components/issues/958) [#958](https://github.com/Esri/calcite-app-components/issues/958) +- css tweaks for shell-panel and center-row ([eb3ef56](https://github.com/Esri/calcite-app-components/commit/eb3ef56de1741757aa4d0f1eaefe9a51249c0487)), closes [#955](https://github.com/Esri/calcite-app-components/issues/955) +- **panel:** tweak for FAB slot when h-scroll ([530ca8c](https://github.com/Esri/calcite-app-components/commit/530ca8cbb5cf330586e8cf1ecae2b795088a65c3)) +- new calcite-shell-center-row component and updated slot for calcite-shell ([#950](https://github.com/Esri/calcite-app-components/issues/950)) ([56a47d4](https://github.com/Esri/calcite-app-components/commit/56a47d42865fe50514d2d5936586304d7eb2a557)), closes [#935](https://github.com/Esri/calcite-app-components/issues/935) +- replace focus ring mixin and added new mixin where needed ([f4429d4](https://github.com/Esri/calcite-app-components/commit/f4429d4a57ae99683aa22e7c4dfaa77fe1e86131)), closes [#945](https://github.com/Esri/calcite-app-components/issues/945) +- typographic reduction and spacing updates ([f81ec72](https://github.com/Esri/calcite-app-components/commit/f81ec72fbb88de2244106512d253a6008231a269)), closes [#886](https://github.com/Esri/calcite-app-components/issues/886) [#886](https://github.com/Esri/calcite-app-components/issues/886) [#886](https://github.com/Esri/calcite-app-components/issues/886) +- use less confusing icons in pick-list and value-list ([d4c9c7a](https://github.com/Esri/calcite-app-components/commit/d4c9c7a3f5716aaa57eb24257247f29fa3aeaed5)) + +### Bug Fixes + +- **block:** updated for loader UI bug ([3eabce2](https://github.com/Esri/calcite-app-components/commit/3eabce201c059a7a586367f9e0a0c6339e343259)) +- **block-section:** added rtl check and css ([13483a8](https://github.com/Esri/calcite-app-components/commit/13483a80e1550468ef35216645eff8c1ba7924e0)), closes [#957](https://github.com/Esri/calcite-app-components/issues/957) +- **calcite-filter:** added rtl check and updated styles ([f226c41](https://github.com/Esri/calcite-app-components/commit/f226c41b35ec7a881252039347973f791d9f7670)), closes [#959](https://github.com/Esri/calcite-app-components/issues/959) + +* Remove deprecated properties and slots from components ([#971](https://github.com/Esri/calcite-app-components/issues/971)) ([a37633a](https://github.com/Esri/calcite-app-components/commit/a37633aa0ff2d67458bf7e3ce4066880b6045901)) + ### [5.7.3](https://github.com/Esri/calcite-app-components/compare/v5.7.2...v5.7.3) (2020-04-08) ### Bug Fixes diff --git a/docs/build/calcite-app.css b/docs/build/calcite-app.css index dd5c0e45..f61becd4 100644 --- a/docs/build/calcite-app.css +++ b/docs/build/calcite-app.css @@ -1 +1 @@ -:root{--calcite-app-animation-time:250ms;--calcite-app-animation-time-fast:calc(var(--calcite-app-animation-time) / 3);--calcite-app-animation-time-slow:calc(var(--calcite-app-animation-time) * 2);--calcite-app-easing-function:ease-in-out;--calcite-app-side-spacing:1rem;--calcite-app-cap-spacing:1rem;--calcite-app-side-spacing-three-quarters:calc(var(--calcite-app-side-spacing) * 3 / 4);--calcite-app-cap-spacing-three-quarters:calc(var(--calcite-app-cap-spacing) * 3 / 4);--calcite-app-side-spacing-half:calc(var(--calcite-app-side-spacing) / 2);--calcite-app-cap-spacing-half:calc(var(--calcite-app-cap-spacing) / 2);--calcite-app-side-spacing-third:calc(var(--calcite-app-side-spacing) / 3);--calcite-app-cap-spacing-third:calc(var(--calcite-app-cap-spacing) / 3);--calcite-app-side-spacing-quarter:calc(var(--calcite-app-side-spacing) / 4);--calcite-app-cap-spacing-quarter:calc(var(--calcite-app-cap-spacing) / 4);--calcite-app-side-spacing-eighth:calc(var(--calcite-app-side-spacing) / 8);--calcite-app-cap-spacing-eighth:calc(var(--calcite-app-cap-spacing) / 8);--calcite-app-cap-spacing-minimum:1px;--calcite-app-side-spacing-minimum:1px;--calcite-app-side-spacing-plus-half:calc(var(--calcite-app-side-spacing) * 1.5);--calcite-app-cap-spacing-plus-half:calc(var(--calcite-app-cap-spacing) * 1.5);--calcite-app-side-spacing-double:calc(var(--calcite-app-side-spacing) * 2);--calcite-app-cap-spacing-double:calc(var(--calcite-app-cap-spacing) * 2);--calcite-app-menu-min-width:10rem;--calcite-app-menu-offset:0px;--calcite-app-icon-size:1rem;--calcite-app-border-radius:3px;--calcite-app-header-min-height:calc(var(--calcite-app-cap-spacing) * 3);--calcite-app-footer-min-height:calc(var(--calcite-app-cap-spacing) * 3);--calcite-app-outline-inset:-6px;--calcite-app-line-height:1.4;--calcite-app-font-family:Avenir Next W01, Avenir Next W00, Avenir Next, Avenir, Helvetica Neue, sans-serif;--calcite-app-font-family-monospace:"Lucida Console", Monaco, monospace;--calcite-app-font-size-3:1.5rem;--calcite-app-font-size-2:1.125rem;--calcite-app-font-size-1:1rem;--calcite-app-font-size-0:0.875rem;--calcite-app-font-size--1:0.75rem;--calcite-app-font-weight:400;--calcite-app-font-weight-demi:600;--calcite-app-shadow-0:0 2px 4px rgba(0, 0, 0, 0.1);--calcite-app-shadow-1:0 0 8px 0 rgba(0, 0, 0, 0.08);--calcite-app-shadow-1-hover:0 0 16px 0 rgba(0, 0, 0, 0.08);--calcite-app-shadow-1--press:0 0 8px 0 rgba(0, 0, 0, 0.16);--calcite-app-shadow-2:0 0 16px 0 rgba(0, 0, 0, 0.16);--calcite-app-shadow-2-hover:0 0 32px 0 rgba(0, 0, 0, 0.16);--calcite-app-shadow-2-press:0 0 16px 0 rgba(0, 0, 0, 0.32);--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#007ac2;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}@-webkit-keyframes calcite-app-fade-in{0%{opacity:0}100%{opacity:1}}@keyframes calcite-app-fade-in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes calcite-app-fade-in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes calcite-app-fade-in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes calcite-app-fade-in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes calcite-app-fade-in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes calcite-app-fade-in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes calcite-app-fade-in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}} \ No newline at end of file +:root{--calcite-app-animation-time:250ms;--calcite-app-animation-time-fast:calc(var(--calcite-app-animation-time) / 3);--calcite-app-animation-time-slow:calc(var(--calcite-app-animation-time) * 2);--calcite-app-easing-function:ease-in-out;--calcite-app-side-spacing:1rem;--calcite-app-cap-spacing:1rem;--calcite-app-side-spacing-three-quarters:calc(var(--calcite-app-side-spacing) * 3 / 4);--calcite-app-cap-spacing-three-quarters:calc(var(--calcite-app-cap-spacing) * 3 / 4);--calcite-app-side-spacing-half:calc(var(--calcite-app-side-spacing) / 2);--calcite-app-cap-spacing-half:calc(var(--calcite-app-cap-spacing) / 2);--calcite-app-side-spacing-third:calc(var(--calcite-app-side-spacing) / 3);--calcite-app-cap-spacing-third:calc(var(--calcite-app-cap-spacing) / 3);--calcite-app-side-spacing-quarter:calc(var(--calcite-app-side-spacing) / 4);--calcite-app-cap-spacing-quarter:calc(var(--calcite-app-cap-spacing) / 4);--calcite-app-side-spacing-eighth:calc(var(--calcite-app-side-spacing) / 8);--calcite-app-cap-spacing-eighth:calc(var(--calcite-app-cap-spacing) / 8);--calcite-app-cap-spacing-minimum:1px;--calcite-app-side-spacing-minimum:1px;--calcite-app-side-spacing-plus-half:calc(var(--calcite-app-side-spacing) * 1.5);--calcite-app-cap-spacing-plus-half:calc(var(--calcite-app-cap-spacing) * 1.5);--calcite-app-side-spacing-double:calc(var(--calcite-app-side-spacing) * 2);--calcite-app-cap-spacing-double:calc(var(--calcite-app-cap-spacing) * 2);--calcite-app-menu-min-width:10rem;--calcite-app-menu-offset:0px;--calcite-app-icon-size:1rem;--calcite-app-border-radius:3px;--calcite-app-header-min-height:calc(var(--calcite-app-cap-spacing) * 3);--calcite-app-footer-min-height:calc(var(--calcite-app-cap-spacing) * 3);--calcite-app-outline-inset:-6px;--calcite-app-line-height:1.35;--calcite-app-font-family:Avenir Next W01, Avenir Next W00, Avenir Next, Avenir, Helvetica Neue, sans-serif;--calcite-app-font-family-monospace:Consolas, Andale Mono, Lucida Console, Monaco, monospace;--calcite-app-font-size-2:1.125rem;--calcite-app-font-size-1:1rem;--calcite-app-font-size-0:0.875rem;--calcite-app-font-size--1:0.75rem;--calcite-app-font-size--2:0.625rem;--calcite-app-font-weight:400;--calcite-app-font-weight-demi:600;--calcite-app-shadow-0:0 2px 4px rgba(0, 0, 0, 0.1);--calcite-app-shadow-1:0 0 8px 0 rgba(0, 0, 0, 0.08);--calcite-app-shadow-1-hover:0 0 16px 0 rgba(0, 0, 0, 0.08);--calcite-app-shadow-1--press:0 0 8px 0 rgba(0, 0, 0, 0.16);--calcite-app-shadow-2:0 0 16px 0 rgba(0, 0, 0, 0.16);--calcite-app-shadow-2-hover:0 0 32px 0 rgba(0, 0, 0, 0.16);--calcite-app-shadow-2-press:0 0 16px 0 rgba(0, 0, 0, 0.32);--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#00619b;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}@-webkit-keyframes calcite-app-fade-in{0%{opacity:0}100%{opacity:1}}@keyframes calcite-app-fade-in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes calcite-app-fade-in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes calcite-app-fade-in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes calcite-app-fade-in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes calcite-app-fade-in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes calcite-app-fade-in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes calcite-app-fade-in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}} \ No newline at end of file diff --git a/docs/build/calcite-app.esm.js b/docs/build/calcite-app.esm.js index 4d033d88..b4f2e22a 100644 --- a/docs/build/calcite-app.esm.js +++ b/docs/build/calcite-app.esm.js @@ -1 +1 @@ -import{p as e,b as t}from"./p-3125ea46.js";e().then(e=>t([["p-7f1c82ac",[[1,"calcite-tip",{dismissed:[1028],nonDismissible:[516,"non-dismissible"],heading:[1],selected:[516],intlClose:[1,"intl-close"],textClose:[1,"text-close"],theme:[513]}],[1,"calcite-tip-manager",{closed:[516],intlClose:[1,"intl-close"],textClose:[1,"text-close"],intlDefaultTitle:[1,"intl-default-title"],textDefaultTitle:[1,"text-default-title"],intlNext:[1,"intl-next"],textNext:[1,"text-next"],intlPaginationLabel:[1,"intl-pagination-label"],textPaginationLabel:[1,"text-pagination-label"],intlPrevious:[1,"intl-previous"],textPrevious:[1,"text-previous"],theme:[513],selectedIndex:[32],tips:[32],total:[32],direction:[32],groupTitle:[32],nextTip:[64],previousTip:[64]}],[1,"calcite-tip-group",{textGroupTitle:[1,"text-group-title"]}]]],["p-75d586e6",[[1,"calcite-block",{collapsible:[4],disabled:[516],dragHandle:[516,"drag-handle"],heading:[1],intlCollapse:[1,"intl-collapse"],intlExpand:[1,"intl-expand"],loading:[516],open:[516],summary:[1],textCollapse:[1,"text-collapse"],textExpand:[1,"text-expand"],theme:[513]}],[1,"calcite-block-section",{intlCollapse:[1,"intl-collapse"],intlExpand:[1,"intl-expand"],open:[516],text:[1],textCollapse:[1,"text-collapse"],textExpand:[1,"text-expand"],toggleDisplay:[513,"toggle-display"]}]]],["p-49b50b5d",[[1,"calcite-value-list-item",{compact:[516],disabled:[516],disableDeselect:[4,"disable-deselect"],handleActivated:[1028,"handle-activated"],icon:[513],metadata:[16],removable:[516],selected:[1540],textLabel:[513,"text-label"],textDescription:[513,"text-description"],value:[513],toggleSelected:[64],setFocus:[64]},[[0,"calciteListItemChange","calciteListItemChangeHandler"]]]]],["p-ed27e1c0",[[1,"calcite-pick-list",{compact:[516],disabled:[516],filterEnabled:[516,"filter-enabled"],loading:[516],multiple:[516],textFilterPlaceholder:[513,"text-filter-placeholder"],selectedValues:[32],dataForFilter:[32],getSelectedItems:[64],setFocus:[64]},[[0,"calciteListItemChange","calciteListItemChangeHandler"],[0,"calciteListItemPropsChange","calciteListItemPropsChangeHandler"],[0,"calciteListItemValueChange","calciteListItemValueChangeHandler"]]]]],["p-69eb47b4",[[1,"calcite-value-list",{compact:[516],disabled:[516],dragEnabled:[516,"drag-enabled"],filterEnabled:[516,"filter-enabled"],loading:[516],multiple:[516],textFilterPlaceholder:[513,"text-filter-placeholder"],selectedValues:[32],dataForFilter:[32],getSelectedItems:[64],setFocus:[64]},[[0,"calciteListItemChange","calciteListItemChangeHandler"],[0,"calciteListItemPropsChange","calciteListItemPropsChangeHandler"],[0,"calciteListItemValueChange","calciteListItemValueChangeHandler"]]]]],["p-100fce1d",[[1,"calcite-shell",{theme:[513]}],[1,"calcite-shell-panel",{collapsed:[516],detached:[516],detachedScale:[1,"detached-scale"],layout:[513],position:[513]}]]],["p-e8002431",[[1,"calcite-fab",{appearance:[513],disabled:[516],icon:[1],label:[1],loading:[516],scale:[513],text:[1],textEnabled:[516,"text-enabled"],theme:[513],setFocus:[64]}]]],["p-5ae79dc1",[[1,"calcite-pick-list-group",{textGroupTitle:[513,"text-group-title"]}]]],["p-9fcace9c",[[1,"calcite-sortable-list",{handleSelector:[1,"handle-selector"],disabled:[516],loading:[516],handleActivated:[32]},[[0,"calciteHandleNudge","calciteHandleNudgeHandler"]]]]],["p-0596ff18",[[1,"calcite-action-bar",{expand:[516],expanded:[516],tooltipExpand:[16],textExpand:[1,"text-expand"],intlExpand:[1,"intl-expand"],textCollapse:[1,"text-collapse"],intlCollapse:[1,"intl-collapse"],layout:[513],position:[513],theme:[513]}],[1,"calcite-action-pad",{expand:[516],expanded:[516],tooltipExpand:[16],textExpand:[1,"text-expand"],intlExpand:[1,"intl-expand"],textCollapse:[1,"text-collapse"],intlCollapse:[1,"intl-collapse"],layout:[513],position:[513],theme:[513]}],[1,"calcite-action-group"],[1,"calcite-action",{appearance:[513],active:[516],compact:[516],disabled:[516],icon:[1],indicator:[516],label:[1],loading:[516],scale:[513],text:[1],textEnabled:[516,"text-enabled"],theme:[513],setFocus:[64]}]]],["p-3f2a62ba",[[1,"calcite-flow-item",{beforeBack:[16],disabled:[516],heightScale:[513,"height-scale"],heading:[1],loading:[516],menuOpen:[516,"menu-open"],showBackButton:[4,"show-back-button"],summary:[1],intlBack:[1,"intl-back"],textBack:[1,"text-back"],intlClose:[1,"intl-close"],textClose:[1,"text-close"],intlOpen:[1,"intl-open"],textOpen:[1,"text-open"],theme:[513]},[[0,"calcitePanelScroll","handleCalcitePanelScroll"]]],[1,"calcite-flow",{theme:[513],flowCount:[32],flowDirection:[32],flows:[32],back:[64]},[[0,"calciteFlowItemBackClick","handleCalciteFlowItemBackClick"]]],[1,"calcite-panel",{dismissed:[1540],disabled:[516],dismissible:[516],heightScale:[513,"height-scale"],loading:[516],intlClose:[1,"intl-close"],textClose:[1,"text-close"],theme:[513],setFocus:[64]}]]],["p-5502844d",[[1,"calcite-pick-list-item",{compact:[516],disabled:[516],disableDeselect:[4,"disable-deselect"],icon:[513],metadata:[16],removable:[516],selected:[1540],textDescription:[513,"text-description"],textLabel:[513,"text-label"],textRemove:[513,"text-remove"],value:[513],toggleSelected:[64],setFocus:[64]}]]],["p-39c07544",[[1,"calcite-handle",{activated:[1540],textTitle:[1537,"text-title"],setFocus:[64]}]]],["p-dd38e6f6",[[1,"calcite-filter",{data:[16],intlClear:[1,"intl-clear"],intlLabel:[1,"intl-label"],placeholder:[1],textLabel:[1,"text-label"],textPlaceholder:[1,"text-placeholder"],empty:[32]}]]]],e)); \ No newline at end of file +import{p as e,b as t}from"./p-9d0aa6e4.js";e().then(e=>t([["p-2972625e",[[1,"calcite-tip",{dismissed:[1028],nonDismissible:[516,"non-dismissible"],heading:[1],selected:[516],intlClose:[1,"intl-close"],theme:[513]}],[1,"calcite-tip-manager",{closed:[516],intlClose:[1,"intl-close"],intlDefaultTitle:[1,"intl-default-title"],intlNext:[1,"intl-next"],intlPaginationLabel:[1,"intl-pagination-label"],intlPrevious:[1,"intl-previous"],theme:[513],selectedIndex:[32],tips:[32],total:[32],direction:[32],groupTitle:[32],nextTip:[64],previousTip:[64]}],[1,"calcite-tip-group",{textGroupTitle:[1,"text-group-title"]}]]],["p-a49a0a99",[[1,"calcite-block",{collapsible:[4],disabled:[516],dragHandle:[516,"drag-handle"],heading:[1],intlCollapse:[1,"intl-collapse"],intlExpand:[1,"intl-expand"],loading:[516],open:[516],summary:[1],theme:[513]}],[1,"calcite-block-section",{intlCollapse:[1,"intl-collapse"],intlExpand:[1,"intl-expand"],open:[516],text:[1],toggleDisplay:[513,"toggle-display"]}]]],["p-ee55dc68",[[1,"calcite-value-list-item",{disabled:[516],disableDeselect:[4,"disable-deselect"],handleActivated:[1028,"handle-activated"],icon:[513],metadata:[16],removable:[516],selected:[1540],textLabel:[513,"text-label"],textDescription:[513,"text-description"],value:[513],toggleSelected:[64],setFocus:[64]},[[0,"calciteListItemChange","calciteListItemChangeHandler"]]]]],["p-ef948fbd",[[1,"calcite-pick-list",{disabled:[516],filterEnabled:[516,"filter-enabled"],loading:[516],multiple:[516],textFilterPlaceholder:[513,"text-filter-placeholder"],selectedValues:[32],dataForFilter:[32],getSelectedItems:[64],setFocus:[64]},[[0,"calciteListItemChange","calciteListItemChangeHandler"],[0,"calciteListItemPropsChange","calciteListItemPropsChangeHandler"],[0,"calciteListItemValueChange","calciteListItemValueChangeHandler"]]]]],["p-c1467322",[[1,"calcite-value-list",{disabled:[516],dragEnabled:[516,"drag-enabled"],filterEnabled:[516,"filter-enabled"],loading:[516],multiple:[516],textFilterPlaceholder:[513,"text-filter-placeholder"],selectedValues:[32],dataForFilter:[32],getSelectedItems:[64],setFocus:[64]},[[0,"calciteListItemChange","calciteListItemChangeHandler"],[0,"calciteListItemPropsChange","calciteListItemPropsChangeHandler"],[0,"calciteListItemValueChange","calciteListItemValueChangeHandler"]]]]],["p-07bbb3d6",[[1,"calcite-shell",{theme:[513]}],[1,"calcite-shell-panel",{collapsed:[516],detached:[516],detachedScale:[1,"detached-scale"],position:[513]}]]],["p-3f244111",[[1,"calcite-fab",{appearance:[513],color:[513],disabled:[516],icon:[1],label:[1],loading:[516],scale:[513],text:[1],textEnabled:[516,"text-enabled"],theme:[513],setFocus:[64]}]]],["p-2c04f785",[[1,"calcite-pick-list-group",{textGroupTitle:[513,"text-group-title"]}]]],["p-4eac11f1",[[1,"calcite-shell-center-row",{detached:[516],heightScale:[513,"height-scale"],position:[513]}]]],["p-d3094cec",[[1,"calcite-sortable-list",{handleSelector:[1,"handle-selector"],disabled:[516],loading:[516],handleActivated:[32]},[[0,"calciteHandleNudge","calciteHandleNudgeHandler"]]]]],["p-20eb6221",[[1,"calcite-action-bar",{expand:[516],expanded:[516],tooltipExpand:[16],intlExpand:[1,"intl-expand"],intlCollapse:[1,"intl-collapse"],position:[513],theme:[513]}],[1,"calcite-action-pad",{layout:[513],expand:[516],expanded:[516],tooltipExpand:[16],intlExpand:[1,"intl-expand"],intlCollapse:[1,"intl-collapse"],position:[513],theme:[513]}],[1,"calcite-action-group"],[1,"calcite-action",{appearance:[513],active:[516],compact:[516],disabled:[516],icon:[1],indicator:[516],label:[1],loading:[516],scale:[513],text:[1],textEnabled:[516,"text-enabled"],theme:[513],setFocus:[64]}]]],["p-a3da842c",[[1,"calcite-flow-item",{beforeBack:[16],disabled:[516],heightScale:[513,"height-scale"],heading:[1],loading:[516],menuOpen:[516,"menu-open"],showBackButton:[4,"show-back-button"],summary:[1],intlBack:[1,"intl-back"],intlClose:[1,"intl-close"],intlOpen:[1,"intl-open"],theme:[513]},[[0,"calcitePanelScroll","handleCalcitePanelScroll"]]],[1,"calcite-flow",{theme:[513],flowCount:[32],flowDirection:[32],flows:[32],back:[64]},[[0,"calciteFlowItemBackClick","handleCalciteFlowItemBackClick"]]],[1,"calcite-panel",{dismissed:[1540],disabled:[516],dismissible:[516],heightScale:[513,"height-scale"],loading:[516],intlClose:[1,"intl-close"],theme:[513],setFocus:[64]}]]],["p-b8854c34",[[1,"calcite-pick-list-item",{disabled:[516],disableDeselect:[4,"disable-deselect"],icon:[513],metadata:[16],removable:[516],selected:[1540],textDescription:[513,"text-description"],textLabel:[513,"text-label"],textRemove:[513,"text-remove"],value:[513],toggleSelected:[64],setFocus:[64]}]]],["p-6d376593",[[1,"calcite-handle",{activated:[1540],textTitle:[513,"text-title"],setFocus:[64]}]]],["p-88e097a0",[[1,"calcite-filter",{data:[16],intlClear:[1,"intl-clear"],intlLabel:[1,"intl-label"],placeholder:[1],empty:[32]}]]]],e)); \ No newline at end of file diff --git a/docs/build/calcite-app.js b/docs/build/calcite-app.js index d3cca015..72c778c9 100644 --- a/docs/build/calcite-app.js +++ b/docs/build/calcite-app.js @@ -125,7 +125,7 @@ var StyleNode=function(){this.start=0,this.end=0,this.previous=null,this.parent= var resourcesUrl = scriptElm ? scriptElm.getAttribute('data-resources-url') || scriptElm.src : ''; var start = function() { - var url = new URL('./p-2ac47b89.system.js', resourcesUrl); + var url = new URL('./p-0009c9bf.system.js', resourcesUrl); System.import(url.href); }; diff --git a/docs/build/p-0009c9bf.system.js b/docs/build/p-0009c9bf.system.js new file mode 100644 index 00000000..dc056e7b --- /dev/null +++ b/docs/build/p-0009c9bf.system.js @@ -0,0 +1 @@ +System.register(["./p-c0bbf908.system.js"],(function(){"use strict";var e,t;return{setters:[function(l){e=l.p;t=l.b}],execute:function(){e().then((function(e){return t([["p-6ce68392.system",[[1,"calcite-tip",{dismissed:[1028],nonDismissible:[516,"non-dismissible"],heading:[1],selected:[516],intlClose:[1,"intl-close"],theme:[513]}],[1,"calcite-tip-manager",{closed:[516],intlClose:[1,"intl-close"],intlDefaultTitle:[1,"intl-default-title"],intlNext:[1,"intl-next"],intlPaginationLabel:[1,"intl-pagination-label"],intlPrevious:[1,"intl-previous"],theme:[513],selectedIndex:[32],tips:[32],total:[32],direction:[32],groupTitle:[32],nextTip:[64],previousTip:[64]}],[1,"calcite-tip-group",{textGroupTitle:[1,"text-group-title"]}]]],["p-68defa3d.system",[[1,"calcite-block",{collapsible:[4],disabled:[516],dragHandle:[516,"drag-handle"],heading:[1],intlCollapse:[1,"intl-collapse"],intlExpand:[1,"intl-expand"],loading:[516],open:[516],summary:[1],theme:[513]}],[1,"calcite-block-section",{intlCollapse:[1,"intl-collapse"],intlExpand:[1,"intl-expand"],open:[516],text:[1],toggleDisplay:[513,"toggle-display"]}]]],["p-145743f8.system",[[1,"calcite-value-list-item",{disabled:[516],disableDeselect:[4,"disable-deselect"],handleActivated:[1028,"handle-activated"],icon:[513],metadata:[16],removable:[516],selected:[1540],textLabel:[513,"text-label"],textDescription:[513,"text-description"],value:[513],toggleSelected:[64],setFocus:[64]},[[0,"calciteListItemChange","calciteListItemChangeHandler"]]]]],["p-39975e83.system",[[1,"calcite-pick-list",{disabled:[516],filterEnabled:[516,"filter-enabled"],loading:[516],multiple:[516],textFilterPlaceholder:[513,"text-filter-placeholder"],selectedValues:[32],dataForFilter:[32],getSelectedItems:[64],setFocus:[64]},[[0,"calciteListItemChange","calciteListItemChangeHandler"],[0,"calciteListItemPropsChange","calciteListItemPropsChangeHandler"],[0,"calciteListItemValueChange","calciteListItemValueChangeHandler"]]]]],["p-cec6d624.system",[[1,"calcite-value-list",{disabled:[516],dragEnabled:[516,"drag-enabled"],filterEnabled:[516,"filter-enabled"],loading:[516],multiple:[516],textFilterPlaceholder:[513,"text-filter-placeholder"],selectedValues:[32],dataForFilter:[32],getSelectedItems:[64],setFocus:[64]},[[0,"calciteListItemChange","calciteListItemChangeHandler"],[0,"calciteListItemPropsChange","calciteListItemPropsChangeHandler"],[0,"calciteListItemValueChange","calciteListItemValueChangeHandler"]]]]],["p-8803a9fc.system",[[1,"calcite-shell",{theme:[513]}],[1,"calcite-shell-panel",{collapsed:[516],detached:[516],detachedScale:[1,"detached-scale"],position:[513]}]]],["p-ce3324f1.system",[[1,"calcite-fab",{appearance:[513],color:[513],disabled:[516],icon:[1],label:[1],loading:[516],scale:[513],text:[1],textEnabled:[516,"text-enabled"],theme:[513],setFocus:[64]}]]],["p-26de6ca4.system",[[1,"calcite-pick-list-group",{textGroupTitle:[513,"text-group-title"]}]]],["p-46ed303b.system",[[1,"calcite-shell-center-row",{detached:[516],heightScale:[513,"height-scale"],position:[513]}]]],["p-22ac26de.system",[[1,"calcite-sortable-list",{handleSelector:[1,"handle-selector"],disabled:[516],loading:[516],handleActivated:[32]},[[0,"calciteHandleNudge","calciteHandleNudgeHandler"]]]]],["p-7ded31cd.system",[[1,"calcite-action-bar",{expand:[516],expanded:[516],tooltipExpand:[16],intlExpand:[1,"intl-expand"],intlCollapse:[1,"intl-collapse"],position:[513],theme:[513]}],[1,"calcite-action-pad",{layout:[513],expand:[516],expanded:[516],tooltipExpand:[16],intlExpand:[1,"intl-expand"],intlCollapse:[1,"intl-collapse"],position:[513],theme:[513]}],[1,"calcite-action-group"],[1,"calcite-action",{appearance:[513],active:[516],compact:[516],disabled:[516],icon:[1],indicator:[516],label:[1],loading:[516],scale:[513],text:[1],textEnabled:[516,"text-enabled"],theme:[513],setFocus:[64]}]]],["p-6011fcbf.system",[[1,"calcite-flow-item",{beforeBack:[16],disabled:[516],heightScale:[513,"height-scale"],heading:[1],loading:[516],menuOpen:[516,"menu-open"],showBackButton:[4,"show-back-button"],summary:[1],intlBack:[1,"intl-back"],intlClose:[1,"intl-close"],intlOpen:[1,"intl-open"],theme:[513]},[[0,"calcitePanelScroll","handleCalcitePanelScroll"]]],[1,"calcite-flow",{theme:[513],flowCount:[32],flowDirection:[32],flows:[32],back:[64]},[[0,"calciteFlowItemBackClick","handleCalciteFlowItemBackClick"]]],[1,"calcite-panel",{dismissed:[1540],disabled:[516],dismissible:[516],heightScale:[513,"height-scale"],loading:[516],intlClose:[1,"intl-close"],theme:[513],setFocus:[64]}]]],["p-75bb5238.system",[[1,"calcite-pick-list-item",{disabled:[516],disableDeselect:[4,"disable-deselect"],icon:[513],metadata:[16],removable:[516],selected:[1540],textDescription:[513,"text-description"],textLabel:[513,"text-label"],textRemove:[513,"text-remove"],value:[513],toggleSelected:[64],setFocus:[64]}]]],["p-cca72c93.system",[[1,"calcite-handle",{activated:[1540],textTitle:[513,"text-title"],setFocus:[64]}]]],["p-8f27b3e5.system",[[1,"calcite-filter",{data:[16],intlClear:[1,"intl-clear"],intlLabel:[1,"intl-label"],placeholder:[1],empty:[32]}]]]],e)}))}}})); \ No newline at end of file diff --git a/docs/build/p-0596ff18.entry.js b/docs/build/p-0596ff18.entry.js deleted file mode 100644 index b47bf4b8..00000000 --- a/docs/build/p-0596ff18.entry.js +++ /dev/null @@ -1 +0,0 @@ -import{r as a,f as t,h as e,H as i,g as c,c as o}from"./p-3125ea46.js";import{a as n,g as r,b as l}from"./p-4230ce12.js";import{c as p}from"./p-1a0cace4.js";import{C as s}from"./p-eb15fcdb.js";const d=class{constructor(e){a(this,e),this.appearance="solid",this.active=!1,this.compact=!1,this.disabled=!1,this.indicator=!1,this.loading=!1,this.scale="m",this.textEnabled=!1,this.observer=new MutationObserver(()=>t(this))}connectedCallback(){this.observer.observe(this.el,{childList:!0,subtree:!0})}componentDidUnload(){this.observer.disconnect()}async setFocus(){this.buttonEl.focus()}renderTextContainer(){const{text:a,textEnabled:t}=this;return a?e("div",{key:"text-container",class:p("text-container",{"text-container--visible":t})},a):null}renderIconContainer(){var a;const{loading:t,icon:i,scale:c,el:o}=this,n="l"===c?"m":"s",r=t?e("calcite-loader",{"is-active":!0,inline:!0}):null,l=i?e("calcite-icon",{icon:i,scale:n}):null,s=r||l,d=s||(null===(a=o.children)||void 0===a?void 0:a.length),b=e("div",{class:p("slot-container",{"slot-container--hidden":t})},e("slot",null));return d?e("div",{key:"icon-container","aria-hidden":"true",class:"icon-container"},s,b):null}render(){const{compact:a,disabled:t,loading:c,el:o,textEnabled:r,label:l,text:d}=this,b=l||d,u="rtl"===n(o);return e(i,null,e("button",{class:p("button",{"button--text-visible":r,"button--compact":a,[s.rtl]:u}),"aria-label":b,disabled:t,"aria-disabled":t.toString(),"aria-busy":c.toString(),ref:a=>this.buttonEl=a},this.renderIconContainer(),this.renderTextContainer()))}get el(){return c(this)}};d.style=':host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:-ms-flexbox;display:flex;background-color:var(--calcite-app-background-clear)}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#007ac2;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}.button{font-family:var(--calcite-app-font-family);display:-ms-flexbox;display:flex;color:var(--calcite-app-foreground);fill:var(--calcite-app-foreground);background-color:var(--calcite-app-background);outline-offset:var(--calcite-app-outline-inset);margin:0;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;border:none;width:auto;cursor:pointer;font-size:var(--calcite-app-font-size--1);line-height:normal;-webkit-transition:color 125ms ease-in-out, fill 125ms ease-in-out, background-color 125ms ease-in-out;transition:color 125ms ease-in-out, fill 125ms ease-in-out, background-color 125ms ease-in-out;text-align:unset;position:relative}.button:hover,.button:focus{background-color:var(--calcite-app-background-hover);color:var(--calcite-app-foreground-hover);fill:var(--calcite-app-foreground-hover)}.button:focus{outline-offset:var(--calcite-app-outline-inset)}.button .icon-container{min-width:var(--calcite-app-icon-size);min-height:var(--calcite-app-icon-size);margin:0;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;pointer-events:none}.button .text-container{line-height:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;opacity:0;width:0;-webkit-transition:opacity var(--calcite-app-animation-time) var(--calcite-app-easing-function), margin var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), width var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);transition:opacity var(--calcite-app-animation-time) var(--calcite-app-easing-function), margin var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), width var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function)}.button .text-container--visible{-ms-flex:1 1 auto;flex:1 1 auto;opacity:1;width:auto}:host([scale=s]) .button{padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-half)}:host([scale=m]) .button{padding:var(--calcite-app-cap-spacing) var(--calcite-app-side-spacing)}:host([scale=l]) .button{padding:var(--calcite-app-cap-spacing-plus-half) var(--calcite-app-side-spacing-plus-half)}:host([scale=s][compact]) .button,:host([scale=m][compact]) .button,:host([scale=l][compact]) .button{padding-left:var(--calcite-app-side-spacing-quarter);padding-right:var(--calcite-app-side-spacing-quarter)}.slot-container{display:-ms-flexbox;display:flex}.slot-container--hidden{display:none}.button--text-visible{width:100%}.button--text-visible .icon-container{margin:0 var(--calcite-app-side-spacing-half) 0 0}.button--text-visible .text-container--visible{margin:0 var(--calcite-app-side-spacing-half) 0 0}.button--text-visible.calcite--rtl .icon-container{margin:0 0 0 var(--calcite-app-side-spacing-half)}.button--text-visible.calcite--rtl .text-container--visible{margin:0 0 0 var(--calcite-app-side-spacing-half)}:host([active]) .button,:host([active]) .button:hover,:host([active]) .button:focus,:host([active][loading]) .button{color:var(--calcite-app-foreground-active);fill:var(--calcite-app-foreground-active);background-color:var(--calcite-app-background-active)}:host([appearance=clear]) .button{background-color:var(--calcite-app-background-clear);-webkit-transition:-webkit-box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);transition:-webkit-box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);transition:box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);transition:box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), -webkit-box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function)}:host([appearance=clear]) .button:hover,:host([appearance=clear]) .button:focus{background-color:var(--calcite-app-background-clear);-webkit-box-shadow:0 0 0 2px var(--calcite-app-border-hover) inset;box-shadow:0 0 0 2px var(--calcite-app-border-hover) inset}:host([active][appearance=clear]) .button,:host([active][appearance=clear]) .button:hover,:host([active][appearance=clear]) .button:focus{color:var(--calcite-app-foreground-active);fill:var(--calcite-app-foreground-active);background-color:var(--calcite-app-background-active);-webkit-box-shadow:none;box-shadow:none}:host([appearance=clear][loading]) .button,:host([appearance=clear][disabled]) .button{background-color:var(--calcite-app-background-clear)}:host([loading]) .button,:host([loading]) .button:hover,:host([loading]) .button:focus{background-color:var(--calcite-app-background)}:host([loading]) calcite-loader[inline]{color:var(--calcite-app-foreground-subtle);margin-right:0}:host([disabled]) .button,:host([disabled]) .button:hover,:host([disabled]) .button:focus{cursor:default;opacity:var(--calcite-app-disabled-opacity);background-color:var(--calcite-app-background)}:host([disabled][active]) .button,:host([disabled][active]) .button:hover,:host([disabled][active]) .button:focus{opacity:var(--calcite-app-disabled-opacity);background-color:var(--calcite-app-background-active)}:host([indicator]) .button--text-visible,:host([indicator][scale=s]) .button--text-visible,:host([indicator][scale=l]) .button--text-visible{padding-right:var(--calcite-app-side-spacing)}:host([indicator]) .button::after{content:"";border-radius:50%;width:var(--calcite-app-side-spacing-half);height:var(--calcite-app-side-spacing-half);border:var(--calcite-app-side-spacing-eighth) solid var(--calcite-app-background);background-color:var(--calcite-app-foreground-active);position:absolute;bottom:var(--calcite-app-cap-spacing-half);right:var(--calcite-app-side-spacing-half);z-index:1}:host([indicator][scale=s]) .button::after{bottom:var(--calcite-app-cap-spacing-quarter);right:var(--calcite-app-side-spacing-quarter)}:host([indicator][scale=l]) .button::after{bottom:var(--calcite-app-cap-spacing-half);right:var(--calcite-app-side-spacing-half)}:host([indicator]) .calcite--rtl::after{right:unset;left:var(--calcite-app-side-spacing-quarter)}:host([indicator]) .button--text-visible.calcite--rtl{padding-right:var(--calcite-app-side-spacing-three-quarters);padding-left:var(--calcite-app-side-spacing)}:host([indicator]) .button:hover::after,:host([indicator]) .button:focus::after{border-color:var(--calcite-app-background-hover)}:host([indicator][active]) .button::after{border-color:var(--calcite-app-background-active)}:host([indicator]) .button--text-visible::after,:host([indicator][scale=s]) .button--text-visible::after,:host([indicator][scale=l]) .button--text-visible::after{bottom:unset;right:var(--calcite-app-side-spacing-half)}:host([indicator]) .button--text-visible.calcite--rtl::after,:host([indicator][scale=s]) .button--text-visible.calcite--rtl::after,:host([indicator][scale=l]) .button--text-visible.calcite--rtl::after{right:unset;left:var(--calcite-app-side-spacing-half)}';function b({parent:a,expanded:t}){a.querySelectorAll("calcite-action").forEach(a=>a.textEnabled=t)}const u=({expanded:a,intlExpand:t,intlCollapse:i,toggleExpand:c,el:o,position:r,tooltipExpand:l})=>{const p="rtl"===n(o),s=a?i:t,d=["chevrons-left","chevrons-right"];p&&d.reverse();const b="end"===function(a,t){return a||function(a){const t=a.closest("calcite-shell-panel");if(t)return t.position?t.position:t.layout?"trailing"===t.layout?"end":"start":void 0}(t)||"start"}(r,o),u=e("calcite-action",{ref:t=>((a,t,e)=>(a&&(a.referenceElement=!e&&t),t))(l,t,a),onClick:c,textEnabled:a,text:s,icon:a?b?d[1]:d[0]:b?d[0]:d[1]});return l?e("calcite-tooltip-manager",null,u):u},f=class{constructor(t){a(this,t),this.expand=!0,this.expanded=!1,this.toggleExpand=()=>{this.expanded=!this.expanded},this.calciteActionBarToggle=o(this,"calciteActionBarToggle",7)}expandHandler(a){a&&b({parent:this.el,expanded:this.expanded})}expandedHandler(a){this.expand&&b({parent:this.el,expanded:a}),this.calciteActionBarToggle.emit()}componentWillLoad(){const{el:a,expand:t,expanded:e}=this;t&&b({parent:a,expanded:e})}renderBottomActionGroup(){const{expanded:a,expand:t,intlExpand:i,intlCollapse:c,textExpand:o,textCollapse:n,el:p,layout:s,position:d,toggleExpand:b,tooltipExpand:f}=this,g=t?e(u,{expanded:a,intlExpand:i||o||"Expand",intlCollapse:c||n||"Collapse",el:p,position:l(d,s),toggleExpand:b,tooltipExpand:f}):null;return r(p,"bottom-actions")||g?e("calcite-action-group",{class:"action-group--bottom"},e("slot",{name:"bottom-actions"}),g):null}render(){return e(i,null,e("slot",null),this.renderBottomActionGroup())}get el(){return c(this)}static get watchers(){return{expand:["expandHandler"],expanded:["expandedHandler"]}}};f.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{-ms-flex-item-align:stretch;align-self:stretch;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;max-width:15vw;overflow-y:auto;pointer-events:auto}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#007ac2;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}:host([expanded]){max-width:20vw}::slotted(calcite-action-group){border-bottom:1px solid var(--calcite-app-border)}::slotted(calcite-action-group:last-child){border-bottom:none}.action-group--bottom{padding-bottom:0;-ms-flex-positive:1;flex-grow:1;-ms-flex-pack:end;justify-content:flex-end}";const g=class{constructor(t){a(this,t)}render(){return e(i,null,e("slot",null))}};g.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:0;padding:var(--calcite-app-cap-spacing-half) 0}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#007ac2;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}:host(:first-child){padding-top:0}::slotted(calcite-action){display:-ms-flexbox;display:flex;width:100%}";const h=class{constructor(t){a(this,t),this.expand=!0,this.expanded=!1,this.toggleExpand=()=>{this.expanded=!this.expanded},this.calciteActionPadToggle=o(this,"calciteActionPadToggle",7)}expandHandler(a){a&&b({parent:this.el,expanded:this.expanded})}expandedHandler(a){this.expand&&b({parent:this.el,expanded:a}),this.calciteActionPadToggle.emit()}componentWillLoad(){const{el:a,expand:t,expanded:e}=this;t&&b({parent:a,expanded:e})}renderBottomActionGroup(){const{expanded:a,expand:t,intlExpand:i,intlCollapse:c,textExpand:o,textCollapse:n,el:r,layout:p,position:s,toggleExpand:d,tooltipExpand:b}=this,f=t?e(u,{expanded:a,intlExpand:i||o||"Expand",intlCollapse:c||n||"Collapse",el:r,position:l(s,p),toggleExpand:d,tooltipExpand:b}):null;return f?e("calcite-action-group",{class:"action-group--bottom"},f):null}render(){return e(i,null,e("slot",null),this.renderBottomActionGroup())}get el(){return c(this)}static get watchers(){return{expand:["expandHandler"],expanded:["expandedHandler"]}}};h.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-shadow:var(--calcite-app-shadow-2);box-shadow:var(--calcite-app-shadow-2);max-width:15vw;overflow-y:auto;-webkit-animation:calcite-app-fade-in var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);animation:calcite-app-fade-in var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function)}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#007ac2;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}:host([expanded]){max-width:20vw}::slotted(calcite-action-group){border-bottom:1px solid var(--calcite-app-border);padding-bottom:0;padding-top:0}::slotted(calcite-action-group:last-child){border-bottom:none}.action-group--bottom{padding-bottom:0;-ms-flex-positive:1;flex-grow:1;-ms-flex-pack:end;justify-content:flex-end}";export{d as calcite_action,f as calcite_action_bar,g as calcite_action_group,h as calcite_action_pad} \ No newline at end of file diff --git a/docs/build/p-07aee131.system.entry.js b/docs/build/p-07aee131.system.entry.js deleted file mode 100644 index 9569090f..00000000 --- a/docs/build/p-07aee131.system.entry.js +++ /dev/null @@ -1 +0,0 @@ -var __awaiter=this&&this.__awaiter||function(e,t,a,i){function c(e){return e instanceof a?e:new a((function(t){t(e)}))}return new(a||(a=Promise))((function(a,n){function r(e){try{l(i.next(e))}catch(t){n(t)}}function o(e){try{l(i["throw"](e))}catch(t){n(t)}}function l(e){e.done?a(e.value):c(e.value).then(r,o)}l((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var a={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},i,c,n,r;return r={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function o(e){return function(t){return l([e,t])}}function l(r){if(i)throw new TypeError("Generator is already executing.");while(a)try{if(i=1,c&&(n=r[0]&2?c["return"]:r[0]?c["throw"]||((n=c["return"])&&n.call(c),0):c.next)&&!(n=n.call(c,r[1])).done)return n;if(c=0,n)r=[r[0]&2,n.value];switch(r[0]){case 0:case 1:n=r;break;case 4:a.label++;return{value:r[1],done:false};case 5:a.label++;c=r[1];r=[0];continue;case 7:r=a.ops.pop();a.trys.pop();continue;default:if(!(n=a.trys,n=n.length>0&&n[n.length-1])&&(r[0]===6||r[0]===2)){a=0;continue}if(r[0]===3&&(!n||r[1]>n[0]&&r[1]0&&c[c.length-1])&&(o[0]===6||o[0]===2)){a=0;continue}if(o[0]===3&&(!c||o[1]>c[0]&&o[1]0&&n[n.length-1])&&(r[0]===6||r[0]===2)){a=0;continue}if(r[0]===3&&(!n||r[1]>n[0]&&r[1]t(this))}connectedCallback(){this.observer.observe(this.el,{childList:!0,subtree:!0})}componentDidUnload(){this.observer.disconnect()}async setFocus(){this.buttonEl.focus()}renderTextContainer(){const{text:a,textEnabled:t}=this;return a?e("div",{key:"text-container",class:{"text-container":!0,"text-container--visible":t}},a):null}renderIconContainer(){var a;const{loading:t,icon:i,scale:o,el:c}=this,n="l"===o?"m":"s",r=t?e("calcite-loader",{"is-active":!0,inline:!0}):null,l=i?e("calcite-icon",{icon:i,scale:n}):null,p=r||l,s=p||(null===(a=c.children)||void 0===a?void 0:a.length),d=e("div",{class:{"slot-container":!0,"slot-container--hidden":t}},e("slot",null));return s?e("div",{key:"icon-container","aria-hidden":"true",class:"icon-container"},p,d):null}render(){const{compact:a,disabled:t,loading:o,el:c,textEnabled:l,label:p,text:s}=this,d=p||s,b="rtl"===r(c);return e(i,null,e("button",{class:{button:!0,"button--text-visible":l,"button--compact":a,[n.rtl]:b},"aria-label":d,disabled:t,"aria-disabled":t.toString(),"aria-busy":o.toString(),ref:a=>this.buttonEl=a},this.renderIconContainer(),this.renderTextContainer()))}get el(){return o(this)}};p.style=':host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:-ms-flexbox;display:flex;background-color:var(--calcite-app-background-clear)}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#00619b;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}.button{font-family:var(--calcite-app-font-family);display:-ms-flexbox;display:flex;color:var(--calcite-app-foreground);fill:var(--calcite-app-foreground);background-color:var(--calcite-app-background);outline-offset:var(--calcite-app-outline-inset);margin:0;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;border:none;width:auto;cursor:pointer;font-size:var(--calcite-app-font-size--1);line-height:normal;-webkit-transition:color 125ms ease-in-out, fill 125ms ease-in-out, background-color 125ms ease-in-out;transition:color 125ms ease-in-out, fill 125ms ease-in-out, background-color 125ms ease-in-out;text-align:unset;position:relative;outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset var(--calcite-app-animation-time-fast) ease-in-out, outline-color var(--calcite-app-animation-time-fast) ease-in-out;transition:outline-offset var(--calcite-app-animation-time-fast) ease-in-out, outline-color var(--calcite-app-animation-time-fast) ease-in-out}.button:hover,.button:focus{background-color:var(--calcite-app-background-hover);color:var(--calcite-app-foreground-hover);fill:var(--calcite-app-foreground-hover)}.button:focus{outline:2px solid var(--calcite-ui-blue-1);outline-offset:-2px}.button .icon-container{min-width:var(--calcite-app-icon-size);min-height:var(--calcite-app-icon-size);margin:0;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;pointer-events:none}.button .text-container{line-height:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;opacity:0;width:0;-webkit-transition:opacity var(--calcite-app-animation-time) var(--calcite-app-easing-function), margin var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), width var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);transition:opacity var(--calcite-app-animation-time) var(--calcite-app-easing-function), margin var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), width var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function)}.button .text-container--visible{-ms-flex:1 1 auto;flex:1 1 auto;opacity:1;width:auto}:host([scale=s]) .button{padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-half)}:host([scale=m]) .button{padding:var(--calcite-app-cap-spacing) var(--calcite-app-side-spacing)}:host([scale=l]) .button{padding:var(--calcite-app-cap-spacing-plus-half) var(--calcite-app-side-spacing-plus-half)}:host([scale=s][compact]) .button,:host([scale=m][compact]) .button,:host([scale=l][compact]) .button{padding-left:0;padding-right:0}.slot-container{display:-ms-flexbox;display:flex}.slot-container--hidden{display:none}.button--text-visible{width:100%}.button--text-visible .icon-container{margin:0 var(--calcite-app-side-spacing-half) 0 0}.button--text-visible .text-container--visible{margin:0 var(--calcite-app-side-spacing-half) 0 0}.button--text-visible.calcite--rtl .icon-container{margin:0 0 0 var(--calcite-app-side-spacing-half)}.button--text-visible.calcite--rtl .text-container--visible{margin:0 0 0 var(--calcite-app-side-spacing-half)}:host([active]) .button,:host([active]) .button:hover,:host([active]) .button:focus,:host([active][loading]) .button{color:var(--calcite-app-foreground-active);fill:var(--calcite-app-foreground-active);background-color:var(--calcite-app-background-active)}:host([appearance=clear]) .button{background-color:var(--calcite-app-background-clear);-webkit-transition:-webkit-box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);transition:-webkit-box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);transition:box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);transition:box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), -webkit-box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function)}:host([appearance=clear]) .button:hover,:host([appearance=clear]) .button:focus{background-color:var(--calcite-app-background-clear);-webkit-box-shadow:0 0 0 2px var(--calcite-app-border-hover) inset;box-shadow:0 0 0 2px var(--calcite-app-border-hover) inset}:host([active][appearance=clear]) .button,:host([active][appearance=clear]) .button:hover,:host([active][appearance=clear]) .button:focus{color:var(--calcite-app-foreground-active);fill:var(--calcite-app-foreground-active);background-color:var(--calcite-app-background-active);-webkit-box-shadow:none;box-shadow:none}:host([appearance=clear][loading]) .button,:host([appearance=clear][disabled]) .button{background-color:var(--calcite-app-background-clear)}:host([loading]) .button,:host([loading]) .button:hover,:host([loading]) .button:focus{background-color:var(--calcite-app-background)}:host([loading]) calcite-loader[inline]{color:var(--calcite-app-foreground-subtle);margin-right:0}:host([disabled]) .button,:host([disabled]) .button:hover,:host([disabled]) .button:focus{cursor:default;opacity:var(--calcite-app-disabled-opacity);background-color:var(--calcite-app-background)}:host([disabled][active]) .button,:host([disabled][active]) .button:hover,:host([disabled][active]) .button:focus{opacity:var(--calcite-app-disabled-opacity);background-color:var(--calcite-app-background-active)}:host([indicator]) .button--text-visible,:host([indicator][scale=s]) .button--text-visible,:host([indicator][scale=l]) .button--text-visible{padding-right:var(--calcite-app-side-spacing)}:host([indicator]) .button::after{content:"";border-radius:50%;width:var(--calcite-app-side-spacing-half);height:var(--calcite-app-side-spacing-half);border:var(--calcite-app-side-spacing-eighth) solid var(--calcite-app-background);background-color:var(--calcite-app-foreground-active);position:absolute;bottom:var(--calcite-app-cap-spacing-half);right:var(--calcite-app-side-spacing-half);z-index:1}:host([indicator][scale=s]) .button::after{bottom:var(--calcite-app-cap-spacing-quarter);right:var(--calcite-app-side-spacing-quarter)}:host([indicator][scale=l]) .button::after{bottom:var(--calcite-app-cap-spacing-half);right:var(--calcite-app-side-spacing-half)}:host([indicator]) .calcite--rtl::after{right:unset;left:var(--calcite-app-side-spacing-quarter)}:host([indicator]) .button--text-visible.calcite--rtl{padding-right:var(--calcite-app-side-spacing-three-quarters);padding-left:var(--calcite-app-side-spacing)}:host([indicator]) .button:hover::after,:host([indicator]) .button:focus::after{border-color:var(--calcite-app-background-hover)}:host([indicator][active]) .button::after{border-color:var(--calcite-app-background-active)}:host([indicator]) .button--text-visible::after,:host([indicator][scale=s]) .button--text-visible::after,:host([indicator][scale=l]) .button--text-visible::after{bottom:unset;right:var(--calcite-app-side-spacing-half)}:host([indicator]) .button--text-visible.calcite--rtl::after,:host([indicator][scale=s]) .button--text-visible.calcite--rtl::after,:host([indicator][scale=l]) .button--text-visible.calcite--rtl::after{right:unset;left:var(--calcite-app-side-spacing-half)}';function s({parent:a,expanded:t}){a.querySelectorAll("calcite-action").forEach(a=>a.textEnabled=t)}const d=({expanded:a,intlExpand:t,intlCollapse:i,toggleExpand:o,el:c,position:n,tooltipExpand:l})=>{const p="rtl"===r(c),s=a?i:t,d=["chevrons-left","chevrons-right"];p&&d.reverse();const b="end"===function(a,t){var e;return a||(null===(e=t.closest("calcite-shell-panel"))||void 0===e?void 0:e.position)||"start"}(n,c),u=e("calcite-action",{ref:t=>((a,t,e)=>(a&&(a.referenceElement=!e&&t),t))(l,t,a),onClick:o,textEnabled:a,text:s,icon:a?b?d[1]:d[0]:b?d[0]:d[1]});return l?e("calcite-tooltip-manager",null,u):u},b=class{constructor(t){a(this,t),this.expand=!0,this.expanded=!1,this.toggleExpand=()=>{this.expanded=!this.expanded},this.calciteActionBarToggle=c(this,"calciteActionBarToggle",7)}expandHandler(a){a&&s({parent:this.el,expanded:this.expanded})}expandedHandler(a){this.expand&&s({parent:this.el,expanded:a}),this.calciteActionBarToggle.emit()}componentWillLoad(){const{el:a,expand:t,expanded:e}=this;t&&s({parent:a,expanded:e})}renderBottomActionGroup(){const{expanded:a,expand:t,intlExpand:i,intlCollapse:o,el:c,position:n,toggleExpand:r,tooltipExpand:p}=this,s=t?e(d,{expanded:a,intlExpand:i||"Expand",intlCollapse:o||"Collapse",el:c,position:n,toggleExpand:r,tooltipExpand:p}):null;return l(c,"bottom-actions")||s?e("calcite-action-group",{class:"action-group--bottom"},e("slot",{name:"bottom-actions"}),s):null}render(){return e(i,null,e("slot",null),this.renderBottomActionGroup())}get el(){return o(this)}static get watchers(){return{expand:["expandHandler"],expanded:["expandedHandler"]}}};b.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{-ms-flex-item-align:stretch;align-self:stretch;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;max-width:15vw;overflow-y:auto;pointer-events:auto}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#00619b;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}:host([expanded]){max-width:20vw}::slotted(calcite-action-group){border-bottom:1px solid var(--calcite-app-border)}::slotted(calcite-action-group:last-child){border-bottom:none}.action-group--bottom{padding-bottom:0;-ms-flex-positive:1;flex-grow:1;-ms-flex-pack:end;justify-content:flex-end}";const u=class{constructor(t){a(this,t)}render(){return e(i,null,e("slot",null))}};u.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:var(--calcite-app-cap-spacing-half) 0}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#00619b;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}:host(:first-child){padding-top:0}::slotted(calcite-action){display:-ms-flexbox;display:flex;width:100%}";const f=class{constructor(t){a(this,t),this.layout="vertical",this.expand=!0,this.expanded=!1,this.toggleExpand=()=>{this.expanded=!this.expanded},this.calciteActionPadToggle=c(this,"calciteActionPadToggle",7)}expandHandler(a){a&&s({parent:this.el,expanded:this.expanded})}expandedHandler(a){this.expand&&s({parent:this.el,expanded:a}),this.calciteActionPadToggle.emit()}componentWillLoad(){const{el:a,expand:t,expanded:e}=this;t&&s({parent:a,expanded:e})}renderBottomActionGroup(){const{expanded:a,expand:t,intlExpand:i,intlCollapse:o,el:c,position:n,toggleExpand:r,tooltipExpand:l}=this,p=t?e(d,{expanded:a,intlExpand:i||"Expand",intlCollapse:o||"Collapse",el:c,position:n,toggleExpand:r,tooltipExpand:l}):null;return p?e("calcite-action-group",{class:"action-group--bottom"},p):null}render(){const a="rtl"===r(this.el);return e(i,null,e("div",{class:{container:!0,[n.rtl]:a}},e("slot",null),this.renderBottomActionGroup()))}get el(){return o(this)}static get watchers(){return{expand:["expandHandler"],expanded:["expandedHandler"]}}};f.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{-webkit-animation:calcite-app-fade-in var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);animation:calcite-app-fade-in var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function)}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#00619b;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}:host([expanded]){max-width:20vw}::slotted(calcite-action-group){border-bottom:1px solid var(--calcite-app-border);padding-bottom:0;padding-top:0}.container{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-shadow:var(--calcite-app-shadow-2);box-shadow:var(--calcite-app-shadow-2);max-width:15vw;overflow-y:auto}.action-group--bottom{padding-bottom:0;-ms-flex-positive:1;flex-grow:1;-ms-flex-pack:end;justify-content:flex-end}:host([layout=horizontal]) .container{-ms-flex-direction:row;flex-direction:row;max-width:unset}:host([layout=horizontal]) .container .action-group--bottom{padding:0}:host([layout=horizontal]) .container ::slotted(calcite-action-group){border-right:1px solid var(--calcite-app-border);border-bottom:none;-ms-flex-direction:row;flex-direction:row;padding:0}:host([layout=horizontal]) .container.calcite--rtl ::slotted(calcite-action-group){border-right:none;border-left:1px solid var(--calcite-app-border)}::slotted(calcite-action-group:last-child){border-bottom:none}";export{p as calcite_action,b as calcite_action_bar,u as calcite_action_group,f as calcite_action_pad} \ No newline at end of file diff --git a/docs/build/p-dab11a2d.system.entry.js b/docs/build/p-22ac26de.system.entry.js similarity index 94% rename from docs/build/p-dab11a2d.system.entry.js rename to docs/build/p-22ac26de.system.entry.js index 423ca849..8265c3e8 100644 --- a/docs/build/p-dab11a2d.system.entry.js +++ b/docs/build/p-22ac26de.system.entry.js @@ -1 +1 @@ -System.register(["./p-8f7f5385.system.js","./p-81a7da5f.system.js"],(function(e){"use strict";var t,r,a,i,n,c;return{setters:[function(e){t=e.r;r=e.c;a=e.h;i=e.H;n=e.g},function(e){c=e.S}],execute:function(){var o=":host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#007ac2;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}";var s=e("calcite_sortable_list",function(){function e(e){var a=this;t(this,e);this.handleSelector="calcite-handle";this.disabled=false;this.loading=false;this.handleActivated=false;this.items=[];this.observer=new MutationObserver((function(){a.cleanUpDragAndDrop();a.items=Array.from(a.el.children);a.setUpDragAndDrop()}));this.calciteListOrderChange=r(this,"calciteListOrderChange",7)}e.prototype.connectedCallback=function(){this.items=Array.from(this.el.children);this.setUpDragAndDrop();this.beginObserving()};e.prototype.componentDidUnload=function(){this.observer.disconnect();this.cleanUpDragAndDrop()};e.prototype.calciteHandleNudgeHandler=function(e){var t=this.items.find((function(t){return t.contains(e.detail.handle)||e.composedPath().includes(t)}));var r=this.items.length-1;var a=this.items.indexOf(t);var i=false;var n;switch(e.detail.direction){case"up":e.preventDefault();if(a===0){i=true}else{n=a-1}break;case"down":e.preventDefault();if(a===r){n=0}else if(a===r-1){i=true}else{n=a+2}break;default:return}this.observer.disconnect();if(i){t.parentElement.appendChild(t)}else{t.parentElement.insertBefore(t,this.items[n])}this.items=Array.from(this.el.children);e.detail.handle.activated=true;e.detail.handle.setFocus();this.beginObserving()};e.prototype.setUpDragAndDrop=function(){var e=this;this.sortable=c.create(this.el,{handle:this.handleSelector,onUpdate:function(){e.items=Array.from(e.el.children);e.calciteListOrderChange.emit()},onStart:function(){e.observer.disconnect()},onEnd:function(){e.beginObserving()}})};e.prototype.cleanUpDragAndDrop=function(){this.sortable.destroy();this.sortable=null};e.prototype.beginObserving=function(){this.observer.observe(this.el,{childList:true,subtree:true})};e.prototype.render=function(){return a(i,null,a("slot",null))};Object.defineProperty(e.prototype,"el",{get:function(){return n(this)},enumerable:true,configurable:true});return e}());s.style=o}}})); \ No newline at end of file +System.register(["./p-c0bbf908.system.js","./p-81a7da5f.system.js"],(function(e){"use strict";var t,r,a,i,n,c;return{setters:[function(e){t=e.r;r=e.c;a=e.h;i=e.H;n=e.g},function(e){c=e.S}],execute:function(){var o=":host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#00619b;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}";var s=e("calcite_sortable_list",function(){function e(e){var a=this;t(this,e);this.handleSelector="calcite-handle";this.disabled=false;this.loading=false;this.handleActivated=false;this.items=[];this.observer=new MutationObserver((function(){a.cleanUpDragAndDrop();a.items=Array.from(a.el.children);a.setUpDragAndDrop()}));this.calciteListOrderChange=r(this,"calciteListOrderChange",7)}e.prototype.connectedCallback=function(){this.items=Array.from(this.el.children);this.setUpDragAndDrop();this.beginObserving()};e.prototype.componentDidUnload=function(){this.observer.disconnect();this.cleanUpDragAndDrop()};e.prototype.calciteHandleNudgeHandler=function(e){var t=this.items.find((function(t){return t.contains(e.detail.handle)||e.composedPath().includes(t)}));var r=this.items.length-1;var a=this.items.indexOf(t);var i=false;var n;switch(e.detail.direction){case"up":e.preventDefault();if(a===0){i=true}else{n=a-1}break;case"down":e.preventDefault();if(a===r){n=0}else if(a===r-1){i=true}else{n=a+2}break;default:return}this.observer.disconnect();if(i){t.parentElement.appendChild(t)}else{t.parentElement.insertBefore(t,this.items[n])}this.items=Array.from(this.el.children);e.detail.handle.activated=true;e.detail.handle.setFocus();this.beginObserving()};e.prototype.setUpDragAndDrop=function(){var e=this;this.sortable=c.create(this.el,{handle:this.handleSelector,onUpdate:function(){e.items=Array.from(e.el.children);e.calciteListOrderChange.emit()},onStart:function(){e.observer.disconnect()},onEnd:function(){e.beginObserving()}})};e.prototype.cleanUpDragAndDrop=function(){this.sortable.destroy();this.sortable=null};e.prototype.beginObserving=function(){this.observer.observe(this.el,{childList:true,subtree:true})};e.prototype.render=function(){return a(i,null,a("slot",null))};Object.defineProperty(e.prototype,"el",{get:function(){return n(this)},enumerable:true,configurable:true});return e}());s.style=o}}})); \ No newline at end of file diff --git a/docs/build/p-26de6ca4.system.entry.js b/docs/build/p-26de6ca4.system.entry.js new file mode 100644 index 00000000..1811fd8c --- /dev/null +++ b/docs/build/p-26de6ca4.system.entry.js @@ -0,0 +1 @@ +System.register(["./p-c0bbf908.system.js","./p-58a8921b.system.js","./p-598b7fa2.system.js"],(function(a){"use strict";var e,t,c,i,r,n,p;return{setters:[function(a){e=a.r;t=a.h;c=a.H;i=a.g},function(a){r=a.C},function(a){n=a.b;p=a.a}],execute:function(){var o={heading:"heading",container:"container",indented:"container--indented"};var l={parentItem:"parent-item"};var d=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{background-color:var(--calcite-app-background-clear);display:block;margin-bottom:var(--calcite-app-cap-spacing-quarter)}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#00619b;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}.header{margin:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;color:var(--calcite-app-foreground);fill:var(--calcite-app-foreground)}.heading{padding:0;margin:0;font-weight:var(--calcite-app-font-weight)}.header .heading{-ms-flex:1 0 auto;flex:1 0 auto;padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-half)}h1.heading{font-size:var(--calcite-app-font-size-3)}h2.heading{font-size:var(--calcite-app-font-size-2)}h3.heading{font-size:var(--calcite-app-font-size-1)}h4.heading,h5.heading{font-size:var(--calcite-app-font-size-0)}:host(:last-child){margin-bottom:0}h3.heading{font-size:var(--calcite-app-font-size-0);margin:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing)}.container--indented{margin-left:var(--calcite-app-side-spacing-plus-half)}.calcite--rtl.container--indented{margin-left:0;margin-right:var(--calcite-app-side-spacing-plus-half)}";var f=a("calcite_pick_list_group",function(){function a(a){e(this,a)}a.prototype.render=function(){var a;var e=this,i=e.el,d=e.textGroupTitle;var f=n(i)==="rtl";var s=p(i,l.parentItem)!==null;var b=(a={},a[o.container]=true,a[o.indented]=s,a[r.rtl]=f,a);return t(c,null,d?t("h3",{class:o.heading},d):null,t("slot",{name:l.parentItem}),t("section",{class:b},t("slot",null)))};Object.defineProperty(a.prototype,"el",{get:function(){return i(this)},enumerable:true,configurable:true});return a}());f.style=d}}})); \ No newline at end of file diff --git a/docs/build/p-27f3f0d7.js b/docs/build/p-27f3f0d7.js new file mode 100644 index 00000000..d3240cfb --- /dev/null +++ b/docs/build/p-27f3f0d7.js @@ -0,0 +1 @@ +function n(n){return o(n,"dir","ltr")}function t(n){return o(n,"theme","light")}function o(n,t,o){const u=n.closest(`[${t}]`);return u?u.getAttribute(t):o}function u(n){n&&("setFocus"in n&&"function"==typeof n.setFocus?n.setFocus():n.focus())}function r(n,t,o){const u=`[slot="${t}"]`;return(null==o?void 0:o.all)?function(n,t,o){let u=Array.from(n.querySelectorAll(t));u=o&&!1===o.direct?u:u.filter(t=>t.parentElement===n);const r=null==o?void 0:o.selector;return r?u.map(n=>n.querySelector(r)).filter(n=>!!n):u}(n,u,o):function(n,t,o){let u=n.querySelector(t);u=o&&!1===o.direct||(null==u?void 0:u.parentElement)===n?u:null;const r=null==o?void 0:o.selector;return r?u.querySelector(r):u}(n,u,o)}export{r as a,n as b,u as f,t as g} \ No newline at end of file diff --git a/docs/build/p-2972625e.entry.js b/docs/build/p-2972625e.entry.js new file mode 100644 index 00000000..d88c896d --- /dev/null +++ b/docs/build/p-2972625e.entry.js @@ -0,0 +1 @@ +import{r as a,c as e,h as t,H as i,g as c}from"./p-9d0aa6e4.js";import{a as n,b as o}from"./p-27f3f0d7.js";const r=class{constructor(t){a(this,t),this.dismissed=!1,this.nonDismissible=!1,this.hideTip=()=>{this.dismissed=!0,this.calciteTipDismiss.emit()},this.calciteTipDismiss=e(this,"calciteTipDismiss",7)}renderHeader(){const{nonDismissible:a,hideTip:e,intlClose:i,heading:c}=this,n=a?null:t("calcite-action",{text:i||"Close",onClick:e,class:"close",icon:"x"}),o=c?t("h3",{class:"heading"},c):null;return n||o?t("header",{class:"header"},o,n):null}renderImageFrame(){const{el:a}=this;return n(a,"thumbnail")?t("div",{class:"image-frame"},t("slot",{name:"thumbnail"})):null}renderInfoNode(){return t("div",{class:"info"},t("slot",null))}renderContent(){return t("div",{class:"content"},this.renderImageFrame(),this.renderInfoNode())}render(){return t(i,null,t("article",{class:"container",hidden:this.dismissed},this.renderHeader(),this.renderContent()))}get el(){return c(this)}};r.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{position:relative;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;background-color:var(--calcite-app-background-clear)}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#00619b;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}.header{margin:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;color:var(--calcite-app-foreground);fill:var(--calcite-app-foreground)}.heading{padding:0;margin:0;font-weight:var(--calcite-app-font-weight)}.header .heading{-ms-flex:1 0 auto;flex:1 0 auto;padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-half)}h1.heading{font-size:var(--calcite-app-font-size-3)}h2.heading{font-size:var(--calcite-app-font-size-2)}h3.heading{font-size:var(--calcite-app-font-size-1)}h4.heading,h5.heading{font-size:var(--calcite-app-font-size-0)}.container{background-color:var(--calcite-app-background);padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing) var(--calcite-app-cap-spacing);margin:var(--calcite-app-cap-spacing) var(--calcite-app-side-spacing);-webkit-box-shadow:var(--calcite-app-shadow-2);box-shadow:var(--calcite-app-shadow-2);border-radius:var(--calcite-app-border-radius)}:host([selected]) .container{-webkit-box-shadow:none;box-shadow:none;margin:0;padding:0}.header{-ms-flex-pack:end;justify-content:flex-end}.header .heading{padding-left:0;padding-right:0}.container[hidden]{display:none}.content{display:-ms-flexbox;display:flex;padding-top:var(--calcite-app-cap-spacing-half)}.info{padding:0 var(--calcite-app-side-spacing);width:70%}.info:only-child{width:100%;padding-left:0;padding-right:0}::slotted(p){margin-top:0}::slotted(a){color:var(--calcite-app-foreground-link);outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset var(--calcite-app-animation-time-fast) ease-in-out, outline-color var(--calcite-app-animation-time-fast) ease-in-out;transition:outline-offset var(--calcite-app-animation-time-fast) ease-in-out, outline-color var(--calcite-app-animation-time-fast) ease-in-out}::slotted(a:focus){outline:2px solid var(--calcite-ui-blue-1);outline-offset:2px}.image-frame{width:25%}.image-frame img{max-width:100%}::slotted(img){max-width:100%}";const l=class{constructor(e){a(this,e)}render(){return t("slot",null)}};l.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#00619b;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}::slotted(calcite-tip){max-width:540px;padding:0 var(--calcite-app-side-spacing-half)}";const p=class{constructor(t){a(this,t),this.closed=!1,this.observer=new MutationObserver(()=>this.setUpTips()),this.hideTipManager=()=>{this.closed=!0,this.calciteTipManagerToggle.emit()},this.previousClicked=()=>{this.previousTip()},this.nextClicked=()=>{this.nextTip()},this.tipManagerKeyUpHandler=a=>{if(a.target===this.container)switch(a.key){case"ArrowRight":a.preventDefault(),this.nextTip();break;case"ArrowLeft":a.preventDefault(),this.previousTip();break;case"Home":a.preventDefault(),this.selectedIndex=0;break;case"End":a.preventDefault(),this.selectedIndex=this.total-1}},this.storeContainerRef=a=>{this.container=a},this.calciteTipManagerToggle=e(this,"calciteTipManagerToggle",7)}closedChangeHandler(){this.direction=null,this.calciteTipManagerToggle.emit()}selectedChangeHandler(){this.showSelectedTip(),this.updateGroupTitle()}connectedCallback(){this.setUpTips(),this.observer.observe(this.el,{childList:!0,subtree:!0})}componentDidUnload(){this.observer.disconnect()}async nextTip(){this.direction="advancing",this.selectedIndex=(this.selectedIndex+1+this.total)%this.total}async previousTip(){this.direction="retreating",this.selectedIndex=(this.selectedIndex-1+this.total)%this.total}setUpTips(){const a=Array.from(this.el.querySelectorAll("calcite-tip"));if(this.total=a.length,0===this.total)return;const e=this.el.querySelector("calcite-tip[selected]");this.tips=a,this.selectedIndex=e?a.indexOf(e):0,a.forEach(a=>{a.nonDismissible=!0}),this.showSelectedTip(),this.updateGroupTitle()}showSelectedTip(){this.tips.forEach((a,e)=>{const t=this.selectedIndex===e;a.selected=t,a.hidden=!t})}updateGroupTitle(){const a=this.tips[this.selectedIndex].closest("calcite-tip-group");this.groupTitle=(null==a?void 0:a.textGroupTitle)||this.intlDefaultTitle||"Tips"}renderPagination(){const a=o(this.el),{selectedIndex:e,tips:i,total:c,intlNext:n,intlPrevious:r,intlPaginationLabel:l}=this,p=n||"Next",s=l||"Tip";return i.length>1?t("footer",{class:"pagination"},t("calcite-action",{text:r||"Previous",onClick:this.previousClicked,class:"page-previous",icon:"ltr"===a?"chevron-left":"chevron-right"}),t("span",{class:"page-position"},`${s} ${e+1}/${c}`),t("calcite-action",{text:p,onClick:this.nextClicked,class:"page-next",icon:"ltr"===a?"chevron-right":"chevron-left"})):null}render(){const{closed:a,direction:e,groupTitle:c,selectedIndex:n,intlClose:o,total:r}=this,l=o||"Close";return 0===r?t(i,null):t(i,null,t("section",{class:"container",hidden:a,"aria-hidden":a.toString(),tabIndex:0,onKeyUp:this.tipManagerKeyUpHandler,ref:this.storeContainerRef},t("header",{class:"header"},t("h2",{key:n,class:"heading"},c),t("calcite-action",{text:l,onClick:this.hideTipManager,class:"close",icon:"x"})),t("div",{tabIndex:0,class:{"tip-container":!0,"tip-container--advancing":!a&&"advancing"===e,"tip-container--retreating":!a&&"retreating"===e},key:n},t("slot",null)),this.renderPagination()))}get el(){return c(this)}static get watchers(){return{closed:["closedChangeHandler"],selectedIndex:["selectedChangeHandler"]}}};p.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}@-webkit-keyframes tip-advance{0%{opacity:0;-webkit-transform:translate3d(50px, 0, 0) scale(0.99);transform:translate3d(50px, 0, 0) scale(0.99)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0) scale(1);transform:translate3d(0, 0, 0) scale(1)}}@keyframes tip-advance{0%{opacity:0;-webkit-transform:translate3d(50px, 0, 0) scale(0.99);transform:translate3d(50px, 0, 0) scale(0.99)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0) scale(1);transform:translate3d(0, 0, 0) scale(1)}}@-webkit-keyframes tip-retreat{0%{opacity:0;-webkit-transform:translate3d(-50px, 0, 0) scale(0.99);transform:translate3d(-50px, 0, 0) scale(0.99)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0) scale(1);transform:translate3d(0, 0, 0) scale(1)}}@keyframes tip-retreat{0%{opacity:0;-webkit-transform:translate3d(-50px, 0, 0) scale(0.99);transform:translate3d(-50px, 0, 0) scale(0.99)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0) scale(1);transform:translate3d(0, 0, 0) scale(1)}}:host{display:block}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#00619b;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}.header{margin:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;color:var(--calcite-app-foreground);fill:var(--calcite-app-foreground)}.heading{padding:0;margin:0;font-weight:var(--calcite-app-font-weight)}.header .heading{-ms-flex:1 0 auto;flex:1 0 auto;padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-half)}h1.heading{font-size:var(--calcite-app-font-size-3)}h2.heading{font-size:var(--calcite-app-font-size-2)}h3.heading{font-size:var(--calcite-app-font-size-1)}h4.heading,h5.heading{font-size:var(--calcite-app-font-size-0)}:host([closed]){display:none}.header .heading{padding-left:var(--calcite-app-side-spacing-half);padding-right:var(--calcite-app-side-spacing-half)}.container{overflow:hidden;position:relative;padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-half) 0;min-height:150px;outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset var(--calcite-app-animation-time-fast) ease-in-out, outline-color var(--calcite-app-animation-time-fast) ease-in-out;transition:outline-offset var(--calcite-app-animation-time-fast) ease-in-out, outline-color var(--calcite-app-animation-time-fast) ease-in-out}.container:focus{outline:2px solid var(--calcite-ui-blue-1);outline-offset:2px}.tip-container{-webkit-animation-name:none;animation-name:none;-webkit-animation-duration:var(--calcite-app-animation-time);animation-duration:var(--calcite-app-animation-time);-webkit-animation-timing-function:var(--calcite-app-easing-function);animation-timing-function:var(--calcite-app-easing-function);height:18vh;margin-top:var(--calcite-app-cap-spacing-quarter);overflow:auto;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:start;align-items:flex-start;outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset var(--calcite-app-animation-time-fast) ease-in-out, outline-color var(--calcite-app-animation-time-fast) ease-in-out;transition:outline-offset var(--calcite-app-animation-time-fast) ease-in-out, outline-color var(--calcite-app-animation-time-fast) ease-in-out}.tip-container:focus{outline:2px solid var(--calcite-ui-blue-1);outline-offset:2px}::slotted(calcite-tip-group){max-width:540px;padding:0 var(--calcite-app-side-spacing-half)}::slotted(calcite-tip){max-width:540px;padding:0 var(--calcite-app-side-spacing-half)}.tip-container--advancing{-webkit-animation-name:tip-advance;animation-name:tip-advance}.tip-container--retreating{-webkit-animation-name:tip-retreat;animation-name:tip-retreat}.pagination{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:var(--calcite-app-cap-spacing-quarter) 0}.page-position{font-size:var(--calcite-app-font-size--1);margin:0 var(--calcite-app-side-spacing-half)}";export{r as calcite_tip,l as calcite_tip_group,p as calcite_tip_manager} \ No newline at end of file diff --git a/docs/build/p-2ac47b89.system.js b/docs/build/p-2ac47b89.system.js deleted file mode 100644 index d3cae0d7..00000000 --- a/docs/build/p-2ac47b89.system.js +++ /dev/null @@ -1 +0,0 @@ -System.register(["./p-8f7f5385.system.js"],(function(){"use strict";var e,t;return{setters:[function(l){e=l.p;t=l.b}],execute:function(){e().then((function(e){return t([["p-510857b5.system",[[1,"calcite-tip",{dismissed:[1028],nonDismissible:[516,"non-dismissible"],heading:[1],selected:[516],intlClose:[1,"intl-close"],textClose:[1,"text-close"],theme:[513]}],[1,"calcite-tip-manager",{closed:[516],intlClose:[1,"intl-close"],textClose:[1,"text-close"],intlDefaultTitle:[1,"intl-default-title"],textDefaultTitle:[1,"text-default-title"],intlNext:[1,"intl-next"],textNext:[1,"text-next"],intlPaginationLabel:[1,"intl-pagination-label"],textPaginationLabel:[1,"text-pagination-label"],intlPrevious:[1,"intl-previous"],textPrevious:[1,"text-previous"],theme:[513],selectedIndex:[32],tips:[32],total:[32],direction:[32],groupTitle:[32],nextTip:[64],previousTip:[64]}],[1,"calcite-tip-group",{textGroupTitle:[1,"text-group-title"]}]]],["p-5bb47292.system",[[1,"calcite-block",{collapsible:[4],disabled:[516],dragHandle:[516,"drag-handle"],heading:[1],intlCollapse:[1,"intl-collapse"],intlExpand:[1,"intl-expand"],loading:[516],open:[516],summary:[1],textCollapse:[1,"text-collapse"],textExpand:[1,"text-expand"],theme:[513]}],[1,"calcite-block-section",{intlCollapse:[1,"intl-collapse"],intlExpand:[1,"intl-expand"],open:[516],text:[1],textCollapse:[1,"text-collapse"],textExpand:[1,"text-expand"],toggleDisplay:[513,"toggle-display"]}]]],["p-07aee131.system",[[1,"calcite-value-list-item",{compact:[516],disabled:[516],disableDeselect:[4,"disable-deselect"],handleActivated:[1028,"handle-activated"],icon:[513],metadata:[16],removable:[516],selected:[1540],textLabel:[513,"text-label"],textDescription:[513,"text-description"],value:[513],toggleSelected:[64],setFocus:[64]},[[0,"calciteListItemChange","calciteListItemChangeHandler"]]]]],["p-2e5b0750.system",[[1,"calcite-pick-list",{compact:[516],disabled:[516],filterEnabled:[516,"filter-enabled"],loading:[516],multiple:[516],textFilterPlaceholder:[513,"text-filter-placeholder"],selectedValues:[32],dataForFilter:[32],getSelectedItems:[64],setFocus:[64]},[[0,"calciteListItemChange","calciteListItemChangeHandler"],[0,"calciteListItemPropsChange","calciteListItemPropsChangeHandler"],[0,"calciteListItemValueChange","calciteListItemValueChangeHandler"]]]]],["p-81319f6a.system",[[1,"calcite-value-list",{compact:[516],disabled:[516],dragEnabled:[516,"drag-enabled"],filterEnabled:[516,"filter-enabled"],loading:[516],multiple:[516],textFilterPlaceholder:[513,"text-filter-placeholder"],selectedValues:[32],dataForFilter:[32],getSelectedItems:[64],setFocus:[64]},[[0,"calciteListItemChange","calciteListItemChangeHandler"],[0,"calciteListItemPropsChange","calciteListItemPropsChangeHandler"],[0,"calciteListItemValueChange","calciteListItemValueChangeHandler"]]]]],["p-3c9080a4.system",[[1,"calcite-shell",{theme:[513]}],[1,"calcite-shell-panel",{collapsed:[516],detached:[516],detachedScale:[1,"detached-scale"],layout:[513],position:[513]}]]],["p-fd85a63e.system",[[1,"calcite-fab",{appearance:[513],disabled:[516],icon:[1],label:[1],loading:[516],scale:[513],text:[1],textEnabled:[516,"text-enabled"],theme:[513],setFocus:[64]}]]],["p-34116c50.system",[[1,"calcite-pick-list-group",{textGroupTitle:[513,"text-group-title"]}]]],["p-dab11a2d.system",[[1,"calcite-sortable-list",{handleSelector:[1,"handle-selector"],disabled:[516],loading:[516],handleActivated:[32]},[[0,"calciteHandleNudge","calciteHandleNudgeHandler"]]]]],["p-783e3e13.system",[[1,"calcite-action-bar",{expand:[516],expanded:[516],tooltipExpand:[16],textExpand:[1,"text-expand"],intlExpand:[1,"intl-expand"],textCollapse:[1,"text-collapse"],intlCollapse:[1,"intl-collapse"],layout:[513],position:[513],theme:[513]}],[1,"calcite-action-pad",{expand:[516],expanded:[516],tooltipExpand:[16],textExpand:[1,"text-expand"],intlExpand:[1,"intl-expand"],textCollapse:[1,"text-collapse"],intlCollapse:[1,"intl-collapse"],layout:[513],position:[513],theme:[513]}],[1,"calcite-action-group"],[1,"calcite-action",{appearance:[513],active:[516],compact:[516],disabled:[516],icon:[1],indicator:[516],label:[1],loading:[516],scale:[513],text:[1],textEnabled:[516,"text-enabled"],theme:[513],setFocus:[64]}]]],["p-ef969892.system",[[1,"calcite-flow-item",{beforeBack:[16],disabled:[516],heightScale:[513,"height-scale"],heading:[1],loading:[516],menuOpen:[516,"menu-open"],showBackButton:[4,"show-back-button"],summary:[1],intlBack:[1,"intl-back"],textBack:[1,"text-back"],intlClose:[1,"intl-close"],textClose:[1,"text-close"],intlOpen:[1,"intl-open"],textOpen:[1,"text-open"],theme:[513]},[[0,"calcitePanelScroll","handleCalcitePanelScroll"]]],[1,"calcite-flow",{theme:[513],flowCount:[32],flowDirection:[32],flows:[32],back:[64]},[[0,"calciteFlowItemBackClick","handleCalciteFlowItemBackClick"]]],[1,"calcite-panel",{dismissed:[1540],disabled:[516],dismissible:[516],heightScale:[513,"height-scale"],loading:[516],intlClose:[1,"intl-close"],textClose:[1,"text-close"],theme:[513],setFocus:[64]}]]],["p-1ce9e595.system",[[1,"calcite-pick-list-item",{compact:[516],disabled:[516],disableDeselect:[4,"disable-deselect"],icon:[513],metadata:[16],removable:[516],selected:[1540],textDescription:[513,"text-description"],textLabel:[513,"text-label"],textRemove:[513,"text-remove"],value:[513],toggleSelected:[64],setFocus:[64]}]]],["p-83c07b00.system",[[1,"calcite-handle",{activated:[1540],textTitle:[1537,"text-title"],setFocus:[64]}]]],["p-6465cdbf.system",[[1,"calcite-filter",{data:[16],intlClear:[1,"intl-clear"],intlLabel:[1,"intl-label"],placeholder:[1],textLabel:[1,"text-label"],textPlaceholder:[1,"text-placeholder"],empty:[32]}]]]],e)}))}}})); \ No newline at end of file diff --git a/docs/build/p-c72f121c.js b/docs/build/p-2b669725.js similarity index 100% rename from docs/build/p-c72f121c.js rename to docs/build/p-2b669725.js diff --git a/docs/build/p-2c04f785.entry.js b/docs/build/p-2c04f785.entry.js new file mode 100644 index 00000000..c2d62918 --- /dev/null +++ b/docs/build/p-2c04f785.entry.js @@ -0,0 +1 @@ +import{r as a,h as e,H as c,g as i}from"./p-9d0aa6e4.js";import{C as t}from"./p-eb15fcdb.js";import{b as r,a as p}from"./p-27f3f0d7.js";const o=class{constructor(e){a(this,e)}render(){const{el:a,textGroupTitle:i}=this,o="rtl"===r(a),n={container:!0,"container--indented":null!==p(a,"parent-item"),[t.rtl]:o};return e(c,null,i?e("h3",{class:"heading"},i):null,e("slot",{name:"parent-item"}),e("section",{class:n},e("slot",null)))}get el(){return i(this)}};o.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{background-color:var(--calcite-app-background-clear);display:block;margin-bottom:var(--calcite-app-cap-spacing-quarter)}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#00619b;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}.header{margin:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;color:var(--calcite-app-foreground);fill:var(--calcite-app-foreground)}.heading{padding:0;margin:0;font-weight:var(--calcite-app-font-weight)}.header .heading{-ms-flex:1 0 auto;flex:1 0 auto;padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-half)}h1.heading{font-size:var(--calcite-app-font-size-3)}h2.heading{font-size:var(--calcite-app-font-size-2)}h3.heading{font-size:var(--calcite-app-font-size-1)}h4.heading,h5.heading{font-size:var(--calcite-app-font-size-0)}:host(:last-child){margin-bottom:0}h3.heading{font-size:var(--calcite-app-font-size-0);margin:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing)}.container--indented{margin-left:var(--calcite-app-side-spacing-plus-half)}.calcite--rtl.container--indented{margin-left:0;margin-right:var(--calcite-app-side-spacing-plus-half)}";export{o as calcite_pick_list_group} \ No newline at end of file diff --git a/docs/build/p-2e5b0750.system.entry.js b/docs/build/p-2e5b0750.system.entry.js deleted file mode 100644 index 8a670e90..00000000 --- a/docs/build/p-2e5b0750.system.entry.js +++ /dev/null @@ -1 +0,0 @@ -var __awaiter=this&&this.__awaiter||function(e,t,i,a){function n(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,r){function o(e){try{l(a.next(e))}catch(t){r(t)}}function c(e){try{l(a["throw"](e))}catch(t){r(t)}}function l(e){e.done?i(e.value):n(e.value).then(o,c)}l((a=a.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},a,n,r,o;return o={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function c(e){return function(t){return l([e,t])}}function l(o){if(a)throw new TypeError("Generator is already executing.");while(i)try{if(a=1,n&&(r=o[0]&2?n["return"]:o[0]?n["throw"]||((r=n["return"])&&r.call(n),0):n.next)&&!(r=r.call(n,o[1])).done)return r;if(n=0,r)o=[o[0]&2,r.value];switch(o[0]){case 0:case 1:r=o;break;case 4:i.label++;return{value:o[1],done:false};case 5:i.label++;n=o[1];o=[0];continue;case 7:o=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){i=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,l)=>e.addEventListener(t,n,l),rel:(e,t,n,l)=>e.removeEventListener(t,n,l)},p=(()=>(f.head.attachShadow+"").indexOf("[native")>-1)(),d=e=>Promise.resolve(e),m=(()=>{try{return new CSSStyleSheet,!0}catch(e){}return!1})(),h=(e,t,n)=>{n&&n.map(([n,l,o])=>{const s=e,r=$(t,o),c=y(n);u.ael(s,l,r,c),(t.o=t.o||[]).push(()=>u.rel(s,l,r,c))})},$=(e,t)=>n=>{256&e.t?e.s[t](n):(e.u=e.u||[]).push([t,n])},y=e=>0!=(2&e),w="http://www.w3.org/1999/xlink",b=new WeakMap,_=e=>"sc-"+e,v={},j=e=>"object"==(e=typeof e)||"function"===e,g=(e,t,...n)=>{let l=null,o=null,s=null,r=!1,c=!1,i=[];const a=t=>{for(let n=0;ne[t]).join(" "))}}if("function"==typeof e)return e(null===t?{}:t,i,O);const f=k(e,null);return f.h=t,i.length>0&&(f.$=i),f._=o,f.v=s,f},k=(e,t)=>({t:0,j:e,p:t,g:null,$:null,h:null,_:null,v:null}),M={},O={forEach:(e,t)=>e.map(R).forEach(t),map:(e,t)=>e.map(R).map(t).map(S)},R=e=>({vattrs:e.h,vchildren:e.$,vkey:e._,vname:e.v,vtag:e.j,vtext:e.p}),S=e=>{const t=k(e.vtag,e.vtext);return t.h=e.vattrs,t.$=e.vchildren,t._=e.vkey,t.v=e.vname,t},L=(e,t,n,l,o,s)=>{if(n!==l){let c=ye(e,t),a=t.toLowerCase();if("class"===t){const t=e.classList,o=C(n),s=C(l);t.remove(...o.filter(e=>e&&!s.includes(e))),t.add(...s.filter(e=>e&&!o.includes(e)))}else if("style"===t){for(const t in n)l&&null!=l[t]||(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in l)n&&l[t]===n[t]||(t.includes("-")?e.style.setProperty(t,l[t]):e.style[t]=l[t])}else if("key"===t);else if("ref"===t)l&&l(e);else if(c||"o"!==t[0]||"n"!==t[1]){const i=j(l);if((c||i&&null!==l)&&!o)try{if(e.tagName.includes("-"))e[t]=l;else{let o=null==l?"":l;"list"===t?c=!1:null!=n&&e[t]==o||(e[t]=o)}}catch(r){}let f=!1;a!==(a=a.replace(/^xlink\:?/,""))&&(t=a,f=!0),null==l||!1===l?f?e.removeAttributeNS(w,t):e.removeAttribute(t):(!c||4&s||o)&&!i&&(l=!0===l?"":l,f?e.setAttributeNS(w,t,l):e.setAttribute(t,l))}else t="-"===t[2]?t.slice(3):ye(i,a)?a.slice(2):a[2]+t.slice(3),n&&u.rel(e,t,n,!1),l&&u.ael(e,t,l,!1)}},U=/\s/,C=e=>e?e.split(U):[],x=(e,t,n,l)=>{const o=11===t.g.nodeType&&t.g.host?t.g.host:t.g,s=e&&e.h||v,r=t.h||v;for(l in s)l in r||L(o,l,s[l],void 0,n,t.t);for(l in r)L(o,l,s[l],r[l],n,t.t)},P=(o,r,c,i)=>{let a,u,p,d=r.$[c],m=0;if(l||(s=!0,"slot"===d.j&&(e&&i.classList.add(e+"-s"),d.t|=d.$?2:1)),null!==d.p)a=d.g=f.createTextNode(d.p);else if(1&d.t)a=d.g=f.createTextNode("");else if(a=d.g=f.createElement(2&d.t?"slot-fb":d.j),x(null,d,!1),null!=e&&a["s-si"]!==e&&a.classList.add(a["s-si"]=e),d.$)for(m=0;m{u.t|=1;const l=e.childNodes;for(let o=l.length-1;o>=0;o--){const e=l[o];e["s-hn"]!==n&&e["s-ol"]&&(D(e).insertBefore(e,W(e)),e["s-ol"].remove(),e["s-ol"]=void 0,s=!0),t&&E(e,t)}u.t&=-2},T=(e,t,l,o,s,r)=>{let c,i=e["s-cr"]&&e["s-cr"].parentNode||e;for(i.shadowRoot&&i.tagName===n&&(i=i.shadowRoot);s<=r;++s)o[s]&&(c=P(null,l,s,e),c&&(o[s].g=c,i.insertBefore(c,W(t))))},N=(e,t,n,l,s)=>{for(;t<=n;++t)(l=e[t])&&(s=l.g,z(l),o=!0,s["s-ol"]?s["s-ol"].remove():E(s,!0),s.remove())},A=(e,t)=>e.j===t.j&&("slot"===e.j?e.v===t.v:e._===t._),W=e=>e&&e["s-ol"]||e,D=e=>(e["s-ol"]?e["s-ol"]:e).parentNode,F=(e,t)=>{const n=t.g=e.g,l=e.$,o=t.$,s=t.p;let r;null===s?("slot"===t.j||x(e,t,!1),null!==l&&null!==o?((e,t,n,l)=>{let o,s,r=0,c=0,i=0,a=0,f=t.length-1,u=t[0],p=t[f],d=l.length-1,m=l[0],h=l[d];for(;r<=f&&c<=d;)if(null==u)u=t[++r];else if(null==p)p=t[--f];else if(null==m)m=l[++c];else if(null==h)h=l[--d];else if(A(u,m))F(u,m),u=t[++r],m=l[++c];else if(A(p,h))F(p,h),p=t[--f],h=l[--d];else if(A(u,h))"slot"!==u.j&&"slot"!==h.j||E(u.g.parentNode,!1),F(u,h),e.insertBefore(u.g,p.g.nextSibling),u=t[++r],h=l[--d];else if(A(p,m))"slot"!==u.j&&"slot"!==h.j||E(p.g.parentNode,!1),F(p,m),e.insertBefore(p.g,u.g),p=t[--f],m=l[++c];else{for(i=-1,a=r;a<=f;++a)if(t[a]&&null!==t[a]._&&t[a]._===m._){i=a;break}i>=0?(s=t[i],s.j!==m.j?o=P(t&&t[c],n,i,e):(F(s,m),t[i]=void 0,o=s.g),m=l[++c]):(o=P(t&&t[c],n,c,e),m=l[++c]),o&&D(u.g).insertBefore(o,W(u.g))}r>f?T(e,null==l[d+1]?null:l[d+1].g,n,l,c,d):c>d&&N(t,r,f)})(n,l,t,o):null!==o?(null!==e.p&&(n.textContent=""),T(n,null,t,o,0,o.length-1)):null!==l&&N(l,0,l.length-1)):(r=n["s-cr"])?r.parentNode.textContent=s:e.p!==s&&(n.data=s)},H=e=>{let t,n,l,o,s,r,c=e.childNodes;for(n=0,l=c.length;n{let t,n,l,s,r,c,i=0,a=e.childNodes,f=a.length;for(;i=0;c--)n=l[c],n["s-cn"]||n["s-nr"]||n["s-hn"]===t["s-hn"]||(V(n,s)?(r=q.find(e=>e.k===n),o=!0,n["s-sn"]=n["s-sn"]||s,r?r.M=t:q.push({M:t,k:n}),n["s-sr"]&&q.map(e=>{V(e.k,n["s-sn"])&&(r=q.find(e=>e.k===n),r&&!e.M&&(e.M=r.M))})):q.some(e=>e.k===n)||q.push({k:n}));1===t.nodeType&&B(t)}},V=(e,t)=>1===e.nodeType?null===e.getAttribute("slot")&&""===t||e.getAttribute("slot")===t:e["s-sn"]===t||""===t,z=e=>{e.h&&e.h.ref&&e.h.ref(null),e.$&&e.$.map(z)},G=e=>me(e).O,I=(e,t,n)=>{const l=G(e);return{emit:e=>J(l,t,{bubbles:!!(4&n),composed:!!(2&n),cancelable:!!(1&n),detail:e})}},J=(e,t,n)=>{const l=new CustomEvent(t,n);return e.dispatchEvent(l),l},K=(e,t)=>{t&&!e.R&&t["s-p"].push(new Promise(t=>e.R=t))},Q=(e,t)=>{if(e.t|=16,4&e.t)return void(e.t|=512);const n=e.s,l=()=>X(e,n,t);let o;return K(e,e.S),t&&(e.t|=256,e.u&&(e.u.map(([e,t])=>ne(n,e,t)),e.u=null),o=ne(n,"componentWillLoad")),le(o,()=>Le(l))},X=(r,c,i)=>{const a=r.O,d=a["s-rc"];i&&(e=>{const t=e.L,n=e.O,l=t.t,o=((e,t)=>{let n=_(t.U),l=ve.get(n);if(e=11===e.nodeType?e:f,l)if("string"==typeof l){let t,o=b.get(e=e.head||e);o||b.set(e,o=new Set),o.has(n)||(t=f.createElement("style"),t.innerHTML=l,e.insertBefore(t,e.querySelector("link")),o&&o.add(n))}else e.adoptedStyleSheets.includes(l)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,l]);return n})(p&&n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&l&&(n["s-sc"]=o,n.classList.add(o+"-h"))})(r),((r,c)=>{const i=r.O,a=r.L,d=r.C||k(null,null),m=(e=>e&&e.j===M)(c)?c:g(null,null,c);if(n=i.tagName,a.P&&(m.h=m.h||{},a.P.map(([e,t])=>m.h[t]=i[e])),m.j=null,m.t|=4,r.C=m,m.g=d.g=i.shadowRoot||i,e=i["s-sc"],t=i["s-cr"],l=p&&0!=(1&a.t),o=!1,F(d,m),u.t|=1,s){let e,t,n,l,o,s;B(m.g);let r=0;for(;re()),a["s-rc"]=void 0);{const e=a["s-p"],t=()=>Z(r);0===e.length?t():(Promise.all(e).then(t),r.t|=4,e.length=0)}},Y=e=>{try{e=e.render()}catch(t){we(t)}return e},Z=e=>{const t=e.O,n=e.s,l=e.S;64&e.t||(e.t|=64,oe(t),ne(n,"componentDidLoad"),e.T(t),l||te()),e.N(t),e.R&&(e.R(),e.R=void 0),512&e.t&&Se(()=>Q(e,!1)),e.t&=-517},ee=e=>{{const t=me(e),n=t.O.isConnected;return n&&2==(18&t.t)&&Q(t,!1),n}},te=()=>{oe(f.documentElement),u.t|=2,Se(()=>J(i,"appload",{detail:{namespace:"calcite-app"}}))},ne=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(l){we(l)}},le=(e,t)=>e&&e.then?e.then(t):t(),oe=e=>e.classList.add("hydrated"),se=(e,t,n)=>{if(t.A){e.watchers&&(t.W=e.watchers);const l=Object.entries(t.A),o=e.prototype;if(l.map(([e,[l]])=>{31&l||2&n&&32&l?Object.defineProperty(o,e,{get(){return((e,t)=>me(this).D.get(t))(0,e)},set(n){((e,t,n,l)=>{const o=me(this),s=o.D.get(t),r=o.t,c=o.s;if(n=((e,t)=>null==e||j(e)?e:4&t?"false"!==e&&(""===e||!!e):1&t?e+"":e)(n,l.A[t][0]),!(8&r&&void 0!==s||n===s)&&(o.D.set(t,n),c)){if(l.W&&128&r){const e=l.W[t];e&&e.map(e=>{try{c[e](n,s,t)}catch(l){we(l)}})}2==(18&r)&&Q(o,!1)}})(0,e,n,t)},configurable:!0,enumerable:!0}):1&n&&64&l&&Object.defineProperty(o,e,{value(...t){const n=me(this);return n.F.then(()=>n.s[e](...t))}})}),1&n){const n=new Map;o.attributeChangedCallback=function(e,t,l){u.jmp(()=>{const t=n.get(e);this[t]=(null!==l||"boolean"!=typeof this[t])&&l})},e.observedAttributes=l.filter(([e,t])=>15&t[0]).map(([e,l])=>{const o=l[1]||e;return n.set(o,e),512&l[0]&&t.P.push([e,o]),o})}}return e},re=e=>{ne(e,"connectedCallback")},ce=e=>{e.__appendChild=e.appendChild,e.appendChild=function(e){const t=e["s-sn"]=ae(e),n=fe(this.childNodes,t);if(n){const l=ue(n,t),o=l[l.length-1];return o.parentNode.insertBefore(e,o.nextSibling)}return this.__appendChild(e)}},ie=(e,t)=>{if(8&t.t){const t=e.__lookupGetter__("children"),n=e.__lookupGetter__("childNodes");Object.defineProperty(e,"children",{get(){const e=t.call(this);if(0==(1&u.t)){const t=fe(e,"");if(t&&t.parentNode)return t.parentNode.children}return e}}),Object.defineProperty(e,"childElementCount",{get:()=>e.children.length}),Object.defineProperty(e,"childNodes",{get(){const e=n.call(this);if(0==(1&u.t)){const t=fe(e,"");if(t&&t.parentNode)return t.parentNode.childNodes}return e}})}},ae=e=>e["s-sn"]||1===e.nodeType&&e.getAttribute("slot")||"",fe=(e,t)=>{let n,l=0;for(;l{const n=[e];for(;(e=e.nextSibling)&&e["s-sn"]===t;)n.push(e);return n},pe=(e,t={})=>{const n=[],l=t.exclude||[],o=i.customElements,s=f.head,r=s.querySelector("meta[charset]"),c=f.createElement("style"),a=[];let d,$=!0;Object.assign(u,t),u.l=new URL(t.resourcesUrl||"./",f.baseURI).href,t.syncQueue&&(u.t|=4),e.map(e=>e[1].map(t=>{const s={t:t[0],U:t[1],A:t[2],H:t[3]};s.A=t[2],s.H=t[3],s.P=[],s.W={},!p&&1&s.t&&(s.t|=8);const r=s.U,c=class extends HTMLElement{constructor(e){super(e),$e(e=this,s),1&s.t&&(p?e.attachShadow({mode:"open"}):"shadowRoot"in e||(e.shadowRoot=e)),ie(e,s)}connectedCallback(){d&&(clearTimeout(d),d=null),$?a.push(this):u.jmp(()=>(e=>{if(0==(1&u.t)){const t=me(e),n=t.L,l=()=>{};if(1&t.t)h(e,t,n.H),re(t.s);else{t.t|=1,12&n.t&&(e=>{const t=e["s-cr"]=f.createComment("");t["s-cn"]=!0,e.insertBefore(t,e.firstChild)})(e);{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){K(t,t.S=n);break}}n.A&&Object.entries(n.A).map(([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}}),(async(e,t,n,l,o)=>{if(0==(32&t.t)){t.t|=32;{if((o=_e(n)).then){const e=()=>{};o=await o,e()}o.isProxied||(n.W=o.watchers,se(o,n,2),o.isProxied=!0);const e=()=>{};t.t|=8;try{new o(t)}catch(c){we(c)}t.t&=-9,t.t|=128,e(),re(t.s)}const e=_(n.U);if(!ve.has(e)&&o.style){const t=()=>{};let l=o.style;8&n.t&&(l=await __sc_import_calcite_app("./p-3572983d.js").then(t=>t.scopeCss(l,e,!1))),((e,t,n)=>{let l=ve.get(e);m&&n?(l=l||new CSSStyleSheet,l.replace(t)):l=t,ve.set(e,l)})(e,l,!!(1&n.t)),t()}}const s=t.S,r=()=>Q(t,!0);s&&s["s-rc"]?s["s-rc"].push(r):r()})(0,t,n)}l()}})(this))}disconnectedCallback(){u.jmp(()=>(()=>{if(0==(1&u.t)){const e=me(this),t=e.s;e.o&&(e.o.map(e=>e()),e.o=void 0),ne(t,"componentDidUnload")}})())}forceUpdate(){ee(this)}componentOnReady(){return me(this).q}};ce(c.prototype),s.B=e[0],l.includes(r)||o.get(r)||(n.push(r),o.define(r,se(c,s,1)))})),c.innerHTML=n+"{visibility:hidden}.hydrated{visibility:inherit}",c.setAttribute("data-styles",""),s.insertBefore(c,r?r.nextSibling:s.firstChild),$=!1,a.length?a.map(e=>e.connectedCallback()):u.jmp(()=>d=setTimeout(te,30))},de=new WeakMap,me=e=>de.get(e),he=(e,t)=>de.set(t.s=e,t),$e=(e,t)=>{const n={t:0,O:e,L:t,D:new Map};return n.F=new Promise(e=>n.N=e),n.q=new Promise(e=>n.T=e),e["s-p"]=[],e["s-rc"]=[],h(e,n,t.H),de.set(e,n)},ye=(e,t)=>t in e,we=e=>console.error(e),be=new Map,_e=e=>{const t=e.U.replace(/-/g,"_"),n=e.B,l=be.get(n);return l?l[t]:__sc_import_calcite_app(`./${n}.entry.js`).then(e=>(be.set(n,e),e[t]),we)},ve=new Map,je=[],ge=[],ke=[],Me=(e,t)=>n=>{e.push(n),c||(c=!0,t&&4&u.t?Se(Re):u.raf(Re))},Oe=(e,t)=>{let n=0,l=0;for(;n{r++,(e=>{for(let n=0;n0&&(ke.push(...ge),ge.length=0),(c=je.length+ge.length+ke.length>0)?u.raf(Re):r=0}},Se=e=>d().then(e),Le=Me(ge,!0),Ue=()=>a&&a.supports&&a.supports("color","var(--c)")?d():__sc_import_calcite_app("./p-9d0482fc.js").then(()=>(u.V=i.__cssshim)?(!1).i():0),Ce=()=>{u.V=i.__cssshim;const e=Array.from(f.querySelectorAll("script")).find(e=>/\/calcite-app(\.esm)?\.js($|\?|#)/.test(e.src)||"calcite-app"===e.getAttribute("data-stencil-namespace")),t=e["data-opts"]||{};return"onbeforeload"in e&&!history.scrollRestoration?{then(){}}:(t.resourcesUrl=new URL(".",new URL(e.getAttribute("data-resources-url")||e.src,i.location.href)).href,xe(t.resourcesUrl,e),i.customElements?d(t):__sc_import_calcite_app("./p-c72f121c.js").then(()=>t))},xe=(e,t)=>{try{i.__sc_import_calcite_app=Function("w",`return import(w);//${Math.random()}`)}catch(n){const l=new Map;i.__sc_import_calcite_app=n=>{const o=new URL(n,e).href;let s=l.get(o);if(!s){const e=f.createElement("script");e.type="module",e.crossOrigin=t.crossOrigin,e.src=URL.createObjectURL(new Blob([`import * as m from '${o}'; window.__sc_import_calcite_app.m = m;`],{type:"application/javascript"})),s=new Promise(t=>{e.onload=()=>{t(i.__sc_import_calcite_app.m),e.remove()}}),l.set(o,s),f.head.appendChild(e)}return s}}};export{M as H,Ue as a,pe as b,I as c,ee as f,G as g,g as h,Ce as p,he as r} \ No newline at end of file diff --git a/docs/build/p-34116c50.system.entry.js b/docs/build/p-34116c50.system.entry.js deleted file mode 100644 index 628cc96f..00000000 --- a/docs/build/p-34116c50.system.entry.js +++ /dev/null @@ -1 +0,0 @@ -System.register(["./p-8f7f5385.system.js","./p-9e77e74d.system.js","./p-b996c942.system.js","./p-58a8921b.system.js"],(function(a){"use strict";var e,t,c,i,r,n,p,o;return{setters:[function(a){e=a.r;t=a.h;c=a.H;i=a.g},function(a){r=a.a;n=a.g},function(a){p=a.c},function(a){o=a.C}],execute:function(){var l={heading:"heading",container:"container",indented:"container--indented"};var d={parentItem:"parent-item"};var s=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{background-color:var(--calcite-app-background-clear);display:block;margin-bottom:var(--calcite-app-cap-spacing-quarter)}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#007ac2;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}.header{margin:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;color:var(--calcite-app-foreground);fill:var(--calcite-app-foreground)}.heading{padding:0;margin:0;font-weight:var(--calcite-app-font-weight-demi)}.header .heading{-ms-flex:1 0 auto;flex:1 0 auto;padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-half)}h1.heading{font-size:var(--calcite-app-font-size-3)}h2.heading{font-size:var(--calcite-app-font-size-2)}h3.heading{font-size:var(--calcite-app-font-size-1)}h4.heading,h5.heading{font-size:var(--calcite-app-font-size-0)}:host(:last-child){margin-bottom:0}h3.heading{font-size:var(--calcite-app-font-size-0);margin:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing)}.container--indented{margin-left:var(--calcite-app-side-spacing-plus-half)}.calcite--rtl.container--indented{margin-left:0;margin-right:var(--calcite-app-side-spacing-plus-half)}";var f=a("calcite_pick_list_group",function(){function a(a){e(this,a)}a.prototype.render=function(){var a;var e=this,i=e.el,s=e.textGroupTitle;var f=r(i)==="rtl";var g=n(i,d.parentItem)!==null;var b=(a={},a[l.indented]=g,a[o.rtl]=f,a);return t(c,null,s?t("h3",{class:l.heading},s):null,t("slot",{name:d.parentItem}),t("section",{class:p(l.container,b)},t("slot",null)))};Object.defineProperty(a.prototype,"el",{get:function(){return i(this)},enumerable:true,configurable:true});return a}());f.style=s}}})); \ No newline at end of file diff --git a/docs/build/p-3572983d.js b/docs/build/p-3572983d.js deleted file mode 100644 index 9b1c675b..00000000 --- a/docs/build/p-3572983d.js +++ /dev/null @@ -1,12 +0,0 @@ -/** - * @license - * Copyright Google Inc. All Rights Reserved. - * - * Use of this source code is governed by an MIT-style license that can be - * found in the LICENSE file at https://angular.io/license - * - * This file is a port of shadowCSS from webcomponents.js to TypeScript. - * https://github.com/webcomponents/webcomponentsjs/blob/4efecd7e0e/src/ShadowCSS/ShadowCSS.js - * https://github.com/angular/angular/blob/master/packages/compiler/src/shadow_css.ts - */ -const s=/(-shadowcsshost)(?:\(((?:\([^)(]*\)|[^)(]*)+?)\))?([^,{]*)/gim,t=/(-shadowcsscontext)(?:\(((?:\([^)(]*\)|[^)(]*)+?)\))?([^,{]*)/gim,o=/(-shadowcssslotted)(?:\(((?:\([^)(]*\)|[^)(]*)+?)\))?([^,{]*)/gim,n=/-shadowcsshost-no-combinator([^\s]*)/,e=[/::shadow/g,/::content/g],c=/-shadowcsshost/gim,r=/:host/gim,h=/::slotted/gim,a=/:host-context/gim,d=/\/\*\s*[\s\S]*?\*\//g,l=/\/\*\s*#\s*source(Mapping)?URL=[\s\S]+?\*\//g,i=/(\s*)([^;\{\}]+?)(\s*)((?:{%BLOCK%}?\s*;?)|(?:\s*;))/g,g=/([{}])/g,u=(s,t)=>{const o=m(s);let n=0;return o.escapedString.replace(i,(...s)=>{const e=s[2];let c="",r=s[4],h="";r&&r.startsWith("{%BLOCK%")&&(c=o.blocks[n++],r=r.substring(8),h="{");const a=t({selector:e,content:c});return`${s[1]}${a.selector}${s[3]}${h}${a.content}${r}`})},m=s=>{const t=s.split(g),o=[],n=[];let e=0,c=[];for(let r=0;r0?c.push(s):(c.length>0&&(n.push(c.join("")),o.push("%BLOCK%"),c=[]),o.push(s)),"{"===s&&e++}return c.length>0&&(n.push(c.join("")),o.push("%BLOCK%")),{escapedString:o.join(""),blocks:n}},w=(s,t,o)=>s.replace(t,(...s)=>{if(s[2]){const t=s[2].split(","),n=[];for(let e=0;es+t.replace("-shadowcsshost","")+o,p=(s,t,o)=>t.indexOf("-shadowcsshost")>-1?$(s,t,o):s+t+o+", "+t+" "+s+o,_=(s,t,o,e)=>u(s,s=>{let r=s.selector,h=s.content;return"@"!==s.selector[0]?r=((s,t,o,e)=>s.split(",").map(s=>e&&s.indexOf("."+e)>-1?s.trim():((s,t)=>!(s=>(s=s.replace(/\[/g,"\\[").replace(/\]/g,"\\]"),RegExp("^("+s+")([>\\s~+[.,{:][\\s\\S]*)?$","m")))(t).test(s))(s,t)?((s,t,o)=>{const e="."+(t=t.replace(/\[is=([^\]]*)\]/g,(s,...t)=>t[0])),r=s=>{let r=s.trim();if(!r)return"";if(s.indexOf("-shadowcsshost-no-combinator")>-1)r=((s,t,o)=>{if(c.lastIndex=0,c.test(s)){const t=`.${o}`;return s.replace(n,(s,o)=>o.replace(/([^:]*)(:*)(.*)/,(s,o,n,e)=>o+t+n+e)).replace(c,t+" ")}return t+" "+s})(s,t,o);else{const t=s.replace(c,"");if(t.length>0){const s=t.match(/([^:]*)(:*)(.*)/);s&&(r=s[1]+e+s[2]+s[3])}}return r},h=(s=>{const t=[];let o,n=0;return o=(s=s.replace(/(\[[^\]]*\])/g,(s,o)=>{const e=`__ph-${n}__`;return t.push(o),n++,e})).replace(/(:nth-[-\w]+)(\([^)]+\))/g,(s,o,e)=>{const c=`__ph-${n}__`;return t.push(e),n++,o+c}),{content:o,placeholders:t}})(s);let a,d="",l=0;const i=/( |>|\+|~(?!=))\s*/g;let g=!((s=h.content).indexOf("-shadowcsshost-no-combinator")>-1);for(;null!==(a=i.exec(s));){const t=a[1],o=s.slice(l,a.index).trim();g=g||o.indexOf("-shadowcsshost-no-combinator")>-1,d+=`${g?r(o):o} ${t} `,l=i.lastIndex}const u=s.substring(l);return g=g||u.indexOf("-shadowcsshost-no-combinator")>-1,d+=g?r(u):u,((s,t)=>t.replace(/__ph-(\d+)__/g,(t,o)=>s[+o]))(h.placeholders,d)})(s,t,o).trim():s.trim()).join(", "))(s.selector,t,o,e):(s.selector.startsWith("@media")||s.selector.startsWith("@supports")||s.selector.startsWith("@page")||s.selector.startsWith("@document"))&&(h=_(s.content,t,o,e)),{selector:r.replace(/\s{2,}/g," ").trim(),content:h}}),f=(n,c,i)=>{const g=c+"-h",m=c+"-s",f=(s=>s.match(l)||[])(n);n=(s=>s.replace(d,""))(n);const b=[];if(i){const s=s=>{const t=`/*!@___${b.length}___*/`;return b.push({placeholder:t,comment:`/*!@${s.selector}*/`}),s.selector=t+s.selector,s};n=u(n,t=>"@"!==t.selector[0]?s(t):t.selector.startsWith("@media")||t.selector.startsWith("@supports")||t.selector.startsWith("@page")||t.selector.startsWith("@document")?(t.content=u(t.content,s),t):t)}const x=((n,c,d,l)=>{const i=((s,t)=>{const n="."+t+" > ",e=[];return s=s.replace(o,(...s)=>{if(s[2]){const t=s[2].trim(),o=n+t+s[3];let c="";for(let n=s[4]-1;n>=0;n--){const t=s[5][n];if("}"===t||","===t)break;c=t+c}const r=c+o,h=`${c.trimRight()}${o.trim()}`;return r.trim()!==h.trim()&&e.push({orgSelector:r,updatedSelector:`${h}, ${r}`}),o}return"-shadowcsshost-no-combinator"+s[3]}),{selectors:e,cssText:s}})(n=(s=>w(s,t,p))(n=(t=>w(t,s,$))(n=(s=>s.replace(a,"-shadowcsscontext").replace(r,"-shadowcsshost").replace(h,"-shadowcssslotted"))(n))),l);return n=(s=>e.reduce((s,t)=>s.replace(t," "),s))(n=i.cssText),c&&(n=_(n,c,d,l)),{cssText:(n=(n=n.replace(/-shadowcsshost-no-combinator/g,`.${d}`)).replace(/>\s*\*\s+([^{, ]+)/gm," $1 ")).trim(),slottedSelectors:i.selectors}})(n,c,g,m);return n=[x.cssText,...f].join("\n"),i&&b.forEach(({placeholder:s,comment:t})=>{n=n.replace(s,t)}),x.slottedSelectors.forEach(s=>{n=n.replace(s.orgSelector,s.updatedSelector)}),n};export{f as scopeCss} \ No newline at end of file diff --git a/docs/build/p-39975e83.system.entry.js b/docs/build/p-39975e83.system.entry.js new file mode 100644 index 00000000..ae164094 --- /dev/null +++ b/docs/build/p-39975e83.system.entry.js @@ -0,0 +1 @@ +var __awaiter=this&&this.__awaiter||function(e,t,i,a){function n(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,o){function r(e){try{l(a.next(e))}catch(t){o(t)}}function c(e){try{l(a["throw"](e))}catch(t){o(t)}}function l(e){e.done?i(e.value):n(e.value).then(r,c)}l((a=a.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},a,n,o,r;return r={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function c(e){return function(t){return l([e,t])}}function l(r){if(a)throw new TypeError("Generator is already executing.");while(i)try{if(a=1,n&&(o=r[0]&2?n["return"]:r[0]?n["throw"]||((o=n["return"])&&o.call(n),0):n.next)&&!(o=o.call(n,r[1])).done)return o;if(n=0,o)r=[r[0]&2,o.value];switch(r[0]){case 0:case 1:o=r;break;case 4:i.label++;return{value:r[1],done:false};case 5:i.label++;n=r[1];r=[0];continue;case 7:r=i.ops.pop();i.trys.pop();continue;default:if(!(o=i.trys,o=o.length>0&&o[o.length-1])&&(r[0]===6||r[0]===2)){i=0;continue}if(r[0]===3&&(!o||r[1]>o[0]&&r[1]{this.buttonEl=a}},this.textEnabled?this.text:null))}get el(){return t(this)}};i.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{background-color:var(--calcite-app-background-transparent)}calcite-button{-webkit-box-shadow:var(--calcite-app-shadow-1);box-shadow:var(--calcite-app-shadow-1)}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#00619b;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}";export{i as calcite_fab} \ No newline at end of file diff --git a/docs/build/p-3f2a62ba.entry.js b/docs/build/p-3f2a62ba.entry.js deleted file mode 100644 index d0055cc3..00000000 --- a/docs/build/p-3f2a62ba.entry.js +++ /dev/null @@ -1 +0,0 @@ -import{r as e,h as a,H as t,g as i,c as n}from"./p-3125ea46.js";import{C as c}from"./p-d5e1fdd7.js";import{f as r,g as o,a as l}from"./p-4230ce12.js";import{c as s}from"./p-1a0cace4.js";import{g as p}from"./p-cf80779e.js";import{C as d}from"./p-eb15fcdb.js";const h=class{constructor(a){e(this,a),this.flowCount=0,this.flowDirection=null,this.flows=[],this.getFlowDirection=(e,a)=>e&&a>1||e>1?a{const{flows:e}=this,a=Array.from(this.el.querySelectorAll("calcite-flow-item")),t=e.length,i=a.length,n=a[i-1],c=a[i-2];if(i&&n&&a.forEach(e=>{e.showBackButton=i>1,e.hidden=e!==n}),c&&(c.menuOpen=!1),this.flows=a,t!==i){const e=this.getFlowDirection(t,i);this.flowCount=i,this.flowDirection=e}},this.flowItemObserver=new MutationObserver(this.updateFlowProps)}async back(){const e=this.el.querySelector("calcite-flow-item:last-child");if(e)return(e.beforeBack?e.beforeBack:()=>Promise.resolve()).call(e).then(()=>(e.remove(),e))}connectedCallback(){this.flowItemObserver.observe(this.el,{childList:!0,subtree:!0}),this.updateFlowProps()}componentDidUnload(){this.flowItemObserver.disconnect()}handleCalciteFlowItemBackClick(){this.back()}render(){const{flowDirection:e,flowCount:i}=this;return a(t,null,a("div",{key:i,class:s("frame",{"frame--advancing":"advancing"===e,"frame--retreating":"retreating"===e})},a("slot",null)))}get el(){return i(this)}};h.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{-ms-flex-align:stretch;align-items:stretch;display:-ms-flexbox;display:flex;width:100%;height:100%;overflow:hidden;position:relative}:host .frame{-ms-flex-align:stretch;align-items:stretch;width:100%;padding:0;margin:0;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;position:relative}:host .frame--advancing{-webkit-animation:calcite-flow-item-advance var(--calcite-app-animation-time) var(--calcite-app-easing-function);animation:calcite-flow-item-advance var(--calcite-app-animation-time) var(--calcite-app-easing-function)}:host .frame--retreating{-webkit-animation:calcite-flow-item-retreat var(--calcite-app-animation-time) var(--calcite-app-easing-function);animation:calcite-flow-item-retreat var(--calcite-app-animation-time) var(--calcite-app-easing-function)}@-webkit-keyframes calcite-flow-item-advance{0%{opacity:0.5;-webkit-transform:translate3d(50px, 0, 0);transform:translate3d(50px, 0, 0)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes calcite-flow-item-advance{0%{opacity:0.5;-webkit-transform:translate3d(50px, 0, 0);transform:translate3d(50px, 0, 0)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@-webkit-keyframes calcite-flow-item-retreat{0%{opacity:0.5;-webkit-transform:translate3d(-50px, 0, 0);transform:translate3d(-50px, 0, 0)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes calcite-flow-item-retreat{0%{opacity:0.5;-webkit-transform:translate3d(-50px, 0, 0);transform:translate3d(-50px, 0, 0)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#007ac2;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}";const f=["calcite-pick-list","calcite-value-list"],b=["ArrowUp","ArrowDown"],g=class{constructor(a){e(this,a),this.disabled=!1,this.loading=!1,this.menuOpen=!1,this.showBackButton=!1,this.toggleMenuOpen=()=>{this.menuOpen=!this.menuOpen},this.backButtonClick=()=>{this.calciteFlowItemBackClick.emit()},this.menuButtonKeyDown=e=>{const{key:a}=e,{menuOpen:t}=this;if(!this.isValidKey(a,b))return;const i=this.queryActions(),{length:n}=i;n&&(e.preventDefault(),t||(this.menuOpen=!0),"ArrowUp"===a&&r(i[n-1]),"ArrowDown"===a&&r(i[0]))},this.menuActionsKeydown=e=>{const{key:a,target:t}=e;if(!this.isValidKey(a,b))return;const i=this.queryActions(),{length:n}=i,c=i.indexOf(t);if(n&&-1!==c){if(e.preventDefault(),"ArrowUp"===a){const e=p(c-1,n);r(i[e])}if("ArrowDown"===a){const e=p(c+1,n);r(i[e])}}},this.menuActionsContainerKeyDown=e=>{const{key:a}=e;"Escape"===a&&(this.menuOpen=!1)},this.calciteFlowItemBackClick=n(this,"calciteFlowItemBackClick",7),this.calciteFlowItemScroll=n(this,"calciteFlowItemScroll",7)}handleCalcitePanelScroll(e){e.stopPropagation(),this.calciteFlowItemScroll.emit()}queryActions(){return o(this.el,"menu-actions",{all:!0})}isValidKey(e,a){return!!a.find(a=>a===e)}renderBackButton(e){const{showBackButton:t,intlBack:i,textBack:n,backButtonClick:c}=this,r=i||n||"Back";return t?a("calcite-action",{slot:"header-leading-content",key:"back-button","aria-label":r,text:r,class:"back-button",onClick:c,icon:e?"chevron-right":"chevron-left"}):null}renderMenuButton(){const{menuOpen:e,textOpen:t,intlOpen:i,intlClose:n,textClose:c}=this,r=e?n||c||"Close":i||t||"Open";return a("calcite-action",{class:"menu-button","aria-label":r,text:r,onClick:this.toggleMenuOpen,onKeyDown:this.menuButtonKeyDown,icon:"ellipsis"})}renderMenuActions(){const{menuOpen:e}=this;return a("div",{class:s("menu",{"menu--open":e}),onKeyDown:this.menuActionsKeydown},a("slot",{name:"menu-actions"}))}renderFooterActions(){return o(this.el,"footer-actions")?a("div",{slot:"footer",class:"footer-actions"},a("slot",{name:"footer-actions"})):null}renderSingleActionContainer(){return a("div",{class:"single-action-container"},a("slot",{name:"menu-actions"}))}renderMenuActionsContainer(){return a("div",{class:"menu-container",onKeyDown:this.menuActionsContainerKeyDown},this.renderMenuButton(),this.renderMenuActions())}renderHeaderActions(){const e=o(this.el,"menu-actions",{all:!0}).filter(e=>!e.closest(f.join(","))).length,t=1===e?this.renderSingleActionContainer():e?this.renderMenuActionsContainer():null;return t?a("div",{slot:"header-trailing-content",class:"header-actions"},t):null}renderHeading(){const{heading:e}=this;return e?a("h2",{class:"heading",slot:"header-content"},e):null}renderSummary(){const{summary:e}=this;return e?a("span",{class:"summary"},e):null}renderHeader(){const e=this.renderHeading(),t=this.renderSummary();return e||t?a("div",{class:"header-content",slot:"header-content"},e,t):null}renderFab(){return o(this.el,"fab")?a("div",{class:"fab-container",slot:"fab"},a("slot",{name:"fab"})):null}render(){const{el:e}=this,i=l(e);return a(t,null,a("calcite-panel",{loading:this.loading,disabled:this.disabled,"height-scale":this.heightScale,dir:i},this.renderBackButton("rtl"===i),this.renderHeader(),this.renderHeaderActions(),a("slot",null),this.renderFooterActions(),this.renderFab()))}get el(){return i(this)}};g.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{background-color:var(--calcite-app-background-content);display:-ms-flexbox;display:flex;height:100%;width:100%}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#007ac2;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}calcite-panel{width:100%;height:100%}.header-content{display:block}.header-content .heading{font-size:var(--calcite-app-font-size-1);margin:0 0 var(--calcite-app-cap-spacing-quarter)}.header-content .heading:only-child{margin-bottom:0}.header-content .summary{color:var(--calcite-app-foreground-subtle)}.header-content .heading,.header-content .summary{padding:0;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.menu-button{-ms-flex-item-align:stretch;align-self:stretch;-ms-flex:0 1 auto;flex:0 1 auto;height:100%;position:relative}.header-actions,.menu-container,.single-action-container{display:-ms-flexbox;display:flex}.menu{position:absolute;top:100%;z-index:1;background-color:var(--calcite-app-background);-webkit-box-shadow:var(--calcite-app-shadow-0);box-shadow:var(--calcite-app-shadow-0);padding:0;left:auto;min-width:var(--calcite-app-menu-min-width);right:var(--calcite-app-menu-offset);visibility:visible;-ms-flex-flow:column nowrap;flex-flow:column nowrap;border:1px solid var(--calcite-app-border);-webkit-animation:calcite-app-fade-in-down var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);animation:calcite-app-fade-in-down var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);display:none}.calcite--rtl .menu{left:var(--calcite-app-menu-offset);right:auto}.menu--open{display:block}.footer-actions{display:-ms-flexbox;display:flex;width:100%}.fab-container{display:inline-block}";const m=class{constructor(a){e(this,a),this.dismissed=!1,this.disabled=!1,this.dismissible=!1,this.loading=!1,this.panelKeyUpHandler=e=>{"Escape"===e.key&&this.dismiss()},this.dismiss=()=>{this.dismissed=!0},this.panelScrollHandler=()=>{this.calcitePanelScroll.emit()},this.calcitePanelDismissedChange=n(this,"calcitePanelDismissedChange",7),this.calcitePanelScroll=n(this,"calcitePanelScroll",7)}dismissedHandler(){this.calcitePanelDismissedChange.emit()}async setFocus(e){var a,t;"dismiss-button"!==e?null===(t=this.containerEl)||void 0===t||t.focus():null===(a=this.dismissButtonEl)||void 0===a||a.setFocus()}renderHeaderLeadingContent(){return o(this.el,"header-leading-content")?a("div",{key:"header-leading-content",class:"header-leading-content"},a("slot",{name:"header-leading-content"})):null}renderHeaderContent(){return a("div",{key:"header-content",class:"header-content"},a("slot",{name:"header-content"}))}renderHeaderTrailingContent(){const{dismiss:e,dismissible:t,intlClose:i,textClose:n}=this,c=i||n||"Close",r=t?a("calcite-action",{ref:e=>this.dismissButtonEl=e,"aria-label":c,text:c,onClick:e,icon:"x"}):null,o=a("slot",{name:"header-trailing-content"});return a("div",{key:"header-trailing-content",class:"header-trailing-content"},o,r)}renderHeader(){const e=this.renderHeaderLeadingContent(),t=this.renderHeaderContent(),i=this.renderHeaderTrailingContent();return t||e||i?a("header",{class:"header"},e,t,i):null}renderFooter(){const{el:e}=this;return o(e,"footer")?a("footer",{class:"footer"},a("slot",{name:"footer"})):null}renderContent(){return a("section",{class:"content-container",onScroll:this.panelScrollHandler},a("slot",null),this.renderFab())}renderFab(){return o(this.el,"fab")?a("div",{class:"fab-container"},a("slot",{name:"fab"})):null}render(){const{dismissed:e,disabled:i,dismissible:n,el:r,loading:o,panelKeyUpHandler:p}=this,h="rtl"===l(r);return a(t,null,a("article",{"aria-busy":o.toString(),onKeyUp:p,tabIndex:n?0:-1,hidden:n&&e,ref:e=>this.containerEl=e,class:s("container",{[d.rtl]:h})},this.renderHeader(),this.renderContent(),this.renderFooter()),a(c,{loading:o,disabled:i}))}get el(){return i(this)}static get watchers(){return{dismissed:["dismissedHandler"]}}};m.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:-ms-flexbox;display:flex;position:relative;--calcite-app-panel-max-height-small:40vh;--calcite-app-panel-max-height-medium:60vh;--calcite-app-panel-max-height-large:80vh;--calcite-app-panel-min-header-height:calc(var(--calcite-app-icon-size) * 3)}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#007ac2;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}.header{margin:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;color:var(--calcite-app-foreground);fill:var(--calcite-app-foreground)}.heading{padding:0;margin:0;font-weight:var(--calcite-app-font-weight-demi)}.header .heading{-ms-flex:1 0 auto;flex:1 0 auto;padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-half)}h1.heading{font-size:var(--calcite-app-font-size-3)}h2.heading{font-size:var(--calcite-app-font-size-2)}h3.heading{font-size:var(--calcite-app-font-size-1)}h4.heading,h5.heading{font-size:var(--calcite-app-font-size-0)}.container{-ms-flex-align:stretch;align-items:stretch;-webkit-transition:max-height var(--calcite-app-animation-time) var(--calcite-app-easing-function);transition:max-height var(--calcite-app-animation-time) var(--calcite-app-easing-function);width:100%;height:100%;padding:0;margin:0;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column}:host([height-scale=s]) .container{max-height:var(--calcite-app-panel-max-height-small)}:host([height-scale=m]) .container{max-height:var(--calcite-app-panel-max-height-medium)}:host([height-scale=l]) .container{max-height:var(--calcite-app-panel-max-height-large)}.container[hidden]{display:none}:host([loading]) .container,:host([disabled]) .container{position:relative;z-index:1}.header{-ms-flex-align:stretch;align-items:stretch;display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-pack:start;justify-content:flex-start;min-height:var(--calcite-app-header-min-height);position:relative;z-index:2;border-bottom:1px solid var(--calcite-app-border);width:100%}.header-content{overflow:hidden;padding:var(--calcite-app-cap-spacing) var(--calcite-app-side-spacing)}.header-leading-content,.header-trailing-content{-ms-flex-align:stretch;align-items:stretch;display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap}.header-trailing-content{margin-left:auto}.header-leading-content+.header-content{padding-left:var(--calcite-app-side-spacing-half)}.content-container{-ms-flex-align:stretch;align-items:stretch;display:-ms-flexbox;display:flex;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-ms-flex:1 1 auto;flex:1 1 auto;background-color:var(--calcite-app-background-content);overflow:auto}.footer{border-top:1px solid var(--calcite-app-border);display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-pack:space-evenly;justify-content:space-evenly;min-height:var(--calcite-app-footer-min-height);padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-half)}.calcite--rtl .header-leading-content+.header-content{padding-right:var(--calcite-app-side-spacing-half)}.calcite--rtl .header-trailing-content{margin-left:0;margin-right:auto}.fab-container{position:-webkit-sticky;position:sticky;bottom:0;display:inline-block;margin:0 auto;padding:var(--calcite-app-cap-spacing) 0}";export{h as calcite_flow,g as calcite_flow_item,m as calcite_panel} \ No newline at end of file diff --git a/docs/build/p-3f6e7b0b.system.js b/docs/build/p-3f6e7b0b.system.js deleted file mode 100644 index 15d2ba87..00000000 --- a/docs/build/p-3f6e7b0b.system.js +++ /dev/null @@ -1 +0,0 @@ -System.register(["./p-8f7f5385.system.js"],(function(e){"use strict";var t;return{setters:[function(e){t=e.h}],execute:function(){var a={alignItems:"center",animation:"calcite-app-fade-in var(--calcite-app-animation-time) var(--calcite-app-easing-function)",backgroundColor:"var(--calcite-app-scrim)",bottom:"0",display:"flex",justifyContent:"center",left:"0",position:"absolute",right:"0",top:"0",userSelect:"none",zIndex:"2"};var i={position:"relative",zIndex:"1"};var n=function(e,n){var r=e.loading,l=e.disabled;var o=l||r;var c=n===null||n===void 0?void 0:n.length;var s=r?t("calcite-loader",{"is-active":true}):null;var v=t("div",{style:a},s);var u=c?t("div",{style:i},n):null;return o?[v,u]:n};e("C",n)}}})); \ No newline at end of file diff --git a/docs/build/p-4230ce12.js b/docs/build/p-4230ce12.js deleted file mode 100644 index 3b91407d..00000000 --- a/docs/build/p-4230ce12.js +++ /dev/null @@ -1 +0,0 @@ -function n(n){return function(n){const t=n.closest("[dir]");return t?t.getAttribute("dir"):"ltr"}(n)}function t(n){n&&("setFocus"in n&&"function"==typeof n.setFocus?n.setFocus():n.focus())}function r(n,t){return n||(t?"trailing"===t?"end":"start":void 0)}function o(n,t,r){const o=`[slot="${t}"]`,i=(null==r?void 0:r.selector)?`${o} ${r.selector}`:o;return(null==r?void 0:r.all)?Array.from(n.querySelectorAll(i)):n.querySelector(i)}export{n as a,r as b,t as f,o as g} \ No newline at end of file diff --git a/docs/build/p-46ed303b.system.entry.js b/docs/build/p-46ed303b.system.entry.js new file mode 100644 index 00000000..adb3bd19 --- /dev/null +++ b/docs/build/p-46ed303b.system.entry.js @@ -0,0 +1 @@ +System.register(["./p-c0bbf908.system.js"],(function(e){"use strict";var a,t,c;return{setters:[function(e){a=e.r;t=e.h;c=e.H}],execute:function(){var i={content:"content"};var r=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:-ms-flexbox;display:flex;overflow:hidden;-webkit-transition:height var(--calcite-app-animation-time) ease-in-out;transition:height var(--calcite-app-animation-time) ease-in-out;background-color:var(--calcite-app-background-clear);border-left:1px solid var(--calcite-app-border);border-right:1px solid var(--calcite-app-border);--calcite-app-shell-center-row-height-small:33%;--calcite-app-shell-center-row-height-medium:70%;--calcite-app-shell-center-row-height-large:100%}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#00619b;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}.content{display:-ms-flexbox;display:flex;-ms-flex:1 0 0px;flex:1 0 0;height:100%;margin:0;overflow:hidden;width:100%}:host([detached]){-webkit-animation:calcite-app-fade-in-up var(--calcite-app-animation-time) var(--calcite-app-easing-function);animation:calcite-app-fade-in-up var(--calcite-app-animation-time) var(--calcite-app-easing-function);border:none;border-radius:var(--calcite-app-border-radius);-webkit-box-shadow:var(--calcite-app-shadow-0);box-shadow:var(--calcite-app-shadow-0);margin:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-half) var(--calcite-app-cap-spacing-plus-half)}:host([position=end]){-ms-flex-item-align:end;align-self:flex-end}:host([position=start]){-ms-flex-item-align:start;align-self:flex-start}:host([height-scale=s]){height:var(--calcite-app-shell-center-row-height-small)}:host([height-scale=m]){height:var(--calcite-app-shell-center-row-height-medium)}:host([height-scale=l]){height:var(--calcite-app-shell-center-row-height-large)}:host([height-scale=l][detached]){height:calc(var(--calcite-app-shell-center-row-height-large) - var(--calcite-app-cap-spacing-double))}::slotted(calcite-panel){width:100%;height:100%}";var l=e("calcite_shell_center_row",function(){function e(e){a(this,e);this.detached=false;this.heightScale="s";this.position="end"}e.prototype.render=function(){return t(c,null,t("div",{class:i.content},t("slot",null)))};return e}());l.style=r}}})); \ No newline at end of file diff --git a/docs/build/p-49b50b5d.entry.js b/docs/build/p-49b50b5d.entry.js deleted file mode 100644 index 561e44d3..00000000 --- a/docs/build/p-49b50b5d.entry.js +++ /dev/null @@ -1 +0,0 @@ -import{r as a,h as e,H as t,g as i}from"./p-3125ea46.js";import{a as c}from"./p-2a6389bf.js";import{I as o}from"./p-c55f1634.js";import{C as r}from"./p-d625ad0c.js";const n=class{constructor(e){a(this,e),this.compact=!1,this.disabled=!1,this.disableDeselect=!1,this.handleActivated=!1,this.icon=null,this.removable=!1,this.selected=!1,this.pickListItem=null,this.guid=`calcite-value-list-item-${c()}`,this.getPickListRef=a=>this.pickListItem=a,this.handleKeyDown=a=>{" "===a.key&&(this.handleActivated=!this.handleActivated)},this.handleBlur=()=>{this.handleActivated=!1},this.handleSelectChange=a=>{this.selected=a.detail.selected}}async toggleSelected(a){this.pickListItem.toggleSelected(a)}async setFocus(){var a;null===(a=this.pickListItem)||void 0===a||a.setFocus()}calciteListItemChangeHandler(a){a.detail.item=this.el}renderHandle(){const{icon:a}=this;if(a===o.grip)return e("span",{role:"button",class:{[r.handle]:!0,[r.handleActivated]:this.handleActivated},tabindex:"0","data-js-handle":"true","aria-pressed":this.handleActivated.toString(),onKeyDown:this.handleKeyDown,onBlur:this.handleBlur},e("calcite-icon",{scale:"s",icon:"drag"}))}render(){return e(t,{"data-id":this.guid},this.renderHandle(),e("calcite-pick-list-item",{compact:this.compact,ref:this.getPickListRef,disabled:this.disabled,disableDeselect:this.disableDeselect,selected:this.selected,metadata:this.metadata,removable:this.removable,textLabel:this.textLabel,textDescription:this.textDescription,onCalciteListItemChange:this.handleSelectChange,value:this.value},e("slot",{name:"secondary-action",slot:"secondary-action"})))}get el(){return i(this)}};n.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{-webkit-box-shadow:0 -1px 0 var(--calcite-app-border) inset;box-shadow:0 -1px 0 var(--calcite-app-border) inset;display:-ms-flexbox;display:flex;padding:var(--calcite-app-side-spacing-minimum);-webkit-transition:background-color var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), -webkit-box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);transition:background-color var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), -webkit-box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);transition:background-color var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);transition:background-color var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), -webkit-box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function)}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#007ac2;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}:host(:hover){background-color:var(--calcite-app-background-hover)}:host([selected]){-webkit-box-shadow:0 0 0 1px var(--calcite-app-border-active) inset;box-shadow:0 0 0 1px var(--calcite-app-border-active) inset}calcite-pick-list-item{background-color:var(--calcite-app-background-clear);-webkit-box-shadow:none;box-shadow:none;-ms-flex-positive:1;flex-grow:1;position:relative;margin:0}.handle{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-item-align:stretch;align-self:stretch;-ms-flex-pack:center;justify-content:center;margin-bottom:var(--calcite-app-cap-spacing-minimum);padding:var(--calcite-app-cap-spacing-three-quarters) var(--calcite-app-side-spacing-half);background-color:var(--calcite-app-background-clear);border:none;color:var(--calcite-app-foreground-subtle);line-height:0;cursor:move}.handle:focus{outline-offset:var(--calcite-app-outline-inset)}.handle:focus{outline-offset:var(--calcite-app-outline-inset)}.handle--activated{background-color:var(--calcite-app-background-active);color:var(--calcite-app-foreground-active)}:host(:last-child) .handle{margin-bottom:0}";export{n as calcite_value_list_item} \ No newline at end of file diff --git a/docs/build/p-4eac11f1.entry.js b/docs/build/p-4eac11f1.entry.js new file mode 100644 index 00000000..a9694a47 --- /dev/null +++ b/docs/build/p-4eac11f1.entry.js @@ -0,0 +1 @@ +import{r as a,h as e,H as c}from"./p-9d0aa6e4.js";const t=class{constructor(e){a(this,e),this.detached=!1,this.heightScale="s",this.position="end"}render(){return e(c,null,e("div",{class:"content"},e("slot",null)))}};t.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:-ms-flexbox;display:flex;overflow:hidden;-webkit-transition:height var(--calcite-app-animation-time) ease-in-out;transition:height var(--calcite-app-animation-time) ease-in-out;background-color:var(--calcite-app-background-clear);border-left:1px solid var(--calcite-app-border);border-right:1px solid var(--calcite-app-border);--calcite-app-shell-center-row-height-small:33%;--calcite-app-shell-center-row-height-medium:70%;--calcite-app-shell-center-row-height-large:100%}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#00619b;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}.content{display:-ms-flexbox;display:flex;-ms-flex:1 0 0px;flex:1 0 0;height:100%;margin:0;overflow:hidden;width:100%}:host([detached]){-webkit-animation:calcite-app-fade-in-up var(--calcite-app-animation-time) var(--calcite-app-easing-function);animation:calcite-app-fade-in-up var(--calcite-app-animation-time) var(--calcite-app-easing-function);border:none;border-radius:var(--calcite-app-border-radius);-webkit-box-shadow:var(--calcite-app-shadow-0);box-shadow:var(--calcite-app-shadow-0);margin:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-half) var(--calcite-app-cap-spacing-plus-half)}:host([position=end]){-ms-flex-item-align:end;align-self:flex-end}:host([position=start]){-ms-flex-item-align:start;align-self:flex-start}:host([height-scale=s]){height:var(--calcite-app-shell-center-row-height-small)}:host([height-scale=m]){height:var(--calcite-app-shell-center-row-height-medium)}:host([height-scale=l]){height:var(--calcite-app-shell-center-row-height-large)}:host([height-scale=l][detached]){height:calc(var(--calcite-app-shell-center-row-height-large) - var(--calcite-app-cap-spacing-double))}::slotted(calcite-panel){width:100%;height:100%}";export{t as calcite_shell_center_row} \ No newline at end of file diff --git a/docs/build/p-510857b5.system.entry.js b/docs/build/p-510857b5.system.entry.js deleted file mode 100644 index 7cab9dc9..00000000 --- a/docs/build/p-510857b5.system.entry.js +++ /dev/null @@ -1 +0,0 @@ -var __awaiter=this&&this.__awaiter||function(e,a,t,i){function n(e){return e instanceof t?e:new t((function(a){a(e)}))}return new(t||(t=Promise))((function(t,r){function c(e){try{l(i.next(e))}catch(a){r(a)}}function o(e){try{l(i["throw"](e))}catch(a){r(a)}}function l(e){e.done?t(e.value):n(e.value).then(c,o)}l((i=i.apply(e,a||[])).next())}))};var __generator=this&&this.__generator||function(e,a){var t={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},i,n,r,c;return c={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(c[Symbol.iterator]=function(){return this}),c;function o(e){return function(a){return l([e,a])}}function l(c){if(i)throw new TypeError("Generator is already executing.");while(t)try{if(i=1,n&&(r=c[0]&2?n["return"]:c[0]?n["throw"]||((r=n["return"])&&r.call(n),0):n.next)&&!(r=r.call(n,c[1])).done)return r;if(n=0,r)c=[c[0]&2,r.value];switch(c[0]){case 0:case 1:r=c;break;case 4:t.label++;return{value:c[1],done:false};case 5:t.label++;n=c[1];c=[0];continue;case 7:c=t.ops.pop();t.trys.pop();continue;default:if(!(r=t.trys,r=r.length>0&&r[r.length-1])&&(c[0]===6||c[0]===2)){t=0;continue}if(c[0]===3&&(!r||c[1]>r[0]&&c[1]1?i("footer",{class:v.pagination},i("calcite-action",{text:h,onClick:this.previousClicked,class:v.pagePrevious,icon:e==="ltr"?m.chevronLeft:m.chevronRight}),i("span",{class:v.pagePosition},g+" "+(t+1)+"/"+r),i("calcite-action",{text:u,onClick:this.nextClicked,class:v.pageNext,icon:e==="ltr"?m.chevronRight:m.chevronLeft})):null};e.prototype.render=function(){var e;var a=this,t=a.closed,r=a.direction,c=a.groupTitle,o=a.selectedIndex,p=a.intlClose,s=a.textClose,d=a.total;var f=p||s||x.close;if(d===0){return i(n,null)}return i(n,null,i("div",{class:v.container,hidden:t,"aria-hidden":t.toString(),tabIndex:0,onKeyUp:this.tipManagerKeyUpHandler,ref:this.storeContainerRef},i("header",{class:v.header},i("h2",{key:o,class:v.heading},c),i("calcite-action",{text:f,onClick:this.hideTipManager,class:v.close,icon:m.close})),i("div",{tabIndex:0,class:l(v.tipContainer,(e={},e[v.tipContainerAdvancing]=!t&&r==="advancing",e[v.tipContainerRetreating]=!t&&r==="retreating",e)),key:o},i("slot",null)),this.renderPagination()))};Object.defineProperty(e.prototype,"el",{get:function(){return r(this)},enumerable:true,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{closed:["closedChangeHandler"],selectedIndex:["selectedChangeHandler"]}},enumerable:true,configurable:true});return e}());k.style=y}}})); \ No newline at end of file diff --git a/docs/build/p-5502844d.entry.js b/docs/build/p-5502844d.entry.js deleted file mode 100644 index 6c24cfc7..00000000 --- a/docs/build/p-5502844d.entry.js +++ /dev/null @@ -1 +0,0 @@ -import{r as a,c as e,h as t,H as i,g as c}from"./p-3125ea46.js";import{g as r}from"./p-4230ce12.js";import{I as l}from"./p-c55f1634.js";import{T as o,C as s,S as n,I as p}from"./p-d625ad0c.js";const d=class{constructor(t){a(this,t),this.compact=!1,this.disabled=!1,this.disableDeselect=!1,this.icon=null,this.removable=!1,this.selected=!1,this.textRemove=o.remove,this.pickListClickHandler=a=>{this.disabled||this.disableDeselect&&this.selected||(this.shiftPressed=a.shiftKey,this.selected=!this.selected)},this.pickListKeyDownHandler=a=>{if(" "===a.key){if(a.preventDefault(),this.disableDeselect&&this.selected)return;this.selected=!this.selected}},this.removeClickHandler=()=>{this.calciteListItemRemove.emit()},this.calciteListItemChange=e(this,"calciteListItemChange",7),this.calciteListItemRemove=e(this,"calciteListItemRemove",7),this.calciteListItemPropsChange=e(this,"calciteListItemPropsChange",7),this.calciteListItemValueChange=e(this,"calciteListItemValueChange",7)}metadataWatchHandler(){this.calciteListItemPropsChange.emit()}selectedWatchHandler(){this.calciteListItemChange.emit({item:this.el,value:this.value,selected:this.selected,shiftPressed:this.shiftPressed}),this.shiftPressed=!1}textDescriptionWatchHandler(){this.calciteListItemPropsChange.emit()}textLabelWatchHandler(){this.calciteListItemPropsChange.emit()}valueWatchHandler(a,e){this.calciteListItemValueChange.emit({oldValue:e,newValue:a})}async toggleSelected(a){this.disabled||(this.selected="boolean"==typeof a?a:!this.selected)}async setFocus(){var a;null===(a=this.focusEl)||void 0===a||a.focus()}renderIcon(){const{compact:a,icon:e,selected:i}=this;return!e||a?null:t("span",{class:s.icon},t("calcite-icon",{scale:"s",icon:e===l.circle?p.circle:i?p.checked:p.unchecked}))}renderRemoveAction(){return this.removable?t("calcite-action",{scale:"s",class:s.remove,icon:p.remove,text:this.textRemove,onClick:this.removeClickHandler}):null}renderSecondaryAction(){return r(this.el,n.secondaryAction)||this.removable?t("div",{class:s.action},t("slot",{name:n.secondaryAction},this.renderRemoveAction())):null}render(){const a=this.textDescription&&!this.compact?t("span",{class:s.description},this.textDescription):null;return t(i,{role:"menuitemcheckbox","aria-checked":this.selected.toString()},t("label",{class:s.label,onClick:this.pickListClickHandler,onKeyDown:this.pickListKeyDownHandler,tabIndex:0,ref:a=>this.focusEl=a,"aria-label":this.textLabel},this.renderIcon(),t("div",{class:s.textContainer},t("span",{class:s.title},this.textLabel),a)),this.renderSecondaryAction())}get el(){return c(this)}static get watchers(){return{metadata:["metadataWatchHandler"],selected:["selectedWatchHandler"],textDescription:["textDescriptionWatchHandler"],textLabel:["textLabelWatchHandler"],value:["valueWatchHandler"]}}};d.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{-ms-flex-align:center;align-items:center;background-color:var(--calcite-app-background-clear);display:-ms-flexbox;display:flex;margin:0;color:var(--calcite-app-foreground);-webkit-transition:background-color var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);transition:background-color var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);-webkit-animation:calcite-app-fade-in var(--calcite-app-animation-time) var(--calcite-app-easing-function);animation:calcite-app-fade-in var(--calcite-app-animation-time) var(--calcite-app-easing-function)}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#007ac2;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}:host(:hover),:host(:focus){background-color:var(--calcite-app-background-hover)}.icon{color:var(--calcite-app-foreground-link);-ms-flex:0 0 0%;flex:0 0 0%;line-height:0;width:var(--calcite-app-icon-size);margin:0 var(--calcite-app-side-spacing-quarter);opacity:0}:host([selected]) .icon{-webkit-transition:opacity var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);transition:opacity var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);opacity:1}.label{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-half);-ms-flex-align:center;align-items:center;cursor:pointer}.label:focus{outline-offset:var(--calcite-app-outline-inset)}.text-container{display:-ms-flexbox;display:flex;-ms-flex-flow:column nowrap;flex-flow:column nowrap;overflow:hidden;pointer-events:none;padding:0 var(--calcite-app-side-spacing-quarter)}.title{font-size:var(--calcite-app-font-size-0);display:-webkit-box;overflow:hidden;white-space:pre-wrap;word-break:break-all;-webkit-line-clamp:2;-webkit-box-orient:vertical}.description{color:var(--calcite-app-foreground-subtle);font-family:var(--calcite-app-font-family-monospace);font-size:var(--calcite-app-font-size--1);margin-top:var(--calcite-app-cap-spacing-quarter);display:-webkit-box;overflow:hidden;white-space:pre-wrap;word-break:break-all;-webkit-line-clamp:2;-webkit-box-orient:vertical}.action{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;justify-self:flex-end;margin:var(--calcite-app-cap-spacing-quarter) var(--calcite-app-side-spacing-half)}";export{d as calcite_pick_list_item} \ No newline at end of file diff --git a/docs/build/p-584b9cb6.css b/docs/build/p-584b9cb6.css deleted file mode 100644 index dd5c0e45..00000000 --- a/docs/build/p-584b9cb6.css +++ /dev/null @@ -1 +0,0 @@ -:root{--calcite-app-animation-time:250ms;--calcite-app-animation-time-fast:calc(var(--calcite-app-animation-time) / 3);--calcite-app-animation-time-slow:calc(var(--calcite-app-animation-time) * 2);--calcite-app-easing-function:ease-in-out;--calcite-app-side-spacing:1rem;--calcite-app-cap-spacing:1rem;--calcite-app-side-spacing-three-quarters:calc(var(--calcite-app-side-spacing) * 3 / 4);--calcite-app-cap-spacing-three-quarters:calc(var(--calcite-app-cap-spacing) * 3 / 4);--calcite-app-side-spacing-half:calc(var(--calcite-app-side-spacing) / 2);--calcite-app-cap-spacing-half:calc(var(--calcite-app-cap-spacing) / 2);--calcite-app-side-spacing-third:calc(var(--calcite-app-side-spacing) / 3);--calcite-app-cap-spacing-third:calc(var(--calcite-app-cap-spacing) / 3);--calcite-app-side-spacing-quarter:calc(var(--calcite-app-side-spacing) / 4);--calcite-app-cap-spacing-quarter:calc(var(--calcite-app-cap-spacing) / 4);--calcite-app-side-spacing-eighth:calc(var(--calcite-app-side-spacing) / 8);--calcite-app-cap-spacing-eighth:calc(var(--calcite-app-cap-spacing) / 8);--calcite-app-cap-spacing-minimum:1px;--calcite-app-side-spacing-minimum:1px;--calcite-app-side-spacing-plus-half:calc(var(--calcite-app-side-spacing) * 1.5);--calcite-app-cap-spacing-plus-half:calc(var(--calcite-app-cap-spacing) * 1.5);--calcite-app-side-spacing-double:calc(var(--calcite-app-side-spacing) * 2);--calcite-app-cap-spacing-double:calc(var(--calcite-app-cap-spacing) * 2);--calcite-app-menu-min-width:10rem;--calcite-app-menu-offset:0px;--calcite-app-icon-size:1rem;--calcite-app-border-radius:3px;--calcite-app-header-min-height:calc(var(--calcite-app-cap-spacing) * 3);--calcite-app-footer-min-height:calc(var(--calcite-app-cap-spacing) * 3);--calcite-app-outline-inset:-6px;--calcite-app-line-height:1.4;--calcite-app-font-family:Avenir Next W01, Avenir Next W00, Avenir Next, Avenir, Helvetica Neue, sans-serif;--calcite-app-font-family-monospace:"Lucida Console", Monaco, monospace;--calcite-app-font-size-3:1.5rem;--calcite-app-font-size-2:1.125rem;--calcite-app-font-size-1:1rem;--calcite-app-font-size-0:0.875rem;--calcite-app-font-size--1:0.75rem;--calcite-app-font-weight:400;--calcite-app-font-weight-demi:600;--calcite-app-shadow-0:0 2px 4px rgba(0, 0, 0, 0.1);--calcite-app-shadow-1:0 0 8px 0 rgba(0, 0, 0, 0.08);--calcite-app-shadow-1-hover:0 0 16px 0 rgba(0, 0, 0, 0.08);--calcite-app-shadow-1--press:0 0 8px 0 rgba(0, 0, 0, 0.16);--calcite-app-shadow-2:0 0 16px 0 rgba(0, 0, 0, 0.16);--calcite-app-shadow-2-hover:0 0 32px 0 rgba(0, 0, 0, 0.16);--calcite-app-shadow-2-press:0 0 16px 0 rgba(0, 0, 0, 0.32);--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#007ac2;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}@-webkit-keyframes calcite-app-fade-in{0%{opacity:0}100%{opacity:1}}@keyframes calcite-app-fade-in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes calcite-app-fade-in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes calcite-app-fade-in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes calcite-app-fade-in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes calcite-app-fade-in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes calcite-app-fade-in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes calcite-app-fade-in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}} \ No newline at end of file diff --git a/docs/build/p-598b7fa2.system.js b/docs/build/p-598b7fa2.system.js new file mode 100644 index 00000000..989bbc2a --- /dev/null +++ b/docs/build/p-598b7fa2.system.js @@ -0,0 +1 @@ +System.register([],(function(t){"use strict";return{execute:function(){t({a:o,b:e,f:u,g:r});function e(t){return n(t,"dir","ltr")}function r(t){return n(t,"theme","light")}function n(t,e,r){var n=t.closest("["+e+"]");return n?n.getAttribute(e):r}function u(t){if(!t){return}"setFocus"in t&&typeof t.setFocus==="function"?t.setFocus():t.focus()}function o(t,e,r){var n='[slot="'+e+'"]';if(r===null||r===void 0?void 0:r.all){return i(t,n,r)}return l(t,n,r)}function i(t,e,r){var n=Array.from(t.querySelectorAll(e));n=r&&r.direct===false?n:n.filter((function(e){return e.parentElement===t}));var u=r===null||r===void 0?void 0:r.selector;return u?n.map((function(t){return t.querySelector(u)})).filter((function(t){return!!t})):n}function l(t,e,r){var n=t.querySelector(e);n=r&&r.direct===false?n:(n===null||n===void 0?void 0:n.parentElement)===t?n:null;var u=r===null||r===void 0?void 0:r.selector;return u?n.querySelector(u):n}}}})); \ No newline at end of file diff --git a/docs/build/p-5ae79dc1.entry.js b/docs/build/p-5ae79dc1.entry.js deleted file mode 100644 index 24d7c73d..00000000 --- a/docs/build/p-5ae79dc1.entry.js +++ /dev/null @@ -1 +0,0 @@ -import{r as a,h as e,H as c,g as i}from"./p-3125ea46.js";import{a as t,g as r}from"./p-4230ce12.js";import{c as p}from"./p-1a0cace4.js";import{C as o}from"./p-eb15fcdb.js";const n=class{constructor(e){a(this,e)}render(){const{el:a,textGroupTitle:i}=this,n="rtl"===t(a),l={"container--indented":null!==r(a,"parent-item"),[o.rtl]:n};return e(c,null,i?e("h3",{class:"heading"},i):null,e("slot",{name:"parent-item"}),e("section",{class:p("container",l)},e("slot",null)))}get el(){return i(this)}};n.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{background-color:var(--calcite-app-background-clear);display:block;margin-bottom:var(--calcite-app-cap-spacing-quarter)}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#007ac2;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}.header{margin:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;color:var(--calcite-app-foreground);fill:var(--calcite-app-foreground)}.heading{padding:0;margin:0;font-weight:var(--calcite-app-font-weight-demi)}.header .heading{-ms-flex:1 0 auto;flex:1 0 auto;padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-half)}h1.heading{font-size:var(--calcite-app-font-size-3)}h2.heading{font-size:var(--calcite-app-font-size-2)}h3.heading{font-size:var(--calcite-app-font-size-1)}h4.heading,h5.heading{font-size:var(--calcite-app-font-size-0)}:host(:last-child){margin-bottom:0}h3.heading{font-size:var(--calcite-app-font-size-0);margin:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing)}.container--indented{margin-left:var(--calcite-app-side-spacing-plus-half)}.calcite--rtl.container--indented{margin-left:0;margin-right:var(--calcite-app-side-spacing-plus-half)}";export{n as calcite_pick_list_group} \ No newline at end of file diff --git a/docs/build/p-5bb47292.system.entry.js b/docs/build/p-5bb47292.system.entry.js deleted file mode 100644 index 51be84df..00000000 --- a/docs/build/p-5bb47292.system.entry.js +++ /dev/null @@ -1 +0,0 @@ -System.register(["./p-8f7f5385.system.js","./p-3f6e7b0b.system.js","./p-9e77e74d.system.js","./p-ad079e5e.system.js","./p-b996c942.system.js"],(function(e){"use strict";var a,t,c,i,r,o,l,n,p,s;return{setters:[function(e){a=e.r;t=e.c;c=e.h;i=e.H;r=e.g},function(e){o=e.C},function(e){l=e.g;n=e.a},function(e){p=e.g},function(e){s=e.c}],execute:function(){var d={content:"content",headerContainer:"header-container",icon:"icon",toggle:"toggle",toggleIcon:"toggle-icon",title:"title",heading:"heading",header:"header",button:"button",summary:"summary",control:"control"};var g={collapse:"Collapse",expand:"Expand"};var f=':host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-direction:column;flex-direction:column;border-radius:var(--calcite-app-border-radius);margin:var(--calcite-app-cap-spacing-quarter) var(--calcite-app-side-spacing-quarter) 0;-webkit-box-shadow:0 -1px 0 var(--calcite-app-border) inset;box-shadow:0 -1px 0 var(--calcite-app-border) inset}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#007ac2;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}.header{margin:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;color:var(--calcite-app-foreground);fill:var(--calcite-app-foreground)}.heading{padding:0;margin:0;font-weight:var(--calcite-app-font-weight-demi)}.header .heading{-ms-flex:1 0 auto;flex:1 0 auto;padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-half)}h1.heading{font-size:var(--calcite-app-font-size-3)}h2.heading{font-size:var(--calcite-app-font-size-2)}h3.heading{font-size:var(--calcite-app-font-size-1)}h4.heading,h5.heading{font-size:var(--calcite-app-font-size-0)}.header{-ms-flex-positive:1;flex-grow:1;-ms-flex-pack:start;justify-content:flex-start}.header-container{display:grid;grid-template:auto/auto auto 1fr;grid-template-areas:"handle header control";-ms-flex-align:center;align-items:center}.header-container>.header{padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-three-quarters)}:host([disabled]){pointer-events:none;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;user-select:none}:host([disabled]) .header-container{opacity:var(--calcite-app-disabled-opacity)}calcite-loader[inline]{color:var(--calcite-app-foreground-subtle)}calcite-handle{grid-area:handle}.title{margin:0}.header .title .heading{padding:0 0 var(--calcite-app-cap-spacing-quarter)}.summary{font-size:var(--calcite-app-font-size--1);padding:0 0 var(--calcite-app-cap-spacing-quarter)}.toggle{grid-column:header-start/control-end;grid-row:1/2;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-positive:1;flex-grow:1;margin:0;padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-three-quarters);background-color:transparent;border:none;cursor:pointer;font-family:var(--calcite-app-font-family);text-align:unset;color:var(--calcite-app-foreground)}.toggle:focus{outline-offset:var(--calcite-app-outline-inset)}.icon{margin-right:var(--calcite-app-side-spacing-third)}.toggle-icon{fill:currentColor;-ms-flex:0 0 var(--calcite-app-icon-size);flex:0 0 var(--calcite-app-icon-size);margin:0 var(--calcite-app-side-spacing-half)}.content{padding:0 var(--calcite-app-side-spacing-three-quarters) var(--calcite-app-cap-spacing-half);position:relative}::slotted([slot=control]){grid-area:control;justify-self:end;margin:auto var(--calcite-app-side-spacing-three-quarters) auto auto}.calcite--rtl ::slotted([slot=control]){left:var(--calcite-app-side-spacing-three-quarters);right:unset}';var b=e("calcite_block",function(){function e(e){var c=this;a(this,e);this.collapsible=false;this.disabled=false;this.dragHandle=false;this.loading=false;this.open=false;this.onHeaderClick=function(){c.open=!c.open;c.calciteBlockToggle.emit()};this.calciteBlockToggle=t(this,"calciteBlockToggle",7)}e.prototype.render=function(){var e=this,a=e.collapsible,t=e.disabled,r=e.el,n=e.heading,p=e.intlCollapse,s=e.intlExpand,f=e.loading,b=e.open,u=e.summary,h=e.textCollapse,v=e.textExpand;var m=b?p||h||g.collapse:s||v||g.expand;var x=l(r,"icon");var y=c("header",{class:d.header},x?c("div",{class:d.icon},c("slot",{name:"icon"})):null,c("div",{class:d.title},c("h3",{class:d.heading},n),u?c("div",{class:d.summary},u):null));var k=c("div",{class:d.headerContainer},this.dragHandle?c("calcite-handle",null):null,a?c("button",{"aria-label":m,class:d.toggle,onClick:this.onHeaderClick,title:m},y):y,f?c("calcite-loader",{inline:true,"is-active":true}):c("slot",{name:"control"}));return c(i,{tabIndex:t?-1:null},c("article",{"aria-expanded":a?b.toString():null,"aria-busy":f},k,c("div",{class:d.content,hidden:!b},c(o,{loading:f,disabled:t},c("slot",null)))))};Object.defineProperty(e.prototype,"el",{get:function(){return r(this)},enumerable:true,configurable:true});return e}());b.style=f;var u={content:"content",toggle:"toggle",toggleSwitch:"toggle--switch"};var h={collapse:"Collapse",expand:"Expand"};var v={menuOpen:"caret-down",menuClosedLeft:"caret-left",menuClosedRight:"caret-right"};var m=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{border-bottom:1px solid var(--calcite-app-border);display:block}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#007ac2;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}:host(:last-child){border-bottom:none}.toggle--switch{cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin:var(--calcite-app-cap-spacing-quarter) 0;padding:var(--calcite-app-cap-spacing-half) 0;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;user-select:none}.toggle--switch calcite-switch{pointer-events:none;margin:var(--calcite-app-cap-spacing-third) 0 0 var(--calcite-app-side-spacing-half)}.calcite--rtl .toggle--switch calcite-switch{margin-left:0;margin-right:var(--calcite-app-side-spacing-half)}";var x=e("calcite_block_section",function(){function e(e){var c=this;a(this,e);this.open=false;this.toggleDisplay="button";this.guid="calcite-block-section-"+p();this.toggleSection=function(){c.open=!c.open;c.calciteBlockSectionToggle.emit()};this.calciteBlockSectionToggle=t(this,"calciteBlockSectionToggle",7)}e.prototype.handleHeaderLabelKeyDown=function(e){if(e.key===" "||e.key==="Enter"){e.preventDefault();e.stopPropagation();this.click()}};e.prototype.render=function(){var e=this,a=e.el,t=e.guid,i=e.intlCollapse,r=e.intlExpand,o=e.open,l=e.text,p=e.textCollapse,d=e.textExpand,g=e.toggleDisplay;var f=n(a);var b=o?v.menuOpen:f==="rtl"?v.menuClosedLeft:v.menuClosedRight;var m=o?i||p||h.collapse:r||d||h.expand;var x=t+"__label";var y=g==="switch"?c("label",{"aria-label":m,class:s(u.toggle,u.toggleSwitch),id:x,onKeyDown:this.handleHeaderLabelKeyDown,tabIndex:0},l,c("calcite-switch",{"aria-labelledby":x,switched:o,onChange:this.toggleSection,scale:"s",tabIndex:-1})):c("calcite-action",{"aria-label":m,class:u.toggle,onClick:this.toggleSection,text:l,textEnabled:true,compact:true,icon:b});return c("section",{"aria-expanded":o.toString()},y,c("div",{class:u.content,hidden:!o},c("slot",null)))};Object.defineProperty(e.prototype,"el",{get:function(){return r(this)},enumerable:true,configurable:true});return e}());x.style=m}}})); \ No newline at end of file diff --git a/docs/build/p-6011fcbf.system.entry.js b/docs/build/p-6011fcbf.system.entry.js new file mode 100644 index 00000000..6bd74df8 --- /dev/null +++ b/docs/build/p-6011fcbf.system.entry.js @@ -0,0 +1 @@ +var __awaiter=this&&this.__awaiter||function(e,t,a,n){function i(e){return e instanceof a?e:new a((function(t){t(e)}))}return new(a||(a=Promise))((function(a,r){function o(e){try{l(n.next(e))}catch(t){r(t)}}function c(e){try{l(n["throw"](e))}catch(t){r(t)}}function l(e){e.done?a(e.value):i(e.value).then(o,c)}l((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var a={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,i,r,o;return o={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function c(e){return function(t){return l([e,t])}}function l(o){if(n)throw new TypeError("Generator is already executing.");while(a)try{if(n=1,i&&(r=o[0]&2?i["return"]:o[0]?i["throw"]||((r=i["return"])&&r.call(i),0):i.next)&&!(r=r.call(i,o[1])).done)return r;if(i=0,r)o=[o[0]&2,r.value];switch(o[0]){case 0:case 1:r=o;break;case 4:a.label++;return{value:o[1],done:false};case 5:a.label++;i=o[1];o=[0];continue;case 7:o=a.ops.pop();a.trys.pop();continue;default:if(!(r=a.trys,r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){a=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]1;var n=e&&t>1;if(!n&&!a){return null}return t1;e.hidden=e!==r}))}if(o){o.menuOpen=false}a.flows=t;if(n!==i){var c=a.getFlowDirection(n,i);a.flowCount=i;a.flowDirection=c}};this.flowItemObserver=new MutationObserver(this.updateFlowProps)}e.prototype.back=function(){return __awaiter(this,void 0,void 0,(function(){var e,t;return __generator(this,(function(a){e=this.el.querySelector("calcite-flow-item:last-child");if(!e){return[2]}t=e.beforeBack?e.beforeBack:function(){return Promise.resolve()};return[2,t.call(e).then((function(){e.remove();return e}))]}))}))};e.prototype.connectedCallback=function(){this.flowItemObserver.observe(this.el,{childList:true,subtree:true});this.updateFlowProps()};e.prototype.componentDidUnload=function(){this.flowItemObserver.disconnect()};e.prototype.handleCalciteFlowItemBackClick=function(){this.back()};e.prototype.render=function(){var e;var t=this,i=t.flowDirection,r=t.flowCount;var o=(e={},e[f.frame]=true,e[f.frameAdvancing]=i==="advancing",e[f.frameRetreating]=i==="retreating",e);return a(n,null,a("div",{key:r,class:o},a("slot",null)))};Object.defineProperty(e.prototype,"el",{get:function(){return i(this)},enumerable:true,configurable:true});return e}());h.style=u;var b={header:"header-content",heading:"heading",summary:"summary",backButton:"back-button",footerActions:"footer-actions",headerActions:"header-actions",leadingActions:"leading-actions",singleActionContainer:"single-action-container",menuContainer:"menu-container",menuButton:"menu-button",menu:"menu",menuOpen:"menu--open",fabContainer:"fab-container"};var g={leadingActions:"leading-actions",menuActions:"menu-actions",fab:"fab",footerActions:"footer-actions"};var m={menu:"ellipsis",backLeft:"chevron-left",backRight:"chevron-right"};var v={back:"Back",open:"Open",close:"Close"};var y={container:"container",header:"header",headerLeadingContent:"header-leading-content",headerContent:"header-content",headerTrailingContent:"header-trailing-content",contentContainer:"content-container",fabContainer:"fab-container",footer:"footer"};var w={close:"x"};var x={headerContent:"header-content",headerLeadingContent:"header-leading-content",headerTrailingContent:"header-trailing-content",fab:"fab",footer:"footer"};var k={close:"Close"};var C=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{background-color:var(--calcite-app-background-content);display:-ms-flexbox;display:flex;height:100%;width:100%}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#00619b;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}calcite-panel{width:100%;height:100%}.leading-actions{display:-ms-flexbox;display:flex}.header-content{display:block}.header-content .heading{font-size:var(--calcite-app-font-size-1);font-weight:var(--calcite-app-font-weight-demi);margin:0 0 var(--calcite-app-cap-spacing-quarter)}.header-content .heading:only-child{margin-bottom:0}.header-content .summary{color:var(--calcite-app-foreground-subtle);font-size:var(--calcite-app-font-size--1)}.header-content .heading,.header-content .summary{padding:0;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.menu-button{-ms-flex-item-align:stretch;align-self:stretch;-ms-flex:0 1 auto;flex:0 1 auto;height:100%;position:relative}.header-actions,.single-action-container{display:-ms-flexbox;display:flex}.menu{position:absolute;top:100%;z-index:1;background-color:var(--calcite-app-background);-webkit-box-shadow:var(--calcite-app-shadow-0);box-shadow:var(--calcite-app-shadow-0);padding:0;left:auto;min-width:var(--calcite-app-menu-min-width);right:var(--calcite-app-menu-offset);visibility:visible;-ms-flex-flow:column nowrap;flex-flow:column nowrap;border:1px solid var(--calcite-app-border);-webkit-animation:calcite-app-fade-in-down var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);animation:calcite-app-fade-in-down var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);display:none}.calcite--rtl .menu{left:var(--calcite-app-menu-offset);right:auto}.menu--open{display:block}.footer-actions{display:-ms-flexbox;display:flex;width:100%}.fab-container{display:inline-block}";var A=["ArrowUp","ArrowDown"];var z=e("calcite_flow_item",function(){function e(e){var a=this;t(this,e);this.disabled=false;this.loading=false;this.menuOpen=false;this.showBackButton=false;this.toggleMenuOpen=function(){a.menuOpen=!a.menuOpen};this.backButtonClick=function(){a.calciteFlowItemBackClick.emit()};this.menuButtonKeyDown=function(e){var t=e.key;var n=a.menuOpen;if(!a.isValidKey(t,A)){return}var i=a.queryActions();var r=i.length;if(!r){return}e.preventDefault();if(!n){a.menuOpen=true}if(t==="ArrowUp"){var o=i[r-1];c(o)}if(t==="ArrowDown"){var l=i[0];c(l)}};this.menuActionsKeydown=function(e){var t=e.key,n=e.target;if(!a.isValidKey(t,A)){return}var i=a.queryActions();var r=i.length;var o=i.indexOf(n);if(!r||o===-1){return}e.preventDefault();if(t==="ArrowUp"){var l=d(o-1,r);var s=i[l];c(s)}if(t==="ArrowDown"){var l=d(o+1,r);var p=i[l];c(p)}};this.menuActionsContainerKeyDown=function(e){var t=e.key;if(t==="Escape"){a.menuOpen=false}};this.calciteFlowItemBackClick=r(this,"calciteFlowItemBackClick",7);this.calciteFlowItemScroll=r(this,"calciteFlowItemScroll",7)}e.prototype.handleCalcitePanelScroll=function(e){e.stopPropagation();this.calciteFlowItemScroll.emit()};e.prototype.queryActions=function(){return l(this.el,g.menuActions,{all:true})};e.prototype.isValidKey=function(e,t){return!!t.find((function(t){return t===e}))};e.prototype.renderBackButton=function(e){var t=this,n=t.showBackButton,i=t.intlBack,r=t.backButtonClick;var o=i||v.back;var c=e?m.backRight:m.backLeft;return n?a("calcite-action",{slot:x.headerLeadingContent,key:"back-button","aria-label":o,text:o,class:b.backButton,onClick:r,icon:c}):null};e.prototype.renderMenuButton=function(){var e=this,t=e.menuOpen,n=e.intlOpen,i=e.intlClose;var r=i||v.close;var o=n||v.open;var c=t?r:o;return a("calcite-action",{class:b.menuButton,"aria-label":c,text:c,onClick:this.toggleMenuOpen,onKeyDown:this.menuButtonKeyDown,icon:m.menu})};e.prototype.renderMenuActions=function(){var e;var t=this.menuOpen;return a("div",{class:(e={},e[b.menu]=true,e[b.menuOpen]=t,e),onKeyDown:this.menuActionsKeydown},a("slot",{name:g.menuActions}))};e.prototype.renderFooterActions=function(){var e=!!l(this.el,g.footerActions);return e?a("div",{slot:x.footer,class:b.footerActions},a("slot",{name:g.footerActions})):null};e.prototype.renderSingleActionContainer=function(){return a("div",{class:b.singleActionContainer},a("slot",{name:g.menuActions}))};e.prototype.renderMenuActionsContainer=function(){return a("div",{class:b.menuContainer,onKeyDown:this.menuActionsContainerKeyDown},this.renderMenuButton(),this.renderMenuActions())};e.prototype.renderHeaderLeadingContent=function(){var e=l(this.el,g.leadingActions);return e?a("div",{slot:x.headerLeadingContent,class:b.leadingActions},a("slot",{name:g.leadingActions})):null};e.prototype.renderHeaderActions=function(){var e=l(this.el,g.menuActions,{all:true});var t=e.length;var n=t===1?this.renderSingleActionContainer():t?this.renderMenuActionsContainer():null;return n?a("div",{slot:x.headerTrailingContent,class:b.headerActions},n):null};e.prototype.renderHeading=function(){var e=this.heading;return e?a("h2",{class:b.heading,slot:x.headerContent},e):null};e.prototype.renderSummary=function(){var e=this.summary;return e?a("span",{class:b.summary},e):null};e.prototype.renderHeader=function(){var e=this.renderHeading();var t=this.renderSummary();return e||t?a("div",{class:b.header,slot:x.headerContent},e,t):null};e.prototype.renderFab=function(){var e=l(this.el,g.fab);return e?a("div",{class:b.fabContainer,slot:x.fab},a("slot",{name:g.fab})):null};e.prototype.render=function(){var e=this.el;var t=s(e);return a(n,null,a("calcite-panel",{loading:this.loading,disabled:this.disabled,theme:p(e),"height-scale":this.heightScale,dir:t},this.renderBackButton(t==="rtl"),this.renderHeaderLeadingContent(),this.renderHeader(),this.renderHeaderActions(),a("slot",null),this.renderFooterActions(),this.renderFab()))};Object.defineProperty(e.prototype,"el",{get:function(){return i(this)},enumerable:true,configurable:true});return e}());z.style=C;var B=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:-ms-flexbox;display:flex;position:relative;--calcite-app-panel-max-height-small:40vh;--calcite-app-panel-max-height-medium:60vh;--calcite-app-panel-max-height-large:80vh;--calcite-app-panel-min-header-height:calc(var(--calcite-app-icon-size) * 3)}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#00619b;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}.header{margin:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;color:var(--calcite-app-foreground);fill:var(--calcite-app-foreground)}.heading{padding:0;margin:0;font-weight:var(--calcite-app-font-weight)}.header .heading{-ms-flex:1 0 auto;flex:1 0 auto;padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-half)}h1.heading{font-size:var(--calcite-app-font-size-3)}h2.heading{font-size:var(--calcite-app-font-size-2)}h3.heading{font-size:var(--calcite-app-font-size-1)}h4.heading,h5.heading{font-size:var(--calcite-app-font-size-0)}.container{-ms-flex-align:stretch;align-items:stretch;-webkit-transition:max-height var(--calcite-app-animation-time) var(--calcite-app-easing-function);transition:max-height var(--calcite-app-animation-time) var(--calcite-app-easing-function);width:100%;height:100%;padding:0;margin:0;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column}calcite-scrim{-ms-flex-align:stretch;align-items:stretch;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;pointer-events:none}:host([height-scale=s]) .container{max-height:var(--calcite-app-panel-max-height-small)}:host([height-scale=m]) .container{max-height:var(--calcite-app-panel-max-height-medium)}:host([height-scale=l]) .container{max-height:var(--calcite-app-panel-max-height-large)}.container[hidden]{display:none}:host([loading]) .container,:host([disabled]) .container{position:relative;z-index:1}.header{-ms-flex-align:stretch;align-items:stretch;display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-pack:start;justify-content:flex-start;min-height:var(--calcite-app-header-min-height);position:relative;z-index:2;border-bottom:1px solid var(--calcite-app-border);width:100%}.header-content{overflow:hidden;padding:var(--calcite-app-cap-spacing) var(--calcite-app-side-spacing)}.header-leading-content,.header-trailing-content{-ms-flex-align:stretch;align-items:stretch;display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap}.header-trailing-content{margin-left:auto}.header-leading-content+.header-content{padding-left:var(--calcite-app-side-spacing-half)}.content-container{-ms-flex-align:stretch;align-items:stretch;display:-ms-flexbox;display:flex;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-ms-flex:1 1 auto;flex:1 1 auto;background-color:var(--calcite-app-background-content);overflow:auto}.footer{border-top:1px solid var(--calcite-app-border);display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-pack:space-evenly;justify-content:space-evenly;min-height:var(--calcite-app-footer-min-height);padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-half)}.calcite--rtl .header-leading-content+.header-content{padding-right:var(--calcite-app-side-spacing-half)}.calcite--rtl .header-trailing-content{margin-left:0;margin-right:auto}.fab-container{position:-webkit-sticky;position:sticky;bottom:0;display:inline-block;margin:0 auto;padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-half);left:0;right:0}";var O=e("calcite_panel",function(){function e(e){var a=this;t(this,e);this.dismissed=false;this.disabled=false;this.dismissible=false;this.loading=false;this.panelKeyUpHandler=function(e){if(e.key==="Escape"){a.dismiss()}};this.dismiss=function(){a.dismissed=true};this.panelScrollHandler=function(){a.calcitePanelScroll.emit()};this.calcitePanelDismissedChange=r(this,"calcitePanelDismissedChange",7);this.calcitePanelScroll=r(this,"calcitePanelScroll",7)}e.prototype.dismissedHandler=function(){this.calcitePanelDismissedChange.emit()};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){var t,a;return __generator(this,(function(n){if(e==="dismiss-button"){(t=this.dismissButtonEl)===null||t===void 0?void 0:t.setFocus();return[2]}(a=this.containerEl)===null||a===void 0?void 0:a.focus();return[2]}))}))};e.prototype.renderHeaderLeadingContent=function(){var e=l(this.el,x.headerLeadingContent);return e?a("div",{key:"header-leading-content",class:y.headerLeadingContent},a("slot",{name:x.headerLeadingContent})):null};e.prototype.renderHeaderContent=function(){return a("div",{key:"header-content",class:y.headerContent},a("slot",{name:x.headerContent}))};e.prototype.renderHeaderTrailingContent=function(){var e=this;var t=this,n=t.dismiss,i=t.dismissible,r=t.intlClose;var o=r||k.close;var c=i?a("calcite-action",{ref:function(t){return e.dismissButtonEl=t},"aria-label":o,text:o,onClick:n,icon:w.close}):null;var l=a("slot",{name:x.headerTrailingContent});return a("div",{key:"header-trailing-content",class:y.headerTrailingContent},l,c)};e.prototype.renderHeader=function(){var e=this.renderHeaderLeadingContent();var t=this.renderHeaderContent();var n=this.renderHeaderTrailingContent();var i=t||e||n;return i?a("header",{class:y.header},e,t,n):null};e.prototype.renderFooter=function(){var e=this.el;var t=l(e,x.footer);return t?a("footer",{class:y.footer},a("slot",{name:x.footer})):null};e.prototype.renderContent=function(){return a("section",{tabIndex:0,class:y.contentContainer,onScroll:this.panelScrollHandler},a("slot",null),this.renderFab())};e.prototype.renderFab=function(){var e=l(this.el,x.fab);return e?a("div",{class:y.fabContainer},a("slot",{name:x.fab})):null};e.prototype.render=function(){var e;var t=this;var i=this,r=i.dismissed,c=i.disabled,l=i.dismissible,d=i.el,f=i.loading,u=i.panelKeyUpHandler;var h=s(d)==="rtl";var b=a("article",{"aria-busy":f.toString(),onKeyUp:u,tabIndex:l?0:-1,hidden:l&&r,ref:function(e){return t.containerEl=e},class:(e={},e[y.container]=true,e[o.rtl]=h,e)},this.renderHeader(),this.renderContent(),this.renderFooter());return a(n,null,f||c?a("calcite-scrim",{theme:p(d),loading:f},b):b)};Object.defineProperty(e.prototype,"el",{get:function(){return i(this)},enumerable:true,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{dismissed:["dismissedHandler"]}},enumerable:true,configurable:true});return e}());O.style=B}}})); \ No newline at end of file diff --git a/docs/build/p-6465cdbf.system.entry.js b/docs/build/p-6465cdbf.system.entry.js deleted file mode 100644 index 53f9412e..00000000 --- a/docs/build/p-6465cdbf.system.entry.js +++ /dev/null @@ -1 +0,0 @@ -System.register(["./p-8f7f5385.system.js","./p-e99ac265.system.js"],(function(a){"use strict";var e,t,i,c,r,n,p;return{setters:[function(a){e=a.r;t=a.c;i=a.h;c=a.H;r=a.g},function(a){n=a.d;p=a.f}],execute:function(){var o={searchIcon:"search-icon",clearButton:"clear-button"};var l={filterLabel:"filter",clear:"Clear filter"};var s={search:"search",close:"x"};var f=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:-ms-flexbox;display:flex;padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-half);width:100%}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#007ac2;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}label{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;margin:0 var(--calcite-app-side-spacing-quarter);overflow:hidden;position:relative;width:100%}input[type=text]{background-color:transparent;border:0;font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);margin-bottom:calc(var(--calcite-app-cap-spacing-minimum) * 2);padding:var(--calcite-app-cap-spacing-quarter) var(--calcite-app-side-spacing-quarter) var(--calcite-app-cap-spacing-quarter) var(--calcite-app-side-spacing-plus-half);-webkit-transition:padding var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), -webkit-box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);transition:padding var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), -webkit-box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);transition:padding var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);transition:padding var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), -webkit-box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);width:100%}input[type=text]::-ms-clear{display:none}input[type=text]:focus{border-color:var(--calcite-app-foreground-active);-webkit-box-shadow:0 calc(var(--calcite-app-cap-spacing-minimum) * 2) 0 var(--calcite-app-foreground-active);box-shadow:0 calc(var(--calcite-app-cap-spacing-minimum) * 2) 0 var(--calcite-app-foreground-active);outline:none;padding-left:var(--calcite-app-side-spacing-quarter);padding-right:var(--calcite-app-side-spacing-quarter)}.search-icon{color:var(--calcite-app-foreground-subtle);display:-ms-flexbox;display:flex;left:0;position:absolute;-webkit-transition:left var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), opacity var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);transition:left var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), opacity var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function)}.clear-button{color:var(--calcite-app-foreground);background:none;border:0;cursor:pointer}.clear-button:hover,.clear-button:focus{color:var(--calcite-app-foreground-hover)}.calcite--rtl input[type=text]{padding-left:var(--calcite-app-side-spacing-quarter);padding-right:var(--calcite-app-side-spacing-plus-half)}.calcite--rtl .search-icon{left:unset;right:0}input[type=text]:focus~.search-icon{left:calc(var(--calcite-app-icon-size) * -1);opacity:0}";var u=250;var d=a("calcite_filter",function(){function a(a){var i=this;e(this,a);this.empty=true;this.filter=n((function(a){var e=new RegExp(a,"ig");if(i.data.length===0){console.warn("No data was passed to calcite-filter.\n The data property expects an array of objects");i.calciteFilterChange.emit([]);return}var t=function(a,e){var i=false;p(a,(function(a){if(typeof a==="function"){return}if(Array.isArray(a)||typeof a==="object"&&a!==null){if(t(a,e)){i=true}}else if(e.test(a)){i=true}}));return i};var c=i.data.filter((function(a){return t(a,e)}));i.calciteFilterChange.emit(c)}),u);this.inputHandler=function(a){var e=a.target;i.empty=e.value==="";i.filter(e.value)};this.clear=function(){i.textInput.value="";i.empty=true;i.calciteFilterChange.emit(i.data)};this.calciteFilterChange=t(this,"calciteFilterChange",7)}a.prototype.render=function(){var a=this;return i(c,null,i("label",null,i("input",{type:"text",value:"",placeholder:this.placeholder||this.textPlaceholder,onInput:this.inputHandler,"aria-label":this.intlLabel||this.textLabel||l.filterLabel,ref:function(e){a.textInput=e}}),i("div",{class:o.searchIcon},i("calcite-icon",{scale:"s",icon:s.search}))),!this.empty?i("button",{onClick:this.clear,class:o.clearButton,"aria-label":this.intlClear||l.clear},i("calcite-icon",{icon:s.close})):null)};Object.defineProperty(a.prototype,"el",{get:function(){return r(this)},enumerable:true,configurable:true});return a}());d.style=f}}})); \ No newline at end of file diff --git a/docs/build/p-68defa3d.system.entry.js b/docs/build/p-68defa3d.system.entry.js new file mode 100644 index 00000000..284c39e8 --- /dev/null +++ b/docs/build/p-68defa3d.system.entry.js @@ -0,0 +1 @@ +System.register(["./p-c0bbf908.system.js","./p-58a8921b.system.js","./p-598b7fa2.system.js","./p-ad079e5e.system.js"],(function(e){"use strict";var a,t,i,c,r,o,n,l,p,s;return{setters:[function(e){a=e.r;t=e.c;i=e.h;c=e.H;r=e.g},function(e){o=e.C},function(e){n=e.g;l=e.a;p=e.b},function(e){s=e.g}],execute:function(){var d={content:"content",headerContainer:"header-container",icon:"icon",toggle:"toggle",toggleIcon:"toggle-icon",title:"title",heading:"heading",header:"header",button:"button",summary:"summary",controlContainer:"control-container"};var g={collapse:"Collapse",expand:"Expand"};var f={icon:"icon",control:"control"};var b=':host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-direction:column;flex-direction:column;padding:0;border-top:1px solid var(--calcite-app-border);-webkit-transition:margin var(--calcite-app-animation-time) ease-in-out;transition:margin var(--calcite-app-animation-time) ease-in-out;--calcite-app-block-header-min-height:2.5rem}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#00619b;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}.header{margin:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;color:var(--calcite-app-foreground);fill:var(--calcite-app-foreground)}.heading{padding:0;margin:0;font-weight:var(--calcite-app-font-weight)}.header .heading{-ms-flex:1 0 auto;flex:1 0 auto;padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-half)}h1.heading{font-size:var(--calcite-app-font-size-3)}h2.heading{font-size:var(--calcite-app-font-size-2)}h3.heading{font-size:var(--calcite-app-font-size-1)}h4.heading,h5.heading{font-size:var(--calcite-app-font-size-0)}.header{-ms-flex-pack:start;justify-content:flex-start;padding:0}.header,.toggle{grid-area:header}.header-container{display:grid;grid-template:auto/auto 1fr auto;grid-template-areas:"handle header control";grid-column:header-start/control-end;grid-row:1/2;-ms-flex-align:stretch;align-items:stretch}.header-container>.header{padding:var(--calcite-app-cap-spacing-three-quarters) 0}.toggle{line-height:var(--calcite-app-line-height);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;margin:0;padding:var(--calcite-app-cap-spacing-three-quarters) 0;background-color:transparent;border:none;cursor:pointer;font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);text-align:unset;color:var(--calcite-app-foreground);outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset var(--calcite-app-animation-time-fast) ease-in-out, outline-color var(--calcite-app-animation-time-fast) ease-in-out;transition:outline-offset var(--calcite-app-animation-time-fast) ease-in-out, outline-color var(--calcite-app-animation-time-fast) ease-in-out}.toggle:focus{outline:2px solid var(--calcite-ui-blue-1);outline-offset:-2px}calcite-loader[inline]{color:var(--calcite-app-foreground-subtle);grid-area:control;align-self:center}calcite-handle{grid-area:handle}.title{margin:0;padding:0 var(--calcite-app-side-spacing-three-quarters)}.header .title .heading{padding:0;font-size:var(--calcite-app-font-size-0);word-break:break-all}.summary{color:var(--calcite-app-foreground-subtle);font-size:var(--calcite-app-font-size--1);padding:0;line-height:var(--calcite-app-line-height);word-break:break-all}.icon{margin-left:var(--calcite-app-side-spacing-three-quarters)}.toggle-icon{fill:currentColor;-ms-flex:0 0 var(--calcite-app-icon-size);flex:0 0 var(--calcite-app-icon-size);margin:0 var(--calcite-app-side-spacing) 0 0}.content{padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-half);position:relative}.control-container{grid-area:control;display:-ms-flexbox;display:flex;margin:0}calcite-scrim{pointer-events:none}.calcite--rtl .icon{margin-left:0;margin-right:var(--calcite-app-side-spacing-three-quarters)}:host([open]){margin-top:var(--calcite-app-cap-spacing-quarter);margin-bottom:var(--calcite-app-cap-spacing-quarter)}:host([open]) .header-container{border-bottom:1px solid var(--calcite-app-border)}:host([disabled]){pointer-events:none;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;user-select:none}:host([disabled]) .header-container{opacity:var(--calcite-app-disabled-opacity)}:host([collapsible]) .header-container:hover{background-color:var(--calcite-app-background-hover-opacity)}:host([drag-handle]) .title{padding-left:var(--calcite-app-side-spacing-quarter)}:host([drag-handle]) .icon{margin-left:0;margin-right:var(--calcite-app-side-spacing-half)}:host([drag-handle]) .calcite--rtl .title{padding-left:0;padding-right:var(--calcite-app-side-spacing-quarter)}:host([drag-handle]) .calcite--rtl .icon{margin-right:0;margin-left:var(--calcite-app-side-spacing-quarter)}';var h=e("calcite_block",function(){function e(e){var i=this;a(this,e);this.collapsible=false;this.disabled=false;this.dragHandle=false;this.loading=false;this.open=false;this.onHeaderClick=function(){i.open=!i.open;i.calciteBlockToggle.emit()};this.calciteBlockToggle=t(this,"calciteBlockToggle",7)}e.prototype.renderScrim=function(){var e=this,a=e.disabled,t=e.loading,c=e.el;var r=i("slot",null);return t||a?i("calcite-scrim",{theme:n(c),loading:t},r):r};e.prototype.render=function(){var e=this,a=e.collapsible,t=e.disabled,r=e.el,n=e.heading,s=e.intlCollapse,b=e.intlExpand,h=e.loading,u=e.open,v=e.summary;var m=u?s||g.collapse:b||g.expand;var x=l(r,f.icon);var k=i("header",{class:d.header},x?i("div",{class:d.icon},i("slot",{name:f.icon})):null,i("div",{class:d.title},i("h3",{class:d.heading},n),v?i("div",{class:d.summary},v):null));var y=l(r,f.control);var w=i("div",{class:d.headerContainer},this.dragHandle?i("calcite-handle",null):null,a?i("button",{"aria-label":m,class:d.toggle,onClick:this.onHeaderClick,title:m},k):k,h?i("calcite-loader",{inline:true,"is-active":true}):y?i("div",{class:d.controlContainer},i("slot",{name:f.control})):null);var z=p(r)==="rtl";return i(c,{tabIndex:t?-1:null},i("article",{"aria-expanded":a?u.toString():null,"aria-busy":h.toString(),class:z?o.rtl:null},w,i("div",{class:d.content,hidden:!u},this.renderScrim())))};Object.defineProperty(e.prototype,"el",{get:function(){return r(this)},enumerable:true,configurable:true});return e}());h.style=b;var u={content:"content",toggle:"toggle",toggleSwitch:"toggle--switch"};var v={collapse:"Collapse",expand:"Expand"};var m={menuOpen:"chevron-down",menuClosedLeft:"chevron-left",menuClosedRight:"chevron-right"};var x=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{border-bottom:1px solid var(--calcite-app-border);display:block}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#00619b;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}:host(:last-child){border-bottom:none}.toggle--switch{cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin:var(--calcite-app-cap-spacing-quarter) 0;padding:var(--calcite-app-cap-spacing-half) 0;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;user-select:none}.toggle--switch calcite-switch{pointer-events:none;margin:var(--calcite-app-cap-spacing-third) 0 0 var(--calcite-app-side-spacing-half)}.calcite--rtl .toggle--switch calcite-switch{margin-left:0;margin-right:var(--calcite-app-side-spacing-half)}";var k=e("calcite_block_section",function(){function e(e){var i=this;a(this,e);this.open=false;this.toggleDisplay="button";this.guid="calcite-block-section-"+s();this.toggleSection=function(){i.open=!i.open;i.calciteBlockSectionToggle.emit()};this.calciteBlockSectionToggle=t(this,"calciteBlockSectionToggle",7)}e.prototype.handleHeaderLabelKeyDown=function(e){if(e.key===" "||e.key==="Enter"){e.preventDefault();e.stopPropagation();this.click()}};e.prototype.render=function(){var e;var a=this,t=a.el,c=a.guid,r=a.intlCollapse,n=a.intlExpand,l=a.open,s=a.text,d=a.toggleDisplay;var g=p(t);var f=l?m.menuOpen:g==="rtl"?m.menuClosedLeft:m.menuClosedRight;var b=l?r||v.collapse:n||v.expand;var h=c+"__label";var x=d==="switch"?i("label",{"aria-label":b,class:(e={},e[u.toggle]=true,e[u.toggleSwitch]=true,e),id:h,onKeyDown:this.handleHeaderLabelKeyDown,tabIndex:0},s,i("calcite-switch",{"aria-labelledby":h,switched:l,onChange:this.toggleSection,scale:"s",tabIndex:-1})):i("calcite-action",{"aria-label":b,class:u.toggle,onClick:this.toggleSection,text:s,textEnabled:true,compact:true,icon:f});return i("section",{"aria-expanded":l.toString(),class:g?o.rtl:null},x,i("div",{class:u.content,hidden:!l},i("slot",null)))};Object.defineProperty(e.prototype,"el",{get:function(){return r(this)},enumerable:true,configurable:true});return e}());k.style=x}}})); \ No newline at end of file diff --git a/docs/build/p-69eb47b4.entry.js b/docs/build/p-69eb47b4.entry.js deleted file mode 100644 index 083ed151..00000000 --- a/docs/build/p-69eb47b4.entry.js +++ /dev/null @@ -1 +0,0 @@ -import{r as t,c as e,h as a,g as i}from"./p-3125ea46.js";import"./p-d5e1fdd7.js";import"./p-4230ce12.js";import{a as c}from"./p-2a6389bf.js";import"./p-cf80779e.js";import"./p-c55f1634.js";import"./p-bdefc18b.js";import{m as s,d as r,s as o,h as l,g as p,k as n,i as h,a as d,c as b,b as f,e as u,f as g,j as m,L as v}from"./p-b0571ffe.js";import{S as k}from"./p-14b00fa9.js";var x;!function(t){t.grip="grip"}(x||(x={}));const y=class{constructor(a){t(this,a),this.compact=!1,this.disabled=!1,this.dragEnabled=!1,this.filterEnabled=!1,this.loading=!1,this.multiple=!1,this.textFilterPlaceholder="Filter results",this.selectedValues=new Map,this.dataForFilter=[],this.lastSelectedItem=null,this.guid=`calcite-value-list-${c()}`,this.observer=new MutationObserver(s.bind(this)),this.sortables=[],this.deselectSiblingItems=r.bind(this),this.selectSiblings=o.bind(this),this.handleFilter=l.bind(this),this.getItemData=p.bind(this),this.keyDownHandler=t=>{const e=t.composedPath().find(t=>{var e;return null===(e=t.dataset)||void 0===e?void 0:e.jsHandle}),a=t.composedPath().find(t=>{var e;return"calcite-value-list-item"===(null===(e=t.tagName)||void 0===e?void 0:e.toLowerCase())});if(!e||!a.handleActivated)return void n.call(this,t);const i=this.items.length-1,c=a.value,s=this.items.findIndex(t=>t.value===c);let r,o=!1;switch(t.key){case"ArrowUp":t.preventDefault(),0===s?o=!0:r=s-1;break;case"ArrowDown":t.preventDefault(),s===i?r=0:s===i-1?o=!0:r=s+2;break;default:return}o?a.parentElement.appendChild(a):a.parentElement.insertBefore(a,this.items[r]),e.focus(),a.handleActivated=!0},this.calciteListChange=e(this,"calciteListChange",7),this.calciteListOrderChange=e(this,"calciteListOrderChange",7)}connectedCallback(){h.call(this),d.call(this)}componentDidLoad(){this.setUpDragAndDrop()}componentDidUnload(){b.call(this),this.cleanUpDragAndDrop()}calciteListItemChangeHandler(t){f.call(this,t)}calciteListItemPropsChangeHandler(t){t.stopPropagation(),this.setUpFilter()}calciteListItemValueChangeHandler(t){u.call(this,t)}setUpItems(){g.call(this,"calcite-value-list-item")}setUpFilter(){this.filterEnabled&&(this.dataForFilter=this.getItemData())}setUpDragAndDrop(){this.dragEnabled&&this.sortables.push(k.create(this.el,{group:this.guid,handle:".handle",draggable:"calcite-value-list-item",onUpdate:()=>{this.items=Array.from(this.el.querySelectorAll("calcite-value-list-item"));const t=this.items.map(t=>t.value);this.calciteListOrderChange.emit(t)}}))}cleanUpDragAndDrop(){this.dragEnabled&&(this.sortables.forEach(t=>{t.destroy()}),this.sortables=[])}async getSelectedItems(){return this.selectedValues}async setFocus(){return m.call(this)}getIconType(){let t=null;return this.dragEnabled&&(t=x.grip),t}render(){return a(v,{props:this,onKeyDown:this.keyDownHandler})}get el(){return i(this)}};y.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{-ms-flex-align:stretch;align-items:stretch;background-color:var(--calcite-app-background-clear);display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-flow:column;flex-flow:column;position:relative}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#007ac2;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}header{background-color:var(--calcite-app-background);display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center;margin-bottom:var(--calcite-app-cap-spacing-quarter);-webkit-box-shadow:0 -1px 0 var(--calcite-app-border) inset;box-shadow:0 -1px 0 var(--calcite-app-border) inset}header.sticky{position:-webkit-sticky;position:sticky;top:0;z-index:1}calcite-filter{margin-bottom:1px}slot[name=menu-actions]::slotted(calcite-action){padding:0 var(--calcite-app-side-spacing-half)}";export{y as calcite_value_list} \ No newline at end of file diff --git a/docs/build/p-6ce68392.system.entry.js b/docs/build/p-6ce68392.system.entry.js new file mode 100644 index 00000000..24d9a3b5 --- /dev/null +++ b/docs/build/p-6ce68392.system.entry.js @@ -0,0 +1 @@ +var __awaiter=this&&this.__awaiter||function(e,a,t,i){function n(e){return e instanceof t?e:new t((function(a){a(e)}))}return new(t||(t=Promise))((function(t,r){function o(e){try{l(i.next(e))}catch(a){r(a)}}function c(e){try{l(i["throw"](e))}catch(a){r(a)}}function l(e){e.done?t(e.value):n(e.value).then(o,c)}l((i=i.apply(e,a||[])).next())}))};var __generator=this&&this.__generator||function(e,a){var t={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},i,n,r,o;return o={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function c(e){return function(a){return l([e,a])}}function l(o){if(i)throw new TypeError("Generator is already executing.");while(t)try{if(i=1,n&&(r=o[0]&2?n["return"]:o[0]?n["throw"]||((r=n["return"])&&r.call(n),0):n.next)&&!(r=r.call(n,o[1])).done)return r;if(n=0,r)o=[o[0]&2,r.value];switch(o[0]){case 0:case 1:r=o;break;case 4:t.label++;return{value:o[1],done:false};case 5:t.label++;n=o[1];o=[0];continue;case 7:o=t.ops.pop();t.trys.pop();continue;default:if(!(r=t.trys,r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){t=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]1?i("footer",{class:b.pagination},i("calcite-action",{text:d,onClick:this.previousClicked,class:b.pagePrevious,icon:e==="ltr"?v.chevronLeft:v.chevronRight}),i("span",{class:b.pagePosition},f+" "+(t+1)+"/"+r),i("calcite-action",{text:s,onClick:this.nextClicked,class:b.pageNext,icon:e==="ltr"?v.chevronRight:v.chevronLeft})):null};e.prototype.render=function(){var e;var a=this,t=a.closed,r=a.direction,o=a.groupTitle,c=a.selectedIndex,l=a.intlClose,p=a.total;var s=l||m.close;if(p===0){return i(n,null)}return i(n,null,i("section",{class:b.container,hidden:t,"aria-hidden":t.toString(),tabIndex:0,onKeyUp:this.tipManagerKeyUpHandler,ref:this.storeContainerRef},i("header",{class:b.header},i("h2",{key:c,class:b.heading},o),i("calcite-action",{text:s,onClick:this.hideTipManager,class:b.close,icon:v.close})),i("div",{tabIndex:0,class:(e={},e[b.tipContainer]=true,e[b.tipContainerAdvancing]=!t&&r==="advancing",e[b.tipContainerRetreating]=!t&&r==="retreating",e),key:c},i("slot",null)),this.renderPagination()))};Object.defineProperty(e.prototype,"el",{get:function(){return r(this)},enumerable:true,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{closed:["closedChangeHandler"],selectedIndex:["selectedChangeHandler"]}},enumerable:true,configurable:true});return e}());k.style=x}}})); \ No newline at end of file diff --git a/docs/build/p-39c07544.entry.js b/docs/build/p-6d376593.entry.js similarity index 51% rename from docs/build/p-39c07544.entry.js rename to docs/build/p-6d376593.entry.js index 02653106..e660fc21 100644 --- a/docs/build/p-39c07544.entry.js +++ b/docs/build/p-6d376593.entry.js @@ -1 +1 @@ -import{r as a,c as e,h as c,g as t}from"./p-3125ea46.js";const r=class{constructor(c){a(this,c),this.activated=!1,this.textTitle="handle",this.handleKeyDown=a=>{switch(a.key){case" ":this.activated=!this.activated;break;case"ArrowUp":case"ArrowDown":if(!this.activated)return;const e=a.key.toLowerCase().replace("arrow","");this.calciteHandleNudge.emit({handle:this.el,direction:e})}},this.handleBlur=()=>{this.activated=!1},this.calciteHandleNudge=e(this,"calciteHandleNudge",7)}async setFocus(){this.handleButton.focus()}render(){return c("span",{role:"button",tabindex:"0","aria-pressed":this.activated.toString(),class:{handle:!0,"handle--activated":this.activated},onKeyDown:this.handleKeyDown,onBlur:this.handleBlur,title:this.textTitle,ref:a=>{this.handleButton=a}},c("calcite-icon",{scale:"s",icon:"drag"}))}get el(){return t(this)}};r.style=":host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#007ac2;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}:host{display:inline-block}.handle{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-item-align:stretch;align-self:stretch;-ms-flex-pack:center;justify-content:center;margin-bottom:var(--calcite-app-cap-spacing-minimum);padding:var(--calcite-app-cap-spacing-three-quarters) var(--calcite-app-side-spacing-half);background-color:var(--calcite-app-background);border:none;color:var(--calcite-app-foreground-subtle);line-height:0;cursor:move}.handle:focus{outline-offset:var(--calcite-app-outline-inset)}.handle:focus{outline-offset:var(--calcite-app-outline-inset)}.handle--activated{background-color:var(--calcite-app-background-active);color:var(--calcite-app-foreground-active)}";export{r as calcite_handle} \ No newline at end of file +import{r as a,c as e,h as t,g as c}from"./p-9d0aa6e4.js";const r=class{constructor(t){a(this,t),this.activated=!1,this.textTitle="handle",this.handleKeyDown=a=>{switch(a.key){case" ":this.activated=!this.activated;break;case"ArrowUp":case"ArrowDown":if(!this.activated)return;const e=a.key.toLowerCase().replace("arrow","");this.calciteHandleNudge.emit({handle:this.el,direction:e})}},this.handleBlur=()=>{this.activated=!1},this.calciteHandleNudge=e(this,"calciteHandleNudge",7)}async setFocus(){this.handleButton.focus()}render(){return t("span",{role:"button",tabindex:"0","aria-pressed":this.activated.toString(),class:{handle:!0,"handle--activated":this.activated},onKeyDown:this.handleKeyDown,onBlur:this.handleBlur,title:this.textTitle,ref:a=>{this.handleButton=a}},t("calcite-icon",{scale:"s",icon:"drag"}))}get el(){return c(this)}};r.style=":host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#00619b;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}:host{display:-ms-flexbox;display:flex}.handle{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-item-align:stretch;align-self:stretch;-ms-flex-pack:center;justify-content:center;padding:var(--calcite-app-cap-spacing-three-quarters) var(--calcite-app-side-spacing-quarter);background-color:var(--calcite-app-background);background-color:transparent;border:none;color:var(--calcite-app-border);line-height:0;cursor:move;outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset var(--calcite-app-animation-time-fast) ease-in-out, outline-color var(--calcite-app-animation-time-fast) ease-in-out;transition:outline-offset var(--calcite-app-animation-time-fast) ease-in-out, outline-color var(--calcite-app-animation-time-fast) ease-in-out}.handle:hover{background-color:var(--calcite-app-background-hover);color:var(--calcite-app-foreground)}.handle:focus{color:var(--calcite-app-foreground);outline:2px solid var(--calcite-ui-blue-1);outline-offset:-2px}.handle--activated{background-color:var(--calcite-app-background-active);color:var(--calcite-app-foreground-active)}";export{r as calcite_handle} \ No newline at end of file diff --git a/docs/build/p-75bb5238.system.entry.js b/docs/build/p-75bb5238.system.entry.js new file mode 100644 index 00000000..30da5e56 --- /dev/null +++ b/docs/build/p-75bb5238.system.entry.js @@ -0,0 +1 @@ +var __awaiter=this&&this.__awaiter||function(e,t,a,i){function c(e){return e instanceof a?e:new a((function(t){t(e)}))}return new(a||(a=Promise))((function(a,n){function r(e){try{l(i.next(e))}catch(t){n(t)}}function o(e){try{l(i["throw"](e))}catch(t){n(t)}}function l(e){e.done?a(e.value):c(e.value).then(r,o)}l((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var a={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},i,c,n,r;return r={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function o(e){return function(t){return l([e,t])}}function l(r){if(i)throw new TypeError("Generator is already executing.");while(a)try{if(i=1,c&&(n=r[0]&2?c["return"]:r[0]?c["throw"]||((n=c["return"])&&n.call(c),0):c.next)&&!(n=n.call(c,r[1])).done)return n;if(c=0,n)r=[r[0]&2,n.value];switch(r[0]){case 0:case 1:n=r;break;case 4:a.label++;return{value:r[1],done:false};case 5:a.label++;c=r[1];r=[0];continue;case 7:r=a.ops.pop();a.trys.pop();continue;default:if(!(n=a.trys,n=n.length>0&&n[n.length-1])&&(r[0]===6||r[0]===2)){a=0;continue}if(r[0]===3&&(!n||r[1]>n[0]&&r[1]{this.open=!this.open,this.calciteBlockToggle.emit()},this.calciteBlockToggle=e(this,"calciteBlockToggle",7)}render(){const{collapsible:a,disabled:e,el:i,heading:o,intlCollapse:n,intlExpand:p,loading:s,open:d,summary:g,textCollapse:f,textExpand:b}=this,h=d?n||f||"Collapse":p||b||"Expand",u=l(i,"icon"),v=t("header",{class:"header"},u?t("div",{class:"icon"},t("slot",{name:"icon"})):null,t("div",{class:"title"},t("h3",{class:"heading"},o),g?t("div",{class:"summary"},g):null)),m=t("div",{class:"header-container"},this.dragHandle?t("calcite-handle",null):null,a?t("button",{"aria-label":h,class:"toggle",onClick:this.onHeaderClick,title:h},v):v,s?t("calcite-loader",{inline:!0,"is-active":!0}):t("slot",{name:"control"}));return t(c,{tabIndex:e?-1:null},t("article",{"aria-expanded":a?d.toString():null,"aria-busy":s},m,t("div",{class:"content",hidden:!d},t(r,{loading:s,disabled:e},t("slot",null)))))}get el(){return i(this)}};s.style=':host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-direction:column;flex-direction:column;border-radius:var(--calcite-app-border-radius);margin:var(--calcite-app-cap-spacing-quarter) var(--calcite-app-side-spacing-quarter) 0;-webkit-box-shadow:0 -1px 0 var(--calcite-app-border) inset;box-shadow:0 -1px 0 var(--calcite-app-border) inset}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#007ac2;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}.header{margin:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;color:var(--calcite-app-foreground);fill:var(--calcite-app-foreground)}.heading{padding:0;margin:0;font-weight:var(--calcite-app-font-weight-demi)}.header .heading{-ms-flex:1 0 auto;flex:1 0 auto;padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-half)}h1.heading{font-size:var(--calcite-app-font-size-3)}h2.heading{font-size:var(--calcite-app-font-size-2)}h3.heading{font-size:var(--calcite-app-font-size-1)}h4.heading,h5.heading{font-size:var(--calcite-app-font-size-0)}.header{-ms-flex-positive:1;flex-grow:1;-ms-flex-pack:start;justify-content:flex-start}.header-container{display:grid;grid-template:auto/auto auto 1fr;grid-template-areas:"handle header control";-ms-flex-align:center;align-items:center}.header-container>.header{padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-three-quarters)}:host([disabled]){pointer-events:none;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;user-select:none}:host([disabled]) .header-container{opacity:var(--calcite-app-disabled-opacity)}calcite-loader[inline]{color:var(--calcite-app-foreground-subtle)}calcite-handle{grid-area:handle}.title{margin:0}.header .title .heading{padding:0 0 var(--calcite-app-cap-spacing-quarter)}.summary{font-size:var(--calcite-app-font-size--1);padding:0 0 var(--calcite-app-cap-spacing-quarter)}.toggle{grid-column:header-start/control-end;grid-row:1/2;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-positive:1;flex-grow:1;margin:0;padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-three-quarters);background-color:transparent;border:none;cursor:pointer;font-family:var(--calcite-app-font-family);text-align:unset;color:var(--calcite-app-foreground)}.toggle:focus{outline-offset:var(--calcite-app-outline-inset)}.icon{margin-right:var(--calcite-app-side-spacing-third)}.toggle-icon{fill:currentColor;-ms-flex:0 0 var(--calcite-app-icon-size);flex:0 0 var(--calcite-app-icon-size);margin:0 var(--calcite-app-side-spacing-half)}.content{padding:0 var(--calcite-app-side-spacing-three-quarters) var(--calcite-app-cap-spacing-half);position:relative}::slotted([slot=control]){grid-area:control;justify-self:end;margin:auto var(--calcite-app-side-spacing-three-quarters) auto auto}.calcite--rtl ::slotted([slot=control]){left:var(--calcite-app-side-spacing-three-quarters);right:unset}';const d=class{constructor(t){a(this,t),this.open=!1,this.toggleDisplay="button",this.guid=`calcite-block-section-${n()}`,this.toggleSection=()=>{this.open=!this.open,this.calciteBlockSectionToggle.emit()},this.calciteBlockSectionToggle=e(this,"calciteBlockSectionToggle",7)}handleHeaderLabelKeyDown(a){" "!==a.key&&"Enter"!==a.key||(a.preventDefault(),a.stopPropagation(),this.click())}render(){const{el:a,guid:e,intlCollapse:c,intlExpand:i,open:r,text:l,textCollapse:n,textExpand:s,toggleDisplay:d}=this,g=o(a),f=r?"caret-down":"rtl"===g?"caret-left":"caret-right",b=r?c||n||"Collapse":i||s||"Expand",h=`${e}__label`,u="switch"===d?t("label",{"aria-label":b,class:p("toggle","toggle--switch"),id:h,onKeyDown:this.handleHeaderLabelKeyDown,tabIndex:0},l,t("calcite-switch",{"aria-labelledby":h,switched:r,onChange:this.toggleSection,scale:"s",tabIndex:-1})):t("calcite-action",{"aria-label":b,class:"toggle",onClick:this.toggleSection,text:l,textEnabled:!0,compact:!0,icon:f});return t("section",{"aria-expanded":r.toString()},u,t("div",{class:"content",hidden:!r},t("slot",null)))}get el(){return i(this)}};d.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{border-bottom:1px solid var(--calcite-app-border);display:block}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#007ac2;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}:host(:last-child){border-bottom:none}.toggle--switch{cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin:var(--calcite-app-cap-spacing-quarter) 0;padding:var(--calcite-app-cap-spacing-half) 0;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;user-select:none}.toggle--switch calcite-switch{pointer-events:none;margin:var(--calcite-app-cap-spacing-third) 0 0 var(--calcite-app-side-spacing-half)}.calcite--rtl .toggle--switch calcite-switch{margin-left:0;margin-right:var(--calcite-app-side-spacing-half)}";export{s as calcite_block,d as calcite_block_section} \ No newline at end of file diff --git a/docs/build/p-783e3e13.system.entry.js b/docs/build/p-783e3e13.system.entry.js deleted file mode 100644 index 4cd7da56..00000000 --- a/docs/build/p-783e3e13.system.entry.js +++ /dev/null @@ -1 +0,0 @@ -var __awaiter=this&&this.__awaiter||function(a,t,e,i){function o(a){return a instanceof e?a:new e((function(t){t(a)}))}return new(e||(e=Promise))((function(e,c){function n(a){try{l(i.next(a))}catch(t){c(t)}}function r(a){try{l(i["throw"](a))}catch(t){c(t)}}function l(a){a.done?e(a.value):o(a.value).then(n,r)}l((i=i.apply(a,t||[])).next())}))};var __generator=this&&this.__generator||function(a,t){var e={label:0,sent:function(){if(c[0]&1)throw c[1];return c[1]},trys:[],ops:[]},i,o,c,n;return n={next:r(0),throw:r(1),return:r(2)},typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function r(a){return function(t){return l([a,t])}}function l(n){if(i)throw new TypeError("Generator is already executing.");while(e)try{if(i=1,o&&(c=n[0]&2?o["return"]:n[0]?o["throw"]||((c=o["return"])&&c.call(o),0):o.next)&&!(c=c.call(o,n[1])).done)return c;if(o=0,c)n=[n[0]&2,c.value];switch(n[0]){case 0:case 1:c=n;break;case 4:e.label++;return{value:n[1],done:false};case 5:e.label++;o=n[1];n=[0];continue;case 7:n=e.ops.pop();e.trys.pop();continue;default:if(!(c=e.trys,c=c.length>0&&c[c.length-1])&&(n[0]===6||n[0]===2)){e=0;continue}if(n[0]===3&&(!c||n[1]>c[0]&&n[1]0&&c[c.length-1])&&(n[0]===6||n[0]===2)){e=0;continue}if(n[0]===3&&(!c||n[1]>c[0]&&n[1]{this.dismissed=!0,this.calciteTipDismiss.emit()},this.calciteTipDismiss=e(this,"calciteTipDismiss",7)}renderHeader(){const{nonDismissible:a,hideTip:e,intlClose:i,textClose:c,heading:n}=this,r=a?null:t("calcite-action",{text:i||c||"Close",onClick:e,class:"close",icon:"x"}),o=n?t("h3",{class:"heading"},n):null;return r||o?t("header",{class:"header"},o,r):null}renderImageFrame(){const{el:a}=this;return n(a,"thumbnail")?t("div",{class:"image-frame"},t("slot",{name:"thumbnail"})):null}renderInfoNode(){return t("div",{class:"info"},t("slot",null))}renderContent(){return t("div",{class:"content"},this.renderImageFrame(),this.renderInfoNode())}render(){return t(i,null,t("article",{class:"container",hidden:this.dismissed},this.renderHeader(),this.renderContent()))}get el(){return c(this)}};p.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{position:relative;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;background-color:var(--calcite-app-background-clear)}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#007ac2;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}.header{margin:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;color:var(--calcite-app-foreground);fill:var(--calcite-app-foreground)}.heading{padding:0;margin:0;font-weight:var(--calcite-app-font-weight-demi)}.header .heading{-ms-flex:1 0 auto;flex:1 0 auto;padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-half)}h1.heading{font-size:var(--calcite-app-font-size-3)}h2.heading{font-size:var(--calcite-app-font-size-2)}h3.heading{font-size:var(--calcite-app-font-size-1)}h4.heading,h5.heading{font-size:var(--calcite-app-font-size-0)}.container{background-color:var(--calcite-app-background);padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing) var(--calcite-app-cap-spacing);margin:var(--calcite-app-cap-spacing) var(--calcite-app-side-spacing);-webkit-box-shadow:var(--calcite-app-shadow-2);box-shadow:var(--calcite-app-shadow-2);border-radius:var(--calcite-app-border-radius)}:host([selected]) .container{-webkit-box-shadow:none;box-shadow:none;margin:0;padding:0}.header{-ms-flex-pack:end;justify-content:flex-end}.header .heading{padding-left:0;padding-right:0}.container[hidden]{display:none}.content{display:-ms-flexbox;display:flex;padding-top:var(--calcite-app-cap-spacing-half)}.info{padding:0 var(--calcite-app-side-spacing);width:70%}.info:only-child{width:100%;padding-left:0;padding-right:0}::slotted(p){margin-top:0}::slotted(a){color:var(--calcite-app-foreground-link)}.image-frame{width:25%}.image-frame img{max-width:100%}::slotted(img){max-width:100%}";const l=class{constructor(e){a(this,e)}render(){return t("slot",null)}};l.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#007ac2;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}::slotted(calcite-tip){max-width:540px;padding:0 var(--calcite-app-side-spacing-half)}";const s=class{constructor(t){a(this,t),this.closed=!1,this.observer=new MutationObserver(()=>this.setUpTips()),this.hideTipManager=()=>{this.closed=!0,this.calciteTipManagerToggle.emit()},this.previousClicked=()=>{this.previousTip()},this.nextClicked=()=>{this.nextTip()},this.tipManagerKeyUpHandler=a=>{if(a.target===this.container)switch(a.key){case"ArrowRight":a.preventDefault(),this.nextTip();break;case"ArrowLeft":a.preventDefault(),this.previousTip();break;case"Home":a.preventDefault(),this.selectedIndex=0;break;case"End":a.preventDefault(),this.selectedIndex=this.total-1}},this.storeContainerRef=a=>{this.container=a},this.calciteTipManagerToggle=e(this,"calciteTipManagerToggle",7)}closedChangeHandler(){this.direction=null,this.calciteTipManagerToggle.emit()}selectedChangeHandler(){this.showSelectedTip(),this.updateGroupTitle()}connectedCallback(){this.setUpTips(),this.observer.observe(this.el,{childList:!0,subtree:!0})}componentDidUnload(){this.observer.disconnect()}async nextTip(){this.direction="advancing",this.selectedIndex=(this.selectedIndex+1+this.total)%this.total}async previousTip(){this.direction="retreating",this.selectedIndex=(this.selectedIndex-1+this.total)%this.total}setUpTips(){const a=Array.from(this.el.querySelectorAll("calcite-tip"));if(this.total=a.length,0===this.total)return;const e=this.el.querySelector("calcite-tip[selected]");this.tips=a,this.selectedIndex=e?a.indexOf(e):0,a.forEach(a=>{a.nonDismissible=!0}),this.showSelectedTip(),this.updateGroupTitle()}showSelectedTip(){this.tips.forEach((a,e)=>{const t=this.selectedIndex===e;a.selected=t,a.hidden=!t})}updateGroupTitle(){const a=this.tips[this.selectedIndex].closest("calcite-tip-group");this.groupTitle=(null==a?void 0:a.textGroupTitle)||this.intlDefaultTitle||this.textDefaultTitle||"Tips"}renderPagination(){const a=r(this.el),{selectedIndex:e,tips:i,total:c,intlNext:n,textNext:o,intlPrevious:p,textPrevious:l,intlPaginationLabel:s,textPaginationLabel:d}=this,f=n||o||"Next",h=s||d||"Tip";return i.length>1?t("footer",{class:"pagination"},t("calcite-action",{text:p||l||"Previous",onClick:this.previousClicked,class:"page-previous",icon:"ltr"===a?"chevron-left":"chevron-right"}),t("span",{class:"page-position"},`${h} ${e+1}/${c}`),t("calcite-action",{text:f,onClick:this.nextClicked,class:"page-next",icon:"ltr"===a?"chevron-right":"chevron-left"})):null}render(){const{closed:a,direction:e,groupTitle:c,selectedIndex:n,intlClose:r,textClose:p,total:l}=this,s=r||p||"Close";return 0===l?t(i,null):t(i,null,t("div",{class:"container",hidden:a,"aria-hidden":a.toString(),tabIndex:0,onKeyUp:this.tipManagerKeyUpHandler,ref:this.storeContainerRef},t("header",{class:"header"},t("h2",{key:n,class:"heading"},c),t("calcite-action",{text:s,onClick:this.hideTipManager,class:"close",icon:"x"})),t("div",{tabIndex:0,class:o("tip-container",{"tip-container--advancing":!a&&"advancing"===e,"tip-container--retreating":!a&&"retreating"===e}),key:n},t("slot",null)),this.renderPagination()))}get el(){return c(this)}static get watchers(){return{closed:["closedChangeHandler"],selectedIndex:["selectedChangeHandler"]}}};s.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}@-webkit-keyframes tip-advance{0%{opacity:0;-webkit-transform:translate3d(50px, 0, 0) scale(0.99);transform:translate3d(50px, 0, 0) scale(0.99)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0) scale(1);transform:translate3d(0, 0, 0) scale(1)}}@keyframes tip-advance{0%{opacity:0;-webkit-transform:translate3d(50px, 0, 0) scale(0.99);transform:translate3d(50px, 0, 0) scale(0.99)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0) scale(1);transform:translate3d(0, 0, 0) scale(1)}}@-webkit-keyframes tip-retreat{0%{opacity:0;-webkit-transform:translate3d(-50px, 0, 0) scale(0.99);transform:translate3d(-50px, 0, 0) scale(0.99)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0) scale(1);transform:translate3d(0, 0, 0) scale(1)}}@keyframes tip-retreat{0%{opacity:0;-webkit-transform:translate3d(-50px, 0, 0) scale(0.99);transform:translate3d(-50px, 0, 0) scale(0.99)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0) scale(1);transform:translate3d(0, 0, 0) scale(1)}}:host{display:block}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#007ac2;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}.header{margin:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;color:var(--calcite-app-foreground);fill:var(--calcite-app-foreground)}.heading{padding:0;margin:0;font-weight:var(--calcite-app-font-weight-demi)}.header .heading{-ms-flex:1 0 auto;flex:1 0 auto;padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-half)}h1.heading{font-size:var(--calcite-app-font-size-3)}h2.heading{font-size:var(--calcite-app-font-size-2)}h3.heading{font-size:var(--calcite-app-font-size-1)}h4.heading,h5.heading{font-size:var(--calcite-app-font-size-0)}:host([closed]){display:none}.header .heading{padding-left:var(--calcite-app-side-spacing-half);padding-right:var(--calcite-app-side-spacing-half)}.container{overflow:hidden;position:relative;padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-half) 0;min-height:150px}.tip-container{-webkit-animation-name:none;animation-name:none;-webkit-animation-duration:var(--calcite-app-animation-time);animation-duration:var(--calcite-app-animation-time);-webkit-animation-timing-function:var(--calcite-app-easing-function);animation-timing-function:var(--calcite-app-easing-function);height:18vh;overflow:auto;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:start;align-items:flex-start}::slotted(calcite-tip-group){max-width:540px;padding:0 var(--calcite-app-side-spacing-half)}::slotted(calcite-tip){max-width:540px;padding:0 var(--calcite-app-side-spacing-half)}.tip-container--advancing{-webkit-animation-name:tip-advance;animation-name:tip-advance}.tip-container--retreating{-webkit-animation-name:tip-retreat;animation-name:tip-retreat}.pagination{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:var(--calcite-app-cap-spacing-quarter) 0}.page-position{font-size:var(--calcite-app-font-size--1);margin:0 var(--calcite-app-side-spacing-half)}";export{p as calcite_tip,l as calcite_tip_group,s as calcite_tip_manager} \ No newline at end of file diff --git a/docs/build/p-81319f6a.system.entry.js b/docs/build/p-81319f6a.system.entry.js deleted file mode 100644 index 0f92452c..00000000 --- a/docs/build/p-81319f6a.system.entry.js +++ /dev/null @@ -1 +0,0 @@ -var __awaiter=this&&this.__awaiter||function(e,t,a,i){function r(e){return e instanceof a?e:new a((function(t){t(e)}))}return new(a||(a=Promise))((function(a,n){function o(e){try{l(i.next(e))}catch(t){n(t)}}function c(e){try{l(i["throw"](e))}catch(t){n(t)}}function l(e){e.done?a(e.value):r(e.value).then(o,c)}l((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var a={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},i,r,n,o;return o={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function c(e){return function(t){return l([e,t])}}function l(o){if(i)throw new TypeError("Generator is already executing.");while(a)try{if(i=1,r&&(n=o[0]&2?r["return"]:o[0]?r["throw"]||((n=r["return"])&&n.call(r),0):r.next)&&!(n=n.call(r,o[1])).done)return n;if(r=0,n)o=[o[0]&2,n.value];switch(o[0]){case 0:case 1:n=o;break;case 4:a.label++;return{value:o[1],done:false};case 5:a.label++;r=o[1];o=[0];continue;case 7:o=a.ops.pop();a.trys.pop();continue;default:if(!(n=a.trys,n=n.length>0&&n[n.length-1])&&(o[0]===6||o[0]===2)){a=0;continue}if(o[0]===3&&(!n||o[1]>n[0]&&o[1]0&&n[n.length-1])&&(i[0]===6||i[0]===2)){a=0;continue}if(i[0]===3&&(!n||i[1]>n[0]&&i[1]{const i=new RegExp(a,"ig");if(0===this.data.length)return console.warn("No data was passed to calcite-filter.\n The data property expects an array of objects"),void this.calciteFilterChange.emit([]);const t=(a,i)=>{let e=!1;return o(a,a=>{"function"!=typeof a&&(Array.isArray(a)||"object"==typeof a&&null!==a?t(a,i)&&(e=!0):i.test(a)&&(e=!0))}),e},e=this.data.filter(a=>t(a,i));this.calciteFilterChange.emit(e)},250),this.inputHandler=a=>{const i=a.target;this.empty=""===i.value,this.filter(i.value)},this.clear=()=>{this.textInput.value="",this.empty=!0,this.calciteFilterChange.emit(this.data)},this.calciteFilterChange=i(this,"calciteFilterChange",7)}render(){const a="rtl"===r(this.el);return t(e,null,t("label",{class:a?p.rtl:null},t("input",{type:"text",value:"",placeholder:this.placeholder,onInput:this.inputHandler,"aria-label":this.intlLabel||"filter",ref:a=>{this.textInput=a}}),t("div",{class:"search-icon"},t("calcite-icon",{scale:"s",icon:"search"}))),this.empty?null:t("button",{onClick:this.clear,class:"clear-button","aria-label":this.intlClear||"Clear filter"},t("calcite-icon",{icon:"x"})))}get el(){return c(this)}};l.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:-ms-flexbox;display:flex;padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-half);width:100%}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#00619b;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}label{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;margin:0 var(--calcite-app-side-spacing-quarter);overflow:hidden;position:relative;width:100%}input[type=text]{background-color:transparent;border:0;font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);margin-bottom:calc(var(--calcite-app-cap-spacing-minimum) * 2);padding:var(--calcite-app-cap-spacing-quarter) var(--calcite-app-side-spacing-quarter) var(--calcite-app-cap-spacing-quarter) var(--calcite-app-side-spacing-plus-half);-webkit-transition:padding var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), -webkit-box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);transition:padding var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), -webkit-box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);transition:padding var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);transition:padding var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), -webkit-box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);width:100%}input[type=text]::-ms-clear{display:none}.search-icon{color:var(--calcite-app-foreground-subtle);display:-ms-flexbox;display:flex;left:0;position:absolute;-webkit-transition:left var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), right var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), opacity var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);transition:left var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), right var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), opacity var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function)}.calcite--rtl .search-icon{left:unset;right:0}input[type=text]:focus{border-color:var(--calcite-app-foreground-active);-webkit-box-shadow:0 calc(var(--calcite-app-cap-spacing-minimum) * 2) 0 var(--calcite-app-foreground-active);box-shadow:0 calc(var(--calcite-app-cap-spacing-minimum) * 2) 0 var(--calcite-app-foreground-active);outline:none;padding-left:var(--calcite-app-side-spacing-quarter);padding-right:var(--calcite-app-side-spacing-quarter)}input[type=text]:focus~.search-icon{left:calc(var(--calcite-app-icon-size) * -1);opacity:0}.calcite--rtl input[type=text]{padding-left:var(--calcite-app-side-spacing-quarter);padding-right:var(--calcite-app-side-spacing-plus-half)}.calcite--rtl input[type=text]:focus{padding-right:var(--calcite-app-side-spacing-plus-quarter)}.calcite--rtl input[type=text]:focus~.search-icon{right:calc(var(--calcite-app-icon-size) * -1)}.clear-button{color:var(--calcite-app-foreground);background:none;border:0;cursor:pointer}.clear-button:hover,.clear-button:focus{color:var(--calcite-app-foreground-hover)}";export{l as calcite_filter} \ No newline at end of file diff --git a/docs/build/p-8f27b3e5.system.entry.js b/docs/build/p-8f27b3e5.system.entry.js new file mode 100644 index 00000000..5730b3a9 --- /dev/null +++ b/docs/build/p-8f27b3e5.system.entry.js @@ -0,0 +1 @@ +System.register(["./p-c0bbf908.system.js","./p-58a8921b.system.js","./p-598b7fa2.system.js","./p-e99ac265.system.js"],(function(a){"use strict";var t,e,i,c,r,n,p,l,o;return{setters:[function(a){t=a.r;e=a.c;i=a.h;c=a.H;r=a.g},function(a){n=a.C},function(a){p=a.b},function(a){l=a.d;o=a.f}],execute:function(){var s={searchIcon:"search-icon",clearButton:"clear-button"};var f={filterLabel:"filter",clear:"Clear filter"};var u={search:"search",close:"x"};var d=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:-ms-flexbox;display:flex;padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-half);width:100%}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#00619b;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}label{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;margin:0 var(--calcite-app-side-spacing-quarter);overflow:hidden;position:relative;width:100%}input[type=text]{background-color:transparent;border:0;font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);margin-bottom:calc(var(--calcite-app-cap-spacing-minimum) * 2);padding:var(--calcite-app-cap-spacing-quarter) var(--calcite-app-side-spacing-quarter) var(--calcite-app-cap-spacing-quarter) var(--calcite-app-side-spacing-plus-half);-webkit-transition:padding var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), -webkit-box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);transition:padding var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), -webkit-box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);transition:padding var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);transition:padding var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), -webkit-box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);width:100%}input[type=text]::-ms-clear{display:none}.search-icon{color:var(--calcite-app-foreground-subtle);display:-ms-flexbox;display:flex;left:0;position:absolute;-webkit-transition:left var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), right var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), opacity var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);transition:left var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), right var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), opacity var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function)}.calcite--rtl .search-icon{left:unset;right:0}input[type=text]:focus{border-color:var(--calcite-app-foreground-active);-webkit-box-shadow:0 calc(var(--calcite-app-cap-spacing-minimum) * 2) 0 var(--calcite-app-foreground-active);box-shadow:0 calc(var(--calcite-app-cap-spacing-minimum) * 2) 0 var(--calcite-app-foreground-active);outline:none;padding-left:var(--calcite-app-side-spacing-quarter);padding-right:var(--calcite-app-side-spacing-quarter)}input[type=text]:focus~.search-icon{left:calc(var(--calcite-app-icon-size) * -1);opacity:0}.calcite--rtl input[type=text]{padding-left:var(--calcite-app-side-spacing-quarter);padding-right:var(--calcite-app-side-spacing-plus-half)}.calcite--rtl input[type=text]:focus{padding-right:var(--calcite-app-side-spacing-plus-quarter)}.calcite--rtl input[type=text]:focus~.search-icon{right:calc(var(--calcite-app-icon-size) * -1)}.clear-button{color:var(--calcite-app-foreground);background:none;border:0;cursor:pointer}.clear-button:hover,.clear-button:focus{color:var(--calcite-app-foreground-hover)}";var b=250;var g=a("calcite_filter",function(){function a(a){var i=this;t(this,a);this.empty=true;this.filter=l((function(a){var t=new RegExp(a,"ig");if(i.data.length===0){console.warn("No data was passed to calcite-filter.\n The data property expects an array of objects");i.calciteFilterChange.emit([]);return}var e=function(a,t){var i=false;o(a,(function(a){if(typeof a==="function"){return}if(Array.isArray(a)||typeof a==="object"&&a!==null){if(e(a,t)){i=true}}else if(t.test(a)){i=true}}));return i};var c=i.data.filter((function(a){return e(a,t)}));i.calciteFilterChange.emit(c)}),b);this.inputHandler=function(a){var t=a.target;i.empty=t.value==="";i.filter(t.value)};this.clear=function(){i.textInput.value="";i.empty=true;i.calciteFilterChange.emit(i.data)};this.calciteFilterChange=e(this,"calciteFilterChange",7)}a.prototype.render=function(){var a=this;var t=p(this.el)==="rtl";return i(c,null,i("label",{class:t?n.rtl:null},i("input",{type:"text",value:"",placeholder:this.placeholder,onInput:this.inputHandler,"aria-label":this.intlLabel||f.filterLabel,ref:function(t){a.textInput=t}}),i("div",{class:s.searchIcon},i("calcite-icon",{scale:"s",icon:u.search}))),!this.empty?i("button",{onClick:this.clear,class:s.clearButton,"aria-label":this.intlClear||f.clear},i("calcite-icon",{icon:u.close})):null)};Object.defineProperty(a.prototype,"el",{get:function(){return r(this)},enumerable:true,configurable:true});return a}());g.style=d}}})); \ No newline at end of file diff --git a/docs/build/p-8f7f5385.system.js b/docs/build/p-8f7f5385.system.js deleted file mode 100644 index 48eb07f4..00000000 --- a/docs/build/p-8f7f5385.system.js +++ /dev/null @@ -1 +0,0 @@ -var __extends=this&&this.__extends||function(){var e=function(r,t){e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,r){e.__proto__=r}||function(e,r){for(var t in r)if(r.hasOwnProperty(t))e[t]=r[t]};return e(r,t)};return function(r,t){e(r,t);function n(){this.constructor=r}r.prototype=t===null?Object.create(t):(n.prototype=t.prototype,new n)}}();var __awaiter=this&&this.__awaiter||function(e,r,t,n){function a(e){return e instanceof t?e:new t((function(r){r(e)}))}return new(t||(t=Promise))((function(t,i){function s(e){try{l(n.next(e))}catch(r){i(r)}}function o(e){try{l(n["throw"](e))}catch(r){i(r)}}function l(e){e.done?t(e.value):a(e.value).then(s,o)}l((n=n.apply(e,r||[])).next())}))};var __generator=this&&this.__generator||function(e,r){var t={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},n,a,i,s;return s={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(e){return function(r){return l([e,r])}}function l(s){if(n)throw new TypeError("Generator is already executing.");while(t)try{if(n=1,a&&(i=s[0]&2?a["return"]:s[0]?a["throw"]||((i=a["return"])&&i.call(a),0):a.next)&&!(i=i.call(a,s[1])).done)return i;if(a=0,i)s=[s[0]&2,i.value];switch(s[0]){case 0:case 1:i=s;break;case 4:t.label++;return{value:s[1],done:false};case 5:t.label++;a=s[1];s=[0];continue;case 7:s=t.ops.pop();t.trys.pop();continue;default:if(!(i=t.trys,i=i.length>0&&i[i.length-1])&&(s[0]===6||s[0]===2)){t=0;continue}if(s[0]===3&&(!i||s[1]>i[0]&&s[1]-1}();var g=function(e){return Promise.resolve(e)};var y=function(){try{new CSSStyleSheet;return true}catch(e){}return false}();var b=function(e,r,t,n){if(t){t.map((function(t){var n=t[0],a=t[1],i=t[2];var s=e;var o=w(r,i);var l=N(n);p.ael(s,a,o,l);(r.$rmListeners$=r.$rmListeners$||[]).push((function(){return p.rel(s,a,o,l)}))}))}};var w=function(e,r){return function(t){{if(e.$flags$&256){e.$lazyInstance$[r](t)}else{(e.$queuedListeners$=e.$queuedListeners$||[]).push([r,t])}}}};var N=function(e){return(e&2)!==0};var R="{visibility:hidden}.hydrated{visibility:inherit}";var _="http://www.w3.org/1999/xlink";var S=function(e,r){if(r===void 0){r=""}{return function(){return}}};var x=function(e,r){{return function(){return}}};var k=new WeakMap;var C=function(e,r,t){var n=Ge.get(e);if(y&&t){n=n||new CSSStyleSheet;n.replace(r)}else{n=r}Ge.set(e,n)};var L=function(e,r,t,n){var a=j(r.$tagName$);var i=Ge.get(a);e=e.nodeType===11?e:h;if(i){if(typeof i==="string"){e=e.head||e;var s=k.get(e);var o=void 0;if(!s){k.set(e,s=new Set)}if(!s.has(a)){{if(p.$cssShim$){o=p.$cssShim$.createHostStyle(n,a,i,!!(r.$flags$&10));var l=o["s-sc"];if(l){a=l;s=null}}else{o=h.createElement("style");o.innerHTML=i}e.insertBefore(o,e.querySelector("link"))}if(s){s.add(a)}}}else if(!e.adoptedStyleSheets.includes(i)){e.adoptedStyleSheets=__spreadArrays(e.adoptedStyleSheets,[i])}}return a};var T=function(e){var r=e.$cmpMeta$;var t=e.$hostElement$;var n=r.$flags$;var a=S("attachStyles",r.$tagName$);var i=L(m&&t.shadowRoot?t.shadowRoot:t.getRootNode(),r,e.$modeName$,t);if(n&10){t["s-sc"]=i;t.classList.add(i+"-h")}a()};var j=function(e,r){return"sc-"+e};var E={};var P=function(e){return e!=null};var A=function(e){e=typeof e;return e==="object"||e==="function"};var M=function(e){return"__sc_import_"+e.replace(/\s|-/g,"_")};var O=e("h",(function(e,r){var t=[];for(var n=2;n0){c.$children$=f}{c.$key$=i}{c.$name$=s}return c}));var I=function(e,r){var t={$flags$:0,$tag$:e,$text$:r,$elm$:null,$children$:null};{t.$attrs$=null}{t.$key$=null}{t.$name$=null}return t};var U=e("H",{});var B=function(e){return e&&e.$tag$===U};var z={forEach:function(e,r){return e.map(q).forEach(r)},map:function(e,r){return e.map(q).map(r).map(H)}};var q=function(e){return{vattrs:e.$attrs$,vchildren:e.$children$,vkey:e.$key$,vname:e.$name$,vtag:e.$tag$,vtext:e.$text$}};var H=function(e){var r=I(e.vtag,e.vtext);r.$attrs$=e.vattrs;r.$children$=e.vchildren;r.$key$=e.vkey;r.$name$=e.vname;return r};var V=function(e,r,t,n,a,i){if(t!==n){var s=ze(e,r);var o=r.toLowerCase();if(r==="class"){var l=e.classList;var f=W(t);var $=W(n);l.remove.apply(l,f.filter((function(e){return e&&!$.includes(e)})));l.add.apply(l,$.filter((function(e){return e&&!f.includes(e)})))}else if(r==="style"){{for(var u in t){if(!n||n[u]==null){if(u.includes("-")){e.style.removeProperty(u)}else{e.style[u]=""}}}}for(var u in n){if(!t||n[u]!==t[u]){if(u.includes("-")){e.style.setProperty(u,n[u])}else{e.style[u]=n[u]}}}}else if(r==="key");else if(r==="ref"){if(n){n(e)}}else if(!s&&r[0]==="o"&&r[1]==="n"){if(r[2]==="-"){r=r.slice(3)}else if(ze(v,o)){r=o.slice(2)}else{r=o[2]+r.slice(3)}if(t){p.rel(e,r,t,false)}if(n){p.ael(e,r,n,false)}}else{var c=A(n);if((s||c&&n!==null)&&!a){try{if(!e.tagName.includes("-")){var d=n==null?"":n;if(r==="list"){s=false}else if(t==null||e[r]!=d){e[r]=d}}else{e[r]=n}}catch(m){}}var h=false;{if(o!==(o=o.replace(/^xlink\:?/,""))){r=o;h=true}}if(n==null||n===false){if(h){e.removeAttributeNS(_,r)}else{e.removeAttribute(r)}}else if((!s||i&4||a)&&!c){n=n===true?"":n;if(h){e.setAttributeNS(_,r,n)}else{e.setAttribute(r,n)}}}}};var G=/\s/;var W=function(e){return!e?[]:e.split(G)};var D=function(e,r,t,n){var a=r.$elm$.nodeType===11&&r.$elm$.host?r.$elm$.host:r.$elm$;var i=e&&e.$attrs$||E;var s=r.$attrs$||E;{for(n in i){if(!(n in s)){V(a,n,i[n],undefined,t,r.$flags$)}}}for(n in s){V(a,n,i[n],s[n],t,r.$flags$)}};var F=function(e,r,t,n){var l=r.$children$[t];var u=0;var c;var v;var d;if(!o){f=true;if(l.$tag$==="slot"){if(a){n.classList.add(a+"-s")}l.$flags$|=l.$children$?2:1}}if(l.$text$!==null){c=l.$elm$=h.createTextNode(l.$text$)}else if(l.$flags$&1){c=l.$elm$=h.createTextNode("")}else{c=l.$elm$=h.createElement(l.$flags$&2?"slot-fb":l.$tag$);{D(null,l,$)}if(P(a)&&c["s-si"]!==a){c.classList.add(c["s-si"]=a)}if(l.$children$){for(u=0;u=0;n--){var a=t[n];if(a["s-hn"]!==s&&a["s-ol"]){ee(a).insertBefore(a,Z(a));a["s-ol"].remove();a["s-ol"]=undefined;f=true}if(r){Q(a,r)}}p.$flags$&=~1};var J=function(e,r,t,n,a,i){var o=e["s-cr"]&&e["s-cr"].parentNode||e;var l;if(o.shadowRoot&&o.tagName===s){o=o.shadowRoot}for(;a<=i;++a){if(n[a]){l=F(null,t,a,e);if(l){n[a].$elm$=l;o.insertBefore(l,Z(r))}}}};var K=function(e,r,t,n,a){for(;r<=t;++r){if(n=e[r]){a=n.$elm$;se(n);{l=true;if(a["s-ol"]){a["s-ol"].remove()}else{Q(a,true)}}a.remove()}}};var X=function(e,r,t,n){var a=0;var i=0;var s=0;var o=0;var l=r.length-1;var f=r[0];var $=r[l];var u=n.length-1;var c=n[0];var v=n[u];var d;var h;while(a<=l&&i<=u){if(f==null){f=r[++a]}else if($==null){$=r[--l]}else if(c==null){c=n[++i]}else if(v==null){v=n[--u]}else if(Y(f,c)){re(f,c);f=r[++a];c=n[++i]}else if(Y($,v)){re($,v);$=r[--l];v=n[--u]}else if(Y(f,v)){if(f.$tag$==="slot"||v.$tag$==="slot"){Q(f.$elm$.parentNode,false)}re(f,v);e.insertBefore(f.$elm$,$.$elm$.nextSibling);f=r[++a];v=n[--u]}else if(Y($,c)){if(f.$tag$==="slot"||v.$tag$==="slot"){Q($.$elm$.parentNode,false)}re($,c);e.insertBefore($.$elm$,f.$elm$);$=r[--l];c=n[++i]}else{s=-1;{for(o=a;o<=l;++o){if(r[o]&&r[o].$key$!==null&&r[o].$key$===c.$key$){s=o;break}}}if(s>=0){h=r[s];if(h.$tag$!==c.$tag$){d=F(r&&r[i],t,s,e)}else{re(h,c);r[s]=undefined;d=h.$elm$}c=n[++i]}else{d=F(r&&r[i],t,i,e);c=n[++i]}if(d){{ee(f.$elm$).insertBefore(d,Z(f.$elm$))}}}}if(a>l){J(e,n[u+1]==null?null:n[u+1].$elm$,t,n,i,u)}else if(i>u){K(r,a,l)}};var Y=function(e,r){if(e.$tag$===r.$tag$){if(e.$tag$==="slot"){return e.$name$===r.$name$}{return e.$key$===r.$key$}}return false};var Z=function(e){return e&&e["s-ol"]||e};var ee=function(e){return(e["s-ol"]?e["s-ol"]:e).parentNode};var re=function(e,r){var t=r.$elm$=e.$elm$;var n=e.$children$;var a=r.$children$;var i=r.$tag$;var s=r.$text$;var o;if(s===null){{if(i==="slot");else{D(e,r,$)}}if(n!==null&&a!==null){X(t,n,r,a)}else if(a!==null){if(e.$text$!==null){t.textContent=""}J(t,null,r,a,0,a.length-1)}else if(n!==null){K(n,0,n.length-1)}}else if(o=t["s-cr"]){o.parentNode.textContent=s}else if(e.$text$!==s){t.data=s}};var te=function(e){var r=e.childNodes;var t;var n;var a;var i;var s;var o;for(n=0,a=r.length;n=0;s--){t=n[s];if(!t["s-cn"]&&!t["s-nr"]&&t["s-hn"]!==r["s-hn"]){if(ie(t,a)){i=ne.find((function(e){return e.$nodeToRelocate$===t}));l=true;t["s-sn"]=t["s-sn"]||a;if(i){i.$slotRefNode$=r}else{ne.push({$slotRefNode$:r,$nodeToRelocate$:t})}if(t["s-sr"]){ne.map((function(e){if(ie(e.$nodeToRelocate$,t["s-sn"])){i=ne.find((function(e){return e.$nodeToRelocate$===t}));if(i&&!e.$slotRefNode$){e.$slotRefNode$=i.$slotRefNode$}}}))}}else if(!ne.some((function(e){return e.$nodeToRelocate$===t}))){ne.push({$nodeToRelocate$:t})}}}}if(r.nodeType===1){ae(r)}}};var ie=function(e,r){if(e.nodeType===1){if(e.getAttribute("slot")===null&&r===""){return true}if(e.getAttribute("slot")===r){return true}return false}if(e["s-sn"]===r){return true}return r===""};var se=function(e){{e.$attrs$&&e.$attrs$.ref&&e.$attrs$.ref(null);e.$children$&&e.$children$.map(se)}};var oe=function(e,r){var t=e.$hostElement$;var n=e.$cmpMeta$;var $=e.$vnode$||I(null,null);var u=B(r)?r:O(null,null,r);s=t.tagName;if(n.$attrsToReflect$){u.$attrs$=u.$attrs$||{};n.$attrsToReflect$.map((function(e){var r=e[0],n=e[1];return u.$attrs$[n]=t[r]}))}u.$tag$=null;u.$flags$|=4;e.$vnode$=u;u.$elm$=$.$elm$=t.shadowRoot||t;{a=t["s-sc"]}{i=t["s-cr"];o=m&&(n.$flags$&1)!==0;l=false}re($,u);{p.$flags$|=1;if(f){ae(u.$elm$);var c=void 0;var v=void 0;var d=void 0;var g=void 0;var y=void 0;var b=void 0;var w=0;for(;w0){Fe.push.apply(Fe,De);De.length=0}if(c=We.length+De.length+Fe.length>0){p.raf(Xe)}else{u=0}}};var Ye=function(e){return g().then(e)};var Ze=Qe(De,true);var er=e("a",(function(){if(!(d&&d.supports&&d.supports("color","var(--c)"))){return r.import("./p-24b9f902.system.js").then((function(){if(p.$cssShim$=v.__cssshim){return p.$cssShim$.i()}else{return 0}}))}return g()}));var rr=e("p",(function(){{p.$cssShim$=v.__cssshim}var e=Array.from(h.querySelectorAll("script")).find((function(e){return new RegExp("/"+n+"(\\.esm)?\\.js($|\\?|#)").test(e.src)||e.getAttribute("data-stencil-namespace")===n}));var t=e["data-opts"]||{};if("onbeforeload"in e&&!history.scrollRestoration){return{then:function(){}}}{t.resourcesUrl=new URL(".",new URL(e.getAttribute("data-resources-url")||e.src,v.location.href)).href;{tr(t.resourcesUrl,e)}if(!v.customElements){return r.import("./p-2295bcba.system.js").then((function(){return t}))}}return g(t)}));var tr=function(e,r){var t=M(n);try{v[t]=new Function("w","return import(w);//"+Math.random())}catch(i){var a=new Map;v[t]=function(n){var i=new URL(n,e).href;var s=a.get(i);if(!s){var o=h.createElement("script");o.type="module";o.crossOrigin=r.crossOrigin;o.src=URL.createObjectURL(new Blob(["import * as m from '"+i+"'; window."+t+".m = m;"],{type:"application/javascript"}));s=new Promise((function(e){o.onload=function(){e(v[t].m);o.remove()}}));a.set(i,s);h.head.appendChild(o)}return s}}}}}})); \ No newline at end of file diff --git a/docs/build/p-9d0aa6e4.js b/docs/build/p-9d0aa6e4.js new file mode 100644 index 00000000..25753439 --- /dev/null +++ b/docs/build/p-9d0aa6e4.js @@ -0,0 +1 @@ +let e,t,n,l=!1,o=!1,s=!1,r=0,c=!1;const i="undefined"!=typeof window?window:{},a=i.CSS,f=i.document||{head:{}},u={t:0,l:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,l)=>e.addEventListener(t,n,l),rel:(e,t,n,l)=>e.removeEventListener(t,n,l)},p=(()=>(f.head.attachShadow+"").indexOf("[native")>-1)(),d=e=>Promise.resolve(e),m=(()=>{try{return new CSSStyleSheet,!0}catch(e){}return!1})(),h=(e,t,n)=>{n&&n.map(([n,l,o])=>{const s=e,r=$(t,o),c=y(n);u.ael(s,l,r,c),(t.o=t.o||[]).push(()=>u.rel(s,l,r,c))})},$=(e,t)=>n=>{256&e.t?e.s[t](n):(e.u=e.u||[]).push([t,n])},y=e=>0!=(2&e),w="http://www.w3.org/1999/xlink",b=new WeakMap,_=e=>"sc-"+e,v={},j=e=>"object"==(e=typeof e)||"function"===e,g=(e,t,...n)=>{let l=null,o=null,s=null,r=!1,c=!1,i=[];const a=t=>{for(let n=0;ne[t]).join(" "))}}if("function"==typeof e)return e(null===t?{}:t,i,O);const f=k(e,null);return f.h=t,i.length>0&&(f.$=i),f._=o,f.v=s,f},k=(e,t)=>({t:0,j:e,p:t,g:null,$:null,h:null,_:null,v:null}),M={},O={forEach:(e,t)=>e.map(R).forEach(t),map:(e,t)=>e.map(R).map(t).map(S)},R=e=>({vattrs:e.h,vchildren:e.$,vkey:e._,vname:e.v,vtag:e.j,vtext:e.p}),S=e=>{const t=k(e.vtag,e.vtext);return t.h=e.vattrs,t.$=e.vchildren,t._=e.vkey,t.v=e.vname,t},L=(e,t,n,l,o,s)=>{if(n!==l){let c=we(e,t),a=t.toLowerCase();if("class"===t){const t=e.classList,o=x(n),s=x(l);t.remove(...o.filter(e=>e&&!s.includes(e))),t.add(...s.filter(e=>e&&!o.includes(e)))}else if("style"===t){for(const t in n)l&&null!=l[t]||(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in l)n&&l[t]===n[t]||(t.includes("-")?e.style.setProperty(t,l[t]):e.style[t]=l[t])}else if("key"===t);else if("ref"===t)l&&l(e);else if(c||"o"!==t[0]||"n"!==t[1]){const i=j(l);if((c||i&&null!==l)&&!o)try{if(e.tagName.includes("-"))e[t]=l;else{let o=null==l?"":l;"list"===t?c=!1:null!=n&&e[t]==o||(e[t]=o)}}catch(r){}let f=!1;a!==(a=a.replace(/^xlink\:?/,""))&&(t=a,f=!0),null==l||!1===l?f?e.removeAttributeNS(w,t):e.removeAttribute(t):(!c||4&s||o)&&!i&&(l=!0===l?"":l,f?e.setAttributeNS(w,t,l):e.setAttribute(t,l))}else t="-"===t[2]?t.slice(3):we(i,a)?a.slice(2):a[2]+t.slice(3),n&&u.rel(e,t,n,!1),l&&u.ael(e,t,l,!1)}},U=/\s/,x=e=>e?e.split(U):[],C=(e,t,n,l)=>{const o=11===t.g.nodeType&&t.g.host?t.g.host:t.g,s=e&&e.h||v,r=t.h||v;for(l in s)l in r||L(o,l,s[l],void 0,n,t.t);for(l in r)L(o,l,s[l],r[l],n,t.t)},P=(o,r,c,i)=>{let a,u,p,d=r.$[c],m=0;if(l||(s=!0,"slot"===d.j&&(e&&i.classList.add(e+"-s"),d.t|=d.$?2:1)),null!==d.p)a=d.g=f.createTextNode(d.p);else if(1&d.t)a=d.g=f.createTextNode("");else if(a=d.g=f.createElement(2&d.t?"slot-fb":d.j),C(null,d,!1),null!=e&&a["s-si"]!==e&&a.classList.add(a["s-si"]=e),d.$)for(m=0;m{u.t|=1;const l=e.childNodes;for(let o=l.length-1;o>=0;o--){const e=l[o];e["s-hn"]!==n&&e["s-ol"]&&(D(e).insertBefore(e,W(e)),e["s-ol"].remove(),e["s-ol"]=void 0,s=!0),t&&E(e,t)}u.t&=-2},T=(e,t,l,o,s,r)=>{let c,i=e["s-cr"]&&e["s-cr"].parentNode||e;for(i.shadowRoot&&i.tagName===n&&(i=i.shadowRoot);s<=r;++s)o[s]&&(c=P(null,l,s,e),c&&(o[s].g=c,i.insertBefore(c,W(t))))},A=(e,t,n,l,s)=>{for(;t<=n;++t)(l=e[t])&&(s=l.g,z(l),o=!0,s["s-ol"]?s["s-ol"].remove():E(s,!0),s.remove())},N=(e,t)=>e.j===t.j&&("slot"===e.j?e.v===t.v:e._===t._),W=e=>e&&e["s-ol"]||e,D=e=>(e["s-ol"]?e["s-ol"]:e).parentNode,F=(e,t)=>{const n=t.g=e.g,l=e.$,o=t.$,s=t.p;let r;null===s?("slot"===t.j||C(e,t,!1),null!==l&&null!==o?((e,t,n,l)=>{let o,s,r=0,c=0,i=0,a=0,f=t.length-1,u=t[0],p=t[f],d=l.length-1,m=l[0],h=l[d];for(;r<=f&&c<=d;)if(null==u)u=t[++r];else if(null==p)p=t[--f];else if(null==m)m=l[++c];else if(null==h)h=l[--d];else if(N(u,m))F(u,m),u=t[++r],m=l[++c];else if(N(p,h))F(p,h),p=t[--f],h=l[--d];else if(N(u,h))"slot"!==u.j&&"slot"!==h.j||E(u.g.parentNode,!1),F(u,h),e.insertBefore(u.g,p.g.nextSibling),u=t[++r],h=l[--d];else if(N(p,m))"slot"!==u.j&&"slot"!==h.j||E(p.g.parentNode,!1),F(p,m),e.insertBefore(p.g,u.g),p=t[--f],m=l[++c];else{for(i=-1,a=r;a<=f;++a)if(t[a]&&null!==t[a]._&&t[a]._===m._){i=a;break}i>=0?(s=t[i],s.j!==m.j?o=P(t&&t[c],n,i,e):(F(s,m),t[i]=void 0,o=s.g),m=l[++c]):(o=P(t&&t[c],n,c,e),m=l[++c]),o&&D(u.g).insertBefore(o,W(u.g))}r>f?T(e,null==l[d+1]?null:l[d+1].g,n,l,c,d):c>d&&A(t,r,f)})(n,l,t,o):null!==o?(null!==e.p&&(n.textContent=""),T(n,null,t,o,0,o.length-1)):null!==l&&A(l,0,l.length-1)):(r=n["s-cr"])?r.parentNode.textContent=s:e.p!==s&&(n.data=s)},H=e=>{let t,n,l,o,s,r,c=e.childNodes;for(n=0,l=c.length;n{let t,n,l,s,r,c,i=0,a=e.childNodes,f=a.length;for(;i=0;c--)n=l[c],n["s-cn"]||n["s-nr"]||n["s-hn"]===t["s-hn"]||(V(n,s)?(r=q.find(e=>e.k===n),o=!0,n["s-sn"]=n["s-sn"]||s,r?r.M=t:q.push({M:t,k:n}),n["s-sr"]&&q.map(e=>{V(e.k,n["s-sn"])&&(r=q.find(e=>e.k===n),r&&!e.M&&(e.M=r.M))})):q.some(e=>e.k===n)||q.push({k:n}));1===t.nodeType&&B(t)}},V=(e,t)=>1===e.nodeType?null===e.getAttribute("slot")&&""===t||e.getAttribute("slot")===t:e["s-sn"]===t||""===t,z=e=>{e.h&&e.h.ref&&e.h.ref(null),e.$&&e.$.map(z)},G=e=>he(e).O,I=(e,t,n)=>{const l=G(e);return{emit:e=>J(l,t,{bubbles:!!(4&n),composed:!!(2&n),cancelable:!!(1&n),detail:e})}},J=(e,t,n)=>{const l=new CustomEvent(t,n);return e.dispatchEvent(l),l},K=(e,t)=>{t&&!e.R&&t["s-p"]&&t["s-p"].push(new Promise(t=>e.R=t))},Q=(e,t)=>{if(e.t|=16,!(4&e.t))return K(e,e.S),Ue(()=>X(e,t));e.t|=512},X=(e,t)=>{const n=e.s;let l;return t&&(e.t|=256,e.u&&(e.u.map(([e,t])=>le(n,e,t)),e.u=null),l=le(n,"componentWillLoad")),oe(l,()=>Y(e,n,t))},Y=(r,c,i)=>{const a=r.O,d=a["s-rc"];i&&(e=>{const t=e.L,n=e.O,l=t.t,o=((e,t)=>{let n=_(t.U),l=je.get(n);if(e=11===e.nodeType?e:f,l)if("string"==typeof l){let t,o=b.get(e=e.head||e);o||b.set(e,o=new Set),o.has(n)||(t=f.createElement("style"),t.innerHTML=l,e.insertBefore(t,e.querySelector("link")),o&&o.add(n))}else e.adoptedStyleSheets.includes(l)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,l]);return n})(p&&n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&l&&(n["s-sc"]=o,n.classList.add(o+"-h"))})(r),((r,c)=>{const i=r.O,a=r.L,d=r.C||k(null,null),m=(e=>e&&e.j===M)(c)?c:g(null,null,c);if(n=i.tagName,a.P&&(m.h=m.h||{},a.P.map(([e,t])=>m.h[t]=i[e])),m.j=null,m.t|=4,r.C=m,m.g=d.g=i.shadowRoot||i,e=i["s-sc"],t=i["s-cr"],l=p&&0!=(1&a.t),o=!1,F(d,m),u.t|=1,s){let e,t,n,l,o,s;B(m.g);let r=0;for(;re()),a["s-rc"]=void 0);{const e=a["s-p"],t=()=>ee(r);0===e.length?t():(Promise.all(e).then(t),r.t|=4,e.length=0)}},Z=e=>{try{e=e.render()}catch(t){be(t)}return e},ee=e=>{const t=e.O,n=e.s,l=e.S;64&e.t||(e.t|=64,se(t),le(n,"componentDidLoad"),e.T(t),l||ne()),e.A(t),e.R&&(e.R(),e.R=void 0),512&e.t&&Le(()=>Q(e,!1)),e.t&=-517},te=e=>{{const t=he(e),n=t.O.isConnected;return n&&2==(18&t.t)&&Q(t,!1),n}},ne=()=>{se(f.documentElement),u.t|=2,Le(()=>J(i,"appload",{detail:{namespace:"calcite-app"}}))},le=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(l){be(l)}},oe=(e,t)=>e&&e.then?e.then(t):t(),se=e=>e.classList.add("hydrated"),re=(e,t,n)=>{if(t.N){e.watchers&&(t.W=e.watchers);const l=Object.entries(t.N),o=e.prototype;if(l.map(([e,[l]])=>{31&l||2&n&&32&l?Object.defineProperty(o,e,{get(){return((e,t)=>he(this).D.get(t))(0,e)},set(n){((e,t,n,l)=>{const o=he(this),s=o.D.get(t),r=o.t,c=o.s;if(n=((e,t)=>null==e||j(e)?e:4&t?"false"!==e&&(""===e||!!e):1&t?e+"":e)(n,l.N[t][0]),!(8&r&&void 0!==s||n===s)&&(o.D.set(t,n),c)){if(l.W&&128&r){const e=l.W[t];e&&e.map(e=>{try{c[e](n,s,t)}catch(l){be(l)}})}2==(18&r)&&Q(o,!1)}})(0,e,n,t)},configurable:!0,enumerable:!0}):1&n&&64&l&&Object.defineProperty(o,e,{value(...t){const n=he(this);return n.F.then(()=>n.s[e](...t))}})}),1&n){const n=new Map;o.attributeChangedCallback=function(e,t,l){u.jmp(()=>{const t=n.get(e);this[t]=(null!==l||"boolean"!=typeof this[t])&&l})},e.observedAttributes=l.filter(([e,t])=>15&t[0]).map(([e,l])=>{const o=l[1]||e;return n.set(o,e),512&l[0]&&t.P.push([e,o]),o})}}return e},ce=e=>{le(e,"connectedCallback")},ie=e=>{e.__appendChild=e.appendChild,e.appendChild=function(e){const t=e["s-sn"]=fe(e),n=ue(this.childNodes,t);if(n){const l=pe(n,t),o=l[l.length-1];return o.parentNode.insertBefore(e,o.nextSibling)}return this.__appendChild(e)}},ae=(e,t)=>{class n extends Array{item(e){return this[e]}}if(8&t.t){const t=e.__lookupGetter__("childNodes");Object.defineProperty(e,"children",{get(){return this.childNodes.map(e=>1===e.nodeType)}}),Object.defineProperty(e,"childElementCount",{get:()=>e.children.length}),Object.defineProperty(e,"childNodes",{get(){const e=t.call(this);if(0==(1&u.t)&&2&he(this).t){const t=new n;for(let n=0;ne["s-sn"]||1===e.nodeType&&e.getAttribute("slot")||"",ue=(e,t)=>{let n,l=0;for(;l{const n=[e];for(;(e=e.nextSibling)&&e["s-sn"]===t;)n.push(e);return n},de=(e,t={})=>{const n=[],l=t.exclude||[],o=i.customElements,s=f.head,r=s.querySelector("meta[charset]"),c=f.createElement("style"),a=[];let d,$=!0;Object.assign(u,t),u.l=new URL(t.resourcesUrl||"./",f.baseURI).href,t.syncQueue&&(u.t|=4),e.map(e=>e[1].map(t=>{const s={t:t[0],U:t[1],N:t[2],H:t[3]};s.N=t[2],s.H=t[3],s.P=[],s.W={},!p&&1&s.t&&(s.t|=8);const r=s.U,c=class extends HTMLElement{constructor(e){super(e),ye(e=this,s),1&s.t&&(p?e.attachShadow({mode:"open"}):"shadowRoot"in e||(e.shadowRoot=e)),ae(e,s)}connectedCallback(){d&&(clearTimeout(d),d=null),$?a.push(this):u.jmp(()=>(e=>{if(0==(1&u.t)){const t=he(e),n=t.L,l=()=>{};if(1&t.t)h(e,t,n.H),ce(t.s);else{t.t|=1,12&n.t&&(e=>{const t=e["s-cr"]=f.createComment("");t["s-cn"]=!0,e.insertBefore(t,e.firstChild)})(e);{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){K(t,t.S=n);break}}n.N&&Object.entries(n.N).map(([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}}),Le(()=>(async(e,t,n,l,o)=>{if(0==(32&t.t)){t.t|=32;{if((o=ve(n)).then){const e=()=>{};o=await o,e()}o.isProxied||(n.W=o.watchers,re(o,n,2),o.isProxied=!0);const e=()=>{};t.t|=8;try{new o(t)}catch(c){be(c)}t.t&=-9,t.t|=128,e(),ce(t.s)}const e=_(n.U);if(!je.has(e)&&o.style){const t=()=>{};let l=o.style;8&n.t&&(l=await __sc_import_calcite_app("./p-de803772.js").then(t=>t.scopeCss(l,e,!1))),((e,t,n)=>{let l=je.get(e);m&&n?(l=l||new CSSStyleSheet,l.replace(t)):l=t,je.set(e,l)})(e,l,!!(1&n.t)),t()}}const s=t.S,r=()=>Q(t,!0);s&&s["s-rc"]?s["s-rc"].push(r):r()})(0,t,n))}l()}})(this))}disconnectedCallback(){u.jmp(()=>(()=>{if(0==(1&u.t)){const e=he(this),t=e.s;e.o&&(e.o.map(e=>e()),e.o=void 0),le(t,"componentDidUnload")}})())}forceUpdate(){te(this)}componentOnReady(){return he(this).q}};ie(c.prototype),s.B=e[0],l.includes(r)||o.get(r)||(n.push(r),o.define(r,re(c,s,1)))})),c.innerHTML=n+"{visibility:hidden}.hydrated{visibility:inherit}",c.setAttribute("data-styles",""),s.insertBefore(c,r?r.nextSibling:s.firstChild),$=!1,a.length?a.map(e=>e.connectedCallback()):u.jmp(()=>d=setTimeout(ne,30))},me=new WeakMap,he=e=>me.get(e),$e=(e,t)=>me.set(t.s=e,t),ye=(e,t)=>{const n={t:0,O:e,L:t,D:new Map};return n.F=new Promise(e=>n.A=e),n.q=new Promise(e=>n.T=e),e["s-p"]=[],e["s-rc"]=[],h(e,n,t.H),me.set(e,n)},we=(e,t)=>t in e,be=e=>console.error(e),_e=new Map,ve=e=>{const t=e.U.replace(/-/g,"_"),n=e.B,l=_e.get(n);return l?l[t]:__sc_import_calcite_app(`./${n}.entry.js`).then(e=>(_e.set(n,e),e[t]),be)},je=new Map,ge=[],ke=[],Me=[],Oe=(e,t)=>n=>{e.push(n),c||(c=!0,t&&4&u.t?Le(Se):u.raf(Se))},Re=(e,t)=>{let n=0,l=0;for(;n{r++,(e=>{for(let n=0;n0&&(Me.push(...ke),ke.length=0),(c=ge.length+ke.length+Me.length>0)?u.raf(Se):r=0}},Le=e=>d().then(e),Ue=Oe(ke,!0),xe=()=>a&&a.supports&&a.supports("color","var(--c)")?d():__sc_import_calcite_app("./p-9f8c4bca.js").then(()=>(u.V=i.__cssshim)?(!1).i():0),Ce=()=>{u.V=i.__cssshim;const e=Array.from(f.querySelectorAll("script")).find(e=>/\/calcite-app(\.esm)?\.js($|\?|#)/.test(e.src)||"calcite-app"===e.getAttribute("data-stencil-namespace")),t=e["data-opts"]||{};return"onbeforeload"in e&&!history.scrollRestoration?{then(){}}:(t.resourcesUrl=new URL(".",new URL(e.getAttribute("data-resources-url")||e.src,i.location.href)).href,Pe(t.resourcesUrl,e),i.customElements?d(t):__sc_import_calcite_app("./p-2b669725.js").then(()=>t))},Pe=(e,t)=>{try{i.__sc_import_calcite_app=Function("w","return import(w);//"+Math.random())}catch(n){const l=new Map;i.__sc_import_calcite_app=n=>{const o=new URL(n,e).href;let s=l.get(o);if(!s){const e=f.createElement("script");e.type="module",e.crossOrigin=t.crossOrigin,e.src=URL.createObjectURL(new Blob([`import * as m from '${o}'; window.__sc_import_calcite_app.m = m;`],{type:"application/javascript"})),s=new Promise(t=>{e.onload=()=>{t(i.__sc_import_calcite_app.m),e.remove()}}),l.set(o,s),f.head.appendChild(e)}return s}}};export{M as H,xe as a,de as b,I as c,te as f,G as g,g as h,Ce as p,$e as r} \ No newline at end of file diff --git a/docs/build/p-9e77e74d.system.js b/docs/build/p-9e77e74d.system.js deleted file mode 100644 index 1bca3269..00000000 --- a/docs/build/p-9e77e74d.system.js +++ /dev/null @@ -1 +0,0 @@ -System.register([],(function(t){"use strict";return{execute:function(){t({a:r,b:u,f:n,g:o});function r(t){return e(t,"dir","ltr")}function e(t,r,e){var n=t.closest("["+r+"]");return n?n.getAttribute(r):e}function n(t){if(!t){return}"setFocus"in t&&typeof t.setFocus==="function"?t.setFocus():t.focus()}function u(t,r){if(t){return t}if(r){return r==="trailing"?"end":"start"}}function o(t,r,e){var n='[slot="'+r+'"]';var u=(e===null||e===void 0?void 0:e.selector)?n+" "+e.selector:n;if(e===null||e===void 0?void 0:e.all){return Array.from(t.querySelectorAll(u))}return t.querySelector(u)}}}})); \ No newline at end of file diff --git a/docs/build/p-9d0482fc.js b/docs/build/p-9f8c4bca.js similarity index 100% rename from docs/build/p-9d0482fc.js rename to docs/build/p-9f8c4bca.js diff --git a/docs/build/p-2295bcba.system.js b/docs/build/p-a12694d7.system.js similarity index 100% rename from docs/build/p-2295bcba.system.js rename to docs/build/p-a12694d7.system.js diff --git a/docs/build/p-a3da842c.entry.js b/docs/build/p-a3da842c.entry.js new file mode 100644 index 00000000..d966c5be --- /dev/null +++ b/docs/build/p-a3da842c.entry.js @@ -0,0 +1 @@ +import{r as e,h as a,H as t,g as i,c as n}from"./p-9d0aa6e4.js";import{C as c}from"./p-eb15fcdb.js";import{f as r,a as o,b as l,g as s}from"./p-27f3f0d7.js";import{g as p}from"./p-cf80779e.js";const d=class{constructor(a){e(this,a),this.flowCount=0,this.flowDirection=null,this.flows=[],this.getFlowDirection=(e,a)=>e&&a>1||e>1?a{const{flows:e}=this,a=Array.from(this.el.querySelectorAll("calcite-flow-item")),t=e.length,i=a.length,n=a[i-1],c=a[i-2];if(i&&n&&a.forEach(e=>{e.showBackButton=i>1,e.hidden=e!==n}),c&&(c.menuOpen=!1),this.flows=a,t!==i){const e=this.getFlowDirection(t,i);this.flowCount=i,this.flowDirection=e}},this.flowItemObserver=new MutationObserver(this.updateFlowProps)}async back(){const e=this.el.querySelector("calcite-flow-item:last-child");if(e)return(e.beforeBack?e.beforeBack:()=>Promise.resolve()).call(e).then(()=>(e.remove(),e))}connectedCallback(){this.flowItemObserver.observe(this.el,{childList:!0,subtree:!0}),this.updateFlowProps()}componentDidUnload(){this.flowItemObserver.disconnect()}handleCalciteFlowItemBackClick(){this.back()}render(){const{flowDirection:e,flowCount:i}=this;return a(t,null,a("div",{key:i,class:{frame:!0,"frame--advancing":"advancing"===e,"frame--retreating":"retreating"===e}},a("slot",null)))}get el(){return i(this)}};d.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{-ms-flex-align:stretch;align-items:stretch;display:-ms-flexbox;display:flex;width:100%;height:100%;overflow:hidden;position:relative}:host .frame{-ms-flex-align:stretch;align-items:stretch;width:100%;padding:0;margin:0;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;position:relative}:host .frame--advancing{-webkit-animation:calcite-flow-item-advance var(--calcite-app-animation-time) var(--calcite-app-easing-function);animation:calcite-flow-item-advance var(--calcite-app-animation-time) var(--calcite-app-easing-function)}:host .frame--retreating{-webkit-animation:calcite-flow-item-retreat var(--calcite-app-animation-time) var(--calcite-app-easing-function);animation:calcite-flow-item-retreat var(--calcite-app-animation-time) var(--calcite-app-easing-function)}@-webkit-keyframes calcite-flow-item-advance{0%{opacity:0.5;-webkit-transform:translate3d(50px, 0, 0);transform:translate3d(50px, 0, 0)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes calcite-flow-item-advance{0%{opacity:0.5;-webkit-transform:translate3d(50px, 0, 0);transform:translate3d(50px, 0, 0)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@-webkit-keyframes calcite-flow-item-retreat{0%{opacity:0.5;-webkit-transform:translate3d(-50px, 0, 0);transform:translate3d(-50px, 0, 0)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes calcite-flow-item-retreat{0%{opacity:0.5;-webkit-transform:translate3d(-50px, 0, 0);transform:translate3d(-50px, 0, 0)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#00619b;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}";const h=["ArrowUp","ArrowDown"],f=class{constructor(a){e(this,a),this.disabled=!1,this.loading=!1,this.menuOpen=!1,this.showBackButton=!1,this.toggleMenuOpen=()=>{this.menuOpen=!this.menuOpen},this.backButtonClick=()=>{this.calciteFlowItemBackClick.emit()},this.menuButtonKeyDown=e=>{const{key:a}=e,{menuOpen:t}=this;if(!this.isValidKey(a,h))return;const i=this.queryActions(),{length:n}=i;n&&(e.preventDefault(),t||(this.menuOpen=!0),"ArrowUp"===a&&r(i[n-1]),"ArrowDown"===a&&r(i[0]))},this.menuActionsKeydown=e=>{const{key:a,target:t}=e;if(!this.isValidKey(a,h))return;const i=this.queryActions(),{length:n}=i,c=i.indexOf(t);if(n&&-1!==c){if(e.preventDefault(),"ArrowUp"===a){const e=p(c-1,n);r(i[e])}if("ArrowDown"===a){const e=p(c+1,n);r(i[e])}}},this.menuActionsContainerKeyDown=e=>{const{key:a}=e;"Escape"===a&&(this.menuOpen=!1)},this.calciteFlowItemBackClick=n(this,"calciteFlowItemBackClick",7),this.calciteFlowItemScroll=n(this,"calciteFlowItemScroll",7)}handleCalcitePanelScroll(e){e.stopPropagation(),this.calciteFlowItemScroll.emit()}queryActions(){return o(this.el,"menu-actions",{all:!0})}isValidKey(e,a){return!!a.find(a=>a===e)}renderBackButton(e){const{showBackButton:t,intlBack:i,backButtonClick:n}=this,c=i||"Back";return t?a("calcite-action",{slot:"header-leading-content",key:"back-button","aria-label":c,text:c,class:"back-button",onClick:n,icon:e?"chevron-right":"chevron-left"}):null}renderMenuButton(){const{menuOpen:e,intlOpen:t,intlClose:i}=this,n=e?i||"Close":t||"Open";return a("calcite-action",{class:"menu-button","aria-label":n,text:n,onClick:this.toggleMenuOpen,onKeyDown:this.menuButtonKeyDown,icon:"ellipsis"})}renderMenuActions(){const{menuOpen:e}=this;return a("div",{class:{menu:!0,"menu--open":e},onKeyDown:this.menuActionsKeydown},a("slot",{name:"menu-actions"}))}renderFooterActions(){return o(this.el,"footer-actions")?a("div",{slot:"footer",class:"footer-actions"},a("slot",{name:"footer-actions"})):null}renderSingleActionContainer(){return a("div",{class:"single-action-container"},a("slot",{name:"menu-actions"}))}renderMenuActionsContainer(){return a("div",{class:"menu-container",onKeyDown:this.menuActionsContainerKeyDown},this.renderMenuButton(),this.renderMenuActions())}renderHeaderLeadingContent(){return o(this.el,"leading-actions")?a("div",{slot:"header-leading-content",class:"leading-actions"},a("slot",{name:"leading-actions"})):null}renderHeaderActions(){const e=o(this.el,"menu-actions",{all:!0}).length,t=1===e?this.renderSingleActionContainer():e?this.renderMenuActionsContainer():null;return t?a("div",{slot:"header-trailing-content",class:"header-actions"},t):null}renderHeading(){const{heading:e}=this;return e?a("h2",{class:"heading",slot:"header-content"},e):null}renderSummary(){const{summary:e}=this;return e?a("span",{class:"summary"},e):null}renderHeader(){const e=this.renderHeading(),t=this.renderSummary();return e||t?a("div",{class:"header-content",slot:"header-content"},e,t):null}renderFab(){return o(this.el,"fab")?a("div",{class:"fab-container",slot:"fab"},a("slot",{name:"fab"})):null}render(){const{el:e}=this,i=l(e);return a(t,null,a("calcite-panel",{loading:this.loading,disabled:this.disabled,theme:s(e),"height-scale":this.heightScale,dir:i},this.renderBackButton("rtl"===i),this.renderHeaderLeadingContent(),this.renderHeader(),this.renderHeaderActions(),a("slot",null),this.renderFooterActions(),this.renderFab()))}get el(){return i(this)}};f.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{background-color:var(--calcite-app-background-content);display:-ms-flexbox;display:flex;height:100%;width:100%}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#00619b;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}calcite-panel{width:100%;height:100%}.leading-actions{display:-ms-flexbox;display:flex}.header-content{display:block}.header-content .heading{font-size:var(--calcite-app-font-size-1);font-weight:var(--calcite-app-font-weight-demi);margin:0 0 var(--calcite-app-cap-spacing-quarter)}.header-content .heading:only-child{margin-bottom:0}.header-content .summary{color:var(--calcite-app-foreground-subtle);font-size:var(--calcite-app-font-size--1)}.header-content .heading,.header-content .summary{padding:0;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.menu-button{-ms-flex-item-align:stretch;align-self:stretch;-ms-flex:0 1 auto;flex:0 1 auto;height:100%;position:relative}.header-actions,.single-action-container{display:-ms-flexbox;display:flex}.menu{position:absolute;top:100%;z-index:1;background-color:var(--calcite-app-background);-webkit-box-shadow:var(--calcite-app-shadow-0);box-shadow:var(--calcite-app-shadow-0);padding:0;left:auto;min-width:var(--calcite-app-menu-min-width);right:var(--calcite-app-menu-offset);visibility:visible;-ms-flex-flow:column nowrap;flex-flow:column nowrap;border:1px solid var(--calcite-app-border);-webkit-animation:calcite-app-fade-in-down var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);animation:calcite-app-fade-in-down var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);display:none}.calcite--rtl .menu{left:var(--calcite-app-menu-offset);right:auto}.menu--open{display:block}.footer-actions{display:-ms-flexbox;display:flex;width:100%}.fab-container{display:inline-block}";const b=class{constructor(a){e(this,a),this.dismissed=!1,this.disabled=!1,this.dismissible=!1,this.loading=!1,this.panelKeyUpHandler=e=>{"Escape"===e.key&&this.dismiss()},this.dismiss=()=>{this.dismissed=!0},this.panelScrollHandler=()=>{this.calcitePanelScroll.emit()},this.calcitePanelDismissedChange=n(this,"calcitePanelDismissedChange",7),this.calcitePanelScroll=n(this,"calcitePanelScroll",7)}dismissedHandler(){this.calcitePanelDismissedChange.emit()}async setFocus(e){var a,t;"dismiss-button"!==e?null===(t=this.containerEl)||void 0===t||t.focus():null===(a=this.dismissButtonEl)||void 0===a||a.setFocus()}renderHeaderLeadingContent(){return o(this.el,"header-leading-content")?a("div",{key:"header-leading-content",class:"header-leading-content"},a("slot",{name:"header-leading-content"})):null}renderHeaderContent(){return a("div",{key:"header-content",class:"header-content"},a("slot",{name:"header-content"}))}renderHeaderTrailingContent(){const{dismiss:e,dismissible:t,intlClose:i}=this,n=i||"Close",c=t?a("calcite-action",{ref:e=>this.dismissButtonEl=e,"aria-label":n,text:n,onClick:e,icon:"x"}):null,r=a("slot",{name:"header-trailing-content"});return a("div",{key:"header-trailing-content",class:"header-trailing-content"},r,c)}renderHeader(){const e=this.renderHeaderLeadingContent(),t=this.renderHeaderContent(),i=this.renderHeaderTrailingContent();return t||e||i?a("header",{class:"header"},e,t,i):null}renderFooter(){const{el:e}=this;return o(e,"footer")?a("footer",{class:"footer"},a("slot",{name:"footer"})):null}renderContent(){return a("section",{tabIndex:0,class:"content-container",onScroll:this.panelScrollHandler},a("slot",null),this.renderFab())}renderFab(){return o(this.el,"fab")?a("div",{class:"fab-container"},a("slot",{name:"fab"})):null}render(){const{dismissed:e,disabled:i,dismissible:n,el:r,loading:o,panelKeyUpHandler:p}=this,d="rtl"===l(r),h=a("article",{"aria-busy":o.toString(),onKeyUp:p,tabIndex:n?0:-1,hidden:n&&e,ref:e=>this.containerEl=e,class:{container:!0,[c.rtl]:d}},this.renderHeader(),this.renderContent(),this.renderFooter());return a(t,null,o||i?a("calcite-scrim",{theme:s(r),loading:o},h):h)}get el(){return i(this)}static get watchers(){return{dismissed:["dismissedHandler"]}}};b.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:-ms-flexbox;display:flex;position:relative;--calcite-app-panel-max-height-small:40vh;--calcite-app-panel-max-height-medium:60vh;--calcite-app-panel-max-height-large:80vh;--calcite-app-panel-min-header-height:calc(var(--calcite-app-icon-size) * 3)}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#00619b;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}.header{margin:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;color:var(--calcite-app-foreground);fill:var(--calcite-app-foreground)}.heading{padding:0;margin:0;font-weight:var(--calcite-app-font-weight)}.header .heading{-ms-flex:1 0 auto;flex:1 0 auto;padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-half)}h1.heading{font-size:var(--calcite-app-font-size-3)}h2.heading{font-size:var(--calcite-app-font-size-2)}h3.heading{font-size:var(--calcite-app-font-size-1)}h4.heading,h5.heading{font-size:var(--calcite-app-font-size-0)}.container{-ms-flex-align:stretch;align-items:stretch;-webkit-transition:max-height var(--calcite-app-animation-time) var(--calcite-app-easing-function);transition:max-height var(--calcite-app-animation-time) var(--calcite-app-easing-function);width:100%;height:100%;padding:0;margin:0;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column}calcite-scrim{-ms-flex-align:stretch;align-items:stretch;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;pointer-events:none}:host([height-scale=s]) .container{max-height:var(--calcite-app-panel-max-height-small)}:host([height-scale=m]) .container{max-height:var(--calcite-app-panel-max-height-medium)}:host([height-scale=l]) .container{max-height:var(--calcite-app-panel-max-height-large)}.container[hidden]{display:none}:host([loading]) .container,:host([disabled]) .container{position:relative;z-index:1}.header{-ms-flex-align:stretch;align-items:stretch;display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-pack:start;justify-content:flex-start;min-height:var(--calcite-app-header-min-height);position:relative;z-index:2;border-bottom:1px solid var(--calcite-app-border);width:100%}.header-content{overflow:hidden;padding:var(--calcite-app-cap-spacing) var(--calcite-app-side-spacing)}.header-leading-content,.header-trailing-content{-ms-flex-align:stretch;align-items:stretch;display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap}.header-trailing-content{margin-left:auto}.header-leading-content+.header-content{padding-left:var(--calcite-app-side-spacing-half)}.content-container{-ms-flex-align:stretch;align-items:stretch;display:-ms-flexbox;display:flex;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-ms-flex:1 1 auto;flex:1 1 auto;background-color:var(--calcite-app-background-content);overflow:auto}.footer{border-top:1px solid var(--calcite-app-border);display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-pack:space-evenly;justify-content:space-evenly;min-height:var(--calcite-app-footer-min-height);padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-half)}.calcite--rtl .header-leading-content+.header-content{padding-right:var(--calcite-app-side-spacing-half)}.calcite--rtl .header-trailing-content{margin-left:0;margin-right:auto}.fab-container{position:-webkit-sticky;position:sticky;bottom:0;display:inline-block;margin:0 auto;padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-half);left:0;right:0}";export{d as calcite_flow,f as calcite_flow_item,b as calcite_panel} \ No newline at end of file diff --git a/docs/build/p-a49a0a99.entry.js b/docs/build/p-a49a0a99.entry.js new file mode 100644 index 00000000..0b216ba9 --- /dev/null +++ b/docs/build/p-a49a0a99.entry.js @@ -0,0 +1 @@ +import{r as a,c as e,h as t,H as i,g as c}from"./p-9d0aa6e4.js";import{C as r}from"./p-eb15fcdb.js";import{g as l,a as o,b as n}from"./p-27f3f0d7.js";import{g as p}from"./p-2a6389bf.js";const s=class{constructor(t){a(this,t),this.collapsible=!1,this.disabled=!1,this.dragHandle=!1,this.loading=!1,this.open=!1,this.onHeaderClick=()=>{this.open=!this.open,this.calciteBlockToggle.emit()},this.calciteBlockToggle=e(this,"calciteBlockToggle",7)}renderScrim(){const{disabled:a,loading:e,el:i}=this,c=t("slot",null);return e||a?t("calcite-scrim",{theme:l(i),loading:e},c):c}render(){const{collapsible:a,disabled:e,el:c,heading:l,intlCollapse:p,intlExpand:s,loading:d,open:g,summary:b}=this,f=g?p||"Collapse":s||"Expand",h=o(c,"icon"),u=t("header",{class:"header"},h?t("div",{class:"icon"},t("slot",{name:"icon"})):null,t("div",{class:"title"},t("h3",{class:"heading"},l),b?t("div",{class:"summary"},b):null)),m=o(c,"control"),v=t("div",{class:"header-container"},this.dragHandle?t("calcite-handle",null):null,a?t("button",{"aria-label":f,class:"toggle",onClick:this.onHeaderClick,title:f},u):u,d?t("calcite-loader",{inline:!0,"is-active":!0}):m?t("div",{class:"control-container"},t("slot",{name:"control"})):null),x="rtl"===n(c);return t(i,{tabIndex:e?-1:null},t("article",{"aria-expanded":a?g.toString():null,"aria-busy":d.toString(),class:x?r.rtl:null},v,t("div",{class:"content",hidden:!g},this.renderScrim())))}get el(){return c(this)}};s.style=':host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-direction:column;flex-direction:column;padding:0;border-top:1px solid var(--calcite-app-border);-webkit-transition:margin var(--calcite-app-animation-time) ease-in-out;transition:margin var(--calcite-app-animation-time) ease-in-out;--calcite-app-block-header-min-height:2.5rem}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#00619b;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}.header{margin:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;color:var(--calcite-app-foreground);fill:var(--calcite-app-foreground)}.heading{padding:0;margin:0;font-weight:var(--calcite-app-font-weight)}.header .heading{-ms-flex:1 0 auto;flex:1 0 auto;padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-half)}h1.heading{font-size:var(--calcite-app-font-size-3)}h2.heading{font-size:var(--calcite-app-font-size-2)}h3.heading{font-size:var(--calcite-app-font-size-1)}h4.heading,h5.heading{font-size:var(--calcite-app-font-size-0)}.header{-ms-flex-pack:start;justify-content:flex-start;padding:0}.header,.toggle{grid-area:header}.header-container{display:grid;grid-template:auto/auto 1fr auto;grid-template-areas:"handle header control";grid-column:header-start/control-end;grid-row:1/2;-ms-flex-align:stretch;align-items:stretch}.header-container>.header{padding:var(--calcite-app-cap-spacing-three-quarters) 0}.toggle{line-height:var(--calcite-app-line-height);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;margin:0;padding:var(--calcite-app-cap-spacing-three-quarters) 0;background-color:transparent;border:none;cursor:pointer;font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);text-align:unset;color:var(--calcite-app-foreground);outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset var(--calcite-app-animation-time-fast) ease-in-out, outline-color var(--calcite-app-animation-time-fast) ease-in-out;transition:outline-offset var(--calcite-app-animation-time-fast) ease-in-out, outline-color var(--calcite-app-animation-time-fast) ease-in-out}.toggle:focus{outline:2px solid var(--calcite-ui-blue-1);outline-offset:-2px}calcite-loader[inline]{color:var(--calcite-app-foreground-subtle);grid-area:control;align-self:center}calcite-handle{grid-area:handle}.title{margin:0;padding:0 var(--calcite-app-side-spacing-three-quarters)}.header .title .heading{padding:0;font-size:var(--calcite-app-font-size-0);word-break:break-all}.summary{color:var(--calcite-app-foreground-subtle);font-size:var(--calcite-app-font-size--1);padding:0;line-height:var(--calcite-app-line-height);word-break:break-all}.icon{margin-left:var(--calcite-app-side-spacing-three-quarters)}.toggle-icon{fill:currentColor;-ms-flex:0 0 var(--calcite-app-icon-size);flex:0 0 var(--calcite-app-icon-size);margin:0 var(--calcite-app-side-spacing) 0 0}.content{padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-half);position:relative}.control-container{grid-area:control;display:-ms-flexbox;display:flex;margin:0}calcite-scrim{pointer-events:none}.calcite--rtl .icon{margin-left:0;margin-right:var(--calcite-app-side-spacing-three-quarters)}:host([open]){margin-top:var(--calcite-app-cap-spacing-quarter);margin-bottom:var(--calcite-app-cap-spacing-quarter)}:host([open]) .header-container{border-bottom:1px solid var(--calcite-app-border)}:host([disabled]){pointer-events:none;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;user-select:none}:host([disabled]) .header-container{opacity:var(--calcite-app-disabled-opacity)}:host([collapsible]) .header-container:hover{background-color:var(--calcite-app-background-hover-opacity)}:host([drag-handle]) .title{padding-left:var(--calcite-app-side-spacing-quarter)}:host([drag-handle]) .icon{margin-left:0;margin-right:var(--calcite-app-side-spacing-half)}:host([drag-handle]) .calcite--rtl .title{padding-left:0;padding-right:var(--calcite-app-side-spacing-quarter)}:host([drag-handle]) .calcite--rtl .icon{margin-right:0;margin-left:var(--calcite-app-side-spacing-quarter)}';const d=class{constructor(t){a(this,t),this.open=!1,this.toggleDisplay="button",this.guid="calcite-block-section-"+p(),this.toggleSection=()=>{this.open=!this.open,this.calciteBlockSectionToggle.emit()},this.calciteBlockSectionToggle=e(this,"calciteBlockSectionToggle",7)}handleHeaderLabelKeyDown(a){" "!==a.key&&"Enter"!==a.key||(a.preventDefault(),a.stopPropagation(),this.click())}render(){const{el:a,guid:e,intlCollapse:i,intlExpand:c,open:l,text:o,toggleDisplay:p}=this,s=n(a),d=l?"chevron-down":"rtl"===s?"chevron-left":"chevron-right",g=l?i||"Collapse":c||"Expand",b=e+"__label",f="switch"===p?t("label",{"aria-label":g,class:{toggle:!0,"toggle--switch":!0},id:b,onKeyDown:this.handleHeaderLabelKeyDown,tabIndex:0},o,t("calcite-switch",{"aria-labelledby":b,switched:l,onChange:this.toggleSection,scale:"s",tabIndex:-1})):t("calcite-action",{"aria-label":g,class:"toggle",onClick:this.toggleSection,text:o,textEnabled:!0,compact:!0,icon:d});return t("section",{"aria-expanded":l.toString(),class:s?r.rtl:null},f,t("div",{class:"content",hidden:!l},t("slot",null)))}get el(){return c(this)}};d.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{border-bottom:1px solid var(--calcite-app-border);display:block}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#00619b;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}:host(:last-child){border-bottom:none}.toggle--switch{cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin:var(--calcite-app-cap-spacing-quarter) 0;padding:var(--calcite-app-cap-spacing-half) 0;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;user-select:none}.toggle--switch calcite-switch{pointer-events:none;margin:var(--calcite-app-cap-spacing-third) 0 0 var(--calcite-app-side-spacing-half)}.calcite--rtl .toggle--switch calcite-switch{margin-left:0;margin-right:var(--calcite-app-side-spacing-half)}";export{s as calcite_block,d as calcite_block_section} \ No newline at end of file diff --git a/docs/build/p-b0571ffe.js b/docs/build/p-b0571ffe.js deleted file mode 100644 index 455c11d3..00000000 --- a/docs/build/p-b0571ffe.js +++ /dev/null @@ -1 +0,0 @@ -import{h as t,H as s}from"./p-3125ea46.js";import{C as i}from"./p-d5e1fdd7.js";import{f as n,g as e}from"./p-4230ce12.js";import{g as a}from"./p-cf80779e.js";import{C as o}from"./p-c55f1634.js";import{d as r}from"./p-bdefc18b.js";function c(){this.setUpItems(),this.setUpFilter()}const h=["ArrowUp","ArrowDown"];function l(){this.setUpItems(),this.setUpFilter(),this.emitCalciteListChange=r(b.bind(this),0)}function f(){this.observer.observe(this.el,{childList:!0,subtree:!0})}function u(){this.observer.disconnect()}function d(t){const{selectedValues:s}=this,{item:i,value:n,selected:e,shiftPressed:a}=t.detail;e?(this.multiple||this.deselectSiblingItems(i),this.multiple&&a&&this.selectSiblings(i),s.set(n,i)):(s.delete(n),this.multiple&&a&&this.selectSiblings(i,!0)),this.multiple||j(i,e),this.lastSelectedItem=i,this.emitCalciteListChange()}function p(t){t.stopPropagation();const s=t.detail.oldValue,i=this.selectedValues;if(i.has(s)){const n=i.get(s);i.delete(s),i.set(t.detail.newValue,n)}}function m(t){const{key:s,target:i}=t;if(!function(t){return!!h.find(s=>s===t)}(s))return;const{items:e,multiple:o}=this,{length:r}=e,c=e.indexOf(i);if(!r||-1===c)return;t.preventDefault();const l=e[a(c+("ArrowUp"===s?-1:1),r)];j(l,!0),n(l),o||(l.selected=!0)}function b(){this.calciteListChange.emit(this.selectedValues)}function j(t,s){s?t.removeAttribute("tabindex"):t.setAttribute("tabindex","-1")}function g(){const{multiple:t,items:s}=this;if(0!==s.length)return t?s[0].setFocus():(s.find(t=>t.selected)||s[0]).setFocus()}function v(t){this.items=Array.from(this.el.querySelectorAll(t));let s=!1;const{items:i}=this;i.forEach(t=>{t.icon=this.getIconType(),t.compact=this.compact,this.multiple||(t.disableDeselect=!0,j(t,!1)),t.selected&&(s=!0,j(t,!0),this.selectedValues.set(t.value,t))});const[n]=i;!s&&n&&j(n,!0)}function x(t){this.items.forEach(s=>{s.value!==t.value&&(s.toggleSelected(!1),this.selectedValues.has(s.value)&&this.selectedValues.delete(s.value))})}function F(t,s=!1){if(!this.lastSelectedItem)return;const{items:i}=this,n=i.findIndex(t=>t.value===this.lastSelectedItem.value),e=i.findIndex(s=>s.value===t.value);i.slice(Math.min(n,e),Math.max(n,e)).forEach(t=>{t.toggleSelected(!s),s?this.selectedValues.delete(t.value):this.selectedValues.set(t.value,t)})}function O(t){const s=t.detail.map(t=>t.value);this.items.forEach(t=>{const i=t.parentElement.matches("calcite-pick-list-group");if(t.hidden=-1===s.indexOf(t.value),i){const i=e(t.parentElement,"parent-item");null!==i&&(-1!==s.indexOf(i.value)&&(t.hidden=!1),-1!==s.indexOf(t.value)&&(i.hidden=!1))}})}function w(){return this.items.map(t=>({label:t.textLabel,description:t.textDescription,metadata:t.metadata,value:t.value}))}const y=n=>{var{props:e}=n,a=function(t,s){var i={};for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&s.indexOf(n)<0&&(i[n]=t[n]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var e=0;for(n=Object.getOwnPropertySymbols(t);et(i,{loading:s,disabled:n}))(c,r))};export{y as L,f as a,d as b,u as c,x as d,p as e,v as f,w as g,O as h,l as i,g as j,m as k,c as m,F as s} \ No newline at end of file diff --git a/docs/build/p-b8854c34.entry.js b/docs/build/p-b8854c34.entry.js new file mode 100644 index 00000000..150d3aed --- /dev/null +++ b/docs/build/p-b8854c34.entry.js @@ -0,0 +1 @@ +import{r as a,c as e,h as t,H as i,g as c}from"./p-9d0aa6e4.js";import{a as o}from"./p-27f3f0d7.js";import{I as r}from"./p-c55f1634.js";import{T as l,C as n,S as s,I as p}from"./p-78a4c1a4.js";const d=class{constructor(t){a(this,t),this.disabled=!1,this.disableDeselect=!1,this.icon=null,this.removable=!1,this.selected=!1,this.textRemove=l.remove,this.pickListClickHandler=a=>{this.disabled||this.disableDeselect&&this.selected||(this.shiftPressed=a.shiftKey,this.selected=!this.selected)},this.pickListKeyDownHandler=a=>{if(" "===a.key){if(a.preventDefault(),this.disableDeselect&&this.selected)return;this.selected=!this.selected}},this.removeClickHandler=()=>{this.calciteListItemRemove.emit()},this.calciteListItemChange=e(this,"calciteListItemChange",7),this.calciteListItemRemove=e(this,"calciteListItemRemove",7),this.calciteListItemPropsChange=e(this,"calciteListItemPropsChange",7),this.calciteListItemValueChange=e(this,"calciteListItemValueChange",7)}metadataWatchHandler(){this.calciteListItemPropsChange.emit()}selectedWatchHandler(){this.calciteListItemChange.emit({item:this.el,value:this.value,selected:this.selected,shiftPressed:this.shiftPressed}),this.shiftPressed=!1}textDescriptionWatchHandler(){this.calciteListItemPropsChange.emit()}textLabelWatchHandler(){this.calciteListItemPropsChange.emit()}valueWatchHandler(a,e){this.calciteListItemValueChange.emit({oldValue:e,newValue:a})}async toggleSelected(a){this.disabled||(this.selected="boolean"==typeof a?a:!this.selected)}async setFocus(){var a;null===(a=this.focusEl)||void 0===a||a.focus()}renderIcon(){const{icon:a}=this;return a?t("span",{class:n.icon},t("calcite-icon",{scale:"s",icon:a===r.circle?p.circle:p.checked})):null}renderRemoveAction(){return this.removable?t("calcite-action",{scale:"s",class:n.remove,icon:p.remove,text:this.textRemove,onClick:this.removeClickHandler}):null}renderSecondaryAction(){return o(this.el,s.secondaryAction)||this.removable?t("div",{class:n.action},t("slot",{name:s.secondaryAction},this.renderRemoveAction())):null}render(){const a=this.textDescription?t("span",{class:n.description},this.textDescription):null;return t(i,{role:"menuitemcheckbox","aria-checked":this.selected.toString()},t("label",{class:n.label,onClick:this.pickListClickHandler,onKeyDown:this.pickListKeyDownHandler,tabIndex:0,ref:a=>this.focusEl=a,"aria-label":this.textLabel},this.renderIcon(),t("div",{class:n.textContainer},t("span",{class:n.title},this.textLabel),a)),this.renderSecondaryAction())}get el(){return c(this)}static get watchers(){return{metadata:["metadataWatchHandler"],selected:["selectedWatchHandler"],textDescription:["textDescriptionWatchHandler"],textLabel:["textLabelWatchHandler"],value:["valueWatchHandler"]}}};d.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{-webkit-box-shadow:0 -1px 0 var(--calcite-app-border) inset;box-shadow:0 -1px 0 var(--calcite-app-border) inset;-ms-flex-align:center;align-items:center;background-color:var(--calcite-app-background-clear);display:-ms-flexbox;display:flex;margin:0;color:var(--calcite-app-foreground);-webkit-transition:background-color var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);transition:background-color var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);-webkit-animation:calcite-app-fade-in var(--calcite-app-animation-time) var(--calcite-app-easing-function);animation:calcite-app-fade-in var(--calcite-app-animation-time) var(--calcite-app-easing-function)}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#00619b;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}:host(:hover),:host(:focus){background-color:var(--calcite-app-background-hover)}.icon{color:var(--calcite-app-foreground-link);-ms-flex:0 0 0%;flex:0 0 0%;line-height:0;width:var(--calcite-app-icon-size);margin:0 var(--calcite-app-side-spacing-quarter);opacity:0}:host([selected]) .icon{-webkit-transition:opacity var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);transition:opacity var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);opacity:1}.label{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-quarter);-ms-flex-align:center;align-items:center;cursor:pointer;outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset var(--calcite-app-animation-time-fast) ease-in-out, outline-color var(--calcite-app-animation-time-fast) ease-in-out;transition:outline-offset var(--calcite-app-animation-time-fast) ease-in-out, outline-color var(--calcite-app-animation-time-fast) ease-in-out}.label:focus{outline:2px solid var(--calcite-ui-blue-1);outline-offset:-2px}.text-container{display:-ms-flexbox;display:flex;-ms-flex-flow:column nowrap;flex-flow:column nowrap;overflow:hidden;pointer-events:none;padding:0 var(--calcite-app-side-spacing-quarter)}.title{font-size:var(--calcite-app-font-size--1);display:-webkit-box;overflow:hidden;white-space:pre-wrap;word-break:break-all;-webkit-line-clamp:2;-webkit-box-orient:vertical}.description{color:var(--calcite-app-foreground-subtle);font-family:var(--calcite-app-font-family-monospace);font-size:var(--calcite-app-font-size--2);margin-top:var(--calcite-app-cap-spacing-quarter);display:-webkit-box;overflow:hidden;white-space:pre-wrap;word-break:break-all;-webkit-line-clamp:2;-webkit-box-orient:vertical}.action{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;justify-self:flex-end;margin:var(--calcite-app-cap-spacing-quarter) var(--calcite-app-side-spacing-half)}";export{d as calcite_pick_list_item} \ No newline at end of file diff --git a/docs/build/p-b996c942.system.js b/docs/build/p-b996c942.system.js deleted file mode 100644 index 59069c18..00000000 --- a/docs/build/p-b996c942.system.js +++ /dev/null @@ -1,7 +0,0 @@ -System.register([],(function(r){"use strict";return{execute:function(){function e(r,e){return e={exports:{}},r(e,e.exports),e.exports}var t=e((function(r){ -/*! - Copyright (c) 2017 Jed Watson. - Licensed under the MIT License (MIT), see - http://jedwatson.github.io/classnames - */ -(function(){var e={}.hasOwnProperty;function t(){var r=[];for(var n=0;n0&&i[i.length-1])&&(s[0]===6||s[0]===2)){t=0;continue}if(s[0]===3&&(!i||s[1]>i[0]&&s[1]-1}();var g=function(e){return Promise.resolve(e)};var y=function(){try{new CSSStyleSheet;return true}catch(e){}return false}();var b=function(e,r,t,n){if(t){t.map((function(t){var n=t[0],a=t[1],i=t[2];var s=e;var o=w(r,i);var l=R(n);p.ael(s,a,o,l);(r.$rmListeners$=r.$rmListeners$||[]).push((function(){return p.rel(s,a,o,l)}))}))}};var w=function(e,r){return function(t){{if(e.$flags$&256){e.$lazyInstance$[r](t)}else{(e.$queuedListeners$=e.$queuedListeners$||[]).push([r,t])}}}};var R=function(e){return(e&2)!==0};var N="{visibility:hidden}.hydrated{visibility:inherit}";var _="http://www.w3.org/1999/xlink";var S=function(e,r){if(r===void 0){r=""}{return function(){return}}};var x=function(e,r){{return function(){return}}};var k=new WeakMap;var C=function(e,r,t){var n=De.get(e);if(y&&t){n=n||new CSSStyleSheet;n.replace(r)}else{n=r}De.set(e,n)};var T=function(e,r,t,n){var a=j(r.$tagName$);var i=De.get(a);e=e.nodeType===11?e:h;if(i){if(typeof i==="string"){e=e.head||e;var s=k.get(e);var o=void 0;if(!s){k.set(e,s=new Set)}if(!s.has(a)){{if(p.$cssShim$){o=p.$cssShim$.createHostStyle(n,a,i,!!(r.$flags$&10));var l=o["s-sc"];if(l){a=l;s=null}}else{o=h.createElement("style");o.innerHTML=i}e.insertBefore(o,e.querySelector("link"))}if(s){s.add(a)}}}else if(!e.adoptedStyleSheets.includes(i)){e.adoptedStyleSheets=__spreadArrays(e.adoptedStyleSheets,[i])}}return a};var L=function(e){var r=e.$cmpMeta$;var t=e.$hostElement$;var n=r.$flags$;var a=S("attachStyles",r.$tagName$);var i=T(m&&t.shadowRoot?t.shadowRoot:t.getRootNode(),r,e.$modeName$,t);if(n&10){t["s-sc"]=i;t.classList.add(i+"-h")}a()};var j=function(e,r){return"sc-"+e};var E={};var A=function(e){return e!=null};var P=function(e){e=typeof e;return e==="object"||e==="function"};var M=function(e){return"__sc_import_"+e.replace(/\s|-/g,"_")};var O=e("h",(function(e,r){var t=[];for(var n=2;n0){c.$children$=f}{c.$key$=i}{c.$name$=s}return c}));var I=function(e,r){var t={$flags$:0,$tag$:e,$text$:r,$elm$:null,$children$:null};{t.$attrs$=null}{t.$key$=null}{t.$name$=null}return t};var U=e("H",{});var B=function(e){return e&&e.$tag$===U};var z={forEach:function(e,r){return e.map(q).forEach(r)},map:function(e,r){return e.map(q).map(r).map(H)}};var q=function(e){return{vattrs:e.$attrs$,vchildren:e.$children$,vkey:e.$key$,vname:e.$name$,vtag:e.$tag$,vtext:e.$text$}};var H=function(e){var r=I(e.vtag,e.vtext);r.$attrs$=e.vattrs;r.$children$=e.vchildren;r.$key$=e.vkey;r.$name$=e.vname;return r};var V=function(e,r,t,n,a,i){if(t!==n){var s=qe(e,r);var o=r.toLowerCase();if(r==="class"){var l=e.classList;var f=D(t);var $=D(n);l.remove.apply(l,f.filter((function(e){return e&&!$.includes(e)})));l.add.apply(l,$.filter((function(e){return e&&!f.includes(e)})))}else if(r==="style"){{for(var u in t){if(!n||n[u]==null){if(u.includes("-")){e.style.removeProperty(u)}else{e.style[u]=""}}}}for(var u in n){if(!t||n[u]!==t[u]){if(u.includes("-")){e.style.setProperty(u,n[u])}else{e.style[u]=n[u]}}}}else if(r==="key");else if(r==="ref"){if(n){n(e)}}else if(!s&&r[0]==="o"&&r[1]==="n"){if(r[2]==="-"){r=r.slice(3)}else if(qe(v,o)){r=o.slice(2)}else{r=o[2]+r.slice(3)}if(t){p.rel(e,r,t,false)}if(n){p.ael(e,r,n,false)}}else{var c=P(n);if((s||c&&n!==null)&&!a){try{if(!e.tagName.includes("-")){var d=n==null?"":n;if(r==="list"){s=false}else if(t==null||e[r]!=d){e[r]=d}}else{e[r]=n}}catch(m){}}var h=false;{if(o!==(o=o.replace(/^xlink\:?/,""))){r=o;h=true}}if(n==null||n===false){if(h){e.removeAttributeNS(_,r)}else{e.removeAttribute(r)}}else if((!s||i&4||a)&&!c){n=n===true?"":n;if(h){e.setAttributeNS(_,r,n)}else{e.setAttribute(r,n)}}}}};var W=/\s/;var D=function(e){return!e?[]:e.split(W)};var F=function(e,r,t,n){var a=r.$elm$.nodeType===11&&r.$elm$.host?r.$elm$.host:r.$elm$;var i=e&&e.$attrs$||E;var s=r.$attrs$||E;{for(n in i){if(!(n in s)){V(a,n,i[n],undefined,t,r.$flags$)}}}for(n in s){V(a,n,i[n],s[n],t,r.$flags$)}};var G=function(e,r,t,n){var l=r.$children$[t];var u=0;var c;var v;var d;if(!o){f=true;if(l.$tag$==="slot"){if(a){n.classList.add(a+"-s")}l.$flags$|=l.$children$?2:1}}if(l.$text$!==null){c=l.$elm$=h.createTextNode(l.$text$)}else if(l.$flags$&1){c=l.$elm$=h.createTextNode("")}else{c=l.$elm$=h.createElement(l.$flags$&2?"slot-fb":l.$tag$);{F(null,l,$)}if(A(a)&&c["s-si"]!==a){c.classList.add(c["s-si"]=a)}if(l.$children$){for(u=0;u=0;n--){var a=t[n];if(a["s-hn"]!==s&&a["s-ol"]){ee(a).insertBefore(a,Z(a));a["s-ol"].remove();a["s-ol"]=undefined;f=true}if(r){Q(a,r)}}p.$flags$&=~1};var J=function(e,r,t,n,a,i){var o=e["s-cr"]&&e["s-cr"].parentNode||e;var l;if(o.shadowRoot&&o.tagName===s){o=o.shadowRoot}for(;a<=i;++a){if(n[a]){l=G(null,t,a,e);if(l){n[a].$elm$=l;o.insertBefore(l,Z(r))}}}};var K=function(e,r,t,n,a){for(;r<=t;++r){if(n=e[r]){a=n.$elm$;se(n);{l=true;if(a["s-ol"]){a["s-ol"].remove()}else{Q(a,true)}}a.remove()}}};var X=function(e,r,t,n){var a=0;var i=0;var s=0;var o=0;var l=r.length-1;var f=r[0];var $=r[l];var u=n.length-1;var c=n[0];var v=n[u];var d;var h;while(a<=l&&i<=u){if(f==null){f=r[++a]}else if($==null){$=r[--l]}else if(c==null){c=n[++i]}else if(v==null){v=n[--u]}else if(Y(f,c)){re(f,c);f=r[++a];c=n[++i]}else if(Y($,v)){re($,v);$=r[--l];v=n[--u]}else if(Y(f,v)){if(f.$tag$==="slot"||v.$tag$==="slot"){Q(f.$elm$.parentNode,false)}re(f,v);e.insertBefore(f.$elm$,$.$elm$.nextSibling);f=r[++a];v=n[--u]}else if(Y($,c)){if(f.$tag$==="slot"||v.$tag$==="slot"){Q($.$elm$.parentNode,false)}re($,c);e.insertBefore($.$elm$,f.$elm$);$=r[--l];c=n[++i]}else{s=-1;{for(o=a;o<=l;++o){if(r[o]&&r[o].$key$!==null&&r[o].$key$===c.$key$){s=o;break}}}if(s>=0){h=r[s];if(h.$tag$!==c.$tag$){d=G(r&&r[i],t,s,e)}else{re(h,c);r[s]=undefined;d=h.$elm$}c=n[++i]}else{d=G(r&&r[i],t,i,e);c=n[++i]}if(d){{ee(f.$elm$).insertBefore(d,Z(f.$elm$))}}}}if(a>l){J(e,n[u+1]==null?null:n[u+1].$elm$,t,n,i,u)}else if(i>u){K(r,a,l)}};var Y=function(e,r){if(e.$tag$===r.$tag$){if(e.$tag$==="slot"){return e.$name$===r.$name$}{return e.$key$===r.$key$}}return false};var Z=function(e){return e&&e["s-ol"]||e};var ee=function(e){return(e["s-ol"]?e["s-ol"]:e).parentNode};var re=function(e,r){var t=r.$elm$=e.$elm$;var n=e.$children$;var a=r.$children$;var i=r.$tag$;var s=r.$text$;var o;if(s===null){{if(i==="slot");else{F(e,r,$)}}if(n!==null&&a!==null){X(t,n,r,a)}else if(a!==null){if(e.$text$!==null){t.textContent=""}J(t,null,r,a,0,a.length-1)}else if(n!==null){K(n,0,n.length-1)}}else if(o=t["s-cr"]){o.parentNode.textContent=s}else if(e.$text$!==s){t.data=s}};var te=function(e){var r=e.childNodes;var t;var n;var a;var i;var s;var o;for(n=0,a=r.length;n=0;s--){t=n[s];if(!t["s-cn"]&&!t["s-nr"]&&t["s-hn"]!==r["s-hn"]){if(ie(t,a)){i=ne.find((function(e){return e.$nodeToRelocate$===t}));l=true;t["s-sn"]=t["s-sn"]||a;if(i){i.$slotRefNode$=r}else{ne.push({$slotRefNode$:r,$nodeToRelocate$:t})}if(t["s-sr"]){ne.map((function(e){if(ie(e.$nodeToRelocate$,t["s-sn"])){i=ne.find((function(e){return e.$nodeToRelocate$===t}));if(i&&!e.$slotRefNode$){e.$slotRefNode$=i.$slotRefNode$}}}))}}else if(!ne.some((function(e){return e.$nodeToRelocate$===t}))){ne.push({$nodeToRelocate$:t})}}}}if(r.nodeType===1){ae(r)}}};var ie=function(e,r){if(e.nodeType===1){if(e.getAttribute("slot")===null&&r===""){return true}if(e.getAttribute("slot")===r){return true}return false}if(e["s-sn"]===r){return true}return r===""};var se=function(e){{e.$attrs$&&e.$attrs$.ref&&e.$attrs$.ref(null);e.$children$&&e.$children$.map(se)}};var oe=function(e,r){var t=e.$hostElement$;var n=e.$cmpMeta$;var $=e.$vnode$||I(null,null);var u=B(r)?r:O(null,null,r);s=t.tagName;if(n.$attrsToReflect$){u.$attrs$=u.$attrs$||{};n.$attrsToReflect$.map((function(e){var r=e[0],n=e[1];return u.$attrs$[n]=t[r]}))}u.$tag$=null;u.$flags$|=4;e.$vnode$=u;u.$elm$=$.$elm$=t.shadowRoot||t;{a=t["s-sc"]}{i=t["s-cr"];o=m&&(n.$flags$&1)!==0;l=false}re($,u);{p.$flags$|=1;if(f){ae(u.$elm$);var c=void 0;var v=void 0;var d=void 0;var g=void 0;var y=void 0;var b=void 0;var w=0;for(;w0){Qe.push.apply(Qe,Ge);Ge.length=0}if(c=Fe.length+Ge.length+Qe.length>0){p.raf(Ye)}else{u=0}}};var Ze=function(e){return g().then(e)};var er=Je(Ge,true);var rr=e("a",(function(){if(!(d&&d.supports&&d.supports("color","var(--c)"))){return r.import("./p-3aacad49.system.js").then((function(){if(p.$cssShim$=v.__cssshim){return p.$cssShim$.i()}else{return 0}}))}return g()}));var tr=e("p",(function(){{p.$cssShim$=v.__cssshim}var e=Array.from(h.querySelectorAll("script")).find((function(e){return new RegExp("/"+n+"(\\.esm)?\\.js($|\\?|#)").test(e.src)||e.getAttribute("data-stencil-namespace")===n}));var t=e["data-opts"]||{};if("onbeforeload"in e&&!history.scrollRestoration){return{then:function(){}}}{t.resourcesUrl=new URL(".",new URL(e.getAttribute("data-resources-url")||e.src,v.location.href)).href;{nr(t.resourcesUrl,e)}if(!v.customElements){return r.import("./p-a12694d7.system.js").then((function(){return t}))}}return g(t)}));var nr=function(e,r){var t=M(n);try{v[t]=new Function("w","return import(w);//"+Math.random())}catch(i){var a=new Map;v[t]=function(n){var i=new URL(n,e).href;var s=a.get(i);if(!s){var o=h.createElement("script");o.type="module";o.crossOrigin=r.crossOrigin;o.src=URL.createObjectURL(new Blob(["import * as m from '"+i+"'; window."+t+".m = m;"],{type:"application/javascript"}));s=new Promise((function(e){o.onload=function(){e(v[t].m);o.remove()}}));a.set(i,s);h.head.appendChild(o)}return s}}}}}})); \ No newline at end of file diff --git a/docs/build/p-c1467322.entry.js b/docs/build/p-c1467322.entry.js new file mode 100644 index 00000000..38eca33e --- /dev/null +++ b/docs/build/p-c1467322.entry.js @@ -0,0 +1 @@ +import{r as t,c as e,h as a,g as i}from"./p-9d0aa6e4.js";import"./p-27f3f0d7.js";import{a as s}from"./p-2a6389bf.js";import"./p-cf80779e.js";import"./p-c55f1634.js";import"./p-bdefc18b.js";import{m as c,d as o,s as r,h as l,g as p,k as n,i as d,a as h,c as b,b as f,e as u,f as g,j as m,L as v}from"./p-d8091628.js";import{S as x}from"./p-14b00fa9.js";var k;!function(t){t.grip="grip"}(k||(k={}));const w=class{constructor(a){t(this,a),this.disabled=!1,this.dragEnabled=!1,this.filterEnabled=!1,this.loading=!1,this.multiple=!1,this.textFilterPlaceholder="Filter results",this.selectedValues=new Map,this.dataForFilter=[],this.lastSelectedItem=null,this.guid="calcite-value-list-"+s(),this.observer=new MutationObserver(c.bind(this)),this.sortables=[],this.deselectSiblingItems=o.bind(this),this.selectSiblings=r.bind(this),this.handleFilter=l.bind(this),this.getItemData=p.bind(this),this.keyDownHandler=t=>{const e=t.composedPath().find(t=>{var e;return null===(e=t.dataset)||void 0===e?void 0:e.jsHandle}),a=t.composedPath().find(t=>{var e;return"calcite-value-list-item"===(null===(e=t.tagName)||void 0===e?void 0:e.toLowerCase())});if(!e||!a.handleActivated)return void n.call(this,t);const i=this.items.length-1,s=a.value,c=this.items.findIndex(t=>t.value===s);let o,r=!1;switch(t.key){case"ArrowUp":t.preventDefault(),0===c?r=!0:o=c-1;break;case"ArrowDown":t.preventDefault(),c===i?o=0:c===i-1?r=!0:o=c+2;break;default:return}r?a.parentElement.appendChild(a):a.parentElement.insertBefore(a,this.items[o]),e.focus(),a.handleActivated=!0},this.calciteListChange=e(this,"calciteListChange",7),this.calciteListOrderChange=e(this,"calciteListOrderChange",7)}connectedCallback(){d.call(this),h.call(this)}componentDidLoad(){this.setUpDragAndDrop()}componentDidUnload(){b.call(this),this.cleanUpDragAndDrop()}calciteListItemChangeHandler(t){f.call(this,t)}calciteListItemPropsChangeHandler(t){t.stopPropagation(),this.setUpFilter()}calciteListItemValueChangeHandler(t){u.call(this,t)}setUpItems(){g.call(this,"calcite-value-list-item")}setUpFilter(){this.filterEnabled&&(this.dataForFilter=this.getItemData())}setUpDragAndDrop(){this.dragEnabled&&this.sortables.push(x.create(this.el,{group:this.guid,handle:".handle",draggable:"calcite-value-list-item",onUpdate:()=>{this.items=Array.from(this.el.querySelectorAll("calcite-value-list-item"));const t=this.items.map(t=>t.value);this.calciteListOrderChange.emit(t)}}))}cleanUpDragAndDrop(){this.dragEnabled&&(this.sortables.forEach(t=>{t.destroy()}),this.sortables=[])}async getSelectedItems(){return this.selectedValues}async setFocus(){return m.call(this)}getIconType(){let t=null;return this.dragEnabled&&(t=k.grip),t}render(){return a(v,{props:this,onKeyDown:this.keyDownHandler})}get el(){return i(this)}};w.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{-ms-flex-align:stretch;align-items:stretch;background-color:var(--calcite-app-background-clear);display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-flow:column;flex-flow:column;position:relative}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#00619b;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}calcite-value-list-item:last-of-type{-webkit-box-shadow:none;box-shadow:none}header{background-color:var(--calcite-app-background);display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center;margin-bottom:var(--calcite-app-cap-spacing-quarter);-webkit-box-shadow:0 -1px 0 var(--calcite-app-border) inset;box-shadow:0 -1px 0 var(--calcite-app-border) inset}header.sticky{position:-webkit-sticky;position:sticky;top:0;z-index:1}calcite-filter{margin-bottom:1px}calcite-scrim{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-flow:column;flex-flow:column;pointer-events:none}slot[name=menu-actions]::slotted(calcite-action){padding:0 var(--calcite-app-side-spacing-half)}";export{w as calcite_value_list} \ No newline at end of file diff --git a/docs/build/p-cca72c93.system.entry.js b/docs/build/p-cca72c93.system.entry.js new file mode 100644 index 00000000..72075711 --- /dev/null +++ b/docs/build/p-cca72c93.system.entry.js @@ -0,0 +1 @@ +var __awaiter=this&&this.__awaiter||function(e,t,a,r){function n(e){return e instanceof a?e:new a((function(t){t(e)}))}return new(a||(a=Promise))((function(a,c){function i(e){try{l(r.next(e))}catch(t){c(t)}}function o(e){try{l(r["throw"](e))}catch(t){c(t)}}function l(e){e.done?a(e.value):n(e.value).then(i,o)}l((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var a={label:0,sent:function(){if(c[0]&1)throw c[1];return c[1]},trys:[],ops:[]},r,n,c,i;return i={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function o(e){return function(t){return l([e,t])}}function l(i){if(r)throw new TypeError("Generator is already executing.");while(a)try{if(r=1,n&&(c=i[0]&2?n["return"]:i[0]?n["throw"]||((c=n["return"])&&c.call(n),0):n.next)&&!(c=c.call(n,i[1])).done)return c;if(n=0,c)i=[i[0]&2,c.value];switch(i[0]){case 0:case 1:c=i;break;case 4:a.label++;return{value:i[1],done:false};case 5:a.label++;n=i[1];i=[0];continue;case 7:i=a.ops.pop();a.trys.pop();continue;default:if(!(c=a.trys,c=c.length>0&&c[c.length-1])&&(i[0]===6||i[0]===2)){a=0;continue}if(i[0]===3&&(!c||i[1]>c[0]&&i[1]0&&n[n.length-1])&&(c[0]===6||c[0]===2)){a=0;continue}if(c[0]===3&&(!n||c[1]>n[0]&&c[1]0&&n[n.length-1])&&(o[0]===6||o[0]===2)){a=0;continue}if(o[0]===3&&(!n||o[1]>n[0]&&o[1]{this.cleanUpDragAndDrop(),this.items=Array.from(this.el.children),this.setUpDragAndDrop()}),this.calciteListOrderChange=t(this,"calciteListOrderChange",7)}connectedCallback(){this.items=Array.from(this.el.children),this.setUpDragAndDrop(),this.beginObserving()}componentDidUnload(){this.observer.disconnect(),this.cleanUpDragAndDrop()}calciteHandleNudgeHandler(a){const t=this.items.find(t=>t.contains(a.detail.handle)||a.composedPath().includes(t)),e=this.items.length-1,c=this.items.indexOf(t);let i,r=!1;switch(a.detail.direction){case"up":a.preventDefault(),0===c?r=!0:i=c-1;break;case"down":a.preventDefault(),c===e?i=0:c===e-1?r=!0:i=c+2;break;default:return}this.observer.disconnect(),r?t.parentElement.appendChild(t):t.parentElement.insertBefore(t,this.items[i]),this.items=Array.from(this.el.children),a.detail.handle.activated=!0,a.detail.handle.setFocus(),this.beginObserving()}setUpDragAndDrop(){this.sortable=r.create(this.el,{handle:this.handleSelector,onUpdate:()=>{this.items=Array.from(this.el.children),this.calciteListOrderChange.emit()},onStart:()=>{this.observer.disconnect()},onEnd:()=>{this.beginObserving()}})}cleanUpDragAndDrop(){this.sortable.destroy(),this.sortable=null}beginObserving(){this.observer.observe(this.el,{childList:!0,subtree:!0})}render(){return e(c,null,e("slot",null))}get el(){return i(this)}};s.style=":host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#007ac2;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}";export{s as calcite_sortable_list} \ No newline at end of file +import{r as a,c as t,h as e,H as c,g as i}from"./p-9d0aa6e4.js";import{S as r}from"./p-14b00fa9.js";const s=class{constructor(e){a(this,e),this.handleSelector="calcite-handle",this.disabled=!1,this.loading=!1,this.handleActivated=!1,this.items=[],this.observer=new MutationObserver(()=>{this.cleanUpDragAndDrop(),this.items=Array.from(this.el.children),this.setUpDragAndDrop()}),this.calciteListOrderChange=t(this,"calciteListOrderChange",7)}connectedCallback(){this.items=Array.from(this.el.children),this.setUpDragAndDrop(),this.beginObserving()}componentDidUnload(){this.observer.disconnect(),this.cleanUpDragAndDrop()}calciteHandleNudgeHandler(a){const t=this.items.find(t=>t.contains(a.detail.handle)||a.composedPath().includes(t)),e=this.items.length-1,c=this.items.indexOf(t);let i,r=!1;switch(a.detail.direction){case"up":a.preventDefault(),0===c?r=!0:i=c-1;break;case"down":a.preventDefault(),c===e?i=0:c===e-1?r=!0:i=c+2;break;default:return}this.observer.disconnect(),r?t.parentElement.appendChild(t):t.parentElement.insertBefore(t,this.items[i]),this.items=Array.from(this.el.children),a.detail.handle.activated=!0,a.detail.handle.setFocus(),this.beginObserving()}setUpDragAndDrop(){this.sortable=r.create(this.el,{handle:this.handleSelector,onUpdate:()=>{this.items=Array.from(this.el.children),this.calciteListOrderChange.emit()},onStart:()=>{this.observer.disconnect()},onEnd:()=>{this.beginObserving()}})}cleanUpDragAndDrop(){this.sortable.destroy(),this.sortable=null}beginObserving(){this.observer.observe(this.el,{childList:!0,subtree:!0})}render(){return e(c,null,e("slot",null))}get el(){return i(this)}};s.style=":host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#00619b;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}";export{s as calcite_sortable_list} \ No newline at end of file diff --git a/docs/build/p-d5e1fdd7.js b/docs/build/p-d5e1fdd7.js deleted file mode 100644 index 7d65e21a..00000000 --- a/docs/build/p-d5e1fdd7.js +++ /dev/null @@ -1 +0,0 @@ -import{h as e}from"./p-3125ea46.js";const t={alignItems:"center",animation:"calcite-app-fade-in var(--calcite-app-animation-time) var(--calcite-app-easing-function)",backgroundColor:"var(--calcite-app-scrim)",bottom:"0",display:"flex",justifyContent:"center",left:"0",position:"absolute",right:"0",top:"0",userSelect:"none",zIndex:"2"},i={position:"relative",zIndex:"1"},a=({loading:a,disabled:n},l)=>{const o=n||a,c=null==l?void 0:l.length,r=a?e("calcite-loader",{"is-active":!0}):null,s=e("div",{style:t},r),p=c?e("div",{style:i},l):null;return o?[s,p]:l};export{a as C} \ No newline at end of file diff --git a/docs/build/p-a092b016.system.js b/docs/build/p-d6af8cff.system.js similarity index 56% rename from docs/build/p-a092b016.system.js rename to docs/build/p-d6af8cff.system.js index c2b907f6..7c3b7d1a 100644 --- a/docs/build/p-a092b016.system.js +++ b/docs/build/p-d6af8cff.system.js @@ -1 +1 @@ -System.register([],(function(e){"use strict";return{execute:function(){var t=e("C",{action:"action",description:"description",handle:"handle",handleActivated:"handle--activated",highlight:"highlight",icon:"icon",label:"label",remove:"remove",title:"title",textContainer:"text-container"});var c=e("I",{unchecked:"square",checked:"check",circle:"circleF",remove:"x"});var i=e("S",{secondaryAction:"secondary-action"});var n=e("T",{remove:"remove"})}}})); \ No newline at end of file +System.register([],(function(e){"use strict";return{execute:function(){var t=e("C",{action:"action",description:"description",handle:"handle",handleActivated:"handle--activated",highlight:"highlight",icon:"icon",label:"label",remove:"remove",title:"title",textContainer:"text-container"});var i=e("I",{checked:"check",circle:"circleF",remove:"x"});var c=e("S",{secondaryAction:"secondary-action"});var n=e("T",{remove:"remove"})}}})); \ No newline at end of file diff --git a/docs/build/p-d8091628.js b/docs/build/p-d8091628.js new file mode 100644 index 00000000..6ec3112e --- /dev/null +++ b/docs/build/p-d8091628.js @@ -0,0 +1 @@ +import{h as t,H as i}from"./p-9d0aa6e4.js";import{f as s,a as n,g as e,b as a}from"./p-27f3f0d7.js";import{g as o}from"./p-cf80779e.js";import{C as r}from"./p-c55f1634.js";import{d as c}from"./p-bdefc18b.js";function h(){this.setUpItems(),this.setUpFilter()}const l=["ArrowUp","ArrowDown"];function f(){this.setUpItems(),this.setUpFilter(),this.emitCalciteListChange=c(j.bind(this),0)}function u(){this.observer.observe(this.el,{childList:!0,subtree:!0})}function d(){this.observer.disconnect()}function m(t){const{selectedValues:i}=this,{item:s,value:n,selected:e,shiftPressed:a}=t.detail;e?(this.multiple||this.deselectSiblingItems(s),this.multiple&&a&&this.selectSiblings(s),i.set(n,s)):(i.delete(n),this.multiple&&a&&this.selectSiblings(s,!0)),this.multiple||g(s,e),this.lastSelectedItem=s,this.emitCalciteListChange()}function p(t){t.stopPropagation();const i=t.detail.oldValue,s=this.selectedValues;if(s.has(i)){const n=s.get(i);s.delete(i),s.set(t.detail.newValue,n)}}function b(t){const{key:i,target:n}=t;if(!function(t){return!!l.find(i=>i===t)}(i))return;const{items:e,multiple:a}=this,{length:r}=e,c=e.indexOf(n);if(!r||-1===c)return;t.preventDefault();const h=e[o(c+("ArrowUp"===i?-1:1),r)];g(h,!0),s(h),a||(h.selected=!0)}function j(){this.calciteListChange.emit(this.selectedValues)}function g(t,i){i?t.removeAttribute("tabindex"):t.setAttribute("tabindex","-1")}function v(){const{multiple:t,items:i}=this;if(0!==i.length)return t?i[0].setFocus():(i.find(t=>t.selected)||i[0]).setFocus()}function F(t){this.items=Array.from(this.el.querySelectorAll(t));let i=!1;const{items:s}=this;s.forEach(t=>{t.icon=this.getIconType(),this.multiple||(t.disableDeselect=!0,g(t,!1)),t.selected&&(i=!0,g(t,!0),this.selectedValues.set(t.value,t))});const[n]=s;!i&&n&&g(n,!0)}function O(t){this.items.forEach(i=>{i.value!==t.value&&(i.toggleSelected(!1),this.selectedValues.has(i.value)&&this.selectedValues.delete(i.value))})}function w(t,i=!1){if(!this.lastSelectedItem)return;const{items:s}=this,n=s.findIndex(t=>t.value===this.lastSelectedItem.value),e=s.findIndex(i=>i.value===t.value);s.slice(Math.min(n,e),Math.max(n,e)).forEach(t=>{t.toggleSelected(!i),i?this.selectedValues.delete(t.value):this.selectedValues.set(t.value,t)})}function x(t){const i=t.detail.map(t=>t.value);this.items.forEach(t=>{const s=t.parentElement.matches("calcite-pick-list-group");if(t.hidden=-1===i.indexOf(t.value),s){const s=n(t.parentElement,"parent-item");null!==s&&(-1!==i.indexOf(s.value)&&(t.hidden=!1),-1!==i.indexOf(t.value)&&(s.hidden=!1))}})}function y(){return this.items.map(t=>({label:t.textLabel,description:t.textDescription,metadata:t.metadata,value:t.value}))}const A=s=>{var{props:n}=s,o=function(t,i){var s={};for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&i.indexOf(n)<0&&(s[n]=t[n]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var e=0;for(n=Object.getOwnPropertySymbols(t);e{const i=new RegExp(a,"ig");if(0===this.data.length)return console.warn("No data was passed to calcite-filter.\n The data property expects an array of objects"),void this.calciteFilterChange.emit([]);const t=(a,i)=>{let e=!1;return r(a,a=>{"function"!=typeof a&&(Array.isArray(a)||"object"==typeof a&&null!==a?t(a,i)&&(e=!0):i.test(a)&&(e=!0))}),e},e=this.data.filter(a=>t(a,i));this.calciteFilterChange.emit(e)},250),this.inputHandler=a=>{const i=a.target;this.empty=""===i.value,this.filter(i.value)},this.clear=()=>{this.textInput.value="",this.empty=!0,this.calciteFilterChange.emit(this.data)},this.calciteFilterChange=i(this,"calciteFilterChange",7)}render(){return t(e,null,t("label",null,t("input",{type:"text",value:"",placeholder:this.placeholder||this.textPlaceholder,onInput:this.inputHandler,"aria-label":this.intlLabel||this.textLabel||"filter",ref:a=>{this.textInput=a}}),t("div",{class:"search-icon"},t("calcite-icon",{scale:"s",icon:"search"}))),this.empty?null:t("button",{onClick:this.clear,class:"clear-button","aria-label":this.intlClear||"Clear filter"},t("calcite-icon",{icon:"x"})))}get el(){return c(this)}};n.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:-ms-flexbox;display:flex;padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-half);width:100%}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#007ac2;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}label{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;margin:0 var(--calcite-app-side-spacing-quarter);overflow:hidden;position:relative;width:100%}input[type=text]{background-color:transparent;border:0;font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);margin-bottom:calc(var(--calcite-app-cap-spacing-minimum) * 2);padding:var(--calcite-app-cap-spacing-quarter) var(--calcite-app-side-spacing-quarter) var(--calcite-app-cap-spacing-quarter) var(--calcite-app-side-spacing-plus-half);-webkit-transition:padding var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), -webkit-box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);transition:padding var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), -webkit-box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);transition:padding var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);transition:padding var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), -webkit-box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);width:100%}input[type=text]::-ms-clear{display:none}input[type=text]:focus{border-color:var(--calcite-app-foreground-active);-webkit-box-shadow:0 calc(var(--calcite-app-cap-spacing-minimum) * 2) 0 var(--calcite-app-foreground-active);box-shadow:0 calc(var(--calcite-app-cap-spacing-minimum) * 2) 0 var(--calcite-app-foreground-active);outline:none;padding-left:var(--calcite-app-side-spacing-quarter);padding-right:var(--calcite-app-side-spacing-quarter)}.search-icon{color:var(--calcite-app-foreground-subtle);display:-ms-flexbox;display:flex;left:0;position:absolute;-webkit-transition:left var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), opacity var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);transition:left var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), opacity var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function)}.clear-button{color:var(--calcite-app-foreground);background:none;border:0;cursor:pointer}.clear-button:hover,.clear-button:focus{color:var(--calcite-app-foreground-hover)}.calcite--rtl input[type=text]{padding-left:var(--calcite-app-side-spacing-quarter);padding-right:var(--calcite-app-side-spacing-plus-half)}.calcite--rtl .search-icon{left:unset;right:0}input[type=text]:focus~.search-icon{left:calc(var(--calcite-app-icon-size) * -1);opacity:0}";export{n as calcite_filter} \ No newline at end of file diff --git a/docs/build/p-de803772.js b/docs/build/p-de803772.js new file mode 100644 index 00000000..be4cb527 --- /dev/null +++ b/docs/build/p-de803772.js @@ -0,0 +1,12 @@ +/** + * @license + * Copyright Google Inc. All Rights Reserved. + * + * Use of this source code is governed by an MIT-style license that can be + * found in the LICENSE file at https://angular.io/license + * + * This file is a port of shadowCSS from webcomponents.js to TypeScript. + * https://github.com/webcomponents/webcomponentsjs/blob/4efecd7e0e/src/ShadowCSS/ShadowCSS.js + * https://github.com/angular/angular/blob/master/packages/compiler/src/shadow_css.ts + */ +const s=/(-shadowcsshost)(?:\(((?:\([^)(]*\)|[^)(]*)+?)\))?([^,{]*)/gim,t=/(-shadowcsscontext)(?:\(((?:\([^)(]*\)|[^)(]*)+?)\))?([^,{]*)/gim,o=/(-shadowcssslotted)(?:\(((?:\([^)(]*\)|[^)(]*)+?)\))?([^,{]*)/gim,n=/-shadowcsshost-no-combinator([^\s]*)/,e=[/::shadow/g,/::content/g],c=/-shadowcsshost/gim,r=/:host/gim,h=/::slotted/gim,a=/:host-context/gim,d=/\/\*\s*[\s\S]*?\*\//g,l=/\/\*\s*#\s*source(Mapping)?URL=[\s\S]+?\*\//g,i=/(\s*)([^;\{\}]+?)(\s*)((?:{%BLOCK%}?\s*;?)|(?:\s*;))/g,g=/([{}])/g,u=(s,t)=>{const o=m(s);let n=0;return o.escapedString.replace(i,(...s)=>{const e=s[2];let c="",r=s[4],h="";r&&r.startsWith("{%BLOCK%")&&(c=o.blocks[n++],r=r.substring(8),h="{");const a=t({selector:e,content:c});return`${s[1]}${a.selector}${s[3]}${h}${a.content}${r}`})},m=s=>{const t=s.split(g),o=[],n=[];let e=0,c=[];for(let r=0;r0?c.push(s):(c.length>0&&(n.push(c.join("")),o.push("%BLOCK%"),c=[]),o.push(s)),"{"===s&&e++}return c.length>0&&(n.push(c.join("")),o.push("%BLOCK%")),{escapedString:o.join(""),blocks:n}},w=(s,t,o)=>s.replace(t,(...s)=>{if(s[2]){const t=s[2].split(","),n=[];for(let e=0;es+t.replace("-shadowcsshost","")+o,$=(s,t,o)=>t.indexOf("-shadowcsshost")>-1?p(s,t,o):s+t+o+", "+t+" "+s+o,_=(s,t,o,e)=>u(s,s=>{let r=s.selector,h=s.content;return"@"!==s.selector[0]?r=((s,t,o,e)=>s.split(",").map(s=>e&&s.indexOf("."+e)>-1?s.trim():((s,t)=>!(s=>(s=s.replace(/\[/g,"\\[").replace(/\]/g,"\\]"),RegExp("^("+s+")([>\\s~+[.,{:][\\s\\S]*)?$","m")))(t).test(s))(s,t)?((s,t,o)=>{const e="."+(t=t.replace(/\[is=([^\]]*)\]/g,(s,...t)=>t[0])),r=s=>{let r=s.trim();if(!r)return"";if(s.indexOf("-shadowcsshost-no-combinator")>-1)r=((s,t,o)=>{if(c.lastIndex=0,c.test(s)){const t="."+o;return s.replace(n,(s,o)=>o.replace(/([^:]*)(:*)(.*)/,(s,o,n,e)=>o+t+n+e)).replace(c,t+" ")}return t+" "+s})(s,t,o);else{const t=s.replace(c,"");if(t.length>0){const s=t.match(/([^:]*)(:*)(.*)/);s&&(r=s[1]+e+s[2]+s[3])}}return r},h=(s=>{const t=[];let o,n=0;return o=(s=s.replace(/(\[[^\]]*\])/g,(s,o)=>{const e=`__ph-${n}__`;return t.push(o),n++,e})).replace(/(:nth-[-\w]+)(\([^)]+\))/g,(s,o,e)=>{const c=`__ph-${n}__`;return t.push(e),n++,o+c}),{content:o,placeholders:t}})(s);let a,d="",l=0;const i=/( |>|\+|~(?!=))\s*/g;let g=!((s=h.content).indexOf("-shadowcsshost-no-combinator")>-1);for(;null!==(a=i.exec(s));){const t=a[1],o=s.slice(l,a.index).trim();g=g||o.indexOf("-shadowcsshost-no-combinator")>-1,d+=`${g?r(o):o} ${t} `,l=i.lastIndex}const u=s.substring(l);return g=g||u.indexOf("-shadowcsshost-no-combinator")>-1,d+=g?r(u):u,((s,t)=>t.replace(/__ph-(\d+)__/g,(t,o)=>s[+o]))(h.placeholders,d)})(s,t,o).trim():s.trim()).join(", "))(s.selector,t,o,e):(s.selector.startsWith("@media")||s.selector.startsWith("@supports")||s.selector.startsWith("@page")||s.selector.startsWith("@document"))&&(h=_(s.content,t,o,e)),{selector:r.replace(/\s{2,}/g," ").trim(),content:h}}),f=(n,c,i)=>{const g=c+"-h",m=c+"-s",f=(s=>s.match(l)||[])(n);n=(s=>s.replace(d,""))(n);const b=[];if(i){const s=s=>{const t=`/*!@___${b.length}___*/`;return b.push({placeholder:t,comment:`/*!@${s.selector}*/`}),s.selector=t+s.selector,s};n=u(n,t=>"@"!==t.selector[0]?s(t):t.selector.startsWith("@media")||t.selector.startsWith("@supports")||t.selector.startsWith("@page")||t.selector.startsWith("@document")?(t.content=u(t.content,s),t):t)}const x=((n,c,d,l)=>{const i=((s,t)=>{const n="."+t+" > ",e=[];return s=s.replace(o,(...s)=>{if(s[2]){const t=s[2].trim(),o=n+t+s[3];let c="";for(let n=s[4]-1;n>=0;n--){const t=s[5][n];if("}"===t||","===t)break;c=t+c}const r=c+o,h=`${c.trimRight()}${o.trim()}`;return r.trim()!==h.trim()&&e.push({orgSelector:r,updatedSelector:`${h}, ${r}`}),o}return"-shadowcsshost-no-combinator"+s[3]}),{selectors:e,cssText:s}})(n=(s=>w(s,t,$))(n=(t=>w(t,s,p))(n=(s=>s.replace(a,"-shadowcsscontext").replace(r,"-shadowcsshost").replace(h,"-shadowcssslotted"))(n))),l);return n=(s=>e.reduce((s,t)=>s.replace(t," "),s))(n=i.cssText),c&&(n=_(n,c,d,l)),{cssText:(n=(n=n.replace(/-shadowcsshost-no-combinator/g,"."+d)).replace(/>\s*\*\s+([^{, ]+)/gm," $1 ")).trim(),slottedSelectors:i.selectors}})(n,c,g,m);return n=[x.cssText,...f].join("\n"),i&&b.forEach(({placeholder:s,comment:t})=>{n=n.replace(s,t)}),x.slottedSelectors.forEach(s=>{n=n.replace(s.orgSelector,s.updatedSelector)}),n};export{f as scopeCss} \ No newline at end of file diff --git a/docs/build/p-e8002431.entry.js b/docs/build/p-e8002431.entry.js deleted file mode 100644 index 63d7d362..00000000 --- a/docs/build/p-e8002431.entry.js +++ /dev/null @@ -1 +0,0 @@ -import{r as a,h as e,H as c,g as t}from"./p-3125ea46.js";import{f as r,a as o}from"./p-4230ce12.js";const i=class{constructor(e){a(this,e),this.appearance="outline",this.disabled=!1,this.icon="plus",this.loading=!1,this.scale="m",this.textEnabled=!1}async setFocus(){r(this.buttonEl)}render(){const{appearance:a,disabled:t,el:r,loading:i,scale:p,theme:l,textEnabled:b,icon:n,label:d,text:s}=this,f=d||!b&&s,u=o(r);return e(c,null,e("calcite-button",{class:"button",loading:i,disabled:t,title:f,"aria-label":d,theme:l,dir:u,scale:p,icon:n,round:!0,floating:!0,width:"auto",appearance:a,color:"blue",ref:a=>{this.buttonEl=a}},this.textEnabled?this.text:null))}get el(){return t(this)}};i.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{background-color:var(--calcite-app-background-transparent)}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#007ac2;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}";export{i as calcite_fab} \ No newline at end of file diff --git a/docs/build/p-ea3bee88.system.js b/docs/build/p-ea3bee88.system.js deleted file mode 100644 index 6f4b20e9..00000000 --- a/docs/build/p-ea3bee88.system.js +++ /dev/null @@ -1 +0,0 @@ -System.register(["./p-8f7f5385.system.js","./p-3f6e7b0b.system.js","./p-9e77e74d.system.js","./p-83545f41.system.js","./p-141eda4d.system.js","./p-e99ac265.system.js"],(function(e){"use strict";var t,i,n,s,r,a,l,u;return{setters:[function(e){t=e.h;i=e.H},function(e){n=e.C},function(e){s=e.f;r=e.g},function(e){a=e.g},function(e){l=e.C},function(e){u=e.d}],execute:function(){e({a:d,b:v,c:h,d:S,e:m,f:O,g:V,h:I,i:o,j:x,k:b,m:c,s:j});function c(){this.setUpItems();this.setUpFilter()}var f=["ArrowUp","ArrowDown"];function o(){this.setUpItems();this.setUpFilter();this.emitCalciteListChange=u(g.bind(this),0)}function d(){this.observer.observe(this.el,{childList:true,subtree:true})}function h(){this.observer.disconnect()}function v(e){var t=this.selectedValues;var i=e.detail,n=i.item,s=i.value,r=i.selected,a=i.shiftPressed;if(r){if(!this.multiple){this.deselectSiblingItems(n)}if(this.multiple&&a){this.selectSiblings(n)}t.set(s,n)}else{t.delete(s);if(this.multiple&&a){this.selectSiblings(n,true)}}if(!this.multiple){y(n,r)}this.lastSelectedItem=n;this.emitCalciteListChange()}function m(e){e.stopPropagation();var t=e.detail.oldValue;var i=this.selectedValues;if(i.has(t)){var n=i.get(t);i.delete(t);i.set(e.detail.newValue,n)}}function p(e){return!!f.find((function(t){return t===e}))}function b(e){var t=e.key,i=e.target;if(!p(t)){return}var n=this,r=n.items,l=n.multiple;var u=r.length;var c=r.indexOf(i);if(!u||c===-1){return}e.preventDefault();var f=a(c+(t==="ArrowUp"?-1:1),u);var o=r[f];y(o,true);s(o);if(!l){o.selected=true}}function g(){this.calciteListChange.emit(this.selectedValues)}function y(e,t){if(t){e.removeAttribute("tabindex")}else{e.setAttribute("tabindex","-1")}}function x(){var e=this,t=e.multiple,i=e.items;if(i.length===0){return}if(t){return i[0].setFocus()}var n=i.find((function(e){return e.selected}));return(n?n:i[0]).setFocus()}function O(e){var t=this;this.items=Array.from(this.el.querySelectorAll(e));var i=false;var n=this.items;n.forEach((function(e){e.icon=t.getIconType();e.compact=t.compact;if(!t.multiple){e.disableDeselect=true;y(e,false)}if(e.selected){i=true;y(e,true);t.selectedValues.set(e.value,e)}}));var s=n[0];if(!i&&s){y(s,true)}}function S(e){var t=this;this.items.forEach((function(i){if(i.value!==e.value){i.toggleSelected(false);if(t.selectedValues.has(i.value)){t.selectedValues.delete(i.value)}}}))}function j(e,t){var i=this;if(t===void 0){t=false}if(!this.lastSelectedItem){return}var n=this.items;var s=n.findIndex((function(e){return e.value===i.lastSelectedItem.value}));var r=n.findIndex((function(t){return t.value===e.value}));n.slice(Math.min(s,r),Math.max(s,r)).forEach((function(e){e.toggleSelected(!t);if(!t){i.selectedValues.set(e.value,e)}else{i.selectedValues.delete(e.value)}}))}function I(e){var t=e.detail;var i=t.map((function(e){return e.value}));this.items.forEach((function(e){var t=e.parentElement.matches("calcite-pick-list-group");e.hidden=i.indexOf(e.value)===-1;if(t){var n=r(e.parentElement,"parent-item");if(n!==null){if(i.indexOf(n.value)!==-1){e.hidden=false}if(i.indexOf(e.value)!==-1){n.hidden=false}}}}))}function V(){return this.items.map((function(e){return{label:e.textLabel,description:e.textDescription,metadata:e.metadata,value:e.value}}))}var C=undefined&&undefined.__rest||function(e,t){var i={};for(var n in e)if(Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0)i[n]=e[n];if(e!=null&&typeof Object.getOwnPropertySymbols==="function")for(var s=0,n=Object.getOwnPropertySymbols(e);sthis.pickListItem=a,this.handleKeyDown=a=>{" "===a.key&&(this.handleActivated=!this.handleActivated)},this.handleBlur=()=>{this.handleActivated=!1},this.handleSelectChange=a=>{this.selected=a.detail.selected}}async toggleSelected(a){this.pickListItem.toggleSelected(a)}async setFocus(){var a;null===(a=this.pickListItem)||void 0===a||a.setFocus()}calciteListItemChangeHandler(a){a.detail.item=this.el}renderHandle(){const{icon:a}=this;if(a===o.grip)return t("span",{role:"button",class:{[r.handle]:!0,[r.handleActivated]:this.handleActivated},tabindex:"0","data-js-handle":"true","aria-pressed":this.handleActivated.toString(),onKeyDown:this.handleKeyDown,onBlur:this.handleBlur},t("calcite-icon",{scale:"s",icon:"drag"}))}render(){return t(e,{"data-id":this.guid},this.renderHandle(),t("calcite-pick-list-item",{ref:this.getPickListRef,disabled:this.disabled,disableDeselect:this.disableDeselect,selected:this.selected,metadata:this.metadata,removable:this.removable,textLabel:this.textLabel,textDescription:this.textDescription,onCalciteListItemChange:this.handleSelectChange,value:this.value},t("slot",{name:"secondary-action",slot:"secondary-action"})))}get el(){return i(this)}};n.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{-webkit-box-shadow:0 -1px 0 var(--calcite-app-border) inset;box-shadow:0 -1px 0 var(--calcite-app-border) inset;display:-ms-flexbox;display:flex;-webkit-transition:background-color var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), -webkit-box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);transition:background-color var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), -webkit-box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);transition:background-color var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);transition:background-color var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function), -webkit-box-shadow var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function)}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#00619b;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}:host(:hover){background-color:var(--calcite-app-background-hover)}calcite-pick-list-item{-webkit-box-shadow:none;box-shadow:none;-ms-flex-positive:1;flex-grow:1;position:relative;margin:0}:host([selected]){-webkit-box-shadow:0 0 0 1px var(--calcite-app-border-active) inset;box-shadow:0 0 0 1px var(--calcite-app-border-active) inset}:host([selected]) calcite-pick-list-item:hover{background-color:var(--calcite-app-background-clear)}.handle{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-item-align:stretch;align-self:stretch;-ms-flex-pack:center;justify-content:center;margin-bottom:var(--calcite-app-cap-spacing-minimum);padding:var(--calcite-app-cap-spacing-three-quarters) var(--calcite-app-side-spacing-quarter);background-color:var(--calcite-app-background-clear);border:none;color:var(--calcite-app-border);line-height:0;cursor:move;outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset var(--calcite-app-animation-time-fast) ease-in-out, outline-color var(--calcite-app-animation-time-fast) ease-in-out;transition:outline-offset var(--calcite-app-animation-time-fast) ease-in-out, outline-color var(--calcite-app-animation-time-fast) ease-in-out}.handle:hover,.handle:focus{background-color:var(--calcite-app-background-hover);outline-offset:var(--calcite-app-outline-inset);color:var(--calcite-app-foreground)}.handle:focus{outline:2px solid var(--calcite-ui-blue-1);outline-offset:-2px}.handle--activated{background-color:var(--calcite-app-background-active);color:var(--calcite-app-foreground-active)}:host(:last-child) .handle{margin-bottom:0}";export{n as calcite_value_list_item} \ No newline at end of file diff --git a/docs/build/p-ef948fbd.entry.js b/docs/build/p-ef948fbd.entry.js new file mode 100644 index 00000000..a6122000 --- /dev/null +++ b/docs/build/p-ef948fbd.entry.js @@ -0,0 +1 @@ +import{r as a,c as e,h as t,g as i}from"./p-9d0aa6e4.js";import"./p-27f3f0d7.js";import"./p-cf80779e.js";import{T as c,I as s}from"./p-c55f1634.js";import"./p-bdefc18b.js";import{m as o,d as r,s as p,h as l,g as n,k as d,i as b,a as f,c as h,b as g,e as m,f as u,j as x,L as k}from"./p-d8091628.js";const v=class{constructor(t){a(this,t),this.disabled=!1,this.filterEnabled=!1,this.loading=!1,this.multiple=!1,this.textFilterPlaceholder=c.filterPlaceholder,this.selectedValues=new Map,this.dataForFilter=[],this.lastSelectedItem=null,this.observer=new MutationObserver(o.bind(this)),this.deselectSiblingItems=r.bind(this),this.selectSiblings=p.bind(this),this.handleFilter=l.bind(this),this.getItemData=n.bind(this),this.keyDownHandler=d.bind(this),this.calciteListChange=e(this,"calciteListChange",7)}connectedCallback(){b.call(this),f.call(this)}componentDidUnload(){h.call(this)}calciteListItemChangeHandler(a){g.call(this,a)}calciteListItemPropsChangeHandler(a){a.stopPropagation(),this.setUpFilter()}calciteListItemValueChangeHandler(a){m.call(this,a)}setUpItems(){u.call(this,"calcite-pick-list-item")}setUpFilter(){this.filterEnabled&&(this.dataForFilter=this.getItemData())}async getSelectedItems(){return this.selectedValues}async setFocus(){return x.call(this)}getIconType(){return this.multiple?s.square:s.circle}render(){return t(k,{props:this,onKeyDown:this.keyDownHandler})}get el(){return i(this)}};v.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{-ms-flex-align:stretch;align-items:stretch;display:-ms-flexbox;display:flex;-ms-flex:1 0 auto;flex:1 0 auto;-ms-flex-flow:column;flex-flow:column;padding-bottom:var(--calcite-app-cap-spacing);position:relative}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#00619b;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}header{background-color:var(--calcite-app-background);display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center;margin-bottom:var(--calcite-app-cap-spacing-half);-webkit-box-shadow:0 -1px 0 var(--calcite-app-border) inset;box-shadow:0 -1px 0 var(--calcite-app-border) inset}header.sticky{position:-webkit-sticky;position:sticky;top:0;z-index:1}calcite-filter{margin-bottom:1px}calcite-scrim{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-flow:column;flex-flow:column;pointer-events:none}slot[name=menu-actions]::slotted(calcite-action){padding:0 var(--calcite-app-side-spacing-half)}:host([loading][disabled]){min-height:2rem}";export{v as calcite_pick_list} \ No newline at end of file diff --git a/docs/build/p-ef969892.system.entry.js b/docs/build/p-ef969892.system.entry.js deleted file mode 100644 index a13a23e1..00000000 --- a/docs/build/p-ef969892.system.entry.js +++ /dev/null @@ -1 +0,0 @@ -var __awaiter=this&&this.__awaiter||function(e,t,a,n){function i(e){return e instanceof a?e:new a((function(t){t(e)}))}return new(a||(a=Promise))((function(a,r){function o(e){try{l(n.next(e))}catch(t){r(t)}}function c(e){try{l(n["throw"](e))}catch(t){r(t)}}function l(e){e.done?a(e.value):i(e.value).then(o,c)}l((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var a={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,i,r,o;return o={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function c(e){return function(t){return l([e,t])}}function l(o){if(n)throw new TypeError("Generator is already executing.");while(a)try{if(n=1,i&&(r=o[0]&2?i["return"]:o[0]?i["throw"]||((r=i["return"])&&r.call(i),0):i.next)&&!(r=r.call(i,o[1])).done)return r;if(i=0,r)o=[o[0]&2,r.value];switch(o[0]){case 0:case 1:r=o;break;case 4:a.label++;return{value:o[1],done:false};case 5:a.label++;i=o[1];o=[0];continue;case 7:o=a.ops.pop();a.trys.pop();continue;default:if(!(r=a.trys,r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){a=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]1;var n=e&&t>1;if(!n&&!a){return null}return t1;e.hidden=e!==r}))}if(o){o.menuOpen=false}a.flows=t;if(n!==i){var c=a.getFlowDirection(n,i);a.flowCount=i;a.flowDirection=c}};this.flowItemObserver=new MutationObserver(this.updateFlowProps)}e.prototype.back=function(){return __awaiter(this,void 0,void 0,(function(){var e,t;return __generator(this,(function(a){e=this.el.querySelector("calcite-flow-item:last-child");if(!e){return[2]}t=e.beforeBack?e.beforeBack:function(){return Promise.resolve()};return[2,t.call(e).then((function(){e.remove();return e}))]}))}))};e.prototype.connectedCallback=function(){this.flowItemObserver.observe(this.el,{childList:true,subtree:true});this.updateFlowProps()};e.prototype.componentDidUnload=function(){this.flowItemObserver.disconnect()};e.prototype.handleCalciteFlowItemBackClick=function(){this.back()};e.prototype.render=function(){var e;var t=this,i=t.flowDirection,r=t.flowCount;var o=(e={},e[u.frameAdvancing]=i==="advancing",e[u.frameRetreating]=i==="retreating",e);return a(n,null,a("div",{key:r,class:p(u.frame,o)},a("slot",null)))};Object.defineProperty(e.prototype,"el",{get:function(){return i(this)},enumerable:true,configurable:true});return e}());b.style=h;var g=["calcite-pick-list","calcite-value-list"];var m={header:"header-content",heading:"heading",summary:"summary",backButton:"back-button",footerActions:"footer-actions",headerActions:"header-actions",singleActionContainer:"single-action-container",menuContainer:"menu-container",menuButton:"menu-button",menu:"menu",menuOpen:"menu--open",fabContainer:"fab-container"};var v={menuActions:"menu-actions",fab:"fab",footerActions:"footer-actions"};var y={menu:"ellipsis",backLeft:"chevron-left",backRight:"chevron-right"};var w={back:"Back",open:"Open",close:"Close"};var x={container:"container",header:"header",headerLeadingContent:"header-leading-content",headerContent:"header-content",headerTrailingContent:"header-trailing-content",contentContainer:"content-container",fabContainer:"fab-container",footer:"footer"};var k={close:"x"};var C={headerContent:"header-content",headerLeadingContent:"header-leading-content",headerTrailingContent:"header-trailing-content",fab:"fab",footer:"footer"};var A={close:"Close"};var z=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{background-color:var(--calcite-app-background-content);display:-ms-flexbox;display:flex;height:100%;width:100%}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#007ac2;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}calcite-panel{width:100%;height:100%}.header-content{display:block}.header-content .heading{font-size:var(--calcite-app-font-size-1);margin:0 0 var(--calcite-app-cap-spacing-quarter)}.header-content .heading:only-child{margin-bottom:0}.header-content .summary{color:var(--calcite-app-foreground-subtle)}.header-content .heading,.header-content .summary{padding:0;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.menu-button{-ms-flex-item-align:stretch;align-self:stretch;-ms-flex:0 1 auto;flex:0 1 auto;height:100%;position:relative}.header-actions,.menu-container,.single-action-container{display:-ms-flexbox;display:flex}.menu{position:absolute;top:100%;z-index:1;background-color:var(--calcite-app-background);-webkit-box-shadow:var(--calcite-app-shadow-0);box-shadow:var(--calcite-app-shadow-0);padding:0;left:auto;min-width:var(--calcite-app-menu-min-width);right:var(--calcite-app-menu-offset);visibility:visible;-ms-flex-flow:column nowrap;flex-flow:column nowrap;border:1px solid var(--calcite-app-border);-webkit-animation:calcite-app-fade-in-down var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);animation:calcite-app-fade-in-down var(--calcite-app-animation-time-fast) var(--calcite-app-easing-function);display:none}.calcite--rtl .menu{left:var(--calcite-app-menu-offset);right:auto}.menu--open{display:block}.footer-actions{display:-ms-flexbox;display:flex;width:100%}.fab-container{display:inline-block}";var B=["ArrowUp","ArrowDown"];var O=e("calcite_flow_item",function(){function e(e){var a=this;t(this,e);this.disabled=false;this.loading=false;this.menuOpen=false;this.showBackButton=false;this.toggleMenuOpen=function(){a.menuOpen=!a.menuOpen};this.backButtonClick=function(){a.calciteFlowItemBackClick.emit()};this.menuButtonKeyDown=function(e){var t=e.key;var n=a.menuOpen;if(!a.isValidKey(t,B)){return}var i=a.queryActions();var r=i.length;if(!r){return}e.preventDefault();if(!n){a.menuOpen=true}if(t==="ArrowUp"){var o=i[r-1];c(o)}if(t==="ArrowDown"){var l=i[0];c(l)}};this.menuActionsKeydown=function(e){var t=e.key,n=e.target;if(!a.isValidKey(t,B)){return}var i=a.queryActions();var r=i.length;var o=i.indexOf(n);if(!r||o===-1){return}e.preventDefault();if(t==="ArrowUp"){var l=d(o-1,r);var s=i[l];c(s)}if(t==="ArrowDown"){var l=d(o+1,r);var p=i[l];c(p)}};this.menuActionsContainerKeyDown=function(e){var t=e.key;if(t==="Escape"){a.menuOpen=false}};this.calciteFlowItemBackClick=r(this,"calciteFlowItemBackClick",7);this.calciteFlowItemScroll=r(this,"calciteFlowItemScroll",7)}e.prototype.handleCalcitePanelScroll=function(e){e.stopPropagation();this.calciteFlowItemScroll.emit()};e.prototype.queryActions=function(){return l(this.el,v.menuActions,{all:true})};e.prototype.isValidKey=function(e,t){return!!t.find((function(t){return t===e}))};e.prototype.renderBackButton=function(e){var t=this,n=t.showBackButton,i=t.intlBack,r=t.textBack,o=t.backButtonClick;var c=i||r||w.back;var l=e?y.backRight:y.backLeft;return n?a("calcite-action",{slot:C.headerLeadingContent,key:"back-button","aria-label":c,text:c,class:m.backButton,onClick:o,icon:l}):null};e.prototype.renderMenuButton=function(){var e=this,t=e.menuOpen,n=e.textOpen,i=e.intlOpen,r=e.intlClose,o=e.textClose;var c=r||o||w.close;var l=i||n||w.open;var s=t?c:l;return a("calcite-action",{class:m.menuButton,"aria-label":s,text:s,onClick:this.toggleMenuOpen,onKeyDown:this.menuButtonKeyDown,icon:y.menu})};e.prototype.renderMenuActions=function(){var e;var t=this.menuOpen;return a("div",{class:p(m.menu,(e={},e[m.menuOpen]=t,e)),onKeyDown:this.menuActionsKeydown},a("slot",{name:v.menuActions}))};e.prototype.renderFooterActions=function(){var e=!!l(this.el,v.footerActions);return e?a("div",{slot:C.footer,class:m.footerActions},a("slot",{name:v.footerActions})):null};e.prototype.renderSingleActionContainer=function(){return a("div",{class:m.singleActionContainer},a("slot",{name:v.menuActions}))};e.prototype.renderMenuActionsContainer=function(){return a("div",{class:m.menuContainer,onKeyDown:this.menuActionsContainerKeyDown},this.renderMenuButton(),this.renderMenuActions())};e.prototype.renderHeaderActions=function(){var e=l(this.el,v.menuActions,{all:true});var t=e.filter((function(e){return!e.closest(g.join(","))}));var n=t.length;var i=n===1?this.renderSingleActionContainer():n?this.renderMenuActionsContainer():null;return i?a("div",{slot:C.headerTrailingContent,class:m.headerActions},i):null};e.prototype.renderHeading=function(){var e=this.heading;return e?a("h2",{class:m.heading,slot:C.headerContent},e):null};e.prototype.renderSummary=function(){var e=this.summary;return e?a("span",{class:m.summary},e):null};e.prototype.renderHeader=function(){var e=this.renderHeading();var t=this.renderSummary();return e||t?a("div",{class:m.header,slot:C.headerContent},e,t):null};e.prototype.renderFab=function(){var e=l(this.el,v.fab);return e?a("div",{class:m.fabContainer,slot:C.fab},a("slot",{name:v.fab})):null};e.prototype.render=function(){var e=this.el;var t=s(e);return a(n,null,a("calcite-panel",{loading:this.loading,disabled:this.disabled,"height-scale":this.heightScale,dir:t},this.renderBackButton(t==="rtl"),this.renderHeader(),this.renderHeaderActions(),a("slot",null),this.renderFooterActions(),this.renderFab()))};Object.defineProperty(e.prototype,"el",{get:function(){return i(this)},enumerable:true,configurable:true});return e}());O.style=z;var F=":host{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--calcite-app-foreground);font-family:var(--calcite-app-font-family);font-size:var(--calcite-app-font-size-0);line-height:var(--calcite-app-line-height);background-color:var(--calcite-app-background)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:-ms-flexbox;display:flex;position:relative;--calcite-app-panel-max-height-small:40vh;--calcite-app-panel-max-height-medium:60vh;--calcite-app-panel-max-height-large:80vh;--calcite-app-panel-min-header-height:calc(var(--calcite-app-icon-size) * 3)}:host([hidden]){display:none}:host([theme=dark]){--calcite-app-background:#404040;--calcite-app-foreground:#dfdfdf;--calcite-app-background-hover:#2b2b2b;--calcite-app-foreground-hover:#f3f3f3;--calcite-app-background-active:#151515;--calcite-app-foreground-active:#59d6ff;--calcite-app-foreground-subtle:#eaeaea;--calcite-app-background-content:#2b2b2b;--calcite-app-border:#2b2b2b;--calcite-app-border-hover:#2b2b2b;--calcite-app-border-subtle:#2b2b2b;--calcite-app-scrim:rgba(64, 64, 64, 0.8)}:host([theme=light]){--calcite-app-background:#ffffff;--calcite-app-foreground:#404040;--calcite-app-background-hover:#eaeaea;--calcite-app-foreground-hover:#2b2b2b;--calcite-app-background-active:#c7eaff;--calcite-app-foreground-active:#00619b;--calcite-app-foreground-subtle:#757575;--calcite-app-foreground-link:#007ac2;--calcite-app-background-content:#f3f3f3;--calcite-app-background-clear:transparent;--calcite-app-border:#eaeaea;--calcite-app-border-hover:#dfdfdf;--calcite-app-border-subtle:#f3f3f3;--calcite-app-border-active:#007ac2;--calcite-app-disabled-opacity:0.25;--calcite-app-scrim:rgba(255, 255, 255, 0.8)}.header{margin:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;color:var(--calcite-app-foreground);fill:var(--calcite-app-foreground)}.heading{padding:0;margin:0;font-weight:var(--calcite-app-font-weight-demi)}.header .heading{-ms-flex:1 0 auto;flex:1 0 auto;padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-half)}h1.heading{font-size:var(--calcite-app-font-size-3)}h2.heading{font-size:var(--calcite-app-font-size-2)}h3.heading{font-size:var(--calcite-app-font-size-1)}h4.heading,h5.heading{font-size:var(--calcite-app-font-size-0)}.container{-ms-flex-align:stretch;align-items:stretch;-webkit-transition:max-height var(--calcite-app-animation-time) var(--calcite-app-easing-function);transition:max-height var(--calcite-app-animation-time) var(--calcite-app-easing-function);width:100%;height:100%;padding:0;margin:0;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column}:host([height-scale=s]) .container{max-height:var(--calcite-app-panel-max-height-small)}:host([height-scale=m]) .container{max-height:var(--calcite-app-panel-max-height-medium)}:host([height-scale=l]) .container{max-height:var(--calcite-app-panel-max-height-large)}.container[hidden]{display:none}:host([loading]) .container,:host([disabled]) .container{position:relative;z-index:1}.header{-ms-flex-align:stretch;align-items:stretch;display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-pack:start;justify-content:flex-start;min-height:var(--calcite-app-header-min-height);position:relative;z-index:2;border-bottom:1px solid var(--calcite-app-border);width:100%}.header-content{overflow:hidden;padding:var(--calcite-app-cap-spacing) var(--calcite-app-side-spacing)}.header-leading-content,.header-trailing-content{-ms-flex-align:stretch;align-items:stretch;display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap}.header-trailing-content{margin-left:auto}.header-leading-content+.header-content{padding-left:var(--calcite-app-side-spacing-half)}.content-container{-ms-flex-align:stretch;align-items:stretch;display:-ms-flexbox;display:flex;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-ms-flex:1 1 auto;flex:1 1 auto;background-color:var(--calcite-app-background-content);overflow:auto}.footer{border-top:1px solid var(--calcite-app-border);display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-pack:space-evenly;justify-content:space-evenly;min-height:var(--calcite-app-footer-min-height);padding:var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-half)}.calcite--rtl .header-leading-content+.header-content{padding-right:var(--calcite-app-side-spacing-half)}.calcite--rtl .header-trailing-content{margin-left:0;margin-right:auto}.fab-container{position:-webkit-sticky;position:sticky;bottom:0;display:inline-block;margin:0 auto;padding:var(--calcite-app-cap-spacing) 0}";var D=e("calcite_panel",function(){function e(e){var a=this;t(this,e);this.dismissed=false;this.disabled=false;this.dismissible=false;this.loading=false;this.panelKeyUpHandler=function(e){if(e.key==="Escape"){a.dismiss()}};this.dismiss=function(){a.dismissed=true};this.panelScrollHandler=function(){a.calcitePanelScroll.emit()};this.calcitePanelDismissedChange=r(this,"calcitePanelDismissedChange",7);this.calcitePanelScroll=r(this,"calcitePanelScroll",7)}e.prototype.dismissedHandler=function(){this.calcitePanelDismissedChange.emit()};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){var t,a;return __generator(this,(function(n){if(e==="dismiss-button"){(t=this.dismissButtonEl)===null||t===void 0?void 0:t.setFocus();return[2]}(a=this.containerEl)===null||a===void 0?void 0:a.focus();return[2]}))}))};e.prototype.renderHeaderLeadingContent=function(){var e=l(this.el,C.headerLeadingContent);return e?a("div",{key:"header-leading-content",class:x.headerLeadingContent},a("slot",{name:C.headerLeadingContent})):null};e.prototype.renderHeaderContent=function(){return a("div",{key:"header-content",class:x.headerContent},a("slot",{name:C.headerContent}))};e.prototype.renderHeaderTrailingContent=function(){var e=this;var t=this,n=t.dismiss,i=t.dismissible,r=t.intlClose,o=t.textClose;var c=r||o||A.close;var l=i?a("calcite-action",{ref:function(t){return e.dismissButtonEl=t},"aria-label":c,text:c,onClick:n,icon:k.close}):null;var s=a("slot",{name:C.headerTrailingContent});return a("div",{key:"header-trailing-content",class:x.headerTrailingContent},s,l)};e.prototype.renderHeader=function(){var e=this.renderHeaderLeadingContent();var t=this.renderHeaderContent();var n=this.renderHeaderTrailingContent();var i=t||e||n;return i?a("header",{class:x.header},e,t,n):null};e.prototype.renderFooter=function(){var e=this.el;var t=l(e,C.footer);return t?a("footer",{class:x.footer},a("slot",{name:C.footer})):null};e.prototype.renderContent=function(){return a("section",{class:x.contentContainer,onScroll:this.panelScrollHandler},a("slot",null),this.renderFab())};e.prototype.renderFab=function(){var e=l(this.el,C.fab);return e?a("div",{class:x.fabContainer},a("slot",{name:C.fab})):null};e.prototype.render=function(){var e;var t=this;var i=this,r=i.dismissed,c=i.disabled,l=i.dismissible,d=i.el,u=i.loading,h=i.panelKeyUpHandler;var b=s(d)==="rtl";return a(n,null,a("article",{"aria-busy":u.toString(),onKeyUp:h,tabIndex:l?0:-1,hidden:l&&r,ref:function(e){return t.containerEl=e},class:p(x.container,(e={},e[f.rtl]=b,e))},this.renderHeader(),this.renderContent(),this.renderFooter()),a(o,{loading:u,disabled:c}))};Object.defineProperty(e.prototype,"el",{get:function(){return i(this)},enumerable:true,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{dismissed:["dismissedHandler"]}},enumerable:true,configurable:true});return e}());D.style=F}}})); \ No newline at end of file diff --git a/docs/build/p-f4e12ff8.system.js b/docs/build/p-f4e12ff8.system.js new file mode 100644 index 00000000..d1da779c --- /dev/null +++ b/docs/build/p-f4e12ff8.system.js @@ -0,0 +1 @@ +System.register(["./p-c0bbf908.system.js","./p-598b7fa2.system.js","./p-83545f41.system.js","./p-141eda4d.system.js","./p-e99ac265.system.js"],(function(e){"use strict";var t,i,n,s,l,r,a,u,c;return{setters:[function(e){t=e.h;i=e.H},function(e){n=e.f;s=e.a;l=e.g;r=e.b},function(e){a=e.g},function(e){u=e.C},function(e){c=e.d}],execute:function(){e({a:h,b:m,c:v,d:j,e:p,f:S,g:F,h:V,i:d,j:O,k:g,m:f,s:I});function f(){this.setUpItems();this.setUpFilter()}var o=["ArrowUp","ArrowDown"];function d(){this.setUpItems();this.setUpFilter();this.emitCalciteListChange=c(y.bind(this),0)}function h(){this.observer.observe(this.el,{childList:true,subtree:true})}function v(){this.observer.disconnect()}function m(e){var t=this.selectedValues;var i=e.detail,n=i.item,s=i.value,l=i.selected,r=i.shiftPressed;if(l){if(!this.multiple){this.deselectSiblingItems(n)}if(this.multiple&&r){this.selectSiblings(n)}t.set(s,n)}else{t.delete(s);if(this.multiple&&r){this.selectSiblings(n,true)}}if(!this.multiple){x(n,l)}this.lastSelectedItem=n;this.emitCalciteListChange()}function p(e){e.stopPropagation();var t=e.detail.oldValue;var i=this.selectedValues;if(i.has(t)){var n=i.get(t);i.delete(t);i.set(e.detail.newValue,n)}}function b(e){return!!o.find((function(t){return t===e}))}function g(e){var t=e.key,i=e.target;if(!b(t)){return}var s=this,l=s.items,r=s.multiple;var u=l.length;var c=l.indexOf(i);if(!u||c===-1){return}e.preventDefault();var f=a(c+(t==="ArrowUp"?-1:1),u);var o=l[f];x(o,true);n(o);if(!r){o.selected=true}}function y(){this.calciteListChange.emit(this.selectedValues)}function x(e,t){if(t){e.removeAttribute("tabindex")}else{e.setAttribute("tabindex","-1")}}function O(){var e=this,t=e.multiple,i=e.items;if(i.length===0){return}if(t){return i[0].setFocus()}var n=i.find((function(e){return e.selected}));return(n?n:i[0]).setFocus()}function S(e){var t=this;this.items=Array.from(this.el.querySelectorAll(e));var i=false;var n=this.items;n.forEach((function(e){e.icon=t.getIconType();if(!t.multiple){e.disableDeselect=true;x(e,false)}if(e.selected){i=true;x(e,true);t.selectedValues.set(e.value,e)}}));var s=n[0];if(!i&&s){x(s,true)}}function j(e){var t=this;this.items.forEach((function(i){if(i.value!==e.value){i.toggleSelected(false);if(t.selectedValues.has(i.value)){t.selectedValues.delete(i.value)}}}))}function I(e,t){var i=this;if(t===void 0){t=false}if(!this.lastSelectedItem){return}var n=this.items;var s=n.findIndex((function(e){return e.value===i.lastSelectedItem.value}));var l=n.findIndex((function(t){return t.value===e.value}));n.slice(Math.min(s,l),Math.max(s,l)).forEach((function(e){e.toggleSelected(!t);if(!t){i.selectedValues.set(e.value,e)}else{i.selectedValues.delete(e.value)}}))}function V(e){var t=e.detail;var i=t.map((function(e){return e.value}));this.items.forEach((function(e){var t=e.parentElement.matches("calcite-pick-list-group");e.hidden=i.indexOf(e.value)===-1;if(t){var n=s(e.parentElement,"parent-item");if(n!==null){if(i.indexOf(n.value)!==-1){e.hidden=false}if(i.indexOf(e.value)!==-1){n.hidden=false}}}}))}function F(){return this.items.map((function(e){return{label:e.textLabel,description:e.textDescription,metadata:e.metadata,value:e.value}}))}var w=undefined&&undefined.__rest||function(e,t){var i={};for(var n in e)if(Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0)i[n]=e[n];if(e!=null&&typeof Object.getOwnPropertySymbols==="function")for(var s=0,n=Object.getOwnPropertySymbols(e);s0&&o[o.length-1])&&(c[0]===6||c[0]===2)){a=0;continue}if(c[0]===3&&(!o||c[1]>o[0]&&c[1]

No Preview

Sorry, but you either have no stories or none are selected somehow.

  • Please check the Storybook config.
  • Try reloading the page.

If the problem persists, check the browser console, or the terminal you've run Storybook from.

\ No newline at end of file + }

No Preview

Sorry, but you either have no stories or none are selected somehow.

  • Please check the Storybook config.
  • Try reloading the page.

If the problem persists, check the browser console, or the terminal you've run Storybook from.

\ No newline at end of file diff --git a/docs/index.html b/docs/index.html index da47e965..c9061de8 100644 --- a/docs/index.html +++ b/docs/index.html @@ -16,4 +16,4 @@ }
\ No newline at end of file + }
\ No newline at end of file diff --git a/docs/main.0435382f3c73dceabdc4.bundle.js b/docs/main.0435382f3c73dceabdc4.bundle.js deleted file mode 100644 index 985be41d..00000000 --- a/docs/main.0435382f3c73dceabdc4.bundle.js +++ /dev/null @@ -1 +0,0 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[0],{526:function(n,o,c){c(527),c(918),c(1572),c(1574),c(1579),n.exports=c(1689)},641:function(n,o){},668:function(n,o){},706:function(n,o){},751:function(n,o){},793:function(n,o){},836:function(n,o){},865:function(n,o){}},[[526,1,2]]]); \ No newline at end of file diff --git a/docs/main.78dec0c6bfb3b72b40af.bundle.js b/docs/main.78dec0c6bfb3b72b40af.bundle.js new file mode 100644 index 00000000..aebe1a51 --- /dev/null +++ b/docs/main.78dec0c6bfb3b72b40af.bundle.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[0],{1708:function(n,o,c){c(527),c(918),c(1572),c(1574),c(1579),c(1689),n.exports=c(1709)},641:function(n,o){},668:function(n,o){},706:function(n,o){},751:function(n,o){},793:function(n,o){},836:function(n,o){},865:function(n,o){}},[[1708,1,2]]]); \ No newline at end of file diff --git a/docs/main.efca2d7a24ab88ff7295.bundle.js b/docs/main.efca2d7a24ab88ff7295.bundle.js new file mode 100644 index 00000000..f6531a39 --- /dev/null +++ b/docs/main.efca2d7a24ab88ff7295.bundle.js @@ -0,0 +1,366 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[0],{1594:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),function(module){var _storybook_html__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(159);module._StorybookPreserveDecorators=!0,Object(_storybook_html__WEBPACK_IMPORTED_MODULE_0__.configure)([__webpack_require__(1596)],module)}.call(this,__webpack_require__(1595)(module))},1596:function(module,exports,__webpack_require__){var map={"./1-introduction.stories.mdx":1597,"./2-getting-started.stories.mdx":1624,"./3-contributing.stories.mdx":1625,"./4-code-of-conduct.stories.mdx":1626,"./5-licensing.stories.mdx":1627,"./components/calcite-action-bar/calcite-action-bar.stories.ts":1614,"./components/calcite-action-pad/calcite-action-pad.stories.ts":1615,"./components/calcite-action/calcite-action.stories.ts":1628,"./components/calcite-block/calcite-block.stories.ts":1616,"./components/calcite-fab/calcite-fab.stories.ts":1617,"./components/calcite-flow/calcite-flow.stories.ts":1613,"./components/calcite-panel/calcite-panel.stories.ts":1618,"./components/calcite-pick-list/calcite-pick-list.stories.ts":1629,"./components/calcite-shell/calcite-shell.stories.ts":1619,"./components/calcite-tip-manager/calcite-tip-manager.stories.ts":1620,"./components/calcite-tip/calcite-tip.stories.ts":1621,"./components/calcite-value-list/calcite-value-list.stories.ts":1630};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id=1596},1597:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__(3),__webpack_require__(51),__webpack_require__(38),__webpack_require__(12),__webpack_require__(4),__webpack_require__(157),__webpack_require__(158),__webpack_require__(6),__webpack_require__(46),__webpack_require__(0);var _mdx_js_react__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__(5),_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__(42);function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _extends(){return(_extends=Object.assign||function(target){for(var source,i=1;i Attributes = () => {\n const group = "Flow";\n\n return [\n {\n name: "dir",\n value: select("dir", dir.values, dir.defaultValue, group)\n },\n {\n name: "theme",\n value: select("theme", theme.values, theme.defaultValue, group)\n }\n ];\n};\n\nconst createFlowItemAttributes: (group: string) => Attributes = (group) => {\n return [\n {\n name: "disabled",\n value: boolean("disabled", false, group)\n },\n {\n name: "heading",\n value: text("heading", "Heading", group)\n },\n {\n name: "loading",\n value: boolean("loading", false, group)\n },\n {\n name: "menu-open",\n value: boolean("menuOpen", false, group)\n },\n {\n name: "summary",\n value: text("summary", "Summary", group)\n },\n {\n name: "intl-back",\n value: text("intlBack", TEXT.back, group)\n },\n {\n name: "intl-open",\n value: text("intlOpen", TEXT.open, group)\n },\n {\n name: "intl-close",\n value: text("intlClose", TEXT.close, group)\n }\n ];\n};\n\nconst menuActionsHTML = dedent`\n \n \n \n`;\n\nconst footerActionsHTML = dedent`\n Save\n Cancel\n`;\n\nfunction createItemHTML(content: string): string {\n return `${menuActionsHTML}${content}${footerActionsHTML}`;\n}\n\nconst item1HTML = dedent`\n

\n Enim nascetur erat faucibus ornare varius arcu fames bibendum habitant felis elit ante. Nibh morbi massa curae; leo semper diam aenean congue taciti eu porta. Varius faucibus ridiculus donec. Montes sit ligula purus porta ante lacus habitasse libero cubilia purus! In quis congue arcu maecenas felis cursus pellentesque nascetur porta donec non. Quisque, rutrum ligula pharetra justo habitasse facilisis rutrum neque. Magnis nostra nec nulla dictumst taciti consectetur. Non porttitor tempor orci dictumst magna porta vitae.\n

\n

\n Ipsum nostra tempus etiam augue ullamcorper scelerisque sapien potenti erat nisi gravida. Vehicula sem tristique sed. Nullam, sociis imperdiet ullamcorper? Dapibus fames primis ridiculus vulputate, habitant inceptos! Nunc torquent lorem urna vehicula volutpat donec nec. Orci massa eu nec donec enim fames, faucibus quam aenean. Laoreet tellus tempor quisque ornare lobortis praesent erat senectus natoque consectetur donec imperdiet. Quis sem cum gravida dictumst a pretium purus aptent amet id. Orci habitasse, praesent facilisis condimentum. Nec elit turpis leo.\n

\n

\n Tempus per volutpat diam tempor mauris parturient vulputate leo id libero quisque. Mattis aliquam dictum venenatis fringilla. Taciti venenatis, ultrices sollicitudin consequat. Sapien fusce est iaculis potenti ut auctor potenti. Nisi malesuada feugiat vulputate vitae porttitor. Nullam nullam nullam accumsan quis magna in. Elementum, nascetur gravida cras scelerisque inceptos aenean inceptos potenti. Lobortis condimentum accumsan posuere curabitur fermentum diam, natoque quisque. Eget placerat sed aptent orci urna fusce magnis. Vel lacus magnis nunc.\n

\n

\n Magna ligula neque phasellus. Velit duis auctor etiam nullam sociis nam neque quis. Donec fusce bibendum quam egestas sociosqu orci tempus vulputate egestas penatibus urna sociosqu. Nulla nam potenti diam egestas litora lobortis tristique maecenas pulvinar maecenas vitae tortor. Lacus purus facilisi est accumsan varius gravida facilisis rutrum tortor potenti rhoncus id. Ipsum praesent tristique blandit taciti morbi torquent pharetra fermentum aenean!\n

\n

\n Congue eu duis integer nisl molestie nostra dis auctor lobortis tellus parturient. Porttitor dis curae; maecenas quis praesent ridiculus posuere mus. Dictumst, vivamus fames semper congue fusce! Nunc placerat enim fermentum posuere magna justo habitasse. Tristique placerat mauris, per nulla gravida dui urna ut nec venenatis! Non lacus iaculis quisque, neque erat integer. Duis tortor ad habitant turpis dis eu mollis at facilisis. Tellus nisl amet morbi fringilla mus dui neque himenaeos maecenas platea venenatis. Tristique nisl quisque ad aliquam senectus pulvinar litora.\n

\n`;\n\nconst item2HTML = dedent`\n
    \n
  • Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam. Sed arcu. Cras consequat.
  • \n
  • Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus.
  • \n
  • Phasellus ultrices nulla quis nibh. Quisque a lectus. Donec consectetuer ligula vulputate sem tristique cursus. Nam nulla quam, gravida non, commodo a, sodales sit amet, nisi.
  • \n
  • Pellentesque fermentum dolor. Aliquam quam lectus, facilisis auctor, ultrices ut, elementum vulputate, nunc.
  • \n
\n`;\n\nexport const basic = (): string =>\n create(\n "calcite-flow",\n createAttributes(),\n `${create("calcite-flow-item", createFlowItemAttributes("Flow Item 1"), createItemHTML(item1HTML))}\n ${create("calcite-flow-item", createFlowItemAttributes("Flow Item 2"), createItemHTML(item2HTML))}`\n );\n',locationsMap:{"components-calcite-flow--basic":{startLoc:{col:21,line:117},endLoc:{col:3,line:123},startBody:{col:21,line:117},endBody:{col:3,line:123}}}},backgrounds:utils.b,notes:{flow:Object(utils.c)('# calcite-flow\n\nThe `calcite-flow` component is a series of panels that provides a user with a workflow (eg. editing experience), by which the user can switch from panel to panel of `calcite-flow-item`s.\n\n\x3c!-- Auto Generated Below --\x3e\n\n\n## Usage\n\n### Basic\n\n#### Basic\n\nRenders a basic flow with a couple `calcite-flow-item`s.\n\n```html\n\n \n \x3c!-- image --\x3e\n \n \n \x3c!-- image --\x3e\n \n\n```\n\n#### Menu-actions and footer-actions\n\nRenders a flow with menu-actions and footer-actions in the form of buttons.\n\n```html\n\n \n \n \n \n \n \n\n```\n\n\n\n## Properties\n\n| Property | Attribute | Description | Type | Default |\n| -------- | --------- | ----------------------------------------- | ------------------- | ----------- |\n| `theme` | `theme` | Used to set the component\'s color scheme. | `"dark" \\| "light"` | `undefined` |\n\n\n## Methods\n\n### `back() => Promise`\n\nRemoves the currently active `calcite-flow-item`.\n\n#### Returns\n\nType: `Promise`\n\n\n\n\n## Slots\n\n| Slot | Description |\n| ---- | --------------------------------------------------- |\n| | A slot for adding `calcite-flow-item`s to the flow. |\n\n\n----------------------------------------------\n\n*Built with [StencilJS](https://stenciljs.com/)*\n'),item:Object(utils.c)('# calcite-flow-item\n\nA `calcite-flow-item` is a child element of `calcite-flow` and lives in a panel with a heading and content.\n\n\x3c!-- Auto Generated Below --\x3e\n\n\n## Properties\n\n| Property | Attribute | Description | Type | Default |\n| ---------------- | ------------------ | --------------------------------------------------------------------------------------------------------- | --------------------- | ----------- |\n| `beforeBack` | -- | When provided, this method will be called before it is removed from the parent flow. | `() => Promise` | `undefined` |\n| `disabled` | `disabled` | When true, disabled prevents interaction. This state shows items with lower opacity/grayed. | `boolean` | `false` |\n| `heading` | `heading` | Heading text. | `string` | `undefined` |\n| `heightScale` | `height-scale` | Specifies the maxiumum height of the panel that this wraps. | `"l" \\| "m" \\| "s"` | `undefined` |\n| `intlBack` | `intl-back` | \'Back\' text string. | `string` | `undefined` |\n| `intlClose` | `intl-close` | \'Close\' text string for the close button. The close button will only be shown when \'dismissible\' is true. | `string` | `undefined` |\n| `intlOpen` | `intl-open` | \'Open\' text string for the menu. | `string` | `undefined` |\n| `loading` | `loading` | When true, content is waiting to be loaded. This state shows a busy indicator. | `boolean` | `false` |\n| `menuOpen` | `menu-open` | Opens the action menu. | `boolean` | `false` |\n| `showBackButton` | `show-back-button` | Shows a back button in the header. | `boolean` | `false` |\n| `summary` | `summary` | Summary text. A description displayed underneath the heading. | `string` | `undefined` |\n| `theme` | `theme` | Used to set the component\'s color scheme. | `"dark" \\| "light"` | `undefined` |\n\n\n## Events\n\n| Event | Description | Type |\n| -------------------------- | ---------------------------------------------- | ------------------ |\n| `calciteFlowItemBackClick` | Emitted when the back button has been clicked. | `CustomEvent` |\n| `calciteFlowItemScroll` | Emitted when the content has been scrolled. | `CustomEvent` |\n\n\n## Slots\n\n| Slot | Description |\n| ------------------ | ------------------------------------------------------------------------------------------------------------------------------- |\n| | A slot for adding content to the flow item. |\n| `"fab"` | A slot for adding a `calcite-fab` (floating action button) to perform an action. |\n| `"footer-actions"` | A slot for adding `calcite-button`s to the footer. |\n| `"menu-actions"` | A slot for adding `calcite-action`s to a menu under the `...` in the header. These actions are displayed when the menu is open. |\n\n\n## Dependencies\n\n### Depends on\n\n- [calcite-action](../calcite-action)\n- [calcite-panel](../calcite-panel)\n\n### Graph\n```mermaid\ngraph TD;\n calcite-flow-item --\x3e calcite-action\n calcite-flow-item --\x3e calcite-panel\n calcite-panel --\x3e calcite-action\n style calcite-flow-item fill:#f9f,stroke:#333,stroke-width:4px\n```\n\n----------------------------------------------\n\n*Built with [StencilJS](https://stenciljs.com/)*\n')}}};const createFlowItemAttributes=group=>[{name:"disabled",value:Object(dist.boolean)("disabled",!1,group)},{name:"heading",value:Object(dist.text)("heading","Heading",group)},{name:"loading",value:Object(dist.boolean)("loading",!1,group)},{name:"menu-open",value:Object(dist.boolean)("menuOpen",!1,group)},{name:"summary",value:Object(dist.text)("summary","Summary",group)},{name:"intl-back",value:Object(dist.text)("intlBack",TEXT_back,group)},{name:"intl-open",value:Object(dist.text)("intlOpen",TEXT_open,group)},{name:"intl-close",value:Object(dist.text)("intlClose",TEXT_close,group)}],menuActionsHTML=dedent_default.a` + + + +`,footerActionsHTML=dedent_default.a` + Save + Cancel +`;function createItemHTML(content){return`${menuActionsHTML}${content}${footerActionsHTML}`}const item1HTML=dedent_default.a` +

+ Enim nascetur erat faucibus ornare varius arcu fames bibendum habitant felis elit ante. Nibh morbi massa curae; leo semper diam aenean congue taciti eu porta. Varius faucibus ridiculus donec. Montes sit ligula purus porta ante lacus habitasse libero cubilia purus! In quis congue arcu maecenas felis cursus pellentesque nascetur porta donec non. Quisque, rutrum ligula pharetra justo habitasse facilisis rutrum neque. Magnis nostra nec nulla dictumst taciti consectetur. Non porttitor tempor orci dictumst magna porta vitae. +

+

+ Ipsum nostra tempus etiam augue ullamcorper scelerisque sapien potenti erat nisi gravida. Vehicula sem tristique sed. Nullam, sociis imperdiet ullamcorper? Dapibus fames primis ridiculus vulputate, habitant inceptos! Nunc torquent lorem urna vehicula volutpat donec nec. Orci massa eu nec donec enim fames, faucibus quam aenean. Laoreet tellus tempor quisque ornare lobortis praesent erat senectus natoque consectetur donec imperdiet. Quis sem cum gravida dictumst a pretium purus aptent amet id. Orci habitasse, praesent facilisis condimentum. Nec elit turpis leo. +

+

+ Tempus per volutpat diam tempor mauris parturient vulputate leo id libero quisque. Mattis aliquam dictum venenatis fringilla. Taciti venenatis, ultrices sollicitudin consequat. Sapien fusce est iaculis potenti ut auctor potenti. Nisi malesuada feugiat vulputate vitae porttitor. Nullam nullam nullam accumsan quis magna in. Elementum, nascetur gravida cras scelerisque inceptos aenean inceptos potenti. Lobortis condimentum accumsan posuere curabitur fermentum diam, natoque quisque. Eget placerat sed aptent orci urna fusce magnis. Vel lacus magnis nunc. +

+

+ Magna ligula neque phasellus. Velit duis auctor etiam nullam sociis nam neque quis. Donec fusce bibendum quam egestas sociosqu orci tempus vulputate egestas penatibus urna sociosqu. Nulla nam potenti diam egestas litora lobortis tristique maecenas pulvinar maecenas vitae tortor. Lacus purus facilisi est accumsan varius gravida facilisis rutrum tortor potenti rhoncus id. Ipsum praesent tristique blandit taciti morbi torquent pharetra fermentum aenean! +

+

+ Congue eu duis integer nisl molestie nostra dis auctor lobortis tellus parturient. Porttitor dis curae; maecenas quis praesent ridiculus posuere mus. Dictumst, vivamus fames semper congue fusce! Nunc placerat enim fermentum posuere magna justo habitasse. Tristique placerat mauris, per nulla gravida dui urna ut nec venenatis! Non lacus iaculis quisque, neque erat integer. Duis tortor ad habitant turpis dis eu mollis at facilisis. Tellus nisl amet morbi fringilla mus dui neque himenaeos maecenas platea venenatis. Tristique nisl quisque ad aliquam senectus pulvinar litora. +

+`,item2HTML=dedent_default.a` +
    +
  • Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam. Sed arcu. Cras consequat.
  • +
  • Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus.
  • +
  • Phasellus ultrices nulla quis nibh. Quisque a lectus. Donec consectetuer ligula vulputate sem tristique cursus. Nam nulla quam, gravida non, commodo a, sodales sit amet, nisi.
  • +
  • Pellentesque fermentum dolor. Aliquam quam lectus, facilisis auctor, ultrices ut, elementum vulputate, nunc.
  • +
+`,basic=addSourceDecorator(()=>Object(utils.a)("calcite-flow",[{name:"dir",value:Object(dist.select)("dir",dir.values,dir.defaultValue,"Flow")},{name:"theme",value:Object(dist.select)("theme",theme.values,theme.defaultValue,"Flow")}],`${Object(utils.a)("calcite-flow-item",createFlowItemAttributes("Flow Item 1"),createItemHTML(item1HTML))}\n ${Object(utils.a)("calcite-flow-item",createFlowItemAttributes("Flow Item 2"),createItemHTML(item2HTML))}`),{__STORY__:'import { boolean, select, text, withKnobs } from "@storybook/addon-knobs";\nimport { withA11y } from "@storybook/addon-a11y";\nimport { Attributes, createComponentHTML as create, darkBackground, parseReadme } from "../../../.storybook/utils";\nimport { ATTRIBUTES } from "../../../.storybook/resources";\nconst { dir, theme } = ATTRIBUTES;\nimport readme from "./readme.md";\nimport itemReadme from "../calcite-flow-item/readme.md";\nimport { SLOTS, TEXT } from "../calcite-flow-item/resources";\nimport dedent from "dedent";\n\nexport default {\n title: "components|calcite-flow",\n decorators: [withKnobs, withA11y],\n parameters: {\n backgrounds: darkBackground,\n notes: {\n flow: parseReadme(readme),\n item: parseReadme(itemReadme)\n }\n }\n};\n\nconst createAttributes: () => Attributes = () => {\n const group = "Flow";\n\n return [\n {\n name: "dir",\n value: select("dir", dir.values, dir.defaultValue, group)\n },\n {\n name: "theme",\n value: select("theme", theme.values, theme.defaultValue, group)\n }\n ];\n};\n\nconst createFlowItemAttributes: (group: string) => Attributes = (group) => {\n return [\n {\n name: "disabled",\n value: boolean("disabled", false, group)\n },\n {\n name: "heading",\n value: text("heading", "Heading", group)\n },\n {\n name: "loading",\n value: boolean("loading", false, group)\n },\n {\n name: "menu-open",\n value: boolean("menuOpen", false, group)\n },\n {\n name: "summary",\n value: text("summary", "Summary", group)\n },\n {\n name: "intl-back",\n value: text("intlBack", TEXT.back, group)\n },\n {\n name: "intl-open",\n value: text("intlOpen", TEXT.open, group)\n },\n {\n name: "intl-close",\n value: text("intlClose", TEXT.close, group)\n }\n ];\n};\n\nconst menuActionsHTML = dedent`\n \n \n \n`;\n\nconst footerActionsHTML = dedent`\n Save\n Cancel\n`;\n\nfunction createItemHTML(content: string): string {\n return `${menuActionsHTML}${content}${footerActionsHTML}`;\n}\n\nconst item1HTML = dedent`\n

\n Enim nascetur erat faucibus ornare varius arcu fames bibendum habitant felis elit ante. Nibh morbi massa curae; leo semper diam aenean congue taciti eu porta. Varius faucibus ridiculus donec. Montes sit ligula purus porta ante lacus habitasse libero cubilia purus! In quis congue arcu maecenas felis cursus pellentesque nascetur porta donec non. Quisque, rutrum ligula pharetra justo habitasse facilisis rutrum neque. Magnis nostra nec nulla dictumst taciti consectetur. Non porttitor tempor orci dictumst magna porta vitae.\n

\n

\n Ipsum nostra tempus etiam augue ullamcorper scelerisque sapien potenti erat nisi gravida. Vehicula sem tristique sed. Nullam, sociis imperdiet ullamcorper? Dapibus fames primis ridiculus vulputate, habitant inceptos! Nunc torquent lorem urna vehicula volutpat donec nec. Orci massa eu nec donec enim fames, faucibus quam aenean. Laoreet tellus tempor quisque ornare lobortis praesent erat senectus natoque consectetur donec imperdiet. Quis sem cum gravida dictumst a pretium purus aptent amet id. Orci habitasse, praesent facilisis condimentum. Nec elit turpis leo.\n

\n

\n Tempus per volutpat diam tempor mauris parturient vulputate leo id libero quisque. Mattis aliquam dictum venenatis fringilla. Taciti venenatis, ultrices sollicitudin consequat. Sapien fusce est iaculis potenti ut auctor potenti. Nisi malesuada feugiat vulputate vitae porttitor. Nullam nullam nullam accumsan quis magna in. Elementum, nascetur gravida cras scelerisque inceptos aenean inceptos potenti. Lobortis condimentum accumsan posuere curabitur fermentum diam, natoque quisque. Eget placerat sed aptent orci urna fusce magnis. Vel lacus magnis nunc.\n

\n

\n Magna ligula neque phasellus. Velit duis auctor etiam nullam sociis nam neque quis. Donec fusce bibendum quam egestas sociosqu orci tempus vulputate egestas penatibus urna sociosqu. Nulla nam potenti diam egestas litora lobortis tristique maecenas pulvinar maecenas vitae tortor. Lacus purus facilisi est accumsan varius gravida facilisis rutrum tortor potenti rhoncus id. Ipsum praesent tristique blandit taciti morbi torquent pharetra fermentum aenean!\n

\n

\n Congue eu duis integer nisl molestie nostra dis auctor lobortis tellus parturient. Porttitor dis curae; maecenas quis praesent ridiculus posuere mus. Dictumst, vivamus fames semper congue fusce! Nunc placerat enim fermentum posuere magna justo habitasse. Tristique placerat mauris, per nulla gravida dui urna ut nec venenatis! Non lacus iaculis quisque, neque erat integer. Duis tortor ad habitant turpis dis eu mollis at facilisis. Tellus nisl amet morbi fringilla mus dui neque himenaeos maecenas platea venenatis. Tristique nisl quisque ad aliquam senectus pulvinar litora.\n

\n`;\n\nconst item2HTML = dedent`\n
    \n
  • Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam. Sed arcu. Cras consequat.
  • \n
  • Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus.
  • \n
  • Phasellus ultrices nulla quis nibh. Quisque a lectus. Donec consectetuer ligula vulputate sem tristique cursus. Nam nulla quam, gravida non, commodo a, sodales sit amet, nisi.
  • \n
  • Pellentesque fermentum dolor. Aliquam quam lectus, facilisis auctor, ultrices ut, elementum vulputate, nunc.
  • \n
\n`;\n\nexport const basic = (): string =>\n create(\n "calcite-flow",\n createAttributes(),\n `${create("calcite-flow-item", createFlowItemAttributes("Flow Item 1"), createItemHTML(item1HTML))}\n ${create("calcite-flow-item", createFlowItemAttributes("Flow Item 2"), createItemHTML(item2HTML))}`\n );\n',__ADDS_MAP__:{"components-calcite-flow--basic":{startLoc:{col:21,line:117},endLoc:{col:3,line:123},startBody:{col:21,line:117},endBody:{col:3,line:123}}},__MAIN_FILE_LOCATION__:"/calcite-flow.stories.ts",__MODULE_DEPENDENCIES__:[],__LOCAL_DEPENDENCIES__:{},__SOURCE_PREFIX__:"/Users/juan6600/dev/projects/calcite-app-components/src/components/calcite-flow",__IDS_TO_FRAMEWORKS__:{}})},1614:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"basic",(function(){return basic})),__webpack_require__.d(__webpack_exports__,"withTooltip",(function(){return withTooltip}));var dist=__webpack_require__(1),addon_a11y_dist=__webpack_require__(29),utils=__webpack_require__(2),resources=__webpack_require__(30),dedent=__webpack_require__(10),dedent_default=__webpack_require__.n(dedent);const TEXT_expand="Expand",TEXT_collapse="Collapse";__webpack_require__(28).withSource;var addSourceDecorator=__webpack_require__(28).addSource,__SOURCE_PREFIX__="/Users/juan6600/dev/projects/calcite-app-components/src/components/calcite-action-bar",__STORY__='import { boolean, select, text, withKnobs } from "@storybook/addon-knobs";\nimport { withA11y } from "@storybook/addon-a11y";\nimport { Attributes, createComponentHTML as create, darkBackground, parseReadme } from "../../../.storybook/utils";\nimport readme from "./readme.md";\nimport { ATTRIBUTES } from "../../../.storybook/resources";\nimport dedent from "dedent";\nconst { dir, position, theme } = ATTRIBUTES;\nimport { TEXT } from "./resources";\n\nexport default {\n title: "components|calcite-action-bar",\n decorators: [withKnobs, withA11y],\n parameters: {\n backgrounds: darkBackground,\n notes: parseReadme(readme)\n }\n};\n\nconst createAttributes: () => Attributes = () => [\n {\n name: "expand",\n value: boolean("expand", true)\n },\n {\n name: "expanded",\n value: boolean("expanded", false)\n },\n {\n name: "dir",\n value: select("dir", dir.values, dir.defaultValue)\n },\n {\n name: "intl-expand",\n value: text("intlExpand", TEXT.expand)\n },\n {\n name: "intl-collapse",\n value: text("intlCollapse", TEXT.collapse)\n },\n {\n name: "position",\n value: select("position", position.values, position.defaultValue)\n },\n {\n name: "theme",\n value: select("theme", theme.values, theme.defaultValue)\n }\n];\n\nexport const basic = (): string =>\n create(\n "calcite-action-bar",\n createAttributes(),\n dedent`\n \n \n \n \n \n \n \n `\n );\n\nexport const withTooltip = (): DocumentFragment => {\n const action = document.createElement("calcite-action");\n action.text = "Add";\n action.icon = "plus";\n\n const tooltip = document.createElement("calcite-tooltip");\n tooltip.innerText = "Expand";\n\n const actionBar = document.createElement("calcite-action-bar");\n actionBar.tooltipExpand = tooltip;\n\n actionBar.append(action);\n\n const fragment = document.createDocumentFragment();\n\n fragment.append(actionBar);\n fragment.append(tooltip);\n\n return fragment;\n};\n',__ADDS_MAP__={"components-calcite-action-bar--basic":{startLoc:{col:21,line:50},endLoc:{col:3,line:63},startBody:{col:21,line:50},endBody:{col:3,line:63}},"components-calcite-action-bar--with-tooltip":{startLoc:{col:27,line:65},endLoc:{col:1,line:84},startBody:{col:27,line:65},endBody:{col:1,line:84}}},__MODULE_DEPENDENCIES__=[],__LOCAL_DEPENDENCIES__={},__IDS_TO_FRAMEWORKS__={};const{dir:dir,position:position,theme:theme}=resources.a;__webpack_exports__.default={title:"components|calcite-action-bar",decorators:[dist.withKnobs,addon_a11y_dist.withA11y],parameters:{storySource:{source:'import { boolean, select, text, withKnobs } from "@storybook/addon-knobs";\nimport { withA11y } from "@storybook/addon-a11y";\nimport { Attributes, createComponentHTML as create, darkBackground, parseReadme } from "../../../.storybook/utils";\nimport readme from "./readme.md";\nimport { ATTRIBUTES } from "../../../.storybook/resources";\nimport dedent from "dedent";\nconst { dir, position, theme } = ATTRIBUTES;\nimport { TEXT } from "./resources";\n\nexport default {\n title: "components|calcite-action-bar",\n decorators: [withKnobs, withA11y],\n parameters: {\n backgrounds: darkBackground,\n notes: parseReadme(readme)\n }\n};\n\nconst createAttributes: () => Attributes = () => [\n {\n name: "expand",\n value: boolean("expand", true)\n },\n {\n name: "expanded",\n value: boolean("expanded", false)\n },\n {\n name: "dir",\n value: select("dir", dir.values, dir.defaultValue)\n },\n {\n name: "intl-expand",\n value: text("intlExpand", TEXT.expand)\n },\n {\n name: "intl-collapse",\n value: text("intlCollapse", TEXT.collapse)\n },\n {\n name: "position",\n value: select("position", position.values, position.defaultValue)\n },\n {\n name: "theme",\n value: select("theme", theme.values, theme.defaultValue)\n }\n];\n\nexport const basic = (): string =>\n create(\n "calcite-action-bar",\n createAttributes(),\n dedent`\n \n \n \n \n \n \n \n `\n );\n\nexport const withTooltip = (): DocumentFragment => {\n const action = document.createElement("calcite-action");\n action.text = "Add";\n action.icon = "plus";\n\n const tooltip = document.createElement("calcite-tooltip");\n tooltip.innerText = "Expand";\n\n const actionBar = document.createElement("calcite-action-bar");\n actionBar.tooltipExpand = tooltip;\n\n actionBar.append(action);\n\n const fragment = document.createDocumentFragment();\n\n fragment.append(actionBar);\n fragment.append(tooltip);\n\n return fragment;\n};\n',locationsMap:{"components-calcite-action-bar--basic":{startLoc:{col:21,line:50},endLoc:{col:3,line:63},startBody:{col:21,line:50},endBody:{col:3,line:63}},"components-calcite-action-bar--with-tooltip":{startLoc:{col:27,line:65},endLoc:{col:1,line:84},startBody:{col:27,line:65},endBody:{col:1,line:84}}}},backgrounds:utils.b,notes:Object(utils.c)('# calcite-action-bar\n\n## Description\n\nThe `calcite-action-bar` component is made up of multiple `calcite-action`s in the form of clickable icons. The action bar can be expanded to view actions with descriptive text or made smaller to view with just icons.\n\n\x3c!-- Auto Generated Below --\x3e\n\n\n## Usage\n\n### Basic\n\n#### Basic Action Bar (Top Actions)\n\nRenders `calcite-action`s that stick to the top of the bar.\n\n```html\n\n \n \n\n```\n\n#### With grouping\n\nRenders a group of `calcite-action`s contained in a `calcite-action-group`. Actions in a group are visually separated from other groups or actions in the bar.\n\n```html\n\n \n \n \n \n\n \n \n \n \n\n```\n\n#### Bottom Actions\n\nThe bottom-actions slot renders `calcite-action`s that stick to the bottom of the bar above the expand/collapse icon.\n\n```html\n\n \n \n\n```\n\n\n### Tooltip\n\n### Tooltip on the expand action\n\n```html\n\n \n\nExpand\n ``` - - ## Properties -| Property | Attribute | Description | Type | Default | -| --------------- | --------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------- | ----------- | -| `expand` | `expand` | Indicates whether widget can be expanded. | `boolean` | `true` | -| `expanded` | `expanded` | Indicates whether widget is expanded. | `boolean` | `false` | -| `intlCollapse` | `intl-collapse` | Updates the label of the collapse icon when the component is expanded. | `string` | `undefined` | -| `intlExpand` | `intl-expand` | Updates the label of the expand icon when the component is not expanded. | `string` | `undefined` | -| `layout` | `layout` | **[DEPRECATED]** use "position" instead.

Arrangement of the component. Leading and trailing are different depending on if the direction is LTR or RTL. For example, "leading" in a LTR app will appear on the left. | `"leading" \| "trailing"` | `undefined` | -| `position` | `position` | Arranges the component depending on the elements 'dir' property. | `"end" \| "start"` | `undefined` | -| `textCollapse` | `text-collapse` | **[DEPRECATED]** use "intlCollapse" instead.

Updates the label of the collapse icon when the component is expanded. | `string` | `undefined` | -| `textExpand` | `text-expand` | **[DEPRECATED]** use "intlExpand" instead.

Updates the label of the expand icon when the component is not expanded. | `string` | `undefined` | -| `theme` | `theme` | Used to set the component's color scheme. | `"dark" \| "light"` | `undefined` | -| `tooltipExpand` | -- | Used to set the tooltip for the expand toggle. | `HTMLCalciteTooltipElement` | `undefined` | - +| Property | Attribute | Description | Type | Default | +| --------------- | --------------- | ------------------------------------------------------------------------ | --------------------------- | ----------- | +| `expand` | `expand` | Indicates whether widget can be expanded. | `boolean` | `true` | +| `expanded` | `expanded` | Indicates whether widget is expanded. | `boolean` | `false` | +| `intlCollapse` | `intl-collapse` | Updates the label of the collapse icon when the component is expanded. | `string` | `undefined` | +| `intlExpand` | `intl-expand` | Updates the label of the expand icon when the component is not expanded. | `string` | `undefined` | +| `position` | `position` | Arranges the component depending on the elements 'dir' property. | `"end" \| "start"` | `undefined` | +| `theme` | `theme` | Used to set the component's color scheme. | `"dark" \| "light"` | `undefined` | +| `tooltipExpand` | -- | Used to set the tooltip for the expand toggle. | `HTMLCalciteTooltipElement` | `undefined` | ## Events @@ -92,7 +84,6 @@ The bottom-actions slot renders `calcite-action`s that stick to the bottom of th | ------------------------ | --------------------------------------- | ------------------ | | `calciteActionBarToggle` | Emitted when expanded has been toggled. | `CustomEvent` | - ## Slots | Slot | Description | @@ -100,7 +91,6 @@ The bottom-actions slot renders `calcite-action`s that stick to the bottom of th | | A slot for adding `calcite-action`s that will appear at the top of the action bar. | | `"bottom-actions"` | A slot for adding `calcite-action`s that will appear at the bottom of the action bar, above the collapse/expand button. | - ## Dependencies ### Depends on @@ -109,6 +99,7 @@ The bottom-actions slot renders `calcite-action`s that stick to the bottom of th - [calcite-action](../calcite-action) ### Graph + ```mermaid graph TD; calcite-action-bar --> calcite-action-group @@ -116,6 +107,6 @@ graph TD; style calcite-action-bar fill:#f9f,stroke:#333,stroke-width:4px ``` ----------------------------------------------- +--- -*Built with [StencilJS](https://stenciljs.com/)* +_Built with [StencilJS](https://stenciljs.com/)_ diff --git a/src/components/calcite-action-pad/readme.md b/src/components/calcite-action-pad/readme.md index 32e6fdc6..9851d904 100755 --- a/src/components/calcite-action-pad/readme.md +++ b/src/components/calcite-action-pad/readme.md @@ -4,7 +4,6 @@ The `calcite-action-pad` component is made up of `calcite-action`s in the form o - ## Usage ### Basic @@ -35,7 +34,6 @@ Renders a group of `calcite-action`s contained in a `calcite-action-group`. Acti ``` - ### Tooltip ### Tooltip on the expand action @@ -52,23 +50,18 @@ Renders a group of `calcite-action`s contained in a `calcite-action-group`. Acti ``` - - ## Properties -| Property | Attribute | Description | Type | Default | -| --------------- | --------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------- | ----------- | -| `expand` | `expand` | Indicates whether widget can be expanded. | `boolean` | `true` | -| `expanded` | `expanded` | Indicates whether widget is expanded. | `boolean` | `false` | -| `intlCollapse` | `intl-collapse` | Updates the label of the collapse icon when the component is expanded. | `string` | `undefined` | -| `intlExpand` | `intl-expand` | Updates the label of the expand icon when the component is not expanded. | `string` | `undefined` | -| `layout` | `layout` | **[DEPRECATED]** use "position" instead.

Arrangement of the component. | `"leading" \| "trailing"` | `undefined` | -| `position` | `position` | Arranges the component depending on the elements 'dir' property. | `"end" \| "start"` | `undefined` | -| `textCollapse` | `text-collapse` | **[DEPRECATED]** use "intlCollapse" instead.

Updates the label of the collapse icon when the component is expanded. | `string` | `undefined` | -| `textExpand` | `text-expand` | **[DEPRECATED]** use "intlExpand" instead.

Updates the label of the expand icon when the component is not expanded. | `string` | `undefined` | -| `theme` | `theme` | Used to set the component's color scheme. | `"dark" \| "light"` | `undefined` | -| `tooltipExpand` | -- | Used to set the tooltip for the expand toggle. | `HTMLCalciteTooltipElement` | `undefined` | - +| Property | Attribute | Description | Type | Default | +| --------------- | --------------- | ------------------------------------------------------------------------ | ---------------------------- | ------------ | +| `expand` | `expand` | Indicates whether widget can be expanded. | `boolean` | `true` | +| `expanded` | `expanded` | Indicates whether widget is expanded. | `boolean` | `false` | +| `intlCollapse` | `intl-collapse` | Updates the label of the collapse icon when the component is expanded. | `string` | `undefined` | +| `intlExpand` | `intl-expand` | Updates the label of the expand icon when the component is not expanded. | `string` | `undefined` | +| `layout` | `layout` | Indicates the horizontal or vertical layout of the component. | `"horizontal" \| "vertical"` | `"vertical"` | +| `position` | `position` | Arranges the component depending on the elements 'dir' property. | `"end" \| "start"` | `undefined` | +| `theme` | `theme` | Used to set the component's color scheme. | `"dark" \| "light"` | `undefined` | +| `tooltipExpand` | -- | Used to set the tooltip for the expand toggle. | `HTMLCalciteTooltipElement` | `undefined` | ## Events @@ -76,14 +69,12 @@ Renders a group of `calcite-action`s contained in a `calcite-action-group`. Acti | ------------------------ | --------------------------------------- | ------------------ | | `calciteActionPadToggle` | Emitted when expanded has been toggled. | `CustomEvent` | - ## Slots | Slot | Description | | ---- | ------------------------------------------------------ | | | A slot for adding `calcite-action`s to the action pad. | - ## Dependencies ### Depends on @@ -92,6 +83,7 @@ Renders a group of `calcite-action`s contained in a `calcite-action-group`. Acti - [calcite-action](../calcite-action) ### Graph + ```mermaid graph TD; calcite-action-pad --> calcite-action-group @@ -99,6 +91,6 @@ graph TD; style calcite-action-pad fill:#f9f,stroke:#333,stroke-width:4px ``` ----------------------------------------------- +--- -*Built with [StencilJS](https://stenciljs.com/)* +_Built with [StencilJS](https://stenciljs.com/)_ diff --git a/src/components/calcite-block-section/readme.md b/src/components/calcite-block-section/readme.md index 3c089973..4ac2183a 100644 --- a/src/components/calcite-block-section/readme.md +++ b/src/components/calcite-block-section/readme.md @@ -4,7 +4,6 @@ The `calcite-block-section` component is a child element of `calcite-block`. Sec - ## Properties | Property | Attribute | Description | Type | Default | @@ -13,25 +12,20 @@ The `calcite-block-section` component is a child element of `calcite-block`. Sec | `intlExpand` | `intl-expand` | Tooltip used for the toggle when collapsed. | `string` | `undefined` | | `open` | `open` | When true, the block's section content will be displayed. | `boolean` | `false` | | `text` | `text` | Text displayed in the button. | `string` | `undefined` | -| `textCollapse` | `text-collapse` | **[DEPRECATED]** use "intlCollapse" instead.

Tooltip used for the toggle when expanded. | `string` | `undefined` | -| `textExpand` | `text-expand` | **[DEPRECATED]** use "intlExpand" instead.

Tooltip used for the toggle when collapsed. | `string` | `undefined` | | `toggleDisplay` | `toggle-display` | This property determines the look of the section toggle. If the value is "switch", a toggle-switch will be displayed. If the value is "button", a clickable header is displayed. | `"button" \| "switch"` | `"button"` | - ## Events | Event | Description | Type | | --------------------------- | ----------------------------------------- | ------------------ | | `calciteBlockSectionToggle` | Emitted when the header has been clicked. | `CustomEvent` | - ## Slots | Slot | Description | | ---- | ----------------------------------------------- | | | A slot for adding content to the block section. | - ## Dependencies ### Depends on @@ -39,12 +33,13 @@ The `calcite-block-section` component is a child element of `calcite-block`. Sec - [calcite-action](../calcite-action) ### Graph + ```mermaid graph TD; calcite-block-section --> calcite-action style calcite-block-section fill:#f9f,stroke:#333,stroke-width:4px ``` ----------------------------------------------- +--- -*Built with [StencilJS](https://stenciljs.com/)* +_Built with [StencilJS](https://stenciljs.com/)_ diff --git a/src/components/calcite-block/readme.md b/src/components/calcite-block/readme.md index e4aa7a86..8ec826d5 100644 --- a/src/components/calcite-block/readme.md +++ b/src/components/calcite-block/readme.md @@ -4,7 +4,6 @@ The `calcite-block` component is intended for displaying a heading and content. - ## Usage ### Basic @@ -55,25 +54,20 @@ Renders a header with a clickable icon to toggle the block open and closed. ``` - - ## Properties -| Property | Attribute | Description | Type | Default | -| -------------- | --------------- | ------------------------------------------------------------------------------------------------------------------------------- | ------------------- | ----------- | -| `collapsible` | `collapsible` | When true, this block will be collapsible. | `boolean` | `false` | -| `disabled` | `disabled` | When true, disabled prevents interaction. This state shows items with lower opacity/grayed. | `boolean` | `false` | -| `dragHandle` | `drag-handle` | When true, displays a drag handle in the header. | `boolean` | `false` | -| `heading` | `heading` | Block heading. | `string` | `undefined` | -| `intlCollapse` | `intl-collapse` | Tooltip used for the toggle when expanded. | `string` | `undefined` | -| `intlExpand` | `intl-expand` | Tooltip used for the toggle when collapsed. | `string` | `undefined` | -| `loading` | `loading` | When true, content is waiting to be loaded. This state shows a busy indicator. | `boolean` | `false` | -| `open` | `open` | When true, the block's content will be displayed. | `boolean` | `false` | -| `summary` | `summary` | Block summary. | `string` | `undefined` | -| `textCollapse` | `text-collapse` | **[DEPRECATED]** use "intlCollapse" instead.

Tooltip used for the toggle when expanded. | `string` | `undefined` | -| `textExpand` | `text-expand` | **[DEPRECATED]** use "intlExpand" instead.

Tooltip used for the toggle when collapsed. | `string` | `undefined` | -| `theme` | `theme` | Used to set the component's color scheme. | `"dark" \| "light"` | `undefined` | - +| Property | Attribute | Description | Type | Default | +| -------------- | --------------- | ------------------------------------------------------------------------------------------- | ------------------- | ----------- | +| `collapsible` | `collapsible` | When true, this block will be collapsible. | `boolean` | `false` | +| `disabled` | `disabled` | When true, disabled prevents interaction. This state shows items with lower opacity/grayed. | `boolean` | `false` | +| `dragHandle` | `drag-handle` | When true, displays a drag handle in the header. | `boolean` | `false` | +| `heading` | `heading` | Block heading. | `string` | `undefined` | +| `intlCollapse` | `intl-collapse` | Tooltip used for the toggle when expanded. | `string` | `undefined` | +| `intlExpand` | `intl-expand` | Tooltip used for the toggle when collapsed. | `string` | `undefined` | +| `loading` | `loading` | When true, content is waiting to be loaded. This state shows a busy indicator. | `boolean` | `false` | +| `open` | `open` | When true, the block's content will be displayed. | `boolean` | `false` | +| `summary` | `summary` | Block summary. | `string` | `undefined` | +| `theme` | `theme` | Used to set the component's color scheme. | `"dark" \| "light"` | `undefined` | ## Events @@ -81,7 +75,6 @@ Renders a header with a clickable icon to toggle the block open and closed. | -------------------- | ----------------------------------------- | ------------------ | | `calciteBlockToggle` | Emitted when the header has been clicked. | `CustomEvent` | - ## Slots | Slot | Description | @@ -90,7 +83,6 @@ Renders a header with a clickable icon to toggle the block open and closed. | `"control"` | A slot for adding a single HTML input element in a header. | | `"icon"` | A slot for adding a trailing header icon. | - ## Dependencies ### Depends on @@ -98,12 +90,13 @@ Renders a header with a clickable icon to toggle the block open and closed. - [calcite-handle](../calcite-handle) ### Graph + ```mermaid graph TD; calcite-block --> calcite-handle style calcite-block fill:#f9f,stroke:#333,stroke-width:4px ``` ----------------------------------------------- +--- -*Built with [StencilJS](https://stenciljs.com/)* +_Built with [StencilJS](https://stenciljs.com/)_ diff --git a/src/components/calcite-fab/readme.md b/src/components/calcite-fab/readme.md index 021cab6e..ddd8edd6 100644 --- a/src/components/calcite-fab/readme.md +++ b/src/components/calcite-fab/readme.md @@ -2,7 +2,6 @@ - ## Usage ### Basic @@ -31,36 +30,29 @@ Renders a `calcite-fab` that is loading and disabled. ``` - - ## Properties -| Property | Attribute | Description | Type | Default | -| ------------- | -------------- | ----------------------------------------------------------------------------------------------------------------------------------- | --------------------------------- | ------------ | -| `appearance` | `appearance` | Used to set the button's appearance. Default is outline. | `"clear" \| "outline" \| "solid"` | `"outline"` | -| `disabled` | `disabled` | When true, disabled prevents interaction. This state shows items with lower opacity/grayed. | `boolean` | `false` | -| `icon` | `icon` | The name of the icon to display. The value of this property must match the icon name from https://esri.github.io/calcite-ui-icons/. | `string` | `ICONS.plus` | -| `label` | `label` | Label of the FAB, exposed on hover. If no label is provided, the label inherits what's provided for the `text` prop. | `string` | `undefined` | -| `loading` | `loading` | When true, content is waiting to be loaded. This state shows a busy indicator. | `boolean` | `false` | -| `scale` | `scale` | Specifies the size of the fab. | `"l" \| "m" \| "s"` | `"m"` | -| `text` | `text` | Text that accompanies the FAB icon. | `string` | `undefined` | -| `textEnabled` | `text-enabled` | Indicates whether the text is displayed. | `boolean` | `false` | -| `theme` | `theme` | Used to set the component's color scheme. | `"dark" \| "light"` | `undefined` | - +| Property | Attribute | Description | Type | Default | +| ------------- | -------------- | ----------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------- | ------------ | +| `appearance` | `appearance` | Used to set the button's appearance. Default is outline. | `"clear" \| "outline" \| "solid"` | `"outline"` | +| `color` | `color` | Used to set the button's color. Default is light. | `"blue" \| "dark" \| "light" \| "red"` | `"light"` | +| `disabled` | `disabled` | When true, disabled prevents interaction. This state shows items with lower opacity/grayed. | `boolean` | `false` | +| `icon` | `icon` | The name of the icon to display. The value of this property must match the icon name from https://esri.github.io/calcite-ui-icons/. | `string` | `ICONS.plus` | +| `label` | `label` | Label of the FAB, exposed on hover. If no label is provided, the label inherits what's provided for the `text` prop. | `string` | `undefined` | +| `loading` | `loading` | When true, content is waiting to be loaded. This state shows a busy indicator. | `boolean` | `false` | +| `scale` | `scale` | Specifies the size of the fab. | `"l" \| "m" \| "s"` | `"s"` | +| `text` | `text` | Text that accompanies the FAB icon. | `string` | `undefined` | +| `textEnabled` | `text-enabled` | Indicates whether the text is displayed. | `boolean` | `false` | +| `theme` | `theme` | Used to set the component's color scheme. | `"dark" \| "light"` | `undefined` | ## Methods ### `setFocus() => Promise` - - #### Returns Type: `Promise` +--- - - ----------------------------------------------- - -*Built with [StencilJS](https://stenciljs.com/)* +_Built with [StencilJS](https://stenciljs.com/)_ diff --git a/src/components/calcite-filter/readme.md b/src/components/calcite-filter/readme.md index 98bd559f..1fa02ac7 100644 --- a/src/components/calcite-filter/readme.md +++ b/src/components/calcite-filter/readme.md @@ -2,18 +2,14 @@ - ## Properties -| Property | Attribute | Description | Type | Default | -| ----------------- | ------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------- | ----------- | -| `data` | -- | The input data. The filter uses this as the starting point, and returns items that contain the string entered in the input, using a partial match and recursive search. | `object[]` | `undefined` | -| `intlClear` | `intl-clear` | A text label that will appear on the clear button. | `string` | `undefined` | -| `intlLabel` | `intl-label` | A text label that will appear next to the input field. | `string` | `undefined` | -| `placeholder` | `placeholder` | Placeholder text for the input element's placeholder attribute | `string` | `undefined` | -| `textLabel` | `text-label` | **[DEPRECATED]** use "intlLabel" instead.

A text label that will appear next to the input field. | `string` | `undefined` | -| `textPlaceholder` | `text-placeholder` | **[DEPRECATED]** use "placeholder" instead.

Placeholder text for the input element's placeholder attribute | `string` | `undefined` | - +| Property | Attribute | Description | Type | Default | +| ------------- | ------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------- | ----------- | +| `data` | -- | The input data. The filter uses this as the starting point, and returns items that contain the string entered in the input, using a partial match and recursive search. | `object[]` | `undefined` | +| `intlClear` | `intl-clear` | A text label that will appear on the clear button. | `string` | `undefined` | +| `intlLabel` | `intl-label` | A text label that will appear next to the input field. | `string` | `undefined` | +| `placeholder` | `placeholder` | Placeholder text for the input element's placeholder attribute | `string` | `undefined` | ## Events @@ -21,15 +17,15 @@ | --------------------- | ----------- | ------------------ | | `calciteFilterChange` | | `CustomEvent` | - ## Dependencies ### Used by - - [calcite-pick-list](../calcite-pick-list) - - [calcite-value-list](../calcite-value-list) +- [calcite-pick-list](../calcite-pick-list) +- [calcite-value-list](../calcite-value-list) ### Graph + ```mermaid graph TD; calcite-pick-list --> calcite-filter @@ -37,6 +33,6 @@ graph TD; style calcite-filter fill:#f9f,stroke:#333,stroke-width:4px ``` ----------------------------------------------- +--- -*Built with [StencilJS](https://stenciljs.com/)* +_Built with [StencilJS](https://stenciljs.com/)_ diff --git a/src/components/calcite-flow-item/readme.md b/src/components/calcite-flow-item/readme.md index a3eaa095..7d6a5eeb 100644 --- a/src/components/calcite-flow-item/readme.md +++ b/src/components/calcite-flow-item/readme.md @@ -4,27 +4,22 @@ A `calcite-flow-item` is a child element of `calcite-flow` and lives in a panel - ## Properties -| Property | Attribute | Description | Type | Default | -| ---------------- | ------------------ | ------------------------------------------------------------------------------------------------------------------- | --------------------- | ----------- | -| `beforeBack` | -- | When provided, this method will be called before it is removed from the parent flow. | `() => Promise` | `undefined` | -| `disabled` | `disabled` | When true, disabled prevents interaction. This state shows items with lower opacity/grayed. | `boolean` | `false` | -| `heading` | `heading` | Heading text. | `string` | `undefined` | -| `heightScale` | `height-scale` | Specifies the maxiumum height of the panel that this wraps. | `"l" \| "m" \| "s"` | `undefined` | -| `intlBack` | `intl-back` | 'Back' text string. | `string` | `undefined` | -| `intlClose` | `intl-close` | 'Close' text string for the close button. The close button will only be shown when 'dismissible' is true. | `string` | `undefined` | -| `intlOpen` | `intl-open` | 'Open' text string for the menu. | `string` | `undefined` | -| `loading` | `loading` | When true, content is waiting to be loaded. This state shows a busy indicator. | `boolean` | `false` | -| `menuOpen` | `menu-open` | Opens the action menu. | `boolean` | `false` | -| `showBackButton` | `show-back-button` | Shows a back button in the header. | `boolean` | `false` | -| `summary` | `summary` | Summary text. A description displayed underneath the heading. | `string` | `undefined` | -| `textBack` | `text-back` | **[DEPRECATED]** use "intlBack" instead.

'Back' text string. | `string` | `undefined` | -| `textClose` | `text-close` | **[DEPRECATED]** use "intlClose" instead.

'Close' text string for the menu. | `string` | `undefined` | -| `textOpen` | `text-open` | **[DEPRECATED]** use "intlOpen" instead.

'Open' text string for the menu. | `string` | `undefined` | -| `theme` | `theme` | Used to set the component's color scheme. | `"dark" \| "light"` | `undefined` | - +| Property | Attribute | Description | Type | Default | +| ---------------- | ------------------ | --------------------------------------------------------------------------------------------------------- | --------------------- | ----------- | +| `beforeBack` | -- | When provided, this method will be called before it is removed from the parent flow. | `() => Promise` | `undefined` | +| `disabled` | `disabled` | When true, disabled prevents interaction. This state shows items with lower opacity/grayed. | `boolean` | `false` | +| `heading` | `heading` | Heading text. | `string` | `undefined` | +| `heightScale` | `height-scale` | Specifies the maxiumum height of the panel that this wraps. | `"l" \| "m" \| "s"` | `undefined` | +| `intlBack` | `intl-back` | 'Back' text string. | `string` | `undefined` | +| `intlClose` | `intl-close` | 'Close' text string for the close button. The close button will only be shown when 'dismissible' is true. | `string` | `undefined` | +| `intlOpen` | `intl-open` | 'Open' text string for the menu. | `string` | `undefined` | +| `loading` | `loading` | When true, content is waiting to be loaded. This state shows a busy indicator. | `boolean` | `false` | +| `menuOpen` | `menu-open` | Opens the action menu. | `boolean` | `false` | +| `showBackButton` | `show-back-button` | Shows a back button in the header. | `boolean` | `false` | +| `summary` | `summary` | Summary text. A description displayed underneath the heading. | `string` | `undefined` | +| `theme` | `theme` | Used to set the component's color scheme. | `"dark" \| "light"` | `undefined` | ## Events @@ -33,7 +28,6 @@ A `calcite-flow-item` is a child element of `calcite-flow` and lives in a panel | `calciteFlowItemBackClick` | Emitted when the back button has been clicked. | `CustomEvent` | | `calciteFlowItemScroll` | Emitted when the content has been scrolled. | `CustomEvent` | - ## Slots | Slot | Description | @@ -43,7 +37,6 @@ A `calcite-flow-item` is a child element of `calcite-flow` and lives in a panel | `"footer-actions"` | A slot for adding `calcite-button`s to the footer. | | `"menu-actions"` | A slot for adding `calcite-action`s to a menu under the `...` in the header. These actions are displayed when the menu is open. | - ## Dependencies ### Depends on @@ -52,6 +45,7 @@ A `calcite-flow-item` is a child element of `calcite-flow` and lives in a panel - [calcite-panel](../calcite-panel) ### Graph + ```mermaid graph TD; calcite-flow-item --> calcite-action @@ -60,6 +54,6 @@ graph TD; style calcite-flow-item fill:#f9f,stroke:#333,stroke-width:4px ``` ----------------------------------------------- +--- -*Built with [StencilJS](https://stenciljs.com/)* +_Built with [StencilJS](https://stenciljs.com/)_ diff --git a/src/components/calcite-panel/readme.md b/src/components/calcite-panel/readme.md index 7a498bbf..d8884c94 100644 --- a/src/components/calcite-panel/readme.md +++ b/src/components/calcite-panel/readme.md @@ -4,7 +4,6 @@ The `calcite-panel` component is a container for a header, content and optional - ## Usage ### Basic @@ -65,21 +64,17 @@ Renders a panel that is dismissible with a click of the "x". ``` - - ## Properties -| Property | Attribute | Description | Type | Default | -| ------------- | -------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------- | ----------- | -| `disabled` | `disabled` | When true, disabled prevents interaction. This state shows items with lower opacity/grayed. | `boolean` | `false` | -| `dismissed` | `dismissed` | Hides the panel. | `boolean` | `false` | -| `dismissible` | `dismissible` | Displays a close button in the trailing side of the header. | `boolean` | `false` | -| `heightScale` | `height-scale` | Specifies the maxiumum height of the panel. | `"l" \| "m" \| "s"` | `undefined` | -| `intlClose` | `intl-close` | 'Close' text string for the close button. The close button will only be shown when 'dismissible' is true. | `string` | `undefined` | -| `loading` | `loading` | When true, content is waiting to be loaded. This state shows a busy indicator. | `boolean` | `false` | -| `textClose` | `text-close` | **[DEPRECATED]** use "intlClose" instead.

'Close' text string for the close button. The close button will only be shown when 'dismissible' is true. | `string` | `undefined` | -| `theme` | `theme` | Used to set the component's color scheme. | `"dark" \| "light"` | `undefined` | - +| Property | Attribute | Description | Type | Default | +| ------------- | -------------- | --------------------------------------------------------------------------------------------------------- | ------------------- | ----------- | +| `disabled` | `disabled` | When true, disabled prevents interaction. This state shows items with lower opacity/grayed. | `boolean` | `false` | +| `dismissed` | `dismissed` | Hides the panel. | `boolean` | `false` | +| `dismissible` | `dismissible` | Displays a close button in the trailing side of the header. | `boolean` | `false` | +| `heightScale` | `height-scale` | Specifies the maxiumum height of the panel. | `"l" \| "m" \| "s"` | `undefined` | +| `intlClose` | `intl-close` | 'Close' text string for the close button. The close button will only be shown when 'dismissible' is true. | `string` | `undefined` | +| `loading` | `loading` | When true, content is waiting to be loaded. This state shows a busy indicator. | `boolean` | `false` | +| `theme` | `theme` | Used to set the component's color scheme. | `"dark" \| "light"` | `undefined` | ## Events @@ -88,20 +83,14 @@ Renders a panel that is dismissible with a click of the "x". | `calcitePanelDismissedChange` | Emitted when the close button has been clicked. | `CustomEvent` | | `calcitePanelScroll` | Emitted when the content has been scrolled. | `CustomEvent` | - ## Methods ### `setFocus(focusId?: "dismiss-button") => Promise` - - #### Returns Type: `Promise` - - - ## Slots | Slot | Description | @@ -113,18 +102,18 @@ Type: `Promise` | `"header-leading-content"` | A slot for adding a `calcite-action` on the leading side of the header. | | `"header-trailing-content"` | A slot for adding a `calcite-action` on the trailing side of the header. | - ## Dependencies ### Used by - - [calcite-flow-item](../calcite-flow-item) +- [calcite-flow-item](../calcite-flow-item) ### Depends on - [calcite-action](../calcite-action) ### Graph + ```mermaid graph TD; calcite-panel --> calcite-action @@ -132,6 +121,6 @@ graph TD; style calcite-panel fill:#f9f,stroke:#333,stroke-width:4px ``` ----------------------------------------------- +--- -*Built with [StencilJS](https://stenciljs.com/)* +_Built with [StencilJS](https://stenciljs.com/)_ diff --git a/src/components/calcite-pick-list-item/readme.md b/src/components/calcite-pick-list-item/readme.md index 48f749b0..80d5848c 100644 --- a/src/components/calcite-pick-list-item/readme.md +++ b/src/components/calcite-pick-list-item/readme.md @@ -4,23 +4,20 @@ - ## Properties -| Property | Attribute | Description | Type | Default | -| -------------------- | ------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------- | ------------- | -| `compact` | `compact` | **[DEPRECATED]** This property will be removed in a future release.

Compact removes the selection icon (radio or checkbox) and adds a compact attribute. This allows for a more compact version of the `calcite-pick-list-item`. | `boolean` | `false` | -| `disableDeselect` | `disable-deselect` | When false, the item cannot be deselected by user interaction. | `boolean` | `false` | -| `disabled` | `disabled` | When true, the item cannot be clicked and is visually muted. | `boolean` | `false` | -| `icon` | `icon` | Determines the icon SVG symbol that will be shown. Options are circle, square, grid or null. | `ICON_TYPES.circle \| ICON_TYPES.grip \| ICON_TYPES.square` | `null` | -| `metadata` | -- | Used to provide additional metadata to an item, primarily used when the parent list has a filter. | `object` | `undefined` | -| `removable` | `removable` | Set this to true to display a remove action that removes the item from the list. | `boolean` | `false` | -| `selected` | `selected` | Set this to true to pre-select an item. Toggles when an item is checked/unchecked. | `boolean` | `false` | -| `textDescription` | `text-description` | An optional description for this item. This will appear below the label text. | `string` | `undefined` | -| `textLabel` | `text-label` | The main label for this item. This will appear next to the icon. | `string` | `undefined` | -| `textRemove` | `text-remove` | The text for the remove item buttons. Only applicable if removable is true. | `string` | `TEXT.remove` | -| `value` _(required)_ | `value` | A unique value used to identify this item - similar to the value attribute on an . | `string` | `undefined` | - +| Property | Attribute | Description | Type | Default | +| -------------------- | ------------------ | ------------------------------------------------------------------------------------------------- | ----------------------------------------------------------- | ------------- | +| `disableDeselect` | `disable-deselect` | When false, the item cannot be deselected by user interaction. | `boolean` | `false` | +| `disabled` | `disabled` | When true, the item cannot be clicked and is visually muted. | `boolean` | `false` | +| `icon` | `icon` | Determines the icon SVG symbol that will be shown. Options are circle, square, grid or null. | `ICON_TYPES.circle \| ICON_TYPES.grip \| ICON_TYPES.square` | `null` | +| `metadata` | -- | Used to provide additional metadata to an item, primarily used when the parent list has a filter. | `object` | `undefined` | +| `removable` | `removable` | Set this to true to display a remove action that removes the item from the list. | `boolean` | `false` | +| `selected` | `selected` | Set this to true to pre-select an item. Toggles when an item is checked/unchecked. | `boolean` | `false` | +| `textDescription` | `text-description` | An optional description for this item. This will appear below the label text. | `string` | `undefined` | +| `textLabel` | `text-label` | The main label for this item. This will appear next to the icon. | `string` | `undefined` | +| `textRemove` | `text-remove` | The text for the remove item buttons. Only applicable if removable is true. | `string` | `TEXT.remove` | +| `value` _(required)_ | `value` | A unique value used to identify this item - similar to the value attribute on an . | `string` | `undefined` | ## Events @@ -29,19 +26,14 @@ | `calciteListItemChange` | Emitted whenever the item is selected or unselected. | `CustomEvent<{ item: HTMLCalcitePickListItemElement; value: string; selected: boolean; shiftPressed: boolean; }>` | | `calciteListItemRemove` | Emitted whenever the remove button is pressed. | `CustomEvent` | - ## Methods ### `setFocus() => Promise` - - #### Returns Type: `Promise` - - ### `toggleSelected(coerce?: boolean) => Promise` Used to toggle the selection state. By default this won't trigger an event. @@ -51,27 +43,24 @@ The first argument allows the value to be coerced, rather than swapping values. Type: `Promise` - - - ## Slots | Slot | Description | | -------------------- | --------------------------------------------------------------------------------------------------------------------------------------- | | `"secondary-action"` | A slot intended for adding a `calcite-action` or `calcite-button` to the right side of the card. This is placed at the end of the item. | - ## Dependencies ### Used by - - [calcite-value-list-item](../calcite-value-list-item) +- [calcite-value-list-item](../calcite-value-list-item) ### Depends on - [calcite-action](../calcite-action) ### Graph + ```mermaid graph TD; calcite-pick-list-item --> calcite-action @@ -79,6 +68,6 @@ graph TD; style calcite-pick-list-item fill:#f9f,stroke:#333,stroke-width:4px ``` ----------------------------------------------- +--- -*Built with [StencilJS](https://stenciljs.com/)* +_Built with [StencilJS](https://stenciljs.com/)_ diff --git a/src/components/calcite-pick-list/readme.md b/src/components/calcite-pick-list/readme.md index 9bb416e8..ff502872 100644 --- a/src/components/calcite-pick-list/readme.md +++ b/src/components/calcite-pick-list/readme.md @@ -4,7 +4,6 @@ - ## Usage ### Basic @@ -68,19 +67,15 @@ Renders groups of pick list items that are visually separated. ``` - - ## Properties -| Property | Attribute | Description | Type | Default | -| ----------------------- | ------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | --------- | ------------------------ | -| `compact` | `compact` | **[DEPRECATED]** This property will be removed in a future release.

Compact removes the selection icon (radio or checkbox) and adds a compact attribute. This allows for a more compact version of the `calcite-pick-list-item`. | `boolean` | `false` | -| `disabled` | `disabled` | When true, disabled prevents interaction. This state shows items with lower opacity/grayed. | `boolean` | `false` | -| `filterEnabled` | `filter-enabled` | When true, an input appears at the top of the list that can be used by end users to filter items in the list. | `boolean` | `false` | -| `loading` | `loading` | When true, content is waiting to be loaded. This state shows a busy indicator. | `boolean` | `false` | -| `multiple` | `multiple` | Multiple works similar to standard radio buttons and checkboxes. When true, a user can select multiple items at a time. When false, only a single item can be selected at a time and selecting a new item will deselect any other selected items. | `boolean` | `false` | -| `textFilterPlaceholder` | `text-filter-placeholder` | Placeholder text for the filter input field. | `string` | `TEXT.filterPlaceholder` | - +| Property | Attribute | Description | Type | Default | +| ----------------------- | ------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------- | ------------------------ | +| `disabled` | `disabled` | When true, disabled prevents interaction. This state shows items with lower opacity/grayed. | `boolean` | `false` | +| `filterEnabled` | `filter-enabled` | When true, an input appears at the top of the list that can be used by end users to filter items in the list. | `boolean` | `false` | +| `loading` | `loading` | When true, content is waiting to be loaded. This state shows a busy indicator. | `boolean` | `false` | +| `multiple` | `multiple` | Multiple works similar to standard radio buttons and checkboxes. When true, a user can select multiple items at a time. When false, only a single item can be selected at a time and selecting a new item will deselect any other selected items. | `boolean` | `false` | +| `textFilterPlaceholder` | `text-filter-placeholder` | Placeholder text for the filter input field. | `string` | `TEXT.filterPlaceholder` | ## Events @@ -88,30 +83,20 @@ Renders groups of pick list items that are visually separated. | ------------------- | ----------------------------------------------------- | ------------------ | | `calciteListChange` | Emitted when any of the item selections have changed. | `CustomEvent` | - ## Methods ### `getSelectedItems() => Promise>` - - #### Returns Type: `Promise>` - - ### `setFocus() => Promise` - - #### Returns Type: `Promise` - - - ## Slots | Slot | Description | @@ -119,7 +104,6 @@ Type: `Promise` | | A slot for adding `calcite-pick-list-item` elements or `calcite-pick-list-group` elements. Items are displayed as a vertical list. | | `"menu-actions"` | A slot for adding a button + menu combo for performing actions like sorting. | - ## Dependencies ### Depends on @@ -127,12 +111,13 @@ Type: `Promise` - [calcite-filter](../calcite-filter) ### Graph + ```mermaid graph TD; calcite-pick-list --> calcite-filter style calcite-pick-list fill:#f9f,stroke:#333,stroke-width:4px ``` ----------------------------------------------- +--- -*Built with [StencilJS](https://stenciljs.com/)* +_Built with [StencilJS](https://stenciljs.com/)_ diff --git a/src/components/calcite-shell-center-row/readme.md b/src/components/calcite-shell-center-row/readme.md new file mode 100644 index 00000000..a85ad217 --- /dev/null +++ b/src/components/calcite-shell-center-row/readme.md @@ -0,0 +1,22 @@ +# calcite-shell-center-row + + + +## Properties + +| Property | Attribute | Description | Type | Default | +| ------------- | -------------- | -------------------------------------------------------------------- | ------------------- | ------- | +| `detached` | `detached` | This property makes the content area appear like a "floating" panel. | `boolean` | `false` | +| `heightScale` | `height-scale` | Specifies the maxiumum height of the row. | `"l" \| "m" \| "s"` | `"s"` | +| `position` | `position` | Arranges the component depending on the elements 'dir' property. | `"end" \| "start"` | `"end"` | + +## Slots + +| Slot | Description | +| -------------- | ------------------------------------------------------ | +| | A slot for adding content to the shell panel. | +| `"action-bar"` | A slot for adding a `calcite-action-bar` to the panel. | + +--- + +_Built with [StencilJS](https://stenciljs.com/)_ diff --git a/src/components/calcite-shell-panel/readme.md b/src/components/calcite-shell-panel/readme.md index f59696b8..cdcf3b65 100644 --- a/src/components/calcite-shell-panel/readme.md +++ b/src/components/calcite-shell-panel/readme.md @@ -4,7 +4,6 @@ The `calcite-shell-panel` is a child component of `calcite-shell` used as a cont - ## Usage ### Basic @@ -33,18 +32,14 @@ Renders a panel with an action bar. ``` - - ## Properties -| Property | Attribute | Description | Type | Default | -| --------------- | ---------------- | -------------------------------------------------------------------------------------------------------------- | ------------------------- | ----------- | -| `collapsed` | `collapsed` | Hide the content panel. | `boolean` | `false` | -| `detached` | `detached` | This property makes the content area appear like a "floating" panel. | `boolean` | `false` | -| `detachedScale` | `detached-scale` | This sets limits the height of the content area. It only applies when detached is true. | `"l" \| "m" \| "s"` | `"m"` | -| `layout` | `layout` | **[DEPRECATED]** use "position" instead.

Arrangement of the component. | `"leading" \| "trailing"` | `undefined` | -| `position` | `position` | Arranges the component depending on the elements 'dir' property. | `"end" \| "start"` | `undefined` | - +| Property | Attribute | Description | Type | Default | +| --------------- | ---------------- | --------------------------------------------------------------------------------------- | ------------------- | ----------- | +| `collapsed` | `collapsed` | Hide the content panel. | `boolean` | `false` | +| `detached` | `detached` | This property makes the content area appear like a "floating" panel. | `boolean` | `false` | +| `detachedScale` | `detached-scale` | This sets limits the height of the content area. It only applies when detached is true. | `"l" \| "m" \| "s"` | `"m"` | +| `position` | `position` | Arranges the component depending on the elements 'dir' property. | `"end" \| "start"` | `undefined` | ## Events @@ -52,7 +47,6 @@ Renders a panel with an action bar. | ------------------------- | --------------------------------------- | ------------------ | | `calciteShellPanelToggle` | Emitted when collapse has been toggled. | `CustomEvent` | - ## Slots | Slot | Description | @@ -60,7 +54,6 @@ Renders a panel with an action bar. | | A slot for adding content to the shell panel. | | `"action-bar"` | A slot for adding a `calcite-action-bar` to the panel. | +--- ----------------------------------------------- - -*Built with [StencilJS](https://stenciljs.com/)* +_Built with [StencilJS](https://stenciljs.com/)_ diff --git a/src/components/calcite-shell/readme.md b/src/components/calcite-shell/readme.md index 8e71163e..4f259b17 100644 --- a/src/components/calcite-shell/readme.md +++ b/src/components/calcite-shell/readme.md @@ -74,7 +74,7 @@ Renders a shell with leading and trailing floating panels, action bar/pad, block - + @@ -113,6 +113,9 @@ Renders a shell with a header and panels on the left and right sides of the app. Trailing panel! (right side) + + Center Row! (center bottom) +

Shell Header: My App

@@ -156,7 +159,6 @@ Renders a single panel with actions in an action bar. | `"primary-panel"` | A slot for adding the leading `calcite-shell-panel`. | | `"shell-footer"` | A slot for adding footer content. This content will be positioned at the bottom of the shell. | | `"shell-header"` | A slot for adding header content. This content will be positioned at the top of the shell. | -| `"tip-manager"` | **[DEPRECATED]** use "bottom-panel" instead. | --- diff --git a/src/components/calcite-tip-manager/readme.md b/src/components/calcite-tip-manager/readme.md index 99f211a4..912710c8 100644 --- a/src/components/calcite-tip-manager/readme.md +++ b/src/components/calcite-tip-manager/readme.md @@ -4,7 +4,6 @@ The `calcite-tip-manager` component contains multiple `calcite-tip`s that a user - ## Usage ### Basic @@ -53,25 +52,17 @@ Renders a tip manager using a group of tips as well as a single tip. ``` - - ## Properties -| Property | Attribute | Description | Type | Default | -| --------------------- | ----------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------- | ------------------- | ----------- | -| `closed` | `closed` | Alternate text for closing the `calcite-tip-manager`. | `boolean` | `false` | -| `intlClose` | `intl-close` | Alternate text for closing the tip. | `string` | `undefined` | -| `intlDefaultTitle` | `intl-default-title` | The default group title for the `calcite-tip-manager`. | `string` | `undefined` | -| `intlNext` | `intl-next` | Alternate text for navigating to the next tip. | `string` | `undefined` | -| `intlPaginationLabel` | `intl-pagination-label` | Label that appears on hover of pagination icon. | `string` | `undefined` | -| `intlPrevious` | `intl-previous` | Alternate text for navigating to the previous tip. | `string` | `undefined` | -| `textClose` | `text-close` | **[DEPRECATED]** use "intlClose" instead.

Alternate text for closing the tip. | `string` | `undefined` | -| `textDefaultTitle` | `text-default-title` | **[DEPRECATED]** use "intlDefaultTitle" instead.

The default group title for the `calcite-tip-manager`. | `string` | `undefined` | -| `textNext` | `text-next` | **[DEPRECATED]** use "intlNext" instead.

Alternate text for navigating to the next tip. | `string` | `undefined` | -| `textPaginationLabel` | `text-pagination-label` | **[DEPRECATED]** use "intlPaginationLabel" instead.

Label that appears on hover of pagination icon. | `string` | `undefined` | -| `textPrevious` | `text-previous` | **[DEPRECATED]** use "intlPrevious" instead.

Alternate text for navigating to the previous tip. | `string` | `undefined` | -| `theme` | `theme` | Used to set the component's color scheme. | `"dark" \| "light"` | `undefined` | - +| Property | Attribute | Description | Type | Default | +| --------------------- | ----------------------- | ------------------------------------------------------ | ------------------- | ----------- | +| `closed` | `closed` | Alternate text for closing the `calcite-tip-manager`. | `boolean` | `false` | +| `intlClose` | `intl-close` | Alternate text for closing the tip. | `string` | `undefined` | +| `intlDefaultTitle` | `intl-default-title` | The default group title for the `calcite-tip-manager`. | `string` | `undefined` | +| `intlNext` | `intl-next` | Alternate text for navigating to the next tip. | `string` | `undefined` | +| `intlPaginationLabel` | `intl-pagination-label` | Label that appears on hover of pagination icon. | `string` | `undefined` | +| `intlPrevious` | `intl-previous` | Alternate text for navigating to the previous tip. | `string` | `undefined` | +| `theme` | `theme` | Used to set the component's color scheme. | `"dark" \| "light"` | `undefined` | ## Events @@ -79,37 +70,26 @@ Renders a tip manager using a group of tips as well as a single tip. | ------------------------- | ----------------------------------------------------------------------- | ------------------ | | `calciteTipManagerToggle` | Emitted when the `calcite-tip-manager` has been toggled open or closed. | `CustomEvent` | - ## Methods ### `nextTip() => Promise` - - #### Returns Type: `Promise` - - ### `previousTip() => Promise` - - #### Returns Type: `Promise` - - - ## Slots | Slot | Description | | ---- | --------------------------------- | | | A slot for adding `calcite-tip`s. | - ## Dependencies ### Depends on @@ -117,12 +97,13 @@ Type: `Promise` - [calcite-action](../calcite-action) ### Graph + ```mermaid graph TD; calcite-tip-manager --> calcite-action style calcite-tip-manager fill:#f9f,stroke:#333,stroke-width:4px ``` ----------------------------------------------- +--- -*Built with [StencilJS](https://stenciljs.com/)* +_Built with [StencilJS](https://stenciljs.com/)_ diff --git a/src/components/calcite-tip/readme.md b/src/components/calcite-tip/readme.md index 6b1316ac..ccaebe64 100644 --- a/src/components/calcite-tip/readme.md +++ b/src/components/calcite-tip/readme.md @@ -4,7 +4,6 @@ The `calcite-tip` component can comprise of an image, text and hyperlink to give - ## Usage ### Basic @@ -23,20 +22,16 @@ Renders a non-dismissible tip with a heading, thumbnail, info and a link. ``` - - ## Properties -| Property | Attribute | Description | Type | Default | -| ---------------- | ----------------- | --------------------------------------------------------------------------------------------------------------------- | ------------------- | ----------- | -| `dismissed` | `dismissed` | No longer displays the tip. | `boolean` | `false` | -| `heading` | `heading` | The heading of the tip. | `string` | `undefined` | -| `intlClose` | `intl-close` | Alternate text for closing the tip. | `string` | `undefined` | -| `nonDismissible` | `non-dismissible` | Indicates whether the tip can be dismissed. | `boolean` | `false` | -| `selected` | `selected` | The selected state of the tip if it is being used inside a `calcite-tip-manager`. | `boolean` | `undefined` | -| `textClose` | `text-close` | **[DEPRECATED]** use "intlClose" instead.

Alternate text for closing the tip. | `string` | `undefined` | -| `theme` | `theme` | Used to set the component's color scheme. | `"dark" \| "light"` | `undefined` | - +| Property | Attribute | Description | Type | Default | +| ---------------- | ----------------- | --------------------------------------------------------------------------------- | ------------------- | ----------- | +| `dismissed` | `dismissed` | No longer displays the tip. | `boolean` | `false` | +| `heading` | `heading` | The heading of the tip. | `string` | `undefined` | +| `intlClose` | `intl-close` | Alternate text for closing the tip. | `string` | `undefined` | +| `nonDismissible` | `non-dismissible` | Indicates whether the tip can be dismissed. | `boolean` | `false` | +| `selected` | `selected` | The selected state of the tip if it is being used inside a `calcite-tip-manager`. | `boolean` | `undefined` | +| `theme` | `theme` | Used to set the component's color scheme. | `"dark" \| "light"` | `undefined` | ## Events @@ -44,14 +39,12 @@ Renders a non-dismissible tip with a heading, thumbnail, info and a link. | ------------------- | ---------------------------------------------- | ------------------ | | `calciteTipDismiss` | Emitted when the component has been dismissed. | `CustomEvent` | - ## Slots | Slot | Description | | ------------- | --------------------------------------------------- | | `"thumbnail"` | A slot for adding an HTML image element to the tip. | - ## Dependencies ### Depends on @@ -59,12 +52,13 @@ Renders a non-dismissible tip with a heading, thumbnail, info and a link. - [calcite-action](../calcite-action) ### Graph + ```mermaid graph TD; calcite-tip --> calcite-action style calcite-tip fill:#f9f,stroke:#333,stroke-width:4px ``` ----------------------------------------------- +--- -*Built with [StencilJS](https://stenciljs.com/)* +_Built with [StencilJS](https://stenciljs.com/)_ diff --git a/src/components/calcite-value-list-item/readme.md b/src/components/calcite-value-list-item/readme.md index b1d441d9..d4789ff2 100644 --- a/src/components/calcite-value-list-item/readme.md +++ b/src/components/calcite-value-list-item/readme.md @@ -4,52 +4,39 @@ - ## Properties -| Property | Attribute | Description | Type | Default | -| ------------------------ | ------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------- | ----------- | -| `compact` | `compact` | **[DEPRECATED]** This property will be removed in a future release.

Compact reduces the size of the item. | `boolean` | `false` | -| `disabled` | `disabled` | When true, the item cannot be clicked and is visually muted | `boolean` | `false` | -| `icon` | `icon` | Determines the icon SVG symbol that will be shown. Options are circle, square, grid or null. | `ICON_TYPES.circle \| ICON_TYPES.grip \| ICON_TYPES.square` | `null` | -| `metadata` | -- | Used to provide additional metadata to an item, primarily used when the parent list has a filter. | `object` | `undefined` | -| `removable` | `removable` | Set this to true to display a remove action that removes the item from the list. | `boolean` | `false` | -| `selected` | `selected` | Set this to true to pre-select an item. Toggles when an item is checked/unchecked. | `boolean` | `false` | -| `textDescription` | `text-description` | An optional description for this item. Will appear below the label text. | `string` | `undefined` | -| `textLabel` _(required)_ | `text-label` | The main label for this item. Appears next to the icon. | `string` | `undefined` | -| `value` _(required)_ | `value` | A unique value used to identify this item - similar to the value attribute on an . | `string` | `undefined` | - +| Property | Attribute | Description | Type | Default | +| ------------------------ | ------------------ | ------------------------------------------------------------------------------------------------- | ----------------------------------------------------------- | ----------- | +| `disabled` | `disabled` | When true, the item cannot be clicked and is visually muted | `boolean` | `false` | +| `icon` | `icon` | Determines the icon SVG symbol that will be shown. Options are circle, square, grid or null. | `ICON_TYPES.circle \| ICON_TYPES.grip \| ICON_TYPES.square` | `null` | +| `metadata` | -- | Used to provide additional metadata to an item, primarily used when the parent list has a filter. | `object` | `undefined` | +| `removable` | `removable` | Set this to true to display a remove action that removes the item from the list. | `boolean` | `false` | +| `selected` | `selected` | Set this to true to pre-select an item. Toggles when an item is checked/unchecked. | `boolean` | `false` | +| `textDescription` | `text-description` | An optional description for this item. Will appear below the label text. | `string` | `undefined` | +| `textLabel` _(required)_ | `text-label` | The main label for this item. Appears next to the icon. | `string` | `undefined` | +| `value` _(required)_ | `value` | A unique value used to identify this item - similar to the value attribute on an . | `string` | `undefined` | ## Methods ### `setFocus() => Promise` - - #### Returns Type: `Promise` - - ### `toggleSelected(coerce?: boolean) => Promise` - - #### Returns Type: `Promise` - - - ## Slots | Slot | Description | | -------------------- | --------------------------------------------------------------------------------------------------------- | | `"secondary-action"` | A slot intended for adding a `calcite-action` or `calcite-button`. This is placed at the end of the item. | - ## Dependencies ### Depends on @@ -57,6 +44,7 @@ Type: `Promise` - [calcite-pick-list-item](../calcite-pick-list-item) ### Graph + ```mermaid graph TD; calcite-value-list-item --> calcite-pick-list-item @@ -64,6 +52,6 @@ graph TD; style calcite-value-list-item fill:#f9f,stroke:#333,stroke-width:4px ``` ----------------------------------------------- +--- -*Built with [StencilJS](https://stenciljs.com/)* +_Built with [StencilJS](https://stenciljs.com/)_ diff --git a/src/components/calcite-value-list/readme.md b/src/components/calcite-value-list/readme.md index 58ec1872..f5d7e667 100644 --- a/src/components/calcite-value-list/readme.md +++ b/src/components/calcite-value-list/readme.md @@ -4,7 +4,6 @@ - ## Usage ### Basic @@ -74,13 +73,10 @@ Renders a value list with label editing and single select. ``` - - ## Properties | Property | Attribute | Description | Type | Default | | ----------------------- | ------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------- | ------------------------ | -| `compact` | `compact` | **[DEPRECATED]** This property will be removed in a future release.

Compact reduces the size of all items in the list. | `boolean` | `false` | | `disabled` | `disabled` | When true, disabled prevents interaction. This state shows items with lower opacity/grayed. | `boolean` | `false` | | `dragEnabled` | `drag-enabled` | When true, the items will be sortable via drag and drop. | `boolean` | `false` | | `filterEnabled` | `filter-enabled` | When true, an input appears at the top of the list that can be used by end users to filter items in the list. | `boolean` | `false` | @@ -88,7 +84,6 @@ Renders a value list with label editing and single select. | `multiple` | `multiple` | Multiple Works similar to standard radio buttons and checkboxes. When true, a user can select multiple items at a time. When false, only a single item can be selected at a time and selecting a new item will deselect any other selected items. | `boolean` | `false` | | `textFilterPlaceholder` | `text-filter-placeholder` | Placeholder text for the filter input field. | `string` | `TEXT.filterPlaceholder` | - ## Events | Event | Description | Type | @@ -96,30 +91,20 @@ Renders a value list with label editing and single select. | `calciteListChange` | Emitted when any of the item selections have changed. | `CustomEvent` | | `calciteListOrderChange` | Emmitted when the order of the list has changed. | `CustomEvent` | - ## Methods ### `getSelectedItems() => Promise>` - - #### Returns Type: `Promise>` - - ### `setFocus() => Promise` - - #### Returns Type: `Promise` - - - ## Slots | Slot | Description | @@ -127,7 +112,6 @@ Type: `Promise` | | A slot for adding `calcite-pick-list-item` elements or `calcite-pick-list-group` elements. Items are displayed as a vertical list. | | `"menu-actions"` | A slot for adding a button + menu combo for performing actions like sorting. | - ## Dependencies ### Depends on @@ -135,12 +119,13 @@ Type: `Promise` - [calcite-filter](../calcite-filter) ### Graph + ```mermaid graph TD; calcite-value-list --> calcite-filter style calcite-value-list fill:#f9f,stroke:#333,stroke-width:4px ``` ----------------------------------------------- +--- -*Built with [StencilJS](https://stenciljs.com/)* +_Built with [StencilJS](https://stenciljs.com/)_