Latest Contributions by GregoryBologna

I am adding style to an accordion item, but when the calcite-accordion-item is first added to the calcite-accordion container, the shadowRoot  ".header" is not available yet. What is another way to add style to this? Accordion item not styled until shadowRoot is ready. Accordion item styled. Only works when shadowRoot is built.     document.querySelectorAll('calcite-accordion-item').forEach((node) => { let el = node.shadowRoot.querySelector('.header'); if (el) { el.style.setProperty('background-color', 'rgb(27, 54, 93)'); el.style.setProperty('border', '1px solid rgb(23, 134, 180)'); // add bottom margin el.style.setProperty('margin-bottom', '2px'); } el = node.shadowRoot.querySelector('.heading'); if (el) el.style.setProperty('color', 'rgb(255, 200, 69'); });       ... View more

I am looking for a way to know when MapImageLayer symbology is visible and there's nothing pending. Adding a watch for reactiveUtils does show me that the MapImageLayer is loaded, but the symbology is still not visible for up to 5 seconds. (the view.when is also hit). I am trying to disable some widget buttons until after the map and symbology is fully loaded with nothing pending before I enable the buttons. I am also updating a few layers in listItemCreatedFunction and have a watch reactiveUtils there too, but still not helping. I'm thinking about just adding a 5 second timer if there's nothing else available. 🙄At this point my watch indicates the MapImageLayer is loaded, but there's no symbology yet. 😊At this point I can enable my widget buttons   const mapLayerAndLabels = new MapImageLayer({ url: mapLayerAndLabelsUrl, legendEnabled: true, visible: true, title: 'Map Layers & Labels', }); map.add(mapLayerAndLabels);   This is in listItemCreatedFunction   reactiveUtils.whenOnce( () => mapLayerAndLabels.loaded) .then(() => { console.log(`mapLayerAndLabels is loaded.`); });     ... View more

I have a calcite-pick-list with a calciteListChange event listener. This is working fine except when I reset the calcite-pick-list-item(s) to have them all selected. I do not want the change event to fire. I tried adding a removeEventListener before selecting the items and then returning the calciteListChange event listener but this didn't help. Creating the calcite-pick-list let taxparcelTypes = document.createElement('calcite-pick-list'); taxparcelTypes.setAttribute('id', 'pao-taxparceltypes-pick-list'); taxparcelTypes.setAttribute('multiple', ''); taxparcelTypes.setAttribute('heading-level', '1'); taxparcelTypes.addEventListener( 'calciteListChange', handleTaxParcelTypesChange );   Reset calcite-pick-list and select all items   let el = document.getElementById('pao-taxparceltypes-pick-list'); if (el) { // remove to prevent changed event which causes query to execute el.removeEventListener('calciteListChange', handleTaxParcelTypesChange); Object.keys(el.children).forEach((key) => { if (el.children[key].nodeName.toLowerCase() === 'calcite-pick-list-item') { el.children[key].selected = true; } }); // add back changed event //el.addEventListener('calciteListChange', handleTaxParcelTypesChange);   My calcite-pick-list with two items unselected that will be selected in code fragment above. The attached Event Listeners   ... View more

I am porting a calcite JS page to Wordpress.  Adding calcite reference in PHP throws error       wp_enqueue_style( 'esri-calcite', 'https://js.arcgis.com/calcite-components/1.0.0-beta.81/calcite.css' , false, null, 'all'); wp_enqueue_script('esri-calcite', 'https://js.arcgis.com/calcite-components/1.0.0-beta.81/calcite.esm.js', false, null, true);             Uncaught SyntaxError SyntaxError: Cannot use import statement outside a module at (program) (https://js.arcgis.com/calcite-components/1.0.0-beta.81/calcite.esm.js:6:1) arg0:SyntaxError: Cannot use import statement outside a module {stack: 'SyntaxError: Cannot use import statement outside a module', message: 'Cannot use import statement outside a module'} No debugger available, can not send 'variables' (program) @ js.arcgis.com/calcite-components/1.0.0-beta.81/calcite.esm.js:6     ... View more