@esri/calcite-app-components
Advanced tools
Comparing version 4.1.0 to 4.1.1
@@ -6,2 +6,9 @@ # Changelog | ||
## [v4.1.1](https://github.com/Esri/calcite-app-components/tree/v4.1.1) (2019-10-08) | ||
### Bug Fixes | ||
- Fixed: Corrected slot name in PickList. Now named `menu-actions` | ||
- Fixed: Clicking Edit on a Flow component no longer re-triggers animations #343 | ||
## [v4.1.0](https://github.com/Esri/calcite-app-components/tree/v4.1.0) (2019-10-08) | ||
@@ -8,0 +15,0 @@ |
@@ -1,1 +0,1 @@ | ||
import{p as e,b as t}from"./p-e8b78b45.js";e().then(e=>t([["p-vzqb83ew",[[1,"calcite-tip",{storageId:[1,"storage-id"],nonDismissible:[516,"non-dismissible"],heading:[1],textClose:[1,"text-close"],textThumbnail:[1,"text-thumbnail"],thumbnail:[1],theme:[513],dismissed:[32]}],[1,"calcite-tip-manager",{textClose:[1,"text-close"],textDefaultTitle:[513,"text-default-title"],textNext:[1,"text-next"],textPaginationLabel:[513,"text-pagination-label"],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:[513,"text-group-title"]}]]],["p-b25vb1cp",[[1,"calcite-block-section",{open:[516],text:[1],textExpand:[1,"text-expand"],textCollapse:[1,"text-collapse"],toggleDisplay:[513,"toggle-display"]}],[1,"calcite-block",{collapsible:[4],heading:[1],open:[516],summary:[1],textExpand:[1,"text-expand"],textCollapse:[1,"text-collapse"],theme:[513]}]]],["p-ziqjfco2",[[1,"calcite-shell",{theme:[513]}],[1,"calcite-shell-panel",{collapsed:[516],layout:[513]}]]],["p-ajdsu1te",[[1,"calcite-pick-list-group",{textGroupTitle:[513,"text-group-title"]}]]],["p-3wk2kwhx",[[1,"calcite-flow-item",{heading:[1],menuOpen:[516,"menu-open"],showBackButton:[4,"show-back-button"],textBack:[1,"text-back"],textClose:[1,"text-close"],textOpen:[1,"text-open"],theme:[513]}],[1,"calcite-flow",{theme:[513],flowCount:[32],flowDirection:[32],flows:[32],back:[64]}],[1,"calcite-panel",{dismissed:[1540],dismissible:[516],textClose:[1,"text-close"],theme:[513]}]]],["p-aciqrnv8",[[1,"calcite-pick-list-item",{disabled:[516],icon:[513],metadata:[16],selected:[4],textHeading:[513,"text-heading"],textDescription:[513,"text-description"],textLabel:[513,"text-label"],value:[513],isSelected:[32],toggleSelected:[64]}]]],["p-jav8txwd",[[1,"calcite-value-list-item",{disabled:[516],icon:[513],metadata:[16],selected:[4],textLabel:[513,"text-label"],textDescription:[513,"text-description"],value:[513],toggleSelected:[64]}]]],["p-bjcwuekp",[[1,"calcite-filter",{data:[16],textLabel:[1,"text-label"],textPlaceholder:[1,"text-placeholder"]}]]],["p-rpd9v1zi",[[1,"calcite-pick-list",{dragEnabled:[516,"drag-enabled"],filterEnabled:[516,"filter-enabled"],mode:[513],multiple:[516],textHeading:[513,"text-heading"],selectedValues:[32],dataForFilter:[32],getSelectedItems:[64]},[[0,"calciteListItemChange","calciteListItemChangeHandler"]]]]],["p-6uyfc50r",[[1,"calcite-value-list",{dragEnabled:[516,"drag-enabled"],filterEnabled:[516,"filter-enabled"],multiple:[516],selectedValues:[32],dataForFilter:[32],getSelectedItems:[64]},[[0,"calciteListItemChange","calciteListItemChangeHandler"]]]]],["p-83ryrvla",[[1,"calcite-action-bar",{expand:[516],expanded:[516],textExpand:[1,"text-expand"],textCollapse:[1,"text-collapse"],layout:[513],theme:[513]}],[1,"calcite-action-pad",{theme:[513]}],[1,"calcite-action-group"],[1,"calcite-action",{active:[516],compact:[516],disabled:[516],indicator:[516],label:[1],text:[1],textEnabled:[4,"text-enabled"],textDisplay:[513,"text-display"],theme:[513]}]]]],e)); | ||
import{p as e,b as t}from"./p-e8b78b45.js";e().then(e=>t([["p-vzqb83ew",[[1,"calcite-tip",{storageId:[1,"storage-id"],nonDismissible:[516,"non-dismissible"],heading:[1],textClose:[1,"text-close"],textThumbnail:[1,"text-thumbnail"],thumbnail:[1],theme:[513],dismissed:[32]}],[1,"calcite-tip-manager",{textClose:[1,"text-close"],textDefaultTitle:[513,"text-default-title"],textNext:[1,"text-next"],textPaginationLabel:[513,"text-pagination-label"],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:[513,"text-group-title"]}]]],["p-b25vb1cp",[[1,"calcite-block-section",{open:[516],text:[1],textExpand:[1,"text-expand"],textCollapse:[1,"text-collapse"],toggleDisplay:[513,"toggle-display"]}],[1,"calcite-block",{collapsible:[4],heading:[1],open:[516],summary:[1],textExpand:[1,"text-expand"],textCollapse:[1,"text-collapse"],theme:[513]}]]],["p-ziqjfco2",[[1,"calcite-shell",{theme:[513]}],[1,"calcite-shell-panel",{collapsed:[516],layout:[513]}]]],["p-ajdsu1te",[[1,"calcite-pick-list-group",{textGroupTitle:[513,"text-group-title"]}]]],["p-72stngyr",[[1,"calcite-flow-item",{heading:[1],menuOpen:[516,"menu-open"],showBackButton:[4,"show-back-button"],textBack:[1,"text-back"],textClose:[1,"text-close"],textOpen:[1,"text-open"],theme:[513]}],[1,"calcite-flow",{theme:[513],flowCount:[32],flowDirection:[32],flows:[32],back:[64]}],[1,"calcite-panel",{dismissed:[1540],dismissible:[516],textClose:[1,"text-close"],theme:[513]}]]],["p-aciqrnv8",[[1,"calcite-pick-list-item",{disabled:[516],icon:[513],metadata:[16],selected:[4],textHeading:[513,"text-heading"],textDescription:[513,"text-description"],textLabel:[513,"text-label"],value:[513],isSelected:[32],toggleSelected:[64]}]]],["p-jav8txwd",[[1,"calcite-value-list-item",{disabled:[516],icon:[513],metadata:[16],selected:[4],textLabel:[513,"text-label"],textDescription:[513,"text-description"],value:[513],toggleSelected:[64]}]]],["p-bjcwuekp",[[1,"calcite-filter",{data:[16],textLabel:[1,"text-label"],textPlaceholder:[1,"text-placeholder"]}]]],["p-w38ma14b",[[1,"calcite-pick-list",{dragEnabled:[516,"drag-enabled"],filterEnabled:[516,"filter-enabled"],mode:[513],multiple:[516],textHeading:[513,"text-heading"],selectedValues:[32],dataForFilter:[32],getSelectedItems:[64]},[[0,"calciteListItemChange","calciteListItemChangeHandler"]]]]],["p-brdwhomy",[[1,"calcite-value-list",{dragEnabled:[516,"drag-enabled"],filterEnabled:[516,"filter-enabled"],multiple:[516],selectedValues:[32],dataForFilter:[32],getSelectedItems:[64]},[[0,"calciteListItemChange","calciteListItemChangeHandler"]]]]],["p-83ryrvla",[[1,"calcite-action-bar",{expand:[516],expanded:[516],textExpand:[1,"text-expand"],textCollapse:[1,"text-collapse"],layout:[513],theme:[513]}],[1,"calcite-action-pad",{theme:[513]}],[1,"calcite-action-group"],[1,"calcite-action",{active:[516],compact:[516],disabled:[516],indicator:[516],label:[1],text:[1],textEnabled:[4,"text-enabled"],textDisplay:[513,"text-display"],theme:[513]}]]]],e)); |
@@ -1,1 +0,1 @@ | ||
System.register(["./p-a6bbd023.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-wrqccoz5.system",[[1,"calcite-tip",{storageId:[1,"storage-id"],nonDismissible:[516,"non-dismissible"],heading:[1],textClose:[1,"text-close"],textThumbnail:[1,"text-thumbnail"],thumbnail:[1],theme:[513],dismissed:[32]}],[1,"calcite-tip-manager",{textClose:[1,"text-close"],textDefaultTitle:[513,"text-default-title"],textNext:[1,"text-next"],textPaginationLabel:[513,"text-pagination-label"],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:[513,"text-group-title"]}]]],["p-vsoqlgon.system",[[1,"calcite-block-section",{open:[516],text:[1],textExpand:[1,"text-expand"],textCollapse:[1,"text-collapse"],toggleDisplay:[513,"toggle-display"]}],[1,"calcite-block",{collapsible:[4],heading:[1],open:[516],summary:[1],textExpand:[1,"text-expand"],textCollapse:[1,"text-collapse"],theme:[513]}]]],["p-odx4jhzp.system",[[1,"calcite-shell",{theme:[513]}],[1,"calcite-shell-panel",{collapsed:[516],layout:[513]}]]],["p-rvyuwy0n.system",[[1,"calcite-pick-list-group",{textGroupTitle:[513,"text-group-title"]}]]],["p-krxjvtk9.system",[[1,"calcite-flow-item",{heading:[1],menuOpen:[516,"menu-open"],showBackButton:[4,"show-back-button"],textBack:[1,"text-back"],textClose:[1,"text-close"],textOpen:[1,"text-open"],theme:[513]}],[1,"calcite-flow",{theme:[513],flowCount:[32],flowDirection:[32],flows:[32],back:[64]}],[1,"calcite-panel",{dismissed:[1540],dismissible:[516],textClose:[1,"text-close"],theme:[513]}]]],["p-kocdw7ni.system",[[1,"calcite-pick-list-item",{disabled:[516],icon:[513],metadata:[16],selected:[4],textHeading:[513,"text-heading"],textDescription:[513,"text-description"],textLabel:[513,"text-label"],value:[513],isSelected:[32],toggleSelected:[64]}]]],["p-dyibuydi.system",[[1,"calcite-value-list-item",{disabled:[516],icon:[513],metadata:[16],selected:[4],textLabel:[513,"text-label"],textDescription:[513,"text-description"],value:[513],toggleSelected:[64]}]]],["p-ibccey2x.system",[[1,"calcite-filter",{data:[16],textLabel:[1,"text-label"],textPlaceholder:[1,"text-placeholder"]}]]],["p-ggngkqqo.system",[[1,"calcite-pick-list",{dragEnabled:[516,"drag-enabled"],filterEnabled:[516,"filter-enabled"],mode:[513],multiple:[516],textHeading:[513,"text-heading"],selectedValues:[32],dataForFilter:[32],getSelectedItems:[64]},[[0,"calciteListItemChange","calciteListItemChangeHandler"]]]]],["p-1czs57l8.system",[[1,"calcite-value-list",{dragEnabled:[516,"drag-enabled"],filterEnabled:[516,"filter-enabled"],multiple:[516],selectedValues:[32],dataForFilter:[32],getSelectedItems:[64]},[[0,"calciteListItemChange","calciteListItemChangeHandler"]]]]],["p-u1bb9eoa.system",[[1,"calcite-action-bar",{expand:[516],expanded:[516],textExpand:[1,"text-expand"],textCollapse:[1,"text-collapse"],layout:[513],theme:[513]}],[1,"calcite-action-pad",{theme:[513]}],[1,"calcite-action-group"],[1,"calcite-action",{active:[516],compact:[516],disabled:[516],indicator:[516],label:[1],text:[1],textEnabled:[4,"text-enabled"],textDisplay:[513,"text-display"],theme:[513]}]]]],e)}))}}})); | ||
System.register(["./p-a6bbd023.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-wrqccoz5.system",[[1,"calcite-tip",{storageId:[1,"storage-id"],nonDismissible:[516,"non-dismissible"],heading:[1],textClose:[1,"text-close"],textThumbnail:[1,"text-thumbnail"],thumbnail:[1],theme:[513],dismissed:[32]}],[1,"calcite-tip-manager",{textClose:[1,"text-close"],textDefaultTitle:[513,"text-default-title"],textNext:[1,"text-next"],textPaginationLabel:[513,"text-pagination-label"],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:[513,"text-group-title"]}]]],["p-vsoqlgon.system",[[1,"calcite-block-section",{open:[516],text:[1],textExpand:[1,"text-expand"],textCollapse:[1,"text-collapse"],toggleDisplay:[513,"toggle-display"]}],[1,"calcite-block",{collapsible:[4],heading:[1],open:[516],summary:[1],textExpand:[1,"text-expand"],textCollapse:[1,"text-collapse"],theme:[513]}]]],["p-odx4jhzp.system",[[1,"calcite-shell",{theme:[513]}],[1,"calcite-shell-panel",{collapsed:[516],layout:[513]}]]],["p-rvyuwy0n.system",[[1,"calcite-pick-list-group",{textGroupTitle:[513,"text-group-title"]}]]],["p-a5003yjh.system",[[1,"calcite-flow-item",{heading:[1],menuOpen:[516,"menu-open"],showBackButton:[4,"show-back-button"],textBack:[1,"text-back"],textClose:[1,"text-close"],textOpen:[1,"text-open"],theme:[513]}],[1,"calcite-flow",{theme:[513],flowCount:[32],flowDirection:[32],flows:[32],back:[64]}],[1,"calcite-panel",{dismissed:[1540],dismissible:[516],textClose:[1,"text-close"],theme:[513]}]]],["p-kocdw7ni.system",[[1,"calcite-pick-list-item",{disabled:[516],icon:[513],metadata:[16],selected:[4],textHeading:[513,"text-heading"],textDescription:[513,"text-description"],textLabel:[513,"text-label"],value:[513],isSelected:[32],toggleSelected:[64]}]]],["p-dyibuydi.system",[[1,"calcite-value-list-item",{disabled:[516],icon:[513],metadata:[16],selected:[4],textLabel:[513,"text-label"],textDescription:[513,"text-description"],value:[513],toggleSelected:[64]}]]],["p-ibccey2x.system",[[1,"calcite-filter",{data:[16],textLabel:[1,"text-label"],textPlaceholder:[1,"text-placeholder"]}]]],["p-fhzgahgk.system",[[1,"calcite-pick-list",{dragEnabled:[516,"drag-enabled"],filterEnabled:[516,"filter-enabled"],mode:[513],multiple:[516],textHeading:[513,"text-heading"],selectedValues:[32],dataForFilter:[32],getSelectedItems:[64]},[[0,"calciteListItemChange","calciteListItemChangeHandler"]]]]],["p-x4mwtmzp.system",[[1,"calcite-value-list",{dragEnabled:[516,"drag-enabled"],filterEnabled:[516,"filter-enabled"],multiple:[516],selectedValues:[32],dataForFilter:[32],getSelectedItems:[64]},[[0,"calciteListItemChange","calciteListItemChangeHandler"]]]]],["p-u1bb9eoa.system",[[1,"calcite-action-bar",{expand:[516],expanded:[516],textExpand:[1,"text-expand"],textCollapse:[1,"text-collapse"],layout:[513],theme:[513]}],[1,"calcite-action-pad",{theme:[513]}],[1,"calcite-action-group"],[1,"calcite-action",{active:[516],compact:[516],disabled:[516],indicator:[516],label:[1],text:[1],textEnabled:[4,"text-enabled"],textDisplay:[513,"text-display"],theme:[513]}]]]],e)}))}}})); |
@@ -27,2 +27,14 @@ 'use strict'; | ||
// -------------------------------------------------------------------------- | ||
this.getFlowDirection = (oldFlowCount, newFlowCount) => { | ||
const flowCountChanged = oldFlowCount !== newFlowCount; | ||
if (!flowCountChanged) { | ||
return null; | ||
} | ||
const allowRetreatingDirection = oldFlowCount > 1; | ||
const allowAdvancingDirection = oldFlowCount && newFlowCount > 1; | ||
if (!allowAdvancingDirection && !allowRetreatingDirection) { | ||
return null; | ||
} | ||
return newFlowCount < oldFlowCount ? "retreating" : "advancing"; | ||
}; | ||
this.updateFlowProps = () => { | ||
@@ -33,9 +45,3 @@ const { flows } = this; | ||
const newFlowCount = newFlows.length; | ||
const prevHasMulti = oldFlowCount > 1; | ||
const currHasMulti = newFlowCount > 1; | ||
const flowDirection = (currHasMulti && oldFlowCount) || prevHasMulti | ||
? newFlowCount < oldFlowCount | ||
? "retreating" | ||
: "advancing" | ||
: null; | ||
const flowDirection = this.getFlowDirection(oldFlowCount, newFlowCount); | ||
const activeFlow = newFlows[newFlowCount - 1]; | ||
@@ -45,3 +51,3 @@ const previousFlow = newFlows[newFlowCount - 2]; | ||
newFlows.forEach((flowNode) => { | ||
flowNode.showBackButton = currHasMulti; | ||
flowNode.showBackButton = newFlowCount > 1; | ||
flowNode.hidden = flowNode !== activeFlow; | ||
@@ -48,0 +54,0 @@ }); |
@@ -170,3 +170,3 @@ 'use strict'; | ||
render() { | ||
return (core.h(core.Host, null, core.h("header", null, this.filterEnabled ? (core.h("calcite-filter", { data: this.dataForFilter, textPlaceholder: resources.TEXT.filterPlaceholder, "aria-label": resources.TEXT.filterPlaceholder, onCalciteFilterChange: this.handleFilter })) : null, core.h("slot", { name: "action" })), core.h("slot", null))); | ||
return (core.h(core.Host, null, core.h("header", null, this.filterEnabled ? (core.h("calcite-filter", { data: this.dataForFilter, textPlaceholder: resources.TEXT.filterPlaceholder, "aria-label": resources.TEXT.filterPlaceholder, onCalciteFilterChange: this.handleFilter })) : null, core.h("slot", { name: "menu-actions" })), core.h("slot", null))); | ||
} | ||
@@ -173,0 +173,0 @@ get el() { return core.getElement(this); } |
@@ -13,2 +13,14 @@ import { Host, h } from "@stencil/core"; | ||
// -------------------------------------------------------------------------- | ||
this.getFlowDirection = (oldFlowCount, newFlowCount) => { | ||
const flowCountChanged = oldFlowCount !== newFlowCount; | ||
if (!flowCountChanged) { | ||
return null; | ||
} | ||
const allowRetreatingDirection = oldFlowCount > 1; | ||
const allowAdvancingDirection = oldFlowCount && newFlowCount > 1; | ||
if (!allowAdvancingDirection && !allowRetreatingDirection) { | ||
return null; | ||
} | ||
return newFlowCount < oldFlowCount ? "retreating" : "advancing"; | ||
}; | ||
this.updateFlowProps = () => { | ||
@@ -19,9 +31,3 @@ const { flows } = this; | ||
const newFlowCount = newFlows.length; | ||
const prevHasMulti = oldFlowCount > 1; | ||
const currHasMulti = newFlowCount > 1; | ||
const flowDirection = (currHasMulti && oldFlowCount) || prevHasMulti | ||
? newFlowCount < oldFlowCount | ||
? "retreating" | ||
: "advancing" | ||
: null; | ||
const flowDirection = this.getFlowDirection(oldFlowCount, newFlowCount); | ||
const activeFlow = newFlows[newFlowCount - 1]; | ||
@@ -31,3 +37,3 @@ const previousFlow = newFlows[newFlowCount - 2]; | ||
newFlows.forEach((flowNode) => { | ||
flowNode.showBackButton = currHasMulti; | ||
flowNode.showBackButton = newFlowCount > 1; | ||
flowNode.hidden = flowNode !== activeFlow; | ||
@@ -34,0 +40,0 @@ }); |
@@ -296,3 +296,3 @@ import { Host, h } from "@stencil/core"; | ||
"tags": [{ | ||
"text": "calciteListItemChange\rEmitted whenever the item is selected or unselected", | ||
"text": "calciteListItemChange\nEmitted whenever the item is selected or unselected", | ||
"name": "event" | ||
@@ -336,3 +336,3 @@ }, { | ||
"docs": { | ||
"text": "Used to toggle the selection state. By default this won't trigger an event.\r\nThe first argument allows the value to be coerced, rather than swapping values.\r\nThe second argument, when true, allows an event to be emitted, just as if a user had clicked.", | ||
"text": "Used to toggle the selection state. By default this won't trigger an event.\nThe first argument allows the value to be coerced, rather than swapping values.\nThe second argument, when true, allows an event to be emitted, just as if a user had clicked.", | ||
"tags": [] | ||
@@ -339,0 +339,0 @@ } |
import { Host, h } from "@stencil/core"; | ||
import { ICON_TYPES, TEXT } from "./resources"; | ||
/** | ||
* @slot menu-actions - A slot for adding a button + menu combo for performing actions like sorting. | ||
*/ | ||
export class CalcitePickList { | ||
@@ -165,3 +168,3 @@ constructor() { | ||
this.filterEnabled ? (h("calcite-filter", { data: this.dataForFilter, textPlaceholder: TEXT.filterPlaceholder, "aria-label": TEXT.filterPlaceholder, onCalciteFilterChange: this.handleFilter })) : null, | ||
h("slot", { name: "action" })), | ||
h("slot", { name: "menu-actions" })), | ||
h("slot", null))); | ||
@@ -250,3 +253,3 @@ } | ||
"tags": [], | ||
"text": "Multiple Works similar to standard radio buttons and checkboxes.\nWhen true, a user can select multiple items at a time.\nWhen false, only a single item can be selected at a time,\nWhen false, selecting a new item will deselect any other selected items." | ||
"text": "Multiple Works similar to standard radio buttons and checkboxes.\r\nWhen true, a user can select multiple items at a time.\r\nWhen false, only a single item can be selected at a time,\r\nWhen false, selecting a new item will deselect any other selected items." | ||
}, | ||
@@ -290,3 +293,3 @@ "attribute": "multiple", | ||
"tags": [{ | ||
"text": "calciteListChange\nEmitted when any of the item selections have changed.", | ||
"text": "calciteListChange\rEmitted when any of the item selections have changed.", | ||
"name": "event" | ||
@@ -293,0 +296,0 @@ }, { |
@@ -5,2 +5,5 @@ import Sortable from "sortablejs"; | ||
import { CSS, ICON_TYPES, TEXT } from "./resources"; | ||
/** | ||
* @slot menu-actions - A slot for adding a button + menu combo for performing actions like sorting. | ||
*/ | ||
export class CalciteValueList { | ||
@@ -195,3 +198,3 @@ constructor() { | ||
this.filterEnabled ? (h("calcite-filter", { data: this.dataForFilter, textPlaceholder: TEXT.filterPlaceholder, "aria-label": TEXT.filterPlaceholder, onCalciteFilterChange: this.handleFilter })) : null, | ||
h("slot", { name: "action" })), | ||
h("slot", { name: "menu-actions" })), | ||
h("slot", null))); | ||
@@ -198,0 +201,0 @@ } |
{ | ||
"entries": [ | ||
"calcite-action-bar\\calcite-action-bar.js", | ||
"calcite-action-pad\\calcite-action-pad.js", | ||
"calcite-action\\calcite-action.js", | ||
"calcite-block\\calcite-block.js", | ||
"calcite-filter\\calcite-filter.js", | ||
"calcite-flow-item\\calcite-flow-item.js", | ||
"calcite-flow\\calcite-flow.js", | ||
"calcite-action-group\\calcite-action-group.js", | ||
"calcite-panel\\calcite-panel.js", | ||
"calcite-pick-list-group\\calcite-pick-list-group.js", | ||
"calcite-pick-list-item\\calcite-pick-list-item.js", | ||
"calcite-block-section\\calcite-block-section.js", | ||
"calcite-pick-list-group\\calcite-pick-list-group.js", | ||
"calcite-pick-list\\calcite-pick-list.js", | ||
"calcite-shell-panel\\calcite-shell-panel.js", | ||
"calcite-shell\\calcite-shell.js", | ||
"calcite-tip\\calcite-tip.js", | ||
"calcite-value-list\\calcite-value-list.js", | ||
"calcite-action-group\\calcite-action-group.js", | ||
"calcite-tip-group\\calcite-tip-group.js", | ||
"calcite-tip\\calcite-tip.js", | ||
"calcite-action-bar\\calcite-action-bar.js", | ||
"calcite-block\\calcite-block.js", | ||
"calcite-block-section\\calcite-block-section.js", | ||
"calcite-filter\\calcite-filter.js", | ||
"calcite-flow-item\\calcite-flow-item.js", | ||
"calcite-shell-panel\\calcite-shell-panel.js", | ||
"calcite-value-list-item\\calcite-value-list-item.js", | ||
"calcite-value-list\\calcite-value-list.js", | ||
"calcite-tip-manager\\calcite-tip-manager.js" | ||
@@ -23,0 +23,0 @@ ], |
@@ -58,2 +58,14 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) { | ||
// -------------------------------------------------------------------------- | ||
this.getFlowDirection = function (oldFlowCount, newFlowCount) { | ||
var flowCountChanged = oldFlowCount !== newFlowCount; | ||
if (!flowCountChanged) { | ||
return null; | ||
} | ||
var allowRetreatingDirection = oldFlowCount > 1; | ||
var allowAdvancingDirection = oldFlowCount && newFlowCount > 1; | ||
if (!allowAdvancingDirection && !allowRetreatingDirection) { | ||
return null; | ||
} | ||
return newFlowCount < oldFlowCount ? "retreating" : "advancing"; | ||
}; | ||
this.updateFlowProps = function () { | ||
@@ -64,9 +76,3 @@ var flows = _this.flows; | ||
var newFlowCount = newFlows.length; | ||
var prevHasMulti = oldFlowCount > 1; | ||
var currHasMulti = newFlowCount > 1; | ||
var flowDirection = (currHasMulti && oldFlowCount) || prevHasMulti | ||
? newFlowCount < oldFlowCount | ||
? "retreating" | ||
: "advancing" | ||
: null; | ||
var flowDirection = _this.getFlowDirection(oldFlowCount, newFlowCount); | ||
var activeFlow = newFlows[newFlowCount - 1]; | ||
@@ -76,3 +82,3 @@ var previousFlow = newFlows[newFlowCount - 2]; | ||
newFlows.forEach(function (flowNode) { | ||
flowNode.showBackButton = currHasMulti; | ||
flowNode.showBackButton = newFlowCount > 1; | ||
flowNode.hidden = flowNode !== activeFlow; | ||
@@ -79,0 +85,0 @@ }); |
@@ -210,3 +210,3 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) { | ||
class_1.prototype.render = function () { | ||
return (h(Host, null, h("header", null, this.filterEnabled ? (h("calcite-filter", { data: this.dataForFilter, textPlaceholder: TEXT.filterPlaceholder, "aria-label": TEXT.filterPlaceholder, onCalciteFilterChange: this.handleFilter })) : null, h("slot", { name: "action" })), h("slot", null))); | ||
return (h(Host, null, h("header", null, this.filterEnabled ? (h("calcite-filter", { data: this.dataForFilter, textPlaceholder: TEXT.filterPlaceholder, "aria-label": TEXT.filterPlaceholder, onCalciteFilterChange: this.handleFilter })) : null, h("slot", { name: "menu-actions" })), h("slot", null))); | ||
}; | ||
@@ -213,0 +213,0 @@ Object.defineProperty(class_1.prototype, "el", { |
@@ -23,2 +23,14 @@ import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from './core-3d7c02cd.js'; | ||
// -------------------------------------------------------------------------- | ||
this.getFlowDirection = (oldFlowCount, newFlowCount) => { | ||
const flowCountChanged = oldFlowCount !== newFlowCount; | ||
if (!flowCountChanged) { | ||
return null; | ||
} | ||
const allowRetreatingDirection = oldFlowCount > 1; | ||
const allowAdvancingDirection = oldFlowCount && newFlowCount > 1; | ||
if (!allowAdvancingDirection && !allowRetreatingDirection) { | ||
return null; | ||
} | ||
return newFlowCount < oldFlowCount ? "retreating" : "advancing"; | ||
}; | ||
this.updateFlowProps = () => { | ||
@@ -29,9 +41,3 @@ const { flows } = this; | ||
const newFlowCount = newFlows.length; | ||
const prevHasMulti = oldFlowCount > 1; | ||
const currHasMulti = newFlowCount > 1; | ||
const flowDirection = (currHasMulti && oldFlowCount) || prevHasMulti | ||
? newFlowCount < oldFlowCount | ||
? "retreating" | ||
: "advancing" | ||
: null; | ||
const flowDirection = this.getFlowDirection(oldFlowCount, newFlowCount); | ||
const activeFlow = newFlows[newFlowCount - 1]; | ||
@@ -41,3 +47,3 @@ const previousFlow = newFlows[newFlowCount - 2]; | ||
newFlows.forEach((flowNode) => { | ||
flowNode.showBackButton = currHasMulti; | ||
flowNode.showBackButton = newFlowCount > 1; | ||
flowNode.hidden = flowNode !== activeFlow; | ||
@@ -44,0 +50,0 @@ }); |
@@ -166,3 +166,3 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './core-3d7c02cd.js'; | ||
render() { | ||
return (h(Host, null, h("header", null, this.filterEnabled ? (h("calcite-filter", { data: this.dataForFilter, textPlaceholder: TEXT.filterPlaceholder, "aria-label": TEXT.filterPlaceholder, onCalciteFilterChange: this.handleFilter })) : null, h("slot", { name: "action" })), h("slot", null))); | ||
return (h(Host, null, h("header", null, this.filterEnabled ? (h("calcite-filter", { data: this.dataForFilter, textPlaceholder: TEXT.filterPlaceholder, "aria-label": TEXT.filterPlaceholder, onCalciteFilterChange: this.handleFilter })) : null, h("slot", { name: "menu-actions" })), h("slot", null))); | ||
} | ||
@@ -169,0 +169,0 @@ get el() { return getElement(this); } |
@@ -16,2 +16,3 @@ import { FlowDirection } from "./resources"; | ||
back(): Promise<void>; | ||
getFlowDirection: (oldFlowCount: number, newFlowCount: number) => FlowDirection; | ||
updateFlowProps: () => void; | ||
@@ -18,0 +19,0 @@ flowItemObserver: MutationObserver; |
import { EventEmitter } from "../stencil.core"; | ||
import { ICON_TYPES } from "./resources"; | ||
/** | ||
* @slot menu-actions - A slot for adding a button + menu combo for performing actions like sorting. | ||
*/ | ||
export declare class CalcitePickList { | ||
@@ -4,0 +7,0 @@ /** |
import Sortable from "sortablejs"; | ||
import { EventEmitter } from "../stencil.core"; | ||
import { ICON_TYPES } from "./resources"; | ||
/** | ||
* @slot menu-actions - A slot for adding a button + menu combo for performing actions like sorting. | ||
*/ | ||
export declare class CalciteValueList { | ||
@@ -5,0 +8,0 @@ /** |
{ | ||
"name": "@esri/calcite-app-components", | ||
"version": "4.1.0", | ||
"version": "4.1.1", | ||
"description": "A collection of web components for building single-page applications.", | ||
@@ -5,0 +5,0 @@ "main": "dist/index.js", |
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
2631295
40806