@esri/solutions-components 0.2.2 → 0.2.3

package/dist/solutions-components/p-5a61ef0d.entry.js

@@ -0,0 +1,6 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import{r as t,c as i,h as a,g as e}from"./p-58c69df2.js";import{T as n,C as c,I as s,H as r}from"./p-e611d8c8.js";import{b as o,t as l}from"./p-32a67cb2.js";import{H as d}from"./p-eeb0321d.js";import{c as h}from"./p-9a9955db.js";import"./p-729708a3.js";import"./p-a80b3880.js";const p=class{constructor(a){t(this,a),this.calciteTipManagerToggle=i(this,"calciteTipManagerToggle",6),this.calciteTipManagerClose=i(this,"calciteTipManagerClose",6),this.closed=!1,this.mutationObserver=h("mutation",(()=>this.setUpTips())),this.hideTipManager=()=>{this.closed=!0,this.calciteTipManagerToggle.emit(),this.calciteTipManagerClose.emit()},this.previousClicked=()=>{this.previousTip()},this.nextClicked=()=>{this.nextTip()},this.tipManagerKeyDownHandler=t=>{if(t.target===this.container)switch(t.key){case"ArrowRight":t.preventDefault(),this.nextTip();break;case"ArrowLeft":t.preventDefault(),this.previousTip();break;case"Home":t.preventDefault(),this.selectedIndex=0;break;case"End":t.preventDefault(),this.selectedIndex=this.total-1}},this.storeContainerRef=t=>{this.container=t}}closedChangeHandler(){this.direction=null,this.calciteTipManagerToggle.emit()}selectedChangeHandler(){this.showSelectedTip(),this.updateGroupTitle()}connectedCallback(){var t;this.setUpTips(),null===(t=this.mutationObserver)||void 0===t||t.observe(this.el,{childList:!0,subtree:!0})}disconnectedCallback(){var t;null===(t=this.mutationObserver)||void 0===t||t.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 t=Array.from(this.el.querySelectorAll("calcite-tip"));if(this.total=t.length,0===this.total)return;const i=this.el.querySelector("calcite-tip[selected]");this.tips=t,this.selectedIndex=i?t.indexOf(i):0,t.forEach((t=>{t.nonDismissible=!0})),this.showSelectedTip(),this.updateGroupTitle()}showSelectedTip(){this.tips.forEach(((t,i)=>{const a=this.selectedIndex===i;t.selected=a,t.hidden=!a}))}updateGroupTitle(){const t=this.tips[this.selectedIndex].closest("calcite-tip-group");this.groupTitle=(null==t?void 0:t.groupTitle)||this.intlDefaultTitle||n.defaultGroupTitle}renderPagination(){const t=o(this.el),{selectedIndex:i,tips:e,total:r,intlNext:l,intlPrevious:d,intlPaginationLabel:h}=this,p=l||n.next,m=h||n.defaultPaginationLabel;return e.length>1?a("footer",{class:c.pagination},a("calcite-action",{class:c.pagePrevious,icon:"ltr"===t?s.chevronLeft:s.chevronRight,onClick:this.previousClicked,scale:"m",text:d||n.previous}),a("span",{class:c.pagePosition},`${m} ${i+1}/${r}`),a("calcite-action",{class:c.pageNext,icon:"ltr"===t?s.chevronRight:s.chevronLeft,onClick:this.nextClicked,scale:"m",text:p})):null}render(){const{closed:t,direction:i,headingLevel:e,groupTitle:o,selectedIndex:h,intlClose:p,total:m}=this,g=p||n.close;return 0===m?null:a("section",{"aria-hidden":l(t),class:c.container,hidden:t,onKeyDown:this.tipManagerKeyDownHandler,ref:this.storeContainerRef,tabIndex:0},a("header",{class:c.header},a(d,{class:c.heading,level:e||r},o),a("calcite-action",{class:c.close,onClick:this.hideTipManager,scale:"m",text:g},a("calcite-icon",{icon:s.close,scale:"m"}))),a("div",{class:{[c.tipContainer]:!0,[c.tipContainerAdvancing]:!t&&"advancing"===i,[c.tipContainerRetreating]:!t&&"retreating"===i},key:h,tabIndex:0},a("slot",null)),this.renderPagination())}get el(){return e(this)}static get watchers(){return{closed:["closedChangeHandler"],selectedIndex:["selectedChangeHandler"]}}};p.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{box-sizing:border-box;display:block;background-color:var(--calcite-ui-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-ui-text-2);--calcite-tip-manager-height:19vh}:host *{box-sizing:border-box}:host([closed]){display:none}.header{margin:0px;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-ui-text-2);color:var(--calcite-ui-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:0.5rem}.header{border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);padding-block:0px;-webkit-padding-end:0px;padding-inline-end:0px;-webkit-padding-start:1rem;padding-inline-start:1rem}.header .heading{padding:0px;font-size:var(--calcite-font-size-1);line-height:1.5rem;font-weight:var(--calcite-font-weight-bold);color:var(--calcite-ui-text-1)}.container{position:relative;overflow:hidden;outline-color:transparent;min-block-size:150px}.container:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}.tip-container{-webkit-margin-before:1px;margin-block-start:1px;display:flex;align-items:flex-start;justify-content:center;overflow:auto;outline-color:transparent;animation-name:none;animation-duration:var(--calcite-animation-timing);block-size:var(--calcite-tip-manager-height)}.tip-container:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}::slotted(calcite-tip){border-style:none;padding:0.75rem;max-inline-size:var(--calcite-tip-max-width)}.tip-container--advancing{animation-name:tip-advance}.tip-container--retreating{animation-name:tip-retreat}.pagination{display:flex;align-items:center;justify-content:center;padding-inline:0px;padding-block:0.75rem 0.5rem}.page-position{margin-block:0px;margin-inline:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}@keyframes tip-advance{0%{opacity:0;transform:translate3d(50px, 0, 0) scale(0.99)}100%{opacity:1;transform:translate3d(0, 0, 0) scale(1)}}@keyframes tip-retreat{0%{opacity:0;transform:translate3d(-50px, 0, 0) scale(0.99)}100%{opacity:1;transform:translate3d(0, 0, 0) scale(1)}}";export{p as calcite_tip_manager}

package/dist/solutions-components/p-5b0d7c7d.js

@@ -3,38 +3,19 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { c as createStore } from './p-f759a6e7.js';
-
-/** @license
- * Copyright 2022 Esri
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-const { state, onChange } = createStore({
-  // List of layers added and managed by the component
-  managedLayers: [],
-  // Handle: https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Handles.html#Handle
-  highlightHandle: undefined
-});
-const managedLayersChangedEvent = new CustomEvent("managedLayersChanged", {
-  bubbles: true,
-  cancelable: false,
-  composed: true
-});
-onChange("managedLayers", () => {
-  dispatchEvent(managedLayersChangedEvent);
-});
-
-export { state as s };
-
-//# sourceMappingURL=p-5b0d7c7d.js.map
+import{c as a}from"./p-f759a6e7.js";
+/** @license
+ * Copyright 2022 Esri
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */const{state:e,onChange:s}=a({managedLayers:[],highlightHandle:void 0}),n=new CustomEvent("managedLayersChanged",{bubbles:!0,cancelable:!1,composed:!0});s("managedLayers",(()=>{dispatchEvent(n)}));export{e as s}

package/dist/solutions-components/p-5cf33602.js

@@ -3,50 +3,9 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { f as forceUpdate } from './p-58c69df2.js';
-import { c as createObserver } from './p-9a9955db.js';
-
+import{f as t}from"./p-58c69df2.js";import{c as o}from"./p-9a9955db.js";
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
  * v1.0.0-beta.97
- */
-const observed = new Set();
-let mutationObserver;
-const observerOptions = { childList: true };
-/**
- * Helper to set up a conditional slot component on connectedCallback.
- *
- * @param component
- */
-function connectConditionalSlotComponent(component) {
-  if (!mutationObserver) {
-    mutationObserver = createObserver("mutation", processMutations);
-  }
-  mutationObserver.observe(component.el, observerOptions);
-}
-/**
- * Helper to tear down a conditional slot component on disconnectedCallback.
- *
- * @param component
- */
-function disconnectConditionalSlotComponent(component) {
-  observed.delete(component.el);
-  // we explicitly process queued mutations and disconnect and reconnect
-  // the observer until MutationObserver gets an `unobserve` method
-  // see https://github.com/whatwg/dom/issues/126
-  processMutations(mutationObserver.takeRecords());
-  mutationObserver.disconnect();
-  for (const [element] of observed.entries()) {
-    mutationObserver.observe(element, observerOptions);
-  }
-}
-function processMutations(mutations) {
-  mutations.forEach(({ target }) => {
-    forceUpdate(target);
-  });
-}
-
-export { connectConditionalSlotComponent as c, disconnectConditionalSlotComponent as d };
-
-//# sourceMappingURL=p-5cf33602.js.map
+ */const n=new Set;let c;const s={childList:!0};function f(t){c||(c=o("mutation",a)),c.observe(t.el,s)}function i(t){n.delete(t.el),a(c.takeRecords()),c.disconnect();for(const[t]of n.entries())c.observe(t,s)}function a(o){o.forEach((({target:o})=>{t(o)}))}export{f as c,i as d}